#block_04 {width:100%;  overflow:hidden; padding:0px 0 100px 0; }
#block_04 div.wh_12{width:1150px; margin:0px auto; padding: 0; overflow:hidden; position:relative; }
#block_04 div.wh_13{width:1300px; margin:0px auto; padding: 0; overflow:hidden; position:relative; }

#block_04 div.wh_11{width:1100px; margin:0px auto; padding: 0; overflow:hidden; }
#block_04 div.main_tit {font-size:51px;  margin-top:0px; line-height:73px;  padding-bottom:50px; }

#block_04 div.line01 {background-color:#299c59; opacity:0.6; height:3px; width:179px; position:absolute; top:69px; left:100px; }
#block_04 div.line02 {background-color:#bbb; opacity:0.6;  height:3px; width:227px; position:absolute; top:141px; left:100px;}

#block_04 div.block_L {width:49%; padding:33px 40px; height:430px; float:left; border:1px solid #dfdfdf; box-sizing:border-box; position:relative; align-content:center;}
#block_04 div.block_L h3{font-size:24px; padding:0 0px 30px 3px; margin :0; border-bottom:1px solid #dfdfdf;}
#block_04 div.block_L p.more{position:absolute; right:38px; top:36px;}
#block_04 div.block_L p.list{padding-top:25px;}
#block_04 div.block_R {width:49%; float:right;}
#block_04 div.block_R div a{display:block; border:1px solid #dfdfdf;  box-sizing:border-box; height:180px;}
#block_04 div.block_R div.ico1 a{float:left; font-size:18px; width:48%; padding:125px 0 0 ; text-align:center; margin-bottom:20px; background-image:url("../img/ico1.png"); background-repeat:no-repeat; background-position:center 35px;}
#block_04 div.block_R div.ico2 a{float:right; font-size:18px; width:48%;padding:125px 0 0 ; text-align:center; margin-bottom:20px; background-image:url("../img/ico2.png"); background-repeat:no-repeat; background-position:center 35px;}
#block_04 div.ico1 a:hover,#block_04 div.ico2 a:hover {border:1px solid #aaa; }
#block_04 div.block_R div.ico3 {clear:both; width:100%; font-size:34px; padding:20px 20px 0px 120px ; border:1px solid #dfdfdf;  box-sizing:border-box; height:230px;  margin-bottom:20px; background:url("../img/ico3.png") no-repeat 20px center;}
#block_04 div.block_R div.ico3 span {display:block; font-size:17px; padding-top:0px; }
#block_04 div.block_R div.ico3 span2 {display:block; font-size:22px; padding-top:0px; }
#block_04 .main_notice td {padding:8px 0}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/

@media (min-width: 1220px) {
  .br_none{display: none;}
 }
 
@media (max-width: 1023px) {
#block_04 { box-sizing:border-box; padding:50px 20px;}
#block_04 div.wh_11{width:90%; margin:50 auto; padding:0;}
#block_04 div.wh_12{width:100%; }
#block_04 div.wh_13{width:100%; }
#block_04 div.main_tit { font-size:35px;  line-height:50px; text-align:left; }	
#block_04 div.line01 { width:133px;  top:52px; left:0px; }
#block_04 div.line02 { width:161px;  top:103px; left:0px;}
#block_04 div.block_L {width:100%; margin-bottom:20px; padding:33px 20px; height:420px;}
#block_04 div.block_R {width:100%; }
#block_04 div.block_R div.ico1 a{ font-size:16px;}
#block_04 div.block_R div.ico2 a{ font-size:16px;}
#block_04 div.block_R div.ico3 {clear:both; width:100%; box-sizing:border-box; font-size:30px; padding:34px 10px 0px 30% ;  
margin-bottom:20px; background:url("../img/ico3.png") no-repeat 10% center;}
#block_04 div.block_R div.ico3 span {display:block; font-size:15px; padding-top:0px; }
#block_04 div.block_R div.ico3 span2 {display:block; font-size:18px; padding-top:0px; }
.board_output_1_tr td:last-child {display:none;}
}
@media (max-width: 768px) {
  #block_04 div.block_R div.ico3 { font-size:25px;}
  .br_none{display: block;}
}
@media (max-width: 640px) {
  #block_04 div.block_R div.ico3 { font-size:25px;}
  #block_04 div.block_L p.list{padding-top:0px;}
}
@media (max-width: 520px) {
  #block_04 div.block_R div.ico3 { background:url("../img/ico3.png") no-repeat 9% center;  font-size:25px;}
  }
  @media (max-width: 460px) {
    #block_04 div.block_R div.ico3 { background:url("../img/ico3.png") no-repeat 8% center;  font-size:25px;}
    }
    @media (max-width: 430px) {
      #block_04 div.block_R div.ico3 { background:url("../img/ico3.png") no-repeat 8% center;  font-size:25px;}
      }
@media (max-width: 411px) {
#block_04 div.block_R div.ico3 { background:url("../img/ico3.png") no-repeat 7% center;  font-size:25px; height:255px;}
}
@media (max-width: 368px) {
 .br_none{display: none;}
 #block_04 div.block_R div.ico3 {
  clear: both;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  padding: 31px 10px 0px 30%;
  margin-bottom: 20px;
  background: url(../img/ico3.png) no-repeat 1% center;
 }
 #block_04 div.block_R div.ico3 span{
  display: block;
  font-size: 16px;
  padding-top: 0px;
}

.board_output_1_tr {
  font-size: 14px;
}

#block_04 div.block_L {width:100%; margin-bottom:20px; padding:10px 5px; height:270px;}
#block_04 div.block_L p.list{padding-top:0px;}
#block_04 div.block_L p.more {
  position: absolute;
  right: 18px;
  top: 15px;
}
#block_04 div.block_L h3 {
  font-size: 24px;
  padding: 0 0px 10px 3px;
  margin: 0;
  border-bottom: 1px solid #dfdfdf;
}
}