@charset "UTF-8";

/* List Webzine */
.board-normal .list-normal {width: 100%; border-top: 2px solid #004594; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; padding-top:30px; }
.board-normal .list-normal > li { width:100%; flex: 0 0 48%; border:1px solid #e2e2e2; margin-bottom:30px; padding: 15px 30px; }
.board-normal .list-normal > li:nth-child(even) {margin-left:4%;}
.board-normal .list-normal > li:hover {background: #f6f8fa; border-bottom: 1px solid #004594;}
.board-normal .list-normal > li.notice {padding-left: 80px;  background: #f6f8fa url(../images/ico-notice.png) no-repeat 35px center;}
.board-normal .list-normal .no-data {float: none !important; width: 100% !important; padding: 40px 0; text-align: center;}
.board-normal .box {padding: 10px; position: relative;}
.board-normal .box > a {display: table; width: 100%; table-layout: fixed;}
.board-normal .shadow > a {display: table; width: 100%;}
.board-normal .thumb {display: none; vertical-align: top; padding-right: 40px;}
.board-normal .thumb img {width:100%;}
.board-normal .info {display: table-cell; vertical-align: top; position: relative; line-height:1.2; width: 100%;}
.board-normal .info .no {padding-bottom: 5px;}
.board-normal .info .title {position: relative; padding-bottom: 15px;}
.board-normal .info .title strong {overflow: hidden; display: inline-block; max-width: 78%; font-size: 20px; font-family: 'Noto DemiLight'; color: #333; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}
.board-normal .info .title .new {position: relative; top: 2px; display: inline-block; text-indent: -9999px; width: 20px; height: 20px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px;}
.board-normal .info .title .secret {position: relative; top: 0; display: inline-block; text-indent: -9999px; width: 20px; height: 20px; background: url('../images/ico-secret.png') no-repeat center center; margin-left: 7px; vertical-align: middle;}
.board-normal .info .title .ing {position: relative; top: 2px; display: none; width: 75px; margin: 0 0 0 5px; padding: 7px 0; border-radius: 50px; font-family: 'Noto DemiLight'; font-size: 15px; text-align: center; color: white; }
.board-normal .info .title .btn-ing {background-color: #828282;}
.board-normal .info .title .btn-ok {background-color: #1e5ba8;}
.board-normal .info .para {margin-bottom: 30px; line-height:1.65; color: #666666;}
.board-normal .info .para {height:85px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}	/* 본문내용 길이 줄이기 */

.board-normal .info dl {position: relative; display: inline-block; padding-right: 20px; margin-right: 20px; font-size: 16px;}
.board-normal .info dl:after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 9px; background: #d1d1d1;}
.board-normal .info dl.date:after {display: none;}
.board-normal .info dt,
.board-normal .info dd {display: inline-block;}
.board-normal .info dt {color: #666;}
.board-normal .info dd {color: #888;}
.board-normal .info .file-count {display: inline-block; text-indent: -99999px;}
.board-normal .info .file {position: absolute; right: 0; top: 13px; display: inline-block; width: 40px; height: 30px; text-indent: -999999px; background: url('../images/ico-file.png') no-repeat center center;}
.board-normal .info .isFile {display: inline-block; width: 22px; height: 26px; background: url('../images/ico-file.png') no-repeat center center; vertical-align: middle;}
.board-normal .deleteArtclSeqs {position: absolute; top: 12px; left: -20px; z-index: 1;}
.board-normal .view-more {padding: 15px; border: 1px solid #d1d1d1; border-radius: 5px; position: absolute; right:15px; top:20px; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/ico-search.png') no-repeat center center;}
.board-normal .reply {position: relative; display: inline-block; font-family: 'Noto Regular'; font-size: 16px; color: #ff5a00; vertical-align: middle;}

@media all and (max-width:800px) {
	.board-normal .list-normal { justify-content:center; }
	.board-normal .list-normal > li:nth-child(even) {margin-left:0;}
	.board-normal .list-normal > li { flex: 0 0 100%; }
    .board-normal .info {width: 60%;}
    .board-normal .info dl {padding-right: 5px; margin-right: 1px; font-size: 14px;}
    .board-normal .info .file {right: -30px;}
}

@media all and (max-width:700px) {
    .board-normal .box > a {display: block;}
    .board-normal .thumb {display: none; width: 100%; padding-right: 0; padding-bottom: 40px;}
    .board-normal .info {display: block; width: 100%;}
}