@charset "utf-8";

/*form*/
#carCheckViewPop input[type="checkbox"]+label {position: relative;display: inline-block;height: 20px;line-height: 22px;padding-left: 26px;-webkit-user-select: none;-webkit-user-drag: none;cursor: pointer;font-size: 14px;font-weight: 500;}
#carCheckViewPop input[type="checkbox"]+label::after {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: url('../images/icon/ico-checkbox-b.svg') no-repeat 50% 50%;background-size: 100%;}
#carCheckViewPop input[type="checkbox"]:checked+label::after {background: url('../images/icon/ico-checkbox-checked-b.svg') no-repeat 50% 50%;background-size: 100%;}
#carCheckViewPop input[type="checkbox"] {position: absolute;left: 0;opacity: 0;width: 20px;height: 20px;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select: none;-webkit-user-drag: none}
#carCheckViewPop input[type="radio"] {position: absolute;left: 0;opacity: 0;width: 22px;height: 22px;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select: none;-webkit-user-drag: none}
#carCheckViewPop input[type="radio"]+label {position: relative;display: inline-block;height: 22px;line-height: 23px;padding-left: 28px;-webkit-user-select: none;-webkit-user-drag: none;cursor: pointer;font-size: 14px;font-weight: 500;}
#carCheckViewPop input[type="radio"]+label::after {content: "";display: inline-block;position: absolute;left: -1px;top: 1px;width: 22px;height: 22px;background: url('../images/icon/ico-radio-check-b.svg') no-repeat 50% 50%;background-size: 100%;}
#carCheckViewPop input[type="radio"]:checked+label::after {background: url('../images/icon/ico-radio-checked-b.svg') no-repeat 50% 50%;background-size: 100%;}
#carCheckViewPop .pop-btn {display: flex;justify-content: center;padding-top: 48px;}
#carCheckViewPop .pop-btn button {margin: 0 5px;}
#carCheckViewPop .pop-btn button.wide {min-width: 170px;font-size: 18px;}
#carCheckViewPop .pop-btn .bt-pop-type1 {min-width: 110px;padding: 0 10px;height: 50px;border-radius: 5px;color: #fff;font-size: 16px;font-weight: 700;background: #f33}
#carCheckViewPop .pop-btn .bt-pop-type2 {min-width: 110px;padding: 0 10px;height: 50px;border-radius: 5px;color: #fff;font-size: 16px;font-weight: 700;background: #303030;}
#carCheckViewPop .pop-btn .bt-pop-type3 {min-width: 110px;padding: 0 10px;height: 50px;border-radius: 5px;color: #fff;font-size: 16px;font-weight: 700;background: #999;}
#carCheckViewPop .pop-btn button:disabled {color: #fff;background: #999;}
#carCheckViewPop input[type="radio"]:checked + label:last-of-type{
    border:none;
}
/* 성능점검뷰 */
#carCheckViewPop .box-gray {padding: 30px;background: #F3F3F3}
#carCheckViewPop .box-gray p {font-weight: 300}
#carCheckViewPop .box-gray p.t-al-c {text-align: center;}
#carCheckViewPop .box-gray .num-list > li {font-weight: 300;}
#carCheckViewPop .box-gray .num-list > li + li {margin-top: 15px;}
#carCheckViewPop .box-gray .num-list > li > ul {padding-left: 10px;}
#carCheckViewPop .box-gray .bul-list > li {position: relative;padding-left: 10px;font-weight: 300;}
#carCheckViewPop .box-gray .bul-list > li.mt {
    display: flex;
    margin-top: 18px;
    flex-direction: row;
    justify-content: space-between;
}
#carCheckViewPop .box-gray .bul-list > li.mt strong{
    position:relative;
}
#carCheckViewPop .box-gray .bul-list > li.mt strong span{
    margin-left:13px;
}
#carCheckViewPop .box-gray .bul-list > li.mt strong img{
    width: 50px;
    position: absolute;
    right: -15px;
    top: -15px;
}
#carCheckViewPop .box-gray .bul-list > li:before {content: "";position: absolute;left: 0;top: 7px;display: inline-block;width: 3px;height: 3px;background: #303030;border-radius: 50%;}
#carCheckViewPop .pop-car-check-view {width: 900px;min-width: 900px !important}
#carCheckViewPop .modal-body {padding: 32px;}
#carCheckViewPop .pop_inner {padding: 40px;}
#carCheckViewPop .pop_inner.fix {padding: 0px;}

