/*=================== fontawesome ===================*/
/*---------he-icon : fa,fas------------*/
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../webfonts/fa-solid-900.eot");
    src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
/*fa,fas*/
.he-icon {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.he-iconDropdown::after{
    content: "\f107";
    font-size: 20px;
}

.he-iconError:before {
    content: "\f057";
}
.he-iconSuccess::after{
    content: "\f058";
}
.he-iconNotice:before {
    content: "\f071";
    font-size: 20px;
    margin: 0 5px 0 -25px;
}


/*---------he-icon2 : far------------*/
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
/*far*/
.he-icon2 {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.he-iconClose::after{
    content: "\f057";
}
.he-iconSuccess::after{
    content: "\f058";
}
.he-iconHelp:before{
    content: "\f059";
}
/*---------he-icon3 : fab------------*/
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
/*fab*/
.he-icon3 {
    font-family: 'Font Awesome 5 Brands';
}
/*============= pc =============*/
@media (min-width: 1200px) {
    .ha-iconSuccess{
        font-size: 24px;
    }
    

}