@charset "utf-8";
/* board list */
.not-data {display:table; width:100%; height:200px;}
.not-data p {display:table-cell; vertical-align: middle;}
@media only screen and (max-width:450px) {
    .not-data p {text-align: center;}
}

/* editor modify css */
.note-modal-content .note-modal-footer {height:60px;}
button.note-btn.btn-codeview {display:none;}
.mr-content .note-editing-area .note-editable img, .mr-content .note-editing-area .note-editable iframe {max-width:100%; overflow:hidden;}
.grid-editor table td.editor-w-2 .note-modal-content input[type=button] {width:auto; border:1px solid #1b3d2d; background:#285943; color:#fff;}
.grid-editor table td.editor-w-2 .note-modal-content input[type=checkbox] {width:auto; height:auto;}
.grid-editor .note-modal-content .note-modal-body .sn-checkbox-use-protocol {display:none;}
.grid-editor .note-modal .note-modal-body label {line-height:1.2; margin-bottom:14px;}

/* search bar */
.board-wrap {position:relative; width:100%;}
.board-wrap .search-bar {position:relative; width:100%; padding:32px 0; background-color:#f9f9f9; border:1px solid #e5e5e5; border-top:2px solid #0178bf; display:table; margin-bottom:50px;}
.board-wrap .search-bar .search-box {position:relative;  display:table-cell; vertical-align:middle; height:auto; margin:0 auto; text-align:center;}
.board-wrap .search-bar .search-box input {width:400px; height:48px; border:2px solid #282828; box-sizing:inherit; text-align:left; text-indent:4px;}
.board-wrap .search-bar .search-box button {margin-top:1px; width:60px; height:48px; background-color:#01589d; color:#fff; vertical-align: top; box-sizing:inherit; border:2px solid #01589d; }
.board-wrap .search-bar .search-box button span {font-size:3rem; line-height:48px;}

.board-wrap .basic-search-bar {position:relative; width:100%; padding:24px 0; background-color:#fafafa; border:1px solid #e5e5e5; display:table; margin-bottom:50px;}
.board-wrap .basic-search-bar .search-box {position:relative;  display:table-cell; vertical-align:middle; height:auto; margin:0 auto; text-align:center;}
.board-wrap .basic-search-bar .search-box select {padding-left:10px; width:120px; height:38px; line-height:38px; background-color:#fff; vertical-align:text-top; border:1px solid #a4a4a4;}
.board-wrap .basic-search-bar .search-box input {width:280px; height:38px; border:1px solid #a4a4a4; box-sizing:inherit; text-align:left; text-indent:4px; vertical-align:top;}
.board-wrap .basic-search-bar .search-box button {width:auto; height:38px; padding-left:16px; padding-right:16px; background-color:#595a5e; color:#fff; vertical-align:text-top; box-sizing:inherit; border:1px solid #595a5e; font-weight:400;}
.board-wrap .basic-search-bar .search-box button span {font-size:2.4rem; line-height:38px;}

@media only screen and (max-width:600px) {
    .board-wrap .search-bar {margin-bottom:30px;}
    .board-wrap .search-bar .search-box input {width:70%;}
    .board-wrap .search-bar .search-box button {width:54px;}

    .board-wrap .basic-search-bar .search-box select, .board-wrap .basic-search-bar .search-box input, .board-wrap .basic-search-bar .search-box button {width:90%; margin-bottom:4px;}
    .board-wrap .basic-search-bar .search-box button {margin-bottom:0;}
}

@media only screen and (max-width:450px) {
    .board-wrap .search-bar .search-box input {width:68%;}
    .board-wrap .search-bar .search-box button {width:48px;}
}

/* header */
.board-wrap .basic-header {position:relative; width:100%;}
.basic-header .total {float:left;}
.basic-header .total p, .basic-header .search-txt p {display:inline-block; letter-spacing: 0;}
.basic-header .total p span, .basic-header .search-txt p span {font-weight:600; color:#222;}
.basic-header .total p span.fw300 {font-weight:300;}

.basic-bnav ul {text-align:center;}
.basic-bnav ul li {display:inline-block; cursor:pointer; margin-right:4px; padding:8px 15px; border:1px solid #e1e1e1;}
.basic-bnav ul li a {display:block; text-decoration:none; padding:8px 15px; color:#565656;}
.basic-bnav ul li.disabled {color:#c4c4c4; background-color:#f0f0f0; cursor:default;}
.basic-bnav ul li.active {background-color:#285943; border: 1px solid #244f3c; color:#fff; cursor:default;}

.basic-bnav ul li.active, .basic-bnav ul li:not(.disabled):hover {background:#285943; border:1px solid #244f3c; color:#fff;}
.basic-bnav ul li:not(.disabled):hover a {color:#fff;}

@media screen and (max-width: 600px) {
    .basic-header .total, .basic-header .search-txt {width:100%;}
    .basic-bnav ul li.pc-view {display:none;}
}

/* list */
.btn-write {position:absolute; bottom:2px; right:0; border:1px solid #565656; padding:2px 12px;}
.btn-write span {padding-left:6px;}

.note-modal-body input[type='text'] {width:99%; display:block; border:1px solid #ededef; background-color:#fff; outline:0; padding:6px 4px; font-size:14px; box-sizing:border-box; min-height:38px; text-indent:2px;}
button[data-original-title="Code View"]{ display: none; }

.basic-blist {position:relative; width:100%; margin:10px 0 40px 0; overflow:hidden;}
.basic-blist table {position:relative; width:100%; overflow:hidden; height:auto !important;  border-top:2px solid #282828; table-layout:fixed; }
.basic-blist table thead {display:table-header-group;}

.basic-blist .table-item {position:relative; width:100%; color:#565656; border-bottom: 1px solid #e1e1e1; padding:18px 0 12px 0;}
.basic-blist .table-item:before,
.basic-blist .table-item:after {content:""; display:block; clear:both;}
.basic-blist table thead th .table-item {border-bottom: 1px solid #a3a3a3; color:#222; padding:18px 0;}
.basic-blist table tbody td .table-item {letter-spacing: -1px;}
.basic-blist table tbody#boardC tr:last-child td .table-item {border-bottom: 1px solid #c4c4c4;}
.basic-blist table tbody td a {position:relative; text-decoration:none; color:#565656; display:inline-block; max-width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.basic-blist table tbody td a:hover {text-decoration: underline;}
.basic-blist table tbody td span.b-new {display:inline-block; font-size:1.3rem; padding-left:12px; vertical-align: super; color:#c03546; font-family: 'Titillium Web', sans-serif; font-style:italic; font-weight:600;}
.basic-blist table tbody td.not-board {height:180px; text-align:center; border-bottom: 1px solid #c4c4c4;}

.b-c1, .b-c2, .b-c3, .b-c4, .b-c5, .b-c6,
.n-c1, .n-c2, .n-c3 {float:left; text-align:center;}
.b-c1 {width:8%;}
.b-c2 {width:54%;}
.b-c3 {width:14%;}
.b-c4 {width:10%;}
.b-c5 {width:6%;}
.b-c6 {width:8%;}
tbody td .b-c2, tbody td .n-c1 {text-align:left; }

.n-c1 {width:65%;}
.n-c2 {width:20%;}
.n-c3 {width:15%;}

.basic-blist table tbody#nboard td a {max-width:96%;}

@media screen and (max-width:1580px) {
}

@media screen and (max-width:1100px) {
    .basic-blist table tbody td a {max-width:80%;}
    .b-c1 {width:10%;}
    .b-c2 {width:45%;}
    .b-c3 {width:15%;}
    .b-c4 {width:12%;}
    .b-c5 {width:8%;}
    .b-c6 {width:10%;}

    .n-c1 {width:62%;}
    .n-c2 {width:24%;}
    .n-c3 {width:14%;}
}

@media screen and (max-width:600px) {
    .basic-blist .table-item {padding: 22px 0 18px 0;}
    .basic-blist table thead {display:none;}
    .basic-blist table tbody td a {line-height:1;}

    tbody td .b-c6 span.mobile-view {display:inline; padding-right:6px;}
    .basic-blist table tbody#boardT td a {color:#222; font-weight:500;}
    .basic-blist table tbody td span.b-new {vertical-align:top;}
    .b-c1 {display:none;}
    .b-c2, .n-c1 {width:100%; font-weight:400; font-size:1.55rem;}
    .b-c3, .b-c4, .b-c5, .b-c6,
    .n-c2, .n-c3 {width:auto; padding-right:18px; position:relative;}
    .b-c3:after, .b-c4:after, .b-c6:after, .n-c2:after {content:""; position:absolute; top:5px; width:1px; height:12px; background-color:#a9a9a9; right:8px;}
}

/* grid */
.grid-list {position:relative; width:100%; margin:10px 0 40px 0; overflow:hidden; border-top:2px solid #282828; border-bottom:1px solid #c4c4c4; table-layout:fixed; padding-top:20px;}
.grid-list li {float:left; width:33.3333%; padding: 18px 16px 36px 16px;}
.grid-list li:nth-child(3n + 1) {padding-left:0; clear:both;}
.grid-list li:nth-child(3n) {padding-right:0;}
.grid-list li.not-board {width:100%; height:200px; padding:0; text-align:center;}
.grid-list li.not-board p {line-height:30px; padding:85px 0;}

.grid-list li a {display:block; letter-spacing: -1px; color:#565656;}
.grid-list li a .grid-img {position:relative; overflow:hidden;}
.grid-list li a .grid-img img{width:100%; height:250px; transition:transform 1s ease-out; transform:scale(1);}
.grid-list li a:hover .grid-img img {transform:scale(1.3);}
.grid-list li a .grid-title {margin:14px 0 10px 0; line-height:20px; height:40px; font-weight:400;}
.grid-list li a .grid-info span {position:relative; width:auto; margin-right:20px;}
.grid-list li a .grid-info span:after {content:""; position:absolute; top:7px; width:1px; height:12px; background-color:#a9a9a9; right:-12px;}
.grid-list li a .grid-info span:last-child:after {content:none;}

.grid-list li a:hover .grid-title {text-decoration: underline;}

@media screen and (max-width:1100px) {
    .grid-list li {padding: 18px 12px 32px 12px;}

    .grid-list li a .grid-img img{height:200px;}
    .grid-list li a .grid-info span:after {top:6px;}
}

@media screen and (max-width:860px) {
    .grid-list li {width:50%; padding: 18px 8px 32px 8px;}
    .grid-list li:nth-child(3n + 1) {padding-left:8px; clear:none;}
    .grid-list li:nth-child(3n) {padding-right:8px;}

    .grid-list li:nth-child(2n + 1) {padding-left:0; clear:none;}
    .grid-list li:nth-child(2n) {padding-right:0;}

    .grid-list li a .grid-info span:after {top:5px;}
}

@media screen and (max-width:600px) {
    .grid-list {padding-top:0;}
    .grid-list li {width:100%; padding: 36px 0 32px 0; border-bottom:1px solid #e1e1e1;}
    .grid-list li:last-child {border-bottom:0;}
    .grid-list li a .grid-img img{height:240px;}
    .grid-list li a .grid-title {height:auto; max-height:40px; margin: 18px 0 6px 0; overflow:hidden;}
}

@media screen and (max-width:450px) {
    .grid-list li a .grid-title {font-size:1.55rem;}
    .grid-list li a .grid-img img{height:180px;}
}

/* editor */
.grid-editor .note-editable ul li {list-style:disc;margin-left:20px;}
.grid-editor .note-editable ol li {list-style:decimal;margin-left:20px;}
.grid-editor table {width:100%; border-top:1px solid #a9a9a9;}
.grid-editor table td {padding:20px 0;}
.grid-editor table td.editor-w-1 {width:16%; background-color:#f9f9f9; text-indent:20px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.grid-editor table td:last-child.editor-w-1 { border-bottom:0; }
.grid-editor table td.editor-w-2 { width:84%; padding:20px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.grid-editor table td.editor-w-2 input {border:1px solid #bbb; background:#fff; height:36px;}
.grid-editor table td.editor-w-2 textarea {display: block; background:#fff; border: 1px solid #e1e1e1; margin-top:5px; width:95%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:1%; padding-right:1%; padding-top:10px; padding-bottom:10px; height:400px; resize:none;}
.grid-editor table.not-border { border-top:0px; }
.grid-editor table td input { height:24px; padding-left:10px; width:60%; }
.grid-editor table td label { line-height:28px; }
.grid-editor table td #be_title {width:95%;}
.editor-file-select button { background:#fff; padding:5px 10px; border:1px solid #e1e1e1; cursor:pointer; text-indent:0px; }
form { margin-bottom:10px; }
.editor-file-list { margin-top:10px; width:100%; text-indent:0; }
.editor-file-list ul { border:1px solid #cacaca; min-height:177px; }
.editor-file-list ul li:after { content:''; clear:both; display:block; }
.editor-file-list ul li { padding:4px 16px 4px 4px; margin-bottom:0;}
.editor-file-list ul li span { display:block; float:left; }
.editor-file-list ul li span i { color:#d25b6a; margin-right:5px; }
.editor-file-list ul li span.file-list-chk { width:40px; text-align:center; line-height:20px; }
.editor-file-list ul li span.file-list-chk input[type="checkbox"] { width:16px; height:16px; margin-top:10px; background:#fff; border:1px solid #e1e1e1; }
.editor-file-list ul li:not(.file-list-head) span.file-list-chk input[type="checkbox"] {margin-top:0;}
.editor-file-list ul li:not(.file-list-head) span.file-list-chk input[type="checkbox"] {vertical-align:bottom;}
.editor-file-list ul li span.file-list-name { width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:24px;}
.editor-file-list ul li span.file-list-size { width:100px; float:right; text-align:right; line-height:24px; }
.editor-file-list ul li.file-list-head { padding:0 16px 0 4px; background:#f9f9f9; height:36px; border-bottom:1px solid #e1e1e1;; }
.editor-file-list ul li.file-list-head span { line-height:36px; }
.editor-file-list .file-list-remove { margin-top:5px; margin-bottom:5px; text-align:right; }
.editor-file-list .file-list-remove button { border:0; color:#fff; cursor:pointer; background-color:#d25b6a; padding:3px 12px 3px 8px;}

.box-btn {position:relative; display: inline-block; text-decoration:none; min-width: 90px; height: auto; background-color: #fff; border: 0; color: #565656; text-align: center; padding: 6px 18px 6px 18px; border:1px solid #bbbbbb; margin-left:10px;}
.box-btn:hover {color:#222; font-weight:400;}
.box-btn.btn-active {background-color:#3b404f; color:#fff; border:1px solid #e9e9e9; }
.box-btn.btn-active:hover {background-color:#2e3549;}

@media only screen and (max-width:768px) {
    .grid-editor table td.editor-w-1, .grid-editor table td.editor-w-2 {width:99.9%; display:block;clear:both; text-indent:0;}
    .grid-editor table td.editor-w-2 {padding:0;}
    .grid-editor table td.editor-w-1 {background:#fff; border-bottom:0; border-left:0; font-weight:500; padding-top:20px;}
    .grid-editor table td.editor-w-2 {border-right:0px; padding-bottom:20px;}
    .grid-editor table td.editor-w-2 input {width:95%;}
    .grid-editor table td.editor-w-2 textarea {width:99.9%;}
    .grid-editor table td #be_title {width:99%;}
    .editor-file-list {margin-left:0px; width:99%;}
    .editor-file-list ul li span.file-list-name {width:60%;}
    .editor-file-list ul li span.file-list-size {width:60px;}
}

@media only screen and (max-width:320px) {
    .editor-file-list ul li span.file-list-name {width:50%;}
}

.document-head {position:relative; width:100%;}
.document-head .left {position:absolute; top:-30px; left:20%;}
.document-head .right {position:absolute; bottom:-30px; right:20%;}

@media only screen and (max-width:768px) {
    .document-head .left {left:10%;}
    .document-head .right {right:10%;}
}

@media only screen and (max-width:600px) {
    .document-head .left {left:0%;}
    .document-head .right {right:0%;}
    .box-btn {padding:6px 10px 6px 10px; min-width:60px;}
}

/* view */
.grid-view {position:relative; width:100%; overflow-x:hidden;}
.grid-view table.vt {width:100%; max-width:100%; overflow-x:hidden; height:auto !important; }
.grid-view table.vt tr td { padding-top:6px; color:#5f5f5f; padding-bottom:6px; border-bottom:1px solid #e1e1e1;  -webkit-transition:.3s; transition:.3s;}
.grid-view table.vt tr td.basic-view-title { border-top:1px solid #a1a1a1;  background:#f9f9f9; color:#222222; padding-left:20px; padding-right:20px;  padding-top:14px; padding-bottom:14px; font-weight:300; }
.grid-view table.vt tr td.basic-view-1 { width:15%;}
.grid-view table.vt tr td.basic-view-2 { width:20%;}
.grid-view table.vt tr td.basic-view-3 { width:60%; text-align:right; }
.grid-view table.vt tr td.basic-view-4 { width:5%; text-indent:10px;}
.grid-view table.vt tr td.basic-view-1, .grid-view table.vt tr td.basic-view-2, .grid-view table.vt tr td.basic-view-3, .grid-view table.vt tr td.basic-view-4 {padding-top:10px; padding-bottom:10px;}
.grid-view table.vt tr td.bg-gray {background:#f9f9f9; padding-top:12px; padding-bottom:12px; }
.grid-view table.vt tr td.txt-indent { padding-left:20px; color:#5f5f5f; vertical-align:top; }
.grid-view table.vt tr td.basic-view-link { padding-left:20px; }
.grid-view table.vt tr td.basic-view-link a {color:#5f5f5f; text-decoration:none; }
.grid-view table.vt tr td.basic-view-link a:hover { text-decoration:underline; }


.grid-view table.vt .basic-view-content { position:relative; min-height:300px; padding:60px 15px; white-space:pre-wrap;color:#454545; word-break:keep-all; display: block; width:100%; margin:0 auto; word-break:break-all; overflow-x:hidden; }
.grid-view table.vt .basic-view-content img, .grid-view table.vt .basic-view-content iframe {max-width:100%; width:auto; height:auto; display:flex; text-align:center; margin:0 auto;}

.grid-view table.vt .basic-view-content table {border:1px solid #454545; border-spacing: 0;}
.grid-view table.vt .basic-view-content table tr td {border-bottom:1px solid #454545; border-right:1px solid #454545; color:initial;}
.grid-view table.vt .basic-view-content table tr td:last-child {border-right:0;}
.grid-view table.vt .basic-view-content table tr:last-child td {border-bottom:0;}

.grid-view table.vt tr td.basic-file-td{padding:0; background-color:#fcfefe;}
.basic-view-file{width:100%; }
.basic-view-file ul li { display:block; padding:4px 20px; text-align:left; margin-bottom:0;}
.basic-view-file ul li span.mdi-floppy { color:#6aabb1; position:absolute; }
.basic-view-file ul li span:not(.mdi-floppy) {color:#898989; padding-left:10px;}
.basic-view-file ul li a {text-decoration:none; padding-left:20px;}
.basic-view-file ul li a:hover { text-decoration:underline;}

.board-back { margin-top:20px; width:100%; text-align:right;}
.board-back ul li { float:right; border:1px solid #e1e1e1; margin-left:5px; }
.board-back ul li a { display:block; padding:5px 20px; }
.board-back a:hover {text-decoration:none; }

@media only screen and (max-width:600px) {
    .grid-view table.vt tr td.basic-view-1 { width:20%; }
    .grid-view table.vt tr td.basic-view-2 { width:20%; }
    .grid-view table.vt tr td.basic-view-3 { width:50%; }
    .grid-view table.vt tr td.basic-view-4 { width:10%;}
    .grid-view .answer-top ul {margin-left:60px;}
	.basic-view-file ul li span:not(.mdi-floppy) {padding-left:20px; display:block;}
}

@media only screen and (max-width:450px) {
    .grid-view table.vt tr td.basic-view-title {padding-left:10px; padding-right:10px;}
    .grid-view table.vt tr td.txt-indent {padding-left:10px;}
    .grid-view table.vt tr td.basic-view-1 { width:25%; }
    .grid-view table.vt tr td.basic-view-2 { width:30%; }
    .grid-view table.vt tr td.basic-view-3 { width:30%; }
    .grid-view table.vt tr td.basic-view-4 { width:15%;}
    .grid-view table.vt .basic-view-content{padding:40px 5px 40px 5px;}
    .basic-view-file ul li { padding:4px 10px; text-align:left; }
}

/* summernote editor & view fontsize css */
.note-editing-area .note-editable p, .basic-view-content p {font-size:1.6rem;}
.note-editing-area .note-editable blockquote, .basic-view-content blockquote {position:relative; margin-left:20px; font-size:1.5rem;}
.note-editing-area .note-editable blockquote p, .basic-view-content blockquote p {font-size:1.5rem;}
.note-editing-area .note-editable blockquote:before, .basic-view-content blockquote:before {content:""; position:absolute; left:-11px; top:0; height:100%; width:2px; background-color:#d8d8d8;}
.note-editing-area .note-editable pre, .basic-view-content pre {font-size:1.5rem;}
.note-editing-area .note-editable h1, .basic-view-content h1 {font-size:2.4rem;}
.note-editing-area .note-editable h2, .basic-view-content h2 {font-size:2.2rem;}
.note-editing-area .note-editable h3, .basic-view-content h3 {font-size:2.1rem;}
.note-editing-area .note-editable h4, .basic-view-content h4 {font-size:2.0rem;}
.note-editing-area .note-editable h5, .basic-view-content h5 {font-size:1.9rem;}
.note-editing-area .note-editable h6, .basic-view-content h6 {font-size:1.8rem;}