.kdcDetHea {
	width: 100%; max-width: 1920px; height: 300px; margin: 0 auto;
  background-image: url(/assets/img/kdcDetail/kdcDetail_header.png); background-position: center; color: #fff;  
	display: flex; align-items: center;	justify-content: center;
}
.kdcDetHeaTxtBox {width: 95%; max-width: 1080px; margin: 0 auto; word-break: keep-all;}
.kdcDetHeaTxt_h1 {text-align: center; font-size: 24px;  letter-spacing: -0.59px; font-weight: 500; margin-bottom: 4px;}
.kdcDetHeaTxt_h5 {text-align: center; font-size: 14px; letter-spacing: -0.59px; font-weight: 300; margin-bottom: 30px;}
.kdcDetHeaTxt_h3 {text-align: center; font-size: 18px;  letter-spacing: -0.3px; font-weight: 400; margin-bottom: 5px;}
.kdcDetHeaTxt_h3 > span { font-size: 18px; font-weight: 500;}
.kdcDetHeaTxt_p {text-align: center; font-size: 14px;  letter-spacing: -0.3px; font-weight: 300;}
.kdcDetHeaTxt_p > span {font-weight: 500;}

.kdcDetCont {
  color: #292A2D; width: 100%; max-width: 1080px;
  margin: 0 auto; margin-top: 100px; margin-bottom: 20px;
}

/* --------------- kdcDetSec1 --------------- */
.kdcDetSec1 {
  width: 95%; margin: 0 auto; 
  display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 10px;
}
.sec1Arti {
  border: 1px solid #292A2D; 
  width: 100%; max-width: 355px; height: 100%; 
  margin:0 auto; margin-bottom: 8px; padding-bottom: 32px;
}
.sec1Arti_imgbox {width: 44px; height: 44px; margin: 0 auto; margin-top: 32px; }
.sec1Arti_imgbox > img {width: 100%; object-fit: cover;}
.sec1Arti_titBox {
  width: 100%; text-align: center;
  font-size: 20px; font-weight: bold; line-height: 32px; letter-spacing: -0.29px;  
  margin-bottom: 18px; padding-top: 12px;
}
.sec1Arti_txtBox {width: 88%; margin: 0 auto;}
.sec1Arti_txtP {
  font-size: 16px; font-weight: 400; line-height: 20px;  min-width:193px;
  position: relative; padding-left: 10px; margin-bottom: 8px;
}
.sec1Arti_txtP:last-child{margin-bottom: unset;}
.sec1Arti_txtP:before{
  content: ""; width: 4px; height: 4px;
  position: absolute; top: 9px; left: 0;
  background-color: #292A2D; border-radius:50%;
}

/* --------------- kdcDetSec2 --------------- */
.kdcDetSec2 {width: 100%; margin-top: 48px; line-height: 1.5;}

