@CHARSET "UTF-8";

/*** reset CSS : 이거 건드리지 마시오. ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td { /* 제발 건드리지 말길 */
	font-family: gulim;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    color: #666666;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: underline;
}


/*** CSS lib. ***/
.dn { display: none; }
.db { display: block; }
.di { display: inline; }

.pa { position: absolute;}
.pr { position: relative;}

.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.du { text-decoration: underline; }
.dn { text-decoration: none; }

.s0 { font-size: 0; }
.ss { font-size: smaller; }
.sm { font-size: 100%; }
.sl { font-size: larger; }
.wb { font-weight: bold; }
.wn { font-weight: normal; }
.si { font-style: italic; }
.sn { font-style: normal; }


/*** set CSS to base ***/
html, body, div, span, p,
form, input, textarea {
    font-size: 12px;

}

body { background-color: #fff; width: 100%; height: 100%; }

img { vertical-align: middle; }

hr { display: none; }

a { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }


// fix IE6's flickering problem
* html { filter: expression(document.execCommand('BackgroundImageCache', false, true)); }


/*** icons ***/
.icon-smile { background: transparent url(/_static/img/icons/smile.gif) no-repeat 0 0; padding-left: 15px; }
.icon-home { background: transparent url(/_static/img/icons/home.gif) no-repeat 0 0; padding-left: 15px; }
.icon-message { background: transparent url(/_static/img/icons/message.gif) no-repeat 0 0; padding-left: 17px; }
.icon-noripan { background: transparent url(/_static/img/icons/noripan.gif) no-repeat 0 0; padding-left: 14px; }
.icon-me { background: transparent url(/_static/img/icons/me.gif) no-repeat 0 0; padding-left: 26px; }
.icon-point_green { background: transparent url(/_static/img/icons/point_green.gif) no-repeat 0 50%; padding-left: 4px; }
.icon-lamp_on { background: transparent url(/_static/img/icons/lamp_on.gif) no-repeat 0 50%; padding-left: 10px; }
.icon-lamp_off { background: transparent url(/_static/img/icons/lamp_off.gif) no-repeat 0 50%; padding-left: 10px; }



.copyright { font:11px gulim; padding-top:10px; text-align:center; color:#707070; margin-top:10px;}
.copyright a { color:#9daa5b; font-weight:bold; text-decoration:none }

#Bottom {
  text-align: left;
  margin: 0 auto;
  width: 980px;
}