/* 버튼 */
.btn_openqna_mob {  padding:5px 20px;  background-color: #000;  color: #fff;  display: block;  font-size: 1.2em;  text-align: center; border-radius: 5px;  margin-right:10px;  }



/********** BLACK **************/
.btn_sk_10_20 {padding:11px 20px; display:inline-block; background:#000000; color:#ffffff; cursor:pointer; border:0px;  font-weight:700;}
.btn_sk_10_20:hover { background: #c5c5c5; }

.btn_sk_5_10 {padding:5px 10px; display:inline-block; background:#000000; color:#ffffff; cursor:pointer; border:0px;  font-weight:700;}
.btn_sk_5_10:hover { background: #c5c5c5; }

a.btn_ak_5_20 {padding:5px 20px; background:#000000; color:#ffffff; text-decoration:none; }
a.btn_ak_5_20:hover { background:#c5c5c5; text-decoration:none; }
  
a.btn_ak_5_10 {padding:5px 10px; background:#000000; color:#ffffff; text-decoration:none; }
a.btn_ak_5_10:hover { background:#c5c5c5; text-decoration:none; }

a.btn_ak_5 { padding:5px;background:#000000; color:#ffffff; text-decoration:none; }
a.btn_ak_5:hover { background:#c5c5c5; text-decoration:none; }

a.btn_ak_10_20 {padding:11px 20px; background:#000000; color:#ffffff; text-decoration:none;  display: inline-block;}
a.btn_ak_10_20:hover { background:#c5c5c5; text-decoration:none; }

a.btn_ak_8_10 { padding:8px 10px; background:#000000; color:#ffffff; text-decoration:none; font-size:1em; }
a.btn_ak_8_10:hover { background:#c5c5c5; text-decoration:none; }

/********** WHITE **************/
.btn_sw_10_20 {padding:11px 20px; display:inline-block; background:#ffffff; color:#000000; cursor:pointer; border: 1px solid #d6d6d6;  font-weight:700;}
.btn_sw_10_20:hover {  background: #fd9999;  text-decoration:none;}

.btn_sw_5_10 {padding:5px 10px; display:inline-block; background:#ffffff; color:#000000; cursor:pointer; border: 1px solid #d6d6d6; box-sizing:border-box; }
.btn_sw_5_10:hover { background: #fd9999;  text-decoration:none; }

a.btn_aw_2_5 { padding:2px 5px;background:#ffffff; color:#000000; text-decoration:none;  font-size:0.9em; border: 1px solid #cccccc; box-sizing:border-box; display: inline-block}
a.btn_aw_2_5:hover { background:#fd9999; text-decoration:none; }

a.btn_aw_5_10 { padding:5px 10px;background:#ffffff; color:#000000; text-decoration:none;  font-size:0.9em; border: 1px solid #cccccc; box-sizing:border-box; display: inline-block}
a.btn_aw_5_10:hover { background:#fd9999; text-decoration:none; }

 
a.btn_aw_2_6 { padding:2px 5px;background:#ffffff; color:#000000; text-decoration:none;   border: 1px solid #cccccc; box-sizing:border-box; display: inline-block}
a.btn_aw_2_6:hover { background:#fd9999; text-decoration:none; }

/********** GREEN **************/
a.btn_agreen_2_5 { padding:2px 5px;  background:#229b28; color:#ffffff; text-decoration:none; font-weight:bold; font-size:0.9em;  }
a.btn_agreen_2_5:hover { background:#30d138; text-decoration:none; }

a.btn_agr_5_10 { padding:5px 10px;background:#229b28; color:#ffffff; text-decoration:none;  font-size:0.9em; border: 1px solid #cccccc; box-sizing:border-box; display: inline-block}
a.btn_agr_5_10:hover { background:#30d138; text-decoration:none; }


/********** GRAY **************/
a.btn_ag_2_5 { padding:2px 5px;  background:#e4e4e4; color:#393939; text-decoration:none; font-weight:bold; font-size:0.9em;  }
a.btn_ag_2_5:hover { background:#c5c5c5; text-decoration:none; }

a.btn_ag_4_8 { padding:4px 8px; background:#e4e4e4; color:#393939; text-decoration:none; font-weight:bold;  font-size:0.9em; }
a.btn_ag_4_8:hover { background:#c5c5c5; text-decoration:none; }

a.btn_ag_5_20 {padding:5px 15px;  background:#e4e4e4; color:#393939; text-decoration:none; font-weight:bold; }
a.btn_ag_5_20:hover { background:#c5c5c5; text-decoration:none; }

a.btn_admin { padding:7px; border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:hover { background:#c5c5c5; text-decoration:none;}

 

/********** BROWN **************/
a.btn_abr_10_20 {padding:11px 20px; background:#6c5e51; color:#ffffff; text-decoration:none;  display: inline-block;}
a.btn_abr_10_20:hover { background:#948170; text-decoration:none; }

a.btn_abr_5_10 {padding:5px 10px; background:#6c5e51; color:#ffffff; text-decoration:none;  display: inline-block;}
a.btn_abr_5_10:hover { background:#948170; text-decoration:none; }


/********** RED **************/
.btn_sr_10_20 {padding:11px 20px; display:inline-block; background:#ff0000; color:#ffffff; cursor:pointer; border:0px;  font-weight:700;}
.btn_sr_10_20:hover { background: #c5c5c5; }

.btn_sr_5_10 {padding:5px 10px; display:inline-block; background:#ff0000; color:#ffffff; cursor:pointer; border:0px;  font-weight:700;}
.btn_sr_5_10:hover { background: #c5c5c5; }

a.btn_ar_5_20 {padding:5px 20px; background:#ff0000; color:#ffffff; text-decoration:none; }
a.btn_ar_5_20:hover { background:#c5c5c5; text-decoration:none; }
  
a.btn_ar_8_10 { padding:8px 10px; background:#ff0000; color:#ffffff; text-decoration:none; font-size:1em; }
a.btn_ar_8_10:hover { background:#c5c5c5; text-decoration:none; }

a.btn_ar_10_20 {padding:11px 20px; background:#ff0000; color:#ffffff; text-decoration:none;  display: inline-block;}
a.btn_ar_10_20:hover { background:#c5c5c5; text-decoration:none; }


/********** WHITE2 **************/
a.abr_5_10 {padding:5px 10px; background:#6c5e51; color:#ffffff; text-decoration:none;  border: 1px solid #6c5e51; display: inline-block;}
a.abr_5_10:hover { background:#948170; text-decoration:none; }
a.aw_5_10 {padding:5px 10px; background:#ffffff; color:#000000; text-decoration:none; border: 1px solid #cfcfcf; display: inline-block;}
a.aw_5_10:hover { background:#e6e6e6; text-decoration:none; }

 


/* AS진행상태 버튼  */
.mybtn {
	padding:3px 8px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	color:#000000;
	cursor:pointer;
}



/* 버튼 myBtn_green */
.btn_green, .mybtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	border:1px solid #5A8002;
	color:#000000;
}


/* 버튼 myBtn_green */
.btn_green:hover {
	background:darkseagreen;
	border:1px solid #5A8002;
	color:#ffffff;
}


/* 버튼 myBtn_orange*/
.btn_orange{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
	background:-moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
	background-color:#BE9F0C;
	border:1px solid #BE9F0C;
	color:#000000;
}


/* 버튼 myBtn_orange*/
.btn_red{
	background:#ff0000;
	border:1px solid #9f0000;
	color:#ffffff;
}

/* 버튼 myBtn_orange*/
.btn_red:hover{
	background:#ff8080;
	border:1px solid #fb0000;
	color:#ffffff;
}




/* css용 온오프 */
.btn_hover a img.over{display:none}
.btn_hover a:hover{position:relative}
.btn_hover a:hover img{display:none}
.btn_hover a:hover img.over{display:inline}
.btn_hover a img{vertical-align:top}

/* over 모녓*/
a.btn-m, .btn-m, .bg-m { overflow:hidden; text-decoration: none; /* font-size:1; text-indent:-1000px;  */
		-webkit-transition-property: background, opacity;
		-moz-transition-property: background, opacity ;
		transition-property: background, opacity ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
}


/* ========================  motion BTN   ========================== */
a.btn_mma { display: inline-block; position: relative; padding: 11px 20px 0; width: 127px; height: 26px; 
	text-transform: uppercase; text-align: center;  font-size: 0.9em; 
	font-family:'Nanum Gothic', 'Arial'; font-weight: bold; 
	z-index: 99; background-color: #fff; 
		overflow:hidden; text-decoration: none; /* font-size:1; text-indent:-1000px;  */
		-webkit-transition-property: background;
		-moz-transition-property: background;
		transition-property: background;
		-webkit-transition-duration: 0.2s, 0.2s;
		-moz-transition-duration: 0.2s, 0.2s;
		transition-duration: 0.2s, 0.2s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;	
	}		

a.btn_mma.typeWS { background-color: #fff; color:#231f20;  padding: 12px 20px 0; width: 120px; height: 25px;}
a.btn_mma.typeWS:hover { color:#fff;  background-color: #231f20; }


a.btn_mma.typeB {   background-color: #fff; margin-top:10px; padding: 12px 20px 0; width:90%; height: 35px; border:1px solid #989898; }
a.btn_mma.typeB:hover { color:#fff;  background-color: #231f20; }


.btn_d:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #806A09), color-stop(1, #554706));
    background: -moz-linear-gradient(top, #806A09 5%, #554706 100%);
    background: -webkit-linear-gradient(top, #806A09 5%, #554706 100%);
    background: -o-linear-gradient(top, #806A09 5%, #554706 100%);
    background: -ms-linear-gradient(top, #806A09 5%, #554706 100%);
    background: linear-gradient(to bottom, #806A09 5%, #554706 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#806A09', endColorstr='#554706',GradientType=0);
    background-color: #554706;
    border: 1px solid #2C2403;
    color: #ffffff;
    text-decoration: none;
}

.btn_d {
    width: 50%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px 15px;
    margin: 0px;
    display: inline-block;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F6F6F6), color-stop(1, #E7E7E7));
    background: -moz-linear-gradient(top, #F6F6F6 5%, #E7E7E7 100%);
    background: -webkit-linear-gradient(top, #F6F6F6 5%, #E7E7E7 100%);
    background: -o-linear-gradient(top, #F6F6F6 5%, #E7E7E7 100%);
    background: -ms-linear-gradient(top, #F6F6F6 5%, #E7E7E7 100%);
    background: linear-gradient(to bottom, #F6F6F6 5%, #E7E7E7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#E7E7E7',GradientType=0);
    background-color: #ffffff;
    border: 1px solid #B6B6B6;
    color: #000000;
    text-decoration: none;
}