/* board018 */
.board018 {width:100%; float:left; height:100%; background:rgba(255,255,255,0.85);}
.board018 strong {float:left;width: 100%;padding:15px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.board018 .morebtn {float:right;color:#838383;font-size: 16px;line-height: 150%;/* margin-top: 5px; */}

.board018 ul {float:left; clear:both; width:100%; box-sizing:border-box;}
.board018 ul li {display:block; width:100%; float:left; padding:8px 15px; box-sizing:border-box;}
.board018 ul li:hover {background:#f5f5f5;}
.board018 ul li .datebox {display:inline-block; padding:12px 10px; background:#ccc; color:#fff; text-align:center; 
						  width:105px; box-sizing:border-box; vertical-align:middle;}
.board018 ul li .date {display:block; text-align:center; font-size:22px; text-indent:-60px; letter-spacing:0.5px; width:62px; 
						overflow:hidden; display:inline-block; margin-bottom:-4px;}
.board018 ul li > a {width:calc(100% - 110px); display:inline-block; vertical-align:middle; padding-left:30px; box-sizing:border-box;}
.board018 ul li .tit {color:#333333; text-align:left; width:100%; float:left; clear:both; 
								  margin-top:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board018 ul li:hover .tit {font-weight:600;}
.board018 ul li .co {color:#9f9f9f; line-height:150%; width:100%; letter-spacing:-0.5px; text-align:left; float:left; 
					white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:keep-all; clear:both; margin-top:5px; font-size:15px;}


/* no_data */
.board018 ul li.no_data {border:none !important; width:100% !important;}
.board018 ul li.no_data strong {font-weight:400; font-size:13px;}

	.layout_height_H .board018 ul li {padding:12px 15px;}
	.layout_height_L .board018 ul li {padding:22px 15px;}
	.layout_height_M .board018 ul li:nth-child(3) ~ li {display:none;}
	.layout_height_L .board018 ul li:first-child ~ li {display:none;}
										  



/* hover fx - ver. */
.board018.fall01 ul li .datebox {background:#a75a2c;}
.board018.fall01 ul li:hover {background:#eed5b6;}
.board018.fall02 ul li .datebox {background:#58091c;}
.board018.fall02 ul li:hover {background:#ece0e4;}

.board018.spring01 ul li .datebox {background:#849a1c;}
.board018.spring01 ul li:hover {background:#dddfb8;}
.board018.spring02 ul li .datebox {background:#d78b9c;}
.board018.spring02 ul li:hover {background:#f1dbe1;}

.board018.summer01 ul li .datebox {background:#005caf;}
.board018.summer01 ul li:hover {background:#dee4f4;}
.board018.summer02 ul li .datebox {background:#778f2f;}
.board018.summer02 ul li:hover {background:#c9cdb2;}
.board018.summer03 ul li .datebox {background:#758e32;}
.board018.summer03 ul li:hover {background:#d2ddb2;}

.board018.winter01 ul li .datebox {background:#0b69b3;}
.board018.winter01 ul li:hover {background:#d9effd;}
.board018.winter02 ul li .datebox {background:#52407a;}
.board018.winter02 ul li:hover {background:#e3e0eb;}




	@media (max-width:990px){
		.board018 ul li .datebox { padding:12px 5px;}
		.board018 ul li .date {text-indent:0;font-size: 18px;width: auto;letter-spacing: -1px;}
        .board018 ul li > a {padding-left:13px;}
	}

	@media (min-width:800px){
		.layout_height_H .board018 {height:350px;}
		.layout_height_M .board018 {height:250px;}
		.layout_height_L .board018 {height:150px;}

			.layout_height_H .board018 ul li:last-child {margin-bottom:0;}

			.layout_height_M .board018 ul li {line-height:20px;}
			.layout_height_M .board018 ul li:last-child {margin-bottom:0;}
			.layout_height_M .board018 ul li .tit {font-size:16px;}
			.layout_height_M .board018 ul li .co {height:20px;}

			.layout_height_L .board018 ul li {margin-bottom:0;}
			.layout_height_L .board018 ul li .tit {font-size:16px;}


	}

	@media (max-width:799px){

		.board018 {padding:15px 0 20px;}

		.layout_height_L .board018 ul li {padding:8px 15px;}
	}


	@media (min-width:600px) and (max-width:799px){
		.board018 strong {font-size:20px;}
		
		.layout_block4 .board018 {padding:0;}
		.layout_block4 .layout_height_M .board018 ul li .tit {font-size:16px;}
		.layout_block4 .layout_height_M .board018 ul li .co {height:20px; white-space:nowrap !important; display:block;}

		.layout_block4 .layout_height_L .board018 ul li .date {padding-bottom:5px;}
		.layout_block4 .layout_height_L .board018 ul li .co {height:20px; white-space:nowrap !important; display:block;}
	}



	@media (max-width:599px){

	}