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

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

@media (max-width:1800px){

}

@media (max-width:1700px){
    .hd_btm_in  {box-sizing:border-box; padding:0 20px;}
    .w1620 {max-width: 1620px; width: 100%;}
	.w1400{max-width:1400px; width: 100%;}
	.w1420{max-width:1420px; width: 100%;}
	.w1320{max-width:1320px; width: 100%;}

}

@media (max-width:1600px){

	/*°ψΕλ*/
	.header .w1320,
	.footer .w1320{width: calc(100% - 40px);  padding:0 20px}

	/*haeder*/
	.header .gnb > li > a {padding: 0px 60px;}
	.btn_sitemap{right: 20px;}

	/* main_v */
	.mv_sec .owl-theme .owl-nav { width: 85%; margin: 0;}
	.mv_sec .owl-theme .owl-nav .owl-next {right: %;}
	.mv_sec .owl-theme .owl-nav .owl-prev {left: %;}

	/* main_cont */
	.mns2_wrap section.mns2_3_wrap{ background-position: right center; }

	.mns2_2_wrap .btns_play span { right: 66px;}



}
@media (max-width:1500px){ 
	.mv_sec { min-width: auto; }
	.mv_info{margin-left: 0; left: 10%;}
    .mns2_1_wrap {padding:20px;}
	
	.mns4_slide_wrap .mns4_slide a > div {padding: 3vw 20px;}
}
@media (max-width:1400px){ 


	/* main_cont */
	.mns2_1_wrap ul li {margin-right: 9px;}

     .footer_in .w1400 {box-sizing:border-box; padding: 0 20px;}
}

