#contact_03 {clear:both; overflow: hidden; background:#f8f8f8; padding:80px 0;  }
#contact_03 .flex1 {max-width:1300px; 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:30px 20px; border-radius:20px;  background-color:#fff; }

#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 .flex{ width:100%; clear:both; overflow:hidden;}
#contact .flex .head {text-align:center;}
#contact .flex .txt span{font-size:22px;  font-weight:400; /* border-bottom:2px solid #fff;*/}
#contact .flex h3.tit {font-size:55px;  font-weight:600; padding-top:30px;  
 font-family: var(--num); 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;}


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

/* -------------------------------- 
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}
.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: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:#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  }
.form td.formmail_title_bgcolor {text-align:right; font-weight:500; display: none;  width:100%;}
.form td.formmail_cell_bgcolor input.formmail_border {border:1px solid #dfdfdf; padding:15px 20px; width:100%;
border-radius:15px; background:#fff; font-family: 'Noto Sans KR', sans-serif !important; font-size:20px !important;
margin-bottom:30px !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) {width:100% !important}

.form .btn2 a.ok {background:#333; color:#fff; padding:10px 10px 12px 10px; border-radius:50px; 
font-family: 'Noto Sans KR', sans-serif !important; 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:-40px; right:220px; font-size:11px; border:1px solid #ccc; padding:3px 10px; border-radius:3px;
color:#222;}
.form a.view:hover {color:#111;}

.cd-popup h3 {font-size:22px; font-weight:500; padding:15px 15px 15px 33px; text-align:left; }
input::placeholder {  color: #aaa; }
.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_03 {clear:both; overflow: hidden; background:#f8f8f8; padding:60px 0 0px 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 {clear:both; overflow: hidden; width:calc(100% - 0%); padding:0px 0px }	
#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: 0px 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%; 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;}
.form .table_02 td.formmail_cell_bgcolor input {margin:5px 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%; margin-bottom:30px;  }
}
@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) {
}