@charset "utf-8";

._fnctWrap{line-height: 1.5;}
.board-view2,
.board-write2,
.board-list2{background-color: white;}
.album-list2{margin-top: 10rem;}

/* [S] 목록 있을 때 상세페이지 간격 주기 */
.listOtY {margin-bottom: 4rem;}
/* [E] 목록 있을 때 상세페이지 간격 주기 */


/* [S] 유튜브 */
.view .youtube_view {position: relative; display: block; width: auto; height: 0; margin: 0; padding-bottom: 56.25%; background: none; border: none;}
.view .youtube_view iframe {position: absolute; display: block; width: 100%; height: 100%; margin: 0; padding: 0; background: none; border: none; left: 0; top: 0;}
.view .att-img {margin-top: 5rem;}
.view .lyric {margin-top: 5rem; padding: 3rem; background: #fafafa; border-radius: 1rem; font-size: 1.8rem; line-height: 2.4rem}
/* [E] 유튜브 */

/* [S] 카테고리 */
.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;}
.cate > ul{gap: 2rem 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: 1rem 3rem;}
}
/* [E] 카테고리 */

/* [S] 말머리 */
.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;}
}
/* [E] 말머리 */

/* [S] 검색 */
.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/mil/ic-search-arrow.png) no-repeat right 1.9rem center; padding: 1.05rem 1.9rem; height: 4.8rem; line-height: normal;}
.srch_box .board-serch .search-box{width: calc(100% - 26.1rem); position: relative; flex-grow:1; padding: 0;}
.srch_box .board-serch .search-box #findWord,
.srch_box .board-serch .search-box #searchWord{width: 100%; border: .1rem solid #58616a; border-radius: .5rem; font-family: prGov; padding: 1.3rem 1.6rem; font-size: 1.7rem; color: #1d1d1d; height: auto; line-height: normal;}
.srch_box .board-serch .search-box #findWord::-webkit-input-placeholder,
.srch_box .board-serch .search-box #searchWord::-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/mil/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/mil/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/mil/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/mil/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/mil/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;}
}
/* [E] 검색 */

