@charset "UTF-8";

/* 테두리를 기준으로 크기를 정합니다. */
*,
*::before,
*::after { box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border; -o-box-sizing:border-box; }

/* 텍스트 마우스 드래그시 색상 변경방법 */
::selection,
::-moz-selection { background-color:#39f; color:#fff; text-shadow:none; }

/* 태그 마진&패팅 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

html {
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Nanum Gothic", "Nanum Square", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* `font` 속성 리셋 */
  font-size:16px;
  /* 기본 글골 사이즈 정의  16x => 1rem */
  font-weight:normal; line-height:1.5; background-color:#fff; color:#4d5058;
  /* 글꼴 크기 조정을 방지 */
  -webkit-text-size-adjust:100%;
  /* 폰트를 부드럽게 */
  -webkit-font-smoothing:antialiased; 
  -moz-osx-font-smoothing:grayscale;
  /* 웹킷 마음대로 눌림 하이라이트 막음 */
  -webkit-tap-highlight-color:transparent;
}

/* 레이아웃 초기화 */
body { line-height:1; }

html { min-height:100%; position:relative; }
html[lang="ko"] * { font-family:'Nanum Gothic', fontawesome, sans-serif; }

/* a 태그 초기화 */
a { color:#000; text-decoration:none; cursor:pointer; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } 
a:hover { color:#0f6ecd; text-decoration: underline; }
a:active,
a:hover { outline:none; }

/* b 태그 초기화 */
b,
strong { font-weight:600; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* ul, ol 리스트 스타일 초기화 */
ol, ul, li { list-style:none; }

blockquote, 
q { quotes:none; }

blockquote:before, 
blockquote:after,
q:before, 
q:after { content:''; content:none; }

address, 
em { font-style:normal; }

canvas { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; }

/* 테이블 초기화 */
table { border-collapse:collapse; border-spacing:0; width:100%; display:table; border-collapse:collapse; }
table caption { display:table-caption; }
table colgroup { display:table-column-group; }
table colgroup col, 
table col { display:table-column; }
table thead { display:table-header-group; }
table tbody { display:table-row-group; }
table tfoot { display:table-footer-group; }
table tr { display:table-row; }
table tr th, 
table tr td { display:table-cell; vertical-align:middle; }
table thead tr th { border-bottom:none; }


 
/* 기본 셋업 */
header,section,article,aside,footer,main,a,button,input,textarea,img,nav,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,span{
  margin   : 0;
  padding  : 0;
  /* 폰트 크기 상속 */
  font-size: inherit;
}

/* 폼에 관한 태그들 초기화 */
button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) { cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { padding:0; border-style:none; }

input[type="radio"],
input[type="checkbox"] { box-sizing:border-box; padding:0; }

textarea { overflow:auto; resize:vertical; }

fieldset { min-width:0; padding:0; margin:0; border:0; }

legend { display:block; width:100%; max-width:100%; padding:0; margin-bottom:.5rem; font-size:1.5rem; line-height:inherit; color:inherit; white-space:normal; }