/*에듀 맞춤형 페이지mo*/
@CHARSET "UTF-8";
.show-pc{display:none;}
.show-tb{display:none;}
.show-m{display:block;}
.inner{width:100%; margin:0 auto; padding:0 22px;}
.inner_review{padding:0;}

/*start페이지*/
.wrap-start{background:url('../images/curriculum/customized/startBanner_mo.png') no-repeat center/cover; padding-top:80px; color:#222;}
.wrap-start .inner{display:block; text-align:center;}
.wrap-start .inner .txtBox{padding-top:0;}
.wrap-start .inner .txtBox h1{font-size:27px; line-height:1.4; font-weight:600;}
.wrap-start .inner .txtBox p{font-size:14px; margin-top:28px; line-height:1.5;}
.wrap-start .inner .imgBox{width:100%; margin:0 auto; max-width:285px; margin-top:84px;}
.wrap-start .inner .imgBox img{width:100%;}

.btnBox{width:100%; margin:0 auto; max-width:272px; margin-top:72px; position:relative;}
.btnBox::after{content:''; background:url('../images/curriculum/customized/btn_arrow.png') no-repeat center/cover; display:inline-block; width:63px; height:53px; top:6px; right:23px; position:absolute; z-index:1;}
.btn-start{font-weight:600; font-size:22px; padding:20px 98px; position: relative; border: 3px solid #222; border-radius: 40px; background: #fff; color: #222; z-index: 1; transition: all 0.3s;}
.btn-start::before{content:'';	background:url('../images/curriculum/customized/btn_decorate.svg') no-repeat center/cover; display:inline-block; width:13px; height:23px; position:absolute; left:calc(50% - 56px); bottom:calc(50% - 11px);}
.btn-start::after {content: ""; position: absolute; z-index: -1; left: -2px; width: 100%; top: 0px; height: calc(100% + 8px); border-radius: 42px; background: #51d696; border: 3px solid #222; pointer-events: none; transition: all 0.3s;}
.btn-start:hover {background: #51d696; color: #fff;}
.btn-start:hover::after{background:#fff;}

/*step01페이지*/
.stepPage{background:#e6fbf1; padding:70px 0; text-align:center; color:#222;}
.stepPage:not(.finalPage) .inner{max-width:690px;}
.finalPage{padding-bottom:0;}
.stepPage .inner .lineBox{width:100%; max-width:750px; height:4px; display:flex; justify-content:space-between;}
.stepPage .inner .lineBox .line{background:#cbe7da; width:100%; height:4px;}
.stepPage .inner .lineBox .lineOn{background:#51d696;}
.stepPage .inner .questionBox .icon{width:100%; position:relative;}
.stepPage .inner .questionBox .icon::after{content:'Q1'; background:url('../images/curriculum/customized/txtBalloon.svg') no-repeat center/cover; display:inline-block; width:37px; height:38px; position:absolute; top:-29px; right:calc(50% - 66px); line-height:38px; font-weight:600;}
.stepPage .inner .questionBox .icon img{width:73px; height:auto;}
.stepPage .inner .questionBox{padding:46px 0 30px;}
.stepPage .inner .questionBox h2{font-size:23px; font-weight:500; margin-top:20px;}
.stepPage .inner .answerBox{width:100%; height:auto;}
.stepPage .inner .answerBox button{color:#222; width:100%; border:2px solid #222; border-radius:12px; background:#fff !important; box-shadow:0 6px #222; font-size:14px; height:70px; padding:10px 16px; white-space:normal; word-break:keep-all;}
.stepPage .inner .answerBox button:not(:last-child){margin-bottom:16px;}
.stepPage .inner .answerBox button:hover{background:#51d696;}
.stepPage .inner .answerBox button:active{background:#51d696;}

.stepPage .nextBox{margin-top:31px; width:100%;}
.stepPage .nextBox a{position:relative; display:inline-block; padding:17px 45px 17px 40px; border:2px solid #879d93; border-radius:10px; font-weight:600; font-size:15px; color:#879d93;}
.stepPage .nextBox a::after{content:''; background:url('../images/curriculum/customized/next_after.svg') no-repeat center/cover; display:inline-block; position:absolute; right:25px; width:6px; height:10px; top:calc(50% - 6px);}
.stepPage .nextBox a:hover{border:2px solid #222; color:#222; background:#51daa8;}
.stepPage .nextBox a:active{border:2px solid #222; color:#222; background:#51daa8;}
.stepPage .nextBox a:hover::after{background:url('../images/curriculum/customized/next_after2.svg') no-repeat center/cover;}
.stepPage .nextBox a:active::after{background:url('../images/curriculum/customized/next_after2.svg') no-repeat center/cover;}

.stepPage .inner .answerBox button.is-selected{background:#51d696 !important; box-shadow: 0 6px #222;}
.stepPage .inner .answerBox button:not(.is-selected) {background: #fff !important;}
.stepPage .nextBox a#btnNext.is-ready{border-color:#222; color:#222; background:#51daa8; cursor:pointer;}
.stepPage .nextBox a#btnNext.is-ready::after{background:url('../images/curriculum/customized/next_after2.svg') no-repeat center/cover;}

.finalPage{padding-bottom:0; color:#222;}

.finalIcon{background:url('../images/curriculum/customized/final.png') no-repeat center/cover; width:178px; height:62px; margin:0 auto; line-height:62px; position:relative;}
.finalIcon::before{content:''; background:url('../images/curriculum/customized/final_before.svg') no-repeat center/cover; width:96px; height:65px; position:absolute; top:10px; right:calc(100% + 20px);}
.finalIcon::after{content:''; background:url('../images/curriculum/customized/final_after.svg') no-repeat center/cover; width:57px; height:86px; position:absolute; top:-8px; left:calc(100% + 20px);}

.finalIcon p{font-size:18px; font-weight:600;}
.recommendCourse{margin-top:21px; font-size:24px;}
.recommendTxt_line{position:relative;}
.recommendTxt{position: relative; z-index:1; margin-top: 42px;  padding: 40px 18px; color: #222; width: 100%; border: 2px solid #222; border-radius: 12px; background: #fff; font-size:15px; font-weight:500; line-height: 1.5;}
.recommendTxt_line::before{content: ""; position: absolute; top: 9px; left: 0px; width: calc(100% - 4px); height: 100%; border-radius: 14px; background: #51d696; border: 2px solid #222; z-index: 0; pointer-events: none;}
.recommendTxt::after{content:''; background:url('../images/curriculum/customized/final_chatbot.svg') no-repeat center/cover; display:inline-block; width:53px; height:36px; position:absolute; top:-20px; left:calc(50% - 26px);}
.recommendTxt .title{margin-bottom:31px; font-size:14px; font-weight:600;}
.recommendTxt .explanation{font-size:14px;}

.cornBox{width:100%; margin-top:74px;}
.cornBox img{width:100%;}

.commonBox{background:#51d696; padding:38px 0 125px;}
.commonBox .inner .moveBox{width:100%; max-width:650px; margin:0 auto;}
.commonBox .inner .moveBox a{display:block; width:100%; border:2px solid #222; border-radius:12px; padding:15px 0; font-size:14px; font-weight:500; display:flex; justify-content:center; text-align:left;}
.commonBox .inner .moveBox .moveBottom{display:flex; gap:10px; margin-top:10px;}
.commonBox .inner .moveBox .btn_consulting{background:#56bdff; font-size:15px; font-weight:600; position:relative; padding:23px 0;}
.commonBox .inner .moveBox .btn_consulting::after{content:''; background:url('../images/curriculum/customized/finalBtn1_after.svg') no-repeat center/cover; display:inline-block; width:24px; height:24px; position:absolute; top:calc(50% - 12px); right:31px;}
.commonBox .inner .moveBox .btn_consulting:hover{background:#30afff;;}
.commonBox .inner .moveBox .btn_return{line-height:1.3; background:#fff; color:#222; position:relative; padding-left:20px;}
.commonBox .inner .moveBox .btn_return::before{content:''; background:url('../images/curriculum/customized/finalBtn2_before.svg') no-repeat center/cover; display:inline-block; width:23px; height:23px; position:absolute; right:calc(50% + 35px); top:calc(50% - 11px);}
.commonBox .inner .moveBox .btn_return:hover{background:#f5f5f5;}
.commonBox .inner .moveBox .btn_edu{line-height:1.3; background:#333; color:#fff; position:relative; padding-left:20px;}
.commonBox .inner .moveBox .btn_edu::before{content:''; background:url('../images/curriculum/customized/finalBtn3_before.svg') no-repeat center/cover; display:inline-block; width:19px; height:34px; position:absolute; right:calc(50% + 26px); top:calc(50% - 20px);}
.commonBox .inner .moveBox .btn_edu:hover{background:#111;}

.divideLine{width:100%; height:2px; margin:53px 0; background:#111;}

.reviewRolling{padding:0 10px;}
.reviewRolling .swiper-slide {
    width: 85%;
  }
.commonBox .inner .reviewBox h3{margin-bottom:27px; font-size:23px; line-height:1.5; font-weight:500; padding:0 22px;}
.commonBox .inner .reviewBox{position:relative;}
.commonBox .inner .reviewBox .review{background:#fff; padding:20px 20px 29px; border:2px solid #111; border-radius:12px; text-align:left; height:280px;}
.commonBox .inner .reviewBox .review .reviewTop{display:flex; align-items:center; gap:12px; font-size:18px; font-weight:500;}
.commonBox .inner .reviewBox .review .reviewTop img{width:35px;}
.commonBox .inner .reviewBox .review .reviewBottom{margin-top:20px; font-size:14px; line-height:1.5;}
.commonBox .inner .reviewBox .swiper-pagination{bottom:-35px;}
.commonBox .inner .reviewBox .swiper-pagination .swiper-pagination-bullet{background:#3e9b6e;}
.commonBox .inner .reviewBox .swiper-pagination .swiper-pagination-bullet{background:#111;}

#courseTitle{border-bottom: 6px solid #51d696;}