.visual2 {width: 100%; height: auto; padding: 220px 0 140px;}
.visual2 .d-flex {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.visual2 .left_box {}
.visual2 .left_box .txt-box {}
.visual2 .left_box .txt-box .tit {margin-bottom: 20px; font-size: 42px; font-weight: bold; line-height: 1.4; letter-spacing: -1.26px; color: var(--black_3);}
.visual2 .left_box .txt-box .sub {margin-bottom: 50px; font-size: 24px; font-weight: 500; line-height: 1.5; letter-spacing: -0.48px; color: var(--black_3);}
.visual2 .left_box .txt-box .box {display: flex; flex-wrap: wrap; gap: 10px; max-width: 600px; width: 100%;}
.visual2 .left_box .txt-box .box p {display: flex; align-items: center; justify-content: center; gap: 5px; padding: 10px 15px; box-sizing: border-box; background: var(--gray_ef); border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.32px; color: var(--gray_6);}
.visual2 .left_box .txt-box .box p.on img {animation: jello-diagonal-1 0.8s both; opacity: 1;}
@keyframes jello-diagonal-1 {
  0% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(25deg 25deg);
            transform: skew(25deg 25deg);
  }
  40% {
    -webkit-transform: skew(-15deg, -15deg);
            transform: skew(-15deg, -15deg);
  }
  50% {
    -webkit-transform: skew(15deg, 15deg);
            transform: skew(15deg, 15deg);
  }
  65% {
    -webkit-transform: skew(-5deg, -5deg);
            transform: skew(-5deg, -5deg);
  }
  75% {
    -webkit-transform: skew(5deg, 5deg);
            transform: skew(5deg, 5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
}
.visual2 .left_box .txt-box .box p img {opacity: 0; width: 20px; height: auto; transition: all .3s;}

.visual2 .left_box .txt-box .box p b {font-weight: bold; color: var(--gray_6);}

.visual2 .img-box {position: relative; max-width: 620px; width: 100%; height: auto; overflow: hidden;}
.visual2 .phone_bg {width: 100%; height: auto; overflow: hidden; border-radius: 40px;}
.visual2 .img-box .vod_box {position: absolute; bottom: -147px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; max-width: 300px; width: 100%; height: auto; overflow: hidden; border-radius: 42px;}
.visual2 .img-box .vod_box img {position: relative; width: 100%; height: auto; z-index: 2;}
.visual2 .img-box .vod_box video {position: absolute; top: 17px; left: 50%; transform: translateX(-50%); width: 88%; height: auto; object-fit: cover; z-index: 1;}

/* kv_list */
.kv_list {width: 100%; height: auto; padding-top: 80px;}
.kv_list ul {display: flex; flex-wrap: wrap; gap: 50px 0; margin: 0 -26px;}
.kv_list ul li {width: calc(100% / 3); padding: 0 26px; box-sizing: border-box;}
.kv_list ul li .child-box {width: 100%; height: auto;}
.kv_list ul li .child-box .img-box {position: relative; width: 100%; height: auto; margin-bottom: 20px;}
.kv_list ul li .child-box .img-box:before {position: absolute; top: 50%; right: -39px; transform: translateY(-50%); content: ''; display: block; width: 30px; height: auto; aspect-ratio: 1/1; background: url(./../img2/arrow_icon.png)no-repeat 50% 50%; background-size: cover;}
.kv_list ul li:nth-child(3) .child-box .img-box:before,
.kv_list ul li:nth-child(6) .child-box .img-box:before {display: none;}
.kv_list ul li .child-box .img-box img {width: 100%; height: auto;}

.kv_list ul li .child-box .txt-box {}
.kv_list ul li .child-box .txt-box .sub {margin-bottom: 10px; font-size: 18px; font-weight: bold; line-height: 1.4; letter-spacing: -0.54px; color: var(--gray_9);}
.kv_list ul li .child-box .txt-box .tit {font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: -0.72px; color: var(--black_3);}