html,
body {
   height: 100%;
}
/* etc */
html {
   overflow-x: hidden;
}
.row-offcanvas {
   height: 100%;
}
a {
   color: #000;
}
h1 {
   margin-top: 0;
}
hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border: 1px solid #b90000;
   display: block;
}
.depth2 .member a {
   color: #00453f !important;
}

@media (max-width: 1279px) {
}
@media (max-width: 768px) {
   .container {
      padding-left: 10px;
   }
}
.js-parallax {
   background-position: 50% 0;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   padding-top: 30px;
   padding-bottom: 70px;
}
/* header */
#header_wrap {
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1000;
   width: 100%;
   transition:
      0.2s height,
      0.2s background;
}
.videobanner {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
}

.imagevideo2 {
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(../../img/pluspartners.png);
   top: 0;
   left: 0;
   background-size: cover;
}
.videobanner2 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: 100%;
}
.margin-bottom-60 {
   margin-bottom: 60px;
}
.margin-bottom-100 {
   margin-bottom: 100px;
}
/* stikey *************************************************/
#header_wrap.sticky {
   overflow: hidden;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 1000;
   width: 100%;
   transition:
      0.2s height,
      0.5s background;
   background-color: rgba(250, 250, 250, 1) !important;
}
/* slick slide */
.slick-slide .image {
   padding: 0px;
   height: 230px;
   overflow: hidden;
   margin: 10px;
   border: 5px solid #fff;
}
.infoimg00 {
   background-image: url(../../img/main/main0807_1.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg100 {
   background-image: url(../../img/main/main0807_4.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg01 {
   background-image: url(../../img/main/company-info-00.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg02 {
   background-image: url(../../img/main/company-info-01.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg03 {
   background-image: url(../../img/main/IMG_0007.JPG);
   background-size: cover;
}
.infoimg04 {
   background-image: url(../../img/main/company-info-03.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg05 {
   background-image: url(../../img/main/IMG_0031.JPG);
   background-size: cover;
   background-position: center;
}
.infoimg06 {
   background-image: url(../../img/main/company-info-05.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg07 {
   background-image: url(../../img/main/IMG_0020.JPG);
   background-size: cover;
   background-position: center;
}
.infoimg08 {
   background-image: url(../../img/main/company-info-07.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg09 {
   background-image: url(../../img/main/company-info-08.jpg);
   background-size: cover;
   background-position: center;
}
.infoimg10 {
   background-image: url(../../img/main/company-info-09.jpg);
   background-size: cover;
   background-position: center;
}
.click {
   position: absolute;
   top: 74%;
   left: 58%;
   font-size: 40px;
   transform: rotate(-12deg);
   font-family: "Gloria Hallelujah", cursive;
   animation: fadeIn 2.15s ease-out 0s infinite;
   color: orangered;
}
.click2 {
   position: absolute;
   top: -38%;
   left: -121%;
   font-size: 24px;
   transform: rotate(-17deg);
   font-family: "Gloria Hallelujah", cursive;
}
.arrow3 {
   position: absolute;
   top: 45%;
   left: 48%;
   background-image: url(../../img/click.png);
   /* background-image: url(../../img/arrows.png); */
   width: 90px;
   height: 40px;
   z-index: 1;
   background-position: 60% 51%;
   transform: rotate(-37deg);
   background-size: 350%;
}
.slick-slide .text {
   padding: 0px 10px 0px 20px;
   font-size: 16px;
   color: #545454;
}
.company_01 .message {
   text-align: right;
}
.company_01 .row {
   line-height: 40px;
}
.blinking3 {
   -webkit-animation: blink 0.3s ease-in-out infinite alternate;
   -moz-animation: blink 0.3s ease-in-out infinite alternate;
   animation: blink 0.3s ease-in-out infinite alternate;
}
.blinking3_2 {
   -webkit-animation: blink2 0.3s ease-in-out infinite alternate;
   -moz-animation: blink2 0.3s ease-in-out infinite alternate;
   animation: blink2 0.3s infinite alternate;
}
.blinking5 {
   -webkit-animation: blink 0.5s ease-in-out infinite alternate;
   -moz-animation: blink 0.5s ease-in-out infinite alternate;
   animation: blink 0.5s infinite alternate;
}
.blinking5_2 {
   -webkit-animation: blink2 0.5s ease-in-out infinite alternate;
   -moz-animation: blink2 0.5s ease-in-out infinite alternate;
   animation: blink2 0.5s infinite alternate;
}
.blinking7 {
   -webkit-animation: blink 0.7s ease-in-out infinite alternate;
   -moz-animation: blink 0.7s ease-in-out infinite alternate;
   animation: blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
   0% {
      opacity: 0.4;
   }
   100% {
      opacity: 1;
   }
}
@-moz-keyframes blink {
   0% {
      opacity: 0.4;
   }
   100% {
      opacity: 1;
   }
}
@keyframes blink {
   0% {
      opacity: 0.4;
   }
   100% {
      opacity: 1;
   }
}
@-webkit-keyframes blink2 {
   0% {
      opacity: 0.6;
   }
   100% {
      opacity: 1;
   }
}
@-moz-keyframes blink2 {
   0% {
      opacity: 0.6;
   }
   100% {
      opacity: 1;
   }
}
@keyframes blink2 {
   0% {
      opacity: 0.6;
   }
   100% {
      opacity: 1;
   }
}
/* company-info2  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.company-info2 .slick-slide .image {
   padding: 0px;
   height: 80vh;
   max-height: 300px;
   overflow: hidden;
   margin: 10px;
   border: 5px solid #f2f4f5;
   box-shadow: 3px 3px 5px rgb(0 0 0 / 35%);
}
@media (max-width: 767px) {
   .company-info2 .slick-slide .image {
      padding: 0px;
      height: 80vh;
      max-height: 350px;
      overflow: hidden;
      margin: 10px;
      border: 5px solid #f2f4f5;
      box-shadow: 3px 3px 5px rgb(0 0 0 / 35%);
   }
}
.company-info2 .slick-prev {
   left: 28px;
   z-index: 1;
   top: 50%;
}
.company-info2 .slick-next {
   right: 28px;
   z-index: 1;
   top: 50%;
}
.company-info2 a div {
   /* position: relative; */
   text-align: center;
}
.company-info2 .slick-slide .text {
   position: absolute;
   bottom: 10px;
   left: 20px;
   color: #fff;
   text-shadow: 1px 1px 2px black;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.distribution .wrapbox {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
   flex-wrap: wrap;
   margin: 60px 0 40px 0;
}
.distribution .wrapbox .wrap {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   flex-wrap: wrap;
   margin: 20px 0px;
}
.distribution .wrapbox .wrap > div {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 30px;
   border: 1px solid #ddd;
   width: 100%;
   max-width: 400px;
   min-width: 360px;
   height: 140px;
   margin-top: -1px;
   color: rgba(255, 255, 255, 1);
}
.distribution .wrapbox .wrap .title {
   background-color: rgba(187, 38, 42, 1);
   height: 80px;
   z-index: 1;
}
.distribution .wrapbox .wrap .title.food {
   background-color: rgba(50, 80, 252, 1);
   height: 80px;
   z-index: 1;
}
.distribution .wrapbox .wrap .title h3 {
   margin: 0px;
}
.distribution .wrapbox .wrap .content {
   background-color: rgba(85, 85, 85, 1);
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   position: relative;
   text-align: right;
}
.distribution .wrapbox .wrap .content.food {
   background-color: rgba(85, 85, 85, 0.8);
   height: 280px;
   position: relative;
}
.distribution .wrapbox .wrap .content.food .marginup {
   position: absolute;
   top: 35px;
   left: 117px;
   transform: rotate(-10deg);
   color: #fff;
   background: orangered;
   font-size: 17px;
   line-height: 1.5;
   padding: 0.75rem 2.5rem;
   border-radius: 2px;
}
.distribution .wrapbox .wrap .content::after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   border-top: 0.8em solid;
   border-right: 1em solid transparent;
   border-bottom: 0;
   border-left: 1em solid transparent;
   z-index: 1;
}
.distribution .wrapbox .wrap .content:last-child::after {
   display: none;
}
.distribution .wrapbox .wrap .content h4 {
   color: rgba(255, 255, 255, 1);
}
.distribution .wrapbox .wrap .content.food h4 {
   color: #fff;
}
.distribution .wrapbox .wrap .content h5 {
   color: rgba(255, 255, 255, 0.7);
}
.distribution .wrapbox .wrap .content .image img {
   width: 70%;
}
.distribution .wrapbox .wrap .content .text {
   width: 100%;
}
.distribution .wrapbox .wrap .content:nth-child(3) {
   z-index: -1;
}
.distribution .wrapbox .wrap .content:nth-child(4) {
   z-index: -2;
}
.distribution .wrapbox .wrap .content:nth-child(5) {
   z-index: -3;
}
.distribution .lasttitle p {
   font-size: 18px;
   margin: 20px 0;
   background: rgb(17, 44, 82);
   color: #fff;
   line-height: 1.5;
   padding: 0.75rem 6.5rem 0.75rem 3.5rem;
   border-radius: 3px;
   text-align: left;
}
.distribution .lasttitle {
   margin: 0px 12px;
}
.distribution .wrap1 {
   position: relative;
   margin-top: 100px;
   text-align: center;
}
.distribution .wrap1 .title {
   font-size: 24px;
   color: #f9f9f9;
   background-color: #6b6b6b;
   display: inline-block;
   padding: 6px;
   border: 1px solid #555;
   border-radius: 6px;
   width: 340px;
}
.distribution .wrap1 .title.new {
   font-size: 24px;
   color: #f9f9f9;
   background-color: #bb262a;
   display: inline-block;
   padding: 6px;
   border: 1px solid #bb262a;
   border-radius: 6px;
   width: 340px;
}
.distribution .wrap1 .title.food {
   font-size: 24px;
   color: #f9f9f9;
   background-color: #163b4e;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 6px;
}
.distribution .wrap1 .title.food.new {
   font-size: 24px;
   color: #f9f9f9;
   background-color: #3250fc;
   display: inline-block;
   border: 1px solid #3250fc;
   border-radius: 6px;
}
.distribution .wrap1 .lasttitle p {
   font-size: 16px;
   margin: 20px;
   background: rgba(170, 223, 251, 0.3);
   color: #000;
   line-height: 1.5;
   padding: 0.75rem 2.5rem;
   margin-left: 16px;
   display: inline-block;
   border-radius: 3px;
   font-weight: bold;
   box-shadow: 1px 1px 6px black;
   opacity: 0;
}
.distribution .step {
   display: flex;
   flex-direction: row;
   /* align-items: center; */
   justify-content: space-between;
   margin: 70px 60px 0px;
   flex-wrap: wrap;
   position: relative;
}
.distribution .step .circle {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   opacity: 0;
}
.distribution .step .circle h3 {
   text-align: center;
   font-size: 16px;
   margin: 20px 0;
   line-height: 25px;
   height: 50px;
   font-weight: 900;
}
.distribution .step .circle h3.b90000,
.distribution .step .circle h3.b900002 {
   color: #b90000;
}
.distribution .step .stage {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.distribution .step > div:nth-child(2n-1) {
   width: 180px;
}
.distribution .step .text {
   text-align: center;
   color: #fff;
   margin-top: 64px;
}
.distribution .step .text h3 {
   margin-top: 0px;
   font-size: 18px;
}
.distribution .step .text .fas {
   font-size: 50px;
}
.ball img {
   width: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.ball {
   display: inline-block;
   width: 100%;
   height: 100%;
   margin: 0;
   border-radius: 50%;
   position: relative;
   background: radial-gradient(
      circle at 50% 120%,
      #323232,
      #0a0a0a 80%,
      #000000 100%
   );
}
.ball.yellow {
   display: inline-block;
   width: 100%;
   height: 100%;
   margin: 0;
   border-radius: 50%;
   position: relative;
   background: radial-gradient(
      circle at 60% 90%,
      #986600,
      #ffab00 80%,
      #ffd277 100%
   );
}
.ball.blue {
   display: inline-block;
   width: 100%;
   height: 100%;
   margin: 0;
   border-radius: 50%;
   position: relative;
   background: radial-gradient(
      circle at 50% 120%,
      #0803ff,
      #0400c1 80%,
      #020071 100%
   );
}
.ball.green {
   display: inline-block;
   width: 100%;
   height: 100%;
   margin: 0;
   border-radius: 50%;
   position: relative;
   background: radial-gradient(
      circle at 61% 92%,
      #00100e,
      #008c7b 80%,
      #008477 100%
   );
}
.ball.red {
   display: inline-block;
   width: 100%;
   height: 100%;
   margin: 0;
   border-radius: 50%;
   position: relative;
   background: radial-gradient(
      circle at 61% 92%,
      #3d0000,
      #860000 80%,
      #b50000 100%
   );
}
.ball:before {
   content: "";
   position: absolute;
   background: radial-gradient(
      circle at 50% 120%,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0) 70%
   );
   border-radius: 50%;
   bottom: 2.5%;
   left: 5%;
   opacity: 0.6;
   height: 100%;
   width: 90%;
   -webkit-filter: blur(5px);
   z-index: 2;
}
.ball:after {
   width: 100%;
   height: 100%;
   content: "";
   position: absolute;
   top: 25%;
   left: 25%;
   border-radius: 50%;
   background: radial-gradient(
      circle at 50% 50%,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.8) 14%,
      rgba(255, 255, 255, 0) 24%
   );
   -webkit-transform: translateX(-80px) translateY(-90px) skewX(-20deg);
   -moz-transform: translateX(-80px) translateY(-90px) skewX(-20deg);
   -ms-transform: translateX(-80px) translateY(-90px) skewX(-20deg);
   -o-transform: translateX(-80px) translateY(-90px) skewX(-20deg);
   transform: translateX(-80px) translateY(-90px) skewX(-20deg);
   -webkit-filter: blur(10px);
}
.ball .number {
   width: 35%;
   height: 35%;
   margin: 30%;
   background: white;
   border-radius: 50%;
   -webkit-transform: translateX(68px) translateY(-60px) skewX(15deg)
      skewY(2deg);
   -moz-transform: translateX(68px) translateY(-60px) skewX(15deg) skewY(2deg);
   -ms-transform: translateX(68px) translateY(-60px) skewX(15deg) skewY(2deg);
   -o-transform: translateX(68px) translateY(-60px) skewX(15deg) skewY(2deg);
   transform: translateX(68px) translateY(-60px) skewX(15deg) skewY(2deg);
   position: absolute;
   left: -30px;
   top: 20px;
}
.ball .number.one:before {
   display: block;
   position: absolute;
   text-align: center;
   left: 50%;
   top: 50%;
   color: #545454;
   font-family: Arial;
   font-size: 56px;
   line-height: 104px;
   transform: translate(-50%, -50%);
}
.ball .number.one {
   background: url(../../img/ball01.png);
}
.ball .number.two:before {
   display: block;
   position: absolute;
   text-align: center;
   left: 50%;
   top: 50%;
   color: #545454;
   font-family: Arial;
   font-size: 56px;
   line-height: 104px;
   transform: translate(-50%, -50%);
}
.ball .number.three:before {
   display: block;
   position: absolute;
   text-align: center;
   left: 50%;
   top: 50%;
   color: #545454;
   font-family: Arial;
   font-size: 56px;
   line-height: 104px;
   transform: translate(-50%, -50%);
}
.ball .number.eight:before {
   display: block;
   position: absolute;
   text-align: center;
   left: 50%;
   top: 50%;
   color: #545454;
   font-family: Arial;
   font-size: 56px;
   line-height: 104px;
   transform: translate(-50%, -50%);
}
.ball .shadow {
   position: absolute;
   left: 25%;
   width: 100%;
   height: 100%;
   background: radial-gradient(
      circle at 50% 50%,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.1) 40%,
      rgba(0, 0, 0, 0) 50%
   );
   -webkit-transform: rotateX(90deg) translateZ(-100px);
   -moz-transform: rotateX(90deg) translateZ(-100px);
   -ms-transform: rotateX(90deg) translateZ(-100px);
   -o-transform: rotateX(90deg) translateZ(-100px);
   transform: rotateX(87deg) translateZ(-99px);
   z-index: -1;
}
.stage {
   width: 160px;
   height: 160px;
   display: inline-block;
   -webkit-perspective: 1200px;
   -moz-perspective: 1200px;
   -ms-perspective: 1200px;
   -o-perspective: 1200px;
   perspective: 1200px;
   -webkit-perspective-origin: 50% 50%;
   -moz-perspective-origin: 50% 50%;
   -ms-perspective-origin: 50% 50%;
   -o-perspective-origin: 50% 50%;
   perspective-origin: 50% 50%;
}
.ball2 {
   display: block;
   width: 150px;
   height: 150px;
   margin: 50px auto 0;
   border-radius: 50%;
}
.b1 {
   background-color: rgb(49, 145, 231);
   box-shadow: inset -25px -15px 40px rgba(0, 0, 0, 0.3);
   background-image: linear-gradient(
      -45deg,
      rgba(255, 255, 220, 0.3) 0%,
      transparent 100%
   );
}
.b2 {
   background: radial-gradient(
      circle at 65% 15%,
      white 1px,
      aqua 3%,
      darkblue 60%,
      aqua 100%
   );
}
.arrow {
   position: absolute;
   top: 90px;
   left: 10%;
   transform: translate(0%, -50%);
   height: 80px;
   background-color: #999999;
   z-index: -1;
   width: 75%;
}
.arrow2 {
   position: absolute;
   top: 90px;
   left: 10%;
   transform: translate(0%, -50%);
   height: 80px;
   background-color: #999999;
   z-index: -1;
   width: 75%;
}
.arrow::after {
   content: "";
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   border-top: 5em solid transparent;
   border-right: 0em solid transparent;
   border-bottom: 5em solid transparent;
   border-left: 5em solid;
   position: absolute;
   top: 50%;
   right: -45px;
   transform: translateY(-50%);
   color: #999999;
}
.arrow2::after {
   content: "";
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   border-top: 5em solid transparent;
   border-right: 0em solid transparent;
   border-bottom: 5em solid transparent;
   border-left: 5em solid;
   position: absolute;
   top: 50%;
   right: -45px;
   transform: translateY(-50%);
   color: #999999;
}
.step00 {
   width: 180px;
   height: 180px;
   border-radius: 50%;
   background-repeat: no-repeat;
   background-size: cover;
   box-shadow: 1px 1px 8px black;
}
.step01 {
   background-image: url(../../img/step01.jpg);
}
.step02 {
   background-image: url(../../img/step02.jpg);
}
.step04 {
   background-image: url(../../img/step04.jpg);
}
.step05 {
   background-image: url(../../img/step05.jpg);
}
.step06 {
   background-image: url(../../img/step06.jpg);
}
.step07 {
   background-image: url(../../img/step07.jpg);
}
.step08 {
   background-image: url(../../img/step08.jpg);
}
.newstep01 {
   background-image: url(../../img/newimage1.jpg);
   background-size: cover;
   background-position: 50% 50%;
}
.newstep02 {
   background-image: url(../../img/newimage2.jpg);
   background-size: cover;
   background-position: 50% 50%;
}
.newstep03 {
   background-image: url(../../img/newimage3.jpg);
   background-size: cover;
   background-position: 50% 50%;
}
.newstep04 {
   background-image: url(../../img/newimage4.jpg);
   background-size: cover;
   background-position: 50% 50%;
}
.newstep08 {
   background-image: url(../../img/main/company-info-01.jpg);
   background-size: cover;
   background-position: 50% 50%;
}
.distribution .wrapbox .wrap .content.newstep91 {
   background-image:
      linear-gradient(
         90deg,
         rgba(86, 86, 86, 0) 0%,
         rgba(86, 86, 86, 0.3) 30%,
         rgba(86, 86, 86, 0.9) 60%,
         rgba(86, 86, 86, 1)
      ),
      url(../../img/newimage1.jpg);
   background-size: cover;
   background-position: 32% 50%;
}
.distribution .wrapbox .wrap .content.newstep92 {
   background-image:
      linear-gradient(
         90deg,
         rgba(86, 86, 86, 0) 0%,
         rgba(86, 86, 86, 0.2) 25%,
         rgba(86, 86, 86, 0.9) 85%,
         rgba(86, 86, 86, 1)
      ),
      url(../../img/newimage2.jpg);
   background-size: 85%;
   background-position: -135% 50%;
   background-repeat: no-repeat;
}
.distribution .wrapbox .wrap .content.newstep93 {
   background-image:
      linear-gradient(
         90deg,
         rgba(86, 86, 86, 0) 0%,
         rgba(86, 86, 86, 0.2) 25%,
         rgba(86, 86, 86, 0.9) 85%,
         rgba(86, 86, 86, 1)
      ),
      url(../../img/newimage3.jpg);
   background-size: 85%;
   background-position: -168% 50%;
   background-repeat: no-repeat;
}
.distribution .wrapbox .wrap .content.newstep94 {
   background-image:
      linear-gradient(
         90deg,
         rgba(86, 86, 86, 0) 0%,
         rgba(86, 86, 86, 0.4) 49%,
         rgba(86, 86, 86, 0.8) 80%,
         rgba(86, 86, 86, 1)
      ),
      url(../../img/newimage4.jpg);
   background-size: 120%;
   background-position: 167% 50%;
   background-repeat: no-repeat;
}
.distribution .wrapbox .wrap .content.newstep98 {
   background-image:
      linear-gradient(
         90deg,
         rgba(86, 86, 86, 0) 0%,
         rgba(86, 86, 86, 0.5) 21%,
         rgba(86, 86, 86, 0.9) 84%,
         rgba(86, 86, 86, 1)
      ),
      url(../../img/main/company-info-01.jpg);
   background-size: cover;
   background-position: 110% 75%;
   background-repeat: no-repeat;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
section {
   overflow: hidden;
}
section#bo_v_info {
   overflow: visible;
}
.section-01 .text-box {
   padding: 0px 15px 0px 15px;
}
.company-info {
   padding: 10px 15px 100px;
   opacity: 0;
}
.section-01 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.section-01 .screen-01 {
   background-image: linear-gradient(
      177deg,
      rgba(255, 255, 255, 0) 10%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1.5) 90%,
      rgba(255, 255, 255, 1)
   ) !important;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/* stikey *************************************************/
#header_wrap.top_menu_06 {
   background-color: #fff;
}
.p-r {
   position: relative;
}
.padding-left-100 {
   padding-left: 100px;
}
.padding-right-100 {
   padding-right: 100px;
}
.plussale img {
   margin: 20px 20px 40px 20px;
   max-width: 95%;
}
.plussale span {
   display: block;
}
.plussale .morebox {
   padding: 15px;
   position: relative;
   margin: 10px 0;
   border: 1px solid #dfdfdf;
   border-radius: 5px;
   -webkit-box-shadow: 1px 1px 5px 0px hsl(232deg 36% 96%);
   -moz-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
   box-shadow: 1px 1px 5px 0px hsl(232deg 36% 96%);
}
.plussale .subj {
   font-size: 20px;
   font-weight: bold;
   position: relative;
}
.plussale .subj::before {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: #000;
}
a:focus {
   outline: none;
}
* {
   outline: none;
}
#header_wrap.top_menu_06 h1 {
   display: inline-block;
   width: 154px;
   padding-left: 5px;
   margin-top: 14px;
   margin-bottom: 14px;
}
@media (max-width: 997px) {
   #header_wrap.top_menu_06 h1 {
      margin-top: 19px;
      margin-bottom: 1px;
   }
}
#header_wrap.top_menu_06 h1 a {
   overflow: hidden;
   display: block;
   height: 59px;
   background: url(../../img/main/new_logo_w2.png);
   text-indent: -9999px;
   background-size: contain;
   background-repeat: no-repeat;
}
#header_wrap.top_menu_06.sticky h1 a {
   overflow: hidden;
   display: block;
   height: 59px;
   background: url(../../img/main/new_logo_b2.png);
   text-indent: -9999px;
   background-size: contain;
   background-repeat: no-repeat;
}
#header_wrap.top_menu_06.transparent.full_down.sticky h1 a {
   background: url(../../img/main/new_logo_b2.png);
   background-size: contain;
   background-repeat: no-repeat;
}
#header_wrap.top_menu_06.sub h1 a {
   background: url(../../img/main/top-logo-white.png);
   text-indent: -9999px;
   background-repeat: no-repeat;
   background-size: contain;
}
#header_wrap.top_menu_06 .menu_wrap {
   position: absolute;
   top: 0;
   margin-right: 45px;
   right: 0px;
}
#header_wrap.top_menu_06 .gnb {
   text-align: center;
   background-color: transparent;
}
#header_wrap.top_menu_06 .gnb li {
   float: left;
   width: 134px;
   text-align: left;
}
@media (max-width: 1199px) {
   #header_wrap.top_menu_06 .gnb li {
      width: 120px;
   }
}
#header_wrap.top_menu_06 .gnb a {
   display: inline-block;
   font-weight: 400;
   line-height: 1em;
   color: #eee;
}
#header_wrap.top_menu_06 .gnb:after {
   display: block;
   clear: both;
   content: "";
}
#header_wrap.top_menu_06 .gnb .depth1 {
   position: relative;
}
#header_wrap.top_menu_06 .gnb .depth1 > a {
   padding: 36px 12px;
   font-size: 16px;
   font-weight: 600;
   text-transform: capitalize;
   font-family: "NotoSans", "Lato", "Noto Sans KR", Tahoma, Geneva, sans-serif;
   position: relative;
}
#header_wrap.top_menu_06 .gnb .depth1 > a:before {
   background: linear-gradient(to right, #b06ab3, #4568dc);
   background: -webkit-linear-gradient(to right, #b06ab3, #4568dc);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
   margin-top: 36px;
   content: "";
   height: 3px;
   left: 50%;
   position: absolute;
   width: 0%;
   transition: 0.2s;
   top: 30px;
   color: #4568dc;
}
#header_wrap.top_menu_06 .gnb .depth1 > a:hover::before {
   width: 100%;
   left: 0%;
}
#header_wrap.top_menu_06 .gnb .depth1 > a:hover {
   color: #4568dc;
}
#header_wrap.top_menu_06 .gnb .depth2 {
   display: none;
}
#header_wrap.top_menu_06 .gnb .depth1:hover a::before {
   width: 60%;
   left: 20%;
}
#header_wrap.top_menu_06 .top_right_menu {
   float: right;
   top: 0;
   position: absolute;
   right: 0px;
   margin-top: 30px;
}
@media (max-width: 997px) {
   #header_wrap.top_menu_06 .top_right_menu {
      right: 75px;
      margin-top: 24px;
   }
}
#header_wrap.top_menu_06 .tnb_admin {
   float: right;
   top: 0;
   position: absolute;
   right: 0;
   font-size: 24px;
   text-decoration: none;
   margin-top: 33px;
}
#header_wrap.top_menu_06 .tnb_admin .fa {
   color: #b90000;
}
#header_wrap.top_menu_06 .top_right_menu .btn-white {
   display: inline-block;
   background-color: #fff;
   color: #fff;
   transition: 0.4s;
   border-radius: 12em;
   padding-left: 18px;
   padding-right: 18px;
   font-family: "Open Sans", sans-serif;
   font-size: 13px;
}
#header_wrap.top_menu_06 .top_right_menu .btn-white:hover {
   background-color: #f6f6f6;
}
#header_wrap.top_menu_06.transparent.full_down .top_right_menu .btn-white {
   color: #000;
}
#header_wrap.top_menu_06.transparent.full_down.sticky
   .top_right_menu
   .btn-white {
   color: #fff;
}
/* 투명 */
#header_wrap.top_menu_06.transparent {
   background-color: rgba(3, 18, 5, 0.2);
}
#header_wrap.top_menu_06.transparent .gnb a {
}
#header_wrap.top_menu_06.transparent.sticky .gnb a {
   color: #333;
}
#header_wrap.top_menu_06.transparent .top_right_menu .btn-white {
   display: inline-block;
   background-color: transparent;
   transition: 0.4s;
   border-radius: 12em;
   padding-left: 18px;
   padding-right: 18px;
   font-family: "Open Sans", sans-serif;
   font-size: 13px;
   height: 32px;
}
#header_wrap.full_down {
   height: 347px;
   background-color: rgba(255, 255, 255, 0.9);
   z-index: 1100;
}
#header_wrap.full_down:before {
   position: absolute;
   left: 0;
   top: 97px;
   width: 100%;
   height: 290px;
   border-top: 0;
   content: "";
}
#header_wrap.top_menu_06.full_down h1 a {
   background: url(../../img/main/new_logo_b2.png);
   background-size: contain;
   background-repeat: no-repeat;
}
#header_wrap.top_menu_06.full_down .menu_wrap {
}
#header_wrap.top_menu_06.full_down .menu_wrap .gnb {
   overflow: hidden;
   /*    width: 1140px;*/
   margin: 0 auto;
   text-align: left;
}
#header_wrap.top_menu_06.full_down .menu_wrap .gnb a {
   color: #666;
}
#header_wrap.top_menu_06.full_down .menu_wrap .gnb a:hover,
#header_wrap.top_menu_06.full_down .menu_wrap .gnb a:focus {
   color: #000;
   text-decoration: none;
}
#header_wrap.top_menu_06.full_down.sticky .menu_wrap .gnb a:hover,
#header_wrap.top_menu_06.full_down.sticky .menu_wrap .gnb a:focus {
   /* color: #fff; */
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth1 {
   /* overflow: hidden; */
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth1 > a {
   /* margin-bottom: 10px; */
   color: #000;
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth1 > a:hover,
#header_wrap.top_menu_06.full_down .menu_wrap .depth1 > a:focus {
   color: #000;
   text-decoration: none;
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth2 {
   display: block;
   /* padding-top: 32px; */
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li {
   display: block;
   position: relative;
   transition: all 0.3s;
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li > a {
   font-size: 16px;
   color: #3e3e3e;
   transition: all 0.5s;
   padding: 10px 12px;
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li:hover::before {
   opacity: 1;
}
#header_wrap.top_menu_06.full_down .menu_wrap .depth2 > li:hover {
   background-color: #dcefff;
}
#header_wrap.top_menu_06.full_down.sticky .menu_wrap .depth2 > li > a:hover {
   color: #053c69 !important;
}
#header_wrap.top_menu_06.full_down .top_right_menu .btn-white {
   display: inline-block;
   /* background-color: #545454; */
   /* color: #b90000 !important; */
   transition: 0.4s;
   /* border: 1px #000 solid !important; */
   border-radius: 12em;
   padding-left: 18px;
   padding-right: 18px;
   font-family: "Open Sans", sans-serif;
   font-size: 13px;
}
/* 투명  풀다운  */
#header_wrap.top_menu_06.transparent {
}
#header_wrap.top_menu_06.transparent.full_down {
   /* height: 347px; */
   height: 350px;
   /* background-color: rgba(255, 255, 255, 1); */
   background-color: rgba(250, 250, 250, 1);
   z-index: 1100;
}
#header_wrap.top_menu_06.transparent.full_down:before {
   position: absolute;
   left: 0;
   top: 97px;
   width: 100%;
   height: 290px;
   /* background-color: rgb(255, 255, 255, 1); */
   border-top: 0;
   /*    border-top: 1px #f6f6f6 solid;*/
   content: "";
}
/* 모바일 메뉴 */
.sidebar-offcanvas {
   display: none;
}
.js-offcanvas-btn {
   position: absolute;
   right: 0;
   margin-right: 10px;
   top: 15px;
   background-color: transparent;
   border: 0;
}
@media (max-width: 997px) {
   .menu_wrap {
      display: none;
   }
   .js-offcanvas-btn {
      display: block;
   }
   .sidebar-offcanvas {
      display: block !important;
   }
   #header_wrap.top_menu_06 h1 {
      width: 90px;
      /* margin-top: 22px; */
   }
}
/* 모바일 메뉴 마감 */
/* index- content */
.index-content {
}
.index-content .section-01 {
   /*
            background: url(../../img/main/section01_bg.jpg);
            position: 0% 100%;
            background-repeat: no-repeat;
            */
   /*    position: 100% 0%;*/
   background-position: 50% 0%;
   background-size: cover;
   background-repeat: no-repeat;
   background-color: #f9f9f9;
}
.index-content .section-01 .content {
   padding-top: 60px;
   padding-bottom: 60px;
}
.index-content .section-01 .title-wrap {
   z-index: 2;
   opacity: 0;
}
.index-content .section-01 .title-wrap h2 {
   font-size: 32px;
   line-height: 62px;
   font-weight: 700;
   color: #353434;
   font-family: "Open Sans", sans-serif;
}
.index-content .section-01 .title-wrap .line {
   width: 80px;
   height: 1px;
   background-color: #000;
   margin-top: 15px;
   margin-bottom: 30px;
}
.index-content .section-01 .title-wrap p {
   font-size: 18px;
   color: #353535;
   line-height: 28px;
   margin-bottom: 30px;
}
.index-content .title_wrap {
   text-align: center;
   padding: 120px 0px 60px;
}
.index-content .section-05 {
   /* background-image: url(../../img/main/section_03_bg_1.jpg); */
   position: relative;
   /* background-position: -500px 66%;
   background-attachment: fixed;
   animation: slowup 180.0s forwards; */
}
@keyframes slowup {
   from {
      background-position: -500px 0%;
   }
   to {
      background-position: -500px 100%;
   }
}
.index-content .section-05::before {
   position: absolute;
   width: 100%;
   height: 100%;
   content: "";
   top: 0;
}
.index-content .section-05 .title_wrap {
   text-align: center;
   padding: 100px 0px 60px;
}
.index-content .section-05.special .title_wrap {
   padding-bottom: 0;
}
.index-content .title_wrap h2 {
   font-size: 52px;
   font-weight: 600;
   font-family: "Ubuntu", sans-serif;
   color: #000;
   margin-bottom: 25px;
}
.index-content .title_wrap h3 {
   font-size: 36px;
   font-weight: 600;
   font-family: "Ubuntu", sans-serif;
   /* color: #0a459f; */
   color: #454545;
   /* margin-bottom: 25px; */
   margin-top: 0;
   line-height: 1.4em;
}
.index-content .title_wrap h3 span {
   color: #0a459f;
}
.special2 .title_wrap h3 br {
   display: none;
}
@media (query) {
}
.special2 .title_wrap h3 span {
   color: orangered;
}
.index-content .title_wrap p {
   font-size: 20px;
   font-family: "NotoSans", sans-serif;
   color: #363636;
}
.index-content .section-02 {
   margin-top: 80px;
}
.index-content .section-02 .text-box {
   padding-top: 40px;
   padding-right: 40px;
   text-align: center;
}
.index-content .section-02 .text-box h2 {
   font-size: 42px;
   font-weight: 700;
   color: #000;
   font-family: "Ubuntu", sans-serif;
   line-height: 62px;
}
.index-content .section-02 .text-box .line {
   width: 80px;
   height: 1px;
   background-color: #000;
   margin-top: 20px;
   margin: 0 auto;
}
.index-content .section-02 .text-box p.text {
   font-size: 18px;
   margin-top: 25px;
   margin-bottom: 30px;
   line-height: 28px;
   font-family: "NanumSquare";
}
.index-content .section-02 .content {
   margin-top: 70px;
}
/* 카우셀 */
.SlickCarousel {
}
/* .index-content .section-02 .img_wrap {
            width: 640px;
            height: 440px;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 1;
            background-size: cover;
            } */
