@charset "utf-8";
/* ==========================================================================
   mj_reset.css
   DL CORPORATION Landing - Reset
   Author : MJ (문지영)
   ========================================================================== */

*,
*::before,
*::after { box-sizing: border-box; }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

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: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, main, menu, nav, section { display: block; }

body {
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ol, ul, li { list-style: none; }

blockquote, q { quotes: none; }
blockquote::before, blockquote::after,
q::before, q::after { content: ''; content: none; }

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
th, td { vertical-align: middle; }

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}
a:hover, a:focus, a:active { text-decoration: none; }

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    border: 0;
    vertical-align: top;
}

address, em, i, cite { font-style: normal; }
strong, b { font-weight: 700; }
hr { display: block; height: 0; margin: 0; border: 0; border-top: 1px solid currentColor; opacity: .2; }

/* form */
button, input, select, textarea, optgroup {
    font: inherit;
    color: inherit;
    margin: 0;
    border-radius: 0;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
button[disabled], input[disabled] { cursor: default; }

input, textarea, select {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    outline: 0;
}
textarea { resize: none; overflow: auto; vertical-align: top; }
select::-ms-expand { display: none; }

input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; appearance: none; }

input::-webkit-input-placeholder { color: inherit; opacity: .45; }
input::-moz-placeholder { color: inherit; opacity: .45; }
input:-ms-input-placeholder { color: inherit; opacity: .45; }
input::placeholder, textarea::placeholder { color: inherit; opacity: .45; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

fieldset { min-width: 0; border: 0; }
legend { display: block; width: 100%; }
label { cursor: pointer; }

/* 자동완성 배경 제거 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    transition: background-color 9999s ease-out 0s;
}

/* 접근성 */
.mj_blind,
.sound_only {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* 선택 영역 */
::selection { background: rgba(74, 125, 255, .35); color: #fff; }
::-moz-selection { background: rgba(74, 125, 255, .35); color: #fff; }

/* 스크롤바 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .18); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .3); }

/* 모션 최소화 환경 */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}