/* 게시판 목록 */
#bo_list {
  position: relative;
}

#bo_list:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

.search-btn {
	display: inline-block;
  background: #027C58;
	padding: 10px 30px 14px;
  align-self: center;
  border-radius: 5px;
	margin: 0px 5px;
	cursor: pointer;
	color: #FFF;
}

.search-btn:hover {
  background: #708B79;
}


.bbs-footer a.bbs-btn {
	color: #999;
}

.bbs-toolbar a.bbs-btn {
	display: inline-block;
  background: #F1F0F5;
	padding: 8px 12px 12px;
  align-self: center;
  border-radius: 5px;
	margin: 0px 5px;
	cursor: pointer;
}

.bbs-footer a.bbs-btn {
	font-size: 12px;
	display: inline-block;
  background: #F1F0F5;
	padding: 8px 12px;
  align-self: center;
  border-radius: 4px;
	margin: 0px 5px;
	cursor: pointer;
}

.bbs-toolbar a.bbs-btn svg, .bbs-paging .bbs-btn svg, .bbs-footer a.bbs-btn svg {
  color: #656565;
	width: 20px;
  height: 20px;
}

.bbs-toolbar a.bbs-btn:hover svg, .bbs-footer a.bbs-btn:hover svg, .bbs-footer a.bbs-btn:hover {
  color: #ffffff;
}

.bbs-toolbar a.bbs-btn:hover, .bbs-footer a.bbs-btn:hover {
  background-color: #027C58;
}

.bbs-paging .btn {
	display: inline-block;
  background-color: #F1F0F5;
	padding: 10px 8px;
	width: 44px;
	text-align: center;
  align-self: center;
  border-radius: 5px;
	margin: 0px 2px;
	cursor: pointer;
	font-size: 14px;
}

.bbs-paging span:first-child, .bbs-paging span:last-child {
	padding: 8.4px 8px !important;
}

.bbs-paging .btn.active {
	background-color: #027C58;
	color: #FFFFFF;
}

.bbs-paging .btn.disable {
	cursor: default;
}

.bbs-paging .btn:hover {
	background-color: #708B79;
	color: #FFFFFF;
}

.bbs-paging .btn.disable:hover {
  background-color: #F1F0F5 !important;
	color: #3e5569 !important;
}

.BBS_Tbl {
  width: 100%;
  margin-bottom: 20px;
}

.BBS_Tbl > ul {
  display: table;
  width: 100%;
	padding-left: 0px;
}

.BBS_Tbl > ul > li {
  display: table-row;
  width: 100%;
}

.BBS_Tbl > ul > li > div {
  display: table-cell;
}

.BBS_Tbl > ul > li.BBS_TblTh {
  background: #f8f8f8;
}

.BBS_Tbl > ul > li.BBS_TblTh > div {
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  text-align: center;
	font-weight: bold;
	white-space: nowrap;
}

