@media screen and (max-width:1400px){
    .inner {padding: 0 40px;}
    .new_quickmenu {padding: 14px 0 0px 0;}
    .new_quickmenu a {width: 78px; height: 85px;}
    .new_quickmenu a p {font-size: 12px;}

    #header.fixed .inner {padding: 20px;}

    #solution {padding: 100px 20px;}
    #solution .inner {padding: 0;}

    #custom .top {flex-direction: column; align-items: center; text-align: center;}
    #custom .top .left {width: 100%; max-width: 400px;}
    #custom .top .right {width: 100%;}
    #custom .top .right .box_wrap .box {padding: 30px; height: max-content;}
    #custom .bottom {flex-direction: column; align-items: center; text-align: center;}
    #custom .bottom .left {padding: 0; width: 100%; max-width: 800px;}
    #custom .bottom .right {width: 100%; max-width: 420px;}
    #custom .bottom .right img {width: 100%;}
}
@media screen and (max-width:1200px){
    .sub_title h3 {font-size: 1.7rem;}
    
    #visual .main .container {padding: 40px 7vw 130px 7vw;}
    #visual .text h2 {font-size: 2.5rem;}
    #visual .text h2 span {font-size: 2.5rem;}
    #visual .text p {font-size: 1.3rem; margin: 30px 0 0 0;}
    #visual .corpor .marquee .track {margin: 20px 0;}
    #visual .corpor .marquee .track img {height: 37px;}
    
    #solution .bubble_1 {width: 27%; top: 47%;}
    #solution .bubble_2 {width: 28%; bottom: 26%;}
    #solution .bubble_3 {width: 27%; bottom: 9%;}
    #solution .bubble_4 {width: 27%; bottom: 8%;}

    #block {padding: 60px 0;}
    #block .con_3 .box,
    #block .container {border-radius: 40px;}
    #block .container .right p {font-size: 1.3rem; line-height: 1.3;}
    #block .con_3 .box_1 p {font-size: 1.3rem; line-height: 1.3;}
    #block .con_3 .box p {font-size: 1.3rem; line-height: 1.3;}
    #block .con_3 .box .right {position: inherit; width: 50%;}
    #block .con_3 .box_2 {position: relative;}
    #block .con_3 .box .right .phone {width: 100%; position: absolute; bottom: 0; right: 0;}

    #solution .bubble {display: none;}
    #solution .mo_text {display: block; margin: 30px 0 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 0 40px; }
    #solution .mo_text .box .title { padding: 0 10px 20px 10px; border-bottom: 1px solid #b1b1b1; margin: 0 0 20px 0; font-size: 1.4rem; font-family: 'pre_B'; color: #111; }
    #solution .mo_text .box .text { font-size: 1.1rem; color: #505050; padding: 0 10px; }
    #solution .mo_text .box .text span {font-family: pre_sb}

    #footer .top,
    #footer .bottom {flex-direction: column; align-items: center;}
    #footer .bottom .right {margin: 30px 0 0 0;}
    #footer .top .right {margin: 30px 0 0 0;}

    #case .box {flex-direction: column; text-align: center; align-items: center; margin: 10px 0;}
    #case .box .text {margin: 0 0 30px 0;}
    #case .box .text p {font-size: 1.2rem;}
    #case .box .image {width: 100%;}

    #package{padding:100px 0;}
    #package .main_service{padding:44px 28px; margin:32px 0 0 0;}
    #package .main_service .title{font-size:1.45rem; text-align:center;}
    #package .add_service .box_wrap{padding:26px; gap:16px;}
    #package .add_service .box_wrap .box{padding:34px;}

    #bk_image{padding:60px 0;}
    #bk_image .inner .box{height:340px; border-radius:34px; margin:22px 0;}
    #bk_image .inner .box .image{left:8%;}
    #bk_image .inner .box_2 .image{left:10%;}
    #bk_image .inner .box .image img{height:280px;}
    #bk_image .inner .box .text{right:8%; gap:28px;}
    #bk_image .inner .box .text .title{font-size:1.65rem; margin:0 0 16px 0;}

    #application img {width: 100%;}
    #application a.video_2-1 {left: 24.3%;}
    #application a.video_2-2 {top: 59.9%;right: 24.3%;}
    #application a.video_3 {bottom: 2.4%; right: 76.8%;}
    #application a.video_4-1 {bottom: 2.4%; right: 41.4%;}
    #application a.video_4-2 {bottom: 2.4%; right: 8.9%;}

}

