@charset "utf-8";

@font-face {
	font-family: 'NanumBarunGothicWeb';
	font-style: normal;
	font-weight: normal;
	src: url('font/NanumBarunGothic.eot');
	src: local('NanumBarunGothic'), url('font/NanumBarunGothic.woff') format('woff'), url('font/NanumBarunGothic.ttf') format('truetype');
}


/* Tag Definition */
* { font-style: normal/* em, dfn, var, cite, address */; font-family: 'NanumBarunGothicWeb', 나눔바른고딕, 돋움, dotum, AppleGothic, sans-serif; font-weight: normal; }
/* 전체 선택자 사용시 위 속성 외에는 지정하지 마세요. */
* 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: #666; line-height:200%; font-size: 15px !important /* 12px */; }
:root body {font-size: 0.93em;  }
table, pre { font-size: 1em; } /* DOCTYPE 없으면 속성 상속 안됨 */
a, a:link { color: #333; text-decoration: none; }/* cursor: pointer; 안씀.. a태그에 href 없어도 손모양 커서 나오므로  */
a:visited { color: #333; }
a:hover, a:active, a:focus {  text-decoration: none; } /* a:focus추가 */
img { margin: 0; padding:0; border: 0; }

.dpn { display: none !important; /*display: table-caption;*/}
.vhd {position:absolute; visibility:hidden; font-size:0;}

ul {list-style:none; margin:0; padding:0; }
ul li{list-style:none; margin:0; padding:0; }


p { padding:0; margin:0; }
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+ */ 
}


/* margin */
.mg00 {margin:0 !important;}
.mgl0 {margin-left:0 !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgr10 {margin-right:10px !important;}
.mgr5 {margin-right:5px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgt0 {margin-top:0 !important;}
.mgt2_ {margin-top:-2px !important;}
.mgt3_ {margin-top:-3px !important;}
.mgt4_ {margin-top:-4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb95 {margin-bottom:95px !important;}

.cursor {cursor:pointer;}

/* font, color */
.fc_000 {color:#000 !important;}
.fc_fff {color:#fff !important;}
.fc_ef8c16 {color:#ef8c16 !important;}
.fc_747474 {color:#747474 !important;}
.fc_b56a00 {color:#b56a00 !important;}
.fc_006cba {color:#006cba !important;}
.fc_3f3f3f {color:#3f3f3f !important;}
.fs11 {font-size:11px !important;}
.fs13 {font-size:13px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs23 {font-size:23px !important;}
.fs27 {font-size:27px !important;}
.fs30 {font-size:30px !important;}
.fwb {font-weight:bold;}

/* etc */
.divscroll {overflow-y:auto !important;}
.tablecell { display:table-cell;}
.lh24 {line-height:24px !important;}
.lh1d {line-height:1.4 !important;}
.lh2d {line-height:2 !important;}


*html .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;}

#tab {}
#tab a { font-size:15px;background:#000; color:#fff; text-align:left;padding:5px 10px 5px 10px; border-radius:3px;margin-top:1px;}
#tab a.on, #tab a:hover, #tab a:focus {background:#999 !important;}

#tab {}
#tab p { font-size:12px;background:#000; color:#fff; text-align:left;padding:5px 10px 5px 10px; border-radius:3px;margin-top:1px;}
#tab p.on, #tab p:hover, #tab p:focus {background:#999 !important;}