@charset "utf-8";

@media (max-width: 1400px) {
/* header */
	#header #gnb > ul > li{width: 17vw;}
}

@media (max-width: 1024px) {
/* header */
	#header{height: 80px;}
	#header #gnb {display:none;}
	
/* main */
	.mv_sec,
	.mv_sec .item{height: 90vw;}
	.main-scroll{right: 20px;}
	.mv-controll{left: 20px;}
	.mv_sec .m_txt .box{padding-top: 80px;}
	.mv_sec .m_txt .box p{font-size: clamp(16px, 3.6vw, 40px); margin-bottom: 15px;}
	.mv_sec .m_txt .box h3{font-size: clamp(24px, 5.8vw, 65px);}
	.mv_sec .m_txt .box h3{width: 35vw;}
	.main-scroll{bottom: 20px;}
	.main-tit small{font-size: 16px;}
	.main-tit h4{font-size: clamp(24px, 4.8vw, 55px);}
	.mcnt2{padding-top: 12vw;}
	.mcnt2 ul {height: auto; margin-top: 30px; flex-wrap:wrap;}
	.mcnt2 ul > li{flex:1 1 50%; height: auto; padding: 30px 10px;}
	.mcnt2 ul > li:nth-child(n+3){border-top: 1px solid rgba(255,255,255,0.2);}
	.mcnt2 ul > li figure img{width: 16vw;}
	.mcnt2 ul > li .tbx > p{font-size: 20px; line-height: 1.5; margin-top: 15px;}
	.mcnt3{padding-top: 12vw; flex-direction: column;}
	.mcnt3 .main-tit{position: relative; z-index: 105;}
	.mcnt3 .rbx{margin-top: 30px;}
	.mcnt3 .rbx ul{gap:20px}
	.mcnt3 .rbx ul > li{height:55vw;}
	.mcnt3 .rbx ul > li > a{}
	.mcnt3 .rbx ul > li > a{padding: 30px 20px; background-size: cover !important;}
	.mcnt3 .rbx ul > li > a h4{font-size: 24px; margin-bottom: 15px;}  
	.mcnt3 .rbx ul > li > a p{font-size: 16px; line-height: 1.5;}
	.mcnt3 .rbx ul > li:nth-child(2){margin-top: 40px;}
	.mcnt4{padding-top: 12vw;}
	.mcnt4 .inner{height: auto; padding: 20px;}
	.mcnt4 .inner .tbx span{width: 60px; height: 30px; font-size: 16px;}
	.mcnt4 .inner .tbx p{padding-left: 10px; font-size: 16px;}
	.mcnt4-controll-box{justify-content: space-between; width: 100%;}
	.mcnt4-controll-box .swiper-pagination{width: 50vw; margin-right: 2vw;}
	.mcnt4-controll-box .navigation-btns{margin-left: auto; gap:20px}
	.mcnt5{margin-top: 12vw;}
	.mcnt5{height: auto; padding: 8vw 20px;}
	.mcnt5 .tbx h5{font-size: clamp(24px, 5.5vw, 60px);}
	.mcnt5 .tbx p{font-size: 16px; margin-bottom: 30px;}
	.mcnt5 .tbx .link-box > a{width: 140px; height: 50px;}
	
/* footer */
	.footer-wrap{padding: 30px 0;}
	#footer{height: auto; flex-direction: column; ;}
	#footer .lbx{width: 100%; margin-bottom: 20px; text-align: center;}
	.scroll-top.sc{right: 20px; bottom: 250px; width: 40px; height: 40px;}
	#footer .rbx ul{padding-bottom: 10px; margin-bottom: 10px;}
	#footer .rbx .bottom{gap:15px}
}

@media (max-width: 640px) {
/* main */
	.mv-controll{bottom: 30px;}
	.mcnt3 .rbx ul {flex-direction: column;}
	.mcnt3 .rbx ul > li{height: auto; }
	.mcnt3 .rbx ul > li:nth-child(2){margin-top: 0;}
	.mcnt3 .rbx ul > li a{padding-bottom: 80px;}
	.mcnt3 .rbx ul > li .box{height: 40px;}
	.mcnt3 .rbx ul > li .box i{width: 40px;}
	.mcnt4 .inner .tbx p{flex:1;}

}