@charset "utf-8";

/* 게시판 공통 요소 */
@import url('/Web-home/fnct/bbs/bbs_common/css/board_common.css');

.boardWrap {border-top:0.2rem solid #2C2C2C;}

/* [S] 리스트 */
.boardWrap .board-header{display: flex;flex-wrap: wrap; border-bottom: 1px solid #8b9099}
.boardWrap .board-header > div{padding: 2.6rem 0; background-color: #f8f8f8; font-size: 1.8rem; text-align: center; color: #121212; font-family: pb;}
.boardWrap .board-header > div.board-cate{width: 14.2rem;}
.boardWrap .board-header > div.board-title{width: calc(100% - 42.6rem);}
.boardWrap .board-header > div.board-show{width: 14.3rem;}
.boardWrap .board-header > div.board-state{width: 14.1rem;}
.boardWrap .board-list {border-bottom:0.1rem solid #8B9099;}
.boardWrap .board-list .list li {display: flex; align-items: center; line-height: 3rem; border-bottom:0.1rem solid #E2E2E2;}
.boardWrap .board-list .list li:last-child {border-bottom:0;}
.boardWrap .board-list .list li > * {padding:2.5rem 0;}
.boardWrap .board-list .list li:hover {background:#F1F6FA;}
.boardWrap .board-list .list li a {display: flex;  align-items: center; padding:0 2rem; flex:1;}
.boardWrap .board-list .list li .no-data {width: 100%;}
.boardWrap .board-list .opnwrd {color:#00508F; font-family: pm; font-size: 1.8rem; width:14.2rem; text-align: center; position: relative;}
.boardWrap .board-list .opnwrd::after {content:''; width:0.2rem; height:1rem; background:#00508F; position: absolute; right:0; top:50%; margin-top:-0.5rem;}
.boardWrap .board-list .notice-title {flex-shrink: 0; display: inline-flex; width: 2.8rem; height: 2.1rem; background: url('../../bbs_common/images/ic-notice.png') no-repeat center; text-indent: -9999rem;  margin-right: 1.2rem;}
.boardWrap .board-list .secret-title {flex:1; width: calc(100% - 42.6rem);}
.boardWrap .board-list .new {flex-shrink: 0; position: relative; top: -.1rem; display: inline-flex; width: 2.7rem; height: 2.7rem; margin-left: 1rem; background: url('../../bbs_common/images/ic-new.png') no-repeat center; text-indent: -9999rem;}
.boardWrap .board-list .lock {flex-shrink: 0; position: relative; display: inline-flex; width: 2.1rem; height:2.5rem; background: url(../images/ic-lock.png) no-repeat center; text-indent: -9999rem;}
.boardWrap .board-list .unlock {flex-shrink: 0; position: relative; display: inline-flex; width: 2.1rem; height:2.5rem; background: url(../images/ic-unlock.png) no-repeat center; text-indent: -9999rem;}
.boardWrap .board-list .clsdr{text-indent: -9999rem; display: inline-block;}
.boardWrap .board-list .sj {font-size: 1.8em; font-family: pm; color:#121212; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; overflow:hidden;}
.boardWrap .board-list .td-show{width: 14.3rem; text-align: center;}
.boardWrap .board-list .secret-state {padding:0 !important; width: 14.1rem; text-align: center;}
.boardWrap .board-list .secret-state > span {font-size: 1.6rem; color: white; font-family:pm; display: inline-block; line-height: 3.5rem; border-radius: .5rem; padding: 0 2.3rem;}
.boardWrap .board-list .secret-state .p1 {background-color: #083CA6;}
.boardWrap .board-list .secret-state .p2 {background:#fff; border:1px solid #828282; color:#828282;}

@media screen and (max-width:768px) {
    .boardWrap .board-header{display: none;}
	.boardWrap .board-list .opnwrd {width:auto; padding-right: 2rem !important;}
	.boardWrap .board-list .list li {flex-wrap:wrap; padding:2rem;}
	.boardWrap .board-list .list li > * {padding:0;}
	.boardWrap .board-list .list li a {padding:0;}
	.boardWrap .board-list .opnwrd::after {display: none;}
	.boardWrap .board-list .secret-title {width:100%; flex:unset;}
	.boardWrap .board-list .sj {font-size: 1.6rem;}
    .boardWrap .board-list .td-show{width: auto; padding: 0 2rem 0 0 !important;}
	.boardWrap .board-list .lock,
	.boardWrap .board-list .unlock {background-size:cover !important; width: 1.5rem; height: 1.9rem; align-items: center;}
	.boardWrap .board-list .secret-state {position: relative; width: auto;}
	.boardWrap .board-list .secret-state::before {content:'처리상태 : '; padding-right: 1rem; padding-right: 1rem; color: #666; font-family: pm; font-size: 1.5rem; text-align: center; color: #444444;}
	.boardWrap .board-list .secret-state > span {line-height: 2.2rem; font-size: 1.3rem; padding:0 1rem;}
}
/* [E] 리스트 */

/* [S] 뷰페이지  */
.view .title.complete::after {content:''; width:7rem; height:6.3rem; background:url('../images/ic-reply2.png') no-repeat center; position: absolute; right: 4.5rem; top:50%; margin-top:calc(-7rem / 2);}
/* [E] 뷰페이지  */