@charset "utf-8";
*{margin:0; padding:0; }
ul, ol{list-style:none}
a{color:'inhert'; text-decoration:none}
header, footer, nav{display:block}
img{max-width:100%}
body{font-family:'NanumBarunGothic','±¼¸²','Source Sans Pro', 'sans-serif'; font-size:.8em; line-height:1.5;}
#wrapper{width:100%}
.in{width:1001px; margin:0 auto}
.logo{float:left; width:10%; margin-left:4.9113%; margin-top:2%}
.bxSlider{background:url(../images/main-1-1.jpg) no-repeat center center; background-size:cover; Theight:600px;}
.bxSlider{position:relative; overflow:hidden;  width:100%}

.bxSlider img{position:absolute; left:0; top:0;height:600px}
.bx-controls-direction{display:none}

.bx-pager-item{display:none} 
.main_text{position:absolute; left:40%; top:18%;  color:#fff; width:400px;}
.main_sub{margin:50px 5%; ywidth:90%; }
.main_sub img{margin-right:30px; width:20%}
.main_sub img:nth-child(4){margin-right:0px}
/*.footer{width:100%; height:130px;border-top:1px solid #222222;}
.footer .footer_ad img{float:left; width:15%; margin:3% 7.9113%  }
.footer p{margin:3% 7.9113% ;line-height:1.0  }
*/

@media screen and (min-width:1024px) and (max-width:1279px){
.in{width:1024px; margin:0 auto}
.main_sub{margin:50px 10%;}
.bxSlider img{height:500px}


}


@media screen and (min-width:780px) and (max-width:1023px){
.in{width:auto; margin:0 auto}

.main-text{margin-right:15%; padding-top:7%;}
.menu-container > .menu a{text-align:right}
.main_sub{margin:40px 5% }
.bxSlider img{height:400px}

}
@media screen and (min-width:640px) and (max-width:779px){
.in{width:auto; margin:0 auto}
.logo{ width:15%;}
.menu-container > .menu a{text-align:right}

.bxSlider img{height:300px}
.main_sub{margin:50px 70px; padding-left:4%}
.main_text{position:absolute; left:40%; top:18%;  color:#fff; width:300px;}
.main_sub img{margin-right:20px;}


}
@media screen and (min-width:480px) and (max-width:639px){
.in{width:auto; margin:0 auto}
.logo{ width:15%;}
.menu-container > .menu a{text-align:right}
.bxSlider img{height:300px}
.main_sub{margin:30px 50px;padding-left:4%}
.main_text{position:absolute; left:40%; top:18%;  color:#fff; width:200px;}
.main_sub img{margin-right:5px;}
.main_sub img:nth-child(4){margin-right:0px}


}
@media screen and (max-width:479px){
.in{width:auto; margin:0 auto}
.logo{ width:20%;}
.menu-container > .menu a{text-align:right}
.bxSlider img{height:250px}
.main_sub{margin:25px 60px;padding-left:2%}
.main_text{position:absolute; left:33%; top:15%;  color:#fff; width:200px;}
.main_sub img{margin-right:5px;}
.main_sub img:nth-child(4){margin-right:0px}



}