@charset "utf-8";

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

@media (max-width: 1500px) {
/* main */
	.slick-slide figure{margin: 0 10px;}
	
	
}

@media (max-width: 1400px) {
/* header */
	#header #gnb > ul{gap:45px;}
	#header #gnb > ul > li > a{font-size: 20px;}
	
/* main */
	#footer .ft-left{flex:1; }
	#footer .ft-right{width: 388px;;}
}

@media (max-width: 1024px) {
/* header */
	#gnb {display:none;}
/* main */
	.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]){min-height:0px !Important}
	.mv_owl, .mcnt1 .item{height: calc(76vw + 50px);}
	.m_txt .box > small{	font-size: clamp(16px, 4vw, 30px); line-height: 1.2;}
	.mcnt1 .m_txt .box p,
	.m_txt .box > p{font-size: clamp(22px, 7.6vw, 60px); }
	.mv-controll{bottom: 20px;}
	.mcnt2-wrap,.mcnt3-wrap{padding: 60px 0 60px;}
	.m_txt .box .link-box > a{width: auto; padding: 15px 25px; font-size: 16px;}
	.mcnt4_wrap{padding: 60px 0 60px; height: auto;}
	.mcnt4{padding-top: 0;}
	.mcnt4_wrap .tit > p{font-size: clamp(20px, 3.8vw, 30px); line-height: 1.5;}
	.mcnt4_wrap .box2{margin-top: 50px;}
	.mcnt4_wrap .box2 p{font-size: clamp(26px, 4.5vw, 40px); line-height: 1.5; margin-bottom: 30px;}
	.mcnt4_wrap .flex-box{gap:20px;}
	.mcnt4_wrap .flex-box > li{width: calc(33.33% - 20px);}
	.mcnt4_wrap .flex-box > li img{width: auto; max-width:100%;}
	.mcnt5_wrap {padding: 60px 0 100px;}
	.mcnt5_wrap .mcnt5{flex-direction: column; gap:40px;}
	.mcnt5_wrap .mcnt5 .box{width: 100%;}
	.mcnt5_wrap .mcnt5 .box .tit h4{font-size: clamp(22px, 4.2vw, 36px); line-height: 1.5;}
	.mcnt5_wrap .mcnt5 .box ul > li > a{font-size: 16px; height: 10vw; padding: 0 15px;}
	.mcnt5_wrap .mcnt5 .box ul > li > a p{width: calc(100% - 70px);}
	.mcnt5_wrap .mcnt5 .box ul > li > a span{font-size: 14px; width: 70px;}
	.mcnt5_wrap .mcnt5 .box .tit .link-box > a{width: 32px;}
	.mcnt5_wrap .big-text p{font-size: 80px;}

/* footer */
	#footer{flex-direction: column; gap:30px;}
	#footer .ft-right{width: 100%; }
	#footer .ft-left ul > li ol{margin-left: 0;}
	
}

@media (max-width: 640px) {
/* header */
	.header-wrap{height: 100px;}

/* main */
	.m_txt .box ul{gap:20px; width: 100%;}
	.m_txt .box ul > li{flex:1;}
	.m_txt .box ul > li > a{width: 100%; padding: 20px 10px; height: auto;}
	.m_txt .box ul > li > a p{font-size: 16px;}
	
/* footer */	
	.footer-wrap{	padding: 40px 0 90px;}
	#footer .ft-left ul > li{font-size: 14px;}
	#footer .ft-left ul > li ol{flex-direction: column; align-items: flex-start; gap:5px; width: 100%; margin-top: 15px;}
	#footer .ft-right ul > li > a{padding: 4px 15px; }
	
	.quick-menu{position: fixed; left: 0; bottom: 0; width: 100%; right: auto; border-radius: 10px 10px 0 0; flex-direction: row;}
	.quick-menu > li > a{padding-bottom: 0; font-size: 14px; border-bottom: 0;}
	
	.scroll-top{right: 10px; bottom: 100px; width: 40px; height: 40px;}
	
	
}

@media (max-width: 480px) {
/* main */
	.m_txt .box ul{gap:10px; margin-top: 20px;}
	.m_txt .box ul > li > a{	padding: 30px 15px;}
	.m_txt .box ul{flex-direction: column;}

/* footer */
	#footer .ft-right ul > li > a{font-size: 14px;}

}