@charset "utf-8";


/* 버튼 공통 디자인  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 버튼하단_큰버튼 */
.button-b {display:inline-block; min-width:120px; height:50px; font-size:16px; line-height:48px; color:#333; text-align:center; margin:0 0 0 3px; padding:0 15px; border-radius:2px; border:1px solid #ddd; background:#fff;}
.button-b.dark {color:#fff; border:1px solid #333; background:#333;}
.button-b.gray {color:#333; border:1px solid #ddd; background:#f0f0f0;}
.button-b.blue {color:#fff; border:1px solid #005aa0; background:#005aa0;}
.button-b.red {color:#fff; border:1px solid #da005b; background:#da005b;}
.button-b.cyan {color:#fff; border:#2497d0; background:#2497d0;}

.button-b.green {color:#fff; border:solid 1px #538312; background:#64991e;}
.button-b.orange {color:#fff; border:solid 1px #da7c0c; background:#f78d1d;}

@media (max-width :767px) {
	.button-b {min-width:80px; height:45px; font-size:15px; line-height:43px; padding:0 10px; margin:3px;}
}

/* 버튼상단_작은버튼 */
.button-s {display:inline-block; min-width:80px; height:40px; font-size:15px; line-height:38px; color:#333; text-align:center; margin:0 0 0 3px; padding:0 15px; border-radius:2px; border:1px solid #ddd; background:#fff;}
.button-s.dark {color:#fff; border:1px solid #333; background:#333;}
.button-s.gray {color:#333; border:1px solid #ddd; background:#f0f0f0;}
.button-s.blue {color:#fff; border:1px solid #005aa0; background:#005aa0;}
.button-s.red {color:#fff; border:1px solid #da005b; background:#da005b;}
.button-s.cyan {color:#fff; border:#2497d0; background:#2497d0;}

.button-s.green {color:#fff; border:solid 1px #538312; background:#64991e;}
.button-s.orange {color:#fff; border:solid 1px #da7c0c; background:#f78d1d;}


@media (max-width :767px) {
	.button-s {min-width:60px; height:35px; font-size:14px; line-height:33px; padding:0 10px; margin:3px;}
}

/* 버튼그룹_다운로드, 인쇄 ... */
.button-group-wrap {position:relative; display:inline-block; min-width:150px; margin:0 0 0 3px;}
.button-group-wrap > a {position:relative; display:flex; justify-content:space-between; align-items:center; height:40px; font-size:15px; color:#555; padding:0 10px; border:1px solid #e5e5e5; background:#f2f3f8;}
.button-group-wrap > a:after {content:""; position:absolute; right:10px; display:block; width:7px; height:4px; background:url('/static_root/images/common/selectArr.png') right center no-repeat;}
.button-group-wrap > a > span {display:flex; align-items:center;}
.button-group-wrap > a > span em {position:relative; display:flex; justify-content:center; align-items:center; width:25px; height:25px; margin-right:8px; font-style:normal; text-align:center; border-radius:50%; background:#bebebe;}
.button-group-wrap > a > span em:after {font-family:"Font Awesome 6 Free"; position:absolute; display:block; left:50%; top:50%; font-size:13px; font-weight:900; color:#fff; transform:translate(-50%, -50%);}
.button-group-wrap > a i {color:#fff; font-size:12px;}
.button-group-wrap > ul {position:absolute; top:45px; left:0; z-index:9; width:100%; border-radius:3px; border:1px solid #ddd; background:#fff; display:none;}
.button-group-wrap > ul li a {display:block; font-size:15px; word-break:keep-all; color:#5c667b; text-align:left; padding:12px 10px; border-bottom:1px dashed #ccc;}
.button-group-wrap > ul li:last-child a {border:none;}
.button-group-wrap > ul li a:hover {background:rgba(236,244,253,0.5);}

.button-group-wrap > a.download > span > em:after {content:"\f019";} /* 다운로드 */
.button-group-wrap > a.print > span > em:after {content:"\f02f";} /* 인쇄 */

/* 테이블 내부 버튼 */
.bbs-btn {font-size:14px; color:#555; padding:3px 8px; margin:1px; border-radius:2px; border:1px solid #ccc; background:#fff;}
.bbs-btn:hover {color:#111; border:1px solid #9b9b9b;}
.bbs-btn.gray {color:#555; border:1px solid #ccc; background:#f0f0f0;}
.bbs-btn.gray:hover {color:#111; border:1px solid #9b9b9b;}
.bbs-btn.dark {color:#eee; border:1px solid #333; background:#313847;}
.bbs-btn.dark:hover {color:#fff; border:1px solid #222;}
.bbs-btn.blue {color:#125cc1; border:1px solid #93bcf6; background:#eff5ff;}
.bbs-btn.blue:hover {color:#074291; border:1px solid #6995d3;}
.bbs-btn.red {color:#e06599; border:1px solid #f8b2cf; background: #fef0f6;}
.bbs-btn.red:hover {color:#da005b; border:1px solid #dc7da5;}
.bbs-btn.cyan {color:#2497d0; border:1px solid #9bbbcb; background:#f4fbff;}
.bbs-btn.cyan:hover {color:#2497d0; border:1px solid #9bbbcb;}

.bbs-btn-add { display: inline-flex; width: 40px; height: 40px; border: 1px solid #93bcf6; background: #eff5ff; align-items: center; justify-content: center; border-radius: 3px; }
.bbs-btn-add::before { content:"\2b"; font-family: 'FontAwesome'; color: #125cc1;  }
.bbs-btn-del { display: inline-flex; width: 40px; height: 40px; border: 1px solid #f8b2cf; background: #fef0f6; align-items: center; justify-content: center; border-radius: 3px; }
.bbs-btn-del::before { content:"\f068"; font-family: 'FontAwesome'; color: #e06599; }