@charset "utf-8";
/* kidc_ido*/
.kidc_ido {}

.kidc_ido .titleArea span.point_number { display: block; position:relative; padding:20px 0 45px 0; color:#bc2531;}
.kidc_ido .titleArea span.point_number::before { content:""; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); width:1px; height:30px; background-color:#bc2531; }
.kidc_ido .titleArea p {  padding-bottom:0; color:#787878;}
.kidc_ido .titleArea p.titCont {padding-top:40px;}

.kidc_ido .halfWrap {display:flex; }
.kidc_ido .half.inImg {width:400px;}
.kidc_ido .half.inImg img {width:100%; }
.kidc_ido .half.inImg.border img {border:1px solid #c6c6c6}
.kidc_ido .half.inTxt {width:calc(100% - 400px);padding-left:100px;}

.kidc_ido .half.inTxt .bullet {position:relative; padding-left:12px;}
.kidc_ido .half.inTxt .bullet::before {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; background-color: #a9a9a9;}

/*아이콘 섹션*/
.kidc_ido .fullSec {background-color:#f6f6f6;}
.kidc_ido .iconUl {display: flex; justify-content: space-between; margin:0 -15px;}
.kidc_ido .iconUl .iconLi {padding:0 15px 0;}
.kidc_ido .iconUl .iconLi .icon img {height:150px;}

@media screen and (max-width:1024px){ 
  .kidc_ido .half.inImg {width:300px;}
  .kidc_ido .half.inTxt {width:calc(100% - 300px);padding-left:60px;}
  .kidc_ido .iconUl {flex-wrap: wrap;}
  .kidc_ido .iconUl .iconLi {width:31%; margin-bottom:20px;}
  .kidc_ido .half.inTxt {padding-left:60px;}
}
@media screen and (max-width:768px){ 
  .kidc_ido .half.inImg {width:100%;}
  .kidc_ido .half.inTxt {width:100%; padding-left:0;}
  .kidc_ido .halfWrap {flex-wrap:wrap;}
  .kidc_ido .tbl_lay01 {margin-top:50px;}
  .kidc_ido .tbl_lay01 li .tit {width:106px; }
  .kidc_ido .iconUl .iconLi {width:48%; }
  .kidc_ido .iconUl .iconLi .icon img {height:120px;}
}

/*테이블*/ 
.kidc_ido table.basic_table { width:100%; border-bottom: 1px solid #e5e5e5; border-collapse: collapse; word-break: keep-all;}
.kidc_ido table.basic_table caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
.kidc_ido table.basic_table th { width:25%;padding:18px 10px 18px; background-color:#bc2531; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-weight:500; font-size:1.8rem; color:#fff; line-height:1.2em; }

.kidc_ido table.basic_table th:first-child {}
.kidc_ido table.basic_table th:last-child { border-right:none;}
.kidc_ido table.basic_table th.leftBor { border-right:1px solid #e5e5e5;}

.kidc_ido table.basic_table td {padding: 18px 10px 18px;  border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:1.8rem; line-height:1.2em; }
.kidc_ido table.basic_table td.alignCenter {text-align: center;}
.kidc_ido table.basic_table td:last-child { border-right:none; border-bottom:none;}
.kidc_ido table.basic_table td.last_border {border-right:1px solid #e5e5e5;}
.kidc_ido table.basic_table td.leftBor { border-right:1px solid #e5e5e5;}

@media all and (max-width: 768px) {
   \.kidc_ido table.basic_table {border-bottom:none;}
  .kidc_ido table.basic_table th,
  .kidc_ido table.basic_table th:first-child { width:100%; }

  .kidc_ido table.basic_table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;  width: 1px; }
  .kidc_ido table.basic_table th { display: block; padding:15px 10px 12px; font-size:1.8rem; font-weight:600;  }
  .kidc_ido table.basic_table tr { border-top: 2px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; display: block;  margin-bottom: .625em; }
  .kidc_ido table.basic_table td { display: block; padding:15px 10px 12px; text-align:right; border-right:none; }
  .kidc_ido table.basic_table td::before { content: attr(data-label); /*data-label을 가상요소 표출*/ float: left; font-weight: bold;  text-transform: uppercase;  }
  .kidc_ido table.basic_table td:last-child { border-bottom: 0; }
}

/*img 안에 텍스트*/
.kidc_ido .imgNtxt {position:relative; width: 100%; height:100%;}
.kidc_ido .imgNtxt .txt { width:100%; height:auto; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); padding:20px; }

.kidc_ido .imgNtxt .posImg {border-radius:20px;}

/*설명글 박스*/
.kidc_ido .overTit {margin:0 -15px;}
.kidc_ido .overUl {display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; }
.kidc_ido .overUl .overLi { position:relative;width:calc(50% - 30px); padding:50px 40px 30px; margin:0 15px 50px; border:1px solid #c6c6c6; border-radius: 20px;}
.kidc_ido .overUl .overLi:hover,
.kidc_ido .overUl .overLi.scrolled_m { border-color:#bc2531;}
.kidc_ido .overUl .overLi:hover .tit,
.kidc_ido .overUl .overLi.scrolled_m .tit {background-color:#bc2531;}

.kidc_ido .overCont .tit {position: absolute; top:-25px; left:50%; transform: translateX(-50%); width:70%; background-color:#9e9e9e; color:#fff; padding:10px 15px; border-radius:30px; }

/*bullet 작업*/
.kidc_ido .overUl .bullet {position: relative; padding: 3px 0 3px 10px;}
.kidc_ido .overUl .bullet::before {content:""; position:absolute; top:13px; left:0; width: 4px; height:4px; background-color: #bc2531;}
/*마지막 줄 li 마진 bottom 없애기*/
.kidc_ido .overUl .overLi:nth-last-child(-n+2) {margin-bottom:0;}

@media screen and (max-width:768px){ 
  .kidc_ido .overTit {margin:0px;}
  .kidc_ido .overUl .overLi { width:100%; padding:40px 20px 20px; margin:0 0 40px; }
  /*마지막 줄 li 마진 bottom 없애기*/
.kidc_ido .overUl .overLi:nth-last-child(-n+2) {margin-bottom:40px;}
}
@media screen and (max-width:768px){ 
.kidc_ido .imgNtxt .posImg.h35 {padding-bottom:100%;}
}