@charset "utf-8";
@font-face{font-family:ng;font-style:normal;font-weight:normal;src:local('NanumGothic'),local('나눔고딕'),url('addons/webfont/font/ng.woff') format('woff')}
@font-face{font-family:ng;font-style:normal;font-weight:bold;src:local('NanumGothic'),local('나눔고딕'),url('addons/webfont/font/ngb.woff') format('woff')}
@font-face{font-family:nm;font-style:normal;font-weight:normal;src:local('NanumMyeongjo'),local('나눔명조'),url('addons/webfont/font/nm.woff') format('woff')}
@font-face{font-family:nm;font-style:normal;font-weight:bold;src:local('NanumMyeongjo'),local('나눔명조'),url('addons/webfont/font/nmb.woff') format('woff')}
@font-face{font-family:np;font-style:normal;font-weight:normal;src:local('Nanum Pen Script'),local('나눔손글씨 펜'),url('addons/webfont/font/np.woff') format('woff')}
@font-face{font-family:nb;font-style:normal;font-weight:normal;src:local('Nanum Brush Script'),local('나눔손글씨 붓'),url('addons/webfont/font/nb.woff') format('woff')}

#webfont .wrap{position:relative;width:430px;margin:50px auto}
#webfont .w_bg{width:430px;height:200px;overflow:hidden;background:url(http://static.campaign.naver.com/0/hangeul/2010/img/bg_install.jpg) no-repeat 0 0}
#webfont a.w_bg{position:relative;display:block;height:220px;background-position:0 bottom}
#webfont a.w_bg span{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#webfont .cnt{position:absolute;top:60px;left:50%;width:400px;margin-left:-200px;font-family:ng;line-height:2em;text-align:center;letter-spacing:-1px;text-shadow:0 0 1px #EEE;background:#F9F9F9}
#webfont h2{margin:30px 0;font-size:17px;color:#333}
#webfont p{font-weight:bold;font-size:14px;color:#999}
#webfont b,#webfont em{font-size:1.1em;color:#2AAE1E}
#webfont em{font-style:normal;color:#6495ed}

/* Modal Window */
#webfont .bg{position:absolute;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1;*left:0}
#webfont .fg{position:relative;max-width:560px;min-width:324px;_width:50%;margin:5% auto;background:#fff;border:8px solid #ddd;z-index:3;zoom:1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5pxbox-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000}
#webfont .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
.modalActive{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100}
.modalClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.modalBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}