@charset "utf-8";
.COM_tit_lg { width:100%; float: left; font-size:calc(var(--tit-lg-size) * 1); color: #000; font-weight:700; line-height: 130%; letter-spacing: -1px; }
.COM_tit_md { width:100%; float: left; font-size:calc(var(--tit-md-size) * 1); color: #000; font-weight:700; line-height: 130%; letter-spacing: -1px; }
.COM_tit_mds { width:100%; float: left; font-size:calc(var(--tit-mds-size) * 1); color: #000; font-weight:700; line-height: 130%; letter-spacing: -1px; }
.COM_tit_sm { width:100%; float: left; font-size:calc(var(--tx-sm-size) * 1); color: #000; font-weight:700; line-height: 130%; letter-spacing: -1px; }



.COM_tit_md { width:100%; float: left; font-size:calc(var(--tit-md-size) * 1); color: #000; font-weight:700; line-height: 130%; letter-spacing: -1px; }
.COM_tit_mds { width:100%; float: left; font-size:calc(var(--tit-mds-size) * 1); color: #000; font-weight:700; line-height: 130%; letter-spacing: -1px; }
.COM_tit_sm { width:100%; float: left; font-size:calc(var(--tx-sm-size) * 1); color: #000; font-weight:700; line-height: 130%; letter-spacing: -1px; }
.COM_TB  { width:100%; float: left;  }

/*테이블 소스*/
.COM_TB  .sub_stit3 { width:100%; float: left; display: flex; justify-content:space-between; align-items: center; flex-direction:row; box-sizing: border-box; margin-bottom: 10px; }
.COM_TB  .sub_stit3 .stt { width:auto; float: left; font-size: var(--tit-md-size); font-weight:600; line-height: 180%; letter-spacing: -1px; }
.COM_TB   .sub_stit3 .stt_btn a { width:auto; float: left; font-size: var(--tx-sm-size); color: #fff; font-weight:500; line-height: 100%; letter-spacing: -1px; background-color: #222; padding: 10px 20px; border-radius: 10px; cursor:pointer; }
.COM_TB  .sub_stit2 { width:100%; float: left; font-size: var(--tit-mds-size); color: #222; font-weight:600; line-height: 100%; letter-spacing: -1px; margin-bottom: 20px; }
.COM_TB   .tbl_wrap2 { position: relative; overflow: hidden; margin: 0 auto; width: 100%; border-top: 2px solid #333!important; }
.COM_TB   .tbl_head02 { width:100%; float: left; }
.COM_TB   .tbl_head02  table { width:100%; float: left; }
.COM_TB  .tbl_head02 th { vertical-align: middle; font-size:calc(var(--tx-sm-size) * 1.1); font-weight: 600; padding: 20px 0px!important; }
.COM_TB  .tbl_head02 th:first-child { width: 200px!important; }
.COM_TB  .tbl_head02 td { vertical-align: middle; font-size: var(--tx-sm-size); padding: 15px 15px!important; text-align: center; border-right: 1px solid #eee; }
.COM_TB  .tbl_head02 td:last-child { vertical-align: middle; font-size: var(--tx-sm-size); padding: 15px 15px!important; text-align: center; border-right: none; }
.COM_TB  .tbl_head02 td.text-left { text-align: left; }
.COM_TB  .tbl_head02 td.text-left>div { text-align: left; position: relative; padding-left: 15px; }
.COM_TB  .tbl_head02 td.text-left>div:before { content: "·"; position: absolute; left: 0px; top: 0px; font-size: 16px; color: #000; }
.COM_TB  .tbl_head02 td>em.st01 { background-color:#4ea031; border-radius: 30px; padding: 2px 20px; color: #fff; margin-right: 10px; font-size: calc( var(--tx-sm-size) * 0.8); }
.COM_TB  .tbl_head02 td>em.st02 { background-color:#395cb4; border-radius: 30px; padding: 2px 20px; color: #fff; margin-right: 10px; font-size: calc( var(--tx-sm-size) * 0.8); }
.COM_TB  .tbl_head02 td>em.st03 { background-color:#747f00; border-radius: 30px; padding: 2px 20px; color: #fff; margin-right: 10px; font-size: calc( var(--tx-sm-size) * 0.8); }
.COM_TB  .tbl_info { width:100%; float: left; font-size:  var(--tx-sm-size); color:#222; font-weight:500; line-height: 150%; letter-spacing: -1px; margin-top: 20px; }
/**** 모바일 ****/
@media only all and (max-width:767px) { .COM_TB  .tbl_head02  {width:100%; float: left; overflow-x: scroll; overflow-y: hidden; }
.COM_TB  .tbl_head02  table { width:100%; float: left; }
.COM_TB  .tbl_head02 th { vertical-align: middle; font-size: var(--tx-sm-size); padding: 10px 5px!important; text-align: center; }
.COM_TB  .tbl_head02 td { vertical-align: middle; font-size: var(--tx-sm-size); padding: 10px 5px!important; text-align: center; }
}



.COM_TB.TD_LEFT  .tbl_head02 td { text-align: left!important;}





/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) { .COM_TB .scroll-arrow {
      position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(255, 255, 255, 0.8); border: 1px solid #ccc; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #333; cursor: pointer; user-select: none; display: NONE; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) { ; }
/**** 모바일 ****/
@media only all and (max-width:767px) { .COM_TB  .scroll-arrow {
      position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(255, 255, 255, 0.8); border: 1px solid #ccc; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #333; cursor: pointer; user-select: none; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) { ; }
/* 구분 //end -----------------------------------*/


   
.COM_TB  .scroll-arrow.left { left: -10px; }
.COM_TB  .scroll-arrow.right { right: -10px; }
@media screen and (max-width: 768px) { .COM_TB    .scroll-arrow {
        display: flex; }
}





.COM_TB   .sub_stit { width:100%; float: left; font-size: var(--tit-md-size); color: #222; font-weight:600; line-height: 100%; letter-spacing: -1px; margin-bottom: 30px; }





.terms-wrap {

  line-height: 1.6;
  color: #333;

  max-width: 100%; text-align: left
  
}

.terms-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 25px;
  color: #222;

}

.terms-section {
  margin-bottom: 30px;
}

.terms-section h3 {
font-size:calc(var(--tx-sm-size) * 1);
  font-weight: 700;
  margin: 20px 0 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid #ddd;
  color: #222;
}

.terms-section h4 {
font-size:calc(var(--tx-sm-size) * 0.9);
  font-weight: 600;
  margin: 15px 0 8px;
  color: #444;
}

.terms-section p {
text-align: left!important ;  color: #444!important;  font-size:calc(var(--tx-sm-size) * 0.9)!important;
}

.terms-section ol,
.terms-section ul {
  margin: 8px 0 15px 20px;
  padding-left: 15px;
}

.terms-section ol li {
  margin-bottom: 6px;
  list-style-type: decimal;
}

.terms-section ul li {
  margin-bottom: 5px;
  list-style-type: disc;
}


.privacy-wrap {
  max-width: 100%; text-align: left

}
.privacy-title{
font-size:calc(var(--tx-sm-size) * 0.9)!important;  font-weight:800; color:#222; text-align:center; margin-bottom:22px;
}
.privacy-section{ margin-bottom:28px; }
.privacy-section h3{
font-size:calc(var(--tx-sm-size) * 1)!important; font-weight:700; color:#222;
  padding-bottom:8px; border-bottom:2px solid #e9ecef; margin:12px 0 14px;
}
.privacy-section h4{
font-size:calc(var(--tx-sm-size) * 0.9)!important;  font-weight:700; color:#444; margin:14px 0 8px;
}
.privacy-section p{ text-align: left!important ;  color: #444!important;  font-size:calc(var(--tx-sm-size) * 0.9)!important; }
.privacy-effective{ background:#f8fafc; border:1px solid #eef2f7; border-radius:8px; padding:10px 12px; }
.privacy-dl{ margin:10px 0 6px; }
.privacy-dl dt{
  font-weight:700; color:#3a3a3a; margin-top:10px;font-size:calc(var(--tx-sm-size) * 0.9)!important; 
}
.privacy-dl dd{
  margin:6px 0 12px 0; padding-left:0;font-size:calc(var(--tx-sm-size) * 0.9)!important; 
}
.privacy-section ul, .privacy-section ol{
  margin:8px 0 14px 20px; padding-left:12px;
}
.privacy-section ul li{ list-style:disc; margin:4px 0; font-size:calc(var(--tx-sm-size) * 0.9)!important; }
.privacy-section ol li{ list-style:decimal; margin:4px 0;font-size:calc(var(--tx-sm-size) * 0.9)!important;  }
.privacy-tip{ font-size:calc(var(--tx-sm-size) * 0.9)!important; color:#666; }







em.color1{color: var(--primary); font-weight: 800}
em.color2{color: var(--secondary); font-weight: 800}
em.color3{color: var( --tertiary); font-weight: 800}