@charset "utf-8";

@media (max-width: 1480px) {
/* header */
	#header #gnb > ul{gap:0 3vw}
	#header #gnb > ul > li > a{font-size: 16px;}
	#header #gnb .subm > ul{gap:20px}
	#header #gnb .subm > ul > li > a{font-size: 14px;}
	
/* main */
	.mcnt3 ul > li{flex:1; }
}


@media (max-width: 1200px) {
/* s42 */
	.s42 .arti2 ul > li .tbx{padding-left: 20px;}
	.s42 .arti2 ul > li .tbx h5{font-size: 20px; line-height: 1.5;}
	.s42 .arti2 ul > li .tbx ol > li{font-size: 16px; line-height: 1.5;}
	.s42 .arti2 ul > li figure{width: 20vw;}
}

@media (max-width: 1024px) {
/* header */
	#header .sitelogo{width: 200px;}
	.header-wrap{background: #fff;
		#header{height: 80px !important;}
		#header .sitelogo > a img{opacity: 0; translate:0 0%}
		#header .sitelogo > a img:last-child{opacity: 1; translate:0 -50%}
		#header #gnb > ul > li > a{line-height: 100px; color: #000;}
		#header .hd-link > a img{opacity: 0; }
		#header .hd-link > a img:last-child{opacity: 1; }
		.sitemap-btn > span{background: #000;}
	}
	#gnb {display:none;}
	#header .hd-link{width: 60px;}
	.sitemap-btn{margin-left: 20px;}	



/* main */
	main{}
	main .main-visual,
	main .main-visual .mv_owl .item{height: 90vw !important; min-height:0px !important; box-sizing: border-box;} 
	main .main-visual .mv_owl .m_txt{padding-top: 80px;}
	main .main-visual .mv_owl .m_txt h3{font-size: clamp(24px, 4.8vw, 55px); line-height: 1.5; margin-bottom: 10px;}
	main .main-visual .mv_owl .m_txt p{font-size: clamp(16px, 2.4vw, 24px); line-height: 1.5; word-break: keep-all;}
	main .main-visual .mv_owl .m_txt p br{display: none;}
	main .main-visual .owl-dots{bottom: 30px;}
	.mcnt2_wrap {height: auto !Important; min-height:0px !important;}
	
	main .mcnt2 ul > li{flex:33%; }
	main .mcnt2 ul > li > a{padding: 20px 15px;}
	main .mcnt2 ul > li{
		&:after{opacity: 1; translate:0 0; }
		.tbx p{opacity: 1; translate:0% 0; }
	} 
	main .mcnt2 ul > li .tbx small{font-size: 14px;}
	main .mcnt2 ul > li .tbx h5{font-size: 18px; line-height: 1.5; margin: 10px 0 15px;}
	main .mcnt2 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	main .mcnt2 ul > li .link-box{margin-top: 20px;}
	main .mcnt2 ul > li .link-box > span{font-size: 14px; gap:20px}
	
	.mcnt3_wrap {height: auto !Important; min-height:0px !important; padding: 8vw 0;}
	.main-tit h3{font-size: clamp(24px, 4.8vw, 55px); line-height: 1.5; padding-top: 20px; margin-bottom: 10px;}
	.main-tit p{font-size: 16px; line-height: 1.5;}
	.mcnt3 ul{gap:20px; margin-top: 30px;}
	.mcnt3 ul > li .tbx{padding: 20px;}
	.mcnt3 ul > li .tbx h4{font-size: 20px; line-height: 1.5; padding-bottom: 10px;}
	.mcnt4 ul{margin-top: 30px;}
	.mcnt4_wrap {height: auto !Important; min-height:0px !important; max-height:10000px !important; padding: 8vw 0;}
	.mcnt4_wrap .fp-overflow{height: auto !important;  min-height:0px !important; max-height:10000px !important; }
	.mcnt4 ul > li .tbx h4{height: 60px; font-size: 18px;}
	.mcnt5_wrap {height: auto !important;  min-height:0px !important; max-height:10000px !important; padding: 8vw 0;}
	.mcnt5_wrap .fp-overflow{min-height:0px !important; max-height:10000px !important; }
	.mcnt5_wrap .bg img{width: 30vw;  }
	.mcnt5 ul{margin-top: 30px; flex-direction: column; gap:20px}
	.mcnt5 ul > li > a{padding: 15px;}
	.mcnt5 ul > li > a .tbx .data{margin-bottom: 20px;}
	.mcnt5 ul > li > a .tbx .data big{font-size: 30px;}
	.mcnt5 ul > li > a .tbx .data small{font-size: 12px;}
	.mcnt5 ul > li > a .tbx h4{font-size: 20px; line-height: 1.5; margin-bottom: 5px;}
	.mcnt5 ul > li > a .tbx .box{font-size: 16px; line-height: 1.5;}
	.mcnt6_wrap:before, .mcnt6_wrap:after{width: 100%;}
	.mcnt6_wrap:after{display: none;}
	.mcnt6{padding-right: 0; height: auto !important; padding: 8vw 20px;}
	.mcnt6 h3{font-size: clamp(24px, 4.8vw, 55px); line-height: 1.5; }
	.mcnt6 p{font-size: 16px; line-height: 1.5; margin: 10px 0 30px;}
	.mcnt6 .link-box > a{width:150px; font-size: 16px; height: 50px;}
	.footer-wrap{height: auto; padding-bottom: 20px;}
	.footer-wrap .ft-top{padding-top: 20px;}
	.footer-wrap .ft-top ul > li{font-size: 14px; line-height: 1.5;}
	.footer-wrap .ft-bottom p{margin-bottom: 10px;}
	.footer-wrap .ft-bottom ul{gap:5px}
	.footer-wrap .ft-bottom p{font-size: 14px; line-height: 1.5;}
	.footer-wrap .ft-bottom ul > li > a{font-size: 14px;}
	.footer-wrap > .wrap2 > a {width: 40px; height: 40px; top: inherit; bottom: 0px; right: 80px;}
	
	.lnb > li:not(.home){width: 200px;}
	.lnb > li:not(.home) strong{padding: 0 15px;}
	.lnb > li:not(.home) > div{top: 50px; padding: 10px 15px;}
	.lnb > li:not(.home) > div ul > li > a{font-size: 12px; line-height: 1.5; margin-bottom: 10px;}
	.lnb > li:not(.home) > div ul > li:last-child > a{margin-bottom: 0;}

/* sub */
	.sub-visual{height: 60vw; min-height:300px}
	.sub-visual .sv-tbx .sv-tit{font-size: clamp(24px, 4.8vw, 55px); line-height: 1.5; }
	.lnb > li.home a{width: 50px; height: 50px;}
	.lnb > li:not(.home) strong{height: 50px;}
	.lnb > li:not(.home) strong{font-size: 14px;}
	.stit-h4{font-size: clamp(24px, 4.5vw, 50px); line-height: 1.5;}
	.bd-contain .aside_page{max-width:100%; padding-top: 50px; border-right: 0;	}
	.bd-contain .aside_page ul{display: flex; flex-wrap:wrap; }
	.bd-contain .aside_page ul > li{width: 33.33%;}
	.bd-contain .aside_page ul > li > a{font-size: 16px; height: 50px; line-height: 1.5; align-content:center;}


/* s1 */
	.s1{margin-top: 50px; }
	.s11{padding-bottom: 100px;}
	.s11 article{padding-bottom: 30px; margin-bottom: 30px;}
	.s11 .arti1 .img-box{margin-top: 30px; margin-bottom: 30px; height: auto;}
	.s11 .arti1 .img-box .tbx{padding: 8vw 20px;}
	.s11 .arti1 .img-box .tbx strong{font-size: clamp(24px, 4vw, 45px); line-height: 1.5; margin-bottom: 10px;}
	.s11 .arti1 .img-box .tbx p{font-size: 16px; line-height: 1.5;}
	.s11 h5{font-size: 22px; line-height: 1.5;}	
	.s11 p{font-size: 16px; line-height: 1.5; margin-bottom: 1em; word-break: keep-all;}
	.s11 p br{display: none;}
	.s11 .arti1 .sign{margin-top: 5vw; font-size: 20px; gap:10px}
	.s11 .arti1 .sign span{font-size: 14px;}
	.s11 .arti2 .flex-box{margin-top: 30px; padding-bottom: 30px;}
	.s11 .arti2 .flex-box > li{flex:40%; padding-top: 20px;}
	.s11 .arti2 .flex-box > li .tbx{font-size: 16px; line-height: 1.5; word-break: keep-all;}

/* s2 */
	.s2{margin-top: 50px; padding-bottom: 100px;}
	.s20 .arti1 > p{margin-top: 5px; font-size: 16px; line-height: 1.5;}
	.s20 .arti1 .flex-box{margin-top: 30px; gap:20px}
	.s20 .arti1 .flex-box > li .tbx strong{font-size: 20px; line-height: 1.5;}
	.s20 .arti1 .flex-box > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s2-section .s2-cnt1{margin-top: 30px;}
	.s2-section .s2-cnt1 figure{margin-bottom: 20px;}
	.s2-section .s2-cnt1 p{font-size: 16px; line-height: 1.5;}
	.s2-section article{padding-bottom: 30px; margin-bottom: 30px;}
	.s2-section .s2-cnt2{margin-bottom: 30px;}
	.s2-section .s2-cnt2 h5{font-size: 20px; line-height: 1.5; padding-left: 20px;} 
	.s2-section .s2-cnt2 h5:before{top: 13px; width: 14px; height: 2px;}
	.s2-section .s2-cnt2 ul{padding-left: 20px;}
	.s2-section .s2-cnt2 ul > li{font-size: 16px; line-height: 1.5; display: block; margin-bottom: 5px;		}
	.s2-section .s2-cnt2 ul > li span,
	.s2-section .s2-cnt2 ul > li p{display: inline;}
	.s2-section .gray-box{margin-top: 30px; flex-direction: column;}
	.s2-section .gray-box > *{width: 100%;  padding: 20px;}
	.s2-section .gray-box > * strong{font-size: 20px;}
	.s2-section .gray-box > * ul > li{font-size: 16px; line-height: 2em;}
	.s2-section .gray-box > * ol > li > a{font-size: 16px;}
	
/* s41 */
	.s4 {margin-top: 50px; padding-bottom: 100px;}
	.s4 .arti1 figure{margin-top: 30px;}
	.s41 .arti1 p{font-size: 16px;}
	.s41 .arti2{margin-top: 30px;}
	.s41 .arti2 ul > li{width: 33.33%; height: 150px;}
	.s41 .arti2 ul > li:nth-child(5n+5){border-right: 1px solid #ddd;}
	.s41 .arti2 ul > li:nth-child(3n+3){border-right: 0;}
	.s41 .arti2 ul > li:nth-child(-n+5){border-top: 1px solid #ddd;}
	.s41 .arti2 ul > li:nth-child(-n+3){border-top: 0;}

/* s42 */
	.s42 .arti2 ul{gap:30px}
	.s42 .arti2 ul > li{flex:100%;}
	.s42 .arti2 ul > li figure{width: 280px;}

/* s61 */
	.s6{margin-top: 0; margin-bottom: 100px;		}
	.s6 .arti1 > h4{font-size: 22px; line-height: 1.5; margin-bottom: 10px;}
	.s6 .arti2 ul > li{font-size: 16px; line-height: 1.5;}
	.s6 .arti1 .root_daum_roughmap .wrap_map{height: 60vw !Important;}

	.scroll-up{width: 40px; height: 40px; bottom: 20px;}
	.scroll-up.sc{right: 20px;}


}

@media (max-width: 640px) {
	.mcnt3 ul > li .tbx{padding: 15px;}
	.mcnt4 ul{gap:20px; flex-direction: column;}
	main .mcnt2 ul > li{flex:50%;}

/*	sub */
	.lnb{padding: 0;}
	.lnb > li:not(.home){flex:1; }
	.lnb > li.cate:not(.home){width: 130px;}
	.bd-contain .aside_page ul > li{width: 50%;}
	.bd-contain .aside_page ul > li > a{font-size: 14px; }


/* s11 */
	.s11 .arti2 .flex-box > li i img{width: 20vw;}

/* s2 */
	.s20 .arti1 .flex-box > li{flex:100%;}
	.s2-section .gray-box > * ol > li{flex:100%}
	.s2-section .gray-box > * ol > li > a{font-size: 14px; height: 40px;}

/* s41 */
	.s41 .arti2 ul > li{height: 100px;}
	.s41 .arti2 ul > li img{max-width:100%; overflow: hidden; max-height:100%;}

/* s42 */
	.s42 .arti2 ul > li{flex-direction: column; padding: 20px 0px;}
	.s42 .arti2 ul > li figure{width: 100%; height: 100px;}
	.s42 .arti2 ul > li .tbx{padding-left: 0;}
	
	.footer-wrap > .wrap2 > a {bottom: 30px; right: 55px;}
}

@media (max-width: 430px) {
	.footer-wrap > .wrap2 > a {width: 30px; height: 30px; right: 70px; bottom: -5px;}
}