br._m {
  display: none;
}

@media (max-width: 768px) {
  br._m {
    display: block;
  }
}

.intro #kv_frame {
  position: relative;
  width: 100%;
  height: 630px;
  overflow: hidden;
}

.intro #kv_frame .bg {
  position: absolute;
  background-color: #FF6700;
  width: 100%;
  height: 100%;
}

.intro #kv_frame .bg .light_ring {
  position: fixed;
  right: -53px;
  top: 468px;
  width: 379px;
}

.intro #kv_frame .content_wrap {
  position: relative;
  width: 100%;
  max-width: 1420px;
  height: 100%;
  margin: 0 auto;
  padding-top: 173px;
}

.intro #kv_frame .content_wrap .polygon_mirror_1 {
  position: fixed;
  width: 460px;
  left: -110px;
  top: 203px;
}

.intro #kv_frame .content_wrap .polygon_mirror_2 {
  position: fixed;
  width: 362px;
  right: -80px;
  top: 0;
}

.intro #kv_frame .content_wrap .polygon {
  position: absolute;
  top: -245px;
  left: 50%;
  width: 1190px;
  opacity: 0;
  -webkit-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
}

.intro #kv_frame .content_wrap .polygon.active {
  -webkit-animation: fade_Up 1s 1s forwards;
          animation: fade_Up 1s 1s forwards;
}

@-webkit-keyframes fade_Up {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes fade_Up {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.intro #kv_frame .content_wrap .text_wrap {
  position: relative;
  width: 100%;
  text-align: center;
}

.intro #kv_frame .content_wrap .text_wrap p {
  font-size: 32px;
  line-height: 2;
}

.intro #kv_frame .content_wrap .text_wrap .p1 {
  color: #2D2D6C;
}

.intro #kv_frame .content_wrap .text_wrap .p2 {
  color: #2D2D6C;
}

.intro #kv_frame .content_wrap .text_wrap .p3 {
  color: #FF6700;
}

.intro #kv_frame .content_wrap .text_wrap.active .p1 {
  -webkit-animation: fadeUp 1s 2s forwards;
          animation: fadeUp 1s 2s forwards;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
}

.intro #kv_frame .content_wrap .text_wrap.active .p2 {
  -webkit-animation: fadeUp 1s 3s forwards;
          animation: fadeUp 1s 3s forwards;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
}

.intro #kv_frame .content_wrap .text_wrap.active .p3 {
  -webkit-animation: fadeUp 1s 4s forwards;
          animation: fadeUp 1s 4s forwards;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
}

@-webkit-keyframes fadeUp {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeUp {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.intro #kv_frame .content_wrap .logo_icon {
  position: relative;
  width: 126px;
  margin: 65px auto 0;
  -webkit-animation: float 1s infinite alternate;
          animation: float 1s infinite alternate;
  opacity: 0;
  -webkit-transition: opacity 0.5s 5s;
  transition: opacity 0.5s 5s;
}

.intro #kv_frame .content_wrap .logo_icon.active {
  opacity: 1;
}

@-webkit-keyframes iconfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes iconfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}

@media (max-width: 1120px) and (min-width: 769px) {
  .intro #kv_frame {
    height: 56.25vw;
  }
  .intro #kv_frame .bg .light_ring {
    right: -4.73214vw;
    top: 41.78571vw;
    width: 33.83929vw;
  }
  .intro #kv_frame .content_wrap {
    padding-top: 15.44643vw;
  }
  .intro #kv_frame .content_wrap .polygon_mirror_1 {
    width: 41.07143vw;
    left: -9.82143vw;
    top: 18.125vw;
  }
  .intro #kv_frame .content_wrap .polygon_mirror_2 {
    width: 32.32143vw;
    right: -7.14286vw;
    top: 0vw;
  }
  .intro #kv_frame .content_wrap .polygon {
    top: -21.875vw;
    width: 106.25vw;
  }
  .intro #kv_frame .content_wrap .text_wrap p {
    font-size: 2.85714vw;
  }
  .intro #kv_frame .content_wrap .logo_icon {
    width: 11.25vw;
    margin: 5.80357vw auto 0;
  }
}

@media (max-width: 768px) {
  .intro #kv_frame {
    height: 150.70093vw;
  }
  .intro #kv_frame .bg .light_ring {
    right: -25vw;
    top: 137.14953vw;
    width: 54.6729vw;
  }
  .intro #kv_frame .content_wrap {
    padding-top: 38.78505vw;
  }
  .intro #kv_frame .content_wrap .polygon_mirror_1 {
    width: 66.82243vw;
    left: -32.47664vw;
    top: 19.85981vw;
  }
  .intro #kv_frame .content_wrap .polygon_mirror_2 {
    width: 52.33645vw;
    right: -31.54206vw;
    top: 34.11215vw;
  }
  .intro #kv_frame .content_wrap .polygon {
    top: -6.07477vw;
    width: 163.08411vw;
  }
  .intro #kv_frame .content_wrap .text_wrap {
    width: 74.29907vw;
    margin: 0 auto;
  }
  .intro #kv_frame .content_wrap .text_wrap p {
    font-size: 5.60748vw;
    line-height: 1.5;
  }
  .intro #kv_frame .content_wrap .logo_icon {
    width: 19.39252vw;
    margin: 20.56075vw auto 0;
  }
}