.index-content .section-02 .box_wrap .title {
   float: right;
   z-index: 2;
   width: 550px;
   right: 0;
   padding-left: 80px;
   padding-right: 40px;
   padding-top: 53px;
   padding-bottom: 98px;
   /* background-color: rgb(242, 244, 245); */
   background-color: #fff;
   z-index: 2;
   margin-top: 50px;
}
.index-content .section-02 .box_wrap a {
   text-decoration: none;
}
.index-content .section-02 .box_wrap .title h2 {
   font-size: 32px;
   font-weight: 700;
   /* color: #000; */
   color: #000;
   opacity: 1;
   font-family: "NanumSquare";
}
.index-content .section-02 .box_wrap .title .line {
   width: 90px;
   height: 1px;
   background-color: #000;
}
.index-content .section-02 .box_wrap .title p {
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: #5a5a5a;
   margin-top: 30px;
   margin-bottom: 30px;
}
.index-content .section-02 .ProductBlock {
   min-height: 48vmin;
}
.index-content .section-02 .ProductBlock.sick-li-01 {
   background-repeat: no-repeat;
   background-position: 0 50%;
}
.index-content .section-02 .ProductBlock.sick-li-02 {
   background-repeat: no-repeat;
   background-position: 0 50%;
}
.index-content .section-02 .ProductBlock.sick-li-03 {
   background-repeat: no-repeat;
   background-position: 0 50%;
}
.Slick_wrap:after,
.Slick_wrap .Head:after {
   content: "";
   display: block;
   clear: both;
}
.s-Arrows {
   /*    float: right;*/
   float: right !important;
   position: relative !important;
   z-index: 999999999999999999999999999999999999999999999999999999999999999999;
   top: 0 !important;
   margin-top: -100px !important;
   margin-right: 440px !important;
}
.slick-dots {
   display: none !important;
}
.Slick-Next,
.Slick-Prev {
   display: inline-block;
   width: 42px;
   height: 42px;
   margin-top: 6px;
   border: 1px #ccc solid;
   color: #ccc;
   /* margin-left: 1px; */
   cursor: pointer;
   font: 30px/39px FontAwesome;
   font-weight: 800;
   /* font: 18px/36px FontAwesome; */
   text-align: center;
   transition: all 0.5s;
}
.Slick-Next {
   border-left: 0;
}
.Slick-Prev {
}
.Slick-Next:hover,
.Slick-Prev:hover {
   background: #012647;
   color: #fff;
}
.Slick-Next:before {
   content: "\f105";
}
.Slick-Prev:before {
   content: "\f104";
}
.SlickCarousel {
   margin: 0 -7.5px;
   margin-top: 10px;
}
/**/
.index-content .section-03 {
   /* margin-top: 90px; */
   position: relative;
   display: none;
}
.index-content .section-03 .title_wrap {
   padding-top: 100px;
   text-align: center;
}
.index-content .section-03 .title_wrap h2 {
   font-size: 42px;
   font-weight: 700;
   color: #fff;
   font-family: "Ubuntu", sans-serif;
}
.index-content .section-03 .title_wrap .line {
   width: 80px;
   height: 1px;
   background-color: #fff;
   margin-top: 20px;
   margin: 0 auto;
}
.index-content .section-03 .title_wrap p {
   font-size: 18px;
   margin-top: 25px;
   margin-bottom: 30px;
   font-family: "Nanum Barun Gothic", sans-serif;
   line-height: 28px;
   color: #fff;
}
.index-content .section-03 .content {
   margin-top: 70px;
   padding-bottom: 60px;
   padding-left: 20px;
   padding-right: 20px;
}
.index-content .section-03 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.index-content .section-04 {
   position: relative;
   /* margin-top: 70px; */
}
.index-content .section-04 .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   /*    top: 100%;*/
}
.index-content .section-04 .js-parallax.jsp {
   padding-top: 120px;
   padding-bottom: 120px;
   /*
                  padding-top: 135px;
                  padding-bottom: 115px;
                  */
   background-size: cover !important;
   background-position: top center !important;
}
.index-content .section-04 .box_wrap .content_wrap {
   text-align: center;
}
.index-content .section-04 .box_wrap h4 {
   font-size: 2.2vmin;
   font-weight: 900;
   position: relative;
   color: #ddd;
   margin-bottom: 35px;
}
.index-content .section-04 .box_wrap h4:before {
   height: 4px;
   background-color: #ddd;
   width: 90px;
   position: absolute;
   content: "";
   margin-top: 30px;
}
.index-content .section-04 .box_wrap p {
   font-size: 42px;
   font-weight: 700;
   color: #fff;
   line-height: 62px;
   margin-bottom: 25px;
}
.index-content .section-04 .box_wrap .line {
   width: 80px;
   height: 1px;
   background-color: #fff;
   margin: 20px auto 40px;
}
/* .index-content .section-04 .box_wrap p:before {
               height: 4px;
               background-color: #ddd;
               width: 100px;
               position: absolute;
               left: 50%;
               content: "";
               margin-top: 60px;
               transform: translateX(-50%);
               } */
