/* body */
/* layer */

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

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

/* 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.25rem; padding: 0.5rem; color: #090b0d; font-size: 16px; font-weight: 600;  }
.form_line { border: 1px; border-radius: 0rem; border-bottom: 1px solid #d9d9d9; padding: 0.5rem; }
.form_line.color { border-bottom: 1px solid #f2a007;  }
.form_label { font-size: 12px; color: #4b4b4d; letter-spacing: -1px; line-height: 16px; }
.form_text { font-size: 16px; color: #090b0d; letter-spacing: -1px; line-height: 20px; font-weight: 600; }


/*button*/
button.base { border: 1px solid #444343; background-color: #444343; color: #ffffff; padding: 0.75em 1.5rem; border-radius: 0.3rem; }
button.base.line { background-color: #ffffff; color: #444343; font-weight: bold; }
button.base.inner { padding: 0.05rem 0.2rem; font-size: 0.75rem; cursor: pointer; }
button.base.seek { padding: 0.2em 1.5rem; }
button.base.active { border: 0px; background-color: #f2a007; color: #090b0d; font-weight: bolder; } 
button.base.check { border: 0px; background-color: #444343; color: #ffffff; font-weight: bolder; } 
button.base.line.btn-outline-linegray { background-color: #ffffff; border-color: #dbdbde; color: #666666; font-weight: normal; }
button.base.line.btn-outline-btngray { background-color: #ffffff; border-color: #EEEFF0; color: #EEEFF0; font-weight: normal; }
button.base.full.btn-btngray { background-color: #EEEFF0; border: 0; color: #000000; font-weight: normal; }



/* Pagination */
.page_navi { text-align: center; }
.page_navi li { display: inline; color: white; border: 0px solid #ffffff; background-color: #ffffff; color: #113667;
     margin-right: 0.3em; padding: 0.1rem 0.6rem 0.25rem 0.6rem;  border-radius: 0.2rem; font-weight: normal; font-size: 0.9rem; vertical-align:middle;}
.page_navi li.active { color: #ffffff; background-color: #113667; font-weight: bold; }
.pageEnd{font-size:1.25rem !important; }
.pageStart{font-size:1.25rem !important; }

/* 각종 wrap */
.seek_wrap { border: 0px solid #e7e6e6; background-color: #ffffff; padding: 0rem; border-radius: 5px; text-align: center; }

/* title 등 제목, 부제목, 부연설명등 div 및 글자 크기 */
.page_title { font-size: 1.7rem; font-weight: bold; }
.msg_box, .msg_non_data { color: #8b8a8d;/*background-color: #f3f3f3;*/ padding: 2rem 1rem; border-radius: 5px; font-weight: bold; text-align: center; }
.msg_non_data { padding: 5rem 1rem; }
.msg_desc { font-size: 0.70rem; color: #858383; }

/* navi lefer, footer*/
#lefter_user { height: 110px; background-color: #0d415f; padding: 0.75rem; color: #ffffff; }

.navi_lefter > li { padding: 0.7rem 1.2rem; border-bottom: 1px solid #e0dfdf; }

.ul_navi_footer { display: flex; width: 100%; }
.ul_navi_footer > li { flex: 1; text-align: center; color: white; cursor: pointer; }
.footer_font { font-size: 0.75rem;; color: #95a0a6; }
.on { color: #000; }

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

/* log */
.term_body > h2 { font-size: 1rem; font-weight: bold; margin: 0.8rem 0rem; }



#orderSk{
     height: 42px;
     color: #666;
     border: 0;
     font-size: 14px;
     font-weight: 500;
     vertical-align: middle;
     line-height: 20px;
     padding-right: 24px;

     appearance: none;
     background: url(./../images/select_down.png) no-repeat right 50%;
     -webkit-appearance: none;
     -moz-appearance: none;
     outline:none;
     border: 1px solid #ffffff;
}
#orderSk:active{
     border: 1px solid #dbdbde;
}
#orderSk:focus{
     box-shadow:  0 0 0 0.25rem rgb(219 219 222 / 50%);
}
#seekText, #orderSk{
     border-radius: 8px;
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown){
     padding-top: 1.625rem;
     padding-bottom: 0.75rem !important;
}
.form-control{
     color: #000;
     border: 1px solid #DBDBDE;
     border-radius: 8px;
}
.form-floating > label{
     padding: 1rem 0.65rem !important;
     top: 0px !important;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label{
     transform: scale(0.7) translateY(-0.4rem) translateX(0.3rem) !important;
}