@charset "utf-8";

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:1.0rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

.ex_info .pop-info-btn button {padding: 4px 8px}
.ex_info .pop-info-btn img {width: 15px;}

/* 게시판 읽기 */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
}
#bo_v_con {
	word-break:break-all;
	overflow:hidden
}
.ex_mobile_title {padding: 10px 15px 0;}
.ex_mobile_title p {border-bottom: 2px solid; display: flex; justify-content: space-between;}

.exchange_list {
	border-bottom: none;
	border-radius: 5px;
	box-shadow: 0 2px 8px #0000001f;
	-webkit-box-shadow: 0 2px 8px #0000001f;
}
.exchange_list .na-table li:nth-child(even) {background: #f9f9f9;}

.change-item-box {display: flex; justify-content: space-evenly; align-items: center;}
.change-item-box table {flex:0 0 50%; }
.change-item-box table tr {border: 1px solid #d7d7d7;}
.change-item-box table tr th {width: 40%; color: #393939; background: linear-gradient(0deg, #efefef, transparent); padding: 5px; text-align: center; border-right:1px solid #d7d7d7;}
.change-item-box table tr td {width: auto; padding: 5px; font-weight: bold;}
.change-item-box>div {flex:0 0 30%; display: inline-flex; flex-direction: column;}
.change-item-box>div button {margin-top: 5px;}
.change-item-box>div button:first-child {margin-top: 0;}

.card-body {-webkit-box-shadow: 0 2px 8px #0000002e; box-shadow: 0 2px 8px #0000002e; border-radius: 5px;}
.card-body .col-form-label {background: #383838; color: #fff; margin-right: 0.5rem; padding: 10px; border: 1px solid #ddd; border-radius: 5px; text-align: center;}

.notice_txt {background: #383838; padding: 15px; border-radius: 5px; margin-bottom: 10px;}
.notice_txt h6 {display: inline-block; font-size: 16px; color: #f5a511; margin-bottom: 0.5rem;}
.notice_txt p {color: #fff;}
.notice_txt a {color: #333; background: #f7f7f7f7; padding: 10px 15px; border-radius: 5px; margin-top: 10px; display: inline-block; line-height: 12px;}
.notice_txt a:hover {color: #fff; background: #ffa500;}

#bo_w .bo_w_tit .item-form {display: grid; grid-template-columns: 20% 1fr; align-items: center;}
#bo_w .bo_w_tit .ckd_box {
	display: inline-flex;
  align-items: center;
  margin: 0;
  font-size: 12px;
  cursor: pointer;
  background: #fff;
  padding: 2px 4px;
  border: 1px solid #ddd;
}
#bo_w .bo_w_tit select {
	display: inline-block;
  height: calc(2.1rem + 2px);
  width: 100%;
  padding: .375rem .25rem;
  vertical-align: middle;
  border: 1px solid #ced4da;
  background: #fff;
  color: #434343;
}
.card-body .frm_input:not(.form-control),
.card-body .tbl_input:not(.form-control),
.card-body textarea:not(.form-control) {
	line-height: 1.5;
  height: auto;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  resize: none;
  box-shadow: none;
}

@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con {
		min-height:140px;
	}

	.change-item-box {flex-direction: column; align-items: unset;}
	.change-item-box table {margin-bottom: 20px;}
	.change-item-box>div {flex: 0 0 100%; display: block;}
	.change-item-box>div button:first-child {margin-top: 5px;}

	#bo_w .bo_w_tit .item-form {grid-template-columns: 40% 1fr;}
}

#bo_v_con img {
	max-width:100%;
	height:auto
}
#bo_v_img {
	width:100%;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#bo_v_img:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_v_img a.view_image {
	display:block;
}
#bo_v_img img {
	margin-bottom:1.0rem;
}

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon {
	margin:-5px auto;
}
#bo_v_sns_icon img {
	width:40px;
	border-radius:50%;
	margin:5px;
}

/* 게시판 댓글 : 내용 */
.cmt-reply {
	top:0;
	left:-16px;
}
.by-writer {
	background:#fbefef !important;
	border-top:1px solid #f6cece !important;
}
.cmt-content {
	word-break:break-all;
	overflow:hidden
}
.cmt-content img {
	max-width:100%;
	height:auto
}

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul {
	list-style: none;
	margin: 0;
}
.cmt-btn ul > li {
	float: left;
	font-size:12px;
	padding: 0 10px;
}
.cmt-btn ul > li::before {
	float: left;
	color:#ccc;
	content: "|";
	margin-left:-12px;
}
.cmt-btn ul > li:last-child {
	padding-right:0;
}
.cmt-btn ul > li:first-child::before,
.cmt-btn ul > li.no-bar::before {
	content: "";
	margin-left:0;
}
.cmt-btn ul > li > a {
	float:left;
	color:#888;
	white-space:nowrap;
}

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content {
	resize:none;
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol {
	margin:0;
	padding:0;
	list-style:none;
	zoom:1;
	background:#ccc;
	border-radius:3px;
}
#bo_vc_opt ol:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_vc_opt ol li {
	float:left;
	margin:0;
}
#bo_vc_send_sns ul {
	margin:0;
	padding:0;
	list-style:none;
	zoom:1;
}
#bo_vc_send_sns ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_vc_send_sns ul li {
	float:left;
	margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {
	margin:0 0 0 0.5rem;
}

/* 게시판 쓰기 */
#bo_w .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
#bo_w #wr_content {
	margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px !important;
	}
}