.titWhite {color: #fff;}
.upTxtWhite {border: 1px solid #fff !important; color: #fff;}
.kdc_detail {width: 100%;  font-family: 'Noto Sans KR', sans-serif;}
.kdcCourseRoll {overflow: hidden;}
body:has(.slidewrap){border: unset;}


/* section1 *//* 동영상배너부분 */
.section1 {position: relative; background-color: #000;}
.section1 > .video {width: 100%; margin: 0 auto;}
.section1 > .video > video {width: 100%; object-fit: cover;}
.section1 > .images {width: 100%; text-align: center; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); }
.section1 > .images > img {width: 40%}


/* section2 *//* 실무능력까지 질러주는 */
/* 수정 */
.kdc_detail > .section2{padding: 50px 0 !important; background-color: #FFE100;}
.kdc_detail > .section2 > .wrap > h5 {
	display: inline-block; border: 1px solid #000; border-radius: 10px; 
	padding: 0px 15px; margin-bottom: 30px; font-weight: 400;
	font-size: 16px; height: 36px; line-height: 34px; box-sizing: border-box;
}

.se2ConWrap{
	font-family: 'Noto Sans KR';
	display: flex; flex-direction: column; 
	row-gap: 30px;
	width: 100%; max-width: 380px; 
	margin: 0 auto; margin-top: 30px;
}
.se2ConBox{
	background-color: #fff;
	border-radius: 10px;
	padding: 12px 12px 15px 12px;
	flex: 1;
	/* min-height: 245px; */
}
.se2ConTit{
	padding-bottom: 8px;
	border-bottom: 1px solid #707070;
	font-size: 18px; font-weight: 500; color: #000; text-align: left;
}
.se2ConTxtInfoG{
	display: flex; align-items: center; justify-content: space-between;
	flex-direction: column; row-gap: 40px;
}
.se2ConTxtBox{display: flex; align-items: flex-start;}
.se2ConTxtBox{margin-top: 12px;}
.se2ConTxtBox--courInfo{gap: 10px;}
.se2ConTxtBox--costInfo:first-child{margin-top: 20px; margin-bottom: 15px;}
.se2ConTxtBox--costInfo{justify-content: space-between;}
.se2ConTxt_tit{
	font-size: 12px; font-weight: 500; text-align: center; color: #fff; 
	letter-spacing: -0.5px; padding-right: 1px;
	background-color: #000; border-radius: 50px;
	width: 62px; height: 24px; line-height: 24px; 
}
.se2ConTxtBox:last-child .se2ConTxt_tit{background-color: #1894F8 !important;}
.se2ConTxt_txt{
	font-size: 14px; font-weight: 400; line-height: 20px; color: #000;
	flex: 1; text-align: left;
	/* display: flex; align-items: center; flex-wrap: wrap; */
}
.se2ConTxt_fCost{font-size: 16px; line-height: 20px; font-weight: 500; color: #999;}
.se2ConTxt_dCost{font-size: 21px; line-height: 19px; font-weight: 500; color: #000;}
.se2ConInfo{
	background-color: #1894F8; border-radius: 5px; 
	width: 100%; min-height: 32px; line-height: 18px; text-align: center;
	color: #fff; font-size: 13px; font-weight: 400; 
	padding: 10px 5px; box-sizing: border-box; word-break: keep-all;
}
/* --------------------------- */
/* 

/* ---- */
.kdc_detail > .section2 > .wrap {width: 90%; max-width: 920px; margin: 0 auto; text-align: center;}
.kdc_detail > .section2 > .wrap > h1 {font-size: 25px; font-weight: 900; line-height: 32px; padding-bottom: 20px;}


/* sidescript */
.kdc_detail >.se2_sidescript h5 {color: #fff; border: 1px solid #fff !important;}
.kdc_detail >.se2_sidescript h1 {color: #fff;}

/* dbsql */
.kdc_detail >.se2_dbsql h5 {color: #fff; border: 1px solid #fff !important;}
.kdc_detail >.se2_dbsql h1 {color: #fff;}

.kdc_detail >.se2_sidescript {background-color: #7F51DB;}
.kdc_detail >.se2_dbsql {background-color: #0049BB;}
.kdc_detail >.se2_webstyling {background-color: #FF6511;}
.kdc_detail >.se2_sketchup {background-color: #007DB3;}
.kdc_detail >.se2_webpublisher {background-color: #FF5638;}
.kdc_detail >.se2_javachallenge {background-color: #15A0C4;}
.kdc_detail >.se2_pythonchallenge {background-color: #FFC837;}
.kdc_detail >.se2_react {background-color: #0CB7E6;}
.kdc_detail >.se2_GPT {background-color: #40B898;}
.kdc_detail >.se2_openAPI {background-color: #F3E5AB;}






/* section3 *//* 본 과정을 통해 무엇을 배울 수 있을까요? */
.kdc_detail > .section3 {position: relative; width: 100%; padding-top: 80px; padding-bottom: 30px; background-color: #FEFBE1;}
.kdc_detail > .section3 > .wrap {width: 90%; max-width: 920px; margin: 0 auto; text-align: center;}
.kdc_detail > .section3 > .wrap > .title {margin-bottom:80px; text-align: center;}
.kdc_detail > .section3 > .wrap > .title > img {width: 80%; max-width: 300px;}
.kdc_detail > .section3 > .wrap > .img {width: 100%; max-width:380px; margin: 20px auto;}
.kdc_detail > .section3 > .wrap > .img > img {
	width: 100%; 
	/* box-shadow: 0 19px 38px rgba(0,0,0,20%), 0 15px 12px rgba(0,0,0,20%); */
	box-shadow:2px 2px 12px 5px rgba(0,0,0,15%);
	border-radius: 15px;}


/* section4 *//* 핸드폰사진 */
.kdc_detail > .section4 {width: 100%; padding-top: 75px; background-color: #FFE100;}
.kdc_detail > .section4 > .wrap {width: 90%; margin: 0 auto; }
.kdc_detail > .section4 > .wrap > div > img {width: 100%; margin-bottom: -1px;}

.kdc_detail > .se4_sidescript {background-color: #7F51DB;}
.kdc_detail > .se4_dbsql {background-color: #0049BB;}
.kdc_detail > .se4_webstyling {background-color: #FF6511;}
.kdc_detail > .se4_sketchup {background-color: #007DB3;}
.kdc_detail > .se4_webpublisher {background-color: #FF5638;}
.kdc_detail > .se4_javachallenge {background-color: #15A0C4;}
.kdc_detail > .se4_pythonchallenge {background-color: #FFC837;}
.kdc_detail > .se4_react {background-color: #0CB7E6;}
.kdc_detail > .se4_GPT {background-color: #40B898;}
.kdc_detail > .se4_openAPI {background-color: #F3E5AB;}


/* section5 *//* 본 과정에서는 이런 학습목표들을 얻을 수 있어요 */
.kdc_detail > .section5 {width: 100%; padding: 50px 0; background-color: #F7F8FA;}
.kdc_detail > .section5 .sec5Fimg{width: 80%; max-width: 260px;}
.kdc_detail > .section5 > .wrap {width: 90%; max-width: 850px; margin: 0 auto;  position: relative;}
.kdc_detail > .section5 > .wrap > div {text-align: center;}
.kdc_detail > .section5 > .wrap > div > .absolute {display: none;}
.kdc_detail .section5 > .wrap > div > .absolute{filter: drop-shadow(4px 5px 5px rgb(0 0 0 / 10%));}


/* section5-1 *//* GOAL */
.kdc_detail > .section5-1 {width: 100%; padding: 50px 0; background-color: #fff;}
.kdc_detail > .section5-1 > .wrap {width: 90%; max-width: 380px; margin: 0 auto;}
.kdc_detail > .section5-1 > .wrap > .goalbox {
	width: 100%; margin: 0 auto; 
	display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 30px;
}
.kdc_detail > .section5-1 > .wrap > .goalbox > .box {
	width: 100%; border-radius: 15px; 
	background-color: #fff; 
	border: 1px solid #ededed;  
	box-shadow: 2px 2px 16px 3px rgba(0,0,0,10%);}
.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .imgbox {position: relative; width: 100%; height: 198px;}
.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .imgbox > img {position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: 15px 15px 0 0;}
.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text {padding: 0px 20px; box-sizing: border-box; min-height: 120px; padding-bottom: 25px;}
.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text > h1 {
	font-size: 16px; color: #2EA2FF; font-weight: 600; padding: 10px 0 4.5px; border-bottom: 1px solid #CBCBCB;
}
.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text > p {font-size: 14px; color: #4A4A4A; font-weight: 400; padding-top: 9.5px; word-break: keep-all; line-height: 25px;}

/* secetion5-2 */
.kdc_detail .section5-2{
	width: 100%; background-color: #F7F8FA;
	padding-top: 75px; padding-bottom: 100px;  
}
.kdc_detail .section5-2 .wrap {width: 90%; max-width: 850px; margin: 0 auto;}
.kdc_detail .section5-2 .mainImgBox {
	width: 80%; max-width: 240px; text-align: center;
	margin: 0 auto; margin-bottom: 52px; 
}
.kdc_detail .section5-2 .mainImgBox img{width: 100%; object-fit: cover;}
.kdc_detail .section5-2 .contTxtImgBoxGroup{
	display: flex; flex-direction: column; gap: 50px;
	justify-content: center; align-items: flex-start; 
	margin:0 auto; width: 100%;
}
.kdc_detail .section5-2 .contTxtImgBox {width: 90%; max-width: 485px; margin: 0 auto;}
.kdc_detail .section5-2 .contImgBox {
	width: 82%; height: auto; max-height: 329px;
	border-radius: 10px; overflow: hidden;
	margin: 0 auto; margin-bottom: 15px; 
}
.kdc_detail .section5-2 .contImgBox img{width: 100%; height: 100%; object-fit: cover;}
.kdc_detail .section5-2 .contTxtBox { width: 100%; word-break: keep-all; text-align: center;} 
.kdc_detail .section5-2 .contTxtBox_h3 {
	font-size: 16px; font-weight: 600; 
	color: #000; line-height: 18px; margin-bottom: 10px;
}
.kdc_detail .section5-2 .contTxtBox_p {
	font-size: 14px; font-weight: 400; 
	color: #666; line-height: 20px;
}
.kdc_detail .section5-2 .contTxtBox_p--second span{display: inline-block; padding-left: 15px; text-indent: -15px;}


/* secton6 *//* 본 과정의 핵심 실습 프로젝트 커리큘럼 확인하기 */
.kdc_detail > .section6 {width: 100%; padding: 75px 0; background-color: #F3E5AB;}
.kdc_detail > .section6 > .wrap {width: 90%; max-width: 800px; margin: 0 auto;}
.kdc_detail > .section6 > .wrap > div {text-align: center;}
.kdc_detail > .section6 > .wrap > div > img {width: 80%; max-width: 320px; margin-bottom: 52px;}

.kdc_detail > .section6 > .wrap > .step {
	display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 25px; 
	text-align: left;
}
.kdc_detail > .section6 > .wrap > .step > .box {
	width: 100%; max-width: 380px; margin: 0 auto;  box-sizing: border-box;
	background-color: #fff; padding: 10px 15px; border-radius: 10px;
}
.kdc_detail > .section6 > .wrap > .step > .box > span {display: inline-block; width: 5px; height: 20px; background-color: #FFE100; vertical-align: sub; margin-right: 5px;}
.kdc_detail > .section6 > .wrap > .step > .box > h1 {display: inline-block; font-size: 20px; font-weight: 600;}
.kdc_detail > .section6 > .wrap > .step > .box > h2 {font-size: 16px; font-weight: 500; padding: 15px 0; border-bottom: 1px solid #CBCBCB; line-height: 22px; color: #3D3D3D;}
.kdc_detail > .section6 > .wrap > .step > .box > p {padding: 10px 0; line-height: 22px; font-size: 14px; color: #545454; word-break: keep-all;}
.kdc_detail > .section6 > .wrap > .step > .buttonbox{width: 70%; max-width: 220px; margin: 0 auto;}
.kdc_detail > .section6 > .wrap > .step > .buttonbox > a {display: block; text-align: center; width: fit-content; margin: 0 auto;}
.kdc_detail > .section6 > .wrap > .step > .buttonbox > a >img{
	width: 100%; object-fit: cover;
}

.kdc_detail > .s6_sidescript > .wrap > .step > .box > span {background-color: #4F08DC;}
.kdc_detail > .s6_dbsql > .wrap > .step > .box > span {background-color: #0049BB;}
.kdc_detail > .s6_webstyling > .wrap > .step > .box > span {background-color: #FF6511;}
.kdc_detail > .s6_skecthup > .wrap > .step > .box > span {background-color: #007DB3;}
.kdc_detail > .s6_webpublisher > .wrap > .step > .box > span {background-color: #FF5638;}
.kdc_detail > .s6_javachallenge > .wrap > .step > .box > span {background-color: #15A0C4;}
.kdc_detail > .s6_pythonchallenge > .wrap > .step > .box > span {background-color: #FFC837;}
.kdc_detail > .s6_react > .wrap > .step > .box > span {background-color: #0CB7E6;}
.kdc_detail > .s6_GPT > .wrap > .step > .box > span {background-color: #40B898;}
.kdc_detail > .s6_openAPI > .wrap > .step > .box > span {background-color: #F3E5AB;}

/* book */
.kdc_detail > .book {width: 100%; background-color: #5CB6FF;}
.kdc_detail > .book > .wrap {width: 90%; max-width: 850px; margin: 0 auto;}
.kdc_detail > .book > .wrap > div {width: 100%; text-align: center;}
.kdc_detail > .book > .wrap > div > img {width: 100%;}

/* book animation */
.pythonBookAction{animation: PBAction 1.2s infinite ease-in-out alternate ;}
@keyframes PBAction{
	0%{transform: translateY(0px);}
	100%{transform: translateY(-20px);}
}


/* section7 *//* 선물이 도착했어요 */
/* .kdc_detail > .section7 {width: 100%; padding: 20px 0; background-color: #5CB6FF;}
.kdc_detail > .section7 > .wrap {width: 90%; margin: 0 auto;}
.kdc_detail > .section7 > .wrap > div {width: 100%; text-align: center;}
.kdc_detail > .section7 > .wrap > .title {padding: 30px 0;}
.kdc_detail > .section7 > .wrap > .title > img {width: 60%;}
.kdc_detail > .section7 > .wrap > .giftimg {padding-bottom: 30px;}
.kdc_detail > .section7 > .wrap > .giftimg > img {width: 100%;} */

/* section8 *//* 강사소개 */
.kdc_detail > .section8 {
	width: 100%; background-color: #F7F8FA; background-image: url(../index/img/course/section8_img1.png); background-image: none; background-position: center;
	display: flex; align-items: center; justify-content: center;
}
.kdc_detail > .section8 > .wrap {
	width: 90%; max-width: 700px;
	--sec8wrap_rightMar: calc(calc(100vw - 1020px) / 2);
	padding: 36px 0;
}
.kdc_detail > .section8 > .wrap > .box1 {display: none;}
.kdc_detail > .section8 > .wrap > .box2 {width: 100%;}
.kdc_detail > .section8 > .wrap > .box2 > div {background-color: #fff; padding: 15px 25px 15px 25px; box-sizing: border-box; border-radius: 15px; box-shadow:2px 2px 16px 3px rgba(0,0,0,10%); min-height: 200px;}

.kdc_detail > .section8 > .wrap > .box2 > div > h1 {font-size: 16px; font-weight: 900;padding: 10px 0;}
.kdc_detail > .section8 > .wrap > .box2 > div > h2 {font-size: 15px; font-weight: 500; color: #656565; margin-bottom: 15px;}
.kdc_detail > .section8 > .wrap > .box2 > div > h2:last-child{margin-bottom: unset;}
.kdc_detail > .section8 > .wrap > .box2 > div > p {font-size: 14px; font-weight: 400; color: #656565; padding: 10px 0; line-height: 1.5;}
.kdc_detail > .section8 > .wrap > .box2 > div > h4 {font-size: 16px; font-weight: 500; color: #656565; padding-bottom: 20px; line-height: 1.5;}
.kdc_detail > .section8 > .wrap > .box2 > div > h5 {font-size: 18px; font-weight: 900; color: #000;}

/* section9 *//* 슬랙설명 */
.kdc_detail > .section9 {width: 100%; padding: 60px 0; text-align: center; background-color: #F4EDE3;}
.kdc_detail > .section9 > .wrap {width: 90%; max-width: 920px; margin: 0 auto;}
.kdc_detail > .section9 > .wrap > img {width: 80%; max-width: 420px;}
.kdc_detail > .section9 > .wrap > p {font-size: 15px; font-weight: 500; padding-top: 20px; padding-bottom: 40px; line-height: 22px;}
.kdc_detail > .section9 > .wrap > .slackimg {width: 100%; max-width: 600px;}
.kdc_detail > .section9 > .wrap > .title2 {width: 90%; max-width: 440px; padding: 30px 0;}
.kdc_detail > .section9 > .wrap > h5 {width: 100%; max-width: 500px; margin: 0 auto; display: flex; align-items: center; padding: 10px 10px; margin-top: 20px; background-color: #fff; border-radius: 50px; box-sizing: border-box;}
.kdc_detail > .section9 > .wrap > h5 > div {width: 10%;}
.kdc_detail > .section9 > .wrap > h5 > div > img {width: 50%;}
.kdc_detail > .section9 > .wrap > h5 > span {width: 90%; font-size: 14px; font-weight: 400; line-height: 18px; text-align: left;}
.kdc_detail > .section9 > .wrap > h5 > span > .bold {font-size: 14px; font-weight: 500;}
.kdc_detail > .section9 > .wrap > h4 {padding-top: 50px; font-size: 14px; color: #6E6E6E; line-height: 21px; letter-spacing: 0.1px; font-weight: 400; word-spacing: 0.1px;}

/* section10 *//* 그린의 K-디지털 기초역량훈련을 이수한다면? */
.kdc_detail > .section10 {position: relative; width: 100%; padding: 75px 0; background-color: #1894F8; text-align: center; line-height: 1.5;}
.kdc_detail > .section10 > .wrap {width: 90%; max-width: 800px; margin: 0 auto;}
.kdc_detail > .section10 > .wrap > h1 {color: #fff; font-size: 20px; font-weight: 700;  padding-bottom: 50px;}
.kdc_detail > .section10 > .wrap > .contain {
	width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 50% 50%; 
	gap: 8px;
	align-items: center; justify-content: space-between; 
	margin:0 auto; margin-top: 52px;
}
.kdc_detail > .section10 > .wrap > .contaifn > .box {
	background-color: #fff; padding: 0 7px 12px 7px; box-sizing: border-box;
	height: 100%;  border-radius: 10px; 
	box-shadow: 2px 2px 16px 3px rgba(0,0,0,10%);
}
.kdc_detail > .section10 > .wrap > .contain > .box{
	background-color: #fff;
	padding: 0 7px 15px 7px;
	box-sizing: border-box;
	height: 100%;
	border-radius: 10px;
	box-shadow: 2px 2px 16px 3px rgba(0, 0, 0, 10%);
}
.kdc_detail > .section10 > .wrap > .contain > .box > div {
	width: 50%; max-width: 120px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px;
	display: flex; align-items: center; justify-content: center;
}
.kdc_detail > .section10 > .wrap > .contain > .box > div > img {width: 100%;}
.kdc_detail > .section10 > .wrap > .contain > .box > h4 {
	font-size: 14px; line-height: 18px; word-break: keep-all;
	line-height: normal; min-height: auto; font-weight: 400;
	padding: 10px 0;
	border-top: 1px solid #CBCBCB;
}
.kdc_detail > .section10 > .wrap > .contain > .box > h5 {font-size: 13px; color: #6E6E6E; font-weight: 400; letter-spacing: -0.5px; word-break: keep-all; line-height: 16px;}
.kdc_detail > .section10 .sec10TitImg {max-width: 440px; margin: 0 auto;}
.kdc_detail > .section10 .sec10TitImg img{width: 100%; object-fit: cover;}

/* section11 *//* 수강신청 어떻게 하면 될까요? */
.kdc_detail > .section11 {width: 100%; padding-top: 100px; padding-bottom: 60px; text-align: center; background-color: #FEFBE1;}
.kdc_detail > .section11 > .wrap {width: 90%; max-width: 800px; margin: 0 auto;}
.kdc_detail > .section11 > .wrap > .title {margin-bottom: 50px;}
.kdc_detail > .section11 > .wrap > .title > img {width: 80%; max-width: 440px;}
.kdc_detail > .section11 > .wrap > div {width: 100%; margin: 0 auto;}
.kdc_detail > .section11 > .wrap > div > img {width: 100%;}


/* section12 *//* 잠깐!! 내일배움카드에 단 100원이라도 남아있다면? */
.kdc_detail > .section12 {width: 100%; padding: 40px 0 0; text-align: center; background-color: #F7F8FA; line-height: 1.5;}
.kdc_detail > .section12 > .wrap {width: 100%; max-width: 1920px; margin: 0 auto;}
.kdc_detail > .section12 > .wrap > .sec12_titImg{max-width: 500px;}
.kdc_detail > .section12 > .wrap > div {width: 100%; margin: 0 auto; padding: 10px 0;}
.kdc_detail > .section12 > .wrap > div > img {width: 90%;}
.kdc_detail > .section12 > .wrap > p {font-size: 14px; line-height: 22px; font-weight: 500; color:#6B6B6B;}

.kdc_detail > .section12 > .wrap > .contain {width: 100%; margin: 0 auto; padding: unset; padding-bottom:40px; }

/* swiper-slide 박스 width 사이즈 확인!*/
.kdc_detail > .section12 > .wrap > .contain > div > .box { border-radius: 15px; margin: 20px 0; background-color: #fff; border: 1px solid #ededed;  box-shadow: 0 19px 38px rgba(0,0,0,0.1), 0 15px 12px rgba(0,0,0,0.1);}

.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .imgbox {position: relative; width: 100%; border-radius: 15px 15px 0 0;}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .imgbox > img {width: 100%; object-fit: cover; border-radius: 15px 15px 0 0;}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text {padding: 0px 10px; box-sizing: border-box; text-align: left; line-height: 1.5;}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > h4 {display: inline-block; color: #fff; background:linear-gradient(to right, #8655e2, #4272DF); border-radius: 5px; padding: 3px 10px; font-weight: 500; text-align: center; font-size: 13px; margin: 5px 0 7px;}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > h3 {    overflow: hidden;	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.4em; height: 3em; font-size: 14px; font-weight: 400; border-bottom: 2px solid #CBCBCB;
	color: #333;
}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > h5 {font-size: 16px; color: #828282; text-align: right; margin-top: 7px; margin-bottom: 3px;}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > div {display: flex; justify-content: right; align-items: center; margin-bottom: 10px; column-gap: 8px;}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > div > h5 {font-size: 16px; font-weight: 500; color: #2EA2FF; margin-top: 1px;}
.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > div > h4 {font-size: 18px; font-weight: 500; color: #000;}


/* section13 *//* 자주묻는 질문 FAQ */

.kdc_detail > .section13 {width: 100%; padding-top: 50px; padding-bottom: 150px; text-align: left; background-color: #282828; color: #fff; line-height: 1.5;}
.kdc_detail > .section13 > .wrap {width: 90%; margin: 0 auto;}
.kdc_detail > .section13 > .wrap > h1 {text-align: center; font-size: 25px; line-height: 1.5; padding: 20px 0; font-weight: bold;}
.kdc_detail > .section13 > .wrap > h2 {font-size: 20px; padding-top: 15px; font-weight: bold;}
.kdc_detail > .section13 > .wrap > .bottom {margin-top: 50px;}
.que {position: relative; padding: 17px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #dddddd;}
.que > span {font-size: 16px;}
.anw {
display: none; overflow: hidden;
font-size: 14px; background-color: #444; padding: 20px 10px;
}
.anw > span {font-size: 16px;}
.arrow-wrap {position: absolute; top:50%; right: 10px; transform: translate(0, -50%);}
.que .arrow-top {display: none;}
.que .arrow-bottom {display: block;}
.que.on .arrow-bottom {display: none;}
.que.on .arrow-top {display: block;}

/* section14 *//* 하단동영상부분 */
.section14 {width: 100%; background-color:#000;}
.section14 > .wrap {width: 95%; margin: 0 auto;}
.section14 > .wrap > .video {width: 100%; margin: 0 auto;}
.section14 > .wrap > .video > video {width: 100%;}
.section14 > .wrap > .img {width: 100%; padding: 50px 0 100px; margin: 0 auto;}
.section14 > .wrap > .img > img {width: 100%; margin: 0 auto;}

.section14 > .wrap > .grayline > p {width: 80%; margin: 0 auto; height: 2px; background-color: #AFAFAF;}

.inquSubmBox_stDyTxt{
	font-size: 17px; font-weight: 500;
	margin-right: 10px; display: none; white-space: nowrap; 
}
/* 변경 */
.inquSubmBox--ch{
	right: unset !important;
	bottom: 1%; left: 50%; transform: translateX(-50%);
	background-color: #FFFFFF;
	box-shadow: 0px 3px 18px 2px rgb(0 0 0 / 21%);  border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 15px;
	width: 78%; max-width: 300px;
	padding: 12px 15px;
	margin: 0 auto;
}
.inquSubmBox--ch .submBtn,
.inquSubmBox--ch .inquBtn{
	width: 50% !important; height: 36px !important; line-height: 36px;
	box-shadow: unset !important; border-radius: 7px !important;
	font-size: 13px !important;
}
.inquSubmBox--ch .submBtn{
	border: 1px solid #0f7de5 !important;
	margin-bottom: unset !important;
}
.inquSubmBox--ch .inquBtn{
	border: 1px solid #d1d1d1 !important;
}
/* -- */


.inquSubmBox{
	position: fixed; z-index: 100;	right: 2%; bottom: 2%;
}
.submBtn, .inquBtn {
	border-radius: 4px;
	font-size: 13px; font-weight: 500;
	width: 72px; height: 34px;
	display: flex; align-items: center; justify-content: center;
	letter-spacing: 0.6px; padding-left:2px; box-sizing: border-box;
	box-shadow: 1px 3px 4px 0px rgb(0 0 0 / 42%);
}
.submBtn {
	border: 1px solid #1283ee; background-color: #2f90ec;	color: #fff; margin-bottom: 5px;
}
.submBtn:hover{background-color: #429cf0;}
.inquBtn{
	color: #333;
	background-color: #F7F8FA;
	border: 1px solid #dedede;
}
.inquBtn:hover{background-color: #f1f3f7; border: 1px solid #d6d6d6;}


@media all and (min-width:480px) {
	/* section4 */
	.kdc_detail > .section4 > .wrap {width: 80%; max-width: 500px;}

	.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text > h1{font-size: 18px;}

	/* section5-2 */
	.kdc_detail .section5-2 .contTxtImgBox {width: 75%;}
	.kdc_detail .section5-2 .contImgBox{width: 85%; border-radius: 14px;}

	/* section6 */
	.kdc_detail > .section6 > .wrap > .step > .box > h2{line-height: 24px;}

	/* section9 */
	.kdc_detail > .section9 > .wrap > h5{border-radius: 50px;}
	.kdc_detail > .section9 > .wrap > h5 > div > img{width: 45%;}

	/* section10 */
	.kdc_detail > .section10 > .wrap > .contain{gap: 15px; max-width: 550px;}
	.kdc_detail > .section10 > .wrap > .contain > .box{padding: 0 10px 15px 10px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > h5{line-height: 18px;}


	/* 수정2 */
	.se2ConBox{padding: 15px 18px 18px 18px;}
	.se2ConTxt_tit{font-size: 13px; width: 64px;}
	.se2ConTxt_txt{display: flex;	align-items: center; flex-wrap: wrap;}
	.se2ConTxtBox--courInfo{gap: 12px;}
}

@media all and (min-width:640px) {
	.kdc_detail > .section2 > .wrap > h1 {font-size: 34px; line-height: 46px;}
	.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text > p{font-size: 15px;}
	
	/* section5-2 */
	.kdc_detail .section5-2 .contTxtImgBox{width: 60%;}
	.kdc_detail .section5-2 .contImgBox{border-radius: 16px;}
	.kdc_detail .section5-2 .contTxtBox_h3{font-size: 16px; line-height: 22px;}

	/* section6 */
	.kdc_detail > .section6 > .wrap > .step > .box > p{font-size: 15px; line-height: 24px;}

	/* section9 */
	.kdc_detail > .section9 > .wrap > p,
	.kdc_detail > .section12 > .wrap > p{font-size: 17px; line-height: 25px;}

	/* section10 */
	.kdc_detail > .section10 > .wrap > .contain{gap: 20px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > div{max-width: 140px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > h4{font-size: 16px; font-weight: 500; line-height: 26px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > h5{font-size: 15px; line-height: 22px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > h5 > span{display: block;}

	/* 수정2 */
	.se2ConBox{padding: 18px 22px 22px 22px;}
	.se2ConTit{font-size: 20px; padding-bottom: 12px;}
	.se2ConTxt_tit{font-size: 14px; width: 74px; height: 25px; line-height: 25px; letter-spacing: unset; padding-right: unset;}
	.se2ConTxt_txt{font-size: 15px; line-height: 23px; font-weight: 500; margin-top: 2px;}
	.se2ConTxtBox--costInfo .se2ConTxt_txt{margin-top: unset; line-height: 15px;}
	.se2ConTxtBox--costInfo:first-child{margin-bottom: 25px;}
	.se2ConTxtInfoG{row-gap: 45px;}
	.se2ConInfo{font-size: 14px; font-weight: 500; padding: 12px 5px; border-radius: 8px;} 
	.se2ConTxt_fCost{font-size: 20px; line-height: 15px;}
	.se2ConTxt_dCost{font-size: 24px;}

	/* 변경 */
	.inquSubmBox--ch{
		padding: 14px 18px; border-radius: 10px !important;
	}
	.inquSubmBox--ch .submBtn, .inquSubmBox--ch .inquBtn{
		font-size: 15px !important;
		height: 40px !important; line-height: 40px;
	}
}

@media all and (min-width:768px) {

	/* section2 *//* 실무능력까지 질러주는 */

	/* 수정 */
	.kdc_detail > .section2 > .wrap > h5{margin-bottom: 40px; font-size: 20px; padding: 0px 16px;	border-radius: 13px; height: 45px; line-height: 44px;}

	.kdc_detail > .section2 > .wrap {width: 100%;}
	.kdc_detail > .section2 > .wrap > h1 {font-size: 36px; line-height: 50px;}

	/* section3 *//* 본 과정을 통해 무엇을 배울 수 있을까요? */
	.kdc_detail > .section3 > .wrap {width: 100%; text-align: center;}
	.kdc_detail > .section3 > .wrap > .title > img {width: 43%;}

	/* section4 *//* 핸드폰사진 */
	.kdc_detail > .section4 > .wrap {width: 80%; max-width: 700px;}

	/* section5 *//* 본 과정에서는 이런 학습목표들을 얻을 수 있어요 */
	.kdc_detail > .section5 > .wrap {width: 100%;}
	.kdc_detail > .section5 > .wrap > div {width: 90%; margin: 0 auto; text-align: left;}
	.kdc_detail > .section5 > .wrap > div > img {width: auto; z-index: 10;}
	.kdc_detail > .section5 > .wrap > div > .absolute {display: block; position: absolute; right: 3%; width: 40%; top: -50px;}
	

	/* section5-1 *//* GOAL */
	.kdc_detail > .section5-1 > .wrap {max-width: 800px;}
	.kdc_detail > .section5-1 > .wrap > .goalbox {
		grid-template-columns: repeat(2, 1fr); row-gap: 40px; column-gap: 40px;}
	.kdc_detail > .section5-1 > .wrap > .goalbox > .box {width: auto;}

	/* section5-2 */
	.kdc_detail .section5-2 .contTxtImgBoxGroup{flex-direction: row; gap: 40px;}
	.kdc_detail .section5-2 .contTxtImgBox {width: calc(50% - 17px); margin:unset;}
	.kdc_detail .section5-2 .contTxtBox{text-align: left;}
	.kdc_detail .section5-2 .contTxtBox_h3{font-size: 18px;}
	.kdc_detail .section5-2 .contImgBox{width: 100%; height: 205px;}
	.kdc_detail .section5-2 .mainImgBox{max-width: 280px;}


	/* end */

	/* secton6 *//* 본 과정의 핵심 실습 프로젝트 커리큘럼 확인하기 */
	.kdc_detail > .section6 > .wrap > div > img{max-width: 400px;}
	.kdc_detail > .section6 > .wrap > .step {
		width: 100%; grid-template-columns: repeat(2, 1fr); row-gap: 40px; column-gap: 40px;
	}
	.kdc_detail > .section6 > .wrap > .step > .box {max-width: unset; height: 320px; padding: 20px; box-sizing: border-box;}
	.kdc_detail > .section6 > .wrap > .step > .sketchupbox {height: 350px !important;}
	.kdc_detail > .section6  > .wrap > .step > .box > span{height: 26px;}
	.kdc_detail > .section6 > .wrap > .step > .box > h1 {font-size: 25px;}
	.kdc_detail > .section6 > .wrap > .step > .box > h2 {font-size: 18px; padding-bottom: 15px; line-height: 26px;}
	.kdc_detail > .section6 > .wrap > .step > .box > p {font-size: 16px; line-height: 26px; padding: 15px 0;}

	/* book */

	.kdc_detail > .book > .wrap {width: 100%;}
	.kdc_detail > .book > .wrap > div > img {width: auto;}
	.kdc_detail > .book > .wrap > div > img.pythonBookAction{width:100%;}

	/* section9 *//* 슬랙설명 */
	.kdc_detail > .section9 > .wrap {width: 100%;}
	.kdc_detail > .section9 > .wrap > p {font-size: 20px; line-height: 30px;}
	.kdc_detail > .section9 > .wrap > img {width: auto;}
	/* .kdc_detail > .section9 > .wrap > .slackimg {width: auto;} */
	.kdc_detail > .section9 > .wrap > .title2 {width: auto; padding: 50px 0;}
	.kdc_detail > .section9 > .wrap > h5 {align-items: center; width: 80%; max-width: 700px;  margin: 20px auto; padding: 18px 25px;}
	.kdc_detail > .section9 > .wrap > h5 > div {width: 13%;}
	.kdc_detail > .section9 > .wrap > h5 > div > img{width: 35%;}
	/* .kdc_detail > .section9 > .wrap > h5 > div > img {width: auto;} */
	.kdc_detail > .section9 > .wrap > h5 > span {font-size: 18px; line-height: 23px; width: 87%;}
	.kdc_detail > .section9 > .wrap > h4 {width: 75%; margin: 0 auto; font-size: 18px; line-height: 26px;}
	.kdc_detail > .section9 > .wrap > h5 > span > .bold {font-size: 18px;}

	/* section10 *//* 그린의 K-디지털 기초역량훈련을 이수한다면? */

	.kdc_detail > .section10 > .wrap > h1 {font-size: 40px; margin-top: 40px; margin-bottom: 30px;}
	.kdc_detail > .section10 .sec10TitImg{max-width: 500px;}
	.kdc_detail > .section10 > .wrap > .contain{max-width: 800px; grid-template-rows: unset; gap: 40px;}
	.kdc_detail > .section10 > .wrap > .contain > .box {height: fit-content; padding: 0px 25px 32px 25px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > div{width: 50%; max-width: 180px; margin-top: 10px; margin-bottom: 10px;}
	/* .kdc_detail > .section10 > .wrap > .contain > .box > div > img {width: auto;} */
	.kdc_detail > .section10 > .wrap > .contain > .box > h4 {font-size: 18px; line-height: 26px;  padding-top: 25px; padding-bottom: 15px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > h5 {font-size: 16px; letter-spacing: unset; line-height:24px;}


	/* section11 *//* 수강신청 어떻게 하면 될까요? */
	.kdc_detail > .section11 > .wrap > div{max-width: unset;}
	.kdc_detail > .section11 > .wrap > .title > img {width: 60%;}
	/* .kdc_detail > .section11 > .wrap > div {width: 80%;} */


	/* section12 *//* 잠깐!! 내일배움카드에 단 100원이라도 남아있다면? */
	.kdc_detail > .section12 > .wrap > div {}
	/* .kdc_detail > .section12 > .wrap > div > img {width: auto;} */
	.kdc_detail > .section12 > .wrap > p {font-size: 20px; line-height: 30px; padding: 10px 0;}
	.kdc_detail > .section12 > .wrap > div > img {width: 100%;}
	.kdc_detail > .section12 > .wrap > .contain > div > .box {margin: 50px 10px;}
	.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > h4 {
		font-size: 15px; padding: 4px 10px;
	}
	.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > h3 {
		font-size: 15px; height: 3.1em;
	}


	/* section13 *//* 자주묻는 질문 FAQ */
	.kdc_detail > .section13 > .wrap > h1 {font-size: 40px; padding-bottom: 50px;}
	.kdc_detail > .section13 > .wrap > h2 {font-size: 30px; padding-bottom: 10px;}
	.kdc_detail .que > span {font-size: 25px;}
	.kdc_detail .anw > span {font-size: 18px;}

	/* section14 *//* 하단동영상부분 */
	.section14 > .imgwrap {width: 100%;}
	.section14 > .wrap > .img {text-align: center;}
	
	.inquSubmBox_stDyTxt{display: block;}
	/* 변경 */
	.inquSubmBox--ch{
		max-width:unset; width: fit-content;
		padding: 15px 20px; border-radius: 12px; column-gap: 18px !important;
	}
	.inquSubmBox--ch .submBtn,
	.inquSubmBox--ch .inquBtn{
		width: 160px !important; height: 42px !important; line-height: 42px;
		font-size: 16px  !important; border-radius: 8px !important;}
	.submBtn, .inquBtn{width: 80px; height: 36px;}
	/* -- */
}

@media all and (min-width:840px){
	.se2ConWrap{width: 95%; flex-direction: row; max-width: unset; column-gap: 25px;}
	.se2ConTxtInfoG{height: calc(100% - 42px);}
	.se2ConTxtBox--costInfo:first-child{margin-bottom: 35px;}
	/* ------------ */

	/* section5-2 */
	.kdc_detail .section5-2 .contTxtImgBoxGroup{gap: 50px;}
	.kdc_detail .section5-2 .contTxtImgBox{width: calc(50% - 23px);}
	.kdc_detail .section5-2 .contImgBox{height: 220px;}

	.kdc_detail > .section10 > .wrap > .contain > .box > h4{font-weight: 600;}
	.kdc_detail > .section10 > .wrap > .contain > .box > h5{font-weight:500;}
}

@media all and (min-width:960px){
	/* section2 */

	/* 수정2 */
	.se2ConBox{padding: 25px; border-radius: 15px;}
	.se2ConTit{font-size: 22px;}
	.se2ConTxt_tit{font-size: 14px; width: 78px; height: 27px; line-height: 27px; }
	.se2ConTxtInfoG{height: calc(100% - 46px);}
	.se2ConTxt_txt{font-size: 16px; line-height: 25px;}
	.se2ConTxt_fCost{font-size: 22px;}
	.se2ConTxt_dCost{font-size: 28px;}
	.se2ConInfo{font-size: 15px; padding: 19px 5px; border-radius: 10px;}

	/* ------------ */
	
	/* section5-2 */
	/* .kdc_detail .section5-2 .contTxtImgBoxGroup{width: 80%;} */
	.kdc_detail .section5-2 .contTxtImgBox{width: calc(50% - 25px);}
	.kdc_detail .section5-2 .contImgBox{height: 230px;}
	/* .kdc_detail .section5-2 .contTxtBox_h3{font-size: 20px;} */
	.kdc_detail .section5-2 .contTxtBox_p{font-size: 15px; line-height: 21px;}

	.kdc_detail > .section12 > .wrap > .sec12_titImg{max-width: 550px;}
}

@media all and (min-width:1080px) {

	/* 수정2 */
	.se2ConWrap{width: 100%; column-gap: 50px;}
	.se2ConBox{padding: 30px;}
	.se2ConTit{font-size: 22px; line-height: 28px; padding-bottom: 12px;}
	.se2ConTxt_tit{width: 85px; height: 30px; line-height: 29px;}
	.se2ConTxtInfoG{height: calc(100% - 41px);}
	/* .se2ConTxt_txt{font-size: 18px; line-height: 28px;} */
	.se2ConInfo{font-size: 16px; height: 60px; line-height: 60px; padding: unset; letter-spacing: -0.5px;}
	.se2ConTxt_fCost{font-size: 24px; line-height: 20px;}
	.se2ConTxt_dCost{font-size: 30px; line-height: 23px;}

	/* ------ */

	.kdc_detail > .section2 > .wrap > h1 {font-size: 38px; line-height: 52px;}
	.kdc_detail > .section3 {height: 1280px;}
	.kdc_detail > .section3 > .wrap > .title {margin-bottom: 100px;}
	.kdc_detail > .section3 > .wrap > .title > img{max-width: 400px;}
	.kdc_detail > .section3 > .wrap > .img {position: relative; max-width: unset;}
	.kdc_detail > .section3 > .wrap > .img1 {position: relative;}
	.kdc_detail > .section3 > .wrap > .img2 {position: relative; margin-top: 40%;}
	.kdc_detail > .section3 > .wrap > .img3 {position: relative; margin-top: 70%;}
	.kdc_detail > .section3 > .wrap > .img1 > img {position: absolute; top: 0; left: 13%; margin: 0 auto; z-index: 10; width: 40%;}
	.kdc_detail > .section3 > .wrap > .img2 > img {position: absolute; top: 50%;  right: 10%; margin: 0 auto; z-index: 9; width: 40%;}
	.kdc_detail > .section3 > .wrap > .img3 > img {position: absolute; top: 0; left: 13%; margin: 0 auto; z-index: 8; width: 40%;}

	.kdc_detail > .section4 {padding-top: 100px;}
	/* .kdc_detail > .section4 > .wrap > div > img {width: auto;} */
	.kdc_detail > .se4_javachallenge > .wrap > div {margin-bottom: 0px;}
	.kdc_detail > .se4_pythonchallenge > .wrap > div {margin-bottom: 0px;}

	.kdc_detail > .section5 .sec5Fimg{max-width: unset;}
	.kdc_detail > .section5 > .wrap > div{width: 100%;}
	.kdc_detail > .section5 > .wrap > div > .absolute {width: 45%; top: -26%; right: 0;}

	
	.kdc_detail > .section5-1 {padding-top: 150px; padding-bottom: 100px;}
	.kdc_detail > .section5-1 > .wrap > .goalbox {row-gap: 50px; column-gap: 50px;}
	.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .imgbox{height: 260px;}
	.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text{height:calc(100% - 260px); min-height: 150px; padding-bottom: 30px;}
	.kdc_detail > .section5-1 > .wrap {width: 100%;}
	.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text > h1 {
		font-size: 22px; line-height: 34px; padding-top: 15px; padding-bottom: 5.5px;
	}
	.kdc_detail > .section5-1 > .wrap > .goalbox > .box > .text > p {font-size: 16px; line-height: 30px; }

	/* section5-2 */
	.kdc_detail .section5-2{padding-top: 100px;}
	.kdc_detail .section5-2 .wrap {width: 100%;}
	.kdc_detail .section5-2 .mainImgBox {width:100%; max-width:320px;}
	/* .kdc_detail .section5-2 .contTxtImgBoxGroup{width:100%;} */
	.kdc_detail .section5-2 .contImgBox {height: 271px; border-radius: 20px;}
	/* .kdc_detail .section5-2 .contTxtBox_h3 {font-size: 26px; line-height: 35px;} */
	.kdc_detail .section5-2 .contTxtBox_p {font-size: 16px; line-height: 22px;}
/* end */

	/* .kdc_detail > .section6 > .wrap > div > img {max-width: 420px;} */
	.kdc_detail > .section6 > .wrap > .step{row-gap: 50px; column-gap: 50px; max-width: unset;}
	.kdc_detail > .section6 > .wrap > .step > .box{
		max-width: unset;
		/* height: 480px !important; */
	} 
	.kdc_detail > .section6 > .wrap > .step > .box > h1{font-size:28px;}
	.kdc_detail > .section6 > .wrap > .step > .box > h2{font-size: 20px; line-height: 28px;}
	/* .kdc_detail > .section6 > .wrap > .step > .box > p{font-size: 20px; line-height: 30px;} */
	.kdc_detail > .section6 > .wrap > .step > .box > p{line-height: 28px;}
	.kdc_detail > .section6 > .wrap > .step > .box > span {width: 7px; height: 28px;}
	.kdc_detail > .section6 > .wrap > .step > .buttonbox{max-width: 250px;}
	/* .kdc_detail > .section7 > .wrap > .title {padding: 35px 0; margin-bottom: 30px;}
	.kdc_detail > .section7 > .wrap > .giftimg > img {width: 80%;} */

	.kdc_detail > .section8 > .wrap > .box2 > div > h1,
	.kdc_detail > .section8 > .wrap > .box2 > div > h2{font-size: 18px;}
	.kdc_detail > .section8 > .wrap > .box2 > div > p{font-size: 16px;}


	.kdc_detail > .section9 > .wrap >.wrap > .slackimg {width: auto;}

	/* section10 */
	.kdc_detail > .section10 > .wrap > .contain{gap: 55px; max-width: unset;}
	.kdc_detail > .section10 > .wrap > .contain > .box > div{margin-top: 15px; margin-bottom: 15px;}
	/* .kdc_detail > .section10 > .wrap > .contain > .box > div{max-width: unset; margin-top: unset; margin-bottom: unset;} */
	.kdc_detail > .section10 > .wrap > .contain > .box > h4{font-size:20px; line-height: 30px;}

	/* section11 */
	/* .kdc_detail > .section11 > .wrap > div{max-width: 850px;} */
	.kdc_detail > .section11 > .wrap > .title > img {width: auto;}
	/* .kdc_detail > .section11 > .wrap > div > img {width: auto;} */

	/* section13 */
	.kdc_detail > .section13 > .wrap {width: 100%; max-width: 900px; margin: 0 auto;}

	/* section14 */
	.section14 > .wrap > .img > img {width: auto;}
	.section14 > .wrap > .grayline > p {max-width: 1080px;}

	/* .inquSubmBox--ch .submBtn, .inquSubmBox--ch .inquBtn{font-size: ;} */

	.submBtn, .inquBtn {
		font-size: 14px; font-weight: 500;
		width: 90px; height: 38px; bottom: 2.5%;
	}
}

@media all and (min-width:1240px) {
	/* section2 */
	.se2ConTit{font-weight: 600;}
	/* section5-2 */
	.kdc_detail .section5-2 .contTxtImgBox {width: calc(50% - 20px);}
	.kdc_detail .section5-2 .contImgBox {height: 298px;}

	/* 변경 */
	.inquSubmBox--ch{
		border-radius: 15px;
		column-gap: 20px;
		width: fit-content;
		padding: 14px 25px;
		right: unset !important; column-gap: 20px;
	}

	.inquSubmBox--ch .submBtn,
	.inquSubmBox--ch .inquBtn{
		width: 170px !important; height: 46px !important; line-height: 46px;
		border-radius: 10px !important;
		font-size: 17px !important;
	}
	/* -- */


	.inquSubmBox{right: 1%; font-size: 14px;}
	.submBtn, .inquBtn{width: 100px; height: 40px; box-shadow: 1px 2px 3px 0px rgb(0 0 0 / 43%);}
	.submBtn{margin-bottom: 7px;}
}

@media all and (min-width:1300px) {	.kdc_detail > .section12 > .wrap{width: 90%;}}
@media all and (min-width:1328px) {
	.kdc_detail > .section8{display: block;}
	.kdc_detail > .section8 > .wrap {
		width: calc(100% - var(--sec8wrap_rightMar)); max-width: unset;
		display: flex; align-items: center; justify-content: space-between;
		column-gap: 50px;
	}
	.kdc_detail > .section8 > .wrap > .box1 {
		display: block; 
		flex: 1; width: auto;
		border-radius: 0 20px 20px 0; overflow: hidden;
	}
	.kdc_detail > .section8 > .wrap > .box2 {width: 76%; max-width: 767px;}
	.kdc_detail > .section8 > .wrap > .box2 > div {border-radius: 20px; padding: 24px 40px 15px 40px;}
	.kdc_detail > .section8 > .wrap > .box1 > .img > img {width: 100%; height: 100%; object-fit: cover;}
}

@media all and (min-width:1400px) {
	/* section3 */
	.kdc_detail > .section3 > .wrap > .title > img{max-width: unset;}

	/* section4 */
	.kdc_detail > .section4 > .wrap{max-width: 800px;}

	/* section5 */
	.kdc_detail > .section5 > .wrap > div > .absolute{width:48%;}

	/* section5-2 */
	/* .kdc_detail .section5-2 .contTxtBox_h3 {font-size: 28px;} */
	.kdc_detail .section5-2 .contImgBox {height: auto;}
	/* end */

	/* section6 */
	.kdc_detail > .section6{padding: 100px 0;}
	.kdc_detail > .section6 > .wrap > div > img{max-width: 450px;}

	/* section10 */
	.kdc_detail > .section10{padding: 100px 0 ;}
	.kdc_detail > .section10 .sec10TitImg {max-width: 550px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > div{width: 45%; height: 235px;}

	.kdc_detail > .section12 > .wrap > .contain > div > .box > a > .text > h3 {font-size: 16px;}
}
@media all and (min-width:1600px) {
	.section1 > .video {height: calc(100vh - 162px);}
	.section1 > .video > video {height: 100%;}
	.kdc_detail > .section4 > .wrap,
	.kdc_detail > .section5-1 > .wrap,
	.kdc_detail > .section6 > .wrap,
	.kdc_detail > .section10 > .wrap,
	.kdc_detail > .section11 > .wrap{max-width: 900px;}

	.kdc_detail .section5-2 .mainImgBox{max-width: unset;}
	.kdc_detail .section5-2 .mainImgBox img{width: auto;}
	.kdc_detail > .section8 > .wrap > .box1 {border-radius: 0 50px 50px 0;}
	.kdc_detail > .section8 > .wrap > .box2 > div {border-radius: 50px;}
	.kdc_detail > .section10 > .wrap > .contain > .box > div{height: 180px; width: 60%;}
}


/* 과정문의 css 별도 적용 */
.titleBox_h1{line-height: 34px !important;}
/* @media all and (min-width:600px){.emailSelBox .label{font-size: 13px !important;}}
@media all and (min-width:640px){.emailSelBox .label{font-size: 14px !important;}} */
@media all and (min-width:940px){.titleBox_h1{line-height: 40px !important;}}
@media all and (min-width:1100px){.titleBox_h1 {line-height: 52px !important;}}