@charset "UTF-8";

/* leftmenu */
.lnb {
	float: left;
	width: 20%;
}
.lnb h4.lt_05 {
	margin-bottom: 0px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color:#1e6119;
}
.lnb .leftmenu > li > a .empty {
	background: none;
	color: #414141;
}
.lnb .leftmenu > li > a {
	display: block;
	padding: 16px 0 16px 7%;
	color: #414141;
	border-bottom: 1px solid #dfdfdf;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	background: url(../../images/layout/bul_lnb_plus.gif) 87% center no-repeat;
}
.lnb .leftmenu > li:last-child > a {border-bottom:0;}
.lnb .leftmenu > li > a:hover {
	color: #fff;
	background: #298822
}
.lnb .leftmenu > li> a.on:hover, .lnb .leftmenu > li > a.on {
	color: #fff;
	background: #298822
}
.leftmenu {
	padding-left: 0px;
	margin-bottom: 0px;
	border: 1px solid #ddd;
}
.eng-txt{font-size:26px;}

/*main*/
.main-div{max-height: 435px;margin-top: 65px;text-align:center;}
.main-div img{width:100%;}
.left-content{width:45%; float:left; margin: 20px 0 0px 0px; padding: 0 8px 0 0;}
.right-content{width:55%; float:right; margin: 20px 0px 10px 0; padding:0 0 0 8px;}
.right-content ul{margin:0; padding:0; text-align:center;}
.right-content li{display:inline-block; border:1px solid #ddd; width:49%; height:150px; padding: 10px 10px;}
.right-content p{font-weight:600; font-size:15px; margin-bottom:12px; text-align:left;}
.right-content .img-div{width:30%; float:left; padding:4px;}
.right-content .txt-div-1{width:70%; float:right; padding:4px 4px 4px 12px; font-size:14px; text-align:left;}
.right-content .txt-div-1 a{margin-left:60px; color:#37872a; font-size:12px; display:inline-block;}
.right-content .txt-div-1 a:hover{color:#2f7125;}
.right-content .txt-div-2{width:70%; float:right;padding:4px 4px 4px 14px; text-align:left;}
.right-content .num-span{font-size:26px; font-weight:600; color:#37872a;}
.right-content .time-span{font-size:14px; font-weight:400; display:block;}
.right-content img{width:100%;}
.main-section-1{padding: 1rem 0 0 0;display: flex;}
.main-section-2{padding: 0 0 1rem 0;display: flex; margin-top: -1px;}
.noti-tit-div{margin: 0 0 29px 0; width:100%;}
.tit-noti{float:left; font-weight:600; font-size:15px;}
.tit-more{float:right; font-size:12px; line-height: 1.9;}
.tit-more a{background: #37872a; color: #f3f3f3; padding: 1px 2.5px; border-radius: 2px;}
.tit-more a:hover{background: #2f7125;}
.n-table{width:100%; font-size:14px;}
.n-table tr{border-top:1px dotted #ddd; border-bottom:1px dotted #ddd;}
.n-table td{padding:1px 8px 1px 8px; height:24px;}
.tit-cut{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 355px;}
.noti-col-1{width:80%;}
.noti-col-2{width:20%;}
.on-mobile{display:none;}


@media ( max-width : 1200px ) {
	.tit-cut{width:325px;}
	.right-content .txt-div-1 a{margin-left:24px;}
}

@media ( max-width : 1024px ) {
	.tit-cut{width:260px;}
	.noti-col-1{width:75%;}
	.noti-col-2{width:25%;}
}

@media ( max-width : 992px ) {
	.main-div{margin-top:48px;}
	.tit-cut{width:100%;}
	.left-content{width:100%; padding:0 10px;}
	.right-content{width:100%; padding:0 10px;}
	.right-content .txt-div-1 a{display:block; margin-left:0;}
}

@media ( max-width : 768px ) {
	
}

@media ( max-width : 576px ) {
	.right-content .num-span{font-size:24px;}
	.right-content .txt-div-2{padding:4px;}
}

@media ( max-width : 479px ) {
	.tit-cut{width:}
	.none-mobile{display:none;}
	.on-mobile{display:block;}
	.right-content li{width:100%; height:130px;}
	.right-content .img-div{width:32%; float:left; padding:10px 8px 10px 0px; border-right:1px dotted #ddd; height:100%;}
	.right-content p{text-align:center; margin-bottom:0;}
	.right-content img{width:80px; padding:4px 8px 8px 8px;}
	.right-content .txt-div-1{width:68%; padding:26px 4px 26px 12px; height:100%;}
	.right-content .txt-div-2{width:68%; padding:24px 4px 24px 4px; height:100%; text-align:center;}
}
@media ( max-width : 376px) {
	.tit-cut{width:192px;}
	.noti-col-1{width:70%;}
	.noti-col-2{width:30%;}
}



























