@charset "UTF-8";

.top-box{border-bottom:1px solid #000;padding:0;position:relative;}
.top-box>div{display:inline-block;position:relative}
.top-box .search-result{height:33px;font-size:14px;line-height:25px;font-weight:500;color:#a7a7a7}
.top-box .search-result h3{font-size:14px;line-height:25px;font-weight:500;color:#a7a7a7}
.top-box .search-result__count{color:#000}
.board-page__post .top-box{height:34px}
.board-pw__area .top-box{height:34px;border:none}



.board {
	width: 1180px;
	margin: 70px auto 10px;
}
.board__table {
	width: 100%;
	margin: 55px auto;
}

.board table td, .board table th {
	line-height: 2.65rem;
}
.board table th{
	font-weight: 400;
	text-align:center;
}
.board table td {
	font-weight: 300;
	padding:0 1.2rem;
}
.board table td:first-child{
	padding-left:1.9rem;
}
.board table td:nth-child(3){
	padding-left:2.3rem;
}
.board table .board-title.re>a::before{
	content:'\e97e';font-family:xeicon
}
.board table .board-title>.comments{color:#a7a7a7}
.board table .board-title>.comments::before{content:'['}
.board table .board-title>.comments::after{content:']'}
.board-title__content{
	display: inline-block;
	width: 90%;
	height: 100%;
}
.board table i::before{font-family:xeicon;position:relative;top:1px;margin-left:2px;font-style:normal;color:#a7a7a7}
.board table i.attachment::before{content:'\eb74';transform:rotate(-40deg);display:inline-block;top:2px}
.board table i.secret::before{content:"\e964"}
.board .pagination{text-align:center}
.board .nav-writeBtn{position:relative;margin-top:34px}
.board .nav-writeBtn>.btn {
	position: absolute;
	top: -0.5rem;
	right: 0
}

.board-page {
	width: var(--width-content-view-1);
	margin: 0 auto 50px;
	padding-top:var(--padding-top-1);
}
.board-page__post {
	width:100%;
	border-top:var(--line-point-1);
}
@media screen and (max-width: 1000px){
	.board-page{padding-top:70px;width:94%;margin: 0px auto 50px;}
	.board-page__post{width:100%;display:inline-block;}
}
.board-page__post__title{
	display:flex;
	padding: 1.2rem;
	background-color: var(--color-point-2);
	justify-content: space-between;
}
.post-title__left{
	
}
.title__left-title{
	font-size:1.3rem;
	margin-bottom:0.79rem;
}
.title__left-sub{
	display:flex;
	font-size:0.95rem;
}
.left-sub__writer{
	padding-left:0.5rem;
	margin-right:1rem;
}
.left-sub__date{
	
}
.post-title__right{
	display:flex;
	font-size:0.95rem;
}
.title__right-count-view{
	margin-right: 0.7rem;
}
.title__right-count-down{
	
}
.board-page__post__info{text-align:center;margin-top:5px}
.board-page__post__info .info{margin-right:10px}
.board-page__post__text{margin-top:40px;line-height:25px;font-size:15px;padding-bottom:12px;border-bottom:solid 1px #d6d6d6}
.board-page__post__attachment li{height:38px;font-size:12px;font-weight:500;line-height:38px;position:relative}
.board-page__post__attachment li:last-child{border-bottom:solid 1px #d6d6d6}
.board-page__post__attachment i{color:#a7a7a7;font-size:20px;transform:rotate(-40deg) translate(-5px,3px)}
.board-page__post__attachment span{padding-left:1px}
.board-page__post__attachment a{position:absolute;right:0}
.board-page__post__attachment a::after{content:"\eb7c";font-family:xeicon;position:relative;top:2px;margin:0 5px 0 12px;font-size:15px}
.board__buttons {
	display:flex;
	justify-content:flex-end;
}
.board-post__buttons{
	margin-top:1.4rem;
}

.board-write {
	width: var(--width-content-view-1);
	margin: 70px auto 50px;
}
.board-write__area{
	border-top:var(--line-point-1);
}
.board-write__buttons{
	
}
/* .board-write__area__buttons{margin-top:0;}
.board-write__area__buttons .cancel>i{font-size:20px;transform:translateY(4px)}
.board-write__area__buttons .save>i{font-size:20px;transform:translateY(4px)}
.board-write__area__buttons .to-list{margin-left:24px} */
.board-write .checkbox-container{display:block;position:relative;padding-left:20px;margin-bottom:8px;margin-right:15px;cursor:pointer;font-size:14px;font-weight:500;color:#a7a7a7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.board-write .checkbox-container input{position:absolute;opacity:0;cursor:pointer}
.board-write .checkbox-container .checkmark{position:absolute;top:2px;left:0;height:14px;width:14px;border:2px solid #ccc;border-radius:50%}
.board-write .checkbox-container .checkmark:after{content:"";position:absolute;display:none}
.board-write .checkbox-container input:checked~.checkmark:after{display:block}
.board-write .checkmark-radio:after{top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:#707070}
.board-box ul{display:table;width:100%;}
.board-box ul.board-box__attachments{border-bottom:none}
.board-box__text{border-bottom:none!important}
.board-box li{display:table-row;width:100%}


 .board-box__td,.board-box__th{display:table-cell}
 .board-box__th{width:85px;vertical-align:top;padding-top:14px} 
 .board-box__td{padding:11px 0 0} 
 .board-box__td-title>input{width:711px} 
.board-write__row{
	margin-bottom:0.8rem;
}
.board-box input[type=password], .board-box input[type=text] {
	border: var(--line-grey-1);
	height: 30px;
	width:100%;
	padding-left:0.6rem;
}
.board-box input[type=password]:focus, .board-box input[type=text]:focus {
	border: var(--line-point-1);
	box-shadow:1px 1px 2px var(--color-point-1), -1px -1px 2px var(--color-point-1);
}
.xi-attachment{
	transform: rotate(-45deg);
}





.board-box textarea{width:100%;height:500px!important;resize:none}







.board-box__attachments__th{font-size:12px;font-weight:500;padding-top:6px}
.board-box__attachments__th>i{font-size:20px;transform:rotate(-40deg) translateY(5px)}
.board-box__attachments__td{padding-top:8px}
.board-box__attachments__td>input{width:216px;height:24px;background-color:#ececec;font-size:12px;padding:3px 5px}
.board-box__attachments__td button{width:24px;height:24px;background:#a7a7a7;margin-left:7px}
.board-box__attachments__td button>i{color:#fff;transform:translate(-3px,-2px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.board-box__attachments__td>input{height:auto;transform:translateY(-3px)}}@supports (-ms-ime-align:auto){.board-box__attachments__td>input{height:auto;transform:translateY(-3px)}} 

.board-pw__area{width:577px; margin:0 auto 0}

.board-pw__area form{width:577px;height:226px;background-color:#ececec;padding-top:57px;font-size:15px;margin:0 auto}
.board-pw__area fieldset{width:420px;margin:0 auto}
.board-pw__area legend{font-weight:500;text-align:center;margin-bottom:17px;width:100%}
.board-pw__area label{margin-right:14px;line-height:45px}
.board-pw__area input{width:282px;height:45px;border:none;outline:0;background:#fff;padding-left:10px;margin-right:10px;}
.board-pw__area a{display:block;width:54px;height:45px;border-radius:3px;background:#a7a7a7;line-height:45px;color:#fff;font-size:12px;font-weight:500;text-align:center}
.btn-board{
	position: relative;
	font-family: 'Noto Sans KR';
	line-height: normal;
	letter-spacing: 0.1rem;
	text-align: unset;
	border-radius: 0.15rem;
}
.buttons__btn-board {
	width: 4.8rem;
	height: 2.2rem;
	padding: 0.22rem 0.5rem 0 1.9rem;
	margin-left: 0.4rem;
	font-size: 1.1rem;
}
button.buttons__btn-board{
	padding-top:0;
}
.buttons__btn-board.board-list__btn-write{
	width:6rem;
}
.buttons__btn-board i{
	position:absolute;
}
/* .buttons__btn-board .xi-trash, .buttons__btn-board .xi-pen, .buttons__btn-board .xi-subdirectory-arrow{
	left:0.5rem;
} */
.buttons__btn-board .xi-check, .buttons__btn-board .xi-bell{
	left:0.5rem;
	top:0.5rem;
}
.buttons__btn-board .xi-subdirectory-arrow{
	left:0.5rem;
	top:0.6rem;
	font-size:1.2rem;
}
.buttons__btn-board .xi-trash, .buttons__btn-board .xi-pen{
	left:0.5rem;
	top:0.5rem;
}
.buttons__btn-board .xi-bars{
	font-size:1.3rem;
	left:0.35rem;
	top:0.46rem;
}
.comment__title {
	height: 38px;
	font-weight: 400;
	line-height: 38px
}

.comment__title>i {
	font-size:1.3rem;
	transform: translateY(3px);
}

.comment ul {
	background-color: var(--color-point-2);
	padding: 1.25rem;
}

.comment li {
	border-bottom: var(--line-point-1);
	padding-bottom:10px;
	margin-bottom: 15px;
	list-style: none;
}
.comment__name-date{font-size:12px;font-weight:500}
.comment__date{margin-left:10px;color:#a7a7a7}
.comment__text {
	position: relative;
	margin-top: 5px;
	font-size: 0.9rem;
	line-height: 25px
}

.comment__input {
	width: 80%;
	height: 100%;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	color: #000000;
	padding:0.3rem 0.3rem 0.2rem 0.4rem;
}

.comment__btn{position:absolute;bottom:-5px;right:0}
.comment__btn button {
	width: 1.6rem;
	height: 34px;
	font-size: 0;
}

.comment__btn button::before {
	font-family: xeicon;
	font-size: 1.1rem;
	color: var(--color-grey-2);
}
.comment__btn button:hover::before{
	color:var(--color-point-1);
}
.comment__btn .comment-edit::before{content:"\e9c3"}
.comment__btn .comment-del::before{content:"\e96e"}
.comment__add textarea{width:calc(100% - 70px);height:43px!important;border:none;resize:none}
.comment__add button {
	display: block;
	float: right;
	width: 54px;
	height: 43px;
	border-radius: 3px;
	font-size: 0.8rem;
	background-color: #ffffff;
	border: var(--line-point-1);
	color: var(--color-point-1);
}
.board-list__btn-write i{
	top:0.45rem;
	left:0.3rem;
	font-size:1.4rem;
}
.board-write__attach{
	display:flex;
	justify-content: space-between;
}
.attach__title{
	flex:1 1 0;
	padding-top:0.3rem;
}
.attach__files{
	flex:6 1 0;
	display:flex;
}
.attach__buttons{
	flex:1 1 0;
}
.files__file{
	width:20.9rem;
	margin-bottom:0.3rem;
	background-color:var(--color-point-2);
	padding:0.2rem;
}
.file__upload{
	background-color:var(--color-point-2);
	font-size:0.8rem;
	width:23rem;
	padding:0.2rem;
}
.btn-file{
	width:1.3rem;
	height:1.3rem;
}
.btn-file i{
	font-size:1.06rem;
	padding:0.1rem 0 0 0.05rem;
}
.files__file-upload{
	/* padding:0.2rem; */
	width:19rem !important;
}
.files__buttons{
	padding:0.2rem;
	margin-left:0.1rem;
}
.board-write__content{
	margin-bottom:1.5rem;
}