@charset "utf-8";

/* 기본 **************************************  */
* { margin:0; padding:0; }
body, html { margin:0; padding:0; font-family:verdana, Tahoma; color:#333; font-size:12px; line-height:16px; height:100%; }
/*body { background:url('../../img/common/bg_gnb.gif') repeat-x left top; }*/
table { border-collapse:collapse; }
img , fieldset { border:0px; }
hr, legend { display:none; }
ul, li, ol { list-style-type:none; }

a, a:link { text-decoration:none; color:#333; }
a:hover { color:#333; }

.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.al { text-align:left !important; }
.ar { text-align:right !important; }
.ac { text-align:center !important; }
.m0 { margin:0 !important; }
.p0 { padding:0 !important; }
.ac { text-align:center !important; }
.at { vertical-align:top !important; }
.am { vertical-align:middle !important; }
.ab { vertical-align:bottom; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.rel { position:relative; }
.bgnone { background:none !important; }
.none { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.last { border:none !important; }
.hidden {display:none;}

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/

/* input-select */
input { font-size:12px; font-family: "나눔고딕"; color:#888; letter-spacing:0; vertical-align:middle; }
select { font-size:13px; font-family: "나눔고딕"; color:#000; }
.ipt { border:1px solid #d0d0d0; padding:3px 4px 2px; font-family:"나눔고딕"; }
.cal { width:65px; }


 

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: "나눔고딕",helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;
	}
.menu ul{
	/*background:url(http://www.blueb.co.kr/data/201010/IJ12869749693186/menu-bg.gif) top left repeat-x; */
	height:50px;
	list-style:none; 
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		}
	.menu li a{
		color:#FFF;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover{
	color:#999;
	text-decoration:none;
			}
	.menu li ul{
		background:#0079b2;
		border-left:2px solid #0079b2;
		border-right:2px solid #0079b2;
		border-bottom:2px solid #0079b2;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		display:block;
		float:none;
		width:225px;
		}
	.menu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover{
			background:#CCC;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.menu p{
		clear:left;
		}	
	.menu #current{
		background:url(../../img/common/bg_lnb_on.gif) top left repeat-x;
		color:#ffffff;
		}


/***** layout *****/
#wrap { min-width:1260px; _width:expression(document.body.clientWidth < 1259 ? '1258px' : '100%'); background:url(../../img/common/bg_snav.gif) repeat-y left top; min-height:100%; _height:100%; margin:0 0 -50px; }

#header-container { _overflow:hidden; background:#FFF url(../../img/common/bg_gnb.gif) repeat-x left top; }
	#header-container #top-wrap { padding:12px 20px; }
		#header-container #top-wrap h1 { font-size:0; }
		#header-container #top-wrap h1 img { float:left; vertical-align:middle; }
		#header-container #top-wrap h1 em { float:left; color:#0c4da2; font-size:11px; font-style:normal; margin:3px 0 0 5px; }
	#header-container #top-wrap #top-area { float:right; margin-top:7px; #margin-top:6px; _margin-top:6px; }

#content-container { margin:0 0 0 210px; min-width:500px; _width /**/:100%; padding:0 0 0px; }
	#content-container #snav-area { float:left; position:relative; width:210px; left:-210px; margin:0 -231px 0 0; padding-top:0px; height:100%; }
	#content-container #content-area { float:right; position:relative; z-index:1; width:100%; _width:auto; min-height:500px; _height:expression((!IE7)?500+"px":""); padding-bottom:30px; font-family:"나눔고딕"; }
	.cont { margin:20px 20px 0 21px; _height:1%; }
	
#content-POP { margin:0 0 0 210px; min-width:787px; _width /**/:100%; padding:0 0 50px; }
	#content-container #snav-area { float:left; position:relative; width:210px; left:-210px; margin:0 -231px 0 0; padding-top:20px; height:100%; }
	#content-container #content-area { float:right; position:relative; z-index:1; width:100%; _width:auto; min-height:500px; _height:expression((!IE7)?500+"px":""); padding-bottom:30px; font-family:"나눔고딕"; }
	.cont { margin:20px 20px 0 21px; _height:1%; }
		

#footer { clear:both; background-image:url(../../img/common/bg_lnb_on.gif); height:50px; text-align:center; width:100%; min-width:1260px; _width:expression(document.body.clientWidth < 1259 ? '1258px' : '100%'); overflow:hidden; }
	#footer address { margin-top:10px; color:#a6b2ba; font-family:"나눔고딕"; font-size:12px; font-style:normal; }




/* tobmenu */
ul.topMenu { float:left; }
	ul.topMenu li { float:left; font-size:0; line-height:0; margin:2px 0 0 8px; }
		ul.topMenu li.wel { color:#bfbfbf; font-size:11px; line-height:14px; }
		ul.topMenu li.wel em { color:#747474; font-style:normal; }

ul.topMenu2 { float:left; margin:3px 0 0 20px; #margin:4px 0 0 20px; _margin:4px 0 0 20px; }
	ul.topMenu2 li { float:left; border-right:1px solid #e3e3e3; padding-right:7px; margin-right:7px; line-height:0; font-size:0; }
	ul.topMenu2 li.last { border-right:none; margin-right:0; padding-right:0; }

/* gnb */
ul.gnbMenu { height:42px; padding-left:10px; _padding-left:0; }
	ul.gnbMenu li { float:left; white-space:nowrap; font-weight:bold; padding:12px 0; margin:0 10px; }
		ul.gnbMenu li a, ul.gnbMenu li a:link { color:#eaedfe; padding:0 10px; }
		ul.gnbMenu li a:hover { background:url(../../img/common/bg_gmenu_first.gif) no-repeat left 2px; _background-position:left 12px; color:#0f6ca9; font-weight:bold; padding:10px 0 10px 10px; }
		*+html ul.gnbMenu li a:hover { background-position:left 12px; }
		ul.gnbMenu li a:hover span { background:url(../../img/common/bg_gmenu_last.gif) no-repeat right 2px; font-weight:bold; padding:10px 10px 10px 0; }

/* lnb */
dl.leftMenu { width:210px; font-weight:bold; }
	dl.leftMenu dt { background:url('../../img/common/bg_lnb.gif') no-repeat left top; font-size:14px; padding:1px 0 3px 30px; }
		dl.leftMenu dt a, dl.leftMenu dt a:link, dl.leftMenu dt a:hover { color:#eaedfe; }
	dl.leftMenu dd { margin:6px 0 0 40px; font-size:12px; }
		dl.leftMenu dd a, dl.leftMenu dd a:link { color:#626262; }
		dl.leftMenu dd a:hover { color:#252525; }
		dl.leftMenu dd li { padding:5px 0; }
			dl.leftMenu dd li.on { background:url(../../img/common/bg_lnb_on.gif) no-repeat left 7px; color:#252525; margin-left:-40px; padding-left:40px; }


/* title & location */
h2 { padding:0 0 13px 18px; border-bottom:1px solid #e3e3e3; font-size:12px; color:#126aa8; }
.path { float:right; background:url('../../img/common/ico_path.gif') no-repeat left 3px; margin-top:-18px; padding-left:15px; color:#888; font-size:11px; }
	.path a, .path a:link { color:#888; }

/* tab */
.tab { float:left; width:100%; margin:20px 0; #margin:20px 0 0 0; _margin:20px 0 0 0; line-height:normal; background:url(../../img/common/bg_tab.gif) repeat-x left bottom; }
	.tab li { display:inline; font-size:11px; font-family:Tahoma; font-weight:bold; margin:0; padding:0; }
	.tab a { float:left; background:url(../../img/common/bg_tableft.gif) no-repeat left top; margin:0 1px 0 0; padding:0 0 0 5px; color:#afafaf; }
		.tab a span { float:left; display:block; background:url(../../img/common/bg_tabright.gif) no-repeat right top; padding:7px 20px 5px 15px; }
		html>/**/body .tab a span, x:-moz-any-link, x:default { padding:7px 20px 4px 15px; } /* Firefox 3 Fix */
		.tab a span { float:none; }
		.tab a:hover { color:#afafaf; }
	.tab li.on a { background-position:0% -25px; }
	.tab li.on a span { background-position:100% -25px; color:#fff; }

/* box */
.box { border:1px solid #e3e3e3; padding:17px 20px 17px 10px; margin-top:20px; clear:both; }
.box02 { background:#e3e3e3 url(../../img/common/bu_expl.gif) no-repeat 10px 9px; color:#094d8c; font-family:Verdana; padding:6px 10px 9px 27px; margin-top:20px; }
.box03 { border:1px solid #e3e3e3; padding:2px 0px 2px 0px; margin-top:20px; margin-bottom:20px; clear:both; }

/*** Table ***/
table { width:100%; margin-top:20px; font-family: "나눔고딕"; font-size:12px; color:#000; }
table th { font-weight:; color:#000; }
table th.line { border-right:1px solid #e3e3e3; }
table td input, table td select, table td fieldset { margin-top:-2px; margin-bottom:-1px; #margin-top:-4px; #margin-bottom:-2px; }
table tr.bg01 { background:#f2f2f2; }
table tr.bg02 { background:#e9e9e9; }
table td.title { text-align:left !important; }

/* x-table */
/*.tbl01 { background:url('../../img/common/bg_th.gif') no-repeat right top; border-bottom:1px solid #e3e3e3; }*/
.tbl01 { border:0.1px solid #babec7;  margin-top:10px; }
	.tbl01 th { background:url(../../img/common/bg_th_fl.gif)   ; repeat-x left top; height:30px; line-height:18px; vertical-align:middle; border:1px solid #babec7; }
		.tbl01 th.first { background:url(../../img/common/bg_th_fl.gif) no-repeat left top; }
		.tbl01 th.last { background:url(../../img/common/bg_th_fl.gif) no-repeat right top; }
	.tbl01 td { text-align:center; padding:5px 10px 4px; border:1px solid #babec7; }
	
	
	.tbl01 tr:nth-child(even){background-color:#f2f2f2;}
	.tbl01 tr:hover {background-color:#FF9;}
  

.tbl05 { border:1px solid #babec7; }
	.tbl05 th { background:#eee url(../../common/bg_th.gif) repeat-x left top; height:30px; line-height:18px; vertical-align:middle; border:1px solid #babec7; }
		.tbl05 th.first { background:url(../../img/common/bg_th_fl.gif) no-repeat left top; }
		.tbl05 th.last { background:url(../../img/common/bg_th_fl.gif) no-repeat right top; }
	.tbl05 td { text-align:left; padding:5px 10px 4px; border:1px solid #babec7; }



/* y-table */
.tbl02 {  }
	.tbl02 tr.first th, .tbl02 tr.first td {border-top:3px solid #039;}
	.tbl02 th, .tbl02 td { border:1px solid #babec7; }
	.tbl02 th { background:#FF9; border-bottom:1px solid #babec7; text-align:center; padding:6px 0px 4px;}
		.tbl02 th em { color:#fec93c; font-size:12px; font-style:normal; font-weight:bold; margin:2px; }
     .tbl02 td { border-bottom:1px solid #babec7; padding:4px 10px; }
	.tbl02 tr.first td.last_btn { border:1px; border-left:1px solid #babec7; padding:0 0 0 10px; }
	
	 
	

/* view-table */
.tbl03 { border-bottom:1px solid #e3e3e3; }
.tbl03 th { background:#c4ccd0; border-top:1px solid #e3e3e3; color:#fff; text-align:left; padding:3px 10px 6px; }
	.tbl03 th.tit { background:#9fafb8; border-top:none !important; }
	.tbl03 th.tit span { color:#ddedfc; }
.tbl03 td { background:#e9e9e9; border-top:1px solid #e3e3e3; padding:4px 10px; }
	.tbl03 td.view { background:#f2f2f2; padding:20px; }
	.tbl03 td img { vertical-align:middle; margin-right:5px; }
	


/* as-table */
.tbl04 { border-bottom:1px solid #e3e3e3; margin-top:0px; }
.tbl04 th { background:#c4ccd0; border-top:1px solid #e3e3e3; color:#fff; text-align:left; padding:3px 10px 6px; border-right:1px solid #e3e3e3; }
	.tbl04 th.tit { background:#9fafb8; border-top:none !important; }
	.tbl04 th.tit span { color:#ddedfc; }
.tbl04 td { border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:4px 10px; }


/* table안에 가격으로 표시할 경우 */
.price { text-align:right; }

/* Search-table */
.tbl-box { margin-top:0px; }
	.tbl-box th { background:url('../../img/common/bu_dot.gif') no-repeat 10px 13px; text-align:left; padding-left:17px; color:#888; }
	.tbl-box td { padding:5px 0; }
	.tbl-box td.tstrong { font-weight:bold; color:#888888; }
.tbl-box td img { vertical-align:middle; margin-right:5px; }

/* select-table */
.tbl-sel { background:url('../../img/common/bg_select.gif') repeat-x left top; border:1px solid #e3e3e3; font-family:Verdana; }
	.tbl-sel td { background:url('../../img/common/bg_select_b01.gif') no-repeat right bottom; border-right:1px solid #e3e3e3; color:#126aa8; font-weight:bold; font-size:12px; padding:30px; }
		.tbl-sel td p { text-align:center; margin-bottom:30px; }
		.tbl-sel td.style01 { background-image:url('../../img/common/bg_select_b02.gif'); }
		.tbl-sel td.style02 { background-image:url('../../img/common/bg_select_b03.gif'); }

/* paging */
.paging { margin:0; font-family:Tahoma; font-size:11px; color:#a0afb8; text-align:center; letter-spacing:0; }
	.paging a, .paging a:link, .paging a:hover, .paging strong { background:url('../../img/common/bg_pag.gif') right center no-repeat; color:#a0afb8; padding-right:7px; margin-right:2px; }
	.paging a:hover { color:#a0afb8; }
	.paging a.last, .paging strong.last { background:none; }
	.paging input { padding:0; }
	.paging input.prev { margin:0 15px 0 2px; }
	.paging input.next { margin:0 2px 0 7px; }

/* button */
.btn { text-align:right; margin:10px 0 0 0; }
.btn02 { text-align:right; } /* 상단박스안 버튼위치 */
.paging-area { width:100%; position:relative; margin-top:11px; _margin-top:12px; }
	.paging-area .btn-r { position:absolute; right:0px; top:-1px; _top:-3px; }

/* button style */
.button,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:Tahoma; white-space:nowrap; background:url('../../img/common/bg_btn.gif') no-repeat; overflow:visible; color:#fff; font-weight:bold; }
.button { height:18px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top; }
.button button,
.button input { left:2px; vertical-align:top; cursor:pointer; }

.button button,
.button input { padding:0 6px 0 5px; #padding:0 10px 0 8px; line-height:12px; background-position:right top; }

.button02,
.button02 button02,
.button02 input { position:relative; margin:0; left:2px; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:Tahoma; white-space:nowrap; background:url('../../img/common/bg_btn02.gif') no-repeat; overflow:visible; color:#888; }
.button02 { height:16px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top; margin-top:-1px; }
.button02 button02,
.button02 input { left:2px; vertical-align:top; cursor:pointer; }

.button02 button02,
.button02 input { padding:0 6px 0 5px; #padding:0 6px 0 5px; line-height:12px; background-position:right top; }

/* 테이블 안 버튼 */
.file-l { float:left; border:1px solid #d0d0d0; background:#fff; width:50%; height:50px; }
.file-r { float:left; padding:4px; }
	.file-r span.button02 { margin:3px 0; }


/* Main */
.notice-lay { float:left; width:100%; min-width:478px; }
.notice { border:1px solid #e3e3e3; margin:0 250px 0 0; }
	.notice dt { background:#e3e3e3 url('../../img/common/ico_h2.gif') no-repeat 10px 11px; padding:5px 10px 4px 28px; color:#126aa8; font-size:12px; font-weight:bold; }
		.notice dt span { float:left; }
		.notice dt a, .notice dt a:link { float:right; color:#126aa8; font-size:11px; font-weight:bold; }
	.notice dd { padding:14px 20px 20px; }
		.notice dd .list li { background:url('../../img/common/bu_dot.gif') no-repeat left 9px; #background-position:left 10px; color:#888; font-size:11px; border-bottom:1px dotted #e3e3e3; padding:3px 0 0 9px; #padding:2px 0 0 9px; #display:inline-block; }
			.notice dd .list li em { font-style:normal; float:right; #margin:-15px 0 0 0; }
			.notice dd .list li span.hit {width:70px; font-style:normal; text-align:center; float:right; #margin:-15px 0 0 0;}
			.notice dd .list li a, .notice dd .list li a:link { color:#888; }
.banner { float:right; width:230px; font-size:0; margin:0 0 0 -230px; }


/* Login Page */
body.login {background:url("../../img/bg_new.png") center top no-repeat;}

/* body.login #login_wrap {margin:180px auto; width:650px; height:328px; background:url("../../img/admin/bg_login_new.png") no-repeat; position:relative;}*/

body.login #login_wrap {margin:180px auto; width:720px; height:363px; background:url("../../img/admin/bg_login_720.png") no-repeat; position:relative;}


body.login .login_notice { background:url("../../img/bg_notice.png") no-repeat; background-position: 0 bottom; margin:305px 0 0 0;}
body.login .login_notice .container{ padding:32px 22px 48px; margin: 30px; color:crimson; border-top:10px dotted #d2d2d2;}
body.login ul.form {
	width:180px;
	height:55px;
	position:absolute;
	left:296px;
	top:176px;
} 
body.login ul.form li {height:26px;}
body.login ul.form li span {display:none;}
body.login .ipt {padding:2px 4px; width:160px; background:#e9e9e9; border:0;}
body.login ul.btn {
	width:174px;
	height:55px;
	position:absolute;
	left:477px;
	top:166px;
}
body.login ul.btn li {height:26px; text-align:left;}

body.login dl.link {min-width:150px; position:absolute; left:445px; top:260px;}
body.login dl.link dt {width:150px; height:19px;}
body.login dl.link dd {padding:3px 6px; width:width:138px; font-size:11px; line-height:20px; background:#fff; border:1px solid #d5d5d5;}
body.login dl.link dd li {padding-left:8px; border-bottom:1px dotted #eee;}
dl.link li a {padding-left:8px; width:120px; height:100%; color:#666; background:url("../../img/admin/blet_arrow.gif") left 7px no-repeat; display:block;}
dl.link li a:focus, dl.link li a:hover {color:#2377be; text-decoration:underline; background-position:left -12px;}