@charset "UTF-8";i.icon{background-size:100%;display:inline-block;font-size:0;height:auto;min-height:20px;min-width:20px}i.icon-plus__gray2{background:url(/img/web/HOME/myClass/plus_gray2.svg) no-repeat 50%;min-height:16px;min-width:16px}i.icon-score{background:url(/img/web/HOME/applyClass/score.svg) no-repeat 50%;background-size:100%;height:41px;width:48px}i.icon-warning__gray{background:url(/img/web/HOME/etc/warning_gray.svg) no-repeat;height:20px;width:20px}i.icon-warning{background:url(/img/web/HOME/etc/warning.svg) no-repeat;height:20px;width:20px}i.icon-signin{background:url(/icon/signin.svg) no-repeat;height:56px;width:56px}i.icon-levelTest{background:url(/icon/levelTest.svg) no-repeat;height:56px;width:56px}i.icon-experience{background:url(/icon/experience.svg) no-repeat;height:56px;width:56px}i.icon-contract{background:url(/icon/contract.svg) no-repeat;height:56px;width:56px}i.icon-contractMore{background:url(/icon/contractMore.svg) no-repeat;height:56px;width:56px}i.icon-attendance__absent{background:url(/icon/attendance_absent.svg) no-repeat;height:56px;width:56px}i.icon-attendance__late{background:url(/icon/attendance_late.svg) no-repeat;height:56px;width:56px}i.icon-attendance__present{background:url(/icon/attendance_present.svg) no-repeat;height:56px;width:56px}i.icon-attendance__10m{background:url(/icon/attendance_10m.svg) no-repeat;height:56px;width:56px}i.icon-class{background:url(/icon/class.svg) no-repeat;height:56px;width:56px}i.icon-gallary{background:url(/icon/gallary.svg) no-repeat;height:56px;width:56px}i.icon-board{background:url(/icon/board.svg) no-repeat;height:56px;width:56px}i.icon-late{background:url(/img/web/HOME/myClass/late.svg) no-repeat;height:64px;width:64px}i.icon-present{background:url(/img/web/HOME/myClass/present.svg) no-repeat;height:64px;width:64px}i.icon-absent{background:url(/img/web/HOME/myClass/absent.svg) no-repeat;height:64px;width:64px}i.icon-noLogin{background:url(/img/web/HOME/etc/menu_nonMember.svg) no-repeat;height:56px;width:56px}i.icon-clock{background:url(/img/web/HOME/myClass/clock.svg) no-repeat;min-height:16px;min-width:16px}i.icon-plus__gray{background:url(/img/web/HOME/myClass/plus_gray.svg) no-repeat;min-height:16px;min-width:16px}i.icon-delay{background:url(/img/web/HOME/myClass/delay.svg) no-repeat;height:100%;width:100%}i.icon-studyRoom{background:url(/img/web/HOME/myClass/studyRoom.svg) no-repeat;height:100%;width:100%}i.icon-classRoom{background:url(/img/web/HOME/myClass/classRoom.svg) no-repeat;height:100%;width:100%}i.icon-classReport{background:url(/img/web/HOME/myClass/classReport.svg) no-repeat;height:56px;width:56px}i.icon-homework{background:url(/img/web/HOME/myClass/homework.svg) no-repeat;height:56px;width:56px}i.icon-speaking{background:url(/img/web/HOME/myClass/speaking.svg) no-repeat;height:64px;width:64px}i.icon-reading{background:url(/img/web/HOME/myClass/reading.svg) no-repeat;height:64px;width:64px}i.icon-basic{background:url(/img/web/HOME/myClass/basic.svg) no-repeat;height:64px;width:64px}i.icon-point__save{background:url(/img/web/HOME/myClass/save-point.svg) no-repeat;height:56px;width:56px}i.icon-point__out{background:url(/img/web/HOME/myClass/out-point.svg) no-repeat;height:56px;width:56px}i.icon-check__blue{background:url(/img/web/HOME/myClass/check_blue.svg) no-repeat;min-height:16px;min-width:16px}i.icon-check__red{background:url(/img/web/HOME/myClass/check_red.svg) no-repeat;min-height:16px;min-width:16px}i.icon-check__mark{background:url(/img/web/HOME/myLemon/check_mark.svg) no-repeat;min-height:16px;min-width:16px}i.icon-excellent{background:url(/img/web/HOME/myClass/excellent.svg) no-repeat;min-height:24px;min-width:24px}i.icon-verygood{background:url(/img/web/HOME/myClass/verygood.svg) no-repeat;height:24px;width:24px}i.icon-good{background:url(/img/web/HOME/myClass/good.svg) no-repeat;height:24px;width:24px}i.icon-bad{background:url(/img/web/HOME/myClass/bad.svg) no-repeat;height:24px;width:24px}i.icon-verybad{background:url(/img/web/HOME/myClass/verybad.svg) no-repeat;height:24px;width:24px}i.icon-print{background:url(/img/web/HOME/myClass/print.svg) no-repeat;height:15px;width:16px}i.icon-classErrorTitle{background:url(/img/web/HOME/customer/call.svg) no-repeat}i.icon-classErrorTitle,i.icon-qnaTitle{height:48px;margin-right:10px;vertical-align:bottom;width:48px}i.icon-qnaTitle{background:url(/img/web/HOME/customer/conversation.svg) no-repeat}i.icon-book{background:url(/icon/contact-book.svg) no-repeat}i.icon-book--lg{background-size:100px;height:100px;width:100px}i.icon-book--md{background-size:80px;height:80px;width:80px}i.icon-book--sm{background-size:30px;height:30px;width:30px}@media only screen and (max-width:768px){i.icon-book{background-size:50px 50px;height:50px;width:50px}}@media screen and (min-width:769px){i.icon-book{background-size:100px 100px;height:100px;width:100px}}i.icon-users{background:url(/icon/users.svg) no-repeat;background-size:100%;height:auto}@media only screen and (max-width:768px){i.icon-users{height:29px;width:29px}}@media screen and (min-width:769px){i.icon-users{height:48px;width:48px}}i.icon-user{background:url(/icon/user.svg) no-repeat;background-size:100%;height:auto}@media only screen and (max-width:768px){i.icon-user{height:29px;width:29px}}@media screen and (min-width:769px){i.icon-user{height:48px;width:48px}}i.icon-unlock{background:url(/icon/unlock.svg) no-repeat;background-size:100%;height:auto}@media only screen and (max-width:768px){i.icon-unlock{height:29px;width:29px}}@media screen and (min-width:769px){i.icon-unlock{height:48px;width:48px}}i.icon-main__korean{background:url(/icon/main_korean.svg) no-repeat}i.icon-main__english{background:url(/icon/main_english.svg) no-repeat}i.icon-main__list_1{background:url(/icon/main_list_1.svg) no-repeat}i.icon-main__list_2{background:url(/icon/main_list_2.svg) no-repeat}i.icon-main__list_3{background:url(/icon/main_list_3.svg) no-repeat}i.icon-main__list_4{background:url(/icon/main_list_4.svg) no-repeat}i.icon-main__list_5{background:url(/icon/main_list_5.svg) no-repeat}i.icon-main__list_6{background:url(/icon/main_list_6.svg) no-repeat}i.icon-main__list_7{background:url(/icon/main_list_7.svg) no-repeat}i.icon-main__list_8{background:url(/icon/main_list_8.svg) no-repeat}i.icon-main__manager{background:url(/icon/main_manager.svg) no-repeat}i.icon-arrow__typeA{background:url(/icon/arrow.svg) no-repeat}i.icon-arrow__typeB{background:url(/icon/arrow2.svg) no-repeat}i.icon-menu{background:url(/icon/menu.svg) no-repeat}i.icon-bell{background:url(/icon/bell.svg) no-repeat}i.icon-minus{background:url(/icon/minus.svg) no-repeat}i.icon-plus{background:url(/icon/plus.svg) no-repeat}i.icon-sort-down{background:url(/icon/sort-down.svg) no-repeat}i.icon-customer__basket{background:url(/img/web/LMS/HOME/customer/breakdown_icon01.png) no-repeat 50%}i.icon-customer__light{background:url(/img/web/LMS/HOME/customer/breakdown_icon02.png) no-repeat 50%}i.icon-customer__message{background:url(/img/web/LMS/HOME/customer/breakdown_icon03.png) no-repeat 50%}i.icon-customer__cellphone{background:url(/img/web/LMS/HOME/customer/breakdown_icon04.png) no-repeat 50%}i.icon-customer-white__basket{background:url(/img/web/LMS/HOME/customer/shortcuts_icon01.png)}i.icon-customer-white__light{background:url(/img/web/LMS/HOME/customer/shortcuts_icon02.png)}i.icon-customer-white__message{background:url(/img/web/LMS/HOME/customer/shortcuts_icon03.png)}i.icon-close{background:url(/icon/close.svg) no-repeat}i.icon-myclass-snb__list01{background:url(/img/web/LMS/HOME/myClass/snb_list01.png)}i.icon-myclass-snb__list02{background:url(/img/web/LMS/HOME/myClass/snb_list02.png)}i.icon-myclass-snb__list03{background:url(/img/web/LMS/HOME/myClass/snb_list03.png)}i.icon-myclass-snb__list04{background:url(/img/web/LMS/HOME/myClass/snb_list04.png)}i.icon-myclass-snb__list05{background:url(/img/web/LMS/HOME/myClass/snb_list05.png)}i.icon-myclass-snb__list06{background:url(/img/web/LMS/HOME/myClass/snb_list06.png)}i.icon-myclass-snb__list07{background:url(/img/web/LMS/HOME/myClass/snb_list07.png)}i.icon-heart{background:url(/img/web/HOME/community/heart.svg) no-repeat;min-height:18px;min-width:18px}i.icon-heart--gray{background:url(/img/web/HOME/community/heart__disabled.svg) no-repeat;min-height:18px;min-width:18px}i.icon-heart--red{background:url(/img/web/HOME/community/heart__active.svg) no-repeat;min-height:18px;min-width:18px}.m-t--20{padding-top:20px}.border-b{border-bottom:1px solid #eee}.no-p{padding:0}.checkbox-left{display:inline-block;height:16px;margin-right:5px;position:relative;vertical-align:middle;width:16px}@media only screen and (max-width:768px){.checkbox-left{height:12px;width:12px}}.checkbox-left img{height:100%;left:0;position:absolute;top:0;width:100%}@media only screen and (max-width:768px){.checkbox-left img{height:12px;width:12px}}.unchecked{background:#eee;border:2px solid #ccc;border-radius:4px;vertical-align:middle}.hide{display:none}.h5-style{font-size:1.6rem;font-weight:700;letter-spacing:-.64px;margin:0;padding:0 0 10px 10px;position:relative}@media only screen and (max-width:768px){.h5-style{font-size:1.5rem}}.h5-style:before{background:#00bfe6;content:"";display:block;height:16px;left:0;position:absolute;top:2px;width:4px}@media only screen and (max-width:768px){.h5-style:before{height:15px}}table.table-type--1 colgroup col:first-child{width:68%}@media only screen and (max-width:768px){table.table-type--1 colgroup col:first-child{width:60%}}table.table-type--1 colgroup col:nth-child(2){width:12%}@media only screen and (max-width:768px){table.table-type--1 colgroup col:nth-child(2){width:17%}}table.table-type--1 colgroup col:last-child{width:20%}@media only screen and (max-width:768px){table.table-type--1 colgroup col:last-child{width:23%}}table.table-type--2 colgroup col:first-child{width:20%}@media only screen and (max-width:768px){table.table-type--2 colgroup col:first-child{width:40%}}table.table-type--2 colgroup col:nth-child(2){width:80%}@media only screen and (max-width:768px){table.table-type--2 colgroup col:nth-child(2){width:60%}}table.table-type--3 colgroup col:first-child{width:20%}@media only screen and (max-width:768px){table.table-type--3 colgroup col:first-child{width:30%}}table.table-type--3 colgroup col:nth-child(2){width:80%}@media only screen and (max-width:768px){table.table-type--3 colgroup col:nth-child(2){width:70%}}.border-dashed{border:2px dashed hsla(0,0%,100%,.3)}.goBtn{background:#ddd;border-radius:24px;display:flex;flex-direction:column;height:144px;overflow:hidden;position:relative;width:144px}@media only screen and (max-width:768px){.goBtn{border-radius:16px;flex-direction:unset;height:60px;max-width:270px;width:81%}}.goBtn-icon{height:92px}@media only screen and (max-width:768px){.goBtn-icon{height:100%;width:100px}}.goBtn-txt{background:#808e91;color:#fff;display:block;font-size:2rem;font-weight:700;letter-spacing:-1.2px;padding:10px 0;text-align:center;width:100%}@media only screen and (max-width:768px){.goBtn-txt{line-height:60px;padding:0;width:calc(100% - 100px)}}.goBtn a{font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}@media only screen and (max-width:768px){.goBtn i.icon{height:100%;position:relative;top:5px;width:100%}}.goBtn.pc{display:flex}@media only screen and (max-width:768px){.goBtn.pc{display:none}}.goBtn.mo{display:none}@media only screen and (max-width:768px){.goBtn.mo{display:flex}}.goBtn.goStudy .goBtn-icon{background:url(/img/web/HOME/myClass/studyRoom.svg) no-repeat;background-position:center 1px;background-size:144px}@media only screen and (max-width:768px){.goBtn.goStudy .goBtn-icon{background-position:center -3px;background-size:92px}}.goBtn.goRoom .goBtn-icon{background:url(/img/web/HOME/myClass/classRoom.svg) no-repeat;background-position:center 1px;background-size:144px}@media only screen and (max-width:768px){.goBtn.goRoom .goBtn-icon{background-position:center -3px;background-size:92px}}.goBtn.goDelay .goBtn-icon{background:url(/img/web/HOME/myClass/delay.svg) no-repeat;background-position:center 1px;background-size:144px}@media only screen and (max-width:768px){.goBtn.goDelay .goBtn-icon{background-position:center -3px;background-size:92px}}.line{background:#eee;height:1px;width:100%}.ybmStory .con .lemon-tit__char{margin-bottom:10px}@media only screen and (max-width:768px){.ybmStory .con .lemon-tit__char{width:45px}}.ybmStory .con .lemon-tit .green-badge h2{background:#66b319;border-radius:15px;color:#fff;display:inline-block;font-size:2.2rem;margin:0 auto;padding:3px 10px 1px}@media only screen and (max-width:768px){.ybmStory .con .lemon-tit .green-badge h2{font-size:1.5rem}}.pay-info{background:#f6f6f6;border:1px solid #eee;border-radius:8px;color:#666;font-size:1.5rem;padding:20px 30px 12px}.pay-info--trem{border-right:1px solid #ddd;font-weight:500;margin-right:5px;padding-right:10px}.pay-info--des,.pay-info--trem{display:inline-block;line-height:1}.pay-info--des{font-weight:600;margin-right:20px}.inquire-top{align-items:center;background:#fff;border:1px solid #eee;border-radius:16px;display:flex;margin:0 auto;max-width:700px;padding:15px 30px;width:100%}@media only screen and (max-width:768px){.inquire-top>img{width:30px}}.inquire-top>strong{font-size:2rem;margin-left:10px}.inquire-top--info{margin-left:40px}.inquire-top dl{margin-top:5px}.inquire-top dd,.inquire-top dt{color:#666;display:inline-block;font-size:1.5rem;line-height:.8;margin-right:10px}.inquire-top dt{border-right:1px solid #ddd;margin-right:5px;padding-right:8px}.inquire-top .call{font-size:1.9rem;font-weight:600;line-height:.8}.inquire-top .call img{margin-right:5px}@media only screen and (max-width:768px){.inquire-top{display:block;margin-bottom:20px;max-width:100%;padding:15px 15px 20px}.inquire-top>strong{display:inline-block;margin-bottom:10px}.inquire-top--info{margin-left:0}}section#request .content-wrap{padding:60px 0 100px}@media only screen and (max-width:768px){section#request .content-wrap{padding:40px 20px 100px}}section#request .content-wrap .inquire-top{margin-bottom:40px}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180{border-radius:12px 12px 0 0}}section#request .content-wrap .inner-1180 .border-bottom{border-bottom:none!important;padding:10px 30px 40px}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180 .border-bottom{padding:0}}section#request .content-wrap .inner-1180 .border-bottom h4{font-size:1.8rem;margin-bottom:5px}section#request .content-wrap .inner-1180 .border-bottom h4:not(:first-child){margin-top:20px}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180 .border-bottom h4{margin:40px 0 0 4%}}section#request .content-wrap .inner-1180 .border-bottom .list-table{margin-bottom:20px}section#request .content-wrap .inner-1180 .border-bottom .list-table:last-child{border-top:1px solid #eee}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180 .border-bottom .list-table:last-child{border-bottom:none}section#request .content-wrap .inner-1180 .border-bottom .list-table{border-bottom:1px solid #eee;padding:4px 4% 40px}}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .th{background:#f9f9f9}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180 .border-bottom .list-table .row .th{display:none}}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td{padding:12px 0 12px 22px}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td{padding:10px 0 0}}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group{padding-top:0}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group .lemon-select--custom{height:45px;width:100%}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group .lemon-input-files--emptyBox{background:#f6f6f6;border:3px solid #ccc}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group .lemon-input-files--emptyBox i.fas{color:#666}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group .lemon-input-files--emptyBox .lemon-input-files--tag{height:75px;top:0}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group input{border-radius:3px;font-size:1.6rem;margin:0;padding-left:1rem}}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group input::-moz-placeholder{font-size:1.6rem}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td .lemon-group input::placeholder{font-size:1.6rem}section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td select{-webkit-appearance:auto}@media only screen and (max-width:768px){section#request .content-wrap .inner-1180 .border-bottom .list-table .row .td input.line{padding:9px 14px!important}}section#request .ymdt input.line{border-radius:3px;height:45px;min-height:unset;width:25%}@media only screen and (max-width:768px){section#request .ymdt input.line{margin-bottom:10px;width:100%}}section#request .ymdt .lemon-group{height:46px;width:25%}@media only screen and (max-width:768px){section#request .ymdt .lemon-group{width:100%}}section#request .ymdt .lemon-group .row td{align-items:center;display:flex}section#request .event_area{display:block;margin:60px auto 0;width:240px}@media only screen and (max-width:768px){section#request .event_area{background:#fff;border:1px solid #eee;border-radius:0 0 12px 12px;border-top:none;box-sizing:border-box;font-size:2rem;margin:0;padding:30px 4%;width:100%}}section#request .event_area button.btn-cont{border-radius:8px;border-width:3px;font-size:1.8rem;font-weight:700;padding:10px 0}section#request .event_area button.btn-cont:not(:disabled):hover{border:3px solid #0099d4}@media only screen and (max-width:768px){section#request .event_area button.btn-cont{font-size:1.6rem}}.toast-popup{box-shadow:none;padding:15px 0 15px 45px;width:680px}@media only screen and (max-width:768px){.toast-popup{padding:15px 0 15px 31px;width:95%}}.toast-popup--con{font-size:1.8rem;letter-spacing:-1.2px;margin-bottom:10px;min-width:none;padding:0;position:relative}@media only screen and (max-width:768px){.toast-popup--con{font-size:1.5rem;line-height:1.53;margin-bottom:5px}}.toast-popup--con:before{background:url(/img/web/HOME/etc/popup_check.svg) no-repeat 50%;content:"";height:16px;left:-26px;position:absolute;top:50%;transform:translateY(-50%);width:21px}@media only screen and (max-width:768px){.toast-popup--con:before{height:12px;left:-19px;top:12px;width:16px}}.toast-popup--con br{display:none}@media only screen and (max-width:768px){.toast-popup--con br{display:block}}.toast-popup a{border-bottom:1px solid #2b4347;color:#2b4347;font-size:1.5rem;font-weight:700;margin-right:15px;padding-bottom:2px}@media only screen and (max-width:768px){.toast-popup a{font-size:1.4rem;letter-spacing:-1.12px}}.toast-popup button{cursor:default;right:20px;top:15px;transform:rotate(45deg)}.toast-popup button i.icon{cursor:default;height:22px;opacity:.8;width:22px}.toast-popup.on{box-shadow:0 15px 30px rgba(0,0,0,.15)}.story-nav{background:#fff;z-index:9}.story-nav li{cursor:pointer;display:block;font-size:1.8rem;letter-spacing:-.3px;padding:25px 0;position:relative}.story-nav li a{font-size:1.8rem!important;padding:0!important}.story-nav li.is_active{color:#00bfe6;font-weight:600}.story-nav li.is_active:before{background:#00bfe6;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;width:100%}.story-nav.fixed{position:fixed;top:100px;width:100%}@media only screen and (max-width:768px){.story-nav.fixed{top:0}}.ybmStory{text-align:center}.ybmStory .con{display:flex;flex-direction:column;padding-top:80px}@media only screen and (max-width:768px){.ybmStory .con{padding-top:40px}}.ybmStory .con .mo__show{display:none!important}@media only screen and (max-width:768px){.ybmStory .con .mo__show{display:block!important}}.ybmStory .con .pc__show{display:block!important}@media only screen and (max-width:768px){.ybmStory .con .pc__show{display:none!important}}.ybmStory .con .title{padding-top:60px}@media only screen and (max-width:768px){.ybmStory .con .title{padding-top:40px}}.ybmStory .con .tit__lg{font-size:4rem;letter-spacing:-2.37px}@media only screen and (max-width:768px){.ybmStory .con .tit__lg{font-size:2.4rem;letter-spacing:-2.88px;line-height:1.4}}.ybmStory .con .tit__sm{color:#444;font-size:2.2rem;font-weight:500;letter-spacing:-1.44px;margin-bottom:0}@media only screen and (max-width:768px){.ybmStory .con .tit__sm{font-size:1.5rem}}.ybmStory .con .tit__sm strong{color:#222;font-size:2.4rem;font-weight:900;position:relative}@media only screen and (max-width:768px){.ybmStory .con .tit__sm strong{font-size:1.5rem}}.ybmStory .con .tit__sm strong:after{background:#fff54c;bottom:0;content:"";display:block;height:12px;left:0;position:absolute;width:100%;z-index:-1}.ybmStory .con .s__sm{color:#666;font-size:1.8rem;letter-spacing:-1.08px;line-height:1.6;margin:0}.ybmStory .con .underline{color:#222;font-weight:700;position:relative}.ybmStory .con .underline:after{background:#fff54c;bottom:0;content:"";display:block;height:40%;left:0;position:absolute;width:100%;z-index:-1}.ybmStory .con-intro .speech{background:url(/img/web/HOME/YBMStory/speech.png) no-repeat 2px 0;background-size:cover;height:130px;margin:0 auto;position:relative;width:443px}@media only screen and (max-width:768px){.ybmStory .con-intro .speech{height:92px;width:314px}}.ybmStory .con-intro .speech p{color:#666;font-size:1.8rem;letter-spacing:-1.08px;line-height:1.78;margin:0;padding-top:40px}@media only screen and (max-width:768px){.ybmStory .con-intro .speech p{font-size:1.3rem;line-height:1.62;padding-top:28px}}.ybmStory .con-intro .speech-dot{left:50%;position:absolute;top:140px;transform:translateX(-50%)}@media only screen and (max-width:768px){.ybmStory .con-intro .speech-dot{display:none}}.ybmStory .con-intro .speech-dot span{background:#aaa;border-radius:50%;display:block;height:10px;margin-bottom:20px;width:10px}.ybmStory .con-intro .back-img img{max-width:75%}.ybmStory .con-strong{background:url(/img/web/HOME/YBMStory/intro_B.png) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;height:480px;justify-content:center;position:sticky;top:100px;width:100%;z-index:-1}.ybmStory .con-strong:after{background:#00bfe6;border-radius:2px 2px 0 0;bottom:0;content:"";display:block;height:90px;left:50%;opacity:1;position:absolute;transition:opacity .5s linear;width:4px;z-index:1}@media only screen and (max-width:768px){.ybmStory .con-strong:after{bottom:0;height:50px;width:3px}.ybmStory .con-strong{background:#00404d;height:240px}}.ybmStory .con-strong>strong{color:#00d4ff;font-size:4rem;letter-spacing:-2px}@media only screen and (max-width:768px){.ybmStory .con-strong>strong{font-size:2.4rem}}.ybmStory .con-strong>strong em{position:relative}.ybmStory .con-strong>strong em:before{background:#00d4ff;border-radius:50%;content:"";display:block;height:8px;left:50%;position:absolute;top:-16px;transform:translateX(-50%);width:8px}@media only screen and (max-width:768px){.ybmStory .con-strong>strong em:before{height:5px;top:-5px;width:5px}}.ybmStory .con-strong p{margin:0}.ybmStory .con-strong p:first-child{color:#aaa;font-size:2.4rem;letter-spacing:-1.44px;padding-bottom:20px}@media only screen and (max-width:768px){.ybmStory .con-strong p:first-child{color:#fff;font-size:1.6rem;padding-bottom:8px}}.ybmStory .con-strong p:last-child,.ybmStory .con-strong p:nth-last-child(2){color:#fff;font-size:2rem;letter-spacing:-1.2px}@media only screen and (max-width:768px){.ybmStory .con-strong p:last-child,.ybmStory .con-strong p:nth-last-child(2){font-size:1.5rem}}.ybmStory .con-strong p:last-child strong,.ybmStory .con-strong p:nth-last-child(2) strong{color:#fff952}.ybmStory .con-sub{background:#fff;padding-top:80px;position:relative}@media only screen and (max-width:768px){.ybmStory .con-sub{padding-top:32px}}.ybmStory .con-sub .title .tit__lg{margin-bottom:10px}@media only screen and (max-width:768px){.ybmStory .con-sub .title .tit__lg{margin-bottom:5px}}.ybmStory .con-sub__mid{margin:0 auto;padding:50px 0 30px;width:1200px}@media only screen and (max-width:768px){.ybmStory .con-sub__mid{padding:10px 0;width:100%}}.ybmStory .con-sub__mid .viewer-item{display:flex;display:inline-block;flex-direction:column;margin-bottom:50px;width:496px}@media only screen and (max-width:768px){.ybmStory .con-sub__mid .viewer-item{margin-bottom:40px;width:100%}}.ybmStory .con-sub__mid .viewer-item img{max-width:100%}@media only screen and (max-width:768px){.ybmStory .con-sub__mid .viewer-item img{max-width:70%}}.ybmStory .con-sub__mid .viewer-item:nth-child(2n-1){margin-right:41px}@media only screen and (max-width:768px){.ybmStory .con-sub__mid .viewer-item:nth-child(2n-1){margin-right:0}}.ybmStory .con-sub__mid .viewer-item__tit{display:block;font-size:1.8rem;letter-spacing:-1.08px;padding-top:15px}@media only screen and (max-width:768px){.ybmStory .con-sub__mid .viewer-item__tit{font-size:1.4rem}}.ybmStory .con-sub__mid .viewer-item__tit strong{background:#00bfe6;border-radius:4px;color:#fff;padding:0 5px 2px;position:relative}.ybmStory .con-sub__icons{background:#e6faf7;font-size:0;margin:0;padding:70px 0}@media only screen and (max-width:768px){.ybmStory .con-sub__icons{padding:35px 0}}.ybmStory .con-sub__icons .list-item{display:inline-block;width:260px}@media only screen and (max-width:768px){.ybmStory .con-sub__icons .list-item{margin-bottom:30px;width:170px}.ybmStory .con-sub__icons .list-item:last-child,.ybmStory .con-sub__icons .list-item:nth-child(3){margin-bottom:0}}.ybmStory .con-sub__icons .list-item .thum{background:#fff;border-radius:50%;box-shadow:0 2px 0 0 rgba(0,0,0,.06);height:180px;margin:0 auto 20px;position:relative;width:180px}@media only screen and (max-width:768px){.ybmStory .con-sub__icons .list-item .thum{height:130px;margin:0 auto 13px;width:130px}}.ybmStory .con-sub__icons .list-item .thum:before{background:#00bfe6;border-radius:50%;box-shadow:2px 3.5px 0 0 rgba(0,0,0,.12);color:#fff;display:block;font-family:Roboto,sans-serif;font-size:2.2rem;font-weight:900;height:50px;left:5px;line-height:50px;position:absolute;text-align:center;top:-10px;width:50px}@media only screen and (max-width:768px){.ybmStory .con-sub__icons .list-item .thum:before{font-size:1.4rem;height:35px;left:-2px;line-height:35px;top:-7px;width:35px}}.ybmStory .con-sub__icons .list-item span{display:block;font-size:1.8rem;letter-spacing:-.18px}@media only screen and (max-width:768px){.ybmStory .con-sub__icons .list-item span{font-size:1.2rem}}.ybmStory .con-sub__icons .list-item strong{font-size:2rem;letter-spacing:-1.2px}@media only screen and (max-width:768px){.ybmStory .con-sub__icons .list-item strong{font-size:1.35rem}}.ybmStory .con-sub__icons .list-item:first-child .thum{background:url(/img/web/HOME/YBMStory/icon_class.png) no-repeat 50% #fff;background-size:40%}.ybmStory .con-sub__icons .list-item:first-child .thum:before{content:"01"}.ybmStory .con-sub__icons .list-item:nth-child(2) .thum{background:url(/img/web/HOME/YBMStory/icon_activity.png) no-repeat 50% #fff;background-size:45%}.ybmStory .con-sub__icons .list-item:nth-child(2) .thum:before{content:"02"}.ybmStory .con-sub__icons .list-item:nth-child(3) .thum{background:url(/img/web/HOME/YBMStory/icon_teaching.png) no-repeat 50% #fff;background-size:45%}.ybmStory .con-sub__icons .list-item:nth-child(3) .thum:before{content:"03"}.ybmStory .con-sub__icons .list-item:last-child .thum{background:url(/img/web/HOME/YBMStory/icon_care.png) no-repeat 50% #fff;background-size:45%}.ybmStory .con-sub__icons .list-item:last-child .thum:before{content:"04"}.ybmStory .con-sub__foot{align-items:center;background:#00b388;display:flex;justify-content:center;padding:75px 0}@media only screen and (max-width:768px){.ybmStory .con-sub__foot{padding:34px 0}}.ybmStory .con-sub__foot p{color:#fff;font-size:2.4rem;letter-spacing:-1.44px;margin:0}@media only screen and (max-width:768px){.ybmStory .con-sub__foot p{font-size:1.5rem}}.ybmStory .con-sub__foot p strong{background:#fff54c;border-radius:4px;color:#222;padding:2px 5px;position:relative}.ybmStory .con-sub__foot h1{color:#fff;font-size:4rem;letter-spacing:-3px;margin-right:10px}@media only screen and (max-width:768px){.ybmStory .con-sub__foot h1{font-size:2.4rem;margin-top:4px}}.ybmStory .con.introduce .title .tit__sm{margin-bottom:50px}@media only screen and (max-width:768px){.ybmStory .con.introduce .title .tit__sm{margin-bottom:30px}.ybmStory .con.feature{padding-top:60px}.ybmStory .con.feature .con-intro{border-bottom:2px solid #eee;padding-bottom:35px}}.ybmStory .con.feature .con-intro:last-child{padding-bottom:95px}@media only screen and (max-width:768px){.ybmStory .con.feature .con-intro:last-child{border-bottom:none;padding-bottom:15px}}.ybmStory .con.feature .num{color:#eee;font-size:8rem;line-height:normal;padding:41px 0 5px}@media only screen and (max-width:768px){.ybmStory .con.feature .num{font-size:5rem;padding:26px 0 2px}}.ybmStory .con.feature .title{padding-top:0}.ybmStory .con.feature .title h1{line-height:1.3;margin-bottom:15px}.ybmStory .con.feature .title .s__sm{margin:4px 0}@media only screen and (max-width:768px){.ybmStory .con.feature .title .s__sm{font-size:1.5rem}}.ybmStory .con.feature .motion{display:inline-block;margin:40px auto 0;position:relative;width:1200px}.ybmStory .con.feature .motion img{max-width:100%}.ybmStory .con.feature .motion .bubble{background:#00bfe6;border-radius:16px;box-shadow:0 20px 20px 0 rgba(0,0,0,.24);display:inline-block;position:absolute}.ybmStory .con.feature .motion .bubble-wrap{padding:10px 23px;position:relative}.ybmStory .con.feature .motion .bubble-wrap:after{background:#00bfe6;content:"";display:block;height:20px;position:absolute;width:20px}.ybmStory .con.feature .motion .bubble-wrap p{color:#fff;font-size:1.8rem;letter-spacing:-1.08px;line-height:1.67;margin:0;text-align:left}.ybmStory .con.feature .motion .bubble.top{right:178px;top:75px}.ybmStory .con.feature .motion .bubble.top .bubble-wrap:after{left:50%;top:-10px;transform:translateX(-50%) rotate(45deg)}.ybmStory .con.feature .motion .bubble.middle{left:155px;top:198px}.ybmStory .con.feature .motion .bubble.middle .bubble-wrap:after{bottom:-10px;right:39px;transform:rotate(45deg)}.ybmStory .con.feature .motion .bubble.bottom{bottom:54px;right:90px}.ybmStory .con.feature .motion .bubble.bottom .bubble-wrap:after{left:180px;top:-10px;transform:rotate(45deg)}.ybmStory .con.feature .grayList{margin:0 auto 40px;padding-top:10px;width:580px}@media only screen and (max-width:768px){.ybmStory .con.feature .grayList{padding:10px 15px 0;width:100%}}.ybmStory .con.feature .grayList li{border:2px solid #ddd;border-radius:8px;font-size:1.8rem;letter-spacing:-1.08px;margin-bottom:4px;padding:7px 0;width:100%}@media only screen and (max-width:768px){.ybmStory .con.feature .grayList li{font-size:1.5rem}}.ybmStory .con.feature .blue{margin:0 auto 40px;padding-top:10px;width:580px}@media only screen and (max-width:768px){.ybmStory .con.feature .blue{padding:10px 15px 0;width:100%}}.ybmStory .con.feature .blue .slick-slide>div{height:87px!important}.ybmStory .con.feature .blue .item{background:#00bfe6;border-radius:16px;box-shadow:0 20px 20px 0 rgba(0,0,0,.24);color:#fff;font-size:1.8rem;font-weight:600;padding:10px 0;position:relative;width:520px!important}@media only screen and (max-width:768px){.ybmStory .con.feature .blue .item{font-size:1.5rem;width:90%!important}}.ybmStory .con.feature .blue .item:after{background:#00bfe6;bottom:-17px;box-shadow:0 20px 20px 0 rgba(0,0,0,.24);content:"";display:block;height:20px;left:50%;position:absolute;transform:rotate(45deg) translateX(-50%);width:20px}.ybmStory .con.feature .grayList.w-700{width:700px}@media only screen and (max-width:768px){.ybmStory .con.feature .grayList.w-700{width:100%}}.ybmStory .con.feature .slide{border:2px solid #ddd;border-radius:16px;height:480px;margin:0 auto 90px;padding:20px;position:relative;width:820px}@media only screen and (max-width:768px){.ybmStory .con.feature .slide{height:auto;margin:0 auto 50px;padding:10px;width:83%}}.ybmStory .con.feature .slide img{width:100%}@media only screen and (max-width:768px){.ybmStory .con.feature .slide .slick-slider{margin-bottom:0}}.ybmStory .con.feature .slide .slick-slider .slick-arrow{top:calc(50% - 49px)}.ybmStory .con.feature .slide .slick-slider .slick-dots{margin-top:35px}@media only screen and (max-width:768px){.ybmStory .con.feature .slide .slick-slider .slick-dots{bottom:-42px;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.ybmStory .con.feature .slide .slick-slider .slick-dots li{height:8px;width:8px}}.ybmStory .con.feature .slide .slick-slider .slick-next{right:-82px}.ybmStory .con.feature .slide .slick-slider .slick-prev{left:-82px}.ybmStory .con.feature .slide .readingfarm{animation:updown .6s ease infinite alternate-reverse;bottom:-47px;position:absolute;right:-10px}.ybmStory .con.feature .slide .readingfarm-wrap{height:100%;position:relative;width:100%}.ybmStory .con.feature .slide .readingfarm-wrap a{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ybmStory .con.feature .slide .readingfarm-wrap .head{background:#78cc25;border-radius:50%;box-shadow:0 20px 20px 0 rgba(0,0,0,.24);color:#fff;font-size:2rem;height:140px;padding-top:27px;width:140px}@media only screen and (max-width:768px){.ybmStory .con.feature .slide .readingfarm-wrap .head{font-size:1.3rem;height:96px;padding-top:17px;width:96px}}.ybmStory .con.feature .slide .readingfarm-wrap .head span{display:block;line-height:normal}.ybmStory .con.feature .slide .readingfarm-wrap .foot{background:#579915;background:url(/img/web/HOME/YBMstory/readingfarm_arrow.png) no-repeat #579915;background-position:center right 15px;border-radius:30px;color:#fff;font-size:1.8rem;height:40px;letter-spacing:-1.08px;line-height:40px;padding-right:15px;position:relative;top:-31px;width:140px}@media only screen and (max-width:768px){.ybmStory .con.feature .slide .readingfarm-wrap .foot{background-position:center right 8px;background-size:5px;font-size:1.3rem;height:24px;left:3px;line-height:24px;padding-right:10px;top:-21px;width:90px}}@keyframes updown{0%{bottom:-47px}to{bottom:-35px}}.ybmStory .con.feature .slide.mo__show{margin:25px auto 50px}.ybmStory .con.feature .slide.mo__show.top{border:none;width:100%!important}.ybmStory .con.feature .slide.h-500{height:500px}.ybmStory .con.feature .imgArea{margin-top:60px}@media only screen and (max-width:768px){.ybmStory .con.feature .imgArea{padding:0 35px 20px}}.ybmStory .con.feature .imgArea>img{display:block;margin:0 auto;max-width:100%}.ybmStory .con.feature .imgArea .cover{border:2px solid #ccc;border-radius:20px;display:inline-block;margin:0 auto 10px;max-width:100%;padding:15px}@media only screen and (max-width:768px){.ybmStory .con.feature .imgArea .cover .img__main{width:100%}.ybmStory .con.feature .imgArea .img__arrow.mo__show{width:80%}}.ybmStory .con.feature .imgArea ul{display:flex;justify-content:center}@media only screen and (max-width:768px){.ybmStory .con.feature .imgArea ul{flex-direction:column}}.ybmStory .con.feature .imgArea ul li{display:flex;flex-direction:column}.ybmStory .con.feature .imgArea ul li span{color:#00bfe6;font-size:2.4rem;padding-bottom:7px}@media only screen and (max-width:768px){.ybmStory .con.feature .imgArea ul li span{font-size:1.4rem;padding:7px 0 0}.ybmStory .con.feature .imgArea ul li img{margin:0 auto;max-width:80%}}.ybmStory .con.feature .imgArea ul li:first-child{margin-right:10px}@media only screen and (max-width:768px){.ybmStory .con.feature .imgArea ul li:first-child{margin-right:0}}.ybmStory .con.feature .zoomIn{padding:40px 0 50px}@media only screen and (max-width:768px){.ybmStory .con.feature .zoomIn{padding:40px 0 10px}.ybmStory .con.feature .zoomIn img{max-width:90%}}.ybmStory .con.feature .img-wrap{background:url(/img/web/HOME/YBMStory/bubble_blue.png) no-repeat 50%;display:inline-block;font-size:0;height:261px;margin:12px 0 27px;position:relative;width:900px}@media only screen and (max-width:768px){.ybmStory .con.feature .img-wrap{background:url(/img/web/HOME/YBMStory/bubble_blue_mo.png) no-repeat 50%;background-size:cover;height:335px;margin:0 0 27px;width:290px}}.ybmStory .con.feature .img-wrap .speech-txt{display:inline-block;height:100px;position:relative;width:440px}@media only screen and (max-width:768px){.ybmStory .con.feature .img-wrap .speech-txt{height:25%;position:static;width:100%}}.ybmStory .con.feature .img-wrap .speech-txt p{font-size:1.8rem;left:50%;letter-spacing:-1.08px;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media only screen and (max-width:768px){.ybmStory .con.feature .img-wrap .speech-txt p{font-size:1.3rem;left:unset;position:relative;top:26px;transform:translate(0)}}.ybmStory .con.feature .img-wrap .speech-txt.left-top{color:#fff;top:6px}.ybmStory .con.feature .img-wrap .speech-txt.right-top{color:#0ac;top:6px}.ybmStory .con.feature .img-wrap .speech-txt.left-bottom{color:#0ac;top:28px}@media only screen and (max-width:768px){.ybmStory .con.feature .img-wrap .speech-txt.left-bottom p{color:#fff;top:13px}}.ybmStory .con.feature .img-wrap .speech-txt.right-bottom{color:#fff;top:28px}@media only screen and (max-width:768px){.ybmStory .con.feature .img-wrap .speech-txt.right-bottom p{color:#0ac;top:20px}}.ybmStory .con.feature h4{color:#666;font-size:2.4rem;letter-spacing:-1.44px;line-height:1.6}@media only screen and (max-width:768px){.ybmStory .con.feature h4{font-size:1.5rem;letter-spacing:-1.8px;word-spacing:-1px}}.ybmStory .con.feature h4 strong{color:#222;font-size:2.8rem;padding:0 5px;position:relative;vertical-align:baseline}@media only screen and (max-width:768px){.ybmStory .con.feature h4 strong{font-size:1.8rem;letter-spacing:-2px}}.ybmStory .con.feature h4 strong:after{background:#fff54c;border-radius:8px;bottom:0;content:"";display:block;height:54%;left:0;position:absolute;width:100%;z-index:-1}@media only screen and (max-width:768px){.ybmStory .con.feature h4 strong:after{bottom:5px}}.ybmStory .con.feature h4 i.icon{height:32px;width:32px}@media only screen and (max-width:768px){.ybmStory .con.feature h4 i.icon{height:20px;width:20px}}.ybmStory .con.feature .tablet-clickable{margin-top:40px}.ybmStory .con.feature .tablet-clickable .slide{border:none;position:relative}.ybmStory .con.feature .tablet-clickable .slide img{left:0;position:absolute;top:0}.ybmStory .con.feature .tablet-clickable .slide .mapImg{display:none}.ybmStory .con.feature .flow-banner{height:180px;margin:50px auto 25px;overflow:hidden;position:relative;width:1182px}@media only screen and (max-width:768px){.ybmStory .con.feature .flow-banner{height:90px;margin:30px auto 10px;overflow:hidden;width:360px}}.ybmStory .con.feature .flow-banner:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));content:"";display:block;height:100%;left:0;position:absolute;top:0;width:180px;z-index:1}@media only screen and (max-width:768px){.ybmStory .con.feature .flow-banner:before{display:none}}.ybmStory .con.feature .flow-banner:after{background:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0));content:"";display:block;height:100%;position:absolute;right:0;top:0;width:180px}@media only screen and (max-width:768px){.ybmStory .con.feature .flow-banner:after{display:none}}.ybmStory .con.feature .flow-banner ul{font-size:0;left:0;position:absolute;top:0;width:1576px}@media only screen and (max-width:768px){.ybmStory .con.feature .flow-banner ul{left:-67px;width:143%}}.ybmStory .con.feature .flow-banner ul li{display:inline-block;height:180px;margin-right:17px;width:180px}.ybmStory .con.feature .flow-banner ul li img{width:100%}@media only screen and (max-width:768px){.ybmStory .con.feature .flow-banner ul li{height:90px;width:90px}}.ybmStory .con.feature p.ex-txt{color:#666;font-size:1.6rem;letter-spacing:-.96px}@media only screen and (max-width:768px){.ybmStory .con.feature p.ex-txt{font-size:1.2rem}}.ybmStory .con.feature .phone{padding-top:30px}@media only screen and (max-width:768px){.ybmStory .con.feature .phone{padding-top:10px}}.ybmStory .con.feature .phone img{max-width:100%}@media only screen and (max-width:768px){.ybmStory .con.feature .phone img{max-width:70%}}.ybmStory .con.feature .phone span{color:#666;display:block;font-size:1.8rem;font-weight:700;letter-spacing:-1.08px;padding-top:20px}@media only screen and (max-width:768px){.ybmStory .con.feature .phone span{font-size:1.3rem;padding-top:15px}}.ybmStory .con.feature .dashed-box{background:#00bfe6;border-radius:24px;box-shadow:5px 8.7px 20px 0 rgba(0,0,0,.12);margin:40px auto;padding:6px;position:relative;width:920px}@media only screen and (max-width:768px){.ybmStory .con.feature .dashed-box{border-radius:12px;margin:30px auto;max-width:320px;width:100%}}.ybmStory .con.feature .dashed-box:after,.ybmStory .con.feature .dashed-box:before{content:"";display:block;height:35px;position:absolute;width:48px}@media only screen and (max-width:768px){.ybmStory .con.feature .dashed-box:after,.ybmStory .con.feature .dashed-box:before{display:none}}.ybmStory .con.feature .dashed-box:before{background:url(/img/web/HOME/YBMStory/mark_start.png) no-repeat 50%;left:25px;top:-10px}.ybmStory .con.feature .dashed-box:after{background:url(/img/web/HOME/YBMStory/mark_end.png) no-repeat 50%;right:25px;top:-10px}.ybmStory .con.feature .dashed-box .dashed{border:3px dashed #009fbf;border-radius:20px;padding:7px 0}@media only screen and (max-width:768px){.ybmStory .con.feature .dashed-box .dashed{border-radius:8px}}.ybmStory .con.feature .dashed-box .dashed p{color:#fff;font-size:2.4rem;letter-spacing:-1.44px;margin:0}@media only screen and (max-width:768px){.ybmStory .con.feature .dashed-box .dashed p{font-size:1.6rem;letter-spacing:-1.92px}}.ybmStory .con.feature .dashed-box .dashed p strong{color:#fff952;font-size:2.8rem;vertical-align:baseline}@media only screen and (max-width:768px){.ybmStory .con.feature .dashed-box .dashed p strong{font-size:1.8rem;letter-spacing:-2.16px}}.ybmStory .con.curriculum{padding-top:0}.ybmStory .con.curriculum .con-intro{background:url(/img/web/HOME/YBMStory/curriculum_back.png) no-repeat 50%;padding:80px 0 120px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro{background:url(/img/web/HOME/YBMStory/curriculum_back_mo.png) no-repeat 50%;background-size:cover;padding:40px 0 10px}}.ybmStory .con.curriculum .con-intro .title{padding-top:35px}.ybmStory .con.curriculum .con-intro .title .sub-tit{color:#bcc1cc;font-size:2.2rem;letter-spacing:-1.35px;line-height:1.67;margin:0}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .title .sub-tit{font-size:1.5rem}}.ybmStory .con.curriculum .con-intro .title .sub-tit strong{color:#fff952;font-size:2.4rem;vertical-align:baseline}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .title .sub-tit strong{font-size:1.6rem}}.ybmStory .con.curriculum .con-intro .table{margin:56px auto 0;width:1182px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table{margin:80px auto 0;width:calc(100% - 30px)}}.ybmStory .con.curriculum .con-intro .table .row{display:flex;margin-bottom:4px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row{margin-bottom:65px;position:relative}.ybmStory .con.curriculum .con-intro .table .row:last-child .th ul li{height:90px}}.ybmStory .con.curriculum .con-intro .table .row .th{background:#fff;border-radius:10px 0 0 10px;padding:4px;width:25%}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .th{width:68px}}.ybmStory .con.curriculum .con-intro .table .row .th ul{margin:0}.ybmStory .con.curriculum .con-intro .table .row .th ul li{background:#f6f6f6;border:2px solid #eee;border-radius:8px;box-sizing:border-box;height:80px;margin-bottom:2px;width:100%}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .th ul li{border:none;border-radius:4px;height:65px;overflow:hidden}}.ybmStory .con.curriculum .con-intro .table .row .th ul li .level-block__pc{border-radius:8px;display:block;height:100%;overflow:hidden;position:relative;width:120px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .th ul li .level-block__pc{display:none}}.ybmStory .con.curriculum .con-intro .table .row .th ul li .level-block__pc:after{border-radius:8px;color:#fff;display:block;font-size:2.2rem;font-style:"roboto";font-weight:900;height:80px;line-height:80px;position:absolute;right:0;top:-2px;width:120px}.ybmStory .con.curriculum .con-intro .table .row .th ul li .level-block__mo{align-items:center;background:#000;border-radius:4px;color:#fff;display:none;flex-direction:column;font-size:1.3rem;height:100%;justify-content:center;line-height:normal;width:100%}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .th ul li .level-block__mo{display:flex}}.ybmStory .con.curriculum .con-intro .table .row .th ul li .level-block__mo em{display:block}.ybmStory .con.curriculum .con-intro .table .row .th ul li .level-block__mo strong{font-size:1.8rem}.ybmStory .con.curriculum .con-intro .table .row .th ul li:last-of-type{margin-bottom:0}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-1 span.level-block__pc:after{background:#ff4242;content:"Level 1"}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-1 span.level-block__mo{background:#ff4242}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-2 span.level-block__pc{background:#ffaa7f}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-2 span.level-block__pc:after{background:#ff8142;content:"Level 2"}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-2 span.level-block__mo{background:#ff8142}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-3 span.level-block__pc{background:#b8e65c}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-3 span.level-block__pc:after{background:#96cc29;content:"Level 3"}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-3 span.level-block__mo{background:#96cc29}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-4 span.level-block__pc{background:#6dcc3d}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-4 span.level-block__pc:after{background:#53b324;content:"Level 4"}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-4 span.level-block__mo{background:#53b324}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-5 span.level-block__pc{background:#29ccb1}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-5 span.level-block__pc:after{background:#12b398;content:"Level 5"}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-5 span.level-block__mo{background:#12b398}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-6 span.level-block__pc{background:#2ec7e6}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-6 span.level-block__pc:after{background:#14adcc;content:"Level 6"}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-6 span.level-block__mo{background:#14adcc}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-7 span.level-block__pc{background:#39f}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-7 span.level-block__pc:after{background:#177ee6;content:"Level 7"}.ybmStory .con.curriculum .con-intro .table .row .th ul li.level-7 span.level-block__mo{background:#177ee6}.ybmStory .con.curriculum .con-intro .table .row .td{background:#fff;border-radius:0 10px 10px 0;position:relative;width:56%}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td{padding-top:20px;width:calc(100% - 68px)}}.ybmStory .con.curriculum .con-intro .table .row .td ul{margin:0;padding:0 92px 0 45px;position:absolute;top:50%;transform:translateY(-50%)}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td ul{padding:0 20px 0 25px;top:unset;transform:unset}}.ybmStory .con.curriculum .con-intro .table .row .td ul li{color:#666;font-size:2rem;letter-spacing:-1.2px;padding:5px 0;position:relative;text-align:left}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td ul li{font-size:1.3rem}}.ybmStory .con.curriculum .con-intro .table .row .td ul li:before{background:#00bfe6;border-radius:50%;content:"";display:block;height:8px;left:-18px;position:absolute;top:16px;width:8px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td ul li:before{height:6px;left:-13px;top:50%;transform:translateY(-50%);width:6px}}.ybmStory .con.curriculum .con-intro .table .row .td ul li strong{color:#222}.ybmStory .con.curriculum .con-intro .table .row .td.right{background:#00bfe6;border-radius:10px;padding:5px;width:19%}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td.right{position:absolute;top:-46px;width:100%}}.ybmStory .con.curriculum .con-intro .table .row .td.right .dashed{align-items:center;border:3px dashed hsla(0,0%,100%,.6);border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td.right .dashed{border:1.5px dashed hsla(0,0%,100%,.6);flex-direction:unset;justify-content:flex-start;padding:6px 0}}.ybmStory .con.curriculum .con-intro .table .row .td.right .dashed h5{color:#fff;font-size:2.3rem;letter-spacing:-1.41px;margin-bottom:10px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td.right .dashed h5{font-size:1.6rem;margin:0;padding:0 10px 0 15px}}.ybmStory .con.curriculum .con-intro .table .row .td.right .dashed span{background:#006a80;border-radius:16px;color:#fff;font-size:1.6rem;letter-spacing:-.96px;padding:6px 18px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-intro .table .row .td.right .dashed span{font-size:1.2rem;padding:1px 15px}}.ybmStory .con.curriculum .con-effect{background:url(/img/web/HOME/YBMStory/effect_back.png) no-repeat 50%;display:flex;height:700px;padding-top:170px;position:relative}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect{background:url(/img/web/HOME/YBMStory/effect_back_mo.png) no-repeat 50%;background-position:bottom;background-size:cover;height:505px;padding-top:110px}}.ybmStory .con.curriculum .con-effect--title{border:4px solid #fff;border-radius:4px;color:#fff;font-size:2.4rem;left:50%;letter-spacing:-1.44px;padding:3px 20px;position:absolute;top:80px;transform:translateX(-50%)}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect--title{border:3px solid #fff;font-size:1.5rem;letter-spacing:-1.89px;padding:1px 10px;top:30px}}.ybmStory .con.curriculum .con-effect .effect{width:50%}.ybmStory .con.curriculum .con-effect .effect ul{display:flex;margin:0}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect ul{flex-direction:column}}.ybmStory .con.curriculum .con-effect .effect ul li{background:#fff;border-radius:16px;box-shadow:0 20px 20px 0 rgba(0,0,0,.16);height:208px;position:relative;width:280px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect ul li{height:90px;padding:10px;width:155px}.ybmStory .con.curriculum .con-effect .effect ul li:first-of-type{margin-bottom:40px}}.ybmStory .con.curriculum .con-effect .effect ul li:before{background:#0f6671;border-radius:16px 0 16px 0;color:#fff;content:"";display:block;font-family:NanumSquare,sans-serif;font-size:2rem;font-weight:900;height:40px;left:0;line-height:40px;position:absolute;top:0;width:90px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect ul li:before{border-radius:12px 12px 0 0;font-size:1.4rem;height:30px;left:20px;line-height:30px;top:-30px;width:75px}}.ybmStory .con.curriculum .con-effect .effect ul li p{font-size:1.8rem;letter-spacing:-1.08px;line-height:1.67;margin:0}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect ul li p{font-size:1.4rem;text-align:left}}.ybmStory .con.curriculum .con-effect .effect ul li img{padding:20px 0 10px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect ul li img{display:none}}.ybmStory .con.curriculum .con-effect .effect-left ul{justify-content:flex-end;padding-right:10px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect-left ul{align-items:flex-end;padding-right:5px}}.ybmStory .con.curriculum .con-effect .effect-left ul li:first-child{margin-right:20px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect-left ul li:first-child{margin-right:0}}.ybmStory .con.curriculum .con-effect .effect-left ul li:first-child:before{content:"듣기"}.ybmStory .con.curriculum .con-effect .effect-left ul li:last-child:before{content:"말하기"}.ybmStory .con.curriculum .con-effect .effect-right ul{justify-content:flex-start;padding-left:10px}@media only screen and (max-width:768px){.ybmStory .con.curriculum .con-effect .effect-right ul{padding-left:5px}}.ybmStory .con.curriculum .con-effect .effect-right ul li:first-child{margin-right:20px}.ybmStory .con.curriculum .con-effect .effect-right ul li:first-child:before{content:"쓰기"}.ybmStory .con.curriculum .con-effect .effect-right ul li:last-child:before{content:"읽기"}@media only screen and (max-width:768px){.ybmStory .con.composition{padding-top:80px}}.ybmStory .con.composition .con-intro .title{padding:50px 0 30px}.ybmStory .con.composition .con-intro .title h4{align-items:center;color:#666;display:flex;font-size:2.8rem;font-weight:700;justify-content:center;letter-spacing:-.57px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-intro .title h4{align-items:unset;display:block;font-size:1.6rem;font-weight:400;justify-content:unset;word-break:keep-all}}.ybmStory .con.composition .con-intro .title h4 span{margin-right:5px;vertical-align:middle}@media only screen and (max-width:768px){.ybmStory .con.composition .con-intro .title h4 span{font-size:1.6rem;margin-right:0}}.ybmStory .con.composition .con-intro .title h4 strong{color:#222;font-size:4rem;margin-right:5px;vertical-align:middle}@media only screen and (max-width:768px){.ybmStory .con.composition .con-intro .title h4 strong{font-size:2.4rem;margin-right:0}}.ybmStory .con.composition .con-intro .title h4 strong:last-child{font-size:3.1rem}@media only screen and (max-width:768px){.ybmStory .con.composition .con-intro .title h4 strong:last-child{font-size:2rem}}.ybmStory .con.composition .con-intro .title h4 em{color:#222;vertical-align:baseline}@media only screen and (max-width:768px){.ybmStory .con.composition .con-intro .title h4 em{font-weight:700}}.ybmStory .con.composition .con-intro .title h4 i{background:url(/img/web/HOME/YBMStory/plus.png) no-repeat 50%;background-size:100%;display:inline-block;height:24px;margin:0 17px;vertical-align:middle;width:24px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-intro .title h4 i{height:16px;margin:0 10px;width:16px}}.ybmStory .con.composition .con-table{margin:0 auto;padding-top:45px;width:1182px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table{padding:45px 15px 0;width:100%}}.ybmStory .con.composition .con-table .block{display:flex;margin-bottom:10px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block{flex-direction:column;margin-bottom:20px}}.ybmStory .con.composition .con-table .block-title{align-items:center;background:#00b388;border-radius:12px 0 0 12px;display:flex;flex-direction:column;justify-content:center;width:180px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-title{border-radius:8px;flex-direction:unset;margin-bottom:4px;padding:10px 0;width:100%}}.ybmStory .con.composition .con-table .block-title h5{color:#fff;font-size:2.3rem;letter-spacing:-.47px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-title h5{font-size:1.8rem;font-weight:500;margin:0 10px 0 0}}.ybmStory .con.composition .con-table .block-title span{color:#fff;font-size:2rem;letter-spacing:-.4px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-title span{font-size:1.4rem;font-weight:400}}.ybmStory .con.composition .con-table .block-contents{width:calc(100% - 180px)}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents{width:100%}}.ybmStory .con.composition .con-table .block-contents .row{display:flex}.ybmStory .con.composition .con-table .block-contents .row:first-of-type .play{border-radius:0 12px 0 0}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row:first-of-type .play{border-radius:0 8px 0 0}.ybmStory .con.composition .con-table .block-contents .row:first-of-type .th{border-radius:8px 0 0 0}}.ybmStory .con.composition .con-table .block-contents .row:last-of-type .th{border-bottom:2px solid #00b388}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row:last-of-type .th{border-radius:0 0 0 8px}}.ybmStory .con.composition .con-table .block-contents .row:last-of-type .td{border-bottom:2px solid #ddd}.ybmStory .con.composition .con-table .block-contents .row:last-of-type .play{border-radius:0 0 12px 0}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row:last-of-type .play{border-radius:0 0 8px 0}}.ybmStory .con.composition .con-table .block-contents .row .th{border-right:2px solid #00b388;border-top:2px solid #00b388;font-family:NanumSquare,sans-serif;font-size:2rem;letter-spacing:-.4px;padding:20px 0;width:22%}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row .th{border-left:2px solid #00b388;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;padding:12px 0;width:25%}}.ybmStory .con.composition .con-table .block-contents .row .th .sub-txt{color:#666;font-family:initial;font-size:1.6rem;letter-spacing:-.32px;margin-left:5px;vertical-align:middle}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row .th .sub-txt{display:block;font-size:1rem;font-weight:700;margin:0}}.ybmStory .con.composition .con-table .block-contents .row .th .sub-txt.teacher{display:block}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row .th .sub-txt.teacher{display:none}}.ybmStory .con.composition .con-table .block-contents .row .td{align-items:center;background:#f6f6f6;border-top:2px solid #ddd;display:flex;font-size:1.8rem;letter-spacing:-1.08px;padding-left:32px;text-align:left;width:66%}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row .td{font-size:1.3rem;padding:12px 0 12px 10px;width:63%}}.ybmStory .con.composition .con-table .block-contents .row .td:last-child{border-left:2px dashed #ddd;border-right:2px solid #ddd;display:flex;justify-content:center;padding:0;width:12%}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row .td:last-child{border-left:none}}.ybmStory .con.composition .con-table .block-contents .row .td:last-child i.icon{background:url(/img/web/HOME/YBMStory/pc_icon.png) no-repeat 50%;background-size:100%;cursor:pointer;height:34px;width:40px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row .td:last-child i.icon{width:20px}}.ybmStory .con.composition .con-table .block-contents .row .td:last-child .icon.active{background:url(/img/web/HOME/YBMStory/pc_icon_active.png) no-repeat 50%;background-size:100%}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row .td:last-child .icon.active{width:20px}}.ybmStory .con.composition .con-table .block-contents .row.sub .th{padding:50px 0}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row.sub .th{padding:30px 0}}.ybmStory .con.composition .con-table .block-contents .row.sub .td:not(.play){align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:20px 50px 20px 32px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row.sub .td:not(.play){padding:10px}}.ybmStory .con.composition .con-table .block-contents .row.sub .td:not(.play) p{background:#eee;border-radius:8px;font-size:1.6rem;letter-spacing:-.96px;line-height:1.75;margin:13px 0 0;padding:10px 90px 10px 20px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row.sub .td:not(.play) p{font-size:1.2rem;line-height:1.5;margin:5px 0 0;padding:10px}}.ybmStory .con.composition .con-table .block-contents .row.sub .td:not(.play) .mark{border-radius:4px;color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:5px;padding:0 6px}.ybmStory .con.composition .con-table .block-contents .row.sub .td:not(.play) .mark__reading{background:#00b388}.ybmStory .con.composition .con-table .block-contents .row.sub .td:not(.play) .mark__speaking{background:#78cc25}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block-contents .row.sub .td.play{align-items:center;padding:0}}.ybmStory .con.composition .con-table .block__top{position:relative}.ybmStory .con.composition .con-table .block__top .top-title{align-items:center;background:#0f6671;border-radius:16px 16px 0 0;display:flex;justify-content:center;left:50%;padding:8px 0;position:absolute;top:-51px;transform:translateX(-50%);width:480px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block__top .top-title{border-radius:30px;padding:4px 0;width:240px}}.ybmStory .con.composition .con-table .block__top .top-title span{background:#fff;display:block;height:2px;opacity:.4;width:120px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block__top .top-title span{width:50px}}.ybmStory .con.composition .con-table .block__top .top-title strong{color:#fff;font-size:2.2rem;margin:0 20px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block__top .top-title strong{font-size:1.4rem;font-weight:400;letter-spacing:-1.12px;margin:0 10px 1px}}.ybmStory .con.composition .con-table .block__middle .block-title{background:#78cc25}.ybmStory .con.composition .con-table .block__middle .block-contents .row .th{border-color:#78cc25}.ybmStory .con.composition .con-table .block__bottom .block-title{background:#ff9633;width:400px}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block__bottom .block-title{width:100%}}.ybmStory .con.composition .con-table .block__bottom .block-title h5{margin:0}.ybmStory .con.composition .con-table .block__bottom .block-contents{width:calc(100% - 400px)}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block__bottom .block-contents{width:100%}}.ybmStory .con.composition .con-table .block__bottom .block-contents .row .td{padding:22px 0 22px 32px;width:84.7%}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block__bottom .block-contents .row .td{border-left:2px solid #ddd;border-radius:8px 0 0 8px;padding:11px 0 11px 10px;width:88%}}.ybmStory .con.composition .con-table .block__bottom .block-contents .row .td.play{border-radius:0 12px 12px 0;padding:0;width:15.3%}@media only screen and (max-width:768px){.ybmStory .con.composition .con-table .block__bottom .block-contents .row .td.play{border-left:none;border-radius:0 8px 8px 0;width:12%}}.ybmStory .con.review .con-intro .title{margin-bottom:25px}@media only screen and (max-width:768px){.ybmStory .con.review .con-intro .title{align-items:flex-start;background:url(/img/web/HOME/YBMStory/review_back_mo.png) no-repeat 50%;background-size:cover;display:flex;height:210px;justify-content:center;margin:30px 0 0;padding:39px 0 0;width:100%}.ybmStory .con.review .con-intro .title h1{color:#fff}}.ybmStory .con.review .con-intro .title h1 .mo-show{display:none}@media only screen and (max-width:768px){.ybmStory .con.review .con-intro .title h1 .mo-show{display:block}}.ybmStory .con.review .con-result{background:#e4faf6}@media only screen and (max-width:768px){.ybmStory .con.review .con-result .review-list{position:relative;top:-80px}.ybmStory .con.review .con-result{background:none;background:#e4faf6;position:relative}.ybmStory .con.review .con-result:after{background:#f0f0f0;bottom:0;box-shadow:inset 0 3px 0 0 rgba(0,0,0,.04);content:"";display:block;height:10px;position:absolute;width:100%}.ybmStory .con.review .con-result img{max-width:100%}}.ybmStory .con.review .con-result ul{margin:0 auto;padding:80px 0;width:1182px}@media only screen and (max-width:768px){.ybmStory .con.review .con-result ul{padding:0;width:90%}}.ybmStory .con.review .con-result ul li p.con{height:175px}@media only screen and (max-width:768px){.ybmStory .con.review .con-result ul .slick-dots{margin-top:30px}}