@charset "utf-8";
@import url('board-common.css');
@import url('board-search.css');
@import url('board-comment.css');
@import url('board-pagination.css');

/* 목록 */
.ko_board_list[data-type] .file{display:inline-block; position:relative; top:2rem; width:16rem; height:19rem; margin:0 5rem -2rem 2rem; background:url(../../images/board/icon_file.svg) no-repeat 50% 50%; font-size:0rem;}
.ko_board_list[data-type]{display:grid; flex-wrap:wrap;}
.ko_board_list[data-type] > li{border:1px solid #e5e5e5; box-shadow:0 0 50rem 0 rgb(0 0 0 / 0%); transition:all 0.3s ease;}
.ko_board_list[data-type="A"]{grid-template-columns:1fr 1fr 1fr; gap:40rem;}
.ko_board_list[data-type="A"] > li a{display:block; position:relative; box-sizing:border-box; padding:clamp(25rem, 4.1667vw, 50rem) clamp(20rem, 2.7778vw, 50rem) clamp(25rem, 4.1667vw, 65rem);}
.ko_board_list[data-type="A"] [data-board="tit"]{display:-webkit-box; overflow:hidden; height:clamp(46rem, 4.1667vw, 60rem); line-height:1.4; font-size:clamp(18rem, 1.5278vw, 22rem); color:#111; letter-spacing:-0.5rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all;}
.ko_board_list[data-type="A"] [data-board="con"]{display:-webkit-box; overflow:hidden; height:5em; line-height:1.6; margin-top:23rem; font-size:16rem; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break: break-all;}
.ko_board_list[data-type="A"] [data-board="con"] br{display:none;}
.ko_board_list[data-type="A"] .board_info_con{display:inline-flex; align-items:center; position:relative; margin-top:110rem;}
.ko_board_list[data-type="A"] .board_info_con *{font-size:13rem; color:#a7a7a7; line-height:1;}
.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]{display:flex; align-items:center; position:relative; margin-right:9rem; padding-right:9rem;}
.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]:after{content:""; position:absolute; right:0; width:1px; height:12rem; background:#cdcdcd;}
.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:10rem; padding:5rem 10rem; background:#111; color:#fff; border-radius:20rem;}
.ko_board_list[data-type="A"] [data-board="new"]{position:absolute; right:-40rem; margin-left:10rem; font-weight:700; font-size:13rem; color:#d52d2d;}
.ko_board_list[data-type="A"] [data-board="arr"]{display:flex; justify-content:center; align-items:center; position:absolute; right:50rem; bottom:50rem; width:60rem; height:60rem; border-radius:100%; background:#f7f7f7; transition:all 0.3s ease;}
.ko_board_list[data-type="A"] [data-board="arr"]:before{content:""; position:absolute; opacity:0.9; width:17rem; height:17rem; background:url(../../images/board/arr_board_list.svg) no-repeat 50% 50%;}
.ko_board_list[data-type="A"] > li:hover{box-shadow:0 0 50rem 0 rgb(0 0 0 / 10%); border-color:#111;}
.ko_board_list[data-type="A"] > li:hover [data-board="arr"]{background:#111;}
.ko_board_list[data-type="A"] > li:hover [data-board="arr"]:before{background-image:url(../../images/board/arr_board_list_w.svg);}

.ko_board_list[data-type="A"][data-gallery] [data-board="img"]{overflow:hidden; display:block; aspect-ratio:16/10; background:url(/images/board/no_image.gif) no-repeat 50% 50% / cover; }
.ko_board_list[data-type="A"][data-gallery] [data-board="img"] img{object-fit:contain; width:100%; height:100%;}
.ko_board_list[data-type="A"][data-gallery] [data-board="tit"]{width:95%; height:auto; line-height:1.4; margin-top:19rem; -webkit-line-clamp:1;}
.ko_board_list[data-type="A"][data-gallery] .board_info_con{margin-top:50rem;}
.ko_board_list[data-type="A"][data-gallery] > li [data-board="arr"]{display:none;}
.ko_board_list[data-type="A"][data-gallery] > li a{padding:40rem 40rem 45rem;}
.ko_board_list[data-type="A"][data-gallery] [data-board="con"]{display:none;}

.ko_board_list[data-type][data-gallery="A"] > li a{padding:0;}
.ko_board_list[data-type][data-gallery="A"] > li{border:0;}
.ko_board_list[data-type][data-gallery="A"] .board_info_con [data-board="writer"]{display:none;}
.ko_board_list[data-type][data-gallery="A"] .board_info_con *{font-size:15rem;}
.ko_board_list[data-type][data-gallery="A"] .board_info_con{margin-top:8rem;}
.ko_board_list[data-type][data-gallery="A"] > li:hover{box-shadow:none;}
.ko_board_list[data-type][data-type="A"] [data-board="notice"]{margin-left:6rem;}
@media(max-width:1024px){
	.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
}
@media(max-width:860px){
	.ko_board_list[data-type="A"]{gap:25rem; grid-template-columns:1fr 1fr;}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:53rem; -webkit-line-clamp:2;}
}
@media(max-width:480px){
		.ko_board_list[data-type="A"]{gap:18rem; grid-template-columns:1fr;}
		.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
		.ko_board_list[data-type="A"] [data-board="tit"]{height:auto; max-height:60rem;}
		.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:68rem;}
		.ko_board_list[data-type][data-gallery="A"]{gap:35rem;}
		.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:6rem;}
}