/* COMMON */

*{ margin:0; padding:0; text-decoration:none; list-style:none; box-sizing:border-box; font-family: "Pretendard"; letter-spacing: -1px; font-size: 15px; }

@font-face {
    font-family: 'GmarketSansBold';
    font-weight: 700;
    src: url('/font/GmarketSansBold.woff2') format('woff2'),
      url('/font/GmarketSansBold.woff') format('woff')
  }

@font-face {
    font-family: 'ggs';
    font-weight: 500;
    src: url('/font/ggs.woff2') format('woff2'),
      url('/font/ggs.woff') format('woff')
  }

@font-face {
    font-family: 'ggs';
    font-weight: 900;
    src: url('/font/GmarketSansTTFBold.ttf')
  }

@font-face {
    font-family: 'JalnanGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: url('/font/Pretendard-Thin.woff') format('woff')
  }
    
  @font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: url('/font/Pretendard-ExtraLight.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url('/font/Pretendard-Light.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url('/font/Pretendard-Regular.woff') format('woff')
  }
    
  @font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url('/font/Pretendard-Medium.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url('/font/Pretendard-SemiBold.woff') format('woff')
  }
    
  @font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url('/font/Pretendard-Bold.woff') format('woff')
  }
  
  @font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: url('/font/Pretendard-ExtraBold.woff') format('woff')
  }

   @font-face {
    font-family: 'Jalnan2';
    font-weight: 900;
    src: url('/font/Jalnan2.otf')
  }

    /* loading */
    #loadingWrap { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; display: none; }
    #loadingWrap * { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
    #loadingWrap > #loadingPercent { position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; text-align: center; line-height: 50px; font-size: 11px; font-weight: bold; letter-spacing: -0.5px; color: #333; text-shadow: 0 0 2px #FFF; }
    #loadingWrap > #loading { position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; animation: loading 1s ease-in-out infinite; -webkit-animation: loading 1s ease-in-out infinite; }
    
    @keyframes loading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
    @-webkit-keyframes loading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
    
    .captcha {margin-top:18px; float:right;}