/* 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 !important; 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 img{ margin-top:3px;}

.button a,
.button button,
.button input{ left:2px; vertical-align:top; 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;}
.buttons_center { text-align:center; padding:10px 0; }

/* ¹öÆ° style - ÆĶõ»ö, Èò»ö */
.btn1 { width:65px; height:27px; background:url(/moa/images/btn1/btn.gif) no-repeat; border:0 none; font-family:"¸¼Àº °íµñ", "³ª´®°íµñ", "±¼¸²", "µ¸¿ò", "¹ÙÅÁ" !important; 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 { background:url(/moa/images/btn1/btn_bold.gif) no-repeat; font-weight:bold; color:#fff; font-size:14px;}
.btn1.bold.big { width:105px; background:url(/moa/images/btn1/btn_bold_big.gif) no-repeat; }
.btn1 img { vertical-align:middle; }

/* Ãß°¡ */
a.flag {background: url(/images/sprite.png)  10px -96px no-repeat #f3f3f3;padding-left: 30px;}