@charset "utf-8";

/* 바꿔서 사용하는 영역 s*/
    :root {
        --main-bg: #005383; /* 버튼, 페이지네이션 */
        --sub-bg: #2a95d3;

        --border-dark:#888888; /* table 테두리 - 폼메일, 게시판 */
        --border-light:#dedede; /* table 테두리 - 폼메일, 게시판 */
        
        --form-input-height: 34px; 
        --form-title:#ffffff; /* label 컬러 */
        --form-title-bg:#f5f5f5; /* label 백그라운드 */
        
        --form-input-border:#dedede; /* input 감싸는 div 테두리 */
        --form-input-bg:#fafafa; /* input 백그라운드 */

        --view-max-width: 1024px; /* board_view 페이지 max-width */
    }
/* 바꿔서 사용하는 영역 e*/

/* reset(기본셋팅 영역) s */
table > a:hover { text-decoration: underline; }
a:focus, input:focus, select:focus, button:focus, textarea:focus { outline: none; }
input::placeholder, textarea::placeholder { color: #777777; }
input[type="text"], input[type="password"] ,textarea { width: 100%; height: var(--form-input-height); padding: 5px; background: var(--form-input-bg); line-height: var(--form-input-height); border:none; }
input[type="text"], input[type="submit"], input[type="password"], select, textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="button"] { -webkit-border-radius: 0; }
select { padding: 5px 10px; outline: none; background: url('/resources/img/common/select-arw.png') no-repeat center/contain; background-position: 90%; background-size: 10px; }
textarea { min-height: 150px; }
.capt_img { width: 100px; height: var(--form-input-height); }
#captcha { width: 130px; height: var(--form-input-height); }
.capt_btn { display: inline-block; width: var(--form-input-height); height:var(--form-input-height); background: url('/resources/img/common/reset_ico.png') no-repeat center/20px; cursor: pointer; text-indent: -9999px; border: 1px solid var(--border-light); }

/* 라디오 & 체크박스 */
input[type="radio"], input[type="checkbox"] { display: none; }
input[type=radio] + label { display: inline-block; margin-right: 12px; padding-left: 27px; min-height: var(--form-input-height); line-height: var(--form-input-height); cursor: pointer; position: relative; }
input[type=radio] + label::before { content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); width: 20px; height:20px; background: white; border-radius: 50%; border:solid 1px #777; }
input[type=radio]:checked + label::before { background: var(--sub-bg) url("/resources/img/common/check_w.png") center/contain no-repeat; border: solid 1px transparent; }

input[type="checkbox"] + label { display: inline-block; margin-right: 12px; padding-left: 27px; min-height: var(--form-input-height); line-height: var(--form-input-height); cursor: pointer; position: relative; }
input[type="checkbox"] + label::before { content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); width: 20px; height:20px; background: white; border:solid 1px #777; }
input[type="checkbox"]:checked + label::before { background: var(--sub-bg) url("/resources/img/common/check_w.png") center/contain no-repeat; border: solid 1px transparent; }

/* 인풋 자동완성 */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: var(--main-black); -webkit-box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; transition: background-color 5000s ease-in-out 0s; }
input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active { -webkit-text-fill-color: var(--main-black); -webkit-box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; transition: background-color 5000s ease-in-out 0s;    }

/* 테이블 슬래시 */
.diagonal { background: url("/resources/img/common/diagonal.png") no-repeat center; background-size:100% 100%; letter-spacing: -1px;}
.noresize { resize: vertical; }
/* reset(기본셋팅 영역) e */    



