@charset "utf-8"; 
/* Jeong Chan Myeong(dece24@gmail.com) */

/* 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(/images/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}

.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: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(/images/button/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(/images/button/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(/images/button/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(/images/button/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

.button.purple,
.button.purple a,
.button.purple button,
.button.purple input { background-image:url(/images/button/buttonPurple.gif); color:#fff;}
.button.purple *:hover,
.button.purple *:active,
.button.purple *:focus{ color:#ff0;}

.button.yellow,
.button.yellow a,
.button.yellow button,
.button.yellow input { background-image:url(/images/button/buttonYellow.gif); color:#000;}
.button.yellow *:hover,
.button.yellow *:active,
.button.yellow *:focus{ color:#8000ff;}

.button.ired,
.button.ired a,
.button.ired button,
.button.ired input { background-image:url(/images/button/buttoniRed.gif); color:#fff;}
.button.ired *:hover,
.button.ired *:active,
.button.ired *:focus{ color:#ff0;}

.button.iblue,
.button.iblue a,
.button.iblue button,
.button.iblue input { background-image:url(/images/button/buttoniBlue.gif); color:#fff;}
.button.iblue *:hover,
.button.iblue *:active,
.button.iblue *:focus{ color:#ff0;}

.button.igreen,
.button.igreen a,
.button.igreen button,
.button.igreen input { background-image:url(/images/button/buttoniGreen.gif); color:#fff;}
.button.igreen *:hover,
.button.igreen *:active,
.button.igreen *:focus{ color:#ff0;}



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



/* ·Î±×ÀÎ ¹Ú½º */
.btn{ display:inline-block;border-style:solid;border-width:1px;border-radius:3px;font-weight:600}
.small{padding:2px 7px;font-size:13px;}
.medium{padding:10px 20px;font-size:16px;}
.big{padding:15px 30px;font-size:20px;}
/*
.white{color:#333;border-color:#dfdfdf;background-color:#fff}
.white:hover{color:#333;border-color:#dfdfdf;background-color:#eee}

.black{color:#fff;border-color:#111;background-color:#333}
.black:hover{color:#fff;border-color:#111;background-color:#111}
*/
.blue{color:#fff;border-color:#1f6ea8;background-color:#378dcc}
.blue:hover{color:#fff;border-color:#1f6ea8;background-color:#1f6ea8}


.cyan{color:#fff;border-color:#24905a;background-color:#42b97d}
.cyan:hover{color:#fff;border-color:#24905a;background-color:#24905a}

.orange{color:#fff;border-color:#F30;background-color:#F60}
.orange:hover{color:#fff;border-color:#F30;background-color:#F30}