@charset "utf-8";

/********** 과정상세 리뉴얼 2023 **********/
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;}


	/* 우측하단 교육과정(게임원화, 게임기획, 게임프로그래밍, 게임3D그래픽, 웹툰/웹소설) 탭 */
.currView_category_section {position: fixed; z-index: 998; width: auto; bottom: 340px; right: 5vw; font-size: var(--font-size-content);}
.currView_category_section .section_content_wrap {padding: 0;}
.currView_category {width: auto;}
.currView_category ul {display: none; overflow: hidden; width: 283px; border-radius: var(--border-radius-content); border: 5px solid var(--color-red); background-color: #1a0e0e; font-weight: 400; line-height: 108px; text-align: right;}
/* .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(/mobile2017/resource/images/curriculum/currView_banner_bg_drawing.jpg);}
.currView_design .currView_banner .img_wrap {background-image: url(/mobile2017/resource/images/curriculum/currView_banner_bg_design.jpg);}
.currView_programming .currView_banner .img_wrap {background-image: url(/mobile2017/resource/images/curriculum/currView_banner_bg_programming.jpg);}
.currView_graphic .currView_banner .img_wrap {background-image: url(/mobile2017/resource/images/curriculum/currView_banner_bg_graphic.jpg);}
.currView_web .currView_banner .img_wrap {background-image: url(/mobile2017/resource/images/curriculum/currView_banner_bg_web.jpg);}

	/* 정부지원 과정 제공 */
.currView_hrd2_section {margin-top: -60px;}
.currView_hrd2_band {position: relative; z-index: 1; height: 325px; 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: 0 0 60px; */padding-bottom: 60px;}
.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;}
/* .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_wrap .currView_point_section .section_content_wrap {overflow: hidden; position: relative; z-index: 1; padding-top: 0;} /* .sub_section_blackRed_radiusB */
.currView_wrap .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; display: grid; grid-template-columns: repeat(4, 574px); gap: 0 var(--currView-item-margin); width: 100vw; 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_thumbs {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 12px;}
.currView_thumbs .portfolio_item, .currView_thumbs .interview_item {overflow: hidden; position: relative; height: 286px; border-radius: 30px; /* transition: all .4s ease; */}
.currView_thumbs .portfolio_item img, .currView_thumbs .interview_item img {position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
		/* 포트폴리오 */
.currView_portfolio_section .section_content {width: 90vw;}
.currView_portfolio_section .section_title {text-align: center;}
.currView_portfolio_section .section_subtitle {text-align: center;}
.currView_web .currView_empl_section {margin-top: 130px;}/* 웹과정 포폴 노출 시, 삭제 */
.currView_web .currView_portfolio_section {display: none;}/* 웹과정 포폴 노출 시, 삭제 */
		/* 취업생 인터뷰 */
.currView_interview_section .section_content {width: 90vw;}
.currView_interview_section .section_title, .currView_interview_section .section_subtitle {text-align: center;}

	/* 취업지원시스템 */
.currView_empl_section {margin: 0 auto; background-color: transparent;}
.currView_empl_section .section_content_wrap {padding: 0; }
.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(/mobile2017/resource/images/curriculum/currView_empl_dotted.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;}
.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_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: 100%; 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(/mobile2017/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_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;}
.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(/mobile2017/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(/mobile2017/resource/images/curriculum/currView_bg_ment.png) no-repeat center bottom; background-size: 100%;}
.currView_text_section .section_content_wrap {background: url(/mobile2017/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%; 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;}
.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 p {font-weight: 400; line-height: 1.5;}
.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;}
.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(/mobile2017/resource/images/curriculum/currView_empl_dotted.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;}
.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(/mobile2017/resource/images/curriculum/currView_bg_bottom.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;}
.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(/mobile2017/resource/images/curriculum/currView_benefit_icon1.svg);}
.currView_benefit .benefit_item:nth-child(2)::before {content: url(/mobile2017/resource/images/curriculum/currView_benefit_icon2.svg);}
.currView_benefit .benefit_item:nth-child(3)::before {content: url(/mobile2017/resource/images/curriculum/currView_benefit_icon3.svg);}
.currView_benefit .benefit_item:last-child::before {content: url(/mobile2017/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_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;}

.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);}
.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%; margin: 50% auto 0; transform: translateY(-50%);}
.currView_faq .faq_item .faq_item_a_box p {position: absolute; top: -4px; left: 148px;}
.currView_faq .faq_item .faq_item_a_box span {font-weight: 700; font-size: 35px; text-transform: uppercase;}

