IE 9 브라우저는 @media 규칙 안에 선언한 @font-face 규칙을 해석하지 않는다.
@media all and (min-width:768px){
@font-face{ ... } /* IE 9 does not parse this line */
}

※ 해결방법

<img src="" usemap="#Map" id="map_cursor" />
<map name="Map" id="Map">
  <area shap="rect" coords="7,8,102,22" onMouseOver="map_cursor.style.cursor='hand'"   onMouseOut="map_cursor.style.cursor='auto'" />
</map>

/*********************************************
*  Huckleberry Mit Reset : 2012.03.11
*********************************************/
/*MASTER*/
*{margin:0;padding:0; font-family:'돋움',dotum,Helvetica,sans-serif;}
html,body{width:100%; height:100%;}
html{overflow-y:scroll;}
body{background-color:#fff; *word-break:break-all; -ms-word-break:break-all;}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,option,button,th,td{font-size:12px; color:#555;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#000;text-decoration:underline;}
em,address,dfn{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
textarea{overflow:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}

/* COMMON*/
.input_text,textarea{*margin:-1px 0;padding-right:1px;}
.input_check,.input_radio{width:13px;height:13px;}
legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;}
hr{display:none;}
legend{*width:0;}
:root legend{margin-top:-1px;font-size:0;line-height:0;}

/*HIDDEN*/
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;}
.hidden{visibility:hidden; width:0; line-height:0; font-size:0;}

/*SKIP*/
.skip{}
.skip a{display:block; position:absolute; left:0; top:-1000em;z-index:9999; width:100%; background-color:navy; font-size:1.4em; font-weight:bold; color:yellow; text-align:center;}
.skip a:hover,.skip a:focus,.skip a:active{top:0; padding:1.5em 0;}

/*TEST*/
.t{border:1px solid red;}
.tbg{background:red;}