@charset "utf-8";

#wrap {
  width: 100%;
  min-width: 320px;
  position: relative;
  margin: 0 auto;
}

#header {
  width: 100%;
  position: relative;
  margin: 0 auto;
  transition: transform 0.3s;
  will-change: transform;
}
.header-main{
  width: 100%;
}
.header {
  width: 100%;
  transition: transform 0.3s;
  will-change: transform;
}

#container {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.inner {
  max-width: 1620px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.inner-1440{
  max-width: 1440px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.inner-1200{
  max-width: 1200px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.inner-1200{
  max-width: 1200px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}

#footer {
  width: 100%;
  clear: both;
  position: relative;
  margin: 0 auto;
  /* z-index: 999; */
}
.f-logo{
  width: 144px;
}

.footer .col-right > a{
  display: block;
margin-top: 20px;
text-align: right;
color: #FFF;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 18px */
letter-spacing: -0.09px;
}



/* 반응형 */
@media all and (max-width: 1600px) {
  .inner{   
     padding: 0 20px;
  }
}
@media all and (max-width: 1500px) {
  .inner-1200,
  .inner-1440{
    padding: 0 20px;
  }
  .mbanner-area .inner-1440 {
    padding: 108px 20px;
  }
}


@media all and (min-width: 1199px) {
  .header:hover .header-main {
    background-color: var(--white);
  }
}