:root{
    --theme-color: #20ABC6;
    
    --primary-color: #3CCBDB;
    --red-color: #FE6F61;
    --red-100-color: #FF6262;
    --red-200-color: #FF8B8B;
    --pink-100-color: #DA2872;
    --accent-color: #F7E948;
/*    --accent-color:#FFCB57;*/
    --yellow-color:#F7E847;
    --blue-color:#3969EF;
    --standard-radius: 15px;
    --border-round-S: 5px;
    --border-round-L: 10px;
    --border-color: #EDEDED;
    --theme-color: #3CCBDB;
    --theme-bg-color: #F8F8FA;
    --theme-font-color: #444C67;
    --disabled-font-color: #C4C4C4;
    --disabled-gray-color:#D2D2DF;
    --disabled-status-color:#D2D2DF;
    --navy-color:#454D56;
    --gray-font-color:#454D56;
    --box-shadow: 10px 10px 10px rgba(212, 212, 223, 0.2);
    --box-shadow_black: 3px 3px 4px rgba(0, 0, 0, 0.25);
    --bg-gray: #F4F5F9;
    --bg-gray-color: #F8F8FA;
    --bg-sky: #ECF9FB;
    --gradient-color: linear-gradient(98deg, #3CCBDB 32.37%, #F7E847 114.35%);
    --gradient-hover-color: linear-gradient(98deg, #2E97A3 32.37%, #F7E847 114.35%);
    --placeholder-color: #B7BECD;
    --line-color: #E4E8EE;
}


@font-face {
        font-family: 'Noto Sans KR';
        src: url('/biz/STATIC/fonts/NotoSansKR-Black.woff2') format('font-woff2'),
             url('/biz/STATIC/fonts/NotoSans-Black.woff') format('woff');
        font-weight: 900;
        font-style: normal;
    }
    @font-face {
        font-family: 'Noto Sans KR';
        src: url('/biz/STATIC/fonts/NotoSansKR-Bold.woff2') format('font-woff2'),
             url('/biz/STATIC/fonts/NotoSans-Bold.woff') format('woff');
        font-weight: 700;
        font-style: normal;
    }
    @font-face {
        font-family: 'Noto Sans KR';
        src: url('/biz/STATIC/fonts/NotoSansKR-SemiBold.woff2') format('font-woff2'),
             url('/biz/STATIC/fonts/NotoSansKR-SemiBold.woff') format('woff');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'Noto Sans KR';
        src: url('/biz/STATIC/fonts/NotoSansKR-Medium.woff2') format('font-woff2'),
             url('/biz/STATIC/fonts/NotoSans-Medium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
    }

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

    @font-face {
        font-family: 'Noto Sans KR';
        src: url('/biz/STATIC/fonts/NotoSansKR-Light.woff2') format('font-woff2'),
             url('/biz/STATIC/fonts/NotoSans-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'roboto';
        src: url('/biz/STATIC/fonts/Roboto/Roboto-Medium.ttf') format('woff'),
             url('/biz/STATIC/fonts/Roboto/Roboto-Medium.ttf') format('font-woff2');
        font-weight: 500;
        font-style: normal;
    }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Noto Sans KR', -apple-system,Arial, sans-serif; 
    -webkit-tap-highlight-color: transparent; letter-spacing: -0.4px;
}

textarea {
    border: 1px solid var(--line-color);
    resize: none;
    border-radius: var(--border-round-S);
}
    input:focus, select:focus, textarea:focus { /*border-color: #333;*/ }
    input::placeholder, textarea::placeholder {
        color: #888;
    }
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../img/icon/select_down.png);
        background-position: right 20px center;
        background-repeat: no-repeat;
        padding-right: 50px;
   }
    select::-ms-expand {
        display: none;
    }


.loading span:not(.loader) {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: var(--accent-color);
  border-radius: 50%;
  animation: loading 1s linear infinite;
}

.loading span:nth-child(1) {
  animation-delay: 0s;
}

.loading span:nth-child(2) {
  animation-delay: 0.2s;
  margin: 0px 10px
}

.loading span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes loading {
  0%, 100% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

.max1070{
    max-width: 1070px;
}