﻿.home-des{font-size:var(--fontsize16);color:var(--introcolor);text-align:center;margin-bottom:10px;text-transform:uppercase}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold7);color:var(--fontcolor);text-align:center;line-height:1.2;text-transform:capitalize}
.home-line{height:1px;margin-top:10px;position:relative}
.home-line::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:36px;height:3px;background:var(--color)}
.contact-list{margin:30px auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-list .contact-item{width:23%;padding:30px 4%;border:solid 1px #EEEEEE;border-radius:10px;transition:all .1s linear}
.contact-list .contact-item:hover{background:var(--color);color:#FFFFFF}
.contact-list .contact-item:hover .contact-item-title,.contact-list .contact-item:hover a{color:#FFFFFF}
.contact-list .contact-item .contact-item-title{font-size:var(--fontsize28,28px);font-weight:var(--fontbold7);color:var(--fontcolor);margin-bottom:20px}
.contact-box{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin-top:50px}
.contact-box .contact-main{width:40%}
.contact-box .contact-main .home-des,.contact-box .contact-main .home-title{text-align:left;line-height:1}
.contact-box .contact-main .home-line::after{transform:none;left:0px}
.contact-box .contact-main iframe{height:350px;}
.contact-box .contact-main .img{width:100%;position:relative}
.contact-box .contact-main .img img{width:100%}
.contact-box .contact-main .img .box{position:absolute;left:0px;bottom:0px;z-index:1;background:var(--color);color:#FFFFFF;display:flex;align-items:center;justify-content:center;width:100%;max-width:450px;min-height:100px;padding-left:20px}
.contact-box .contact-main .img .box .icon{margin-right:20px}
.contact-box .contact-main .img .box .tel{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.contact-box .inquiry-wrap{width:50%;background:#FFFFFF;box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);border-top:6px solid var(--color);padding:40px 3%}
@media (max-width:1440px){.contact-list .contact-item{padding:20px 2%}}
@media (max-width:1280px){.contact-list .contact-item .contact-item-title{font-size:var(--fontsize24)}}
@media (max-width:1024px){.contact-list .contact-item{width:49%;margin-bottom: 2%;}
.contact-box .contact-main{width:100%}
.contact-box .inquiry-wrap{width:100%;margin-top:20px;padding:40px 15px}}
@media (max-width:768px){.contact-list .contact-item{width:100%}
.contact-list .contact-item .contact-item-title{font-size:var(--fontsize20);margin-bottom:10px}}
.wmkcfeedback .inquiry-form input{width:100%;flex:initial;}
.wmkcfeedback .inquiry-form>*+input{margin-left:0;}