/* -------------------------------
ÀÛ¾÷ÀÏÀÚ : 2014.05.23
ÀÛ¾÷ÀÚ    : SJH
ÀÛ¾÷³»¿ë : ¹öÆ° ÅؽºÆ® ³ôÀÌ ¼öÁ¤
------------------------------- */
@charset "utf-8"; 

/* Button Reset */

.button input::-moz-focus-inner { margin:0; padding:0; border:0; }
.button, .button a, .button button, .button input { display:-moz-inline-stack; display:inline-block; position:relative; margin:0; border:0; color:#000; font-size:12px; text-decoration:none !important; background:url(/images/button/btn_white.png) no-repeat; white-space:nowrap; overflow:visible; }
.button { padding:0; line-height:23px; margin-right:5px; background-position:left top; vertical-align:middle; }
.button a, .button button, .button input { left:3px; cursor:pointer; vertical-align:top; }

/* Button Size */
.button.medium { height:30px; background-position:left -30px; font-weight:normal !important; }
.button.large { font-family:¸¼Àº°íµñ, '¸¼Àº °íµñ', 'Malgun Gothic'; font-weight:bold; height:35px; line-height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; font-weight:normal !important; }
.button.xlarge { font-family:¸¼Àº°íµñ, '¸¼Àº °íµñ', 'Malgun Gothic'; font-weight:bold; height:42px; background-position:left -135px; }
.button.xxlarge { font-family:¸¼Àº°íµñ, '¸¼Àº °íµñ', 'Malgun Gothic'; font-weight:bold; height:55px; background-position:left -187px; }
.button a, .button button, .button input {  line-height:23px; padding:2px 8px; font-size:12px; font-weight:normal !important; background-position:right top; }
.button.medium a, .button.medium button, .button.medium input { height:32px; line-height:32px; padding:0 8px; font-size:16px; font-weight:normal !important; background-position:right -30px; }
.button.large a, .button.large button, .button.large input { height:35px; line-height:35px; padding:0 10px; font-size:18px; font-family:¸¼Àº°íµñ, '¸¼Àº °íµñ', 'Malgun Gothic'; font-weight:bold; background-position:right -65px; }
.button.small a, .button.small button, .button.small input { height:20px; line-height:20px; padding:1px 5px; font-size:11px; font-weight:normal !important; background-position:right -107px; }
.button.xlarge a, .button.xlarge button, .button.xlarge input { height:42px; line-height:42px; padding:0 12px; font-size:22px; font-family:¸¼Àº°íµñ, '¸¼Àº °íµñ', 'Malgun Gothic'; font-weight:bold; background-position:right -135px; }
.button.xxlarge a, .button.xxlarge button, .button.xxlarge input { height:55px; line-height:55px; padding:0 14px; font-size:26px; font-family:¸¼Àº°íµñ, '¸¼Àº °íµñ', 'Malgun Gothic'; font-weight:bold; background-position:right -187px; }

/* Button Text Color */
.button *:hover, .button *:active, .button *:focus { color:#ff3500 !important; }
.button.gray, .button.gray a, .button.gray button, .button.gray input { background-image:url(/images/button/btn_gray.png); color:#333 !important; }
.button.gray *:hover, .button.gray *:active, .button.gray *:focus { color:#333 !important; }
.button.black, .button.black a, .button.black button, .button.black input { background-image:url(/images/button/btn_black.png); color:#fff !important; }
.button.black *:hover, .button.black *:active, .button.black *:focus { color:#ccc !important; }
.button.green, .button.green a, .button.green button, .button.green input { background-image:url(/images/button/btn_green.png); color:#fff !important; }
.button.green *:hover, .button.green *:active, .button.green *:focus { color:#d8f65e !important; }
.button.orange, .button.orange a, .button.orange button, .button.orange input { background-image:url(/images/button/btn_orange.png); color:#fff !important; }
.button.orange *:hover, .button.orange *:active, .button.orange *:focus { color:#ffd2b4 !important; }
.button.blue, .button.blue a, .button.blue button, .button.blue input { background-image:url(/images/button/btn_blue.png); color:#fff !important; }
.button.blue *:hover, .button.blue *:active, .button.blue *:focus { color:#cbe0ff !important; }
.button.skyblue, .button.skyblue a, .button.skyblue button, .button.skyblue input { background-image:url(/images/button/btn_sky.png); color:#fff !important; }
.button.skyblue *:hover, .button.skyblue *:active, .button.skyblue *:focus { color:#e2f6ff !important; }
.button.pink, .button.pink a, .button.pink button, .button.pink input { background-image:url(/images/button/btn_pink.png); color:#fff !important; }
.button.pink *:hover, .button.pink *:active, .button.pink *:focus { color:#ffe5f0 !important; }
.button.violet, .button.violet a, .button.violet button, .button.violet input { background-image:url(/images/button/btn_violet.png); color:#333 !important; }
.button.violet *:hover, .button.violet *:active, .button.violet *:focus { color:#7b5f13 !important; }
.button.hotpink, .button.hotpink a, .button.hotpink button, .button.hotpink input { background-image:url(/images/button/btn_hotpink.png); color:#fff !important; }
.button.hotpink *:hover, .button.hotpink *:active, .button.hotpink *:focus { color:#fce7ff !important; }
.button.red, .button.red a, .button.red button, .button.red input { background-image:url(/images/button/btn_red.png); color:#fff !important; }
.button.red *:hover, .button.red *:active, .button.red *:focus { color:#ffe7ee !important; }

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