@charset "utf-8";
/* common */

/* login */
#board-login form {
	max-width: 380px;
	margin: 0 auto;
}
#board-login .form-signin-heading {
	font-size: 14pt;
	margin: 0 0 20px 0;
	padding: 0;
}
#board-login .form-control {
	position: relative;
	font-size: 12pt;
	height: auto;
	padding: 10px;
}
#board-login .form-control:focus {
	z-index: 2;
}
#board-login input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#board-login input[type="password"] {
	margin-bottom: 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* write */
#board-write .wysiwyg-editer-wrap {
	margin-bottom: 10px;
}
#board-write .file-upload-wrap {
	margin-top: 10px;
	margin-bottom: 30px;
}
#board-write .submit-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
#board-write .submit-btns a,
#board-write .submit-btns button {
	width: 108px;
	height: 40px;
	font-size: 14px;
	padding-top: 0;
	line-height: 39px;
}
#board-write .submit-btns button.event-common-click-submit {
	font-weight: bold;
}
/* list */
#board-list table.table-list th {
	padding: 12px 5px 12px;
}
#board-list table.table-list td {
	padding: 14px 5px;
}
#board-list table.table-list td.name,
#board-list table.table-list td.date {
	color: #666666;
}
#board-list table.table-list td.td-subject{
	font-size:14px;
}
#board-list table.table-list a {
	color: #333;
}
#board-list table.table-list .comment-count {
	color: #333;
	font-weight: 500;
	margin-left: 5px;
}
#board-list table.table-list .qna-status {
	font-size: 12px;
    padding: 2px 4px 0 4px;
    margin-right: 5px;
    background: #f9f9f9;
    color: #333;
    border: 1px solid #b1b1b1;
    display: inline-block;
	width: 52px;
	height: 21px;
    text-align: center;
}
#board-list table.table-list .qna-status.type-ok {
	border-color: #ff0000;
	color: #ff0000;
}
#board-list table.table-list .category-type-important {
	color: #ff0000;
}
#board-list .rate {
	position: relative;
	height: 17px;
	width: 90px;
	display: block;
	margin-top: 0;
	margin-bottom: 5px;
	vertical-align: middle;
}
#board-list .rate:before {
	content: "";
	display: block;
	width: 80px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../imgs/board_rate_no.png?v=1");
}
#board-list .rate:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../imgs/board_rate.png?v=2");
}
#board-list .rate_1:after {
	width: 16px;
}
#board-list .rate_2:after {
	width: 32px;
}
#board-list .rate_3:after {
	width: 48px;
}
#board-list .rate_4:after {
	width: 64px;
}
#board-list .rate_5:after {
	width: 80px;
}
#board-list .thumb-wrap {
	width: 80px;
	height: 80px;
	line-height: 76px;
	margin: 0 auto;
	overflow: hidden;
}
#board-list .thumb-wrap img {
	max-width: 100%;
	max-height: 100%;
}
#board-list .thumb-wrap .thumb {
	border: 1px solid #dedede;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
#board-list .thumb-wrap .no-thumb {
	border: 1px solid #dedede;
	display: block;
	height: 100%;
	background: url("../imgs/board_no_thumb.gif") no-repeat 50% 50% #f3f3f3;
}
#board-list .submit-btns {
	text-align: right;
}
#board-list .submit-btns a {
	min-width: 100px;
	height: 35px;
	font-weight: bold;
	padding-top: 9px;
}
/* view */
#board-view {
	margin-bottom: 42px;
}
#board-view table.table-view th {
	font-size: 13px;
	font-weight: normal;
}
#board-view table.table-view th,
#board-view table.table-view td {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 18px;
}
#board-view table.table-view td.subject{
	font-size: 14px;
	font-weight: bold;
}
#board-view table.table-view  {
	margin-bottom: 15px;
}
#board-view table.table-view .content {
	padding: 20px 5px;
	line-height: 150%;
	min-height: 200px;
	font-size:14px;
}
#board-view table.table-view .content p {
	margin-bottom: 0;
}
#board-view table.table-view .file p {
	margin-bottom: 0;
}
#board-view .rate {
	position: relative;
	display: block;
	height: 17px;
}
#board-view .rate:before {
	content: "";
	display: block;
	width: 85px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../imgs/board_rate_no.png");
	background-size: 17px 17px;
}
#board-view .rate:after {
	content: "";
	display: block;
	width: 19px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../imgs/board_rate.png");
	background-size: 17px 17px;
}
#board-view .rate_1:after {
	width: 17px;
}
#board-view .rate_2:after {
	width: 34px;
}
#board-view .rate_3:after {
	width: 51px;
}
#board-view .rate_4:after {
	width: 68px;
}
#board-view .rate_5:after {
	width: 85px;
}

.board-search-wrap .btn-xs{
	padding:5px 18px 4px;
}

#board-view .subject{
	font-size:14px;
}

#board-view th + td{
	padding-left:20px;
}
#board-view .submit-btns {
	display: flex;
	gap: 6px;
	margin-bottom: 28px;
}
#board-view .submit-btns .btn {
	min-width: 64px;
	height: 34px;
	font-size: 13px;
	font-weight: normal;
}
#board-view .submit-btns .btn.list-btn {
	min-width: 100px;
	margin-right: auto;
}

/* 공유하기 */
.share-wrap {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:99;
}
.share-wrap .share-inner {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:280px;
	border-radius:15px;
	background:#fff;
	padding:25px;
}
.share-wrap .share-inner .share-head {
	font-size:18px;
	font-weight:bold;
	letter-spacing: -0.025em;
	position:relative;
	line-height:20px;
}
.share-wrap .share-inner .share-head .event-common-click-share-close {
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
}
.share-wrap .share-inner .share-head .event-common-click-share-close:before {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#7d7d7d;
	position:absolute;
	top:50%;
	left:0;
	transform:rotate(45deg);
}
.share-wrap .share-inner .share-head .event-common-click-share-close:after {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#7d7d7d;
	position:absolute;
	top:50%;
	left:0;
	transform:rotate(-45deg);
}
.share-wrap .share-inner .share-body {
	margin-top:30px;
	display:flex;
	gap:0 10px;
}
.share-wrap .share-inner button {
	background:none;
	outline:none;
	border:none;
}

/* 게시판에 불러오는 아이템 정보 */
#order-item .order-item-list {
	border: 1px solid #ececec;
	margin-bottom: 20px;
}
#order-item .order-item-list td {
	background: #fafafa;
}
#order-item .order-item-list .thumb {
	margin: 0 auto;
	width: 88px;
	min-width: 88px;
	text-align: center;
	height: 88px;
	line-height: 84px;
	border: 1px solid #ececec;
	background: #fff;
}
#order-item .order-item-list .no-thumb {
	background: url(/imgs/system/no_thumb.gif) no-repeat 50% 55% #fff;
}
#order-item .order-item-list .order-content-wrap {
	letter-spacing: -0.01em;
	font-size: 12px;
}
#order-item .order-item-list .order-content-top {
	font-size: 13px;
}
#order-item .order-item-list .order-content-subject {
	margin: 9px 0 1px;
}
#order-item .order-item-list .order-content-subject a {
	color: #333;
	letter-spacing: -0.01em;
}
#order-item .order-item-list .order-content-middle span {
	margin-right: 12px;
}
#order-item .order-item-list .order-content-service-option {
	color: #f33400;
}