body {
    margin: 0;
    padding: 0;
    background: #d6e8f4;
    min-width: 1200px;
}

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

.row {
    display: flex;
    flex-wrap: wrap;
}

.gap-10 {
    gap: 10px
}

.col-4 {
    width: 33.333333%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.bg-white {
    background: white;
}

.mg-auto {
    margin: 0 auto;
}

.mg-0 {
    margin: 0;
}

.mgt-10 {
    margin-top: 10px;
}

.mgb-10 {
    margin-bottom: 10px;
}

.mgt-20 {
    margin-top: 20px;
}

.mgb-20 {
    margin-bottom: 20px;
}

.mgt-30 {
    margin-top: 30px;
}

.mgb-30 {
    margin-bottom: 30px;
}

.mgl-10 {
    margin-left: 10px;
}

.mgr-10 {
    margin-right: 10px;
}

.mgl-30 {
    margin-left: 30px;
}

.mgr-30 {
    margin-right: 30px;
}

.pd-10 {
    padding: 10px;
}

.pd-0 {
    padding: 0;
}

.pdr-5 {
    padding-right: 5px;
}

.pdl-5 {
    padding-left: 5px;
}

.pdr-10 {
    padding-right: 10px;
}

.pdl-10 {
    padding-left: 10px;
}

.pdr-15 {
    padding-right: 15px;
}

.pdl-15 {
    padding-left: 15px;
}

.min-h-1000 {
    min-height: 1000px;
}

.min-h-500 {
    min-height: 500px;
}

.h-30 {
    height: 30px;
}

.h-100 {
    height: 100px;
}

.h-140 {
    height: 140px;
}

.h-300 {
    height: 300px;
}

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}

.w-1180 {
    width: 1180px;
}

.w-1200 {
    width: 1200px;
}

.w-1300 {
    width: 1300px;
}

.c-white {
    color: white;
}

.c-666 {
    color: #666;
}

.c-ccc {
    color: #ccc;
}

.fw-bold {
    font-weight: bold;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-40 {
    font-size: 40px;
}

.ls-none {
    list-style: none;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.b-10{
    bottom: 10px;
}

.text-center {
    text-align: center;
}

.lh-30 {
    line-height: 30px;
}