/* 애니메이션 */
.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.6s ease-out forwards;}
@keyframes popIn {
    80% {opacity: 1;transform: scale(1.05);}
    100% {opacity: 1; transform: scale(1);}
}


#main_service_crm * {color:#000;letter-spacing: -1px;box-sizing:border-box;font-family:'pre_M'; text-decoration: none;}
#main_service_crm img {display:block;}
#main_service_crm .inner {width: 100%;max-width: 1100px;margin: 0 auto;}
#main_service_crm .main_title {text-align: center;font-size: 46px;font-family: 'pre_B';line-height: 1.3;}
#main_service_crm .sub_title {  text-align: center;  font-size: 26px;  margin: 20px 0 0 0; color: #333; line-height: 1.4;}
#main_service_crm .re_btn {display: flex;align-items: center;justify-content: center;gap: 30px;border: 2px solid #232323;width: max-content;margin: 0 auto;padding: 16px 26px;border-radius: 100px;}
#main_service_crm .re_btn p { font-size: 21px;  font-family: 'pre_SB';}

#main_service_crm #visual {padding: 60px 0 120px 0;}
#main_service_crm #visual img {width: 100%;margin: 50px 0 0 0;}

#main_service_crm #pattern { padding: 90px 0 120px 0; }
#main_service_crm #pattern .image_wrap {display: flex;align-items: center;gap: 20px;margin: 50px 0 50px 0;height: 380px;}
#main_service_crm #pattern .image_wrap img {height: 100%;width: auto;object-fit: contain; min-width: 0;}
#main_service_crm #pattern .text { text-align: center; font-size: 22px; color: #222; line-height: 1.5; }



#main_service_crm #line_tab {padding: 120px 0;/*height: 100vh;*/display: flex;align-items: center;justify-content: center;}
#main_service_crm #line_tab .container {display: flex;gap: 40px;height: 488px;margin: 50px 0 0 0;}
#main_service_crm #line_tab .content {display: none;background: #fafafa;padding: 30px;border-radius: 30px;position: relative;width: calc(50% - 20px);overflow: hidden;}
#main_service_crm #line_tab .content_1 {display: flex;}
#main_service_crm #line_tab .content .text {margin: 30px auto; position: relative; z-index: 2;}
#main_service_crm #line_tab .content .text .title {font-size: 22px; font-family: 'pre_SB'; margin: 0 0 20px 0; text-align: center;}
#main_service_crm #line_tab .content .text .text {font-size: 17px; margin: 4px 0;}
#main_service_crm #line_tab .content .image img {position: absolute;bottom: 0;right: 0;}
#main_service_crm #line_tab .content_1 .image img {width: 85%;}
#main_service_crm #line_tab .content_2 .image img {width: 81%;}
#main_service_crm #line_tab .content_3 .image img {width: 84%;}
#main_service_crm #line_tab .content_4 .image img {width: 88%;}
#main_service_crm #line_tab .content_5 .image img {width: 76%;bottom: 4%;}
#main_service_crm #line_tab .button {width: calc(50% - 20px); display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
#main_service_crm #line_tab .button div {padding: 33px 40px;border-radius: 20px;display: flex;gap: 23px;font-size: 20px;align-items: center;color: #555;cursor: pointer;}
#main_service_crm #line_tab .button div:hover {color: #000}
#main_service_crm #line_tab .button div img {width: 27px; opacity: 0.6;}
#main_service_crm #line_tab .button div.active {background: #fff;color: #000;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;position: relative;border-radius: 20px;}
#main_service_crm #line_tab .button div.active::before { content: ""; position: absolute; inset: 0; padding: 3px; border-radius: 20px; background: linear-gradient(90deg,#4BFB57,#4BD8FF); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
#main_service_crm #line_tab .button div.active img {opacity: 1;}



