@charset "utf-8";

.gallery119 {box-sizing:border-box; padding: 15px 0 0;}
.gallery119 ul.board_wrap {position:relative;width: 100%;height: 100%;float: left;text-align: center;}
.gallery119 ul.board_wrap > li {width:auto;display:inline-block;max-width: 48%;margin-left: 0px;}
.gallery119 ul.board_wrap > li .titbox .board_name {
												color:#878685;
												font-size:22px;
												box-sizing:border-box;
												width:100%;
												text-overflow:ellipsis;
												overflow:hidden;
												white-space:nowrap;
												position: relative;
												font-weight:600;
												/* padding-bottom: 15px; */
												cursor: pointer;
												}
.gallery119 ul.board_wrap > li:last-child .titbox .board_name:before {content:"";width:1px;height: 20px;float:left;background: #b1b1b1;margin: 2px 20px 0;}												
.gallery119 ul.board_wrap > li.active .titbox .board_name {color:#4a4846;}
.gallery119 ul.board_wrap > li:not(.active) .titbox .morebtn {display:none;}
.gallery119 ul.board_wrap > li.active .titbox .morebtn {position: absolute; right: 15px; top:2px; color:#fff; background:#f18201; border-radius:100%;
				  										padding:3px 7px;  min-width:22px; min-height:22px; box-sizing:border-box;  font-family:nanumgothic;}

.gallery119 ul.board_wrap li div ul {height:100%; position:absolute; display:none; background:#fff;}
.gallery119 ul.board_wrap > li.active div ul {position:absolute;left:0;width:100%;display:block;padding:20px 15px;box-sizing: border-box;border-top: 1px solid #d6d6d6;}

.gallery119 ul.board_wrap ul li:first-child {padding-bottom: 23px; margin-bottom: 23px; width: 100%; float: left; border-bottom: 1px solid rgba(0,0,0,0.1);}
.gallery119 ul.board_wrap ul li a {text-decoration:none;position:relative;width:100%;float:left;}
.gallery119 ul.board_wrap ul li a .imgbox {width:30%;height: 103px;overflow:hidden;float:left; position:relative;}
.gallery119 ul.board_wrap ul li a .imgbox img {position:absolute;margin:auto;top:-999px;bottom:-999px;right:-999px;left:-999px;min-height:100%;min-width:100%;}
.gallery119 ul.board_wrap ul li a .txtbox {display: inline-block; width: 70%; vertical-align: middle; padding-left: 20px; box-sizing: border-box;}
.gallery119 ul.board_wrap ul li a .tit {font-size: 15px; color: #222; line-height: 130%; -webkit-transition:color 0.5s;
									   transition:color 0.5s;overflow:hidden; text-decoration:none;
									   text-align:left; width: 100%; margin-bottom: 15px;}
.gallery119 ul.board_wrap ul li a .tit:hover {/* color:#727272; */font-weight:600;}
.gallery119 ul.board_wrap ul li a .date {color: #888;font-size: 13px;line-height: 130%;width: 100%;display: block;text-align: left; -webkit-transition:color 0.5s;transition:color 0.5s;}
.gallery119 ul.board_wrap ul li a:hover .date {color:#838383; font-weight:600;}



.gallery119 ul.board_wrap li div ul li.no_data .tit {font-size:14px; color: #555; line-height:29px; letter-spacing:-1px; padding-left:5px;}


/* layout setting */
.layout_06 .gallery119 ul.board_wrap > li {text-align:center;}
.layout_height_M .gallery119 ul.board_wrap ul li a .imgbox {height: 63px;}

.layout_height_H .gallery119 ul.board_wrap ul li {line-height:103px;}
.layout_height_M .gallery119 ul.board_wrap ul li {line-height:63px;}
.layout_height_M .gallery119 ul.board_wrap ul li:first-child {padding-bottom: 15px; margin-bottom: 15px;}
.layout_height_M  .gallery119 ul.board_wrap ul li a .tit {white-space:nowrap;text-overflow: ellipsis;margin-bottom: 10px;}



	@media (min-width:800px){
		.gallery119 ul.board_wrap > li.active div ul {top: 40px;}

		.layout_height_H .gallery119 {height:350px;}
		.layout_height_M .gallery119 {height:250px;}
	}

	@media (min-width:800px) and (max-width:1200px){
		.gallery119 ul.board_wrap > li.active .titbox .board_name,
		.gallery119 ul.board_wrap > li .titbox .board_name {font-size: 19px;}
		.layout_03 .gallery119 ul.board_wrap ul li a .date {text-indent:-33px; overflow:hidden;}
	}

	@media (max-width:799px){
		.gallery119 ul.board_wrap > li>div {height:35px;}
		.gallery119 ul.board_wrap > li.active div ul {top:35px;}

		.gallery119 ul.board_wrap > li .titbox .board_name {font-size:19px;}
		.gallery119 ul.board_wrap ul li a .imgbox {height:90px;}
		.gallery119 ul.board_wrap ul li a .imgbox img {max-width:120%;}
		.gallery119 ul.board_wrap > li.active .titbox .morebtn {top:0;}

		.layout_height_H .gallery119 {height:320px;}
		.layout_height_M .gallery119 {height:245px;}

		.layout_height_H .gallery119 ul.board_wrap ul li {line-height:90px;}
	}
	@media (max-width:599px){
		.gallery119 ul.board_wrap ul li a .tit {font-size: 14px;}

	}