*{letter-spacing: -0.5px;}

/* -------------- 공통사용 --------------- */
body:has(.agrPoCont) .headerSection{box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 16%);}
.agrPoCont{position: relative;}
.agrPoCont .subComTab{margin-bottom: 60px;}
.agrPoCont .lst--amtClick{position: relative; font-weight: 700; color: var(--clr_black_mn);}
.agrPoCont .lst--amtClick:after {
  content: ''; width: 100%; height: 2px;
  background-color: var(--clr_black_mn);
  position: absolute; bottom: -12px; left: 0;
}

/* text-indent */
.intentCh10 .comTxtInnerBox , .intentCh10 p{text-indent: -10px !important; padding-left: 10px !important; }

.agrPoCont .comTit{
  font-size: 16px; font-weight: 700; line-height: 20px; color:var(--clr_black_mn);
  margin-bottom: 20px; padding-left: 16px; text-indent: -16px;
}
.agrPoCont .comTxtBox{display: flex; flex-direction: column; gap: 7px; padding-left: 5px;}
.agrPoCont .comTxt_p{font-weight: 400; line-height: 23px; color: var(--clr_black_ex);}
.agrPoCont .comTxt_p--notTxtIndt{text-indent: unset !important; padding-left: unset !important;}
.agrPoCont .comTxt_p--exTxt{margin-bottom: 12px; color: var(--clr_black_mn); font-weight: 500;}
.agrPoCont .comTxtInnerBox{
  margin-top: 12px;  margin-bottom: 15px; padding-left: 20px;
  display: flex; flex-direction: column; gap: 5px;
}
.agrPoCont .comTxtInnerBox p{font-weight: 400; line-height: 23px; color: var(--clr_black_ex);}
.agrPoCont--refund .comTxtInnerBox{gap: 6px;}
.agrPoCont--refund .refundSpanCh{
  color: #fa5039; font-size: 13px; font-weight: 600;
  display: block !important; padding-left: 10px; margin-top: 2px !important;
}
.comTxtInnerBox:has(.refundSpanCh) .mb6{margin-bottom:8px !important;}
.agrPoCont .comTxt_p span,
.agrPoCont .comTxtInnerBox p span{
  text-indent: -10px; padding-left: 10px; display: block; 
  word-break: keep-all;
}
.agrPoCont .comTxtInnerBox p:has(span){margin-bottom: 10px;}
.agrPoCont .comTxtInnerBox p:has(span):last-child{margin-bottom: unset;}
.agrPoCont .comTxtInnerBox p span{margin-bottom: 4px;}
.agrPoCont .comTxtInnerBox p span:first-child{margin-top: 8px;}

.agrPoCont .hasTable{margin-bottom: 15px;}
.agrPoCont .comTable{
  width: 100%; margin-top: 10px; margin-bottom: 10px;
  border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
}
.agrPoCont .comTable th{
  border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;
  background-color: #f4f4f4;
  padding: 8px 4px 8px;
  font-size: 13px; line-height: 18px; color: #333;
  text-align: center; word-break: break-word; letter-spacing: -0.8px;
}
.agrPoCont .comTable tbody th{font-weight: 500;}
.agrPoCont .comTable td{
  border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;
  padding: 7px 5px;
  font-size: 13px; font-weight: 300;
  line-height: 18px; word-break: break-word; letter-spacing: -0.8px;
  color: #0f0f0f; text-align: center;
}

.agrPoCont .comTable--pc{display: none;}
.agrPoCont .comTable--mob{display: table;}

.agrPoCont--refund .comTable td {text-align: left; word-break: keep-all;}
.agrPoCont--refund .span_attach{
  font-size: 14px; font-weight: 600; color: var(--clr_soft_red);
  display: inline !important; padding: unset !important;
}

.agrPoCont .polTit_h1{
  font-size: 20px; font-weight: 600; text-align: center;
  margin-bottom: 45px; margin-top: 50px;
  color:rgb(21 51 92); position: relative;
}
.agrPoCont .polTit_h1:after {
  content: ''; width: 2px; height: 13px;
  transform: rotate(15deg);
  margin: 8px auto 30px;
  display: block;
  background: rgb(21 51 92);
}

