@media screen and (max-width:1600px){
    .chat_last .inner {overflow: visible}
}
@media screen and (max-width:1500px){
    .pricing_image_pop .container {width:92%;}
}
@media screen and (max-width:1320px){
    .container {width: 100%; max-width: 100%;}
    .inner {padding: 0 40px;}
    .new_quickmenu .inner {padding:0}

    .add_tabmenu .content .text {padding: 50px 46px;}
    .add_tabmenu .content .text .title {font-size: 1.8rem;}
    .add_tabmenu .content .txt_wrap p {font-size:1.1rem;}

    .pricing_table .table-container.fixed {padding:0 40px;}
    .pricing_table .table-container.fixed table {max-width: 100%; }

    #smart .bowrap.bottomwrap .box {height:610px;}

    
}
@media screen and (max-width:1280px){
    
    html {font-size: 15px;}
    .new_quickmenu .inner {padding: 0}

    #footer {padding: 50px 0 0 0;}
    #footer .top {flex-direction: column;align-items: center;}
    #footer .top .sns {margin: 20px 0 0 0;}
    #footer .top .wrap { flex-direction: column;  gap: 20px;}
    #footer .center { padding: 40px 0;}
    #footer .center .wrap { display: flex;  align-items: center;  justify-content: center;}

 
    .subcontent_tab .inner {max-width: 700px; margin:0 auto;}
    .subcontent_tab .tag {gap: 10px}
    .subcontent_tab .wrap {    flex-direction: column-reverse;
    align-items: center;}
    .subcontent_tab .image {width:100%;}
    .subcontent_tab .text {width: 100%;}
    .subcontent_tab .tabmenu span {flex:1; text-align: center;}
    .subcontent_tab .txt {text-align: center;}
    .subcontent_tab .tagwrap {justify-content: center;}


    .client_card .card-image img {max-width: 560px;}

    .chat_numbering {padding: 40px 0 100px;}
    .chat_numbering .numbering_result {margin-top: 55px;}
    .chat_numbering .compare_box {padding: 42px 36px 20px;}
    .chat_numbering .numbering_stats {gap: 70px;}
    .chat_numbering .stat_number {font-size: 5.4rem;}
    .chat_numbering .percent {font-size: 2rem;}
    .chat_numbering .stat_text {font-size: 1.25rem;}

    .chat_step {padding: 100px 0;}
    .chat_step .boxwrap {gap: 18px;margin: 60px 0 0 0;}
    .chat_step .box {height: 600px;padding: 50px 0 0 45px;border-radius: 34px;}
    .chat_step .box .title {font-size: 1.4rem;}
    .chat_step .box .text {font-size: 1rem;}
    .chat_step .box img {width: 84%;}
    .chat_step .box:nth-of-type(2) img {width: 92%;}

    .chat_last {padding: 200px 0 150px 0;}
    .chat_last .text p {font-size: 2.2rem;}
    .chat_last .text a {width: 260px; height: 64px; font-size: 1.45rem;}
    .chat_last img.kakao {width: 14%; top: 32%; left: 2%;}
    .chat_last img.ai {width: 14%; top: -50%; left: 13%;}
    .chat_last img.customer {width: 21%; top: -5%; right: 2%;}
    .chat_last img.mouse {width: 4.5%;right: 37%;bottom: -10%;}
}
@media screen and (max-width:1200px){
    .pricing_table .section-row.tab-bg .section-title {flex-direction: column;}

     .chat_block .chat-solution__inner {grid-template-columns: 1fr 0.9fr;gap: 18px;margin-top: 50px;}
    .chat_block .feature-card {padding: 48px 40px 28px;border-radius: 26px;gap: 26px;}
    .chat_block .feature-card--large {min-height: 620px;}
    .chat_block .feature-card__title {font-size: 1.7rem;}
    .chat_block .feature-card__description {font-size: 1.15rem;}

    .chat_allinone .inner { gap: 40px; }
    .chat_allinone .right img { max-width: 520px; }

    .chat_tabmenu {padding:100px 0;}
    .chat_tabmenu .chat-setting__inner {grid-template-columns:1fr 1.15fr;gap:30px;padding:60px 0;}
    .chat_tabmenu .chat-setting__title {font-size:2rem;}
    .chat_tabmenu .chat-setting__description {font-size:1.3rem;}
    .chat_tabmenu .chat-setting__benefits {margin:40px 0 0 0;}

    .chat_scrollanimation { padding: 110px 0; }
    .chat_scrollanimation .scrollwrap { max-width: 90%; margin: 70px auto 0; }
    .chat_scrollanimation .chat_scrollbox { max-width: 600px; height: 600px; }

    .chat_application { padding: 100px 0; }
    .chat_application .application_list { gap: 20px; margin-top: 60px; }
    .chat_application .application_item { min-height: 430px; border-radius: 38px; padding: 42px 14px 40px; }
    .chat_application .application_img {height: auto;}
    .chat_application .application_txt { padding: 0 24px; }
    .chat_application .application_txt .tit { font-size: 1.45rem; }
    .chat_application .application_txt .desc { font-size: 1.05rem; }
}

