.section {padding-bottom: 0}
/**    list
************************************************/
.table .table-col--num{width:6.25rem; text-align:center}
.table .table-col--serial,
.table .table-col--phone {width: 10rem}
.table .table-col--state,
.table .table-col--date{width:6.25rem}

.board{padding-bottom:5rem;overflow: hidden}
.board-info {margin: 2rem 0 4rem}
.board .table{border-bottom:1px solid #ccc; width:100%}
.board .table thead th{padding:1.25rem 0; text-align:center; border-top:2px solid #326CBE; 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-serial,
	.board .table .list-phone,
	.board .table .list-state,
	.board .table .list-date{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}
}

/* admin */
.bottom-buttons{display:flex}
.bottom-buttons .btn-write{margin-left:auto}
.board .btn-admin-manage-wrap{position:relative; display:inline-block}
.board .btn-admin-manage-layer{z-index:99999; position:absolute; top:0 !important; display:none; width:auto; transform:translateY(-100%); border:1px solid #ddd; background-color:#fff}
.board .btn-admin-manage-layer div.item{height:1.4375rem;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:.625rem;line-height:1.4375rem;font-size:.75rem;white-space:nowrap}
.board .btn-admin-manage-layer div.item i{width:1.25rem;text-align:center}
.board .btn-admin-manage-layer div.item:hover{background-color:#dedede}
@media screen and (max-width:599px){
	.board .btn-admin-manage-layer{width:150%}
}

/**    post
************************************************/
.board .contents-view{padding:1.5rem 1rem; clear:both; min-height:10rem}
.board .contents-view .autosize{padding-bottom:0 !important}
.board .contents-view-img img{display:block; max-width:100%; margin:0 auto .9375rem; border:0; height:auto}
.post-content .sns_button{text-align:left}
.post-content .information{padding: 1.5rem; border-top:3px solid #326CBE; border-bottom: 1px solid #ddd}
.post-content .information .post__title{border:none; padding:0; margin-bottom:1rem; font-size:1.5rem; font-weight:bold; line-height:normal}
.post-content .information ul{display:flex;flex-wrap: wrap;gap: 0.75rem}
.post-content .information li{padding:0}
.post-content .information li:after {content:'}';padding-left: 0.75rem;color: #eee;font-size: 12px}
.post-content .information li:last-child:after {display: none}
.post-content .information li p,
.post-content .information li span{display:inline-block; font-size:.875rem}
.post-content .information li span{color:#999}
.post-content .information .print{color:#333}
.post-content .information-etc{padding:1.5rem 1.5rem; border-bottom:1px solid #ccc; background-color:#f5f5f5}
.post-content .information-etc li a{font-size:.875rem; color:#333}
.btn-list-group{display:flex; gap: 1rem; width:100%}
.btn-list-group .btn-list-arrow{display:flex; margin:0 auto}
.btn-list-group .btn-list-arrow .btn + .btn{margin-left:5px}
#post-content > *{line-height:normal}
.post-manage-btn{display:flex}
.post-manage-btn > * + *{margin-left:.25rem}
.post-bottom-btn{display:flex; margin-top:1rem}
@media screen and (max-width:599px){
	.board .contents-view{padding:1rem .5rem}
	.post-content .information{padding:.5rem 1rem}
	.post-content .information .post__title{font-size:1.25rem; line-height:1.4}
	.post-content .information ul{flex-wrap:wrap}
	.post-content .information li p,
	.post-content .information li span{font-size:.8125rem}
	.post-content .information-etc li:not(:first-child){display:none}
	.post-content .information-etc li p{display:none}
	.btn-list-group .btn-list-arrow {width: 100%;justify-content: center}
	.btn-list-group .btn-write {margin-left: auto}
	.post-manage-btn .btn{width:auto}
}

.btn-share-wrap{position:relative; display:flex}
.btn-share-open,
.btn-share button{width:3.125rem; height:3.125rem; font-size:1.25rem}
.btn-share-open{position:relative; z-index:10; background:#f4f7fa; color:#aaa}
.btn-share{display:flex; align-items:center}
.btn-share button{transform:translateX(-40px); width:0; font-size:0; color:#fff; transition:width 300ms, transform 300ms}
.btn-share button.facebook{background:#3143cd}
.btn-share button.twitter{background:#37bcdd}
.btn-share button.copy{background:#FF7931}
.btn-share.is-active button{transform:translateX(0); width:3.125rem; font-size:1.25rem}


/**    comment
************************************************/
.view_comment{word-break:break-all; line-height:1.6; margin-top:2rem; border-top:2px solid #ddd}
.view_comment .media{margin-top:0; border-bottom:1px solid #ddd; background-color:#f6f6f6}
.view_comment .media.comment-reply{padding-left:1.875rem; background-color:#f6f6f6}
.view_comment .media.comment-reply .media-body{position:relative}
.view_comment .media.comment-reply .media-body:after{position:absolute; left:-5px; top:24px; content:''; width:12px; height:12px; border-bottom:1px solid #d53f41; border-left:1px solid #d53f41}
.view_comment .media.comment-reply .media-heading{padding:1rem 0 .5rem 0}
.view_comment .media-heading{display:flex; align-items:center; padding:1rem 0}
.view_comment .media-heading .input-form{transform:translateY(-3px)}
.view_comment .media-body{padding:.5rem 1rem 1rem 1rem; line-height:1.8; font-size:1rem; color:#333}
.view_comment .time,
.view_comment .ip,
.view_comment .reply{font-size:.875rem}
.view_comment .time,
.view_comment .ip{color:#666}
.view_comment .time{margin-left:1rem}
.view_comment .ip:before{content:'/'; margin-right:.5rem}
.view_comment .reply{margin-left:auto}
.view_comment .reply a+a{margin-left:5px}
.comment_write{padding:1rem; background:#f6f6f6}
.comment_write-inn textarea.input{width:100%; height:5rem; min-height:auto; border-radius:0}
.comment_write-inn .btn-comment{margin-left:1rem; width:5rem; height:5rem; background-color:#fff; border:1px solid #ddd; color:#333}
.comment_write-inn .form-inline{display:flex; align-items:center}
.comment_write-inn .form-inline > * + *{margin-left:.5rem}
.comment_write-inn .form-inline .comment_write-id,
.comment_write-inn .form-inline .comment_write-pw{width:100%}
.comment_write-inn .comment_write-msg{margin:1rem 0}
.comment_write-inn .captcha-wrap {align-items: flex-start}
.comment_write-inn .captcha-txt{font-size:14px; color:#666}
.comment_write-id,
.comment_write-pw,
.comment_write-msg{position:relative}
.comment_write-id #cmt_nickname-error,
.comment_write-pw #cmt_password-error,
.comment_write-msg #cmt_content-error{position:absolute; top:-2.5rem; left:0; padding:5px 1rem; border-radius:5px; background:#666; color:#fff !important}
.comment_write-id #cmt_nickname-error:after,
.comment_write-pw #cmt_password-error:after,
.comment_write-msg #cmt_content-error:after{content:''; position:absolute; left:.625rem; bottom:-7px; width:0; height:0; border-top:.625rem solid #666; border-right:8px solid transparent; border-left:8px solid transparent}
@media screen and (max-width:599px){
	.view_comment .media-heading{padding:0 0 .25rem}
	.view_comment .media-body{padding:.75rem; font-size:.875rem}
	.view_comment .media.comment-reply .media-body{padding-top:0}
	.view_comment .media.comment-reply .media-body:after{top:11px}
	.view_comment .time,
	.view_comment .ip,
	.view_comment .reply{font-size:.75rem}
	.comment_write-inn textarea.input{font-size:.875rem}
	.comment_write-inn .captcha-wrap{position:relative; padding-bottom:2rem; width:100%}
	.comment_write-inn .captcha-wrap > .form-group:nth-child(2){width:100%}
	.comment_write-inn .captcha-txt{position:absolute; bottom:0; left:0; margin-left:0}
}

/* admin */
.admin-manage-comment-wrap{margin-top:1rem}
.admin-manage-comment-wrap:after{content:''; display:block; clear:both}
.admin-manage-comment-wrap .chk_comment_all_wrapper{float:left; margin-top:7px}
.admin-manage-comment-wrap .btn-admin-manage-wrap{float:right}
.chk_comment_all_wrapper{margin:1rem 0}

/**    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{margin-top:1.5rem; text-align:center}
.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}

.question {margin-top:5rem}
.question .text-pre {height: 18.75rem;padding: 2rem;border: 1px solid #ddd;overflow: auto}
@media screen and (max-width: 599px) {
	.question .text-pre {padding: 1rem}
}

.board-lock-area {max-width: 600px;margin: 6rem auto}
.board-lock__form {display: flex;flex-wrap: wrap}
.board-lock__form .infoalert {width: 100%}
.board-lock__form .input {flex-grow: 1;margin-right: 1rem}