/************************************************************** * [wrap] **************************************************************/ ul, dl, dt, dd, h2 {margin:0;padding:0} #wrapMain2020 {overflow:hidden;position:relative;width:100%} /************************************************************** * [section_01] **************************************************************/ /* Layout */ #main2020Visual {position:relative;background-color:#ece9e5} #main2020Visual .inner {display:block;width:1080px;margin:0 auto} /* 메인비주얼 slide */ #main2020Visual .main_visual {overflow:hidden;height:341px} #main2020Visual .main_visual .swiper_control {overflow:hidden;position:absolute;bottom:43px;right:50%;z-index:5;width:90px;margin-right:-184px} #main2020Visual .main_visual .swiper-pagination-fraction {float:left;position:static;width:auto;margin-right:3px;font-size:0} #main2020Visual .main_visual .swiper_prev_next {float:left;width:34px;height:17px;border-radius:34px;font-size:0;background:rgba(255,255,255,0.5) url(/images/main2020/main_visual_bar.png) 50% 50% no-repeat} #main2020Visual .main_visual .swiper-pagination-current {padding:0 5px;font-weight:bold;font-size:12px;line-height:17px;color:#fff} #main2020Visual .main_visual .swiper-pagination-total {position:relative;padding:0 5px;font-weight:bold;font-size:12px;line-height:17px;color:#000} #main2020Visual .main_visual .swiper-pagination-total:before {display:block;position:absolute;top:4px;left:0;width:1px;height:9px;background-color:rgba(255,255,255,0.3);content:''} #main2020Visual .main_visual .swiper-stop {float:right;width:14px;height:14px;margin-top:2px;border-radius:50%;background:rgba(255,255,255,0.5) url(/images/main2020/main_visual_stop.png) 50% 50% no-repeat;cursor:pointer} #main2020Visual .main_visual .swiper-stop.play {background:rgba(255,255,255,0.5) url(/images/main2020/main_visual_play.png) 50% 50% no-repeat} #main2020Visual .main_visual .swiper-button-prev, #main2020Visual .main_visual .swiper-button-next {position:static;display:inline-block;width:17px;height:17px;margin:0} #main2020Visual .main_visual .swiper-button-prev {background:url(/images/main2020/main_visual_prev.png) 50% 50% no-repeat} #main2020Visual .main_visual .swiper-button-next {background:url(/images/main2020/main_visual_next.png) 50% 50% no-repeat} #main2020Visual .main_visual .bg_visual {position:absolute;top:0;left:50%;margin-left:-960px} #main2020Visual .main_visual .inner {position:absolute;top:0;left:50%;margin-left:-540px} /* 이벤트배너 */ #main2020Visual .event_box {position:absolute;top:1px;left:50%;z-index:6;width:240px;height:340px;margin-left:300px} #main2020Visual .event_box a {display:block;background-color:rgba(255,255,255,0.7)} #main2020Visual .event_slide {margin-bottom:1px} #main2020Visual .event_slide a.swiper-slide {background-color:rgba(255,255,255,0.9)} #main2020Visual .event_slide .swiper-wrapper {width:240px;height:209px;margin:0;padding:0} #main2020Visual .event_slide .swiper-pagination {bottom:auto;top:15px;padding:0 17px;text-align:left} #main2020Visual .event_slide .swiper-pagination-bullet {width:8px;height:8px;margin:0 4px 0 0;background-color:#999;opacity:1;transition:0.3s} #main2020Visual .event_slide .swiper-pagination-bullet-active {background-color:#009940} /* 메인비주얼 타이틀리스트 */ #main2020Visual .visual_list {background-color:#f7f7f7} #main2020Visual .visual_list .inner {position:relative;width:1080px;height:40px;margin:0 auto} #main2020Visual .visual_list .inner:before {display:block;position:absolute;top:-30px;left:-100%;z-index:20;width:100%;height:70px;background-color:#fff;content:''} #main2020Visual .visual_list .wrap_slider {position:absolute;top:-30px;left:0;width:724px} #main2020Visual .visual_list .list {margin:0;padding:0} #main2020Visual .visual_list .list li {width:181px;box-sizing:border-box;padding-left:1px} #main2020Visual .visual_list .list li span {display:block;position:relative;height:70px;box-sizing:border-box;font-size:14px;line-height:70px;color:#666;text-align:center;letter-spacing:-0.05em;background-color:#fff;cursor:pointer;transition:0.35s} #main2020Visual .visual_list .list li span:before {display:block;position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#333;content:''} #main2020Visual .visual_list .list li.swiper-slide-thumb-active span {position:relative;font-weight:bold;color:#333} #main2020Visual .visual_list .list li.swiper-slide-thumb-active span:before {width:100%;left:0;transition:0.35s} /************************************************************** * [section_02] 공지사항&시험공고, 6개배너, 롤링배너리스트 **************************************************************/ /* Layout */ #main2020_02 {position:relative;padding:51px 0 50px 0;background-color:#f7f7f7} #main2020_02 .teacher_banner {position:absolute;top:192px;left:50%;width:716px;margin:0 0 0 -176px;padding:0} #main2020_02 .inner {overflow:hidden;position:relative;width:1080px;margin:0 auto} /* 퀵배너 */ #main2020_02 .quick_list {position:absolute;top:-300px;left:50%;margin-left:-790px;z-index:80} #main2020_02 .quick_list a {display:block;} /* 퀵디데이 */ #main2020_02 .quick_dday {position:absolute;top:-366px;left:50%;width:200px;margin-left:-790px;z-index:80;padding:7px 0 7px 86px;border:1px solid rgba(255,255,255,0.5);box-sizing:border-box;} #main2020_02 .quick_dday .order {position:absolute;top:12px;left:20px;width:66px;font-style:normal;font-size:12px;line-height:16px;color:#666;letter-spacing:-0.05em} #main2020_02 .quick_dday ul {margin:0;padding:0} #main2020_02 .quick_dday ul li {overflow:hidden} #main2020_02 .quick_dday .tit {float:left;min-width:46px;margin-right:4px;font-size:12px;line-height:20px;color:#333;letter-spacing:-0.05em} #main2020_02 .quick_dday .day {float:left;font-weight:bold;font-size:18px;line-height:19px} #main2020_02 .quick_dday .day.end {font-size:12px;line-height:20px} #main2020_02 .quick_dday .day.dday {letter-spacing:-0.07em} #main2020_02 .quick_dday .day.dday.green {padding-left:1px} #main2020_02 .quick_dday .day.green {color:#009940} #main2020_02 .quick_dday .day.orange {color:#ff5e2c} /* 공지사항 & 시험공고 게시판 */ #main2020_02 .left_board {overflow:hidden;float:left;position:relative;width:320px;height:438px;padding:30px 0;box-sizing:border-box;background-color:#fff} #main2020_02 .left_board .more {position:absolute;top:40px;right:30px;font-size:11px;color:#999;letter-spacing:-0.05em;transition:0.25s} #main2020_02 .left_board .more:hover {color:#333;text-shadow:1px 1px 1px #ddd} #main2020_02 .tab_board {overflow:hidden;margin:0;padding:0; margin-left: 20px;} #main2020_02 .tab_board li {float:left} #main2020_02 .tab_board li a {display:block;width:80px;height:30px;border:1px solid #dcdcdc;font-size:14px;line-height:30px;color:#999;text-align:center;transition:0.25s} #main2020_02 .tab_board li.active a {color:#fff;border-color:#333;background-color:#333} #main2020_02 .cont_board {display:none} #main2020_02 .cont_board.active {display:block} #main2020_02 .list_board {overflow:hidden;margin:0;padding:16px 5px 24px 20px} #main2020_02 .list_board li {overflow:hidden} #main2020_02 .list_board li a {overflow:hidden;float:left;max-width:90%;font-size:13px;line-height:28px;color:#333;letter-spacing:-0.05em;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-0.07em} #main2020_02 .list_board li.fix a {font-weight:bold;color:#009940} #main2020_02 .list_board .new {float:left;width:13px;height:13px;margin:8px 0 0 6px;border-radius:50%;box-sizing:border-box;font-weight:bold;font-size:0;line-height:1em;background:url(/images/main2020/icon_new.png) 0 0 no-repeat} /* 6개배너 */ #main2020_02 .six_banner {overflow:hidden;float:right;width:716px;margin:-1px 0 0 0;padding:0} #main2020_02 .six_banner .banner {overflow:hidden;float:left;position:relative;width:238px;height:70px;margin:1px 1px 0 0;background-color:#ece9e5;transition:0.25s} #main2020_02 .six_banner .banner:hover {background-color:#e2dfdb} #main2020_02 .six_banner .banner:nth-child(3n) {margin-right:0} #main2020_02 .six_banner .thumbnail {display:block;overflow:hidden;height:70px;box-sizing:border-box} #main2020_02 .six_banner .thumbnail img {display:inline-block;height:110px;margin:0 0 0 -45px} #main2020_02 .six_banner .text_wrap {position:absolute;top:0;right:0;width:158px;height:70px;font-size:0} #main2020_02 .six_banner .text_wrap:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #main2020_02 .six_banner .text_wrap .txt {display:inline-block;vertical-align:middle} #main2020_02 .six_banner .tit01 {display:block;font-weight:normal;font-size:11px;line-height:17px;color:#333;letter-spacing:-1px} #main2020_02 .six_banner .tit01 span {display:inline-block;min-width:45px;padding:0 7px;border-radius:17px;box-sizing:border-box;font-size:11px;line-height:17px;color:#fff;text-align:center;letter-spacing:-0.075em;background-color:#009940} #main2020_02 .six_banner .tit01 .icon1 {background-color:#009940;letter-spacing:0} /* new */ #main2020_02 .six_banner .tit01 .icon2 {background-color:#ff5e2c} /* hot */ #main2020_02 .six_banner .tit01 .icon3 {background-color:#e1814f} /* 이벤트 */ #main2020_02 .six_banner .tit01 .icon4 {background-color:#333} /* 마감임박 */ #main2020_02 .six_banner .tit01 .icon5 {background-color:#5ca77b} /* 선착순 */ #main2020_02 .six_banner .tit02 {display:inline-block;padding-top:3px;font-weight:bold;font-size:13px;line-height:16px;color:#333;letter-spacing:-1px} #main2020_02 .six_banner .tit02 .point {color:#df6c27} /* 롤링배너리스트 */ #main2020_02 .tab_subject {overflow:hidden;margin:0;padding:0} #main2020_02 .tab_subject li {float:left} #main2020_02 .tab_subject li a {display:block;position:relative;height:69px;padding:0 20px;font-weight:bold;font-size:16px;line-height:69px;color:#999;text-align:center;letter-spacing:-0.05em} #main2020_02 .tab_subject li.active a {color:#000} #main2020_02 .tab_subject li.active a:before {display:block;position:absolute;top:16px;left:22px;width:11px;height:6px;background:url(/images/main2020/icon_active.png) 0 0 no-repeat;content:''} #main2020_02 .list_teacher {margin:0;padding:0} #main2020_02 .list_teacher li {overflow:hidden;position:relative;height:228px;box-sizing:border-box;border-right:1px solid #fff;text-align:right;background-color:#ece9e5} #main2020_02 .list_teacher .tit_teacher {position:absolute;top:25px;left:20px;border-bottom:1px solid #333;font-size:14px;line-height:20px;color:#333;font-style:normal} #main2020_02 .list_teacher .img_teacher {display:block} #main2020_02 .list_teacher .img_txt {position:absolute;top:0;left:0} #main2020_02 .list_teacher .over {overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:5px;box-sizing:border-box;text-align:center;background-color:rgba(110,105,97,0.8);transition:0.25s} #main2020_02 .list_teacher .over .icon_comm {display:inline-block;overflow:hidden;width:32px;height:32px;border-radius:50%;text-indent:-999px;font-size:0;background:#fff url(/images/main2020/icon_home.png) 50% 50% no-repeat} #main2020_02 .list_teacher .over .tit {display:block;font-style:normal;padding-top:10px;font-size:20px;line-height:32px;color:#fff;letter-spacing:-0.025em} #main2020_02 .list_teacher .over .txt {display:table-cell;width:238px;height:100px;margin:0;padding:0 20px;box-sizing:border-box;font-size:14px;line-height:20px;color:#fff;text-align:center;letter-spacing:-0.025em;vertical-align:middle} #main2020_02 .list_teacher li .over * {opacity:0;transition:0.4s;margin-top:60px} #main2020_02 .list_teacher li:hover .over {height:100%;padding:32px 0;background-color:rgba(143,99,85,0.95)} #main2020_02 .list_teacher li:hover .over * {opacity:1;margin-top:0} #main2020_02 .rolling_area {float:left;position:relative;width:716px;height:228px} #main2020_02 .wrap_rolling {position:absolute;bottom:0;left:0;width:2390px;height:228px} #main2020_02 .swiper-rolling-button {overflow:hidden;position:absolute;bottom:-1px;left:-30px;z-index:100;width:40px} #main2020_02 .swiper-button-prev, #main2020_02 .swiper-button-next {position:static;float:left;width:40px;height:40px;margin-top:0;outline:0 none;transition:0.25s} #main2020_02 .swiper-button-prev {background:#fff url(/images/main2020/sec02_slide_prev.png) 50% 50% no-repeat;margin-bottom:1px} #main2020_02 .swiper-button-next {background:#fff url(/images/main2020/sec02_slide_next.png) 50% 50% no-repeat} /************************************************************** * [section_03] 임용 칼럼 & 특강 **************************************************************/ /* Layout */ #main2020_03 {position:relative;height:325px} #main2020_03 .bg {overflow:hidden} #main2020_03 .bg .left {float:left;width:50%;height:100%;background-color:#ece9e5} #main2020_03 .bg .right {float:right;width:50%;height:100%;background:url(/images/main2020/sec03_bg.jpg) 0 100% repeat-x} #main2020_03 .inner {overflow:hidden;position:absolute;top:0;left:50%;width:1080px;height:325px;margin-left:-540px;padding:45px 0;box-sizing:border-box;background-color:#ece9e5} /* 임용칼럼&특강 layout */ #main2020_03 .left_webzine {overflow:hidden;float:left;width:700px} #main2020_03 .left_webzine .headline {float:left;position:relative;margin:0 12px 0 0;font-weight:normal;font-size:18px;line-height:24px;color:#333;letter-spacing:-0.05em} #main2020_03 .left_webzine .headline:before {display:block;width:15px;height:1px;background-color:#333;content:''} #main2020_03 .right_sns {overflow:hidden;float:right;width:320px;height:230px;padding-bottom:18px;border-left:1px solid #dedad7;box-sizing:border-box} #main2020_03 .right_sns:after {display:block;position:absolute;bottom:0;left:50%;width:4px;height:18px;background:url(/images/main2020/sns_more.png) 0 0 no-repeat;content:''} #main2020_03 .right_review {float:right;width:320px;height:230px;padding:0 30px;border-left:1px solid #dedad7;box-sizing:border-box} #main2020_03 .right_review .headline {position:relative;margin:0 12px 16px 0;font-weight:normal;font-size:18px;line-height:24px;color:#333;letter-spacing:-0.05em} #main2020_03 .right_review .headline:before {display:block;width:15px;height:1px;background-color:#333;content:''} #main2020_03 .right_review .more {position:absolute;top:57px;right:30px;font-size:11px;color:#ab8b80;letter-spacing:-0.05em} /* 임용칼럼&특강 탭 */ #main2020_03 .tab_webzine {float:left;margin:0;padding:8px 0 0 0;font-size:0} #main2020_03 .tab_webzine li {display:inline-block;position:relative;padding:0 10px} #main2020_03 .tab_webzine li:before {display:block;position:absolute;top:4px;left:-1px;width:1px;height:11px;background-color:#d9d8d6;content:''} #main2020_03 .tab_webzine li:first-child:before {display:none} #main2020_03 .tab_webzine li a {font-size:12px;line-height:18px;color:#999;letter-spacing:-0.05em} #main2020_03 .tab_webzine li.active a {color:#009940} #main2020_03 .cont_webzine {display:none;float:left;position:relative;width:100%} #main2020_03 .cont_webzine.active {display:block} #main2020_03 .cont_webzine .more {position:absolute;top:-14px;right:0;font-size:11px;color:#ab8b80;letter-spacing:-0.05em} /* 임용칼럼&특강 리스트 */ #main2020_03 .list_webzine {overflow:hidden;width:100%;margin:0;padding:15px 0 0 0} #main2020_03 .list_webzine li {float:left;width:220px;margin-left:20px} #main2020_03 .list_webzine li:first-child {margin-left:0} #main2020_03 .list_webzine .thumbnail {display:block;overflow:hidden;width:220px;height:100px;margin-bottom:15px;background-color:#f7f7f7} #main2020_03 .list_webzine .title {display:block;font-weight:bold;font-size:12px;line-height:18px;color:#333;letter-spacing:-0.05em} #main2020_03 .list_webzine .text {display:block;height:36px;margin:0 0 8px 0;padding:0;font-size:12px;line-height:18px;color:#666;letter-spacing:-0.05em} #main2020_03 .list_webzine .link {display:block;width:60px;height:20px;font-size:11px;line-height:20px;color:#fff;text-align:center;letter-spacing:-0.05em;background-color:#ab8b80;transition:0.25s} #main2020_03 .list_webzine .link:hover {background-color:#a18176} /* SNS 리스트 */ #main2020_03 .list_sns {width:320px;margin:0;padding:0 0 0 38px;box-sizing:border-box} #main2020_03 .list_sns li {position:relative;width:100%;padding:20px 38px;box-sizing:border-box} #main2020_03 .list_sns li a {display:block} #main2020_03 .list_sns .icon_comm {position:absolute;top:29px;left:0;width:22px;height:22px} #main2020_03 .list_sns .icon_comm.facebook {background:url(/images/main2020/icon_facebook_on.png) 50% 50% no-repeat} #main2020_03 .list_sns .icon_comm.instagram {background:url(/images/main2020/icon_instagram02.png) 50% 50% no-repeat} #main2020_03 .list_sns .icon_comm.youtube {background:url(/images/main2020/icon_youtube_on.png) 50% 50% no-repeat} #main2020_03 .list_sns .icon_comm.blog {background:url(/images/main2020/icon_blog_on.png) 50% 50% no-repeat} #main2020_03 .list_sns .tit {display:block;overflow:hidden;font-weight:bold;font-size:13px;line-height:22px;color:#333;letter-spacing:-0.1em;white-space:nowrap;text-overflow:ellipsis} #main2020_03 .list_sns .tag {display:block;overflow:hidden;margin:0;font-size:12px;line-height:18px;color:#999;letter-spacing:-0.1em;word-break:break-all;white-space:nowrap;text-overflow:ellipsis} /* 수강후기 */ #main2020_03 .real_review .tit_review {position:relative;height:66px;padding:0 14px 0 74px;font-size:0;background-color:#a89f9d} #main2020_03 .real_review .tit_review:after {display:block;position:absolute;bottom:-10px;left:37px;width:22px;height:10px;background:url(/images/main2020/icon_review.png) 0 0 no-repeat;content:''} #main2020_03 .real_review .tit_review:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #main2020_03 .real_review .tit_review .lecture {display:inline-block;vertical-align:middle} #main2020_03 .real_review .subject {display:block;position:absolute;top:6px;left:8px;width:54px;height:54px;border-radius:50%;font-size:0;text-align:center;background-color:#d5b67a} #main2020_03 .real_review .subject:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #main2020_03 .real_review .subject span {display:inline-block;font-style:normal;font-weight:bold;font-size:13px;color:#fff;letter-spacing:-0.05em;vertical-align:middle} #main2020_03 .real_review .teacher {display:block;padding:0 0 3px 0;font-size:16px;color:#fff;letter-spacing:-0.05em} #main2020_03 .real_review .info {display:block;font-size:12px;line-height:14px;color:#111;letter-spacing:-0.05em} #main2020_03 .real_review .txt_review {padding:15px 0} #main2020_03 .real_review .txt_review .txt {overflow-x:hidden;overflow-y:auto;height:65px;margin:0;padding:0 20px 0 0;box-sizing:border-box;font-size:12px;line-height:18px;color:#666;letter-spacing:-0.05em} #main2020_03 .scrollbar-inner > .scroll-element .scroll-element_track {border-radius:2px;background-color:#fff} #main2020_03 .scrollbar-inner > .scroll-element .scroll-bar {border-radius:2px;background-color:#fddea1} #main2020_03 .real_review .link_review {display:block;height:36px;border:1px solid #fff;box-sizing:border-box;font-size:12px;line-height:36px;color:#ab8b80;text-align:center;letter-spacing:-0.05em;background-color:#fff;transition:0.2s} #main2020_03 .real_review.color1 .subject {background-color:#7ad5cb} /* 교육학 */ #main2020_03 .real_review.color1 .scrollbar-inner > .scroll-element .scroll-bar {background-color:#7ad5cb} #main2020_03 .real_review.color2 .subject {background-color:#d59c7a} /* 유아 */ #main2020_03 .real_review.color2 .scrollbar-inner > .scroll-element .scroll-bar {background-color:#d59c7a} #main2020_03 .real_review.color3 .subject {background-color:#d5b67a} /* 중등 */ #main2020_03 .real_review.color3 .scrollbar-inner > .scroll-element .scroll-bar {background-color:#fddea1} #main2020_03 .real_review.color4 .subject {background-color:#bad57a} /* 특수 */ #main2020_03 .real_review.color4 .scrollbar-inner > .scroll-element .scroll-bar {background-color:#bad57a} /************************************************************** * [section_04] 희소적중력, 합격수기인터뷰 **************************************************************/ /* Layout */ #main2020_04 {padding:71px 0 80px 0;background-color:#a89f9d} #main2020_04 .inner {width:1080px;margin:0 auto} #main2020_04 .headline {margin:0 0 38px 0;font-weight:normal;font-size:32px;color:#fff;text-align:center;letter-spacing:-0.1em} #main2020_04 .headline strong {display:inline-block;position:relative;padding:0 8px 0 2px;background:url(/images/main2020/sec04_headline_bg.jpg) 0 100% repeat-x} #main2020_04 .sec04_bottom {overflow:hidden;width:1080px;margin-bottom:47px} #main2020_04 .sec04_bottom .box {overflow:hidden;float:left} #main2020_04 .sec04_bottom .tit_comm {margin:0;font-weight:bold;font-size:20px;line-height:24px;color:#fff;text-align:center;letter-spacing:-0.075em} #main2020_04 .sec04_bottom .tit_comm:after {display:block;width:30px;height:1px;margin:3px auto 0;background-color:#fff;content:''} /* sec_04 띠배너 */ #main2020_04 .sec04_bnr_full {margin-bottom:30px;padding-bottom:25px;background:url(/images/main2020/sec04_bnr_fullShadow.png) 50% 100% no-repeat} #main2020_04 .sec04_bnr_full .link_bnr {display:block;width:1080px;height:120px;background-color:#ab8b80} /* 희소적중력 */ #main2020_04 .list_hit .list {height:231px;margin:0 0 46px 0;padding:0} #main2020_04 .list_hit .list li a {display:block;overflow:hidden;width:261px;height:231px;padding:25px 23px;box-sizing:border-box;background-color:#fff} #main2020_04 .list_hit .thumbnail {position:relative;height:70px;} #main2020_04 .list_hit .thumbnail:before {position:absolute;bottom:0;left:50%;width:1px;height:10px;background-color:#fff;content:''} #main2020_04 .list_hit .thumbnail img {position:absolute;bottom:0;right:4px;height:84px} #main2020_04 .list_hit .teacher {position:absolute;top:14px;left:20px;font-size:18px;line-height:18px;color:#fff;letter-spacing:-0.075em} #main2020_04 .list_hit .teacher .subject {display:block;font-weight:normal;font-style:normal;font-size:14px} #main2020_04 .list_hit .info {position:relative;margin:0;padding-top:24px;min-height:87px} #main2020_04 .list_hit .info:before {position:absolute;top:0;left:50%;width:1px;height:10px;background-color:#fff;content:''} #main2020_04 .list_hit .info:after {position:absolute;bottom:-5px;right:5px;width:48px;height:48px;border:3px solid #707070;border-radius:50%;background:url(/images/main2020/icon_hit.png) 50% 50% no-repeat;content:''} #main2020_04 .list_hit .info .tit {display:block;overflow:hidden;margin-bottom:4px;font-weight:bold;font-size:14px;line-height:20px;color:#009940;text-align:center;letter-spacing:-0.075em;white-space:nowrap;text-overflow:ellipsis} #main2020_04 .list_hit .info .txt {display:block;margin:0;padding:0;font-size:13px;line-height:19px;color:#333;text-align:center;letter-spacing:-0.075em} #main2020_04 .list_hit li:nth-child(odd) .thumbnail {background-color:#5ca77b} #main2020_04 .list_hit li:nth-child(even) .thumbnail {background-color:#d59c7a} #main2020_04 .list_hit li:nth-child(odd) .info:before {background-color:#009940} #main2020_04 .list_hit li:nth-child(even) .info:before {background-color:#df6c27} #main2020_04 .list_hit li:nth-child(odd) .info .tit {color:#009940} #main2020_04 .list_hit li:nth-child(even) .info .tit {color:#df6c27} #main2020_04 .list_hit li:last-child {margin-right:0} /* 합격수기인터뷰 banner01 (합격자인터뷰) */ #main2020_04 .banner01 {position:relative;width:320px;height:440px} #main2020_04 .banner01 img {transform:perspective(500px) scale(1);transition:1.5s} #main2020_04 .banner01 .link {position:absolute;top:0;left:0;width:100%;height:100%;padding:40px 0;box-sizing:border-box;text-align:center} #main2020_04 .banner01 .tit_comm {margin-bottom:102px} #main2020_04 .banner01 .icon_comm {width:58px;height:58px;margin-bottom:46px;border-radius:50%;background:rgba(255,255,255,0.8) url(/images/main2020/icon_play.png) 22px 50% no-repeat;transition:0.25s} #main2020_04 .banner01 .link:hover .icon_comm {background-color:#fff} #main2020_04 .banner01 .info dt {margin-bottom:18px;font-size:18px;line-height:20px;color:#fff;letter-spacing:-0.05em} #main2020_04 .banner01 .info dt strong {display:block;font-weight:bold;font-size:24px;line-height:25px} #main2020_04 .banner01 .info dd {margin:0;font-size:12px;line-height:22px;color:#fff;letter-spacing:-0.075em} #main2020_04 .banner01:hover img {transform:perspective(500px) scale(1.1) rotate(.001deg)} /* 합격수기인터뷰 banner02 (합격수기) */ #main2020_04 .banner02 {width:220px;height:440px} #main2020_04 .banner02 .top {float:left;position:relative;width:220px;height:220px;padding-top:40px;box-sizing:border-box;text-align:center;background-color:#fff} #main2020_04 .banner02 .top .tit_comm {margin-bottom:10px;color:#333} #main2020_04 .banner02 .top .tit_comm:after {background-color:#333} #main2020_04 .banner02 .top .sub_txt {display:block;margin-bottom:5px;font-size:14px;line-height:18px;color:#333;letter-spacing:-0.075em} #main2020_04 .banner02 .top .subject {display:block;margin-bottom:30px;font-weight:bold;font-size:22px;line-height:24px;color:#80ab87;letter-spacing:-0.075em} #main2020_04 .banner02 .top .subject span {display:inline-block;line-height:30px} #main2020_04 .banner02 .top .txt_tag {display:block;position:absolute;bottom:25px;left:0;padding:0 30px;font-size:12px;line-height:18px;color:#333;text-align:left;letter-spacing:-0.075em} #main2020_04 .banner02 .bottom {float:left;position:relative;width:220px;height:220px;padding:46px 20px 0 20px;box-sizing:border-box;background-color:#80ab87} #main2020_04 .banner02 .bottom:before {display:block;position:absolute;top:0;left:50%;width:40px;height:20px;margin-left:-20px;background:url(/images/main2020/arrow_bottom.png) 0 0 no-repeat;content:''} #main2020_04 .banner02 .bottom .txt_comment {display:block;margin:0 0 16px 0;padding:0;font-size:12px;line-height:18px;color:#fff;letter-spacing:-0.075em;transition:0.25s} #main2020_04 .banner02 .bottom .txt_comment:hover {text-decoration:underline} #main2020_04 .banner02 .bottom .more_link {font-size:12px;color:#333;letter-spacing:-0.075em} /* 합격수기인터뷰 banner03 (유아 배지윤) */ #main2020_04 .banner03 {width:540px;height:220px;background-color:#fff} #main2020_04 .banner03 .left {overflow:hidden;float:left;width:320px;height:220px} #main2020_04 .banner03 .left img {transform:perspective(500px) scale(1);transition:1.5s} #main2020_04 .banner03 .right {float:left;position:relative;width:220px;height:220px;padding:40px 30px 0 30px;box-sizing:border-box;background-color:#fff} #main2020_04 .banner03 .right:before {display:block;position:absolute;top:50%;left:-20px;z-index:100;width:20px;height:40px;margin-top:-20px;background:url(/images/main2020/arrow_left.png) 0 0 no-repeat;content:''} #main2020_04 .banner03 .right .tit_comm {margin-bottom:10px;color:#333} #main2020_04 .banner03 .right .tit_comm:after {background-color:#333} #main2020_04 .banner03 .right .sub_txt {display:block;margin-bottom:20px;font-size:14px;color:#ab8b80;text-align:center;letter-spacing:-0.075em} #main2020_04 .banner03 .right .txt_tag {font-size:12px;line-height:18px;color:#333;text-align:center;letter-spacing:-0.075em} #main2020_04 .banner03:hover .left img {transform:perspective(500px) scale(1.1) rotate(.001deg)} /* 합격수기인터뷰 banner04 (합격수기바로가기) */ #main2020_04 .banner04 {width:540px;height:220px} #main2020_04 .banner04 .left {overflow:hidden;float:left;position:relative;width:220px;height:220px;text-align:center;background-color:#ab8b80} #main2020_04 .banner04 .left img {transform:perspective(500px) scale(1);transition:1.5s} #main2020_04 .banner04 .left .link {position:absolute;top:0;left:0;width:100%;height:100%;padding:38px 20px 0 20px;box-sizing:border-box} #main2020_04 .banner04 .left .tit {display:block;font-weight:bold;font-size:20px;color:#fff;letter-spacing:-0.05em} #main2020_04 .banner04 .left .sub_txt {display:block;margin-bottom:17px;font-size:14px;color:#fff;letter-spacing:-0.05em} #main2020_04 .banner04 .left .icon_comm {width:45px;height:45px;border:1px solid rgba(255,255,255,0.8);border-radius:50%;background:url(/images/main2020/icon_play02.png) 16px 50% no-repeat} #main2020_04 .banner04 .right {float:right;width:320px;height:220px;padding:38px 36px;box-sizing:border-box;background-color:#ab8b80} #main2020_04 .banner04 .right .tit_comm {margin-bottom:22px;color:#fff} #main2020_04 .banner04 .right .tit_comm:after {background-color:#fff} #main2020_04 .banner04 .tag_list {overflow:hidden;margin:0;padding:0} #main2020_04 .banner04 .tag_list li {float:left;margin-right:28px;margin-bottom:17px} #main2020_04 .banner04 .tag_list li:nth-child(3n) {margin-right:0} #main2020_04 .banner04 .tag_list .tag {display:block;margin-bottom:5px;font-weight:normal;font-size:18px;line-height:20px;color:#fff6df;letter-spacing:-0.05em} #main2020_04 .banner04 .tag_list .click {display:block;width:50px;height:13px;margin-left:13px;padding:0 4px;box-sizing:border-box;border-radius:13px;font-family:'Noto Sans CJK KR',NotoSans;font-size:10px;line-height:13px;color:#ab8b80;background:#fff url(/images/main2020/icon_click.png) 90% 50% no-repeat} #main2020_04 .banner04 .left:hover img {transform:perspective(500px) scale(1.1) rotate(.001deg)} #main2020_04 .swiper-container-horizontal > .swiper-scrollbar {left:0;width:100%;border-radius:0} #main2020_04 .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {border-radius:0} /* 합격수기인터뷰 banner05 (CASE BY CASE 맞춤 합격 전략) */ #main2020_04 .banner05 * {font-family:'Noto Sans CJK KR', NotoSans} #main2020_04 .banner05 {width:100%;background-color:#565353} #main2020_04 .banner05 .case_title {float:left;width:320px;height:70px;margin:0;font-weight:bold;font-size:18px;line-height:70px;color:#fff;text-align:center;letter-spacing:-0.075em} #main2020_04 .banner05 .case_list {overflow:hidden;float:left;width:760px;height:70px;margin:0;padding:15px 0;box-sizing:border-box;font-size:0} #main2020_04 .banner05 .case_list li {float:left;width:136px;margin-right:4px;height:40px;border:1px solid #ab8b80;box-sizing:border-box} #main2020_04 .banner05 .case_list li:last-child {margin-right:0} #main2020_04 .banner05 .case_list a {display:block;overflow:hidden;height:38px;box-sizing:border-box;font-size:13px;line-height:38px;color:#ab8b80;text-align:center;letter-spacing:-0.05em;transition:0.25s} #main2020_04 .banner05 .case_list a:hover {color:#fff;background-color:#ab8b80} /************************************************************** * [section_05] 임용입문 & 시험정보 & 학습전략 **************************************************************/ /* Layout */ #main2020_05 * {font-family:'Noto Sans CJK KR', NotoSans} #main2020_05 .inner {overflow:hidden;width:1080px;margin:0 auto} #main2020_05 .inner .box {float:left;position:relative;width:33.333333%;height:280px;padding:34px 0 0 88px;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;box-sizing:border-box} #main2020_05 .inner .box.box03 {border-right:1px solid #dcdcdc} #main2020_05 .headline {margin:0 0 10px 0} #main2020_05 .headline .tit {position:relative;font-weight:bold;font-size:18px;line-height:26px;color:#333;letter-spacing:-0.05em} #main2020_05 .headline .tit:before {display:block;position:absolute;top:0;left:0;width:15px;height:1px;background-color:#333;content:''} #main2020_05 .headline .txt {margin:0;padding:0;font-size:13px;line-height:26px;color:#ab8b80;;letter-spacing:-0.05em} /* 아이콘 */ #main2020_05 .icon_comm {position:absolute;top:42px;left:26px;width:38px;height:38px} #main2020_05 .box01 .icon_comm {background-position:0 0} #main2020_05 .box02 .icon_comm {background-position:-40px 0} #main2020_05 .box03 .icon_comm {background-position:-80px 0} /* 리스트 */ #main2020_05 .list {margin:0;padding:0} #main2020_05 .list li {position:relative;padding-left:10px;height:28px} #main2020_05 .list li:before {display:block;position:absolute;top:13px;left:4px;width:2px;height:2px;border-radius:50%;background-color:#333;content:''} #main2020_05 .list .link {float:left;font-size:14px;line-height:28px;color:#333;letter-spacing:-0.05em;transition:0.3s} #main2020_05 .list .link:after {display:block;width:0;height:10px;margin-top:-10px;background-color:rgba(171,139,128,0.2);content:'';transition:0.25s} #main2020_05 .list .link:hover:after {width:100%;padding-right:2px} #main2020_05 .new {float:left;width:13px;height:13px;margin:8px 0 0 6px;border-radius:50%;box-sizing:border-box;font-size:0;line-height:1em;background:url(/images/main2020/icon_new_green.png) 0 0 no-repeat} /* 동행프로젝트 배너 */ #main2020_05 .bot_banner {overflow:hidden;width:100%;margin:0;padding:0} #main2020_05 .bot_banner li {float:left;width:50%} #main2020_05 .bot_banner li.left {background-color:#eaa13f} #main2020_05 .bot_banner li.right {background-color:#489a48} #main2020_05 .bot_banner .icon_comm {width:135px;height:31px;background-position:0 0 } #main2020_05 .bot_banner .link {display:block;height:100px;background:url(/images/main2020//banner_bot_bg.png) 95% 50% no-repeat} #main2020_05 .bot_banner .chapter {float:left;width:100px;height:100px;padding:24px 0 0 24px;box-sizing:border-box;font-size:14px;line-height:16px;color:#8ac58a;letter-spacing:-0.05em} #main2020_05 .bot_banner .chapter .num {display:block;font-style:normal;font-weight:bold} #main2020_05 .bot_banner .title {padding:0 30px;font-weight:400;font-size:24px;line-height:100px;color:#fff;letter-spacing:-0.075em;transition:0.25s} #main2020_05 .bot_banner li.left .chapter {color:#f8e4a5;background-color:#d29139} #main2020_05 .bot_banner li.right .chapter {color:#8ac58a;background-color:#418a41} #main2020_05 .bot_banner li.left .title {background-color:#eaa13f} #main2020_05 .bot_banner li.right .title {background-color:#489a48} /* 힘이되는 한마디 */ #main2020_05 .wise_saying {padding:43px 0 29px 0} #main2020_05 .wise_saying .inner {overflow:hidden;height:130px;border:1px solid #dcdcdc} #main2020_05 .wise_saying .title {float:left;width:262px;height:100%;background-color:#f9f9f9;text-align:center} #main2020_05 .wise_saying .hieroglyph {display:block;margin-bottom:7px;padding-top:16px;font-family:'본명조';font-style:normal;font-weight:normal;font-size:26px;color:#e3e3e3} #main2020_05 .wise_saying .headline {margin-bottom:7px;font-weight:bold;font-size:18px;color:#333} #main2020_05 .wise_saying .today {font-weight:normal;font-size:12px;color:#999;letter-spacing:0.1em;} #main2020_05 .wise_saying .saying {float:left;width:667px;padding:0 45px;box-sizing:border-box;font-size:0;} #main2020_05 .wise_saying .saying:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #main2020_05 .wise_saying .saying .txt {display:inline-block;margin:0;padding:0;font-size:18px;line-height:24px;color:#333;letter-spacing:-0.05em;vertical-align:middle;word-break:keep-all} #main2020_05 .wise_saying .name {float:right;position:relative;width:150px;padding-left:30px;box-sizing:border-box;font-size:0} #main2020_05 .wise_saying .name:before {display:block;position:absolute;top:-1px;left:0;width:1px;height:70px;background-color:#dcdcdc;content:''} #main2020_05 .wise_saying .name:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #main2020_05 .wise_saying .name .txt {display:inline-block;font-size:12px;color:#999;vertical-align:middle} /************************************************************** * [section_06] **************************************************************/ /* Layout */ #main2020_06 {padding:50px 0} #main2020_06 * {font-family:"Malgun Gothic"} #main2020_06 .inner {overflow:hidden;width:1080px;margin:0 auto} #main2020_06 .inner .box {float:left} #main2020_06 .inner .headline {margin:0 0 16px 0;font-weight:bold;font-size:14px;line-height:16px;color:#333;letter-spacing:-0.075em} /* 희소/쌤플러스 이용안내 */ #main2020_06 .box.consult {overflow:hidden;width:426px;margin-right:25px;border-right:1px solid #dcdcdc} #main2020_06 .consult_info {float:left;position:relative;padding:10px 0 0 24px} #main2020_06 .consult_info .title {position:absolute;top:0;left:0;width:60px;height:60px;padding:8px;box-sizing:border-box;font-weight:bold;font-size:12px;color:#fff;text-align:right;background-color:#999} #main2020_06 .consult_info .list {width:166px;height:142px;margin:0;padding:15px 0 15px 50px;box-sizing:border-box;background-color:#f7f7f7} #main2020_06 .consult_info .list li {position:relative;padding-left:5px;line-height:20px} #main2020_06 .consult_info .list li:before {display:block;position:absolute;top:11px;left:0;width:2px;height:1px;background-color:#959595;content:''} #main2020_06 .consult_info .list a {display:inline-block;font-size:12px;line-height:20px;color:#666;letter-spacing:-0.075em;transition:0.25s} #main2020_06 .consult_info .list a:hover {color:#000;text-shadow:1px 1px 1px #eee} #main2020_06 .consult_info.left {margin-right:20px} /* customer layout */ #main2020_06 .customer_top {overflow:hidden;width:628px;border-bottom:1px solid #dcdcdc} #main2020_06 .customer_top .comment {display:block;float:left;width:100%;box-sizing:border-box;margin:0 0 20px 0;padding:6px 0 6px 52px;font-size:12px;color:#3b1f1e;background-color:#fefce5} #main2020_06 .customer_top .comment strong {padding-left:10px;color:#a95000} #main2020_06 .customer_bottom {overflow:hidden;width:628px} #main2020_06 .customer_bottom .contact_info {padding-top:20px} #main2020_06 .customer_bottom .operate_info {padding-top:18px} /* 동영상/서울학원, 대구학원 연락처 */ #main2020_06 .box.contact {width:215px;padding:0 0 0 25px;border-left:1px solid #dcdcdc;box-sizing:border-box} #main2020_06 .contact_info {float:left;width:190px;margin:0;box-sizing:border-box} #main2020_06 .contact_info .title {font-weight:bold;font-size:14px;line-height:16px;color:#333;letter-spacing:-0.075em} #main2020_06 .contact_info .tel {margin:0;font-weight:bold;font-size:32px;color:#009940;letter-spacing:-0.025em} /* 운영시간 */ #main2020_06 .box.operate {overflow:hidden;width:439px} #main2020_06 .operate_info {float:left;width:146px;height:66px;margin:0;box-sizing:border-box} #main2020_06 .operate_info .title {margin-bottom:8px;font-weight:bold;font-size:12px;line-height:14px;color:#999;letter-spacing:-0.075em} #main2020_06 .operate_info .title a {font-size:10px;color:#ab8b80;letter-spacing:0} #main2020_06 .operate_info .info {margin:0;font-size:0;line-height:18px} #main2020_06 .operate_info .info strong {display:inline-block;width:50px;font-weight:normal;font-size:12px;line-height:16px;color:#000;letter-spacing:-0.075em} #main2020_06 .operate_info .info .time {display:inline-block;font-size:12px;line-height:16px;color:#000} /* 찾아오시는길 & 챗봇상담 버튼 */ #main2020_06 .etc_button {float:right;margin:27px 10px 0 0;padding:0;font-size:0} #main2020_06 .etc_button li {display:inline-block;position:relative} #main2020_06 .etc_button li:first-child:after {display:block;position:absolute;top:9px;right:0;width:1px;height:32px;content:'';background-color:#dcdcdc} #main2020_06 .etc_button li a {display:block;position:relative;height:50px;padding:0 20px 0 50px;box-sizing:border-box;font-weight:bold;font-size:12px;line-height:50px;color:#333;letter-spacing:-0.05em} #main2020_06 .etc_button li a .icon_comm {position:absolute} #main2020_06 .etc_button li a.mobile .icon_comm {top:10px;left:20px;width:23px;height:30px;background:url(/images/main2020/icon_mobile.png) 0 0 no-repeat} #main2020_06 .etc_button li a.location .icon_comm {top:10px;left:20px;width:23px;height:30px;background:url(/images/main2020/icon_location.png) 0 0 no-repeat} #main2020_06 .etc_button li a.chatbot .icon_comm {top:-5px;left:11px;width:36px;height:42px;background:url(/images/main2020/icon_chatbot.png) 0 0 no-repeat} /* 수강시작 & 재수강정책 안내, 쿠폰기간 종료안내 팝업 */ #lec-info {position: absolute; top: 26px; left: 50%; margin-left:240px; z-index: 9999;} #lec-info .infobox{display: block; position:relative; width: 260px; padding: 14px 15px; border: 1px solid #333; box-sizing: border-box; background-color: #fff; margin-bottom:3px;} #lec-info .infobox .lec-info-c{padding: 2px; line-height: 20px;} #lec-info .infobox .lec-info-c > p{margin:0;padding:10px 0;font-size: 13px;letter-spacing:-0.075em} #lec-info .infobox .lec-info-c > span{color:#008f36; font-size: 12px;} #lec-info .infobox .lec-info-c > span > em{font-style: normal; font-weight: bold; padding-left: 30px;} #lec-info .tit_lec-info{font-weight: bold; font-size: 14px; color: #333; text-align: left; letter-spacing: -0.05em;border-bottom: 1px solid #d4d4d4; display:block; padding-bottom: 10px;} #lec-info .close-lec-info{position: absolute; top: 16px; right: 20px; width: 13px; height: 13px; border: 0 none; font-size: 0; background: url(/campus_new/images/lecture/btn_benefits_close.png) 50% 50% no-repeat; cursor: pointer;} /******************************************************************* * [메인리뉴얼] 2020-11 ********************************************************************/ #wrapMainAll {position:relative;min-height:auto;margin:0;padding:0;border-bottom:0 none} #wrapMainAll * {font-family: "Noto Sans KR", sans-serif;} /******************************************************************* * [메인리뉴얼] 퀵배너 ( 2020-11 ) ********************************************************************/ /* 좌측 퀵배너 */ #quickLeft {position:absolute;top:26px;left:50%;z-index:500;margin-left:-815px; height: 370px;} #quickLeft .list_quick li {position:relative;width:120px;height:110px;} #quickLeft .list_quick li a {display:block;overflow:hidden;position:absolute;top:0;left:0;width:120px;height:120px;border-radius:50%;font-size:0;text-align:center;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2)} #quickLeft .list_quick li a:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #quickLeft .list_quick li .go {position:absolute;top:30px;right:-20px;z-index:30;width:43px;height:33px;font-size:0;background:url(/images/main2020/quick_go.png) 0 0 no-repeat;transition:0.2s} #quickLeft .list_quick li:nth-child(1) a {z-index:20} #quickLeft .list_quick li:nth-child(1) .bnr {margin-top:-8px} #quickLeft .list_quick li:nth-child(1) .tit {color:#7d5500} #quickLeft .list_quick li:nth-child(2) a {z-index:19} #quickLeft .list_quick li:nth-child(2) .tit {color:#007d4a} #quickLeft .list_quick li:nth-child(3) a {z-index:18} #quickLeft .list_quick li:nth-child(3) .tit {color:#005e7d} #quickLeft .list_quick li:hover .go {animation:quick_go 1s linear infinite alternate} /* 우측 퀵배너 */ #quickRight {position:absolute; top:854px;right:0;z-index:1000;width:145px;height:553px} #quickRight.fix {position:absolute; top: 854px} #quickRight:after {display:block;clear:both;content:''} #quickRight .btn_quick {float:left;position:relative;width:25px;height:25px;margin-left:1px;margin-top:-1px;border:1px solid #dcdcdc;font-size:0;background-color:#fff} #quickRight .btn_quick:before, #quickRight .btn_quick:after {position:absolute;left:9px;width:6px;height:1px;background-color:#aaa;content:'';transition:0.2s} #quickRight .btn_quick:before {top:9px;transform:rotate(45deg)} #quickRight .btn_quick:after {top:13px;transform:rotate(-45deg)} #quickRight .btn_quick.open:before {transform:rotate(-45deg)} #quickRight .btn_quick.open:after {transform:rotate(45deg)} #quickRight .inner {position:absolute;top: -1px; right:0} #quickRight .list_quick {width:120px;} #quickRight .list_quick:after {display:block;clear:both;content:''} #quickRight .list_quick li {width:120px;box-sizing:border-box;} #quickRight .list_quick li a {display:block;position:relative;width:120px;height:100px; box-sizing:border-box;font-size:0;transition:0.2s} /* #quickRight .list_quick li img {position:absolute;bottom:0;right:-1px} */ #quickRight .list_quick .bnr {display:inline-block;padding:18px 0 0 12px} #quickRight .list_quick .bnr .subtit {display:block;font-style:normal;font-size:13px;line-height:15px;color:#999;letter-spacing:-0.075em} #quickRight .list_quick .bnr .tit {display:block;font-size:16px;line-height:18px;color:#333;letter-spacing:-0.075em} #quickRight .list_quick li.gray {border-bottom:0 none} #quickRight .list_quick li.gray a {height:70px;} #quickRight .list_quick li.gray .bnr {margin-top:-2px} #quickRight .list_quick li.gray .bnr .subtit {font-weight:400;color:#fff} #quickRight .list_quick li.gray .bnr .tit {font-weight:700;color:#fff} #quickRight .list_quick li.sis {margin-top:0} #quickRight .list_quick li.hire {margin-top:0} #quickRight .list_quick li.sis a {border: 1px solid #dcdcdc;background:#fff url('/images/main2020/quick_icon_sis.png')no-repeat 80px 50px;} #quickRight .list_quick li.sis a .subtit{color:#999 !important;} #quickRight .list_quick li.sis a .tit{color:#333 !important;} #quickRight .list_quick li.hire a {border: 1px solid #dcdcdc; background:#fff url('/images/main2020/quick_icon_hire.png')no-repeat 80px 50px;} #quickRight .list_quick li.hire a .subtit{color:#999 !important;} #quickRight .list_quick li.hire a .tit{color:#333 !important;} #quickRight .list_quick li.gong9{background-color: #d1121b;} #quickRight .list_quick li.gong9 a {border: 1px solid #dcdcdc;} #quickRight .list_quick li img.hi {bottom:auto;right:auto;top:-13px;left:12px} #quickRight .list_quick li:nth-child(1) a {height:99px} #quickRight .list_quick li:nth-child(1):hover img.hi {animation:quick_hi 1s linear infinite alternate} /* #quickRight .list_quick li.sis:hover a {border-color:#dcdcdc;background:#fff} #quickRight .list_quick li.hire:hover a {border-color:#dcdcdc;background:#fff} */ #quickRight .list_handy {margin-top:20px} #quickRight .list_handy li {text-align:center} #quickRight .list_handy li a {display:inline-block} #quickRightHandy {display:none;position:fixed;top:580px;right:30px;z-index:990;transition:0.2s} #quickRightHandy .list_handy .chat {margin-top:3px} #quickRightHandy .list_handy .top {margin-top:-1px;border:1px solid #dcdcdc;border-radius:50%;background-color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.1)} #quickRight .list_quick .list_calender{background: #fff; padding:19px 0;} #quickRight .list_quick .list_calender img{margin-bottom: 10px; text-align:center;} #quickRight .list_quick ul li{line-height:1;} #quickRight .list_quick ul li:first-child{margin-bottom:6px;line-height:1;} #quickRight .list_quick ul li span.list_calender_title{width: 60px; height: 24px; border-radius:30px; background:#333; color:#fff; text-align:center; font-size: 13px; display: inline-block; line-height:24px; font-weight: 300;} #quickRight .list_quick ul li .list_calender_cnt{font-size:18px; letter-spacing: -2px;font-weight: 800;} /******************************************************************* * [메인리뉴얼] 메인비주얼 mainHeesoVisual ( 2020-11 ) ********************************************************************/ #mainHeesoVisual {overflow:hidden;position:relative;height:395px;background-color:#eee} #mainHeesoVisual .main_visual {height:395px} #mainHeesoVisual .main_visual .swiper-slide {position:relative;height:395px} #mainHeesoVisual .main_visual .swiper-slide a {display:block;position:absolute;top:0;left:50%;margin-left:-960px} /* 메인비주얼:메뉴영역*/ #mainHeesoVisual .visual_list {position:absolute;bottom:0;left:0;z-index:10;width:100%;} #mainHeesoVisual .visual_list .inner {position:relative;width:1080px;height:45px;margin:0 auto} #mainHeesoVisual .visual_list .inner:after {display:block;clear:both;content:''} #mainHeesoVisual .visual_list .wrap_slider {float:left;max-width:904px} #mainHeesoVisual .visual_list .list {margin:0;padding:0} #mainHeesoVisual .visual_list .list li {width:181px !important;box-sizing:border-box;padding-top:3px;padding-left:1px} #mainHeesoVisual .visual_list .list li:first-child {padding-left:0} #mainHeesoVisual .visual_list .list li span {display:block;position:relative;height:42px;box-sizing:border-box;font-weight:300;font-size:13px;line-height:42px;color:#fff;text-align:center;letter-spacing:-0.025em;background-color:rgba(255,255,255,0.1);cursor:pointer;transition:0.35s} #mainHeesoVisual .visual_list .list li span:before {display:block;position:absolute;top:-3px;left:0;width:0;height:3px;background-color:#fff;content:''} #mainHeesoVisual .visual_list .list li.swiper-slide-thumb-active span {position:relative;font-weight:500} #mainHeesoVisual .visual_list .list li.swiper-slide-thumb-active span:before {width:100%;left:0;transition:3s} #mainHeesoVisual .visual_list .list li:hover span {background-color:rgba(255,255,255,0.2)} #mainHeesoVisual .visual_list .inner .btn_more {float:left;position:relative;width:46px;height:45px;margin-left:1px;border:0 none;font-size:0;background-color:rgba(255,255,255,0.1);transition:0.2s} #mainHeesoVisual .visual_list .inner .btn_more:before {display:block;position:absolute;top:18px;left:18px;width:10px;height:10px;background:url(/images/main2020/visual_more.png) 0 0 no-repeat;content:''} #mainHeesoVisual .visual_list .inner .btn_more:hover {background-color:rgba(255,255,255,0.2)} /* 메인비주얼:컨트롤영역*/ #mainHeesoVisual .visual_list .swiper_control {overflow:hidden;position:absolute;bottom:0;right:0;z-index:10;width:128px;height:45px;font-size:0;text-align:center;} #mainHeesoVisual .visual_list .swiper_control:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #mainHeesoVisual .visual_list .swiper-pagination-fraction {display:inline-block;position:static;width:auto;font-weight:400;font-size:14px;line-height:17px;color:#000;vertical-align:middle} #mainHeesoVisual .visual_list .swiper-pagination-current {font-weight:700;font-size:14px;line-height:18px;color:#fff} #mainHeesoVisual .visual_list .swiper-pagination-total {margin-right:5px;font-weight:700;font-size:14px;line-height:18px;color:#000} #mainHeesoVisual .visual_list .swiper-stop {display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,0.7);border-radius:50%;background:url(/images/main2020/visual_stop.png) 50% 50% no-repeat;cursor:pointer;vertical-align:middle} #mainHeesoVisual .visual_list .swiper-stop.play {border-color:#fff;background:url(/images/main2020/main_visual_play.png) 55% 50% no-repeat} #mainHeesoVisual .swiper-button-prev, #mainHeesoVisual .swiper-button-next {top:168px;width:30px;height:60px;margin:0;outline:0 none;transition:0.2s} #mainHeesoVisual .swiper-button-prev {left:50%;margin-left:-640px} #mainHeesoVisual .swiper-button-next {right:50%;margin-right:-640px} #mainHeesoVisual .swiper-button-prev:before, #mainHeesoVisual .swiper-button-prev:after, #mainHeesoVisual .swiper-button-next:before, #mainHeesoVisual .swiper-button-next:after {display:block;position:absolute;left:-5px;width:40px;height:2px;background-color:rgba(255,255,255,0.7);content:'';box-shadow:0 5px 7px rgba(0,0,0,0.2);transition:0.2s} #mainHeesoVisual .swiper-button-prev:before {top:14px;transform:rotate(-45deg)} #mainHeesoVisual .swiper-button-prev:after {top:42px;transform:rotate(45deg)} #mainHeesoVisual .swiper-button-next:before {top:14px;transform:rotate(45deg)} #mainHeesoVisual .swiper-button-next:after {top:42px;transform:rotate(-45deg)} #mainHeesoVisual .swiper-button-prev:hover:before, #mainHeesoVisual .swiper-button-prev:hover:after, #mainHeesoVisual .swiper-button-next:hover:before, #mainHeesoVisual .swiper-button-next:hover:after {background-color:#fff} /* 메인비주얼:이벤트전체보기 */ #mainHeesoVisual .event_all {display:none;position:absolute;bottom:0;left:0;z-index:80;width:100%;height:100%;background-color:#dbdbdb} #mainHeesoVisual .event_all .inner {position:relative;width:1080px;height:395px;margin:0 auto} #mainHeesoVisual .event_all .btn_close {display:block;overflow:hidden;position:absolute;top:18px;right:0;width:66px;height:28px;padding:0;border:2px solid #333;border-radius:28px;background:transparent} #mainHeesoVisual .event_all .btn_close:after {display:block;clear:both;content:''} #mainHeesoVisual .event_all .btn_close .txt {float:right;padding-right:6px;font-weight:700;font-size:14px;color:#333;letter-spacing:-0.035em;transition:0.2s} #mainHeesoVisual .event_all .btn_close .icon_x {float:left;position:relative;width:11px;height:10px;margin-top:6px} #mainHeesoVisual .event_all .btn_close .icon_x:before, #mainHeesoVisual .event_all .btn_close .icon_x:after {position:absolute;top:4px;left:8px;width:11px;height:2px;background-color:#333;content:'';transition:0.2s} #mainHeesoVisual .event_all .btn_close .icon_x:before {transform:rotate(45deg)} #mainHeesoVisual .event_all .btn_close .icon_x:after {transform:rotate(-45deg)} #mainHeesoVisual .event_all .btn_close.close .txt {overflow:hidden;width:0;padding:0;opacity:0} #mainHeesoVisual .event_all .list_event {padding-top:64px;} #mainHeesoVisual .event_all .list_event:after {display:block;clear:both;content:''} #mainHeesoVisual .event_all .list_event li {float:left;width:340px;height:120px;margin:0 30px 30px 0} #mainHeesoVisual .event_all .list_event li:nth-child(3n) {margin-right:0} #mainHeesoVisual .event_all .list_event li a img {transition:0.2s} #mainHeesoVisual .event_all .list_event li a {display:block;transition:0.2s} #mainHeesoVisual .event_all .list_event li a:hover {box-shadow:3px 3px 5px #aaa} #mainHeesoVisual .event_all .list_event li a:hover img {margin:-2px 0 0 0} /******************************************************************* * [메인리뉴얼] 희소제대로즐기세요 ( 2020-11 ) ********************************************************************/ #mainHeesoEnjoy {overflow:hidden;min-height:322px;padding:46px 0 40px 0;background-color:#eee} #mainHeesoEnjoy .inner {width:1080px;margin:0 auto} #mainHeesoEnjoy .headline {margin-bottom:8px;font-weight:500;font-size:20px;line-height:24px;color:#333;letter-spacing:-0.075em} #mainHeesoEnjoy .list_enjoy {position:relative;width:1080px;height:290px;margin:0 auto;opacity:0} #mainHeesoEnjoy .list_enjoy .swiper-container {position:absolute;top:0;left:50%;width:1630px;height:290px;padding-right:10px;margin-left:-815px;} #mainHeesoEnjoy .list_enjoy .swiper-slide {width:255px;} #mainHeesoEnjoy .list_enjoy .swiper-slide.swiper-slide-active {width:530px !important} #mainHeesoEnjoy .list_enjoy .swiper-slide.swiper-slide-active img {-webkit-filter:grayscale(100%);filter:gray} #mainHeesoEnjoy .list_enjoy .swiper-slide a {display:block;overflow:hidden;position:relative;width:255px;height:270px;margin:10px 0;border-radius:17px;box-shadow:2px 3px 5px rgba(0,0,0,0.1);transition:0.2s} #mainHeesoEnjoy .list_enjoy .swiper-slide:not(.gray) a:hover {box-shadow:2px 3px 5px rgba(0,0,0,0.3)} #mainHeesoEnjoy .fix_enjoy {display:block;overflow:hidden;position:absolute;top:10px;left:0;z-index:10;border-radius:17px;box-shadow:2px 3px 5px rgba(0,0,0,0.2);transition:0.2s} #mainHeesoEnjoy .fix_enjoy:hover {box-shadow:2px 3px 5px rgba(0,0,0,0.4)} #mainHeesoEnjoy .swiper-pagination-fraction {display:none;position:static;width:auto;margin-top:-1px;margin-right:5px;font-weight:400;font-size:12px;color:#000;text-align:center;opacity:0} #mainHeesoEnjoy .swiper-pagination-current {margin-right:-3px;font-weight:900;font-size:16px} #mainHeesoEnjoy .swiper-pagination-total {margin-left:-2px;font-weight:900;font-size:16px} #mainHeesoEnjoy .swiper-button-prev, #mainHeesoEnjoy .swiper-button-next {top:125px;height:36px;margin:0;border:2px solid #000;border-radius:72px;background-color:#fff;outline:0 none;box-shadow:2px 3px 5px rgba(0,0,0,0.4);transition:0.2s} #mainHeesoEnjoy .swiper-button-prev {left:-50px;width:36px} #mainHeesoEnjoy .swiper-button-next {right:-50px;width:36px;text-align:right} #mainHeesoEnjoy .swiper-button-prev .arrow, #mainHeesoEnjoy .swiper-button-next .arrow {display:inline-block;position:relative;width:9px;height:15px} #mainHeesoEnjoy .swiper-button-prev .arrow {margin-left:-3px} #mainHeesoEnjoy .swiper-button-prev .arrow:before, #mainHeesoEnjoy .swiper-button-prev .arrow:after, #mainHeesoEnjoy .swiper-button-next .arrow:before, #mainHeesoEnjoy .swiper-button-next .arrow:after {display:block;position:absolute;width:11px;height:2px;background-color:#000;content:''} #mainHeesoEnjoy .swiper-button-prev .arrow:before {top:3px;left:0;transform:rotate(-45deg)} #mainHeesoEnjoy .swiper-button-prev .arrow:after {top:9px;left:0;transform:rotate(45deg)} #mainHeesoEnjoy .swiper-button-next .arrow:before {top:3px;left:0;transform:rotate(45deg)} #mainHeesoEnjoy .swiper-button-next .arrow:after {top:9px;left:0;transform:rotate(-45deg)} #mainHeesoEnjoy .swiper-button-next:hover {width:72px} #mainHeesoEnjoy .swiper-button-next:hover .swiper-pagination-fraction {display:block;animation:fraction_ani 0.2s linear forwards;animation-delay:0.2s} #mainHeesoEnjoy .list_enjoy.no_slide .swiper-container {width:1100px;margin-left:-550px;padding-right:0} #mainHeesoEnjoy .list_enjoy.no_slide .swiper-slide {margin-right:20px} #mainHeesoEnjoy .list_enjoy.no_slide .swiper-slide:first-child {padding-left:275px;} #mainHeesoEnjoy .list_enjoy.no_slide .swiper-button-prev {display:none} #mainHeesoEnjoy .list_enjoy.no_slide .swiper-button-next {display:none} #mainHeesoEnjoy .list_enjoy.no_slide.slide_cnt_4 .swiper-container {width:1500px;margin-left:-540px} #mainHeesoEnjoy .list_enjoy.no_slide.slide_cnt_5 .swiper-container {width:1900px;margin-left:-816px} #mainHeesoEnjoy .list_enjoy.no_slide.slide_cnt_5 .swiper-slide:first-child {padding-left:0;padding-right:275px} /******************************************************************* * [메인리뉴얼] 희소뉴스&희소쌤소식&시험정보&오늘의Pick mainBoardPick ( 2020-11 ) ********************************************************************/ #mainBoardPick {margin-bottom:50px} #mainBoardPick .inner {width:1080px;margin:0 auto;} #mainBoardPick .inner:after {display:block;clear:both;content:''} #mainBoardPick .box_board {float:left;position:relative;width:356px;height:302px; background-color: #fff; border:1px solid #ECECEC; border-radius: 10px; padding:30px 0 36px 30px;box-sizing:border-box; margin-left: 6px;} #mainBoardPick .box_board:first-child{margin-left: 0;} #mainBoardPick .box_board .headline {margin-bottom:15px;font-weight:500;font-size:20px;line-height:24px;color:#333;letter-spacing:-0.075em;} #mainBoardPick .box_board .more {position:absolute;top:37px;right:30px;font-weight:500;font-size:12px;line-height:24px;color:#333;letter-spacing:-0.025em} #mainBoardPick .box_board .more i svg{width: 10px; height: 10px; stroke: #333; stroke-width: 1px; fill: none; transition: transform 0.4s; margin-left: 4px;} #mainBoardPick .list_board li {overflow:hidden;position:relative;margin-bottom:8px;padding-left:6px;line-height:18px;letter-spacing:-0.075em} #mainBoardPick .list_board li:last-child {margin-bottom:0} #mainBoardPick .list_board li:before {display:block;position:absolute;top:9px;left:0;width:2px;height:2px;background-color:#5d5d5d;content:''} #mainBoardPick .list_board li a {display:inline-block;overflow:hidden;float:left;max-width:88%;padding-right:4px;font-size:14px;line-height:20px;color:#333;white-space:nowrap;text-overflow:ellipsis;transition:0.2s} #mainBoardPick .list_board li.fix a {color:#007d4a} #mainBoardPick .list_board li.fix:before {background-color:#42926c} #mainBoardPick .list_board li:hover a {margin-left:3px;text-decoration:none} #mainBoardPick .list_board .new {float:left;width:13px;height:13px;margin:4px 0 0 0;border-radius:50%;box-sizing:border-box;font-weight:bold;font-size:0;line-height:1em;background:url(/images/main2020/icon_new.png) 0 0 no-repeat} #mainBoardPick .today_pick {overflow:hidden;float:left;width:100%;height:60px;margin-bottom:0;background-color: #333; margin-top: 8px; border-radius: 10px;} #mainBoardPick .today_pick:after {display:block;clear:both;content:''} #mainBoardPick .today_pick .headline {float:left;width:185px;height:60px;padding-left:28px;box-sizing:border-box;font-weight:500;font-size:20px;line-height:60px;color:#fff;letter-spacing:-0.075em} #mainBoardPick .today_pick .saying {float:left;position:relative;width:884px;box-sizing:border-box;font-size:0;} #mainBoardPick .today_pick .saying:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #mainBoardPick .today_pick .saying .txt {display:inline-block;box-sizing:border-box;font-weight:400;font-size:13px;color:#fff;letter-spacing:-0.025em;vertical-align:middle} #mainBoardPick .today_pick .saying .by {color:#A2A2A2} #mainBoardPick .today_pick .event {overflow:hidden;float:right;position:relative;width:170px;height:60px} #mainBoardPick .today_pick .event:after {display:block;position:absolute;top:12px;left:0;width:1px;height:36px;background-color:#dcdcdc;content:''} /******************************************************************* * [메인리뉴얼] 선생님 추천강의/이벤트 mainRecommend ( 2020-11 ) ********************************************************************/ #mainRecommend {margin-bottom:50px} #mainRecommend .inner {width:1080px;margin:0 auto} #mainRecommend .headline {margin-bottom:18px;font-weight:500;font-size:20px;line-height:24px;color:#333;letter-spacing:-0.075em;} #mainRecommend .list_recommend:after {display:block;clear:both;content:''} #mainRecommend .list_recommend li {float:left;position:relative;margin:0 1px 1px 0} #mainRecommend .list_recommend li:after {display:block;position:absolute;top:12px;left:22px;z-index:1;width:56px;height:56px;border-radius:50%;opacity:0.8;content:''} #mainRecommend .list_recommend li a {display:block;overflow:hidden;position:relative;width:359px;height:80px;padding-left:96px;box-sizing:border-box;font-size:0} #mainRecommend .list_recommend li a:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #mainRecommend .list_recommend .thum {display:block;overflow:hidden;position:absolute;top:10px;left:20px;z-index:10;width:60px;height:60px;border-radius:50%;} #mainRecommend .list_recommend .icon {position:absolute;top:0;right:0;min-width:30px;padding:0 3px;font-family:"Malgun Gothic";font-weight:bold;font-size:11px;line-height:14px;color:#fff;text-align:center;letter-spacing:-0.075em;background-color:#007d4a} #mainRecommend .list_recommend .icon.icon1 {background-color:#007d4a} /* new */ #mainRecommend .list_recommend .icon.icon2 {background-color:#d34006} /* hot */ #mainRecommend .list_recommend .icon.icon3 {background-color:#e1814f} /* 이벤트 */ #mainRecommend .list_recommend .icon.icon4 {background-color:#333} /* 마감임박 */ #mainRecommend .list_recommend .icon.icon5 {background-color:#5ca77b} /* 선착순 */ #mainRecommend .list_recommend .text {display:inline-block;vertical-align:middle} #mainRecommend .list_recommend .text .title .tit02 {display:block;font-weight:400;font-size:14px;line-height:18px;color:#333;letter-spacing:-0.025em} #mainRecommend .list_recommend .text .title .point {display:block;font-weight:700;font-size:18px;line-height:20px;letter-spacing:-0.025em} #mainRecommend .list_recommend .text .teacher {display:block;font-size:12px;line-height:20px;color:#999;letter-spacing:-0.025em} #mainRecommend .list_recommend .text .teacher strong {font-weight:400;color:#333} #mainRecommend .list_recommend li:nth-child(1) {background-color:#edeff2} #mainRecommend .list_recommend li:nth-child(2) {background-color:#f2f0ed} #mainRecommend .list_recommend li:nth-child(3) {background-color:#edf2ed} #mainRecommend .list_recommend li:nth-child(4) {background-color:#e5e8ec} #mainRecommend .list_recommend li:nth-child(5) {background-color:#ece9e5} #mainRecommend .list_recommend li:nth-child(6) {background-color:#e6ece5} #mainRecommend .list_recommend li:nth-child(3n):after {background-color:#c3dec6} #mainRecommend .list_recommend li:nth-child(3n) .thum {background-color:#c3dec6} #mainRecommend .list_recommend li:nth-child(3n) .title .point{color:#007d4a} #mainRecommend .list_recommend li:nth-child(3n-1):after {background-color:#decdc3} #mainRecommend .list_recommend li:nth-child(3n-1) .thum {background-color:#decdc3} #mainRecommend .list_recommend li:nth-child(3n-1) .title .point{color:#7d5500} #mainRecommend .list_recommend li:nth-child(3n-2):after {background-color:#c3cfde} #mainRecommend .list_recommend li:nth-child(3n-2) .thum {background-color:#c3cfde} #mainRecommend .list_recommend li:nth-child(3n-2) .title .point{color:#004a7d} #mainRecommend .list_recommend li:hover:after {animation:round_ani 1s ease-out infinite} /******************************************************************* * [메인리뉴얼] 선생님별 강의과정 mainCurriculum ( 2020-11 ) ********************************************************************/ #mainCurriculum {margin-bottom:50px;background:#f5f4f2 url(/images/main2020/bg_curriculum.jpg) 50% 0 no-repeat} #mainCurriculum .inner {position:relative;width:1080px;height:401px;margin:0 auto} #mainCurriculum .inner:after {display:block;clear:both;content:''} #mainCurriculum .prof_info {width:1080px;height:401px} #mainCurriculum .lnb_curriculum {position:absolute;top:0;left:0;z-index:20;width:160px;background-color:#c2b2a3} #mainCurriculum .lnb_curriculum .list_subject {padding:18px 0} #mainCurriculum .lnb_curriculum .list_subject li a {display:block;position:relative;height:40.4px;padding-left:26px;border:1px solid #c2b2a3;box-sizing:border-box;font-weight:500;font-size:14px;line-height:40.4px;color:#fff;letter-spacing:-0.05em;transition:0.2s} #mainCurriculum .lnb_curriculum .list_subject li.active {border-color:#dcdcdc} #mainCurriculum .lnb_curriculum .list_subject li.active a {border-color:#dcdcdc;color:#333;background-color:#fff} #mainCurriculum .lnb_curriculum .list_subject li.active a:after {display:block;position:absolute;top:0;right:-2px;z-index:20;width:2px;height:100%;background-color:#fff;content:''} #mainCurriculum .lnb_curriculum .list_subject li a:hover {text-decoration:none} #mainCurriculum .lnb_curriculum .depth02 {display:none;overflow:hidden;position:absolute;top:0;left:160px;z-index:10;height:100%} #mainCurriculum .lnb_curriculum .depth02:after {display:block;clear:both;content:''} #mainCurriculum .lnb_curriculum .list_teacher {float:left;width:160px;height:100%;padding:15px 0 0 19px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing:border-box;background-color:#fff} #mainCurriculum .lnb_curriculum .list_teacher:first-child {border-left:1px solid #dcdcdc} #mainCurriculum .lnb_curriculum .list_teacher:last-child {border-right:1px solid #dcdcdc} #mainCurriculum .lnb_curriculum .list_teacher:after {display:block;clear:both;content:''} #mainCurriculum .lnb_curriculum .list_teacher li {float:left;width:140px;line-height:24px;margin-bottom:10px} #mainCurriculum .lnb_curriculum .list_teacher li:last-child {margin-bottom:0} #mainCurriculum .lnb_curriculum .list_teacher li a {border-bottom:1px solid #fff;box-sizing:border-box;font-size:13px;line-height:24px;color:#666;white-space:nowrap;transition:0.2s} #mainCurriculum .lnb_curriculum .list_teacher li a:hover {border-color:#007d4a;color:#007d4a;text-decoration:none;} #mainCurriculum .photo_teacher {overflow:hidden;position:absolute;top:0;left:0;z-index:0;width:540px;height:401px} #mainCurriculum .photo_teacher img {position:absolute;bottom:0;left:0;width:auto;height:401px;margin-left:-100px;opacity:0} #mainCurriculum .info_teacher {float:right;width:540px;padding:52px 0 48px 0} #mainCurriculum .info_teacher .information {padding:0 12px;margin-bottom:38px} #mainCurriculum .info_teacher .information dt {display:inline-block;position:relative;margin-bottom:13px;padding-right:46px} #mainCurriculum .info_teacher .information dd {font-weight:300;font-size:18px;line-height:24px;color:#666;letter-spacing:-0.05em} #mainCurriculum .info_teacher .teacher {display:block;font-size:36px;line-height:45px;color:#333;letter-spacing:-0.05em} #mainCurriculum .info_teacher .teacher:before {position:absolute;bottom:0;left:0;width:29px;height:2px;background-color:#333;content:''} #mainCurriculum .info_teacher .teacher strong {font-weight:700} #mainCurriculum .info_teacher .home {display:inline-block;position:absolute;top:7px;right:0;width:35px;height:35px;border-radius:50%;font-size:0;background:#c2b2a3;transition:0.2s} #mainCurriculum .info_teacher .home:before {display:block;position:absolute;top:0;right:0;z-index:2;width:35px;height:35px;border-radius:50%;background-color:#c2b2a3;opacity:0.8;content:'';transition:0.2s} #mainCurriculum .info_teacher .home:after {display:block;position:absolute;top:0;right:0;z-index:3;width:35px;height:35px;background:url(/images/main2020/teacher_home.png) 50% 50% no-repeat;content:''} #mainCurriculum .info_teacher .home:hover:before {animation:round_ani 1s ease-out infinite} #mainCurriculum .info_teacher a {display:block;} #mainCurriculum .info_teacher a:hover {text-decoration:none} #mainCurriculum .list_curriculum {width:500px} #mainCurriculum .list_curriculum li {display:table;width:100%;margin-bottom:1px;background-color:rgba(236,233,229,0.7)} #mainCurriculum .list_curriculum .title {display:table-cell;height:38px;padding:10px;box-sizing:border-box;font-weight:600;font-size:16px;line-height:16px;color:#333;vertical-align:middle} #mainCurriculum .list_curriculum .open {display:table-cell;position:relative;width:88px;height:38px;padding-right:15px;font-weight:500;font-size:12px;line-height:16px;color:#d34006;text-align:right;vertical-align:middle} #mainCurriculum .list_curriculum .week {display:table-cell;width:32px;height:38px;font-weight:500;font-size:12px;line-height:16px;color:#333;text-align:left;vertical-align:middle} #mainCurriculum .list_curriculum .txt {display:none;margin:0 0 24px 0;font-size:13px;line-height:16px;color:#666;word-break:keep-all} #mainCurriculum .list_curriculum.layout_2 {display:table;border-collapse:separate;border-spacing:10px;margin:-10px} #mainCurriculum .list_curriculum.layout_2 li {display:table-cell;width:245px;padding:16px 20px 15px 20px;box-sizing:border-box} #mainCurriculum .list_curriculum.layout_2 li:after {display:block;clear:both;content:''} #mainCurriculum .list_curriculum.layout_2 li:first-child {margin-right:10px} #mainCurriculum .list_curriculum.layout_2 .title {display:block;width:100%;height:40px;margin-bottom:5px;padding:0;font-weight:600;font-size:18px;line-height:20px;text-align:left;word-break:keep-all} #mainCurriculum .list_curriculum.layout_2 .open {display:block;float:left;position:relative;width:auto;height:auto;padding-right:20px;font-size:14px;line-height:20px} #mainCurriculum .list_curriculum.layout_2 .open:after {display:block;position:absolute;top:4px;right:10px;width:1px;height:13px;background-color:#c7bdb3;content:''} #mainCurriculum .list_curriculum.layout_2 .open:last-child {padding-right:0} #mainCurriculum .list_curriculum.layout_2 .open:last-child:after {display:none} #mainCurriculum .list_curriculum.layout_2 .week {display:block;float:left;width:auto;height:auto;font-size:14px;line-height:20px;text-align:left} #mainCurriculum .list_curriculum.layout_2 .txt {display:block;min-height:32px} #mainCurriculum .list_curriculum.layout_1:after {display:block;clear:both;content:''} #mainCurriculum .list_curriculum.layout_1 li {display:block;width:100%;padding:16px 20px 15px 20px;box-sizing:border-box} #mainCurriculum .list_curriculum.layout_1 li:after {display:block;clear:both;content:''} #mainCurriculum .list_curriculum.layout_1 .title {display:block;width:100%;height:auto;margin-bottom:4px;padding:0;font-weight:600;font-size:18px;line-height:20px;text-align:left} #mainCurriculum .list_curriculum.layout_1 .open {display:block;float:left;width:auto;height:auto;padding-right:20px;font-size:14px;line-height:20px} #mainCurriculum .list_curriculum.layout_1 .open:after {display:block;position:absolute;top:4px;right:11px;width:1px;height:13px;background-color:#c7bdb3;content:''} #mainCurriculum .list_curriculum.layout_1 .open:last-child {padding-right:0} #mainCurriculum .list_curriculum.layout_1 .open:last-child:after {display:none} #mainCurriculum .list_curriculum.layout_1 .week {display:block;float:left;width:auto;height:auto;font-size:14px;line-height:20px;text-align:left} #mainCurriculum .list_curriculum.layout_1 .txt {display:block} /******************************************************************* * [메인리뉴얼] 임용 칼럼&특강 mainColumnSpecial ( 2020-11 ) ********************************************************************/ #mainColumnSpecial {min-height:136px;margin-bottom:46px} #mainColumnSpecial .inner {width:1080px;margin:0 auto} #mainColumnSpecial .menu_column {margin-bottom:12px;height:24px;font-size:0; position: relative;} #mainColumnSpecial .menu_column:before {display:inline-block;width:0;height:100%;vertical-align:top;content:''} #mainColumnSpecial .menu_column .headline {display:inline-block;font-weight:500;font-size:20px;line-height:24px;color:#333;letter-spacing:-0.075em;vertical-align:top} #mainColumnSpecial .menu_column .tab_column {display:inline-block;vertical-align:top} #mainColumnSpecial .more {position: absolute; top: 9px; right: 10px; font-weight: 500; font-size: 12px; color: #333; letter-spacing: -0.025em;} #mainColumnSpecial .tab_column:after {display:block;clear:both;content:''} #mainColumnSpecial .tab_column li {float:left;position:relative;padding:0 10px} #mainColumnSpecial .tab_column li:before {display:block;position:absolute;top:11px;left:0;width:1px;height:11px;background-color:#dcdcdc;content:''} #mainColumnSpecial .tab_column li:first-child:before {display:none} #mainColumnSpecial .tab_column li a {display:block;font-size:14px;line-height:30px;color:#999;letter-spacing:-0.025em} #mainColumnSpecial .cont_column {display:none} #mainColumnSpecial .cont_column#contColumn1 {display:block} #mainColumnSpecial .list_column:after {display:block;clear:both;content:''} #mainColumnSpecial .list_column li {float:left;width:208px;height:95px;margin-right:10px} #mainColumnSpecial .list_column li:last-child {margin-right:0} #mainColumnSpecial .list_column a {display:block;width:208px;height:95px} #mainColumnSpecial .list_column a img {max-width:100%;transition:0.2s} #mainColumnSpecial .list_column a:hover img {margin-top:-5px} #mainColumnSpecial.mainColumnSpecial_v2 .swiper-wrapper {height: auto;} #mainColumnSpecial.mainColumnSpecial_v2 .list_column li {padding-top: 5px;} /******************************************************************* * [메인리뉴얼] 희소적중력 mainPassReview ( 2020-11 ) ********************************************************************/ #mainHeesoHit {margin-bottom:46px} #mainHeesoHit .inner {width:1080px;margin:0 auto} #mainHeesoHit .headline {margin-bottom:17px;font-weight:500;font-size:20px;line-height:24px;color:#333;letter-spacing:-0.075em} #mainHeesoHit .heeso_hit {position:relative;height:227px;padding:0 37px;box-sizing:border-box;} #mainHeesoHit .heeso_hit:after {display:block;clear:both;content:''} #mainHeesoHit .heeso_hit li {float:left;width:25%;} #mainHeesoHit .heeso_hit li a {display:block;height:227px;padding:26px 18px 0 18px;box-sizing:border-box;background-color:#eef3f6;transition:0.2s} #mainHeesoHit .heeso_hit .hit {display:block;position:absolute;bottom:-18px;left:50%;z-index:3;width:38px;height:38px;margin-left:-19px;border-radius:50%;background:#d34006 url(/images/main2020/txt_hit.png) 50% 50% no-repeat;transition:0.2s} #mainHeesoHit .heeso_hit .hit:before {display:block;position:absolute;bottom:0;left:50%;z-index:2;width:38px;height:38px;margin-left:-19px;border-radius:50%;background-color:rgba(211,64,6,0.4);opacity:0;content:'';transition:0.2s} #mainHeesoHit .heeso_hit .thumbnail {display:block;position:relative;width:215px;height:70px;margin-bottom:24px;font-size:0;background-color:#fff;transition:0.2s} #mainHeesoHit .heeso_hit .thumbnail:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #mainHeesoHit .heeso_hit .thumbnail img {position:absolute;bottom:0;right:0} #mainHeesoHit .heeso_hit .teacher {display:inline-block;padding-left:20px;font-weight:700;font-size:18px;line-height:20px;color:#333;letter-spacing:-0.025em;vertical-align:middle} #mainHeesoHit .heeso_hit .teacher .subject {display:block;font-style:normal;font-weight:400;font-size:14px} #mainHeesoHit .heeso_hit .info {text-align:center;} #mainHeesoHit .heeso_hit .info dt {display:block;font-weight:500;font-size:14px;line-height:24px;color:#004a7d;letter-spacing:-0.025em} #mainHeesoHit .heeso_hit .info dd {display:block;font-weight:400;font-size:13px;line-height:20px;color:#333;letter-spacing:-0.025em;word-break:keep-all} #mainHeesoHit .heeso_hit a:hover {text-decoration:none} #mainHeesoHit .heeso_hit a:hover .hit:before {animation:round_ani 1s ease-out infinite;} #mainHeesoHit .heeso_hit .swiper-button-prev, #mainHeesoHit .heeso_hit .swiper-button-next {top:0;width:36px;height:227px;margin:0;background-color:#eef3f6;outline:0 none;transition:0.2s} #mainHeesoHit .heeso_hit .swiper-button-prev {left:0} #mainHeesoHit .heeso_hit .swiper-button-next {right:0} #mainHeesoHit .heeso_hit .swiper-button-prev:before, #mainHeesoHit .heeso_hit .swiper-button-prev:after, #mainHeesoHit .heeso_hit .swiper-button-next:before, #mainHeesoHit .heeso_hit .swiper-button-next:after {display:block;position:absolute;left:12px;width:11px;height:2px;background-color:#bec9d8;content:'';transition:0.2s} #mainHeesoHit .heeso_hit .swiper-button-prev:before {top:110px;transform:rotate(-45deg)} #mainHeesoHit .heeso_hit .swiper-button-prev:after {top:117px;transform:rotate(45deg)} #mainHeesoHit .heeso_hit .swiper-button-next:before {top:110px;transform:rotate(45deg)} #mainHeesoHit .heeso_hit .swiper-button-next:after {top:117px;transform:rotate(-45deg)} #mainHeesoHit .heeso_hit .swiper-button-prev:hover, #mainHeesoHit .heeso_hit .swiper-button-next:hover {background-color:#dae1e9} #mainHeesoHit .heeso_hit .swiper-button-prev:hover:before, #mainHeesoHit .heeso_hit .swiper-button-prev:hover:after, #mainHeesoHit .heeso_hit .swiper-button-next:hover:before, #mainHeesoHit .heeso_hit .swiper-button-next:hover:after {background-color:#fff} /******************************************************************* * [메인리뉴얼] 합격인터뷰&합격수기 mainPassReview ( 2020-11 ) ********************************************************************/ #mainPassReview {margin-bottom:20px} #mainPassReview .inner {width:1080px;margin:0 auto} #mainPassReview .inner:after {display:block;clear:both;content:''} #mainPassReview .headline {margin-bottom:16px;font-weight:500;font-size:20px;line-height:24px;color:#333;letter-spacing:-0.075em} #mainPassReview .more {position:absolute;top:9px;right:10px;font-weight:500;font-size:12px;color:#333;letter-spacing:-0.025em} /* 합격인터뷰 */ #mainPassReview .box_interview {float:left;position:relative;width:690px;padding-right:170px;box-sizing:border-box} #mainPassReview .view_interview {overflow:hidden;width:520px;height:300px;margin:0;background-color:#f0f0f0} #mainPassReview .view_interview a {display:block;position:relative;width:520px;height:300px} #mainPassReview .view_interview a:before {display:block;position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;content:'';background-color:#fff;transform:scale(1);opacity:0} #mainPassReview .view_interview a:after {display:block;position:absolute;top:50%;left:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(255,255,255,0.8) url(/images/main2020/play_interview.png) 56% 50% no-repeat;content:'';transition:0.4s} #mainPassReview .view_interview a .slogan {display:inline-block;overflow:hidden;position:absolute;bottom:20px;left:21px;max-width:480px;margin:0;padding:4px 8px;box-sizing:border-box;font-weight:500;font-size:20px;line-height:24px;color:#fff;letter-spacing:-0.05em;word-break:keep-all;background-color:#000} #mainPassReview .view_interview a .subject {display:block;position:absolute;top:0;right:0;z-index:100;height:20px;padding:0 8px;font-weight:500;font-size:13px;line-height:20px;color:#fff;letter-spacing:-0.075em;background-color:#333;transition:0.2s} #mainPassReview .view_interview a:hover .subject {background-color:#007d4a} #mainPassReview .view_interview a:hover:before {animation:round_ani 1s ease-out infinite} #mainPassReview .list_interview {position:absolute;bottom:0;right:0;width:160px;height:300px} #mainPassReview .list_interview li {display:block;height:100px;transition:0.2s} #mainPassReview .list_interview li:nth-child(1) {background-color:#f9f9f9} #mainPassReview .list_interview li:nth-child(2) {background-color:#f5f5f5} #mainPassReview .list_interview li:nth-child(3) {background-color:#f1f1f1} #mainPassReview .list_interview li a {display:block;overflow:hidden;position:relative;width:160px;height:100px} #mainPassReview .list_interview li a:after {display:block;position:absolute;top:50%;left:50%;z-index:101;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:rgba(255,255,255,0.8) url(/images/main2020/play_interview_small.png) 56% 50% no-repeat;content:'';opacity:0;transition:0.4s} #mainPassReview .list_interview .subject {display:block;position:absolute;top:0;right:0;z-index:100;height:20px;padding:0 8px;font-weight:500;font-size:13px;line-height:20px;color:#fff;letter-spacing:-0.075em;background-color:#333;transition:0.2s} #mainPassReview .list_interview .img_wrapper {opacity:0.9;transition:0.2s} #mainPassReview .list_interview li:hover {box-shadow:0 0 10px rgba(0,0,0,0.2)} #mainPassReview .list_interview li:hover .subject {background-color:#007d4a} #mainPassReview .list_interview li:hover .img_wrapper {opacity:1} #mainPassReview .list_interview li:hover a:after {opacity:1} /* 합격수기 */ #mainPassReview .box_review {float:right;position:relative;width:360px} #mainPassReview .tab_review {margin-top:-1px} #mainPassReview .tab_review:after {display:block;content:'';clear:both} #mainPassReview .tab_review {margin-bottom:-1px;border:1px solid #dcdcdc;border-bottom:0 none;background-color:#fff} #mainPassReview .tab_review li {float:left;position:relative;width:20%;border-left:1px solid #dcdcdc;box-sizing:border-box;background-color:#f7f7f7;transition:0.2s} #mainPassReview .tab_review li:first-child {border-left:0 none;} #mainPassReview .tab_review li:after {display:block;position:absolute;bottom:0;left:0;z-index:10;width:100%;height:1px;content:'';background-color:#dcdcdc} #mainPassReview .tab_review li a {display:block;height:34px;box-sizing:border-box;font-weight:400;font-size:14px;line-height:33px;color:#999;text-align:center;letter-spacing:-0.075em} #mainPassReview .tab_review li.active {background-color:#fff} #mainPassReview .tab_review li.active a {font-weight:500;color:#333;border-bottom-color:#fff} #mainPassReview .tab_review li.active:after {background-color:#fff} #mainPassReview .tab_review li a:hover {text-decoration:none} #mainPassReview .tab_review li:not(.active):hover {background-color:#f0f0f0} #mainPassReview .cont_review {display:none;position:relative;height:266px;padding:25px 19px 0 19px;border:1px solid #dcdcdc;border-top:0 none;box-sizing:border-box} #mainPassReview .cont_review#contReview2 {display:block} #mainPassReview .cont_review .tit {display:block;margin-bottom:3px;font-weight:700;font-size:18px;line-height:24px;color:#333;letter-spacing:-0.05em} #mainPassReview .cont_review .tit em {font-style:normal;color:#007d4a} #mainPassReview .cont_review .txt {overflow:hidden;width:320px;height:120px;margin:9px 0;padding:20px 15px;box-sizing:border-box;font-size:13px;line-height:20px;color:#333;letter-spacing:-0.05em;background-color:#f7f7f7} #mainPassReview .cont_review .tag {display:block;overflow:hidden;max-height:32px;margin:0;font-size:13px;line-height:16px;color:#999;letter-spacing:-0.05em;word-break:keep-all} #mainPassReview .cont_review .lnk {display:inline-block;position:absolute;bottom:16px;left:34px;font-weight:500;font-size:14px;line-height:24px;color:#333;letter-spacing:-0.05em} #mainPassReview .cont_review .lnk:hover {color:#007d4a} /* 고객브랜드 충성도 */ #mainawards .inner {width: 1080px; margin: 0 auto; margin-bottom: 50px;} #mainMidBanner .inner {width: 1080px; margin: 0 auto; margin-bottom: 50px;} /******************************************************************* * [메인리뉴얼] 초시생&시험정보&공부법 mainMaterial ( 2020-11 ) ********************************************************************/ #mainMaterial .inner {width:1080px;margin:0 auto} #mainMaterial .box_material {position:relative;margin-bottom:10px;padding:15px 15px 15px 275px;box-sizing:border-box;transition:0.2s} #mainMaterial .box_material:last-child {margin-bottom:0} #mainMaterial .box_material .title {position:absolute;top:0;left:0;padding:24px 0 0 40px;box-sizing:border-box;font-weight:400;font-size:16px;line-height:20px;color:#333;letter-spacing:-0.05em} #mainMaterial .box_material .title:before {position:absolute;top:0;left:21px;width:3px;height:42px;content:''} #mainMaterial .box_material .title strong {font-weight:700} #mainMaterial .box_material .list:after {display:block;clear:both;content:''} #mainMaterial .box_material .list li {overflow:hidden;float:left;position:relative;width:150px;height:60px;margin-right:10px;box-shadow:0 0 5px rgba(0,0,0,0.09);transition:0.2s} #mainMaterial .box_material .list li:last-child {margin-right:0} #mainMaterial .box_material .list li:before {display:block;position:absolute;bottom:0;left:-100%;z-index:10;width:100%;height:3px;border-radius:100px;content:''} #mainMaterial .box_material .list li a {display:block;position:relative;width:150px;height:60px;padding:0 20px;font-size:0;box-sizing:border-box;background-color:#fff} #mainMaterial .box_material .list li a:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''} #mainMaterial .box_material .list li a:after {display:block;position:absolute;top:22px;right:10px;width:17px;height:17px;border-radius:50%;content:''} #mainMaterial .box_material .list li a span {display:inline-block;position:relative;font-weight:500;font-size:13px;line-height:16px;color:#333;letter-spacing:-0.025em;vertical-align:middle;transition:0.2s} #mainMaterial .box_material.green {background-color:#e6ece5} #mainMaterial .box_material.green .title:before {background-color:#c3dec6} #mainMaterial .box_material.green .list li a:after {background:#c3dec6 url(/images/main2020/icon_material_01.png) 50% 50% no-repeat} #mainMaterial .box_material.green .list li:before{ background: -webkit-gradient(linear, left top, right top, from(transparent), to(#c3dec6)); background: linear-gradient(90deg, transparent, #c3dec6)} #mainMaterial .box_material.purple {background-color:#e6e5ec} #mainMaterial .box_material.purple .title:before {background-color:#cdc3de} #mainMaterial .box_material.purple .list li a:after {background:#cdc3de url(/images/main2020/icon_material_02.png) 50% 50% no-repeat} #mainMaterial .box_material.purple .list li:before{ background: -webkit-gradient(linear, left top, right top, from(transparent), to(#cdc3de)); background: linear-gradient(90deg, transparent, #cdc3de)} #mainMaterial .box_material.blue {background-color:#e5eaec} #mainMaterial .box_material.blue .title:before {background-color:#c3cfde} #mainMaterial .box_material.blue .list li a:after {background:#c3cfde url(/images/main2020/icon_material_03.png) 50% 50% no-repeat} #mainMaterial .box_material.blue .list li:before{ background: -webkit-gradient(linear, left top, right top, from(transparent), to(#c3cfde)); background: linear-gradient(90deg, transparent, #c3cfde)} #mainMaterial .box_material .list li:hover:before {left:100%;-webkit-transition:1.5s;transition: 1.5s} #mainMaterial .box_material.green:hover {background-color:#ebf1ea} #mainMaterial .box_material.purple:hover {background-color:#ebeaf1} #mainMaterial .box_material.blue:hover {background-color:#eaeff1} /******************************************************************* * [메인리뉴얼] 이용안내 mainInfomation ( 2020-11 ) ********************************************************************/ /* Layout */ #mainInfomation {padding:50px 0} #mainInfomation .inner {width:1080px;margin:0 auto} #mainInfomation .inner:after {display:block;clear:both;content:''} #mainInfomation .inner .headline {margin:0 0 16px 0;font-weight:bold;font-size:14px;line-height:16px;color:#333;letter-spacing:-0.075em} /* 이용안내 */ #mainInfomation .box_consult {overflow:hidden;float:left;width:455px} #mainInfomation .consult_info {float:left;width:195px} #mainInfomation .consult_info.left {width:190px;margin-right:20px} #mainInfomation .consult_info .title {display:block;height:40px;padding:0 20px;box-sizing:border-box;font-weight:500;font-size:14px;line-height:40px;color:#fff;background-color:#999;letter-spacing:-0.025em;transition:0.2s} #mainInfomation .consult_info .list {height:144px;padding:10px 20px;box-sizing:border-box;background-color:#f7f7f7;transition:0.2s} #mainInfomation .consult_info .list li {position:relative;padding-left:7px;box-sizing:border-box} #mainInfomation .consult_info .list li:before {display:block;position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:50%;background-color:#666;content:''} #mainInfomation .consult_info .list li a {display:block;font-weight:500;font-size:13px;line-height:21px;color:#666;letter-spacing:-0.025em;transition:0.2s} #mainInfomation .consult_info .list li a:hover {margin-left:3px;color:#333;text-decoration:none} #mainInfomation .consult_info:hover .title {background-color:#888;} #mainInfomation .consult_info:hover .list {background-color:#f4f4f4;} /* customer layout */ #mainInfomation .box_customer {float:right;width:625px;box-sizing:border-box} #mainInfomation .box_customer:after {display:block;clear:both;content:''} #mainInfomation .box_customer.top {margin:-4px 0 34px 0;} #mainInfomation .box_customer.middle {height: 1px; background-color:#f7f7f7} #mainInfomation .box_customer.bottom {height:56px; margin-top: 20px;} /* 동영상&서울학원&대구학원 연락처 */ #mainInfomation .contact_info {float:left;width:202px;padding-left:10px;box-sizing:border-box} #mainInfomation .contact_info .title {display:block;font-weight:500;font-size:14px;line-height:18px;color:#333;letter-spacing:-0.075em} #mainInfomation .contact_info .tel {margin:0;font-weight:500;font-size:32px;line-height:40px;color:#333;letter-spacing:-0.025em} #mainInfomation .kakao_txt{float: left; width: 340px; padding-left: 55px; padding-top: 15px; box-sizing: border-box; position: relative;} #mainInfomation .kakao_txt:before{content:''; display: inline-block; width: 36px; height: 36px; background:url('/images/main2020/bu_kakao_txt.png')no-repeat 50% 50%;position: absolute;left: 10px;} #mainInfomation .kakao_txt dt{color: #333; font-size: 12px;} #mainInfomation .kakao_txt dd{color: #007d4a; font-size: 14px;} /* 운영시간 */ #mainInfomation .operate_info {float:left;margin-right:30px} #mainInfomation .operate_info:last-child {margin-right:0} #mainInfomation .operate_info .title {margin-bottom:7px;font-size:13px;line-height:17px;color:#999;letter-spacing:-0.025em} #mainInfomation .operate_info .title a {font-family:"Malgun Gothic";font-weight:bold;font-size:10px;color:#000;letter-spacing:0} #mainInfomation .operate_info .info {font-size:13px;line-height:18px;color:#000;letter-spacing:-0.025em} #mainInfomation .operate_info .info strong {display:inline-block;min-width:48px;font-weight:400} #mainInfomation .box_customer.bottom .operate_info {margin-right:0} /* 모바일소개 & 찾아오시는길 */ #mainInfomation .etc_button {float:right;font-size:0; background-color: #f7f7f7;padding: 5px 0;border-radius: 10px;} #mainInfomation .etc_button li {display:inline-block;position:relative} #mainInfomation .etc_button li:first-child:after {display:block;position:absolute;top:9px;right:0;width:1px;height:32px;content:'';background-color:#dcdcdc} #mainInfomation .etc_button li a {display:block;position:relative;height:50px;padding:0 20px 0 50px;box-sizing:border-box;font-weight:500;font-size:14px;line-height:50px;color:#333;letter-spacing:-0.05em} #mainInfomation .etc_button li a .icon_comm {position:absolute;top:11px;left:20px;height:30px} #mainInfomation .etc_button li a.mobile .icon_comm {width:25px;background:url(/images/main2020/icon_mobile_02.png) 0 0 no-repeat} #mainInfomation .etc_button li a.location .icon_comm {width:21px;background:url(/images/main2020/icon_location_02.png) 0 0 no-repeat} #mainInfomation .etc_button li a:hover .icon_comm {animation:jumping 0.2s ease-out infinite alternate;} /******************************************************************* * [메인리뉴얼] keyframe ( 2020-11 ) ********************************************************************/ @keyframes quick_go { 0% {margin:0} 10% {margin:-3px -4px 0 0} 20% {margin:0} 30% {margin:-3px -4px 0 0} 40% {margin:0} 100% {margin:0} } @keyframes quick_hi { 0% {transform:scale(0.8)} 10% {transform:scale(1)} 20% {transform:scale(0.8)} 30% {transform:scale(1)} 100% {transform:scale(1)} } @keyframes quick_img { 0% {opacity:1} 100% {opacity:0.6} } @keyframes jumping { 0% {margin-top:0} 100% {margin-top:-3px} } @keyframes round_ani { 0% {transform:scale(1);opacity:0.8} 100% {transform:scale(1.6);opacity:0} } @keyframes fraction_ani{ 0% {opacity:0} 100% {opacity:1} }