.swiper-button-next, .swiper-button-prev {z-index: 2 !important;}
#app-navbar {display: none !important;}
.hero-section {display: none;}
.inner {width:100%;max-width: 1160px;margin: 0 auto;/* overflow: hidden; */}
html {font-size: 16px;}
.subtitle { text-align: center;}
.subtitle > span {display: inline-flex;align-items: center;justify-content: center;background: #222;color: #fff;padding: 7px 19px;border-radius: 26px;margin: 0 0 13px 0;font-family: 'pre_M';}
.subtitle .main {font-size: 2.1rem;margin: 0 0 10px 0;font-family: 'pre_B';line-height: 1.3;}
.subtitle .sub {font-size: 1.1rem;color: #505050;font-family: 'pre_R'}

.fade_up {opacity: 0; transform: translateY(20px);  }
.fade_up.show {animation: fadeUp 0.5s ease-out forwards;}
@keyframes fadeUp {
    to {opacity: 1;transform: translateY(0);}
}

.slide_down {  opacity: 0; transform: translateY(-140px);}
.slide_down.show { animation: slideDown 0.5s ease-out forwards;}
@keyframes slideDown {
    to {opacity: 1;transform: translateY(0);}
}

.fade_in {opacity: 0;}
.fade_in.show {animation: fadeIn 1s ease-out forwards;}
@keyframes fadeIn {
    to {opacity: 1;}
}

.pop_in { opacity: 0;transform: scale(0.5);}
.pop_in.show {animation: popIn 0.4s ease-out forwards;}
@keyframes popIn {
    80% {opacity: 1;transform: scale(1.08);}
    100% {opacity: 1; transform: scale(1);}
}

.mo_txt {display: none;}


.floating-cloud3 { animation:floatCloud 1s ease-in-out infinite;}
@keyframes floatCloud {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}

.site-popup-layer {
    /* position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: flex-start;
    justify-content: flex-start;
    background: rgba(0, 0, 0, 0.28);
    padding: 24px; */
}
.site-popup-layer.is-open { display: flex; }
.site-popup-modal { position: fixed; width: min(92vw, 460px); background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2); z-index: 9999;}
.site-popup-modal.is-mobile { top: 50% !important;  left: 50% !important;  transform: translate(-50%, -50%) !important;  width: min(92vw, 420px);}
.site-popup-modal.is-desktop {  transform: none;}
.site-popup-body {  display: block;  width: 100%;  background: #fff;}
.site-popup-image-wrap,
.site-popup-link { display: block;  width: 100%;}
.site-popup-image { display: block; width: 100%; height: auto;}
.site-popup-footer { display: flex; border-top: 1px solid #dcdcdc; text-align: center; height: 56px;}
.site-popup-footer button { flex: 1; height: 100%; border: 0; background: #fff; font-size: 16px; cursor: pointer; transition: background 0.2s ease;
    padding: 0; color: #222; opacity: 1;}
.site-popup-footer button:hover { background: #f7f7f7; }
.site-popup-footer button + button { border-left: 1px solid #dcdcdc; }
.site-popup-close { color: #333; }
.site-popup-layer .popup-link img {width:100%;}

#header { padding: 50px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 5; transition: 0.5s;}
#header.on {padding: 20px 0; border-bottom: 1px solid #ddd;background-color: #fff; }
#header .inner {display: flex;justify-content: space-between;position: relative;align-items: center; overflow: visible;}
#header .logo img {width:150px}
#header #nav {position: absolute;top: -10px;left: 50%;transform: translateX(-50%);display: flex;gap: 30px;}
#header #nav .menu {color: #222;position: relative;display: flex;align-items: center;justify-content: center;gap: 10px;cursor: pointer;font-size: 0.9rem;padding: 20px 0;}
#header #nav .menu:hover {font-family:'pre_B'}
#header #nav .menu > img { width: 7px;}
#header .btn_wrap { display: flex; gap: 10px; }
#header .btn_wrap a { display: flex; gap: 5px; align-items: center; padding: 9px 17px; justify-content: center; font-size: 0.85rem; border-radius: 6px; }
#header .btn_wrap a.btn_1 { background: #E5EBFF; color: #396AFF; }
#header .btn_wrap a.btn_1:hover { background: #ebf0fe;}
#header .btn_wrap a.btn_2 { background: #396AFF; color: #fff; }
#header .btn_wrap a.btn_2:hover {background: #5781ff;}
#header #nav .sub_open.active { color:#000; font-family: pre_B;}
#header #nav .sub_open.active img {transform: rotate(180deg)}
#header #nav .sub {
    position: absolute;
    top: 50px;
    left: -10px;
    background: #fff;
    padding: 8px 14px;
    border-radius: 10px;
    width: max-content;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 6px 0px;
    transform: translateY(-6px);
    opacity: 0;
    pointer-events: none;
    transition:
        max-height 0.35s ease,
        opacity 0.25s ease,
        transform 0.25s ease;
    
}
#header #nav .sub .subleft { position: relative;}
#header #nav .sub .subleft::after {display:block;content:'';position: absolute;width: 1px;height: 80%;right: -20px;background: #ddd;bottom: 20px;}
/* #header #nav .sub .subright {padding: 0px 10px 0 20px;} */
/* #header #nav .sub.subflex {display: flex;  gap: 20px;} */
#header #nav .sub .subtitle {text-align: left;padding: 14px 0 10px 13px;font-size: 1rem;color: #555;}
#header #nav .sub.on {opacity: 1; transform: translateY(0); pointer-events: auto;}
#header #nav .sub.on a .iamge img {transform: rotate(180deg)}
#header #nav .sub a:last-of-type {margin: 0;}
#header #nav .sub a {display: flex;gap: 17px;align-items: center;border-radius: 9px;padding: 10px; margin:4px 0;}
#header #nav .sub a .image img {height: 47px;transform: translateY(0);}
#header #nav .sub a .text .name {color: #000;font-size: 1rem;font-family: 'pre_SB';line-height: normal;margin: 0 0 2px 0;}
#header #nav .sub a .text .txt {font-size: 0.8rem;color: #555;}
#header #nav .sub a:hover {background: #eff3ff;}

#header_m, #m_menu  {display: none;}



@keyframes scroll-left {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
@keyframes scroll-right {0% {transform: translateX(-50%);} 100% {transform: translateX(0);}}

#visual {background: linear-gradient(180deg,rgba(250,239,255,1) 0%,rgba(244,252,255,1) 30%,rgba(255,255,255,1) 100%);padding: 170px 0 0 0;}
#visual .text {text-align:center;position: relative;z-index: 2;}
#visual .text h2 {font-size: 2.8rem;font-family:'pre_B';line-height:1.2;margin:0 0 25px 0;}
#visual .text h2 span {
    font-family: 'pre_B';
    background: linear-gradient(to bottom, #8671FF 0%, #310DFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#visual .text p {
    color: #6B617B;
    font-size: 1.4rem;
    margin: 0 0 30px 0;
}
#visual .text a {display:flex;align-items:center;justify-content:center;margin:0 auto;width:160px;border-radius:50px;height:60px;color:#fff;font-size:1.3rem;background:linear-gradient(90deg,rgba(138,43,255,1) 0%,rgba(85,66,255,1) 100%);}
#visual .text a img {width:24px;margin:0 0 0 10px;}
#visual .imgwrap {position:relative;margin: -60px 0 0 0;z-index: 1;poai: ;}
#visual .imgwrap img {position:absolute;z-index: 1;}
#visual .imgwrap .back {position:relative;width: 55.2%;left: 50%;transform:translateX(-50%);}
#visual .imgwrap .line {bottom:33%;width:63%;left: 53.4%;transform:translateX(-50%);}
#visual .imgwrap .icon {height:13%;}
#visual .imgwrap .icon.icon_1 {bottom:57.3%;left: 16.4%;}
#visual .imgwrap .icon.icon_2 {left: 8%;bottom:41.7%;}
#visual .imgwrap .icon.icon_3 {bottom:41.4%;left: 24.4%;}
#visual .imgwrap .icon.icon_4 {bottom:25%;left: 17.3%;}
#visual .imgwrap .icon.icon_5 {bottom:62.6%;right: 14.1%;}
#visual .imgwrap .icon.icon_6 {bottom:49.3%;right: 19.7%;}
#visual .imgwrap .icon.icon_7 {bottom:49.3%;right: 8.4%;}
#visual .imgwrap .icon.icon_8 {bottom:35.3%;right: 10.9%;}
#visual .imgwrap .gif {position: absolute;bottom:0;right: 20%;width: 26%;z-index: 2;}



.texttag{position: relative;width: 201px;margin:0 auto;height: 72px;overflow: hidden;}
.texttag::before {content: '['; position:absolute; left: 0; }
.texttag::after {content: ']'; position:absolute; right: 0;}
.texttag::before, .texttag::after {  font-size: 2.2rem; color: #d6c9ff; top: 9.9px;}
.ticker-snap{position:relative; margin: 0;padding: 0; list-style: none; will-change: transform;  animation: tickerSnap 10.8s infinite;}
.ticker-snap .item{height: 72px;line-height: 72px;white-space: nowrap;font-size: 1.9rem;color: #8372b3;font-family: 'pre_B';}
@keyframes tickerSnap{
  0%{transform: translateY(0);}
  9.26%{transform: translateY(0);}
  12.5%{transform: translateY(-72px);}

  21.76%{transform: translateY(-72px);}
  25%{transform: translateY(-144px);}

  34.26%{transform: translateY(-144px);}
  37.5%{transform: translateY(-216px);}

  46.76%{transform: translateY(-216px);}
  50%{transform: translateY(-288px);}

  59.26%{transform: translateY(-288px);}
  62.5%{transform: translateY(-360px);}

  71.76%{transform: translateY(-360px);}
  75%{transform: translateY(-432px);}

  84.26%{transform: translateY(-432px);}
  87.5%{transform: translateY(-504px);}

  96.76%{transform: translateY(-504px);}
  100%{transform: translateY(-576px);} /* 72px * 8 */
}
@keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

/* 접근성 */
@media (prefers-reduced-motion: reduce){.ticker-snap{animation: none;}}




#second {padding:120px 0 0 0;}
#second .boxwrap {display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:70px 0 0 0;}
#second .boxwrap .box {border-radius:30px;padding:60px;position:relative;}
#second .boxwrap .box:nth-of-type(1) {background:linear-gradient(180deg,rgba(246,247,251,1) 0%,rgba(219,227,255,1) 100%);}
#second .boxwrap .box:nth-of-type(2) {background:linear-gradient(180deg,rgba(246,247,251,1) 0%,rgba(204,241,255,1) 100%);}
#second .boxwrap .box .text {padding:0 0 300px 0;}
#second .boxwrap .box .text .title {font-size:2rem;font-family:'pre_SB';margin:0 0 20px 0;}
#second .boxwrap .box .text .sub {font-size:1.2rem;color:#505050;}
#second .boxwrap .box img {width:100%;position:absolute;bottom:30px;right:0;}
#second .boxwrap .box:nth-of-type(2) img {width:70%;}

#select {background:url(/image/select_back.png) no-repeat 50% 50%;background-size:cover;padding:130px 0 120px 0;}
#select .boxwrap {display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin:60px 0 0 0;}
#select .boxwrap .box {background:#fff;border-radius:20px;padding:30px;display:flex;gap: 20px;}
#select .boxwrap .box .icon img {width:64px;}
#select .boxwrap .box .text .title {font-size: 1.2rem;font-family:'pre_B';line-height:1.2;margin:0 0 10px 0;}
#select .boxwrap .box .text .sub {color:#505050;}



#flow { padding: 170px 0 120px 0; }
#flow .subtitle { margin: 0 0 70px 0; }
#flow .container { margin: 40px 0; display: flex; gap: 40px; border-radius: 30px; padding: 80px 0; position: relative; }
#flow .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#flow .container .text { width: calc(40% - 20px); display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; }
#flow .container .text .title { font-size: 2rem; font-family: 'pre_B'; margin: 0 0 40px 0; }
#flow .container .text .box:nth-of-type(1) { margin: 0 0 40px 0; }
#flow .container .text .box .name { color: #7C14FF; font-family: 'pre_B'; margin: 0 0 5px 0; font-size: 1.3rem; }
#flow .container.flow_2 .text .box .name { color: #DF005A; }
#flow .container.flow_3 .text .box .name { color: #02A715; }
#flow .container.flow_4 .text .box .name { color: #4A6EFF; }
#flow .container .text .box .txt { font-size: 1.1rem; color: #505050; }
#flow .container .image { width: calc(60% - 20px); position: relative; }
#flow .container .image .float { position: absolute; }
#flow .container.flow_1 { background: linear-gradient(90deg, rgba(249, 237, 255, 1) 0%, rgba(200, 211, 255, 1) 100%); }
#flow .container.flow_2 { background: linear-gradient(90deg, rgba(255, 245, 232, 1) 0%, rgba(255, 210, 232, 1) 100%); padding: 70px 0 60px 0; }
#flow .container.flow_3 { background: linear-gradient(90deg, rgba(204, 243, 186, 1) 0%, rgba(250, 255, 213, 1) 100%); }
#flow .container.flow_4 { background: #E8F9FF; padding: 120px 0; }
#flow .container.flow_1 .text { padding: 0 0 0 80px; }
#flow .container.flow_1 .image .back { width: 90%; float: right; }
#flow .container.flow_1 .image .float.float_1 { z-index: 2; top: 14%; width: 90%; left: -17%; }
#flow .container.flow_1 .image .float.float_2 { left: -9.2%; bottom: 18%; width: 81%; }
#flow .container.flow_2 .image .back { width: 83%; position: relative; left: 6%; }
#flow .container.flow_2 .image .float.float_1 { top: 10%; left: 64%; width: 31%; }
#flow .container.flow_2 .image .float.float_2 { width: 29%; left: 8.9%; top: 6%; }
#flow .container.flow_3 .text { margin: 0 0 0 80px; }
#flow .container.flow_3 .image .back { width: 80%; position: relative; z-index: 2; }
#flow .container.flow_4 .image { position: relative; z-index: 2; }
#flow .container.flow_4 .image .back { position: relative; left: 50%; transform: translateX(-50%); bottom: -119px; width: 40%; z-index: 2; }
#flow .container.flow_4 .image .float.float_1 { z-index: 1; width: 30%; top: -1%; left: 10%; }
#flow .container.flow_4 .image .float.float_2 { z-index: 3; width: 69%; top: -24%; left: 31%; }

#smart { background: #F6F7FB; padding: 120px 0; }
#smart .topimg img { width: 180px; margin: 0 auto 10px; }
#smart .subtitle .main span { font-family: 'pre_B'; background: linear-gradient(90deg, rgba(122, 92, 255, 1) 0%, rgba(78, 155, 255, 1) 100%); color: transparent; -webkit-background-clip: text; }
#smart .midtext { text-align: center; margin: 100px 0 0 0; }
#smart .midtext .title { font-size: 1.9rem; font-family: 'pre_SB'; color: #111; margin: 0 0 20px 0; }
#smart .midtext .txt { font-size: 1.4rem; color: #505050; font-family: 'pre_R'; }
#smart .midtext span {font-family: 'pre_B';color: #fff;font-family: 'pre_B';background: linear-gradient(90deg, rgba(122, 92, 255, 1) 0%, rgba(78, 155, 255, 1) 100%);padding: 1px 12px 1px 9px;border-radius: 7px;font-size: 1.5rem;transform: translateY(-2px);display: inline-block;margin: 0 2px 0 3px;}
#smart .bowrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin: 50px 0 0 0; }
#smart .bowrap.bottomwrap {grid-template-columns: 1fr 1fr;}
#smart .bowrap .box { background: #fff; position: relative; padding: 40px 40px 280px 40px; border-radius: 40px; box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px; }
#smart .s_title { display: flex; gap: 10px; font-size: 1.5rem; font-family: 'pre_SB'; align-items: center; margin: 0 0 10px 0; }
#smart .s_title img { height: 26px; }
#smart .bowrap .box .txt { color: #777; font-size: 1.1rem; font-family: 'pre_M'; }
#smart .bowrap .box .boximg { position: absolute; bottom: 0; width: 91%; right: 0; }
#smart .bowrap .box:nth-of-type(1) .boximg { width: 54%; right: 10%; bottom: 30px; }
#smart .bowrap .box:nth-of-type(2) .boximg { width: 83%; }
#smart .longbox {background: #fff;padding: 30px 120px;display: flex;align-items: center;justify-content: space-between;gap: 80px;border-radius: 40px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;margin: 50px 0 0 0;}
#smart .longbox .textarea .txt { color: #777; font-size: 1.1rem; font-family: 'pre_M'; }
#smart .longbox > img {width: 46%;}
#smart .bowrap.bottomwrap .box {padding:40px;height: 650px; overflow: hidden;}
#smart .bowrap.bottomwrap .box > img {width: 76%;margin:30px auto 0;position: absolute;bottom: 0;right: 0;}

#one { padding: 170px 0; }
#one .boxwrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin: 70px 0 0 0; }
#one .boxwrap .box { background: #F9F9F7; border-radius: 20px; position: relative; padding: 260px 40px 40px 40px; }
#one .boxwrap .box img { margin: 0 auto; width: 100%; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); }
#one .boxwrap .box:nth-of-type(1) img { width: 72%; }
#one .boxwrap .box:nth-of-type(2) img { width: 56%; }
#one .boxwrap .box:nth-of-type(3) img { width: 39%; top: 17%; }
#one .boxwrap .box:nth-of-type(4) img { width: 42%; top: 16%; }
#one .boxwrap .box:nth-of-type(5) img { width: 72%; top: 24%; }
#one .boxwrap .box:nth-of-type(6) img { width: 53%; top: 10%; }
#one .boxwrap .box .name { text-align: center; color: #222; font-family: 'pre_B'; font-size: 1.4rem; margin: 0 0 10px 0; }
#one .boxwrap .box .txt { text-align: center; font-size: 1rem; color: #777; font-family: 'pre_R'; }


#work { background: linear-gradient(0deg, rgba(216, 222, 255, 1) 0%, rgba(243, 245, 255, 1) 100%); padding: 170px 0; }
#work .boxwrap.wrap_1 { margin: 70px 0 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
#work .boxwrap .box { background: #ffffff40; border-radius: 30px; position: relative; padding: 50px 50px 290px 50px; margin: 40px 0 0 0; border: 3px solid #fff; overflow: hidden; }
#work .boxwrap .box .text .name { font-size: 1.7rem; font-family: 'pre_B'; color: #111; margin: 0 0 10px 0; }
#work .boxwrap .box .text .txt { color: #505050; font-size: 1.3rem; font-family: 'pre_R'; }
#work .boxwrap .box .text img { position: absolute; bottom: 0; right: 0; width: 20%; }
#work .boxwrap .box.box_1 img { width: 78%; }
#work .boxwrap .box.box_2 img { width: 62%; }
#work .boxwrap .box.box_3 img { width: 65%; }



#category { padding: 170px 0; }
#category .subtitle { margin: 0 0 70px 0; }
#category .boxwrap { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
#category a { position: relative; transition: 0.5s;}
#category a > img { width: 100%; }
#category a:hover > img {filter: brightness(0.95);}
#category a .text { position: absolute; bottom: 50px; padding: 0 70px; display: flex; justify-content: space-between; width: 100%; align-items: center; }
#category a .text .left .name { font-size: 1.7rem; margin: 0 0 10px 0; font-family: 'pre_B'; color: #111; }
#category a .text .left .txt { font-size: 1.2rem; font-family: 'pre_R'; color: #505050; }
#category a .text .left .txt span { color: #111; font-family: 'pre_SB'; }
#category a .text .right img { width: 44px; }


/* #mainloop {--img-width: 1210px;--gap: 20px;--count: 3;--move: calc((var(--img-width) + var(--gap)) * var(--count));}
#mainloop .flow_wrap {width: 100%;overflow: hidden;display: flex;flex-direction: column;gap: 20px;margin: 110px 0 0 0;}
#mainloop .flow_row {width: 100%;overflow: hidden;position: relative;}
#mainloop .flow_track {display: flex;width: max-content;}
#mainloop .flow_group {display: flex;flex-shrink: 0;}
#mainloop .flow_group img { max-width: none;display: block;flex-shrink: 0;margin: 0 var(--gap) 0 0;}
#mainloop .flow_row.top img {width:1210px;}
#mainloop .flow_row.bottom img {width:1100px;}
#mainloop .flow_row.top .flow_track {animation: mainloopLeft 200s linear infinite;}
#mainloop .flow_row.bottom .flow_track {transform: translateX(calc(-1 * var(--move)));animation: mainloopRight 220s linear infinite;}
#mainloop .flow_row::before,
#mainloop .flow_row::after {content: '';position: absolute;top: 0;width: 200px;height: 100%;z-index: 3;pointer-events: none;}
#mainloop .flow_row::before {left: 0;background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);}
#mainloop .flow_row::after {right: 0;background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);}
#mainloop .flow_row:hover .flow_track {animation-play-state: paused;}
@keyframes mainloopLeft {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-1 * var(--move)));}
}
@keyframes mainloopRight {
    0% {transform: translateX(calc(-1 * var(--move)));}
    100% {transform: translateX(0);}
} */

#mainloop_2 {overflow:hidden; margin:90px 0 0 0;}
#mainloop_2 .flow { display:flex;  width:max-content;  animation:logoFlow 80s linear infinite;}
#mainloop_2 .wrap {  display:flex;  gap: 0;  padding-right: 0;}
#mainloop_2 img {height: 49px;margin: 0 7px;}
@keyframes logoFlow {
    0% {transform:translateX(0);}
    100% {transform:translateX(-50%);}
}




#exper {background: url(../image/exper_back.svg);background-size: cover;padding: 80px 0px;text-align: center;}
#exper .left .subtitle .main { color: #fff; line-height: 1.1; font-family: 'pre_SB';  font-size: 2.2rem;}
#exper .left .subtitle .main span { display: block; font-family: 'pre_L'; }
#exper .left a { display: flex; align-items: center; justify-content: center; gap: 30px; border: 2px solid #fff; width: 230px; margin: 40px auto 0; border-radius: 60px; height: 63px; color: #fff; font-size: 1.3rem; }
#exper .left a img { width: 34px; }


#footer { background-color:#121F34; padding:80px 0 0 0; }
#footer * { color:#fff; }
#footer .top { display:flex; justify-content:space-between; }
#footer .top .wrap { display:flex; gap:60px; align-items:center; }
#footer .top .wrap .logo { width:180px;}
#footer .top .wrap .logo img {width: 100%}
#footer .top .wrap .menu { display:flex; gap:13px; align-items:center; }
#footer .top .wrap .menu p { font-size:1.2rem; margin:0 20px 0 0; }
#footer .top .wrap .menu .menu span { font-size:0.7rem; font-family:'pre_L'; }
#footer .top .wrap .menu .menu a { font-family:'pre_R'; opacity:0.8; font-size:0.9rem; }
#footer .top .wrap .menu .menu a:last-of-type { opacity:1; font-family:'pre_B'; }
#footer .top .sns { display:flex; gap:6px; }
#footer .top .sns a img { width:30px; }
#footer .center { padding:40px 0 40px 240px; }
#footer .center .wrap { display:flex; gap:30px; margin:11px 0; }
#footer .center .wrap p { font-size:0.9rem; font-family:'pre_L'; color:#b0afaf; }
#footer .center .wrap p span { color:#d7d7d7; display:inline-block; margin:0 20px 0 0; }
#footer .copyright {padding:30px 0;border-top: 1px solid #ffffff29;text-align:center;font-size:0.8rem;}
#footer .copyright p { font-family:'pre_L'; opacity:0.7; }

.new_quickmenu {position: fixed; top:50%; right: -1px; transform: translateY(-50%);  z-index: 100; background-color: #fff; border: 1px solid #eee; padding: 20px 0 10px 0; display: block;
border-top-left-radius: 20px; border-bottom-left-radius: 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; width: auto;}
.new_quickmenu .inner {display: block;}
.new_quickmenu * {box-sizing: border-box;}
.new_quickmenu a {position: relative;display: flex;align-items: center;justify-content: center;padding: 10px 4px;width: 74px;height: 75px;flex-direction: column;}
.new_quickmenu a:hover {text-decoration: none;}
.new_quickmenu a:hover p {text-decoration: none; }
.new_quickmenu a img.icon {height: 24px;}
.new_quickmenu a img.icon.kakao {height: 27px;}
.new_quickmenu a img.icon.top {height: 17px;}
.new_quickmenu a:nth-of-type(1)::before {display: none;}
.new_quickmenu a::before {display:block; width: 60%; height: 1px; background-color: #b3b3b3; position: absolute; top: 0;}
.new_quickmenu a p {font-size: 12px;text-align: center;margin: 5px 0 0 0;font-family: 'pre_B'}
.new_quickmenu #consult-chat-floatting-plugin,
.new_quickmenu #chatButton,
.new_quickmenu .chat-fix {position: inherit !important; bottom: inherit; right: inherit}
.new_quickmenu #consult-chat-iframe-plugin {right: 100px !important;}
.new_quickmenu .chat-open,
.new_quickmenu .chat-close {border-radius: 8px; width: 64px; height: 64px;}


.floating {position: fixed;bottom: -80px;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 10px;display: flex;align-items: center;padding: 14px 20px;z-index: 5;box-shadow: rgb(60 60 60 / 10%) 0px 0px 8px;transition: 1s;border: 1px solid #dddddd;}
.floating.on { bottom: 30px; }
.floating p {font-size: 0.9rem;font-family: 'pre_L';margin: 0 30px 0 0;line-height: 1.2;}
.floating p span {display: block;font-family: 'pre_SB';color: #000;font-size: 0.9rem;}
.floating > span {display: flex;align-items: center;font-size: 1rem;background: var(--main-color);border-radius: 5px;padding: 8px 11px;color: #fff;}
.floating > span img {margin: 0 0 0 7px;width: 16px;}



#contact {  padding: 170px 0 100px 0;}
#contact .inner {max-width: 1000px;}
#contact form {display: flex;gap: 20px;align-items: flex-start;}
#contact .title { text-align: center; margin: 0 0 50px 0;}
#contact .title span{ display: flex; background: #222; color: #fff; width: 100px; height: 40px; border-radius: 70px; align-items: center; justify-content: center;  margin: 0 auto 30px;}
#contact .title .txt1 { font-size: 2.1rem; line-height: normal;  margin: 0 0 30px 0;}
#contact .title .txt2 { font-size: 1.2rem; font-family: 'pre_L';}
#contact .toptext {font-size: 0.9rem;color: #777;text-align: right;margin: 0 0 10px 0;}
#contact .toptext span {color: #ff3b3b;transform: translateY(2px);display: inline-block;margin: 0 5px 0 0;}
#contact .input_wrap {margin: 0 0 10px 0;display: flex;background: #f7f7f7;border-radius: 10px;padding: 5px 20px;}
#contact .input_wrap .name {font-size: 1rem;color: #333;display: flex;align-items: center;width: 120px;}
#contact .input_wrap .name .ess {color: #ff3b3b;display: inline-block;transform: translateY(2px);margin: 0 4px 0 0;}
#contact .input_wrap .right {width: calc(100% - 120px);}
#contact .input_wrap input {width: 100%;padding: 14px 15px;font-size: 1rem;border-radius: 6px;background: none;}
#contact .input_wrap input:focus {border-color: #396aff;outline: none;}
#contact .input_wrap input::placeholder {color: #878787; font-family: 'pre_L'   }
#contact .input_wrap textarea {width: 100%;height: 130px;border: 1px solid #ddd;padding: 15px;font-size: 1rem;border-radius: 6px;resize: none;}
#contact .input_wrap textarea:focus {border-color: #396aff;outline: none;}
#contact .mail_wrap {display: flex;align-items: center;gap: 10px;}
#contact .mail_wrap input {flex: 1;padding: 14px 10px;border-radius: 6px;width: calc(50% - 95px);}
#contact .mail_wrap .email_ess {font-size: 1rem;color: #333;display: block;width: 13px;text-align: center;}
#contact .input_wrap select {padding: 14px 15px;border-radius: 6px;font-size: 1rem;border: 0;color: #333;font-family: 'pre_L';width: 100%;}
#contact .mail_wrap select {width:150px}
#contact .agree_wrap {
    margin: 0px 0 0 0;
}
#contact .agree_wrap .block {border: 1px solid #ddd;padding: 20px 0 10px 0;margin: 20px 0;border-radius: 10px;}
#contact .agree_wrap .block .textarea{background: #ffffff;padding: 20px;border-radius: 10px;/* border: 1px solid #ddd; */margin: 0 auto 20px;background: #fafafa;width: 93%;}
#contact .agree_wrap .block .textarea p{font-family: 'pre_L';font-size: 0.9rem;color: #444;text-align: center;}
#contact .agree_wrap .check_wrap_2 {display:flex;align-items: center;margin: 10px 0 0 0;justify-content: center;}
#contact .agree_wrap .check_wrap_2 p {font-size:0.9rem;margin: 0 10px 0 0;}
#contact .agree_wrap .checkbox-wrapper {display: flex;align-items: center;justify-content: center;margin: 10px 0;}
#contact .contact_com {display: flex;align-items: center;justify-content: center;margin: 10px auto 0;width: 200px;height: 60px;background: #222;color: #fff;border-radius: 10px;font-size: 1.2rem;}


.checkbox-wrapper * { box-sizing: border-box; }
.checkbox-wrapper .cbx {-webkit-user-select: none;user-select: none;cursor: pointer;border-radius: 6px;overflow: hidden;transition: all 0.2s ease;display: inline-block;display: flex;align-items: center;}
.checkbox-wrapper .cbx:not(:last-child) { margin-right: 6px; }
.checkbox-wrapper .cbx:hover { background: rgba(0,119,255,0.06); }
.checkbox-wrapper .cbx span {float: left;}
.checkbox-wrapper .cbx span:first-child {position: relative;width: 20px;height: 20px;border-radius: 100%;transform: scale(1);/* border: 1px solid #cccfdb; */transition: all 0.2s ease;box-shadow: 0 1px 1px rgba(0,16,75,0.05);background: #f1f1f1;}
.checkbox-wrapper .cbx span:first-child svg {position: absolute;top: 5px;left: 4px;fill: none;stroke: #fff;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 16px;stroke-dashoffset: 16px;transition: all 0.3s ease;transition-delay: 0.1s;transform: translate3d(0, 0, 0);}
.checkbox-wrapper .cbx span:last-child {padding-left: 8px;line-height: 18px;font-size: 1rem;}
.checkbox-wrapper .inp-cbx { position: absolute; visibility: hidden; }
.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child { background: #222; border-color: #222; animation: wave-4 0.4s ease; }
.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0; }
.checkbox-wrapper .inline-svg { position: absolute; width: 0; height: 0; pointer-events: none; user-select: none; }
@-moz-keyframes wave-4 { 50% { transform: scale(0.9); } }
@-webkit-keyframes wave-4 { 50% { transform: scale(0.9); } }
@-o-keyframes wave-4 { 50% { transform: scale(0.9); } }
@keyframes wave-4 { 50% { transform: scale(0.9); } }


#contact_com { padding: 200px 0 120px; }
#contact_com .inner { text-align: center; }
#contact_com .title { font-size: 3rem; margin: 0 0 20px 0; }
#contact_com .sub { font-size: 1.2rem; font-family: 'pre_L'; }
#contact_com a { display: flex; margin: 50px auto 50px; width: 170px; height: 60px; align-items: center; justify-content: center; background: #222; color: #fff; gap: 10px; font-size: 1.2rem; border-radius: 60px; }
#contact_com a img { width: 20px; }
#contact_com .people { width: 100%; margin: 0 auto; max-width: 1040px; }

.doc {padding:190px 0 100px 0;}
.doc .inner {max-width:1000px}
.doc h2 {font-size: 3rem; text-align: center; margin: 0 0 20px 0;}
.doc p {  font-family: pre_L;  margin: 6px 0;}
.doc .title_1 {font-size: 1.3rem;font-family: 'pre_B'; margin:70px 0 0 0;}
.doc .title_2 {font-size: 1.1rem;font-family: 'pre_sb';margin: 30px 0 0 0px;}

.faq_list {padding: 170px 0 100px 0;}
.faq_list .inner {max-width: 1050px;}
.faq_list .title {text-align: center;}
.faq_list .title span {margin: 0 auto 10px;text-align: center;font-size: 1.4rem;color: #7d7d7d;font-family: 'pre_SB';display: block;}
.faq_list .title h2 {font-size: 2.1rem; margin: 0 0 10px 0;}
.faq_list .title p {font-family: 'pre_L'; font-size: 1.1rem;}
.faq_list .search_wrap {position: relative; width: 100%; max-width: 700px; height: 88px; border: 4px solid transparent; border-radius: 88px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #6476FF 0%, #CF4CFF 100%); background-origin: border-box; background-clip: content-box, border-box; margin: 40px auto 0px; display: flex; align-items: center;}
.faq_list .search_wrap select {width: 180px; height: 100%; border: 0; outline: 0; padding: 0 0 0 40px; font-size: 1.4rem; background: url(../image/select_icon.svg) 96% 52% no-repeat; background-size: 15px;}
.faq_list .search_wrap input[type="search"] {width: calc(100% - 240px); height: 100%; font-size: 1.2rem; color: #3958ff; padding: 0 20px; background: #fff;}
.faq_list .search_wrap button {height: 100%; width: 68px; display: flex; align-items: center;}
.faq_list .search_wrap button img {width: 36px;}
.faq_list .category {display: flex; align-items: center; justify-content: center; margin: 40px 0; gap: 11px; flex-wrap: wrap;}
.faq_list .category span {display: flex; background: #F1F3F9; padding: 6px 20px; border-radius: 50px; cursor: pointer; font-size: 1.1rem; color: #555;}
.faq_list .category span.on {background: linear-gradient(45deg,rgba(100, 118, 255, 1) 0%, rgba(207, 76, 255, 1) 100%); color:#fff; font-family: pre_B;}
.faq_list .list {margin: 60px 0 0 0;}
.faq_list .list ul li {border-bottom: 1px solid #e2e2e2;}
.faq_list .list ul li a {display: flex; align-items: center; justify-content: space-between; padding: 30px 20px 30px 20px;}
.faq_list .list ul li a .text {display: flex; padding: 0 90px 0 0; transition: 0.5s;}
.faq_list .list ul li a .text .block {width: 110px;}
.faq_list .list ul li a span {border: 2px solid #c5bfff; padding: 5px 14px; border-radius: 4px; color: #4332FF; font-family: pre_SB; transform: translateY(-1px); font-size: 0.9rem;}
.faq_list .list ul li a p {font-size: 1.1rem; transition: 0.5s; width: calc(100% - 110px);}
.faq_list .list ul li a:hover p {padding: 0 0 0 6px;}
.faq_list .list ul li a img {width: 7px;}



.page {display: flex; align-items: center; justify-content: center; margin: 50px 0 0 0; gap: 0;}
.page span {cursor: pointer; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.page span.prev {margin:0 10px 0 0;}
.page span.next {margin:0 0 0 10px;}
.page span.number {font-size: 1.1rem;}
.page span.on {background:#222; color: #fff; border-radius: 10px;}
.page span img {width: 6px;}

.faq_list.faq_in {padding: 80px 0 80px 0;}
#faq_content { padding: 170px 0 0 0; }
#faq_content .inner {width:100%; max-width: 860px; }
/* #faq_content .content img {max-width:100%;height:auto;position: absolute;top: 50%;right: 0;transform: translateY(-50%);} */
#faq_content .content .title { text-align: center; }
#faq_content .content .title span { border: 2px solid #c5bfff; padding: 2px 14px; border-radius: 4px; color: #4332FF; font-family: pre_SB; transform: translateY(-1px); display: inline-block; font-size: 0.9rem; margin: 0 0 20px 0; }
#faq_content .content .title .name { font-size: 1.8rem; margin: 0 0 60px 0; border-bottom: 1px solid #ddd; padding: 0 0 60px 0; }
#faq_content .content .text p { font-family: 'pre_L'; }
#faq_content .content .btn {display: flex;align-items: center;justify-content: space-between;margin: 90px 0 0 0;width: 100%;}
#faq_content .content .btn .arrow { display: flex; gap: 18px; }
#faq_content .content .btn a { background: #f1f1f1; padding: 14px 39px; border-radius: 8px; }
#faq_content .content .btn .prev,
#faq_content .content .btn .next {background: none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;position: relative;font-size: 0;padding: 0;}
#faq_content .text img {max-width:100% !important;height: auto !important;}
.prev.arrowimg { font-size: initial;}

#faq_content .content .btn .prev img {  left: 0;}
/* #faq_content > .faq_list > .inner > .faq_con_h2 {visibility: hidden;} */
#faq_content .faq_list { background: #fafafa; margin: 50px 0 0 0; }
#faq_content .faq_list .faq_con_h2 { text-align: center; font-size: 1.7rem; font-family: 'pre_SB'; }


/* 
#blog_list .inner { max-width: 1050px; }
#blog_list .title { text-align: center; font-size: 2.1rem; }
#blog_list .list .top { display: flex; align-items: flex-end; justify-content: space-between; margin: 100px 0 40px 0; }
#blog_list .list .top .count { font-family: 'pre_L'; }
#blog_list .list .top .count span { font-family: 'pre_B'; }
#blog_list .list .top .search { display: flex; gap: 10px; }
#blog_list .list .top .search select { outline: 0; border: 0; width: 100px; border-bottom: 2px solid #000; padding: 6px 0; }
#blog_list .list .top .search input[type="search"] { padding: 6px 0; border-bottom: 2px solid #000; width: 163px; }
#blog_list .list .top .search button img { width: 24px; }
#blog_list .list ul li { border-bottom: 1px solid #ddd; }
#blog_list .list ul li:first-of-type a { border-top: 1px solid #868686; }
#blog_list .list ul li a { display: flex; align-items: center; padding: 30px 20px 30px 20px; }
#blog_list .list ul li a span { width: 70px; justify-content: center; font-size: 0.9rem; }
#blog_list .list ul li a .txt { width: calc(100% - 170px); font-size: 1.1rem; transition: 0.5s; }
#blog_list .list ul li a .date { width: 100px; text-align: right; font-size: 0.9rem; color: #6a6a6a; }
#blog_list .list ul li a:hover .txt { padding: 0 0 0 6px; }
#blog_list .list ul li a.fix { background: #f9f9fa; }
#blog_list .list ul li a.fix span { color: var(--main-color); } */
#blog_list { padding: 170px 0 100px 0; }
#blog_list .inner {max-width: 1300px;}
#blog_list.blog-hub {padding: 190px 0 140px;}
#blog_list .blog-hub__title { margin:0 0 72px; font-family:'pre_B'; font-size:clamp(1.8rem,2.8vw,2.94rem); color:#111827; text-align:center; letter-spacing:-.04em; }
#blog_list .blog-hub__layout {display:grid;grid-template-columns:220px minmax(0,1fr);gap: 42px;align-items:start;}
#blog_list .blog-hub__sidebar {position:sticky;top:120px;padding: 70px 0 0 0;}
#blog_list .blog-sidebar__panel,#blog_list .blog-sidebar__search {/* border:1px solid rgba(15,23,42,.08); */border-radius: 17px;/* box-shadow: 0 22px 25px rgb(15 23 42 / 4%); */}
#blog_list .blog-sidebar__search {margin-top: 10px;padding:0;box-shadow: none;background: none;border-radius: 0;}
#blog_list .blog-sidebar__label { margin:0 0 14px; font-family:'pre_SB'; font-size:.98rem; color:#111827; }
#blog_list .blog-sidebar__categories {display:flex;flex-direction:column;gap: 0px;width: 100%;}
#blog_list .blog-sidebar__categories button,#blog_list .blog-sidebar__naver {display: block;width:100%;padding:12px 14px;border:0;border-radius: 9px;background:transparent;font-family:'pre_R';font-size: 1rem;color: #222;text-align:left;transition:background .25s ease,color .25s ease,transform .25s ease;box-sizing: border-box;}
@media(hover: hover) and (pointer: fine) {
    #blog_list .blog-sidebar__categories button:hover,
    #blog_list .blog-sidebar__naver:hover {transform:translateX(2px); }
}
#blog_list .blog-sidebar__categories button.is-active {background: #EFF3FF;color: #396AFF;font-family:'pre_SB';}
#blog_list .blog-sidebar__naver {color:#039b46;text-decoration:none;display: flex;gap: 8px;align-items: center;}
#blog_list .blog-sidebar__naver img { width: 17px; height: 18px;}
#blog_list .blog-search__field {display:flex;align-items:center;gap:10px;padding:0 14px;border-radius: 10px;background: #F4F4F4;}
#blog_list .blog-search__field input {width:100%;height:48px;border:0;background:transparent;font-size: 0.9rem;color:#0f172a;}
#blog_list .blog-search__field input::placeholder { color:#94a3b8; }
#blog_list .blog-search__field button {flex:0 0 auto;width: 19px;height:34px;border:0;border-radius:50%;}
#blog_list .blog-search__field button img {width:100%;opacity: 0.5;}
#blog_list .blog-hub__main { min-width:0; }
#blog_list .blog-featured { padding-bottom:48px; border-bottom:1px solid rgba(15,23,42,.08); }
#blog_list .blog-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:22px; }
#blog_list .blog-section-head p { margin:0 0 6px; font-family:'pre_SB'; font-size:.8rem; letter-spacing:.18em; color:#94a3b8; text-transform:uppercase; }
#blog_list .blog-section-head h2,#blog_list .blog-section-head h3 {margin:0;font-family:'pre_B';font-size: 2rem;color:#111827;letter-spacing:-.03em;}
#blog_list .blog-section-head h2 {
    display: flex;
    gap: 10px;
}
#blog_list .blog-section-head h2 img {
    width: 33px;
}
#blog_list .blog-section-head h3 {font-size: 2rem;}
#blog_list .blog-featured__count { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; background:#fff; font-size:.95rem; color:#475569; box-shadow:0 14px 30px rgba(15,23,42,.06); display: none;}
#blog_list .blog-featured__count strong { font-family:'pre_B'; color:#111827; }
#blog_list .blog-featured__swiper {overflow: hidden;padding: 0 0 20px 0;}
#blog_list .blog-featured__slide { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:18px; align-items:stretch; text-decoration:none; }
#blog_list .blog-featured__visual {position:relative;max-height: 300px;border-radius: 0;overflow: hidden;/* border: 1px solid; */}
#blog_list .blog-featured__visual img,#blog_list .blog-card__thumb img {width:100%;/* object-fit:cover; */display:block;border-radius: 20px;}
#blog_list .blog-featured__copy {display:flex;flex-direction:column;justify-content:center;min-width:0;padding: 18px 20px 18px 8px;}
#blog_list .blog-featured__meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; font-size:.88rem; color:#94a3b8; }
#blog_list .blog-pill {display:inline-flex;align-items:center;padding: 2px 11px;border-radius: 6px;background: #f5f5f5;font-family:'pre_SB';color:#0f172a;}
#blog_list .blog-featured__copy h3 {margin:0 0 16px;font-family:'pre_B';font-size:clamp(1.82rem,1.96vw,2.45rem);color:#111827;letter-spacing:-.04em;font-size: 1.8rem;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#blog_list .blog-featured__copy p {margin:0;font-size:1.09rem;color: #555;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp: 2;font-size: 1rem;}
#blog_list .blog-featured__link { margin-top:24px; display:inline-flex; align-items:center; gap:8px; font-family:'pre_SB'; font-size:.95rem; color:#2563eb; }
#blog_list .blog-featured__link::after { content:'\f061'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:1.1rem; }
#blog_list .blog-featured__pagination {display:flex;align-items:center;justify-content:flex-end;gap:8px;position: relative;z-index: 5;top: 10px;}
#blog_list .blog-featured__pagination .swiper-pagination-bullet { width:30px; height:4px; margin:0; border-radius:999px; background:rgba(148,163,184,.34); opacity:1; transition:width .25s ease; }
#blog_list .blog-featured__pagination .swiper-pagination-bullet-active { width:54px; background:#111827; }
#blog_list .blog-sections { padding-top:48px; }
#blog_list .blog-category-section + .blog-category-section { margin-top:56px; padding-top:56px; border-top:1px solid rgba(15,23,42,.08); }
#blog_list .blog-section__more { display:inline-flex; align-items:center; gap:8px; padding:0; border:0; background:transparent; font-family:'pre_SB'; font-size:.95rem; color:#64748b; text-decoration:none; cursor:pointer; }
#blog_list .blog-section__more::after { content:'\f105'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:1rem; transition:transform .25s ease; }
#blog_list .blog-section__more.is-expanded::after { transform:rotate(90deg); }
#blog_list .blog-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 22px; }
#blog_list .blog-card {display:flex;flex-direction:column;min-width:0;padding:0;border-radius:24px;text-decoration:none;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease;}
@media(hover: hover) and (pointer: fine) {
  #blog_list .blog-card:hover { transform:translateY(-5px);}
}
#blog_list .blog-card__thumb {position:relative;aspect-ratio:16/10;overflow:hidden;}
#blog_list .blog-card__badge { position:absolute; top:16px; left:16px; z-index:1; display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.88); font-size:1.15rem; color:#334155; box-shadow:0 8px 18px rgba(15,23,42,.08); }
#blog_list .blog-card__body {display:flex;flex:1 1 auto;flex-direction:column;gap:14px;padding: 0 10px 10px;}
#blog_list .blog-card__meta { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:.84rem; color:#94a3b8; }
#blog_list .blog-card__meta strong { font-family:'pre_SB'; color:#334155; }
#blog_list .blog-card__title {margin:0;font-family:'pre_B';font-size: 1.16rem;color:#111827;letter-spacing:-.03em;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#blog_list .blog-card__excerpt {margin:0;font-size: 0.9rem;color: #555;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height: 1.8rem;}
#blog_list .blog-empty { padding:56px 24px; border:1px dashed rgba(148,163,184,.45); border-radius:24px; background:rgba(255,255,255,.72); font-size:1.09rem; line-height:1.8; color:#64748b; text-align:center; }
#blog_list .blog-empty strong { display:block; margin-bottom:8px; font-family:'pre_SB'; color:#111827; }

#blog_content .inner {max-width: 1300px;}
#blog_content.blog-detail {padding:120px 0 140px;background: #fcfcfc;}
#blog_content .blog-hub__layout {display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;align-items:start;}
#blog_content .blog-hub__sidebar { position:sticky; top:120px; }
#blog_content .blog-sidebar__panel,#blog_content .blog-sidebar__search {border-radius:17px;padding: 90px 0 0 0;}
#blog_content .blog-sidebar__search {margin-top:10px;padding:0;box-shadow:none;background:none;border-radius:0;}
#blog_content .blog-sidebar__categories {display:flex;flex-direction:column;gap:0;width:100%;}
#blog_content .blog-sidebar__categories button,#blog_content .blog-sidebar__naver {display:block;width:100%;padding:12px 14px;border:0;border-radius:9px;background:transparent;font-family:'pre_R';font-size:1rem;color: #222;text-align:left;transition:background .25s ease,color .25s ease,transform .25s ease;box-sizing:border-box;}
@media(hover: hover) and (pointer: fine) {
    #blog_content .blog-sidebar__categories button:hover,
    #blog_content .blog-sidebar__naver:hover {transform:translateX(2px); }
}
#blog_content .blog-sidebar__categories button.is-active {background:#EFF3FF;color:#396AFF;font-family:'pre_SB';}
#blog_content .blog-sidebar__naver {color:#039b46;text-decoration:none;display:flex;gap:8px;align-items:center;}
#blog_content .blog-sidebar__naver img { width:17px; height:18px; }
#blog_content .blog-search__field {display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:10px;background: #ffffff;}
#blog_content .blog-search__field input {width:100%;height:48px;border:0;background:transparent;font-size:.9rem;color:#0f172a;}
#blog_content .blog-search__field input::placeholder { color:#94a3b8; }
#blog_content .blog-search__field button {flex:0 0 auto;width:19px;height:34px;border:0;border-radius:50%;}
#blog_content .blog-search__field button img {width:100%;opacity:.5;}
#blog_content .blog-hub__main {min-width:0;background: #fff;margin: 80px 0 0 0;border-radius: 20px;}
#blog_content .blog-detail__shell {max-width:none;margin:0;}
#blog_content .blog-detail__hero {padding:42px 44px;}
#blog_content .blog-detail__meta {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;font-size:1.3rem;color:#64748b;justify-content: center;}
#blog_content .blog-detail__category {display:inline-flex;align-items:center;padding: 5px 12px;border-radius: 10px;background: #f6f6f6;font-family:'pre_SB';color:#0f172a;font-size: 0.9rem;}
#blog_content .blog-detail__title {margin:0;font-family:'pre_B';font-size:clamp(3rem, 4.1vw, 4.8rem);color:#111827;font-size: 1.6rem;text-align: center;}
#blog_content .blog-detail__body {padding: 50px 44px;background:#fff;border-top: 1px solid #ddd;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
#blog_content .blog-detail__content {font-size: 1rem;line-height:1.95;color: #222;word-break:break-word;}
#blog_content .blog-detail__content > *:first-child { margin-top:0; }
#blog_content .blog-detail__content > *:last-child { margin-bottom:0; }
#blog_content .blog-detail__content p {
    font-size: 1.1rem !important;
    color: #292929;
}
#blog_content .blog-detail__content h1, #blog_content .blog-detail__content h2, #blog_content .blog-detail__content h3, #blog_content .blog-detail__content h4 { margin-top:1.6em; margin-bottom:.7em; font-family:'pre_B'; color:#111827; line-height:1.4; }
#blog_content .blog-detail__content p, #blog_content .blog-detail__content ul, #blog_content .blog-detail__content ol, #blog_content .blog-detail__content blockquote { margin-bottom:1.15em; }
#blog_content .blog-detail__content a { color:#2563eb; text-decoration:underline; text-underline-offset:.12em; }
#blog_content .blog-detail__content img, #blog_content .blog-detail__attachments img {width: 100%;height:auto;border-radius: 0;display:block;}
#blog_content .blog-detail__content table { width:100%; margin:1.6em 0; border-collapse:collapse; }
#blog_content .blog-detail__content table th, #blog_content .blog-detail__content table td { padding:12px 14px; border:1px solid rgba(148,163,184,.24); }
#blog_content .blog-detail__attachments { margin-top:32px; padding-top:32px; border-top:1px solid rgba(15,23,42,.08); }
#blog_content .blog-detail__attachments:empty { display:none; }
#blog_content .blog-detail__attachments .card, #blog_content .blog-detail__attachments .file-item, #blog_content .blog-detail__attachments li { margin-bottom:14px; padding:18px; border:1px solid rgba(148,163,184,.18); border-radius:22px; background:#f8fafc; list-style:none; }
#blog_content .blog-detail__attachments a { color:#0f172a; font-family:'pre_SB'; text-decoration:none; }
#blog_content .blog-detail__attachments a:hover { color:#2563eb; }
#blog_content .blog-detail__actions {display:flex;justify-content:center;margin-top: 74px;}
#blog_content .blog-detail__actions a {display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;background:#111827;font-family:'pre_SB';font-size: 1rem;color:#fff;text-decoration:none;transition:transform .24s ease, box-shadow .24s ease;}
#blog_content .blog-detail__actions a:hover { transform:translateY(-2px); box-shadow:0 18px 34px rgba(15,23,42,.14); }
#blog_content .se-component-content {padding: 0 !important;}
#blog_content span {font-family: 'pre_M' !important; color: #222;}

#blog_content .blog-detail__content h2 {font-size: 1.7rem !important;}
#blog_content .blog-detail__content h3 {font-size: 1.2rem !important; font-family: 'pre_SB' !important;}


#notice_content { padding: 170px 0 50px 0; }
#notice_content .inner { width:100%; max-width: 860px;  }
#notice_content .content img {max-width:100%; height:auto;  margin:0 auto;}
#notice_content .content .title { text-align: center; }
#notice_content .content .title span {border-radius: 4px;color: #a2a2a2;font-family: 'pre_L';transform: translateY(-1px);display: inline-block;font-size: 0.9rem;margin: 0 0 20px 0;}
#notice_content .content .title .name { font-size: 1.8rem; margin: 0 0 60px 0; border-bottom: 1px solid #ddd; padding: 0 0 60px 0; }
#notice_content .content .text p { font-family: 'pre_L'; }
#notice_content .content .btn {display: flex;align-items: center;justify-content:center;margin: 60px 0 50px 0;}
#notice_content .content .btn .arrow { display: none; gap: 18px; }
#notice_content .content .btn a { background: #f1f1f1; padding: 14px 39px; border-radius: 8px; }



#notice_list { padding: 170px 0 100px 0; }
#notice_list .inner { max-width: 1050px; }
#notice_list .title { text-align: center; font-size: 2.1rem; }
#notice_list .list .top { display: flex; align-items: flex-end; justify-content: space-between; margin: 100px 0 40px 0; }
#notice_list .list .top .count { font-family: 'pre_L'; }
#notice_list .list .top .count span { font-family: 'pre_B'; }
#notice_list .list .top .search { display: flex; gap: 10px; }
#notice_list .list .top .search select { outline: 0; border: 0; width: 100px; border-bottom: 2px solid #000; padding: 6px 0; }
#notice_list .list .top .search input[type="search"] { padding: 6px 0; border-bottom: 2px solid #000; width: 163px; }
#notice_list .list .top .search button img { width: 24px; }
#notice_list .list ul li { border-bottom: 1px solid #ddd; }
#notice_list .list ul li:first-of-type a { border-top: 1px solid #868686; }
#notice_list .list ul li a { display: flex; align-items: center; padding: 30px 20px 30px 20px; }
#notice_list .list ul li a span { width: 70px; justify-content: center; font-size: 0.9rem; }
#notice_list .list ul li a .txt { width: calc(100% - 170px); font-size: 1.1rem; transition: 0.5s; }
#notice_list .list ul li a .date { width: 100px; text-align: right; font-size: 0.9rem; color: #6a6a6a; }
@media(hover: hover) and (pointer: fine) {
#notice_list .list ul li a:hover .txt { padding: 0 0 0 6px; }  
}
#notice_list .list ul li a.fix { background: #f9f9fa; }
#notice_list .list ul li a.fix span { color: var(--main-color); }
#notice_list .category {display: flex;gap: 7px;padding: 0 0 20px 0; flex-wrap: wrap;}
#notice_list .category span { font-size: 14px; color: #6d6d6d;  padding: 6px 10px;  border-radius: 6px;  border: 1px solid #ddd;  cursor: pointer;}
#notice_list .category span:hover {color:#222;}
#notice_list .category span.on { color: #396aff; border: 1px solid #9cb4ff;}




.subfixedmenu { position: fixed; top: -150px; background: #ffffff; width: 100%; z-index: 3; height: 50px; border-bottom: 1px solid #ddd; }
.subfixedmenu.on {top:76px;}
.subfixedmenu .inner { display: flex; align-items: center; justify-content: center; height: 100%; gap: 20px; padding: 0;}
.subfixedmenu a { height: 100%; display: flex; justify-content: center; align-items: center; color: #777; position: relative; padding: 0 10px; }
.subfixedmenu a:hover {color:#000}
.subfixedmenu a.on { color: #000; font-family: 'pre_B'; }
.subfixedmenu a.on::after {display:block;content:'';width: 100%;height: 3px;position: absolute;bottom: -1px;background: #000;z-index: 2;}

.subcontent_visual {padding: 200px 0 0 0;}
.subcontent_visual .menu {display: flex;align-items: center;justify-content: center;margin: 0 0 90px 0;}
.subcontent_visual .menu a { display: block; padding: 10px 24px; font-size: 1.1rem; border-bottom: 3px solid #e3e3e3; color: #9e9e9e; }
.subcontent_visual .menu a:hover {color: #396AFF;}
.subcontent_visual .menu a.on { color: #396AFF; font-family: 'pre_B'; border-bottom: 3px solid #396AFF; }
.subcontent_visual img {width:100%;margin: 40px 0;}
.subcontent_visual p.main {  font-size: 3.5rem;}


.client_tab {padding: 190px 0 120px 0;}
.client_tab .wrap {display:flex;gap:40px;margin: 60px auto 0;width: 1200px;}
.client_tab .image { width:calc(55% - 20px); overflow: hidden;}
.client_tab .image img { width:100%; transform: translateX(0px);opacity: 1; transition: transform .35s ease, opacity .35s ease;  will-change: transform, opacity;}
.client_tab .image img.is-changing {transform: translateX(48px); opacity: 0;}
.client_tab .image img.is-enter {transform: translateX(48px);  opacity: 0;}
.client_tab .text {width:calc(45% - 20px);padding: 10px 0 10px 0;}
.client_tab .tabmenu {display:flex;margin: 0 0 26px 0;height: 52px;}
.client_tab .tabmenu span {font-size:1.4rem;font-family: 'pre_M';color:#9E9E9E;border-bottom:3px solid #C5C5C5;padding:10px 20px;cursor:pointer;flex: 1;text-align: center;}
.client_tab .tabmenu span.on {color: #000;border-bottom: 3px solid #000;font-family:'pre_B';}
.client_tab .tabcontent { height: calc(100% - 78px);}
.client_tab .tab {display:none;flex-direction:column;justify-content:space-between;height: 100%;}
.client_tab .tab.on {display:flex;}
.client_tab .txt {display: none;}
.client_tab .txt.on {display: block;}
.client_tab .textwrap .name {font-size: 1.8rem;margin: 0 0 10px 0;display: flex;align-items: center;gap: 16px;}
.client_tab .textwrap .name img {height: 28px;}
.client_tab .textwrap .text {width:100%;font-size:1.2rem;color:#555;line-height:1.3;font-family: 'pre_R';}
.client_tab .tagwrap {display: grid;flex-wrap:wrap;margin: 10px 0 40px 0;gap:15px 12px;cursor:pointer;grid-template-columns: 1fr 1fr 1fr;}
.client_tab .tag {display:flex;gap:18px;align-items:center;justify-content:center;border-radius:60px;padding:13px 27px;font-size:1.1rem;position:relative;z-index:2;border: 1px solid #EDEDED;color: #727688;}
.client_tab .tag:hover {color: #7738C8;}
.client_tab .tag.on { background: #F4EDFF; color: #7738C8; font-family: 'pre_B';}
.client_tab .tag img { width:24px; }

.client_tab.counseling .tag:hover {color: #FF784E;}
.client_tab.counseling .tag.on { background: #FFF2E6; color: #FF784E; font-family: 'pre_B';}

.client_tab.custom .tag:hover {color: #00A236;}
.client_tab.custom .tag.on { background: #DBFFDB; color: #00A236; font-family: 'pre_B';}



.subcontent_block{padding: 150px 0;background: #F6F7FB;}
.subcontent_block .container { margin: 70px 0 0 0; }
.subcontent_block .container .wrap { display: grid; gap: 30px; }
.subcontent_block .container .wrap.top {grid-template-columns: 4fr 4.5fr;margin: 0 0 30px 0;}
.subcontent_block .container .wrap.bottom {grid-template-columns: 5.6fr 5fr;}
.subcontent_block .container .wrap .card {background: #ffffff;padding: 60px;border-radius: 30px;position: relative;height: 519px;border:none;}
.subcontent_block .container .wrap .card .name { font-size: 28px; font-family: 'pre_B'; margin: 0 0 15px 0; }
.subcontent_block .container .wrap .card .text {font-size: 1.1rem;color: #555;}
.subcontent_block .container .wrap .card img { position: absolute; bottom: 0; right: 0; }
.subcontent_block .container .wrap .card_1 img {width: 82%;bottom: 0;}
.subcontent_block .container .wrap .card_2 img {width: 78%;bottom: 0;}
.subcontent_block .container .wrap .card_3 img {width: 63%;bottom: 20px;right: 20px;}
.subcontent_block .container .wrap .card_4 img {width: 56%;bottom: 0;right: 10%;}


.subcontent_box {padding: 120px 0 120px 0;}
.subcontent_box .subtitle {
    margin: 0 0 60px 0;
}

.subcontent_box .middle {background:#fff;padding:30px;border-radius:16px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;margin:0 0 30px 0;}
.subcontent_box .middle .box {display:flex;justify-content:space-between;align-items:center;padding:0 6%;}
.subcontent_box .middle .box .name {font-size:18px;color:#222;font-family:'pre_B';text-align:center;}
.subcontent_box .middle .box .name span {display:block;}
.subcontent_box .middle .box .img_wrap {margin:30px 0 0 0; position: relative;}


/* 사선그래프 */
.subcontent_box .middle .box .chart {width: 91.8%;position: absolute;bottom: 24%;left: 10.6%;}
.subcontent_box .middle .box .chart svg {width: 100%;height: auto;display: block;overflow: inherit;}
.subcontent_box .middle .box .line {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    
}
.subcontent_box .middle .box .line.red { stroke: #A8DFC4; animation-delay: 0s; }
.subcontent_box .middle .box .line.blue { stroke: #6D53FF; animation-delay: .2s; }
.subcontent_box .middle .box .line.show {animation: draw 2s cubic-bezier(.22,.61,.36,1) forwards;}
@keyframes draw {
    to { stroke-dashoffset: 0; }
}
.subcontent_box .middle .box .line {height:270px;width:1px;background:#ddd;}

/* 오각형그래프 */
.subcontent_box .middle .box .poly {
    position: absolute;
    opacity:0;
    transform:translate3d(0,6px,0) scale(.72);
    transform-origin:center;
    backface-visibility:hidden;
    will-change:transform,opacity;
    contain:paint;
}
.subcontent_box .middle .box .poly.show {animation:pop-in .8s cubic-bezier(.22,1,.36,1) forwards;}
.subcontent_box .middle .box .poly_base {  width: 104%;}
@keyframes pop-in{
    0%   {transform:translate3d(0,6px,0) scale(.72); opacity:0;}
    55%  {transform:translate3d(0,-1px,0) scale(1.06); opacity:1;} /* 완만 과충 */
    75%  {transform:translate3d(0,0,0) scale(.985);}
    100% {transform:translate3d(0,0,0) scale(1); opacity:1;}
}
.subcontent_box .middle .box .poly_1 {top: 11%;left: 34.9%;width: 25.3%;}
.subcontent_box .middle .box .poly_2 {top: 10.5%;width: 51%;left: 21.8%;}




.client_card {  padding: 120px 0;}
.client_card .subtitle {margin: 0 0 110px 0;}
.client_card .card {display: flex;align-items: center;gap: 60px;margin: 70px 0 0 0;flex-direction: row;border: 0;}
.client_card .card.reverse { flex-direction: row-reverse; }
.client_card .card-content { flex: 1; }
.client_card .card-title {font-size: 32px;margin-bottom: 30px;color: #1a1a1a;font-family: 'pre_SB';}
.client_card .card-description {font-size: 1.1rem;color: #4a4a4a;line-height: 1.3;font-family: 'pre_R';}
.client_card .card-image img {max-width: 570px;height: auto;display: block;width: 100%;border-radius: 20px;}


.subcontent_start {margin: 0 0 120px 0;}
.subcontent_start .inner .back{ background:#EDF3FF; border-radius:40px; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; overflow:hidden; padding:80px 0px; }
.subcontent_start .inner img{ position:absolute; }
.subcontent_start .inner .left{ width:640px; bottom:-60%; left:-16%; }
.subcontent_start .inner .right{ width:220px; bottom:16px; right:41px; }
.subcontent_start .inner .text{ position:relative; z-index:2; text-align:center; }
.subcontent_start .inner .text .title{ font-family:'pre_B'; font-size:2rem; }
.subcontent_start .inner .text .sub{ font-size:1.4rem; font-family: 'pre_SB'; color:#555; margin:20px 0 30px 0; line-height:1.3; }
.subcontent_start .inner .text a{ display:block; background:#222; color:#fff; width:200px; margin:0 auto; border-radius:50px; padding:15px 0; }


.subimgblock .inner .text { margin: 0 0 30px 0; }
.subimgblock .inner .text .title { font-size: 2rem; font-family: 'pre_B'; margin: 0 0 18px 0; }
.subimgblock .inner .text .text { font-size: 1.4rem; color: #505050; font-family: 'pre_M'; }
.client_chat { padding: 70px 0 120px 0; }
.client_chat .inner img { width: 100%; }
.client_phone { padding: 0 0 140px 0; }
.client_phone .image_wrap { display: flex; gap: 20px; margin: ; }
.client_phone .image_wrap img { height: 100%; width: auto; object-fit: contain; min-width: 0; }


/* 서브페이지 - 플러스팩 기본 공통 */
.back_b {  background: #F6F7FB !important;  padding: 110px 0;}
.back_w { padding: 110px 0;}
.box_b {background:#F6F7FB !important;}
.addimgbox { border-radius: 30px; padding: 60px;  display: flex;  align-items: center; justify-content: center;
    margin: 50px 0 0 0; background:#fff;}
.addimgbox img { width: 80%;}
.boxshadow {box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;}
.addtitle {font-size: 2.1rem;text-align: center;font-family: 'pre_B';color: #111;}
.addtitle_sub {text-align: center;font-size: 1.5rem;color: #505050;margin: 20px 0 0 0;}

/* 서브페이지 - 플러스팩 함께하면 좋은 서비스 공통 */
.add_together {  margin: 140px 0 0 0;}
.add_together .box { margin: 50px 0 0 0;  background: #fff;  padding: 80px 130px;    border-radius: 30px;  display: flex; align-items: center;  justify-content: center;  gap: 130px;}
.add_together .box .text { font-size: 1.3rem; color: #505050;}
.add_together .box .image img { width: 190px;}
#add_ars .add_together .box .image img { width: 290px;}
#add_arsmessage .add_together .box .image img { width: 190px;}


/* 서브페이지 - 플러스팩 탭메뉴 공통 */
.add_chat_sec { margin: 140px 0 0px 0; }
.add_chat_sec .wrap { display: flex; margin: 60px 0 0 0; justify-content: space-between; }
.add_chat_sec .wrap .left { width: 370px; padding: 70px 59px; display: flex; flex-direction: column; justify-content: space-between; }
.add_chat_sec .wrap .right { width: calc(100% - 390px); display: flex; align-items: center; justify-content: center; padding: 50px 0; }
.add_chat_sec .wrap .box { background: #fff; border-radius: 30px;  }
.add_chat_sec .wrap .left .name { font-size: 1.4rem; font-family: 'pre_SB'; color: #111; }
.add_chat_sec .wrap .left .dummywrap { display: flex; flex-direction: column; }
.add_chat_sec .wrap .left .dummy { margin: 13px 0; }
.add_chat_sec .wrap .left .dummy img { width: 26px; margin: 0 0 6px 0; }
.add_chat_sec .wrap .left .dummy p { color: #505050; font-size: 1.1rem; }
.add_chat_sec .wrap .right img { width: 80%; }




#add_btn {padding:0 0 110px 0;}
#add_btn .box_wrap { display: flex; align-items:center; justify-content:center; gap: 20px; margin: 100px 0 0 0; flex-wrap:wrap;}
#add_btn .box_wrap .box { width: 275px;  border: 1px solid #E5E5E5; border-radius: 20px; height: 260px; overflow: hidden; transition: 0.5s;}
@media(hover: hover) and (pointer: fine) {
  #add_btn .box_wrap .box:hover {transform: translateY(-10px)}
}
#add_btn .box_wrap .box .image { display: flex; align-items: center; justify-content: center; background: #FAFAFA; height: 60%; }
#add_btn .box_wrap .box .image img { height: 60%; }
#add_btn .box_wrap .box:nth-of-type(2) .image img { height: 36%; }
#add_btn .box_wrap .box:nth-of-type(3) .image img { height: 47%; }
#add_btn .box_wrap .box:nth-of-type(4) .image img { height: 51%; }
#add_btn .box_wrap .box:nth-of-type(5) .image img { height: 50%; }
#add_btn .box_wrap .box:nth-of-type(6) .image img { height: 53%; }
#add_btn .box_wrap .box:nth-of-type(7) .image img { height: 48%; }
#add_btn .box_wrap .box .text { height: 40%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; }
#add_btn .box_wrap .box .text .title { font-family: 'pre_B'; font-size: 1.1rem; margin: 0 0 4px 0; color: #111; }
#add_btn .box_wrap .box .text .txt { color: #555; font-family: 'pre_R'; }
#add_btn .point { display: flex; align-items: center;  justify-content: center;  gap: 14px; color: #0077FF;  margin: 30px 0 0 0;}
#add_btn .point img { width: 19px;}


.add_tabmenu { margin: 70px 0 0 0; }
.add_tabmenu .menu { width: 440px; display: flex; height: 36px; padding: 0 20px; }
.add_tabmenu .menu span { flex: 1; text-align: center; border-bottom: 2px solid #BCBCBC; color: #8D8D8D; font-size: 1.2rem; font-family: 'pre_SB'; cursor: pointer; }
.add_tabmenu .menu span.active { color: #7B00FF; border-bottom: 3px solid #7B00FF; }
.add_tabmenu .content {display: flex;justify-content: space-between;margin: 20px 0 0 0;}
.add_tabmenu .content .text {width: 450px;background: #fff;border-radius: 30px; padding: 70px 46px;display: flex;flex-direction: column;justify-content: space-between;}
.add_tabmenu .content .text .title { font-size: 2.2rem; font-family: 'pre_SB'; color: #111; }
.add_tabmenu .content .txt_wrap { margin: 1px 0 40px 0; }
.add_tabmenu .content .txt_wrap img { width: 24px; margin: 0 0 8px 0; }
.add_tabmenu .content .txt_wrap p { font-size: 1.2rem; color: #555; }
.add_tabmenu .content .point { display: flex; align-items: center; gap: 12px; color: #0077FF; }
.add_tabmenu .content .point img { width: 20px; }
.add_tabmenu .content .image { width: calc(100% - 470px); border-radius: 30px; overflow: hidden;  }
.add_tabmenu .content .image img { width: 100%; }


#add_ars .add_ars_blcok { margin: 140px 0 0 0; }
#add_ars .add_ars_blcok .boxwrap { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 50px 0 0 0; }
#add_ars .add_ars_blcok .box {border-radius: 20px;background: #f9faff;padding: 40px 60px;border: 1px solid #e4e6f1;}
#add_ars .add_ars_blcok .box img { height: 50px; margin: 0 0 20px 0; }
#add_ars .add_ars_blcok .box .name { font-size: 1.4rem; font-family: 'pre_SB'; color: #392a5d; margin: 0 0 20px 0; }
#add_ars .add_ars_blcok .box .txt { font-size: 1.1rem; color: #3a3643; }


#add_arsmessage .add_ivr_blcok { margin: 140px 0 0 0; }
#add_arsmessage .add_ivr_blcok .boxwrap { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 40px 0 0 0; }
#add_arsmessage .add_ivr_blcok .boxwrap .box { background: #fff; border-radius: 30px; padding: 60px 60px 0 60px; }
#add_arsmessage .add_ivr_blcok .boxwrap .box p { text-align: center; font-size: 1.5rem; font-family: 'pre_SB'; margin: 0 0 21px 0; }
#add_arsmessage .add_ivr_blcok .boxwrap .box img { width: 100%; max-width: 353px; margin: 0 auto; }


#add_callback .add_tabmenu {margin:70px 0 140px 0;}
#add_callback .add_tabmenu .menu {width: 700px;  margin: 0 auto;}

#add_recom .addimgbox img {width:60%}
#add_recom .add_recom_box {margin:140px 0 0 0;}
#add_recom .boxwrap {  display: grid;  grid-template-columns: 1fr 1fr 1fr;  gap: 20px;  margin: 50px 0 0 0;}
#add_recom .boxwrap .box { background: #fff;  border-radius: 30px;  padding: 50px;}
#add_recom .boxwrap .box img { height: 44px;  margin: 0 0 12px 0;}
#add_recom .boxwrap .box .name{ font-size: 1.2rem;  font-family: 'pre_SB';  margin: 0 0 10px 0;}
#add_recom .boxwrap .box .txt{ color: #505050;}

#add_ai .addimgbox img {width:60%;}
#add_ai .boxwrap {  display: grid;  grid-template-columns: 1fr 1fr 1fr;  gap: 20px;  margin: 50px 0 0 0;}
#add_ai .boxwrap .box {  border-radius: 30px;  padding: 50px; border: 1px solid #e4e6f1;}
#add_ai .boxwrap .box img { height: 44px;  margin: 0 0 12px 0;}
#add_ai .boxwrap .box .name{ font-size: 1.2rem;  font-family: 'pre_SB';  margin: 0 0 10px 0;}
#add_ai .boxwrap .box .txt{ color: #505050;}
.add_ai_box {margin:140px 0 0 0;}
#add_ai .point { display: flex; align-items: center;  justify-content: center;  gap: 14px; color: #0077FF;  margin: 30px 0 0 0;}
#add_ai .point img { width: 19px;}

#add_sta img {width:100%;    border-radius: 20px;  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  margin: 40px 0 0 0;}

.blog_list{padding:110px 0 80px 0;}
.blog_list .title h2{font-size:1.5rem;margin:0 0 4px 0;}
.blog_list .search_wrap{height:60px;max-width:100%;margin:20px auto 0;}
.blog_list .search_wrap select{padding:0 0 0 30px;width:120px;font-size:1rem;background-size:12px;}
.blog_list .search_wrap input[type="search"]{width:calc(100% - 168px);}
.blog_list .search_wrap button{width:48px;}
.blog_list .search_wrap button img{width:24px;}
.blog_list .category{margin:20px 0;gap:7px;}
.blog_list .category span{font-size:0.9rem;padding:3px 14px;}
.blog_list .blog_grid{grid-template-columns:1fr;gap:18px;}

.blog_list{padding:110px 0 80px 0;}
.blog_list .title h2{font-size:1.5rem;margin:0 0 4px 0;}
.blog_list .search_wrap{height:60px;max-width:100%;margin:20px auto 0;}
.blog_list .search_wrap select{padding:0 0 0 30px;width:120px;font-size:1rem;background-size:12px;}
.blog_list .search_wrap input[type="search"]{width:calc(100% - 168px);}
.blog_list .search_wrap button{width:48px;}
.blog_list .search_wrap button img{width:24px;}
.blog_list .category{margin:20px 0;gap:7px;}
.blog_list .category span{font-size:0.9rem;padding:3px 14px;}
.blog_list .blog_grid{grid-template-columns:1fr;gap:18px;}

.pricing_top {  background: #F6F7FB; padding: 190px 0 120px 0;}
.pricing_top .pricing-container {display: grid;gap: 12px;max-width:1100px;width:100%;align-items:stretch;margin: 50px 0 0 0;grid-template-columns: 1fr 1fr 1fr 1fr;}
.pricing_top .pricing-card {flex:1;display:flex;flex-direction:column;border-radius: 27px;overflow:hidden;background-color:#ffffff;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;}
.pricing_top .pricing-card.plus { border-color:#f0def7; }
.pricing_top .pricing-card.max { border-color:#e5ecfb; }
.pricing_top .card-header {
    text-align:center;padding: 18px 0 15px 0;font-weight: ;color:#ffffff;letter-spacing:0.5px;font-family: 'pre_SB'; font-size:1.1rem;     letter-spacing: -0.4px;
}
.pricing_top .lite .card-header { background-color:#15ced0; }
.pricing_top .plus .card-header { background-color:#743bfc; }
.pricing_top .pro .card-header {background-color: #fc813b;}
.pricing_top .max .card-header { background-color:#437cfb; }


.pricing_top .card-header { position: relative; overflow: hidden; z-index: 0; }
.pricing_top .card-header::before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); transition: top 0.3s ease; z-index: 0; }
.pricing_top .card-header::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent); transition: left 0.4s ease; }
.pricing_top .pricing-card:hover .card-header::before { top: 0; }
.pricing_top .pricing-card:hover .card-header::after { left: 100%; }
.pricing_top .pricing-card:hover .card-header { box-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.3); }


.pricing_top .card-body {padding:40px 28px 30px;display:flex;flex-direction:column;flex:1;background: #fff;}
.pricing_top .plan-name {font-size: 2rem;margin-bottom:24px;font-family: 'pre_SB';}
.pricing_top .lite .plan-name { color:#11d4d4; }
.pricing_top .plus .plan-name { color:#723bf5; }
.pricing_top .pro .plan-name {color: #fc813b;}
.pricing_top .max .plan-name { color:#3b76f6; }
.pricing_top .plan-price {font-size: 2.2rem;line-height:1;letter-spacing:-1px;margin-bottom: 6px;display:flex;align-items:center;font-family: 'pre_SB';}
.pricing_top .plan-price .won {font-size: 1.8rem;margin-right:4px;font-weight:700;font-family:Arial,sans-serif;}
.pricing_top .plan-period {color:#888888;font-weight:500;}
.pricing_top .divider {border:none;height:1px;background-color: #747474;margin:28px 0;}
.pricing_top .plan-description {margin-bottom:20px;color:#111111;font-family: 'pre_B';}
.pricing_top .feature-list {list-style:none;margin-bottom: 20px;flex:1;}
.pricing_top .feature-list li {display:flex;align-items: center;margin-bottom: 9px;color:#333333;gap: 10px;font-size: 0.9rem;justify-content: c;}
.pricing_top .feature-list li img {
    width: 15px;
}
.pricing_top .check-icon { width:18px; height:18px; min-width:18px; margin-right:8px; margin-top:2px; }
.pricing_top .lite .check-icon { color:#11d4d4; }
.pricing_top .plus .check-icon { color:#723bf5; }
.pricing_top .pro .check-icon { color:#723bf5; }
.pricing_top .max .check-icon { color:#3b76f6; }
.pricing_top .sub-feature { color:#777777; font-size:13.5px; }
/* .pricing_top .action-btn {width:100%;padding:16px 0;border-radius:30px;font-size: 1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-top:auto;font-family: 'pre_SB';gap: 10px;} */
.pricing_top .btn-icon { width:16px; height:16px; margin-right:8px; }
.pricing_top .outline-btn { background-color:transparent; }
.pricing_top .outline-btn img {  height: 20px;}
.pricing_top .lite .outline-btn { border:1px solid #11d4d4; color:#11d4d4; }
.pricing_top .lite .outline-btn:hover { background-color:rgba(17,212,212,0.05); }
.pricing_top .plus .outline-btn { border:1px solid #723bf5; color:#723bf5; }
.pricing_top .plus .outline-btn:hover { background-color:rgba(114,59,245,0.05); }
.pricing_top .pro .outline-btn {border: 1px solid #fc813b;color: #fc813b;}
.pricing_top .pro .outline-btn:hover { background-color:rgba(245, 130, 59, 0.05); }
.pricing_top .max .solid-btn { background-color:#3b76f6; border:1px solid #3b76f6; color:#ffffff; }
.pricing_top .max .solid-btn img {height: 15px;}
.pricing_top .max .solid-btn:hover { background-color:#2b64ef; }


.pricing_top .billing-toggle {display:flex;justify-content:center;margin: 48px 0 0 0;}
.pricing_top .toggle-wrap {position:relative;background:#e9eaee;border-radius:50px;padding:6px;display:flex;width:fit-content;overflow:visible;}
.pricing_top .toggle-indicator {position:absolute;top: 5px;left:6px;width: calc(50% - 7px);height:calc(100% - 12px);border-radius:40px;background:linear-gradient(90deg,#5a4cff,#9b3dff);transition:transform .28s ease;will-change:transform;z-index:0;}
.pricing_top .toggle-wrap[data-state="monthly"] .toggle-indicator { transform:translateX(0); }
.pricing_top .toggle-wrap[data-state="yearly"] .toggle-indicator {transform: translateX(100%);}
.pricing_top .toggle-btn {position:relative;z-index:1;border:none;background:transparent;padding: 14px 30px;border-radius:40px;cursor:pointer;color:#777;transition:color .2s ease;font-size: 1.1rem;}
.pricing_top .toggle-btn.active { color:#fff; }
.pricing_top .discount-bubble {position:absolute;top: -30px;right: -60px;z-index: 2;}
.pricing_top .discount-bubble img { width: 111px;}


.col-feature { width: 34%; }
.col-lite { width: 16.5%; }
.col-plus { width: 16.5%; }
.col-pro { width: 16.5%; }
.col-max { width: 16.5%; }

.pricing_table {padding: 120px 0 80px 0;}
.pricing_table .table-container {width:100%;overflow-x:auto;margin: 70px auto; position: relative; overflow: hidden;}
.pricing_table .feature-table {width:100%;border-collapse:collapse;text-align:center; }
@media (hover: hover) {
  .pricing_table .feature-table tr:hover {background:#fafafa;}
}
.pricing_table .feature-table th, .feature-table td {padding:16px 12px;border-bottom: 1px solid #e5e5e5;vertical-align:middle;}
.pricing_table .col-lite {color:#11d4d4;}
.pricing_table .col-plus { font-size:18px; color:#723bf5; }
.pricing_table .col-pro {font-size:18px; color:#fc813b; }
.pricing_table .col-max {font-size:18px; color:#3b76f6; }
.pricing_table .feature-table thead th {border-bottom:1px solid #eeeeee; padding-top:10px;vertical-align:bottom;font-size: 1.4rem;font-family: 'pre_B';}
.pricing_table .section-row {background:#F6F7F8;}
.pricing_table .section-row td {padding:14px 24px;text-align:left;color:#333333;border-bottom:1px solid #eaeaea;padding-left: 34px !important;}
.pricing_table .section-row.purple-bg td {border-bottom:1px solid #f2d1fc;background: linear-gradient(90deg, rgb(240 243 255) 0%, rgb(251 241 255) 100%);}
.pricing_table .section-title {display:flex;align-items:center;gap: 8px;color:#111111;}
.pricing_table .section-row.purple-bg .section-title {color:#000}
.pricing_table .section-icon {height:16px;display:inline-block;}
.pricing_table .feature-table tbody td:first-child {text-align:left;padding-left: 57px;color:#111111;}
.pricing_table .sub-item {padding-left: 90px !important;position: relative;}
.pricing_table .sub-item img {width: 10px;transform: translateY(-2px); display: inline-block;}
.pricing_table .sub-bullet {color:#bbbbbb;position: absolute;left: 70px;}
.pricing_table .sub-text {font-size: 0.8rem;color:#888888;margin-top: 3px;display:inline-block;line-height:1.4;}
.pricing_table .badge {color:#3b76f6;margin-left: 2px;font-size: 0.9rem;font-weight: normal;font-family: 'pre_SB'; padding:0 0 0 4px;}
.pricing_table .check-icon { width:18px; height:18px; display:inline-block; vertical-align:middle; }
.pricing_table .lite-check { color:#11d4d4; }
.pricing_table .plus-check { color:#723bf5; }
.pricing_table .max-check { color:#3b76f6; }
.pricing_table .dash {color: #a0a0a0;}
.pricing_table .section-row.tab-bg {background:#fff}
.pricing_table .section-row.tab-bg:hover {background:#fff;}
.pricing_table .section-row.tab-bg .section-title {padding: 10px 0;justify-content: space-between;}
.pricing_table .section-row.tab-bg .section-title .text { display: flex; gap: 10px;}
.pricing_table .section-row.tab-bg .section-title .icon {width: 19px;height: 20px;transform: translateY(8px);}
.pricing_table .section-row.tab-bg .section-title p{ color: #555;}
.pricing_table .section-row.tab-bg .section-title .btn_wrap{ margin: 10px 0 0 0; display: flex; gap: 10px; position: relative;}
.pricing_table .section-row.tab-bg .section-title .btn_wrap img.icon2 {position: absolute;width: 200px;top: -54px;left: 110px; animation:  floatCloud 1.5s ease-in-out infinite;}
@keyframes floatCloud {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}
.pricing_table .section-row.tab-bg .section-title .btn_wrap span{
    display: flex; align-items: center; justify-content: center; width: 205px;  height: 45px; background: #fbfaff; border: 1px solid #dacaff;
    border-radius: 6px; font-size: 0.9rem; cursor: pointer; color: #725ba9;
    }
.pricing_table .section-row.tab-bg .section-title .btn_wrap span.on {color: #fff; background: #723bf5}
.pricing_table .section-row.tab-bg .section-title .btn_wrap span:hover {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.pricing_table .whitewrap {position:absolute;bottom:0;width:100%;left:0;z-index: 2;background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%);}
.pricing_table .whitewrap img {position: absolute;top: 40%;left:50%;transform: translate(-50%, -50%);width: 360px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
border-radius: 10px;}
.pricing_table .whitewrap img.second {cursor: pointer; display:none;}

.pricing_table .table-container.fixed{ position:fixed; top: 5px; width:100%; left: 0; z-index:4; display:none; background: #fff;}
.pricing_table .table-container.fixed th {padding: 16px 12px; border-bottom: 0;}
.pricing_table .table-container.fixed table {width:100%;max-width: 1160px;margin:0 auto;}

.pricing_table .des_group {position: relative;}
.pricing_table .des_group > p {display:inline-block;}
.pricing_table .des_icon {cursor: pointer;width: 15px !important;opacity: 0.8;}
.pricing_table .description {display: inline-block;margin: 0 0 0 5px;transform: translateY(2px);    position: relative;  z-index: 1;}
.pricing_table .description p { display: none; background: #505050; color: #ececec;  padding: 6px 9px;
    border-radius: 9px;  font-size: 0.9rem;  z-index: 2;  position: absolute;  top: 50%;
    width: max-content;  max-width: 200px;  transform: translateY(-50%);  left: 30px;}
.pricing_table .description img:hover + p {display: block;}


.pricing_top .solid-btn {background-color: #161616; color: #ffffff; width: 250px;  height: 32px;  margin: 50px auto 0; border-radius: 40px;}
.pricing_top .solid-btn img {height: 15px;}
.pricing_top .solid-btn:hover { background-color:#383838; }

.conbtn {text-align:center; margin:50px 0 0 0;}
.conbtn { width: 100%; height: 100%; display: grid; place-items: center; }
.conbtn button {font-size: 1.3rem;appearance: none;background: transparent;padding: 20px 30px;border-radius: 100px;border: 3px solid #743bfc;color: #743bfc;position: relative;overflow: hidden;transition: color .40s ease;font-family: 'pre_SB';}
.conbtn button:hover { color: #fff; }
.conbtn button .btn-content {pointer-events: none;position: relative;z-index: 3;font-family: 'pre_SB';}
.conbtn button .btn-cells { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; display: grid; grid-template-columns: repeat(10, 1fr); grid-auto-rows: 1fr; overflow: hidden; }
.conbtn button .btn-cells span { width: 100%; height: 100%; display: block; position: relative; }
.conbtn button .btn-cells span::before {content: "";display: block;position: absolute;width: 50px;height: 50px;background: #743bfc;/* background-image: linear-gradient(to right, #51F0ED, color-mix(in srgb, #51F0ED, white 50%)); */transition: transform .4s ease;transform: scale(0);border-radius: 100px;}
.conbtn button .btn-cells span:hover::before { transform: scale(12); }
.conbtn button .btn-cells span:hover ~ span:not(:hover) { pointer-events: none; }


.pricing_image { padding: 0 0 180px 0; }
.pricing_image .wrap {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;margin: 30px 0 0 0;background: #fafafa;padding: 50px;border-radius: 30px;}
.pricing_image .box {cursor:pointer;}
.pricing_image .box img {width: 100%;border-radius: 10px;margin: 0 0 20px 0; border: 4px solid #e8e8e8;}
.pricing_image .box p { display: flex; align-items: center; justify-content: center; width: 130px; height: 40px; background: #e6e6e6; color: #000000; border-radius: 40px; margin: 0 auto; }

.pricing_image_pop {position:fixed;top:0;left:0;width:100%;height:100vh;background: #000000ba;z-index: 101; display:none;}
.pricing_image_pop .close { display: block;  width: 4%;  height: auto;  position: absolute;  top: -10%;  right: 10px;}
.pricing_image_pop .close img { width: 100%;}
.pricing_image_pop .container {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 82%;max-width: 1920px;}
.pricing_image_pop .container img{width:100%;border-radius: 20px;}

.pricing_top.new .discount-bubble {top:-39px; right:-81px;}
.pricing_top.new .discount-bubble img {width:141px;}
.pricing_top.new .plan-price.dis {font-family: 'pre_M';  color: #a5a5a5; font-size: 1.5rem; margin-bottom:0;}
.pricing_top.new .plan-price.dis .won {  font-family: 'pre_M';  font-size: 1.2rem;}
.pricing_top.new .plan-price.dis p {text-decoration: line-through}
.pricing_top.new .plan_dis_price {  display: flex;  align-items: baseline;}
.pricing_top.new .plan_dis_price .won {  font-size: 1.8rem;  font-family: 'pre_SB';  margin: 0 4px 0 0;}
.pricing_top.new .plan_dis_price p { font-size: 2.2rem;  font-family: 'pre_B';letter-spacing: -2px;}
.pricing_top.new .plan_dis_price .bedge { display: flex; align-items: center; justify-content: center; background: #ffe0e0; color: #ff1111; font-size: 0.9rem; font-family: 'pre_SB'; width: 40px; height: 24px;
    border-radius: 7px; margin: 0 0 0 5px; transform: translateY(-4px);}
.pricing_top.new .pricing-card.max .plan_dis_price p {margin: 27px 0 0 0;}
.pricing_top.new .notice img {width:100%;  max-width: 560px;  margin: 20px auto;}
.pricing_top.new .plan-price.dis .bedge {  display: flex;  align-items: center;  justify-content: center;  background: #e6e6e6;  color: #7d7d7d;
    font-size: 0.8rem; font-family: 'pre_SB';  width: 35px;  height: 22px;  border-radius: 4px; margin: 0 0 0 5px;  transform: translateY(0px);  line-height: normal;  }


.chat_block {padding: 120px 0;}
.chat_block .chat-solution { padding: 36px 20px; background: #e4e4e4; }
.chat_block .chat-solution__inner {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;width: min(1400px, 100%);margin: 60px auto 0;}
.chat_block .chat-solution__side { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 20px; }
.chat_block .feature-card {display: flex;flex-direction: column;min-width: 0;padding: 60px 54px 30px;overflow: hidden;background: #f8f8ff;border-radius: 30px;border: 1px solid #DEDEDE;gap: 30px; box-shadow: none;}
.chat_block .feature-card:hover {transform: none;}
.chat_block .feature-card--large {min-height: 700px;}
.chat_block .feature-card__header { flex: 0 0 auto; }
.chat_block .feature-card__title {color: #222228;font-size: 1.8rem;font-family: 'pre_SB';}
.chat_block .feature-card__description {margin-top: 16px;color: #555;font-size: 1.2rem;font-family: 'pre_M';line-height: 1.4;}
.chat_block .feature-card__media {height: 166px;}
.chat_block .feature-card__media img {display:block;width:100%;}
.chat_block .feature-card__media--large {margin-top: 24px; height:auto;}
.chat_block .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.chat_block .feature-card__media--large img {height:auto;}


.chat_block .feature-card__media {width:100%; max-width:100%; min-width:0; margin:0; overflow:hidden;}
.chat_block .feature-card__media img {display:block; width:100%; max-width:100%; height:auto; object-fit:contain;}
.chat_block .feature-card__media--large {width:100%; max-width:100%; min-width:0; margin:24px 0 0;}



.chat_allinone .inner { display: flex; justify-content: center;  justify-content: space-between; align-items: center;}
.chat_allinone .subtitle { text-align: left;}
.chat_allinone .subtitle .main  {margin: 0 0 30px 0;}
.chat_allinone .right img { width: 600px;}



.chat_tabmenu {padding: 120px 0;}
.chat_tabmenu .blind {position:absolute;width:0.1rem;height:0.1rem;margin:-0.1rem;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.chat_tabmenu .chat-setting {width:100%;background:#fff;overflow:hidden;}
.chat_tabmenu .chat-setting__tabs {display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-bottom:0.1rem solid #d9d9d9;margin: 60px 0 0 0;}
.chat_tabmenu .chat-setting__tab {position:relative;padding: 20px;border:0;background:#fff;color:#999;font-size: 1.5rem;cursor:pointer;transition:color 0.25s ease;font-family: 'pre_SB';text-align: center;}
.chat_tabmenu .chat-setting__tab::after {position:absolute;right:0;bottom:-0.1rem;left:0;height:2px; background:#171717;transform:scaleX(0);transform-origin:center;transition:transform 0.3s ease;content:"";}
.chat_tabmenu .chat-setting__tab:hover {color:#555;}
.chat_tabmenu .chat-setting__tab.is-active {color:#171717;}
.chat_tabmenu .chat-setting__tab.is-active::after {transform:scaleX(1);}
.chat_tabmenu .chat-setting__tab:focus-visible {z-index:1;outline:0.2rem solid #2196d2;outline-offset:-0.4rem;}
.chat_tabmenu .chat-setting__contents {width:100%;}
.chat_tabmenu .chat-setting__panel {width:100%;}
.chat_tabmenu .chat-setting__panel.is-active .chat-setting__text {animation:chatTextIn 0.45s ease both;}
.chat_tabmenu .chat-setting__panel.is-active .chat-setting__visual {animation:chatVisualIn 0.55s ease both;}
.chat_tabmenu .chat-setting__inner {display:grid;grid-template-columns: 1fr 1.3fr;align-items:center;gap: 20px;margin:0 auto;padding: 70px 0;}
.chat_tabmenu .chat-setting__title {margin: 0 0 30px 0;color:#161616;font-size: 2.2rem;line-height:1.3;font-family: 'pre_B';}
.chat_tabmenu .chat-setting__description {color: #555;font-size: 1.4rem;}
.chat_tabmenu .chat-setting__benefits {display:flex;flex-direction:column;gap: 11px;margin: 50px 0 0 0;padding:0;list-style:none;}
.chat_tabmenu .chat-setting__benefits li {display:flex;align-items:center;color: #348FB5;font-size: 1.3rem;gap: 12px;}
.chat_tabmenu .chat-setting__icon {position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;color:#71c5e9;}
.chat_tabmenu .chat-setting__icon--calendar {border:0.25rem solid #71c5e9;border-radius:0.4rem;box-sizing:border-box;}
.chat_tabmenu .chat-setting__icon--calendar::before {right:0.2rem;left:0.2rem;top:0.55rem;height:0.25rem;background:#71c5e9;}
.chat_tabmenu .chat-setting__icon--message {width:2.2rem;height:1.7rem;border-radius:0.5rem;background:#71c5e9;}
.chat_tabmenu .chat-setting__icon--message::after {left:0.4rem;bottom:-0.4rem;border-top:0.6rem solid #71c5e9;border-right:0.5rem solid transparent;}
.chat_tabmenu .chat-setting__icon--click {border:0.25rem solid #71c5e9;border-radius:50%;box-sizing:border-box;}
.chat_tabmenu .chat-setting__icon--click::before {width:0.3rem;height:1rem;background:#71c5e9;transform:rotate(-35deg);}
.chat_tabmenu .chat-setting__icon--check {border-radius:50%;background:#71c5e9;}
.chat_tabmenu .chat-setting__icon--check::before {width:0.8rem;height:0.4rem;border-bottom:0.25rem solid #fff;border-left:0.25rem solid #fff;transform:rotate(-45deg);}
.chat_tabmenu .chat-setting__visual img {width:100%;}
[hidden] {display:none !important;}
@keyframes chatTextIn {from {opacity:0;transform:translateX(-2rem);} to {opacity:1;transform:translateX(0);}}
@keyframes chatVisualIn {from {opacity:0;transform:translateX(2rem);} to {opacity:1;transform:translateX(0);}}


.chat_scrollanimation .scrollwrap {width:100%;max-width:1000px;margin:80px auto 0; position: relative;}
.chat_scrollanimation .scrollwrap .gradient {position: absolute;width: 100%;height: 180px;bottom: -70px;left: 0;z-index: 2;background: linear-gradient(180deg,rgba(246, 247, 251, 0) 0%, rgba(246, 247, 251, 1) 50%);}
.chat_scrollanimation .chat_scrollbox {position:relative;width:100%;max-width: 560px;height: 630px;padding:24px;overflow:hidden;background: #fff;border: 8px solid #717171;border-radius:32px;box-shadow:0 24px 60px rgba(22,49,87,.12);margin: 0 auto;}
.chat_scrollanimation .chat_scrolllist {width:100%;height:100%;padding:10px 10px 80px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;}
.chat_scrollanimation .chat_scrolllist::-webkit-scrollbar {display:none;}
.chat_scrollanimation .chat_scrollitem {width:100%;margin-bottom:24px;opacity:0;visibility:hidden;transform:translateY(35px) scale(.94);will-change:opacity,transform;}
.chat_scrollanimation .chat_scrollitem:last-child {margin-bottom:0;}
.chat_scrollanimation .chat_scrollitem img {display:block;}
/* .chat_scrollanimation .chat_scrollitem.is_visible {visibility:visible;animation:chatItemPop .35s cubic-bezier(.22,.61,.36,1) forwards;}
@keyframes chatItemPop { 
    0%{opacity:0;transform:translateY(35px) scale(.94);}
    60%{opacity:1;transform:translateY(-3px) scale(1.01);}
    100%{opacity:1;transform:translateY(0) scale(1);}
} */

.chat_scrollanimation .chat_scrollitem.is_visible {visibility:visible; animation:chatItemFadeIn .4s ease forwards;}

@keyframes chatItemFadeIn {
    0% {opacity:0; transform:translateY(12px);}
    100% {opacity:1; transform:translateY(0);}
}

@media (prefers-reduced-motion:reduce) {
    .chat_scrollitem{opacity:1;visibility:visible;transform:none;}
    .chat_scrollitem.is_visible{animation:none;}
}
.chat_scrollanimation {background:linear-gradient(180deg,rgba(229,245,250,1) 0%,rgba(246,247,251,1) 30%);padding:120px 0;}
.chat_scrollanimation .toptitle p {text-align:center;font-size:1.9rem;color:#222;font-family:'pre_M';margin:0 0 20px 0;}
.chat_scrollanimation .toptitle p span {color:#067FFF;font-family:'pre_M';}
.chat_scrollanimation .toptitle img {margin:0 auto 30px;width:490px;}
.chat_scrollanimation .subtitle {margin:0 0 80px 0;}
.chat_scrollanimation .chat_scrollitem img {width:100%;}
.chat_scrollanimation .chat_scrollitem.state {width:70%;margin:0 auto;padding:30px 0;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(1) img {width: 74%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(2) img {width: 70%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(3) img {width: 52%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(4) img {width: 77%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(5) img {width: 62%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(6) img {width: 77%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(7) img {width: 38%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(8) img {width: 65%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(9) img {width: 64%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(10) img {width: 79%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(11) img {width: 28%;}
.chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(12) img {width: 49%;}
.chat_scrollanimation .chat_scrollitem.bubble.right {display:flex;justify-content:right;width:100%;}
.chat_scrollanimation .chat_scrollitem.bubble.right::after {content:"";display:block;clear:both;}
.chat_scrollanimation .chat_scrollitem.ai {width:100%;}




.chat_application {padding:120px 0;}
.chat_application .application_list {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-top:80px;}
.chat_application .application_item {min-height:470px;border-radius:46px;padding: 50px 16px 48px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
.chat_application .application_item.purple {background:linear-gradient(180deg, #e9dcff 0%, #f8f9ff 100%);}
.chat_application .application_item.blue {background:linear-gradient(180deg, #d7e0ff 0%, #f8f9ff 100%);}
.chat_application .application_item.green {background:linear-gradient(180deg, #aef8dc 0%, #f8fbff 100%);}
.chat_application .application_img {height:250px;}
.chat_application .application_img img {width:100%}
.chat_application .application_txt {padding: 0 30px;}
.chat_application .application_txt .tit {font-size: 1.6rem;line-height:1.35;font-family:'pre_B';color:#222;margin:0 0 12px 0;}
.chat_application .application_txt .desc {font-size: 1.15rem;line-height: 1.35;font-family:'pre_R';color:#333;margin:0;}


.chat_workflow {padding:50px 0 120px 0;background:#fff;}
.chat_workflow .inner {max-width:1200px;margin:0 auto;padding:0 20px;}
.chat_workflow .workflow_tab {margin:60px 0 0 0;}
.chat_workflow .workflow_tabmenu {display:flex;justify-content:center;align-items:flex-start;gap:90px;margin: 90px 0 52px 0;}
.chat_workflow .workflow_tabbtn {padding:0;border:0;background:transparent;text-align:center;cursor:pointer;}
.chat_workflow .workflow_tabbtn .icon {display:flex;align-items:center;justify-content:center;width: 56px;height: 56px;margin:0 auto 14px;border-radius:8px;background:#f0f0f0;}
.chat_workflow .workflow_tabbtn strong {display:block;margin:0 0 8px 0;font-size: 1.35rem;line-height:24px;font-family:'pre_B';color:#555;}
.chat_workflow .workflow_tabbtn p {margin:0;font-size: 1.06rem;font-family:'pre_R';color:#888;width: max-content;}
.chat_workflow .workflow_tabbtn.active .icon {background:#eaf2ff;}
.chat_workflow .workflow_tabbtn.active strong {color:#067fff;}
.chat_workflow .workflow_tabbtn.active p {color:#222; font-family: 'pre_M';}
.chat_workflow .workflow_content {position:relative;overflow:hidden;width:100%;border:1px solid #ddd;border-radius:30px;background:#f8f9fc;}
.chat_workflow .workflow_panel {display:none;width:100%;padding: 40px;}
.chat_workflow .workflow_panel.active {display:block;}
.chat_workflow .workflow_panel img {display:block;width:100%;object-fit:cover;}




.chat_numbering {padding: 40px 0 120px 0;background:#fff;}
.chat_numbering .numbering_result {margin-top:70px;}
.chat_numbering .numbering_compare {display:flex; justify-content:center; gap:20px;}
.chat_numbering .compare_box {position:relative;width: 50%;border-radius:28px;overflow:hidden;padding: 50px 50px 20px 50px;}
.chat_numbering .compare_box.before {background:#f8f9fd; border:1px solid #e5e8ef;}
.chat_numbering .compare_box.after {background:linear-gradient(180deg, #bdf3ff 0%, #f8fbff 100%);}
.chat_numbering .compare_label {display:flex;align-items:center;justify-content:center;gap: 13px;height: 48px;padding:0 14px;background:#fff;border:1px solid #d9dde6;border-radius: 10px;color:#5e6470;font-size: 1.12rem;font-family:'pre_M';white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.04);width: max-content;margin: 0px auto 20px;}
.chat_numbering .compare_box.after .compare_label {border: 3px solid #795bff;color:#34384a;}
.chat_numbering .compare_label span {color:#795bff;font-size: 1.12rem;font-family:'pre_B';}
.chat_numbering .compare_empty {width:100%; height:100%;}
.chat_numbering .compare_empty img {width: 100%;margin: 0 auto;}
.chat_numbering .numbering_stats {display:flex; justify-content:center; gap:100px; margin-top:38px;}
.chat_numbering .stat_item {min-width:150px; text-align:center; opacity:0; transform:translateY(22px); transition:opacity 0.6s ease, transform 0.6s ease;}
.chat_numbering.is_show .stat_item {opacity:1; transform:translateY(0);}
.chat_numbering.is_show .stat_item:nth-child(1) {transition-delay:0s;}
.chat_numbering.is_show .stat_item:nth-child(2) {transition-delay:0.12s;}
.chat_numbering.is_show .stat_item:nth-child(3) {transition-delay:0.24s;}
.chat_numbering .stat_number {display:flex;align-items:flex-end;justify-content:center;margin:0 0 8px 0;color:#2c2f34;font-size: 6.2rem;font-family:'pre_B';line-height:0.9;letter-spacing:-4px;}
.chat_numbering .percent {margin-left:4px;padding-bottom:7px;color:#2c2f34;font-size: 2.25rem;font-family:'pre_B';line-height:1;letter-spacing:-1px;}
.chat_numbering .stat_text {margin:0;color:#2d3138;font-size: 1.4rem;font-family: 'pre_B';line-height:1.3;}
.chat_numbering .roll_number {display:inline-flex; height:1em; overflow:hidden; line-height:1;}
.chat_numbering .roll_digit {display:block; height:1em; overflow:hidden;}
.chat_numbering .roll_track {display:block; transform:translateY(0); transition:transform 1.25s cubic-bezier(0.18, 0.88, 0.2, 1);}
.chat_numbering .roll_track span {display:block;height: 1em;line-height:1;}

.chat_numbering .gradient {  position: absolute;  bottom: 0;  left: 0; width: 100%; background: red;  z-index: 2; height: 130px;}
.chat_numbering .before .gradient {  background: linear-gradient(180deg,rgba(246, 247, 251, 0) 0%, rgba(246, 247, 251, 1) 40%);}
.chat_numbering .after .gradient {   background: linear-gradient(180deg, rgba(246, 247, 251, 0) 0%, rgba(246, 247, 251, 1) 40%);}

.chat_numbering .compare_box .compare_empty {  position: relative;}
.chat_numbering .compare_box .compare_empty img:first-child { display: block;  position: relative;  z-index: 1;}
.chat_numbering .compare_box .compare_empty img:nth-child(2) {
    position: absolute; top: 0; left: 0;  z-index: 2; opacity: 0;
    transform: translateY(18px); animation: chatAfterOverlap 6s ease-in-out infinite; pointer-events: none;
}
@keyframes chatAfterOverlap {
    0% {   opacity: 0;  transform: translateY(18px); }
    33% {  opacity: 0;   transform: translateY(18px);  }
    45% { opacity: 1;  transform: translateY(0); }
    68% {  opacity: 1;  transform: translateY(0); }
    82% { opacity: 0; transform: translateY(-6px); }
    100% { opacity: 0;  transform: translateY(-6px); }
}




.chat_step {background: #F6F7FB;padding: 120px 0;}
.chat_step .boxwrap {display: flex;gap: 20px;margin: 70px 0 0 0;}
.chat_step .box {background: #fff;padding: 60px 0 0 60px;width: 50%;position: relative;height: 670px;overflow: hidden;border-radius: 40px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;}
.chat_step .box .title {font-size: 1.5rem;font-family: 'pre_SB';margin: 0 0 20px 0;}
.chat_step .box .text {color: #555;font-size: 1.1rem;line-height: 1.5;}
.chat_step .box img {width: 80%;position: absolute;bottom: 0;right: 0;}
.chat_step .box:nth-of-type(2) img {width: 88%;}



.chat_last {padding: 230px 0 170px 0; position: relative;}
.chat_last .inner {position: relative;}
.chat_last .text {position: relative;}
.chat_last .text p {font-size: 2.4rem; text-align: center; font-family: 'pre_B'; color: #222;}
.chat_last .text a {display: flex; align-items: center; justify-content: center; background: #222; color: #fff; width: 280px; font-size: 1.6rem; height: 70px; border-radius: 9px; margin: 30px auto 0;}
.chat_last img.icon {position: absolute;}
.chat_last img.kakao {width: 13%; top: 30%; left: 0;}
.chat_last img.ai {top: -60%; width: 13%; left: 14%;}
.chat_last img.customer {width: 20%; right: 0; top: -10%;}
.chat_last img.mouse {width: 4%; right: 35%; bottom: -14%;}



.chatnew_visual{background:url(../image/sub/chat/chat_back.png) no-repeat;padding: 380px 0 150px 0;background-size:100%;margin: -100px 0 0 0;}
.chatnew_visual .inner{max-width:870px;}
.chatnew_visual .text_wrap{display:flex;flex-direction:column;align-items:center;text-align:center;}
.chatnew_visual .text_1 .title{font-size:2.9rem;font-family:'pre_L';}
.chatnew_visual .text_1 .title span{display:block;font-family:'pre_SB';}
.chatnew_visual .text_wrap > .icon{margin:60px 0;width:40px;}
.chatnew_visual .text_2 .bold{font-size:1.8rem;font-family:'pre_SB';margin:0 0 10px 0;color:#222;}
.chatnew_visual .text_2 p{font-size:1.4rem;color:#555;font-family:'pre_R';}
.chatnew_visual .pcmockup{position:relative;}
.chatnew_visual .pcmockup .pc{width:100%;margin:130px auto 0;}
.chatnew_visual .pcmockup .icon1{position:absolute;top:-3%;right:-8%;width:48%;}
.chatnew_visual .pcmockup .icon2{position:absolute;top:19%;left:-5%;width:16%;}
@media(max-width:1024px){
.chatnew_visual{padding:200px 0;background-size:cover;background-position:center top;}
.chatnew_visual .inner{max-width:760px;padding:0 40px;}
.chatnew_visual .text_1 .title{font-size:2.5rem;}
.chatnew_visual .text_wrap > .icon{margin:50px 0;width:36px;}
.chatnew_visual .text_2 .bold{font-size:1.6rem;}
.chatnew_visual .text_2 p{font-size:1.25rem;}
.chatnew_visual .pcmockup .pc{margin:100px auto 0;}
.chatnew_visual .pcmockup .icon1{top:0;right:-4%;width:44%;}
.chatnew_visual .pcmockup .icon2{top:22%;left:-2%;width:15%;}
}
@media(max-width:768px){
.chatnew_visual{padding:140px 0;background-size:auto 100%;background-position:center top;}
.chatnew_visual .inner{max-width:100%;padding:0 24px;}
.chatnew_visual .text_1 .title{font-size:2.1rem;line-height:1.35;}
.chatnew_visual .text_wrap > .icon{margin:38px 0;width:32px;}
.chatnew_visual .text_2 .bold{font-size:1.4rem;line-height:1.45;}
.chatnew_visual .text_2 p{font-size:1.1rem;line-height:1.65;}
.chatnew_visual .text_2 p br{display:none;}
.chatnew_visual .pcmockup .pc{margin:75px auto 0;}
.chatnew_visual .pcmockup .icon1{top:4%;right:-2%;width:42%;}
.chatnew_visual .pcmockup .icon2{top:24%;left:0;width:14%;}
}
@media(max-width:480px){
.chatnew_visual{padding:100px 0;background-size:auto 100%;background-position:center top;}
.chatnew_visual .inner{padding:0 18px;}
.chatnew_visual .text_1 .title{font-size:1.7rem;line-height:1.4;}
.chatnew_visual .text_wrap > .icon{margin:28px 0;width:28px;}
.chatnew_visual .text_2 .bold{font-size:1.2rem;margin:0 0 8px 0;}
.chatnew_visual .text_2 p{font-size:1rem;line-height:1.6;}
.chatnew_visual .pcmockup .pc{margin:55px auto 0;}
.chatnew_visual .pcmockup .icon1{top:6%;right:0;width:40%;}
.chatnew_visual .pcmockup .icon2{top:25%;left:1%;width:13%;}
}




.chatnew_onboard {padding: 0 0 140px 0; position: relative;}
.chatnew_onboard .background {position: absolute; bottom: 0; left:0; width:100%; z-index: -1;}
.chatnew_onboard .chat_mockup{display:block;width:100%;position: relative;margin: 50px 0 0 0;}

.chatnew_onboard .onboard { position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 97.6%;
    background: #000000a6; z-index: 5; height: 96%; border-radius: 30px; cursor: pointer;}
.chatnew_onboard .onboard img{  position: absolute; top: 44.8%; left: 4.8%;}
.chatnew_onboard .onboard{opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease;cursor:pointer;}
.chatnew_onboard .onboard.hide{opacity:0;visibility:hidden;pointer-events:none;}
.chatnew_onboard .feature_point{position:absolute;z-index:4;display:block;padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer;}
.chatnew_onboard .feature_point::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:6px;transition:border-color .25s,background-color .25s;}

.chatnew_onboard .feature_point.purple:hover::after,
.feature_point.purple:focus-visible::after,
.feature_point.purple.active::after{border-color:#7857ff;background:rgba(120,87,255,.06);}

.chatnew_onboard .feature_point.blue:hover::after,
.feature_point.blue:focus-visible::after,
.feature_point.blue.active::after{border-color:#7197FF;background:rgba(113,151,255,.06);}

.chatnew_onboard .feature_point.green:hover::after,
.feature_point.green:focus-visible::after,
.feature_point.green.active::after{border-color:#A1F1B4;background:rgba(38,198,81,.06);}

.chatnew_onboard .feature_point.pink:hover::after,
.feature_point.pink:focus-visible::after,
.feature_point.pink.active::after{border-color:#FF5CC3; background:rgba(255,92,195,.06);}




.chatnew_onboard .feature_popup{position:absolute;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(25px) scale(.94);transition:opacity .3s,visibility .3s,transform .45s cubic-bezier(.22,1.4,.36,1);}
.chatnew_onboard .feature_popup img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 25px rgba(35,25,70,.18));}
.chatnew_onboard .feature_popup.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);}

/* 담당자/상태 */
.chatnew_onboard .purple_1{top: 9.6%;left: 51.5%;width:12%;height: 5%;}
.chatnew_onboard .purple_1_img{top: -0.9%;right: -3.1%;}
/* 고객정보 */
.chatnew_onboard .purple_2{top: 10.6%;right: 3.2%;width: 18%;height: 5.4%;}
.chatnew_onboard .purple_2_img{top: 1.9%;right: 20.1%;}
/* 상담정보 */
.chatnew_onboard .purple_3{top: 16.5%;right: 3.2%;width: 18%;height: 5.4%;}
.chatnew_onboard .purple_3_img{top: 8.4%;right: 20.1%;}
/* 채팅 상담이력 */
.chatnew_onboard .purple_4{top: 22.5%;right: 3.2%;width: 18%;height: 22.2%;}
.chatnew_onboard .purple_4_img{top: 21.4%;right: 20.1%;}
/* 파일리스트 */
.chatnew_onboard .purple_5{top: 44.9%;right: 3.2%;width: 18%;height: 19.8%;}
.chatnew_onboard .purple_5_img{top: 43.4%;right: 20.1%;}
/* 문자이력 */
.chatnew_onboard .purple_6{top: 64.8%;right: 3.2%;width: 18%;height: 22.5%;}
.chatnew_onboard .purple_6_img{top: 65.4%;right: 20.1%;}

/* 메신저 영역 */
.chatnew_onboard .blue_1{top: 22%;right: 21.9%;width: 45.1%;height: 51.5%;}
.chatnew_onboard .blue_1_img{top: 66.7%;right: 61.1%;}
/* AI 상담요약 */
.chatnew_onboard .blue_2{top: 73.6%;right: 21.9%;width: 45.1%;height: 9.3%;}
.chatnew_onboard .blue_2_img{top: 77.3%;right: 61.1%;}
/* 메시지 입력·발송 */
.chatnew_onboard .blue_3{top: 82.9%;right: 21.9%;width: 45.1%;height: 12%;}
.chatnew_onboard .blue_3_img{top: 64.3%;right: 61.1%;}

/* 메신저 리스트 */
.chatnew_onboard .green_1{top: 19.6%;left: 17%;width: 16%;height: 75.2%;}
.chatnew_onboard .green_1_img{top: 45.3%;right: 32.3%;}

/* 메신저 목록 */
.chatnew_onboard .pink_1{top: 18.6%;left: 6%;width: 11%;height: 28.1%;}
.chatnew_onboard .pink_1_img{top: 26.3%;left: 16%;}
/* 문자/콜백 */
.chatnew_onboard .pink_2{top: 46.8%;left: 6%;width: 11%;height: 9.3%;}
.chatnew_onboard .pink_2_img{top: 45.3%;left: 16%;}





.chatnew_onescreen {  padding: 120px 0;}
.chatnew_onescreen .chat_feature_grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;width:100%;margin: 50px 0 0 0;}
.chatnew_onescreen .chat_feature_grid .feature_card{position:relative;overflow:hidden;box-sizing:border-box;border-radius:40px;background:#f7f8fd;padding:48px 66px;}
.chatnew_onescreen .chat_feature_grid .feature_card_customer{grid-row:1 / 3;min-height:824px;}
.chatnew_onescreen .chat_feature_grid .feature_card_channel{min-height:400px;}
.chatnew_onescreen .chat_feature_grid .feature_card_share{min-height:404px;}
.chatnew_onescreen .chat_feature_grid .feature_text{position:relative;z-index:2;}
.chatnew_onescreen .chat_feature_grid .feature_text h3{margin:0;font-size: 1.7rem;background:linear-gradient(90deg,#157bff 0%,#873cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family: 'pre_B';}
.chatnew_onescreen .chat_feature_grid .feature_text p{margin:18px 0 0;font-size: 1rem;font-weight:400;color: #353535;}
.chatnew_onescreen .chat_feature_grid .feature_visual{position:absolute;z-index:1;}
.chatnew_onescreen .chat_feature_grid .feature_visual img{display:block;width:100%;height:auto;}
.chatnew_onescreen .chat_feature_grid .feature_card_customer .feature_visual{right:48px;bottom:35px;left:66px;height:575px;}
.chatnew_onescreen .chat_feature_grid .feature_card_channel .feature_visual{right:58px;bottom:39px;left:66px;height:158px;}
.chatnew_onescreen .chat_feature_grid .feature_card_share .feature_visual{right:65px;bottom:45px;left:66px;height:145px;}

@media screen and (max-width:1200px){
    .chatnew_onescreen .chat_feature_grid .feature_card{border-radius:32px;padding:40px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_customer .feature_visual{right:35px;bottom:30px;left:40px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_channel .feature_visual{right:40px;bottom:35px;left:40px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_share .feature_visual{right:40px;bottom:35px;left:40px;}
    .chatnew_onescreen .chat_feature_grid .feature_text h3{font-size:24px;}
    .chatnew_onescreen .chat_feature_grid .feature_text p{font-size:17px;}
}

@media screen and (max-width:900px){
    .chatnew_onescreen .chat_feature_grid{grid-template-columns:1fr;grid-template-rows:auto;gap:16px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_customer{grid-row:auto;min-height:700px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_channel{min-height:370px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_share{min-height:370px;}
}

@media screen and (max-width:600px){
    .chatnew_onescreen .chat_feature_grid .feature_card{border-radius:24px;padding:30px 24px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_customer{min-height:570px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_channel{min-height:330px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_share{min-height:330px;}
    .chatnew_onescreen .chat_feature_grid .feature_text h3{font-size:21px;letter-spacing:-0.8px;}
    .chatnew_onescreen .chat_feature_grid .feature_text p{margin-top:13px;font-size:15px;line-height:1.6;letter-spacing:-0.5px;}
    .chatnew_onescreen .chat_feature_grid .feature_text p br{display:none;}
    .chatnew_onescreen .chat_feature_grid .feature_card_customer .feature_visual{right:24px;bottom:25px;left:24px;height:380px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_channel .feature_visual{right:24px;bottom:25px;left:24px;height:130px;}
    .chatnew_onescreen .chat_feature_grid .feature_card_share .feature_visual{right:24px;bottom:25px;left:24px;height:130px;}
}



.chatnew_tab {background:#f8feff;padding: 120px 0;}
.chatnew_tab .setting_tab{width:100%;max-width:1140px;margin:0 auto;padding:60px 20px;box-sizing:border-box;}
.chatnew_tab .setting_tab .tab_menu{display:flex;align-items:center;justify-content:center;gap: 32px;margin-bottom:42px;}
.chatnew_tab .setting_tab .tab_btn{position:relative;padding: 0 0 6px;border:0;background:none;color:#aaa;font-size: 1.2rem;white-space:nowrap;cursor:pointer;transition:color .25s ease;}
.chatnew_tab .setting_tab .tab_btn::after{content:"";position:absolute;left:50%;bottom:0;width:0;height: 3px;background:#111;transform:translateX(-50%);transition:width .25s ease;}
.chatnew_tab .setting_tab .tab_btn:hover{color:#555;}
.chatnew_tab .setting_tab .tab_btn.active{color:#111;}
.chatnew_tab .setting_tab .tab_btn.active::after{width:100%;}
.chatnew_tab .setting_tab .tab_content{min-height:470px;border-radius:38px;background:#fff;box-shadow:0 18px 50px rgba(78,188,204,.08);overflow:hidden;}
.chatnew_tab .setting_tab .tab_panel{display:none;padding: 0 80px;box-sizing:border-box;}
.chatnew_tab .setting_tab .tab_panel.active{display: flex;justify-content: space-between;align-items: center;height: 500px;}
.chatnew_tab .tab_content .tab_panel .text {width:35%; display:flex; flex-direction:column; justify-content:center;}
.chatnew_tab .tab_content .tab_panel .text .name {font-size:1.7rem; font-family:'pre_B'; margin:0 0 10px 0;}
.chatnew_tab .tab_content .tab_panel .text .desc {font-size:1.1rem; color:#555;}
.chatnew_tab .tab_content .tab_panel .text .tag {margin:28px 0 0 0;}
.chatnew_tab .tab_content .tab_panel .text .tag .line {display:flex; gap:10px; margin:10px 0;}
.chatnew_tab .tab_content .tab_panel .text .tag .line p {color:#348FB5; font-size:1.1rem;}
.chatnew_tab .tab_content .tab_panel .image {width:65%;}
.chatnew_tab .tab_content .tab_panel .image img {width:100%;}
@media screen and (max-width:900px){
    .chatnew_tab .setting_tab{padding:40px 20px;}
    .chatnew_tab .setting_tab .tab_menu{justify-content:flex-start;gap:35px;margin-bottom:30px;overflow-x:auto;scrollbar-width:none;}
    .chatnew_tab .setting_tab .tab_menu::-webkit-scrollbar{display:none;}
    .chatnew_tab .setting_tab .tab_btn{font-size:18px;}
    .chatnew_tab .setting_tab .tab_content{min-height:400px;border-radius:28px;}
    .chatnew_tab .setting_tab .tab_panel{padding:35px;}
}

@media screen and (max-width:500px){
    .chatnew_tab .setting_tab{padding:30px 16px;}
    .chatnew_tab .setting_tab .tab_menu{gap:28px;}
    .chatnew_tab .setting_tab .tab_btn{padding-bottom:11px;font-size:16px;}
    .chatnew_tab .setting_tab .tab_content{min-height:350px;border-radius:22px;}
    .chatnew_tab .setting_tab .tab_panel{padding:25px 20px;}
}



.chatnew_ai {padding:170px 0;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 60%, rgba(243, 253, 255, 1) 100%);}
.chatnew_ai .title {text-align: center;}
.chatnew_ai .title span {
    position: relative; display: inline-flex; align-items: center;  justify-content: center; padding: 13px 27px; border-radius: 50px; background: #fff;  color: transparent;
    font-size: 1.3rem; background-image: linear-gradient(90deg, #6f9cff 0%, #ca4cff 100%);  background-clip: text;   -webkit-background-clip: text;
    font-family: 'pre_B';  margin: 0 0 20px 0;
}
.chatnew_ai .title span::before {
    content: "";  position: absolute; inset: 0; padding: 4px; border-radius: inherit;background: linear-gradient(90deg, #6f9cff 0%, #ca4cff 100%);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;
}
.chatnew_ai .title p {font-size: 1.4rem; margin: 0 0 60px 0; color: #3E3E3E;}


.chatnew_ai .assist_process {padding: 80px 20px;overflow: hidden;}
.chatnew_ai .assist_process .process_inner {width: 100%;max-width: 1180px;margin: 0 auto;display: flex;align-items: center;justify-content: center;/* gap: 30px; */align-items: center;}

/* 왼쪽 단계 */
.chatnew_ai .assist_process .process_steps {position: relative;width: 40%;min-height: 500px;display: flex;flex-direction: column;justify-content: space-between;padding: 38px 0;}
.chatnew_ai .assist_process .step_line {position: absolute;top: 33px;left: 23px;width:2px;height: calc(100% - 160px);background: #dce5ed;overflow: hidden;}
.chatnew_ai .assist_process .step_line_progress {position: absolute;top: 0;left: 0;width: 100%;height: 0;background: #279df2;}
.chatnew_ai .assist_process .step_item {position: relative;display: flex;align-items: flex-start;gap: 20px;}
.chatnew_ai .assist_process .step_number {
    position: relative;z-index: 2;width: 48px;height: 48px;flex: 0 0 48px;display: flex;align-items: center;justify-content: center;border-radius: 10px;background: #E9F4FF;color: #2D9AFF;font-size: 20px;font-weight: 700;box-shadow: 0 0 0 5px #fff;

}
.chatnew_ai .assist_process .step_text {padding-top: 4px;}
.chatnew_ai .assist_process .step_text strong {display: block;margin-bottom: 13px;color: #141414;font-size: 22px;line-height: 1.3;}
.chatnew_ai .assist_process .step_text p {color: #777;font-size: 17px;font-weight: 500;line-height: 1.6;}

/* 오른쪽 콘솔 */
.chatnew_ai .assist_process .console_wrap {width: 60%;max-width: 640px;border-radius: 28px;overflow: hidden;background: #1f1a58;box-shadow: 0 20px 45px rgba(28, 30, 73, .16);}
.chatnew_ai .assist_process .console_header {height: 62px;padding: 0 38px;display: flex;align-items: center;justify-content: space-between;background: #e6e9ff;}
.chatnew_ai .assist_process .console_header strong {color: #333;font-size: 14px;}
.chatnew_ai .assist_process .console_control {display: flex;gap: 7px;}
.chatnew_ai .assist_process .console_control span {width: 13px;height: 13px;border-radius: 50%;background: #9da0a6;}
.chatnew_ai .assist_process .console_body {position: relative;min-height: 525px;padding: 36px 40px 32px;}

/* 고객 메시지 */
.chatnew_ai .assist_process .customer_area {display: flex;align-items: flex-start;gap: 18px;opacity: 0;transform: translateY(18px);}
.chatnew_ai .assist_process .customer_profile {position: relative;width: 44px;height: 44px;flex: 0 0 44px;border-radius: 12px;background: linear-gradient(145deg, #79c8ff, #9ba5ff);overflow: hidden;}
.chatnew_ai .assist_process .profile_head {position: absolute;top: 9px;left: 50%;width: 12px;height: 12px;border-radius: 50%;background: #fff;transform: translateX(-50%);}
.chatnew_ai .assist_process .profile_body {position: absolute;bottom: 7px;left: 50%;width: 25px;height: 13px;border-radius: 13px 13px 5px 5px;background: #fff;transform: translateX(-50%);}
.chatnew_ai .assist_process .customer_content {width: calc(100% - 62px);}
.chatnew_ai .assist_process .customer_name {margin-bottom: 12px;display: flex;align-items: center;gap: 9px;color: #fff;}
.chatnew_ai .assist_process .customer_name strong {font-size: 15px;}
.chatnew_ai .assist_process .customer_name span {color: #9b99bd;font-size: 14px;}
.chatnew_ai .assist_process .customer_message {padding: 18px 20px;border-radius: 4px 18px 18px 18px;background: #fff;color: #4e4e57;font-size: 14px;font-weight: 500;line-height: 1.65;width: max-content;}

/* 분석 중 */
.chatnew_ai .assist_process .analysis_message {width: max-content;margin: 28px auto 0;padding: 12px 22px;display: flex;align-items: center;gap: 13px;border-radius: 30px;background: #e7dcff;color: #5c49c8;opacity: 0;transform: translateY(15px);}
.chatnew_ai .assist_process .analysis_message p {font-size: 13px;font-weight: 700;}
.chatnew_ai .assist_process .analysis_dots {display: flex;align-items: center;gap: 4px;}
.chatnew_ai .assist_process .analysis_dots i {width: 4px;height: 4px;border-radius: 50%;background: #8267e8;animation: assistDot 1s ease-in-out infinite;}
.chatnew_ai .assist_process .analysis_dots i:nth-child(2) {animation-delay: .15s;}
.chatnew_ai .assist_process .analysis_dots i:nth-child(3) {animation-delay: .3s;}

/* AI 답변 */
.chatnew_ai .assist_process .answer_box {opacity: 0;transform: translateY(20px) scale(.96);}
.chatnew_ai .assist_process .answer_box img {width: 100%;}

/* 발송 완료 */
.chatnew_ai .assist_process .send_complete {width: max-content;margin: 2px auto 0;padding: 11px 22px;display: flex;align-items: center;gap: 10px;border-radius: 30px;background: #fff;color: #777;box-shadow: 0 7px 20px rgba(0, 0, 0, .1);opacity: 0;transform: translateY(15px);}
.chatnew_ai .assist_process .check_icon {width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #addc9c;color: #fff;font-size: 13px;font-weight: 800;}
.chatnew_ai .assist_process .send_complete p {font-size: 13px;font-weight: 600;}

/* 재생 애니메이션 */
.chatnew_ai .assist_process.play .step_item_1 .step_number {animation: stepShow .55s .2s ease forwards;}
.chatnew_ai .assist_process.play .customer_area {animation: contentShow .65s 1.1s ease forwards;}
.chatnew_ai .assist_process.play .analysis_message {animation: contentShow .55s 2.2s ease forwards;}
.chatnew_ai .assist_process.play .step_item_2 .step_number{animation: stepShow .55s 3.1s ease forwards;}
.chatnew_ai .assist_process.play .answer_box {animation: answerShow .7s 4s cubic-bezier(.2, .8, .2, 1) forwards;}
.chatnew_ai .assist_process.play .step_item_3 .step_number{animation: stepShow .55s 5.2s ease forwards;}
.chatnew_ai .assist_process.play .send_complete {animation: contentShow .55s 6.2s ease forwards;}
.chatnew_ai .assist_process.play .step_line_progress {animation: lineGrow 5.3s .5s ease forwards;}

@keyframes stepShow {
    0% {background: #E9F4FF; color: #2D9AFF;}
    100% {background: #2D9AFF; color: #fff;}
}

@keyframes contentShow {
    0% {opacity: 0;transform: translateY(18px);}
    100% {opacity: 1;transform: translateY(0);}
}

@keyframes answerShow {
    0% {opacity: 0;transform: translateY(20px) scale(.96);}
    70% {opacity: 1;transform: translateY(-4px) scale(1.01);}
    100% {opacity: 1;transform: translateY(0) scale(1);}
}

@keyframes lineGrow {
    0% {height: 0;}
    45% {height: 50%;}
    100% {height: 100%;}
}

@keyframes assistDot {
    0%, 60%, 100% {transform: translateY(0);opacity: .35;}
    30% {transform: translateY(-4px);opacity: 1;}
}

/* 태블릿 */
@media screen and (max-width: 1024px) {
    .chatnew_ai .assist_process .process_inner {gap: 35px;}
    .chatnew_ai .assist_process .process_steps {width: 37%;}
    .chatnew_ai .assist_process .console_wrap {width: 63%;}
    .chatnew_ai .assist_process .step_text strong {font-size: 19px;}
    .chatnew_ai .assist_process .step_text p {font-size: 15px;}
    .chatnew_ai .assist_process .console_body {padding: 32px 28px;}
    .chatnew_ai .assist_process .customer_message br {display: none;}
    .chatnew_ai .assist_process .answer_text br {display: none;}
}

/* 모바일 */
@media screen and (max-width: 768px) {
    .chatnew_ai .assist_process {padding: 55px 18px;}
    .chatnew_ai .assist_process .process_inner {flex-direction: column;gap: 45px;}
    .chatnew_ai .assist_process .process_steps {width: 100%;min-height: auto;padding: 0;gap: 25px;}
    .chatnew_ai .assist_process .step_line {top: 23px;bottom: 23px;height: auto;}
    .chatnew_ai .assist_process .step_item {gap: 15px;}
    .chatnew_ai .assist_process .step_number {width: 46px;height: 46px;flex-basis: 46px;font-size: 18px;}
    .chatnew_ai .assist_process .step_text strong {margin-bottom: 6px;font-size: 18px;}
    .chatnew_ai .assist_process .step_text p {font-size: 14px;}
    .chatnew_ai .assist_process .console_wrap {width: 100%;max-width: 600px;border-radius: 20px;}
    .chatnew_ai .assist_process .console_header {height: 55px;padding: 0 22px;}
    .chatnew_ai .assist_process .console_body {min-height: 520px;padding: 27px 18px;}
    .chatnew_ai .assist_process .customer_area {gap: 12px;}
    .chatnew_ai .assist_process .customer_profile {width: 38px;height: 38px;flex-basis: 38px;}
    .chatnew_ai .assist_process .customer_content {width: calc(100% - 50px);}
    .chatnew_ai .assist_process .customer_name strong {font-size: 14px;}
    .chatnew_ai .assist_process .customer_name span {font-size: 13px;}
    .chatnew_ai .assist_process .customer_message {padding: 15px;font-size: 12px;}
    .chatnew_ai .assist_process .analysis_message {padding: 10px 14px;}
    .chatnew_ai .assist_process .analysis_message p {font-size: 11px;}
    .chatnew_ai .assist_process .answer_text {font-size: 12px;}
    .chatnew_ai .assist_process .assist_name strong {font-size: 13px;}
    .chatnew_ai .assist_process .send_complete {margin-top: 27px;}
}











.chatnew_ai .ai_summary_demo {width:100%;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;font-family:'Pretendard',sans-serif;color:#25273c;}
/* 왼쪽 채팅 */
.chatnew_ai .ai_summary_demo .chat_window {width:370px;height:430px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 15px 40px rgba(68,88,122,.08);flex-shrink:0;}
.chatnew_ai .ai_summary_demo .chat_header {height:58px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;background: #E6E6FF;box-sizing:border-box;}
.chatnew_ai .ai_summary_demo .chat_header button {border:0;background:none;padding:0;font-size:25px;color:#20223b;cursor:pointer;}
.chatnew_ai .ai_summary_demo .chat_title {display:flex;align-items:center;gap:8px;font-size:14px;}
.chatnew_ai .ai_summary_demo .chat_title .logo_icon {font-size:21px;color:#6252ff;}
.chatnew_ai .ai_summary_demo .chat_body {height:calc(100% - 58px);padding:22px 22px 35px;overflow-y:auto;box-sizing:border-box;scroll-behavior:smooth;}
.chatnew_ai .ai_summary_demo .chat_body::-webkit-scrollbar {width:6px;}
.chatnew_ai .ai_summary_demo .chat_body::-webkit-scrollbar-track {background:transparent;}
.chatnew_ai .ai_summary_demo .chat_body::-webkit-scrollbar-thumb {background:#aaa;border-radius:10px;}
.chatnew_ai .ai_summary_demo .chat_body::-webkit-scrollbar-thumb:hover {background:#888;}
.chatnew_ai .ai_summary_demo .chat_message {display:flex;flex-direction:column;margin-bottom: 6px;}
.chatnew_ai .ai_summary_demo .chat_message .name {margin:0 0 6px 5px;font-size:14px;font-weight:700;color:#2a2b37;}
.chatnew_ai .ai_summary_demo .chat_message .bubble {width:fit-content;max-width:285px;padding: 11px 17px;border-radius:4px 14px 14px 14px;background: #E4EDFB;font-size:14px;line-height:1.45;color:#37394b;box-sizing:border-box;}
.chatnew_ai .ai_summary_demo .chat_message.counselor {align-items:flex-end;}
.chatnew_ai .ai_summary_demo .chat_message.counselor .name {margin:0 5px 6px 0;}
.chatnew_ai .ai_summary_demo .chat_message.counselor .bubble {background:#f1f1f1;border-radius:14px 4px 14px 14px;}


/* 가운데 연결선 */
.chatnew_ai .ai_summary_demo .connection {width: 135px;height:430px;position:relative;flex-shrink:0;}
.chatnew_ai .ai_summary_demo .connection svg {position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;}
.chatnew_ai .ai_summary_demo .connection .line {fill:none;stroke:#a8b8ec;stroke-width:1.4;}
.chatnew_ai .ai_summary_demo .connection .start_dot,
.chatnew_ai .ai_summary_demo .connection .end_dot {width:8px;height:8px;position:absolute;z-index:2;border-radius:50%;background:#455fff;box-shadow:0 0 0 4px rgba(69,95,255,.12);}
.chatnew_ai .ai_summary_demo .connection .start_dot {left:-4px;top: 269px;}
.chatnew_ai .ai_summary_demo .connection .end_dot {right:-4px;}
.chatnew_ai .ai_summary_demo .connection .dot_top {top:93px;}
.chatnew_ai .ai_summary_demo .connection .dot_bottom {top:277px;z-index: 3;}


/* 오른쪽 */
.chatnew_ai .ai_summary_demo .summary_area {width:385px;display:flex;flex-direction:column;gap:39px;}
.chatnew_ai .ai_summary_demo .summary_rule {position:relative;padding:37px 31px 25px;border: 1.5px solid #99B1FF;border-radius:19px;background: #F7FAFF;box-sizing:border-box;}
.chatnew_ai .ai_summary_demo .summary_label {position:absolute;left:22px;top:-18px;padding:7px 14px;border: 3px solid #99B1FF;border-radius: 24px;background:#fff;color:#627dff;font-size:17px;font-family: 'pre_B';}
.chatnew_ai .ai_summary_demo .summary_order {display:flex;align-items:center;gap:6px;margin-bottom:10px;white-space:nowrap;}
.chatnew_ai .ai_summary_demo .summary_order span {padding:5px 8px;border:1px solid #ccc;border-radius:2px;background:#fff;font-size: 0.9rem;color:#4a4b55;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.chatnew_ai .ai_summary_demo .summary_order i {font-style:normal;color:#a4a4a4;font-size:19px;}
.chatnew_ai .ai_summary_demo .rule_text {margin:0 0 4px;font-size:14px;}
.chatnew_ai .ai_summary_demo .rule_em {margin:0;color:#226cff;font-size:14px;}


/* AI 요약 */
.chatnew_ai .ai_summary_demo .ai_summary_wrap {position:relative;}
.chatnew_ai .ai_summary_demo .ai_label {position:absolute;left:23px;top:-18px;z-index:5;padding: 10px 16px;border-radius: 23px;background:linear-gradient(90deg,#6e8cff,#b449ff);color:#fff;font-size:17px;font-weight:700;}


/*
    실제 박스 바깥쪽에 흐르는 그라데이션 생성
*/
.chatnew_ai .ai_summary_demo .ai_summary_wrap::before {content:'';position:absolute;inset:-5px;border-radius:23px;background:linear-gradient(120deg,#45dfff,#6173ff,#d44eff,#ff6ccf,#45dfff);background-size:300% 300%;filter:blur(11px);opacity:.42;animation:summaryGlow 7s ease-in-out infinite;}
.chatnew_ai .ai_summary_demo .ai_summary_wrap::after {content:'';position:absolute;inset:-1px;border-radius:21px;background:linear-gradient(120deg,#48ddff,#6a70ff,#d64eff,#ff82cf,#48ddff);background-size:300% 300%;animation:summaryGlow 7s ease-in-out infinite;}
.chatnew_ai .ai_summary_demo .ai_summary {position:relative;z-index:2;padding:42px 33px 26px;border-radius:20px;background:#fff;box-sizing:border-box;font-size:14px;font-weight:600;line-height:1.85;color:#283050;}
.chatnew_ai .ai_summary_demo .ai_summary p {margin:0 0 8px;font-size: 1rem;font-family: 'pre_R';}
.chatnew_ai .ai_summary_demo .ai_summary p:last-child {margin-bottom:0;}
/* 은은한 그라데이션 이동 */
@keyframes summaryGlow {
    0% {background-position:0% 50%;}
    50% {background-position:100% 50%;}
    100% {background-position:0% 50%;}
}

/* 요약 형실 설정부터 데이터 활용까지  */
.chatnew_ai .blockwrap {margin: 150px 0 0 0;}
.chatnew_ai .block { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 20px;  margin: 50px 0 0 0;}
.chatnew_ai .block .box { min-width: 0; background: #fff;  border-radius: 30px; overflow: hidden;}
.chatnew_ai .block .box .image {display: flex; align-items: center; justify-content: center; padding: 30px;}
.chatnew_ai .block .box:nth-of-type(1) .image {background: #EFE4FF;}
.chatnew_ai .block .box:nth-of-type(2) .image {background: #EAEEFF;}
.chatnew_ai .block .box:nth-of-type(3) .image {background: #E2FFF3;}

.chatnew_ai .block .box .image img { width: 100%; max-width: 100%; height: 230px; object-fit: contain;}
.chatnew_ai .block .box .text {  padding: 30px;}
.chatnew_ai .block .box .text span { font-family: 'pre_SB'; font-size: 1.3rem;  margin: 0 0 10px 0; display: block;}
.chatnew_ai .block .box .text p {font-family: 'pre_R';  color: #222;}

@media (max-width:1000px) {
    .chatnew_ai .ai_summary_demo {transform-origin:top center;gap:20px;}
    .chatnew_ai .ai_summary_demo .connection {display:none;}
}

@media (max-width:820px) {
    .chatnew_ai .ai_summary_demo {flex-direction:column;align-items:center;padding:30px 15px;}
    .chatnew_ai .ai_summary_demo .chat_window {width:100%;max-width:420px;}
    .chatnew_ai .ai_summary_demo .summary_area {width:100%;max-width:420px;}
}

@media (max-width:480px) {
    .chatnew_ai .ai_summary_demo .chat_window {height:400px;border-radius:17px;}
    .chatnew_ai .ai_summary_demo .summary_rule {padding:37px 18px 22px;}
    .chatnew_ai .ai_summary_demo .summary_order {gap:3px;}
    .chatnew_ai .ai_summary_demo .summary_order span {padding:4px 5px;font-size:10px;}
    .chatnew_ai .ai_summary_demo .ai_summary {padding:42px 22px 25px;font-size:13px;}
}




.chatnew_flow .tab_menu {display:flex;gap:10px;margin-bottom:40px;}
.chatnew_flow .tab_btn {flex:1;padding:18px 20px;border-radius:12px;background: #F8F8F8;color:#777;font-size:1rem;cursor:pointer;transition:all .3s ease;display: flex;flex-direction: column;align-items: center;text-align: center;}
.chatnew_flow .tab_btn:hover p {color:#44a1ff;}
.chatnew_flow .tab_btn.active {border-color:#00D6A2;background: #e2f1ff;color: #2D9AFF;font-family:'pre_B';}
.chatnew_flow .tab_btn.active span {background: #44a1ff; color: #fff;}
.chatnew_flow .tab_btn span { background: #e9e9e9; padding: 6px 16px;  border-radius: 20px;  margin: 0 0 6px 0; font-size: 0.9rem;}
.chatnew_flow .tab_btn p { font-size: 1.1rem;}
.chatnew_flow .tab_content {width:100%;}
.chatnew_flow .tab_panel {display:none;}
.chatnew_flow .tab_panel.active {display:block;animation:flowTabFade .4s ease;}
@keyframes flowTabFade {from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}




svg{ width:100%; max-width:1420px; height:auto; display:block; }

  .box-purple{ fill:#4c4a78; }
  .box-scenario{fill: #002963;stroke: #18aced6b;stroke-width: 8.5px;}
  .bar{ fill:#9a98b8; rx:6; }
  .bar-mid{ fill:#7c7aa0; rx:6; }
  .tag-blue{ fill:#cfe4ff; }
  .tag-gray{ fill:#e7e7ee; }
  .tag-blue-text{ fill:#1f6fff; font-size:14px; font-weight:600; }
  .tag-gray-text{ fill:#3a3a55; font-size:14px; font-weight:600; }
  .checkbox{ fill:none; stroke:#c9c8de; stroke-width:2; rx:5; }

  .agent-pill{fill: #fff;stroke-width: 1.5px;}
  .agent-icon-circle{ fill:#000; }
  .agent-text{fill: #000000;font-size: 1.2rem;font-family: 'pre_SB';}

  .start-pill{fill: #ffffff;color: #333;}
  .start-text{fill: #000000;font-size: 1.2rem;font-family: 'pre_SB';}
  .start-icon-circle{ fill:#101024; stroke:url(#startGradient); stroke-width:2; }

  /* 흐르는 점선 애니메이션 */
  .flow-line{ fill:none; stroke:#3d8bff; stroke-width: 1.6px; stroke-dasharray: 4 8; stroke-linecap:round; animation: flowDash 1.7s linear infinite;  }
  .flow-line-gray{ fill:none; stroke:#8f8fae; stroke-width: 1px; }
  .solid-line{fill:none; stroke:#f4f4fa; stroke-width: 1px; stroke-linecap:round; }
  @keyframes flowDash{ to{ stroke-dashoffset:-32; } }

  /* 선의 시작점을 표시하는 점 */
  .line-start-dot{ stroke:#1E1B4B; stroke-width:1.5;}