.contactbox{padding-top: 120px;}
.contacttop{position: relative;}
.contacttop .imgbg img{display: block;width: 100%;}
.contacttop .imgbgtop{position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);}
.contacttop .l-wrap{position: absolute;transform: translate(-50%, -50%);top: 57%;left: 50%;text-align: center;}
.contacttop .l-wrap .title{color: #fff;font-size: var(--fontsize30);font-weight: bold;margin-bottom: 24px;text-transform: uppercase;}
.contacttop .l-wrap .info{display: flex;justify-content: center;}
.contacttop .l-wrap .item{display: flex;align-items: center;margin: 0 10px;}
.contacttop .l-wrap .item a{color: #fff;text-decoration: none;font-size:24px;}
.contacttop .l-wrap .icon{display: flex;margin-right: 10px;}
.contactbot{margin: 20px 0}
.contactbot .box{display: flex;flex-wrap: wrap;}
.contactbot .item{text-align: center;width: 32%;margin-right: 2%;border-right: 2px #f3f3f3 solid;}
.contactbot .item:last-child{margin-right: 0;border-right: none;}
.contactbot .item div{margin-bottom: 10px;}
.contactbot .item .name{font-size:30px;}
.contactbot .item a{color: #000;text-decoration: none;font-size:24px;}
.contactbot .item .icon{display: flex;justify-content: center;margin-bottom: 0;}
.contact-inquiry{width:100%}
@media (max-width:1024px) {
.contactbot .box{justify-content: space-between;}
.contactbot .item{width: 49%;margin-right: 0;}
.contacttop .imgbgtop img{max-width: 120px;}
.contactbot .avatar img{width: 180px;}
}
@media (max-width:768px) {.contacttop .l-wrap{top:50%}
.contacttop .imgbg img{min-height: 150px;}
.contacttop .imgbgtop{display: none;}
.contacttop .l-wrap .info{display: block;}
.contacttop .l-wrap .item{justify-content: center;}
.contacttop .l-wrap .title{margin-bottom: 0;}
.contactbot .item .name{font-size:24px;}
.contacttop .l-wrap .item a,.contactbot .item a{font-size:18px;}
}
@media (max-width:550px) {.contactbot .item{width: 100%;}
.contactbot .box{display: block;}
.contactbot .item:nth-child(n+2){border-left:none;}
}