/* =====================================26-03-18 시작===================================== */
.header_label_50th {
  height: 100%;
  background-color: #E60000;
  display: flex;
  justify-content: space-between;
}

.header_label_50th .header_label_inner {
  display: flex;
  align-items: center;
}

.header_label_50th .header_label_inner p {
  color: #ffffff;
}

.header_label_50th::before,
.header_label_50th::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
}


/* 헤더 반응형 해결  */
@media (max-width:1320px) {
  .header_right #open_offcanvas {
    display: block !important;
  }
}

.header_nav .main-menu {white-space: nowrap;}

.offcanvas__left{
  padding-left: 20px;
}
.offcanvas__left .offcanvas__logo *{
  transition: none;
}
.offcanvas__mid .menu-text{
  white-space: nowrap;
}

@media (min-width:991px) {
    .offcanvas__body {
    margin-top: 75px;
  }
}

@media (min-width:767px) and (max-width: 991px) {
  .offcanvas__body {
    margin-top: 75px;
  }

  .offcanvas__left .offcanvas__logo {
    display: none !important;
  }

  .offcanvas__mid {
    padding: 0 !important;
  }
}

#brand-flim {
  overflow-y: hidden;
}

/* =========================================
   모바일 기준 (766px 이하)
   ========================================= */
@media (max-width: 766px) {

  /* Layout & Section */
  .header_area {
    height: calc(13.8vw + 38px);
  }

  .header_inner {
    height: auto;
  }

  .section01 {
    background-position: center calc(13.8vw + 38px), center bottom;
  }

  /* Header Label */
  .header_label_50th {
    max-height: 38px;
  }

  .header_label_50th::before {
    width: 38px;
    height: 38px;
    background-image: url('../imgs/header-label-50th-left-38w.png');
  }

  .header_label_50th::after {
    width: 38px;
    height: 38px;
    background-image: url('../imgs/header-label-50th-right-38w.png');
  }

  /* Text Elements */
  .header_label_50th .header_label_inner p {
    font-size: 15px;
  }

  .header_label_50th .header_label_inner .header_label_txt_pc {
    display: none;
  }
}


/* =========================================
   데스크탑 기준 (767px 이상)
   ========================================= */
@media (min-width: 767px) {

  /* Layout & Section */
  .section00 {
    height: calc(25vh + 52px);
    padding-top: 52px;
  }

  /* Header Label */
  .header_label_50th {
    max-height: 52px;
  }

  .header_label_50th::before {
    width: 69px;
    height: 52px;
    background-image: url('../imgs/header-label-50th-left-69w.png');
  }

  .header_label_50th::after {
    width: 69px;
    height: 52px;
    background-image: url('../imgs/header-label-50th-right-69w.png');
  }

  /* Text Elements */
  .header_label_50th .header_label_inner p {
    font-size: 18px;
  }

  .header_label_50th .header_label_inner .header_label_txt_mobile {
    display: none;
  }
}
/* =====================================26-03-18 끝===================================== */