File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html,
body,
#root {
width: 100%;
height: 100%;
min-height: 100vh;
font-size: 10px;
color: #333;
font-family: 'Pretendard';
}
body {
min-width: 1356px;
background-color: #f7f6fb;
}
a {
color: #333;
text-decoration: none;
}
ol,
ul,
li {
list-style: none;
}
img,
svg {
width: 100%;
vertical-align: middle;
}
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
margin: 15px 0;
}
table th,
table td {
padding: 8px;
font-size: 1.4rem;
}
button {
border: none;
background-color: transparent;
font-size: 1.4rem;
margin-left: 10px;
cursor: pointer;
}
label {
font-size: 1.4rem;
margin-left: 5px;
}
select,
input {
min-width: 100px;
width: 100%;
padding: 5px 10px;
border: 1px solid #eee;
border-radius: 5px;
margin-left: 5px;
}
input[type="text"] {
min-width: 300px;
}
input:focus {
outline: none;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: sub;
}
input[type='date'] {
max-width: 240px;
padding: 5px;
}
input[type='date']::before {
content: attr(data-placeholder);
width: 100%;
color: #ddd;
}
button:first-child,
select:first-child,
input:first-child {
margin-left: 0;
}
/* 스크롤바 디자인 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #ededed;
border-radius: 10px;
}
::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 10px;
}
@media screen and (min-width:1356px) and (max-width: 1536px) {
html{
font-size: 8.5px;
}
}