@charset "UTF-8";
.main *,#header *,#footer * { box-sizing:border-box; }
.main .container { width:1100px; margin:40px auto; }

/* 상단 띠배너 */
.topBanner { width:100%; height:90px; text-align:center; }
.topBanner a { display:block; width:1100px; height:90px; }
.topBanner .topBanner_pagination { position: absolute; z-index:5; bottom:3px !important; }
.topBanner .topBanner_pagination .swiper-pagination-bullet { width:10px; height:10px; }
.topBanner .topBanner_pagination .swiper-pagination-bullet-active { background:#111; }

/* header */
#header { width:100%; height:220px; background:url(../../images/common/gnb_bg.png) repeat-x; }
#header .util { position:relative;  width:100%; height:39px; padding-top:10px; }
#header .util .ek_sns li { padding-right:7px; }
#header .util .util_list { position:absolute; right:0; top:10px; }
#header .util ul:after { content:""; display:block; clear:both; }
#header .util li { position:relative; float:left; display:block; }
#header .util_list li:after { position:absolute; right:0; top:6px;content:""; display:inline-block; width:1px; height:10px; background:#bcc5cb; }
#header .util_list li a { display:block; padding:0 20px; color:#6e6d7a; font-size:15px; }
#header .util_list li:last-child a { padding-right:0; }
#header .util_list li:last-child:after { background:none; }
#header .util_list li strong { color:#0082ff; font-weight:normal; }

#header .sta { margin-top:38px; }
#header .sta .brandBanner {  margin:31px 0 0 0; width:233px; }
#header .sta .brandBanner li { background:#fff; }
#header h1 a { position:absolute; left:50%; top:70px; margin-left:-160px; width:320px;
    display: block;}
#header .login_section ul:after { content:""; display:block; clear:both; }
#header .login_section li { float:left; font-size:19px; }
#header .login_section li a { font-size:19px; }
#header .login_section li a:hover { color:#0082ff; }

