@charset "utf-8";

/* CSS Document */


/* Button Common */
.button,
.button * {position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; vertical-align:middle; overflow:visible; text-align:center}
.button {margin-right:3px}
.button * {cursor:pointer; _cursor:hand}


/* Button Color */
.button.basic, .button.basic * {min-width:110px}
.button.basic * {height:18px; line-height:18px; padding:7px 15px; color:#fff; background:#495055; border:1px solid #383f44; box-sizing:content-box; border-radius:2px; font-size:15px; transition:all 0.5s}
.button.basic *:hover {background:#1f3a81; border-color:#152c66}

.button.basic_dif, .button.basic_dif * {min-width:110px; line-height:22px}
.button.basic_dif * {height:18px; line-height:18px; padding:7px 15px; color:#fff; background:#ff5817; border:1px solid #ec4d10; box-sizing:content-box; border-radius:2px; font-size:15px; transition:all 0.5s}
.button.basic_dif *:hover {background:#00a7e8; border-color:#0095cf}

.button.small, .button.small * {height:23px; border-radius:2px; font-size:11px; text-align:center}
.button.small * {padding:0 7px 0 6px; margin:1px 0; color:#666; line-height:23px; background:#fff; border:1px solid #a8a8a8; box-sizing:border-box; vertical-align:middle}
.button.small *:hover {background:#fff; color:#222; border:1px solid #222}

.button.small_dif, .button.small_dif * {height:23px; border-radius:2px; font-size:11px; text-align:center}
.button.small_dif * {padding:0 7px 0 6px; margin:1px 0; line-height:23px; color:#fff; background:#3680c6; border:1px solid #2c75b9; box-sizing:border-box; vertical-align:middle}
.button.small_dif *:hover {background:#25629c; border:1px solid #1c5488; color:#fff}

.button.small_dif2, .button.small_dif2 * {height:23px; border-radius:2px; font-size:11px; text-align:center; transition:all .3s}
.button.small_dif2 * {padding:0 7px 0 6px; margin:1px 0; line-height:23px; color:#fff; background:#454545; border:1px solid #393939; box-sizing:border-box; vertical-align:middle}
.button.small_dif2 *:hover {background:#595959; border:1px solid #666; color:#fff}
.button.small_dif2  i {color: #fff}

.button.small_dif3, .button.small_dif3 * {height:23px; border-radius:2px; font-size:11px; text-align:center; transition:all .3s}
.button.small_dif3 * {padding:0 7px 0 6px; margin:1px 0; line-height:23px; color:#fff; background:#092463; box-sizing:border-box; vertical-align:middle}
.button.small_dif3 *:hover {background:#0d1e46;}
.button.small_dif3  i {color: #fff}

.button.small_fix, .button.small_fix * {display:block; width:100px; height:23px; border-radius:2px; font-size:11px; text-align:center}
.button.small_fix * {padding:0 7px 0 6px; margin:1px 0; color:#666; background:#fff; border:1px solid #a8a8a8; box-sizing:border-box; vertical-align:middle}
.button.small_fix *:hover {background:#fff; color:#222; border:1px solid #222}

.button.small_fix_dif, .button.small_fix_dif * {display:block; width:100px; height:23px; border-radius:2px; font-size:11px; text-align:center}
.button.small_fix_dif * {padding:0 7px 0 6px; margin:1px 0; color:#fff; background:#3680c6; border:1px solid #2c75b9; box-sizing:border-box; vertical-align:middle}
.button.small_fix_dif *:hover {background:#25629c; border:1px solid #1c5488; color:#fff}

.button i {padding:0 !important; margin:0 !important; background:transparent !important; border: none !important;}

/* Button Hover */
.button *:hover,
.button *:active {color:#fff}


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

/* 
    버튼 : 나중에 추가한 디자인(2025. 10. 28)
    span 태그 없이 사용 가능
*/
.btn { display: inline-block; padding: 6px 12px;  box-sizing: border-box; }
.btn.m { background-color: #f7f7f7; border: 1px solid #ddd; text-decoration: none; color: #444; transition: all .3s; }
.btn.m:hover { border-color: #333; color: #222; }