@charset "utf-8";


/* 버튼 공통 디자인  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 버튼하단_큰버튼 */
.button-b {display:inline-block; min-width:100px; 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 #bbb; background:#fff;}
.button-b.dark {color:#fff; border-color:#333; background:#333;}
.button-b.gray {color:#333; border-color:#bbb; background:#f0f0f0;}
.button-b.blue {color:#fff; border-color:#33416b; background:#33416b;}
.button-b.red {color:#fff; border-color:#95030b; background:#95030b;}
.button-b.cyan {color:#fff; border-color:#3080a0; background:#3080a0;}

@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 #bbb; background:#fff; vertical-align: middle;}
.button-s.dark {color:#fff; border-color:#333; background:#333;}
.button-s.gray {color:#333; border-color:#bbb; background:#f0f0f0;}
.button-s.blue {color:#fff; border-color:#33416b; background:#33416b;}
.button-s.red {color:#fff; border-color:#95030b; background:#95030b;}
.button-s.cyan {color:#fff; border-color:#3080a0; background:#3080a0;}

@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 #ccc; 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 #ccc; 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 #aaa; background:#fff;}
.bbs-btn:hover {color:#111; border-color:#9b9b9b;}
.bbs-btn.gray {color:#555; border-color:#aaa; background:#f0f0f0;}
.bbs-btn.gray:hover {color:#111; border-color:#9b9b9b;}
.bbs-btn.dark {color:#eee; border-color:#333; background:#313847;}
.bbs-btn.dark:hover {color:#fff; border-color:#222;}
.bbs-btn.blue {color:#125cc1; border-color:#93bcf6; background:#eff5ff;}
.bbs-btn.blue:hover {color:#074291; border-color:#6995d3;}
.bbs-btn.red {color:#e06599; border-color:#f8b2cf; background:#fef0f6;}
.bbs-btn.red:hover {color:#da005b; border-color:#dc7da5;}
.bbs-btn.cyan {color:#2497d0; border-color:#9bbbcb; background:#f4fbff;}
.bbs-btn.cyan:hover {color:#2497d0; border-color:#9bbbcb;}