@charset "UTF-8";

/* 학습자등록 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
.learnerRegistration { width:100%; overflow:hidden; text-align:center; background:#dceeff url(images/bg.jpg) no-repeat top center; background-size:100% auto; }
.learnerRegistration a { transition:all .2s; }
.learnerRegistration .txt_red { color:#e93d3b; font-weight:500; }
.learnerRegistration * { font-family:Pretendard,'Spoqa Han Sans','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; color:#000; box-sizing:border-box; font-size:16px; line-height:1.5; }
.learnerRegistration .header { padding-top:115px; }
.learnerRegistration .header p { font-size:36px; font-weight:600; padding:21px 0 13px }
.learnerRegistration .header h2 { font-size:90px; font-weight:800; }
.learnerRegistration .header a { display:block; width:450px; height:50px; background:url(images/searchBg.png) no-repeat; margin:25px auto 0; font-size:26px; font-weight:700; padding-top:5px; }
.learnerRegistration .tab_manual { display:flex; width:1200px; margin:55px auto 0; gap:10px; }
.learnerRegistration .tab_manual li {  width:100%; }
.learnerRegistration .tab_manual li a { display:block; height:57px; background:#ababab; color:#fff; text-align:center; font-size:24px; font-weight:700; padding-top:11px; }
.learnerRegistration .tab_manual li a.current { background:#0082ff; }
.learnerRegistration .manual_content { position:relative; width:1200px; margin:20px auto 110px; }
.manual_content .content { width:900px; background:#fff; padding:30px 30px 50px; text-align:left; }
.manual_content .content > div { border-bottom:1px dashed #ccc; padding-bottom:50px; }
.manual_content .content > div:last-child { border-bottom:none; padding-bottom:0; }
.manual_content .content h3 { font-size:34px; font-weight:900; margin:50px 0 15px; }
.manual_content .content li h4 { font-size:20px; font-weight:700; margin-bottom:7px; }
.manual_content .content div h4 { display:inline-block; font-size:20px; font-weight:600; color:#fff; background:#e93d3b; padding:3px 25px; border-radius:20px; margin:50px 0 10px; }
.manual_content .content div h4.marginT0 { margin-top:0; }
.manual_content .content ol > li { margin-bottom:20px; }
.manual_content .content ol > li li { position:relative; padding-left:20px; }
.manual_content .content ol > li li:before { position:absolute; left:10px; top:10px; content:""; display:inline-block; width:4px; height:4px; border-radius:3px; background:#0082ff; }
.manual_content .content strong { display:block; margin-bottom:4px; }
.manual_content .content table { margin-top:20px; }
.manual_content nav.manual { position:absolute; top:0; right:50%; margin-right:-600px; height:575px; width:290px; background:#fff; min-height: 500px;}
.manual_content nav.manual ol { counter-reset: number 0; }
.manual_content nav.manual a { font-size:16px; font-weight:500; }
.manual_content nav.manual li { position:relative; padding:0 30px 13px 43px; text-align:left; }
.manual_content nav.manual li a { padding-left:30px; }
.manual_content nav.manual li.current a { color:#0082ff; }
.manual_content nav.manual li a:before { position:absolute; left:20px; counter-increment:number 1; text-align:center; content:'Step' counter(number) '.'; }
.manual_content nav.manual strong { display:block; width:100%; font-size:18px; color:#fff; height:50px; text-align:center; background:#000; margin-bottom:28px; padding-top:13px; }
.manual_content .guide_txt em { display:inline-block; width:25px; height:25px; background:#e93d3d; color:#fff; font-size:15px; font-weight:600; border-radius:20px; margin-right:6px; vertical-align:1px; text-align:center; padding-top:2px; }
.manual_content .content .comment { background:url(images/icon.png) no-repeat 20px 10px; border:1px solid #ccc; border-radius:10px; padding:20px 20px 20px 80px; margin-top:20px; }


@keyframes shiny-btn1 {
	0% { transform:scale(0) rotate(45deg); opacity: 0; }
	80% { transform:scale(0) rotate(45deg); opacity: 0.5; }
	82% { transform:scale(4) rotate(45deg); opacity: 1; }
	100% { transform:scale(50) rotate(45deg); opacity: 0; }
}

@keyframes height { 
	0% {
		height:0;
	}
	100% {
		height:455px;
	}
} 



@keyframes aniUp {
	0% {
		transform: translateY(25%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}
@keyframes rotateX {
	0% {
		transform:rotateY(0deg);
		opacity:0;
	}
	100% {
		transform:rotateY(360deg);
		opacity:1;
	}
}

@keyframes brightness {
	0% {
		filter: brightness(1);
	}
	50% {
		filter: brightness(1);
	}
	55% {
		filter: brightness(0) invert(1);
	}
	65% {
		filter: brightness(0) invert(1);
	}
	70% {
		filter: brightness(1);
	}
	100% {
		filter: brightness(1);
	}
}

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


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