.contents {
  margin:0px;
  padding:0px;
}

#template-board-list .top-visual {
  width: 100%;
  height: 250px;
  background: url(/images/menu4_top.png) no-repeat 0% 0%;
}

#template-board-list .contents-wrap {
    max-width:1220px;
    width:100%;
    margin: 0 auto;
}

.board-title-section {
  padding:30px 0px 30px 0px;
}

.board-title-in {
  width:100%;
  margin:0 auto;
}

.pressBoardList {
  width:-webkit-calc(100% - 240px);
  width: -moz-calc(100% - 240px);
  width:calc( 100% - 240px );
  float:right;
}

.board-title {
  font-family: 'NanumSquare', gulim;
  font-size:48px;
  font-weight:700;
  color:#3b3b3b;
  letter-spacing:-1px;
  text-align:center;
  margin:0px 0px 45px 0px;
  padding-top:20px;
  background:url(/images/title_line.png) no-repeat 50% 0px;
}

.board-list-in {
  width:100%;
  margin:0 auto;
}

.board-top {
  clear: both;
  height: 50px;
  margin: 30px 0px 10px 0px;
  font-family: 'NanumSquare', gulim;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -1px;
  color: #3b3b3b;
}

.board-count {
  float: left;
  font-weight: 600;
}

.board-search {
  float: right;
  width: 255px;
}

/*
.board-list-in {
    width: 1100px;
    margin: 0 auto;
}
*/

.board-table {
  width:100%;
  text-align:center;
  vertical-align:middle;
  font-family: 'NanumSquare', gulim;
  font-size:14px;
  font-weight:300;
  letter-spacing:-1px;
  color:#3b3b3b;
  padding:0px 0px 30px 0px;
  margin-bottom:30px;
}

.pagination-div {
  margin-bottom:50px;
}

.pagination li {
	cursor: pointer;
}

.pagination li a.active {
	background-color: #337ab7;
	color: #fff;
}

.board-table tr {
  height:50px;
  border-bottom:1px solid #cacaca;
}

.board-table th, .education-table td  {
  border-right:1px solid #cacaca;
}

.board-table tr>th:nth-last-child(1) {
  border-right:0px solid #cacaca !important;
}

.board-table tr>td:nth-last-child(1) {
  border-right:0px solid #cacaca !important;
}

.board-table>thead>tr {
  border-top:4px solid #679bbb;
  background-color:#f0f6fa;
}

.board-table>thead>tr>th {
  text-align:center;
}

.board-table a {
  color:#3b3b3b;
}

.board-table .important-no {
  text-indent:-9999px;
  background:url(/images/board_important.png) no-repeat 50% 50%;
}

.board-table .important-title {
  font-weight:600;
}

.board-table .board-new {
  display:inline-block;
  height:14px;
  width:14px;
  text-indent:-9999px;
  background:url(/images/board_new.png) no-repeat 50% 50%;
}

.mindtouchcare-img {
  background:url(/images/mind_touchcare.jpg) no-repeat 50% 50%;
  width:100%;
  height:270px;
}

.dementia-img {
  background:url(/images/communication.jpg) no-repeat 50% 50%;
  width:100%;
  height:270px;
}


.care-img {
  background:url(/images/dailycare.jpg) no-repeat 50% 50%;
  width:100%;
  height:270px;
}


.list-ul {
  height:81px;
  padding:0px 0px 20px 0px;
}

.list-ul>li {
  float:left;
  list-style-type:none;
  height:81px;
  font-family: 'Noto Sans KR', gulim;
  font-size:19px;
  font-weight:400;
  letter-spacing:-1px;
  color:#3b3b3b;
  text-align:center;
  margin-right:1px;
}

.list-ul > li.board-group-1 {
  width:100%;
}

.list-ul > li.board-group-2 {
  width:49.9%;
}

.list-ul > li.board-group-3 {
  width:33.3%;
}

.list-ul > li.board-group-4 {
  width:24.9%;
}

.list-ul > li.board-group-5 {
  width:19.9%;
}

.list-ul>li>a {
  display:block;
  height:81px;
  line-height:65px;
  cursor:pointer;
}

.list-ul>li>a:hover,
.list-ul>li>a.active {
  display:block;
  color:#fff;
  background:url(/images/mind_touchcare_arrow.png) no-repeat 50% 65px;
  margin-bottom:-16px;
}
/*
#template-mindtouchcare .education-btn-txt {
    width: 274px;
}
*/
.btn-txt {
  display:block;
  height:65px;
  color:#3b3b3b;
  background-color:#eaeaea;
}

.btn-txt.active,
.btn-txt:hover {
  color:#fff;
  text-decoration:underline;
  background-color:#0989d9;
}


#template-board-list .education-list-div .education-list-ul>li,
#template-board-list .education-list-div .education-list-ul>li>a,
#template-board-list .education-list-div .education-btn-txt {
  width: 274px;
}

#template-board-list .dailycare-list-div .education-img {
  background:url(/images/dailycare.jpg) no-repeat 50% 50%;
}

#template-board-list .dailycare-list-div .education-list-ul>li,
#template-board-list .dailycare-list-div .education-list-ul>li>a,
#template-board-list .dailycare-list-div .education-btn-txt {
  width: 218px;
}

#template-board-list .communication-list-div .education-img {
  background:url(/images/communication.jpg) no-repeat 50% 50%;
}

#template-board-list .communication-list-div .education-list-ul>li,
#template-board-list .communication-list-div .education-list-ul>li>a,
#template-board-list .communication-list-div .education-btn-txt {
  width: 274px;
}


#template-board-list .left-menu {
  float:left;
  width:220px;
}

#template-board-list .left-menu > ul {
  width:220px;
  padding:0px;
  border-top:4px solid #3a3d47;
}

#template-board-list .left-menu > ul > li {
  list-style-type:none;
  width:220px;
  border-bottom:1px solid #d9d9d9;
}

#template-board-list .left-menu > ul > li > a {
  display:block;
  width:220px;
  font-family: 'Noto Sans KR', gulim;
  font-size:18px;
  font-weight:300;
  color:#3b3b3b;
  letter-spacing:-1px;
  line-height:140%;
  padding:13px 30px 13px 15px;
}

#template-board-list .left-menu .active,
#template-board-list .left-menu > ul > li > a:hover {
  background:url(/images/left_arrow.png) no-repeat 93% 50%;
  background-color:#2e62c8;
  color:#fff;
  text-decoration:none;
}

#template-board-list .press-file {
  list-style-type:none;
  padding:0px;
}

#template-board-list .press-file > li {
  padding:5px 0px 5px 0px;
}

@media screen and (max-width:1280px) {

  #template-board-list .contents-wrap {
    padding:0px 10px;
  }

}

@media screen and (max-width:767px) {
	
	#template-board-list .page-title {
	  margin: 40px 0px 20px;
	}

  #template-board-list .board-top {
    font-size: 13px;
    margin: 0px;
    height: 70px;
  }

	.board-search {
	  width: 210px;
	}

  #template-board-list .board-table {
    font-size:13px;
  }
  
  #template-board-list .board-write table img {
    max-width: 100% !important;
    height: auto !important;
  }
}