@charset "utf-8";

@media (max-width: 1650px) {
	header #gnb {padding-left: 0;}
}

@media (max-width: 1500px) {
/* head */
	header #gnb > ul > li > a{padding: 0 25px; font-size: 18px;}

/* main */
	.mcnt1 .lbx .tbx small{font-size: 18px;}
	.mcnt1 .lbx .tbx h4{font-size: 38px; line-height: 1.5;}
	.mcnt1 .lbx .tbx p{word-break: keep-all;}
	.mcnt1 .lbx .tbx p br{display: none;}


}

@media (max-width: 1200px) {
/* head */
	header #gnb {display:none;}
	header .link_box{margin-right: 20px;}

/* main */
	main .visual,
	main .visual .mv_owl .item{height: 90vw;}
	main .visual .m_txt{padding-top: 120px;}
	main .visual .m_txt p{font-size: 16px; margin-bottom: 20px;}
	main .visual .m_txt h3{font-size: 30px; line-height: 1.5;}
	main .visual .owl-dots{right: 20px;}
	.mcnt1{padding: 12vw 20px;}
	.mcnt1 .lbx{width: 100%; padding-right: 0;	}
	.mcnt1 .rbx{flex:none; width: 100%;}
	.mcnt1 .lbx .tbx small{font-size: 16px;}
	.mcnt1 .lbx .tbx h4{font-size: 30px; line-height: 1.5; margin: 15px 0 20px;}
	.mcnt1 .lbx .tbx p{font-size: 14px; line-height: 1.5;}
	.mcnt2_wrap{height: auto; padding-bottom: 30px;}
	.mcnt2 .tit{top:40px}
	.mcnt2 ul > li{padding-top: 200px;}
	.mcnt2 .tit small{font-size: 16px;}
	.mcnt2 .tit h4{font-size: 30px; line-height: 1.5;}
	.mcnt2 ul {padding-top: 200px;     justify-content: center; gap:20px 0}
	.mcnt2 ul > li{flex: none; width: 33%; padding-top: 0; border: none !important;}
	.mcnt3_wrap ul > li{flex: auto; width: 100%;}
	.mcnt3_wrap{padding-top: 12vw;}
	.mcnt3_wrap .tit{margin-bottom: 50px;}
	.mcnt3_wrap .tit small{font-size: 16px; margin-bottom: 20px;}
	.mcnt3_wrap .tit h4{font-size: 30px; line-height: 1.5;}
	.mcnt3_wrap ul{height: auto;}
	.mcnt3_wrap ul > li .tbx h5{font-size: 26px;}
	.mcnt3_wrap ul > li .tbx{ padding: 10vw 15px;}
	.mcnt3_wrap ul > li .tbx a{height: 45px; opacity: 1;}
	.mcnt3_wrap ul > li .tbx a:before, .mcnt3_wrap ul > li .tbx a:after{width: 100%; left: 0;}
	
}

@media (max-width: 640px) {
/* main */
	main .visual,
	main .visual .mv_owl .item{height: 134vw;}

	main .visual .mv_owl .item .mv_img img:first-child{display: none;}
	main .visual .mv_owl .item .mv_img img:last-child{display: block;	}

	main .visual .mv_owl .m_txt h3{font-size: 26px; word-break: keep-all;}
	main .visual .mv_owl .m_txt h3 br{display: none;}
	.mcnt1 .lbx .tbx h4{font-size: 26px; word-break: keep-all;}
	.mcnt1 .lbx .tbx h4 br{display: none;}

	.mcnt2_wrap {background: url(../img/main/m_mcnt2_bg.jpg) center / cover no-repeat; } 
	.mcnt2 ul > li figure{margin-bottom: 20px;}
	.mcnt2 ul > li .tbx h5{margin-bottom: 10px;font-size: 24px;}
	.mcnt2 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.mcnt2 ul > li{width: 50%;}


/* footer */
	.footer_wrap{padding: 20px 0;}
	.ft_top_bt{width: 45px; height: 45px; right: 20px;}
	.footer .ft_top{padding-bottom: 10px; margin-bottom: 10px;}
	.footer .ft_top ul > li{font-size: 14px; line-height: 1.5;}
	.footer .ft_top ul > li span{display: block;}
	.footer .ft_top ul > li span:not(:last-child):after{display: none;}
	.footer .ft_bottom ul{margin-top: 10px;}
	.footer .ft_bottom p{font-size: 14px;}
	

}

@media (max-width: 480px) {
	header .link_box .lang {display: none;}
	.site-wrap .head .link_box {display: block;}
	
	main .visual .m_txt h3 {font-size: 26px;}
	.mcnt2 .tit h4 {font-size: 26px;}
	.mcnt2 ul > li .tbx h5 {font-size: 20px;}
	.mcnt3_wrap .tit h4 {font-size: 26px;}
}

/* sub */

