@charset "utf-8";

/* 내용관리 */
#ctt {
  /*margin: 20px 0;*/
  padding: 0px;
  width: 100%;
}

.ctt_admin {
  margin: 0 5px;
  text-align: right
}

#ctt header {
  width: 96%;
  padding: 2%;
  border-bottom: 1px solid #aaaaaa;
}

#ctt header h1.sub1 {
  font-size: 1.8em;
  line-height: 30px;
  color: #649C7F;
  font-family: 'NanumGothic';
  font-weight: bold;
}

#ctt header h1.sub2 {
  font-size: 1.8em;
  line-height: 30px;
  color: #649C7F;
  font-family: 'NanumGothic';
  font-weight: bold;
}

#ctt header h1.sub1 {
  font-size: 1.8em;
  line-height: 30px;
  color: #5B7FBD;
  font-family: 'NanumGothic';
  font-weight: bold;
}

#ctt_con {
  /*padding: 10px 0;*/
}

#ctt_con img {
  max-width: 100%
}

#ctt_con p.subtitle {
  padding: 0 2% 5% 2%;
  color: #310000;
  font-size: 1.5em;
  line-height: 20px;
  font-family: 'NanumGothic';
  font-weight: bold;
}

.ctt_img {
  text-align: center
}

.tab_title1 {
  width: 100%;
  height: 40px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 3px solid #5B7FBD;
  font-family: 'NanumGothic';
  color: #5B7FBD;
  font-size: 1.6em;
  line-height: 40px;
  text-align: center;
}

.tab_title2 {
  width: 100%;
  height: 40px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 3px solid #5B7FBD;
  font-family: 'NanumGothic';
  color: #649C7F;
  font-size: 1.6em;
  line-height: 40px;
  text-align: center;
}

.subcenterImg {
  margin: 15px auto 0;
  width: 100%;
  text-align: center;
}

.top15 {
  margin-top: 15px;
}

/************************* SUB TEXT *************************************/
.sub_text_title1 {
  font-family: 'NanumGothic';
  color: #5B7FBD;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 900;
}

.sub_text_title2 {
  font-family: 'NanumGothic';
  color: #291500;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 900;
}

.sub_text_title3 {
  font-family: 'NanumGothic';
  color: #649C7F;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 900;
}

.sub_text_cont1 {
  font-family: 'NanumGothic';
  color: #291500;
  font-size: 1.2px;
  line-height: .5em;
}

/**************** TABLE ***************************/
.mtableStyle {
  width: 98%;
  margin: 0px auto 0px;
  height: auto;
  padding: 1%;
}

.mtableStyle table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.mtableStyle thead td {
  min-height: 30px;
  font-size: 14px;
  border-right: 1px solid #ffffff;
  background: #649C7F;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
  font-family: 'NanumGothic';
  font-weight: 900;
}

.mtableStyle thead td:first-child {
  border-left: none;
}

.mtableStyle tbody td {
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  background: #ffffff;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
}

.mtableStyle tbody td.ftd, std {
  width: 30%;
}

.mtableStyle tbody td.ttd {
  width: 40%;
}

.mtableStyle tbody td.left {
  text-align: left;
  padding-left: 3px;
}

.peopleList {
  width: 96%;
  min-height: 100%;
  margin: 0px auto;
  padding: 2%;
  overflow: hidden;
}

.peopleList ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.peopleList li {
  float: left;
  display: inline-block;
  width: 48%;
  margin-right: 2%;
  min-height: 135px;
  padding-bottom: 20px;
}

.peopleList li dl {
  position: relative;
  width: 48%;
  min-height: 135px;
  overflow: hidden;
}

.peopleList li dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 16%;
  height: 135px;
}

.peopleList li dd {
  position: relative;
  margin-left: 17%;
  width: 31%;
  min-height: 107px;
  padding-top: 28px;
}

.peopleList li dd p.name {
  font-family: 'NanumGothicBold';
  color: #2291bf;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
}

.peopleList li dd p.church {
  font-family: 'NanumGothic';
  color: #333333;
  font-size: 12px;
  line-height: 24px;
}

.peopleList li dd p.teltext {
  font-family: 'NanumGothic';
  color: #333333;
  font-size: 12px;
  line-height: 17px;
  padding-top: 13px;
}

.btn_donate {
  margin-top: 20px;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background-color: #268ae0;
  color: white;
  outline: none;
  border: 0;
}