@media (max-width: 1919px) {
   .s-Arrows {
      /*    float: right;*/
      float: right;
      position: relative;
      z-index: 9999999;
      top: 0;
      margin-top: -105px;
      margin-right: 390px;
   }
}

@media (max-width: 1072px) {
   .step00 {
      width: 140px;
      height: 140px;
   }

   .distribution .step > div:nth-child(2n-1) {
      width: auto;
      /* min-width: 160px; */
   }
}

@media (max-width: 992px) {
   .step00 {
      width: 110px;
      height: 110px;
      margin-top: 25px;
   }

   .distribution .step .text h3 {
      margin-top: 0px;
      font-size: 14px;
   }

   .distribution .step .text h4 {
      margin-top: 0px;
      font-size: 12px;
   }

   .swiper-button-next,
   .swiper-button-prev {
      display: none;
   }

   #header_wrap.top_menu_06 {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   }

   /*    head */
   #index_swiper.swiper-container .swiper-content {
      top: 60%;
      transform: translateY(-50%);
   }

   #index_swiper.swiper-container .swiper-content h1 {
      font-size: 7vh;
   }

   #index_swiper.swiper-container .swiper-content p {
      font-size: 2vh;
   }

   #index_swiper.swiper-container .swiper-content a.btn-default {
      color: #fff;
      font-family: "Roboto";
      font-weight: 400;
      font-size: 15px;
      line-height: 1px;
      text-align: center;
      padding: 20px 30px;
      border-radius: 3em;
      display: inline-block;
      border: 1px #fff solid;
      background-color: transparent;
      background-image: none;
   }

   .index-content .title_wrap h2 {
      font-size: 32px;
   }

   .index-content .section-01 .content {
      padding-top: 40px;
      padding-bottom: 40px;
   }

   .index-content .section-01 .title-wrap {
      padding-left: 15px;
      padding-right: 15px;
   }

   .index-content .section-01 .title-wrap h2 {
      font-size: 32px;
      line-height: 42px;
      font-weight: 700;
      /* color: #fff; */
      font-family: "Open Sans", sans-serif;
   }

   .index-content .section-01 .title-wrap .line {
      width: 20px;
      height: 1px;
      /* background-color: #fff; */
      margin-top: 15px;
      margin-bottom: 30px;
   }

   .index-content .section-01 .title-wrap p {
      font-size: 16px;
      /* color: #fff; */
      line-height: 24px;
      margin-bottom: 30px;
   }

   .index-content .section-01 .title-wrap p br {
      display: none;
   }

   .index-content .section-01 .bt_lnk {
      color: #fff;
      background-color: #000;
      font-size: 13px;
   }

   .index-content .section-02 {
      margin-top: 40px;
   }

   .index-content .section-02 .content {
      margin-top: 0px;
      /* margin-top: 40px; */
   }

   .index-content .section-02 .content .container {
      padding-left: 0px;
      padding-right: 0px;
   }

   .index-content .section-02 .content .SlickCarousel {
      margin-top: 0;
   }

   .index-content .section-02 .text-box {
      padding-top: 15px;
      padding-right: 15px;
      padding-left: 15px;
      text-align: center;
   }

   .index-content .section-02 .text-box h2 {
      font-size: 32px;
      font-weight: 600;
      color: #000;
      font-family: "Ubuntu", sans-serif;
   }

   .index-content .section-02 .text-box .line {
      width: 60px;
      height: 1px;
      background-color: #000;
      margin-top: 10px;
      margin: 0 auto;
   }

   .index-content .section-02 .text-box p.text {
      font-size: 15px;
      margin-top: 15px;
      margin-bottom: 12px;
      font-family: "Nanum Barun Gothic", sans-serif;
      line-height: 28px;
   }

   /*    카우셀 */
   .index-content .section-02 .box_wrap .title {
      float: left;
      position: absolute;
      z-index: 2;
      width: 100%;
      right: 0;
      padding-left: 60px;
      padding-right: 60px;
      padding-top: 0;
      padding-bottom: 0;
      background-color: transparent;
      z-index: 2;
      display: block;
      margin-top: 0;
      bottom: 0;
      padding-bottom: 15px;
      padding-top: 0;
      height: auto;
      /* max-height: 109px; */
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: right;
   }

   .index-content .section-02 .img_wrap {
      width: 100%;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      height: 100%;
      background-size: cover;
   }

   .index-content .section-02 .box_wrap .title h2 {
      font-size: 32px;
      font-weight: 700;
      color: #fff;
      opacity: 1;
      font-family: "Open Sans", sans-serif;
   }

   .index-content .section-02 .box_wrap .title .line {
      width: 20px;
      height: 1px;
      background-color: #fff;
      margin-right: 0;
      margin-left: auto;
      margin-top: 15px;
      margin-bottom: 30px;
   }

   .index-content .section-02 .box_wrap .title p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      color: #fff;
      margin-top: 0px;
      margin-bottom: 30px;
      display: inline-block;
      width: 100%;
      /*
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      */
   }

   .index-content .section-02 .ProductBlock {
      /* min-height: 70vmin; */
      /* min-height: 48vmin; */
      min-height: 50vmin;
      height: 360px;
   }

   .index-content .section-02 .ProductBlock.sick-li-01,
   .index-content .section-02 .ProductBlock.sick-li-02,
   .index-content .section-02 .ProductBlock.sick-li-03,
   .index-content .section-02 .ProductBlock.sick-li-04 {
      /* background-size: cover; */
   }

   .s-Arrows {
      /*    float: right;*/
      float: none;
      position: absolute;
      z-index: 999999999999999999999999999999999999999999999999999999999999999999;
      top: 50%;
      margin-top: 0;
      margin-right: 0;
      /* display: none; */
   }

   .slick-dots {
      display: block !important;
      bottom: -35px;
   }

   .slick-dots li {
      position: relative;
      display: inline-block;
      width: 15px;
      height: 15px;
      margin: 0 4px;
      padding: 0;
      cursor: pointer;
   }

   .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 15px;
      height: 15px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
   }

   .slick-dots li button:before {
      font-family: "slick";
      font-size: 15px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 15px;
      content: "•";
      text-align: center;
      opacity: 0.25;
      color: black;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }

   .index-content .section-03 {
      /* margin-top: 80px; */
   }

   .index-content .section-03 .title_wrap {
      padding-top: 40px;
      text-align: center;
   }

   .index-content .section-03 .title_wrap h2 {
      font-size: 32px;
      font-weight: 600;
      color: #fff;
      font-family: "Ubuntu", sans-serif;
      margin-bottom: 10px;
      line-height: 62px;
   }

   .index-content .section-03 .title_wrap .line {
      /* display: none; */
   }

   .index-content .section-03 .title_wrap p {
      font-size: 15px;
      margin-top: 12px;
      margin-bottom: 35px;
      font-family: "Nanum Barun Gothic", sans-serif;
      line-height: 28px;
   }

   .index-content .section-03 .content {
      margin-top: 0;
   }

   .index-content .section-05 {
      margin-top: 60px;
   }

   .index-content .section-05 .title_wrap h2 {
      margin-bottom: 0;
   }

   .index-content .section-05 .title_wrap p {
      font-size: 18px;
      margin-top: 12px;
      margin-bottom: 12px;
      font-family: "Nanum Barun Gothic", sans-serif;
      line-height: 28px;
   }

   .index-content .section-04 {
      position: relative;
      /* margin-top: 70px; */
   }

   .index-content .section-04 .box_wrap h4 {
      font-size: 15px;
      font-weight: 900;
      position: relative;
      color: #fff;
      margin-bottom: 35px;
   }

   .index-content .section-04 .box_wrap h4:before {
      height: 4px;
      background-color: #fff;
      width: 57px;
      position: absolute;
      content: "";
      margin-top: 25px;
   }

   .index-content .section-04 .box_wrap p {
      font-size: 32px;
      font-weight: 400;
      color: #fff;
      line-height: 62px;
      margin-bottom: 18px;
   }

   .index-content .section-09 .title_wrap h3 {
      font-size: 32px;
      font-weight: 600;
      color: #fff;
      line-height: 62px;
      margin-bottom: 18px;
      /* text-shadow: 50px 5px 150px darkgray, -50px 5px 150px darkgray, 50px -5px 150px darkgray, -50px -5px 150px darkgray; */
   }

   .index-content .section-04 .bt_basic_lnk {
      display: inline-block;
      width: auto;
      /* height: 100%; */
      box-sizing: border-box;
      border: 1px solid #fff;
      background-color: transparent;
      text-decoration: none;
      /* width: 180px; */
      padding: 12px 20px 12px;
      color: #fff;
      text-transform: uppercase;
      /* position: relative; */
      z-index: 0;
      font-size: 15px;
      letter-spacing: 0;
      font-family: "Open Sans", sans-serif;
   }

   #sub_content .page-header {
      margin-top: 40px;
      /*    padding-bottom: 30px;*/
      text-align: center;
      clear: both;
      border-bottom: 0;
      margin-bottom: 30px;
   }

   #sub_content .page-header h1 {
      font-size: 24px;
      color: #272727;
      font-weight: 900;
      display: inline-block;
      padding-bottom: 10px;
      margin-bottom: 0;
      background: url("../../img/sub/header-line.png") repeat-x left bottom;
      text-transform: capitalize;
   }

   #sub_content .page-header .line {
      border-bottom: 1px #fc7d11 solid;
      width: 70px;
      /*    width: 100%;*/
      text-align: center;
      margin: 0 auto;
      padding-bottom: 15px;
      /*    display: none;*/
   }

   .footer .footer-menu {
      padding-top: 25px;
      padding-bottom: 20px;
      /* background-color: #13161b; */
      background-color: rgba(3, 18, 5, 1);
      border-bottom: 1px #1f2226 solid;
   }

   .footer .footer-menu ul {
      padding-top: 18px;
      padding-bottom: 12px;
   }

   .footer .footer-menu ul li:before {
      color: #464646;
   }

   .footer .footer-menu ul li a {
      font-size: 13px;
      font-weight: 400;
      color: #f8f8f9;
      font-family: "Nanum Barun Gothic", sans-serif;
   }
}

