@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; line-height: 1.6;}
h1, h2, h3, h4 {color: var(--font-color-heading);}
html { width:100%; height:100%; }
body,code { font-size:16px; font-family: "'Pretendard', sans-serif;", "Noto-Sans-CJK-KR","Segoe-UI","맑은 고딕","malgun gothic","돋움","dotum",sans-serif; color:var(--font-color-base); background:#fff;   letter-spacing: -0.5px; }
body { min-width:360px; width:100%; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font-family:"Noto-Sans-CJK-KR","Segoe-UI","맑은 고딕","malgun gothic","돋움","dotum",sans-serif; color:var(--font-color-base); vertical-align:middle; border-radius:0; box-sizing:border-box; }
button { font-family:"Noto-Sans-CJK-KR","Segoe-UI","맑은 고딕","malgun gothic","돋움","dotum",sans-serif; overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:none; }
hr.layout { display:none; }
a { text-decoration:none;  color:var(--font-color-base); }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
.content {padding: 100px 0; max-width: 1200px; margin: 0 auto;  }


/* IE Not Supoorted */
:root {
  --font-color-base:#535353;
  --font-color-heading:#313131;
  --font-color-primary:#313131;
  --font-color-secondary:#ef441f;
  --font-color-warn:#ec2a1d;
  --font-color-success:#0985df;
}

@media (max-width: 767px) {
  html, body {
    font-size: 14px;
  }

  /* (선택) 모바일 전용으로 바꾸고 싶을 경우에만 재정의 */
  /*
  :root {
    --font-color-base: #222;
  }
  */
}
/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */