/*===============================
	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; background:rgba(255, 255, 255, 1); 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:32%; }	
	#mvis .mimg {height:500px }
    #mvis .mimg .mtxt img {width:40%;}


	#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; background:rgba(255, 255, 255, 1); 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:400px }
    #mvis .mimg .mtxt img {width:45%;}


	#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 p{font-size:13px;}
	#st3 .inner .st3_bn .st3_txt h3 {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; background:rgba(255, 255, 255, 1); 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:40%; }	
	#mvis .mimg {height:300px }
    #mvis .mimg .mtxt img {width:60%;}

	#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_more {position:absolute; top:60%;}

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

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

}