@charset "UTF-8";

/* 김영평생교육원 온라인설명회 20210115 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
.presentation_20220110 * { font-family:'Noto Sans KR','Spoqa Han Sans', sans-serif; }
.presentation_20220110 { width:100%; overflow:hidden; text-align:center; letter-spacing:-2px; color:#222; margin-bottom:200px;}
.presentation_20220110 img { vertical-align:top; }
.presentation_20220110 .topImg { position:relative; width:100%; height:485px; background: url(images/topImg.png) no-repeat center top; }
.topImg li { position:absolute; }

.topImg li:first-child { left:185px; top:92px; animation:fadeIn_up .4s .3s ease-out both; }
.topImg li:nth-child(2) { left:269px; top:186px; animation:fadeIn_up .4s .5s ease-out both; }
.topImg li:nth-child(3) { width:0; overflow:hidden; left:449px; top:305px; animation:width_100 .4s 1.3s ease-out both; z-index:10; }
.topImg li:nth-child(4) { left:109px; top:253px; animation:fadeIn_up .4s .7s ease-out both; }
.topImg li:nth-child(5) { left:126px; top:373px; animation:fadeIn_up .4s 1s ease-out both; }

@keyframes width_100 {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		width:98px;
	}
}
@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadeIn_up {
	0% {
		opacity:0;
		transform: translateY(35%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
.presentation_20220110 .creditsinfo_tab:after,.section_01 .pt_info:after { content:""; display:block; clear:both; }
.presentation_20220110 .creditsinfo_tab { border-bottom:2px solid #0009d5; }
.presentation_20220110 .creditsinfo_tab li { float:left; width:280px; height:78px; }
.presentation_20220110 .creditsinfo_tab li a { display:inline-block; width:100%; height:100%;font-size:16px; text-align:center; border-right:1px solid #ccccdb; box-sizing:border-box; padding-top:18px; color:#9898a4; }
.presentation_20220110 .creditsinfo_tab li a strong { font-weight:500; font-size:18px; }
.presentation_20220110 .creditsinfo_tab li:first-child a { border-left:1px solid #ccccdb; box-sizing:border-box; }
.presentation_20220110 .creditsinfo_tab li a.current { background:#0009d5; color:#fff; border-right:1px solid #0009d5; }
.presentation_20220110 .creditsinfo_tab li:first-child a.current { border-left:1px solid #0009d5; border-right:1px solid #0009d5; }
.presentation_20220110 .tab_con .section_01 { background:#e2e2ee; padding:60px 50px 80px; }
.section_01 .pt_info { margin:30px 0 0; background:#fff; width:100%; padding:25px 30px 30px; box-sizing:border-box; }
.section_01 .pt_info .pt_left { width:430px; float:left; text-align:left; letter-spacing:-1px; }
.section_01 .pt_left .info li { font-size:21px; margin-bottom:9px; border-bottom:1px dashed #cdcde4; padding:0 0 10px 5px; }
.section_01 .pt_left .info li:last-child { padding:0 0 0px 5px; }
.section_01 .pt_left .info li:before { content:""; display:inline-block; width:31px; height:31px; padding:0 10px 0 0; vertical-align:-7px; }
.section_01 .pt_left .info li:first-child:before { background:url(images/icon_date.png) no-repeat; }
.section_01 .pt_left .info li:last-child:before { background:url(images/icon_map.png) no-repeat; }
.section_01 .pt_left .info li:last-child { border-bottom:none; }
.section_01 .pt_left .description li { position:relative; font-size:14px; color:#777; padding:5px 0 0 20px; line-height:1.2; }
.section_01 .pt_left .description li:before { position:absolute; content:"-"; display:block; left:10px; }
.presentation_20220110 h3 { padding-bottom:0;}
.section_01 .pt_info .pt_apply { float:left; margin-left:30px;  }
.section_01 .pt_info .pt_apply a { display:block; width:220px; height:160px; background:#ffb402; border-radius:3px; font-size:21px; letter-spacing:-2px; box-sizing:border-box; padding-top:67px; transition:all .25s; margin-top:5px;}
.pt_apply p { display:block; width:220px; height:160px; background:#81818c; border-radius:3px; font-size:21px; letter-spacing:-2px; box-sizing:border-box; padding-top:67px; color:#ddd; margin-top:5px; }
.section_01 .pt_info .pt_apply a:hover { background:#ff9102; }
.section_01 >ol>li { position:relative; background:url(images/centent_bg.png) repeat-y; margin-bottom:10px; padding:20px 10px 20px 165px; text-align:left; letter-spacing:-1px; color:#777; min-height:70px;}
.section_01 >ol>li dt { font-size:21px; padding:0 8px; margin-bottom:10px; display:inline-block; background:linear-gradient(to top, #faf704 50%, transparent 50%); color:#222; }
.section_01 >ol>li dt strong { color:#ff3100; }
.section_01 >ol>li dl:before { position:absolute; left:35px; top:35px; width:52px; height:36px; position:absolute; display:block; content:""; }
.section_01 >ol>li dl.long:before { top:45px; }
.section_01 >ol>li:first-child dl:before { background:url(images/num_01.png) no-repeat; }
.section_01 >ol>li:nth-child(2) dl:before { background:url(images/num_02.png) no-repeat; }
.section_01 >ol>li:nth-child(3) dl:before { background:url(images/num_03.png) no-repeat; top:30px; }
.presentation_20220110 .tab_con .section_02 { background:#d1d1e4; padding:60px 50px; }
.presentation_20220110 .section_03 { background:#0009d5; padding:50px 0 10px; }
.presentation_20220110 .section_03 p { margin-top:-40px;}
.presentation_20220110 h2 { position:relative; margin-bottom:25px; font-size:30px; color:#111; letter-spacing:-2px; }
.presentation_20220110 h2:before { position:absolute; content:""; width:54px; left:50%; margin-left:-27px; height:10px; top:-20px; background:url(images/h2_star.png) no-repeat; }
.presentation_20220110 h2 strong { color:#0009d5; }
.presentation_20220110 .section_03 h2 { color:#fff; }
.presentation_20220110 .section_03 h2 strong { color:#faf704; }
.presentation_20220110 .section_03 h2:before { background:url(images/h2_star02.png) no-repeat;}
.presentation_20220110 .guide { background:#0009d5; text-align:left; padding:0 0 40px 60px; letter-spacing:-1px; }
.presentation_20220110 .guide a { display:block; font-size:16px; padding:20px 50px 0 5px; color:#fff; background:url(images/note_open.png) no-repeat 100px 28px; }
.presentation_20220110 .guide a.open { background:url(images/note_close.png) no-repeat 100px 28px; }
.presentation_20220110 .guide div { padding-top:10px; height:0px; overflow:hidden; transition:.3s; }
.presentation_20220110 .guide div.view { height:120px; }
.presentation_20220110 .guide p { position:relative; padding-left:10px; padding-bottom:3px; color:#fff; font-size:14px; }
.presentation_20220110 .guide p strong { font-weight:normal; color:#faf704; }
.presentation_20220110 .guide p:before { position:absolute; left:0px;  content:"-"; display:block; }


/* 하단 상담신청 */
.aside_bottom { position:fixed; display:none; bottom:0px; width:840px; height:140px; background:#00034e; z-index:105; box-sizing:border-box; }
.aside_bottom .agree_check { position:absolute; right:28px; top:20px; }
.aside_bottom .agree_check input[type="checkbox"] + label { display:block; font-size:13px; height:24px; padding:3px 30px 0 0; background:url(images/check_off.png) no-repeat right 0; cursor:pointer; color:#fff; letter-spacing:-1px; }
.aside_bottom .agree_check input[type="checkbox"]:checked + label { background:url(images/check_on.png) no-repeat right 0; }
.aside_bottom li { position:absolute; top:53px; }
.aside_bottom li:first-child { left:20px; }
.aside_bottom li:nth-child(2) { left:20px; top:91px; }
.aside_bottom li:nth-child(3) { right:240px; }
.aside_bottom li:last-child { right:30px; }
.aside_bottom h1 {color:#fff; position:absolute; left:30px; top:16px; font-size:18px; font-weight:300;}
.aside_bottom h1 strong {color:#faf704; font-weight:400; }

.agree_check input[type=checkbox] { position:absolute; left:-9999px; text-indent:-9999px; overflow:hidden; }

.aside_bottom input[type=text],.aside_bottom input[type=tel] { width:160px; background:#fff; border:none; height:32px; box-sizing:border-box; padding:0 0 2px 10px; margin-left:10px; font-size:14px;}
.aside_bottom input[type=text]:focus,.aside_bottom input[type=tel]:focus { outline:transparent; }
.aside_bottom button { background:#0009d5; width:200px; height:71px; color:#fff; font-size:18px; padding-bottom:3px; box-sizing:border-box; border:none; transition:all .3s; border-radius:3px; }
.aside_bottom button:hover { background:#ffb402; color:#222; }
.aside_bottom li textarea { width:400px; height:70px; background:#fff;  font-size:16px; padding:10px; box-sizing:border-box; border:none; }