/*===============================
	lg 
===============================*/ 
@media (min-width:1200px) {

	
}



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


}

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


	.logo img { height:70px;} 
	.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;}


	#container {margin-top:px; }

	#mvis .mimg .mtxt img{width:40%; }
	#mvis .mimg .mtxt span{font-size:20px;}


	#svis {height:220px; margin-top:0; margin-bottom:0;}
	#svis .inner {padding-top:0; height:220px;}


	#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: px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:rgba(255, 255, 255, 100); z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	.logo img { height:70px;} 
	.menu__brand .logo1 img {
    width: 90px;
    height: 90px;
  }

	.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;}

	#container {margin-top:0; }


	#mvis .mimg .mtxt img{width:60%;}
	#mvis .mimg .mtxt span{font-size:16px;}


	#svis {height:220px; margin-top:0; margin-bottom:0;}
	#svis .inner {padding-top:0; height:220px;}

	#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: px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:rgba(255, 255, 255, 100); z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	.logo img { height:70px;} 
	.logo1 img { height:70px;} 

	.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;}


	#container {margin-top:0; }

	#mvis .mimg {width:100%;padding-top:50%;}
	#mvis .mimg .mtxt img{width:80%;}
	#mvis .mimg .mtxt span{font-size:14px;}


	#svis {height:220px; margin-top:0; margin-bottom:0;}
	#svis .inner {padding-top:0; height:220px;}


	#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; }

}