 @charset "utf-8";
/* 교육과정 메인목록페이지 */
#curr{ }
#curr .curr_top {text-align:center; border-bottom: 1px solid #d5d5d5;}
#curr .curr_top img {width:auto; margin-bottom:25px;}
#curr .curr_top p {font-size:26pt; line-height: 1.3; color: #000; margin-bottom: 50px; font-family:'CoreGothic4';}
#curr .curr_list{}
#curr .curr_list .curr_btn {width:100%; height:150px; background:#fff; border-bottom:1px solid #cccccc; position:relative;}
#curr .curr_list .curr_btn p {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:150px; width:90%; margin:0 auto; font-size:40px; letter-spacing: -0.08em; color:#222222; line-height:150px; font-family:'CoreGothic4';}
#curr .curr_list .curr_btn img {position:absolute; right:0; top:0; height:150px; }
#curr .curr_list .curr_btn span{font-size:40px;  letter-spacing:-0.08em; color:#333; line-height:150px;  margin-left:1.66%; font-family:'CoreGothic5';}

/* 교육과정 목록 - 카테고리 배경 */
#curr .curr_bg {position:relative; width:100%; height:150px; border-bottom:1px solid #cccccc; background-position:center; background-size:cover;}
/* #curr .curr_bg p.curr_category {padding-top:17px; margin-left:5%; color:#fff; font-weight:700; font-family:'Pretendard'; font-size:42pt; letter-spacing:-0.06em;}  */
#curr .curr_bg p.curr_category {/* margin-left:3.66%; */margin-left:5%; padding:3% 0 0.5%; color:#fff; font-family:'CoreGothic6'; font-size:32pt;}
#curr .curr_bg .curr_category_detail {margin-left:5%; color:#fff; font-family:'CoreGothic5'; font-size:23pt;}

/* 교육과정 상세_220708 */
#curriculum_Form {width:100%; text-align:center; margin:0 auto;}
#curriculum_Form b {font-weight:bold; font-size:inherit; font-family:inherit;}
#curriculum_Form > div {width:90%; margin:0 auto;}

	/* curr_wrap 공통 */
