@charset 'utf-8';

:root {
	--fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;

	--color-white: #FFFFFF;
    --color-black: #111111;
	--color-black02: #3e3e3e;
    --color-gray: #cccccc;
	--color-gray02: #f6f6f6;

	--color-green: #195832;
	--color-green02: #59bb80;
	--color-green03: #85b79a;

    --transition: all 0.3s
}

/* font */
/* Pretendard */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* thefaceshop */
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html {
    scroll-behavior: smooth;
    min-width: 280px;
    overflow-x: hidden;
    font-size:16px;
    font-weight: 400;
    color:#3e3e3e;
}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, button,
address, code, em, img, select,
small, strong, sub, sup, var, button,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, mark, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: 'Pretendard';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: keep-all;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a,
a:active,
a:hover,
a:visited {
    text-decoration: none;
}
a,
button {
    outline: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color:inherit;
    font-size:inherit;
}

iframe,
img,
table {
    border: 0;
}
button,
img,
input,
select,
textarea {
    vertical-align: middle;
}
li,
ol,
ul {
    list-style: none;
}
pre {
    white-space: pre-line;
    word-break: break-all;
	line-height: 1.5;
}
td,
tr {
    vertical-align: middle;
}
address,
em,
optgroup {
    font-style: normal;
}
/* img {
    width:100%
} */
caption {
    position: static;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
::-moz-selection {
    color:#fff;
    background:#2A2A2A
}
::-webkit-selection {
    color:#fff;
    background:#2A2A2A
}
::selection {
    color:#fff;
    background:#2A2A2A
}

svg {
    height: auto;
}
@media all and (max-width:1200px) {
    /* pre {
        white-space: normal;
    } */
    html{
        font-size: 16px;
    }
}
@media all and (max-width:1000px) {
    /* br {
        display: none;
    } */
}
@media all and (max-width:640px){
    html {
        font-size:14px;
    }
}
@media all and (max-width:320px) {
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    address, code, em, img,
    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, mark, video, a {
        font-size:13px}
}

/* 말줄임 */
.dot {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

/* 카카오 지도 */
.root_daum_roughmap {
    width:100% !important;
    height: 100% !important;
}
.root_daum_roughmap .wrap_map {
    height: 100% !important;
}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{
    display: none !important;
}

.pc {
    display: block;
}
.mobile {
    display: none;
}
@media all and (max-width:1000px) {
    .pc {
        display: none;
    }
    .mobile {
        display: block;
    }
}