/* [S] 페이징 */
._paging {margin-top: 5rem;}
._paging ._inner{display: flex; justify-content: center; align-items: center;}
/* ._paging ._inner ._first,
._paging ._inner ._last{display: none;} */
._paging ._inner ._pageState{display: none;}
._paging ._inner > ul{display: flex; flex-wrap: wrap; margin: 0 1.7rem; gap: .8rem}
._paging ._inner > ul > li{width: 4rem; height: 4rem; border-radius: .5rem; overflow: hidden;}
._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; border: 0;}
._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;}
._paging ._inner ._next,
._paging ._inner ._prev {display:none;}
._paging ._inner ._last,
._paging ._inner ._first {width:4rem; height: 100%; line-height: 4rem; text-align: center; font-size: 1.7rem; color: #3d4148; font-family: prGov;}
._paging ._inner ._first {position:relative; margin-left:1rem; margin-right:3rem;}
._paging ._inner ._first::before {content:'...'; position:absolute; left:100%; top:50%; display:flex; align-items:center; justify-content:center; width:100%; margin-top:-1rem; line-height:1rem; color:#bbb;}
._paging ._inner ._last {position:relative; margin-right:1rem; margin-left:3rem;}
._paging ._inner ._last::before {content:'...'; position:absolute; right:100%; top:50%; display:flex; align-items:center; justify-content:center; width:100%; margin-top:-1rem; line-height:1rem; color:#bbb;}
._paging ._inner ._listPrev{position: relative; font-size: 0; padding-left: 1.4rem; background: url(../images/mil/ic-page-prev.png) no-repeat left top .6rem;}
._paging ._inner ._listPrev::before{content:"이전"; color: #555555; font-size: 1.7rem; font-family: prGov;}
._paging ._inner ._listNext{position: relative; font-size: 0; padding-right: 1.4rem; background: url(../images/mil/ic-page-next.png) no-repeat right top .6rem;}
._paging ._inner ._listNext::before{content:"다음"; color: #555555; font-size: 1.7rem; font-family: prGov;}
@media screen and (max-width:768px) {
	._paging ._inner > ul {display:none;}
	._paging ._inner ._curPage {color:#256ef4;}
	._paging ._inner ._curPage::after {content:'/'; display:inline-block; margin:0 0.5rem; font-size:1.7rem; color:#3d4148;}
	._paging ._inner ._pageState {display:block; flex:1; text-align:center;}
	._paging ._inner ._last, ._paging ._inner ._first {line-height:2.55rem;}
}
/* [E] 페이징 */

/* [S] 뷰페이지 */
.view .title,
.view .category-title{border-top: .2rem solid #353e4d; background-color: #f8f8f8; padding: 3.5rem 4rem 1.8rem 4rem; border-bottom: .1rem solid #dfdfdf;position: relative;}
.view .title strong,
.view .category-title strong{font-size: 2.3rem; font-family: pbGov; color: #222222; display: block;}
.view .title .detail,
.view .category-title .detail{display: flex; flex-wrap: wrap; margin-top: 3rem;}
.view .title .detail li,
.view .category-title .detail li{font-size: 1.5rem; color: #666666; padding-right: 1.7rem; margin-right: 1.5rem; position: relative;}
.view .title .detail li::before,
.view .category-title .detail li::before{content:""; display: block; position:absolute; right: 0; top: 50%; margin-top: -.75rem; width: .1rem; height: 1.5rem; background-color: #dfdfdf;}
.view .title .detail li:last-child,
.view .category-title .detail li:last-child{padding-right: 0; margin-right: 0;}
.view .title .detail li:last-child::before,
.view .category-title .detail li:last-child::before{display: none;}
.view .txt{font-size: 1.7rem; line-height: 3rem; font-family: plGov; color: #555555; padding: 4.2rem 4rem; border-bottom: .1rem solid #353e4d;}
.view .attachment{border-bottom: .1rem solid #353e4d; padding: 3.2rem 4rem 3rem 10rem; position: relative;}
.view .attachment::before{content:""; display: block; position: absolute; left: 4rem; top: 3rem; width: 4rem; height: 4rem; border-radius: 50%; background: #eeeff3 url(../images/mil/ic-file.png) no-repeat center center;}
.view .attachment li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 1rem;}
.view .attachment li:last-child{margin-bottom: 0;}
.view .attachment .no-file,
.view .attachment li > a{font-size: 1.7rem; color: #666666; font-family: plGov; width: calc(100% - 26rem); overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.view .attachment li > a span{background-image: linear-gradient(#666666, #666666); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.view .attachment li > a:hover span{background-size: 100% .1rem;}
.view .attachment .btn-wrap {width:auto;}

.view .aditIem{margin-top: 1rem; border-top: .2rem solid #003675;}
.view .aditIem dl{display: flex; flex-wrap: wrap; border-bottom: .1rem solid #e3e3e3;}
.view .aditIem dt{text-align: center; background-color: #f3f3f3; font-size: 1.6rem; color: #222; font-family: pb; width: 20rem; padding: .5rem 2rem;}
.view .aditIem dd{text-align: left; font-size: 1.4rem; color: #555555; font-family: pr; width: calc(100% - 20rem); padding: .5rem 2rem;}

@media screen and (max-width:768px) {
    .view .txt {padding:2.5rem;}
    .view .title, .view .category-title {padding:2.5rem;}

    .view .attachment {padding:3.6rem 4rem 3rem 8rem;}
    .view .attachment::before {left:2.5rem;}

	.view .aditIem dt{width: 13rem;}
	.view .aditIem dd{width: calc(100% - 13rem);}
}

.before_nect_use{margin-top: 3rem;}
.before_nect_use .bbs-anchor{display: flex; flex-wrap: wrap;}
.before_nect_use .bbs-anchor > li{width: 50%; position: relative;}
.before_nect_use .bbs-anchor > li a{display: flex; align-items: center; padding: 2rem 0; gap:0 1rem;}
.before_nect_use .bbs-anchor > li .no-data,
.before_nect_use .bbs-anchor > li a span{font-size: 1.7rem; color: #666666; font-family: prGov; display: inline-block;}
.before_nect_use .bbs-anchor > li .no-data{line-height: 6.5rem;}
/* .before_nect_use .bbs-anchor > li a p{font-size: 1.7rem; color: #666666; font-family: prGov; width: calc(100% - 9rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: linear-gradient(#666666, #666666); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;} */
.before_nect_use .bbs-anchor > li a p{font-size: 1.7rem; color: #666666; font-family: prGov; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: linear-gradient(#666666, #666666); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s; max-width: calc(100% - 12.3rem);}
.before_nect_use .bbs-anchor > li a:hover .artcl-text{background-size: 100% .1rem;}
.before_nect_use .bbs-anchor > li.prev-list{padding-right: 3rem;}
.before_nect_use .bbs-anchor > li.prev-list::after{content:""; display: block; position: absolute; right: 0; top: 0; width: .1rem; height: 100%; background-color: #dfdfdf;}
.before_nect_use .bbs-anchor > li.prev-list a{flex-direction: row;}
.before_nect_use .bbs-anchor > li.prev-list a > .prev-ic{padding-left: 3.2rem; background: url(../images/mil/ic-post-prev.png) no-repeat left center;}
.before_nect_use .bbs-anchor > li.next-list{padding-left: 3rem;}
.before_nect_use .bbs-anchor > li.next-list a{flex-direction: row-reverse;}
.before_nect_use .bbs-anchor > li.next-list a > .next-ic{padding-right: 3.2rem; background: url(../images/mil/ic-post-next.png) no-repeat right center;}
.before_nect_use .bbs-anchor > li .link{text-indent: -9999rem; display: inline-block; width: 1.6rem; height: 1.7rem; background: url(../images/mil/ic-blank.png) no-repeat center center / cover; position: relative; top: 0}

.resist{margin-top: 5rem;}

.view-comment-write{margin-top: 4rem; border: .1rem solid #cccccc; border-top: .2rem solid #575050; background-color: #f8f8f8; padding: 4rem 3.9rem 3.9rem; }
.view-comment-write #cmntCn{border: .1rem solid #cccccc; border-radius: .5rem; width: 100%; height: 6.5rem; padding: 2rem; font-size: 1.6rem; font-family: prGov; color: #1d1d1d;}
.view-comment-write #cmntCn::-webkit-input-placeholder{color: #999999;}
.view-comment-write .small-btn-box{display: flex; justify-content: end;}
.view-comment-write .small-btn-box .samll-btn{border-radius: .5rem; width: 9rem; height: 4rem; text-align: center; font-size: 1.6rem; color: #ffffff; font-family: pmGov; background-color: #415772; margin-top: .6rem;}

.view-comment-list {margin-top:4rem; padding-bottom:2rem; border:.1rem solid #ccc; margin-bottom:4rem; }
.view-comment-list > li {position: relative; padding: 2.5rem 1.5rem 4rem 1.5rem; border-radius: .3rem; border-bottom: .1rem solid #e5e5e5;}
.view-comment-list > li:last-child {padding-bottom: 0; border-bottom: 0;}
.view-comment-list .title {display: flex; align-items: center; font-family: pm; font-size: 1.6rem; color: #00599f;}
.view-comment-list .title::before {content: ''; display: block; width: 2.5rem; height: 2.5rem; margin-right: 1rem; background: #fff url('../images/ic-reply.png') no-repeat center; border-radius: 100%;}
.view-comment-list .title .date {position: relative; margin-left: 1.5rem; padding-left: 1.5rem; color: #777;}
.view-comment-list .title .date::after {content: ''; position: absolute; left: 0; top: .5rem; width: 1px; height: 1rem; background: #d7d7d7;}
.view-comment-list .comment {font-family: pr; font-size: 1.8rem; color: #333333; background-color: #f5f5f5; border-radius: .5rem; margin-top: 1.7rem; padding: 1.65rem 3rem;}
.view-comment-list .comment .del input {position: relative; top: .1rem; width: 1.5rem; height: 1.5rem; margin-left: 1rem; background: url('../images/ic-reply-del.png') no-repeat center; text-indent: -99999rem;}
.view-comment-list .repBtn .tiny-btn {display: flex; height: 3rem; padding: 0 1rem; background: #fff; border: 1px solid #0d5dbe; border-radius: .5rem; font-family: pm; font-size: 1.4rem; color: #0d5dbe;}
.view-comment-list .repBtn .tiny-btn:hover {background: #0d5dbe; color: #fff;}
.view-comment-list .comment-cmntWrap {position: absolute; right: 2rem; top: 1.5rem;}
.view-comment-list .comment-reportWrap {position: absolute; right: 7.5rem; top: 1.5rem;}
.view-comment-list .comment_sttemnt {display: none; position: absolute; right: 0; top: calc(100% + 1.1rem); z-index: 1; padding: 1.5rem; background: #fff; border-radius: 1rem; box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.view-comment-list .comment_sttemnt ul {display: flex;}
.view-comment-list .comment_sttemnt li {display: flex; align-items: center; margin-right: 1rem; font-size: 1.6rem;}
.view-comment-list .comment_sttemnt ul input {top: 0; margin: 0; margin-right: 1rem;}
.view-comment-list .comment_sttemnt .btn05 {width: 100%; margin: 0; margin-top: 1rem;}

.view-comment-reply-write {display: none; margin-top: 2rem; padding: 2em; background: #fff; border: 1px solid #e1e1e1; border-radius: .3rem;}
.view-comment-reply-write .name {display: flex; align-items: center; padding-bottom: 1.5rem; margin-bottom: 2rem; border-bottom: 1px solid #e0e0e0;}
.view-comment-reply-write .name::before {content: ''; display: block; width: 2.5rem; height: 2.5rem; margin-right: 1rem; background: #fff url('../images/ic-reply.png') no-repeat center; border-radius: 100%;}
.view-comment-reply-write .name label,
.view-comment-reply-write .name input {font-family: pm; font-size: 1.5rem;}
.view-comment-reply-write .name input {margin-left: 1rem;}
.view-comment-reply-write .comment-text textarea {width: 100%; padding: 1rem; border: 1px solid #cccccc; border-radius: .5rem; font-family: pm; color: #666;}
.view-comment-reply-write .small-btn-box input {display: inline-flex; height: 3rem; padding: 0 1rem; background: #fff; border: 1px solid #0d5dbe; border-radius: .5rem; font-family: pm; font-size: 1.4rem; color: #0d5dbe;}

.custom-table{margin-top: 3.7rem;}
.custom-table h1{font-size: 1.7rem; color: #464c53; font-family: prGov;}
.custom-table h1 span{color: #246beb}
.custom-table .custom-table-inner{border-top: .2rem solid #003675; margin-top: 1.5rem;}
.custom-table .custom-table-inner tbody th{background-color: #eef2f7; font-size: 1.7rem; line-height: 2.6rem; font-family: pmGov; color: #212121; padding: 1.2rem 2rem; border-bottom: .1rem solid #e3e3e3}
.custom-table .custom-table-inner tbody td{background-color: white; font-size: 1.7rem; line-height: 2.6rem; font-family: prGov; color: #555555; text-align: left; padding: 1.2rem 1.5rem; border-bottom: .1rem solid #e3e3e3}
.custom-table .btnWrap {margin-top: 2rem; text-align: center;}
.custom-table .btnWrap input[type=button]{min-width: 11rem; height: 4.8rem; border-radius: .5rem; margin: 0 .5rem; padding: 0 1.5rem; font-family: psb; font-size: 1.7rem; color: #fff; transition: .35s;}
.custom-table .btnWrap input[type=button]._btnC4a{background-color: #0069c2;}
.custom-table .btnWrap input[type=button]._btnC3a{background-color: #5B6781;}

@media screen and (max-width: 768px) {
    .view .attachment li{flex-direction: column; align-items: start;}
    .view .attachment .no-file, .view .attachment li > a{width: 100%;}
    .view .attachment .btn-wrap{margin-top: 1rem;}
    .before_nect_use .bbs-anchor > li a p{width: 100%; margin-bottom: 1rem;}
    .before_nect_use .bbs-anchor > li.prev-list{padding-right: 2rem;}
    .before_nect_use .bbs-anchor > li.prev-list a{flex-direction: column-reverse; align-items: start;}
    .before_nect_use .bbs-anchor > li.next-list{padding-left: 2rem;}
    .before_nect_use .bbs-anchor > li.next-list a{flex-direction: column-reverse; align-items: end;}
}
/* [E] 뷰페이지 */

/* [S] 신고 */
.view .title .right_fnct{position: absolute;bottom: 2rem;right: 2.5rem;}
.view .title .right_fnct li{display:inline-block;vertical-align:middle;margin-right:2.5rem;position:relative;}
.view .title .right_fnct li a{font-family:'Noto Regular';color:#888888;font-size:1.6rem;display: block;}
.view .title .right_fnct .like{width: 2rem;height: 1.8rem;background:url('../images/mil/btn-like.png') no-repeat center;display:inline-block;text-indent: -9999rem;vertical-align: middle;margin-right: 0.5rem;}
.view .title .right_fnct .dislike{width:2rem;height:1.8rem;background:url('../images/mil/btn-dislike.png') no-repeat center;display:inline-block;text-indent: -9999rem;vertical-align: middle;margin-right: 0.5rem;}
.view .title .right_fnct .reportIcon{width:1.3rem;height:2rem;text-indent:-9999rem;background:url('../images/mil/btn-reportIcon.png') no-repeat center;display:inline-block;vertical-align:middle;}
.view .title .right_fnct label {font-size: 1.5rem;}
.stte-view{z-index: 1;background:#fff;border:0.1rem solid #ccc;border-radius:0.5rem;padding:1.5rem;position:absolute;right:-1rem;top:4rem;width:12rem;display:none;}
.stte-view ul li{display:block !important; margin-right: 0 !important;}
.stte-view .btn07{font-size:1.4rem;padding:0.8rem 1rem;width:100%;margin-top:0.5rem !important; }
/* [E] 신고 */


/* [S] 답글 */
.view-answer {position: relative; margin-top: 12rem; background: #f5f5f5; border: 1px solid #cccccc;}
.view-answer::after {content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background: #575050;}
.view-answer .answer-title {display: flex; align-items: center; padding: 2.8rem 4rem 2rem; background: #fff;}
.view-answer .answer-title::before {content: ''; display: block; width: 5rem; height: 5rem; margin-right: 2.5rem; background: url('../images/ic-reply2.png') no-repeat center; flex-shrink: 0; align-self: flex-start;}
.view-answer .answer-title .title {font-family: pb; font-size: 2rem; line-height: 1.2; color: #121212; word-break: break-all;}
.view-answer .answer-title .answer-info {font-family: pr; font-size: 1.6rem; color: #777777; margin-top:.5rem;}
.view-answer .answer-title .answer-info span {position: relative; margin-right: 1.5rem; padding-right: 1.5rem;}
.view-answer .answer-title .answer-info span::after {content: ''; position: absolute; right: 0px; top: .4rem; width: 1px; height: 1rem; background: #e5e5e5;}
.view-answer .answer-title .answer-info span:last-child::after {display: none;}
.view-answer .answer {padding: 3rem 5rem; font-family: pr; font-size: 1.8rem; color: #333333;}
.view-answer .row {padding: 2rem 5rem; background: #fff; border-top: 1px solid #c3c3c3;}
.view-answer .row .title {display: none;}
.view-answer .row a {display: inline-block; padding: 1rem 0 1rem 3.5rem; background: url('../images/ic-file.png') no-repeat left center; font-family: pr; font-size: 1.6rem; color: #333333;}
.view-answer .row .no-file {display: inline-block; padding: 1rem 0 1rem 3.5rem; background: url('../images/ic-file.png') no-repeat left center; font-family: pr; font-size: 1.6rem; color: #333333;}
.view-answer .row span {position: relative;}
.view-answer .row span::after {content: ''; position: absolute; left: 0; bottom: -.2rem; width: 0; height: 1px; background: #000; transition: width .35s;}
.view-answer .row a:hover span::after {width: 100%;}
.view-answer .flag {display: none;}
.answer-frm .board-button .row {margin-top: 3rem;}

@media screen and (max-width: 1200px) {
	.view-answer .answer-title {padding: 3rem;}
	.view-answer .answer {padding: 3rem;}
	.view-answer .row {padding: 2rem 3rem;}
}
/* [E] 답글 */

/* [S] 비밀번호 */
.password_check_view {display: none;}
.password_check_view.active{display: block;}
.password_check_view .dim {position: fixed; left: 0; top: 0; z-index: 200; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.password_check_view .box {position: relative; padding: 5rem; background: #fff; border-radius: 1rem;}
.password_check_view input {padding: 1.5rem; border: 1px solid #d1d1d1; border-radius: .5rem;}
.password_check_view .btn05 {width: 100%; margin: 0; margin-top: 2rem;}
.password_check_view .close {display: block; position: absolute; right: 2rem; top: 2rem; width: 1.5rem; height: 1.5rem; background: url('../images/ic-reply-del.png') no-repeat center; text-indent: -99999rem;}
/* [E] 비밀번호 */

/* [S] 글쓰기 */
.writeForm {border-top: 2px solid #353e4d;}
.writeForm .artclForm {display: flex;width:100%;}
.writeForm .artclForm.total {padding: 2rem; border-bottom: 1px solid #dcdcdc;}
.writeForm .artclLabel {display: flex; align-items: center; flex-shrink: 0; width: 22rem; min-height: 7rem; padding: 2.4rem 2rem 2.4rem; background: #f8f8f8; border-bottom: 1px solid #e2e2e2; font-family: prGov; font-size: 1.7rem; color: #333333; justify-content: center;}
.writeForm .artclLabel em{display: inline-block; padding-right: 1.2rem; position: relative;}
.writeForm .artclLabel .must {width: .8rem; height: .8rem; background: url('../images/ic-must.png') no-repeat center; text-indent: -99999rem; display: block; position: absolute; right: 0; top: 50%; margin-top: -.5rem;}
.writeForm .artclInsert {display: flex; align-items: center; flex-grow: 1; padding: 1rem 2rem; border-bottom: 1px solid #dcdcdc; font-family: pmGov; font-size: 1.6rem; color: #333;}
.writeForm .total .artclInsert {display: block; width: 100%; padding:0; border: 0; font-size: 0;}
.writeForm .artclForm.twoline .artclInsert{flex-wrap: wrap;}
.writeForm .artclForm.twoline .artclInsert.no-wrap{flex-wrap: nowrap;}
.writeForm .desh {margin:0 1.4rem;}
.writeForm .attch .artclInsert,
.writeForm .pass .artclInsert {padding: 1rem 2rem; flex-direction: column; align-items: flex-start;}
.writeForm .artclInsert input[type="text"],
.writeForm .artclInsert input[type="password"] {height: 4.8rem; padding: 0 2rem; border: 1px solid #bdbdbd; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert input[type="text"]:focus,
.writeForm .artclInsert input[type="password"]:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert input[type="text"].long,
.writeForm .artclInsert input[type="text"]._full {width: 100%;}
.writeForm .artclInsert input[type="text"].space {margin: 0;}
.writeForm .artclInsert .hasDatepicker{background: url(../images/mil/ic-calendar.png) no-repeat right 2rem center;}
.writeForm .artclInsert .sel-type,
.writeForm .artclInsert .public-type {display: flex; height: 4.8rem; padding-left: 2rem; padding-right: 6.5rem; margin-right: 1rem; background: url('../images/mil/ic-input-arrow.png') no-repeat calc(100% - 1.5rem) center; border: 1px solid #bdbdbd; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.writeForm .twoline .artclInsert .sel-type {width:100%; margin-right:0;}
.writeForm .artclInsert .sel-type
.writeForm .artclInsert .sel-type:focus,
.writeForm .artclInsert .public-type:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert .switch {margin-top: 1rem;}
.writeForm .artclInsert .switch ul {display: flex; align-items: center;}
.writeForm .artclInsert .switch li {margin-right: 1rem;}
.writeForm .artclInsert .switch input {top: .1rem;}
.writeForm .artclInsert .switch ._radio input[type=radio]{display: none;}
.writeForm .artclInsert .switch ._radio li{display: flex; flex-wrap: wrap; align-items: center;}
.writeForm .artclInsert .switch ._radio .radio-icon{display: inline-block; position: relative; width: 2.4rem; height: 2.4rem; border-radius: 50%; border:.1rem solid #58616a; margin-right: .6rem;}
.writeForm .artclInsert .switch ._radio input[type=radio]:checked ~ .radio-icon{border: .1rem solid #256ef4;}
.writeForm .artclInsert .switch ._radio input[type=radio]:checked ~ .radio-icon::after{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 1.2rem; height: 1.2rem; transform: translate(-50%, -50%); border-radius: 50%; background-color: #256ef4;}
.writeForm .artclInsert .tarea {width: 100%; padding: 1.5rem 2rem; border: 1px solid #bdbdbd; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333; height: 23.8rem;}
.writeForm .artclInsert .tarea:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert .space {margin: 0 1rem;}
.writeForm .artclInsert .multselBox {width: 100%; padding: 1rem; border: 1px solid #bdbdbd; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert .multselBox:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert #thumbOrginlFile {margin-right: 1rem;}
.writeForm .artclInsert .atchmnBtns {display: flex; align-items: center; margin: 1rem 0;}
.writeForm .artclInsert .possible {font-size: 1.5rem;font-family: prGOV; color:#666;}
.writeForm .artclInsert .possible span {color:#212121;}
.writeForm .artclInsert .atchbtn {margin-right: 1rem;}
.writeForm .artclInsert .atchbtn .file-btn.add {position: relative;width: auto;height: 4rem;font-size: 1.5rem;color: #fff;text-align: left;padding: 0 2rem 0 4rem;background: #6d6b76 url('../images/mil/ic-view-file2.png') no-repeat center left 1.5rem / 1.8rem;border: 0; border-radius:.5rem;}
.writeForm .artclInsert .atchbtn .file-btn.del {position: relative;width: auto;height: 4rem;font-size: 1.5rem;color: #fff;text-align: left;padding: 0 2rem 0 4rem;background: #6d6b76 url('../images/mil/ic-view-trash.png') no-repeat center left 1.5rem / 1.4rem;border: 0; border-radius:.5rem;}
.writeForm .artclInsert .pass-form {margin-top: 1rem; flex-basis: 100%;}
.writeForm .artclInsert .pass-form label {margin-right: 1rem;}
.writeForm .artclInsert .possible{word-break: break-all;}


@media screen and (max-width: 1200px) {
	.writeForm .artclInsert {flex-wrap: wrap;}
	.writeForm .artclInsert .switch {width: 100%; margin-top: 1rem; margin-left: 0;}
	.writeForm .artclInsert #thumbOrginlFile {max-width: 30rem;}
}

@media screen and (max-width: 1000px) {
	.writeForm .artclLabel {width: 18rem;}
    .writeForm .artclForm {flex-direction: column;}
	.writeForm .artclLabel {width: 100%; min-height: 5rem; padding: 1rem 2rem;}
	.writeForm .artclInsert {padding: 1rem 2rem;}
	.writeForm .artclInsert .hasDatepicker {width: 20rem;}
	.writeForm .attch .artclInsert,
	.writeForm .pass .artclInsert {padding: 1rem 2rem;}
	.writeForm .artclInsert .sel-type,
	.writeForm .artclInsert .public-type {width: 100%; margin-right: 0;}
	.writeForm .artclInsert #thumbOrginlFile {width: 100%; max-width: 100%; margin-bottom: 1rem;}
}
/* [E] 글쓰기 */

/* [S] 버튼 */
.board-button .row,
.btns .row {display: flex; justify-content: flex-end; flex-wrap:wrap; margin: 0 -.5rem; margin-top: 5rem;}
.btns .row.center{justify-content: center;}
.btn01,
.btn02,
.btn03,
.btn04,
.btn05,
.btn06,
.btn07 {display: flex; justify-content: center; align-items: center; min-width: 11rem; height: 4.8rem; border-radius: .5rem; margin: 0 .5rem; padding: 0 1.5rem; font-family: psbGov; font-size: 1.7rem; color: #fff; transition: .35s;}
.btn01 {background: #003675;}
.btn02 {background: #5B6781;}
.btn03 {background: #0069c2;}
.btn04 {background: #003675;}
.btn05 {background: #6d6b76;}
.btn06 {background: #0069c2;}
.btn07 {background: #031f3f;}

/* small */
.btn01.btn-small,
.btn02.btn-small,
.btn03.btn-small,
.btn04.btn-small,
.btn05.btn-small,
.btn06.btn-small,
.btn07.btn-small {display: flex; justify-content: center; align-items: center; min-width: auto; height:3.2rem; border-radius: .5rem; margin: 0 .5rem; padding: 0 1.5rem; font-family: psbGov; font-size: 1.7rem; color: #fff; transition: .35s;}

/* [E] 버튼 */

.internet{font-size: 1.4rem; color: #999999; z-index: 2; flex-shrink: 0; margin-right: .5rem; position: relative; top: -.1rem;}

.albumWrap .conts .title em .link,
.boardWrap tbody td a .link{text-indent: -9999rem; display: inline-block; width: 1.6rem; height: 1.7rem; background: url(../images/mil/ic-blank.png) no-repeat center center / cover; position: relative; top: .5rem;}

/* 대용량 */
.slick-header-column{font-size: 1.4rem;}
.slick-cell{font-size: 1.4rem;}
.flex{display: flex;}
.center{align-items: center;}