/* #carCheckViewPop .car-check-view {padding-top:30px;border-top:1px solid #E9E9E9} */.car-check-view .car-check-group h3 {margin-bottom: 7px;font-size: 20px;color: #000;font-weight: 700;}
.car-check-view .car-check-group .check-header{text-align:center;}
.car-check-view .car-check-group + .car-check-group {margin-top: 50px;}
.car-check-view .car-check-group h3 span {font-weight: 300}
.car-check-view .car-check-group .tb-top-check {position: absolute;right: 0;top: 0;}
.car-check-view .car-check-group .tb.half {width: 392px;}
.car-check-view .car-check-group .tb.full {position: relative;width: 100%;}
.car-check-view .car-check-group .tb.full + .tb.full {margin-top: 40px;}
.car-check-view .car-check-group .tb h4 {padding-bottom: 5px;font-size: 16px;color: #000;font-weight: 700}
.car-check-view .car-check-group .tb table {border-top: 1px solid #000}
.car-check-view .car-check-group .tb table th {height: 50px;line-height: 1.4;color: #000;border-left: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;background: #F9F9F9;font-weight: 400;border-bottom: 1px solid #E9E9E9;text-align: center;}
.car-check-view .car-check-group .tb table td {height: 50px;line-height: 1.4;color: #000;border-left: 1px solid #E9E9E9;padding: 10px 10px;border-bottom: 1px solid #E9E9E9}
.car-check-view .car-check-group .tb table thead th {font-weight: 500;}
.car-check-view .car-check-group .tb table thead th:last-child {border-right: 0;}
.car-check-view .car-check-group .tb table tbody th {font-weight: 500}
.car-check-view .car-check-group .tb table tr th:first-child {border-left: 0;}
.car-check-view .car-check-group .tb table tr td:first-child {border-left: 0;}
.car-check-view .car-check-group .tb table tr.dim th, .car-check-view .car-check-group .tb table tr.dim td {opacity: 0.2;}
.car-check-view .car-check-group .tb .dim {color: #ddd}
.car-check-view .car-check-group .tb .wf {max-width: 100%;}
.car-check-view .car-check-group .tb .w2 {max-width: 160px;}
.car-check-view .car-check-group .tb .mr10 {margin-right: 10px;}
.car-check-view .car-check-group .tb .mr15 {margin-right: 15px;}
.car-check-view .car-check-group .tb .mr20 {margin-right: 20px;}
.car-check-view .car-check-group .tb .al-r {text-align: right;}
.car-check-view .car-check-group .tb .ck-group.dim .ck-wrap {opacity: 0.8;}
.car-check-view .car-check-group .tb .ck-group + .ck-group {margin-top: 15px;}
.car-check-view .car-check-group .tb .ck-group .sb {display: inline-block;vertical-align: middle;margin: 1px 0 0 0;}

/* .car-check-view .car-check-group .tb .ck-wrap + .ck-wrap {margin-left:10x;} */
.car-check-view .car-check-group .tb .ck-wrap + .ck-wrap {margin-left: 5px;}
.car-check-view .car-check-group .tb .ck-wrap label {font-size: 12px;font-weight: 300}
.car-check-view .car-check-group .tb .ck-wrap input:disabled {opacity: 0 !important}
.car-check-view .car-check-group .tb .ck-wrap input:disabled + label {cursor: default}
.car-check-view .car-check-group .tb .ck-wrap.rvt label {padding-left: 0;padding-right: 26px}
.car-check-view .car-check-group .tb .ck-wrap.rvt label:after {left: auto;right: 0;}
.car-check-view .car-check-group .tb input[type="radio"]+label {line-height: 20px;padding-left: 22px;}
.car-check-view .car-check-group .tb input[type="radio"]+label::after {width: 18px;height: 18px;}
.car-check-view .car-check-group .tb input[type="radio"]:checked+label::after {width: 18px;height: 18px;}
.car-check-view .car-check-group .tb .t {display: inline-block;line-height: 21px;vertical-align: middle;padding-right: 15px;font-size: 13px;font-weight: 300;color: #000;}
.car-check-view .car-check-group .tb .t.c {display: block;text-align: center;padding-right: 0;}
.car-check-view .car-check-group .tb .t.ml {margin-left: 15px;padding-right: 5px;}
.car-check-view .car-check-group .tb .t.b {font-weight: 700;}
.car-check-view .car-check-group .tb .sb {padding: 0 5px;font-weight: 300;}
.car-check-view .car-check-group .tb :disabled {border: 0 !important;opacity: 0.7;color: #ddd}
.car-check-view .car-check-group .tb :disabled + small {opacity: 0.3;}
.car-check-view .car-check-group .tb .bt-func {height: 30px;margin-left: 10px;padding: 0 8px;font-size: 12px;font-weight: 700;background: #fff;white-space: nowrap;border: 1px solid #ddd}
.car-check-view .car-check-group .tb .bt-func2 {display: block;margin: 4px auto;height: 28px;border-radius: 3px;padding: 0 8px;font-size: 12px;font-weight: 700;background: #fff;white-space: nowrap;border: 1px solid #ddd}
.car-check-view .car-check-group .tb .cell-pic {height: 306px;padding: 0;}
.car-check-view .car-check-group .tb .cell-pic .pic {width: 100%;height: 306px;background: #F3F3F3}
.car-check-view .car-check-group .tb .cell-pic .pic img {display: block;width: 100%;height: 100%;margin: 0 auto;}

/* =========================================================================================================
	성능점검상태
========================================================================================================= */
/* 성능점검상태 */
#carCheckViewPop .check-guide {position: absolute;right: 0;top: 0;color: #f33;font-weight: 700;text-align: right;}
.car-check-area .car-check-area {margin-bottom: 10px;border: 1px solid #E9E9E9;border-top: 1px solid #000}
.car-check-area .check-car {position: relative;z-index: 10;margin: 0 auto;padding: 0;margin-top: 26px;margin-bottom: 8px;width: 730px;height: 440px;background: url('../images/checkcar/check_bg_car.png') no-repeat;/*transform:scale(0.65);transform-origin:0 0;margin:0 -300px -110px 0;*/}
.car-check-area .check-car .check_link_bg {position: absolute;top: 0;left: 0;z-index: 200;width: 100%;height: 100%;}
.car-check-area .check-car .condition-mark {position: relative;width: 100%;height: 100%;}
.car-check-area .check-car .condition-mark > p {display: none;position: absolute;top: 0;left: 0;z-index: 50;text-indent: -9999px;width: 100%;height: 100%;}
.car-check-area .check-car .i-mark {z-index: 300;display: inline-block;margin: 0 !important;padding: 0;color: #fff;padding: 2px 5px;/*width:20px; height:20px;font-size:12px;font-weight:bold;color:#fff;line-height:22px;*/text-align: center;overflow: hidden;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-o-border-radius: 7px;}
.car-check-area .check-car .i-mark[data-accitem="X"] {background-color: #FD2323;cursor: pointer;}
.car-check-area .check-car .i-mark[data-accitem="W"] {background-color: #4E8AFF;cursor: pointer;}
.car-check-area .check-car .i-mark[data-accitem="A"] {background-color: #289900;cursor: pointer;}
.car-check-area .check-car .i-mark[data-accitem="C"] {background-color: #8A54FC;cursor: pointer;}
.car-check-area .check-car .i-mark[data-accitem="U"] {background-color: #F5A70E;cursor: pointer;}
.car-check-area .check-car .i-mark[data-accitem="T"] {background-color: #828282;cursor: pointer;}
.car-check-area .mark-name {margin: 0 auto;padding: 30px 0;width: 775px;height: auto;}
.car-check-area .mark-name:after {content: "";display: block;float: none;clear: both;}
.car-check-area .mark-name > li {position: relative;display: table;float: left;margin: 0 20px 30px;padding: 0;width: 110px;height: auto;text-align: left;}
.car-check-area .mark-name > li > h3 {display: table-cell;vertical-align: middle;margin: 0;padding: 0;width: 100%;height: 30px;font-size: 12px;font-weight: normal;color: #666;}
.car-check-area .mark-name > li > span {position: absolute;top: 0;right: 0;z-index: 100;display: block;margin: 0 !important;padding: 0;width: 30px;height: 30px;font-size: 13px;font-weight: bold;color: #fff;line-height: 30px;text-align: center;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;}
.car-check-area .bg-red {background-color: #374367;}
.car-check-area .bg-red input[type=checkbox]:checked {background: url('../images/icon_checkbox_red.png') no-repeat #fff;background-size: 33px 33px;}
.car-check-area .bg-blue {background-color: #1e9cff;}
.car-check-area .bg-black {background-color: #151515;cursor: pointer;}
.car-check-area .check-car .flag {height: 20px;}

/* 좌측 */
.car-check-area .check_FL_foglamp {background: url('../images/checkcar/check_FL_foglamp.png') no-repeat;}
.car-check-area .check_FL_wheel {background: url('../images/checkcar/check_FL_wheel.png') no-repeat;}
.car-check-area .check_RL_wheel {background: url('../images/checkcar/check_RL_wheel.png') no-repeat;}
.car-check-area .check_L_side {background: url('../images/checkcar/check_L_side.png') no-repeat;}
.car-check-area .check_L_fender {background: url('../images/checkcar/check_L_fender.png') no-repeat;}
.car-check-area .check_FL_door {background: url('../images/checkcar/check_FL_door.png') no-repeat;}
.car-check-area .check_RL_door {background: url('../images/checkcar/check_RL_door.png') no-repeat;}
.car-check-area .check_L_quarterpanel {background: url('../images/checkcar/check_L_quarterpanel.png') no-repeat;}
.car-check-area .check_RL_foglamp {background: url('../images/checkcar/check_RL_foglamp.png') no-repeat;}
.car-check-area .check_LA_filler {background: url('../images/checkcar/check_LA_filler.png') no-repeat;}
.car-check-area .check_LB_filler {background: url('../images/checkcar/check_LB_filler.png') no-repeat;}
.car-check-area .check_LC_filler {background: url('../images/checkcar/check_LC_filler.png') no-repeat;}
.car-check-area .check_FL_window {background: url('../images/checkcar/check_FL_window.png') no-repeat;}
.car-check-area .check_RL_window {background: url('../images/checkcar/check_RL_window.png') no-repeat;}

/* 상단 */
.car-check-area .check_F_bumper {background: url('../images/checkcar/check_F_bumper.png') no-repeat;}
.car-check-area .check_grill {background: url('../images/checkcar/check_grill.png') no-repeat;}
.car-check-area .check_L_lamp {background: url('../images/checkcar/check_L_lamp.png') no-repeat;}
.car-check-area .check_R_lamp {background: url('../images/checkcar/check_R_lamp.png') no-repeat;}
.car-check-area .check_bonnet {background: url('../images/checkcar/check_bonnet.png') no-repeat;}
.car-check-area .check_F_window {background: url('../images/checkcar/check_F_window.png') no-repeat;}
.car-check-area .check_R_window {background: url('../images/checkcar/check_R_window.png') no-repeat;}
.car-check-area .check_roof {background: url('../images/checkcar/check_roof.png') no-repeat;}
.car-check-area .check_L_mirror {background: url('../images/checkcar/check_L_mirror.png') no-repeat;}
.car-check-area .check_R_mirror {background: url('../images/checkcar/check_R_mirror.png') no-repeat;}
.car-check-area .check_trunk {background: url('../images/checkcar/check_trunk.png') no-repeat;}
.car-check-area .check_L_taillight {background: url('../images/checkcar/check_L_taillight.png') no-repeat;}
.car-check-area .check_R_taillight {background: url('../images/checkcar/check_R_taillight.png') no-repeat;}
.car-check-area .check_R_bumper {background: url('../images/checkcar/check_R_bumper.png') no-repeat;}

/* 하체 */
.car-check-area .check_radiator {background: url('../images/checkcar/check_radiator.png') no-repeat;}
.car-check-area .check_F_panel {background: url('../images/checkcar/check_F_panel.png') no-repeat;}
.car-check-area .check_FL_insidepanel {background: url('../images/checkcar/check_FL_insidepanel.png') no-repeat;}
.car-check-area .check_FL_sidemember {background: url('../images/checkcar/check_FL_sidemember.png') no-repeat;}
.car-check-area .check_FL_wheelhouse {background: url('../images/checkcar/check_FL_wheelhouse.png') no-repeat;}
.car-check-area .check_FR_insidepanel {background: url('../images/checkcar/check_FR_insidepanel.png') no-repeat;}
.car-check-area .check_FR_sidemember {background: url('../images/checkcar/check_FR_sidemember.png') no-repeat;}
.car-check-area .check_FR_wheelhouse {background: url('../images/checkcar/check_FR_wheelhouse.png') no-repeat;}
.car-check-area .check_crossmember {background: url('../images/checkcar/check_crossmember.png') no-repeat;}
.car-check-area .check_dashpanel {background: url('../images/checkcar/check_dashpanel.png') no-repeat;}
.car-check-area .check_floorpanel {background: url('../images/checkcar/check_floorpanel.png') no-repeat;}
.car-check-area .check_packagetray {background: url('../images/checkcar/check_packagetray.png') no-repeat;}
.car-check-area .check_RL_wheelhouse {background: url('../images/checkcar/check_RL_wheelhouse.png') no-repeat;}
.car-check-area .check_RL_sidemember {background: url('../images/checkcar/check_RL_sidemember.png') no-repeat;}
.car-check-area .check_trunkfloor {background: url('../images/checkcar/check_trunkfloor.png') no-repeat;}
.car-check-area .check_RR_sidemember {background: url('../images/checkcar/check_RR_sidemember.png') no-repeat;}
.car-check-area .check_RR_wheelhouse {background: url('../images/checkcar/check_RR_wheelhouse.png') no-repeat;}
.car-check-area .check_rearpanel {background: url('../images/checkcar/check_rearpanel.png') no-repeat;}

/* 우측 */
.car-check-area .check_FR_foglamp {background: url('../images/checkcar/check_FR_foglamp.png') no-repeat;}
.car-check-area .check_FR_wheel {background: url('../images/checkcar/check_FR_wheel.png') no-repeat;}
.car-check-area .check_RR_wheel {background: url('../images/checkcar/check_RR_wheel.png') no-repeat;}
.car-check-area .check_R_side {background: url('../images/checkcar/check_R_side.png') no-repeat;}
.car-check-area .check_R_fender {background: url('../images/checkcar/check_R_fender.png') no-repeat;}
.car-check-area .check_FR_door {background: url('../images/checkcar/check_FR_door.png') no-repeat;}
.car-check-area .check_RR_door {background: url('../images/checkcar/check_RR_door.png') no-repeat;}
.car-check-area .check_R_quarterpanel {background: url('../images/checkcar/check_R_quarterpanel.png') no-repeat;}
.car-check-area .check_RR_foglamp {background: url('../images/checkcar/check_RR_foglamp.png') no-repeat;}
.car-check-area .check_RA_filler {background: url('../images/checkcar/check_RA_filler.png') no-repeat;}
.car-check-area .check_RB_filler {background: url('../images/checkcar/check_RB_filler.png') no-repeat;}
.car-check-area .check_RC_filler {background: url('../images/checkcar/check_RC_filler.png') no-repeat;}
.car-check-area .check_FR_window {background: url('../images/checkcar/check_FR_window.png') no-repeat;}
.car-check-area .check_RR_window {background: url('../images/checkcar/check_RR_window.png') no-repeat;}