@charset "utf-8";

/* 게시판 스타일 공통 */
table.bbs-edit {border-top:2px solid #5e6062;/* border-bottom: 2px solid #ccc; */}
table.bbs-edit th, table.bbs-edit td {border-bottom: 1px solid #e5e8eb;}
table.bbs-edit th { background: #fbfbfb;}
table.bbs-edit th:nth-child(1) {width: 10%;}
/* table.bbs-edit td:nth-child(2) {width: 35%;}
table.bbs-edit th:nth-child(3) {width: 15%;}
table.bbs-edit td:nth-child(4) {width: 35%;} */

/* 글쓰기 */
table.bbs-edit * {font-size: 16px;}
table.bbs-edit{margin:0 0 15px}
table.bbs-edit th{background:#f7f7f7;}
table.bbs-edit th,
table.bbs-edit td{font-weight:normal;border-left:none;border-right:none;border-top:none}
table.bbs-edit th,
table.bbs-edit td{padding:8px 10px;}
table.bbs-edit .form-group .radio{padding:2px 0}
table.bbs-edit em.info{padding:2px 0 0!important;margin-left:5px;color:#999;font-size:90%;font-style:normal}
table.bbs-edit td.editor{padding:15px 0;}
table.bbs-edit .checkbox-original{padding:0 0 5px}
.bbs-textarea textarea{border:1px solid #ccc;width:99%;display:block;margin:0 auto;height:400px;font-size:13px;line-height:150%}
@media (max-width:900px) and (min-width:0px){
	.bbs-textarea textarea{display:block!important}
	.bbs-textarea iframe{display:none!important}

	table.bbs-edit {padding: 20px;}
    table.bbs-edit tr {overflow: hidden;}
	table.bbs-edit th:nth-child(1) {width: 100%;}
	table.bbs-edit th {padding: 12px; text-align: left; display: block; height: auto;}
    table.bbs-edit td {padding:8px 0; text-align: left !important; display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; display: block; height: auto;}
	table.bbs-edit td input#title, table.bbs-edit td input#user_name, table.bbs-edit td input#user_password {width: 100% !important;}
	table.bbs-edit td select {width: 100% !important;}
	table.bbs-edit #secretPwdRow span {display: block; padding-top: 4px;}
}
.checkbox-original input, .checkbox-original label, .checkbox-original em{vertical-align:middle;display:inline-block}
.checkbox-original label{cursor:pointer}

/* 글쓰기 input */
table.bbs-edit input[type="text"] {height: auto; padding: 12px; border: 1px solid #6b5f59; border-radius: 6px;}
table.bbs-edit select {height: auto; padding: 12px; padding-right: 20px; border: 1px solid #6b5f59; border-radius: 6px;}
table.bbs-edit .it-radio {display:inline-block; position:relative; line-height: 2.8rem;}
table.bbs-edit .it-radio input[type="hidden"] { display:none; }
table.bbs-edit .it-radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
table.bbs-edit .it-radio label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-weight: 500; font-size: inherit;}
table.bbs-edit .it-radio label:before {content:''; display:inline-block; vertical-align:middle; width:2.4rem; height:2.4rem; line-height:2.4rem; margin:0 8px 0 0; text-align:center; background-color:#fff; border:1px solid #6e635d; border-radius:100%;}
table.bbs-edit .it-radio input[type="radio"]:checked ~ label:before {border-color: #ae4110; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23cc5621'/%3E%3C/svg%3E") center/contain no-repeat #fff; background-size: 1.8rem;}
table.bbs-edit .it-radio input[type="radio"]:disabled ~ label:before {border-color: #ccc; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23ccc'/%3E%3C/svg%3E") center/contain no-repeat #fff;}


/* 에디터 파일 업로드 */
.bbs-edit .file_attach{padding: 10px 0;}
.bbs-edit .file_attach #attach_area h4{font-size:13px;padding:10px;line-height:150%}
.fileUploader * {font-size: 14px !important;}
.fileUploader{overflow:hidden;padding:15px;background:#f7f7f7;border:1px solid #e5e5e5;/* border-bottom:0; */border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.fileUploader a{cursor:pointer;padding:3px 8px} 
.fileUploader .preview{ float:left; width: 20%; border: 1px solid #e5e5e5; background:#fefefe; padding: 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.fileUploader .preview span#previewFile{ display: block; width: 100%; height: 140px; line-height: 140px; text-align: center; color:#666; border:1px solid #eee; background:#fff url('../img/patt1.gif'); }
.fileUploader .fileBox{ float: right; width: 78%; margin-left: 2%; }

.fileUploader .file_info { border-radius:5px; clear:both; padding:8px 0; overflow: unset; }
.fileUploader .file_info .fileUploadControl { width: 100%; display: flex; align-items: center; font-size: 16px;}
.fileUploader .file_info .fileUploadControl::after { content: ''; display: block; width: 100%; clear: both; }
.fileUploader .file_info .fileUploadControl .fileinput-button { flex-shrink: 0; position: relative; display: inline-block; vertical-align: middle; overflow: unset; margin: 2px; }
.fileUploader .file_info .fileUploadControl .btn { flex-shrink: 0; margin: 2px; border: 1px solid #ccc; background-color: #fff; text-decoration: none;}
.fileUploader .file_info .fileUploadControl .btn:hover {background-color: #f5f5f5;}
.fileUploader .file_info .fileUploadControl .fileinput-button input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.fileUploader .fileListArea { position:relative; border: 2px dashed #d5d5d5; border-radius:5px; background-color: white; }
.fileUploader .fileListArea select{ width:100%; height: 6em; border-color:#c7d1d4; border:none; outline:none; background:#fcfcfc; position:relative; }
.fileUploader .fileListArea:before{ content:'파일을 여기에 드래그 하세요.'; z-index: 1; color:#999; position:absolute; width:100%; text-align:center; line-height:20px; height:20px; top:50%; margin-top:-10px; }
.ie9 .fileUploader .fileListArea:before{content:' '}
.fileUploader .fileListArea.on:before{display:none}
.fileUploader .fileListArea select:focus{outline:none}
.fileUploader .fileResult{float:left;width:100%;padding-top:4px;position:relative}
.fileUploader .fileResult .rate{display:none}
.fileUploader .fileResult .loading .progress_bar{margin-top:3px;padding:3px 4px;background:#e3eaef;border:1px solid #d0d8da;border-top-color:#d8dee0}
.fileUploader .fileResult .loading .progress_bar,
.fileUploader .fileResult .loading .progress_bar span{overflow:hidden;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}
.fileUploader .fileResult .loading .progress_bar span{display:block;line-height:5px;height:5px;background:#87c540}
.fileUploader .fileResult .dsc_loading_no{position:absolute;right:6px;top:0;line-height:25px;font-size:10px}
.fileUploader .file_attach_info { padding:0 0 5px; }
.fileUploader .file_attach_info * {font-size:11px !important;}
.fileUploader .file_attach_info p{display:inline-block;vertical-align:middle;margin-right:10px;}
.fileUploader .file_attach_info p strong{color:#999;font-weight:normal}

@media screen and (max-width: 640px){
  .fileUploader .file_attach_info { padding: 0 0 5px; width: 100%; }
  .fileUploader .preview { width: 40%; }
  .fileUploader .fileBox { width: 58%; }
}
@media screen and (max-width: 640px){
  .fileUploader .preview { width: 100%; margin-bottom: 1em; }
  .fileUploader .fileBox { width: 100%; }
}

/* 정렬 */
.txt-left{text-align:left!important}
.center,
.txt-center{text-align:center!important}
.txt-right{text-align:right!important}

.wrapper-bbs{padding:10px 0 20px;font-size:100%;background:#fff}


.bbs-btn{padding:10px 0 0}
.bbs-btn.right{text-align:right}
.bbs-btn .btn i{font-size:110%}