#main_service_crm #grow { padding: 120px 0; }
#main_service_crm #grow .box_wrap { display: flex; justify-content: space-between; margin: 50px 0 60px 0; gap: 20px; }
#main_service_crm #grow .box_wrap .box { background: #F6F7FB; width: calc(33.33% - 13.3px); padding: 50px 50px 40px 50px; border-radius: 30px; }
#main_service_crm #grow .box_wrap .box .text { font-size: 16px; line-height: 1.4; color: #222; height: 100px; padding: 0 10px; }
#main_service_crm #grow .box_wrap .box .info { margin: 20px 0 0 0; border-top: 1px solid #bbbbbb; padding: 30px 0 0 0; display: flex; gap: 20px; align-items: center; }
#main_service_crm #grow .box_wrap .box .info .image { background: #fff; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 12px; }
#main_service_crm #grow .box_wrap .box .info .image img { width: 70%; }
#main_service_crm #grow .box_wrap .box .info .right p { color: #777; }
#main_service_crm #grow .box_wrap .box .info .right .name { font-size: 16px; font-family: 'pre_SB'; margin: 0 0 6px 0; color: #181818; }


#main_service_crm #table {padding: 120px 0;background: linear-gradient(180deg,rgba(236, 249, 236, 1) 0%, rgba(236, 249, 236, 0) 100%);}
#main_service_crm #table .inner {  max-width: 960px;}
#main_service_crm #table .comparison-table {background: white;border-radius: 20px;padding: 40px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);margin: 50px 0 60px 0;}
#main_service_crm #table .table-header {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;margin-bottom: 32px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e7;}
#main_service_crm #table .column-header {text-align: center;display: flex;align-items: center;justify-content: center;gap: 11px;}
#main_service_crm #table .column-header .right { text-align: left;}
#main_service_crm #table .column-header .right .name { font-size: 17px;  font-family: 'pre_SB';  margin: 0 0 4px 0;}
#main_service_crm #table .column-header .right .text {  font-family: pre_L;}
#main_service_crm #table .feature-row {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;padding: 16px 0;border-bottom: 1px solid #f5f5f7;align-items: center;}
#main_service_crm #table .feature-row:last-child { border-bottom: none; }
#main_service_crm #table .feature-name {display: flex;align-items: center;gap: 23px;color: #1d1d1f;}
#main_service_crm #table .feature-name span {  font-size: 17px;}
#main_service_crm #table .status-icon img {  margin: 0 auto;  width: 26px;}


#main_service_crm #card {  padding: 120px 0;}
#main_service_crm #card .inner {  max-width: 1000px;}
#main_service_crm #card .card {display: flex;align-items: center;gap: 60px;margin: 100px 0 0 0;}
#main_service_crm #card .card.reverse { flex-direction: row-reverse; }
#main_service_crm #card .card.reverse .card-content {  text-align: right;}
#main_service_crm #card .card-content { flex: 1; }
#main_service_crm #card .card-title {font-size: 32px;margin-bottom: 30px;color: #1a1a1a;font-family: 'pre_SB';}
#main_service_crm #card .card-description {font-size: 22px;color: #4a4a4a;line-height: 1.3;font-family: 'pre_R';}
#main_service_crm #card .card-image img {max-width: 460px;height: auto;display: block;width: 100%;}


#main_service_crm #function {background: linear-gradient(180deg,rgba(236, 249, 236, 1) 0%, rgba(236, 249, 236, 0) 100%); padding: 120px 0; }
#main_service_crm #function .container { margin: 70px 0 0 0; }
#main_service_crm #function .container .wrap { display: grid; gap: 30px; }
#main_service_crm #function .container .wrap.top { grid-template-columns: 2fr 3fr; margin: 0 0 30px 0; }
#main_service_crm #function .container .wrap.bottom { grid-template-columns: 6fr 5fr; }
#main_service_crm #function .container .wrap .card { background: #fff; padding: 60px; border-radius: 30px; position: relative; height: 450px; }
#main_service_crm #function .container .wrap .card.blue {background: linear-gradient(180deg,rgba(255, 254, 227, 1) 0%, rgba(177, 246, 221, 1) 100%);}
#main_service_crm #function .container .wrap .card.green {background-color: #ECF9EC;}
#main_service_crm #function .container .wrap .card .name { font-size: 28px; font-family: 'pre_B'; margin: 0 0 15px 0; }
#main_service_crm #function .container .wrap .card .text { font-size: 19px; }
#main_service_crm #function .container .wrap .card img { position: absolute; bottom: 0; right: 0; }
#main_service_crm #function .container .wrap .card_1 img { width: 94%;  bottom: 7%;}


