@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
.cover {
  position: relative;
}

.cover .bg {
  background-image: url('/company/comp_img.jpg');
  filter: opacity(.6) drop-shadow(0 0 0 rgb(0, 0, 0));
  width: 100%;
  height: 30vh;
  background-size: cover;
  background-position: 20% 25%;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cover .bg > h1 {

  color: white;
  font-family: 'Pretendard Variable';
  font-size: 2em;
  font-weight: 700;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}
.outer {
  font-family: 'Pretendard Variable';
  font-size: 1.1em;
  font-weight: 300;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-bottom: 0.09em solid gray;
}
.outer .ci {
  max-width: 120px;
  width: 20%;
  height: 100%;
  display: flex;
  align-items: center; /* This vertically aligns the text */
  justify-content: center;
}
.outer .tree {
  max-width: 120px;
  width: 20%;
  height: 100%;
  display: flex;
  align-items: center; /* This vertically aligns the text */
  justify-content: center;
}

.outer .ci a,
.outer .tree a {
  text-decoration: none;
  color: black;
}

@media all and (max-width:479px) {
  .cover .cintro {
    font-size: 1.5em;
  }
}