@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


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

.mg_t10{margin-top : 10px !important;}

.kdtheader {width: 100%; max-width: 1920px; height: 382px; margin: 0 auto; background-image: url(/assets/_img/kdc/kdc_header.png); background-position: center; color: #fff;  font-family: 'Noto Sans KR', sans-serif;}
.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; margin-bottom: 20px;}
.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: 375px; margin-bottom: 8px;}
.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: 90%; 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: 6%; padding-top: 3px;}
.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;}


/* section3 box2 */
.kdt_wrap .section3 > .wrap > .box2 {border: 1px solid #292A2D; width: 100%; max-width: 318px; height: 375px;  margin-bottom: 8px;}
.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: 90%; 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: 12%; padding-top: 3px;}
.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: 375px; margin-bottom: 8px;}
.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: 90%; 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: 5%; padding-top: 3px;}
.kdt_wrap .section3 > .wrap > .box3 > .text > div > p {font-weight: 400; margin-bottom: 8px; font-size: 18px; line-height: 26px; letter-spacing: -0.23px;}

/* section3 box4 */
.kdt_wrap .section3 > .wrap > .box4 {border: 1px solid #292A2D; width: 100%; max-width: 318px; height: 246px;  margin-bottom: 8px;}
.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: 80%; 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;}
.kdt_wrap .section3 > .wrap > .box4 > .text > div > p {font-weight: 400; margin-bottom: 8px; font-size: 18px; line-height: 26px; letter-spacing: -0.23px;}

/* section4 */

.kdt_wrap .section4 > .wrap > .box4 > div > .mbordernone {border-bottom: none !important;}

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