.index-content .section-04 .box_wrap p span {
   font-weight: 900;
}
.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: 13px 20px;
   color: #fff;
   text-transform: uppercase;
   position: relative;
   z-index: 0;
   font-size: 14px;
   letter-spacing: 0;
   font-family: "Open Sans", sans-serif;
   text-align: left;
}
.index-content .section-04 .contentbox {
   border: 1px solid #ddd;
   padding: 40px 20px;
   height: 480px;
   margin-top: 40px;
}
.index-content .section-04 .box1 {
   background-image:
      linear-gradient(
         -215deg,
         rgba(102, 203, 153, 1) 0%,
         rgba(102, 203, 153, 1) 44%,
         rgba(102, 203, 153, 0.7) 68%,
         rgba(102, 203, 153, 0)
      ),
      url("../../img/main/indexsetting01.jpg");
   filter: grayscale(0.5);
   transition: all 0.5s;
}
.index-content .section-04 .box1:hover {
   filter: grayscale(0);
   margin-top: 10px;
}
.index-content .section-04 .box2 {
   background-image:
      linear-gradient(
         -215deg,
         rgba(51, 51, 51, 1) 0%,
         rgba(51, 51, 51, 1) 44%,
         rgba(51, 51, 51, 0.7) 68%,
         rgba(51, 51, 51, 0)
      ),
      url("../../img/main/indexsetting02.jpg");
   filter: grayscale(0.5);
   transition: all 0.5s;
}
.index-content .section-04 .box2:hover {
   filter: grayscale(0);
   margin-top: 10px;
}
.index-content .section-04 .box3 {
   background-image:
      linear-gradient(
         -215deg,
         rgba(0, 102, 153, 1) 0%,
         rgba(0, 102, 153, 1) 44%,
         rgba(0, 102, 153, 0.7) 68%,
         rgba(0, 102, 153, 0)
      ),
      url("../../img/main/indexsetting03.jpg");
   filter: grayscale(0.5);
   transition: all 0.5s;
}
.index-content .section-04 .box3:hover {
   filter: grayscale(0);
   margin-top: 10px;
}