.BBS_Tbl > ul > li.BBS_TblTd > div {
  padding: 15px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

.BBS_Tbl > ul > li:hover.BBS_TblTd {
  background: #fafafa;
}

.BBS_Tbl > ul > li.BBS_TblTd .td_subject a {
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.BBS_Tbl > ul > li:hover.BBS_TblTd .td_subject a {
  padding-left: 5px;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.BBS_Tbl > ul > li.BBS_TblTd .td_subject .bo_tit a {
  display: block;
}

.BBS_Tbl > ul > li.BBS_TblTd .td_subject .bo_tit a em {
  font-style: normal;
}

.BBS_Tbl > ul > li:hover.BBS_TblTd .td_subject .bo_tit a em span,
.BBS_Tbl > ul > li:hover.BBS_TblTd .td_subject .bo_tit a em i {
  color: #333 !important;
}

.bo_notice,
.bo_notice > div {
  background: #fcf9f3 !important;
}

.BBS_Tbl .td_board {
  width: 120px;
  text-align: center;
}

.BBS_Tbl .td_chk {
  width: 30px;
  text-align: center;
}

.BBS_Tbl .td_date {
  width: 60px;
  text-align: center;
  font-style: italic;
}

.BBS_Tbl .td_datetime {
  padding: 0px 15px;
	white-space: nowrap;
  text-align: center;
  font-style: italic;
  color: #999;
  font-size: 11px;
  font-family: verdana;
}

.BBS_Tbl .td_group {
  width: 100px;
  text-align: center;
}

.BBS_Tbl .td_mb_id {
  width: 100px;
  text-align: center;
}

.BBS_Tbl .td_mng {
  width: 80px;
  text-align: center;
}

.BBS_Tbl .td_name {
  padding: 0px 15px;
	white-space: nowrap;
  text-align: center;
  padding: 10px 0;
}

.BBS_Tbl .td_nick {
  width: 100px;
  text-align: center;
}

.BBS_Tbl .td_num {
  padding: 0px 15px;
	white-space: nowrap;
  text-align: center;
  color: #999;
  font-size: 11px;
}

.BBS_Tbl .td_numbig {
  width: 80px;
  text-align: center;
}

.BBS_Tbl .td_section a {
  color: #0096d9;
}

.BBS_Tbl .td_section {
  padding: 0px 15px;
	white-space: nowrap;
  text-align: center;
  font-weight: 500;
}

.td_raty {
  padding: 0px 15px;
	white-space: nowrap;
  text-align: right;
}

.BBS_Tbl .txt_active {
  color: #5d910b;
}

.BBS_Tbl .txt_expired {
  color: #ccc;
}
/*
.BBS_Tbl .td_subject {
	width: 40%;
}
*/
.td_subject img {
  margin-left: 5px;
}

/*.BBS_Tbl .profile_img {display:inline-block;;margin-right:2px}*/
.BBS_Tbl .profile_img img {
  border-radius: 50%;
}

.BBS_Tbl .BBS_New {
  display: inline-block;
  background: #AE3C24;
  color: #fff;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  border-radius: 3px;
  vertical-align: middle;
}

.BBS_Tbl .cnt_cmt {
  display: inline-block;
  background: #242424;
  color: #fff;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  border-radius: 3px;
  vertical-align: middle;
}

.BBS_Tbl .bo_tit .fa-download {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #ddd;
  color: #999;
  text-align: center;
  font-size: 10px;
  border-radius: 2px;
  margin-right: 2px;
  vertical-align: middle;
  margin-right: 2px;
}

.BBS_Tbl .bo_tit .fa-link {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #ddd;
  color: #999;
  text-align: center;
  font-size: 10px;
  border-radius: 2px;
  margin-right: 2px;
  vertical-align: middle;
  margin-right: 2px;
  font-weight: normal;
}

.BBS_Tbl .bo_tit .new_icon {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.833em;
  color: #999;
  background: #ddd;
  text-align: center;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 2px;
}

.BBS_Tbl .bo_tit .hot_icon {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.833em;
  color: #999;
  background: #ddd;
  text-align: center;
  border-radius: 2px;
  ;vertical-align: middle;
  margin-right: 2px;
  font-weight: normal;
}

.BBS_Tbl .bo_tit .fa-lock {
  display: inline-block;
  line-height: 14px;
  width: 16px;
  font-size: 0.833em;
  color: #fff;
  background: #333;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  border: 1px solid #000;
}

.BBS_Tbl .bo_tit a {
  font-size: 15px;
	color: #222;
}

.cmt-wrapper .card {
	margin-bottom: 15px;
}

.bbs-subject {
	padding: 0rem .25rem 0rem .5rem;
	font-size: 18px;
	width: 100%;
}

.bbs-img {
	margin-bottom: 20px;
}

.bbs-img img {
	display: block;
	max-width: 100%;
	max-height: 800px;
	margin: 0 auto;
}

.bbs-content {
	margin: 0 0.5rem;
	min-height: 200px;
	line-height: 160%;
}

.bbs-content img {
	max-width: 100%;
	height: auto !important;
}

.bbs-writer {
	color: #999;
	font-size: 13px;
}

.bbs-date {
	color: #999;
	font-size: 12px;
	text-align: right;
}

.cmt-wrapper .cmt-datetime {
	color: #999;
	font-size: 13px;
}

.onlyMvV, .BBS_Tbl > ul > li > div.mvInlinev i, .cmt-wrapper div.mvInlinev.writer-profile {
  display: none;
	padding-left: 0px;
}

.sound_only {
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important;
}

@media all and (max-width: 767px) {
	.bbs-list .card.border-md-0 {
		border: 0!important;
	}

	.bbs-list .card-body {
		padding: 0px !important;
	}

	.bbs-view .card-body {
		padding: 10px !important;
	}

  .BBS_Tbl > ul {
    display: block !important;
  }

  .BBS_Tbl > ul > li {
    display: block !important;
    border-bottom: 1px solid #ddd;
    position: relative;
  }

  .BBS_Tbl > ul > li > div {
    display: block;
    border-bottom: 0px !important;
    padding: 0px;
  }

  .BBS_Tbl > ul > li.BBS_TblTd {
    padding: 7px 15px 15px;
    text-align: left;
  }

	.BBS_Tbl > ul > li.BBS_TblTh > div {
		padding: 15px 0;
	}

  .BBS_Tbl > ul > li.BBS_TblTd > div {
    padding: 0px;
    border-bottom: 0px;
  }

  .BBS_Tbl > ul > li > div.mvInlineN, .cmt-wrapper div.mvInlineN {
    display: none;
  }

  .BBS_Tbl > ul > li > div.mvInlinev, .cmt-wrapper div.mvInlinev {
    display: inline-block !important;
    width: auto !important;
    padding: 0 5px;
    font-size: 12px;
  }

  .BBS_Tbl > ul > li > div.mvInlinev i {
    display: inline-block;
    margin-left: 3px;
  }

  .BBS_Tbl > ul > li > div.mvInlinev:before, .cmt-wrapper div.mvInlinev:before {
    content: " | ";
    color: #ddd;
  }

  .BBS_Tbl > ul > li > div.mvInlinev.td_name:before, .cmt-wrapper div.mvInlinev.writer-profile:before {
    content: " ";
  }

  .BBS_Tbl > ul > li > div.mvInlinev.td_name, .cmt-wrapper div.mvInlinev.writer-profile {
    padding-left: 2px;
  }

	.BBS_Tbl .td_section {
		padding: 0px 10px 0px 0px !important;
	}

  .BBS_Tbl > ul > li > div.td_subject {
    display: block;
  }

  .BBS_Tbl > ul > li > div.td_subject a {
    padding: 0 0 8px 0;
  }

  .BBS_Tbl > ul > li > div.td_subject a.bo_cate_link {
    display: inline-block;
    padding-top: 8px;
  }

  .BBS_Tbl > ul > li > div.td_chk {
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .BBS_Tbl > ul > li:hover.BBS_TblTd .td_subject a {
    padding-left: 0px;
  }

  .BBS_Tbl > ul > li.BBS_TblTd .td_subject .bo_tit a {
    padding-top: 8px;
  }

  .onlyMvV {
    display: inline-block;
    margin-left: -5px;
  }

	.bbs-content img {
		width: 100% !important;
		height: auto !important;
	}

	.cmt-wrapper div.cmt-content {
		font-size: 15px;
	}

	.cmt-wrapper .writer-profile {
		color: #999;
	}

	'starScore_view {
		margin-right: 1rem!important;
	}
}

#approval:hover, #revoke:hover {
	background-color: #FF3CA6;
}

.starScore_view {
	display: inline-block;
	width: 25px;
	font-size: 20px;
	font-weight: 700!important;
}

.rate-score {
	font-size: 13px;
	font-weight: 700!important;
	color: #FF4200;
	width: 35px;
	text-align: center;
}

.suasion {
	color: #C0C0C0;
}

.cmt-wrapper .cmt-content svg {
	width: 18px;
	height: 18px;
}

#cmt_write {
	background-color: #5B8DEE !important;
	color: #FFFFFF !important;
	padding: 0px 15px;
}

#Month_Top10 table , #All_Top10 table {
	table-layout : fixed;
}

