@charset "utf-8";


@media (max-width: 1900px) {
	.mcnt3 > a .tbx h4{padding-left: 160px;}
	.mcnt3 > a .tbx small {padding-left: 390px;}
}

@media (max-width: 1800px) {
	.mcnt3 > a .tbx h4{padding-left: 100px;}
	.mcnt3 > a .tbx small {padding-left: 330px;}
}


@media (max-width: 1650px) {
/* head */
	#header .wrap1 #gnb > li{padding: 0 20px;}
	#header:hover .wrap1 #gnb > li{padding: 0 3vw;}
	#header:hover .wrap1 nav{margin-left: auto; padding-right: 100px;} 

	.mcnt3 > a .tbx h4{padding-left: 120px; font-size: 30px;}
	.mcnt3 > a .tbx small {padding-left: 280px;}
}

@media (max-width: 1440px) {
	.mcnt3 > a .tbx h4{font-size: 30px ;}
	.mcnt3 > a .tbx small {padding-left: 255px;}
}

@media (max-width: 1200px) {
/* main */
	.mcnt5 .mcnt5_slick .slick-active img{translate:-100px 0}

}

@media (max-width: 1600px) {
/* main */
	.mcnt1 .info-mv{left: 20px; translate: 0 0;}
	.mcnt3 > a:first-child{padding-left: 8vw;}

}