@media screen and (max-width: 1160px){
    .inner {width:100%; padding:0 40px; overflow:hidden;}

    #second .boxwrap .box { padding: 50px; }
    #second .boxwrap .box .text { padding: 0 0 260px 0; }
    #second .boxwrap .box img { bottom: 24px; }

    #select { padding: 170px 0 110px 0; }
    #select .boxwrap { gap: 28px; }
    #select .boxwrap .box { padding: 34px; gap: 24px; }
    #select .boxwrap .box .icon img { width: 58px; }

    #flow .container.flow_1 .image .float.float_1 {left:-9%;}
    #flow .container.flow_1 .image .float.float_2 {left: -1.2%;}

    #smart { padding: 140px 0; }
    #smart .longbox { padding: 50px 70px; gap: 60px; }
    #smart .longbox > img { width: 46%; }
    #smart .bowrap .box {padding: 40px 40px 230px 40px;}

    #category a .text {padding: 0 40px;}

    #visual .text h2 {font-size: 2.9rem;}

    .client_tab .wrap {flex-direction: column; width: 100%; max-width: 600px; margin: 70px auto 0;}
    .client_tab .image,
    .client_tab .text {width:100%;}
    .client_tab .tabmenu span {flex:1; text-align: center;}
    .client_tab .tagwrap {justify-content: center;}
    .client_tab .txt {text-align: center;}
    .client_tab .textwrap .name {justify-content: center;}

    .client_card { padding: 100px 0; }
    .client_card .subtitle { margin: 0 0 80px 0; }
    .client_card .card { gap: 40px; margin: 60px 0 0 0; }
    .client_card .card-title { font-size: 28px; margin-bottom: 22px; }
    .client_card .card-description { font-size: 20px; }
    .client_card .card-image img { max-width: 520px; }


    .subcontent_block{padding: 120px 0;}
    .subcontent_block .container{margin: 50px 0 0 0;}
    .subcontent_block .container .wrap.top{grid-template-columns: 1fr 1fr;}
    .subcontent_block .container .wrap.bottom{grid-template-columns: 1fr 1fr;}
    .subcontent_block .container .wrap .card{padding: 50px;height: 480px;}
    .subcontent_block .container .wrap .card .name{font-size: 26px;}
    .subcontent_block .container .wrap .card .text{font-size: 18px;}
    .subcontent_block .container .wrap .card img{width: 72%;}
    .subcontent_block .container .wrap .card_4 img{right: 6%;max-width: 58%;}

    .subcontent_box{padding: 100px 0;}

    .subcontent_box .middle .box {padding:0 20px;}
  
}
@media screen and (max-width: 1100px){
    .add_tabmenu .content .txt_wrap {margin: 1px 0 20px 0;}
    .add_tabmenu .content .point {margin: -10px 0 0 0;}
    .add_tabmenu .content .text {width:420px;}
    .add_tabmenu .content .image {width: calc(100% - 440px);}

    .pricing_top .pricing-container {    grid-template-columns: 1fr 1fr; max-width: 600px; margin:50px auto 0;}

    #smart .bowrap.bottomwrap .box {height:570px;}
}
@media screen and (max-width:1024px){
    .inner {padding: 0 20px;} 
    .new_quickmenu {display:none;}
    .subtitle .main {font-size: 2.3rem;}
    #header {display:none;}
    #header_m {display:block; border-bottom: 1px solid #ddd}
    #header_m {position:fixed;top:0;left:0;width:100%;background:#fff;z-index:5;padding: 14px 0;}
    #header_m .inner {display:flex; justify-content:space-between; align-items:center;}
    #header_m .logo a {height: 50px;display: flex;align-items: center;justify-content: center;}
    #header_m .menu_btn {width:50px; height:50px; display:flex; align-items:center; justify-content:flex-end;}
    #header_m .menu_btn img {width:30px;}
    #m_menu {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:#000000a1; z-index:6;}
    #m_menu.open { display: block;}
    #m_menu .inner {position:absolute; top:0; right:0;  width:100%; background:#fff; height:100%; max-width:500px; padding:20px 40px;}
    #m_menu .top {display:flex; align-items:center; justify-content:space-between;}
    #m_menu .top .btn {display:flex; gap:10px;}
    #m_menu .top .btn a {width:33px; height:33px; display:flex; align-items:center; justify-content:flex-end;}
    #m_menu .top .btn a img {width:22px;}
    #m_menu .menu {margin: 20px 0 0 0;display:flex;flex-direction:column;}
    #m_menu .menu a {font-size:2rem;}
    #m_menu .bottom {position:absolute; bottom:50px; left:40px; width:calc(100% - 80px);}
    #m_menu .bottom > a {
        display:flex; align-items:center; justify-content:center; background:#f1f1f1;
        height:60px; border-radius:8px; border:1px solid #ddd; font-size:1.2rem; color:#454545; margin:0 0 20px 0; gap:20px;}
    #m_menu .bottom > a img {width:15px;}
    #m_menu .bottom .cs {display:flex; justify-content:space-between; align-items:flex-end;}
    #m_menu .bottom .cs .left p {font-family:'pre_L';}
    #m_menu .bottom .cs .left p span {font-family:'pre_L';}
    #m_menu .bottom .cs .right {font-size:1.8rem;}

    #m_menu .logo img {width: 140px;}
    #m_menu .crm_btn a{display: flex; align-items: center; justify-content: space-between; background: #EDECFF; padding: 17px 30px; border-radius: 8px; margin: 30px 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 .box a{display: flex; justify-content: space-between; padding: 26px 20px; border-bottom: 1px solid #e2e2e2;}
    #m_menu .menu .box:last-of-type a{border:0;}
    #m_menu .menu .box a p{font-size: 1.4rem;}
    #m_menu .menu .box.dubble{display: flex; align-items: flex-start; padding: 20px 20px; border-bottom: 1px solid #e2e2e2;}
    #m_menu .menu .box.dubble .left{width: 120px;}
    #m_menu .menu .box.dubble .left p{font-size: 1.4rem; padding: 6px 0 0 0;}
    #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: 8px 0;}
    #m_menu .menu .box.dubble .right a p{font-family: 'pre_L'; font-size: 1.3rem;}
    #m_menu .csinfo{display: flex; flex-direction: column; gap: 7px; background: #F6F6F6; padding: 20px 14px; border-radius: 6px; position: absolute; width: calc(100% - 40px); bottom: 20px; left: 20px;}
    #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;}

    #visual {padding:140px 0 0 0;}
    
    #second { padding: 100px 0 0 0; }
    #second .boxwrap { grid-template-columns: 1fr; width: 100%;   max-width:490px;  margin: 70px auto;}
    #second .boxwrap .box { padding: 50px; }
    #second .boxwrap .box .text { padding: 0 0 260px 0; }
    #second .boxwrap .box .text .title { font-size: 1.8rem; }
    #second .boxwrap .box .text .sub { font-size: 1.1rem; }
    #second .boxwrap .box img { bottom: 20px; }
    #second .boxwrap .box:nth-of-type(2) img { width: 78%; }


    #contact form {display: block;}
    #contact .agree_wrap {margin:40px 0 0 0;}

    #select { padding: 150px 0 100px 0; background-position: 50% 30%; }
    #select .boxwrap { grid-template-columns: 1fr 1fr; gap: 24px; margin: 50px 0 0 0; }
    #select .boxwrap .box { padding: 32px; gap: 22px; }
    #select .boxwrap .box .text .title { font-size: 1.2rem; margin: 0 0 16px 0; }
    #select .boxwrap .box .icon img { width: 56px; }

    #flow .container {flex-direction: column; width:100%; max-width: 660px; margin:40px auto;}
    #flow .container.flow_1,
    #flow .container.flow_3 {flex-direction: column-reverse}
    #flow .container .text,
    #flow .container .image {width: 100%;}
    #flow .container .text {padding: 0 80px; text-align: center;}
    #flow .container.flow_3 .text {margin: 0}
    #flow .container.flow_1 .image .back {width: 80%;}
    #flow .container.flow_1 .image .float.float_1 {width: 80%; left:3%;}
    #flow .container.flow_1 .image .float.float_2 {left:2.1%; bottom:32%;}
    #flow .container.flow_1 .text {padding: 0 80px;}
    #flow .container.flow_3 .image .back {margin: 0 auto;}
    #flow .container.flow_4 {padding: 120px 0 70px 0;}
    #flow .container.flow_4 .text {margin: 140px 0 0 0;}
    
    #smart { padding: 110px 0; }
    #smart .topimg img { width: 150px; }
    #smart .midtext { margin: 70px 0 0 0; }
    #smart .midtext .title { font-size: 1.6rem; }
    #smart .midtext .txt { font-size: 1.15rem; }
    #smart .bowrap { grid-template-columns: 1fr; gap: 16px; margin:50px auto 0; width:100%; max-width: 500px;}
    #smart .bowrap .box { padding: 32px 28px 260px 28px; border-radius: 28px; padding: 32px 28px 310px 28px;}
    #smart .bowrap .box .boximg {width: 74%;}
    #smart .bowrap .box:nth-of-type(1) .boximg {width: 45%;}
    #smart .bowrap .box:nth-of-type(2) .boximg {width: 69%;}
    #smart .s_title { font-size: 1.25rem; }
    #smart .s_title img { height: 24px; }
    #smart .bowrap .box .txt { font-size: 1rem; }
    #smart .longbox { padding: 44px 42px; gap: 36px; border-radius: 28px; }
    #smart .longbox > img { width: 44%; }
    #smart .longbox .textarea .txt { font-size: 1rem; }
    

    .subcontent .menu {position: fixed; top: 79px; background: #fff; left: 0;  width: 100%; z-index: 5;}
    .subcontent .menu a {flex: 1; padding:20px 24px;}

    .subcontent_tab {padding:140px 0;}

    

    #one { padding: 120px 0; }
    #one .boxwrap { grid-template-columns: 1fr 1fr; gap: 24px; }
    #one .boxwrap .box { padding: 280px 32px 36px 32px; }

    #work { padding: 120px 0; }
    #work .boxwrap.wrap_1 { gap: 24px; margin-top: 50px; }
    #work .boxwrap .box { padding: 40px 40px 240px 40px; border-radius: 26px; margin-top: 28px; }
    #work .boxwrap .box .text .name { font-size: 1.55rem; }
    #work .boxwrap .box .text .txt { font-size: 1.15rem; }
    #work .boxwrap .box.box_1 img { width: 86%; }
    #work .boxwrap .box.box_2 img { width: 70%; }
    #work .boxwrap .box.box_3 img { width: 72%; }

    #category { padding: 120px 0; }
    #category .subtitle { margin: 0 0 50px 0; }
    #category .boxwrap { gap: 16px; }
    #category a .text { bottom: 32px; padding: 0 44px; }
    #category a .text .left .name { font-size: 1.55rem; }
    #category a .text .left .txt { font-size: 1.08rem; }
    #category a .text .right img { width: 30px; }

    #visual .inner {padding: 0;}

    .subcontent_visual {padding: 160px 0 0 0;}

    .client_card { padding: 90px 0; }
    .client_card .subtitle { margin: 0 0 60px 0; }
    .client_card .card,
    .client_card .card.reverse { flex-direction: column-reverse; gap: 26px; }
    .client_card .card {width: 100%;   max-width: 600px;  margin: 90px auto 0;}
    .client_card .card-content { width: 100%; text-align: center;}
    .client_card .card-image { width: 100%; }
    .client_card .card-image img { max-width: 100%; border-radius: 16px; }

    .subcontent_block .container .wrap .card img {width: 82%;}
    .subcontent_block .container .wrap .card_4 img {max-width: 68%;}
    .subcontent_block .container .wrap .card .text {font-size: 1.1rem;}

    .subcontent_start .inner .left {width:490px;}


    .add_tabmenu .content .text {padding: 40px 36px; width: 400px;}
    .add_tabmenu .content .image {width: calc(100% - 420px);}
    .add_tabmenu .content .txt_wrap:last-of-type {margin:0;}

    .add_together .box {padding: 80px;}

    .addimgbox img {width: 90%;}

    #add_recom .boxwrap .box {padding:30px;}
    #add_recom .boxwrap .box img {height:34px;}

    .pricing_table .table-container.fixed {padding:0 20px;} 

    .pricing_image .wrap {padding:30px;}
   .pricing_image_pop .container {width:96%;} 

   #smart .bowrap.bottomwrap {grid-template-columns: 1fr;}
   #smart .bowrap.bottomwrap .box {height:auto; width:100%; }
   #smart .bowrap.bottomwrap .box > img {position: relative; width: 100%;}

   .subcontent_box .inner {overflow: visible;}
   .subcontent_box .middle {max-width: 500px; margin: 0 auto;}
   .subcontent_box .middle .box {flex-direction: column;}
   .subcontent_box .middle .box .line {height: 1px; width: 90%;  background: #ddd;  margin: 50px 0;}

   .chat_blck .chat-solution__inner { grid-template-columns: 1fr; }
  .chat_blck .feature-card--large { min-height: auto; }
  .chat_blck .feature-card__media--large { height: 420px; }


    

    .chat_block .chat-solution__inner {grid-template-columns: 1fr;gap: 20px;width: 100%;margin-top: 45px; max-width: 580px;}
    .chat_block .chat-solution__side {grid-template-rows: none;grid-template-columns: repeat(1, minmax(0, 1fr));gap: 20px;}
    .chat_block .feature-card {padding: 44px 36px 28px;border-radius: 24px;}
    .chat_block .feature-card--large {min-height: auto;}
    .chat_block .feature-card__media {height: 180px;}
    .chat_block .feature-card__media--large {height: auto;margin-top: 10px;}

    .chat_tabmenu {padding:90px 0;}
    .chat_tabmenu .chat-setting {    max-width: 770px; margin: 0 auto;}
    .chat_tabmenu .chat-setting__tabs {margin:50px 0 0 0;}
    .chat_tabmenu .chat-setting__tab {padding:18px 12px;font-size:1.35rem;}
    .chat_tabmenu .chat-setting__inner {grid-template-columns:1fr;gap:45px;padding:55px 0;}
    .chat_tabmenu .chat-setting__text {text-align:center;}
    .chat_tabmenu .chat-setting__title {margin:0 0 22px 0;font-size:2rem;}
    .chat_tabmenu .chat-setting__description {font-size:1.35rem;}
    .chat_tabmenu .chat-setting__benefits {align-items:center;margin:35px 0 0 0;}
    .chat_tabmenu .chat-setting__benefits li {justify-content:center;font-size:1.25rem;}
    .chat_tabmenu .chat-setting__visual {width:85%;margin:0 auto;}

    .chat_scrollanimation { padding: 100px 0; }
    .chat_scrollanimation .toptitle p { font-size: 1.7rem; }
    .chat_scrollanimation .toptitle img { width: 420px; }

    .chat_scrollanimation .scrollwrap { margin: 60px auto 0; }
    .chat_scrollanimation .chat_scrollbox { max-width: 560px; height: 560px; padding: 22px; border-radius: 28px; }
    .chat_scrollanimation .scrollwrap .gradient { height: 150px; bottom: -60px; }

    .chat_application .application_list {grid-template-columns:1fr;gap:20px;max-width: 500px;margin: 60px auto 0;}
    .chat_application .application_item { min-height: 400px; }
    .chat_application .application_item.green {grid-column: 1 / -1;max-width: 100%;width: 100%;margin: 0 auto;}
    .chat_application .application_img img {  width: 90%;  margin: 0 auto 20px;}

    .chat_workflow {padding: 40px 0 100px 0;}
    .chat_workflow .inner {max-width: 100%;padding: 0 30px;}
    .chat_workflow .workflow_tab {margin: 50px 0 0 0;}
    .chat_workflow .workflow_tabmenu {gap: 40px;margin: 70px 0 45px 0;}
    .chat_workflow .workflow_tabbtn strong {font-size: 1.2rem;line-height: 1.35;}
    .chat_workflow .workflow_tabbtn p {font-size: 0.95rem;line-height: 1.45;}
    .chat_workflow .workflow_panel {padding: 30px;}

    .chat_numbering {padding: 30px 0 90px;}
    .chat_numbering .numbering_compare {gap: 16px;}
    .chat_numbering .compare_box {padding: 36px 26px 18px; border-radius: 24px;}
    .chat_numbering .compare_label {height: 44px; font-size: 1rem; gap: 10px;}
    .chat_numbering .compare_label span {font-size: 1rem;}
    .chat_numbering .gradient {height: 100px;}
    .chat_numbering .numbering_stats {gap: 45px; margin-top: 34px;}
    .chat_numbering .stat_item {min-width: 120px;}
    .chat_numbering .stat_number {font-size: 4.6rem; letter-spacing: -3px;}
    .chat_numbering .percent {font-size: 1.75rem; padding-bottom: 5px;}
    .chat_numbering .stat_text {font-size: 1.12rem;}

    .chat_step {padding: 90px 0;}
    .chat_step .boxwrap {margin: 50px 0 0 0;}
    .chat_step .box {height: 520px;padding: 42px 0 0 36px;border-radius: 30px;}
    .chat_step .box .title {font-size: 1.3rem;margin: 0 0 16px 0;}
    .chat_step .box .text {font-size: 0.95rem;}
    .chat_step .box img {width: 88%;}
    .chat_step .box:nth-of-type(2) img {width: 95%;}

    .chat_last {padding: 170px 0 130px 0;}
    .chat_last .text p {font-size: 2rem;}
    .chat_last .text a {width: 240px; height: 60px; font-size: 1.3rem; margin: 26px auto 0;}
    .chat_last img.kakao {width: 12%; top: 36%; left: 10%;}
    .chat_last img.ai {width: 12%; top: -42%; left: 18%;}
    .chat_last img.customer {width: 19%; top: 0; right: 5%;}
    .chat_last img.mouse {width: 4%; right: 35%; bottom: -8%;}
}

@media screen and (max-width:1000px) {
     #blog_list .blog-hub__layout { grid-template-columns:1fr; }
    #blog_list .blog-hub__sidebar { position:static; }
    #blog_list .blog-sidebar__panel { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
    #blog_list .blog-sidebar__categories { max-height:280px; overflow:auto; }
    #blog_list .blog-sidebar__search {margin-top: 0}
    #blog_list .blog-sidebar__panel {position: relative}
    #blog_list .blog-search__field input {height: 52px;}
    #blog_list .blog-sidebar__naver {position: absolute; top: -62px;  right: 0;  width: max-content; background: #ecfcf3; padding: 10px 14px;}

    #blog_content .blog-hub__layout { grid-template-columns:1fr; }
    #blog_content .blog-hub__sidebar { position:static; }
    #blog_content .blog-sidebar__panel { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
    #blog_content .blog-sidebar__categories { max-height:280px; overflow:auto; }
    #blog_content .blog-sidebar__search {margin-top: 0}
    #blog_content.blog-detail {padding: 90px 0 140px;}
    #blog_content .blog-sidebar__naver {position: absolute; top: -62px;  right: 0;  width: max-content; background: #ecfcf3; padding: 10px 14px;}
    #blog_content .blog-detail__hero {padding: 92px 44px 42px 0;}
}


@media (max-width:1000px){
    #blog_list .blog-hub__layout,
    #blog_content .blog-hub__layout{display:block;}
    #blog_list .blog-hub__sidebar,
    #blog_content .blog-hub__sidebar{position:sticky;top:76px;z-index:4;margin:0 0 30px 0;}
    #blog_list .blog-sidebar__panel,
    #blog_content .blog-sidebar__panel{padding: 0;box-shadow: none;}
    #blog_list .blog-sidebar__categories,
    #blog_content .blog-sidebar__categories{display:none;}
    .blog-category-select{display:block;width:100%;height: 53px;padding:0 42px 0 14px;border:0;border-radius:10px;background-size:12px;font-size:.95rem;color:#111827;appearance:none;border: 1px solid #ddd;}
    #blog_list .blog-sidebar__naver,
    #blog_content .blog-sidebar__naver{margin-top:8px;}
}
@media (min-width:1001px){
    .blog-category-select{display:none;}
}

@media (max-width:980px) {
   #blog_content.blog-detail { padding:90px 0 110px; }
   #blog_content .blog-detail__body { padding:28px; } 
}
@media screen and (max-width:940px){
    .add_tabmenu .content {flex-direction: column-reverse;    align-items: center;   gap: 20px;}
    .add_tabmenu .content .image,
    .add_tabmenu .content .text {width: 100%; max-width: 500px;}
    .add_tabmenu .menu {width:100%; max-width: 500px; margin:0 auto;}
    .add_tabmenu .content .text .title {margin:0 0 30px 0;}

    .add_chat_sec .wrap .right img {width: 90%;}
    .add_chat_sec .wrap .left {padding: 50px 40px; width: 320px;}
    .add_chat_sec .wrap .right {width: calc(100% - 340px);}

    .addimgbox img {width: 100%;}

    #add_callback .add_tabmenu .menu {max-width:630px;}

    .pricing_top .pricing-container {gap: 10px;}
    .pricing_top .pricing-container {padding: 40px 0 30px;}
    .pricing_top .plan-price .won {font-size: 1.6rem;}
    .pricing_top .plan-price {font-size: 2.1rem;}
    .pricing_top .card-body {padding: 30px 20px 30px;}
    .pricing_top .action-btn {font-size: 0.9rem;}
    .pricing_top .feature-list li img {width: 12px;}
    .pricing_top .feature-list li {gap:6px;}

    #mainloop .flow_row::before,
    #mainloop .flow_row::after {width: 100px;}
}
@media screen and (max-width:900px){
    #visual {overflow: hidden;}
    #visual .imgwrap {    width: 110%; left: 50%; transform: translateX(-50%);}

    .subcontent_block{padding: 100px 0;}
    .subcontent_block .container .wrap{gap: 20px;}
    .subcontent_block .container .wrap.top{grid-template-columns: 1fr;margin: 0 0 20px 0;}
    .subcontent_block .container .wrap.bottom{grid-template-columns: 1fr;}
    .subcontent_block .container .wrap .card{padding: 44px;height: auto;min-height: 420px;}
    .subcontent_block .container .wrap .card .name{font-size: 24px;}
    .subcontent_block .container .wrap .card .text{font-size: 17px;line-height: 1.6;}
    .subcontent_block .container .wrap .card img{width: 52%;}
    .subcontent_block .container .wrap .card_4 img{right: 4%;max-width: 45%;}

    
    .subcontent_box .subtitle .main {font-size: 2rem;}

    .subcontent_start .inner .right {width: 170px; bottom: 6px; right: 21px;}
    .subcontent_start .inner .left {width: 310px; bottom: -20%;  left: -10%;}

    .subimgblock .inner .text .title {font-size: 1.8rem;}
    .subimgblock .inner .text .text {font-size: 1.2rem;}

    .add_together .box {gap:60px;}

    #add_arsmessage .add_ivr_blcok .boxwrap .box p {font-size:1.3rem;}
    #add_arsmessage .add_ivr_blcok .boxwrap .box {padding: 40px 40px 0 40px;}

    #add_ars .add_together .box {flex-direction:column-reverse}

    #add_ai .boxwrap .box {padding:30px;}
    #add_ai .boxwrap .box img {height:38px;}

   .pricing_top .pricing-container {padding: 0 }

   .pricing_image .wrap {grid-template-columns: 1fr;width: 100%; max-width:max-content; margin:30px auto 0;}
   .pricing_image .box {width: 100%; max-width: 500px; margin:0 auto;}

   #popup {top:50%; left:50%; transform: translate(-50%, -50%)}


    .chat_allinone { padding: 40px 0; }
    .chat_allinone .inner { flex-direction: column; align-items: center; gap: 50px; }
    .chat_allinone .left { width: 100%; }
    .chat_allinone .right { width: 100%; justify-content: center; }
    .chat_allinone .subtitle { text-align: center; }
    .chat_allinone .right img { max-width: 560px; margin:0 auto; }

     .chat_workflow .workflow_content {  max-width: 540px;  margin: 0 auto;}
}
@media screen and (max-width:860px){
  .pricing_table .des_icon {width: 13px !important;}  
}
@media screen and (max-width:820px){
    .subtitle .main {font-size: 2.1rem;}
    
    #one .subtitle span {padding: 4px 10px;}
    .subtitle span {padding: 4px 10px;}

    #header_m {padding: 4px 0;}
    #header_m .logo a img  {width: 140px;}
    #header_m .menu_btn img {width: 20px;}

   

    #footer .center .wrap {flex-direction: column; gap:10px;}
    #footer .top .wrap > .menu {flex-direction: column; display: flex}
    #footer .top .wrap .menu p {margin: 0}

    .floating {width: 390px; display: flex; align-items: center; justify-content: center; padding:14px;}

    .faq_list .search_wrap { max-width: 590px; height: 80px;}

    #visual {padding:110px 0 0 0;}
    #visual .text h2 {font-size: 2.5rem;}

    .subcontent .menu {top: 59px;}

    .subcontent .title {margin: 0 0 40px 0;}
    .subcontent .title h2{font-size: 2rem;}
    .subcontent .title p {font-size: 1.2rem;}
    .subcontent_tab .tabmenu span {font-size: 1.2rem;}
    .subcontent_tab .wrap {margin: 40px 0 0 0;}
    .subcontent_tab .textwrap .name {font-size: 1.9rem;}
    .subcontent_tab .textwrap .text {font-size: 1.2rem;}
    .subcontent_tab .tagwrap {margin:30px 0 0 0;}
    

    .subcontent_visual {    padding: 130px 0 0 0;}
    .subcontent_visual p.main {font-size: 2.8rem;}

    .subfixedmenu.on {top:58px;}

    .addtitle {font-size: 1.7rem;}
    .addtitle_sub {font-size: 1.3rem;}

    .add_chat_sec .wrap {flex-direction: column; gap:20px;}
    .add_chat_sec .wrap .left {width: 100%; padding: 40px 40px;}
    .add_chat_sec .wrap .left .dummy {margin: 13px 0 0 0;}
    .add_chat_sec .wrap .left .dummy img {height: max-content}
    .add_chat_sec .wrap .left .dummywrap {flex-direction: row;  justify-content: space-between; margin: 0; }
    .add_chat_sec .wrap .left .name {margin: 0 0 30px 0; text-align: center;}
    .add_chat_sec .wrap .left .name br {display: none; }
    

    .add_chat_sec .wrap .right  {width: 100%}
    .add_chat_sec .wrap .right img {width: 80%}
    
    #add_ars .add_ars_blcok .boxwrap {gap: 20px;}
    #add_ars .add_ars_blcok .box {padding:40px;}
    #add_ars .add_ars_blcok .box img { height:40px;}
    #add_ars .add_ars_blcok .box .name {font-size: 1.2rem; margin: 0 0 15px 0;}
    #add_ars .add_ars_blcok .box .txt {font-size:1rem;}

    #add_ai .addimgbox img {width: 80%;}

    .pricing_table .table-container.fixed {top: -11px;}
}
@media (max-width: 800px){
    #blog_list.blog-hub { padding:120px 0 110px }
    #blog_list .blog-hub__title { margin-bottom:66px; }
    #blog_list .blog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #blog_list .blog-featured__copy h3 {-webkit-line-clamp: 1;}
    #blog_content .blog-detail__title {font-size: 1.8rem;}

    #visual .text h2 {font-size: 2.2rem;}
    #visual .text p {font-size: 1.2rem;}
}
@media (max-width: 768px){
    .subtitle .main {font-size: 1.8rem;}
    .subtitle .sub {font-size: 1.3rem;}

    #visual .text h2 {font-size: 2.6rem;}
    #visual .text a {width:146px; height:52px; font-size: 1.2rem;}
    #visual .text a img {width:20px;}

    #second { padding: 90px 0 0 0; }
    #second .boxwrap { margin: 50px auto 0; gap: 16px; }
    #second .boxwrap .box { padding: 36px; border-radius: 26px; }
    #second .boxwrap .box .text .title { font-size: 1.6rem; margin: 0 0 14px 0; }
    #second .boxwrap .box .text .sub { font-size: 1.05rem; }
    #second .boxwrap .box img { bottom: 16px; }
    #second .boxwrap .box:nth-of-type(2) img { width: 86%; }
    
    #select { padding: 120px 0 90px 0; }
    #select .boxwrap { gap: 18px; margin: 40px 0 0 0; }
    #select .boxwrap .box { padding: 26px; gap: 18px; border-radius: 18px; }
    #select .boxwrap .box .icon img { width: 52px; }
    #select .boxwrap .box .text .title { font-size: 1.15rem; margin: 0 0 12px 0; }
    #select .boxwrap .box .text .sub { font-size: 1.02rem; line-height: 1.35; }

    #one { padding: 90px 0;}
        
    #work { padding: 90px 0; }
    #work .boxwrap.wrap_1 { grid-template-columns: 1fr; gap: 18px; margin-top: 34px; }
    #work .boxwrap.wrap_2 { margin-top: 18px; }
    #work .boxwrap .box { padding: 30px 26px 200px 26px; border-radius: 22px; margin-top: 18px; }
    #work .boxwrap .box .text .name { font-size: 1.4rem; }
    #work .boxwrap .box .text .txt { font-size: 1.05rem; }
    #work .boxwrap .box .text img { right: -6px; }                                                                                  
    #work .boxwrap .box.box_1 img { width: 57%; }
    #work .boxwrap .box.box_2 img { width: 54%; }
    #work .boxwrap .box.box_3 img { width: 74%; }

    #category { padding: 90px 0; }
    #category .subtitle { margin: 0 0 34px 0; }
    #category .boxwrap { grid-template-columns: 1fr; gap: 14px; width:100%; max-width: 400px; margin:0 auto; }
    #category a .text { left: 0; right: 0;  bottom: 0;  padding: 0 20px 40px 20px; align-items: flex-end;
        background: linear-gradient(0deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.0) 100%);  }
    #category a .text .left .name { font-size: 1.35rem; margin: 0 0 6px 0; }
    #category a .text .left .txt { font-size: 1.0rem; }
    #category a .text .right img { width: 36px; }

    .client_tab .wrap {margin:40px auto 0;}

    .client_card { padding: 110px 0; }
    .client_card .subtitle { margin: 0 0 40px 0; }
    .client_card .card { margin: 50px auto 0; gap: 18px; }
    .client_card .card-title { font-size: 22px; margin-bottom: 14px; }
    .client_card .card-description { font-size: 16px; line-height: 1.3; }
    .client_card .card-image img { border-radius: 14px; }

    .subcontent_block .container .wrap .card img {width: 61%;}

    .client_phone .image_wrap {flex-direction:column;}
    .client_phone .image_wrap img:nth-of-type(2) {width: 70%;}
    
    .subimgblock .inner .text .title {font-size: 1.5rem;}
    .subimgblock .inner .text .text {font-size: 1.1rem; line-height: 1.4}

    .add_together .box .text {font-size: 1.1rem;}
    .add_together .box .image img {width: 160px;}

    #add_recom .addimgbox img {width:80%;}

    #add_ai .boxwrap .box img {height:33px;}
    #add_ai .boxwrap .box .name {font-size: 1.1rem;}
    #add_ai .boxwrap .box .txt {font-size: 0.9rem;}

    #blog_content .blog-detail__hero {padding: 82px 0 22px 0;}
    #blog_content .blog-detail__body{ padding:32px 0;  }
    #blog_content .blog-detail__meta { gap:8px; }

    .chat_block .chat-solution__inner {gap: 16px;margin-top: 36px;}
    .chat_block .chat-solution__side {grid-template-columns: 1fr;gap: 16px;}
    .chat_block .feature-card {padding: 36px 26px 24px;border-radius: 20px;gap: 22px;}
    .chat_block .feature-card__title {font-size: 1.55rem;line-height: 1.35;}
    .chat_block .feature-card__description {margin-top: 12px;font-size: 1.05rem;line-height: 1.5;}
    .chat_block .feature-card__media {height: auto;}
    .chat_block .feature-card__media img {height: auto;}
    .chat_block .feature-card__media--large {margin-top: 0;}


    .chat_tabmenu {padding:75px 0;}
    .chat_tabmenu .chat-setting {overflow:visible;}
    .chat_tabmenu .chat-setting__tabs {display:flex;gap: 6px;border-bottom:0;margin:40px 0 0 0;overflow-x:auto;padding:0 0 8px 0;-webkit-overflow-scrolling:touch;justify-content: center;}
    .chat_tabmenu .chat-setting__tabs::-webkit-scrollbar {display:none;}
    .chat_tabmenu .chat-setting__tab {flex:0 0 auto;min-width:150px;padding:14px 18px;border:1px solid #e3e3e3;border-radius:999px;background:#f7f8fa;font-size:1.2rem;color:#777;}
    .chat_tabmenu .chat-setting__tab::after {display:none;}
    .chat_tabmenu .chat-setting__tab.is-active {background:#171717;border-color:#171717;color:#fff;}
    .chat_tabmenu .chat-setting__inner {gap:35px;padding:45px 0;}
    .chat_tabmenu .chat-setting__title {margin:0 0 18px 0;font-size:1.75rem;}
    .chat_tabmenu .chat-setting__description {font-size:1.2rem;}
    .chat_tabmenu .chat-setting__benefits {gap:9px;margin:28px 0 0 0;}
    .chat_tabmenu .chat-setting__benefits li {font-size:1.15rem;gap:9px;}
    .chat_tabmenu .chat-setting__benefits li img {width:24px;height:24px;}
    .chat_tabmenu .chat-setting__visual {width:100%;}

    .chat_scrollanimation {background: linear-gradient(180deg, rgba(229,245,250,1) 0%, rgba(246,247,251,1) 36%);}
    .chat_scrollanimation .inner { width: 100%; padding: 0 20px; box-sizing: border-box; }
    .chat_scrollanimation .toptitle p { font-size: 1.45rem; line-height: 1.45; margin: 0 0 16px 0; }
    .chat_scrollanimation .toptitle img { width: 78%; max-width: 360px; margin: 0 auto 24px; }
    .chat_scrollanimation .scrollwrap { max-width: 100%; margin: 45px auto 0; }
    .chat_scrollanimation .chat_scrollbox {height: 520px;padding: 18px;border-width: 6px;border-radius: 24px;box-shadow: 0 18px 40px rgba(22,49,87,.1);max-width: 480px;}
    .chat_scrollanimation .chat_scrolllist { padding: 8px 6px 70px; }
    .chat_scrollanimation .chat_scrollitem { margin-bottom: 18px; }
    .chat_scrollanimation .chat_scrollitem.state { width: 78%; padding: 22px 0; }
    .chat_scrollanimation .scrollwrap .gradient { height: 130px; bottom: -50px; }

    .chat_application { padding: 80px 0; }
    .chat_application .application_list { grid-template-columns: 1fr; gap: 18px; margin-top: 44px; }
    .chat_application .application_item {min-height: auto;border-radius: 30px;padding: 36px 20px 34px;}
    .chat_application .application_item.green { grid-column: auto; max-width: none; margin: 0; }
    .chat_application .application_img { height: auto; display: flex; align-items: center; justify-content: center; }
    .chat_application .application_txt {padding: 0;text-align: center;}
    .chat_application .application_txt .tit { font-size: 1.35rem; margin-bottom: 10px; }
    .chat_application .application_txt .desc { font-size: 1rem; }
    .chat_application .application_txt .desc br { display: none; }

    .chat_workflow {padding: 30px 0 80px 0;}
    .chat_workflow .inner {padding: 0 20px;}
    .chat_workflow .workflow_tab {margin: 40px 0 0 0;}
    .chat_workflow .workflow_tabmenu {display: flex;justify-content: flex-start;gap: 14px;margin: 45px -20px 30px 0;padding: 0 20px 10px 0;overflow-x: auto;scroll-snap-type: x mandatory;}
    .chat_workflow .workflow_tabmenu::-webkit-scrollbar {display: none;}
    .chat_workflow .workflow_tabbtn {flex: 0 0 240px;padding: 24px 18px;border: 1px solid #e5e5e5;border-radius: 20px;background: #fff;scroll-snap-align: start;}
    .chat_workflow .workflow_tabbtn.active {border-color: #067fff;background: #f7fbff;}
    .chat_workflow .workflow_tabbtn .icon {width: 50px;height: 50px;margin: 0 auto 12px;}
    .chat_workflow .workflow_tabbtn strong {margin: 0 0 7px 0;font-size: 1.05rem;line-height: 1.35;}
    .chat_workflow .workflow_tabbtn p {width: auto;font-size: 0.88rem;line-height: 1.45;}
    .chat_workflow .workflow_content {border-radius: 22pxt;}
    .chat_workflow .workflow_panel {padding: 22px;}

    .chat_numbering {padding: 20px 0 70px;}
    .chat_numbering .numbering_result {margin-top: 36px;}
    .chat_numbering .numbering_compare {flex-direction: column; gap: 18px; max-width: 550px;  margin: 0 auto;}
    .chat_numbering .compare_box {width: 100%; padding: 30px 22px 16px; border-radius: 22px;}
    .chat_numbering .compare_label {height: auto; min-height: 42px; padding: 10px 13px; font-size: 0.95rem; white-space: normal; text-align: center; line-height: 1.35;}
    .chat_numbering .compare_label span {font-size: 0.95rem;}
    .chat_numbering .compare_empty {height: auto;}
    .chat_numbering .compare_empty img {display: block; width: 100%;}
    .chat_numbering .gradient {height: 82px;}
    .chat_numbering .numbering_stats {gap: 0; justify-content: space-between; margin-top: 34px;}
    .chat_numbering .stat_item {min-width: auto; width: 33.333%;}
    .chat_numbering .stat_number {font-size: 3.8rem; letter-spacing: -2px;}
    .chat_numbering .percent {font-size: 1.45rem; padding-bottom: 4px;}
    .chat_numbering .stat_text {font-size: 1rem; line-height: 1.35;}

    .chat_step {padding: 70px 0;}
    .chat_step .boxwrap {display: block;max-width: 430px;margin: 40px auto 0;}
    .chat_step .box {width: 100%;height: auto;padding: 34px 24px 0;border-radius: 24px;}
    .chat_step .box + .box {margin-top: 20px;}
    .chat_step .box .title {font-size: 1.2rem;margin: 0 0 14px 0;}
    .chat_step .box .text {font-size: 0.95rem;line-height: 1.6;}
    .chat_step .box .text br {display: none;}
    .chat_step .box img {position: relative;bottom: auto;right: auto;display: block;width: 100%;margin: 30px 0 0 auto;}
    .chat_step .box:nth-of-type(2) img {width: 100%;}

    .chat_last {padding: 130px 0 110px 0; overflow: hidden;}
    .chat_last .text p {font-size: 1.7rem; line-height: 1.35;}
    .chat_last .text a {width: 210px; height: 54px; font-size: 1.1rem; border-radius: 8px; margin: 24px auto 0;}
    .chat_last img.kakao {width: 20%; top: 55%; left: -2%;}
    .chat_last img.ai {width: 18%; top: -45%; left: 5%;}
    .chat_last img.customer {width: 28%; top: -18%; right: -5%;}
    .chat_last img.mouse {width: 7%; right: 22%; bottom: -20%;}
}
@media screen and (max-width:700px){
    .inner {padding: 0 20px;}
  
    .faq_list .list ul li a .text .block {width: 80px;}
    .faq_list .list ul li a p {width: calc(100% - 80px);}
    .faq_list .search_wrap {max-width:480px;}
    .faq_list .search_wrap select {font-size: 1.2rem; background-size: 12px; width: 160px;}
    .faq_list .search_wrap input[type="search"] {width: calc(100% - 228px);}
   
    #one .boxwrap .box {padding: 230px 20px 36px 20px;}

    .subcontent_start .inner .left {width: 250px;  bottom: auto;  left: -3%; top: -30%;}
    .subcontent_start .inner .right {width: 140px;}

    #add_btn .box_wrap .box {width:calc(50% - 10px);}

    .add_together .box {padding:50px;}

    .addimgbox {padding:30px;}

    #add_ars .add_ars_blcok .box {padding:30px;}
    #add_arsmessage .add_ivr_blcok .boxwrap .box {padding: 40px 30px 0 30px;}
    #add_arsmessage .add_ivr_blcok .boxwrap .box p {font-size: 1.2rem;}
    #add_callback .add_tabmenu .menu {max-width:100%; width:100%; padding:0;} 
    #add_callback .add_tabmenu .menu span {font-size:1.1rem;}

    #add_recom .boxwrap .box .name {font-size: 1.1rem;}
    #add_recom .boxwrap .box .txt  {font-size: 0.9rem;}
    
    .pricing_table .section-row td {padding-left: 14px !important;}
    .pricing_table .feature-table tbody td:first-child {padding-left: 37px;}
    .pricing_table .feature-table thead th {font-size: 1.2rem; padding-bottom: 15px;}
    .pricing_table .feature-table th, .feature-table td {font-size: 0.9rem;}
    .pricing_table .sub-bullet {left: 40px;}
    .pricing_table .sub-item {    padding-left: 60px !important;}

    .pricing_top.new .notice img {width:100%;  max-width: 300px; }

    .pricing_image_pop .container {width:100%; padding:0;} 
    .pricing_image_pop .container img {border-radius:0;}
}

@media (max-width: 1200px) {
  .blog_list .blog_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}