@charset "utf-8";
@font-face { font-family: 'hy_t_r'; font-style: normal; font-weight: normal; src: url("../font/HyundaiSansTextKRRegular.eot?") format("eot"), url("../font/HyundaiSansTextKRRegular.woff") format("woff"), url("../font/HyundaiSansTextKRRegular.ttf") format("truetype"); }
@font-face { font-family: 'hy_t_b'; font-style: normal; font-weight: normal; src: url("../font/HyundaiSansTextKRBold.eot?") format("eot"), url("../font/HyundaiSansTextKRBold.woff") format("woff"), url("../font/HyundaiSansTextKRBold.ttf") format("truetype");}
@font-face { font-family: 'hy_h_r'; font-style: normal; font-weight: normal; src: url("../font/HyundaiSansHeadKRRegular.eot?") format("eot"), url("../font/HyundaiSansHeadKRRegular.woff") format("woff"), url("../font/HyundaiSansHeadKRRegular.ttf") format("truetype");}
@font-face { font-family: 'hy_h_m'; font-style: normal; font-weight: normal; src: url("../font/HyundaiSansHeadKRMedium.eot?") format("eot"), url("../font/HyundaiSansHeadKRMedium.woff") format("woff"), url("../font/HyundaiSansHeadKRMedium.ttf") format("truetype");}

