@charset "utf-8";
/* CSS Document */

.button {
    border:1px solid #000000; 
    padding:8px 20px 9px 18px;
    margin: 0 3px;
    vertical-align: middle;
	font-size:12px;
}

.base_button {
    border:1px solid #a0a0a0; 
    border-radius: 3px;
    padding:5px 20px;
    margin: 0 1px;
	font-size:12px;
}

.grey_color{
    color: #a0a0a0;
}

.base_button.t2{
    padding: 5px 10px;
}

.base_in_button {
    border:1px solid #a0a0a0; 
    border-radius: 3px;
    padding:3px 20px;
    margin: 0 1px;
	font-size:12px;
}

.lg_button{
    border-radius: 3px;
    padding:6px 25px;
	font-size:14px;
}

.search_button {
    border-radius: 3px;
    padding:6px 25px;
    margin: 0 3px;
	font-size:14px;
    white-space: nowrap;
}

.small_button{
    border-radius: 3px;
    padding:0 10px 0 10px;
    margin: 0 3px;
	font-size:12px;
    word-break: keep-all;
}

.base_button:hover {
    box-shadow: none;
}

.base_button.t2{
    padding: 5px 10px;
}
.small_button.moveOrg{
    white-space: nowrap;
    font-size: 10px;
    padding: 2px 10px;
    display: inline-block;
}



/* color */

.bg_white {
    background: #fff;
    border: 1px solid #4D97CC;
    color: #4D97CC;
}

.bg_white2{
    background: #fff;
    border: 1px solid #333;
    color: #333;
    font-weight: 600;
}

.bg_black {
    background:#303030;
    color:#fff;
	border:none !important;
}
.bg_black:hover {
    background: #747474;
    color:#fff;
	border:none !important;
}

.bg_grey {
    background:#989494;
    color:#fff;
	border:none !important;
}
.bg_grey:hover {
    background: #747474;
    color:#fff;
	border:none !important;
}

.search_blue {
    background: var(--btn_blue);
    color:#fff;
	border:none !important;
}
.search_blue:hover,
.search_blue:focus {
    background: #16518c;
    color:#fff;
    border:none !important;
}

.bg_orange {
    background:#ff9c53;
    color:#fff;
	border:none !important;
}
.bg_orange:hover {
    background: #e8843a;
    color:#fff;
	border:none !important;
}

.bg_light {
    background:#FFF;
    color:#717171;
	border:none !important;
}
.bg_light:hover {
    background: #717171;
    color:#fff;
}

.bg_light_grey {
    background: #F5F5F5;
    color: #4A94C9;
    border: 1px solid #DCDCDC!important;
}
.bg_light_red{
    background: #F5F5F5;
    color: #dc3545;
    border: 1px solid #DCDCDC!important;
}

.bg_warning {
    background:#FFD452;
    color:#fff;
	border:none !important;
}

.bg_warning:hover {
    background: #e0a800;
    color:#fff;
    border:none !important;
}

.bg_info {
    background:#2A9FD3;
    color:#fff;
	border:none !important;
}
.bg_info.borderBtn{
    background: #fff;
    color: #31B0D5;
    border: 1px solid #31B0D5 !important;
}
.bg_info:hover {
    background: #249bbe;
    color:#fff;
    border:none !important;
}

.bg_primary {
    background: var(--btn_blue);
    color:#fff;
    border:none !important;
}
.bg_primary:hover {
    background: #16518c;
    color:#fff;
	border:none !important;
}

.bg_success {
    background:#69C27D;
    color:#fff;
	border:none !important;
}
.bg_success:hover {
    background: #218838;
    color:#fff;
	border:none !important;
}

.bg_danger {
    background:#dc3545;
    color:#fff;
	border:none !important;
}
.bg_danger:hover {
    background: #c82333;
    color:#fff;
	border:none !important;
}

.btn_attachments{color:#666; display: inline-block; padding-bottom:3px;}
.btn_attachments:hover{color:#333;}

.login_button {
    border:1px solid #000000; 
    padding:10px 25px 11px 24px;
    margin: 0 3px;
	font-size:15px;
	border-radius: 5px;
}

/*2019-11-05 추가*/
.base_button_none{
    border:1px solid #a0a0a0; 
    border-radius: 3px;
    padding:5px 18px 5px 18px;
    margin: 0 1px;
	font-size:12px;
	cursor:not-allowed;
}

.small_button_none{
    border-radius: 3px;
    padding:0 10px 0 10px;
    margin: 0 3px;
	font-size:12px;
	cursor:not-allowed; 
}

.bg_none {
    background:#989494;
    color:#fff;
	border-bottom:1px solid #a0a0a0;
}
.bg_none:hover{color:#fff;}

/* 에러 */
.btn_error{padding: 13px 70px; font-size: 16px; color: #fff; background: #1e73f1; border-radius: 3px;}
.btn_error:hover{background: #1b63cd;}

.btn_box {
    margin: 10px 10px;
}
.btn_box2 {
    margin: 10px 0;
    text-align: right;
}
/*2023 04 28 추가  */
.bg_deep_blue{
	background: #1E63A8;
	color: #fff;
	/*border:1px solid #1E63A8 !important;*/
}
.bg_deep_blue2{
    background: #1E63A8;
	color: #fff;
    border: none;
}
.bg_real_black{
	background: #000;
	color: #fff;
	border:1px solid #000 !important;
}
.btn_box .bg_grey {
    background:#989494;
    color:#fff;
	border:1px solid #989494 !important;
}
.btn_box .bg_red {
    background:#EB003B;
    color:#fff;
}
.btn_box .bg_grey:hover,
.btn_box .bg_grey:focus{
    background:#666;
	border:1px solid #666 !important;
}

.btn_box .bg_primary {
    background: var(--btn_blue);
    color:#fff;
    border:1px solid var(--btn_blue) !important;
}
.btn_box .login_button:focus{
    outline-offset: 2px; 
    outline-style: dotted;
    outline-width: 2px;
}

.bg_blue{
    background: #149CFE;
    color: #fff;
    border: 1px solid #149CFE;
}

.bg_red {
    background: var(--red);
    color:#fff;
    border:none !important;
}
.bg_red:hover {
    background: #a71221;
    color:#fff;
	border:none !important;
}

.bg_green {
	background: #69C27D; color:#fff !important;
}

.red_line{
    border: 1px solid #dc3545; 
    color: #dc3545;
    background: #fff;
}
.green_line{
    border: 1px solid #69C27D; 
    color: #69C27D;
    background: #fff;
}
.blue_line{
    border: 1px solid var(--btn_blue); 
    color: var(--btn_blue);
    background: #fff;
}
.info_line{
    border: 1px solid #2A9FD3; 
    color: #2A9FD3;
    background: #fff;
}
.grey_line{
    border: 1px solid #B4B2B2; 
    color: #B4B2B2;
    background: #fff;
}
.btn_none{
    display: none;
}