@charset "UTF-8";

/* 독학사 2단계 */
.self_education { width:100%; overflow:hidden; text-align:center; }
.self_education img { vertical-align:top; }
.self_education .content {  position:relative; width:1200px; height:100%; margin:0 auto; padding:0 0 110px; }
.self_education .topImg { position:relative; width:100%; background:#ceddd2 url(images/topBg.png) no-repeat top center; height:706px; box-sizing:border-box; padding-top:120px; }
.self_education .topImg p { animation:aniUp .8s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; }
.self_education .fixed_img { position:fixed; right:0; top:280px; width:150px; height:140px; background:#020d00; z-index:100; color:#fff; text-align:center; padding-top:20px; box-sizing:border-box; }
.self_education h2 { padding:74px 0 50px; }
.self_education .fixed_img li:after { content:""; width:10px; height:9px; margin:6px auto; display:block; background:url(images/fixed_after.gif); }
.self_education .fixed_img li:last-child:after { background:none; margin-bottom:0; }
.self_education .section_01 { background:#006733; }
.section_01 .btn_apply { position:absolute; top:30px; right:30px; background:#fdad00; border:1px solid #fdad00; display:block; width:180px; height:160px; border-radius:3px; transition:all .3s; font-size:20px; color:#222; font-weight:bold; letter-spacing:-2px; box-sizing:border-box; padding:66px 15px 0 0; }
.section_01 .btn_apply:hover { background:#fd9500; border:1px solid #fd9500;}
.section_01 .btn_apply:after { position:absolute; right:43px; top:70px; content:""; display:block; background:url(images/apply_right.png) no-repeat; width:12px; height:18px; }
.section_01 span { position:absolute; right:245px; top:-12px; animation:upDown 1s ease-out infinite; }
.section_02 .btn_note { position:absolute; right:0; top:390px; padding:3px 15px 5px; color:#eee; border:1px solid #ccc; font-size:14px; transition:all .3s; }
.section_02 .btn_note:hover { background:#eee; color:#222; }
.section_01 .note_content { display:none; position:absolute; top:70px; right:100px; width:500px; box-shadow:3px 3px 3px rgba(0,0,0,.3); text-align:left; background:#fff; border:1px solid #000; }
.section_01 .note_content h3 { color:#fff; font-size:18px; padding:10px; background:#020d00; }
.section_01 .note_content ul { padding:20px 20px 10px; }
.section_01 .note_content li { position:relative; padding-left:10px; margin-bottom:8px; font-size:14px; }
.section_01 .note_content li:before { position:absolute; left:0; top:0; content:"- " }
.section_01 .note_content li a { font-size:13px; border:1px solid #888; padding:3px 8px;  display:inline-block; margin-top:3px; }
.section_01 .note_content p { padding:0 20px 20px; font-size:13px; }
.section_01 .note_content .btn_close { position:absolute; right:15px; top:8px; }
.section_01 .btn_info { position:absolute; right:0; bottom:70px; }
.section_01 .btn_info li { transition:all .3s;display:inline-block; border:1px solid #a3ada6; width:110px; height:28px; }
.section_01 .btn_info li a { display:inline-block; width:100%; height:100%; font-size:13px; text-align:center; color:#fff; line-height:28px; }
.section_01 .btn_info li:hover { background:#fff; border:1px solid #fff; }
.section_01 .btn_info li:hover a { color:#333; }
.self_education .section_02 { background:#d9d9d9; }
.self_education .section_03 { background:#006733; }
.self_education .section_03 h2 { padding-bottom:0; }
.self_education .section_04 { background:#001e14; padding:50px 0; }
.self_education .section_04 ul { margin-top:30px; }
.self_education .section_04 li { display:inline-block; width:360px; height:65px; }
.self_education .section_04 li a { position:relative; display:inline-block; width:100%; height:100%; border-radius:3px; transition:all .3s; font-size:20px; color:#222; font-weight:bold; letter-spacing:-2px; box-sizing:border-box; line-height:65px; }
.self_education .section_04 li a:after { position:absolute; right:105px; top:24px; content:""; display:block; background:url(images/apply_right.png) no-repeat; width:12px; height:18px; }
.self_education .section_04 li:last-child { margin-left:5px; }
.self_education .section_04 li:last-child a:after { right:78px; }
.self_education .section_04 li:first-child a { background:#00b95c; border:1px solid #00b95c; }
.self_education .section_04 li:first-child a:hover { background:#00e06f; border:1px solid #00e06f; }
.self_education .section_04 li:last-child a { background:#fdad00; border:1px solid #fdad00; }
.self_education .section_04 li:last-child a:hover { background:#fdd600; border:1px solid #fdd600; }


@keyframes aniUp {
	0% {
		transform: translateY(20%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}
@keyframes upDown {
	0% {
		transform: translateY(0%);
	}
	50%{
		transform: translateY(-15%);
	}
	100% {
        transform: translateY(0%);
	}
}

/* 바로가기 배너 */
.aside_right { position:absolute; left:50%; top:891px; margin-left:600px; width:165px; z-index:100; font-size:16px; }
.aside_right h2 { background:#90bc36; color:#111; padding:8px 0; }
.aside_right li a { letter-spacing:-2px; display:block; width:100%; height:100%; padding:12px 0 12px 15px; border-bottom:1px dashed #d0d0d0; font-size:15px; transition:all .3s; line-height:1.2; color:#333;  text-align:left; box-sizing:border-box; background:#fff url(images/icon_arrow.png) no-repeat 142px 15px; }
.aside_right li:first-child a { background:#fff url(images/icon_ch.png) no-repeat 132px 5px; }
.aside_right li a:hover { background:#f1f1f1 url(images/icon_arrow.png) no-repeat 142px 15px; }
.aside_right li:first-child a:hover { background:#f1f1f1 url(images/icon_ch.png) no-repeat 132px 5px;  }
.aside_right li:last-child a,.aside_right li a.current { border-bottom:0; }
.aside_right li a:hover,.aside_right li a.current { color:#000; }

@media (max-width:1400px) {
	.aside_right { display:none; }
}