.sec2Arti_fi {background-color: #4073E0;}
.sec2Arti_se {background-color: #6E73F2;}
.sec2Arti_th {background-color: #7C4DB8;}
.sec2Arti_fo{background-color: rgba(185,181,255,0.5);}

.sec2Arti{padding: 25px 20px; color: #fff; position: relative;}
.sec2Arti_titBox {
  font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 25px;
  width: fit-content;
}
.sec2Arti_titBox span{position: relative; width: fit-content;}
.sec2Arti_titBox span:after{
  content: unset; width: 185px; height: 1px;
  position: absolute; bottom: 13px; right: -230px;
  background-color: #fff;
}
.sec2Arti_contBox {
  width: 100%; margin:0 auto; display: flex; justify-content: flex-start; align-items: flex-start; position: relative;
}
.sec2Arti_contImg {width: 30px; padding-right: 8px;}
.sec2Arti_contImg.resize {padding-right: 4px !important; margin-right: 3px;}
.sec2Arti_contTxt {width: calc(100% - 30px); font-size: 14px; font-weight: 500; line-height: 18px;}
.sec2Arti_contBox--fi{margin-bottom: 5px;}
.sec2Arti_contBox--fi:has(.resize){margin-left: -3px;}

/* sec2Arti_fo */
.sec2Arti_fo{height: unset !important; padding-bottom: 30px;}
.sec2Arti_fo .sec2Arti_titBox {font-size: 20px; line-height: 24px; color: #1F1E72; margin-bottom: 30px; text-align: center;}

.sec2Arti_fo .sec2Arti_girdGro {display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 auto;}
.sec2Arti_fo .sec2Arti_gIt {padding: 20px 0; text-align: center; width:100%;}
.sec2Arti_fo .sec2Arti_gIt:nth-child(1),
.sec2Arti_fo .sec2Arti_gIt:nth-child(2),
.sec2Arti_fo .sec2Arti_gIt:nth-child(3){position: relative;}

.sec2Arti_fo .sec2Arti_gIt:nth-child(1)::after,
.sec2Arti_fo .sec2Arti_gIt:nth-child(2)::after{
  content: ''; width: 90%; height: 1px; background-color: #707070;
  position: absolute; bottom:0; left: 50%; transform: translateX(-50%);
}
.sec2Arti_fo .sec2Arti_gIt:nth-child(1)::before,
.sec2Arti_fo .sec2Arti_gIt:nth-child(3)::after{
  content: ''; width: 1px; height: 90%; background-color: #707070;
  position: absolute; top:50%; right: 0; transform: translateY(-50%);
}
.sec2Arti_foImg{width: 40%; max-width: 70px; margin: 0 auto;}
.sec2Arti_foTxt {padding-top: 14px; font-size: 14px; line-height: 18px; font-weight: bold; color: #000;}


/* --------------- kdcDetSec3 --------------- */
.kdcDetSec3 {width: 100%; margin: 60px 0; margin-top: 0;}
.sec3Arti_mainTitBox {width: 100%; max-width: 1080px; padding: 60px 0; text-align: center; background-color: #00B5C7;}
.sec3Arti_mainTitBox img {width: 90%; max-width: 400px;}
.sec3Arti {position: relative; width: 100%;}
.sec3Arti_contBox {
  width: 90%; padding: 20px 15px; margin: 0 auto;
  border: 1px solid #4CB4D4; background-color: #fff;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 50px;
}
.sec3Arti_contBox > div {width: 100%;}
.sec3Arti_contTit {color: #00B5C7; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.sec3Arti_contBoTxt {color:#333; font-size: 14px; font-weight: 600; line-height: 18px; margin-bottom: 15px;}
.sec3Arti_contChTxt {
  font-size: 14px; font-weight: 500; line-height: 18px;
  position: relative; padding-left:20px;
}
.sec3Arti_contChTxt:before{
  content: '';
  background-image: url(/assets/img/kdcDetail/check.png);
  position: absolute; top:0; left: 0;
  background-size: cover;
  width: 16px; height: 17px;
}
.sec3Arti_contLi {
  display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 14px; 
  border-bottom: 1px solid #a4bfc796; padding: 20px 0 15px;
}
.sec3Arti_contLi:first-child{padding-top: 0;}
.sec3Arti_contLi .contLi_tit {
  font-size: 14px; font-weight: 500; line-height: 18px; color: #555;
  text-indent: -15px; padding-left: 15px; padding-right: 10px; 
  width: 100%;
}
.sec3Arti_contLi .contLi_movBtn {
  display: block; font-size: 13px; color: #fff; font-weight: 600; background-color: #4CB4D4; border-radius: 2px; width: 28%; min-width: 120px; height: 26px; line-height: 27px; text-align: center; padding: 0 10px; box-sizing: border-box;
}

/* 하단 '100% 환급과정' 추가 css */
.kdcDetail_kdcbg_btn{
  display: block; width: fit-content;
  background: linear-gradient(to right, #18ABED,  #3500E6);
  border-radius: 4px;
  padding: 10px 16px; margin: 0 auto;
  font-size: 14px; font-weight: 600;
  color: #fff; 
}

.kdcDetail_kdcbg_btn:hover{ background: linear-gradient(to right, #3500E6, #18ABED);}


@media all and (min-width:480px) {
  .kdcDetHeaTxt_h1 { font-size: 28px; }
  .kdcDetHeaTxt_h5 { font-size: 15px; }
  .kdcDetHeaTxt_h3 { font-size: 22px;  }
  .kdcDetHeaTxt_h3 > span { font-size: 20px; }
  .kdcDetHeaTxt_p { font-size: 15px;  }
	.sec2Arti_foTxt {font-size: 16px; line-height: 20px;}
}

@media all and (min-width:640px) {
  .sec2Arti_contImg{width: 48px; padding-right: 14px;}
  .sec2Arti_contBox{align-items: center;}
  .sec2Arti_contTxt{width: calc(100% - 40px); font-size: 15px; line-height: 19px; padding-bottom: 10px;}
  .sec2Arti_contImg.resize{padding-right: 6px !important;}
  .sec2Arti_fo .sec2Arti_girdGro{width: 90%; max-width: 800px;}
  .sec2Arti_foImg{max-width: 90px;}

  .sec3Arti_contBox{padding: 30px 20px;}
  .sec3Arti_contLi{flex-direction: row; gap: 10px; padding: 7px 0; border-bottom: 1px solid #b0bfc3;}
  .sec3Arti_contLi .contLi_tit{width: calc(100% - 100px);}
  .sec3Arti_contLi .contLi_movBtn{min-width: unset; width: 90px; border-radius: 50px;}
}

@media all and (min-width:768px) {
  .kdcDetHeaTxtBox {width: 100%;}
  .kdcDetHeaTxt_h1 { font-size: 40px; }
  .kdcDetHeaTxt_h5 { font-size: 18px; }
  .kdcDetHeaTxt_h3 { font-size: 24px;  }
  .kdcDetHeaTxt_h3 > span { font-size: 24px; }
  .kdcDetHeaTxt_p { font-size: 16px;  }

  /* --------------- kdtDetSec2 --------------- */
  .sec2Arti_titBox span:after{content: '';}
  .sec2Arti_foImg{max-width: 120px;}

  /* --------------- kdtDetSec3 --------------- */
  .kdcDetSec3{margin-top: 60px;}
	.sec3Arti_mainTitBox {border-radius: 30px; padding-bottom: 80px;}
	.sec3Arti_mainTitBox img {width: auto; max-width: unset;}
	.sec3Arti_contBox {padding: 50px 40px;}
  .sec3Arti_contTit{font-size: 20px;}
  .sec3Arti_contBoTxt{color: #1c1c1c; font-size: 15px; line-height: 19px;}
	.sec3Arti_contLi {flex-direction: row;}
	.sec3Arti_contLi .contLi_tit {width: calc(100% - 110px); color: #363636;}
  .sec3Arti_contLi .contLi_movBtn{width: 100px; font-size: 14px;}

  .kdcDetail_kdcbg_btn{font-size: 15px;}
}

@media all and (min-width:1080px) {
  .kdcDetHea{height: 382px;}

  .kdcDetHeaTxt_h1 { font-size: 43px;}
  .kdcDetHeaTxt_h5 { font-size: 20px;}
  .kdcDetHeaTxt_h3 { font-size: 23px;}
  .kdcDetHeaTxt_h3 > span { font-size: 23px;}

  /* --------------- kdtDetSec1 --------------- */
  .kdcDetCont{width: 95%;}
  .kdcDetSec1 {
    grid-template-columns: repeat(3, 1fr); column-gap: 10px;
    margin-bottom: 110px;
  }
  .sec1Arti_titBox {margin-bottom: 30px; font-size: 22px;}
  .sec1Arti_txtP{font-size: 18px; line-height: 24px;}
  .sec1Arti_imgbox{width: 64px; height: 64px;}

  
  /* --------------- kdtDetSec2 --------------- */
  .sec2Arti {height: auto; min-height: 320px; padding: 30px 50px; border-radius: 30px; margin-bottom: 30px;}
  .sec2Arti_foImg{width: 50%; max-width: 200px;}
  .sec2Arti:last-child{margin-bottom: unset;}
  .sec2Arti_titBox {font-size: 32px; line-height: 42px;}
  .sec2Arti_contBox{justify-content: flex-end;}
  .sec2Arti_contImg {position: absolute; top: 0; width: 10%; padding: unset;}
  .sec2Arti_contTxt {font-size: 20px; line-height: 30px; padding-top: 12px;}
  .sec2Arti_contImg.resize{padding:unset; margin: unset;}
  .sec2Arti_contBox--fi:has(.resize){margin: 0 auto;}
  .sec2Arti_contBox--fi,
  .sec2Arti_contBox--se {width: 80%;}
  .sec2Arti_contBox--fi{margin-bottom:unset;}
  .sec2Arti_contBox--fi .sec2Arti_contImg{left: 0;}
  .sec2Arti_contBox--fi .sec2Arti_contTxt {width: 90%; padding-left:10px;}
  .sec2Arti_contBox--se .sec2Arti_contImg{top:-25px; right: 0;}
  .sec2Arti_contBox--se .sec2Arti_contTxt {width: 75%; margin-left: 15%; margin-right: 10%; padding-right: 10px;}
  
  /* -------- sec2Arti_fo -------- */
  .sec2Arti_fo {padding: 30px 50px; border-radius: 30px;}
  .sec2Arti_fo .sec2Arti_girdGro{max-width: unset;}
  .sec2Arti_fo .sec2Arti_titBox {font-size: 30px; text-align: left; margin-bottom: 50px;}
  .sec2Arti_foTxt {font-size: 18px; line-height: 24px;}

  /* --------------- kdtDetSec3 --------------- */
  .kdcDetSec3 {margin: 100px 0;}
  .sec3Arti_contBox{padding: 60px 50px;}
  .sec3Arti_contChTxt{font-size: 15px; line-height: 19px; padding-left: 25px;}
  .sec3Arti_contChTxt:before{width: 19px; height: 20px;}
  .sec3Arti_contLi .contLi_tit{font-size: 15px; line-height: 19px;}

  .kdcDetail_kdcbg_btn{padding: 10px 20px; font-size: 16px;}
}