.section { padding-bottom: 0 } 
/** list
************************************************/
.table .table-col--num { width:112.5px; text-align:center } 
.table .table-col--write { width: 180px } 
.table .table-col--state,
.table .table-col--date,
.table .table-col--view { width:112.5px } 

/* .board { padding-bottom:5.625rem; overflow: hidden } */
.board-info { margin: 2.25rem 0 4.5rem } 
.board .table { border-bottom:0.0556rem solid #ccc; width:100% } 
.board .table thead th { padding:24px 0; border-top: 2px solid var(--gray-800, #2A2A2A);border-bottom: 1px solid var(--gray-800, #2A2A2A); background-color:transparent; color: var(--gray-700, #555);font-size: 1.125rem;font-weight: 500;line-height: 100%;} 

.board .table th,
.board .table td { padding:1.4063rem 0; text-align:center; vertical-align:middle } 
.board .table td.board__title { text-align:left; line-height:1.4 } 
.board .table td.board__title a { display: inline-flex; align-items: center; gap: 9px } 
.board .table td.board__title a span{ display: inline-flex; align-items: center;} 
.board .table td.board__title .reply { font-size: 0.9844rem; 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:0.5625rem; color:#fff } */
.board .table tr{border-bottom: 1px solid var(--gray-250, #E8E8E8);}
.board .table .board__title .label.ml0 { margin-left:0 } 

.board .table .list-state { display: flex; align-items: center; justify-content: center; gap: 0.3125rem; } 
.board .table .list-state .label { display: block; padding: 0.6667rem 0.9444rem; border-radius: 2.2222rem; color: #fff; font-size: 1.125rem; font-weight: 400; line-height: 1rem; letter-spacing: -0.0222rem; text-align: center; text-wrap: nowrap; } 
.board .table .list-state .label.label-default { background-color: #555555; } 
.board .table .list-state .label.completed { background-color: #949494; } 

@media screen and (max-width:1024px) { 
  .board .table td { display: flex; align-items: center; } 
.board .table .list-name::before,
.board .table .list-date::before,
.board .table .list-view::before { content: ""; margin: 0 5px;opacity: 0.1; display: inline-block; width: 1px; height: 11px; background-color: #000; } 
}
@media screen and (max-width:680px) { 
 .board .table .list-state .label { padding: 0.4rem 0.8rem; } 
 } 

/* 추가 list CSS */
.comment_count { color: #F9944B; font-size: 1.125rem; font-weight: 700; } 

.badge_box { display: flex; align-items: center; gap: 0.2778rem; } 
.badge_box span { display: flex; align-items: center; } 



.board .table .list-title .title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } 
@media screen and (max-width: 1024px) { 
.board .table thead th,
.table .table-col--num,
.table .list-num ,
.board .table thead tr{ display:none !important } 
/* .board .table tbody tr { position:relative; display:flex; flex-wrap:wrap; align-items: center; gap: 9px 18px; padding: 18px 0; border-top:0.0556rem solid #ddd } */
.board .table tbody{border-top: 1px solid var(--gray-250, #E8E8E8);}
.board .table tbody tr { position:relative; display: block; 
 grid-auto-columns: max-content; 
 grid-template-columns: 1fr 6.25rem repeat(2, 9rem) 6.25rem; 
 align-items: center; 
 justify-items: center; padding: 18px 0; } 
.board .table tbody td,
.board .table tbody th { display:block } 
.board .table tbody td { border-bottom:0; line-height: 1.5; } 
.board .table .list-check { position:absolute; left:0.5556rem; top:0.3889rem; padding:0; border-bottom:0 } 
.board .table .list-notice { position:absolute; left:0; top:18px; padding:0 } 
.board .table .list-title { padding:0; width:100%; box-sizing:border-box; font-size:20.7px; } 

.board .table .list-notice + .list-title { padding-left:72px } 
.board .table .list-check + .list-notice { left:1.9444rem } 
.board .table .list-check + .list-notice + .list-title { padding-left:101.25px } 
.board .table .list-check + .list-num + .list-title { padding-left:45px } 
.board .table .list-name,
.board .table .list-num,
.board .table .list-state,
.board .table .list-date,
.board .table .list-view { padding: 0; display: inline-flex; } 
.board .table td p { display:inline-block; margin-left: 0.3125rem; } 
.board .table td p:after { content:' : ' } 
.board .table td .fa { color:#999 } 
.board .table td.board__title a { margin-bottom: 18px; width: 100%; font-size: 1.125rem; line-height: 1 } 
.board .table td.board__title .reply { font-size: 1rem } 
 } 

 @media screen and (max-width:640px) { 
 .board .table tbody tr { grid-template-columns: repeat(3, 9rem); } 
 .board .table .list-title { grid-column: 1 /3; } 


 } 

/* 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:0.0556rem solid #ddd; background-color:#fff } 
.board .btn-admin-manage-layer div.item { height:25.875px; border-bottom:0.0556rem solid #ddd; cursor:pointer; padding-left:0.1111rem; padding-right:11.25px; line-height:25.875px; font-size:13.5px; white-space:nowrap } 
.board .btn-admin-manage-layer div.item i { width:22.5px; text-align:center } 
.board .btn-admin-manage-layer div.item:hover { background-color:#dedede } 
@media screen and (max-width:33.2778rem) { 
 .board .btn-admin-manage-layer { width:150% } 
 } 

/** post
************************************************/
.board .contents-view { padding:30px; clear:both; min-height:180px } 
.board .contents-view .autosize { padding-bottom:0 !important } 
.board .contents-view #post-content p { color: #616161; font-size: 1rem; font-weight: 400; line-height: 1.8rem; } 
.board .contents-view-img img { display:block; max-width:100%; margin:0 auto 16.875px; border:0; height:auto } 
.post-content .sns_button { text-align:left } 
.post-content .information { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 30px; border-top:2px solid #000; border-bottom: 1px solid #ddd } 
.post-content .information .post__title { border:none; padding:0; color: #222222; font-size: 1.1111rem; font-weight: 700; line-height: 1.1111rem; } 
.post-content .information ul { display:flex } 
.post-content .information li { display: flex; align-items: center; gap: 0.625rem; padding:0; margin-right:16.875px } 
.post-content .information li:last-child { margin-right:0 } 
.post-content .information li p,
.post-content .information li span { display:inline-block; font-size: 1rem; line-height: 1rem; } 
.post-content .information li p { color: #2A2A2A; font-weight: 700; } 
.post-content .information li span { color:#616161; font-weight: 400; } 
.post-content .information .print { color:#333 } 
.post-content .information-etc { display: grid; gap: 10px; padding:30px; border-bottom:0.0556rem solid #ccc; background-color:#f5f5f5 } 
.post-content .information-etc li::before { content: ""; width: 1rem; 
 height: 1rem; background: url(/assets/images/common/ico_download_gray.png)no-repeat center / cover; } 
.post-content .information-etc li a { font-size:15.75px; color:#333 } 
.btn-list-group { display:flex; align-items: center; justify-content: space-between; gap: 18px; width:100% } 
.btn-list-group > div { display:flex; align-items: center; gap: 10px; width: 100%; padding: 0; } 
.btn-list-group > div button { padding: 0; } 
.btn-list-group .btn-list-arrow { display:flex; align-items: center; margin:0; } 
.btn-list-group .btn-list-arrow a { display: flex; align-items: center; justify-content: center; gap: 5px; height: 2.7778rem; padding: 0 19px; border: 0.0556rem solid #C8C8C8; color: #616161; font-size: 1rem; font-weight: 400; line-height: 1; text-wrap: nowrap; } 
.btn-list-group .btn-list-arrow .btn + .btn { margin-left:0 } 
#post-content > * { line-height:normal } 
.post-manage-btn { display:flex } 
.post-manage-btn > * + * { margin-left:4.5px } 
.post-bottom-btn { display:flex; margin-top:3.25rem } 


.default_bottom_btn .btn-write { height: 2.7778rem; padding: 0 1.3333rem 0 2.9444rem; border: 0.0556rem solid #C8C8C8; background: url(/assets/images/common/ico_edit.svg) no-repeat left 1.0556rem center , #F5F5F5; color: #555555; font-size: 1rem; font-weight: 400; line-height: 2.6667rem; } 
.default_bottom_btn .btn-default { height: 2.7778rem; padding: 0 19px; border: 0.0556rem solid #C8C8C8; color: #555555; font-size: 1rem; font-weight: 400; line-height: 2.6667rem; } 


@media screen and (max-width:33.2778rem) { 
 .board .contents-view { padding:18px 9px } 
.post-content .information { padding:9px 18px } 
.post-content .information .post__title { font-size:22.5px; line-height:1.4 } 
.post-content .information ul { flex-wrap:wrap; gap: 0.625rem 0; } 
.post-content .information li p,
.post-content .information li span { font-size:14.625px } 
.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: auto; justify-content: center } 
.btn-list-group .btn-write { margin-left: auto } 
.post-manage-btn .btn { width:auto } 
 } 
 .btn-list-group > div { width: auto; } 

.btn-share-wrap { position:relative; display:flex } 
.btn-share-open,
.btn-share button { width:56.25px; height:56.25px; font-size:22.5px } 
.btn-share-open { position:relative; z-index:10; background:#f4f7fa; color:#aaa } 
.btn-share { display:flex; align-items:center } 
.btn-share button { transform:translateX(-2.2222rem); 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:56.25px; font-size:22.5px } 


/** comment
************************************************/
/* .view_comment { word-break:break-all; line-height:1.6; margin-top:36px; border-top:0.1111rem solid #ddd } */
.view_comment { word-break:break-all; line-height:1.6; margin-top:0; border-top:0.1111rem solid #ddd } 
.view_comment .media { margin-top:0; border-bottom:0.0556rem solid #ddd; background-color:transparent; } 
.view_comment .media.comment-reply { padding-left:33.75px; background-color:transparent } 
.view_comment .media.comment-reply .media-body { position:relative; } 
.view_comment .media.comment-reply .media-body:after { position:absolute; left:-10px; top:27px; content:''; width:24px; height:24px; background: url(/assets/images/common/ico_prompt_suggestion.svg)no-repeat center; border: none; } 
/* .view_comment .media.comment-reply .media-body:after { position:absolute; left:-0.2778rem; top:1.3333rem; content:''; width:0.6667rem; height:0.6667rem; border-bottom:0.0556rem solid #d53f41; border-left:0.0556rem solid #d53f41 } */
.view_comment .media.comment-reply .media-heading { padding: 0 } 
.view_comment .media-heading { display:flex; align-items:center; padding: 0; margin-bottom: 10px; } 
.view_comment .media-heading .input-form { transform:translateY(-0.1667rem) } 
.view_comment .media-body { padding:20px; line-height:1.8; font-size:1rem; color:#333 } 
.view_comment .name { color: #2A2A2A; font-size: 17px; font-weight: 700; line-height: 17px; 
 letter-spacing: -0.4000000059604645px; 
 text-align: left; 
 } 
.view_comment .time,
.view_comment .ip,
.view_comment .reply { font-size:1rem } 
.view_comment .time,
.view_comment .ip { color:#666 } 
.view_comment .comment_content { margin-bottom: 10px; } 
.view_comment .time { margin-left:0; } 
.view_comment .ip:before,
.view_comment .time:before { content:'/'; margin:0 0.3125rem } 
.view_comment .reply { margin-left:auto } 
.view_comment .reply a+a { margin-left:0.2778rem } 
.comment_write { padding:18px; background:transparent; } 
.comment_write-inn textarea.input { width:100%; height:90px; min-height:auto; border-radius:0; border: none; background-color: #FCFCFC; } 
.comment_write-inn .btn-comment { margin-left:18px; width:90px; height:90px; background-color:transparent; border:none; color: #616161; font: 0.9444rem; font-weight: 700; } 
.comment_write-inn .form-inline { display:flex; align-items:center } 
.comment_write-inn .form-inline > * + * { margin-left:9px } 
.comment_write-inn .form-inline .comment_write-id,
.comment_write-inn .form-inline .comment_write-pw { width:100% } 
.comment_write-inn .comment_write-msg { display: grid; gap: 10px; margin:10px 0; } 
.comment_write-inn .comment_write-msg >div { display: flex; justify-content: flex-end; } 
.comment_write-inn .comment_write-msg .commenttextarea::placeholder { color: #B7B7B7; font-size: 0.9444rem; line-height: 30.6px; } 
.comment_write-inn .captcha-wrap { align-items: flex-start } 
.comment_write-inn .captcha-txt { font-size:0.7778rem; color:#666 } 

.captcha_box { display: flex; align-items: flex-start; gap: 0.625rem; } 


.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:-45px; left:0; padding:0.2778rem 18px; border-radius:0.2778rem; 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:11.25px; bottom:-0.3889rem; width:0; height:0; border-top:11.25px solid #666; border-right:0.4444rem solid transparent; border-left:0.4444rem solid transparent } 

.comment_title { display: flex; align-items: center; gap: 10px; padding: 15px 0; } 
.comment_title .comment_total { color: #616161; font-size: 1rem; font-weight: 700; line-height: 1rem; } 
.comment_title > div { display: flex; align-items: center; gap: 4px; color: #2A2A2A; font-size: 1rem; line-height: 1rem; } 

.comment_write_box_inner { 
 width: 100%; height: 100%; padding: 30px; border-radius: 5px; background-color: #FCFCFC; 
 } 

@media screen and (max-width:56.8889rem) { 
 .view_comment .media-heading { padding:0 0 4.5px } 
.view_comment .media-body { padding:13.5px; font-size:15.75px } 
/* .view_comment .media.comment-reply .media-body { padding-top:0 } */
.view_comment .media.comment-reply .media-body:after { top:0.6111rem } 
.view_comment .time,
.view_comment .ip,
.view_comment .reply { font-size:13.5px } 
.comment_write-inn textarea.input { font-size:15.75px } 
.comment_write-inn .captcha-wrap { position:relative; padding-bottom:36px; 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:18px } 
.admin-manage-comment-wrap:after { content:''; display:block; clear:both } 
.admin-manage-comment-wrap .chk_comment_all_wrapper { float:left; margin-top:0.3889rem } 
.admin-manage-comment-wrap .btn-admin-manage-wrap { float:right } 
.chk_comment_all_wrapper { margin:18px 0 } 

/** write
************************************************/
.writeform { position: relative; margin-top:0px; border-top: 1px solid var(--gray-800, #2A2A2A); } 
.writeform .writeform__row { display:flex; margin:0; min-height:49.5px; } 
.writeform .writeform__row:after { content:''; display:block; clear:both } 
.writeform .writeform__row > span { display: grid; align-items: center; justify-items: center; width: 17.875rem; padding: 1.2rem 0; margin: 0; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; background: #F5F5F5; color: #555; font-size: 1.125rem; font-weight: 700; line-height: 180%; text-align: center; } 
.writeform .writeform__row > .form-group { width:calc(100% - 281.25px); padding: 1.25rem; float:left; margin-bottom:0; border-bottom: 1px solid var(--gray-300, #DFDFDF); } 
.writeform .writeform__row > .form-group .file-lists { margin-top:13.5px } 
.writeform .writeform__row > .form-group .form-control { width:30.875rem; height: 3.125rem; padding: 0 1.25rem; border: 1px solid #E8E8E8; background: #FFF; } 
.writeform .writeform__row > input[type=file] { border:0.0556rem solid #ddd; padding:9px 0 } 
.writeform .writeform__row.captcha-wrap { padding-left: 0; } 
.writeform .writeform__row.captcha-wrap > .form-group { width:calc(100% - 281.25px); } 
.writeform .writeform__row.captcha-wrap > .form-group + .form-group { margin-left:9px } 
.writeform .writeform__row.captcha-wrap > p.form-group { padding-top:0.5556rem } 
.writeform .writeform__row.captcha-wrap > .form-group p.alert {   color: var(--gray-500, #949494);line-height: 112.5%; } 
.writeform .writeform__row.captcha-wrap .form-control { height:45px; margin-bottom: 10px; } 
.writeform .input-group { display:flex } 
.writeform .input-group > * + * { margin-left:18px } 
.writeform .map_btn { width:112.5px; float:right; margin-left:11.25px } 
.write-bottom-btn { margin-top:27px; text-align:center } 
.write-bottom-btn > .btn-group { display:inline-flex } 
.write-bottom-btn >button { width: 10rem; border: 1px solid #ddd; } 
.write-bottom-btn >button.btn-write { background:#111; color:#FFF; font-size: 1.125rem; font-weight: 400; line-height: 277.778% } 
.write-bottom-btn >button.btn-history-back { background-color: #fff; color: #777; font-size: 1.125rem; font-weight: 400; line-height: 277.778% } 
@media screen and (max-width:768px) { 
 .writeform .writeform__row { flex-direction:column; margin-bottom:18px } 
.writeform .writeform__row > span { text-align:left; width:100%; margin-bottom:9px } 
.writeform .writeform__row.captcha-wrap > .form-group ,
.writeform .writeform__row > .form-group { width:100% } 
.writeform .writeform__row.captcha-wrap > .form-group + .form-group { margin-left:0; margin-top:9px } 
 } 
.btn-history-back { opacity:1 } 
.writeform .writeform__row > .form-group .form-control { width: 100%; } 

.question { margin-top:90px } 
.question .text-pre { height: 337.5px; padding: 2.25rem 1.5rem; border: 0.0556rem solid #ddd; overflow: auto; color: var(--gray-600, #777); font-size: 1rem; font-weight: 400; line-height: 131.25%; } 


.board-lock__form { display: flex; flex-direction: column; } 
.board-lock-area { padding-top: 80px; } 
.board-lock-area > div { width: 33.75rem; 
 padding: 5rem 3.125rem; 
 margin: 0 auto; 
 border-radius: 0.3125rem; 
 border: 1px solid var(--gray-300, #DFDFDF); 
 background: var(--gray-100, #FCFCFC); } 

 .board-lock__form .infoalert { color: var(--gray-600, #777); 
 font-size: 1.125rem; 
 font-weight: 400; 
 line-height: 150%; 
 text-align: center; } 
 .board-lock__form .btn-write { width: 100%; 
 margin-top: 1.87rem; 
 color: var(--naver-text, #FFF); 
 font-size: 1.125rem; 
 font-weight: 400; 
 line-height: 277.778%; 
 background: var(--gray-900, #111); } 
 .board-lock__form .input { width: 100%; 
 height: 50px; 
 margin-top: 1.5rem; 
 padding: 0 20px; 
 border: 1px solid #E8E8E8; 
 color: #777777; 
 line-height: 50px; 
 background-color: #FFFFFF; } 
@media screen and (max-width: 33.2778rem) { 
 .question .text-pre { padding: 18px } 
 .board-lock-area > div { width: 100%; padding: 3rem 1.125rem; } 
 } 

.private_agree { margin-top:1.1111rem; display: flex; align-items: center; justify-content: center; } 
.private_agree input[type=checkbox] { width: 1.1111rem; height: 1.1111rem; margin-right:0.2778rem; } 


/* .btn-list-arrow { flex:1 } */



/* 리스트 상단 */
.list_top_box { padding:2.7778rem 0 1.6667rem; } 
.list_top_box > .inner { display: flex; align-items: center; justify-content: space-between; } 
.total_num_box { display: flex; align-items: center; gap: 0.5556rem; } 
.total_num_box p { color: #2A2A2A; font-size: 1.125rem; font-weight: 700; } 
.total_num_box span { color: #555; font-size: 1.125rem; font-weight: 400; } 

.board .search .form-group { display:flex; align-items: center; gap: 0.5556rem; } 
/* .board .search .form-group >div { display:flex; align-items: center; gap: 0.5556rem; } */
.board .search .form-group .select-search { display: flex; align-items: center; gap: 1.6667rem; height: 2.7778rem; padding: 0 2.2222rem 0 1.1111rem; border: 0.0556rem solid #C8C8C8; background: url(/assets/images/common/ico_arrow_drop_down.svg)no-repeat right 0.5556rem center; appearance: none; color: #B7B7B7; font-size: 1.125rem; font-weight: 400; } 

.board .search .form-group .search-form { width:100% } 
.board .search .form-group input.input { height: 2.7778rem; padding: 0 1.1111rem; border: 0.0556rem solid #C8C8C8; } 
.board .search .form-group input.input::placeholder { color: #B7B7B7; font-size: 1.125rem; font-weight: 400; } 

.board .search .form-group > div { display: flex; align-items: center; gap: 0.5556rem; } 
.board .search .search-go button { width: 3.8889rem; height:2.7778rem; background:#555; color: #fff; font-size: 1.125rem; font-weight: 400; text-align: center; } 
.board .search .search-go button i { color:#fff; font-size:1.4063rem } 
.list-top-btn { display:flex; } 
.board .list-bottom-btn { display:flex; margin-top:2.2222rem } 
.list-top-btn > *,
.board .list-bottom-btn > *:last-child { margin-left:auto } 
.list-top-btn .btn-write ,
.board .list-bottom-btn .btn-write { height: 2.7778rem; padding: 0 1.3333rem 0 2.9444rem; border: 0.0556rem solid #B7B7B7; background: url(/assets/images/common/ico_edit.svg) no-repeat left 1.0556rem center; color: #555555; font-size: 1.125rem; font-weight: 400; line-height: 2.6667rem; } 


@media screen and (max-width:767px) { 
 .list_top_box > .inner { display: grid; grid-template-columns: 1fr; gap: 1.25rem; } 
 .board .search .form-group > div,
 .board .search .form-group .search-form .input { width: 100%; } 
 } 
@media screen and (max-width:640px) { 
  .board .search .search-go button { width: 5rem;} 
 .list_top_box > .inner { flex-direction:column; align-items: flex-start; gap: 1.25rem; } 
 .board .search .form-group .search-form .input { 
 width: 100%; } 
 .board .search .form-group { width:100% } 
.board .search .form-group .select-search,
.board .search .form-group input.input { height:2.8125rem; font-size:0.9844rem } 

.board .search .search-go button i { font-size:1.125rem } 
 } 



 .checkbox { display: flex; align-items: center; justify-content: center; margin-top: 0; } 
.post_agree { display: inline-flex; flex-direction: column-reverse; align-items: center; gap:0.625rem; cursor: pointer; color: var(--gray-800, #2A2A2A); font-size: 1.125rem; line-height: 1.4; } 
.post_agree input[type="checkbox"] { appearance: none; display: none; } 
.post_agree input[type="checkbox"]:checked ~ span { color: var(--primary, #4681F3); } 
.post_agree > span { display: flex; align-items: center; gap: 0.3125rem; } 


.loading { position:fixed; 
 top:50%; left:50%; width:6.25rem; height:6.25rem; border-radius:100%; border:10px solid #c8c8c8; border-top-color:#555; transform: translate(-50% , -50%); animation:loading 1.2s linear infinite; box-sizing:border-box; z-index: 600; } 
@keyframes loading { 
 0% { transform:rotate(0deg) } 
 100% { transform:rotate(360deg) } 
 }