@charset "utf-8";

/*공통*/
html {-webkit-text-size-adjust: none; scroll-behavior: smooth;}
html, body {direction: ltr;width: 100%;word-wrap: break-word;word-break: keep-all;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p,
table, th, td, form, fieldset, legend, textarea, input, select, textarea, button, figure, figcaption {margin: 0;padding: 0;}
textarea {padding:15px; border:1px solid #ccc;}
img, form, fieldset, svg {
    border: 0;
    vertical-align: top;
}

input, button, select {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

button {
    border: 0;
    background: none;
    cursor: pointer;
    outline: none;
}

button:disabled {
    cursor: default;
}

button::-moz-focus-inner {
    padding: 0;
    margin: -1px;
}

ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {color: #333;}
a, a:hover, a:visited, a:active {
    text-decoration: none;
}

.blind, legend {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

caption {
    width:0;
    height:0;
    visibility:hidden;
    line-height:0;
    font-size:0;
}

body, textarea, input, select, textarea, button {
    font-family: 'Pretendard','GmarketSans',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
    font-weight: 400;
    color: #222;
    outline: none;
}

table {
    border-collapse: collapse;
}

* {
    box-sizing: border-box;
}

.sr-only {
    position: absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}

.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}

.jc_right {justify-content: flex-end !important;}
.jc_left {justify-content: flex-start !important;}