@charset "UTF-8"; /* 게시판 보기 */ #boardView { -webkit-box-sizing: border-box; box-sizing: border-box; padding: calc(var(--bs-gutter-x) * 0.5); } #boardView .head h5 { font-weight: bold; margin-bottom: 0; } #boardView .body { margin: 20px 0; } #boardView .body table { border: 1px solid #333; margin-bottom: 6px; } > #boardView .body table:not(:first-child) { border-top: none; } #boardView .body table tr th, #boardView .body table tr td { text-align: initial; vertical-align: middle; } #boardView .body table thead tr th { background: none; border-bottom: 1px solid #333; } #boardView .body table thead tr th h4 { padding: 5px 10px; margin: 0; } #boardView .body table thead tr td strong { font-size: 16px; } #boardView .body table thead tr td small { vertical-align: baseline; margin-left: 10px; padding-left: 10px; border-left: 1px solid #2c3946; } #boardView .body table thead tr td ul { display: inline-block; list-style: none; margin: 0; padding: 0; } #boardView .body table thead tr td ul > li { display: inline-block; } #boardView .body table thead tr td ul > li::after { display: inline-block; content: ""; width: 1px; height: 11px; background: #2c3946; vertical-align: -2px; margin: 0; } #boardView .body table thead tr td ul > li span { padding: 0 10px; } #boardView .body table thead tr td ul > li span var { font-style: inherit; } #boardView .body table thead tr td ul > li:first-child span { padding-left: 0; } #boardView .body table thead tr td ul > li:last-child span { padding-right: 0; } #boardView .body table thead tr td ul > li:last-child::after { display: none; width: 0; } #boardView .body table thead tr td ol { min-width: auto; margin-left: 20px; border-radius: 0; border-color: #cfcfcf #999 #666 #999; border-width: 1px 1px 1px 0; border-style: solid; box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.2), -2px 2px 2px rgba(0, 0, 0, 0.1); } #boardView .body table thead tr td ol > li { line-height: initial; padding: 0.4rem 1.2rem; cursor: pointer; } #boardView .body table thead tr td ol > li:hover, #boardView .body table thead tr td ol > li:focus, #boardView .body table thead tr td ol > li:active { background: #eaeaea; color: #000; } #boardView .body table thead tr td ol > li i { margin-right: 3px; } #boardView .body table thead tr:nth-of-type(2) th { padding-left: 18px; } #boardView .body table thead tr:nth-of-type(2) td { padding-right: 18px; padding-bottom: 0; } #boardView .body table thead tr:nth-of-type(2) td:last-child { text-align: right; } #boardView .body table thead tr:nth-of-type(3) th { padding-left: 18px; } #boardView .body table thead tr:nth-of-type(3) td { padding-right: 18px; padding-top: 0; } #boardView .body table thead tr:nth-of-type(3) td:last-child { text-align: right; } #boardView .body table thead tr:last-child { border-bottom: 1px solid #333; } #boardView .body table tbody tr td ol { list-style: none; margin: 0; padding: 2px 10px; } #boardView .body table tbody tr td ol > li { margin-bottom: 6px; } #boardView .body table tbody tr td ol > li i { vertical-align: -2px; } #boardView .body table tbody tr td ol > li:last-child { margin-bottom: 0; } #boardView .body table tbody tr td blockquote { min-height: 300px; padding: 2px 10px; margin: 0; } #boardView .body table tbody tr td blockquote img { max-width: 100%; } #boardView .body table tbody tr td blockquote pre[class*=language-], #boardView .body table tbody tr td blockquote code[class*=language-] { overflow: auto; white-space: break-spaces; word-break: break-word; } #boardView .body table tfoot tr td { text-align: center; } #boardView .body table tfoot tr td button { margin: 0 2px 0 2px; } #boardView .body table tfoot tr:last-child td { text-align: left; padding: 10px 18px 18px 18px; } #boardView .foot { -webkit-box-sizing: content-box; box-sizing: content-box; } #boardView .foot table { border: 1px solid #333; margin-bottom: 0; } #boardView .foot table tr th, #boardView .foot table tr td { text-align: initial; vertical-align: middle; } #boardView .foot table thead tr th { background: transparent; border-bottom: 1px solid #333; } #boardView .foot table thead tr th h5 { font-size: 16px; font-weight: normal; margin-bottom: 0; padding: 6px 12px; } #boardView .foot table tbody tr td { border-top: 0; }