@charset "utf-8";
/* mo 교육과정 메뉴 css */


/* 국비지원이란? */
#eduInfo_wrap.eduInfo_wrap {}
	/* 내일배움카드 */
.eduInfo_card {}
.eduInfo_card .eduInfo_card_box {width: 100%; height: 80px; padding: 12px 24px; border-radius: 40px; margin-top: var(--margin-common); background: #fff;}
.eduInfo_card .eduInfo_card_box:first-child {height: auto; padding: 10px 24px; border-radius: 22px; text-align: center;}
.eduInfo_card .eduInfo_card_box:first-child .content_explain {color: var(--color-blue); font-weight: 500;}
.eduInfo_card .eduInfo_card_box:first-child img {width: 21px; margin: -3px 0 0 4px;}
.eduInfo_card .img_wrap {float: left; width: 56px; height: 56px; border-radius: 50%; margin-right: 14px; background: #edddd6;}
.eduInfo_card .content_title {padding: 5px 0 2px;}
	/* 국민취업제도 */
.eduInfo_support_section .eduInfo_support_content {padding: var(--padding-common) var(--padding-common) 63px;}
.eduInfo_support {}
.eduInfo_support .tabcontent_support1 {display: block;}
.eduInfo_support .support_box {position: relative; display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr); padding: var(--padding-common) 0; font-weight: 500; text-align: center;}
.eduInfo_support .support_box li {padding: var(--padding-common) 0;}
.eduInfo_support .support_box .img_wrap {height: 32px; margin-bottom: var(--margin-common);}
.eduInfo_support .support_box .img_wrap img {height: 100%;}
.eduInfo_support .support_box .content_explain {font-weight: 400;}
.eduInfo_support .support_table_th {display: grid; grid-template-columns: repeat(3, 1fr); height: 40px; border-radius: 8px; background: var(--color-bg-gray); color: #222; font-weight: 500; font-size: var(--font-size-content); text-align: center; line-height: 40px;}
.eduInfo_support .support_table_th li {display: inline-block;}
.eduInfo_support .support_table {table-layout: fixed; text-align: center; line-height: 1.3;}
.eduInfo_support .support_table td {padding: 8px 0; border-bottom: 1px solid var(--color-bg-gray);}
.eduInfo_support .support_table td:not(:last-of-type) {border-right: 1px solid var(--color-bg-gray);}
.eduInfo_support .tabcontent_support2 .support_table tr:not(:first-of-type) td:last-of-type {border-right: 1px solid var(--color-bg-gray);}
.tabcontent_support1 {}
.tabcontent_support1 .support_box li:nth-of-type(odd)::after {content:""; display: inline-block; width: 1px; height: 70px; margin: -50% 0 0 100%; background: var(--color-bg-gray);}
.tabcontent_support1 .support_box li:nth-last-child(-n+2)::before {content:""; display: inline-block; width: 100px; height: 1px; margin-top: -20px; background: var(--color-bg-gray);}
.tabcontent_support2 {}
.tabcontent_support2 .support_box li:first-of-type {grid-column: span 2;}
.tabcontent_support2 .support_box li:first-of-type::after {content:""; position: absolute; top:143px; left: 0; width: 100%; height: 1px; background: var(--color-bg-gray);}
.tabcontent_support2 .support_box li:nth-of-type(even)::after {content:""; display: inline-block; width: 1px; height: 70px; margin: -50% 0 0 100%; background: var(--color-bg-gray);}
	/* + */
.eduInfo_support_section .eduInfo_supportPlus_content {position: relative; padding: 0; margin-top: 1px;}
.eduInfo_support_section .eduInfo_supportPlus_content::before {content: "+"; position: absolute; top: -12px; left: -webkit-calc(50% - 12px); left: calc(50% - 12px); width: 24px; height: 24px; border-radius: 50%; padding-left: 1px; border: 1px solid var(--color-gray); background: #fff; color: #444; font-size: 22px; text-align: center; line-height: 20px;}
.eduInfo_supportPlus .l_list_2 {padding: 10px 0;}
.eduInfo_supportPlus .l_list_2 .l_list_item {padding: var(--padding-common); word-break: keep-all;}
.eduInfo_supportPlus .l_list_2 .l_list_item:last-child {border-bottom: 0;}
.eduInfo_supportPlus .l_list_2 .l_list_item div {position: absolute; top: 23px; width: 17px; height: 17px; border-radius: 50%; background: var(--color-blue); color: #fff; font-size: 12px; text-align: center; line-height: 17px;}
.eduInfo_supportPlus .l_list_2 .l_list_item p {margin-left: 20px;}
.eduInfo_supportPlus .l_list_2 .l_list_item p:not(.content_title) {padding-top: 4px; line-height: 1.4;}
.eduInfo_supportPlus .l_list_2 .l_list_item span {display: inline-block; padding: 0 2px 2px; margin: 0 1px 2px 0; border-radius: 3px; background: var(--color-bg-gray); font-size: 13px;}
	/* 국가기간·전략산업직종 훈련 */
.eduInfo_training .l_swipe_item {padding-top: 26px;}
.eduInfo_training .l_swipe_item:first-child {background: #d7dcfc;}
.eduInfo_training .l_swipe_item:nth-child(2) {background: #cff6f1;}
.eduInfo_training .l_swipe_item:last-child {background: #fffedf;}
.eduInfo_training .l_swipe_item .content_explain {height: 58px;padding-top: 10px;}
.eduInfo_training .l_swipe_item .content_explain span {display: inline-block; padding: 0 5px 1px; margin: 0 1px 2px 0; border-radius: 10px; background: #b6e1d8; font-size: 13px;}
.eduInfo_training .l_swipe_item img {width: var(--width-swipe-content); margin-left: -20px;}

:root {/* 확인하고 없애야함 */
	--font-title:26px;
	--font-subtitle:16px;
	--font-section-title:22px;
	--font-section-subtitle:18px;
	--font-common:16px;
	
	--edu-subtitle-blue:#304bab;
	--edu-font-blue:#1b5ab8;
	--edu-font-orange:#e1523c;
	
	--edu-common-bg:#f1f4f9;
	--edu-border:#d7d7d7;
}

/********** 교육과정 상세 **********/
.edu_wrap {box-sizing:border-box; width:100%; /* padding:0; */ margin: 0 auto; /* background:#fff; */ color:#333; font-weight:400; font-size: 15px; letter-spacing:-0.035em; text-align:center;}

.eduView_wrap .edu_section {width:100%; margin:0 auto; /* padding: 60px 20px 72px;padding: 0 20px 72px; */}

/************ 교육과정 소개 핵심단어 ****************/
.eduView_wrap .edu_section_white{background-color:#fff; padding-bottom:30px;}
.eduView_wrap .edu_section .category_word{display:grid; grid-template-columns:repeat(4, 1fr); text-align:center; margin-top:10px; gap:5px;}
.eduView_wrap .edu_section .category_word li{border:1px solid #95acf4; color:var(--color-blue); border-radius:20px; padding:5px 0; font-size:12px;}

  /*kdt2 빅데이터만 해당*/
.kdt_2_edu_section{padding-bottom:40px;}
 
.eduView_wrap:not(.kdtView_wrap) .edu_section:not(.kdt_2_edu_section) .section_title {padding-bottom: 30px;}
.edu_section .section_title .section_title_b {color: var(--color-blue); font-weight:700;}
.edu_section .section_subtitle {}

.eduView_wrap .bullet_swiper.edu_section {padding-bottom:86px;/* 48+38 > 72+38 */padding-bottom:110px;}
/* .eduView_wrap .swiper .swiper-pagination {bottom:48px;bottom:72px; padding:20px 0 10px;}
.eduView_wrap .swiper .swiper-pagination .swiper-pagination-bullet {background:#6695b7;}
.eduView_wrap .swiper .swiper-pagination .swiper-pagination-bullet-active {background:#155cc9;} */

	/* 교육과정 상세 - 타이틀_없애기 230619 */
.eduView_wrap .title_wrap {padding:40px 5%;}
.title_wrap h3.edu_title {font-weight:800; font-size:var(--font-title);}
.title_wrap p {padding-top:8px; color:#666; font-weight:400; font-size:var(--font-subtitle);}


	/* 교육과정 상세 - 정보 */
.eduView_wrap .info_wrap {}
.eduView_wrap .eduView_explain_q {padding: 20px 0 5px; font-weight: 600; font-size: 15px;}
.eduView_wrap .eduView_explain_a {font-weight: 400; font-size: 14px; line-height: 1.4;}

	/* 정보 - up */
	.eduView_infoUp_section .info_up {}
/* 	.eduView_infoUp_section .eduView_explain_a {font-size: 13px;} */
	/* 정보 - up 정보보안 */
	.info_up .info_up_se .img_wrap {width: 11%; min-width: 37px; max-width: 74px; margin: 0 auto;}
	
	/* 정보 - ok */
	.eduView_infoOk_section {}
	.info_ok .info_ok_box {position:relative; padding:0; /* background-image:url(/mobile2017/resource/images/edu/info_ok_box.png); background-size:90%; background-position:center top; background-repeat:no-repeat; */}
	.info_ok .info_ok_box .info_ok_top {position:relative; width:90%; margin:0 auto;}
	.info_ok .info_ok_box .info_ok_top img {width:100%;}
	.info_ok .info_ok_box .info_ok_top .content_title {position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); width:100%; color:#fff; font-weight:300;}
	.info_ok .info_ok_box .info_ok_top .content_title b {font-weight:600;}
	.info_ok .info_ok_box .info_ok_top .img_wrap {position:absolute; top:95%; left:50%; transform:translate(-50%,-50%); width:23%; min-width:78px; max-width:156px; height:auto; border-radius: 50%; background: #cedefa;}
/* 	.info_ok .info_ok_box .info_ok_top img:last-of-type {position:absolute; top:95%; left:50%; transform:translate(-50%,-50%); width:23%; min-width:78px; max-width:156px; height:auto;} */
	.info_ok .info_ok_box .info_ok_top .img_wrap img {}
	.info_ok .info_ok_box .info_ok_bottom {position:relative;width:100%; transform:translateY(-28%); margin:0 auto;}
/* 	.info_ok .info_ok_box .info_ok_bottom img {width:20%; min-width:78px; max-width:156px; height:auto; margin:0 auto;} */
	.info_ok .info_ok_box > p {height:100px;height:68px; margin-top:40px;margin-top:12%;}
	.info_ok .info_ok_box > p b {line-height:1.6;}
		
		/* kdc */
		.kdcView_wrap .eduView_infoOk_section .info_ok {padding-bottom: 40px;}

	/* 교육과정 상세 - 전액 국비지원 */
.eduView_hrd_section {padding-top:40px;}
.eduView_hrd_section .collabo-wrap{width:220px; height:100%; margin:0 auto; margin-bottom:8px;} 
.eduView_hrd_section .collabo-wrap img{width:100%; height:auto;}
.eduView_hrd div {padding: 60% 0 32px; border-radius: 12px; background-color: #dee5f0; background-image: url(/mobile2017/resource/images/edu/eduView_hrd_bg.png); background-size: 100%; background-position: center top; background-repeat:no-repeat;}
.eduView_hrd div {color: #333;}
.eduView_hrd div p:first-of-type {font-size: 15px;}
.eduView_hrd div p:last-of-type {font-weight: 500; font-size: 21px; line-height: 1;}
.eduView_hrd div p span {color: var(--color-blue3); font-weight: 700; font-size: 28px; vertical-align: -1px;}
.eduView_hrd .eduView_hrd_btn {display: inline-block; height: 52px; padding: 0 25px; margin-top: 30px; border-radius: 26px; background: var(--color-blue3); color: #fff; font-weight: 600; font-size: 15px; line-height: 52px;}
.eduView_hrd .eduView_hrd_btn::after {content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin: 0 0 -5px 5px; background-color: #fff2; background-image: url(/mobile2017/resource/images/edu/edu_arrow_right.png); background-size: 10px; background-position: center; background-repeat:no-repeat;}
/*개발자 양성과정만 padding없앰*/
.only_not_title{padding-bottom:0 !important;}
	/* 교육과정 상세 - 커리큘럼 */
	/* 커리큘럼 - top */
	.eduView_curr_section .curr_top {}
	.curr_top ul {display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 6%; font-size:14px; text-transform:uppercase;}
	.curr_top ul.curr_top_ul1 {font-weight:400;}
	.curr_top ul.curr_top_ul2 {font-weight:600;}
	.curr_top ul li {width:46%; height:42px; border-radius:23px; border:1px solid #3064bb; background: #fff; line-height:40px;}
	.curr_top ul li:nth-of-type(n+3) {margin-top:1.5%;}
	
	/* 커리큘럼 - bottom */
	.eduView_curr_section .curr_bottom {padding-bottom: 1px; text-align: left;}
	.curr_bottom h5.section_subtitle {padding:40px 0 18px; color:var(--edu-font-blue); font-weight: 600; font-size:var(--font-section-subtitle); text-align:center;}
	.curr_bottom table {width:100%; border-radius:12px; border-collapse:collapse; box-shadow:0 0 0 1px #b7b7b7; background:linear-gradient(to right, #fff, #f5f9fc);}
	.curr_bottom table:not(:last-of-type) {margin-bottom:8px;}
	.curr_bottom table th {padding:20px 20px 17px; font-weight:500; text-transform:uppercase; text-align: left;}
	.curr_bottom table th p {color:#5574ad; font-size:12px;}
	.curr_bottom table th span {color:#888; font-weight:400; font-size:10px;}
	
	.curr_bottom table tr:nth-of-type(2) td {padding:17px 20px; font-weight:400; font-size: 14px;font-size: 13px; line-height:1.4;}
	.curr_bottom table tr:nth-of-type(2) td::before {content:""; display:inline-block; width:100%; height:1px; margin-top:-17px; background:#b7b7b7;}
	.curr_bottom table tr:nth-of-type(2) td ul {}
	
	/*kdt2 빅데이터만 해당*/
	.curr_bottom_kdt_2 table tr:nth-of-type(2) td ul {display:flex; flex-direction:column; line-height:1.7;}
	.curr_bottom_kdt_2 table tr:nth-of-type(2) td ul li:not(:last-of-type){padding-right:0 !important;}
		
	
	.curr_bottom table tr:nth-of-type(2) td ul li {float:left;}
	.curr_bottom table tr:nth-of-type(2) td ul li:not(:last-of-type) {/* padding-right:25px; */padding-right:8.5%;}
	.curr_bottom table tr:nth-of-type(2) td ul li::before {content:"·"; padding-right:3px;}
	.curr_bottom table.curr_bottom_td_half tr:nth-of-type(2) td ul li {width:48%; padding-right:0;}
	
	.curr_bottom table tr:nth-of-type(3) td {padding:0 20px 14px;}
	.curr_bottom table tr:nth-of-type(3) td ul {font-weight:400; font-size:12px;}
	.curr_bottom table tr:nth-of-type(3) td ul li {display:inline-block; padding:5px; border-radius:8px; border:1px solid #b7b7b7; margin:0 2px 3px 0; background:#fff; letter-spacing:-0.035em;}
		/* 교육과정 상세 - 커리큘럼 - bottom 정보보안 */
		.curr_bottom_se h5.section_subtitle {padding-top:0;}
		/* 교육과정 상세 - 커리큘럼 - bottom 자바 > 스웹 */
		.curr_bottom_sw h5.section_subtitle, .curr_bottom_sw table th p {color:var(--edu-font-orange);}
		.curr_bottom_sw table {background:linear-gradient(to right, #fff, #fffbf7);}

	/*교육과정 상세 자바개발자.과정 -수료생 인터뷰*/
.eduView_interview_section .section_title{margin-bottom:-32px !important;}
.eduView_interview_section .section_subtitle{font-size:16px; color:#444; padding-bottom:28px !important;}
.eduView_interview_section .content .eduView_interview .m_card_item{width:100%; height:340px; text-align:left; letter-spacing:-1px;}
.eduView_interview_section .m_card_item .img_wrap{border-radius:15px;}
.eduView_interview_section .m_card_item .s_listThumb_point {color:var(--color-blue2); font-size:14px; padding: 8px 0 2px 11px;}
.eduView_interview_section .m_card_item .s_listThumb_title{font-size:16px; padding: 0 0 12px 11px; letter-spacing:-1.2px;}
.eduView_interview_section .m_card_item .s_listThumb_text{color:#666; font-size:14px; padding-left:11px;}
.eduView_interview_section .content a{display:block; color:var(--color-blue); border:2px solid var(--color-blue); border-radius:36px; padding:21px; margin-top:10px; font-size:16px;}
	/* 교육과정 상세 - 프로젝트 */
.eduView_project_section {}
.project_content {width:100%; padding: 60px 6% 72px;}
.project_content > * {width:var(--common-width);width:100%; margin:0 auto;}
.project_content .section_subtitle {padding-bottom:7px; font-weight:700; font-size:var(--font-section-subtitle); line-height:1.3;}
.project_content .section_subtitle span {font-weight:600; font-size:var(--font-common);}
.project_content .project_box_wrap {display:-webkit-box; display:flex; padding-top:30px;}
.project_content .project_box_wrap .project_box {position:relative; width:66.7%; min-width:250px; max-width:500px; height:auto; max-height:360px;}
.project_content .project_box_wrap .project_box:not(:last-child) {margin-right:3%;}
.project_content .project_box_wrap .project_box::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px; mix-blend-mode:multiply;}
.project_content .project_box_wrap .project_box .img_wrap {overflow:hidden; border-radius:12px;}

	/* 프로젝트1 */
	.project_content_1 {padding-top: 0; background:var(--edu-common-bg);}
	.project_content_1 .section_subtitle {color:var(--edu-font-blue);}
	.project_content_1 .section_subtitle span {color:#7d889c;}
	.project_content_1 .project_box_wrap .project_box::before {box-shadow:2px 3px 20px 0px rgba(203, 203, 203, 0.74);}
	/* 프로젝트2 */
	.project_content_2 {background:#1a67de;}
	.project_content_2 .section_subtitle {color:#04f6ff;}
	.project_content_2 .section_subtitle span {color:#9ec2f9;}
	.project_content_2 .project_box_wrap .project_box::before {box-shadow:2px 3px 20px 0px rgba(21, 92, 201, 0.74);}
	/* 프로젝트3 */
	.project_content_3 {background:#f8f8f8;}
	.project_content_3 .section_subtitle {color:var(--edu-font-orange);}
	.project_content_3 .section_subtitle span {color:#9c7d7d;}
	.project_content_3 .project_box_wrap .project_box::before {box-shadow:2px 3px 20px 0px rgba(203, 203, 203, 0.74);}
	/* 프로젝트4 */
	.project_content_4 {background:#f86049;}
	.project_content_4 .section_subtitle {color:#fff;}
	.project_content_4 .section_subtitle span {color:#ffbab0;}
	.project_content_4 .project_box_wrap .project_box::before {box-shadow:3px 5px 24px 0px rgba(218, 89, 69, 0.9);}
		

	/* 교육과정 상세 - 취업&후기 */
.eduView_wrap .job_wrap {overflow-x:hidden;}
	/* 취업&후기 - 취업 잘 되는 이유 */
	.job_wrap .job_reason_wrap {position:relative; background:#fff; margin-top:50px;}
	.job_wrap .reason_box_wrap {width:100%; margin:0 auto;}
	.job_wrap .reason_box_wrap .reason_box {width:100%;}
	.job_wrap .reason_box_wrap .reason_box:not(:last-child) {padding-bottom:50px;}
	.job_wrap .reason_box_wrap .reason_box img {width:25%;}
	.job_wrap .reason_box_wrap .reason_box .content_title {padding:15px 0 8px; font-weight:700; font-size: 18px;}
	.job_wrap .reason_box_wrap .reason_box .content_title + p {line-height:1.4;}

.edu_circle1 {position:absolute; top:137px; right:0; width:22%; min-width:82px; max-width:164px;}
.edu_circle2 {position:absolute; bottom:-130px; left:-30%; width:178px; height:178px; border-radius:50%; mix-blend-mode:exclusion;
background : -moz-linear-gradient(115.58% 340.85% -68.3deg,rgba(0, 145, 255, 1) 0%,rgba(0, 140, 247, 1) 1.21%,rgba(0, 108, 190, 1) 10.27%,rgba(0, 79, 139, 1) 19.58%,rgba(0, 55, 96, 1) 28.94%,rgba(0, 35, 61, 1) 38.37%,rgba(0, 20, 34, 1) 47.88%,rgba(0, 9, 15, 1) 57.51%,rgba(0, 2, 4, 1) 67.33%,rgba(0, 0, 0, 1) 77.65%);
  background : -webkit-linear-gradient(-68.3deg, rgba(0, 145, 255, 1) 0%, rgba(0, 140, 247, 1) 1.21%, rgba(0, 108, 190, 1) 10.27%, rgba(0, 79, 139, 1) 19.58%, rgba(0, 55, 96, 1) 28.94%, rgba(0, 35, 61, 1) 38.37%, rgba(0, 20, 34, 1) 47.88%, rgba(0, 9, 15, 1) 57.51%, rgba(0, 2, 4, 1) 67.33%, rgba(0, 0, 0, 1) 77.65%);
  background : -webkit-gradient(linear,115.58% 340.85% ,141.59% 406.22% ,color-stop(0,rgba(0, 145, 255, 1) ),color-stop(0.0121,rgba(0, 140, 247, 1) ),color-stop(0.1027,rgba(0, 108, 190, 1) ),color-stop(0.1958,rgba(0, 79, 139, 1) ),color-stop(0.2894,rgba(0, 55, 96, 1) ),color-stop(0.3837,rgba(0, 35, 61, 1) ),color-stop(0.4788,rgba(0, 20, 34, 1) ),color-stop(0.5751,rgba(0, 9, 15, 1) ),color-stop(0.6733,rgba(0, 2, 4, 1) ),color-stop(0.7765,rgba(0, 0, 0, 1) ));
  background : -o-linear-gradient(-68.3deg, rgba(0, 145, 255, 1) 0%, rgba(0, 140, 247, 1) 1.21%, rgba(0, 108, 190, 1) 10.27%, rgba(0, 79, 139, 1) 19.58%, rgba(0, 55, 96, 1) 28.94%, rgba(0, 35, 61, 1) 38.37%, rgba(0, 20, 34, 1) 47.88%, rgba(0, 9, 15, 1) 57.51%, rgba(0, 2, 4, 1) 67.33%, rgba(0, 0, 0, 1) 77.65%);
  background : -ms-linear-gradient(-68.3deg, rgba(0, 145, 255, 1) 0%, rgba(0, 140, 247, 1) 1.21%, rgba(0, 108, 190, 1) 10.27%, rgba(0, 79, 139, 1) 19.58%, rgba(0, 55, 96, 1) 28.94%, rgba(0, 35, 61, 1) 38.37%, rgba(0, 20, 34, 1) 47.88%, rgba(0, 9, 15, 1) 57.51%, rgba(0, 2, 4, 1) 67.33%, rgba(0, 0, 0, 1) 77.65%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0091FF', endColorstr='#000000' ,GradientType=0)";
  background : linear-gradient(158.3deg, rgba(0, 145, 255, 1) 0%, rgba(0, 140, 247, 1) 1.21%, rgba(0, 108, 190, 1) 10.27%, rgba(0, 79, 139, 1) 19.58%, rgba(0, 55, 96, 1) 28.94%, rgba(0, 35, 61, 1) 38.37%, rgba(0, 20, 34, 1) 47.88%, rgba(0, 9, 15, 1) 57.51%, rgba(0, 2, 4, 1) 67.33%, rgba(0, 0, 0, 1) 77.65%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0091FF',endColorstr='#000000' , GradientType=1);
}
.edu_circle3 {position:absolute; bottom:-100px; left:-1%; width:38%;width:142px; height:142px; border-radius:50%; mix-blend-mode:exclusion; 
background : -moz-linear-gradient(196.54% 441.06% -90deg,rgba(5, 59, 255, 1) 0%,rgba(4, 51, 222, 1) 8.79%,rgba(3, 36, 156, 1) 28.07%,rgba(2, 23, 100, 1) 46.42%,rgba(1, 13, 57, 1) 63.28%,rgba(1, 6, 26, 1) 78.35%,rgba(0, 2, 7, 1) 91.1%,rgba(0, 0, 0, 1) 100%);
  background : -webkit-linear-gradient(-90deg, rgba(5, 59, 255, 1) 0%, rgba(4, 51, 222, 1) 8.79%, rgba(3, 36, 156, 1) 28.07%, rgba(2, 23, 100, 1) 46.42%, rgba(1, 13, 57, 1) 63.28%, rgba(1, 6, 26, 1) 78.35%, rgba(0, 2, 7, 1) 91.1%, rgba(0, 0, 0, 1) 100%);
  background : -webkit-gradient(linear,196.54% 441.06% ,196.54% 541.03% ,color-stop(0,rgba(5, 59, 255, 1) ),color-stop(0.0879,rgba(4, 51, 222, 1) ),color-stop(0.2807,rgba(3, 36, 156, 1) ),color-stop(0.4642,rgba(2, 23, 100, 1) ),color-stop(0.6328,rgba(1, 13, 57, 1) ),color-stop(0.7835,rgba(1, 6, 26, 1) ),color-stop(0.911,rgba(0, 2, 7, 1) ),color-stop(1,rgba(0, 0, 0, 1) ));
  background : -o-linear-gradient(-90deg, rgba(5, 59, 255, 1) 0%, rgba(4, 51, 222, 1) 8.79%, rgba(3, 36, 156, 1) 28.07%, rgba(2, 23, 100, 1) 46.42%, rgba(1, 13, 57, 1) 63.28%, rgba(1, 6, 26, 1) 78.35%, rgba(0, 2, 7, 1) 91.1%, rgba(0, 0, 0, 1) 100%);
  background : -ms-linear-gradient(-90deg, rgba(5, 59, 255, 1) 0%, rgba(4, 51, 222, 1) 8.79%, rgba(3, 36, 156, 1) 28.07%, rgba(2, 23, 100, 1) 46.42%, rgba(1, 13, 57, 1) 63.28%, rgba(1, 6, 26, 1) 78.35%, rgba(0, 2, 7, 1) 91.1%, rgba(0, 0, 0, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#053BFF', endColorstr='#000000' ,GradientType=0)";
  background : linear-gradient(180deg, rgba(5, 59, 255, 1) 0%, rgba(4, 51, 222, 1) 8.79%, rgba(3, 36, 156, 1) 28.07%, rgba(2, 23, 100, 1) 46.42%, rgba(1, 13, 57, 1) 63.28%, rgba(1, 6, 26, 1) 78.35%, rgba(0, 2, 7, 1) 91.1%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#053BFF',endColorstr='#000000' , GradientType=1);
}

	/*100인 이상 기업 & 취업현황*/
.curri_status_section{background-color:#fff;}
.curri_status_section h3{letter-spacing:-2px; font-size:22px;}
.curri_status_section p{padding:11px 22px; letter-spacing:-1px; font-size:16px !important;}
.curri_status_section .status_company{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap:11px;
    grid-row-gap:10px;
    }
.curri_status_section .status_company li{
    border: 1px solid #e5e8ec;}
.curri_status_section .status_company li img{width:100%;}	
	/*100인 이상 기업 & 취업현황 closed*/

	/* 취업&후기 - 후기 */
	.job_wrap .job_review_wrap {padding-bottom: 96px; background: #fff;}
	.job_review .review_box_wrap {}
	.job_review .review_box_wrap .review_box {position:relative;}
	.job_review .review_box_wrap .review_box > img {position:absolute; top:50%; left:5%; transform:translateY(-50%); width:13%; min-width:49px; max-width:98px;}
	.job_review .review_box_wrap .review_box .review_box_right {box-sizing:border-box; position:relative; width:90%; max-width:670px; min-height:134px; margin:0 auto; text-align:left; vertical-align:middle;}
	.job_review .review_box_wrap .review_box .review_box_right img {/* position:absolute; */}
	.job_review .review_box_wrap .review_box .review_box_right .review_box_inner {position:absolute; top:50%; right:5%; transform:translateY(-50%); width:70%;}
	.job_review .review_box_wrap .review_box .review_box_review {padding-bottom:14px; font-weight:500; /* font-size:var(--font-common); */}
	.job_review .review_box_wrap .review_box .review_box_review .review_emoji {font-size:12px; vertical-align:1px;}
	.job_review .review_box_wrap .review_box .review_box_currname {color:#777; font-weight:500; font-size:11px;}
	

	/* 교육과정 상세 - 디지털 트레이닝, 디지털 기초역량훈련 */

	/* 자율주행 과정만 추가 - 과정 소개 */
.kdtView_intro_section {}
.kdtView_intro_section table {border: solid #222; border-width: 1px 0; font-size: 14px;}
.kdtView_intro_section table th {width: 23%; min-width: 60px; padding: 0 6px; border-bottom: 1px solid var(--color-border-gray); background: #e3e7f0; font-weight: 500; word-break: keep-all;}
.kdtView_intro_section table td {padding: 13px 5px 13px 20px; border-bottom: 1px solid var(--color-border-gray); line-height: 1.3; text-align: left; word-break: keep-all;}
.kdtView_intro_section table td ul li::before {content: '·'; display: inline-block; padding-right: 1px; text-indent: -6px;}
.kdtView_intro_section table td ul li:not(:last-of-type) {margin-bottom: 3px;}
.kdtView_intro_section table td ul li p {margin-top: 3px; padding-left: 7px;}
/* .kdtView_intro_section table td ul li p::before {content: ''; display: inline-block; margin-right: -3px; text-indent: -6px;} */
.kdtView_intro_section table td ul li p::before {content: ''; display: inline-block; width: 4px; height: 1px; margin: 0 2px 0 -6px; background: #333; vertical-align: middle;}

.kdt_intro_img_wrap {margin-top: 40px;}


	/* MOU, KDT 자율주행 협약업체 */
.eduView_colorbox .l_card_item {color: #fff; text-align:left; word-break:keep-all;}
.eduView_colorbox .l_card_item:first-child {background: #008bf0;}
.eduView_colorbox .l_card_item:nth-child(2) {background: #00c4c4;}
.eduView_colorbox .l_card_item:nth-child(3) {background: #e93660;}
.eduView_colorbox .l_card_item:last-child {background: #3a3a45;}
.eduView_colorbox .l_card_item:first-child .img_wrap {background: #0072ea;}
.eduView_colorbox .l_card_item:nth-child(2) .img_wrap {background: #00aaaa;}
.eduView_colorbox .l_card_item:nth-child(3) .img_wrap {background: #e02548;}
.eduView_colorbox .l_card_item:last-child .img_wrap {background: #27272f;}
.eduView_colorbox .l_card_item .img_wrap {width: 100%; border-radius: 12px;}
.eduView_colorbox .l_card_item .img_wrap img {height: auto;}
.eduView_colorbox .l_card_item .content_title {color: #fff;}
	/* MOU */
.eduView_mou_section {}
.eduView_mou .l_card_item .img_wrap {display: inline-flex; height: 80px;}
.eduView_mou_section .eduView_colorbox .l_card_item > div {padding-bottom:20px;}
	/* KDT 자율주행 협약업체 */
.kdtView_collaborate_section {}
.kdtView_collaborate .l_card_item .img_wrap {position: relative; height: 65px;}
.kdtView_collaborate .l_card_item .img_wrap img {position: absolute; top: 50%; left: 4%; transform: translateY(-50%); width: 92%;}
.kdtView_collaborate_section ul {padding-left: 5px; font-size: 13px;}
.kdtView_collaborate_section ul li::before {content: '·'; display: inline-block; text-indent: -5px;}


	/* KH만의 특별한 혜택 */
.kdtView_benefit_section {}
.kdtView_benefit_section .l_card_item {border-radius: 12px; padding-left: 0; padding-right: 0;}
.kdtView_benefit_section .l_card_item .content_title {padding-top: 10px; font-size: 15px;}


/* KDT/KDC 목록 페이지 */
.eduList_wrap .l_card {}
.eduList_wrap .l_card li {height:180px; background-size:36%; background-position:right 18px bottom 18px; background-repeat:no-repeat;}
.eduList_wrap .l_card .content_title {width:65%; word-break:keep-all;}
.eduList_wrap .l_card li .content_title::before {display: block; margin-bottom: 4px; color: #666; font-size: 13px; line-height:20px;}
.eduList_wrap .l_card li .content_title::after {content:"#국비지원 전액무료"; display:block; margin-top:15px; color:var(--color-blue); font-size: 13px; line-height:22px;}

.kdtList_wrap .l_card li:nth-last-of-type(3n+3) {background-image:url("/mobile2017/resource/images/edu/kdtList_icon1.png");}
.kdtList_wrap .l_card li:nth-last-of-type(3n+2) {background-image:url("/mobile2017/resource/images/edu/kdtList_icon2.png");}
.kdtList_wrap .l_card li:nth-last-of-type(3n+1) {background-image:url("/mobile2017/resource/images/edu/kdtList_icon3.png");}
.kdtList_wrap .l_card li .content_title::before {content:"K-디지털 트레이닝";}

.kdcList_wrap {}
.kdcList_wrap .l_card li:first-of-type {background-image:url("/mobile2017/resource/images/edu/kdcList_icon1.png");}
.kdcList_wrap .l_card li:nth-of-type(2) {background-image:url("/mobile2017/resource/images/edu/kdcList_icon2.png");}
.kdcList_wrap .l_card li:nth-of-type(3) {background-image:url("/mobile2017/resource/images/edu/kdcList_icon3.png");}
.kdcList_wrap .l_card li:nth-of-type(4) {background-image:url("/mobile2017/resource/images/edu/kdcList_icon4.png");}
.kdcList_wrap .l_card li:nth-of-type(5) {background-image:url("/mobile2017/resource/images/edu/kdcList_icon5.png");}
.kdcList_wrap .l_card li .content_title::before {content:"K-디지털 기초역량훈련";}