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

	
}



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


}

/*===============================
	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(0, 0, 0, 100); z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }

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

	#section1 img {width:40%;}

	.section .mtxt h1 {font-size:40px;}
	.section .mtxt p{font-size:15px; margin-top:10px;}


	#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 { width:70%;padding: 10px;}
	#hd .gnb_area {height:70px; background:#1b1b1b; z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	.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; }
	#section1 img {width:50%;}

	.section .mtxt h1 {font-size:40px;}
	.section .mtxt p{font-size:15px; margin-top:10px;}

	#pp-nav {display:none;}

	#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:450px) {
	/* #hd .gnb_area{top: 0px;} */
	
	#menu li {margin: 5px;}
	#menu li a, #menu li.active a {	padding: 9px 8px;}
	#hd {height: 70px;}
	#hd .logo {position:absolute; float:left; z-index:9;line-height: 60px;}

	/* .logo img { height:50px;} */
	.logo img { width:45%;}
	#hd .gnb_area {height:70px; background:rgba(0, 0, 0, 100); z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }
	.navigation_box{margin-top: 14px;}

	.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; }
	#section1 img {width:50%;}

	.section .mtxt h1 {font-size:40px;}
	.section .mtxt p{font-size:15px; margin-top:10px;}
	#pp-nav {display:none;}


	/* #svis {height:220px; margin-top:0; margin-bottom:0;} */
	#svis {height:80px; margin-top:0; margin-bottom:0; background: #fff;}
	#svis .inner {padding-top:0; height:80px;}
	#svis .st_con h2 {color: transparent;}


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

}