@media (max-width: 1024px) {
/* head */
	#header .wrap1 nav{display: none;}
	.submenu-bg{display: none;}
	#header{background: rgba(255,255,255,0.8); border-bottom: 1px solid #ddd; height: 80px;}
	#header .wrap1{height: 80px;}
	#header .wrap1 .sitelogo > a:after{opacity: 1; translate:0px 0; }
	#header .wrap1 #gnb > li > a{color: #111;}
	#header .wrap1 .sitemap-btn:after{opacity: 1; translate:0px 0%;}
	
/* main */
	.fp-overflow{max-height:10000px !important}
	.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{overflow: hidden !important;}
	.fp-responsive .fp-is-overflow.fp-section{min-height:0px !Important}
	.mcnt1 .mv_owl .m_txt{padding-bottom: 30vw;}
	.mcnt1 .mv_owl .item{height: 125vw;}
	.mcnt1 .mv_owl .m_txt h3{font-size: clamp(28px, 6.6vw, 68px); line-height: 1.2; margin-bottom: 10px;}
	.mcnt1 .mv_owl .m_txt p{font-size: 14px; line-height: 1.5;}
	.mcnt1 .info-mv{bottom: 30px;}
	.mcnt1 .info-mv .mv-bar{margin-top: 10px;}
	.mcnt2_wrap {padding: 10vw 0;}
	.main-tit h3{font-size: clamp(28px, 6.6vw, 68px); line-height: 1.5;}
	.mcnt2_cnt{margin-top: 5vw; gap:20px 2%; }
	.mcnt2_cnt > li{width: 49%; margin-right: 0;}
	.mcnt2_cnt > li > a figure img{width: 100%;}
	.mcnt2_cnt > li > a .tbx{padding: 20px 10px; opacity: 1; height: 70px; top: auto; bottom: 0; display: flex; align-items:center}
	.mcnt2_cnt > li > a .tbx p{font-size: 16px; line-height: 1.5; }
	.mcnt2_cnt > li > a .tbx:after{right: 10px; bottom: 0px; width: 5vw; max-width:30px; height: 70px; background-size: 100%; background-position: center;}
	.mcnt2_cnt > li > a .tbx p{padding-right: 30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; -ms-word-break: break-all; word-break: break-all;}
	.mcnt3_wrap {position: relative; z-index: 100;}
	.mcnt3{height: auto; flex-direction: column;}
	.mcnt3 > a{width: 100% !important; padding: 8vw 20px !important;}
	.mcnt3 > a:before{display: none;}
	.mcnt3 > a:after{display: none;}
	.mcnt3 > a.on .tbx span{display: none;}
	.mcnt3 > a .tbx small{display: none;}
	.mcnt3 > a.on .tbx h4{font-size: clamp(28px, 6.6vw, 68px); line-height: 1.5; margin-bottom: 3vw;}
	.mcnt3 > a.on .tbx p{font-size: 14px; line-height: 1.5;}
	.mcnt3 > a .tbx .box{margin-bottom: 0;}
	.mcnt5_wrap:before{height: 100%; z-index: -5;}
	.mcnt4_wrap {padding: 10vw 0;}
	.mcnt5{display: block; text-align: center; height: auto;}
	.mcnt5 .tbx{width: 100%; padding-right: 0;}
	.mcnt5 .tbx .box h4{font-size: 20px; line-height: 1.5; padding-bottom: 3vw; margin: 4vw 0 2vw; border-bottom: 2px solid #333;} 
	.mcnt5 .tbx .box p{font-size: 14px; line-height: 1.5; margin-bottom: 0;}
	.mcnt5 .tbx .box a{width: auto; padding: 0 15px; line-height: 40px; margin-top: 3vw;}
	.mcnt5 .slick-slide{text-align: center;}
	.mcnt5 .mcnt5_slick .slider-main .slick-list{padding: 0 !important;}
	.mcnt5 .mcnt5_slick{flex:none; width: 100%; height: auto; margin-top: 6vw; padding-bottom: 5vw;}
	.mcnt5 .mcnt5_slick .slider-main{display: block;}
	.mcnt5 .mcnt5_slick .slick-active img{translate: 0px 0; }
	.mcnt5 .mcnt5_slick .slick-slide{margin-right: 30px;}
	.mcnt5 .mcnt5_slick .slick-slide img{width: 100%;}
	
/* footer */
	.footer .wrap1 {flex-direction: column-reverse;}
	.footer .ft_lbx .ft_nav ul{display: flex; flex-wrap:wrap; gap:2vw} 
	.footer .ft_lbx .ft_nav ul > li > a{font-size: 16px; line-height: 1.5;}
	.footer .ft_rbx ol > li{line-height: 1.5;}
	.footer .ft_rbx ol > li > span{margin-left: 0; margin-right: 10px;}
	.footer .ft_rbx ol > li > p{margin: 10px 0 15px;}
	.footer .ft_lbx > ul{margin-top: 2vw;}
	.footer .ft_rbx{text-align: left;}

}

@media (max-width: 640px) {
/* main */		
	.mcnt1 .mv_owl .m_txt{padding-bottom: 0vw;}
	.mcnt4 figure{margin-top: 5vw; height: 50vw;}
	.mcnt4 figure img{width: 100%; height: 100%; object-fit:cover; }
	.mcnt4 figure figcaption{left: 0; top: 0; width: 100%; height: 100%; margin-right: 0; display: flex; align-items:center; padding: 0 20px; font-size: 18px; line-height: 1.5;} 

/* footer */
	.footer{padding: 20px 0;}
	.footer .ft_rbx ol > li{font-size: 14px;}
	.footer .ft_lbx .ft_nav ul > li > a{font-size: 14px;}
}

@media (max-width: 400px) {
	
}




/* sub */

@media (max-width: 1600px) {
/* s41 */
	.sub_4_1 .arti2 ul{gap:20px}
	.sub_4_1 .arti2 ul > li:not(.first) .tbx br{display: none;}
	.sub_4_1 .arti2 ul > li:not(.first) .tbx p b{font-size: 16px; line-height: 1.5; }
	.sub_4_1 .arti2 ul > li:not(.first) .tbx p{font-size: 14px; line-height: 1.5; word-break: keep-all;}
	.sub_1_1 .arti2 .cnt_box_new .box .tbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.sub_1_1 .arti2 .cnt_box_new .box .tbx p br{display: none;}
}	

@media (max-width: 1320px) {
	.sub_area {width: 100%; overflow: hidden;}

/* s11 */
	.sub_1_1 .arti2 .cnt_box_new .box{position: relative;}
	.sub_1_1 .arti2 .cnt_box_new .box .top_box figure{position: absolute; right: 20px; top: 20px; width: 60px; height: 60px;}
	.sub_1_1 .arti2 .cnt_box_new .box .top_box small{margin-bottom: 50px; display: block;}
/* s42 */
	.sub_4_2 .arti1 > .flex_box{padding: 0 20px;}
	.sub_4_2 .arti1 > .flex_box .box .tbx strong{font-size: 23px;}
	.sub_4_2 .arti1 > .flex_box .box .tbx p{font-size: 16px; line-height: 1.5;}
	.sub_4_2 .arti1 > .flex_box .box:last-child:before {height: 104px; top: 0px;}



}


@media (max-width: 1280px) {
	.sub_visual .sub_visual_box{padding-bottom: 4vw;}
	.lnb_wrap{margin-top: 8vw; }

/* s41 */
	.sub_4_1 .arti2 ul > li{padding: 20px; padding-top: 40px;}
	.sub_4_1 .arti2 ul > li > figure{top: 20px !important; right: 20px !important; opacity: 0.4;}

}

@media (max-width: 1024px) {
	.sub_area{margin-bottom: 20vw;}
	.sub_visual{height: 50vw; margin-bottom: 12vw;}
	.sub_visual > img{width: 100%; height: 100%; object-fit:cover}
	.lnb_wrap{justify-content: center; margin-top: 4vw;}
	.sub_visual .sub_visual_box{padding-top: 100px; display: block; }
	.sub_visual .sub_visual_box h3{font-size: clamp(28px, 6.8vw, 68px); line-height: 1.5; width: 100%; text-align: center;}
	.bo-wrap{padding-bottom: 20vw;}

/* s11 */
	.sub_tit_box small,.sub_4_1 .arti1 small{font-size: 14px; margin-bottom: 15px;}
	.sub_tit_box h4, .sub_4_1 .arti1 h4{font-size: clamp(22px, 4.8vw, 48px); line-height: 1.5; }
	.sub_1_1 .arti1 .cnt_box{flex-direction: column; margin-bottom: 20px; margin-top: 9vw;} 
	.sub_1_1 .arti1 .cnt_box .box{width: 100%; padding: 0 !important; top: 0 !Important;}
	.sub_1_1 .arti1 .cnt_box:before{display: none;}
	.sub_1_1 .arti1 .cnt_box .box:nth-child(odd):after{display: none;}
	.sub_1_1 .arti1 .cnt_box .box .tbx{display: block; padding: 3vw 0; margin-right: 0;}
	.sub_1_1 .arti1 .cnt_box .box .tbx b{font-size: 20px; margin-right: 0;}
	.sub_1_1 .arti1 .cnt_box .box .tbx p{width: 100%; font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.sub_1_1 .arti1 .cnt_box .box .tbx p br{display: none;}
	.sub_1_1 .arti1 .cnt_box .box .tbx p span{font-size: 14px; line-height: 1.5;		}
	.sub_1_1 .arti2 .cnt_box .box{flex: 1 1 100%}
	.sub_1_1 .arti2 .cnt_box .box strong{font-size: 16px;}
	.sub_1_1 .arti2 .cnt_box .box strong span{font-size: 20px; width: 40px;}
	.sub_1_1 .arti2 .cnt_box .box p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.sub_1_1 .arti2 .cnt_box .box p br{display: none;}
	.sub_1_1 .arti2 .cnt_box{margin-top: 7vw;}

	.sub_1_1 .arti2 .cnt_box_new{gap:20px; margin-top: 7vw;}
	.sub_1_1 .arti2 .cnt_box_new .box{flex: 1 1 40%; height: auto; padding-top: 5vw; padding-bottom: 5vw;	}


/* s12 */
	.sub_1_2 .arti1 ul{gap:30px; }
	.sub_1_2 .arti1 ul > li{width: calc(100% / 2 - 15px);}
	.sub_1_2 .arti1 ul > li .tbx{height: auto; padding: 5vw 15px;}
	.sub_1_2 .arti1 ul > li .tbx strong{font-size: 20px; margin-bottom: 2vw;}
	.sub_1_2 .arti1 ul > li .tbx p{font-size: 16px; line-height: 1.5;}

/* s31 */
	.sub_3_1 .arti1{margin-top: 12vw;}
	.sub_3_1 .arti2{display: block;}
	.sub_3_1 .arti2 .box1 ul > li{font-size: 16px; line-height: 1.8;}
	.sub_3_1 .arti2 .box1 ul > li span{width: 70px;}
	.sub_3_1 .arti2 .box2{margin: 30px 0; padding-left: 0;}
	.sub_3_1 .arti2 .box2:before{display: none;}
	.sub_3_1 .arti2 .box2 figure{width: 60px;}
	.sub_3_1 .arti2 .box2 .tbx{padding-left: 10px;}
	.sub_3_1 .arti2 .box2 .tbx p{font-size: 20px;}
	.sub_3_1 .arti2 .box2 .tbx p span{font-size: 14px;}
	.sub_3_1 .arti2 .box2 .tbx p span:before{width: 8px;}
	.sub_3_1 .arti2 .box3 ol > li > a{width: 45px; height:45px;}
	.sub_3_1 .arti1 .root_daum_roughmap .wrap_map{height: 80vw !important;}

/* s41 */
	.sub_4_1 .arti1{padding: 0 20px;}
	.sub_4_1 .arti1 br{display: none;}
	.sub_4_1 .arti1 h4{margin: 3vw 0;}
	.sub_4_1 .arti1 figure{border-radius: 10px; overflow: hidden; height: 40vw;}
	.sub_4_1 .arti1 figure img{width: 100%; height: 100%; object-fit:cover}
	.sub_4_1 .arti2{margin-top: 15vw;}
	.sub_4_1 .arti2 ul > li{flex:1 1 45%}
	.sub_4_1 .arti2 ul > li.first{padding: 20px;}
	.sub_4_1 .arti2 ul > li:not(.first) .tbx h5{font-size: 20px;}

/* s42 */
	.sub_4_2 {}
	.sub_4_2 .arti1{padding-top: 0;}
	.sub_4_2 .arti1 > .flex_box{margin-top: 0;}
	.sub_4_2 .arti1 > .box{width: 100%; padding-top: 40px;}
	.sub_4_2 .arti1 > .box:after{border-radius: 0;}
	.sub_4_2 .arti1 .line span{display: none;}
	.sub_4_2 .arti1 > .flex_box{padding: 0;}
	.sub_4_2 .arti1 > .flex_box .box{width: 33% !important; padding: 0 5px; box-sizing: border-box;}
	.sub_4_2 .arti1 > .flex_box .box:last-child{padding-top: 0;}
	.sub_4_2 .arti1 > .flex_box .box:last-child:before{display: none;}
	.sub_4_2 .arti1 > .flex_box .box figure{width: 100px; height: 100px; margin: 0 auto;}
	.sub_4_2 .arti1 > .flex_box .box .tbx strong{font-size: 20px;}
	.sub_4_2 .arti1 > .flex_box .box .tbx p{font-size: 14px; line-height: 1.5; word-break: keep-all;}
	.sub_4_2 .arti1 > .flex_box .box .tbx p br{display: none;}
	.sub_4_2 .arti1 > .box{font-size: 20px;}

/* s43 */
	.sub_tit_box p{font-size: 14px; line-height: 1.5; word-break: keep-all;}
	.sub_tit_box p br{display: none;}
	.sub_tit_box h4 br, .sub_4_1 .arti1 h4 br{display: none;}
	.sub_4_3 .arti1 figure{margin-top: 9vw; height: 50vw;}
	.sub_4_3 .arti1 figure img{width: 100%; height: 100%; object-fit:cover}
	.sub_4_3 .arti2{margin-top: 12vw;}
	.sub_4_3 .arti2 .cnt_box > ul{margin-top: 9vw; flex-direction: column; padding: 0;}
	.sub_4_3 .arti2 .cnt_box > ul > li{padding: 15px 4vw; border-right: 0; border-bottom: 1px solid #ddd;	}
	.sub_4_3 .arti2 .cnt_box > ul > li:last-child{border-bottom: 0;}
	.sub_4_3 .arti2 .cnt_box > ul > li h4 strong{font-size: 50px;}
	.sub_4_3 .arti2 .cnt_box > ul > li h4{font-size: 20px;}
	.sub_4_3 .arti2 .cnt_box > ul > li p{font-size: 16px;}


	


}

@media (max-width: 640px) {
/* s11 */
	.sub_1_1 .arti2 .cnt_box_new .box{padding: 5vw 20px;}
	.sub_1_1 .arti2 .cnt_box_new .box .top_box small{font-size: 14px; padding-right: 80px;}
	.sub_1_1 .arti2 .cnt_box_new .box .tbx strong{font-size: 25px; line-height: 1.5;}
	.sub_1_1 .arti2 .cnt_box_new .box .tbx p{font-size: 14px; line-height: 1.5;}

/* s12 */
	.sub_1_2 .arti1 ul {margin-top: 12vw;}
	.sub_1_2 .arti1 ul > li .tbx{padding-bottom: calc(5vw + 20px);}
}

@media (max-width: 480px) {
	.sub_visual{height: 70vw; margin-bottom: 12vw;}
	.lnb_wrap > .lnb_box{width: 160px; position: relative; top: 10px;}
	.lnb_wrap > .lnb_box > span{font-size: 14px; padding-bottom: 10px; }
	.lnb_wrap > .lnb_box > .lnb ul > li > a{font-size: 14px;}
	.sub_1_2 .arti1 ul > li{width: calc(100% );}
	.sub_3_1 .arti2{margin-top: 30px;}
	.sub_4_1 .arti2 ul > li{flex:1 1 100%; height: 55vw; padding-top: 20px;} 	
	.sub_4_1 .arti2 ul > li:not(.first) .tbx h5{margin-bottom: 15px;}
	.sub_4_1 .arti2 ul > li > figure{opacity: 0.2;}
	.sub_4_2 .arti1 > .flex_box .box figure{width: 80px; height: 80px; }
	.sub_4_2 .arti1 > .box{height: 201px;}
	.sub_4_2 .arti1 > .box:after{border: 20px solid #f5f5f5;}
	.sub_4_2 .arti1 > .flex_box .box{flex:1 1 100%; margin-bottom: 30px;}
	.sub_4_3 .arti2 .cnt_box > ul > li figure{margin-top: 15px;}
	.sub_4_3 .arti2 .cnt_box > ul > li figure img{width: 20vw;}
	.sub_1_1 .arti2 .cnt_box_new .box .top_box small{margin-bottom: 40px;}
	
/* footer */
	.footer .ft_rbx .top_btn figure{width: 45px; height: 45px;}
}