#main_service_crm #flexible { padding: 120px 0; }
#main_service_crm #flexible .box_wrap { display: flex; gap: 30px; justify-content: space-between; margin: 50px 0 0 0; }
#main_service_crm #flexible .box_wrap .box { width: 50%; position: relative; height: 590px; background: #1B1B3A; border-radius: 30px; padding: 50px; }
#main_service_crm #flexible .box_wrap .box .name { color: #fff; font-size: 23px; font-family: 'pre_SB'; }
#main_service_crm #flexible .box_wrap .box .text { color: #fff; font-size: 16px; font-family: 'pre_L'; margin: 15px 0 0 0; line-height: 1.4; opacity: 0.9; }
#main_service_crm #flexible .box_wrap .box img { width: 100%; position: absolute; bottom: 0; left: 0; }


#main_service_crm #twice {padding: 120px 0; }
#main_service_crm #twice .box_wrap { margin: 50px 0 0 0; display: flex; gap: 14px; }
#main_service_crm #twice .box_wrap .box {background: #F6F6F6; border-radius: 30px; width: calc(33.33% - 50px); padding: 42px; height: 287px; position: relative;}
#main_service_crm #twice .box_wrap .box img.cardimg {position: absolute;bottom: 0;right: 0;width: 79%;}
#main_service_crm #twice .box_wrap .box img.cardimg.phone {
    right: 20px;
}
#main_service_crm #twice .box_wrap .box .name { font-size: 19px; font-family: 'pre_SB'; margin: 0 0 10px 0px; }
#main_service_crm #twice .box_wrap .box a { display: flex; align-items: center; gap: 10px; color: #00B374; font-family: 'pre_SB'; font-size: 14px; }
#main_service_crm #twice .box_wrap .box a img { width: 10px; }
#main_service_crm #twice .box_wrap span { width: 150px; display: flex; align-items: center; justify-content: center; }


#main_service_crm #add { padding: 80px 0; }
#main_service_crm #add .box_wrap { display: flex; gap: 20px; margin: 50px 0 50px 0; }
#main_service_crm #add .box_wrap .box { width: 25%; background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 20px; padding: 50px 20px; display: flex; flex-direction: column; align-items: center; }
#main_service_crm #add .box_wrap .box img { height: 60px; margin: 0 0 20px 0; }
#main_service_crm #add .box_wrap .box .name { font-size: 20px; font-family: 'pre_B'; }
#main_service_crm #add .box_wrap .box .text { text-align: center; margin: 13px 0 0 0; color: #555; }


#main_service_crm #step { padding: 120px 0; }
#main_service_crm #step img.mo {display: none;} 
#main_service_crm #step .wrap { display: flex; justify-content: space-between; margin: 50px 0 0 0; }
#main_service_crm #step .box { display: flex; flex-direction: column; align-items: center; }
#main_service_crm #step .box img { width: 120px; }
#main_service_crm #step .box.next img { width: 16px; transform: translateY(49px); }
#main_service_crm #step .box .title { margin: 20px 0 7px 0; font-size: 1rem; font-family: 'pre_B'; }
#main_service_crm #step .box .text { font-size: 1.1rem; }


#main_service_crm #inqu { background: linear-gradient(90deg,#E0FFF3 0%, #EBF4FC 100%); padding: 80px 0; text-align: center; }
#main_service_crm #inqu .title { font-size: 31px; margin: 0 0 15px 0; font-family: 'pre_SB'; }
#main_service_crm #inqu .text { font-size: 25px; font-family: 'pre_L'; }
#main_service_crm #inqu a { background: #222; color: #fff; border-radius: 8px; padding: 13px 23px; font-size: 18px; margin: 30px auto 0; display: inline-block; }

