@charset "UTF-8";

/* 편입 재도전 이벤트 20230216 */
.reChallenge { position:relative; width:100%; overflow:hidden; text-align:center; }
.reChallenge * { box-sizing:border-box; }
.reChallenge img { vertical-align:top; }
.reChallenge .topImg { position:relative; background:url(images/topBg.png) no-repeat; width:840px; height:849px; }
.reChallenge .btn_challengeLayer { position:absolute; right:40px; top:728px; display:block; width:393px; height:72px; padding-top:23px;background:#f9ff4b; border:2px solid #111; border-radius:8px; transition:all .3s; }
.reChallenge .btn_challengeLayer img { animation:fadeIn 1s 1.5s ease infinite; }
.reChallenge .btn_challengeLayer:hover { background:#ffdf4b; }
.reChallenge .btn_challengeLayer:after { position:absolute; right:-35px; top:10px; width:72px; height:80px; content:""; display:block; background:url(images/btn_img.png) no-repeat; }
.reChallenge .topTxt li { position:absolute; opacity:0; }
.reChallenge .topTxt li:first-child { top:20px; left:305px; animation:fadeIn .3s .3s ease both; z-index:10; }
.reChallenge .topTxt li:nth-child(2) { top:136px; left:59px; animation:width 1s .5s ease both; overflow:hidden; }
.reChallenge .topTxt li:nth-child(3) { top:220px; left:55px; animation:fadeIn_up .5s 1.6s ease both; }
.reChallenge .topTxt li:nth-child(4) { top:340px; left:55px; animation:fadeIn_up .5s 1.9s ease both; }
.reChallenge .topTxt li:nth-child(5) { top:117px; right:29px; animation:fadeIn .5s 2.3s ease both,upDown 1.2s 2.5s ease-in-out infinite; overflow:hidden; }
.reChallenge .apply { position:relative; height:585px; background:#3f5dde; }
.reChallenge .apply a { top:440px; right:222px;}
.reChallenge .guide { background:#00007c; text-align:left; padding:60px 40px 70px; }
.reChallenge .guide strong { color:#fff4c2; font-weight:500; }
.reChallenge .guide dt { padding-bottom:25px; text-align:center; }
.reChallenge .guide ul { margin-top:25px; }
.reChallenge .guide li { color:#dde1dd; margin:0 0 3px 15px; font-size:14px; }
.reChallenge .guide li:before { content:"- "; padding-right:3px; }
.reChallenge .guide li strong { font-weight:normal; color:#f9ff4b; }
.reChallenge .guide a { font-size:13px; padding:0 10px 2px; background:#f9ff4b; border-radius:3px;  transition:all .3s; color:#111; }
.reChallenge .guide a:after { content:" >" }
.reChallenge .guide a:hover { background:#ffdf4b; }
.reChallenge .layer_event { display:none; position:absolute; top:700px; left:120px; z-index:1000; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,.2); border:1px solid #222; width:600px; }

.reChallenge .layer_event h2 { color:#fff; font-size:21px; height:50px; line-height:50px; font-weight:normal; background:#222; margin-bottom:20px; }
.reChallenge .layer_event strong { color:#dd0000; font-weight:500; font-size:18px; }
.reChallenge .file_search { position:relative; width:560px; display:inline-block; height:80px; padding-top:15px;}
.reChallenge input[type=text].fileInput_textbox { width:400px; height:40px; vertical-align:top; border:1px solid #160c4b; font-size:16px; }
.reChallenge a.btnFile_search { display:inline-block; box-sizing:border-box; background:#222; width:120px; height:40px; line-height:38px; text-align:center; color:#fff; transition:all .2s; margin-left:-10px; font-size:16px; border:1px solid #222; }
.reChallenge .fileInput_opacity { position:absolute; left:20px; top:14px; width:515px; height:40px; cursor:pointer; opacity:0; }
.reChallenge button { width:250px; height:50px; padding-top:2px; background:#002cea; color:#fff; margin-bottom:30px; border-radius:5px; font-size:16px; font-weight:500; transition:all .3s; }
.reChallenge button:hover { background:#00007c; }
.reChallenge .layerClose { position:absolute; right:15px;top:15px; }

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


@keyframes width {
	0% {
		opacity:0;
		width:1px;
	}
	100% {
		opacity:1;
		width:410px;
	}
}

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

@keyframes upDown {
	0% {
		transform: translateY(0%);
	}
	50%{
		transform: translateY(-8%);
	}
	100% {
        transform: translateY(0%);
	}
}