/* body */
body { color: #444343; font-size: 0.8rem; }

/* table  */
/* list */
table.list.base { width: 100% ; }
table.list.base thead { border:0;text-align: center; background-color: #eceaea; }
table.list.base th { padding: 0.8rem 0rem; color:#000; opacity:0.7;}
table.list.base td { padding: 0.5rem; }
table.list.base tr { border-bottom: 1px solid #E5E5E5; cursor: pointer;}
table.list.base tr:hover { background-color: #f3f3f3; }

/* inner 버튼이 있어서 링크가 tr이 아닌 td 에 있을떄*/
table.list.base.nolink tr { cursor: default;}

table.list td.link { font-weight: bold; cursor: pointer;}
table.list td.link:hover { color: black; text-decoration: underline; }


table.list.base.dash thead { border:0;text-align: center; background-color: #00000008; }

table.list.base.dash th { padding: 0.5rem; color:#000; opacity:0.7;background-color: #00000008; font-size:14px;}
table.list.base.dash td { padding: 0.5rem; font-size:14px;}


/* advm */
table.advm.base { width: 100% ; border-top: 2px solid #bbbbbb;}
table.advm.base th { text-align: right; background-color: #eceaea; padding: 0.85rem; width: 18%; 
                     border-right: 1px solid #bbbbbb; }
table.advm.base td { padding: 0.5rem; }
table.advm.base tr { border-bottom: 1px solid #bbbbbb; }

/* form */
input, select, textarea { border: 1px solid #ced4da; border-radius: 0; padding: 0.3rem; }

/*button*/
button.base { border: 1px solid #113667; background-color: #113667; color: #ffffff; font-weight:700; padding: 0.3rem 0.9rem; border-radius: 2px; }
button.base.line { background-color: #ffffff; color: #71748d; font-weight: bold; line-height: 1.5;border: 1px solid #ced4da;}
button.base.inner { padding: 0.1rem 0.2rem; font-size: 0.75rem; cursor: pointer; font-weight: 400; line-height: 1.5;}
button.base.seek {padding: 0.3rem 1.5rem; border: 1px solid #ced4da; background-color:#dddddd;  }
button.base.excel { background-color: #ffffff; border: 2px solid #288a36; color: #444343; font-weight: bold;  padding: 0.35em 1rem; } 
button.base.excel.up { background-color: #ffffff; border: 2px solid #c48484; color: #444343; font-weight: bold;  padding: 0.35em 1rem; } 

/* Pagination */
.page_navi { text-align: center; }
.page_navi li { 
     display: inline;
     color: #00000066;
     border: 1px solid #00000008;
     background-color: #00000008;
     margin-right: 0.3em;
     padding: 0.25rem 0.6rem;
     border-radius: 2px;
     font-weight: normal;
     font-size: 0.9rem;
}
.page_navi li.active { 
     color: #444343;
     background-color: #D131393d;
     font-weight: bold;
     border: 1px solid #D131393d;
}

/* 각종 wrap */
.seek_wrap { border: 1px solid #e7e6e6; background-color: #f3f3f3; padding: 1rem; border-radius: 0px; text-align: center; }
.seek_wrap .label { font-weight:600; margin:0 1em;}
/* title 등 제목, 부제목, 부연설명등 div 및 글자 크기 */
.page_title { font-size: 1.7rem; font-weight: bold; }
.msg_box, .msg_non_data { border: 1px solid #e7e6e6; /*background-color: #f3f3f3;*/ padding: 2rem; border-radius: 0px; font-weight: bold; text-align: center; }
.msg_non_data { padding: 5rem; }

/* LEFT */
#lefter {
     /* background-color: #040000; */
     color: #ffffffcc;
     padding: 0.87rem;
     font-size: 14px;
     line-height: 1.5;
     font-weight: 700;
     background: linear-gradient(#500003, #9C181E);
}
/*
.left_bullet { font-size: 0.7rem; }
.left_pack > li { padding: 0.3rem 0rem 0.2rem 0.3rem; }
.left_task { display: none;}
.left_task > li { padding: 0.15rem 0rem; }
.left_task > li.active { background-color: #444343;  color: #ffffff; } 
*/
.left_pack > li { padding: 0.3rem 0rem 0.2rem 0.3rem; }
.left_pack > li { background-repeat: no-repeat; background-position: 12.3em; padding:1rem 0.5rem; background-size: 12px;}

.left_pack > li.pack_close {background-image:url("../images/pack_left.png"); }

.left_pack > li.open {background-image:url("../images/pack_down.png");}
.left_pack > li.active {
     background-color: rgb(0 0 0 / 40%);
     color: #fff;
}
.left_pack > li > span.pack_name {margin-left:1.25rem;}
.left_task { display: none;padding-bottom:0.5em;}
.left_task.active {background-color:rgb(0 0 0 / 40%);}
.left_task > li { margin-left:36px;font-size:14px;font-weight: 400; padding-bottom:0.5em; }
.left_task > li.active { color: #ffffff; font-weight: 700; } 


/* 기타 */
.full { width: 100%; }
.half { width: 50%; }
.require { color: #f72d2d; font-weight: bold; }

/*관리자 상단 로그인정보*/
#sessInfo {font-size:14px;font-weight: 700;color:#0C2D1C;}


/* radio, checkbox color */
.form-check-input:checked {
     background-color:#246c72;
     border-color:#246c72;
} 

.text-right {text-align:right !important;}






button.log{
     padding: 16px 0 !important;
     font-size: 18px !important;
     font-weight: 400 !important;
     height: fit-content !important;
     border: 0px !important;
     border-radius: 10px !important;
     color: #ffffff !important;
     background-color: #000 !important; /* b31b22 */
     border-color: #8c151b !important;
}
input.full.log{
     border: 1px solid #0000001f !important;
     border-radius: 16px;
     background-color: #ffffff !important;
     height: 48px;
     color: #000000 !important;
     border-radius: 10px;
     padding: 0 16px !important;
     font-weight: 400 !important;
     line-height: 24px;
}
#passwordIcon{
     right: 16px !important;
     top: 14px !important;
}
#log_both .check-label .form-check-input[type=checkbox]{
     border: 1.6px solid #cccccc;
     width: 18px;
     height: 18px;
     border-radius: 2px;
     margin: 3px !important;
     vertical-align: top;
     background-color: #ffffff !important;
}
#log_both .check-label .form-check-label{
     font-size: 14px;
     font-weight: 400;
     color: #999999;
     line-height: 18px;
     margin: 3px 0 3px 3px;
}
#log_both .check-label .form-check-input:checked {
     background-color: #6C757D !important;  /* gray-point */
     /*업체별 배경색상 변경  */
     border: 1.6px solid #6C757D !important;  /* gray-point */
     /*업체별 배경색상 변경 */
     border-radius: 2px;
     /* 1125마보경수정*/
}

#log_both .check-label .form-check-input[type=checkbox]{
     border: 1.6px solid #cccccc;
     width: 18px;
     height: 18px;
     border-radius: 2px;
     margin: 3px !important;
     vertical-align: top;
     background-color: #ffffff !important;
}

button.base{
     border: 1px solid #8c151b;
     background-color: #b31b22;
     color: #fff;
     font-weight: 500;
     padding: 0.3rem 0.9rem;
     border-radius: 2px;
}