@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
/*! 페이지 컨트롤 */
.pageClassReadingApply #content{margin-bottom:0}
/*! 상세 컨텐츠 에디터 영역 - 컨텐츠 사이즈 정의 */
.table-view-body-desc img{width:100%}
/*!  Class 공통 영역 */
.bt-none{border-top:0}
.bg-white{background-color:#fff}
.ico-megaphone{background-image:url("../images/common/ico_megaphone@2x.png");width:2.3rem;height:1.7rem;background-size:2.3rem 1.7rem}
.ico-bus{background-image:url("../images/common/ico_bus_off@2x.png");width:5rem;height:3.7rem;background-size:5rem 3.7rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-page{background-image:url("../images/common/ico_page_off@2x.png");width:4.5rem;height:3.6rem;background-size:4.5rem 3.6rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-purse{background-image:url("../images/common/ico_purse_off@2x.png");width:3.9rem;height:4.2rem;background-size:3.9rem 4.2rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-bowl{background-image:url("../images/common/ico_bowl_off@2x.png");width:4.3rem;height:5.3rem;background-size:4.3rem 5.3rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-cal{background-image:url("../images/common/ico_cal_off@2x.png");width:4.2rem;height:4.2rem;background-size:4.2rem 4.2rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-letter{background-image:url("../images/common/ico_letter_off@2x.png");width:4.8rem;height:3.5rem;background-size:4.8rem 3.5rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
[class*="ico-reading-intro"]{width:5rem;height:5rem;background-size:5rem 5rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-reading-intro01{background-image:url("../images/common/ico_reading_intro01_off@2x.png")}
.ico-reading-intro02{background-image:url("../images/common/ico_reading_intro02_off@2x.png")}
.ico-reading-intro03{background-image:url("../images/common/ico_reading_intro03_off@2x.png")}
.ico-reading-intro04{background-image:url("../images/common/ico_reading_intro04_off@2x.png")}
.ico-reading-intro05{background-image:url("../images/common/ico_reading_intro05_off@2x.png")}
.ico-reading-intro06{background-image:url("../images/common/ico_reading_intro06_off@2x.png")}
.class-top-container{position:relative;overflow:hidden;padding:18.5rem 0 0 0}
.tab-wrapper{height:5rem;margin-top:2.8rem}
.class-container{position:relative}
.class-container.bg01{background-color:#f9f9f9;margin-top:4.5rem;padding-bottom:4rem}
.class-container.centered{padding:0 2rem}
.class-container.overflow-hide{overflow:hidden}
.class-container .tab-nav-container.middle-type{-webkit-transition:width .15s ease-in-out;-o-transition:width .15s ease-in-out;transition:width .15s ease-in-out}
.class-container .tab-nav-container.middle-type.sticky{width:100%}
.class-head-wrap{margin-top:4.2rem;margin-bottom:1rem}
.class-head-wrap .title{font-size:2.5rem;line-height:1.4;font-weight:700}
.class-head-wrap .desc{font-size:1.5rem;line-height:1.66;font-weight:400;margin-top:0.7rem}
.class-head-wrap .desc .txt.type01{margin-left:-0.4rem}
.class-head-wrap .class-sorting-area{margin-top:3rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.class-head-wrap .sorting-box{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);width:-webkit-calc(100% - 2rem);width:calc(100% - 2rem)}
.class-head-wrap .form-align-type01{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.class-head-wrap .form-col{margin-left:2.2rem;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
.class-head-wrap .form-col:first-child{margin-left:0}
.class-head-wrap .result{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;padding-right:2rem;font-size:0;min-width:5.2rem}
.class-head-wrap .result .txt{font-size:1.5rem;line-height:1.66;font-weight:400;display:inline-block}
.class-head-wrap .result .num{font-size:1.5rem;line-height:1.66;font-weight:700;color:#e1002a;display:inline-block;margin-left:0.5rem}
/*! 수업체험 - 상세소개 */
.class-top-info-container{position:relative;margin-top:-3.8rem;padding:0 2rem 2rem 2rem}
.class-top-info-bg{position:absolute;bottom:0;left:0;width:100%;height:-webkit-calc(100% - 38px);height:calc(100% - 38px);height:-webkit-calc(100% - 3.8rem);height:calc(100% - 3.8rem)}
.class-top-info-bg.color01{background-color:#d2dc92}
.class-top-info-bg.color02{background-color:#ffe18e}
.class-top-info-bg.color03{background-color:#c2e7ef}
.class-top-info-align{position:relative;z-index:1;background-color:#fff;padding:1.5rem 2rem 2.5rem 2rem;border-radius:1rem}
.class-top-info-title .ico-mark{width:1.7rem;height:1.7rem;background:url("../images/common/ico_info_black@2x.png") no-repeat center center;background-size:1.7rem 1.7rem}
.class-top-info-title .txt{margin-left:0.3rem;font-size:1.7rem;line-height:1.58;color:#222;font-weight:700}
.class-top-info-list{margin-top:1rem}
.class-top-info-list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:1rem}
.class-top-info-list-item:first-child{margin-top:0}
.class-top-info-list-tit{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:9rem;position:relative;font-size:1.5rem;line-height:1.66;font-weight:500;color:#222;padding-left:0.8rem}
.class-top-info-list-tit:before{content:'';border-radius:50%;width:0.3rem;height:0.3rem;background-color:#e1002a;position:absolute;top:1rem;left:0}
.class-top-info-list-desc{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;font-size:1.5rem;line-height:1.66;color:#222}
.class-top-info-list-desc .sub-desc{font-size:1.3rem;line-height:1.76;color:#666}
.btn-container.class-detail-btn-container01{margin-top:2.5rem}
.btn-container.class-detail-btn-container01 .btn-lv02{margin-right:1rem}
.btn-container.class-detail-btn-container02{margin-top:4rem;padding:0 2rem 0 2rem}
/*! 수업체험 - 상세 - 커리큘럼 */
.class-tag-container{margin-top:1.6rem}
.class-tag-title-container{padding:0 2rem 0 2rem}
.class-tag-title{font-size:1.8rem;line-height:1.55;font-weight:500;color:#222;position:relative;padding-left:0.7rem}
.class-tag-title:before{content:'';width:0.3rem;height:0.3rem;border-radius:50%;background-color:#e1002a;position:absolute;top:50%;left:0;margin-top:-0.2rem}
.class-tag-list-container{overflow-y:hidden;height:4.2rem;margin-top:0.8rem}
.class-tag-list{-webkit-overflow-scrolling:touch;overflow-y:hidden;overflow-x:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding-bottom:2rem}
.class-tag-list-item{margin-right:0.5rem}
.class-tag-list-item:first-child{margin-left:2rem}
.class-tag-list-link{white-space:nowrap;display:block;min-width:70px;padding:0.7rem 2rem 0.7rem 2rem;border:1px solid #ddd;text-align:center;border-radius:4rem}
.class-tag-list-link .txt{font-size:1.5rem;line-height:1.66;font-weight:500;color:#222}
.class-tag-list-link.on,.class-tag-list-link:active{background-color:#e1002a;border:1px solid #e1002a}
.class-tag-list-link.on .txt,.class-tag-list-link:active .txt{color:#fff}
.class-tbl-container01{margin-top:2.5rem;padding:0 2rem 0 2rem}
.class-tbl-container01 .tbl-fixed-scroll .scrollbar-inner{height:auto}
.flag{width:4rem;height:4rem;border-radius:4rem;font-size:1.2rem;line-height:1.83;font-weight:700;color:#fff;z-index:2;background-color:#ccc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flag.red{background-color:#e1002a}
.flag.green{background-color:#00bca9}
.flag.blue{background-color:#4051b8}
/*! 체험교실 - 일정 부분 */
/*! 체험교실 - 일정 부분 */
.class-item-list-wrapper .class-item-list{margin-bottom:3rem}
.class-item-list-wrapper .detail-link{display:block}
.class-item-list-wrapper .img-box{position:relative;overflow:hidden;border-radius:1rem;width:100%}
.class-item-list-wrapper .img-box::after{content:"";display:block;padding-top:57%;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);z-index:2;position:relative}
.class-item-list-wrapper .img-box .flag{position:absolute;right:1.5rem;top:1.5rem;z-index:3}
.class-item-list-wrapper .img-box .info{position:absolute;right:1.1rem;bottom:1.5rem;font-size:1.3rem;line-height:1.76;font-weight:500;z-index:3}
.class-item-list-wrapper .img-box .info .txt{color:#fff}
.class-item-list-wrapper .img-box .info .num{color:#ffe53f}
.class-item-list-wrapper .img-box img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.class-item-list-wrapper img{width:100%}
.class-item-list-wrapper .item-title{margin-top:1rem;font-size:1.8rem;line-height:1.55;line-height:1.4;font-weight:700;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.class-item-list-wrapper .detail-box{margin-top:0.6rem}
.class-item-list-wrapper .detail{position:relative;font-size:1.5rem;line-height:1.66;color:#222;padding-left:1rem;margin-top:0.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.class-item-list-wrapper .detail::before{content:"";position:absolute;top:1.4rem;left:0;height:0.3rem;width:0.3rem;border-radius:0.3rem;background-color:#e1002a}
.class-item-list-wrapper .detail .which{font-weight:700;display:inline-block;margin-right:0.5rem}
.class-item-list-wrapper .detail .data{font-weight:400;display:inline-block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
/*! 체험교실 - 커리 큘럼 부분 */
/*! 체험교실 - 커리 큘럼 부분 */
.swiper-container img{width:100%}
.curriculum-swipe-container{padding:3rem 0 6rem}
.curriculum-swipe-container .swiper-slide{opacity:.3;-webkit-box-shadow:0;box-shadow:0;-webkit-transition:opacity .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;-o-transition:opacity .3s ease-in-out,box-shadow .3s ease-in-out;transition:opacity .3s ease-in-out,box-shadow .3s ease-in-out;transition:opacity .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;border-radius:1rem;overflow:hidden}
.curriculum-swipe-container .swiper-slide-active{opacity:1;-webkit-box-shadow:10px 10px 8px rgba(0, 0, 0, 0.1);box-shadow:10px 10px 8px rgba(0, 0, 0, 0.1)}
.curriculum-swipe-container .flag{position:absolute;z-index:3;top:1.5rem;left:1.5rem}
.curriculum-swipe-container .txt{position:absolute;z-index:3;bottom:1.5rem;left:2rem;font-size:1.5rem;line-height:1.66;font-weight:500;color:#fff}
.curriculum-swipe-container .link{display:block}
.curriculum-swipe-container .img-box::after{content:"";display:block;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);z-index:2;position:absolute;border-radius:1rem}
.curriculum-swipe-container img{position:relative;z-index:1}
.curriculum-swipe-container [class*="swiper-btn"]{display:none}
[class*="Curriculum"] .tbl-container01{margin-top:2rem}
/*! 탐구교실, 리딩코치 - 소개 부분 */
.explore-hello-area{margin-top:4rem}
.explore-hello-txt01{font-size:2.5rem;line-height:1.4;font-weight:700;color:#222;margin-bottom:0.5rem}
.explore-hello-txt02{font-size:1.5rem;line-height:1.66;color:#222}
.explore-hello-txt03{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding-top:0.1rem}
.explore-hello-txt03 .tit01{position:relative;font-size:1.5rem;line-height:1.66;font-weight:500;color:#222}
.explore-hello-txt03 .tit01:before{content:'';margin-right:0.6rem;margin-bottom:0.4rem;display:inline-block;width:3px;height:3px;border-radius:50%;background-color:#e1002a}
.explore-hello-txt03 .desc01{margin-left:0.7rem;font-size:1.5rem;line-height:1.66;color:#222}
.explore-hello-img01{margin:0 auto;margin-top:3rem;width:28rem}
.explore-hello-img01 img{width:100%}
.explore-notice-container{border:1px solid #ddd;border-radius:1rem;padding:3rem 2.5rem 3rem 2.5rem;margin-top:1.5rem}
.explore-notice-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border-top:1px dashed #ccc;padding:1.5rem 0 1.5rem 0}
.explore-notice-item:first-child{border-top:0;padding-top:0}
.explore-notice-item:last-child{padding-bottom:0}
.explore-notice-count{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:3rem;margin-top:-0.2rem;font-size:1.7rem;line-height:1.58;color:#222;font-weight:700;font-family:"Mulish";letter-spacing:-0.025em}
.explore-notice-txt{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;font-size:1.3rem;line-height:1.76;color:#222;letter-spacing:-0.025em}
.explore-notice-txt .point01{display:inline-block;vertical-align:top;position:relative;font-weight:700}
.explore-notice-txt .point01:after{content:'';z-index:-1;position:absolute;bottom:0.4rem;left:0;width:100%;background-color:#eee;height:0.9rem}
.explore-notice-txt .point02{display:inline-block;vertical-align:top;margin-top:-1px;position:relative;font-weight:700;font-size:1.5rem;line-height:1.66}
/*! 체험교실 - 소개 부분 */
/*! 체험교실 - 소개 부분 */
.swiper-notice-box{height:6rem;background-color:#fff;margin-left:-2rem;margin-right:-2rem}
.swiper-notice-box .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 2rem 0 2rem}
.swiper-notice-box .swiper-slide .link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 0.9rem}
.swiper-notice-box .txt{font-size:1.5rem;line-height:1.66;font-weight:500;margin-left:1rem}
.bg-character{height:39rem;background-image:url(../images/class/Intro_experience_img01.jpg);background-repeat:no-repeat;background-size:37.5rem 33rem;background-position:center bottom;background-color:#fef9cf}
.bg-character .txt.bold{font-weight:700}
.swiper-identity{width:27rem;margin-left:2rem;margin-top:2.5rem;padding-bottom:1rem;overflow:visible}
.swiper-identity .number-box{position:absolute;top:1rem;left:1rem;z-index:1}
.swiper-identity .num{display:block;text-align:center;font-size:1.7rem;line-height:1.58;font-weight:700;font-family:"Mulish";min-width:4rem;min-height:4rem;line-height:3.8rem;border-radius:4rem;background-color:#999;color:#fff;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
.swiper-identity .img-box{-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;-o-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out;border-radius:1rem;padding-bottom:6.6rem;overflow:hidden;position:relative}
.swiper-identity .img-box img{opacity:0.6;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.swiper-identity .img-box .txt{font-size:1.3rem;line-height:1.76;font-weight:500;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:7.2rem;background-color:#f9f9f9;position:absolute;bottom:0;left:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:1rem;padding-right:1rem;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
.swiper-identity .img-box .desc{font-size:1.3rem;line-height:1.76;display:block;font-weight:400;color:#666}
.swiper-identity .swiper-slide-active .num{background-color:#e1002a}
.swiper-identity .swiper-slide-active .txt{background-color:#fff}
.swiper-identity .swiper-slide-active .img-box{-webkit-box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16)}
.swiper-identity .swiper-slide-active .img-box img{opacity:1}
.process-wrap .process-list-wrapper{border:1px solid #ddd;padding:3.5rem 0 3.5rem 3.5rem;border-radius:1rem;margin-top:2.5rem}
.process-wrap .process-list-wrapper .process-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:11.5rem;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0.3}
.process-wrap .process-list-wrapper .process-list:last-child .line{display:none}
.process-wrap .process-list-wrapper.type01 .process-list:last-child{height:auto}
.process-wrap .process-list-wrapper [class*="ico"]{width:5rem;height:5.3rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background-position:center left}
.process-wrap .process-list-wrapper .num{display:inline-block;margin:0 2rem;width:3rem;height:3rem;margin-top:1rem;border-radius:3rem;border:3px solid #ffdce3;position:relative;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out}
.process-wrap .process-list-wrapper .num .txt{display:inline-block;color:#e1002a;text-align:center;width:100%;font-size:1.2rem;line-height:1.83;height:2.7rem;line-height:2.5rem;font-weight:700;font-family:"Mulish";position:relative;z-index:3;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.process-wrap .process-list-wrapper .num .line{position:absolute;left:50%;top:100%;margin-left:-0.1rem;width:3px;height:9rem;background-color:#ffdce3;z-index:1}
.process-wrap .process-list-wrapper .num .line .line-full{height:0;width:100%;background-color:#e1002a;display:block}
.process-wrap .process-list-wrapper .num .round-box{position:absolute;top:-3px;left:-3px;width:3rem;border-radius:3rem;-webkit-box-shadow:0;box-shadow:0;height:0;overflow:hidden;background-color:#f9f9f9;z-index:2;-webkit-transition:height .3s ease-out,-webkit-box-shadow .3s ease-out;transition:height .3s ease-out,-webkit-box-shadow .3s ease-out;-o-transition:height .3s ease-out,box-shadow .3s ease-out;transition:height .3s ease-out,box-shadow .3s ease-out;transition:height .3s ease-out,box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out}
.process-wrap .process-list-wrapper .num .round-box .round{background-color:#e1002a;position:absolute;top:0;left:0;width:3rem;height:3rem;border-radius:3rem}
.process-wrap .process-list-wrapper .process-info{margin-top:1rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.process-wrap .process-list-wrapper .process-info .txt{font-size:1.5rem;line-height:1.66;font-weight:700}
.process-wrap .process-list-wrapper .process-info .desc{display:block;font-size:1.3rem;line-height:1.76;margin-top:0.6rem}
.process-wrap .process-list-wrapper .process-list.entered{opacity:1}
.process-wrap .process-list-wrapper .process-list.entered .ico-bus{background-image:url("../images/common/ico_bus@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-page{background-image:url("../images/common/ico_page@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-purse{background-image:url("../images/common/ico_purse@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-bowl{background-image:url("../images/common/ico_bowl@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-cal{background-image:url("../images/common/ico_cal@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-letter{background-image:url("../images/common/ico_letter@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro01{background-image:url("../images/common/ico_reading_intro01@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro02{background-image:url("../images/common/ico_reading_intro02@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro03{background-image:url("../images/common/ico_reading_intro03@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro04{background-image:url("../images/common/ico_reading_intro04@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro05{background-image:url("../images/common/ico_reading_intro05@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro06{background-image:url("../images/common/ico_reading_intro06@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .process-info{opacity:1}
.process-wrap .process-list-wrapper .process-list.entered .num .txt{color:#fff}
.process-wrap .process-list-wrapper .process-list.entered .num .round-box{height:-webkit-calc(100% + 6px);height:calc(100% + 6px)}
/*! 탐구교실, 리딩코치 - 과목별 수업 */
.explore-class-view-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:2.5rem;padding-bottom:1rem}
.explore-class-view-item{border:1px solid #eee;border-radius:0.5rem;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:-webkit-calc(50% - 5px);width:calc(50% - 5px);width:-webkit-calc(50% - 0.5rem);width:calc(50% - 0.5rem);margin-right:1rem;margin-top:1rem;-webkit-box-shadow:0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.16);box-shadow:0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.16)}
.explore-class-view-item:nth-child(1),.explore-class-view-item:nth-child(2){margin-top:0}
.explore-class-view-item:nth-child(2n){margin-right:0}
.explore-class-view-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:20.9rem;border-radius:0.5rem;overflow:hidden}
.explore-class-view-link .img-area{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#f9f9f9;width:100%;padding:0}
.explore-class-view-link .img-area img{width:100%}
.explore-class-view-link .img-area .txt{margin-top:1rem;font-size:1.3rem;line-height:1.76;font-weight:700;color:#222}
.explore-class-view-link .img-area.bg-white{background-color:#fff;padding:0 4rem 0 4rem}
.explore-class-view-link .link-area{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;border-top:1px solid #eee}
.explore-class-view-link .btn-explore-class-view{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0.2rem 0.2rem 0.2rem 0.2rem;height:4.1rem}
.explore-class-view-link .btn-explore-class-view .txt{font-size:1.5rem;line-height:1.66;color:#222;font-weight:500}
.explore-class-view-link .btn-explore-class-view .ico-arrow{margin-left:1rem;margin-top:0.2rem}
/*! 체험교실 - 체험교실 신청 부분 */
/*! 체험교실 - 체험교실 신청 부분 */
.experience-item-name{border-radius:1rem 1rem 0 0;background-color:rgba(45, 70, 225, 0.05);height:7rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 2rem}
.experience-item-name .txt{color:#4051b8;font-size:1.8rem;line-height:1.55;font-weight:700}
.experience-item-name .date{font-size:1.3rem;line-height:1.76;color:#4051b8;font-weight:500;border-radius:1.8rem;background-color:#fff;padding:0.3rem 1rem}
.pageClassExperienceApply #content,.pageClassExperienceDetail #content{margin-bottom:0}
.pageClassExperienceApply .input-textarea textarea,.pageClassExperienceDetail .input-textarea textarea{height:20rem;max-height:20rem;width:100%;max-width:100%}
.pageClassExperienceApply #content{margin-bottom:140px}
.form-container.join-form-container.pt-25{padding-top:2.5rem}
.form-gray-box-container{position:relative}
.form-gray-box-container.space01{margin-top:2rem;padding-bottom:4.5rem}
.form-gray-box-container .btn-trash-can{right:2rem}
.form-notice{padding:0 2rem;margin-top:2rem;font-size:1.7rem;line-height:1.58;text-align:right}
.form-notice .font-gray{color:#666}
.form-notice .num{font-family:"Mulish";color:#e1002a;font-weight:500}
.form-item-head{border-radius:1rem 1rem 0 0;background-color:#fff;border:1px solid #ddd;border-bottom:0;padding:1.3rem 2rem}
.form-item-head .title{font-size:1.8rem;line-height:1.55;font-weight:700}
.form-item-head .desc{font-size:1.2rem;line-height:1.83;background-color:#f5f5f5;padding:0.2rem 1.1rem;border-radius:1rem;margin-left:1rem}
.form-item-head + .form-gray-box-align{border-radius:0 0 1rem 1rem;position:static}
.btn-add-form{padding:0 2.5rem;position:relative}
.btn-add-form + .btn-add-form::before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:1px;height:1.5rem;margin-top:-0.7rem;background-color:#ccc}
.btn-add-form.red .txt{color:#e1002a}
.btn-add-form.red .ico-add-form{background-color:#e1002a}
.ico-sex03{width:3.1rem;height:3.4rem;background:url(../images/common/ico_m2_off@2x.png) no-repeat center center;background-size:3.1rem 3.4rem;display:block;margin:0 auto;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.input-radio-sex input:checked + label .ico-sex03{background-image:url(../images/common/ico_m2_on@2x.png)}
.ico-sex04{width:3.1rem;height:3.4rem;background:url(../images/common/ico_w2_off@2x.png) no-repeat center center;background-size:3.1rem 3.4rem;display:block;margin:0 auto;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.input-radio-sex input:checked + label .ico-sex04{background-image:url(../images/common/ico_w2_on@2x.png)}
/*! 체험신청 - 공통 - 스텝영역 */
.member-step-content-container{padding:4.5rem 2rem 4.5rem 2rem;border-radius:0;border-top:0}
.member-step-content-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.member-step-content-title{font-size:2.7rem;line-height:1.37;color:#222;font-weight:700}
.member-step-content-title .desc{font-size:1.5rem;line-height:1.66;font-weight:400;margin-top:0.5rem;display:inline-block}
.member-step-content-sub-title{margin-top:0.8rem;font-size:1.5rem;line-height:1.66;font-weight:400;color:#333}
.member-step-content-count{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0.7rem 0 0 0}
.member-step-content-number{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:0.8rem;height:0.8rem;margin-right:0.8rem;background-color:#ddd;border-radius:50%;text-align:center}
.member-step-content-number:last-child{margin-right:0}
.member-step-content-number.on{width:2rem;height:2rem;background-color:#000;border-radius:50%}
.member-step-content-number.on .txt{display:block}
.member-step-content-number.passed{background-color:#000}
.member-step-content-number .txt{display:none;font-size:1.3rem;line-height:1.76;font-family:'Mulish';color:#fff}
/*! 체험신청 - 공통 - 컨텐츠 탑 영역 */
.member-top-content-container.type02{display:none}
.member-top-content-align{position:relative;width:100%;padding:1.5rem 2rem 4.5rem;text-align:center}
.member-top-content-ico{display:block;width:9rem;height:2.8rem;background:url("../images/common/logo01@2x.png") no-repeat center center;background-size:9rem 2.8rem}
.member-top-content-txt{margin-top:5rem;font-size:3rem;line-height:1.33;font-weight:700;color:#222}
/*! 체험신청 - 버튼 컨테이너 */
.btn-container.join-btn-container{padding:4.5rem 2rem 6rem 2rem}
.btn-container.class-detail-btn-container{padding:2rem 0 6rem 0}
/*! 체험신청 - 입력 폼 컨테이너 */
.form-container.join-form-container{padding:1rem 2rem 0 2rem}
/*! 체험신청 - 입력 폼 컨테이너 */
.form-container.bank-form-container{padding:0 2rem 4.5rem 2rem}
.form-container.bank-form-container .input-txt,.form-container.bank-form-container input{background-color:transparent}
/*! 폼 - 정렬 - 약관동의하기 */
.form-agreement-check-conatiner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:2rem}
.form-agreement-check-conatiner.space01{margin:0}
.form-agreement-check-conatiner.space01 + .space01{margin-top:0.9rem}
.form-agreement-check-conatiner .btn-view-agreement{position:relative}
.caution-box{margin-top:0.5rem}
.caution-box .txt{font-size:1.3rem;line-height:1.76}
.input-radio-align{padding-top:0.7rem}
.input-radio-align .input-radio{margin-right:3rem}
/*! 체험상세 페이지*/
/*! 체험상세 페이지*/
.pageClassExperienceDetail .form-gray-container{padding:0 2rem}
.pageClassExperienceDetail .caution-info-wrapper{padding:2.5rem 0}
.pageClassExperienceDetail .caution-info-wrapper + .caution-info-wrapper{border-top:1px solid #ddd;margin-top:0}
.pageClassExperienceDetail .tbl-container01{padding:0 2rem;margin-top:3rem}
/*! 리딩코치,탐구교실 - 신청 */
.join-section.join-class-section .member-step-content-container{border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #ddd}
.join-section.join-class-section .form-container.join-form-container.pt-25{padding-top:4.5rem}
.join-section.join-class-section .btn-container.join-btn-container02{padding:0 2rem 6rem 2rem}
}
/*! pc & tablet 버전 - css */
@media (min-width: 1024px){
/*!  Class 공통 영역 */
[class*="pageClassExploreDetail"] .scrollbar-inner,[class*="pageClassReadingDetail"] .scrollbar-inner{max-height:none}
[class*="pageClassExploreDetail"] .tbl-fixed-scroll.moved .sticky-guide-area,[class*="pageClassReadingDetail"] .tbl-fixed-scroll.moved .sticky-guide-area{display:none}
/*! 상세 컨텐츠 에디터 영역 - 컨텐츠 사이즈 정의 */
.table-view-body-desc img{display:block;max-width:800px;margin:0 auto 0 auto}
.bt-none{border-top:0}
.bg-white{background-color:#fff}
.ico-megaphone{background-image:url("../images/common/ico_megaphone@2x.png");width:2.3rem;height:1.7rem;background-size:2.3rem 1.7rem}
.ico-bus{background-image:url("../images/common/ico_bus_off@2x.png");width:7.1rem;height:5.7rem;background-size:7.7rem 5.7rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-page{background-image:url("../images/common/ico_page_off@2x.png");width:7.8rem;height:6.2rem;background-size:7.8rem 6.2rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-purse{background-image:url("../images/common/ico_purse_off@2x.png");width:6.6rem;height:7.3rem;background-size:6.6rem 7.3rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-bowl{background-image:url("../images/common/ico_bowl_off@2x.png");width:6.6rem;height:8.1rem;background-size:6.6rem 8.1rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-cal{background-image:url("../images/common/ico_cal_off@2x.png");width:7.2rem;height:7.2rem;background-size:7.2rem 7.2rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-letter{background-image:url("../images/common/ico_letter_off@2x.png");width:8.1rem;height:5.8rem;background-size:8.1rem 5.8rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-swiper-prev{background-image:url("../images/common/ico_swiper_btn01.png");width:6.9rem;height:6.9rem;background-size:6.9rem 6.9rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-swiper-next{background-image:url("../images/common/ico_swiper_btn01.png");width:6.9rem;height:6.9rem;background-size:6.9rem 6.9rem;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
[class*="ico-reading-intro"]{width:7.2rem;height:7.2rem;background-size:7.2rem 7.2rem;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.ico-reading-intro01{background-image:url("../images/common/ico_reading_intro01_off@2x.png")}
.ico-reading-intro02{background-image:url("../images/common/ico_reading_intro02_off@2x.png")}
.ico-reading-intro03{background-image:url("../images/common/ico_reading_intro03_off@2x.png")}
.ico-reading-intro04{background-image:url("../images/common/ico_reading_intro04_off@2x.png")}
.ico-reading-intro05{background-image:url("../images/common/ico_reading_intro05_off@2x.png")}
.ico-reading-intro06{background-image:url("../images/common/ico_reading_intro06_off@2x.png")}
.class-top-container{position:relative;overflow:hidden;padding:18.5rem 0 0 0}
.class-container{width:120rem;max-width:100%;margin:0 auto;position:relative}
.class-container.bg01{background-color:#f9f9f9;margin-top:9rem;padding-top:2.7rem;padding-bottom:4rem}
.class-container.overflow-hide{overflow:hidden}
.class-container.full{width:100%}
.class-container .tab-nav-container.middle-type{position:relative}
.class-container .tab-nav-container.middle-type .tab-nav-link{-webkit-transition:none;-o-transition:none;transition:none}
.class-container .tab-nav-container.middle-type.sticky{width:100%;border-bottom:1px solid #eee}
.class-container .tab-nav-container.middle-type.sticky .tab-nav-align{width:120rem;max-width:100%;margin:0 auto}
.class-container .tab-nav-container.middle-type.sticky .tab-nav-link{border-bottom:0;border-top:0}
.class-container .tab-nav-container.middle-type.sticky .tab-nav-item:first-child .tab-nav-link{border-left:0}
.class-container .tab-nav-container.middle-type.sticky .tab-nav-item:last-child .tab-nav-link{border-right:0}
.tab-wrapper{height:6rem;margin-top:7.5rem}
.class-head-wrap{margin-top:6.2rem;margin-bottom:1.6rem}
.class-head-wrap .title{font-size:3.4rem;line-height:1.29;font-weight:700}
.class-head-wrap .desc{font-size:1.8rem;line-height:1.55;font-weight:400;margin-top:0.9rem}
.class-head-wrap .desc .txt.type01{margin-left:-0.4rem}
.class-head-wrap .class-sorting-area{margin-top:3.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.class-head-wrap .form-col{margin-left:2.2rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.class-head-wrap .result{font-size:0;min-width:5.2rem}
.class-head-wrap .result .txt{font-size:1.8rem;line-height:1.55;font-weight:400;display:inline-block}
.class-head-wrap .result .num{font-size:2rem;line-height:1.5;font-weight:700;color:#e1002a;display:inline-block;margin-left:0.5rem}
/*! 수업체험 - 상세소개 */
.class-top-info-container{position:relative;margin-top:-6.6rem;padding:0 0 6rem 0}
.class-top-info-bg{position:absolute;bottom:0;left:0;width:100%;height:-webkit-calc(100% - 66px);height:calc(100% - 66px);height:-webkit-calc(100% - 6.6rem);height:calc(100% - 6.6rem)}
.class-top-info-bg.color01{background-color:#d2dc92}
.class-top-info-bg.color02{background-color:#ffe18e}
.class-top-info-bg.color03{background-color:#c2e7ef}
.class-top-info-align{max-width:1200px;margin:0 auto 0 auto;position:relative;z-index:1;background-color:#fff;padding:4rem 6rem 4rem 6rem;border-radius:1rem;-webkit-box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow:0.5rem 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1)}
.class-top-info-title .ico-mark{width:2.8rem;height:2.8rem;background:url("../images/common/ico_info_black@2x.png") no-repeat center center;background-size:2.8rem 2.8rem}
.class-top-info-title .txt{margin-left:0.8rem;font-size:2.4rem;line-height:1.41;color:#222;font-weight:700}
.class-top-info-list{margin-top:1.9rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.class-top-info-list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:50%;margin-top:1rem}
.class-top-info-list-item:nth-child(1),.class-top-info-list-item:nth-child(2){margin-top:0}
.class-top-info-list-tit{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:11rem;position:relative;font-size:1.8rem;line-height:1.55;font-weight:500;color:#222;padding-left:0.8rem}
.class-top-info-list-tit:before{content:'';border-radius:50%;width:0.3rem;height:0.3rem;background-color:#e1002a;position:absolute;top:1rem;left:0}
.class-top-info-list-desc{-webkit-box-flex:0;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;padding-right:2rem;font-size:1.8rem;line-height:1.55;color:#222}
.class-top-info-list-desc .sub-desc{font-size:1.6rem;line-height:1.62;color:#666}
.btn-container.class-detail-btn-container01{margin-top:2.5rem}
.btn-container.class-detail-btn-container01 .btn-lv02{margin-right:1rem}
.btn-container.class-detail-btn-container02{margin-top:4rem}
.btn-container.class-detail-btn-container02 .btn-lv01{margin-right:1rem}
/*! 수업체험 - 상세 - 커리큘럼 */
.class-tag-container{max-width:1200px;margin:0 auto 0 auto;margin-top:1.8rem}
.class-tag-title{font-size:1.8rem;line-height:1.55;font-weight:500;color:#222;position:relative;padding-left:0.7rem}
.class-tag-title:before{content:'';width:0.3rem;height:0.3rem;border-radius:50%;background-color:#e1002a;position:absolute;top:50%;left:0;margin-top:-0.2rem}
.class-tag-list-container{margin-top:1.3rem}
.class-tag-list{-webkit-overflow-scrolling:touch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding-bottom:1.2rem}
.class-tag-list-item{margin-right:0.5rem;margin-bottom:0.8rem}
.class-tag-list-link{white-space:nowrap;display:block;min-width:70px;padding:0.7rem 2rem 0.7rem 2rem;border:1px solid #ddd;text-align:center;border-radius:4rem;-webkit-transition:border-color .3s ease-in-out,background-color .3s ease-in-out;-o-transition:border-color .3s ease-in-out,background-color .3s ease-in-out;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}
.class-tag-list-link .txt{font-size:1.5rem;line-height:1.66;font-weight:500;color:#222;-webkit-transition:color .3s ease-in-out,font-weight .3s ease-in-out;-o-transition:color .3s ease-in-out,font-weight .3s ease-in-out;transition:color .3s ease-in-out,font-weight .3s ease-in-out}
.class-tag-list-link:hover{background-color:#e1002a;border:1px solid #e1002a}
.class-tag-list-link:hover .txt{color:#fff}
.class-tbl-container01{margin-top:4rem}
.flag{width:4.4rem;height:4.4rem;border-radius:4.4rem;font-size:1.4rem;line-height:1.71;font-weight:700;color:#fff;z-index:2;background-color:#ccc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flag.red{background-color:#e1002a}
.flag.green{background-color:#00bca9}
.flag.blue{background-color:#4051b8}
/*! 체험교실 - 일정 부분 */
/*! 체험교실 - 일정 부분 */
.class-item-list-wrapper .class-item-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.class-item-list-wrapper .class-item-list{margin-bottom:6.2rem;width:-webkit-calc(33.3333% - 2rem);width:calc(33.3333% - 2rem)}
.class-item-list-wrapper .class-item-list:nth-child(3n+2){margin:0 3rem 6.2rem}
.class-item-list-wrapper .detail-link{display:block}
.class-item-list-wrapper .img-box{position:relative;overflow:hidden;border-radius:1rem;width:100%}
.class-item-list-wrapper .img-box::after{content:"";display:block;padding-top:57%;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);z-index:2;position:relative}
.class-item-list-wrapper .img-box .flag{position:absolute;right:2rem;top:2rem;z-index:3}
.class-item-list-wrapper .img-box .info{position:absolute;right:1.4rem;bottom:2rem;font-size:1.4rem;line-height:1.71;font-weight:500;z-index:3}
.class-item-list-wrapper .img-box .info .txt{color:#fff}
.class-item-list-wrapper .img-box .info .num{color:#ffe53f;font-family:"Mulish"}
.class-item-list-wrapper .img-box img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.class-item-list-wrapper img{width:100%}
.class-item-list-wrapper .item-title{margin-top:2.1rem;margin-bottom:1rem;font-size:2rem;line-height:1.5;line-height:1.4;font-weight:700;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.class-item-list-wrapper .detail-box{margin-top:0.6rem}
.class-item-list-wrapper .detail{position:relative;font-size:1.6rem;line-height:1.62;color:#222;padding-left:1rem;margin-top:0.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.class-item-list-wrapper .detail::before{content:"";position:absolute;top:1.1rem;left:0;height:0.3rem;width:0.3rem;border-radius:0.3rem;background-color:#e1002a}
.class-item-list-wrapper .detail .which{font-weight:700;display:inline-block;margin-right:0.5rem}
.class-item-list-wrapper .detail .data{font-weight:400;display:inline-block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
/*! 체험교실 - 커리 큘럼 부분 */
/*! 체험교실 - 커리 큘럼 부분 */
.pageClassExperienceIntro,.pageClassExploreIntro,.pageClassReadingIntro,[class*=ExperienceCurriculu],[class*=pageClassExploreDetail],[class*=pageClassReadingDetail]{overflow:hidden}
.pageClassExperienceIntro [class*="swiper-btn"],.pageClassExploreIntro [class*="swiper-btn"],.pageClassReadingIntro [class*="swiper-btn"],[class*=ExperienceCurriculu] [class*="swiper-btn"],[class*=pageClassExploreDetail] [class*="swiper-btn"],[class*=pageClassReadingDetail] [class*="swiper-btn"]{z-index:5;background-color:rgba(255, 255, 255, 0.5);top:26rem}
.pageClassExperienceIntro [class*="swiper-btn"].swiper-button-disabled,.pageClassExploreIntro [class*="swiper-btn"].swiper-button-disabled,.pageClassReadingIntro [class*="swiper-btn"].swiper-button-disabled,[class*=ExperienceCurriculu] [class*="swiper-btn"].swiper-button-disabled,[class*=pageClassExploreDetail] [class*="swiper-btn"].swiper-button-disabled,[class*=pageClassReadingDetail] [class*="swiper-btn"].swiper-button-disabled{background-color:rgba(222, 222, 222, 0.2);opacity:1}
.pageClassExperienceIntro .swiper-btn-round-next,.pageClassExploreIntro .swiper-btn-round-next,.pageClassReadingIntro .swiper-btn-round-next,[class*=ExperienceCurriculu] .swiper-btn-round-next,[class*=pageClassExploreDetail] .swiper-btn-round-next,[class*=pageClassReadingDetail] .swiper-btn-round-next{left:auto;right:-11rem}
.pageClassExperienceIntro .swiper-btn-round-prev,.pageClassExploreIntro .swiper-btn-round-prev,.pageClassReadingIntro .swiper-btn-round-prev,[class*=ExperienceCurriculu] .swiper-btn-round-prev,[class*=pageClassExploreDetail] .swiper-btn-round-prev,[class*=pageClassReadingDetail] .swiper-btn-round-prev{left:-11rem}
.pageClassExperienceIntro [class*="swiper-btn"],.pageClassExploreIntro [class*="swiper-btn"],.pageClassReadingIntro [class*="swiper-btn"],[class*=pageClassExploreDetail] [class*="swiper-btn"],[class*=pageClassReadingDetail] [class*="swiper-btn"]{top:20rem}
.swiper-container img{width:100%}
.curriculum-swipe-container{overflow:visible;width:57rem;padding:8rem 0 9rem}
.curriculum-swipe-container .swiper-pagination-fraction{bottom:5rem}
.curriculum-swipe-container .swiper-slide{opacity:0;-webkit-box-shadow:0;box-shadow:0;-webkit-transition:opacity .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;-o-transition:opacity .3s ease-in-out,box-shadow .3s ease-in-out;transition:opacity .3s ease-in-out,box-shadow .3s ease-in-out;transition:opacity .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;border-radius:1rem;overflow:hidden}
.curriculum-swipe-container .swiper-slide.visible{opacity:1}
.curriculum-swipe-container .swiper-slide.visible img{opacity:.6}
.curriculum-swipe-container .swiper-slide-active{opacity:1!important;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-box-shadow:10px 10px 8px rgba(0, 0, 0, 0.1);box-shadow:10px 10px 8px rgba(0, 0, 0, 0.1)}
.curriculum-swipe-container .flag{position:absolute;z-index:3;top:1.5rem;left:1.5rem}
.curriculum-swipe-container .txt{position:absolute;z-index:3;bottom:1.5rem;left:2rem;font-size:1.8rem;line-height:1.55;font-weight:500;color:#fff}
.curriculum-swipe-container .link{display:block}
.curriculum-swipe-container .img-box::after{content:"";display:block;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%);z-index:2;position:absolute;border-radius:1rem}
.curriculum-swipe-container img{position:relative;z-index:1}
[class*="Curriculum"] .tbl-container01{margin-top:2rem}
[class*="Curriculum"] .table-desc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:15rem}
/*! 탐구교실, 리딩코치 - 소개 부분 */
.explore-hello-area{margin-top:7rem}
.explore-hello-area.align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.explore-hello-area .explore-hello-col{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}
.explore-hello-area .explore-hello-col:nth-child(2){padding:0 6rem 0 10rem}
.explore-hello-txt01{font-size:3.4rem;line-height:1.29;font-weight:700;color:#222;margin-bottom:1rem}
.explore-hello-txt02{font-size:1.8rem;line-height:1.55;color:#222}
.explore-hello-txt03{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding-top:0.1rem}
.explore-hello-txt03 .tit01{position:relative;font-size:1.8rem;line-height:1.55;font-weight:500;color:#222}
.explore-hello-txt03 .tit01:before{content:'';margin-right:0.6rem;margin-bottom:0.4rem;display:inline-block;width:3px;height:3px;border-radius:50%;background-color:#e1002a}
.explore-hello-txt03 .desc01{margin-left:1rem;font-size:1.8rem;line-height:1.55;color:#222}
.explore-hello-img01{display:inline-block;margin-top:3rem;width:40rem}
.explore-hello-img01 img{width:100%}
.explore-notice-container{border:1px solid #ddd;border-radius:1rem;padding:4rem 4rem 4rem 4rem;margin-top:3rem}
.explore-notice-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border-top:1px dashed #ccc;padding:2.6rem 0 2.6rem 0}
.explore-notice-item:first-child{border-top:0;padding-top:0}
.explore-notice-item:last-child{padding-bottom:0}
.explore-notice-count{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:4.7rem;margin-top:-0.4rem;font-size:2.4rem;line-height:1.41;color:#222;font-weight:700;font-family:"Mulish";letter-spacing:-0.025em}
.explore-notice-txt{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.6rem;line-height:1.62;color:#222;letter-spacing:-0.025em}
.explore-notice-txt br{display:none}
.explore-notice-txt .point01{display:inline-block;vertical-align:top;position:relative;font-weight:700}
.explore-notice-txt .point01:after{content:'';z-index:-1;position:absolute;bottom:0.4rem;left:0;width:100%;background-color:#eee;height:0.9rem}
.explore-notice-txt .point02{display:inline-block;vertical-align:top;margin-top:-1px;position:relative;font-weight:700;font-size:1.8rem;line-height:1.55;margin-right:1.7rem}
/*! 체험교실 - 소개 부분 */
/*! 체험교실 - 소개 부분 */
.swiper-notice-box{height:9rem}
.swiper-notice-box .swiper-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.swiper-notice-box .swiper-slide .link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 3rem}
.swiper-notice-box .txt{font-size:1.8rem;line-height:1.55;font-weight:500;margin-left:1rem}
.bg-character{height:42rem;background-image:url(../images/class/Intro_experience_pc_img01.jpg);background-repeat:no-repeat;background-size:120rem 32.9rem;background-position:center bottom}
.bg-character .txt.bold{font-weight:700}
.bg-title{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:6.5rem;height:-webkit-calc(100% - 9rem);height:calc(100% - 9rem)}
.identity-box.overflow-hide{width:100%}
.swiper-identity{margin:0 auto;width:120rem;margin-top:3.5rem;padding-bottom:6rem;overflow:visible;max-width:100%}
.swiper-identity .number-box{position:absolute;top:2rem;left:2rem;z-index:1}
.swiper-identity .num{display:block;text-align:center;font-size:2rem;line-height:1.5;font-weight:700;font-family:"Mulish";min-width:5rem;min-height:5rem;line-height:4.8rem;border-radius:5rem;background-color:#999;color:#fff;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
.swiper-identity .swiper-slide{opacity:0;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.swiper-identity .swiper-slide.visible{opacity:1}
.swiper-identity .swiper-slide.visible img{opacity:.6}
.swiper-identity .swiper-slide.visible .txt{color:rgba(34, 34, 34, 0.6)}
.swiper-identity .img-box{-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .3s ease-out;transition:-webkit-box-shadow .3s ease-out;-o-transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out;transition:box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out;border-radius:2rem;padding-bottom:8.5rem;overflow:hidden;position:relative}
.swiper-identity .img-box img{opacity:0.6;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.swiper-identity .img-box .txt{font-size:2rem;line-height:1.5;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:10rem;background-color:#f9f9f9;position:absolute;bottom:0;left:0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-left:3rem;padding-right:3rem;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
.swiper-identity .img-box .desc{font-size:1.3rem;line-height:1.76;display:block;font-weight:400;color:#666}
.swiper-identity .swiper-slide-active,.swiper-identity .swiper-slide-next{opacity:1!important}
.swiper-identity .swiper-slide-active .num,.swiper-identity .swiper-slide-next .num{background-color:#e1002a}
.swiper-identity .swiper-slide-active .txt,.swiper-identity .swiper-slide-next .txt{background-color:#fff;color:#222!important}
.swiper-identity .swiper-slide-active .img-box,.swiper-identity .swiper-slide-next .img-box{-webkit-box-shadow:0 0.7rem 1.6rem rgba(0, 0, 0, 0.16);box-shadow:0 0.7rem 1.6rem rgba(0, 0, 0, 0.16)}
.swiper-identity .swiper-slide-active .img-box img,.swiper-identity .swiper-slide-next .img-box img{opacity:1}
.process-wrap.space01{padding-top:6rem}
.process-wrap .class-head-wrap{margin-top:2.2rem}
.process-wrap .process-list-wrapper{border:1px solid #ddd;border-radius:0.6rem;padding:6rem 0}
.process-wrap .process-list-wrapper .process-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:21.5rem;width:100%;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0.3}
.process-wrap .process-list-wrapper .process-list:nth-child(even) .img-box{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;text-align:left}
.process-wrap .process-list-wrapper .process-list:nth-child(even) .num{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
.process-wrap .process-list-wrapper .process-list:nth-child(even) .process-info{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;text-align:right}
.process-wrap .process-list-wrapper .process-list:last-child .line{display:none}
.process-wrap .process-list-wrapper.type01{margin-top:3rem}
.process-wrap .process-list-wrapper.type01 .process-list:last-child{height:auto}
.process-wrap .process-list-wrapper .img-box{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:35rem;text-align:right}
.process-wrap .process-list-wrapper [class*="ico"]{width:12rem;height:12rem;border-radius:12rem}
.process-wrap .process-list-wrapper .num{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:inline-block;margin:0 6rem;width:4rem;max-width:4rem;height:4rem;margin-top:4rem;border-radius:4rem;border:3px solid #ffdce3;position:relative;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out}
.process-wrap .process-list-wrapper .num .txt{display:inline-block;color:#e1002a;text-align:center;width:100%;font-size:1.6rem;line-height:1.62;height:3.7rem;line-height:3.5rem;font-weight:700;font-family:"Mulish";position:relative;z-index:3;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.process-wrap .process-list-wrapper .num .line{position:absolute;left:50%;top:100%;margin-left:-0.1rem;width:3px;height:18rem;background-color:#ffdce3;z-index:1}
.process-wrap .process-list-wrapper .num .line .line-full{height:0;width:100%;background-color:#e1002a;display:block}
.process-wrap .process-list-wrapper .num .round-box{position:absolute;top:-3px;left:-3px;width:4rem;border-radius:4rem;-webkit-box-shadow:0;box-shadow:0;height:0;overflow:hidden;background-color:#f9f9f9;z-index:2;-webkit-transition:height .3s ease-out,-webkit-box-shadow .3s ease-out;transition:height .3s ease-out,-webkit-box-shadow .3s ease-out;-o-transition:height .3s ease-out,box-shadow .3s ease-out;transition:height .3s ease-out,box-shadow .3s ease-out;transition:height .3s ease-out,box-shadow .3s ease-out,-webkit-box-shadow .3s ease-out}
.process-wrap .process-list-wrapper .num .round-box .round{background-color:#e1002a;position:absolute;top:0;left:0;width:4rem;height:4rem;border-radius:4rem}
.process-wrap .process-list-wrapper .process-info{margin-top:4.5rem;text-align:left;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:35rem}
.process-wrap .process-list-wrapper .process-info .txt{font-size:2rem;line-height:1.5;font-weight:700}
.process-wrap .process-list-wrapper .process-info .desc{display:block;font-size:1.6rem;line-height:1.62;margin-top:0.6rem}
.process-wrap .process-list-wrapper .process-list.entered{opacity:1}
.process-wrap .process-list-wrapper .process-list.entered .ico-bus{background-image:url("../images/common/ico_bus@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-page{background-image:url("../images/common/ico_page@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-purse{background-image:url("../images/common/ico_purse@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-bowl{background-image:url("../images/common/ico_bowl@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-cal{background-image:url("../images/common/ico_cal@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-letter{background-image:url("../images/common/ico_letter@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro01{background-image:url("../images/common/ico_reading_intro01@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro02{background-image:url("../images/common/ico_reading_intro02@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro03{background-image:url("../images/common/ico_reading_intro03@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro04{background-image:url("../images/common/ico_reading_intro04@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro05{background-image:url("../images/common/ico_reading_intro05@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .ico-reading-intro06{background-image:url("../images/common/ico_reading_intro06@2x.png")}
.process-wrap .process-list-wrapper .process-list.entered .process-info{opacity:1}
.process-wrap .process-list-wrapper .process-list.entered .num .txt{color:#fff}
.process-wrap .process-list-wrapper .process-list.entered .num .round-box{height:-webkit-calc(100% + 6px);height:calc(100% + 6px)}
/*! 탐구교실, 리딩코치 - 과목별 수업 */
.explore-class-view-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:3.5rem;padding-bottom:1rem}
.explore-class-view-item{border:1px solid #eee;border-radius:1rem;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;width:-webkit-calc(25% - 30px);width:calc(25% - 30px);width:-webkit-calc(25% - 3rem);width:calc(25% - 3rem);margin-right:4rem;-webkit-box-shadow:0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.16);box-shadow:0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.16)}
.explore-class-view-item:last-child{margin-right:0}
.explore-class-view-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32rem;border-radius:1rem;overflow:hidden}
.explore-class-view-link .img-area{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#f9f9f9;width:100%;padding:0 2rem 0 2rem}
.explore-class-view-link .img-area img{width:100%}
.explore-class-view-link .img-area .txt{margin-top:1rem;font-size:2.2rem;line-height:1.45;font-weight:700;color:#222}
.explore-class-view-link .img-area.bg-white{background-color:#fff;padding:0 6rem 0 6rem}
.explore-class-view-link .img-area.type01 img{max-width:100%}
.explore-class-view-link .img-area.type01 .txt{padding-left:1rem}
.explore-class-view-link .link-area{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;border-top:1px solid #eee}
.explore-class-view-link .btn-explore-class-view{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0.2rem 0.2rem 0.2rem 0.2rem;height:6rem}
.explore-class-view-link .btn-explore-class-view .txt{font-size:2rem;line-height:1.5;color:#222;font-weight:500}
.explore-class-view-link .btn-explore-class-view .ico-arrow{margin-left:1rem;margin-top:0.2rem}
/*! 체험교실 - 체험교실 신청 부분 */
/*! 체험교실 - 체험교실 신청 부분 */
.experience-item-name{margin-top:5rem;border-radius:1rem 1rem 0 0;background-color:rgba(45, 70, 225, 0.05);height:9rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 6rem;border:1px solid #ddd;border-bottom:0}
.experience-item-name .txt{color:#4051b8;font-size:2.2rem;line-height:1.45;font-weight:700}
.experience-item-name .date{font-size:1.3rem;line-height:1.76;color:#4051b8;font-weight:500;border-radius:1.8rem;background-color:#fff;padding:0.7rem 2rem}
.pageClassExperienceApply .receipt-type{padding-bottom:4.5rem}
.pageClassExperienceApply .receipt-type.style02{padding-bottom:0}
.pageClassExperienceApply .form-container.bank-form-container{padding-top:0}
.pageClassExperienceApply #content,.pageClassExperienceDetail #content{margin-bottom:0}
.pageClassExperienceApply .input-textarea textarea,.pageClassExperienceDetail .input-textarea textarea{height:28.4rem;max-height:28.4rem;width:100%;max-width:100%}
.form-container.join-form-container.pt-25{padding-top:2.5rem}
.form-gray-box-container{position:relative}
.form-gray-box-container.space01{margin-top:2rem}
.form-gray-box-container .btn-trash-can{right:6rem;top:0}
.form-notice{padding:0 6rem;margin-top:3.2rem;font-size:2.1rem;line-height:1.47;font-weight:500;text-align:right}
.form-notice .font-gray{color:#666}
.form-notice .num{font-family:"Mulish";color:#e1002a;font-weight:500}
.btn-container.space07{margin-top:1.2rem}
.form-item-head{border-radius:1rem 1rem 0 0;background-color:#fff;border:1px solid #ddd;border-bottom:0;padding:1.3rem 2rem}
.form-item-head .title{font-size:2.4rem;line-height:1.41;font-weight:700}
.form-item-head .desc{font-size:1.2rem;line-height:1.83;background-color:#f5f5f5;padding:0.2rem 1.1rem;border-radius:1rem;margin-left:1rem}
.form-item-head + .form-gray-box-align{border-radius:0 0 1rem 1rem;position:static}
.btn-add-form{padding:0 2.5rem;position:relative}
.btn-add-form + .btn-add-form::before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:1px;height:1.5rem;margin-top:-0.7rem;background-color:#ccc}
.btn-add-form.red .txt{color:#e1002a}
.btn-add-form.red .ico-add-form{background-color:#e1002a}
.ico-sex03{width:3.1rem;height:3.4rem;background:url(../images/common/ico_m2_off@2x.png) no-repeat center center;background-size:3.1rem 3.4rem;display:block;margin:0 auto;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.input-radio-sex input:checked + label .ico-sex03{background-image:url(../images/common/ico_m2_on@2x.png)}
.ico-sex04{width:3.1rem;height:3.4rem;background:url(../images/common/ico_w2_off@2x.png) no-repeat center center;background-size:3.1rem 3.4rem;display:block;margin:0 auto;-webkit-transition:background-image .3s ease-in-out;-o-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out}
.input-radio-sex input:checked + label .ico-sex04{background-image:url(../images/common/ico_w2_on@2x.png)}
/*! 체험신청 - 공통 - 스텝영역 */
.member-step-content-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.member-step-content-title{font-size:2.7rem;line-height:1.37;color:#222;font-weight:700}
.member-step-content-title .desc{font-size:1.5rem;line-height:1.66;font-weight:400;margin-top:0.5rem;display:inline-block}
.member-step-content-sub-title{margin-top:0.8rem;font-size:1.5rem;line-height:1.66;font-weight:400;color:#333}
.member-step-content-count{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0.7rem 0 0 0}
.member-step-content-number{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:0.8rem;height:0.8rem;margin-right:0.8rem;background-color:#ddd;border-radius:50%;text-align:center}
.member-step-content-number:last-child{margin-right:0}
.member-step-content-number.on{width:2rem;height:2rem;background-color:#000;border-radius:50%}
.member-step-content-number.on .txt{display:block}
.member-step-content-number.passed{background-color:#000}
.member-step-content-number .txt{display:none;padding-top:0.1rem;font-size:1.3rem;line-height:1.76;font-family:'Mulish';color:#fff}
/*! 체험신청 - 공통 - 컨텐츠 탑 영역 */
.member-top-content-container.type02{display:none}
.member-top-content-align{position:relative;width:100%;text-align:center}
.member-top-content-ico{display:block;width:9rem;height:2.8rem;background:url("../images/common/logo01@2x.png") no-repeat center center;background-size:9rem 2.8rem}
.member-top-content-txt{margin-top:0.5rem;font-size:3rem;line-height:1.33;font-weight:700;color:#222}
/*! 체험신청 - 버튼 컨테이너 */
.btn-container.join-btn-container{padding:5.5rem 2rem 6rem 2rem}
.btn-container.join-btn-container .btn-lv01{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
/*! 체험신청 - 입력 폼 컨테이너 */
.form-container.join-form-container{padding:1rem 2rem 0 2rem}
/*! 체험신청 - 입력 폼 컨테이너 */
.form-container.bank-form-container{padding:4.5rem 2rem 4.5rem 2rem}
.form-container.bank-form-container .input-txt,.form-container.bank-form-container input{background-color:transparent}
/*! 폼 - 정렬 - 약관동의하기 */
.form-agreement-check-conatiner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:2rem}
.form-agreement-check-conatiner.space01{margin:0}
.form-agreement-check-conatiner.space01 + .space01{margin-top:0.9rem}
.form-agreement-check-conatiner .btn-view-agreement{position:relative}
.join-section-align{width:60rem;margin:0 auto;border:1px solid #ddd;border-top:0;border-radius:0 0 1rem 1rem;overflow:hidden}
.member-top-content-container{margin:0 auto;width:60rem}
.member-top-content-container.type02{padding-top:8rem}
.member-top-content-align{position:relative;width:100%;text-align:center}
.member-top-content-align.left{text-align:left}
.member-top-content-ico{display:inline-block;margin-top:6rem;width:15rem;height:4.6rem;background:url("../images/common/logo01@2x.png") no-repeat center center;background-size:15rem 4.6rem}
.member-top-content-txt{text-align:center;margin-top:8rem;font-size:5.2rem;line-height:1.19;font-weight:700;color:#222}
.member-step-content-container{padding:5.5rem 6rem 5.5rem 6rem;border-radius:0;border-top:0}
.member-step-content-container.type01{padding-bottom:8rem}
.member-step-content-container.type02{padding-bottom:6rem}
.member-step-content-container.center{text-align:center}
.member-step-content-container.center .member-step-content-title{width:100%}
.member-step-content-container.line01{border-bottom:1px solid #ddd}
.member-step-content-container.space01{overflow:hidden;padding:9rem 6rem 5.5rem 6rem}
.member-step-content-container.space01 .member-step-content-align{position:relative;padding:0 0 0 0}
.member-step-content-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.member-step-content-title{font-size:3rem;line-height:1.33;color:#222;font-weight:700}
.member-step-content-title .desc{font-size:2rem;line-height:1.5;margin-top:1rem;font-weight:400;display:block}
.member-step-content-title .desc.small{font-size:1.6rem;line-height:1.62}
.member-step-content-title .desc.blue{color:#4051b8}
.member-step-content-sub-title{margin-top:1rem;font-size:2rem;line-height:1.5;font-weight:400;color:#333}
.member-step-content-count{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0.7rem 0 0 0}
.member-step-content-number{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1.2rem;height:1.2rem;margin-right:1rem;background-color:#ddd;border-radius:50%;text-align:center}
.member-step-content-number:last-child{margin-right:0}
.member-step-content-number.on{width:2.8rem;height:2.8rem;background-color:#000;border-radius:50%}
.member-step-content-number.on .txt{display:block}
.member-step-content-number.passed{background-color:#000}
.member-step-content-number .txt{display:none;padding-top:0.1rem;font-size:1.6rem;line-height:1.62;font-family:"Mulish";font-weight:500;color:#fff}
.member-step-content-img{position:absolute;bottom:0;right:0;text-align:right}
.member-step-content-img .step-img01{position:relative;top:14rem;right:-5rem}
.member-step-content-img .step-img01 img{width:83%}
/*! 회원가입 - 버튼 컨테이너 */
.btn-container.join-btn-container{padding:4.5rem 6rem 6rem 6rem}
.btn-container.join-btn-container .btn-align-type01.spacebetween01{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-right:-0.8rem}
.btn-container.join-btn-container .btn-align-type01.spacebetween01 a,.btn-container.join-btn-container .btn-align-type01.spacebetween01 button{margin-right:0.8rem;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.caution-box{margin-top:1.2rem}
.caution-box .txt{font-size:1.6rem;line-height:1.62}
.input-radio-align{padding-top:0.7rem}
.input-radio-align .input-radio{margin-right:3rem}
.form-align-type02{border:0}
.form-gray-container{padding-top:4rem}
.form-gray-title.space01{margin-top:4rem}
/*! 체험상세 페이지*/
/*! 체험상세 페이지*/
.pageClassExperienceDetail .form-gray-container{width:120rem;max-width:100%;margin:0 auto;background-color:transparent}
.pageClassExperienceDetail .form-gray-container::before{content:none}
.pageClassExperienceDetail .caution-info-wrapper{padding:5rem;background-color:#f9f9f9}
.pageClassExperienceDetail .caution-info-wrapper:only-child{border-radius:1rem}
.pageClassExperienceDetail .caution-info-wrapper:first-child{border-radius:1rem 1rem 0 0}
.pageClassExperienceDetail .caution-info-wrapper ~ .caution-info-wrapper{border-radius:0 0 1rem 1rem}
.pageClassExperienceDetail .caution-info-wrapper + .caution-info-wrapper{position:relative;margin-top:0}
.pageClassExperienceDetail .caution-info-wrapper + .caution-info-wrapper::after{content:"";display:block;width:-webkit-calc(100% - 10rem);width:calc(100% - 10rem);height:1px;background-color:#ddd;left:50%;top:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pageClassExperienceDetail .caution-info-wrapper .list{margin-top:1rem}
.pageClassExperienceDetail .caution-info-wrapper .sub-list .txt{font-size:1.4rem;line-height:1.71}
.pageClassExperienceDetail .caution-info-wrapper .sub-list .num{font-size:1.4rem;line-height:1.71}
.pageClassExperienceDetail .btn-align-type01{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:4rem 0 10rem}
.pageClassExperienceDetail .btn-align-type01 .btn-lv01{border-radius:6rem}
.pageClassExperienceDetail .tbl-container01{width:120rem;max-width:100%;margin:0 auto;margin-top:6rem}
/*! 리딩코치,탐구교실 - 신청 */
.join-section.join-class-section{margin-top:5rem}
.join-section.join-class-section .join-section-align{overflow:hidden;width:60rem;margin:0 auto;border-radius:1rem;border:1px solid #ddd}
.join-section.join-class-section .form-gray-container.no-line{padding-bottom:6rem}
.join-section.join-class-section .member-step-content-sub-title{padding-bottom:2rem}
.join-section.join-class-section .btn-container.join-btn-container02{padding:6rem 6rem 2rem 6rem}
.join-section.join-class-section .btn-container.join-btn-container02 .btn-lv01{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
}