/* table 별도 css 적용 */
.agrPoCont .listNumBox2 col:first-child{min-width:50px;}
.agrPoCont .listNumBox9 .comTable--mob col:first-child{min-width: 50px;}
/* ------------------------------------ */

.agrPoCont .listNumBox{ margin-bottom: 40px; font-weight: 400;}

.agrPoCont .indexListBox{margin-bottom: 40px;}
.agrPoCont .indexList_list{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  border-top: var(--mix_brdr_btrDkr);
  border-bottom: var(--mix_brdr_btrDkr);
  padding: 20px 5px;
}
.agrPoCont .indexList_list div{padding: 0 15px; display: flex; flex-direction: column; row-gap: 5px;}
.agrPoCont .indexList_list a{
  display: block; width: fit-content;
  font-size: 14px; font-weight: 400; word-break: keep-all; line-height: 20px;
  color: var(--clr_black_ex);
  padding: 4px 10px 4px 10px; text-indent: -15px;
}
.agrPoCont .indexList_list a:hover{text-decoration: underline;}

@media all and (min-width:540px){ .agrPoCont .indexList_list--agree{grid-template-columns: repeat(2, 1fr);}}
@media all and (min-width:640px){
  .agrPoCont--refund .refundSpanCh{display: inline !important; font-size: 14px;}
  .comTxtInnerBox:has(.refundSpanCh) .mb6{margin-bottom:6px !important;}
}

@media all and (min-width:768px){
  #section:has(.agrPoCont .indexListBox){padding-top: 50px;}
  .agrPoCont .comTxt_p--exTxt{margin-bottom: 8px;}

  .agrPoCont .comTable--pc{display: table;}
  .agrPoCont .comTable--mob{display: none;}
  .agrPoCont .comTable th, .agrPoCont .comTable td{font-size: 14px;}
  .agrPoCont .polTit_h1{font-size: 22px; margin-top: 70px;}
  .agrPoCont .polTit_h1:after {width: 3px; height: 15px; margin: 12px auto 38px;}
  
  .agrPoCont .indexList_list{padding: 20px 15px;}
  .agrPoCont .indexList_list--policy{grid-template-columns: repeat(2, 1fr);}
  .agrPoCont .indexList_list--agree{grid-template-columns: repeat(3, 1fr);}
}
/* ------------------------- */
@media (max-width: 768px) {
  .agrPoCont .comTit{font-size: 15px; line-height: 18px; margin-bottom:12px;}
  .agrPoCont .comTxtInnerBox{padding-left: 15px; margin-top: 8px; margin-bottom: 10px;}
  .agrPoCont .comTxt_p,
  .agrPoCont .comTxtInnerBox p{font-size: 14px;}
  .agrPoCont .comTxt_p{text-indent: -20px; padding-left: 20px;}
  .agrPoCont .comTxtInnerBox p{text-indent: -16px; padding-left: 16px;}
  .agrPoCont .comTxtInnerBox p span{line-height: 20px; margin-bottom: 3px;}
  .agrPoCont .comTxtInnerBox p span:first-child{margin-top: 5px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .agrPoCont .comTit{font-size: 17px; line-height: 21px;}
  .agrPoCont .comTxt_p,
  .agrPoCont .comTxtInnerBox p{font-size: 15px;}
  .agrPoCont .comTxt_p{text-indent: -21px; padding-left: 21px;}
  .agrPoCont .comTxtInnerBox p{text-indent: -16px; padding-left: 16px;}
}

@media all and (min-width:1024px){
  .agrPoCont .comTit{font-size: 18px; line-height: 21px;}
  .agrPoCont .comTxt_p,
  .agrPoCont .comTxtInnerBox p{font-size: 16px;}
  .agrPoCont .comTxt_p{text-indent: -23px; padding-left: 23px;}
  .agrPoCont .comTxtInnerBox p{text-indent: -17px; padding-left: 17px;}
  .agrPoCont .indexList_list a{font-size: 15px;}
}
/* ------------------------- */