/*===============================
	lg 
===============================*/ 
@media (min-width:1200px) {
	.st2_con1 .con_info {position:absolute}
	.st_info {position:absolute;}
	#svis .con_wrap {padding-top:144px;}
}



/*===============================
	md 
===============================*/ 
@media (min-width:992px) and (max-width:1199px) {
	#st1 {}
	/* .st2_con1 .con_info {position:absolute;width:35%;height:0;padding-top: 32.7%}
	.st2_con1 .con_info a {position:absolute;top:0;left:0;right:0;}
	.st_vis {width:65%;} */
	.st2_con1 .con_info {width:35%;padding:3%}
	.st_vis {height:auto;}
	.slide {padding-top:61.5%}
	.st_info img {width:100%;}
	#st3 .st_con {width:80%;}
	.st_info {position:absolute;}
	#svis .con_wrap {padding-top:144px;}

}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {

	#hd {height:124px;}
	#hd .gnb_area {height:100px;background:#222;}
	#hd .gnb_area .gnb {float:none;margin:0;padding:0;}
	.tnb ul {text-align:center;}
	.tnb ul li span {display:none;}
	.tnb ul li:before {display:none;}
	.logo {margin-top:10px}
	.logo img {height:70px;}
	.st_info {width:38%;padding:20px;position:absolute;}
	.st_info img {width:100%;}
	.st_info h2 {font-size:35px;}
	#st1 {margin-top:124px;padding-top:50%;height:0;}
	#st1, #st3 {background-attachment:scroll;}
	#st2 .st_con {margin-top:0;}
	.st2_con1 p {display:none;}
	.st2_con1 .st_con_wrap {position:absolute;display:table;top:0;left:0;width:100%;height:100%;}
	.st2_con1 .con_info, .st_vis {width:50%}
	.st2_con1 .con_info {position:relative;padding-top:30%;height:0;}
	.st2_con1 .con_info a {display:table-cell;vertical-align:middle;}
	.slide {padding-top:70.5%;height:0;}
	.st_vis {height:auto;}
	.gallery, .con_img {width:50%;padding-top:40%;height:0;}
	.gallery {position:relative;}
	.gallery .con_info {position:absolute;display:table;width:100%;height:100%;top:0;left:0;right:0;}
	.gallery .st_tit {padding:2%;}
	.gallery .st_con_wrap {display:table-cell;vertical-align:middle;}
	#st3 {position:relative;margin-top:0;padding-top:50%;height:0;}
	#st3 .st_con {position:absolute;display:table;top:0;width:100%;height:100%;padding:3%;}
	#st3 .st_con h2 {font-size:30px;line-height:40px;}
	#st3 .st_con p {line-height:1.8em;}
	#st3 .st_con_wrap {display:table-cell;vertical-align:middle;}
	#st3 .st_btn {width:200px;font-size:20px;}
	#st4, #st4 .st_con {margin-top: 0}
	.st_map {width:62%;}


	#svis {position:relative;margin-top:124px;padding-top:35%;height:0;background-attachment:scroll;}
	#svis .inner {position:absolute;top:0;height:100%;padding-top:0;}
	
}



/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {
	#hd {height:100px;}
	#hd .gnb_area {height:80px;background:#222;}
	#hd .gnb_area .gnb {float:none;margin:0;padding:0;}
	.logo img {height:70px;}
	.topbar ul {text-align: center;}
	.topbar ul li:before {display:none;}

	.mtxt {bottom:2%}
	.mtxt img {width:70%;padding-bottom:10px;}
	.mtxt h2 {width:80%;margin:0 auto;padding:5px 0;font-size:16px;line-height:20px;}
	.mtxt p {display:none;}
	.st_vis {width:100%;height:auto;}
	#st1 {margin-top:100px;padding-top:58%;height:0;}
	#st1, #st3 {background-attachment:scroll;}
	#st2 .st_con {margin-top:0;}
	.st2_con1 .con_info {width:100%;padding:5%;}
	.st2_con1 .con_info img {width:70%;}
	.st2_con1 .con_info h2 {margin-top:10px;padding:0;font-size:15px;}
	.st2_con1 p {display:none;}
	.con_img {width:100%;padding-top:63%;height:0;}
	.gallery {width:100%;height:auto;}
	.gallery .st_tit {padding:10px 30px;}
	.gallery .st_tit img {width:70%;}
	#st3 {position:relative;height:0;margin-top:0;padding-top:50%;}
	#st3 .st_con {display:table;width:100%;height:100%;}
	#st3 .con_info {position:absolute;top:0;bottom:0;width:100%;}
	#st3 .st_con_wrap {display:table-cell;vertical-align:middle;}
	#st3 .st_con h2 {margin-bottom:20px;font-size:16px;line-height:22px;}
	#st3 .st_con p {display:none;}
	#st3 .st_btn {width:50%;height:auto;padding:5px;font-size:14px;}
	#st4 {margin-bottom: 0;}
	#st4 .st_con {margin-top:0;}
	.st_map, .st_info  {width:100%;}
	.st_map {float:none;}
	.st_map iframe {height:250px;}
	.st_info {height:auto;padding:5%;}
	.st_info img {width:70%;}
	.st_info h2 {font-size:30px;padding:0 0 10px}
	.st_info p {display:none;}

	.mbody + #footer {padding-top: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;}

	#svis {position:relative;margin-top:100px;padding-top:35%;height:0;background-attachment:scroll;}
	#svis .st_con h2 {font-size:25px;}
	#svis .inner {position:absolute;top:0;height:100%;padding-top:0;}
	
	

}


/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {

	/* .st_info img {width:100%;} */
	#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; }


}