@charset "utf-8";

/*메인 교육과정 효과*/
.vertical_hover { position: relative; overflow: hidden; min-width: 122px; max-width: 244px; height:0; width: 100%; color: #141414; text-align: left; line-height: 1.4em;
  font-size: 16px;}
.vertical_hover img { max-width: 100%; vertical-align: top;}
.vertical_hover div { position: absolute; /* top: calc(69.9%); */bottom: 0; width:244px; background-color: rgba(0,0,0,0.5); padding: 0 19px 17px; box-sizing: border-box; cursor: pointer; }
.vertical_hover div:before { position: absolute; content: ''; z-index: 2; bottom: 100%; left: 0; width: 100%; height: 60px; 
background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.5) 100%); background-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%); }
.vertical_hover h3,.vertical_hover p { margin: 0 0 5px;}
.vertical_hover h3 {display: inline-block; padding: 3px 6px 4px; border-radius: 5px; background: #da1616; font-weight: 700; font-size: 19px; color:#fff; text-transform: uppercase;}
.vertical_hover h3 span{ color:#fff; font-size:22px; font-family: 'RobotoCondensed-Regular',sans-serif; letter-spacing: -0.5px; display: block;}
.vertical_hover p { font-size: 17px; opacity: 1; color: #fff; line-height: 1.3; font-weight:400; white-space: nowrap; }

.main_section .last_curr_wrap{ margin-bottom:104px !important; }
.main_section .curr_fixed_location .curriculum_name {padding:75px 0 25px;}
.main_section .curriculum_list .img_box{ float: left;}
.main_section .curr_wrap{ width:1280px; margin:0 auto; overflow:hidden; }
.main_section .curriculum_name {padding:75px 0 25px;}
.main_section .curriculum_name h2{ font-size:40px; float: left; color:#222; letter-spacing: -0.03em; margin-right:17px; font-family: 'RobotoCondensed-Bold';}
.main_section .curriculum_name span.curr_name{ font-size:24px; color:#222; display: block; margin-top:7px; }
.main_section .curriculum_list .effect_hover{ position: relative; overflow: hidden; min-width: 154px; max-width: 244px; max-height: 316px; width: 100%; padding: 0; margin-right: 15px; cursor: pointer; }
.main_section .curriculum_list .effect_hover *{ -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.main_section .curriculum_list .effect_hover img { max-width: 100%; position: relative; opacity: 1;}
.main_section .curriculum_list .effect_hover a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1;}
.main_section .curriculum_list .effect_hover:hover img,
.main_section .curriculum_list .effect_hover.hover img { opacity: 0.40; -webkit-transform: scale(1.15); transform: scale(1.15);}
.main_section .curriculum_list .effect_hover{ background:#000; } 
.main_section .curriculum_list .effect_hover .curr_title { position: absolute; /* top: calc(37%); */bottom: 0; width: 244px; /* height: 205px; */ background-image:linear-gradient(to bottom, transparent 25%, rgba(0,0,0,0.9) 100%); padding: 130px 0 0 17px;padding: 100px 0 19px 17px; }
.main_section .curriculum_list .effect_hover .curr_title p {display: inline-block; margin-bottom: 5px; padding: 0 6px 3px; border-radius: 5px; background: #da1616; font-weight: 700; font-size: 19px; color:#fff; text-transform: uppercase;}
.main_section .curriculum_list .effect_hover .curr_title h3 {opacity: 1; margin-bottom: 5px; font-size:17px; color:#fff; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; line-height: 1.3; white-space: nowrap; }
.main_section .curriculum_list .effect_hover .curr_title span{  }

.main_section .curriculum_list .effect_hover:nth-child(5n) {margin-right:0;}
.main_section .curriculum_list .effect_hover:nth-child(n+6){margin-top:15px;}
.main_section .curriculum_list .effect_hover:nth-child(1){ margin-right:15px;}



@font-face{
font-family:'CoreGothic6';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic6.eot');
src:url('/resources/css/font/CoreGothic6.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic6.woff') format('woff'),
url('/resources/css/font/CoreGothic6.ttf') format('truetype');
}



/********** 2023 교육과정 상세 **********/
main#curriculum_form {min-width: var(--page-width); cursor: default;}
main#curriculum_form *, main#curriculum_form *::before, main#curriculum_form *::after {letter-spacing: inherit;}
#curriculum_form.domain_mypage {padding-top: 37px;}
#curriculum_form .currView {background: #090909; color: var(--color-font-gray); font-weight: 300; font-size: 16px; letter-spacing: 0; text-align: center;}

.currView_wrap .section_content:not(.section_content_lr) {padding-top: 60px;}

.currView_wrap .section_title {/* color: #fff; font-weight: 700; font-size: 50px; line-height: 1.4; */}
.currView_wrap .section_subtitle {color: var(--color-font-gray); /* font-weight: 400; font-size: 20px; */}
.currView_wrap .section_subtitle_l {color: var(--color-font-gray); /* font-weight: 300; font-size: 18px; */ text-align: left;}

	/*  */
.currView_wrap .section_subtitle + .section_subtitle {color: #fff;}

	/* 최상단 배너 */
.currView_banner_section {}
.currView_banner {text-align: left;}
.currView_banner .img_wrap {max-height: 600px; margin: 30px 60px 0; padding: 60px 0 24% 150px; border-radius: 20px; background-size: cover;}
.currView_banner .section_title {}
.currView_banner .section_subtitle {padding-top: 10px; color: #fff; font-size: 22px;}

.currView_drawing .currView_banner .img_wrap {background-image: url(/resources/images/curriculum/currView_banner_bg_drawing.jpg);}
.currView_design .currView_banner .img_wrap {background-image: url(/resources/images/curriculum/currView_banner_bg_design.jpg);}
.currView_programming .currView_banner .img_wrap {background-image: url(/resources/images/curriculum/currView_banner_bg_programming.jpg);}
.currView_graphic .currView_banner .img_wrap {background-image: url(/resources/images/curriculum/currView_banner_bg_graphic.jpg);}
.currView_web .currView_banner .img_wrap {background-image: url(/resources/images/curriculum/currView_banner_bg_web.jpg);}

	/* 교육과정(게임원화, 게임기획, 게임프로그래밍, 게임3D그래픽, 웹툰/웹소설) 탭 */
.currView_category_section .section_content_wrap {padding: 30px 0 0;}
.currView_category {}
.currView_category ul {position: relative; z-index: 2; display: -webkit-box; display: -moz-box; display: flex; justify-content: center; gap: 0 10px; height: 113px; color: #fff; font-weight: 500; font-size: 22px; line-height: 107px;}
.currView_category ul li {position: relative; z-index: 1; overflow: hidden; width: 248px; border-radius: 20px; border: 2px solid var(--color-black); cursor: pointer;}
.currView_category ul li::before {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: .6; background-color: #090909; /* background-origin: border-box; */ background-position: center; background-size: cover; background-blend-mode: luminosity;}
.currView_category_drawing::before {background-image: url(/resources/images/curriculum/currView_banner_bg_drawing.jpg);}
.currView_category_design::before {background-image: url(/resources/images/curriculum/currView_banner_bg_design.jpg);}
.currView_category_programming::before {background-image: url(/resources/images/curriculum/currView_banner_bg_programming.jpg);}
.currView_category_graphic::before {background-image: url(/resources/images/curriculum/currView_banner_bg_graphic.jpg);}
.currView_category_web::before {background-image: url(/resources/images/curriculum/currView_banner_bg_web.jpg);}
.currView_category ul li.on, .currView_category ul li:hover {border-color: var(--color-red);}
.currView_category ul li.on::before, .currView_category ul li:hover::before {opacity: 1; background-color: transparent; background-blend-mode: multiply;}

	/* 정부지원 과정 제공 */
.currView_hrd2_section {margin-top: 100px;}
.currView_hrd2_band {position: relative; z-index: 1; height: 160px; padding-top: 35px; background: radial-gradient(at 50% 90%, #5a1919 0%, #131415 48%); color: #fff; font-weight: 400; font-size: 28px;}
.currView_hrd2_band::before {content: ''; position: absolute; bottom: 0; left: 0; width: 50%; height: 50px; border-radius: 0 50px 0 0; background: #090909;}
.currView_hrd2_band::after {content: ''; position: absolute; bottom: 0; right: 0; width: 50%; height: 50px; border-radius: 50px 0 0 0; background: #090909;}
.currView_hrd2_band span {color: #f36a4d; font-weight: 700;}

	/* 교육과정 카테고리 하위 탭/커리큘럼/포인트 */
.currView_curriculum_wrap {position: relative; z-index: 1;}
.currView_curriculum_wrap > svg {position: absolute; top: -50px; left: 0; z-index: -1; width: 100%; min-width: var(--page-width); 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;
  }
}
		/* 교육과정 카테고리 하위 탭 */
.currView_categorySub_section::after {content: url(/resources/images/curriculum/currView_categorySub_deco.svg);}
.currView_categorySub_section .section_content_wrap {padding-bottom: 65px;}
.currView_categorySub {overflow-x: visible; width: calc(var(--page-width) + 8px); padding-right: 8px;}
.categorySub_tab {display: grid; height: 216px;}
.categorySub_tab2 {grid-template-columns: repeat(2, 1fr); gap: 0 25px;}
.categorySub_tab3 {grid-template-columns: repeat(3, 1fr); gap: 0 10px;}
.categorySub_item {position: relative; padding: 30px 0 0 40px; cursor: pointer;}
.categorySub_item .img_wrap {position: absolute; top: 0; left: 0; background-color: #090909;}
.categorySub_item p {position: absolute; color: var(--color-black); text-align: left;}
.categorySub_item .categorySub_mark {padding: 2px 10px; border: 2px solid var(--color-black); border-radius: 15px; font-weight: 400; font-size: 16px;}
.categorySub_item .categorySub_title {top: 68px; font-weight: 700; font-size: 35px; line-height: 1.4;}
.categorySub_item img {mix-blend-mode: luminosity;}

.categorySub_item.active img, .categorySub_item:hover img {mix-blend-mode: initial;}
.categorySub_item.active p, .categorySub_item:hover p {color: #fff;}
.categorySub_item.active .categorySub_mark, .categorySub_item:hover .categorySub_mark {border-color: #fff;}
.currView_categorySub .categorySub_item:hover .btn_ani {opacity: 1;}

.categorySub_item .btn_arrow_bottom {width: 48px; height: 48px; border-radius: 50%; padding-top: 14px; background: #fff;}
.categorySub_item .btn_arrow_bottom::after {content: url(/resources/images/common/btn_arrow_bottom.svg); filter: brightness(0);}
.currView_categorySub .btn_ani_wrap {position: absolute; right: 0; bottom: 8px; margin-bottom: 0;}
.currView_categorySub .btn_ani_wrap .btn_ani div {border: 2px solid #fff;}
.currView_categorySub .btn_ani_wrap .btn_ani :nth-child(1) {animation: 1.8s ani_line2 calc(1.8s / 3 * 1) infinite ease;}
.currView_categorySub .btn_ani_wrap .btn_ani :nth-child(2) {animation: 1.8s ani_line2 calc(1.8s / 3 * 2) infinite ease;}
.currView_categorySub .btn_ani_wrap .btn_ani :nth-child(3) {animation: 1.8s ani_line2 calc(1.8s / 3 * 3) infinite ease;}
@keyframes ani_line2 {
	from {
    	opacity: 0;
    	transform: scaleX(1) scaleY(1);
  	}
  	10% {
    	opacity: .9;
  	}
  	to {
	    opacity: 0;
	    transform: scaleX(1.3) scaleY(1.3);
  	}
}
		/* 커리큘럼 */
.currView_curriculum_item {display: none;}
.currView_curriculum {overflow: visible; justify-content: space-between;}
/* .currView_curriculum .section_content_r {overflow-y: scroll; width: 716px; height: 588px; border: solid var(--color-gray); border-width: 2px 0; text-align: left;} */
.currView_curriculum .section_content_r {position: relative; width: 716px; height: 588px; border: solid rgba(111, 113, 123, .15); border-width: 2px 0; text-align: left; cursor: url(/resources/images/curriculum/currView_curriculum_cursor.png) 42 42, auto;}
/* .currView_curriculum .section_content_r::after {content: ''; position: absolute; bottom: -23px; left: calc(50% - 23px); width: 46px; height: 46px; border-radius: 50%; background-color: #fff; background-image: url(/resources/images/common/select_arrow.svg); background-blend-mode: difference; background-size: 14px; background-position: center; background-repeat: no-repeat;} */
.currView_curriculum .section_content_r::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 20px; background: linear-gradient(to bottom, #090909 0%, rgba(9, 9, 9, 0) 100%);}
.currView_curriculum .section_content_r::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: linear-gradient(to top, #090909 0%, rgba(9, 9, 9, 0) 100%);}
.currView_curriculum .section_content_rbox {overflow-y: scroll; height: 100%;}
.currView_curriculum .section_content_rbox::-webkit-scrollbar {width: 0; height: 0;}

.currView_curriculum .curriculum_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;}
.currView_curriculum .curriculum_step:not(:last-child) {border-bottom: 2px solid rgba(111, 113, 123, .3);}
.currView_curriculum  [class^=curriculum_icon] {height: 150px; background-size: contain; background-repeat: no-repeat;}
.currView_curriculum .section_content_r h4.content_title {}
.currView_curriculum .section_content_r p {padding-top: 8px; color: var(--color-gray); font-weight: 400;}
.currView_curriculum .section_content_r ul {padding-top: 13px; line-height: 2;}
.currView_curriculum .curriculum_step li::before {content: '\2022'; margin-right: 3px;}
			/* 하위 탭 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 .sub_section_blackRed_radiusB {background: #090909;}
.currView_wrap .sub_section_blackRed_radiusB .section_content_wrap {overflow: hidden; position: relative; z-index: 1;}
.currView_wrap .sub_section_blackRed_radiusB .section_content_wrap::after {content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 676px; background: linear-gradient(189deg, rgba(9,9,9,1) 51%, rgba(75,33,30,1) 90%);}
.currView_point {overflow: visible; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 10px; margin-top: 60px;}
.currView_point .point_item {position: relative; z-index: 1; padding: 32px 30px 26px; border-radius: 10px; border: 2px solid var(--color-black); background: transparent; text-align: left;}
.currView_point .point_item span {position: absolute; top: -70px; z-index: -2; color: var(--color-red); font-weight: 700; font-size: 70px; text-shadow: 0px 0px 9px rgba(234, 33, 39, 0.73); filter: blur(0.5px);}
.currView_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); backdrop-filter: blur(7px);}
.currView_point .point_item .content_title {padding-bottom: 12px; word-break: keep-all;}

	/* 포트폴리오, 취업생 인터뷰 스와이퍼 */
.currView_swiper.swiper {overflow: visible; padding-bottom: 70px;}

.currView_swiper .swiper-wrapper {margin-left: -487.5px;}
.currView_swiper .swiper-slide {overflow: hidden; width: 310px; height: 400px !important; margin: 0 7.5px; border-radius: 40px; transition: all .4s ease; cursor: pointer;}
.currView_swiper .swiper-slide img {width: 100%;}

.currView_swiper .swiper-slide:not(.swiper-slide-active, .swiper-slide-next) {transform: scale(.72); opacity: .6;}
.currView_swiper .swiper-slide-next + .swiper-slide, .currView_swiper .swiper-slide-next + .swiper-slide + .swiper-slide {transform: scale(1); opacity: 1;}
.currView_swiper .swiper-slide:not(.swiper-slide-active, .swiper-slide-next):hover {transform: scale(.72) translateY(-5px);}
.currView_swiper .swiper-slide-active:hover, .currView_swiper .swiper-slide-next:hover, .currView_swiper .swiper-slide-next + .swiper-slide:hover, .currView_swiper .swiper-slide-next + .swiper-slide + .swiper-slide:hover {transform: translateY(-5px);}

.currView_swiper .swiper_control {position: relative; top: 70px; width: 218px; height: 14px; margin: 0 auto;}
.swiper_control .swiper_prev, .swiper_control .swiper_next {position: absolute; top: 3px; width: 14px; height: 8px; outline: none; background-image: url(/resources/images/common/select_arrow.svg); background-size: cover; cursor: pointer;}
.swiper_control .swiper_prev {left: -2px; transform: rotate(90deg);}
.swiper_control .swiper_next {right: -2px; transform: rotate(-90deg);}

.currView_wrap .currView_swiper .swiper_pagination {position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 176px; height: 4px; margin: 0 auto; border-radius: 2px; background: var(--color-darkgray);}
.currView_wrap .currView_swiper .swiper_pagination .swiper-pagination-bullet {height: 100%; margin: 0; border-radius: 2px; background: transparent; transition: width .2s ease;}
.currView_wrap .currView_swiper .swiper_pagination .swiper-pagination-bullet-active {width: 68px !important; background: #fff;}
	/* 포트폴리오 */
.currView_web .currView_point_section {background-color: var(--color-darkgray);}/* 웹과정 포폴 노출 시, 삭제 */
.currView_web .currView_portfolio_section {display: none;}/* 웹과정 포폴 노출 시, 삭제 */
	/* 취업생 인터뷰 */
.interview_swiper .swiper-slide .interview_name {position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); padding: 5px 17px 6px; border-radius: 20px; border: 1px solid var(--color-red); background: #1a0e0e; color: #fff; font-weight: 400; font-size: 14px;}

	/* 취업지원시스템 */
.currView_empl {-webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-align-items: center; align-items: center;}
.currView_empl .section_subtitle {padding-top: 60px;}
.currView_empl .section_content_r {position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 40px; width: 775px; word-break: keep-all;}
.currView_empl .empl_item {}
.empl_item div:first-child {width: 51px; height: 51px; margin: 0 auto; border-radius:50%; border: 6px solid var(--color-gray); background: #fff; color: var(--color-black); font-weight: 700; font-size: 22px; line-height: 38px;}
.empl_item .content_title {padding: 30px 0 15px;}
.empl_item:last-child::before {content: ''; position: absolute; top: 23px; left: 125px; z-index: -1; width: 68%; height: 4px; background-image: url(/resources/images/curriculum/currView_empl_dotted.svg);}
.empl_item:last-child::after {content: ''; position: absolute; top: 23px; right: 125px; z-index: -1; width: 18%; height: 4px; background: linear-gradient(to right, transparent 0%, #ea2127 100%);}
.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;}
.currView_recommend_section .recommend_bg::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 850px; background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(1, 1, 1, .76) 100%);}
.recommend_bg .img_wrap {position: absolute;}
.recommend_bg .img_wrap1 {top: 110px; left: 209px;left: 10.8%; width: 13.54%; min-width: 260px; max-width: 520px; border-radius: 20px 20px 0 20px;}
.recommend_bg .img_wrap2 {top: 80px; right: 216px;right: 11.23%; width: 19%; min-width: 365px; max-width: 730px; border-radius: 20px 20px 20px 0;}
.recommend_bg .img_wrap3 {top: 272px; left: 611px;left: 31.82%; width: 10.625%; min-width: 204px; max-width: 408px; border-radius: 20px 20px 0 20px;}
.recommend_bg .img_wrap4 {top: 560px; right: 668px;right: 34.77%; width: 7.55%; min-width: 145px; max-width: 290px; border-radius: 20px 20px 20px 0;}
.recommend_bg .img_wrap5 {top: 490px; right: 351px;right: 18.26%; width: 13.54%; min-width: 260px; max-width: 520px; border-radius: 20px 20px 20px 0;}
.recommend_bg .img_wrap6 {top: 610px; left: 364px;left: 18.95%; width: 10.52%; min-width: 202px; max-width: 404px; border-radius: 20px 20px 0 20px;}

#currView_recommend {position: relative; z-index: 3; padding-top: 0;}
.currView_recommend .section_subtitle {margin-bottom: 60px;}
.currView_recommend p:not(.section_subtitle) {width: 400px; height: 60px; margin: 0 auto; border-radius: 10px; border: 2px solid var(--color-gray); background: #060606; color: #fff; font-weight: 400; font-size: 18px; line-height: 56px;}
.currView_recommend p:not(:last-of-type, .section_subtitle) {margin-bottom: 10px;}

	/* 내일배움카드 활용법 */
.currView_hrd_section {background: #16151b;}
.currView_hrd_band {position: relative; z-index: 1; height: 190px; padding-top: 38px; background: radial-gradient(at 50% 90%, #e58b87 0%, #b2140e 30%); color: #fff; font-weight: 300; font-size: 22px;}
.currView_hrd_band::before {content: ''; position: absolute; bottom: 0; left: 0; width: 50%; height: 50px; border-radius: 0 50px 0 0; background: #16151b;}
.currView_hrd_band::after {content: ''; position: absolute; bottom: 0; right: 0; width: 50%; height: 50px; border-radius: 50px 0 0 0; background: #16151b;}
.currView_hrd_band span {font-weight: 400;}
.currView_hrd_section .section_content_wrap {padding-top: 50px;}
.currView_hrd {overflow: visible; padding: 60px 87px 0;}
.currView_hrd .section_content_l, .currView_hrd .section_content_r {width: 50%;}
.currView_hrd .section_subtitle:first-child span {color: #fff; font-weight: 400; font-size: 20px;}
.currView_hrd .hrd_img {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; width: 522px; margin-left: 30px;}
.currView_hrd .hrd_img .img_wrap {position: relative;}
.currView_hrd .hrd_img .img_wrap::after {content: ''; position: absolute; bottom: -15px; left: 0; width: 100%; height: 100px; background: linear-gradient(to bottom, transparent 0%, rgba(22,21,27,0.7) 30%, rgba(22,21,27,1) 100%);}
.currView_hrd .hrd_text {margin: -122px 0 0 -10px;}
.currView_hrd .content_title {float: left; width: auto; height: 108px; padding: 28px 25px 0; border-radius: 10px; background-color: #fff2; filter: brightness(1.1); backdrop-filter: blur(40px);}
.currView_hrd .content_title:first-of-type {margin-right: 13px;}
.currView_hrd .content_title:last-of-type {}
.currView_hrd .content_title span {font-weight: 300; font-size: 16px;}

	/* 후기 + 멘트 4줄 */
.currView_ment_bg_wrap {background: url(/resources/images/curriculum/currView_bg_ment.jpg) no-repeat center bottom/100%;}
.currView_text_section .section_content_wrap {background: url(/resources/images/curriculum/currView_bg_ment.jpg) no-repeat center bottom/100%;}
		/* 후기 */
/* .currView_review_section {background-image: url(/resources/images/curriculum/currView_bg_ment.jpg); background-position: center bottom -410px; background-size: 100%; background-repeat: no-repeat;} */
.currView_review {height: 368px;}
.currView_review::before {content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 300px; height: 100%; background: linear-gradient(to right, #090909 0%, #0000 70%);}
.currView_review::after {content: ''; position: absolute; top: 0; right: 0; z-index: 1; width: 300px; height: 100%; background: linear-gradient(to left, #090909 0%, #0000 70%);}
.currView_review .simply-scroll-clip, .currView_review .simply-scroll {height: 100%; margin: 0;}
.currView_review .currView_review_list {height: 100%;}
#currView_review .review_item {position: relative; width: 308px; height: auto; margin-right: 15px; padding: 20px 28px 28px; border-radius: 10px; border: 2px solid var(--color-black); background: #1b1b1b; color: #fff; text-align: left;}
#currView_review .review_item:nth-child(odd) {top: 36%; transform: translateY(-50%);}
#currView_review .review_item:nth-child(even) {top: 64%; transform: translateY(-50%);}
.currView_review .review_item > p {padding-bottom: 15px; font-weight: 300; font-size: 16px; line-height: 1.8;}
.currView_review .review_item div {display: -webkit-box; display: -moz-box; display: flex; gap: 0 5px;}
.currView_review .review_item div .img_wrap {width: 40px;}
.currView_review .review_item div p {font-weight: 400; font-size: 14px; line-height: 1.5;}
.currView_review .review_item div p span {color: var(--color-gray); font-weight: 500; font-size: 12px;}

		/* 멘트 4줄 */
.currView_text {position: relative; height: 210px; font-family: 'RixGoB'; font-size: 35px; line-height: 1.5;}
.currView_text .text {position: absolute; left: 20%; width: 60%;
  background-image: linear-gradient(to right, var(--color-gray) 50%, #fff 100%);
  background-clip: border-box;
/*   background-size: 220% auto; */
  background-size: 200%;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
/*   animation: mentclip 4s reverse infinite; */
  animation: mentclip 8s reverse infinite;
}
@keyframes mentclip {
  /* to {
    background-position: 200% center;
  } */
  35% {
    background-position: 200%;
  }
  100% {
    background-position: 200%;
  }
}
/* .currView_text .text:first-child {top: 0; animation-delay: calc(-3s * 2);}
.currView_text .text:nth-child(2) {top: 52.5px; animation-delay: calc(-3s * 3);}
.currView_text .text:nth-child(3) {top: 105px; animation-delay: calc(-3s * 4);}
.currView_text .text:last-child {top: 157.5px; animation-delay: calc(-3s * 1);} */
.currView_text .text:first-child {top: 0;}
.currView_text .text:nth-child(2) {top: 52.5px; animation-delay: 1.5s;}
.currView_text .text:nth-child(3) {top: 105px; animation-delay: 3s;}
.currView_text .text:last-child {top: 157.5px; animation-delay: 4.5s;}


	/* 수강하는 방법 쉬워요 */
.currView_process {position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: flex;}
.currView_process .process_item:not(:first-child, :last-child) {width: 237px;}
.currView_process .process_item:first-child {width: 186px; padding-right: 30px;}
.currView_process .process_item:last-child {width: 146px; padding-left: 50px;}
.currView_process .process_item div:first-child {width: 51px; height: 51px; margin: 0 auto; border-radius:50%; border: 6px solid var(--color-gray); background: #fff; color: var(--color-black); font-weight: 700; font-size: 22px; line-height: 38px;}
.currView_process .process_item .content_title {padding: 30px 0 15px;}
.currView_process .process_item:last-child::before {content: ''; position: absolute; top: 83px; left: 80px; z-index: -1; width: 90%; height: 4px; background-image: url(/resources/images/curriculum/currView_empl_dotted.svg);}
.currView_process .process_item:last-child::after {content: ''; position: absolute; top: 83px; right: 61px; z-index: -1; width: 15%; height: 4px; background: linear-gradient(to right, transparent 0%, #ea2127 100%);}
.currView_process .process_item:last-child div:first-child {border-color: rgba(234, 33, 39, .54); background: var(--color-red); background-clip: padding-box; color: #fff;}
.currView_process .process_item:last-child .content_title {color: var(--color-red); font-weight: 700;}

	/* 특별한 혜택 + 자주 묻는 질문 */
.currView_benefit_bg_wrap {background-image: url(/resources/images/curriculum/currView_bg_bottom.jpg); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
.currView_benefit_section .section_content_wrap {background-image: url(/resources/images/curriculum/currView_bg_bottom.jpg); background-position: center top; ackground-size: -webkit-calc(100% - 4%); background-size: calc(100% - 4%); background-repeat: no-repeat;}
		/* 특별한 혜택 */
.currView_benefit {gap: 0 130px; padding-left: 160px;}
.currView_benefit .section_title::before {content: '수강생전용'; display: inline-block; margin-bottom: 15px; padding: 6px 15px; border-radius: 18px; border: 2px solid #fff; font-weight: 400; font-size: 14px;}
.currView_benefit .section_content_r {text-align: left;}
.currView_benefit .benefit_item {display: -webkit-box; display: -moz-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center;}
.currView_benefit .benefit_item:not(:last-child) {margin-bottom: 12px;}
.currView_benefit .benefit_item span:not(.pc_only) {margin-right: 30px; color: var(--color-red); font-weight: 700; font-size: 50px;}
.currView_benefit .benefit_item .content_title {padding-bottom: 8px;}

		/* 자주 묻는 질문 */
.currView_faq {width: 887px; text-align: left;}
.currView_faq .faq_item {border-radius: 10px; border: 2px solid var(--color-black); background: var(--color-darkgray); cursor: pointer;}
.currView_faq .faq_item:not(:last-child) {margin-bottom: 10px;}
.currView_faq .faq_item .faq_item_q {position: relative; padding: 18px 30px 20px;}
.currView_faq .faq_item .faq_item_q::before {content: 'Q.'; margin-right: 3px; color: var(--color-red); font-weight: 700; vertical-align: 1px;}
.currView_faq .faq_item .faq_item_q::after {content: ''; position: absolute; top: 30px; right: 27px; width: 17px; height: 10px; 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: 3px 30px 20px;}
.currView_faq .faq_item5 .faq_item_a {-webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; padding-right: 60px;}
.currView_faq .faq_item .faq_item_a_box {position: relative; width: 168px; height: 230px; padding: 30px 0; border-radius: 20px; background: var(--color-black); color: #fff; text-align: center;}
.currView_faq .faq_item .faq_item_a_box .img_wrap {width: 62px; height: 62px; margin: 0 auto 25px;}
.currView_faq .faq_item .faq_item_a_box p {line-height: 1.8;}
.currView_faq .faq_item .faq_item_a_box span {color: var(--color-font-gray); text-transform: capitalize;}
.currView_faq .faq_item .faq_item_a_box:not(:last-child)::after {content: url(/resources/images/common/btn_arrow_right.svg); position: absolute; top: 50%; right: 0; transform: translate(146%, -50%) scale(.8);}

.currView_faq .faq_item.show_a .faq_item_q::after {transform: rotate(180deg);}
.currView_faq .faq_item.show_a .faq_item_a {display: block;}
.currView_faq .faq_item5.show_a .faq_item_a {display: -webkit-box; display: -moz-box; display: flex;}








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

#curriculum_form .summer2023 {box-sizing:border-box; /* padding-top:37px; */padding-top:1031px; background-image:url('/resources/images/landing/curriculum/currSummer_top.jpg'); background-position:center top; background-repeat:no-repeat; font-family:"CoreGothic5"; text-align:center; cursor:default;}
#curriculum_form .summer2023 *, #curriculum_form .summer2023 *::before, #curriculum_form .summer2023 *::after {box-sizing:inherit; font-family:inherit;}

#curriculum_form .summer2023 section {width:100%; margin:0 auto;}
.currSummer_tabcontent {display:none; margin-top:-422px; padding-top:410px; background-position:center top; background-repeat:no-repeat;}

#curriculum_form .currSummer_title_en {margin-bottom:-122px; color:#fbfbf8; mix-blend-mode:soft-light; font-weight:900; font-family: 'Noto Sans KR', sans-serif; font-size:160px; line-height:1; text-transform:uppercase;}
/* #curriculum_form .currSummer_title_en::before {content:""; display:inline-block; width:100%; height:50px; transform:rotate(30deg); background:linear-gradient(to top, #535353 0%, #898889 100%);} */
#curriculum_form .currSummer_title {padding:75px 0 20px; color:#fff; font-family:'CoreGothic6'; font-size:45px; line-height:1;}
#curriculum_form .currSummer_title span {color:var(--mint); font-family:"CoreGothic7"; font-size:55px;}

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

	/* 탭 */
#curriculum_form .summer2023 .currSummer_tab {position:relative; display: -webkit-box; display: -moz-box; display: flex; justify-content:space-between; width:1280px; padding:20px 0 100px;}
#curriculum_form .currSummer_tab ul {display:none;}
#curriculum_form .currSummer_tab .tablinks {overflow:hidden; position:relative; width:420px; height:302px; border-radius:5px; border:1px solid transparent; box-shadow: 0px 3px 7px 0px rgba(18, 18, 18, 0.5); cursor:pointer;
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:0; width:100%; height:100%; background:linear-gradient(to bottom, transparent 30%, #050505 100%);}
#curriculum_form .currSummer_tab .tablinks p {font-family:"CoreGothic5"; transition:opacity 0.25s;}
#curriculum_form .currSummer_tab .tablinks p:first-child {position:absolute; bottom:35px; z-index:1; width:100%; color:#fff4; font-size:25px; line-height:30px;}
#curriculum_form .currSummer_tab .tablinks p:last-child {opacity:0; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; width:100%; color:#fff; font-size:22px; line-height:28px;}
#curriculum_form .currSummer_tab .tablinks p:last-child span {color:var(--mint-pale);}

#curriculum_form .currSummer_tab .tablinks:hover {}
#curriculum_form .currSummer_tab .tablinks:hover p:first-child {opacity:0;}
#curriculum_form .currSummer_tab .tablinks:hover p:last-child {opacity:1;}
#curriculum_form .currSummer_tab .tablinks:hover::after {background:#2229; mix-blend-mode:multiply;}
#curriculum_form .currSummer_tab .tablinks.active {border:3px solid transparent; background:linear-gradient(to right, #eee, #eee), linear-gradient(to right, var(--mint) 0%, var(--mint-pale) 100%); background-origin: border-box; background-clip: content-box, border-box;}
#curriculum_form .currSummer_tab .tablinks.active p:first-child {color:var(--mint);}
#curriculum_form .currSummer_tab .tablinks.active::before {top:-2px; left:-2px;}

#curriculum_form .currSummer_tab .tablinks::before {position:absolute; top:-1px; left:-1px;}
#curriculum_form .currSummer_tab .tablinks:not(.active)::before {opacity:.5;}
#curriculum_form .currSummer_tab .tablinks:first-of-type::before {content:url('/resources/images/landing/curriculum/currSummer_tab1.jpg');}
#curriculum_form .currSummer_tab .tablinks:nth-of-type(2)::before {content:url('/resources/images/landing/curriculum/currSummer_tab2.jpg');}
#curriculum_form .currSummer_tab .tablinks:last-of-type::before {content:url('/resources/images/landing/curriculum/currSummer_tab3.jpg');}

#curriculum_form .currSummer_tab .tablinks ~ img {position:absolute; bottom:90px;}
#curriculum_form .currSummer_tab .tablinks.tablinks_unity + img {left:368px;}
#curriculum_form .currSummer_tab .tablinks.tablinks_drawing + img {left:795px;}
#curriculum_form .currSummer_tab .tablinks.tablinks_design + img {left:1221px;}

	/* 특징 */
#curriculum_form .summer2023 .currSummer_feature_wrap {width:1280px; margin-bottom:100px;}
#curriculum_form .summer2023 .currSummer_feature_wrap .swiper-wrapper {display:grid; grid-template-columns: repeat(4, 1fr); gap:30px 10px; height:auto; padding-top:40px;}
#curriculum_form .currSummer_feature {height:193px; 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:35px; height:35px; margin:-13px auto 15px; border-radius:50%; background:var(--mint);}
#curriculum_form .currSummer_feature div::before {content:""; position:absolute; top:17px; left:4px; width:16px; height:6px; border-radius:3px; 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:11px; left:11px; width:30px; height:6px; border-radius:3px; 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 {padding-bottom:8px; color:var(--mint-pale); font-family:"CoreGothic5"; font-size:20px; line-height:28px;}
#curriculum_form .currSummer_feature p:last-of-type {color:#fff; font-family:'CoreGothic3'; font-size:17px; line-height:24px;}
#curriculum_form .currSummer_feature p:last-of-type span {font-family:'CoreGothic6';}

	/* 강사 */
#curriculum_form .summer2023 .currSummer_teacher_wrap {position:relative; width:1034px; height:570px; font-family:'CoreGothic4'; text-align:left;}
#curriculum_form .currSummer_teacher_wrap ul:first-of-type {position:absolute; top:230px;top:150px;}
#curriculum_form .currSummer_teacher_wrap ul:first-of-type li {display:inline-block; padding:1px 10px 2px; border-radius:4px; border:1px solid var(--mint); background:#161616; color:var(--mint); font-size:20px;}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type {position:absolute; top:275px;top:195px; width:460px; margin:0;}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type li {display:inline-block; font-size:18px; line-height:34px;}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type li:nth-of-type(odd) {width:150px; color:#adadad;}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type li:nth-of-type(even) {width:310px; color:#fff; font-family:'CoreGothic3';}
#curriculum_form .currSummer_teacher_wrap ul:last-of-type::after {position:absolute; top:180px;top:143px; right:-292px;right:-307px; z-index:1; width:382px; height:140px; padding-top:90px; background-position:right top; background-repeat:no-repeat; color:#fff; font-family:'CoreGothic5'; font-size:32px; text-align:right;}
#curriculum_form .currSummer_teacher_wrap img.img_pc {position:absolute; top:0; left:50%; z-index:2; transform:translateX(-50%); mix-blend-mode:overlay;}
#curriculum_form .currSummer_teacher_wrap .currSummer_teacher_img {overflow:hidden; position:absolute; bottom:70px;top:135px; right:0; width:346px; height:346px; 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 .summer2023 .currSummer_commend_wrap {display:grid; gap:20px 10px; place-content:center; position:relative; padding:64px 0;}
#curriculum_form .currSummer_commend_wrap .currSummer_title {padding:0 0 10px; font-size:55px;}
#curriculum_form .currSummer_commend_wrap .currSummer_title .point {color:#fff; font-family:'CoreGothic6'; font-size:55px;}
#curriculum_form .currSummer_commend_wrap div {padding:32px 0 0; border-radius:5px; background:#222; color:#fff; font-family:'CoreGothic4'; font-size:18px;}
#curriculum_form .currSummer_commend_wrap div img {width:48%;}
#curriculum_form .currSummer_commend_wrap div p {padding-top:10px;}

	/* 커리큘럼 */
#curriculum_form .summer2023 .currSummer_step {width:var(--page-width); padding:0 0 100px;}
#curriculum_form .currSummer_step .currSummer_title {padding-top:100px;}
#curriculum_form .currSummer_step .swiper-wrapper {display:block; height:442px;}
#curriculum_form .currSummer_step article {text-align:left;}
#curriculum_form .currSummer_step article:not(:first-of-type) {display:none;}
#curriculum_form .currSummer_step .lecture_step_right {float:left; width:796px; border-radius:0 0 30px 0;}
#curriculum_form .currSummer_step .lecture_step {float:left; width:405px; margin-top:0; margin-left:24px; padding-bottom:23px; border-bottom:1px solid #444;}
#curriculum_form .currSummer_step .lecture_step p {color:#fff; font-weight:normal;}
#curriculum_form .currSummer_step .lecture_step p span {color:#fff;}
#curriculum_form .currSummer_step .lecture_step p:first-of-type {line-height:2;}
#curriculum_form .currSummer_step .lecture_step p:not(:first-of-type) {display:inline-block; padding:1px 10px; border-radius:5px; background:#30b367; font-family:'CoreGothic5'; font-size:22px;}
#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 {float:left; width:484px; padding:25px 0 0 24px;}
#curriculum_form .currSummer_step .lecture_step_left > li.detail_title {padding-left:20px; color:#fff; font-weight:normal; text-indent:-20px;}

#curriculum_form .summer2023 .currSummer_stepbar {overflow:hidden; width:1273px; height:123px; margin-top:30px; border-radius:61px; border:1px solid transparent; background:linear-gradient(to right, #545454, #212121), linear-gradient(to right, #535353 0%, #898889 100%); background-origin: border-box; background-clip: content-box, border-box; cursor:pointer;}
#curriculum_form .currSummer_stepbar .currSummer_step_box {display:inline-block; width:212px; height:100%; vertical-align:top;}
#curriculum_form .currSummer_stepbar .currSummer_step_box:not(:last-child) {border-right:1px solid #222; margin-right:-4px;}
#curriculum_form .currSummer_stepbar span {color:#fff; font-family:"CoreGothic5"; font-size:22px; line-height:116px;}
#curriculum_form .currSummer_stepbar p {display:none; margin:0; color:#222; text-align:left;}
#curriculum_form .currSummer_stepbar p:first-of-type {font-family:"CoreGothic6"; font-size:22px;}
#curriculum_form .currSummer_stepbar p:last-of-type {padding-left:82px; font-family:"CoreGothic5"; font-size:18px;}

#curriculum_form .currSummer_tabcontent .currSummer_stepbar .hover_on {display:inline-flex; flex-direction:column; justify-content:center; align-items:flex-start; width:635px; padding-left:120px; background:var(--mint);}
#curriculum_form .currSummer_stepbar .hover_on span {display:none;}
#curriculum_form .currSummer_stepbar .hover_on p {display:block;}

	/* 수강후기 */
#curriculum_form .summer2023 .currSummer_review_wrap {width:var(--page-width);}
#curriculum_form .currSummer_review_wrap .currSummer_review {position:relative; height:530px;}
#curriculum_form .currSummer_review div {position:absolute; height:auto; padding:20px 25px; border-radius:30px; background:#fff; text-align:left; word-break:keep-all;}
#curriculum_form .currSummer_review div[class*="_review3"], #curriculum_form .currSummer_review div[class*="_review4"] {z-index:2;}
#curriculum_form .currSummer_review div::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:30px; box-shadow: 0px 18px 25px 0px rgba(67, 67, 67, 0.28); mix-blend-mode:color-burn;}
#curriculum_form .currSummer_review div span {color:#444; font-family:'CoreGothic5'; font-size:16px;}
#curriculum_form .currSummer_review div p {color:#222; font-family:'CoreGothic4'; font-size:17px; line-height:23px;}

	/* 1. 유니티 */
#tabcontent_unity {height:3773px; background-image:url('/resources/images/landing/curriculum/currSummer_tab1_bg.jpg');}

#tabcontent_unity .currSummer_teacher_wrap ul:last-of-type::after {content:"이규훈 강사"; background-image:url('/resources/images/landing/curriculum/currSummer_teacher_name1.png');}

#tabcontent_unity .currSummer_commend_wrap {grid-template-columns: repeat(4, 218px);}
#tabcontent_unity .currSummer_commend_wrap .currSummer_title {grid-column: span 4; width:920px; margin:-10px 0 0 -9px;}
#tabcontent_unity .currSummer_commend_wrap div {height:213px;}

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

#tabcontent_unity .currSummer_review .unity_review1 {top:0; left:168px; width:426px;}
#tabcontent_unity .currSummer_review .unity_review2 {top:20px; right:183px; width:472px;}
#tabcontent_unity .currSummer_review .unity_review3 {top:166px; left:78px; width:462px;}
#tabcontent_unity .currSummer_review .unity_review4 {top:188px; right:76px; width:532px;}
#tabcontent_unity .currSummer_review .unity_review5 {bottom:54px; left:363px; width:516px;}

	/* 2. 게임원화 */
#tabcontent_drawing {height:4216px; background-image:url('/resources/images/landing/curriculum/currSummer_tab2_bg.jpg');}

#tabcontent_drawing .currSummer_teacher_wrap ul:last-of-type::after {content:"신동철 강사"; background-image:url('/resources/images/landing/curriculum/currSummer_teacher_name2.png');}

.summer2023 #tabcontent_drawing .currSummer_portfolio_wrap {width:var(--page-width);}
.summer2023 #tabcontent_drawing .currSummer_portfolio_wrap .swiper-wrapper {display:flex; flex-wrap:wrap; gap:13px 12px; width:100%; height:auto; padding-bottom:110px;} 
#tabcontent_drawing .currSummer_portfolio_wrap .swiper-wrapper div {overflow:hidden; width:311px; height:390px; 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 {}

#tabcontent_drawing .currSummer_review .drawing_review1 {top:0; left:167px; width:425px;}
#tabcontent_drawing .currSummer_review .drawing_review2 {top:25px; right:229px; width:449px;}
#tabcontent_drawing .currSummer_review .drawing_review3 {top:144px; left:70px; width:490px;}
#tabcontent_drawing .currSummer_review .drawing_review4 {top:157px; right:147px; width:537px;}
#tabcontent_drawing .currSummer_review .drawing_review5 {bottom:65px; left:312px; width:522px;}

	/* 3. 게임기획 */
#tabcontent_design {height:3758px; background-image:url('/resources/images/landing/curriculum/currSummer_tab3_bg.jpg');}

#tabcontent_design .currSummer_teacher_wrap ul:last-of-type::after {content:"이희성 강사"; background-image:url('/resources/images/landing/curriculum/currSummer_teacher_name3.png');}

#tabcontent_design .currSummer_commend_wrap {grid-template-columns: repeat(5, 218px);}
#tabcontent_design .currSummer_commend_wrap > p {grid-column: span 5;}
#tabcontent_design .currSummer_commend_wrap div {height:241px;}

#tabcontent_design .currSummer_review .design_review1 {top:37px; left:233px; width:418px;}
#tabcontent_design .currSummer_review .design_review2 {top:87px; right:214px; width:403px;}
#tabcontent_design .currSummer_review .design_review3 {top:192px; left:153px; width:474px;}
#tabcontent_design .currSummer_review .design_review4 {top:218px; right:187px; width:433px;}
#tabcontent_design .currSummer_review .design_review5 {bottom:82px; left:504px; width:412px;}