@charset "UTF-8";
.ft-blue { color: blue; }
.ft-red { color: red; }
.ft-hide { font-size: 0; color: transparent; text-indent: -999px; line-height: 0; }
.fl-center { align-items: center; }
.fc-center { justify-content: center; }
.wd100 { width: 100px; }
.wd120 { width: 120px; }
.wd140 { width: 140px; }
.wd160 { width: 160px; }
.wd200 { width: 200px; }
.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap20 { gap: 20px; }
.mg-top60 { margin-top: 60px; }
.mg-top80 { margin-top: 80px; }
 
[class*='btn-arr-'] { position: relative; }
[class*='btn-arr-']:before { display: block; position: absolute; left: 50%; top: 50%; font-family: serif; font-size: 18px; font-weight: 700; transform: translate(-50%, -50%); }
.btn-arr-prev:before { content: '<'; }
.btn-arr-next:before { content: '>'; }

.ui-widget-overlay {
    position: fixed;
}

.flex-wrap { 
    display: flex; 
    width: 100%;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}
.flex-wrap .flex-cont { 
    flex: 0 300px; 
}
.flex-wrap .flex-cont:last-child { 
    flex: 1; 
    margin: 24px 0 0 20px; 
}

.flex-wrap .flex-cont.mgl0{
    margin:24px 0 0 0px;
}

.calendar-state { 
    display: flex; 
    width: 100%; 
    margin-top: 10px; 
    border: 1px solid #ddd; 
}
.calendar-state .col { 
    flex: 1; 
    font-size: 0; 
}
.calendar-state .col ~ .col { 
    border-left: 1px solid #ddd; 
}
.calendar-state .col > div { 
    display: inline-block; 
    width: 50%; 
    padding: 10px; 
    background-color: #eee; 
    box-sizing: border-box; 
}
.calendar-state .col > div.txt { 
    border-left: 1px solid #ddd; 
    background-color: #fff; 
    font-weight: bold; 
}

.date-month > .button_wrap { 
    height: 24px; 
    line-height: 24px; 
}
.date-month > .button_wrap [type='button'] { 
    width: 30px; 
    height: 24px; 
}
.date-month .foot td span {
    font-size: 12px; 
    letter-spacing: -.5px; 
}
.date-month .foot td.today { 
    background-color: #ffffd9; 
} 

/* toast grid table top */
#autoplusGrid_length {
    font-size: 14px;
}
#autoplusGrid_length p {
    font-size: inherit;
}

/* toast grid table common */
.list-top + .tb-gird {
    margin-top: 20px;
}
.tb-gird { 
    margin-top: 40px; 
}
.tb-gird [class*='tui-grid-row'] { 
    padding: 0; 
    border: 0; 
    /*height:30px !important;*/
}
.tb-gird [class*='tui-grid-cell'] { 
    border: 0; 
    background-color: #fff; 
    /*height:30px !important;*/
}
.tb-gird [class*='tui-grid-cell'] > div { 
    padding: 0; 
    background-color: inherit;
}
.tb-gird .tui-grid-row-hover td {
    background-color: #f7f7f7;
}
.tb-gird .tui-grid-row-hover td:not([class*='header']) {
    position: relative;
}
.tb-gird .tui-grid-row-hover td:not([class*='header']):after {
    content: '';
    position: absolute; 
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
}
.tb-gird tr td.anchor,
.tb-gird tr td.anchor > div {
    color: #0000ee;
}
.tb-gird .tui-grid-layer-focus-border { 
    background-color: #000; 
}
.tb-gird .tui-grid-layer-selection { 
    pointer-events: none; 
}
.tb-gird .tui-grid-border-line[class*='top'] { 
    top: 4px; 
    border-color: #ddd; 
}
.tb-gird .tui-grid-border-line[class*='bottom'] { 
    border-color: #111; 
}
.tb-gird .tui-grid-scrollbar-right-top,
.tb-gird .tui-grid-border-line-right,
.tb-gird .tui-grid-scrollbar-y-outer-border  { top: 4px; }

/* toast grid table header */
.tb-gird .tui-grid-header-area { 
    box-sizing: border-box;
    border-bottom: 2px solid #111; 
    padding-top: 4px; 
   /* height:50px !important;*/
   
}

.tb-gird .tui-grid-header-area tr{
    /*height:50px !important;*/
    
}
.tb-gird .tui-grid-header-area tr th { 
    border-bottom: 1px solid #111; 
    font-size: 15px; 
    font-weight: bold; 
    background:#f7f7f7;
}
.tb-gird .tui-grid-header-area tr th input { 
    position: relative; 
    top: -2px; 
    width: 18px; 
    height: 18px; 
}
.tb-gird .tui-grid-header-area .tui-grid-column-resize-handle { 
    width: 1px !important; 
    margin-left: 2px;
    background-color: #ddd;
    opacity: 1; 
}
.tb-gird .tui-grid-header-area .tui-grid-column-resize-handle:before {
    content: '';
    position: absolute;
    left: -2px;
    top: -5px;
    z-index: 1;
    width: 5px;
    height: 5px;
    border-radius: 5px 5px 0 0;
    background-color: #ccc; 
}

/* toast grid table body */
.tb-gird .tui-grid-body-area tr td { 
    border-bottom: 1px solid #ddd; 
    /*padding: 8px 10px;*/
    
}
.tb-gird .tui-grid-body-area tr td .tui-grid-cell-content { 
    height: auto; 
    /*line-height: 30px;*/ 
    font-size: 14px; 
    white-space: normal;
}
.tb-gird .tui-grid-body-area tr td .tui-grid-row-header-checkbox {
    display: flex;
    align-items:center;
    justify-content: center;
}
.tb-gird .tui-grid-body-area tr td .tui-grid-row-header-checkbox input { 
    width: 18px; 
    height: 18px; 
}

/*
.list-search .btns{text-align:center;}
*/

/*.list-search .btns{text-align:right;}*/

.pop-flex{width:100%;display:flex;}
.pop-flex table{width: calc( 50% - 10px );}
.pop-flex table:first-child{margin-right:10px;}
.pop-flex table:last-child{margin-left:10px;}

.pop-flex.tbl-wd-100 table{width:100%;}
.pop-flex.tbl-wd-100 table:first-child{margin-right:0px;}
.pop-flex.tbl-wd-100 table:last-child{margin-left:0px;}

.ui-widget-overlay{z-index: 9999;}


/*pop scroll off*/
.scrollLock{overflow:hidden;}

/*차량 내역 조회 상세*/
#detailRequestDialog{max-height:60vh;overflow-y:auto;}

.detail-request-title{
    font-size:14px;
    font-weight:bold;
    width:100%;
    padding:10px 10px;
    background:#f7f7f7;
    box-sizing:border-box;
    margin-bottom:10px;
    border-left:4px solid #111;
}

