@charset "utf-8";
/*utf-8이면 디자인이 맞는다*/
/* Button Document */

/* Button Reset */
.inputBtn,
.inputBtn a,
.inputBtn button,
.inputBtn input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; /*font-family:ngeot,나눔고딕, NanumGothic,dotum,돋움, Sans-serif;*/ white-space:nowrap; background:url(../../common/img/m_builder/btnWhite.gif) no-repeat; overflow:visible; color:#333;  }
.inputBtn{height:23px; padding:0; vertical-align:middle; margin:0 2px 3px 1px; background-position:left top;}


/* Button Size */
.inputBtn.large { height:29px; background-position:left -30px; }
.inputBtn.xLarge { height:35px; background-position:left -65px; }
.inputBtn.small { height:20px; background-position:left -105px; letter-spacing:-1px; line-height:20px;  }
.inputBtn a,
.inputBtn button,
.inputBtn input{ left:2px; vertical-align:top; cursor:pointer;}
.inputBtn a,
.inputBtn button,
.inputBtn input { height:23px; padding:0 10px 0 8px !important; font-size:12px; line-height:23px; background-position:right top;}
.inputBtn.large a,
.inputBtn.large button,
.inputBtn.large input { height:30px; padding:0 11px 0 8px !important; font-size:15px; line-height:30px; background-position:right -30px; font-weight:bold; letter-spacing:-1px}
.inputBtn.xLarge a,
.inputBtn.xLarge button,
.inputBtn.xLarge input { height:35px; padding:0 10px 0 8px !important; font-size:20px; line-height:35px; background-position:right -65px;}
.inputBtn.small a,
.inputBtn.small button,
.inputBtn.small input { height:20px; padding:0 8px 0 6px !important; font-size:11px; line-height:20px; background-position:right -105px; margin-right:-2px}/*letter-spacing:-1px;*/


.inputBtn *:hover,
.inputBtn *:active,
.inputBtn *:focus{ color:#999;}


/* Black Button color */
.inputBtn.black,
.inputBtn.black a,
.inputBtn.black button,
.inputBtn.black input { background-image:url(../../common/img/m_builder/btnBlack.gif); color:#fff !important;}

.inputBtn.black *:hover,
.inputBtn.black *:active,
.inputBtn.black *:focus{ color:#ff0;}
.inputBtn.black *:visited{ color:#FFF;}

/* Button Text Color  Add*/

.inputBtn.green,
.inputBtn.green a,
.inputBtn.green button,
.inputBtn.green input { background-image:url(../../common/img/m_builder/btnGreen.gif); color:#fff !important;}
.inputBtn.green *:hover,
.inputBtn.green *:active,
.inputBtn.green *:focus{ color:#ff0;}

.inputBtn.red,
.inputBtn.red a,
.inputBtn.red button,
.inputBtn.red input { background-image:url(../../common/img/m_builder/btnRed.gif); color:#fff !important;}
.inputBtn.red *:hover,
.inputBtn.red *:active,
.inputBtn.red *:focus{ color:#ff0;}

.inputBtn.blue,
.inputBtn.blue a,
.inputBtn.blue button,
.inputBtn.blue input { background-image:url(../../common/img/m_builder/btnBlue.gif); color:#fff !important;}
.inputBtn.blue *:hover,
.inputBtn.blue *:active,
.inputBtn.blue *:focus{ color:#ff0;}

.inputBtn.rose,
.inputBtn.rose a,
.inputBtn.rose button,
.inputBtn.rose input { background-image:url(../../common/img/m_builder/btnRose.gif); color:#fff !important;}
.inputBtn.rose *:hover,
.inputBtn.rose *:active,
.inputBtn.rose *:focus{ color:#ff0;}

.inputBtn.navy,
.inputBtn.navy a,
.inputBtn.navy button,
.inputBtn.navy input { background-image:url(../../common/img/m_builder/btnNavy.gif); color:#fff !important;}
.inputBtn.navy *:hover,
.inputBtn.navy *:active,
.inputBtn.navy *:focus{ color:#ff0;}

.inputBtn.pink,
.inputBtn.pink a,
.inputBtn.pink button,
.inputBtn.pink input { background-image:url(../../common/img/m_builder/btnPink.gif); color:#fff !important;}
.inputBtn.pink *:hover,
.inputBtn.pink *:active,
.inputBtn.pink *:focus{ color:#ff0;}



