@charset "UTF-8";
/*-----------------------------------------------------

  About CSS
  [LastUpDate:2015.10.21]
  
    - Navigation
    - List(Index)
    - Banner Area(Index)
    - List(Board)
    - List(Data)

-----------------------------------------------------*/
/*-----------------------------------------------------

  Navigation

-----------------------------------------------------*/
#side-area nav ul .about {
  background: #ffffff;
  color: #4ea455;
}

#side-area nav ul .about span {
  background: none !important;
  color: #4ea455 !important;
  cursor: default !important;
}

.overview #side-area nav .about ul .overview ,
.history #side-area nav .about ul .history ,
.message #side-area nav .about ul .message ,
.board #side-area nav .about ul .board ,
.data #side-area nav .about ul .data {
  background: #eeeeee;
}

.overview #side-area nav .about ul .overview a ,
.history #side-area nav .about ul .history a ,
.message #side-area nav .about ul .message a ,
.board #side-area nav .about ul .board a ,
.data #side-area nav .about ul .data a {
  font-weight: bold;
}




/*-----------------------------------------------------

  List(Index)

-----------------------------------------------------*/
.overview #wrapper #contents-area .contents .section .list {
  overflow: hidden;
}

.overview #wrapper #contents-area .contents .section .list dt {
  float: left;
  clear: both;
  margin-bottom: 35px;
}

.overview #wrapper #contents-area .contents .section .list dd {
  position: relative;
  margin: 0 0 35px 10em;
}

.overview #wrapper #contents-area .contents .section .list dd .btn-arrow {
  position: absolute;
  top: -5px;
  left: 10em;
}




/*-----------------------------------------------------

  Banner Area(Index)

-----------------------------------------------------*/
.overview .banner-area {
  margin-left: 240px;
  background: #eeeeee;
  text-align: center;
}

.overview .banner-area .banner-inner {
  min-width: 720px;
  max-width: 1040px;
}

.overview .banner-area ul {
  overflow: hidden;
  width: 70%;
  margin: 0 auto;
  padding: 40px 0;
}

.overview .banner-area ul li {
  float: left;
  width: 45%;
  margin: 0 2.5%;
}

.overview .banner-area ul li a {
  text-decoration: none;
}

.overview .banner-area ul li dt img {
  width: 100%;
}

.overview .banner-area ul li dd {
  margin-top: 10px;
  text-align: left;
}

.overview .banner-area ul li dd span {
  padding-left: 13px;
  background: url(../../common/img/cmn_arrow_gray.png) no-repeat left 50%;
}




/*-----------------------------------------------------

  List(Board)

-----------------------------------------------------*/
.board #wrapper #contents-area .contents .section .list {
  width: 100%;
  margin-bottom: 15px;
	font-size: 12px;
	font-size: 1.2rem;
}

.board #wrapper #contents-area .contents .section .list th,
.board #wrapper #contents-area .contents .section .list td {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #cccccc;
	vertical-align: top;
}

.board #wrapper #contents-area .contents .section .list tr:first-child th ,
.board #wrapper #contents-area .contents .section .list tr:first-child td ,
.board #wrapper #contents-area .contents .section .list tr.first-child th ,
.board #wrapper #contents-area .contents .section .list tr.first-child td {
  padding-top: 0;
}

.board #wrapper #contents-area .contents .section .list th {
  text-align: left;
}

.board #wrapper #contents-area .contents .official .list th,
.board #wrapper #contents-area .contents .council .list .space {
  width: 12%;
}

.board #wrapper #contents-area .contents .official .list .name,
.board #wrapper #contents-area .contents .council .list .name {
  width: 17%;
}

.board #wrapper #contents-area .contents .official .list .post,
.board #wrapper #contents-area .contents .council .list .post {
  width: 71%;
}




/*-----------------------------------------------------

  List(Data)

-----------------------------------------------------*/
.data #wrapper #contents-area .contents a {
  padding-left: 13px;
  background: url(../../common/img/cmn_arrow_green.png) no-repeat left 50%;
}