#contact {clear:both; overflow: hidden;}

#contact .flex{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: flex-start; padding:0px 0;  }
#contact .flex .item{ width:48%; padding:12px 0px; text-align:left;  }
#contact .flex .item:nth-of-type(2) {width:50%; padding-right:10px}
#contact  .flex .item .num {display:none; color:#333; font-size:45px; line-height:45px; font-weight:500; 
padding-bottom:25px; position: relative; margin-bottom:5px; }

#contact .flex{ width:100%; clear:both; overflow:hidden;}
#contact .flex h3 {font-size:50px; font-weight:600; padding-bottom:10px;}
#contact .flex h3 img {max-width:100%; }
#contact .flex ul {padding:0 0 0 0px; margin:0; list-style-type:none; font-size:18px; line-height:25px }
#contact .flex ul li {border-bottom:0px solid #dfdfdf; padding:6px 0 6px 40px; }
#contact .flex ul li {background-repeat: no-repeat; background-position:10px 10px; }
#contact .flex ul li.ico1  {background-image:url(../img/ico1.png)}
#contact .flex ul li.ico2  {background-image:url(../img/ico2.png)}
#contact .flex ul li.ico3 {background-image:url(../img/ico3.png)}
#contact .flex ul li.ico4 {background-image:url(../img/ico4.png)}
#contact .flex ul li.ico5 {background-image:url(../img/ico5.png)}
#contact .flex .btn a {display:block; padding:16px 0 10px 0px ; background:#333; color:#fff; text-align:center;
width:180px; margin-top:80px; font-size:16px;}
.root_daum_roughmap {width:100% !important;  box-sizing:border-box !important; border:0 !important;
padding:0 !important; border-radius:0 !important; } /*다음맵*/
#contentWrap #content #contentsArea iframe.map{ height:50px; }/*구글맵*/
.mgT150 {margin-top:125px;}

#contact .txt1{ font-size:18px; line-height:30px; text-align:right; margin-bottom:10px; font-weight:600  }
#contact .table_02 {margin-left:15px}
#contact .table_02 tr:last-child td.formmail_cell_bgcolor textarea,
#contact .table_02 tr:last-child td.formmail_cell_bgcolor > table > tbody > tr > td:first-child  {display:none;}
#contact .table_02 tr:last-child td.formmail_cell_bgcolor > table > tbody > tr > td:last-child {padding-right:15px}
#contact .formmail_title_bgcolor {width:10% !important;  }
#contact .formmail_title_bgcolor font{ font-size:16px !important; }
#contact .table_02,
#contact .table_02 td {height:auto; padding:5px 0; border:0; padding:0; }
#contact table td.formmail_cell_bgcolor input.formmail_border,
#contact .table_02 td.formmail_cell_bgcolor textarea {width:97%; margin:5px 0 !important;
border:1px solid #dfdfdf; background:#f0f0f0; padding:8px 5px}
td.formmail_cell_bgcolor {padding:0 !important;}
#contact .btn2 a {display:block; background:#333; color:#fff; padding:10px 10px 10px 10px; width:180px; float:right;
margin-top:30px; text-align:center; font-size:18px; border-radius:50px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#contact .flex{display:flex; flex-wrap: wrap;  padding:0px 0;  }
#contact .flex h3 { padding-bottom:0px;}
#contact .flex ul {padding:0 0 0 0px; margin:0; list-style-type:none; font-size:15px; line-height:25px }
#contact .flex .item{ width:100%; padding: 10px 0; text-align:left;  }
#contact .flex .item:last-child {padding-top:50px;}
#contact .flex .item:nth-of-type(2) {width:100%; padding-right:10px}
#contact .txt1{ font-size:16px; line-height:25px; text-align:right; margin-bottom:10px;  }
#contact .table_02 {margin-left:10px}
#contact .formmail_title_bgcolor {width:20% !important;  }
#contact .formmail_title_bgcolor font{ font-size:14px !important; }
#contact .table_02 tr:last-child td.formmail_cell_bgcolor textarea,
#contact .table_02 tr:last-child td.formmail_cell_bgcolor > table > tbody > tr > td:last-child {padding-right:0px}
#contact table td.formmail_cell_bgcolor input.formmail_border,
#contact .table_02 td.formmail_cell_bgcolor textarea {width:95%;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}