@charset "utf-8";

@media (max-width: 1400px) {

/* footer */	
	#footer .lbx{flex:1; margin-left: 3vw;}
	#footer .ft-nav{width: 305px;}
	#footer .ft-nav > ul > li:not(:last-child):after{margin: 0 12px;}
}

@media (max-width: 1024px) {
/* header */
	#gnb {display:none;}
	.header-wrap:before{height: 150px !Important;}
	
/* main */	
	.main .mcnt1{height: 100vw;}
	.main .mcnt2{padding: 12vw 0;}
	.main .mcnt2 .tit h4{font-size: 48px; line-height: 1.5;}
	.main .mcnt2 .tit p{font-size: 16px; }
	.main .mcnt2 .box{height: 74vw;}
	.main .mcnt3{padding-top: 80px;}
	.main .mcnt3 .tit p{font-size: 16px; line-height: 1.5;}
	.main .mcnt3 .tit strong{font-size: 48px; line-height: 1.5;}
	
	#main .down-box{right: 20px;}
	
/* footer */
	#footer{flex-direction: column; padding: 30px 20px;}
	#footer .ft-logo{margin: 0 auto; margin-bottom: 20px;}	
}

@media (max-width: 640px) {
/* main */
	main{padding-bottom: 12vw;}
	.main .mcnt2 .tit h4{font-size: 28px;}
	.main .mcnt2 .tit p{margin-top: 10px; margin-bottom: 20px;}
	main .svg-line{right: -10vw; }
	.main .mcnt3 .tit{flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:0px; margin-bottom: 50px;}
	.main .mcnt3 .tit strong{font-size: 32px;}
	.main .mcnt3 .cnt figure{height: 350px;}
	.main .mcnt3 .cnt figure figcaption span{width: 10vw;}
	
}

@media (max-width: 480px) {
/* header */
	#header{padding-top: 0; height: 80px; align-items:center;}
	#header .sitelogo{width: 121px;}
	#header .sitemap-btn{padding: 0; width: 35px; height: 35px;}
	
/* main */
	#main .down-box{right: -10vw; bottom: -100px;}
	#main .down-box > a{scale:0.6 !important}
	
/* footer */	
	#footer .lbx ul > li{gap:0px 10px}
	#footer .ft-nav{width: 100%; align-self:center; padding-bottom: 0; padding-top: 20px;}
	#footer .ft-nav > ul{justify-content: center; margin-left: -12px;}
	#footer .ft-nav > ul > li > a{font-size: 16px; line-height: 1.5; margin: 0 auto;} 
}