@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, .board112 ul.jeonBoardBox > li div .title {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;}
.board112 ul.jeonBoardBox > li:last-child div h2 {border-right:none;}
.board112 ul.jeonBoardBox > li div 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; background-color:white; border-bottom:1px solid #e8e8e8;}

.board112 ul.jeonBoardBox > li.active div a.board_name {color:#3b7f9f; background-color: transparent; border-bottom:0px;}
.board112 ul.jeonBoardBox > li.active div 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, .board112 ul.jeonBoardBox li:nth-child(2) div .title {margin-left:33.333%;}
.board112 ul.jeonBoardBox li:nth-child(3) div h2, .board112 ul.jeonBoardBox li:nth-child(3) div .title {margin-left:66.666%;}
.board112 ul.jeonBoardBox > li:first-child:nth-last-child(2) div .title {width:50%;}
.board112 ul.jeonBoardBox > li:nth-child(2):nth-last-child(1) div .title {width:50%; margin-left:50%;}
.board112 ul.jeonBoardBox li:last-child div .title {border-right:none;}

.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: 16px; 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: 15px;letter-spacing: -0.5px;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,
.layout_03 .board112 ul.jeonBoardBox > li div .title, .layout_04 .board112 ul.jeonBoardBox > li div .title{font-size:17px;}

.layout_height_A .board112 {height:400px;}
.layout_height_H .board112 {height:350px;}
.layout_height_M .board112 {height:250px;}
.layout_height_A .board112 ul.jeonBoardBox > li.active div ul {height:343px;}
.layout_height_A .board112 ul.jeonBoardBox > li.active div ul li {padding:3px 0; width:100%; float:left;}
.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;}

.border-radius .board112 {border-radius: 15px;}
.borderbox .board112 {border:none;}


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

.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, .board112 ul.jeonBoardBox > li div .title {height:45px; line-height:43px; font-size:17px;}
		.board112 ul.jeonBoardBox > li div 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: -32px;overflow:hidden;font-size: 13px;}

	}