/* 공지사항 */
.Notice {margin:0 0 50px; position:relative; background:#f3f9f5; padding:50px 20px; overflow:hidden;}
.Notice .NoTab ul {box-sizing:border-box; font-size:0; position:relative; z-index:1;}
.Notice .NoTab li {display:inline-block; text-align:center; width:50%; position:relative; box-sizing:border-box;}
.Notice .NoTab li a {font-family:'Noto Sans KR'; display:block; color:#222; height:50px; line-height:50px; font-size:16px; background:#fff;}
.Notice .NoTab li.select a {color:#fff; background:none;}
.Notice .NoTab li.select a:before {
	position:absolute; 
	content:''; 
	left:0; 
	right:0; 
	top:0; 
	width:auto; 
	height:100%; 
	border-radius:10px; 
	background:#3db133 ; 
	transition:all 0.3s; 
	-webkit-transition:all 0.3s; 
}
.Notice .NoTab li.select a span {position:relative; z-index:1;}
.Notice .NoDL {clear:both; position:relative; padding:0;}
.Notice .NoDL li {position:relative; padding:20px; background:#fff; margin:20px 0; border-radius:10px; z-index:1;}
.Notice .NoDL li a {position:absolute; display:block; top:0; left:0; width:100%; height:100%;}
.Notice .NoDL li dl dt {font-weight:500; margin:0 0 20px;}
.Notice .NoDL li dl dt span.tit {
	display:-webkit-box; 
    width:100%; 
    overflow:hidden; 
    line-height:22px;
	min-height:45px;
    max-height:45px; 
    white-space:normal; 
    word-wrap:break-word; 
    -webkit-box-orient:vertical; 
    color:#222; 
    font-size:17px; 
    -webkit-line-clamp:2; 
    word-break:break-all; 
    margin:0 0 5px; 
}
.Notice .NoDL li dl dd {font-size:14px; word-break:break-all;}
.Notice .NoDL li dl dd.txt {color:#999;}
.Notice .NoDL li dl dd.year {background:url('https://www.jjmind.com/images/cont/ico_time.svg') 0 center no-repeat; padding-left:25px; margin:20px 0 0;}
.Notice .NoDL li dl dt i {
	color:#fff; 
    font-style:normal; 
    display:inline-block; 
    width:100px; padding:7px 0 5px; 
    border-radius:50px; 
    text-align:center; 
    margin:0 0 15px; font-size:12px; font-family:'S-CoreDream5';
}

.Notice .mmore {top:0; right:0; display:none;}

.Notice .NoDL li dl dt i.ct1 {background:#feedf5; color:#f94180;}
.Notice .NoDL li dl dt i.ct2 {background:#ffeeb0; color:#ff9114;}
.Notice .NoDL li dl dt i.ct3 {background:#ecf5e5; color:#15a64c;}

.Notice strong.new {
	border-radius:7px; position:absolute; top:-15px; right:30px; 
	background:#1e9cad; color:#fff; display:inline-block; text-align:center; 
	font-size:12px; line-height:32px; width:30px; height:30px; 
	vertical-align:middle; font-family:'S-CoreDream4';
}
.Notice strong.new:after {
	position:absolute; content:''; top:0; right:-4px; transform:rotate(-90deg); z-indeX:-1;
    border-width:8px 0px 8px 13px;
    border-style:solid;
    border-color:transparent transparent transparent #095a3c;
} 

@media(min-width:767px) {
	.Notice {padding:50px 35px;}
	.Notice .NoTab {margin:0 0 30px;}
	.Notice .NoTab li {width:25%;}
	.Notice .NoTab li a {height:60px; line-height:60px;}

	.Notice .NoDL {margin:0 0 0 -2%;}
	.Notice .NoDL li {padding:20px; float:left; width:23%; height:300px; box-sizing:border-box; margin:0 0 0 2%;}
	.Notice .NoDL li dl dd.txt {
		display:-webkit-box; 
		width:100%; 
		overflow:hidden; 
		line-height:22px; 
		height:70px; 
		white-space:normal; 
		word-wrap:break-word; 
		-webkit-box-orient:vertical; 
		color:#999; 
		font-size:15px; 
		-webkit-line-clamp:3; 
		word-break:break-all; 
		margin:0 0 10px; 
		font-weight:400; 
	}
	.Notice .NoDL li dl dd.year {font-weight:500; position:absolute; bottom:30px; left:20px; margin:0;}

	.Notice .mmore {top:70px; right:0; width:60px; height:60px;}
}

@media(min-width:1200px) {
	.Notice {width:1200px; margin:0 auto; padding:70px 0; background:transparent; overflow:initial;}
	.Notice .NoTab {width:auto; margin:0 0 40px; font-size:0; background:#fff;}
	.Notice .NoTab li {width:285px; height:100%; float:none; display:inline-block; margin:0 0 0 20px;}
	.Notice .NoTab li:first-child {margin:0;}
	.Notice .NoTab li a {font-size:18px; display:block; height:60px; line-height:60px;}
	.Notice .NoTab li.select a:before {box-shadow:0 5px 10px rgba(0,0,0,.2);}
	.Notice .NoTab li a span {transition:all 0.3s; background:url('https://www.jjmind.com/images/main/ico_notice.svg') 0 center no-repeat;}
	.Notice .NoTab li.select a span {position:relative; z-index:1; background:url('https://www.jjmind.com/images/main/ico_notice.svg') 0 center no-repeat; padding:0 0 0 12%;}

	.Notice .NoDL {clear:both; height:320px; box-sizing:border-box; margin:0;}
	.Notice .NoDL li dl dd.txt {
		display:-webkit-box; 
		width:100%; 
		overflow:hidden; 
		line-height:24px; 
		height:70px; 
		white-space:normal; 
		word-wrap:break-word; 
		-webkit-box-orient:vertical; 
		color:#999; 
		font-size:16px; 
		-webkit-line-clamp:3; 
		word-break:break-all; 
		margin:0 0 10px; 
		font-weight:400; 
	}
	.Notice .NoDL li {padding:30px; float:left; width:285px; height:320px; margin:0 0 0 20px; box-sizing:border-box; background:#fff; border-radius:30px; transition:all .3s;}
	.Notice .NoDL li:hover {
		-webkit-box-shadow:10px 20px 30px 0 rgba(0,0,0,0.12);
		box-shadow:10px 20px 30px 0 rgba(0,0,0,0.12);
		-webkit-transform:translate3D(0, -3%, 0);
		transform:translate3D(0, -3%, 0)
	}
	.Notice .NoDL li:first-child {margin:0;}
	.Notice .NoDL li:first-child:hover {margin:-5px 0 0;}
	.Notice .NoDL li dl dt i {padding:7px 0; width:120px; font-size:14px; margin:0 0 30px;}
	.Notice .NoDL li dl dt {font-size:18px;}
	.Notice .NoDL li dl dt span.tit {font-size:18px; min-height:45px;}
	.Notice .NoDL li dl dd {font-size:16px;}
	.Notice .NoDL li dl dd.year {font-weight:500; position:absolute; bottom:30px; left:30px; margin:0;}

	.Notice .mmore {border:none; display:block;}
	.Notice .mmore a:hover {box-shadow:inherit;}

	.Notice strong.new {
		border-radius:7px; position:absolute; top:-20px; right:30px; 
		background:#1e9cad; color:#fff; display:inline-block; text-align:center; 
		font-size:16px; line-height:40px; width:40px; height:40px; 
		vertical-align:middle; font-family:'S-CoreDream4';
	}
	.Notice strong.new:after {
		position:absolute; content:''; top:0; right:-6px; transform:rotate(-90deg); z-indeX:-1;
		border-width:10px 0px 10px 18px;
		border-style:solid;
		border-color:transparent transparent transparent #095a3c;
	} 
}