@charset "utf-8";

.first {margin-bottom:80px;}
.not-board {font-size:1.25rem; text-align:center; border:1px solid #528acf; background:#f9fcff; color:#2f2f2f; padding-top:50px; padding-bottom:50px;}
.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;}

/* 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; text-align:center;}
.grid-view table tr td.basic-view-content .basic-view-content p {text-align:left;}
.grid-view table tr td.basic-view-content .basic-view-content img { text-align:center; max-width:80%; margin-top:20px;}
.grid-view table tr td.basic-view-content .basic-view-content img:last-child {margin-bottom:30px;}
.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%;}
	.grid-view table tr td.basic-view-content .basic-view-content img {width:100%; max-width:100%;}
}

@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 select {width:200px; padding-left:10px; height:32px; }
.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 select {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%;}
}