.index-content .section-04 .contentbox span {
   font-size: 18px;
   color: #fff;
   margin-bottom: 40px;
   display: block;
}
.index-content .section-04 .contentbox h5,
.index-content .section-04 .contentbox h5 a {
   font-size: 17px;
   color: #fff;
   line-height: 1.5em;
}
.index-content .section-04 .contentbox .subtitle {
   font-size: 26px;
   color: #fff;
   margin-bottom: 40px;
   text-transform: uppercase;
}
.index-content .section-04 .more {
   position: absolute;
   bottom: 35px;
   left: 20px;
}
.index-content .section-04 .contentbox .subtitle span {
   font-size: 20px;
   margin-bottom: 10px;
   color: #ccc;
}
.index-content .section-04 .box01 {
   background-image:;
}
.index-content .section-04 .box1 .bt_lnk:after {
   content: "";
   background-color: rgba(49, 103, 77, 1);
   position: absolute;
   top: 0;
   z-index: -1;
   transition: all 0.3s;
}
.index-content .section-04 .box2 .bt_lnk:after {
   content: "";
   background-color: rgba(23, 22, 22, 1);
   position: absolute;
   top: 0;
   z-index: -1;
   transition: all 0.3s;
}
.index-content .section-04 .box3 .bt_lnk:after {
   content: "";
   background-color: rgba(0, 55, 83, 1);
   position: absolute;
   top: 0;
   z-index: -1;
   transition: all 0.3s;
}
.index-content .section-04 .bt_lnk:hover {
   /*    color: #000;*/
   text-decoration: none;
   border: 1px solid rgba(0, 0, 0, 0.2);
   /*    color: #000;*/
}
.index-content .section-05 {
   /* margin-top: 100px; */
   position: relative;
   padding-bottom: 60px;
}
/* .index-content .section-05 .title_wrap {
   margin-bottom: 60px;
} */
.index-content .section-05 .title_wrap .line {
   width: 80px;
   height: 1px;
   background-color: #000;
   margin-top: 20px;
   margin: 0 auto 60px;
}
.special_map {
   width: 100%;
}
.special h4 {
   font-size: 20px;
   line-height: 1.5em;
   padding-left: 20px;
}
.special_div {
   padding: 20px 40px;
}
.special_div.img {
   padding: 20px 80px;
}
.special_div.img {
   padding: 20px 80px;
}
@media (max-width: 767px) {
   .special_div.img {
      padding: 20px 20px;
   }
   .special2 .title_wrap h3 br {
      display: block;
   }
   .distribution .title_wrap h3 br {
      display: block;
   }
   .special .index-content .title_wrap h3 {
      font-size: 28px;
   }
}
.distribution .title_wrap h3 br {
   display: none;
}
.special_img {
   width: 100%;
   margin: 20px auto;
   border: 5px solid #ddd;
}
.index-content .section-05 .title_wrap p {
   font-size: 20px;
   /* margin-top: 25px;
   margin-bottom: 30px; */
   line-height: 2em;
   text-align: left;
   position: relative;
   padding-left: 20px;
}
.index-content .section-05 .title_wrap p::before {
   content: "";
   position: absolute;
   width: 5px;
   height: 3px;
   background-color: #545454;
   top: 20px;
   left: 5px;
}
.section-05 .angle-layer-up {
   position: absolute;
   /* top: -80px; */
   left: 0;
   width: 100%;
   transform: skewY(-1.7deg) translate3d(0, -50%, 0);
   background-color: rgb(255, 255, 255);
   padding: 4rem 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.index-content .section-06 .overlayimg {
   background: url(../../img/background.jpg);
   position: absolute;
   width: 100%;
   height: 100%;
   /* background-size: contain; */
   background-repeat: no-repeat;
   background-position: 60% 0%;
}
.index-content .section-06 .title_wrap h2 {
   font-size: 42px;
   font-weight: 700;
   color: #fff;
   font-family: "Ubuntu", sans-serif;
   /* font-family: 'Nanum Barun Gothic', sans-serif; */
   position: relative;
   opacity: 0;
}
.index-content .section-06 .title_wrap .line {
   width: 80px;
   height: 1px;
   background-color: #fff;
   margin-top: 20px;
   margin: 0 auto;
   position: relative;
   opacity: 0;
}
.index-content .section-06 .title_wrap p {
   font-size: 20px;
   margin-top: 25px;
   margin-bottom: 30px;
   font-family: "Nanum Barun Gothic", sans-serif;
   line-height: 28px;
   color: #fff;
   position: relative;
   opacity: 0;
}
.index-content .section-06 .title_wrap span {
   position: absolute;
   top: 230px;
   left: 133px;
   filter: brightness(0.6);
}
.section-06 {
   /* margin-top: 90px; */
   position: relative;
   min-height: 100vh;
   background-color: rgb(8, 70, 158);
}
.section-06::before {
   content: "";
   background-image:
      linear-gradient(
         -215deg,
         rgba(8, 70, 158, 0.1) 0%,
         rgba(8, 70, 158, 0.15) 30%,
         rgba(8, 70, 158, 0.95) 60%,
         rgba(8, 70, 158, 0.9) 100%
      ),
      url("../../img/pattern02.jpg");
   /* background-image: linear-gradient(-215deg, rgba(102, 203, 153, 1.0) 0%, rgba(102, 203, 153, 1.0) 44%, rgba(102, 203, 153, 0.7) 68%, rgba(102, 203, 153, 0.0)), url('../../img/pattern01.jpg'); */
   background-position: 50% 100%;
   background-size: cover;
   opacity: 1;
   /* 흐리게 가능 */
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   filter: none;
   /* ........... 백그라운드 이미지만 적용가능 */
}
.section-06 .angle-layer-up {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   transform: skewY(-1.7deg) translate3d(0, -50%, 0);
   background-color: rgb(255, 255, 255, 1);
   padding: 4rem 0px;
}
.section-06 .product_wrap {
   display: flex;
   flex-direction: row;
   padding: 0 0 0 0;
   width: 100%;
   /* align-items: center; */
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}
.section-06 .product_wrap > div {
   /* text-align: center; */
   color: rgb(233, 233, 233);
   transition: all 0.7s;
   flex: 4;
   position: relative;
   overflow: hidden;
   padding: 10px;
   min-width: 160px;
   max-width: 300px;
   /* display: flex; */
   flex-direction: column;
}
.section-06 .product_wrap p {
   font-size: 14px;
   text-align: center;
   color: rgba(255, 255, 255, 0.5);
   margin: 20px 0 6px 0;
}
.section-06 .product_wrap h2 {
   font-size: 20px;
   text-align: center;
   color: rgba(255, 255, 255, 1);
   margin: 0 0 10px 0;
}
.section-06 .product_wrap h3 {
   width: 160px;
   font-size: 16px;
   color: rgba(255, 255, 255, 0.6);
   opacity: 0;
   transition: all 0.7s;
   margin: 20px 0 0 -15px;
}
.section-06 .product_wrap .div6 .zoomIn,
.section-06 .product_wrap .div5 .zoomIn,
.section-06 .product_wrap .div4 .zoomIn,
.section-06 .product_wrap .div3 .zoomIn,
.section-06 .product_wrap .div2 .zoomIn,
.section-06 .product_wrap .div1 .zoomIn {
   opacity: 0;
}
.section-06 .product_wrap .div6 h3 {
   padding: 0 10px 0 20px;
   width: 260px;
}
.section-06 .product_wrap > div:hover {
   flex: 5;
}
.section-06 .product_wrap > div:hover h3 {
   opacity: 1;
   margin: 20px 0 0 11px;
}
.section-06 .product_wrap > div:hover .productsview {
   opacity: 1;
}
.section-06 .product_wrap .div6:hover {
   flex: 8;
}
.section-06 .product_wrap .div1 {
   margin-top: 80px;
   opacity: 0;
   position: relative;
}
.section-06 .product_wrap .div2 {
   margin-top: -95px;
   opacity: 0;
   position: relative;
}
.section-06 .product_wrap .div3 {
   margin-top: -175px;
   opacity: 0;
   position: relative;
}
.section-06 .product_wrap .div4 {
   margin-top: 0px;
   opacity: 0;
   position: relative;
}
.section-06 .product_wrap .div5 {
   margin-top: 155px;
   opacity: 0;
   position: relative;
}
.section-06 .product_wrap .div6 {
   flex: 7;
   margin-top: -160px;
   position: relative;
}
.section-06 .product_wrap img {
   width: 100%;
   /* height: auto; */
   border-radius: 50%;
   margin: 20px auto;
   position: relative;
   overflow: hidden;
   /* margin: 0 0 0 0; */
   padding: 3px;
   /* max-width: 100%; */
   border: 1px solid #3397ff;
}
.section-06 .product_wrap .div6 img {
   width: 200px;
   height: 200px;
}
.section-06 .product_wrap .div6 .text {
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   transform: rotate(-10deg);
   color: #fff;
}
.section-06 .product_wrap .div6 .text.animate {
   opacity: 0;
}
.section-06 .product_wrap .div6 .text label {
   font-size: 200px;
   font-size: 12.5rem;
   line-height: 0.8;
   font-weight: 800;
   position: absolute;
   left: -4px;
   top: 0;
   z-index: 1 !important;
   display: inline-block;
   margin-bottom: 0.5rem;
   font-family: "Poppins", sans-serif;
   opacity: 0;
}
.section-06 .product_wrap .div6 .text h4 {
   padding: 12px 56px;
   padding: 0.75rem 2.5rem;
   text-transform: uppercase;
   border-radius: 4px;
   margin-bottom: 4px;
   margin-top: 4px;
   font-weight: 800;
   font-size: 14px;
   opacity: 0;
   color: #fff !important;
}
.section-06 .product_wrap .div6 .text h4:nth-child(2) {
   background: rgba(25, 25, 25, 0.15);
   margin-left: 40px;
   padding: 0.75rem 1rem;
}
.section-06 .product_wrap .div6 .text h4:nth-child(3) {
   background: rgba(25, 25, 25, 0.57);
   font-size: 17px;
   line-height: 1.5;
   padding: 0.75rem 2.5rem;
   margin-left: 16px;
}
.section-06 .product_wrap .div6 .text h4:nth-child(4) {
   background: #222529;
   padding: 0.5rem 1.25rem;
   margin-left: 40%;
}
.padding-bottom-120 {
   padding-bottom: 120px;
}
.padding-bottom-80 {
   padding-bottom: 80px;
}
.padding-bottom-30 {
   padding-bottom: 30px;
}
.section-06 .product_wrap .productsview {
   border: 1px solid rgba(255, 255, 255, 0.4);
   border-radius: 4px;
   text-decoration: none;
   color: rgba(255, 255, 255, 0.4);
   text-transform: uppercase;
   font-size: 13px;
   letter-spacing: 0.1px;
   padding: 7px 10px;
   margin: 20px 10px 60px;
   background-color: transparent;
   opacity: 0;
   /* margin: auto; */
   text-align: center;
   display: block;
   transform: perspective(500px) rotate(0.001deg);
   transition: all 0.5s;
}
.section-06 .product_wrap .productsview:hover {
   background-color: #042669;
}
@media (max-width: 992px) {
   .section-06 .product_wrap .div1 {
      margin-top: -50px;
   }
   .section-06 .product_wrap .div2 {
      margin-top: -150px;
   }
   .section-06 .product_wrap .div3 {
      margin-top: -50px;
   }
   .section-06 .product_wrap .div4 {
      margin-top: 50px;
   }
   .section-06 .product_wrap .div5 {
      margin-top: 0px;
   }
   .section-06 .product_wrap .div6 {
      margin-top: -50px;
   }
   .section-06 .product_wrap .div5 h3 {
      width: 150px;
   }
   .section-06 .product_wrap .div6 h3 {
      padding: 0 0px;
      width: 200px;
   }
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.index-content .section-05 .latest-paper {
}
/* 새창 유튜브 */
/* .lightbox {
   background-color: rgba(0, 0, 0, 0.8);
   overflow: scroll;
   position: fixed;
   display: none;
   z-index: 999999999999999;
   bottom: 0;
   right: 0;
   left: 0;
   top: 0;
} */
.lightbox-container {
   position: relative;
   max-width: 960px;
   margin: 7% auto;
   display: block;
   padding: 0 3%;
   height: auto;
   z-index: 9999999999999999;
}
.index-content .section-09 {
   margin-top: 100px;
   margin-bottom: 100px;
   position: relative;
   height: 450px;
}
.index-content .section-09 .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: 2;
}
.index-content .section-09 .comtell {
   position: absolute;
   bottom: 0;
   left: 9%;
   padding: 30px 30px 20px 20px;
   z-index: 5;
   /* text-shadow: 6px 2px 20px black, -6px 2px 20px black, 6px 2px 20px black, -20px -10px 20px black; */
}
.index-content .section-09 .comtell li {
   color: #fff;
   font-size: 18px;
   line-height: 1.2em;
   margin-bottom: 4px;
   font-weight: 600;
}
.index-content .section-09 .comtell .title {
   color: #fff;
   font-size: 28px;
   font-weight: 700;
   line-height: 1.8em;
}
.company_04 .overlay {
   position: absolute;
   width: 100%;
   height: 400px;
   top: 0;
   z-index: 2;
}
.screen {
   background-image: linear-gradient(
      30deg,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.2) 30%,
      rgba(0, 0, 0, 0.05) 50%,
      rgba(0, 0, 0, 0)
   ) !important;
}
.screen_linear_gradient {
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
   height: 100%;
   /* background-size: 2px 2px;
    background-repeat: repeat;
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%); */
}
.screen_linear_gradient.gradient2 {
   background-image: linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.2) 100%
   ) !important;
}
.index-content .section-09 .title_wrap {
   margin-bottom: 0px;
   padding: 24px 0 60px 0;
   position: absolute;
   top: 30px;
   left: 50%;
   transform: translateX(-50%);
   width: 100%;
}
.index-content .section-09 .title_wrap h3 {
   color: #fff;
   text-shadow:
      50px 5px 150px black,
      -50px 5px 150px black,
      50px -5px 150px black,
      -50px -5px 150px black;
}
.index-content .section-09 .title_wrap .line {
   width: 80px;
   height: 1px;
   background-color: #fff;
   margin-top: 20px;
   margin: 0 auto;
   text-shadow:
      50px 50px 100px black,
      -50px 50px 100px black,
      50px -50px 100px black,
      -50px -50px 100px black;
}
.index-content .section-09 .title_wrap p {
   font-size: 18px;
   margin-top: 25px;
   margin-bottom: 30px;
   line-height: 28px;
}
@media screen and (max-width: 768px) {
   .lightbox-container {
      margin-top: 10%;
   }
}
@media screen and (max-width: 414px) {
   .lightbox-container {
      margin-top: 13%;
   }
}
.lightbox-content {
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}
.lightbox-close {
   text-transform: uppercase;
   background: transparent;
   position: absolute;
   font-weight: 300;
   font-size: 12px;
   display: block;
   border: none;
   color: white;
   top: -22px;
   right: 3%;
}
.video-container {
   padding-bottom: 56.25%;
   position: relative;
   padding-top: 30px;
   overflow: hidden;
   height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
}
/* IGNORE FORM THIS POINT ON */
#playme {
   background: #007fed;
   text-transform: uppercase;
   font-weight: 300;
   border: none;
   color: white;
   padding: 10px 15px;
   display: inline-block;
   font-size: 14px;
   margin: 0;
}
/*  sub layout */
/* 비쥬얼 */
@keyframes zoom {
   0% {
      -moz-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand')";
      filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand');
   }
   100% {
      -moz-transform: scale(1);
      transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')";
      filter: progid: DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand');
   }
}
.s_visual_wrap {
   position: relative;
   overflow: hidden;
}
.s_visual_wrap .slide {
   position: relative;
   height: 560px;
   top: 0;
}
.s_visual_wrap .slide::before {
   /* content: "";
   position: absolute;
   inset: 0;
   background-image: url(../../img/main/company03.jpg);
   background-size: 150%;
   background-position: 50% 54%;
   filter: blur(8px);
   transform: scale(1.05);
   z-index: 0; */
}