.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; }

/* 커리큘럼 과정 상세페이지_20211216 폼수정 */
/* #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;}
#curriculum_form .curr_wrap2 {}
#curriculum_form .lecture_title {margin:77px 0 0; color:#000; font-size:68px; letter-spacing:-0.06em; font-family:'RobotoCondensed-Bold';}
#curriculum_form .lecture_titlepoint p {margin:6px 0 17px; color:#ea2127; font-family:'CoreGothic4'; font-size:35px;}
#curriculum_form .lecture_titleexplan p {margin:25px 0; color:#666; font-family:'CoreGothic4'; font-size:28px; text-align:center;}

#curriculum_form .lecture_img {margin:50px 0;}
#curriculum_form .lecture_img img {width:100%;}

#curriculum_form ul.lecture_explan_wrap {text-align:left;}
#curriculum_form ul.lecture_explan_wrap li.iconp {color:#333; font-size:28px; font-family:'CoreGothic6'; list-style:square; list-style-position:inside;}
#curriculum_form ul.lecture_explan_wrap li::marker {font-size:20px;}
#curriculum_form ul.lecture_explan_wrap li.iconp p {margin-top:15px; color:#666; font-weight:500; font-size:28px; font-family:'CoreGothic4';}
#curriculum_form ul.lecture_explan_wrap p.line {width:100%; height:1px; margin:30px 0; background:#eeeeee;}

#curriculum_form .t_intro .t_img {margin-top:80px;}
#curriculum_form .t_intro_text {margin:0 auto; width:95%;}
#curriculum_form .t_intro_text h2 {margin-bottom:3px; margin-top:45px; color:#333; font-size:30px; font-weight:normal; font-family:'CoreGothic4';}
#curriculum_form .t_intro_text h2 span {color:#666; font-size:30px; margin-left:10px; font-family:'CoreGothic4'; }
#curriculum_form .t_intro_text p:first-of-type {color:#ea2027;font-size:30px; font-family:'CoreGothic6';}
#curriculum_form .t_intro_text .line2 {width:31px; height:1px; margin:30px auto 40px; background:#bcbcbc;}
#curriculum_form .t_intro_text .line2 ~p {text-align:left; font-family:'CoreGothic4';}
#curriculum_form .t_intro_text .line2 ~p span:first-child {color:#333; font-size:28px; line-height: 1.8; font-family:'CoreGothic6';}
#curriculum_form .t_intro_text .line2 ~p span:nth-child(2) {color:#666; font-weight:300; font-size:28px; font-family:'CoreGothic4';}

#curriculum_form .lecture_step {font-size:18px; margin:35px 0 0; padding-top:35px; border-top:1px solid #222; color:#666; text-align:left;}
#curriculum_form .lecture_step p {font-size:35px; font-family:'CoreGothic7';}
#curriculum_form .lecture_step p span {color:#333; font-size:36px; font-family:'CoreGothic7';}

#curriculum_form .lecture_step_wrap {clear:both; text-align:left;}
#curriculum_form .lecture_step_wrap .line3 {width:100%; height:1px; margin:20px 0; background:#222;display:none;}

#curriculum_form ul.lecture_step_left {margin-top:15px;}
#curriculum_form ul.lecture_step_left > li.detail_title {margin:20px 0 0 2px; color:#333; font-size:28px; font-family:'CoreGothic6'; line-height:1.6; list-style:square; list-style-position:inside;} 
#curriculum_form ul.lecture_step_left li::marker {font-size:20px;}
#curriculum_form ul.lecture_step_left > li ul li {margin-left:20px; font-size:28px; line-height:1.6; font-family:'CoreGothic4'; font-weight:300;}

#curriculum_form ul.lecture_step_left + img {width:100% !important; height:100% !important; margin-top:50px;}

#curriculum_form .lecture_step_right {margin:50px 0 0;}
#curriculum_form .lecture_step_right img {width:100%;} */



