* {padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; word-break: keep-all;}

.kdtheader {width: 100%; max-width: 1920px; height: 382px; margin: 0 auto; background-image: url(/assets/_img/k_digital/kdt_header.png); background-position: center; color: #fff;}
.kdtheader > .hwrap {width: 100%; max-width: 1080px; margin: 0 auto; padding: 80px 0;}
/* .kdtheader > .hwrap {width: 100%; max-width: 1080px; margin: 0 auto; padding: 120px 0;} */
.kdtheader > .hwrap > h1 {text-align: center; font-size: 45px; line-height: 65px; letter-spacing: -0.59px; font-weight: 500; margin-bottom: 26px;}
.kdtheader > .hwrap > h3 {text-align: center; font-size: 23px; line-height: 34px; letter-spacing: -0.3px; font-weight: 400;}


.kdt {width: 100%; font-family: 'Noto Sans KR', sans-serif; color: #292A2D; margin: 100px 0;}
.kdt .kdt_wrap {width: 100%; margin: 0 auto;}
.kdt .kdt_wrap .bluetext {color: #0655AD;}

/* section1 */
.kdt_wrap .section1 {width: 95%; margin: 0 auto; text-align: center;}
.kdt_wrap .section1 h1 {font-size: 22px; line-height: 32px; letter-spacing: -0.29px; font-weight: bold; color: #4E4F51; margin-bottom: 3px;}
.kdt_wrap .section1 h5 {font-size: 15px; line-height: 21px; letter-spacing: -0.2px; font-weight: 400; color:#727476; margin-bottom: 32px;}

/* section2 */
.kdt_wrap .section2 {width: 95%;  margin: 0 auto; text-align: center;}
.kdt_wrap .section2 h2 {font-size: 17px; line-height: 25px; letter-spacing: -0.22px; font-weight: bold; color: #29B6F6; font-weight: 400; margin-bottom: 57px;}
.kdt_wrap .section2 h2 > span {font-weight: bold;}

/* section3 */
.kdt_wrap .section3 {width: 100%; margin: 0 auto;}
.kdt_wrap .section3 > .wrap {width: 95%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}

/* section3 box1 */
.kdt_wrap .section3 > .wrap > .box1 {border: 1px solid #292A2D; width: 100%; max-width: 318px; height: auto; margin-bottom: 8px; padding-bottom: 20px;}
.kdt_wrap .section3 > .wrap > .box1 > .img {width: 100%; margin-top: 32px; text-align: center;}
.kdt_wrap .section3 > .wrap > .box1 > .img > img {max-width: 64px; height: 64%; object-fit: contain;}
.kdt_wrap .section3 > .wrap > .box1 > .title {width: 100%; text-align: center;}
.kdt_wrap .section3 > .wrap > .box1 > .title > h5 {font-size: 22px; line-height: 32px; letter-spacing:  -0.29px; font-weight: bold; margin-bottom: 18px; padding-top: 12px;}
.kdt_wrap .section3 > .wrap > .box1 > .text {width: min-content; margin: 0 auto;}
.kdt_wrap .section3 > .wrap > .box1 > .text > div {width: 100%; display: flex; justify-content: center; align-items: top;}
.kdt_wrap .section3 > .wrap > .box1 > .text > div > h5 {width: 5%; padding-top: 3px; padding-right: 10px;}
.kdt_wrap .section3 > .wrap > .box1 > .text > div > p {font-weight: 400; margin-bottom: 8px; font-size: 18px; line-height: 26px; letter-spacing: -0.23px; min-width:193px; min-width: 193px;}


/* section3 box2 */
.kdt_wrap .section3 > .wrap > .box2 {border: 1px solid #292A2D; width: 100%; max-width: 318px; height: auto; margin-bottom: 8px; padding-bottom: 20px;}
.kdt_wrap .section3 > .wrap > .box2 > .img {width: 100%; margin-top: 32px; text-align: center;}
.kdt_wrap .section3 > .wrap > .box2 > .img > img {max-width: 64px; height: 64%; object-fit: contain;}
.kdt_wrap .section3 > .wrap > .box2 > .title {width: 100%; text-align: center;}
.kdt_wrap .section3 > .wrap > .box2 > .title > h5 {font-size: 22px; line-height: 32px; letter-spacing:  -0.29px; font-weight: bold;  margin-bottom: 18px; padding-top: 12px;}
.kdt_wrap .section3 > .wrap > .box2 > .text {width: min-content; margin: 0 auto;}
.kdt_wrap .section3 > .wrap > .box2 > .text > div {width: 100%; display: flex; justify-content: center;}
.kdt_wrap .section3 > .wrap > .box2 > .text > div > h5 {width: 10%; padding-top: 3px; padding-right: 10px;}
.kdt_wrap .section3 > .wrap > .box2 > .text > div > p {font-weight: 400; margin-bottom: 8px; font-size: 18px; line-height: 26px; letter-spacing: -0.23px; min-width:193px;}

/* section3 box3 */
.kdt_wrap .section3 > .wrap > .box3 {border: 1px solid #292A2D; width: 100%; max-width: 318px; height: auto; margin-bottom: 8px; padding-bottom: 20px;}
.kdt_wrap .section3 > .wrap > .box3 > .img {width: 100%; margin-top: 32px; text-align: center;}
.kdt_wrap .section3 > .wrap > .box3 > .img > img {max-width: 64px; height: 64%; object-fit: contain;min-height:64px;}
.kdt_wrap .section3 > .wrap > .box3 > .title {width: 100%; text-align: center;}
.kdt_wrap .section3 > .wrap > .box3 > .title > h5 {font-size: 22px; line-height: 32px; letter-spacing:  -0.29px; font-weight: bold;  margin-bottom: 18px; padding-top: 12px;}
.kdt_wrap .section3 > .wrap > .box3 > .text {width: min-content; margin: 0 auto;}
.kdt_wrap .section3 > .wrap > .box3 > .text > div {width: 100%; display: flex; justify-content: center;}
.kdt_wrap .section3 > .wrap > .box3 > .text > div > h5 {width: 10%; padding-top: 3px; padding-right: 10px;}
.kdt_wrap .section3 > .wrap > .box3 > .text > div > p {font-weight: 400; margin-bottom: 8px; font-size: 18px; line-height: 26px; letter-spacing: -0.23px; min-width: 193px;}

/* section3 box4 */
.kdt_wrap .section3 > .wrap > .box4 {border: 1px solid #292A2D; width: 100%; max-width: 318px; height: auto; margin-bottom: 8px; padding-bottom: 20px;}
.kdt_wrap .section3 > .wrap > .box4 > .img {width: 100%; margin-top: 32px; text-align: center;}
.kdt_wrap .section3 > .wrap > .box4 > .img > img {max-width: 64px; height: 64%; object-fit: contain;}
.kdt_wrap .section3 > .wrap > .box4 > .title {width: 100%; text-align: center;}
.kdt_wrap .section3 > .wrap > .box4 > .title > h5 {font-size: 22px; line-height: 32px; letter-spacing:  -0.29px; font-weight: bold;  margin-bottom: 18px; padding-top: 12px;}
.kdt_wrap .section3 > .wrap > .box4 > .text {width: min-content; margin: 0 auto;}
.kdt_wrap .section3 > .wrap > .box4 > .text > div {width: 100%; display: flex; justify-content: center;;}
.kdt_wrap .section3 > .wrap > .box4 > .text > div > h5 {width: 5%; padding-top: 3px;  padding-right: 10px;}
.kdt_wrap .section3 > .wrap > .box4 > .text > div > p {font-weight: 400; margin-bottom: 8px; font-size: 18px; line-height: 26px; letter-spacing: -0.23px; min-width: 193px;}



/* section4 */

.kdt_wrap .section4 > .wrap > .box1 > img {display: none;}
.kdt_wrap .section4 > .wrap > .box2 > img {display: none;}
.kdt_wrap .section4 > .wrap > .box3 > img {display: none;}

.kdt_wrap .section4 {width: 100%; margin-top: 48px;}
.kdt_wrap .section4 > .wrap {width: 100%;}

.kdt_wrap .section4 > .wrap > .box1 {width: 100%; height: 268px; padding: 40px; box-sizing: border-box; color: #fff; background-color: #4073E0; background-image: url(/assets/_img/k_digital/s4_mimg1.png); background-repeat: no-repeat; background-position-x: 88%; background-position-y: 60%;}
.kdt_wrap .section4 > .wrap > .box2 {width: 100%; height: 268px; padding: 40px; box-sizing: border-box; color: #fff; background-color: #6E73F2; background-image: url(/assets/_img/k_digital/s4_mimg2.png); background-repeat: no-repeat; background-position-x: 88%; background-position-y: 71%;}
.kdt_wrap .section4 > .wrap > .box3 {width: 100%; height: 268px; padding: 40px; box-sizing: border-box; color: #fff; background-color: #9161BA; background-image: url(/assets/_img/k_digital/s4_mimg3.png); background-repeat: no-repeat; background-position-x: 87%; background-position-y: 71%;}

.kdt_wrap .section4 > .wrap > .box1 > h1 {font-size: 20px; line-height: 29px; letter-spacing: -1.2px; font-weight: 500;}
.kdt_wrap .section4 > .wrap > .box2 > h1 {font-size: 20px; line-height: 29px; letter-spacing: -1.2px; font-weight: 500;}
.kdt_wrap .section4 > .wrap > .box3 > h1 {font-size: 20px; line-height: 29px; letter-spacing: -1.2px; font-weight: 500;}

.kdt_wrap .section4 > .wrap > .box1 > p {font-size: 15px; line-height: 23px; letter-spacing: -0.9px; font-weight: 300; margin-top: 21px; width: 75%;}
.kdt_wrap .section4 > .wrap > .box2 > p {font-size: 15px; line-height: 23px; letter-spacing: -0.9px; font-weight: 300; margin-top: 21px; width: 75%;}
.kdt_wrap .section4 > .wrap > .box3 > p {font-size: 15px; line-height: 23px; letter-spacing: -0.9px; font-weight: 300; margin-top: 21px; width: 75%;}


/* section5 */
.kdt_wrap .section5 {width: 100%; margin: 60px 0;}

.kdt_wrap .section5 > .title {width: 100%; text-align: center; padding-bottom: 10px;}
.kdt_wrap .section5 > .title > img {margin-bottom: 20px;}
.kdt_wrap .section5 > .title > h1 {font-size: 26px; letter-spacing: -0.35px; font-weight: 500; margin-bottom: 20px;}
/* .kdt_wrap .section5 > .title > h1 {font-size: 27px; letter-spacing: -0.35px; font-weight: 500; margin-bottom: 20px;} */

.kdt_wrap .section5 > .content {width: 100%; display: flex; flex-direction: column; margin: 0 auto; align-items: center;}
.kdt_wrap .section5 > .content > .box {width:90%; max-width: 355px; height: 251px; border: 1px solid #292a2d; background-color: rgba(254, 249, 232, 0.2); padding: 25px; box-sizing: border-box; margin-bottom: 20px;}
.kdt_wrap .section5 > .content > .box > .wrap {display: flex; justify-content:space-between;}
.kdt_wrap .section5 > .content > .box > .wrap >.titletext {width: 63%;}
/* .kdt_wrap .section5 > .content > .box > .wrap >.titletext {width: 65%;} */
.kdt_wrap .section5 > .content > .box > .wrap >.titletext > h1 {font-weight: 500; font-size: 24px; line-height: 1.5;}
/* .kdt_wrap .section5 > .content > .box > .wrap >.titletext > h1 {font-weight: 500; font-size: 26px; line-height: 1.5;} */
.kdt_wrap .section5 > .content > .box > .wrap >.img {width: 31%; text-align: right;}
/* .kdt_wrap .section5 > .content > .box > .wrap >.img {width: 35%; text-align: right; margin-top: 15px;} */
.kdt_wrap .section5 > .content > .box  > p {line-height: 1.5; font-size: 15px; font-weight: 400; color: #707070; margin-top: 25px;}
/* .kdt_wrap .section5 > .content > .box  > p {line-height: 1.5; font-size: 16px; font-weight: 400; color: #707070; margin-top: 25px;} */
.kdt_wrap .section5 > .content > .box  > p > span {color: #0655AD;}


/* section6 */

.kdt_wrap .section6 {width: 100%;}
.kdt_wrap .section6 h1 {width: 90%; margin: 0 auto; font-size: 32px; color:#4e4f51; text-align: center; padding-bottom: 50px; line-height: 41px; font-weight: bold;}
.kdt_wrap .section6 h1 > span {display: block; text-align: center;}

.kdt_wrap .section6 > .wrap1 {width: 90%; margin: 0 auto;}
.kdt_wrap .section6 > .wrap2 {width: 90%; margin: 0 auto;}

.kdt_wrap .section6 > .wrap1 > .box1 {}
.kdt_wrap .section6 > .wrap1 > .box1 > h2 {font-size: 20px; letter-spacing: -0.26px; line-height: 2; color:#4a4aae; border-bottom: 3px solid #4a4aae; font-weight: bold;}
.kdt_wrap .section6 > .wrap1 > .box1 > p {font-size: 15px; color:#292a2d; line-height: 21px; font-weight: 400; padding: 15px 0;}
.kdt_wrap .section6 > .wrap1 > .box1 > .line {width: 100%; background-color: #727476; height: 1px; margin-bottom: 34px;}

.kdt_wrap .section6 > .wrap1 > .box2 {}
.kdt_wrap .section6 > .wrap1 > .box2 > h2 {font-size: 20px; letter-spacing: -0.26px; line-height: 2; color:#3b72c3; border-bottom: 3px solid
	#3b72c3; font-weight: bold;}
.kdt_wrap .section6 > .wrap1 > .box2 > p {font-size: 15px; color:#292a2d; line-height: 21px; font-weight: 400; padding: 15px 0;}
.kdt_wrap .section6 > .wrap1 > .box2 > .line {width: 100%; background-color: #727476; height: 1px; margin-bottom: 34px;}

.kdt_wrap .section6 > .wrap1 > .box3 {}
.kdt_wrap .section6 > .wrap1 > .box3 > h2 {font-size: 20px; letter-spacing: -0.26px; line-height: 2; color:#3b97ca; border-bottom: 3px solid#3b97ca; font-weight: bold;}
.kdt_wrap .section6 > .wrap1 > .box3 > p {font-size: 15px; color:#292a2d; line-height: 21px; font-weight: 400; padding: 15px 0;}
.kdt_wrap .section6 > .wrap1 > .box3 > .line {width: 100%; background-color: #727476; height: 1px; margin-bottom: 34px;}

.kdt_wrap .section6 > .wrap2 > .box4 {}
.kdt_wrap .section6 > .wrap2 > .box4 > h2 {font-size: 20px; letter-spacing: -0.26px; line-height: 2; color:#3fc1ce; border-bottom: 3px solid#3fc1ce; font-weight: bold;}
.kdt_wrap .section6 > .wrap2 > .box4 > p {font-size: 15px; color:#292a2d; line-height: 21px; font-weight: 400; padding: 15px 0;}
.kdt_wrap .section6 > .wrap2 > .box4 > .line {width: 100%; background-color: #727476; height: 1px; margin-bottom: 34px;}

.kdt_wrap .section6 > .wrap2 > .box5 {}
.kdt_wrap .section6 > .wrap2 > .box5 > h2 {font-size: 20px; letter-spacing: -0.26px; line-height: 2; color:#3fc497; border-bottom: 3px solid#3fc497; font-weight: bold;}
.kdt_wrap .section6 > .wrap2 > .box5 > p {font-size: 15px; color:#292a2d; line-height: 21px; font-weight: 400; padding: 15px 0;}
.kdt_wrap .section6 > .wrap2 > .box5 > .line {width: 100%; background-color: #727476; height: 1px; margin-bottom: 34px;}

.kdt_wrap .section6 > .wrap2 > .box6 {}
.kdt_wrap .section6 > .wrap2 > .box6 > h2 {font-size: 20px; letter-spacing: -0.26px; line-height: 2; color:#95c83f; border-bottom: 3px solid#95c83f; font-weight: bold;}
.kdt_wrap .section6 > .wrap2 > .box6 > p {font-size: 15px; color:#292a2d; line-height: 21px; font-weight: 400; padding: 15px 0;}
.kdt_wrap .section6 > .wrap2 > .box6 > .line {width: 100%; background-color: #727476; height: 1px; margin-bottom: 34px;}


/* section7 */

.kdt_wrap .section7 {width: 90%; margin: 80px auto;}
.kdt_wrap .section7 > .title {width: 100%; text-align: center;}
.kdt_wrap .section7 > .title > h1 {font-size: 32px; font-weight: bold; line-height: 46px; letter-spacing: -0.42px; color: #4e4f51;}
.kdt_wrap .section7 > .title > h1 > span {display: block; text-align: center;}
.kdt_wrap .section7 > .title > h5 {font-size: 15px; line-height: 21px; letter-spacing: -0.2px; color: #727476; margin-top: 15px; font-weight: 400; margin-bottom: 40px;}
.kdt_wrap .section7 > .title > h5 > span {display: none;}


.kdt_wrap .section7 > .content {width: 100%;}
.kdt_wrap .section7 > .content > div {display: flex; flex-direction: column;}
.kdt_wrap .section7 > .content > div > .prev {display: none;}
.kdt_wrap .section7 > .content > div > .next {display: none;}

.kdt_wrap .section7 > .content > div > .course1 {width: 90%; margin: 0 auto;  padding-bottom: 30px; margin: 0 auto; position: relative;}
.kdt_wrap .section7 > .content > div > .course1 > .courseimg1 {width: 100%; text-align: center; margin-bottom: 16px;}
.kdt_wrap .section7 > .content > div > .course1 > .courseimg1 > a > img {width: 100%; max-width: 398px; height: 191px;}

.kdt_wrap .section7 > .content > div > .course1 > .coursename {}

.kdt_wrap .section7 > .content > div  .courseline {background-color: #292A2D; width: 100%; height: 1px; margin-top: 26px;}

.kdt_wrap .section7 > .content > div > .course1 > .btn {position: absolute; top: 4%; left: 2%;}
.kdt_wrap .section7 > .content > div .btn > a {
	display: flex; align-items: center; justify-content: center;  
	color: #111; border-radius: 22px; border: 1px solid #0080ff; background-color: #fff;
	width: fit-content; min-width: 91px; height: 23px; padding: 0 8px;
}
.kdt_wrap .section7 > .content > div .btn > a > .campus_btn {
	width: 100%;font-weight: 500; font-size:13px; color: #111; text-align: center;
}


.kdt_wrap .section7 > .content > div > .course2 {width: 90%; margin: 0 auto; padding-bottom: 30px; position: relative;}
.kdt_wrap .section7 > .content > div > .course2 > .courseimg2 {width: 100%; text-align: center; margin-bottom: 16px;}
.kdt_wrap .section7 > .content > div > .course2 > .courseimg2 > a > img {width: 100%; max-width: 398px; height: 191px;}

.kdt_wrap .section7 > .content > div > .course1 > .coursename > a {font-size: 20px; color: #292A2D; font-weight: 500; line-height: 29px; initial-letter: -1.62px;}
.kdt_wrap .section7 > .content > div > .course2 > .coursename > a  {font-size: 20px; color: #292A2D; font-weight: 500; line-height: 29px; initial-letter: -1.62px;}
.kdt_wrap .section7 > .content > div > .course2 > .coursetitle {width: 100%; background-color: cornsilk;}
.kdt_wrap .section7 > .content > div > .course2 > .coursetitle > a {font-size: 20px; font-weight: 400; color: #292A2D;}

.kdt_wrap .section7 > .content > div  .courseline {background-color: #292A2D; width: 100%; height: 1px; margin-top: 26px;}

.kdt_wrap .section7 > .content > div > .course2 > .btn {position: absolute; top: 4%; left: 2%;}
.kdt_wrap .section7 > .content > div > .course2 > .btn > a {}
.kdt_wrap .section7 > .content > div > .course2 > .btn > a > img {width: 100%; max-width: 91px; height: 32px;}






@media all and (min-width:480px) {
	.kdt_wrap .section7 > .content > div > .course1 > .btn {position: absolute; top: 4%; left: 3%;}
	.kdt_wrap .section7 > .content > div > .course2 > .btn {position: absolute; top: 4%; left: 3%;}

	.kdtheader > .hwrap {padding: 100px 0;}
	.kdt_wrap .section5 > .title > h1 {font-size: 27px;}
	.kdt_wrap .section5 > .content > .box > .wrap >.titletext {width: 65%;}
	.kdt_wrap .section5 > .content > .box > .wrap >.titletext > h1 {font-size: 26px;}
	.kdt_wrap .section5 > .content > .box > .wrap >.img {width: 35%;}
	.kdt_wrap .section5 > .content > .box > p {font-size: 16px;}
}





@media all and (min-width:768px) {.kdtheader > .hwrap {padding: 120px 0;}}



@media all and (min-width:1080px) {
	.kdt .kdt_wrap {width: 100%; max-width: 1080px; margin: 0 auto;}

.kdt_wrap .section3 > .wrap {width: 100%; flex-direction: row; justify-content: space-between;}

/* section1 */
.kdt_wrap .section1 h1 {font-size: 32px; margin-bottom: 10px;}
.kdt_wrap .section1 h5 {font-size: 18px; margin-bottom: 65px;}

/* section2 */
.kdt_wrap .section2 h2 {font-size: 26px;}


/* section3 */

.kdt_wrap .section3 > .wrap {margin-bottom: 110px;}

.kdt_wrap .section3 > .wrap > .box1 {width: 100%; max-width: 256px; height: 282px;}
.kdt_wrap .section3 > .wrap > .box2 {width: 100%; max-width: 256px; height: 282px;}
.kdt_wrap .section3 > .wrap > .box3 {width: 100%; max-width: 256px; height: 282px;}
.kdt_wrap .section3 > .wrap > .box4 {width: 100%; max-width: 256px; height: 282px;}

.kdt_wrap .section3 > .wrap > .box1 > .title > h5 {margin-bottom: 30px; padding-top: 20px;}
.kdt_wrap .section3 > .wrap > .box2 > .title > h5 {margin-bottom: 30px; padding-top: 20px;}
.kdt_wrap .section3 > .wrap > .box3 > .title > h5 {margin-bottom: 30px; padding-top: 20px;}
.kdt_wrap .section3 > .wrap > .box4 > .title > h5 {margin-bottom: 30px; padding-top: 20px;}

.kdt_wrap .section3 > .wrap > .box1 > .text > div {width: 100%; justify-content: left; margin: 0 auto;}
.kdt_wrap .section3 > .wrap > .box2 > .text > div {width: 100%; justify-content: left; margin: 0 auto;}
.kdt_wrap .section3 > .wrap > .box3 > .text > div {width: 100%; justify-content: left; margin: 0 auto;}
.kdt_wrap .section3 > .wrap > .box4 > .text > div {width: 100%; justify-content: left; margin: 0 auto;}

.kdt_wrap .section3 > .wrap > .box3 > .text > div > h5 {width: 7%;}
.kdt_wrap .section3 > .wrap > .box4 > .text > div > h5 {width: 7%;}


/* section4 */

.kdt_wrap .section4 > .wrap > .box1 > img {display: block; position: absolute; top: 125px; left: 260px;}
.kdt_wrap .section4 > .wrap > .box2 > img {display: block; position: absolute; top: 125px; left: 260px;}
.kdt_wrap .section4 > .wrap > .box3 > img {display: block; position: absolute; top: 125px; left: 260px;}

.kdt_wrap .section4 > .wrap > .box1 {position: relative; width: 100%; height: 320px; background-image: url(/assets/_img/k_digital/s4_img1.png); background-color: #fff; border-radius: 15px; margin-bottom: 10px;}
.kdt_wrap .section4 > .wrap > .box2 {position: relative; width: 100%; height: 320px;background-image: url(/assets/_img/k_digital/s4_img2.png); background-color: #fff; border-radius: 15px; margin-bottom: 10px;}
.kdt_wrap .section4 > .wrap > .box3 {position: relative; width: 100%; height: 320px;background-image: url(/assets/_img/k_digital/s4_img3.png); background-color: #fff; border-radius: 15px; margin-bottom: 10px;}

.kdt_wrap .section4 > .wrap > .box1 > h1 {font-size: 32px; line-height: 46px; margin-bottom: 65px;}
.kdt_wrap .section4 > .wrap > .box1 > p {font-size: 20px; width: 460px; line-height: 27px;}
.kdt_wrap .section4 > .wrap > .box2 > h1 {font-size: 32px; line-height: 46px; margin-bottom: 50px;}
.kdt_wrap .section4 > .wrap > .box2 > p {font-size: 20px; width: 447px; line-height: 27px;}
.kdt_wrap .section4 > .wrap > .box2 > p > span {display: block;}
.kdt_wrap .section4 > .wrap > .box3 > h1 {font-size: 32px; line-height: 46px; margin-bottom: 65px;}
.kdt_wrap .section4 > .wrap > .box3 > p {font-size: 20px; width: 488px; line-height: 27px;}
.kdt_wrap .section4 > .wrap > .box3 > p > span {display: block;}

/* section5 */
.kdt_wrap .section5 {width: 100%; margin: 100px 0;}

.kdt_wrap .section5 > .title {width: 100%; display: flex; align-items: center; text-align: center; padding-bottom: 40px;}
.kdt_wrap .section5 > .title > img {}
.kdt_wrap .section5 > .title > h1 {padding-left: 2%; font-size: 27px; letter-spacing: -0.35px; font-weight: 500;}
.kdt_wrap .section5 > .content {width: 100%; flex-direction: row; justify-content: space-between;}
.kdt_wrap .section5 > .content > .box > .wrap >.img {margin-top: 15px;}

/* section6 */

.kdt_wrap .section6 {width: 100%;}
.kdt_wrap .section6 > h1 {width: 100%; text-align: center; color: #4e4f51; font-size: 32px; letter-spacing: -0.42px; padding-bottom: 97px;}
.kdt_wrap .section6 h1 > span {display: inline;}

.kdt_wrap .section6 > .wrap1 {width: 100%; display: flex; justify-content: space-between; margin-bottom: 7px;}
.kdt_wrap .section6 > .wrap2 {width: 100%; display: flex; justify-content: space-between;}

.kdt_wrap .section6 > .wrap1 > .box1 {width: 100%; max-width: 355px; height: 343px; background-color:#4a4aae; background-image: url(/assets/_img/k_digital/s6_img1.png); background-repeat: no-repeat; background-position-y: 178px; background-position-x: 145px;}
.kdt_wrap .section6 > .wrap1 > .box1 > h2 {background-color:#393998; color: #fff; width: 355px; height: 64px; text-align: center; line-height: 2.55; font-size: 27px; letter-spacing: -0.35px; font-weight: 500;}
.kdt_wrap .section6 > .wrap1 > .box1 > h2 > span {display: none;}
.kdt_wrap .section6 > .wrap1 > .box1 > p {color: #fff; padding: 40px; font-size: 20px; font-weight: 400; letter-spacing: -0.26px; line-height: 29px; box-sizing: border-box;}

.kdt_wrap .section6 > .wrap1 > .box2 {width: 100%; max-width: 355px; height: 343px; background-color:#3b72c3; background-image: url(/assets/_img/k_digital/s6_img2.png); background-repeat: no-repeat; background-position-y: 178px; background-position-x: 145px;}
.kdt_wrap .section6 > .wrap1 > .box2 > h2 {background-color:#2e5ea3; color: #fff; width: 355px; height: 64px; font-weight: 500; text-align: center; line-height: 2.55; font-size: 27px; letter-spacing: -0.35px;}
.kdt_wrap .section6 > .wrap1 > .box2 > h2 > span {display: none;}
.kdt_wrap .section6 > .wrap1 > .box2 > p {color: #fff; font-weight: 400; padding: 40px; font-size: 20px; letter-spacing: -0.26px; line-height: 29px; box-sizing: border-box;}

.kdt_wrap .section6 > .wrap1 > .box3 {width: 100%; max-width: 355px; height: 343px; background-color:#3b97ca; background-image: url(/assets/_img/k_digital/s6_img3.png); background-repeat: no-repeat; background-position-y: 178px; background-position-x: 120px;}
.kdt_wrap .section6 > .wrap1 > .box3 > h2 {background-color:#2f81af; color: #fff; width: 355px; height: 64px; font-weight: 500; text-align: center; line-height: 2.55; font-size: 27px; letter-spacing: -0.35px;}
.kdt_wrap .section6 > .wrap1 > .box3 > h2 > span {display: none;}
.kdt_wrap .section6 > .wrap1 > .box3 > p {color: #fff; font-weight: 400; padding: 40px; font-size: 20px; letter-spacing: -0.26px; line-height: 29px; box-sizing: border-box;}

.kdt_wrap .section6 > .wrap2 > .box4 {width: 100%; max-width: 355px; height: 343px; background-color:#3fc1ce; background-image: url(/assets/_img/k_digital/s6_img4.png); background-repeat: no-repeat; background-position-y: 220px; background-position-x: 180px;}
.kdt_wrap .section6 > .wrap2 > .box4 > h2 {background-color:#3398a2; color: #fff; width: 355px; height: 64px; font-weight: 500; text-align: center; line-height: 2.55; font-size: 27px; letter-spacing: -0.35px;}
.kdt_wrap .section6 > .wrap2 > .box4 > h2 > span {display: none;}
.kdt_wrap .section6 > .wrap2 > .box4 > p {color: #fff; font-weight: 400; padding: 40px; font-size: 20px; letter-spacing: -0.26px; line-height: 29px; box-sizing: border-box;}

.kdt_wrap .section6 > .wrap2 > .box5 {width: 100%; max-width: 355px; height: 343px; background-color:#3fc497; background-image: url(/assets/_img/k_digital/s6_img5.png); background-repeat: no-repeat; background-position-y: 215px; background-position-x: 120px;}
.kdt_wrap .section6 > .wrap2 > .box5 > h2 {background-color:#2b9f77; color: #fff; width: 355px; height: 64px; font-weight: 500; text-align: center; line-height: 2.55; font-size: 27px; letter-spacing: -0.35px;}
.kdt_wrap .section6 > .wrap2 > .box5 > h2 > span {display: none;}
.kdt_wrap .section6 > .wrap2 > .box5 > p {color: #fff; padding: 40px; font-size: 20px; font-weight: bold; font-weight: 400; letter-spacing: -0.26px; line-height: 29px; box-sizing: border-box;}

.kdt_wrap .section6 > .wrap2 > .box6 {width: 100%; max-width: 355px; height: 343px; background-color:#95c83f; background-image: url(/assets/_img/k_digital/s6_img6.png); background-repeat: no-repeat; background-position-y: 220px; background-position-x: 120px;}
.kdt_wrap .section6 > .wrap2 > .box6 > h2 {background-color:#769f33; color: #fff; width: 355px; height: 64px; text-align: center; font-weight: 500; line-height: 2.55; font-size: 27px; letter-spacing: -0.35px;}
.kdt_wrap .section6 > .wrap2 > .box6 > h2 > span {display: none;}
.kdt_wrap .section6 > .wrap2 > .box6 > p {color: #fff; font-weight: 400; padding: 40px; font-size: 20px; letter-spacing: -0.26px; line-height: 29px; box-sizing: border-box;}

.kdt_wrap .section6 > .wrap1 > .box1 > .line {display: none;}
.kdt_wrap .section6 > .wrap1 > .box2 > .line {display: none;}
.kdt_wrap .section6 > .wrap1 > .box3 > .line {display: none;}
.kdt_wrap .section6 > .wrap2 > .box4 > .line {display: none;}
.kdt_wrap .section6 > .wrap2 > .box5 > .line {display: none;}
.kdt_wrap .section6 > .wrap2 > .box6 > .line {display: none;}



/* section7 */

.kdt_wrap .section7 > .title > h1 {font-size: 32px; line-height: 46px; color: #4e4f51; line-height: 46px; letter-spacing: -0.42px; font-weight: bold; margin-bottom: 10px;}
.kdt_wrap .section7 > .title > h1 > span {display: inline;}
.kdt_wrap .section7 > .title > h5 {font-size: 15px; line-height: 21px; letter-spacing: -0.2px; color:#727476; margin-bottom: 40px; font-weight: 400;}
.kdt_wrap .section7 > .title > h5 > span {display: inline-block;}
.kdt_wrap .section7 {width: 100%; border: 1px solid #292A2D; margin-top: 133px; padding: 50px; box-sizing: border-box;}


.kdt_wrap .section7 > .content > div {flex-direction: row; align-items: center; justify-content: space-between;}
.kdt_wrap .section7 > .content > div > .prev {display: block; width: 3%;}
.kdt_wrap .section7 > .content > div > .next {display: block; width: 3%;}
.kdt_wrap .section7 > .content > div > .course1 {width: 44%;margin-left:45px;}
.kdt_wrap .section7 > .content > div > .course2 {width: 44%;margin-right:45px;}

.kdt_wrap .section7 > .content > div > .course1 > .coursename {width:100%; max-width:398px; margin:0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.kdt_wrap .section7 > .content > div > .course1 > .coursename > a {font-size: 20px; color: #292A2D; font-weight: 500; line-height: 1.5;}

.kdt_wrap .section7 > .content > div > .course2 > .coursename {width:100%; max-width:398px; margin:0 auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.kdt_wrap .section7 > .content > div > .course2 > .coursename > a  {font-size: 20px; color: #292A2D; font-weight: 500; line-height: 1.5;}

.kdt_wrap .section7 > .content > div > .course1 > .btn,
.kdt_wrap .section7 > .content > div > .course2 > .btn {position: unset; text-align: center; padding: 15px 0;}
.kdt_wrap .section7 > .content > div .btn > a {
	min-width: 158px; height: 42px; margin: 0 auto;
} 
.kdt_wrap .section7 > .content > div .btn > a > .campus_btn {font-size:22px;} 


.kdt_wrap .section5 > .title > h1 {padding-left: 2%; }
}