/* Roboto font */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../font/Roboto-Regular.woff') format("woff"),
         url('../font/Roboto-Regular.eof') format("eof"),
         url('../font/Roboto-Regular.ttf')  format("ttf");
	unicode-range: U+0041-005A, U+0061-007A
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../font/Roboto-Medium.woff') format("woff"),
         url('../font/Roboto-Medium.eof') format("eof"),
         url('../font/Roboto-Medium.ttf')  format("ttf");
	unicode-range: U+0041-005A, U+0061-007A
}

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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{margin: 0;padding: 0;border: 0;font-size: 100%;/*font: inherit;*/vertical-align: baseline;}
.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6{margin: 0;}
ul, ol{margin: 0;}
p{margin: 0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
table{border-collapse: separate;border-spacing: 0;}

*{margin: 0;padding: 0;outline: none;box-sizing: border-box;}
html, body{font-family: 'Roboto', 'Pretendard Variable', sans-serif;color: #333;font-size: 100%;font-weight: 400;}
header, footer, section, article, div, table, ul, ol, a, button, form, input, select, textarea, em, i, p, dl, dt, dd, span, strong{font-family: 'Roboto', 'Pretendard Variable', sans-serif;}
table{border-collapse: separate;border-spacing: 0;width: 100%;}
ul, ol{list-style: none;}
form, fieldset, img{border: 0;}
img{vertical-align: middle;}
button{cursor: pointer;background: none;}
a{color: #333;font-size: inherit;text-decoration: none;}
a:hover, a:active, a:visited, a:focus{color: inherit;text-decoration: none;}
input, select, textarea, button{color: #333;font-size: inherit;border: 0;font-family: 'Roboto', 'Pretendard Variable', sans-serif;}
textarea{width: 100%;resize: none;}
textarea[readonly]{cursor: default;}
iframe{width: 100%;/*height:auto;*/border: 0;}
sup{vertical-align: super;font-size: 0.7em;}
sub{vertical-align: sub;font-size: 0.7em;}

.cf:after{display: block;content: '';clear: both;}
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}

.font-roboto,
.font-roboto *{
	font-family: 'Roboto', sans-serif;
}

.font-suit,
.font-suit *{
    font-family: 'SUIT Variable', sans-serif;
}

constant(safe-area-inset-top)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)
constant(safe-area-inset-left)
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)