#header .brand a span {
    background-image: url(../../../img/common/logo-hdi-sm_en.png);
    background-size: 100%;
    width: 190px;
    height: 14px;
    margin-top: 0px;
}

:lang(ko) #header .brand a span {
    background-image: url(../../../img/common/logo-hdi-sm_kr.png);
    width: 230px;
}

#header .utils .menu .btn-search {
    background-image: url(../../../img/common/icon/icon-search.png);
}

#header .utils .menu .btn-search:hover{
    background-image: url(../../../img/common/icon/icon-search_hov.png);
}

#header .utils .btn-global {
    background-image: url(../../../img/common/icon/icon-globe.png);
}

#header .utils .menu.on li.language::before{
    background-image: url(../../../img/common/icon/icon-globe_hov.png);
}

#header .utils .language:before {
    background: url(../../../img/common/icon/icon-globe.png) 50% 50% no-repeat;
    -webkit-background-size: 1rem auto;
    background-size: 1rem auto;
    position: absolute;
    width:16px;
    height:16px;
    content: '';
    left:-24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor:pointer;
    
}

#header .utils .language a.current:after {
    background-image: url(../../../img/common/icon/icon-arrowdown.svg);
}

#header #nav .gnb li.active a span {
    color: #3987c8;
}
#header #nav .gnb li a span:after {
    background: #3987c8;
}
#header .gnb-sub-menus .gnb-sub-menu ul {
    background: #007acc;
}
#footer .sns a{
    transition:all 0.2s;
    -webkit-transition:all 0.2s;
}
#footer .sns a.facebook {
    background-image: url(../../../img/common/icon/icon-facebook.png);
    -webkit-background-size: auto 1.3125rem;
    background-size: auto 1.3125rem;
}
#footer .sns a.facebook:hover {
    background-image: url(../../../img/common/icon/icon-facebook_w.png);
}

#footer .sns a.instagram {
    background-image: url(../../../img/common/icon/icon-instagram.png);
    -webkit-background-size: 1.3125rem auto;
    background-size: 1.3125rem auto;
}
#footer .sns a.instagram:hover {
    background-image: url(../../../img/common/icon/icon-instagram_w.png);
}

#footer .sns a.linkedin {
    background-image: url(../../../img/common/icon/icon-linkedin.png);
    -webkit-background-size: 1.5rem auto;
    background-size: 1.5rem auto;
}
#footer .sns a.linkedin:hover {
    background-image: url(../../../img/common/icon/icon-linkedin_w.png);
}


#footer .logo span {
    background-image: url(../../../img/common/logo-hdi-sm_en.png);
    width: 160px;
    height:10px;
    background-size: 100%;
    
}


:lang(ko) #footer .logo span {
	width: 170px;
    background-image: url(../../../img/common/logo-hdi-sm_kr.png);
}


.mobile-nav-header .btn-search {
    background-image: url(../../../img/common/icon/icon-search.png);
}

.mobile-nav-body .gnb > li > .first-menu a span:after {
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
}

.mobile-nav-body .gnb-sub > li > a span {
    background-image: url(../../../img/common/icon/icon-arrowright-gray.svg);
}


.mobile-nav-footer .sns-link a.facebook {
    background: #191919 url(../../../img/common/icon/icon-facebook-w.png) 50% 50% no-repeat;
    -webkit-background-size: 0.615384615384615rem auto;
    background-size: 0.615384615384615rem auto;
}

.mobile-nav-footer .sns-link a.instagram {
    background: #272727 url(../../../img/common/icon/icon-instagram-w.png) 50% 50% no-repeat;
    -webkit-background-size: 1.230769230769231rem auto;
    background-size: 1.230769230769231rem auto;
}

.mobile-nav-footer .sns-link a.linkedin {
    background: #191919 url(../../../img/common/icon/icon-linkedin-w.png) 50% 50% no-repeat;
    -webkit-background-size: 1.230769230769231rem auto;
    background-size: 1.230769230769231rem auto;
}


.mobile-search .mobile-search-box .mobile-search-box-inner .icon-search {
    background-image: url(../../../img/common/icon/icon-search.png);
}


.quick-links a .btn-link .arrow i {
    background-image: url(../../../img/common/icon/icon-arrowright-lg.svg);
}

.quickmenu a i.inquiry {
    background-image: url(../../../img/common/icon/icon-inquiry.png);
    -webkit-background-size: 1.875rem auto;
    background-size: 1.875rem auto;
}

.quickmenu a i.dealer {
    background-image: url(../../../img/common/icon/icon-dealer.png);
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
}


.quickmenu a.btn-inquiry .square {
    background: #333;
}

.quickmenu a.btn-dealer .square {
    background: #007acc;
}

.btn.btn-arrow .arrow {
    background-image: url(../../../img/common/icon/icon-arrowright.svg);
}

@media screen and (max-width:1080px){
    #footer .sns a.instagram{margin-right:8px;}
    #header .utils .language:before{left:-28px;}

}

@media screen and (max-width: 766px) {
    .quickmenu a i.inquiry, .quickmenu a i.dealer {
        -webkit-background-size: 20px auto;
        background-size: 20px auto;
    }

    #header .utils .language:before{left:-22px;}

    #footer .sns a.instagram{margin-right:28px;}
    
    #header .brand a span, :lang(ko) #header .brand a span {width: 160px;}
}

@media screen and (max-width: 414px){
    #footer .sns a.instagram{margin-right:24px;}
    #footer .logo span {width: 120px;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

/*     #header .brand a span {
        background-image: url(../../../img/common/logo-doosan.png);
    }

    #footer .logo span {
        background-image: url(../../../img/common/logo-doosan2.png);
    } */

}