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

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

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

@media (max-width:1600px){
	.header{box-sizing: border-box;padding: 0 20px;}
	.hd_nav .logo{width: 210px; margin-right: 1vw;}
	.hd_nav .logo a:before{background-size: 100%;}
	.hd_nav .gnb > ul > li{width: 12vw;}
	.hd_nav .dep2 > ul > li > a{font-size: 12px;}
	.hd_nav .lang{margin-right: 50px;}

/* mv */
	.main_notice_wrap {left: 0; bottom: 0; margin-left: 0; box-sizing: border-box; padding-left: 10vw;}
	.main_notice_wrap dl > dd .noti_item > a > p{overflow: hidden; display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width: 100%;}
	.main_notice_wrap dl > dd{padding-right: 20px;}
	.main_notice_wrap{padding-left: 5vw;}
	.main_notice_wrap dl > *, .main_notice_wrap dl > dd .noti_item > a > *{line-height: 3rem;}
	.main_notice_wrap dl > dt a{padding-left: 20px;} 
	.main_notice_wrap dl > dd .noti_item > a {padding: 0 100px 0 20px}
	.main_notice .owl-theme .owl-nav {height: 100%; padding-top: 0;}
	.main_notice .owl-theme .owl-nav [class*=owl-]{height: 100%;}
	.main_notice .owl-theme .owl-nav .owl-next:before{top: 1.2em;}

/* mcnt1 */
	.mcnt1{box-sizing: border-box; padding: 134px 20px 148px;}
	.mcnt1 > .rbx figure img{width: 100%;}

/* mcnt2 */
	.mcnt2 .owl-theme .owl-nav .owl-prev{left: 0px;}
	.mcnt2 .owl-theme .owl-nav .owl-next{right: 0px;}

/* footer */
	.footer{box-sizing: border-box; padding: 53px 20px 0;}
}

@media (max-width:1320px){
/* mcnt2 */
	.mcnt2 {box-sizing: border-box; padding: 50px 70px 120px;}
	.mcnt2 .owl-theme .owl-nav .owl-prev{left: -50px;}
	.mcnt2 .owl-theme .owl-nav .owl-next{right: -50px;}
	.mcnt2 .mcnt2_item figure span img{max-width:19vw}

/* mcnt3 */
	.mcnt3{box-sizing: border-box; padding: 0 20px;}
	.main_col4 > li .pbx p{font-size: 13px;}

/* mcnt4 */
	.mcnt4{box-sizing: border-box; padding: 4vw 20px 8vw;}
}

@media (max-width:1024px){
	.header .gnb{display: none;}

/* mcnt1 */
	.mcnt1 > *{float: none !important; width: 100%;}
	.mcnt1 > .lbx {padding-left: 0; margin-top: 0; }

/* mcnt2 */
	.mcnt2 .mcnt2_item{background-size: cover;}
	.mcnt2 .mcnt2_item figure span img{max-width:30vw; width: auto; margin: 0 auto;}

/* mcnt3 */
	.main_col4 > li {width: 48%; margin-right: 4%; }
	.main_col4 > li:nth-child(2n+2){margin-right: 0;}
	.main_col4 > li:nth-child(2n+2):after{display: none;}

/* footer */
	.top_bt {right: 20px; z-index: 1000000; width: 40px; height: 40px; line-height: 35px; font-size: 12px;}
}


@media (max-width:800px){


/* mv */
	.main_sec1 > .mv_sec,
	.mv_sec .owl-theme .item{height: 80vw;}
	.mv_sec .mv_slog{padding-top: 22vw;	}
	.mv_sec .mv_slog .t1{font-size: 16px; line-height: 1;}
	.mv_sec .mv_slog .t2{font-size: 38px; line-height: 1.5; margin: 2vw 0;}
	.mv_sec .mv_slog .t3{font-size: 14px;}
	.mv_sec .owl-dots {bottom: 80px;}
	.main_notice_wrap dl > dt{width: 130px;}
	.main_notice_wrap dl > dt a{padding-left: 10px;}
	.main_notice_wrap dl > dt a:after{right: 10px;}
	.main_notice_wrap dl > dt a{font-size: 14px;}
	.main_notice_wrap dl > dd{padding-right: 0;}
	.main_notice_wrap dl > dd .noti_item > a{font-size: 14px;  padding: 0 60px 0 20px;}
	.main_notice_wrap dl > dd .noti_item > a span{width: 74px;}

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

/* mcnt2 */
	.mcnt2 {padding: 8vw 40px 8vw;}
	.mcnt2 .mcnt2_item{height: auto; padding: 0 0 5vw;}
	.mcnt2 .mcnt2_item figure{height: 35vw;}
	.mcnt2 .mcnt2_item figcaption{font-size: 14px;}
	.mcnt2 .owl-theme .owl-nav [class*=owl-] {width: 25px; height: 60px; background-size: 100% !Important;}
	.mcnt2 .owl-theme .owl-nav .owl-prev{left: -32px;}
	.mcnt2 .owl-theme .owl-nav .owl-next{right: -32px;}

/* mcnt4 */
	.mcnt4 .col_2 > li a {padding: 4vw 3vw}

/* footer */
	.footer{padding: 5vw 20px; height: auto;}
	.ft_bottom ul, .ft_bottom p{float: none;}
	.ft_bottom ul{margin-top: 2vw;}
	.ft_bottom ul li{margin-left: 0; margin-right: 4vw;}

}

