.contact-title{font-size: var(--hometitle);font-weight: var(--fontbold6);text-align: center;text-transform: capitalize;color: var(--fontcolor);}
.contact-text{max-width: 600px;margin: 0px auto;text-align: center;}
.contact-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.contact-list .contact-item{position:relative;background:#FFF;box-shadow:0 3px 21px 0 rgba(222,222,222,.55);border-radius:var(--borderradius);width:32%;padding:20px 30px;display:flex;transition:all .1s linear;margin-bottom:1em;text-align: left;}
.contact-list .contact-item:hover{transform:translateY(-5px)}
.contact-list .contact-item em{font-size:40px;font-weight:var(--fontbold3);color:var(--color)}
.contact-list .contact-item .contact-item-info{flex:1;padding-left:20px}
.contact-list .contact-item .contact-item-info .contact-item-title{font-weight:var(--fontbold6);font-size:var(--fontsize20)}
.contact-list .contact-item .contact-item-info a{color:inherit}
.contact-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch}
.contact-bot>div{width:50%}
.contact-bot .contact-main{background:var(--color);color:#FFFFFF;padding:6% 13% 6% 0;position:relative;z-index:1}
.contact-bot .contact-main::before{content:"";position:absolute;top:0px;right:0px;height:100%;width:calc(1920px / 2);background:#0d1b2a;z-index:-1}
.contact-bot .contact-main .icon{min-width:164px;height:41px;background:#FFFFFF;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;color:var(--color);font-weight:var(--fontbold6);margin-bottom:20px}
.contact-bot .contact-main .contact-h1{font-weight:var(--fontbold7);line-height:1.2;font-size:40px;margin-bottom:20px}
.contact-bot .contact-main .contact-share{display:flex;flex-wrap:wrap;margin-top:20px}
.contact-bot .contact-main .contact-share a{width:42px;height:42px;background:var(--color1);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-right:15px;transition:all .1s linear}
.contact-bot .contact-main .contact-share a:hover{opacity:.8}
.contact-bot .contact-main .contact-share a em{font-size:var(--fontsize18);color:#FFFFFF}
.contact-bot .contact-inquiry{background:#eef5fd;position:relative;z-index:2}
.contact-bot .contact-inquiry::before{content:"";position:absolute;top:0px;left:0px;height:100%;width:calc(1920px / 2);background:#eef5fd;z-index:-1}
.contact-bot .contact-inquiry .wmkcfeedback{position:absolute;right:0px;top:50%;transform:translateY(-50%);background:#FFFFFF;padding:60px 40px;width:110%;}
.contact-bot .contact-inquiry .wmkcfeedback .send-btn{width:100%}
@media (max-width:1280px){.contact-list .contact-item{padding:20px 15px}
.contact-list .contact-item em{font-size:var(--fontsize30)}}
@media (max-width:1024px){.contact-list .contact-item{width:48%}
.contact-bot>div{width:100%}
.contact-bot .contact-inquiry{background:0 0;margin-top:20px}
.contact-bot .contact-main .contact-h1{font-size:32px}
.contact-bot .contact-inquiry .wmkcfeedback{position:static;transform:none;width:100%;padding:0px}
.contact-bot .contact-main::before{display:none}
.contact-bot .contact-inquiry::before{display:none}
.contact-bot .contact-main{padding:30px 15px}}
@media (max-width:768px){.contact-list .contact-item{width:100%}}
@media (min-width:1025px){.common-main{padding-bottom:0;}
.contact-bot .contact-inquiry .wmkcfeedback{padding:20px 30px;}}
@media (max-width:1024px){
.contact-bot .contact-inquiry .inquiry-pc{margin-top:20px}}
.inquiry-pc .wmkcfeedback input.wmkcfb-phone{width:100%;}