/* Contact ====================================================================*/
.contact-data { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
.contact-data div { width: 50%; }
.contact-data .map { position: relative; padding-top: 28%; padding-bottom: 0px; }
.contact-data .map iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.contact-information { width: calc(50% - 40px); padding: 6px 0 0 40px; font-size: 15px; }
.contact-information a { color: #5C646F; }
.contact-information [class^="cu-"] { position: relative; padding: 8px 0 8px 23px; }
.contact-information [class^="cu-"]:before { font-family: FontAwesome; content: ''; position: absolute; left: 0px; color: #007ee2; font-size: 17px; }
.contact-information .cu-add:before { content: '\f3c5'; }
.contact-information .cu-tel:before { content: '\f095'; }
.contact-information .cu-fax:before { content: '\f1ac'; }
.contact-information .cu-mail:before { content: '\f0e0'; }

.contact-form { padding-top: 35px; font-size: 15px; }
.contact-form .row { display: flex; align-items: center; width: 100%; padding-bottom: 25px; }
.contact-form .row.tab-content { align-items: flex-start; }
.contact-form .row.add { align-items: flex-start; }
.contact-form .row.add .formTd input.address { margin-top: 16px; display: block; }
.contact-form .certification { display: flex; justify-content: flex-end; border-bottom: 5px solid #D8D8D8; padding-bottom: 40px; }
.contact-form .certification .formTh { width: calc(100% - 150px); }
.contact-form .formTh { width: 150px; }
.contact-form .formTh.red:before { content: '*'; padding-right: 8px; color: #ec6666; }
.contact-form .formTd { width: calc(100% - 150px); }
.contact-form .colName { width: 100px; text-align: center; }
.contact-form input, .contact-form select, .contact-form textarea { border: none; background: #E8E8E8; padding: 8px 10px; max-width: 250px; width: 100%; outline: none; }
.contact-form input.name-first { max-width: 150px; }
.contact-form input.name-last { max-width: 200px; }
.contact-form input.address { width: calc(90% - 150px); max-width: 100%; }
.contact-form textarea { width: calc(90% - 150px); max-width: 100%; min-height: 100px; }
.contact-form .formSelect { position: relative; display: inline-block; background: #E8E8E8; width: auto; }
.contact-form .formSelect:before, .contact-form .formSelect:after { content: ''; display: block; position: absolute; pointer-events: none; }
.contact-form .formSelect:before { z-index: 2; top: calc(50% - 12px); right: 9px; content: '\f0d7'; font-family: FontAwesome; text-align: center; font-size: 12px; color: #FEFEFE; }
.contact-form .formSelect:after { top: calc(50% - 7px); right: 5px; width: 16px; height: 14px; background: #6C6C6C; z-index: 1; }
.contact-form select { position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 25px; text-align: center; }
.contact-form select.gender { width: 70px; }
.contact-form .fromBtn { display: flex; justify-content: center; padding-top: 40px; }
.contact-form .fromBtn [class^="btn-"]:first-child { margin-right: 25px; }
.contact-form .fromBtn [class^="btn-"]:last-child { margin-left: 25px; }

@media only screen and (max-width: 992px) { .contact-data .map { width: 100%; padding-top: 52%; }
    .contact-information { width: 100%; padding-left: 0px; }
    .contact-form .row { flex-direction: column; align-items: flex-start; }
    .contact-form .row input, .contact-form .row textarea { width: calc(100% - 20px); max-width: 100%; }
    .contact-form .row input[type="checkbox"] { width: 15px; }
    .contact-form .row select { max-width: 100%; }
    .contact-form .row .formSelect { width: 100%; margin: 10px 0; }
    .contact-form .certification .formTh { width: 100%; }
    .contact-form .formTh { text-align: left; padding-left: 10px; }
    .contact-form .formTd { width: 100%; padding: 0 10px; }
}
@media only screen and (max-width: 425px) {
    .contact-form .fromBtn [class^="btn-"]:first-child { margin-right: 10px; }
    .contact-form .fromBtn [class^="btn-"]:last-child { margin-left: 10px; }
}