@charset "UTF-8";

/* List Album */
.board-album .list-album {display:grid; width: 100%;gap: 20px;}
.board-album.horizon1 .list-album  { grid-template-columns: 1fr}
.board-album.horizon2 .list-album  { grid-template-columns: repeat(2, minmax(200px, 1fr));}
.board-album.horizon3 .list-album  { grid-template-columns: repeat(3, minmax(200px, 1fr));}
.board-album.horizon4 .list-album  { grid-template-columns: repeat(4, minmax(200px, 1fr));}
.board-album.horizon5 .list-album  { grid-template-columns: repeat(5, minmax(200px, 1fr));}
.board-album .list-album .no-data {float: none !important; width: 100% !important; padding: 40px 0; text-align: center;}
.board-album .box {position: relative;}
.promotion.board1 .board-album .box .hover-txt {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding: 25px 30px 0;word-break: keep-all;font-size: 16px;color: #fff;font-family: 'Noto Medium';background: url('../images/ic-link.png') no-repeat top center;opacity: 0;z-index: 2;pointer-events: none;transition: .25s;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.promotion.board1 .board-album .box::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;background: #000;pointer-events: none;transition: .25s;z-index: 1;border-radius: 4px;}
.promotion.board1 .board-album .box:hover::before {opacity: 0.7;}
.promotion.board1 .board-album .box:hover .hover-txt {opacity: 1; }
.board-album .shadow {margin: 0 0 0px;}

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

.board-album .thumb{overflow:hidden; position: relative;border-radius: 4px;}
.board-album .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 4px;}
.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%;}
.promotion .sec1 .board-album .info {display: none;}
.board-album .info {position: relative; line-height:1.2; padding: 20px 20px 20px 0;  }
.board-album .info .title{text-align: left; margin-bottom: 10px;}
.board-album .info .title strong {  display: -webkit-box;font-size: 24px; line-height: 32px; color: #000000; font-family: "Pre Bold";   overflow: hidden;text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board-album .info .title .new {position: relative;right: 0;bottom: 0; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; background: url('../images/ico-new.png') no-repeat center center; }
.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;}

.view-file .row {margin: 0 0 10px;}
.view-file .row:last-child {margin: 0;}
.view-file .row .title {width: 150px;margin: 0 0 10px;}

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


.board-button {margin: 60px 0 0;}

.promotion .desc .writer {display: none;}
.promotion .desc .count {display: none;}
.promotion .board-album .info .date::after {display: none;}
.promotion.board1 .info {display: none;}

.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;}
.board-bottom .btn-control input[type="submit"]:hover{background: #0018ff url(../images/write_icon.png) no-repeat left 71px center; }

@media all and (max-width:1000px) {
    .board-album.horizon1 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon2 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon3 .list-album {grid-template-columns: repeat(2, minmax(200px, 1fr));}
    .board-album.horizon4 .list-album {grid-template-columns: repeat(3, minmax(200px, 1fr));}
    .board-album.horizon5 .list-album {grid-template-columns: repeat(4, minmax(200px, 1fr));}
    .wrap_contents .container.board_container .board-bottom{margin: 20px 20px 0;}
}


@media all and (max-width:760px) {
    .board-album.horizon1 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon2 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon3 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon4 .list-album {grid-template-columns: repeat(2, minmax(200px, 1fr));}
    .board-album.horizon5 .list-album {grid-template-columns: repeat(2, minmax(200px, 1fr));}
    .board-album .info .title strong {font-size: 20px;}
    .board-button {margin: 30px 0 0;}
}

@media all and (max-width:500px) {
    .board-album.horizon1 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon2 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon3 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon4 .list-album {grid-template-columns: 1fr;}
    .board-album.horizon5 .list-album {grid-template-columns: 1fr;}
}

.board-album .shadow > a { display:block; }

.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;}
.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;}
.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;}
.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;}
}


.video-container {position:relative; height:0; padding-bottom:48.25%; max-width:1280px; width:100%; margin:0 auto;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.view-con video {max-width:1280px; margin:0 auto; width:100%;}

.promotion-board .tit-wrap {display: flex;justify-content: end;align-items: center;margin: 0 0 45px;}