:root {
    --main-color : #2f2725;
    --pastor-color : #00438a;
    --elder-color : #347341;
    --sub2-color : #8db943;
    --sub-color : #9eb4d9;
    --beige-color : #ecdfc9;
    --yellow-color : #ffdd17;
    --pane-padding: 5px 42px;
  }

  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSans.woff2') format('woff2');
  }

  

  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'ONE-Mobile';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

  
  *{
      padding:0; 
      margin:0;
      box-sizing:border-box;
  }
  
  .clear:after{
      display:block; 
      content:'';
      clear:both;
  }
  
  body{
      color:#333;
      word-break: break-all;
      font-size : 14px;
      font-family: 'Pretendard','Noto Sans KR', sans-serif;
      letter-spacing : -0.5px;
  }

  li{
      list-style : none;
  }
  
  a{
      color:inherit; 
      text-decoration: none;
      cursor : pointer;
      display : inline-block;
      width : 100%;
      height : 100%;
      -webkit-tap-highlight-color: transparent;
  }
  
  address{
      font-style : normal;
  }
  
  img{
      width:100%; 
      vertical-align : bottom;
  }

  .wrap{
    max-width : 1200px;
    width : 100%;
    margin : 0 auto;
}
  

  
  .wd-5{width:5%;}
  .wd-10{width:10%;}
  .wd-15{width:15%;}
  .wd-20{width:20%;}
  .wd-30{width:30%;}
  .wd-40{width:40%;}
  .wd-50{width:50%;}
  .wd-60{width:60%;}
  .wd-65{width:65%;}
  .wd-70{width:70%;}
  .wd-80{width:80%;}
  .wd-90{width:90%;}
  
  .no-line{
      border:0 !important;
  }
  
  input.checkbox{
      width : 0px;
      height: 0px;
      position : absolute;
      top : 0;
      bottom : 0;
      left : 0;
      right : 0;
      margin : auto;
  }
  
  button { 
      background-color : transparent;
      border : 0;
      cursor : pointer;
      font-size : inherit;
      color : inherit;
      outline : none;
      font-family: inherit;
      -webkit-tap-highlight-color: transparent;
  }
  
  button:active{
      background-color : none;
      outline:none;
    box-shadow:none;
    -webkit-tap-highlight-color: transparent;
  }


  i{
      display : inline-block;
      vertical-align : middle;
  }

  .icon{
    background-position : center;
    background-size : 100%;
    background-repeat: no-repeat;
  }
  
  input{
      border-radius : 0;
      border : 0;
  }
  
  input:focus{
      outline : none;
  }
  
  .radio{
      width : 0;
      height : 0;
      border : 0;
      -webkit-appearance: none;
  }
  
  .input{
      border : 1px solid #aaa;
      width : 100%;
  }

  select{
    background-color : #fff;
    color : inherit;
    -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    background-image : url("../images/icons/arrow-down-black.svg");
    background-position : right 10px center;
    background-repeat: no-repeat;
  }
  
  .pc_none{
      display : none;
  }
  
  .mo_none{
      display : block;
  }
  
  #popup{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0,0,0,0.5);
  }


  .color-yellow{
    color : #ffdd17;
  }

  .bg-yellow{
    background-color : var(--yellow-color) !important;
  }

  .font-bold{
    font-weight:700;
  }

  @media screen and (max-width : 768px){
      .pc_none{
          display : block;
      }
  
      .mo_none{
          display : none;
      }
  
      body{
          font-size : 12px;
      }
  }