@charset "UTF-8";


/* List Album */
.board-album .list-album {display: inline-block; width: 100%;}
.board-album.horizon1 .list-album > li {width: 100%;}
.board-album.horizon2 .list-album > li {width: 50%;}
.board-album.horizon3 .list-album > li {width: 33.3333%;}
.board-album.horizon4 .list-album > li {width: 25%;}
.board-album.horizon5 .list-album > li {width: 20%;}
.board-album .list-album > li {float: left;}
.board-album .list-album .no-data {float: none !important; width: 100% !important; padding: 40px 0; text-align: center;}
.board-album .box {padding: 16px; position: relative;}

.board-album.horizon1 .thumb {height: 288px;}
.board-album.horizon2 .thumb {height: 288px;}
.board-album.horizon3 .thumb {height: 288px;}
.board-album.horizon4 .thumb {height: 288px;}
.board-album.horizon5 .thumb {height: 288px;}

.board-album .thumb{overflow:hidden; position: relative;}
.board-album .thumb > span{width: 48px; height: 32px; line-height: 32px; border-radius: 5px; background-color: #2822E9; color: white; display: inline-block; position: absolute; left: 20px; top: 20px; text-align: center;}
.board-album .thumb .thumb-image {width:100%; height: 100%;}
.board-album .info {position: relative; line-height:1.2; padding: 23px 20px;; background-color: #F7F7F7; }
.board-album .info .title{text-align: left; margin-bottom: 15px;}
.board-album .info .title strong {font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; color: #000000; font-family: "Pre Bold"; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; height:60px; }
.board-album .info .title .new {position: relative; top: 2px; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px;}
.board-album .info .desc{display: flex;}
.board-album .info dt {display: none; color: #707070; font-size: 16px;}
.board-album .info dd {color: #707070; font-size: 16px;}
.board-album .info dl {position: relative; display: flex;}
.board-album .info dl:last-child:after {display: none;}
.board-album .info .count{margin-left: auto;}
.board-album .info .count dt{display: inline-block; margin-right: 6px;}
.board-album .info .date{padding-right: 13px; margin-right: 12px; position: relative;}
.board-album .info .date::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: #707070;}
.board-album .deleteArtclSeqs {position: absolute; top: 20px; left: 20px; z-index: 1;}
.board-album .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;display:none;}


.board-button.view > form {display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;}

.board-bottom {text-align:right;}
.board-bottom .btn-control {margin-top: 20px;}
.board-bottom .btn-control input[type="submit"]{background: #3445EB url(../images/write_icon.png) no-repeat left 71px center; padding: 18px 71px 18px 114px; font-size: 20px; line-height: 32px;}

@media all and (max-width: 768px) {
  .board-album .info .title strong{font-size: 16px; line-height: 25px; height: 50px;}
  .board-album .info dt,
  .board-album .info dd{font-size: 14px;}
}

@media all and (max-width:1000px) {
    .board-album.horizon1 .list-album > li {width: 100%;}
    .board-album.horizon2 .list-album > li {width: 100%;}
    .board-album.horizon3 .list-album > li {width: 50%;}
    .board-album.horizon4 .list-album > li {width: 33.3333%;}
    .board-album.horizon5 .list-album > li {width: 25%;}
}

@media all and (max-width:760px) {
    .board-album.horizon1 .list-album > li {width: 100%;}
    .board-album.horizon2 .list-album > li {width: 100%;}
    .board-album.horizon3 .list-album > li {width: 100%;}
    .board-album.horizon4 .list-album > li {width: 50%;}
    .board-album.horizon5 .list-album > li {width: 50%;}
    .board-button {margin: 30px 0 0;}
}

@media all and (max-width:500px) {
    .board-album.horizon1 .list-album > li {width: 100%;}
    .board-album.horizon2 .list-album > li {width: 100%;}
    .board-album.horizon3 .list-album > li {width: 100%;}
    .board-album.horizon4 .list-album > li {width: 100%;}
    .board-album.horizon5 .list-album > li {width: 100%;}
}

.board-album .shadow > a { display:block; transition: all .25s;}
.board-album .shadow > a:hover{box-shadow: 0 0 15px 2px rgba(30,30,30,.2);}

.board-cate .cate-now{display: flex;}
.board-cate .cate-now li{flex: 1; border: 1px solid #D9D9D9; border-right: 0;}
.board-cate .cate-now li:last-child{border-right: 1px solid #d9d9d9}
.board-cate .cate-now li.active{border: 1px solid #000; border-right: 0;}
.board-cate .cate-now li.active a{background: #222222; color: white;}
.board-cate .cate-now li a{display: block; text-align: center; color: #707070; font-size: 20px; padding: 23px 0;}

.regist-file {position: relative; max-width:840px;}
.regist-file .file-select label {position: relative;}
.regist-file .file-box {display: none !important;position: relative; background: #F7F7F7; border-radius:4px; height:60px; font-size: 16px; color:#515151; font-family: 'Pre Medium'; padding:0 20px; display: flex; align-items: center;}
.insert .flex-wrap {display: flex;width: 100%;max-width: 280px;justify-content: space-between;}
.insert .flex-wrap > input {width: calc(50% - 3px);padding-left: 0;padding-right: 0;}
.file-btn.add {display: block;background: #000; color:#fff; border-radius:4px; font-size: 16px; font-family: 'Pre Medium'; line-height: 26px; margin: 0 0 10px;padding:0px 48px; height: 54px;width: 280px; cursor: pointer;z-index: 10;}
.file-btn.del {display: block;background: #000; color:#fff; border-radius:4px; font-size: 16px; font-family: 'Pre Medium'; line-height: 26px; height: 54px;width: 280px; cursor: pointer;z-index: 10;}
.regist-file .file-option {margin-top: 2px; padding:28px 6px; max-height:128px; overflow-y:auto; background: #F7F7F7; border-radius:4px;}
.regist-file .file-option li {display:flex; align-items: center; padding:8px 20px; margin-bottom: 4px;}
.regist-file .file-option li:hover {background:#dedede;}
.regist-file .file-option li:last-child {margin-bottom: 0px;}
.regist-file .file-option li.selected {background: #EAEAEA;}
.regist-file .file-option li span {color:#000; font-size: 16px; font-family: 'Pre Medium'; margin-right: 12px;}
.regist-file .file-btn.del {width:20px; height:20px; background:#000 url('../images/file-del.png') no-repeat center;; border-radius:50%; text-indent: -9999px; cursor: pointer;}

@media (max-width:500px) {
  .regist-file .file-box {height:50px;}
  .regist-file .file-btn.add {padding:0px 28px;}
}