@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/

@media (max-width:1600px){
/* header */
	.header{box-sizing: border-box; padding: 0 20px;}
	.header .logo{margin-right: 0; padding-right: 3vw;}
	.header .gnb > ul > li{width: 12vw !important;}
	.header .gnb > ul > li:nth-child(4){width: 15vw !important;}
	.mcnt2 {}

/* 
	.mcnt3 {display: none;}
	.footer{display: none;} */
}

@media (max-width:1320px){
/* header */
	.header .logo{margin-right: 0; padding-right: 1.5vw;}
	.header .gnb > ul > li > a{font-size: 17px;}
	.header .gnb > ul > li{width: 10.5vw !important;}
	.header .gnb > ul > li:nth-child(4){width: 12.5vw !important;}
	.header .dep2 > ul > li > a{font-size: 12px; line-height: 28px;}

/* main */
	.mv_sec .owl-theme .owl-nav {left: 0; margin-left: 0;}
	.mv_sec .owl-theme .owl-nav [class*=owl-]{left: 20px;}
	.mv_sec .owl-theme .owl-nav .owl-next{left: auto; right: 20px;}
}

@media (max-width:1200px){
	.mcnt1 {box-sizing: border-box; padding: 70px 20px;}	
	.main_col4 li a > .figure img{width: 90%;}
	.main_col4 li a > .figure{width: 40%;}

/* mcnt2 */
	.mcnt2 {box-sizing: border-box; padding: 0 20px;}
	#slick_slider .item_box a img{width: 100%; height: auto;}

/* footer */
	.ft_cnt {box-sizing: border-box; padding: 52px 20px;}
}


@media (max-width:1024px){
/* header */
	.header{height: 80px;}
	.header .logo{width: 300px; height: 80px;}
	.header .logo a{height: 80px; background-size: 100%;}
	.header .gnb > ul{display: none;}
	.header .btn_sitemap{width: 80px; height: 80px; }
	.header .btn_sitemap ul{margin: 29px 0px 0px 23px;}
	#wrap{margin-top: 80px;}
	.scroll_wrap{width: 14px; left: auto; margin-left: 0; right: 30px;}
	.mv_scroll {width: 12px;background-size: 100%; background-position: center bottom;}

/* mcnt1 */
	.main_col4 li{width: 50%; margin-bottom: 5vw;}
	.main_col4 li a > .figure{width: 120px;}
	.mcnt1:before{width: 100%; height: 15vw; left: 0; background-size: 100%; top: auto; top: 30vw;}
	.mcnt1 ol{margin-top: 6vw;}
	.mcnt1 ol li{width: 100%; margin-right: 0; margin-bottom: 3vw; background-size: cover !important;}
	.mcnt1 ol li a .tbx{padding: 0 0 7vw 5vw;}

/* mcnt2 */
	.mcnt2 > *{float: none; width: 100%; padding: 0 !important;}


}

@media (max-width:800px){
/* main */
	.mv_sec .mv_slog .t1{font-size: 45px; line-height: 1.7;}
	.mv_sec .mv_slog .t2{font-size: 14px; margin-top: 10px;}
	.main_sec1 > .mv_sec,
	.mv_sec .owl-theme .item{height: 80vw;}
	.mv_sec .owl-dots {bottom: 30px; padding-left: 0;}
	.mv_sec .owl-theme .owl-dots .owl-dot span{width: 9vw;}
	.mv_sec .owl-theme .owl-nav{top: 63%;}
	.mv_sec .owl-theme .owl-nav [class*=owl-]{width: 45px; height: 45px; background-size: 100% !important;	}
	.mv_sec .mv_slog{top: 19vw;}


/* mcnt1 */
	.mcnt1{padding: 10vw 20px;}
}

@media (max-width:640px){
/* mcnt1 */
	.main_col4 li a > .figure{width: 35%;}
	.main_col4 li a h4{font-size: 20px;}
	.main_col4 li a p{font-size: 14px;}
	.mcnt1:before{top: 40vw;}
	.mcnt3 {box-sizing: border-box; padding: 7vw 20px;}
	#slick_slider .item_box a img{width: 100%; height: auto;}
	#slick_slider .item_box{height: auto;}

/* footer */
	.footer{height: auto;}
	.ft_cnt .lbx{float: none; }
	.ft_cnt .rbx{clear: both; margin-top: 3vw; margin-right: 0;}
	.top_bt {width: 45px; height: 45px; line-height: 43px; bottom: 120px; right: 20px;}
	.ft_cnt .lbx ul li span{margin-left: 0; margin-right: 9px;}
} 


@media (max-width:480px){
	.mv_sec .mv_slog .t1{font-size: 6vw;}
	.mv_sec .mv_slog .t2{font-size: 3.2vw; line-height: 1.7;}
	.scroll_wrap{display: none;}
	.header .logo{width: 250px;}
	

/* mcnt1 */
	.main_col4 li{width: 49%; margin-right: 2%;}
	.main_col4 li:nth-child(2n+2){margin-right: 0;}
	.main_col4 li a h4{font-size: 4vw; margin-bottom: 1vw;}
	.main_col4 li a p{font-size: 3.2vw; line-height: 1.7;}
	.main_col4 li a > .figure{width: 30%;}
	.mcnt1 ol li{height: 40vw;}
	.mcnt1 ol li a h4{font-size: 4.6vw; line-height: 1;}
	.mcnt1 ol li a p{font-size: 3.2vw; line-height: 1.7;}

/* mcnt2 */
	.mcnt2 h3{font-size: 4.6vw; line-height: 1; margin-bottom: 4vw;}
	.mcnt2 h3 a{top: 0;}
	.mcnt2 .lbx ol > li {padding-bottom: 3vw; margin-bottom: 3vw;}
	.mcnt2 .lbx ol > li > a .data,
	.mcnt2 .lbx ol > li > a > .data_box{width: 14vw; height: 14vw;}
	.mcnt2 .lbx ol > li h5{font-size: 4vw; margin-bottom: 0; margin-bottom: 0.5em;}
	.mcnt2 .lbx ol > li p{font-size: 3.2vw; line-height: 1;	}
	.mcnt2 .lbx ol > li > a > .cnt h4{font-size: 3.6vw; line-height: 1.5; margin-bottom: 1vw;}
	.mcnt2 .lbx ol > li > a > .cnt p{font-size: 3.2vw; line-height: 1.7; word-break: break-all;}
	.mcnt2 .rbx{margin-top: 0;}
	.mcnt2 .rbx .div iframe{height: 60vw; }

/* footer */
	.ft_cnt{padding: 5vw 20px;}
	.ft_cnt .lbx ul li,
	.ft_cnt .lbx p{font-size: 3.2vw; line-height: 1.7;}
	.ft_cnt .rbx li{padding: 0 3vw;}
	.ft_cnt .rbx li a{font-size: 3.2vw;}
	.ft_select_box h5{font-size: 3.2vw; padding-left: 15px;}
	.ft_select_box{width: 40%;}
	.ft_select_box h5:after{right: 15px;}
	.ft_select_box ul li a{font-size: 3.2vw;}
}