@charset "utf-8";

.mglr100 {margin:0 100px;}

.broadcast .twoTxt {display:flex; flex-wrap:wrap; justify-content: space-between; padding:0 20px}
.broadcast .twoTxt .txt {width:calc(50% - 10px); padding:10px 15px; border-radius: 15px; }
.broadcast .twoTxt .titBgG {background-color:#167058; color:#fff} 
.broadcast .twoTxt .titBgGr {background-color:#dedede; color:#595757} 

.broadcast table {border-bottom: none}
.broadcast table .txtBg {background-color:#ebebeb;}
.broadcast table .titBgG {background-color:#167058; color:#fff}
.broadcast table .titBgW {background-color:rgba(255,255,255,1); color:#fff}
.broadcast table .trTit {font-weight:500;}
.broadcast table thead th {border-right:none; border-radius:0; background-color:#167058; color:#fff }
.broadcast table thead th:first-child {border-radius:10px 0 0 10px;}
.broadcast table thead th:last-child {border-radius:0 10px 10px 0;}
.broadcast table th {border-right:none; border-radius:10px; }
.broadcast table td.tdTit { font-size:2rem; border-radius:10px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid #ffffff;}
.broadcast table td.border {border-bottom: 1px solid #b7b7b7;}

.broadcast .addTxt img {height:22px;}
.broadcast .prod_img {text-align: center;
  margin-top: -110px;}
.broadcast .btnCenter {text-align:center;}
.broadcast .btnCenter .btnRadius {display:inline-block; padding:10px 20px; border-radius:30px; background-color:#167058; color:#fff;}

.broadcast .borderUl .nbgall.grid3 {grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 20px;}
.broadcast .borderUl .nbgall li {padding:20px 30px 30px; border-radius:15px;}
.broadcast .borderUl .nbgall li.lineGreen {border:1px solid #167058;  }
.broadcast .borderUl .nbgall li.bgGreen {background-color:#167058; color:#fff; }

.broadcast .borderUl .nbgall li .topTit {display:flex; align-items: center;}
.broadcast .borderUl .nbgall li .topTit img {height:35px; margin-right:16px;}

@media screen and (max-width:1024px){
  .mglr100 {margin:0 50px;}
}
@media screen and (max-width:768px){
  .mglr100 {margin:0;}
  .broadcast .prod_img { margin-top: -80px;}
  .broadcast .borderUl .nbgall.grid3{grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:560px){
  .broadcast .twoTxt { padding:0;}
  .broadcast .twoTxt .txt {width:calc(50% - 3px); }
  .broadcast .prod_img { margin-top: -50px;}
}
@media(max-width: 480px){
  .broadcast .borderUl .nbgall.grid3{grid-template-columns: repeat(1, 1fr); }
}