@charset "utf-8";
@font-face {
	font-family: 'Pretendard Variable';
	src:local('Pretendard Variable'),
        url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2');
	font-display: swap;
}

/** common.css **/
html, body {
    color:#27353f;
    font-family: Pretendard Variable, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
    font-size:16px;
    font-weight: 400;
    line-height: 1;
    margin:0;
    padding:0;
    letter-spacing:0;
    box-sizing:border-box;
    word-wrap:break-word;
    word-break:keep-all;
    scroll-behavior:smooth;
    overflow-x: hidden;
}
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, input, button { margin: 0; padding: 0; border: 0; box-sizing:border-box; font-family: Pretendard Variable, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; }
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, section { display:block; } 
img, fieldset { border: 0 none; }
ol, ul, li { list-style: none outside none; }
a { color: initial; text-decoration: none; }
a:link { color: initial; text-decoration: none; }
a:visited { color: initial; text-decoration: none; }
a:active { color: initial; text-decoration: none; }
a:hover { color: initial; text-decoration: none; }
input, select, img { vertical-align: middle; }
form, fieldset { border: 0; }
img { border: 0; vertical-align:middle; }
button { cursor: pointer; }
em { font-style: normal; color: var(--tigris-blue-main) }
.f_left { float: left }
.f_right { float: right }
.clear:after {content:''; display:block; clear:both;}