@charset "utf-8";

@media (max-width: 1800px) {
	.mcnt1 .mv-controll{padding-left: 20px;}
}

@media (max-width: 1400px) {
/* main */
	.mcnt2-warp .mcnt2 .rbx{padding: 0 40px;}
	
	.mcnt3 .flex-box > li{padding: 20px;}
	.mcnt3 .flex-box > li p{word-break: keep-all;}
	.mcnt3 .flex-box > li p br{display: none;}
}


@media (max-width: 1024px) {
/* header */
	#gnb {display:none;}
/* main */
	.fp-responsive .fp-is-overflow.fp-section{min-height:0px !Important}
	.fp-overflow{max-height:100000px !Important;}
	.mcnt1 .item{height: 80vw;}
	.mcnt1 .item .m_txt p{font-size: 16px; line-height: 1.5;}
	.mcnt1 .item .m_txt h3{font-size: clamp(28px, 5.5vw, 60px); line-height: 1.1;}
	.mcnt1 .item .m_txt h3 span{line-height: 1.5;}
	.mcnt1 .scroll-mv{right: 20px; bottom: 30px;}
	.mcnt1 .scroll-mv img{width: 26px;}
	.mcnt2-warp .mcnt2{height: auto; flex-direction: column-reverse;}
	.mcnt2-warp .mcnt2 > *{width: 100%; height: auto;}
	.mcnt2-warp .mcnt2 .rbx{padding: 50px 20px; gap:30px}
	.mcnt2-warp .mcnt2 .rbx h3{font-size: clamp(28px, 5.5vw, 60px);  line-height: 1.5;}
	.mcnt2-warp .mcnt2 .rbx .flex-box > a{padding: 20px 20px 0;}
	.mcnt2-warp .mcnt2 .rbx .flex-box > a.current{padding-bottom: 25px;}
	.mcnt2-warp .mcnt2 .rbx .flex-box > a span{font-size: 14px; gap:10px}
	.mcnt2-warp .mcnt2 .rbx .flex-box > a h4{font-size: 22px; padding-left: 24px; margin-top: 5px; margin-bottom: 10px;}
	.mcnt2-warp .mcnt2 .rbx .flex-box > a .box{padding-left: 24px;}
	.mcnt2-warp .mcnt2 .rbx .flex-box > a .box p{font-size: 16px; line-height: 1.5;}
	.mcnt2-warp .mcnt2 .lbx ul{height: 50vw; }
	.mcnt2-warp .mcnt2 .lbx ul > li{height: 50vw;}
	.mcnt2-warp .mcnt2 .lbx ul > li img{width: 100%; height: 100%;}
	.mcnt3{padding: 50px 20px;}
	.mcnt3 h3{font-size: clamp(28px, 5.5vw, 60px); line-height: 1.5; margin-bottom: 30px;}
	.mcnt3 .flex-box{gap:10px;}
	.mcnt3 .flex-box > li{flex:1 1 40%; height: auto;}
	.mcnt3 .flex-box > li i{margin-bottom: 20px;}
	.mcnt3 .flex-box > li span{font-size: 16px; line-height: 1;}
	.mcnt3 .flex-box > li b{font-size: 22px; line-height: 1.5; margin: 5px 0 10px;}
	.mcnt4{height: 70vw;}
	.mcnt4 .tbx h3{font-size: clamp(28px, 5.5vw, 60px); line-height: 1.5;}
	.mcnt4 .tbx p{font-size: 16px; line-height: 1.5; margin-bottom: 30px;}
	.mcnt4 .tbx .link-box > a{font-size:16px; width: 120px; height: 50px;}
	
/* footer */
	.footer-wrap{padding: 40px 0;}
	.footer-wrap .footer .ft-left ul{margin-top: 20px;}
	.footer-wrap .footer .ft-right{padding-bottom: 0; margin-top: 10px;}	
	.scroll-top{right: 20px; bottom: 40px; width: 45px; height: 45px;}
}

@media (max-width: 640px) {
/* header */
	.header-wrap{height: 80px;}
	#header .sitelogo{width: 80px;}
/* main */
	.mcnt1 .item{height: 100vw;}
	.mcnt1 .item .m_txt p{word-break: keep-all;}
	.mcnt1 .item .m_txt p br{display: none;}
	.mcnt3 .flex-box > li{flex:100%; }
	
}

@media (max-width: 480px) {

	.mcnt1 .item .m_txt{padding-bottom: 90px;}
	.mcnt1 .mv-controll{bottom: 40px;}
/* footer */	
	.footer-wrap .footer .ft-left ul > li{line-height: 1.5;}
	.ft-logo{width: 80px;}

}