.s_visual_wrap .slide ul {
   height: 100%;
}
.s_visual_wrap .slide li {
   height: 560px;
   background-position: 46% 50%;
   background-repeat: no-repeat;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: center;
   -webkit-transform-origin: center center;
   -ms-transform-origin: center center;
   -moz-transform-origin: center center;
   transform-origin: center center;
   background-size: cover;
   /* background-attachment: fixed; */
   /* filter: blur(1px); */
   padding: 0;
   margin: 0;
}
.s_visual_wrap .slide li.program {
   background-position: 46% 15%;
}
.s_visual_wrap .slide .content {
   top: 41%;
   position: absolute;
   z-index: 1;
   text-align: center;
   color: #fff;
   width: 100%;
}
.s_visual_wrap .slide.fullsize li {
   /* height: 100%;
   background-position: 50% 37%;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   text-align: center; */
   /* background-size: 80%; */
   /* padding: 0;
   margin: 0; */
   filter: contrast(1.1);
}
.s_visual_wrap .slide.fullsize .eventtitle2.span4 {
   font-size: 3.5vw;
   font-weight: 900;
   color: yellow;
   font-family:
      "Roboto", "NanumSquare", "맑은 고딕", "Nanum Gothic", "Malgun Gothic",
      "Ubuntu", "돋움", dotum, sans-serif;
   opacity: 0;
   margin-bottom: 30px;
   text-shadow:
      3px 0px 3px black,
      0px 3px 3px black,
      -3px 0px 3px black,
      0px -3px 3px black,
      3px 3px 3px black,
      -3px -3px 3px black,
      3px -3px 3px black,
      -3px 3px 3px black;
}
/* .s_visual_wrap .slide.fullsize .eventtitle2 {
   position: absolute;
   z-index: 1;
   font-size: 40px;
   font-weight: 500;
   color: #b90000;
   margin-bottom: 12px;
   margin-top: 0;
   padding-top: 0;
   text-transform: capitalize;
} */
.s_visual_wrap .slide.fullsize .eventtitle2.span4 {
   /* (주)서울푸드시스템 */
   position: absolute;
   top: 10vh;
   left: 10vw;
   width: 30vw;
   max-width: 350px;
   height: 300px;
   font-size: 3vw;
   font-weight: 900;
   transform: rotate(0deg) translate(0%, 0%);
   opacity: 0;
   background-image: url(../../img/event-1.png);
   background-size: contain;
   background-repeat: no-repeat;
}
.eventtitle1 {
   /* 하나, 둘 셋 */
   margin-bottom: 1vw !important;
   font-weight: 400 !important;
   font-size: 26px;
   letter-spacing: -1px;
   color: #fff !important;
   margin: 2px 0 2px 0;
   opacity: 0;
}
.content.eventcontent .line {
   margin-bottom: 30px !important;
}
.s_visual_wrap .slide .content p {
   font-size: 30px;
   font-weight: 400;
   color: #fff;
   font-family:
      "Great Vibes", "NanumSquare", "맑은 고딕", "Nanum Gothic",
      "Malgun Gothic", "Ubuntu", "돋움", dotum, sans-serif;
   margin-top: 20px;
}
.s_visual_wrap .line {
   margin: 0 auto;
   width: 120px;
   height: 2px;
   background-color: #fff;
   opacity: 0;
   animation-delay: 1s;
   animation-duration: 1.5s;
   animation-name: s-title-line;
   margin-top: 15px;
   animation-fill-mode: forwards;
}
@keyframes s-title-line {
   from {
      width: 0%;
      height: 3px;
   }
   to {
      width: 40px;
      height: 3px;
      opacity: 1;
   }
}
.s_visual_wrap .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.s_visual_wrap .overlay2 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 14%;
}
/* 서브비주얼 마감*/
/* 서브 중앙메뉴 */
.sub_three_map_wrap {
   margin-top: -64px;
   position: relative;
   background-color: rgba(0, 0, 0, 0.3);
   transition: 0.4s;
}
.sub_three_map_wrap .sub_three_map {
   border-left: 0;
   border-right: 0;
   /*    border-top: 1px #e3e3e3 solid;*/
}
.sub_three_map_wrap .sub_three_map .col-md-1,
.sub_three_map_wrap .sub_three_map .col-md-3,
.sub_three_map_wrap .sub_three_map .col-md-3 {
   padding: 0;
   margin: 0;
}
.sub_three_map_wrap .sub_three_map .home {
   background: url("../../img/main/box-home.png");
   background-position: 20% 100%;
   background-repeat: no-repeat;
   color: #dad5ec;
   line-height: 32px;
   display: block;
   height: 40px;
   /*    font-size: 16px;*/
   /*    padding-left: 40px;*/
   /*    background-color: #27156d;*/
   padding: 16px;
   padding-left: 0;
   font-weight: 700;
   font-size: 15px;
   border-top: 0;
}
/*
                  .sub_three_map_wrap .sub_three_map .home:after {
                  font-weight: 900;
                  font-family: FontAwesome;
                  content: "\f105";
                  float: right;
                  padding-right: 20px;
                  color: #fff;
               }
               */
