@media screen and (max-width:660px){
  #blog_list.blog-hub {padding: 120px 0 110px;}
  #blog_list .blog-featured__slide { grid-template-columns:1fr; }
  #blog_list .blog-sidebar__panel { grid-template-columns:1fr; }
  #blog_content .blog-sidebar__panel { grid-template-columns:1fr; }
  #blog_list .blog-section-head { align-items:flex-start; flex-direction:column; }
  #blog_list .blog-featured__count { padding:8px 13px; }
  #blog_list .blog-card-grid { grid-template-columns:1fr; }
  #blog_list .blog-card__body { padding:16px 16px 20px; }
  #blog_list .blog-featured__copy { padding:6px 10px 0; }
  #blog_list .blog-featured__visual {max-height: max-content;}
  #blog_list .blog-featured__swiper {    padding: 0 0 70px 0;}
  #blog_list .blog-featured__pagination {top:50px; justify-content: center;}
  #blog_list .blog-card__title {font-size: 1.8rem;}
  #blog_list .blog-card__excerpt {font-size: 1rem;}
  #blog_list .blog-card__meta {justify-content: flex-start;}
  #blog_list .blog-card__thumb {aspect-ratio: 17 / 10;}
  #blog_list .blog-section-head > div {width:100%;}
  #blog_list .blog-section-head h3 {text-align: center;}
  #blog_list .blog-section__more {display: none;}

  .chat_blck .chat-solution { padding: 20px 16px; }
  .chat_blck .chat-solution__inner, .chat-solution__side { gap: 16px; }
  .chat_blck .feature-card { padding: 24px; border-radius: 28px; }
  .chat_blck .feature-card__title { font-size: 23px; }
  .chat_blck .feature-card__description { font-size: 15px; }
  .chat_blck .feature-card__description br { display: none; }
  .chat_blck .feature-card__media, .feature-card__media--large { height: auto; margin-top: 32px;}

}
@media screen and (max-width:600px){
  *{word-break:auto-phrase;}
  .subtitle .main{word-break:auto-phrase;font-size:1.5rem;margin:0 0 10px 0;}
  .subtitle .sub{font-size:1.1rem;}
  .mo_txt{display:block;}
  .pc_txt{display:none;}
  #m_menu .inner{padding:11px 20px;}
  #m_menu .top .btn{padding:0;}
  #m_menu .logo img{width:140px;}
  #m_menu .crm_btn a{display:flex;align-items:center;justify-content:space-between;background:#edecff;padding:17px 20px;border-radius:8px;margin:20px 0 0 0;}
  #m_menu .crm_btn a .left{display:flex;align-items:center;gap:15px;}
  #m_menu .crm_btn a .left p{color:#3e3a83;font-size:1.1rem;}
  #m_menu .menu{margin:10px 0;}
  #m_menu .menu .box a{display:flex;justify-content:space-between;width:calc(100% - 40px);margin:0 auto;padding:17px 0;border-bottom:1px solid #efefef;}
  #m_menu .menu .box a img{width:6px;}
  #m_menu .menu .box.guide img{width:19px;}
  #m_menu .menu .box:last-of-type a{border:0;}
  #m_menu .menu .box a p{font-size:1.2rem;color:#111;font-family:"pre_SB";}
  #m_menu .menu .box.dubble{display:flex;align-items:flex-start;padding:20px 20px;border-bottom:1px solid #efefef;}
  #m_menu .menu .box.dubble .left{width:120px;}
  #m_menu .menu .box.dubble .left p{font-size:1.2rem;padding:6px 0 0 0;color:#505050;}
  #m_menu .menu .box.dubble .right{width:calc(100% - 120px);}
  #m_menu .menu .box.dubble .right a{display:flex;justify-content:space-between;width:100%;padding:0;border:0;padding:5px 0;}
  #m_menu .menu .box.dubble .right a p{font-family:"pre_SB";font-size:1.2rem;color:#111;}
  #m_menu .csinfo{display:flex;flex-direction:column;gap:7px;background:#f6f6f6;padding:20px 14px;border-radius:6px;position:inherit;width:100%;bottom:auto;left:auto;}
  #m_menu .csinfo .left{display:flex;align-items:center;gap:4px;justify-content:center;}
  #m_menu .csinfo .left img{width:14px;}
  #m_menu .csinfo .left p{font-size:1.3rem;font-family:"pre_B";}
  #m_menu .csinfo .right p{font-size:0.9rem;font-family:"pre_L";text-align:center;}
  #m_menu .csinfo .right p span{display:block;font-size:0.9rem;}
  #m_menu .scrollwrap{height:calc(100% - 40px);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;}
  #m_menu .scrollwrap::-webkit-scrollbar{display:none;}
  #select{padding:100px 0 80px 0;}
  #select .boxwrap{grid-template-columns:1fr;gap:14px;}
  #select .boxwrap .box{padding:22px;gap:14px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}
  #select .boxwrap .box .icon img{width:48px;}
  #select .boxwrap .box .text .title{font-size:1.1rem;}
  #exper .left .subtitle .main span{font-size:1.6rem;}
  #flow{padding:100px 0;}
  #flow .container{padding:50px 0;}
  #flow .container .text,#flow .container.flow_1 .text{padding:0 40px;}
  #flow .container .text .title{font-size:1.4rem;}
  .floating{padding:0;width:auto;height:auto;padding:0;}
  .floating.on{bottom:10px;}
  .floating p{display:none;}
  .floating span{font-size:1rem;}
  #footer .top .wrap .menu .menu a{font-size:0.9rem;}
  #footer .top .wrap .menu{gap:8px;}
  #footer .center .wrap{gap:3px;}
  #contact{padding:110px 0 100px 0;}
  #contact .title .txt1{font-size:1.6rem;}
  #contact .title .txt2{font-size:1rem;}
  #contact .input_wrap .name{width:80px;}
  #contact .input_wrap .right{width:calc(100% - 80px);}
  #contact .input_wrap.email{display:block;}
  #contact .input_wrap.email .right{width:100%;}
  #contact .mail_wrap select{width:130px;}
  #contact .mail_wrap input{width:calc(50% - 85px);padding:14px 6px;}
  #contact_com{padding:140px 0 90px;}
  #contact_com .title{font-size:1.6rem;}
  #contact_com .sub{font-size:1rem;}
  #contact_com a{width:140px;height:50px;font-size:1rem;}
  #contact_com a img{width:16px;}
  .faq_list{padding:110px 0 100px 0;}
  .faq_list .list{animation:none;opacity:1;margin:20px 0 0 0;}
  .faq_list .title h2{font-size:1.5rem;margin:0 0 4px 0;}
  .faq_list .title span{width:75px;height:32px;}
  .faq_list .title p{font-size:1rem;}
  .faq_list .title span{margin:0 auto 20px;}
  .faq_list .search_wrap{height:60px;max-width:100%;margin:20px auto 0;}
  .faq_list .search_wrap select{padding:0 0 0 30px;width:120px;font-size:1rem;}
  .faq_list .search_wrap button{width:48px;}
  .faq_list .search_wrap input[type="search"]{width:calc(100% - 168px);}
  .faq_list .search_wrap button img{width:24px;}
  .faq_list .list{animation-delay:0.3s !important;margin:30px 0 0 0;}
  .faq_list .category{margin:20px 0;gap:7px;}
  .faq_list .category span{font-size:0.9rem;padding:3px 14px;}
  .faq_list .list ul li a{padding:20px 10px 20px 10px;}
  .faq_list .list ul li a .text{flex-direction:column;gap:10px;padding:0 20px 0 0;}
  .faq_list .list ul li a p{width:100%;font-size:1rem;}
  .faq_list .list ul li a span{padding:2px 9px;font-size:0.8rem;}
  .faq_list .list ul li a img{opacity:0.5;}
  #faq_content{padding:110px 0 0 0;}
  #faq_content .content .title .name{font-size:1.2rem;margin:0 0 30px 0;padding:0 0 30px 0;}
  #faq_content .content .btn{margin:40px 0 0 0;}
  #faq_content .content .btn a{padding:9px 19px;}
  #faq_content .faq_list .faq_con_h2{font-size:1.2rem;}
  .faq_list.faq_in{padding:70px 0;}
  .faq_list.faq_in .list{margin:20px 0 0 0;}
  .faq_list.faq_in .list ul li{border-bottom:1px solid #e0e0e0;}
  #notice_list{padding:110px 0 100px 0;}
  #notice_list .list .top{margin:50px 0 40px 0;flex-direction:column;align-items:center;}
  #notice_list .list .top .count{margin:0 0 20px 0;}
  #notice_list .list ul li a{position:relative;}
  #notice_list .list ul li a span{position:absolute;top:30px;left:20px;}
  #notice_list .list ul li a .date{position:absolute;top:30px;right:20px;}
  #notice_list .list ul li a .txt{width:100%;padding:30px 0 0 0;}
  #board_list{padding:110px 0 100px 0;}
  #board_list .list .top{margin:50px 0 40px 0;flex-direction:column;align-items:center;}
  #board_list .list .top .count{margin:0 0 20px 0;}
  #board_list .list ul li a{position:relative;}
  #board_list .list ul li a span{position:absolute;top:30px;left:20px;}
  #board_list .list ul li a .date{position:absolute;top:30px;right:20px;}
  #board_list .list ul li a .txt{width:100%;padding:30px 0 0 0;}
  #notice_content{padding:110px 0 50px 0;}
  #notice_content .content .title .name{font-size:1.2rem;margin:0 0 40px 0;padding:0 0 50px 0;}
  #notice_content .content .btn{margin:40px 0 0 0;}
  #notice_content .content .btn a{padding:9px 19px;}
  #board_content{padding:110px 0 50px 0;}
  #board_content .content .title .name{font-size:1.2rem;margin:0 0 40px 0;padding:0 0 50px 0;}
  #board_content .content .btn{margin:40px 0 0 0;}
  #board_content .content .btn a{padding:9px 19px;}
  .subcontent .main{margin:170px 0 0 0;}
  .subcontent .title h2{font-size:1.6rem;margin:0 0 10px 0;}
  .subcontent .title p{font-size:1rem;}
  .subcontent .menu a{padding:20px 10px;font-size:1rem;padding:14px 11px;border-bottom:2px solid #e3e3e3;}
  .subcontent .menu a.on{border-bottom:2px solid #396aff;}
  #smart{padding:80px 0;}
  #smart .topimg img{width:120px;margin:0 auto 6px;}
  #smart .midtext{margin:50px 0 0 0;padding:0 16px;}
  #smart .midtext .title{font-size:1.25rem;margin:0 0 12px 0;}
  #smart .midtext .txt{font-size:1rem;line-height:1.45;}
  #smart .bowrap{grid-template-columns:1fr;gap:14px;padding:0 16px;margin:28px auto 0;max-width:400px;}
  #smart .bowrap .box{padding:26px 20px 240px 20px;border-radius:22px;}
  #smart .s_title{font-size:1.1rem;}
  #smart .s_title img{height:22px;}
  #smart .bowrap .box .txt{font-size:0.95rem;line-height:1.5;}
  #smart .bowrap .box .boximg{width:92%;right:4%;}
  #smart .bowrap .box:nth-of-type(1) .boximg{width:62%;right:6%;bottom:18px;}
  #smart .bowrap .box:nth-of-type(2) .boximg{width:92%;}
  #smart .longbox{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 20px;margin:28px auto 0;width:100%;max-width:400px;border-radius:22px;}
  #smart .longbox > img{width:80%;margin:6px auto 0;display:block;}
  #smart .longbox .textarea .txt{font-size:0.95rem;line-height:1.55;}
  #one .boxwrap{grid-template-columns:1fr;width:100%;max-width:400px;margin:30px auto 0;}
  #one .boxwrap .box:nth-of-type(5) img{top:19%;}
  #visual .text h2{font-size:2.1rem;margin:0 0 15px 0;}
  #visual .text a{width:136px;height:52px;font-size:1.1rem;}
  #visual .imgwrap{margin:-30px 0 0 0;}
  #mainloop_2 img {height: 40px;}
  .texttag{height:52px;}
  .ticker-snap .item{font-size:1.5rem;height:52px;line-height:52px;}
  @keyframes tickerSnap{0%{transform:translateY(0);}9.26%{transform:translateY(0);}12.5%{transform:translateY(-52px);}21.76%{transform:translateY(-52px);}25%{transform:translateY(-104px);}34.26%{transform:translateY(-104px);}37.5%{transform:translateY(-156px);}46.76%{transform:translateY(-156px);}50%{transform:translateY(-208px);}59.26%{transform:translateY(-208px);}62.5%{transform:translateY(-260px);}71.76%{transform:translateY(-260px);}75%{transform:translateY(-312px);}84.26%{transform:translateY(-312px);}87.5%{transform:translateY(-364px);}96.76%{transform:translateY(-364px);}100%{transform:translateY(-416px);}}
  .texttag::before,.texttag::after{font-size:1.9rem;color:#d6c9ff;top:5.9px;}
  .subcontent_visual p.main{font-size:2.4rem;}
  .subcontent_visual img{margin:30px 0;}
  .client_tab{padding:120px 0 0 0;}
  .client_tab .tabmenu{margin:0 0 19px 0;}
  .client_tab .tabmenu span{font-size:1.1rem;}
  .client_tab .wrap{gap:10px;}
  .client_tab .tag{font-size:1rem;}
  .client_tab .textwrap .name{font-size:1.7rem;}
  .client_tab .textwrap .text{font-size:1.2rem;}
  .subcontent_block{padding:80px 0;}
  .subcontent_block .container{margin:36px 0 0 0;}
  .subcontent_block .container .wrap{gap:16px;}
  .subcontent_block .container .wrap.top{margin:0 0 16px 0;}
  .subcontent_block .container .wrap .card{padding:28px;border-radius:22px;min-height:360px;}
  .subcontent_block .container .wrap .card .name{font-size:20px;margin:0 0 10px 0;}
  .subcontent_block .container .wrap .card .text{font-size:15px;}
  .subcontent_box{padding:50px 0;}

  .subcontent_box .subtitle {margin: 0 0 30px 0;}
  .subcontent_box .subtitle .main {font-size: 1.5rem;}
  .subcontent_box .left,
  .subcontent_box .right {width:100%;}
  .subcontent_box .left img,
  .subcontent_box .right img {width:100%;}
  .subcontent_box .middle .box {padding:0;}

  .subcontent_start .inner .back{padding:120px 0px;}
  .subcontent_start .inner .left{top:-20%;}
  .subcontent_start .inner .text .title{font-size:1.7rem;}
  .subcontent_start .inner .text .sub{font-size:1.2rem;}
  .subcontent_start .inner .text a{width:180px;}
  .client_phone .image_wrap img:nth-of-type(2){width:100%;}
  .add_tabmenu{margin:50px 0 0 0;}
  .add_tabmenu .menu span{font-size:1.1rem;}
  .add_tabmenu .content .text .title {font-size:1.5rem;}
  .add_tabmenu .content .txt_wrap p {font-size:1rem;}
  .add_tabmenu .content .txt_wrap img {width:20px;}

  .addtitle{font-size:1.3rem;}
  .addtitle_sub{font-size:1.1rem; margin:14px 0 0 0;}

  .addimgbox{margin:30px 0 0 0; border-radius: 10px;}

  .add_chat_sec{margin:70px 0 0 0;}
  .add_chat_sec .wrap{margin:30px 0 0 0;}
  .add_chat_sec .wrap .left .name{font-size:1.1rem;margin:0 0 20px 0;}
  .add_chat_sec .wrap .left .dummy{display:flex;gap:20px;justify-content:center;align-items:center;margin:6px 0 0 0;}
  .add_chat_sec .wrap .left .dummy p{font-size:1rem;}
  .add_chat_sec .wrap .left .dummy p br{display:none;}
  .add_chat_sec .wrap .left .dummy img{margin:0;width:21px;}
  .add_chat_sec .wrap .left .dummywrap{flex-direction:column;}
  .add_together{margin:70px 0 0 0;}
  .add_together .box{margin:30px 0 0 0;gap:60px;padding:30px;}
  .add_together .box .text{font-size:1rem;}
  .add_together .box .image img{width:140px;}
  #add_ars .add_ars_blcok{margin:70px 0 0 0;}
  #add_ars .add_ars_blcok .boxwrap{margin:30px 0 0 0;}
  #add_ars .add_ars_blcok .box{padding:26px; border-radius: 10px;}
  #add_ars .add_ars_blcok .box img{height:35px;}
  #add_ars .add_ars_blcok .box .name{font-size:1.1rem;margin:0 0 10px 0;}
  #add_ars .add_ars_blcok .box .txt{font-size:0.9rem;}
  #add_arsmessage .add_ivr_blcok {margin:70px 0 0 0;}
  #add_arsmessage .add_ivr_blcok .boxwrap {grid-template-columns: 1fr; margin:30px 0 0 0;}
  #add_arsmessage .add_ivr_blcok .boxwrap .box {width: 100%; max-width: 370px; margin: 0 auto; border-radius: 10px;}
  #add_callback .add_tabmenu {margin:30px 0 70px 0;}
  #add_callback .add_tabmenu .menu {flex-wrap: wrap; height:auto; padding:0 20px;}
  #add_callback .add_tabmenu .menu span {width:50%; flex:auto; height:46px; display:flex; align-items: center; justify-content: center;}

  #add_recom .addimgbox {padding: 30px 10px 30px 10px}
  #add_recom .addimgbox img {width: 100%;}
  #add_recom .boxwrap {grid-template-columns: 1fr;}
  #add_recom .boxwrap .box {width: 100%; max-width: 300px; margin: 0 auto;}
  #add_recom .add_recom_box {margin:70px 0 0 0;}
  #add_recom .boxwrap {margin:30px 0 0 0}

  .add_ai_box {margin:70px 0 0 0;}
  #add_ai .addimgbox img {width:100%;}
  #add_ai .boxwrap  {grid-template-columns: 1fr; margin:30px 0 0 0;}
  #add_ai .boxwrap .box {width:100%; max-width:320px; margin: 0 auto; border-radius: 10px; }  
  
  .pricing_top.new .discount-bubble {right:-61px;}
  .pricing_top.new .discount-bubble img {width:130px;}
  .pricing_top .pricing-container {max-width:300px; grid-template-columns: 1fr; margin:20px auto 0;}
  .pricing_table .check-icon {width:16px; height:16px;}
  .pricing_table .feature-table thead th {font-size:0.8rem;}
  .pricing_table .table-container.fixed th {padding:16px 0;}

  .pricing_table .section-row.tab-bg .section-title .btn_wrap {width:100%;}
  .pricing_table .section-row.tab-bg .section-title .btn_wrap span {width:50%;}
  .pricing_table .whitewrap img {width:100%; max-width: 360px;}

  #blog_list .blog-featured__copy h3 {font-size: 1.3rem;}
  #blog_list .blog-card__title {font-size: 1.3rem;}

  #blog_content.blog-detail {padding: 80px 0 40px;}
  #blog_content .blog-detail__title {font-size: 1.3rem;}
  #blog_content .blog-detail__category {padding: 6px 14px; font-size: 1rem;}
  #blog_content .blog-detail__meta {margin-bottom: 13px;}
  #blog_content .blog-detail__body {margin-top: 7px;}
  #blog_content .blog-detail__actions {margin-top:44px}
  #blog_content .blog-detail__actions a {font-size: 1rem;}

  .chat_allinone { padding: 0; }
  .chat_allinone .inner { gap: 35px; }
  .chat_allinone .right img { max-width: 100%; }
}
@media screen and (max-width:560px){
  #add_ars .add_ars_blcok .boxwrap{grid-template-columns:1fr;}
  #add_ars .add_ars_blcok .box{width:100%;max-width:320px;margin:0 auto;}

  .pricing_table .feature-table th, .feature-table td {padding: 14px 4px; line-height:1.4;}
  .pricing_table .feature-table tbody td:first-child {padding-left: 14px;}
  .pricing_table .sub-item {padding-left: 30px !important;}
  .pricing_table .sub-bullet {margin-left: 16px; left: 0px;}

  .chat_scrollanimation .inner { padding: 0 16px; }
  .chat_scrollanimation .toptitle p { font-size: 1.28rem; }
  .chat_scrollanimation .toptitle img { width: 86%; max-width: 300px; }
  .chat_scrollanimation .scrollwrap { margin: 35px auto 0; }
  .chat_scrollanimation .chat_scrollbox { height: 460px; padding: 14px; border-width: 5px; border-radius: 20px; }
  .chat_scrollanimation .chat_scrolllist { padding: 6px 4px 60px; }
  .chat_scrollanimation .chat_scrollitem { margin-bottom: 15px; transform: translateY(25px) scale(.96); }
  .chat_scrollanimation .chat_scrollitem.state { width: 82%; padding: 18px 0; }
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(1) img { width: 86%; }
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(2) img { width: 82%; }
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(3) img {width: 61%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(4) img {width: 89%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(5) img {width: 74%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(6) img {width: 90%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(7) img {width: 44%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(8) img {width: 74%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(9) img {width: 75%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(10) img {width: 91%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(11) img {width: 33%;}
  .chat_scrollanimation .chat_scrollitem.bubble:nth-of-type(12) img {width: 57%;}
  .chat_scrollanimation .scrollwrap .gradient { height: 110px; bottom: -42px; }
  

  .chat_numbering {padding: 10px 0 58px;}
  .chat_numbering .numbering_result {margin-top: 30px;}
  .chat_numbering .compare_box {padding: 24px 16px 12px; border-radius: 18px;}
  .chat_numbering .compare_label {width: 100%; justify-content: center; margin-bottom: 16px; font-size: 0.9rem;}
  .chat_numbering .compare_label span {font-size: 0.9rem;}
  .chat_numbering .compare_box.after .compare_label {border-width: 2px;}
  .chat_numbering .gradient {height: 70px;}
  .chat_numbering .numbering_stats {flex-wrap: wrap; row-gap: 22px; margin-top: 30px;}
  .chat_numbering .stat_item {width: 100%;}
  .chat_numbering .stat_number {font-size: 4rem;}
  .chat_numbering .percent {font-size: 1.5rem;}
  .chat_numbering .stat_text {font-size: 1.05rem;}
}
@media screen and (max-width:540px){
  .pricing_table .table-container.fixed {top:-12px}
  .pricing_table .table-container.fixed th {font-size: 0.9rem;}
}
@media screen and (max-width:480px){
  #visual{padding:60px 0 0 0;}
  .texttag{width:160px;}
  #visual {padding: 60px 0 0 0;}
  #visual .imgwrap{margin:0;}
  #visual .text p {font-size: 1rem;}
  #second{padding:80px 0 0 0;}
  #second .boxwrap{margin:40px 0 0 0;gap:14px;}
  #second .boxwrap .box{padding:28px;border-radius:22px;}
  #second .boxwrap .box .text{padding:0 0 190px 0;}
  #second .boxwrap .box .text .title{font-size:1.4rem;}
  #second .boxwrap .box .text .sub{font-size:1rem;line-height:1.35;}
  #second .boxwrap .box img{bottom:12px;}
  #second .boxwrap .box:nth-of-type(2) img{width:72%;}
  #select .boxwrap .box{animation-delay:none !important;}
  #one .boxwrap{animation:none !important;opacity:1;transform:none;}
  #flow .subtitle{margin:0 0 30px 0;}
  #flow .container{margin:40px auto 0;}
  #flow .container .text,#flow .container.flow_1 .text{padding:0 20px;}
  #flow .container .text .title{margin:0 0 20px 0;}
  #flow .container .text .box:nth-of-type(1){margin:0 0 20px 0;}
  #flow .container.flow_4 .image .back{width:49%;}
  #flow .container.flow_4 .image .float.float_2{width:83%;top:-37%;left:15%;}
  #work{padding:70px 0;}
  #work .boxwrap .box{padding:26px 20px 170px 20px;border-radius:18px;}
  #work .boxwrap .box .text .name{font-size:1.25rem;}
  #work .boxwrap .box .text .txt{font-size:0.98rem;}
  #work .boxwrap .box .text img{right:-10px;}
  #work .boxwrap .box.box_1 img{width:77%;}
  #work .boxwrap .box.box_2 img{width:67%;}
  #work .boxwrap .box.box_3 img{width:92%;}
  #category{padding:70px 0;}
  #category a{border-radius:18px;}
  #category a .text{padding:0px 14px 40px 15px;}
  #category a .text .left .name{font-size:1.22rem;}
  #category a .text .left .txt{font-size:0.95rem;}
  #category a .text .right img{width:32px;}
  #visual{margin:50px 0 0 0;padding:80px 0 0 0;}
  #visual .text h2{font-size:1.8rem;}
  #visual .text a{font-size:1.2rem;}
  #visual .text a img{width:20px;}
  .subcontent_visual .menu{display:none;}
  .subcontent_visual{padding:100px 0 0 0;}
  .subcontent_visual p.main{font-size:2.1rem;}
  .client_tab .tagwrap{gap:10px;}
  .client_tab .tag{gap:13px;padding:13px 0;}
  .client_tab .tagwrap{margin:10px 0 20px 0;}
  .client_tab .textwrap .text{font-size:1rem;}
  .client_tab .textwrap .name{display:none;}
  .client_card{padding:100px 0;}
  .client_card .card-title{font-size:20px;}
  .client_card .card-description{font-size:15px;}
  .subcontent_block .container .wrap .card img{width:75%;}
  .subcontent_block .container .wrap .card .text{line-height:1.4;}
  .subcontent_block .container .wrap .card_4 img{max-width:65%;}
  .subfixedmenu .inner{gap:10px; }
  .subfixedmenu .inner a {padding:0 4px; font-size:0.9rem;}
  
  .subcontent_start{margin:0 0 50px 0;}
  .subcontent_start .inner .back{border-radius:20px;}
  .subcontent_start .inner .text .title{font-size:1.4rem;}
  .subcontent_start .inner .text .sub{font-size:1.1rem;}
  .client_chat{padding:0px 0 60px 0;}
  .client_phone{padding:0 0 70px 0;}
  .subimgblock .inner .text{margin:0 0 20px 0;}
  .subimgblock .inner .text .title{font-size:1.3rem;}
  .subimgblock .inner .text .text{font-size:1rem;}
  #footer .top{align-items:flex-start;}
  #footer .top .wrap{align-items:flex-start;}
  #footer .top .wrap .menu{align-items:flex-start;}
  #footer .center .wrap{align-items:flex-start;gap:8px;margin:6px 0;}
  #one .boxwrap .box{padding:170px 20px 36px 20px;}
  #one .boxwrap .box:nth-of-type(1) img{width:52%;}
  #one .boxwrap .box:nth-of-type(2) img{width:36%;}
  #one .boxwrap .box:nth-of-type(3) img{width:29%;}
  #one .boxwrap .box:nth-of-type(4) img{width:29%;}
  #one .boxwrap .box:nth-of-type(5) img{width:60%;}
  #one .boxwrap .box:nth-of-type(6) img{width:40%;}
  .back_b,.back_w{padding:70px 0;}
  #add_btn{padding:0 0 70px 0;}
  #add_btn .box_wrap{gap:10px;margin:60px 0 0 0;}
  #add_btn .box_wrap .box{height:210px;width:calc(50% - 5px);border-radius:10px;}
  #add_btn .box_wrap .box .image{height:50%;}
  #add_btn .box_wrap .box .text{height:50%;}
  #add_btn .box_wrap .box .text .title{font-size:1rem;}
  #add_btn .box_wrap .box .text .txt{font-size:0.9rem;}
  .add_together .box{border-radius:10px;}
  .add_together .box{flex-direction:column-reverse;gap:30px;}
  .addimgbox{border-radius:10px;}
  .add_tabmenu .content .image, 
  .add_tabmenu .content .text, 
  .add_chat_sec .wrap .box,
  .add_chat_sec .wrap .box {border-radius: 10px;}

  .pricing_top {padding:110px 0 50px 0;}
  .pricing_top .pricing-container {padding:0;}
  .pricing_top .pricing-card { margin:20px 0 0 0;}
  .pricing_top .plan-name {font-size: 1.8rem;}
  .pricing_top .plan-price {font-size: 2.5rem;}
  .pricing_top .plan-price .won {font-size: 1.9rem;}

  .pricing_table .feature-table th, .feature-table td {font-size: 0.8rem;}
  .pricing_table .section-icon {height: 11px;     transform: translateY(-2px);}
  .pricing_table .sub-item img {height:8px;}
  .pricing_table .badge {font-size: 0.8rem;}
  .pricing_top .card-body {padding:30px 28px;}
  .pricing_top .plan-name {font-size: 1.8rem;}
  .pricing_top .feature-list {margin-bottom: 10px;}

  
  .pricing_table {padding:50px 0;}
  .pricing_table .table-container {margin:40px auto;}

  .pricing_table .table-container.fixed {top: 17px;}
  .pricing_table .des_icon {height: auto !important;}

  .chat_block {padding:90px 0;}
    .chat_block .chat-solution__inner {margin-top: 30px;gap: 14px;}
    .chat_block .feature-card {padding: 30px 20px 22px;border-radius: 18px;gap: 18px;}
    .chat_block .feature-card__title {font-size: 1.35rem;}
    .chat_block .feature-card__description {font-size: 0.95rem;line-height: 1.55;}

    .chat_tabmenu {padding:60px 0 30px 0;}
    .chat_tabmenu .chat-setting__tabs {margin:32px 0 0 0;}
    .chat_tabmenu .chat-setting__tab {min-width: fit-content;padding: 11px 9px;font-size:1.05rem;}
    .chat_tabmenu .chat-setting__inner {gap:28px;padding:38px 0;}
    .chat_tabmenu .chat-setting__title {font-size:1.55rem;}
    .chat_tabmenu .chat-setting__description {font-size:1.08rem;}
    .chat_tabmenu .chat-setting__description br {display:none;}
    .chat_tabmenu .chat-setting__benefits {align-items:stretch;width:100%;gap:8px;margin:24px 0 0 0;}
    .chat_tabmenu .chat-setting__benefits li {justify-content:flex-start;width:100%;padding:12px 14px;border-radius:12px;background:#f4fbff;font-size:1.05rem;box-sizing:border-box;display: flex;align-items: center;justify-content: center;}
    .chat_tabmenu .chat-setting__benefits li img {width:22px;height:22px;}
    .chat_tabmenu .chat-setting__visual {width:100%;}

    .chat_scrollanimation { padding: 50px 0;}
    .chat_scrollanimation .subtitle{ margin: 0 0 30px 0;}

    .chat_application { padding: 64px 0; }
    .chat_application .application_list { margin-top: 36px; gap: 16px; }
    .chat_application .application_item { border-radius: 24px; padding: 30px 16px 30px; min-height:auto}
    .chat_application .application_img img { max-height: 180px; }
    .chat_application .application_txt {padding-top: 24px;}
    .chat_application .application_txt .tit { font-size: 1.2rem; }
    .chat_application .application_txt .desc { font-size: 0.95rem; line-height: 1.45; }
    .chat_application .application_txt {  padding: 0;}

     .chat_workflow {padding: 20px 0 60px 0;}
    .chat_workflow .inner {padding: 0 16px;}
    .chat_workflow .workflow_tab {margin: 30px 0 0 0;}
    .chat_workflow .workflow_tabmenu {gap: 12px;margin: 35px -16px 24px 0;padding: 0 16px 8px 0;}
    .chat_workflow .workflow_tabbtn {flex: 0 0 220px;padding: 20px 14px;border-radius: 16px;}
    .chat_workflow .workflow_tabbtn .icon {width: 46px;height: 46px;margin: 0 auto 10px;}
    .chat_workflow .workflow_tabbtn .icon img {width: 24px;height: 24px;}
    .chat_workflow .workflow_tabbtn strong {font-size: 0.98rem;}
    .chat_workflow .workflow_tabbtn p {font-size: 0.82rem;}
    .chat_workflow .workflow_content {border-radius: 18px;}
    .chat_workflow .workflow_panel {padding: 14px;}
    .chat_workflow .workflow_panel img {width: 100%;height: auto;object-fit: contain;}

    .chat_step {padding: 60px 0;}
    .chat_step .boxwrap {margin: 34px 0 0 0;}
    .chat_step .box {padding: 28px 20px 0;border-radius: 20px;}
    .chat_step .box + .box {margin-top: 16px;}
    .chat_step .box .title {font-size: 1.1rem;}
    .chat_step .box .text {font-size: 0.9rem;}
    .chat_step .box img {margin-top: 24px;}

    .chat_last {padding: 110px 0 90px 0;}
    .chat_last .text p {font-size: 1.45rem; line-height: 1.4;}
    .chat_last .text a {width: 190px; height: 50px; font-size: 1rem; margin: 22px auto 0;}
    .chat_last img.kakao {width: 24%; top: 60%; left: -6%;}
    .chat_last img.ai {width: 22%; top: -48%; left: -2%;}
    .chat_last img.customer {width: 34%; top: -22%; right: -10%;}
    .chat_last img.mouse {width: 9%; right: 16%; bottom: -18%;}
}
@media screen and (max-width:420px){
  .add_tabmenu .content .image,.add_tabmenu .content .text{border-radius:10px;}
  .add_tabmenu .content .text .title{font-size:1.5rem;}
  .add_chat_sec .wrap .box{border-radius:10px;}
  .add_chat_sec .wrap .left{padding:30px;}
  .add_chat_sec .wrap .left .dummy{justify-content:left;}
  .add_chat_sec .wrap .right img{width:90%;}

  .chat_scrollanimation { padding: 56px 0; }
  .chat_scrollanimation .toptitle p { font-size: 1.15rem; }
  .chat_scrollanimation .toptitle img { width: 92%; }
  .chat_scrollanimation .chat_scrollbox { height: 410px; padding: 12px; border-width: 4px; border-radius: 18px; }
  .chat_scrollanimation .chat_scrolllist { padding: 5px 3px 55px; }
  .chat_scrollanimation .chat_scrollitem { margin-bottom: 12px; }
  .chat_scrollanimation .chat_scrollitem.state { width: 88%; padding: 14px 0; }
  .chat_scrollanimation .scrollwrap .gradient { height: 95px; bottom: -36px; }

  .chat_numbering .compare_box {padding: 22px 14px 10px;}
  .chat_numbering .compare_label {font-size: 0.84rem; gap: 8px;}
  .chat_numbering .compare_label span {font-size: 0.84rem;}
  .chat_numbering .gradient {height: 58px;}
  .chat_numbering .stat_number {font-size: 3.5rem;}
  .chat_numbering .percent {font-size: 1.35rem; padding-bottom: 3px;}
  .chat_numbering .stat_text {font-size: 0.95rem;}
}
@media screen and (max-width:360px){
  #second .boxwrap .box{padding:22px;}
  #second .boxwrap .box .text{padding:0 0 170px 0;}
  #second .boxwrap .box .text .title{font-size:1.28rem;}
  #second .boxwrap .box img{bottom:10px;width:94%;}
  #select{padding:90px 0 70px 0;}
  #select .boxwrap .box{padding:18px;gap:12px;}
  #select .boxwrap .box .icon img{width:44px;}
  #select .boxwrap .box .text .title{font-size:1.02rem;}

  .chat_tabmenu .chat-setting__tab {min-width:120px;padding:11px 12px;font-size:0.98rem;}
  .chat_tabmenu .chat-setting__title {font-size:1.42rem;}
  .chat_tabmenu .chat-setting__description {font-size:1rem;}
  .chat_tabmenu .chat-setting__benefits li {font-size:0.98rem;}
}