@charset "utf-8"; 
@import url(./font.css); 


body {
      font-family: 'Arial', sans-serif;
      padding:0px;
      margin: 0;
      background-color: transparent;
      color: #000;
      line-height: 1.6;
      font-size: 14px;
      
    }

    h1 {
      text-align: center;
      margin-bottom: 40px;
      font-size: 2em;
    }

    h2 {
      margin-top: 40px;
      margin-bottom: 10px;
      color: #2c3e50;
      font-size: 1.3em;
    }

    p {
      margin: 10px 0;
      font-size: 14px;
      font-weight: normal;
    }

    .terms-container {
      margin: 0 auto;
      background-color: transparent;
      padding: 0px; 
    }


    ul {
      list-style: none;
      padding-left:0em;
      margin: 0 0 1em 0;
    }

    li {
        font-size:14px;
        color:#333;
        font-weight: normal;
        position: relative;
        margin-bottom: 0.3em;
    }

    .footer_line {display: block; padding-top: 2em;  height: 100px; border-top: 1px solid #ddd; width:100%;}

    /*숫자+. 넘버링 */
     .auto-number-list-1 {
      counter-reset: section;
      list-style: none;
      padding-left: 0.6em;
      margin: 0;
    }

    .auto-number-list-1 > .auto-item {
      counter-increment: section;
      position: relative;
      padding-left: 1.2em;
      font-weight: bold;
      font-size: 1.2em;
      padding-top: 20px;
    }

    .auto-number-list-1 > .auto-item::before {
      content: counter(section) ".";
      position: absolute;
      left: -0.6em;
      width: 1.5em;
      text-align: right;
      color: #333;
    }

    .auto-number-list-1 > .auto-item:first-child {
      padding-top: 0px;
    }


    /*작은 숫자+. 넘버링 */
    .auto-number-list-1.small > .auto-item {
      font-size:14px;
      font-weight: normal;
      padding-top: 10px;
    }



    /* 1단계: 동그라미 숫자 */
    .circle-number {
      counter-reset: circle;
      list-style: none;
      padding-left: 1.15em;
    }

    .circle-number > li {
      counter-increment: circle;
    }

    .circle-number > li::before {
      content: counter(circle);
      position: absolute;
      left: -1.8em;
      top:4px;
      border: 1px solid #333;
      border-radius: 50%;
      width: 1.2em;
      line-height: 1.4em;
      aspect-ratio:  1/1;
      overflow: hidden;
      text-align: center;
      font-size: 0.8em;
    }

    /* 2단계: 숫자 뒤에 괄호 */
    .auto-number-list-2 {
      counter-reset: num2;
      list-style: none;
      padding-left: 1.5em;
    }

    .auto-number-list-2 > li {
      counter-increment: num2;
    }

    .auto-number-list-2 > li::before {
      content: counter(num2) ")";
      position: absolute;
      left: -1.5em;
      width: 1.5em;
      text-align: left;
    }

    /* 3단계: 한글 번호 (가, 나, 다...) */
    .korean-list {
      list-style: none;
      padding-left: 1.5em;
    }

    .korean-list > li {
    }

    .korean-list > li::before {
      content: attr(data-kor);
      position: absolute;
      left: -1.5em;
      width: 1.5em;
      text-align: left;
    }

    /*가로 긴 한글 */
    .korean-list.wide {
      padding-left: 2em;
    }

    .korean-list.wide > li::before {
      left: -2em;
    }