@charset "utf-8"; #wrap{min-width: 1395px;}
 #container .inner{width: 100%; max-width: 1395px;}
 #container { position:relative;}
 #container > div{clear: both; position: relative;}
 .main_cont_top{background: url("/images/edu/main/bg_cont_top.jpg?build_20251211010") no-repeat center top; height:880px;}
 .main_cont_top .main_txt { display:block; margin:0 auto; text-align:center; width: 540px; padding: 78px 0 0;}
 .main_cont_top .main_txt span {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat 0 0; width:540px; height:67px; display:block; text-indent:-9999px;}
 .main_cont_top .main_txt h2 {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -180px -91px; width:244px; height:26px; display:block; text-indent:-9999px;margin: 23px auto 0;}
 .cont_warp { margin-top:67px;width: 100%;display: inline-block;}
 .cont_warp .btn_link {float:left; width:10.76%;}
 .cont_warp .btn_link li { margin-bottom:10px;}
 .cont_warp .btn_link li:last-child {margin-bottom:0;}
 .cont_warp .btn_link li a { display: inline-block; height: 115px; text-align:center; width:100%; border-radius:5px; color:#fff; font-size:20px; transition: ease-in-out 0.3s;}
 .cont_warp .btn_link li.bank a { background-color:#4db848}
 .cont_warp .btn_link li.bank a:hover {background-color:#20791c}
 .cont_warp .btn_link li.receive a { background-color:#157bbd}
 .cont_warp .btn_link li.receive a:hover {background-color:#144c71}
 .cont_warp .btn_link li.mypage a { background-color:#40434c}
 .cont_warp .btn_link li.mypage a:hover { background-color:#222633}
 .cont_warp .btn_link li.voucher a {background-color:#c83232}
 .cont_warp .btn_link li.voucher a:hover {background-color:#c10d1b}
 .cont_warp .btn_link li a span.ico {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -180px -91px; width:47px; height:40px; display:block; margin: 24px auto 10px;}
 .cont_warp .btn_link li.bank a span.ico { background-position:-7px -153px}
 .cont_warp .btn_link li.receive a span.ico { background-position:-82px -153px}
 .cont_warp .btn_link li.mypage a span.ico { background-position:-155px -153px}
 .cont_warp .btn_link li.voucher a span.ico { background-position:0 -297px; width:57px; height:42px;}
 .cont_warp .btn_link li a span.r_bg {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -180px -91px; width:150px; height:30px; display:block; margin:17px auto 0;}
 .cont_warp .btn_link li.bank a span.r_bg { background-position:-6px -374px}
 .cont_warp .btn_link li.receive a span.r_bg { background-position:-171px -374px}
 .cont_warp .btn_link li.mypage a span.r_bg { background-position:-336px -374px}
 .cont_warp .course {float:left; width:71.4%; height:484px; background: rgba(255,255,255,.9); margin-left:2.465%;border-radius:5px;}
 .cont_warp .course h3 { font-size:32px; display:block; margin:44px 0 0 40px;font-weight: 400;}
 .cont_warp .course > ul { width:92%; margin-left:4%;margin-top: 30px; height: 340px;background: url("/images/edu/main/bg_line.png?build_20251211010") repeat-x 0 0 scroll;position: relative;}
 .cont_warp .course > ul > li > h4 { display: inline-block; float: left; font-size: 18px; text-align: center; height: 57px; line-height: 60px; width: 16.66666666%; font-weight: 300;}
 .cont_warp .course > ul > li > h4 a { height: 57px; padding:0 5px 16px 5px;text-align: center;}
 .cont_warp .course > ul > li > h4 a.on {border-bottom: 2px solid #222; color: #222; font-weight: bold;padding: 0 5px 15px 5px;}
 .cont_warp .course > ul .bx-wrapper{display:block; position:absolute; left:0; top:80px; width:100%;}
 .cont_warp .course > ul ul.class_list {}
 .cont_warp .course > ul ul.class_list > li { float:left;  height:259px; background-color:#f5f5f5; }
 .cont_warp .course > ul ul.class_list > li:last-child {margin-right:0;}
 .cont_warp .course > ul ul.class_list > li strong { display:block; font-size:22px; width:86%; margin:30px 0 0 7%; color:#000}
 .cont_warp .course > ul ul.class_list > li span.info { color:#727272;display:block;overflow: hidden;width:86%; margin:20px 0 0 7%; min-height:44px;}
 .cont_warp .course > ul ul.class_list > li .time_sp {margin:18px 0 0 7%;}
 .cont_warp .course > ul ul.class_list > li .time_sp li {padding: 0 0 0 8px; background: url("/images/edu/main/bg_dot.gif?build_20251211010") no-repeat 0 10px scroll; color: #2a2a2a;font-weight: 400;}
 .cont_warp .course > ul ul.class_list > li .class_btn {margin:16px 0 0 7%; width:86%;}
 .cont_warp .course > ul ul.class_list > li .class_btn li {width: 50%; float: left; height: 42px; line-height: 42px; color: #fff;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.more { background-color:#4b4b4b}
 .cont_warp .course > ul ul.class_list > li .class_btn li.more a { display:block; color:#fff; transition: ease-in-out 0.3s;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.more a:hover { background-color:#c10d1b}
 .cont_warp .course > ul ul.class_list > li .class_btn li.ing, .cont_warp .course > ul ul.class_list > li .class_btn li.receipt_ing { background-color:#3465c2;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.s_wait, .cont_warp .course > ul ul.class_list > li .class_btn li.receipt_wait { background-color:#13bbdf;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.s_confirm, .cont_warp .course > ul ul.class_list > li .class_btn li.stop, .cont_warp .course > ul ul.class_list > li .class_btn li.end, .cont_warp .course > ul ul.class_list > li .class_btn li.course_end { background-color:#7c7c7c;}
 .cont_warp .course > ul ul.class_list > li .class_btn li span.ico {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -180px -91px; width:17px; height:17px; display: inline-block; text-indent:-9999px;margin: 0 5px 0 15px;vertical-align: middle;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.ing span.ico, .cont_warp .course > ul ul.class_list > li .class_btn li.receipt_ing span.ico { background-position: -22px -240px;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.s_wait span.ico, .cont_warp .course > ul ul.class_list > li .class_btn li.receipt_wait span.ico { background-position: -54px -240px;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.s_confirm span.ico, .cont_warp .course > ul ul.class_list > li .class_btn li.stop span.ico, .cont_warp .course > ul ul.class_list > li .class_btn li.end span.ico, .cont_warp .course > ul ul.class_list > li .class_btn li.course_end span.ico { background-position: -86px -240px;}
 .cont_warp .course > ul ul.class_list > li .class_btn li.more span.ico { background-position: -133px -240px;}
 .cont_warp .course > ul > li .class_control {position: absolute; width: 138px; top:-60px; right:46px;}
 .cont_warp .course > ul > li .class_control a{float: left; width: 40px; height: 40px; line-height: 34px; border:2px solid #333; border-radius:50%; box-sizing:border-box; background-color: #fff; text-align: center; margin-left: 6px; transition: ease-in-out 0.3s;}
 .cont_warp .course > ul > li .class_control a:hover{ background-color:#ffcd33}
 .cont_warp .course > ul > li .class_control a span.icon{display: inline-block; vertical-align: middle; background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat 0 -111px; text-indent: -99999px;}
 .cont_warp .course > ul > li .class_control a.prev span.icon{width: 17px; height: 14px; background-position: -270px -167px;}
 .cont_warp .course > ul > li .class_control a.next span.icon{width: 17px; height: 14px; background-position: -361px -167px;}
 .cont_warp .course > ul > li .class_control a.stop span.icon{width: 10px; height: 12px; background-position: -319px -168px;}
 .cont_warp .course > ul > li .class_control a.play span.icon{width: 10px; height: 12px; background-position: -339px -168px;}
 .cont_warp .course > ul > li p.more {position: absolute; top: -60px; right: 0; margin-left:6px;}
 .cont_warp .course > ul > li p.more a {width: 40px; height: 40px; line-height: 34px; border:2px solid #333; border-radius:50%; box-sizing:border-box; background-color: #fff; text-align: center; margin-left: 1px; transition: ease-in-out 0.3s; background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -398px -155px; text-indent: -99999px; display:block}
 .cont_warp .course > ul > li p.more a:hover {background-color:#ffcd33}
 .main_cont_top .cont_warp .edu_link {float:left; width:12.9%; height:484px; margin-left:2.475%;}
 .main_cont_top .cont_warp .edu_link h3 {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -579px -6px; text-indent: -99999px; display:block; width:122px; height:114px; margin:0 auto}
 .main_cont_top .cont_warp .edu_link ul { margin-top:24px;}
 .main_cont_top .cont_warp .edu_link ul li {margin-bottom:17px;}
 .main_cont_top .cont_warp .edu_link ul li:last-child { margin-bottom:0;}
 .main_cont_top .cont_warp .edu_link ul li a { display:block; background-color:rgba(0,0,0,.4); color:#fff; height:74px; line-height:70px; border:2px solid rgba(255,255,255,.6); border-radius:6px; box-sizing:border-box; font-size:18px; transition: ease-in-out 0.3s;}
 .main_cont_top .cont_warp .edu_link ul li a:hover {background-color:rgba(0,0,0,.8);}
 .main_cont_top .cont_warp .edu_link ul li a span.ico {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -180px -91px; display: inline-block; text-indent:-9999px;margin: 0 9px 0 24px; vertical-align:text-top;}
 .main_cont_top .cont_warp .edu_link ul li.happy a span.ico { width:28px;height:26px; background-position:-523px -162px;}
 .main_cont_top .cont_warp .edu_link ul li.delivery a span.ico { width:24px;height:24px; background-position:-575px -164px;}
 .main_cont_top .cont_warp .edu_link ul li.group a span.ico { width:28px;height:18px; background-position:-615px -166px;}
 .main_cont_top .cont_warp .edu_link ul li.application a span.ico { width:25px;height:23px; background-position:-659px -164px;}
 .main_cont_top .scroll_icon { margin: 30px auto 0; width:37px;}
 .main_cont_top .scroll_icon span.ico {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -681px -288px; display: block; text-indent:-9999px; width:37px; height:72px;}
 .main_cont_bot{ background-color:#f2edda; padding:87px 0 100px;}
 .main_cont_bot .cont_left {width:67%; float:left}
 .main_cont_bot .cont_left .main_search_box { width:100%; height:66px; background-color:#ffcd33; border-radius:33px}
 .main_cont_bot .cont_left .main_search_box .search_box {position: relative; display: inline-block; width: 100%;}
 .main_cont_bot .cont_left .main_search_box .search_box .selectric {margin:12px 0 0 15px;position: relative; overflow: hidden; background-color:#fff; height:42px; border-radius:21px; width:15.4%;float: left;; }
 .main_cont_bot .cont_left .main_search_box .search_box .selectric .selectric-label {height: 42px; line-height: 42px;margin:0 0 0 30px; font-size:19px;}
 .main_cont_bot .cont_left .main_search_box .search_box .selectric .selectric-button { top: 50%; margin-top: -3px; width: 0; height: 0; text-indent: -99999px; background: none; padding: 0; border-style: solid; border-color: #000 transparent; border-width: 8px 7px 0 7px; right:10%}
 .main_cont_bot .cont_left .main_search_box .search_box .selectric-open .selectric-items { position:absolute; top:61px; left:15px; }
 .main_cont_bot .cont_left .main_search_box .search_box .input_box {width: 71%; margin-left:2%; margin-top:10px; box-sizing: border-box; z-index: 1;float: left;}
 .main_cont_bot .cont_left .main_search_box .search_box .input_box .input_inner {position: relative;}
 .main_cont_bot .cont_left .main_search_box .search_box .input_box label { position: absolute; top: 13px; left: 10px; cursor: text; font-size:19px}
 .main_cont_bot .cont_left .main_search_box .input_box input { padding: 0 7px 0 10px; border: 0; background: none; margin: 0; height: 48px; min-width: 100%; box-sizing: border-box; font-size: 15px; transition: ease-in-out 0.3s;}
 .main_cont_bot .cont_left .main_search_box input[type="submit"] { position: absolute; top: 0; right: 0; width: 85px; height: 66px; text-indent: -99999px; border: 0; border-radius:33px; background: #fff url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -561px -207px; cursor: pointer; transition: ease-in-out 0.28s;}
 .main_cont_bot .cont_left .notice_warp { background:#fff; border:1px solid #dfdfdf; border-radius:6px; box-sizing:border-box; width:63.6%; position:relative;margin-top:40px;height: 269px;float: left;}
 .main_cont_bot .cont_left a.tab_btn { float: left; width: 34%; height: 61px;text-align: center;font-size: 20px;line-height: 61px; transition: ease-in-out 0.3s;border-right:1px solid #dfdfdf;}
 .main_cont_bot .cont_left .notice_warp a.tab_btn:hover { background-color:#ffcd33;}
 .main_cont_bot .cont_left .notice_warp a.tab_btn.on span.ico { background-color:#4db848; width:13px; height:13px; border-radius:50%; display: inline-block; margin:22px 0 0 15px;}
 .main_cont_bot .cont_left .notice_warp .notice_box {}
 .main_cont_bot .cont_left .notice_warp ul { position:absolute; top:61px; width:100%;border-top:1px solid #dfdfdf;}
 .main_cont_bot .cont_left .notice_warp ul li { width:100%;}
 .main_cont_bot .cont_left .notice_warp ul li a { display:block; height:50px; padding:26px 0; position:relative; transition: ease-in-out 0.3s;}
 .main_cont_bot .cont_left .notice_warp ul li a:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid transparent; transition: ease-in-out 0.3s;}
 .main_cont_bot .cont_left .notice_warp ul li a:hover:before{ border-color:#4db848}
 .main_cont_bot .cont_left .notice_warp ul li:nth-child(odd) a { background-color:#fff;}
 .main_cont_bot .cont_left .notice_warp ul li:nth-child(even) a { background-color:#f7f7f7;}
 .main_cont_bot .cont_left .notice_warp ul li:last-child a { border-radius:0 0 6px 6px}
 .main_cont_bot .cont_left .notice_warp ul li span { display:inline-block; width:20%; text-align:center; border-right:1px solid #efefef; box-sizing:border-box; position:relative;line-height: 1; vertical-align: middle; font-size:15px; color:#535353}
 .main_cont_bot .cont_left .notice_warp ul li span em { display:block; font-size:34px; color:#2e2e2e;margin-bottom: 3px;}
 .main_cont_bot .cont_left .notice_warp ul li p { display:inline-block; width:70%; margin-left:20px;vertical-align: middle; font-size:18px;line-height: 1.4;}
 .main_cont_bot .cont_left .notice_warp p.more { position:absolute; top:17px; right:25px;}
 .main_cont_bot .cont_left .notice_warp p.more a { display:block; width:31px; height:29px;background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -659px -224px;text-indent:-9999px;}
 .main_cont_bot .cont_left .popup_zone {background:#fff; border:1px solid #dfdfdf; border-radius:6px; width:298px; position:relative;margin:40px 0 0 0 ;height: 267px;float: right;}
 .main_cont_bot .cont_left .popup_zone h3 { font-size:20px; height:60px; border-bottom:1px solid #dfdfdf; display:block;line-height: 61px; padding-left: 30px;}
 .main_cont_bot .cont_left .popup_zone ul li { float:left; }
 .main_cont_bot .cont_left .popup_zone ul li a { display:block; overflow:hidden;}
 .main_cont_bot .cont_left .popup_zone ul li a img { width:298px; height:206px; border-radius:0 0 6px 6px}
 .main_cont_bot .cont_left .popup_zone .popup_control { position:absolute; top: 18px; right:20px;}
 .main_cont_bot .cont_left .popup_zone .popup_control a { float:left; height:28px;text-indent:-9999px; display:block;background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat 0 0;}
 .main_cont_bot .cont_left .popup_zone .popup_control a.prev { background-position:-260px -160px; width:38px;}
 .main_cont_bot .cont_left .popup_zone .popup_control a.next { background-position:-351px -160px; width:38px;}
 .main_cont_bot .cont_left .popup_zone .popup_control a.stop { background-position:-309px -160px; width:30px;}
 .main_cont_bot .cont_left .popup_zone .popup_control a.play { background-position:-329px -160px; width:30px;}
 .main_cont_bot .gallery_zone {width:30%; height:375px; background-color:#fff;display: inline-block;margin-left: 3%;border:1px solid #dfdfdf; border-radius:6px; box-sizing:border-box; position:relative}
 .main_cont_bot .gallery_zone h3 {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -212px -230px;text-indent:-9999px; display:block; width:150px; height:31px; position:absolute; bottom:30px; left:50%; margin-left:-75px;}
 .main_cont_bot .gallery_zone ul li { overflow:hidden;}
 .main_cont_bot .gallery_zone ul li a { display:block; font-size:20px; text-align:center;transition: ease-in-out 0.3s;}
 .main_cont_bot .gallery_zone ul li a span.thumb {overflow:hidden; max-height:223px;}
 .main_cont_bot .gallery_zone ul li a span.thumb img {border-radius:6px 6px 0 0;width: 100%;transition: ease-in-out 0.6s;}
 .main_cont_bot .gallery_zone ul li a:hover span.thumb img {transform: scale(1.06);}
 .main_cont_bot .gallery_zone ul li a span.tit { display:block; width:85%; margin:60px auto 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .main_cont_bot .gallery_zone ul li a p.more { position:absolute; top:175px; left:50%; margin-left:-43px; width:87px; height:87px; background-color:rgba(0,0,0,.25); border-radius:50%;}
 .main_cont_bot .gallery_zone ul li a p.more span.ico { width:53px; height:53px; text-align:center; text-indent:-9999px; background:#f3c204 url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -706px -212px; border-radius:50%;display: block; margin: 17px auto;transition: ease-in-out 0.3s;}
 .main_cont_bot .gallery_zone ul li a:hover p.more span.ico { background-color:#4db848 }
 .banner_zone { background-color:#53555e; height:60px;}
 .banner_zone .inner { position:relative; box-sizing: border-box; padding: 0 170px 0 184px;}
 .banner_zone h3 { position: absolute; top: 0; left: 0; font-size:18px; font-weight:400; color:#ffcd33; float:left; width:154px; border-right:1px solid #75777e;margin-top: 20px;}
 .banner_zone h3 span.ico {background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -351px -288px; display: inline-block; width:21px; height:20px; margin-right:7px; vertical-align:middle}
 .banner_zone ul { height:60px; line-height:60px}
 .banner_zone ul li {width: auto !important; float: left;}
 .banner_zone ul li a { display:block; color:#fff;font-size: 16px; }
 .banner_zone ul li a:hover { text-decoration:underline; color:#ffcd33}
 .banner_zone .bn_control { position:absolute; top:15px; right:30px;}
 .banner_zone .bn_control a { float:left; height:28px;text-indent:-9999px; display:block;background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat 0 0;}
 .banner_zone .bn_control a.prev { background-position:-260px -190px; width:38px;}
 .banner_zone .bn_control a.next { background-position:-351px -190px; width:38px;}
 .banner_zone .bn_control a.stop { background-position:-309px -190px; width:30px;}
 .banner_zone .bn_control a.play { background-position:-329px -190px; width:30px;}
 .banner_zone p.more {position:absolute; top:15px; right:0; }
 .banner_zone p.more a {display:block;background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat -402px -190px; width:28px; height:28px; text-indent:-9999px;}
 .main_cont_bot .gallery_zone .popup_control {position:absolute;top: 18px;right: 10px;}
 .main_cont_bot .gallery_zone .popup_control a {float:left;height:31px;width:31px;border-radius:50%;text-indent:-9999px;display:block;background: #ffdb2d url(/images/edu/main/main_sp.png?build_20251211010) no-repeat 0 0;margin-right:5px;}
 .main_cont_bot .gallery_zone .popup_control a:hover{background-color:#ffffff; transition:ease-in 0.4s;}
 .main_cont_bot .gallery_zone .popup_control a.prev {background-position: -263px -159px;}
 .main_cont_bot .gallery_zone .popup_control a.next {background-position: -353px -159px;}
 .main_cont_bot .gallery_zone .popup_control a.stop {background-position: -308px -159px;}
 .main_cont_bot .gallery_zone .popup_control a.play {background-position: -329px -159px;width:30px;}
  .main_pop { z-index: 99; width: 450px; position: absolute; top:74px;}
 .main_pop .pop_wrap { height:442px; margin-bottom:10px;}
 .main_pop .popup{position:absolute; width:450px; height:442px; top:20px;left: 20px;}
 .main_pop .popup .bx-wrapper {position:relative;}
 .main_pop .popup > strong{position:relative; z-index:3; display:block; color:#000; border-radius:4px 4px 0 0; background-color:#ffcd33; padding:14px 17px 17px 17px; font-size:20px;}
 .main_pop .popup ul.popup_slider{height:440px;}
 .main_pop .popup ul.popup_slider > li{float:left; width:450px; height:450px; overflow:hidden; border-radius:0 0 4px 4px;}
 .main_pop .popup ul.popup_slider > li a{display:block;}
 .main_pop .popup ul.popup_slider > li img{border-radius:0 0 4px 4px;}
 .main_pop .popupzone_num { position: absolute;z-index: 104;bottom: -30px;right: 31px;}
 .popupzone_num li {float: left;display: block;margin-right: 5px;width: 16px;height: 16px;text-indent: -5000px; background-color:#999; border-radius:50%;}
 .pager{width: 59px; position: absolute;top: 16px;right: 140px;z-index: 9; font-size: 22px;color: #000;letter-spacing: -2px;font-weight: bold;}
 .popup_close {height:36px; background-color:#383838; margin-left:0px; margin-top: -10px;}
 .class_control { position: absolute;top: 8px;right: 10px; z-index: 9; width:138px;}
 .class_control a{ float: left; width: 40px; height: 40px; line-height: 34px; border: 2px solid #333; border-radius: 50%; box-sizing: border-box; text-align: center; margin-left: 3px; transition: ease-in-out 0.3s;}
 .class_control a span.icon {display: inline-block; vertical-align: middle; background: url("/images/edu/main/main_sp.png?build_20251211010") no-repeat 0 -111px; text-indent: -99999px;}
 .class_control a.prev span.icon {width: 17px; height: 14px; background-position: -270px -167px;}
 .class_control a.next span.icon {width: 17px; height: 14px; background-position: -361px -167px;}
 .class_control a.stop span.icon {width: 10px; height: 12px; background-position: -319px -168px;}
 .class_control a.play span.icon {width: 10px; height: 12px; background-position: -339px -168px;}