.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 > .wrap > .box1 {background-color: #4073E0; padding: 30px; color: #fff;}
.kdt_wrap .section4 > .wrap > .box1 > h1 {font-size: 20px; font-weight: bold; padding-bottom: 25px;}

.kdt_wrap .section4 > .wrap > .box1 > .line1 {width: 100%; display: flex;}
.kdt_wrap .section4 > .wrap > .box1 > .line1 > .img {width: 45px; padding-bottom: 20px;}
.kdt_wrap .section4 > .wrap > .box1 > .line1 > .img > img {width: 30px;}
.kdt_wrap .section4 > .wrap > .box1 > .line1 > .text {width: 90%;}
.kdt_wrap .section4 > .wrap > .box1 > .line1 > .text > p {font-size: 15px;}

.kdt_wrap .section4 > .wrap > .box1 > .line2 {width: 100%; display: flex;}
.kdt_wrap .section4 > .wrap > .box1 > .line2 > .img {width: 45px; padding-bottom: 20px;}
.kdt_wrap .section4 > .wrap > .box1 > .line2 > .img > img {width: 30px;}
.kdt_wrap .section4 > .wrap > .box1 > .line2 > .text {width: 90%;}
.kdt_wrap .section4 > .wrap > .box1 > .line2 > .text > p {font-size: 15px;}


.kdt_wrap .section4 > .wrap > .box2 {background-color: #6E73F2; padding: 30px; color: #fff;}
.kdt_wrap .section4 > .wrap > .box2 > h1 {font-size: 20px; font-weight: bold; padding-bottom: 25px;}
.kdt_wrap .section4 > .wrap > .box2 > .line1 {width: 100%; display: flex;}
.kdt_wrap .section4 > .wrap > .box2 > .line1 > .img {width: 50px; padding-bottom: 20px;}
.kdt_wrap .section4 > .wrap > .box2 > .line1 > .img > img {width: 30px;}
.kdt_wrap .section4 > .wrap > .box2 > .line1 > .text {width: 90%;}
.kdt_wrap .section4 > .wrap > .box2 > .line1 > .text > p {font-size: 15px;}

.kdt_wrap .section4 > .wrap > .box2 > .line2 {width: 100%; display: flex;}
.kdt_wrap .section4 > .wrap > .box2 > .line2 > .img {width: 45px; padding-bottom: 20px;}
.kdt_wrap .section4 > .wrap > .box2 > .line2 > .img > img {width: 30px;}
.kdt_wrap .section4 > .wrap > .box2 > .line2 > .text {width: 90%;}
.kdt_wrap .section4 > .wrap > .box2 > .line2 > .text > p {font-size: 15px;}


.kdt_wrap .section4 > .wrap > .box3 {background-color: #7C4DB8; padding: 30px; color: #fff;}
.kdt_wrap .section4 > .wrap > .box3 > h1 {font-size: 20px; font-weight: bold; padding-bottom: 25px;}
.kdt_wrap .section4 > .wrap > .box3 > .line1 {width: 100%; display: flex;}
.kdt_wrap .section4 > .wrap > .box3 > .line1 > .img {width: 45px; padding-bottom: 20px;}
.kdt_wrap .section4 > .wrap > .box3 > .line1 > .resize > img {width: 45px !important;}
.kdt_wrap .section4 > .wrap > .box3 > .line1 > .img > img {width: 30px;}
.kdt_wrap .section4 > .wrap > .box3 > .line1 > .text {width: 90%;}
.kdt_wrap .section4 > .wrap > .box3 > .line1 > .text > p {font-size: 15px;}

.kdt_wrap .section4 > .wrap > .box3 > .line2 {width: 100%; display: flex;}
.kdt_wrap .section4 > .wrap > .box3 > .line2 > .img {width: 45px; padding-bottom: 20px;}
.kdt_wrap .section4 > .wrap > .box3 > .line2 > .img > img {width: 30px;}
.kdt_wrap .section4 > .wrap > .box3 > .line2 > .text {width: 90%;}
.kdt_wrap .section4 > .wrap > .box3 > .line2 > .text > p {font-size: 15px;}

.kdt_wrap .section4 .bordernone {border-bottom: none !important;}

/* section4 box4 */
.kdt_wrap .section4 > .wrap > .box4 {background-color: rgba(185,181,255,0.5); padding: 30px 10px;}
.kdt_wrap .section4 > .wrap > .box4 > h1 {font-size: 27px; color: #1F1E72; font-weight: bold; margin-bottom: 50px; text-align: center;}
.kdt_wrap .section4 > .wrap > .box4 > div {width: 100%; margin: 0 auto; display: grid; grid-template-columns: 49% 2% 49%;}
.kdt_wrap .section4 > .wrap > .box4 > div > .box {padding: 20px 0; text-align: center; width:90%; margin: 0 auto; border-bottom: 1px solid #707070;}
.kdt_wrap .section4 > .wrap > .box4 > div > .box > div > img {width: 100%;}
.kdt_wrap .section4 > .wrap > .box4 > div > .box > p {padding-top: 10px; font-size: 14px; line-height: 1.5; font-weight: bold; color: #000;}
.kdt_wrap .section4 > .wrap > .box4 > div > .line.none {display: none;}
.kdt_wrap .section4 > .wrap > .box4 > div > .line > p {width: 1px; height: 90%; background-color: #707070; text-align: center; margin: 13px auto;}

/* section5 */
.kdt_wrap .section5 {width: 100%; margin: 60px 0; margin-bottom: 80px; height: auto;}
.kdt_wrap .section5 > .wrap {width: 100%;}
.kdt_wrap .section5 > .wrap > .header {}
.kdt_wrap .section5 .introTopBG {
	padding: 60px 0; text-align: center; background-color: #00B5C7;
	width: 100%; max-width:1080px;
}
.kdt_wrap .section5 .introTopBG img {width: 90%;}
.kdt_wrap .section5 > .wrap > .kdc_info {position: relative; width: 100%;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap {
	width: 90%; padding: 20px; margin: 0 auto; margin-top: -40px;
	border: 1px solid #4CB4D4; background-color: #fff;
}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box {margin-bottom: 50px;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box > h1 {color: #00B5C7; font-size: 20px; font-weight: bold;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box > h5 {font-size: 16px; font-weight: bold; line-height: 1.5; padding: 10px 0;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box > .check {display: flex; font-size: 16px; font-weight: 500; line-height: 1.5;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box > .check > div {width: 3%; text-align: center;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box > .check > div > img {width: 20px;}



.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 {margin-bottom: 50px;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > h1 {color: #00B5C7; font-size: 20px; font-weight: bold;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > h5 {font-size: 16px; font-weight: bold; line-height: 1.5; padding: 10px 0;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > p {font-size: 16px; font-weight: 500; line-height: 1.5;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li {
	display: flex; flex-direction: column; justify-content: space-between; 
	border-bottom: 1px solid #333; padding: 7px 0;	gap: 5px;
}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li > h3 {font-size: 16px; padding: 10px 0; padding-left: 14px; position: relative; word-break: keep-all;}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li > h3:before{	content: '▴'; position: absolute; left: -3px;}
.kdt_wrap .section5 .kdc_info .inforBtnBox{
	display: flex; flex-direction: row;
	align-items: center;	justify-content: center; gap: 15px;
	margin-bottom: 5px;
}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li .inforBtnBox a {
	display: block; font-size: 14px; color: #fff; font-weight: bold; background-color: #4CB4D4; border-radius: 5px; width: 100px; height: 25px; text-align: center; padding-top: 2px; line-height: 1.5;
}
.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li .inforBtnBox  a.blue {background-color: #0655AD;}

.kdt_wrap .section5 .download {position: relative; width: 100%; margin: 0 auto; text-align: center; padding-top: 200px;}
.kdt_wrap .section5 .download > a {display: inline-block; font-size: 16px; color: #fff; font-weight: bold; background-color: #4CB4D4; border-radius: 30px; padding: 10px 10px; text-align: center;}
.kdt_wrap .section5 .download > img {position: absolute; top :30px; right: 32%;}

.kdcpage {padding: 50px 0; text-align: center;}
.kdcpage > a {background-color: #0655AD; color: #fff; font-size: 20px; font-weight: bold; padding: 10px 30px; border-radius: 5px;}



@media all and (min-width:480px) {
	.kdt_wrap .section4 > .wrap > .box4 > div > .box > p {font-size: 16px;}
	.kdt_wrap .section4 > .wrap > .box4 > div > .box > div > img {width: auto;}
}
@media all and (min-width:540px) {
	.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li{ flex-direction: row; align-items: center; gap: 10px; }
	.kdt_wrap .section5 .kdc_info .inforBtnBox{flex-direction: column; gap: 3px; margin-bottom: 0;}
}

@media all and (min-width:768px) {
	.kdt_wrap .section5 .introTopBG {border-radius: 30px; padding-bottom: 80px; top:-284px;}
	.kdt_wrap .section5 .introTopBG img {width: auto;}
	.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap {padding: 30px 80px 80px 80px;}
	.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li {flex-direction: row; align-items: center;} 
	.kdt_wrap .section5 > .wrap > .kdc_info > .innerWrap > .box4 > ul > li > h3 {width: 85%; padding: 0; padding-bottom: 2px; padding-left: 14px;}
}

@media all and (min-width:840px) {
	.kdt_wrap .section5 .kdc_info .inforBtnBox{flex-direction: row; margin-right: 3px; }
}

@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: 355px; height: 375px;}
	.kdt_wrap .section3 > .wrap > .box2 {width: 100%; max-width: 355px; height: 375px;}
	.kdt_wrap .section3 > .wrap > .box3 {width: 100%; max-width: 355px; height: 375px;}


	.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 > .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 > .box3 > .text > div > h5 {width: 12%;}
	.kdt_wrap .section3 > .wrap > .box4 > .text > div > h5 {width: 12%;}


	/* section4 */

	.kdt_wrap .section4 > .wrap > .box4 > div > .pcbordernone {border-bottom: none !important;}
	.kdt_wrap .section4 > .wrap > .box1 {position: relative; height: 320px; padding: 30px 50px; border-radius: 30px; margin-bottom: 30px;}
	.kdt_wrap .section4 > .wrap > .box1 > h1 {font-size: 32px; font-weight: bold; line-height: 1.5;}
	.kdt_wrap .section4 > .wrap > .box1 > img {display: block; position: absolute; top: 35%; right: 50%;}
	.kdt_wrap .section4 > .wrap > .box1 > .line1 {width: 80%; margin: 0 auto;}
	.kdt_wrap .section4 > .wrap > .box1 > .line1 > .img {width: 10%; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box1 > .line1 > .img > img {width: auto;}
	.kdt_wrap .section4 > .wrap > .box1 > .line1 > .text {width: 90%;}
	.kdt_wrap .section4 > .wrap > .box1 > .line1 > .text > p {padding-top: 10px; font-size: 20px; font-weight: 500; line-height: 1.5; padding-left: 10px;}

	.kdt_wrap .section4 > .wrap > .box1 > .line2 {position: absolute; top: 60%; right: 9%; width: 80%; margin: 0 auto;  flex-direction: row-reverse;}
	.kdt_wrap .section4 > .wrap > .box1 > .line2 > .img {position: relative; width: 10%; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box1 > .line2 > .img > img {position: absolute; top: -50%; right: 5%; width: auto; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box1 > .line2 > .text {width: 73%;}
	.kdt_wrap .section4 > .wrap > .box1 > .line2 > .text > p {font-size: 20px; font-weight: 500; line-height: 1.5; padding-top: 12px;}

	.kdt_wrap .section4 > .wrap > .box2 {position: relative; height: 320px; padding: 30px 50px; border-radius: 30px; margin-bottom: 30px;}
	.kdt_wrap .section4 > .wrap > .box2 > h1 {font-size: 32px; font-weight: bold; line-height: 1.5;}
	.kdt_wrap .section4 > .wrap > .box2 > img {display: block; position: absolute; top: 35%; right: 48%;}
	.kdt_wrap .section4 > .wrap > .box2 > .line1 {width: 80%; margin: 0 auto;}
	.kdt_wrap .section4 > .wrap > .box2 > .line1 > .img {width: 10%; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box2 > .line1 > .img > img {width: auto;}
	.kdt_wrap .section4 > .wrap > .box2 > .line1 > .text {width: 90%;}
	.kdt_wrap .section4 > .wrap > .box2 > .line1 > .text > p {padding-top: 10px; font-size: 20px; font-weight: 500; line-height: 1.5; padding-left: 10px;}

	.kdt_wrap .section4 > .wrap > .box2 > .line2 {position: absolute; top: 60%; right: 9%; width: 80%; margin: 0 auto;  flex-direction: row-reverse;}
	.kdt_wrap .section4 > .wrap > .box2 > .line2 > .img {position: relative; width: 10%; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box2 > .line2 > .img > img {position: absolute; top: -50%; right: 5%; width: auto; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box2 > .line2 > .text {width: 73%;}
	.kdt_wrap .section4 > .wrap > .box2 > .line2 > .text > p {font-size: 20px; font-weight: 500; line-height: 1.5; padding-top: 12px;}


	.kdt_wrap .section4 > .wrap > .box3 {position: relative; height: 320px; padding: 30px 50px; border-radius: 30px; margin-bottom: 30px;}
	.kdt_wrap .section4 > .wrap > .box3 > h1 {font-size: 32px; font-weight: bold; line-height: 1.5;}
	.kdt_wrap .section4 > .wrap > .box3 > img {display: block; position: absolute; top: 35%; right: 3%;}
	.kdt_wrap .section4 > .wrap > .box3 > .line1 {width: 80%; margin: 0 auto;}
	.kdt_wrap .section4 > .wrap > .box3 > .line1 > .img {width: 10%; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box3 > .line1 > .img > img {width: auto !important; margin-left: -10px;}
	.kdt_wrap .section4 > .wrap > .box3 > .line1 > .text {width: 90%;}
	.kdt_wrap .section4 > .wrap > .box3 > .line1 > .text > p {padding-top: 10px; font-size: 20px; font-weight: 500; line-height: 1.5; padding-left: 10px;}

	.kdt_wrap .section4 > .wrap > .box3 > .line2 {position: absolute; top: 60%; right: 9%; width: 80%; margin: 0 auto;  flex-direction: row-reverse;}
	.kdt_wrap .section4 > .wrap > .box3 > .line2 > .img {position: relative; width: 10%; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box3 > .line2 > .img > img {position: absolute; top: -50%; right: 5%; width: auto; padding-bottom: 20px;}
	.kdt_wrap .section4 > .wrap > .box3 > .line2 > .text {width: 73%;}
	.kdt_wrap .section4 > .wrap > .box3 > .line2 > .text > p {font-size: 20px; font-weight: 500; line-height: 1.5; padding-top: 12px; padding-right: 20px;}

	/* section4 box4 */
	.kdt_wrap .section4 > .wrap {width: 100%; max-width: 1080px; margin: 0 auto;}
	.kdt_wrap .section4 > .wrap > .box4 {padding: 30px 50px; border-radius: 30px;}
	.kdt_wrap .section4 > .wrap > .box4 > div {width: 90%; grid-template-columns: 48% 1% 48%;}
	.kdt_wrap .section4 > .wrap > .box4 > div > .line.none {display: block;}
	.kdt_wrap .section4 > .wrap > .box4 > div > .line.pcnone {display: none;}
	.kdt_wrap .section4 > .wrap > .box4 > div > .box > div > img {width: auto;}
	.kdt_wrap .section4 > .wrap > .box4 > div > .box > p {font-size: 18px;}
	.kdt_wrap .section4 > .wrap > .box4 > h1 {font-size: 30px; text-align: left;}

	/* section5 */
	.kdt_wrap .section5 .download {position: relative; width: 100%; margin: 0 auto; text-align: center; padding: 20px;}
	.kdt_wrap .section5 .download > a {font-size: 20px; color: #fff; font-weight: bold; background-color: #4CB4D4; border-radius: 30px; padding: 20px 50px; text-align: center;}
	.kdt_wrap .section5 .download > img {display: block; position: absolute; top :-50px; right: 2%;}

}