@media screen and (max-width:1024px){
    .inner {padding: 0 20px;}

    #fixed_header .inner { padding:20px 20px; }
    #fixed_header .menu { gap:24px; }
    #fixed_header .menu ul { gap:24px; }
    #fixed_header .logo img { width:120px; }

    #solution .sub_title {width: 100%;}
    #solution .mo_text .box .text {font-size: 1rem;}

    #footer .top .left {display: block;}
    #footer .top .left .logo {margin: 0;}
    #footer .top .left .logo img {margin: 0 auto 30px;}
    #footer .top .left a {margin: 0 10px;}
    #footer .bottom .left {grid-template-columns:  1fr;}
    #footer .bottom .right {margin: 40px 0 0 0;}

    #block p .icon {width: auto !important; height: 16px;}

    #block .container { padding: 40px 0 0 0; justify-content: center; gap: 40px;}
    #block .container .left .phone { width: 45%; }
    #block .container .left {width: auto;}
    #block .container .left .phone {width: 65%}

    #block .container .right {width: auto;}
    #block .container .right p {font-size: 1.2rem;}

    #block .con_1 .left .float {width: 61%; bottom: 0;}
    #block .con_2 .left .float {width: 73%; left: 38%; bottom: -6%;}

    #block .con_3 {flex-direction: column;}
    #block .con_3 .box { padding: 70px 40px; width: 100%;}
    #block .con_3 .box p {margin: 0;}
    #block .con_3 .box .left {width: auto;}
    #block .con_3 .box .right {width: auto;}
    #block .con_3 .box .right .phone {position: relative; width: 66%; right: -22%;}
    #block .con_3 .box .right .float {width:70%; right:23%;}
    
    #block .con_3 .box_1 {background-color: #fff; display: flex; justify-content: center; gap: 40px; align-items: center;}
    #block .con_3 .box_1 p {color: #111; font-size: 1.2rem;}
    #block .con_3 .box_1 img {margin: 0;}
    #block .con_3 .box_2 { padding: 40px 40px 0 40px; justify-content: center; gap: 40px;}
    #block .con_3 .box_2 p {margin:60px 0 0 0; font-size: 1.2rem;}

    #share .box_wrap{flex-wrap:wrap;gap:20px;margin:90px 0 0 0;}
    #share .box_wrap .title{top:-60px;}
    #share .box_wrap .box{width:100%; max-width: 500px; padding:18px; margin: 0 auto;}
    #share .box_wrap .box .image_wrap{height:240px;padding:24px;}
    #share .box_wrap .box .image_wrap img {max-width: 70%}
    #share .box_wrap .box p{font-size:1.2rem;line-height:1.3;}


    #package{padding:90px 0;}
    #package .main_service{border-radius:26px;}
    #package .main_service::before{padding:2.5px;}
    #package .main_service .title{font-size:1.35rem; line-height:1.25;}
    #package .main_service .text{font-size:0.98rem; line-height:1.45; padding:0 10px;}

    #package .add_service .box_wrap{
        grid-template-columns:1fr;
        padding:24px;
        border-radius:32px;
        outline-offset:-3px;
        gap:14px;
    }
    #package .add_service .box_wrap .box{padding:28px; border-radius:26px;}
    #package .add_service .box_wrap .box .left img{width:54px; height:auto; display:block;}

    #bk_image{padding:52px 0;}
    #bk_image .inner .box{ height:auto; min-height:420px; border-radius:28px; margin:18px auto; padding:56px 50px 50px 50px; width: 100%; max-width: 530px;}
    #bk_image .inner .box .backimg img{height:100%; object-fit:cover;}
    #bk_image .inner .box .image{ position:inherit; left: inherit; }
    #bk_image .inner .box .image img{height:240px; margin: 0 auto;}
    #bk_image .inner .box .text{
        position:relative; top:auto;  right:auto;  transform:none; justify-content:space-between; align-items:flex-start;
        gap:14px; padding:40px 0 18px 0;
    }
    #bk_image .inner .box .text .text_wrap{text-align:left;}
    #bk_image .inner .box .text .title{font-size:1.35rem; margin:0 0 10px 0;}
    #bk_image .inner .box .text .txt{font-size:0.95rem; line-height:1.5;}
    #bk_image .inner .box .text .arrow{width:38px; height:38px; flex:0 0 auto;}


    #last{height:520px;}
    #last .inner .text{width:min(92%, 760px);padding:0 10px;}
    #last .inner .text > p{font-size:1.9rem;line-height:1.35;word-break:keep-all;}

}
@media screen and (max-width:820px){
    .floating { width: 140px; padding: 13px 0; justify-content: center}
    .floating.on {bottom: 20px;}
    .floating p {display: none;}
    .floating span { font-size: 1rem;}
}

