@CHARSET "UTF-8";

.show-pc{display:none;}
.show-tb{display:none;}
.show-m{display:block;}
.inner{width:90%; margin:0 auto; padding:0 1%;}

/*start페이지*/
.wrap-start{background:url('../images/curriculum/customized/startBanner_mo.png') no-repeat center/cover; padding-top:370px;}
.wrap-start .inner{display:block; text-align:center;}
.wrap-start .inner .txtBox{padding-top:60px;}
.wrap-start .inner .txtBox h1{font-size:60px; line-height:1.5; font-family:'CoreGothic6';}
.wrap-start .inner .txtBox p{font-size:32px; margin-top:70px; line-height:1.6; font-family:'CoreGothic4';}
.wrap-start .inner .txtBox p b{font-family:'CoreGothic5';}
.wrap-start .inner .imgBox{width:100%; margin:0 auto; max-width:637px; margin-top:168px;}
.wrap-start .inner .imgBox img{width:100%;}

.btnBox{position:relative; max-width:700px; width:100%; margin:0 auto; margin-top:150px;}
.btnBox::after{content:''; background:url('../images/curriculum/customized/btn_arrow.png') no-repeat center/cover; display:inline-block; width:154px; height:125px; position:absolute; top:29px; left:calc(50% + 139px); z-index:1;}
.btn-start{font-family:'CoreGothic6'; font-size:56px; padding: 43px 243px; position: relative; border: 6px solid #222; border-radius: 80px; 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:34px; height:44px; position:absolute; left:calc(50% - 139px); bottom:calc(50% - 20px);}
.btn-start::after {content: ""; position: absolute; z-index: -1; left: -2px; width: 100%; top: 7px; height: calc(100% + 8px); border-radius: 84px; background: #51d696; border: 6px 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:350px 0 164px; text-align:center;}
.finalPage{padding-bottom:0;}
.stepPage .inner .lineBox{width:100%; height:8px; display:flex; justify-content:space-between;}
.stepPage .inner .lineBox .line{background:#cbe7da; width:100%; height:8px;}
.stepPage .inner .lineBox .lineOn{background:#51d696;}
.stepPage .inner .questionBox .icon{width:100%; position:relative;}
.stepPage .inner .questionBox .icon::after{content:'Q1'; font-family:'CoreGothic6'; background:url('../images/curriculum/customized/txtBalloon.svg') no-repeat center/cover; display:inline-block; width:77px; height:77px; position:absolute; top:-58px; right:calc(50% - 144px); line-height:77px; font-size:31px;}
.stepPage .inner .questionBox .icon img{width:160px; height:auto;}
.stepPage .inner .questionBox{padding:96px 0 65px;}
.stepPage .inner .questionBox h2{font-size:48px; margin-top:40px; font-family:'CoreGothic4';}
.stepPage .inner .answerBox{width:100%; height:auto;}
.stepPage .inner .answerBox button{color:#222; width:100%; height:170px; border:4px solid #222; border-radius:19px; background:#fff !important; box-shadow:0 12px #222; font-size:34px; font-family:'CoreGothic4'; padding:10px 16px; white-space: normal; word-break: keep-all;}
.stepPage .inner .answerBox button.is-selected{background:#51d696 !important; box-shadow: 0 6px #222;}
.stepPage .inner .answerBox button:not(:last-child){margin-bottom: 35px;}
.stepPage .inner .answerBox button:hover{background:#51d696;}
.stepPage .inner .answerBox button:active{background:#51d696;}

.stepPage .nextBox{margin-top:65px; width:100%;}
.stepPage .nextBox a{position:relative; display:inline-block; padding:36px 100px 36px 93px; border:4px solid #879d93; border-radius:20px; font-family:'CoreGothic6'; font-size:34px; color:#879d93;}
.stepPage .nextBox a::after{content:''; background:url('../images/curriculum/customized/next_after.svg') no-repeat center/cover; display:inline-block; width:18px; height:24px; position:absolute; right:43px; top:calc(50% - 10px);}
.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 .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:400px; height:138px; margin:0 auto; line-height:138px; position:relative;}
.finalIcon::before{content:''; background:url('../images/curriculum/customized/final_before.svg') no-repeat center/cover; width:191px; height:124px; position:absolute; top:0; right:calc(100% + 45px);}
.finalIcon::after{content:''; background:url('../images/curriculum/customized/final_after.svg') no-repeat center/cover; width:130px; height:195px; position:absolute; top:-33px; left:calc(100% + 45px);}
.finalIcon p{font-size:36px; font-family:'CoreGothic6';}
.recommendCourse{margin-top:45px; font-size:47px; font-family:'CoreGothic6';}
.recommendCourse b{font-family:'CoreGothic6'; position:relative; border-bottom:14px solid #51d696;}
.recommendTxt_line{position:relative;}
.recommendTxt{position: relative; z-index:1; margin-top: 90px; padding:80px 50px; border:4px solid #222; border-radius:20px; background: #fff; font-size:30px;}
.recommendTxt_line::before{content: ""; position: absolute; top: 12px; left: 0px; width: calc(100% - 9px); height: 100%; border-radius: 23px; background: #51d696; border: 4px 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:132px; height:90px; position:absolute; top:-45px; left:calc(50% - 62px);}
.recommendTxt .title{margin-bottom:60px; font-size:35px; font-family:'CoreGothic6'; color: #222 !important;}
.recommendTxt p{color: #222 !important; font-family:'CoreGothic5'; line-height: 1.7; font-size:32px;}

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

.commonBox{background:#51d696; padding:71px 0 194px;}
.commonBox .inner .moveBox{width:100%; margin:0 auto;}
.commonBox .inner .moveBox a{display:flex; justify-content:center; text-align:left; width:100%; border:4px solid #222; border-radius:24px; padding:46px 0; font-size:28px; font-family:'CoreGothic5';}
.commonBox .inner .moveBox .moveBottom{display:flex; gap:20px; margin-top:20px;}
.commonBox .inner .moveBox .btn_consulting{color:#222; background:#56bdff; font-size:34px; 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:56px; height:56px; position:absolute; right:57px;}
.commonBox .inner .moveBox .btn_consulting:hover{background:#30afff;;}
.commonBox .inner .moveBox .btn_return{background:#fff; color:#222; position:relative; padding-left:40px;}
.commonBox .inner .moveBox .btn_return::before{content:''; background:url('../images/curriculum/customized/finalBtn2_before.svg') no-repeat center/cover; display:inline-block; width:52px; height:52px; position:absolute; right:calc(50% + 90px); top:calc(50% - 27px);}
.commonBox .inner .moveBox .btn_return:hover{background:#f5f5f5;}
.commonBox .inner .moveBox .btn_edu{background:#333; color:#fff; position:relative; padding-left:40px;}
.commonBox .inner .moveBox .btn_edu::before{content:''; background:url('../images/curriculum/customized/finalBtn3_before.svg') no-repeat center/cover; display:inline-block; width:44px; height:78px; position:absolute; right:calc(50% + 72px); top:calc(50% - 44px);}
.commonBox .inner .moveBox .btn_edu:hover{background:#111;}

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

.reviewRolling{padding:0 10px;}

 .inner_review{padding:0; width:90%;}
.commonBox .inner .reviewBox h3{margin-bottom:55px; font-size:47px; line-height:1.5; font-family:'CoreGothic4';}
.commonBox .inner .reviewBox{position:relative;}
.commonBox .inner .reviewBox .review{background:#fff; padding:64px 45px; border:2px solid #111; border-radius:12px; text-align:left; height:500px;}
.commonBox .inner .reviewBox .review .reviewTop{display:flex; align-items:center; gap:32px;}
.commonBox .inner .reviewBox .review .reviewTop img{width:90px;}
.commonBox .inner .reviewBox .review .reviewTop p{font-family:'CoreGothic5'; font-size:36px;}
.commonBox .inner .reviewBox .review .reviewBottom{margin-top:55px; font-size:32px; font-family:'CoreGothic4'; line-height:1.6;}
.commonBox .inner .reviewBox .swiper-pagination{bottom:-86px; left:calc(50% - 52px); display:flex; gap:20px;}
.commonBox .inner .reviewBox .swiper-pagination .swiper-pagination-bullet{background:#3e9b6e;}
.commonBox .inner .reviewBox .swiper-pagination .swiper-pagination-bullet-active{background:#111;}