.board-list-upper { min-height: 30px; }
.board-list-upper:after { content: ""; clear: both; display: block; }
.board-list-upper .lef-area, .board-list-upper .rig-area { font-size: 0; line-height: 0; }
.board-list-upper .lef-area { float: left; width: 50%; }
.board-list-upper .rig-area { float: right; width: 40%; text-align: right; }
.board-list-upper .rig-area img, .board-list-upper .rig-area span, .board-list-upper .rig-area a { vertical-align: middle; }
.board-list-upper .rig-area a { margin-left: 5px; display: inline-block; }
.board-list-upper .total span { font-weight: 600; color: #333; }

.board-notice-col { border-top: 1px solid #e5e5e5; }
.board-notice-col li { font-size: 0; line-height: 0; }
.board-notice-col li:after { content: ""; clear: both; display: block; }
.board-notice-col a, .board-notice-col span { line-height: 35px; vertical-align: middle; display: inline-block; }
.board-notice-col .title { float: left; width: 85%; }
.board-notice-col .title a { font-size: 12px; color: #454545; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.board-notice-col .date { float: right; width: 15%; font-family: "Nunito", "Trebuchet MS", verdana, tahoma, sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 0; text-align: right; }


.collection_view {width:100%; position:relative;}
.collection_view dl {width:800px; margin:0 auto; min-height:900px; height:100%; position:relative}
.collection_view dl dt.work_title {font-size:33px; text-align:center; margin-bottom:20px;}
.collection_view dl dd.thumb {width:800px; overflow:hidden; margin-bottom:15px; text-align:center;}
.collection_view dl dd.thumb a {display: block; width:780px; height:480px; padding:9px; border:1px solid #e5e5e5;}
.collection_view dl dd.thumb a img {width:70%;  }
.collection_view dl .info ul .col {line-height:24px;}
.collection_view dl .info ul .col:after { content: ""; clear: both; display: block; }
.collection_view dl .info ul .col .row {width:100px; padding:13px 0; font-size:18px; float:left; color:#5e92c6; }
.collection_view dl .info ul .col .item {float:left; padding:13px 0; width:680px; margin-left:20px; font-size:16px; }
.collection_view dl dd .sns {position:absolute; bottom:10px; right:0;}
.collection_view dl dd .sns li {float:left; margin-left:5px;}
.collection_view .manage-btn {padding-top:20px; border-top:1px solid #e5e5e5}


.exhibition_view {width:100%; position:relative;}
.exhibition_view dl {width:900px; margin:0 auto; min-height:600px;}
.exhibition_view dl:after { content: ""; clear: both; display: block; }
.exhibition_view dl dt.work_title {font-size:33px; text-align:center; margin-bottom:20px;}
.exhibition_view dl dd.thumb {width:700px; height:450px; overflow:hidden; margin:0 auto;}
.exhibition_view dl dd.thumb:after { content: ""; clear: both; display: block; }
.exhibition_view dl dd.thumb a {display: block; width:700px; height:530px;}
.exhibition_view dl dd.thumb a img {width:700px; height:530px; }
.exhibition_view dl dd.thumb_small {float:left; width:175px;}
.exhibition_view dl dd.thumb_small ul li {display: inline-block; margin-bottom:15px;}
.exhibition_view dl dd.thumb_small ul:after { content: ""; clear: both; display: block; }
.exhibition_view .text {width:900px;  margin:0 auto; padding-bottom:50px; }
.exhibition_view .text:after { content: ""; clear: both; display: block; }
.exhibition_view .text .date {font-size:20px; padding-bottom:10px;}
.exhibition_view .text .area span {font-size:18px; color:#fff; background: #bdbdbd; padding:8px;}
.exhibition_view .subcon {border-top:1px solid #cccccc; margin:0 auto; width:1000px; padding:50px 0px;}
.exhibition_view .subcon:after { content: ""; clear: both; display: block; }
.exhibition_view .subcon .subtit {float:left; width:100px; margin-right:50px; font-size:22px; font-weight: 600;}
.exhibition_view .subcon .subcon_cons {float:left; width:820px; padding-bottom:20px; font-size:16px; line-height: 28px;}
.exhibition_view .subcon .sns  {position:absolute; bottom:65px; right:0;}
.exhibition_view .subcon .sns li {float:left; margin-left:5px;}
.exhibition_view ul.manage-btn {padding-top:20px; border-top:1px solid #e5e5e5}


.reservation_view {width:100%; position:relative;}
.reservation_view dl {width:1100px; margin:0 auto; border-top:2px solid #151515;}
.reservation_view dl:after { content: ""; clear: both; display: block; }
.reservation_view dl dd.thumb {width:360px; height:230px; overflow:hidden; margin-bottom:15px; float:left; margin-right:20px; padding-top:20px;}
.reservation_view dl dd.thumb a {display: block; width:360px; height:230px;}
.reservation_view dl dd.thumb a img {width:360px; height:230px; }
.reservation_view dl dd.txt_s {float:left; width:700px;}
.reservation_view dl.subtitle {width:700px; border:none; }
.reservation_view dl dt.work_title {font-size:22px;  margin-bottom:15px;  padding-top:20px; font-weight: 600;}
.reservation_view dl dd.work_article {font-size:15px; line-height: 25px; background: url('../img/board/arrow_01.jpg')no-repeat 0px 13px; padding-left:10px;}
.reservation_view dl dd.work_file {background: #f8f8f8; border:1px solid #e5e5e5; padding:10px; margin-top:10px;}
.reservation_view dl dd.work_file p {font-size:14px; background: url('../img/board/icon_file.jpg')no-repeat 0px 5px; padding-left:20px;}
.reservation_view dl dd.work_file p span {color:#3277ab; font-weight: 600;}
.reservation_view dl dd.btn {margin-top:15px;}
.reservation_view .subcon {border-top:1px solid #cccccc; margin:0 auto; width:1100px; padding:50px 0px;  font-size:16px; line-height: 28px;}
.reservation_view ul.manage-btn {padding-top:20px; border-top:1px solid #e5e5e5}



.reservation_form {width:100%; position:relative;}
.reservation_form dl {width:1100px; margin:0 auto; border-top:2px solid #151515;}
.reservation_form dl:after { content: ""; clear: both; display: block; }
.reservation_form dl dd.thumb {width:360px; height:230px; overflow:hidden; margin-bottom:15px; float:left; margin-right:20px; padding-top:20px;}
.reservation_form dl dd.thumb a {display: block; width:360px; height:230px;}
.reservation_form dl dd.thumb a img {width:360px; height:230px; }
.reservation_form dl dd.txt_s {float:left; width:700px;}
.reservation_form dl.subtitle {width:700px; border:none; }
.reservation_form dl dt.work_title {font-size:22px;  margin-bottom:15px;  padding-top:20px; font-weight: 600;}
.reservation_form dl dd.work_article {font-size:15px; line-height: 25px; background: url('../img/board/arrow_01.jpg')no-repeat 0px 13px; padding-left:10px;}
.reservation_form dl dd.work_file {background: #f8f8f8; border:1px solid #e5e5e5; padding:10px; margin-top:10px;}
.reservation_form dl dd.work_file p {font-size:14px; background: url('../img/board/icon_file.jpg')no-repeat 0px 5px; padding-left:20px;}
.reservation_form dl dd.work_file p span {color:#3277ab; font-weight: 600;}

.reservation_form .subcon {border-top:1px solid #cccccc; margin:0 auto; width:1100px; padding:50px 0px; }
.reservation_form .subcon p { font-size:18px; line-height: 28px; font-weight: 600;}
.reservation_form .subcon p span {font-size:12px; color:#888; margin-left:5px;}
.reservation_form .subcon table {border:1px solid #e5e5e5; margin-top:10px;}
.reservation_form .subcon table th {background: #fafafa; color:#555; border:1px solid #e5e5e5; padding:10px;}
.reservation_form .subcon table td {border:1px solid #e5e5e5; padding:10px; text-align: left;}
.reservation_form .subcon table input {width:50%}
.reservation_form .subcon table input[type=radio] {width:auto;}

.reservation_form .subcon .comment {font-size:12px; color:#d29045;}
.reservation_form .btn {margin-top:25px; text-align: center;}


/*소식지기사게시판*/
.article-board {width:940px; margin:0 auto; }
.article-board .article-section { width: 100%; font-size: 0; line-height: 0; }
.article-board .article-section .article { margin: 15px 1%; width: 98%; vertical-align: top; padding-bottom:15px; border-bottom:1px dotted #d5d5d5}
.article-board .article-section .article a, .article-board .article-section .article span { display: inline-block; }
.article-board .article-section .article .thumb, .article-board .article-section .article .desc_ { vertical-align: top; display: inline-block; font-size: 0; line-height: 0; }
.article-board .article-section .article .thumb { margin-right: 2%; width: 30%; }
.article-board .article-section .article .thumb a { height: 180px; display: block; font-size: 0; line-height: 0; }
.article-board .article-section .article .thumb a img { width: 99%; height: 99%; border: 1px solid #e5e5e5; }
.article-board .article-section .article .desc_ { width: 67%; font-size: 13px; line-height: 18px; }
.article-board .article-section .article .title {font-size:20px; font-weight: 600; height:25px; line-height:25px; margin-top:1%;}
.article-board .article-section .article .title a { width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.article-board .article-section .article .date { font-family: "Nunito", "Trebuchet MS", verdana, tahoma, sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 0; display:block;text-align:right; border-bottom:1px dotted #d5d5d5;}
.article-board .article-section .article .article_con { margin-top: 8px; line-height:180%; max-height:160px; overflow: hidden; max-width: 610px}

.opentype {margin-top:20px; border-top:2px dashed #efefef; text-align: right; padding-top:15px;}
.opentype img {width:250px;}

@media all and (max-width: 1024px) 
{
    .article-board {width:100%; margin:0 auto; }
}



@media all and (max-width: 767px) 
{
	.article-board {width:100%; margin:0; overflow:hidden}
	.article-board .article-section {padding:0; overflow:hidden;}
	.article-board .article-section .article {width:98%; margin:0 1%; padding:5% 0}
	.article-board .article-section .article .thumb {width: 100%; margin:0 }
	.article-board .article-section .article .thumb a { height: 200px; display: block; font-size: 0; line-height: 0; }
	.article-board .article-section .article .thumb a img {height:200px; width:99%}
	.article-board .article-section .article .desc_ { width: 100%; font-size: 12px; line-height: 18px; }
	.article-board .article-section .article .title {font-size:20px; font-weight: 600; height:25px; line-height:25px; margin-top:3%;}
	.article-board .article-section .article .article_con {margin-top: 8px; line-height:170%; max-height:120px; overflow: hidden; width:100%; max-width:100%;}
	.article-board fieldset {margin:0; padding:0; -webkit-margin-start:0; -webkit-margin-end: 0;-webkit-padding-before: 0;-webkit-padding-start: 0;-webkit-padding-end: 0; -webkit-padding-after: 0;min-width: 0}
	#EditorViewer p img {max-width:100%}
}	


.article-view .view-upper {position:relative;padding-bottom:30px;}
.article-view .view-upper .title, .article-view .view-upper .article-info, .article-view .view-upper .attachment { border-bottom: 1px solid #e5e5e5; }
.article-view .view-upper span { display: inline-block; }
.article-view .view-upper .title { padding: 1% 0; font-size: 30px; line-height: 30px; text-align:center;}
.article-view .view-upper .article-info { padding: 1% 0; }
.article-view .view-upper .article-info:after { content: ""; clear: both; display: block; }
.article-view .view-upper .article-info li { width: 50%; }
.article-view .view-upper .article-info .lab { margin-right: 5px; font-size: 12px; font-weight: 600; }
.article-view .view-upper .article-info .date { float: left; }
.article-view .view-upper .article-info .author { float: right; text-align: right; }
.article-view .view-upper .attachment { background: #f8f8f8; }
.article-view .view-upper .attachment li { padding: 0.3% 0; font-size: 12px; line-height: 25px; border-top: 1px solid #e5e5e5; }
.article-view .view-upper .attachment li:first-child { border-top: 0; }
.article-view .view-upper .attachment li span { padding-left: 20px; width: 98%; background: url("../img/file_icon.png") no-repeat 0 50%; }
.article-view .view-upper .attachment li span a { width: 95%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.article-view .view-upper .attachment li img, .article-view .view-upper .attachment li a, .article-view .view-upper .attachment li span { vertical-align: middle; display: inline-block; }
.article-view .view-upper ul.date_hit {position: relative; border-bottom:1px solid #e5e5e5; height:30px; line-height:30px; text-align:right;}
.article-view .view-upper ul.date_hit li {float:right; margin-left:5px}
.article-view .view-upper ul.sns {position: absolute; bottom:0; right:0}
.article-view .view-upper ul.sns li {float:left; margin-left:5px}
@media (max-width: 480px) { 
	.article-view .view-upper .title {padding:3% 0; font-size:24px; font-weight:600; color:#000 }
	.article-view .view-upper .article-info { padding: 2% 0; background: #f8f8f8; }
	.article-view .view-upper .attachment { background: none; } 
  }
.article-view .view-contents { padding: 3% 0; line-height: 170%; text-align: justify; word-break: break-all; word-wrap: break-word; position:relative}

.article-view .view-contents iframe {width:100%!important;height:700px!important}


@media all and (max-width:768px){
	
	.article-view .view-contents iframe {height:500px!important}
	
}

@media all and (max-width:640px){
	
	.article-view .view-contents iframe {height:400px!important}
	
}



@media (max-width: 480px) { .article-view .view-contents { padding: 5% 0; }
  .article-view .view-contents img { max-width: 100%; } }
.article-view .comment-section { margin-top: 2%; padding: 3% 1%; line-height: 18px; font-size: 12px; border-top: 1px solid #aeaeae; }
.article-view .comment-section .title-area { font-size: 15px; font-weight: 600; letter-spacing: -1.2px; }
.article-view .comment-section legend.title-area { padding-bottom: 10px; display: block; }
.article-view .comment-section .comment-view { margin-top: 10px; padding: 20px; border: 1px solid #e5e5e5; background: #f8f8f8; }
.article-view .comment-section .comment-view span, .article-view .comment-section .comment-view a, .article-view .comment-section .comment-view strong { display: inline-block; }
.article-view .comment-section .comment-view strong { color: #333; }
.article-view .comment-section .comment-view .comment-info { border-bottom: 1px solid #e5e5e5; }
.article-view .comment-section .comment-view .comment-info:after { content: ""; clear: both; display: block; }
.article-view .comment-section .comment-view .comment-info .author { padding-bottom: 10px; float: left; width: 50%; }
.article-view .comment-section .comment-view .comment-info .author .date { margin-left: 10px; }
.article-view .comment-section .comment-view .comment-info .btns { float: right; width: 50%; text-align: right; }
.article-view .comment-section .comment-view .comment-info .btns a { padding: 0 3px; font-family: "Nunito", "Trebuchet MS", verdana, tahoma, sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 0; }
.article-view .comment-section .comment-view .subs-area > .subs { padding-top: 20px; font-size: 13px; border-top: 1px solid #e5e5e5; }
.article-view .comment-section .comment-view .subs-area > .subs:first-child { border-top: 0; }
.article-view .comment-section .comment-view .subs { padding-top: 10px; font-size: 12px; word-break: break-all; word-wrap: break-word; text-align: justify; }
.article-view .comment-section .comment-view .comment-reply { margin-top: 20px; }
.article-view .comment-section .comment-view .comment-reply .reply-view { padding: 15px; background: #fff; border-top: 1px solid #aeaeae; }
.article-view .comment-section .comment-view .comment-reply .reply-view:after { content: ""; clear: both; display: block; }
.article-view .comment-section .comment-view .comment-reply .reply-view .author strong { padding-left: 28px; background: url("../img/icon_reply.png") no-repeat 0 0; }
.article-view .comment-section .comment-view .comment-reply .reply-view .reply-reply-view { margin-top: 20px; padding: 15px; float: right; width: 92%; border-top: 3px solid #aeaeae; background: #f8f8f8; }
@media (max-width: 960px) { .article-view .comment-section .comment-view .comment-reply .reply-view .reply-reply-view { width: 90%; } }
@media (max-width: 720px) { .article-view .comment-section .comment-view .comment-reply .reply-view .reply-reply-view { width: 88%; } }
@media (max-width: 640px) { .article-view .comment-section .comment-view .comment-reply .reply-view .reply-reply-view { width: 86%; } }
@media (max-width: 480px) { .article-view .comment-section .comment-view { padding: 15px; }
  .article-view .comment-section .comment-view .comment-info .author, .article-view .comment-section .comment-view .comment-info .btns { float: none; width: 100%; }
  .article-view .comment-section .comment-view .comment-info .btns { margin-top: 1.5%; padding-top: 1.5%; border-top: 1px solid #e5e5e5; }
  .article-view .comment-section .comment-view .comment-reply .reply-view .reply-reply-view { width: 82%; } }
@media (max-width: 360px) { .article-view .comment-section .comment-view .comment-reply .reply-view .reply-reply-view { width: 74%; } }
.article-view .comment-section .comment-write { margin-top: 5%; }
.article-view .comment-section .comment-write input[type="text"], .article-view .comment-section .comment-write input[type="password"] { margin: 0; height: 28px; line-height: 28px; }
.article-view .comment-section .comment-write .writing { padding: 20px; border: 1px solid #e5e5e5; }
.article-view .comment-section .comment-write .writing li { margin-top: 2%; }
.article-view .comment-section .comment-write .writing li:first-child { margin-top: 0; }
.article-view .comment-section .comment-write .writing .input label { margin-left: 30px; font-weight: 600; }
.article-view .comment-section .comment-write .writing .input label:first-child { margin-left: 0; }
.article-view .comment-section .comment-write .writing .input input[type="text"], .article-view .comment-section .comment-write .writing .input input[type="password"] { margin-left: 5px; width: 130px; vertical-align: middle; }
.article-view .comment-section .comment-write .writing .secret { font-size: 11px; }
.article-view .comment-section .comment-write .writing .secret label { margin-right: 20px; font-weight: 600; color: #333; }
.article-view .comment-section .comment-write .writing textarea { padding: 1%; width: 97.5%; height: 63px; }
.article-view .comment-section .comment-write .writing .prevent { padding-bottom: 1%; font-size: 0; line-height: 0; }
.article-view .comment-section .comment-write .writing .prevent span, .article-view .comment-section .comment-write .writing .prevent input, .article-view .comment-section .comment-write .writing .prevent img { vertical-align: middle; }
.article-view .comment-section .comment-write .writing .prevent input[type="text"] { width: 80px; }
.article-view .comment-section .comment-write .writing .prevent input[type="submit"] { width: 70px; height: 30px; line-height: 30px; font-size: 12px; font-weight: 600; }
.article-view .comment-section .comment-write .writing .prevent img { height: 30px !important; }
@media (max-width: 480px) { .article-view .comment-section .comment-write { margin-top: 8%; }
  .article-view .comment-section .comment-write .writing { padding: 10px; }
  .article-view .comment-section .comment-write .writing .input label { margin-top: 3%; margin-left: 0; display: block; }
  .article-view .comment-section .comment-write .writing .input label:first-child { margin-top: 0; }
  .article-view .comment-section .comment-write .writing .input input[type="text"], .article-view .comment-section .comment-write .writing .input input[type="password"] { margin-left: 0; padding: 0 1%; width: 97.5%; display: inline-block; }
  .article-view .comment-section .comment-write .writing .secret span { display: block; }
  .article-view .comment-section .comment-write .writing .prevent input[type="text"] { width: 60px; }
  .article-view .comment-section .comment-write .writing .prevent input[type="submit"] { font-size: 11px; } }
.article-view .manage-btn { padding-top: 10px; border-top: 1px solid #e5e5e5; }

.view-lower-board { margin-top: 35px; }


/********************/
.video-board .article-section .article { margin: 15px 1%; width: 31%; display: inline-block; vertical-align: top; }
.video-board .article-section .article a, .video-board .article-section .article span { display: inline-block; }
.video-board .article-section .article .thumb { font-size: 0; line-height: 0; }
.video-board .article-section .article .thumb:hover {box-shadow:2px 2px 2px #ddd; transition:0.3s all ease}
.video-board .article-section .article .thumb a { height: 160px; display: block; }
.video-board .article-section .article .thumb a img { width: 100%; height: 100%; }
.video-board .article-section .article .desc_, .video-board .article-section .article .etc { margin-top: 5px; }
.video-board .article-section .article .title { margin-top: 8px; }
.video-board .article-section .article .title a { font-size: 13px; color: #333; font-weight: 600; line-height: 18px; word-break: break-all; word-wrap: break-word; }
.video-board .article-section .article .title label { display: block; }
.video-board .article-section .article .date { font-family: "Nunito", "Trebuchet MS", verdana, tahoma, sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 0; }

.video_latest {width:100%; min-height:300px; position:relative; border-top:3px solid #4b5f79; background:#f7f7f7; margin-bottom:3%;}
.video_latest ul {width:94%; margin:3%;}
.video_latest ul li {float:left}
.video_latest ul li.video_thumb {width:49%; margin-right:3%;}
.video_latest ul li.video_thumb a {display:block; width:100%;}
.video_latest ul li.video_thumb a img {width:100%; max-height:245px}
.video_latest ul li.video_con {width:410px}
.video_latest ul li.video_con a.v_title {display:block; height:35px; margin:3% 0; font-size:20px; line-height:35px; border-bottom:1px solid #d5d5d5}
.video_latest ul li.video_con a.v_title span {display:inline-block; padding:0 10px; background:#4b5f79; color:#fff; font-size:13px; margin-right:10px;}
.video_latest ul li.video_con a.v_content {display:block; height:180px; overflow:hidden; line-height:160%;}

@media all and (max-width: 1024px) 
{
    .video_latest {border:none; height:100%; min-height:100%}
    .video_latest ul li {float:none}
    .video_latest ul li.video_thumb {width:100%; height:250px;}
    .video_latest ul li.video_thumb a img {height:250px}
    .video_latest ul li.video_con {width:100%;}
    .video_latest ul li.video_con a.v_content {height:70px; }
    .video_latest ul li.video_con a.v_title {overflow:hidden;}
    .video-board .article-section .article {width:47.5%; margin:1.5% 1%}
    .video-board .article-section .article .thumb a {height:150px;}
    .video-board .article-section .article .thumb a img {height:150px}
}



@media all and (max-width: 767px) 
{
	.video_latest {border:none; height:100%; min-height:100%}
	.video_latest ul li {float:none}
	.video_latest ul li.video_thumb {width:100%; height:150px;}
	.video_latest ul li.video_thumb a img {height:150px}
	.video_latest ul li.video_con {width:100%;}
	.video_latest ul li.video_con a.v_content {height:70px; }
	.video_latest ul li.video_con a.v_title {overflow:hidden;}
	.video-board .article-section .article {width:47.5%; margin:1.5% 1%}
	.video-board .article-section .article .thumb a {height:100px;}
	.video-board .article-section .article .thumb a img {height:100px}
}


/*파일다운게시판*/
.downfile-board .article-section {font-size: 0; line-height: 0; border-top: 1px solid #e5e5e5; }
.downfile-board .article-section .article { margin: 15px 1%; width: 18%; display: inline-block; vertical-align: top; }
.downfile-board .article-section .article a, .downfile-board .article-section .article span { display: inline-block; }
.downfile-board .article-section .article .thumb { font-size: 0; line-height: 0; border:1px solid #dddddd;}
.downfile-board .article-section .article .thumb:hover {box-shadow:2px 2px 2px #ddd; transition:0.3s all ease}
.downfile-board .article-section .article .thumb a { height: 220px; display: block; }
.downfile-board .article-section .article .thumb a img { width: 100%; height: 100%; }
.downfile-board .article-section .article .desc_, .downfile-board .article-section .article .etc { margin-top: 5px; }
.downfile-board .article-section .article .title { margin-top: 8px; }
.downfile-board .article-section .article .title a { font-size: 13px; color: #333; font-weight: 600; line-height: 18px; word-break: break-all; word-wrap: break-word; width:168px; height:20px}
.downfile-board .article-section .article .title label { display: block; }
.downfile-board .article-section .article .file_down {text-align:center; font-size: 12px; width:100%; margin-top:5px}
.downfile-board .article-section .article .file_down a {display:block; width:100px; padding:8px 0; background:#92C449; border-radius:15px; color:#fff; margin:0 auto}
.downfile-board .article-section .article .file_down a:hover {background:#257FEF; transition:0.3s all ease}
.downfile-board .article-section .article .file_down, .downfile-board .article-section .article .name, .downfile-board .article-section .article .date { line-height: normal; }
.downfile-board .article-section .article .name { margin-right: 10px; font-size: 11px; font-weight: 600; }
.downfile-board .article-section .article .date { font-family: "Nunito", "Trebuchet MS", verdana, tahoma, sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 0; }
@media (max-width: 1200px) { .downfile-board .article-section .article { margin: 15px 1.5% 0; width: 17%; } }
@media (max-width: 960px) { .downfile-board .article-section .article { margin: 15px 2% 0; width: 21%; } }
@media (max-width: 720px) { .downfile-board .article-section .article { width: 29.300%; } }
@media (max-width: 560px) { .downfile-board .article-section .article { width: 46%; } }
@media (max-width: 360px) { .downfile-board .article-section .article { margin: 15px 15px 15px 0px; width: 45%; } }


@media all and (max-width: 767px) 
{
.downfile-board .article-section {border-top:0; margin-bottom:5%}
.downfile-board .article-section .article .title {width:100%; height:15px; line-height:15px; overflow:hidden; margin:5% 0}


}





/*공모전 게시판(비공개, 첨부파일여부, 진행 보류 완료) */
.contest-board {width:940px; margin:0 auto}
.contest-top {width:100%; position:relative;  padding-bottom:60px}
.contest-top .top_img {width:100%;}
.contest-top .top_img img {width:100%; height:320px}
.contest-top .filedown {float:right; text-align:center; margin-top:5px; }
.contest-top .filedown a {display:block; width:170px; font-size:14px; padding:12px 0; background:#92C449; border:1px solid #7fb432 ;border-radius:15px; color:#fff;}
.contest-top .filedown a:hover {background:#257FEF; border:1px solid #1265cc ; transition:0.3s all ease}
.contest-board .board-list-upper {clear:both;}
.contest-board table { border-top: 3px solid #257FEF; }
.contest-board table a, .contest-board table span, .contest-board table strong, .contest-board table img { vertical-align: middle; }
.contest-board table .reply { margin-right: 10px; }
.contest-board table thead tr th { padding: 1% 0; text-align:center; background: #f8f8f8; border-bottom: 1px solid #e5e5e5; }
.contest-board table tbody tr:last-child td { border-bottom: 0 !important; }
.contest-board table tbody tr td {text-align:center; padding: 1% 0.5%; word-break: break-all; word-wrap: break-word; border-bottom: 1px solid #e5e5e5; }
.contest-board table tbody tr td.board-title {text-align:left}
.contest-board table tbody tr td.board-title span {font-size:11px; display:inline-block; padding:3px 8px; color:#fff; margin-right:5px; background:#5086e0}
.contest-board table tbody tr td.board-title span.lock {background:#afafaf}
.contest-board table tbody tr td.ongoing {font-size:12px; color:#fff; background:#e05050}
.contest-board table tbody tr td.ended {font-size:12px; color:#fff; background:#afafaf}
.contest-board table tbody tr td.hold {font-size:12px; color:#fff; background:#5086e0}
.contest-board table tbody tr td a { display: inline-block; }
.mb35 {margin-bottom:35px;}





@media (max-width: 720px) { .contents-lower { border-bottom: 0; }
  .contents-lower .lef-area, .contents-lower .rig-area { float: none; width: 100%; }
  .contents-lower .rig-area .lower-search, .contents-lower .rig-area .lower-btns { text-align: center; }
  .paginate { width: 100%; }
  .paginate .move { padding: 0; width: 10%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .paginate .move a { padding: 0 5px; }
  .paginate .number { width: 80%; }
  .contents-lower .lower-search, .lower-search { margin-top: 0; padding: 10px 0; width: 100%; border-top: 1px solid #e5e5e5; }
  .contents-lower .lower-search input[type="text"], .lower-search input[type="text"] { height: 33px; line-height: 33px; border: 1px solid #e5e5e5; }
  .contents-lower .lower-btns, .lower-btns { margin-top: 0; padding: 10px 0; width: 100%; text-align: center; border-top: 1px solid #e5e5e5; }
  .contents-lower .lower-btns a, .lower-btns a { margin-top: 0; }
  .contest-board table tbody tr td.board-title span {padding:3px 5px; margin-right:0}
  .contest-board table tbody tr td.ongoing {font-size:11px}
  .contest-board {width:100%}
  .contest-top .top_img img {height:200px !important; max-height:240px}
  .contest-board table {font-size:11px}
  .contest-board table tbody tr td a {display:inline}
  
  }
@media (max-width: 480px) { .contents-lower .paginate .move a, .paginate .move a { padding: 0; }
  .contents-lower .paginate .number a, .paginate .number a { width: 9%; }
  .lower-search { background: #f8f8f8; }
  .lower-search select { width: 30%; }
  .lower-search input[type="text"] { margin: 0; width: 40%; }
  .lower-search .search-btn { width: 20%; }
  .lower-btns { text-align: center; }
  .lower-btns a { padding: 0 0.5%; width: 17%; font-size: 11px; } }