@charset "UTF-8";

/* 김영평생교육원 브랜드홍보 20201120 */
.kyStudy_20201120 { width:100%; overflow:hidden; text-align:center; }
.kyStudy_20201120 img { vertical-align:top; }
.kyStudy_20201120 .topImg { width:100%; height:1260px; background:#1a1a1a url(images/topBg.jpg) no-repeat center bottom; }
.kyStudy_20201120 .content { position:relative; width:1200px; height:100%; margin:0 auto; padding:80px 0 110px; }
.kyStudy_20201120 .topImg .content { padding:0; }
.kyStudy_20201120 h2 { margin-bottom:40px; }
.kyStudy_20201120 .section_01 h3 { width:1200px; padding-bottom:0; background:#1a1a1a; }
.topImg li { position:absolute; }

/* 20210406 수정 */
.topImg li:first-child { left:329px; top:115px; animation:fadeIn .8s .3s ease-out both; }
.topImg li:nth-child(2) { left:225px; top:272px; animation:fadeIn_up .5s .6s ease-out both; }
.topImg li:nth-child(3) { left:204px; top:400px; animation:fadeIn_up .5s .9s ease-out both; }
.topImg li:nth-child(4) { left:250px; top:569px; animation:fadeIn_up .5s 1.2s ease-out both; }
.topImg li:nth-child(5) { right:74px; top:630px; animation:fadeIn .8s 1.4s ease-out both; }
.topImg li:nth-child(6) { top:176px; animation:fadeIn .8s 1.4s ease-out both;}
.topImg iframe { position:absolute; bottom:180px; left:256px; animation:fadeIn .8s 1.6s ease-out both; }

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadeIn_up {
	0% {
		opacity:0;
		transform: translateY(55%);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
/* 20210406 수정 */

.kyStudy_20201120 .section_01 { position:relative; width:100%; text-align:center; background:#00118f; }
.section_01 .passList { background:#1a1a1a; height:590px; overflow:hidden; }
.section_01 .bx-viewport { margin:40px 50px 0 !important; height:430px !important; }
.section_01 .bxslider_passList { text-align:left; box-sizing:border-box; } 
.section_01 .bxslider_passList:after { content:""; display:block; clear:both; } 
.section_01 .bxslider_passList div { float:left; width:375px; height:82px; font-size:16px; color:#fff; padding:0 15px 15px 75px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-size:60px; line-height:60px; }
.section_01 .bxslider_passList div strong { color:#ffae00; font-weight:normal; }

/* 20210406 수정 */
.hanyang { background:url(images/symbol/hanyang.jpg) no-repeat; }
.hufs { background:url(images/symbol/hufs.jpg) no-repeat; }
.korea { background:url(images/symbol/korea.jpg) no-repeat; }
.skku { background:url(images/symbol/skku.jpg) no-repeat; }
.ewha { background:url(images/symbol/ewha.jpg) no-repeat; }
.khu { background:url(images/symbol/khu.jpg) no-repeat; }
.sogang { background:url(images/symbol/sogang.jpg) no-repeat; }
.cau { background:url(images/symbol/cau.jpg) no-repeat; }
.kau { background:url(images/symbol/kau.jpg) no-repeat; }
.seoultech { background:url(images/symbol/seoultech.jpg) no-repeat; }
.hongik { background:url(images/symbol/hongik.jpg) no-repeat; }
.duksung { background:url(images/symbol/duksung.jpg) no-repeat; }
.swu { background:url(images/symbol/swu.jpg) no-repeat; }
.kookmin { background:url(images/symbol/kookmin.jpg) no-repeat; }
.konkuk { background:url(images/symbol/konkuk.jpg) no-repeat; }
.syu { background:url(images/symbol/syu.jpg) no-repeat; }
.sejong { background:url(images/symbol/sejong.jpg) no-repeat; }
.smu { background:url(images/symbol/smu.jpg) no-repeat; }
.mju { background:url(images/symbol/mju.jpg) no-repeat; }
.sungshin { background:url(images/symbol/sungshin.jpg) no-repeat; }
.ssu { background:url(images/symbol/ssu.jpg) no-repeat; }
.dongguk { background:url(images/symbol/dongguk.jpg) no-repeat; }
.dongduk { background:url(images/symbol/dongduk.jpg) no-repeat; }
.kyonggi { background:url(images/symbol/kyonggi.jpg) no-repeat; }
.hansung { background:url(images/symbol/hansung.jpg) no-repeat; }
.kw { background:url(images/symbol/kw.jpg) no-repeat; }
.sookmyung { background:url(images/symbol/sookmyung.jpg) no-repeat; }
.skuniv { background:url(images/symbol/skuniv.jpg) no-repeat; }
.ajou { background:url(images/symbol/ajou.jpg) no-repeat; }
.gachon { background:url(images/symbol/gachon.jpg) no-repeat; }
.inha { background:url(images/symbol/inha.jpg) no-repeat; }
.eulji { background:url(images/symbol/eulji.jpg) no-repeat; }
.catholic { background:url(images/symbol/catholic.jpg) no-repeat; }
.mju { background:url(images/symbol/mju.jpg) no-repeat; }
.dankook { background:url(images/symbol/dankook.jpg) no-repeat; }
.kpu { background:url(images/symbol/kpu.jpg) no-repeat; }
.hs { background:url(images/symbol/hs.jpg) no-repeat; }
.suwon { background:url(images/symbol/suwon.jpg) no-repeat; }
.khu { background:url(images/symbol/khu.jpg) no-repeat; }
.kangnam { background:url(images/symbol/kangnam.jpg) no-repeat; }
.anyang { background:url(images/symbol/anyang.jpg) no-repeat; }
.cau { background:url(images/symbol/cau.jpg) no-repeat; }
.incheon { background:url(images/symbol/incheon.jpg) no-repeat; }
.pusan { background:url(images/symbol/pusan.jpg) no-repeat; }
.yonsei { background:url(images/symbol/yonsei.jpg) no-repeat; }
.shinhan { background:url(images/symbol/shinhan.jpg) no-repeat; }
.jnu { background:url(images/symbol/jnu.jpg) no-repeat; }
.jbnu { background:url(images/symbol/jbnu.jpg) no-repeat; }
.jbnu { background:url(images/symbol/jbnu.jpg) no-repeat; }
.gwnu { background:url(images/symbol/gwnu.jpg) no-repeat; }
.konyang { background:url(images/symbol/konyang.jpg) no-repeat; }
.dongnam { background:url(images/symbol/dongnam.jpg) no-repeat; }
.wku { background:url(images/symbol/wku.jpg) no-repeat; }
.hoseo { background:url(images/symbol/hoseo.jpg) no-repeat; }
.yu { background:url(images/symbol/yu.jpg) no-repeat; }
.uos { background:url(images/symbol/uos.jpg) no-repeat; }
.kangwon { background:url(images/symbol/kangwon.jpg) no-repeat; }
.yongin { background:url(images/symbol/yongin.jpg) no-repeat; }
.cnu { background:url(images/symbol/cnu.jpg) no-repeat; }
.knu { background:url(images/symbol/knu.jpg) no-repeat; }
.chungbuk { background:url(images/symbol/chungbuk.jpg) no-repeat; }
/* 20210406 수정 */

.section_01 .comment { text-align:right; }
.section_02 { background:#e4e4ec; }

/* 20210406 수정 */
.section_02 .layer_report { display:none; position:absolute; left:200px; top:300px; width:800px; height:630px; background:#fff; border:1px solid #333; box-shadow:3px 3px 3px rgba(0,0,0,.3); }
/* 20210406 수정 */

.layer_report .header { background:#333; height:50px; padding-top:10px; box-sizing:border-box; text-align:center; }
.layer_report .header h1 { font-size:21px; color:#fff; }
.layer_report .header h1 strong { font-weight:normal; color:#ffae00; }
.layer_report .header .btn_close { position:absolute; right:10px; top:5px; }
.layer_report .layer_content { text-align:left; padding:30px 20px 0 30px; height:550px; box-sizing:border-box; overflow:scroll; overflow-x:hidden; }
.layer_report .layer_content dt { background:#eee; padding:10px; font-size:18px; margin-bottom:15px; }
.layer_report .layer_content dd { margin-bottom:50px; padding:0 10px; font-size:15px;}
.layer_report .layer_content dd strong { color:#a92000; font-weight:normal; text-decoration:underline; }

/* 20210406 수정 */
.section_02 .pass_epilogue { width:1200px; height:635px; background:url(images/section02_bg.png) no-repeat; box-sizing:border-box; padding:192px 0 0 370px; }
.section_02 .pass_epilogue iframe { margin-left:25px; }
/* 20210406 수정 */

.section_02 .pass_epilogue div { width:750px; height:320px; font-size:16px; color:#444; }
.section_02 .pass_epilogue strong { color:#0041c2; font-weight:normal; }
.kyStudy_20201120 .btn_kystudy { display:block; width:320px; height:60px; border-radius:5px; text-align:center; font-size:18px; color:#fff; margin:50px auto 0; background:#00118f; box-sizing:border-box; padding-top:18px;  transition:all .25s; }
.kyStudy_20201120 .btn_kystudy:hover { background:#0c5eff }
.kyStudy_20201120 .section_03 { background:#00118f; }
.kyStudy_20201120 .section_03 .content { padding:80px 0 60px; }
.kyStudy_20201120 h3 { width:1200px; background:#fff; padding-bottom:40px; }
.kyStudy_20201120 .section_03 ul { background:#fff; padding-bottom:50px; }
.kyStudy_20201120 .section_03 li { opacity:0; width:1100px; border-bottom:1px dashed #ccc; margin:0 auto 20px; padding-bottom:20px; }
.kyStudy_20201120 .section_03 li.aniUp { animation:aniUp .7s cubic-bezier(0.25, 0.45, 0.45, 0.95) both;  }
.kyStudy_20201120 .section_03 li:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.kyStudy_20201120 .section_03 a { background:#fed502; color:#111; font-weight:500; }
.kyStudy_20201120 .section_03 a:hover { background:#fefb02; }
@keyframes aniUp {
	0% {
		transform: translateY(35%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}

.kyStudy_20201120 .section_04 { background:#07075e; }
.kyStudy_20201120 .section_04 p { width:1200px; background:#fff; margin-bottom:40px; padding-bottom:50px; }
.kyStudy_20201120 .section_04 p:last-child { margin-bottom:0; }
.kyStudy_20201120 .paddingB0 { padding-bottom:0 !important; margin-bottom:0 !important; }
.kyStudy_20201120 .section_05 { background:url(images/section05_bg.png) repeat-x; width:100%; height:345px; }
.kyStudy_20201120 .section_05 .content { padding:0; }
.kyStudy_20201120 .section_06 { background:#e4e4ec; }
.kyStudy_20201120 .section_06 p { width:1200px; background:#fff; }
.kyStudy_20201120 .section_06 p:last-child { padding-bottom:50px; }
.kyStudy_20201120 .section_06 span { position:absolute; top:413px; right:235px; animation:upDwon .8s ease-out infinite; }
.kyStudy_20201120 .section_07 { background:#151553; }
.kyStudy_20201120 .section_07 li { display:inline-block; }
.kyStudy_20201120 .section_07 li:last-child { margin-left:10px; }
.kyStudy_20201120 .section_07 li:first-child a { background:#0f45ff; }
.kyStudy_20201120 .section_07 li:first-child a:hover { background:#0f64ff; }
.kyStudy_20201120 .section_07 li:last-child a { background:#fed502; color:#111; font-weight:500; }
.kyStudy_20201120 .section_07 li:last-child a:hover { background:#fefb02; }
.kyStudy_20201120 .section_07 span { position:absolute; bottom:170px; left:150px; animation:upDwon 1.2s ease-out infinite; }
.kyStudy_20201120 .section_08 { background:url(images/section08_bg.png) repeat-x center top; width:100%; height:186px; padding-bottom:120px; }
.kyStudy_20201120 .section_08 .content { padding:0; }

@keyframes upDwon {
	0% {
		transform: translateY(0%);
	}
	55%{
        transform: translateY(12%);
	}
	100% {
        transform: translateY(0%);
	}
}


/* 바로가기 배너 */
.aside_right { position:absolute; left:50%; margin-left:650px; top:693px; width:180px; z-index:100; font-size:16px; }
.aside_right h2 { margin-bottom:0; height:34px; background:#feeb1e; color:#000; text-align:center;  font-size:16px; font-weight:normal; padding-top:5px; box-sizing:border-box; }
.aside_right li a { display:block; width:100%; height:100%; padding:10px 0 10px 20px; border-bottom:1px solid #55555a; font-size:15px; transition:all .3s; background:rgba(0,0,0,.95) url(images/aside_bullet.png) no-repeat 155px 22px; line-height:1.2; color:#888; text-align:left; box-sizing:border-box; }
.aside_right li a:hover,.aside_right li a.current { color:#fff }
.aside_right li:last-child a { border-bottom:none; background-image:none; text-align:center; font-size:13px; padding-left:0; }
@media (max-width:1400px) {
	.aside_right { display:none; }
}

/* 하단 상담신청 */
.aside_bottom { position:fixed; bottom:-120px; width:100%; height:120px; background:rgba(0,0,0,.9); transition:.3s ease-out; z-index:105; border-top:1px solid #444 }
.aside_bottom .request { color:#fff; position:relative; width:1200px; margin:0 auto; }
.request .agree_check { position:absolute; left:0; top:10px; }
.request .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; }
.request .agree_check input[type="checkbox"]:checked + label { background:url(images/check_on.png) no-repeat right 0; }
.request > dl > dt { position:absolute; left:0; top:45px; padding:10px 15px 12px; font-size:26px; color:#fa176b; border:1px solid #4d4d4d; letter-spacing:-2px; }
.request > dl dd { font-size:16px; }
.request li { position:absolute; top:20px; }
.request li:first-child { left:310px; }
.request li:nth-child(2) { left:282px; top:65px; }

.request li:nth-child(3) { right:200px; }
.request li:last-child { right:0; }

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

.request dt,.request dd { display:inline-block; }
.request input[type=text],.request input[type=tel] { width:220px; background:#fff; border:none; height:38px; box-sizing:border-box; padding:0 0 2px 10px; font-size:18px; margin-left:10px; font-size:16px;}
.request input[type=text]:focus,.request input[type=tel]:focus { outline:transparent; }
.request button { height:83px; background:#fa176b; width:190px; color:#000; font-size:21px; padding-bottom:3px; box-sizing:border-box; border:none; transition:all .3s; }
.request button:hover { background:#0047d3; color:#fff; }
.request li textarea { width:420px; height:83px; background:#fff;  font-size:16px; padding:10px; box-sizing:border-box; border:none; }

/* 동의팝업 */
.layer_agree,.layer_studyPlan { position:absolute; bottom:170px; left:50%; margin-left:-550px; background:#fff;  width:620px; height:500px; font-size:15px; color:#333; border:1px solid #333; box-shadow:3px 3px 3px rgba(0,0,0,.3); }
.layer_agree h1,.pop_agree h1 { font-size:21px; text-align:center; background:#333; height:50px; padding-top:10px; box-sizing:border-box; text-align:center; color:#fff; font-weight:normal; }
.layer_agree .agree_content,.pop_agree .agree_content { padding:20px; box-sizing:border-box; height:440px; overflow-y:scroll; text-align:left; font-size:15px; }
.agree_content dt, .agree_content dd { display:block; }
.agree_content dd { margin:0 0 15px 14px;}
.agree_content p { padding-bottom:15px; }
.layer_agree .btn_close,.layer_studyPlan .btn_close { position:absolute; right:10px; top:5px; }
.table_basic { margin:10px 0; width:650px; }
.table_basic th { text-align:center; }
.table_basic td { text-align:left; }

/* 무료학습설계 팝업 */
.layer_studyPlan { width:400px; height:350px; margin-left:-350px; bottom:100px; }
.layer_studyPlan h1 { font-size:21px; text-align:center; background:#333; height:70px; padding-top:30px; box-sizing:border-box; text-align:center; color:#fff; font-weight:normal; }
.layer_studyPlan input[type=text],.layer_studyPlan input[type=tel] { width:180px; background:#fff; height:30px; box-sizing:border-box; padding:0 0 2px 10px; font-size:18px; margin-left:10px; font-size:14px;}
.layer_studyPlan input[type=text]:focus,.layer_studyPlan input[type=tel]:focus { outline:transparent; }
.layer_studyPlan dt, .layer_studyPlan dd { display:inline-block; }
.layer_studyPlan dt { width:70px; }
.layer_studyPlan dl { margin-bottom:10px; }
.layer_studyPlan .studyPlan_content { padding:20px; text-align:left; }
.layer_studyPlan textarea { width:100%; height:100px; background:#fff; font-size:14px; padding:10px; box-sizing:border-box; border:1px solid #ccc; }
.layer_studyPlan .btn_apply { display:block; width:280px; height:40px; border-radius:5px; text-align:center; font-size:16px; color:#fff; margin:20px auto 0; background:#0047d3; box-sizing:border-box; padding-top:6px;  transition:all .25s; }
.layer_studyPlan .btn_apply:hover { background:#0c5eff }
.layer_studyPlan .request { color:#fff; }
.layer_studyPlan .request .agree_check { left:10px; top:5px;}