@charset "utf-8";

@media (max-width: 1440px) {
/* header */
	#header #gnb > ul{gap:1.5vw; padding-right: 4.5vw;}
	#header #gnb > ul > li > a{font-size: 14px;}
	.fp-overflow{max-height:100000px}
	.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:100% !Important}

	.mcnt4-cnt .tbx{padding: 0 3vw;}

}



@media (max-width: 1024px) {

	#main{max-width:100%; overflow: hidden;}

/* header */
	#header{height: 100px;}
	#gnb{display: none;}

/* main */
	.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{overflow: visible;}
	#fullpage .fp-table{padding-top: 0px;}
	#fullpage .fp-table:not(.main-visual){padding-top: 0;}
	main .main-visual.fp-is-overflow.fp-section,
	main .main-visual .mv_owl .item,
	main .main-visual .mv_owl{max-height:99999px; height: 82vw !important; min-height:0px !important; }
	main .main-visual .mv_owl .m_txt h3{font-size: clamp(24px, 5.8vw, 60px); line-height: 1.5; margin-bottom: 3vw;}
	main .main-visual .mv_owl .m_txt p{font-size: 10px; line-height: 1.5; margin-bottom: 8vw;}
	main .mcnt2_wrap{height: auto !Important; min-height:0px !important; padding: 8vw 0 !important;	}
	.main-tit h3{font-size: clamp(15px, 3.5vw, 35px); line-height: 1.5; margin-bottom: 30px;}
	.mcnt2_cnt .lbx{width: 100%; }
	.mcnt2_cnt .lbx .big-wrap{height: 40vw;}
	.mcnt2_cnt .lbx .big-img > li{height: 40vw;}
	.mcnt2_cnt .lbx .tbx{padding-top: 40px;}
	.mcnt2_cnt .lbx .tbx h4{font-size: 18px; line-height: 1.5;}
	.mcnt2_cnt .lbx .tbx h4 a{height: 30px; font-size: 14px;}
	.mcnt2_cnt .lbx .tbx p{font-size: 16px; line-height: 1.5;}
	.mcnt2_cnt .rbx{width: 100%; margin-top: 30px;}
	.mcnt2_cnt .rbx .mcnt2-tab{flex-direction: row; gap:0; flex-wrap:wrap;}
	.mcnt2_cnt .rbx .mcnt2-tab > li{width: 50%;}
	.mcnt2_cnt .rbx .mcnt2-tab > li > a{height: 40px; padding: 0 10px; font-size: 12px; line-height: 1.5;}
	.mcnt2_cnt .rbx .mcnt2-tab > li > a i{width: 30px; height: 30px;}
	main .mcnt3_wrap {padding: 8vw 0 !important;}
	.mcnt3 .img-box{height: 90vw;}
	.mcnt3 .img-box ul{flex-direction: column;}
	.mcnt3 .img-box ul > li{padding: 5vw 20px; height: 33.33%; overflow: hidden;}
	.mcnt3 .img-box ul > li .tbx-on i{background-size: 40px !important; margin-bottom: 10px; height: 40px;}
 	.mcnt3 .img-box ul > li .tbx-on{/* display: none ; */} 
	.mcnt3 .img-box ul > li:hover {
		.tbx {translate: 0 0;}
	}
	.mcnt3 .img-box ul > li .tbx h5{font-size: 22px; line-height: 1.5; margin-bottom: 5px;}
	.mcnt3 .img-box ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	main .mcnt4_wrap {padding: 8vw 0 !important;}
	.mcnt4-cnt .map-wrap{width: 100%;}
	.mcnt4-cnt{height: auto;}
	.mcnt4-cnt .map-wrap .root_daum_roughmap .wrap_map{height: 70vw !Important;}
	.mcnt4-cnt .tbx{padding: 30px 20px; 	box-sizing: border-box; }
	
	.mcnt4-cnt .tbx h5{font-size: 20px; margin-bottom: 10px;}
	.mcnt4-cnt .tbx p{font-size: 16px; line-height: 1.5;}
	.mcnt4-cnt .tbx ul{padding-top: 20px; margin-top: 20px;	}
	.mcnt4-cnt .tbx ul > li{font-size: 16px; line-height: 1.5;}

	.ft_wrap{padding: 30px 0 !important;}
	#footer .box1{width: 100%;}
	#footer .box2{width: 100%; margin-top: 10px;}
	#footer .box2 ul > li{gap:8px}
	#footer .box3 ul{display: flex; gap:10px}
	#footer .box3 ul > li > a{width: 140px; font-size: 14px; padding: 0 10px;}
	body.fp-viewing-FOOTER .scroll-top{right: 20px; bottom: 300px; width: 40px; height: 40px;}
	.mcnt2_cnt .rbx{height: auto;}
}		

@media (max-width: 800px) {

}

@media (max-width: 640px) {
	body.fp-viewing-FOOTER .scroll-top{display: none;}
}

@media (max-width: 480px) {
/* header */
	#header{height: 80px;}
	#header .sitelogo{width: 150px;}
	#header .sitelogo a:after{background-size: 100%;}

	#header .sitemap-btn{gap:6px; margin-top: -10px;}
	#header .sitemap-btn span{width: 32px;}

	main .mv-btn-box{bottom: 20px;}
	.mcnt3 .img-box{height: 130vw;}
	.mcnt4_wrap > .fp-overflow > img{height: 150px;}
	.ft-logo{width: 150px;}
	.mcnt3 .img-box ul > li .tbx{align-content:center;}
	.mcnt3 .img-box ul > li .tbx h5{font-size: 18px; line-height: 1.5;}
	.mcnt3 .img-box ul > li .tbx-on h5{font-size: 18px; line-height: 1.5; margin-bottom: 5px;}
	.mcnt3 .img-box ul > li .tbx-on p{font-size: 14px; line-height: 1.5;}
	.mcnt4.wrap2 {padding: 0 !Important;}
	.mcnt4 .main-tit{padding: 0 20px; margin-bottom: 0; margin-top: -88px;	height: 88px;}
	.s11 .arti1 .icon-text > li:nth-child(1) > figure img{width: 40px;}
	.s11 .arti1 .icon-text > li:nth-child(2) > figure img{width: 32px;}
	.s11 .arti1 .icon-text > li:nth-child(3) > figure img{width: 40px;}
	.s11 .arti2 .icon-text > li:nth-child(1) > figure img{width: 43px;}
	.s11 .arti2 .icon-text > li:nth-child(2) > figure img{width: 50px;}
	.nobr{display: block;}

	.s41 .arti2 .box > .tbx p br.nobr{display: block;}

/* footer */
	#footer .box1 p{font-size: 10px; margin-top: 10px; line-height: 1.2;}
	
	#footer .box2 ul > li{font-size: 10px; line-height: 1.4; gap:0 6px}
	#footer .box3 ul > li > a{font-size: 10px; height: 30px; width: 110px;}
	#footer{height: auto; padding-bottom: 20px;}
	
}