@charset "UTF-8";

/* 2024년 1학기 아이비원격평생교육원 성적우수 장학생 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

.epilogue_202401 * { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#111; box-sizing:border-box; line-height:1.2; }
.epilogue_202401 { width:840px; height:auto; position:relative; overflow:hidden; text-align:center; background:url(images/epilogue_202401.jpg) no-repeat; padding-top:550px; }
.epilogue_202401 .topImg li { position:absolute; }
.epilogue_202401 .topImg li:first-child { left:54px; top:76px; z-index:101; animation:fadeIn_up .6s ease both; }
.epilogue_202401 .topImg li:last-child:after { position:absolute; right:215px; top:-24px; content:""; display:block; width:100px; height:100px; background:url(images/light.png) no-repeat; animation:fadeIn 1.4s .2s ease both; }
.epilogue_202401 .topImg li:last-child { right:0px; top:164px; z-index:100; animation:fadeIn 1.6s .3s ease both; }
.epilogue_202401 .epilogue_txt { background:#0d0d0c; padding:0 39px 30px;}
.epilogue_202401 .epilogue_txt li { position:relative; width:760px; margin-bottom:11px; padding:15px; box-sizing:border-box; height:196px; background:#ebebeb url(images/btn_more.png) no-repeat right bottom; }
.epilogue_txt li p,.epilogue_txt li a > dl { float:left; }
.epilogue_txt li p { margin-right:30px; }
.epilogue_txt li a > dl { width:515px; text-align:left; padding:20px 0 0; line-height:1.4; color:#333; }
.epilogue_txt li a dt { font-size:20px; padding-bottom:8px; color:#8b0104; font-weight:600; }
.epilogue_txt li a dt strong { font-size:23px; padding-left:5px; color:#333; font-weight:800; }
.epilogue_txt li dd { font-size:17px; }
.epilogue_txt li dd strong { font-weight:500; color:#111;background:linear-gradient(to top, #fdee00 50%, transparent 50%); }
.epilogue_txt li .btn_txtMore { opacity:0; display:block; position:absolute; top:0; left:0; width:760px; height:196px; background:rgba(0,0,0,.3); transition:all .3s; }
.epilogue_txt li a:hover .btn_txtMore { opacity:1; }
.epilogue_txt li .btn_txtMore strong { color:#fff; font-size:18px; font-weight:normal; background:#000; padding:8px 35px; display:inline-block; margin-top:90px; }



@keyframes fadeIn_up {
	0% {
		transform: translateY(5%);
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}