@media screen and (max-width:1300px){
    .fulldiv {width: 100%; left: inherit; margin-left: 0;}
    #sub #content {padding: 0;}

    #main_service_crm #visual {padding: 120px 0;}
    #main_service_crm .inner {padding: 0 20px;}
    #main_service_crm #pattern {padding: 120px 0;}

    #main_service_crm #line_tab .content_1 .image img {width: 90%;}

    #main_service_crm #card {padding: 100px 0;}
    #main_service_crm #card .inner {max-width: 920px;}
    #main_service_crm #card .card {gap: 40px; margin: 80px 0 0;}
    #main_service_crm #card .card-image img {max-width: 420px;}

    #main_service_crm #function {padding: 100px 0;}
    #main_service_crm #function .container {margin: 50px 0 0;}
    #main_service_crm #function .container .wrap {gap: 22px;}
    #main_service_crm #function .container .wrap.top {margin: 0 0 22px;}
    #main_service_crm #function .container .wrap .card {padding: 50px; height: 420px;}
    #main_service_crm #function .container .wrap .card .name {font-size: 26px;}
    #main_service_crm #function .container .wrap .card .text {font-size: 18px;}

    #main_service_crm #flexible {padding: 100px 0;}
    #main_service_crm #flexible .box_wrap {gap: 22px; margin: 40px 0 0;}
    #main_service_crm #flexible .box_wrap .box {height: 540px; padding: 44px; border-radius: 26px;}

    #main_service_crm #twice {padding: 100px 0;}
    #main_service_crm #twice .box_wrap {margin: 40px 0 0;}
    #main_service_crm #twice .box_wrap .box {padding: 36px; height: 270px;}
    #main_service_crm #twice .box_wrap span {width: 120px;}

    #main_service_crm #add {padding: 100px 0;}
    #main_service_crm #add .box_wrap {gap: 16px; margin-bottom: 40px;}
    #main_service_crm #add .box_wrap .box {padding: 44px 18px;}

    #main_service_crm #line_tab .content_2 .image img {width: 88%;}
    #main_service_crm #line_tab .content_3 .image img {width: 74%;}
    #main_service_crm #line_tab .content_5 .image img {width: 87%;}

}
@media screen and (max-width:1030px){
    #main_service_crm #grow .box_wrap .box {padding: 30px}

    #main_service_crm #pattern .image_wrap {margin: 30px 0;}

    #main_service_crm #card {padding: 90px 0;}
    #main_service_crm #card .inner {max-width: 860px;}
    #main_service_crm #card .card {gap: 30px; margin: 70px 0 0;}
    #main_service_crm #card .card-title {font-size: 28px; margin-bottom: 22px;}
    #main_service_crm #card .card-description {font-size: 20px;}
    #main_service_crm #card .card-image img {max-width: 380px;}

    #main_service_crm #function {padding: 90px 0;}
    #main_service_crm #function .container {margin: 40px 0 0;}
    #main_service_crm #function .container .wrap.top {grid-template-columns: 1fr 1fr;}
    #main_service_crm #function .container .wrap.bottom {grid-template-columns: 1fr 1fr;}
    #main_service_crm #function .container .wrap .card {padding: 40px; height: 380px; border-radius: 24px;}
    #main_service_crm #function .container .wrap .card .name {font-size: 24px; margin: 0 0 12px;}
    #main_service_crm #function .container .wrap .card .text {font-size: 17px;}
    #main_service_crm #function .container .wrap .card img {max-width: 79%; height: auto;}

    #main_service_crm #flexible {padding: 90px 0;}
    #main_service_crm #flexible .box_wrap {gap: 18px; margin: 34px 0 0;}
    #main_service_crm #flexible .box_wrap .box {height: 500px; padding: 36px; border-radius: 24px;}
    #main_service_crm #flexible .box_wrap .box .name {font-size: 21px;}
    #main_service_crm #flexible .box_wrap .box .text {font-size: 15px;}
    #main_service_crm #flexible .box_wrap .box .text br {display: none;}

    #main_service_crm #twice {padding: 90px 0;}
    #main_service_crm #twice .box_wrap {gap: 10px;}
    #main_service_crm #twice .box_wrap .box {width: calc(33.33% - 40px); padding: 30px; height: 250px; border-radius: 24px;}
    #main_service_crm #twice .box_wrap .box .name {font-size: 18px;}
    #main_service_crm #twice .box_wrap .box > img {width: 72%;}
    #main_service_crm #twice .box_wrap span {width: 100px;}

    #main_service_crm #add {padding: 90px 0;}
    #main_service_crm #add .box_wrap {  flex-wrap: wrap;  gap: 18px; }
    #main_service_crm #add .box_wrap .box {  width: calc(50% - 9px);   padding: 40px 20px;    }
    #main_service_crm #add .box_wrap .box .name {font-size: 19px;}
}
@media screen and (max-width:1000px){
    #main_service_crm .main_title {font-size: 36px}
    #main_service_crm #visual {padding: 110px 0 0 0}
    #main_service_crm #visual .main_title span {font-size: 36px;}
    #main_service_crm #visual .back {height:  490px;}

    /* #main_service_crm #line_tab {padding: 90px 0; height: auto;}
    #main_service_crm #line_tab .container {flex-direction: column-reverse; height: auto; gap: 22px;}
    #main_service_crm #line_tab .content {width: 100%; min-height: 580px;}
    #main_service_crm #line_tab .button {width: 100%; height: auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 18px;}
    #main_service_crm #line_tab .button div {width: calc(50% - 9px); padding: 22px; font-size: 18px; border-radius: 16px; gap: 14px;}
    #main_service_crm #line_tab .button div img {width: 24px;}
    #main_service_crm #line_tab .content_1 .image img {width: auto;height: 61%;}
    #main_service_crm #line_tab .content_2 .image img {width: auto; height: 61%;}
    #main_service_crm #line_tab .content_3 .image img {width: auto; height: 61%;}
    #main_service_crm #line_tab .content_5 .image img {width: auto; height: 61%;} */

    #main_service_crm #line_tab {padding: 70px 0;}
    #main_service_crm #line_tab .container {margin: 28px auto; height: auto; gap: 14px; flex-direction: column-reverse; width: 100%; max-width: 700px;}
    #main_service_crm #line_tab .content {width: 100%; min-height: 520px;}
    #main_service_crm #line_tab .content .text {margin: 14px 0 0;}
    #main_service_crm #line_tab .content .text .title {font-size: 18px; margin: 0 0 12px;}
    #main_service_crm #line_tab .content .text .text {font-size: 15px;}
    #main_service_crm #line_tab .button {width: 100%; height: auto; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; gap: 10px; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch;}
    #main_service_crm #line_tab .button div {width: auto; min-width: 240px; padding: 16px; font-size: 15px; border-radius: 14px; }
   
    #main_service_crm #line_tab .button div img {width: 20px;}
    #main_service_crm #line_tab .content_1 .image img {width: 84%;}
    #main_service_crm #line_tab .content_2 .image img {width: 78%;}
    #main_service_crm #line_tab .content_5 .image img {width: 71%;}
    
}
@media screen and (max-width:900px){
    #main_service_crm #grow .box_wrap {flex-direction: column;        align-items: center;}
    #main_service_crm #grow .box_wrap .box {width: 100%; max-width: 400px;}
    #main_service_crm #grow .box_wrap .box .text { text-align: center; height: auto;}
    #main_service_crm #grow .box_wrap .box .info {justify-content: center;}

    #main_service_crm #function .container .wrap .card {height: 340px;}

    #main_service_crm #pattern .image_wrap {height: auto;}

    #main_service_crm #step img.mo {display: block;width: 100%; max-width: 500px; margin: 40px auto;}
    #main_service_crm #step .wrap {display: none;}
    
}
@media screen and (max-width:800px){
    #main_service_crm .main_title {font-size:31px}
    #main_service_crm .sub_title {font-size: 20px;}

    #main_service_crm #visual {padding: 80px 0 0 0;}
    #main_service_crm #visual .back {height: 400px;}
    #main_service_crm #visual .main_title span {font-size: 31px;}

    #main_service_crm #line_tab .button div {width: 100%;}

    #main_service_crm #table .table-header,
    #main_service_crm #table .feature-row {    grid-template-columns: 2fr 1fr 1fr;}

    #main_service_crm #card .card-title {font-size: 24px;}
    #main_service_crm #card .card-description {font-size: 16px;}

    #main_service_crm #function .container .wrap .card {height: 310px;}

    #main_service_crm #flexible .box_wrap {flex-direction: column; }
    #main_service_crm #flexible .box_wrap .box {width: 100%; max-width: 450px; margin: 0 auto;}

    
}
@media screen and (max-width:770px){
    #main_service_crm #line_tab .content {min-height: 550px;}

    #main_service_crm #card {padding: 70px 0;}
    #main_service_crm #card .inner {max-width: 92%;}
    #main_service_crm #card .card {flex-direction: column; align-items: flex-start; gap: 18px;width: 100%; max-width: 500px; margin: 50px auto;}
    #main_service_crm #card .card.reverse {flex-direction: column;} 
    #main_service_crm #card .card-content {width: 100%; text-align: center;}
    #main_service_crm #card .card.reverse .card-content { text-align: center;}
    
    #main_service_crm #card .card-image {width: 100%;}
    #main_service_crm #card .card-image img {max-width: 100%; width: 100%;}

    #main_service_crm #line_tab .content .image img {width: auto !important;}
    #main_service_crm #line_tab .content {min-height: 550px;}
    #main_service_crm #line_tab .content_1 .image img {height: 70%;}
    #main_service_crm #line_tab .content_2 .image img {height: 70%;}
    #main_service_crm #line_tab .content_3 .image img {height: 63%;}
    #main_service_crm #line_tab .content_4 .image img {height: 63%;}
    #main_service_crm #line_tab .content_5 .image img {height: 63%;}

    #main_service_crm #function {padding: 70px 0;}
    #main_service_crm #function .container {margin: 28px 0 0;}
    #main_service_crm #function .container .wrap.top,
    #main_service_crm #function .container .wrap.bottom {grid-template-columns: 1fr; margin: 0;}
    #main_service_crm #function .container .wrap.top {margin: 0 0 18px;}
    #main_service_crm #function .container .wrap .card {padding: 28px; height: auto; min-height: 260px; border-radius: 20px;}
    #main_service_crm #function .container .wrap .card img {width: 50%; max-width: 48%; right: 12px; bottom: 8px;}

    #main_service_crm #twice {padding: 70px 0;}
    #main_service_crm #twice .box_wrap {flex-direction: column; align-items: center; gap: 14px; margin: 30px 0 0;}
    #main_service_crm #twice .box_wrap .box {width: 100%; max-width:570px; height: auto; min-height: 240px; padding: 28px; border-radius: 20px; padding-bottom: 160px;}
    #main_service_crm #twice .box_wrap .box > img {position: absolute; bottom: 0; right: 0; width: 250px;}
    #main_service_crm #twice .box_wrap span {width: auto; height: 40px;}
    #main_service_crm #twice .box_wrap span img {width: 26px;}
    #main_service_crm #twice .box_wrap .box img.cardimg {width: 42%;}

    #main_service_crm #add {padding: 70px 0;}
    #main_service_crm #add .box_wrap {margin-bottom: 34px;}
    #main_service_crm #add .box_wrap .box {   padding: 34px 18px;  border-radius: 18px; }
    #main_service_crm #add .box_wrap .box .name {font-size: 18px;}
    #main_service_crm #add .box_wrap .box .text {font-size: 14px; line-height: 1.4;}

}