@media (max-width: 1350px) {
/* s21 */
	.s2_1 article.arti3 .lbx{padding-left: 0;}
	.s2_1 article.arti3  img{max-width:100%; }
	.s2_1 .arti4 ul{gap:30px 20px}
	.s2_1 .arti4 ul > li{width: 20%;}
	
/* s22 */
	.s2_2 article.arti4 .arti4_cnt .box:nth-child(1){order:2; width: 48%; margin-top: 20px;}
	.s2_2 article.arti4 .arti4_cnt .box:nth-child(1) img{width: 100%;}
	.s2_2 article.arti4 .arti4_cnt .box:nth-child(2){order:1; }
	.s2_2 article.arti4 .arti4_cnt .box:nth-child(3){order:3; width: 48%; margin-top: 20px;}
	.s2_2 article.arti4 .arti4_cnt .box:nth-child(3) img{width: 100%;}
	.s2_2 article.arti4 .arti4_cnt .box2{width: 100%;}

/* s23 */
	.s2_1 .arti4 ul > li.no-radius{width: 48%;}

}

@media (max-width: 1200px) {
/* s11 */
	.s1_1 .arti2 .box .lbx small{font-size: 20px;}
	.s1_1 .arti2 .box .lbx b{font-size: 40px;}
	.s1_1 .arti2 .box .lbx p{word-break: keep-all; font-size: 18px;}
	.s1_1 .arti2 .box .lbx p br{display: none;}

/* s13 */
	.s1_3 .arti1 > .lbx{padding-left: 20px;}
	.s1_3 .arti1 > .lbx .tbx p{font-size: 20px; line-height: 1.5;}
	.s1_3 .arti1 > .lbx .tbx b{font-size: 30px;}

/* s21 */
	.s2_1 .arti2 .arti2_cnt > .box1 .tit_box{padding-left: 20px;}
	.s2_1 .arti2 .arti2_cnt > .box .tit_box{font-size: 18px; padding-left: 55px;}
	.s2_1 .arti2 .arti2_cnt > .box .list-box{padding-left: 15px;}
}


