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

	
}



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

	#st1 .inner .st1_gal {height:auto; min-height:680px;  padding-bottom:50px; }

}

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

	#mvis .mimg {height:500px }
    #mvis .mimg .mtxt img {width:70%;}


	#mvis .rgh_bn {position: static;width: 100%; height:auto; }
	.rgh_bn .inner:after{display:block; clear:both; content:"";}
	.rgh_bn .inner > div {float:left;}
	#mvis .rgh_bn .rgh_area{width:33.3%;} 


	#st1 .inner .st1_gal {height:auto; min-height:400px;  padding-bottom:50px; }
	#st2 .inner .bd_tit {width:15%;}
	#st2 .inner .bd_area { width:77%;}
	#st2 .inner .st2_more {width:8%;}


	#st3 .inner .st3_bn .st3_txt {height:70px;}



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

	.mtxt_area {top: 15%; left: 8%;}

	#mvis .mimg {height:400px }
    #mvis .mimg .mtxt img {width:50%;}
	#mvis .mimg .mtxt h2 {font-size:30px;}
	#mvis .mimg .mtxt p {width:400px; height:30px; font-size:21px;}


	#mvis .rgh_bn {position: static; width: 100%; height:auto; }
	.rgh_bn .inner:after{display:block; clear:both; content:"";}
	.rgh_bn .inner > div {float:left;}
	#mvis .rgh_bn .rgh_bn01{width:50%;} 
	#mvis .rgh_bn .rgh_bn02{width:50%;} 
	#mvis .rgh_bn .rgh_bn03{width:100%;} 


	#st1 .inner .st1_gal {height:auto; min-height:400px;  padding-bottom:10px; }
	#st1 .inner .st1_tit h2{font-size:26px; }
	#st1 .inner .st1_tit p{font-size:18px; }

	#st2 .inner .bd_tit {width:20%;}
	#st2 .inner .bd_area { width:72%;}
	#st2 .inner .st2_more {width:8%;}


	#st3 {height:100%;}
	#st3 .inner .st3_bn .st3_txt {height:auto; margin-bottom:20px;}
	#st3 .inner .st3_bn .st3_txt h3{font-size:13px;}
	#st3 .inner .st3_bn .st3_txt p {display:none; }


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

	#mvis .mimg {height:300px; background-position: left center;}

    #mvis .mimg .mtxt img {width:50%;}
	#mvis .mimg .mtxt h2 {font-size:22px;}
	#mvis .mimg .mtxt p {width:320px; height:20px; font-size:16px;}

	.mtxt_area {top: 25%; left: 8%;}

	#mvis .rgh_bn .rgh_area {height:204px; }
	.rgh_bn .rgh_area .con_txt span {font-size:10px;}
	.rgh_bn .rgh_area .con_txt h2 {font-size:22px;}

	.rgh_bn .rgh_area .con_info p {font-size: 12px;}

	#st1 .inner .st1_gal {height:auto; min-height:450px; padding-bottom:10px;}
	#st1 .inner .st1_tit h2{font-size:20px; }
	#st1 .inner .st1_tit p{font-size:14px; margin-top: 8px;}
	.rgh_bn .rgh_area .con_info h5 {font-size: 14px;}
	.rgh_bn .rgh_area .con_info h3 {font-size: 28px;}
	.rgh_bn .rgh_area .con_info {bottom:8%; right:5%;}
	.rgh_bn .rgh_bn03 .con_txt {top: 8%; left: 5%;}

	#st2 .inner .bd_tit {width:15%;}
	#st2 .inner .bd_tit h3{font-size:14px;margin-top:6px;}
	#st2 .inner .bd_area { width:75%; padding-left:5px; text-overflow: ellipsis; }
	#st2 .inner .st2_more {width:10%;}


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

}