@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

body {font-family: 'pretendard';}

ul {list-style: none;}

hr.divider {background: #4d8f24;}

#logo {width: 100px;}

#mainNav {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #fff; transition: background-color 0.2s ease;}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #6c757d;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.75rem 0;
}
#mainNav .navbar-nav .nav-item .nav-link:hover, 
#mainNav .navbar-nav .nav-item .nav-link:active {color: #1E295F;}
#mainNav .navbar-nav .nav-item .nav-link.active {color:#585C5E !important;}

@media (min-width: 992px) {
	#logo {width: 127px;}

  #mainNav {box-shadow: none;}
  #mainNav .navbar-brand {color: rgba(255, 255, 255, 0.7);}
  #mainNav .navbar-brand:hover {color: #fff;}
  #mainNav .navbar-nav .nav-item .nav-link {color: #111; padding: 0 1rem;}
  #mainNav .navbar-nav .nav-item .nav-link:hover {text-decoration: underline;}
  #mainNav .navbar-nav .nav-item:last-child .nav-link {padding-right: 0;}
  #mainNav.navbar-shrink {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #fff;}
  #mainNav.navbar-shrink .navbar-brand {color: #212529;}
  #mainNav.navbar-shrink .navbar-brand:hover {color: #1E295F;}
  #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {color: #212529;}
  #mainNav.navbar-shrink .navbar-nav .nav-item .nav-link:hover {color: #1E295F;}
}

header.masthead {overflow: hidden; position: relative;
  padding-top: 71px;
  /* background: linear-gradient(to bottom, rgba(33, 37, 41, 0.8) 0%, rgba(33, 37, 41, 0.8) 100%), url("../img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover; */
}
header.masthead:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.5);}
header.masthead video {display: none;}
header.masthead .poster-img {display: block; width: 100%;}
header.masthead .about-inner {position: relative; width: 100%; height: 100%;}
header.masthead .about-inner .text { display: flex; flex-direction: column; position: absolute; top: 0; right: 0; width: 100%; z-index: 2; }
header.masthead .visual-wrap {height: 100%;}
header.masthead h1, header.masthead .h1 {font-size: 1.9rem;}
header.masthead .move-btn {color: #fff; background: #4d8f24;}
header.masthead .move-btn:hover {opacity: 0.9;}

@media (min-width: 992px) {
  header.masthead {height: 100vh; padding-top: 87px; padding-bottom: 0;}
	header.masthead video {display: block; min-height: 100%; min-width: 100%;}
header.masthead .poster-img {display: none;}
  header.masthead p {font-size: 1.15rem;}
  header.masthead h1, 
	header.masthead .h1 {font-size: 3rem;}
}
@media (min-width: 1200px) {
  header.masthead h1, 
	header.masthead .h1 {font-size: 3.5rem;}
}

.section {padding: 4rem 0;}

.biz {background: #4d8f24;}
.biz .text {color: #fff;}

.partner-list {display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 50px; padding-left: 0;}
.partner-list li {display: flex; justify-content: center; align-items: center; width: calc(50% - 8px); border: 1px solid #ddd; border-radius: 4px; padding: 5px;}
.partner-list li img {max-width: 100%;}
@media (min-width: 992px) {
	.partner-list li {width: 200px; height: 100px; padding: 10px;}
	.partner-list {margin-top: 100px;}
}