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

	
}



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

	#st1 .inner > div{ padding:10px 10px;}

	
}


/*===============================
	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;}
	#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;}

	#st1 .inner > div{ padding:10px 10px;}

	#st1 .st1_cs img{margin-right:4px;}
	#st1 .st1_cs .nmb {font-size:30px; font-weight:bold;  }
	#st1 .st1_cs span {display:block; font-size:14px; margin-left:50px; margin-top:8px;}

	#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;}
	#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 {position:relative;}
	#mvis .mimg .mtxt {position:absolute; left:3%; bottom:5%; }
	#mvis .mimg .mtxt img{width:17%;}
	#mvis .mimg .mtxt span{font-size:14px;}

	#st1 {margin-top:12px; }
	#st1 .inner > div{ padding:10px 10px; width:100%;}

	#st1 .st1_cs img{margin-right:10px;}
	#st1 .st1_cs .nmb {width:100%; font-size:30px; font-weight:bold; text-align:center; }
	#st1 .st1_cs span {font-size:14px; margin:0 auto; text-align:center; }
	
	#st1 .st1_gal{margin-left:0%;}
	#st1 .st1_gal .gal{margin-top:10px;}
	
	#st1 .st1_bd{margin-left:0%;}

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



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

}