@charset "utf-8";


/*공통스타일*/
.contents .wrap.cmStyle {padding: 20px 10px 30px;}

/*서브비쥬얼*/
.contents .subVisual {background: #eee url(../../img/m/board/subVisual.jpg) no-repeat center 60% /cover;}

/* 게시판 너비 */
.contents .board .container {position: relative; box-sizing:border-box; width: 100%; margin: 0 auto;} 

/*게시판 list*/
.contents .board {min-height: 330px;}
.contents .board .tb-list {font-size: 12px; table-layout: fixed;}
.contents .board .tb-list col.nth-2 {width: 70%;}
.contents .board .tb-list col.nth-3 {width: 25%;}
.contents .board .tb-list th, .contents .board .tb-list td {padding: 10px 0px;}
.contents .board .tb-list .post:not td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contents .board .tb-list td:nth-child(1) {text-align: left; padding-left: 5px;}
.contents .board .pagenation {margin-top: 20px;}
.contents .board .pagenation a {font-size: 12px; width: 24px; height: 24px; line-height: 2em;}
.contents .board .pagenation a[class*="prev"], .contents .board .pagenation a[class*="next"] {font-size: 11px; line-height: 2.3em;}

/*게시판 read*/
.contents .board .tb-read th {padding: 10px 10px; font-size: 12.5px;}
.contents .board .tb-read td {padding: 10px; font-size: 12.5px; word-break: keep-all;}
.contents .board .tb-read thead tr {background: #f2f2f2;}
.contents .board .tb-read thead tr th .flt-r {margin-left: 5px;}
.contents .board .row-btn {margin-top: 20px;}
.contents .board .row-btn .btn-list {font-size: 13px; border: 1px solid #d9d9d9; padding: 5px 30px;}

/*추억 게시판*/
.contents .subVisual.board-memory {background: #eee url(../../img/m/board/subVisual_bm.jpg) no-repeat right top / cover;}

/*추억 게시판 list*/
.contents .board-memory .tb-list tr.reply td a .re {font-size: 12px;}
.contents .board-memory .area-1 [class*=btn-] {background: #fff; border: 1px solid #b0b0b0; line-height: 1; padding: 7px 14px; border-radius: 30px; font-size: 13px; color: #676767; letter-spacing: -1px; min-width: 68px;}
.contents .board-memory .area-1 .row-btn [class*=btn-]:first-child + button {margin-left: 1px;}
.contents .board-memory .area-1+form {display: flex; justify-content: center; gap: .625rem}
.contents .board-memory .row-btn [class*=btn-] {font-size: .875rem; border-radius: 20px; padding: 0 15px; min-width: auto; min-height: 32px}
.contents .board-memory .row-search > * {height: 32px; font-size: 12.5px; color: #383838;}
.contents .board-memory .row-search .sltDiv {width: 70px;}
.contents .board-memory .row-search .sltDiv:after {right: 5px;}
.contents .board-memory .row-search .category {padding-left: 5px; font-size: 13px; color: #383838;}
.contents .board-memory .row-search .keword {margin: 0 2px; width: 90px;}
.contents .board-memory .row-search .btn-search {padding: 0 12px;}

/*추억 게시판 read*/
.contents .board-memory .tb-list tr.post td {padding: 10px; font-size: 12.5px; line-height: 1.6;}

/*수정 시 팝업*/
.popWrapper .pop-password {width: 250px; margin-left: -125px; margin-top: -71px;}
.popWrapper .pop-password .pop-header h2 {font-size: 16px;}
.popWrapper .pop-password .pop-header .btn-x {width: 32px; height: 40px;}
.popWrapper .pop-password .pop-header .btn-x .a-x {top: 7px; right: 5px;}
.popWrapper .pop-password .pop-header .btn-x .a-x:before, .popWrapper .pop-password .pop-header .btn-x .a-x:after {width: 17px;}
.popWrapper .pop-password .pop-body {font-size: 13px;}
.popWrapper .pop-password .pop-body .row-inp > * {height: 32px; font-size: 13px;}
.popWrapper .pop-password .pop-body .row-inp .pwd {padding: 0 5px; width: 110px;}
.popWrapper .pop-password .pop-body .row-inp .btn-ok {padding: 0 15px; min-width: 54px; margin-left: 2px;}

/*게시판 글쓰기*/
.contents .board-memory .tb-write {margin-top: 0px;}
.contents .board-memory .tb-write col.nth-1 {width: 20%;}
.contents .board-memory .tb-write col.nth-2 {width: 80%;}
.contents .board-memory .tb-write tbody tr td {font-size: 12.5px; padding: 8px 5px;}
.contents .board-memory .tb-write .appe-reset,
.contents .board-memory .tb-write input[class*=w-] {height: 32px;}
.contents .board-memory .tb-write input.red+label,
.contents .board-memory .tb-write textarea.red+label{color: #d3213e; margin-top: 2px; display: inline-block; font-size: 12px;}
.contents .board-memory .tb-write .w-1 {width: 100px;}
.contents .board-memory .tb-write .w-2 {width: 100px;}
.contents .board-memory .tb-write .w-full {width: 100%;}
.contents .board-memory .tb-write tbody tr td textarea {padding: 10px; font-size: 12.5px;}

/*파일박스 커스터마이징*/
.filebox label, .filebox .upload-name {font-size: 12px; height: 32px;}
.filebox label {width: 58px; line-height: 32px;}
/* named upload */
.filebox .upload-name {padding-left: 5px;}

.contents .board-memory .tb-write .inp-reset {height: 32px; width: 58px; font-size: 12px; line-height: 32px;}
.contents .board-memory .tb-write .tr-secure img {width: 68px;}
.contents .board-memory .tb-write .tr-secure .w-1 {margin: 0 2px; padding-left: 5px; width: 70px;}
.contents .board-memory .tb-write .tr-secure .s-1 {font-size: 11px; letter-spacing: -0.7px;}
.contents .board-memory .row-cause {font-size: 12px; word-break: keep-all; letter-spacing: -0.9px;}