/* Jeong Chan Myeong(dece24[@]gmail.com) */
/*
http://naradesign.net/wp/2008/10/31/203/
a : <a href="#" class="button"><span><img class="icon"> TEXT</span></a>
button : <span class="button"><img class="icon"><button type="button">TEXT</button></span>
input : <span class="button"><img class="icon"><input type="submit" value="TEXT" /></span>
*/

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../moa/images/buttonWhite.gif) no-repeat; overflow:visible; color:#333; font-family:"맑은 고딕", "나눔고딕", "굴림", "돋움", "바탕" !important;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:middle; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../moa/images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../moa/images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../moa/images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../moa/images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/* 버튼 style - 파란색, 흰색 */
.btn1 { width:65px; height:27px; background:url(../moa/images/btn1/btn.gif) no-repeat; border:0 none; font-family:'맑은 고딕'; letter-spacing:-0.1em; line-height:100%; cursor:pointer; text-align:center; vertical-align:middle; display:inline-block; line-height:27px; }
.btn1.big { width:105px; background:url(../moa/images/btn1/btn_big.gif) no-repeat; }
.btn1.bold, a.btn1.bold:hover, a.btn1.bold:active, a.btn1.bold:focus { background:url(../moa/images/btn1/btn_bold.gif) no-repeat; font-size:12px; font-weight:bold !important; color:#fff !important; }
.btn1.bold.big { width:105px; background:url(../moa/images/btn1/btn_bold_big.gif) no-repeat; }
.btn1 img { vertical-align:middle; }

/* Icon Add */
a.button .icon { position:relative; border:0; margin:0; padding:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin:0; padding:0; margin-right:8px; vertical-align:middle;}
/* IE7 hack */
*:first-child+html .button input { top:-1px; } 

/* button_box */
.buttons, .buttons_center { padding:10px 0; overflow:hidden; width:100%; }
.buttons_center { text-align:center; }
.buttons .buttons_left { float:left; }
.buttons .buttons_right { float:right; }

/* iE 6, 7 */
*+html .button a, *+html .button button { top:-1px; }
.button a { _top:-1px; } /* IE6 */



/*모아정보 버튼 이미지로 대체*/
	.moa_buttons .write{ display:inline-block; width:98px; height:29px; background:url(../moa/images/btn1/write.gif) no-repeat; font-family:"맑은 고딕"; text-align:center; padding:5px 0 0 0; color:#fff; font-size:1.2em;}
		.moa_buttons .write a{font-size:1.0em; font-family:"맑은 고딕"; color:#fff;}
		.moa_buttons .write:hover a{ color:#FF0;}
	
	.moa_buttons .write_ok{ display:inline-block; width:59px; height:29px; background:url(../moa/images/btn1/ok.gif) no-repeat; font-family:"맑은 고딕"; text-align:center; padding:5px 0 0 0; color:#fff; font-size:1.2em; cursor:pointer;}
		.moa_buttons .write_ok:hover{ color:#FF0;}
	.moa_buttons .cancel{ display:inline-block; width:59px; height:29px; background:url(../moa/images/btn1/cancel.gif) no-repeat; font-family:"맑은 고딕"; text-align:center; padding:5px 0 0 0; color:#fff; font-size:1.2em;}
		.moa_buttons .cancel:hover{ color:#FF0;}
		
	.moa_buttons .list{ display:inline-block; width:72px; height:29px; background:url(../moa/images/btn1/list.gif) no-repeat; font-family:"맑은 고딕"; text-align:center; padding:5px 0 0 0; color:#fff; font-size:1.2em; cursor:pointer;}
		.moa_buttons .list a{font-size:1.0em; font-family:"맑은 고딕"; color:#fff;}
		.moa_buttons .list:hover a{color:#FF0;}
		
	.moa_buttons .reply{ display:inline-block; width:73px; height:29px; background:url(../moa/images/btn1/reply.gif) no-repeat; font-family:"맑은 고딕"; text-align:center; padding:5px 0 0 0; color:#fff; font-size:1.2em; cursor:pointer;}
		.moa_buttons .reply a{font-size:1.0em; font-family:"맑은 고딕"; color:#fff;}
		.moa_buttons .reply:hover a{color:#FF0;}
	
	.moa_buttons .edit{ display:inline-block; width:72px; height:29px; background:url(../moa/images/btn1/edit.gif) no-repeat; font-family:"맑은 고딕"; text-align:center; padding:5px 0 0 0; color:#fff; font-size:1.2em; cursor:pointer;}
		.moa_buttons .edit a{font-size:1.0em; font-family:"맑은 고딕"; color:#fff;}
		.moa_buttons .edit:hover a{color:#FF0;}
	
	.moa_buttons .del{ display:inline-block; width:70px; height:29px; background:url(../moa/images/btn1/del.gif) no-repeat; font-family:"맑은 고딕"; text-align:center; padding:5px 0 0 0; color:#fff; font-size:1.2em; cursor:pointer;}
		.moa_buttons .del a{font-size:1.0em; font-family:"맑은 고딕"; color:#fff;}
		.moa_buttons .del:hover a{color:#FF0;}