@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&display=swap');

html, body {
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-family: 'Nanum Gothic', sans-serif;
}

label.error {
    font-size: 10pt;
    color: red;
}



div.button-box {
    padding: 4px;
}

div.left-side {
    float: left;
}

div.right-side {
    float: right;
}

/*colors*/
.color-blue {
    color: blue;
}

.color-red {
    color: red;
}

.color-white {
    color: white;
}

.color-black {
    color: black;
}

.table {
    border-collapse:collapse;
    margin:0;
}

.table td {
    padding:4px;
}

table.search-option {
    width: 100%;
}

    table.search-option td {
        padding: 4px;
    }

        table.search-option td.col1 {
            max-width: 100px;
        }

        table.search-option td.col2 {
            width: 10px;
        }

        table.search-option td.col3 {
            width: auto;
        }

        table.search-option td.col4 {
            width: 120px;
        }

.button-box button {
    padding: 0 1rem;
}

    .button-box button i {
        font-size: 1.2rem;
    }

        .button-box button i + span {
            margin-left: 0.5rem;
        }