@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
*{
    font-family: 'Jeju Gothic', serif;
  }
.section{
  height: 950px;
}
.header_top{
  width:100%;
  position:absolute;
  overflow:hidden;
  margin:0 auto;
  z-index: 999;
}
.wrapper{
  margin:0 auto;
  width:100%;
  overflow: hidden;
}
.wrapper h1{
  width:256px;
  height:72px;
  margin:22px auto;
}
.wrapper>h1>a>img{
  width:100%;
  height:100%;
}
#btn1{
 float:left;
 border:0px;
 background:none;
 margin-top: 35px;
 margin-left: 20px;
 cursor: pointer;
}
.menu_nav{
  position:absolute;
  width:200px;
  height:100%;
  background:#313131;
  color:#bababa;
  left:-200px;
  top:0px;
  z-index:1000;
  transition: all 0.4s;

}
.menu_nav.on{
  left:0px;
  background:#313131;
}
.menu_nav h1{
  width: 144px;
  height: 41px;
  margin:50px auto;
}
.nav{
  width:200px;
  margin:80px auto;
}
.nav>li{
  margin-bottom: 15px;
  width:71px;
}
.nav>li>a{
  text-align: center;
  display:block;
  font-size:18px;
  border-bottom: 1px solid #fff;
  color:#bababa;
  padding-bottom: 10px;
  width: 200px
}
.sns{
  width:190px;
  position: fixed;
  bottom:0;
}
.sns>li{
  width:32px;
  float:left;
  margin-left:3px;
}
#close{
  border: 0px;
  background: none;
  position: absolute;
  top: 20px;
  left: 10px;
  z-index: 999;
  cursor: pointer;
}
.text01{
  font-size: 65px;
  color: #fff;
  margin-top:350px;
}
.secondpage{
  width: 200px;
  background: #4aaf9d;
  text-align: center;
  color: #fff;
  font-size: 30px;
  padding: 15px;
  border: 0;
  margin-top: 50px;
  cursor: pointer;
}
.sub_header{
  width:100%;
  overflow:hidden;
  margin:35px auto;
  z-index: 999;
}
#btn2{
 float:left;
 border:0px;
 background:none;
 margin-left: 20px;
 cursor: pointer;
}
.menu_nav2{
  position:absolute;
  width:200px;
  height:950px;
  background:#313131;
  color:#bababa;
  left:-200px;
  top:0px;
  z-index:1000;
  transition: all 0.4s;
}
.menu_nav2.on{
  left:0px;
  background:#313131;
}
.menu_nav2 h1{
  width: 144px;
  height: 41px;
  margin:50px auto;
}
.menu_nav2 .nav{
  width:200px;
  margin:80px auto;
}
.menu_nav2>.nav li{
  margin-bottom: 15px;
  width:71px;
}
.menu_nav2>.nav li>a{
  text-align: center;
  display:block;
  font-size:18px;
  border-bottom: 1px solid #fff;
  color:#bababa;
  padding-bottom: 10px;
  width: 200px
}
.menu_nav2>.sns{
  width: 190px;
  margin:470px auto;
}
.menu_nav2>.sns>li{
  float:left;
  margin-left: 4px;
}
#close2{
  border: 0px;
  background: none;
  position: absolute;
  top: 20px;
  left: 10px;
  z-index: 999;
}