@charset "utf-8";
/*============================================================== 로그인 ====================================================================*/
/* 로그인 */
.page_login{padding-bottom: 80px!important;}
.page_login .input_box_wrap{padding-bottom: 8px;}
.page_login .input_box > .label{width: 22%;line-height: 59px;height: 59px;}
.page_login .input_box > p{width: 78%;}
.page_login .input_box > p input::placeholder{letter-spacing: -1px;}
.page_login .input_box > p input{height: 59px;padding-left: 0;}
.page_login .input_box > p > a.btn_line_small{position: absolute;right: 4px;top: 8px;background-color: #fff;letter-spacing: -0.5px;line-height: 15px;padding: 5px 7px;text-align: center;border-radius:24px}
.page_login .page_top{padding: 22px 16px 40px;background-color: #fff;}
.page_login .page_top em.top_logo{display: inline-block;width: 200px;height: 25px;margin-bottom: 40px;background: url(/static/publishing/img/logo_openlink.png) no-repeat;background-size: 200px 25px;}
.page_login .page_top h1{font-size: 24px;line-height: 34px;letter-spacing: -1px;color: #3366FF;font-weight: bold;}
.page_login .page_top h1 strong{display: block;font-size: 20px;color: #363636;font-weight: normal;line-height: 34px;letter-spacing: -1px;}
.page_login .tab_container{overflow: visible;position:static}
.page_login .tab_content{padding:24px 16px 0}
.page_login .tab_content .input_box:first-child{margin-bottom: 8px;}
.page_login .text_error{display: block;font-size: 14px;color: #202de0;}
.page_login .login_btn{position: relative;display: flex;justify-content:space-between;margin:16px 0 0;}
.page_login .login_btn > div {font-size: 14px;color: #979797;}
.page_login .login_btn > div span.checks{padding-bottom: 8px;}
.page_login .login_btn > div span.checks span{font-size: 14px;}
.page_login .login_btn > div a{color: #363636; text-decoration: underline;font-weight: bold;}
.page_login .login_btn > a.btn_login{position: relative;width: 72px;height: 72px;;background-color: #3366FF;border-radius:36px;text-align: center;line-height: 78px;color: #fbf9f4;font-size: 18px;}
.page_login .login_btn > a.btn_login:after{position: absolute;left: 50%;top: 7px;content: "";display: block;width:5px;height: 15px;margin-left: -3px;border-radius:3px;background-color: #fff;}
.page_login .login_bottom{position: absolute;left: 0;bottom: 0;padding: 24px 16px;}
.page_login .login_bottom p{font-size: 14px;color: #979797;line-height: 20px;padding-top: 24px;}
.page_login .login_bottom p a{color: #363636;text-decoration: underline;font-weight: bold;}
.large_veiw{position: relative;background: #fbf9f4 url(/static/publishing/img/bg_wheel.png) no-repeat right bottom; background-size: 180px 156px}
/* 비밀번호 설정 */
.page_password .input_box_wrap{padding: 40px 16px;}
.page_password .input_box_wrap > div:first-child{margin-bottom: 8px;}
.page_password .input_box .label{width: 23%;padding-left: 0;}
.page_password .input_box > div{width: 77%;}
.popLayer_password .input_box_wrap,.popLayer_send_password .input_box_wrap{padding-bottom: 58px;}
.popLayer_password .input_box .label,.popLayer_send_password .input_box .label{width: 25%;}
.popLayer_password .input_box > p,.popLayer_send_password .input_box > p{width: 75%;}
/* 도움말 */
.page_faq .folding_list_wrap{margin-top: 40px;border-top: 1px solid #3366FF;}
/*============================================================== 서비스소개 ====================================================================*/
/* 정비상품 소개 */
.page_store_service{}
.page_store_service .store_banner{background-color: #6699FF;}
.page_store_service .store_banner a{color: #fbf9f4;}
.page_store_service .store_banner a i{background-position:-200px 0;}
.page_store_service .store_banner a b{font-size: 22px;}
.page_store_service .service_content{border-top: 10px solid #e8e7e7;}
.page_store_service strong.title{display: block;font-size: 22px;line-height: normal;letter-spacing: -0.5px;padding-bottom: 16px;color: #363636;}
.page_store_service p.info{font-size: 14px;line-height: 20px;letter-spacing: -0.5px;}

.page_store_service .service_main{padding: 24px 16px;background: url(/static/publishing/img/service_wheel.png)  no-repeat;background-position:right 60px; background-size:180px 289px}
.page_store_service .service_main strong.title{padding-bottom: 4px;}
.page_store_service .service_main > img{padding: 40px 0 24px;}
.page_store_service .service_sub{padding: 50px 16px 40px;background: #212121 url(/static/publishing/img/service_top.png) no-repeat;}
.page_store_service .service_sub strong.title{color: #fff;}
.page_store_service .service_sub p.info{color: #979797;}

.page_store_service .service_list{padding: 40px 16px 0;}
.page_store_service .service_list li{padding-bottom: 40px;}
.page_store_service .service_list li span{display: block;margin-bottom: -28px;}
.page_store_service .service_list li em{display: inline-block;background-color: #fff;width: 184px;height: 46px;line-height: 46px;border-radius: 0 100px 0 0;font-size: 16px;color: #3366FF;white-space: nowrap}
.page_store_service .service_list li p{font-size: 14px;color: #979797;line-height: 20px;}
/* 춪아가는 방문서비스 */
.page_visit_service{background-color: #212121;}
.page_visit_service img{width: 100%;}
.page_visit_service .visit_main{padding: 24px 16px;background-color: #fff;}
.page_visit_service .visit_main strong{display: block;font-size: 20px;line-height: 23px;letter-spacing: -0.5px;}
.page_visit_service .visit_main p{font-size: 16px;line-height: 22px;padding-top: 4px;}
.page_visit_service .visit_main p em{color: #3366FF;}
.page_visit_service .visit_list{position: relative;background-color: #fff;margin-top: -1px;}
.page_visit_service .visit_list:after{content: "";display: block;height: 100%;width: 1px;border-left: 1px solid #6699FF;position: absolute;left: 27px;top: 0;}
.page_visit_service .visit_list > strong{display: inline-block;padding-right: 58px;background-color: #6699FF;padding-left: 16px;border-radius: 0 30px 30px 0}
.page_visit_service .visit_list > strong b{color: #fbf9f4;line-height: 58px;font-size: 20px;}
.page_visit_service .visit_list > strong span{color: #fbf9f4;line-height: 58px;font-weight: normal;font-size: 14px;padding-left: 5px;}
.page_visit_service .visit_list img{position: relative;z-index: 1;}
.page_visit_service .visit_list ul{padding: 0 16px;padding-bottom: 52px;}
.page_visit_service .visit_list ul li{padding-top: 40px;}
.page_visit_service .visit_list ul li .title{position: relative;padding-left: 32px;}
.page_visit_service .visit_list ul li .title strong{font-size: 16px;}
.page_visit_service .visit_list ul li .title p{padding: 3px 0 8px;font-size: 14px;line-height: 20px;color: #979797;word-break:break-all}
.page_visit_service .visit_list ul li .title em{display: inline-block;width: 24px;height: 24px;padding-left: 8px;background-color: #3366FF;border-radius: 12px;text-align: left;line-height: 24px;color: #fbf9f4;font-size: 12px;font-style: italic;position: absolute;left: 0;top: 0;z-index: 1;}
.page_visit_service .visit_bottom p{padding: 16px;background-color: #363636;color: #979797;}
.page_visit_service .visit_bottom p span{position: relative;display: block;font-size: 12px;line-height: 17px;letter-spacing: -0.5px;padding-left: 7px;}
.page_visit_service .visit_bottom p span:before{content: "*";position: absolute;left: 0;top: 0;display: inline-block;font-size: 12px;}
.page_visit_service .visit_bottom div{padding: 24px 16px 8px;font-size: 14px;color: #979797;}
.page_visit_service .visit_bottom div i{margin-right: 8px;}
.page_visit_service .visit_bottom div a{color: #979797;text-decoration: underline}
/* 협력업체 찾기 */
.page_store_search .section_title{padding-top: 24px;padding-bottom: 8px;}
.popLayer_searchStore .input_box_wrap{padding-bottom: 32px;}
.popLayer_searchStore select{padding: 0 8px;}
.page_store_search .search_result .btn_wrap{padding-bottom: 0;}
/* 협력업체 주변검색 */
.page_store_around{position: relative;}
.page_store_around .search_result h4{position: relative;}
.page_store_around .search_result h4 > span{padding: 9px 0 16px;}
.page_store_around .search_result h4 .selection{position: absolute;min-width:87px;right: 16px;top: 0;width: auto;border: 1px solid #3366FF;height: 32px;border-radius:16px}
.page_store_around .search_result h4 .selection:after{background-position: -96px -132px;}
.page_store_around .search_result h4 .selection select{height: 30px;line-height: 30px;color: #3366FF;font-size: 14px;}
.page_store_around .map_wrap{position: fixed!important;left: 0;top: 62px;}
.page_store_around .search_result{padding: 16px 0 5px;}
.page_store_around .search_result .btn_wrap .btn_line{margin-bottom: 18px;}
/* 협력업체 상세팝업 */
.pop_store_detail .title_box{background-color: #fef9ea;padding: 20px 16px;}
.pop_store_detail .store_info{border-bottom: 1px solid #e8e7e7;}
.pop_store_detail .store_info .point_info{background-color: #fbf9f4;padding:0 16px}
.pop_store_detail .store_info .point_info span{margin-left: 10px;line-height: 56px;vertical-align: middle;color: #3366FF;}
.pop_store_detail .store_info .text_info{padding: 16px;}
.pop_store_detail .store_info strong{display: block;line-height: 22px;font-weight: normal;margin-bottom: 16px;}
.pop_store_detail .contact_banner{padding-bottom: 8px;}
/*============================================================== 차량관리 ====================================================================*/
/* 챠량관리 - 현황조회 */
.page_status_search .search_box .box_inner{height: 68px;}
.page_status_search .search_box .box_inner > div{position: relative;top:50%;transform:translateY(-50%);font-size: 14px;line-height: 27px;overflow: visible;}
.page_status_search .search_box p,.page_status_search .search_box strong{font-size: 14px;letter-spacing: -0.5px;}
.page_status_search .search_box p b{font-size: 14px;letter-spacing: -0.5;}
.page_status_search .search_result .btn_wrap{padding-bottom: 0;}
.pop_status_search {padding: 24px 16px 16px;}
.pop_status_search .popLayer_content input[type="date"]{padding: 0;line-height: 52px;}
/* 차량관리 - 상세수리정보 */
.page_status_detail{margin-top: -1px;}
.page_status_detail .tab_container{overflow: visible;}
.page_status_detail .tab_group_wrap{position: relative;}
.page_status_detail .tab_group_wrap:before{content: '';display: block;height: 28px;width: 100%;background: #8de4cf;position: absolute;left: 0;top: 0;}
.page_status_detail .tab_group{border: 0;background-color:transparent;}
.page_status_detail .tab_content{padding: 32px 0 0;}
.page_status_detail .tab_content .tab_content_inner{padding: 0 16px;}
.page_status_detail .btn_wrap{padding: 32px 16px 0;}
.page_status_detail .manager_comment{position: relative;padding: 32px 0;padding-left: 80px;}
.page_status_detail .manager_comment > span{position: absolute;left: 0;top: 32px;display: block;width: 64px;height: 64px;border-radius: 32px 32px 0 32px;overflow: hidden;}
.page_status_detail .manager_comment > span img{width:auto;height: 100%;}
.page_status_detail .manager_comment > b{font-size: 14px;line-height: 22px;}
.page_status_detail .manager_comment > p{line-height: 22px;}
.page_status_detail .photo_slider{margin-top: 24px;}
.page_status_detail .photo_slider ul{padding-right: 50px;}
.page_status_detail .photo_slider li{overflow: hidden}
.page_status_detail .photo_slider li a{position: relative;display: block;padding-bottom: 100%;background-color: #fef9ea;border: 1px solid #e8e7e7;}
.page_status_detail .photo_slider li img{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.page_status_detail .photo_slider > div{display: flex;justify-content: space-between;align-items: center;}
.page_status_detail .photo_slider > div p{width: 48%;}
.page_status_detail .check_list{padding-top: 5px;}
/* 차량관리 - 포토팝업 */
.pop_photoView{position: relative;width: 100%;height: 100%;background-color: #000;}
.pop_photoView .popLayer_content,
.pop_photoView .pop_photo_slider{height: 100%;}
.pop_photoView .pop_photo_slider .swiper-wrapper{align-items:center;}
.pop_photoView .pop_photo_slider .swiper-wrapper img{position: absolute;left: 0;top: 50%;transform:translateY(-50%);width:auto; max-width:100%;max-height:100%}
.pop_photoView .pop_photo_slider .swiper-wrapper li{height: 100%;}
.pop_photoView .pop_photo_slider .swiper-wrapper li > div{padding: 16px;position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,0.8);text-align: right;}
.pop_photoView .pop_photo_slider .swiper-wrapper li > div p{color: #fbf9f4;text-align: left;line-height: 18px;margin-bottom: 15px;height: 36px;}
.pop_photoView .pop_photo_slider .swiper-wrapper li > div a{color: #fbf9f4;font-size: 18px;padding-bottom: 16px;}
.pop_photoView .pop_photo_slider .swiper-wrapper li > div a i{margin-right: 4px;}
.pop_photoView .pop_photo_slider .swiper-wrapper li > .file_type{height: 100%;padding-top: 127px;}
.pop_photoView .pop_photo_slider .swiper-wrapper li > .file_type span{display: block;height:100%;padding-top: 40%;background-color: #fef9ea;text-align: center;font-size: 14px;color: #979797;}
.pop_photoView .pop_photo_slider .swiper-wrapper li > .file_type span i{display: block;width: 70px;height: 70px;margin: 0 auto;margin-bottom: 8px;background: url(/static/publishing/img/icon_docu.png);background-size:cover;}
.pop_photoView .pop_photo_slider img.width_size{width:100%;height:auto;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.pop_photoView .btn_close{position: absolute;right: 16px;top: 15px;}
.pop_photoView .btn_download{position: absolute;right: 16px;bottom: 16px;color: #fbf9f4;font-size: 18px;}
.pop_photoView .btn_download i{margin-right: 6px;}
/* 차량관리- 점검통계 */
.page_status_graph .page_top{background-color: #8de4cf;height: 100px;text-align: center;padding-top: 24px;}
.page_status_graph .page_top span{display: block;font-size: 14px;padding-bottom: 5px;line-height: normal;}
.page_status_graph .page_top strong{font-size: 32px;font-weight: normal;}
.page_status_graph .tab_group_wrap{position: relative;}
.page_status_graph .tab_group_wrap:before{content: '';display: block;height: 28px;width: 100%;background: #8de4cf; position: absolute; left: 0; top: 0;z-index: 1;}
.page_status_graph .tab_group_wrap .tab_group{background: transparent;}
.page_status_graph .selection_box{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.page_status_graph .selection_box .selection{width: 120px;margin: 0 15px;}
.page_status_graph .selection_box .selection:after{color: transparent; background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -0 -156px; display: block; content: ''; width: 24px; height: 24px; position: re; top: 50%;transform: translateY(-52%); right: 0;}
.page_status_graph .selection_box .selection select{text-align: center;font-weight: bold;padding-left: 0;}
.page_status_graph .selection_box .btn_left{display: inline-block;width: 34px;height: 34px;padding: 5px;}
.page_status_graph .selection_box .btn_left:after{content: "";display: block;width: 24px;height: 24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position: -96px -156px}
.page_status_graph .selection_box .btn_right{display: inline-block;width: 34px;height: 34px;padding: 5px;}
.page_status_graph .selection_box .btn_right:after{content: "";display: block;width: 24px;height: 24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position: -120px -156px}
.page_status_graph .selection_box + .content_box{margin-top: 0;}
.page_status_graph .content_box_wrap{padding: 0 16px;}
.page_status_graph .content_box_wrap .content_box:first-child{margin-top: 0;}
.page_status_graph .content_box_wrap .content_box .box{padding: 16px 0 24px;display: flex;justify-content: center;align-items: center}
.page_status_graph .content_box_wrap .content_box .box > p{margin-left: 40px;}
.page_status_graph .content_box_wrap .content_box .box > p span{display: block;font-size: 14px;margin-top: 12px;}
.page_status_graph .content_box_wrap .content_box .box > p span i{vertical-align: baseline;margin-right: 3px;width: 10px;height: 10px;}
.page_status_graph .content_box_wrap .content_box .box > p span:first-child{margin-top: 0;}

.page_status_graph .tab_radio{padding: 32px 0  16px;text-align: center;}
.page_status_graph .tab_radio .checks:first-child{margin-right: 32px;}
.page_status_graph .content_box_wrap{padding: 0 16px;}
.page_status_graph .content_box_wrap .content_box:first-child{margin-top: 0;}
.page_status_graph .content_box h6 p{display: block;top: 32px;right: 20px;transform: translateY(-50%);}
.page_status_graph .content_box h6 p span{display: block;text-align: left;font-size: 12px;margin-top: 5px;}
.page_status_graph .content_box h6 p span:first-child{margin-top: 0;}
.page_status_graph .content_box .graph_area{padding: 8px 8px 8px;}
.page_status_graph .content_box .graph_area p{padding: 16px 8px;font-size: 12px;color: #979797;}
.page_status_graph .content_box .graph_area p i{display: inline-block;width: 8px;height: 8px;border-radius: 4px;vertical-align: baseline;margin-right: 3px;}
/*============================================================== 마이페이지 ====================================================================*/
/* 내정보 */
.page_myInfo_user{padding-bottom: 16px;}
.page_myInfo_user .info_id{display: flex;justify-content: space-between;align-items: center;padding: 24px 16px;background-color: #fbf9f4;}
.page_myInfo_user .info_id ul{flex-basis: 60%}
.page_myInfo_user .info_id li span{display: inline-block;width: 40%;}
.page_myInfo_user .info_id li p{width: 60%;}
.page_myInfo_user .info_user_input{border-top: 8px solid #e8e7e7;}
.page_myInfo_user .btn_wrap{padding: 16px 16px 0;}
.pop_myInfo_user .info_user_input{border: 0;}
/* 내차량 정보 */
.page_myInfo_car .info_content .input_box_wrap{position: relative;padding: 8px 16px;background-color: #fbf9f4;}
.page_myInfo_car .info_content .input_box_wrap .input_box,.page_myInfo_car .info_content .input_box_wrap .input_box input{background-color:transparent}
.page_myInfo_car .info_content .input_box_wrap .label{width: 24%;padding-left: 0;}
.page_myInfo_car .info_content .input_box_wrap p{width: 76%;}
.page_myInfo_car .info_content .input_box_wrap .btn_search{position: absolute;right: 16px;bottom: -27px;;display: block;width: 54px;height: 54px;background: #3366FF;text-align: center;line-height: 52px;border-radius:27px}
.page_myInfo_car .info_content .search_result h4{margin-top: 30px;border: 0;}
.page_myInfo_car .info_content .search_result h4 span{border: 0;}
.page_myInfo_car .info_content .search_box{}
.page_myInfo_car .info_content .search_box .box_inner > a{line-height: 28px;}
.page_myInfo_car .info_content .search_box .box_inner > a i{margin-right: 5px;}
.page_myInfo_car .info_content .search_box .box_inner div{line-height: 44px;}
.page_myInfo_car .info_content .search_box .box_inner div > a{font-weight: normal;font-size: 14px;color: #3366FF;}
/* 내차량 정보 상세 */
.page_myInfo_car_detail .title_content{padding-top: 32px;}
.page_myInfo_car_detail .tab_fixed h2{background-color: #8de4cf;font-size: 20px;padding: 22px 0;}
.page_myInfo_car_detail .content_box_wrap{padding: 0 16px}
.page_myInfo_car_detail .info_user_input{padding: 16px;}
.page_myInfo_car_detail .btn_wrap{padding:8px 16px 16px}
/* 매니저 프로필 */
.pop_manager_profile{padding: 0 16px;position: relative;background: url(/static/publishing/img/bg_profile.png) no-repeat;height: 100%;background-size:cover}
.pop_manager_profile .manager_card{position: relative;padding-top: 24px;background-color: #fff;transform: translateY(-50%);top: 52%;border-radius: 20px;text-align: center;}
.pop_manager_profile .profile_img{padding-bottom: 40px;}
.pop_manager_profile .profile_img div{width: 170px;height: 170px;margin: 0 auto;background: url(/static/publishing/img/bg_icon_profile.png) no-repeat; background-size:cover}
.pop_manager_profile .profile_img div span{position: relative;display: inline-block;width: 93px;height: 93px;margin-top: 39px;margin-left: 1px;border-radius: 49px;overflow: hidden;text-align: center;}
.pop_manager_profile .profile_img div span img{width: auto;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.pop_manager_profile .profile_img p{line-height: 20px;padding-top: 16px;}
.pop_manager_profile .profile_name{background-color: #fbf9f4;padding: 23px 0 22px;line-height: 22px;}
.pop_manager_profile .profile_name p{line-height: 22px;color: #979797;}
.pop_manager_profile .btn_contact{border-radius:0 0 20px 20px}
/* 사이드메뉴 */
header.header_sidemenu{height: 106px;background-color: #8de4cf;}
header.header_sidemenu h1{font-size: 20px;line-height: 26px;}
header.header_sidemenu .btn_right + .btn_right_side{margin-left: 14px;}
.page_sidemenu{min-height: 100%;padding-bottom: 64px!important;position: relative;}
.page_sidemenu.large_view{position:initial}
.page_sidemenu .page_bottom{width: 100%;padding: 24px;position: absolute;left: 0;top: 100%;margin-top: -64px;display:flex;justify-content:space-between;align-items: center;background-color: #fbf9f4;}
.page_sidemenu .page_bottom p{display: block;width: 96px;height: 16px;background: url(/static/publishing/img/logo_gray.png); background-size:96px 16px}
.page_sidemenu .page_bottom a{font-size: 14px;color: #979797;}
.page_sidemenu > ul li{padding: 24px;border-top: 1px solid #e8e7e7;display: flex;justify-content:flex-startflex-start}
.page_sidemenu > ul li:first-child{border-top: 0;}
.page_sidemenu > ul li >  strong{width: 106px;font-weight: 18px;line-height: 24px;;font-weight: normal;}
.page_sidemenu > ul li > div p{margin-top: 24px;line-height: 24px;}
.page_sidemenu > ul li > div p:first-child{margin-top: 0;}
.page_sidemenu > ul li > div p i{margin-right: 5px;}
.page_sidemenu > ul li > div p a{display: inline-block;}
.page_sidemenu > ul li > div p span{font-size: 14px;margin-left: 10px;color: #979797;vertical-align: middle;line-height: 24px;}
.page_sidemenu > ul li > div p span b{vertical-align: middle;color: #3366FF;font-weight: normal;font-size: 14px;margin-left: 3px;line-height: 24px;}
/* 사이드메뉴 아이콘 */
i.icon_sidemenu{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.icon_sidemenu:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_sidemenu.png) no-repeat;background-size: 192px 24px;}
i.icon_sidemenu.icon_repair{width: 24px;height: 24px;}
i.icon_sidemenu.icon_repair:after{width: 24px;height: 24px;background-position:-0px -0px}
i.icon_sidemenu.icon_graph{width: 24px;height: 24px;}
i.icon_sidemenu.icon_graph:after{width: 24px;height: 24px;background-position:-24px -0px}
i.icon_sidemenu.icon_photo{width: 24px;height: 24px;}
i.icon_sidemenu.icon_photo:after{width: 24px;height: 24px;background-position:-48px -0px}
i.icon_sidemenu.icon_search{width: 24px;height: 24px;}
i.icon_sidemenu.icon_search:after{width: 24px;height: 24px;background-position:-72px -0px}
i.icon_sidemenu.icon_profile{width: 24px;height: 24px;}
i.icon_sidemenu.icon_profile:after{width: 24px;height: 24px;background-position:-96px -0px}
i.icon_sidemenu.icon_car{width: 24px;height: 24px;}
i.icon_sidemenu.icon_car:after{width: 24px;height: 24px;background-position:-120px -0px}
i.icon_sidemenu.icon_alarm{width: 24px;height: 24px;}
i.icon_sidemenu.icon_alarm:after{width: 24px;height: 24px;background-position:-144px -0px}
i.icon_sidemenu.icon_question{width: 24px;height: 24px;}
i.icon_sidemenu.icon_question:after{width: 24px;height: 24px;background-position:-168px -0px}
/* 고객 위치정보 확인 */
.page_location_agree .agree_box_wrap{padding: 0 16px;}
.page_location_agree .agree_box{border: 1px solid #e8e7e7;}
.page_location_agree .agree_box > strong{display: flex;justify-content: space-between;align-items: center; padding: 18px 16px;border-bottom: 1px solid #e8e7e7;}
.page_location_agree .agree_box > strong span{letter-spacing: -0.5px;color: #363636;}
.page_location_agree .agree_box > strong span em{font-weight: normal;color: #3366FF;padding-left: 5px;vertical-align: 1px;}
.page_location_agree .agree_box > div{padding: 16px;background-color: #fbf9f4;}
.page_location_agree .agree_box > div ul li{display: flex;justify-content: flex-start;align-items: flex-start; font-size: 14px;margin-top: 15px;color: #363636;}
.page_location_agree .agree_box > div ul li em{font-size: 14px;padding-right: 5px;}
.page_location_agree .agree_box > div ul li:first-child{margin-top: 0;}
.page_location_agree .agree_box:first-child{border-bottom: 0;}
.page_location_agree .map_info strong{display: flex;justify-content: flex-start;align-items: flex-start;padding: 18px 16px;background-color: #fbf9f4;}
.page_location_agree .map_info strong em{display: block;color: #3366FF;font-size: 12px;letter-spacing: -0.38px;font-weight: normal;margin-bottom: 3px;}
.page_location_agree .map_info strong p{padding-left: 5px;font-size: 16px;font-weight: bold;letter-spacing: -0.5px;line-height: 22px;}
.page_location_agree .map_info > p{padding: 8px 16px;color: #979797;font-size: 14px;letter-spacing: -0.44px;line-height: normal;}
/* 메인페이지 */
.page_main .main_status{position: relative;padding: 42px 130px 24px 16px;}
.page_main .main_status .status_rate{width: 165px;height: 330px;position: absolute;right: 0;top: 0;background: url(/static/publishing/img/bg_main_check.png);background-size:165px 330px}
.page_main .main_status .status_rate .rate_bg{position: absolute;right: 0;top: 50%;transform: translateY(-50%);content: "";display: block;width: 126px;height: 251px;background: url(/static/publishing/img/bg_main_check2.png) no-repeat center bottom;background-size:126px 251px;z-index: 1;}
.page_main .main_status .status_rate .rate_graph{position: absolute;right: 0;bottom: 15px;height:0;transition: height ease 2s;z-index: 0;}
.page_main .main_status .status_rate .rate_graph.load{height: 297px;}
.page_main .main_status .status_rate .rate_graph span{position: absolute;right: 0;bottom: 0;display: block;width: 148px;height: 100%; background: url(/static/publishing/img/img_main_check.png) no-repeat center bottom;background-size:148px 297px;}

.page_main .main_status .status_rate .rate_text{position: absolute;right: 16px;top:50%;transform: translateY(-50%);text-align: right;z-index: 2;}
.page_main .main_status .status_rate .rate_text h2{padding-right: 15px;padding-bottom: 5px;font-size: 14px;line-height: normal;letter-spacing: -0.3px;color: #363636;}
.page_main .main_status .status_rate .rate_text strong{font-size: 20px;letter-spacing: -1.62px;color: #363636;}
.page_main .main_status .status_rate .rate_text strong b{font-size: 74px;letter-spacing: -4px;padding-right: 5px;font-weight: normal;}
.page_main .main_status .status_info h2{width: 70%;display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 8px;}
.page_main .main_status .status_info h2 span{font-weight: bold;color: #363636;line-height: normal;}
.page_main .main_status .status_info h2 strong{align-self: flex-end;font-size: 22px;color: #363636;text-align: right}
.page_main .main_status .status_info > ul{width: 70%;padding-top: 16px;}
.page_main .main_status .status_info > ul li{display: flex;justify-content: space-between; line-height: 24px;margin-bottom: 8px;}
.page_main .main_status .status_info > ul li span{width: auto;text-align: right;line-height: 24px;}
.page_main .main_status .status_info > ul li strong{text-align: right;line-height: 24px;}
.page_main .main_status .status_info > p{display: flex;justify-content: flex-start; width: 100%;margin-top: 45px;}
.page_main .main_status .status_info > p a{text-align: center;margin-right: 12px;}
.page_main .main_status .status_info > p a:first-child{margin-right: 15px;}
.page_main .main_status .status_info > p a:last-child{margin-right: 0;}
.page_main .main_status .status_info > p a span{display: block;font-size: 14px;padding-top: 10px;letter-spacing: -0.5px;white-space:nowrap}
.page_main .bnr_kakaonavi{position: relative;display: block;width: 95%;padding: 26px 16px;background-color: #FFE6A4;border-radius: 0 50px 50px 0;margin-top: 16px;}
.page_main .bnr_kakaonavi p{font-size: 14px;line-height: 24px;}
.page_main .bnr_kakaonavi strong{display: block;font-size: 20px;line-height: 24px;}
.page_main .bnr_kakaonavi i{position: absolute;right: 33px;top:50%;transform: translateY(-50%);display: block;width: 46px;height: 53px;background: url(/static/publishing/img/icon_navigation.png); background-size:cover}
.page_main .bnr_contact{position: relative;display: block;width: 95%;padding: 26px 16px;background-color: #99CCFF;border-radius: 0 50px 50px 0;margin-top: 16px;}
.page_main .bnr_contact p{font-size: 14px;line-height: 24px;}
.page_main .bnr_contact strong{display: block;font-size: 22px;line-height: 24px;}
.page_main .bnr_contact i{position: absolute;right: 33px;top:50%;transform: translateY(-50%);width: 52px;height: 52px;background-color: #6699FF;text-align: center;border-radius: 26px}
.page_main .bnr_contact i:after{content: "";display: inline-block;width: 32px;height: 32px;margin-top: 9px;background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -32px -76px;}
.page_main footer{text-align: center;padding-bottom: 10px;}
.page_main footer > p{display: flex;margin: 40px 0 24px;justify-content: center;align-items: center;padding: 16px 0;border-top: 1px solid #e8e7e7;border-bottom: 1px solid #e8e7e7;}
.page_main footer > p a{color: #979797;font-size: 15px;}
.page_main footer > p i{display: inline-block;width: 1px;height: 14px;border-left: 1px solid #979797;margin: 0 8px;}
.page_main footer div img{width: 30%;}
.page_main footer div p{font-size: 12px;color: #979797;padding-top: 10px;}
/* 공지사항 */
.page_notice .page_top{padding: 16px;background-color: #fbf9f4;}
.page_notice .page_top strong{display: block;padding-top: 5px;font-size: 18px;line-height: normal;}
.page_notice .page_top span{color: #979797;font-size: 14px;}
.page_notice .page_content{padding: 24px 16px 8px;}
.page_notice .page_content div{white-space:pre-line;line-height: 22px;}
.page_notice .kakaonavi_banner a{background-color: #ffe6a4;}
/* 고객만족도평가 */
.page_satisfaction{text-align: center;padding: 0 28px;}
.page_satisfaction > strong{position: relative;display: block;margin: 0 auto 24px;background-color: #3366FF;width: 70%;color: #fbf9f4;font-size: 18px;line-height: 48px;border-radius: 24px;}
.page_satisfaction > strong:after{content: "";position: absolute;left: 50%;bottom: -12px;margin-left: -5px;display: block;width: 0;height: 0;border-left: 10px solid #fff;border-top: 12px solid #3366FF;border-right: 10px solid #fff;}
.page_satisfaction > textarea{display: block;height: 170px;width: 100%;font-size: 16px;margin-top: 65px;border-radius:5px;border-color:#e8e7e7}
.page_satisfaction .btn_wrap p{text-align: center;font-size: 14px;padding: 16px 0;}
/* 이용약관 */
.page_agree {padding:15px;padding-top: 0;}
.page_agree h1{display: block;padding-bottom: 10px;font-weight: bold;}
.page_agree .agree_content{font-size: 13px;line-height: 20px;white-space:pre-line}
/* 긴급출동 - 로그인 */
.page_emergency_main .page_top em.top_logo{display: inline-block;width: 130px;height: 19px;margin-bottom: 40px;background: url(/static/publishing/img/logo_openlink.png) no-repeat;background-size: 130px 19px;}
.page_emergency_main .page_top h1{text-align: center;padding: 25px 0;}
.page_emergency_main .text_error{height: 16px;}
.page_emergency_apply{height: 100%;}
.page_emergency_apply .map_area{background:#eee;width: 100%;height: 200px;}
.page_emergency_apply .search_box{display: flex;justify-content: flex-start;align-items: center;padding: 0;padding-bottom: 16px;}
.page_emergency_apply .search_box .btn_gray{display: inline-block;width: 30%;padding: 0;font-size: 14px;color: #fbf9f4;line-height: 40px;border-radius:20px;background-color: #3366FF;text-align: center;}
.page_emergency_apply .search_box p{font-size: 14px;width: 70%;padding-left: 8px;}
.page_emergency_apply .page_content{padding: 16px;}
.page_emergency_apply .page_content .input_box > .label{width: 30%;}
.page_emergency_apply .page_content .input_box > p,
.page_emergency_apply .page_content .input_box > div{width: 70%;}
.page_emergency_apply .page_content .input_box > div.phone_number .selection{width: 30%;}
.page_emergency_apply .page_content .input_box > div.phone_number input{width: 70%;}
.page_emergency_apply .page_content .input_box .checks{margin-left: 8px;}
.page_emergency_apply .agree_box_wrap{padding: 32px 0 8px;}
.page_emergency_apply .agree_box{border: 1px solid #e8e7e7;}
.page_emergency_apply .agree_box > strong{display: flex;justify-content: flex-start;align-items: center; padding: 18px 16px;border-bottom: 1px solid #e8e7e7;}
.page_emergency_apply .agree_box > strong span{padding-left: 5px;letter-spacing: -0.5px;color: #363636;font-size: 14px;}
.page_emergency_apply .agree_box > div{padding: 16px;background-color: #fbf9f4;}
.page_emergency_apply .agree_box > div ul li{position: relative;display: flex;justify-content: flex-start;align-items: flex-start; font-size: 14px;margin-top: 20px;color: #363636;}
.page_emergency_apply .agree_box > div ul li span{line-height: 24px;padding-left: 5px;font-size: 14px;display: block;}
.page_emergency_apply .agree_box > div ul li span.link:after{content: "";position: absolute;right: 0;top:50%;transform: translateY(-50%);display: block;width: 24px;height: 24px;background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -48px -108px;}
.page_emergency_apply .agree_box > div ul li:first-child{margin-top: 0;}
.page_emergency_apply .agree_box > div ul li p{width: 100%;}
.page_emergency_apply span.c_red{position: relative;display: block;font-size: 14px;padding-bottom: 16px;padding-left: 8px;line-height: 18px;}
.page_emergency_apply span.c_red:after{content: '*';display: block;position: absolute;left: 0;top: 0;}

.page_emergency_review{text-align: center;padding: 0 16px;}
.page_emergency_review > textarea{display: block;height: 170px;width: 100%;font-size: 16px;border-radius:5px;border-color:#e8e7e7}
.page_emergency_review .btn_wrap p{text-align: center;font-size: 14px;padding: 16px 0;}
.page_emergency_review .content_box{text-align: left;max-height: 220px;overflow-y: scroll;margin: 0;;}
.page_emergency_review .content_box .content_box_inner{padding: 16px 16px 8px;}
.page_emergency_review .content_box .content_box_inner > em{display: block;padding: 8px 0 16px;text-align: center;}
.page_emergency_review .content_box li{display: flex;justify-content: flex-start;align-items: center;padding: 8px 0;}
.page_emergency_review .content_box li > span{width: 25%;color: #979797;line-height: 30px;}
.page_emergency_review .content_box li > span.checks{width: auto;margin-right: 5px;}
.page_emergency_review .content_box li p{width: 75%;display: flex;justify-content: space-between;}
.page_emergency_review .content_box li p b{line-height: 30px;}
.page_emergency_review > strong{display: block;padding: 32px 0 16px;}
.page_emergency_review .label_box{border: 0;background: none;box-shadow: none;display: flex;justify-content: space-between;padding-bottom: 16px;}
.page_emergency_review .label_box label{width: 48%;}
.page_emergency_review .label_box label span{background-color: #e8e7e7;line-height: 50px;}
.page_emergency_review .label_box label span i{vertical-align: -1px;margin-left: 5px;}
.page_emergency_review .label_box input:checked + span{background-color: #3366FF;font-size: 15px;}
.page_emergency_review .label_box input:checked + span i.icon_thumb_up:after{background-position: left bottom;}
.page_emergency_review .label_box input:checked + span i.icon_thumb_down:after{background-position: right bottom;}
.page_emergency_review .btn_wrap p{font-size: 14px;text-align: center;line-height: 18px;padding: 8px 0;}

.page_emergency_agree {padding:15px;padding-top: 0;}
.page_emergency_agree h1{display: block;padding-bottom: 10px;font-weight: bold;}
.page_emergency_agree .agree_content p{font-size: 12px;line-height: 20px;white-space: pre-line;}
.page_emergency_agree .agree_content strong{display:block;font-size:14px;padding:20px 0 5px}
.page_emergency_agree .agree_content span{font-size: 13px;display: block;padding: 10px 0;}
.page_emergency_agree .agree_content table th,
.page_emergency_agree .agree_content table td{font-size: 11px;padding:5px;text-align: center;}
















@media screen and (max-width: 375px) {
	.page_main .main_status .status_info h2{width: 65%;}
	.page_main .main_status .status_info > ul{width: 65%;}
}