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

	/* Section bg */
	#section1{background:url(../img/main/main01.jpg) center top; background-size:cover;}
	#section2{background:url(../img/main/main02.jpg) center top; background-size:cover;}
	#section3{background:url(../img/main/main03.jpg) center top; background-size:cover;}
	#section4{background:url(../img/main/main04.jpg) center top; background-size:cover;}
	#section5{background:url(../img/main/main05.jpg) center top; background-size:cover;}
	#section6{background:url(../img/main/main06.jpg) center top; background-size:cover;}
}



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

/* Section bg */
	#section1{background:url(../img/main/main01.jpg) center top; background-size:cover;}
	#section2{background:url(../img/main/main02.jpg) center top; background-size:cover;}
	#section3{background:url(../img/main/main03.jpg) center top; background-size:cover;}
	#section4{background:url(../img/main/main04.jpg) center top; background-size:cover;}
	#section5{background:url(../img/main/main05.jpg) center top; background-size:cover;}
	#section6{background:url(../img/main/main06.jpg) center top; background-size:cover;}


}

/*===============================
	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:rgb(228 228 228); 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:80%;}
	#hd .gnb_area {height:70px; background:rgb(228 228 228); 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;}

	#footer1 {    bottom: 14%;}
	#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) {

    .topbar ul li a {font-size:5pt;}


    .section .mtxt h1 img{width:45%;}
	
	#hd {height: 94px;}
	#hd .logo {position:absolute; float:left; z-index:9;}
	.logo img { height:70px;}
	#hd .gnb_area {height:70px; background:rgb(228 228 228); z-index:99;  }
	#hd .gnb_area .gnb{ width:100%; padding:0; }

	#menu li {    margin: 4px;}
    #menu li a, #menu li.active a { padding: 6px 10px;display: block; font-size:6pt;}

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

    #footer1 .foot_con .sns {margin-top:30px;}
	#footer .foot_con .ft_info{display:block; padding:30px 0;}
	.ft_info p {text-align:center; font-size:6pt;}
	#footer .foot_con .sns{display:block; text-align:center; margin-bottom:50px; }

}