.sta .login_section { position:absolute; top:82px; right:0; }
.sta .login_section li { padding:0 22px 0 12px; }
.sta .login_section li:last-child { padding-right:0; }
.login_section.before li a { display:block; height:31px; line-height:31px; padding-left:40px; transition:all .5s; }
.login_section.before li:first-child a { background:url(../../images/common/icon_join.png) no-repeat; }
.login_section.before li:last-child a { background:url(../../images/common/icon_login.png) no-repeat; }
.login_section.after li { position:relative; color:#0082ff; padding:2px 22px 0 22px; }
.login_section.after li strong { color:#0082ff; }
.login_section.after li:after { position:absolute; top:8px; left:0; width:1px; height:15px; content:""; display:block; background:#4c4e53; }
.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:-19px; top:1px; display:block; content:""; width:31px; height:31px; background:url(../../images/common/icon_name.png) no-repeat; }

#header .nav { position:relative; cursor:pointer; }
#header .gnb:after { content:""; display:block; clear:both; }
#header .gnb { width:1100px; margin:0 auto; margin-top:45px; padding:15px 0 17px; }
#header .gnb li,#header .lnb ul li { float:left; width:120px; text-align:center;  }
#header .gnb li:nth-child(2),#header .lnb ul li:nth-child(2) { width:170px;}
#header .gnb li:nth-child(4),#header .lnb ul li:nth-child(4),#header .gnb li:nth-child(5),#header .lnb ul li:nth-child(5) { width:165px;}

#header .nav .gnb li a { position:relative; font-size:20px; font-weight:600; }
#header .nav .gnb li a:after { position:absolute; left:0; bottom:-17px; width:100%; display:block; content:""; border-bottom:3px solid #0082ff; transition:all .2s; transform:scaleX(0); z-index:1000; }
#header .nav .gnb li a.current:after { border-bottom:3px solid #0082ff; transform:scaleX(1); }
#header .nav .gnb li a:hover:after { transform: scaleX(1); }
#header .nav a:hover, #header .nav a.current { color:#0082ff; }

#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:150; }
#header .nav:hover .lnb { visibility:visible; opacity:1; height:auto; }
#header .lnb { background:#f4f8ff; border-bottom:1px solid #dbdddf; padding:28px 0 35px; }
#header .lnb ul { width:1100px; margin:0 auto; }
#header .lnb ul:after { content:""; display:block; clear:both; }
#header .lnb ul li a { width:100%; color:#4a4c4f; font-size:16px; line-height:2.3; display:inline-block; }



/* 개강일정 안내 */
.main_bigBanner { position:relative; overflow:hidden; width:100%; }
.main_bigBanner .open_course { position:absolute; right:50%; top:40px; margin-right:-550px; width:239px; background:#fff; border:1px solid #dbdddf; z-index:100; text-align:center;  }
.open_course .dday { background:#f8f8f8; padding:7px 0 9px; border-bottom:1px solid #dbdddf; text-align:center; }
.open_course .dday dt,.open_course .dday dd { display:inline-block; }
.open_course .dday dt { font-size:15px; color:#8b8b8c; margin-right:5px; }
.open_course .dday dd { width:52px; height:21px; background:#a48854; border-radius:30px;font-size:14px; font-weight:bold; text-align:center; color:#fff; letter-spacing:normal; }
.open_course > strong { display:block; font-size:22px; font-weight:bold; padding-top:9px; }
.open_course > span { font-size:17px; }
.open_course .btn_apply { display:block; margin:14px auto 0; width:199px; padding-left:16px; height:32px; line-height:30px; background:#a48854 url(../../images/main/icon_apply.png) no-repeat 50px center; color:#fff; font-size:15px; transition:all .3s; }
.open_course .btn_apply:hover { background-color:#0082ff; }
.open_course .tel dt { padding-top:12px; }
.open_course .tel dd { font-weight:bold; color:#0082ff; font-size:30px; line-height:1.1; }
.open_course ul { background:#f7f7f7; color:#b0b0b1; font-size:13px; margin-top:8px; padding:6px 0 5px 18px; text-align:left; }
.open_course ul li a { color:#b0b0b1; font-size:13px; }
.open_course ul li a:before { content:"[ " }
.open_course ul li a:after { content:" ]" }

.main h2 { font-weight:bold; font-size:23px; display:inline-block; }
.main h2 strong { color:#0082ff; }

/* 메인 슬라이드 */
.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 { position:absolute; bottom:18px; left:50%; width:995px; height:39px; margin-left:-500px; z-index:10; }
.main_bigBanner .mainTab .swiper-container {position:absolute; left:50%; margin-left:-550px; width:936px; box-sizing:border-box; z-index:11; border-right:1px solid rgba(255,255,255,.5); }
.mainTab .swiper-wrapper li { width:166px; border:1px solid rgba(255,255,255,.5); border-right:none; }
.mainTab .swiper-wrapper li span { position:relative; display:block; line-height:39px; color:#fff; text-align:center; background:rgba(255,255,255,0); cursor:pointer; transition:all .2s; font-size:16px; }
.mainTab .swiper-wrapper li:hover span { background:rgba(255,255,255,.15); }
.mainTab .swiper-wrapper li span:before { content:''; display:block; position:absolute; left:-1px; bottom:-1px; width:0; height:3px; background:#fff; }
.mainTab .swiper-wrapper .swiper-slide-thumb-active span:before { width:157px; transition:3s; }

/* 컨트롤 */
.main_bigBanner .mainTab .control { position:absolute; bottom:-10px; right:50%; margin-right:-550px; z-index:10; width:147px; height:55px; text-align:center; }
.main_bigBanner .mainTab .swiper-pagination-fraction { bottom:16px; width:42px; margin-left:26px; font-family:Arial, sans-serif; color:#fff; }
.main_bigBanner .mainTab .swiper-pagination-current { font-weight:bold; color:#fcff00; }
.mainTab .swiper-button-prev,.mainTab .swiper-button-next { position:absolute; margin-top:-14px; width:26px; height:26px; background:url(https://cdn.uni-edu.co.kr/Content_new/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.uni-edu.co.kr/Content_new/images/main/mainSwiper_btnPlay.png) no-repeat 0 0; cursor:pointer; }
.main_bigBanner .mainTab .swiper-stop.play { background:url(https://cdn.uni-edu.co.kr/Content_new/images/main/mainSwiper_btnPlay.png) no-repeat 0 -22px; }
.main_bigBanner .mainTab .btn_bannerMore { position:absolute; right:0; bottom:17px; }

/* 간편상담 신청 */
.consultNotice:after,.notice_txt:after { content:""; display:block; clear:both; }
.consultNotice .consult_section,.consultNotice .notice_section { float:left; width:545px; height:231px; border:1px solid #dbdddf; }
.consultNotice .consult_section { position:relative; margin-right:10px; background:#f4f8ff; padding:20px 24px 0; }
.consult_section h2 { font-size:27px; font-weight:500; letter-spacing:-2px; margin-bottom:27px; }
.consult_section .design_checkbox { position:absolute; right:27px; top:28px; }
.consult_section .design_checkbox span:after { content:""; display:inline-block; width:7px; height:10px; background:url(../../images/main/bullet_agree.png) no-repeat; margin-left:5px; vertical-align:1px; }
.consult_section input,.consult_section select { display:block; width:320px; margin-bottom:6px; }
.consult_section .input button { position:absolute; right:24px; top:85px;font-size:19px; color:#fff; display:block; width:162px; height:115px; background:#303339; transition:all .3s; }
.consult_section .input button:hover { background:#0082ff; }

/* 개인정보 활용 동의 레이어 */
.layer_agree { left:35px; top:60px; width:490px; border:1px solid #303339 !important; }
.layer_agree.layer_style .layer_header { border-bottom:1px solid #dbdddf; padding-bottom:25px; }
.layer_agree.layer_style .layer_con { height:300px; padding:30px 20px; overflow-y:scroll; }

/* 공지 롤링 */
.consultNotice .notice_section .notice_swiper { float:left; width:427px; height:40px; margin-top:20px; overflow:hidden; background:url(../../images/main/bullet_noticeOpen.png) no-repeat right 8px; cursor:pointer; }
.consultNotice .notice_section .notice_swiper a { width:427px; display:inline-block; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; padding-right:30px; }
.notice_txt { border-bottom:1px solid #dbdddf; cursor:pointer; }
.notice_txt h2 { float:left; font-size:21px; padding:16px 0 0 25px; margin-right:20px; }
.notice_section .notice_swiper strong { color:#0082ff; margin-right:5px; font-weight:400; }
.notice_section .notice_swiper strong:before { content:"[" }
.notice_section .notice_swiper strong:after { content:"]" }

/* 레이어 스타일 */
.layer_style { display:none; position:absolute; background:#fff; border:1px solid #dbdddf; z-index:200; }
.layer_style .layer_header { position:relative; padding:0 20px; }
.layer_style .layer_header h3 { font-size:24px; font-weight:bold; padding-top:22px; }
.layer_style .layer_header .btn_layerClose { position:absolute; right:15px; top:22px; }
.layer_style .layer_con { padding:0 20px; }

/* 공지사항 레이어 */
.layer_notice { right:0; top:0; width:545px; height:274px; border:1px solid #303339; }
.layer_notice h3 { display:inline-block; padding:28px 0 0 31px;}
.layer_notice h3 span,.layer_notice h3 strong { color:#0082ff; }
.layer_notice .btn_noticeView { display:inline-block; margin-left:10px; vertical-align:5px; padding:1px 24px 1px 12px; font-size:12px; border:1px solid #dbdddf; background:url(../../images/main/bullet_noticeMore.png) no-repeat 90px center; }
.layer_notice ol { margin:16px 0 0 31px; }
.layer_notice ol li strong { display:inline-block; font-weight:500; width:90px; }
.layer_notice ol li { margin-bottom:12px; display:inline-block; width:465px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.layer_notice ol li:before {  display:inline-block; width:21px; height:21px; color:#fff; font-size:12px; background:#0082ff; text-align:center; line-height:20px; margin-right:10px; }
.layer_notice ol li:nth-child(1):before { content:"1"; }
.layer_notice ol li:nth-child(2):before { content:"2"; }
.layer_notice ol li:nth-child(3):before { content:"3"; }
.layer_notice ol li:nth-child(4):before { content:"4"; }
.layer_notice ol li:nth-child(5):before { content:"5"; }

.notice_section .link:after,.main .ek_course ul:after { content:""; display:block; clear:both; }
.notice_section .link { padding:0 28px; }
.notice_section .link li { float:left; width:25%; text-align:center; }
.notice_section .link li a { display:block; width:100%; height:100%; padding-top:120px; transition:all .3s; }
.notice_section .link li:first-child a { background:url(../../images/main/icon_notice01.png) no-repeat center 37px; }
.notice_section .link li:first-child a:hover { background:url(../../images/main/icon_notice01_hover.png) no-repeat center 37px; }
.notice_section .link li:nth-child(2) a { background:url(../../images/main/icon_notice02.png) no-repeat center 37px; }
.notice_section .link li:nth-child(2) a:hover { background:url(../../images/main/icon_notice02_hover.png) no-repeat center 37px; }
.notice_section .link li:nth-child(3) a { background:url(../../images/main/icon_notice03.png) no-repeat center 37px }
.notice_section .link li:nth-child(3) a:hover { background:url(../../images/main/icon_notice03_hover.png) no-repeat center 37px }
.notice_section .link li:nth-child(4) a { background:url(../../images/main/icon_notice04.png) no-repeat center 37px }
.notice_section .link li:nth-child(4) a:hover { background:url(../../images/main/icon_notice04_hover.png) no-repeat center 37px }

/* 교육과정 */
.main .btn_moreView { display:inline-block; width:20px; height:20px; border-radius:20px; text-indent:-9999px; overflow:hidden; background:#3e434c url(../../images/main/icon_more.png) no-repeat center; margin-right:8px; vertical-align:-1px; }
.main .ek_course { background:#f6f6f6; padding:34px 0; }
.main .ek_course ul { border:1px solid #dbdddf; border-left:none; border-right:none; }
.main .ek_course ul li { float:left; height:198px; width:220px; text-align:center; border-right:1px solid #dbdddf; }
.main .ek_course ul li:nth-child(1) { border-left:1px solid #dbdddf; }
.main .ek_course ul li:nth-child(5) { width:219px }
.main .ek_course ul li strong { display:block; font-size:18px; font-weight:700; padding-bottom:4px; color:#303339; }
.main .ek_course .container { margin:0 auto; }
.main .ek_course h2,.ek_sample h2,.epilogue_section h2 { margin-bottom:15px; }
.main .ek_course ul li a { display:block; width:100%; height:100%; padding-top:114px; transition:all .3s; line-height:1.3; font-size:14px; color:#666464; }
.main .ek_course ul li a:hover,.main .ek_course ul li a:hover strong { color:#fff; }
.main .ek_course ul li:first-child a { background:#fff url(../../images/main/icon_course01.png) no-repeat center 20px; }
.main .ek_course ul li:first-child a:hover { background:#2b8eec url(../../images/main/icon_course01_hover.png) no-repeat center 21px; }
.main .ek_course ul li:nth-child(2) a { background:#fff url(../../images/main/icon_course02.png) no-repeat center 20px; }
.main .ek_course ul li:nth-child(2) a:hover { background:#2b8eec url(../../images/main/icon_course02_hover.png) no-repeat center 21px; }
.main .ek_course ul li:nth-child(3) a { background:#fff url(../../images/main/icon_course03.png) no-repeat center 20px }
.main .ek_course ul li:nth-child(3) a:hover { background:#2b8eec url(../../images/main/icon_course03_hover.png) no-repeat center 21px }
.main .ek_course ul li:nth-child(4) a { background:#fff url(../../images/main/icon_course04.png) no-repeat center 20px }
.main .ek_course ul li:nth-child(4) a:hover { background:#2b8eec url(../../images/main/icon_course04_hover.png) no-repeat center 21px }
.main .ek_course ul li:nth-child(5) a { background:#fff url(../../images/main/icon_course05.png) no-repeat center 20px }
.main .ek_course ul li:nth-child(5) a:hover { background:#2b8eec url(../../images/main/icon_course05_hover.png) no-repeat center 21px }

/* 샘플강의 */
.main .ek_sample { background:#f6f6f6; padding-bottom:38px; }
.main .ek_sample .container { margin:0 auto; }
.sample_video .swiper-slide img { vertical-align:top; transition:all .3s; z-index:10; }
.sample_video .swiper-slide:hover img { transform:scale(1.1); }
.sample_video .swiper-slide .thumbnail { width:208px; height:117px; overflow:hidden; }
.sample_video .swiper-slide span { position:absolute; left:0; top:0; width:208px; height:117px; background:url(../../images/main/video_play.png) no-repeat; opacity:.6; transition:all .3s; z-index:11; transition:all .3s; }
.sample_video .swiper-slide span:hover { opacity:1; background:url(../../images/main/video_play_hover.png) no-repeat; }
.sample_video .swiper-slide dl { width:208px; text-align:center; }
.sample_video .swiper-slide dt { font-size:18px; padding-top:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; }
.sample_video .swiper-slide dd { font-size:14px; padding-top:0; }
.ek_sample .swiper-button-next, .ek_sample .swiper-button-prev,.epilogue_section .swiper-button-next, .epilogue_section .swiper-button-prev,.ek_familyLogo .swiper-button-next, .ek_familyLogo .swiper-button-prev { opacity:.4; margin-top:-25px; text-indent:-9999px; overflow:hidden; transition:all .2s; }
.epilogue_section .swiper-button-next, .epilogue_section .swiper-button-prev { margin-top:-1px; }
.ek_sample .swiper-button-next:hover, .ek_sample .swiper-button-prev:hover,.epilogue_section .swiper-button-next:hover, .epilogue_section .swiper-button-prev:hover,.ek_familyLogo .swiper-button-next:hover, .ek_familyLogo .swiper-button-prev:hover  { opacity:1; }
.ek_sample .swiper-button-next,.epilogue_section .swiper-button-next { width:27px; height:44px; right:-44px; background:url(../../images/main/control_right.png) no-repeat center right; }
.ek_sample .swiper-button-prev,.epilogue_section .swiper-button-prev { width:27px; height:44px;left:-44px; background:url(../../images/main/control_left.png) no-repeat center left; }
.ek_familyLogo { margin-bottom:50px; }

/* 수강후기 */
.epilogue_section .epilogue_list a { display:block; }
.epilogue_list:after { content:""; position:absolute; top:0; right:0; display:block; width:1px; height:342px; background:#fff; z-index:100; }
.epilogue_section .epilogue_list { border:1px solid #dbdddf; height:342px; }
.epilogue_section .epilogue_list li { border-right:1px solid #dbdddf; width:367px; transition:all .3s; padding:20px 38px; }
.epilogue_section .epilogue_list li:last-child { border-right:none; width:366px; }
.epilogue_list .epilogue_info { display:inline-block; margin-left:15px; vertical-align:20px; }
.epilogue_list .epilogue_info dt {color:#808081; font-size:14px; }
.epilogue_list .epilogue_info dd { font-size:18px; font-weight:bold; }
.epilogue_list a span { display:inline-block; border-radius:40px; transition:all .3s; background:#f7f7f7; overflow:hidden; }
.epilogue_content { border-top:1px solid #1f263a; margin-top:5px; }
.epilogue_content dt { font-size:18px; text-align:center; padding:18px 0 15px; }
.epilogue_content dd { color:#808081; font-weight:300; overflow: hidden; text-overflow:ellipsis; 
display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical; word-wrap:break-word; 
line-height:1.2em;height:3.6em; }
.epilogue_list li:hover { background:#f7f7f7; }
.epilogue_list li:hover a { color:#303339; }
.epilogue_list li:hover span { background:#fff; }
.epilogue_list li:hover p { background:#fff; }
.epilogue_list .swiper-slide p { background:#f7f7f7; height:50px; padding-top:10px; border:1px solid #dbdddf; text-align:center; font-size:18px; margin-top:17px; transition:all .3s; }

/* 학습가이드 */
.main .studyGuide { height:164px; background:#2b8eec url(../../images/main/guide_bg.png) no-repeat center; }
.main .studyGuide h2 { float:left; width:250px; margin-top:47px; font-size:36px; color:#fff; font-weight:700; line-height:1.3; }
.main .studyGuide h2 span { display:block; font-size:20px; font-weight:300; }
.studyGuide a { font-size:20px; font-weight:700; }
.studyGuide ul:after { content:""; display:block; clear:both; }
.studyGuide ul { float:left; width:840px; margin-left:8px; }
.studyGuide li { float:left; width:25%; height:164px; text-align:center; padding-top:26px; }
.studyGuide li a { display:block; width:100%; height:100%; background:url(../../images/main/icon_guide.png) no-repeat center 16px; transition:all .2s; padding-top:50px; line-height:1.2; }
.studyGuide li a:hover { color:#fff; background:url(../../images/main/icon_guide_hover.png) no-repeat center 16px; }

/* 공지사항 */
.noticeEnent .notice { float:left; width:703px; height:252px; border:1px solid #dbdddf; margin-right:27px; }
.notice .notice_header { position:relative; height:59px; border-bottom:1px solid #dbdddf; }
.notice .notice_header h2 { padding:11px 0 0 30px; }
.notice .notice_header a { position:absolute; right:16px; top:19px; }
.notice .tabMenu li { border-bottom:1px solid #dbdddf; }
.notice .tabMenu li:last-child { border-bottom:none; }
.notice .tabMenu a { display:block; height:63px; padding-left:30px; line-height:62px;  background:#f7f7f7; font-size:18px; }
.notice .tabMenu a.current { color:#0082ff; background:#fff; }
.notice .tabMenu { float:left; width:250px; }
.notice .notice_con { float:left; width:450px; padding:23px 30px 0 30px; }
.notice .notice_con li { position:relative; margin-bottom:14px;  }
.notice .notice_con li:last-child { margin-bottom:0; }
.notice .notice_con li a { display:inline-block; width:310px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.notice .notice_con li span { position:absolute; right:0; top:3px; font-size:14px; color:#92919a; }

/* 중간 이벤트 영역 */
.eventBanner { width:370px; }
.eventBanner .swiper-button-prev,.eventBanner .swiper-button-next { text-indent:-9999px; overflow:hidden; height:29px; width:30px; transition:all .2s; }
.eventBanner .swiper-button-prev { border-radius:0 20px 20px 0; background:rgba(0,0,0,.4) url(../../images/main/eventControl_left.png) no-repeat 3px center; left:0; }
.eventBanner .swiper-button-prev:hover { background:rgba(0,0,0,.8) url(../../images/main/eventControl_left.png) no-repeat 3px center; }
.eventBanner .swiper-button-next { border-radius:20px 0 0 20px; right:0; background:rgba(0,0,0,.4) url(../../images/main/eventControl_right.png) no-repeat 10px center; right:0; }
.eventBanner .swiper-button-next:hover { background:rgba(0,0,0,.8) url(../../images/main/eventControl_right.png) no-repeat 10px center; }
.eventBanner .swiper-pagination { right:10px; top:10px; }
.eventBanner .swiper-pagination-bullet { transition:all .2s; border-radius:10px; margin-left:7px; background:rgba(50,50,50,1)}
.eventBanner .swiper-pagination-bullet-active { width:28px; background:rgba(0,0,0,1)}

_:-ms-fullscreen, :root .eventBanner .swiper-button-prev,_:-ms-fullscreen, :root .eventBanner .swiper-button-next { top:110px }

/* 고객센터 */
.main .cs { background:#f7f7f7; height:211px; padding:60px 0; }
.main .cs .container { margin:0 auto; }
.main .cs .container:after { content:""; display:block; clear:both; }
.cs .tel_info { float:left; width:730px; }
.cs .tel_info > dl { float:left; width:253px; border-right:1px solid #dbdddf; height:91px; }
.cs .tel_info > dl dt { font-size:20px; font-weight:700; padding-bottom:25px; line-height:0.9; }
.cs .tel_info a { display:inline-block; width:162px; height:91px; line-height:89px; background:#303339; text-align:center; color:#fff; font-size:19px; margin-left:32px; transition:all .3s; }
.cs .tel_info a:hover { background:#0082ff; }
.cs .cs_link { float:left; width:370px; border-left:1px solid #dbdddf; border-top:1px solid #dbdddf; }
.cs .cs_link li { float:left; width:50%; height:46px; border-right:1px solid #dbdddf; border-bottom:1px solid #dbdddf; }
.cs .cs_link li a { display:block; width:100%; height:100%; padding:12px 0 0 70px; }
.cs .cs_link li:first-child a { background:#fff url(../../images/main/icon_cs01.png) no-repeat 23px 8px; }
.cs .cs_link li:nth-child(2) a { background:#fff url(../../images/main/icon_cs02.png) no-repeat 23px 8px; }
.cs .cs_link li:nth-child(3) a { background:#fff url(../../images/main/icon_cs03.png) no-repeat 23px 8px; }
.cs .cs_link li:nth-child(4) a { background:#fff url(../../images/main/icon_cs04.png) no-repeat 23px 8px; }
.cs .tel_info .tel_txt { float:left; font-size:14px; margin-left:28px; line-height:1.7; }
.tel_txt dd { color:#92919a; }
.tel_txt dd strong { color:#0082ff; }
.tel_txt dt:after { content:"-"}
.tel_txt dt,.tel_txt dd { display:inline-block; }
.cs .tel_info .tel_txt p { font-size:14px; line-height:1.7; }
.cs .tel_info .tel_txt p span { color:#92919a; }
.cs .tel_info .tel_txt p:first-child { font-size:18px; margin:-7px 0 8px 0; font-weight:bold; }
.cs .tel_info .tel_txt p:first-child span { font-size:19px; color:#0082ff; }

/* 믿을 수 있는 교육원  */
.ek_familyLogo .control { position:relative; width:1100px; margin:0 auto; }
.ek_familyLogo h2 { margin-bottom:25px; vertical-align:6px; }
.ek_familyLogo .container { margin-top:32px; }
.ek_familyLogo .swiper-button-next { width:27px; height:44px; right:-44px; background:url(../../images/main/control_right.png) no-repeat center right; }
.ek_familyLogo .swiper-button-prev { width:27px; height:44px; left:-44px; background:url(../../images/main/control_left.png) no-repeat center left; }
.ek_familyLogo .swiper-button-next, .ek_familyLogo .swiper-button-prev { margin-top:-100px; }
.ek_familyLogo .swiper-slide { text-align:center; }

/* 로그인 레이어 */
.layer_login { right:-30px; top:125px; width:430px; padding-bottom:23px; background:#f7f7f7; border:1px solid #303339; }
.layer_login .layer_header { padding-left:20px; }
.layer_login .layer_header span { color:#0082ff; }
.layer_login .layer_con { padding:0 20px; margin-top:-5px; }
.layer_login .login_form:after { content:""; display:block; clear:both; }
.layer_login .layer_con h4 { font-size:21px; margin:25px 0 5px; font-weight:500; }
.layer_login .layer_con h4 a { display:inline-block; margin-left:10px; vertical-align:5px; padding:1px 24px 2px 12px; font-size:12px; border:1px solid #dbdddf; background:url(../../images/main/bullet_noticeMore.png) no-repeat 90px center; }
.layer_login .layer_con .login_form { background:#fff; border:1px solid #dbdddf; padding:15px; }
.layer_login .login_form input { width:228px; margin:0; }
.layer_login .login_form ::placeholder { color:#808081; }
.layer_login .login_form li:first-child { margin-bottom:10px; }
.layer_login .login_form ul { float:left; }
.layer_login .login_form button { float:left; width:118px; height:78px; background:#0082ff; font-size:19px; color:#fff; margin-left:10px; }
.layer_login .login_form.wide button { background:#f9605b;  }
.layer_login .login_form.small button { height:34px; }
.layer_login .login_form.small li { margin-bottom:0; }
.layer_login .login_list li { display:inline-block; padding-top:5px; }
.layer_login .login_list li a:after { content:" | "; color:#ccc; padding:0 10px; }
.layer_login .login_list li:last-child a:after { content:" "; }
.layer_login .login_list li a { color:#808081; font-size:13px; }


/* footer */
#footer { background:#303339; padding:0 0 50px; }
#footer .container { margin:40px auto 0; }
#footer .footer_nav { border-bottom:1px solid #474b54; height:70px; padding-top:24px;}
#footer .footer_nav ul { width:1100px; margin:0 auto; }
#footer ul:after { display:block; clear:both; content:""; }
#footer .footer_nav li { float:left; padding:0 30px; background:url(../../images/main/footer_div.png) no-repeat 0 center; }
#footer .footer_nav li:first-child { background:none; padding-left:0; }
#footer .footer_nav a { color:#83878e; font-size:15px; transition:all .2s; }
#footer .footer_nav a:hover { color:#a6adbd; }
#footer .footer_logo { position:absolute; left:0; top:0; }
#footer .company_info { color:#989da6; font-size:14px; margin-left:250px; line-height:1.4; }
#footer .company_info li { display:inline-block; padding:0 10px; background:url(../../images/main/footer_div.png) no-repeat 0 center; }
#footer .company_info li:first-child { background:none; padding-left:0; }
#footer .company_info p { color:#989da6; font-size:14px; line-height:1.4;  }

#footer .copyright,#footer .margin { margin-top:16px; }
#footer .copyright strong { color:#fff; font-weight:400; }
#footer select { display:inline-block; width:200px; height:28px; border:1px solid #989da6; padding: 0 28px 0 7px; margin:0; background: #303339 url(../../images/main/footer_select.png) no-repeat right center; color:#989da6;
 font-size:14px; }
#footer .company_link { position:absolute; right:0; top:0; }
#footer .company_link a { display:inline-block; height:41px; padding:0 27px 0 47px; line-height:3; color:#989da6; font-size:13px; background:url(../../images/main/icon_blog.png) no-repeat; transition:all .2s; }
#footer .company_link a:hover { color:#eee; }

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}


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


/* 왼쪽 퀵메뉴 */
.aside_left { z-index:1000; position:fixed; left:-149px; top:0; width:149px; height:100%;  background:#fff; border:1px solid #dbdddf; border-left:0; border-bottom:0; text-align:center; transition:all .25s ease; animation:aside_ani 2s ease-out both; }
.aside_left.open { transform: translateX(149px); }
.aside_left p {  font-size:15px; background:#dbdddf; height:62px; line-height:1.2; padding-top:12px; }
.aside_left p strong { color:#0082ff; }
.aside_left dl { height:118px; width:100%; background:#f6f6f6; border-bottom:1px solid #dbdddf; }
.aside_left dt { font-size:17px; padding-top:14px; line-height:1.2; }
.aside_left dd a { display:block; width:95px; height:30px; line-height:26px; background:#303339; color:#fff; font-size:14px; text-align:center; margin:12px auto 19px; font-weight:300; }
.aside_left .nav li a { display:block; height:49px; border-bottom:1px solid #dbdddf; padding-top:13px; }
.aside_left .btn_remote { position:absolute; bottom:20px; left:13px; display:block; width:122px; height:50px; line-height:47px; background:#a48854; color:#fff; }
.btn_aside { position:absolute; top:221px; right:-53px; width:52px; height:131px; padding-top:20px; background:#0082ff url(../../images/common/aside_open.png) no-repeat 20px 20px;  z-index:1000;color:#fff; animation:btn_aside .2s 2s ease-out both; transition:all .2s;}
.btn_aside.open { background:#0082ff url(../../images/common/aside_close.png) no-repeat 20px 20px; }
.aside_close { position:absolute; right:-25px; top:8px; }

@keyframes aside_ani {
	0% { left:-80px; }
	20% { left:0; }
	80% { left:0; }
	100% { left:-149px; }
}

@keyframes btn_aside {
	0% { opacity:0; top:240px; }
	100% { opacity:1; top:221px; }
}

/* 오른쪽 빠른상담 메뉴 */
.aside_counsel { position:fixed; bottom:50px; right:30px; display:block; width:78px; height:75px; background:#0082ff url(../../images/main/btn_counsel_20221223.png) no-repeat center 6px; font-size:13px; color:#fff !important; transition:all .3s; padding-top:49px; text-align:center; border-radius:5px; box-sizing:border-box; z-index:1000;  }
.aside_counsel:hover { animation: ani_counsel .4s ease-out both; }

/* 간편상담 레이어 */
.layer_counsel { z-index:1001; display:block; position:fixed; right:-10px; bottom:30px; width:430px; padding:0 25px 25px;  border:none; background:#2b8eec; transform:translate(100%, 0); transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.layer_counsel.open { transform:translate(0%, 0%); }
.layer_counsel .btn_counselClose { position:absolute; right:0; top:22px; }
.layer_counsel .layer_header { padding:0; }
.layer_counsel .layer_header h3 { color:#fff; font-weight:500; margin-bottom:26px;}
.layer_counsel .design_checkbox { position:static;}
.layer_counsel li { width:100%; margin-bottom:8px; }
.layer_counsel .num_list_bullet li { font-size:14px; }
.layer_counsel .num_list_bullet li strong { font-size:15px; color:#303339; padding-bottom:3px;}
.layer_counsel li:last-child { margin-bottom:4px; }
.layer_counsel li input { display:block; width:100%; margin-left:0; border:1px solid #303339; }
.layer_counsel select { width:100%; height:34px; border:1px solid #303339; margin:0; }
.layer_counsel li textarea { width:100%; height:125px; border:1px solid #303339; }
.layer_counsel h4 { padding-bottom:6px; margin-bottom:8px; font-size:14px; border-bottom:1px solid #bbb; }
.layer_counsel .agree { width:100%; height:120px; background:#fff; font-size:13px; border:1px solid #303339; overflow:scroll; overflow-x:hidden; color:#777; padding:10px 15px 10px 10px; box-sizing:border-box; line-height:1.4;}
.layer_counsel .agree p { padding:5px 0; font-size:13px; }
.layer_counsel .design_checkbox { margin:15px 0 0 0; }
.layer_counsel .design_checkbox span { color:#fff; background:url(../../images/main/checkbox_02.png) no-repeat; font-size:14px; line-height:1.3; }
.layer_counsel .design_checkbox .on { background-position:0 -40px;}
.layer_counsel .design_checkbox span strong { font-weight:normal; }
.layer_counsel button { display:block; width:100%; height:60px; background:#303339; color:#fff; font-size:16px; margin-top:20px; transition:all .3s; padding-bottom:5px; }
.layer_counsel button:hover { background:#000;  }

@keyframes ani_counsel {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(20%);
	}
	100% {
		transform: translateY(0%);
	}
}

/* 영상 레이어 추가 */
.modal_layer .youTube_view { position:fixed; left:50%; margin:-250px 0 0 -350px; top:50%; }

/* GNB 수강신청 메뉴강조 20220127 */
.nav .gnb:before { position:absolute; left:50%; margin-left:-390px; bottom:45px; content:""; display:block; width:88px; height:29px; animation:gnb_ani 1.5s ease infinite; }
#header .nav .gnb li:nth-child(2) a { color:#ce1313; }

@keyframes gnb_ani {
	0% { opacity:1; background:url(https://cdn.uni-edu.co.kr/Content_new/images/common/icon_package02.png) no-repeat; }
	40% { opacity:1; background:url(https://cdn.uni-edu.co.kr/Content_new/images/common/icon_package02.png) no-repeat; }
	45% { opacity:0; }
	50% { opacity:0; }
	90% { opacity:1; background:url(https://cdn.uni-edu.co.kr/Content_new/images/common/icon_package02.png) no-repeat; }
	100% { opacity:1; background:url(https://cdn.uni-edu.co.kr/Content_new/images/common/icon_package02.png) no-repeat; }
}

/* 개강, 학습설계 행정 번호 안내 20240812 */
.startClass { display:flex; justify-content:space-between; width:1100px; height:235px; margin:40px auto; }
.startClass .startClass_detail { position:relative; display:flex; width:704px; border:1px solid #dbdddf; }
.startClass .startClass_detail:after { position:absolute; right:351px; top:-1px; content:""; width:1px; height:235px; background:#dbdddf;}
.startClass_detail li { position:relative; width:50%; padding:25px; }
.startClass_detail li span { position:absolute; right:13px; top:-1px; display:block; width:60px; height:44px; color:#fff; font-size:14px; text-align:center; font-weight:500; background:#0083ff; line-height:1.2; padding-top:6px; }
.startClass_detail li span.today { background:#cf1a1a; animation:flash_ani 1s ease infinite; }
.startClass_detail li span:after { position:absolute; left:0; bottom:-16px; display:block; content:""; width:0; height:0; border-top:16px solid #0083ff; border-left:30px solid transparent; border-right:30px solid transparent; }
.startClass_detail li span.today:after { border-top:16px solid #cf1a1a; }
.startClass_detail dt, .startClass_detail dd { display:inline-block; }
.startClass_detail a { color:#111; }
.startClass_detail a:hover .day { color:#cf1a1a; }
.startClass_detail a > dl dt { background:#d8e6ff; display:inline-block; font-size:15px; font-weight:500; padding:2px 16px 3px; border-radius:30px; }
.startClass_detail a > dl dd { font-size:20px; font-weight:500; padding-left:5px; vertical-align:-2px; }
.startClass_detail .day { font-size:36px; color:#111; letter-spacing:-2px; margin:4px 0 11px; transition:all .2s;  }
.startClass_detail .day strong { font-weight:bold; }
.startClass_detail .day_detail { position:relative; color:#808081; padding-left:56px; font-weight:300; }
.startClass_detail .day_detail dl:first-child dt, .startClass_detail .day_detail dl:first-child dd { color:#111; font-weight:500; }
.startClass_detail .day_detail dt:after { content:": " }
.startClass_detail .day_detail dl { position:relative; }
.startClass_detail .day_detail dl dd em { position:absolute; right:0; top:1px; font-size:12px; border:1px solid #cf1a1a; text-align:center; color:#cf1a1a; padding:0 8px 1px; border-radius:20px; }
.startClass_detail .day_detail:before { position:absolute; left:0; top:2px; content:""; width:45px; height:45px; display:inline-block; background:url(https://cdn.uni-edu.co.kr/Content_new/images/main/icon_calendar.png) no-repeat; }
.startClass .tel_info { position:relative; width:370px; height:235px; border:1px solid #dbdddf; padding:25px 0 0; }
.startClass .tel_info .guide { position:absolute; bottom:0; background:#f4f8ff; width:100%; padding:5px 0; }
.startClass .tel_info .guide p { text-align:center; font-size:13px; color:#808081; }
.startClass .tel_info .guide p a { font-size:13px; color:#808081; transition:all .2s; }
.startClass .tel_info .guide p a:hover { color:#0083ff; }
.startClass .tel_info h2 { font-size:16px; font-weight:bold; color:#111; }
.startClass .tel_info dd { font-size:32px; font-weight:bold; color:#0083ff; line-height:1.2; }
.startClass .tel_info ul { padding:0 25px 5px 25px; }
.startClass .tel_info li { position:relative; }
.startClass .tel_info li > a { position:absolute; right:0px; top:17px; display:block; width:140px; height:40px; border-radius:30px; background:#d8e6ff url(https://cdn.uni-edu.co.kr/Content_new/images/main/bullet_tel.png) no-repeat calc(100% - 20px) center; font-weight:500; text-align:center; padding:8px 10px 0 0; transition:all .2s; color:#111; }
.startClass .tel_info li > a:hover { background:#c3d7fb url(https://cdn.uni-edu.co.kr/Content_new/images/main/bullet_tel.png) no-repeat calc(100% - 20px) center; }
.startClass .tel_info li:first-child { margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid #dbdddf; }
.startClass .application_num { background:#f4f8ff; border-top:1px solid #dbdddf; border-bottom:1px solid #dbdddf; font-size:15px; text-align:center; padding:5px 0 4px; margin-bottom:13px;}
.startClass .application_num strong { color:#cf1a1a; }

/* 푸터 ISMS 마크 추가 2024_1016 */
.isms_section a { position:absolute; right:0; top:50px; background:#fff; border-radius:5px; padding-top:5px;  }
.isms_section p { cursor:pointer; display:none; position:absolute; right:0; bottom:0; box-shadow:4px 4px 5px rgba(0,0,0,.15); z-index:100; }

/* 슬라이드 배너 모아보기 레이어 20250214 */
.mainBanner_list { width:1055px; left:50%; margin-left:-527px; top:220px; }
.mainBanner_list .btn_mainBannerClose { position:absolute; right:-40px; top:10px; }
.mainBanner_list .layer_content { height:612px; 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.uni-edu.co.kr/Content_new/images/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; }


/* 안쓰는 영역 임시 삭제 20250724 */
.main_bigBanner .mainTab,.main .ek_sample,.epilogue_section,.cs .tel_info a,.isms_section,#footer .company_link a { display:none; }
.main .ek_course ul { border-left:1px solid #dbdddf; }
.main .ek_course ul li:nth-child(1) { display:none; }
.main .ek_course ul li,.main .ek_course ul li:nth-child(5) { width:25%; }
.company_link p,.join_ok .login_banner { display:none; }
.login_section .login_box.basic { margin-bottom:50px !important; }
.join_ok .login_section { width:100% !important; }
.login_section .login_box input { width:545px !important; }
.join_section .login_list { right:430px !important; }
.snb_section .nav_channel { display:none !important; }
.cs .cs_link li:nth-child(4) a { background: #fff url(https://cdn.uni-edu.co.kr/Content_new/images/main/icon_cs04.png) no-repeat 23px 8px; }
.main .ek_course ul li:nth-child(3) a { background: #fff url(https://cdn.uni-edu.co.kr/Content_new/images/main/icon_course06.png) no-repeat center 20px; }
.main .ek_course ul li:nth-child(3) a:hover { background:#2b8eec url(https://cdn.uni-edu.co.kr/Content_new/images/main/icon_course06_hover.png) no-repeat center 21px }