@charset "utf-8";

/* [S] 테이블 게시판 */
/*
.table-bbs-wrap {position: relative;}
*/
/* 카테고리 */
/*
.cate{border: .1rem solid #9db3c9; border-radius: .5rem; padding: 2.4rem 2.8rem 2.55rem; margin-bottom: 5rem;}
.cate > ul{display: flex; flex-wrap: wrap; gap: 9rem;}
.cate > ul > li a{position: relative; font-size: 1.7rem; color: #8e8e8e; font-family: prGov; display: inline-block; padding-left: 1.3rem;}
.cate > ul > li a::before{content:""; display: block; position: absolute; left: 0; top: .9rem; width: .5rem; height: .5rem; background-color: #63778e;}
.cate > ul > li.active a,
.cate > ul > li a:hover{color: #003675;}
.cate > ul > li a span {background-image: linear-gradient(#003675, #003675); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.cate > ul > li.active a span {background-size:100% .1rem;}
@media screen and (max-width: 1200px) {
    .cate{margin-bottom: 3rem;}
    .cate > ul{gap: 3rem;}
}
*/
/* 말머리 */
/*
.tabmenu {display: flex; align-items: center; flex-wrap: wrap; border-radius: 1rem; margin-bottom: 5.3rem; padding: 1.7rem 4rem 1.7rem .8rem; background: #ffffff; border: 0.2rem solid #e5eef1;}
.tabmenu .all-list {padding: 0 4rem 0 3.2rem;}
.tabmenu ul {display: flex; align-items: center; flex-wrap: wrap;}
.tabmenu li {padding: 0 4rem 0 3.2rem; position: relative;}
.tabmenu li::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -.5rem; width: .1rem; height: 1rem; background-color: #cccccc;}
.tabmenu li:last-child::after{display: none;}
.tabmenu a {position: relative; font-family: pr; font-size: 1.6rem; color: #666666 !important;}
.tabmenu a.on,
.tabmenu a:hover {color: #02a3da !important; font-family: pb;}

@media screen and (max-width: 1500px) {
	.tabmenu .all-list {padding: 0 3rem 0 2.2rem;}
	.tabmenu li {padding: 0 3rem 0 2.2rem;}
}
*/
/* 검색 */
/*
.srch_box {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; margin: 6rem 0 3rem;}
.srch_box .board-serch .row{display: flex; flex-wrap: wrap; gap: 1rem;}
.srch_box .board-serch .typebox select{border: .1rem solid #58616a; border-radius: .5rem; width: 12.6rem; font-size: 1.7rem; color: #1d1d1d; font-family: prGov; -webkit-appearance: none; appearance: none; background: url(../../images/sub/fnctTableBbs/ic-search-arrow.png) no-repeat right 1.9rem center; padding: 1.05rem 1.9rem; height: 4.8rem;}
.srch_box .board-serch .search-box{width: calc(100% - 26.1rem); position: relative; flex-grow:1;}
.srch_box .board-serch .search-box #findWord{width: 100%; border: .1rem solid #58616a; border-radius: .5rem; font-family: prGov; padding: 1.3rem 1.6rem; font-size: 1.7rem; color: #1d1d1d;}
.srch_box .board-serch .search-box #findWord::-webkit-input-placeholder{color: #8e8e8e;}
.srch_box .board-serch .search-box ._button{position: absolute; right: 0; top: 0; width: 4.8rem; height: 4.8rem}
.srch_box .board-serch .search-box ._button input[type=submit]{width: 100%; height: 100%; text-indent: -9999rem; background: transparent url(../../images/sub/fnctTableBbs/ic-search.png) no-repeat center center;}
.srch_box .board-serch .search-detail-btn{border: .1rem solid #58616a; border-radius: .5rem; width: 11.5rem; font-size: 1.7rem; color: #1d1d1d; font-family: psbGov; background: url(../../images/sub/fnctTableBbs/ic-detail-search.png) no-repeat right 1rem center; padding: 1.3rem 1rem; text-align: left;}
.srch_box .board-serch .search-detail-btn.active{background-image: url(../../images/sub/fnctTableBbs/ic-detail-close.png);}

.srch_box .board-date{border-radius: 1.2rem; background-color: #edf1f5; padding: 2rem; position: absolute; left: 0; top: calc(100% + 2rem); visibility: hidden; opacity: 0; transition: all .5s; z-index: 2;}
.srch_box .board-date.active{visibility: visible; opacity: 1;}
.srch_box .board-date .date-search-box{display: flex; flex-wrap: wrap; align-items: center;}
.srch_box .board-date legend{position: static; width: auto; height: auto; font-size: 1.7rem; color: #1d1d1d; font-family: pbGov; z-index: 1; margin-right: .5rem;}
.srch_box .board-date .line label{text-indent: -9999rem; font-size: 0; width: 0; height: 0;}
.srch_box .board-date .line input[type=text]{color: #1d1d1d; border: .1rem solid #58616a; border-radius: .5rem; padding: 1.3rem 1rem; font-size: 1.7rem; background: white url(../../images/sub/fnctTableBbs/ic-calendar.png) no-repeat right 1rem center; width: 33rem;}
.srch_box .board-date .line input[type=text]::-webkit-input-placeholder{color: #8e8e8e;}
.srch_box .board-date .line input[type=text]#rgsEndde{width: 32rem;}
.srch_box .board-date .date-space{display: inline-block; font-size: 1.7rem; color: #8e8e8e; margin: 0 .3rem 0 .8rem}
.srch_box .board-date .date-search{width: 11rem; font-size: 1.7rem; color: #ffffff; font-family: psmGov; background-color: #003675; border-radius: .5rem; height: 4.8rem; line-height: 4.8rem; margin-left: 1rem;}

.srch_left{display: flex; flex-wrap: wrap; align-items: center;}
.srch_left .rss{margin-right: 1.9rem;}
.srch_left .rss a{width: 3rem; height: 3rem; text-indent: -9999rem; background: url(../../images/sub/fnctTableBbs/img-rss.png) no-repeat center center / cover; display: block;}
.srch_left .srch_counts p{font-size: 1.7rem; color: #222222; font-family: prGov;}
.srch_left .srch_counts p span{color: #0b50d0;}

@media screen and (max-width: 1200px) {
    .srch_box .board-date{width: 100%;}
    .srch_box .board-date .date-search-box{justify-content: center;}
}

@media screen and (max-width: 768px) {
    .srch_box{flex-direction: column; margin: 2rem 0 1rem; gap: 1rem;}
    .srch_box .board-serch .row{justify-content: end;}
    .srch_box .board-serch .search-box{width: calc(100% - 13.6rem);}
    .srch_box .board-date{padding: 2rem 1rem;}
    .srch_box .board-date legend{font-size: 1.4rem;}
    .srch_box .board-date .line input[type=text]{width: 15rem;}
    .srch_box .board-date .line input[type=text]#rgsEndde{width: 14rem;}
    .srch_box .board-date .date-search{margin-left: 0; margin-top: 1rem;}
}
*/
/* 페이징 */
/*
.table-bbs-wrap ._paging {margin-top: 5rem;}
.table-bbs-wrap ._paging ._inner{display: flex; justify-content: center; align-items: center;}
.table-bbs-wrap ._paging ._inner ._first,
.table-bbs-wrap ._paging ._inner ._last{display: none;}
.table-bbs-wrap ._paging ._inner ._pageState{display: none;}
.table-bbs-wrap ._paging ._inner > ul{display: flex; flex-wrap: wrap; margin: 0 1.7rem; gap: .8rem}
.table-bbs-wrap ._paging ._inner > ul > li{width: 4rem; height: 4rem; border-radius: .5rem; overflow: hidden;}
.table-bbs-wrap ._paging ._inner > ul > li a{display: block; width: 100%; height: 100%; line-height: 4rem; text-align: center; font-size: 1.7rem; color: #3d4148; font-family: prGov;}
.table-bbs-wrap ._paging ._inner > ul > li strong{display: block; width: 100%; height: 100%; line-height: 4rem; text-align: center; font-size: 1.7rem; color: white; background-color: #003675; font-family: prGov;}
.table-bbs-wrap ._paging ._inner ._listPrev{position: relative; font-size: 0; padding-left: 1.4rem; background: url(../../images/sub/fnctTableBbs/ic-page-prev.png) no-repeat left top .6rem;}
.table-bbs-wrap ._paging ._inner ._listPrev::before{content:"이전"; color: #555555; font-size: 1.7rem; font-family: prGov;}
.table-bbs-wrap ._paging ._inner ._listNext{position: relative; font-size: 0; padding-right: 1.4rem; background: url(../../images/sub/fnctTableBbs/ic-page-next.png) no-repeat right top .6rem;}
.table-bbs-wrap ._paging ._inner ._listNext::before{content:"다음"; color: #555555; font-size: 1.7rem; font-family: prGov;}


.table-bbs-wrap .con-table tbody td {font-size: 1.7rem;}
.table-bbs-wrap .con-table a {color:#555; background-image: linear-gradient(#256EF4, #256EF4); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.table-bbs-wrap .con-table a:hover {color:#256EF4; background-size:100% .1rem;}
*/
/* [E] 테이블 게시판 */