@media (max-width:768px){
    .sub_title h3 {font-size: 1.8rem;}
    .pd_120 {padding: 60px 0;}

    #fixed_header .inner { padding:16px 20px; }
    #fixed_header .logo img { width:110px; }
    #fixed_header .menu .inqu {  padding:6px 14px;   font-size:0.85rem; }

    #visual .corpor {padding: 80px 0 90px 0;}
    #visual .corpor .marquee .track {margin: 10px 0;}
    #visual .corpor .marquee .track img {height: 32px;}

    #solution .mo_text {padding: 0; gap: 40px;}
    #solution .sub_title h3 {font-size: 1.5rem;}

    #block .sub_title { margin: 0 0 30px 0; text-align: center; }
    #block .container { flex-direction: column; border-radius: 30px; margin: 20px 0; gap: 20px;}
    #block .container .left { width: 100%; }
    #block .container .right { width: 100%; padding: 0 20px 40px; text-align: center; }
    #block .container .right p { margin: 30px 0 0 0; }
    #block .container .left .phone { width: 35%; }
    #block .con_1 .left .float { width: 37%; bottom: -5%; left: 41%; }
    #block .con_2 .left .float { width: 39%; bottom: -8%; left: 55%; }
    #block .con_3 { flex-direction: column; gap: 20px; }
    #block .con_3 .box_1 { width: 100%; }
    #block .con_3 .box_1 p { margin: 0 0 20px 0;}
    #block .con_3 .box_1 img { margin: 0; }
    
    #block .con_3 .box_2 { width: 100%; flex-direction: column; padding: 40px 20px 0; gap: 20px; }
    #block .con_3 .box_2 p {margin: 0;}
    #block .con_3 .box_2 .left { width: 100%; text-align: center; }
    #block .con_3 .box_2 .right { width: 100%; margin-top: 30px; }
    #block .con_3 .box_2 .right .phone { width: 40%; left: 50%; transform: translateX(-50%); }
    #block .con_3 .box_2 .right .float { width: 44%; right: 15.5%; bottom: -4%; }
    
    #share .box_wrap{flex-direction:column;gap:14px;margin:70px 0 0 0;}
    #share .box_wrap .title{  position:static;  transform:none;  margin:0 auto 12px; height:40px; border-radius:10px;}
    #share .box_wrap .box{width:100%;padding:16px;border-radius:18px;}
    #share .box_wrap .box .name{width:76px;height:32px;font-size:1.2rem;}
    #share .box_wrap .box .image_wrap{height:auto;min-height:160px;padding:20px 18px;margin:14px 0;}
    #share .box_wrap .box .image_wrap img{max-width:260px;width:100%;}
    #share .box_wrap .box p {font-size: 1rem;}

    #custom .top .right .box_wrap {flex-direction: column; align-items: center; width: 100%; max-width: 400px; margin: 0 auto; height: auto;}
    #custom .top .right .box_wrap .box {width: 100%;}
    #custom .top .right .box_wrap .box img {float: inherit; margin: 30px auto 0;}
    #custom .bottom .left .text {margin: 0 0 30px 0;}
    #custom .bottom .left .box_wrap {flex-direction: column; align-items: center; width: 100%; max-width: 400px; margin: 0 auto; height: auto;}
    #custom .bottom .left .box_wrap .box {width: 100%;}
    #custom .bottom .left .box_wrap .box img {position: inherit; right: inherit; bottom: inherit; width: 100%;}
    #custom .bottom .left .box_wrap .box .name {margin:0 0 20px 0;}

    #package{padding:72px 0;}
    #package .sub_title h3{font-size:1.4rem;}
    #package .main_service{padding:34px 18px; margin-top:24px; border-radius:22px;}
    #package .main_service>span{margin:0 0 10px 0; font-size:0.95rem;}
    #package .main_service .title{font-size:1.2rem; margin:0 0 14px 0;}
    #package .main_service .text{font-size:0.95rem;}
    #package .add_service .text_gr{margin:34px 0 10px 0; font-size:1.05rem;}

    #package .add_service .box_wrap{padding:18px; border-radius:26px; outline-offset:-3px;}
    #package .add_service .box_wrap .box{ padding:22px 18px; gap:14px;    }
    #package .add_service .box_wrap .box .right .title{font-size:1.05rem;}
    #package .add_service .box_wrap .box .right .text{font-size:0.95rem; line-height:1.45;}

    #last .inner .text > p {font-size: 1.6rem;}
}