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

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

@media (max-width:1800px){ 
	/* header */
	.hd_logo {margin-right: 30px;}
	
	/* layout */
	.w1720,
	.w1600{width: 1500px;}

	/* mns4 */
	.mns4 .slick-prev {left: 0;}
	.mns4 .slick-next {right: 0;}
	.mns4_cont {padding: 0 7%;}

}

@media (max-width:1600px){
	
	/* layout */
	body, .header {min-width: 1300px;}
	.w1720,
	.w1600,
	.w1440{width: 1300px;}


	/* header */
	.header .r_box a{font-size: 0.8em;}
	.hd_logo {width: 310px;}

	/* mns3 */
	.mns3_cont .txt_box {padding: 30px ;}






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

	/* layout */
	body, .header {min-width: 1100px;}
	.w1720,
	.w1600,
	.w1440,
	.w1200{width:1100px;}
    .s_wrap{margin-top: 100px;}


	/* header */
	.header .gnb { margin-right:30px;}
	.hd_logo { width: 350px; margin-right: 20px;}
	.header .member_box{display: none;}
	.layer_sitemap .member_box{display: flex;align-items: center; padding-left: 30px;}
	.layer_sitemap .layer_sitemap_top {display: flex;}


	/* mv_sec */
	.mv_sec .mv_list .item img,
	.mv_sec .mv_list .item,
	.mv_sec{height: 800px;}

	/* mns5 */
	.mns5_cont01 > div{padding: 0 30px;}
	.mns5_cont01 > div:first-child{margin-left: 0px;}
	.mns5_cont01 > div:last-child{margin-right: 0px;}
	.mns5_cont01 > div br{display: none;}







	/* top */
	.top_bt {right: 50px; bottom: 30px;}



}




@media (max-width:1200px){ 

	/* layout */
	body, .header {min-width: 960px;}
	.w1720,
	.w1600,
	.w1440,
	.w1200{width:960px;}


   	/* header */
	.header,
	.btn_sitemap,
	.header .gnb > li{ height: 90px;}
	.hd_logo {width: 340px;}
	.header .gnb > li .dep2{top: 91px;}

	/* mv_sec */
	.main_wrap { margin-top: 90px;}

	.mv_sec .mv_list .item img, 
	.mv_sec .mv_list .item, 
	.mv_sec{height: 700px;}


	/* mns_tit */



	/* mns2 */
	.mns2_cont > div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 2%;}
	.mns2 .img_box { padding-bottom: 40px;  margin-bottom: 30px; height: 150px;}
	.mns2_cont br {display: none;}
	.mns2_cont::before {top: 180px;}



	/* mns3 */

	/* mns4 */
	.mns4_cont .slick-slide { margin: 0 10px;}
	.mns4_cont p {  padding: 11px 10px 13px;}
	.mns4_cont {padding: 0 ;}
	.mns4 .slick-prev, 
	.mns4 .slick-next {width: 40px; height: 40px; }
	.mns4 .slick-prev::before,
	.mns4 .slick-next::before{background-size: 30%;}
	.slick-prev, .slick-next { top: -50px; -webkit-transform:none; -ms-transform: none; transform: none;}
	.mns4 .slick-prev {left: auto; right: 50px;}
	.mns4_cont .slick-list {margin-left: -10px; margin-right: -10px;}






	/* mns5 */


	/* footer */
	.ft_top .ft_txt p:last-child {flex-direction: column;}
	.ft_top .ft_txt p:last-child span::before {display: none;}
	.ft_top .ft_txt p:last-child span { padding: 0 }




	

}

