@charset "UTF-8";

/* 태셋 정기시험 20220405 */
.tesat_regular { width:100%; overflow:hidden; text-align:center; }
.tesat_regular img { vertical-align:top; }
.tesat_regular .topImg { position:relative; width:100%; height:1023px; background:#00135a; box-sizing:border-box; }

.tesat_regular .topTxt { position:relative; width:1200px; height:1023px; left:50%; margin-left:-600px; }

.tesat_regular .topTxt h2 { position:absolute; left:0; top:133px; z-index:10; animation:fadeIn .5s .3s ease-in-out both; }
.tesat_regular .topTxt li:first-child { position:absolute; left:20px; bottom:120px; z-index:10; animation:fadeIn .5s .9s ease-in-out both; }
.tesat_regular .topTxt li:nth-child(2) { position:absolute; right:-65px; bottom:0px; z-index:10; animation:fadeIn .5s .6s ease-in-out both; }



.tesat_regular h3 { width:100%; padding:60px 0 30px; border-bottom:1px solid #333; }
.tesat_regular h3.borderN { border-bottom:none; }
.tesat_regular .section_01 { background:#cfcfd3; }
.tesat_regular .section_01 .teacher_section { position:relative; width:1233px; height:666px; margin:0 auto; background:url(images/section01_img.png) no-repeat; }
.teacher_section p { position:absolute; left:2px; bottom:-13px; opacity:0; z-index:100; }
.tesat_regular .section_01_2 { position:relative; background:#ff722d; }
.tesat_regular .section_01_2 div { position:relative; width:1100px; height:439px; background:url(images/section01_img02.png) no-repeat; margin:0 auto; }
.tesat_regular .section_01_2 div p { position:absolute; right:27px; top:70px; opacity:0; }
.tesat_regular .section_02, .tesat_regular .section_04 { padding-bottom:100px; }
.tesat_regular .section_03,.tesat_regular .section_05 { background:#51acfd; padding-bottom:100px; }
.section_03 .exam_date { position:relative; margin:0 auto; width:1100px; height:818px; background:url(images/section03_img02.png) no-repeat; }
.section_03 .exam_date span { position:absolute; bottom:300px; left:18px; animation:upDwon .8s ease-out infinite; }
.section_03 .exam_date a { position:absolute; bottom:315px; right:15px; display:block; width:150px; height:40px; background:#f45000; border-radius:3px; color:#fff; font-size:18px; line-height:40px; transition:all .2s; }
.section_03 .exam_date a:hover { background:#b21d00; }
.exam_date ul { position:absolute; bottom:0; background:url(images/tesat_month.png) no-repeat; width:1100px; height:108px; }
.exam_date ul li { position:relative; display:inline-block; border:2px solid #7fc9fb; width:68px; height:68px; border-radius:35px; margin:20px 20px 0 20px; box-sizing:border-box; color:#fff; line-height:60px; font-size:24px; letter-spacing:-2px; background:#133aa9; z-index:100; }
.tesat_regular .fadeIn { animation:fadeIn .7s ease-in-out both; visibility: visible !important; }
.exam_date ul li.current { color:#ffe400; }
.exam_date ul li.current:after { content:""; position:absolute; left:-50%; top:-3px; margin-left:30px; width:68px; height:68px; border-radius:35px; z-index:10; background:rgba(127,201,251,.3); transition:all 0.6s ease; animation:circle 1.5s ease infinite; }

@keyframes slideUp {
	0% {
		transform: translateY(20%);
		opacity:0;
	}
	70%{
        transform: translateY(-8%);
        opacity:1;
	}
	100% {
        transform: translateY(0%);
        opacity:1;
	}
}
@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes upDwon {
	0% {
		transform: translateY(6%);
	}
	55%{
        transform: translateY(-6%);
	}
	100% {
        transform: translateY(6%);
	}
}
@keyframes circle { 
	0% { opacity:1; }
	60% { opacity:0; transform:scale(1.7); }
	100% { opacity:0; }
}

/* 우측 바로가기 배너 */
.aside_right { position:absolute; right:0; width:130px; z-index:100; border:1px solid rgba(11,11,87,.5); border-right:none; }
.aside_right a { display:block; width:100%; height:110px; line-height:1.1; border-bottom:1px solid #ccc; background:#fff; font-size:18px; transition:all .3s; padding-top:60px; box-sizing:border-box; }
.aside_right li:first-child a { background:#fff url(images/aside_txt01.png) no-repeat; }
.aside_right li:nth-child(2) a { background:#fff url(images/aside_txt02.png) no-repeat; }
.aside_right li:nth-child(3) a { background:#fff url(images/aside_txt03.png) no-repeat; }
.aside_right li:nth-child(4) a { background:#fff url(images/aside_txt04.png) no-repeat; }
.aside_right li:nth-child(5) a { background:#fff url(images/aside_txt05.png) no-repeat; }
.aside_right li:first-child a:hover,.aside_right li:first-child a.current { background:#0b0b57 url(images/aside_txt01.png) no-repeat; }
.aside_right li:nth-child(2) a:hover,.aside_right li:nth-child(2) a.current { background:#0b0b57 url(images/aside_txt02.png) no-repeat; }
.aside_right li:nth-child(3) a:hover,.aside_right li:nth-child(3) a.current { background:#0b0b57 url(images/aside_txt03.png) no-repeat; }
.aside_right li:nth-child(4) a:hover,.aside_right li:nth-child(4) a.current { background:#0b0b57 url(images/aside_txt04.png) no-repeat; }
.aside_right li:nth-child(5) a:hover,.aside_right li:nth-child(5) a.current { background:#0b0b57 url(images/aside_txt05.png) no-repeat; }
.aside_right li:last-child a { border-bottom:none; height:120px; padding-top:65px; }
.aside_right a:hover,.aside_right a.current { border-bottom:1px solid #0b0b57; color:#fff; }

.tesat_regular .course_wrap { width:1100px; margin:0 auto; }
.tesat_regular .course_tab:after { content:""; display:block; clear:both; }
.tesat_regular .course_tab li { position:relative; float:left; width:33%; box-sizing:border-box; border-left:1px solid #fff; }
.tesat_regular .course_tab li a { display:block; width:100%; height:100px; line-height:57px; text-indent:-9999px; overflow:hidden; }
.tesat_regular .course_tab li a.current { background:#222; color:#fff !important; }
.tesat_regular .course_tab li:first-child { width:34%; border-left:none; }
.tesat_regular .course_tab li:first-child a { background:#dcdcdc url(images/tab01.png) no-repeat center; }
.tesat_regular .course_tab li:first-child a.current { background:#fff url(images/tab01_current.png) no-repeat center 25px; }
.tesat_regular .course_tab li:nth-child(2) a { background:#dcdcdc url(images/tab02.png) no-repeat center; }
.tesat_regular .course_tab li:nth-child(2) a.current { background:#fff url(images/tab02_current.png) no-repeat center 25px; }
.tesat_regular .course_tab li:nth-child(3) a { background:#dcdcdc url(images/tab03.png) no-repeat center; }
.tesat_regular .course_tab li:nth-child(3) a.current { background:#fff url(images/tab03_current.png) no-repeat center 25px; }

.tesat_regular .course_con { background:#fff; text-align:center;}
.course_con .course_info { position:relative; padding:0px 0 10px; }
.course_con .campus_select { position:absolute; right:55px; bottom:62px; cursor:pointer; }
.course_con .campus_select span { display:inline-block; text-indent:-9999px; overflow:hidden; width:187px; height:73px; box-sizing:border-box; background:url(images/check_off.png) no-repeat; }
.course_con .campus_select span.on { background:url(images/check_on.png) no-repeat; }
.campus_select input[type=radio] { position:absolute; left:-9999px; text-indent:-9999px; overflow:hidden; }
.tesat_regular .tesat_pay { position:relative; height:130px; border:2px solid #0b0b57; background:#0b0b57; text-align:left; box-sizing:border-box; padding:20px 0 0 40px; }
.tesat_pay p { background:#ffca00; height:32px; line-height:31px; padding:0 30px; display:inline-block; border-radius:20px; font-size:18px; color:#222; }
.tesat_pay em { color:#fff !important; font-size:18px; display:block; margin:15px 0 0 5px; }
.tesat_pay li { display:inline-block; font-size:18px; }
.tesat_pay li:first-child * { color:#fff; }
.tesat_pay li:first-child small { font-size:24px; padding-left:3px; }
.tesat_pay li:first-child span { vertical-align:3px; padding:0 5px 0 20px; }
.tesat_pay li:first-child:after { content:" → "; display:inline-block;  color:#fff; padding:0 10px; font-size:32px;}
.tesat_pay li strong { font-size:32px; }
.tesat_pay li:last-child * { color:#f76245; }
.tesat_pay li:last-child strong { font-size:52px; letter-spacing:-1px; vertical-align:-2px; line-height:1; }
.tesat_pay li:last-child small { font-size:30px; padding-left:3px; font-weight:normal; letter-spacing:-2px; vertical-align:2px; }
.tesat_pay button { position:absolute; right:0; top:0; font-size:28px; width:210px; height:126px; background:#ff722d url(images/btn_bullet.png) no-repeat 150px center; box-sizing:border-box; padding-right:18px; transition:all .3s; color:#111; }
.tesat_pay button:hover { background-color:#ffcf00; }
.section_06 { background:#ffcf00; padding-bottom:100px; }
.section_06 a { background:#222; display:block; width:360px; height:70px; text-align:center; color:#ccc; font-size:24px; letter-spacing:-2px; line-height:65px; border-radius:3px; margin:50px auto 0; }
.section_06 strong { color:#fff; }
.tesat_regular .tesat_note { background:#09094b; color:#3ea0f6; padding:60px 0 80px 30px; text-align:left; }
.tesat_note dl { width:1100px; margin:0 auto; }
.tesat_note dt { position:relative; font-size:22px; padding:0 0 15px 45px; line-height:30px; }
.tesat_note dt:before { position:absolute; left:0; top:-3px; content:""; display:block; width:35px; height:35px; background:url(images/note_before.png) no-repeat; }
.tesat_note dd { position:relative; padding:0 0 3px 12px; font-size:17px; }
.tesat_note dd:before { position:absolute; left:0; top:1px; content:"- " }
.tesat_regular .tesat_pay .wait { position:absolute; right:28px; top:-8px; z-index:100; }
.textBook { position:absolute; left:50px; bottom:15px; }