@CHARSET "UTF-8";

.curri_main_game{padding-bottom:0 !important;}
.section_title{color:#fff; font-weight:700; font-size:50px; line-height:1.35;}
.section_subtitle{padding-top:10px; color:#fff; font-size:22px;}

.curri-game{width:100%; background-color:#26272b; color:#bebebf; /*margin-top:var(--detail-padding-top);*/}
.curri-game .top-banner{width:100%; height:auto; background-color:#090909; padding:50px 70px;}
.curri-game .top-banner .banner-img-wrap{padding: 60px 0 24% 0; width:100%; max-width:1800px; margin:0 auto; max-height:600px; border-radius:20px; overflow:hidden;}

/*중간상담*/
.game-video-popup h2{color:#fff;}
.game-video-popup .consulting-right .consult_title{color:#fff;}
.game-video-popup .videoPopupContent{padding:35px 0 0 0;}
.game-video-popup .videoPopupContent .videoPopup-right .consulting-right-branch .consult_branch_wrap{color:#4D5762 !important;}
.game-video-popup .consulting-right-Privacy .clause_agree_wrap .checkmark_label{color:#F7F9FD;}
.game-video-popup .consulting-right-Privacy .clause_agree_wrap p{color:#6f717b;}
.game-video-popup .consult_branch_wrap input:checked + .radio{background-color:#ea2127; border-color:#ea2127;}
.game-video-popup .consulting-right-btn .btn_consulting{background:#ea2127;}


.curri-game .section-container{background-color:#090909 !important;text-align:center; width:100%; padding:100px 0; position:relative;}
.curri-game .section-bg-gray{background-color:#26272b !important;}
.curri-game .section-container .inner h3{color:#fff; font-size:var(--section-title); line-height:1.35; font-weight:700;}
.curri-game .section-container .inner .sub-title{font-weight:400; font-size:var(--section-subtitle); line-height:1.6; padding-top: 25px;}
.curri-game .section-container .inner .sub-title .point-red{color:#ea2127;}
.curri-game .section-container .inner .sub-title2{color:#fff;}
.curri-game .bottom-effect{overflow:hidden; border-radius:0 0 50% 50%/ 0 0 60px 60px;}
.curri-game .bottom-effect:after{content:''; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:500px; background:linear-gradient(189deg, rgba(9,9,9,0) 29%, rgba(75,33,30,1)90%); }

/*선택사항 다음 교육과정 세부 상단 탭메뉴*/
.tap_bottom_deco{padding-bottom:0 !important;}
.tap_bottom_deco:after{content:url('/resources/images/curriculum/curri-detail/art/tap_bottom_deco.svg'); display:block; padding-top:60px;}
.container-tab-bg{position:relative; z-index:1;}
.container-tab-bg>svg{position:absolute; top:-50px; left:0; z-index:-1; width:100%; stroke-dasharray:4000; stroke-dashoffset:4000; animation:top_line 8s linear infinite;}
@keyframes top_line{
	0%{stroke-dashoffset:4000;}
	20%{stroke-dashoffset:0;}
	40%{stroke-dashoffset:4000;}
	
}
.category-tap-container{padding-top:60px; overflow:visible; width:100%;}
.category-tap-container .tap-container{display:grid; grid-template-columns:repeat(2, 1fr); gap:0 25px; height:216px;}
.category-tap-container .tap-grid3{grid-template-columns:repeat(3, 1fr); gap:0 10px;}
.category-tap-container .tap-container .tap-item{position:relative; padding:30px 0 0 40px; cursor:pointer;}
.category-tap-container .tap-container .tap-item .img-wrap{position:absolute; top:0; left:0; background-color:#090909;}
.category-tap-container .tap-container .tap-item .img-wrap img{mix-blend-mode:luminosity; width:100%;}
.category-tap-container .tap-container .tap-item p{position:absolute; color:#131415; text-align:left;}
.category-tap-container .tap-container .tap-item .tab-subtitle{padding:2px 10px; border:2px solid #131415; border-radius:15px; font-weight:400; font-size:16px;}
.category-tap-container .tap-container .tap-item .tab-title{top:68px; font-weight:700; font-size:35px; line-height:1.4;}
.category-tap-container .tap-container .tap-item .btn_ani_wrap{width:fit-content; position:absolute; right:0; bottom:8px; margin-bottom:0;}
.category-tap-container .tap-container .tap-item.active img, .category-tap-container .tap-container .tap-item:hover img {mix-blend-mode:initial;}
.category-tap-container .tap-container .tap-item.active p, .category-tap-container .tap-container .tap-item:hover p{color:#fff;}
.category-tap-container .tap-container .tap-item.active .tab-subtitle, .category-tap-container .tap-container .tap-item:hover .tab-subtitle{border-color:#fff;}
.category-tap-container .tap-container .tap-item .btn_ani_wrap .btn_arrow_bottom{width:48px; height:48px; border-radius:50%; padding-top:14px; background:#fff;}
.category-tap-container .tap-container .tap-item .btn_ani_wrap .btn_arrow_bottom:after{content:url('/resources/images/curriculum/btn_arrow_bottom.svg'); filter:brightness(0);}
.category-tap-container .tap-container .tap-item .btn_ani_wrap .btn_ani{position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; transition:opacity .3s ease;}
.category-tap-container .tap-container .tap-item .btn_ani_wrap .btn_ani div{position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50px; border:2px solid #fff;}
/* hover 상태에서 애니메이션 적용 */
.category-tap-container .tap-container .tap-item .btn_ani_wrap .btn_ani div:nth-child(1){animation: 1.8s ani_line2 calc(1.8s / 3* 1) infinite ease;}
.category-tap-container .tap-container .tap-item .btn_ani_wrap .btn_ani div:nth-child(2){animation: 1.8s ani_line2 calc(1.8s / 3* 2) infinite ease;}
.category-tap-container .tap-container .tap-item .btn_ani_wrap .btn_ani div:nth-child(3){animation: 1.8s ani_line2 calc(1.8s / 3* 3) infinite ease;}
@keyframes ani_line2{
	0%{opacity:0; transform:scaleX(1) scaleY(1);}
	10%{opacity:.9;}
	100%{opacity:0; transform: scaleX(1.3) scaleY(1.3);}
}
.category-tap-container .tap-container .tap-item:hover .btn_ani_wrap .btn_ani{opacity:1;}

/*커리큘럼*/
.wrap-plan{width:100%;}
.wrap-plan .inner{display:flex; gap:10px;}
.wrap-plan .inner .plan-left{text-align:left; width:100%;}
.wrap-plan .inner .plan-right{height: 100%; width:100%;}
.wrap-plan .inner .plan-right .plan-step{overflow-y: scroll; -ms-overflow-style: none; height:100%; position:relative; width:100%; height:588px; border:solid rgba(111, 113, 123, .15); border-width:2px 0; text-align:left; cursor:url('/resources/images/curriculum/curri-detail/art/cursor.png')42 42, auto;}
.wrap-plan .inner .plan-right .plan-step::-webkit-scrollbar{display:none;}
.wrap-plan .inner .plan-right .plan-step .step{display:grid; -webkit-box-align: center;-moz-align-items: center;align-items: center;grid-template-columns: 150px auto;gap: 0 30px;padding: 20px 0 20px 30px;}
.wrap-plan .inner .plan-right .plan-step .step .img-wrap{height:150px;}
.wrap-plan .inner .plan-right .plan-step .step .img-wrap img{width:100%;}
.wrap-plan .inner .plan-right .plan-step .step .txt-wrap{}
.wrap-plan .inner .plan-right .plan-step .step .txt-wrap h4{color:#fff; font-weight:500; font-size:20px;}
.wrap-plan .inner .plan-right .plan-step .step .txt-wrap p{color:#6f717b; font-weight:400; padding-top:8px;}
.wrap-plan .inner .plan-right .plan-step .step .txt-wrap ul{padding-top:13px; line-height:2;}
.wrap-plan .inner .plan-right .plan-step .step .txt-wrap ul li{letter-spacing:-0.07em;}
.wrap-plan .inner .plan-right .plan-step .step .txt-wrap ul li:before{content:'\2022'; margin-right:3px;}
.sub-title-only{padding-top:60px !important; font-size:18px !important; font-weight:300 !important; line-height:1.4;}
.sub-title-only:after{content:url('/resources/images/curriculum/curri-detail/art/toon-curri-l.svg'); display:block; padding:35px 0 10px;}

/*매력포인트*/
.curri-game .wrap-point{width:100%; display:grid; grid-template-columns:repeat(4, 1fr); gap:0 10px; margin-top:60px; overflow:visible;}
.curri-game .wrap-point .point_item{position:relative; z-index:1; padding:32px 30px 26px; border:2px solid #131415; border-radius:10px; background:transparent; text-align:left;}
.curri-game .wrap-point .point_item p{line-height:1.4;}
.curri-game .wrap-point .point_item span{position:absolute; top:-61px; z-index:-2; color:#ea2127; font-weight:700; font-size:70px; text-shadow:0px 0px 9px rgba(234, 33, 39, 0.73); filter:blur(0.5px); -webkit-filter:blur(0.5px);}
.curri-game .wrap-point .point_item .item-title{padding-bottom:12px; word-break:keep-all; color:#fff; font-weight:500; font-size:20px;}
.curri-game .wrap-point .point_item:after{content:''; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; border-radius:10px; background-color:rgba(38, 39, 43, .3); filter:brightness(1.3); -webkit-filter:brightness(1.3); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px);}
.curri-game .wrap-point:not(.wrap-point-not){padding-top:60px;}

/*취업지원시스템*/
.wrap-system{width:100%; display:flex; justify-content:space-between; margin-top:60px; position:relative; z-index:1;}
.wrap-system>div{display:flex; flex-direction:column; align-items:center; text-align:center;}
.wrap-system>div:first-child::after{content:''; position:absolute; top:23px; left:80px; z-index:-1; width:83%; height:4px; background-image:url('/resources/images/curriculum/curri-detail/art/bg-dotted.svg');}
.wrap-system .system_number{background-color:#fff; color:#222; border: 6px solid #6f717b; font-size:22px; font-weight:700; border-radius:50%; width:51px; height:51px; line-height:1.7;}
.wrap-system .system_number-red{border-color:rgba(234, 33, 39, .54); background:#ea2127; background-clip:padding-box; color:#fff;}
.wrap-system .system_number-red:after{content:''; position:absolute; top:23px; right:110px; z-index:-1; width:18%; height:5px; background:linear-gradient(to right, transparent 0%, #ea2127 100%);}
.wrap-system .system_txt h4{color:#fff; padding:30px 0 15px; font-weight:500; font-size:20px;}
.wrap-system .system_txt p{line-height:1.4;}

/*추천*/
.container-wantted{border-radius:50% 50% 0 0 / 60px 60px 0 0;}
.wrap-wantted-bg{z-index:1; position:relative;}
.wrap-wantted-bg:after{content:''; position:absolute; top:0; left:0; width:100%; height:853px; background:linear-gradient(rgba(0,0,0,0.2) 0%, rgba(1,1,1, .76) 100%);}
.wrap-wantted-bg .img_wrap{position:absolute; overflow:hidden;}
.wrap-wantted-bg .img_wrap img{width:100%;}
.wrap-wantted-bg .img_wrap1{top:0px; left:10.8%; width:13.54%; max-width:520px; min-width:110px; border-radius:20px 20px 0 20px;}
.wrap-wantted-bg .img_wrap2{top:80px; right:11.23%; width:19%; max-width:730px; min-width:160px; border-radius:20px 20px 20px 0;}
.wrap-wantted-bg .img_wrap3{top:219px; left:31.82%; width:10.625%; max-width:408px; min-width:102px; border-radius:20px 20px 0 20px;}
.wrap-wantted-bg .img_wrap4{top:534px; right:34.77%; width:7.55%; max-width:290px; min-width:72.5px; border-radius:20px 20px 20px 0;}
.wrap-wantted-bg .img_wrap5{top:425px; right:18.26%; width:13.54%; max-width:520px; border-radius:20px 20px 20px 0;}
.wrap-wantted-bg .img_wrap6{top:534px; left:18.95%; width:10.52%; max-width:404px; border-radius:20px 20px 0 20px;}

.container-wantted .inner{position:relative; z-index:3;}
.wrap-wantted{margin-top:60px;}
.wrap-wantted p{width:100%; max-width:400px; height:60px; margin:0 auto; border-radius:10px; border:2px solid #6f717b; background:#060606; color:#fff; font-weight:400; font-size:18px; line-height:3;}
.wrap-wantted p:not(:last-of-type){margin-bottom:10px;}
.wrap-wantted .deco-dot{position:relative; height:56px; margin:30px 0 0;}
.wrap-wantted .deco-dot div{width:4px; height:4px; margin:0 auto; border-radius:50%; background:#6f717b;}
.wrap-wantted .deco-dot div:before{content:''; position:absolute; top:50%; transform: translate(-50%, -50%); width:4px; height:4px; border-radius:50%; opacity:.7; background:#6f717b;}
.wrap-wantted .deco-dot div:after{content:''; position:absolute; bottom:0; transform:translateX(-50%); width:4px; height:4px; border-radius:50%; opacity:.4; background:#6f717b;}

/*레드벨트 상단 redbelt2*/
.curri-game .section-redbelt2{padding-bottom:0;}
.redbelt2{position:relative; z-index:1; padding-top:35px; font-size:28px; color:#fff; height:170px; line-height:2;
background:radial-gradient(at 50% 90%, #5a1919 0%, #131415 48%) !important; }
.redbelt2:before{content:''; position:absolute; bottom:0; left:0; width:50%; height:50px; border-radius:0 50px 0 0; background:#090909;}
.redbelt2:after{content:''; position:absolute; bottom:0; right:0; width:50%; height:50px; border-radius:50px 0 0 0; background:#090909;}
.redbelt2 .inner p .point-orange{color:#f36a4d; font-weight:700;}

/*레드벨트, 내일배움카드*/
.section-redbelt{padding-top:0 !important;}
.redbelt{position:relative; z-index:1; height:190px; padding-top:38px; color:#fff; font-weight:300; font-size:22px; background:radial-gradient(at 50% 90%, #e58b87 0%, #b2140e 30%);}
.redbelt .inner p{line-height:1.4;}
.redbelt:before{content:''; position:absolute; bottom:0; left:0; width:50%; height:50px; border-radius:0 50px 0 0; background:#090909;}
.redbelt:after{content:''; position:absolute; bottom:0; right:0; width:50%; height:50px; border-radius:50px 0 0 0; background:#090909;}
.section-redbelt h3{padding-top:50px;}
.wrap-hrd{display:flex; justify-content:space-between; padding-top:60px;}
.wrap-hrd .hrd-left{text-align:left; width:100%;}
.wrap-hrd .hrd-left .sub-title-only span{display:block; font-size:20px; color:#fff;}
.wrap-hrd .hrd-left .btn-game-red{text-align:center; display:block; width:100%; max-width:313px; height:66px; padding:0 40px; border-radius:33px; border:0; background:#ea2127; color:#fff; font-weight:400; font-size:18px; line-height:66px; margin:60px 15px;}
.wrap-hrd .hrd-left .btn-game-red:after{content:url('/resources/images/curriculum/btn_arrow_right.svg'); margin-left:5px; vertical-align:-3px;}
.wrap-hrd .hrd-right{width:100%;}
.wrap-hrd .hrd-right .hrd-img{display:grid; grid-template-columns:repeat(2, 1fr); gap:0 40px; width:100%; max-width:522px; margin-left:30px;}
.wrap-hrd .hrd-right .hrd-img .img-wrap{position:relative;}
.wrap-hrd .hrd-right .hrd-img .img-wrap img{width:100%;}
.wrap-hrd .hrd-right .hrd-img .img-wrap:after{content:''; position:absolute; left:0; bottom:-15px; width:100%; height:100px; background:linear-gradient(to bottom, transparent 0%, rgba(9, 9, 9, 0.7) 30%, rgba(9, 9, 9, 1) 100%);}
.wrap-hrd .hrd-right .hrd-txt{display:flex; gap:13px; margin:-122px 0 0 -10px;}
.wrap-hrd .hrd-right .hrd-txt p{color:#fff; line-height:1.5; font-weight:500; font-size:20px; width:auto; height:108px; padding:28px 25px 0; border-radius:10px; background-color:#fff2; filter:brigtness(1.1); backdrop-filter:blur(40px);}
.wrap-hrd .hrd-right .hrd-txt p span{font-size:16px; font-weight:300;}

/*리뷰 솔직한 후기*/
.container-review{border-radius: 0 0 50% 50% / 0 0 60px 60px; background-image: url('/resources/images/curriculum/curri-detail/art/bg_reviewBottom.jpg'); background-size:contain;}
.scroll-review-wrap{position:relative; width:100%; padding-top:60px; height:368px; max-width: var(--max-width-page); margin:0 auto;}
.scroll-review-wrap:before{content:''; position:absolute; top:0; left:0; z-index:1; width:300px; height:100%; background:linear-gradient(to right, #090909 0%, #0000 70%);}
.scroll-review-wrap:after{content:''; position:absolute; top:0; right:0; z-index:1; width:300px; height:100%; background:linear-gradient(to left, #090909 0%, #0000 70%);}
.review-wrap{/*width:10000px !important;*/ margin-top:60px; }
.review-wrap .review-item{position:relative; background:#1b1b1b; border:2px solid #131415; margin-right:15px; color:#fff; border-radius:10px; width:100%; max-width:308px; height:auto; padding:22px 25px; text-align:left; display:flex; flex-direction:column; justify-content:space-between;}
.review-wrap .review-item:nth-child(even){transform:translateY(-25%);}
.review-wrap .review-item:nth-child(odd){transform:translateY(-4%);}
.review-wrap .review-item>p{line-height:1.8;}
.review-wrap .review-item>div{display:flex; align-items:center; gap:0 5px; margin-top:15px;}
.review-wrap .review-item>div p span{display:block; color:#6f717b; font-size:12px; letter-spacing:-0.01em; font-weight:600;}
.review-wrap .review-item>div .img-wrap{width:40px;}
.review-wrap .review-item>div .img-wrap img{width:100%;}

/*글자 불빛효과 처음 개발자의 꿈*/
.shine-text-wrap{padding-top:100px;}
.shine-text-wrap .shine-text{position:relative; height:210px; font-size:35px; line-height:1.5; font-weight:600;}
.shine-text-wrap .shine-text .text{position:absolute; left:20%; width:60%; background-image:linear-gradient(to right, #6f717b 50%, #fff 100%);
background-clip:text; -webkit-background-clip:text; background-size:200%; -webkit-text-fill-color:transparent; animation:mentclip 8s reverse infinite; 
}
.shine-text-wrap .shine-text .text:first-child{top:0;}
.shine-text-wrap .shine-text .text:nth-child(2){top:52.5px; animation-delay:1.5s;}
.shine-text-wrap .shine-text .text:nth-child(3){top:105px; animation-delay:3s;}
.shine-text-wrap .shine-text .text:last-child{top:157.5px; animation-delay:4.5s;}
@keyframes mentclip{
	35%{background-position:200%;}
	100%{background-position:200%;}
}


/*수강하는 방법 쉬워요*/
.wrap-system-clone>div:first-child::after{content:''; position:absolute; top:23px; left:80px; z-index:-1; width:89%; height:4px; background-image:url('/resources/images/curriculum/curri-detail/art/bg-dotted.svg');}

.wrap-system-clone .system_number-red:after{right:26px; width:34%;}

/*오직 아텐츠에서만! 특별한 혜택*/
.wrap-plan-clone{padding-bottom:100px;}
.wrap-plan-clone .plan-left{width:40% !important;}
.wrap-plan-clone .plan-left h3:before{content:'수강생 전용'; display:inline-block; border:2px solid #fff; font-weight:400; font-size:14px; margin-bottom:15px; padding:6px 15px; border-radius:18px;}
.wrap-plan-clone .plan-right{width:60% !important; text-align:left;}
.wrap-plan-clone .plan-right .plan-clone-step{display:grid; grid-template-columns:100px auto; align-items:center; line-height:1.7;}
.wrap-plan-clone .plan-right .plan-clone-step .point-red{margin-right:30px; color:#ea2127; font-weight:700; font-size:50px;}
.wrap-plan-clone .plan-right .plan-clone-step p span{color:#fff; display:block; font-weight:500; font-size:20px;}

/*자주묻는질문*/
.wrap-qna .curriView_qna{padding-top:60px; text-align:left; width:100%; max-width:887px; margin:0 auto;}
.wrap-qna .curriView_qna .qna-item{border-radius:10px; border:2px solid #131415; background:#26272b; cursor:pointer; margin-bottom:10px;}
.wrap-qna .curriView_qna .qna-item:last-child{margin-bottom:0;}
.wrap-qna .curriView_qna .qna-item .qna-item-q{position:relative; color:#fff; font-weight:500; font-size:20px; padding:18px 30px 20px;}
.wrap-qna .curriView_qna .qna-item .qna-item-q:before{content:'Q.'; margin-right:3px; color:#ea2127; font-weight:700; vertical-align:1px;}
.wrap-qna .curriView_qna .qna-item .qna-item-q:after{content:''; position:absolute; top:30px; right:27px; width:17px; height:10px; background-image:url('/resources/images/curriculum/curri-detail/art/select_arrow.svg'); background-size:contain; background-repeat:no-repeat; transiton:transform .2s ease;}
.wrap-qna .curriView_qna .qna-item .qna-item-a{display:none; padding:3px 30px 20px; line-height:1.5;}
.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box{display:flex; justify-content:space-around; gap:10px;}
.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box .step-box{position:relative; width:100%; max-width:168px; height:100%; max-height:230px; background:#131415; color:#fff; text-align:center; padding:30px 0; border-radius:20px;}
.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box .step-box .img-wrap{width:62px; height:62px; margin:0 auto 25px;}
.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box .step-box .img-wrap img{width:100%;}
.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box .step-box p{line-height:1.8;}
.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box .step-box p span{display:block; color:#bebebf;}
.wrap-qna .curriView_qna .qna-item.show_a .qna-item-a{display:block;}

@media screen and (max-width: 1024px){

.curri-game{margin-top:var(--tb_detail-padding-top);}
	
.curri-game .top-banner{padding:0px; position:relative;}
.curri-game .top-banner:after{content:''; width:100%; height:30px; position:absolute; bottom:0; background: linear-gradient(to bottom, transparent 0%, #090909 100%); }
.curri-game .top-banner .banner-img-wrap{border-radius:0; padding:60px 0 19% 0;}
.section_title{font-weight:500; font-size:var(--tb_select-title);}
.section_subtitle{font-size:22px;}

.curri-game .section-container{padding:70px 0;}
.curri-game .section-container .inner h3{font-size:var(--tb_section-title); font-weight:500;}

/*중간상담*/
.section-container-video{padding:70px 0 0 0 !important;}

/*텝메뉴*/
.category-tap-container{padding-top:36px;}
.category-tap-container .tap-container{height:100%;}
.category-tap-container .tap-grid3{grid-template-columns:repeat(2, 1fr); gap:12px;}
.category-tap-container .tap-container .tap-item{background-color:#131415; border-radius:14px; height:54px; padding:0; display:flex; justify-content:center; align-items:center;}
.category-tap-container .tap-container .tap-item p{color:#6f717b; text-align:center;}
.category-tap-container .tap-container .tap-item .tab-title{position:static; font-size: var(--tb_select-subtitle); font-weight:600;}

.category-tap-container .tap-container .tap-item.active{background-color:#ea2127;}
.category-tap-container .tap-container .tap-item.active p{color:#fff;}

/*커리큘럼*/
.wrap-plan .inner{display:block; padding:0 3% !important;}
.wrap-plan .inner .plan-left{text-align:center;}
.wrap-plan .inner .plan-right{margin-top:25px;}	
.wrap-plan .inner .plan-right .plan-step{display:grid; grid-template-columns:repeat(2, 1fr); height:390px;}
.wrap-plan .inner .plan-right .plan-step .step{grid-template-columns: 130px auto;gap: 0 10px;padding: 10px;}
.wrap-plan .inner .plan-right .plan-step .step .img-wrap{height:90px;}

/*매력포인트*/
.curri-game .wrap-point{grid-template-columns:repeat(2, 1fr); gap:60px 10px;}

/*취업지원시스템*/
.wrap-system>div:first-child::after{left:145px; width:66%;}
.wrap-system .system_number-red:after{right:138px;}

/*추천*/
.wrap-wantted-bg .img_wrap1{left:-0.2%;}
.wrap-wantted-bg .img_wrap2{right:-9.77%;}
.wrap-wantted-bg .img_wrap3{top:357px; left:14.82%;}
.wrap-wantted-bg .img_wrap4{top:606px; right:17.77%;}
.wrap-wantted-bg .img_wrap5{right:1.26%;}
.wrap-wantted-bg .img_wrap6{top:660px; left:8.95%;}

/*레드벨트 상단 redbelt2*/
.curri-game .section-redbelt2{padding-bottom:0;}
.redbelt2{font-size:22px; line-height:2.2;}
.redbelt2 .inner p .point-orange{font-weight:500;}

/*레드벨트, 내일배움카드*/
.wrap-hrd{flex-direction:column-reverse; align-items:center;}

.wrap-hrd .hrd-left{text-align:center;}
.wrap-hrd .hrd-left .btn-game-red{height:62px; line-height:62px; /*width:377px;*/ margin:0 auto; margin-top: 60px; font-size:16px;}

.wrap-hrd .hrd-right .hrd-img{margin:0 auto;}
.wrap-hrd .hrd-right .hrd-txt{margin:-122px 0 0 0; justify-content:center;}
.wrap-hrd .hrd-right .hrd-txt p{height:120px; padding:34px 55px 0;}

/*글자 불빛효과 처음 개발자의 꿈*/
.container-review{background-size:contain;}

.shine-text-wrap{padding-top:50px;}
.shine-text-wrap .shine-text{font-size:27px;}


/*수강하는 방법 쉬워요*/
.wrap-system{display:grid; grid-template-columns:repeat(3, 1fr); margin-top:45px; gap:45px 0;}
.wrap-system-clone>div:first-child::after{left:140px; width:66%;}
.wrap-system-clone>div:nth-child(4)::after{content:''; position:absolute; top:256px; left:140px; z-index:-1; width:66%; height:4px; background-image:url('/resources/images/curriculum/curri-detail/art/bg-dotted.svg');}
.wrap-system-clone .system_number-red:after{top:256px; right:138px; width:18%;}

/*오직 아텐츠에서만! 특별한 혜택*/
.wrap-plan-clone{padding-bottom:80px;}
.wrap-plan-clone .inner{display:flex; align-items:center; padding:0 3% !important;}
.wrap-plan-clone .inner .plan-left{width:35% !important;}
.wrap-plan-clone .inner .plan-right{width:65% !important;}

.wrap-plan-clone .plan-right .plan-clone-step{margin-bottom:15px;}
.wrap-plan-clone .plan-right .plan-clone-step:last-child{margin-bottom:0;}

/*자주 묻는 질문*/
.wrap-qna .curriView_qna{padding-top:45px;}

}

@media screen and (max-width: 767px){
	
.curri-game .top-banner:after{height:15px;}
.curri-game .top-banner .banner-img-wrap{border-radius:0; padding:50px 0 45px;}
.section_title{font-size:var(--m_select-title);}
.section_subtitle{font-size:17px;}

.curri-game .section-container{padding:55px 0;}
.curri-game .bottom-effect{border-radius:0 0 30% 30%/ 0 0 20px 20px; padding-top:0 !important;}
.curri-game .section-container .inner h3{font-size:var(--m_section-title);}
.curri-game .section-container .inner .sub-title{font-size:var(--m_section-subtitle); line-height:1.6; padding-top: 11px;}

/*중간상담*/
.section-container-video{padding:50px 0 0 0 !important;}
.section-container-video .wrap-video-popup .videoPopupContent{padding:0;}

/*텝메뉴*/
.category-tap-container{padding-top:26px;}
.tap_bottom_deco:after{padding-top:30px;}
.category-tap-container .tap-container .tap-item{border-radius:14px; height:66px;}
.category-tap-container .tap-container .tap-item .tab-title{font-size:17px; font-weight:600;}


/*커리큘럼*/
.wrap-plan .inner .plan-right .plan-step{display:block; height:400px; border:3px solid #26272b; border-left:0; border-right:0;}	
.wrap-plan .inner .plan-right .plan-step .step{display:block; padding:15px 10px; margin-bottom:15px;}
.wrap-plan .inner .plan-right .plan-step .step:last-child{margin-bottom:0;}
.wrap-plan .inner .plan-right .plan-step .step .img-wrap{height:60px;}	
.wrap-plan .inner .plan-right .plan-step .step .txt-wrap h4 span{color:#ea2127;}

.curri-game .wrap-point{display:block; margin-top:25px;}
.curri-game .wrap-point .point_item{margin-bottom:48px; padding:24px; background:#1b1b1b;}
.curri-game .wrap-point .point_item:last-child{margin-bottom:0;}
.curri-game .wrap-point .point_item .item-title{padding-bottom:9px;}

/*매력포인트*/
.curri-game .wrap-point:not(.wrap-point-not){padding-top:45px; margin-top:0;}
.curri-game .wrap-point .point_item span{font-size:40px; top:-33px; margin-bottom:45px;}

/*취업지원시스템*/
.wrap-system{display:flex; flex-direction:column; margin-top:25px; padding-left:10px; gap:24px;}
.wrap-system>div{display:grid; grid-template-columns:29px auto; -webkit-box-align:center; align-items:center; gap:16px;} 
.wrap-system>div:last-child{margin-bottom:0px;} 
.wrap-system>div:first-child::after{display:none;}

.wrap-system>div .system_txt{text-align:left;}
.wrap-system>div .system_txt h4{padding:0; margin-bottom:10px;}
.wrap-system .system_number{border-width: 4px; width:28px; height:28px; font-size:17px; line-height:1.2;}
.wrap-system .system_number-red:after{display:none;}

/*목표가 명확하면 망설일 이유가 없습니다. 추천*/
.container-wantted{border-radius:30% 30% 0 0/20px 20px 0 0;}
.wrap-wantted{margin-top:30px;}
.wrap-wantted p{font-size:17px; line-height:60px;}
.wrap-wantted-bg:after{background:linear-gradient(rgba(0,0,0,0.5) 0%, rgba(1,1,1,.76)100%);}
.wrap-wantted-bg .img_wrap3{top:150px; left:20.82%;}
.wrap-wantted-bg .img_wrap4{top:512px; right:22.77%;}
.wrap-wantted-bg .img_wrap5{top:443px; right:4.26%;}
.wrap-wantted-bg .img_wrap6{top:524px;}

/*레드벨트 상단 redbelt2*/
.curri-game .section-redbelt2{padding-bottom:0;}
.redbelt2{font-size:18px; line-height:1.5;}

/*레드벨트, 내일배움카드*/
.section-redbelt{padding-bottom:0 !important;}
.redbelt{padding-top:30px;font-size:17px; height:227px;
background:url('/resources/images/curriculum/curri-detail/art/bg-hrd.jpg') center/cover no-repeat;}
.wrap-hrd{padding-top:40px;}
.sub-title-only:after{display:none;}
.wrap-hrd .hrd-right .hrd-img{display:flex; justify-content:space-around; gap:20px; /*width:303px;*/}
.wrap-hrd .hrd-right .hrd-img .img-wrap:after{display:none;}
.wrap-hrd .hrd-right .hrd-txt{margin-top:20px; gap:24px;}
.wrap-hrd .hrd-right .hrd-txt p{background:none; backdrop-filter:none; padding:0; height:auto; font-size:18px; letter-spacing: -0.07em; position:relative;}
.wrap-hrd .hrd-right .hrd-txt p span{font-size:17px; color:#bebebf;}
.wrap-hrd .hrd-right .hrd-txt p:first-child::after{content:''; position:absolute; top:8%; right:-14px; width:3px; height:42px; background:#6f717b;}
.wrap-hrd .sub-title-only{background-color:#16151b; font-size:17px !important; text-align:center; padding:30px 22px !important; margin-top:15px;}
.wrap-hrd .sub-title-only span{font-size:20px !important; margin-bottom:7px;}
.wrap-hrd .hrd-left .btn-game-red{height:50px; line-height:50px; margin:0 auto; margin-top:24px;}
.wrap-hrd .hrd-left .sub-title{letter-spacing:-0.07em;}


/*솔직후기*/
.container-review{border-radius: 0 0 50% 50% / 0 0 60px 60px; background: url('/resources/images/curriculum/curri-detail/art/bg_reviewBottom_m.png') bottom/contain no-repeat;}
.scroll-review-wrap{height:100%; padding:40px 0 40px;}
.scroll-review-wrap:before{display:none;}
.scroll-review-wrap:after{display:none;}
.review-wrap{margin-top:0px; display:flex; align-items:center; width:5000px; font-size:15px;}
.review-wrap .review-item{margin-right:16px; color:#bebebf; line-height:1.4; width:260px; padding:20px;}
.review-wrap .review-item:nth-child(even){transform:none;}
.review-wrap .review-item:nth-child(odd){transform:none;}
.review-wrap .review-item>p{line-height:1.4;}

/*글자 불빛효과 처음 개발자의 꿈*/
.shine-text-wrap{padding-top:40px;}
.shine-text-wrap .shine-text{font-size:18px; height:180px;}
.shine-text-wrap .shine-text .text{left:0; width:100%;}
.shine-text-wrap .shine-text .text:first-child{top:0;}
.shine-text-wrap .shine-text .text:nth-child(2){top:35px; animation-delay:1.5s;}
.shine-text-wrap .shine-text .text:nth-child(3){top:70px; animation-delay:3s;}
.shine-text-wrap .shine-text .text:nth-child(4){top:105px; animation-delay:4.5s;}
.shine-text-wrap .shine-text .text:last-child{top:140px; animation-delay:6s;}

/*수강하는 방법 쉬워요*/
.wrap-system-clone>div:nth-child(4)::after{display:none;}

/*오직. 아텐츠에서만! 특별한 혜택*/
.container-plan-clone{border-radius: 30% 30% 0 0 /20px 20px 0 0 !important;}
.wrap-plan-clone .inner{display:block;}
.wrap-plan-clone .inner .plan-left{width:90vw !important; margin:0 auto; text-align:left; padding-left:15px;}
.wrap-plan-clone .inner .plan-right{width:100% !important; padding-left:10px;}
.wrap-plan-clone .plan-right .plan-clone-step{grid-template-columns:64px auto;}
.wrap-plan-clone .plan-right .plan-clone-step .point-red{font-size:40px;}
.wrap-plan-clone .plan-right .plan-clone-step p span{font-size:18px;}
.wrap-plan-clone .plan-right .plan-clone-step p{font-size:16px;}
.wrap-plan-clone{padding-bottom:0px;}

/*자주 묻는 질문*/
.wrap-qna{padding:55px 0 0 0;}
.wrap-qna .curriView_qna{padding-top:40px;}
.wrap-qna .curriView_qna .qna-item .qna-item-q{padding:18px 15px 20px; font-size:17px;}
.wrap-qna .curriView_qna .qna-item .qna-item-q:after{display:none;/*right:19px; width:15px; height:9px; top:26px;*/}

.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box{display:grid; grid-template-columns:repeat(2, 1fr);}
.wrap-qna .curriView_qna .qna-item .qna-item-a .wrap-step-box .step-box{padding:15px 0;}





}