.text-table{
    padding-top: 100px;
}

.text-table p, .text-table h1, .text-table p{
    text-align: center;
}
.text-table > div > p > span{
    color: #EE2255;
}
.text-table > div > p{
    font-size: 22px;
}
.text-table > div > h1 > span{
    color: rgb(54, 54, 54);
    font-size: 4em;
    font-weight: bold;
}

@media screen and (max-width:768px){
    .text-table{
        padding-top: 50px;
    }
    
    .text-table > div > h1 > span{
        font-size: 2em;
    }
}

#process{width:100%;margin:0 auto;padding:0px 0 100px;background-color: #f3f7fb;}
.scon_wid{width:800px;margin:0 auto;font-weight: 600;}
.text{font-size: 16px;color: #fff;font-weight: 500;line-height: 23px;opacity: 0.7;}
.process{margin-left:-20px;font-size:0;}
.process > li{display:inline-block;margin-left:20px;width:calc(33% - 20px);margin-top:20px;text-align:center;vertical-align:top;}
.process > li p.tit{font-size:19px;color:rgb(54, 54, 54);margin-top:20px;}
.process > li p.tit span{background:url("../image/sub/busi_sbg.png") repeat-x left bottom;}
.process > li p.text{color:rgb(54, 54, 54);opacity:1;letter-spacing:-0.5px;margin-top:20px;min-height:80px;margin-bottom:20px;} 
.process img{  border-radius: 30px;}
/* .process li:after {content: '';position: absolute; width: 15px; height: 27px;background: url("../../img/arro.png") no-repeat center center; left: 370px; top: 185px;} */

#contact{width:100%;margin:0 auto;padding:0px 0 100px;background-color: #f3f7fb;}
.contact{margin-left:-20px;font-size:0;}
.contact > li{display:inline-block;margin-left:20px;margin-top: 50px;width:calc(50% - 20px);text-align:center;vertical-align:top;}
.contact > li p.tit{font-size:19px;color:rgb(54, 54, 54);margin-top:20px;}
.contact > li p.tit span{background:url("../image/sub/busi_sbg.png") repeat-x left bottom;}
.contact > li p.text{color:rgb(54, 54, 54);opacity:1;letter-spacing:-0.5px;margin-top:20px;min-height:80px;margin-bottom:20px;} 
.contact img{  border-radius: 30px;}
/* .contact li:after {content: '';position: absolute; width: 15px; height: 27px;background: url("../../img/arro.png") no-repeat center center; left: 370px; top: 185px;} */

.contact .contact-container { display: flex; justify-content: center;}
.contact .contact-box { position: relative; background: white; padding: 40px 10px 40px 10px; border-radius: 12px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); text-align: center; width: 300px; height: 130px;}
.contact .contact-box h3{ font-size: 28px; font-weight: bold;}
.contact .contact-box p{ font-size: 20px;}
.contact .contact-icon { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px;}

@media screen and (max-width:1024px){
    .scon_wid{width:calc(100% - 20px);}
}

@media screen and (max-width:768px){
    #process{padding:0px 0 70px;}
    #contact{padding:0px 0 70px;}
}

@media screen and (max-width:640px){
    .process{margin-left:-10px;font-size:0;}
    .process > li{margin-left:10px;width:calc(50% - 10px);}
    .process > li > span{display:block;border-radius:30px;overflow:hidden;}

    .contact{margin-left:-10px;font-size:0;}
    .contact > li{margin-left:10px;width:calc(100% - 10px);}
    .contact > li > span{display:block;border-radius:30px;overflow:hidden;}
}

@media screen and (max-width:420px){
    .process{margin-left:0px;font-size:0;}
    
    .contact{margin-left:0px;font-size:0;}
}


/* main right_box */
.right_box{position:fixed;right:15px;top:41%;width:145px;height:257px;z-index:9999;transition:all 0.5s;box-shadow:0 3px 30px 7px rgb(0 0 0 / 10%); overflow:hidden; }
.right_box.hide{right:-146px;transition:all 0.5s;}
.right_menu{width:100%;height:100%;position:relative;font-size:0;box-sizing:border-box;margin:0;padding:0;background:#fff;}
.right_menu > div{width:100%;box-sizing:border-box;font-size:0;}
.right_box .scroll_qna a{display:block;line-height:50px;font-size:14px;color:#ffffff;background-color:rgba(22, 23, 37, 0.8);text-align:center;}

.right_box .scroll_channel a{display:block;line-height:30px;font-size:13px;color:#333;text-align:center;border-bottom:1px solid #ddd;}
.right_box .scroll_admin{text-align:center;position:relative;width:100%;height:82px;border-bottom:1px solid #ddd;}
.right_box .scroll_admin_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.right_box .scroll_admin span{font-size:13px;color:#333;}
.right_box .scroll_admin a{width:63px;height:26px;line-height:23px;display:inline-block;text-align:center;box-sizing:border-box;border:1px solid #ddd;font-size:11px;color:#333;font-weight:500;margin-top:10px;}

.right_box .scroll_cs{padding:17px 15px 17px 15px;color:#ffffff;background-color:rgba(22, 23, 37, 0.8);}
.right_box .scroll_cs .cs_num{margin-top:5px;}
.right_box .scroll_cs .cs_num span{font-size:15px;font-weight:700;display:inline-block;position:relative;}
.right_box .scroll_cs .cs_num span + span{margin-left:11px;}
.right_box .scroll_cs .cs_num span + span:before{width:3px;height:3px;content:"";background:#ffffff;position:absolute;top:50%;left:-6px;transform:translateY(-50%);}
.right_box .scroll_cs .cs_mail{font-size:12px;font-weight:500;text-align:center;}
.right_box .scroll_cs .cs_hours{margin-top:10px;}
.right_box .scroll_cs .cs_hours span{font-size:11px;font-weight:500;}
.right_box .scroll_cs .cs_hours .cs_time{display:inline-block;margin-left:10px;position:relative;}
.right_box .scroll_cs .cs_hours .cs_time:before{content:":";font-size:11px;font-weight:500;position:absolute;top:0;left:-6.5px;}
.right_box .scroll_cs .cs_holiday{font-size:11px;font-weight:500;padding-top:3px;display:inline-block;}
.right_box .btn_top{width:100%;margin:0 auto;line-height: 58px;background:#fff;text-align:center;border-top:1px solid #ddd;font-size:12px;}
.right_box .btn_top span{display:block;width:100%;color:#333;font-weight:500;cursor:pointer;}

.right_box .scroll_cs .instar{
    display: flex;
    justify-content: space-between; 
    align-items: center;
    width: 100px;
    text-align: center;
    margin: 0px auto;
    padding-top : 10px;
}

@media screen and (max-width: 1400px){
    .right_box{
        top:55%;
    }
}
@media screen and (max-width: 650px){
    .right_box{
        right: 0px;
        bottom: 0px;
        top: unset;
        height: 200px;
    }
    .right_box .btn_top {
        line-height: 35px;
    }
    .right_box .scroll_cs {
        padding: 8px;
    }
}