@media screen and (max-width:700px){
    #main_service_crm #table .feature-name {gap: 17px}
    #main_service_crm #table .feature-name span {font-size: 15px;}   
    #main_service_crm #table .feature-name .feature-icon img {width: 17px;}
    #main_service_crm #table .table-header,
    #main_service_crm #table .feature-row {grid-template-columns: 1.5fr 1fr 1fr;}

    #main_service_crm #line_tab .content {min-height:460px;}
    
}
@media screen and (max-width:600px){
    #main_service_crm .re_btn p {font-size: 17px;}
    #main_service_crm img {width: 25px;}

    #main_service_crm .main_title {font-size:20px}
    #main_service_crm .sub_title {font-size: 16px;}


    #main_service_crm #visual .main_title span {font-size: 20px;}
    #main_service_crm #visual .image {margin:0;}
    #main_service_crm #visual .back {height:290px;}
    #main_service_crm #visual img {margin: 30px 0 0 0;}

    
    #main_service_crm #pattern {padding: 60px 0 70px 0;}
    #main_service_crm #pattern .image_wrap {margin: 30px 0; flex-direction: column; align-items: flex-start}
    #main_service_crm #pattern .text {font-size: 15px;}

    #main_service_crm #line_tab {padding: 50px 0;}
    #main_service_crm #line_tab .content .text .title {text-align: left;}
    #main_service_crm #line_tab .content {min-height: 380px;}
    #main_service_crm #line_tab .content_1 .image img {height: 57%;}
    #main_service_crm #line_tab .content_2 .image img {height: 62%;}
    #main_service_crm #line_tab .content_3 .image img {height: 53%;}
    #main_service_crm #line_tab .content_4 .image img {height: 53%;}
    #main_service_crm #line_tab .content_5 .image img {height: 53%;}

    #main_service_crm #grow {padding: 50px 0;}
    #main_service_crm #grow .box_wrap .box {animation-delay: none !important;}

    #main_service_crm #table {padding: 50px 0;}
    #main_service_crm #table .comparison-table {padding: 20px;}
    #main_service_crm #table .column-header img {display: none;}

    #main_service_crm #card {padding: 50px 0;}
    #main_service_crm #card .card {margin: 40px 0 0; gap: 14px;}
    #main_service_crm #card .card-title {font-size: 18px; margin-bottom: 14px; line-height: 1.2;}
    #main_service_crm #card .card-description {font-size: 15px; line-height: 1.3;}

    #main_service_crm #function {padding: 70px 0;}
    #main_service_crm #function .container .wrap {gap: 14px;}
    #main_service_crm #function .container .wrap.top {margin: 0 0 14px;}
    #main_service_crm #function .container .wrap .card {padding: 22px; min-height: 280px;}
    #main_service_crm #function .container .wrap .card .name {font-size: 20px;}
    #main_service_crm #function .container .wrap .card .text {font-size: 15px; line-height: 1.35;}
    #main_service_crm #function .container .wrap .card img {max-width: 280px; width: 280px; right: 10px; bottom: 6px;}

    #main_service_crm #flexible .box_wrap .box {height: 440px;}

    #main_service_crm #twice {padding: 50px 0;}
    #main_service_crm #twice .box_wrap {margin: 24px 0 0; gap: 12px;}
    #main_service_crm #twice .box_wrap .box {padding: 22px; min-height: 220px; padding-bottom: 140px;}
    #main_service_crm #twice .box_wrap .box .name {font-size: 18px;}
    #main_service_crm #twice .box_wrap .box a {font-size: 13px;}
    #main_service_crm #twice .box_wrap .box > img {width: 49%; object-fit: contain;}
    #main_service_crm #twice .box_wrap span img {width: 22px;}
    #main_service_crm #twice .box_wrap .box img.cardimg {width:52%;} 

    #main_service_crm #add {padding: 50px 0;}
    #main_service_crm #add .box_wrap .box {padding: 26px 16px;  }
    #main_service_crm #add .box_wrap .box .name {font-size: 20px;}
    #main_service_crm #add .box_wrap .box .text {font-size: 15px;}
    #main_service_crm #add .box_wrap .box img {height: auto; width: 45px;}

    #main_service_crm #inqu .title {font-size: 23px;}
    #main_service_crm #inqu .text {font-size: 18px;}

    #main_service_crm #step {padding: 60px 0;}

}