@font-face{ font-family:NanumGothicWeb; src:url(/share/css/font/NanumGothic.woff);}
@font-face{ font-family:NanumGothicWeb; src:url(/share/css/font/NanumGothic.eot);}
@font-face{ font-family:NanumMyeongjoWeb; src:url(/share/css/font/NanumMyeongjoBoldCompact.eot);}
@font-face{ font-family:NanumMyeongjoWeb; src:url(/share/css/font/NanumMyeongjoCompact.eot);}

@charset "utf-8";

/* Tag Definition */

* { font-style: normal /* em, dfn, var, cite, address */; font-family: 나눔고딕, 'NanumGothic', 'NanumGothicWeb', 'NanumMyeongjoWeb', AppleGothic, sans-serif !important; }

/* 전체 선택자 사용시 위 속성 외에는 지정하지 마세요. */
* html { overflow: scroll; overflow-x: auto; }/* [IE] 프레임안의가로스크롤문제해결 */
html, body { min-height: 100%; margin: 0; padding: 0; background: #fff; } /* [IE] 배경색을지정해서화면이뭉개지는문제해결 */
html { height: 100%; } 
* html body { height: 100%; }
body { background: #fff; color:#999; font-size: 13px !important /* 12px */; }
:root body {font-size: 0.93em;  }
table, pre { font-size: 1em; } /* DOCTYPE 없으면 속성 상속 안됨 */
td { color: #000000 }
a, a:link { color: #a29a91; text-decoration: none; }/* cursor: pointer; 안씀.. a태그에 href 없어도 손모양 커서 나오므로  */
a:visited { color: #a29a91; }
a:hover, a:active, a:focus { color: #978d82; } /* a:focus추가 */
img { margin: 0; border: 0; }

.dpn { display: none !important; display: table-caption;}

ul {list-style:none; }
ul li{list-style:none;  }


p { }
strong { font-weight: bold; }
em { color: #f75; } em em { color: #c09; } 
sup, sub { font-size: .92em; }
pre /* 형식 유지 컨텐츠 자동개행 */
{ 
white-space: pre-wrap; /* css3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since1999 */ 
white-space: -pre-wrap; /* Op4-6 */ 
white-space: -o-pre-wrap; /* Op7 */ 
word-wrap: break-word; /* IE 5.5+ */ 
}



.png24 { tmp:expression(setPng24(this)); } /* [IE6] PNG-24 투명 이미지  */

/* 버튼 레이아웃 */

.bt_WH { background-color:#FFF; padding:5px 10px 5px 10px; font-size:12px; color:#333;font-weight:nomal; text-align:center; border:1px solid; border-color:#DDD; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_WH a:link { font-size:12px;; text-decoration:none; color:#666; }
.bt_WH a:visited { font-size:12px;text-decoration:none; color:#666;}
.bt_WH a:hover {font-size:12px; text-decoration:none; color:#666;}
.bt_WH a:active {font-size:12px; text-decoration:none; color:#666;}

.bt_BL { background-color:#1133AA; padding:5px 10px 5px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid; border-color:BLUE; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_BL a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_BL a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_BL a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_BL a:active {font-size:12px; text-decoration:none; color:#fff;}

.bt_RED { background-color:DARKRED; padding:5px 10px 5px 10px; font-size:12px; color:#FFFFFF; text-align:center; border:1px solid; border-color:RED; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_RED a:link { font-size:12px;; text-decoration:none; color:#FFFFFF; }
.bt_RED a:visited { font-size:12px;text-decoration:none; color:#FFFFFF;}
.bt_RED a:hover {font-size:12px; text-decoration:none; color:#FFFFFF;}
.bt_RED a:active {font-size:12px; text-decoration:none; color:#FFFFFF;}

.bt_GR { background-color:#979818; padding:5px 10px 5px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid; border-color:757606; height:20px; margin:1px;cursor:hand; vertical-align: middle;}
.bt_GR a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_GR a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_GR a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_GR a:active {font-size:12px; text-decoration:none; color:#fff;}

.bt_BK { background-color:#333; padding:5px 10px 5px 10px; font-size:12px; color:#FFF;font-weight:nomal; text-align:center; border:1px solid; border-color:#000; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_BK a:link { font-size:12px;; text-decoration:none; color:#FFF; }
.bt_BK a:visited { font-size:12px;text-decoration:none; color:#FFF;}
.bt_BK a:hover {font-size:12px; text-decoration:none; color:#FFF;}
.bt_BK a:active {font-size:12px; text-decoration:none; color:#FFF;}