.about-box{display: flex;justify-content: space-between;}
.about-box .ab-outside{background: #fff;padding: 20px 0;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);border-radius: 10px;}
.about-box .ler-nav{width: 20%;}
.about-box .rel-list{width:78%;padding: 40px;}
.about-box .ler-nav .agre-eme:not(:first-child){margin-top: 50px;}
.about-box .ler-nav .ab-title{height: 25px;display: flex;align-items: center;padding: 0 20px;}
.about-box .ler-nav .ab-title img {height: 100%;}
.about-box .ler-nav .ab-title span{font-weight: bold;padding-left: 10px;}
.about-box .ler-nav .ab-nav{padding-top: 20px;}
.about-box .ler-nav .ab-nav li{position: relative;margin-bottom: 10px;}
.about-box .ler-nav .ab-nav li a{padding: 0 20px;display: flex;align-items: center;font-size: 14px;color: #666;line-height: 40px;}
.about-box .ler-nav .ab-nav li .ler-d{background: #fff;}
.about-box .ler-nav .ab-nav li .icon-drop{width: 5px;height: 5px;background: #666;border-radius: 20px;margin-right: 10px;}
.about-box .ler-nav .ab-nav li:hover a{color: var(--btn-theme);}
.about-box .ler-nav .ab-nav li:hover .icon-drop{background: var(--btn-theme);}
.about-box .ler-nav .ab-nav .ab-active a{background: #F6F6F6;color: var(--btn-theme);}
.about-box .ler-nav .ab-nav .ab-active .icon-drop{background: var(--btn-theme);}
.about-box .ler-nav .ab-nav .ler-d{display: block;position: absolute;left: 0;width: 4px;height: 100%;background: var(--btn-theme);top: 0;}
.about-box .rel-list .ab-title h3{font-weight: bold;}
.about-box .rel-list .ab-cont>div .mail{color:#d28f00;cursor: pointer;}
.about-box .ab-cont .ab-title{font-weight: bold;}
.about-box .ab-cont .online-service {padding: 7px 23px; font-weight: bold;color:#000;border-radius: 41px;font-size: 13px;position: relative; margin-left: 12px;display: flex;justify-items: center;align-items:center;}
.about-box .ab-cont .online-service img {width: 22px;}
.about-box .ab-cont .online-warp {display: flex; padding-top: 19px;align-items: center; font-weight: bold;}
.about-box .ab-cont p{padding:5px 0px;font-size: 14px; line-height: 30px;}
.about-box .cont-top p{padding:15px 0px;font-size: 14px; line-height: 34px;}
.about-box .ab-cont{padding:0px}
.about-box .ab-cont .ab-title-big{font-size: 16px;padding-top: 30px;font-weight: bold;}
.about-box .ab-cont .font-red{color: brown;}
.about-tab{display: none;}

@media screen and (max-width:768px){
body{background: #fff;}
.about-box{display: block;}
.about-box .ler-nav{width: 100%;margin-bottom: 10px;display: none;}
.about-box .rel-list{width: 100%;padding: 12px;box-shadow: none;border-radius: 0;}
header{display: none;}
.mt-3{display: none;}
.about-box .rel-list .ab-title h3{display: none;}
.about-tab{padding:12px;display: flex;padding-top:0px;}
.about-tab a{font-size: 14px;background: #f5f5f5;padding:10px;flex: 1;    border-radius: 5px;    margin: 0px 8px;text-align: center;}
.about-tab .active{font-weight: bold;}
.about-box .ab-cont p { line-height: 26px;}
}