/* search */
.board-top{display:flex;align-items:flex-end;margin-bottom:20px}
.list_count{font-size:1.6rem;color:#000;letter-spacing:0}
.list_count span{font-weight:600;color:#1C47D4}
.search_wr{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-left:auto}
.search_wr select{position:relative; width:136px;height:46px;padding:0 12px;border:1px solid #ddd;border-radius:5px;
    -webkit-appearance:none;  /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none;  /* 화살표 없애기 */}
.select_renewal{background:url(../../images/ico_select.svg) no-repeat 92% 50%}

.search_wr input{width:300px;height:46px;padding:0 16px;border:1px solid #ddd;border-radius:5px;background: #fff;}
.search_wr .btn{height:46px;padding:0 36px;font-weight:700}

@media screen and (max-width:768px){
    .board-top{flex-direction:column-reverse}
    .search_wr{flex-direction:column;width:100%;margin-bottom:20px}
    .search_wr select,
    .search_wr input{width:100%;height:46px;max-width:none}
    .select_renewal{background-position-x:98%}
    .search_wr .btn{width:100%}
}
/* @media screen and (max-width:768px){
    .board-top{flex-direction:column-reverse}
    .search_wr{flex-direction:column;width:100%;margin-bottom:20px}
    .search_wr select,
    .search_wr input,
    button[type=submit],
    a.btn{width:100%;height:46px;max-width:none}
    .select_renewal{background-position-x:98%}
} */


/* table */
.board,
.board2,
.faq{width:100%;table-layout:fixed;border-top:2px solid #618DC9;border-bottom:1px solid #E7E7E7;box-sizing:border-box}
.board .list a:not(.file){display:flex;align-items:center;padding:32px 22px;font-size:1.6rem;gap:20px}
.board > .list + .list,
.faq .faq_list{border-top:1px solid #efefef}
.board .list .num{flex-shrink:0;min-width:50px;margin-right:37px;font-weight:600;color:#1C47D4}
.board .list .tag{flex-shrink:0;padding:10px 16px;border:1px solid #1C47D4;border-radius:50px;font-weight:600;color:#1C47D4;display:inline-block;font-size:1.4rem}
.board .list .tag_gray{border-color:#555;color:#555}
.board .list .tx{width:calc(100% - 300px);margin-right:auto;font-weight:500;font-size:2rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board .list:hover .tx{font-weight:700}
.board .list .tx.secret{position:relative;padding-left:30px;line-height:23px}
.board .list .tx.secret::before{content:'';position:absolute;top:50%;left:0;width:23px;height:23px;background:url(../../images/ico_lock.svg) no-repeat;transform:translateY(-50%)}
.board .list time{flex-shrink:0;min-width:50px;color:#707070;text-align:right}
.board .list .write{flex-shrink:0;min-width:100px;margin-left:50px;color:#707070;text-align:center}
.board .list a:hover{background:#f9f9f9}
.process,
.board .list.td.notice .process{flex: 0 0 80px; border-radius: 5px; color: #fff; text-align: center; font-weight: 500; padding: 8px;}
.process.type1{background: #E32835;}
.process.type2{background: #129E00;}

/* view */
.board .list.th,
.board .list.td{padding:24px 10px; font-size:2rem; font-weight:600; color:#333; text-align:center}
.board .list.th{line-height: 170%;font-size:2.4rem}
.board .list.th .tit{display:block;max-width: 990px;margin:0 auto;line-height: 140%}
.board .list.td{font-size:1.8rem; font-weight:400; line-height:140%; text-align:inherit}
.board .list.td .inner{max-width: 990px;margin:0 auto;line-height: 160%;padding:0;}
.board .list.td .inner p{line-height: 160%}
.board .list.td_flex,
.board .list.td.attachments{display:flex; justify-content:center; align-items:center; gap:20px; font-weight:600}
.board .list.td_flex > div{color:#444}
.board .list.td.attachments{justify-content:flex-start}
.board .list.td.attachments > div{padding-left:10px}
.board .list.td span,
.board .list.td .date{display:inline;padding-left:10px; margin-left:0; font-weight:300}
.board .list.td .author{margin-left:0}

.board .list.td .line{position:relative;width:100%;padding-left:20px}
.board .list.td .line::before{position:absolute; content:''; width:1px; height:100%; background-color:#ddd; left:0}
.board .list.td .file{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0026a3;font-weight:400}
.board .list.td .file:hover{text-decoration:underline}
.board .list.td img{max-height:500px; display:block; margin:0 auto 30px auto}
.board .list.td.notice{text-align: center; font-weight: 600; background-color: #f9f9f9;}
.board .list.td.notice .process{display: inline-block; margin-right: 10px;}

/* edit */
.file_tx{margin: 10px 0; font-size: 1.6rem; color: #777}
.file_download{display: flex; align-items: center;}
.delete{color:#E32835; font-weight: 500; padding-left: 10px;}
.board .list .file_download > a{padding: 10px 0; gap: 5px;}
.board .list .file_download > a:hover{background: none;}

/* news */
.board.news .list .tx{font-weight:600;font-size:2rem}
.board.news .list a:hover .tx{color:#222}
.board.news .list time{display:flex;align-items:center;justify-content:flex-end;line-height:30px}
.board.news .list time:after{content:'';opacity:0;width:0;height:0;background:url('../../images/ico_detail.svg') no-repeat center;transition:all .3s}
.board.news .list a:hover time:after{width:30px;height:30px;margin-left:39px;opacity:1}
/* table-board2 */
.board2 .list{display:flex;align-items:stretch}
.board2 .list .th{display:inline-flex;justify-content:center;align-items:center;flex:0 0 200px;padding:0 20px;background-color:#f9f9f9;font-weight:500;font-size:1.6rem;color:#222}
.board2 .list .td{width:100%;padding:15px}
.board2 .list .td select,
.board2 .list .td input:not([type="file"]),
.board2 .list .td input:not([type="checkbox"]){width:200px;padding:0 10px;border:1px solid #979797;border-radius:5px}
.board2 .list .td input:not([type="file"]),
.board2 .list .td input:not([type="checkbox"]){width:100%}
.board2 .list .td input[type="file"]{padding:0;border:none;font-size:1.5rem;margin-bottom: 10px;}
.board2 .list .td input[type="file"] + div{font-size:1.6rem;}
.board2 .list .td input[type="checkbox"]{width:16px;height:16px;margin-right:4px;padding:10px 0;border:1px solid #777}
.board2 .list .td input[type="checkbox"]:checked{border-color:#1C47D4;accent-color:#1C47D4}
.board2 .list .td .check_tx{vertical-align:middle}
.board2 .list .td textarea,.board2 .list .td input[type="password"]{width:100%;min-height:47px;border:1px solid #979797;border-radius:5px}
.board2 .list .td.file_list > input:not(:last-child){margin-bottom: 10px}


@media screen and (max-width:768px){
    .board .list{flex-direction:column;align-items:flex-start;gap:15px}
    .board .list a{flex-direction:column;align-items:flex-start;gap:12px;padding:0}
    .board .list a:not(.file){gap: 10px;}
    .board .list a:hover{background:none}
    .board .list time{min-width: auto;}
    .board .list .num,
    .board .list .tx,
    .board .list .tag,
    .board .list time,
    .board .list .write{flex:unset;width:100%;text-align:left}
    .board .list .tag{margin-bottom: 0; font-size:1.4rem; padding:6px 10px;width:fit-content;}
    .board .list .num{margin-right:0;text-align:left;font-size:1.3rem}
    .board .list .tx{width:100%;font-size:2rem}
    .board .list time,
    .board .list .write{margin-left:0;font-size:1.5rem}
    .board .list time{margin-left:0}
    .board.news .list time:after{display:none}
    .board .list .tx.secret{padding-left:25px}
    .process{flex: unset;}
    /* news */
    .board.news .list a{align-items:flex-start;padding:18px 10px}
    .board.news .list .tx{font-size:1.8rem}
    /* inquire */
    .board.inquire .list a{align-items:flex-start;padding:20px 10px; gap: 10px;}
    .board.inquire .list .tx{width:100%}
    /* view */

    .board .list.th,
    .board .list.td{padding:15px 10px; font-size:1.6rem;text-align:left}
    .board .list.th{ font-size:1.8rem;}
    .board .list.td.attachments,
    .board .list.td_flex{gap:5px;align-items:flex-start;}
    .board .list.td.attachments div{display:none}
    .board .list.td .line{padding-left:0;}
    .board .list.td .line::before{display:none;}
    /* board2 */
    .board2 .list{gap:0;padding:0}
    .board2 .list .th{flex:unset;width:100%;padding:20px}
    .board2 .list .td{padding:15px 0}
    .board2 .list .td select{width:100%}
}

/* table - FAQ */
.faq_list .faq_inner{ display: flex; align-items: center; }
.faq .faq_list button::before,
.faq_answer::before{content:'Q';position:absolute;top:32px;left:20px;width:32px;height:32px;border-radius:5px;background-color:#1C47D4;text-align:center;font-weight:600;color:#fff;line-height:32px}
.faq .faq_list button,
.faq_answer{position:relative;line-height:1.4;}
.faq .faq_list button{color: #222; padding:34px 80px 34px 75px;font-size:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.faq .faq_list button[aria-expanded="true"]{font-weight:700;white-space:normal}
.faq .faq_list button:hover{font-weight:600}
.faq_item{position:relative;width:100%;padding:0 5px;font-size:18px;text-align:left}
.faq_item[aria-expanded="true"]::after{transform:translateY(-50%) rotate(180deg);top:50%}
.faq_item::after{content:'';position:absolute;top:45px;right:20px;width:20px;height:14px;background:#fff url(../../images/ico_faq_open.svg) no-repeat center;font-size:14px;transform:rotate(0deg);transition:transform .3s ease;transform-origin:center;vertical-align:middle}
.faq_answer{border-top:1px solid #E7E7E7;background-color:#F9F9F9;transition:.3s;font-size:1.8rem;height:0;transition: all .3s;overflow: hidden;}
.faq_answer::before{left:40px; content:'A'; background-color:#767676}
.faq_list .faq_answer_inner{padding:40px 80px 40px 90px;}

@media screen and (max-width:768px){
    .faq .faq_list button{padding:26px 53px;font-size:1.8rem}
    .faq_answer{font-size:1.8rem;font-size:2rem}
    .faq .faq_list button::before, .faq_answer::before{left:12px; top: 24px;}
    .faq_item::after{top: 38px;; right:16px}
    .faq_answer::before{left: 27px;}
    .faq_list .faq_answer_inner{font-size: 1.8rem;padding: 20px 20px 20px 67px;}
    .faq_list .faq_answer_inner p{line-height: 140%;}
}

/* write */
.b_write{/*max-width:1000px;*/margin:0 auto}
.file-upload-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
input.file-input{margin: 0 !important;}
.file-controls{display: flex; gap: 10px;}
.btn-add-file, .btn-remove-file{padding: 8px 15px; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; font-weight: 500;}
.btn-add-file{background-color: #28a745; color: white;}
.btn-add-file:hover{background-color: #218838;}
.btn-remove-file{background-color: #dc3545; color: white;}
.btn-remove-file:hover{background-color: #c82333;}
.btn-add-file:disabled, .btn-remove-file:disabled{background-color: #757575; cursor: not-allowed; }
.file-input-row{display: flex; align-items: center; margin-bottom: 10px; padding: 10px; border: 1px solid #e0e0e0; border-radius: 5px; background-color: #f8f9fa;}
.file-input-row .file-input{flex: 1; margin-right: 15px;}
.file-number{font-weight: bold; color: #495057; min-width: 60px;}
.file_tx{margin-top: 15px; font-size: 1.5rem; color: #666; line-height: 130%;}

/* gallery 형식 */
.gallery_wr{display:flex; gap:80px 40px; flex-wrap:wrap}
.gallery_wr li{width:calc((100% - 160px) / 5); aspect-ratio:1 / 1.35; display:block;}
.gallery_wr li img{width:100%; height:auto; object-fit:contain; overflow:hidden; border:1px solid #f0f0f0}
.gallery_wr li h3{text-align: center; font-size:18px; font-weight:500; margin-top:10px; width:100%; line-height: 140%;}
/* .gallery_wr{display:flex; gap:80px 40px; flex-wrap:wrap}
.gallery_wr li{width:calc((100% - 120px) / 4)}
.gallery_wr li a{width:100%; aspect-ratio:1 / 1.42; display:block; }
.gallery_wr li a img{width:100%; height:100%; object-fit:contain; overflow:hidden; border:1px solid #ddd}
.gallery_wr li a h3{text-align: center; font-size:18px; font-weight:500; margin-top:10px; width:100%; line-height: 140%;} */


@media screen and (max-width:1024px){
    .gallery_wr li{width:calc((100% - 80px) / 3)}
}

@media screen and (max-width:768px){
    .gallery_wr li{width:calc((100% - 40px) / 2);aspect-ratio:1 / 1.2}
    .gallery_box{margin-top:40px}
    .gallery_wr{gap:50px 20px}
    /* .gallery_wr li{width:100%} */
}
@media screen and (max-width:500px){
    .file-upload-header{flex-direction: column; gap: 10px; align-items: flex-start;}
}

/* pagination */
.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;margin-top:30px}
.pagination .page_navi,
.pagination .page_links .page_link{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;font-size:1.6rem;line-height:1.2;color:#333}
.pagination .page_navi.prev::before{content:"";width:16px;height:16px;background:url(../../images/ico_prev.svg) no-repeat}
.pagination .page_navi.prev{margin-right:20px}
.pagination .page_navi.next{margin-left:20px}
.pagination .page_navi.next::after{content:"";width:16px;height:16px;background:url(../../images/ico_next.svg) no-repeat}
.pagination .page_navi.first::after{content:"";width:16px;height:16px;background:url(../../images/ico_first.svg) no-repeat}
.pagination .page_navi.last::after{content:"";width:16px;height:16px;background:url(../../images/ico_end.svg) no-repeat}

.pagination .page_links .page_link.link_dot{content:"";width:16px;height:16px;background:url(../../images/ico_ellipsis.svg) no-repeat}
.pagination .page_links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap: wrap;}
.pagination .page_links .page_link{width:32px;height:32px}
.pagination .page_links .page_link.active{background-color:#1C47D4;font-weight:700;color:#fff}

@media screen and (max-width:768px){
    .pagination .page_navi.prev{margin-right:10px}
    .pagination .page_navi.next{margin-left:10px}
    .pagination .page_navi.first i,
    .pagination .page_navi.last i,
    .pagination .page_navi.prev i,
    .pagination .page_navi.next i{display:none}
    .pagination .page_links{gap:6px;}
}

/* 개인정보처리방침 */
#cke_data_content a {display: inline-block;height: 18px;padding: 4px 6px;outline: 0;cursor: default;float: left;border: 0;}
.privacy_policy_box {border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.privacy_content {background-color: #f9f9f9;padding: 20px;max-height: 300px;overflow-y: auto;font-size: 14px;line-height: 1.6;}
.privacy_content h4 {margin: 0 0 20px 0;font-size: 2.0rem;font-weight: bold;text-align: center;color: #333;}
.policy_section {margin-bottom: 20px;}
.policy_section h5 {margin: 0 0 10px 0;font-size: 1.8rem;font-weight: bold;color: #333;}
.policy_section p {margin: 5px 0;padding-left: 10px;color: #666;font-size:1.6rem;}
.privacy_agree {padding: 15px 20px;background-color: #fff;border-top: 1px solid #eee;text-align: center;}
.privacy_agree input[type="checkbox"] {margin-right: 8px;transform: scale(1.2);}
.privacy_agree label {display: inline-flex;align-items: center;cursor: pointer;font-size: 1.6rem;}
.privacy_agree .check_tx {color: #333;font-weight: 500;}
.req_mark {color: #e74c3c;font-weight: bold;}