@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url('https://fonts.google.com/specimen/Nanum+Myeongjo?subset=korean&noto.script=Kore');

:root {
    --black-100: #000;
    --black-2: rgba(0,0,0, 0.02);
    --black-5: rgba(0,0,0, 0.05);
    --black-10: rgba(0,0,0, 0.1);
    --black-15: rgba(0,0,0, 0.15);
    --black-20: rgba(0,0,0, 0.2);
    --black-30: rgba(0,0,0, 0.3);
    --black-40: rgba(0,0,0, 0.4);
    --black-50: rgba(0,0,0, 0.5);
    --black-60: rgba(0,0,0, 0.6);
    --black-70: rgba(0,0,0, 0.7);
    --black-80: rgba(0,0,0, 0.8);
    --black-90: rgba(0,0,0, 0.9);
    --red-100: #F33;
    --neutral-250: #95989D;
    --neutral-30: #E0E0E2;

    --bs-danger-rgb: rgb(255, 51, 51);
    --bs-text-opacity: 1;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, strong, ul, dl, dt, dd, ol, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address, a, select, input, textarea,
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, button{
    margin:0; padding:0;
}
html, body {
    font-size: 16px;
}

* {
    font-size: 16px;
    font-family: 'Pretendard', sans-serif;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}
p{word-break: keep-all;}
ol, ul, li{list-style:none;outline: none;}
a, a:hover, a:focus{text-decoration:none;color:inherit;}
a:visited {text-decoration:none;}
a{color: inherit;}

img{border:0;}
input, select{border:0;}
input, select, label, img{vertical-align:middle;}
input[type="button"], button{cursor:pointer;}
button {
    border: none;
}
.wrapper{
    position: relative;
}
.container{
    max-width: 414px;
    width: 100%;
    min-height: 90vh;
    margin: 0 auto;
}


.line {
    width: 100%;
    height: 1px;
    background: var(--black-5);
    margin: 16px 0;
}

.line.b5 {
    margin: 0;
    background: var(--black-5);
}
.line.b100 {
    margin: 0;
    background: var(--black-100);
}