/* 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 #146152; background-color: #146152; 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;  color: #444343; }
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: 0; font-weight: normal; font-size: 0.9rem; }
.page_navi li.active { color: #444343; background-color: #f2a0073d; font-weight: bold; border: 1px solid #f2a0073d;}

/* 각종 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: #001428; color:#ffffff75;padding:0.87rem;font-size:14px;line-height: 1.5;font-weight:700;}
/*
.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:#242849; color: #ffffff;}
.left_pack > li > span.pack_name {margin-left:1.25rem;}
.left_task { display: none;padding-bottom:0.5em;}
.left_task.active {background-color:#242849;}
.left_task > li { margin-left:36px;font-size:14px;font-weight: 400; padding-bottom:0.5em; }
.left_task > li.active { color: #ffffff; } 


/* 기타 */
.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;}

.input-group-text{
     padding: .36rem .75rem;
     background-color:#146152;
     color:#ffffff;
     margin-left:5px;
}