@media (max-width: 1024px) {
/* sub_common */
	.sub_visual_wrap{height: 350px;}
	.sub_visual_wrap .tbx .sv_tit{font-size: 30px;}
	.sub_visual_wrap .lnb_wrap ul > li > a{font-size: 14px; line-height: 1.2; height: 50px; text-align: center;}
	.sub_wrap{margin-bottom: 12vw;}
	.bo-wrap{margin-top: 0;}

/* s11 */
	.sub_tit h2{font-size: 30px; padding-top: 20px;}
	.sub_tit {margin-top: 12vw; margin-bottom: 12vw;}
	.s1_1 .arti1_wrap{height: auto; padding: 8vw 0;}
	.s1_1 .arti1 .box{height: auto; padding: 20px; margin-bottom: 12vw;}
	.s1_1 .arti1 .box small{font-size: 18px;}
	.s1_1 .arti1 .box strong{font-size: 28px;}
	.s1_1 .arti1 .box p{font-size: 14px; line-height: 1.5;}
	.s1_1 .arti2{margin-top: 12vw;}
	.s1_1 .arti2 .box{flex-direction: column; margin-bottom: 12vw;}
	.s1_1 .arti2 .box .lbx{width: 100%;}
	.s1_1 .arti2 .box .rbx{width: 100%; flex:none}
	.s1_1 .arti2 .box:nth-child(even) .lbx{padding-left: 0; padding-top: 0;}
	.s1_1 .arti2 .box .lbx strong{position: static; margin-top: 5vw;}

/* s12 */
	.s1_2 .arti1{margin-top: 0;}
	.s1_2 .arti1 .box{width: 100%; height: 60vw;}
	.s1_2 .arti1 .box img:nth-child(1){width: 40%;}	
	.s1_2 .arti1 .box img:nth-child(2){width: 65%;}
	.s1_2 .arti1 .box img:last-child{width: 80%;}
	.s1_2 .arti2_wrap{height: auto; margin-top: 12vw;}
	.s1_2 .arti2 ul > li{flex:none; width: 100%; padding: 5vw 0;}
	.s1_2 .arti2 ul > li{border: none !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important}
	.s1_2 .arti2 ul > li .tbx strong{font-size: 28px; line-height: 1;}
	.s1_2 .arti2 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s1_2 .arti2 ul > li figure img{width: 80px;}
	.s1_2 .arti3{margin-top: 12vw;}

/* s13 */
	.s1_3 .arti1 {height: auto; margin-top: 0; flex-direction: column-reverse;}
	.s1_3 .arti1 > *{width: 100%;}
	.s1_3 .arti1 > .rbx{height: 50vw;}
	.s1_3 .arti1 > .lbx{height: auto; padding: 4vw 20px;}
	.s1_3 .arti1 > .lbx .tbx p{font-size: 16px;}
	.s1_3 .arti1 > .lbx .tbx b{font-size: 28px;}
	.s1_3 .arti2 {padding-top: 8vw; padding-bottom: 20vw;}
	.s1_3 .arti2:after{left: 100px;}
	.s1_3 .arti2 .box{margin-bottom: 20px;}
	.s1_3 .arti2 .box > b{width: 80px; font-size: 24px; padding-right: 0; text-align: left;}
	.s1_3 .arti2 .box > b:after{top: 7px;}
	.s1_3 .arti2 .box > .tbx ul > li{font-size: 16px; line-height: 1.5;}
	.s1_3 .arti2 .box > .tbx{margin-top: 0;}

/* s14 */
	.s1_4{margin-top: 0;}
	.s1_4 article{margin-bottom: 10vw;}
	.s1_4 article .tit_box{padding-top: 20px;}
	.s1_4 article .tit_box .lbx{width: 100%;}
	.s1_4 article .tit_box .lbx p{font-size: 26px;}
	.s1_4 article .tit_box .lbx span{font-size: 14px;}
	.s1_4 article .tit_box .rbx{margin-top: 20px;}
	.s1_4 article .tit_box .rbx ul > li{font-size: 16px; line-height: 1.5;}
	.s1_4 article > .box{margin-top: 20px; gap:20px}
	.s1_4 article > .box > *{flex:100%;}
	.s1_4 article > .box > .rbx img{width: 100%;}
	.s1_4 article .tit_box .rbx ul > li{flex:100%; gap:5px 10px}
	
/* s21 */
	.s2_1{margin-top: 0;}
	.s2_1 .tit_h4{font-size: 26px; line-height: 1; margin-bottom: 15px; padding-bottom: 15px;}
	.s2_1 .arti1 p{font-size: 14px; line-height: 1.5;}
	.s2_1 .arti1 ul{margin-top: 30px;}
	.s2_1 .arti1 ul > li{flex:1 1 45%}
	.s2_1 .arti1 ul > li span{width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.s2_1 .arti1 ul > li p{font-size: 14px; line-height: 1.5; margin-left: 10px;}
	.s2_1 article:not(.arti1){margin-top: 12vw;}
	.s2_1 .arti2 .arti2_cnt > .box{flex:100%; }
	.s2_1 .arti2 .arti2_cnt > .box .list-box{padding: 15px; height: auto; margin-bottom: 30px;}
	.s2_1 .arti2 .arti2_cnt > .box .tit_box{padding-left: 20px !Important; height: 50px; line-height: 50px;}
	.s2_1 .arti2 .arti2_cnt > .box .tit_box:after{height: 50px; padding-top: 1px;}
	.s2_1 .arti2 .arti2_cnt > .box .list-box ul > li{font-size: 14px; line-height: 1.5;}
	.s2_1 article.arti3{padding: 30px !important;}
	.s2_1 article.arti3 > *{width: 100%;}
	.s2_1 article.arti3 img{width: 100%;}
	.s2_1 .arti4 ul{margin-top: 6vw;}
	.s2_1 .arti4 ul > li {width: 45%;}
	.s2_1 .arti4 ul > li figure{display: inline-block;}
	.s2_1 .arti4 ul > li figcaption{font-size: 16px; line-height: 1.5;}

/* s22 */
	.s2_2 article.arti4 .arti4_cnt .box2{padding: 0;}
	.s2_2 article.arti4 .arti4_cnt .box2 ul{gap:20px 10px}
	.s2_2 article.arti4 .arti4_cnt figcaption{font-size: 16px;}

/* s23 */
	.s2_1 .arti4 ul > li.no-radius{width: 90%; margin-left: 5%;}
	.s2_1 .arti4 ul > li.no-radius figure{display: block;}
	.s2_1 .arti4 ul > li.no-radius figure img{width: 100%;}
	.s2_5 .arti4 ul > li figcaption span{font-size: 14px;}


}
@media (max-width: 640px) {
	.sub_visual_wrap{height: 92vw;}
	.sub_visual_wrap figure img:first-child{display: none;}
	.sub_visual_wrap figure img:last-child{display: block;}

	.s1_3 .arti1{padding: 20px 0 80px;}
	.s1_3 .arti1 .tbx{padding: 0px 20px; }
	.s1_3 .arti1 .tbx p{font-size: 14px;}
	.s1_3 .arti1 .tbx b{font-size: 30px;}

}

@media (max-width: 480px) {
	.sub_visual_wrap .lnb_wrap {left: 0; width: 100%}
	.sub_visual_wrap .lnb_wrap ul > li > a{font-size: 13px;}
/* s11 */
	.s1_1 .arti2 .box .lbx small{font-size: 16px;}
	.s1_1 .arti2 .box .lbx b{font-size: 28px; line-height: 1.5; margin: 10px 0 5px;}
	.s1_1 .arti2 .box .lbx p{font-size: 14px; line-height: 1.5;}
	.s1_1 .arti2 .box .lbx strong span{font-size: 14px;}
	.s1_1 .arti2 .box .lbx strong p{font-size: 25px;}
	.s1_3 .arti2 .box > .tbx{padding-left: 20px; width: calc(100% - 80px);}
	.s1_3 .arti2 .box > .tbx ul > li span{width: 30px;}
/* s14 */
	.s1_4 article > .box > * .root_daum_roughmap .wrap_map{height: 55vw !important;}
	.s1_4 article > .box > * iframe{height: 55vw;}

/* s21 */
	.s2_1 .arti4 ul > li.no-radius{width: 100%; margin-left: 0%;}
	
}