@charset "utf-8";
/* 메인(SOIJEONG Medi Lab) — Figma 2026 소이정 홈페이지 시안. 섹션 모션은 sub.css (_Skin/23.php) 규칙을 이식했다. */
.main {background-color: #fff;}
.main .header .logo svg.color {opacity: 1;}
.main .header .logo svg.wh {opacity: 0;}

/*  {padding-top: var(--hdH);} */

    html {
        font-size: clamp(7.5px, calc(0.446429vw - 1.428571px), 10px);
    }



:root {


    --moFixH:60px;
    --org: #ff6714;


    --point01: #FF5E10;
    --point02: #3E55C4;
    --black:#1A1A1C;

    --hdIn:5rem;
    --inPd: 20px;
    --inpH: 3.5em;
    --mainIn: max(204rem, 1440px);
    --mainIn2: max(184rem, 1440px);
    --in: max(164rem, 1240px);
    --in2: max(124rem, 1040px);
    --in3: 1040px;
    --subVisPd: 12rem;
    --subPd: 20rem;
    --subMt: 6rem;

    /* 컬러 */



    --radius: 2.4rem; /* 30 */


    --contMt:5rem;

    --contMt1: 5rem;
    --contMt2: 5rem;
    --contMt3: 6rem;
    --contMt4: 4rem;


    --h1:7.5rem;
    --h2:6rem;
    --h3:4.5rem;
    --h4:3.6rem;
    --h5:3.2rem;
    --h6:3rem;;
    --h7:2.8rem;;
    --h8:2.5rem;

    --p1:2.2rem;
    --p2:2rem;
    --p3:1.8rem;  /* 본문 */
    --p4:1.6rem;
    --p5:1.5rem;
    --p6:1.4rem;

    --pd:var(--pd1);
    --pd1:30rem;
    --pd2:25rem;
    --pd3:20rem;
    --pd4:15rem;
    --pd5:10rem;

}

.site_nav  {display: none;}


@media screen and (max-width: 2000px){


    html {
        font-size: clamp(7px, calc(0.065789vw + 6.184211px), 7.5px);
    }
}


@media screen and (max-width:1440px){
    html { font-size: 7.5px; }

    :root {
       --h1: 40px;
        --h2: 34px;
        --h3: 30px;
        --h4: 26px;
        --h5: 24px;
        --h6: 22px;
        --h8: 18px;

        --p1: 18px;
        --p2: 16px;
        --p3: 14px;
        --p4: 13px;
        --p5: 13px;

    }
}


@media screen and (max-width:1240px){
    
 html { font-size: 7px; }

    :root {
  

            --subMt: 6rem;
        --hdIn:var(--inPd);

        --inPd: 30px;

        --pd1: 25rem;
        --pd2: 20rem;
        --pd3: 15rem;
        --pd4: 10rem;
        --pd5: 10rem;

    }
}



@media screen and (max-width:768px){
    
 html { font-size: 6px; }

    :root {
        --h1: 34px;
        --h2: 28px;
        --h3: 26px;
        --h4: 24px;
        --h5: 20px;
        --h6: 18px;
        --h8: 18px;
        --p1: 16px;
        --p2: 15px;
        --p3: 13px;
        --p4: 13px;
        --p5: 12px;
        --p6: 11px;
        --subVisPd: 60px;
        --subPd: 120px;
        --subMt: 30px;
        --radius: 10px;
        --radius2: 20px;
        --pd1: 100px;
        --pd2: 100px;
        --pd3: 70px;
        --contMt: 30px;

    }
}


@media screen and (max-width: 600px) {

      :root {
        --subMt:30px;
        --subPd: 80px;
        --inPd: 15px;


    }


}






 .sect_tit_box {display: flex; flex-direction: column; align-items: flex-start; gap: 2rem;}
 .sect_tit_box.txt_c {align-items: center; text-align: center;}
 .sect_tit_box p {overflow: hidden;}
 .sect_tit_box p span {display: inline-block; transform: translateY(110%); transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);}
 .sect_tit_box .tit p:nth-child(2) span {transition-delay: 0.12s;}
 .sect_tit_box .tit p:nth-child(3) span {transition-delay: 0.24s;}
 .sect_tit_box.active p span {transform: none;}
 .medi_main .sect_tit_box .sm_tit,
 .sect_tit_box .sm_tit {font-size: var(--p2); font-weight: 600; line-height: 1.3;}
 .medi_main .sect_tit_box .tit,
 .sect_tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5; letter-spacing: -0.02em;}
 .sect_tit_box.sm {gap: 1.5rem;}
 .sect_tit_box.sm .sm_tit {font-size: var(--p3); color: var(--point02);}
 .sect_tit_box.sm .tit {font-size: var(--h5);}
 


