#contact {clear:both; overflow: hidden; width:100%; padding:100px 0; color:#fff; background:#003125}
#contact .flex{display:flex; flex-wrap: colum; flex-direction:column;  align-items: flex-start; padding:0px 0; 
max-width:1300px; margin:0px auto;  }
#contact .flex .item{ width:100%; padding:0px; text-align:left;  }
#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 .head {text-align:center;}
#contact .flex .txt span{font-size:30px;  font-weight:500;  border-bottom:2px solid #dfdfdf;}
#contact .flex h3.tit {font-size:55px;  font-weight:600; padding-top:30px;  
 font-family: 'Pretendard-Regular'; letter-spacing:2px; }

#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;}

/* -------------------------------- 
form 
-------------------------------- */

.form { margin: 50px 0 0 0; padding:0px; border:0px solid #dfdfdf; border-radius:10px; }
.form .table_02 {border:0; float:left; width:80%; }
.form .btn2 {float:right; width:20%; position:relative}
.form .table_02 > tbody > tr {display: table; width:25%; float:left; }

.form td.formmail_title_bgcolor, .form td.formmail_cell_bgcolor {line-height:0; background:none; }

/*last textarea
.form .table_02 > tbody > tr:nth-last-child(2) td.formmail_title_bgcolor {width:9% !important}
.form .table_02 > tbody > tr:nth-last-child(2) {width:100%;}
.form .table_02 > tbody > tr > td > textarea {width:98%; border:0px solid #dfdfdf; border-radius:5px; padding:15px;
 font-family: 'Noto Sans KR', sans-serif !important; font-size:15px; background:#f5f5f5; }*/
/*check
.form .table_02 > tbody > tr:last-child {width:100%; float:none;}*/
.form .table_02 > tbody > tr:last-child td {padding:0 10px 0 6px !important; line-height:22px; text-align:left; color:#fff;}
.form .table_02 > tbody > tr:last-child textarea {display:none;}
.form .table_02 > tbody > tr:last-child > td.formmail_cell_bgcolor > table > tbody > tr > td:first-child {display:none;} 

.form td.formmail_title_bgcolor,
.form td.formmail_cell_bgcolor{text-align:left; border:0; font-family: 'Noto Sans KR', sans-serif !important;
font-size:14px !important; padding:0px 5px;  }
.form td.formmail_title_bgcolor {text-align:right; font-weight:500; display: none;  width:100%;}
.form td.formmail_cell_bgcolor input.formmail_border {border:0px solid #dfdfdf; padding:15px 20px; width:100%;
border-radius:15px; background:#fff; font-family: 'Noto Sans KR', sans-serif !important; font-size:25px !important; }
.form .btn2 a.ok {background:#00704a; color:#fff; padding:10px 10px 12px 10px; border-radius:15px; 
font-family: 'Noto Sans KR', sans-serif !important; width:95%; text-align:center; display:block;
 margin:0px auto 0px auto; font-weight:400; font-size:30px}
.form a.view {position:absolute; bottom:5px; left:-110px; font-size:11px; border:1px solid #dfdfdf; padding:3px 10px; border-radius:3px}
.form a.view:hover {color:#fff;}

.cd-popup h3 {font-size:22px; font-weight:500; padding:15px 15px 15px 33px; text-align:left; }
input::placeholder {  color: #888; }
.cd-popup .member_border {width:100%; height:500px; padding:0 25px 20px 25px; font-family: 'Noto Sans KR', sans-serif !important;
font-size:16px; color:#666; line-height:22px; border:1px solid #ccc;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#contact {clear:both; overflow: hidden; width:calc(100% - 0%); padding:40px 20px }	
#contact .flex .txt span{font-size:16px; line-height:30px;  font-weight:500;  border-bottom:2px solid #dfdfdf;}
#contact .flex h3.tit {font-size:25px;  font-weight:600; padding-top:20px;  letter-spacing:2px; }

#contact .flex .item{ width:100%; padding: 10px 0;  }
#contact .txt1{ font-size:16px; line-height:25px; text-align:right; margin-bottom:10px;  }

.form { margin: 10px 0 0 0; padding:0px; border:0px solid #dfdfdf; border-radius:10px; }
.form .table_02 {border:0; float:none; width:100%; }
.form .btn2 {float:none; width:100%; position:relative}
.form .table_02 > tbody > tr {display: table; width:100%; float:none; height:45px !important; }
.form {  padding: 0px; margin:0px 0 0 0 }
.form td.formmail_cell_bgcolor {padding-left:0px !important}
.form td.formmail_cell_bgcolor input.formmail_border { padding:8px; font-size:14px !important; color:#222;  border-radius:2px }
.form a.view {position:relative; bottom:5px; left:10px; font-size:11px; padding:3px 10px; border-radius:2px}
.form a.view:hover {color:#fff;}
/*check*/
.form .table_02 > tbody > tr:last-child td {padding:0 10px 0 6px !important; height:38px}
.form .table_02 > tbody > tr:last-child textarea {height:100px; border:1px solid #dfdfdf; color:#888}
.form .table_02 > tbody > tr:last-child td > table > tbody > tr > td:first-child {display:none !important}
.form .btn2 a.ok {padding:6px; border-radius:50px; width:94%; margin:18px auto 15px auto; font-size:15px}

.form .table_02 td.formmail_cell_bgcolor input {margin:5px 2px !important}

.cd-popup h3 {font-size:20px;  padding:15px 15px 15px 20px;}
.cd-popup .member_border {height:350px; padding:10px 10px; font-size:14px; line-height:20px }
/* -------------------------------- 
form 
-------------------------------- 
.form .tit {  padding: 10px 50px 10px 10px ;font-size:15px; font-weight:500; word-break:keep-all;}
.form .form {word-break:keep-all;  margin: 10px ; padding:10px 10px; }
.form .table_02 > tbody > tr { width:100%; float:none;}
.form td.formmail_title_bgcolor,
.form td.formmail_cell_bgcolor{text-align:left; padding:3px 0;}
.form td.formmail_title_bgcolor {text-align:center;}
.form td.formmail_cell_bgcolor input.formmail_border { padding:8px; width:90%;border-radius:2px;}
.form .btn2 a { padding:8px 10px 8px 10px; width:180px; margin:5px auto 15px auto; }
.form .table_02 > tbody > tr:nth-last-child(2) td.formmail_title_bgcolor {width:20% !important}
.form .table_02 > tbody > tr > td > textarea {width:90%; border:1px solid #dfdfdf; border-radius:5px;}
.form .table_02 > tbody > tr:last-child td {font-size:12px}*/
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}