@media (max-width: 768px) {
   .step00 {
      width: 160px;
      height: 160px;
      margin-top: 0px;
   }

   .distribution .step {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
      margin-bottom: 90px;
      flex-wrap: wrap;
   }

   .arrow {
      position: absolute;
      top: 80px;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 120px;
      background-color: #999999;
      z-index: -1;
      height: 80%;
   }

   .arrow2 {
      position: absolute;
      top: 80px;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 120px;
      background-color: #999;
      z-index: -1;
      height: 80%;
   }

   .arrow::after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      border-top: 7em solid;
      border-right: 11em solid transparent;
      border-bottom: 0em solid transparent;
      border-left: 11em solid transparent;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      color: #999999;
   }

   .arrow2::after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      border-top: 7em solid;
      border-right: 11em solid transparent;
      border-bottom: 0em solid transparent;
      border-left: 11em solid transparent;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      color: #999;
   }

   .distribution .step .text {
      text-align: center;
      color: #000;
      margin-top: 0px;
   }

   .distribution .step .circle h3 {
      text-align: center;
      font-size: 18px;
      margin: 20px 0 0 0;
      line-height: 25px;
      height: auto;
      color: #000;
   }

   .distribution .step .circle h3 br {
      display: none;
   }

   .distribution .step > div:nth-child(2n-1) {
      width: auto;
      min-width: 160px;
   }

   .distribution .step .text h3 {
      margin-top: 0px;
      font-size: 18px;
      display: inline-block;
   }

   .distribution .step .text h4 {
      display: inline-block;
      margin-bottom: 18px;
   }

   .distribution .step .circle h3.b90000 {
      color: #000480;
   }

   @-webkit-keyframes arrowright {
      0% {
         height: 0;
         opacity: 0;
      }

      to {
         height: 60%;
         opacity: 1;
      }
   }

   @keyframes arrowright {
      0% {
         height: 0;
         opacity: 0;
      }

      to {
         height: 60%;
         opacity: 1;
      }
   }

   .arrowright {
      -webkit-animation-name: arrowright;
      animation-name: arrowright;
   }

   @-webkit-keyframes arrowright2 {
      0% {
         height: 0;
         opacity: 0;
      }

      to {
         height: 70%;
         opacity: 1;
      }
   }

   @keyframes arrowright2 {
      0% {
         height: 0;
         opacity: 0;
      }

      to {
         height: 70%;
         opacity: 1;
      }
   }

   .arrowright2 {
      -webkit-animation-name: arrowright2;
      animation-name: arrowright2;
   }

   .section-06 .product_wrap h3 {
      opacity: 1;
      width: 100%;
      margin: 20px 0 0 0px;
   }

   .section-06 .product_wrap .productsview {
      opacity: 1;
   }

   /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   #index_swiper.swiper-container .swiper-content {
      text-align: center !important;
      zoom: 0.75;
   }

   #index_swiper.swiper-container .swiper-content h1 {
      font-size: 32px;
      text-align: center !important;
   }

   #index_swiper.swiper-container .swiper-content h2 {
      color: #fff;
      font-size: 40px;
      font-weight: 900;
      font-family: "Roboto", "Noto Sans KR", Tahoma, Geneva, sans-serif;
      text-align: center;
   }

   #index_swiper.swiper-container .swiper-content .line {
      margin: 20px auto !important;
      text-align: center;
   }

   #index_swiper.swiper-container .swiper-content p {
      font-size: 15px;
      text-align: center !important;
      line-height: 24px;
      margin-bottom: 4px;
   }

   #index_swiper.swiper-container .swiper-content .btn_wrap {
      margin: 0 auto;
      text-align: center;
   }

   #index_swiper.swiper-container .swiper-content a.btn-default {
      color: #fff;
      font-family: "Roboto";
      font-weight: 400;
      font-size: 15px;
      line-height: 1px;
      text-align: center;
      padding: 20px 60px;
      display: inline-block;
      border: 1px #fff solid;
      background-color: transparent;
      background-image: none;
      margin: 0 auto !important;
      text-align: center !important;
      border-radius: 0;
   }

   .swiper-button-next,
   .swiper-button-prev {
      display: none;
   }

   .swiper-pagination {
      display: block;
   }

   .sub_three_map_wrap.sticky .sub_three_nav ul li a,
   .sub_three_map_wrap.sticky .sub_three_nav ul li a:visited {
      font-size: 14px;
      line-height: 20px;
   }

   .footer .footer-menu ul {
      margin: 0 auto;
      text-align: center;
   }
}

@media (max-width: 480px) {
   .index-content .section-04 .youtube {
      margin-left: 0;
      margin-top: 0;
      text-align: center;
      margin: 0 auto;
      width: 320px;
      height: 210px;
   }

   .index-content .section-04 .youtube img {
      width: 320px;
      height: 210px;
   }

   .index-content .section-04 .youtube .bg {
      width: 320px;
      height: 210px;
   }

   .index-content .section-04 .box_wrap .content_wrap {
      text-align: center;
      margin: 0 auto;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
   }

   .index-content .section-04 .btn.white {
      /*        width: 320px;*/
      margin: 0 auto;
   }
}