#contact {color:#fff; width:100%; margin:0 auto; overflow:hidden; padding: 110px 30px ;}
#contact .item {padding: 30px 0px; max-width:1300px; margin:0 auto; clear:both; overflow:hidden;}
#contact .item2 { max-width:85%; padding-bottom:80px; margin:0 auto; clear:both; overflow:hidden;} 
#contact .tit_main h3 {font-size:75px;  text-align:center; color:#CBD95D; line-height:55px; font-weight:600; 
 padding-bottom:70px; font-family: 'Cafe24Danjunghae';}
#contact section.Box_01 {padding-top:50px;;  position:relative; clear:both; overflow:hidden;  }
#contact section.Box_01 .floatL {width:40%; font-size:72px; color:#CBD95D; text-align:left;  font-family: 'Cafe24Danjunghae';}
#contact section.Box_01 .floatL span {display:block;}
#contact section.Box_01 .floatR {width:60%; text-align:left;}
#contact .Box_01 .txt {font-size:22px; line-height:53px;  }

#contact .Box_02 { padding:150px 0 ; /*float:right;*/}
#contact .Box_02 .tit{font-size:45px;  color:#252525; font-weight:600; padding-bottom:30px;}
#contact .Box_02 table   {background:none; width:100%; border-top:0px #444547 solid; border-bottom:0px #4fb3d2 solid; border-left:0;  }
#contact .Box_02 .table_02  tr:last-child td {padding-top:10px !important;}
#contact .Box_02 td { border-bottom:0px #e5e5e5 solid; border-right:0px;  height:46px; font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif";}
#contact .Box_02  .formmail_border  {font-size:14px !important;  background:none; color:#fff;   width:90%; border:1px solid rgba(255,255,255,0.6); border-radius:5px; padding:7px 7px 8px 7px;}
#contact .Box_02  .formmail_textarea_style  { width:95%; margin-top:3px;  height:60px !important;  border:1px solid rgba(0,0,0,0); border-radius:5px; padding:7px;}
#contact .Box_02  table td.formmail_title_bgcolor { width:12%; padding-bottom:10px; font-size:20px !important; padding-right:5px;}
#contact .Box_02  table td.formmail_title_bgcolor font {color:#ccc !important; font-weight:400; }
#contact .Box_02  td.formmail_cell_bgcolor {height:3px; padding:0 0 0px 0 !important; }
#contact .Box_02  table div.btn2 a{border:1px solid rgba(255,255,255,0.6);  color:#fff;  display:block; padding:8px 0 10px 0; margin:0 auto;
 width:30%;  box-sizing:border-box; font-size:18px; text-align:center; margin-top:20px; border-radius:50px; transition: all 0.3s }
#contact .Box_02  table div.btn2 a:hover {background-color:#fff; color:#222; font-weight:500; transition: all 0.3s}
#contact .Box_02  table .btn2{ color:#fff; padding:0px 0px; border:0; margin:0 0px;}
#contact .Box_02  .table_02 td.formmail_cell_bgcolor td{text-align:center !important;}
#contact .Box_02  .table_02 td.formmail_cell_bgcolor table tr td textarea {display:none;}
#contact .Box_02  .table_02 td.formmail_cell_bgcolor table tr td{color:#888; height:16px; font-size:15px;}
#contact .Box_02  .table_02 td.formmail_cell_bgcolor table tr:first-child td:first-child{display:none;}
#contact .Box_02  .table_02 td.formmail_cell_bgcolor table tr:last-child td:last-child{display:none;}
#contact .Box_02  .table_02 td.formmail_cell_bgcolor select {margin-left:5px; border-radius:5px; padding:9px 7px 10px 7px; width:90%; 
background:none; color:#fff; }
#contact .Box_02  .table_02 td.formmail_cell_bgcolor select option {background:#333; }

#contact div.map2{ width:80%; padding:40px 0 0 0; margin:0 auto; }
#contact div.map2 h3 {float:left; width:50%; text-align:right; font-size:60px; line-height:35px; padding:10px 70px 0 0;  color:#fff; }
#contact div.map2 ul {float:left; width:50%; padding:0; margin:0; list-style-type:none; font-size:22px; line-height:42px; 
border-left:1px solid rgba(255,255,255,0.5); padding:0px 0 0px 50px; }
#contact div.map2 ul li  {position:relative; padding-left:13px; margin:0  }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
#contact .item {padding: 50px 0px; max-width:90%; margin:0 auto;}	
}
@media (max-width: 1023px) {
#contact {padding:10px 0 50px 0; }
#contact section { width:100%;  height:auto; }
#contact .tit_main h3 {font-size:28px; line-height:30px; font-weight:500;   margin-bottom:45px; padding-bottom:0px;}
#contact section.Box_01 {  padding:0; width:100%; box-sizing:border-box; }
#contact section.Box_01 .floatL {width:100%; text-align:center; font-size:28px; line-height:30px;}
#contact section.Box_01 .floatR {width:100%; text-align:center; padding-top:30px}
#contact .Box_01 .txt {font-size:14px; line-height:24px;  }
#contact .Box_02 { padding:50px 0 30px 0 ; }
#contact .item2 { max-width:98%; padding-bottom:30px;} 
#contact div.map2{ width:100%; padding:10px 20px; margin:0 auto; }
#contact div.map2 h3 {float:none; width:100%; text-align:left; font-size:25px; line-height:35px; padding:10px 0px 15px 0;  color:#fff; }
#contact div.map2 ul {float:none; width:100%; font-size:14px; line-height:25px; 
border-left:1px solid rgba(255,255,255,0.5); padding:0px 0 0px 5px; }
#contact div.map2 ul li  {position:relative; padding-left:13px; margin:0  }
#contact .Box_02  table div.btn2 a{ width:200px; font-size:15px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
#contact section.Box_01 .floatL img {width:60%;}	
}
@media (max-width: 320px) {
}