body { padding: 0; margin: 0; font-family: 'NouvelR KR 400'; }
ul, li { list-style: none; margin: 0; padding: 0;}
a, a:hover, a:focus, a:active { 
  color: #333;
  text-decoration: none;
  background-color: transparent;
}

.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

.scrollhide { opacity: 0; transition : opacity 0.5s; }
.scrollview { opacity: 1; transition : opacity 0.5s; }

header { height: 60px; position: fixed; width: 100%; top: 0; z-index:1000; }
header.bg_black { background: #000; }
header #logo { display: inline-block; line-height: 60px; margin-left: 10px; }
header #logo img { height: 34px; }
header


.menu_btn{
  right: 0;
  position: absolute;
  padding: 18px;
  display: inline-block;
}
.menu_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  display: none;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 1050;
}
.sidebar_menu{
  display: none;
  width: 220px;
  height: 100%;
  background: rgba(244, 244, 244, 0.85);
  position: fixed;
  top:0;
  right: -220px;
  z-index: 1100;
  overflow-y: auto;
}
.close_btn{
  width: 90%;
  height: 20px;
  margin:10px 18px 5px 10px;  
  text-align: right;
}
.close_btn > a{
  display: inline-block;
  height: 100%;
}

.close_btn img { width: 18px; }



.page_home { overflow: hidden;}
.page_home video {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  z-index: -3;
}



.top_margin { margin-top: 60px; }