@charset "utf-8";

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

.btn-style1.small2 {min-width:10.5rem !important;}

/***** Thumnail-list *****/
.albumWrap{border-top:.2rem solid #003377;margin-bottom: 8rem; border-bottom:.1rem solid #8B9099; line-height: 1.5;}
.albumWrap > ul{display:flex; flex-wrap:wrap; padding:3rem 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: 50rem;overflow: hidden; position:relative; border-radius:1rem;border: 1px solid #e7e7e7;border-radius: 1rem;}
.albumWrap .thum img{width:100%; height:100%; object-fit: cover; object-position: top; transition: ease all .5s;}
.albumWrap ul li.no-data {grid-column:1 / span 3; text-align: center; border:none;}
.albumWrap .conts{overflow: hidden; padding:.9rem 0 1rem;}
.albumWrap .conts > a {pointer-events: none;line-height: 1.6;}
.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 strong {position: relative;font-size: 2.2rem; font-family: 'paper'; font-weight: 600; color:#000; }
.albumWrap a:hover .title strong {background-size: 100% .1rem;}
.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: -.2rem 0 0 1rem;text-indent: -9999px;position: absolute;top: 50%;margin-top: -1.05rem;} */
.albumWrap .new{background: url('../images/new2.png') no-repeat center;width:2.1rem;height: 2.1rem;display: inline-block;vertical-align: middle;margin: -.2rem 0 0 0.5rem;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 0.5rem;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 0.5rem;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 0.5rem;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;}
.albumWrap .buttons {display: flex;gap: 1rem;}
.albumWrap .buttons .btn-down {display: block;width: 12.5rem;height: 3.5rem;padding-left: 2rem;color: #1174ff;border: 1px solid #1174ff;font-family: 'paper';font-size: 1.4rem;font-weight: 500;border-radius: 1.75rem;line-height: 3.3rem;background: url('../images/ic-down.png') no-repeat center right 1rem;transition: .25s;}
.albumWrap .buttons .btn-down:hover {background-color: #1174ff;color: #fff;}
.albumWrap .buttons .btn-ebook {display: block;width: 12.5rem;height: 3.5rem;padding-left: 2rem;color: #062143;border: 1px solid #062143;font-family: 'paper';font-size: 1.4rem;font-weight: 500;border-radius: 1.75rem;line-height: 3.3rem;background: url('../images/ic-ebook.png') no-repeat center right 1rem;transition: .25s;}
.albumWrap .buttons .btn-ebook:hover {background-color: #062143;color: #fff;}
.albumWrap .buttons > a {display: none;}
.albumWrap .buttons > li:first-child > a:first-child {display: none;}
.view .txt .center-wrap {display: flex;justify-content: center;margin-top: 1.7rem; display: none;}
.view .txt .center-wrap > div {display: flex;align-items: center;}
/* .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;} */
.view .txt .center-wrap span {display: flex; align-items: center;gap: 1rem;margin-top: 0 !important;}
.view .txt .center-wrap a.down {display: inline-block;color:#4b4b4b;font-family:'paper';font-weight: 400;font-size:1.4rem;background:#fff url('../images/ic-down.png') no-repeat center right 2rem / 1.4rem;padding: .45rem 4.2rem .45rem 1.8rem;border:0.1rem solid #c5c5c5;border-radius:0.5rem;vertical-align:middle;border-radius: 1.75rem;flex-shrink: 0;transition: .35s;}
.view .txt .center-wrap a.down::after {display: none;}
.view .txt .center-wrap a.down:hover {background:#1265d3 url('../images/ic-down-on.png') no-repeat 1rem center / 1.4rem;color: #fff;border-color: #1265D3;text-decoration: none;}
.view .txt .center-wrap em {max-width: 60rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 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 > a {pointer-events: none;} */
.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 {justify-content: space-between;gap: 0;margin: 0 -1rem;}
	.albumWrap .boxtype4 > li {width: 50%; margin-bottom: 3rem;padding: 0 1rem;}
	.albumWrap .boxtype4 > li:nth-last-child(-n+4) {margin-bottom:3rem;}
	
}

@media screen and (max-width:1100px){
    .albumWrap > ul{grid-template-columns:1fr 1fr;}
	.view .txt span {max-width: 42rem;}
	.albumWrap .boxtype4 > li:nth-last-child(-n+2) {margin-bottom: 0;}
}

@media screen and (max-width:767px){
    /* .albumWrap > ul{display:;} */
    .albumWrap > ul > li{margin-bottom:2rem;} 
	.albumWrap .thum {height:30rem;}
	.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;}
	.albumWrap .boxtype4 > li:nth-last-child(-n+2) {margin-bottom: 3rem;}
	.albumWrap .boxtype4 > li:last-child {margin-bottom: 0;}
	.view .txt .center-wrap {margin-left: .4rem;margin-top: 1.2rem;}
	.view .txt .center-wrap em {display: none;}
	.view .txt .center-wrap a.down {font-size:1.4rem;background-size:1.4rem;padding:0.3rem 1rem 0.3rem 3rem;background-position:1rem center;}
}

@media screen and (max-width:600px) {
	.albumWrap > ul > li{width:100% !important;}
}

/***** 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;}
}