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




}



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

	#st1 .st1_box .st1_bn {width:31.3%; margin:1% 1%;}
	#st1 .st1_box .box07 {width:48%; margin:1% 1%;}
	#st1 .st1_box .box08 {width:48%; margin:1% 1%;}
	
	.st1_bn .stbn07 .con_info span,
	.st1_bn .stbn08 .con_info span {font-size:20px;}


}


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

	#hd .gnb_area .navi_area {background:none;}

	.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 .st1_box .st1_bn {width:48%; margin:1% 1%;}
	.st1_bn .bn_area .con_info span {font-size:18px;}

	#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:none; 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; }
	#hd .gnb_area .navi_area {background:none;}

	.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:4%; }
	#mvis .mimg .mtxt img{width:30%;}
	#mvis .mimg .mtxt span{font-size:14px;}

	#st1 {margin-top:12px; }
	#st1 .st1_box .st1_bn {width:48%; margin:1% 1%;}

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

	.st1_bn .bn_area .con_info span {margin-top:4%; width:85%; font-size:14px;}
	.st1_bn .stbn_btn {display:none;}

	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	.ft_info p {text-align:center;}
	#footer .foot_con .sns{display:none; 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; }
	#hd .gnb_area .navi_area {background:none;}

	.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_bn .bn_area .con_info span {font-size:10px;}

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

}