
/********** Font **********/
.font-16px{
    font-size: 16px;
}
.font-18px{
    font-size: 18px;
}
.font-20px{
    font-size:20px;
}
.font-24px{
    font-size:24px;
}
.font-30px{
    font-size: 30px;
}
.font-40px{
    font-size:40px;
}
.font-bold{
    font-weight: bold;
}
.leading-40px{
    line-height: 40px;
}
.leading-45px{
    line-height: 45px;
}
.leading-55px{
    line-height: 55px;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align:left;
}
.text-blue-1{
    color: #004ea2;
}
.text-white{
    color: #FFF;
}
.text-gray-1{
    color:#e6e6e6;
}
.text-gray-2{
    color: #999;
}
.text-center{
    text-align: center;
}
/********** Border **********/
.border-none{
    border:none;
}
.border-solid-gray2{
    border:1px solid #e6e6e6;
}
.border-b-solid-gray2{
    border-bottom: 1px solid #e6e6e6;
}
.border-l-solid-yellow1{
    border-left:2px solid #ff9600;
}
.rounded-5px{
    border-radius: 5px;
}
/********** Padding **********/
.px-50px{
    padding-left: 50px;
    padding-right: 50px;
}
.pt-35px{
    padding-top: 35px;
}
.pt-80px{
    padding-top: 80px;
}
.pt-200px{
    padding-top: 200px;
}
.pb-35px{
    padding-bottom: 35px;
}
.pb-45px{
    padding-bottom: 45px;
}
.pl-15px{
    padding-left: 15px;
}
.pl-20px{
    padding-left: 20px;
}
/********** Margin **********/
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.mt-10px{
    margin-top: 10px;
}
.mt-15px{
    margin-top: 15px;
}
.mt-25px{
    margin-top: 25px;
}
.mt-35px{
    margin-top: 35px;
}
.mt-40px{
    margin-top: 40px;
}
.mt-65px{
    margin-top: 65px;
}
.mt-80px{
    margin-top: 80px;
}
.mt-100px{
    margin-top: 100px;
}
.mt-220px{
    margin-top: 220px;
}
.mb-35px{
    margin-bottom: 35px;
}
.mb-45px{
    margin-bottom: 45px;
}
.mb-100px{
    margin-bottom: 100px;
}
.mb-120px{
    margin-bottom: 120px;
}
.mb-240px{
    margin-bottom: 240px;
}
.ml-12px{
    margin-left: 12px;
}
.ml-110px{
    margin-left: 110px;
}
.mr-18px{
    margin-right: 18px;
}
.ml-30px{
    margin-left: 30px;
}
.mr-30px{
    margin-right: 30px;
}
.mr-25px{
    margin-right: 25px;
}
/********** Flex **********/
.flex{
    display: flex;
}
.flex-auto{
    flex:auto;
}
.justify-between{
    justify-content: space-between;
}
.justify-start{
    justify-content: flex-start;
}
.items-center{
    align-items: center;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-column{
    flex-direction: column;
}
/********** BackgroundColor **********/
.bg-gray-1{
    background-color: #f4f4f4;
}
.bg-white{
    background-color: #FFF;
}
.bg-blue-1{
    background-color: #004ea2;
}

/********** width **********/
.w-100pct{
    width: 100%;
}
.w-185px{
    width: 185px;
}
.w-240px{width: 240px;}
.w-280px{
    width: 280px;
}
.w-520px{
    width: 520px;
}
.w-1200px{
    width: 1200px;
}
/********** Height **********/
.h-55px{
    height: 55px;
}
.h-80px{
    height: 80px;
}
.h-290px{
    height: 290px;
}
.h-420px{
    height: 420px;
}
.h-605px{
    height: 605px;
}
.h-65px{
    height: 65px;
}
.block{
    display: block;
}
.gap-20px{
    gap:20px;
}
.line-height-2{
    line-height: 2;
}