html, body {font-family:'hs_t_r', 'sans-serif', 'MalgunGothic', '맑은 고딕','돋움', 'Dotum';  line-height: 1; color: #333; margin:0; height:100%}
a{vertical-align:middle; text-decoration:none;color:#000;}
a:hover {color:#000; text-decoration:none !important;cursor: pointer;}
a.link { text-decoration:none !important;}
th {text-align: center; vertical-align: middle;}
dl, ol, ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.map_wrap dl, ol, ul {
  margin-top: 0;
  margin-bottom: 0;
}
.hide {display: none;}
/* contents 영역의 일부 엘리먼트가 침입하는 케이스 수정 (모달창:1050)*/
footer{z-index: 1040;}
.tui-grid-cell-header{font-weight: normal;}
.modal-max{min-width: 84vw; width: 84vw; position: absolute; right: 1vw;}

.margin0 { margin: 0 !important; }
.padding0 { padding: 0 !important; }
.h100vh{height: 100vh;}

.modal-dialog-scrollable .modal-body{overflow-x: hidden;}
.modal-body{padding: 1.5rem;}

/* Main Layout */
.sidebar {
	/* position: relative;
	width:100%;
	min-height:100%; */
  background-color: #002C5F;
  color: white;
}
/* .sidebar a{color: white;} */
/* 
#top{
       height:60px;
       background:#002C5F;
       clear:both;
       color:#FFFFFF;
       padding-top:12px;
       padding-left:15px;
}
#left {
	   display: inline-block;
	   position: absolute;
       width:250px;
       height:100%;
       float:left;
       background:#f5f5f5;
       padding-top:20px;
}
#right {
	   display: inline-block;
	   position: absolute;
       float:left;
       padding:10px;
       left:250px;
       right:0px;
       overflow:hidden;
} 
*/
.sidebar ul, #left ol {
    list-style:none;
    margin:0px;
    padding:0px;
    font-size:16px;
    line-height:35px;
}
/* .active {
 	width:100%;
 	background-color: #C2C2C2;
 	font-weight: bold;
} */
.menu_list {
 	cursor: pointer;

}

/* Dropdown Button */
.dropbtn {
  background-color: #0086C5;
  width:100px;
  color: white;
  font-size: 14px;
  border: none;
  cursor: pointer;
  border-radius:5px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
 .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .dropbtn {
  background-color: #0086C5;
}

/* MessageSource */
.message_info { line-height:30px; font-size:15px;}
.tbl-ex{
         margin:10px auto 0px auto;
         width:100%;
         min-width:950px;
}
.tbl-ex, .tbl-ex th , .tbl-ex td{
         border-top:1px solid #8191AC;
         border-width: 1px 0;
         border-collapse: collapse;
         padding:6px;
}
.tbl-ex th{
         background-color: #EEF3FB;
         font-size: 1.1em;
         border-width:2px 0;
}
.tbl-ex td{
         border-style:dotted;
}
.tbl-ex tr:hover td{
         background-color: #cccccc;
         cursor : pointer;
}
.button {
    width:80px;
    background-color: #0086C5;
    border: none;
    color:#fff;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px;
    cursor: pointer;
    border-radius:5px;
}


/* Material Icons : start */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v80/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
/* Material Icons : end */

/* date-picter 위에 나오는 현상제거 */
.tui-grid-layer-state{z-index: auto;}

/* box style radio : start*/
.box-radio-input input[type="radio"]{
  display:none;
}
.box-radio-input input[type="radio"] + span{
  display:inline-block;
  background:none;
  border:1px solid #dfdfdf;  
  padding:0px 10px;
  text-align:center;
  height:35px;
  line-height:33px;
  font-weight:500;
  cursor:pointer;
  border-radius: 5%;
}

.box-radio-input input[type="radio"]:checked + span{
  border:1px solid #007BFF;
  background:#007BFF;
  color:#fff;
}
/* box style radio : END*/

/* bootstrap datepicker Toast grid 에 가리는 케이스 수정*/
div.datepicker{
  z-index: 20 !important;
}

/* popup-layer */
.popup-layer{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;font-family: 'hs_t_r';}

/* loading */
.popup-layer .loading_box{width:60px;height:60px;position:absolute;left:50%;top:50%;margin:-45px 0 0 -45px;}
.popup-layer .loading_box span{display:block;width:50px;height:50px;text-indent:-999em;}

.date-picker {cursor: pointer;}
/* 
.popup-container.el-dialog.alert {
  width: 600px;
  padding: 80px 40px;
}
.popup-container.el-dialog.center, .popup-container.el-dialog.center>* {
  text-align: center;
}
.popup-container.el-dialog {
  position: relative;
  width: 700px;
  max-width: 100%;
  margin: 0;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  padding: 80px 100px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 33%);
  box-shadow: 0 2px 8px rgb(0 0 0 / 33%);
  -webkit-transition: none!important;
  transition: none!important;
}
.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
  box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
}
.el-dialog__header {
  padding: 20px 20px 10px;
}
.el-dialog__title {
  line-height: 24px;
  font-size: 18px;
  font-family: "hy_h_r";
  color: #303133;
}
.popup-container.el-dialog .el-dialog__body {
  padding: 0;
  color: inherit;
  font-size: inherit;
}
.popup-container.el-dialog.center>* {
  text-align: center;
}
.el-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
}
.popup-container.el-dialog .popup-body {
  margin: 30px 0 0;
  overflow-y: auto;
  font-size: 16px;
  letter-spacing: -.4px;
  color: #000;
  line-height: 32px;
}
.popup-container.el-dialog .popup-footer {
  margin-top: 60px;
}
.popup-container.el-dialog .popup-footer .btn-group {
  width: 100%;
  text-align: center;
}
.btn-group {
  width: 100%;
}
.btn-group:after {
  content: "";
  display: block;
  clear: both;
}
.popup-container.el-dialog .popup-footer .btn:first-child {
  margin: 0;
}
.popup-container.el-dialog .popup-footer .btn {
  margin: 0 0 0 8px;
}
.btn.btn-md, a.btn.btn-md {
  width: 120px;
}
.btn[class*=btn-md], a.btn[class*=btn-md] {
  height: 40px;
  font-size: 15px;
  font-family: "hy_h_r";
}
.btn, a.btn {
  width: 180px;
  height: 50px;
  border: 0;
  background: #002c5e;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -.4px;
  color: #fff;
  cursor: pointer;
}
.btn:hover {
  color: #fff;
}
.btn, a.btn, a.btn:before, a.btn span {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
}
.btn[class*=btn-md], a.btn[class*=btn-md] {
  height: 40px;
  font-size: 15px;
  font-family: "hy_h_r";
}
.btn, a.btn {
  width: 180px;
  height: 50px;
  border: 0;
  background: #002c5e;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -.4px;
  color: #fff;
  cursor: pointer;
}
.popup-container.el-dialog .popup-close-button {
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 76px;
  height: 76px;
}
.popup-container.el-dialog .popup-close-button:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
  background: url("./images/ico_btn.png") no-repeat;
  background-position: -35px -137px;
} */

.tui-grid-cell-content {
  font-size: 1.6rem;
}

.tui-grid-cell-header {
  font-size: 1.6rem;
}

.swal2-popup {
  font-size: 1.6rem;
  border-radius: 0;
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel, .swal2-styled.swal2-deny {
  border-radius: 0;
  box-shadow: none;
  padding: 0.625em 2em;
  font-size: 1.0625em;
}
.swal2-styled.swal2-confirm {
  background-color: #002c5f;
}

input[type=text]:disabled, input[type=text][readonly]{background-color: whitesmoke; cursor:auto;}


/* left menu */
.sidebar .card-header a {font-size:1.6rem;}
.sidebar .card-body a {font-size:1.6rem;}
/* Disable IE 11 input clear 'X' button */
input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}

/* tui Grid rowHeader */
/*.tui-grid-cell-row-header {
   border-right-width:1px !important;
  border-bottom-width:1px !important; 
}
*/
/* tui Grid rowTable */
.tui-grid-content-area.tui-grid-no-scroll-y > div.tui-grid-lside-area > div.tui-grid-body-area > div > div.tui-grid-table-container > table{
  border-right: 1px solid #f6f3f2;
}

.is-invalid{border: 1px solid red !important;}

/* 사례별진단, 다국어관리, 게시판,*/
.lpu_win_bar{height: auto; padding-left: 10px;}
.nrp_win_bar{padding-top: 18px;padding-right: 20px;}

/* 게시판 */
.tui-editor-contents a{color: black !important;text-decoration: none !important;}

/* 사례별진단 */
.diagCase-contents label.radio_box_positon{margin-bottom: 2.2rem;}
#diagnosisByCaseInsertModal label.radio_box_positon{margin-bottom: 2.2rem;}
#diagnosisByCaseUpdateModal label.radio_box_positon{margin-bottom: 2.2rem;}



/* 자동수집 룰 */
.autopolicy-contents .ccdd_mg_r0 {margin-right: 10px;}
.autopolicy-contents label.radio_box_positon{margin-bottom: 2.2rem;}
#selectReservationCategoryModal .modal-body{height: 75vh;}

/* 시스템관리 > 그룹관리 */
#grid .tui-grid-body-area a.tui-grid-cell-content {color: #00aad2; text-decoration: underline;}

/* 입력값 및 설정 값 font-size 수정 */
input.form-control {font-size: 1.4rem;}
.custom-select {font-size: 1.4rem;}

/* left menu  */
.lm_menu_wrap {position: relative; height:auto; padding:0px;}
.lm_minus_icon {background: url("../images/menu_minus_icon.png");}
.lm_menu_label_btcon {display:inline;}
.lm_menu_btcon {z-index: 1; position: absolute; top: 0; left: 206px; width: 36px; height:36px; background:url("../images/menu_close_bt_ch.jpg")no-repeat; cursor:pointer;}

.lm_menu_btn {z-index: 1; width: 36px; height:36px; background:url("../images/menu_close_bt_ch.jpg")no-repeat; cursor:pointer;}
.lm_menu_btn_collapse {background:url("../images/menu_close_bt_unch.jpg")no-repeat;}

/* 메인 */
.mbp_m_wrap1 > div {cursor:pointer; }
.main_header_vin_search {height:40px; width:80%;}
.width_persent_20 {width:20%;}
.width_persent_100 {width:100%;}
.main_header_vin_search_btn {font-size:1.6rem;}
.margin_left_10 {margin-left:10px;}
.margin_left_-60 {position: relative;left: -60px;}
.margin_left_-20 {position: relative;left: -20px;}
.footer {margin-top:auto; height:auto;}
.body_login {display:flex; min-height:100vh; flex-direction: column;}
.wrapper {display:flex;}
.header {display:flex; flex-wrap:wrap;}
.height_auto {height:auto;}
.mbp_table_info_box1_left_2 {font-family: 'hy_h_m'; font-size: 2.4rem; flex-basis:initial;}
.flex_wrap_nowrap {flex-wrap: nowrap;}
.min_width_1150 {min-width:1150px;}
.min_width_500 {min-width:500px;}
.min_width_250 {min-width:250px;}
.min_width_20 {min-width:20px;}
.min_width_49p {min-width:49%;}
.min_width_2p {min-width:2%;}
.flex_0 {flex: 0;}
.flex_1 {flex: 1;}
.flex_direction_column {flex-direction: column;}
.display_flex {display: flex;}
.text_upper {text-transform: uppercase; }
.header_search_wrap {font-size: 16px;}

/* 메인  > 나의정보 팝업 */
.timer_email_change {position: absolute; top:363px; right:150px; } 
.email_input_box2 {width: 33%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}

/* 메인  > 기능설정 팝업 */
.min_width_570 {min-width:570px !important;}
.min_width_700 {min-width:700px !important;}
.min_width_552 {min-width:552px !important;}
.min_width_600 {min-width:600px !important;}
.margin_bottom_inherit  {margin-bottom:inherit;}
.mbfsp_table_contents_wrap1 {height:250px;}

/* 차량정보 > 차량정보 */
.ctpm_win_bar_vehicleInfo{display: inline-block;vertical-align: middle; width: 100%; margin-bottom: 10px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}

/* 시스템관리 - 공통 */
.modal-content .width_798 {width:798px;} /* modal-lg와 width 동일 */

/* 사용자 관리 */
.min_width_552 {min-width:552px;}
.min_width_860 {min-width:800px;}
.min_width_806 {min-width:806px;}
.ump_container_wrap {width:100%;}
.ump_table td.ump_table_td_pa_0 {padding:inherit; padding-top:6px;}
.ump_input_box2 {width:47.5%;}
.ump_table #ins_userid {width:52%;}

/* 그룹관리  */
.min_width_676 {min-width:676px;}
.modal_container_wrap{width: 674px; text-align: center; padding: 25px 25px;}

/* 메뉴관리 */
.margin_left_0 {margin-left:0px;}
.margin_right_0 {margin-right:0px;}
.margin_top_0 {margin-top:0px;}
.margin_bottom_0 {margin-top:0px;}
.margin_zero {margin:0 0 0 0;}
.min_width_243 {min-width: 243px;}
.min_width_36 {min-width: 36px;}

/* 공통코드관리 */
.mg_r74 {margin-right:74px;}

/* 로그인 */
#modalRegistUser .modal-content {width:790px;}
#modalResetPassword .modal-content {width:465px;}
.color_red {color: red;}
.sup_win_bar {height:17px;}
.rpp_win_bar {height:0px;}

/* 약관동의 */
.agree_checkbox {position: absolute; margin-top: 15px; margin-left: 2px;}

.s_bt1:disabled{background-color: rgba(119,118,115,0.5);cursor: not-allowed;}
.p_bt1:disabled{background-color: rgba(119,118,115,0.5);cursor: not-allowed;}

/* UJY */
.sub_main_contents_wrap .grid-h{height: 65vh;}
.modal-body .grid-h .tui-grid-container{height: 55vh}
.modal-body .grid-h2 .tui-grid-container{height: 49vh}

/* 공통 */
.tui-grid-scrollbar-right-top{border-left: 1px solid #f6f3f2 !important;}

/* tui Grid에서 클릭한 Row 색 변경 */
/*.selectable-grid */tr.tui-grid-cell-current-row > td:not(.validationFail) {background-color: #eff5fb !important; color: black !important;}
table.tui-grid-table > tbody > tr> td.tui-grid-cell.cell-focus {background-color: #00aad2 !important; color: white !important;}

/* tui Grid의 select filter UI 수정되지 않도록 고정 */
li.tui-grid-filter-list-item {display: list-item !important;}

/* 자동수집 룰 적용 */
.s_bt3:disabled{background-color: rgba(0,127,168,.5); cursor: not-allowed;}


.tui-grid-cell-header{height: 40px !important;}