@media screen and (max-width:600px){
    .pd_120 {padding: 70px 0}
    #header {padding: 20px 0;}
    #header .logo img {width: 110px;}
    #header .inqu {font-size: 1rem;}

    #crm .inner {border-radius: 60px;}

    #phone .inner {padding: 50px 30px 0 30px; border-radius: 30px;}
    #phone .right .sub_title h4 {margin: 20px 0 0 0;}

    #case img.top {max-width: 240px; margin: 40px auto;}

    #case .btn_wrap {margin:20px auto;}
    #case .btn_wrap div span {width: 22px; height: 22px; font-size: 13px;}
    #case .btn_wrap div {padding: 12px 23px;}
    #case .content_wrap .content {padding: 20px; border-radius: 20px;}
    
    #package .box_wrap_top .box {padding: 40px 20px 50px 20px;}
    #package .box_wrap_top .box .text,
    #package .box_wrap_bottom .box p {font-size: 1rem;}
    #package .box_wrap_bottom .box p span {font-size: 1rem}
    .pc_txt {display: none;} 
    .mo_txt {display: block;}

    #use .box_wrap {gap: 25px;}
    #use .box_wrap .box {border-radius: 20px; padding: 40px; height: max-content;}
    #use .box_wrap .box.img img {width: 100%; height: auto;}
    #use .box_wrap .box.text .right a {position: relative; top: auto; right: auto;}
    
}
@media screen and (max-width:500px){
    #header.fixed .inner {padding: 12px 20px;}
    #header .logo img {width: 90px;}
    #header .inqu {font-size: 0.9rem; width: 66px; height: 30px;}
    
    
    .sub_title h3 {font-size: 1.5rem;}
    

    #visual .text {margin: 50px 0 0 0;}
    #visual .text h2 {font-size: 1.5rem}
    #visual .text p {font-size: 1rem;}
    #visual .image_wrap .back {width: 100%; margin: 20px auto 0;}
    #visual .image_wrap .icon {left: -0.9%;width: 102%;top: 10%;}
    #visual .image_wrap .photo_1 {width: 52%;top: 38%;left: 24.7%;}
    #visual .image_wrap .photo_2 {top: 33%;left: 21%; width: 17%;}
    #visual .image_wrap .bubble_1 {width: 35%;bottom: 15%;left: 3%;}
    #visual .image_wrap .bubble_2 {width: 34%;top: 47%;right: 7%;}

    #customer .right {gap: 40px;}
    #customer .right > div[class^="box_"] {width: 70px; height: 300px;}
    #customer .right > div[class^="box_"] .track {gap: 50px;}

    #custom .tag_wrap {flex-wrap: wrap; gap: 12px; margin: 30px 0 50px 0;}
    #custom .tag_wrap span {padding: 6px 15px;}
    #custom .box_wrap {width: 100%;}
    #custom .box_wrap .box {margin: 0 0 30px 0;}
    #custom .box_wrap .box img {width: 100%;}
    #custom .box_wrap .box .title,
    #custom .box_wrap .box .text {padding: 0 20px;}
    #custom .last {margin: 30px 0 0 0;}

    #crm {padding: 40px 20px;}
    #crm .inner {padding: 60px 0 0 0; border-radius: 30px;}
    #crm .image_wrap img.pc {width: 80%;}
    #crm .image_wrap img.bubble {right: -9%; top: 6%; width: 70%;}
    #crm .image_wrap img.icon {top: 7%; left: 2%; width: 25%;}

    #call {padding: 50px 0 0 0;}
    #call .left .sub_title h4 {    font-size: 1rem;}
    #call .left p.blue {font-size: 1rem;   margin: 30px 0 20px 0;}
    #call .right .back {width: 370px;}

    #share .box_wrap { margin: 70px 0 0 0; padding: 50px 20px 30px 20px;}
    #share .box_wrap .box {padding: 20px;}
    
    #app a {height: 24px;}
    #app a.video_2 {top: 38.2%;left: 49.1%;}
    #app a.video_3-1 {top: 66.8%;left: 19%;}
    #app a.video_3-2 {top: 65.4%;right: 19.7%;}
    #app a.video_4-1 {bottom: 1.4%;left: 20.3%;}
    #app a.video_4-2 {bottom: 1.6%;right: 19.9%;}

    #last .inner {height: 260px;}
    #last p {font-size: 1.1rem;}
    #last .btn_wrap a {gap: 14px; padding: 12px 19px;}
    #last .btn_wrap a img {width: 13px;}

    #footer .top .left a {margin: 0 5px; font-size:0.9rem;}
}