@charset "UTF-8";

/* header */
.main h2 { display:inline-block; font-size:21px; color:#222; margin-top:27px; letter-spacing:-1px; font-weight:500; }

/* header 20190802 수정 */
#header { width:100%; height:190px; background:url(/Content/images/common/gnb_bg_2019.gif) repeat-x; }
#header .util { position:relative; box-sizing:border-box; width:100%; height:30px; }
#header .util .ky_brand { position:absolute; left:-10px; top:0; }
#header .util .util_list { position:absolute; right:0; top:0; }
#header .util ul:after { content:""; display:block; clear:both; }
#header .util li { float:left; display:block; }
#header .util li a { display:block; box-sizing:border-box; height:30px; padding:7px 10px 0; font-size:13px; color:#888; background:url(/Content/images/common/util_bg.gif) no-repeat; }
#header .util li:first-child a { padding-left:0; background:none; }
#header .util li:last-child a { padding-right:0; }
#header .util li a.sns { padding:0 5px; }
#header .util li strong { color:#018ae6; }

/* header 20220413 수정 */
#header .gnbFloting { position:absolute; top:50px; left:-142px; }
#header .sta .brandBanner { width:235px; margin-left:0; }
#header .sta .brandBanner li a { display:block; background:#fff; width:235px !important; }
#header .sta { margin-top:33px; }
#header h1 a { position:absolute; left:50%; top:54px; margin-left:-120px; width:241px; display:block; }
#header .sta ul:after { content:""; display:block; clear:both; }
#header .sta li { float:left; }
#header .sta li a { color:#888; font-size:14px; }
#header .sta li a:hover { color:#018ae6; }

.sta .login_section { position:absolute; top:66px; right:0; }
.sta .login_section.after { top:72px;}
.login_section.before li a { display:block; height:31px; line-height:31px; padding-left:38px; transition:all .5s; }
.login_section.before li:first-child { margin-right:23px; }
.login_section.before li:first-child a { background:url(/Content/images/common/icon_join.png) no-repeat; }
.login_section.before li:last-child a { background:url(/Content/images/common/icon_login.png) no-repeat; }
.login_section.after li { position:relative; margin-left:15px; color:#018ae6; }
.login_section.after li strong { color:#018ae6; }
.login_section.after li:after { position:absolute; top:4px; left:-7px; width:1px; height:13px; content:""; display:block; background:url(/Content/images/common/gnb_div.gif) no-repeat; }
.login_section.after li:last-child { margin:-3px 0 0 5px; }
.login_section.after li:last-child:after { background:none; }
.login_section.after li:first-child:after { background:none; }
.login_section.after li:first-child { position:relative; }
.login_section.after li:first-child:before { position:absolute; left:-38px; top:-5px; display:block; content:""; width:31px; height:31px; background:url(/Content/images/common/icon_join.png) no-repeat; }

#header .nav { position:relative; cursor:pointer; }
#header .gnb:after { content:""; display:block; clear:both; }
#header .gnb { width:1100px; margin:0 auto; box-sizing:border-box; margin-top:29px; }
#header .gnb li { float:left; width:137px; height:60px; }
#header .gnb li:first-child {  height:59px; border-left:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; }
#header .gnb li:nth-child(4),#header .gnb li:nth-child(5) { width:139px; }

#header .gnb li:first-child a { color:#ce1313; }
.nav .gnb li a { position:relative; display:block; width:100%; height:60px; text-align:center; font-size:18px; font-weight:500; padding-top:18px; box-sizing:border-box; }


#header .nav .gnb li a:after { position:absolute; left:15%; bottom:0; width:70%; display:block; content:""; border-bottom:3px solid #3e3e55; transition:all .25s; transform:scaleX(0); z-index:1000; }
#header .nav .gnb li a.current:after { border-bottom:3px solid #018ae6; transform:scaleX(1); }
#header .nav .gnb li a:hover:after { transform: scaleX(1); }
#header .nav a:hover, #header .nav a.current { color:#018ae6; }
#header .nav .gnb li:first-child a.current:after { border-bottom:3px solid #ce1313; }
#header .lnb { position:absolute; visibility:hidden; opacity:0; transition: visibility 0s, opacity .3s linear; width:100%; height:0; line-height:0; background:#fff; border-bottom:1px solid #222; z-index:1001; }

#header .lnb ul { width:1100px; margin:0 auto; }
#header .lnb ul:after { content:""; display:block; clear:both; }
#header .lnb ul li { float:left; width:137px; padding:38px 0 0 0; text-align:center; box-sizing:border-box; border-left:1px solid #e5e5e5; background:#fff; transition:background .3s; }
#header .lnb ul li a { width:100%; box-sizing:border-box; padding-bottom:14px; display:inline-block; }
#header .lnb ul li:hover { background:#f4f6f8; }
#header .lnb ul li:last-child {  border-right:1px solid #e5e5e5; }
#header .lnb ul li:first-child { width:136px; }
#header .lnb ul li:nth-child(4) { width:139px; }
#header .lnb ul li:nth-child(5) { width:140px; }

#header .nav:hover .lnb { visibility:visible; opacity:1; height:auto; }

/* aside */
.aside_nav { position:fixed; right:20px; top:190px; width:110px; border-top:2px solid #3e3e55; }
.aside_nav li { display:inline-block; width:110px; box-sizing:border-box; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #eaeaea; }
.aside_nav a { display:inline-block; background:#fff; box-sizing:border-box; padding-top:10px; transition:background .3s; width:100%; height:38px; text-align:center; font-size:14px; }
.aside_nav li:last-child a { background:#868c96; color:#fff; height:36px; padding-top:8px; }
.aside_nav li:last-child a:hover { background:#50555d; }
.aside_nav li:first-child { border-top:none; }
.aside_nav li:last-child { border:none; }
.aside_nav a:hover { background:#eceff1; }

/* 브라우져 가로사이즈 1400px보다 작을때 aside 없어짐 */
@media (max-width:1400px) {
	.aside_nav { display:none; }
}

/* footer */
#footer { border-top:2px solid #434350; padding:40px 0 60px; }
.main #footer { margin-top:80px; }
#footer ul:after { display:block; clear:both; content:""; }
#footer li { float:left; padding:0 10px; background:url(/Content/images/common/footer_div.gif) no-repeat 0 center; }
#footer li:first-child { background:none; }
#footer .footer_nav { position:absolute; left:180px; top:5px; color:#fff; margin-bottom:17px; }
#footer .footer_nav a { color:#666; font-size:14px; font-weight:500; }
#footer .footer_nav a:hover { text-decoration:underline; }
#footer .company_info { margin:5px 0 0 180px; }
#footer .company_info:first-child { margin-top:0; }
#footer .company_info,#footer .company_info a { color:#888; font-size:13px; }
#footer .copyright { color:#888; font-size:13px; margin:6px 0 0 190px; }
#footer select { position:absolute; right:0; top:0; }

/* 슬라이딩 배너 20190802 */
.main .slider_section { position:relative; width:100%; height:400px; margin-bottom:30px; }
.slider_section .bx-wrapper { height:400px !important; }
.slider_section li .btn_bigBanner { display:block; text-align:center; }
.slider_section .bxslider {  height:400px; overflow:hidden;}
.slider_section .bxslider > li { width:100%; }

/* 3월 18일 개강 임시
.slider_section .bxslider li:nth-child(2) { z-index:500 !important; }
#bx-pager { z-index:1000 !important; }
.bigBanner .bx-controls { z-index:1000 !important; } */

.slider_section .bigBanner .main_txt { width:1100px; position:absolute; left:50%; margin-left:-550px; text-align:left; top:55px; color:#fff; }
.slider_section .bigBanner .main_txt.black,.slider_section .bigBanner .main_txt.black p { color:#333 !important; }
.slider_section .bigBanner .main_txt p { font-size:28px; color:#fff; letter-spacing:-2px; animation:txt_ani .5s 0.5s ease-out both; }
.slider_section .bigBanner .main_txt strong { font-size:54px; letter-spacing:-3px; animation:txt_ani .5s 0.7s ease-out both; display:block; line-height:1.2; color:#222; padding-top:3px; }
.slider_section .bigBanner .main_txt strong.small { font-size:46px; line-height:1.1; }
.slider_section .bigBanner .main_txt span { display:block; padding:18px 0 0 5px; font-size:17px; animation:txt_ani .5s 0.9s ease-out both; color:#555; }
.slider_section .bigBanner .main_txt em { display:inline-block; font-size:15px; border-top:1px solid #222; border-bottom:1px solid #222; padding:5px 20px; margin-bottom:20px; animation:txt_ani .5s 0.3s ease-out both; }
.slider_section .bigBanner .btn_view { animation:fadeIn .5s 1.5s ease-out both; display:block; position:absolute; left:50%; margin-left:-550px; bottom:100px; height:30px; padding:0 30px; line-height:28px;font-size:14px; background:#d3ace5; border:1px solid #d3ace5; border-radius:20px; transition:all .3s; }
.slider_section .btn_link { animation:fadeIn .5s 1.5s ease-out both; display:block; position:absolute; left:50%; margin-left:-550px; bottom:100px;}
.slider_section .btn_link li { float:left; margin-right:6px;}
.slider_section .btn_link li a { display:inline-block; height:30px; padding:0 18px; line-height:28px;font-size:14px; background:#fdc52f; border:1px solid #fdc52f; border-radius:20px; transition:all .3s; }
.slider_section .bigBanner .btn_view:hover,.slider_section .btn_link li a:hover { background:#444; color:#fff; border:1px solid #444; }
.slider_section .bigBanner .btn_view:after,.slider_section .btn_link li a:after { display:inline-block; content:" >"; width:7px; height:11px; margin-left:3px;}
@keyframes txt_ani {
	0% { opacity:0; margin-left:50px; }
	100% { opacity:1; margin-left:0; }
}
@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

/* 슬라이딩 배너 */
.promote_section { margin:20px 0 25px; }
.promote_section:after { content:""; display:block; clear:both; }
.promote_section .bigBanner { float:left; position:relative; width:820px; height:310px; overflow:hidden; }
.bigBanner #bx-pager  { position:absolute; width:1100px; position:absolute; left:50%; margin-left:-530px; bottom:25px; width:auto; text-align:center; z-index:100; }
.bigBanner #bx-pager li { display:inline-block; margin-left:2px; }
.bigBanner #bx-pager li:first-child { margin-left:0; }
.bigBanner #bx-pager a { display:inline-block; width:12px; height:12px; border-radius:12px; text-indent:-9999px; overflow:hidden; background:#fff; }
.bigBanner #bx-pager a.active { background:#fff; background:#222; }
.bigBanner .bx-controls { position:absolute; left:50%; margin-left:-558px; bottom:21px; z-index:100; }
.bigBanner .bx-controls a { display:inline-block; text-indent:-9999px; overflow:hidden; width:25px; height:19px; background:url(/Content/images/main/slider_paging.png) no-repeat 0 0; }
.bigBanner .bx-controls .bx-next { background-position:-25px 0; margin-left:70px; } /* paging 기본 4개 */
.bigBanner.five .bx-controls .bx-next { margin-left:85px; } /* paging 5개 */
.bigBanner.six .bx-controls .bx-next { margin-left:102px; } /* paging 6개 */
.bigBanner.seven .bx-controls .bx-next { margin-left:119px; } /* paging 7개 */

/* 개강안내 */
.main .open_course { position:absolute; left:50%; margin-left:284px; top:40px; border-radius:5px; width:266px; height:320px; background:rgba(35,35,60,.85); text-align:center; z-index:100; }
.open_course .open_day { margin:32px 0 15px; }
.open_course .open_day dt { color:#bbb; font-size:16px; background:url(/Content/images/main/open_dayBg.png) no-repeat center; }
.open_course .open_day dd { color:#fff; padding-top:10px; font-size:32px; letter-spacing:-2px; }
.open_course .day_detail { color:#fff; font-size:14px; text-align:left; padding-left:23px; }
.open_course .day_detail dt { width:60px; padding-left:8px; background:url(/Content/images/common/bullet_square.gif) no-repeat left 7px; }
.open_course .day_detail dd { min-width:110px; }
.open_course .day_detail dt, .open_course .day_detail dd { display:inline-block; padding-bottom:5px; }
.open_course .bg { z-index:99; position:absolute; left:0; top:0; background: rgba(51, 51, 61, 0); width:266px; height:320px; transition:all .2s; }
.open_course:hover .bg { background: rgba(51, 51, 61, 0.9); color:#666; border-radius:5px; }
.open_course em { z-index:100; box-sizing:border-box; position:absolute; top:47%; left:48px; display:inline-block; opacity:0; background:#fff; color:#ce1313; transition:all 0.25s ease; font-size:18px; text-align:center; width:180px; height:50px; padding-top:12px; border-radius:3px; }
.open_course:hover em { top:42%; opacity:1; }
.open_course span { display:inline-block; width:200px; height:50px; padding-top:8px; margin-top:25px; box-sizing:border-box; border:2px solid #2cb0f5; font-size:20px; color:#2cb0f5; text-align:center; }

/* 상담신청 */
.main .consult_section { display:flex; justify-content:space-between; }
.main .consult,.main .important_link { float:left; }
.consult .consult_input { float:left; position:relative; box-sizing:border-box; width:330px; height:247px; padding-left:25px; border-right:1px solid #ddd; }
.main .design_checkbox { position:absolute; top:30px; margin-left:10px; }
.main .consult_link { float:left; box-sizing:border-box; position:relative; width:490px; }
.main .consult_link ul { display:flex; flex-wrap:wrap; }
.main .consult_link li > p { line-height:1.4; padding:5px 0 0 26px; }
.main .consult .serverCheck { top:70px; }
.main .consult .serverCheck:before { position:absolute; left:-23px; top:-40px; content:""; display:block; border-left:1px solid #ddd; height:75px; }
.main .consult_link h2 { margin-left:22px; font-size:18px; margin-top:22px; }
.main .consult_link .ky_tel { color:#018ae6; font-size:34px; font-weight:bold; padding:3px 0 0 23px; line-height:1; }
.main .consult_link p { font-size:13px; color:#888; }
.main .consult_link p span { padding-left:10px; }
.main .consult_link li a { display:inline-block; width:100%; }
.main .consult_link li:first-child,.main .consult_link li:nth-child(2) { border-bottom:1px solid #ddd; padding-bottom:24px; box-sizing:border-box; }
.main .consult_link li { float:left; width:245px; height:124px; }
.main .consult_link li:nth-child(3) p,.main .consult_link li:nth-child(4) p { padding:8px 0 15px 23px; box-sizing:border-box; line-height:1.4; }
.main .consult_link li:nth-child(3),.main .consult_link li:nth-child(1) { border-right:1px solid #ddd; box-sizing:border-box; }
.main .consult_link dl { display:flex; justify-content:center; width:100%; border-top:1px solid #ddd;padding:5px 0; background:#f3f3f3; }
.main .consult_link dt,.main .consult_link dd { font-size:13px;color:#888; }
.main .consult_link dt { color:#222; padding-right:10px;}

.main .consult .input { position:relative; margin-top:15px; width:278px; }
.main .input input[type=text] { width:170px; margin:0 0 5px 0; font-size:14px; border:1px solid #ccc; }
.main .input textarea { width:170px; height:82px; font-size:14px; border:1px solid #ccc; overflow:auto; overflow-x:hidden; }
.main .consult .input button { position:absolute; right:0; top:0; width:98px; height:148px; background:#00146c; border:1px solid #00146c; color:#fff; font-size:17px; transition:all .2s; border-radius:3px; }
.main .consult .input button:hover { background:#001e9e; border:1px solid #001e9e; }
.main .consult { box-sizing:border-box; border:1px solid #ddd; }
.main .important_link { box-sizing:border-box; width:266px; height:249px;border-bottom:1px solid #ddd  }
.main .important_link li { display:block; float:left; box-sizing:border-box; width:133px; height:124px; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.main .important_link li a { display:inline-block; box-sizing:border-box; padding-top:87px; width:100%; height:100%; font-size:15px; text-align:center; transition:all .3s; font-weight:500; }

.main .important_link li:first-child a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon01.png) no-repeat center 20px; }
.main .important_link li:first-child a:hover { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon01_hover.png) no-repeat center 20px; }
.main .important_link li:nth-child(2) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon02.png) no-repeat center 20px; border-right:1px solid #ddd; }
.main .important_link li:nth-child(2) a:hover { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon02_hover.png) no-repeat center 20px; }
.main .important_link li:nth-child(3) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon03.png) no-repeat center 20px; }
.main .important_link li:nth-child(3) a:hover { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon03_hover.png) no-repeat center 20px; }
.main .important_link li:nth-child(4) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon04.png) no-repeat center 20px; letter-spacing:-2px; border-right:1px solid #ddd; }
.main .important_link li:nth-child(4) a:hover { background:url(//cdn.kystudy.co.kr/User/Content/images/main/important_icon04_hover.png) no-repeat center 20px; }

/* 개인정보 수집 레이어 */
.layer_agree { width:500px; top:0; }
.layer_agree .layer_content { height:200px; overflow:scroll; overflow-x:hidden; }

/* 공지사항 */
.main .notice_section { margin:10px 0 35px; }
.main .notice_section:after { content:""; display:block; clear:both; }
.main .notice { float:left; width:530px; }
.main .notice:first-child { margin-right:40px; }
.main .notice_title { position:relative; padding-bottom:18px; margin-bottom:17px; background:url(/Content/images/main/notice_border.gif) no-repeat 0 bottom; width:530px; }
.main .notice_title a { position:absolute; right:0; bottom:19px; }
.main .notice_list li { position:relative; padding:0 0 7px 8px; background:url(/Content/images/common/bullet_square.gif) no-repeat left 8px; }
.main .notice_list li a { max-width:440px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main .notice_list li span { position:absolute; right:0; top:0; color:#888; font-size:13px; }
.main .notice_list li em { padding-left:12px; vertical-align:-1px; }

/* 학습가이드 */
.main .study_guide { width:1100px; height:110px; background:#868c96; }
.main .study_guide:after { content:""; display:block; clear:both; }
.main .study_guide dt,.main .study_guide dd { float:left; display:block; width:220px; height:100%; }
.main .study_guide dt { box-sizing:border-box; padding:25px 0 0 35px; width:216px; font-size:30px; color:#fff; background:#3e3e55; line-height:1.1; letter-spacing:-2px; }
.main .study_guide dt small { display:block; padding:0 0 5px 4px; color:#bbb; font-size:18px; }
.main .study_guide dd { background:url(/Content/images/main/guide_div.gif) no-repeat right center; text-align:center; color:#fff; }
.main .study_guide dd a { box-sizing:border-box; padding-top:70px; display:inline-block; color:#fff; font-size:16px; width:100%; height:100%; font-weight:500; }
.main .study_guide dd a:hover { text-decoration:underline; }
.main .study_guide dd:last-child { background:none; }
.main .study_guide dd:nth-of-type(1) a { background:url(/Content/images/main/guide_icon01.png) no-repeat center 17px; }
.main .study_guide dd:nth-of-type(2) a { background:url(/Content/images/main/guide_icon02.png) no-repeat center 17px; }
.main .study_guide dd:nth-of-type(3) a { background:url(/Content/images/main/guide_icon03.png) no-repeat center 19px; }
.main .study_guide dd:nth-of-type(4) a { background:url(/Content/images/main/guide_icon04.png) no-repeat center 21px; }

/* 샘플강의 */
.sample_video { width:100%; height:344px; margin-top:50px; background:#dfe1ed; text-align:center; overflow:hidden; }
.sample_video .content { position:relative; margin:0 auto; width:1100px; }
.sample_video h2 { display:block; text-align:left; font-size:21px; padding:37px 0 20px; margin-top:0; }
.sample_video .bxslider_video { width:1100px; margin:0 auto; }
.sample_video .bxslider_video li { position:relative; float:left; margin-right:15px; width:208px !important; height:210px; }
.sample_video .bxslider_video li a { display:inline-block; width:100%; height:100%; }
.sample_video .bxslider_video li a:hover img { transform:scale(1.1); }
.sample_video .bxslider_video li .thumbnail { width:208px; height:141px; overflow:hidden; }
.sample_video .bxslider_video li span { position:absolute; left:0; top:0; width:208px; height:210px; background:url(/Content/images/main/video_play.png) no-repeat; transition:all .3s; z-index:11; transition:all .3s; }
.sample_video .bxslider_video li span:hover { background:url(/Content/images/main/video_play_hover.png) no-repeat; }
.sample_video .bxslider_video li img { vertical-align:top; transition:all .3s; z-index:10; }
.sample_video .bxslider_video li dl { width:208px; height:69px; background:#fff;  }
.sample_video .bxslider_video li dt { font-size:18px; padding:12px 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.sample_video .bxslider_video li dd { font-size:13px; color:#888; padding-top:2px; }
.sample_video .bx-controls-direction a { position:absolute; top:43px; right:21px; display:block; text-indent:-9999px; overflow:hidden; width:20px; height:21px; background:#fff url(/Content/images/main/sample_control.png) no-repeat; transition:all .2s;}
.sample_video .bx-controls-direction a:hover { background-color:#f6f6f6; }
.sample_video .bx-controls-direction .bx-next { background-position:-21px 0; right:0px; }

/* 학습후기 */
.main .epilogue_section { position:relative; margin:20px auto 0; width:1100px; }
.main .epilogue_section .btn_more { position:absolute; right:0; top:35px; }
.main .epilogue_section ul:after { content:""; display:block; clear:both; }
.main .epilogue_section ul { margin-top:15px; box-sizing:border-box; height:330px; overflow:hidden; }
.main .epilogue_section li { position:relative; float:left; padding:25px 25px 0; width:275px; height:330px; box-sizing:border-box; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.main .epilogue_section li:nth-child(4) { border-right:1px solid #ddd; }
.main .epilogue_section li .epilogue_info { position:absolute; left:130px; top:30px; }
.main .epilogue_section li .name { font-size:18px; margin-bottom:8px; letter-spacing:-1px; font-weight:500; }
.main .epilogue_section li .subject { font-size:12px; color:#fff; border-radius:30px; background:#018ae6; padding:2px 0; width:78px; text-align:center; display:inline-block; margin-bottom:5px; }
.graph_star { width:78px; height:14px; background:url(/Content/images/common/graph_star.png) no-repeat; }
.graph_star span { display:block; height:14px; background:url(/Content/images/common/graph_star_on.png) no-repeat; }
.main .epilogue_section .epilogue_content { height:180px; margin-top:14px; }
.main .epilogue_section .epilogue_content a { display:inline-block; height:100%; font-size:14px; line-height:1.4; color:#555; }
.main .epilogue_section .epilogue_content em {  background: linear-gradient(to top, yellow 50%, transparent 50%); }
.main .epilogue_section .epilogue_content a:hover { color:#444; }

/* 사이트맵 */
#header .btn_sitemap { text-indent:-9999px; overflow:hidden; background:url(/Content/images/main/icon_sitemap.png) no-repeat center; }

/* 모달 bg */
.modal_bg { display:none; position:fixed; top:0;  z-index:1001; width:100%; height:100%; background:rgba(0,0,0,.7); }

#header .sitemap { z-index:1002; position:absolute; top:100px; left:50%; width:1100px; margin-left:-550px; background:#fff; }
#header .sitemap_div { border-bottom:1px solid #ddd; }
#header .sitemap_div a { display:inline-block; width:100%; }
#header .sitemap .btn_sitemapClose { position:absolute; right:-35px; top:10px; width:30px; height:30px; display:inline-block; text-indent:-9999px; overflow:hidden; background:url(/Content/images/main/btn_sitemapClose.png) no-repeat center; }
.sitemap .sitemap_div > li { box-sizing:border-box; width:220px; height:280px; float:left; border-right:1px solid #ddd; padding:20px 25px 0; }
.sitemap .sitemap_div > li.two_div { height:240px !important; }
.sitemap .sitemap_div > li.bottom_div { height:480px !important; }
.sitemap .sitemap_div > li.borderT { border-top:1px solid #ddd; }
.sitemap .sitemap_div:after { content:""; display:block; clear:both; }
.sitemap .sitemap_div dd { padding-left:10px; }
.sitemap .sitemap_div dd ul { margin:0 0 5px; }
.sitemap .sitemap_div dd a:hover,.two_div.borderT a:hover { text-decoration:underline; }
.sitemap .sitemap_div dd a { font-size:18px; color:#444; }
.sitemap .sitemap_div dd li a { color:#888 !important; font-size:14px !important; }
.sitemap .sitemap_div dd li a:before { content:"- " }
.sitemap .sitemap_div dt a { text-align:center; background:#223477; font-size:21px; color:#fff; padding-bottom:10px; margin-bottom:16px; border-radius:2px; letter-spacing:-2px; line-height:1; padding-top:7px; }

/* 샘플강의 전체보기 */
.main .sample_videoAll { width:100%; margin-top:50px; padding-bottom:50px; background:#d9d9dd; text-align:center; }
.main .sample_videoAll h2 { margin:40px 0 5px; }
.main .sample_videoAll .content { position:relative; margin:0 auto; width:1100px; }
.main .sample_videoAll ul { margin-top:8px; }
.main .sample_videoAll ul:after { content:""; display:block; clear:both; }
.main .sample_videoAll li { position:relative; float:left; width:214px; height:146px; margin-right:7px; background:url(/Content/images/main/thumbnail_bg.png) repeat-x; border:1px solid #ccc; box-sizing:border-box; }
.main .sample_videoAll li a { display:block; width:100%; height:100%; }
.main .sample_videoAll li:first-child,.main .sample_videoAll li:nth-child(2) { margin-right:8px; }
.main .sample_videoAll li:last-child { margin-right:0; }
.main .sample_videoAll .thumbnail { opacity:0; position:absolute; left:0; top:0; width:210px; height:146px; transition:all .3s; z-index:11; }
.main .sample_videoAll li a:hover .thumbnail { opacity:1; }
.main .sample_videoAll .prof_picture img { position:absolute; right:0; bottom:0; }
.main .sample_videoAll span { opacity:0; position:absolute; top:82px; left:68px; transition:all .4s; background:#01aaef; padding:4px 15px 5px; border-radius:2px; font-size:13px; color:#fff; z-index:105; }
.main .sample_videoAll a:hover span { opacity:1; top:58px; }
.main .sample_videoAll dl { position:absolute; top:7px; left:10px; text-align:left; z-index:10; }
.main .sample_videoAll dt { font-size:14px; color:#9fb0c8; }
.main .sample_videoAll dd:nth-child(2) { font-size:18px; margin-top:68px; color:#222; line-height:1.2; }
.main .sample_videoAll dd:nth-child(3) { font-size:13px; color:#999; }

/* 유용한 링크 */
.main .easyLink_section { position:relative; margin:0 auto 0; width:1100px; }
.main .easyLink_section ul:after { content:""; display:block; clear:both; }
.main .easyLink_section ul { margin-top:30px; box-sizing:border-box; }
.main .easyLink_section li { position:relative; float:left; padding:30px 0; width:157px; box-sizing:border-box; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; transition:all .2s; }
.main .easyLink_section li:last-child { border-right:1px solid #ddd; width:158px; }
.main .easyLink_section li a { display:block; width:100%; height:100%; text-align:center; font-size:16px; box-sizing:border-box; padding-top:88px; line-height:1.2; color:#444; }
.main .easyLink_section li:first-child a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/icon_link01.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(2) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/icon_link02.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(3) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/icon_link03.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(4) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/icon_link04.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(5) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/icon_link05.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(6) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/icon_link06.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(7) a { background:url(//cdn.kystudy.co.kr/User/Content/images/main/icon_link07.png) no-repeat center 0; }
.main .easyLink_section li:hover { background-color:#f3f3f3; }

/* 왼쪽 퀵메뉴 20190122 */
.aside_left { z-index:1002; position:fixed; left:0; top:90px; width:125px; height:100%; box-sizing:border-box; border-top:30px solid #018ae6; background:#fff; animation:aside_ani 2s ease-out both; box-shadow:4px 0px 5px rgba(0,0,0,.15); }
.aside_left p { position:absolute; top:-24px; text-align:center; width:125px; color:#fff; font-size:13px; }
.open_button { position:fixed; top:140px; left:-48px; border:1px solid #018ae6; padding:10px 55px 10px 35px; font-size:14px; background:#018ae6 url(/Content/images/main/bullet_quick.png) no-repeat 84px center; animation:open_button .3s .3s ease-out both; transition:all .3s ease-out; z-index:1002; transform:rotate(90deg); letter-spacing:0; font-weight:bold; box-sizing:border-box; border-radius:5px 5px 0 0; color:#fff; }
.open_button.delay { animation:open_button .3s 2s ease-out both; }
.open_button.close { animation:open_button_close .3s ease-out both; }
.open_button:hover { background:#0050be url(/Content/images/main/bullet_quick.png) no-repeat 84px center;; border:1px solid #0050be; color:#fff; }
.aside_close { position:absolute; right:-25px; top:8px; }
/* 브라우져 가로사이즈 1400px보다 작을때 aside 없어짐 */
@media (max-width:1400px) {
	.aside_left,.open_button { display:none; }
}
@keyframes aside_ani {
	0% { opacity:1; left:-80px; }
	20% { opacity:1; left:0; }
	80% { opacity:1; left:0; }
	100% { opacity:0; left:-120px; }
}
@keyframes open_button {
	0% { opacity:0; top:250px; }
	100% { opacity:1; top:210px; }
}
@keyframes open_button_close {
	0% { opacity:1; top:210px; }
	100% { opacity:0; top:250px; }
}
.aside_left.open { left:0; opacity:1; animation:aside_open .5s ease-out both; }
@keyframes aside_open {
	0% { opacity:0; left:-120px; }
	100% { opacity:1; left:0; }
}
.aside_left.close { left:1; opacity:0; animation:aside_close .5s ease-out both; }
@keyframes aside_close {
	0% { opacity:1; left:0; }
	100% { opacity:0; left:-120px; }
}


.aside_left .nav { padding:0 15px; text-align:center; }
.aside_left .nav li { display:inline-block; width:100%; height:78px; border-bottom:1px dashed #d2d2d2; }
.aside_left .nav li:last-child { border-bottom:none; margin-bottom:5px; }
.aside_left .nav li a { transition:all .2s; display:inline-block; width:100%; height:100%; box-sizing:border-box; padding-top:49px; font-weight:500; font-size:14px; }
.aside_left .nav li:first-child a { padding-top:52px; background:url(/Content/images/common/aside_icon01.gif) no-repeat center 11px; }
.aside_left .nav li:nth-child(2) a { background:url(/Content/images/common/aside_icon02.gif) no-repeat center 11px; }
.aside_left .nav li:nth-child(3) a { background:url(/Content/images/common/aside_icon03.gif) no-repeat center 11px; }
.aside_left .nav li:nth-child(4) a { background:url(/Content/images/common/aside_icon04.gif) no-repeat center 11px; }
.aside_left .nav li:nth-child(5) a { background:url(/Content/images/common/aside_icon05.gif) no-repeat center 11px; }
.aside_left .nav li:nth-child(6) a { background:url(/Content/images/common/aside_icon06.gif) no-repeat center 11px; }
.aside_left .nav li:first-child a:hover { background:url(/Content/images/common/aside_icon01_hover.gif) no-repeat center 9px; }
.aside_left .nav li:nth-child(2) a:hover { background:url(/Content/images/common/aside_icon02_hover.gif) no-repeat center 9px; }
.aside_left .nav li:nth-child(3) a:hover { background:url(/Content/images/common/aside_icon03_hover.gif) no-repeat center 9px; }
.aside_left .nav li:nth-child(4) a:hover { background:url(/Content/images/common/aside_icon04_hover.gif) no-repeat center 9px; }
.aside_left .nav li:nth-child(5) a:hover { background:url(/Content/images/common/aside_icon05_hover.gif) no-repeat center 9px; }
.aside_left .nav li:nth-child(6) a:hover { background:url(/Content/images/common/aside_icon06_hover.gif) no-repeat center 9px; }
.aside_left dl { background:#f3f3f3; text-align:center; width:125px; padding:18px 0 15px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; margin-top:-1px; }
.aside_left dt { font-size:12px; color:#666; letter-spacing:-0.5px; padding-bottom:3px; }
.aside_left dd { font-size:23px; color:#018ae6; font-family:Arial; letter-spacing:-1.5px; font-weight:700; }
.aside_left .btn_top { transition:all .2s; position:absolute; bottom:20px; left:43px; display:inline-block; width:36px; height:36px; background:url(/Content/images/common/aside_top.png) no-repeat; text-indent:-9999px; overflow:hidden; }
.aside_left .btn_top:hover { background:url(/Content/images/common/aside_top_hover.png) no-repeat; }

/* 메인배너 영역 20201021 */
.mainBanner { margin-top:30px; }
.mainBanner img { vertical-align:top; }
.mainBanner li { margin-top:15px; }
.mainBanner li:first-child { margin-top:0; }

/* 자격증 배너영역 추가 20210205 */
.main .license_section:after { content:""; display:block; clear:both; }
.main .license_section { margin-top:30px; }
.main .license_section li { float:left; display:block; width:266px; height:164px; margin:0 12px 12px 0; }
.main .license_section li:nth-child(4n) { margin-right:0; }
.main .license_section li:nth-child(5),.main .license_section li:nth-child(6),.main .license_section li:nth-child(7),.main .license_section li:nth-child(8) { margin-bottom:0; }
.main .license_section li a { position:relative; display:block; width:100%; height:100%; background:#f1f2f8; box-sizing:border-box; padding:30px 0 30px; text-align:center; transition:all .1s ease-out; color:#444; }
.main .license_section li a:hover { box-shadow:3px 3px 3px rgba(0,0,0,.2); }
.license_section li a span { position:absolute; right:10px; top:10px; display:block; width:44px; height:44px; border-radius:22px; background:#fff; color:#e1123e; font-size:12px; font-weight:bold; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif; }
.license_section li a span:before { display:block; content:""; height:1px; background:#e1123e; width:10px; margin:14px 0 3px 16px; }
.license_section li .open_dday { color:#333; padding-top:7px; font-weight:normal; font-family:'Spoqa Han Sans','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; line-height:1.2; }
.license_section li .open_dday:before { display:none; }
.license_section a > strong { background:#018ae6; display:inline-block; padding:3px 0; width:135px; height:20px; line-height:20px; color:#fff; font-size:13px; font-weight:normal; border-radius:20px; }
.license_section a > p { color:#666; padding:10px 0 3px; font-size:14px; }
.license_section li dt { font-size:21px; font-weight:500; color:#222; }
.license_section li dt strong { color:#018ae6; }
.license_section li dd { color:#999; font-size:13px; padding-top:6px; }

/* 영상영역 추가 20210326 */
.video_section { height:264px; margin:30px 0 10px; overflow:hidden; }
.video_section:after { content:""; display:block; clear:both; }
.ky_tv,.middle_event { float:left; }
.ky_tv { position:relative; margin-right:12px; border:1px solid #ddd; box-sizing:border-box; width:822px; height:264px; padding:0 25px 30px 25px; }
.tv_bxslider { margin-top:17px; }
.tv_bxslider li { width:185px !important;  margin-right:10px;  }
.tv_bxslider li div { width:185px; height:104px; overflow:hidden;  }
.tv_bxslider li span { position:absolute; left:0; top:0; z-index:100; display:inline-block; width:95px; height:23px; line-height:23px; text-align:center; color:#fff; background:#222; font-size:12px; letter-spacing:0; }
.tv_bxslider li img { width:185px; transition:all .25s; }
.tv_bxslider li a:hover img { transform:scale(1.15); }
.tv_bxslider li p { font-size:14px; margin-top:14px; height:40px; color:#888; transition:all .3s;}
.tv_bxslider a:hover p { color:#222; }
.tv_bxslider .bx-viewport { height:167px !important; }
.tv_bxslider .bx-controls-direction a { position:absolute; top:108px; left:-1px; display:block; text-indent:-9999px; overflow:hidden; width:40px; height:36px; background:rgba(0,0,0,0) url(/Content/images/main/tv_control.png) no-repeat -5px 0; transition:all .2s; }
.tv_bxslider .bx-wrapper:hover .bx-controls-direction a { background-color:rgba(0,0,0,.4); }
.tv_bxslider .bx-controls-direction .bx-prev { border-radius:0 20px 20px 0; }
.tv_bxslider .bx-controls-direction .bx-next { border-radius:20px 0 0 20px; background-position:-35px 0; left:781px; }
.middle_event { position:relative; width:266px; }
.middle_event .bx-controls { position:absolute; left:24px; bottom:24px; width:auto; text-align:center; z-index:100; }
.middle_event .bx-pager-item { display:inline-block; margin-left:5px; }
.middle_event .bx-pager-item a { display:inline-block; width:10px; height:10px; border-radius:10px; text-indent:-9999px; overflow:hidden; background:#fff; }
.middle_event .bx-pager-item a.active { background:#222; }
.middle_event img { background:#222;  vertical-align:top;}
.ky_tv .tv_tab { position:absolute; right:50px; top:31px;}
.tv_tab li { display:inline-block; }
.tv_tab li:after { content:" | "; color:#bbb; padding:0 5px; }
.tv_tab li:last-child:after { content:""; }
.tv_tab li a { color:#888; }
.tv_tab li a.current { color:#018ae6; font-weight:500; }
.tv_tab li a.current:before { content:""; display:inline-block; background:url(/Content/images/main/bullet_tv.png) no-repeat; width:7px; height:10px; padding:0 5px 1px 0; }
.ky_tv .btn_more { position:absolute; right:25px; top:31px; }
.successful_section .successful_title { position:relative; padding-bottom:17px; }
.successful_section .btn_more { position:absolute; right:0; top:31px; }
.successful_section > ul { border:1px solid #ddd; }
.successful_section > ul:after { content:""; display:block; clear:both; }
.successful_section > ul > li { float:left; width:20%; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; padding:30px 0; }
.successful_section > ul > li:last-child { border-right:none; }
.successful_section dt { color:#cf3a00; padding:8px 0; font-weight:500; }
.successful_section dd { color:#222; font-weight:500; font-size:16px; padding-bottom:7px; }
.successful_section dl li { color:#888; font-size:14px; }
.modal_layer .youTube_view { position:fixed; left:50%; margin:-250px 0 0 -350px; top:50%; }

/* 메인 자격증영역 */
.license_bxslider { margin-top:30px; position:relative; }
.license_bxslider .license_section { overflow:hidden; margin-top:0; }
.license_bxslider .license_section li a:hover { box-shadow:none; }
.license_bxslider .license_section li {  display:block; width:275px !important; height:164px; margin:0; box-sizing:border-box; }
.license_bxslider .license_section li:after { position:absolute; right:0; top:27px; display:block; width:1px; height:110px; content:""; background:#dadadd; }
.license_bxslider .bx-viewport:after { position:absolute; right:0; top:27px; display:block; width:1px; height:110px; content:""; background:#f1f2f8;  }
.license_bxslider .bx-controls-direction a { position:absolute; top:50%; left:-1px; display:block; text-indent:-9999px; margin-top:-18px; overflow:hidden; width:40px; height:36px; background:rgba(0,0,0,0) url(/Content/images/main/tv_control.png) no-repeat -5px 0; transition:all .2s; opacity:0; }
.license_bxslider .bx-wrapper:hover .bx-controls-direction a { background-color:rgba(0,0,0,.4);  opacity:1; }
.license_bxslider .bx-controls-direction .bx-prev { border-radius:0 20px 20px 0; }
.license_bxslider .bx-controls-direction .bx-next { border-radius:20px 0 0 20px; background-position:-35px 0; left:1060px; }
.license_bxslider li a span { right:15px; top:15px; }
.license_bxslider a > strong { transition: all .25s; }
.license_bxslider a:hover > strong { background:#063a81 }

/* 학사일정 슬라이드 */
.CourseDiary_bxslider { position:relative; width:120px; height:154px; box-sizing:border-box; border:1px solid #ddd; padding-top:34px; }
.CourseDiary_bxslider h3 { position:absolute; left:-1px; top:-1px; background:#ce1313; width:120px; height:34px; color:#fff; font-size:13px; text-align:center; line-height:32px; }

.CourseDiary_bxslider .bx-viewport { width:90px !important; height:70px !important; margin:10px auto 0; }
.CourseDiary_bxslider li { margin-top:0 !important; }
.CourseDiary_bxslider li a { width:90px; font-size:14px; display:inline-block; text-align:center; transition:.3s; line-height:1.3; }
.CourseDiary_bxslider li strong { font-size:17px; display:block; color:#018ae6; font-weight:500; }
.CourseDiary_bxslider .bx-controls-direction a { position:absolute; top:50%; left:0; display:block; text-indent:-9999px; margin-top:-3px; overflow:hidden; width:18px; height:18px; background:url(/Content/images/main/courseDiary_control.png) no-repeat; transition:all .2s; }
.CourseDiary_bxslider .bx-controls-direction a.bx-next { position:absolute; top:50%; left:100px; background-position:-18px 0; }
.CourseDiary_bxslider > a { display:inline-block; width:100px; text-align:center; line-height:27px; border-top:1px solid #ededed; font-size:14px; margin:9px 0 0 9px; }
.CourseDiary_bxslider > a small { color:#888; vertical-align:1px; }
.CourseDiary_bxslider > a strong { font-weight:500; }
.CourseDiary_bxslider > a:hover,.CourseDiary_bxslider > a:hover small { color:#018ae6; }
.CourseDiary_bxslider li a:after { position:absolute; left:5px; bottom:-24px; display:block; content:"공지 보기"; color:#666; font-size:13px; background:#e4e5ec; padding:1px 18px; border-radius:20px; }

/* 김영평생교육원만의 특별함 */
.main #footer { margin-top:0; }
.special_kystudy { width:100%; margin-top:50px; padding-bottom:70px; background:#d7e6fa; text-align:center; overflow:hidden; }
.special_kystudy .content { position:relative; margin:0 auto; width:1100px; }
.special_kystudy h2 { display:block; text-align:left; font-size:21px; padding:37px 0 20px; margin-top:0; }
.special_kystudy .btn_more { position:absolute; right:0; top:44px; }
.special_kystudy li { float:left; width:175px; height:123px; box-sizing:border-box; margin:0 10px 10px 0; color:#666; padding-top:66px; font-size:14px; }
.special_kystudy li strong { font-weight:500; color:#111; font-size:16px; }
.special_kystudy li small { font-size:12px; color:#999; }
.special_kystudy li:nth-child(6n) { margin-right:0; }
.special_kystudy li:nth-child(1) { background:#fff url(/Content/images/main/icon_special_01.png) no-repeat center 18px; }
.special_kystudy li:nth-child(2) { background:#fff url(/Content/images/main/icon_special_02.png) no-repeat center 16px; }
.special_kystudy li:nth-child(3) { background:#fff url(/Content/images/main/icon_special_03.png) no-repeat center 20px; }
.special_kystudy li:nth-child(4) { background:#fff url(/Content/images/main/icon_special_04.png) no-repeat center 20px; }
.special_kystudy li:nth-child(5) { background:#fff url(/Content/images/main/icon_special_05.png) no-repeat center 18px; }
.special_kystudy li:nth-child(6) { background:#fff url(/Content/images/main/icon_special_06.png) no-repeat center 20px; }
.special_kystudy li:nth-child(7) { background:#fff url(/Content/images/main/icon_special_07.png) no-repeat center 18px; }
.special_kystudy li:nth-child(8) { background:#fff url(/Content/images/main/icon_special_08.png) no-repeat center 20px; }
.special_kystudy li:nth-child(9) { background:#fff url(/Content/images/main/icon_special_09.png) no-repeat center 18px; }
.special_kystudy li:nth-child(10) { background:#fff url(/Content/images/main/icon_special_10.png) no-repeat center 16px; }
.special_kystudy li:nth-child(11) { background:#fff url(/Content/images/main/icon_special_11.png) no-repeat center 16px; }
.special_kystudy li:nth-child(12) { background:#fff url(/Content/images/main/icon_special_12.png) no-repeat center 18px; }



/* 메인 슬라이드 리뉴얼 */
.main_bigBanner { position:relative; width:100%; height:480px; overflow:hidden; }
.main_bigBanner .mainSwiper { height:400px }
.main_bigBanner .mainSwiper .swiper-slide {position:relative; }
.main_bigBanner .mainSwiper .swiper-slide a {display:block; position:absolute; top:0; left:50%;margin-left:-550px; }
.main_bigBanner .mainTab { height:55px; border-bottom:1px solid #ddd; box-sizing:border-box; }
.main_bigBanner .mainTab .swiper-container {position:absolute; left:50%; margin-left:-550px; width:936px; box-sizing:border-box; z-index:11; }
.mainTab .swiper-wrapper li { position:relative; width:156px !important; height:55px; }
.mainTab .swiper-wrapper li:after { position:absolute; right:0; top:19px; content:""; width:1px; height:16px; background:#ddd; }
.mainTab .swiper-wrapper li a { position:relative; display:block; width:100%; height:100%; line-height:53px; text-align:center; transition:all .2s; font-size:16px; }
.mainTab .swiper-wrapper li a:before { content:''; display:block; position:absolute; left:0; bottom:0; width:0; height:3px; background:#31313f; }
.mainTab .swiper-wrapper .swiper-slide-thumb-active a:before { width:156px; transition:3s ease; }
.mainTab .swiper-wrapper .swiper-slide-thumb-active a { color:#018ae6; }

/* 컨트롤 */
.main_bigBanner .mainTab .control { position:absolute; bottom:24px; right:50%; margin-right:-550px; z-index:10; width:147px; height:55px; text-align:center; }
.main_bigBanner .mainTab .swiper-pagination-fraction { bottom:19px; width:40px; margin-left:26px; font-family:Arial, sans-serif; color:#777; }
.main_bigBanner .mainTab .swiper-pagination-current { font-weight:bold; color:#00146c; }
.mainTab .swiper-button-prev,.mainTab .swiper-button-next { position:absolute; margin-top:-14px; width:26px; height:26px; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/mainSwiper_btnControl.png) no-repeat 0 center; transition:all .2s; }
.mainTab .swiper-button-prev:after,.mainTab .swiper-button-next:after { display:none; }
.mainTab .swiper-button-prev { left:0; }
.mainTab .swiper-button-next { right:56px; background-position:-26px 0; }
.mainTab .swiper-button-next:before { background-position:-50px 7px; }
.main_bigBanner .mainTab .swiper-stop { position:absolute; right:28px; bottom:17px; display:inline-block; width:22px; height:22px; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/mainSwiper_btnPlay.png) no-repeat 0 0; cursor:pointer; }
.main_bigBanner .mainTab .swiper-stop.play { background:url(https://cdn.kystudy.co.kr/User//Content/images/main/mainSwiper_btnPlay.png) no-repeat 0 -22px; }
.main_bigBanner .mainTab .btn_bannerMore { position:absolute; right:0; bottom:17px; }



/* 수강후기 영역 리뉴얼 20211124 */
.epilogue_20211124 { width:1100px; margin:30px auto 0; border:1px solid #ddd; box-sizing:border-box; padding:30px 0 30px 30px; overflow:hidden; }
.epilogue_20211124 .epilogue_title { float:left; width:229px; }
.epilogue_20211124 h2 { margin-top:0; display:inline-block; font-size:15px; font-weight:normal; background:#018ae6; padding:3px 20px;color:#fff; text-align:center; border-radius:30px; }
.epilogue_20211124 .epilogue_title a { display:inline-block; font-size:13px; color:#777; background:url(/Content/images/main/bullet_arrow.png) no-repeat 101px 5px; padding:0 30px 0 3px; margin-top:16px; transition:all .2s; }
.epilogue_20211124 .epilogue_title a:hover { background:url(/Content/images/main/bullet_arrow.png) no-repeat 108px 5px; color:#111; }
.epilogue_20211124 .epilogue_title dt { color:#777; font-size:15px; padding:14px 0 5px;}
.epilogue_20211124 .epilogue_title dd { font-size:21px; display:inline-block; font-weight:500; }
.epilogue_20211124:after { content:""; display:block; clear:both; }
.epilogue_20211124 .txt_section { float:left; width:810px; overflow:hidden; }
.epilogue_20211124 .txt_section .swiper-slide { float:left; width:260px; height:145px; }
.epilogue_20211124 .txt_section a { position:relative; display:block; height:145px; background:#efefef; box-sizing:border-box; padding:20px 25px; transition:all .25s; }
.epilogue_20211124 .txt_section a:hover { background:#d7e6fa;  }
.epilogue_20211124 .txt_section dt { font-size:16px; color:#018ae6; margin-bottom:8px; }
.epilogue_20211124 .txt_section dt strong { font-weight:normal; padding-left:5px; color:#222; }
.epilogue_20211124 .txt_section dd { height:75px; width: 130px; font-size:14px; color:#666; }
.epilogue_20211124 .txt_section a img { position:absolute; bottom:0; right:0; }
.epilogue_20211124 .interview_section { float:left; width:264px; margin-left:20px; border-left:1px solid #d7d7d7; padding-left:20px; }
.epilogue_20211124 .interview_section li { float:left; position:relative; width:264px; height:145px; overflow:hidden; }
.epilogue_20211124 .interview_section li:last-child { margin-right:0; }
.epilogue_20211124 .interview_section li dl { position:absolute; top:20px; left:20px; color:#fff; text-align:left; z-index:100; }
.epilogue_20211124 .interview_section li dt { font-size:16px; padding-bottom:8px; color:#fdca00; }
.epilogue_20211124 .interview_section li dd { font-size:20px; }
.epilogue_20211124 .interview_section li a { display:block; width:100%; height:100%; }
.epilogue_20211124 .interview_section li a:before { position:absolute; opacity:.6; left:101px; top:51px; content:""; display:block; width:45px; height:45px; background:url(/Content/images/community/epilogue_202101/images/btn_play.png) no-repeat; z-index:100; transition:all .2s linear; }
.epilogue_20211124 .interview_section li a:hover:before { opacity:1; }
.epilogue_20211124 .interview_section li a img { transition:all .2s linear; z-index:90; }
.epilogue_20211124 .interview_section li a:hover img { transform:scale(1.08); }

/* 중단 띠배너 */
.middleBanner { margin:30px auto 0; width:1100px; }
.middleBanner.bottom { margin:40px auto 0; }
.middleBanner li:first-child { margin-top:0; }

/* 우측 윙배너 */
/*.wingBanner { position:fixed; right:20px; top:240px; z-index:1000; width:180px; height:250px; border-radius:15px; overflow:hidden; }*/

.wingBanner { position:absolute; right:30px; margin-left:-780px; top:240px; z-index:1000; width:180px; height:250px; border-radius:15px; overflow:hidden; }
.wingBanner .swiper-pagination-bullet { border:1px solid #fff; margin:0 3px !important; opacity:.5 }
.wingBanner .swiper-pagination-bullet:last-child { margin:0 0 0 3px !important; }
.wingBanner .swiper-pagination-bullet-active { background:#fff; opacity:1; }
.wingBanner .swiper-pagination { bottom:6px !important;}
.wingBanner .btn_wingClose { position:absolute; right:10px; bottom:6px; z-index:10; opacity:.5; transition:all .2s; }
.wingBanner .btn_wingClose:hover { opacity:1; }

/* 윙배너 추가 */
.wingBanner2 { position:absolute; right:30px; margin-left:-780px; top:502px; z-index:1000; width:180px; height:160px; border-radius:15px; overflow:hidden; }
.wingBanner2 .swiper-pagination-bullet { border:1px solid #fff; margin:0 3px !important; opacity:.5 }
.wingBanner2 .swiper-pagination-bullet:last-child { margin:0 0 0 3px !important; }
.wingBanner2 .swiper-pagination-bullet-active { background:#fff; opacity:1; }
.wingBanner2 .swiper-pagination { bottom:6px !important;}
.wingBanner2 .btn_wingCloseX { position:absolute; right:10px; bottom:6px; z-index:10; opacity:.5; transition:all .2s; }
.wingBanner2 .btn_wingCloseX:hover { opacity:1; }

/* 브라우져 가로사이즈 1400px보다 작을때 윙배너 없어짐 */
@media (max-width:1400px) {
	.wingBanner { display:none; }
}

/* 브라우져 가로사이즈 2560px보다 클때 윙배너 위치 왼쪽 */
/* @media (min-width:2560px) {
	.wingBanner { position:absolute; right:initial; left:50%; margin-left:600px; }
}

/* e러닝전문기관인증 마크 20221110 */
.mark_elrAthnt { position: absolute; right: -95px; top: 42px; }
.mark_elrAthnt > p { display: none; position: absolute; right: 0px; top: 0px; z-index: 1001; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 5px; }

/* 메인 홍보 레이어 20240227 */
.layer_mainModal { position:absolute; left:50%; margin:200px 0 0 -215px; width:430px; height:510px; }
.layer_mainModal .btn_modalClose { position:absolute; right:-40px; top:10px; }
.layer_mainModal .swiper-pagination-bullet { width:12px; height:12px; }
.layer_mainModal .swiper-container-horizontal>.swiper-pagination-bullets { bottom:35px; }
.layer_mainModal label { display:block; color:#fff; font-size:12px; margin:10px 10px 0 0; letter-spacing:normal; text-align:right; }
.layer_mainModal label input { width:16px; height:16px; }

/* 스페셜케어 배너 영역 추가 240725 */
.main .specialcare_Banner { margin-top:30px; }

/* 수강신청메뉴 패키지과정 아이콘 추가 */
#header .gnb li:first-child a:before { position:absolute; left:0%; margin-left:30px; bottom:45px; content:""; display:block; width:74px; height:29px; animation: gnb_ani 2.2s ease infinite; }

@keyframes gnb_ani {
	0% { opacity:1; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/icon_deadline.png) no-repeat; }
	40% { opacity:1; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/icon_deadline.png) no-repeat; }
	45% { opacity:0; }
	50% { opacity:1; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/icon_package.png) no-repeat;}
	90% { opacity:1; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/icon_package.png) no-repeat; }
	95% {  opacity:0; }
	100% { opacity:1; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/icon_deadline.png) no-repeat; }
}
		

/* 푸터 ISMS 마크 추가 2024_1016 */
.isms_section a {
    position: absolute;
    right: 0px;
    top: 95px;
}

.isms_section p {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 4px 4px 5px rgba(0,0,0,.15)
}

/* 슬라이드 배너 모아보기 레이어 20250214 */
.mainBanner_list {
    width: 1055px;
    left: 50%;
    margin-left: -527px;
    top: 220px;
}

.mainBanner_list .layer_content {
    height: 572px;
    padding: 20px 0 20px 20px;
}

.mainBanner_list .layer_content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.mainBanner_list .layer_content ul li {
    width: 328px;
    height: 180px;
    background: url(https://cdn.kystudy.co.kr/User//Content/images/banner/main/bannerViewAll_default.png) no-repeat;
}

.mainBanner_list .layer_content ul li img {
    width: 100%;
}

.mainBanner_list .layer_content::-webkit-scrollbar {
    width: 12px;
}

.mainBanner_list .layer_content::-webkit-scrollbar-track-piece {
    background: #fff;
}

.mainBanner_list .layer_content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #777;
    background-clip: padding-box;
    border: 3px solid transparent;
}

/* 편입합격으로 검증된 김영평생교육원 배너 4개 20250604 */
.successful_section > ul > li { width:25%; }
.successful_section dt { font-size:18px; padding:16px 0 3px; }


/* 간편상담 수정 20250616 */
.adviceButton_20250610 { display:none; position:fixed; bottom:20px; right:20px; width:74px; height:74px; background:#0083ff; transition:all .2s; text-align:center; box-sizing:border-box; z-index:110; border-radius:5px; box-shadow:4px 4px 10px rgba(0,0,0,.25); }
.adviceButton_20250610.displayB { display:block; }
.adviceButton_20250610:hover { background:#0050be; }
.adviceButton_20250610 span { display:block; margin:0 0 4px; }
.adviceButton_20250610 strong { font-size:13px; color:#fff; font-weight:500; letter-spacing:0; }
.adviceButton_20250610:hover span { animation:adviceButton .5s ease-out infinite; }
.layerAdvice { position:fixed; right:235px; bottom:20px; width:215px; height:312px; background:#0050be; z-index:101; border-radius:15px; box-shadow:4px 4px 10px rgba(0,0,0,.25); transform:translate(100%, 0); transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-sizing:border-box; animation:layerAdvice .6s ease-out both; }
.layerAdvice.layerAdviceClose { animation:layerAdviceClose .5s ease-out both; }
.layerAdvice .btn_counselClose { position:absolute; right:12px; top:15px; }
.layerAdvice .adviceHeader { padding:0; }
.layerAdvice .adviceHeader h3 { height:32px; font-size:18px; border-bottom:1px solid rgba(255,255,255,.5); color:#fff; font-weight:500; margin-bottom:15px; background:url(https://cdn.ibstudy.co.kr/Content_new/images/main/adviceApply_icon.png) no-repeat 15px 10px; padding:10px 0 0 45px}
.layerAdvice ul { margin:0 20px;}
.layerAdvice li { margin-bottom:6px; }
.layerAdvice li input { border-radius:3px; border:none; width:100%; height:30px; font-size:14px; margin-left:0; }
.layerAdvice li input::placeholder,.layerAdvice li textarea::placeholder { font-size:13px; }
.layerAdvice li input:focus { border:none; }
.layerAdvice li textarea { border-radius:3px; border:none; width:100%; height:64px; font-size:14px; }
.layerAdvice .agreement { position:relative; padding:0 20px 16px; }
.layerAdvice .agreement a { position:absolute; right:82px; bottom:16px; font-size:11px; color:#0050be; background:#e6f3ff; display:block; border-radius:3px; padding:0 5px; letter-spacing:0; transition:all .3s; }
.layerAdvice .agreement a:hover { color:#111; }
.layerAdvice .agreement label { cursor:pointer; font-size:12px; color:#fff; }
.layerAdvice .agreement span { vertical-align:-2px; }
.layerAdvice .agreement strong { display:block; color:#fbec00; padding-left:26px; padding-top:1px; }
.layerAdvice .agreement [type="checkbox"] { appearance:none; width:17px; height:16px; background:url(https://cdn.kystudy.co.kr/User//Content/images/main/adviceCheck.png) no-repeat; cursor:pointer;}
.layerAdvice .agreement [type="checkbox"]:checked { background:url(https://cdn.kystudy.co.kr/User//Content/images/main/adviceCheck_on.png) no-repeat; }
.layerAdvice button { background:#222 url(https://cdn.kystudy.co.kr/User//Content/images/main/bullet_counsel.png) no-repeat calc(100% - 22px) center; padding-right:8px; color:#fff; width:175px; height:35px; padding-bottom:1px; margin:0 20px; border-radius:5px; transition:all .3s; }
.layerAdvice button:hover { color:#fbec00; background:#222 url(https://cdn.kystudy.co.kr/User//Content/images/main/bullet_counsel_hover.png) no-repeat calc(100% - 22px) center; }
@keyframes layerAdvice {
	0% {
		transform: translateX(250%);
	}

	60% {
		transform: translateX(92%);
	}
	100% {
		transform: translateX(100%);
	}
}
@keyframes layerAdviceClose {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(250%);
	}
}

/* 간편상담 개인정보 동의 내용 20250612 */
.agreement .agreementTxt { display:none; position:absolute; width:180px; left:10px; top:-195px; height:261px; background:#fff; border-radius:5px; padding:15px 0 15px 15px; overflow:scroll; overflow-x:hidden; z-index:100;}
.agreement .agreementTxt::-webkit-scrollbar { width:6px; }
.agreement .agreementTxt::-webkit-scrollbar-thumb {border-radius:10px; background:#555; }
.agreement .agreementTxt::-webkit-scrollbar-button:vertical:start:increment {display:block; height:50px;}
.agreement .agreementTxt::-webkit-scrollbar-button:vertical:end:decrement {display:block; height:10px;}
.agreement .agreementTxt h4 { font-size:14px; border-bottom:1px solid #aaa; padding-bottom:3px; margin-bottom:8px; letter-spacing:-2px; }
.agreement .agreementTxt ol { margin:0 10px; }
.agreement .agreementTxt li { list-style:decimal; font-size:13px; color:#0050be; }
.agreement .agreementTxt li p { font-size:13px; color:#555; margin-top:3px;}
.agreement .agreementTxt span { position:relative; display:block; font-size:13px; color:#999; line-height:1.2; margin-left:18px; }
.agreement .agreementTxt span:before { content:"* "; position:absolute; left:-8px; }
.agreement .agreementTxt a { position:fixed; right:10px; bottom:initial; top:20px; background:none; }

/* 20250827 주요링크 수정 */
.main .important_link_2025 { box-sizing:border-box; width:266px; height:249px;border-bottom:1px solid #ddd  }
.main .important_link_2025 li { display:block; float:left; box-sizing:border-box; width:133px; height:124px; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.main .important_link_2025 li a { display:inline-block; box-sizing:border-box; padding-top:85px; width:100%; height:100%; font-size:15px; text-align:center; transition:all .3s; font-weight:500; }
.main .important_link_2025 li:first-child a { background:url(https://cdn.kystudy.co.kr/User//Content/images/main/important_icon05.png) no-repeat center 31px; }
.main .important_link_2025 li:nth-child(2) a { background:url(https://cdn.kystudy.co.kr/User//Content/images/main/important_icon06.png) no-repeat center 31px; border-right:1px solid #ddd; }
.main .important_link_2025 li:nth-child(3) a { background:url(https://cdn.kystudy.co.kr/User//Content/images/main/important_icon07.png) no-repeat center 26px; }
.main .important_link_2025 li:nth-child(4) a { background:url(https://cdn.kystudy.co.kr/User//Content/images/main/important_icon08.png) no-repeat center 25px; border-right:1px solid #ddd; }