/* 2023 여름특강 교육과정 이벤트성 페이지 */
:root {
	--mint: #44ff93;
	--mint-pale: #b0ffd1;
}

#curriculum_form > div.summer2023 {box-sizing:border-box; width:100%; padding-top:268%; background-image:url('/mobile2017/resource/images/sub/curr/currSummer_top.jpg'); background-size:contain; background-position:center top; background-repeat:no-repeat; font-family:"CoreGothic5"; text-align:center; letter-spacing:0.05em; cursor:default;}
#curriculum_form .summer2023 *, #curriculum_form .summer2023 *::before, #curriculum_form .summer2023 *::after {box-sizing:inherit; font-family:inherit; letter-spacing:-0.05em;}

#curriculum_form .summer2023 section {width:90%; margin:0 auto 170px;}
.currSummer_tabcontent {display:none; margin:-96.5% 0 0; padding-top:108%; background-size:cover; background-position:center top; background-repeat:no-repeat;}

/* #curriculum_form .currSummer_title_en {margin-bottom:-16%; color:#fbfbf8; mix-blend-mode:soft-light; font-weight:900; font-family: 'Noto Sans KR', sans-serif; font-size:160pt; line-height:1; letter-spacing:-0.05em; text-transform:uppercase;} */
#curriculum_form .currSummer_title_en {height:344px; margin:50px 0 -170px; color:#d7b893; font-weight:900; font-family: 'Noto Sans KR', sans-serif; font-size:160pt; line-height:126pt; letter-spacing:-0.13em; text-transform:uppercase;}
/* #curriculum_form .currSummer_title_en::before {content:""; position:absolute; left:0; z-index:0; width:100%; height:500px; transform:translateY(-50px); background:linear-gradient(46deg, #6a451d 0%, #777a71 60%, #4b707c 100%); mix-blend-mode:darken;} */
#curriculum_form .currSummer_title_en::before {content:""; position:absolute; left:0; z-index:0; width:100%; height:500px; transform:translateY(-50px); background:linear-gradient(46deg, #a3864e 0%, #2e2e2e 100%); mix-blend-mode:darken;}
#curriculum_form .currSummer_title {position:relative; padding:170px 0 10%; color:#fff; font-family:"CoreGothic5"; font-size:45pt; line-height:1.3; text-shadow:#3c2b1c 2px 0px 17px;}
#curriculum_form .currSummer_title span {color:var(--mint); font-family:"CoreGothic7"; font-size:50pt;}
#curriculum_form .currSummer_step .currSummer_title span {font-size:57pt;}
#curriculum_form .currSummer_title span.point {display:block;}

#curriculum_form .summer2023 img.img_pc {display:none;}

	/* 탭 */
#curriculum_form .summer2023 .currSummer_tab {position:relative;}
#curriculum_form .currSummer_tab .currSummer_tab_m {width:94%; margin:5% auto 7%; border-radius:100px; background:#121212;}
#curriculum_form .currSummer_tab .currSummer_tab_m .tablinks_m {display:inline-block; position:relative; z-index:0; width:-webkit-calc(99% / 3); width:-moz-calc(99% / 3); width:-o-calc(99% / 3); width:calc(99% / 3); padding:3.4% 0; color:#fff; font-size:30pt;}

#curriculum_form .currSummer_tab .tablinks_m.active {display:inline-block; color:#222;}
#curriculum_form .currSummer_tab .tablinks_m.active::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; border-radius:100px; background:var(--mint);}

