@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;
	}
}

#exchange_notice {display: flex;}
#exchange_notice .notice-ex {flex:0 0 63.5%; max-width: 63.5%;}
#exchange_notice .money-ex {flex: 0 0 36.5%; max-width: 36.5%; padding-left: 10px;}
#exchange_notice .money-item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 40px);
	font-size: 21px;
	font-weight: bold;
	border: 3px solid #333;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	min-height: 68px;
}
#exchange_notice .money-item span {color: red; margin-right: 0.25rem;}
#exchange_notice h5, #exchange_notice h6 {background: #333; border-radius: 5px; padding: 10px; color: #fff; font-weight: bold; text-align: center; font-size: 16px}
#exchange_notice h6 {border-radius: 5px 5px 0 0;}
#exchange_notice ul {}
#exchange_notice ul li {
	display: flex;
	border: 1px solid #e9e9e9;
	background: #fff;
	border-radius: 5px;
	flex: 0 0 calc(50% - 1px);
	max-width: calc(50% - 1px);
	min-height: 32px;
	align-items: center;
	padding: 0 0.65rem;
	margin-top: 2px;
	color: #555;
	font-weight: bold;
}
#exchange_notice ul li:nth-child(odd) {margin-right: 1px;}
#exchange_notice ul li:nth-child(even) {margin-left: 1px;}
#exchange_notice ul li a {background: #333; color: #fff; padding: 0.05rem 0.50rem; border-radius: 5px; font-size: 12px;}
#exchange_notice ul li a:hover {background: red;}
#exchange_notice ul li span {margin-right: 0.50rem;}

.change-item-box {max-width: 560px; margin: 1rem auto; border-radius: 10px; overflow: hidden; box-shadow: 2px 5px 8px #9b9b9b24; -webkit-box-shadow: 2px 5px 8px #9b9b9b24; -moz-box-shadow: 2px 5px 8px #9b9b9b24;}
.change-item-box table {width: 100%;  border-color: #eee; }
.change-item-box table tr {border-bottom: 1px solid #eee;}
.change-item-box table tr th {background: #333; padding: 10px; color: #fff; border-bottom: 1px solid #7b7b7b; text-align: center; width: 160px;}
.change-item-box table tr td {background: #fff; padding: 10px; font-weight: 300;}
.change_remove {color: red;}

.change_select select {height: 100%; width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 6px; font-size: 14px;}
.change_select select:focus {outline: 0;}

.exchange_list .na-table li:last-child {border-bottom: 0 !important;}

@media (max-width:767px) {
	#exchange_notice {flex-direction: column;}
	#exchange_notice ul {flex-direction: column;}
	#exchange_notice ul li {flex: 0 0 100%; max-width: 100%;}
	#exchange_notice ul li:nth-child(odd),
	#exchange_notice ul li:nth-child(even) {margin: 2px 0 0 0;}
	#exchange_notice .notice-ex,
	#exchange_notice .money-ex {flex: 0 0 100%; max-width: 100%; padding: 0 ; margin: 0 0 1rem 0;}
  .change-item-box {font-size: 12px;}
  .change-item-box table tr th {width: 100px;}
}

/* 게시판 읽기 */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
}
#bo_v_con {
	min-height:200px;
	word-break:break-all;
	overflow:hidden
}
@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con {
		min-height:140px;
	}
}

#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;
	}
}

.notice_blind {padding: 5px; text-align: center; font-weight: bold; font-size: 1.7rem;}

/* 게시판 댓글 : 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;
}

#bo_w .loaded-exchange {
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 5px;
	background: #e2f4ff;
	margin-bottom: 1rem;
	color: #373737;
}

@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;
	}

	#bo_w .loaded-exchange {font-size: 12px;}
}