@charset "utf-8";

* {
    box-sizing: border-box;
    box-shadow: none;
}

html {
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
body {
    height: 100%;
    /* [포탈 보정] background:#fff !important 제거 — 레거시(로그인/관리) 화면의 회색 배경·흰 카드 대비를 유지하기 위해
       퍼블 페이지 흰 배경은 fintech-theme.css body:has(.mz-main)/:has(.apiguide-wrap) 로 적용 (전달분 재교체 시 재적용) */
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Pretendard', AppleGothic, sans-serif;
    line-height: 1.2;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    overflow: hidden;
}

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

fieldset {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

a {
    color: #222;
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: top;
}

em,
address {
    font-style: normal;
}

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

caption {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
}

.blind {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
}

.skip ul,
#wrap_skip {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 100;
}

.skip ul a,
#wrap_skip a {
    position: absolute;
    left: -100%;
}

.skip ul a:focus,
#wrap_skip a:focus {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    top: 0;
    left: 0;
    background: #920400;
    color: #fff;
    text-align: center;
    z-index: 999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

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

/* input:-webkit-autofill {
    background: #fff;
    -webkit-box-shadow: 0 0 0 100px #fff inset;
    -moz-box-shadow: 0 0 0 100px #fff inset;
    box-shadow: 0 0 0 100px #fff inset;
} */

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

input[type=text]::-ms-clear {
    display: none;
}
input:focus {
    outline: 0;
}

button {
    font-family: 'Pretendard', AppleGothic, sans-serif;
    cursor: pointer;
}

input,
select,
textarea {
    font-family: 'Pretendard', AppleGothic, sans-serif;
}

p {
    padding: 0;
    margin: 0;
}
pre {
    padding: 0;
    margin: 0;
    font-family: 'Pretendard', AppleGothic, sans-serif;
    white-space: pre-line;
}