@charset "utf-8";

* {word-break: keep-all;}
.header_box {background-color:#fff;}
.content {padding:1rem 1rem 2rem;}
.terms_all_chk {margin-bottom:.5rem; padding:1rem; border-radius:10px; font-weight:bold; background-color:#f1f1f1;}
.col {position:relative; padding:1rem; font-size:.95rem; border-bottom:1px solid #e5e5e5;}
.col .chk_box {font-weight:400;}
.col .btn_consent {display:block; position:absolute; right:0; top:0; width:3.6rem; height:3.6rem; font-size:0; text-indent:-9999px; background:url(../img/sub/ico_terms_arrow.png) no-repeat center; background-size:11px;}
.option {font-weight:600; color:#929294;}
.option.point {margin-left:auto; margin-right:10px; color:#e71151;}

.terms_c_box {font-size:.95rem; font-weight:300;}
.terms_c_box h3 {display:block; margin-bottom:1.5rem; font-size:1.2rem; font-weight:600;}
.terms_c_box p {margin-bottom:.8rem;}
.terms_c_box ol {counter-reset:my-counter; list-style-type: none;}
.terms_c_box ol li::before {counter-increment: my-counter; content:"("counter(my-counter)")"; display:inline-block; margin:-5px 0 0; font-size:.95rem; font-weight:500; vertical-align:middle;}
.terms_c_box ol li p {padding-left:1.3rem;}
.terms_c_box .topic {display:block; margin:1.5rem 0 .3rem;}
.terms_c_box .col {display:flex; margin-bottom:1rem;}
.terms_c_box .col label:last-child {margin-right:0;}
.terms_c_box .col.all {margin-bottom:1rem; border:0; border-radius:10px; font-size:1.05rem; background-color:#f9f9f9;}
.pdleft {padding-left:.9rem;}

.btn_bottom {padding:1rem 0; display:flex;}
.btn_bottom a {display:block; padding:1rem; width:50%; color:#fff; border-radius:10px; text-align:center;}
.btn_bottom a.btn_cancel {margin-right:1%; background-color:#c0c0c0;}
.btn_bottom a.btn_consent {margin-left:1%; background-color:#303c49;}

/* 회원가입 */
.sign_box .item {position:relative; margin-bottom:.5rem; padding:.5rem .5rem .5rem 7rem; border:1px solid #e5e5e5; border-radius:10px;}
.sign_box .item label {position:absolute; top:17px; left:10px; font-size:.95rem; color:#000;}
.sign_box .item input, .sign_box .item select {border:0; height:40px; width:100%; font-size:.95rem; font-weight:300;}
.sign_box .item.error {border:1px solid #ff0000;}
.error_text {margin:-5px 0 10px 0; color:#ff0000; font-size:.9rem; font-weight:300;}
.sign_box .item.duplicate {padding:.5rem 5rem .5rem 7rem;}
.sign_box .item.duplicate .duplicate_chk {position:absolute; right:5px; top:5px; display:block; padding:13px 10px; color:#51514d; font-size:.85rem; border-radius:5px; background-color:#edede3;}
.btn_sign {display:block; margin:2rem 0 1rem; padding:1rem; color:#fff; border:0; border-radius:10px; font-weight:500; text-align:center; background-color:#303c49;}

/* 로그인 */
.login_form_box {padding:3.5rem 1rem 4rem; text-align:center;}
.login_form_box .log_logo {display:block; margin:1.5rem auto; width:150px; height:79px;}
.login_form {padding:.5rem;}
.login_form .item {position:relative; margin-bottom:.6rem;}
.login_form .item label {position:absolute; left:-99999px; font-size:0;}
.login_form .item input {padding:0 1rem; height:3.2rem; border-radius:30px; font-size:.9rem; border:0; background-color:#eeeeee;}
.login_form button.btn_login {margin:.5rem 0 0; height:3.2rem; line-height:3rem; font-size:1rem; color:#fff; border-radius:30px; background-color:#e71151;}
.log_module {margin:.5rem 0 2rem;}
.log_module a {font-size:.85rem; color:#b7b7b7; font-weight:400;}
.log_module a.cblack {color:#000;}
.log_module a::before {content:""; display:inline-block; margin:-2px 8px 0; width:1px; height:12px; vertical-align:middle; background-color:#d5d5d5;}
.log_module a:first-child::before {width:0; height:0; margin:0;}
.sns_box {margin:2.5rem .5rem; padding:2.5rem 0; border-top:1px solid #ddd;}
.sns_box p {margin-bottom:1rem; font-size:.9rem; font-width:400;}
.sns_box button {display:inline-block; margin:0 .5rem; width:3rem; height:3rem; font-size:0; text-indent:-99999px; background:url(../img/sub/btn_sns.png) no-repeat 0 0; background-size:3rem;}
.sns_box button.kakao {background-position:0 0;}
.sns_box button.naver {background-position:0 -3rem;}
.sns_box button.google {background-position:0 -6rem;}
.sns_box button.apple {background-position:0 -9rem;}

/* 아이디 찾기 및 결과 */
.txt_find {margin-bottom:2rem; font-size:1.6rem; font-weight:300; line-height:1.3;}
.result_object {margin-bottom:1rem; padding:2rem 0; line-height:1.3; text-align:center; border-radius:10px; background-color:#f3f3f3;}
.result_object .txt_result {margin-bottom:1rem; font-weight:400;}
.result_object .txt_result span {font-weight:600;}
.result_object .txt_date {font-size:.9rem; color:#919191;}
.result_object .txt_result::before {content:""; display:block; margin:0 auto 10px; width:3rem; height:3rem; vertical-align:middle; background:url(../img/sub/ico_idfind_chk.png) no-repeat 0 0; background-size:3rem;}
.txt_exclamation {display:block; padding-left:22px; font-size:.95rem; font-weight:300; color:#8d8d8d; background:url(../img/sub/ico_exclamation_mark_gray.png) no-repeat 0 center; background-size:18px;}
.mgb {margin-bottom:3rem;}

/* 비밀번호 찾기 */
.in_disabled {background-color:#ededed;}
.in_disabled input[type="text"] {color:#434343;}

/* 보유차량선택 */
.list {position:relative; margin-bottom:.6rem; padding:.8rem; border:1px solid #e5e5e5; border-radius:10px; background-color:#f7f7f9;}
.list > * {vertical-align:middle;}
.list .chk_box {position:absolute; left:0; right:0; top:0; bottom:0;}
.list .chk_box .on {top:2.2rem; left:.8rem; margin:0; border:1px solid #ccc; background-color:#ccc;}
.list img {display:inline-block; margin:0 .5rem 0; border-radius:5px; width:5rem; height:4.5rem;}
.list .vehicle_info {padding-top:.8rem;}
.list .vehicle_info .name {display:block; font-size:1.1rem; font-weight:500;}
.list .vehicle_info .code {color:#304c8b; font-size:.95rem; font-weight:300;}
.list.chk {border:1px solid #e60c4e; background-color:#ede3e6;}
.list.chk .vehicle_info .code {color:#e60c4e;}
.flex {display:flex; padding-left:43px;}

/* 사고수리견적 */
.tit_topic {position:relative; margin-bottom:.5rem; padding-left:1.6rem; font-size:1.1rem; background:url(../img/sub/ico__title_estimate.png) no-repeat 0 0; background-size:24px;}
.tit_topic.scenter {background-position:0 1px;}
.tit_topic.category {background-position:0 -23px;}
.tit_topic.images {background-position:0 -46px;}
.tit_topic.comment {background-position:0 -70px;}
.tit_topic.iscenter {background-position:0 -118px;}
.tit_topic.available {background-position:0 -143px;}
.sel {margin-bottom:1rem; width:100%; height:56px; font-size:.95rem; border:1px solid #e5e5e5;}
.img_object {margin-bottom:1rem;}
.img_object .input-images {float:none !important; margin:0 !important; width:100% !important; background-color:#f0f0f0;}
.img_object .img_box {overflow:hidden; width:100%; border:1px solid #e7e7ea; border-radius:10px;}
.img_object .img_box img {display:block; width:100%;}
.img_object p {margin:5px 0 2px; font-size:.95rem; font-weight:400;}
.img_object .txt_exclamation {padding-left:17px; line-height:1.3; background:url(../img/sub/ico_exclamation_mark_2.gif) no-repeat 0 2px; background-size:15px;}
.real_upload {display:none;}
.h_textarea {height:10rem; font-weight:300;}
.image-uploader .upload-text i {margin:0; width:100%; height:100%;}
.iui-cloud-upload:before {display:block; margin:0 auto; width:12rem; height:100%;}
.image-uploader .uploaded .uploaded-image .delete-image {width:2rem; height:2rem;}
.image-uploader .uploaded .uploaded-image {border:1px solid #b9b9b9;}

.video_object {margin-bottom: 1rem;}
.input-videos {position: relative;background-color: #f0f0f0;border: 1px solid #e7e7ea;border-radius: 10px;width: 100%;min-height: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 1rem;box-sizing: border-box;}
.real_upload {display: none;}
.video-upload-label {display: inline-block;padding: 0.6rem 1.2rem;background-color: #007bff;color: white;font-weight: bold;border-radius: 5px;cursor: pointer;transition: background-color 0.2s ease;}
.video-upload-label:hover {background-color: #0056b3;}
.video-file-name {margin-top: 0.8rem;font-size: 0.95rem;color: #555;}
.video_object p {margin: 5px 0 2px;font-size: 0.95rem;font-weight: 400;}
.video_object .txt_exclamation {padding-left: 17px;line-height: 1.3;background: url(../img/sub/ico_exclamation_mark_2.gif) no-repeat 0 2px;background-size: 15px;display: block;}

/* 서비스 예약 - 검색 */
.man_center_search {position:relative; z-index:1;}
.map_search_box {position:relative;}
.map_search_box input {padding:0 40px 0 6.3rem; width:100%; height:50px; border:none; border-radius:10px; font-size:.95rem; background-color:#fff; box-shadow:0 0 4px 3px rgba(0, 0, 0, .08);}
.map_search_box button {font-size:0; text-indent:-9999px;}
.map_search_box .btn_in_clear {position:absolute; top:10px; right:6px; width:30px; height:30px; background:url(../img/sub/btn_in_clear.png) no-repeat 0 0; background-size:30px; border:none; outline:none; cursor:pointer;}
.map_search_box .btn_in_search {position:absolute; top:5px; right:5px; width:40px; height:40px; background:url(../img/sub/btn_top_search.png) no-repeat center; background-size:30px; border:none; outline:none; cursor:pointer;}
.condition_box {}
.condition_box .btn_condition {position:absolute; top:5px; left:5px; display:inline-block; padding:.6rem; color:#fff; font-size:.85rem; border-radius:8px; background-color:#303c49;}
.condition_box .btn_condition.on {background-color:#e71151;}
.condition_box .condition_select_box {position:absolute; left:0; right:0; top:48px; margin-top:.5rem; border-radius:10px; background-color:#f7f7f9; box-shadow:0 0 4px 3px rgba(0, 0, 0, .08); z-index:1;}
.condition_box .condition_select_box li {display:flex; padding:.4rem .4rem .4rem 0; border-bottom:1px solid #dfdfe1}
.condition_box .condition_select_box li:last-child {border-bottom:0;}
.condition_box .condition_select_box li strong {display:block; width:8rem; line-height:40px; font-size:.9rem; text-align:center;}
.condition_box .condition_select_box li .sel {margin-bottom:0; height:40px; font-size:.9rem; border-radius:8px;}
.condition_box .condition_select_box li .btn_sign {margin:0 0 0 .4rem; padding:.5rem 0; font-size:.9rem; border-radius:8px;}
.search_list_box {position:absolute; bottom:3rem; left:0; right:0; border-radius:10px 10px 0 0; background-color:#fff; box-shadow:0 0 4px 3px rgba(0, 0, 0, .08); z-index:1;}
.search_list_box .btn_s_category {display:inline-block; margin:1rem 1rem 0; padding:0 12px 0 28px; height:30px; line-height:29px; font-size:.85rem; color:#fff; border-radius:30px; background:#201e43 url(../img/sub/ico_service_category.png) no-repeat 10px center; background-size:15px;}
.btn_c_category {float: right; margin: 1rem 1rem 0; padding: 0 12px; height: 30px; line-height: 29px; font-size: .85rem; color: #fff; border-radius: 30px; background: #201e43 no-repeat 10px center; background-size: 15px;}
.search_list_box .item_info {padding:.8rem 0; border-bottom:1px solid #ebebeb}
.search_list_box .item_info .ct_name {display:block; font-size:1.05rem; color:#0066c2;}
.search_list_box .item_info .address {padding-top:2px; font-size:.9rem; font-weight:300; line-height:1.3; overflow:hidden;}
.search_list_box .item_info .address .unit {display:block; float:left; margin:-2px 5px 0 0; padding:5px 10px; font-size:.75rem; border-radius:30px; background-color:#eee;}
.map_box {position:absolute; left:0; top:0; right:0; bottom:0; background-color:#eee; z-index:0;}
.search_list_box #serviceCenterList {padding:0 1rem 3rem; height:9rem; overflow-y:auto; overflow-x:hidden;}


/* 서비스 예약 - 1단계 */
.btn_add_change {position:absolute; right:0; top:-2px; padding:0 10px; height:29px; line-height:27px; font-size:.85rem; color:#e71151; border:1px solid #e71151; text-align:center; border-radius:8px;}
.center_info {margin-bottom:1.3rem; padding:1rem; border-radius:10px; background-color:#f7f7f9;}
.center_info .ct_name {font-size:1rem;}
.center_info .address {font-size:.95rem; color:#737373; font-weight:300;}
.available_chk_box .col {padding:.7rem .7rem .7rem 1.5rem;}
.available_chk_box .chk_box {font-size:1rem; font-weight:300;}
.available_chk_box .chk_box .on {border-color:#ccc; background-color:#ccc;}

/**/
#ui-datepicker-div.hasDatepicker,
#ui-datepicker-div.ui-widget.ui-widget-content {padding:1rem; width:60%; border-radius:10px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);}
#ui-datepicker-div .ui-datepicker .ui-datepicker-next {right:15%;}
#ui-datepicker-div .ui-datepicker .ui-datepicker-prev {left:15%;}
#ui-datepicker-div .ui-datepicker-days-cell-over {position:relative}
#ui-datepicker-div .ui-datepicker-days-cell-over::after {content:"";position:absolute; top:1px; left:50%; margin-left:-12px; width:25px; height:25px; border-radius:30px; background-color:#e71151; z-index:0;}
#ui-datepicker-div .ui-datepicker-today .ui-state-highlight {color:#333333 !important}
#ui-datepicker-div .ui-datepicker-days-cell-over.ui-datepicker-today .ui-state-highlight {color:#fff !important}

/* 서비스 예약 - 2단계 */
.step_object {padding:1rem; border-bottom:5px solid #f0f0f3;}
.step_object .step_box {display:flex; border-radius:10px; text-align:center; background-color:#f7f7f9;}
.step_object .step_box > * {display:block; width:50%; height:50px; line-height:50px; font-size:.95rem; color:#a9a9a9;}
.step_object .step_box a.on {color:#fff; border-radius:10px; background-color:#e71151;}
.tit_sub {margin-bottom:1.3rem; font-size:.95rem; color:#949494; font-weight:300; line-height:1.3;}
.time_choice {display:flex; flex-wrap:wrap;}
.time_choice a {display:block; margin:0 .5% 2%; width:24%; height:35px; line-height:33px; text-align:center; font-size:.9rem; color:#767676; border:1px solid #e7e7ea; border-radius:30px; background-color:#fff;}
.time_choice a.on {color:#fff; border-color:#201e43; background-color:#201e43}
.time_choice a:nth-child(4n+0) {margin-right:0;}
.time_choice a:nth-child(4n+1) {margin-left:0;}
.time_choice a.disabled {color:#b4b4b4; border-color:#e7e7ea; background-color:#f0f0f0; pointer-events:none; cursor:default;}
.exclamation_object {margin:1rem 0; padding:1rem; border-radius:10px; background-color:#f7f7f9;}
.exclamation_object .txt_exclamation {padding-left:19px; line-height:1.3; background:url(../img/sub/ico_exclamation_mark_2.gif) no-repeat 0 3px; background-size:15px;}
.exclamation_object .txt_exclamation a {display:block; text-decoration:underline;}
.exclamation_object .txt_exclamation.mgb {margin-bottom:10px;}
#datepicker.hasDatepicker {margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:1px solid #eee;}
#datepicker.hasDatepicker, #datepicker .ui-widget.ui-widget-content {width:100%;}
.ui-datepicker table {text-align:center;}
.ui-widget.ui-widget-content {border:none;}
.ui-datepicker, .ui-datepicker .ui-datepicker-header {padding:0;}
.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-defaul {border:none !important; background:transparent !important;}
.ui-datepicker td a {text-align:center; border:none !important; background:transparent !important;}
.ui-state-highlight {position:relative; color:#fff !important; z-index:1;}
.ui-datepicker-current-day {position:relative;}
.ui-datepicker-current-day::after {content:"";position:absolute; top:1px; left:50%; margin-left:-12px; width:25px; height:25px; border-radius:30px; background-color:#e71151; z-index:0;}
.ui-state-active {position:relative; z-index:1;}
.ui-datepicker th {color:#7b7b7b;}
.ui-datepicker-prev {background: url(../img/sub/ico_date_arr_prev.png) no-repeat center; background-size:10px;}
.ui-datepicker-next {background: url(../img/sub/ico_date_arr_next.png) no-repeat center; background-size:10px;}
.ui-datepicker-prev.ui-state-disabled {background: url(../img/sub/ico_date_arr_prev_disabled.png) no-repeat center; background-size:10px;}
.ui-datepicker-next.ui-state-disabled {background: url(../img/sub/ico_date_arr_next_disabled.png) no-repeat center; background-size:10px;}

/* 서비스 예약 리스트 */
.service_list {padding:0; overflow:hidden;}
.vehicle_info.with_btn {display: flex;align-items: center;justify-content: space-between;}
.list.service_list .vehicle_info {padding:.8rem 1rem;}
.list.service_list .vehicle_info .date {margin:5px 0; font-size:.95rem; color:#888889; font-weight:300;}
.list.service_list .vehicle_info .date span::after {content:""; display:inline-block;margin:-2px 10px 0; width:1px; height:15px; vertical-align:middle; background-color:#cbcccf;}
.service_list .btn_acc_list {display:block; padding:.7rem 1rem; font-size:.95rem; color:#002b8d; background:#efeff1 url(../img/sub/ico_toggle_on.png) no-repeat 97% center; background-size:20px;}
.service_list .btn_acc_list.on {background-image:url(../img/sub/ico_toggle_off.png);}
.service_list .chk_service_list {display:none; padding:1rem; background-color:#fff;}
.service_list .chk_service_list li {margin-bottom:5px; padding-left:22px; color:#002b8d; font-size:.95rem; font-weight:300; background:url(../img/sub/ico_service_chk_default.png) no-repeat 0 center; background-size:18px;}
.service_list .chk_service_list li:last-child {margin-bottom:0;}
.list.service_list.chk .vehicle_info {background-color:#fff7f9;}
.list.service_list.chk .btn_acc_list {color:#fff; background-color:#e60c4e; background-image:url(../img/sub/ico_toggle_chk_off.png);}

.list.service_list.chk .chk_service_list {background-color:#ede3e6;}
.list.service_list.chk .chk_service_list li {color:#e60c4e; background-image:url(../img/sub/ico_service_chk.png);}
.service_list .btn_acc_list.on + .chk_service_list {display:block;}

#availableDivMList .list .col {padding:.8rem 0;}
#availableDivMList .list .col:first-child {padding-top:0;}
#availableDivMList .list .col:last-child {padding-bottom:0; border:none;}
#availableDivMList .list .chk_box {position:static;}
#availableDivMList .list .chk_box .on {top:-2px; left:0;}

.list .btn_acc_list.statics .col {display:inline-block; padding:0; border-bottom:none;}
.list .btn_acc_list.statics .chk_box {position:static; color:#002b8d;}
.list .btn_acc_list.statics .chk_box .on {top:-2px; left:0;}
.service_list .btn_acc_list.statics.on {background-color:#1e34a5;}
.service_list .btn_acc_list.statics.on .chk_box {color:#fff;}

/* 사고 수리 견적 리스트 */
.img_list_box {display:flex; justify-content:flex-start; flex-wrap:wrap;}
.list .img_list_box .result_image {display:table; margin:.3rem; width:calc(33.3% - .6rem); height:auto; border: 1px solid #b9b9b9; border-radius:8px; overflow:hidden; background-color:#f0f0f0;}
.list .img_list_box .result_image span {display:table-cell; vertical-align:middle;}
.list .img_list_box .result_image img {display:block; margin:0 auto; width:100%; height:auto; border-radius:0;}
.txt_comment {margin-top:10px; padding:10px 5px 0; border-top:1px solid #ddd;}
.txt_comment strong {margin-bottom:5px;}
.txt_comment p {font-size:.95rem; font-weight:300; line-height:1.3;}

.togg_box {display:none;}
.my_car_info.on + .togg_box {display:block;}


/* 설문조사 - step1 */
.survey_start_object {text-align:center;}
.survey_start_object .topic {font-size:1.2rem; color:#0067c6;}
.survey_start_object .topic::before {content:""; display:block; margin:1rem auto .5rem; width:5rem; height:6rem; background:url(../img/sub/ico_survey.png) no-repeat 0 0; background-size:5rem;}
.survey_start_object .sub_topic {font-size:1.2rem; color:#0067c6; font-weight:300;}
.survey_start_object .info {margin:1.5rem 0 0; padding:1.5rem 1rem; font-size:.9rem; font-weight:300; text-align:center; border-radius:10px; background-color:#f7f7f9;}

/* 설문조사 - step2 */
.list_part {margin-bottom:.5rem;}
.list_part:last-child {margin-bottom:0;}
.list_part {border:1px solid #d1d1d1; border-radius:10px; overflow:hidden;}
.list_part .query {display:block; padding:1rem 1rem 1rem 3.2rem; line-height:1.3; font-size:.95rem; text-indent:-35px; border-bottom:1px solid #ddd;}
.list_part .query span {padding-right:5px; color:#0073ed}
.list_part .star_ratings{padding:.5rem 1rem; font-size:1rem; background-color:#f5f5f5;}
.list_part .dep {padding:.5rem 1rem .5rem 3.2rem; font-size:1rem; border-bottom:1px solid #ddd; background-color:#f5f5f5;}
.list_part .dep:last-child {border-bottom:none;}
.list_part .dep .query {padding:.5rem 0 0; font-weight:300; border-bottom:none;}
.list_part .dep .star_rating {padding:.7rem 0 0; display:block;}
/*
.star-rating {display:flex;}
.star {appearance:none; padding:1px;}
.star::after {content:'★'; color:#d3d3d3; font-size:1.5rem;}
.star:checked::after,
.star:has(~ .star:checked)::after {content:'★'; color:#e71151;}
*/

.star_rating {padding:.7rem 1rem; width:100%; box-sizing:border-box; display:inline-flex;flex-direction:row; justify-content:flex-start; font-size:1rem; background-color:#f5f5f5;}
.star_rating .star {width:22px; height:22px; margin-right:8px; display:inline-block; background:url('../img/sub/ico_scope_default.png') no-repeat; background-size:100%; box-sizing:border-box; cursor:pointer;}
.star_rating .star.on {width:22px; height:22px; margin-right:8px; display:inline-block; background:url('../img/sub/ico_scope_chk.png') no-repeat; background-size:100%; box-sizing:border-box;}





/* 본인인증 */
.txt_identity {padding:15% 0 1rem; text-align:center;}
.txt_identity strong {font-size:1.3rem; font-weight:600;}
.txt_identity strong::before {content:""; display:block; margin:0 auto 1rem; width:7rem; height:7rem; background:url(../img/sub/ico_realname_verification.png) no-repeat 0 0; background-size:7rem;}
.txt_identity p {padding:.5rem 0 1rem; font-size:.95rem; font-weight:300; line-height:1.2;}

/* 알림 */
.talert {margin-bottom:1rem;}
.talert .col {position:relative; display:block; margin:.3rem 0; border:1px solid #e5e5e5; border-radius:20px; background-color:#fff;}
.talert.today .col {border-color:#eeeab8; background-color:#fffde3;}
.talert.previous .col {border-color:#e5e5e5;}
.talert .col strong {display:block; margin-bottom:.2rem; font-weight:500;}
.talert .col strong.logo_alert {padding:0 3rem 0 2.6rem; background:url(../img/sub/logo_laert_tit.png) no-repeat 0 0; background-size:2.2rem;}
.talert .col p {margin-bottom:.5rem; font-weight:300; line-height:1.2;}
.talert .col .time {font-size:.85rem; color:#757575; font-weight:300;}
.mgtop {display:block; margin-top:1rem;}
.no_alert {border:1px solid #e5e5e5; border-radius:20px; background-color:#fbfbfb; color:#9f9f9f;}
.btn_alert_delete {position:absolute; top:.5rem; right:.5rem; width:2.5rem; height:2.5rem; font-size:0; text-indent:-9999px; background:url(../img/sub/btn_alert_delete.png) no-repeat 0 0; background-size:100%; cursor:pointer;}


/* 알림설정 */
.allim_settings .st_item {display:flex; margin-bottom:.3rem; padding:1rem; border:1px solid #e5e5e5; border-radius:20px;}
.allim_settings .st_item p {margin-top:3px; line-height:1.2; font-size:.85rem; font-weight:300; color:#8d8d8d; letter-spacing: -.7px;}
.toggle_switch_box {display:table; margin-left:auto;}
.toggle_switch_box > div {display:table-cell; vertical-align:middle;}
.toggle_switch_box .toggle_switch {position:relative; display:block; width:50px; height:26px; border-radius:30px; background-color:#dfdfdf; cursor:pointer;}
.toggle_switch_box .toggle_switch .toggle_button {position:absolute; top:50%; left:4px; width:20px; height:20px; transform:translateY(-50%); border-radius:50%; background-color:#fff;}
.toggle_switch_box .in_toggle:checked ~ .toggle_switch {background-color:#e71151;}
.toggle_switch_box .in_toggle:checked ~ .toggle_switch .toggle_button {left:calc(100% - 24px); background-color:#fff;}
.toggle_switch_box .toggle_switch, .toggle_switch_box .toggle_button {transition:all 0.2s ease-in;}

/* 차량 기능 설명 리스트 */
.flex_box {display:flex; justify-content:space-between; flex-wrap:wrap;}
.img_list {margin-bottom:.6rem; width:49%; border:1px solid #e5e5e5; border-radius:10px;}
.img_list:nth-child(odd) {margin-right:1%;}
.img_list:nth-child(even) {margin-left:1%;}
.img_list .sp_images {position:relative; display:block; height:8rem; background-color:#eee; border-radius:10px 10px 0 0; overflow:hidden;}
.img_list .sp_images img {position:absolute; left:0; top:0; display:block; margin:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover;}
.img_list .tit {display:block; padding:.7rem; text-align:center; font-size:.9rem; line-height:1.2;}

/* 차량 기능 설명 상세 */
.driving_object {text-align:center;}
.driving_object::before {
    position:absolute; top:3.5rem; left:0; content:""; display:block; width:100%; height:18rem;
    background: rgb(18,18,18);
    background: -moz-linear-gradient(180deg, rgba(18,18,18,1) 0%, rgba(48,60,73,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(18,18,18,1) 0%, rgba(48,60,73,0) 100%);
    background: linear-gradient(180deg, rgba(18,18,18,1) 0%, rgba(48,60,73,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212",endColorstr="#303c49",GradientType=1);
    z-index:0;
}
.driving_object .caption {position:relative; display:block; margin:2rem 0 .5rem; font-size:1.1rem; color:#e71151; font-weight:bold; text-align:center;}
.driving_object .topic {position:relative; display:block; margin-bottom:5px; color:#fff; font-size:2rem; line-height:1.2; font-weight:bold; text-align:center;}
.driving_object .sub_topic {position:relative; display:inline-block; padding:.2rem 4rem; color:#fff; font-weight:300; text-align:center;
    background: rgb(192,12,70);
    background: -moz-linear-gradient(90deg, rgba(192,12,70,0) 0%, rgba(228,0,69,1) 12%, rgba(228,0,69,1) 88%, rgba(228,0,69,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(192,12,70,0) 0%, rgba(228,0,69,1) 12%, rgba(228,0,69,1) 88%, rgba(228,0,69,0) 100%);
    background: linear-gradient(90deg, rgba(192,12,70,0) 0%, rgba(228,0,69,1) 12%, rgba(228,0,69,1) 88%, rgba(228,0,69,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c00c46",endColorstr="#e40045",GradientType=1);
}
.driving_video_box {position:relative; margin-top:2rem;}
.driving_video_box img {display:block; margin-bottom:.5rem; width:100%; border-radius:5px;}
.driving_video_box .video_list {margin-bottom:1rem; border-radius:10px; overflow:hidden;}
.driving_video_box .video_list iframe {width:100% !important; min-height:100% !important; border-radius:10px;}
.driving_video_box .video_list video {width:100%;}
.car_img_txt {margin-top:1.5rem; padding:1.5rem 0; border-top:1px solid #ddd; text-align:left; font-weight:300;}
.ytp-cued-thumbnail-overlay-image {background-size:100% !important;}

/* 차량 기능 설명 대시보드 */
.vehicle_point {position:absolute; top:3.5rem; left:0; bottom:3rem; right:0; overflow:hidden;}
.vehicle_point img {max-width:100%; height:100%;  object-fit:cover; -o-object-fit:cover;}
.ico_point {background:url(../img/sub/ico_point.png) no-repeat center; background-size:3rem;}
.topic_vehicle {position:relative; display:block; margin:5% 0 1rem; line-height:1.2; font-size:2.1rem; font-weight:bold; color:#e71151; text-align:center; z-index:1;}
.sub_topic_vehicle {position:relative; line-height:1.3; font-size:.95rem; font-weight:300; color:#fff; text-align:center; z-index:1;}

/* 달력 스타일 */
.datepicker_box {display:flex; padding:1rem 1rem 0; align-items:center;}
.datepicker_box input {width:30%; height:40px; font-size:.95rem; border:1px solid #cbcbcb; background:url(../img/sub/ico_in_date.gif) no-repeat right center; background-size:40px;}
.datepicker_box input.start_date {margin:0 1% 0 0; margin-left:auto;}
.datepicker_box input.end_date {margin:0 1%;}
.datepicker_box .btn_date_search {width:40px; height:40px; line-height:40px; font-size:.9rem; font-size:0; text-indent:-99999px; border-radius:10px; background:#ddd url(../img/sub/ico_date_search.png) no-repeat center; background-size:40px; cursor:pointer;}

#serviceTotalTime {background-color:#ffefef;}
.txt_total_exclamation {display:block; padding-left:22px; font-size:.95rem; font-weight:500; color:#d50909; background:url(../img/sub/ico_exclamation_mark_red.png) no-repeat 0 center; background-size:18px;}

.tb1 {margin-bottom:5px; width:100%; table-layout:fixed; border-top:2px solid #000; border-bottom:1px solid #bec2c8; box-sizing:border-box;}
.tb1 thead th, .tb1 tbody td {position:relative; padding:8px; font-size:.95rem; color:#000; border-bottom:1px solid #e1e3e6; letter-spacing:-.5px; box-sizing:border-box;}
.tb1 thead th {background-color:#e9e9e9}
.tb1 tbody td {font-weight:300;}
.tb1 tbody td:first-child {font-weight:500; background-color:#fffcef;}
.tb1 tbody td > * {vertical-align:middle;}

@media screen and (max-width: 786px) {
    .image-uploader .uploaded .uploaded-image {
        width: calc(28% - .5rem);
        padding-bottom: calc(33.3333333333% - .3rem);
        margin: .5rem;
    }
}
@media screen and (max-width: 450px) {
    .image-uploader .uploaded .uploaded-image {
        width: calc(44% - .4rem);
        padding-bottom: calc(50% - .4rem);
        margin: .5rem;
    }
}