@media (max-width:1320px){ 
	.header, body {min-width: auto;}
    .header .gnb > li > a {padding: 0px 30px;}
    .header .gnb > li .gnb_dep2 li a {font-size: 12px;}
	.mns4_slide_wrap .mns4_slide dd {max-width:102px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}


}
@media (max-width:1200px){ 
	/* header */
    .hd_logo {width: 125px;}
    .hd_logo a {background-size:100%;}
	/* main_v */
	.mv_sec .owl-theme .owl-item { height: 420px;}
	.mv_sec { height: 420px;}
	.mv_info {margin-top: 0px; top:20px;}

    .mns2_1_wrap .btn_more {right: 20px;}
	.mns4_slide_wrap .mns4_slide dd {max-width:50%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
	.mns4_slide_wrap .mns4_slide.slick-current {box-shadow:none;}

	/* main */
    
    .board_list ul li span:nth-child(1) {width: 70%;}


	/* footer */
	.footer {height: auto;}
	.ft_info_top {padding:20px 0;}
	.ft_info p.cpr {margin: 20px 0; }
	.ft_info p span,
	.ft_btn_pop ul li a,
	.ft_info p.cpr {font-size: 15px;}



	

}

@media (max-width:1024px){ 
    /* main_cont */
    .mns2_2_cont em {font-size: 25px; line-height: 1.4;}

}

@media (max-width:900px){ 
		/* hd */
	.hd_btm{display: none!important;}
	.header {height: auto;}
	.hd_logo{ margin-left: 20px; }
	.hd_logo a {height: 60px;}
	.hd_top_in > ul > li:last-child {background-size: 32%;}
	.hd_top_in > ul > li {margin-right: 32px;}
	.m_header{position: relative;display:block!important;}
	.m_header_box{position:fixed;top:0px;left:0;width:100%;height:60px;background: rgb(255,255,255);;z-index: 999;border-bottom: 1px solid #e8e8e8;}

	.m_header .hd_info{position: absolute;top:0;left:0;width:100%;height: 100%;background: #1363ae; height: 40px; text-align: right; border-bottom: 1px solid transparent}
	.m_header .hd_info h6{color: #fff; font-size: 13px; font-weight: 400; line-height: 40px; text-align: left; cursor:pointer; position: relative; padding-left: 20px;	box-sizing:border-box;}
	.m_header .hd_info h6 img{ vertical-align: middle; position: absolute; right: 20px; top: 50%; margin-top: -3.5px;}
	.m_header .hd_info ul{display: none; position: absolute; width: 100%; top: 40px; z-index: 99999; box-shadow:0 0 10px rgba(255,255,255,0.1); background-color: #1363ae; padding: 20px;  box-sizing:border-box;} 
	.m_header .hd_info ul li{margin-bottom: 10px;}
	.m_header .hd_info ul li a{color: #fff; text-align: left; font-size: 13px; line-height: 1.5;}
	.m_header .hd_infosb{float: left;width:50%;box-sizing:border-box;border-left: 1px solid rgba(255,255,255,0.2); position: relative;}
	.m_header .hd_infosb2{float: left;width:50%;box-sizing:border-box;border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2);}
	.m_header .hd_infosb2 h6{width: 100%;}

	.m_logo{position: relative;top: 0px;height: 30px;z-index: 97;height: 60px;}
	.m_logo a{position: absolute;left: 3vw;top: 0px;right: 0;bottom: 0;margin: auto; height: 30px;background:url(../../images/layout/hd_logo.png) no-repeat left center;background-size:contain;}

	.gnb_btn {position: absolute; top: 0px;  right: 0px;width: 60px;height: 60px;box-sizing:border-box;z-index:999;background:#0089cf;cursor: pointer;display:table;}
	.gnb_btn_inner{display:table-cell;vertical-align:middle;width:100%;height:100%;}
	.gnb_btn_inner>div {position: relative; width: 40%;margin:0 auto; height: 2px;  margin-bottom: 6px;  border-radius: 2px;  background-color: #fff; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease;}
	.gnb_btn_inner>div:last-child{margin-bottom:0;}
	.gnb_btn_line1.gnb_on { -webkit-transform: rotate3d(0,0,1,45deg);  -moz-transform: rotate3d(0,0,1,45deg);  -o-transform: rotate3d(0,0,1,45deg);  transform: rotate3d(0,0,1,45deg);top: 8px;}
	.gnb_btn_line2.gnb_on { opacity: 0;}
	.gnb_btn_line3.gnb_on {  -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg);  -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);top: -8px;}


	.m_nav_wrap{position: fixed;top:61px;right:-65%;width:50%;height: calc(100% - 60px );background: rgba(255,255,255,1);z-index:99999;/*transition:all 0.5s;*/overflow-y: scroll;}
	.m_nav_wrap .lang_ul{width:100%;height:60px;padding:10px 30px;box-sizing:border-box;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
	.m_nav_wrap .lang_ul li{position: relative;float:left;margin-right:20px;}
	.m_nav_wrap .lang_ul li:after{display: block;content: '';position: absolute;top:15px;right:-10px;width:1px;height:12px;background:#ddd;}
	.m_nav_wrap .lang_ul li:last-child:after{display:none;}
	.m_nav_wrap .lang_ul li a{font-size:12px;color:#999;line-height: 40px;}
	.m_nav_wrap .lang_ul li.on a{color:#202020;}

	.m_btn_sitemap {font-size: 13px;color: #1363ae;padding: 15px 10%;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;/* background: url(../../images/layout/m_site_bg2.png) no-repeat 86% 50%; */}

	.m_gnb{width:100%;height:auto;margin-top:0px}
	.m_gnb>li{width: 100%; border-bottom: 1px solid #e1e5ec; margin: 0 auto;}
	.m_gnb>li .m_g_dep1, 
	.m_gnb>li .m_g_dep11{position: relative;display: block;width: 100%; padding: 0 5%;font-size: 13px;color: #404040; line-height: 45px; box-sizing: border-box;cursor:pointer;background: url(../../images/layout/m_gnb_list_bg.png) no-repeat 90% 50%;}
	.m_gnb>li .m_g_dep1.on{ color: #303030; font-weight: 500;background: #f3f3f3  url(../../images/layout/m_gnb_list_bg_on.png) no-repeat 90% 50%;}
	.m_gnb>li>a{font-size: 14px;color: #333; line-height: 50px; box-sizing: border-box;}
	.m_gnb>li>ul>li>a{/*position:relative;*/font-size:13px;line-height:33px;color: #999; padding-left:10px;}
	.m_gnb>li>ul{padding:0 5%;}

	.m_footer .ft_right ul li{margin-right:10px;font-size: 12px;cursor:pointer;}
	.m_footer .ft_right ul li.btn_privacy {color: #f18d00;}

	.m_bg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99}
	.w_wrap{margin-top:-10px;}	

    .sub_wrap {margin-top: 61px;}
    .main_wrap {margin-top:61px;}

    .mns3_wrap ul li {padding-left:5%; }
}
@media (max-width:883px){ 

	.ft_btn_pop { float: left; }

}

@media (max-width:800px){ 



	/* main_v */
	.mv_sec ,
	.mv_sec .owl-theme .item img,
	.mv_sec .owl-theme .owl-item {height: 360px;}
	.mv_info .t1 {font-size: 43px;}
	.mv_info .t2 {font-size: 16px; margin-top: 10px;}
	.mv_info {margin-top: 30px;}
	.mv_sec .owl-theme .owl-nav .owl-next,
	.mv_sec .owl-theme .owl-nav .owl-prev {background-size: 100%;}
	.mv_sec .owl-theme .owl-nav a { width: 17px; height: 27px;}
	.mv_sec .owl-theme .owl-nav .owl-prev {left: ;}
	.mv_sec .owl-theme .owl-nav .owl-next {right: ;}
    

	/* main */


	/* main_cont */
   
	.mns2_wrap section {float: inherit; width: 100%; margin:auto}
     .mns2_1_wrap {height: auto; padding:10vw 20px;}
	.mns2_1_wrap ul {max-width: 100%;}
    .board_latest {margin-bottom: 20px;}
    .mns2_1_wrap h2 {font-size: 20px;}

    .top_bt {width: 35px; height: 35px; line-height: 35px; right: 20px;}

}

@media (max-width:660px){ 
	.mn_noti_area .swiper-slide .noti_date {display: none;}
	.mn_noti_area .swiper-slide{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}

@media (max-width:640px){ 
	/* hd */
	.hd_top_in > ul > li {margin-right: 20px;}
	.hd_top_in > ul > li:after {right: -10px;}

	/* main_v */

	.mv_info .t2 { font-size: 14px; line-height: 22px;}
	.mv_sec, .mv_sec .owl-theme .item img, .mv_sec .owl-theme .owl-item { height: 300px;}
	.mv_sec .owl-theme .owl-nav { top: %;}
	.mv_info {margin-top: 25px;}
	.mv_info .t1 {line-height: 40px; font-size: 30px;}
	.mv_info br{display: block;}	
	/* main_cont */
	.mns2_wrap section {width: 100%;}
    .mv_info {left: 20px;}
	.mn_noti_tit {min-width: 115px;}
	.mn_noti_tit a {padding-left: 32px; background-size: 28px, 17px;}
	.mn_noti_area {width: calc(100% - 115px);}
	.swiper-buttons{ display: none; }
	.mn_noti_area .swiper-slide {width: 100%}
	.mns2_tit { margin-bottom: 14px;}
	.mns2_2_wrap {height: 350px;}
    .mns2_2_wrap .owl-theme .owl-nav .owl-next, .mns2_2_wrap .owl-theme .owl-nav .owl-prev {top: 0;}
    .mv_sec .owl-theme .owl-nav {left:20px}
	.mv_sec .owl-dots {left: 115px;}
    .mns2_2_cont button {width: 100px; line-height: 40px;}
    .mns2_2_cont em {font-size: 20px;}
    .board_latest .board_cont h3 {margin:20px 0 10px;}
	.mns3_wrap {padding: 0; border:0; border-top:1px solid #ddd;}
    .mns3_wrap ul li {width: 100%; margin-bottom: 10vw; border:0; border-bottom: 1px solid #ddd; padding:30px 20px; margin-bottom: 0;}
    .mns3_wrap ul li:last-child {margin-bottom: 0;}
    .mns3_wrap ul li figure {width: 30%;}
    .mns3_wrap ul li div {float: right; width: 60%;}
    .mns4_wrap {padding: 10vw 60px;}
    .mns4_wrap h2 {font-size:20px; margin-bottom: 20px;}
    .mns4_slide_wrap .mns4_slide {margin: 0;}
    .mns4_slide_wrap .slick-arrow {width: 30px; height: 30px; background-size:50%;}
    .mns4_slide_wrap .slick-prev {left: -40px;}
    .mns4_slide_wrap .slick-next {right: -40px;}
    .main_wrap > section {margin-bottom: 0;}
    /* footer */
    footer .footer_in {padding:10vw 0px;}
     footer .ft_lt ul li {float: none;}
    footer .ft_lt ul li:before {display: none;}
    
	.ft_info_top {padding: 10px 0;}
	.ft_btn_pop{ margin-top: 0px; }
	.fl {padding-right: 30px;}
	.ft_info p {height: auto;}
	.ft_info p span{ line-height: 1.6; }
	.ft_info p span:first-child{ display: block; }
	.ft_info p span:first-child:after{ display: none; }
	.ft_info p.cpr{margin: 10px 0;}
    footer .ft_rt ul li.btn_privacy {margin-right: 15px;}
}

@media (max-width:440px){ 
	.board_latest .board_date {width: 75px; height: 75px;}
	.board_latest .board_date .date {line-height: 1;}
    .board_list ul li span:nth-child(1) {width:60% ;}
    .board_latest .board_cont {width: ; }
    .mns2_2_cont p {padding:0 60px; -ms-word-break: keep-all;
    word-break: keep-all;}
    .mns3_wrap ul li figure {margin-right: 10px; margin-top:25px}
    .mns3_wrap ul li figure img {width: 80px;}
    .mns3_wrap ul li div h2 {width: 100px; font-size:14px;}
    .mns3_wrap ul li div p, .mns3_wrap ul li div dl {font-size: 14px;}
    .mns3_wrap ul li div p.time_info {font-size: 14px;}
    .mns3_wrap .btn_more {font-size: 12px;}
	.mns4_slide_wrap .mns4_slide img {height: 55vw;}
    .mns4_slide_wrap .mns4_slide a > div {padding: 20px;}

    footer .ft_lt ul li,
    footer .ft_rt ul li a,
    footer .copy {font-size:11px;}
}

@media (max-width:420px){ 



@media (max-width:380px){ 



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



	.ft_info p span {margin-right: 13px;}
	.ft_info p span, .ft_btn_pop ul li a, .ft_info p.cpr {font-size: 12px;}

}