.sec1_ct {display: flex; align-items: center; gap: 99px;}
.sec1_ct .img-box {width: 420px; height: auto;}
.sec1_ct .img-box .name {opacity: 0; margin-top: 15px; font-size: 20px; font-weight: bold; line-height: 1; color: var(--black_3); text-align: center;}
.sec1_ct .img-box img {width: 100%; height: auto; opacity: 0;}
section.on .sec1_ct .img-box img {animation: scale-in-center 0.5s 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; opacity: 1;}
section.on .sec1_ct .img-box .name {opacity: 1; transition: all .5s 1s;}
/* @keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
} */

.sec1_ct .txt-img {opacity: 1; transform: translate3d(0, 0, 0); transition: all .5s;}
section.on .sec1_ct .txt-img {opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 1.2s;}
.sec1_ct .txt-img .tit {margin-bottom: 30px; font-size: 40px; font-weight: 400; line-height: 1.4; letter-spacing: -0.8px; color: var(--black);}
.sec1_ct .txt-img .tit span {font-weight: bold; color: var(--pr);}

.sec1_ct .txt-img .sub {margin-bottom: 14px; font-size: 20px; font-weight: 400; line-height: 1.8; letter-spacing: -0.4px; color: var(--gray_6);}
.sec1_ct .txt-img .sub:last-of-type {margin-bottom: 0;}
.sec1_ct .txt-img .sub span {font-weight: 600; color: var(--pr3);}

/* vod_box */
.vod_box {width: 100%; height: auto;}
.vod_box .iframe-box {max-width: 600px; width: 100%; height: auto; aspect-ratio: 600/338; margin: 0 auto; margin-bottom: 60px; border-radius: 8px; overflow: hidden;}
.vod_box .iframe-box iframe {width: 100%; height: 100%;}

.vod_box .vod_list {width: 100%; height: auto;}
.vod_box .vod_list ul {display: flex; align-items: center; gap: 20px;}
.vod_box .vod_list ul li {width: 100%; height: auto;}
.vod_box .vod_list ul li .img-box {width: 100%; height: auto;}
.vod_box .vod_list ul li .img-box img {width: 100%; height: auto; border-radius: 8px;}

/* sec3_ct */
.sec3_ct {width: 100%; height: auto;}
.sec3_ct ul {display: flex; flex-flow: column; gap: 50px;}
.sec3_ct ul li {width: 100%;}
.sec3_ct ul li .child-box {display: flex; align-items: center;}
.sec3_ct ul li.aos-animate .child-box {animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
.sec3_ct ul li:nth-child(even) .child-box {flex-flow: row-reverse;}
.sec3_ct ul li .child-box .img-box {width: 50%; height: auto; aspect-ratio: 500/320;}
.sec3_ct ul li .child-box .img-box img {width: 100%; height: auto;}

.sec3_ct ul li .child-box .txt-box {display: flex; flex-flow: column; justify-content: center; width: 50%; height: auto; aspect-ratio: 500/320; padding: 0 71px; background: var(--wt); box-sizing: border-box;}
.sec3_ct ul li .child-box .txt-box .num {margin-bottom: 8px; font-size: 22px; font-weight: 500; line-height: 1.5; letter-spacing: -0.44px; color: var(--pr);}
.sec3_ct ul li .child-box .txt-box .tit {margin-bottom: 20px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: -0.6px; color: var(--black_3);}
.sec3_ct ul li .child-box .txt-box .txt {font-size: 22px; font-weight: 500; line-height: 1.5; letter-spacing: -0.44px; color: var(--gray_6);}

/* sec4_ct */
.sec4_ct {width: 100%; height: auto;}
.sec4_ct ul {display: flex; align-items: center; justify-content: center; gap: 92px;}
.sec4_ct ul li {width: 100%; height: auto;}
.sec4_ct ul li .child-box {width: 100%; height: auto;}
.sec4_ct ul li .child-box .img-box {width: 100%; height: auto; border-radius: 100%; margin-bottom: 20px;}
.sec4_ct ul li .child-box .img-box img {width: 100%; height: auto;}
.sec4_ct ul li .child-box .txt {text-align: center; font-size: 26px; font-weight: 600; line-height: 1.4; letter-spacing: -0.52px; color: var(--black);}

/* step_list */
.step_list {width: 100%; height: auto;}
.step_list ul {display: flex; align-items: center; gap: 27px;}
.step_list ul li {width: calc(100% / 4);}
.step_list ul li .child-box {width: 100%; height: auto; border-radius: 12px; overflow: hidden;}
.step_list ul li .child-box .img-box {width: 100%; height: auto; aspect-ratio: 230/160; overflow: hidden;}
.step_list ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover; transition: all .3s;}
.step_list ul li:hover .child-box .img-box img {transform: scale(1.2);}

.step_list ul li .child-box .txt-box {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 5px; height: 130px; text-align: center; background: var(--wt);}
.step_list ul li .child-box .txt-box .num {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: var(--pr);}
.step_list ul li .child-box .txt-box .txt {font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -0.44px; color: var(--black_3);}

