@charset "utf-8";


/* 목록검색 폼 */
.SearchList {position:relative;display:flex;margin-bottom: 30px;}
.SearchList select { margin-right:10px; background:#fff url(../images/common/menu_arrow.svg) no-repeat right 15px center; }
.SearchList select, .SearchList input[type=text] { height:48px; border-radius:6px; border:#707070 solid 1px; padding:0 50px 0 10px}
.SearchList input[type=text] + button { width:48px; height:48px; background:url(../images/contents/search.svg) no-repeat center center; position:absolute; margin-left:-48px;}

.search-list-top { margin-bottom:30px;}
.search-list-top .sch-info { font-weight:700;}
.search-list-top .sch-info .total { color: #1562B0; }

.BoardList li { margin-bottom:16px;}
.BoardList a {display:flex;background:#F4F5F6;border-radius:10px;padding:20px 50px;justify-content: space-between;}
.BoardList a:hover p strong { color:#1562B0;}
.BoardList a p i.ico-file {background:url(../images/contents/ico-file.svg) no-repeat center center;width: 24px;height: 24px;display: inline-block;font-size: 0;text-indent: -1000px;overflow: hidden;clip-path: inset(0 0 0 0);vertical-align: middle;}

/* ** pagination ** */
.pagination{display:flex; width:100%; margin-top:40px; align-items:center; justify-content:center; flex-direction:row; gap:var(--krds-spacer-2);}
.pagination .page-navi{display:inline-flex; min-width:6.2rem; height:4rem; color:var(--krds-gray-70); align-items:center; justify-content:center; flex-direction:row;}
.pagination .page-navi:hover{border-radius:0.6rem; background-color:var(--krds-secondary-5); transition:0.4s ease-in-out;}
.pagination .page-navi:active{background-color:var(--krds-secondary-10); transition:0.4s ease-in-out;}
.pagination .page-navi.prev{padding:0 var(--krds-spacer-2) 0 var(--krds-spacer-1); order:1;}
.pagination .page-navi.prev::before{display:inline-flex; width:2rem; height:2rem; background-image:url(../images/contents/ico_page_arr_left.svg); background-repeat:no-repeat; content:""; align-items:center; justify-content:center; flex-direction:row;}
.pagination .page-navi.next{padding:0 var(--krds-spacer-1) 0 var(--krds-spacer-2); order:3;}
.pagination .page-navi.next::after{display:inline-flex; width:2rem; height:2rem; background-image:url(../images/contents/ico_page_arr_right.svg); background-repeat:no-repeat; content:""; align-items:center; justify-content:center; flex-direction:row;}
.pagination .page-links{display:flex; align-items:center; justify-content:center; flex-direction:row; order:2; gap:0.7rem;}
.pagination .page-links .page-link{display:flex; min-width:4rem; height:4rem; color:var(--krds-gray-70); align-items:center; justify-content:center; flex-direction:row;}
.pagination .page-links .page-link:hover{border-radius:0.6rem; background-color:#EDF1F5; transition:0.4s ease-in-out;}
.pagination .page-links .page-link:active{background-color:var(--krds-secondary-10); transition:0.4s ease-in-out;}
.pagination .page-links .page-link.link-dot{background-image:url(../images/contents/ico_page_dot.svg); background-repeat:no-repeat; background-position:center;}
.pagination .page-links .page-link.active{border-radius:0.6rem; background-color:#1562B0; color:#fff; font-weight:700;}
.pagination.m-page{display:none;}
.pagination + .helper-box{margin-top:40px;}

.BoardHeader { border-bottom:#707070 solid 1px; padding-bottom:20px; margin-bottom:30px;}
.BoardHeader h3 { font-size:32px;}
.BoardInfo .p-split { display:inline-block; padding-right:40px; position:relative}
.BoardInfo .p-split::after { content:'|'; display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.BoardInfo .p-split:last-child {margin-right:0;}
.BoardInfo .p-split:last-child::after { content:none;}
.BoardCont { margin-bottom:40px;}
.BoardCont pre { margin-bottom:30px;}

@media (max-width:780px) {
    .BoardList a { flex-direction:column; padding:15px 25px}
    .BoardHeader h3 {font-size:24px;margin-bottom: 10px;}
}
@media (max-width:469px) {
    .SearchList input[type=text] { width:100%;}
    .input-group { width:calc(100% - 105px)}
}
@media (max-width:350px) {
    .SearchList { flex-direction:column;}
    .SearchList>div { width:100% !important;}
    .SearchList select, .SearchList input[type=text] {width:100% !important; margin-right:0;}
    .SearchList select { margin-bottom:16px}
    .input-group { }
}