@charset "UTF-8";

body,div,ul,li,a,a:link,a:active,a:visited,span,table {margin:0;padding:0;list-style:none;font-family:'Nanum Gothic';text-decoration:none;}
*:focus {outline:none;}

html {height:100%;}
body {position:relative;width:100%;height:100%;background-color:#8d3f22;background:url("img/bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.top {padding:70px 0 70px 0;}
.middle {height:335px; background-color:rgba( 255, 241, 0, 0.5);padding-top:85px;}
.middle2 img{padding:60px 70px 60px 70px;}
.menu1, .menu2{padding:50px 0 20px 0;}
.menu1 img, .menu2 img{margin:0 20px 0 20px;}

@media all and (max-width:1490px)
{
.middle2 img{padding:40px 50px 40px 50px;}
.menu1, .menu2{width:688px;margin:0 auto;}
.menu1 img, .menu2 img{width:250px; margin:10px 20px 10px 20px;}
}


@media all and (max-width:788px)
{
.top img{width:400px;height:400px;}
.middle {height:180px; background-color:rgba( 255, 241, 0, 0.5);padding-top:55px;}
.middle img{width:400px;}
.middle2 img{width:400px;height:400px;padding:30px 0 30px 0;}



}