@charset "UTF-8";

body {
	overflow-y: hidden; }
.scroll-top {
	display: none; }

/* Override */
.inner {
  width: calc( 100% - 6rem ); }
  @media all and (min-width:768px) and (max-width:1023px) {
	.inner {
    width: calc( 100% - 6rem ); }}
  @media all and (min-width:480px) and (max-width:767px) { 
	.inner {
    width: calc( 100% - 4rem ); }}
  @media all and (max-width:479px) {
	.inner {
    width: calc( 100% - 3rem ); }}
header .header-wrap {
	height: 0; }
header .header-wrap .first-header-wrap {
	visibility: hidden;
	opacity: 0; }
header .header-wrap .second-header-wrap .second-header-sticky {
	background: none;
	box-shadow: none; }
header .header-wrap .second-header-wrap .site-logo, header .header-wrap .second-header-wrap .menus {
  visibility: hidden; }
header.header-wrap .second-header-wrap .btn-menu {
	margin: 1.8rem 0 0 0;
	background: #115F42;
  color: #FFFFFF; }

/* Background */
.hh-cover {
  color: #FFFFFF;
  overflow: hidden; }
  .hh-cover.overlay {
    position: fixed;
    width: 100%; 
    height: 100%; }
    
.container-wrap {
	height: 100%;
	width: 100%; }
.container-wrap .container {
	height: 100%;
	width: 100%;
	max-width: 100%;
	padding: 0; }
.container-wrap .container .inner.home {
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
  overflow-y: hidden;}
.container-wrap .container .inner .home-wrapper {
	position: relative; }
		
.container-wrap .container .hh-hr-green {
  width: 5.5rem;
  border: 4px solid #115F42;
  background: #115F42;
  margin: 0 0 1.5rem 0; }
  @media all and (min-width:768px) and (max-width:1023px) {
  .container-wrap .container .hh-hr-green {
    width: 3.5rem;
    border: 3px solid #115F42;
    margin: 0 0 0.5rem 0;  }}
  @media all and (min-width:480px) and (max-width:767px) { 
  .container-wrap .container .hh-hr-green {
    width: 3.3rem;
    border: 3px solid #115F42;
    margin: 0 0 0.3rem 0;  }}
  @media all and (max-width:479px) {
  .container-wrap .container .hh-hr-green {
    width: 3.3rem;
    border: 3px solid #115F42;
    margin: 0 0 0.3rem 0;  }}
    
.container-wrap .container .search-box {
	display: none; }
  
.container-wrap .container .logo-img {
  display: block;
  width: 28rem;
  height: 15rem;
  background: url('/images/common/hnh-logo-left-wht.png') no-repeat;
  background-size:28rem;
  background-position-y: 1rem; }
  @media all and (min-width:768px) and (max-width:1023px) {
  .container-wrap .container .logo-img {
    background-size: 22rem;
    height: 13rem; }}
  @media all and (min-width:480px) and (max-width:767px) { 
  .container-wrap .container .logo-img {
    background-size: 18rem;
    height: 11rem; }}
  @media all and (max-width:479px) {
  .container-wrap .container .logo-img {
    background-size: 15rem;
    height: 9rem; }}
    
.container-wrap .container .search-box {
	margin: 2rem 0; }
.container-wrap .container .search-box #main-search-txt {
	height: 3rem;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	opacity: 0.8; }
.container-wrap .container .search-box .input-group-append .btn {
	background: #FFFFFF;
  opacity: 0.8;
  border: none; }
.container-wrap .container .search-box .input-group-append .btn:focus {
	box-shadow: none; }
.container-wrap .container .search-box .input-group-append .btn i {
  font-size: 1.5rem; }

.container-wrap .container .lang-menu-wrap {
	margin: 2rem 0;}
  @media all and (min-width:768px) and (max-width:1023px) {
	.container-wrap .container .lang-menu-wrap {
    margin: 1rem 0; }}
  @media all and (min-width:480px) and (max-width:767px) { 
	.container-wrap .container .lang-menu-wrap {
    margin: 1rem 0; }}
  @media all and (max-width:479px) {
	.container-wrap .container .lang-menu-wrap {
    margin: 1rem 0; }}
	
.container-wrap .container .lang-menu-wrap ul {
	list-style: none;
  display: flex;
  width: fit-content;
  padding: 0; }
.container-wrap .container .lang-menu-wrap .language-item {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 1rem;
	line-height: 1rem;
	padding: 0 1rem; }
.container-wrap .container .lang-menu-wrap li:first-child a {
	padding-left: 0.3rem; }
.container-wrap .container .lang-menu-wrap li:last-child a {
  border-right: none; }
 
.main-footer {
	position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 3rem; }	
.main-footer .footer-text {
	text-align: right;
	color: #FFFFFF;
	font-size: 0.9rem; 
	padding: 0;
	margin: 0; }
  @media all and (min-width:768px) and (max-width:1023px) {
	.main-footer .footer-text {
    font-size: 0.9rem; }}
  @media all and (min-width:480px) and (max-width:767px) { 
	.main-footer .footer-text {
    font-size: 0.8rem; }}
  @media all and (max-width:479px) {
	.main-footer .footer-text {
    font-size: 0.8rem;  }}