/* kdc, it css 와 조금 차이가 있으므로 전체 복붙하면 안 됨!*/

/* -------------- 공통사용 --------------- */
body:has(.agrPoCont) .headerSection{box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 16%);}
.agrPoCont{width: 90%; max-width: 1080px; margin: 0 auto; margin-bottom: 100px; position: relative;}
/* text-indent */
.IntentCh10 .comTxtInnerBox , .IntentCh10 p{text-indent: -10px !important; padding-left: 10px !important; }

.agrPoCont .comTit{
  font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(21 51 92);
  margin-bottom: 10px; padding-left: 16px; text-indent: -16px;
}
.agrPoCont .comTxtBox{display: flex; flex-direction: column; gap: 8px; color: #2d2d2d; padding-left: 5px;}
.agrPoCont .comTxt_p{
  text-indent: -18px; padding-left: 18px;
  font-size: 14px; line-height: 20px; color: #34353b;
}
.agrPoCont .comTxt_p--notTxtIndt{text-indent: unset; padding-left: unset;}
.agrPoCont .comTxt_p--exTxt{margin-bottom: 12px; color: #0a0a0a; font-weight: 500;
}
.agrPoCont .comTxtInnerBox{
  margin-top: 8px;  margin-bottom: 10px; padding-left: 20px;
  display: flex; flex-direction: column; gap: 2px;
}
.agrPoCont .comTxtInnerBox p{
  text-indent: -17px; padding-left: 17px;
  font-size: 14px; line-height: 18px; color: #2d2d2d;
}
.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:first-child{margin-top: 5px;}
.agrPoCont .comTxtInnerBox p span b{font-weight: 500;}

.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;
  text-align: center; word-break: break-word; letter-spacing: -0.8px;
  color: #333;
}
.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: #72006f;
  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: 50px; font-weight: 500;}

.agrPoCont .indexListBox{margin-bottom: 50px;}
.agrPoCont .indexList_list{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  border-top: 1px solid #bec6cb;
  border-bottom: 1px solid #bec6cb;
  padding: 20px 5px;
}
.agrPoCont .indexList_list a{
  display: block; width: fit-content;
  font-size: 14px; font-weight: 500; word-break: keep-all; line-height: 20px;
  color: #1b2c3d;
  padding: 4px 10px 4px 10px; text-indent: -15px;
}
.agrPoCont .indexList_list a:hover{text-decoration: underline;}
.agrPoCont .indexList_list a span{letter-spacing: -1.5px;}


@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{width: 95%;}
  .agrPoCont .comTit{font-size: 18px; line-height: 28px;}
  .agrPoCont .comTxtBox{gap: 6px;}
  .agrPoCont--refund .comTxtBox{gap: 10px;}
  .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);}
}
/* ------------------------- */


/* 상단 탭 css 별도 */
.agrPoliTab{width: 95%; max-width: 1080px; display: flex; align-items: center; justify-content: center; gap: 3px; margin:  0 auto; margin-top: 45px;}
.agrPoliTab_tab{
  width: calc(100% / 3); height: 100%;
  display: block;
  padding: 7px 5px;
  font-size: 12px; font-weight: 500; letter-spacing: -0.5px;
  text-align: center;
  border-radius: 50px; background-color: #f3f5f6; color: #000;
}
.agrPoliTab_tab:hover,
.agrPoliTab_tab.active{background-color: rgb(12 46 91); color: #fff;}
@media all and (min-width:540px){
  .agrPoliTab{gap: 7px;}
  .agrPoliTab_tab{font-size: 13px; padding: 10px 0;}
}
@media all and (min-width:768px){
  .agrPoliTab{gap: 15px; margin-top: 60px;}
  .agrPoliTab_tab{padding: 11px 0; font-size: 14px; letter-spacing: unset;}
}
@media all and (min-width:1080px){
  .agrPoliTab{margin-top: 75px;}
}
/* ------------------------- */


/* 모달 css 별도 */
.blocker:has(.agrPoCont) {z-index: 10000;}
.modal_Popup_f--pol:has(.agrPoCont){width:100%; padding:15px 0; border-radius:5px;}
.modal:has(.agrPoCont) a.close-modal{top: 0.5px; right: 0.5px; filter: invert(1);width: 35px;height: 35px;}
.modal_Popup_f--pol:has(.agrPoCont):has(.custSelBox.active){bottom: 75px;}

@media all and (min-width:540px){
  .modal_Popup_f--pol:has(.agrPoCont){padding:18px 0 32px;}
  .modal:has(.agrPoCont) a.close-modal{top:3.5px; right:2.5px;}
}
@media all and (min-width:768px){
  .modal_Popup_f--pol:has(.agrPoCont){ padding: 20px; }
  .modal:has(.agrPoCont) a.close-modal{top: 6.5px; right: 6.5px;}
}
@media all and (min-width:1080px){.modal_Popup_f--pol:has(.agrPoCont){ padding: 25px 30px;}}
/* ------------------------- */