/* [S] 일별 세출 운용 상황 */
.wrap-day-info input[type="text"] {color: #1d1d1d; border: .1rem solid #58616a; border-radius: .5rem; padding: 1.3rem 1rem; font-size: 1.7rem; background: white url(../../images/sub/fnctTableBbs/ic-calendar.png) no-repeat right 1rem center; width: 33rem;}
.wrap-day-info select{border: .1rem solid #58616a; border-radius: .5rem; width:33rem; font-size: 1.7rem; color: #1d1d1d; font-family: prGov; -webkit-appearance: none; appearance: none; background: url(../../images/sub/fnctTableBbs/ic-search-arrow.png) no-repeat right 1.9rem center; padding: 1.05rem 1.9rem; height: 4.8rem;}
.wrap-day-info .btn {display: flex; justify-content: center; align-items: center; min-width: 11rem; height: 4.8rem; border-radius: .5rem; margin: 0 auto; padding: 0 1.5rem; font-family: psbGov; font-size: 1.7rem; color: #fff; transition: .35s;}
.wrap-day-info .btn {background: #0069c2;}
/* [E] 일별 세출 운용 상황 */

/* [S] 뷰어 다운로드 */
.wrap-viewer-down {position: relative;}
.wrap-viewer-down ul {display: flex; flex-wrap:wrap; gap:1.6rem;}
.wrap-viewer-down ul li {width:calc((100% - (1.6rem * 2)) / 3);}
.wrap-viewer-down .box {display: flex;flex-direction:column;align-items: start;min-height:24rem;height: 100%;padding:1.6rem;background:#F3F5FA; border-radius:1.2rem;}
.wrap-viewer-down .box strong {display: flex; align-items: center;font-family: pbGOV;font-size: 2.1rem;color:#1D1D1D;}
.wrap-viewer-down .box strong img {margin-right: 1rem;}
.wrap-viewer-down .box p {flex:1;margin-top: 1.2rem;font-family: prGOV;font-size: 1.74rem;color:#555;line-height: 2.5rem;}
@media screen and (max-width:1200px) {
    .wrap-viewer-down ul li {width:calc((100% - (1.6rem * 2)) / 2);}
}
@media screen and (max-width:650px) {
    .wrap-viewer-down ul li {width:100%;}
}
/* [E] 뷰어 다운로드 */

/* [S] 개인정보처리방침 */
/* 상단 공지 */
.wrap-head-noti {position: relative;background:#fff;border:.1rem solid #CED3D6;border-radius:1.2rem;}
.wrap-head-noti .frame {display: flex; padding:1.8rem 3.6rem;}
.wrap-head-noti .logo {flex-shrink: 0;margin-right:1rem;margin-top:.5rem;}
.wrap-head-noti .con strong {font-family: pbGOV;font-size: 1.9rem;color:#246BEB;}
.wrap-head-noti .con p {margin-top:.5rem;font-family: prGOV;font-size: 1.7rem;color:#464C53;line-height: 2.6rem;}

/* 라벨링 */
.wrap-labeling {overflow:hidden;position: relative; border:.1rem solid #CED3D6; border-radius:1.2rem;}
.wrap-labeling .frame {}
.wrap-labeling .title {display: flex;align-items: center;justify-content: center;min-height:6rem;background:#EEF2F7;font-family: pbGOV;font-size: 1.7rem;color:#246BEB;}
.wrap-labeling ul {display: flex;justify-content: space-between;gap:0 6rem;padding:3rem 3.6rem 3.5rem 3.6rem;}
.wrap-labeling ul li {display: inline-block;}
.wrap-labeling .img-box {text-align: center;margin-bottom: 0.8rem;}
.wrap-labeling li a {display: block;text-align: center;}
.wrap-labeling li strong {font-family: prGOV;font-size: 1.7rem;line-height:2.5rem;color:#222;}
.wrap-labeling li strong {background-image: linear-gradient(#256EF4, #256EF4); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.wrap-labeling li a:hover strong {background-size:100% .1rem; color:#256EF4;}
@media screen and (max-width:1300px) {
    .wrap-labeling ul {flex-wrap:wrap; justify-content: center; gap:1rem 0;}
    .wrap-labeling ul li {width:33.3333%;}
}
@media screen and (max-width:767px) {
    .wrap-labeling ul li {width:50%;}
}
/* 버튼 박스 */
.wrap-privacy-btn {position: relative;}
.wrap-privacy-btn ul {display: flex; flex-wrap:wrap; gap:1.2rem 4rem;}
.wrap-privacy-btn li {width:calc((100% - (4rem * 2)) / 2);}
.wrap-privacy-btn li.point a {background-color:#256EF4; color:#fff; border:.1rem solid #256EF4;}
.wrap-privacy-btn li a {width:100%;}
@media screen and (max-width:650px) {
    .wrap-privacy-btn li {width:100%;}
}

/* 디자인 */
.header-box {position: relative; align-items: end;}
.header-box img {width:4rem; height:5rem;margin-left:2rem;}
.header-box img.ic-human {width: 4.5rem;height: 4.5rem;}
.df {display: flex;}
@media screen and (max-width:1340px) {
    .header-box {align-items: start; margin-top: 5.6rem;}
    .header-box.df {flex-direction: column-reverse;}
    .header-box.df .df {gap:1rem;}
    .header-box h2 {margin-top: 0;}
    .header-box img {margin:0;}
}

/* [E] 개인정보처리방침 */

/* [S] 이용안내 */
.wrap-info-homepage {position: relative; z-index: 1; padding:2.8rem 3.2rem 1.5rem 3.2rem; border:1px solid #CED3D6;}
.wrap-info-homepage ul {display: flex; flex-wrap:wrap;}
.wrap-info-homepage ul li {position: relative; width:50%; margin-bottom: 0.8rem; padding-left: 1.6rem;}
.wrap-info-homepage ul li::after {content:''; position: absolute; left:0; top:.9rem; width:.6rem; height:.6rem; background:#717171;}
.wrap-info-homepage li a {font-family: prGOV; font-size: 1.7rem; color:#555;}
.wrap-info-homepage li a:hover {color:#246BEB;}
.wrap-info-homepage li a span {background-image: linear-gradient(#246BEB, #246BEB); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.wrap-info-homepage li a:hover span {background-size:100% .1rem;}

.homepage-info-box {position: relative; padding-top: 27rem; margin-top: -27rem;}
.homepage-info-box .frame {display: flex; padding:5rem 4rem; background:#EEF2F7; border-radius:1.2rem;}
.homepage-info-box.full .frame {flex-wrap:wrap;}
.homepage-info-box .left-box {width:35.2rem; flex-shrink: 0;}
.homepage-info-box.full .left-box {width:100%; margin-bottom: 3.5rem;}
.homepage-info-box strong {font-family: pbGOV; font-size: 1.9rem;}
.homepage-info-box p:not(.info-text1) {font-family: prGOV; font-size: 1.7rem; color: #555;}
.homepage-info-box .c1 {color:#063A74;}
.homepage-info-box .home-con-list strong {display: block;margin-bottom: 0.8rem;font-family: pmGOV; font-size: 1.7rem; color:#1d1d1d;}
.homepage-info-box .home-con-list > li {position: relative;margin-bottom: 2rem;padding-left: 1.6rem;font-family: prGOV;font-size: 1.7rem;color:#555;}
.homepage-info-box .home-con-list > li:last-child {margin-bottom: 0;}
.homepage-info-box .home-con-list > li::before{content:'';position: absolute;left:0;top:.9rem;width:.6rem;height:.6rem;background:#717171;}
.homepage-info-box .home-con-list2 > li {position:relative;margin-bottom: 0.8rem;padding-left: 1.6rem;font-family: prGOV;font-size: 1.7rem;color:#555;word-break: break-all;}
.homepage-info-box .home-con-list2 > li:last-child {margin-bottom: 0;}
.homepage-info-box .home-con-list2 > li::before{content:'';position: absolute;left:0;top:1.1rem;width:.6rem;height:.2rem;background:#717171;}
@media screen and (max-width:1200px) {
    .homepage-info-box .frame {flex-wrap:wrap;}
    .homepage-info-box .left-box {width:100%; margin-bottom: 2rem; text-align: center;}
}
@media screen and (max-width:767px) {
    .homepage-info-box .frame {padding:4rem 2rem;}
}
/* [E] 이용안내 */


/* [S] 관련기관 누리집 - 정부기관 */
.wrap-nurizip {position: relative;}
.wrap-nurizip .frame {display: flex;align-items:stretch;}
.wrap-nurizip strong {display: flex;align-items: center;justify-content: center;flex-shrink:0;width: 9.6rem;margin-right:1.6rem;padding:0 1rem;background: #1464DD;border-radius:0.6rem;font-family: pbGOV; font-size: 2.1rem;text-align: center;color:#fff;}
.wrap-nurizip .list {width:100%;}
.wrap-nurizip .list > div {background: #F4F4F4;border-radius:.6rem; margin-bottom: 1.6rem;}
.wrap-nurizip .list > div:last-child {margin-bottom: 0;}
.wrap-nurizip .list ul {display: flex;gap:1.4rem;flex-wrap:wrap;width:100%;padding:2rem 2.4rem;}
.wrap-nurizip .list li {position: relative;padding-left: 1.6rem;width:calc((100% - 2.8rem) / 3);}
.wrap-nurizip .list li::before {content:'';position: absolute;left:0;top:0.9rem;width:.6rem;height:.6rem;background:#717171;}
.wrap-nurizip .list a {font-family: prGOV;font-size: 1.7rem;color:#555;}
.wrap-nurizip .list a:hover{color: #246BEB;}
.wrap-nurizip .list a span {background-image: linear-gradient(#246BEB, #246BEB); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.wrap-nurizip .list a:hover span {background-size:100% .1rem;}
.wrap-nurizip .list a[target="_blank"]::after {content:'';display: inline-block;vertical-align: middle;width: 1.8rem;height:1.8rem;margin-left: 0.9rem;background:url('../../images/sub/btn-link-gray.png') no-repeat center / 1.8rem;}
.wrap-nurizip .list a[target="_blank"]:hover::after {background:url('../../../guide/images/guide/common/btn-link1.png') no-repeat center / 1.8rem}
@media screen and (max-width:1200px) {
    .wrap-nurizip .list li {width:calc((100% - 2.8rem) / 2);}
}
@media screen and (max-width:767px) {
    .wrap-nurizip .frame {flex-wrap:wrap;}
    .wrap-nurizip strong {width:100%;padding:2rem 0;margin-bottom: 1.6rem;}
}
@media screen and (max-width:550px) {
    .wrap-nurizip .list li {width:100%;}

}
/* [E] 관련기관 누리집 - 정부기관 */

.thead-custom table tbody th {background-color: #f3f3f3; font-size: 1.7rem; color: #212121; font-family: pmGOV; border-top: .1rem solid #d3d3d3; border-right: .1rem solid #e3e3e3; padding: 2.025rem 1.5rem;font-weight: normal;}

/* [S] 조직도 */
.organ-wrap {
  --line-color: #C6C6C6; 
  --circle-color1: #003675;
  --circle-color2: #246BEB;
  --box-color1: #5B6781;
  --box-color2: #6783B4;
  --box-color3: #619BAA;
  --box-color4: #717171;
  --box-list-line: #B2B2B2;
  --box-list-line-other: #619BAA;
}
.organ-wrap {position: relative;}
.organ-wrap .organ-body {position: relative;}
.organ-wrap .organ-body::before {content:''; position: absolute; left:50%; bottom:0; width:0.05rem; height:100%; background:var(--line-color);}
.organ-wrap .organ-circle {position: relative; padding-bottom:4rem;}
.organ-wrap .organ-circle .box {display: flex; align-items: center; justify-content: center; width:14.3rem; height:12rem; margin:0 auto; border-radius:6rem;}
.organ-wrap .organ-circle strong {font-family: pb; font-size: 2.1rem; color:#fff;}
.organ-wrap .organ-circle .box.c1 {background: var(--circle-color1);}
.organ-wrap .organ-circle .box.c2 {background: var(--circle-color2);}
.organ-wrap .box .title a {border-radius:.5rem;}

.org-btn {display: inline-flex; align-items: center; justify-content: center; height:5.6rem; padding:0 2.4rem; background:#4EA993; border-radius:.6rem; font-family: psb; font-size: 1.9rem; color:#fff; transition:unset;}
.org-btn:hover {background:#358572; color:#fff; }
/* Ÿ��Ʋ */
.organ-wrap .box strong a {position: relative; display: flex; align-items: center; justify-content: center; height:5.6rem; padding:.5rem 1rem; word-break: break-all; font-family: pb; font-size: 1.7rem; text-align: center; color:#fff;}
.organ-wrap .box strong a.small{font-size: 1.6rem;}
.organ-wrap .box strong a span {background-image: linear-gradient(#fff, #fff); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.organ-wrap .box strong a:hover span {background-size:100% 1px;}
/* box */
.organ-wrap .organ-box-list {position: relative; display: flex; margin:0 -1rem;}
.organ-wrap .organ-box-list::after {content: ''; display: block; clear:both;}
.organ-wrap .organ-box-list > li {position: relative; float:left; display: flex; flex-direction: column; height:100%; padding:0 1rem; padding-top: 3rem;}
.organ-wrap .organ-box-list:not(.width-line) > li::before {content:''; position: absolute; left:50%; top:0; width:0.05rem; height:100%; background:var(--line-color);}
.organ-wrap .organ-box-list > li.non-line::before{display: none;}
.organ-wrap .organ-box-list > li.non-line2::before{height: 15%;}
.organ-wrap .box {flex:1; display:flex; flex-direction: column;}
.organ-wrap .box .title {position: relative; z-index: 1;}
.organ-wrap .box.c1 .title a {background:var(--box-color1);}
.organ-wrap .box.c2 .title a {background:var(--box-color2);}
.organ-wrap .box.c3 .title a {background:var(--box-color3);}
.organ-wrap .box.c4 .title a {background:var(--box-color4);}
.organ-wrap .box .list {position: relative; flex:1; margin-top:-0.5rem; padding:2rem 1.4rem 1.2rem 2rem; background:#fff; border:1px solid var(--box-list-line); border-radius:.5rem;}
.organ-wrap .box .list li {position: relative; padding-left:1.2rem; margin-bottom: 0.5rem;}
.organ-wrap .box .list li::before {content:''; position: absolute; left:0; top:.9rem; width:.4rem; height:.4rem; background:#717171;}
.organ-wrap .box .list a {font-family: pr; font-size: 1.5rem; color:#555;}
.organ-wrap .box .list a span {background-image: linear-gradient(#555, #555); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.organ-wrap .box .list a:hover span {background-size:100% 1px;}

.organ-wrap .left-list {float:left; padding-right: 3.2rem;}
.organ-wrap .left-list::after {content: ''; display: block; clear:both;}
.organ-wrap .right-list {float:right; padding-left: 3.2rem;}
.organ-wrap .right-list::after {content: ''; display: block; clear:both;}
.organ-wrap .right-list.width-line {position: relative;}
.organ-wrap .right-list.width-line {padding-left: 3.2rem;}
.organ-wrap .right-list.width-line .title::before {content:''; position: absolute; right:0; top:50%; width:calc(100% + 3.2rem); height:0.05rem; background:var(--line-color);}
.organ-wrap .right-list.width-line .non-line .title::before{display: none;}

/* organ-section1 */
.organ-section1 {position: relative; display: flex; padding-bottom: 8rem;}
.organ-section1::before {content:''; position: absolute; left:0; top:0; width:50%; height:.1rem; background:var(--line-color);}
.organ-section1::after {content:''; display: block; clear:both;}
.organ-section1 .left-list {position: relative;}
.organ-section1 > ul {width:calc(50% + 2rem);}
.organ-section1 > ul > li {position: relative; width:50%;}
.organ-section1 > ul > li:first-child::after {content:''; position: absolute; top:0; left:0; width:50%; height:0.05rem; background:#fff;}
/* organ-section2 */
.organ-section2 {position: relative; display: flex; padding-bottom: 10rem;}
.organ-section2::before {content:''; position: absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:0.05rem; background:var(--line-color);}
.organ-section2.non-line::before{display: none;}
.organ-section2 > ul {width:calc(50% + 2rem);}
.organ-section2 > ul > li {position: relative; width:50%;}
.organ-section2 > ul.left-list > li:first-child::after {content:''; position: absolute; top:0; left:0; width:50%; height:0.05rem; background:#fff;}
.organ-section2 > ul.right-list > li:last-child::after {content:''; position: absolute; top:0; right:0; width:50%; height:0.05rem; background:#fff;}
/* organ-section2-1 */
.organ-section2-1 {display: flex; justify-content: end; padding-bottom: 8rem;}
.organ-section2-1 > ul {width:50%; margin:0 !important;}
.organ-section2-1 > ul > li {width:50%; max-width:20rem; padding:0 !important;}
/* organ-section3 */
.organ-section3 > ul > li {width:20%;}
.organ-section3 .organ-box-list2 li:last-child .box {padding-bottom: 0;}
.organ-section3 .organ-box-list {position: relative;}
.organ-section3 .organ-box-list::before {content:''; position: absolute; top:0; left:10%; width:60%; height:0.05rem; background:var(--line-color);}
.organ-section3 .organ-box-list > li {padding-top: 0 !important;}
.organ-section3 .organ-box-list > li.top-posi{margin-top: -10rem;}
.organ-section3 .organ-box-list > li::before {display: none;}
.organ-section3 .organ-box-list > li > .box {position: relative; padding-top: 3rem;}
.organ-section3 .organ-box-list2 .box.dif-top{padding-top: 3rem;}
.organ-section3 .organ-box-list > li > .box::before {content: ''; position: absolute; left:50%; top:0; width:0.05rem; height:100%; background:var(--line-color);}
.organ-section3 .organ-box-list > li.top-posi > .box.c2::before{width: 274%; height: .05rem; left: auto; right: 0; top: 65%;}

.organ-section3 .organ-box-list2 .box {position: relative; padding-top: 2rem;}
.organ-section3 .organ-box-list2 .box::before {content: ''; position: absolute; left:50%; top:0; width:0.05rem; height:100%; background:var(--line-color);}
.organ-section3 .organ-box-list2 .box.c4:not(.top-line)::before{display: none;}

/* organ-section4 */
.organ-section4 > ul{float: none; padding-right: 0; margin: 0;}
.organ-section4 > ul > li {width:25%;}

._k2__WiZaRd_general .organ-result{display: block !important;}

/* organ-section5 */
.organ-section5 > ul{float: none; padding-right: 0; margin: 0;}
.organ-section5 > ul > li {width:calc(100%/3);}
@media screen and (max-width:1200px) {
    .organ-wrap .box strong a {font-size: 1.7rem;}
}
@media screen and (max-width:1023px) {
    .organ-wrap .organ-box-list {flex-wrap:wrap;}
    .organ-wrap .box .list a {font-size: 1.6rem;}
}
@media screen and (max-width:767px) {
    .organ-wrap .organ-box-list {margin:0;}
    .organ-wrap .organ-box-list > li {float:unset; width:100%; height:auto; padding:0; padding-top: 3rem;}
    .organ-wrap .left-list {float:unset; padding-right: 3.2rem;}
    .organ-wrap .right-list {float:unset; padding-left: 3.2rem;}
    

    .organ-section1 {flex-wrap:wrap; padding-bottom: 4rem;}
    .organ-section1::before {width:100%;}
    .organ-section1 > ul {width:100%;}
    .organ-section1 .organ-box-list {margin:0 !important;}
    .organ-section1 > ul > li {width:50% !important; padding:0;}
    .organ-section1 > ul.left-list > li:first-child{padding-right: 3.2rem;}
    .organ-section1 > ul.left-list > li:last-child{padding-left: 3.2rem;}
    .organ-section1 > ul > li:last-child::after {content:''; position: absolute; top:0; right:0; width:50%; height:0.05rem; background:#fff;}
    .organ-section1 .right-list.width-line {justify-content: end; width:100%; margin:0; padding:0;}
    .organ-section1 .right-list.width-line li {padding:0; padding-left:3.2rem; margin-top: 2rem;}
    .organ-section1 .right-list.width-line .title::before {width:calc(100% + 3.2rem);}
    .organ-section1 .left-list {padding:0;}

    .organ-section2 > ul > li:last-child {padding-top: 0; margin-top: 2rem;}
    .organ-section2 > ul.right-list > li:first-child::after {content:''; position: absolute; top:0; right:0; width:50%; height:0.05rem; background:#fff;}
    .organ-section2-1 {padding-bottom: 4rem;}


    .organ-section3 .organ-box-list {display:grid; grid-template-columns: 1fr 1fr 1fr; margin:0 -1rem;}
    .organ-section3 > ul > li {display: inline-block; padding:0 1rem !important;}
    .organ-section3 .organ-box-list > li > .box {padding-top: 0;}
    .organ-section3 .organ-box-list > li:nth-child(-n+3) .box {padding-top: 3rem;}
    .organ-section3 .box {flex:unset;}
    .organ-section3 .organ-box-list2 {margin-bottom: 2rem;} 
}
@media screen and (max-width:600px) {
    .organ-section3 .organ-box-list {grid-template-columns: 1fr;}
    .organ-section3 .organ-box-list::before {width:50%; left: 50%; transform: translateX(-50%); display: none;}
    .organ-section3 .organ-box-list > li > .box {padding-top: 0 !important;}
	.organ-section3 .organ-box-list > li > .box::before,
	.organ-section3 .organ-box-list2 .box::before{display: none;}
	.organ-section3 .organ-box-list > li .organ-box-list2{margin-top: 5rem;}
    .organ-section3 .organ-box-list > li:nth-child(-n+3) .box {padding-top: 0;}
	.organ-section3 .organ-box-list > li.top-posi{margin:0;}
	.organ-section3 .organ-box-list2 .box,
	.organ-section3 .organ-box-list2 .box.dif-top{padding-top: 0;}
}
/* [E] 조직도 */

/* [S] 장관,차관약력 */
.wrap-history2 {position: relative;}
.wrap-history2 .his-header {position: relative;display: flex;align-items: end;padding:0 4rem 4rem 4rem;}
.wrap-history2 .his-header::before {content:'';overflow:hidden;position: absolute;left:0;bottom:0;width:100%;max-height:21rem;height:100%;background:url('../../images/sub/bg-his2.jpg') no-repeat center / cover;border-radius:1.2rem;}
.wrap-history2 .his-header .img-box {overflow:hidden;position: relative;margin-right: 4rem;border-radius:1.2rem;box-shadow: 0 1rem 1.5rem rgba(0,0,0,0.25);}
.wrap-history2 .profl-box span {position: relative;padding-top:6rem;font-family: pmGOV;font-size: 2.4rem;color:#003675;}
.wrap-history2 .profl-box span::before{content:'';position: absolute;left:0;top:0;width:6.3rem;height:5.1rem;background:url('../../images/sub/ic-his-logo.png') no-repeat center;}
.wrap-history2 .profl-box strong {position: relative;display: block;font-family: pbGOV;font-size: 4rem;color:#1D1D1D;}
.wrap-history2 .con h2 {margin-top: 3.5rem;font-family: pbGOV;font-size: 2.1rem;color:#212121;}
.wrap-history2 ul {margin-top: 1.5rem;padding:3.2rem 1.6rem 3rem 1.6rem;border-top:.2rem solid #003675;border-bottom:.1rem solid #CED6E1;}
.wrap-history2 ul li {position: relative;display: flex;margin-bottom: 0.8rem;padding-left: 1.6rem;font-family: prGOV;font-size: 1.7rem;color:#555;}
.wrap-history2 ul li:last-child {margin-bottom: 0;}
.wrap-history2 ul li::before {content:'';position: absolute;left:0;top:.9rem;width:.6rem;height:.6rem;background:#717171;}
.wrap-history2 ul li strong {flex-shrink:0;display: inline-block;width: 18rem;font-family: pmGOV;color: #003675;}
@media screen and (max-width:650px) {
    .wrap-history2 .his-header {padding:0 2.5rem 2.5rem 2.5rem;}
    .wrap-history2 .his-header .img-box {margin-right: 2rem;}
    .wrap-history2 .profl-box strong {font-size: 3rem;}
}
@media screen and (max-width:500px) {
    .wrap-history2 .his-header {flex-wrap:wrap;}
    .wrap-history2 .his-header .img-box {margin:0 auto;}
    .wrap-history2 .profl-box {width:80%; margin:3rem auto 0 auto;}
    .wrap-history2 .profl-box span {padding-right: 8rem;padding-top: 0;}
    .wrap-history2 .profl-box span::before {left:unset;top:unset;right:0; bottom:0;}
}
/* [E] 장관,차관약력 */


/* [S] 장관과의 대화 */
.wrap-minister {position: relative;}
.wrap-minister .banner {overflow:hidden;position: relative;display: flex;align-items:end;padding:1.6rem 7rem 0 4.8rem;background:url('../../images/sub/bg-minister.png') no-repeat center / cover;border-radius:1.2rem;}
.wrap-minister .banner-text {flex:1;padding:4rem 0;}
.wrap-minister .banner-text strong {display: block;margin-bottom: 2.8rem;font-family: pbGOV;font-size: 4rem;line-height: 4.8rem;color:#1D1D1D;}
.wrap-minister .banner-text strong .c1 {color:#0065CF;}
.wrap-minister .banner-text strong span:not(.c1) {font-size: 2.8rem;}
.wrap-minister .banner .img-box {margin-bottom: -0.5rem;}
.wrap-minister .text {margin-top: 3.6rem;}
.wrap-minister .text b {font-family: pbGOV;font-size: 1.9rem;color:#003675;}
.wrap-minister .text p {margin-top: 2rem;font-family: prGOV;font-size: 1.7rem;color:#555;}
.wrap-minister .text p i {display: block; margin:4rem 0;}
@media screen and (max-width:1200px) {
    .wrap-minister .banner {padding:1.6rem 3rem 0rem 3rem;}
}
@media screen and (max-width:700px) {
    .wrap-minister .banner {flex-wrap:wrap;flex-direction: row-reverse;}
    .wrap-minister .banner .img-box {position: absolute;bottom:0;left:50%;width:100%;transform: translateX(calc(-50% + 0.05rem));text-align: center;}
    .wrap-minister .banner {padding:1.6rem 3rem 27rem 3rem;}
    .wrap-minister .banner-text {padding:0;}
    .wrap-minister .banner-text strong {margin-bottom: 2rem;font-size: 3.5rem;}

}
/* [E] 장관과의 대화 */

/* [S] 상징물 */
.wrap-symbol1 {overflow:hidden;position: relative;border:.1rem solid #CED3D6;border-radius:1.2rem;text-align: center;}
.wrap-symbol1 .top {padding:4rem 2rem;}
.wrap-symbol1 .bottom {padding: 3.2rem 2rem;background:#EEF2F7;}
.wrap-symbol1 .bottom > div {justify-content: center;}
.wrap-symbol1 .gap2 {gap:1.6rem;}
@media screen and (max-width:550px) {
    .wrap-symbol1 .bottom > div {flex-direction: column;}
}
.wrap-symbol2 {position: relative;}
.wrap-symbol2 .frame {display: flex;align-items: center;}
.wrap-symbol2 .left-box {display: flex;align-items: center;justify-content: center;flex-shrink:0;width:31rem;min-height:27rem;margin-right: 1.5rem;background:#F5F5F5;border-radius:1.2rem;}
.wrap-symbol2 .right-box {width:100%;padding:0 4.5rem;}
.wrap-symbol2 .right-box ul {display: flex; align-items: center;justify-content: space-between;}
.wrap-symbol2 .right-box ul li {position: relative;display: flex;}
.wrap-symbol2 .right-box ul li.arrw {width:2.4rem;height:2.4rem;margin-bottom:4rem;background:url('../../images/sub/ic-symbol2plus.jpg') no-repeat center;}
.wrap-symbol2 .right-box .box {text-align: center;}
.wrap-symbol2 .right-box .box em {display: block;margin-top: 0.5rem;font-family: pbGOV;font-size: 2.1rem;text-align: center;color:#1d1d1d;}
.wrap-symbol2 .right-box p {margin-top: 3rem;font-family: prGOV; font-size: 1.7rem; color:#555;}
@media screen and (max-width:1200px) {
    .wrap-symbol2 .frame {flex-direction: column;}
    .wrap-symbol2 .left-box  {margin-bottom: 2rem;}
}
@media screen and (max-width:550px) {
    .wrap-symbol2 .right-box ul {flex-direction: column;}
    .wrap-symbol2 .right-box ul li.arrw {margin:2.4rem 0;}
    .wrap-symbol2 .right-box {padding:0;}
}
.wrap-symbol3 {position: relative;}
.wrap-symbol3 ul:not(.list) {display: flex;flex-wrap:wrap;gap:2.5rem;}
.wrap-symbol3 ul:not(.list) > li {width:calc((100% - 5rem) / 2);}
.wrap-symbol3 .box > div {min-height:10rem;border-radius:1.2rem;font-family: prGOV;font-size: 1.9rem;}
.wrap-symbol3 .box > div p {padding:1.8rem 2.4rem;}
.wrap-symbol3 .box > div span {margin-right: 0.5rem;font-family: pbGOV;}
.wrap-symbol3 .box .box-color1 {background:#C51426;color:#fff;}
.wrap-symbol3 .box .box-color2 {background:#F1E615;color:#212121;}
.wrap-symbol3 .box .box-color3 {background:#818282;color:#fff;}
.wrap-symbol3 .box .box-color4 {background:#fff;border:.1rem solid #CED3D6;color:#212121;}
.wrap-symbol3 .list {position: relative;margin-top: 2rem;margin-bottom: 0.8rem;padding:0 2.4rem;}
.wrap-symbol3 .list li {display: flex;margin-bottom: 0.5rem;font-family: prGOV;font-size: 1.7rem;color:#2d2d2d;}
.wrap-symbol3 .list li:last-child{margin-bottom: 0;}
.wrap-symbol3 .list strong {flex-shrink:0;display: inline-block;width:8rem;margin-right: 2.4rem;font-family: pbGOV;color:#1d1d1d;}
.wrap-symbol3 .list span {width:5.5rem;}
.wrap-symbol3 .text {margin-top: 2rem;padding:1.8rem 2.4rem;background:#EEF2F7;border-radius:1.2rem;font-family: prGOV;font-size: 1.7rem;color:#555;}
@media screen and (max-width:767px) {
    .wrap-symbol3 ul:not(.list) > li {width:100%;}
}
.wrap-symbol4 {position: relative;background:#F7F7F7;border-radius:1.2rem;}
.wrap-symbol4 ul {display: flex;flex-wrap:wrap;}
.wrap-symbol4 ul li {display: flex;align-items: center;justify-content: center;flex-grow:1;width:50%;min-height:16.4rem;padding:2rem;border-right:.1rem solid #E4E4E4;border-bottom:.1rem solid #E4E4E4;}
.wrap-symbol4 ul li:nth-child(2n) {border-right:0;}
.wrap-symbol4 ul li:last-child {border-bottom:0; border-right:0;}
.wrap-symbol4 ul li .addr {position: relative;align-self:end;padding-left:4rem;margin-left:4rem;}
.wrap-symbol4 ul li .addr::before {content:'';position: absolute;left:0;top:0;width:.1rem; height:100%;background:#555;}
.wrap-symbol4 ul li strong {font-family: pbGOV;font-size: 1.9rem;color:#1d1d1d;}
.wrap-symbol4 ul li p {font-family: pmGOV;font-size: 1.7rem;color:#555;}
@media screen and (max-width:1200px) {
    .wrap-symbol4 ul li .addr {padding-left: 0;margin-left:0;margin-top: 2rem;}
    .wrap-symbol4 ul li .addr::before {display: none;}
    .wrap-symbol4 ul li .df {flex-direction: column;}
}
@media screen and (max-width:1023px) {
    .wrap-symbol4 ul li .addr {margin-top:unset;margin-left:4rem;padding-left:4rem;}
    .wrap-symbol4 ul li .addr::before {display: block;}
    .wrap-symbol4 ul li .df {flex-direction: unset;}
}
@media screen and (max-width:767px) {
    .wrap-symbol4 ul li .addr {padding-left: 0;margin-left:0;margin-top: 2rem;}
    .wrap-symbol4 ul li .addr::before {display: none;}
    .wrap-symbol4 ul li .df {flex-direction: column;}
}
@media screen and (max-width:650px) {
    .wrap-symbol4 ul li {width:100%;min-height:unset;border-right:0 !important;}
}
.wrap-symbol5 {position: relative;padding:2.7rem 2.4rem;border:.1rem solid #CED3D6;}
.wrap-symbol5 .frame {display: flex;}
.wrap-symbol5 .img-box {flex-shrink: 0;}
.wrap-symbol5 p {font-family: prGOV;font-size: 1.7rem;color:#555;margin-left: 4rem;}
@media screen and (max-width:767px) {
    .wrap-symbol5 .frame {flex-direction: column;}
    .wrap-symbol5 p {margin-left:0;margin-top:2rem;}

}
/* [E] 상징물 */

/* [S] 국방운영목표 */
.wrap-plan {overflow:hidden;position: relative;border:.1rem solid #CED3D6;border-radius:1.2rem;text-align: center;}
.wrap-plan .top {padding:4rem 2rem;}
.wrap-plan .bottom {padding: 3.2rem 2rem;background:#EEF2F7;}
.wrap-plan .bottom > div {justify-content: center;}
.wrap-plan .gap2 {gap:1.6rem;}
@media screen and (max-width:550px) {
    .wrap-plan .bottom > div {flex-direction: column;}
}
/* [E] 국방운영목표 */

/* [S] 부품 국산화 개발 절차 */
.wrap-dev-procedure {position: relative;padding:6.4rem 5.5rem;border:.1rem solid #CED3D6;border-radius:1.2rem;--line-color:#999;}
.wrap-dev-procedure .box-inner {position: relative;z-index: 1;border-radius:.6rem; padding:1rem .5rem;}
.wrap-dev-procedure .top {position: relative; padding-bottom:4.5rem;}
.wrap-dev-procedure .top::after {content:'';clear:both;position: absolute;left:50%;top:5rem;width:.9rem;height:8.3rem;margin-left:-.3rem;background:url('../../images/sub/ic-dev-arrw3.png') no-repeat bottom;}
.wrap-dev-procedure .top-inner {position: relative;}
.wrap-dev-procedure .top-inner::before {content:'';position: absolute;top:50%;left:0;width:100%;height:.1rem;background:var(--line-color);}
.wrap-dev-procedure .top-inner::after {content:''; display: block; clear:both;}
.wrap-dev-procedure .top-inner > div {position: relative;width:50%; float:left;}
.wrap-dev-procedure .top-inner > div:first-child {padding-right:10.5rem;}
.wrap-dev-procedure .top-inner > div:first-child::after {content:'수시';position: absolute;right:0;top:0;display: flex;align-items: center;justify-content: center;width:10.5rem;height:100%;padding-bottom:2.5rem;font-family: prGOV;font-size: 1.5rem;color:#008CCA;}
.wrap-dev-procedure .top-inner > div:last-child {padding-left:10.5rem;}
.wrap-dev-procedure .top-inner > div:last-child::after {content:'수시';position: absolute;left:0;top:0;display: flex;align-items: center;justify-content: center;width:10.5rem;height:100%;padding-bottom:2.5rem;font-family: prGOV;font-size: 1.5rem;color:#008CCA;}
.wrap-dev-procedure .top .box-inner {display: flex;align-items: center;justify-content: center;flex-direction:column;height:10rem;background:#008CCA;color:#fff;}
.wrap-dev-procedure .bottom {clear:both;}
.wrap-dev-procedure .box strong {display: block;font-family: pbGOV;font-size: 1.9rem;text-align: center;}
.wrap-dev-procedure .box span {display: block;font-family: pmGOV;font-size: 1.7rem;}
.wrap-dev-procedure .line {position: relative;display: flex;justify-content:center;gap:0 8rem;padding-bottom: 4.4rem;margin-bottom:1.2rem;}
.wrap-dev-procedure .line::before {content:'';position: absolute;bottom:0;left:50%;width: 0.9rem;height:5.2rem;margin-left:-.3rem;background:url('../../images/sub/ic-dev-arrw1.png') no-repeat center;}
.wrap-dev-procedure .line:last-child {padding-bottom: 0;margin-bottom: 0;}
.wrap-dev-procedure .line:last-child::before {display: none;}
.wrap-dev-procedure .line.no-arrw {padding-bottom: 0;margin-bottom: 0;}
.wrap-dev-procedure .line.no-arrw .box::before {display: none;}
.wrap-dev-procedure .line.end {justify-content: end;}
.wrap-dev-procedure .line .box {position: relative;width:calc((100% - 16rem) / 3); text-align: center;}
.wrap-dev-procedure .line .box-inner {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height:5.6rem;background:#EEF2F7;}
.wrap-dev-procedure .line .box.color1 .box-inner {background:#008CCA;color:#fff;}
.wrap-dev-procedure .line .box.color2 .box-inner {background:#003675;color:#fff;}

.wrap-dev-procedure .line2 .box:first-child .box-inner::before {content:'개발 부적합';position: absolute;left:100%;top:0;display: flex;align-items: center;justify-content: center;width:8rem;height:100%;padding-bottom:3rem;font-family: prGOV;font-size: 1.5rem;color:#008CCA;}
.wrap-dev-procedure .line2 .box:first-child .box-inner::after {content:'개발승인';position: absolute;left:0;top:100%;display: flex;align-items: center;justify-content:end;width:50%;height:100%;padding-bottom:1.5rem;padding-right:1.2rem;font-family: prGOV;font-size: 1.5rem;text-align:right;color:#008CCA;}
.wrap-dev-procedure .line2 .box:first-child::before,
.wrap-dev-procedure .line7 .box:first-child::before {content:'';position: absolute;left:calc(100% - 1.1rem);top:50%;width:7.9rem;height:.9rem;margin-top:-.3rem;background:url('../../images/sub/ic-dev-arrw2.png') no-repeat center;}

.wrap-dev-procedure .line6 {position: relative;}
.wrap-dev-procedure .line6::after {content:'';position: absolute;left:50%;top:2.8rem;width:50%;height:.1rem;background:var(--line-color);}
.wrap-dev-procedure .line6 .box::before {content:'군사용 부적합';position: absolute;left:100%;top:0;display: flex;align-items: center;justify-content:end;width:100%;height:100%;padding-bottom:3rem;padding-right:2.5rem;font-family: prGOV;font-size: 1.5rem;text-align:right;color:#008CCA;}

.wrap-dev-procedure .line7 .box::before {content:'';position: absolute;left:50%;bottom:calc(100% + .6rem);width:.9rem;height:7.8rem;margin-left:-.4rem;background:url('../../images/sub/ic-dev-arrw3.png') no-repeat center bottom;}
.wrap-dev-procedure .line7 .box::after {content:'';position: absolute;top:calc(100% - 14rem);right:0;width:calc(50% - .1rem);height:.1rem;background:#fff;}
.wrap-dev-procedure .line7 .box:first-child .box-inner::before {content:'국산화 미달';position: absolute;left:100%;top:0;display: flex;align-items: center;justify-content: center;width:8rem;height:100%;padding-bottom:3rem;font-family: prGOV;font-size: 1.5rem;color:#008CCA;}
.wrap-dev-procedure .line10 {position: relative;margin-top:-5.6rem;}
.wrap-dev-procedure .line10::before {content:'';position: absolute;top:2.8rem;left:50%;display: block !important;width:calc((100% - 27rem) / 3);height:.9rem;margin-left:.1rem;margin-top:-.3rem;background:url('../../images/sub/ic-dev-arrw2-long.png') no-repeat right;}
@media screen and (max-width:1300px) {
    .wrap-dev-procedure {padding:2rem;}
    .wrap-dev-procedure .line6 .box::before {padding-right:0;}
    .wrap-dev-procedure .box strong {font-size: 1.7rem;}
    .wrap-dev-procedure .box span {font-size: 1.5rem;}
}
@media screen and (max-width:1023px) {
    .wrap-dev-procedure .line10::before {width:calc((100% - 42rem) / 3);}
}
@media screen and (max-width:767px) {
    .wrap-dev-procedure .top-inner > div:first-child {padding-right:5.5rem;}
    .wrap-dev-procedure .top-inner > div:first-child::after {width:5.5rem;}
    .wrap-dev-procedure .top-inner > div:last-child {padding-left:5.5rem;}
    .wrap-dev-procedure .top-inner > div:last-child::after {width:5.5rem;}
    .wrap-dev-procedure .line10::before {width:calc((100% - 24rem) / 3)}
    .wrap-dev-procedure .line {justify-content: start;}
    .wrap-dev-procedure .line.end {justify-content: start;}
    .wrap-dev-procedure .line::before {width:calc(50% - 4rem); left:0;}
    .wrap-dev-procedure .line .box {width:calc(50% - 4rem);}
    .wrap-dev-procedure .line1 .box {width:100%;}
    .wrap-dev-procedure .line6::after {left:0;width:100%;}
    .wrap-dev-procedure .line.line10.end {justify-content: end;}
    .wrap-dev-procedure .line10::before {left:calc(25% - 2.4rem);width:17.3rem;}
}
@media screen and (max-width:600px) {
    .wrap-dev-procedure .line10::before {width:31%;}
}
/* [E] 부품 국산화 개발 절차 */ 

/* [S] 이미지 박스 - 국가동원 */
.wrap-img {overflow:hidden; border:.1rem solid #CED3D6; border-radius:1.2rem;}
/* [E] 이미지 박스 - 국가동원 */

/* [S] 단순 이미지 박스 - 군법무관 선발, 세계속의 한국군 - 개요 */
.simple-img-box a {position: relative; display: inline-block;}
/* .simple-img-box a:focus {outline:unset; box-shadow: unset;} */
/* .simple-img-box a:focus::after {content:''; position: absolute; left:0; top:0; width:100%; height: 100%; border:0.4rem solid #256ef4} */
a[data-fancybox="gallery"] {position: relative; display: inline-block;}
a[data-fancybox="gallery"]:focus {outline:unset; box-shadow: unset;}
a[data-fancybox="gallery"]:focus::after {content:''; position: absolute; left:0; top:0; width:100%; height: 100%; border:0.4rem solid #256ef4;}
.simple-box i {display: block; margin:2.5rem 0;}
/* [E] 단순 이미지 박스 - 군법무관 선발, 세계속의 한국군 - 개요 */

/* [S] 장기 군법무관 */
.wrap-introduce {position: relative; padding:4rem; background:#EDF1F6 url('../../images/sub/bg-introduce.jpg') no-repeat bottom center / cover; border-radius:1.2rem; }
.wrap-introduce h2 {margin-bottom:2.2rem; font-family: pbGOV; font-size: 3rem; text-align: center; color:#033674;}
.wrap-introduce .point {padding:2rem 2.4rem 1.8rem 2.4rem; margin-bottom: 2.8rem; background:#0A65CD; border-radius:0.6rem;}
.wrap-introduce .point p {font-family: pmGOV; font-size: 1.9rem; word-break: break-all; color:#fff;}
.wrap-introduce .text p {font-family: pmGOV; font-size: 1.7rem; color:#545454;}
.wrap-introduce .text p i {display: block; margin:4rem 0;} 
.wrap-introduce .introduce-footer {position: relative; text-align:right;}
.wrap-introduce .introduce-footer > * {display: block;}
.wrap-introduce .introduce-footer span {margin-bottom: 0.4rem; font-family: pmGOV ;font-size: 1.9rem; color:#202020;}
.wrap-introduce .introduce-footer strong {font-family: pmGOV; font-size: 1.9rem; color:#0A65CD;}
@media screen and (max-width:767px) {
    .wrap-introduce {padding:3rem 2rem;}
}
/* [E] 장기 군법무관 */

/* [S] 군수품 상용화 절차 */
.wrap-procedure2 {position: relative; padding:6.4rem 5.5rem; border:1px solid #CED3D6; border-radius:1.2rem;}
.wrap-procedure2 .line {display: flex; justify-content: start; width:100%;}
.wrap-procedure2 .line:last-child .box-inner {margin-bottom: 0;}
.wrap-procedure2 .line.side {transform: translateY(calc(-100% - 1rem));}
.wrap-procedure2 .line.end {justify-content: end;margin-top:-4rem;}
.wrap-procedure2 .line.end .box {position: relative; width:calc((100% / 2) - .3rem); padding-left:13.3rem;}
.wrap-procedure2 .line.end .box::before {content:''; position: absolute; top:50%; right:0; left:unset; width:calc(100% - 2.3rem); height:0.9rem; margin-top:-.3rem; margin-left:-.3rem; background:linear-gradient(#999, #999) left center / 100% 1px no-repeat, url('../../images/sub/ic-arrw-head2.png') no-repeat left center}
.wrap-procedure2 .line.end .box-inner {position: relative; z-index: 1; background: #F1F1F1;  min-height:8rem; margin:-2rem 0;}
.wrap-procedure2 .line.end .box-inner::before {display: none;}
.wrap-procedure2 .line .box {width:calc((100% / 2) + .3rem);}
.wrap-procedure2 .line .box-inner {position: relative; display: flex; align-items: center; justify-content: center; min-height:5.6rem; padding:.5rem 1rem; margin-bottom:4rem; background:#EEF2F7; border-radius:0.6rem; text-align: center;}
.wrap-procedure2 .line .box-inner::before {content:''; position: absolute; top:100%; left:50%; width:.9rem; height:2.8rem; margin-left:-.3rem; background:linear-gradient(#999, #999) center top / 1px 100% no-repeat, url('../../images/sub/ic-arrw-head1.png') no-repeat bottom center}
.wrap-procedure2 .line:last-child .box-inner::before {display: none;}
.wrap-procedure2 .line.color .box-inner {background:#008CCA;}
.wrap-procedure2 .box strong {font-family: pbGOV; font-size: 1.9rem; color:#212121;}
.wrap-procedure2 .line.color .box strong {color:#fff;}
.wrap-procedure2 .box strong span {font-family: pmGOV; font-size: 1.7rem;}
.wrap-procedure2 .box strong span.block {display:block;}
@media screen and (max-width:1300px) {
    .wrap-procedure2 .box strong span {display: block;}
}
@media screen and (max-width:767px) {
    .wrap-procedure2 {padding:3rem;}
    .wrap-procedure2 .line.end .box {padding-left: 6.3rem;}
}
@media screen and (max-width:600px) {
    .wrap-procedure2 .line.end .box {padding-left:1.3rem;}
    .wrap-procedure2 .line.side .box {padding-left:4rem;}
    
    .wrap-procedure2 .line.end .box::before {width:140%}
    .wrap-procedure2 .line.side .box::before {width:95%;}
}
/* [E] 군수품 상용화 절차 */

/* [S] 중기계획 시험평가 */
.wrap-midp {position: relative; padding:6.4rem 5.2rem 8.8rem 5.2rem; border:.1rem solid #CED3D6; border-radius:1.2rem; }
.wrap-midp .line {display: flex;gap:6.4rem;}
.wrap-midp .line:first-child {padding-bottom: 5.2rem; border-bottom:.2rem solid #003675;}
.wrap-midp .line:last-child {padding-top: 5rem;}
.wrap-midp .line .box {position: relative; flex:1; display: flex; align-items: center; justify-content: center; min-height:8rem; padding:.5rem; background:#EEF2F7; border-radius:1.2rem; text-align: center;}
.wrap-midp .line .box.color1 {background:#003675;}
.wrap-midp .line .box::after {content:''; position: absolute; left:100%; width:6.4rem; height:100%; background:url('../../images/sub/ic-midp-arrw.png') no-repeat center;}
.wrap-midp .line .box span {content:''; position: absolute; left:50%; top:100%; width:calc(100% + 2rem); margin-top:.8rem; font-family: prGOV; font-size: 1.7rem; color:#555; transform: translateX(-50%);}
.wrap-midp .line .box strong {font-family:pmGOV; font-size: 1.9rem; color:#212121; } 
.wrap-midp .line .box.color1 strong {color:#fff;}
.wrap-midp .line .box.box3::after {top:50%; width:2.5rem; height:9.4rem; background:none; border-top:.2rem solid #003675; border-right:.2rem solid #003675; border-bottom:.2rem solid #003675;}
.wrap-midp .line .box6::after {display: none;}
.wrap-midp .line .box3 .box-inner::before {content:''; position: absolute; left:100%; top:50%; z-index: 1; width:calc(2.5rem / 2); height:.2rem; background:#fff; }
.wrap-midp .line .box4 .box-inner::before {content:''; position: absolute; left:-.1rem; top:-5.3rem; z-index: 1; width:50%; height:.5rem; background:#fff;}
.wrap-midp .line .box4 .box-inner::after {content:''; position: absolute; left:50%; top:-5.2rem; z-index: 1; width:1rem; height:4rem; margin-left:-.5rem; background:linear-gradient(#003675, #003675) center top / .2rem 100% no-repeat, url('../../images/sub/ic-midp-arrw-head.png') no-repeat bottom center;}

.wrap-midp.type2 .line {padding:0; border-bottom:unset;}
.wrap-midp.type2 .box.box3::after {content:''; position: absolute; left:100%; top:0; width:6.4rem; height:100%; background:url('../../images/sub/ic-midp-arrw.png') no-repeat center; border:unset;} 
.wrap-midp.type2 .box:last-child::after {display: none;}
.wrap-midp.type2 .line .box4 .box-inner::after {display: none;}

@media screen and (max-width:1200px) {
    .wrap-midp.type2 .line {flex-wrap:wrap;}
    .wrap-midp.type2 .line .box {width:100%; flex:unset; margin-bottom:4rem;}
    .wrap-midp.type2 .line .box br {display: none;}
    .wrap-midp.type2 .line .box:last-child {margin-bottom: 0;}
    .wrap-midp.type2 .line .box::after {left:50%; top:calc(100% + 2rem); margin-left:-3.2rem; transform: rotate(90deg);}
}

@media screen and (max-width:767px) {
    .wrap-midp {padding:3rem 4rem 6rem 3rem;}
}
@media screen and (max-width:600px) {
    .wrap-midp .line {gap:4rem;}
    .wrap-midp .line .box::after {width:4rem;}
    .wrap-midp .line .box strong {font-size: 1.5rem; display: inline-block;}
    .wrap-midp .line .box.box3::after {width:1.5rem;}
    .wrap-midp .line .box3 .box-inner::before {display: none;}

    .wrap-midp.type2 .line .box::after {top:calc(100% + 1rem); margin-left:-2rem;}
    .wrap-midp.type2 .line .box.box3::after {width:4rem;}
}

@media screen and (max-width:500px) {
    .wrap-midp {padding:3rem;}
    .wrap-midp .line {flex-direction: column;}
    .wrap-midp .line:first-child { padding-bottom: 4rem; border-bottom:0;}
    .wrap-midp .line:last-child {padding-top: 0;}
    .wrap-midp .line .box {margin-bottom:5rem;}
    /* .wrap-midp .line .box.box3::after {display: none;} */
    .wrap-midp .line .box.box3::after { top:calc(100% + 1rem); width:4rem; background:url('../../images/sub/ic-midp-arrw.png') no-repeat center; border:unset;}
    .wrap-midp .line .box4 .box-inner::after {display: none;}
    .wrap-midp .line .box4 .box-inner::before {display: none;}
    .wrap-midp .line .box {width:100%; flex:unset; margin-bottom:4rem;}
    .wrap-midp .line .box br {display: none;}
    /* .wrap-midp .line .box:last-child {margin-bottom: 0;} */
    .wrap-midp .line .box::after {left:50%; top:calc(100% + 1rem); margin-left:-2rem; transform: rotate(90deg);}
}
/* [E] 중기계획 시험평가 */

/* [S] 자기개발 */
.wrap-self-dev {position: relative; padding:3.2rem; border:.1rem solid #CED3D6; border-radius:1.2rem;}
.wrap-self-dev .frame {display: flex;}
.wrap-self-dev .left {position: relative; width:calc(100% - 22.7rem); padding-right:14.4rem;}
.wrap-self-dev .left::after {content:''; position: absolute; right: 0; top: 0; width:14.4rem; height:100%; background:url('../../images/sub/bg-self-arrw.png') no-repeat center;}
.wrap-self-dev ul li {display: flex; align-items: center; justify-content: center; min-height: 6.4rem; margin-bottom: 2.4rem; padding:.5rem; border-radius:.6rem; font-family: prGOV; font-size: 1.7rem; text-align: center; color:#fff;}
.wrap-self-dev ul li span {font-family: pbGOV; color:#fff;}
.wrap-self-dev ul li:last-child {margin-bottom: 0;}
.wrap-self-dev ul li:nth-child(1) {background: #0876C0;}
.wrap-self-dev ul li:nth-child(2) {background: #20629E;}
.wrap-self-dev ul li:nth-child(3) {background: #004685;}
.wrap-self-dev ul li:nth-child(4) {background: #003675;}
.wrap-self-dev .right {display: flex; align-items: center; justify-content: center; flex-direction: column; width:22.7rem; background:#EEF2F7; border-radius:.6rem; text-align: center;}
.wrap-self-dev .right strong {font-family: pbGOV; font-size: 1.9rem; color:#212121;}
.wrap-self-dev .right span {margin-top:2rem; font-family: pbGOV; font-size: 1.9rem; color:#246BEB;}
@media screen and (max-width:1300px) {
    .wrap-self-dev .left {width:calc(100% - 20rem); padding-right:12rem;}
    .wrap-self-dev .left::after {width:12rem;}
    .wrap-self-dev ul li span {display: block;}
    .wrap-self-dev .right {width:20rem;}
}
@media screen and (max-width:700px) {
    .wrap-self-dev .frame {flex-direction: column;}
    .wrap-self-dev .left {width:100%; padding-right:0; margin-bottom: 9rem;}
    .wrap-self-dev .left::after {top:unset; left:0; width:9rem; left:50%; top:100%; transform: rotate(90deg) translateY(-50%); transform-origin: top left; }
    .wrap-self-dev .right {width:100%; padding:2rem 0;}
}
/* [E] 자기개발 */

/* [S] 급식,피복 장구 */
.wrap-what-food {position: relative;}
.wrap-what-food .food-inner {margin-bottom:5.6rem; padding:3.2rem 3.3rem; background:#EEF2F7; border-radius:1.2rem; text-align: center;}
.wrap-what-food .food-inner.arrw::before {content:''; position: absolute; top:100%; left:50%; width: 5.6rem; height:5.6rem; margin-left:calc(-5.6rem / 2); background:url('../../images/sub/ic-food-arrw.png') no-repeat center;}
.wrap-what-food .label {display: block; margin-bottom: 2.4rem; font-family: pbGOV; font-size: 2.4rem; color:#246BEB;}
.wrap-what-food .box-wrap {display: flex;}
.wrap-what-food .box-wrap > li {display: flex; width:50%;}
.wrap-what-food .box-wrap > li:first-child {padding-right:3.3rem;}
.wrap-what-food .box-wrap > li:last-child {padding-left:3.3rem; border-left:.1rem solid #CEDCED;}
.wrap-what-food .box {display: inline-flex; flex-direction:column; text-align:left;}
.wrap-what-food .box .title {font-family: pbGOV; font-size: 1.9rem; color:#1D1D1D;}
.wrap-what-food .list {flex:1;}
.wrap-what-food .list li {position: relative; margin-bottom: 0.5rem; padding-left:1.6rem; font-family: prGOV; font-size: 1.7rem; color:#555;}
.wrap-what-food .list li::before {content:''; position: absolute; left:0; top:.9rem; width:.6rem; height:.6rem; background:#717171;}
.wrap-what-food .img-box {margin-top: 1rem;}
.wrap-what-food .img-box img {overflow:hidden; display: inline-block; border-radius:1.2rem;}

.wrap-what-food .two-line {display: flex; gap:5.6rem;}
.wrap-what-food .two-line .food-inner {position: relative; width:50%; margin-bottom: 0;}
.wrap-what-food .two-line .food-inner.arrw::before {top:unset; bottom:100%;}
.wrap-what-food .two-line .food-inner.left-arrw::before {content:''; position: absolute; right:100%; top:50%; width: 5.6rem; height:5.6rem; margin-top:calc(-5.6rem / 2); background:url('../../images/sub/ic-food-arrw.png') no-repeat center; transform: rotate(-90deg);}

@media screen and (max-width:600px) {
    .wrap-what-food .box-wrap {flex-direction: column;}
    .wrap-what-food .box-wrap > li {width:100%; padding:0 !important; border:0 !important; margin-bottom: 2rem;}
    .wrap-what-food .box-wrap > li:last-child {margin-bottom: 0;}

    .wrap-what-food .two-line {flex-direction: column;}
    .wrap-what-food .two-line .food-inner {width:100%;}
    .wrap-what-food .two-line .food-inner.left-arrw::before {right:unset; left:50%; top:unset; bottom:100%; margin-top:unset; margin-left:calc(-5.6rem / 2); transform: unset;}
}
/* [E] 급식,피복 장구 */

/* [S] 장병내일준비적금 */
.wrap-money {position: relative; padding:1.6rem 2.4rem; border:.1rem solid #CED3D6; border-radius:1.2rem;}
.wrap-money .frame {position: relative;}
.wrap-money .frame > ul > li:first-child {padding-bottom:3.2rem; margin-bottom:4.2rem; border-bottom:.1rem solid #DFDFDF;}
.wrap-money .title {text-align: center; margin-bottom: 3.2rem;}
.wrap-money .title strong {display: inline-flex; align-items: center; justify-content: center; min-height:4rem; padding:.5rem 1.8rem; background:#003675; border-radius:0.6rem; font-family: pbGOV; font-size: 1.7rem; text-align: center; color:#fff;}
.wrap-money .box {display: flex; align-items: center;}
.wrap-money .left {position: relative; width:25rem;}
.wrap-money .list > li {position: relative; padding-left:1.6rem; }
.wrap-money .list > li::before {content:''; position: absolute; left:0; top:0.9rem; width:.6rem; height:.6rem; background:#717171;}
.wrap-money .list > li span {position: relative; border-bottom:.2rem solid #2d2d2d; font-family: pbGOV; font-size: 1.7rem; color:#2D2D2D;}
.wrap-money .list2 {margin:1.2rem 0;}
.wrap-money .list2 > li {position: relative; margin-bottom:.5rem; padding-left:1.5rem; font-family: prGOV; font-size: 1.7rem; color:#555;}
.wrap-money .list2 > li:last-child {margin-bottom: 0;}
.wrap-money .list2 > li::before {content: ''; position: absolute; left:0; top:1.1rem; width:.7rem; height:.2rem; background:#717171;}
.wrap-money .right {flex:1; display: flex; justify-content: space-between; gap:0 4.8rem; padding-left:5.5rem; margin-left:3rem; background:url('../../images/sub/ic-par.png') no-repeat left center;}
.wrap-money .text {display: flex; align-items: center; justify-content: center; height:12rem; border-radius:.6rem; font-family: prGOV; font-size: 1.9rem; text-align: center; color:#fff;}
.wrap-money .text.color1 {background: #0876C0; width:12rem;}
.wrap-money .text.color2 {background: #20629E; width:16rem;}
.wrap-money .text.color3 {background: #004685; width:16rem;}
.wrap-money .text span {display: block; font-family: pbGOV;}
@media screen and (max-width:1300px) {
    .wrap-money .frame > ul {display: flex; gap:3rem; }
    .wrap-money .frame > ul > li {display: flex; flex-direction:column; width:50%;}
    .wrap-money .frame > ul > li:first-child {padding-bottom: 0; margin-bottom: 0; border:0;}
    .wrap-money .box {flex:1; flex-direction: column; align-items: unset;}
    .wrap-money .left {width:100%; flex:1;}
    .wrap-money .right {flex-direction: column; gap:3rem; padding:0; margin:0; background:none;} 
    .wrap-money .text {width:100% !important;}
}
@media screen and (max-width:767px) {
    .wrap-money .right {gap:1rem;}
}
@media screen and (max-width:550px) {
    .wrap-money .frame > ul {flex-wrap:wrap;}
    .wrap-money .frame > ul > li {width:100%;}
}
/* [E] 장병내일준비적금 */


/* [S] 18~'22 군인복지기본계획 */
.wrap-welfare {position: relative;}
.wrap-welfare .box {display: flex; margin-bottom: 2.4rem;} 
.wrap-welfare .box:last-child {margin-bottom: 0;}
.wrap-welfare .title {display: flex; align-items: center; justify-content: center; width:26.51%; padding:1rem; border-radius:.6rem; font-family: pbGOV; font-size: 1.9rem; line-height: 3rem; text-align: center; color:#fff;}
.wrap-welfare .con {position: relative; width:calc(100% - 26.51%); padding-left:4.8rem;}
.wrap-welfare .con::before {content:''; position: absolute; left:0; top:0; width:4.8rem; height:100%;}
.wrap-welfare .box1 .title {background:#0876C0;}
.wrap-welfare .box1 .con::before {background:url('../../images/sub/ic-welfare-dot1.png') no-repeat center;}
.wrap-welfare .box1 .con p { padding:1.5rem 1rem; border:.2rem solid #0876C0; border-radius:.6rem; font-family: ppmGOV; font-size: 1.7rem; line-height: 3rem; text-align: center; color:#0876C0;}
.wrap-welfare .box2 .title {background: #20629E;}
.wrap-welfare .box2 .title span {display: block; width:10.1rem; height:5.3rem; margin:1rem 0 0.5rem 0; background:url('../../images/sub/img-welfare-arrw.png') no-repeat center; text-indent: -9999rem;}
.wrap-welfare .box2 .con::before {background:url('../../images/sub/ic-welfare-dot2.png') no-repeat center;}
.wrap-welfare .box2 .con > ul {display: flex; gap: 0 1.6rem; text-align: center;}
.wrap-welfare .box2 .con > ul > li {flex:1; padding:1.6rem 0 1rem 0; border:.2rem solid #20629E; border-radius:.6rem;}
.wrap-welfare .box2 .con p {padding-bottom: 3rem; background:url('../../images/sub/img-welfare-arrw2.png') no-repeat bottom center; font-family: pbGOV; font-size: 1.7rem; text-align: center; color:#20629E; }
.wrap-welfare .box2 .list {display: inline-block; margin-top:1rem;}
.wrap-welfare .box2 .list li {position:relative; padding-left:1.6rem; margin-bottom:.5rem; font-family: prGOV; font-size: 1.7rem; text-align:left; color:#555;}
.wrap-welfare .box2 .list li::before {content:''; position:absolute; left:0; top:.9rem; width:.6rem; height:.6rem; background:#717171;}
.wrap-welfare .box3 .title {background: #004685;}
.wrap-welfare .box3 .con::before {background:url('../../images/sub/ic-welfare-dot3.png') no-repeat center;}
.wrap-welfare .box3 .con strong {display: flex; align-items: center; justify-content: center; min-height:5.6rem; padding:.5rem; background:#C9E6F9; border-radius:.6rem; font-family: pbGOV; font-size: 1.7rem; text-align: center; color:#004685;}
.wrap-welfare .box3 .con > ul {display: flex; gap:1.6rem;}
.wrap-welfare .box3 .con li p {display: flex; align-items: center; justify-content: center; min-height:12rem; padding:.5rem; margin-top:.8rem; border:.1rem solid #CED3D6; border-radius:.6rem; font-family: prGOV; font-size: 1.7rem; line-height: 2.4rem; text-align: center; color:#555;}
@media screen and (max-width:767px) {
    .wrap-welfare .box2 .con > ul {flex-wrap:wrap;}
    .wrap-welfare .box2 .con > ul > li {flex:unset; width:100%; margin-bottom: 2.4rem;}
    .wrap-welfare .box2 .con > ul > li:last-child {margin-bottom: 0;}
    .wrap-welfare .box3 .con > ul {flex-wrap:wrap;}
    .wrap-welfare .box3 .con > ul > li {width:100%;}
}
/* [E] 18~'22 군인복지기본계획 */

/* [S] 자주묻는질문 */
.wrap-row-hist {position: relative;}
.wrap-row-hist .frame > ul {display: flex; flex-wrap:wrap; gap:2.4rem;}
.wrap-row-hist .frame > ul > li {overflow:hidden; width:calc((100% - 4.8rem) / 3); border:.1rem solid #CED3D6; border-radius:1.2rem;}
.wrap-row-hist .box {display: flex; flex-direction:column; height:100%; padding-top: 3.6rem; text-align: center;}
.wrap-row-hist .box .thumb{position: relative; display: inline-block; width: 13rem; height: 13rem; margin:0 auto;}
.wrap-row-hist .box .thumb img {width: 100%; height: 100%; object-fit: cover;}
.wrap-row-hist .box .thumb::before {content:''; position: absolute; left:-1.4rem; top:-1.4rem; width:12.6rem; height:12.4rem; background:url('../../images/sub/obj-row.png') no-repeat center;}
.wrap-row-hist .box strong {padding:1rem 0 2rem 0; font-family: pbGOV; font-size: 1.9rem; color:#212121;}
.wrap-row-hist .pf {flex:1;}
.wrap-row-hist .pf .list {height:100%; text-align:left; padding:2rem 1.6rem 1.4rem 1.8rem; background:#F3F5FA;}
.wrap-row-hist .pf .list > li {position: relative; padding-left:1.6rem; margin-bottom:.5rem; font-family: prGOV; font-size: 1.7rem; word-break: keep-all; color:#555;}
.wrap-row-hist .pf .list > li:last-child {margin-bottom: 0;}
.wrap-row-hist .pf .list > li::before {content:''; position: absolute; left:0; top:.9rem; width:.6rem; height:.6rem; background:#717171;}
@media screen and (max-width:1200px) {
    .wrap-row-hist .frame > ul > li {width:calc((100% - 2.4rem) / 2);}
}
@media screen and (max-width:500px) {
    .wrap-row-hist .frame > ul > li {width:100%;}
}
/* [E] 자주묻는질문 */

/* [S] 군법무관 복지 혜택 */
.wrap-row-welfare {position: relative; padding:2rem 2.6rem; border:.1rem solid #CED3D6; border-radius:1.2rem;}
.wrap-row-welfare ul {display: flex; justify-content: center; gap:3.3rem;}
.wrap-row-welfare li {text-align: center;}
.wrap-row-welfare a {display: block;}
.wrap-row-welfare strong {font-family: pmGOV; font-size: 1.7rem; color:#212121;}
@media screen and (max-width:767px) {
    .wrap-row-welfare ul {flex-wrap:wrap; gap:2rem;}
    .wrap-row-welfare ul li {width:calc((100% - 2rem) / 2);}
}
/* [E] 군법무관 복지 혜택 */

/* [S] 법무병과/법무실 구성 */
.warp-ins {position: relative; border:.1rem solid #CED3D6; border-radius:1.2rem;}
.warp-ins ul {display: flex; justify-content: center; gap: 5.5rem; padding:3rem 0 4rem 0;}
.warp-ins a {display: block;}
.warp-ins strong {display: block; margin-top: 1rem; font-family: pmGOV; font-size: 1.7rem; color:#212121;}
@media screen and (max-width:650px) {
    .warp-ins ul {flex-wrap:wrap;}
    .warp-ins li {width:100%; text-align: center;}
}
/* 구성 */
.wrap-row-org {position: relative;}
.wrap-row-org .frame {display: flex; gap:2.4rem; }
.wrap-row-org .frame > div {width:calc((100% - 2.4rem) / 2); padding:2.4rem; padding-right:6.8rem; background:#EEF2F7; border-radius:1.2rem;}
.wrap-row-org .line {position: relative; display: flex; align-items: center; gap:0 .8rem; padding-bottom: 2.4rem;}
.wrap-row-org .line2 {padding-left: 0.4rem; margin-bottom: 2.4rem; padding-bottom:0}
.wrap-row-org .line.end {padding-left:12.2rem;}
.wrap-row-org .line:last-child {margin-bottom: 0;}
.wrap-row-org .box {position: relative; display: flex; align-items: center; justify-content: center; width:12rem; min-height:4rem; background:#fff; border:.2rem solid #246BEB; border-radius:.6rem; font-family: pbGOV; font-size: 1.7rem; text-align: center; color:#246BEB;}
.wrap-row-org .box strong {display: inline-block; padding:0 1rem; line-height: 2rem;}
.wrap-row-org .box2 {width:11rem; min-height:6rem; border:none; font-family: prGOV;}
.wrap-row-org .org-inner {position: relative; display: inline-flex; flex-direction: column; height:100%;}
.wrap-row-org .org-inner::before {content:''; position: absolute; left:6rem; width:0.05rem; height:100%; background:#212121;}

.wrap-row-org .org1 .line2::before {content:''; position: absolute; right:0; top:50%; width:calc(100% - 6rem); height:0.05rem; background:#212121;}
.wrap-row-org .org2 .box {border-color:#003675;}
.wrap-row-org .org2 .box strong { color:#003675;}
.wrap-row-org .org2 .line2::before {content:''; position: absolute; right:0; top:50%; width:calc(100% - 6rem); height:0.05rem; background:#212121;}
.wrap-row-org .org2 .line2 .box::before {content:''; position: absolute; left:100%; top:50%; width:120%; height:.5rem; background:#EEF2F7;}
.wrap-row-org .org2 .line2:last-child .box::before {display: none;}
@media screen and (max-width:1200px) {
    .wrap-row-org .frame {flex-direction: column;}
    .wrap-row-org .frame > div {width:100%; padding:2.4rem; text-align: center;}
}
/* [E] 법무병과/법무실 구성 */

/* [S] 청탁금지법 위반 신고 관련 잦은 문의 */
.wrap-aco {position: relative;}
.wrap-aco li {margin-bottom: 1rem;}
.wrap-aco li:last-child {margin-bottom: 0;}
.wrap-aco li .q a {position: relative; display: flex; align-items: center; min-height:8rem; padding:1.5rem 3rem; border:1px solid #CDD2D5;}
.wrap-aco li .q a:focus {outline:unset; box-shadow: inset 0 0 0 4px #286be9;}
.wrap-aco li .q a::after {content:''; position: absolute; right:3rem; top:50%; width:2.6rem; height:2.6rem; margin-top:-1.3rem; background:url('../../images/sub/ic-aco-arrw.png') no-repeat center; transform: rotate(180deg); transition:transform .3s;}
.wrap-aco li .q a.on::after {transform: rotate(0deg);}
.wrap-aco li .q p {position: relative; display: flex; width:100%; padding-right:3rem; font-family: pmGOV; font-size: 1.9rem; color:#202020;}
.wrap-aco li .q p::before {content:'Q'; display: inline-block; align-self: start; margin-right:1.4rem; font-family: pbGOV; font-size: 2.4rem; line-height: 1.1; color:#1C1C1C;}
.wrap-aco li .q a:hover p {color:#286BE9;}
.wrap-aco li .q span i{display:inline; background-image: linear-gradient(#286BE9, #286BE9); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s !important;}
.wrap-aco li .q a:hover p span i{background-size:100% 1px}

.wrap-aco li .a {overflow:hidden; background:#F2F4F9; max-height:0rem; transition:max-height 1s;}
.wrap-aco li .a.on {overflow-y:auto; max-height:50rem;}
.wrap-aco li .a p {position: relative; display: flex; padding:2.6rem 3rem; font-family: prGOV; font-size: 1.7rem; color:#454B52;}
.wrap-aco li .a p::before {content:'A'; display: inline-block; align-self: start; margin-right: 1.4rem; font-family: pbGOV; font-size: 2.4rem; line-height: 1; color:#286BE9;}


/* [E] 청탁금지법 위반 신고 관련 잦은 문의 */