@charset "utf-8";

.board119 {background:white;box-sizing:border-box;/* padding:15px; */}
.board119 ul.board_wrap {position:relative;width:100%;height:100%;text-align:center;}
.board119 ul.board_wrap > li {width:auto; /* float:left; */ display:inline-block; max-width:25%; box-sizing:border-box;
							border-bottom:2px solid rgba(0,0,0,0.2); margin-left:-3px; padding: 0 10px;}
.board119 ul.board_wrap > li div {/* width:100%; *//* float:left; */}
.board119 ul.board_wrap > li h2 {display:inline-block;width:100%;color:#333;float: left;}
.board119 ul.board_wrap > li h2 a.board_name {float:left; color:#333; font-size:18px; line-height:22px; padding: 15px 0;
											box-sizing:border-box; letter-spacing:-1px; width:100%; font-weight:600;
											text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative;}
.board119 ul.board_wrap > li.active {border-bottom-color:#b5121b;}
.board119 ul.board_wrap > li.active h2 a.board_name {}


.board119 ul.board_wrap li div ul {height:100%; position:absolute; display:none;}
.board119 ul.board_wrap > li.active div ul {position:absolute;top:52px;left:0;width:100%;display:block;padding:10px 15px;padding:38px 15px;box-sizing:border-box;/* border-top:1px solid rgba(0,0,0,0.1); */}


.board119 ul.board_wrap ul li {position:relative; width:50%; float:left; margin-bottom:29px;}
	.board119 ul.board_wrap ul li:first-child {height:300px;margin-bottom:0;padding-top:27px;}
.board119 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}


.board119 ul.board_wrap ul li a .datebox {width:60px; height:60px; border:1px solid #c48387; float:left; position:absolute; left:0;}
	.board119 ul.board_wrap ul li:first-child a .datebox {position:absolute; top:30px; color:#727272; border:none !important; width:auto;}
.board119 ul.board_wrap ul li a .datebox span.date{text-indent:-40px;width:38px;display:inline-block;overflow:hidden;font-size:15px;margin-top:13px; font-family: NanumSquareR;}
.board119 ul.board_wrap ul li a .datebox span.date2{font-size:12px; opacity:0.8; padding-top:2px; width:28px; display:inline-block; overflow:hidden; /*display:none;*/}
.board119 ul.board_wrap ul li a .datebox span.date3{font-size:12px;opacity:0.8;padding-top:2px;float:left; width:100%;}
	
	.board119 ul.board_wrap ul li:first-child a .datebox span.date {width:auto; text-indent:0; margin-top:0; font-size:13px;}
	.board119 ul.board_wrap ul li:first-child a .datebox span.date2 {display:none;}
	.board119 ul.board_wrap ul li:first-child a .datebox span.date3 {display:none;}

.board119 ul.board_wrap ul li a p.tit {font-size:17px; font-weight:600; color:#555; line-height:29px; letter-spacing:-1px; box-sizing:border-box;
										-webkit-transition:color 0.5s; transition:color 0.5s; padding-right:100px; white-space:nowrap; 
										overflow:hidden; text-overflow:ellipsis; text-decoration:none; text-align:left; padding-left:75px; margin-top:7px; }
.board119 ul.board_wrap ul li a p.tit:hover {color:#727272; font-weight:600;}
.board119 ul.board_wrap ul li a span.co {font-size:14px; padding-left:75px; padding-right:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; float:left; box-sizing:border-box; text-align: left;}
.board119 ul.board_wrap ul li:first-child a p.tit:before {content:"\25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0"; 
														color:#b5121b; position:absolute; left:0; bottom:-62px; font-size:30px; letter-spacing:-10px; 
														width:67px; height:1px; overflow:hidden; line-height:0; -webkit-transition:width 1s; transition:width 1s; }
.board119 ul.board_wrap ul li:first-child a p.tit:after {content:"\25A0";color:#b5121b;position:absolute;left: 59px;bottom: -64px;
														font-size: 45px;font-weight:400; -webkit-transition:left 1s;transition:left 1s;
														width: 1px;height: 20px;overflow: hidden;text-indent: -10px;transform: rotate(-45deg);}
	.board119 ul.board_wrap ul li:hover a p.tit:before {width:90px;}
	.board119 ul.board_wrap ul li:hover a p.tit:after {left: 83px;}
	.board119 ul.board_wrap ul li:first-child~li:hover a span.co {text-decoration:underline;}

	.board119 ul.board_wrap ul li:first-child a p.tit {padding-left:0; margin-top:0;}
	.board119 ul.board_wrap ul li:first-child a span.co {text-align:left; float:left; margin-top:40px; line-height:22px; font-size:14px; 
														height:66px; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box;
														white-space:normal; word-break:keep-all; overflow:hidden; padding-left:0;}


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


.board119 ul.board_wrap ul li.no_data {width:100%; height:100px;}



	@media (min-width:800px){
		.layout_01 .board119 {height:350px;}
		.layout_01 .board119 ul.board_wrap > li.active div ul {height:297px;}
		.board119 ul.board_wrap > li {min-width:130px;}
	}

	@media (min-width:800px) and (max-width:1200px){
		.board119 ul.board_wrap > li.active h2 a.board_name,
		.board119 ul.board_wrap > li h2 a.board_name {font-size:17px;}
	}

	@media (max-width:799px){
		.layout_01 .board119 {height:550px;}
		.layout_01 .board119 ul.board_wrap > li.active div ul {height:480px; padding:20px 15px;}

		.board119 ul.board_wrap > li {padding:0 10px;}
		.board119 ul.board_wrap ul li {width:100%;}
		.board119 ul.board_wrap ul li:first-child {padding-top:0; height:220px;}
		.board119 ul.board_wrap ul li:first-child a p.tit:after {bottom:-40px;}
		.board119 ul.board_wrap ul li:first-child a p.tit:before {bottom: -37px;}

		.board119 ul.board_wrap > li.active h2 a.board_name {font-size:17px;}
		.board119 ul.board_wrap > li h2 a.board_name {font-size:15px; line-height:24px;}
		.board119 ul.board_wrap ul li a p.tit {font-size:16px; font-weight:400;}
		.board119 ul.board_wrap ul li a span.co {font-size:13px; padding-left:74px;}
	}
	@media (max-width:599px){
		.board119 ul.board_wrap ul li a p.tit {font-size:13px;}

	}