body {
    position: relative;
    margin: 0;
    line-height: normal;
    color:var(--main);
    font-size: var(--font-size-medium);
    font-family: 'pretendard', sans-serif;
    font-weight: 400;
    background: url(../images/pc_bg.png)no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  
  .positionbody{
    height:100%;
    /* background: #e8e8e8; */
  }
  
  
  
  :root {
    /* font sizes */
    --font-size-2xs-2: max(0.625rem); /*10px*/
    --font-size-2x-smi: max(0.75rem);  /*12px*/
    --font-size-smi: max(0.8125rem);  /*13px*/
    --font-size-base: max(0.875rem);  /*14px*/
    --font-size-medium: max(0.9375rem);  /*15px*/
    --font-size-xl: max(1rem);  /*16px*/
    --font-size-lg-1: max(1.0625rem);/*17px*/
    --font-size-lg-2: max(1.125rem); /*18px*/
    --font-size-xxxl: max(1.25rem);/*20px*/
    --font-size-xxxxl: max(1.5625rem); /*25px*/
  
    /* Colors */
    --color-black: #000;
    --color-white: #fff;
    --main: #323232;
    --gray-type: #E0E0E0;
    --gray-type01: #F7F7F7;
    --gray-type02: #EEEEEE;
    --color-point:#419fd9;
    --color-point01:#419fd9;
    --color-point02:#d3dadd;
    --btn-color: #419fd9;
    /* font-weight */
    --font-500 : 500;
    
    /* border */
    --borderdefault : 1px solid var(--gray-type02);
    --borderactive : 1px solid var(  --color-steelblue);
  
    /* radius */
    --radius-5: 0.3125rem;
    --radius-10:.625rem;
  
    /* Gaps */
    --gap-5: 0.3125rem;
  
    /* height */
    --h100vh : 100vh;
  }
  
  .cursor{
    cursor: pointer;
  }
  
  .font-2smi{
    font-size: var(--font-size-2x-smi);
  }
  
  .font-2xx{
    font-size: var(--font-size-xxxl)
  }
  
  .borderBox{
    border: 1px solid var(--gray-type02);
  }
  
  .borderBold{
    border-bottom: 5px solid var(--gray-type02) !important;
  }
  
  .bdbtm-default{
    border-bottom: var(--borderdefault);
  }
  
  .radius-5{
    border-radius: 5px;;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  
  .radius-10{
    border-radius:var(--radius-10)
  }
  
  .font-500{
    font-weight: 500;
  }
  
  .font-600{
    font-weight: 600 !important;
  }
  
  .Caption-size{
    font-size: var(--font-size-smi);
  }
  
  .Title-size{
    font-size: var(--font-size-lg-1) !important;
  }
  
  .color-point{
    color: var(--color-point);
  }
  
  .color-point01{
    color: var(--color-point01) !important;
  }
  
  .color-point02{
    color: var(--color-point02);
  }
  
  .color-red{
    color:#F13838;
  }
  
  .border-point{
    border:1px solid var(--color-point01)  !important
  }
  
  /* font */
  @font-face {
    font-family: 's-core-midium';
    font-style: normal;
    src:url(../font/SCDream5.otf) format('opentype');
  }
  /* font */
  @font-face {
    font-family: 's-core-bold';
    font-style: normal;
    src: url(../font/SCDream8.otf) format('opentype');
  }