.sub_three_map_wrap .sub_three_map .menus {
   /*
                  border-left: 1px #3a297e solid;
                  border-right: 1px #27156d solid;
                  background-color: #27156d;
                  */
   border-top: 0;
}
.sub_three_nav ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   z-index: 9;
}
.sub_three_nav ul li {
   display: block;
}
.sub_three_nav ul li a,
.sub_three_nav ul li a:visited {
   font-weight: 600;
   font-size: 15px;
   display: block;
   padding: 16px;
   padding-left: 30px;
   color: rgba(255, 255, 255, 0.9);
   text-decoration: none;
   transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   /*    font-weight: 400;*/
   text-transform: capitalize;
   line-height: 32px;
}
.sub_three_nav ul li a:hover {
   /*    color: #000;*/
}
.sub_three_nav .dropdown-active {
   background-color: #fff;
   font-weight: 600;
}
.sub_three_nav .dropdown-active a,
.sub_three_nav .dropdown-active a:visited {
   color: #000;
}
.sub_three_nav ul ul {
   position: absolute;
   background-color: #fff;
   width: 100%;
   border: 1px #eee solid;
}
.sub_three_nav ul ul li {
   display: block;
}
.clickSlide span {
   float: right;
   padding-top: 27px;
   padding-right: 25px;
   font-weight: 100;
   color: #3d3d3d;
}
.sub_three_nav ul ul li a,
.sub_three_nav ul ul li a:visited {
   display: block;
   padding: 12px !important;
   color: #000 !important;
   border-bottom: 1px #eee solid;
   font-weight: 400;
   padding-left: 22px !important;
   font-size: 14px;
   padding-left: 15px;
}
.sub_three_nav ul ul li a:hover {
   background-color: #f4f4f4;
   color: #000;
}
.sub_three_nav ul ul li:first-child {
   border-top: 1px #fff solid;
}
.sub_three_nav ul ul li:last-child {
   border-bottom: 0 !important;
}
.sub_three_map_wrap .sub_three_map .depth1,
.sub_three_map_wrap .sub_three_map .depth2 {
   transition: 0.3s;
   /*
                  color: #fff;
                  background: url('../../img/sub/box-down.png');
                  background-position: 95% 50%;
                  background-repeat: no-repeat;
                  */
}
.sub_three_map_wrap .sub_three_map .depth1:before,
.sub_three_map_wrap .sub_three_map .depth2:before {
   font-weight: 900;
   font-family: FontAwesome;
   content: "\f107";
   float: right;
   margin-right: 20px;
   color: #fff;
   margin-top: 20px;
   /*    border: 1px #fff solid;*/
   text-align: center;
   width: 22px;
}
.sub_three_map_wrap .sub_three_map .dropdown-active.depth1:before,
.sub_three_map_wrap .sub_three_map .dropdown-active.depth2:before {
   font-weight: 900;
   font-family: FontAwesome;
   content: "\f105";
   float: right;
   margin-right: 20px;
   color: #000;
   margin-top: 20px;
   /*    border: 1px #fff solid;*/
   text-align: center;
   width: 22px;
}
/*
               .sub_three_map_wrap .sub_three_map .depth2 > a {
               font-weight: 900;
            }
            */