@media (max-width:1024px){ 

	/* layout */
	body, .header {min-width: 100%; font-size: 14px;}
	.w1720,
	.w1600,
	.w1440,
	.w1200{width:100%;padding:0 5%;box-sizing: border-box;}
    .sub_wrap,
    .main_wrap {margin-top: 80px;}
	.main_wrap > div{padding: 80px 5%;}




	/* header */	
	.hd_logo { width: auto;}
	.hd_logo a {width: 220px;}
	.header {height: 80px;background: #fff;}
	.header .gnb > li {height: 80px;}
	.header .gnb > li .dep2{top:81px;}
	.header .gnb {display: none;} 
	.header, 
	.btn_sitemap{height: 80px;}

	
	/* mv */
	.mv_sec .mv_list .item img, 
	.mv_sec .mv_list .item, 
	.mv_sec { height: 500px;}
	.mv_sec .mv_list .item{font-size: 1em;}
	.mv_sec .mv_list .item .t1 { padding: 33px 60px 0; background-size: 80px;}
	.mv_sec .mv_info { top: 21%;}
	.main_wrap .mns1_wrap{padding: 0;}

	/* mns2 */
	.mns_tit {font-size: 2.8em; padding-top: 30px;}
	.mns2 .img_box {padding-bottom: 4vw; margin-bottom: 3vw; height: 13.8vw;}
	.mns2_cont::before {top: 16.89vw;}

	/* mns3 */
	.mns3_wrap.w1440{padding: 0;}

	/* mns4 */
	.mns4_wrap.w1720{padding: 0;}
	.mns4_cont.w1440{padding: 0;}


	/* mns5 */
	.mns5_cont02 .txt_box { width: 70%;}
	.mns5_wrap.w1440{padding: 0;}
	.board { padding: 40px 30px ;}
	.notice span { width: 87px; flex: 0 0 87px; padding-left: 20px;}
	.notice a {padding-right: 0; width: calc(95% - 87px);}
    



	/* mns6 */
	.main_wrap .mns6{padding: 0; }




	/* footer */
	.ft_top p {flex-wrap: wrap; max-width: 500px;}
	.ft_top p span:nth-child(4) {padding-left: 0;}
	.ft_top p span:nth-child(3)::before {display: none;}

	.ft_info_top{padding-bottom: 10px;}
	.ft_info .fl p span:last-child{float: none; display: block;}
	.ft_info .fl p span:nth-last-child(2)::after{display: none;}
	.footer{height: auto; padding: 30px 0;}



}

@media (max-width:800px){ 
	/* layout */
	.sub_wrap,
	.main_wrap{margin-top: 80px;}
	


	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec { height: 400px;}
	.mv_sec {font-size: 12px;}
	.mv_sec .mv_list .item .t1 {font-size: 2.5em; margin-bottom: 20px;}
	.mv_scroll {display: none;}

	.mv_sec .mv_list .item .t1 { padding: 27px 40px 0; background-size: 60px; margin-bottom: 10px;}
	.mv_sec .mv_info { top: 30%;}
	.owl-theme .owl-dots .owl-dot {width: 27px; height: 27px; margin-bottom: 20px;}
	.owl-theme .owl-dots .owl-dot.active {-webkit-background-size: contain;	background-size: contain;}
	.owl-theme .owl-dots .owl-dot span {width: 6px; height: 6px;}

	/* mns3 */

	.mns3_cont { flex-wrap: wrap; max-width: 600px; margin: auto;}
	.mns3_cont > div { width: 48%; margin-right: 4%; position: relative;}
	.mns3_cont > div:nth-child(2n) {margin-right: 0;	}
	.mns3_cont > div:nth-child(n+3) {margin-top: 20px;	}
	.mns3 .shortcut_btn {position: absolute; left: 30px; bottom: 30px;}

	/* mns5 */
	.mns5_cont > div{flex-wrap:wrap}
	.mns5_2_wrap > div,
	.board {width: 100%; flex: 0 1 100%;}



	/* footer */
	.ft_btn_pop{float: none;}
	.top_bt {right: 20px; bottom: 20px;}








}

@media (max-width:640px){ 


	/* layout */
	.sub_wrap,
	.main_wrap{margin-top: 65px;}
	.main_wrap > div { padding: 50px 5%;}

	/* header */
	.hd_logo a {width: 170px; }
	.header,
	.header .gnb > li{height: 65px;}
	.header .gnb > li{flex:0 1 100%}
	.btn_sitemap {width: 27px; height: 65px; flex: 0 0 27px;}
	.header,
	.btn_sitemap{height: 65px;}

	
	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec {height: 320px;}
	.mv_sec .mv_list .item .t2 { font-size: 3.2em;}


	/* mns2 */
	.mns_tit { margin-bottom: 40px;}
	.mns2_cont {flex-wrap:wrap;justify-content: center;}
	.mns2_cont > div {width: 33.3%; position: relative;}
	.mns2_cont > div:nth-child(n+4) {margin-top: 40px;}
	.mns2 .img_box { padding-bottom: 6vw; height: 25vw;}
	.mns2_cont > div::before { position: absolute; content: ""; left: 0; top: 29.5vw; width: 100%; height: 1px; background: #ddd;}
	.mns2_cont::before{display: none;}
	.mns2 .shortcut_btn{position: absolute; bottom: 0; display: block; left: 50%;  -webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ;}
	.mns2 a{height: 100%;}
	.mns2 .txt_box{position: relative;	padding-bottom: 6vw; height: calc(100% - 40vw);}
	.mns2 .img_box::before { height: 2.83vw; -webkit-background-size: contain;background-size:contain ;}

	/* mns4 */
	.mns4 .more_btn {width: 150px; margin-top: 40px;}

	/* mns5 */
	.board { padding: 30px 20px;}
	.board_tit { margin-bottom: 15px;}
	.notice p { line-height: 1.9; padding-left: 12px;}
	.notice p::before {width: 3px; height: 3px; left: 0px; margin-top: -1.5px;}
	.mns5_cont01 > div { padding: 0px 20px;}
	.mns5_cont01 {padding: 30px 0px;}
	.mns5_cont02 .txt_box {width: 60%;  padding: 20px; background-size:40px, 100% ;background-position: right 20px bottom 20px, center;}

	/* mns6 */
	.mns6 { margin-bottom: 40px;}
	.mns6_cont {flex-wrap:wrap}
	.mns6_cont > div { flex: 0 1 48%;  padding: 10px 0;}
	.mns6_cont > div:nth-child(n+3) {margin-top: 10px;}



	/* footer */
	.ft_top {position: relative;}
	.ft_top ul{position: absolute; right: 0; margin-top: 0;}

	.ft_info .ft_bottom {margin-top: 10px; padding-top: 10px; flex-direction: column;}
	.ft_info p span{float: none; display: block;}
	.ft_info p span::after{display: none;}
	.ft_info p.cpr{margin-bottom: 5px;}
	.ft_info p { flex-direction: column;}
	.ft_info p span { padding: 0px;}
	.ft_info p span::before {display: none;}

	.top_bt {width: 50px; height: 50px;}
	.footer p.cpr {margin-left: 0px; margin-top: 10px; margin-bottom: 0; width: 100%;}
	.ft_top > .row_box a{width: 120px;}
	.ft_top > div{flex-direction: column;}
	.ft_btn_pop li {margin-right: 10px;}
	.top_bt { background-size: 48%;}







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

	body, .header {font-size: 12px;}

   	/* header */
	.btn_sitemap {width: 27px; flex: 0 0 27px;}
	.header, 
	.btn_sitemap {height: 65px;}
	.hd_logo a { width: 150px;}



	/* mv */
	.mv_sec .mv_list .item img, .mv_sec .mv_list .item, .mv_sec {height:260px;}
	.mv_sec .mv_list .item { font-size: 0.8em;}
	.mv_sec .mv_list .item .t1 { padding: 15px 25px 0;  background-size: 40px;}

	/* mns3 */
	.mns3_cont .txt_box {padding: 15px;}
	.mns3 .shortcut_btn { left: 15px;bottom: 15px;}

	/* mns4 */
	.mns4 .slick-prev, .mns4 .slick-next {width:30px; height: 30px; top: -40px;}
	.mns4 .slick-prev {right: 40px;}


	/* footer */

	.footer {padding: 20px 0;}

	.ft_info p span, .ft_info p.cpr, .ft_btn_pop ul li a { font-size: 12px;}
	.ft_btn_pop ul li a {padding:7px 0 7px 5px;}
	.ft_info .ft_txt {margin-top: 0px;}
	.ft_btn_pop ul li a { width: 130px;}

	}