#contact_03 {clear:both; overflow: hidden; width:100%; padding:100px 0 150px 0; color:#fff; background:#008bfb }
#contentsArea #contact_03 { padding:0px 0 0px 0;  }
#contact_03 .flex1 {max-width:1200px; margin:0 auto; padding:0 20px;  }
#contact_03 .flex1 .tit {font-size:30px; font-weight:600; margin-bottom:30px}
#contact_03 .flex1 .item:first-child .cont {border:1px solid #dfdfdf; padding:35px 25px; 
border-radius:20px;  background:#f7f7f7; }

#contact {clear:both; overflow: hidden; width:100%; padding: 0; color:#fff; /*background:var(--mainColor)*/
background:url(../img/bg3.jpg)no-repeat center 85%; background-attachment:fixed; position:relative }
#contact:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; }
#contact .flex{display:flex; flex-wrap: colum; flex-direction:column;  align-items: flex-start; padding:0px 0; 
max-width:1300px; margin:0px auto; position:relative }
#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_03  .head {text-align:center; padding-bottom:50px}
#contact_03  h3.tit span{   border-bottom:2px solid #ff0000; color:#ff0000; }
#contact_03  h3.tit {font-size:55px; line-height:78px; font-weight:600; padding-top:30px;  }

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


/*flex*/
.flex1{display:flex; flex-wrap: wrap;  justify-content: space-between;  }
.flex1 div.item { width:100%;  }

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

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

.form td.formmail_title_bgcolor, .form td.formmail_cell_bgcolor {line-height:auto; 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:#222;}
.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;} 
td.formmail_cell_bgcolor {padding-left: 0 !important}
.table_02 td.formmail_cell_bgcolor input {margin:0 0 0px 0 !important}
.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; padding:0; display: block;  width:100%;  }
.table_02 td {height:auto }
.form td.formmail_title_bgcolor {text-align:left; font-weight:500; display: block;  width:100%; height:31px}
.form td.formmail_title_bgcolor font {padding:0 0 0px 5px; display:block; font-size:18px !important}
.form td.formmail_cell_bgcolor input.formmail_border {border:1px solid #dfdfdf; padding:18px 20px; width:100%;
border-radius:10px; background:#fff; font-family: 'Noto Sans KR', sans-serif !important; font-size:16px !important;
margin-bottom:0px !important }
.form td.formmail_cell_bgcolor .formmail_cell_bgcolor {border:1px solid #dfdfdf; padding:18px 20px; width:100%;
border-radius:10px; background:#fff; font-family: 'Noto Sans KR', sans-serif !important; font-size:20px !important;
margin-bottom:20px !important}
.form td.formmail_cell_bgcolor .formmail_cell_bgcolor input {width:25px}
.form table td.formmail_cell_bgcolor textarea[name="description1"] {width:100% !important;  margin:0 !important;
border:1px solid #dfdfdf; padding:15px 20px; border-radius:10px 10px 0 10px; background:#fff; 
font-family: 'Noto Sans KR', sans-serif !important; font-size:20px !important;margin-bottom:15px !important}

.form td.formmail_cell_bgcolor select {border:1px solid #dfdfdf; padding:15px 20px; width:100%; color: #aaa;
border-radius:15px; background-color:#fff; font-family: 'Noto Sans KR', sans-serif !important; font-size:20px !important;
  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  z-index: 1; 
  background-image:url(../img/arrow.png);background-repeat:no-repeat; background-position:92% center}
select option:first-child {display:none}
select option{  color: #333;}

.form .table_02 > tbody > tr:nth-of-type(3),
.form .table_02 > tbody > tr:nth-of-type(4),
.form .table_02 > tbody > tr:nth-of-type(5),
.form .table_02 > tbody > tr:nth-of-type(6) {width:100% !important}


.form .btn2 a.ok {background:#008bfb; color:#fff; padding:15px 10px 17px 10px; border-radius:50px; 
 width:200px; text-align:center; display:block;
 margin:0px auto 0px auto; font-weight:400; font-size:20px; float:right}
.form a.view {position:absolute; top:-21px; left:330px; font-size:11px; border:1px solid #ccc; padding:3px 10px; border-radius:3px;
color:#222; background:#fff;}
.form a.view:hover {color:#111;}

.cd-popup h3 {font-size:22px; font-weight:500; padding:15px 15px 15px 33px; text-align:left; }
.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;}

input::placeholder {  color: #999; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#contact_03 {clear:both; overflow: hidden; padding:50px 0 60px 0   }
#contact_03 .flex1 {max-width:1300px; margin:0 auto; padding:0 15px}
#contact_03 .flex1 .tit {font-size:25px; font-weight:600; margin-bottom:20px}
#contact_03 .flex1 .item:first-child .cont { padding:20px 10px; border-radius:10px;  }

#contact_03  .head {text-align:center; padding-bottom:30px}
#contact_03  h3.tit {font-size:25px; line-height:38px; font-weight:600; padding-top:0px;  }

.form { margin: 10px 0 0 0; padding:0px; border:0px solid #dfdfdf; border-radius:10px; }
.form .table_02 {border:0; float:none; width:100%; margin-bottom:40px; }

.form .table_02 > tbody > tr {display:  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,
.form td.formmail_cell_bgcolor select { padding:8px; font-size:14px !important; color:#222;  border-radius:2px }
.form a.view:hover {color:#fff;}
/*check*/
.form .table_02 > tbody > tr:last-child td {padding:0 0px 0 0px !important; height:38px; font-size:13px !important; text-align:right}
.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;float:none;  margin:18px auto 5px auto; font-size:15px}
.form a.view { top:-40px; right:0;  font-size:11px; border:1px solid #ccc; padding:3px 10px; border-radius:3px;
color:#222; left:auto;}
.form .table_02 td.formmail_cell_bgcolor input,
.form table td.formmail_cell_bgcolor textarea[name="description1"] {margin:2px 0px !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 }

/*flex*/
.flex1 div.item { width:100%; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
#contact_03 div.info ul { font-size:13px; padding:20px 0 }
#contact_03 div.info ul li {color:#333; width:100%; float:none; padding:60px 10px 20px 10px; background-size:50px; }
#contact_03 > div.map { width:100%; padding:0; margin:0;  height:400px;}
#contact_03 > div.map { width:100%; padding:0; margin:0;  height:250px;}
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}