#contents .title{background: #005BAC;position: relative}
#contents .title small {color: #fff;position: absolute;right: 20px;bottom:10px}

/* 리스트 페이지 시작 */
.listwrap {width:100%;}
.listwrap thead tr th{padding:14px 19px; line-height: 1.5em; font-size: 17px; color:#000; font-weight: 500;}
.listwrap tbody tr{border-bottom:1px solid #cdcdcd; cursor: pointer; transition: background .2s;}
.listwrap tbody tr:first-of-type{border-top: 1px solid #cdcdcd}
.listwrap tbody tr:nth-of-type(2n+1){background:#F7F7F7}
.listwrap tbody tr:hover{background: #ddd;}
.listwrap tbody tr td{padding:14px 19px; line-height: 1.5em; font-size: 14px; color:#000; font-weight: 400;}
.listwrap tbody tr td div{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;}
.listwrap tbody tr td button{padding:6px 12px; border:none; background: #00a7ac; color:#fff; border-radius: 100px; font-size: 12px; transition: all .4s;}
.listwrap tbody tr td button:hover, .listwrap tbody tr td button:active, .listwrap tbody tr td button:focus{border-radius: 10px;}
/* 리스트 페이지 종료 */

/* 설문 리스트 페이지 페이지 리스트 시작 */
.nav_circle {font-size: 0;display: table;margin: 20px auto}
.nav_circle li {cursor: pointer;font-size: 14px;float: left;margin: 0 2px;display: table;height: 32px; color:#000 !important;}
.nav_circle li div {width: 32px; height: 32px;text-align: center;display: table-cell;vertical-align: middle}
.nav_circle li div:hover {border: 1px solid #00a7ac; width: 32px; height: 32px;line-height: 30px;border-radius: 5px; color: #00a7ac;text-align: center;}
.nav_circle li div.on {border: 1px solid #00a7ac; background: #00a7ac; width: 32px; height: 32px;line-height: 30px;border-radius: 5px; color: #fff; font-weight: bold; text-align: center;}
/* 설문 리스트 페이지 페이지 리스트 종료 */

/* Q&A FAQ */
.collapsible { cursor: pointer;	padding: 2px;	width: 100%;	border: none;	text-align: left;	outline: none;font-size: 15px;}
    /* background-color: #777; */	/* color: white; */	/* font-size: 15px; */
.active, .collapsible:hover {background-color: #BBB;}
.coll_content {	padding: 0 1px;	max-height: 0;	overflow: hidden;	transition: max-height 0.2s ease-out;font-size: 15px;}
    /* background-color: #f1f1f1; */
.faq_q {padding: 2px;	width: 100%;	border: none;	text-align: left;	outline: none;font-size: 15px;}
.faq_a {padding: 0 1px;	font-size: 15px;background-color: #f7f7f7;}
/* Q&A FAQ end. */

.mailbox-attachments {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}
.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}
.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}
.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}
.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}
.mailbox-attachment-icon.has-img {
  padding: 0;
}
.mailbox-attachment-icon.has-img > img {
  max-width: 100%;
  height: auto;
}