#Month_Top10 table tr td, #All_Top10 table tr td {
	font-size: 14px;
	padding: 3px 0px;
	border-bottom: dotted 1px #E9ECEF;
}

#Month_Top10 table tr td:nth-child(2) {
	width: 135px;
}

#All_Top10 table tr td:nth-child(2) {
	width: 53px;
}

#Month_Top10 .rank, #All_Top10 .rank {
	display: inline-block;
	width: 18px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background: linear-gradient(to bottom, #A7A7A7 0%, #959595 100%);
	border: 1px solid #949494;
	border-radius: 3px;
}

#Month_Top10 .rank.active, #All_Top10 .rank.active {
	background: linear-gradient(to bottom, #95C5EE 0%, #0999DA 100%) !important;
	border: 1px solid #0096D9 !important;
}

.advanced-search {
	background-color: #F8F8F8;
}

.advanced-search .custom-checkbox .custom-control-label {
	width: 65px;
}

.advanced-search select {
	background-color: #FFF;
}

#half-star-big img {
	margin-top: -8px;
}

.read-only-half-stars img {
	margin-top: -4px;
}

.cmt-cencel {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: chocolate;
    padding: 1px 5px;
    border: 1px solid gray;
    font-size: 12px;
    border-radius: 2px;
}

.bbs-del {
	color: gray;
	text-decoration: line-through;
	text-decoration-color: red;
}

