@charset "UTF-8";

/* 2022년 2학기 아이비원격평생교육원 성적우수 장학생 */
.epilogue_202402 { width:840px; height:2900px; position:relative; overflow:hidden; text-align:center; background:#161514 url(images/epilogue_202202.jpg) no-repeat 0 top; }
.epilogue_202402 .topImg li { position:absolute; }
.epilogue_202402 .topImg li:first-child { left:54px; top:76px; z-index:101; animation:fadeIn_up .6s ease both; }
.epilogue_202402 .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_202402 .topImg li:last-child { right:0px; top:164px; z-index:100; animation:fadeIn 1.6s .3s ease both; }
.epilogue_202402 .youtube_tab { display:flex; position:absolute; top:910px; left:20px; }
.epilogue_202402 .youtube_tab li { margin-left:19px; }
.epilogue_202402 .youtube_tab li a { position:relative; display:block; width:240px; height:90px; text-indent:-9999px; transition:all .3s; }
.epilogue_202402 .youtube_tab li:first-child a { background:url(images/student_01.png) no-repeat; }
.epilogue_202402 .youtube_tab li a:before { position:absolute; content:""; display:block; width:50px; height:55px; left:-17px; top:-8px; }
.epilogue_202402 .youtube_tab li:nth-child(2) a { background:url(images/student_02.png) no-repeat; }
.epilogue_202402 .youtube_tab li:nth-child(3) a { background:url(images/student_03.png) no-repeat; }
.epilogue_202402 .youtube_con { position:absolute; left:39px; top:459px; overflow:hidden; }

.epilogue_202402 .youtube_tab li:first-child a:before { background:url(images/first.png) no-repeat; }
.epilogue_202402 .youtube_tab li:nth-child(2) a:before { background:url(images/second.png) no-repeat; }
.epilogue_202402 .youtube_tab li:nth-child(3) a:before { background:url(images/third.png) no-repeat; }
.epilogue_202402 .youtube_tab li:first-child a:hover,.epilogue_202402 .youtube_tab li:first-child a.current { background:url(images/student01_hover.png) no-repeat; }
.epilogue_202402 .youtube_tab li:nth-child(2) a:hover,.epilogue_202402 .youtube_tab li:nth-child(2) a.current { background:url(images/student02_hover.png) no-repeat; }
.epilogue_202402 .youtube_tab li:nth-child(3) a:hover,.epilogue_202402 .youtube_tab li:nth-child(3) a.current { background:url(images/student03_hover.png) no-repeat; }

.epilogue_202402 .epilogue_txt { background:url(images/title_list.png) no-repeat; position:absolute; top:1010px; padding:104px 39px 30px;}
.epilogue_202402 .epilogue_txt li { position:relative; width:760px; margin-bottom:15px; padding:15px; box-sizing:border-box; height:206px; 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 { display:flex; align-items:center; }
.epilogue_txt li a > dl { display:flex; flex-wrap:wrap;  width:515px; text-align:left; line-height:1.4; color:#111; }
.epilogue_txt li a dt { font-size:21px; padding-bottom:8px; color:#8b0104; font-weight:600; }
.epilogue_txt li a dt strong { font-size:21px; padding-left:5px; color:#111; font-weight:700; }
.epilogue_txt li dd { font-size:16px; }
.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:206px; 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;
	}
}