@font-face {
    font-family: 'TitilliumLtBold';
    src: url('../font/titillium-light-webfont.eot');
    src: url('../font/titillium-light-webfont.eot') format('embedded-opentype'),
         url('../font/titillium-light-webfont.html') format('woff'),
         url('../font/titillium-light-webfont.ttf') format('truetype'),
         url('../font/titillium-light-webfont-2.html#TitilliumLtBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* 숨김 요소 */
legend, #header h2, #slogan h2, #footer h2 {
	position:absolute;
	overflow:hidden;	
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
}
html, body {
  height: 100%;

}
select,input,button{font-family:'Palatino','Palatino Linotype', Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;}
/* body 스타일 */
body {
	color:#404041;
	font-size:small;
	font-family:'맑은 고딕','Palatino Linotype', Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;
	font-size:1.05em;
}

p{line-height:140%;}

/* 링크 */
a, a:link {
	color:#4f4f4f;
	text-decoration:none;
} 
a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#f00;
	text-decoration:none;
}
a:focus {
	color:#f00;
	text-decoration:none; 
}
a:active {
	color:#666666;
	text-decoration:none;
} 
/* 이미지, 폼관련 요소 */
img {
	vertical-align:top;
}
label, select, input, textarea {
	vertical-align:middle;
}
/* -------------------------------------------------- */
.clear{clear:both;}
caption{display:none;}
.center{text-align:center;}
.right{text-align:right;}

.blind{display:none;}
.ovf{overflow:hidden;}

.fs110{font-size:110%;}
.fs120{font-size:120%;}

.lh180{line-height:180% !important;}
.lh200{line-height:200% !important;}

.magT5{margin-top:5px !important;}
.magT10{margin-top:10px !important;}
.magT15{margin-top:15px !important;}
.magT20{margin-top:20px !important;}
.magT25{margin-top:25px !important;}
.magT30{margin-top:30px !important;}
.magT40{margin-top:40px !important;}
.magT50{margin-top:50px !important;}
.magT60{margin-top:60px !important;}
.magT70{margin-top:70px !important;}
.magT80{margin-top:80px !important;}
.magT90{margin-top:90px !important;}
.magT100{margin-top:100px !important;}

.magB50{margin-bottom:50px !important;}

/* color */
.color1{color:#000;}
.color2{color:#4171b7;}

#mask {  
  position:absolute;  
  left:0;
  top:0;
  z-index:90;  
  background-color:#000;  
  display:none;  
}