@charset "UTF-8";

/* 환승이벤트_20210517 */
.transfer_20210517 { width:100%; overflow:hidden; text-align:center; }
.transfer_20210517 img { vertical-align:top; }
.transfer_20210517 .topImg { position:relative; background:url(images/topImg.png) no-repeat; width:840px; height:533px; }
.transfer_20210517 .topTxt { position:absolute; top:274px; left:265px; animation:fadeIn .8s ease both; }
.transfer_20210517 .left { position:absolute; left:112px; top:298px; }
.transfer_20210517 .right { position:absolute; right:112px; top:298px; }
.transfer_20210517 .left li { background:url(images/transfer_right.png) no-repeat; width:11px; height:19px; display:inline-block; margin-left:-4px; opacity:0; }
.transfer_20210517 .left li:first-child { animation:aniLeft 1.1s .1s ease-out infinite; }
.transfer_20210517 .left li:last-child { animation:aniLeft 1.1s ease-out infinite; }
.transfer_20210517 .right li { background:url(images/transfer_left.png) no-repeat; width:11px; height:19px; display:inline-block; margin-right:-4px; opacity:0; }
.transfer_20210517 .right li:first-child { animation:aniRight 1.1s ease-out infinite; }
.transfer_20210517 .right li:last-child { animation:aniRight 1.1s .1s ease-out infinite; }
.transfer_20210517 .file_search { position:relative; width:840px; display:inline-block; height:150px; padding-top:30px; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; box-sizing:border-box; }
.transfer_20210517 input[type=text].fileInput_textbox { width:550px; height:60px; vertical-align:top; border:1px solid #160c4b; padding-left:50px; margin-left:0; font-size:16px; }
.transfer_20210517 a.btnFile_search { display:inline-block; box-sizing:border-box; background:#3c18c2; width:194px; height:60px; line-height:56px; text-align:center; color:#fff; transition:all .2s; margin-left:-10px; font-size:18px; }
.transfer_20210517 .fileInput_opacity { position:absolute; left:45px; top:30px; width:744px; height:60px; cursor:pointer; opacity:0; }
.transfer_20210517 .guide { background:#f5f5f9; text-align:left; padding:30px 50px 60px; border:1px solid #d9d9d9; border-top:none; }
.transfer_20210517 .guide dt { color:#3c18c2; font-size:16px; font-weight:500; padding-bottom:5px; }
.transfer_20210517 .guide dd { color:#777; font-size:14px; }
.transfer_20210517 .guide dd:before { content:"- " }

.transfer_20210517 .filelist { border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;padding:30px; }
.transfer_way .fileitem:before { display:inline-block; content:"첨부된 파일 : " }
.transfer_way .fileitem { padding-right:10px; font-size:16px; }

@keyframes aniLeft {
	0% {
		transform: translateX(-80%);
		opacity:0;
	}
	40% {
		transform: translateX(0%);
		opacity:1;
	}
	90% {
		transform: translateX(0%);
		opacity:1;
	}
	100% {
		transform: translateX(0%);
		opacity:0;
	}
}
@keyframes aniRight {
	0% {
		transform: translateX(80%);
		opacity:0;
	}
	40% {
		transform: translateX(0%);
		opacity:1;
	}
	90% {
		transform: translateX(0%);
		opacity:1;
	}
	100% {
		transform: translateX(0%);
		opacity:0;
	}
}

@keyframes fadeIn {
	0% {
		transform: translateY(50%);
		opacity:0;
	}
	100% {
		transform: translateY(0);
		opacity:1;
	}
}