@charset "utf-8";

.board112 {border:1px solid #e8e8e8; background:white; box-sizing:border-box;}
.board112 ul.jeonBoardBox {position:relative;}
.board112 ul.jeonBoardBox > li div h2 {display:block; position:absolute; top:0;width:33.333%; height:57px;line-height:53px;
				text-align:center; color:#333; border-bottom:0; text-decoration:none; font-size:18px; letter-spacing:-1px;
				border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; box-sizing:border-box; overflow:hidden;}
.board112 ul.jeonBoardBox > li:last-child div h2 {border-right:none;}
.board112 ul.jeonBoardBox > li div h2 a.board_name {color:#333; width:100%; height:57px; position:relative; float:left; line-height:57px; overflow:hidden; 
													white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 5px; box-sizing:border-box;}

.board112 ul.jeonBoardBox > li.active div h2 a.board_name {color:#3b7f9f; /*border-bottom:5px solid #3b7f9f;*/}
.board112 ul.jeonBoardBox > li.active div h2 a.board_name:after {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";
letter-spacing:-10px; color:inherit; font-size:30px; position:absolute; left:-10px; bottom:0; height:5px; overflow:hidden; line-height:0;}

.board112 ul.jeonBoardBox li:nth-child(2) div h2 {margin-left:33.333%;}
.board112 ul.jeonBoardBox li:nth-child(3) div h2 {margin-left:66.666%;}

.board112 ul.jeonBoardBox li div ul {height:0; overflow:hidden; position:absolute;}
.board112 ul.jeonBoardBox > li.active div ul {width:100%; display:block; margin-top:57px; padding:15px; box-sizing:border-box;}
.board112 ul.jeonBoardBox > li div ul{display:none;}
.board112 ul.jeonBoardBox li a {text-decoration:none; position:relative; width:100%; float:left;}

.board112 ul.jeonBoardBox li a p.tit { font-size:14px; color:#555; line-height:32px; letter-spacing:-1px;
									padding-right:100px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.board112 ul.jeonBoardBox li a p.tit:before {content:"\2219"; padding-right:5px; color:black;}
.board112 ul.jeonBoardBox li a span.date {color:#3b7f9f; font-size:12px; letter-spacing:-1px; line-height:32px; position:absolute; top:0px; right:0;}



/* layout setting */
.layout_01 .board112 {height:250px;}
.layout_01 .board112 ul.jeonBoardBox > li.active div ul {height:190px;}
.layout_01 .board112 ul.jeonBoardBox > li.active div ul li:nth-child(5) ~ li {display:none;}

.layout_03 .board112 ul.jeonBoardBox > li div h2,
.layout_04 .board112 ul.jeonBoardBox > li div h2 {font-size:17px;}

.layout_height_H .board112 {height:350px;}
.layout_height_M .board112 {height:250px;}
.layout_height_H .board112 ul.jeonBoardBox > li.active div ul {height:293px;}
.layout_height_M .board112 ul.jeonBoardBox > li.active div ul {height:193px;}
.layout_height_M .board112 ul.jeonBoardBox > li.active div ul li:nth-child(5) ~ li {display:none;}



 /* no-data */
.board112 ul.jeonBoardBox > li.active div ul li.no_data {float:left; padding:10px 0;}
.board112 ul.jeonBoardBox > li.active div ul li.no_data p {}

.board112 ul.jeonBoardBox li a:hover p.tit {text-decoration:underline;}

	@media (min-width:800px){


	}
	@media (min-width:800px) and (max-width:1049px){}
	@media (min-width:991px) and (max-width:1200px){
		.layout_03 .board112 ul.jeonBoardBox li a span.date,
		.layout_04 .board112 ul.jeonBoardBox li a span.date {text-indent:-36px; overflow:hidden;}
		.layout_04 .board112 ul.jeonBoardBox li a p.tit {padding-right:50px;}
	}

	@media (max-width:799px){
		.board112 ul.jeonBoardBox > li div h2 {height:45px; line-height:43px; font-size:17px;}
		.board112 ul.jeonBoardBox > li div h2 a.board_name {height:45px; line-height:43px;}
		.board112 ul.jeonBoardBox > li.active div ul {margin-top:45px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .board112 {height:350px;}
		.layout_block4 .layout_04.layout_height_M .board112 {height:250px;}
		.layout_block4 .layout_04.layout_height_H .board112 ul.jeonBoardBox > li.active div ul li:nth-child(7) ~ li {display:none;}
		.layout_block4 .layout_04.layout_height_M .board112 ul.jeonBoardBox > li.active div ul li:nth-child(4) ~ li {display:none;}
	}
	@media (max-width:599px){
		.board112 ul.jeonBoardBox li a span.date {text-indent:-34px; overflow:hidden;}

	}