/* button
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 1px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.1);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	cursor:pointer;
	user-select:none;
	/* box-sizing:border-box;*/
	
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}


.button_tiny{display:inline-block;padding:1px 3px;font-size:10px;font-weight:normal;border: 1px solid transparent;text-align: center;vertical-align: middle;cursor: pointer;}
.btn_medium_icon {font-size: 12px;padding: 7px 8px 6px;margin:0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border-left:0}


/*.btn_big {font-size: 16px;padding: .5em 2em .52em;font-weight:bold}*/
.btn_big {font-size: 16px;padding: .4em 2em .42em;font-weight:bold;user-select:none;}
.btn_medium {font-size: 12px;padding: .4em 1.5em .42em;user-select:none;}
.btn_m {font-size: 12px;padding: .3em 1.5em .31em;user-select:none;}
.btn_ms{font-size: 12px;padding: .3em 0.8em .31em;user-select:none;}
.btn_small {font-size: 11px;padding: .2em 1em .2em;user-select:none;}
.btn_s {font-size: 10px;padding:4px;line-height:100%;user-select:none;margin-top:5px;!important; }
.norounded {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;user-select:none;}
.bigrounded {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;user-select:none;}
/* color styles
---------------------------------------------- */

/* black */
.btn_black {color: #eee;border: solid 1px #333;background: #333;}
.btn_black:hover {background: #000;}
.btn_black:active {color: #aaa;}

/* gray */
.btn_gray {color: #FFFFFF;border: solid 1px #555;background: #6e6e6e;}
.btn_gray:hover {background: #616161;}
.btn_gray:active {color: #dfdfdf;}


/* white */
.btn_white {color: #111;border: solid 1px #cccccc;background: #ffffff;}
.btn_white:hover {background: #ededed;}
.btn_white:active {color: #555;}

/* whitegray */
.btn_whitegray {color: #000000;border: solid 1px #cccccc;background:#e7e7e7}
.btn_whitegray:hover {background: #ddd;}
.btn_whitegray:active {}

/* whitegray */
.btn_whitegray1 {color: #000000;border: solid 1px #999;background:#ddd}
.btn_whitegray1:hover {background: #ccc;}
.btn_whitegray1:active {}

/* orange */
.btn_orange {color: #fef4e9;border: solid 1px #da7c0c;background: #f78d1d;}
.btn_orange:hover {background: #f47c20;}
.btn_orange:active {color: #fcd3a5;}

/* red */
.btn_red {color: #FEFAFA;border: solid 1px #980c10;background: #d81b21;}
.btn_red:hover {background: #b61318;}
.btn_red:active {color: #F4D9DA;}

/* blue */
.btn_blue {color: #d9eef7;border: solid 1px #0076a3;background: #0095cd;}
.btn_blue:hover {background: #007ead;}
.btn_blue:active {color: #80bed6;}

/* rosy */
.btn_rosy {color: #fae7e9;border: solid 1px #b73948;background: #da5867;}
.btn_rosy:hover {background: #ba4b58;}
.btn_rosy:active {color: #dca4ab;}

/* green */
.btn_green {color: #FFF;border: solid 1px #20BD30;background: #21C531;}
.btn_green:hover {background: #1EAE2D;}
.btn_green:active {color: #F8FAF5;}

/* tank */
.btn_tank {color: #FCFCFE;border: solid 1px #173891;background: #1B43A9;}
.btn_tank:hover {background: #132F77;}
.btn_tank:active {color: #D7DEF9;}

/* tank */
.btn_tank_1 {color: #FCFCFE;border: solid 1px #3486CF;background: #599bd8;}
.btn_tank_1:hover {background: #3083CD;}
.btn_tank_1:active {color: #D7DEF9;}

/* tank */
.btn_tank_2 {color: #FCFCFE;border: solid 1px #4567ED;background: #5474EE;}
.btn_tank_2:hover {background: #3083CD;}
.btn_tank_2:active {color: #D7DEF9;}


/* tank */
.btn_tank_3 {color: #FCFCFE;border: solid 1px #88A7E1;}
.btn_tank_3:hover {background: #6F95DB;}
.btn_tank_3:active {color: #D7DEF9;}

.btn_white_a{background:rgba(255, 255, 255, .3);border:solid 1px rgba(255, 255, 255, .1); color:#FFFFFF}
.btn_white_a:hover {background-color:rgba(255, 255, 255, .5);}
.btn_white_a:active {color: #FFF;}

/* yellow */
.btn_yellow {color: #222;border: solid 1px #FFE21C;background: #FFE426;}
.btn_yellow:hover {background: #E8CB00;}
.btn_yellow:active {color: #6A5E00;}


.radius_3{-moz-border-radius:3px;border-radius:3px;-webkit-border-radius: 3px; }
.radius_5{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius: 5px; }
.radius_10{-moz-border-radius:10px;border-radius:10px;-webkit-border-radius: 10px; }
.radius_20{-moz-border-radius:20px;border-radius:20px;-webkit-border-radius: 20px; }
.radius_30{-moz-border-radius:30px;border-radius:30px;-webkit-border-radius: 30px; }

.radius_10_t{-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; }
.radius_10_r{-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px; }
.radius_10_l{-moz-border-radius:10px 0px 0px 10px;border-radius:10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px; }
.radius_10_b{-moz-border-radius:0px 0px 100px 10px;border-radius:0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px; }

/* 빛나는 애니 */
.shine_move {position: relative;overflow: hidden;}
.shine_move::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, transparent, rgba(255,255,255,0.3), transparent);
  animation: shine 1s forwards; /* 자동 재생 애니메이션 */
  animation-iteration-count: 5; /* ✅ 5회 반복 */
}
@keyframes shine {
  from {left: -100%;} to {left: 100%;}
}