/* form-mail */
.basic_form { margin-bottom: 50px; border: 1px solid var(--border-light); }
.basic_form select { padding-right:24px; }
.basic_form .frm-itm { display: table; width: 100%; border-bottom: 1px solid var(--border-light); }
.basic_form .frm-itm:last-child { border-bottom: 0; }
.basic_form .frm-itm .frm-tit { display: table-cell; width: 200px; padding:5px; text-align: center; vertical-align: middle; background: var(--form-title-bg); border-right: 1px solid var(--border-light); }
.basic_form .frm-itm .frm-tit:last-child { border-bottom: 0; }
.basic_form .frm-itm .frm-desc { display: table-cell; padding:5px; }
.frm-btn-wrap { text-align: center; }

    /* form-mail - 첨부파일 */
    .file-itm input[type="file"] { display: none; }
    .file-itm .select-file { display: inline-block; width:100px; height: var(--form-input-height); line-height: var(--form-input-height); background: var(--main-black); color:white; text-align: center; cursor: pointer; }
    .file-itm .file-name-txt { margin-left:8px; color:var(--sub-black); }
    .file-itm .file-name-txt.select { color:var(--main-black); }

    /* form-mail - 주소검색 */
    .addr-itm button { width: 80px; height: var(--form-input-height); float:left; margin-left:5px; line-height: var(--form-input-height); text-align: center; background: var(--main-black); color: white; }
    #zip_code { width:100px; float:left; }

    /* form-mail - 등록버튼 */
    .write_btn { width:100%; max-width: 300px; height: 50px; padding:0 10px; background-color: var(--main-bg); color:#fff; border:1px solid var(--main-bg); transition:.3s ease; }
    .write_btn:hover { background-color:#fff; color:var(--main-bg); }
    .end_btn { width:100%; max-width: 300px; height: 50px; padding:0 10px; background:#ddd; color:#777; border:1px solid #eee; cursor: default; transition:.3s ease; }

@media screen and (max-width: 768px){
    .basic_form .frm-itm .frm-tit { display: block; width: 100%; border-bottom: 1px solid var(--border-light); border-right: 0; }
    .basic_form .frm-itm .frm-desc { display: block; width: 100%; }
}
@media screen and (max-width: 500px){
    #captcha {width: calc(100% - 128px);}
}



/* 게시판 버튼 */
.flt-btn-wrap { width:100%; display: flex; justify-content: right; margin-top:15px; }
.flt-btn-wrap a { width:60px; height:30px; display: flex; align-items: center; justify-content: center; margin-left:10px; font-size: 15px; cursor: pointer; background: white; border:1px solid var(--border-dark); }
.flt-btn-wrap .delete-btn { background: var(--border-light); } /* 삭제버튼 */
.flt-btn-wrap .answer-btn { padding-left:15px; background: url("/resources/img/board/comment/comment_ico3.png") no-repeat 10px/9px ; } /* 답변버튼 */
.flt-btn-wrap .post-btn { width: 100px; height: 40px; display: flex; align-items: center; justify-content: center; border: solid 1px var(--main-bg); cursor: pointer; transition: 0.3s ease-out; background: white; color:var(--main-bg); } /* 글쓰기 버튼 */
.flt-btn-wrap .post-btn:hover { background: var(--main-bg); color:white; }

/* 목록 하단 — 글쓰기 오른쪽 / 페이지네이션 중앙 */
.btm-board-wrap { position: relative; width: 100%; margin-top: 40px; min-height: 44px; }
.btm-board-wrap .flt-btn-wrap { position: absolute; right: 0; top: 0; width: auto; margin: 0; display: flex; justify-content: flex-end; align-items: center; gap: 8px; z-index: 1; }
.btm-board-wrap .flt-btn-wrap .post-btn { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 0; height: auto; margin: 0; padding: 12px 47px; border: 0; border-radius: 8px; background: var(--deep-key-color); color: #fff; font: 600 19px/1 var(--font-family); box-sizing: border-box; cursor: pointer; transition: opacity .2s ease; }
.btm-board-wrap .flt-btn-wrap .post-btn:hover { background: var(--deep-key-color); border: 0; color: #fff; opacity: .9; }
.btm-board-wrap .pagination { width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 768px){
  .btm-board-wrap { display: flex; flex-direction: column; align-items: stretch; gap: 16px; min-height: 0; }
  .btm-board-wrap .flt-btn-wrap { position: static; width: 100%; justify-content: flex-end; }
  .btm-board-wrap .flt-btn-wrap .post-btn { width: 100%; padding: 16px 0; font-size: 16px; }
}

.ctr-btn-wrap { width:100%; margin-top:60px; display: flex; justify-content: center; flex-wrap: wrap; }
.ctr-btn-wrap a,.ctr-btn-wrap button { width: 150px; height:50px; margin: 0 10px ; display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 5px; transition: 0.3s ease-out; }
.ctr-btn-wrap .to-next { background: var(--main-black); color:white; }
.ctr-btn-wrap .to-next:hover { background: #000; }
.ctr-btn-wrap .to-back { border: solid 1px var(--main-black); color: var(--main-black); }
.ctr-btn-wrap .to-back:hover { background:#f5f5f5; }

@media screen and (max-width: 500px){
    .ctr-btn-wrap a,.ctr-btn-wrap button { width:100%; margin: 10px 0; }
}


/* 페이지네이션 */
.pagination { width:100%; display:flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 2.5rem auto 0; }
.pagination button, .pagination a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--default-txt); font: 500 18px/35px var(--font-family); border-radius: 50%; }
.pagination button:hover, .pagination a:hover { color: var(--key-color); text-decoration: none; }
.pagination .selected, .pagination a.selected { color: #fff; background-color: var(--key-color); font-weight: 700; }
.pagination .selected:hover, .pagination a.selected:hover { color: #fff; }
.pagination .prev, .pagination .next, .pagination .p-prev, .pagination .n-next { width: 36px; height: 36px; font-size: 0; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: contain; border: 0; }
.pagination .p-prev { background-image: url('/resources/img/common/pagination/first.svg'); transform: scaleX(-1); }
.pagination .prev { background-image: url('/resources/img/common/pagination/prev.svg'); transform: scaleX(-1); margin-right: 8px; }
.pagination .next { background-image: url('/resources/img/common/pagination/next.svg'); margin-left: 8px; }
.pagination .n-next { background-image: url('/resources/img/common/pagination/last.svg'); }
.pagination .prev:hover, .pagination .next:hover, .pagination .p-prev:hover, .pagination .n-next:hover { background-color: transparent; opacity: 0.7; }

@media screen and (max-width: 768px){
    .pagination  { gap: 4px; }
    .pagination button, .pagination a { width: 24px; aspect-ratio: 1/1; height: 100%; font-size: 15px; padding-top: 2px; }
    .pagination .prev, .pagination .next, .pagination .p-prev, .pagination .n-next {  width: 24px; aspect-ratio: 1/1; height: 100%; margin: 0; }
} 


/* 게시판 list */
.board_list { width: 100%; margin-top: 24px; border-top: 2px solid var(--border-dark); background-color: #fff;}
.board_list th, .board_list td {padding: 20px 10px; text-align: center; border-bottom: 1px solid var(--border-light);}
.board_list .list_num { width:8%; }
.board_list .list_tit { width:62%; }
.board_list .list_tit a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list .list_wtr { width:12%; }
.board_list .list_date { width:18%; }

.board_list.list_qna .list_num { width:8%; }
.board_list.list_qna .list_tit { width:auto; }
.board_list.list_qna .list_wtr { width:12%; }
.board_list.list_qna .list_ect { width:80px; } /* QNA 댓글,좋아요 창 추가 */
.board_list.list_qna .list_stat { width:110px; } /* QNA 상태 창 추가 */
.board_list.list_qna .list_date { width:120px; }

    /* 게시판 list - 답변완료 표시 */
    .qna_ico { display: inline-block; width:100%; padding: 5px 0; font-size: 15px; letter-spacing: -1px; }
    .qna_ico1 { color:#333; background: #fdd340; } /* 확인 중 */
    .qna_ico2 { border: 1px solid #ddd; color:#555; background:#f5f5f5; } /* 답변 완료 */
    .qna_ico3 { background:#555; color:#f5f5f5; } /* 답변 대기 */
    .secret { display: inline-block; width:20px; height:20px; background:url('/resources/img/board/comment/secret.png') no-repeat center/contain; text-indent: -99999px; overflow: hidden; position: relative; top:2px; margin-right:6px; } /* 비밀 글 */
    .answer_btn { display:inline-block; margin-left:10px; font-size: 15px; }
    
@media screen and (max-width: 768px){
    .board_list th, .board_list td { padding: 20px 5px; font-size: 14px; }
    .non_mobile { display: none; }
    .board_list .list_tit {width:70%;}
    .board_list .list_date { width:30%; }
}

    /* 게시판 list - 검색바 */
    .search_form form { width: 60%; float: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; }
    .search_form select { width: 20%; height: 40px; padding-left: 14px; border:solid 1px var(--border-light); }
    .search_form .searcher-wrap { width: calc(80% - 110px); height: 40px; padding: 0 5px; position: relative; border: 1px solid var(--border-light); background: white; }
    .search_form .searcher-wrap .txt-del-btn { position: absolute; right:15px; top:50%; transform: translateY(-50%); width:18px; height:18px; background:#adadad url('/resources/img/common/close_w.png') no-repeat center/contain; overflow: hidden; text-indent: -99999px; border-radius: 50%; cursor: pointer; display: none; }
    .search_form input[type="text"] { width: calc(100% - 34px); height: 100%; background: white; }
    .search_form .sch_btn { width: 100px; height: 40px; text-align: center; background: var(--main-bg); color:white; border: solid 1px var(--main-bg); cursor: pointer; transition: 0.3s ease-out; }
    .search_form .sch_btn:hover { background: white; color:var(--main-bg); }

    @media screen and (max-width:1100px){
        .search_form form {width:80%;}
    }
    @media screen and (max-width:768px){
        .search_form form {width:100%;}
    }
    @media screen and (max-width:500px){
        .search_form select {width: 30%;}
        .search_form .searcher-wrap { width:70%; margin: 0; }
        .search_form .sch_btn { width:100%; margin-top:10px;}
    }



/* 게시판 view */
.view_table { width:100%; max-width:var(--view-max-width); margin: 0 auto; border-bottom:1px solid var(--border-light); }
.view_table .title { margin-bottom:40px; padding-bottom:30px; font-size:32px; font-weight: 600; letter-spacing: -0.5px; }
.view_table .sub-title { display: flex; justify-content: space-between; align-items: end; margin-left:2px; padding-bottom:30px; border-bottom:1px solid var(--border-light); font-size: 16px; font-weight: 400; color:#777; }
.view_table .count-list { display: flex; align-items: end; }
.view_table .count-list p { display: inline-block; margin-right: 20px; }
.view_table .count-list p:last-child { margin-right: 0; }

.view_table .link { font-size: 16px; padding: 20px 30px; margin:30px 0; background: #f4f4f4; border-radius: 5px; }
.view_table .file { font-size: 16px; padding: 20px 30px; margin:0px 0 40px; background: #f4f4f4; border-radius: 5px; }
.view_table .link a { position: relative; padding-left:15px; }
.view_table .link a:hover,.view_table .file a:hover { text-decoration: underline; text-underline-offset: 4px; }
.view_table .link a::before { content: ''; position: absolute; left:0px; top:10px; width:3px; height:3px; background: var(--border-dark); border-radius: 50%; }
.view_table .link a::after { content: ''; position: absolute; right:-10px; top:55%; transform: translate(100%, -50%); width: 16px; height:16px; background: url('/resources/img/common/link_ico.png') no-repeat center/contain; }

.view_table .file { display: flex; }
.view_table .file .label { width: 90px; font-weight: 600; display: inline-block; padding:2px 0; }
.view_table .file .down-list { width:calc(100% - 90px); }
.view_table .file .down-list a { display: block; padding:2px 15px 2px; max-width: fit-content; position: relative; }
.view_table .file a::before { content: ''; position: absolute; left:0px; top:12px; width:3px; height:3px; background: var(--border-dark); border-radius: 50%; }
.view_table .file a::after { content: ''; position: absolute; right:5px; top:60%; transform: translate(100%, -50%); width: 16px; height:16px; background: url('/resources/img/common/down_ico.png') no-repeat center/contain; }
.view_table .view_td { min-height:300px; line-height: 1.4; }
.view_table .view_vd { padding: 40px 0px; }

.view_td pre { font: 300 19px/1.4 var(--font-family); }
.view_td.view_rep .date { font-size: 17px; color: var(--gray-deep); font-weight: 300; margin-top: 8px;}

.table_bottom { position:relative; width:100%; max-width:var(--view-max-width); text-align:center; margin: 0 auto;}

@media screen and (max-width: 768px){
    .view_table th { font-size: 16px; }
    .view_table td { padding: 15px 5px; font-size: 15px;}
    .view_table .link { padding: 20px; margin: 20px 0; }
    .view_table .file { padding: 20px; margin: 0px 0 20px; }
}
@media screen and (max-width: 500px){
    .view_table .title { padding-bottom:0; }
    .view_table td {font-size: 14px;}
}
    /* 에디터 내부 스타일 X */
    .view_td img { max-width: fit-content; display: inline-block; }
    .view_td * { font: revert; }
    .view_td ul { list-style: disc; }
    .view_td ol { list-style: auto; }

    /* like btn */
    .like_span { vertical-align:middle; display:inline-block; margin-right:20px; }
    .like_btn { font-weight: 600; color:#333; float: left; text-align: center; vertical-align: middle; position: relative; }
    .like_btn .ico { vertical-align:middle; transition: .2s ease; margin-right:5px; display:inline-block; width:20px; height:20px; background:url("/resources/img/board/comment/like_ico.png") no-repeat center/contain;}
    .like_btn.on .ico { background:url("/resources/img/board/comment/like_on_ico.png") no-repeat center/contain; } 
    .like_btn .txt {vertical-align:middle; display:inline-block;}
    .like_count {line-height:140%}

    /* hate btn */
    .hate_span { vertical-align:middle; display:inline-block; margin-right:20px; }
    .hate_btn { font-weight: 600; color:#333; float: left; text-align: center; vertical-align: middle; position: relative; }
    .hate_btn .ico { vertical-align:middle; transition: .2s ease; margin-right:5px; display:inline-block; width:20px; height:20px; background:url("/resources/img/board/comment/hate_ico.png") no-repeat center/contain;}
    .hate_btn.on .ico { background:url("/resources/img/board/comment/hate_on_ico.png") no-repeat center/contain; } 
    .hate_btn .txt {vertical-align:middle; display:inline-block;}
    .hate_count {line-height:140%}

    /* 게시판 view - 답변 */
    .view_td.view_rep { min-height:100px; padding: 20px; margin-bottom:40px; background:#fafafa; border:1px solid #f5f5f5; border-radius: 5px; }
    .answer_tit { padding-left:14px; margin-bottom:10px; background: url("/resources/img/board/comment/comment_ico3.png") no-repeat left center/9px; font-weight: 600; }
    .view_td.view_rep pre { padding: 0px 14px; }

    /* 게시판 view - 페이지 댓글 처리 */
    .comment-wrap { max-width: var(--view-max-width); margin:0 auto; }
    .comment-wrap .reply-line { padding: 12px 20px; background:#f5f5f5; border-bottom:solid 1px #ddd; font-size:14px; }
    
        /* 게시판 view - 댓글 입력창 */
        .cmt_reply_contents { margin-top:40px; border:1px solid #b3b3b3; }
        .cmt_reply_contents .reply_top { background:#fff; padding:10px 20px; }
        .cmt_reply_contents .reply_top .name { display: inline-block; color: #555; font-weight: 600; position: relative; margin-top:5px; }
        .cmt_reply_contents .reply_top .name::before { content:''; display: inline-block; width:18px; height:18px; background:url("/resources/img/board/comment/comment_ico.png") no-repeat center ; margin-right: 6px; position: relative; top:3px; }
        .cmt_reply_contents textarea { padding:0 20px; min-height:80px; border:none; background: none; margin-bottom: 10px; font-size: 14px; } 
        .cmt_reply_contents .reply_bottom { border-top: 1px solid #eee; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; }
        .cmt_reply_contents .reply_bottom .counter { font-size: 14px; }
        .reg_btn { width:auto; display:inline-block; padding: 4px 20px; transition: .3s ease; background:#555; color:white; }
        .cmt_login { text-align:center; padding:30px 20px; letter-spacing:-.8px; background: #fafafa; }
        .cmt_login a { font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }

        /* 게시판 view - 댓글 페이지네이션 */
        .comment-wrap .pagination { margin: 20px auto 0; }
        .comment-wrap .pagination button,.comment-wrap .pagination a { color:#777; }
        .comment-wrap .pagination .selected { background-color: initial; color:#777; font-weight: 600; border: 1px solid #ddd; }

        /* 게시판 view - 댓글 */
        .cmt_item { padding: 15px 10px; border-bottom: 1px solid #ebedf2; position: relative;  font-size: 16px; }
        .cmt_item div[id^="tr_reply_div_"] .top{ position: relative; padding:15px 15px 30px; border-top:1px solid #ebedf2;  }
        .cmt_item.cmt1 { padding-left:3%;}
        .cmt_item.cmt2 { padding-left:6%;}
        .cmt_item.cmt3 { padding-left:9%;}
        .cmt_item.cmt4 { padding-left:12%;}
        .cmt_item.cmt5 { padding-left:15%;}
        .cmt_item .cmt_name { display: inline-block; position: relative; color: #5d6473; font-weight: 600; }
        .cmt_item:not(.cmt0) .cmt_name::before { content:''; display: inline-block; width:9px; height:10px; background:url("/resources/img/board/comment/comment_ico3.png") no-repeat; position:absolute; left:-19px; top:6px; }
        .cmt_item .date { float:right; color:#afafaf; font-size: 14px; }
        .cmt_item .cmt_txt { margin-top:6px; line-height: 150%; }
        .cmt_item .cmt_txt span { line-height: 150% }
        .cmt_item .cmt_txt.edt_date { text-align: right; color: #afafaf; font-size: 14px; }
        .cmt_item .cmt_txt textarea { border: 1px solid #b3b3b3; margin-bottom:10px; min-height: 100px; }



/* 게시판 edit, rep, */
.edit-table { border-top:solid 1px #dedede; }
.edit-table th { width:200px; padding: 15px; border-bottom: solid 1px #dedede; border-right:solid 1px #dedede; background: #fafafa; }
.edit-table td { width:calc(100% - 200px); padding: 15px; border-bottom: solid 1px #dedede; }
.edit-table td > iframe {width: calc(100% + 2px) !important;} /*board write 에디터 잘리는 문제*/



/* 게시판 check */
.alert-wrap { display: fixed; width: 100vw; height:100vh; }
.alert-inner { width:96%; max-width:500px; padding: 40px 30px ; position: absolute; left:50%; top:45%; transform: translate(-50%,-50%); border: solid 1px #ddd; }
.alert-inner h2 { font-size: 30px; font-weight: 600; }
.alert-inner .sub-txt { margin-top:12px; color:#777; }
.alert-inner .alert-input { margin-top:50px; }
.alert-inner label { display: block; font-weight: 600; margin-bottom: 8px; }
.alert-inner input { width:100%; padding:5px; border:none; border-bottom: solid 1px #dedede; background: white; }
.alert-btn-wrap { margin-top:20px; }
.alert-btn-wrap button { width: 100%; height:46px; background-color: #222; color:white; border-radius: 5px; }
.alert-btn-wrap .back_btn { display:block; height:46px; line-height: 46px; margin-top: 10px; border: 1px solid #ddd; border-radius: 5px; }

/* 협회위원회 게시판 비밀번호 입력 */
.cmt-alert-wrap h2 > span { display: block; font: 600 1.25rem/1 var(--font-family); color: var(--point-color); margin-bottom: 0.5rem; }
.cmt-alert-wrap h2 > p { font: 600 1.9rem/1.3 var(--font-family); }
.cmt-alert-wrap .alert-inner .sub-txt { margin-top: 1rem; }
.cmt-alert-wrap .alert-inner input { font-size: 1rem; padding: 0.7rem 0 0.6rem; box-sizing: content-box; }
.cmt-alert-wrap .alert-inner input::placeholder { color: #999; }
.cmt-alert-wrap .alert-btn-wrap { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 1.5rem; }
.cmt-alert-wrap .alert-btn-wrap > * { width: 100%; height: auto; text-align: center; line-height: 1; padding: 1.3rem 1.1rem 1.1rem; margin: 0; font: 500 1.15rem/1 var(--font-family); }


/* 게시판 view - image1 skin */
.img_brd1 ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:2%; gap:2%; }
.img_brd1 li > a { display:block; width:100%; height:100%; position:relative; overflow: hidden; }
.img_brd1 li .hover {  z-index:1;  transition:.3s ease; transform:translateY(100%); position:absolute; width:100%; left:0; bottom:0; text-align:center; padding: 40px 15px 20px; display:block; background: linear-gradient(0deg, rgba(18,94,172,1) 30%, rgba(18,94,172,0) 100%);  color:#fff;}
.img_brd1 li .txt { padding:10px 25px 15px; display:block; position:absolute; width:100%; z-index:1; left:50%; bottom:0; max-width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff; text-align:center; transform:translateX(-50%); border-top:1px dotted #fff; transition:.3s ease; }
.img_brd1 li > a::before { content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 40%); z-index:1;}
.img_brd1 li > a .img { border:1px solid #ddd; border-bottom:0; width:100%; height:0; position:relative; overflow:hidden; padding-bottom: 75%; }

.img_brd1 li > a .img img { transition:.3s ease; background:#fff; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); width: 100%;}
.img_brd1 li > a .hover .hover_tit {max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; margin-bottom:5px;}
.img_brd1 li > a .hover .more_btn { transition:.3s ease; border:1px solid #fff;  color:#fff; display:inline-block; padding:4px 15px; background:url("/resources/img/gallery/more_ico.png") no-repeat 150% center; }
.img_brd1 li:hover > a .txt {opacity:0}
.img_brd1 li:hover > a .img img { transform:translate3D(-50%, -50%, 0) scale(1.2);}
.img_brd1 li:hover > a .hover { transform:translateY(0);}
.img_brd1 li:hover > a .hover .more_btn { padding:4px 35px 4px 15px; background-position:90% center;}

@media screen and (max-width: 768px){
    .img_brd1 ul { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 500px){
    .img_brd1 ul { grid-template-columns: repeat(1, 1fr); }
}



/* 게시판 view - image2 skin */
.img_brd2 ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:2%; gap:2%; }
.img_brd2 li { position: relative; }
.img_brd2 li > a { display:block; position:relative; border: 1px solid #ddd; padding: 18px 22px; }
.img_brd2 li::before {transition: all .1s ease-in-out .1s; top: 0; left: 0; content:'';}
.img_brd2 li::after{transition: all .1s ease-in-out .2s; top: 0; right: 0; content:'';}
.img_brd2 li a::before {transition: all .1s ease-in-out .3s; bottom: -1px; right: 0; content:'';}
.img_brd2 li a::after{transition: all .1s ease-in-out .4s; bottom: -1px; left: -1px; content:'';}
.img_brd2 li::before, .img_brd2 li::after, .img_brd2 li a::before, .img_brd2 li a::after { content: ""; display: block; position: absolute; background-color: var(--main-bg); z-index: 1; }
.img_brd2 li::before, .img_brd2 li a:before {width: 0%; height: 3px;}
.img_brd2 li::after, .img_brd2 li a:after {width: 3px; height: 0%;}
.img_brd2 li:hover::after, .img_brd2 li:hover a::after {height: 100%;}
.img_brd2 li:hover::before, .img_brd2 li:hover a::before {width: 100%;} 

.img_brd2 li > a .img { width:100%; height:0; position:relative; overflow:hidden; background: #ebebeb; padding-bottom: 75%; }
.img_brd2 li > a .img img { transition:.3s ease; background:#fff; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); width: 100%;}
.img_brd2 li:hover > a .img img { transform:translate3D(-50%, -50%, 0) scale(1.2);}

.img_brd2 li .title {font-size: 22px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  overflow: hidden;  padding: 20px 0 7px; transition: all .2s ease;}
.img_brd2 li .date {padding-bottom: 7px; color: #777;  font-size: 16px;}
.img_brd2 li .txt {overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 140%; height: 2.7em;  text-align: left; word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #777;  font-size: 18px; word-break: break-all; font-size: 16px;}

.ImgCover li > a .img img.wide {height: 100%; width: auto;}
.ImgCover li > a .img img.tall {width: 100%; height: auto;}

.ImgContain li > a .img img.wide {width: 100%; height: auto;}
.ImgContain li > a .img img.tall {width: auto; height: 100%;}



/* 게시판 list - youtube skin */
.iframe-wrap { width:100%; height:0px; padding-bottom:56.25%; position: relative; background:#ddd; }
.iframe-wrap iframe { width:100%; height:100%; position: absolute; left:0px; top:0px; }
.iframe-wrap img { width:100%; height:100%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); object-fit: cover; transition: 0.3s; }
    
.media-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:2%; }
.media-wrap li { width:100%; position: relative; }
.media-wrap li:hover .media-info-wrap { opacity: 1; }
.media-info-wrap { display: flex; flex-direction: column; justify-content: end; flex-wrap:wrap; padding: 32px 30px; position: absolute; left:0px; top:0px; width:100%; height:100%; background: rgba(0,0,0,.2); color:white; transition: 0.3s; opacity: 0; pointer-events: none; cursor: pointer; }
.media-info-wrap p { width: 100%; }
.media-info-wrap a { color:white; }
.media-info-wrap .info-tit { font:500 20px/125% 'Spoqa Han Sans Neo'; }
.media-info-wrap .info-name { margin-top:5px; font:400 16px/125% 'Spoqa Han Sans Neo'; }

    /* 게시판 팝업 */
    .pop-wrap { display:none; position:fixed; width:100%; max-width: 1280px; padding: 50px 0px; min-height: 300px; max-height:90vh; left:50%; top:50%; transform:translate(-50%,-50%); background: #fff; overflow-y: auto; transition: all 0.3s; z-index: 502; }
	.pop-wrap::-webkit-scrollbar { width: 5px; }
	.pop-wrap::-webkit-scrollbar-thumb { max-height:80%; background-color: var(--sub-black); border-radius: 7px; }
	.pop-wrap::-webkit-scrollbar-track { background: #ddd; border-radius: 7px;}
	.pop-wrap.active { display:block; transform:translate(-50%,-50%); box-shadow: 0px 2px 50px rgba(0,0,0,0.15); }
    
    .close { width: 36px; height: 36px; cursor: pointer; position: absolute; right: 30px; top: 30px; z-index: 600; }
	.close span { display: block; width: 2px; height: 32px; background-color: var(--main-black); position: absolute; top: 9px; left: 17px; transform: rotate(45deg); }
	.close span:last-child { transform: rotate(-45deg);}

    .pop-cont-wrap { width: 100%; max-width:1024px; margin:0 auto; position: relative; }

    .pop-cont-wrap .pop-info-wrap { display: flex; justify-content: space-between; align-items: end; margin-bottom: 24px; }
    .pop-cont-wrap .pop-info-wrap .pop-tit { max-width: 600px; font:700 24px/125% 'SUIT'; }
    .pop-cont-wrap .pop-info-wrap .pop-cc { text-align: right; font:500 15px/125% 'SUIT'; }
    .pop-cont-wrap .pop-info-wrap .pop-cc p { margin-bottom: 6px; }
    .pop-cont-wrap .pop-info-wrap .pop-cc span { font-weight: 200; display: inline-block; font-size: 17px; margin-right: 14px; }
	
    @media screen and (max-width: 1280px){
        .pop-wrap { width: 100vw; height: 100%; max-height: 100%; padding: 40px; }
        .pop-cont-wrap .pop-info-wrap { display: block; }
        .pop-cont-wrap .pop-info-wrap .pop-cc { text-align: left; margin-top: 20px; }
    }
    @media screen and (max-width: 1024px){
        .media-wrap ul { grid-template-columns: repeat(2, 1fr); }
        .media-info-wrap { opacity: 1; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 
    }
    @media screen and (max-width: 768px){
        .media-wrap ul { grid-template-columns: repeat(1, 1fr); }
        .pop-cont-wrap .pop-info-wrap .pop-tit { max-width: calc(100% - 50px); }
    }
    @media screen and (max-width: 500px){
        .pop-wrap { padding: 40px 20px; }
    }


/* FAQ 자주 묻는 질문 */
/* .faq .sec1 .c_box {margin: 0 0 30px;}
.faq .faq_wrap { border-top: 2px solid var(--main-bg);  border-bottom: 1px solid #d2d2d2;}
.faq .faq_wrap .faq_box:first-child {border-top: none;}
.faq .faq_wrap .faq_box { border-top: 1px solid #d2d2d2; }
.faq .faq_wrap .faq_q {min-height: 50px; background: #fff; display: table; cursor: pointer; width:100%;}
.faq .sec {margin-top: 30px;}
.faq .faq_ti {font-size: 22px; font-weight: 600; color: var(--main-bg); margin-bottom: 10px;}
.faq .faq_wrap .ico { width: 50px; min-height: 50px; height: 100%; background: var(--main-bg); display: table-cell; color: #fff; text-align: center; vertical-align: middle;   font-weight: 600; font-size: 18px;}
.faq .faq_wrap .con {height: 100%; width: calc(100% - 50px); vertical-align: middle; padding: 10px 15px; display: table-cell;}
.faq .faq_wrap .con > span {font-weight: 500;}
.faq .faq_wrap .faq_a {  float: left; width: 100%; background: #fff; display: table; display: none; border-top: 1px solid #d2d2d2;}
.faq .faq_wrap .faq_a .ico {background: #f9f9f9; color: var(--main-bg);}
.faq .faq_wrap .faq_a .con {padding: 20px 15px;}
.faq .con > ol.basic > li > ul > li {color: #777;}
.faq .empty {padding: 20px; text-align: center;}
.faq .faq_wrap .faq_a .con b {font-weight: 600;}
.faq .faq_wrap .faq_a .con a { display: inline-block; background:#fff url("/resources/img/common/newwin_b.png") no-repeat 18px 8px;cursor:pointer; border:1px solid #d2d2d2; background-color:#f4f4f4; border-radius:30px; padding:6px 15px 6px 38px; transition: all 0.3s ease 0s; margin-top: 3px;}
.faq .faq_wrap .faq_a .con a:hover { background: #e0e0e0 url("/resources/img/common/newwin_b.png") no-repeat 18px 8px; color:#282828; border:1px solid #c0c0c0; } */

/*faq2*/
.faq2 .sec1 .c_box {margin: 0 0 30px;}
.faq2 .faq_wrap .faq_box:first-child {margin-top:0;}
.faq2 .faq_wrap .faq_box {cursor: pointer;background: #fff;  padding: 20px; border: 1px solid #ddd; margin-top: 10px;}
.faq2 .faq_wrap .faq_q {display: table;width:100%; position: relative;}
.faq2 .faq_wrap .faq_q .con {padding-right: 25px;}
.faq2 .faq_wrap .faq_q::before {content: ""; position: absolute;width: 15px; height: 9px; background: url("/resources/img/common/faq_arw.png") center no-repeat; top: 50%; right: 0; transform: translateY(-50%) rotate(0deg);; transition: all .3s ease-in-out;}
.faq2 .faq_wrap .faq_box.on .faq_q::before {transform: translateY(-50%) rotate(180deg);}
.faq2 .faq_wrap .faq_box.on { border-color: var(--main-bg);}
.faq2 .sec {margin-top: 30px;}
.faq2 .faq_ti {font-size: 22px; font-weight: 600; color: var(--main-bg); margin-bottom: 10px;}
.faq2 .faq_wrap .ico {width: 30px;height: 100%;display: table-cell;color: var(--main-bg); vertical-align: middle;font-weight: 500;}
.faq2 .faq_wrap .con {height: 100%;width: calc(100% - 30px);vertical-align: middle; display: table-cell;}
.faq2 .faq_wrap .con > span {font-weight: 500;}
.faq2 .faq_wrap .faq_a {float: left;width: 100%;background: #fff;display: table;display: none;border-top: 1px solid rgba(210, 210, 210, 0);padding-top: 15px;margin-top: 15px;}
.faq2 .faq_wrap .faq_box.on .faq_a { border-color: rgba(210, 210, 210, 1);}
.faq2 .faq_wrap .faq_a .ico {color: var(--main-bg);}
.faq2 .faq_wrap .faq_a .con {height: 100%;width: calc(100% - 50px);vertical-align: middle; display: table-cell;}
.faq2 .con > ol.basic > li > ul > li {color: #777;}
.faq2 .empty {padding: 20px; text-align: center;}
.faq2 .faq_wrap .faq_a .con b {font-weight: 600;}
.faq2 .faq_wrap .faq_a .con a { display: inline-block; background:#fff url("/resources/img/common/newwin_b.png") no-repeat 18px 8px;cursor:pointer; border:1px solid #d2d2d2; background-color:#f4f4f4;  padding:6px 15px 6px 38px; transition: all 0.3s ease 0s; margin-top: 3px;}
.faq2 .faq_wrap .faq_a .con a:hover { background: #e0e0e0 url("/resources/img/common/newwin_b.png") no-repeat 18px 8px; color:#282828; border:1px solid #c0c0c0; }


/* parsley S */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
/* parsley E */


/* 표 */
div:has(> .table_style2) {overflow: hidden;  border-radius:clamp(10px, 3vw, 24px) clamp(10px, 3vw, 24px) 0px 0px;}
 div > .table_style2 {width: calc(100% + 2px); margin-left: -1px;}
 .table_style2 {clear:both; width:100%; table-layout:fixed; background:#fff; position: relative; line-height:1.3em; font-size:0.95em;}
 .table_style2 thead tr th {background-color:var(--deep-key-color); height:3.2em; padding:0.8em 5px; border:1px solid #D2E1F8; font-weight:400; word-break:break-all; text-align:center; color: #fff;}
 .table_style2 thead tr:first-child th {border-top:none; }
 .table_style2 tbody tr:first-child th {border-top:none;}
 .table_style2 tbody tr:first-child td {border-top:none;}
 .table_style2 tbody tr th {border-bottom:1px solid #ccc; padding:0.8em 5px; font-weight:600; background:#fff;}
 .table_style2 td {border:1px solid #E8E8E8; line-height:1.5em; height:3em; padding:0.8em 5px; text-align:center; font-weight:400; font-size:var(--sub-font-size);}
 .table_style2 td.t-key { font-weight: 600; color: var(--point-color); }
 .table_style2 th {border:1px solid #cccccc;}
 .table_style2 .t-deep {color:#000;}
 .table_style2 .tl {padding-left:1em; padding-right:10px; text-align:left; word-break:break-all;}
 .table_style2 .tr {padding-right:1em; padding-left:10px; text-align:right; word-break:break-all;}


/* kila board 공통 */
.search_form  { display: flex; justify-content: flex-end; width: 100%; }
.search_form form { display: block; justify-content: flex-end; width: 100%; max-width: 560px; float: unset; }
.srch-wrap { display: flex; align-items: center; gap: 16px; width: 100%; border: 1px solid var(--gray-lite); padding: 11px 20px; border-radius: 100px; }
.search_form .srch-wrap select { width: 40%; max-width: 136px; height: 24px; border: 0; padding: 2px 4px; font-size: 16px; line-height: 1.4; }
.search_form .srch-wrap .searcher-wrap { width: 70%; height: 24px; border: 0; font-size: 16px; }
.search_form .srch-wrap .sch_btn { width: 24px; height: 24px; font-size: 0; text-indent: -9999px; background: transparent; border: 0; background: url('/resources/img/board/comment/bd_ico_srch.svg') no-repeat center/contain; }
.search_form .srch-wrap input[type="text"] { width: 100%; font-size: 17px; padding: 0; }
.search_form .srch-wrap input[type="text"]::placeholder { font-size: 15px; font-weight: 300; color: var(--gray-mid); line-height: 1.4; }

/* skin_default */
.notice_wrap { margin-top: 96px; }
#inner_wrap.has-board  + .notice_wrap { margin-top: 64px; }
.notice_wrap .title_bar > .sub_title { font: 700 20px/100% var(--font-family); color: var(--sub-key-color); margin-bottom: 8px; }
.notice_wrap .title_bar > h3 { font: 700 38px/100% var(--font-family); color: var(--default-txt); }
.notice_wrap .bd-notice { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 32px 20px; margin-bottom: 32px; border-radius: 12px; background: #F8F8F9; text-align: center; }
.notice_wrap .bd-notice__tit { font: 600 20px/100% var(--font-family); color: var(--key-color); }
.notice_wrap .bd-notice__contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; }
.notice_wrap .bd-notice__label { font: 600 18px/100% var(--font-family); color: var(--default-txt); }
.notice_wrap .bd-notice__list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; }
.notice_wrap .bd-notice__list > li { display: flex; align-items: flex-end; gap: 8px; font: 400 18px/100% var(--font-family); color: var(--default-txt); }
.notice_wrap .bd-notice__list > li img { width: 18px; height: 18px; flex-shrink: 0; }
.notice_wrap .bd-notice__list > li a { color: inherit; }
.notice_wrap .board_list .list_num { width: 12.5%; }
.notice_wrap .board_list .list_tit { width: 51.875%; }
.notice_wrap .board_list .list_wtr { width: 18.75%; }    
.notice_wrap .board_list .list_date { width: 16.875%; }
.notice_wrap .board_list { border-top: 3px solid var(--key-color); table-layout: fixed; }
.notice_wrap .board_list thead th { height: 0; padding: 0; border: 0; font-size: 0; line-height: 0; overflow: hidden; color: transparent; }
.notice_wrap .board_list td { border-bottom: 1px solid var(--gray-lite); }
.notice_wrap .board_list td { padding: 22px 8px; font: 400 19px/100% var(--font-family); color: var(--default-txt); }
.notice_wrap .board_list tbody tr:hover td { background-color: var(--bg-gray-color); }
.notice_wrap .board_list .list_tit { overflow: hidden; text-align: left; }
.notice_wrap .board_list .list_tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice_wrap .ImgCover.img_brd1 > img { max-width: 900px; width: 100%; height: auto; display: block; margin: 0 auto; }
.notice_wrap .board_list .empty-list { text-align: center; font: 400 18px/100% var(--font-family); color: var(--default-txt); padding: 50px 8px; }

.notice_wrap .board_list .mark-notice { display: flex; align-items: center; justify-content: center; width: 80px; padding: 10px 0 8px; border-radius: 40px; background-color: var(--point-color); font: 600 18px/100% var(--font-family); color: #fff; margin: 0 auto; }
.notice_wrap .board_list .fix-notice a { font-weight: 600; }

.notice_wrap.mem_list .board_list thead th { height: auto; padding: 26px 8px; text-align: center; font: 600 19px/100% var(--font-family); color: var(--key-color-deep); background-color:#F2F6FD; }
.notice_wrap.mem_list .board_list td { height: 64px; padding: 12px 8px; font-size: 18px; }
.mem_list .board_list .list_cop { width: 22%; }
.mem_list .board_list .list_num { width: 14%; }
.mem_list .board_list .list_add { width: 50%; }
.mem_list .board_list .list_ceo { width: 14%; }
.mem_list .board_list td.list_add { text-align: left; word-break: keep-all; overflow-wrap: break-word; }
.mem_list .board_list td p { line-height: 1.4; }
.mem_list .board_list td p.logo-box { width: clamp(136px, 9vw, 148px); height: 52px; margin: 0 auto; overflow: hidden; position: relative; }
.mem_list .board_list td p.logo-box > img { width: 100%; height: 100%; object-fit: contain; object-position: center center; }

@media screen and (max-width: 1024px){
	.notice_wrap.mem_list .board_list thead th { padding: 18px 6px; font-size: 16px; }
	.notice_wrap.mem_list .board_list td { height: auto; min-height: 56px; padding: 10px 6px; font-size: 15px; }
	.mem_list .board_list td p.logo-box { width: clamp(96px, 18vw, 140px); height: 52px; }
}
@media screen and (max-width: 768px){
    .notice_wrap { margin-top: 64px; }
    .notice_wrap .title_bar > h3 { font-size: 28px; }
    .notice_wrap .board_list thead tr { display: none; }
    .notice_wrap .board_list tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--gray-lite); }
    .notice_wrap .board_list td { font: 400 16px / 100% var(--font-family); border: 0; }
    .notice_wrap .board_list td.empty-td { width: 100%; font-size: 16px; }
    .notice_wrap .board_list .empty-list { font-size: 16px; }
    .notice_wrap .board_list .list_tit { width: 100%; padding: 20px 8px 12px; }
    .notice_wrap .board_list .list_tit a { line-height: 18px; font-weight: 500; }
    .notice_wrap .board_list .fix-notice.list_tit { display: grid; grid-template-columns: 16px auto; align-items: center; gap: 6px; }
    .notice_wrap .board_list .fix-notice.list_tit::before { content: ''; display: block; width: 16px; aspect-ratio: 1/1; background: url('/resources/img/board/notice/bd_notice_pin.svg') no-repeat center/contain; margin-bottom: 5px; }
    .notice_wrap .board_list td.list_wtr { width: max-content; padding: 0 8px 20px; font-size: 15px; color: var(--deep-key-color); }
    .notice_wrap .board_list td.list_date { width: auto; font-size: 15px; color: var(--gray-deep); padding: 0 8px 20px; text-align: left; }

	.mem_list .board_list { display: block; width: 100%; border-top: 3px solid var(--key-color); }
	.mem_list .board_list thead { display: none; }
	.mem_list .board_list tbody { display: block; width: 100%; }
	.mem_list .board_list tbody tr { display: grid; grid-template-columns: clamp(96px, 18vw, 140px) 1fr; gap: 4px 12px; align-items: center; width: 100%; padding: 16px 0; border-bottom: 1px solid var(--gray-lite); box-sizing: border-box; }
	.mem_list .board_list tbody tr:hover td { background: transparent; }
	.notice_wrap.mem_list .board_list td { display: block; width: auto; height: auto; min-height: 0; padding: 0; border: 0; font-size: 15px; line-height: 1.4; text-align: left; }
	.mem_list .board_list td.list_cop:first-child { grid-column: 1 / 3; grid-row: 1; align-self: center; }
	.mem_list .board_list td.list_cop:nth-child(2) { grid-column: 1 / 3;  grid-row: 2; text-align: center; font: 600 17px/1.35 var(--font-family); padding-bottom: 8px; }
	.mem_list .board_list td.list_num { grid-column: 1/3; grid-row: 3; display: grid; grid-template-columns: clamp(88px, 20vw, 104px) auto; color: var(--gray-deep); }
	.mem_list .board_list td.list_num::before { content: "사업자번호 "; font-weight: 500; color: var(--key-color); }
	.mem_list .board_list td.list_add { grid-column: 1/3; grid-row: 4; display: grid; grid-template-columns: clamp(88px, 20vw, 104px) auto; color: var(--gray-deep); }
	.mem_list .board_list td.list_add::before { content: "소재지 "; font-weight: 500; color: var(--key-color); }
	.mem_list .board_list td.list_ceo { grid-column: 1/3; grid-row: 5; display: grid; grid-template-columns: clamp(88px, 20vw, 104px) auto; color: var(--gray-deep); }
	.mem_list .board_list td.list_ceo::before { content: "대표자 "; font-weight: 500; color: var(--key-color); }
	.mem_list .board_list td p.logo-box { width: clamp(128px, 18vw, 140px); height: 50px; }
	.mem_list .board_list tbody tr:has(td[colspan]) { display: block; padding: 40px 0; text-align: center; }
	.mem_list .board_list tbody tr:has(td[colspan]) td { width: 100%; text-align: center; font-size: 15px; color: var(--gray-deep); }

    .notice_wrap .bd-notice__tit { font-size: 18px; line-height: 125%; }
    .notice_wrap .bd-notice__label { font-size: 17px; }
    .notice_wrap .bd-notice__list > li { font-size: 16px; }
    .notice_wrap .bd-notice__list > li img { width: 16px; height: 16px; }
}
@media screen and (max-width: 479px){
    .notice_wrap { margin-top: 7vw; }
}
/* 정부지원교육 - 연간일정표 */
.edu-schedule-wrap .title_bar > .sub_title { font: 700 20px/100% var(--font-family); color: var(--point-color); margin-bottom: 8px; }

.quick-edu-apply { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 19px 25px; margin-bottom: 24px; border-radius: 12px; background: #F8F8F9; }
.quick-edu-apply__list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.quick-edu-apply__list > li { position: relative; padding-left: 16px; font: 400 19px/100% var(--font-family); color: var(--default-txt); }
.quick-edu-apply__list > li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; box-sizing: border-box; border: 2px solid var(--key-color); border-radius: 50%; }
.quick-edu-apply__btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex-shrink: 0; height: 60px; padding: 2px 32px 0; border-radius: 40px; background: var(--key-color); font: 600 19px/100% var(--font-family); color: #fff; text-align: center; transition: opacity .2s ease; }
.quick-edu-apply__btn:hover { opacity: .9; color: #fff; text-decoration: none; }
.quick-edu-apply__btn img { display: block; width: 12px; height: 12px; flex-shrink: 0; }


.edu_schedule_table {  border-top: 3px solid var(--key-color); }
.edu_schedule_table thead th { padding: 20px 0; font: 600 18px/100% var(--font-family); background-color: #F2F6FD; }
.edu_schedule_table thead th:not(:last-child) { border-right: 1px solid #fff; }
.edu_schedule_table thead th.has-colspan { border-bottom: 1px solid #fff; }
.edu_schedule_table thead tr:last-child th { font-size: 16px; }
.edu_schedule_table td { height: 64px; padding: 11px 0; font: 400 17px/100% var(--font-family); color: var(--default-txt); letter-spacing: -0.02rem; border-bottom: 1px solid var(--gray-lite); }
.edu_schedule_table td:first-child { padding: 11px 12px;}
.edu_schedule_table td:not(:first-child) { padding: 11px 4px; }
.edu_schedule_table td:not(:last-child) { border-right: 1px solid var(--gray-lite); }
.edu_schedule_table .month .active a { font-weight: 700; color: var(--point-color); }

/* 교육 상세 모달 */
.edu-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; align-items: center; justify-content: center; }
.edu-modal-overlay.active { display: flex; }
.edu-modal-content { position: relative; background: #fff; width: 90%; max-width: 840px; max-height: 90vh; overflow-y: auto; padding: 36px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.3); font: 400 19px/1.5 var(--font-family); color: var(--default-txt); }
.edu-modal-close { position: absolute; top: 18px; right: 24px; font-size: 34px; line-height: 1; border: none; background: none; cursor: pointer; color: var(--gray-deep); transition: color .2s ease; }
.edu-modal-close:hover { color: var(--key-color); }
.pop-title { font: 700 24px/1.3 var(--font-family); color: var(--key-color); margin-bottom: 24px; padding-right: 36px; }
.pop-info-table table { width: 100%; border-collapse: collapse; border-top: 3px solid var(--key-color); margin-bottom: 18px; }
.pop-info-table th, .pop-info-table td { border: 1px solid var(--gray-lite); padding: 14px 16px; font-size: 19px; text-align: left; color: var(--default-txt); }
.pop-info-table th { background-color: #F2F6FD; font-weight: 600; color: var(--key-color); }
.pop-info-table td.highlight { font-weight: 700; color: var(--point-color); }
.pop-price-box { font-size: 19px; background: #F8F8F9; padding: 16px 20px; border: 1px solid var(--gray-lite); border-radius: 8px; margin-bottom: 24px; color: var(--default-txt); }
.pop-price-box .txt-red { color: var(--default-txt); font-weight: 700; }
.pop-btn-area { text-align: center; margin-bottom: 30px; }
.btn-apply { display: inline-flex; align-items: center; justify-content: center; min-width: 180px; height: 56px; padding: 0 48px; background-color: var(--key-color); color: #fff !important; font: 700 19px/1 var(--font-family); text-decoration: none; border-radius: 8px; transition: background .2s ease; }
.btn-apply:hover { background-color: var(--deep-key-color); color: #fff !important; }
.btn-apply.disabled { background-color: var(--gray-mid); cursor: not-allowed; }
.pop-detail-box h4 { font: 700 20px/1.3 var(--font-family); margin-bottom: 12px; color: var(--key-color); }
.pop-detail-box .contents-text { font-size: 19px; line-height: 1.6; color: var(--default-txt); white-space: pre-line; word-break: break-all; margin-bottom: 18px; }
.extra-notice { background-color: #F2F6FD; border-left: 4px solid var(--point-color); padding: 16px; font-size: 17px; color: var(--sub-txt); line-height: 1.5; margin-top: 18px; border-radius: 0 8px 8px 0; }

/* 월간일정표 캘린더 */
.calendar-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.calendar-nav .btn-prev-month,
.calendar-nav .btn-next-month { display: inline-flex; align-items: center; gap: 2px; font: 500 19px/24px var(--font-family); color: var(--gray-deep); text-decoration: none; transition: color .2s ease; }
.calendar-nav .btn-prev-month:hover,
.calendar-nav .btn-next-month:hover { color: var(--key-color); }
.calendar-nav .btn-prev-month img,
.calendar-nav .btn-next-month img { display: block; width: 28px; height: 28px; flex-shrink: 0; }
.calendar-nav .btn-next-month img { transform: scaleX(-1); }
.calendar-nav .month-select-wrap { position: relative; display: inline-flex; align-items: center; }
.calendar-nav .month-select-wrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 70px; padding: 0 22px 0 0 !important; border: none; background: transparent !important; background-image: none !important; font: 700 30px/100% var(--font-family); color: var(--default-txt); text-align: center; cursor: pointer; outline: none; }
.calendar-nav .month-select-wrap::after { content: ''; position: absolute; right: 0; top: 50%; width: 13px; height: 8px; background: url('/resources/img/education/ico_cal_caret.svg') no-repeat center/contain; transform: translateY(-50%) rotate(180deg); pointer-events: none; }
.calendar-table-wrap { width: 100%; border-top: 2px solid var(--key-color); overflow-x: auto; }
.calendar-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: #fff; }
.calendar-table th { border: 1px solid #fff; padding: 18px 0; background: rgba(210, 225, 248, 0.30); font-size: 17px; font-weight: bold; color: var(--default-txt); text-align: center; }
.calendar-table td { border-bottom: 1px solid var(--gray-lite); height: 120px; vertical-align: top; padding: 0; position: relative; }
.calendar-table td:not(:last-child) { border-right: 1px solid var(--gray-lite); }
.calendar-table td.other-month { opacity: 0.4;}
.calendar-table td.other-month .day-num { color: #ccc; }
.day-num { padding: 8px 12px 4px; font: 600 16px/18px var(--font-family); color: var(--default-txt); }
.calendar-table td:first-child .day-num { color: #ED5D5D; }
.calendar-table td:last-child .day-num { color: var(--key-color); }
.event-container { display: flex; flex-direction: column; gap: 3px; }
.event-bar { height: 24px; line-height: 24px; padding-top: 2px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: -1px; margin-right: -1px; }
.event-bar.is-start { border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 2px; }
.event-bar.is-end { border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-right: 2px; }
.event-bar a { display: block; text-decoration: none; padding: 0 6px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.event-bar a:hover { text-decoration: underline; }


/* 업무담당 및 문의 */
.contact-info { margin-top: 80px; }
.contact-info__title { margin-bottom: 34px; font: 700 30px/100% var(--font-family); color: var(--default-txt); }
.contact-info__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.contact-info__item { display: flex; flex-direction: column; align-items: flex-start; }
.contact-info__icon { display: block; width: 28px; height: 28px; margin-bottom: 20px; overflow: hidden; }
.contact-info__icon img { display: block; width: 28px; height: 28px; }
.contact-info__label { display: block; width: 100%; padding-top: 20px; border-top: 1px solid var(--default-txt); margin-bottom: 12px; font: 700 17px/100% var(--font-family); color: var(--default-txt); }
.contact-info__value { font: 400 20px/100% var(--font-family); color: var(--default-txt); word-break: break-all; }
.contact-info__value:hover { color: var(--key-color); }

@media screen and (max-width: 768px){
    .quick-edu-apply { flex-direction: column; align-items: stretch; gap: 16px; padding: 20px; }
    .quick-edu-apply__list > li { font-size: 16px; }
    .quick-edu-apply__btn { width: 100%; height: 52px; font-size: 17px; }
    .contact-info { margin-top: 48px; }
    .contact-info__title { font-size: 24px; margin-bottom: 24px; }
    .contact-info__list { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
    .contact-info__label { font-size: 15px; }
    .contact-info__value { font-size: 17px; }
}

@media screen and (max-width: 500px){
    .contact-info__list { grid-template-columns: 1fr; }
}


/* 검색결과 스타일 */
#inner_wrap.search-result-wrap { padding-top: 180px; }

@media screen and (max-width: 768px){
    #inner_wrap.search-result-wrap { padding-top: 110px; }
}
.search-info-bar { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; border-bottom: 3px solid var(--key-color); margin-bottom: 20px; }
.search-info-bar .count { font: 400 18px/100% var(--font-family); color: var(--sub-txt); }
.search-info-bar .count strong { color: var(--key-color); font-weight: 700; }

.search-item-list { list-style: none; padding: 0; margin: 0; }
.search-item { padding: 24px 0; border-bottom: 1px solid var(--gray-lite); transition: background-color .2s ease; }
.search-item:hover { background-color: var(--bg-gray-color); }

.search-item .item-header { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.search-item .board-badge { display: inline-block; padding: 6px 12px; background: #F2F6FD; color: var(--key-color); font: 600 14px/100% var(--font-family); border-radius: 40px; }
.search-item .item-title { font: 700 20px/1.3 var(--font-family); color: var(--default-txt); text-decoration: none; }
.search-item .item-title:hover { color: var(--key-color); text-decoration: underline; }

.search-item .item-snippet { font: 400 17px/1.6 var(--font-family); color: var(--sub-txt); margin-bottom: 12px; word-break: break-all; }
.search-item .item-meta { display: flex; gap: 16px; font: 400 15px/100% var(--font-family); color: var(--gray-deep); }

/* 하이라이트 강조 스타일 */
mark.highlight { background-color: #F2F6FD; color: var(--key-color); font-weight: 700; padding: 0 2px; border-radius: 2px; }

/* 검색 결과 없음 */
.no-result-box { text-align: center; padding: 80px 20px; background: #F8F8F9; border-radius: 12px; margin: 40px 0; }
.no-result-box p { font: 400 18px/1.5 var(--font-family); color: var(--sub-txt); margin-bottom: 20px; }
.no-result-box .btn-home { display: inline-flex; align-items: center; justify-content: center; min-width: 160px; height: 48px; padding: 0 24px; background: var(--key-color); color: #fff; text-decoration: none; border-radius: 8px; font: 600 17px/1 var(--font-family); transition: background .2s ease; }
.no-result-box .btn-home:hover { background: var(--deep-key-color); color: #fff; }

/* QnA */
.qna_wrap { margin-top: 96px; }
#inner_wrap.has-board + .qna_wrap { margin-top: 64px; }
.qna_wrap:has(.edit-table) { max-width: 960px; width: 100%; margin-left: auto; margin-right: auto; }
.qna_wrap .edit-table { display: block; width: 100%; max-width: 100%; margin: 0; border: 0; border-top: 3px solid var(--key-color); background: transparent; }
.qna_wrap .edit-table colgroup, .qna_wrap .edit-table caption { display: none; }
.qna_wrap .edit-table tbody { display: block; width: 100%; }
.qna_wrap .edit-table tr { display: flex; flex-direction: row; align-items: flex-start; gap: 20px; width: 100%; padding: 16px 0; border-bottom: 1px solid var(--gray-lite); }
.qna_wrap .edit-table th, .qna_wrap .edit-table td { display: block; border: 0; background: transparent; text-align: left; vertical-align: top; box-sizing: border-box; }
.qna_wrap .edit-table th { flex: 0 0 120px; width: 120px; padding-top: 10px; font: 600 18px/1 var(--font-family); color: var(--key-color); white-space: nowrap; text-align: center; }
.qna_wrap .edit-table th.th_captcha { flex: none; width: 100%; max-width: none; padding-top: 0; white-space: normal; font-weight: 400; font-size: 16px; color: var(--gray-deep); line-height: 1.4; text-align: left; padding-bottom: 0; }
.qna_wrap .edit-table tr:has(.th_captcha) { flex-direction: column; gap: 10px; }
.qna_wrap .edit-table tr:has(.th_captcha) td { width: 100%; padding-left: 24px; }
.qna_wrap .edit-table td { flex: 1; width: auto; min-width: 0; padding: 0; font: 400 16px/1.5 var(--font-family); color: var(--default-txt); }
.qna_wrap .edit-table input[type="text"], .qna_wrap .edit-table input[type="password"], .qna_wrap .edit-table input[type="file"], .qna_wrap .edit-table textarea { width: 100%; height: 40px; padding: 8px 12px; border: 1px solid var(--gray-lite); border-radius: 6px; background: #F8F8F9; font: 400 16px/1.4 var(--font-family); color: var(--default-txt); box-sizing: border-box; }
.qna_wrap .edit-table textarea { min-height: 180px; height: auto; resize: vertical; }
.qna_wrap .edit-table input[type="file"] { height: auto; padding: 8px 12px; background: #fff; }
.qna_wrap .edit-table input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.qna_wrap .edit-table input[type="checkbox"] + label { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 0; min-height: 40px; font: 400 16px/1.4 var(--font-family); color: var(--default-txt); cursor: pointer; position: relative; }
.qna_wrap .edit-table input[type="checkbox"] + label::before { content: ''; display: block; width: 22px; height: 22px; flex-shrink: 0; margin: 0; box-sizing: border-box; border: 1px solid var(--gray-lite); border-radius: 4px; background: #fff; position: static; left: auto; top: auto; transform: none; }
.qna_wrap .edit-table input[type="checkbox"]:checked + label::before { background: var(--key-color) url('/resources/img/common/check.svg') no-repeat center/70% auto; border-color: var(--key-color); }
.qna_wrap .edit-table td.pat0, .qna_wrap .edit-table td:has(.capt_img) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.qna_wrap .edit-table .capt_img_wrap { width: 88px; height: 36px; padding: 4px; border-radius: 4px; background-color: #ED5D5D; }
.qna_wrap .edit-table .capt_img, .qna_wrap .edit-table #capt_img { width: 100%; height: 100%; object-fit: cover; flex-shrink: 0; }
.qna_wrap .edit-table #captcha { width: 160px; max-width: 160px; height: 36px; margin: 0; padding: 6px 10px; flex-shrink: 0; }
.qna_wrap .edit-table .capt_btn { width: 36px; height: 36px; margin: 0; padding: 0; flex-shrink: 0; border: 1px solid var(--gray-lite); border-radius: 4px; background: #F8F8F9 url('/resources/img/common/reset_ico.png') no-repeat center/16px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
.qna_wrap .table_bottom { display: flex; justify-content: center; align-items: center; gap: 12px; max-width: 100%; margin-top: 40px; position: relative; }
.qna_wrap .table_bottom .to-back, .qna_wrap .table_bottom .to-next { display: inline-flex; align-items: center; justify-content: center; min-width: 140px; height: 44px; padding: 0 24px; border-radius: 8px; font: 600 16px/1 var(--font-family); cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.qna_wrap .table_bottom .to-back { border: 1px solid var(--key-color); background: #fff; color: var(--key-color); }
.qna_wrap .table_bottom .to-back:hover { background: #F2F6FD; }
.qna_wrap .table_bottom .to-next { border: 1px solid var(--key-color); background: var(--key-color); color: #fff; }
.qna_wrap .table_bottom .to-next:hover { background: var(--deep-key-color); border-color: var(--deep-key-color); color: #fff; }

.notice_wrap .post-tit { }
.notice_wrap .view_table:not(.edit-table) { width: 100%; max-width: 100%; margin: 0; border: 0; background: transparent; border-bottom: 1px solid var(--gray-lite); }
.notice_wrap .view_table:not(.edit-table) td { padding: 0; border: 0; background: transparent; vertical-align: top; }
.notice_wrap .view_table:not(.edit-table) .title { margin: 0; padding: 28px 0 20px; font: 600 24px/1.35 var(--font-family); color: var(--default-txt); letter-spacing: -0.02em; }
.notice_wrap .view_table:not(.edit-table) .sub-title { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin: 0; padding: 1.25rem 0; margin-bottom: 2.5rem; border-bottom: 1px solid var(--gray-lite); }
.notice_wrap .view_table:not(.edit-table) .meta-list { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 24px; margin: 0; }
.notice_wrap .view_table:not(.edit-table) .meta-list .writer,
.notice_wrap .view_table:not(.edit-table) .meta-list .date { display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 300 20px/1 var(--font-family); color: var(--default-txt); }
.notice_wrap .view_table:not(.edit-table) .meta-list .writer::before { content: ''; display: block; width: 18px; height: 18px; flex-shrink: 0; background: url('/resources/img/board/view/ico_writer.svg') no-repeat center / contain; }
.notice_wrap .view_table:not(.edit-table) .meta-list .date::before { content: ''; display: block; width: 18px; height: 18px; flex-shrink: 0; background: url('/resources/img/board/view/ico_date.svg') no-repeat center / contain; }
.notice_wrap .view_table:not(.edit-table) .count-list { display: flex; align-items: center; gap: 16px; margin: 0; }
.notice_wrap .view_table:not(.edit-table) .count-list p { margin: 0; font: 400 16px/1 var(--font-family); color: var(--gray-deep); }
.notice_wrap .view_table:not(.edit-table) .file { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 0; padding: 24px; background: #F8F8F9; border: 0; border-radius: 12px; font: 400 17px/1.2 var(--font-family); color: var(--default-txt); box-sizing: border-box; }
.notice_wrap .view_table:not(.edit-table) .file .label { display: inline-flex; align-items: center; gap: 8px; width: auto; flex-shrink: 0; margin: 0; padding: 0; font: 500 20px/1.2 var(--font-family); color: var(--default-txt); }
.notice_wrap .view_table:not(.edit-table) .file .label::before { content: ''; display: block; width: 20px; height: 20px; flex-shrink: 0; background: url('/resources/img/board/view/ico_file.svg') no-repeat center / contain; }
.notice_wrap .view_table:not(.edit-table) .file .down-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; max-width: 1020px; min-width: 0; }
.notice_wrap .view_table:not(.edit-table) .file .down-list a { position: relative; display: flex; align-items: center; width: auto; max-width: 100%; min-width: 0; height: 40px; padding: 0 44px 0 16px; border: 1px solid #fff; border-radius: 8px; background: rgba(255,255,255,0.6); font: 400 17px/1.2 var(--font-family); color: var(--default-txt); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice_wrap .view_table:not(.edit-table) .file .down-list a::before { display: none; }
.notice_wrap .view_table:not(.edit-table) .file .down-list a::after { content: ''; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url('/resources/img/board/view/ico_down.svg') no-repeat center / contain; }
.notice_wrap .view_table:not(.edit-table) .file .down-list br { display: none; }
.notice_wrap .view_table:not(.edit-table) .view_td { min-height: 200px; padding-bottom: 48px; font: 400 19px/1.6 var(--font-family); color: var(--default-txt); word-break: break-word; border-top: 0; }
.notice_wrap .view_table:not(.edit-table) .view_td.view_rep { display: flex; align-items: flex-start; gap: 24px; min-height: auto; margin: 0; padding: 32px 24px; background: transparent; border: 0; border-top: 1px solid var(--gray-lite); border-bottom: 1px solid var(--gray-lite); border-radius: 0; box-sizing: border-box; }
.notice_wrap .view_table:not(.edit-table) .view_td img { width: 100%; max-width: 960px; margin: 0 auto; }
.notice_wrap .view_table:not(.edit-table) .answer_tit { flex: 0 0 140px; width: 140px; margin: 0; padding: 0; background: none; border: 0; font: 600 20px/1.2 var(--font-family); color: var(--default-txt); word-break: keep-all; }
.notice_wrap .view_table:not(.edit-table) .view_td.view_rep pre { flex: 1; min-width: 0; margin: 0; padding: 0; white-space: pre-wrap; word-break: break-word; font: 300 19px/1.4 var(--font-family); color: var(--default-txt); }
.notice_wrap .table_bottom { position: relative; max-width: 100%; margin-top: 40px; }
.notice_wrap .table_bottom form { position: absolute; width: 0; height: 0; overflow: hidden; }
.notice_wrap .table_bottom .ctr-btn-wrap { width: 100%; margin-top: 0; justify-content: center; }
.notice_wrap .table_bottom:has(.delete-btn) .ctr-btn-wrap { justify-content: flex-start; }
.notice_wrap .table_bottom .ctr-btn-wrap .to-next { width: 320px; max-width: 100%; height: 56px; margin: 0; border: 0; border-radius: 30px; background: var(--key-color); color: #fff; font: 700 20px/1.2 var(--font-family); box-sizing: border-box; }
.notice_wrap .table_bottom:has(.delete-btn) .ctr-btn-wrap .to-next { width: auto; min-width: 120px; height: 44px; padding: 0 28px; border-radius: 8px; font: 600 16px/1 var(--font-family); }
.notice_wrap .table_bottom .ctr-btn-wrap .to-next:hover { background: var(--deep-key-color); color: #fff; }
.notice_wrap .table_bottom .flt-btn-wrap { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: auto; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; z-index: 1; }
.notice_wrap .table_bottom .flt-btn-wrap a { width: auto; min-width: 88px; height: 44px; margin: 0; padding: 0 20px; border-radius: 8px; border: 1px solid var(--gray-lite); background: #fff; font: 600 15px/1 var(--font-family); color: var(--default-txt); box-sizing: border-box; }
.notice_wrap .table_bottom .flt-btn-wrap .edit-btn { border-color: var(--key-color); color: var(--key-color); }
.notice_wrap .table_bottom .flt-btn-wrap .answer-btn { padding-left: 20px; background: var(--key-color); border-color: var(--key-color); color: #fff; }

/* 이전글 다음글 */
.notice_wrap .prev-next-list { display: flex; gap: 24px; width: 100%; margin-top: 5rem; }
.notice_wrap .prev-next-item { display: flex; flex-direction: column; justify-content: space-between; flex: 1; min-width: 0; height: 112px; padding: 24px; border: 1px solid var(--gray-lite); border-radius: 20px; box-sizing: border-box; text-decoration: none; color: inherit; background: #fff; }
.notice_wrap .prev-next-item:hover { border-color: var(--point-color); }
.notice_wrap .prev-next-item.is-next { align-items: flex-end; text-align: right; }
.notice_wrap .prev-next-label { display: inline-flex; align-items: center; gap: 2px; font: 500 19px/24px var(--font-family); color: var(--gray-deep); }
.notice_wrap .prev-next-label img { display: block; width: 28px; height: 28px; flex-shrink: 0; }
.notice_wrap .prev-next-item.is-next .prev-next-label img { transform: scaleX(-1); }
.notice_wrap .prev-next-title { margin: 0; width: 100%; font: 600 20px/1.2 var(--font-family); color: var(--default-txt); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.notice_wrap .prev-next-item:not(.is-empty):hover .prev-next-title { color: var(--key-color); }


@media screen and (max-width: 768px){
  .notice_wrap .view_table:not(.edit-table) .title { padding: 20px 0 14px; font-size: 20px; }
  .notice_wrap .view_table:not(.edit-table) .sub-title { flex-direction: column; align-items: flex-start; gap: 12px; padding-bottom: 20px; }
  .notice_wrap .view_table:not(.edit-table) .meta-list .writer,
  .notice_wrap .view_table:not(.edit-table) .meta-list .date { font-size: 16px; }
  .notice_wrap .view_table:not(.edit-table) .file { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 16px; padding: 16px; }
  .notice_wrap .view_table:not(.edit-table) .file .down-list { flex-direction: column; gap: 8px; }
  .notice_wrap .view_table:not(.edit-table) .file .down-list a { width: 100%; }
  .notice_wrap .view_table:not(.edit-table) .view_td { padding: 28px 0; font-size: 16px; }
  .notice_wrap .view_table:not(.edit-table) .view_td.view_rep { flex-direction: column; gap: 12px; padding: 24px 0; }
  .notice_wrap .view_table:not(.edit-table) .answer_tit { flex: none; width: auto; }
  .notice_wrap .view_table:not(.edit-table) .view_td.view_rep pre { font-size: 16px; }
  .notice_wrap .table_bottom { display: flex; flex-direction: column-reverse; gap: 12px; }
  .notice_wrap .table_bottom .flt-btn-wrap { position: static; transform: none; width: 100%; justify-content: flex-end; }
  .notice_wrap .table_bottom:has(.flt-btn-wrap) .ctr-btn-wrap { justify-content: flex-start; width: 100%; }
  .notice_wrap .table_bottom .flt-btn-wrap a,
  .notice_wrap .table_bottom .ctr-btn-wrap .to-next { width: 100%; }
  .notice_wrap .prev-next-list { flex-direction: column; gap: 12px; margin-top: 24px; }
  .notice_wrap .prev-next-item { height: auto; min-height: 96px; padding: 20px; border-radius: 16px; }
  .notice_wrap .prev-next-item.is-next { align-items: flex-start; text-align: left; }
  .notice_wrap .prev-next-label { font-size: 16px; }
  .notice_wrap .prev-next-label img { width: 24px; height: 24px; }
  .notice_wrap .prev-next-title { font-size: 17px; }
}

.qna_wrap .list_top { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; margin-bottom: 24px; }
.qna_wrap .list_total { margin: 0; font: 400 16px/1 var(--font-family); color: var(--default-txt); white-space: nowrap; }
.qna_wrap .list_total span { font-weight: 500; margin-right: 8px; }
.qna_wrap .list_top .search_form { flex: 0 0 auto; width: 560px; max-width: 100%; margin: 0; justify-content: flex-end; }
.qna_wrap .list_top .search_form form { max-width: 100%; }
.qna_wrap .board_list.list_qna { width: 100%; margin-top: 0; border-top: 3px solid var(--key-color); table-layout: fixed; }
.qna_wrap .board_list.list_qna thead th { height: 0; padding: 0; border: 0; font-size: 0; line-height: 0; overflow: hidden; color: transparent; }
.qna_wrap .board_list.list_qna td { height: 80px; padding: 0 8px; border-bottom: 1px solid var(--gray-lite); font: 500 19px/1 var(--font-family); color: var(--default-txt); background: transparent; vertical-align: middle; text-align: center; box-sizing: border-box; }
.qna_wrap .board_list.list_qna tbody tr:hover td { background-color: var(--bg-gray-color); }
.qna_wrap .board_list.list_qna .list_num { width: 120px; }
.qna_wrap .board_list.list_qna .list_stat { width: 128px; }
.qna_wrap .board_list.list_qna .list_tit { width: auto; padding-left: 8px; padding-right: 8px; text-align: left; font-weight: 400; }
.qna_wrap .board_list.list_qna .list_tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 19px/1 var(--font-family); color: var(--default-txt); }
.qna_wrap .board_list.list_qna .list_tit a:hover { color: var(--key-color); }
.qna_wrap .board_list.list_qna .list_wtr { width: 184px; }
.qna_wrap .board_list.list_qna .list_date { width: 216px; }
.qna_wrap .board_list.list_qna .list_ect { width: 80px; }
.qna_wrap .board_list.list_qna .secret { display: inline-block; width: 18px; height: 18px; margin-right: 8px; background: url('/resources/img/board/comment/secret.png') no-repeat center/contain; text-indent: -9999px; overflow: hidden; vertical-align: -3px; }
.qna_wrap .qna_ico, .qna_wrap [class*="qna_ico"] { display: inline-flex; align-items: center; justify-content: center; width: 80px; min-width: 80px; padding: 8px 0 6px; border-radius: 8px; border: 0; font: 700 17px/1 var(--font-family); letter-spacing: -0.02em; box-sizing: border-box; color: #fff; }
.qna_wrap .qna_ico.qna_ico3, .qna_wrap .qna_ico3 { background: var(--gray-mid); color: #fff; }
.qna_wrap .qna_ico.qna_ico1, .qna_wrap .qna_ico1 { background: var(--key-color); color: #fff; }
.qna_wrap .qna_ico.qna_ico2, .qna_wrap .qna_ico2 { background: var(--point-color); color: #fff; }

@media screen and (max-width: 768px){
  .qna_wrap .edit-table tr { flex-direction: column; gap: 8px; padding: 16px 0; }
  .qna_wrap .edit-table th { width: 120px; flex: 0 0 120px; padding-top: 0; font-size: 18px; white-space: nowrap; }
  .qna_wrap .edit-table th.th_captcha { width: 100%; flex: none; max-width: none; }
  .qna_wrap .edit-table input[type="text"], .qna_wrap .edit-table input[type="password"], .qna_wrap .edit-table textarea { height: 40px; font-size: 15px; }
  .qna_wrap .edit-table textarea { min-height: 140px; height: auto; }
  .qna_wrap .edit-table .capt_img, .qna_wrap .edit-table #capt_img { width: 80px; height: 34px; }
  .qna_wrap .edit-table #captcha { width: 140px; max-width: 140px; height: 34px; }
  .qna_wrap .edit-table .capt_btn { width: 34px; height: 34px; }
  .qna_wrap .table_bottom { flex-direction: column; gap: 10px; }
  .qna_wrap .table_bottom .to-back, .qna_wrap .table_bottom .to-next { width: 100%; min-width: 0; }
  .qna_wrap .list_top { flex-direction: column; align-items: stretch; gap: 16px; margin-bottom: 16px; }
  .qna_wrap .list_top .search_form { width: 100%; }
  .qna_wrap .board_list.list_qna td { height: 64px; font-size: 16px; padding: 0 4px; }
  .qna_wrap .board_list.list_qna td.empty-td { height: auto; }
  .qna_wrap .board_list.list_qna .list_stat { width: max-content; height: auto; border: 0; padding: 20px 8px 12px; }
  .qna_wrap .board_list.list_qna .list_tit { width: calc(100% - 80px); text-align: left; font-weight: 400; height: auto; padding: 20px 8px 8px; border: 0; }
  .qna_wrap .board_list.list_qna .list_wtr { width: max-content; height: auto; padding: 0 8px 20px; font-size: 15px; }
  .qna_wrap .board_list.list_qna .list_date { width: auto; font-size: 15px; color: var(--gray-deep); font-weight: 300; height: auto; padding: 0 8px 20px; }
  .qna_wrap .board_list.list_qna .list_tit a { font-size: 16px; line-height: 26px; }
  .qna_wrap .qna_ico, .qna_wrap [class*="qna_ico"] {width: 62px; min-width: 62px; height: 26px; font-size: 13px; }
}