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

	.mtxt p {margin-bottom:40px;}
	#st1 .con_info p {width:50%;}
	#st1 .st_con a > div {height:312px;}
	

}



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

	#header {height:110px;}

	.inner {width:970px;}
	.mtxt_inner {padding-left:25px;}
	.mtxt p {font-size:40px;}
	.vis_btn {width:250px;height:50px;font-size:20px;}

	#st1 .st_con a {width:48.8%;}
	#st1 .st_con a:nth-child(2n) {margin-left:20px}
	#st1 .st_con a > div {width:100%;height:250px;}
	#st2 .st_con a > div {width:100%;}

	.st2_left {width:48%;}
	.st2_right {width:48%;}
	.st2_right > a > div {padding:24px 30px;}
	.st2_right .con_info {padding:10px 0 0 20px;}
	.st2_right .con_info h2 {font-size:22px;}
	.st2_right .con_info p {font-size:15px;}

	.st3_con2 .con_info h2 {font-size:30px;}

	#st3 .st_con > div {width:32%;margin-right: 19px;}

}


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

	#header {height:100px;}
	.tnb ul {text-align:center;}
	.tnb ul li:before {display:none;}
	.logo {margin-top:10px}
	.logo img {height:70px;}

	.inner {width:750px;}
	#mvis .slick-list, .slide {height:500px;}
	.mtxt {height:420px;margin-top:60px;text-align:left;}
	.mtxt img {width:50%;}
	.mtxt p {font-size:35px;}
	.mtxt h2 {font-size:25px;}
	.vis_btn {width:250px;height:50px;font-size:20px;}
	.st_tit h2 {font-size:25px;}

	#st1 .st_con a:nth-child(2n) {margin-left:20px}
	#st1 .st_con a {width:48.5%;}
	#st1 .st_con a > div {width:100%;}
	#st1 .con_info p {font-size:15px;}
		
	#st2 .con_img {float:none;}
	#st2 .con_info {display:block;}
	#st2 .st_con a > div {width:100%;margin-bottom:20px;text-align:center;}
	.st2_right .st_con a > div {padding:15px;}
	.st2_left .con_info {padding:20px;}
	.st2_left .con_info h2 {font-size:20px;}
	.st2_right, .st2_left {width:100%;}

	.st2_right a {display:inline-block;width:48.5%;}
	.st2_right .con_info {padding:0}
	.st2_right .con_info p {font-size:15px;line-height:30px;}
	.st2_right .con_info h2 {margin-top:10px;font-size:18px;}
	.st2_right > a:nth-child(2n) > div {margin-left: 20px}
	
	.st3_con1 {width:49%;margin:0 20px 20px 0;}
	.st3_con2 {width:48%;margin-right:0;}
	.st3_con3 {width:100%;}

	#svis {height:380px;}
	#svis .stit {height:300px;}
	#svis .stit h2 {font-size:30px;}

	#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) {

	#header {height:80px;}
	.tnb ul {text-align:center;}
	.tnb ul li:before {display:none;}
	.logo {margin-top:10px;}
	.logo img {height:50px;}
	.inner {padding-right:15px;padding-left:15px;margin-left:auto;margin-right:auto;}

	#mvis .slick-list, .slide {height:400px;}
	.slick-prev, .slick-next, .slick-slider:hover .slick-arrow {display:none !important;}
	.mtxt {height:320px;margin-top:55px;}
	.mtxt_inner {width:100%;}
	.mtxt img {width:52%; }
	.mtxt h2 {font-size:20px;font-weight:bold;}
	.mtxt p {font-size:20px;}
	.mtxt .vis_btn {width:200px;height:40px;font-size:15px;}

	.st_tit h2 {font-size:20px;}
	.st_tit p {font-size:14px;}
	#st1 .st_con a {width:49%;margin-bottom:10px;}
	#st1 .st_con a > div {width:100%;padding:40px 20px;}
	#st1 .con_info p {height:60px;font-size:14px;}
	#st1 .con_info h2 {padding-bottom:15px;font-size:20px;}
	#st1 .con_info img {height:16px}
	.st1_con2, .st1_con4 {margin-left:10px;}

	#st2 .st_con a > div {width:100%;margin-bottom:10px;padding:15px;text-align:center;}
	#st2 .st_vis .slide {height:200px;}
	#st2 .con_img img {height:50px;}
	.st2_con2, .st2_con4 {margin-left:10px;}
	.st2_left .con_info h2 {font-size:16px;}
	.st2_left, .st2_right {width:100%}
	.st2_right a {display:inline-block;width:49%;}
	.st2_right .con_info {float:left;margin-left: 10px;padding:5px;vertical-align:middle;}
	.st2_right .con_info p {display:none;}
	.st2_right .con_info h2 {display:inline-block;margin-top:10px;font-size:14px;}

	#st3 .st_con > div {width:100%;margin-bottom:20px;margin-right:0;}
	.st3_con1 .con_info h2 {font-size:20px;} 
	.st3_con1 .con_info p {font-size:16px;}
	.st3_con2 {height:auto;}
	.st3_con2 .con_info h2:after {top:40px}
	.st3_con2 .con_info h2 {font-size:25px;}
	.st3_con2 .con_info h3 {font-size:18px;}
	.st3_con2 .con_info p {margin-top:30px;font-size:16px;}
	.st3_con3 .con_info h2 {font-size:20px;} 
	.st3_con3 .con_info p {font-size:16px;}

	#svis {height:280px;}
	#svis .stit {height:200px;}
	#svis .stit h2 {font-size:20px;}

	#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) {

	.mtxt img {width:65%;}
	#st1 .st_con a {width:100%;}
	#st1 .st_con a > div {padding:30px;}
	.st1_con2, .st1_con4 {margin-left: 0;}

	#st2 .con_img {display:block;float:none;}
	#st2 .con_info {float:none;margin-left:0}
		.st2_right .con_info h2 {display:block;}

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

}