/*-- common board css --*/

/*cate*/
#new-cate{margin-bottom: 70px;}
#new-cate>ul{display: flex;}
#new-cate>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-22);font-weight: var(--fw-6);line-height: 60px;border-radius: 65px;padding: 0 35px;color: #333;}
#new-cate>ul>li>a#bo_cate_on{background: var(--color-1);color: #FFF;}
#new-cate>ul>li:hover>a{background: #f5f5f5;}

/*checkbox*/
.commonCheck{position: relative;}
.commonCheck input[type=checkbox]{position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1;overflow: hidden;}
.commonCheck input[type=checkbox] + label{display: flex;align-items: center;gap: 8px;color: #343434;cursor: pointer;}
.commonCheck input[type=checkbox] + label span{width: 19px;height: 19px;border: 1px solid #ddd;background: #FFF;border-radius: 3px;overflow: hidden;}
.commonCheck input[type=checkbox]:checked + label span{background: url(/img/chk.png) no-repeat 50% 50% #222;border-color: #000;}

/*board search*/
.board-info{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 40px;}

.board-count span{font-size: var(--fs-18);font-weight: var(--fw-4);color: #333;}
.board-count span b{font-weight: var(--fw-6);}

.search-box{position: relative;}
.search-input{display: block;width: 280px;height: 56px;line-height: 54px;border-radius: 56px;border: 1px solid #e4e4e4;outline: none;font-size: var(--fs-18);font-weight: var(--fw-4);padding: 0 25px;padding-right: 81px;}
.search-input::placeholder{color: #999;}
.search-input:focus{border-color: var(--color-3);}

.search-button{display: flex;justify-content: center;align-items: center;position: absolute;top: 0;right: 0;width: 68px;height: 56px;z-index: 1;}
.search-button i{font-size: var(--fs-22);color: #454545;}

@media screen and (max-width: 860px){

	.board-info{margin-bottom: 30px;}
	
	.search-input{width: 260px;height: 50px;line-height: 48px;border-radius: 50px;padding-right: 75px;}
	
	.search-button{width: 60px;height: 50px;}
}

@media screen and (max-width: 720px){

	.board-info{display: block;}
	
	.board-count span{display: block;font-size: 15px;margin-bottom: 15px;}
	
	.search-input{width: 100%;padding: 0 20px;padding-right: 75px;}
}

/*board button*/
.board-button-wrap{display: flex;justify-content: space-between;margin-top: 50px;}
.buttonLeft, .buttonRight{display: flex;gap: 6px;}

.boardBtn{display: block;min-width: 90px;height: 45px;line-height: 43px;padding: 0 15px;border: 1px solid #e4e4e4;color: #343434;background: #FFF;text-align: center;font-weight: var(--fw-4);border-radius: 5px;overflow: hidden;cursor: pointer;}
.boardBtn00{background: #000;border-color: #000;color: #FFF;font-weight: var(--fw-6);}

@media screen and (max-width: 720px){

	.boardBtn{font-size: 15px;min-width: 80px;padding: 0 13px;}	
}

/*board input*/
.write-input{display: block;width: 100%;height: 50px;line-height: 48px;border: 1px solid #dbdbdb;padding: 0 15px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;}
.write-input:focus{border-color: #000;outline: none;}
.write-input::placeholder{color: #999;}

.write-select{background-image: url(/img/icon/selectdown.png);background-repeat: no-repeat;background-position: right 12px top 50%;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
}
.write-select.searchInput::-ms-expand{display: none;}

.write-file{line-height: 51px;}

@media screen and (max-width: 860px){

	.write-input{height: 48px;line-height: 46px;font-size: 15px;}
	
	.write-file{line-height: 49px;}
}

/*-- list --*/
.board-list-wrap>ul{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 45px;row-gap: 60px;}
.board-list-wrap>ul>li{width: calc( ( 100% - 90px ) / 3 );}
.board-list-wrap>ul>li>a{display: block;width: 100%;height: 100%;}

.board-list-img{border-radius: 20px;overflow: hidden;margin-bottom: 20px;border: 1px solid #e4e4e4;}
.board-list-img figure{width: 100%;height: 320px;transition: all .5s ease;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.board-list-img:hover figure{transform: scale(1.1);}

.board-list-text h4{font-size: var(--fs-22);font-weight: var(--fw-5);line-height: 150%;margin-bottom: 15px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.board-list-text span{display: block;font-size: var(--fs-18);font-weight: var(--fw-4);color: #777;}

@media screen and (max-width: 1480px){

	.board-list-img figure{height: 300px;}
}

@media screen and (max-width: 1080px){

	.board-list-wrap>ul{gap: 30px;row-gap: 45px;}
	.board-list-wrap>ul>li{width: calc( ( 100% - 60px ) / 3 );}

	.board-list-img figure{height: 220px;}
}

@media screen and (max-width: 860px){

	.board-list-wrap>ul{gap: 40px;row-gap: 50px;}
	.board-list-wrap>ul>li{width: calc( ( 100% - 40px ) / 2 );}

	.board-list-img figure{height: 300px;}
}

@media screen and (max-width: 720px){

	.board-list-wrap>ul{gap: 15px;row-gap: 30px;}
	.board-list-wrap>ul>li{width: calc( ( 100% - 15px ) / 2 );}
	
	.board-list-img{border-radius: 13px;margin-bottom: 15px;}
	.board-list-img figure{height: 130px;}
	
	.board-list-text h4{font-size: 16px;line-height: 140%;margin-bottom: 10px;}
	.board-list-text span{font-size: 14px;}
}

/*-- write --*/
.write-table{width: 100%;table-layout: fixed;border-top: 2px solid #222;}
.write-table tr td{padding: 15px;border-bottom: 1px solid #ddd;font-weight: var(--fw-4);line-height: 150%;}
.write-table tr td:first-child{padding: 15px 20px;border-right: 1px solid #ddd;background: #f4f4f4;font-weight: var(--fw-6);word-break: keep-all;}
.write-table tr td.padding-td{padding: 20px 15px;}

.write-table tr td .cke_sc{display: none;}
.write-table tr td .wr_content iframe{display: block;}
.write-table tr td .wr_content .sound_only{display: none;}

.flexCheck{display: flex;align-items: center;gap: 18px;}

.write-required{color: #F00;}

.file-del{display: block;margin-top: 8px;}

@media screen and (max-width: 860px){

	.write-table, .write-table tbody, .write-table tr, .write-table tr td{display: block;}
	.write-table, .write-table tr td, .write-table tr td:first-child{border: none;background: #FFF;}
	.write-table tr + tr{margin-top: 18px;}
	.write-table tr td{width: 100% !important;font-size: 15px;padding: 0 !important;}
	.write-table tr td:first-child{font-weight: var(--fw-5);margin-bottom: 6px;}
	
	.flexCheck{gap: 15px;}
	
	.write-table textarea{font-size: 15px;line-height: 160%;border: 1px solid #dbdbdb;padding: 9px 15px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;resize: vertical;}
}

/*-- view --*/
.board-view-title{padding-bottom: 50px;border-bottom: 1px solid #333;}
.board-view-title span{display: block;font-size: var(--fs-32);font-weight: var(--fw-6);color: var(--color-1);line-height: .7;margin-bottom: 40px;}
.board-view-title h2{font-size: var(--fs-70);font-weight: var(--fw-8);margin-bottom: 60px;}
.board-view-title i{display: block;font-size: var(--fs-20);font-weight: var(--fw-4);color: #777;}

.board-view-content{padding: 50px 0;border-bottom: 1px solid #e4e4e4;}
.board-view-content>div{width: 100% !important;margin: 0 !important;}
.board-view-content img, .board-view-content a{display: block;max-width: 100%;}
.board-view-content p, .board-view-content p *, .board-view-content *{font-family: 'Pretendard Variable' !important;font-size: var(--fs-20) !important;font-weight: var(--fw-4) !important;line-height: 160%;}

.board-view-content .board-add-content{margin-top: 50px !important;}

.board-add-ul li{display: flex;align-items: center;padding: 20px 25px;background: #f4f4f4;border-radius: 15px;overflow: hidden;margin-top: 10px;}
.board-add-ul li h4{font-size: var(--fs-18) !important;font-weight: var(--fw-6) !important;width: 160px;}
.board-add-ul li a{display: flex;align-items: center;gap: 5px;width: calc( 100% - 160px );height: 100%;}
.board-add-ul li a i{font-family: xeicon !important;}
.board-add-ul li a span{font-size: var(--fs-18) !important;}

.to-list{display: flex;align-items: center;justify-content: center;gap: 5px;width: 240px;height: 65px;line-height: 65px;border-radius: 10px;font-size: var(--fs-22);font-weight: var(--fw-5);background: var(--color-2);color: #FFF;margin: 0 auto;margin-top: 70px;}
.to-list i{padding-bottom: 2px;}

@media screen and (max-width: 1080px){

	.board-view-title h2{font-size: var(--fs-60);}
}

@media screen and (max-width: 860px){

	.board-add-ul li h4{width: 140px;}
	.board-add-ul li a{width: calc( 100% - 140px );}
}

@media screen and (max-width: 720px){
	
	.board-view-title{padding-bottom: 20px;}
	.board-view-title span{font-size: 22px;margin-bottom: 20px;}
	.board-view-title h2{font-size: 32px;margin-bottom: 30px;}
	.board-view-title i{font-size: 16px;}
	
	.board-view-content{padding: 28px 0;}
	.board-view-content img, .board-view-content a{width: 100%;}
	
	.board-view-content .board-add-content{margin-top: 28px !important;}

	.board-add-ul li{padding: 15px 20px;border-radius: 10px;margin-top: 8px;}
	.board-add-ul li h4{font-size: 15px !important;width: 110px;}
	.board-add-ul li a{width: calc( 100% - 110px );gap: 3px;}
	.board-add-ul li a span{font-size: 15px !important;width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.to-list{width: 220px;height: 55px;line-height: 55px;border-radius: 8px;font-size: 18px;margin-top: 45px;}
}