@media (max-width:480px){
/* head */
	.hd_nav .lang{width: auto; font-size: 3.2vw; padding: 0 3vw; margin-right: 35px;}
	
	.hd_nav .logo {width: 180px;}
	.hd_nav .logo a, .hd_nav .logo a:before{height: 80px;}
	.hd_nav .lang{margin-top: 22px;}
	.hd_nav .btn_sitemap{top: 32px;}
/* mv */
	.main_sec1 > .mv_sec,
	.mv_sec .owl-theme .item{height: 100vw;}
	.mv_sec .mv_slog {padding-top: 27vw;}
	.mv_sec .mv_slog .t1{font-size: 3.4vw;}
	.mv_sec .mv_slog .t2{font-size: 4.6vw; line-height: 1.7;}
	.mv_sec .mv_slog .t3{font-size: 3.2vw; line-height: 1.7;}
	.main_notice_wrap{padding-left: 0;}
	.main_notice_wrap dl > dt a, .main_notice_wrap dl > dd .noti_item > a{font-size: 3.2vw;}
	.main_notice_wrap dl > dd .noti_item > a span{display: none;}
	.main_notice_wrap dl > dd .noti_item > a > p{padding-right: 10px;}

/* mcnt1 */	
	.mcnt1 h5{font-size: 3.4vw;}
	.mcnt1 h3{font-size: 4.6vw; line-height: 1.7; margin: 3vw 0;}
	.mcnt1 p{font-size: 3.2vw; line-height: 1.7; -ms-word-break: keep-all; word-break: keep-all;}
	.mcnt1 p br{display: none;}
	.mcnt1 a{font-size: 3.4vw; margin-top: 5vw;}
	.mcnt1 a:after{top: 0.2em;}

/* mcnt2 */
	.mcnt2 .mcnt2_item figcaption{font-size: 3.2vw;}
	.main_tbox h2 {font-size: 4.6vw; line-height: 1.; padding-bottom: 5vw; margin-bottom: 4vw;}
	.main_tbox p{font-size: 3.2vw; line-height: 1.7; word-break: keep-all;}
	.mcnt2_owl{margin-top: 6vw;}

/* mcnt3 */
	.main_col4{margin-top: 8vw;}
	.main_col4 > li{height: 33vw;}
	.main_col4 > li:after {right: -3.5vw;}
	.main_col4 > li a {padding: 20px ;}
	.main_col4 > li .pbx {padding-left: 10px;}
	.main_col4 > li .pbx p{font-size: 12px; line-height: 1.7;}
	.main_col4 > li .pbx p br{display: none;}
	.main_col4 > li .pbx:before{height: 1.8em;}
	.main_col4 > li h2{font-size: 4.6vw; margin-bottom: 4vw;}
	.main_col4 > li h4{font-size: 3.2vw;}
	.main_col4 > li h3{font-size: 3.6vw;}
	.main_col4 > li a:before, .main_col4 > li a:after{width: calc(100% - 30px);}
	.main_col4 > li a:before, .main_col4 > li a:after{background-size: auto 10vw !important; background-position: right 20vw !important; bottom: 20px !important; right: 20px !Important;}

/* mcnt4 */
	.mcnt4 .col_2 > li{height: 33vw; background-size: cover !important;}
	.mcnt4 .col_2 > li a{background: rgba(255,255,255,0.7);}
	.mcnt4 .col_2 > li a h3{font-size: 4.6vw; line-height: 1; margin-bottom: 2vw;}
	.mcnt4 .col_2 > li a p{font-size: 3.2vw; line-height: 1.7; word-break: keep-all; color: #000;}
	
/* footer */
	
	.ft_top {padding-bottom: 2vw; margin-bottom: 2vw;	}
	.ft_top ul li, .ft_bottom p{font-size: 3.2vw; line-height: 1.7;}
	.ft_top ul li span{padding: 0; padding-right: 12px;}
	.ft_top ul li span:after{display: none;}
	.ft_bottom ul li a{font-size: 3.4vw;}
}