@media (max-width:1700px) {
	#mvis .mimg {background-position: 100% center;}
	#mvis .mimg .mtxt img {top: 15%; left: 12%;}

}


@media (max-width:1500px) {
	#mvis .mimg {background-position: 66% center;}
	#mvis .mimg .mtxt img {top: 15%; left: 5%;}
	#footer .foot_con {    height: 156px;}

}
/*===============================
	lg 
===============================*/ 
@media (max-width:1550px) {
}



/*===============================
	md 
===============================*/ 
@media (min-width:992px) and (max-width:1199px) {

	#mvis .mimg .mtxt img {width:42%;}
	#mvis .rgh_bn {right:5%;}
	#st1 .inner .st1_gal {height:auto; min-height:680px;  padding-bottom:50px; }

}

/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {
	
	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:#fff; z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }


	.logo img { height:70px;} 
	#hd2 {height: 94px;}
	#hd2 .logo {position:relative; float:left; z-index:9;}

	.topbar ul {text-align:center; line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li:before {display:none;}
	.topbar ul li span {display:none;}

	#mvis .mimg {height:500px }
	#mvis .mimg {    background-position: 0% center;}
    #mvis .mimg .mtxt img {width:40%;top: 12%; left: 30%;}


	#mvis .rgh_bn {position: static;width: 100%; height:auto; }
	.rgh_bn .inner:after{display:block; clear:both; content:"";}
	.rgh_bn .inner > div {float:left;}
	#mvis .rgh_bn .rgh_area{width:50%;} 
	#mvis .rgh_bn .rgh_bn03{display:none;}


	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	#footer .foot_con .sns{display:block; text-align:center;}
	.ft_info p {text-align:center;}

}



/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {

	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:#fff; z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	.logo img { height:70px;} 
	#hd2 {height: 94px;}
	#hd2 .logo {position:relative; float:left; z-index:9;}

	.topbar ul {text-align:center; line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li:before {display:none;}
	.topbar ul li span {display:none;}



	#mvis .mimg {height:400px }
	#mvis .mimg {    background-position: 21% center;}
	#mvis .mimg .mtxt img {width:50%;top: 10%; left: 25%;}

	#mvis .rgh_bn {position: static; width: 100%; height:auto; }
	.rgh_bn .inner:after{display:block; clear:both; content:"";}
	.rgh_bn .inner > div {float:left;}
	#mvis .rgh_bn .rgh_bn01{width:33.3%;} 
	#mvis .rgh_bn .rgh_bn02{width:33.3%;}
	#mvis .rgh_bn .rgh_bn03{display:none;}
	#mvis .rgh_bn .rgh_bn04{width:33.3%;}
	#mvis .rgh_bn .rgh_bn05{width:100%;} 

	.rgh_bn .rgh_bn01 .con_txt h2 {font-size: 20px}


	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	.ft_info p {text-align:center;}
	#footer .foot_con .sns{display:block; text-align:center; margin-bottom:50px;}



}


/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {
	
	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:#fff; z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	.logo img { height:70px;} 
	#hd2 {height: 94px;}
	#hd2 .logo {position:relative; float:left; z-index:9;}

	.topbar ul {text-align:center; line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li:before {display:none;}
	.topbar ul li span {display:none;}

	#mvis .mimg {height:350px }
	#mvis .mimg { background-position: 28% center;}
	#mvis .mimg .mtxt img {width:54%;top: 12%; left: 25%;}

	#mvis .rgh_bn .rgh_area {height:204px; }
	.rgh_bn .rgh_area .con_txt span {font-size:10px;}
	.rgh_bn .rgh_area .con_txt h2 {font-size:16px;}
	.rgh_bn .rgh_area .con_txt p {display:none;font-size:10px;}


	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	.ft_info p {text-align:center;}
	#footer .foot_con .sns{display:block; text-align:center; margin-bottom:50px; }

}