﻿/* button style 공통 */
.bg-btn {color:#fff !important;font-size:11px;
	letter-spacing:-1px;
	background:#7C75B9;cursor:pointer;
	font-family:Dotum;
	/*-webkit-border-radius:25px;
	-webkit-box-shadow:rgb(110,110,110) 3px 3px 3px;
	-webkit-transition:-webkit-transform 2s, opacity 2s, background 2s, width 2s, height 2s;*/}
.bg-btn:hover{-webkit-transform:rotate(360deg);
    opacity:1;
    background:#28266C;
    }
.bg-btn span {font-size:1em;line-height:1;margin:0;white-space:nowrap;}
button.bg-btn {border:none;padding:0;margin:0;}
.msie6 button.bg-btn, .msie7 button.bg-btn {margin-top:-1px;margin-left:4px;}
.msie9 {letter-spacing:normal;}

/* button color */
.btn-brown {background:#827668;}
.btn-gray {background:#A9A9A9;}

/* button style */
.btn-type1 {font-weight:bold;}
.btn-type1 span {padding:6px 25px 5px;}
.msie6 button.btn-type1 span,.msie7 button.btn-type1 span{padding:6px 13px 4px;}
.safari button.btn-type1 span{padding:5px 22px 4px;}

.btn-type2 span {padding:5px 10px 4px;}
.msie6 button.btn-type2 span, .msie7 button.btn-type2 span {padding:5px 3px 3px;}
.safari button.btn-type2 span{padding:4px 7px 3px;}

.btn-type3 span {padding:4px 10px 3px;}
.msie6 button.btn-type3 span,.msie7 button.btn-type3 span {padding:4px 4px 2px;}
.safari button.btn-type3 span{padding:3px 7px 2px;}

.btn-type4 span {width:70px; height:20px; padding:4px 0 0 0;}
.msie6 button.btn-type4 span,.msie7 button.btn-type3 span {padding:4px 4px 2px;}
.safari button.btn-type4 span{padding:3px 7px 2px;}

.bg-btn .close{}

/* inline */
.bg-btn {display:inline-block;vertical-align:top;}
.bt1 {display:inline-block;vertical-align:top;}