/*===============================
	lg 
===============================*/ 
@media (min-width:1200px) {

	
}



/*===============================
	md 
===============================*/ 
@media (min-width:992px) and (max-width:1199px) {

	#mvis {width:100%; }
	#mvis .inner {height:624px; text-align:center;}
	#mvis .mtxt {width:100%;}
	#mvis .mimg {width:100%; }


	#mvis .mtxt .txt form{width:100%; max-width:100%; padding:0 8%;}
	#mvis .mtxt .txt .form_area #search_bar { width:100%;}
	#mvis .mtxt .txt form > input { width:100%;}

	#mvis .mtxt .txt input { width:100%; }
	#mvis .mtxt .txt input[id*="popup"] + label { width:100%; margin-top:20px; } 


	.st1 .st_inner {position: static; top:0;}

	.st2 {padding-top:60px;}


	
}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {
	
	#hd {height: 120px;}

	#mvis {width:100%; }
	#mvis .inner {height:624px; text-align:center;}
	#mvis .mtxt {width:100%; padding:10px;}
	#mvis .mimg {width:100%; }



	#mvis .mtxt .txt form{width:100%; max-width:100%; padding:0 6%;}
	#mvis .mtxt .txt .form_area #search_bar { width:100%;}
	#mvis .mtxt .txt form > input { width:100%;} 

	#mvis .mtxt .txt input { width:100%; }
	#mvis .mtxt .txt input[id*="popup"] + label { width:100%; margin-top:20px; } 


	.st1 .st_inner {position: static; top:0;}

	.st2 {padding-top:60px;}


	#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) {


	#mvis {width:100%; }
	#mvis .inner {height:624px; text-align:center;}
	#mvis .mtxt {width:100%; padding:10px;}
	#mvis .mimg {width:100%; }


	#mvis .mtxt .txt form{width:100%; max-width:100%; padding:0 4%;}

	#mvis .mtxt .txt input { width:100%; }
	#mvis .mtxt .txt input[id*="popup"] + label { width:100%; margin-top:20px; } 
	#mvis .mtxt .txt .form_area #search_bar { width:100%;}
	#mvis .mtxt .txt form > input { width:100%;} 

	#mvis .mtxt .txt h1{font-size:26px;}
	#mvis .mtxt .txt h3{font-size:22px;}

	.st1 .st_inner {position: static; top:0;}

	.st1 dl {width:50%; } 


	.st2 {padding-top:60px;}
	.st2 .st_inner {display:block; width:100%;}
	.st2 .left {display:block;  width:100%; text-align:center; }
	.st2 .counting_banner .count_box {display:block; text-align:center;}
	.st2 .counting_banner .count_box .count {display:block;  width:100%;}
	.st2 .counting_banner .count_box .link {display:block;  width:100%; margin-top:40px;}
	.st2 .right {display:block; width:100%; padding-left:0px;}


	.st3 .st_bd .st_inner {padding:0;}
	.st3 .service_list li {width: calc(100% - 24px);}



	.st5 .logo_img {float:none; text-align:center; } 
	.st5 .logo_img > img {width:40%;} 
	

	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	.ft_info p {text-align:center;}
	#footer .foot_logo {width:100%;}
	#footer #gnb_1dul {width:100%; text-align:center;}
	#footer .foot_con .sns{display:block; text-align:center; margin-bottom:50px;}



}


/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {


	#mvis .mtxt {width:100%; padding:10px;}
	#mvis .mtxt .txt input { width:100%; }
	#mvis .mtxt .txt input[id*="popup"] + label { width:100%; margin-top:20px; } 
	#mvis .mtxt .txt .form_area #search_bar { width:100%;}

	#mvis .mtxt .txt h1{font-size:22px;}
	#mvis .mtxt .txt h3{font-size:18px;}

	.st1 .st_inner {position: static; top:0;}
	.st2 {padding-top:60px;}

	.st2 {padding-top:60px;}
	.st2 .st_inner {display:block; width:100%;}
	.st2 .left {display:block;  width:100%; text-align:center; }
	.st2 .right {display:block; width:100%; padding-left:0px;}

	.st3 .st_bd .st_inner {padding:0;}

	.st4 .customer_list li {margin:50px 0 ;}
	.st4 .customer_list li .bubble_txt {position: absolute; bottom: 210px; height: 180px;}


	#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; }

}