@font-face {
    font-family: 'Yeongwol';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguJungguEubseong.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* TOP */ 
.subTop_wrap {position:relative; height: 200px; background: url(../img/sub/subtop_bg.jpg) no-repeat 50% 50% / cover; display: flex; justify-content: flex-start; align-items: center;}
.subTop_wrap:after {content:""; position:absolute; z-index:1; width:100%; height:100%; background:linear-gradient(90deg,#002744, #00000000)}
.subTop_wrap .subTit {position: relative; margin-left:3rem; z-index:2;}
.subTop_wrap .subTit p {font-size: 1.7777rem; color: #fff; font-weight: 600;}
.subTop_wrap .subTit small {display: block; font-size: .95rem; font-weight:200; margin-top: 10px; letter-spacing:2px; color:#fff;}
@media (max-width: 767.98px) {
    .subTop_wrap {height: 150px;}
    .subTop_wrap .subTit {margin-left:2rem;}
    .subTop_wrap .subTit p {font-size: 1.4444rem;}
    .subTop_wrap .subTit small {font-size: .9rem; letter-spacing: 1px;}
}


/* 기본 css */
.subCont_wrap {min-height: 300px; margin-bottom:90px; margin-top:50px;}
.subCont_wrap > article p {font-size: 1.11111rem; color:#555; line-height: 1.6; margin-bottom: 2rem; word-break: keep-all;}

@media(max-width: 991.98px) {
    .subCont_wrap {margin-top:1rem;}
    .subCont_wrap > article p {font-size: 20px; margin-bottom: 40px;}
}
@media(max-width: 767.98px) {
    .subCont_wrap > article p {font-size: 18px; margin-bottom: 30px;}
}


.subConttit {font-size: 2.4444rem; color: #000; font-weight: 700; line-height: 1.3; margin-bottom:70px;}
.localNav {display:inline-flex;align-items:center;justify-content:start;margin-bottom:20px;}
.localNav > span {position:relative;display:inline-flex;align-items:center;font-size:16px;color:#555;line-height:1.1;}
.localNav > span::after{content:"";display:inline-flex;align-items:center;justify-content:center;width:8px;height:10px;background:url(../img/sub/ico_arrow_r.svg) no-repeat center / contain;margin:0 12px; opacity: .5;}
.localNav > span:last-child {font-weight:700; color:var(--primary)}
.localNav > span:last-child::after{display:none;}
.localNav > span a {width:20px;height:20px;background:url(../img/sub/ico_home.svg) no-repeat center/ contain; text-indent: -99999999px; font-size:0;}
.localNav.noArrow > span{background:none;padding-right:0;}

@media(max-width: 991.98px) {
    .subConttit {margin-bottom: 3rem;}
}
@media(max-width: 767.98px) {
    .subConttit {font-size: 2rem; margin-bottom: 2rem;}
    .localNav {margin-bottom:12px;}
}

.subFoot {background: #f3f3f3; border-radius: 20px; padding: 1.22222rem 1rem; display: flex; margin-bottom: 1rem;   font-size: .78rem; color: #777; align-items: center; justify-content: flex-start; flex-wrap: wrap; letter-spacing: 0;}
.subFoot p {padding: 0 1rem;}

.btn-none, .btn-none:hover, .btn-none:active {color:#aaa !important; background-color:#f5f5f5 !important; padding:10px; font-weight:400; border-color:#ddd;}

.btn-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
@media(max-width: 767.98px) {
	.btn-grid {grid-template-columns: repeat(2, 1fr);}
}
@media(max-width: 575.98px) {
    .btn-group {flex-direction: column; width:100%;}
    .btn-group a+a {margin-left:0 !important; margin-top:5px;}

	.btn-grid a span {font-size:1rem;}
}

.btn i {width:28px; height:28px; display:block;}
.btn-down, .btn-next {display:flex; justify-content: center; align-items: center; gap:5px; border:1px solid #ddd; text-align:center; font-size:1.1111rem; color:#000; padding:1.1111rem;}
.btn-down span, .btn-go span {font-weight:400;}
.btn-down i {background:url('../img/sub/icon_down.svg') no-repeat center / contain; }
.btn-down:hover i, .btn-down:active i {background-image:url('../img/sub/icon_down_wh.svg');}
.btn-next i {background:url('../img/sub/icon_go.svg') no-repeat center / contain; }
.btn-next:hover i, .btn-next:active i {background-image:url('../img/sub/icon_go_wh.svg');}


/* pdf */
#_viewer {display:flex; gap:20px}
#_viewer .pdf-cont {flex:1}

@media only screen and (max-width:1024px){
	#_viewer {flex-direction: column;}
}



.note_box {border:2px solid #D9E5F9; padding:2.4444rem;}
.note_box p {font-size:1rem !important; margin-bottom:1.555rem !important;}
.note_box ul {padding-left:25px;}
.note_box ul li {list-style: square; list-style-position: outside; line-height:1.6}

.subtitle small {font-size: 16px; color: #8d8d8d;}

/* note형 */
.sub dl {display: flex; flex-wrap: wrap; gap:20px; justify-content: space-between;}
.sub dl.lg dt {width:30%}
.sub dl.lg dd {width:calc(70% - 20px);}
.sub dl.lg dd+dd {margin-left:calc(30% + 20px);}
.sub dl dt {width:20%; font-size:1.55556rem; line-height:1.4}
.sub dl dt.dot {padding-left:20px; position:relative;}
.sub dl dt.dot:before {content:""; position:absolute; width: 3px; height: 1.222222rem; background: var(--primary); top:0.5rem; left:0;}
.sub dl dt small {display:block; font-size:1rem; color:#777; font-weight:400;}
.sub dl dd {width:calc(80% - 20px); margin-bottom:2rem; font-size:1.11111rem; color:#555; line-height:1.6; word-break: keep-all;}
.sub dl dd h5 {color:#333; font-weight:600; margin-bottom:10px;}
.sub dl dd p {margin-bottom:1rem;}
.sub dl dd+dd {margin-left:calc(20% + 20px);}
.sub dl dd strong {font-weight:600; color:#000; display:block; font-size:1.22222rem; margin-bottom:.777777rem;} 
.sub dl dd > ol, .sub dl dd > ul {padding-left:20px;}
.sub dl dd > ol li {list-style:outside decimal; font-size: 1rem; line-height:1.4; margin-bottom:8px;}
.sub dl dd > ul li {list-style:outside disc; margin-bottom:8px; line-height: 1.4; font-size:1rem;}
.sub dl dt b {color:var(--primary);}
.sub dl dd b {color:var(--primary); font-weight:normal}
.sub dl dd > .box, .sub dl dd > .box-line {display:flex; gap:1rem;  padding-left:0;}
.sub dl dd > .box li {list-style:none; flex:1; border-radius:20px; background-color:var(--secondary); display: flex; align-items: center; justify-content: center; padding:1.444rem .77777rem;flex-wrap: wrap;}
.sub dl dd > .box-line li {position:relative; list-style:none; flex:1 1 auto; border-radius:20px; border:1px solid #ccc; background-color:#fff; display: flex; align-items: center; justify-content: center; padding:3rem 1.444rem; gap: 5px; align-content: center; flex-wrap: wrap;} 
.sub dl dd > .box li p, .sub dl dd > .box-line li p {margin-bottom:0; color:#000; font-weight:500; font-size:1.333rem; width:100%; text-align:center; line-height:1.3}
.sub dl dd > .box li small, .sub dl dd > .box-line li small {display:block; color:#777; font-size:0.7778rem; width:100%; text-align:center;} 
.sub dl dd > .box li.grid {gap:30px;}
.sub dl dd > .box li.grid h5 {color:#000; font-weight:500;}
.sub dl dd > .box li.grid p {font-size:1rem;padding:3px 15px;}
.sub dl dd > .box li.grid p:last-child {border-top:1px solid #bdcbdd}

.sub dl dd.step {margin-bottom:0; position:relative;}
.sub dl dd.step:after {content:""; display:inline-block; width:100%; height:40px; margin-top:20px; background:url(../img/sub/step_next.jpg) no-repeat top center/contain;}
.sub dl dd.step:last-child:after {display:none;}
.sub dl dd.step > h5 {margin-bottom:15px;}
.sub dl dd.step > .box-line {gap:3rem;}
.sub dl dd.step > .box-line li+li:after {content:""; position:absolute; width:3rem; height:30px; left:-3rem; background:url(../img/sub/step_snext.png) no-repeat center / contain;}
.sub dl dd.step > .box-line li {box-shadow:0 -3px 0 var(--primary)}
.sub dl dd.step:nth-child(2) > .box-line li {box-shadow:0 -3px 0 #17a2b8}
.sub dl dd.step:last-child > .box-line li {box-shadow:0 -3px 0 #4d57f3}

.sub dl dd > .img-list {display:flex; gap:1rem; margin-bottom:1rem;}
.sub dl dd > .img-list img {flex:1;}

.img-box {display:flex;}
.img-box figure {flex:1;}


@media(max-width: 1199.98px) {
    .sub dl dd.step > .box-line {gap:2rem;}
    .sub dl dd.step > .box-line li+li:after {width:2rem; left:-2rem;}
}

@media(max-width: 767.98px) {
    .sub dl dt, .sub dl.lg dt {width:100%;}
    .sub dl dd, .sub dl.lg dd {width:100%; margin-bottom:2rem;}
    .sub dl dd+dd {margin-left:0;}
}

@media(max-width: 575.98px) {
    .sub dl dd > .box-line li {padding:2rem 1rem;}
    .sub dl dd.step > .box-line {flex-direction: column; gap:1rem;}
    .sub dl dd.step > .box-line li+li:after {height:22px; top:-2rem; left:auto; transform: rotate(90deg);}

	.sub dl dd > .box li.grid {gap:10px;}
}


/* viewer */
/* -------------- 갤러리형 --------------- */
.viewer-gal {position:relative; overflow:hidden; width:100%;}
.viewer-gal ul {display:flex; flex-wrap: wrap; gap:calc(4% / 3);}
.viewer-gal ul li {width:24%; margin-bottom:2.44444rem;}
.viewer-gal ul li figure {border:1px solid var(--gray); border-radius:30px; height:320px; overflow:hidden;}
.viewer-gal ul li figure img {object-fit: cover; width: 100%; height: 100%; transition: all .2s ease-in-out; display: block;}
.viewer-gal ul.posi-top li figure img {object-position: top;}
.viewer-gal ul li div {display:flex; align-items: center; justify-content: space-between; margin: .5rem 1rem;}
.viewer-gal ul li div h4 {font-size:1.2333rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.viewer-gal ul li div i {height:1.23333rem; width:1.23333rem; border-radius:50%; background:url(../img/sub/viewer_icon_bk.svg) no-repeat center; padding:1rem;}
.viewer-gal ul li div span {width:0; display:inline-block; font-size:0;}
.viewer-gal ul li a:hover figure img {transform:scale(110%);}
.viewer-gal ul li a:hover h4 {font-size:1.2333rem; color:var(--primary);}
.viewer-gal ul li a:hover i {background-color:var(--primary); background-image:url(../img/sub/viewer_icon_wh.svg);}

@media(max-width: 1199.98px) {
	.viewer-gal ul li {width:31.3333%;}
}
@media(max-width: 767.98px) {
	.viewer-gal ul {gap:4%;}
	.viewer-gal ul li {width:48%;}
}
@media(max-width: 575.98px) {
	.viewer-gal ul {gap:0;}
	.viewer-gal ul li {width:100%;}
}

/*  ------------ 리스트형 -------------  */
.viewer-list {position:relative; overflow:hidden; width:100%;}
.viewer-list h4 {font-size:1.777rem; line-height:1.8}
.viewer-list h5 {font-size:1.222rem;}
.viewer-list ul {display:flex; flex-wrap:wrap; border-top:2px solid #000;}
.viewer-list ul li {width:100%; display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid var(--gray); padding:1.33333rem .7778rem 1.333333rem; font-size:0.88889rem; line-height:1.6;}
.viewer-list ul li h6 {display:flex; align-items: center; gap:20px; width:calc(100% - 140px);}
.viewer-list ul li h6 small {color:#777; display:block; font-size:.9rem; min-width:100px; text-align:center;}
.viewer-list ul li h6 p {color:#000; font-size:1.1111rem; font-weight:600; margin-bottom:0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.viewer-list ul li a {display:flex; align-items: center; justify-content: center; font-size:.9rem; width:142px; color:#555; border-color:#ddd;}
.viewer-list ul li a i {background-image:url(../img/sub/viewer_icon_bk.svg); font-size:0; width: 1.111rem; height: 1.111rem;}
.viewer-list ul li a:hover i, .viewer-list ul li a:active i {background-image:url(../img/sub/viewer_icon_wh.svg);}

.viewer-list ul li .viewer-list-tit {font-size:1rem; color:#000; width:calc(100% - 160px); justify-content: flex-start; padding:0; display:block;}
.viewer-list ul li .viewer-list-tit:hover {font-weight:600}
.viewer-list ul li .viewer-list-txt {font-size:.89rem; color:#888; width:160px; margin:0;display:flex; gap:10px; justify-content: space-evenly;}

@media(max-width: 575.98px) {
    .viewer-list ul li h6 {gap:10px; width: calc(100% - 50px);}
    .viewer-list ul li h6 small {min-width:60px;}
    .viewer-list ul li a {width:40px; padding:10px;}
    .viewer-list ul li a span {display:none;}
    .viewer-list ul li a i {margin-left:0;}
}



/* program */
/* ------------- { 게시판 -------------- */

#board {position: relative;}
#board .board-top {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; width:100%;}
#board .board-top .total {font-size: 15px; color:#777; margin:10px 0; line-height:1.2}
#board .board-top .total b {font-weight:600; color:#000;}

#board .board-cate {position: relative; width:100%; display:flex; flex-wrap: wrap; gap:10px; margin-bottom:20px;}
#board .board-cate .cate-btn {font-size:.88888rem; padding:.66666rem 1.4444rem; border-radius:1.6666rem; border:1px solid #e8e8e8; background-color:#fff; color:#555; cursor:pointer;}
#board .board-cate .cate-btn.active {border-color:var(--primary); color:var(--primary); font-weight:600;}
#board .board-cate .cate-btn.active:hover {background-color:var(--primary); color:#fff}
#board .board-cate .cate-btn:hover {background-color:#e8e8e8;}

#board .board-cate2 {
    position: relative;
    width: 100% !important;     /* 부모 너비 강제 100% */
    display: flex !important;   /* 플렉스 박스 적용 */
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 15px;
    list-style: none;           /* ul, li 구조일 경우 대비 */
}

/* 만약 cate-btn이 <li> 안에 있다면 아래 .board-cate2 > * 부분을 사용하세요.
   직계 자식이 무엇이든 상관없이 균등하게 늘려줍니다. 
*/
#board .board-cate2 > * {
    flex: 1 1 0;                /* 균등 분할의 핵심: 모든 자식이 동일한 비율로 확장 */
    min-width: 0;               /* 내용이 길어도 박스가 튀어나가지 않게 방지 */
    display: flex;
}

#board .board-cate2 .cate-btn {
    display: flex;              /* 내부 텍스트 중앙 정렬을 위해 flex 사용 */
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;                /* 부모(li 등) 너비에 꽉 차게 */
    border: 1px solid #ddd;
    padding: 15px 5px;          /* 9개 항목이므로 패딩을 약간 줄이는 것이 안전합니다 */
    font-size: 18px;            /* 항목이 많아 22px은 글자가 깨질 수 있어 18px 권장 */
    color: #555;
    background-color: #fff;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.2s;
}

/* 테두리 중첩 방지 (왼쪽 테두리만 마이너스 마진) */
#board .board-cate2 > * + * {
    margin-left: -1px;
}

/* 활성화 상태 스타일 */
#board .board-cate2 .cate-btn.active {
    /* color: #0066B3; */
    color: #fff;
    font-weight: 700;
    border: 1px solid #0066B3;
    background-color: var(--primary, #0066B3);
    z-index: 2;                 /* 선택된 버튼의 테두리가 위로 올라오게 */
    position: relative;
}

#board .board-cate2 .cate-btn.active:hover {background-color: var(--primary, #0066B3); color: #fff;}
#board .board-cate2 .cate-btn:hover {background-color: var(--secondary, #f8f8f8); color: #000;}

#board .list-cate, #board .view-cate {display: inline-block; padding: 6px 12px; border: 1px solid #ddd; border-radius: 1.4rem; font-size: .8rem; color: #777; line-height: 1; font-weight: 400; margin-right: 10px;}

/* 일반게시판 */
.board01 table {border-top: 2px solid #000; border-bottom: 1px solid var(--gray); width: 100%; border-spacing: 0; table-layout: fixed;}
.board01 table thead {display: none;}
.board01 table tbody td {position: relative; padding: 2.222222rem .7778rem 2.2222222rem; border-bottom: 1px solid var(--gray); font-size:.88889rem; color:#777; line-height:1.6; text-align: center; box-sizing: border-box; text-align:center;}

.board01 table tbody td.none {padding:8rem 0;}
.board01 table tbody td.Btit {font-size:1rem; font-weight:600; text-align:left; color:#000; display: flex; gap:10px;}
.board01 table tbody td.Btit .tit {display: flex; align-items: center; justify-content: flex-start; width:calc(100% - 160px)}
.board01 table tbody td.Btit .tit a {max-width:calc(100% - 20px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board01 table tbody td.Btit a:hover {color:var(--primary);}
.board01 table tbody .label {}
.board01 table tbody .Bnum {width: 80px;}
.board01 table tbody .Bnoti span {min-width: 50px; text-align: center; display:inline-block; padding: 6px 10px; border: 1px solid var(--primary); border-radius: 1.4rem; font-size: .8rem; background: var(--primary); color:#fff; line-height: 1; font-weight:800}
.board01 table tbody td.Bhit, .board01 table tbody td.Bname {width: 150px;}
.board01 table tbody td.Bdate {width: 120px;}

.board02 {border-top: 1px solid #0066B3; border-bottom: 1px solid #ddd; width: 100%; border-spacing: 0; table-layout: fixed;}
.board02 td, .board02 th {border-right:1px solid #ddd;}
.board02 td.line, .board02 th.line {border-right:1px solid #ddd !important;}
.board02 td:last-child, .board02 th:last-child {border-right:none;}
.board02 thead th {border-bottom:1px solid #0066B3; background:#e3f2fd; padding: 1rem .5rem 1rem; font-size:1rem; font-weight:600; color:#013862; text-align:center;}
.board02 tbody th, .board02 tbody td {position: relative; padding: 1rem .5rem 1rem; border-bottom: 1px solid #ddd; font-size:1rem; color:#777; line-height:1.6; text-align: center; box-sizing: border-box; text-align:center;}
.board02 tbody th {font-weight:600; color:#555}
.board02 tfoot th, .board02 tfoot td {position: relative; padding: 1rem .5rem 1rem; border-top:2px solid var(--primary); font-size:1rem; color:var(--primary); line-height:1.6; text-align: center; box-sizing: border-box; text-align:center;} 
.board02 tfoot th {font-weight:600;}

.board02.sm thead th {padding: .6rem .5rem; font-size: .8888rem; line-height: 1.4;}
.board02.sm tbody th, .board02.sm tbody td {padding: 1.4rem .5rem;font-size: .8888rem; line-height: 1.4;}

#board table .Bhit:before {content: ''; display: inline-block; margin: 0 4px 0 0; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_hit.svg) no-repeat center center / 100%; vertical-align: middle;}
#board table .Bhit span {display:inline-block; vertical-align: middle;}
#board table .icon-file {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_file.svg) no-repeat center / 100%;  text-indent: -99999px;}
#board table .icon-new {display:inline-block; margin: 0 0 0 6px; width: 1.125rem; height: 1.125rem; background: url(../img/sub/icon_new.svg) no-repeat center / 100%;  text-indent: -99999px;}

@media (max-width: 767.98px) {
    #board .board-cate {gap:5px}
    #board .board-cate .cate-btn {padding: .666em 1.444rem;}

    #board .board-cate2 {gap:0px}
    #board .board-cate2 .cate-btn {padding: .666em 1.444rem;}
    #board .board-cate2 .cate-btn {
        display: flex;              /* 내부 텍스트 중앙 정렬을 위해 flex 사용 */
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;                /* 부모(li 등) 너비에 꽉 차게 */
        border: 1px solid #ddd;
        padding: 15px 5px;          /* 9개 항목이므로 패딩을 약간 줄이는 것이 안전합니다 */
        font-size: .88888rem;            /* 항목이 많아 22px은 글자가 깨질 수 있어 18px 권장 */
        color: #555;
        background-color: #fff;
        box-sizing: border-box;
        text-decoration: none;
        transition: all 0.2s;
    }    
    
    .board01 table tbody tr {display: flex; border-bottom: 1px solid var(--gray); flex-wrap: wrap; justify-content: flex-start;   align-items: center; padding:10px 15px;}
    .board01 table tbody td {padding:0; border-bottom:none; text-align:left;}
    .board01 table tbody td.Btit {width:100%; padding: 4px 0; flex-direction: column; gap:0;}
	.board01 table tbody td.Btit .tit{width:100%;}
    /*.board01 table tbody td.Bnum {display:none;}*/
    .board01 table tbody .label {display:block; width:100%;}
    .board01 table tbody .label + div {width:100%; padding:4px 0;}
    .board01 table tbody td.Bhit, .board01 table tbody td.Bname, .board01 table tbody td.Bdate {width:auto; margin-right:20px;}
    .board02 thead th {padding: .6rem .5rem; font-size: .8888rem; line-height: 1.4;}
    .board02 tbody th, .board02 tbody td {padding: 0.4rem .5rem;font-size: .8888rem; line-height: 1.4;}

    .board-wrap {width:100%;overflow:auto;}
    .board-wrap > table {border-collapse:collapse; width:780px;}

}

#b-search {display:flex;}
.board-swit {display: flex; padding: 5px; border: 1px solid #ddd; border-radius: 10px; margin-left: 5px; gap: 1px; width:132px;}
.board-swit li {user-select: none; display:block; padding: 6px 12px; background: #dddddd; font-size: 0.8rem; border-radius:5px; cursor: pointer;}
.board-swit li:hover, .board-swit li:active {background:#999;}
.board-swit li:first-child {border-radius:5px 0 0 5px}
.board-swit li:last-child {border-radius:0 5px 5px 0}
.board-swit li.active {background:var(--primary); color:#fff !important}
@media(max-width: 991.98px) {
    .board-swit {width:125px;}
}
@media(max-width: 575.98px) {
    .board-swit {display:none;}
}


/*    게시판 글보기      */
/* 페이징 */
.board-paginate {margin-top: 40px; text-align: center;}
.board-paginate ul {display:flex;flex-wrap: wrap; justify-content: center; gap: 15px;}
.board-paginate ul li a {display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.board-paginate ul li.pager a {display:block;width:2.333rem;height:2.333rem; line-height:2.333rem; border-radius:50%;background-repeat:no-repeat;background-position:center; font-size:16px;}
.board-paginate ul li:not(.pager) a {width:2.333rem;height:2.333rem;font-size:1.1111rem;line-height:1.8;font-weight:400;color:#000;}
.board-paginate ul li a.active{border-radius:50%;background:var(--primary);font-weight:600;color:#fff;}
.board-paginate ul li:hover a:not(.active) {border-radius:50%;background:var(--gray);font-weight:600; color:#000}
.board-paginate ul li:hover a {background:var(--primary); color:#fff;}

@media (max-width: 767.98px) {
    .board-paginate ul li:not(.pager) a {width:2rem; height:2rem; font-size:1rem; line-height:1.6;}
}


/* 게시판 view */
.board_view {position: relative; width: 100%; border-top:2px solid #000; padding-top:1.6667rem;}
.board_view h2 {font-size: 1.666667rem; font-weight:600; color:#000; margin-bottom:10px;} 
.board_view .view-info {display:flex; gap:20px; text-align:center; align-items:center; font-size: 0.88889rem; color:#999; padding-bottom:30px; border-bottom:1px solid var(--gray); margin-bottom:40px;}
.board_view .view-info > span+span {position:relative; padding-left:1em;}
.board_view .view-info > span+span:before {content: ""; position: absolute; top: 50%; height: .5em; margin: -0.25em 0 0 -1px; left: 0; border-left: 1px solid #ddd;}
.board_view .view-info img {vertical-align: middle;margin-right:2px;}

.board_view .view-file {display:flex; flex-direction:column; align-items:flex-start; border-radius:20px; background:var(--gray); gap:10px; margin-bottom:20px;}
.board_view .view-file a {display:inline-flex; align-items: center; gap:5px;}
.board_view .view-file:has(a) {padding:1.5rem;}
.board_view .view-file a i {font-size:0; background:url(../img/sub/icon_down.svg) no-repeat center / cover; width:1.2rem; height:1.2rem;}
.board_view .view-file a p {font-size:0.9rem; color:#000; font-weight:500; flex:1; margin:0;}
.board_view .view-file a:hover p {color:var(--primary);}
.board_view .view-cont {padding:2em 1.5em;}
.board_view .view-next li {overflow:hidden; width:100%; border-top:1px solid var(--gray); padding:15px 20px; display:flex; align-items:center; box-sizing:border-box; cursor:pointer; gap:20px}
.board_view .view-next li strong {width:70px;font-size:.88889rem; color:#000; font-weight:500; display: inline-block; overflow:hidden; position:relative;}
.board_view .view-next li strong:before {content: ""; display:inline-block; width: 20px; height: 20px; margin-right:5px; vertical-align: sub;}
.board_view .view-next li.prev strong:before {background: url(../img/sub/board_prev.svg) no-repeat center / contain;}
.board_view .view-next li.next strong:before {background: url(../img/sub/board_next.svg) no-repeat center / contain;}
.board_view .view-next li p {width:calc(100% - 60px); margin:0; font-size:0.88889rem; color:#777; overflow:hidden; white-space: nowrap ; text-overflow: ellipsis;}

.subCont_wrap > article .view-cont p {margin:0; font-size:1rem;}
.view-cont .table {max-width:100%;}

.board_view .view-btm {padding-top:40px; text-align:center; border-top:1px solid var(--gray)}

.table-bordered td, .table-bordered th {padding:6px 10px; font-size:.778rem;}

/* ------------- 게시판 } -------------- */



/* --- 조회서비스 --- */

.inbox {padding:3rem; border:1px solid #e1e1e1; box-shadow:0 0 10px #0000001f; border-radius:30px; margin-bottom:30px;}
.inbox h3 {font-size:1.5555rem; margin-bottom:10px;}
.inbox p {margin-bottom:0;}
.inbox .bt-wrap li {flex:1 auto;}
.inbox .bt-wrap li a {width:100%;}

@media all and (min-width:1460px){
	.inbox {display: flex; justify-content: space-between; align-items: center;}
	.inbox .tit {width: calc(100% - 630px);}
	.inbox ul {width:600px; margin-top:0;}
	.inbox.lg .tit {width: calc(100% - 830px);}
	.inbox.lg ul {width:800px; margin-top:0;}
}

@media all and (max-width:1459.99px){
	.inbox {display:block;}
	.inbox .bt-wrap {margin-top:30px;}
}


/* --- 사이트맵 --- */
#sitemap ul {border-top:2px solid #000}
#sitemap ul > li {border-bottom: 1px solid #ddd; padding:3rem 10px; display:flex; gap:20px;}
#sitemap ul > li h3 {width:250px; font-size:1.66rem; font-weight:600}
#sitemap ul > li ol {display:grid; grid-template-columns: repeat(4, 1fr); gap: 1.444rem; width:calc(100% - 250px); align-items:center;}
#sitemap ul > li a:hover {color:var(--primary)}

@media(max-width: 991.98px) {
    #sitemap ul > li {flex-direction: column; padding:2rem 10px;}
    #sitemap ul > li h3 {width:100%; font-size:1.333rem;}
    #sitemap ul > li ol {width:100%;}
}
@media(max-width: 767.98px) {
    #sitemap ul > li ol {grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}


.faq_list {width:100%;height:auto;margin-bottom:30px;}
.faq_list > .defulat{width:100%;height:auto;border-top:2px solid #111111;}
.faq_list > .defulat > li{padding:20px 24px;font-size:0;border-bottom:1px solid #EFEFEF;}
.faq_list>.defulat>li.no_articleArea{width:100% !important;padding:0 !important;margin:0 !important;}
.faq_list > .defulat > li > div{display:inline-block;vertical-align:middle;}
.faq_list>.defulat>li .numArea{width:45px;text-align:center;position:absolute;left:0;top:calc(50% - 12px)}
.faq_list>.defulat>li .infoArea{position:relative; width:100%; padding: 40px 0 40px 90px; font-size:0;}

.faq_list>.defulat>li .numArea .number {display:inline-block; text-align:center; font-size:16px; color:#808080; letter-spacing:0;}
.faq_list>.defulat>li .numArea .notice{display:inline-block;height:20px;padding:0 7px; border-radius:10px; border:1px solid #002F87; font-size:14px; color:#002F87; line-height:19px; letter-spacing:0;}
.faq_list>.defulat>li .infoArea .noticeTitle {display:block;width:100%;font-size:0; text-align:left;}
.faq_list>.defulat>li .infoArea .noticeTitle > p {font-size:22px; font-weight:600; color:#111; vertical-align:middle; max-width:100%; margin-bottom:0;}
.faq_list > .defulat > li .infoArea .noticeTitle > p.disabled{text-decoration:line-through;}
.faq_list > .defulat > li .infoArea .noticeText{font-size:16px;line-height:1.9rem;color:#111;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:0px;padding:0;}

.faq_list .AccordionBase>li{position:relative;padding:0;}
.faq_list .AccordionBase>li.on{background-color:#fff;}
.faq_list .AccordionBase>li .numArea{position:absolute;left:24px;top:50%;font-size:0;transform:translate(0,-50%);}
.faq_list .AccordionBase > li .numArea > b {display:inline-block;font-size:25px;font-weight:bold;line-height:110px;color:#bebebe;width:40px;text-align:center;}
.faq_list .AccordionBase>li .AccordionBtn{padding-right:70px;}
.faq_list .AccordionBase>li .AccordionBtn::before{display:none;}
.faq_list .AccordionBase>li .AccordionBtn::after {content: ""; width: 24px;height: 13px; position: absolute; right: 30px; top: 50px; background: url(../img/sub/icon_Accordiondown.svg) no-repeat center center / 100% auto;   transition: all 0.2s;}
.faq_list .AccordionBase>li.on .AccordionBtn::after {background-image: url(../img/sub/icon_Accordionup.svg);}
.faq_list .AccordionBase>li .AccordionCont::before{width:45px;text-align:center;left:24px;top:20px;}
.faq_list .AccordionBase>li .AccordionCont{position:relative;display:none;width:100%;padding:20px 50px 20px 80px;background-color:#F8F8F8;}
.faq_list .AccordionBase>li .AccordionCont .AccordionTextArea {position:relative;padding-top:20px;padding-right:50px;}
.faq_list .AccordionBase>li .AccordionCont .AccordionTextArea h6 {color:#555; margin-bottom:12px; font-weight:700; font-size:1.222rem;}
.faq_list .AccordionBase>li .AccordionCont .AccordionTextArea p {word-break:keep-all; margin-bottom:10px;font-size:1rem;}

@media(max-width: 767.98px) {
	.faq_list>.defulat>li .infoArea {padding: 30px 0 30px 60px;}
	.faq_list .AccordionBase>li .numArea {left:10px;}
	.faq_list .AccordionBase>li .AccordionBtn{padding-right:40px;}
	.faq_list .AccordionBase>li .AccordionBtn::after {right: 10px; top: 38px;}
}


/* 개인정보보호방침 */
.subCont_wrap > article.privacy h5 {margin:30px 0 10px; font-size:1.1111rem; font-weight:600; color:#000}
.subCont_wrap > article.privacy p {margin:15px 0 10px; font-size:1rem;}
.subCont_wrap > article.privacy ol {font-size:1rem;}
.subCont_wrap > article.privacy ol > li {margin-bottom:8px;}
.subCont_wrap > article.privacy ol > li > li {margin-bottom:5px;}
.subCont_wrap > article.privacy ol ul {padding-left: 10px; margin-top:10px; font-size:.888888rem;}


/* 통합검색 */
.search-count {font-size:0.9rem; color:#777;}
.search-wrap {margin-bottom:3rem;}
.search-wrap h4 {display: flex; align-items: center; justify-content: space-between;}
.search-wrap .collapse {margin-top:.7rem;}

.search-wide {margin-bottom:3rem;}
.search-wide .srch-group {width:100%; max-width: 100%;}

@media(max-width: 575.98px) {
	.search-wrap .collapse li {flex-direction: column; align-items: flex-start;}
	.search-wrap .collapse li .viewer-list-tit {width:100%;}
	.search-wrap .collapse li .viewer-list-txt {justify-content: flex-start;}
}