.intro #ctn_frame {
  position: relative;
  padding-top: 153px;
}

@media (max-width: 1120px) and (min-width: 769px) {
  .intro #ctn_frame {
    padding-top: 13.66071vw;
  }
}

@media (max-width: 768px) {
  .intro #ctn_frame {
    padding-top: 26.40187vw;
  }
}

.intro #ctn_frame .bg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.intro #ctn_frame .bg .grey {
  position: absolute;
  top: 266px;
  left: -740px;
  width: 1480px;
}

.intro #ctn_frame .bg .polygon_logo_1 {
  position: absolute;
  top: 300px;
  right: -80px;
  width: 160px;
}

.intro #ctn_frame .bg .polygon_logo_2 {
  position: absolute;
  top: 1500px;
  right: -240px;
  width: 480px;
}

@media (max-width: 1120px) and (min-width: 769px) {
  .intro #ctn_frame .bg .grey {
    top: 23.75vw;
    left: -66.07143vw;
    width: 132.14286vw;
  }
  .intro #ctn_frame .bg .polygon_logo_1 {
    top: 26.78571vw;
    right: -7.14286vw;
    width: 14.28571vw;
  }
  .intro #ctn_frame .bg .polygon_logo_2 {
    top: 133.92857vw;
    right: -21.42857vw;
    width: 42.85714vw;
  }
}

@media (max-width: 768px) {
  .intro #ctn_frame .bg .grey {
    top: 107.00935vw;
    left: -158.8785vw;
    width: 245.3271vw;
  }
  .intro #ctn_frame .bg .polygon_logo_1 {
    top: 142.05607vw;
    right: -23.83178vw;
    width: 37.38318vw;
  }
  .intro #ctn_frame .bg .polygon_logo_2 {
    top: 297.42991vw;
    right: -63.08411vw;
    width: 78.03738vw;
  }
}

.intro #ctn_frame .sec {
  position: relative;
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  border-bottom: 1px solid #B5B5B5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1120px) and (min-width: 769px) {
  .intro #ctn_frame .sec {
    width: 95%;
  }
}

@media (max-width: 768px) {
  .intro #ctn_frame .sec {
    width: 86.4486vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.intro #ctn_frame .content_1 {
  padding-bottom: 58px;
}

.intro #ctn_frame .content_1 .img_wrap {
  width: 689px;
  margin-left: -44px;
}

.intro #ctn_frame .content_1 .text_wrap {
  width: 450px;
  margin-top: 140px;
}

.intro #ctn_frame .content_1 .text_wrap p {
  font-weight: normal;
}

.intro #ctn_frame .content_1 .text_wrap .p1 {
  font-size: 36px;
}

.intro #ctn_frame .content_1 .text_wrap .p2 {
  font-size: 21px;
  margin-top: 10px;
  margin-left: 24px;
}

@media (max-width: 1120px) and (min-width: 769px) {
  .intro #ctn_frame .content_1 {
    padding-bottom: 5.17857vw;
  }
  .intro #ctn_frame .content_1 .img_wrap {
    width: 61.51786vw;
    margin-left: -3.92857vw;
  }
  .intro #ctn_frame .content_1 .text_wrap {
    width: 44.64286vw;
    margin-top: 12.5vw;
  }
  .intro #ctn_frame .content_1 .text_wrap p {
    font-weight: normal;
  }
  .intro #ctn_frame .content_1 .text_wrap .p1 {
    font-size: 3.21429vw;
  }
  .intro #ctn_frame .content_1 .text_wrap .p2 {
    font-size: 1.875vw;
    margin-top: 0.89286vw;
    margin-left: 2.14286vw;
  }
}

@media (max-width: 768px) {
  .intro #ctn_frame .content_1 {
    padding-bottom: 13.5514vw;
  }
  .intro #ctn_frame .content_1 .img_wrap {
    width: 103.97196vw;
    margin-left: -1.86916vw;
  }
  .intro #ctn_frame .content_1 .text_wrap {
    width: 85.98131vw;
    margin-top: 5.60748vw;
  }
  .intro #ctn_frame .content_1 .text_wrap p {
    text-align: justify;
  }
  .intro #ctn_frame .content_1 .text_wrap .p1 {
    font-size: 5.60748vw;
  }
  .intro #ctn_frame .content_1 .text_wrap .p2 {
    font-size: 3.73832vw;
    margin-top: 2.33645vw;
    margin-left: 2.33645vw;
  }
}

