/*      list     */
.table .table-col--num{width:6.25rem; text-align:center}
.table .table-col--write{width: 10rem}
.table .table-col--state,
.table .table-col--date,
.table .table-col--view{width:6.25rem}

.board{overflow: hidden}
.board-info {margin: 2rem 0 4rem}
.board .table{border-bottom:1px solid #ccc; width:100%}
.board .table thead th{padding:1.45em 0; text-align:center; font-size:14px; border-bottom:1px solid #ddd; border-top:2px solid var(--primary-color); background-color:transparent; color:#333}
.board .table tbody th,
.board .table tbody td{border-bottom:1px solid #ddd}
.board .table th,
.board .table td{padding:1.25rem 0; text-align:center; vertical-align:middle}
.board .table td.board__title{text-align:left; overflow:hidden; word-break:break-all; line-height:1.4}
.board .table td.board__title a{display: inline-flex;align-items: center;gap: 0.5rem}
.board .table td.board__title .reply {font-size: 0.875rem;line-height: 1}
.board .table td p{display:none}
.board .table td .fa,
.board .table td .material-symbols-outlined {font-size:1rem; color:#FF7931; line-height: 1}
.board .table .board__title .label{display:inline-block; margin-left:.5rem; color:#fff}
.board .table .board__title .label.ml0{margin-left:0}
@media screen and (max-width: 768px){
	.board .table thead th,
	.table .table-col--num,
	.table .list-num{display:none !important}
	.board .table tbody tr{position:relative; display:flex;flex-wrap:wrap;gap: 0.5rem 1rem;justify-content: space-between;padding: 1rem 0; border-top:1px solid #ddd}
	.board .table tbody td,
	.board .table tbody th{display:block}
	.board .table tbody td{border-bottom:0}
	.board .table .list-check{position:absolute; left:10px; top:7px; padding:0; border-bottom:0}
	.board .table .list-notice{position:absolute; left:0; top:1rem; padding:0}
	.board .table .list-title{padding:0; width:100%; box-sizing:border-box; font-size:1.15rem}
	.board .table .list-notice + .list-title{padding-left:4rem}
	.board .table .list-check + .list-notice{left:35px}
	.board .table .list-check + .list-notice + .list-title{padding-left:5.625rem}
	.board .table .list-check + .list-num + .list-title{padding-left:2.5rem}
	.board .table .list-name,
	.board .table .list-num,
	.board .table .list-state,
	.board .table .list-date,
	.board .table .list-view{padding: 0}
	.board .table td p{display:inline-block}
	.board .table td p:after{content:' : '}
	.board .table td .fa{color:#999}
	.board .table td.board__title a {margin-bottom: 1rem;font-size: 1.125rem;line-height: 1}
	.board .table td.board__title .reply {font-size: 1rem}
}

.board .search{padding:1rem 5rem; background:#f5f5f5}
.board .search .form-group{display:flex; margin:0 auto; width:50%}
.board .search .form-group .select-search{margin-right:.5rem; height:inherit; background-color:#fff; border-radius:0}
.board .search .form-group .search-form{width:100%}
.board .search .form-group input.input{border-radius:0}
.board .search .search-go button{width:50px; height:100%; background:#333}
.board .search .search-go button i{color:#fff; font-size:1.25rem}
.board .list-bottom-btn{display:flex; margin-top:1.5rem}
.board .list-bottom-btn > *:last-child{margin-left:auto}
@media screen and (max-width:599px){
	.board .search{padding:.5rem}
	.board .search .form-group{width:100%}
	.board .search .form-group .select-search,
	.board .search .form-group input.input{height:2.5rem; font-size:.875rem}
	.board .search .search-go button i{font-size:1rem}
}

/** Contact Us 글쓰기 **/
.contact_writeform {display: flex; flex-wrap: wrap; justify-content: space-between; width:100%}
.contact_writeform .writeform__row {margin-bottom:30px; width:49%;}
.contact_writeform .writeform__row.wide {width:100%}
.contact_writeform .writeform__row span {display: block; margin-bottom:10px; color: #000;	font-size: 1.125rem;font-weight: 700;	}
.contact_writeform .writeform__row input[type=text] {width: 100% !important; padding:10px; border-radius: 3px; height:60px;}

textarea.dhtmleditor {width:100% !important;padding:10px !important; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap;}
.write-bottom-btn  {width:100%; text-align: center;}
.private_agree {margin-top:10px; text-align: center; display: flex; align-items: center; justify-content: center; gap:5px;}
.private_agree input[type=checkbox] {width:20px; height:20px;}
.text-pre {height: 18.75rem;padding: 2rem;border: 1px solid #ddd;overflow: auto}


@media (max-width: 640px) {
	.contact_writeform {flex-direction: column;}
	.contact_writeform .writeform__row {width:100%;}
	.text-pre {padding: 1rem;}
}







/**    write
************************************************/
.writeform{margin-top:-1.5rem}
.writeform .writeform__row{display:flex; margin:1.5rem 0; min-height:2.75rem}
.writeform .writeform__row:after{content:''; display:block; clear:both}
.writeform .writeform__row > span{display:block; margin:auto 0; width:15.625rem; color:#000; font-weight:bold; box-sizing:border-box}
.writeform .writeform__row > .form-group{width:calc(100% - 15.625rem); float:left; margin-bottom:0}
.writeform .writeform__row > .form-group .file-lists{margin-top:.75rem}
.writeform .writeform__row > .form-group .form-control{width:100%}
.writeform .writeform__row > input[type=file]{border:1px solid #ddd; padding:.5rem 0}
.writeform .writeform__row.captcha-wrap > .form-group{width:auto}
.writeform .writeform__row.captcha-wrap > .form-group + .form-group{margin-left:.5rem}
.writeform .writeform__row.captcha-wrap > p.form-group{padding-top:10px}
.writeform .writeform__row.captcha-wrap .form-control{height:2.5rem}
.writeform .input-group{display:flex}
.writeform .input-group > * + *{margin-left:1rem}
.writeform .map_btn{width:6.25rem; float:right;margin-left:.625rem}
.write-bottom-btn > .btn-group{display:inline-flex}
@media screen and (max-width:768px){
	.writeform .writeform__row{flex-direction:column; margin-bottom:1rem}
	.writeform .writeform__row > span{text-align:left; width:100%; margin-bottom:.5rem}
	.writeform .writeform__row > .form-group{width:100%}
	.writeform .writeform__row.captcha-wrap > .form-group + .form-group{margin-left:0; margin-top:.5rem}
}
.btn-history-back{opacity:.5}