@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 .form-capsule li {
	margin-bottom: 10px;
}
#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 .event-common-click-popup {
	border-radius: var(--sub-radius);
	font-size: 13px;
	font-weight: 500;
	padding: 0 15px;
	line-height: 30px;
}
#board-write .form-capsule li.category .content .type-select {
	max-width: 300px;
}
#board-write .form-capsule li.date .content {
	max-width: 300px;
}
#star-rating {
	height: 100%;
	display: flex;
	align-items: center;
}
#board-write .submit-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 60px;
}
#board-write .submit-wrap .btn {
	font-size: 15px;
	font-weight: 500;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 50px;
}


/* list */
#board-list table.table-list .comment-count {
	color: var(--second-color);
	margin-left: 5px;
}
#board-list table.table-list .qna-status {
	font-size: 14px;
	font-weight: 600;
	color: var(--font-color);
}
#board-list table.table-list .qna-status.type-ok {
	color: #ff6565;
}
#board-list table.table-list .category-type-important {
	color: #ff0000;
}
#board-list .rate,
#board-view .rate {
	position: relative;
	height: 17px;
	width: 90px;
	display: block;
	margin-top: 0;
	vertical-align: middle;
}
#board-list .rate {
	margin-bottom: 5px;
}
#board-list .rate:before,
#board-view .rate:before {
	content: "";
	display: block;
	width: 80px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../imgs/board-star-bg.png");
}
#board-list .rate:after,
#board-view .rate:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../imgs/board-star-on.png");
}
#board-list .rate_1:after,
#board-view .rate_1:after {
	width: 16px;
}
#board-list .rate_2:after,
#board-view .rate_2:after {
	width: 32px;
}
#board-list .rate_3:after,
#board-view .rate_3:after {
	width: 48px;
}
#board-list .rate_4:after,
#board-view .rate_4:after {
	width: 64px;
}
#board-list .rate_5:after,
#board-view .rate_5:after {
	width: 80px;
}
#board-list .thumb-wrap .thumb {
	border: 1px solid var(--line-color);
	background: #fff;
	border-radius: var(--radius);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
#board-list .thumb-wrap .thumb img {
	max-width: 100%;
	max-height: 100%;
}
#board-list .thumb-wrap .no-thumb {
	background: url("/imgs/system/no-thumb.png") no-repeat 50% 55% #fafafa;
}
#board-list .submit-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}


/* view */
#board-view table.table-view .content {
	padding: 20px;
}
#board-view .submit-wrap {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}


/* 공유하기 */
.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 {
	margin-bottom: 60px;
}
#order-item .order-item-list .group-item .info-wrap {
	border-right: none;
	padding: 20px;
}
#order-item .order-item-list .group-item .info-wrap .thumb {
	width: 80px;
	height: 80px;
}
#order-item .order-item-list .group-order {
	height: 50px;
}
#order-item .order-item-list .group-order .info-wrap {
	padding-left: 20px;
	padding-right: 20px;
}