@charset "utf-8";

input,textarea,button,select{font-family:"HDFont", sans-serif;}

body{font-family:"HDFont", sans-serif;font-weight: 400;word-break: keep-all}

/* font */
.kr_sd_400{font-family: "HDFont",sans-serif;font-weight: 400 !important;}/* r */
.kr_sd_500{font-family: "HDFont",sans-serif;font-weight: 500 !important;}/* m */
.kr_sd_700{font-family: "HDFont",sans-serif;font-weight: 700 !important;}/* b */
.en_plain_l{font-family: "HDFont",sans-serif;font-weight:400;}/* Light */
.en_plain_r{font-family: "HDFont",sans-serif;font-weight:500;}/* Regular */
.en_plain_b{font-family: "HDFont",sans-serif;font-weight:700;}/* Bold */



#header .gnb-sub-menus-depth2 li span.outlink img {
    margin-top: 6px;
    margin-left: 7px;
    width: 14px;
    height: 14px;
}

#header .gnb-sub-menus li span.outlink img {
	margin-top: 2px;
    margin-left: 7px;
    width: 14px;
    height: 14px;
}

.mobile-nav-body .gnb .sub-menu > li span.outlink img {
	margin-top: 3px;
    margin-left: 5px;
    width: 10px;
    height: 10px;
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    .mobile-nav-body .gnb > li > .first-menu a span:after {top:70%;}
    .mobile-nav-body .gnb > li.active > .first-menu a span:after{
        -webkit-transform: translateY(-70%) rotate(-180deg);
        -moz-transform: translateY(-70%) rotate(-180deg);
        -ms-transform: translateY(-70%) rotate(-180deg);
        -o-transform: translateY(-70%) rotate(-180deg);
        transform: translateY(-70%) rotate(-180deg);}
    #footer .footer-menu li {margin-right:1.4rem;}
    
    #header .brand a {
		width:200px !important;
	}
	#footer .awards_area  {
		bottom:23%;
	}
	#footer .footer-bottom {
		padding:0;
	}
	#footer .logo_area span {width:auto;}
}

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

@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) {

    #footer .logo_area span {
    	
        background-image: url(../../../img/common/logo-footer-eng.png) !important;
    }

}