/*===============================
	lg 
===============================*/ 
@media (min-width:1600px) {
	#mvis .mimg .mtxt img{max-width:80%; height: 80%;}

	
}



/*===============================
	md 
===============================*/ 
@media (min-width:1200px) and (max-width:1599px) {
#hd {height: 110px;}
.logo img { height:90px;} 
#hd .gnb_area  {height: 82px;}
#mvis .mimg .mtxt img{max-width:80%; height: 70%; margin-right: 10%;}
 .mtxt_area  {}
 #mvis .mimg {padding-top: 40.25%;}


}

/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:1199px) {
	
	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:82px;}
	#hd .gnb_area {height:82px; z-index:99;  }
	#hd .gnb_area .gnb{ width:100%;  }
	 #mvis .mimg {padding-top: 40.25%;}

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


	#container {margin-top:0; }

	 .mtxt_area  {right: 25%; top:3%;}

	#mvis .mimg {margin-top: -20px;}
	#mvis .mimg .mtxt span{font-size:20px;}
	#mvis .mimg .mtxt img{max-width:80%; height: 60%;     margin-right: 10%;}



	#st2 .st2_bn {width:52.5%; margin-left:2.5%; }
	#st2 .st2_bd {width:40%; margin:0 2.5%; }
	#st2 .st2_gal { width:95%; margin:0 2.5%;  margin-top:24px;  background: #fff; }



	#svis {height:220px; margin-top:0; margin-bottom:0;}
	#svis .inner {padding-top:0; height:220px;}


	#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; z-index:99;  background:rgba(255,255,255,0);box-shadow: 0px 2px 10px 0px #00000000;}
	#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;}

	#container {margin-top:0; }
	.mtxt_area {top:-6%;}
	#mvis .mimg {background-position: 62% center; padding-top:50%; margin-top: -37px;}
	#mvis .mimg .mtxt img{width:35%; margin-right: 10%;}
	#mvis .mimg .mtxt span{font-size:16px;}

	#st1 .st1_con1 {width:100%;}
	#st1 .st1_con2 {width:100%;}
	#st1 .st1_con3 {width:100%;}

	#st2 .st2_bn {width:52.5%; margin-left:2.5%; }
	#st2 .st2_bd {width:40%; margin:0 2.5%; }
	#st2 .st2_gal { width:95%; margin:0 2.5%;  margin-top:24px;  background: #fff; }
	#st2 .st2_gal .gal{ height:auto;}


	#svis {height:220px; margin-top:0; margin-bottom:0;}
	#svis .inner {padding-top:0; height:220px;}


	#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:475px) {
	
	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; z-index:99;  }
	#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;}


	#container {margin-top:0; }
	#mvis .mimg .mtxt span{font-size:14px;}
	.mtxt_area {top:-6%;}
	#mvis .mimg {background-position: 64% center; padding-top:55%; margin-top: -0px;}
	#mvis .mimg .mtxt img{width:47%; margin-right: 2%;}


	#st1 .st1_con1 {width:100%;}
	#st1 .st1_con2 {width:100%;}
	#st1 .st1_con3 {width:100%;}

	#st2 .st2_bn {width:95%; margin:0 2.5%;  margin-top:24px;}
	#st2 .st2_bd {width:95%; margin:0 2.5%;  margin-top:24px;}
	#st2 .st2_gal { width:95%; margin:0 2.5%;  margin-top:24px;  background: #fff; }
	#st2 .st2_gal .gal{ height:auto;}

	.st2_bd:after{display:block; clear:both; content:"";}
	.st2_bd .bd_area {float:left ; width:50%;}
	.st2_bd .bd02 { margin-top: 0;}


	#svis {height:220px; margin-top:0; margin-bottom:0;}
	#svis .inner {padding-top:0; height:220px;}


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

}