@import url("/ngel/nadmin/css/layout.css");		/* 레이아웃 CSS */
ul, li, ol {list-style-type:none; margin:0; padding:0;}
/* 링크점선없애기*/
a,img,input,textarea {selector-dummy: expression(this.hideFocus=true);}
img{border=0}
/* CSS Document */
A:link {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#6d6d6d; font-size:9pt; text-decoration:none;}
A:visited {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#6d6d6d; font-size:9pt;text-decoration:none;}
A:active {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#6d6d6d; font-size:9pt; text-decoration:none;}
A:hover {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#222222; font-size:9pt; text-decoration:none;}


/* 대메뉴*/

a.menu:link {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#ffffff; font-size:9pt; font-weight:"bold";text-decoration:none;}
a.menu:visited {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#ffffff; font-size:9pt; font-weight:"bold";text-decoration:none;}
a.menu:active {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#ffffff; font-size:9pt; font-weight:"bold";text-decoration:none;}
a.menu:hover {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#ffffff; font-size:9pt; font-weight:"bold";text-decoration:underline;}




body, p, tr, td, div, table {
 font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial";
color:#000000; font-size:11px; line-height:16px;  word-spacing:-0.1em;}


BODY, TD {
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#666666;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#000000;}


.ij {width:79px; height:79px; border:3px solid #3C6698; margin:10px 0 10px 0;}


/*포트폴리오*/
				.potpolio {clear:both; width:100%; height:auto; overflow:hidden;}
				/* paging */
				.pagingline {border-top:1px solid #F0F0F0;}
				.paging {margin:10px 0 0 0; padding-top:10px; text-align:center; font-size:11px;}
				.paging ul{display:inline-block; *display:inline; *zoom:1; margin-top:2px;}
				.paging li{float:left; padding:0 7px; background:url(../images/sub/bu_paging_bar.gif) no-repeat 100% 35%;}
				.paging li.last{padding:0 7px; background:none; }
				.paging li b{color:#ff9a0e;}

.small{  font-family: "돋움"; font-size: 8pt; color:#6d6d6d; text-decoration: none ;line-height: letter-spacing: -0.1em;}
.tr.bg {background:#F0F3F8;}

/* 로그인*/

.login {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial";
color:#7d7d7d; font-size:8pt; line-height:13px; word-spacing:-0.1em; letter-spacing: -0.1em;}


/* 표라인*/
.table_line01 {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #dbdcdd;
	border-left-color: #dbdcdd;
}
.table_line02 {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-color: #dbdcdd;
	border-left-color: #dbdcdd;
	border-right-color: #dbdcdd;
}










/* 흰색글씨*/

.white {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial";
color:#ffffff; font-size:11px; line-height:13px; word-spacing:-0.1em; letter-spacing: -0.1em;}

/*큰제목*/

.txtTitle01 {
	font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial";
	color:#000000; font-size:14px;
	font-weight: bold;
	line-height:20px;
	word-spacing:-0.1em;
	letter-spacing: -0.1em;
}
.txtTitle02{
	font-weight:bold;
	font-size:12px;
	padding-left:10px;
 }

/* 텍스트박스*/

.input01 {
	font-family: "돋움", "돋움체", "Tahoma", "Verdana", "Arial";
	font-size: 9pt;
	color:#6d6d6d;
	line-height:20px;
	background-color: #FFFFFF;
	border: 1px solid #5d6a80;
	height: 25px;
	width: 204px;
	padding-left: 4px;
}

.input02 {
	font-family: "돋움", "돋움체", "Tahoma", "Verdana", "Arial";
	font-size: 9pt;
	color:#6d6d6d;
	line-height:20px;
	background-color: #FFFFFF;
	border: 1px solid #dadada;
	height: 20px;
	padding-left: 4px;
}

.buttonA {
   border:solid 2 #99A4B6;
   font-size:11px;
   color:#ffffff;
   padding-top:1px;
   text-align:center;
   font-family:"돋움", "돋움체","Verdana", "Arial", "Tahoma", ;
   background-color:#99A4B6;
   height:18px;
   cursor:hand;
}
.buttonB {
   border:solid 2 #000000;
   font-size:11px;
   color:#000000;
   padding-top:1px;
   text-align:center;
   font-family:"돋움", "돋움체","Verdana", "Arial", "Tahoma", ;
   background-color:#CCCCCC;
   width:40px;
   height:23px;
   cursor:hand;
}

.formA {
	border-width:1px;
	border-color:#66C4D5;
	border-style :solid;
	font-family:"돋움", "돋움체", "Tahoma", "Arial","Verdana";
	font-size:11px;
	color:#2D2D2D;
	padding-top:3px;
	height:18px;
	background-color: #ffffff;
}
.formB {
	border-width:1px;
	border-color:#76859e;
	border-style :solid;
	font-family:"돋움", "돋움체", "Tahoma", "Arial","Verdana";
	font-size:12px;
	color:#2D2D2D;
	padding-top:3px;
	width:100px;
	height:20px;
	background-color: #ffffff;
}
.formC {
	border-width:1px;
	border-color:#76859e;
	border-style :solid;
	font-family:"돋움", "돋움체", "Tahoma", "Arial","Verdana";
	font-size:12px;
	color:#2D2D2D;
	padding-top:3px;
	width:200px;
	height:20px;
	background-color: #ffffff;
}

.buttonC {
   border:solid 1 #C7CDD0;
   font-size:11px;
   color:#6C7273;
   padding-top:2px;
   text-align:left;
   font-family:"돋움", "돋움체","Verdana", "Arial", "Tahoma", ;
   background-color:ffffff;
   height:18px;
   cursor:hand;
}

.BOX01{
	border:solid 1 #76859e;
}

.pBox01{
	border:solid 1 #eaeaea;
}

.button
{
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	padding: 0 0.5em;
	/*margin: 0.5em;*/
	font: bold 1em/1.7em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

.button:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.button:focus
{
	outline: 0;
	background: #fafafa;
}

.button:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
        pointer-events: none;
}

/* Hexadecimal entities for the icons */

.add:before
{
	content: "\271A";
}

.edit:before
{
	content: "\270E";
}

.delete:before
{
	content: "\2718";
}

.save:before
{
	content: "\2714";
}

.email:before
{
	content: "\2709";
}

.like:before
{
	content: "\2764";
}

.next:before
{
	content: "\279C";
}

.star:before
{
	content: "\2605";
}

.spark:before
{
	content: "\2737";
}

.play:before
{
	content: "\25B6";
}


/** 메뉴관리 리스트 메뉴항목 */
.prod_subject{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:2px;
}

.prod_subject ul li{
	float:left;
	padding:0;
}

.prod_subject ul li a:hover {font-weight:bold;color:#FF0000;}
.prod_subject ul li p{line-height:15px;padding:0;}

.prod_subject ul li.cnt{
	text-align:left;
	width:300px;
	font-weight:normal;
}

.prod_subject ul li.pic img{
	width:100px;
	padding:20px 3px 3px 3px;
}