@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 .sta { margin-top:31px; }
#header h1 a { position:absolute; left:50%; top:61px; margin-left:-117px; width:232px; 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:31px; z-index:10; }

#header .gnb li { float:left; width:156px; height:60px; }
#header .gnb li:first-child { width:162px; background:url(/Content/images/common/nav_01_bg.png) no-repeat; box-sizing:border-box; }
.nav .gnb li a { position:relative; display:block; width:100%; height:60px; text-align:center; text-indent:-9999px; overflow:hidden; transition:all .2s; background-position:center !important; }
.gnb li:first-child a { background:url(/Content/images/common/nav_01.png) no-repeat; }
.gnb li:nth-child(2) a { background:url(/Content/images/common/nav_02.png) no-repeat; }
.gnb li:nth-child(3) a { background:url(/Content/images/common/nav_03.png) no-repeat; }
.gnb li:nth-child(4) a { background:url(/Content/images/common/nav_04.png) no-repeat; }
.gnb li:nth-child(5) a { background:url(/Content/images/common/nav_05.png) no-repeat; }
.gnb li:nth-child(6) a { background:url(/Content/images/common/nav_06.png) no-repeat; }
.gnb li:nth-child(7) a { background:url(/Content/images/common/nav_07.png) no-repeat; }
.gnb li:nth-child(2) a:hover,.gnb li:nth-child(2) a.current { background:url(/Content/images/common/nav_02_hover.png) no-repeat; }
.gnb li:nth-child(3) a:hover,.gnb li:nth-child(3) a.current { background:url(/Content/images/common/nav_03_hover.png) no-repeat; }
.gnb li:nth-child(4) a:hover,.gnb li:nth-child(4) a.current { background:url(/Content/images/common/nav_04_hover.png) no-repeat; }
.gnb li:nth-child(5) a:hover,.gnb li:nth-child(5) a.current { background:url(/Content/images/common/nav_05_hover.png) no-repeat; }
.gnb li:nth-child(6) a:hover,.gnb li:nth-child(6) a.current { background:url(/Content/images/common/nav_06_hover.png) no-repeat; }
.gnb li:nth-child(7) a:hover,.gnb li:nth-child(7) a.current { background:url(/Content/images/common/nav_07_hover.png) no-repeat; }

#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:1000; }

#header .lnb ul { width:1100px; margin:0 auto; }
#header .lnb ul:after { content:""; display:block; clear:both; }
#header .lnb ul li { float:left; width:156px; padding:28px 0 0 20px; 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; line-height:1.6; 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:161px; }
#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:after { content:""; display:block; clear:both; }
.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 dl { float:left; position:absolute; left:230px; top:25px; }
.main .consult_link dt { font-size:13px; color:#888; line-height:1.5; }
.main .consult_link dd { display:inline-block; margin-top:8px; font-size:17px; }
.main .consult_link dd:last-child { margin-left:4px; font-size:18px; font-weight:500; }
.main .consult_link h2 { margin-left:22px; }
.main .consult_link ul li:first-child h2 { background:url(/Content/images/main/icon_tel.gif) no-repeat; padding-left:33px; }
.main .consult_link .ky_tel { color:#018ae6; font-size:39px; font-weight:bold; padding:0 0 0 23px; letter-spacing:-2px; }
.main .consult_link p { font-size:13px; color:#888; }
.main .consult_link li a { display:inline-block; width:100%; }
.main .consult_link li:first-child { border-bottom:1px solid #ddd; padding-bottom:24px; box-sizing:border-box; height:124px; }
.main .consult_link li:nth-child(2),.main .consult_link li:nth-child(3) { float:left; width:244px; margin-top:25px; }
.main .consult_link li:nth-child(2) p,.main .consult_link li:nth-child(3) p { padding:5px 0 6px 23px; box-sizing:border-box; line-height:1.4; }
.main .consult_link li:nth-child(2) h2,.main .consult_link li:nth-child(3) h2 { margin-top:0; }
.main .consult_link li:nth-child(2) { border-right:1px solid #ddd; box-sizing:border-box; }
.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:#063a81; border:1px solid #063a81; color:#fff; font-size:17px; transition:all .3s; border-radius:3px; }
.main .consult .input button:hover { background:#0050be; border:1px solid #0050be; }
.main .consult { box-sizing:border-box; width:822px; border:1px solid #ddd; }
.main .important_link { box-sizing:border-box; margin-left:12px; 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(/Content/images/main/important_icon01.png) no-repeat center 20px; }
.main .important_link li:first-child a:hover { background:url(/Content/images/main/important_icon01_hover.png) no-repeat center 20px; }
.main .important_link li:nth-child(2) a { background:url(/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(/Content/images/main/important_icon02_hover.png) no-repeat center 20px; }
.main .important_link li:nth-child(3) a { background:url(/Content/images/main/important_icon03.png) no-repeat center 20px; }
.main .important_link li:nth-child(3) a:hover { background:url(/Content/images/main/important_icon03_hover.png) no-repeat center 20px; }
.main .important_link li:nth-child(4) a { background:url(/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(/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:#e4e4e4; 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 }
.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(/Content/images/main/icon_link01.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(2) a { background:url(/Content/images/main/icon_link02.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(3) a { background:url(/Content/images/main/icon_link03.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(4) a { background:url(/Content/images/main/icon_link04.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(5) a { background:url(/Content/images/main/icon_link05.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(6) a { background:url(/Content/images/main/icon_link06.png) no-repeat center 0; }
.main .easyLink_section li:nth-child(7) a { background:url(/Content/images/main/icon_link07.png) no-repeat center 0; }
.main .easyLink_section li:hover { background-color:#f3f3f3; }

/* 왼쪽 퀵메뉴 20190122 */
.aside_left { z-index:1000; position:fixed; left:0; top:90px; width:105px; 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:105px; 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:1000; 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:105px; 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:20px; color:#ce1313; letter-spacing:-1.5px; font-weight:500; }
.aside_left .btn_top { transition:all .2s; position:absolute; bottom:20px; left:33px; 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:113px; 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; right:12px; top:10px; 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:125px; 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:48px; margin:9px 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.4; }
.CourseDiary_bxslider li strong { font-size:16px; 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; }