.tbl-center{text-align:center;}
.tbl-left{text-align:left;}
.border-top-1{border-top:1px solid #ddd;}

/*loding*/
#searchLoding{display:none;}

.loding-form{width:100%;height:100vh;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index: 99999;}
.loding-form .loding-box{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}

.lodinbg-actionCon {
    width:500px;
    display: flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
     }
.actionType5_1,
.actionType5_2  {
    float:left;
    text-align:center;
    margin:132px 0;
    width:50%;
}
.actionType5_1 > div {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:15px;
    background-color:#5bc0de;
    border-radius:50%;
    -webkit-border-radius:50%;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    animation:lodingCircle1 ease-in-out 1.5s infinite;
    -webkit-animation:lodingCircle1 ease-in-out 1.5s infinite;
    -moz-animation:lodingCircle1 ease-in-out 1.5s infinite;
}
.actionType5_1 .loding1 {
    animation-delay:-.4s;
    -webkit-animation-delay:-.4s;
    -moz-animation-delay:-.4s;
}
.actionType5_1 .loding2 {
    animation-delay:-.2s;
    -webkit-animation-delay:-.2s;
    -moz-animation-delay:-.2s;
}
.actionType5_1 .loding3 {
    margin-right:0;
    animation-delay:-.1s;
    -webkit-animation-delay:-.1s;
    -moz-animation-delay:-.1s;
}
@keyframes lodingCircle1 {
0%{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    opacity:1;
}
10% {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
}
60%,100% {
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    opacity:0;
}}
@-webkit-keyframes lodingCircle1 {
0%{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    opacity:1;
}
10% {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
}
60%,100% {
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    opacity:0;
}}

/*alert messaage*/
#alertMessagePop{display:none;width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index: 999999;}
.alert-box{width:90%;max-width:450px;box-sizing:border-box;background:#fff;position: absolute;left:50%; top:50%; transform: translate(-50%, -50%);}
.alert-box .alert-title{display:flex;justify-content: space-between;width:100%;padding:20px;box-sizing:border-box;align-items: center;background:#2e6da4;}
.alert-box .alert-title .alert-title-txt{font-size:18px;font-weight:bold;color:#fff;}

.alert-box .alert-con{padding:20px;box-sizing:border-box;}
.alert-box .alert-con .alert-summery{font-size:14px;font-weight:400;color:#666;margin-bottom:20px;}
.alert-box .alert-con .alert-btn-form{width:max-content;margin:0 auto;display:flex;}
.alert-box .alert-con .alert-btn-form .alert-close-btn{display:flex;width:max-content;padding:0 30px;box-sizing:border-box;height:40px;align-items:center;justify-content: center;font-size:14px;font-weight:600;cursor:pointer;}
.alert-box .alert-con .alert-btn-form .alert-close-btn:hover{color:#fff}

.alert-gray{background:#fff;border:1px solid #ddd;}
.alert-gray:hover{border:1px solid #777777;background:#777777;}

.alert-close-xbtn{position:relative;cursor:pointer;}
.alert-close-xbtn .top-line{display:block;width:20px;height:2px;background:#fff; transform: translateY(2px) translateX(0) rotate(45deg);}
.alert-close-xbtn .bottom-line{display:block;width:20px;height:2px;background:#fff; transform: translateY(0) translateX(0) rotate(-45deg);}

.detail-inpt input[type=text]{background:#fff !important;border:0px !important;}

.ui-datepicker{z-index: 99999 !important;}

/*검색 및 입력*/
.search-grid{width:100%;}

.scroll-ty01{overflow-x:auto;width:100%;overflow-y:auto;position:relative;}

/*tbl
.tbl-ty01{width:max-content;}*/
.tbl-ty01 table{}
.tbl-ty01 table thead{position: sticky;top:0;z-index: 9;}
.tbl-ty01 table thead th, .tbl-ty01 table.dataTable thead td{font-size:12px;height:20px;background:#f7f7f7;border-bottom:1px solid #ddd;}
.tbl-ty01 table thead tr:first-child th, .tbl-ty01 table.dataTable thead tr:first-child td{border-top:2px solid #111;}
.tbl-ty01 table tbody th, .tbl-ty01 table.dataTable tbody td{font-size:12px;white-space:nowrap;height:20px;padding:0px;line-height:unset;}
.tbl-ty01 table tbody th, .tbl-ty01 table.dataTable tbody td a.btn{margin:0px 2px 0px 0px;font-size:12px;height:24px;line-height:22px;}
.tbl-ty01 table tbody th, .tbl-ty01 table.dataTable tbody td a.btn:last-child{margin:0px;}

.list-box .tbl-ty01 .list-table th input[type="checkbox"], .list-box .tbl-ty01 .list-table td input[type="checkbox"]{height:20px !important;}

.area_inpt{width:100%;height:250px;resize: none;border:1px solid #ddd;padding:10px;font-size:14px;box-sizing:border-box;line-height:1.5;}
.flex-center{display:flex;align-items: center;justify-content: center;;}


/*수수료 팝업*/
.pop_form{width:100%;height:100vh;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index: 99999;display:none;}
.pop_form .pop_box{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.pop_form .pop_box .pop_header{width:100%;height:50px;justify-content: space-between;background:#2e6da4;display:flex;padding:0 20px;box-sizing:border-box;align-items: center;}
.pop_form .pop_box .pop_header .pop_title{font-size:18px;font-weight:bold;color:#fff;}

.pop_form .pop_box .pop_header .pop_close_btn{cursor: pointer;}
.pop_form .pop_box .pop_header .x-icon::before{content:"";display:block;width:20px;height:2px;background:#fff; transform: translateY(2px) translateX(0) rotate(45deg);}
.pop_form .pop_box .pop_header .x-icon::after{content:"";display:block;width:20px;height:2px;background:#fff; transform: translateY(0) translateX(0) rotate(-45deg);}

.pop_form .pop_box .pop_con{width:100%;padding:20px;box-sizing:border-box;background:#fff;}
.pop_form .pop_box .pop_con .pop_con_title{font-size:16px;font-weight:600;color:#111;border-left:3px solid #111;background:#f7f7f7;height:40px;display:flex;align-items: center;padding-left:10px;}

.pop_form .pop_box .pop_con .fees_data_form{width:100%;margin-top:20px;}
.pop_form .pop_box .pop_con .fees_data_form .fees_con{width:100%;margin-bottom:20px;}
.pop_form .pop_box .pop_con .fees_data_form .fees_con:last-child(){margin-bottom:0px;}

.pop_form .pop_box .pop_con .fees_data_form .fees_con .fees_con_title{font-size:14px;font-weight:bold;}
.pop_form .pop_box .pop_con .fees_data_form .fees_con .fees_summery{margin-top:5px;width:100%;padding:20px;box-sizing:border-box;border:1px solid #ddd;min-height:150px;}

.fees_flex{display:flex;width:100%;align-items: center;border-top:2px solid #111;border-bottom:1px solid #ddd;}
.fees_flex .fees_flex_title{width:200px;height:40px;background:#f7f7f7;display:flex;align-items: center;padding:0 20px;box-sizing:border-box;font-weight:600;}

.fees_flex .fees_flex_con{display:flex;align-items: center;width:calc( 100% - 200px );padding:0 20px;box-sizing:border-box;justify-content: space-between;}
.fees_flex .fees_flex_con .fees_flex_con_num span{font-weight:bold;}

.pop_tbl_form{width:100%;}
.pop_tbl_form table{width:100%;border-top:2px solid #111;}
.pop_tbl_form table tr th{background:#f7f7f7;border-bottom:1px solid #ddd;height:30px;vertical-align: middle;font-size:12px;}
.pop_tbl_form table tr td{height:30px;vertical-align: middle;padding:0 10px;box-sizing:border-box;}

.pop_tbl_form table tr.total_tbl td{height:40px;border-top:1px solid #111;border-bottom:1px solid #111;font-weight:bold;background:#f7f7f7;}
.pop_tbl_form table tr.total_tbl td.bg-focus{background:#eee;}

.pop_btn_form{width:100%;}
.pop_btn_form .pop_btn_box{display:flex;align-items: center;justify-content: center;}
.pop_btn_form .pop_btn_box .pop_btn_con{cursor: pointer;}

/*업로드*/
.filebox{display:flex;align-items: center;}
.file-input{border:0px;width:100%;background:#f7f7f7;height:30px;}
.file-input::file-selector-button{
    width: 100px;
    height: 30px;
    background: #fff;
    border: 1px solid #4cae4c;
    cursor: pointer;
    color:#fff;
    background:#5cb85c;
}
.file-input::file-selector-button:hover{text-decoration: underline;}

.detail_tbl_ty02 .detail-cont table tr td{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

/*lnb */
.gnb .nav_control{width:100%;}
.gnb .nav_control .nav_control_box{width:100%;display:flex;}
.gnb .nav_control .nav_control_box .nav_control_con{width:50%;}
.gnb .nav_control .nav_control_box .nav_control_con:first-child{padding-right:5px;}
.gnb .nav_control .nav_control_box .nav_control_con:last-child{padding-left:5px;}
.gnb .nav_control .nav_control_box .nav_control_con .nav_control_btn{width:100%;height:34px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;}
.gnb .nav_control .nav_control_box .nav_control_con .nav_control_btn.nav_all_open{background-color: #337ab7;border: 1px solid #2e6da4;box-sizing:border-box;color:#fff;}
.gnb .nav_control .nav_control_box .nav_control_con .nav_control_btn.nav_all_close{background-color: #777777;border: 1px solid #5c5c5c;box-sizing:border-box;color:#fff;}
.gnb .nav_control .nav_control_box .nav_control_con .nav_control_btn:hover{text-decoration: underline;}

.gnb_menu_form{margin-top:20px;width:100%;}
.gnb_menu_form .gnb_menu_box{width:100%;border-top:1px solid #ddd;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con{width:100%;border-bottom:1px solid #ddd;box-sizing:border-box;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con .depth02{display:flex;height:40px;align-items: center;font-size:16px;font-weight:400;color:#111;padding:0 10px;justify-content:space-between;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con .depth02::after{content:"";display:block;width:10px;height:10px;border-top:1px solid #ccc;border-right:1px solid #ccc;box-sizing:border-box;transform: rotate(45deg);transition: all ease 0.2s 0s;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con.active > .depth02, 
.gnb_menu_form .gnb_menu_box .gnb_menu_con .depth02.active{color:#337ab7;font-weight:bold;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con.active > .depth02:after,
.gnb_menu_form .gnb_menu_box .gnb_menu_con .depth02.active::after{border-right:1px solid #337ab7;border-top:1px solid #337ab7;transform: rotate(135deg);margin-top:-5px;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con .depth02.not_depth{color:#337ab7;font-weight:bold;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con .depth02.not_depth::after{border-right:1px solid #337ab7;border-top:1px solid #337ab7;transform: rotate(45deg);margin-top:0px;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con .depth02:hover{color:#337ab7;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con.active .depth02 {color:#337ab7;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con.active .gnb_box {display:block;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con ul{width:100%;padding:15px;box-sizing:border-box;background:#f7f7f7;display:none;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li{margin-bottom:10px;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li:last-child{margin-bottom:0px;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li a.depth03{width:100%;position:relative;font-size:14px;font-weight:400;color:#333;display:flex;align-items: center;cursor:pointer;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li a.depth03::before{content: "";display:block;width:3px;height:3px;border-radius:4px;background:#333;margin-right:5px;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li.active a,
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li a.depth03.active{color:#337ab7;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li.active a::before,
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li a.depth03.active::before{background:#337ab7;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li a.depth03:hover{text-decoration: underline;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li a.plus-icon::after{content:"+";display:block;position:absolute;right:0px;top:50%;transform: translate(0px, -50%);font-size:20px;font-weight:400;color:#999;margin-top:-2px;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li a.plus-icon.active::after{content:"-";display:block;font-size:30px;font-weight:400;color:#337ab7;margin-top:-5px;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li ul{padding:10px;background:#fff;box-sizing:border-box;margin-top:5px;display:none;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li ul li a.depth04{font-size:12px;font-weight:400;color:#333;display:flex;align-items: center;cursor:pointer;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li ul li a.depth04::before{content: "";display:block;width:3px;height:1px;background:#333;margin-right:3px;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li ul li a.depth04.active{color:#2e6da4;}
.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li ul li a.depth04.active::before{background:#2e6da4;}

.gnb_menu_form .gnb_menu_box .gnb_menu_con ul li ul li a.depth04:hover{text-decoration: underline;}

/*2023-03-06 추가*/
.tui-grid-cell-current-row td{background-color:#f1fbff !important;}

.tui-grid-cell-editable{padding:0 5px !important;box-sizing:border-box;}
.tui-grid-cell-editable .tui-grid-cell-content{color:#000;border:1px solid #ddd;height:30px !important;line-height:30px;display:block;padding:0 5px !important;}


/*그리드 공통*/
.tbl-line-ty tr td{border-right:1px solid #ddd;}
.tbl-line-ty tr td:last-child{border-right:0px;}

.dataTables_processing{z-index: 99;}

.data-tbl-set{width:100%;height:372px;overflow:auto;}


/*tbl*/
.foo {background:#FFF9C4 !important;}
.bar {background:#E0F7FA !important;}

.tbl-wrap{width:100%;margin-top:50px;}
.tbl-wrap:first-child{margin-top:0px;}
.tbl-wrap .tbl-con-title{font-size:20px;font-weight:600;letter-spacing: -0.5px;display:flex;align-items: center;}
.tbl-wrap .tbl-con-title .title_qa_btn{display:flex;width:20px;height:20px;padding-bottom:1px;padding-right:1px;box-sizing:border-box;background:#000;color:#fff;font-size:12px;align-items: center; justify-content: center;border-radius: 100%;margin-left:10px;cursor:pointer;}

.tbl-tab ul { font-size: 0; }
.tbl-tab ul li { display: inline-block; vertical-align: bottom; min-width: 40px; height: 28px; padding: 0 10px; border-bottom: 1px solid #ccc; background-color: #eee; text-align: center; font-size: 12px; line-height: 26px; font-weight: 500; color: #666; box-sizing: border-box; cursor: pointer; }
.tbl-tab ul li ~ li { border-left: 1px solid #fff; }
.tbl-tab ul li.active { height: 34px; border: 1px solid #ccc; border-bottom: 0; background-color: #fff; font-size: 14px; font-weight: 700; color: #333; line-height: 32px; }

.tbl-wrap .tbl-box{width:100%;}
.tbl-wrap .tbl-box .tbl-data-txt{width:100%;text-align:right;margin-bottom:10px;}

.tbl-wrap .tbl-box .data-tbl-ty01{width:100%;border-top:2px solid #000;}
.tbl-wrap .tbl-box .data-tbl-ty01 tr th{vertical-align: middle;line-height:1.2;position:relative;height:20px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:#eee !important;padding:5px 10px;box-sizing:border-box;font-weight:600;font-size:14px;}
.tbl-wrap .tbl-box .data-tbl-ty01 tr th:first-child{border-left:1px solid #ccc;}

.tbl-wrap .tbl-box .data-tbl-ty01 tr td{vertical-align: middle;line-height:1.2;position:relative;height:30px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:7px 5px;font-size:12px;box-sizing:border-box;text-align: center;}
.tbl-wrap .tbl-box .data-tbl-ty01 tr td:first-child{border-left:1px solid #ddd;}
.tbl-wrap .tbl-box .data-tbl-ty01 tr td.sub_th{background:#f7f7f7 ;font-weight:600;}

.tbl-wrap .tbl-box .data-tbl-ty01 tr th.sub_th01{background: #f7f7f7 !important;font-weight:600;font-size:12px;border-right:1px solid #ddd;}
.tbl-wrap .tbl-box .data-tbl-ty01 tr th.sub_th02{background: #ffffff !important;font-weight:400;font-size:12px;padding:7px 5px;border-right:1px solid #ddd;}

.tbl-wrap .tbl-box .data-tbl-ty01 tr td .td-title-txt{position:absolute;top:7px;z-index: 1;white-space: nowrap;}
.tbl-wrap .tbl-box .data-tbl-ty01 tr th .td-title-txt{position:absolute;top:7px;z-index: 1;white-space: nowrap;}

.tlb_h_none{background:#fff !important;}

.js-active{background:#E0F7FA;}

.border-b-none{border-bottom:0px !important;}
.border-r-none{border-right:0px !important;}
.border-l-none{border-left:0px !important;}
.border-t-none{border-top:0px !important;}

.border-b-th{border-bottom:1px solid #eee !important;}
.border-t-th{border-top:1px solid #eee !important;}
/*
border-b-none{border-bottom:1px solid #eee !important;}
th.border-r-none{border-right:1px solid #eee !important;}
th.border-l-none{border-left:1px solid #eee !important;}
th.border-t-none{border-top:1px solid #eee !important;}

.sub_th.border-b-none{border-bottom:1px solid #f7f7f7 !important;}
.sub_th.border-r-none{border-right:1px solid #f7f7f7 !important;}
.sub_th.border-l-none{border-left:1px solid #f7f7f7 !important;}
.sub_th.border-t-none{border-top:1px solid #f7f7f7 !important;}
*/


.border-l{border-left:1px solid #ddd !important;}
.border-r{border-right:1px solid #ddd !important;}
.border-t{border-top:1px solid #ddd !important;}
.border-b{border-bottom:1px solid #ddd !important;}

.txt-l{text-align:left !important;}
.txt-r{text-align:right !important;}
.txt-t{vertical-align:top !important;}
.txt-b{vertical-align:bottom !important;}

.red_focus_txt{color:red;}
.tbl_focus_blue td{background:#edf3f9;}
.tbl-wrap .tbl-box .data-tbl-ty01 tr.tbl_focus_blue th.sub_th02{background:#edf3f9 !important;}
.tbl_bold td{font-weight:600;}
.tbl-top-line td{border-top:2px solid #999 !important;}
.tbl-top-line th{border-top:2px solid #999 !important;}
.tbl-right-line{border-right:2px solid #999 !important;}

.txt-nowrap{white-space: nowrap;}
.tbl-summery-box{margin-top:10px;}

.mgb20{margin-bottom:20px;}

/*보류관리 텝*/
.list_tab_form{width:100%;height:40px;border-bottom:1px solid #ddd;box-sizing:border-box;margin-bottom:40px;}
.list_tab_form .list_tab_box{width:100%;display:flex;}
.list_tab_form .list_tab_box .list_tab_con{display:flex;height:40px;align-items: center;justify-content: center;padding:0 20px;box-sizing:border-box;font-size:18px;cursor:pointer;padding-bottom:2px;font-weight:600;color:rgba(0,0,0,0.3);}
.list_tab_form .list_tab_box .list_tab_con:first-child{border-right:0px;}

.list_tab_form .list_tab_box .list_tab_con.active{border-bottom:2px solid #000;padding-bottom:0px;color:#000;}

/*문의 내역 관리 팝업*/
.qna_set_form{width:100%;}
.qna_set_box{width:100%;margin-top:20px;display:flex;justify-content: space-between;height:calc( 100vh - 122px );}
.qna_set_box .qna_set_con{width:calc(50% - 10px);box-sizing:border-box;overflow-y:auto;padding:20px;background:#fff;box-sizing:border-box;}

.qna_set_box .qna_set_con .qna_box{width:100%;margin-top:30px;}
.qna_set_box .qna_set_con .qna_box:first-child{margin-top:0px;}

.qna_set_box .qna_set_con .qna_box .qna_con_title{font-size:18px;font-weight:600;}

.qna_set_box .qna_set_con .qna_box .qna_con_box{width:100%;margin-top:10px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl{width:100%;border-top:2px solid #111;}

.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr th{background:#f7f7f7;padding:10px;box-sizing:border-box;border-bottom:1px solid #ddd;vertical-align: middle;height:40px;font-size:12px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr td{border-bottom:1px solid #ddd;padding:10px;box-sizing:border-box;vertical-align: middle;height:40px;font-size:12px;}

.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr td .summery_box{line-height:1.2;font-size:12px;}

.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr td input{width:100%;padding:0 10px;box-sizing: border-box;font-size:12px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr td select{width:100%;max-width:150px;font-size:12px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr td textarea{width:100%;font-size:12px;height:150px;resize:none;border:1px solid #d1d1d1;box-sizing:border-box;padding:10px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr td input:read-only{background:#eee;outline: unset;font-size:12px;}

.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_tbl tr td .inpt_ty02{width:calc( 100% - 57px );}

.qna_set_box .qna_set_con .qna_box .qna_con_box .btn_position_set{margin-top:-4px;margin-left:-2px;}

.qna_set_box .qna_set_con .qna_box .qna_con_box .insert_btn_box{width:100%;margin-top:10px;text-align:center;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .insert_btn_box a{margin:0 auto;}

.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02{width:100%;margin-top:10px;padding-bottom:20px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02:last-child{margin-bottom:0px;}

.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02 .qna_tbl{width:100%;border-top:2px solid #111;}

.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02 .qna_tbl tr th{background:#f7f7f7;padding:10px;box-sizing:border-box;border-bottom:1px solid #ddd;vertical-align: middle;height:40px;font-size:12px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02 .qna_tbl tr td{border-bottom:1px solid #ddd;padding:10px;box-sizing:border-box;vertical-align: middle;height:40px;font-size:12px;}

.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02 .qna_tbl tr td .a_summery p{margin-top:15px;line-height:1.2;font-size:12px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02 .qna_tbl tr td .a_summery p:first-child{margin-top:0px;}
.qna_set_box .qna_set_con .qna_box .qna_con_box_ty02 .qna_tbl tr td .a_summery{width:100%;}

.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_list_ty{width:100%;margin-top:10px;border-top:1px solid #111;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_list_ty tr th{border-bottom:1px solid #ddd;height:30px;font-size:12px;background:#f7f7f7;vertical-align: middle;text-align: center;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_list_ty tr td{border-bottom:1px solid #ddd;height:30px;font-size:12px;background:#fff;vertical-align: middle;text-align: center;padding:0 10px;box-sizing:border-box;}
.qna_set_box .qna_set_con .qna_box .qna_con_box .qna_list_ty tr td:nth-child(2){text-align:left;}

.flex-con{display:flex;}

.search-flex{width:40%;}
.chk-tbl-form{width:calc( 60% - 20px );margin-left:20px;}

.chk-tbl-form table{width:100%;border-top:2px solid #777;}
.chk-tbl-form table tr th{background:#efefef;height:36.5px;text-align: center;vertical-align: middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;}

.chk-tbl-form table tr th:last-child{border-right:0px;}

.chk-tbl-form table tr td{height:36.5px;text-align: center;vertical-align: middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;padding:0 10px;}
.chk-tbl-form table tr td:first-child{background:#efefef;font-weight:600;}
.chk-tbl-form table tr td:last-child{border-right:0px;}

.chk-tbl-form .btns{text-align:center;padding-top:12px;}


/*23.04.12 견적산정*/
.column_ty03{width:100%;margin-top:20px;}
.column_ty03 .column_form{width:100%;display:flex;justify-content: space-between;}
.column_ty03 .column_form .column_box{width:calc( 33.33% - 9px );background:#fff;padding:10px;box-sizing:border-box;height:calc( 100vh - 102px ); overflow-y: auto;}
 
.column_form .column_box .column_con{width:100%;margin-top:20px;}
.column_form .column_box .column_con:first-child{margin-top:0px;}

.column_form .column_box .column_con .column_tbl{width:100%;border-top:2px solid #000;box-sizing:border-box;}
.column_form .column_box .column_con .column_tbl tr td.hd{font-weight:800;background:#f7f7f7;text-align: center;}
.column_form .column_box .column_con .column_tbl tr td{font-size:12px;padding:5px;box-sizing:border-box;border-bottom:1px solid #ddd;height:40px;vertical-align: middle;word-break: keep-all;}

.tbl_info_txt{font-size:11px;margin-top:5px;color:#d43f3a;line-height:1.3;word-break: keep-all;letter-spacing: -0.5px;}
.column_form .column_box .column_con .column_tbl tr td .btn{vertical-align: unset;cursor: pointer;}
.column_form .column_box .column_con .column_tbl tr td input{padding:0 5px;box-sizing:border-box;}
.column_form .column_box .column_con .column_tbl tr td textarea{padding:5px;box-sizing:border-box;resize:none;width:100%;height:100px;border:1px solid #ddd;}

.column_form .column_box .column_con .column_tbl tr td .wd50{width:50%;}
.column_form .column_box .column_con .column_tbl tr td .wd60{width:60%;}
.column_form .column_box .column_con .column_tbl tr td .wd70{width:70%;}
.column_form .column_box .column_con .column_tbl tr td .wd80{width:80%;}
.column_form .column_box .column_con .column_tbl tr td .wd90{width:90%;}
.column_form .column_box .column_con .column_tbl tr td .wd100{width:100%;}

.column_form .column_box .column_con .column_tbl tr td .mgt5{margin-top:5px;}
.align_r{text-align:right;}
.column_form .column_box .column_con .insert_btn_form{width:100%;margin-top:10px;display:flex;justify-content: center;align-items: center;}

.column_form .column_box .column_con .column_tbl tr td .terms_form{width:100%;display:flex;justify-content:space-between;align-items: center;}
.column_form .column_box .column_con .column_tbl tr td .terms_form .terms_box .terms_con{margin-top:5px;font-size:12px;}
.column_form .column_box .column_con .column_tbl tr td .terms_form .terms_box .terms_con:first-child{margin-top:0px;}

.column_form .column_box .column_con .column_tbl tr td table{width:100%;border-top:1px solid #ddd;box-sizing:border-box;}
.column_form .column_box .column_con .column_tbl tr td table tr td{text-align: center;}
.column_form .column_box .column_con .column_tbl tr td table tr td.hd{background:#f4fcff;}

.column_form .column_box .column_con .column_tbl tr td .car_option_txt{font-size:12px;margin-top:5px;}
.column_form .column_box .column_con .column_tbl tr td .car_option_txt:first-child{margin-top:0px;}

.car_state_form{width:100%;}
.car_state_form .car_state_box{width:100%;display: flex; justify-content: space-between;margin-top:5px;}
.car_state_form .car_state_box:first-child{margin-top:0px;}
.car_state_form .car_state_box div{font-size:12px;}

.car_state_form.total{margin-top:10px;border-top:1px dashed #ccc;padding-top:10px;}
.car_state_form.total .car_state_box div{font-size:12px;font-weight:800;}
.car_state_form.total .car_state_box div.car_state_money{color:#0000ee;}

.sms_tbl{margin-top:20px;display:none;}

.sms_toggle_btn{width:80px;height:30px;background:#404040;color:#fff;display:flex;align-items: center;justify-content: center;margin-right:0px;margin-left:auto;cursor:pointer;}
.sms_toggle_btn .arrow_icon{position:relative;width:13px;height:13px;margin-left:10px;}
.sms_toggle_btn .arrow_icon::after{position: absolute;left: 0; top: 0; content: '';width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(135deg);transition: all 0.2s;}
.sms_toggle_btn.active .arrow_icon::after{position: absolute;left: 0; top: 5px; content: '';width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(315deg);transition: all 0.2s;}

.tbl_title{width:100%;display:flex;justify-content: space-between;align-items: center;margin-bottom:10px;height:30px;}
.tbl_title .title_txt{font-size:16px;font-weight:800;}


/*23.04.12 레이어 팝업*/
.layer_pop_form{width:100%;height:100vh;background:rgba(0,0,0,0.5);position: fixed;top:0;left:0;display:none;display:none;z-index: 1001;}
.layer_pop_form .layer_pop_box{padding:20px;box-sizing:border-box;background:#fff;position:absolute;left:50%;top:50%;transform: translate( -50% , -50% );}

.layer_pop_form .layer_pop_box .layer_pop_head{width:100%;display:flex;justify-content: space-between;align-items: center;box-sizing:border-box;}
.layer_pop_form .layer_pop_box .layer_pop_head .layer_pop_title{font-size:18px;font-weight:700;letter-spacing: -0.5px;}
.layer_pop_form .layer_pop_box .layer_pop_head .layer_pop_close{cursor:pointer;}
.layer_pop_form .layer_pop_box .layer_pop_head .layer_pop_close .close_btn_icon{position: relative;display: block;width: 24px;height: 24px;margin: auto;text-align: center;overflow: hidden;}
.layer_pop_form .layer_pop_box .layer_pop_head .layer_pop_close .close_btn_icon::before{content:"";display: block;position: absolute;left:0;top: 11px;width: 22px;height: 2px;background: #000; transform: translateY(0) translateX(0) rotate(-45deg);}
.layer_pop_form .layer_pop_box .layer_pop_head .layer_pop_close .close_btn_icon::after{content:"";display: block;position: absolute;left:0;top: 11px;width: 22px;height: 2px;background: #000; transform: translateY(0) translateX(0) rotate(45deg);}

.layer_pop_form .layer_pop_box .layer_pop_con{margin-top:10px;}

.buyback_pay_tbl{width:400px;}
.buyback_pay_tbl table{width:100%;border-top:2px solid #000;box-sizing:border-box;}
.buyback_pay_tbl table tr td{vertical-align: middle;height:40px;border-bottom:1px solid #ddd;padding:5px;box-sizing:border-box;}
.buyback_pay_tbl table tr td:first-child{background:#f7f7f7;font-weight:800;text-align:center;}

.dc_chk_form{width:400px;margin-top:20px;border:1px solid #ddd;padding:0px;box-sizing:border-box;}
.dc_chk_form .dc_chk_box{display:flex;flex-wrap: wrap;width:100%;}
.dc_chk_form .dc_chk_box .dc_chk_con{width:50%;display:flex;align-items: center;}
.dc_chk_form .dc_chk_box .dc_chk_con label{width:100%;display:flex;align-items: center;padding:5px 10px;box-sizing:border-box;}
.dc_chk_form .dc_chk_box .dc_chk_con label span{font-weight:400;margin-left:5px;}
.dc_chk_form .dc_chk_box .dc_chk_con label:hover{background:#eee;}

.layer_pop_btn_form{width:100%;display:flex;align-items: center;justify-content: center;margin-top:20px;}
.layer_pop_btn_form a{cursor:pointer;}


/*23.04.14 사진 보기*/
.photo_gallery_form {margin-top:20px;}
.photo_gallery_form .photo_gallery_box{margin:0 auto;}
.photo_gallery_form .photo_gallery_box .pictures {float:left; width:100%; height:650px; overflow:hidden;margin:0 auto;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail {position:relative; height:600px; background:#000;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail img {display:block; margin:0 auto; width:900px; height:600px;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn {display:block; position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; background:rgba(0,0,0,.2); border-radius:50em; border:0;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn {position:absolute; top:50%; z-index:100; overflow:hidden; margin-top:-30px; width:60px; height:60px; background:rgba(0,0,0,.2); border-radius:50em;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn:before {display:inline-block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:15px; height:15px; border-left:2px solid #fff; border-bottom:2px solid #fff;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn.prev {left:14px; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition:left .15s;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn.prev:hover {left:11px;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn.next {right:14px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); transition:right .15s;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn.next:hover {right:11px;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn-full-size,
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn-close-full-size {display:inline-block; position:absolute; right:10px; padding:0 10px 0; height:30px; line-height:30px; color:#fff; background:#292928;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn-full-size {bottom:10px;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn-full-size i,
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn-close-full-size i {position:relative; top:2px; margin-right:10px; color:#fff; font-size:16px;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .btn-close-full-size {display:none; top:10px;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail.full-screen .btn-full-size {display:none;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail.full-screen .btn-close-full-size {display:inline-block;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .selling-point {display:none; position:absolute; left:0; bottom:0; width:100%; height:100px; text-align:center; background:linear-gradient(to bottom, transparent, rgba(0,0,0,.8));}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .selling-point.active {display:block;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .selling-point li {display:none; padding:20px 0 0;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .selling-point li.active {display:block;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .selling-point li strong {display:block; color:#fff; font-size:24px;}
.photo_gallery_form .photo_gallery_box .pictures .img-detail .selling-point li p {display:block; color:#fff; font-size:18px;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails {position:relative; height:50px; background:#000;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails li {position:relative; float:left; width:75px; cursor:pointer;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails li:nth-child(1) {width:74px;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails li:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails li.active:after {display:none;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails li img {display:block; width:75px; height:50px;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails .btn {display:block; position:absolute; top:0; z-index:100; margin:0; padding:0; width:30px; height:50px; line-height:50px; text-align:center; background:#000;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails .btn i {position:relative; top:4px; color:#fff; font-size:26px;}
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails .btn.prev-group {left:0;} 
.photo_gallery_form .photo_gallery_box .pictures .img-thumbnails .btn.next-group {right:0;}

.scale_return img{transform: translate(-0px, -0px) scale(1) !important;cursor: default !important;}



@media screen and (min-width: 1921px) {
    .tb-gird .tui-grid-body-area {
        margin-right: 17px;
    }
}


/*23.04.25 매입등록 추가*/
.con_title{font-size:20px;font-weight:600;letter-spacing: -0.5px;}
.con_sub_title{font-size:14px;font-weight:700;position:relative;padding-left:10px;box-sizing: border-box;}
.con_sub_title::before{content:"";display:block;width:4px;height:4px;background:#aaa;margin-right:5px;position: absolute; left:0px;top:6px;}
.con_sub_title .con_subt_sum{display:block;font-size:12px;font-weight:500;color:#666;margin-top:2px;}
.con_data_title{font-size:16px;font-weight:700;margin-bottom:10px;width:100%;display:flex;align-items: center;box-sizing:border-box;border-bottom:1px solid #eee;padding-bottom:10px;}
.con_data_title::before{content:"";display:block;width:6px;height:6px;background:#08f;margin-right:5px;border-radius: 5px;}
.con_data_title .slide_btn{margin-left:10px;display:flex;align-items: center;width:24px;height:24px;border:1px solid #ccc;background:#f7f7f7;box-sizing:border-box;justify-content: center;cursor:pointer;}
.con_data_title .slide_btn img{width:14px;margin-top:2px; transition: 0.2s;}
.con_data_title .slide_btn.active img{transform: rotate(180deg);margin-top:0px;}

.con_data_sub_title{font-size:14px;font-weight:600;display:flex;align-items: center;}
.con_data_sub_title::before{content:"";display: block;width:6px;height:2px;margin-right:3px;background:#666;}

.pop_sub_title{font-size:16px;font-weight:700;letter-spacing: -0.5px;}
.pop_sub_title .totle_txt{font-size:14px;margin-left:5px;color:#2e6da4;border-left: 1px solid #ddd;padding-left:10px;font-weight:400;}

.flex_type{display:flex;align-items: center;}
.flex_wrap{flex-wrap: wrap;}
.flex_between{justify-content: space-between;}

.con_form{width:100%;margin-bottom:60px;padding-bottom:40px;box-sizing:border-box;border-bottom:1px solid #000;}
.con_form:last-child{margin-bottom:0px;border-bottom:0px;}

.con_form .con_box{width:100%;margin-top:20px;}
.con_form .con_box .con_flex{display:flex;flex-wrap: wrap;}
.con_form .con_box .con_flex .con_flex_ty1{width:100%;}
.con_form .con_box .con_flex .con_flex_ty2{width:50%;}
.con_form .con_box .con_flex .con_flex_ty2_mg80{width:calc( 50% - 30px );}
.con_form .con_box .con_flex .con_flex_ty3{width:33.33%;}
.con_form .con_box .con_flex .con_flex_ty3_mg80{width:calc( 33.33% - 40px);}
.con_form .con_box .con_flex .con_flex_ty3_col_mg80{width:calc( 66.66% - 20px);}
.con_form .con_box .con_flex .con_flex_ty3_col{width:66.66%;}
.con_form .con_box .con_flex .con_flex_ty4{width:25%;}
.con_form .con_box .con_flex .con_flex_ty4_mg80{width:calc( 25% - 45px );}

.con_form .con_box .car_select{width:100%;}
.con_form .con_box .car_select .car_select_box{width:250px;height:200px;}

.con_form .con_box input{padding:0 10px;box-sizing:border-box;}

.car_state_form02{width:100%;}
.car_state_form02 .car_state_box{width:100%;height:150px;border:1px solid #ddd;box-sizing:border-box;padding:10px;overflow-y: scroll;}
.car_state_form02 .car_state_box .car_state_con{display:flex;justify-content: space-between;align-items: center;font-size:12px;border-bottom:1px dashed #ddd;padding:10px 0;box-sizing:border-box;}
.car_state_form02 .car_state_box .car_state_con:last-child{border-bottom:0px;padding-bottom:0px;}
.car_state_form02 .car_state_box .car_state_con:first-child{padding-top:0px;}
.car_state_form02 .car_state_box .car_state_con .car_state_txt{font-size:12px;}

.insurance_list_box{height:30px;display:flex;align-items: center;background:#f7f7f7;border:1px solid #ccc;box-sizing:border-box;padding:0 10px;}

.con_form .con_box label{position:relative;top:2px;}
.con_form .con_box label input[type="radio"]{position:relative;top:-1px;vertical-align: middle;}
.con_form .con_box label span{font-weight:400;}

.select_box select{width:100%;max-width:200px;}
.select_ty02 select{height:200px;}
.help_ico{width:20px;height:20px;border-radius: 20px;display:flex;align-items: center;justify-content: center;background:#777777;color:#fff;box-sizing:border-box;margin-left:5px;cursor: pointer;font-weight:400;font-size:14px;position: absolute; right:10px;}

.file_form{width:100%;}
.file_form .file_form_hd{width:100%;height:40px;display:flex;align-items: center; justify-content: center;background:#f7f7f7;border-top:1px solid #000;font-weight:700;border-bottom:1px solid #ccc;}

.file_form .file_list{width:100%;}
.file_form .file_box{width:100%;display:flex;border-bottom:1px solid #ddd;height:40px;align-items: center;}
.file_form .file_box .file_delete{width:80px;height:40px;display:flex;align-items: center; justify-content: center;border-right:1px solid #ccc;}
.file_form .file_box .file_delete .file_delete_btn{width:24px;height:24px;border-radius: 24px;background:#d9534f;display:flex;align-items: center; justify-content: center; position:relative;cursor:pointer;}
.file_form .file_box .file_delete .file_delete_btn::before{content:"";display:flex;width:12px;height:2px;background:#fff;}
.file_form .file_box .file_con{width:calc( 100% - 80px );}
.file_form .file_box .file_con input[type="file"]{height:auto;border:0px;}

.file_form .add_file_box{width:100%;height:40px;display:flex;align-items: center;border-bottom:1px solid #ccc;padding:0 20px;box-sizing:border-box;background:#f2fff5;}
.file_form .add_file_box .add_file_btn{cursor: pointer;display:flex;align-items: center;margin-left:8px;}
.file_form .add_file_box .add_file_btn .add_file_ico{width:24px;height:24px;border-radius: 24px;background:#5cb85c;display:flex;align-items: center; justify-content: center; position:relative;cursor:pointer;}
.file_form .add_file_box .add_file_btn .add_file_ico::before{content:"";display:flex;width:12px;height:2px;background:#fff;position: absolute;top:50%;left:50%;transform: translate( -50% , -50% );}
.file_form .add_file_box .add_file_btn .add_file_ico::after{content:"";display:flex;width:2px;height:12px;background:#fff;position: absolute;top:50%;left:50%;transform: translate( -50% , -50% );}

.file_form .add_file_box .add_file_btn .add_file_txt{margin-left:5px;}

.list_delete_box{width:40px;box-sizing:border-box;display:flex;align-items: center;justify-content: center;margin-top:-20px;}
.list_delete_box .list_delete_btn{width:24px;height:24px;border-radius: 24px;background:#d9534f;display:flex;align-items: center; justify-content: center; position:relative;cursor:pointer;}
.list_delete_box .list_delete_btn::before{content:"";display:flex;width:12px;height:2px;background:#fff;}

.add_btn_box{width:100%;height:40px;display:flex;align-items: center;border-bottom:1px solid #ccc;padding:0 10px;box-sizing:border-box;background:#f2fff5;}
.add_btn_box .add_btn{cursor: pointer;display:flex;align-items: center;}
.add_btn_box .add_btn .add_btn_ico{width:24px;height:24px;border-radius: 24px;background:#5cb85c;display:flex;align-items: center; justify-content: center; position:relative;cursor:pointer;}
.add_btn_box .add_btn .add_btn_ico::before{content:"";display:flex;width:12px;height:2px;background:#fff;position: absolute;top:50%;left:50%;transform: translate( -50% , -50% );}
.add_btn_box .add_btn .add_btn_ico::after{content:"";display:flex;width:2px;height:12px;background:#fff;position: absolute;top:50%;left:50%;transform: translate( -50% , -50% );}
.add_btn_box .add_btn .add_btn_txt{margin-left:5px;}

.seize_list{margin-top:20px;}
.seize_list:first-child{margin-top:0px;}

.slide_box{display:none;}

/*width*/
.wd70{width:70px;}
.wd70_type{width:calc( 100% - 70px );}

.wd100{width:100px;}
.wd100_type{width:calc( 100% - 100px );}
.wd100_type02{width:calc( 100% - 105px );}
.wd100p{width:100%;}
.wd100p_mg56{width:calc( 100% - 56px );}
.wd100p_mg50{width:calc( 100% - 50px );}
.wd100p_mg100{width:calc( 100% - 100px );}

.wd120{width:120px;}
.wd120_type{width:calc( 100% - 120px );}

.wd140{width:140px;}
.wd140_type{width:calc( 100% - 145px );}

.wd150{width:150px;}
.wd200{width:200px;}
.wd240{width:230px;}

.max_wd990{width:100%;max-width:990px;}


/*margin mgl = margin-left, mgt = margin-top, mgr = margin-right, mgb = margin-bottom*/
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl20{margin-left:20px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}
.mgl60{margin-left:60px;}
.mgl80{margin-left:80px;}

.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb40{margin-bottom:40px;}
.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt40{margin-top:40px !important;}

/*padding*/
.pdt0{padding-top:0px !important;}

.pdb0{padding-bottom:0px !important}
.pdb20{padding-bottom:20px;box-sizing:border-box;}
.pdb40{padding-bottom:40px;box-sizing:border-box;}

.pdr20{padding-right:20px;box-sizing:border-box;}
.pdr80{padding-right:80px;box-sizing:border-box;}

.pdl80{padding-left:80px;box-sizing:border-box;}

.pd5{padding:0px 10px 5px 10px !important ;box-sizing:border-box;}

/*border*/
.border-b0{border-bottom:0px !important;}
.border-t0{border-top:0px !important;}

/*focus*/
.focus_blue{color:#0000ee;}
.align_top{align-items: flex-start;}


/*text align*/
.t_center{text-align:center;}

.txt_b{font-weight:700 !important;}

/*차량검색 공통 팝업*/
.layer-pop-center{left:50% !important;top: 50% !important;transform: translate(-50%, -50%) !important;}

.pop_search_form{width:100%;display:flex;border-bottom:1px solid #ddd;padding-bottom:20px;}
.pop_car_search{display:flex;align-items: center;}
.pop_car_search .pop_car_seach_title{font-size:14px;font-weight:700;}
.pop_car_search .car_search_box{display:flex;align-items: center;margin-left:10px;}

.pop_car_tbl_form{margin-top:20px;width:100%;}
.pop_car_tbl_form .pop_tbl_tittle{font-size:14px;font-weight:700;}
.pop_car_tbl_form table{width:100%;border-top:2px solid #000;box-sizing:border-box;margin-top:10px;}
.pop_car_tbl_form table tr th{background:#f7f7f7;height:40px;vertical-align: middle;text-align: center;border-bottom:1px solid #ddd;}
.pop_car_tbl_form table tr td{height:40px;vertical-align: middle;text-align: center;border-bottom:1px solid #ddd;box-sizing:border-box;}

.pop_car_tbl_form table tr:hover td{background:#f3f8fa;}

/*차량번호변경*/
.car_search_info{width:100%;}
.car_search_info .car_search_info_box{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;margin-top:10px;}
.car_search_info .car_search_info_box .car_search_info_con{width:calc( 50% - 20px );display:flex;align-items: center;margin-top:10px;}
.car_search_info .car_search_info_box .car_search_info_con .car_info_title{font-size:14px;font-weight:700;width:80px;}
.car_search_info .car_search_info_box .car_search_info_con .car_info_txt{width:calc( 100% - 80px );}
.car_search_info .car_search_info_box .car_search_info_con .car_info_txt input{width:100%;height:30px;padding:0 10px;box-sizing:border-box;}


/*일괄매입등록*/
.excel_upload_form{}
.excel_upload_form .excel_upload_box{height:30px;display:flex;align-items: center;border:1px solid #ccc;box-sizing:border-box;}
.excel_upload_form .excel_upload_box input[type="file"]{border:0px;margin-top:6px;margin-left:2px;}

.tbl-ty01 table tbody th, .tbl-ty01 table.dataTable tbody td.btn_td{white-space: unset;}
.btn{cursor: pointer;}

.car_register_list{width:100%;margin-top:20px;}
.car_register_list table{width:100%;border-top:2px solid #000;}
.car_register_list table tr th{width:25%;box-sizing:border-box;border-bottom:1px solid #ddd;height:40px;vertical-align: middle;background:#f7f7f7;}
.car_register_list table tr td{height:40px;vertical-align: middle;text-align: center;border-bottom:1px solid #ddd;}
.car_register_list table tr:hover td{background:#eee;}

.data_total_txt_form{margin-top:10px;font-size:14px;padding-top:10px;box-sizing:border-box;border-top:1px solid #ddd;}
.data_total_txt_form .data_total_txt{display:flex;align-items: center;}
.data_total_txt_form .data_total_txt::before{content:"";display:block;width:4px;height:4px;border-radius: 4px;margin-right:5px;background:#ccc;}

.btn_off{background:#bbb;border:1px solid #aaa;}

.date_prev_btn{cursor:pointer;width:30px;height:30px;border-radius: 30px;border:1px solid #ccc;display:flex;align-items: center;justify-content: center;box-sizing:border-box;margin-right:5px;}
.date_prev_btn img{width:6px;margin-left:-2px;}
.date_prev_btn:hover{background:#f7f7f7;}

.date_next_btn{cursor:pointer;width:30px;height:30px;border-radius: 30px;border:1px solid #ccc;display:flex;align-items: center;justify-content: center;box-sizing:border-box;margin-left:5px;}
.date_next_btn img{width:6px;margin-left:2px;}
.date_next_btn:hover{background:#f7f7f7;}

.inpt_select{position:relative;}
.inpt_select::before{content:"";display:flex;width:12px;height:12px;background:url(/resources/images/btn_calendar_next.gif) no-repeat center;background-size: auto 100%;transform: rotate(90deg);position:absolute;top:17px;right:20px;z-index: 7;}
.inpt_select.active::before{content:"";display:flex;width:12px;height:12px;background:url(/resources/images/btn_calendar_next.gif) no-repeat center;background-size: auto 100%;transform: rotate(270deg);position:absolute;top:17px;right:20px;z-index: 19;}
.inpt_select input{position:relative;z-index: 5;}
.inpt_select .inpt_select_form{width:100%;padding:10px;box-sizing:border-box;position: absolute;top:27px;left:0;z-index: 16;display:none;}
.inpt_select .inpt_select_form .inpt_select_box{width:100%;border:1px solid #ccc;box-sizing:border-box;background:#fff;}
.inpt_select .inpt_select_form .inpt_select_box .inpt_select_txt{width:100%;height:30px;padding:0 10px;box-sizing:border-box;cursor:pointer;border-bottom:1px solid #ddd;display:flex;align-items: center;}
.inpt_select .inpt_select_form .inpt_select_box .inpt_select_txt:last-child{border-bottom:0px;}

.inpt_select .inpt_select_form .inpt_select_box .inpt_select_txt:hover{background:#f7f7f7;}


.people_list{width:100%;margin-top:20px;}
.people_list table{width:100%;border-top:2px solid #000;}
.people_list table tr th{box-sizing:border-box;border-bottom:1px solid #ddd;height:40px;vertical-align: middle;background:#f7f7f7;}
.people_list table tr td{height:40px;vertical-align: middle;text-align: center;border-bottom:1px solid #ddd;padding:2px 0px;box-sizing:border-box;}
.people_list table tr:hover td{background:#eee;}


.car_photo_insert{display:none;}
.car_photo_form{width:100%;}
.car_photo_form .file_form_hd{width:100%;height:40px;display:flex;align-items: center; justify-content: center;background:#f7f7f7;border-top:1px solid #000;font-weight:700;border-bottom:1px solid #ccc;}

.car_photo_form .photo_list{width:100%;}
.car_photo_form .photo_box{width:100%;display:flex;border-bottom:1px solid #ddd;height:40px;align-items: center;}
.car_photo_form .photo_box .photo_delete{width:80px;height:40px;display:flex;align-items: center; justify-content: center;border-right:1px solid #ccc;}
.car_photo_form .photo_box .photo_delete .photo_delete_btn{width:24px;height:24px;border-radius: 24px;background:#d9534f;display:flex;align-items: center; justify-content: center; position:relative;cursor:pointer;}
.car_photo_form .photo_box .photo_delete .photo_delete_btn::before{content:"";display:flex;width:12px;height:2px;background:#fff;}
.car_photo_form .photo_box .file_con{width:calc( 100% - 80px );}
.car_photo_form .photo_box .file_con input[type="file"]{height:auto;border:0px;}

.car_photo_form .add_file_box{width:100%;height:40px;display:flex;align-items: center;border-bottom:1px solid #ccc;padding:0 20px;box-sizing:border-box;background:#f2fff5;}
.car_photo_form .add_file_box .photo_file_btn{cursor: pointer;display:flex;align-items: center;margin-left:8px;}
.car_photo_form .add_file_box .photo_file_btn .photo_file_ico{width:24px;height:24px;border-radius: 24px;background:#5cb85c;display:flex;align-items: center; justify-content: center; position:relative;cursor:pointer;}
.car_photo_form .add_file_box .photo_file_btn .photo_file_ico::before{content:"";display:flex;width:12px;height:2px;background:#fff;position: absolute;top:50%;left:50%;transform: translate( -50% , -50% );}
.car_photo_form .add_file_box .photo_file_btn .photo_file_ico::after{content:"";display:flex;width:2px;height:12px;background:#fff;position: absolute;top:50%;left:50%;transform: translate( -50% , -50% );}

.car_photo_form .add_file_box .photo_file_btn .photo_file_txt{margin-left:5px;}

/*보험이력 팝업*/
.con_list_title{font-size:16px;font-weight:700;margin-bottom:10px;width:100%;display:flex;align-items: center;box-sizing:border-box;}
.con_list_title::before{content:"";display:block;width:6px;height:6px;background:#08f !important;-webkit-print-color-adjust:exact;margin-right:5px;border-radius: 5px;}

.tbl_sub_txt{font-size:12px;font-weight:400;margin-bottom:10px;width:100%;display:flex;align-items: center;box-sizing:border-box;position: relative;padding-left:7px;line-height:1.2;word-break: keep-all;}
.tbl_sub_txt::before{content:"";display:block;width:3px;height:3px;background:#333 !important; -webkit-print-color-adjust:exact; margin-right:5px;border-radius: 5px;position: absolute;left:0;top:5px;}

.insurance_btn_form{width:100%;display:flex;justify-content: flex-end;}

.insurance_list{width:100%;}
.insurance_list table{width:100%;border-top:2px solid #000;}
.insurance_list table tr th{background:#f6f6f6 !important; -webkit-print-color-adjust:exact; border-bottom:1px solid #ccc;box-sizing:border-box;height:40px;vertical-align: middle; padding:0 10px;}
.insurance_list table tr td{border-bottom:1px solid #ccc;box-sizing:border-box;height:40px;vertical-align: middle; padding:5px 10px;}

.insurance_list .insurance_list_sum{line-height:1.4;word-break: keep-all;}
.insurance_list .insurance_tbl_sum{font-size:12px;}


.insurance_ul{text-align:left;width:100%;}
.insurance_ul .insurance_li{margin-top:10px;}
.insurance_ul .insurance_li:first-child{margin-top:0px;}

.insurance_ul .insurance_li ul{width:100%;padding-left:5px;box-sizing:border-box;}
.insurance_ul .insurance_li ul li{width:100%;margin-top:5px;}
.insurance_ul .insurance_li ul li::before{content:"-";}

.insurance_list .insurance_num_sum{padding:10px;box-sizing:border-box;}
.insurance_list .insurance_num_txt{font-weight:700;margin-top:10px;}
.insurance_list .insurance_num_txt:first-child{margin-top:0px;}
.insurance_list .insurance_num_txt ul{padding-left:10px;box-sizing:border-box;}
.insurance_list .insurance_num_txt ul li{font-weight:400;font-size:12px;margin-top:5px;}

.insurance_ft{margin-top:40px;}
.insurance_ft .insurance_ft_txt{font-size:16px;font-weight:700;text-align:center;width:100%;line-height:1.4;}
.insurance_ft .insurance_ft_txt a{color:#666;}

.insurance_ft .insurance_ft_date{width:100%;text-align:center;font-size:16px;margin-top:20px;font-weight:700;}
.insurance_ft .insurance_ft_con{width:100%;text-align:center;font-size:20px;margin-top:40px;font-weight:700;}

.insurance_print_title{font-size:20px;font-weight:700;color:#2e6da4;display:none;}

@page {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 40px;
    margin-bottom: 10px;
}

@media print {
    .print_hide{display:none !important;}
    .print_h_set{max-height:100% !important;overflow-y: unset !important;}
    .insurance_print_title{display:block !important;}
    .insurance_print_container{padding:40px !important;box-sizing:border-box !important;}
}

page[size="A4"]{
    width:22.2cm;
    height:31.4cm;
}

.grid_box_line04{box-sizing:border-box;}
.grid_box_line04 li{width:calc( 25% - 10px );height:40px;display:flex;align-items: center;border-left: 1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;padding-right:10px;}
.grid_box_line04 li:first-child{}

.grid_box_line04 li .txt_b{background:#f6f6f6;display:flex;width:50%;height:100%;align-items: center;padding:0 10px;}

.wdset_1600{width:100% !important;max-width:1600px !important;}

/*프로모션/쿠폰 등록*/
.over_h{overflow:hidden;}
.over_a{overflow:auto;}


.salop_form{width:100%;margin-top:10px;align-items: stretch;border-top:1px solid #ddd;}
.salop_form .salop_box{width:50%;align-items: stretch;}
.salop_form .salop_box .salop_con{width:100%;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;align-items: stretch;min-height:40px;}

.salop_form .salop_box .salop_con .salop_title{width:30%;background:#eee;display:flex;align-items: center; justify-content:center; padding:5px 5px;box-sizing:border-box;font-weight: 700;}
.salop_form .salop_box .salop_con .salop_con_box{width:70%;background:#fff;align-items: center; padding:5px 5px;box-sizing:border-box;}

.salop_form .salop_box .salop_con .salop_con_box label{vertical-align: middle;}
.salop_form .salop_box .salop_con .salop_con_box label input[type="checkbox"], 
.salop_form .salop_box .salop_con .salop_con_box label input[type="radio"] {position:relative; top:-1px; height:auto; vertical-align:middle;}
.salop_form .salop_box .salop_con .salop_con_box label input[type="checkbox"]:disabled + span, 
.salop_form .salop_box .salop_con .salop_con_box label input[type="radio"]:disabled + span {color:#999;}
.salop_form .salop_box .salop_con .salop_con_box label span {margin-left:2px; font-size:13px;}
.salop_form .salop_box .salop_con .salop_con_box label + label {margin-left:8px;}
.salop_form .salop_box .salop_con .salop_con_box select {width:100%;}
.salop_form .salop_box .salop_con .salop_con_box input[type="text"],
.salop_form .salop_box .salop_con .salop_con_box input[type="password"] {padding:0 8px; width:100%;}
.salop_form .salop_box .salop_con .salop_con_box input[type="file"] {height:auto; border:0;}
.salop_form .salop_box .salop_con .salop_con_box textarea {padding:10px; width:100%; line-height:1.5; font-size:12px; border:1px solid #ddd; resize:none; -webkit-box-sizing:border-box; box-sizing:border-box;}

.salop_form .salop_area{width:50%;align-items: stretch;}
.salop_form .salop_area .salop_con{width:100%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;align-items: stretch;min-height:40px;}
.salop_form .salop_area .salop_con:first-child{}

.salop_form .salop_area .salop_con .salop_title{width:30%;background:#eee;display:flex;align-items: center; justify-content:center; padding:5px 5px;box-sizing:border-box;font-weight: 700;}
.salop_form .salop_area .salop_con .salop_con_box{width:70%;background:#fff;align-items: center; padding:5px 5px;box-sizing:border-box;}

.salop_form .salop_area .salop_con .salop_con_box textarea {padding:10px; width:100%;height:100%; line-height:1.5; font-size:12px; border:1px solid #ddd; resize:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.salop_form .salop_area .salop_con .salop_con_box textarea.text_h12{height:calc(100% - 20px);}

.salop_form .salop_box .salop_con.hide{display:none !important;}

#registRequestDialog .btn-yellow{color:#fff !important;}
#registRequestDialog .btn-sky{color:#fff !important;}
#registRequestDialog .btn-green{color:#fff !important;}
#registRequestDialog .btn-red{color:#fff !important;}
#registRequestDialog .btn-blue{color:#fff !important;}

#issueRequestDialog .btn-yellow{color:#fff !important;}
#issueRequestDialog .btn-sky{color:#fff !important;}
#issueRequestDialog .btn-green{color:#fff !important;}
#issueRequestDialog .btn-red{color:#fff !important;}
#issueRequestDialog .btn-blue{color:#fff !important;}

/*tool tip pop*/
.tooltip_form{display:none;background:#fff;padding:20px;box-sizing:border-box;border:1px solid #ccc;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);position:absolute;z-index: 999;}

.tooltip_form .tooltip_hd{width:100%;display:flex;align-items: center; justify-content: space-between;padding-bottom:10px;border-bottom:1px solid #000;}
.tooltip_form .tooltip_hd .tooltip_title{font-size:18px;font-weight:600;color:#000;letter-spacing: -0.5px;}
.tooltip_form .tooltip_hd .tooltip_close{cursor:pointer;}
.tooltip_form .tooltip_hd .tooltip_close .close_ico{position: relative;display: block;width: 24px;height: 24px;margin: auto;text-align: center;overflow: hidden;}
.tooltip_form .tooltip_hd .tooltip_close .close_ico::before{content:"";display: block;position: absolute;left:0;top: 11px;width: 22px;height: 2px;background: #000; transform: translateY(0) translateX(0) rotate(-45deg);}
.tooltip_form .tooltip_hd .tooltip_close .close_ico::after{content:"";display: block;position: absolute;left:0;top: 11px;width: 22px;height: 2px;background: #000; transform: translateY(0) translateX(0) rotate(45deg);}

.tooltip_form .tooltip_box{width:100%;padding:20px 0px 1px 0px;box-sizing:border-box;max-height:60vh;overflow:auto;}
.tooltip_form .tooltip_box .tooltip_con{width:100%;margin-top:40px;padding-bottom: 40px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.tooltip_form .tooltip_box .tooltip_con:first-child{margin-top:0px;}
.tooltip_form .tooltip_box .tooltip_con:last-child{padding-bottom:0px;border-bottom:0px;}

.tooltip_form .tooltip_box .tooltip_con .tooltip_con_title{color:#333;font-size:18px;font-weight:700;letter-spacing: -0.5px;}












/*자산 현황 팝업*/
#propertyPop{top:120px;left:320px;width:900px;}
.property_list{width:100%;}
.property_list .property_depth01{width:100%;}
.property_list .property_depth01 .depth01_list{font-size:15px;color:#000;margin-top:20px;font-weight:700;}
.property_list .property_depth01 .depth01_list .property_depth02{padding-left:18px;box-sizing:border-box;width:100%;}
.property_list .property_depth01 .depth01_list .property_depth02 .depth02_list{margin-top:8px;font-size:14px;color:#666;font-weight:400;}
.property_list .property_depth01 .depth01_list .property_depth02 .depth02_list .property_depth03{width:100%;padding-left:12px;box-sizing:border-box;}
.property_list .property_depth01 .depth01_list .property_depth02 .depth02_list .property_depth03 .depth03_list{margin-top:8px;font-weight:400;}
.property_list .property_depth01 .depth01_list .property_depth02 .depth02_list .property_depth03 .depth03_list .property_depth04{width:100%;padding-left:27px;box-sizing:border-box;}
.property_list .property_depth01 .depth01_list .property_depth02 .depth02_list .property_depth03 .depth03_list .property_depth04 .depth04_list{margin-top:5px;font-weight:400;}

.property_tbl{border-top:2px solid #000;width:100%;max-width:600px;display:table;margin-top:20px;}
.property_tbl .property_row{display:table-row;}
.property_tbl .property_row .property_cell{width:20%;display:table-cell;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align: center;font-size:14px;height:30px;vertical-align: middle;}
.property_tbl .property_row .property_cell:first-child{border-left:1px solid #ddd;background:#f7f7f7;font-weight:700;}
.property_tbl .property_row:first-child .property_cell{background:#f7f7f7;font-weight:700;}

.property_tbl_sum{margin-top:20px;width:100%;}
.property_tbl_sum .property_tbl_list{}
.property_tbl_sum .property_tbl_list .property_tbl_list_con{width:100%;display:flex;align-items: center;margin-top:15px;font-size:14px;}
.property_tbl_sum .property_tbl_list .property_tbl_list_con::before{content:"";display:block;width:3px;height:3px;background:#111;margin-right:5px;}
.property_tbl_sum .property_tbl_list .property_tbl_list_con span{font-weight:700;}

.property_tbl_ex{width:100%;margin-top:20px;padding:10px;box-sizing:border-box;background:#f7f7f7;}
.property_tbl_ex .property_tbl_ex_con{font-size:14px;margin-top:10px;word-break: keep-all;line-height:1.2;}
.property_tbl_ex .property_tbl_ex_con:first-child{margin-top:0px;}
.property_tbl_ex .property_tbl_ex_con ul{padding-left:10px;}
.property_tbl_ex .property_tbl_ex_con ul li{margin-top:5px;display:flex;align-items: center;}
.property_tbl_ex .property_tbl_ex_con ul li::before{content:"";display:block;width:3px;height:3px;background:#ccc;margin-right:5px;}


/*계약 상태 팝업*/
#contractPop{}

.contract_sum{width:100%;}
.contract_sum .contract_list{}
.contract_sum .contract_list .contract_list_con{width:100%;margin-top:15px;font-size:14px;}
.contract_sum .contract_list .contract_list_con:first-child{margin-top:0px;}
.contract_sum .contract_list .contract_list_con span{font-weight:700;display:flex;width:100%;align-items: center;}
.contract_sum .contract_list .contract_list_con span::before{content:"";display:block;width:3px;height:3px;background:#111;margin-right:5px;}
.contract_sum .contract_list .contract_list_con div{width:100%;padding-top:1px;line-height:1.2;margin-top:5px;padding-left:10px;box-sizing:border-box;}


/*계약 구분 팝업*/
#contractTypePop{width:515px;}

/*수식 안내 팝업*/
#modifyPop{width:max-content;top:300px;left:400px;}
#modifyPop.active{display: block;}
#modifyPop .tooltip_box{overflow:hidden;padding-top:0px !important;}
.modify_guide_txt{display:flex;align-items: center;justify-content: center;flex-direction: column;display:none;}
.modify_guide_txt div{font-size:14px;font-weight:700;}
.modify_guide_txt div:nth-child(2){margin-top:8px;margin-bottom:8px;border-top:1px solid #ccc;width:100%;}

.modify_guide_txt.active{display:flex;}

/* ? icon */
.t_qa_ico{width:18px;height:18px;border-radius: 18px;background:#333;color:#fff;display:flex;align-items: center;justify-content: center;margin-right:0px;margin-left:auto;cursor:pointer;font-weight:600;}
.pd0{padding:0px !important;}

/*box border*/
.blue_box_on{background:#598fe0 !important;color:#fff !important;box-sizing:border-box;}
.green_box_on{background:#3ebf5c !important;color:#fff !important;box-sizing:border-box;}
.red_box_on{background:#f66060 !important;color:#fff !important;box-sizing:border-box;}
.pink_box_on{background:#f572b9 !important;color:#fff !important;box-sizing:border-box;}
.deepgreen_box_on{background:#36aaae !important;color:#fff !important;box-sizing:border-box;}
.sky_box_on{background:#48c2ea !important;color:#fff !important;box-sizing:border-box;}
.yellow_box_on{background:#f1a757 !important;color:#fff !important;box-sizing:border-box;}
.purple_box_on{background:#ca6bf1 !important;color:#fff !important;box-sizing:border-box;}
.black_box_on{background:#000 !important;color:#fff !important;box-sizing:border-box;}

.blue_box_txt{color:#598fe0 !important;}
.green_box_txt{color:#3ebf5c !important}
.red_box_txt{color:#f66060 !important;}
.pink_box_txt{color:#f572b9 !important;}
.deepgreen_box_txt{color:#36aaae !important;}
.sky_box_txt{color:#48c2ea !important;}
.yellow_box_txt{color:#f1a757 !important;}
.purple_box_txt{color:#ca6bf1 !important;}


/*li type tbl*/
.list_ty_tbl_form{width:100%;border-top:1px solid #ddd;}
.list_ty_tbl_form .list_ty_tbl{width:100%;display:flex;flex-wrap: wrap;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row{width:50%;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row.list_ty_row100{width:100%;}

.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_th{width:150px;min-height:40px;display:flex;align-items: center;justify-content: center;background:#f6f6f6;font-weight:700;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td{width:calc( 100% - 150px );display:flex;align-items: center;padding:5px 5px;box-sizing:border-box;flex-wrap: wrap;}

.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td label{vertical-align: middle;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td label input[type="checkbox"], 
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td label input[type="radio"] {position:relative; top:-1px; height:auto; vertical-align:middle;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td label input[type="checkbox"]:disabled + span, 
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td label input[type="radio"]:disabled + span {color:#999;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td label span {margin-left:2px; font-size:13px;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td label + label {margin-left:8px;}


.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td select {width:100%;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td input[type="text"],
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td input[type="password"] {padding:0 8px; width:100%;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td input[type="file"] {height:auto; border:0;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td textarea {padding:10px; width:100%; line-height:1.5; font-size:12px; border:1px solid #ddd; resize:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td input[type="number"]{padding:0 5px;box-sizing:border-box;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td div{display: flex;}
.list_ty_tbl_form .list_ty_tbl .list_ty_row .list_ty_td .btn-gray{color:#fff;}

.border-bt-black{border-bottom:2px solid #000 !important;box-sizing:border-box;}

/* 23.06.19 차옥션 리본카 선배정 */
.bottom-row .special-notice {display: flex; width:100%; justify-content: space-between; min-height: 240px; margin-top: 40px; margin-bottom: 20px;}
.bottom-row .special-notice dl {border: 1px solid #DDDDDD; padding:24px 20px; width:46%;}
.bottom-row .special-notice dl dt {color:#333; font-size:18px; font-weight:600; border-bottom: 1px solid #DDDDDD;}
.bottom-row .special-notice dt{ padding-bottom: 20px;}
.bottom-row .special-notice dl dd p {padding-top:19px; color:#333; font-size:15px; line-height: 1.4;}

.store-option{position:relative;}
.store-option .title-area, .list-area .title-area { height: 50px; position: relative; }
.store-option .title{ line-height: 50px;  color: #000; font-size: 20px; font-weight: 700;}
.store-option .option-list {position:relative; border:1px solid #ddd;}
.store-option .option-list ul {text-align:center; padding:30px 0 17px;}
.store-option .option-list ul:after {content:''; display:block; clear:both;}
.store-option .option-list ul li {position:relative; float:left; width:calc((100% - 1px) / 7); height:140px; margin:10px 0;}
.store-option .option-list ul li>span {display:block; word-break:keep-all; padding:0 10px;}
.store-option .option-list .ico{display:block; width:74px; height:80px; background:url('/resources/images/icon/ico_car_opt.png') no-repeat; margin:0 auto 10px;}
.store-option .option-list .ico1 {background-position:0 4px;}
.store-option .option-list .ico2 {background-position:0 -74px;}
.store-option .option-list .ico3 {background-position:0 -150px;}
.store-option .option-list .ico4 {background-position:0 -228px;}
.store-option .option-list .ico5 {background-position:0 -300px;}
.store-option .option-list .ico6 {background-position:0 -368px;}
.store-option .option-list .ico7 {background-position:0 -448px;}
.store-option .option-list .ico8 {background-position:0 -526px;}
.store-option .option-list .ico9 {background-position:0 -600px;}
.store-option .option-list .ico10 {background-position:0 -676px;}
.store-option .option-list .ico11 {background-position:0 -750px;}
.store-option .option-list .ico12 {background-position:0 -824px;}
.store-option .option-list .ico13 {background-position:0 -900px;}
.store-option .option-list .ico14 {background-position:0 -970px;}
.store-option .option-list .ico15 {background-position:0 -1040px;}
.store-option .option-list .ico16 {background-position:0 -1120px;}
.store-option .option-list .ico17 {background-position:0 -1198px;}
.store-option .option-list .ico18 {background-position:0 -1272px;}
.store-option .option-list .ico19 {background-position:0 -1351px;}
.store-option .option-list .ico20 {background-position:0 -1424px;}
.store-option .option-list .ico21 {background-position:0 -1494px;}
.store-option .option-list .ico22 {background-position:0 -1566px;}
.store-option .option-list .ico23 {background-position:0 -1644px;}
.store-option .option-list .ico24 {background-position:0 -1723px;}
.store-option .option-list .ico25 {background-position:0 -1797px;}
.store-option .option-list .ico26 {background-position:0 -1876px;}
.store-option .option-list .ico27 {background-position:0 -1950px;}
.store-option .option-list .ico28 {background-position:0 -2025px;}
.store-option .option-list .ico29 {background-position:0 -2100px;}
.store-option .option-list .ico30 {background-position:0 -2178px;}
.store-option .option-list .ico31 {background-position:0 -2250px;}
.store-option .option-list .ico32 {background-position:0 -2322px;}
.store-option .option-list .ico33 {background-position:0 -2394px;}
.store-option .option-list .ico34 {background-position:0 -2470px;}

.repair-part.dashboard{display: flex; padding-top: 50px; padding-bottom: 40px;}
.repair-part.dashboard .graph-wrap{min-width: 460px; width:40%;height:389px; border: 1px solid #DDDDDD;margin-right: 52px;}
.repair-part.dashboard .graph-data-list{width:60%; border-top:2px solid #337AB7; }
.repair-part.dashboard .graph-data-list dl{display: flex; width:100%;  border-bottom: 1px solid #DDDDDD;}
.repair-part.dashboard .graph-data-list dl dt{ width:70%; text-align: center; font-size: 16px; font-weight: 500; padding:20px 0;}
.repair-part.dashboard .graph-data-list dl dd{ width:70%; text-align: center; font-size: 14px; padding:16px 0;}
.repair-part.dashboard .graph-data-list dl dt:first-child, .repair-part.dashboard .graph-data-list dl dd:first-child{width:20%;}
.repair-part.dashboard .graph-data-list dl dt:last-child, .repair-part.dashboard .graph-data-list dl dd:last-child{width:20%;}
.repair-part.dashboard .graph-data-list dl dd:last-child{color:#337AB7; font-weight: 600;}
.repair-part.dashboard .graph-data-list dl{display: flex; width:100%; }

.repair-part.custom { display: block; padding: 20px; border: 1px solid #ddd; }
.repair-part.custom .graph-tit { font-size: 16px; font-weight: 700; line-height: 20px; color: #333; }
.repair-part.custom .repair-inner { display: flex; margin-top: 15px; padding: 30px 20px 20px; border-top: 1px solid #ddd; }
.repair-part.custom .repair-inner .graph-wrap { position: relative; border: 0; }
.repair-part.custom .repair-inner .graph-wrap:after { content: ''; position: absolute; right: -25px; top: 0; width: 1px; height: 100%; background-color: #ddd; }
.repair-part.custom .repair-inner .graph-data-list { border: 0; }
.repair-part.custom .repair-inner .graph-data-list .list-header { border-bottom: 2px solid #337AB7; }

.list_box table {table-layout:fixed; width:100%;}
.list_box table th,
.list_box table td {position:relative; vertical-align:middle;}
.list_box table th {height:40px; line-height:1.3; font-size:16px; font-weight:600; border-bottom:1px solid #999;}
.list_box table td {padding:8px 12px; text-align:center;}

.list_box .list-header{height:40px;}
.list_box .list-header .dt-buttons{display:flex;}
.highcharts-exporting-group{display:none;}

.dt-body-left{text-align: left!important;}
.dt-body-right{text-align: right!important;}
.list_box table td {padding: 12px 12px;text-align:center;border-bottom:1px solid #ddd;}
.list_box table tr:hover td{background:#f9f9f9;}
.list-header {margin-bottom: 0px;padding: 0px;}

/* data table (외부) */
.dataTables_paginate {margin-top:6px; font-size:0; text-align:center;}
.dataTables_paginate .paginate_button,
.dataTables_paginate .ellipsis {display:inline-block; margin:0; width:45px; height:30px; line-height:30px; color:#444; font-size:13px; font-weight:600; vertical-align:middle; border:1px solid #ddd; border-left:0;}
.dataTables_paginate .paginate_button {cursor:pointer;}
.dataTables_paginate .paginate_button.previous {border-left:1px solid #ddd;}
.dataTables_paginate .paginate_button.current {color:#fff; background:#283544;}
.dataTables_paginate .paginate_button:hover {text-decoration:underline;}
.dt-buttons .btn i {margin-right:3px; color:#fff;}
.list-header .f-right {display:flex;}
.list-header .dataTables_length {position:relative; /*top:5px;*/}
.list-header .dataTables_length select {padding:0 6px; font-size:14px;}