#curriculum_form .currSummer_tab .tablinks {display:none; position:relative; left:-1.5vw; width:93vw; height:auto;height:491px; margin-bottom:250px; border-radius:10px 10px 0 0;}
/* #curriculum_form .currSummer_tab .tablinks::after {content:""; position:absolute; left:-1px; bottom:-1px; width:calc(100% + 2px); height:100%; background:linear-gradient(to bottom, transparent 20%, #050505 90%);} */
/* #curriculum_form .currSummer_tab .tablinks::after {content:""; position:absolute; left:-1px; bottom:-1px; width:-webkit-calc(100% + 2px); width:-moz-calc(100% + 2px); width:-o-calc(100% + 2px); width:calc(100% + 2px); height:100%; background:linear-gradient(to bottom, transparent 20%, #060607 90%);} */
#curriculum_form .currSummer_tab .tablinks p {position:relative; font-family:"CoreGothic5";}
/* #curriculum_form .currSummer_tab .tablinks p:first-child {top:480px; z-index:1; width:100%; padding:0 0 4%; background:linear-gradient(to top, transparent 20%, #050505 100%); color:#fff; font-size:45pt; line-height:1.2;} */
#curriculum_form .currSummer_tab .tablinks p:first-child {top:480px; left:-3.5vw; z-index:1; width:100vw; padding:0 0 4%; color:#fff; font-size:45pt; line-height:1.2;}
#curriculum_form .currSummer_tab .tablinks p:last-child {top:494px; width:100%; color:#999; font-size:28pt; line-height:2.3;}
#curriculum_form .currSummer_tab .tablinks p:last-child span {display:inline-block; padding:2px 2%; border-radius:8px; border:1px solid var(--mint); background:#222; color:var(--mint); font-size:30pt; line-height:1.5;}

#curriculum_form .currSummer_tab .tablinks::before {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:10px 10px 0 0; background-size:cover;}
#curriculum_form .currSummer_tab .tablinks:first-of-type::before {content:""; background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab1.jpg');}
#curriculum_form .currSummer_tab .tablinks:nth-of-type(2)::before {content:""; background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab2.jpg');}
#curriculum_form .currSummer_tab .tablinks:last-of-type::before {content:""; background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab3.jpg');}

#curriculum_form .currSummer_tab .tablinks.active {display:block;}
	/* 탭 */
/* #curriculum_form .summer2023 .currSummer_tab {position:relative;}
#curriculum_form .currSummer_tab .currSummer_tab_m {width:94%; margin:5% auto 7%; border-radius:100px; background:#121212;}
#curriculum_form .currSummer_tab .currSummer_tab_m .tablinks_m {display:inline-block; position:relative; z-index:0; width:calc(99.4% / 3); padding:3.4% 0; color:#fff; font-size:30pt;}

#curriculum_form .currSummer_tab .tablinks_m.active {display:inline-block; color:#222;}
#curriculum_form .currSummer_tab .tablinks_m.active::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; border-radius:100px; background:var(--mint);}

#curriculum_form .currSummer_tab .tablinks {display:none; overflow:hidden; position:relative; left:-1.5vw; width:93vw; height:auto; border-radius:10px 10px 0 0; border:1px solid transparent; box-shadow: 0px 3px 7px 0px rgba(18, 18, 18, 0.5);
background:linear-gradient(to right, #000, #000), linear-gradient(to right, #535353 0%, #89888885 100%); background-origin: border-box; background-clip: content-box, border-box;}
#curriculum_form .currSummer_tab .tablinks::after {content:""; position:absolute; left:0; bottom:30%; width:100%; height:70%; background:linear-gradient(to bottom, transparent 20%, #050505 100%);}
#curriculum_form .currSummer_tab .tablinks p {font-family:"CoreGothic5";}
#curriculum_form .currSummer_tab .tablinks p:first-child {position:relative; z-index:1; width:100%; padding:50% 0 4%; color:#fff; font-size:45pt; line-height:1.2;}
#curriculum_form .currSummer_tab .tablinks p:last-child {width:100%; color:#999; font-size:28pt; line-height:2.3;}
#curriculum_form .currSummer_tab .tablinks p:last-child span {display:inline-block; padding:0 2%; border-radius:8px; border:1px solid var(--mint); background:#222; color:var(--mint); font-size:30pt; line-height:1.5;}


#curriculum_form .currSummer_tab .tablinks::before {position:absolute; top:0; left:0; width:100%; height:69%; background-size:cover;}
#curriculum_form .currSummer_tab .tablinks:first-of-type::before {content:""; background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab1.jpg');}
#curriculum_form .currSummer_tab .tablinks:nth-of-type(2)::before {content:""; background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab2.jpg');}
#curriculum_form .currSummer_tab .tablinks:last-of-type::before {content:""; background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab3.jpg');}

#curriculum_form .currSummer_tab .tablinks.active {display:block;} */

	/* 특징 */
