﻿.foot-top{display:none}
@media (min-width:1025px){
.common-main>.l-wrap{padding-bottom:60px}}
.contact-left h3{font-size:28px;margin-bottom:20px}
.contact-box{display:flex;gap:10%;justify-content:space-between;align-items:center}
.contact-left{width: 40%;display: flex;flex-direction: column;justify-content: space-evenly;-webkit-box-align: center;align-items: center;height: 100%;background-color: #f5f5f585;padding: 150px 5%;text-align: center;border-radius: 15px;}
.contact-item .icon{margin-bottom:20px}
.contact-right{flex: 1;}
.contact-item .icon em{font-size:40px;line-height:1;color:var(--color)}
.contact-item p,.contact-item p a{font-size:18px;color:#464646}
.contact-right .inquiry-title{font-size:36px;font-weight:600;margin-bottom:20px;line-height: 1;}
.contact-right .inquiry-form .wmkcfb-fileupload,.contact-right .inquiry-form input,.contact-right .inquiry-form textarea{border:1px solid #e9e9e9ba;margin-bottom:20px;width: 49%;}
.contact-item{margin-bottom: 30px;}
.contact-right .inquiry-form{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact-right .inquiry-form textarea{width: 100% !important;}
.contact-right .f-sub{margin-bottom: 25px;}
.contact-text{margin-bottom: 30px;}


@media screen and (max-width: 1640px) {
    .contact-left h3{font-size:26px;margin-bottom:18px}
    .contact-right .inquiry-title{font-size:32px}
    .contact-left{padding:50px 4%}
    .contact-item .icon em{font-size:36px}
    .contact-item p,.contact-item p a{font-size:17px}
}
@media screen and (max-width: 1440px) {
    .contact-box{gap:6%}
    .contact-left h3{font-size:24px;margin-bottom:16px}
    .contact-right .inquiry-title{font-size:30px}
    .contact-left{padding:45px 4%}
    .contact-item .icon em{font-size:34px}
    .contact-item{margin-bottom:25px}
}
@media screen and (max-width: 1280px) {
    .contact-left h3{font-size:22px;margin-bottom:14px}
    .contact-right .inquiry-title{font-size:26px}
    .contact-left{padding:40px 3%}
    .contact-item .icon em{font-size:32px}
    .contact-item p,.contact-item p a{font-size:15px}
    .contact-item{margin-bottom:22px}
}
@media screen and (max-width: 1024px) {
    .contact-box{gap:4%}
    .contact-left{width:45%;padding:35px 3%}
    .contact-left h3{font-size:20px}
    .contact-right .inquiry-title{font-size:24px;margin-bottom:15px}
    .contact-item .icon em{font-size:30px}
    .contact-item{margin-bottom:20px}
}
@media screen and (max-width: 768px) {
    .contact-box{flex-direction:column;gap:0;align-items:stretch}
    .contact-left{width:100%;height:auto;padding:40px 6%}
    .contact-right{width:100%}
    .contact-left h3{font-size:24px;margin-bottom:18px}
    .contact-right .inquiry-title{font-size:24px}
    .contact-item .icon{margin-bottom:12px}
    .contact-item .icon em{font-size:32px}
    .contact-item p,.contact-item p a{font-size:15px}
}