@charset "UTF-8";

/* ky올패스 20230912 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
.ky_allPass { width:100%; overflow:hidden; text-align:center; }
.ky_allPass * { font-family:Pretendard,'Spoqa Han Sans','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; }
.ky_allPass img { vertical-align:top; }
.ky_allPass .topImg { width:100%; height:885px; background:#ebebeb; }
.ky_allPass .content { opacity:0; position:relative; width:1200px; height:100%; margin:0 auto; padding:90px 0 120px; }
.ky_allPass .topImg > div { position:relative; width:1200px; height:100%; margin:0 auto; padding:110px 0 150px; }
.ky_allPass .topImg p { position:absolute; z-index:100; }
.ky_allPass .video_section { z-index:99; position:absolute; right:0; top:110px; width:635px; height:482px; overflow:hidden; }
.ky_allPass .video_section video { width:860px; margin-left:-100px;}
.ky_allPass .video_section:before { position:absolute; content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.7); }

.ky_allPass .aniUp { animation:aniUp .7s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; }

@keyframes aniUp {
	0% {
		transform: translateY(13%);
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}
}

.section_01 { background:#222; }
.section_02 { background:#102079; }
.section_02 .product_section { position:relative; width:1200px; background:#fff; }
.section_02 .btn_package { position:absolute; top:188px; left:360px;background:#102079; color:#fff; padding:5px 20px; transition:all .3s; border-radius:3px; border:1px solid #102079; }
.section_02 .btn_package:after { content:" >" }

.section_02 .nature .btn_package { left:880px; }
.section_02 .product_select { position:absolute; top:540px; left:160px; width:540px; }
.section_02 .nature .product_select { left:670px;  }
.product_select li { display:inline-block; width:210px; margin-bottom:5px; line-height:1.4; font-size:14px; vertical-align:top; }
.product_select li label { cursor:pointer; }
.product_select li input[type="radio"] { display:none; }
.product_select li input[type="radio"]+span { display:block; padding:3px 0 3px 28px; background:url(images/radio_off.png) no-repeat; text-align:left; }
.product_select li input[type="radio"]:checked+span { background:url(images/radio_on.png) no-repeat; }
.product_section .pay { position:absolute; bottom:100px; left:360px; text-align:left; }
.product_section .nature .pay { left:872px; }
.product_section .pay li { position:relative; margin-bottom:30px; }
.product_section .pay del { display:block; color:#666; font-size:14px; }
.product_section .pay strong { display:inline-block; color:#de1a1a; font-size:30px; letter-spacing:-1px; margin-top:-3px }
.product_section .pay span { position:absolute; right:-85px; top:-15px; text-align:center; box-sizing:border-box; padding-top:20px;display:inline-block; width:71px; height:73px; background:url(images/sale_bg.png) no-repeat; color:#4a0000; }
.product_section .btn_pay { position:absolute; bottom:30px; left:210px; }
.product_section .nature .btn_pay { left:720px; }
.product_section .btn_pay li { display:inline-block; width:220px; height:60px;text-align:center; margin-right:6px; }
.product_section .btn_pay li a { display:block; width:100%; height:100%; font-size:18px; background:#222; color:#fff; box-sizing:border-box; padding-top:17px; }
.product_section .btn_pay li:first-child a { background:#de1a1a;  }
.product_section .nature .btn_pay li:first-child a { background:#0079ee;  }
.product_section .btn_pay li a:after,.section_02 .btn_popup li a:after { content:" >" }
.section_02 .guide { color:#fff; margin:25px 0 0 10px; text-align:left; }
.section_02 .btn_popup { position:absolute; right:0; bottom:115px; }
.section_02 .btn_popup li { display:inline-block; margin-left:2px; }
.section_02 .btn_popup li a { display:inline-block; width:145px; height:30px; text-align:center; line-height:30px; background:#fff; font-size:13px; }
.pop_allpass h1 { width:100%; font-size:21px; background:#333; height:50px; padding-top:10px; box-sizing:border-box; text-align:center; color:#fff; font-weight:normal; }
.pop_allpass .pop_content {padding:30px; }

.section_04 { background:#ebebeb; }
.section_04 ul:after { content:""; display:block; clear:both; }
.section_04 li { float:left; position:relative; width:392px; height:211px; margin:0 12px 12px 0; overflow:hidden; }
.section_04 li a { position:absolute; left:0; top:0; }
.section_04 li span { position:absolute; z-index:100; top:65px; left:74px; padding-top:15px; box-sizing:border-box; display:inline-block; width:245px; height:80px; font-size:18px; color:#fff; border:1px solid #999; }
.section_04 li:nth-child(3n) { margin-right:0; }
.section_04 li:nth-child(4),.section_04 li:nth-child(5),.section_04 li:nth-child(6) { margin-bottom:0; }
.section_04 li img { transition:all .3s; }
.section_04 li:hover img { transform:scale(1.2); }
.btn_link { display:block; margin:60px auto 0;width:392px; height:70px; border-radius:3px; background:#102079; border:1px solid #102079; text-align:center; color:#fff !important; font-size:21px; box-sizing:border-box; padding-top:20px; transition:all .3s; }
.btn_link:hover { background:#de1a1a; border:1px solid #de1a1a; }


/* 바로가기 배너 */
.aside_right { position:absolute; left:50%; top:749px; margin-left:630px; width:150px; z-index:100; font-size:16px; border:1px solid #222; }
.aside_right li a { display:block; width:100%; height:100%; padding:12px 0; border-bottom:1px dashed #d0d0d0; font-size:15px; transition:all .3s; background:#fff; line-height:1.2; color:#888; text-align:center; box-sizing:border-box; }
.aside_right li a.current { background:#de1a1a !important; }
.aside_right li a:hover { background:#ebebeb; }
.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; }
}

/* 레이어 */
.layer_code { position:absolute; bottom:210px; left:490px; background:#fff;  width:400px; height:270px; font-size:15px; color:#333; border:1px solid #333; box-shadow:5px 5px 5px rgba(0,0,0,.3); text-align:left; z-index:2000; }
.layer_code h1 { font-size:18px; background:#333; height:50px; padding-top:12px; box-sizing:border-box; text-align:center; color:#fff; font-weight:normal; }
.layer_code .btn_close { position:absolute; right:10px; top:10px; }
.layer_code .layer_content { padding:20px; background:#fff; }
.layer_code .layer_content p { margin-bottom:15px; padding-left:5px; }
.layer_code .layer_content input[type="text"] { width:250px; height:40px; }
.layer_code .layer_content button { background:#de1a1a; width:90px; height:40px; vertical-align: middle;; color:#fff; margin-left:3px; }
.layer_code .layer_content span { display:block; border-top:1px dashed #ccc; margin-top:20px; padding-top:20px; font-size:13px; }
.modal_layerBg { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.9); z-index:-1; transition:all .3s; }
.layer_code.pay_end { left:50%; margin-left:-300px; width:500px; bottom:500px; }
.layer_code strong { color:#de1a1a; }
.layer_code .btn_info { display:block; margin:20px auto 0; width:100%; height:50px; border-radius:3px; background:#102079; border:1px solid #102079; text-align:center; color:#fff !important; font-size:18px; box-sizing:border-box; padding-top:12px; transition:all .3s; }
.btn_info:hover { background:#de1a1a; border:1px solid #de1a1a; }
.layer_code h2 { font-size:18px; margin-top:20px; font-weight:bold; padding-bottom:10px; border-top:1px dashed #ccc; padding-top:18px; }

.ky_allPass .topImg > div:after {  position:absolute; top:218px; content:""; display:block; width:0; height:62px; background:#de1a1a; animation:line .7s .2s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; }
@keyframes line {
	0% {
		width:0;
	}
	100% {
		width:526px;
	}
}
.pop_allpass table li { position:relative; padding-left:12px; margin-bottom:5px; }
.pop_allpass table li:before { content:"- "; position:absolute; left:0; }
.pop_tab:after { content:""; display:block; clear:both; }
.pop_tab li { float:left; width:280px; height:50px; }
.pop_tab li a { background:#e9e9e9; display:inline-block; width:100%; height:100%; text-align:center; box-sizing:border-box; padding-top:7px; color:#555; }
.pop_tab li a.current { background:#3e3e55; color:#fff; }
.section_06 .guide { position:absolute; bottom:85px; left:10px;  margin:25px 0 0 10px; text-align:left; }

/* 1400px 이하 사이즈 추가 */
@media (max-width:1400px) {
	.ky_allPass .content { opacity:1; }
	.ky_allPass .aniUp { animation:none; }
}

/* 상품영역 수정 20230912 */
.ky_allPass .allPass_tab { display:flex; height:90px; }
.ky_allPass .allPass_tab li { display:block; height:90px; width:50%; }
.ky_allPass .allPass_tab li a { width:100%; height:100%; display:block; background:#000 url(images/btn_arrow.png) no-repeat 93% center; color:#fff; font-size:18px; text-align:center; padding-top:17px; box-sizing:border-box; }
.ky_allPass .allPass_tab li a strong { font-size:24px; display:block; }
.ky_allPass .allPass_tab li a.current { background:#de1a1a url(images/btn_arrow.png) no-repeat 93% center; }
.ky_allPass .allPass_con { padding:30px 50px 50px; }
.ky_allPass .product_info,.ky_allPass dl { display:flex; }
.ky_allPass .product_info { padding:15px 0; border-bottom:1px dashed #ccc; }
.ky_allPass .product_info:nth-child(3) { border-bottom:none; }
.ky_allPass .product_info h3 { font-size:21px; font-weight:800; width:100px; text-align:left; line-height:1.5; }
.ky_allPass .product_info dt { width:150px; height:32px; background:#e8e8e8; text-align:center; border-radius:30px; font-size:18px; margin:0 20px 0 0; font-weight:500; padding-top:4px; box-sizing:border-box; }
.ky_allPass .product_info dd { width:320px; font-size:16px; text-align:left; padding-top:8px; }
.ky_allPass .product_info dd li:before { content:"- " }
.ky_allPass .kystudy_tab,.ky_allPass .kystudy_tab2 { display:flex; justify-content: center; margin:50px 0; }
.ky_allPass .kystudy_tab li,.ky_allPass .kystudy_tab2 li { width:360px; height:50px; }
.ky_allPass .kystudy_tab li:first-child,.ky_allPass .kystudy_tab2 li:first-child { margin-right:20px; }
.ky_allPass .kystudy_tab li a,.ky_allPass .kystudy_tab2 li a { display:inline-block; width:100%; height:100%; color:#fff; font-size:20px; box-sizing:border-box; padding:10px 30px 0; text-align:center; background:#222 url(images/btn_arrow.png) no-repeat 92% center; border-radius:30px; background-size:15px auto; letter-spacing:0; transition:all .2s; }
.ky_allPass .kystudy_tab li a.current strong,.ky_allPass .kystudy_tab2 li a.current strong { color:#ffe506; }
.ky_allPass .kystudy_tab li a.current,.ky_allPass .kystudy_tab2 li a.current { background:#0079ee url(images/btn_arrow.png) no-repeat 92% center; background-size:15px auto; }
.ky_allPass .package_list { border-top:2px solid #111; }
.ky_allPass .package_list > li dt { background:#fff; border-right:1px solid #eee; }
.ky_allPass .package_list > li dt strong.all_pack { color:#ae0202; }
.ky_allPass .package_list > li { border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:0; }
.ky_allPass .package_list .subject_name li { letter-spacing:-1px;}
.ky_allPass .package_list .subject_name span { font-weight:500; font-size:13px; line-height:18px; top:-30px; width:90px; }
.ky_allPass .package_list .subject_name { margin:5px 0; }
.ky_allPass .package_list .subject_pay del { font-weight:18px; }
.ky_allPass label { cursor:pointer; position:absolute; right:0; top:16px; text-align:center; }
.ky_allPass input[type=radio] { background:url(images/checkbox.png) no-repeat; appearance:none; width:170px; height:90px;  cursor:pointer; }
.ky_allPass input[type=radio]:checked { background:url(images/checkbox_on.png) no-repeat; }
.ky_allPass label span { position:absolute; right:40px; top:34px; color:#fff; font-size:18px;}
.ky_allPass .allPass_pay { position:fixed; bottom:0; width:100%; height:120px; background:#000; z-index:1000; }
.ky_allPass .allPass_pay dt { width:140px; border-left:1px solid #4d4d4d; border-right:1px solid #4d4d4d; color:#fff; font-size:18px; box-sizing:border-box; padding-top:50px; }
.ky_allPass .allPass_pay > div { position:relative; width:1200px; display:flex; margin:0 auto; }
.ky_allPass .allPass_pay dl { width:510px; height:120px; }
.ky_allPass .allPass_pay dd { text-align:left; padding:30px 0 0 40px; }
.ky_allPass .allPass_pay dd del { color:#666; font-size:18px; }
.ky_allPass .allPass_pay dd > strong { display:block; color:#de1a1a; font-size:40px; letter-spacing:-2px; }
.ky_allPass .allPass_pay dd small { font-size:20px; }
.ky_allPass .allPass_pay ul { position:absolute; right:0; top:13px; }
.ky_allPass .allPass_pay li { display:block; width:160px; height:50px; margin-bottom:3px; }
.ky_allPass .allPass_pay li a { display:block; width:160px; height:45px; background:#fff; text-align:center; border-radius:5px; box-sizing:border-box; padding-top:11px; font-size:18px; font-weight:500; transition:all .2s; }
.ky_allPass .allPass_pay li a:hover { background:#eee; }
.ky_allPass .allPass_pay li:last-child a { background:#0079ee; color:#fff; }
.ky_allPass .allPass_pay li:last-child a:hover { background:#de1a1a; color:#fff; }
.ky_allPass .section_05 { background:#ebebeb; }
.ky_allPass .why_slide { position:relative; width:1200px; border:1px solid #111; background:#fff; margin:40px 0 20px; padding-bottom:70px; }
.ky_allPass .why_slide h3 { border-bottom:1px solid #cbcbcb; margin-bottom:130px; }
.ky_allPass .why_slide .bx-wrapper { padding:0 50px; }
.ky_allPass .section_06 { background:#fff; padding-bottom:130px; }
.ky_allPass .section_06 ul { padding:53px 0 0 883px; box-sizing:border-box; background:url(images/section06_img02.png) no-repeat; width:1200px; height:758px; margin-top:40px; }
.section_06 li { width:267px; height:50px; margin-bottom:40px; }
.section_06 li:nth-child(7) { margin-bottom:10px; }
.section_06 li a { display:block; width:100%; height:100%; background:#222; color:#999; transition: all .3s; font-size:18px; box-sizing:border-box; padding-top:12px; border-radius:3px; }
.section_06 li a:hover { background:#de1a1a; color:#fff; }
.section_06 li a strong { color:#fff; font-weight:normal; }
.ky_allPass #bx-pager,.ky_allPass #bx-pager02 { position:absolute; top:130px; left:31%; }
.ky_allPass #bx-pager02 { left:22%; }
.ky_allPass #bx-pager li,.ky_allPass #bx-pager02 li { display:inline-block; margin-right:10px; }
.ky_allPass #bx-pager a.active,.ky_allPass #bx-pager02 a.active { background:#0079ee url(images/btn_arrow.png) no-repeat 90% center; background-size:15px auto; }
.ky_allPass #bx-pager a,.ky_allPass #bx-pager02 a { display:inline-block; width:220px; height:50px; color:#fff; font-size:18px; box-sizing:border-box; padding:13px 30px 0; text-align:center; background:#222 url(images/btn_arrow.png) no-repeat 90% center; border-radius:30px; background-size:15px auto; letter-spacing:0; }
.ky_allPass .bx-controls { position:absolute; top:340px; }
.ky_allPass .bx-controls a { position:absolute; display:block; width:19px; height:36px; background:url(images/slide_control.png) no-repeat; text-indent:-9999px; overflow:hidden; }
.ky_allPass .bx-controls .bx-prev { left:-100px; }
.ky_allPass .bx-controls .bx-next { background-position:-19px 0; left:1175px; }

/* 독학사 과목 신청하기 추가 20231214 */
.ky_allPass .selfStudy_div li:nth-child(2) { position:absolute; right:0; top:50px; }
.ky_allPass .selfStudy_div input[type=radio] { background:url(images/checkbox_45.png) no-repeat; appearance:none; width:170px; height:45px;  cursor:pointer; }
.ky_allPass .selfStudy_div input[type=radio]:checked { background:url(images/checkbox_on_45.png) no-repeat; }
.ky_allPass .selfStudy_div label span { position:absolute; right:initial; left:48px; top:13px; font-size:16px; }