﻿@media(min-width:769px){.contact-list .contact-item {width: 31%;}}
.contactflex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contactflex .contact-l{width: 300px;}
.contactflex .contact-r{width:calc(100% - 320px);padding-left:20px}
.contact-box .inquiry-wrap{width:100%;}
@media (max-width:1024px) {.contactflex>div{width: 100%;}}
   .contact-l .search-input input{width:200px;height:40px;padding-left:10px;font-size:var(--fontsize16);border:none;outline:0}
.contact-l .search-input{top:100%;right:0px;background:#FFFFFF;display:flex;align-items:center;justify-content:space-between;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden;transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.contact-l .search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.contact-l .search-input button{width:40px;height:40px;border:none;outline:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.contact-l .search-input button em{font-size:var(--fontsize22);color:var(--color);font-weight:var(--fontbold6)}
 .common-main{padding-top:20px}
.contact-box{margin-top:20px}
@media (max-width:1024px){.contactflex>div.contact-l ,.contactflex .contact-r{width:100%}
}.kche-t50>div{padding-left:12%}
 @media (min-width:768px){.wmkcfeedback  .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcfeedback input{width:48%}
}