.intro #ctn_frame .content_2 {
  padding-bottom: 62px;
}

.intro #ctn_frame .content_2 .img_wrap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 689px;
  margin-left: 11px;
  margin-top: 40px;
}

.intro #ctn_frame .content_2 .text_wrap {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 420px;
  margin-top: 116px;
  margin-left: 17px;
}

.intro #ctn_frame .content_2 .text_wrap p {
  font-weight: normal;
}

.intro #ctn_frame .content_2 .text_wrap .p1 {
  font-size: 36px;
}

.intro #ctn_frame .content_2 .text_wrap .p2 {
  font-size: 21px;
  margin-top: 10px;
}

.intro #ctn_frame .content_2 .text_wrap a {
  margin-top: 30px;
}

@media (max-width: 1120px) and (min-width: 769px) {
  .intro #ctn_frame .content_2 {
    padding-bottom: 5.53571vw;
  }
  .intro #ctn_frame .content_2 .img_wrap {
    width: 61.51786vw;
    margin-left: 0.98214vw;
    margin-top: 3.57143vw;
  }
  .intro #ctn_frame .content_2 .text_wrap {
    width: 37.5vw;
    margin-top: 10.35714vw;
    margin-left: 1.51786vw;
  }
  .intro #ctn_frame .content_2 .text_wrap .p1 {
    font-size: 3.21429vw;
  }
  .intro #ctn_frame .content_2 .text_wrap .p2 {
    font-size: 1.875vw;
    margin-top: 0.89286vw;
  }
  .intro #ctn_frame .content_2 .text_wrap a {
    margin-top: 2.67857vw;
  }
}

@media (max-width: 768px) {
  .intro #ctn_frame .content_2 {
    padding-bottom: 11.91589vw;
  }
  .intro #ctn_frame .content_2 .img_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-left: 0;
    margin-top: 7.71028vw;
  }
  .intro #ctn_frame .content_2 .text_wrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin-top: 8.8785vw;
    margin-left: 0;
  }
  .intro #ctn_frame .content_2 .text_wrap p {
    text-align: justify;
  }
  .intro #ctn_frame .content_2 .text_wrap .p1 {
    font-size: 5.60748vw;
  }
  .intro #ctn_frame .content_2 .text_wrap .p2 {
    font-size: 3.73832vw;
    margin-top: 2.33645vw;
  }
  .intro #ctn_frame .content_2 .text_wrap a {
    margin-top: 5.60748vw;
  }
}

.intro #ctn_frame .content_3 {
  padding-bottom: 135px;
  border-bottom: none;
}

.intro #ctn_frame .content_3 .img_wrap {
  width: 793px;
  margin-left: -90px;
  margin-top: 87px;
}

.intro #ctn_frame .content_3 .text_wrap {
  width: 400px;
  margin-top: 205px;
  margin-left: -40px;
}

.intro #ctn_frame .content_3 .text_wrap p {
  font-weight: normal;
}

.intro #ctn_frame .content_3 .text_wrap .p1 {
  font-size: 36px;
}

.intro #ctn_frame .content_3 .text_wrap .p2 {
  font-size: 21px;
  margin-top: 10px;
}

@media (max-width: 1120px) and (min-width: 769px) {
  .intro #ctn_frame .content_3 {
    padding-bottom: 12.05357vw;
  }
  .intro #ctn_frame .content_3 .img_wrap {
    width: 70.80357vw;
    margin-left: -8.03571vw;
    margin-top: 7.76786vw;
  }
  .intro #ctn_frame .content_3 .text_wrap {
    width: 35.71429vw;
    margin-top: 18.30357vw;
    margin-left: -3.57143vw;
  }
  .intro #ctn_frame .content_3 .text_wrap .p1 {
    font-size: 3.21429vw;
  }
  .intro #ctn_frame .content_3 .text_wrap .p2 {
    font-size: 1.875vw;
    margin-top: 0.89286vw;
  }
}

@media (max-width: 768px) {
  .intro #ctn_frame .content_3 {
    padding-bottom: 135px;
  }
  .intro #ctn_frame .content_3 .img_wrap {
    width: 100%;
    margin-left: 0;
    margin-top: 8.8785vw;
  }
  .intro #ctn_frame .content_3 .text_wrap {
    width: 100%;
    margin-top: 6.30841vw;
    margin-left: 0;
  }
  .intro #ctn_frame .content_3 .text_wrap p {
    text-align: justify;
  }
  .intro #ctn_frame .content_3 .text_wrap .p1 {
    font-size: 5.60748vw;
  }
  .intro #ctn_frame .content_3 .text_wrap .p2 {
    font-size: 3.73832vw;
    margin-top: 2.33645vw;
  }
}
/*# sourceMappingURL=intro.css.map */