@charset "utf-8";

@media (max-width: 1840px) {
/* header */
	#header .sitemap-btn{margin-right: 0px;	}

/* main */
	.mcnt3 .mcnt3-cnt > a{padding: 49px 23px 70px;}
	.mcnt3 .mcnt3-cnt > a p{width: 100%; }
	.mcnt3 .mcnt3-cnt > a p br{display: none;}

/* footer */
	.ft-wrap{padding: 30px 20px;}
}

@media (max-width: 1600px) {
/* main */
	.mv-controll{left: 0; margin-left: 0; padding-left: 108px;}
}

@media (max-width: 1450px) {
/* header */
	#header #gnb{margin-right: 20px;}
	#header #gnb > ul > li > a{font-size: 22px; width: 120px;}
	#header #gnb > ul > li:not(:last-child):after{margin: -3px 5px 0 5px;}
	#header #gnb > ul > li .subm{width: 120px;}
	#header #gnb > ul > li .subm > ul > li > a{font-size: 16px; line-height: 1.8;}

/* main */
	.mcnt3 .mcnt3-cnt{gap:20px; }
	.mcnt3 .mcnt3-cnt > a{padding: 40px 15px;}
	.mcnt3 .mcnt3-cnt > a h5{font-size: 32px;}
	.mcnt3 .mcnt3-cnt > a p{font-size: 16px; line-height: 1.5;}

/* footer */
	.main-footer-box .contact-main{height: auto; padding: 40px 20px;}
	.main-footer-box .contact-main .tit big{font-size: 80px;}
	.main-footer-box .contact-main .tit p{font-size: 35px;}
	.main-footer-box .contact-main .tit ul > li{font-size: 32px; line-height: 1.5;}
	.main-footer-box .contact-main .tit ul > li span{line-height: 1.5;}
	.main-footer-box .contact-main .rbx > a{width: 100px; height: 100px; font-size: 20px;}
	
	.sub-footer-box .contact-main{justify-content: space-between; height: auto; padding: 40px 20px; gap:20px}
	.sub-footer-box .contact-main .tit big{font-size: 60px;}
	.sub-footer-box .contact-main .tit p{font-size: 20px;}
	.sub-footer-box .contact-main .tit ul > li{font-size: 20px; line-height: 1.5;}
	.sub-footer-box .contact-main .rbx > a{width: 100px; height: 100px; font-size: 20px;}
}




@media (max-width: 1024px) {
	#header{height: 120px;}
	#gnb {display:none;}
	#header .sitemap-btn{width: 45px; height: 45px; padding-right: 8px;}
	#header .sitemap-btn span{width: 20px; height: 3px;}
	#header .sitemap-btn span:nth-child(2){width: 30px;}
	#header .sitemap-btn span:nth-child(3){width: 15px;}
	#header .sitemap-btn:hover span{width: 30px !Important;}

/* main */
	.mcnt1 .m_txt .box{padding-left: 20px;}	
	.mv-controll{left: 0; margin-left: 0; padding-left: 20px; bottom: 50px;}
	.mcnt1, .mcnt1 .item{height: 85vw;}
	.mcnt1 .m_txt .box h3 {margin-bottom: 30px;}
	.mcnt1 .m_txt .box h3 img{width: 55vw !important; }
	.mcnt1 .m_txt .box p{font-size: 18px; line-height: 1.5;}
	.mcnt2-wrap {padding-top: 12vw; padding-bottom: 12vw; margin-top: 0;}
	.mcnt2-wrap .main-tit{padding-left: 20px;}
	.mcnt2-swiper{margin-top: 0;}
	.mcnt2-swiper .swiper-slide a figure{scale:0.9}
	.mcnt2-btn{right: 20px; top: -12vw;}
	.mcnt2-swiper .swiper-container{margin: 40px 0px 0;}
	.main-tit h4{font-size: 30px; font-size: clamp(30px, 5.8vw, 61px); line-height: 1.5; margin-left: 7px; margin-top: 5px;} 
	.mcnt2-btn{top: -100px;}
	.mcnt2-btn .swiper-button-prev, .swiper-button-next{width: 50px; height: 50px;}
	.mcnt2-swiper .swiper-slide a .tbx{font-size: 20px;}
	.mcnt3{padding-top: 12vw; margin-bottom: 12vw; flex-wrap:wrap; padding-bottom: 12vw;}
	.mcnt3 .main-tit {max-width: 10000px; width: 100%; padding-top: 0; padding-left: 0;}
	.mcnt3 .mcnt3-cnt{margin-top: 40px;}

/* footer */
	.main-footer-box .contact-main .tit big{font-size: 40px;}
	.main-footer-box .contact-main .tit p{font-size: 20px; margin-left: 0;}
	.main-footer-box .contact-main .tit ul > li{font-size: 20px; }
	.main-footer-box .contact-main {  justify-content: space-between; height: auto; gap:20px;   }
	.main-footer-box .contact-main .tit ul{margin-top: 20px; margin-left: 0;}
	.main-footer-box .contact-main .rbx{margin-top: 0;}
	.ft-bottom{flex-direction: column; margin-top: 30px;}

	.sub-footer-box .contact-main .tit big{font-size: 40px; }



}
@media (max-width: 800px) {
/* main */
	.mcnt3 .mcnt3-cnt{flex-wrap:wrap;}
	.mcnt3 .mcnt3-cnt > a{flex:100%; padding: 30px 20px;}
	.mcnt3 .mcnt3-cnt > a small{font-size: 16px; line-height: 2;}
	.mcnt3 .mcnt3-cnt > a h5{font-size: 26px;}
	.mcnt3 .mcnt3-cnt > a .p-box{height: auto; margin-bottom: 20px;}
	.mcnt3 .mcnt3-cnt > a figure img{width: 100%;}

}


@media (max-width: 640px) {
/* header */
	#header{height: 80px;}
	#header .sitelogo{width: 220px;}
/* main */
	.mcnt1, .mcnt1 .item{height: 95vw;}
	.mv-controll{bottom: 30px;}

/* main */

/* footer */
	.main-footer-box .contact-main .lbx{width: 100%; }	
	.main-footer-box .contact-main .rbx{width: 100%;}
	.main-footer-box .contact-main .rbx > a{width: 220px; height: 55px; border-radius: 30px; margin: 0 auto;}
	.ft-wrap{height: auto;}
	.ft-top ul > li {font-size: 16px;}
	.ft-top ul > li > a{font-size: 16px;}
	.ft-bottom .box h4{font-size: 22px; margin-top: 10px;}
	.ft-bottom .box ul > li{font-size: 16px; line-height: 1.5;}
	.scrolltop{width: 45px; height: 45px; top: 50px;}
	
	.sub-footer-box .ft-wrap{height: auto;}
	.sub-footer-box .contact-main .rbx > a{width: 220px; height: 55px; border-radius: 30px; margin: 0 auto;}
	.sub-footer-box .contact-main .tit ul{margin-top: 20px;}
	.m_none{display: none !important;}
	.list-ft span:after{display: none;}

}

@media (max-width: 480px) {
/* main */	
	.mcnt1, .mcnt1 .item{height: 100vw;}
	.mcnt1 .m_txt .box p{font-size: 16px;}
	.mv-controll .line-bar{width: 220px;}
}