@CHARSET "UTF-8";
:root{
	
}
.inner{width:100%; max-width:1190px; margin:0 auto; padding:0 1%; box-sizing:border-box;}

/*start페이지*/
.wrap-start{background:url('../../../images/curriculum/customized/startBanner.jpg') no-repeat center/cover; padding-top:162px;}
.wrap-start .inner{display:flex; justify-content:space-between;}
.wrap-start .inner .txtBox{padding-top:60px;}
.wrap-start .inner .txtBox h1{font-size:52px; line-height:1.5; font-family:'CoreGothic5';}
.wrap-start .inner .txtBox p{font-size:20px; margin-top:48px; font-family:'CoreGothic4'; line-height:1.5;}
.wrap-start .inner .imgBox{}
.wrap-start .inner .imgBox img{width:100%;}

.btnBox{margin-top:112px; position:relative;}
.btnBox::after{content:''; background:url('../../../images/curriculum/customized/btn_arrow.png') no-repeat center/cover; display:inline-block; width:97px; height:80px; position:absolute; top:9px; right:115px; z-index:1;}
.btn-start{font-family:'CoreGothic6'; font-size:22px; padding: 27px 178px; 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:164px 0; text-align:center;}
.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-family:'CoreGothic6';}
.stepPage .inner .questionBox .icon img{width:73px; height:auto;}
.stepPage .inner .questionBox{padding:81px 0 50px;}
.stepPage .inner .questionBox h2{font-size:36px; font-family:'CoreGothic6'; 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; box-shadow:0 6px #222; font-size:18px; font-family:'CoreGothic4'; height: 75px; 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:24px 60px 24px 53px; border:2px solid #879d93; border-radius:10px; font-family:'CoreGothic6'; font-size:20px; color:#879d93;}
.stepPage .nextBox a::after{content:''; background:url('../../../images/curriculum/customized/next_after.svg') no-repeat center/cover; display:inline-block; width:9px; height:15px; position:absolute; right:25px; top:calc(50% - 7px);}
.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; box-shadow: 0 6px #222;}
.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;}