#bo_v_info {padding-top: 10px; color:#666; font-size:.65em}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#666;}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{margin:0;font-style:italic;color:#888}

#bo_v_file {margin:10px 0;border:1px solid #d4d4d4;border-radius:5px;}
#bo_v_file h2 {padding:10px;background: #f3f3f3; font-size:1em; font-weight: 500;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:0.9em;}
#bo_v_file a {display:inline-block;color:#c89b43;text-decoration:underline;}
#bo_v_file a strong{}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {display:block; text-align:right; color:#888; font-size:0.85em}

.thumbnail-wrapper {
	width: 25%;
	border: 1px solid gray;
}

.thumbnail {
	position: relative;
	padding-top: 100%;	/* 1:1 ratio */
	overflow: hidden;
}

.thumbnail .centered {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
}

.thumbnail .centered img {
	position: absolute;
	top: 0;
	left: 0;
/*
	max-width: 100%;
	height: auto;
*/
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

img.portrait {
	width: 100% !important;
	height: auto !important;
}

img.landscape {
	width: auto !important;
	height: 100% !important;
}

img.mPhotoEvent {
	display: block;
	max-width: 100%;
	max-height: 300px;
	margin-bottom: .25rem;
	border-radius: 10px;
	margin: 0 auto;
}

img.sPhotoEvent {
	display: block;
	max-width: 100%;
	max-height: 200px;
	margin-bottom: .25rem;
	border-radius: 10px;
	margin: 0 auto;
}

.el-element-overlay .el-card-item .el-overlay-1, .bbs-photo .el-overlay-1 {
	border-radius: 10px;
}

@media (min-width:768px) {
	.photo-list.el-element-overlay .el-card-item .el-overlay-1 img {
		height: 150px;
		width: auto;
		border-radius: 10px;
		margin-left: 50%;
		transform: translateX(-50%);
	}
}

.point-setting-btn {
	padding: 0px 5px;
	border: 1px solid #808080;
	border-radius: 3px;
}

.rank-btn {
	background: #dee2e6;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	opacity: .5;
	transition: opacity .15s ease;
	padding: 5px;
}

.rank-btn:focus, .rank-btn:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9;
}