/* 공용 타이틀 블록 — basic.js ComContObserver('.sect_tit_box')가 .active 를 붙여 p > span 이 아래에서 올라온다 */

 .tit_wrap {display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem;}
 .tit_wrap .side_txt {font-size: var(--p2); font-weight: 500; color: #6F7380; text-align: right; line-height: 1.5; opacity: 0; transform: translateY(3rem); transition: opacity 0.8s ease-in-out 0.6s, transform 0.8s ease-in-out 0.6s;}
 .tit_wrap.active .side_txt {opacity: 1; transform: none;}
 .com_basic_btn {display: inline-flex; align-items: center; justify-content: center; gap: 1em; font-size: var(--p3); color: #fff; font-weight: 700; border-radius: 10em; background-color: var(--point02); padding: 0 1.5em; height:3.5em; transition: 0.3s ease-in-out;}
 .com_basic_btn.wh {background-color: #fff; color: var(--black); border: 1px solid var(--black);}
 .com_basic_btn svg {width: 1em; height: 1em;}
 .btn_box {display: flex; justify-content: center; margin-top: var( --contMt);}

/* main_visual_new */
 .main_visual_new { position: relative; height: 100lvh;}
 .main_visual_new .img { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; will-change: transform;  }
 .main_visual_new .img video { position: relative; width: 100%; height: 100%; object-fit: cover; }
 .main_visual_new .img img { position: relative; width: 100%; height: 100%; object-fit: cover; }
 .main_visual_new .img::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 2;}

 .main_visual_new .tit_box { position: absolute; left: 50%; bottom: 4%; transform: translateX(-50%); padding: 0 var(--hdIn); width: 100%; max-width: 100%; font-size:13rem; overflow: hidden; white-space: nowrap; transition: bottom 1.7s cubic-bezier(0.8, 0, 0.3, 0.99);  z-index:3;}
 .main_visual_new .tit_box .desc {color: #fff; font-size: var(--h4); font-weight: 600; margin-bottom: 1rem; overflow: hidden;}
 .main_visual_new .tit_box .desc p {display: inline-block; transform: none; transition: none; white-space: nowrap; opacity: 0;}
 .main_visual_new .tit_box .desc p.typing {opacity: 1;}
 .main_visual_new .tit_box .tit { display: flex; justify-content: flex-start; width: 100%; font-weight: 700; font-family: var(--pop); line-height: 1.2em; letter-spacing: -0.02em; text-align: center; }
 .main_visual_new .tit_box .txt { display: flex; align-items: center; justify-content: center; overflow: hidden; line-height: 1.3 }
 .main_visual_new .tit_box .txt span {display: inline-block; transform: translateY(100%);  transition: transform 0.5s ease-in-out , opacity 1s ease-in-out}
 .main_visual_new .tit_box .txt .slide_txt { position: relative; display: flex; align-items: center; justify-content: center; color: #fff;}
 .main_visual_new .tit_box .txt .slide_txt span {  }
 .main_visual_new .tit_box .txt .slide_txt span.changed { opacity: 1; transform: unset; transition: transform 0.8s , opacity 0.5s; }
 .main_visual_new .tit_box .txt .slide_txt span.changing { opacity: 0; transform: translateY(100%) }

 .main_visual_new .tit_box .txt .slide_txt .line { position: relative; width: 0.5em; height: 0.15em; background-color: #fff; margin: 0 0.1em; opacity: 0; transition: opacity 0.3s ease-in-out ;transition-delay: calc(1.5s - 0.75s) }
 /* .main_visual_new .tit_box .txt .slide_txt .line:before { content: ''; position: absolute; left: -1px; top: -5px; width: 1vw; height: calc(100% + 10px); background-color: #fff; z-index: 5; } */
/* .main_visual_new .tit_box .txt .slide_txt .line.changed { opacity: 1; transform: unset; transition: opacity 0.8s, transform 0.8s; }*/
/* .main_visual_new .tit_box .txt .slide_txt .line.changing { opacity: 0; transform: translateY(300%); }*/

 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(1){transition-delay: calc(0.8s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(2){transition-delay: calc(0.85s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(3){transition-delay: calc(0.9s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(4){transition-delay: calc(0.95s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(5){transition-delay: calc(1.0s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(6){transition-delay: calc(1.05s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(7){transition-delay: calc(1.1s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(8){transition-delay: calc(1.15s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(9){transition-delay: calc(1.2s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(10){transition-delay: calc(1.25s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(11){transition-delay: calc(1.3s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(12){transition-delay: calc(1.35s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(13){transition-delay: calc(1.4s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(14){transition-delay: calc(1.45s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(15){transition-delay: calc(1.5s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(16){transition-delay: calc(1.55s - 0.75s)}
 .main_visual_new .tit_box .txt .slide_txt span:nth-of-type(17){transition-delay: calc(1.6s - 0.75s)}

 .main_visual_new .tit_box .tit .slide {flex: 1;height: 1.2em; overflow: hidden; position: relative; margin-left: 0.15em;  }
 .main_visual_new .tit_box .tit .slide p {position: absolute;opacity: 0;}
 .main_visual_new .tit_box .tit .slide p:first-child { opacity: 1; transform: unset}
 .main_visual_new .tit_box .tit .letter {display: inline-block;position: relative;transform: translateY(110%);}
 .main_visual_new .tit_box .tit .letter.out {transform: translateY(-110%); transition: transform 1s ease-in-out;}
/* .main_visual_new .tit_box .tit .letter.behind {transform: translateY(110%); transition: transform 1s ease-in-out;}*/
 .main_visual_new .tit_box .tit .letter.in {transform: translateY(0);transition: transform 1s ease-in-out;}


 .main_visual_new .tit_box.active .desc p {transform: none;}
 .main_visual_new .tit_box.active .txt span { transform: unset; }
 .main_visual_new .tit_box.active .txt .line {opacity: 1;}
 .main_visual_new .tit_box.on { bottom: 78vh; }
 .main_visual_new .tit_box.on ~ .img { bottom: 57vh; transform: scale(0.8) translateY(100%); opacity: 1; }
 .main_visual_new .tit_box.on ~ .pin-spacer .img { bottom: 57vh; transform: scale(0.8) translateY(100%); opacity: 1; }

 .main_visual_new .load_visual.active { opacity: 0; }
 .main_visual_new .load_visual.active .tit { left: 0; top: 14vw; }
 .main_visual_new .load_visual.active .tit span { opacity: 1; }

@keyframes introMouse {
    0% {transform: translate(-50%, 0); opacity: 1;}
    70% {transform: translate(-50%, 22px); opacity: 0.15;}
    100% {transform: translate(-50%, 0); opacity: 1;}
}




/* =================================== */
.main_visual_new {width: calc(100% - var(--hdIn) * 2); margin: 0 auto; margin-top: var(--hdH); height: calc(100svh - var(--hdH) - var(--hdIn));  border-radius: 5rem; overflow: hidden;}

/* =================================== */




/* 슬로건 — 5장의 이미지가 사방에서 모이고 글자가 채워진다(GSAP scrub). 이미지 크기는 자체 em 스케일 */
/* .slogan_sect {height: calc(var(--vh, 1vh) * 400); position: relative;}
.slogan_sect .cont_wrap {height: calc(var(--vh, 1vh) * 100); position: sticky; top: 0; overflow: hidden;}
.slogan_sect .tit_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0 var(--inPd); width: 100%; text-align: center;}
.slogan_sect .tit_box .tit {font-size: min(3.2vw, 8rem); font-weight: 700; line-height: 1.5; letter-spacing: -0.02em;}
.slogan_sect .tit_box .tit .text {opacity: 0; background: linear-gradient(to right, var(--black) 50%, rgba(0, 0, 0, 0.2) 50%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text; -webkit-background-clip: text; display: inline;}
.slogan_sect .img {position: absolute; opacity: 0; font-size: clamp(5px, 0.27vw, 10px);}
.slogan_sect .img img {display: block; width: 100%; border-radius: 3rem;}
.slogan_sect .img.left_top {width: 63.5em; top: 150%; left: 6%;}
.slogan_sect .img.left_bot {width: 45em; bottom: -118%; left: -2.5%;}
.slogan_sect .img.center {width: 66.4em; bottom: -103%; left: 54%;}
.slogan_sect .img.right_bot {width: 39em; bottom: -116%; right: 2%;}
.slogan_sect .img.right_top {width: 52.6em; top: 105%; right: 8%;}
.slogan_sect .img .txt_box {position: absolute; padding: 2.5rem 3.5rem; color: #fff; border-radius: 2.5rem; line-height: 1.5; white-space: nowrap; backdrop-filter: blur(15px); opacity: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;}
.slogan_sect .img .txt_box .tit {font-size: var(--h6); font-weight: 700; letter-spacing: -0.02em;}
.slogan_sect .img .txt_box.type1 {left: -26%; bottom: 3%; background: radial-gradient(120% 160% at 50% 40%, rgba(81, 151, 255, 0.85) 34%, rgba(122, 211, 255, 0.85) 100%); transform: translateY(20%);}
.slogan_sect .img .txt_box.type2 {right: -14%; bottom: -25%; background: radial-gradient(120% 160% at 50% 50%, rgba(98, 204, 237, 0.8) 22%, rgba(107, 226, 168, 0.8) 100%); transform: translateY(20%);}
.slogan_sect .img .txt_box.type3 {right: -6%; bottom: -30%; background: radial-gradient(120% 160% at 46% 50%, rgba(62, 85, 196, 0.75) 0%, rgba(81, 120, 209, 0.75) 50%, rgba(101, 155, 222, 0.75) 100%); transform: translateY(20%);}
.slogan_sect .img .txt_box.active {opacity: 1; transform: none;} */


 .rotation_sect {height: 400svh; position: relative;}
 .rotation_sect .cont_wrap {height: 100lvh; position: sticky; top: 0;  overflow: hidden}
 .rotation_sect .tit_box {position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%) ;padding: 0 var(--inPd); width: 100%; text-align: center}
 .rotation_sect .tit_box .tit {font-size: min(3.2vw, 8rem); font-weight: 700; line-height: 1.5;}
 .rotation_sect .tit_box .tit .text{opacity: 0;background: linear-gradient(to right, #1A1A1C 50%, rgba(0,0,0,0.2) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}

 .rotation_sect .tit_box .check_list {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
 .rotation_sect .tit_box .check_list li {display: flex; align-items: center; font-size:  var(--h4); font-weight: 700; opacity: 0; transform: translateY(100px)}
 .rotation_sect .tit_box .check_list li + li {margin-top: 1.5rem;}
 .rotation_sect .tit_box .check_list li .ico {display: flex; align-items: center; width: 1.2em; flex-shrink: 0; margin-right: 0.5em; }
 .rotation_sect .tit_box .check_list li .ico svg {width: 100%; height: auto;}
 .rotation_sect .tit_box .check_list li .ico svg .svg-elem-1 {stroke-dashoffset: 482px;stroke-dasharray: 482px;}


 .rotation_sect .img {position: absolute; opacity: 0; font-size: 0.8rem}
 .rotation_sect .img img {width: 100%; border-radius: 3rem}

 .rotation_sect .img.left_top {width: 56em; top: 150%; left: 7%;}
 .rotation_sect .img.left_bot {width: 31em; bottom: -118%; left: -5%; ;transform: translateX(-35%)}
 .rotation_sect .img.center {width: 52em; bottom: -103%; left: 50%;}
 .rotation_sect .img.right_bot {width:32em; bottom: -116%; right: 2%;}
 .rotation_sect .img.right_top {width: 57em; top: 105%; right: 5%;}

 .rotation_sect .img .txt_box {padding: 3.5em 4em; color: #fff; border-radius: 2.5rem; line-height: 1.5; white-space: nowrap}
 .rotation_sect .img .txt_box .tit {font-size: var(--h6); font-weight: 700; }
 .rotation_sect .img .txt_box .txt {font-size: var(--p3); margin-top: 0.5em;}

 .rotation_sect .img.left_top .txt_box {background: radial-gradient(76.68% 67.69% at 46.68% 50%, rgba(62, 85, 196, 0.60) 0%, rgba(101, 155, 222, 0.60) 100%); backdrop-filter: blur(15px); position: absolute; right: 0; bottom: 0%; transform: translate(0%,80%); opacity: 0;  transition: 0.3s ease-in-out;}
 .rotation_sect .img.center .txt_box {background: radial-gradient(81.08% 80.17% at 50% 40.41%, rgba(81, 151, 255, 0.75) 34.13%, rgba(122, 211, 255, 0.75) 100%); backdrop-filter: blur(6px); position: absolute; left: 0; top: 50%; transform: translate(-75%, -50%); opacity: 0; transition: 0.3s ease-in-out;}
 .rotation_sect .img.right_top .txt_box {background: radial-gradient(99.32% 99.32% at 50% 50%, rgba(98, 204, 237, 0.70) 22.12%, rgba(107, 226, 168, 0.70) 100%);; backdrop-filter: blur(15px); position: absolute; right: 0; bottom: 0%; transform: translate(10%,60%); opacity: 0;  transition: 0.3s ease-in-out;}

 .rotation_sect .img .txt_box.active {opacity: 1;}


/* Overview — 좌측 타이틀+탭, 우측 페이드 슬라이드 */
.overview_sect {padding: var(--pd) 0 var(--pd2); overflow: hidden; position: relative;}
.overview_sect .overview_wrap {position: relative; display: grid; justify-content: space-between; align-items: flex-start; grid-template-columns: minmax(0, 45%) minmax(0, 50%); grid-template-rows: auto 1fr; grid-template-areas: "left slide" "bot slide"; z-index: 2;}
.overview_sect .sect_tit_box {grid-area: left;}
.overview_sect .btn_box {margin-top: auto; grid-area: bot; display: block; opacity: 0; transform: translateY(4rem); transition: opacity 0.8s ease-in-out 0.45s, transform 0.8s ease-in-out 0.45s;}
.overview_sect .btn_box.active {opacity: 1; transform: none;}
.overview_sect .btn_box .tab {border-bottom: 2px solid rgba(0, 0, 0, 0.2); padding: 4rem 0; text-align: left; width: 100%; opacity: 0; transform: translateX(-3rem); transition: border-color 0.3s ease-in-out, opacity 0.7s ease-in-out, transform 0.7s ease-in-out;}
.overview_sect .btn_box .tab + .tab {margin-top: 1rem;}
.overview_sect .btn_box.active .tab {opacity: 1; transform: none;}
.overview_sect .btn_box.active .tab:nth-child(1) {transition-delay: 0.55s, 0.55s, 0.55s;}
.overview_sect .btn_box.active .tab:nth-child(2) {transition-delay: 0.55s, 0.68s, 0.68s;}
.overview_sect .btn_box.active .tab:nth-child(3) {transition-delay: 0.55s, 0.81s, 0.81s;}
.overview_sect .btn_box .tab > strong {display: block; font-size: var(--h6); font-weight: 700; line-height: 1.5; color: rgba(0, 0, 0, 0.3); transition: 0.3s ease-in-out;}
.overview_sect .btn_box .tab > p {margin-top: 0.5rem; font-size: var(--p4); font-weight: 500; color: rgba(0, 0, 0, 0.3); transition: 0.3s ease-in-out; line-height: 1.5;}
.overview_sect .btn_box .tab .item {display: none;}
.overview_sect .btn_box .tab.active {border-color: var(--black);}
.overview_sect .btn_box .tab.active > strong {color: var(--black);}
.overview_sect .btn_box .tab.active > p {color: var(--black);}
.overview_sect .slide {width: 100%; min-width: 0; grid-area: slide; transition: 0.6s ease-in-out 0.4s ; opacity: 0; transform: translateX(100px);}
.overview_sect .slide.active {opacity: 1; transform: unset;}
.overview_sect .slide .swiper-container, .overview_sect .slide .swiper-wrapper {height: 100%;}
.overview_sect .item {position: relative; display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 1 / 1; height: auto; padding: 7.5rem 10rem 10rem; border-radius: 5rem; color: #fff; overflow: hidden; background: linear-gradient(43deg, #83A7E0 15%, #F0F2F5 90%);}
.overview_sect .slide .item {background: transparent;}
.overview_sect .slide .item::after {content: ''; position: absolute; inset: 0; background: linear-gradient(43deg, #83A7E0 15%, #F0F2F5 90%); transition: clip-path 1s cubic-bezier(0.22, 1, 0.36, 1);}
.overview_sect .item::before {content: ''; position: absolute; left: -5%; top: -16%; width: 206%; height: 199%; background: radial-gradient(50% 50% at 54% 58%, rgba(62, 85, 196, 0.7) 0%, rgba(112, 128, 204, 0) 100%); pointer-events: none;}
.overview_sect .slide .item::before { z-index: 1; transition: clip-path 1s cubic-bezier(0.22, 1, 0.36, 1);}

.overview_sect .item.gra2::before {background: radial-gradient(75.83% 75.83% at 50% 47.16%, #00B77F 0%, #63D3B1 56.89%, #E6FFF7 100%);}
.overview_sect .item.gra3::before {background: radial-gradient(75.83% 75.83% at 50% 47.16%, #FF5E10 0%, #FF9B6A 56.89%, #FFF1EA 100%);}
.overview_sect .item .logo {position: relative; width: 21rem; z-index: 1;}
.overview_sect .slide .item .logo {opacity: 0; transform: translateY(3rem); z-index: 2; transition: opacity 0.7s ease-in-out 0.65s, transform 0.7s ease-in-out 0.65s;}
.overview_sect .item .logo img {width: 100%; height: auto;}
.overview_sect .item .txt_box {position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 5rem; z-index: 1;}
.overview_sect .slide .item .txt_box {opacity: 0; transform: translateY(4rem); z-index: 2; transition: opacity 0.8s ease-in-out 0.85s, transform 0.8s ease-in-out 0.85s;}
.overview_sect .slide.active .item .logo,
.overview_sect .slide.active .item .txt_box {opacity: 1; transform: none;}
.overview_sect .item .txt_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5; text-align: right;}
.overview_sect .item .txt_box .txt {width: 100%; font-size: var(--h8); font-weight: 500; line-height: 1.7; word-break: break-all;}
.overview_sect .gra_bg {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1;}
.overview_sect .gra_bg .gra {position: absolute; border-radius: 50%; width: 178rem; height: 181rem;}
.overview_sect .gra_bg .gra1 {left: -46.5rem; bottom: -134rem; background: radial-gradient(50% 50% at 50% 50%, rgba(62, 85, 196, 0.55) 0%, rgba(95, 116, 211, 0.41) 25%, rgba(127, 146, 226, 0.28) 50%, rgba(192, 208, 255, 0) 100%);}
.overview_sect .gra_bg .gra2 {left: -84.7rem; bottom: -84rem; background: radial-gradient(50% 50% at 50% 50%, rgba(47, 159, 254, 0.19) 0%, rgba(99, 183, 254, 0.14) 25%, rgba(151, 207, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);}

/* Why — 카드 5장이 겹쳐 있다가 펼쳐지고(.active), 1240 이하는 스와이퍼 */
.why_sect {background-color: #F6F6F6; padding: var(--pd3) 0 calc(var(--pd2) + 10rem);}
.why_sect .in {width: 214rem;}
.why_sect .slide {margin-top: calc(var( --contMt) + 2rem);}
.why_sect .slide .swiper-container {overflow: visible;}
.why_sect .slide .swiper-wrapper {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start;}
.why_sect .slide .item {position: relative; display: flex; flex-direction: column; height: auto; aspect-ratio: 400 / 700; border-radius: 2rem; padding: 4rem 2.5rem; overflow: hidden; background-color: #F7F7F7; transition: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;}
.why_sect .slide .item.img_type {padding: 0;}
.why_sect .slide .item.img_type .img {position: absolute; inset: 0;}
.why_sect .slide .item.img_type .img img {position: absolute; left: 50%; top: 50%; width: 130%; height: 115%; transform: translate(-50%, -50%); object-fit: cover; object-position: center;}
.why_sect .slide .item.img_type .img img.bg {width: 280%; height: 120%;}
.why_sect .slide .item.img_type .img img.front {width: 180%; height: 130%; object-fit: contain;}
.why_sect .slide .item.type_blue {background: radial-gradient(110.53% 118.83% at 20.36% 1.74%, #FFF 0%, #E7F3FF 50%, #CFE6FE 100%);}
.why_sect .slide .item.type_gradient {background: linear-gradient(201deg, #F19C73 2%, #6F82DF 63%); color: #fff;}
.why_sect .slide .item.type_peach {background: radial-gradient(122.5% 123.38% at 23.78% 3.44%, #FFF 0%, #FFF0E3 53.03%, #FBD5C1 100%);}
.why_sect .slide .item .tit_box  {padding: 0 1.5rem;}
.why_sect .slide .item .tit_box .desc {font-size: var(--p6); font-weight: 500; line-height: 1.5;}
.why_sect .slide .item .tit_box .tit {font-size: var(--h6); font-weight: 700; line-height: 1.5; margin-top: 1.5rem;}
.why_sect .slide .item .tit_box .txt {font-size: var(--p2); font-weight: 400; line-height: 1.5; margin-top: 1.5rem;}

.why_sect .slide .item.type_peach .desc {color: var(--point01);}
.why_sect .slide .item.type_blue .desc {color: #3E55C4;}




.why_sect .slide .item .chat_box {margin-top: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem;}
.why_sect .slide .item .chat_box p {background-color: #fff; border-radius: 2rem 2rem 2rem 0; font-size: var(--p2); font-weight: 500; letter-spacing: -0.02em; padding: 1.5rem 2rem; line-height: 1.5;}
.why_sect .slide .item.type_blue .chat_box p {background: radial-gradient(220.43% 130.13% at 27.6% 9.38%, #FFF 0%, rgba(255, 255, 255, 0.40) 100%);}
.why_sect .slide .item.type_gradient .chat_box p {background: radial-gradient(136.4% 168.67% at 15.83% -9.67%, rgba(60, 81, 144, 0.50) 0%, rgba(63, 82, 173, 0.40) 100%);}
.why_sect .slide .item.type_peach .chat_box p {background: radial-gradient(220.43% 130.13% at 27.6% 9.38%, #FFF 0%, rgba(255, 255, 255, 0.40) 100%);}
.why_sect .slide .item .chat_box p:nth-child(2) {margin-left: auto; border-radius: 2rem 2rem 0 2rem;}
.why_sect .slide .item.type_gradient .chat_box p {background-color: #6376D2;}

.why_sect .slide .item:nth-child(1) {transform: translate(200%, 0);}
.why_sect .slide .item:nth-child(2) {transform: translate(100%, 0);}
.why_sect .slide .item:nth-child(3) {transform: translate(0, 0); z-index: 3;}
.why_sect .slide .item:nth-child(4) {transform: translate(-100%, 0);}
.why_sect .slide .item:nth-child(5) {transform: translate(-200%, 0);}

.why_sect .slide.active .item:nth-child(1) {transform: rotate(-6.43deg) translate(0, 7%);}
.why_sect .slide.active .item:nth-child(2) {transform: translate(0, -3%);}
.why_sect .slide.active .item:nth-child(3) {transform: rotate(-2.78deg) translate(0, 5%); z-index: 3;}
.why_sect .slide.active .item:nth-child(4) {transform: rotate(5.65deg) translate(0, 10%);}
.why_sect .slide.active .item:nth-child(5) {transform: rotate(3.65deg) translate(0, -5%);}

/* AI 추천 — 프롬프트 타이핑 데모 */
.ai_sect {background-color: #F6F6F6; padding: 0 0 var(--pd3);}
.ai_sect .chat_demo { margin-top: var(--contMt); width: 100%;  background-color: #FCFCFC; opacity: 0; transform: translateY(6rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; overflow: hidden; border-radius: 6rem; position: relative; padding-bottom: 6rem;}
.ai_sect .chat_demo.active {opacity: 1; transform: none;}
.ai_sect .chat_demo video {width: 100%; border: none; outline: unset; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; filter:contrast(101%); -webkit-filter:contrast(101%); background-color:transparent; -webkit-mask-image: -webkit-radial-gradient(white, black);}
.ai_sect .chat_demo .logo {position: absolute; left: 7rem; bottom: 7rem; width: 19rem;}



/* 의료광고 기준 띠 */
.law_sect {width: 100%; padding: var(--pd5) 0; background: linear-gradient(90deg, #6678CE 17%, #80ABEE 100%); color: #fff;}
.law_sect .law_wrap {display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem;}
.law_sect .tit_box { max-width: 100rem;}
.law_sect .tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5; letter-spacing: -0.02em; opacity: 0; transform: translateY(4rem); transition: 0.8s ease-in-out;}
.law_sect .tit_box .desc {font-size: var(--h6); font-weight: 700; line-height: 1.5; margin-top: 7rem ;opacity: 0; transform: translateY(4rem); transition: 0.8s ease-in-out 0.15s;}
.law_sect .tit_box .txt {margin-top: -4rem; font-size: var(--p4); font-weight: 400;margin-top: 3rem ; opacity: 0; transform: translateY(4rem); transition: 0.8s ease-in-out 0.3s;}
.law_sect .logo {width: 14.7rem; flex-shrink: 0;}
.law_sect .logo img {width: 100%; height: auto;}
.law_sect .law_wrap.active .tit_box > * {opacity: 1; transform: none;}

/* How We Work — 좌측 고정 카드 9장 중 우측 리스트 활성 항목만 표시 */
.how_sect {padding: var(--pd3) 0 var(--pd3); background-color: #F6F6F6;}
.how_sect .tab_info_wrap {display: flex; align-items: stretch; gap: 5rem; height: 68.5rem; margin-top: var(--contMt);}
.how_sect .info_wrap {position: relative; flex: 1; min-width: 0; height: 100%; opacity: 0; transform: translateY(4rem); transition: 0.8s ease-in-out;}
.how_sect .icon_slide {flex: 0 0 42rem; min-width: 0; height: 100%; opacity: 0; transform: translateY(4rem); transition: 0.8s ease-in-out 0.2s;}
.how_sect .tab_info_wrap.active .info_wrap,
.how_sect .tab_info_wrap.active .icon_slide {opacity: 1; transform: none;}
.how_sect .info_wrap .slide {position: relative; height: 100%; padding: 6rem; border-radius: 4.3rem; background-color: #FDFDFD; overflow: hidden;}
.how_sect .info_wrap .swiper-container,
.how_sect .info_wrap .swiper-wrapper {height: 100%;}
.how_sect .info_wrap .swiper-slide {height: 100%; opacity: 0 !important; transition: opacity 0.5s ease-in-out;}
.how_sect .info_wrap .swiper-slide-active {opacity: 1 !important;}
.how_sect .info_wrap .info_box {position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; gap: 4rem; height: 100%;}
.how_sect .info_wrap .info_box .tit {flex: 0 0 auto; width: 40%; flex-shrink: 0; font-size: var(--h3); font-weight: 700; line-height: 1.5; letter-spacing: -0.02em; word-break: keep-all;}
.how_sect .info_wrap .info_box .txt {flex: 0 1 53%; min-width: 0; width: 53%; font-size: var(--p2); font-weight: 500; line-height: 1.6; word-break: keep-all;}
.how_sect .info_wrap .info_box .txt p + p {margin-top: 1em;}
.how_sect .info_wrap .logo {position: absolute; left: 0; bottom: 0; z-index: 2; width: 10rem;}
.how_sect .info_wrap .logo img {width: 100%; height: auto;}
.how_sect .info_wrap .cir_bg {position: absolute;left: -66rem;top: 50%;transform: translateY(-50%);width: 102.5rem;height: 105rem;border-radius: 50%;background: radial-gradient(50% 50% at 50% 50%, rgba(97, 150, 255, 0.39) 0%, rgba(255, 255, 255, 0.00) 100%);pointer-events: none;}
.how_sect .icon_slide .swiper-container {height: 100%;}
.how_sect .icon_slide .swiper-slide {position: relative; display: flex; align-items: center; gap: 2.5rem; width: 100%; height: 14rem; margin-bottom: 2rem; padding: 0 2.5rem; border-radius: 2rem; border-right: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; background-color: #E9E6E6; color: #C1C1C1; overflow: hidden; cursor: pointer; transition: color 0.3s ease-in-out;}
.how_sect .icon_slide .swiper-slide::before {content: ""; position: absolute; inset: 0; background: radial-gradient(111.96% 111.67% at 58.71% 0%, #3E55C4 0%, #9CADFF 100%); opacity: 0; transition: opacity 0.3s ease-in-out;}
.how_sect .icon_slide .swiper-slide.is-active {color: #fff;}
/* .how_sect .icon_slide .swiper-slide.swiper-slide-active  */
.how_sect .icon_slide .swiper-slide.is-active::before {opacity: 1;}
/* .how_sect .icon_slide .swiper-slide.swiper-slide-active::before  */
.how_sect .icon_slide .swiper-slide .ico {position: relative; z-index: 1; display: flex; align-items: center; justify-content: flex-start;flex-shrink: 0;}
.how_sect .icon_slide .swiper-slide .ico img {width: 5rem; height: 5rem; object-fit: contain; }
.how_sect .icon_slide .swiper-slide .tit {position: relative; z-index: 1; font-size: var(--h7); font-weight: 700; line-height: 1.5; letter-spacing: -0.02em; color: inherit; word-break: keep-all;}

/* Premium Features — 좌우 교차 카드 4장, 화면에 들어오면 텍스트·이미지 리빌 */

/* <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
  <rect width="30" height="30" rx="8" fill="#4B90FF"/>
  <path d="M7.38867 14.7891L12.7803 20.1807L22.612 9.82031" stroke="white" stroke-width="4"/>
</svg> */
.premium_sect {padding: var(--pd3) 0 var(--pd3);}
.premium_sect .cont_box {display: flex; flex-direction: column; gap: 5rem; margin-top: var(--contMt);}
.premium_sect .cont_box .cont {display: flex; justify-content: space-between;gap: 6rem; background-color: #F6F6F6; border-radius: 5rem; padding: 9rem;}
.premium_sect .cont_box .cont.reverse {flex-direction: row-reverse;}
.premium_sect .cont_box .cont .txt_box {width: 56rem; flex-shrink: 0; display: flex; flex-direction: column; height: auto;}
.premium_sect .cont_box .cont .txt_box .point {text-transform: capitalize;display: inline-flex; align-self: flex-start; align-items: center; padding: 0.6em 1.1em; border-radius: 10em; background-color: #3E55C4; color: #fff; font-size: var(--p4); font-weight: 700; line-height: 1;}
.premium_sect .cont_box .cont .txt_box .tit {margin-top: 2rem; font-size: var(--h3); font-weight: 700; line-height: 1.4; letter-spacing: -0.02em;}
.premium_sect .cont_box .cont .txt_box .txt {margin-top: 2rem; font-size: var(--p3); font-weight: 500; line-height: 1.7; color: var(--gray60);}
.premium_sect .cont_box .cont .txt_box .list {margin-top: var( --contMt); display: flex; flex-direction: column; margin-top: auto;}
.premium_sect .cont_box .cont .txt_box .list li {display: flex; align-items: center; gap: 1.6rem; padding: 1.8rem 0; border-bottom: 1px solid #D1D0D0; font-size: var(--p2); font-weight: 600;}
.premium_sect .cont_box .cont .txt_box .list li:last-child {border-bottom: 0;}
.premium_sect .cont_box .cont .txt_box .list li .ico {display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 0.6rem;  color: #fff; flex-shrink: 0;}
.premium_sect .cont_box .cont .txt_box .list li .ico svg {width: 100%; height: auto;}
.premium_sect .cont_box .cont .img {width: 80rem; max-width: 55%; aspect-ratio: 800 / 609; border-radius: 4rem; overflow: hidden; opacity: 0; transform: translateX(8rem); transition: 1s ease-in-out 0.4s; pointer-events: none;}
.premium_sect .cont_box .cont.reverse .img {transform: translateX(-8rem);}
.premium_sect .cont_box .cont .img * {width: 100%; height: 100%; object-fit: cover;}
.premium_sect .cont_box .cont .txt_box > * {opacity: 0; transform: translateY(5rem); transition: 0.6s ease-in-out 0s;}
.premium_sect .cont_box .cont .txt_box > *:nth-child(1) {transition: 0.6s ease-in-out 0.1s;}
.premium_sect .cont_box .cont .txt_box > *:nth-child(2) {transition: 0.6s ease-in-out 0.2s;}
.premium_sect .cont_box .cont .txt_box > *:nth-child(3) {transition: 0.6s ease-in-out 0.3s;}
.premium_sect .cont_box .cont .txt_box > *:nth-child(4) {transition: 0.6s ease-in-out 0.4s;}
.premium_sect .cont_box .cont.active .txt_box > * {opacity: 1; transform: none;}
.premium_sect .cont_box .cont.active .img {opacity: 1; transform: none;}

/* Premium Features 2 — 좌측 이미지가 우측 활성 항목을 따라 바뀐다 */
.feature_sect {position: relative; padding: var(--pd2) 0 var(--pd1); background-color: #F6F6F6;}
.feature_sect .cont {position: relative; display: grid; grid-template-columns: 45.7rem minmax(0, 1fr); gap: 5rem; margin-top: 5rem; opacity: 0; transform: translateY(20%); transition: opacity 1s, transform 1s; z-index: 10; min-height: 66rem;}
.feature_sect .cont.active {opacity: 1; transform: none;}
.feature_sect .cont .img_wrap {position: relative; border-radius: 3rem; overflow: hidden; background-color: #5067D9;}
.feature_sect .cont .img_wrap .img:nth-child(1) {position: relative; padding-top: 144%;}
.feature_sect .cont .img_wrap .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s;}
.feature_sect .cont .img_wrap .img.active {opacity: 1;}
.feature_sect .cont .img_wrap .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.feature_sect .cont .txt_wrap {display: flex; flex-direction: column; gap: 4rem;}
.feature_sect .cont .txt_wrap .txt_box {display: flex; align-items: flex-start; justify-content: flex-start; padding: 5rem 4.5rem; border-radius: 2rem; background-color: #fff; transition: background-color 0.8s, box-shadow 0.8s; cursor: pointer;}
.feature_sect .cont .txt_wrap .txt_box.active {box-shadow: 0 0 3rem rgba(21, 21, 21, 0.06);}
.feature_sect .cont .txt_wrap .txt_box .label {display: inline-flex; align-items: center; height: 4.6rem; padding: 0 2.5rem; font-size: var(--p3); font-weight: 600; border-radius: 10em; color: var(--black); background-color: transparent; border: 1px solid var(--black); transition: all 0.3s; white-space: nowrap;}
.feature_sect .cont .txt_wrap .txt_box.active .label {color: #fff; background-color: #E10030; border-color: #E10030;}
.feature_sect .cont .txt_wrap .txt_box .box {margin-left: 2.5rem; min-width: 0;}
.feature_sect .cont .txt_wrap .txt_box .box .tit {font-size: var(--h4); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em;}
.feature_sect .cont .txt_wrap .txt_box .box .hide_box {display: none;}
.feature_sect .cont .txt_wrap .txt_box .box .txt {margin-top: 2.5rem; font-size: var(--p3); font-weight: 400; line-height: 1.6;}
.feature_sect .cont .txt_wrap .txt_box .box .list {display: flex; align-items: center; justify-content: flex-start; gap: 6rem; margin-top: 4rem;}
.feature_sect .cont .txt_wrap .txt_box .box .list li {display: flex; align-items: center; justify-content: flex-start;}
.feature_sect .cont .txt_wrap .txt_box .box .list li .ico {display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; margin-right: 2rem; border-radius: 50%; background: #FFF2F5; overflow: hidden; flex-shrink: 0;}
.feature_sect .cont .txt_wrap .txt_box .box .list li .ico svg {width: 36%; height: 36%; fill: #E10030;}
.feature_sect .cont .txt_wrap .txt_box .box .list li .li_txt .desc {font-size: var(--body2); color: #959595; font-weight: 400;}
.feature_sect .cont .txt_wrap .txt_box .box .list li .li_txt .txt {margin-top: 0.3em; font-size: var(--h8); font-weight: 700; line-height: 1.2;}






 .solution_sect { position: relative; padding: var(--pd3) 0 ; background-color: #F6F6F6;}
 .solution_sect .tit_wrap {display: flex; align-items: flex-end; justify-content: space-between;}
 .solution_sect .tit_wrap .side_txt {color: var(--black);}

 .solution_sect .cont { position: relative; display: grid;  grid-template-columns: 66rem minmax(0, 1fr); gap: 4rem; margin-top: var( --contMt); opacity: 0; transform: translateY(30%); transition: opacity 1s, transform 1s; z-index: 10;}
 .solution_sect .cont.active { opacity: 1; transform: unset; }

 .solution_sect .cont .img_wrap { position: relative; align-self: start; border-radius: 5rem; overflow: hidden; }
 .solution_sect .cont .img_wrap .img:nth-child(1) {position: relative; padding-top: calc(751 / 660 * 100%); z-index: 1; }
 .solution_sect .cont .img_wrap .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; }
 .solution_sect .cont .img_wrap .img.active { opacity: 1; z-index: 3;}
 .solution_sect .cont .img_wrap .img object { position: absolute; left: -1%; top: -1%;width: 102%; height: 102%; pointer-events: none;}

 .solution_sect .cont .txt_wrap { display: flex; flex-direction: column; justify-content: space-between; }
 .solution_sect .cont .txt_wrap .txt_box { display: flex; flex-direction: column; padding: 4rem 6rem; border-radius: 3rem; background-color: #fff; transition: padding 0.4s ease-in-out, background-color 0.4s ease-in-out, flex 0s ease-in-out; cursor: pointer; color: var(--gray1); }
 .solution_sect .cont .txt_wrap .txt_box + .txt_box { margin-top: 3rem; }
 .solution_sect .cont .txt_wrap .txt_box:nth-child(1) .hide_cont > .txt {padding-left: calc(var(--p4) * 9.6); }
 .solution_sect .cont .txt_wrap .txt_box:nth-child(2) .hide_cont > .txt {padding-left: calc(var(--p4) * 9.4); }
 .solution_sect .cont .txt_wrap .txt_box:nth-child(3) .hide_cont > .txt {padding-left: calc(var(--p4) * 7.5); }
 .solution_sect .cont .txt_wrap .txt_box.active { background-color: #fff; padding: 7rem 6rem; border-radius: 5rem;}
 .solution_sect .cont .txt_wrap .txt_box .label { padding: 0.6em 1.1em; font-size: var(--p4); font-weight: 600; border-radius: 2em; color: #3E55C4; background-color: transparent; border: 2px solid #3E55C4; transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out; line-height: 1;}
 .solution_sect .cont .txt_wrap .txt_box.active .label { color: #fff; background-color: #3E55C4; border-color: #3E55C4; }
 .solution_sect .cont .txt_wrap .txt_box .box {  display: flex; align-items: center;}
 .solution_sect .cont .txt_wrap .txt_box .box .tit { font-size: var(--h6); font-weight: 700; line-height: 1.3;  transition: font-size 0.4s ease-in-out; margin-left: 2rem;}
 .solution_sect .cont .txt_wrap .txt_box.active .tit {font-size: var(--h3); }

 .solution_sect .cont .txt_wrap .txt_box .hide_box { display: none; width: 100%;}
 .solution_sect .cont .txt_wrap .txt_box.active .hide_box {display: block;}
 .solution_sect .cont .txt_wrap .txt_box .txt { margin-top: 1em; font-size: var(--p1); font-weight: 500;}
 .solution_sect .cont .txt_wrap .txt_box .list { display: flex; align-items: center; margin-top: 5rem; padding-top: 4rem; border-top: 1px solid #D1D0D0;}
 .solution_sect .cont .txt_wrap .txt_box .list li { display: flex; align-items: center; justify-content: flex-start; font-size: var(--p1); font-weight: 700; flex: 1;}
 .solution_sect .cont .txt_wrap .txt_box .list li + li { margin-left: 4rem; }
 .solution_sect .cont .txt_wrap .txt_box .list li .ico { display: flex; align-items: center; justify-content: center; width: 3.4em; height: 3.4em; margin-right: 1em; border-radius: 2rem; background: #F6F6F6; overflow: hidden; }
 .solution_sect .cont .txt_wrap .txt_box .list li .ico object { width: 66%; height: 66%; object-fit: contain; fill: #FA7529; }
 .solution_sect .cont .txt_wrap .txt_box .list li .li_txt { }
 .solution_sect .cont .txt_wrap .txt_box .list li .li_txt .desc { font-size: var(--p6); color: #959595; font-weight: 500; }
 .solution_sect .cont .txt_wrap .txt_box .list li .li_txt .txt { margin-top: 0.2em; font-weight: 700;}




/* 기본 기능 20종 — 5열 그리드 */
.found_sect {padding: var(--pd3) 0 var(--pd);}
.found_sect .cont_box {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: var( --contMt);}
.found_sect .cont_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5rem; aspect-ratio: 1 / 1; padding: 3rem 4rem; border-bottom: 1px solid #ECECEC; border-right: 1px solid #ECECEC; opacity: 0; transform: translateY(3rem); transition: 0.6s ease-in-out;}
.found_sect .cont_box .cont:nth-child(5n) {border-right: none;}
.found_sect .cont_box .cont:nth-child(n+16) {border-bottom: none;}
.found_sect .cont_box .cont .ico {width: 6rem; height: 6rem;}
.found_sect .cont_box .cont .ico object {width: 100%; height: 100%; object-fit: contain; pointer-events: none;}
.found_sect .cont_box .cont .txt_box {text-align: center;}
.found_sect .cont_box .cont .txt_box .tit {font-size: var(--h7); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em;}
.found_sect .cont_box .cont .txt_box .txt {margin-top: 2rem; font-size: var(--p4); font-weight: 600; color: #6F7380; line-height: 1.5; opacity: 0.8;}
.found_sect .cont_box.active .cont {opacity: 1; transform: none;}
.found_sect .cont_box.active .cont:nth-child(5n+2) {transition-delay: 0.08s;}
.found_sect .cont_box.active .cont:nth-child(5n+3) {transition-delay: 0.16s;}
.found_sect .cont_box.active .cont:nth-child(5n+4) {transition-delay: 0.24s;}
.found_sect .cont_box.active .cont:nth-child(5n+5) {transition-delay: 0.32s;}

/* CMS 플랜 — 카드 3장 리빌 */
.plan_sect {padding: 0 0 var(--pd2);}
.plan_sect .cont_box {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: var( --contMt);}
.plan_sect .cont_box .cont {display: flex; flex-direction: column; align-items: center; padding-bottom: 7rem; border-radius: 2rem; border: 1px solid var(--point01); background-color: #fff; overflow: hidden; opacity: 0; transform: translateY(10rem); transition: 1s ease-in-out;}
.plan_sect .cont_box .cont:nth-child(2) {transition-delay: 0.2s;}
.plan_sect .cont_box .cont:nth-child(3) {transition-delay: 0.4s;}
.plan_sect .cont_box.active .cont {opacity: 1; transform: none;}
.plan_sect .cont_box .cont.professional {border-color: #217AFF;}
.plan_sect .cont_box .cont.standard {border-color: #444FCE;}
.plan_sect .cont_box .cont .top {width: 100%;}
.plan_sect .cont_box .cont .top .type {display: flex; align-items: center; justify-content: center; height: 3em; width: 100%; background-color: #FFEFE8; color: var(--point01); font-size: var(--p5); font-weight: 700; line-height: 1;}
.plan_sect .cont_box .cont.professional .top .type {background-color: #E8F1FF; color: #217AFF;}
.plan_sect .cont_box .cont.standard .top .type {background-color: #E9EBFF; color: #444FCE;}

.plan_sect .cont_box .cont .top .name_box {text-align: center; margin-top: 6rem;}
.plan_sect .cont_box .cont .top .name_box .desc {color: var(--point01); font-weight: 700; font-size: var(--p2);}
.plan_sect .cont_box .cont.professional .top .name_box .desc {color: #217AFF;}
.plan_sect .cont_box .cont.standard .top .name_box .desc {color: #444FCE;}
.plan_sect .cont_box .cont .top .name_box .tit {font-size: var(--h6); font-weight: 700; color: var(--black); margin-top: 1.5rem; line-height: 1.3;}
.plan_sect .cont_box .cont .top .name_box .txt {font-size: var(--p4);  line-height: 1.5; margin-top: 1.5rem;}


/* .plan_sect .cont_box .cont .price_box {width: 100%; padding: 0 3.5rem;}
.plan_sect .cont_box .cont .price_box .label {font-size: var(--p3); font-weight: 700; color: var(--point01); line-height: 1;}
.plan_sect .cont_box .cont.standard .price_box .label {color: #217AFF;}
.plan_sect .cont_box .cont.professional .price_box .label {color: #444FCE;}
.plan_sect .cont_box .cont .price_box .price {font-size: var(--h4); font-weight: 700; line-height: 1.2;}
.plan_sect .cont_box .cont .price_box .btn {display: flex; align-items: center; justify-content: center; gap: 3rem; width: 100%; height: 6rem; border-radius: 1rem; background-color: var(--point01); color: #fff; font-size: var(--p3); font-weight: 600; transition: 0.3s ease-in-out;}
.plan_sect .cont_box .cont.standard .price_box .btn {background-color: #217AFF;}
.plan_sect .cont_box .cont.professional .price_box .btn {background-color: #7C68F2;}
.plan_sect .cont_box .cont .price_box .btn img {width: 1.5rem; height: 1.5rem;} */

.plan_sect .cont_box .cont .list {width: 100%; margin-top: 6rem;}
.plan_sect .cont_box .cont .list li {display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end ;padding: 0.75em 1.7em; border-bottom: 1px solid #E9EAEC; font-size: var(--p3); font-weight: 500; line-height: 1.4;}
.plan_sect .cont_box .cont .list li + li {margin-top: 10px;}
.plan_sect .cont_box .cont .list li img {width: 1.1em; height: 1.1em; flex-shrink: 0; margin-right: 1rem;}

.plan_sect .cont_box .cont .note {display: flex; flex-direction: column; justify-content: center; gap: 1rem; width: calc(100% - 7rem); min-height: 16.5rem; padding: 1.5rem; border-radius: 2rem; background-color: #F5F9FF; display: none;}
.plan_sect .cont_box .cont .note li {display: flex; align-items: flex-start; gap: 0.5rem; font-size: var(--body3); font-weight: 500; color: var(--gray70); line-height: 1.5;}
.plan_sect .cont_box .cont .note li img {width: 2rem; height: 2rem; flex-shrink: 0; margin-top: 0.05em;}

/* GEO 비교 — 가운데 구분값 뒤로 카드 2장 */



.compare_sect .compare_wrap .tit_wrap {display: block;}
.compare_sect .compare_wrap .tit_wrap .desc {margin-top: 2.5rem; font-size: var(--p2); }
.sub_cont_table06 { --borderRadius: 3rem ; --centerW: 30rem; margin: var(--contMt) auto 0; padding: 0 5.5rem; max-width: 134rem;}
.sub_cont_table06 .top_tit { display: grid; grid-template-columns: 1fr var(--centerW) 1fr; text-align: center;}
.sub_cont_table06 .top_tit > div { grid-column: 1; }
.sub_cont_table06 .top_tit > div.color { grid-column: 3; }
.sub_cont_table06 .top_tit .tit{font-size:var(--h6); background: #AFB0B5; color: #fff; text-align: center; font-weight: 600; padding: 0.8em 0;
    border-radius:var(--borderRadius) var(--borderRadius) 0 0; border: 0.5rem solid #A2A2A2; border-bottom: none; box-shadow: 20px 30px 30px 0 rgba(0, 0, 0, 0.15);}
.sub_cont_table06 .top_tit .tit.color {background: #3E55C4; border: 5px solid #3E55C4; border-bottom: none;}

.sub_cont_table06 .cont_box {background-color: #F8F8F8; border-radius: 0 0 var(--borderRadius) var(--borderRadius);}
.sub_cont_table06 .cont_box .txt {font-weight: 600; font-size:var(--h8); color: #8A8A8A; padding: 3rem 3rem 2rem; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; background-color: #fff; z-index: 6;background-color: #fff;box-shadow: 20px 30px 30px 0 rgba(0, 0, 0, 0.15);}
.sub_cont_table06 .cont_box .txt p {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; position: relative;}
.sub_cont_table06 .cont_box .txt.color{color: var(--black);}
.sub_cont_table06 .cont_box .txt .ico {width: 1em; height:1em; margin-bottom: 1rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><rect width="25" height="25" rx="12.5" fill="%23AFB0B5"/><path d="M18.1549 8.92236L10.1341 16.4224L6.48828 13.0133" stroke="white" stroke-width="3"/></svg>') no-repeat center / contain}
.sub_cont_table06 .cont_box .txt.color .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><rect width="25" height="25" rx="12.5" fill="%233E55C4"/><path d="M18.1549 8.92236L10.1341 16.4224L6.48828 13.0133" stroke="white" stroke-width="3"/></svg>') no-repeat center / contain}

.sub_cont_table06 .cont_box .row{display:grid; grid-template-columns:1fr var(--centerW) 1fr; text-align: center;}
.sub_cont_table06 .cont_box .row .txt:first-child {border-left: 0.5rem solid #A2A2A2; border-right: 0.5rem solid #A2A2A2;}
.sub_cont_table06 .cont_box .row .txt:last-child {border-left: 0.5rem solid #3E55C4; border-right: 0.5rem solid #3E55C4;}

.sub_cont_table06 .cont_box .row:last-child .txt:first-child {border-radius:  0 0 var(--borderRadius) var(--borderRadius); border-bottom: 0.5rem solid #A2A2A2; }
.sub_cont_table06 .cont_box .row:last-child .txt:last-child {border-radius:  0 0 var(--borderRadius) var(--borderRadius); border-bottom: 0.5rem solid #3E55C4}

.sub_cont_table06 .cont_box .row:last-child .txt:first-child,
.sub_cont_table06 .cont_box .row:last-child .txt:last-child{padding-bottom: 5rem;}
.sub_cont_table06 .cont_box .row:last-child .value {margin-bottom: 5rem;}



.sub_cont_table06 .cont_box .row > .txt::before {content: ""; border-top: 1px solid rgba(0, 0, 0, 0.15); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) ;width: calc(100% - 8.6rem); height: 1px; z-index: 1;}
.sub_cont_table06 .cont_box .row:last-child > .txt::before{display: none;}
.sub_cont_table06 .cont_box .row > .txt.color::before {border-top: 1px solid rgba(0, 0, 0, 0.15);}
.sub_cont_table06 .cont_box .row .value {font-size: var(--p3); font-weight: 600; z-index: 5; display: flex; align-items: flex-end; padding-bottom: 2rem; justify-content: center; position: relative;}
.sub_cont_table06 .cont_box .row .value::before {content: ""; border-bottom: 1px solid rgba(0, 0, 0, 0.15); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) ;width: calc(100% - 6rem); height: 1px; z-index: 1;}
/* .sub_cont_table06 .cont_box .row:not(:first-child) .value{border-top: 1px solid #ddd;} */
.sub_cont_table06 .cont_box .row .num_list li + li{margin-top: 1.6rem;}
.sub_cont_table06 .cont_box .row .num_list .num{display: inline-flex; align-items: center; justify-content: center; margin-right: 0.5em; font-size: var(--tinyTxt); width: 2.5rem; height: 2.5rem; border-radius: 50%; color: #fff; background-color: #000;}
.sub_cont_table06 .cont_box .row .num_list .tit{display: flex; align-items: center; justify-content: center; font-weight: var(--txt); font-weight: 700;}
.sub_cont_table06 .cont_box .row .num_list .txt{font-weight: 500; margin-top: 0.8rem;}



/* 포트폴리오 — 3열 정방형, hover 시 제목·태그 */
.work_sect {background-color: #F2F7FF; padding: var(--pd3) 0; margin-top: var(--pd3);}
.work_sect .cont_box {margin-top: var(--contMt); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem;}
.work_sect .cont_box .cont {position: relative; padding-top: 100%; overflow: hidden; background-color: #eee; opacity: 0; transform: translateY(6rem); transition: 0.8s ease-in-out; border-radius: 3rem; overflow: hidden;}
.work_sect .cont_box .cont:nth-child(3n+2) {transition-delay: 0.12s;}
.work_sect .cont_box .cont:nth-child(3n+3) {transition-delay: 0.24s;}
.work_sect .cont_box.active .cont {opacity: 1; transform: none;}
.work_sect .cont_box .cont.noPointer {cursor: default;}
.work_sect .cont_box .cont .img {position: absolute; inset: 0;}
.work_sect .cont_box .cont video, .work_sect .cont_box .cont img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: 0.5s ease-in-out;}
.work_sect .cont_box .cont .hover_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 8rem 5.9rem; background-color: rgba(62, 85, 196, 0.92); color: #fff; opacity: 0; transition: opacity 0.5s; z-index: 10; }
.work_sect .cont_box .cont .hover_box .part {font-size: var(--p3); font-weight: 500; opacity: 0.8;}
.work_sect .cont_box .cont .hover_box .tit {margin-top: 1rem; font-size: var(--h4); font-weight: 700; line-height: 1.4;}
.work_sect .cont_box .cont .hover_box .tag {margin-top: 1em; font-size: var(--p2); font-weight: 600;}
.work_sect .cont_box .cont .hover_box .tag_list {display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2rem; max-width: 90%; opacity: 0; pointer-events: none;}
.work_sect .cont_box .cont .hover_box .tag_list li {font-size: var(--p7); color: rgba(255, 255, 255, 0.8); line-height: 1; padding: 0.7em 1em; border-radius: 10em; background: rgba(255, 255, 255, 0.10);}

/* 고객 후기 — 마퀴형 스와이퍼 */
.voice_sect {padding: var(--pd3) 0 var(--pd1); overflow: hidden;}
.voice_sect .main_in .sect_tit_box {width: 100%; max-width: 140rem; margin: 0 auto;}
.voice_sect .slide {margin-top: 5rem;}
.voice_sect .slide .swiper-container {overflow: visible;}
.voice_sect .slide .swiper-wrapper {transition-timing-function: linear;}
.voice_sect .slide .item { width: 25em; height: 25em; padding: 5rem 3rem 4rem; border-radius: 2rem; border: 1px solid #E9EAEC; background-color: #fff;}
.voice_sect .slide .item .top {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.voice_sect .slide .item .top .star {display: flex; gap: 0.2rem;}
.voice_sect .slide .item .top .star img {width: 1.8rem; height: 1.7rem;}
.voice_sect .slide .item .top .who {display: inline-flex; align-items: center; padding: 0.5rem 2rem; border-radius: 10em; background-color: #F5F9FF; color:#525662; font-size: var(--p4); font-weight: 500; line-height: 1.5;}
.voice_sect .slide .item .top .who span + span {display: flex; align-items: center;}
.voice_sect .slide .item .top .who span + span::before {content: "";width: 0.3em;height: 0.3em;background-color:var(--point02);border-radius: 50%;display: inline-block; margin: 0 1rem; transform: translateY(-25%);}
.voice_sect .slide .item .tit {font-size: var(--h8); font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; margin-top: 4.5rem;}
.voice_sect .slide .item .txt {font-size: var(--p3); font-weight: 500; line-height: 1.5; color: #6F7380;  margin-top: 4rem;}


/* 수상내역  */


.award_sect .award_list { display: flex; justify-content: flex-end; width: 100%; margin-top: var(--contMt); }
.award_sect .award_list .list{display: flex; justify-content: flex-start; gap: 0.8vw; width: 100%;}
.award_sect .award_list .list .li{display: flex; flex: 0 0 auto; width: 15.5rem; transition: width 0.4s;}
.award_sect .award_list .list .li a{position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; width: 100%; min-width: 1rem; height: 80rem; padding: 5rem 4rem; background: #f1f1f1; border-radius: 0.625vw; box-sizing: border-box; transition: background 0.4s, color 0.4s;}
.award_sect .award_list .list .li .top_logo{display: none;}
.award_sect .award_list .list .li .top_logo div { display: flex; justify-content: flex-start; }
.award_sect .award_list .list .li .top_logo div img { width: 6rem; }
.award_sect .award_list .list .li .top_logo div img + img { margin-left: 1.5rem; }
.award_sect .award_list .list .li .top_logo div img.and { margin-bottom: var(--basic_txt); max-height: 6rem}

.award_sect .award_list .list .li .top_logo .logo { width: auto; max-width: 8vw; height: 3vw; display: none;}
.award_sect .award_list .list .li .top_logo .logo svg { width: 100%; height: 100%; object-fit: contain; }
.award_sect .award_list .list .li .top_logo .logo img { width: 100%; height: 100%; object-fit: contain; }

.award_sect .award_list .list .li .txt_box { flex: 1; overflow: hidden; }
.award_sect .award_list .list .li .txt_box p { margin-top: 0.8em; transform: rotate(90deg); white-space: nowrap; font-size: var(--h6); font-weight: 600; line-height: 1.4em; text-overflow: ellipsis; }
.award_sect .award_list .list .li .txt_box p .num {display: block; font-size: var(--p2); color: var(--point02); font-weight: 700; margin-bottom: 0.5rem;}
.award_sect .award_list .list .li .txt_box> span { display: none; opacity: 0.6; margin-top: 1.2em; font-size: var(--p2); line-height: 1.5em; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all }
.award_sect .award_list .list .li .txt_box .arr{display: none; width: 2vw; fill: #fff; display: none;}
.award_sect .award_list .list .li .txt_box .arr svg { width: 100%; height: 100%; object-fit: contain; }
.award_sect .award_list .list .li .btm_logo { max-height: 8.5em ; flex-shrink: 0; font-size: 1rem;}
.award_sect .award_list .list .li .btm_logo.and { max-height: 6.2em; margin-bottom: 5px; }
.award_sect .award_list .list .li .btm_logo img { width: 100%; height: 100%; object-fit: contain; }

.award_sect .award_list .list .li.active{width: calc(100% - (15.5rem * 5) - (0.8vw * 5)); min-width: 0;}
.award_sect .award_list .list .li.active a{justify-content: space-between; color: #fff; padding: 8rem 7.5rem; background: linear-gradient(43deg, rgba(131, 167, 224, 0.80) 15.01%, rgba(240, 242, 245, 0.80) 89.74%), #3E55C4;}
.award_sect .award_list .list .li.active .top_logo{display: flex; align-items: flex-start; justify-content: space-between; flex: 1; opacity: 0; animation: txt_reveal 0.3s 0.3s forwards;}
.award_sect .award_list .list .li.active .txt_box {flex: 1; opacity: 0; transform: translateX(-15%); overflow: visible; animation: txt_reveal 0.3s 0.4s forwards;}
.award_sect .award_list .list .li.active .txt_box p{transform: rotate(0deg); font-size: 4rem; white-space: unset;}
.award_sect .award_list .list .li.active .txt_box > span{ display: -webkit-box;}
.award_sect .award_list .list .li.active .txt_box p .num {font-size: var(--h8); color: #fff;}
.award_sect .award_list .list .li.active .txt_box .arr{display: none;}
.award_sect .award_list .list .li.active .btm_logo { display: none; }

.award_sect .award_list .list .li.inactive .txt_box { opacity: 0; animation: txt_reveal_tit 0.8s 0.4s forwards; }
.award_sect .award_list .list .li.inactive .btm_logo { opacity: 0; animation: txt_reveal_tit 0.8s 0.4s forwards; }

@keyframes txt_reveal {
    0% {opacity: 0; transform: translateX(-10%)}
    100% {opacity: 1; transform: translateX(0%)}
}
@keyframes txt_reveal_tit {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


.faq_sect {margin-top: var(--pd1); padding-bottom: var(--pd2);}
.faq_sect .que_box .btn,
.faq_sect .faq_more_btn,
.faq_sect .que_box .txt {background-color: #f9f9f9;}

.faq_sect .answer_box {background-color: #D8DDF3;}


.faq_sect .faq_list li.active .que_box .txt,
.faq_sect .faq_list li.active .que_box .btn {background:#D8DDF3;}

.faq_sect .faq_more_btn:hover,
    .faq_sect .que_box:hover .txt,
    .faq_sect .que_box:hover .btn {background: #D8DDF3 !important;}




/* 자주 묻는 질문 — 2열 아코디언 */



    .bot_banner {margin-top: var(--pd2); margin-bottom: var(--pd5); display: none;}
    .bot_banner .bg  {overflow: hidden; background: linear-gradient(90deg, #6678CE 17.07%, #80ABEE 100%), #3E55C4; padding:6rem 10rem; border-radius: 2rem; display: flex;}
    .bot_banner .bg .logo {width: 27rem;}
    .bot_banner .bg .logo svg {width: 100%; height: auto;}
    .bot_banner .bg .tit_box {color: #fff; margin-left: 20rem;}
    .bot_banner .bg .tit_box .desc {font-size: var(--p2); font-weight: 700;}
    .bot_banner .bg .tit_box .tit {font-size: var(--h3); font-weight: 700; margin-top: 7rem;}
    .bot_banner .bg .tit_box .btn_box {justify-content: flex-start;}



@media screen and (min-width: 1241px) {
    .overview_sect .btn_box .tab:hover {border-color: var(--black);}
    .overview_sect .btn_box .tab:hover strong, .overview_sect .btn_box .tab:hover p {color: var(--black);}
     .com_basic_btn:hover {background-color: var(--black); color: #fff; border-color: var(--black);}
    .work_sect .cont_box .cont:hover .hover_box {opacity: 1;}
    .work_sect .cont_box .cont:hover img, .work_sect .cont_box .cont:hover video {transform: scale(1.05);}
    .plan_sect .cont_box .cont .price_box .btn:hover {filter: brightness(0.9);}
}
@media (prefers-reduced-motion: reduce) {
     .sect_tit_box p span,
    .kv_sect .tit .word span,
    .kv_sect .img,
    .why_sect .slide .item,
    .ai_sect .chat_demo,
    .law_sect .tit_box > *,
    .how_sect .info_wrap,
    .how_sect .icon_slide,
    .premium_sect .cont_box .cont .txt_box > *,
    .premium_sect .cont_box .cont .img,
    .feature_sect .cont,
    .found_sect .cont_box .cont,
    .plan_sect .cont_box .cont,
    .compare_sect .cont_box .cont,
    .compare_sect .cont_box .label_box,
    .work_sect .cont_box .cont,
    .award_sect .cont_box .cont {transition: none;}
    .ai_sect .chat_demo.typing .prompt_txt .caret {animation: none;}
}

@media screen and (max-width: 2400px){
    .rotation_sect .img .txt_box .txt {font-size: var(--p4);}
     .rotation_sect .tit_box .check_list li {font-size: var(--h5)}


}


@media screen and (max-width: 2200px){
    .slogan_sect .img .txt_box .tit {font-size: var(--h6);}
    .compare_sect .cont_box {gap: 26rem;}
}
@media screen and (max-width: 1640px){
    .overview_sect .overview_wrap {grid-template-columns: minmax(0, 40%) minmax(0, 55%);}
    .overview_sect .item {padding: 6rem 7rem 8rem;}
    .compare_sect .cont_box {gap: 22rem;}
    .compare_sect .cont_box .label_box {width: 40rem; padding: 7.5rem 8rem 8rem;}
    .award_sect .award_tit .tit.big_tit {font-size: 11rem;}

    .rotation_sect .img.right_top {width: 52em}
    .rotation_sect .img.right_top .txt_box {right: auto; left: 50%; transform: translate(-50%,70%)}

}
@media screen and (max-width: 1440px){
    .kv_sect .tit {font-size: 14rem;}
    .kv_sect {min-height: 0; padding-bottom: 5rem;}
    .slogan_sect .img .txt_box {padding: 15px 20px;}
    .slogan_sect .img .txt_box .tit {font-size: var(--h8);}



    .overview_sect .item .txt_box .tit {font-size: var(--h2);}
    
    
    .why_sect .slide .item {padding: 2.5rem;}
    .why_sect .slide .item .tit_box .tit {font-size: var(--h8);}
    .why_sect .slide .item .chat_box p {font-size: var(--p4);}
    .why_sect .slide .item .chat_box p {padding: 1rem 1.5rem;}

    .why_sect .slide .item .tit_box .txt {font-size: var(--p3);}
    .why_sect .slide .item.type_peach .chat_box p br {display: none;}

    .how_sect .tab_info_wrap {gap: 4rem; height: 62rem;}
    .how_sect .icon_slide {flex-basis: 40rem; width: 40rem;}
    .how_sect .info_wrap .slide {padding: 5rem;}
    .premium_sect .cont_box .cont {padding: 6rem;}
    .premium_sect .cont_box .cont .txt_box {width:45%;}
    .premium_sect .cont_box .cont .txt_box .txt br {display: none;}
    .found_sect .cont_box .cont {padding: 3rem 2rem;}
    .compare_sect .cont_box {gap: 18rem;}
    .compare_sect .cont_box .label_box {width: 34rem; padding: 7.5rem 6rem 8rem;}
    .award_sect .award_tit .tit.big_tit {font-size: 9rem;}
    .award_sect .cont_box {width: 100%; max-width: 111.1rem;}

    .solution_sect .cont {min-height: 0}


    .faq_sect .cont_box {max-width:100%;}
}
@media screen and (max-width: 1240px){
     .tit_wrap {flex-direction: column; align-items: flex-start; gap: 2rem;}
     .tit_wrap .side_txt {text-align: left;}
    .kv_sect {padding-top: calc(var(--hdH) + 40px);}
    .kv_sect .tit {font-size: 9.2vw;}
    .kv_sect .img {margin-top: 40px;}
    .slogan_sect .tit_box .tit {font-size: 4.8vw;}
    .slogan_sect .img {font-size: min(0.6vw, 5px);}
    .slogan_sect .img img {border-radius: 2rem;}
    .slogan_sect .img .txt_box {border-radius: 15px;}
    .slogan_sect .img .txt_box .tit {font-size: var(--p1);}

    .rotation_sect .img .txt_box .tit {font-size: var(--p1);}
    .rotation_sect .img {font-size: min(0.5vw , 5px);}
    .rotation_sect .img img {border-radius: 15px;}
    .rotation_sect .tit_box .check_list li {font-size: var(--h5);white-space: nowrap;}



    .overview_sect .overview_wrap {grid-template-columns: minmax(0, 43%) minmax(0, 52%); align-items: stretch;}
    .overview_sect .item {aspect-ratio: auto; border-radius: 20px; padding: 40px;}
    .overview_sect .item .txt_box {margin-top: 50px; gap: 20px;}
    .overview_sect .item .txt_box .tit {font-size: var(--h3);}
    .overview_sect .item .logo {width: 20rem;}
    
    .overview_sect .btn_box .tab {padding: 25px 0;}
    .why_sect .slide {margin-top: var(--contMt);}
    .why_sect .slide .swiper-wrapper {display: flex; gap: 0; align-items: stretch;}
    .why_sect .slide .item {width: 34%; aspect-ratio: 400 / 640; transition: transform 0.6s ease-in-out 0.2s, opacity 0.3s ease-in-out;}
    .why_sect .slide .item:not(:nth-child(3)) {opacity: 0;}
    
    .why_sect .slide.active .item:nth-child(1), .why_sect .slide.active .item:nth-child(2), .why_sect .slide.active .item:nth-child(3), .why_sect .slide.active .item:nth-child(4), .why_sect .slide.active .item:nth-child(5) {transform: none; opacity: 1;}
    .ai_sect .chat_demo {aspect-ratio: auto; border-radius: 20px; margin-top: 30px;}
    .ai_sect .chat_demo .prompt {width: min(70rem, 100%); padding: 20px; border-radius: 20px;}

    .how_sect .tab_info_wrap {gap: 30px; height: 400px;}
    .how_sect .info_wrap {height: 100%;}
    .how_sect .info_wrap .slide {height: 100%; padding: 40px 40px 40px; border-radius: 30px;}
    .how_sect .info_wrap .swiper-container,
    .how_sect .info_wrap .swiper-wrapper,
    .how_sect .info_wrap .swiper-slide {height: 100%;}
    .how_sect .info_wrap .info_box {height: 100%; gap: 0px; display: block;}
    .how_sect .info_wrap .info_box .tit {font-size: var(--h5); width: 100%;}
    .how_sect .info_wrap .info_box .tit br {display: none;}
    .how_sect .info_wrap .info_box .txt {font-size: var(--p3); width: 100%; margin-top: 3rem; }
    .how_sect .info_wrap .logo { width: 7rem;}
        .how_sect .info_wrap .cir_bg {left: -70rem;}
    .how_sect .icon_slide {flex: 0 0 35rem; width: 35rem; height: 100%;}
    .how_sect .icon_slide .swiper-container {height: 100%; overflow: hidden;}
    .how_sect .icon_slide .swiper-slide {height: 11rem;}
    .how_sect .icon_slide .swiper-slide .tit {font-size: var(--p2);}
    .how_sect .icon_slide .swiper-slide .ico img {width: 3.5rem; height: 3.5rem;}


    .voice_sect .slide .item .top .who {font-size: 10px;}




    .premium_sect .cont_box {gap: 30px; margin-top: 30px;}
    .premium_sect .cont_box .cont { gap: 30px; padding: 40px; border-radius: 20px; align-items: flex-start;}
    .premium_sect .cont_box .cont .txt_box .txt br {display: none;}
    .premium_sect .cont_box .cont .txt_box .tit {font-size: var(--h5);}
    .premium_sect .cont_box .cont .txt_box .point {font-size: var(--p6);}
    .premium_sect .cont_box .cont .img { border-radius: 15px; width: 50%;}
    .premium_sect .cont_box .cont .txt_box .list {margin-top: 30px;}

    .tit_wrap {gap: 0;}
    .tit_wrap .side_txt {margin-top: 20px;}

    .solution_sect .tit_wrap {display: block;}
    .solution_sect .cont {grid-template-columns: 42% minmax(0, 1fr);gap: 25px; margin-top: var( --contMt);}
    .solution_sect .cont .img_wrap {border-radius: 15px; height: 100%;}
    /* .solution_sect .cont .img_wrap .img object {width: 122%; height: 122%; left: -11%; top: -11%;} */

    .solution_sect .cont .txt_wrap .txt_box.active,
    .solution_sect .cont .txt_wrap .txt_box {padding: 17px 20px; border-radius: 15px;}
    .solution_sect .cont .txt_wrap .txt_box.active{flex: 1; padding: 25px 20px;}
    .solution_sect .cont .txt_wrap .txt_box .box .tit,
    .solution_sect .cont .txt_wrap .txt_box.active .tit {font-size: var(--h6);}
    .solution_sect .cont .txt_wrap .txt_box .label {font-size: var(--p6);}

     .solution_sect .cont .txt_wrap .txt_box:nth-child(1) .hide_cont > .txt {padding-left: calc(var(--p6) * 9.6); }
 .solution_sect .cont .txt_wrap .txt_box:nth-child(2) .hide_cont > .txt {padding-left: calc(var(--p6) * 9.4); }
 .solution_sect .cont .txt_wrap .txt_box:nth-child(3) .hide_cont > .txt {padding-left: calc(var(--p6) * 7.5); }

    /* .solution_sect .cont .txt_wrap .txt_box .box {margin-left: 0; margin-top: 2rem; width: 100%;} */
    .solution_sect .cont .txt_wrap .txt_box + .txt_box {margin-top: 15px;}

    .solution_sect .cont .txt_wrap .txt_box .hide_box {flex:1; overflow: hidden;  transition: 0.3s ease-in-out;}
    .solution_sect .cont .txt_wrap .txt_box .hide_cont{display: flex; flex-direction: column; height: 100%; display: none; transition: 0.3s ease-in-out;}
    .solution_sect .cont .txt_wrap .txt_box .list {padding-top: 10px; margin-top: auto; transition: 0.3s ease-in-out;}
    .solution_sect .cont .txt_wrap .txt_box.active .hide_box {display: block !important;}
    .solution_sect .cont .txt_wrap .txt_box.active .hide_cont {display: flex;}

    .solution_sect .cont .txt_wrap .txt_box .list li {font-size: var(--p3);}
    .solution_sect .cont .txt_wrap .txt_box .list li .ico {flex-shrink: 0; }

    .feature_sect .cont {grid-template-columns: 40% minmax(0, 1fr); gap: 30px; margin-top: 30px; align-items: flex-start; min-height: 0;}
    .feature_sect .cont .txt_wrap {gap: 20px;}
    .feature_sect .cont .txt_wrap .txt_box {flex-direction: column; padding: 30px;}
    .feature_sect .cont .txt_wrap .txt_box .box {margin-left: 0; margin-top: 15px;}
    .feature_sect .cont .txt_wrap .txt_box .box .txt br {display: none;}
    .feature_sect .cont .txt_wrap .txt_box .box .list {gap: 30px;}
    .found_sect .cont_box {grid-template-columns: repeat(4, minmax(0, 1fr));}
    .found_sect .cont_box .cont {gap: 25px; padding: 30px 15px; aspect-ratio: unset;}
    .found_sect .cont_box .cont:nth-child(5n) {border-right: 1px solid #ECECEC;}
    .found_sect .cont_box .cont:nth-child(4n) {border-right: none;}
    .found_sect .cont_box .cont:nth-child(n+16) {border-bottom: 1px solid #ECECEC;}
    .found_sect .cont_box .cont:nth-child(n+17) {border-bottom: none;}
    .found_sect .cont_box .cont .txt_box .txt br {display: none;}

    .plan_sect .cont_box {display: flex; gap: 15px; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd) 30px; width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
    .plan_scroll_page .plan_sect .cont_box {overscroll-behavior-x: contain; scroll-padding-inline: var(--inPd); cursor: grab; user-select: none;}
    .plan_scroll_page .plan_sect .cont_box.is_dragging {cursor: grabbing; scroll-snap-type: none;}
    .plan_scroll_page .plan_sect .cont_box img {-webkit-user-drag: none;}
    .plan_sect .cont_box::-webkit-scrollbar {display: none;}
    .plan_sect .cont_box .cont {width: 42%; flex: none; scroll-snap-align: start; scroll-snap-stop: always;}
    .plan_scroll_page .plan_sect .cont_box .cont {scroll-snap-align: center;}
    .plan_sect .cont_box .cont .list {min-height: 0; margin-top: 30px;}
    .plan_sect .cont_box .cont .note {min-height: 0; width: calc(100% - 40px);}
    .plan_sect .cont_box .cont .top .name_box .desc {font-size: var(--p3);}

    .sub_cont_table06 {--centerW: 25rem;}
    .sub_cont_table06 .top_tit .tit {font-size: var(--h8);}
    .sub_cont_table06 .cont_box .txt {font-size: var(--p2);}

    .compare_sect .cont_box {gap: 15px; padding-top: 0;}
    .compare_sect .cont_box .label_box {display: none;}
    .compare_sect .cont_box .cont {width: 50%; border-width: 3px; border-radius: 25px; gap: 25px; padding-bottom: 30px;}
    .compare_sect .cont_box .cont .head {height: 70px;}
    .compare_sect .cont_box .cont .list {padding: 0 25px; gap: 20px;}
    .compare_sect .cont_box .cont .list li {white-space: normal; text-align: center; font-size: var(--p1);}

    .work_sect .cont_box {margin-top: 40px; gap: 15px;}
    .voice_sect .slide .item {width: 23em; height: 23em;; padding: 30px 25px;}

    .award_sect .award_list .list .li {width: 13rem;}
    .award_sect .award_list .list .li .txt_box p {font-size: var(--h8); line-height: 1.3;}
    .award_sect .award_list .list .li.active {width: calc(100% - (13rem * 5) - (0.8vw * 5));}
    .award_sect .award_list .list .li a {padding:30px 20px; }
    .award_sect .award_list .list .li.active a {padding:40px 40px;}
    .award_sect .award_list .list .li.active a::after {content: ""; position: absolute; right: 40px; top: 45px; width: 20px; height: 20px; display: block; background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.646484 9.39888L20.0583 9.39888L20.0583 11.5859L0.646484 11.5859L0.646484 9.39888Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M8.39453 19.6469L18.1777 10.8785L8.39453 2.11154L10.1066 0.564024L21.6165 10.8784L10.1067 21.1943L8.39453 19.6469Z" fill="white"></path></svg>') no-repeat center / contain;}
    .award_sect .award_list .list .li.active .txt_box p .num {font-size: var(--p2);}
    .award_sect .award_list .list .li .txt_box> span {font-size: var(--p3);}



    .main_faq_sect {padding: var(--pd2) 0;}
    .main_faq_sect .qna_list {gap: 0 40px;}
    .main_faq_sect .qna_list .row .que {min-height: 80px;}


    .bot_banner .bg {padding: 5rem 8rem;}
    .bot_banner .bg .tit_box {margin-left: 20%;}
    .bot_banner .bg .tit_box .desc {font-size: var(--p3);}
    .bot_banner .bg .tit_box .tit {font-size: var(--h5); margin-top: 4rem;}
    .bot_banner .bg .logo {width: 18rem;}


}
@media screen and (max-width: 1040px){
    .why_sect .slide .item {width: 40%;}
    .plan_sect .cont_box .cont {width: 42rem;}
    .plan_sect .cont_box .cont .list li {font-size: var(--p6);}
    .plan_sect .cont_box .cont .list li + li {margin-top: 0;}


    .main_faq_sect .qna_list {grid-template-columns: minmax(0, 1fr); gap: 0;}
    .main_faq_sect .qna_list .row_cont + .row_cont .row:first-child {border-top: 0;}

    .main_visual_new .tit_box .desc {font-size: var(--h6);}
    .main_visual_new .tit_box {font-size: 8vw;}


    .award_sect .award_list .list .li {width: 10rem; }
    .award_sect .award_list .list .li .txt_box p {font-size: var(--p3);}
    .award_sect .award_list .list .li a {padding:20px 10px; height: 60rem; border-radius: 10px;}
    .award_sect .award_list .list .li .txt_box p .num {font-size: var(--p6);}
    .award_sect .award_list .list .li .txt_box> span {font-size: var(--p3);}
    .award_sect .award_list .list .li .btm_logo {font-size: 0.8rem; display:flex;; justify-content: flex-end;}

    .award_sect .award_list .list .li.active {width: calc(100% - (10rem * 5) - (0.8vw * 5));}
    .award_sect .award_list .list .li.active .txt_box p {font-size: var(--h5);}
    .award_sect .award_list .list .li.active .txt_box p .num {font-size: var(--p3);}
    .award_sect .award_list .list .li.active a {padding:30px 20px;}

    .award_sect .award_list .list .li.active a::after {right: 20px; top: 35px;}
    

    .solution_sect .cont .txt_wrap .txt_box .hide_cont > .txt {font-size: var(--p5); padding-bottom: 10px;}

    
    


    .solution_sect .cont .txt_wrap .txt_box .txt {font-size: var(--p6);}
    .solution_sect .cont .txt_wrap .txt_box .txt br {display: none;}
    .solution_sect .cont .txt_wrap .txt_box .list li + li {margin-left: 15px;}
    .solution_sect .cont .txt_wrap .txt_box .list li .ico {width: 2.8em; height: 2.8em; flex-shrink: 0; border-radius: 5px;}
    .solution_sect .cont .txt_wrap .txt_box .label {font-size: 10px; border: 1px solid #3E55C4;}
    .solution_sect .cont .txt_wrap .txt_box .box .tit, .solution_sect .cont .txt_wrap .txt_box.active .tit {font-size: var(--h7);}


    .found_sect .cont_box .cont {justify-content: flex-start;}
    .found_sect .cont_box .cont .txt_box .tit {font-size: var(--p1);}
    .found_sect .cont_box .cont .txt_box .txt {font-size: var(--p6);}

    .overview_sect .btn_box .tab > p {margin-top: 10px;}
    .overview_sect .overview_wrap {grid-template-columns: minmax(0, 56%) minmax(0,40%); align-items: flex-end;}
    .overview_sect .slide {display: flex; align-items: flex-end;}
    .overview_sect .item .txt_box .txt {font-size: var(--p3);}
    .overview_sect .item{padding: 30px; height: 55rem;}
    .overview_sect .item .logo {width: 16rem;}

    

/* 1040 */


}
@media screen and (max-width: 768px){


    .main_visual_new {border-radius: 25px;}

    .medi_main .sect_tit_box .tit ,
     .sect_tit_box .tit {font-size: var(--h3);}
     .medi_main .sect_tit_box .sm_tit,
     .sect_tit_box .sm_tit {font-size: var(--p3);}

    .rotation_sect .img {border-radius: 15px;}
    .rotation_sect .tit_box .check_list li {font-size: var(--h6);}
    .rotation_sect .img .txt_box {padding: 15px;}
    .rotation_sect .tit_box .tit {font-size: var(--h2);}

    .slogan_sect .tit_box .tit {font-size: var(--h2);}
    .slogan_sect .img {font-size: 3.2px;}
    .slogan_sect .img .txt_box {padding: 12px 15px; border-radius: 10px;}
    .slogan_sect .img .txt_box .tit {font-size: var(--p3);}
    

   
    .overview_sect .item .txt_box {gap: 10px;}
    .overview_sect .item .txt_box .tit {font-size: var(--h4);}
    .overview_sect .item .logo {width: 100px;}
    .overview_sect .item {height: 62rem;}

    
     .overview_sect .overview_wrap {    }
    .overview_sect .overview_wrap {grid-template-columns: minmax(0, 48%) minmax(0,49%); grid-template-areas:"left left" "bot slide";}
    

    .ai_sect .chat_demo {padding-bottom: 45px;}
    .ai_sect .chat_demo .greet {font-size: var(--h6);}
    .ai_sect .chat_demo .logo {left: 20px; bottom: 20px; width: 100px;}



    .law_sect .tit_box .txt {max-width: 75rem;}
    .law_sect .tit_box .tit {font-size: var(--h4);}
    .law_sect .tit_box .desc {font-size: var(--h6);}
    .law_sect .logo {width: 80px; align-self: flex-end;}
    
    .how_sect .tab_info_wrap {gap: 20px;}
    .how_sect .info_wrap .slide {padding: 30px; border-radius: 25px;}
    .how_sect .info_wrap .info_box {gap: 25px;}
    .how_sect .icon_slide {flex-basis: 200px; width: 200px; max-width: 200px;}
    .how_sect .icon_slide .swiper-slide {height: 70px;}
    .how_sect .icon_slide .swiper-slide .tit {font-size: var(--p3);}
    .premium_sect .cont_box .cont {padding: 30px 20px;}
    .premium_sect .cont_box .cont .txt_box .tit {font-size: var(--h5);}
    .premium_sect .cont_box .cont .txt_box .list li {font-size: var(--p3); padding: 14px 0;}
    .premium_sect .cont_box .cont .img {width: 45%;}
    .premium_sect .cont_box .cont .txt_box {width: 50%;}
    .feature_sect .cont {grid-template-columns: 50% minmax(0, 1fr);}
    .feature_sect .cont .txt_wrap .txt_box .box .tit {font-size: var(--h6);}
    .feature_sect .cont .txt_wrap .txt_box .box .list {flex-direction: column; align-items: flex-start; gap: 15px;}
    .feature_sect .cont .txt_wrap .txt_box .box .list li .ico {width: 50px; height: 50px; margin-right: 12px;}
    /* .found_sect .cont_box {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .found_sect .cont_box .cont:nth-child(4n) {border-right: 1px solid #ECECEC;}
    .found_sect .cont_box .cont:nth-child(3n) {border-right: none;}
    .found_sect .cont_box .cont:nth-child(n+17) {border-bottom: 1px solid #ECECEC;}
    .found_sect .cont_box .cont:nth-child(n+19) {border-bottom: none;} 
    .found_sect .cont_box .cont .txt_box .txt {font-size: var(--p4); font-weight: 500;}
    */
    .plan_sect .cont_box .cont {width: 43%;}
    .plan_sect .cont_box .cont .top .name_box {padding: 0 15px;}
    .plan_sect .cont_box .cont .top br {display: none;}
    .compare_sect .cont_box {flex-direction: column; align-items: center; gap: 20px;}
    .compare_sect .cont_box .cont {width: 100%; max-width: 480px;}
    .work_sect .cont_box .cont .hover_box {padding: 30px 20px;}
    .voice_sect .slide .item {width: 45%;gap: 20px; height: auto;}
    .voice_sect .slide .item .tit {font-size: var(--p1);}
    .voice_sect .slide .item .txt {font-size: var(--p4); margin-top: 10px;}
    .voice_sect .slide .item .top .who {font-size: 10px}
    .voice_sect .slide .item .top .star img {width: 1.5rem; height: auto;}
    .award_sect .cont_box .cont {flex-direction: column; align-items: flex-start;}
    .award_sect .cont_box .cont .txt_box .tit {font-size: var(--h6); line-height: 1.4;}
    .award_sect .award_list .list .li.active a::after {width: 20px; height: 20px;}
    .main_faq_sect .qna_list .row .que {min-height: 0; padding: 20px 5px; gap: 12px;}
    .main_faq_sect .qna_list .row .que .q {font-size: var(--h6);}
    .main_faq_sect .qna_list .row .que .tit {font-size: var(--p3);}
    .main_faq_sect .qna_list .row .answer {padding: 0 5px 20px 34px;}




    /* 비교표 */
    .sub_cont_table06 {padding: 0; }
    .sub_cont_table06 .top_tit,
    .sub_cont_table06 .cont_box .row {grid-template-columns: minmax(0, 41%) minmax(0, 18%) minmax(0, 41%);}

    .sub_cont_table06 .cont_box .row {position: relative; align-items: stretch;}
    .sub_cont_table06 .cont_box .row .txt:first-child {grid-column: 1;}
    .sub_cont_table06 .cont_box .row .value {grid-column: 2; grid-row: 1;  padding: 0 0.3rem 2rem; font-size: var(--p6);}

    .sub_cont_table06 .cont_box .row .txt:last-child {grid-column: 3;}
    .sub_cont_table06 .cont_box .row .value::before{width: 85%;}

    .sub_cont_table06 .cont_box .txt{font-size: var(--p2); padding-top: 2.5rem;}

    .solution_sect .cont .txt_wrap .txt_box .list li .ico {width: 2em;height: 2em;} 
    .solution_sect .cont .txt_wrap .txt_box .box .tit,
     .solution_sect .cont .txt_wrap .txt_box.active .tit {font-size: var(--p1);}
    .solution_sect .cont {gap: 15px;  }
    .solution_sect .cont .txt_wrap .txt_box .list {margin-top: 10px;}

    .solution_sect .cont .txt_wrap .txt_box.active, .solution_sect .cont .txt_wrap .txt_box {padding: 13px 20px;}
    .solution_sect .cont .txt_wrap .txt_box:nth-child(1) .hide_cont > .txt,
    .solution_sect .cont .txt_wrap .txt_box:nth-child(2) .hide_cont > .txt ,
    .solution_sect .cont .txt_wrap .txt_box:nth-child(3) .hide_cont > .txt {padding-left: 0;}

    
    .work_sect .cont_box .cont {border-radius: 15px;}



}
@media screen and (max-width: 600px){


    .main_visual_new {height: calc(90svh - var(--hdH) - var(--hdIn));}

    .main_visual_new .tit_box {bottom: calc(var(--moFixH) + 20px);}
    .main_visual_new .tit_box .desc {font-size: var(--p3);}

    .rotation_sect .tit_box .tit {font-size: var(--h4);} 
    .rotation_sect .img {font-size: 0.7vw;}
    .rotation_sect .img img {border-radius: 10px;}
    .rotation_sect .img .txt_box {padding: 10px; border-radius: 10px;}
    .rotation_sect .img .txt_box .tit {font-size: var(--p3);}
    .rotation_sect .img.left_top .txt_box {right: -30px;}
    .rotation_sect .tit_box .check_list li {font-size: var(--p1);}
    .rotation_sect .img.right_bot {width: 28em;}
    
    
    .slogan_sect .tit_box .tit br {display: none;}
    .slogan_sect .img {font-size: 2.5px; border-radius: 10px;}
    .slogan_sect .img img {border-radius: 10px;}
    .slogan_sect .img.center {width: 60em;}
    .slogan_sect .img.left_top {width: 58em;}
    .slogan_sect .img.right_bot {width: 30em;}
    .slogan_sect .img .txt_box {white-space: normal; width: 130px;}
    .slogan_sect .img .txt_box br {display: none;}
    .slogan_sect .img .txt_box .tit {font-size: var(--p5);}

    .overview_sect .slide {display: none;}
    .overview_sect .item {margin-top: 0px; padding:20px; border-radius: 15px; height: auto;}

    .overview_sect .item .txt {font-size: var(--p3); line-height: 1.6; position: relative;}
    .overview_sect .btn_box {margin-top: 40px;}
    .overview_sect .btn_box .tab {padding: 20px 0; border-color: rgba(0, 0, 0, 1); border-bottom: 1px solid var(--black);}
    .overview_sect .btn_box .tab + .tab {margin-top: 0px;}
    .overview_sect .btn_box .tab .item {display: none;}
    .overview_sect .btn_box .tab > strong, .overview_sect .btn_box .tab > p {color: rgba(0, 0, 0, 1); }
    .overview_sect .btn_box .tab.active > strong,
    .overview_sect .btn_box .tab.active > p {display: none;}
    

    .why_sect .slide .item .chat_box p {font-size: var(--p5);}
    .why_sect .slide .item {width: 66%;}
    .ai_sect .chat_demo .prompt_txt {font-size: var(--p4);}

    .law_sect .tit_box .txt br ,
    .law_sect .tit_box .tit br {display: none;}

    .law_sect .logo {width: 60px}
    .law_sect .law_wrap {flex-direction: column; align-items: flex-start;}

    


    .how_sect .tab_info_wrap {flex-direction: column; gap: 20px; height: auto;}
    /* .how_sect .info_wrap,
    .how_sect .info_wrap .slide,
    .how_sect .info_wrap .swiper-container,
    .how_sect .info_wrap .swiper-wrapper,
    .how_sect .info_wrap .swiper-slide {height: auto !important;} */
    .how_sect .info_wrap {flex: none; width: 100%;}

    .how_sect .info_wrap .info_box {padding-bottom: 80px;}


    .how_sect .icon_slide {flex: none; width: 100%; height: auto; overflow: visible;}
    .how_sect .info_wrap .slide {padding: 25px 20px; border-radius: 20px;}
    .how_sect .info_wrap .cir_bg {left: -70rem;}
    .how_sect .icon_slide .swiper-container {height: auto; overflow: visible;}
    .how_sect .icon_slide .swiper-wrapper {align-items: stretch;}
    .how_sect .icon_slide .swiper-slide {margin: 0 15px 0 0;width: 230px;height: 80px;gap: 12px;padding: 0 15px;border-radius: 14px;}
    .how_sect .icon_slide .swiper-slide .ico img {width: 30px; height: 30px; flex-shrink: 0;}
    .how_sect .icon_slide .swiper-slide .tit br {display: none !important;}


    .premium_sect .cont_box .cont.reverse,
    .premium_sect .cont_box .cont {flex-direction: column; border-radius: 15px;}
    .premium_sect .cont_box .cont .txt_box {width: 100%;}
    .premium_sect .cont_box .cont .img {width: 100%; max-width: 100%;}
    .premium_sect .cont_box .cont .txt_box .list {margin-top: 20px;}
    


    .solution_sect .cont {display: block;}
    .solution_sect .cont .img_wrap {display: none;}
    .solution_sect .cont .txt_wrap {width: 100%;}
    .solution_sect .cont .txt_wrap .txt_box .img {width: 100%;}
    .solution_sect .cont .txt_wrap .txt_box .img * {width: 100%;}
    .solution_sect .cont .txt_wrap .txt_box .list {margin-top: 20px;}

    .solution_sect .cont .txt_wrap .txt_box .img {margin-top: 20px; border-radius: 15px; overflow: hidden;}


    .feature_sect .cont {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .feature_sect .cont .img_wrap {display: none;}
    .feature_sect .cont .txt_wrap .txt_box {padding: 25px 20px; box-shadow: 0 0 30px rgba(21, 21, 21, 0.06);}
    .feature_sect .cont .txt_wrap .txt_box .box .img {margin-top: 25px; border-radius: 15px; overflow: hidden;}
    .solution_sect .cont .txt_wrap .txt_box .img * {margin-bottom: -6px;}
    .feature_sect .cont .txt_wrap .txt_box .box .img img {width: 100%;}

    .found_sect .cont_box {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .found_sect .cont_box .cont:nth-child(3n) {border-right: 1px solid #ECECEC;}
    .found_sect .cont_box .cont:nth-child(2n) {border-right: none;}
    .found_sect .cont_box .cont:nth-child(n+17) {border-bottom: 1px solid #ECECEC;}
    .found_sect .cont_box .cont:nth-child(n+19) {border-bottom: none}
    .found_sect .cont_box .cont .txt_box .tit {font-size: var(--p1);}

    .overview_sect .overview_wrap {display: block;}
    .overview_sect .slide {margin-top: var( --contMt);}


    .plan_sect .cont_box .cont {width: 60%;}
    .plan_sect .cont_box .cont .price_box .price {font-size: var(--h5);}
    .plan_sect .cont_box .cont .list li {padding: 8px 15px;}
    
    .compare_sect .cont_box .cont .list li {font-size: var(--p3);}
    .work_sect .cont_box {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
    .work_sect .cont_box .cont .hover_box .tit {font-size: var(--p1);}
    .voice_sect .slide .item {width: 70%; padding: 20px 15px;}

    .award_sect .award_tit .tit.big_tit {font-size: 11vw;}
    .award_sect .cont_box .cont {padding: 20px;}
    .award_sect .cont_box .cont .logo_box img {height: 50px;}
    .award_sect .cont_box .cont .logo_box img + img {height: 40px;}

    .award_sect .award_list .list {flex-direction: column; gap: 12px;}
    .award_sect .award_list .list .li {width: 100%;}
    .award_sect .award_list .list .li a { height: auto; padding: 15px 15px; flex-direction: row; flex-wrap: wrap;}
    .award_sect .award_list .list .li .txt_box p {transform: unset; margin-top: 0;}
    .award_sect .award_list .list .li .btm_logo {width: auto;}
    .award_sect .award_list .list .li .btm_logo img {width: auto; height: 100%;}
    .award_sect .award_list .list .li.active .txt_box {flex: none; width: 100%; margin-top: 40px;}
    .award_sect .award_list .list .li.active .top_logo {flex: none; margin-right: 0px; margin-bottom: 20ox;}
    .award_sect .award_list .list .li .top_logo > div:first-child {display: flex;}

    .award_sect .award_list .list .li.active {width: 100%;}
    .award_sect .award_list .list .li.active .txt_box p {font-size: var(--h6);}

    .main_faq_sect .qna_list .row .que .tit {font-size: var(--p4);}

    .award_sect .award_list .list .li .top_logo div img {width: 4rem;}
    .award_sect .award_list .list .li .top_logo div img.and {max-height: 4.5rem;}
    .award_sect .award_list .list .li .top_logo div img + img {margin-left:10px}


    .sub_cont_table06 { --borderRadius:  1.5rem ;}
    .sub_cont_table06 .top_tit .tit,
    .sub_cont_table06 .cont_box .txt{box-shadow: none;}
    .sub_cont_table06 .cont_box .txt{font-size: var(--p4); padding: 10px 10px 12px;}

    .sub_cont_table06 .cont_box .row > .txt::before{width: calc(100% - 20px);}
    .sub_cont_table06 .cont_box .txt .ico{margin-bottom: 0.5rem;}

    .sub_cont_table06 .top_tit .tit {font-size: var(--p1); padding: 10px 5px; border-width: 2px;}
    
    .sub_cont_table06 .cont_box .row:last-child .txt:last-child,
    .sub_cont_table06 .cont_box .row:last-child .txt:first-child{ border-width: 2px;}
    .sub_cont_table06 .cont_box .row .txt:first-child {border-width: 2px;}
    .sub_cont_table06 .cont_box .row .txt:last-child {border-width: 2px;}
    .sub_cont_table06 .cont_box .row .num_list .txt {line-height: 1.4;}

    .sub_cont_table06 .cont_box .row:last-child .txt:first-child,
    .sub_cont_table06 .cont_box .row:last-child .txt:last-child{padding-bottom: 20px;}
    .sub_cont_table06 .cont_box .row .value{padding-bottom: 12px; font-size: 11px;} 
    .sub_cont_table06 .cont_box .row:last-child .value {margin-bottom: 20px;}

    .sub_cont_table06 .top_tit, .sub_cont_table06 .cont_box .row {grid-template-columns: minmax(0, 38%) minmax(0, 24%) minmax(0, 38%);}


    .bot_banner .bg {padding: 30px 20px; display: block;}
    .bot_banner .bg .logo {width: 100px;}
    .bot_banner .bg .tit_box {margin-left: 0px; margin-top: 30px;}
    .bot_banner .bg .tit_box .tit {font-size: var(--h8); margin-top: 15px;}

}