@charset "utf-8";
/*@latest 2022.05.11 OSY */

.board145 {position:relative; overflow:hidden; width:100%; height:350px; box-sizing:border-box;}

.board145 .bbsWrap {position:relative; width:100%; height:50%; box-sizing:border-box;}
.board145 .bbsWrap + .bbsWrap .bbsAlign {border-color:#eaeaea; border-style:solid; border-width:1px 0 0 0 }
.board145 .bbsWrap .bbsAlign {position:absolute; left:30px; width:calc(100% - 60px); height:100%; padding:50px 0; box-sizing:border-box;}
.board145 .bbsWrap:first-child .bbsAlign {top:0;}
.board145 .bbsWrap:last-child .bbsAlign {bottom:0;}

.board145 .bbsWrap .leftBox {position:relative; vertical-align:top; display:inline-block; width:25%; max-width:200px; height:100%; box-sizing:border-box;}
.board145 .bbsWrap .leftBox .bbsName {width:auto; max-width:100%; max-height:52px; white-space:initial; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.board145 .bbsWrap .leftBox .btnMore {position:absolute; bottom:0; width:auto; max-width:70%; height:14px; line-height:14px; border-radius:2px; padding:8px 10.5px; background:#eaeaea; color:#666; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.3s;}
.board145 .bbsWrap .leftBox .btnMore::after {opacity:0; position:absolute; top:0; left:0; z-index:-1; content:''; width:100%; height:100%; background:rgba(35,35,37,1); color:#fff; transition:all 0.3s;}
.board145 .bbsWrap .leftBox .btnMore:hover {opacity:0.9; color:#fff !important;}
.board145 .bbsWrap .leftBox .btnMore:hover::after {opacity:1;}

.board145 .bbsWrap ul.bbsList {display:inline-block; width:calc(70% - 4px); margin-left:5%; overflow:hidden; box-sizing:border-box;}
.board145 .bbsWrap ul.bbsList li {padding:10px 0; vertical-align:middle;}
.board145 .bbsWrap ul.bbsList li .bullet {display:inline-block; width:6px; height:1px; vertical-align:middle; background:#ccc; margin-right:8px;}
.board145 .bbsWrap ul.bbsList li:first-child {padding-top:0;} 
.board145 .bbsWrap ul.bbsList:nth-last-of-type(1) li:not(.no_data) {padding-bottom:0;} 
.board145 .bbsWrap ul.bbsList li a:hover .bbsTit {text-decoration:underline;}
.board145 .bbsWrap ul.bbsList li a {position:relative; display:inline-block; width:calc(100% - 18px); box-sizing:border-box;}
.board145 .bbsWrap ul.bbsList li a .bbsTit {display:inline-block; width:calc(100% - 84px); vertical-align:middle; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board145 .bbsWrap ul.bbsList li a .bbsDate {display:inline-block; width:80px; text-align:right; vertical-align:middle; overflow:hidden;}

.border-radius .board145 .bbsWrap .leftBox .btnMore {border-radius:20px;} 
.border-radius .board145 .bbsWrap ul.bbsList li .bullet {width:6px; height:6px; border-radius:50%; background:#ccc;} 

/* no_data */
.board145 .no_data {padding:20px 0; background:rgba(0,0,0,0.015);}
.board145 .no_data p {color:#787878;}


/* layout */
.layout_01 .board145,
.layout_height_H .board145 {height:350px;}
.layout_01 .board145 .bbsWrap .bbsAlign,
.layout_height_H .board145 .bbsWrap .bbsAlign {padding:50px 0;}
.layout_height_M .board145 {height:250px;}
.layout_height_M .board145 .bbsWrap .bbsAlign {padding:20px 0;}
.layout_height_L .board145 {height:150px;}
.layout_height_L .board145 .bbsWrap .bbsAlign {padding:0 30px;}
.layout_04.layout_height_H .board145 .bbsWrap .bbsAlign {padding:30px 0;}

.layout_04.layout_height_M .board145 .bbsWrap ul.bbsList li:nth-child(3):not(.no_data),
.layout_02.layout_height_L .board145 .bbsWrap ul.bbsList li:nth-child(3):not(.no_data),
.layout_02_36.layout_height_L .board145 .bbsWrap ul.bbsList li:nth-child(3):not(.no_data) {display:none;}

.layout_04 .board145 .bbsWrap .leftBox,
.layout_height_L .board145 .bbsWrap .leftBox {width:100%; max-width:none;}
.layout_04 .board145 .bbsWrap .leftBox {height:auto;}
.layout_04 .board145 .bbsWrap ul.bbsList,
.layout_height_L .board145 .bbsWrap ul.bbsList {width:100%; margin-left:0;}
.layout_04 .board145 .bbsWrap .leftBox {margin-bottom:10px;}
.layout_height_L .board145 .bbsWrap .leftBox {margin-bottom:15px;}
.layout_04 .board145 .bbsWrap .leftBox .btnMore,
.layout_height_L .board145 .bbsWrap .leftBox .btnMore {right:0;}
.layout_04 .board145 .bbsWrap .leftBox .bbsName,
.layout_height_L .board145 .bbsWrap .leftBox .bbsName {display:inline-block;}
.layout_04.layout_height_M .board145 .bbsWrap ul.bbsList li:nth-child(3):not(.no_data) {display:none;}

.layout_height_L .board145 .bbsWrap {display:inline-block; width:50%; height:100%;}
.layout_height_L .board145 .bbsWrap:last-child {float:right;}
.layout_height_L .board145 .bbsWrap .bbsAlign {width:100%; bottom:auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.layout_height_L .board145 .bbsWrap:last-child .bbsAlign {left:auto; right:0; border-width:0 0 0 1px;}

.layout_02.layout_height_L .board145 .bbsWrap .bbsAlign,
.layout_02_36.layout_height_L .board145 .bbsWrap .bbsAlign {height:auto; right:auto; left:0;}

.layout_height_L .board145 .bbsWrap .leftBox .bbsName,
.layout_height_M.layout_04 .board145 .bbsWrap .leftBox .bbsName {max-width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


	@media (min-width:900px){	
		.layout_03 .board145 .bbsWrap ul.bbsList li a .bbsTit,
		.layout_04 .board145 .bbsWrap ul.bbsList li a .bbsTit,
		.layout_height_L .board145 .bbsWrap ul.bbsList li a .bbsTit {width:calc(100% - 61px);}
		.layout_03 .board145 .bbsWrap ul.bbsList li a .bbsDate,
		.layout_04 .board145 .bbsWrap ul.bbsList li a .bbsDate,
		.layout_height_L .board145 .bbsWrap ul.bbsList li a .bbsDate {width:57px; text-indent:-18px;}
	}
	@media (min-width:800px) and (max-width:1200px){
		.layout_01 .board145 .bbsWrap .bbsAlign,
		.layout_height_H .board145 .bbsWrap .bbsAlign {padding:30px 0;}
		.layout_03 .board145 .bbsWrap .leftBox {width:100%; max-width:none;}
		.layout_03 .board145 .bbsWrap ul.bbsList {width:100%; margin-left:0;}
		.layout_03 .board145 .bbsWrap .leftBox {margin-bottom:15px;}
		.layout_03 .board145 .bbsWrap .leftBox .btnMore {margin-top:0;}
		.layout_03 .board145 .bbsWrap .leftBox .bbsName {display:inline-block;}
		.layout_03.layout_height_M .board145 .bbsWrap ul.bbsList li:nth-child(3):not(.no_data) {display:none;}
		.layout_02_36.layout_03 .board145 .bbsWrap .leftBox,
		.layout_03.layout_height_M .board145 .bbsWrap .leftBox {height:auto;}
		.layout_02_36.layout_03 .board145 .bbsWrap .leftBox .btnMore,
		.layout_03.layout_height_M .board145 .bbsWrap .leftBox .btnMore {right:0; max-width:10px;}
		.layout_02_36.layout_03 .board145 .bbsWrap .leftBox .bbsName,
		.layout_03.layout_height_M .board145 .bbsWrap .leftBox .bbsName {max-width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	}
	@media (min-width:800px) and (max-width:899px){	
		.layout_03 .board145 .bbsWrap ul.bbsList li a .bbsTit,
		.layout_04 .board145 .bbsWrap ul.bbsList li a .bbsTit {width:calc(100% - 57px);}
		.layout_03 .board145 .bbsWrap ul.bbsList li a .bbsDate,
		.layout_04 .board145 .bbsWrap ul.bbsList li a .bbsDate {width:53px; text-indent:-18px;}
	}
	@media (max-width:899px){
		.board145 .bbsWrap .leftBox .btnMore {height:16px; line-height:16px; padding:4px 8px;}
		.layout_height_L .board145 .bbsWrap ul.bbsList li a .bbsTit {width:calc(100% - 57px);}
		.layout_height_L .board145 .bbsWrap ul.bbsList li a .bbsDate {width:53px; text-indent:-18px;}
		
	}
	@media (min-width:800px){	
	}
	@media (max-width:599px){
		
	}