@charset "utf-8";

.grid-board table,
.grid-view table,
.grid-editor table{ width:100%; }
/* list */
.grid-board {}
.grid-board .basic-header {position:relative; width:100%;}
.grid-board .basic-header:after {clear:both;content:"";display:block;}
.grid-board .basic-header .total {float:left; font-size:0.75rem;margin-top:6.5px;}
.grid-board .basic-header .total .fa {margin-right:5px; font-size:0.875rem;}
.grid-board .basic-header .total b {color:#454545; font-size:0.875rem;}
.grid-board .basic-header .total span {color:#5f5f5f;}
.grid-board .basic-header .total .bh-total {margin-right:7px; font-size:0.875rem;}
.grid-board .basic-header .total .bh-current {color:#428bca;}

.grid-board .basic-header .search-bar {float:right;}
.grid-board .basic-header .search-bar select{width:80px; padding-left:10px; background-color:#f9f9f9; border: 1px solid #e1e1e1; height:34px; color:#565656;}
.grid-board .basic-header .search-bar input {text-indent:5px; width:150px; background:#fff; border:1px solid #elelel; padding:5px; height:34px; margin:0; vertical-align:top;}
.grid-board .basic-header .search-bar div.btn {display:inline-block; width:46px; height:34px; background:#595a5e; border:1px solid #elelel; vertical-align:top; color:#fff; cursor:pointer;}
.grid-board .basic-header .search-bar div.btn span {text-align:center; display:block; line-height:34px;font-weight:normal;}


.grid-board .basic-blist {width:100%; margin-bottom:30px;}
.grid-board .basic-blist table{margin-top:14px;width:100%; border-top:2px solid #528acf;}
.grid-board .basic-blist table thead {display:table-header-group;}
.grid-board .basic-blist table thead th{background:#f9f9f9; border-bottom: 1px solid #c4c4c4; color:#5c5c5c; font-weight:600; font-family: 'NanumGothic', '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum;}
.grid-board .basic-blist table thead th, .grid-board .basic-blist table tbody td {padding-top:12px; padding-bottom:12px; font-size:14px;}
.grid-board .basic-blist table tbody td {border-bottom: 1px solid #e1e1e1; color:#686868;}
.grid-board .basic-blist table tbody tr:last-child td {border-bottom: 1px solid #c4c4c4;}
.grid-board .basic-blist table tbody td a {text-decoration:none; color:#686868;}
.grid-board .basic-blist table tbody td a:hover {color:#528acf;}
.grid-board .basic-blist table tbody td a span {display:inline; text-indent:0px; padding-left:8px;}
.grid-board .basic-blist table tbody td.not-board {height:120px; text-align:center;}
.b-c1 {width:5%; display:table-cell;}
.b-c2 {width:70%; display:table-cell;}
.b-c3 {width:10%; display:table-cell;}
.b-c4 {width:10%; display:table-cell;}
.b-c5 {width:5%; display:table-cell;}
.grid-board .basic-blist table tbody td.b-c1, .grid-board .basic-blist table tbody td.b-c3,
.grid-board .basic-blist table tbody td.b-c4, .grid-board .basic-blist table tbody td.b-c5 {font-size:13px; font-family: 'NanumGothic', '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum;}
.grid-board .basic-blist table tbody td.b-c2 {padding-left:30px; padding-right:30px;}

.basic-bnav {padding-bottom:70px;}
.basic-bnav ul {text-align:center;}
.basic-bnav ul li{display:inline-block; cursor:pointer;  margin-right:4px; font-size:0.9375rem; padding:8px 15px; color:#696969; font-family: 'NanumGothic', '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum;  border: 1px solid #e1e1e1;}
.basic-bnav ul li a {display:block; text-decoration:none; padding:8px 15px; color:#696969;}
.basic-bnav ul li.disabled {color:#c4c4c4; background:#f0f0f0; cursor:default;}
.basic-bnav ul li.active {background:#185598; border: 1px solid #052957; color:#fff; cursor:default;}
.basic-bnav ul li.active a {color:#fff;}

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

@media only screen and (max-width:786px) {
	.basic-bnav ul li.disabled {display:none;}
	.basic-bnav ul li {margin-right:2px;}
	.basic-bnav ul li a {padding:8px 12px;}
	.basic-bnav ul li.pc-view {display:none;}
	
	.b-c1 {width:5%; display:table-cell;}
	.b-c2 {width:80%; display:table-cell;}
	.b-c3 {display:none;}
	.b-c4 {width:15%; display:table-cell;}
	.b-c5 {display:none;}
}

@media only screen and (max-width:520px) {
	.grid-board .basic-header .total {width:100%;}
	.grid-board .basic-header .search-bar {float:left; width:100%; margin-top:10px;}
	.b-c1 {display:none;}
	.b-c2 {width:75%; display:table-cell;}
	.b-c3 {display:none;}
	.b-c4 {width:25%; letter-spacing:-1px;}
	.b-c5 {display:none;}
	.tac.b-c4 {text-align:right !important;}
	.grid-board .basic-blist table tbody td a span {display:none;}
	.grid-board .basic-blist table thead {display:none;}
	.grid-board .basic-blist table tbody td.b-c2 {padding-left:10px; padding-right:5px; word-break:break-all;}
}

/* view */

.grid-view {}
.grid-view table tr td { padding-top:6px; color:#5f5f5f; padding-bottom:6px; border-bottom:1px solid #e1e1e1; font-size:0.875rem; font-family: 'NanumGothic', '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum; -webkit-transition:.3s; transition:.3s;}
.grid-view table tr td.basic-view-title { border-top:2px solid #528acf; font-size:0.9375rem; background:#f9f9f9; padding-left:20px; padding-right:20px;  padding-top:12px; padding-bottom:12px; font-weight:bold; }
.grid-view table tr td.basic-view-1 { width:15%;}
.grid-view table tr td.basic-view-2 { width:20%;}
.grid-view table tr td.basic-view-3 { width:60%; text-align:right; }
.grid-view table tr td.basic-view-4 { width:5%; text-indent:10px;}
.grid-view table tr td.basic-view-1, .grid-view table tr td.basic-view-2, .grid-view table tr td.basic-view-3, .grid-view table tr td.basic-view-4 {padding-top:10px; padding-bottom:10px;}
.grid-view table tr td.bg-gray {background:#f9f9f9; padding-top:12px; padding-bottom:12px; }
.grid-view table tr td.txt-indent { padding-left:20px; color:#5f5f5f; vertical-align:top; }
.grid-view table tr td.basic-view-link { padding-left:20px; line-height:1.25rem; }
.grid-view table tr td.basic-view-link a {color:#5f5f5f; text-decoration:none;}
.grid-view table tr td.basic-view-link a:hover { text-decoration:underline; } 

.grid-view table tr td.basic-view-content .basic-view-file{ width:100%; margin-top:20px; margin-bottom:20px; }
.basic-view-file ul li { display:block; padding-top:2px; padding-bottom:2px; padding-left:15px; text-align:left;}
.basic-view-file ul li span { color:#0d91bc; margin-right:5px; }
.basic-view-file ul li a {text-decoration:none; color:#5f5f5f;}
.basic-view-file ul li a:hover { text-decoration:underline;}
.grid-view table tr td.basic-view-content .basic-view-content{ min-height:200px; margin:15px; white-space:pre-wrap;color:#454545;}

.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:628px) {
	.grid-view table tr td.basic-view-1 { width:20%; }
	.grid-view table tr td.basic-view-2 { width:20%; }
	.grid-view table tr td.basic-view-3 { width:50%; }
	.grid-view table tr td.basic-view-4 { width:10%;}
}

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

/* editor */

.grid-editor { }
#grid-mobile {display:none; width:100%; height:300px; border:1px solid #e1e1e1;}
#grid-mobile div { text-align:center; vertical-align:middle; color:#5f5f5f; }
.grid-editor table {color:#5f5f5f; width:100%; border-top:2px solid #528acf; font-family: 'NanumGothic', '나눔고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum;}
.grid-editor table td { padding-top:10px; padding-bottom:10px; font-size:14px; }
.grid-editor table td.editor-w-1 { width:16%; background:#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:0px; }
.grid-editor table td.editor-w-2 { width:84%; text-indent:20px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.grid-editor table td.editor-w-2 input {border:1px solid #e1e1e1; background:#fff; height:32px;}
.grid-editor table td.editor-w-2 textarea {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:80%; }
.grid-editor table td label { line-height:28px; }

.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-left:20px; margin-top:10px; width:95%; text-indent:0px; }
.editor-file-list ul { border:1px solid #cacaca; min-height:171px; }
.editor-file-list ul li:after { content:''; clear:both; display:block; }
.editor-file-list ul li { padding:4px 10px; }
.editor-file-list ul li span { display:block; float:left; font-size:12px; }
.editor-file-list ul li span i { color:#004286; 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; vertical-align:sub; background:#fff; border:1px solid #e1e1e1; }
.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;}
.editor-file-list ul li span.file-list-size { width:100px; float:right; text-align:center; }
.editor-file-list ul li.file-list-head { padding:0px 10px; background:#f9f9f9; height:30px; border-bottom:1px solid #e1e1e1;; }
.editor-file-list ul li.file-list-head span { line-height:30px; font-size:13px;}
.editor-file-list .file-list-remove { margin-top:5px; margin-bottom:5px; text-align:right; }
.editor-file-list .file-list-remove button { background:#fff; border:0px; color:#5f5f5f; cursor:pointer; font-weight:normal;}

.box-btn {position:relative; display: inline-block; text-decoration:none; min-width: 90px; height: auto; background-color: #fff; border: 0; font-size: 0.875rem; font-weight:400; line-height: 1.875rem; color: #252525; text-align: center; padding: 0 22px 0 22px; border:1px solid #bbbbbb; margin-left:10px;}

@media only screen and (max-width:750px) {
	.grid-editor table td.editor-w-1, .grid-editor table td.editor-w-2 {width:99.9%; display:block;clear:both; text-indent:0px;}
	.grid-editor table td.editor-w-1 {background:#fff; border-bottom:0px; border-left:0px; font-weight:bold; 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%;}

	.editor-file-list {margin-left:0px; width:99%;}
	.editor-file-list ul li { padding:4px 5px; }
	.editor-file-list ul li.file-list-head {padding:0px 5px;}
	.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%;} 
}


.grid-editor.contact table {border-top:2px solid #333333; border-bottom:1px solid #333333;}
.grid-editor.contact table tr td.editor-w-1 {background:#fff; border-left:0px; border-bottom:2px dotted #dddddd;}
.grid-editor.contact table tr td.editor-w-2 {border-right:0px; border-bottom:2px dotted #dddddd;}
.grid-editor.contact table tr:last-child td.editor-w-1 {border-bottom:0px;}
.grid-editor.contact table tr:last-child td.editor-w-2 {border-bottom:0px;}

.grid-editor table tr td input {width:180px; color:#555;}
.grid-editor table tr td input.col-1 {width:500px;}
.grid-editor table tr td input.col-2 {width:200px;}
.grid-editor table tr td input.col-3 {width:120px;}
@media only screen and (max-width:750px) {
	.grid-editor table td.editor-w-1, .grid-editor table td.editor-w-2 {width:99.9%; display:block;clear:both; text-indent:0px;}
	.grid-editor.contact table tr td.editor-w-1  { border-bottom:0px; font-weight:bold; padding-top:20px;}
	.grid-editor table tr td input.col-1 {width:99.9%;}
	.grid-editor table tr td input.col-2 {width:40%;} 
	.grid-editor table tr td input.col-3 {width:28%;}
}