* {font-family: 'hy_t_r','hy_t_b','hy_h_m','Arial','Verdana','Dotum','돋음','gulim','굴림','malgun','맑은고딕','sans-serif'; box-sizing: border-box;}
html {height: 100%; font-size: 62.5%;} 
body {height: 100%; font-size: 1.6rem; margin: 0px; padding: 0px; color: #000; background-color: #fff; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a, a:link, a:active, a:visited {text-decoration: none; color: inherit;}
a:hover {color: #00aad2;}
ul, ol, dl, li{list-style: none; margin: 0px; padding: 0px;}
form {margin: 0px; padding: 0px;}
#accordionMenu .btn-link:hover {color: white !important;}
/* table, tr, th, td {border-collapse: collapse; border-spacing: 0px; font-weight: normal;} */
/* h1 {font-size: 5.8rem; margin-bottom: 25px; margin-top: 0px; font-family: 'hy_h_r';} */
/* h2 {font-size: 2.4rem; margin-bottom: 40px; margin-top: 55px;  font-family: 'hy_h_r';} */
th{font-family: 'hy_h_r'}
.has-pagination{margin-bottom: 7rem !important;}
.h300px{height: 300px !important;}
.input_number{border: 2px solid #cccccc !important; width: 100px; height:35px;}

#accordionMenu ::-webkit-scrollbar{width: 10px;}
#accordionMenu ::-webkit-scrollbar-track {background-color:#002c5f;}
#accordionMenu ::-webkit-scrollbar-thumb {background-color:#001d3e;border-radius: 0px;}
/* #accordionMenu ::-webkit-scrollbar-thumb:hover {background: #555;} */
#accordionMenu ::-webkit-scrollbar-button:start:decrement,#accordionMenu ::-webkit-scrollbar-button:end:increment {width:10px;height:0px;background:#002c5f;} 

/*input, select box 테두리 색상경변경*/
select{-webkit-appearance: none; -moz-appearance: none; appearance: none;background: #fff url("../images/select_arrow_icon.png") no-repeat;background-position: calc(100% - 10px) 50%;-webkit-background-position: calc(100% - 10px) 50%;}
select::-ms-expand {display: none;}
input[type="text"], input[type="password"], select, textarea{border:1px solid #ddd ; margin: 0px;}
input[type="text"], input[type="password"], select{border:1px solid #ddd ; margin: 0px; color:inherit;}
/*input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{border: 1px solid #00aad2 ; color:inherit; margin: 0px; outline: none;}*/
input[type="button"], input[type="submit"]{border:none; outline:none; cursor:pointer;}
input::placeholder{color: #bbbec0;}
input::-webkit-input-placeholder {color: #bbbec0;}
input:-ms-input-placeholder {color: #bbbec0;}
textarea.autosize {line-height: 25px;}

#tt_menu_bt + label .tt_menu_btcon {width: 36px; height:18px; background:url("../images/toggle_on_img.jpg")no-repeat; cursor:pointer;}
#tt_menu_bt:checked + label .tt_menu_btcon {background:url("../images/toggle_off_img.jpg")no-repeat;}

/*input[type="checkbox"] {display: none;}*/
input[type="checkbox"]+label {display: inline-block; cursor:pointer; width: 18px; height: 18px; background:url("../images/checkbox.png") no-repeat; background-size: 18px 18px;}
input[type="checkbox"]:checked+label {display:inline-block; background:url("../images/checkbox_ch.png") no-repeat; background-size: 18px 18px; cursor:pointer;}

/*input[type="radio"] {display: none;}*/
input[type="radio"]+label {display: inline-block; cursor:pointer; width: 18px; height: 18px; background:url("../images/radio_bt_off.png") no-repeat; background-size: 18px 18px;}
input[type="radio"]:checked+label {display:inline-block;    background:url("../images/radio_bt_on.png") no-repeat; background-size: 18px 18px; cursor:pointer;}
.radio_check_no{display: none;}
.rdss_radio_box_positon{background: none !important;}

/*.all_size {min-width: 600px;}*/
.contents_size {min-width: 900px; overflow-x: auto;}
/* .contents_size {min-width: 1440px;} */
.p_bt1{background-color: #002c5f; color: #fff; font-size: 1.6rem; font-family: 'hy_h_r'}
.p_bt2{background-color: #00aad2; color: #fff; font-size: 1.8rem; font-family: 'hy_h_r'}
.p_bt3{background-color: #fff; color: #000; font-size: 1.8rem; font-family: 'hy_h_r'; border: 1px #ddd solid !important;}
.s_bt1{background-color: #777673; color: #fff; font-size: 1.6rem; font-family: 'hy_h_r'}
.s_bt2{background-color: #002c5f; color: #fff; font-size: 1.6rem; font-family: 'hy_h_r'}
.s_bt3{background-color: #00aad2; color: #fff; font-size: 1.6rem; font-family: 'hy_h_r'}
.s_bt4{width: 110px;display: inline-block;text-align: center; padding: 10px; border: 1px solid #4b96e6; cursor: pointer;background-color: white; color: #4b96e6;}
.s_bt4.selected{ background-color: #4b96e6; color: white;}
.p_d_bt1{background-color: #cccccc; color: #fff; font-size: 1.8rem; font-family: 'hy_h_r'}
.s_d_bt1{background-color: #cccccc; color: #fff; font-size: 1.6rem; font-family: 'hy_h_r'}

.s_radio_on_bt1{border: 2px solid #00aad2 !important; background: url("../images/radio_bt_on.png") no-repeat; background-position: 12px 50%; font-size: 1.4rem; font-family: 'hy_t_r'; padding: 0 10px 0 35px;}
.s_radio_off_bt1{border: 1px solid #cccccc !important; background: url("../images/radio_bt_off.png") no-repeat; background-position: 12px 50%; font-size: 1.4rem; font-family: 'hy_t_r'; padding: 0 10px 0 35px;}

.input_type_select{background: #fff url("../images/select_arrow_icon.png") no-repeat; background-position: calc(100% - 10px) 50%; -webkit-background-position: calc(100% - 10px) 50%;}
.input_type_select2{background: #fff url("../images/select_arrow_icon.png") no-repeat; background-position: calc(100% - 10px) 50%; -webkit-background-position: calc(100% - 10px) 50%;}
#lan_w{padding-left: 15px;}
.scroll_xno{overflow-x: hidden; overflow-y: auto;}
.sub_title_wrap{position: relative; /*min-height: 57px; height: 57px;*/ background-color: #fff; padding: 20px 20px 0 20px; font-size: 2.6rem; font-family: 'hy_h_m';}
.sub_title_wrap::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/

.sub2_title_wrap{position: relative; font-size: 1.8rem; font-family: 'hy_h_m'; margin-bottom: 10px;display: inline-block;}
.sub2_title_wrap::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/

/* 타이틀 패딩 제거를 위해 추가 (2024.11.08) */
.sub3_title_wrap{position: relative; /*min-height: 57px; height: 57px;*/ background-color: #fff; font-weight: 500; padding: 20px 20px 0 0; font-size: 2.6rem; font-family: 'hy_h_m';}
.sub3title_wrap::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/

.radin_bt + label .radin_btcon {border: 2px solid #cccccc !important; background: url("../images/radio_bt_off.png") no-repeat; background-position: 12px 50%;}
.radin_bt:checked + label .radin_btcon {border: 2px solid #00aad2 !important; background: url("../images/radio_bt_on.png") no-repeat; background-position: 12px 50%;}
.radin_bt:disabled + label .radin_btcon {opacity: 0.5;}
.radin_bt:checked + div .radin_btcon {border: 2px solid #00aad2 !important; background: url("../images/radio_bt_on.png") no-repeat; background-position: 12px 50%;}
.radin_bt:disabled + div .radin_btcon {opacity: 0.5;}
.radio_box_positon{background: none !important;}

.check_bt + label .check_btcon {border: 2px solid #cccccc !important; background: url("../images/checkbox.png") no-repeat; background-position: 12px 50%;}
.check_bt:checked + label .check_btcon {border: 2px solid #00aad2 !important; background: url("../images/checkbox_ch.png") no-repeat; background-position: 12px 50%;}
.check_bt:disabled + label .check_btcon {opacity: 0.5;}
.check_bt:checked + div .check_btcon {border: 2px solid #00aad2 !important; background: url("../images/checkbox_ch.png") no-repeat; background-position: 12px 50%;}
.check_bt:disabled + div .check_btcon {opacity: 0.5;}

/*Test*/
.test_bd{border: 1px solid red;}
.test_bg{background: red;}

/*Loading Popup */
.all_win_bg{background: rgba(0,0,0,0.5);}
.loading_pop{position:absolute; left:50%; top:50%; margin-left: -240px; margin-top: -105px; width:480px; height:210px; background-color:#FFF; z-index:11; text-align: center;}
.loading_contents{display: table-cell; font-size: 1.6rem; line-height: 2.2rem; margin-top: 40px; text-align: center; width: 480px; height: 210px; vertical-align: middle;}

/*Magin and Padding*/
.h5{height: 5px;}
.h12{height: 12px;}
.h15{height: 15px;}
.h20{height: 20px;}
.h25{height: 25px;}
.h35{height: 35px;}
.h50{height: 50px;}
.w10{display: inline-block; width: 10px;}

/*Text Color*/
.tc_blue{color: #007fa8;}
.tc_red{color: #e63312;}
.tc_gray{color: #8d8d8d;}

/*layer Pop Up*/
/*.sup_win_bar a:hover img{content: url("../images/x_close_bt_c.png")}*/
.lpu_close_bt{position: absolute; right: 17px; top: 16px;}
.lpu_frame_win{width: 770px; height: 520px; border: none;}
.window_contents{display: none; position:absolute; left:50%; top:50%; margin-left: -405px; margin-top: -300px; width:auto; height:auto; background-color:#FFF; z-index:11;}
.window_contents2{display: none; position:absolute; left:50%; top:50%; margin-left: -405px; margin-top: -300px; width:auto; height:auto; background-color:#FFF; z-index:11;}
#mask {position:absolute; z-index:10; background-color:#000; left:0; top:0;} 
/*.lpu_close{width: 100%; height: 70px; text-align: right; padding-right: 30px; padding-top: 30px; background: #fff;}*/
.lpu_close{position: absolute; width: 100%; height: 70px; text-align: right; padding-right: 20px; padding-top: 18px;}
/*.lpu_close a:hover img{content: url("../images/x_close_bt_c.png")}*/

.lpu_win_bar{width: 100%; height: 54px; padding-left: 20px; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.lpu_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/

/*Header*/
.header_box1{display: flex; width: 100%; height: 60px; border-bottom: 1px solid #b9b9b9; background-color: #ffffff; padding: 0px 24px;}
.header_box1_left{min-width: 220px;}
.sub_logo{padding: 20px 0px;}
/*.header_search_wrap{display: flex; min-width: 520px; width: 100%; margin-top: 7px;}*/
.header_search_wrap{display: flex; min-width: 1180px; width: 100%; margin-top: 7px;}
.header_search_item {min-width: 70px;}
.header_search_box {flex-basis: 100%;}
.header_box1_right{min-width: 240px; text-align: right;}
.header_box1 div::after{content:""; display: inline-block; height: 100%; vertical-align: middle;}
.header_user_info_box{margin-top: 23px;}
.header_user_info_box li{display: inline-block; padding: 0px 5px; color: #767676; font-size: 1.3rem;}
.user_icon{vertical-align: middle; margin-right: 7px;}
/*VIN Searche Input Box*/
.header_search_vin_admin{width: 100%; height: 44px; background-color: #f6f3f2; padding-left: 10px; margin: 0px; background-image: url("../images/vin_search_iconn.png"); background-repeat: no-repeat; background-position: calc(100% - 15px) 10px; -webkit-background-position: calc(100% - 15px) 10px;}
.header_search_vin_user{width: 100%; height: 44px; color: #676767; background-color: #f6f3f2; padding-left: 10px; margin: 0px; background-image: url("../images/vin_search_icond.png"); background-repeat: no-repeat; background-position: calc(100% - 15px) 10px; -webkit-background-position: calc(100% - 15px) 10px;}
.header_search_vin_nothing{width: 100%; height: 44px; background-color: #fff; padding-left: 10px; margin: 0px; background-image: url("../images/vin_search_iconn.png"); background-repeat: no-repeat; background-position: calc(100% - 15px) 10px; -webkit-background-position: calc(100% - 15px) 10px;}

/*Structure*/
.sub_container {display: flex; width:100%; height: calc(100vh - 90px); height: -webkit-calc(100vh - 90px); height: -moz-calc(100vh - 90px);}
.left_menu_wrap {width: 243px;}
.left_menu_wrap_c{width: 243px;}
.sub_main_contents_wrap {margin: 20px 20px 0px 20px;}
.dash_main_contents_wrap {margin: 20px 25px 0px 25px;}
.sub_contents_wrap {width:100%; padding: 0px;}
.sub_contents_wrap_c{width: 100%; border: none;} 
.s_frame_h {display: block; height: 100%; border: none;}

/*footer*/
/*.footer_wrap2{position: fixed; bottom: 0px; width: 100%; height: 60px; background-color: #1c1b1b; color: #676767; font-size: 1.2rem; padding: 14px 27px; margin-top: 5px; vertical-align: middle;}*/
.footer_wrap2{width: 100%; height: 50px; background-color: #1c1b1b; color: #676767; font-size: 1.2rem; padding: 14px 20px; vertical-align: middle;}
.footer_wrap{width: 100%; height: 50px; background-color: #1c1b1b; color: #676767; font-size: 1.2rem; padding: 14px 20px; vertical-align: middle; text-align: left;}
.footer_logo{vertical-align: middle; margin-right: 40px;}
.footer_table_info_box1{display: flex; width: 100%;}
.footer_table_info_box1_left{flex-basis: 30%;}
.footer_table_info_box1_center{flex-basis: 33%; text-align: left; font-size: 1.5rem; color: #1c1b1b;}
.footer_table_info_box1_right{flex-basis: 30%; text-align: right; padding-top: 3px; font-size: 1.2rem; color: #ccc;}
.tooter_col1{color: #676767; margin: 0 15px;}

/*Login*/
.login_header{width: 100%; height: 60px; background-color: #ffffff; padding: 15px 20px; border-bottom: 1px solid #ddd;}
/*.login_main {text-align: center; min-height: calc(100vh - 135px); min-height:-webkit-calc(100vh - 135px);}*/

.login_main {text-align: center;}
.login_bn_bg {width: 100%; height: 280px; background: url(../images/login_banner.jpg) no-repeat;background-size: cover; margin: 0px; padding: 60px 56px 0px 56px;}
.login_bn_box {width: 100%; height: 330px; background-color: rgba(255, 255, 255, 0.6); text-align: center; color: #000; line-height: 23rem;}
.login_input1{padding: 0px 17px;width: 245px; height: 44px; font-size: 1.6rem;}
.login_input_magin{margin-bottom: 10px;}
.login_text1{line-height: 25px; font-family: 'hy_h_r'; font-size: 1.4rem;}
.login_text1 a{text-decoration: none; color: #002c5e;}
.login_text2 {font-size: 1.3rem; color: #bbbec0;}
.login_bt{width: 400px; height: 46px;}
.login_bt1{width: 140px; height: 98px;}
.login_input_box{margin: 40px 0px 0px 0px;}
.login_input_box li{display: inline-block;vertical-align: top;}
.login_input_wrap{width: 245px; margin-right: 13px;}
.login_input_box1{width: 400px; height: 40px; border: 1px solid #d6d6d6; margin: 0px; padding: 0px 17px;}
.login_time_container{position: relative; display: inline-block; margin: 30px 0px 13px 0px;}
.login_bt_wrap{margin: 30px auto;}

/*Sign Up Pop*/
.sup_win_bar{width: 100%; height: 54px; padding-left: 20px; color: white; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.sup_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.sup_container_wrap{width: 780px; text-align: center; padding: 30px 25px;}
.sup_container2_wrap{width: 550px; text-align: center; padding: 30px 25px;}
.sup_container3_wrap{width: 595px; text-align: center; padding: 30px 25px;}

.sup_table1{width: 100%;  border: 1px solid #ddd;}
.sup_table1 th{height: 52px; background-color: #f6f3f2;}
.sup_table1_th1{border-top : 1px solid #ddd;}
.sup_table1_th2{border-top : 1px solid #ddd;}
.sup_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.sup_table1_cell_s1{width: 20%; height: 52px;}
.sup_table1_cell_s2{width: 80%; height: 52px;}

.sup_table2_cell_s1{width: 25%; height: 52px;}
.sup_table2_cell_s2{width: 75%; height: 52px;}

.sup_input_box1{width: 215px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.sup_input_box2{width: 215px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.sup_input_box3{width: 140px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.myinfo_input_box2{width: 292px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.myinfo_input_box3{width: 400px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.sup_bt1{width: 190px; height: 46px; margin: 0px 10px 0px 0px;}
.sup_bt2{width: 160px; height: 46px;}
.sup_bt3{width: 110px; height: 36px; margin-left: 10px;}
.sup_bt4{width: 140px; height: 36px; margin-left: 10px;}
.sup_bt5{width: 90px; height: 36px; margin-left: 10px;}
.sup_notes{font-size: 1.3rem; color: #676767; margin: 10px 0 5px 0;}
.sup_time_container{position: relative; display: inline-block;}
.sup_time_text{position: absolute; top: 13px; right: 16px; z-index: 1; overflow: hidden;}
.sup_h_space{height: 40px;}
.sup_h_space2{height: 10px;}
.sup_c1{text-align: center !important;}

/*Accept the Terms*/
.att_text_sub{font-family: 'hy_t_r'; font-size: 1.2rem; color: #007fa8;}
.att_wrap{width: 100%; background-color: #f6f3f2; min-height: calc(100vh - 72px); min-height:-webkit-calc(100vh - 72px);}
.att_container{width: 640px; margin: 0 auto;}
.att_title{font-family: 'hy_h_m'; font-size: 3.5rem; height: 125px; text-align: center; margin: auto;}
.att_title::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.att_item_t1{height: 46px; background-color: #fff; font-family: 'hy_h_r'; position: relative; border: 1px solid #ddd;}
.att_item_t1::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.att_itme_icon{margin: 0 8px 0 12px;}
.att_check_box{position: absolute; top: 14px; right: 30px;}
.att_terms_contents{padding: 12px 14px; color: #676767; height: 140px; overflow: auto; background-color: #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.att_item_agree{height: 55px; font-family: 'hy_h_r'; position: relative; font-size: 1.6rem; padding-left: 20px;}
.att_item_agree::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.att_agree_wrap{text-align: center; margin-top: 80px; padding-bottom: 20px;}

/*Left Menu*/
.lm_menu_bt_wrap{width: 100%; height: 36px; text-align: right; padding-right: 18px;}
.left_menu{width: 100%;}
.left_menu_box{position: fixed; top: 0; left: 0; height: 100%; z-index: -1; width: 243px; background-color: #002c5e;}
.main_title {position: relative; height: 50px; padding: 5px 25px; font-size: 2rem; font-family: 'hy_h_r'; color: #fff;}
.main_title::before{content: "";display: inline-block; height: 100%; vertical-align: middle;}
.main_title_select{background-color: #007fa8;}
.expand_icon1{position: absolute; top:0px; left:0px; bottom:0px; right:-185px; margin: auto;}
.division_line{background-color: #093a71; height: 1px; width: 100%;}
.s_list{margin: 10px 0px;}
.s_list li{width: 100%; height: 42px; padding: 2px 20px 2px 40px; font-size: 1.7rem; font-family: 'hy_h_r'; color: #b8cfea;}
.s_list li::after{content: "";display: inline-block; height: 100%; vertical-align: middle;}
#s_list_select1{color: #079fd3;}
.sub_menu_t{height: auto;}
.sub_menu_list li{width: 100%; height: 35px; margin: 0px; padding: 2px 40px;}
.sub_menu_list li::after{content: "";display: inline-block; height: 100%; vertical-align: middle;}
#s_list_last{margin-bottom: 12px;}

#lm_menu_bt{display: none;}
#lm_menu_bt + label .lm_menu_btcon {position: absolute; top: 0; left: 206px; width: 36px; height:36px; background:url("../images/menu_close_bt_ch.jpg")no-repeat; cursor:pointer;}
#lm_menu_bt:checked + label .lm_menu_btcon {background:url("../images/menu_close_bt_unch.jpg")no-repeat;}
#lm_menu_bt:checked ~ *{transform: translate3d(-206px, 0, 0);}
#lm_menu_bt:checked ~ .left_menu_box > .left_menu{display: none;}

/*Real-Time Diagnosis*/
.rtd_search_box1{display: flex; width: 100%; background-color: #f6f3f2; padding: 20px 30px;border: 1px solid #ddd;}
.rtd_search_wrap{display: flex; width: 100%;}
.rtd_search_box1_admin1{min-width: 365px;}
.rtd_search_box1_admin2{flex-basis: 100%;}
.rtd_input_box1{height: 40px; width:168px; padding-left: 5px; background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.rtd_input_box2{height: 40px; width: 100%}
.rtd_input_box3{height: 40px; width: 100%; padding-right: 40px;}
.rtd_search_box1_right{flex-basis: 180px; text-align: right;}
.rtd_bt1{width: 120px; height: 40px;}
.rtd_search_box_basic{margin-right: 20px;}
.rtd_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.rtd_table_cell_s1{width: 9%;}
.rtd_table_cell_s2{width: 5%;} 
.rtd_table_cell_s3{width: 7%;}
.rtd_table_cell_s4{width: 9%;}
.rtd_table_cell_s5{width: 9%;}
.rtd_table_cell_s6{width: 7%;}
.rtd_table_cell_s7{width: 9%;}
.rtd_table_cell_s8{width: 10%;}
.rtd_table_cell_s9{width: 6%;}
.rtd_table_cell_s10{width: 8%;}
.rtd_table_cell_s11{width: 6%;}
.rtd_table_cell_s12{width: 5%;}
.rtd_table_cell_s13{width: 5%;}
.rtd_table_cell_s14{width: 5%;}
.rtd_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding-right: 11px;}
.rtd_table th:last-child{border-right: 1px solid #ddd;}
.rtd_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.rtd_table_search_box{background-color: #f6f3f2;}
.rtd_table_search_box td{height: 45px; padding: 0px 3px; border-right: 1px solid #ddd;}
.rtd_table_search_box td:last-child{border-right: 1px solid #ddd;}
.rtd_table_t_cell th:nth-child(1){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(2){background-image: url("../images/table_search_sort_iconu.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(3){background-image: url("../images/table_search_sort_icond.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(4){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(5){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(6){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(7){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(8){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(9){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(10){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(11){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(12){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(13){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_table_t_cell th:nth-child(14){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rtd_filter_icon{margin: 0 5px;}
.rtd_table_info_box1{display: flex; width: 100%;}
.rtd_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.rtd_table_info_box1_left{flex-basis: 100%;}
.rtd_table_info_box1_right{flex-basis: 50%; text-align: right;}
.rtd_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.rtd_tbar_bt_wrap{position: absolute; right: 20px; top: 8px;}
.rtd_tbar_bt_wrap2{position: absolute; right: 150px; top: 8px;}
.rtd_tbar_bt_wrap3{position: absolute; right: 390px; top: 8px;}

/* VIN State */
.vs__search {display: flex; width: 100%; padding: 20px 30px; background-color: #f6f3f2;}
.vs__search__inputs {display: flex; width: 100%;}
.vs__search__inputs__dateContainer {min-width: 365px;}
.vs__search__inputs__dateContainer__input {width: 168px; height: 40px; padding-left: 5px;  background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.vs__search__inputs__vinContainer {flex-basis: 100%;}
.vs__search__inputs__vinContainer__input {width: 100%; height: 40px; padding-left: 5px;}
.vs__search__btnContainer {flex-basis: 180px; text-align: right;}
.vs__search__btnContainer__btn {width: 120px; height: 40px;}
.vs__table__controller {display: flex; width: 100%;}
.vs__table__controller__showRowCnt {min-width: 500px;}
.vs__table__controller__showRowCnt__select {width: 80px; height: 40px; margin: 0px; padding-left: 25px; border: 1px solid #d6d6d6;}
.vs__table__controller__showRowInfo {flex-basis: 100%; text-align: right;}

/* Analysis Number State*/
.an__search {display: flex; width: 100%; padding: 20px 30px; background-color: #f6f3f2;}
.an__search__inputs {display: flex; width: 100%;}
.an__search__inputs__dateContainer {min-width: 365px;}
.an__search__inputs__dateContainer__input {width: 168px; height: 40px; padding-left: 5px;  background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.an__search__inputs__vinContainer {flex-basis: 100%;}
.an__search__inputs__vinContainer__input {width: 100%; height: 40px; padding-left: 5px;}
.an__search__btnContainer {flex-basis: 180px; text-align: right;}
.an__search__btnContainer__btn {width: 120px; height: 40px;}
.an__table__controller {display: flex; width: 100%;}
.an__table__controller__showRowCnt {min-width: 500px;}
.an__table__controller__showRowCnt__select {width: 80px; height: 40px; margin: 0px; padding-left: 25px; border: 1px solid #d6d6d6;}
.an__table__controller__showRowInfo {flex-basis: 100%; text-align: right;}
.an__modal__subTitle {position: relative; padding-bottom: 10px; margin-bottom: 20px; color:#000; font-weight: 700;}
.an__modal__subTitle::before {content: ""; position: absolute; bottom: 0; width: 100%; height: 2px; background-color: #ddd;}
.an__modal__table__controller {display: flex;}

/*Sub Case List*/
.scl_ws1{display: inline-block; width: 5px;}
#hd_color1, #hd_color2 {color: #e5e5e5;}
.input_box_s1{width: 100%; min-width: 110px; background: #fff url("../images/select_arrow_icon.png") no-repeat; background-position: calc(100% - 10px) 50%; -webkit-background-position: calc(100% - 10px) 50%;}
.input_box_s2{width: 157px;}
.input_box_s4{width: 87px; margin-left: 5px; background: #f6f3f2 url("../images/select_arrow_icon.png") no-repeat; background-position: calc(100% - 10px) 50%; -webkit-background-position: calc(100% - 10px) 50%;}
.input_box_s5{width: 160px; background: #f6f3f2 url("../images/select_arrow_icon.png") no-repeat; background-position: calc(100% - 10px) 50%; -webkit-background-position: calc(100% - 10px) 50%;}
.table1{width: 100%; border: 1px solid #ddd;}
.table1 th, .table1 td{padding:5px;}
.table1 td{border-bottom: 1px solid #ddd;}
.table1 th{border-bottom: 1px solid #ddd;}
.table1 tr:last-child th{border-bottom: 1px solid #ddd;}
.table1_cell_s1{width: 110px;}
.table1_cell_s2{width: auto;}
.table_cell_item1{background-color: #f6f3f2; height: 50px;}
.bt_margin1{margin: 15px 30px; right:0px;}
.right_align1{text-align: right;}
.table2{width: 100%; border: 1px solid #ddd;}
.table2_cell_s1{width: 10%;} /*6*/
.table2_cell_s2{width: 7%;} /*3*/
.table2_cell_s3{width: 14%;} /*1*/
.table2_cell_s4{width: 5%;} /*1*/
.table2 th{border-right: 1px solid #ddd;}
.table2 th:last-child{border-right: 1px solid #ddd;}
.table2_cell_item1 td{height: 50px; text-align: center; border-right: 1px solid #ddd;}
.table_info_box1{display: flex; width: 100%;}
/* .table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;} */
.table_info_box1_left{flex-basis: 100%;}
.table_info_box1_right{flex-basis: 50%; text-align: right;}
.table3{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.table3_cell_s1{width: 15%;} /*2*/
.table3_cell_s2{width: 5%;} /*1*/
.table3_cell_s3{width: 16%;} /*1*/
.table3_cell_s4{width: 6%;} /*2*/
.table3_cell_s5{width: 19%;} /*1*/
.table3_cell_s6{width: 9%;} /*2*/
.table3 th{border-right: 1px solid #ddd; height: 50px; background-color: #002c5e; color: #fff;}
.table3 th:last-child{border-right: 1px solid #ddd;}
.table3 td{height: 50px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table_page_no1_box{text-align: center; margin: 30px 0px 20px 0px; font-size: 1.5rem;}
.table_page_no1_box li{display: inline-block; padding: 0px 10px;}
.table_page_no1_box a:hover {text-decoration: underline; color: #00aad2;}
.table_page_sp1{margin: 0 -3px !important;}

/*Period Statistics*/
.ps_sel_box1 {display: flex; width: 100%; margin-bottom: 5px;}
.ps_sel_box1 li{display: inline-block; margin-right: 5px;}
.ps_sel_box1 li:last-child{margin-right: 0px;}
.ps_sel_box1_1{background: #e4dcd3; width: 17%;}
.ps_sel_box1_2{background: #e4dcd3; width: 33%;}
.ps_sel_box1_3{background: #e4dcd3; width: 16%;}
.ps_sel_box1_4{background: #e4dcd3; width: 34%;}
.ps_sel_box1_5{background: #e4dcd3; width: 49%;}
.ps_sel_box1_1_item{height: 55px; font-size: 1.8rem; text-align: center; font-family: 'hy_h_r'}
.ps_sel_box1_1_item::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.ps_sel_box1_1_item_list_box {padding: 0px 5px 5px 5px;}
.ps_sel_box1_1_item_list {width: 100%; padding: 10px; overflow: auto;}
.progress1_bar {display : flex; padding: 0px 3px 0px 10px; width:100%;}
.progress1_bar_bg {width:100%; height: 10px; background-color: #ecebeb;}
.progress1_bar_ing {width:40%; height: 100%; background-color: #007fa8;}
.progress1_bar_value {min-width: 50px; text-align: left; margin:0px 10px;}
.table3_cell_ss1{width: 15%;} /*5*/
.table3_cell_ss2{width: 25%;} /*1*/
.table3 .total_b td{background: #f6f3f2; font-family: 'hy_t_b';}

/*E-report Regist Result*/
.tab_wrap{display: flex; width: 100%; height: 52px; background: #444444; color: #fff; font-family: 'hy_t_b';}
.tab_wrap li{width: 33.3%; text-align: center;}
.tab_wrap li::before {content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.tab_act{color: #000; background-color: #fff;}
.graph_wrap{display: flex; width: 100%;}
.err_graph{width: 715px; flex-shrink: 0; border: 1px solid #383838; margin-right: 10px;}
.err_data{width: 100%;}
.table4{width: 100%; border: 1px solid #ddd;}
.table4_cell_s1{width: 19%;} /*1*/
.table4_cell_s2{width: 11%;} /*6*/
.table4_cell_s3{width: 14%;} /*1*/
.table4_cell_bg1{background-color: #f6f3f2;} 
.table4 th:last-child{border-right: 1px solid #ddd;}
.table4 .tt1 th{border-right: 1px solid #ddd; height: 50px; background-color: #002c5e; color: #fff; text-align: center;}
.table4 .tt2 th{border-right: 1px solid #ddd; border-top: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; text-align: center;}
.table4 td{height: 50px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table_page_no2_box{text-align: center; margin: 20px 0px 20px 0px; font-size: 1.6rem;}
.table_page_no2_box li{display: inline-block; padding: 0px 5px;}
.table_page_no2_box a:hover {text-decoration: underline; color: #00aad2;}

/*Site Map*/
.sm_sec_wrap{display: flex;}
.sm_sec_art1 {width: 100%; display: block;}
.sm_sec_art1 li{display: inline-block; max-width: 250px; width: 24%; height: 40px; font-size: 1.5rem; margin-right: 5px;}
.sm_line1{width: 100%; height: 1px; background-color: #cccccc; margin: 40px 0px 50px 0px;}

/*DTC Map Status*/
.dms_map_wrap{width: 100%; text-align: center;}
.dms_map_box{position: relative; display: inline-block; width: 803px; height: 423px; background: url("../images/dm_map_bg.png") no-repeat;}
.dms_graph_bar{display: inline-block; width: 20px; height: 26px; background-color: #007fa8;}
.dms_graph_wrap{position: absolute; left: 44px; top: 45px; display: inline-block;}
.dms_graph_info{font-size: 1.4rem; font-family: 'hy_t_b'; background-color: rgba(170, 202, 230, 0.65); padding: 5px 10px;}
.dms_dtc_code_box1{width: 40%; min-width: 80px;}
.search_box2_right{flex-basis: 150px; flex-shrink: 0; text-align: right;}
.table5{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.table5 th{border-right: 1px solid #ddd; height: 50px; background-color: #002c5e; color: #fff;}
.table5 th:last-child{border-right: 1px solid #ddd;}
.table5 td{height: 50px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table5_cell_s1{width: 5%;} 
.table5_cell_s2{width: 13%;} 
.table5_cell_s3{width: 40%;} 
.table5_cell_s4{width: 6%;} /*7*/

/*ECU Ppgrade*/


/*ECU Ppgrade Info*/
.epi_pop_wrap{width: 750px; margin: 0px auto;}
.pop_t1 {font-size: 2.4rem; font-weight: bold; font-family: 'hy_h_r'; text-align: center; margin-bottom: 20px;}
.epi_detail{text-align: right; margin-bottom: 10px; color: #00aad2; text-decoration: underline;}
.table7{width: 100%; border: 1px solid #ddd;}
.table7_cell_s1{width: 17%;} /*2*/
.table7_cell_s2{width: 33%;} /*1*/
.table7 th{border-bottom: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000;}
.table7 tr:last-child th{border-bottom: 1px solid #ddd;}
.table7 td{height: 50px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0px 15px;}
#mask {position:absolute; z-index:10; background-color:#000; left:0; top:0;} 
.window_contents{display: none; position:absolute; left:50%; top:50%; margin-left: -405px; margin-top: -300px; width:auto; height:auto; background-color:#FFF; z-index:11;}
.frame_win{width: 810px; height: 565px; border: none;}

/*ECU Mapping*/
.em_pop_wrap{width: 750px; margin: 0px auto;}
.pop_t2 {font-size: 2.4rem; font-weight: bold; font-family: 'hy_h_r'; text-align: center; margin-bottom: 20px;}
.em_detail{text-align: right; margin-bottom: 10px; color: #00aad2; text-decoration: underline;}
.table8{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.table8_cell_s1{width: 11%;} /*4*/
.table8_cell_s2{width: 5%;} /*1*/
.table8_cell_s3{width: 12%;} /*1*/
.table8_cell_s4{width: 15%;} /*1*/
.table8_cell_s5{width: 15%;} /*1*/
.table8_cell_s6{width: 9%;} /*1*/
.table8 th{border-right: 1px solid #ddd; height: 50px; background-color: #002c5e; color: #fff;}
.table8 th:last-child{border-right: 1px solid #ddd;}
.table8 td{height: 50px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table9{width: 100%; border: 1px solid #ddd;}
.table9_cell_s1{width: 35%;} /*2*/
.table9_cell_s2{width: 65%;} /*1*/
.table9 th{border-bottom: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000;}
.table9 tr:last-child th{border-bottom: 1px solid #ddd;}
.table9 td{height: 50px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0px 15px;}
#mask {position:absolute; z-index:10; background-color:#000; left:0; top:0;} 
.window_contents{display: none; position:absolute; left:50%; top:50%; margin-left: -405px; margin-top: -300px; width:auto; height:auto; background-color:#FFF; z-index:11;}
.frame_win{width: 810px; height: 565px; border: none;}
.em_sub_t1 {font-size: 2rem; font-weight: bold; font-family: 'hy_h_r'; margin-bottom: 15px;}
.em_sub_text1 {font-size: 1.4rem; color: #bbbec0; margin-bottom: 10px;}

.table10{width: 100%; border: 1px solid #ddd;}
.table10 th, .table10 td{padding:10px;}
.table10 td{border-bottom: 1px solid #ddd;}
.table10 th{border-bottom: 1px solid #ddd;}
.table10 tr:last-child th{border-bottom: 1px solid #ddd;}
.table10_cell_s1{width: 15%;} /*3*/
.table10_cell_s2{width: 18%;} /*3*/

/*Notice List*/
.nl_frame_win{width: 990px; height: 670px; border: none;}
.nl_table_info_box1{display: flex; width: 100%;}
.nl_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.nl_table_info_box1_left{flex-basis: 100%;}
.nl_table_info_box1_right{flex-basis: 100%; text-align: right;}
.nl_table_info_box2_right{flex-basis: 60%; text-align: right;}
.nl_table_info_box3_right{flex-basis: 70%; text-align: right;}
.nl_table_info_box4_right{flex-basis: 80%; text-align: right;}
.nl_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.nl_search_box1{display: flex; width: 100%; background-color: #f6f3f2;  padding: 20px 30px;border: 1px solid #ddd;}
.nl_search_wrap{display: flex; width: 100%;}
.nl_search_box1_admin1{min-width: 365px;}
.nl_search_box1_admin2{flex-basis: 100%;}
.nl_input_box1{height: 40px; width:168px; padding-left: 5px; background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.nl_input_box2{height: 40px; width: 100%; padding-left: 5px;}
.nl_input_box3{height: 40px; width: 100%; padding-left: 5px;}
.nl_search_box1_right{flex-basis: 180px; text-align: right;}
.nl_bt1{width: 150px; height: 40px;margin-left: 5px;}
.nl_bt2{width: 140px; height: 40px;margin-left: 5px;}
.nl_bt3{width: 60px; height: 40px; position: absolute; top: 10px; right: 10px;}
.nl_bt4{width: 190px; height: 40px;margin-left: 5px;}
.nl_search_box_basic{margin-right: 20px;}

.nl_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.nl_table_cell_s1{width: 9%;}
.nl_table_cell_s2{width: 54%;} 
.nl_table_cell_s3{width: 14%;}
.nl_table_cell_s4{width: 14%;}
.nl_table_cell_s5{width: 9%;}
.nl_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding-right: 11px;}
.nl_table th:last-child{border-right: 1px solid #ddd;}

.nl_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.nl_table td:nth-child(2){text-align: left; padding: 0 10px;}
.nl_table_search_box{background-color: #f6f3f2;}
.nl_table_search_box td{height: 45px; padding: 0px 3px; border-right: 1px solid #ddd;}
.nl_table_search_box td:last-child{border-right: 1px solid #ddd;}

/*Notice Read Popup*/
.nrp_win_bar{width: 100%; height: 54px; background-color: #002c5f; padding-top: 18px;padding-right: 20px; color: white; font-size: 20px; font-family: 'hy_h_m'; text-align: left;}
.nrp_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.nrp_container_wrap{width: 990px; text-align: center; padding: 25px 25px;}
.nrp_table1{width: 100%;  border: 1px solid #ddd;}
.nrp_table1 th{height: 52px; background-color: #f6f3f2;border: 1px #ddd solid;}
.nrp_table_th1{border-top : 1px solid #ddd;}
.nrp_table_th2{border-top : 1px solid #ddd;}
.nrp_table1 td{padding: 0px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.nrp_table1_cell_s1{width: 170px; height: 52px;}
.nrp_table1_cell_s2{width: 325px; height: 52px;}
.nrp_table1_cell_s3{width: 170px; height: 52px;}
.nrp_table1_cell_s4{width: 325px; height: 52px;}
.nrp_contents{width: 100%; height: 290px; border: 1px solid #ddd; margin: 10px 0px; text-align: left;  padding: 20px; line-height: 2.2rem; overflow:auto;}
.nrp_add_link{color: #007fa8; text-decoration: underline;}
.nrp_table2{width: 100%;  border: 1px solid #ddd;}
.nrp_table2 th{height: 82px; background-color: #f6f3f2;}
.nrp_table2 td{height: 82px; padding: 0px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.nrp_table2_cell_s1{width: 170px;}
.nrp_table2_cell_s2{width: 820px;}
.nrp_table2_cell_m1{width: 170px;}
.nrp_table2_cell_m2{width: 540px;}
.nrp_table2_cell_m3{width: 280px;}
.nrp_input_box1{width: 260px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.nrp_input_box2{width: 210px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.nrp_input_box3{width: 140px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.nrp_bt1{width: 140px; height: 40px; margin-left: 5px;}
.nrp_notes{font-size: 1.3rem; color: #676767; margin-top: 12px;}
.nrp_time_container{position: relative; display: inline-block;}
.nrp_time_text{position: absolute; top: 13px; right: 16px; z-index: 1; overflow: hidden;}
.nrp_h_space{height: 15px;}
.nrp_sub_bt_wrap{text-align: center !important;}
.nrp_important1{border : none !important;}
.mrp_file_bt1{width: 110px; height: 36px; margin: 5px;}
.mrp_input_box1{height: 40px; width: 100%; padding-left: 10px;}
.mrp_input_box2{height: 100%; width: 100%; padding: 10px; resize: none; border: none; vertical-align: top;}

/*Q&A List*/
.qal_frame_win{width: 990px; height: 670px; border: none;}
.qal_table_info_box1{display: flex; width: 100%;}
.qal_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.qal_table_info_box1_left{flex-basis: 100%;}
.qal_table_info_box1_right{flex-basis: 50%; text-align: right;}
.qal_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.qal_input_box1{height: 40px; width:168px; padding-left: 5px; background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.qal_input_box2{height: 40px; width: 100%; padding-left: 5px;}
.qal_input_box3{height: 40px; width: 100%; padding-left: 5px;}
.qal_bt1{width: 120px; height: 40px;}
.qal_search_box_basic{margin-right: 20px;}
.qal_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.qal_table_cell_s1{width: 9%;}
.qal_table_cell_s2{width: 54%;} 
.qal_table_cell_s3{width: 14%;}
.qal_table_cell_s4{width: 14%;}
.qal_table_cell_s5{width: 9%;}
.qal_table th{border-right: 1px solid #ddd; height: 37px; background-color: #f6f3f2; color: #000; padding-right: 11px;}
.qal_table th:last-child{border-right: 1px solid #ddd;}
.qal_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.qal_table td:nth-child(2){text-align: left; padding: 0 10px;}
.qal_table_search_box{background-color: #f6f3f2;}
.qal_table_search_box td{height: 45px; padding: 0px 3px; border-right: 1px solid #ddd;}
.qal_table_search_box td:last-child{border-right: 1px solid #ddd;}

/*FAQ List*/
.faq_frame_win{width: 990px; height: 670px; border: none;}
.faq_table_info_box1{display: flex; width: 100%;}
.faq_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.faq_table_info_box1_left{flex-basis: 100%;}
.faq_table_info_box1_right{flex-basis: 50%; text-align: right;}
.faq_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.faq_input_box1{height: 40px; width:168px; padding-left: 5px; background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.faq_input_box2{height: 40px; width: 100%; padding-left: 5px;}
.faq_input_box3{height: 40px; width: 100%; padding-left: 5px;}
.faq_bt1{width: 120px; height: 40px;}
.faq_search_box_basic{margin-right: 20px;}
.faq_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.faq_table_cell_s1{width: 9%;}
.faq_table_cell_s2{width: 54%;} 
.faq_table_cell_s3{width: 14%;}
.faq_table_cell_s4{width: 14%;}
.faq_table_cell_s5{width: 9%;}
.faq_table th{border-right: 1px solid #ddd; height: 37px; background-color: #f6f3f2; color: #000; padding-right: 11px;}
.faq_table th:last-child{border-right: 1px solid #ddd;}
.faq_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.faq_table td:nth-child(2){text-align: left; padding: 0 10px;}
.faq_table_search_box{background-color: #f6f3f2;}
.faq_table_search_box td{height: 45px; padding: 0px 3px; border-right: 1px solid #ddd;}
.faq_table_search_box td:last-child{border-right: 1px solid #ddd;}

/*Requests List*/
.rl_frame_win{width: 990px; height: 670px; border: none;}
.rl_table_info_box1{display: flex; width: 100%;}
.rl_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.rl_table_info_box1_left{flex-basis: 100%;}
.rl_table_info_box1_right{flex-basis: 50%; text-align: right;}
.rl_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.rl_input_box1{height: 40px; width:168px; padding-left: 5px; background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.rl_input_box2{height: 40px; width: 100%; padding-left: 5px;}
.rl_input_box3{height: 40px; width: 100%; padding-left: 5px;}
.rl_bt1{width: 120px; height: 40px;}
.rl_search_box_basic{margin-right: 20px;}
.rl_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.rl_table_cell_s1{width: 9%;}
.rl_table_cell_s2{width: 54%;}
.rl_table_cell_s3{width: 14%;}
.rl_table_cell_s4{width: 14%;}
.rl_table_cell_s5{width: 9%;}
.rl_table th{border-right: 1px solid #ddd; height: 37px; background-color: #f6f3f2; color: #000; padding-right: 11px;}
.rl_table th:last-child{border-right: 1px solid #ddd;}
.rl_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.rl_table td:nth-child(2){text-align: left; padding: 0 10px;}
.rl_table_search_box{background-color: #f6f3f2;}
.rl_table_search_box td{height: 45px; padding: 0px 3px; border-right: 1px solid #ddd;}
.rl_table_search_box td:last-child{border-right: 1px solid #ddd;}

/*Reset Password Pop*/
.rpp_frame_win{width: 465px; height: 315px; border: none;}
.rpp_win_bar{width: 100%; height: 54px; padding-left: 20px; color: white; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.rpp_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.rpp_container_wrap{width: 465px; text-align: center; padding: 30px 40px;}
.rpp_subt{font-family: 'hy_h_m'; font-size: 1.4rem;}
.rpp_table1{width: 100%;}
.rpp_table1 td{padding: 0px 5px; vertical-align: middle; text-align: left;}
.rpp_table1_cell_s1{width: 30%; height: 52px;}
.rpp_table1_cell_s2{width: 70%; height: 52px;}
.rpp_input_box1{width: 260px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.rpp_bt1{width: 160px; height: 40px; margin: 0px 5px;}
.rpp_h_space{height: 60px;}

/*Main Board Page*/
.mbp_more_icon{margin-left: 10px;}
.mbp_align_left1{text-align: left !important; line-height: 1.8rem; padding: 0 5px !important;}
.mbp_table{width: 100%; border: 1px solid #ddd;}
.mbp_table th{border-right: 1px solid #ddd; height: 37px; background-color: #f6f3f2; color: #000; text-align: center;}
.mbp_table th:last-child{border-right: 1px solid #ddd;}
.mbp_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.mbp_table_info_box1{display: flex; width: 100%;}
.mbp_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.mbp_table_info_box1_left{flex-basis: 100%; font-family: 'hy_h_m'; font-size: 2.4rem;}
.mbp_table_info_box1_right{flex-basis: 50%; text-align: right; font-family: 'hy_h_r'; font-size: 1.6rem; color: #002c5f;}

.mbp_board_wrap1 {display: flex;}
.mbp_board_wrap1 li {display: inline-block;}
.mbp_board_wrap1 li:nth-child(1){flex-basis: 100%;}
.mbp_board_wrap1 li:nth-child(2){flex-basis: 40px;}
.mbp_board_wrap1 li:nth-child(3){flex-basis: 100%;}

.mbp_board_wrap2 {display: flex;}
.mbp_board_wrap2 li {display: inline-block;}
.mbp_board_wrap2 li:nth-child(1){flex-basis: 250px;}
.mbp_board_wrap2 li:nth-child(2){flex-basis: 20px;}
.mbp_board_wrap2 li:nth-child(3){flex-grow: 1;}

.mbp_table1_cell_s1{width: 7%;}
.mbp_table1_cell_s2{width: 18%;} 
.mbp_table1_cell_s3{width: 21%;}
.mbp_table1_cell_s4{width: 33%;}
.mbp_table1_cell_s5{width: 12%;}
.mbp_table1_cell_s6{width: 9%;}

.mbp_table2_cell_s1{width: 8%;}
.mbp_table2_cell_s2{width: 18%;}
.mbp_table2_cell_s3{width: 56%;}
.mbp_table2_cell_s4{width: 18%;}

.mbp_table3_cell_s1{width: 24%;}
.mbp_table3_cell_s2{width: 27%;}
.mbp_table3_cell_s3{width: 31%;}
.mbp_table3_cell_s4{width: 18%;}

.mbp_m_wrap1 div:nth-child(2){margin: 10px 0;}
.mbp_m_wrap1 div{position:relative; height: 90px; width:100%; line-height: 90px; padding-left: 65px; font-size: 1.8rem; font-family: 'hy_h_m';}
.mbp_m_mn{background-image: url("../images/main_more_iconn1.png"); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; background-color: #f6f3f2; width: 90% !important;}
.mbp_m_mc{background-image: url("../images/main_more_iconc1.png"); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; background-color: #00aad2; color: #fff; }
.mbp_m_m1::before{position:absolute; content:url("../images/main_collection_iconn1.png"); left: 12px; top: 13px;}
.mbp_m_m2::before{position:absolute; content:url("../images/main_collection_iconn2.png"); left: 12px; top: 13px;}
.mbp_m_m3::before{position:absolute; content:url("../images/main_collection_iconn3.png"); left: 12px; top: 13px;}
.mbp_m_m1.select::before{content:url("../images/main_collection_iconc1.png");}
.mbp_m_m2.select::before{content:url("../images/main_collection_iconc2.png");}
.mbp_m_m3.select::before{content:url("../images/main_collection_iconc3.png");}
.mbp_m_nodata1{height: 250px !important; background-image: url("../images/main_nodata_icon.png"); background-repeat: no-repeat; background-position: 50% 50%;}

/*Real-time Diagnosis Sensor Setting*/
.rdss_item_wrap1{position: relative; border: 1px solid #ddd;}
.rdss_table_info_box1{display: flex; width: 100%; height: 40px; background-color: #f6f3f2; border-bottom: 1px solid #ddd;}
.rdss_table_info_box1_left{flex-basis: 70%; font-size: 1.8rem; font-family: 'hy_h_m'; padding: 0 20px;}
.rdss_table_info_box1_left::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.rdss_table_info_box1_right{position: relative; flex-basis: 30%; text-align: right;}
.rdss_table_info_box2{display: flex; width: 100%; height: 40px;}
.rdss_table_info_box2_left{flex-basis: 80%;}
.rdss_table_info_box2_right{flex-basis: 20%; text-align: right;}
.rdss_mt1::before{content: ""; display: inline-block; height: 100%; vertical-align: bottom;} /*세로 하단정렬 코드*/
.rdss_bt1{width: 105px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.rdss_bt2{width: 110px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.rdss_bt3{width: 170px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.rdss_bt4{width: 150px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.rdss_mg_r1{margin-right: 100px;}
.rdss_mg_r2{margin-right: 112px;}
.rdss_mg_r3{margin-right: 152px;}
.rdss_mg_r4{margin-right: 100px;}
.rdss_mg_r5{margin-right: 75px;}
.rdss_mt2{padding-top: 2px;}
.rdss_rm1{margin-right: 3px;}
.rdss_c1_table_wrap{display:flex; padding: 20px;}
.rdss_c1_table_wrap li{display:inline-block;}
.rdss_c2_table_wrap{display:flex; padding: 0px 0px 20px 0px;}
.rdss_c3_table_wrap{display:flex; padding: 0px 0px 20px 0px;}
.rdss_c4_table_wrap{display:flex; padding: 0px 0px 20px 0px;}
.rdss_c5_table_wrap{padding: 20px;}
.rdss_c6_table_wrap{display:flex; padding: 0px 0px 0px 0px;}
.rdss_w50p{flex-basis: 50%;}
.rdss_w1{width: 40px; padding-top: 135px; text-align: center;}
.rdss_w1::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 하단정렬 코드*/
.rdss_item_st1{text-align: center; font-size: 2rem; font-family: 'hy_h_m';}
.rdss_item_st2{ width: 100%; margin: 0 auto; display: flex; justify-content: center; margin-top: 15px;}
.rdss_item_st2_sub{ width: 50%; text-align: center; padding: 10px; border: 1px solid #4b96e6; border-right: 1px solid white; cursor: pointer;}
.rdss_item_st2_sub:last-child{ border-right: 1px solid #4b96e6;}
.rdss_item_st2_sub.selected{ background-color: #4b96e6; color: white;}
.rdss_color1{color: #00aad2; font-family: 'hy_h_m';}
.rdss_line1{width: 100%; height: 2px; background-color: #ccc; margin: 15px 0 20px 0;}
.rdss_table{width: 100%; border: 1px solid #ddd; margin-top: 10px;}
.rdss_table_cell_s1{width: 15%;}
.rdss_table_cell_s2{width: 15%;} 
.rdss_table_cell_s3{width: 25%;}
.rdss_table_cell_s4{width: 25%;}
.rdss_table_cell_s5{width: 13%;}
.rdss_table_cell_s6{width: 7%;}
.rdss_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding-right: 11px; text-align: center;}
.rdss_table th:last-child{border-right: 1px solid #ddd;}
.rdss_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.rdss_table_search_box{background-color: #f6f3f2;}
.rdss_table_search_box td{height: 45px; padding: 0px 3px; border-right: 1px solid #ddd;}
.rdss_table_search_box td:last-child{border-right: 1px solid #ddd;}
.rdss_table_t_cell th:nth-child(1){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell th:nth-child(2){background-image: url("../images/table_search_sort_iconu.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell th:nth-child(3){background-image: url("../images/table_search_sort_icond.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell th:nth-child(4){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell th:nth-child(5){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdss_filter_icon{margin: 0 5px;}
.rdss_table_cell2_s1{width: 5%;}
.rdss_table_cell2_s2{width: 14%;}
.rdss_table_cell2_s3{width: 14%;} 
.rdss_table_cell2_s4{width: 23%;}
.rdss_table_cell2_s5{width: 24%;}
.rdss_table_cell2_s6{width: 13%;}
.rdss_table_cell2_s7{width: 7%;}
.rdss_table_t_cell2 th:nth-child(2){background-image: url("../images/table_search_sort_iconu.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell2 th:nth-child(3){background-image: url("../images/table_search_sort_icond.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell2 th:nth-child(4){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell2 th:nth-child(5){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdss_table_t_cell2 th:nth-child(6){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdss_check_box_positon{display: inline-block; cursor:pointer; width: 20px; height: 20px; background: none !important; position: absolute; top: 12px; right: 20px; z-index: 1;}
.rdss_sub_t1{font-size: 1.4rem; color: #676767; margin-left: 10px;}
.rdss_expand_icon1{width: 20px; height: 20px; background: url("../images/list_fold_bt.png");}
.rdss_expand_icon2{width: 20px; height: 20px; background: url("../images/list_fold_bt.png");}
.rdss_expand_icon3{width: 20px; height: 20px; background: url("../images/list_fold_bt.png");}
.rdss_expand_icon4{width: 20px; height: 20px; background: url("../images/list_fold_bt.png");}
.rdss_expand_icon5{width: 20px; height: 20px; background: url("../images/list_fold_bt.png");}

#rdss_item1_ck:checked ~ .rdss_c1_table_wrap,
#rdss_item2_ck:checked ~ .rdss_c2_table_wrap,
#rdss_item3_ck:checked ~ .rdss_c3_table_wrap,
#rdss_item4_ck:checked ~ .rdss_c4_table_wrap,
#rdss_item5_ck:checked ~ .rdss_c5_table_wrap
{display: none;}
#rdss_item1_ck:checked ~ .rdss_table_info_box1,
#rdss_item2_ck:checked ~ .rdss_table_info_box1,
#rdss_item3_ck:checked ~ .rdss_table_info_box1,
#rdss_item4_ck:checked ~ .rdss_table_info_box1,
#rdss_item5_ck:checked ~ .rdss_table_info_box1
{border-bottom: 1px solid #f6f3f2 !important;}
#rdss_item1_ck:checked ~ .rdss_check_box_positon > .rdss_expand_icon1,
#rdss_item2_ck:checked ~ .rdss_check_box_positon > .rdss_expand_icon2,
#rdss_item3_ck:checked ~ .rdss_check_box_positon > .rdss_expand_icon3,
#rdss_item4_ck:checked ~ .rdss_check_box_positon > .rdss_expand_icon4,
#rdss_item5_ck:checked ~ .rdss_check_box_positon > .rdss_expand_icon5
{background: url("../images/list_unfold_bt.png");}
.rdss_table_info_box3{display: flex; width: 100%; height: 40px;}
.rdss_table_info_box3_left{flex-basis: 50%;}
.rdss_table_info_box3_right{flex-basis: 50%; text-align: right;}
.rdss_table2{width: 100%; border: 1px solid #ddd; margin-top: 10px;}
.rdss_table2_cell_s1{width: 20%;}
.rdss_table2_cell_s2{width: 40%;} 
.rdss_table2_cell_s3{width: 40%;}
.rdss_table2 th{border: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding-right: 11px; text-align: center;}
.rdss_table2 td{height: 50px; padding: 2px; text-align: center; border: 1px solid #ddd;}

/*Real-time Diagnosis Sensor Data - Trigger Select*/
.rdsdts_frame_win{width: 1055px; height: 810px; border: none;}
.rdsdts_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.rdsdts_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.rdsdts_container_wrap{width: 1055px; text-align: left; padding: 25px;}
.rdsdts_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.rdsdts_table_cell_s1{width: 5%;}
.rdsdts_table_cell_s2{width: 5%;} 
.rdsdts_table_cell_s3{width: 12%;}
.rdsdts_table_cell_s4{width: 10%;}
.rdsdts_table_cell_s5{width: 10%;}
.rdsdts_table_cell_s6{width: 17%;}
.rdsdts_table_cell_s7{width: 11%;}
.rdsdts_table_cell_s8{width: 10%;}
.rdsdts_table_cell_s9{width: 10%;}
.rdsdts_table_cell_s10{width: 10%;}
.rdsdts_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding-right: 11px; text-align: center;}
.rdsdts_table th:last-child{border-right: 1px solid #ddd;}
.rdsdts_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.rdsdts_table_t_cell th:nth-child(3){background-image: url("../images/table_search_sort_icond.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_table_t_cell th:nth-child(4){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_table_t_cell th:nth-child(5){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_table_t_cell th:nth-child(6){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_table_t_cell th:nth-child(7){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_table_t_cell th:nth-child(8){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_table_t_cell th:nth-child(9){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_table_t_cell th:nth-child(10){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdsdts_filter_icon{margin: 0 5px;}
.rdsdts_h_space{height: 30px;}
.rdsdts_bt1{width: 160px; height: 40px; margin: 0px 10px 0px 0px;}
.rdsdts_bt1_wrap{width: 100%; text-align: center;}

/*Real-time Diagnosis Case Diagnosis*/
.rdcd_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.rdcd_table_cell_s1{width: 7%;}
.rdcd_table_cell_s2{width: 15%;} 
.rdcd_table_cell_s3{width: 12%;}
.rdcd_table_cell_s4{width: 8%;}
.rdcd_table_cell_s5{width: 45%;}
.rdcd_table_cell_s6{width: 13%;}
.rdcd_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding-right: 11px; text-align: center;}
.rdcd_table th:last-child{border-right: 1px solid #ddd;}
.rdcd_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.rdcd_table_t_cell th:nth-child(1){background-image: url("../images/table_search_sort_icond.png"); background-repeat: no-repeat; background-position: right;}
.rdcd_table_t_cell th:nth-child(2){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdcd_table_t_cell th:nth-child(3){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdcd_table_t_cell th:nth-child(4){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdcd_table_t_cell th:nth-child(5){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdcd_table_t_cell th:nth-child(6){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.rdcd_filter_icon{margin: 0 5px;}
.rdcd_table_info_box1{display: flex; width: 100%;}
.rdcd_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.rdcd_table_info_box1_left{flex-basis: 100%;}
.rdcd_table_info_box1_right{flex-basis: 50%; text-align: right;}
.rdcd_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.system_search_input_box {border: 1px solid #d6d6d6 !important;width: 100%;height: 40px;padding-left: 5px;}
#systemTotalListGrid .tui-grid-cell.cell-selected {background-color: #4b96e6 !important; color: white !important;}
#systemTotalListGrid .tui-grid-cell-current-row>td {background-color: white !important;}
#systemDiagSingleCopyGrid .tui-grid-cell.cell-selected {background-color: #4b96e6 !important; color: white !important;}
#systemDiagSingleCopyGrid .tui-grid-cell-current-row>td {background-color: white !important;}
#selectEngineGrid .tui-grid-cell.cell-selected {background-color: #4b96e6 !important; color: white !important;}
#selectEngineGrid .tui-grid-cell-current-row>td {background-color: white !important;}
#selectGlobalTypeGrid .tui-grid-cell.cell-selected {background-color: #4b96e6 !important; color: white !important;}
#selectGlobalTypeGrid .tui-grid-cell-current-row>td {background-color: white !important;}
.selectableGrid .tui-grid-cell.cell-selected {background-color: #4b96e6 !important; color: white !important;}
.selectableGrid .tui-grid-cell.cell-disabled {background-color: rgb(237,237,237) !important; color: rgb(191,191,191) !important;}
.selectableGrid .tui-grid-cell.enable-n { background-color: #ffaca7 !important; color: white !important; }
.selectableGrid .tui-grid-cell-current-row>td {background-color: white !important;}
.sortableGrid .tui-grid-cell-current-row>td {background-color: #4b96e6 !important; color: white !important;}
.sortableGrid .tui-grid-cell.enable-n { background-color: #ffaca7 !important; color: white !important; }
#diagnosisByCaseUpdate_vehiclemodel option:disabled {background-color: rgb(237,237,237); color: rgb(191,191,191);}

#sensorDataGridAtDetail .tui-grid-cell.enable-n { background-color: #ffbcb7 !important; }
#sensorDataGridAtInsert .tui-grid-cell.enable-n { background-color: #ffbcb7 !important; }
#sensorDataGridAtUpdate .tui-grid-cell.enable-n { background-color: #ffbcb7 !important; }

/*Collection Case Diagnosis*/
.ccd_bt1{width: 120px; height: 40px; margin-left: 10px;}
.ccd_search_box1{display: flex; width: 100%; background-color: #f6f3f2; padding: 20px 30px;}
.ccd_search_wrap{display: flex; width: 100%;}
.ccd_search_box1_admin1{min-width: 365px;}
.ccd_search_box1_admin2{flex-basis: 100%;}
.ccd_input_box1{width: 167px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.cdd_input_box3{width: 250px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.cdd_w10{display: inline-block; width: 5px; border: none;}
.ccd_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ccd_table_cell_s1{width: 4%;}
.ccd_table_cell_s2{width: 6%;} 
.ccd_table_cell_s3{width: 4%;}
.ccd_table_cell_s4{width: 4%;}
.ccd_table_cell_s5{width: 5%;}
.ccd_table_cell_s6{width: 4%;}
.ccd_table_cell_s7{width: 4%;}
.ccd_table_cell_s8{width: 8%;}
.ccd_table_cell_s9{width: 4%;}
.ccd_table_cell_s10{width: 6%;}
.ccd_table_cell_s11{width: 5%;}
.ccd_table_cell_s12{width: 5%;}
.ccd_table_cell_s13{width: 5%;}
.ccd_table_cell_s14{width: 4%;}
.ccd_table_cell_s15{width: 4%;}
.ccd_table_cell_s16{width: 4%;}
.ccd_table_cell_s17{width: 4%;}
.ccd_table_cell_s18{width: 5%;}
.ccd_table_cell_s19{width: 5%;}
.ccd_table_cell_s20{width: 5%;}
.ccd_table_cell_s21{width: 5%;}
.ccd_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding-right: 11px; text-align: center;}
.ccd_table th:last-child{border-right: 1px solid #ddd;}
.ccd_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccd_table_t_cell th:nth-child(1){background-image: url("../images/table_search_sort_icond.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(2){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(3){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(4){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(5){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(6){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(7){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(8){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(9){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(10){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(11){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(12){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(13){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(14){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(15){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(16){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(17){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(18){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(19){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(20){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_table_t_cell th:nth-child(21){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.ccd_filter_icon{margin: 0 5px;}
.ccd_table_info_box1{display: flex; width: 100%;}
.ccd_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.ccd_table_info_box1_left{flex-basis: 100%;}
.ccd_table_info_box1_right{flex-basis: 50%; text-align: right;}
.ccd_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}

/*Collection Case Diagnosis Detail*/
.ccdd_frame_win{width: 1065px; height: 940px; border: none;}
.ccdd_frame2_win{width: 653px; height: 580px; border: none;}
.ccdd_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ccdd_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ccdd_container_wrap{width: 1065px; text-align: center; padding: 25px 25px;}
.ccdd_table1{width: 100%;  border: 1px solid #ddd;}
.ccdd_table1 th{height: 52px; background-color: #f6f3f2;}
.ccdd_table_th1{border-top : 1px solid #ddd; min-width: 180px;width: 180px;}
.ccdd_table_th2{border-top : 1px solid #ddd; min-width: 180px;width: 180px;}
.ccdd_table_th3{border-top : 1px solid #ddd; min-width: 175px;width: 175px;}
.ccdd_table_width{min-width: 150px;width: 176px;}
.ccdd_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}

.ccdd_table7_cell_s1{width: 12%; height: 52px;}
.ccdd_table7_cell_s2{width: 88%; height: 52px;}

.ccdd_table1_cell_s1{width: 12%; height: 52px;}
.ccdd_table1_cell_s2{width: 38%; height: 52px;}
.ccdd_table1_cell_s3{width: 12%; height: 52px;}
.ccdd_table1_cell_s4{width: 38%; height: 52px;}

.ccdd_table2{width: 100%;}
.ccdd_table2 th{height: 52px; background-color: #f6f3f2;}
.ccdd_table2 td{padding: 0px 10px; vertical-align: middle; text-align: left;}
.ccdd_table2_cell_s1{width: 24%; height: 52px;}
.ccdd_table2_cell_s2{ height: 52px;}
.ccdd_table2_cell_s3{width: 18%; height: 52px;}
.ccdd_table2_cell_s4{ height: 52px;}
.ccdd_table2_cell_s5{width: 18%; height: 52px;}
.ccdd_table2_cell_s6{ height: 52px;border-right: 1px solid #ddd;}
.ccdd_align_left1{text-align: left !important; line-height: 1.8rem; padding: 0 5px !important;}
.ccdd_table3{width: 100%; border: 1px solid #ddd;}
.ccdd_table3 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdd_table3 th:last-child{border-right: 1px solid #ddd;}
.ccdd_table3 td{height: 40px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdd_table3_cell_s1{width: 5%;}
.ccdd_table3_cell_s2{width: 10%;}
.ccdd_table3_cell_s3{width: 10%;}
.ccdd_table3_cell_s4{width: 15%;}
.ccdd_table3_cell_s5{width: 18%;}
.ccdd_table3_cell_s6{width: 7%;}
.ccdd_table3_cell_s7{width: 10%;}
.ccdd_table3_cell_s8{width: 25%;}
.ccdd_table4{width: 100%; border: 1px solid #ddd;}
.ccdd_table4 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdd_table4 th:last-child{border-right: 1px solid #ddd;}
.ccdd_table4 td{height: 40px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdd_table4_cell_s1{width: 10%;}
.ccdd_table4_cell_s2{width: 20%;}
.ccdd_table4_cell_s3{width: 30%;}
.ccdd_table4_cell_s4{width: 40%;}
.ccdd_table5{width: 100%; border: 1px solid #ddd;}
.ccdd_table5_cell_s1{width: 20%;}
.ccdd_table5_cell_s2{width: 40%;} 
.ccdd_table5_cell_s3{width: 40%;}
.ccdd_table5 td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdd_table6{width: 100%; border: 1px solid #ddd;}
.ccdd_table6 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdd_table6 th:last-child{border-right: 1px solid #ddd;}.ccdd_table6 th:last-child{border-right: 1px solid #ddd;}
.ccdd_table6 td{height: 40px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdd_table6 td:last-child{border-left: 2px solid #fff !important;} 
.ccdd_table6_cell_s1{width: 7%;}
.ccdd_table6_cell_s2{width: 18%;}
.ccdd_table6_cell_s3{width: 18%;}
.ccdd_table6_cell_s4{width: 50%;}
.ccdd_table6_cell_s5{width: 7%;}
.ccdd_table_info_box1{display: flex; width: 100%;}
.ccdd_table_info_box1_left{flex-basis: 100%;}
.ccdd_table_info_box1_right{flex-basis: 140px; text-align: right;}
.ccdd_m_1{padding: 7px !important;}
.ccdd_input_box1{width: 350px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.ccdd_input_box2{width: 230px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.ccdd_input_box3{width: 230px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.ccdd_input_box4{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.ccdd_input_box5{width: 100%; min-height: 60px; border: 1px solid #d6d6d6; padding-left: 5px; resize: none; overflow: hidden;}
.ccdd_input_box6{width: 460px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.ccdd_input_box7{width: 135px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.ccdd_bt1{width: 110px; height: 36px; margin-left: 10px;}
.ccdd_bt2{width: 67px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ccdd_bt3{width: 70px; height: 40px; padding: 68% 3px 0 32px; text-align: center;}
.ccdd_bt4{width: 90px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ccdd_bt5{width: 160px; height: 36px; margin-left: 10px;}
.ccdd_bt6{width: 110px; height: 36px;}
.ccdd_bt7{width: 160px; height: 36px;}
.ccdd_bt8{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.ccdd_bt8_wrap{width: 100%; text-align: center;}
.ccdd_bt9{width: 110px; height: 34px; line-height: 34px; padding: 0 0 0 30px; text-align: center; background-color: white !important;}
.ccdd_bt10{width: 160px; height: 34px; line-height: 34px; padding: 0 0 0 30px; text-align: center; background-color: white !important;}
.ccdd_bt11{width: 130px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ccdd_bt12{width: 220px; height: 45px; padding: 13px 10px 0 40px; text-align: center; font-size: 20px;}
.ccdd_mg_r1{margin-right: 51px;}
.ccdd_mg_r2{margin-right: 52px;}
.ccdd_mg_r3{margin-right: 74px;}
.ccdd_mg_r4{margin-right: 115px;}
.ccdd_pa_b1{padding-bottom: 18px !important;}
.ccdd_w100p{width: 100%; text-align: right; margin-bottom: 7px;}
.ccdd_h_space{height: 30px;}
.ccdd_tab_wrap{position: relative; width: 100%; height: 43px; text-align: left; border-bottom: 2px solid #666; margin-bottom: 25px;}
.ccdd_tab_wrap div{width: 140px; height: 100%; text-align: center; font-size: 1.6rem;}
.ccdd_tab_wrap div::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ccdd_tab_1{position: absolute; bottom: -2px; left: 0;}
.ccdd_tab_2{position: absolute; bottom: -2px; left: 140px;}
.ccdd_tab_active{font-family: 'hy_h_m'; border-top: 2px solid #666; border-left: 2px solid #666; border-right: 2px solid #666; background-color: #fff; z-index: 1;cursor: default;}
.ccdd_tab_disable{font-family: 'hy_h_r'; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #666;/* z-index: -1;*/ cursor: pointer;}

/*Collection Case Diagnosis Vehicle Select*/
.ccdvs_container_wrap{width: 650px; text-align: left; padding: 25px;}
.ccdvs_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ccdvs_table_cell_s1{width: 10%;}
.ccdvs_table_cell_s2{width: 40%;} 
.ccdvs_table_cell_s3{width: 25%;}
.ccdvs_table_cell_s4{width: 25%;}
.ccdvs_table th{border-right: 1px solid #ddd; height: 34px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdvs_table th:last-child{border-right: 1px solid #ddd;}
.ccdvs_table td{height: 34px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/*Collection Case Diagnosis System and Sensor Setting*/
.ccdsss_container_wrap{width: 920px; text-align: left; padding: 25px;}
.ccdsss_table1{width: 100%; border: 1px solid #ddd;}
.ccdsss_table1_cell_s1{width: 7%;}
.ccdsss_table1_cell_s2{width: 15%;} 
.ccdsss_table1_cell_s3{width: 15%;}
.ccdsss_table1_cell_s4{width: 23%;}
.ccdsss_table1_cell_s5{width: 23%;}
.ccdsss_table1_cell_s6{width: 10%;}
.ccdsss_table1_cell_s7{width: 7%;}
.ccdsss_table1 th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdsss_table1 th:last-child{border-right: 1px solid #ddd;}
.ccdsss_table1 td{height: 50px; padding: 5px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdsss_table2{width: 100%; border: 1px solid #ddd;}
.ccdsss_table2_cell_s1{width: 5%;}
.ccdsss_table2_cell_s2{width: 8%;} 
.ccdsss_table2_cell_s3{width: 8%;}
.ccdsss_table2_cell_s4{width: 15%;}
.ccdsss_table2_cell_s5{width: 15%;}
.ccdsss_table2_cell_s6{width: 8%;}
.ccdsss_table2_cell_s7{width: 10%;}
.ccdsss_table2_cell_s8{width: 26%;}
.ccdsss_table2_cell_s9{width: 5%;}
.ccdsss_table2 th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdsss_table2 th:last-child{border-right: 1px solid #ddd;}
.ccdsss_table2 td{height: 50px; padding: 5px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdsss_table3{width: 100%;  border: 1px solid #ddd;}
.ccdsss_table3 th{height: 52px; background-color: #f6f3f2; text-align: center;}
.ccdsss_table3 td{height: 52px; text-align: center;}
.ccdsss_table3_cell_s1{width: 15%; height: 52px;}
.ccdsss_table3_cell_s2{width: 85%; height: 52px;}
.ccdsss_table_contents_wrap{widows: 100%; height: 253px; overflow-y: auto;}
.ccdsss_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; text-align: center;}
.ccdsss_input_box2{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.ccdsss_h_space1{height: 30px;}
.ccdsss_h_space2{width: 100%; text-align: center; margin: 15px 0 5px 0;}
.ccdsss_bt1{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.ccdsss_bt1_wrap{width: 100%; text-align: center;}
.ccdsss_subt1{margin-bottom: 15px; font-size: 1.8rem; font-family: 'hy_h_m';}

/*lnr_Collection Cansystem Mapping*/
.ccm_table_info_box1{display: flex; width: 100%;}
.ccm_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.ccm_table_info_box1_left{flex-basis: 100%;}
.ccm_table_info_box1_right{flex-basis: 50%; text-align: right;}
.ccm_bt1{width: 120px; height: 40px;margin-left: 10px;}
.ccm_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ccm_table_cell_s1{width: 4%;}
.ccm_table_cell_s2{width: 10%;} 
.ccm_table_cell_s3{width: 10%;}
.ccm_table_cell_s4{width: 20%;}
.ccm_table_cell_s5{width: 15%;}
.ccm_table_cell_s6{width: 13%;}
.ccm_table_cell_s7{width: 15%;}
.ccm_table_cell_s8{width: 13%;}
.ccm_table th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000;}
.ccm_table th:last-child{border-right: 1px solid #ddd;}
.ccm_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccm_table td:nth-child(4){text-align: left; padding: 0 10px;}

/*lnr_Collection Cansystem Mapping Detail*/
.ccmd_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ccmd_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ccmd_container_wrap{width: 657px; text-align: left; padding: 25px;}
.ccmd_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ccmd_table_cell_s1{width: 20%;}
.ccmd_table_cell_s2{width: 30%;} 
.ccmd_table_cell_s3{width: 20%;}
.ccmd_table_cell_s4{width: 30%;}
.ccmd_table th{border-bottom: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccmd_table .th2{border-bottom: 1px solid #ddd;}
.ccmd_table td{height: 52px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccmd_table1{width: 100%;  border: 1px solid #ddd;margin: 10px 0;}
.ccmd_table1 th{border-bottom: 1px solid #ddd; height: 52px; background-color: #f6f3f2;text-align: center}
.ccmd_table1 .th2{border-bottom: 1px solid #ddd;}
.ccmd_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.ccmd_table1_cell_s1{width: 30%; height: 52px;}
.ccmd_table1_cell_s2{width: 70%; height: 52px;}
.ccmd_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;text-align: center;}
.ccmd_h_space{height: 30px;}
.ccmd_bt1{width: 160px; height: 46px;margin-left: 10px;}
.ccmd_bt1_wrap{width: 100%; text-align: center;}

/*lnr_Collection Trigger Calculation*/
.ctc_table_info_box1{display: flex; width: 100%;}
.ctc_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.ctc_table_info_box1_left{flex-basis: 100%;}
.ctc_table_info_box1_right{flex-basis: 50%; text-align: right;}
.ctc_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.ctc_bt1{width: 140px; height: 40px;margin-left: 10px;}
.ctc_bt2{width: 120px; height: 40px;margin-left: 10px;}
.ctc_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ctc_table_cell_s1{width: 4%;}
.ctc_table_cell_s2{width: 10%;} 
.ctc_table_cell_s3{width: 10%;}
.ctc_table_cell_s4{width: 9%;}
.ctc_table_cell_s5{width: 4%;}
.ctc_table_cell_s6{width: 12%;}
.ctc_table_cell_s7{width: 13%;} 
.ctc_table_cell_s8{width: 10%;}
.ctc_table_cell_s9{width: 9%;}
.ctc_table_cell_s10{width: 10%;}
.ctc_table_cell_s11{width: 9%;}
.ctc_table th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; }
.ctc_table th:last-child{border-right: 1px solid #ddd;}
.ctc_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/*lnr_Collection Trigger Calculation Create*/
.ctcc_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ctcc_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ctcc_container_wrap{width: 657px; text-align: center; padding: 25px 25px;}
.ctcc_table1{width: 100%;  border: 1px solid #ddd;margin: 10px 0;}
.ctcc_table1 th{height: 52px; background-color: #f6f3f2;}
.ctcc_table_th1{border-top : 1px solid #ddd;}
.ctcc_table_th2{border-top : 1px solid #ddd;}
.ctcc_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.ctcc_table1_cell_s1{width: 19%; height: 52px;}
.ctcc_table1_cell_s2{width: 81%; height: 52px;}
.ctcc_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;text-align: center;}
.ctcc_input_box2{width: 293px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;text-align: center;}
.ctcc_bt1{width: 110px; height: 36px; margin-left: 10px;}
.ctcc_bt2{width: 127px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ctcc_bt3{width: 177px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ctcc_bt4{width: 87px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ctcc_bt5{width: 65px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ctcc_mg_r1{margin-right: 113px;}
.ctcc_mg_r2{margin-right: 73px;}
.ctcc_mg_r3{margin-right: 165px;}
.ctcc_mg_r4{margin-right: 50px;}
.ctcc_pa_b1{padding-bottom: 18px !important;}
.ctcc_pa_b1>div{margin-top:19px;}
.ctcc_w100p{width: 100%; text-align: right; margin-bottom: 7px;}
.ctcc_h_space{height: 30px;}
.ctcc_bt8{width: 160px; height: 46px;}
.ctcc_bt8_wrap{width: 100%; text-align: center;}

/*lnr_Collection Trigger Calculation Signal Select*/
.ctcss_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ctcss_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ctcss_container_wrap{width: 1217px; text-align: center; padding: 25px 25px;}
.ctcss_table_info_box1{display: flex; width: 100%;margin-bottom: 10px;margin-top: 10px;}
.ctcss_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.ctcss_table_info_box1_left{flex-basis: 100%; text-align: left;}
.ctcss_table_info_box1_right{flex-basis: 50%; text-align: right;}
.ctcss_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.ctcss_rdbt[type=radio]{display:none;}
.ctcss_rdbt[type=radio]+.ctcss_rdbtl {display: inline-block; cursor: pointer; line-height: 22px; background: url("../images/radio_bt_off.png") left/18px no-repeat;vertical-align: middle;}
.ctcss_rdbt[type=radio]:checked+.ctcss_rdbtl{ background-image: url("../images/radio_bt_on.png"); }
.ctcss_table1{width: 100%;  border: 1px solid #ddd; word-break: keep-all;}
.ctcss_table1 th{height: 40px; background-color: #f6f3f2;padding: 0 3px;}
.ctcss_table_th1{border-right : 1px solid #ddd;}
.ctcss_table_th2{border-right : 1px solid #ddd;}
.ctcss_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: center;height: 34px;}
.ctcss_table1_cell_s1{width: 2%; height: 52px;}
.ctcss_table1_cell_s2{width: 3%; height: 52px;}
.ctcss_table1_cell_s3{width: 7%; height: 52px;}
.ctcss_table1_cell_s4{width: 5%; height: 52px;}
.ctcss_table1_cell_s5{width: 5%; height: 52px;}
.ctcss_table1_cell_s6{width: 9%; height: 52px;}
.ctcss_table1_cell_s7{width: 5%; height: 52px;}
.ctcss_table1_cell_s8{width: 5%; height: 52px;}
.ctcss_table1_cell_s9{width: 5%; height: 52px;}
.ctcss_table1_cell_s10{width: 5%; height: 52px;}
.ctcss_table1_cell_s11{width: 5%; height: 52px;}
.ctcss_table1_cell_s12{width: 7%; height: 52px;}
.ctcss_table1_cell_s13{width: 5%; height: 52px;}
.ctcss_table1_cell_s14{width: 5%; height: 52px;}
.ctcss_table1_cell_s15{width: 5%; height: 52px;}
.ctcss_table1_cell_s16{width: 6%; height: 52px;}
.ctcss_table1_cell_s17{width: 5%; height: 52px;}
.ctcss_table1_cell_s18{width: 6%; height: 52px;}
.ctcss_table1_cell_s19{width: 5%; height: 52px;}
.ctcss_bt8{width: 160px; height: 46px;}
.ctcss_bt8_wrap{width: 100%; text-align: center;}
.ctcss_h_space{height: 30px;}

/*lnr_Collection Trigger Calculation Detail*/
.ctcd_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ctcd_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ctcd_container_wrap{width: 657px; text-align: left; padding: 25px;}
.ctcd_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ctcd_table_cell_s1{width: 20%;}
.ctcd_table_cell_s2{width: 30%;} 
.ctcd_table_cell_s3{width: 20%;}
.ctcd_table_cell_s4{width: 30%;}
.ctcd_table th{height: 52px; background-color: #f6f3f2; border: 1px solid #ddd; color: #000; text-align: center;}
.ctcd_table .th2{border-bottom: 1px solid #ddd;}
.ctcd_table td{height: 52px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ctcd_bt1{width: 160px; height: 46px;}
.ctcd_bt1_wrap{width: 100%; text-align: center;}
.ctcd_h_space{height: 30px;}

/*Collection Case Diagnosis Trigger Condition Setting*/
.ccdtcs_container_wrap{width: 890px; text-align: left; padding: 25px;}
.ccdtcs_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ccdtcs_table_cell_s1{width: 5%;}
.ccdtcs_table_cell_s2{width: 7%;} 
.ccdtcs_table_cell_s3{width: 18%;}
.ccdtcs_table_cell_s4{width: 35%;}
.ccdtcs_table_cell_s5{width: 35%;}
.ccdtcs_table th{border-right: 1px solid #ddd; height: 34px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdtcs_table th:last-child{border-right: 1px solid #ddd;}
.ccdtcs_table td{height: 34px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdtcs_h_space{height: 30px;}
.ccdtcs_bt1{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.ccdtcs_bt1_wrap{width: 100%; text-align: center;}

/*Collection Case Diagnosis Secsor Copy*/
.ccdsc_title_sub{font-size: 1.4rem; color: #676767; font-family: 'hy_h_m'}
.ccdsc_item_st1{font-size: 1.8rem; font-family: 'hy_h_m'; margin-bottom: 15px;}
.ccdsc_color1{color: #00aad2; font-family: 'hy_h_m';}
.ccdsc_line1{width: 100%; height: 2px; background-color: #ccc; margin: 15px 0 20px 0;}
.ccdsc_container_wrap{width: 920px; text-align: left; padding: 25px;}
.ccdsc_c1_table_wrap{display:flex;}
.ccdsc_c1_table_wrap li{display:inline-block;}
.ccdsc_w50p{flex-basis: 50%;}
.ccdsc_table1{width: 100%; border: 1px solid #ddd;}
.ccdsc_table1_cell_s1{width: 12%;}
.ccdsc_table1_cell_s2{width: 20%;} 
.ccdsc_table1_cell_s3{width: 20%;}
.ccdsc_table1_cell_s4{width: 38%;}
.ccdsc_table1_cell_s5{width: 10%;}
.ccdsc_table1 th{border-right: 1px solid #ddd; height: 34px; background-color: #f6f3f2; color: #000; text-align: center;}
.ccdsc_table1 th:last-child{border-right: 1px solid #ddd;}
.ccdsc_table1 td{height: 34px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.ccdsc_table2{width: 100%;  border: 1px solid #ddd;}
.ccdsc_table2 th{height: 52px; background-color: #f6f3f2; text-align: center;}
.ccdsc_table2 td{height: 52px; text-align: center;}
.ccdsc_table2_cell_s1{width: 15%; height: 52px;}
.ccdsc_table2_cell_s2{width: 85%; height: 52px;}
.ccdsc_bt1{width: 120px; height: 40px;}
.ccdsc_w1{width: 43px; text-align: center; padding-top: 145px;}
.ccdsc_h_space{height: 30px;}
.ccdsc_h_space2{height: 32px;}
.ccdsc_bt2{width: 220px; height: 46px; margin: 0px 10px 0px 0px;}
.ccdsc_bt1_wrap{width: 100%; text-align: center;}
.ccdsc_table_contents_wrap1{widows: 100%; height: 480px; overflow-y: auto;}
.ccdsc_table_contents_wrap2{widows: 100%; height: 207px; overflow-y: auto;}

/*Main Board Function Setting Pop*/
.mbfsp_container_wrap{width: 700px; text-align: center; padding: 30px 25px;}
.mbfsp_item_st1{font-size: 1.8rem; font-family: 'hy_h_m'; margin-bottom: 15px; text-align: left;}
.mbfsp_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.mbfsp_pa_b1{padding-bottom: 18px !important;}
.mbfsp_mg_r1{margin-right: 140px;}
.mbfsp_bt1{width: 160px; height: 46px;}
.mbfsp_bt2{width: 150px; height: 40px; padding: 68% 3px 0 32px; text-align: center;}
.mbfsp_bt3{width: 150px; height: 54px; padding: 68% 3px 0 32px; text-align: center;}
.mbfsp_table1{width: 100%;  border: 1px solid #ddd;}
.mbfsp_table1 th{height: 52px; background-color: #f6f3f2;}
.mbfsp_table_th1{border-top : 1px solid #ddd;}
.mbfsp_table_th2{border-top : 1px solid #ddd;}
.mbfsp_table1 td{padding: 5px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.mbfsp_table1_cell_s1{width: 20%; height: 52px;}
.mbfsp_table1_cell_s2{width: 30%; height: 52px;}
.mbfsp_table1_cell_s3{width: 20%; height: 52px;}
.mbfsp_table1_cell_s4{width: 30%; height: 52px;}
.mbfsp_h_space1{height: 35px;}
.mbfsp_h_space2{height: 40px;}
.mbfsp_c1_table_wrap{display:flex;}
.mbfsp_c1_table_wrap li{display:inline-block;}
.mbfsp_w50p{flex-basis: 50%;}
.mbfsp_table_contents_wrap1{widows: 100%; height: 345px; overflow-y: auto;}
.mbfsp_m1{text-align: left !important; padding-left: 24px;}
.mbfsp_m2{text-align: left !important;}
.mbfsp_w1{width: 60px; text-align: center; padding-top: 170px;}
.mbfsp_w2{width: 100px; text-align: left; padding-left: 10px;}
.mbfsp_bt_m1{margin-top: 5px;}
.mbfsp_table2{width: 100%; border: 1px solid #ddd;}
.mbfsp_table2 th{border-right: 1px solid #ddd; height: 34px; background-color: #f6f3f2; color: #000; text-align: center;}
.mbfsp_table2 th:last-child{border-right: 1px solid #ddd;}
.mbfsp_table2 td{height: 34px; text-align: center; border-bottom: 1px solid #ddd;}
.mbfsp_table2_cell_s1{width: 80%;}
.mbfsp_table2_cell_s2{width: 20%;} 
.mbfsp_table2_cell2_s1{width: 20%;}
.mbfsp_table2_cell2_s2{width: 60%;} 
.mbfsp_table2_cell2_s3{width: 20%;}

/*khj_Automatic Collection Multi VIN*/
.acmv_container_wrap{width: 660px; text-align: left; padding: 25px;}
.acmv_table_info_box1{display: flex; width: 100%;}
.acmv_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.acmv_table_info_box1_left{flex-basis: 100%;}
.acmv_table_info_box1_right{flex-basis: 50%; text-align: right;}
.acmv_table1{width: 100%; border: 1px solid #ddd; margin:0 0 20px;}
.acmv_table1_cell_s1{width: 20%;}
.acmv_table1_cell_s2{width: 80%;}
.acmv_table1 tr:first-child th {border-top: 1px solid #ddd}
.acmv_table1 th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; text-align: center; border-top: 1px solid #ddd;}
.acmv_table1 th:last-child{border-right: 1px solid #ddd;}
.acmv_table1 td{height: 34px; padding: 2px 7px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.acmv_sel_box1{display: inline-block; width: 290px; height: 40px; border: 1px solid #ddd; padding-left: 5px; margin: 0px; text-align: center; line-height: 40px;}
.acmv_sel_box2{display: inline-block; width: 230px; height: 40px; border: 1px solid #ddd; padding-left: 5px; margin: 0px; text-align: left; line-height: 40px;}
.acmv_table2_info_box1{flex-basis: 100%; font-family: 'hy_h_m'; font-size: 1.8rem; margin: 30px 0 15px;}
.acmv_table2{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.acmv_table2_cell_s1{width: 9%;}
.acmv_table2_cell_s2{width: 32%;}
.acmv_table2_cell_s3{width: 34%;}
.acmv_table2_cell_s4{width: 25%;}
.acmv_table2 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.acmv_table2 th:last-child{border-right: 1px solid #ddd;}
.acmv_table2 td{height: 34px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.acmv_h_space{height: 30px;}
.acmv_bt1{width: 110px; height: 36px; margin-left: 10px;}
.acmv_bt2{width: 130px; height: 40px; margin-left: 10px;}
.acmv_bt3{width: 160px; height: 46px;}
.acmv_bt3_wrap{width: 100%; text-align: center;}

/*lnr_Collection Trigger Policy Modify*/
.ctpm_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ctpm_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ctpm_container_wrap{width: 657px; text-align: center; padding: 25px 25px;}
.ctpm_table1{width: 100%;  border: 1px solid #ddd;margin: 10px 0;}
.ctpm_table1 th{height: 52px; background-color: #f6f3f2;}
.ctpm_table_th1{border-top : 1px solid #ddd;}
.ctpm_table_th2{border-top : 1px solid #ddd;}
.ctpm_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.ctpm_table1_cell_s1{width: 19%; height: 52px;}
.ctpm_table1_cell_s2{width: 81%; height: 52px;}
.ctpm_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;text-align: center;}
.ctpm_input_box2{width: 293px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;text-align: center;}
.ctpm_bt1{width: 107px; height: 36px; margin-left: 10px;}
.ctpm_bt2{width: 107px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.ctpm_mg_r1{margin-right: 93px;}
.ctpm_pa_b1{padding-bottom: 18px !important;}
.ctpm_h_space{height: 30px;}
.ctpm_bt8{width: 160px; height: 46px;}
.ctpm_bt8_wrap{width: 100%; text-align: center;}

/*lnr_Collection Trigger Policy Setup*/
dl, dd, dt{margin: 0;padding: 0}
.ctps_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ctps_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ctps_container_wrap{width: 973px; text-align: center; padding: 25px 25px;overflow: hidden;}
.ctps_left_container{width: 70%;float: left;padding-right: 20px;}
.ctps_right_container{width: 30%;float: right;}
.ctps_right_container div{border: 1px solid #ddd;height: 544px;}
.ctps_right_container div dl dt{height: 40px; background-color: #f6f3f2;line-height: 40px;border-bottom: 1px solid #ddd;}
.ctps_right_container div dl dd{padding: 23px 10px 10px; word-break: keep-all;}
.dvd_line{border-bottom: 1px solid #ddd;width: 94%; padding: 0 10px!important;display: inline-block}
.ctps_table_info_box1{display: flex; width: 100%;margin-bottom: 10px;}
.ctps_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.ctps_table_info_box1_left{flex-basis: 100%; text-align: left; font-family: 'hy_h_m'; font-size: 1.8rem;}
.ctps_table_info_box1_right{flex-basis: 50%; text-align: right;}
.ctps_bt1{width: 70px; height: 36px;}
.ctps_rdbt[type=checkbox]{display:none;}
.ctps_rdbt[type=checkbox]+.ctps_rdbtl {display: inline-block; cursor: pointer; line-height: 22px; background: url("../images/checkbox.png") left/18px no-repeat;vertical-align: middle;}
.ctps_rdbt[type=checkbox]:checked+.ctps_rdbtl{ background-image: url("../images/checkbox_ch.png"); }
.ctps_table_wrap{width:100%; height:216px; overflow:auto; margin-bottom: 20px;border-bottom: 1px solid #ddd; }
.ctps_table1{width: 100%;  border: 1px solid #ddd; word-break: keep-all;}
.ctps_table1 th{height: 40px; background-color: #f6f3f2;padding: 0 3px;}
.ctps_table_th1{border-right : 1px solid #ddd;}
.ctps_table_th2{border-right : 1px solid #ddd;}
.ctps_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: center;height: 34px;}
.ctps_table1_cell_s1{width: 4%; height: 52px;}
.ctps_table1_cell_s2{width: 8%; height: 52px;}
.ctps_table1_cell_s3{width: 18%; height: 52px;}
.ctps_table1_cell_s4{width: 15%; height: 52px;}
.ctps_table1_cell_s5{width: 15%; height: 52px;}
.ctps_table1_cell_s6{width: 20%; height: 52px;}
.ctps_table1_cell_s7{width: 15%; height: 52px;}
.ctps_table1_cell_s8{width: 6%; height: 52px;}
.ctps_bt8{width: 160px; height: 46px;}
.ctps_bt8_wrap{width: 100%; text-align: center;clear: both;}
.ctps_h_space{height: 20px; clear: both;}

/*lnr_Collection Trigger Policy Detail*/
.ctpd_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.ctpd_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.ctpd_container_wrap{width: 657px; text-align: left; padding: 25px;}
.ctpd_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.ctpd_table_cell_s1{width: 20%;}
.ctpd_table_cell_s2{width: 30%;} 
.ctpd_table_cell_s3{width: 20%;}
.ctpd_table_cell_s4{width: 30%;}
.ctpd_table th{border-bottom: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; text-align: center; border-right: 1px solid #ddd;}
.ctpd_table .th2{border-bottom: 1px solid #ddd;}
.ctpd_table td{height: 52px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;word-break: break-word;}
.ctpd_bt1{width: 160px; height: 46px;margin-left: 10px; }
.ctpd_bt1_wrap{width: 100%; text-align: center;}
.ctpd_h_space{height: 30px;}

/*lnr_Collection Autocollection Rule*/
.car_table_info_box1{display: flex; width: 100%;}
.car_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.car_table_info_box1_left{flex-basis: 100%;}
.car_table_info_box1_right{flex-basis: 50%; text-align: right;}
.car_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.car_bt1{width: 140px; height: 40px;margin-left: 10px;}
.car_bt2{width: 120px; height: 40px;margin-left: 10px;}
.car_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.car_table_cell_s1{width: 2%;}
.car_table_cell_s2{width: 4%;} 
.car_table_cell_s3{width: 5%;}
.car_table_cell_s4{width: 5%;}
.car_table_cell_s5{width: 5%;}
.car_table_cell_s6{width: 9%;}
.car_table_cell_s7{width: 5%;} 
.car_table_cell_s8{width: 5%;}
.car_table_cell_s9{width: 5%;}
.car_table_cell_s10{width: 6%;}
.car_table_cell_s11{width: 6%;}
.car_table_cell_s12{width: 6%;} 
.car_table_cell_s13{width: 5%;}
.car_table_cell_s14{width: 4%;}
.car_table_cell_s15{width: 4%;}
.car_table_cell_s16{width: 6%;}
.car_table_cell_s17{width: 6%;} 
.car_table_cell_s18{width: 6%;}
.car_table_cell_s19{width: 6%;}
.car_table th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; }
.car_table th:last-child{border-right: 1px solid #ddd;}
.car_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/*lnr_Collection Autocollection Rule Detail*/
.card_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.card_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.card_container_wrap{width: 1065px; text-align: center; padding: 25px 25px;}
.card_table1{width: 100%;  border: 1px solid #ddd; margin: 10px 0;}
.card_table1 th{height: 52px; background-color: #f6f3f2;}
.card_table_th1{border-top : 1px solid #ddd;}
.card_table_th2{border-top : 1px solid #ddd;}
.card_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.card_table1_cell_s1{width: 12%; height: 52px;}
.card_table1_cell_s2{width: 38%; height: 52px;}
.card_table1_cell_s3{width: 12%; height: 52px;}
.card_table1_cell_s4{width: 38%; height: 52px;}
.card_align_left1{text-align: left !important; line-height: 1.8rem; padding: 0 5px !important;}
.card_table3{width: 100%; border: 1px solid #ddd;}
.card_table3 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.card_table3 th:last-child{border-right: 1px solid #ddd;}
.card_table3 td{height: 40px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.card_table3_cell_s1{width: 5%;}
.card_table3_cell_s2{width: 10%;}
.card_table3_cell_s3{width: 10%;}
.card_table3_cell_s4{width: 15%;}
.card_table3_cell_s5{width: 18%;}
.card_table3_cell_s6{width: 7%;}
.card_table3_cell_s7{width: 10%;}
.card_table3_cell_s8{width: 25%;}
.card_table4{width: 100%; border: 1px solid #ddd;}
.card_table4 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.card_table4 th:last-child{border-right: 1px solid #ddd;}
.card_table4 td{height: 40px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.card_table4_cell_s1{width: 10%;}
.card_table4_cell_s2{width: 20%;}
.card_table4_cell_s3{width: 30%;}
.card_table4_cell_s4{width: 40%;}
.card_m_1{padding: 7px !important;}
.card_input_box1{width: 350px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.card_h_space{height: 30px;}
.card_bt8{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.card_bt8_wrap{width: 100%; text-align: center;}

/*khj_User Management*/
.um_status_info{display:flex; margin: 0 -5px;}
.um_status_info>div{display: flex; width: 100%; height: 80px; margin:0 5px; background-color: #f6f3f2; border: 1px solid #ddd; cursor: pointer; align-items: center;}
.um_status_info>div dl {margin: auto; text-align: center; font-size: 1.8rem;}
.um_status_info>div dt {font-size: 3rem; font-family: 'hy_h_r';}
.um_status_info>div dt.tc_blue {color: #002c5f;}
.um_status_info>div dt.tc_red {color: #e63312;}
.um_status_info>div dt.tc_activeblue {color: #00aad2;}
.um_status_info>div dd {margin: 0; color: #666;}
.um_table_info_box1{display: flex; width: 100%;}
.um_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.um_table_info_box1_left{flex-basis: 100%;}
.um_table_info_box1_right{flex-basis: 50%; text-align: right;}
.um_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.um_bt1{min-width: 120px; height: 40px; padding: 0px 15px; margin-left: 10px;}
.um_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.um_table_cell_s1{width: 5%;}
.um_table_cell_s2{width: 5%;}
.um_table_cell_s3{width: 5%;}
.um_table_cell_s4{width: 6%;}
.um_table_cell_s5{width: 7%;}
.um_table_cell_s6{width: 7%;}
.um_table_cell_s7{width: 1%;}
.um_table_cell_s8{width: 6%;}
.um_table_cell_s9{width: 7%;}
.um_table_cell_s10{width: 8%;}
.um_table_cell_s11{width: 6%;}
.um_table_cell_s12{width: 7%;}
.um_table_cell_s13{width: 7%;}
.um_table_cell_s14{width: 7%;}
.um_table_cell_s15{width: 7%;}
.um_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding: 0px 5px;}
.um_table th:last-child{border-right: 1px solid #ddd;}
.um_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/*khj_User Management Popup*/
.ump_container_wrap{width: 674px; text-align: center; padding: 25px 25px;}
.ump_table{width: 100%;  border: 1px solid #ddd;}
.ump_table tr:first-child th {border-top: 1px solid #ddd}
.ump_table th{height: 52px; background-color: #f6f3f2; border-top: 1px solid #ddd;}
.ump_table_th1{border-top : 1px solid #ddd;}
.ump_table_th2{border-top : 1px solid #ddd;}
.ump_table td{padding: 7px; border: 1px solid #ddd; vertical-align: middle; text-align: center;}
.ump_table_cell_s1{width: 18%;}
.ump_table_cell_s2{width: 32%;}
.ump_table_cell_s3{width: 18%;}
.ump_table_cell_s4{width: 32%;}
.ump_table_info_box1{display: flex; width: 100%;}
.ump_table_info_box1_left{flex-basis: 100%;}
.ump_table_info_box1_right{flex-basis: 140px; text-align: right;}
.ump_m_1{padding: 7px !important;}
.ump_input_box{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.ump_input_box2{width: 49.5%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.ump_input_box2.input_type_select {float: right;}
.ump_h_space{height: 30px;}
.ump_bt1{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.ump_bt2{width: 117px; height: 40px; padding: 68% 10px 0 30px; text-align: center;}
.ump_mg_r1{margin-right: 102px;}
.ump_pa_b1{padding-bottom: 20px !important;}

/*khj_Group Management*/
.gm_table_info_box1{display: flex; width: 100%;}
.gm_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.gm_table_info_box1_left{flex-basis: 100%;}
.gm_table_info_box1_right{flex-basis: 50%; text-align: right;}
.gm_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.gm_bt1{min-width: 120px; height: 40px; padding: 0px 15px; margin-left: 10px;}
.gm_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.gm_table_cell_s1{width: 6%;}
.gm_table_cell_s2{width: 10%;}
.gm_table_cell_s3{width: 12%;}
.gm_table_cell_s4{width: 30%;}
.gm_table_cell_s5{width: 11%;}
.gm_table_cell_s6{width: 11%;}
.gm_table_cell_s7{width: 11%;}
.gm_table_cell_s8{width: 9%;}
.gm_table tr:hover {background: #eee;}
.gm_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding: 0px 5px;}
.gm_table th:last-child{border-right: 1px solid #ddd;}
.gm_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.gm_table td:nth-child(4){text-align: left; padding: 0 10px;}
.gm_table td a {color: #00aad2; text-decoration: underline; font-family: 'hy_h_m';}

/*khj_Multilingual Management*/
.mm_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.mm_table_cell_s1{width: 6%;}
.mm_table_cell_s2{width: 11%;} 
.mm_table_cell_s3{width: auto;}
.mm_table_cell_s4{width: 14%;}
.mm_table_cell_s5{width: 23%;}
.mm_table_cell_s6{width: 12%;}
.mm_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding:0 10px; text-align: center;}
.mm_table th:last-child{border-right: 1px solid #ddd;}
.mm_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.mm_table td:nth-child(3){text-align: left; padding: 0 10px;}
.mm_table_t_cell th:nth-child(2){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.mm_table_t_cell th:nth-child(3){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.mm_table_t_cell th:nth-child(4){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.mm_table_t_cell th:nth-child(5){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.mm_table_t_cell th:nth-child(6){background-image: url("../images/table_search_sort_iconn.png"); background-repeat: no-repeat; background-position: right;}
.mm_filter_icon{margin: 0 5px;}
.mm_table_info_box1{display: flex; width: 100%;}
.mm_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.mm_table_info_box1_left{flex-basis: 100%;}
.mm_table_info_box1_right{flex-basis: 50%; text-align: right;}
.mm_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.mm_bt1{width: 120px; height: 40px; padding: 0px 15px; margin-left: 10px;}

/*khj_Multilingual Management Item Registe*/
.mmir_container_wrap{width: 660px; text-align: left; padding: 25px;}
.mmir_table1{width: 100%; border: 1px solid #ddd; margin:0 0 15px;}
.mmir_table1_cell_s1{width: 20%;}
.mmir_table1_cell_s2{width: 80%;}
.mmir_table1 th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; text-align: center;}
.mmir_table1 th:last-child{border-right: 1px solid #ddd;}
.mmir_table1 td{height: 50px; padding: 5px 7px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.mmir_sel_box{display: inline-block; width: 100%; height: 40px; border: 1px solid #ddd; padding-left: 5px; margin: 0px; text-align: center;}
.mmir_input_box{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; text-align: center;}
.mmir_table2_info_box1_left{flex-basis: 100%; font-family: 'hy_h_m'; font-size: 1.8rem;}
.mmir_table2{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.mmir_table2_cell_s1{width: 21%;}
.mmir_table2_cell_s2{width: 23%;}
.mmir_table2_cell_s3{width: 23%;}
.mmir_table2_cell_s4{width: auto;}
.mmir_table2 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.mmir_table2 th:last-child{border-right: 1px solid #ddd;}
.mmir_table2 td{height: 50px; padding: 5px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.mmir_table2 td:first-child{text-align: left; padding: 0 10px;}
.mmir_h_space{height: 30px;}
.mmir_bt1{width: 110px; height: 36px; margin-left: 10px;}
.mmir_bt2{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.mmir_bt2_wrap{width: 100%; text-align: center;}
.mmir_bt3{width: 90px; height: 40px; padding: 68% 10px 0 30px; text-align: center;}
.mmir_mg_r1{margin-right: 75px;}
.mmir_pa_b1{padding-bottom: 20px !important;}

/*lnr_Collection Autocollection Rule*/
.car_table_info_box1{display: flex; width: 100%;}
.car_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.car_table_info_box1_left{flex-basis: 100%;}
.car_table_info_box1_right{flex-basis: 50%; text-align: right;}
.car_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.car_bt1{width: 140px; height: 40px;margin-left: 10px;}
.car_bt2{width: 120px; height: 40px;margin-left: 10px;}
.car_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.car_table_cell_s1{width: 2%;}
.car_table_cell_s2{width: 4%;} 
.car_table_cell_s3{width: 5%;}
.car_table_cell_s4{width: 5%;}
.car_table_cell_s5{width: 5%;}
.car_table_cell_s6{width: 9%;}
.car_table_cell_s7{width: 5%;} 
.car_table_cell_s8{width: 5%;}
.car_table_cell_s9{width: 5%;}
.car_table_cell_s10{width: 6%;}
.car_table_cell_s11{width: 6%;}
.car_table_cell_s12{width: 6%;} 
.car_table_cell_s13{width: 5%;}
.car_table_cell_s14{width: 4%;}
.car_table_cell_s15{width: 4%;}
.car_table_cell_s16{width: 6%;}
.car_table_cell_s17{width: 6%;} 
.car_table_cell_s18{width: 6%;}
.car_table_cell_s19{width: 6%;}
.car_table th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; }
.car_table th:last-child{border-right: 1px solid #ddd;}
.car_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/*lnr_Collection Autocollection Rule Detail*/
.card_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.card_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.card_container_wrap{width: 1065px; text-align: center; padding: 25px 25px;}
.card_table1{width: 100%;  border: 1px solid #ddd; margin: 10px 0;}
.card_table1 th{height: 52px; background-color: #f6f3f2;}
.card_table_th1{border-top : 1px solid #ddd;}
.card_table_th2{border-top : 1px solid #ddd;}
.card_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.card_table1_cell_s1{width: 12%; height: 52px;}
.card_table1_cell_s2{width: 38%; height: 52px;}
.card_table1_cell_s3{width: 12%; height: 52px;}
.card_table1_cell_s4{width: 38%; height: 52px;}
.card_align_left1{text-align: left !important; line-height: 1.8rem; padding: 0 5px !important;}
.card_table3{width: 100%; border: 1px solid #ddd;}
.card_table3 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;border-bottom: 1px solid #ddd;}
.card_table3 th:last-child{border-right: 1px solid #ddd;}
.card_table3 td{height: 40px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.card_table3_cell_s1{width: 5%;}
.card_table3_cell_s2{width: 10%;}
.card_table3_cell_s3{width: 10%;}
.card_table3_cell_s4{width: 15%;}
.card_table3_cell_s5{width: 18%;}
.card_table3_cell_s6{width: 7%;}
.card_table3_cell_s7{width: 10%;}
.card_table3_cell_s8{width: 25%;}
.card_table4{width: 100%; border: 1px solid #ddd;}
.card_table4 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.card_table4 th:last-child{border-right: 1px solid #ddd;}
.card_table4 td{height: 40px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.card_table4_cell_s1{width: 10%;}
.card_table4_cell_s2{width: 20%;}
.card_table4_cell_s3{width: 30%;}
.card_table4_cell_s4{width: 40%;}
.card_m_1{padding: 7px !important;}
.card_input_box1{width: 350px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.card_h_space{height: 30px;}
.card_bt8{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.card_bt8_wrap{width: 100%; text-align: center;}

/*lnr_Collection Autocollection Rule Create*/
.carc_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.carc_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.carc_container_wrap{width: 657px; text-align: center; padding: 25px 25px;}
.carc_table1{width: 100%;  border: 1px solid #ddd;margin: 10px 0;word-break: keep-all;}
.carc_table1 th{height: 52px; background-color: #f6f3f2;}
.carc_table_th1{border-top : 1px solid #ddd;}
.carc_table_th2{border-top : 1px solid #ddd;}
.carc_table_td1{text-align: center !important}
.carc_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.carc_table1_cell_s1{width: 19%; height: 52px;}
.carc_table1_cell_s2{width: 81%; height: 52px;}
.carc_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;text-align: center;}
.carc_input_box2{width: 293px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;text-align: center;}
.carc_bt1{width: 110px; height: 36px; margin-left: 10px;}
.carc_bt2{width: 107px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.carc_bt4{width: 87px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.carc_mg_r1{margin-right: 93px;}
.carc_mg_r2{margin-right: 73px;}
.carc_pa_b1{padding-bottom: 18px !important;}
.carc_pa_b1>div{margin-top:19px;}
.carc_h_space{height: 30px;}
.carc_bt8{width: 160px; height: 46px;}
.carc_bt8_wrap{width: 100%; text-align: center;}

/*lnr_Collection Autocollection Rule Modify*/
.carm_win_bar{width: 100%; height: 54px; background-color: #f6f3f2; padding-left: 20px; color: #000; font-size: 2.0rem; font-family: 'hy_h_m'; text-align: left;}
.carm_win_bar::before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} /*세로 중앙정렬 코드*/
.carm_container_wrap{width: 657px; text-align: center; padding: 25px 25px;}
.carm_table1{width: 100%;  border: 1px solid #ddd;margin: 10px 0;word-break: keep-all;}
.carm_table1 th{height: 52px; background-color: #f6f3f2;}
.carm_table_th1{border-top : 1px solid #ddd;}
.carm_table_th2{border-top : 1px solid #ddd;}
.carm_table_td1{text-align: center !important}
.carm_table1 td{padding: 7px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.carm_table1_cell_s1{width: 19%; height: 52px;}
.carm_table1_cell_s2{width: 81%; height: 52px;}
.carm_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;text-align: center;}
.carm_input_box2{width: 293px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;text-align: center;}
.carm_bt1{width: 110px; height: 36px; margin-left: 10px;}
.carm_bt2{width: 107px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.carm_bt4{width: 87px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.carm_mg_r1{margin-right: 93px;}
.carm_mg_r2{margin-right: 73px;}
.carm_pa_b1{padding-bottom: 18px !important;}
.carm_pa_b1>div{margin-top:19px;}
.carm_h_space{height: 30px;}
.carm_bt8{width: 160px; height: 46px;}
.carm_bt8_wrap{width: 100%; text-align: center;}


/*khj_Automatic Collection Add Deploy*/
.acad_table_info_box1{display: flex; width: 100%;}
.acad_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.acad_table_info_box1_left{flex-basis: 100%;}
.acad_table_info_box1_right{flex-basis: 100%; text-align: right;}
.acad_input_box4{width: 80px; height: 40px; border: 1px solid #d6d6d6; padding-left: 25px; margin: 0px;}
.acad_bt1{min-width: 120px; height: 40px; padding: 0px 15px; margin-left: 5px;}
.acad_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.acad_table_cell_s1{width: 4%;}
.acad_table_cell_s2{width: 7%;}
.acad_table_cell_s3{width: 4%;}
.acad_table_cell_s4{width: 8%;}
.acad_table_cell_s5{width: 8%;}
.acad_table_cell_s6{width: 5%;}
.acad_table_cell_s7{width: 5%;}
.acad_table_cell_s8{width: 7%;}
.acad_table_cell_s9{width: 7%;}
.acad_table_cell_s10{width: 5%;}
.acad_table_cell_s11{width: 5%;}
.acad_table_cell_s12{width: 9%;}
.acad_table_cell_s13{width: 5%;}
.acad_table_cell_s14{width: 6%;}
.acad_table_cell_s15{width: 9%;}
.acad_table_cell_s16{width: 6%;}
.acad_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; padding: 0px 5px;}
.acad_table th:last-child{border-right: 1px solid #ddd;}
.acad_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/*khj_Automatic Collection Vehicle Abnormal*/
.acva_container_wrap{width: 660px; text-align: left; padding: 25px;}
.acva_table1{width: 100%; border: 1px solid #ddd; margin:0 0 20px;}
.acva_table1_cell_s1{width: 20%;}
.acva_table1_cell_s2{width: 80%;}
.acva_table1 th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; text-align: center;}
.acva_table1 th:last-child{border-right: 1px solid #ddd;}
.acva_table1 td{height: 34px; padding: 2px 7px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.acva_sel_box{display: inline-block; width: 290px; height: 40px; border: 1px solid #ddd; padding-left: 5px; margin: 0px; text-align: center; line-height: 40px;}
.acva_bt1{width: 110px; height: 36px; margin-left: 10px;}
.acva_table2_info_box1_left{flex-basis: 100%; font-family: 'hy_h_m'; font-size: 1.8rem;}
.acva_table2{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.acva_table2_cell_s1{width: 9%;}
.acva_table2_cell_s2{width: 36%;}
.acva_table2_cell_s3{width: 30%;}
.acva_table2_cell_s4{width: 25%;}
.acva_table2 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.acva_table2 th:last-child{border-right: 1px solid #ddd;}
.acva_table2 td{height: 34px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.acva_h_space{height: 30px;}
.acva_bt2{width: 160px; height: 46px; margin: 0px 10px 0px 0px;}
.acva_bt2_wrap{width: 100%; text-align: center;}

/*khj_Automatic Collection Select*/
.acs_container_wrap{width: 1060px; text-align: left; padding: 25px;}
.acs_table{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.acs_table_cell_s1{width: 3%;}
.acs_table_cell_s2{width: 4%;}
.acs_table_cell_s3{width: 5%;}
.acs_table_cell_s4{width: 9%;}
.acs_table_cell_s5{width: 8%;}
.acs_table_cell_s6{width: 7%;}
.acs_table_cell_s7{width: 7%;}
.acs_table_cell_s8{width: 5%;}
.acs_table_cell_s9{width: 6%;}
.acs_table_cell_s10{width: 6%;}
.acs_table_cell_s11{width: 6%;}
.acs_table_cell_s12{width: 6%;}
.acs_table_cell_s13{width: 6%;}
.acs_table_cell_s14{width: 7%;}
.acs_table_cell_s15{width: 4%;}
.acs_table_cell_s16{width: 4%;}
.acs_table_cell_s17{width: 7%;}
.acs_table th{border-right: 1px solid #ddd; height: 50px; background-color: #f6f3f2; color: #000; text-align: center;}
.acs_table th:last-child{border-right: 1px solid #ddd;}
.acs_table td{height: 50px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/*khj_Automatic Collection Multi VIN*/
.acmv_container_wrap{width: 660px; text-align: left; padding: 25px;}
.acmv_table_info_box1{display: flex; width: 100%;}
.acmv_table_info_box1 div::after{content: "";display: inline-block; height: 100%; vertical-align: bottom;}
.acmv_table_info_box1_left{flex-basis: 100%;}
.acmv_table_info_box1_right{flex-basis: 50%; text-align: right;}
.acmv_table1{width: 100%; border: 1px solid #ddd; margin:0 0 20px;}
.acmv_table1_cell_s1{width: 20%;}
.acmv_table1_cell_s2{width: 80%;}
.acmv_table1 tr:first-child th {border-top: 1px solid #ddd}
.acmv_table1 th{border-right: 1px solid #ddd; height: 52px; background-color: #f6f3f2; color: #000; text-align: center; border-top: 1px solid #ddd;}
.acmv_table1 th:last-child{border-right: 1px solid #ddd;}
.acmv_table1 td{height: 34px; padding: 2px 7px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.acmv_sel_box1{display: inline-block; width: 290px; height: 40px; border: 1px solid #ddd; padding-left: 5px; margin: 0px; text-align: center; line-height: 40px;}
.acmv_sel_box2{display: inline-block; width: 230px; height: 40px; border: 1px solid #ddd; padding-left: 5px; margin: 0px; text-align: left; line-height: 40px;}
.acmv_table2_info_box1{flex-basis: 100%; font-family: 'hy_h_m'; font-size: 1.8rem; margin: 30px 0 15px;}
.acmv_table2{width: 100%; border: 1px solid #ddd; margin: 10px 0px;}
.acmv_table2_cell_s1{width: 9%;}
.acmv_table2_cell_s2{width: 32%;}
.acmv_table2_cell_s3{width: 34%;}
.acmv_table2_cell_s4{width: 25%;}
.acmv_table2 th{border-right: 1px solid #ddd; height: 40px; background-color: #f6f3f2; color: #000; text-align: center;}
.acmv_table2 th:last-child{border-right: 1px solid #ddd;}
.acmv_table2 td{height: 34px; padding: 2px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.acmv_h_space{height: 30px;}
.acmv_bt1{width: 110px; height: 36px; margin-left: 10px;}
.acmv_bt2{width: 130px; height: 40px; margin-left: 10px;}
.acmv_bt3{width: 160px; height: 46px;}
.acmv_bt3_wrap{width: 100%; text-align: center;}

/* OTA */
#otaGrid .tui-grid-cell.ota-update {background-color: #4b96e6 !important; color: white !important; cursor: pointer;}
#otaGrid .tui-grid-cell-current-row>td {background-color: white !important;}

/* statistics */
.increase {color: #ff0000;}
.decrease {color: #0000ff;}

/* 그리드 Total 카운트 */
.totalCountText {
    font-size: 20px;
    margin-left: 20px;
    position: relative;
    top: 6px;
}
.totalCountMoreText {
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: 7px;
}

/*Main Board Subscribe Setting Pop*/
.modal-50p{min-width: 70vw; width: 70vw;}
.mbssp_table1{width: 100%;  border: 1px solid #ddd;}
.mbssp_table1 th{height: 52px; background-color: #f6f3f2;min-width:80px}
.mbssp_table1 td {text-align: left; padding: 0px 15px; border-top: 1px solid #ddd;}
.mbssp_table1 td .input_type_select {margin-right:5px}
.mbssp_table_th1{border-top : 1px solid #ddd; border-right:  1px solid #ddd;}
.mbssp_table_th2{border-top : 1px solid #ddd; border-right:  1px solid #ddd;}
.mbssp_table_th3{border-top : 1px solid #ddd; border-right:  1px solid #ddd;}
.mbssp_input_box1{width: 350px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.mbssp_input_box2{width: 230px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.mbssp_input_box3{width: 230px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.mbssp_input_box4{width: calc(100% - 120px); height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.mbssp_input_box5{width: 100%; min-height: 60px; border: 1px solid #d6d6d6; padding-left: 5px; resize: none; overflow: hidden;}
.mbssp_input_box6{width: 460px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px; margin: 0px;}
.mbssp_input_box7{width: 135px; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.mbssp_input_box8{width: 65%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.mbssp_input_box9{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.mbssp_input_box10{width: 80%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}

.mbssp_input_box_calendar{height: 40px; width:168px; padding-left: 5px; background-image: url("../images/calendar_icon.png"); background-repeat: no-repeat; background-position: right;}
.mbssp_bt1{width: 150px; height: 36px; margin-left: 10px;}
.mbssp_bt2{width: 67px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.mbssp_bt3{width: 70px; height: 40px; padding: 68% 3px 0 32px; text-align: center;}
.mbssp_bt4{width: 90px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.mbssp_bt5{width: 160px; height: 36px; margin-left: 10px;}
.mbssp_bt6{width: 110px; height: 36px;}
.mbssp_bt7{width: 160px; height: 36px;}
.mbssp_bt8{width: 105px; height: 40px; padding: 68% 10px 0 35px; text-align: center;}
.mbssp_bt11{width: 110px; height: 40px;}
.mbssp_bt{height: 40px;padding: 0 20px; text-align: center;}
.mbssp_mg_r3{margin-right: 90px;}
.mbssp_tbl_mb1 {margin-bottom:5px}
.mbssp_tbl_mb2 {margin-bottom:8px}
.mbssp_diag_modal_tbl_right {margin-top:77px}
.mbssp_diag_modal_subtitle {background-color: white;    margin: 5px 0 15px 0;font-size: 1.8rem;}

.modal-50p{min-width: 50vw; width: 70vw;}
.modal-70p{min-width: 70vw; width: 90vw;}


/* RDSP 고도화 스타일 추가 _ 2022-11 */

/* search box */
.search_box1{
    display: flex; 
    width: 100%; 
    background-color: #f6f3f2;  
    padding: 20px 30px; 
    border: 1px solid #ddd;
}
.search_wrap{
    width: 100%;
}
.search_box1_admin1{
    min-width: 365px;
}
.search_box1_admin2{
    width:100%;
    display: flex;
    gap: 10px;
    line-height: 34px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.search_box1_admin3{
    width:100%;
    display: flex;
    gap: 10px;
    vertical-align: middle;
    line-height: 34px;
    margin-bottom: 10px;
}
/* search box 간격 조정용(2024.11.08) */
.search_box1_admin4{
    width:100%;
    display: flex;
    gap: 10px;
    line-height: 34px;
    margin-bottom: 10px;
}
/* search box 간격 조정용(2024.11.08) */
.search_box1_admin5{
    width:100%;
    display: flex;
    gap: 10px;
    line-height: 34px;
    margin-top: 10px;
}
.input_box_date{
    width: 150px ;
    height: 40px;
    padding-left: 5px; 
    background-image: url("../images/calendar_icon.png"); 
    background-repeat: no-repeat; 
    background-position: right;
    border: 1px solid #ddd !important;
}
.search_box1_right{
    flex-basis: 100px;
    text-align: right;
    vertical-align: middle;
    align-self: center;
}
.select_box1{
    width:24.1%; 
    height: 34px; 
    border: 1px solid #ddd; 
    padding-left: 5px; 
}
.select_box2{
    width:33%; 
    height: 34px; 
    border: 1px solid #ddd; 
    padding-left: 5px; 
}
.search_input_box{
    height: 34px;
    padding-left: 5px;
    width: 24.1%;
}
.search_input_box2{
    height: 34px;
    padding-left: 5px;
    width: 33%;
}
.input_date{
    overflow: hidden;
    margin-left: 25%;
}
.input_date2{
    overflow: hidden;
    margin-left: 34%;
}
.input_date li{
    float: left;
}
.input_date li a{
    background-color: #d6d6d5; 
    color: #fff;
    font-size: 1.2rem;
    width: 65px;
    height: 24px; 
    line-height: 24px; 
    display: inline-block;
    border-radius: 12px;
    text-align:center;
    margin:5px 5px 0 0;
}
.input_date li a:hover{
    background-color:#777673;
}
.input_date li a.on{
    background-color:#777673;
}
.btn_search{
    background-color: #002c5f; 
    color: #fff; 
    font-size: 16px; 
    font-family: 'hy_h_r'; 
    height: 34px;
    margin-left: 5px;
    padding: 0 30px;
    width: 100px;
    text-align: center;
}
.btn_search_inline{
    margin-top: 5px;
    padding: 0 20px;
    background-color: #777673;
    color: #fff !important;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
}
.search_label{
    margin-left:20px;
    min-width: 100px;
    font-size: 1.4rem;
}
.search_check_wrap{
    display:flex; 
    padding: 0px 0px 20px 0px;
    gap: 52px;
}
.chk_bt2 + label .chk_btcon2 {
    border: 1px solid #cccccc !important; 
    background: url("../images/checkbox.png") no-repeat; 
    background-position: 10px 50%; 
    background-color: #fff;
}
.chk_bt2:checked + label .chk_btcon2 {
    border: 1px solid #00aad2 !important; 
    background: url("../images/checkbox_ch.png") no-repeat; 
    background-position: 10px 50%; 
    background-color: #fff;
}
.chk_bt2:disabled + label .chk_btcon2 {
    opacity: 0.5;
}
.check_check_no{
    display: none;
}
.search_check_bt{
    width: 94px; 
    height: 34px; 
    padding: 0 10px 0 32px; 
    text-align: center;
    font-size: 1.4rem;
}
.mgr100{
    margin-right: 150px;
}
.mgl0{
    margin-left: 0;
}
.wd110{
    width: 110px;
}
.wd150{
    width: 150px;
}

/* dashboard */
.dashboard_group h4{
    font-size: 2.2rem;
    margin: 0 0 20px 0;
    font-family: 'hy_t_b'; 
}
.dashboard_group .notice_area{
    overflow: hidden;
    width: 100%; 
    box-shadow:0 0 10px 0 rgba(0,0,0,0.20);
}
.dashboard_group .notice_area.show .title {
    width: 100%;
}
.dashboard_group .notice_area #addNoticeList {
    opacity: 0;
    height: 0;
    transition: all 350ms ease;
}
.dashboard_group .notice_area #addNoticeList .list {
    opacity: 0;
    height: 0;
    transition: all 350ms ease;
}
.dashboard_group .notice_area.show #addNoticeList {
    opacity: 1;
    height: 350px;
}
.dashboard_group .notice_area.show #addNoticeList .list {
    opacity: 1;
    height: 58px;
}
.dashboard_group .notice_area .title{
    background-color: #f5f5f5;
    float: left;
    width: 131px; 
    height: 58px;
    position: relative;
    transition: all 300ms ease;
}
.dashboard_group .notice_area .title span{
    font-size: 1.8rem; 
    font-family: 'hy_h_m';
    display: inline-block;
    margin:20px 5px 20px 20px;
}
.dashboard_group .notice_area .title img{
    display: inline-block;
    position: absolute; 
    top: 19px;
    right: 20px;
}
.dashboard_group .notice_area .list{
    float: left;
    height: 58px;
    line-height: 58px;
    margin: 0 20px;
}
.dashboard_group .notice_area .list span{
    font-size: 1.4rem;
}
.dashboard_group .notice_area .list span.date{
    color:#999;
    margin-left: 10px;
}
.dashboard_group .contents_area ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px;
    column-gap: 20px;
    height: 100px;
}
.dashboard_group .contents_area ul li{
    box-shadow:0 0 10px 0 rgba(0,0,0,0.20);
}
.dashboard_group .contents_area ul li p{
    font-size: 1.8rem; 
    font-family: 'hy_h_m';
    margin: 20px 0 0 20px;
    position: relative;
}

.dashboard_group .contents_area ul li div.title>p {
    display: inline-block;
}
.dashboard_group .contents_area ul li div.title>span {
    margin: 0 0 0 4px;
    font-size: 1.5rem;
}

.dashboard_group .contents_area ul li p .btn_tooltip{
    position: absolute;
    top: -6px; 
    font-size: 1.4rem; 
    font-family: 'hy_h_m';
    display: inline-block;
    background-color: #999;
    height: 18px;
    width: 18px;
    color: #fff;
    border-radius: 9px;
    line-height: 20px; 
    text-align: center;
    margin-left: 10px;
}
.dashboard_group .contents_area ul li p .btn_tooltip:hover{
    cursor: pointer;
}
.dashboard_group .contents_area ul li b{
    display: inline-block; 
    text-align: right;
    font-size: 2.4rem;
    margin: 20px 20px 0 0;
    font-weight: normal;
    font-family: 'hy_t_b';
}
.dashboard_group .contents_area ul li span{
    display: inline-block; 
    font-size: 1.8rem;
    color: #888;
    text-align: right;
    margin:5px 20px 0 0;
    font-weight: normal;
}
.dashboard_group .db_graph_area{
    margin-bottom: 30px;;
}
.dashboard_group .db_graph_area ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px;
    column-gap: 20px;
    height: 300px;
}
.dashboard_group .db_graph_area ul li{
    box-shadow:0 0 10px 0 rgba(0,0,0,0.20);
}
.dashboard_group .db_graph_area ul li p {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px; 
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
}
.dashboard_group .db_graph_area ul li p span{
    font-size: 1.8rem; 
    font-family: 'hy_h_m';
    margin-top: 20px;
    position: relative;
}
.dashboard_group .db_graph_area ul li p .btn_tooltip{
    position: absolute;
    top: -21px; 
    right: 0;
    font-size: 1.4rem; 
    font-family: 'hy_h_m';
    display: inline-block;
    background-color: #999;
    height: 18px;
    width: 18px;
    color: #fff;
    border-radius: 9px;
    line-height: 20px; 
    text-align: center;
    margin-left: 10px;
}
.dashboard_group .db_graph_area ul li p .btn_tooltip:hover{
    cursor: pointer;
}
.dashboard_group .db_graph_area .legend{
    padding-top: 15px;
    text-align: center;
}
.dashboard_group .db_graph_area .legend span{
    vertical-align: middle;
}
.dashboard_group .db_graph_area .legend .l_color1{
    display: inline-block; 
    width: 11px;
    height: 11px;
    background-color: #002c5f;
    margin-left: 10px;
}
.dashboard_group .db_graph_area .legend .l_color2{
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #b2bfcf;
}
.dashboard_group .db_graph_area .legend .l_color3{
    display: inline-block; 
    width: 11px;
    height: 11px;
    background-color: #7fbeea;
}
.dashboard_group .db_graph_area .legend .l_color4{
    display: inline-block; 
    width: 11px;
    height: 11px;
    background-color: #cceef6;
    margin-left: 10px;
}
.dashboard_group .db_graph_area .legend .l_color5{
    display: inline-block; 
    width: 11px;
    height: 11px;
    background-color: #efcbcd;
    margin-left: 10px;
}
.dashboard_group .db_graph_area .legend .l_text{
    font-size: 1.2rem;
    margin-left: 5px;
}
/* .dashboard_group .db_graph_area ul li div{
    position: relative;
} */
.dashboard_group .report_area{
    margin-bottom: 30px;
}
.dashboard_group .report_area ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px;
    column-gap: 20px;
    height: 181px;
}
.dashboard_group .report_area  ul li{
    box-shadow:0 0 10px 0 rgba(0,0,0,0.20);
    padding: 20px;
}
.dashboard_group .report_area  ul li .title b{
    font-family: 'hy_h_m';
    font-weight: normal;
    font-size: 1.8rem;
}
.dashboard_group .report_area  ul li .title span{
    color: #999;
    font-size: 1.4rem;
    margin-left: 10px;
}
.dashboard_group .report_area  ul li .cont{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px;
    column-gap: 20px;
}
.dashboard_group .report_area  ul li .cont .s_cont{
    background-color: #f5f5f5;
    border-radius: 5px;
    height: 105px;
    padding: 20px;
}
.dashboard_group .report_area  ul li .cont .s_cont p{
    font-family: 'hy_h_r';
    font-size: 1.6rem;
    margin: 0 0 25px 0;
}
.dashboard_group .report_area  ul li .cont .s_cont div{
    text-align: right;
}
.dashboard_group .report_area  ul li .cont .s_cont div b{
    font-size: 2.4rem;
    font-family: 'hy_t_b';
    font-weight: normal;
}
.s_cont div .rate{
    display: inline-block;
    border-radius: 10px;
    padding:4px 10px;
    font-size: 1.2rem;
    margin-left: 10px;
}
.s_cont div .rate.red{
    background-color: #cb5258;
    color: #fff;
}
.s_cont div .rate.blue{
    background-color: #007dd5;
    color: #fff;
}
.db_table{
    box-shadow:0 0 10px 0 rgba(0,0,0,0.20);
    margin-bottom: 30px!important;
    border: none !important;
}

/* tooltip */
.tooltip_box{
    padding: 10px;
    background-color: #f5f5f5;
    width: fit-content;
    border-radius: 5px;
}
.tooltip_box::after{
    content: " ";
    position: absolute;
    border-style: solid;
    border-width: 6px;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-color: #f5f5f5 transparent transparent transparent;
}
.tooltip_box div{
    color: #999;
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.tooltip_box div span{
    color: #000;
    float: right;
    margin-left: 10px;
}

/* contents */
.tbar_bt_wrap{
    position: absolute; 
    right: 20px;
    top: 23px;
}
.table_info_box1{
    display: flex; 
    width: 100%;
}
.table_info_box1_left{
    flex-basis: 100%;
}
.table_info_box1_right{
    flex-basis: 50%; 
    text-align: right;
}
.s_title{
    font-size: 1.8rem;
    font-family:'hy_h_m';
    margin-top: 15px;
}
.btn_down{
    background-color: #00aad2; 
    color: #fff; 
    font-size: 1.4rem; 
    font-family: 'hy_h_r'; 
    height: 34px;
    margin-left: 5px;
    padding: 0 20px;
}
.btn_inline{
    padding: 0 20px;
    background-color: #777673;
    color: #fff !important;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    font-size: 1.2rem;
}
.summary_wrap{
    border: 1px solid #ddd;
    height: 81px;
    margin-top: 10px;
}
.summary{
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.summary li{
    align-items: center; 
    display: grid; 
    grid-template-columns: 1fr; 
    border-left: 4px solid #999;
    height: 41px;
    margin:20px 30px ;
    padding-left: 10px;
}
.summary li span{
    display: block;
}
.summary li .title{
    color: #888;
    font-size: 1.4rem;
    font-family: 'hy_h_r';
}
.summary li .result{
    color: #000;
    font-size: 2.0rem;
    font-family: 'hy_t_b';
    margin-top:8px;
}
.summary li .result i{
    font-style:normal;
    font-size: 1.4rem;
    font-family: 'hy_t_b';
}
.select_box3{
    margin-top: 10px;
}
.select_box3 span{
    margin-left: 10px;
}
.select_box3 .input_box{
    width: 80px; 
    height: 34px; 
    border: 1px solid #ddd;
    padding-left: 25px; 
    margin: 0px;
}
.total_num{
    font-size: 1.4rem;
}
.report_date{
    font-size: 1.4rem;
    text-align: right;
}
.report_sum{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
.report_sum li{
    border: 1px solid #ddd;
    display: grid; 
    grid-template-columns: 1fr;
    height: 100px;
}
.report_sum li.on{
    background-color: #eff5fb;
}
.report_sum li p{
    font-family: 'hy_h_r';
    font-size: 1.6rem;
    margin-left: 20px;
    margin-top: 20px;
}
.report_sum li div{
    text-align: right;
    margin-right: 20px;
    margin-top: -20px;
}
.report_sum li div .car{
    font-size: 2.4rem;
    font-family: 'hy_t_b';
}
.report_sum li div .rate{
    display: inline-block;
    border-radius: 10px;
    padding:4px 10px;
    font-size: 1.2rem;
    margin-left: 10px;
}
.report_sum li div .rate.red{
    background-color: #cb5258;
    color: #fff;
}
.report_sum li div .rate.blue{
    background-color: #007dd5;
    color: #fff;
}
.contents_box{
    border: 1px solid #ddd;
    margin-top: 10px;
    border-bottom: 0;
}
.graph_area{
    height: 200px;
    position: relative;
}
.graph_area2{
    height: 250px;
    position: relative;
}
.graph_area .legend{
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    width: fit-content;
    margin-left: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.graph_area .legend li{
    margin-bottom: 10px;
}
.graph_area .legend li:last-child{
    margin-bottom: 0;
}
.graph_area .legend span{
    vertical-align: middle;
}
.graph_area .legend .l_color1{
    display: inline-block; 
    width: 11px;
    height: 11px;
    background-color: #002c5f;
}
.graph_area .legend .l_color2{
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #b2bfcf;
}
.graph_area .legend .l_color3{
    display: inline-block; 
    width: 11px;
    height: 11px;
    background-color: #b2e5f1;
}
.graph_area .legend .l_text{
    font-size: 1.2rem;
    margin-left: 5px;
}
.bdt0{
    border-top:none;
}
.pst_btn1{
    position: absolute;
    top: 282px;
    right: 20px;
}
.pst_btn2{
    position: absolute;
    top: 238px;
    right: 20px;
}
.pst_btn3{
    text-align: right;
    margin-top: 15px;
}
.tar_btn{
    text-align: right;
}

/* map */
.map_area{
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 10px;
}
.map_area .list_1{
    position: absolute;
    top: 37px;
    right: 775px;
    z-index:1;
}
.map_area .list_2{
    position: absolute;
    top: 143px;
    right: 775px;
    z-index:1;
}
.map_area .list_3{
    position: absolute;
    top: 267px;
    right: 775px;
    z-index:1;
}
.map_area .list_4{
    position: absolute;
    top: 369px;
    right: 775px;
    z-index:1;
}
.map_area .list_5{
    position: absolute;
    top: 470px;
    right: 775px;
    z-index:1;
}
.map_area .list_6{
    position: absolute;
    top: 573px;
    right: 775px;
    z-index:1;
}
.map_area .list_7{
    position: absolute;
    top: 37px;
    left:775px;
    z-index:1;
}
.map_area .list_8{
    position: absolute;
    top: 139px;
    left:775px;
    z-index:1;
}
.map_area .list_9{
    position: absolute;
    top: 237px;
    left:775px;
    z-index:1;
}
.map_area .list_10{
    position: absolute;
    top:340px;
    left:775px;
    z-index:1;
}
.map_area .list_11{
    position: absolute;
    top: 492px;
    left:775px;
    z-index:1;
}
.map_area dl {
    overflow: hidden;
    display: table;
}
.map_area dl dt{
    background-color: #00aad2; 
    color: #fff;
    padding: 15px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.map_area dl dt p{
    margin: 0 0 10px 0;
    font-size: 1.6rem;
}
.map_area dl dt span{
    font-size:2.2rem;
    font-family: 'hy_t_b';
}
.map_area dl dd{
    border: 1px solid #ddd;
    border-left: none; 
    padding: 10px 20px;
    display: table-cell;
    background-color: #fff;
    vertical-align: middle;
}
.map_area dl dd ul li {
    line-height: 2.0rem;
    font-size:1.4rem;
}
.map_area dl dd ul li span{
    color:#999;
    font-family: 'hy_h_r'; 
    font-size: 1.4rem;
}
.map_area dl dd ul li b{
    font-family: 'hy_t_b'; 
    font-size: 1.6rem;
    margin-left: 10px;
    line-height: 10px;
    vertical-align: middle;
}
.map_wrap{
    width: 1015px;
    padding: 30px;
    position: relative;
    margin: 0 auto;
}
.map_wrap img{
    position: relative;
    left: 50%; 
    transform: translateX(-50%);
    z-index: 10;
}

/* table */
.table{
    width: 100%; 
    border: 1px solid #ddd; 
    margin: 10px 0px;
    border-collapse: collapse;
    font-size: 1.4rem;
}
.table th{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; 
    height: 36px; 
    line-height: 36px;
    background-color: #f6f3f2; 
    color: #000;
    padding: 0 10px;
}
.table th:last-child{
    border-right: 1px solid #ddd;
}
.table td{
    height: 36px; 
    line-height: 36px;
    padding: 0 10px;
    text-align: center; 
    border-right: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}
.table td p{
    margin: 0;
}
.bg_bar{
    background-color: #ddd; 
    border-radius: 5px; 
    height: 10px; 
    position: relative; 
    width: 200px;
    display: inline-block;
    margin-left: 10%;
}
.color_bar{
    background-color: #00aad2;
    border-radius: 5px; 
    height: 100%; 
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 0%;
}
.bar_text{ 
    margin-left: 10px;
}
.table_area{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    width: 100%;
    grid-gap: 10px;
}
.s_table{
    border-collapse: collapse;
    font-size: 1.4rem; 
    width: 100%;
}
.s_table th{
    height: 36px; 
    background-color: #f6f3f2; 
    color: #000;
    padding: 0 10px;
    border: 1px solid #ddd;
}
.s_table th:last-child{
    border-right: 1px solid #ddd;
}
.s_table td{
    height: 36px; 
    text-align: center;
    border-right: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}
.inline_link{
    text-decoration: underline !important;
    color: #00aad2 !important;
    font-family: 'hy_t_b';
}
.mgt0{
    margin-top: 0 !important;
}
.mgb0{
    margin-bottom: 0 !important;
}

/* tab */
.tab_area{
    border-bottom: 1px solid #999;
    margin-top: 20px;
}
.tab_area ul{
    overflow: hidden;
}
.tab_area ul li{
    float: left; 
    background-color: #fff;
    color: #000;
}
.tab_area ul li button{
    font-family:'hy_h_r';
    text-align: center; 
    border: 1px solid #999;
    border-bottom: 0; 
    margin-right: 5px; 
    display: block;
    float: left;
    box-sizing: border-box;
    font-size: 1.4rem;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}
.tab_area ul li button:hover{
    background-color: #002c5f;
    color: #fff;
    border: 1px solid #002c5f;
    cursor: pointer;
}
.tab_area ul li button:focus{
    outline: none;
}
.tab_area ul li button.on{
    background-color: #002c5f !important;
    color: #ffffff !important;
    border: 1px solid #002c5f !important;
}
.t_total{
    float: left;
    margin: 8px 0 0 10px;
    font-size: 14px;
}

/* 그래프 영역 이미지 - 개발시 삭제 */
.img_graph1{
    position: absolute;
    right: 10px;
    top:80px;
}
.img_graph2{
    position: absolute;
    right: 10px;
    top:72px;
}
.img_graph4{
    position: absolute;
    right: 30px;
    top:55px;
}
.img_graph5{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px;
}
.img_graph6{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px;
}
.img_graph7{
    position: absolute;
    right: 30px;
    top:55px;
}

/* tracking_history */
.tracking_history{display: flex; width: 100%;}
.left_section{flex-shrink: 0; width: 450px; margin-right: 20px;margin-top: 15px;}
/* .left_section ul{border: 1px solid #ddd;overflow-y: scroll;height: 570px;} */
.left_section ul li{border-bottom: 1px solid #ddd;display: flex;position: relative; height:90px;}
.left_section ul li:last-child{border-bottom: none;}
.icon_section{display: block;flex-shrink: 0; width: 80px;border-right: 10px solid #ddd;text-align: center;}
.icon_section::after{content:""; display: inline-block; height: 10px;width: 10px;border-radius: 5px;background-color: #00aad2;position: absolute;left: 80px; top:40px;}
.icon_section img{margin-top: 25px;}
.text_section{flex-grow: 1;margin-left: 10px;}
.text_section p{font-family: 'hy_t_b';font-size: 15px;margin: 10px 0;color: #000;display: block;}
.text_section b{font-family: 'hy_t_r';font-size: 13px;margin: 10px 0;color: #888;font-weight: normal;display: block;}
.text_section span{font-family: 'hy_t_r';font-size: 12px;margin: 10px 0;color: #000;margin-bottom: 10px;display: inline-block;}
.text_section a{float: right; margin-left: 55px;}
.right_section{flex-grow: 1;}
.color_chip{border: 1px solid #ddd;border-bottom: none;margin-top: 10px;height:40px;line-height: 43px; text-align: center; font-size:15px;}
.chip_rdsp{display: inline-block;width: 11px;height: 11px;background-color: #002c5f;margin-right: 5px;}
.chip_etc{display: inline-block;width: 11px;height: 11px;background-color: #b2bfcf;margin-left: 50px;margin-right: 5px;}
.fll{float: left;margin-top: 20px;}
.select_on{background-color: #cee0f5;}
.text_ellipsis{width:320px; overflow:hidden; text-overflow:ellipsis;}


input[type="radio"]+label.rp_radio_box_positon {display: inline-block; cursor:pointer;width: fit-content;height: 18px; background:url("../images/radio_bt_off.png") no-repeat; background-size: 18px 18px;}
.rp_radio_box_positon{background: none !important;}
.rp_bt {width: fit-content;height: 40px;min-width:80px;padding: 10px;padding-left: 35px;text-align: center;white-space: nowrap;margin-right: 10px;}

.rp_input_box1{width: fit-content; height: 40px; border: 1px solid #d6d6d6; padding: 0 25px;margin: 0px;}
.rp_input_box100{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.rp_modal_tbl_right_1line {margin-top:80px}
.rp_modal_tbl_right_2line {margin-top:132px}


/*mail send queue*/
.emq_win_bar{width: 100%; height: 54px; background-color: #002c5f; padding-top: 18px;padding-right: 20px; color: white; font-size: 20px; font-family: 'hy_h_m'; text-align: left;}
.emq_table1{width: 100%;  border: 1px solid #ddd;}.emq_table1 th{height: 52px; background-color: #f6f3f2;border: 1px #ddd solid;}
.emq_table_th1{border-top : 1px solid #ddd;}
.emq_table_th2{border-top : 1px solid #ddd;}
.emq_table1 td{padding: 0px 10px; border: 1px solid #ddd; vertical-align: middle; text-align: left;}
.emq_table1_cell_s1{width: 170px; height: 52px;}
.emq_table1_cell_s2{width: 325px; height: 52px;}
.emq_table1_cell_s3{width: 170px; height: 52px;}
.emq_table1_cell_s4{width: 325px; height: 52px;}
.emq_contents{width: 100%; height: 290px; border: 1px solid #ddd; margin: 10px 0px; text-align: left;  padding: 20px; line-height: 2.2rem; overflow:auto;}
.emq_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.emq_bt11{width: 110px; height: 40px;}
/*mail send queue*/

/*request support*/

.rst_subtitle {font-size: 1.8rem;font-family: 'hy_h_m';margin-bottom: 15px;text-align: left;}
.rst_h_space1 {margin-top: 35px;}
.rst_table {width: 100%;border: 1px solid #ddd;}
.rst_table tr:first-child th {border-top: 1px solid #ddd;}
.rst_table th {height: 52px;background-color: #f6f3f2;border-top: 1px solid #ddd;}
.rst_table td {padding: 7px;border: 1px solid #ddd;vertical-align: middle;text-align: center;}
.rst_table td .input_box1 {height: 40px;width: 100%;padding-left: 10px;}
.rst_input_box1{width: 100%; height: 40px; border: 1px solid #d6d6d6; padding-left: 5px;}
.input_box2 {padding: 10px 0px 10px 0px;width: 100%;resize: none;border: none;vertical-align: top;}
.rst_table_info_box1 {display: flex;width: 100%;}
.rst_table_info_box1 > .left {flex-basis: 100%;}
.rst_table_info_box1 > .right {flex-basis: 50%;text-align: right;}
.rst_table_info_box1 > .rightlarge {flex-basis: 100%;text-align: right;}
.rst_bt1 {width: 140px;height: 40px;margin-left: 5px;}
.p_bt1 {background-color: #002c5f;color: #fff;font-size: 1.8rem;font-family: 'hy_h_r';}
.nl_bt1 {width: 120px;height: 40px;margin-left: 5px;}
.s_bt3 {background-color: #00aad2;color: #fff;font-size: 1.6rem;font-family: 'hy_h_r';}

.rst_result_area {width:100%;/*background-color: #9bbbd4;*/background-color:#ffffff;padding:20px;display: flex;flex-direction:column; display:none;border: 1px solid #ddd;}
.rst_result_card_container {display: flex;margin-top:10px;}
.rst_result_card_container:first-child{margin-top: 0;}
.rst_result_card_container.left {justify-content:flex-start;}
.rst_result_card_container.right {justify-content:flex-end;}
.rst_result_card_container .rst_result_card {min-width: 300px;max-width: 800px;width: fit-content;border-radius:10px;background-color:white;float:left;box-shadow:0 0 10px 0 rgba(0,0,0,0.20);}
.rst_result_card_container .rst_result_card .rst_result_card_header {color:white;width:100%;height:40px;border-radius:10px 10px 0 0;text-align:center;display : flex;justify-content : center;align-items : center;}
.rst_result_card_container .rst_result_card .rst_result_card_header.accept {background-color:#00aad2;}
.rst_result_card_container .rst_result_card .rst_result_card_header.cancel {background-color:#7f95af;}
.rst_result_card_container .rst_result_card .rst_result_card_header.simple {background-color:#8f69c8;}
.rst_result_card_container .rst_result_card .rst_result_card_header.tip {background-color:#007dd5;}
.rst_result_card_container .rst_result_card .rst_result_card_header.inquiry {background-color:#00bd9f;}
.rst_result_card_container .rst_result_card .rst_result_card_contents {padding: 15px;}
.rst_result_card_container .rst_result_card .rst_result_card_contents table {border: 1px solid rgba(0,0,0,.1);border-collapse: collapse;box-sizing: border-box;color: #222;margin: 12px 0 14px;width: auto;}
.rst_result_card_container .rst_result_card .rst_result_card_contents :not(table) {box-sizing: content-box;line-height: 160%;}
.rst_result_card_container .rst_result_card .rst_result_card_contents table th {background-color: #555;color: #fff;font-weight: 300;border: 1px solid rgba(0,0,0,.1);height: 32px;padding: 5px 14px 5px 12px;}
.rst_result_card_container .rst_result_card .rst_result_card_contents th p{color: #fff;margin: 0;}
.rst_result_card_container .rst_result_card .rst_result_card_contents table td {border: 1px solid rgba(0,0,0,.1);height: 32px;padding: 5px 14px 5px 12px;}
.rst_result_card_container .rst_result_card .rst_result_card_contents td p{margin: 0;padding: 0 2px}
#detailViewer p {font-size: 1.6rem !important;}
/*request support*/


/* new list button bg color (2024.11.09) */
.list_btn {
    background-color: #00aad2 !important;
}
.list_btn:disabled {
    background-color: rgba(0,127,168,.5) !important;
    cursor: not-allowed;
}
/* new detail button bg color (2024.11.09) */
.dtl_btn {
    background-color: #002c5f !important;
}
.dtl_btn:disabled {
    background-color: rgba(0, 44, 95, .5) !important;
    cursor: not-allowed;
}

/* logo container */
.rtrd-logo-container { display: flex; align-items: center; gap:9px;}
.rtrd-logo-container img { display: block; }
.rtrd-logo-pipe { width: 2px; height: 22px; background-color: #002C5F; flex-shrink: 0; transform: scaleX(0.5); transform-origin: left;}