.curr_wrap .curr_title .lecture_title {margin:77px 0 0; color:#000; font-weight:bold; font-size:68px; letter-spacing:-0.06em; font-family:'Pretendard';}
#curriculum_Form .lecture_titleexplan p {margin:25px 0; color:#666; font-weight: 300; font-size:28px; text-align:center; font-family:'CoreGothic4';}

	/* 교육과정 상세_최상단 curr_intro curr_wrap */
#curriculum_Form .lecture_titlepoint p {margin:6px 0 17px; color:var(--common-point-font); font-weight:bold; font-size:35px; font-family:'CoreGothic4';}

.curr_intro .lecture_img {margin:50px 0;}
.curr_intro .lecture_img img {width:100%;}

.curr_intro ul.lecture_explan_wrap {text-align:center;}
.curr_intro ul.lecture_explan_wrap li.iconp {color:#333; /* font-weight:bold; */ font-size:28px; font-family:'CoreGothic6';}
.curr_intro ul.lecture_explan_wrap li.iconp::before {content:""; display:inline-block; width:5px; height:5px; margin:0 12px 9px 0; background:#333;}
.curr_intro ul.lecture_explan_wrap li.iconp p {margin-top:15px; color:#666; /* font-weight:500; */ font-size:28px; font-family:'CoreGothic4';}
.curr_intro ul.lecture_explan_wrap p.line {width:100%; height:1px; margin:30px 0; background:#eeeeee;}

	/* 교육과정 상세_교육과정 curr_program curr_wrap */
.curr_program .br_editor {display:none;}

.curr_program .curr_title .lecture_title {margin-top:170px;}
.curr_program .lecture_step {font-size:18px; /*margin:35px 0 0;*/margin:50px 0 0; padding-top:35px; /*border-top:1px solid #222;*/ color:#666; text-align:left;}
.curr_program .lecture_step p:first-of-type {display:inline-block; font-weight:700; font-size:35px; font-family:'CoreGothic4';}
.curr_program .lecture_step span {display:none;}
.curr_program .lecture_step p:last-of-type {display:inline-block; padding-left:10px; color:#333; font-weight:700; font-size:36px; font-family:'CoreGothic4';}

.curr_program .lecture_step_wrap {clear:both; text-align:left;}

.lecture_step_left {margin-top:15px;}
.lecture_step_left > li.detail_title {margin:25px 0 0 2px; color:#333; font-size:28px; /* font-weight:bold; */ font-family:'CoreGothic6'; line-height:1.6;}
.lecture_step_left > li.detail_title::before {content:""; display:inline-block; width:5px; height:5px; margin:0 12px 9px 0; background:#333;}
.lecture_step_left > li ul li {margin-left:20px; font-size:28px; line-height:1.6; font-family:'CoreGothic3'; /* font-weight:300; */}
.lecture_step_left > li ul li span {font-size:inherit !important;}

.lecture_step_right {/* margin:50px 0 0; */margin:0;}
/* .lecture_step_right img {width:100%; margin-top:50px;} */
.curr_program .lecture_step_wrap img {width:100% !important; height:auto !important; /*margin-top:50px;*/margin-top:40px;} /* 에디터 작성시 .lecture_step_right 지워질 경우  */

	/* 교육과정 상세_강사소개 t_intro */
.t_intro {margin-top:70px; border-top:2px solid #eee;}
.t_intro .t_content_wrap {width:100%; /* padding: 80px 0 60px; */padding-bottom:60px;}
.t_intro .t_content_wrap > br {display:none;}
.t_intro .t_content_wrap:not(:last-of-type) {border-bottom:2px solid #eee;}
.t_intro .t_content {padding-top:90px;}
.t_intro .t_content .t_img img {width:auto;}
.t_intro .t_intro_text {margin:35px auto 0; width:95%;}
.t_intro .t_intro_text .t_name {color:#666; font-size:30px; font-family:'CoreGothic4'; }
.t_intro .t_intro_text .t_name span {margin:45px 10px 0 0; color:#333; font-size:30px; font-family:'CoreGothic7';}
.t_intro .t_intro_text .t_motto {padding:8px 0 25px; color:var(--common-point-font); font-size:30px; font-weight:bold; font-family:'CoreGothic4';}
/* .t_intro .t_intro_text .line2 {width:31px; height:1px; margin:30px auto 40px; background:#bcbcbc;} */
.t_intro .t_intro_text .t_ment {color:#666; font-weight:300; font-size:28px; font-family:'CoreGothic4';}


.curradd_btn p {margin-top:80px;}
.curr_page .error_msg {font-weight:normal;}

/****************************************게임제작과정 해당***************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {color: var(--color-font-gray); font-size: inherit;} /* 과정상세만 배경 어두운걸로 리뉴얼해서 color 바꿔줌 */

:root {
	--currView-item-margin: 33px; /* 아이템 사이 간격. 12px */
}

body, #wrapper.currView_wrapper {background: #090909;}
.currView_wrap {margin: 260px auto 0; letter-spacing: 0;}
.currView_wrap *, .currView_wrap *::before, .currView_wrap *::after {font-family: inherit; letter-spacing: 0;}
.currView_wrap .currView {background: #090909; font-family: 'SpoqaHanSansNeo', sans-serif; font-size: var(--font-size-content); line-height: 1.6; text-align: left; word-break: keep-all;}

.currView_wrap .sub_section_black_radiusT, .currView_wrap .sub_section_black_radiusB {background: #090909;}
.currView_wrap .sub_section_blackRed_radiusT, .currView_wrap .sub_section_blackRed_radiusB {background: #090909;}

.currView{width:100% !important; background: #090909; font-family: 'SpoqaHanSansNeo', sans-serif; font-size: var(--font-size-content); line-height: 1.6; text-align: left; word-break: keep-all;}

/* .currView_category ul.show_category {display: block;} */
.currView_category ul li {padding: 0 20px; color: #fff;}
.currView_category ul li.on {background-color: var(--color-red);}
.currView_category .currView_category_current {display: table; float: right; width: 185px; height: 163px; margin-top: 25px; border-radius: var(--border-radius-content); border: 5px solid var(--color-red); background-color: #1a0e0e; text-align: center;}
.currView_category .currView_category_current p {display: table-cell; vertical-align: middle; color: #fff; font-weight: 500; line-height: 1.2;}
	/* 최상단 배너 */
.currView_banner_section {}
.currView_banner {text-align: left;}
.currView_banner .img_wrap {position: relative; padding: 135px 0 38% 5%; background-size: cover; background-repeat: no-repeat;}
.currView_banner .img_wrap::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 28%; background: linear-gradient(to bottom, rgba(9, 9, 9, 0) 0%, #090909 70%);}
.currView_banner .section_title {width: auto; font-size: 75px;}
.currView_banner .section_subtitle {width: auto; color: #fff; font-size: 44px;}

.currView_drawing .currView_banner .img_wrap {background-image: url(/mobile/resource/images/curriculum/currView_banner_bg_drawing.jpg);}
.currView_design .currView_banner .img_wrap {background-image: url(/mobile/resource/images/curriculum/currView_banner_bg_design.jpg);}
.currView_programming .currView_banner .img_wrap {background-image: url(/mobile/resource/images/curriculum/currView_banner_bg_programming.jpg);}
.currView_graphic .currView_banner .img_wrap {background-image: url(/mobile/resource/images/curriculum/currView_banner_bg_graphic.jpg);}
.currView_web .currView_banner .img_wrap {background-image: url(/mobile/resource/images/curriculum/currView_banner_bg_web.jpg);}

	/* 정부지원 과정 제공 */
.currView_hrd2_section {margin-top: -60px;}
.currView_hrd2_band {position: relative; z-index: 1; height: 270px; padding-top: 60px; background: radial-gradient(at 50% 95%, #511819 0%, #090909 58%); text-align: center;}
.currView_hrd2_band::before, .currView_hrd2_band::after {content: ''; position: absolute; bottom: -1px; width: 50%; height: 90px; background: #090909;}
.currView_hrd2_band::before {left: 0; border-radius: 0 90px 0 0;}
.currView_hrd2_band::after {right: 0; border-radius: 90px 0 0 0;}
.currView_hrd2_band p {color: #fff; font-weight: 500; font-size: 42px; line-height: 1.4;}
.currView_hrd2_band p span {color: #f36a4d; font-weight: 700;}

	/* 교육과정 카테고리 하위 탭/커리큘럼/포인트 */
.currView_curriculum_wrap {position: relative; z-index: 1;}
.currView_curriculum_wrap > svg {position: absolute; /* top: -216px; */top: -78px; left: 0; z-index: -1; stroke-dasharray: 2200; stroke-dashoffset: 2200; animation: top_line 7s linear infinite;}
@keyframes top_line {
  0% {
    stroke-dashoffset: 2200;
  }
  20% {
    stroke-dashoffset: 0;  
  }
  40% {
    stroke-dashoffset: 2200;
  }
}
		/* 교육과정 카테고리 하위 탭 */
.currView_categorySub_section {text-align:center;}
.currView_categorySub_section::after {content: ''; display: inline-block; width: 17%; height: 30px; background: url(/resources/images/curriculum/currView_categorySub_deco.svg) no-repeat center/contain;}
.currView_categorySub_section .section_content_wrap {/*padding-bottom: 60px;*/padding:105px 0 60px 0; margin:0; width:100%;}
.currView_categorySub {}
.categorySub_tab {display: grid; /* height: 198px; */height: auto;}
.categorySub_tab2 {grid-template-columns: repeat(2, 1fr); gap: 0 32px;}
.categorySub_tab3 {grid-template-columns: repeat(3, 1fr);}
.categorySub_item {border-radius: var(--border-radius-content); padding: 45px 0; background: var(--color-black);}
.categorySub_item .categorySub_title {color: var(--color-gray); font-weight: 500; font-size: var(--font-size-contenttitle); line-height: 1.4;}

.categorySub_item.active {background: var(--color-red);}
.categorySub_item.active .categorySub_title {color: #fff; font-weight: 700;}

		/* 커리큘럼 */
.currView_curriculum_item {display: none;}
.currView_curriculum {}
/* .currView_curriculum .section_subtitle_deco2 {padding-bottom: 0;} */
/* .currView_curriculum .section_subtitle + .section_subtitle {padding-top: 0;} */

.currView_curriculum .curriculum_step {position: relative; padding: 40px 45px; border-radius: var(--border-radius-content); border: 3px solid var(--color-darkgray); background: var(--color-black);}
.currView_curriculum .curriculum_step:not(:last-child) {margin-bottom: var(--currView-item-margin);}
.currView_curriculum .curriculum_step::after {content: ''; position: absolute; top: 85px; right: 45px; opacity: .4; width: 36px; height: 21px; background-image: url(/resources/images/common/select_arrow.svg); background-size: contain; background-repeat: no-repeat; transition: transform .2s ease;}
.currView_curriculum [class^=curriculum_icon] {width: 110px; height: 110px; background-size: contain;}
.curriculum_step .content_title {position: absolute; top: 34px; left: 195px; /* 45 + 110 + 40 */ font-weight: 400;}
.curriculum_step .content_title span {display: block; color: var(--color-gray); font-weight: 700; font-size: var(--font-size-content);}
.curriculum_step p {display: none; padding-top: 4%; color: var(--color-gray); font-weight: 400;}
.curriculum_step ul {display: none; padding-top: 4%;}
.curriculum_step li {padding-left: 2vw; text-indent: -2vw; color:#bebebf;}
.currView_point .point_item p:last-of-type{color:#bebebf;}
/* .curriculum_step li::before {content: '\2022'; display: inline-block; margin-right: 1vw;} */
.curriculum_step li::before {content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: -webkit-calc(2vw - 8px); margin-right: calc(2vw - 8px); margin-bottom: 8px; background: var(--color-font-gray);}
.currView_curriculum .curriculum_step.show_step::after {transform: rotate(180deg); opacity: 1;}
.curriculum_step.show_step ul, .curriculum_step.show_step p {display: block;}


			/* 하위 탭 1 */
.currView_curriculum_item1 {display: block;}
.currView_curriculum_item1 .curriculum_icon1 {background-image: url(/resources/images/curriculum/currView_curriculum1_1.png);}
.currView_curriculum_item1 .curriculum_icon2 {background-image: url(/resources/images/curriculum/currView_curriculum1_2.png);}
.currView_curriculum_item1 .curriculum_icon3 {background-image: url(/resources/images/curriculum/currView_curriculum1_3.png);}
.currView_curriculum_item1 .curriculum_icon4 {background-image: url(/resources/images/curriculum/currView_curriculum1_4.png);}
.currView_curriculum_item1 .curriculum_icon5 {background-image: url(/resources/images/curriculum/currView_curriculum1_5.png);}
.currView_curriculum_item1 .curriculum_icon6 {background-image: url(/resources/images/curriculum/currView_curriculum1_6.png);}
.currView_curriculum_item1 .curriculum_icon7 {background-image: url(/resources/images/curriculum/currView_curriculum1_7.png);}
.currView_curriculum_item1 .curriculum_icon8 {background-image: url(/resources/images/curriculum/currView_curriculum1_8.png);}
			/* 하위 탭 2 */
.currView_curriculum_item2 .curriculum_icon1 {background-image: url(/resources/images/curriculum/currView_curriculum2_1.png);}
.currView_curriculum_item2 .curriculum_icon2 {background-image: url(/resources/images/curriculum/currView_curriculum2_2.png);}
.currView_curriculum_item2 .curriculum_icon3 {background-image: url(/resources/images/curriculum/currView_curriculum2_3.png);}
.currView_curriculum_item2 .curriculum_icon4 {background-image: url(/resources/images/curriculum/currView_curriculum2_4.png);}
.currView_curriculum_item2 .curriculum_icon5 {background-image: url(/resources/images/curriculum/currView_curriculum2_5.png);}
.currView_curriculum_item2 .curriculum_icon6 {background-image: url(/resources/images/curriculum/currView_curriculum2_6.png);}
.currView_curriculum_item2 .curriculum_icon7 {background-image: url(/resources/images/curriculum/currView_curriculum2_7.png);}
.currView_curriculum_item2 .curriculum_icon8 {background-image: url(/resources/images/curriculum/currView_curriculum2_8.png);}
.currView_curriculum_item2 .curriculum_icon9 {background-image: url(/resources/images/curriculum/currView_curriculum2_9.png);}
			/* 하위 탭 3 */
.currView_curriculum_item3 .curriculum_icon1 {background-image: url(/resources/images/curriculum/currView_curriculum3_1.png);}
.currView_curriculum_item3 .curriculum_icon2 {background-image: url(/resources/images/curriculum/currView_curriculum3_2.png);}
.currView_curriculum_item3 .curriculum_icon3 {background-image: url(/resources/images/curriculum/currView_curriculum3_3.png);}
.currView_curriculum_item3 .curriculum_icon4 {background-image: url(/resources/images/curriculum/currView_curriculum3_4.png);}
.currView_curriculum_item3 .curriculum_icon5 {background-image: url(/resources/images/curriculum/currView_curriculum3_5.png);}
.currView_curriculum_item3 .curriculum_icon6 {background-image: url(/resources/images/curriculum/currView_curriculum3_6.png);}
.currView_curriculum_item3 .curriculum_icon7 {background-image: url(/resources/images/curriculum/currView_curriculum3_7.png);}
.currView_curriculum_item3 .curriculum_icon8 {background-image: url(/resources/images/curriculum/currView_curriculum3_8.png);}

		/* 포인트 */
.currView_point_section .section_content_wrap {overflow: hidden; position: relative; z-index: 1; padding-top: 0;} /* .sub_section_blackRed_radiusB */
.currView_point_section .section_content_wrap::after {content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 676px; background: linear-gradient(212deg, rgba(9,9,9,1) 40%, rgba(75,33,30,1) 100%);}
.currView_point {overflow-x: scroll !important; display: grid; grid-template-columns: repeat(4, 574px); gap: 0 var(--currView-item-margin); padding: 0 5vw; word-break: initial;}
.currView_point::-webkit-scrollbar {display: none;}
.currView_point .point_item {position: relative; z-index: 1; margin-top: 70px; padding: 60px 45px;}
.currView_point .point_item span {position: absolute; top: -70px; z-index: -2; height: 95px; line-height: 95px; color: var(--color-red); font-weight: 700; font-size: 95px;}
.currView_point .point_item::after {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: var(--border-radius-content); border: 5px solid var(--color-black); background: #1b1b1b;}
.currView_point .point_item .content_title {padding-bottom: 20px; word-break: keep-all;}

	/* 취업지원시스템 */
.currView_empl_section {margin: 100px auto !important; background-color: transparent;}
.currView_empl_section .section_content_wrap {padding: 0; width:90vw !important; overflow:hidden; border-radius:40px;}
.currView_empl {padding: 120px 60px; border-radius: 40px; background-color: var(--color-darkgray);}
.currView_empl .section_content_r {position: relative; z-index: 1; /* word-break: keep-all; */}
.currView_empl .section_content_r::before {content: ''; position: absolute; top:85px; left: 27.5px; z-index: -1; width: 10px; height: 75%; background-image: url(/mobile/resource/images/curriculum/currView_empl_dotted_1.svg); background-size: contain;}
.currView_empl .section_content_r::after {content: ''; position: absolute; bottom: 90px; left: 27.5px; z-index: -1; width: 10px; height: 32%; background: linear-gradient(to bottom, transparent 0%, #ea2127 100%);}
.currView_empl .empl_item {display: grid; grid-template-columns: 65px auto; -webkit-box-align: center; -moz-align-items: center; align-items: center; gap: 0 40px;}
.currView_empl .empl_item:not(:last-child) {margin-bottom: 60px;}
.empl_item div:first-child {width: 65px; height: 65px; border-radius:50%; background: #fff; color: var(--color-black); font-weight: 700; font-size: 34px; line-height: 65px; text-align: center;}
.empl_item .content_title {padding-bottom: 10px;}
.empl_item p:not(.content_title) {font-weight: 300; color:var(--color-font-gray);}
.empl_item:last-child div:first-child {border-color: rgba(234, 33, 39, .54); background: var(--color-red); background-clip: padding-box; color: #fff;}
.empl_item:last-child .content_title {color: var(--color-red); font-weight: 700;}

	/* 목표가 명확하면 망설일 이유가 없습니다 */
.currView_recommend_section .recommend_bg {position: relative; z-index: 1; height: 160px;}
.currView_recommend_section .recommend_bg::after {content: ''; position: absolute; top: -100px; left: 0; width: 100%; height: 890px; background: linear-gradient(rgba(0, 0, 0, 0.47) 0%, rgba(1, 1, 1, .76) 100%);}
.recommend_bg .img_wrap {position: absolute;}
.recommend_bg .img_wrap img{width:100%;}
.recommend_bg .img_wrap1 {top: -90px; left: 0; width: 306px; border-radius: 20px 20px 0 20px;}
.recommend_bg .img_wrap2 {top: -33px; right: -32px; width: 460px; border-radius: 20px 20px 20px 0;}
.recommend_bg .img_wrap3 {top: 335px; left: 50px; width: 240px; border-radius: 20px 20px 0 20px;}
.recommend_bg .img_wrap4 {top: 350px; right: -32px; width: 197px; border-radius: 20px 20px 20px 0;}

#currView_recommend {position: relative; z-index: 3; padding-top: 0; text-align: center;}
.currView_recommend p:not(.section_subtitle) {width: 99%; height: 130px; border-radius: var(--border-radius-content); border: 3px solid var(--color-gray); background: #060606; color: #fff; font-weight: 400; font-size: var(--font-size-contenttitle); line-height: 126px;}
.currView_recommend p:not(:last-of-type, .section_subtitle) {margin-bottom: 20px;}
.currView_recommend .deco_dot {margin: 40px auto 0;}

	/* 내일배움카드 활용법 */
.currView_hrd_section {background: #16151b;}
.currView_hrd_band {position: relative; z-index: 1; height: 493px; padding-top: 60px; background: url(/mobile/resource/images/curriculum/currView_bg_hrd.jpg) no-repeat center/cover; text-align: center;}
.currView_hrd_band::before, .currView_hrd_band::after {content: ''; position: absolute; bottom: -1px; width: 50%; height: 90px; background: #16151b;}
.currView_hrd_band::before {left: 0; border-radius: 0 90px 0 0;}
.currView_hrd_band::after {right: 0; border-radius: 90px 0 0 0;}
.currView_hrd_band p, .currView_hrd_band span {color: #fff;}
.currView_hrd_band p:first-of-type {padding-bottom: 20px; font-weight: 500; font-size: var(--font-size-contenttitle);}
.currView_hrd_band p:last-of-type {font-weight: 300; font-size: var(--font-size-contenttitle);}

.currView_hrd_section .section_content_wrap {padding-top: 40px;}
.currView_hrd_section .section_title, .currView_hrd_section .section_subtitle {text-align: center;}
.currView_hrd {display: -webkit-box; display: -moz-box; display: flex; flex-direction: column-reverse;}
.currView_hrd .hrd_img {display: -webkit-box; display: -moz-box; display: flex; justify-content: center; gap: 0 40px;}
.currView_hrd .hrd_img .img_wrap {width: 37%;}
.currView_hrd .hrd_img .img_wrap img{width:100%;}
.currView_hrd .hrd_text {margin: 60px 0; text-align: center;}
.currView_hrd .content_title {float: left; width: 50%; font-weight: 700;}
.currView_hrd .content_title:first-of-type {position: relative;}
.currView_hrd .content_title:first-of-type::after {content: ''; position: absolute; top: 8%; right: 0; width: 3px; height: 84%; background: var(--color-gray);}
.currView_hrd .content_title span {font-weight: 400; font-size: 34px; color: var(--color-font-gray);}
.currView_hrd .section_subtitle:first-child {padding: 60px 45px; border-radius: var(--border-radius-content); background: #090909; font-size: var(--font-size-content); line-height: 1.6; text-align: left;}
.currView_hrd .section_subtitle span {color: #fff; font-weight: 400; font-size: var(--font-size-contenttitle);}
.currView_hrd .section_subtitle + .section_subtitle {padding: 60px 0 var(--currView-item-margin); color: #fff; font-weight: 300; font-size: var(--font-size-content);}
.currView_hrd .btn_ani_wrap a {background-image: url(/mobile/resource/images/curriculum/currView_hrd_btn.png); background-size: 85% auto; background-position: center; background-repeat: no-repeat;}

	/* 후기 + 멘트 4줄 */
.currView_ment_bg_wrap {background: url(/mobile/resource/images/curriculum/currView_bg_ment.png) no-repeat center bottom; background-size: 100%;}
/*.currView_text_section .section_content_wrap {background: url(/mobile/resource/images/curriculum/currView_bg_ment.png) no-repeat center bottom; background-size: 96.2%;}*/

		/* 후기 */
.currView_review_section .section_title, .currView_review_section .section_subtitle {text-align: center;}
.currView_review {width: 100% !important; height: 534px;}
.currView_review .simply-scroll-clip, .currView_review .simply-scroll {height: 100%; margin: 0;}
.currView_review .currView_review_list {height: 100%; word-break: initial;} 
#currView_review .review_item {position: relative; top: -webkit-calc(534px / 2); top: calc(534px / 2); transform: translateY(-50%); width: 650px; height: auto; margin-right: var(--currView-item-margin); padding: 60px 45px; border-radius: var(--border-radius-content); border: 5px solid var(--color-black); background: #1b1b1b; color: #fff; text-align: left;}
.currView_review .review_item > p {padding-bottom: 45px; font-weight: 300; line-height: 1.8; color:var(--color-font-gray);}
.currView_review .review_item div {display: -webkit-box; display: -moz-box; display: flex; gap: 0 16px;}
.currView_review .review_item div .img_wrap {width: 107px;}
.currView_review .review_item div .img_wrap img{width:100%;}
.currView_review .review_item div p {font-weight: 400; line-height: 1.5; color:var(--color-font-gray);}
.currView_review .review_item div p span {color: var(--color-gray); font-weight: 500; font-size: 30px;}

		/* 멘트 4줄 */
.currView_text {position: relative; height: 430px; font-family: 'RixGoB' !important; font-size: 57px; text-align: center;}
.currView_text .text {position: absolute; width: 100%;
  background-image: linear-gradient(to right, var(--color-gray) 50%, #fff 100%);
  background-clip: border-box;
  background-size: 200%;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: mentclip 8s reverse infinite;
}
@keyframes mentclip {
  30% {
    background-position: 200%;
  }
  100% {
    background-position: 200%;
  }
}
.currView_text .text:first-child {top: 0;}
.currView_text .text:nth-child(2) {top: 86px; animation-delay: 1.5s;}
.currView_text .text:nth-child(3) {top: 172px; animation-delay: 3s;}
.currView_text .text:nth-child(4) {top: 258px; animation-delay: 4.5s;}
.currView_text .text:last-child {top: 344px; animation-delay: 6s;}

	/* 수강하는 방법 쉬워요 */
.currView_process_section {margin: 0 auto; background-color: transparent; width:90vw !important; overflow:hidden; border-radius:40px;}
.currView_process_section .section_content_wrap {width: 90vw; padding: 120px 60px; border-radius: 40px; background-color: var(--color-darkgray);}
.currView_process {position: relative; z-index: 1;}
.currView_process::before {content: ''; position: absolute; top:85px; left: 27.5px; z-index: -1; width: 10px; height: 88%; background-image: url(/mobile/resource/images/curriculum/currView_empl_dotted_1.svg); background-size: contain;}
.currView_process::after {content: ''; position: absolute; bottom: 90px; left: 27.5px; z-index: -1; width: 10px; height: 14%; background: linear-gradient(to bottom, transparent 0%, #ea2127 100%);}
.currView_process .process_item {display: grid; grid-template-columns: 65px auto; -webkit-box-align: center; -moz-align-items: center; align-items: center; gap: 0 40px;}
.currView_process .process_item:not(:last-child) {margin-bottom: 60px;}
.process_item div:first-child {width: 65px; height: 65px; border-radius:50%; background: #fff; color: var(--color-black); font-weight: 700; font-size: 34px; line-height: 65px; text-align: center;}
.process_item .content_title {padding-bottom: 10px;}
.process_item p:not(.content_title) {font-weight: 300; color:var(--color-font-gray);}
.process_item:last-child div:first-child {border-color: rgba(234, 33, 39, .54); background: var(--color-red); background-clip: padding-box; color: #fff;}
.process_item:last-child .content_title {color: var(--color-red); font-weight: 700;}

	/* 특별한 혜택 + 자주 묻는 질문 */
.currView_bg_wrap {background: url(/mobile/resource/images/curriculum/currView_bg_bottom_1.jpg) no-repeat center top/100% auto;}
.currView_bg_wrap .currView_benefit_section {background: transparent;}
.currView_bg_wrap .currView_benefit_section .section_content_wrap {padding-bottom: 0; background: transparent;}
		/* 특별한 혜택 */
.currView_benefit {width: 100vw !important;}
.currView_benefit .section_title {padding-bottom: 80px;}
.currView_benefit .section_title::before {content: '수강생전용'; display: inline-block; margin-bottom: 20px; padding: 13px 30px 10px; border-radius: 40px; background: #fff; color: var(--color-black); font-weight: 500; font-size: 35px;}
.currView_benefit .section_content_r {overflow-x: scroll; display: grid; grid-template-columns: repeat(4, 534px); gap: 0 var(--currView-item-margin); padding: 0 5vw;}
.currView_benefit .section_content_r::-webkit-scrollbar {display: none;}
.currView_benefit .benefit_item {position: relative; z-index: 1; margin-top: 70px; padding: 60px 45px;}
.currView_benefit .benefit_item::before {display: block; margin-bottom: 45px;}
.currView_benefit .benefit_item:first-child::before {content: url(/mobile/resource/images/curriculum/currView_benefit_icon1.svg);}
.currView_benefit .benefit_item:nth-child(2)::before {content: url(/mobile/resource/images/curriculum/currView_benefit_icon2.svg);}
.currView_benefit .benefit_item:nth-child(3)::before {content: url(/mobile/resource/images/curriculum/currView_benefit_icon3.svg);}
.currView_benefit .benefit_item:last-child::before {content: url(/mobile/resource/images/curriculum/currView_benefit_icon4.svg);}
.currView_benefit .benefit_item span {position: absolute; top: -70px; z-index: -2; height: 95px; line-height: 95px; color: var(--color-red); font-weight: 700; font-size: 95px;}
.currView_benefit .benefit_item::after {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: var(--border-radius-content); border: 5px solid var(--color-black); background: #1b1b1b;}
.currView_benefit .benefit_item .content_title {padding-bottom: 20px; word-break: keep-all;}
.currView_benefit .benefit_item p:not(.content_title){color:var(--color-font-gray);}
		/* 자주 묻는 질문 */
.currView_faq_section .section_title, .currView_faq_section .section_subtitle {text-align: center;}
.currView_faq {}
.currView_faq .faq_item {border-radius: var(--border-radius-content); background: var(--color-darkgray);}
.currView_faq .faq_item:not(:last-child) {margin-bottom: var(--currView-item-margin);}
.currView_faq .faq_item .faq_item_q {position: relative; padding: 40px 110px;}
.currView_faq .faq_item .faq_item_q::before {content: 'Q.'; position: absolute; transform: translate(-105%, -8px); color: var(--color-red); font-weight: 700; font-size: 46px;}
.currView_faq .faq_item .faq_item_q::after {content: ''; position: absolute; top: 50%; right: 45px; transform: translateY(-50%); opacity: .4; width: 36px; height: 21px; background-image: url(/resources/images/common/select_arrow.svg); background-size: contain; background-repeat: no-repeat; transition: transform .2s ease;}
.currView_faq .faq_item .faq_item_a {display: none; padding: 0 110px 40px; font-weight: 300; word-break: initial; color:var(--color-font-gray);}

.currView_faq .faq_item .faq_item_a_box {position: relative;}
.currView_faq .faq_item .faq_item_a_box .img_wrap {width: 108px; height: 108px; border-radius: 50%; background: rgba(111, 113, 123, .43); display:flex; justify-content:center; align-items:center;}
.currView_faq .faq_item .faq_item_a_box:not(:last-child) .img_wrap {margin-bottom: 40px;}
.currView_faq .faq_item .faq_item_a_box .img_wrap img.mo_only {display: block; width: 50%;}
.currView_faq .faq_item .faq_item_a_box p {position: absolute; top: -4px; left: 148px; color:var(--color-font-gray);}
.currView_faq .faq_item .faq_item_a_box span {font-weight: 700; font-size: 35px; text-transform: uppercase; color:var(--color-font-gray);}

.currView_faq .faq_item.show_a .faq_item_q::after {transform: translateY(-50%) rotate(180deg); opacity: 1;}
.currView_faq .faq_item.show_a .faq_item_a {display: block;}


/********** //과정상세 리뉴얼 2023 **********/

/*커리큘럼 메인목록페이지*/
#curr{ }
#curr .curr_top{text-align: center; border-bottom: 1px solid #d5d5d5;}
#curr .curr_top img{margin-top: 50px; margin-bottom: 25px;}
#curr .curr_top p {font-size:40px; line-height: 1.3; color: #000; margin-bottom: 50px; font-family:'CoreGothic4';}
#curr .curr_list{}
#curr .curr_list .curr_btn {width:100%; height:150px; background:#fff; border-bottom:1px solid #cccccc; position:relative;}
#curr .curr_list .curr_btn p {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; height:150px; width:90%; margin:0 auto; color:#222222; font-family:'CoreGothic4'; font-size:40px; letter-spacing:-0.08em; line-height:150px;}
#curr .curr_list .curr_btn img {position:absolute; right:0; top:0; height:150px; }
#curr .curr_list .curr_btn span {font-family:'CoreGothic6'; font-size:40px; letter-spacing:-0.08em; color:#333; line-height:150px;  margin-left:1.66%;}

/* 목록페이지 카테고리 배경 */
#curr .curr_bg {width: 100%; height: 150px; border-bottom: 1px solid #cccccc; 
	background-position:center; background-size:cover; position: relative;}
#curr .curr_bg p {font-family:'CoreGothic4'; font-size:50px; letter-spacing: -0.08em; color:#fff; line-height:150px; /* margin-left:3.66%; */margin-left:5%;} 
#curr .curr_bg span {font-family:'CoreGothic6'; font-size:40px; letter-spacing: -0.05em; color:#fff; line-height:150px; vertical-align: top; margin-left:3.66%;}

/*커리큘럼 과정 상세페이지*/
.curr_page p, .curr_page span{ font-weight:bold; }
.curr_page{ width:100%; text-align: center; border-top: 1px solid #d5d5d5; margin:0 auto;}
.curr_page .curr_wrap{ width:90%; margin:0 auto; }
.curr_page .lecture_title{ font-size: 68px; font-family: 'RobotoCondensed-Regular'; color: #000; font-weight: bold; margin: 77px 0 0; letter-spacing: -0.06em;}
.curr_page .lecture_Titlepoint p{ color:#ea2127; font-size:35px; margin:6px 0 17px; font-family:'CoreGothic4'; }
.curr_page .lecture_Titleexplan p{ font-size:28px; color:#666; text-align: center; margin:25px 0; font-family:'CoreGothic4'; font-weight: 300; }
.curr_page .lecture_image{ margin:50px 0; }
.curr_page .lecture_image img{ width:100%; }
.curr_page .lecture_explan_wrap{ text-align: left; }
.curr_page .lecture_explan_wrap .explan_title { font-size:28px; color:#333; vertical-align: middle; font-family:'CoreGothic4';}
.curr_page .lecture_explan_wrap .explan_detail{ font-size:28px; color:#666; margin-top:15px;  font-family:'CoreGothic4'; font-weight: 500; }
.curr_page .lecture_explan_wrap .line{ background:#eeeeee; width:100%; height:1px; margin:30px 0; }

.curr_page .lecture_Timetable { font-size:18px;margin:35px 12px 0 0;color: #666666; text-align: left; }
.curr_page .lecture_Timetable .explan_title{ font-size:35px;  font-family:'CoreGothic4'; font-weight: 700;}
.curr_page .lecture_Timetable span.curr_title{ color:#333; font-size:36px; font-family:'CoreGothic4'; }
.curr_page .lecture_TimetableDetail{ clear:both; text-align: left; }
.curr_page .lecture_TimetableDetail .explan_title{ font-size: 28px; color: #333; margin-top:20px; display: inline-block; font-weight: bold; font-family:'CoreGothic4';} 
.curr_page .lecture_TimetableDetail ul li:first-child{ margin-top:15px; }
.curr_page .lecture_TimetableDetail ul li span{ font-size:28px; line-height:1.6; font-family:'CoreGothic4'; font-weight:300;}
.curr_page .lecture_TimetableDetail ul li img{ vertical-align: super; }
.curr_page .lecture_TimetableDetail_right{ margin:50px 0; }
.curr_page .lecture_TimetableDetail_right img{ width:100%; }

.teacher_Introduce .teacher_image{ margin-top:60px; }
.teacher_intro_text{ margin: 0 auto; width:90%; }
.teacher_intro_text p{ text-align: left; font-family:'CoreGothic4'; }
.teacher_intro_text h2{ color:#333;font-size: 30px; margin-bottom: 3px; margin-top:20px; font-family:'CoreGothic4'; }
.teacher_intro_text span.eng_name{ color:#666; font-size:30px; margin-left:10px; font-family:'CoreGothic4'; }
.teacher_intro_text .aspiration{ color:#ea2027;font-size:30px;font-weight: bold; font-family:'CoreGothic4'; }
.teacher_intro_text .teacher_line{ background:#bcbcbc; width:31px; height:1px; margin:30px auto 40px; }
.teacher_intro_text .company_name{ color:#333;font-size: 28px;line-height: 1.8;font-weight: bold;  font-family:'CoreGothic4';}
.teacher_intro_text .company_detail{ color:#666; font-size:28px; font-family:'CoreGothic4'; font-weight: 300 }
.teacher_intro_text .company_detail .point{ font-weight: bold; font-family:'CoreGothic4'; font-size:28px; }