/* talk_list */
.talk_list {width: 100%; height: auto; margin-top: 28px; background: var(--wt); border-radius: 12px; overflow: hidden;}
.talk_list .tit {display: flex; align-items: center; justify-content: center; height: 100px; background: #927d7c;}
.talk_list .tit img {max-width: 595px; width: 100%; height: auto; margin-top: -14px;}

.talk_list ul {display: flex; align-items: center; gap: 21px 0; flex-wrap: wrap; padding: 50px 60px; box-sizing: border-box; margin: 0 -10.5px;}
.talk_list ul li {width: calc(100% / 2); padding: 0 10.5px; box-sizing: border-box;}
.talk_list ul li .img-box {}
.talk_list ul li .img-box img {}


/* price_list1 */
.price_list1 {width: 100%; height: auto;}
.price_list1 ul {display: flex; align-items: center; margin: 0 -10px;}
.price_list1 ul li {width: 100%; height: auto; padding: 0 10px;}
.price_list1 ul li .child-box {display: block; width: 100%; height: 496px; padding-bottom: 40px; border: 1px solid var(--pr); border-radius: 12px; box-sizing: border-box; overflow: hidden;}
.price_list1 ul li .child-box .tit {display: flex; align-items: center; justify-content: center; height: 70px; background: var(--pr); font-size: 26px; font-weight: bold; line-height: 1.5; letter-spacing: -0.52px; color: var(--wt);}
.price_list1 ul li .child-box .img-box {width: 100%; height: auto; aspect-ratio: 300/173; padding: 12px 10px; overflow: hidden; box-sizing: border-box;}
.price_list1 ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover;}

.price_list1 ul li .child-box .txt-box {padding: 10px 20px; box-sizing: border-box;}
.price_list1 ul li .child-box .price_txt {border-bottom: 1px solid rgba(0, 0, 0, 0.3); font-size: 26px; font-weight: 400; line-height: 2.6; letter-spacing: -0.52px; color: var(--black); text-align: center;}
.price_list1 ul li .child-box .price_txt:last-of-type {border: none;}
.price_list1 ul li .child-box .price_txt span {font-weight: bold; color: var(--pr);}

.price_list1 ul li .child-box .more_btn {display: flex; align-items: center; justify-content: center; width: 133px; height: 44px; margin: 0 auto; border-radius: 8px; background: var(--black); font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.32px; color: var(--wt); cursor: pointer;}

/* price_list2 */
.price_list2 {width: 100%; height: auto; margin-top: 30px;}
.price_list2 .sub_tit {margin-bottom: 10px; font-size: 22px; font-weight: 400; line-height: 1.4; letter-spacing: -0.44px; color: var(--black_3);}

.price_list2 ul {display: flex; align-content: center; gap: 20px 0; flex-wrap: wrap; margin: 0 -10px;}
.price_list2 ul li {width: calc(100% / 4); padding: 0 10px; box-sizing: border-box;}
.price_list2 ul li .child-box {position: relative; width: 100%; height: 308px; border: 1px solid #acacac; box-sizing: border-box; border-radius: 12px; overflow: hidden;}
.price_list2 ul li .child-box .tit {display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; font-size: 26px; font-weight: bold; line-height: 1.5; letter-spacing: -0.52px; color: var(--wt); background: #acacac;}
.price_list2 ul li .child-box .txt-box {padding-top: 30px; text-align: center;}
.price_list2 ul li .child-box .txt-box .txt {font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: -0.4px; color: var(--gray_6);}
.price_list2 ul li .child-box .txt-box .price {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 26px; font-weight: bold; line-height: 1.4; letter-spacing: -0.52px; color: var(--black_3);}
.price_list2 ul li .child-box .txt-box .price span {font-weight: 400;}

/* banner */
.banner {width: 100%; height: auto; background: url(./../img/banner_bg.png)no-repeat 50% 50%; background-size: cover;}
.banner .container {position: relative;  padding: 69px 0;}
.banner .txt-box {}
.banner .txt-box .tit {font-size: 40px; font-weight: 400; line-height: 1.5; letter-spacing: -0.8px; color: var(--wt);}
.banner .txt-box .tit span {font-weight: bold;}
.banner .txt-box .sub {margin-top: 10px; font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.4px; color: var(--wt);}
.banner .txt-box .banner_btn {display: flex; flex-flow: column; gap: 10px; margin-top: 40px;}
.banner .txt-box .banner_btn a {display: flex; align-items: center; justify-content: center; gap: 10px; width: 216px; height: 51px; border-radius: 8px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px;}
.banner .txt-box .banner_btn a img {width: 20px; height: auto;}
.banner .txt-box .banner_btn .talk_btn {background: var(--yellow); color: var(--black_3e);}
.banner .txt-box .banner_btn .cs_btn {background: var(--pr); color: var(--wt);}

.banner .img-box {position: absolute; bottom: 0; right: 0; max-width: 480px; width: 100%; height: auto;}

/* qna_box */
.qna_box {width: 100%; height: auto;}
.qna_box ul {display: flex; flex-flow: column; gap: 10px;}
.qna_box ul li {width: 100%; height: auto; cursor: pointer;}
.qna_box ul li .child-box {width: 100%; height: auto; word-break: keep-all;}
.qna_box ul li .child-box .tit {position: relative; padding: 24px 50px; box-sizing: border-box; background: var(--wt); font-size: 22px; font-weight: 600; line-height: 1.5; letter-spacing: -0.44px; color: var(--black_3);}
.qna_box ul li .child-box .tit span {color: var(--pr);}
.qna_box ul li .child-box .tit img {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); width: 16px; height: auto; transition: all .3s;}
.qna_box ul li.active .child-box .tit img {transform: translateY(-50%) rotate(-180deg);}
.qna_box ul li .child-box .txt {display: none; padding: 23px 50px; box-sizing: border-box; background: var(--wt_f2); font-size: 20px; font-weight: 400; line-height: 1.5; letter-spacing: -0.4px; color: var(--gray_6);}

.sec5_ct.slide2sec {margin-top: 80px;}