.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:127px; height:86px; position:absolute; top:0; right:calc(100% + 45px);}
.finalIcon::after{content:''; background:url('../../../images/curriculum/customized/final_after.svg') no-repeat center/cover; width:77px; height:114px; position:absolute; top:-33px; left:calc(100% + 45px);}
.finalIcon p{font-size:18px; font-family:'CoreGothic6';}
.recommendCourse{margin-top:35px; font-size:42px;}
.recommendTxt_line{position:relative;}
.recommendTxt{box-sizing:border-box; position: relative; z-index:1; margin-top: 61px; width:100%; padding: 59px 172px 64px; color: #222; border: 2px solid #222; border-radius: 12px; background: #fff; font-size: 20px; font-family:'CoreGothic4'; line-height: 1.5;}
.recommendTxt_line::before{content: ""; position: absolute; top: 5px; 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:79px; height:53px; position:absolute; top:-27px; left:calc(50% - 37px);}
.recommendTxt .title{margin-bottom:44px; font-size:24px; font-family:'CoreGothic6';}

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

.commonBox{background:#51d696; padding:61px 0 194px;}
.commonBox .inner .moveBox{width:100%; max-width:750px; margin:0 auto;}
.commonBox .inner .moveBox a{display:block; width:100%; border:2px solid #222; border-radius:12px; padding:36px 0; font-size:20px; font-family:'CoreGothic5';}
.commonBox .inner .moveBox .moveBottom{display:flex; gap:14px; margin-top:14px;}
.commonBox .inner .moveBox .btn_consulting{box-sizing:border-box; background:#56bdff; font-size:24px; font-family:'CoreGothic6'; position:relative;}
.commonBox .inner .moveBox .btn_consulting::after{content:''; background:url('../../../images/curriculum/customized/finalBtn1_after.svg') no-repeat center/cover; display:inline-block; width:34px; height:34px; position:absolute; right:51px;}
.commonBox .inner .moveBox .btn_consulting:hover{background:#30afff;;}
.commonBox .inner .moveBox .btn_return{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% + 95px); top:calc(50% - 12px);}
.commonBox .inner .moveBox .btn_return:hover{background:#f5f5f5;}
.commonBox .inner .moveBox .btn_edu{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% + 75px); top:calc(50% - 20px);}
.commonBox .inner .moveBox .btn_edu:hover{background:#111;}

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

.reviewRolling{padding:0 10px;}
.reviewRolling .swiper-wrapper{height:auto !important;}
.commonBox .inner .reviewBox h3{margin-bottom:55px; font-size:38px; line-height:1.5;}
.commonBox .inner .reviewBox{position:relative;}
.commonBox .inner .reviewBox .review{background:#fff; padding:32px 29px; border:2px solid #111; border-radius:12px; text-align:left; height: 200px;}
.commonBox .inner .reviewBox .review .reviewTop img{width:45px;}
.commonBox .inner .reviewBox .review .reviewTop{display:flex; align-items:center; gap:12px; font-size:18px; font-family:'CoreGothic5';}
.commonBox .inner .reviewBox .review .reviewBottom{margin-top:20px; font-size:15px; font-family:'CoreGothic4'; 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;}

@media screen and (max-width: 1119px){
.wrap-start{background:url('../../../images/curriculum/customized/startBanner_tb.png') no-repeat center/cover;}
.wrap-start .inner{display:block; text-align:center;}
.wrap-start .inner .txtBox{padding-top:0;}
.wrap-start .inner .txtBox h1{font-size:48px;}
.wrap-start .inner .txtBox p{font-size:18px;}
.wrap-start .inner .imgBox{width:100%; margin:0 auto; max-width:400px; margin-top:84px;}
.btnBox{width:100%; margin:0 auto; max-width:363px; margin-top:72px;}
.btnBox::after{width:92px; height:75px; top:4px; right:22px;}
.btn-start{padding:27px 143px;}

.recommendCourse{font-size:38px;}
.recommendTxt{padding:59px 70px 64px;}
.commonBox .inner .moveBox{max-width:650px;}
}
@media (min-width: 768px) {
  .reviewRolling .swiper-slide {
    width: 85%;
  }
}
@media screen and (max-width: 767px){
.wrap-start{background:url('../../../images/curriculum/customized/startBanner_mo.png') no-repeat center/cover; padding-top:144px;}
.wrap-start .inner .txtBox h1{font-size:28px; line-height:1.4;}
.wrap-start .inner .txtBox p{font-size:14px; margin-top:28px; line-height:1.5;}
.wrap-start .inner .imgBox{max-width:285px;}
.btn-start{padding:20px 98px;}
.btnBox{ max-width:272px;}
.btnBox::after{width:63px; height:53px; top:6px; right:23px;}

.stepPage{padding:100px 0 93px;}
.stepPage .inner .questionBox{padding:46px 0 30px;}
.stepPage .inner .questionBox h2{font-size:23px;}
.stepPage .inner .answerBox button{height:68px; font-size:15px;}
.stepPage .nextBox a{padding:17px 45px 17px 40px; font-size:15px;}
.stepPage .nextBox a::after{width:6px; height:10px; top:calc(50% - 6px);}

.finalPage{padding-bottom:0;}

.recommendCourse{margin-top:21px;}
.finalIcon::before{width:96px; height:65px; top:10px; right:calc(100% + 20px);}
.finalIcon::after{width:57px; height:86px; top:-8px; left:calc(100% + 20px);}
.recommendCourse{font-size:24px;}
.recommendTxt{font-size:15px; padding:40px 24px; margin-top:42px;}
.recommendTxt::after{width:53px; height:36px; top:-20px; left:calc(50% - 26px);}
.recommendTxt .title{font-size:15px; margin-bottom:31px;}

.cornBox{margin-top:74px;}

.commonBox{padding:38px 0 125px;}
.commonBox .inner .moveBox a{padding:15px 0; font-size:14px; display:flex; justify-content:center; text-align:left;}
.commonBox .inner .moveBox .btn_consulting{font-size:15px; padding:23px 0;}
.commonBox .inner .moveBox .btn_consulting::after{width:24px; height:24px; top:calc(50% - 12px); right:31px;}
.commonBox .inner .moveBox .moveBottom{gap:10px; margin-top:10px;}
.commonBox .inner .moveBox .btn_return, .commonBox .inner .moveBox .btn_edu{line-height:1.3;}
.commonBox .inner .moveBox .btn_return::before{right:calc(50% + 35px); top:calc(50% - 11px);}
.commonBox .inner .moveBox .btn_edu::before{right:calc(50% + 26px);}

.divideLine{margin:53px 0;}

.inner_review{padding:0;}
.reviewRolling .swiper-slide{width: 85%;}
.commonBox .inner .reviewBox h3{font-size:23px; margin-bottom:27px; padding:0 22px;}
.commonBox .inner .reviewBox .review{padding:29px 20px;}

}