/* #sub-contents1 */
#sub-contents1 .cont-tit1::after {
  content: '🙌🏻';
  display: inline-block;
  transform: translateY(-5px);
}
#sub-contents1 > .sub-cont-wrap .bottom > .bottom-list {
  background: url(../introduction/basic/img/contents/1/1.png);
  animation: commonMoveLeft-5 linear 10s infinite;
}
/* #sub-contents1 - E */

/* #sub-contents2 */
#sub-contents2 {
  padding: 140px 0;
}
#sub-contents2 > .sub-cont-wrap {
  justify-content: space-between;
  align-items: center;
  max-width: 1600px;
  margin: 0 auto;
}
#sub-contents2 > .sub-cont-wrap .txt-wrap {
  padding: 0 46px;
}
#sub-contents2 > .sub-cont-wrap .design-wrap ~ .txt-wrap {
  margin-top: 40px;
}
#sub-contents2 > .sub-cont-wrap .design-wrap {
  margin-top: 90px;
}
#sub-contents2 > .sub-cont-wrap .design-wrap > .img {
  width: 1728px;
  height: 336px;
  background: url(../introduction/basic/img/contents/2/img.png) 100%;
  animation: moveLeft linear 10s infinite;
}
@keyframes moveLeft {
  from {
    background-position: -0 0;
  }

  to {
    background-position: -1728px 0;
  }
}

#sub-contents2 > .sub-cont-wrap .design-wrap > .dim {
  position: absolute;
  top: 0;
  left: 0;
}

#sub-contents2 p.cont-txt1 {
  color: #999;
}
/* #sub-contents2 - E */

/* #sub-contents3 */
#sub-contents3 {
  padding: 140px 46px;
}
#sub-contents3 > .sub-cont-wrap {
  position: relative;
  justify-content: space-between;
  align-items: center;
  max-width: 1316px;
  height: 100%;
  margin: 0 auto;
}
#sub-contents3 > .sub-cont-wrap .design-wrap ~ .txt-wrap {
  margin-top: 100px;
}
#sub-contents3 > .sub-cont-wrap .design-wrap {
  position: relative;
  min-width: 548px;
  min-height: 723px;
  height: 100%;
  margin-top: 120px;
}
#sub-contents3 > .sub-cont-wrap .design-wrap .phone {
  width: 309px;
  position: absolute;
  z-index: 1;
}
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box {
  position: absolute;
  width: 295px;
  height: 637px;
  border-radius: 46px;
  overflow: hidden;
}
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box1 .video {
  position: absolute;
  top: 5px;
  left: 48%;
  width: 1120px;
  transform: translateX(-50%);
  outline: none;
  border: none;
}

#sub-contents3 > .sub-cont-wrap .design-wrap .video-box2 .video {
  position: absolute;
  top: 5px;
  left: 48%;
  width: 1120px;
  transform: translateX(-50%);
  overflow: hidden;
  outline: none;
  border: none;
}

#sub-contents3 > .sub-cont-wrap .design-wrap .phone1,
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box1 {
  top: 0;
}
#sub-contents3 > .sub-cont-wrap .design-wrap .phone2,
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box2 {
  bottom: 0;
  right: 0;
}
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box1,
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box2 {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box1 {
  left: 10px;
}
#sub-contents3 > .sub-cont-wrap .design-wrap .video-box2 {
  right: 4px;
}

#sub-contents3 .cont-txt1 {
  color: #999;
}
/* #sub-contents3 - E */

/* #sub-contents4 */
#sub-contents4 {
  background-color: #3c7cff;
  padding: 140px 46px;
}
#sub-contents4 > .sub-cont-wrap {
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
#sub-contents4 > .sub-cont-wrap .design-wrap ~ .txt-wrap {
  margin-top: 60px;
}
#sub-contents4 > .sub-cont-wrap .design-wrap {
  width: 658px;
  margin-top: 120px;
}
#sub-contents4 > .sub-cont-wrap .design-wrap .img-box {
  height: 876px;
  background: url(../introduction/basic/img/contents/4/img.png) center / 100% 876px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: -30px;
  margin-right: -30px;
}

#sub-contents4 h2.cont-tit1:nth-of-type(1) {
  margin-bottom: 20px !important;
}

#sub-contents4 h2.cont-tit1:nth-of-type(2) {
  margin-bottom: 60px;
}

#sub-contents4 .cont-txt1 {
  opacity: 0.8;
}

/* #sub-contents4 - E */

/* #sub-contents5 */
#sub-contents5 {
  padding: 140px 46px;
}
#sub-contents5 > .sub-cont-wrap .top .txt-wrap .preface2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.05em;
  color: #999999;
  margin-bottom: 25px;
}
#sub-contents5 > .sub-cont-wrap .top .txt-wrap .cont-tit1 {
  margin-bottom: 20px;
}

#sub-contents5 > .sub-cont-wrap .top .design-wrap {
  max-width: 1280px;
  margin: 120px auto 100px;
}
#sub-contents5 > .sub-cont-wrap .top .design-wrap .slide-phone-wrap {
  width: 370px;
  margin: 0 auto;
  position: relative;
}
#sub-contents5 > .sub-cont-wrap .top .design-wrap .slide-phone-wrap > img {
  position: absolute;
}
#sub-contents5 > .sub-cont-wrap .top .design-wrap .slide-phone-wrap .sub-cont-swiper-device {
  width: 350px;
  margin: 0 auto;
  transform: translate(2px, 7px);
  border-radius: 55px;
  overflow: hidden;
}
#sub-contents5 > .sub-cont-wrap .top .design-wrap .swiper-pagination-bullets {
  margin-top: 50px;
}

#sub-contents5 > .sub-cont-wrap .bottom {
  max-width: 1280px;
  margin: 0 auto;
}
#sub-contents5 > .sub-cont-wrap .bottom > div {
  box-sizing: border-box;
  border-top: 2px solid rgba(153, 153, 153, 0.5);
  padding: 30px 0 80px;
}

#sub-contents5 > .sub-cont-wrap .bottom > div > p {
  font-weight: 900;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.05em;
  color: #999999;
}
#sub-contents5 > .sub-cont-wrap .bottom > div > h3 {
  font-weight: 700;
  font-size: 62px;
  line-height: 72px;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 40px;
}
#sub-contents5 > .sub-cont-wrap .bottom .contents-result {
  padding-bottom: 0;
}
#sub-contents5 > .sub-cont-wrap .bottom .contents-result p:last-child {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.03em;
  color: #999999;
  margin-top: 30px;
}
/* #sub-contents5 - E */

/* #sub-contents6 */
#sub-contents6 {
  padding: 120px 0;
}
#sub-contents6 > .sub-cont-wrap {
  max-width: 1440px;
  margin: 0 auto;
}
#sub-contents6 > .sub-cont-wrap > .design-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#sub-contents6 > .sub-cont-wrap > .design-wrap .sub-cont-swiper1 {
  padding-left: 46px;
  margin: 0 auto;
}
#sub-contents6 > .sub-cont-wrap > .design-wrap .sub-cont-swiper1 .swiper-slide > a > img {
  width: 100%;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: '';
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: '';
}
.swiper-button-prev {
  background: url(../img/btn_prev.png) no-repeat center;
}
.swiper-button-next {
  background: url(../img/btn_next.png) no-repeat center;
}
/* #sub-contents6 - E */