@charset "utf-8";

/* 게시판 공통 요소 */
@import url('/Web-home/fnct/bbs/bbs_common/css/board_common.css');

/***** Thumnail-list *****/
.albumWrap{border-top:.2rem solid #003377;margin-bottom: 8rem; border-bottom:.1rem solid #8B9099;}
.albumWrap > ul{display:flex; flex-wrap:wrap; padding:4rem 0 2rem 0;}
.albumWrap > ul > li{position: relative;}
.albumWrap > ul > li > input[type="checkbox"] {position: absolute; top:2rem; left:2rem; z-index: 1;}
.albumWrap a{transition: all ease .3s;display: block;}
.albumWrap .thum{height: 30rem;overflow: hidden; position:relative; border-radius:1rem; border:1px solid #e7e7e7;}
.albumWrap .thum img{width:100%; height:100%; object-fit: cover; object-position: center; transition: ease all .5s;}
/* .albumWrap ul li:hover .thum {box-shadow: 0 .5rem 2.5rem rgba(0,0,0,0.2);} */
.albumWrap ul li:hover .thum img{transform:scale(1.1);}
.albumWrap ul li.no-data {grid-column:1 / span 3; text-align: center; border:none;}
.albumWrap .conts{overflow: hidden; padding:.3rem 0;}
.albumWrap .conts .sub{color: #555;font-family: 'paper';font-weight: 400;margin-bottom: 1.5rem; display: none;}
.albumWrap .conts .brackets{font-family: 'paper';font-weight: 400;margin-left:1rem;background: #3254a7;color: #fff;padding: .3rem 1rem;font-size: 1.4rem;border-radius: .5rem;}
.albumWrap .conts .numb{font-size:1.6rem;color:#555;font-family:'nr';margin-bottom: 1rem;display: block;}
/* .albumWrap .conts .title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; margin:1.5rem 0 .8rem 0; width:100%; padding-right:3rem;} */
.albumWrap .conts .title {overflow:hidden; display:-webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin:1.5rem 0 .8rem 0; width:100%; padding-right:3rem;}
.albumWrap .conts .title strong em {position: relative;background-image: linear-gradient(#121212,#121212);background-position: left bottom;background-repeat: no-repeat;background-size: 0 .1rem;transition: background-size .5s;font-size: 2rem; font-family: 'paper'; font-weight: 400; color:#121212; }
.albumWrap a:hover .title strong em {background-size: 100% 1px;}
.albumWrap .conts .contentTxt{font-family: 'paper';font-weight: 400;color: #555;margin-bottom: 3rem;}
.albumWrap .conts .detail{font-size:0; display: none;}
.albumWrap .conts .detail li{display: inline-block;vertical-align: top;font-family: 'paper';font-weight: 400;font-size:1.6rem;color:#888;padding:0 1.5rem;position: relative;}
.albumWrap .conts .detail li strong{display: inline-block; margin-right:1rem; font-family: 'paper';font-weight: 400; color:#555; height:0; overflow:hidden; width:0; display:block;}
.albumWrap .conts .detail li img{display:inline-block;vertical-align:middle;}
.albumWrap .conts .detail li:nth-child(1){padding-left:0;}
.albumWrap .conts .detail li + li:before{content:'';width:.1rem;height: 1.4rem;background: #ccc;position: absolute;left:0;top:1.1rem;}
.albumWrap .conts .detail li span{font-size:1.6rem;color:#555;font-family: 'paper';font-weight: 400;margin-right:.7rem;display: inline-block;}
.albumWrap .new{background: url('../images/new2.png') no-repeat center;width:2.1rem;height: 2.1rem;display: inline-block;vertical-align: middle;margin: -.5rem 0 0 1rem;text-indent: -9999px;}
.albumWrap .lock{background: url('../images/lock.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -.2rem 0 0 1rem;text-indent: -9999px;}
.albumWrap .clsdr{background: url('../images/lock.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -.2rem 0 0 1rem;text-indent: -9999px;}
.albumWrap .link{background: url('../images/link.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -.2rem 0 0 1rem;text-indent: -9999px;}
.albumWrap .notice-title{font-size: 1.6rem;color:#fff;background:#8b0029;font-family: 'paper';font-weight: 400;border-radius: .3rem;padding:.2rem .7rem .35rem;}
.albumWrap .notice,
.albumWrap .notice a{color:#008bd0;}
.albumWrap .trash{color:#bbbbbb;}
.albumWrap .trash a{color:#bbbbbb;max-width:100%;}
.albumWrap .trash a .conts strong.title {text-decoration: line-through; color:#999;}
.albumWrap .trash a:hover{color:#bbb;}
/* 
.view .txt .center-wrap {display: flex;justify-content: center;margin-top: 1.8rem; display:none;}
.view .txt .center-wrap > div {display: flex;align-items: center;}
.view .txt span {max-width: 60rem;margin-top: 0 !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view .txt .down-btn {min-width: 12rem;padding: .8rem 3.2rem .8rem 1.7rem;margin-left: 1.2rem;font-size: 1.5rem;}
.view .txt .down-btn::after {right: 1.2rem;background-size: 1.8rem;} */

/* li 개수 */
.albumWrap .boxtype2 {margin:0 -2rem;}
.albumWrap .boxtype2 > li {width:50%; padding:0 2rem; margin-bottom: 4rem;}
.albumWrap .boxtype2 > li:nth-last-child(-n+2) {margin-bottom:0;}
.albumWrap .boxtype3 {margin:0 -2rem;}
.albumWrap .boxtype3 > li {width:33.3333%; padding:0 2rem; margin-bottom: 4rem;}
.albumWrap .boxtype3 > li:nth-last-child(-n+3) {margin-bottom:0;}
.albumWrap .boxtype4 {margin:0 -1.5rem;}
.albumWrap .boxtype4 > li {width:25%; padding:0 1.5rem; margin-bottom: 3rem;}
.albumWrap .boxtype4 > li:nth-last-child(-n+4) {margin-bottom:0;}

.before_nect_use .lock{background: url('../images/lock.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -.2rem 0 0 1rem;text-indent: -9999px;}
.before_nect_use .clsdr{background: url('../images/clsdr.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -.2rem 0 0 1rem;text-indent: -9999px;}
.before_nect_use .link{background: url('../images/link.png') no-repeat center;width:2rem;height: 1.9rem;display: inline-block;vertical-align: middle;margin: -.2rem 0 0 1rem;text-indent: -9999px;}

.albumWrap .password_check_view{top:12rem;left:51.5rem;}

.albumWrap > ul > li.no-data {width: 100%;padding: 14rem 0 16rem;text-align: center;}

@media screen and (max-width:1200px){
    .albumWrap > ul{gap:2rem;}
    .albumWrap a{padding:0;}
    .albumWrap .conts .sub{font-size:1.4rem;}
    .albumWrap .conts .brackets{font-size: 1.3rem; padding: .2rem .5rem;}
    .albumWrap .conts strong.title{font-size: 2.3rem;}
    .albumWrap .conts .contentTxt{height: 5.2rem; overflow: hidden; font-size: 1.6rem; margin-bottom:1rem;}
    .albumWrap .conts .detail li{font-size:1.4rem;}
    .albumWrap .conts .detail li strong{display:none;}

	.albumWrap .boxtype3 {margin:0 -2rem; gap:unset;}
	.albumWrap .boxtype3 > li {width:50%; padding:0 2rem; margin-bottom: 3rem !important;}
	.albumWrap .boxtype3 > li:nth-last-child(-n+2) {margin-bottom:0 !important;}

	.albumWrap .boxtype4 {margin:0 -1.5rem;}
	.albumWrap .boxtype4 > li {width:33.3333%; padding:0 1.5rem; margin-bottom: 3rem;}
	.albumWrap .boxtype4 > li:nth-last-child(-n+4) {margin-bottom:0;}
}

@media screen and (max-width:1100px){
    .albumWrap > ul{grid-template-columns:1fr 1fr;}
	.view .txt span {max-width: 42rem;}
}

@media screen and (max-width:767px){
    /* .albumWrap > ul{display:;} */
    .albumWrap > ul > li{margin-bottom:2rem;} 
	.albumWrap .thum {height:22rem;}
	.albumWrap .conts strong.title {font-size: 1.8rem;}
	.albumWrap > ul > li.no-data {padding: 8rem 0 10rem;}
	.view .txt .center-wrap > div {flex-direction: column;width: 100%;}
	.view .txt span {max-width: 100%;}
	.view .txt .down-btn {margin-top: 1.3rem;margin-left: 0;}
}

@media screen and (max-width:600px) {
	.albumWrap > ul {padding:4rem 0 3rem 0;}
	.albumWrap > ul > li{width:100% !important;}
	.albumWrap .boxtype3 > li:nth-last-child(-n+2) {margin-bottom:3rem !important;}
	.albumWrap .boxtype3 > li:last-child {margin-bottom: 0 !important;}
	.albumWrap .thum {height:30rem;}
}

/***** View *****/
/* .view.viewCont{border-top:.2rem solid #003377; border-bottom:.1rem solid #353e4d;}

.view .txt{padding:4rem 5rem 5.5rem;}
.view .txt p{font-size: 1.7rem; color:#555; line-height: 1.75; font-family: 'ppr';}

.view .rules{padding:4.5rem 6rem; border:.1rem solid #dcdcdc; background: #f5f5f5; margin-top:11rem; box-sizing: border-box;}
.view .rules .imgWrap{display: inline-block;}
.view .rules > p{padding-left:5rem; width: calc(100% - 21rem); display: inline-block; vertical-align: top; font-style: italic; font-family: 'ppr'; line-height: 1.55; box-sizing: border-box;}
.view .rules > p strong{font-style: normal; color:#ed1c24; font-weight: normal; font-family: 'ppr';} */

.board-view .btns{padding:4rem 0rem; text-align: right; position:relative;}
.board-view .view-prev{background:url('../images/view-prev.png') no-repeat left center; font-size: 1.8rem; color: #666; display: inline-block; padding: 1rem 1rem 1rem 4.5rem; font-family: 'ppr'; float: left;}
.board-view .view-next{background:url('../images/view-next.png') no-repeat right center; font-size: 1.8rem; color: #666; display: inline-block; padding: 1rem 4.5rem 1rem 1rem; font-family: 'ppr'; float: right;}

/* .board-view .aditIem dl{display:flex; border-bottom:.1rem solid #dcdcdc;}
.board-view .aditIem dl dt{width:24rem; background:#f5f5f5; color:#000; text-align:center; padding:1rem;}
.board-view .aditIem dl dd{padding:1rem; width: calc(100% - 24rem);} */

.board-view .top-slide-wrap {max-width:111rem; width:100%; margin: 0 auto; margin-bottom: 3rem;}
.board-view .top-slide-wrap .slick-slide {width:100%; overflow:hidden; font-size: 0;}
.board-view .top-slide-wrap li img {width: auto; max-width: 110rem; margin: 0 auto;}

.board-view .bottom-slide-wrap {max-width: 110rem; margin: 0 auto;}
.board-view .bottom-slide-wrap > ul {margin:0 -1.5rem;}
.board-view .bottom-slide-wrap .slick-list {padding:5.5rem 0;}
.board-view .bottom-slide-wrap .slick-slide {margin:0 1.5rem; border-radius:.5rem; overflow:hidden; font-size: 0; position: relative; cursor: pointer;}
.board-view .bottom-slide-wrap .slick-slide:not(.slick-current)::after {content:''; width:100%; height:100%; border-radius:.5rem; background:rgba(0,0,0,0.7); position: absolute; left:0; top:0;}
.board-view .bottom-slide-wrap .slick-slide:not(.slick-current):hover::after {background:rgba(0,0,0,0.4)}
.board-view .bottom-slide-wrap .slick-current {box-shadow:0 1rem 1.6rem rgba(0,0,0,0.2);}
.board-view .bottom-slide-wrap .slick-prev {width:5rem; height:100%; background:url('../images/prev.png') no-repeat left center; position: absolute; left:-5rem; top:50%; transform:translateY(-50%); text-indent: -9999px;}
.board-view .bottom-slide-wrap .slick-prev:hover {filter:brightness(0.5);}
.board-view .bottom-slide-wrap .slick-next {width:5rem; height:100%; background:url('../images/next.png') no-repeat right center; position: absolute; right:-5rem; top:50%; transform:translateY(-50%); text-indent: -9999px;}
.board-view .bottom-slide-wrap .slick-next:hover {filter:brightness(0.5);}
.board-view .bottom-slider-cell {height:13.5rem;}
.board-view .bottom-slider-cell img {width:100%; height:100%; object-fit: cover;}

@media screen and (max-width:1250px) {
	.board-view .bottom-slide-wrap .slick-prev {left: -3.2rem;}
	.board-view .bottom-slide-wrap .slick-next {right: -3.2rem;}
}

@media screen and (max-width:767px) {
	.board-view .top-slide-wrap {position: relative; padding:0 3rem; margin-bottom: 3.5rem;}
	.board-view .top-slide-wrap .slick-prev {width:4rem; height:100%; background:url('../images/prev.png') no-repeat left center; position: absolute; left:-4rem; top:50%; transform:translateY(-50%); text-indent: -9999px;}
	.board-view .top-slide-wrap .slick-prev:hover {filter:brightness(0.5);}
	.board-view .top-slide-wrap .slick-next {width:4rem; height:100%; background:url('../images/next.png') no-repeat right center; position: absolute; right:-4rem; top:50%; transform:translateY(-50%); text-indent: -9999px;}
	.board-view .top-slide-wrap .slick-next:hover {filter:brightness(0.5);}
	.board-view .bottom-slide-wrap {display: none;}
}
/* 
.attachment{background: #F7F7F7; padding:3rem 0;}
.attachment ul{position: relative;}
.attachment ul li{position: relative; line-height: 1.25; padding-left:4.5rem; margin-bottom: 1.5rem;}
.attachment ul li:last-child {margin-bottom: 0;}
.attachment ul li::after {content:''; width:4.5rem; height:2.5rem; background:url('../images/view-file.png') no-repeat center; position: absolute; left:0; top:0;}
.attachment ul li a{display: inline-block; font-family: 'ppr'; font-size: 1.6rem; color: #555; padding:0rem 0 0rem 1.5rem; position: relative;}
.attachment ul li a:hover {text-decoration: underline;}
.attachment ul li a::after {content:''; width:.1rem; height:1.2rem; background:#ccc; position: absolute; left:0; top:.6rem;}
.attachment .no-file {padding-left:4.5rem;}
.attachment ul li a img{vertical-align: middle;}
.attachment ul li a.preview{color:#4b4b4b; font-family: 'ppr'; font-size:1.5rem; background: #fff url('../images/preview.png') no-repeat 1.5rem center; padding: .6rem 1.8rem .6rem 4.2rem; border: .1rem solid #b2b2b2; border-radius: .5rem; margin-left: 2rem; vertical-align: middle;} */

@media screen and (max-width:768px){
	.view .txt{padding:3.5rem 1.5rem 5rem;}
	.view .txt p{font-size:1.7rem; line-height: 1.5 !important; color:#666;}
	.view .rules{margin-top:4rem; padding:2.5rem;}
	.view .rules > p{width:100%; padding:0;}
	.view .rules .imgWrap{display: block; text-align: center; margin-bottom:1.5rem;}
	.attachment{padding-top:2.5rem;}
	.attachment ul{padding-left:0; background: none;}
	/* .attachment ul li{padding-left:2.5rem;} */
	.attachment ul li + li{margin-top:.5rem;}
	.attachment ul li a{font-size:1.6rem; color:#666; line-height: 1.6;}
	.attachment ul li a.preview{font-size:1.4rem; margin-top:.5rem; background-size: 1.4rem; padding: .3rem 1rem .3rem 3rem; background-position: 1rem center; margin-left: 1.2rem;}
	.board-view .view-prev{font-size:1.4rem; padding: .3rem .3rem .3rem 1.5rem; background-size:.8rem; margin-top:.5rem; text-indent:-9999px;}
	.board-view .view-next{font-size:1.4rem; padding: .3rem 1.5rem .3rem .3rem; background-size:.8rem; margin-top:.5rem; text-indent:-9999px;}

	.board-view .aditIem dl{display:block;}
	.board-view .aditIem dl dt{width:100%;}
	.board-view .aditIem dl dd{width:100%; text-align: center;}
}