@charset "utf-8";


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
 
 :root {

/* Color */
  --text-gray1:#222;
  --text-gray2:#666; 
  --text-gray3:#999;
  --text-white1:#fff;
  --text-white2:rgba(255,255,255,0.7);
  --line-gray1:#e0e0e0;
  --line-gray2:#eee;
  --bg-gray1:#f6f6f6;
  --bg-dark:#191A1D;
  --bg-gr-light:linear-gradient(45deg, #363CB7, #5A38B5, #9B3BAD);
  --bg-gr-dark:linear-gradient(45deg, #6A71FF, #946CFF, #E86FFF);
  --bg-blue:#2E4BA3;

    
/* spacing */
  --spacing1:0.4rem;
  --spacing2:0.8rem;
  --spacing3:1.2rem;
  --spacing4:1.6rem;
  --spacing5:2rem;
  --spacing6:2.4rem;
  --spacing7:2.8rem;
  --spacing8:3.2rem;
  --spacing9:3.6rem;
  --spacing10:4.0rem;
  --spacing11:4.4rem;
  --spacing12:4.8rem;
  --spacing13:5.2rem;
  --spacing14:5.6rem;
  --spacing14:5.6rem;
  --spacing15:6.0rem; 
  --spacing16:6.4rem;  
  --spacing20:8.0rem;  
   
 /* Radius */
 --radius-xs: 0.8rem;  
 --radius-s: 1.0rem;  
 --radius-m: 1.6rem; 
 --radius-l: 2.4rem;    
 --radius-circle: 50%;   
 
/* Shadow */
 --shadow1: 0 4px 20px rgba(0,0,0,0.1);
 
 /* transition */
  --basic-transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, box-shadow 0.2s ease-out;
 }
 
*,
*::before,
*::after {box-sizing: border-box;}
  
  /* reset */
  html {font-size: 62.5%;}

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video{
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      vertical-align: baseline;
      background: transparent;
      font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
      font-weight:400;
  }

body {line-height:1.5;font-size:1.4rem;background:#fff;color:#222;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img, abbr, acronym{ border:0 none; }
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
a {background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:var(--txt-gray1);}
a:not([href]):not([class]), a:not([href]):not([class]):hover {color:inherit;text-decoration:none;}
a:active, a:hover {text-decoration:none;outline-width: 0;}
b,strong {font-weight: bolder;}

label {cursor:text;inline-block;}
legend, caption{position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0}
img {max-width: 100%;vertical-align: middle;}
svg {vertical-align: middle;}
table th {text-align:center;font-weight:bold;vertical-align:middle;white-space:nowrap !important}
table td {vertical-align:middle !important;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}


/* mobile */

@media (max-width:768px) {
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
button {border:0 none;background-color:transparent;}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-width:1px;}
input:checked[type='checkbox'] {background-color:#666;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

body {background:#fff;}
body,th,td,input,select,textarea,button {font-family: var(--font-main);color:fff} /* color값은 디자인가이드에 맞게사용 */

a {text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

label {cursor:text}
legend, caption{position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0}
img {max-width: 100%}
table th {text-align:center;font-weight:bold;vertical-align:middle;white-space:nowrap}
table td {vertical-align:middle;}


/* Html5 display */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
}