button {cursor:pointer; background:none; border:none; color:#333;}
button:disabled {cursor:default; opacity:.3;}

/* 상자형 버튼 */
.btn_box {display:flex; height:40px; padding:0 20px; border-radius:4px; vertical-align:middle; font-size:0.9rem; font-weight:normal; align-items: center; justify-content: center;}
.btn_box i {margin-right:10px; font-size:20px; margin-top:3px;}
.btn_box.btn_only_icon {padding:0; width:40px;}
.btn_box.btn_only_icon i {margin-right:0;}

/* 라운드형 버튼 */
.btn_rnd {display:flex; height:40px; padding:0 20px; border-radius:20px; vertical-align:middle; font-size:0.9rem; font-weight:normal; align-items: center; justify-content: center;}

/* 텍스트형 버튼 */
.btn_txt i {margin-right:5px;}

/* 소형 버튼 */
.btn_small {display:flex; height:26px; padding:0 10px; font-size:0.7rem; border-radius:13px; align-items: center; justify-content: center;}
.btn_small_box {display:flex; height:26px; padding:0 10px; font-size:0.7rem; border-radius:4px; align-items: center; justify-content: center;}

@media screen and (max-width:760px){
  .btn_box {height:50px;}
}

.btn_black {background:#333; color:#fff; border:1px solid #333;}
.btn_black:not(:disabled):hover {background:#000; border:1px solid #333;}
.btn_black .bi {color:#fff;}
.btn_red {background:#e50a0a; color:#fff; border:1px solid #e50a0a;}
.btn_red:not(:disabled):hover {background:#e50a0a; border:1px solid #e50a0a;}
.btn_red .bi {color:#fff;}
.btn_red_line {background:#fff; color:#e50a0a; border:1px solid #e50a0a;}
.btn_red_line .bi {color:#e50a0a;}
.btn_red_line:not(:disabled):hover {background:#ffe6e6; border:1px solid #e50a0a;}
.btn_black_line {background:#fff; color:#333; border:1px solid #333;}
.btn_black_line:not(:disabled):not(.disabled):hover {background:#eee; border:1px solid #333;}
.btn_blue {background:#235faf; color:#fff; border:1px solid #235faf;}
.btn_blue:not(:disabled):hover {background:#1c549d; border:1px solid #235faf;}
.btn_blue .bi {color:#fff;}
.btn_blue_line {background:#fff; color:#235faf; border:1px solid #235faf;}
.btn_blue_line:not(:disabled):hover {background:#e6eef9; color:#1c549d; border:1px solid #1c549d;}
.btn_white {background:#fff; color:#333; border:1px solid #ccc;}
.btn_white:not(:disabled):hover {background:#eee; border:1px solid #ccc;}
.btn_excel {background:#217346; color:#fff; border:1px solid #217346;}
.btn_excel:not(:disabled):hover {background:#1a633b; border:1px solid #1a633b;}
.btn_green {background:#7cc35e; color:#fff; border:1px solid #7cc35e;}
.btn_green:not(:disabled):hover {background:#66a94a; border:1px solid #66a94a;}

.btn_area {display:flex; gap:10px; margin-top:20px; justify-content: center; align-items: center;}
.btn_area.top {margin-bottom:20px;}
.btn_area.bottom {margin-top:40px;}
.btn_area.left {justify-content: flex-start;}
.btn_area.right {justify-content: flex-end;}
.btn_area.spread {justify-content: space-between;}
.btn_area button,
.btn_area a {margin-top:0 !important;}

.btn_sub_area {display:flex; gap:10px; align-items: center;}

.page_guide button {display:inline-block;}