@charset "utf-8";

.mf-title               { color:#fe0000; font-size:30px; padding-top: 140px; padding-left: 10%;
                          font-family: "Dotum"; text-align: center;
                          width:100%; height:350px; background-image: url("/images/photo/2020/workers/bg.png");
                          background-repeat: no-repeat; background-position: center left;background-size: cover; 
                          position: relative; font-weight: 500;}
.mf-title .bigger_font  { margin-left: 100px; }

.photoframe				      { padding-top:5px; }
.mf-article             { clear:both; width:100%;padding:2px 0px 2px 0px; background-color:white;}
.article-p              { width: 80%; margin:0 auto; text-align: justify;}
.mf-article p           { font-size:14px; font-family:"Times New Roman"; color:black;}

.photo-list              { background-color: #ffe0e0; padding:20px 10% 20px 10%; overflow: auto; text-align: center;}
.photo-one				      { width:150px; margin:2px; height:150px; background-position:center center; float:left; 
                          background-size:cover; cursor:pointer; }
.photo-one:hover        { opacity:0.7; }
.img-thumbnail          { max-height: 600px!important; }

@media (max-width:650px){
  .mf-title .bigger_font  { margin-left: 0px; }
  .mf-title               { background-image: url("/images/photo/2020/workers/small.png"); height: 200px; padding-top: 50px;}
}

.news_modal{
  position: fixed;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding-top: 70px;
  display: none;
  overflow-y: auto;
}

.news_content{
  width: 100%;
  height:200px;
  margin: 0 auto;
  text-align: center;
}

.news_content table{
  width: 100%;
  height: 100%;
  vertical-align: center;
  margin:0 auto;
}

.news_content table td{
  text-align: center;
}

.news_content .news_commen{
  margin-top: 15px;
  font-weight: 500;
  color: white;
}

.news_content .news_nav{
  margin-top: 15px;
  font-weight: 500;
  color: white;

}
@media (min-width: 768px){
  .news_content { width: 600px; }  
}

@media (min-width: 992px){
  .news_content { width: 900px; }
}