/* pc용() */

.board {position:relative;width:100%;}

/* 게시물 검색 */
.board .top {position:relative;margin:0 0 10px;padding:10px;background:#eee}
.board .top >div {display:inline-block}
.board .top .search {position:relative;width:350px;height:36px;}
.board .top .search input {border:1px solid #ddd;width:100%;height:36px;line-height:36px;font-size:1.24em;padding:0 50px 0 12px;color:#777;}
.board .top .search input:focus {outline:none}
.board .top .search button {position:absolute;top:0;right:0;width:50px;height:36px;background:#ddd;border:0;font-size:1.2em;}

.board_btn {float:right}
.board_btn .btn_nt {display:inline-block;height:36px;padding:0 10px;line-height:36px;font-size:1.06em;border:1px solid #ddd;background:#fff;color:#555;}
.board_btn .btn_nt:hover {border:1px solid #237ab5;}

@media (max-width: 768px) {
/* 게시물  */
.board .top .search {width:100%;}
	
.board_btn {float:none;margin-top:6px;}
}

/* 게시물 목록 */
.board .list ul {border-top:2px solid #333;}
.board .list li {position:relative;width:100%;border-bottom:1px solid #ddd;padding:25px 15px;}
.board .list li:hover {background:#f7f7f7;}
.board .list li >a {display:table;width:100%;vertical-align:middle;text-decoration: none;color:#555;}
.board .list li >a div {display:table-cell;vertical-align:middle}
.board .list li >a div >p {margin:0;padding:0;}
.board .list .number {text-align:left;}
.board .list .dvs {text-align:left;font-size:.9em;font-weight:500}
.board .list .code {text-align:left;width:70%;}
.board .list .date {text-align:center;}
.board .list .count {text-align:right;}
.board .list .writer {text-align:left;}
.board .list .link_wrap span {font-size:1.2em !important;}
.board .list .sumbtn {text-align:right}
.board .list .sumbtn button, .board .view .sumbtn button {overflow:hidden;background:#175cbb;color:#fff;font-size:1.2em;}
.dvs span {display:inline-block;color:#333;font-weight:400;background:#ddd;height:24px;line-height:24px; padding:0 6px;border-radius:4px;margin-right:4px;}
.dvs span.rd_ing {color:#fff;background:#dc0000;border:0;}
.dvs span.rd_stop {color:#fff;background:#004db5;}
.code strong {display:block;overflow: hidden;color:#333;font-size:1.4em;font-weight:400/*text-overflow: ellipsis;white-space: nowrap;*/}
.code .etc {display:block;width: 100%;margin-top:8px;}
.code .etc >span {display: inline;color: #888;margin-right:12px;background:url('/home/images/span_line_gray.gif')no-repeat right center;padding-right:12px;}
.code .etc >span:last-child {background:none}

.etc, .date, .count, .writer {font-size:1.1em;}

.gallery {margin:10px 0;}
.gallery a {color:#333;}
.photo_news {width:100%;height:170px;background:#f7f7f7 url('/home/images/no-images.png')no-repeat center;}
.gallery a .code {font-weight: 400;margin:20px 20px 10px;line-height: 1.8em;height: 3.6em;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;}
.gallery a .code strong {font-size:1.3em;}
.gallery.col-lg-3, .gallery.col-md-6, .gallery.col-sm-12, .gallery.col-xs-12 {padding-right: 10px;padding-left: 10px;}

/* 게시물 내용 */
.board .view .summary {border:1px solid #ddd;border-top:2px solid #555;padding:10px 20px;}
.board .view .summary {margin-bottom:40px;}
.board .view .summary h3.title {display:block;margin:0;font-size:2.2em;text-align:center;line-height:3em;border-bottom:1px solid #ddd;}
.board .view .summary .reference {display:inline-block;text-align:left;margin-bottom:8px;}
.board .view .summary .reference h4 {display:inline-block;font-size:1.2em;line-height:1.4em;font-weight:600;margin:0;margin-right:12px;}
.board .view .summary .reference span {display:inline-block;font-size:1.2em;line-height:1.4em;color:#777;margin:0;}
.board .view .summary .reference .ing {color:red;}
.board .view .detail {margin:0 0 30px;border:1px solid #ddd;}
.board .view .detail >div {}
/*.board .view .detail >div >strong {padding-top:10px;font-size:1.3em; background:url('/home/images/title_top_blt.gif')no-repeat left top}*/
.board .view .sumbtn {display:block;margin:40px 0 5px;text-align:right;}
.board .view .sumbtn1 {display:block;width:100%;text-align:center}
.board .view .sumbtn1 button {display:inline-block;height:70px;line-height:50px;text-align:center;margin:0 2px;font-size:2em;border-radius:6px;text-decoration: none;}
.board .view .sumbtn1 .btn_ct {color:#fff;background:#2f86c0;padding:0 50px;border:1px solid #2f86c0;}
.board .view .sumbtn1 .btn_lt {color:#555;background:#fff;padding:0 30px;border:1px solid #aaa;}
.board .view .listbtn {display:block;text-align:right}

.wv_area >ul >li {border-left:1px solid #ddd;border-right:1px solid #ddd;}
.wvTitle {border-top:1px solid #ddd;margin-top:10px;}

.sns_share {position:relative;right:0;margin-bottom:10px;text-align:right}
.sns_share button {display:inline-block;width:40px;height:40px;margin-left:5px;border:0;text-indent: -9999px;}
.sns_share button.facebook {background:url('/home/board/images/facebook.gif')no-repeat;background-size:cover;}
.sns_share button.google {background:url('/home/board/images/google.gif')no-repeat;background-size:cover;}
.sns_share button.kakaostory {background:url('/home/board/images/kakaostory.gif')no-repeat;background-size:cover;}
.sns_share button.naverblog {background:url('/home/board/images/naverblog.gif')no-repeat;background-size:cover;}

.adding {width:100%;}
.adding span.name {float:left;display:block;width:10%;}
.adding span.input {float:left;display:block;width:90%;}

.detail .form {display:block;padding:30px 35px;font-size:1.2em;}
.detail .form p {display:block;}
.detail .form p span {display:block}
.detail .file {display:block;padding:20px;background:#f7f7f7;margin-top:80px;}
.detail .file ul {display:table;}
.detail .file ul li {display:table-cell;font-size:1.2em;padding:0 20px;}
.detail .file ul li span.hwp {}
.detail .file ul li span a {display:block;color:#555;font-size:.92em;font-weight:400;margin-bottom:5px;cursor: pointer}
.listbtn input[type="button"] { display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px; }

@media (min-width: 1000px) {
/* 게시물 내용 */
.board .view .summary h3.title {margin-bottom:15px;}	
}

@media (max-width: 1000px) {
/* 게시물 내용 */
.board .view .summary h3.title {padding:10px 0;font-size:2em;line-height:1.4em;margin-bottom:10px;}
.board .view .summary .reference.col-sm-4 {padding:0 !important}
.board .view .summary .reference h4 {line-height:1.8em;}
.board .view .summary .reference span {line-height:1.8em;}	
}

@media (max-width: 768px) {
	/* 게시물 목록 */
	.board .list li {padding:15px 10px;}
	.board .list li >a {display:block;width:100%;}
	.board .list .number {display:none}
	.board .list .dvs {width:33%;margin-bottom:10px;}
	.board .list .code {width:100%;text-align:left;display:block;}
	.board .list .writer {padding-right:8px;}
	.board .list .date {padding-right:8px;}
	.board .list .count {padding-right:8px;}
	.code strong {font-size:1.3em;font-weight:400;margin:0;}
	.code .etc >span {display:block;font-size:.84em;margin-right:0;background:none;padding-right:0;    line-height: 1.5em;}
	.board .list .sumbtn {display:none}

	/* 게시물 내용 */
	.board .view .summary h3.title {padding:10px 0;font-size:1.4em;text-align:left;line-height:1.2em;margin-bottom:10px;}
	.board .view .summary .reference {margin:0;}
	.board .view .summary .reference h4 {font-size:1em;line-height:1.6em;}
	.board .view .summary .reference span {font-size:1em;line-height:1.6em;}

	.board .view .sumbtn1 button {width:49%;margin:0;border-radius:0}
	.board .view .sumbtn1 .btn_ct {padding:0;}
	.board .view .sumbtn1 .btn_lt {padding:0;}

	.sns_share {margin-bottom:5px}
	.sns_share button {width:30px;height:30px;margin-left:2px}
}

/* 페이지넘김 */
.pageNum {margin:4% auto; text-align:center}
.pageNum span {display:inline-block;margin:0 2px;}
.pageNum span a {display:block; width:35px; height:35px; color:#555; font-size:1.1em; line-height:25px; text-align:center;margin:0;border:0;}
.pageNum span a:hover , .pageNum a.on {background:#fff;color:#1672b0;border:1px solid #1672b0;}
.pageNum span a.prev , .pageNum a.next, .pageNum a.list {width:50px;}

@media (max-width: 768px) {
/* 페이지넘김 */
.pageNum span a {width:28px; height:28px; color:#555; font-size:1em; line-height:16px;}
}