#curriculum_form .summer2023 .currSummer_feature_wrap {}
#curriculum_form .currSummer_feature_wrap .currSummer_title {padding-top:12%;}
#curriculum_form .currSummer_feature {width:430px;width:63.6%;width:613px; height:auto; border-radius:10px; border:1px solid transparent; box-shadow: 0px 3px 7px 0px rgba(18, 18, 18, 0.5);
background:linear-gradient(129deg, #222, #121212), linear-gradient(129deg, #535353 0%, #898889 100%); background-origin: border-box; background-clip: content-box, border-box;}
#curriculum_form .currSummer_feature div {position:relative; width:68px; height:68px; margin:-34px auto 46px; border-radius:50%; background:var(--mint);}
#curriculum_form .currSummer_feature div::before {content:""; position:absolute; top:26px; left:5px; width:30px; height:12px; border-radius:6px; transform:rotate(45deg); box-shadow: 2px 1px 2px 0px rgba(19, 19, 19, 0.24); background:#fff;}
#curriculum_form .currSummer_feature div::after {content:""; position:absolute; top:20px; left:17px; width:54px; height:12px; border-radius:6px; transform:rotate(-45deg); box-shadow: 1px 2px 2px 0px rgba(19, 19, 19, 0.24); background:#fff;}
#curriculum_form .currSummer_feature p:first-of-type {color:var(--mint-pale); font-family:"CoreGothic5"; font-size:30pt; line-height:36pt;}
#curriculum_form .currSummer_feature p:last-of-type {padding:36px 0 80px;padding:38px 0 75px; color:#fff; font-family:'CoreGothic3'; font-size:25pt; line-height:34pt;}
#curriculum_form .currSummer_feature p:last-of-type span {color:inherit; font-family:"CoreGothic6"; font-size:inherit;}

	/* 강사 */
#curriculum_form .summer2023 .currSummer_teacher_wrap {position:relative; /* margin-top:200px; */padding-top:30px; margin-bottom:120px; font-family:"CoreGothic4"; text-align:left;}
#curriculum_form .currSummer_teacher_wrap img.img_mo {position:absolute; top:-5%; left:50%; width:100vw; transform:translateX(-50%); mix-blend-mode:overlay;}

#curriculum_form .currSummer_teacher_wrap .currSummer_teacher_img {overflow:hidden; position:relative; width:52%; height:auto; margin:0 auto; border-radius:50%; border:1px solid transparent;
background:linear-gradient(to right, #303030, #303030), linear-gradient(to right, #535353 0%, #898889 100%); background-origin: border-box; background-clip: content-box, border-box;}
#curriculum_form .currSummer_teacher_wrap .currSummer_teacher_img img {width:100%;}
#curriculum_form .currSummer_teacher_wrap ul:first-of-type::before {content:""; display:inline-block; width:100%; min-height:122px; margin:-8% 0 5%; background-size:contain; background-position:center; background-repeat:no-repeat;}
#curriculum_form .currSummer_teacher_wrap ul:first-of-type {position:relative; text-align:center;}
#curriculum_form .currSummer_teacher_wrap ul:first-of-type li {display:inline-block; padding:4px 2% 2px; border-radius:4px; border:1px solid var(--mint); background:#222; color:var(--mint); font-family:'CoreGothic5'; font-size:30pt;}
#curriculum_form .currSummer_teacher_wrap ul:first-of-type li:not(:last-of-type) {margin-bottom:13px;}

#curriculum_form .currSummer_teacher_wrap ul:last-of-type {width:100%; border-radius:10px; padding:5% 8%; margin-top:5%; background:#222;}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type li {display:inline-block; font-size:25pt; line-height:37pt; letter-spacing:-0.05em;}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type li:nth-of-type(odd) {width:28%;width:36%; color:#adadad;}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type li:nth-of-type(even) {width:72%;width:64%; color:#fff;}

	/* 추천 */
#curriculum_form .summer2023 .currSummer_commend_wrap {display:grid; grid-template-columns: repeat(2, 1fr); gap:30px; place-content:center; position:relative; width:100%; padding:0 13.1% 0;}
#curriculum_form .currSummer_commend_wrap .currSummer_title {padding-bottom:-webkit-calc(9% - 30px); padding-bottom:-moz-calc(9% - 30px); padding-bottom:-o-calc(9% - 30px); padding-bottom:calc(9% - 30px);}
#curriculum_form .currSummer_commend_wrap > p {grid-column: span 2;}
#curriculum_form .currSummer_commend_wrap div {padding:50px 0 42px;padding:60px 0 52px; border-radius:5px; background:#222;}
#curriculum_form .currSummer_commend_wrap div img {height:120px;}
#curriculum_form .currSummer_commend_wrap div p {padding-top:40px; color:#fff; font-family:'CoreGothic4';}

	/* 커리큘럼 */
#curriculum_form .summer2023 .currSummer_step {padding:0;}
#curriculum_form .currSummer_step article {overflow:hidden; width:89.2%; height:1030px; padding:0; border-radius:10px; background:#181818; text-align:left;}
#curriculum_form .currSummer_step .lecture_step_right {margin-top:0;}
#curriculum_form .currSummer_step .lecture_step {position:relative; margin-top:-212px; padding:150px 0 40px 4%; border-top:0; border-bottom:1px solid #444; background:linear-gradient(to bottom, transparent 0%, #181818 58%);}
#curriculum_form .currSummer_step .lecture_step p {color:#fff; font-family:'CoreGothic4'; font-size:25pt;}
#curriculum_form .currSummer_step .lecture_step p span {color:#fff; font-family:'CoreGothic6'; font-size:30pt;}
#curriculum_form .currSummer_step .lecture_step p:first-of-type {line-height:2;}
#curriculum_form .currSummer_step .lecture_step p:not(:first-of-type) {color:var(--mint); font-family:'CoreGothic5'; font-size:30pt;}
#curriculum_form .currSummer_step .lecture_step p:not(:first-of-type):not(:last-of-type) {margin-bottom:5px;}
#curriculum_form .currSummer_step .lecture_step_left {padding-left:5%; margin-top:30px;}
#curriculum_form .currSummer_step .lecture_step_left > li.detail_title {margin:18px 0 0 0; padding-left:32px; text-indent:-26px; color:#fff; font-family:'CoreGothic4'; font-size:25pt; line-height:1.3; word-break:keep-all;}

#curriculum_form .summer2023 .currSummer_stepbar {display:none;}

	/* 수강후기 */
#curriculum_form .summer2023 .currSummer_review_wrap {min-height:963px;}
#curriculum_form .currSummer_review_wrap .currSummer_review {}
#curriculum_form .currSummer_review_wrap .currSummer_title {padding-top:140px;}
#curriculum_form .currSummer_review div {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction:column-reverse; -webkit-box-pack: justify; -moz-justify-content: space-between; justify-content:space-between;
width:89.2%; min-height:440px; padding:5% 7%; border-radius:10px; background:rgba(59, 59, 58, .9); text-align:left;}
#curriculum_form .currSummer_review div p::before {content:url('/mobile2017/resource/images/sub/curr/currSummer_review_mark.png'); display:block; margin-bottom:16px;}
#curriculum_form .currSummer_review div::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; border-radius:10px; box-shadow: 4px 5px 4px 0px #222;}
#curriculum_form .currSummer_review div p {color:#fff; font-family:'CoreGothic4'; font-size:25pt; line-height:33pt; word-break:keep-all;}
#curriculum_form .currSummer_review div span {color:#fff; font-family:'CoreGothic5'; font-size:24pt; text-align:right;}

	/* 1. 유니티 */
#tabcontent_unity {/* height:3729px; */ background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab1_bg.jpg');}

#tabcontent_unity .currSummer_feature_wrap .currSummer_title_en {margin-bottom:-230px; letter-spacing:-0.05em;}
#tabcontent_unity .currSummer_feature_wrap .currSummer_title {padding-top:0;}

#tabcontent_unity .currSummer_teacher_wrap ul:first-of-type::before {background-image:url('/mobile2017/resource/images/sub/curr/currSummer_teacher_name1.png');}
#tabcontent_unity .currSummer_teacher_wrap ul:last-of-type li:nth-of-type(odd) {width:28%;}
#tabcontent_unity .currSummer_teacher_wrap ul:last-of-type li:nth-of-type(even) {width:72%;}

#tabcontent_unity .currSummer_commend_wrap div p {font-size:25pt;}

#tabcontent_unity .currSummer_stepbar .currSummer_step_box {width:91px;}
#curriculum_form #tabcontent_unity .currSummer_stepbar p:last-of-type {padding-left:65px;}

 /* 2. 게임원화 */
#tabcontent_drawing {/* height:4216px; */ background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab2_bg.jpg');}

#tabcontent_drawing .currSummer_teacher_wrap {margin-bottom:100px;}
#tabcontent_drawing .currSummer_teacher_wrap ul:first-of-type::before {background-image:url('/mobile2017/resource/images/sub/curr/currSummer_teacher_name2.png');}

.summer2023 #tabcontent_drawing .currSummer_portfolio_wrap {}
.summer2023 #tabcontent_drawing .currSummer_portfolio_wrap .swiper-wrapper {}
#tabcontent_drawing .currSummer_portfolio_wrap .swiper-wrapper div {overflow:hidden; width:60.67%; height:auto; border-radius:0 0 30px 0; border:1px solid transparent; box-shadow: 0px 3px 7px 0px rgba(18, 18, 18, 0.5);
background:linear-gradient(to right, #303030, #303030), linear-gradient(to right, #535353 0%, #898889 100%);}
#tabcontent_drawing .currSummer_portfolio_wrap div img {width:100%;}

#curriculum_form #tabcontent_drawing .currSummer_step .lecture_step_left > li.detail_title {font-size:24pt;}

 /* 3. 게임기획 */
#tabcontent_design {/* height:3758px; */ background-image:url('/mobile2017/resource/images/sub/curr/currSummer_tab3_bg.jpg');}

#curriculum_form .currSummer_tab .tablinks.tablinks_design p:first-child {top:408px;}
#curriculum_form .currSummer_tab .tablinks.tablinks_design p:last-child {top:422px;}

#tabcontent_design .currSummer_teacher_wrap ul:first-of-type::before {background-image:url('/mobile2017/resource/images/sub/curr/currSummer_teacher_name3.png');}

#tabcontent_design .currSummer_commend_wrap div {}
#tabcontent_design .currSummer_commend_wrap div:last-of-type {grid-column: span 2;}
#tabcontent_design .currSummer_commend_wrap div p {font-size:22pt;}