@font-face {
	font-family: nbg;
	font-style: normal;
	font-weight: 100;
    src: local('NanumBarunGothic'),
        url('../fonts/NanumBarunGothicUltraLight.otf') format('opentype'),
        url('../fonts/NanumBarunGothicUltraLight.ttf') format('truetype');
}

@font-face {
	font-family: nbg;
	font-style: normal;
	font-weight: 200;
    src: local('NanumBarunGothic'),
        url('../fonts/NanumBarunGothicLight.otf') format('opentype'),
        url('../fonts/NanumBarunGothicLight.ttf') format('truetype');
}

@font-face {
	font-family: nbg;
	font-style: normal;
	font-weight: 400;
    src: local('NanumBarunGothic'),
        url('../fonts/NanumBarunGothic.otf') format('opentype'),
        url('../fonts/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
	font-family: nbg;
	font-style: normal;
	font-weight: 700;
    src: local('NanumBarunGothicBold'),
        url('../fonts/NanumBarunGothicBold.otf') format('opentype'),
        url('../fonts/NanumBarunGothicBold.ttf') format('truetype');
}

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,
	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, select, input, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: nbg, '돋움', dotum, sans-serif;
	vertical-align: middle;
	color: #343541;
}

:root {
    color-scheme: light;
    --app-max-width: 440px;
    --nav-height: 2.6rem;
    --nav-font: 1.5rem;
    --bg: #f6f7fb;
    --panel: #ffffff;
    --border: #e6e9f0;
    --text: #111827;
    --muted: #6b7280;
    --primary: #0ea5e9;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overscroll-behavior: contain;
    touch-action: manipulation;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    background: var(--bg);
    color: var(--text);
}

* {
    outline: none;
}

body {
    line-height: 1;
}

@media (max-width: 440px) {
    .app {
        width: 100%;
    }
}

@media (min-width: 440px) {
    .app {
        width: var(--app-max-width);
    }
}

@media (min-width: 370px) and (max-width: 390px) {
    html { font-size: 17px; }
}

@media (min-width: 391px) and (max-width: 410px) {
    html { font-size: 18px; }
}

@media (min-width: 411px) {
    html { font-size: 19px; }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
}


tr {
	border-top: solid 1px #ccc;
}

table td:not(:last-child) {
	border-right: solid 1px #ccc;
}

table td {
	text-align:center;	
}

td, option, input, select, div {
	text-align: center;
}

div {
	margin: 0 auto;
}

table.noborder {
	border:none;
}

table.noborder tr {
	border:none;
}

table.noborder td {
	border:none;
}