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

	
}



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


}

/*===============================
	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:rgba(255, 255, 255, 1); 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;}


	#container {margin-top:0; }

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



	#st2 .st2_bn {width:52.5%; margin-left:2.5%; }
	#st2 .st2_bd {width:40%; margin:0 2.5%; }
	#st2 .st2_gal { width:95%; margin:0 2.5%;  margin-top:24px;  background: #fff; }

	#st2 .st2_bn .con_area{padding-top: 5%;}

	#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: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:rgba(255, 255, 255, 1); 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;}

	#container {margin-top:0; }


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

	#st1 .st1_con1 {width:100%;}
	#st1 .st1_con2 {width:100%;}
	#st1 .st1_con3 {width:100%;}

	#st2 .st2_bn {width:52.5%; margin-left:2.5%; }
	#st2 .st2_bd {width:40%; margin:0 2.5%; }
	#st2 .st2_gal { width:95%; margin:0 2.5%;  margin-top:24px;  background: #fff; }
	#st2 .st2_gal .gal{ height:auto;}

	#st2 .st2_bn .con_area{padding-top: 5%;}

	#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: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:rgba(255, 255, 255, 1); 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;}


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


	#st1 .st1_con1 {width:100%;}
	#st1 .st1_con2 {width:100%;}
	#st1 .st1_con3 {width:100%;}

	#st2 .st2_bn {width:95%; margin:0 2.5%;  margin-top:24px;}
	#st2 .st2_bd {width:95%; margin:0 2.5%;  margin-top:24px;}
	#st2 .st2_gal { width:95%; margin:0 2.5%;  margin-top:24px;  background: #fff; }
	#st2 .st2_gal .gal{ height:auto;}

	.st2_bd:after{display:block; clear:both; content:"";}
	.st2_bd .bd_area {float:left ; width:50%;}
	.st2_bd .bd02 { margin-top: 0;}


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

}