#contact_02 {max-width:1500px;  overflow:hidden; margin:120px auto 130px auto;    }
#contact_02 .tit { text-align:center; padding-bottom:50px; }
#contact_02 .tit h3 {font-size:55px; line-height:55px; font-weight:600;  padding-bottom:20px; font-family:"Poppins";}
#contact_02 .txt {font-size:16px;}
#contact_02 .contBox {border:1px solid #dfdfdf;  overflow:hidden; border-radius:10px; }
#contact_02 .item h3{font-size:25px;}
#contact_02 section.item1,
#contact_02 section.item > a {float:left; width:33.33333%;  box-sizing:border-box; padding: 45px 45px; height:300px;
border-left:1px solid #dfdfdf; background-repeat: no-repeat; background-position: 85% 75%; transition: all 0.3s;}
#contact_02 section.item > a:hover {background-position: 85% 70%; transition: all 0.3s; background-color:#333; color:#fff;}
#contact_02 .item2 a{background-image:url(../img/ico4.png)}
#contact_02 .item3 a{background-image:url(../img/ico1.png)}
#contact_02 .item4 a{background-image:url(../img/ico3.png)}
#contact_02 .item5 a{background-image:url(../img/ico2.png)}
#contact_02 .item2 a:hover{background-image:url(../img/ico4_w.png); }
#contact_02 .item3 a:hover{background-image:url(../img/ico1_w.png); }
#contact_02 .item4 a:hover{background-image:url(../img/ico3_w.png); }
#contact_02 .item5 a:hover{background-image:url(../img/ico2_w.png); }
#contact_02 section.item1 {height:600px; border-left:0; position:relative;  background:#fff;}
#contact_02 section.item2 a,
#contact_02 section.item3 a{border-bottom:1px solid #dfdfdf;}
#contact_02 .item1 .more{position:absolute; right:50px; top:50px; color:#ccc; font-weight:normal; text-decoration: underline;}
#contact_02 .item1 .list{  overflow:hidden; padding:30px 0}
/*board*/
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(3) {  /*width:15% !important;*/}
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(2) {color:#ccc; padding-right:20px; width:12%; }
#contact_02 .item1 .main_notice .board_output_1_tr .bd_out1 { width:100% !important; white-space:normal !important; text-overflow:ellipsis}
#contact_02 .item1 .main_notice {border-top:0px solid #dfdfdf }
#contact_02 .item1 td {border-bottom:0px dashed #e1e1e1 ;font-size:17px; }
#contact_02 .item1 td a{display:block; padding:0px 0;  width:100% !important; }
#contact_02 .item1 tr:last-child td {/*border-bottom:0;*/}
#contact_02 .item1 tr:first-child {display:none;}
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(2),
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(3) {display:table !important; width:100% !important;text-align:left;}	
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(2) {border-top:1px dashed #dfdfdf ; padding-top:17px; }
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(3) { padding-bottom:17px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#contact_02 {max-width:90%; margin:40px auto 50px auto;    }
#contact_02 .tit { text-align:left; padding-bottom:20px; }
#contact_02 .tit h3 {font-size:28px; line-height:30px; font-weight:500;   margin-bottom:5px; padding-bottom:0px;}
#contact_02  .txt {font-size:13px; padding:10px 0;}
#contact_02 .txt {position:relative; width:100%; height:auto;  padding:0px 0px 0 0;  }


#contact_02 .contBox {border:1px solid #dfdfdf;  overflow:hidden; border-radius:10px; }
#contact_02 .item h3{font-size:18px;}
#contact_02 section.item1,
#contact_02 section.item > a {float:left; width:50%;   padding: 20px 15px; height:auto; background-size:50px auto;
border-left:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  background-position: 88% center}
#contact_02 section.item4 a,#contact_02 section.item5 a{border-bottom:0;}
#contact_02 section.item2 a,#contact_02 section.item4 a{border-right:1px solid #dfdfdf;}
#contact_02 section.item1 {float:none; width:100%; }
#contact_02 .item1 .more{ right:25px; top:20px; }
#contact_02 .item1 .list{  padding:20px 0 0 0}
/*board*/
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(2) {color:#ccc; padding-right:20px; width:12%; }
#contact_02 .item1 .main_notice .board_output_1_tr .bd_out1 { width:100% !important; white-space:normal !important; text-overflow:ellipsis}
#contact_02 .item1 td {font-size:13px; }
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(2) { padding-top:7px; }
#contact_02 .item1 .main_notice .board_output_1_tr td:nth-of-type(3) { padding-bottom:7px;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}