/* sticky */
.sub_three_map_wrap.sticky {
   position: fixed;
   top: 0;
   width: 100%;
   margin: 0 auto;
   background-color: rgba(255, 255, 255, 1);
   border-bottom: 1px #eee solid;
   z-index: 99999999999999;
}
.sub_three_map_wrap.sticky .sub_three_nav ul li a,
.sub_three_map_wrap.sticky .sub_three_nav ul li a:visited {
   font-weight: 400;
   font-size: 15px;
   display: block;
   padding: 16px;
   padding-left: 30px;
   color: rgba(0, 0, 0, 1);
   text-decoration: none;
   transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   /*    font-weight: 400;*/
   text-transform: capitalize;
   line-height: 32px;
}
.sub_three_map_wrap.sticky .sub_three_map .depth1:before,
.sub_three_map_wrap.sticky .sub_three_map .depth2:before {
   font-weight: 900;
   font-family: FontAwesome;
   content: "\f107";
   float: right;
   margin-right: 20px;
   color: #000;
   margin-top: 20px;
   /*        border: 1px #000 solid;*/
   text-align: center;
   width: 22px;
}
.sub_three_map_wrap.sticky .sub_three_map .home:after {
   background: none;
   font-family: FontAwesome;
   content: "\f015";
   color: #000;
   line-height: 32px;
   display: block;
   height: 40px;
   padding: 0;
   padding-left: 0;
   font-weight: 700;
   font-size: 18px;
   border-top: 0;
}
/* 서브 중앙메뉴 마감 */
#sub_content {
   /* margin-top: 120px; */
   /* margin-bottom: 80px; */
   /* background-color: #f2f4f5; */
   /* background: url(../../img/main/mvisual03.jpg) 90% 50%; */
   /* background: linear-gradient(-45deg, rgba(205, 213, 215, 0.1) 0%, rgba(105, 122, 126, 0.6) 50%, rgba(205, 213, 215, 0.5) 100%); */
   /* margin-bottom: 100px; */
   padding-bottom: 120px;
}
#sub_content:before {
   content: "";
   position: absolute;
   inset: 0;
   opacity: 0.7;
   background: url(
         data:image/svg + xml;utf8,
         <svgwidth="160"height="200"style="transform:rotate(45deg);"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 300 50"><textstroke-width="1"stroke="%23efefef"fill="%23ffffff"x="0"y="10"font-size="70"font-family="Arial, Helvetica, sans-serif">DGTime</text></svg>
      )
      0 0/200px 200px;
   z-index: -1;
   font-family: "Merienda", cursive;
}
#sub_content .breadcrumb_wrap {
   /*    border-top: 1px #eee solid;*/
   border-bottom: 1px #eee solid;
   width: 100%;
   background-color: transparent;
   background-color: #fff;
}
#sub_content .breadcrumb_wrap .sub_tab {
}
#sub_content .breadcrumb_wrap .sub_tab > li:first-child {
   border-left: 1px #eee solid;
   background: none;
   padding-right: 0;
   /*    background-color: #000;*/
}
#sub_content .breadcrumb_wrap .sub_tab > li:first-child span {
   /*    color: #fff;*/
}
#sub_content .breadcrumb_wrap .sub_tab > li {
   padding: 0;
   margin: 0;
   float: left;
   border-right: 1px #eee solid;
   cursor: pointer;
   background: url("../../img/main/arr.png") 90% 50%;
   background-repeat: no-repeat;
   padding-right: 15px;
}
#sub_content .breadcrumb_wrap .sub_tab > li:hover {
   /*    background-color: #f7f7f7;*/
}
#sub_content .breadcrumb_wrap .sub_tab > li > a {
   font-size: 15px;
   line-height: 58px;
   padding-left: 35px;
   padding-right: 35px;
   height: 58px;
   display: block;
   margin: 0;
}
#sub_content .breadcrumb_wrap .sub_tab > li:last-child {
   font-weight: 600;
}
#sub_content .breadcrumb_wrap .sub_tab .glyphicon-home {
   font-size: 18px;
   padding-top: 20px;
}
#sub_content .breadcrumb_wrap .sub_tab .btn-group.open .dropdown-toggle {
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #000;
}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   box-shadow: none;
   border: 1px #eee solid;
   padding-left: 0;
   margin-left: 0;
   margin-top: 0;
   padding-top: 0;
   width: 100%;
   margin-bottom: 0;
   padding-bottom: 0;
}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li:last-child {
   border-bottom: 0;
}
#sub_content .breadcrumb_wrap .sub_tab .dropdown-menu li {
   border-bottom: 1px #eee solid;
}
#sub_content .breadcrumb_wrap .sub_tab li a,
#sub_content .breadcrumb_wrap .sub_tab li a:active,
#sub_content .breadcrumb_wrap .sub_tab li a:hover {
   text-decoration: none;
   color: #000;
}
#sub_content .breadcrumb_wrap .sub_tab > li > a > span.caret {
   text-align: right;
}
#sub_content .breadcrumb_wrap .sub_tab li ul li a:hover {
   background: #f7f7f7 !important;
}
#sub_content .breadcrumb_wrap .sub_tab li ul li span {
   float: right;
   font-size: 11px;
   color: #5c5c5c;
   line-height: 27px;
}
#sub_content .breadcrumb_wrap .sub_tab li ul li a {
   font-size: 13px;
   line-height: 32px;
   background-color: #fff;
}
#sub_content .breadcrumb_wrap .breadcrumb {
   background-color: #fff;
   padding: 0;
   margin-bottom: 0;
   padding-top: 18px;
}
#sub_content .breadcrumb_wrap .breadcrumb li,
#sub_content .breadcrumb_wrap .breadcrumb li a {
   font-size: 12px;
   line-height: auto;
   color: #000;
}
#sub_content .page-header {
   margin-top: 100px;
   text-align: center;
   clear: both;
   border-bottom: 0;
}
#sub_content .page-header h1 {
   font-size: 33px;
   color: #272727;
   font-weight: 900;
   display: inline-block;
   padding-bottom: 15px;
   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: 120px;
   /*    width: 100%;*/
   text-align: center;
   margin: 0 auto;
   padding-bottom: 15px;
   /*    display: none;*/
}
#sub_content .page-header p {
   font-size: 15px;
   /*    padding-left: 12px;*/
}
/* footer */
.container.address {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   font-weight: 300 !important;
}
.container strong {
   font-weight: 900 !important;
}
.container.address .add1 {
   width: 100%;
   max-width: 520px;
}
.container.address .add2 {
   width: 100%;
   max-width: 520px;
}
.footer {
   /*    margin-top: 30px;*/
   /* background-color: #13161b; */
   background-color: rgba(3, 18, 5, 1);
   padding-bottom: 20px;
}
.footer .btn-default {
   background-color: #fff;
   background-image: none;
   text-shadow: none;
   box-shadow: none;
   border: 1px #dddddd solid;
   padding: 4px 11px;
   border-radius: 0;
}
.footer .footer-menu {
   padding-top: 6px;
   padding-bottom: 6px;
   /* 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: 16px;
   font-weight: 400;
   color: #f8f8f9;
   font-family: "Nanum Barun Gothic", sans-serif;
}
.footer .footer-menu ul li a.blue {
   font-weight: 600;
   /* color: #1864d5 */
}
.footer .breadcrumb {
   margin-bottom: 4px;
   background-color: transparent;
}
.footer p.logo {
   float: right;
   margin-top: 23px;
   display: none;
}
.footer p.logo img {
   width: 80%;
}
.footer address {
   margin-top: 25px;
   font-size: 13px;
   line-height: 23px;
   color: #fff;
   font-family: "Nanum Barun Gothic", sans-serif;
}
.footer p.copyright {
   margin-top: 0;
   padding-top: 0;
   color: #fff;
   font-size: 14px;
   font-family: "Nanum Barun Gothic", sans-serif;
}
@media (min-width: 1200px) {
   .index-content section.info-one .company_wrap {
      padding-right: 0px;
   }
   .index-content section.info-one .business_wrap {
      /*    padding-right: 10px;  */
   }
   .index-content section.info-one .info_wrap {
      padding-left: 0px;
   }
   .index-content section.info-two .latest {
      padding-left: 0px;
   }
}
@media (max-width: 992px) {
   .index-content section.info-one .business {
      margin-bottom: 15px;
      margin-top: 15px;
      clear: both;
   }
   .index-content section.info-two .latest {
      margin-top: 15px;
   }
   #sub_content .breadcrumb_wrap .breadcrumb {
      height: 20px;
      min-height: 20px;
      display: none;
   }
   #sub_content .breadcrumb_wrap .sub_tab > li > a {
      font-size: 14px;
      line-height: 60px;
      padding-left: 25px;
      padding-right: 25px;
      height: 60px;
   }
   /* .animate {
      opacity: 0;
   } */
   .s_visual_wrap .slide {
      height: 360px;
   }
   .s_visual_wrap .slide li {
      height: 360px;
   }
   .s_visual_wrap .slide .content {
      top: 46%;
   }
   .s_visual_wrap .slide {
      /* padding-left: 15px;
        padding-right: 15px; */
   }
   .s_visual_wrap .slide .content .eventtitle1 {
      font-size: 20px;
      font-weight: 800;
      color: #fff;
      font-family:
         "NanumSquare", "맑은 고딕", "Nanum Gothic", "Malgun Gothic", "Ubuntu",
         "돋움", dotum, sans-serif;
      /*        padding-bottom: 0;*/
      margin-bottom: 12px;
      margin-top: 0;
      padding-top: 0;
   }
   .eventtitle1 span {
      /* font-family: 'Nanum pen Script', cursive !important; */
      /* margin-bottom: 40px !important; */
      font-weight: 700 !important;
      font-size: 20px !important;
   }
   .s_visual_wrap .slide .content p {
      font-size: 13px;
      font-weight: 400;
      color: #fff;
   }
   .footer address {
      margin-top: 25px;
      font-size: 13px;
      line-height: 23px;
      color: #fff;
      font-family: "Nanum Barun Gothic", sans-serif;
   }
   .footer p.copyright {
      margin-top: 0;
      padding-top: 0;
      color: #fff;
      font-size: 13px;
      font-family: "Nanum Barun Gothic", sans-serif;
   }
}
.ddd_flex {
   display: flex;
   justify-content: center;
   align-items: center;
}
@media (max-width: 767px) {
   .ddd_flex {
      flex-direction: column;
   }
   .visual_bottom {
      display: none;
   }
   .index-content section.company .company_story dl dt {
      font-size: 26px;
   }
   .index-content section.company .company_story dl dt span {
      font-size: 26px;
      color: #607fab;
   }
   section.product .content h2 {
      font-size: 32px;
      color: #fff;
   }
   section.product .content h2 p {
      padding-top: 5px;
      font-size: 16px;
      color: #fff;
   }
   .product_bg {
      height: 100%;
      display: block;
      background: rgba(0, 0, 0, 0.3);
   }
   section.info-two #tab_wrap {
      padding-bottom: 0;
      margin-bottom: 0;
   }
   section.info-two {
      padding-top: 40px;
   }
   section.info-twop.text {
      font-size: 20px;
      line-height: 27px;
   }
   section.info-two.latest_wrap {
      margin-top: 30px;
      padding-bottom: 0;
      margin-bottom: 0;
   }
   #sub_content .page-header small {
      display: none;
   }
   #sub_content .breadcrumb_wrap .container {
      padding: 0;
      margin: 0;
   }
   #sub_content .breadcrumb_wrap .sub_tab > li:first-child a {
      padding-left: 15px;
      padding-right: 15px;
   }
   #sub_content .breadcrumb_wrap .sub_tab > li > a {
      padding-left: 35px;
      padding-right: 35px;
   }
   #sub_content .page-header {
      /*        margin-bottom: 20px;*/
   }
   section.info-two .product .arrows_wrap {
      margin-top: 10px;
   }
}
@media (max-width: 480px) {
   section.info-two .nav-tabs > li > a {
      border: none;
      color: #000;
      background: #f8f8f8 !important;
      font-size: 16px !important;
      font-weight: 600;
      border-left: 1px #e3e3e3 solid;
      border-bottom: 1px #e3e3e3 solid;
      border-radius: 0;
      padding-top: 13px;
      padding-bottom: 13px;
   }
   section.info-two.tab-pane {
      padding: 0;
   }
   section.info-two.tab-content {
      padding: 15px;
      border-bottom: 1px #e3e3e3 solid;
      min-height: auto;
      height: auto;
   }
   .footer p.logo {
      display: none;
   }
}
.ddd .fas {
   width: 20px;
   text-align: center;
}
.ddd {
   width: auto;
}
.fontsize16 {
   font-size: 16px !important;
}
.fontsize22 {
   font-size: 22px !important;
}