@charset "UTF-8";

/* 공통 */
.progress{position:relative;display:flex;justify-content:space-between;margin:16px auto 24px;}
.progress:before{content:'';position:absolute;top:50%;left:7px;width:calc(100% - 14px);height:3px;margin-top:-1.5px;background:#393939;}
.progress .list{position:relative;height:28px;text-indent:-99999px;}
.progress.progress4 .list{width:40%;}
.progress.progress3 .list{width:50%;}
.progress .list:last-child{width:28px;}
.progress .list:after{content:'';position:absolute;top:7px;left:7px;width:14px;height:14px;background:#393939;border-radius:50%;}
.progress .list.on:after{top:0;left:0;width:28px;height:28px;background:#00B4CB url('../images/icon/icon_input.png') no-repeat center center;background-size:12px auto;border:1px solid #02788B;}
.progress .list.passed:before{content:'';position:absolute;top:50%;left:7px;width:100%;height:3px;margin-top:-1.5px;background:#02788B;}
.progress .list.passed:after{background:#02788B;}

.nothing .nothing_title{padding-top:68px;background:url('../images/icon/icon_warning.png') no-repeat center top;background-size:60px;font-size:15px;color:#C8C8C8;line-height:20px;text-align:center;}
.tabpanel .nothing{margin-top:28px;}

.search_box{position:relative;}
.search_box input{width:100%;height:50px;padding:0 14px;background:#393939;border-radius:3px;font-size:15px;color:#EFEFEF;line-height:50px;}
.search_box input::placeholder{color:#C8C8C8;}
.search_box.input_box .btn_delete{right:42px;width:24px;}
.search_box.input_box .btn_search{right:14px;width:24px;background-image:url('../images/button/btn_search.png');background-size:18px;}

.sort:after{content:'';clear:both;display:block;}
.sort{display:flex;justify-content:flex-end;margin-bottom:10px;}
.sort .select_box + .select_box{margin-top:0;margin-left:8px;}
.sort .select_box .btn_select{width:105px;height:30px;border:none;font-size:13px;color:#EFEFEF;line-height:30px;}
.sort .select_box .btn_select:after{right:17px;}
.sort .select_box .select_list_box{top:30px;}
.sort .select_box .select_list{border:none;border-top:1px solid #494949;}
.sort .select_list .input_select + label{padding:6px 35px 5px 14px;}

.map_box{position:relative;}
.map_box .map{width:100%;overflow:hidden;}
.map_box .map .temp{width:100%;height:100%;}
.map_box .btn_now{position:absolute;bottom:12px;right:20px;width:48px;height:48px;background:url('../images/button/btn_now.png') no-repeat center center;background-size:100%;white-space:nowrap;text-indent:100%;overflow:hidden;}

.mv{max-width:335px;margin:24px auto 0;}
.mv img{width:100%;}
.mv .mejs__overlay-button{background-image:url('../images/button/btn_play.png');background-size:110px 110px;background-position:center center;}
.mv .mejs__overlay:hover > .mejs__overlay-button{background-position:center center;}

.btn_youtube{position:relative;height:0;padding-bottom:55%;}
.btn_youtube iframe{position:absolute;width:100%;height:100%;}

/* 약관 */
.terms .title_box{padding-top:16px;margin:0 20px;}
.terms .title_box .title{font-size:22px;font-weight:500;color:#EFEFEF;line-height:28px;}
.terms .title_box .date{margin-top:4px;font-size:13px;color:#A2A2A2;line-height:18px;}
.terms .terms_cont{padding:20px;font-size:12px;color:#EFEFEF;line-height:1.6;word-break:break-all;overflow-y:auto;}
.terms .terms_cont .title1{margin:0 0 10px;font-size:15px;}
.terms .terms_cont .title2{margin:16px 0 10px;font-size:14px;}
.terms .terms_cont .color{color:#06B5D1;}
.terms .terms_cont .color2{color:#0590A6;}

/* 약관 개정이력 */
#terms_history {display:flex; color:#EFEFEF;align-items:center;justify-content:flex-end;margin: 0 10px 0 10px;}
#terms_history label {font-size: 13px;}
#terms_history select {width:225px;height:41px;background-color:#2C2C2C;border-radius:6px;margin-left:10px;color:#EFEFEF;}
#terms_history option {text-align:center; color:#EFEFEF;}

/* 약관 리스트 */
.terms .terms_list{padding-top:24px;margin:0 20px;}
.terms .terms_list .list + .list{border-top:1px solid #393939;}
.terms .terms_list .list a{display:block;padding:25px 40px 17px 0;background:url('../images//button/btn_link.png') no-repeat right 17px center;background-size:11px 20px;font-size:13px;color:#EFEFEF;line-height:18px;}
.terms.openlicense table{width:100%;max-width:100%;}

/* 개정약관 Tab */
.tit_wrap + .wrap-tab-container {margin-top:-2.4rem;}
.wrap-tab-list.tab-terms {gap:0; max-width:calc(100% - 40px); overflow:hidden; z-index:0;}
.wrap-tab-listtab-terms::after {content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:2px; background-color:#4D4D4D;}
.tab-terms .tab-list {flex:1 1 auto; position:relative; display:inline-block; width:calc(100% / 2); max-width:50%; z-index:0;}
.tab-terms.tab-list .tab-button {display:block; width:100%; padding:3.6rem 0; color:#A2A2A2; font-size:2.4rem; line-height:2.8rem; text-align:center; box-sizing:border-box;}
.tab-terms.tab-list.active {z-index:10;}
.tab-terms.tab-list.active .tab-button {color:var(--fc_02, #50CCE0); font-weight:700;}
.tab-terms.tab-list.active .tab-button::after {content:''; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; height:0.8rem; border-radius:0.4rem 0.4rem 0 0; background-color:var(--bg_02, #50CCE0);}
.tab-terms.wrap-tab-contents {width:100%; margin-top:6rem;}
.tab-terms.wrap-tab-contents .tab-contents {width:100%;}


/* 메인 */
.contents.main{padding-bottom:0;}
.main_box{padding:60px 20px 45px;}
.main_box + .main_box{border-top:10px solid #282828;}
.main_box .title_box{position:relative;}
.main_box .title_box .title{font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;}
.main_box .title_box .text{margin-top:17px;font-size:13px;color:#A2A2A2;line-height:20px;}
.main_box .title_box .btn_title{position:absolute;top:-4px;right:0;padding:0 25px 0 15px;border:1px solid #5C5C5C;border-radius:32px;background:url('../images/main/btn_link.png') no-repeat right 13.5px center;background-size:auto 10px;font-size:13px;color:#C8C8C8;line-height:32px;}
.main_box .cont_box{margin-top:24px;}
.main_title{position:relative;padding:34px 0 17px;text-align:center;}
.main_title .title{font-size:24px;color:#EFEFEF;line-height:32px;}
.main_title .state{position:relative;height:380px;}
.main_title .state:after{content:'';position:absolute;top:74px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:150px;background-position:center top;}
.main_title .state.charging:after{background-image:url('../images/main/state_charging.png');}
.main_title .state.parking:after{background-image:url('../images/main/state_parking.png');}
.main_title .state.driving:after{background-image:url('../images/main/state_driving.png');}
.main_title .state .state_graph:after{content:'';position:absolute;top:-5px;left:50%;width:337px;height:335px;background:url('../images/main/state_mask.png') no-repeat center center;background-size:100%;transform:translate(-50%, 0);}

@supports (-webkit-touch-callout:none){
  .main_title .state .state_graph:after{content:'';position:absolute;top:5px;left:50%;width:337px;height:335px;background:url('../images/main/state_mask.png') no-repeat center center;background-size:100%;transform:translate(-50%, 0);}
}
@supports not (-webkit-touch-callout:none){
  .main_title .state .state_graph:after{content:'';position:absolute;top:-5px;left:50%;width:337px;height:335px;background:url('../images/main/state_mask.png') no-repeat center center;background-size:100%;transform:translate(-50%, 0);}
}

.main_title .state .chart1{position:absolute;top:0;left:50%;width:100%;transform:translate(-50%, 0);}
.main_title .state .chart2{position:absolute;top:0;left:50%;width:100%;transform:translate(-50%, 0);}
.main_title .apexcharts-datalabels-group{display:none;}

.main_title .state .info{position:absolute;top:234px;width:100%;z-index:3;}

.main_title .state .info .btn_tooltip{padding-right:22px;background:url('../images/icon/icon_alert_white.png') no-repeat right center;background-size:20px;font-size:14px;color:#C8C8C8;line-height:18px;}
.main_title .state .info .tooltip_box{position:absolute;top:30px;left:50%;width:156px;margin-left:-28px;}
.main_title .state .info .tooltip_box .tip_text{font-size:13px;color:#EFEFEF;line-height:18px;text-align:center;}
.main_title .state .count{margin-top:16px;font-size:24px;font-weight:700;color:#B5F5FF;line-height:34px;}
.main_title .state .count strong{font-size:40px;}
.main_title .state .text{position:relative;display:inline-block;padding-left:12px;margin-top:15px;font-size:17px;font-weight:600;color:#EFEFEF;line-height:22px;}
.main_title .state .text:before{content:'';position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;}
.main_title .state.charging .text:before{background:#E9ED40;}
.main_title .state.parking .text:before{background:#FF94AC;}
.main_title .state.driving .text:before{background:#40AFED;}
.main_title .btn_alert{position:absolute;right:14px;bottom:52px;padding:6px;font-size:13px;color:#C8C8C8;text-decoration:underline;z-index:4;}

.main_box.challenge{padding-bottom:49px;}
.main_box .challenge_box{padding:18px 20px;margin-top:24px;background:#1A3A41;border-radius:20px;}
.main_box .challenge_box .challenge_list{display:flex;justify-content:center;flex-wrap:nowrap;margin:8px 0 7px;}
.main_box .challenge_box .challenge_list .list{flex:1;}
.main_box .challenge_box .challenge_list .list + .list{margin-left:12px;}
.main_box .challenge_box .challenge_list .list .icon_box{width:86px;height:86px;margin:0 auto;background:url('../images/main/bg_challenge.png') no-repeat center center;background-size:100%;opacity:1;}
.main_box .challenge_box .challenge_list .list .icon_box.on{opacity:1;}
.main_box .challenge_box .main_list{display:flex;}
.main_box .challenge_box .main_list .list{flex:1;padding:16px 16px 8px;background-color:#0D4C58;background-repeat:no-repeat;border-radius:20px;}
.main_box .challenge_box .main_list .list + .list{margin-left:15px;}
.main_box .challenge_box .challenge_list + .main_list{margin-top:16px;}
.main_box .challenge_box .main_list:after{content:'';display:block;clear:both;}
.main_box .challenge_box .main_list .list .title{text-align:left;font-size:13px;font-weight:700;color:#EFEFEF;line-height:16px;}
.main_box .challenge_box .main_list .represent{background-image:url('../images/challenge/bg_represent.png');background-position:center 19px;background-size:127px;}
.main_box .challenge_box .main_list .represent.on{background-image:url('../images/challenge/bg_represent_on.png');}
.main_box .challenge_box .main_list .represent a{display:block;}
.main_box .challenge_box .main_list .mileage{background-image:url('../images/challenge/bg_mileage.png');background-position:center 21px;background-size:121px;text-align:center;}
.main_box .challenge_box .main_list .represent .icon_box{margin-top:34px;margin-left:4px;opacity:0.7;}
.main_box .challenge_box .main_list .represent .icon_box.on{opacity:1;}
.main_box .challenge_box .main_list .represent.on .icon_box{margin-top:20px;}
.main_box .challenge .icon_box{display:flex;justify-content:center;align-items:center;padding-left:2px;}
.main_box .challenge_box .main_list .mileage .icon_box{padding-top:35px;padding-left:2px;background:#442808 linear-gradient(#AC3F27, #442808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Squada One;font-size:28px;line-height:32px;text-align:center;}
.main_box .challenge_box .main_list .list .text{margin-top:3px;font-size:12px;color:#EFEFEF;line-height:18px;text-align:center;word-break:break-all;}
.main_box .challenge_box .main_list .list.on .text{font-size:13px;}
.main_box .challenge_box .main_list .list.represent.on .text{margin-top:21px;margin-left:6px;letter-spacing:-0.5px;}
.main_box .challenge_box .main_list .list .btn{display:inline-block;padding:0 24px 0 10px;margin:39px auto 0;background-color:rgba(239, 239, 239, 0.3);background-image:url('../images/button/btn_white.png');background-size:auto 10px;background-repeat:no-repeat;background-position:right 12.5px center;border-radius:30px;font-size:12px;color:#EFEFEF;line-height:28px;}
.main_box .text_error{margin-top:24px;font-size:15px;color:#A2A2A2;line-height:20px;text-align:center;}
.main_box .main_weather{width:163px;margin:24px auto;}
.main_box .weather_cont{position:relative;}
.main_box .weather_cont .weather_loading:before{content:'';display:block;width:100%;height:100%;background:#1E1E1E;opacity:0.6;}
.main_box .weather_cont .weather_loading:after{content:'';display:block;position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;animation:rotate_image 1s ease-in-out infinite;transform-origin:50% 50%;background-image:url('../images/common/loading.png');background-repeat:no-repeat;background-position:center center;background-size:100%;}
.main_box .weather_cont .weather_loading span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.main_box .weather_list{display:flex;min-height:168px;margin-top:20px;margin-bottom:4px;}
.main_box .weather_list .list{flex:1;min-width:85px;width:calc(33.33% - 6px);padding:17px 0 13px;background:#2C2C2C;border-radius:3px;border:1px solid #494949;text-align:center;}
.main_box .weather_list .list.today{background:#005F6E;border:1px solid #0590A6;}
.main_box .weather_list .list + .list{margin-left:12px;}
.main_box .weather_list .list .title{color:#C8C8C8;line-height:21px;}
.main_box .weather_list .list.today .title{font-weight:600;color:#EFEFEF;line-height:21px;}
.main_box .weather_list .list .ico_weather{height:32px;margin-top:8px;background-repeat:no-repeat;background-size:32px;background-position:center top;text-indent:100%;white-space:nowrap;overflow:hidden;}
.main_box .weather_list .list .weather1{background-image:url('../images/main/weather1.png');}
.main_box .weather_list .list .weather2{background-image:url('../images/main/weather2.png');}
.main_box .weather_list .list .weather3{background-image:url('../images/main/weather3.png');}
.main_box .weather_list .list .weather4{background-image:url('../images/main/weather4.png');}
.main_box .weather_list .list .weather5{background-image:url('../images/main/weather5.png');}
.main_box .weather_list .list .weather6{background-image:url('../images/main/weather6.png');}
.main_box .weather_list .list .weather7{background-image:url('../images/main/weather7.png');}
.main_box .weather_list .list .weather8{background-image:url('../images/main/weather8.png');}
.main_box .weather_list .list .weather9{background-image:url('../images/main/weather9.png');}
.main_box .weather_list .list .temperature{margin-top:4px;font-size:13px;color:#C8C8C8;line-height:18px;}
.main_box .weather_list .list.today .temperature{color:#B5F5FF;}
.main_box .weather_list .list .temperature span{margin:0 5px;}
.main_box .weather_list .list .effect{margin-top:7px;}
.main_box .weather_list .list .effect .percent{display:inline-block;padding:0 8px;background:#EFEFEF;border-radius:28px;font-size:12px;color:#393939;line-height:27px;}
.main_box .weather_list .list .effect .percent strong{font-size:17px;font-weight:700;}
.main_box .weather_list .list.today .effect .percent{color:#0590A6;}
.main_box .weather_list .list .effect .text{margin-top:5px;font-size:11px;color:#C8C8C8;line-height:13px;}
.main_box .weather_list .list.today .effect .text{color:#DFFBFF;}
.main_box .certificate_list{padding-bottom:30px;margin-top:25px;}
.main_box .certificate_list .list{display:block;position:relative;width:92%;max-width:310px;border-radius:20px;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.15);}
.main_box .certificate_list .list.premium{background:linear-gradient(159.86deg, #197D81 0.7%,#174565 100%);}
.main_box .certificate_list .list.standard{background:linear-gradient(159.86deg, #778586 0.7%,#384A4B 100%);}
.main_box .certificate_list .list .btn_certify{display:block;padding:20px 20px 13px;background-repeat:no-repeat;background-position:2px 3px;background-size:auto 72px;}
.main_box .certificate_list .list.premium .btn_certify{background-image:url('../images/icon/premium.png');}
.main_box .certificate_list .list.standard .btn_certify{background-image:url('../images/icon/standard.png');}
.main_box .certificate_list .list .tit_box{text-align:right;}
.main_box .certificate_list .list .tit_box .logo{font-size:13px;color:#EFEFEF;line-height:18px;opacity:0.6;}
.main_box .certificate_list .list .tit_box .title{margin-top:0;font-size:22px;color:#EFEFEF;line-height:28px;}
.main_box .certificate_list .list .cont_list{margin-top:20px;}
.main_box .certificate_list .list .cont_list li:after{content:'';display:block;clear:both;}
.main_box .certificate_list .list .cont_list .title{float:left;margin-top:0;font-size:12px;font-weight:600;color:#EFEFEF;line-height:18px;}
.main_box .certificate_list .list .cont_list .text{float:left;margin-left:35px;font-size:12px;color:#C8C8C8;line-height:18px;}
.main_box .certificate_list .list.yet{display:flex;justify-content:center;margin:0 auto;background:linear-gradient(159.86deg, #818181 0.7%, #575757 100%);text-align:center;}
.main_box .certificate_list .list.yet a{display:block;width:100%;height:100%;padding:62px 0;}
.main_box .certificate_list .list.yet .text{font-size:13px;color:#C8C8C8;line-height:24px;}
.main_box .certificate_list .list.yet .btn_certificate{display:inline-block;padding-right:16px;background:url('../images/button/btn_white.png') no-repeat right center;background-size:auto 15px;margin-top:20px;font-size:15px;font-weight:600;color:#EFEFEF;line-height:20px;}
.main_box .swiper-container{padding-right:20px;}
.main_box.main_event .swiper-slide{width:235px;}
.main_box .swiper-slide{width:284px;}
.main_box .swiper-slide .link{display:block;}
.main_box .swiper-slide .thumb_box{width:284px;height:160px;background:#FFFFFF;text-align:center;overflow:hidden;}
.main_box.main_event .swiper-slide .thumb_box{width:235px;}
.main_box .swiper-slide .thumb_box img{width:100%;}
.main_box.main_evlife .swiper-slide .thumb_box img{width:auto;height:100%;}
.main_box .swiper-slide .title{margin-top:12px;font-size:15px;font-weight:700;color:#EFEFEF;line-height:20px;}
.main_box .swiper-slide .date{margin-top:4px;font-size:13px;color:#A2A2A2;line-height:18px;}
.main_box .swiper-pagination-bullet{height:6px;}
.main_box .round_tabs{display:flex;flex-flow:wrap;margin:18px -4px 0;}
.main_box .round_tabs .round_tab{margin:4px 2px;}
.main_box .round_tabs .round_tab a{display:block;padding:0 15px;border-radius:30px;font-size:12px;color:#C8C8C8;line-height:28px;}
.main_box .round_tabs .round_tab.on{display:inline-block;background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);border-radius:22px;font-weight:700;color:#EFEFEF;}
.main_box .round_tabs .round_tab.on a{background:linear-gradient(116.05deg, #263533 16.42%, #1C2D30 83.58%);background-clip:padding-box;border:1px solid transparent;}
.main_box.main_evlife .title_box .text{margin-top:12px;margin-right:20px;}
.main_box.main_evlife .cont_box{margin-top:20px;}
.main_box.main_notice{padding-bottom:24px;}
.main_box .notice_list .list .notice_tit{font-size:13px;color:#EFEFEF;line-height:18px;}
.main_box .notice_list .list .notice_date{margin-top:2px;font-size:12px;color:#A2A2A2;line-height:16px;}
.main_box .notice_list .btn_notify{display:flex;flex-direction:column;justify-content:center;height:100%;padding:12px 20px 12px 0;background:url('../images/button/btn_link.png') no-repeat right 5px center;background-size:11px 20px;overflow:hidden;}
.main .banner img{width:100%;}

.popup_set_charge .sub_title{margin-top:4px;font-size:13px;color:#A2A2A2;line-height:18px;}
.popup_set_charge .touch_slide{position:relative;width:100%;height:240px;margin-top:50px;}
.popup_set_charge .touch_slide:before{content:'';position:absolute;top:5px;left:50%;width:170px;height:170px;background:#2C2C2C;border-radius:100%;transform:translate(-50%, 0);z-index:99;}
.popup_set_charge .touch_slide .sub_tit{position:absolute;top:40px;left:50%;font-size:13px;color:#EFEFEF;line-height:18px;opacity:0.7;transform:translate(-50%, 0);z-index:99;}
.popup_set_charge .touch_slide .precent{position:absolute;top:80px;left:50%;font-size:24px;font-weight:700;color:#EFEFEF;transform:translate(-50%, 0);z-index:99;}
.popup_set_charge .touch_slide .precent strong{font-size:40px;}
.popup_set_charge .touch_slide .bg{position:absolute;top:0;left:50%;width:180px;height:180px;background:#232323;border-radius:100%;transform:translate(-50%, 0);}
.popup_set_charge .touch_slide .dot{position:absolute;top:0;right:50%;width:8px;height:90px;margin-right:-4px;z-index:999;transform:rotate(0deg);transform-origin:bottom;animation-name:meter;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0, 0.1, 0.9, 0.81);animation-play-state:paused;animation-delay:5s;}
.popup_set_charge .touch_slide .dot:after{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:12px;margin-top:-3px;margin-left:-3px;background:#6DFFEE;border-radius:100%;}
.popup_set_charge .touch_slide .circle{position:absolute;top:0;left:50%;width:180px;height:180px;margin:0 auto;background:linear-gradient(116.05deg, #06B5D1 16.42%, #6CFFED 83.58%);border-radius:100%;transform:translate(-50%, 0) rotate(90deg) scaleX(-1);-webkit-clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 50%, 100% 100% );clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 50%, 100% 100% );animation-name:loading;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0, 0.1, 0.9, 0.81);animation-play-state:paused;animation-direction:reverse;animation-delay:5s;}
.popup_set_charge .touch_slide .range{position:relative;padding-top:220px;}
.popup_set_charge .touch_slide input[type="range"]{-webkit-appearance:none;width:100%;background:transparent;}
.popup_set_charge .touch_slide input[type="range"]:focus{outline:none;}
.popup_set_charge .touch_slide input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;height:18px;width:18px;margin-top:-5px;border-radius:100%;background:#DFFBFF;border:3px solid #50CCE0;cursor:pointer;z-index:9;}
.popup_set_charge .touch_slide input[type="range"]::-moz-range-thumb{position:relative;height:18px;width:18px;margin-top:-5px;border-radius:100%;background:#DFFBFF;border:3px solid #50CCE0;cursor:pointer;border:0;z-index:9;}
.popup_set_charge .touch_slide input[type="range"]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:#393939;border-radius:10px;}
.popup_set_charge .touch_slide input[type="range"]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:#393939;border-radius:10px;}
.popup_set_charge .touch_slide .filled{position:absolute;bottom:3px;left:0;width:50%;height:8px;background:linear-gradient(296.05deg, #6CFFED 17.67%, #06B5D1 85.41%);border-radius:10px;}

@keyframes loading{
  0%{
    -webkit-clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 50%, 100% 100% );
    clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 50%, 100% 100% );
  }
  12.5%{
    -webkit-clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 100%, 100% 100% );
    clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 100%, 100% 100% );
  }
  25%{
    -webkit-clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%, 50% 100% );
    clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 100%, 50% 100% );
  }
  37.5%{
    -webkit-clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 0% 100%, 0% 100% );
    clip-path:polygon( 0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 0% 100%, 0% 100% );
  }
  50%{
    -webkit-clip-path:polygon( 0% 50%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 0% 50%, 0% 50% );
    clip-path:polygon( 0% 50%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 0% 50%, 0% 50% );
  }
  62.5%{
    -webkit-clip-path:polygon( 0% 0%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 0% 0%, 0% 0% );
    clip-path:polygon( 0% 0%, 0% 0%, 100% 0%, 100% 50%, 50% 50%, 0% 0%, 0% 0% );
  }
  75%{
    -webkit-clip-path:polygon( 50% 0%, 50% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 0%, 50% 0% );
    clip-path:polygon( 50% 0%, 50% 0%, 100% 0%, 100% 50%, 50% 50%, 50% 0%, 50% 0% );
  }
  87.5%{
    -webkit-clip-path:polygon( 100% 0%, 100% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 0%, 100% 0% );
    clip-path:polygon( 100% 0%, 100% 0%, 100% 0%, 100% 50%, 50% 50%, 100% 0%, 100% 0% );
  }
  100%{
    -webkit-clip-path:polygon( 100% 50%, 100% 50%, 100% 50%, 100% 50%, 50% 50%, 100% 50%, 100% 50% );
    clip-path:polygon( 100% 50%, 100% 50%, 100% 50%, 100% 50%, 50% 50%, 100% 50%, 100% 50% );
  }
}

@keyframes meter{
  0%{
    transform:rotate(0);
  }
  25%{
    transform:rotate(90deg);
  }
  50%{
    transform:rotate(179deg);
  }
  75%{
    transform:rotate(269deg);
  }
  100%{
    transform:rotate(360deg);
  }
}

.popup_set_charge .btn_toggle{margin-top:24px;}
.popup_set_charge .btn_toggle .btn_switch{width:100%;}
.popup_set_charge .btn_toggle .btn_switch .slider{top:50%;left:inherit;margin-top:-8px;}
.popup_set_charge .btn_toggle .btn_switch .text{display:inline-block;width:calc(100% - 50px);padding-left:0;margin-top:0;color:#C8C8C8;}
.popup_100 .banner_share{position:relative;border-radius:20px;background-color:#FFFFFF;}
.popup_100 .banner_share .banner_img{width:100%;}
.popup_100 .banner_share .btns{width:calc(100% - 40px);margin:0 20px;z-index:1;}
.popup_100 .banner_share .btns:after{content:'';display:block;clear:both;}
.popup_100 .banner_share .btns .list{float:left;width:37%;border:1px solid #EF2D9E;border-radius:3px;}
.popup_100 .banner_share .btns .list + .list{margin-left:3%;}
.popup_100 .banner_share .btns .list .btn{width:100%;font-size:16px;color:#EF2D9E;line-height:51px;text-align:center;}
.popup_100 .banner_share .btns .btn_kakao{width:60%;background:#EF2D9E;}
.popup_100 .banner_share .btns .btn_kakao .btn{color:#FFFFFF;}
.popup_100 .banner_share .btns .confirm{background-color:rgba(239, 45, 158, 0.1);background-image:url('../images/main/copy_confirm.png');background-repeat:no-repeat;background-size:32px;background-position:center center;text-indent:100%;white-space:nowrap;overflow:hidden;}
.popup_100 .banner_share .notice{padding-bottom:27px;margin:24px 20px 0;width:calc(100% - 40px);}
.popup_100 .banner_share .error_pink{padding-left:16px;margin-left:2px;background:url('../images/icon/icon_alert_pink.png') no-repeat left center;background-size:12px;font-size:13px;font-weight:700;color:#EF2D9E;line-height:16px;}
.popup_100 .banner_share .notice .coupon{position:relative;margin-top:4px;padding-left:11px;margin-left:7px;font-size:12px;color:#EF2D9E;line-height:18px;}
.popup_100 .banner_share .notice .coupon:before{content:'';position:absolute;top:7px;left:0;width:2px;height:2px;background:#EF2D9E;border-radius:2px;}
.popup_100 .banner_share .notice .coupon + .coupon{margin-top:1px;}

.logout + .logout{border-top:none;}
.logout.logout_title{padding:34px 0 0;margin:0 20px;background-color:transparent;text-align:center;}
.logout.logout_title .title{font-size:28px;font-weight:700;color:#EFEFEF;line-height:34px;}
.logout .thumbnail{display:block;width:100%;max-width:670px;margin:24px auto 34px;}
.logout{padding:56px 20px 44px;background-color:#151515;}
.logout .btn_login{margin-bottom:34px;}
.logout .btn_join_box{display:flex;justify-content:center;align-items:center;padding:14px 0;margin-top:10px;}
.logout .btn_join_box .text{font-size:14px;color:#A2A2A2;line-height:22px;}
.logout .btn_join_box .btn_join{display:inline-block;margin-left:36px;font-size:15px;font-weight:600;color:#EFEFEF;line-height:22px;}
.logout .title_box{text-align:center;}
.logout .title_box .title{font-size:24px;line-height:28px;}
.logout .title_box .text{font-size:15px;line-height:20px;}
.logout .desc_list .list{padding-left:80px;margin-left:36px;background-repeat:no-repeat;background-size:60px;background-position:left center;}
.logout .desc_list .list + .list{margin-top:20px;}
.logout .desc_list .list.service_drive{background-image:url('../images/main/ico_service1.png');}
.logout .desc_list .list.service_care{background-image:url('../images/main/ico_service2.png');}
.logout .desc_list .list.service_certificate{background-image:url('../images/main/ico_service3.png');}
.logout .desc_list .list .title{font-size:15px;font-weight:700;color:#EFEFEF;line-height:20px;}
.logout .desc_list .list .text{margin-top:4px;font-size:12px;color:#EFEFEF;line-height:16px;}
.logout .btn_box{margin-top:24px;}
.logout.review .title_box .title{font-size:22px;font-weight:500;color:#C8C8C8;line-height:28px;}
.logout .retable_view_box{margin-top:24px;}
.logout .retable_view_box .list + .list{margin-top:24px;}
.logout .retable_view_box .list, .logout .retable_view_box .link{display:flex;}
.logout .retable_view_box .mv, .logout .retable_view_box .thumb_box{position:relative;width:160px;height:100px;overflow:hidden;}
.logout .retable_view_box .thumb_box:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/button/btn_play.png');background-repeat:no-repeat;background-size:70px;background-position:center center;}
.logout .retable_view_box .mv{padding-bottom:100px;}
.logout .retable_view_box .thumb_box img{width:100%;}
.logout .retable_view_box .cont{margin-left:12px;}
.logout .retable_view_box .cont .title{font-size:15px;color:#EFEFEF;line-height:20px;}
.logout .retable_view_box .cont .text{margin-top:4px;font-size:13px;color:#00B4CB;line-height:18px;}
.main_box.station{padding:80px 0 58px;margin:0 20px;background-color:transparent;border-top:none;}
.main_box.station .title_box{text-align:center;}
.main_box.station .title_box .title{font-size:24px;font-weight:700;line-height:28px;}
.main_box.station .title_box .text{font-size:15px;line-height:20px;}
.main_box.station .thumbnail{display:block;width:100%;max-width:670px;margin:24px auto 0;}
.main_box.main_event{padding-top:55px;padding-right:0;padding-bottom:24px;}
.main_box.main_evlife{padding-top:55px;padding-right:0;padding-bottom:24px;}

/* 로그인 */
.login{padding:40px 20px 0;}
.login .title{margin-bottom:20px;font-size:34px;color:#EFEFEF;line-height:41px;}
.login .input_box + .input_box{margin-top:12px;}
.login .input_box .input_txt[type="password"]{padding-right:80px;}
.login .btn_box{margin-top:20px;}
.login .btn_toggle{margin-top:23px;}
.login .btn_link_box{display:flex;margin-top:30px;justify-content:center;}
.login .btn_link_box .btn_link{position:relative;line-height:16px;}
.login .btn_link_box .btn_link + .btn_link:before{position:absolute;top:50%;left:0;content:'';display:inline-block;width:1px;height:16px;background:#494949;transform:translate(0, -50%);}
.login .btn_link_box a{padding:0 9px;font-size:13px;color:#A2A2A2;}

/* 회원가입 */
.join{padding:16px 20px 0;}
.join .title{font-size:28px;font-weight:500;color:#EFEFEF;line-height:34px;}
.join .text{margin-top:12px;font-size:15px;color:#A2A2A2;line-height:20px;}
.join .error_yellow{margin-top:12px;}
.join .select_box{margin-top:24px;}
.join .btn_link{margin:18px 0 30px;}
.join .btn_link a{font-size:13px;color:#A2A2A2;text-decoration:underline;line-height:18px;}
.pop_join_select{margin-top:20px;}
.pop_join_select + .input_box{margin-top:12px;}
.join .join_cont{margin:24px auto;}
.join .check_box_list .list{position:relative;}
.join .check_box_list .input_check + label{width:calc(100% - 40px);padding:11px 0;font-size:14px;color:#EFEFEF;}
.join .check_box_list .all .input_check + label{font-size:15px;font-weight:700;}
.join .check_box_list .input_check + label span + span{padding-left:4px;}
.join .check_box_list .required{color:#50CCE0;}
.join .check_box_list .selection{color:#7C7C7C;}

/* 2022.03.22 소유주명 가이드 버튼 추가 */
.join #popover_username{cursor:pointer;}
.join #popover_box{display:none;position:absolute;padding:7px 12px;background:#505050;border-radius:10px;box-shadow:0px 4px 10px rgb(0 0 0 / 30%);box-sizing:border-box;top:-3px;left:73px;font-size:12px;z-index:1;}
.join #popover_msg{color:white;}
/* 2022.03.22 소유주명 가이드 버튼 추가 end */

/* 2022.03.22 가입 완료하기 전 메시지 추가 */
.join #msg_box{margin:12px 0;}
.join #msg_text{font-size:12px;color:#50CCE0;line-height:20px;}
/* 2022.03.22 가입 완료하기 전 메시지 추가 end */

.btn_down{position:relative;display:block;}
.btn_down:after{content:'';display:inline-block;position:absolute;top:50%;right:50%;width:10px;height:10px;margin-top:-3px;margin-right:-7px;border-top:1px solid #7C7C7C;border-right:1px solid #7C7C7C;transform:translate(0, -60%) rotate(135deg);}
.btn_down.on:after{transform:translate(0, -40%) rotate(-45deg);}
.down_cont{display:none;padding:0 12px 16px;}
.certificate_box.info .down_cont{display:block;}
.down_cont .notice_txt{color:#A2A2A2;line-height:16px;word-break:break-all;overflow-y:auto;}
.down_cont .notice_txt .title1{margin:0 0 10px;font-size:15px;}
.down_cont .notice_txt .title2{margin:16px 0 10px;font-size:14px;}
.down_cont .notice_txt .title3{margin:10px 0 2px;font-size:13px;}
.down_cont .notice_txt .color{color:#06B5D1;}
.down_cont .notice_txt p + p, .down_cont .notice_txt p + ul, .down_cont .notice_txt ul + p{margin-top:6px;}
.down_cont .notice_txt ul{margin-left:5px;}
.down_cont .notice_txt ul li{padding:0 0 0 10px;text-indent:-10px;}
.down_cont .notice_txt ul li p{padding:0;margin:0;text-indent:0;}
.down_cont .notice_txt table{width:100%;max-width:500px;margin-top:6px;border:1px solid #494949;border-collapse:collapse;}
.down_cont .notice_txt table th{background:#393939;text-align:center;}
.down_cont .notice_txt table th, .down_cont .notice_txt table td{padding:5px;border:1px solid #494949;font-size:12px;color:#EFEFEF;line-height:1.6;}
.join .btn_down{position:absolute;top:0;right:0;width:40px;height:42px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.join .down_cont{border-bottom:1px solid #2C2C2C;}

.join .join_info_car .input_cont + .input_cont{margin-top:16px;}
.join .join_info_car .input_button:after{content:'';clear:both;display:block;}
.join .join_info_car .input_button .input_txt{float:left;width:calc(100% - 108px);}
.join .join_info_car .input_button .btn_box{float:right;width:100px;}
.join .join_info_car .input_button .btn_delete{right:120px;}
.join .join_confirm{padding:20px;border:1px solid #494949;border-radius:3px;}
.join .join_confirm dl:after{content:'';clear:both;display:block;}
.join .join_confirm dl dt{float:left;width:30%;font-size:15px;color:#C8C8C8;line-height:32px;}
.join .join_confirm dl dd{float:left;width:70%;font-size:15px;font-weight:600;color:#EFEFEF;line-height:32px;word-break:break-all;}
.join .join_input{margin-top:24px;}
.join .join_input .input_cont + .input_cont{margin-top:28px;}
.join .join_input .input_button:after{content:'';clear:both;display:block;}
.join .join_input .input_button .input_txt{float:left;width:calc(100% - 92px);}
.join .join_input .input_button .btn_box{float:right;width:80px;}
.join .join_input .input_button .btn_box .button{font-size:14px;}
.join .join_input .input_button .btn_delete{right:104px;}
.join .input_cont.pw .button{line-height:38px;}
.input_verify{margin-top:8px;}
.input_verify:after{content:'';display:block;clear:both;}
.input_verify .list{float:left;padding-right:16px;background-image:url('../images/icon/icon_check_black.png');background-repeat:no-repeat;background-position:right 2.4px top 3px;background-size:11.24px;font-size:12px;color:#7C7C7C;line-height:16px;}
.input_verify .list.on{background-image:url('../images/icon/icon_check_blue.png');color:#50CCE0;}
.input_verify .list.error{background-image:url('../images/icon/icon_check_red.png');color:#FF5353;}
.input_verify .list + .list{margin-left:8px;}
.input_gender_box:after{content:'';display:block;clear:both;}
.input_gender_box .input_gender{position:relative;float:left;width:calc(50% - 4px);}
.input_gender_box .input_gender input{position:absolute;top:0;left:0;width:1px;height:1px;}
.input_gender_box .input_gender + .input_gender{margin-left:8px;}
.input_gender_box .input_radio_gender + label{display:inline-block;width:100%;height:50px;background:none;border:1px solid #494949;border-radius:3px;text-align:center;}
.input_gender_box .input_radio_gender + label:after{display:none;}
.input_gender_box .input_radio_gender:checked + label{background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);border:none;}
.input_gender_box .input_radio_gender + label span{padding-left:0;font-size:14px;color:#EFEFEF;line-height:48px;}
.input_gender_box .input_radio_gender:checked + label span{display:inline-block;width:100%;height:50px;background:linear-gradient(116.05deg, #263533 16.42%, #1C2D30 83.58%);background-clip:padding-box;border:1px solid transparent;border-radius:inherit;}
.input_gender_box + .error_red{margin-top:8px;}
.join .join_input .input_add .input_box + .input_box{margin-top:12px;}
.join .join_end{width:191px;height:249px;background:url('../images/contents/join.png') no-repeat center top;background-size:100%;}

/* 아이디찾기 */
.find{padding:16px 20px 0;}
.find .find_cont{margin:0 0 24px;}
.find .tabs + .tabpanel .find_cont{margin-top:28px;}
.find .find_title{margin-bottom:24px;}
.find .find_title .title{font-size:15px;color:#EFEFEF;line-height:20px;}
.find .find_title .text{margin-top:4px;font-size:13px;color:#A2A2A2;line-height:18px;}
.find .input_cont + .input_cont{margin-top:16px;}
.find .user_id_box{padding:30px 0 22px;background:#2C2C2C;text-align:center;}
.find .user_id_box .user_id{font-size:20px;font-weight:500;color:#7CE3F3;line-height:25px;word-break:break-all;}
.find .user_id_box .user_id_date{margin-top:10px;font-size:14px;color:#A2A2A2;line-height:21px;}
.find .user_id_box .user_id_copy{padding:0 18px 0 36px;margin-top:20px;background:url('../images/button/btn_copy.png') no-repeat 18px center;background-size:16px;border:1px solid #494949;border-radius:20px;font-size:13px;color:#C8C8C8;line-height:38px;}
.find .input_button:after{content:'';clear:both;display:block;}
.find .input_button .input_txt{float:left;width:calc(100% - 92px);}
.find .input_button .btn_box{float:right;width:80px;}
.find .input_button .btn_box .button{font-size:14px;}
.find .input_button .btn_delete{right:104px;}
.find .find_end{width:250px;height:170px;margin:44px auto 34px;background:url('../images/contents/pw.png') no-repeat center top;background-size:100%;}

/* 차량 프로필 설정 */
.car_choice, .modify_profile{position:absolute;top:56px;left:0;width:100%;height:calc(100vh - 56px);background:#151515;}
.car_list_title{position:relative;}
.car_list_title .title{font-size:15px;color:#EFEFEF;line-height:20px;}
.car_list_title .text{font-size:13px;color:#C8C8C8;line-height:18px;}
.car_list_title .mycar{position:absolute;top:50%;right:0;margin-top:-10px;font-size:17px;font-weight:700;color:#EFEFEF;line-height:20px;}
.car_choice .car_list{margin:24px 0;}
.car_choice .car_list .list{position:relative;margin-left:11px;}
.car_choice .car_list .list + .list{margin-top:20px;}
.car_choice .car_list label{position:relative;display:block;min-height:80px;background:#2C2C2C;border:1px solid #2C2C2C;border-radius:12px;}
.car_choice .car_list .input_radio:checked + label{border:1px solid #50CCE0;}
.car_choice .car_list label:before{position:absolute;top:50%;left:-12px;width:24px;height:24px;margin-top:-12px;background:#1E1E1E;border:1px solid #5C5C5C;}
.car_choice .car_list label:after{top:50%;left:-12px;width:24px;height:24px;margin-top:-12px;background:none;}
.car_choice .car_list .input_radio:checked + label:before{background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);}
.car_choice .car_list .input_radio:checked + label:after{background:url('../images/icon/icon_input.png') no-repeat center center;background-size:10px 7px;}
.car_choice .car_list .drawer_member{display:flex;align-items:center;padding:13px 0 12px 32px;}
.car_choice .car_list .drawer_member:after{content:'';display:block;clear:both;}
.car_choice .car_list .list .member_photo{position:relative;width:55px;height:55px;border:none;background-size:50px 50px;}
.car_choice .car_list .list .member_photo:after{content:'';position:absolute;top:0;left:0;width:55px;height:55px;}
.car_choice .car_list .list .member_info{width:calc(100% - 142px);margin-left:12px;}
.car_choice .car_list .list .member_info .btn_mycar{margin-top:8px;font-weight:700;color:#EFEFEF;line-height:21px;}
.car_choice .car_list .list .member_info .car_name{margin-top:4px;font-size:12px;color:#C8C8C8;line-height:16px;}
.car_choice .car_list .list .btn_modify{position:absolute;top:50%;right:20px;padding:0 5px;margin-top:-14px;font-size:12px;color:#C8C8C8;line-height:28px;text-decoration:underline;}
.car_choice .car_list .list .btn_add_mycar{position:relative;display:inline-block;padding-left:67px;margin-top:13px;margin-left:32px;background:url('../images/button/btn_attach.png') no-repeat left center;background-size:55px;color:#C8C8C8;line-height:55px;overflow:hidden;}
.modify_profile{display:none;}
.modify_profile .modify_box{margin:24px 0;}
.modify_box .member_photo{width:90px;height:90px;margin:0 auto;background-size:80px;}
.modify_box .btn_modify_photo{display:block;margin:9px 0 25px;font-size:15px;color:#7CE3F3;line-height:20px;text-align:center;}

/* 알림 */
.notify .notify_title{margin:16px 20px 12px;}
.notify .list{position:relative;}
.notify .list .notify_list{display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:16px 0 16px 76px;background-repeat:no-repeat;background-position:20px center;background-size:44px;}
.notify .title{width:calc(100% - 45px);font-size:13px;color:#EFEFEF;line-height:18px;}
.notify .date{margin-top:2px;font-size:12px;color:#A2A2A2;line-height:16px;}
.notify .notify_box{position:relative;}
.notify .list.notread{background:#2C2C2C;}
.notify .list .diagnosis{background-image:url('../images/icon/icon_alert01.png');}
.notify .list .certificate{background-image:url('../images/icon/icon_alert02.png');}
.notify .list .other{background-image:url('../images/icon/icon_alert03.png');}
.notify .list .challenge{background-image:url('../images/icon/icon_alert04.png');}
.notify .list .device{background-image:url('../images/icon/icon_alert05.png');}
.notify .list .notify_list .btn_notify{display:flex;flex-direction:column;justify-content:center;height:100%;background:url('../images/button/btn_link.png') no-repeat right 24.5px center;background-size:11px 20px;overflow:hidden;}
.notify .notify_box .list .btn_delete{display:none;position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top:-12px;background:url('../images/button/btn_delete.png') no-repeat center center;background-size:15px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.notify .notify_box .btn_delete_all{display:none;position:absolute;top:-30px;right:20px;padding:0 5px;font-size:13px;color:#C8C8C8;line-height:18px;}
.notify .notify_box.delete .list .btn_notify{background-image:none;}
.notify .notify_box.delete .list .btn_delete{display:block;}
.notify .notify_box.delete .btn_delete_all{display:block;}

/* 공지사항 */
.notice .title{margin:16px 20px 24px;font-size:28px;font-weight:500;color:#EFEFEF;line-height:34px;}
.notice .btn_down{padding:13px 55px 13px 20px;}
.notice .btn_down:after{right:32px;width:14px;height:14px;}
.notice .btn_down .icon_blue + .notice_tit{margin-top:4px;}
.notice .btn_down .notice_tit{font-size:15px;color:#EFEFEF;line-height:20px;}
.notice .btn_down .notice_date{margin-top:2px;font-size:12px;color:#A2A2A2;line-height:16px;}
.notice .down_cont{padding:20px;background:#2C2C2C;}
.notice .down_cont .notice_tit{font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;}
.notice .down_cont .notice_date{margin-top:4px;font-size:12px;color:#A2A2A2;line-height:16px;}
.notice .down_cont .notice_txt{margin-top:24px; color:#EFEFEF;line-height:18px;}
.notice .paging{margin:24px 20px 0;}

/* FAQ */
.faq_titbox{padding:24px 20px;background:#282828;}
.faq_titbox .title{font-size:28px;font-weight:500;color:#EFEFEF;line-height:34px;}
.faq_titbox .text{margin-top:12px;font-size:15px;color:#A2A2A2;line-height:20px;}
#faq_webview_supportbox{margin-top: 25px; text-align: right; cursor: pointer}
#faq_webview_supportbox a{font-size:13px;text-decoration: underline}
#faq_webview_supportbox span{font-size:13px; margin: 0 5px}
.cs_center{padding:16px 20px;margin-top:20px;border:1px solid #494949;border-radius:3px;}
.cs_center .title{font-size:15px;line-height:20px;}
.cs_center .text{margin-top:2px;font-size:13px;line-height:18px;}
.cs_center .cs_list{margin-top:8px;}
.cs_center .cs_list:after{content:'';display:block;clear:both;}
.cs_center .cs_list .list + .list{margin-top:4px;}
.cs_center .cs_list .list a{padding-left:20px;background-repeat:no-repeat;background-size:16px;background-position:left center;font-size:12px;color:#A2A2A2;}
.cs_center .cs_list .list .kakao{background-image:url('../images/icon/icon_faq_kakao.png');}
.cs_center .cs_list .list .email{background-image:url('../images/icon/icon_faq_mail.png');}
.cs_center .cs_list .list .call{background-image:url('../images/icon/icon_faq_call.png');}
.faq .cs_list + .search_box{margin-top:20px;}
.faq .search_box.input_box .input_txt{padding-right:65px;}
.faq .select_box{margin-top:20px;padding:0 20px;}
.faq .select_box .btn_select{padding-left:0;background:#1E1E1E;border:none;border-bottom:1px solid #2C2C2C;}
.faq .select_box .btn_select:after{right:2px;}
.faq .select_list_box{background:#1E1E1E;border-top:1px solid #494949;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.faq .select_list{margin:0 20px;border:none;}
.faq .select_list .input_select + label{padding-left:0;background-position:right center;}
.faq .faq_list{margin-top:10px;}
.faq .faq_tit{padding:16px 40px 16px 20px;font-size:13px;color:#EFEFEF;line-height:18px;}
.faq .faq_list .btn_down:after{right:22px;margin-right:0;}
.faq .faq_list .down_cont{padding:20px;background:#2C2C2C; overflow-x: auto;}
.faq .faq_list .down_cont .faq_txt{font-size:13px;color:#EFEFEF;line-height:18px;}

/* 1:1문의 */
.inquery{padding:16px 20px;}
.inquery .title{margin:28px 0 24px;font-size:28px;font-weight:500;color:#EFEFEF;line-height:34px;}
.inquery .input_cont + .input_cont{margin-top:24px;}
.input_attach .input_title{display:block;}
.input_attach .input_title .num{font-size:13px;color:#A2A2A2;}
.input_file_box{position:relative;}
.input_attach .btn_attach{display:inline-block;width:inherit;height:inherit;padding:10px 15px 10px 40px;background:#2C2C2C url('../images/button/btn_add.png') no-repeat 16.5px center;background-size:15px;border:none;border-radius:0;font-size:15px;color:#C8C8C8;line-height:20px;cursor:pointer;}
.input_attach .btn_attach:after{display:none;}
.input_file_box .mb{position:absolute;bottom:0;right:0;font-size:13px;color:#A2A2A2;line-height:20px;}
.mb_notice{margin-top:10px;font-size:13px;color:#C8C8C8;line-height:18px;}
.attach_list{margin-top:14px;}
.attach_list .list{position:relative;padding:5px 44px 5px 14px;background:#2C2C2C;}
.attach_list .list:after{content:'';clear:both;display:block;}
.attach_list .list + .list{margin-top:8px;}
.attach_list .list p{font-size:13px;color:#C8C8C8;line-height:20px;}
.attach_list .list .file_name{float:left;width:calc(100% - 50px);word-break:break-all;}
.attach_list .list .file_mb{float:right;}
.attach_list .list .btn_delete{position:absolute;top:50%;right:14px;width:20px;height:20px;margin-top:-10px;background:url('../images/button/btn_delete.png') no-repeat center center;background-size:12.5px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.inquery .contact{margin-top:24px;border-top:1px solid #2C2C2C;}
.inquery .contact .title{margin:24px 0;font-size:17px;font-weight:600;color:#EFEFEF;line-height:22px;}
.inquery .contact .contact_list{margin-bottom:24px;padding:20px;border:1px solid #494949;border-radius:3px;}
.inquery .contact .contact_list dl:after{content:'';clear:both;display:block;}
.inquery .contact .contact_list dt{float:left;width:85px;font-size:15px;color:#C8C8C8;line-height:32px;}
.inquery .contact .contact_list dd{float:left;width:calc(100% - 85px);font-size:15px;font-weight:600;color:#EFEFEF;line-height:32px;word-break:break-all;}
.inquery .inquery_list .btn_down{padding:20px 0 52px;}
.inquery .inquery_list .btn_down:after{content:'';top:inherit;bottom:22px;left:4px;right:inherit;width:12px;height:12px;margin-top:0;margin-right:0;}
.inquery .inquery_list .btn_down.on:after{bottom:17px;}
.inquery .inquery_list .icon{position:absolute;top:20px;right:0;font-size:13px;line-height:20px;}
.inquery .inquery_list .inquery_sort{font-size:15px;color:#7C7C7C;line-height:20px;}
.inquery .inquery_list .inquery_tit{margin-top:10px;font-size:15px;color:#EFEFEF;line-height:20px;}
.inquery .inquery_list .inquery_date{margin-top:5px;font-size:12px;color:#A2A2A2;line-height:16px;}
.inquery .inquery_list .down_cont{padding:0;margin-top:-11px;}
.inquery .inquery_list .down_cont .inquery_tit{padding-bottom:10px;font-size:20px;font-weight:700;line-height:18px;color:#EFEFEF;}
.inquery .inquery_list .down_cont .question .inquery_tit{margin-bottom:10px;border-bottom:1px solid #2C2C2C;}
.inquery .inquery_list .down_cont .inquery_txt{padding:20px;height:180px;background:#2C2C2C;font-size:13px;color:#EFEFEF;line-height:18px;white-space:pre-line;overflow-y:auto;}
.inquery .inquery_list .down_cont .attach_list{margin-top:10px;}
.inquery .inquery_list .down_cont .attach_list .list{padding:5px 14px;}
.inquery .inquery_list .down_cont .file_name{width:100%;color:#7C7C7C;}
.inquery .inquery_btns{display:flex;justify-content:flex-end;margin-top:10px;}
.inquery .inquery_btns:after{content:'';clear:both;display:block;}
.inquery .inquery_btns .inquery_btn{display:inline-block;padding:0 26px;border:1px solid #494949;border-radius:3px;font-size:14px;color:#A2A2A2;line-height:34px;text-align:center;}
.inquery .inquery_btns .inquery_btn + .inquery_btn{margin-left:8px;}
.inquery .inquery_list .down_cont .answer{padding-bottom:10px;border-bottom:1px solid #2C2C2C;}
.inquery .inquery_list .down_cont .answer .inquery_tit{margin-top:24px;}
.inquery .inquery_list .down_cont .answer.before .inquery_txt{display:flex;justify-content:center;align-items:center;text-align:center;}

/* event */
.event{padding:16px 20px 0;}
.event .title{margin-bottom:24px;font-size:28px;font-weight:500;color:#EFEFEF;line-height:34px;letter-spacing:-0.5px;}
.event .tabpanel{margin-top:24px;}
.event .list{position:relative;}
.event .list + .list{margin-top:21px;}
.event .btn_event{display:block;padding-bottom:20px;}
.event .thumbnail{display:flex;justify-content:center;height:180px;margin-bottom:14px;background:#2C2C2C;text-align:center;overflow:hidden;}
.event_date .icon{padding:0 3px;}
.event .btn_event_share{width:18px;height:18px;background:url('../images/button/btn_share_event.png') no-repeat center center;background-size:18px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.event .list .btn_event_share{position:absolute;top:194px;right:0;}
.event .event_tit{margin-top:14px;font-size:22px;color:#EFEFEF;font-weight:500;line-height:25px;}
.event .event_txt{margin-top:4px;font-size:15px;color:#EFEFEF;line-height:20px;}
.event .event_date{margin-top:4px;font-size:12px;color:#A2A2A2;line-height:16px;}
.event .event_title{position:relative;padding:9px 0;}
.event .event_title:after{content:'';display:block;clear:both;}
.event .event_title .event_tit{width:calc(100% - 38px);margin:0 0 4px;font-size:15px;line-height:20px;}
.event .event_title .btn_event_share{position:absolute;top:9px;right:0;}
.event .event_title .icon{float:left;margin-right:10px;}
.event .event_title .event_date{float:left;margin-top:0;line-height:18px;}
.event .event_cont{padding:20px;margin:24px 0;background:#2C2C2C;color:#EFEFEF;line-height:23px;}

/* 상품상세 */
.product .product_cont{padding:20px;background:#2C2C2C;font-size:15px;color:#EFEFEF;line-height:23px;}
.product .product_cont img{width:100%;height:100%;}
#productNoticeArea{margin-top:30px;padding:20px;font-family: "Apple SD Gothic Neo";color:#EFEFEF;line-height:23px;}
#productNoticeArea .title{font-weight: 400; font-size: 13px;line-height:18px;}
#productNoticeArea .title::before{content:'';display:inline-block;width:18px;height:18px;background-image:url('../images/icon/icon_information.png');background-repeat:no-repeat;vertical-align:middle;margin-right:1px;}
#productNotice{margin-top:20px;font-size:11px;line-height:18px;color:#C8C8C8;}

/* 주행정보 */
.contents_driving{padding-bottom:0;}
.analyzing{margin-bottom:24px;padding-left:20px;background:url('../images/icon/icon_warning.png') no-repeat left top;background-size:16px;font-size:13px;color:#A2A2A2;line-height:18px;}
.drivingInfo .cont_box{padding:34px 20px 49px;border-bottom:10px solid #404040;}
.drivingInfo .title_box:after{content:'';clear:both;display:block;}
.drivingInfo .title_box .title{float:left;font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;}
.drivingInfo .title_box .date{float:right;font-size:12px;color:#A2A2A2;line-height:25px;}
.drivingInfo .title_box .btn_report{float:right;}
.drivingInfo .title_box .btn_report a{display:inline-block;padding:0 22px 0 12px;border:1px solid #5C5C5C;border-radius:25px;background:url('../images/button/btn_white.png') no-repeat right 10px center;background-size:auto 10px;font-size:12px;color:#C8C8C8;line-height:24px;}
.drivingInfo .title_box .text{margin-top:4px;font-size:15px;color:#A2A2A2;line-height:20px;clear:both;}
.drivingInfo .recent{display:flex;margin-top:50px;}
.drivingInfo .recent:after{content:'';clear:both;display:block;}
.drivingInfo .recent .list{position:relative;flex:1;width:calc(30% - 4px);text-align:center;}
.drivingInfo .recent .list + .list{margin-left:8px;}
.drivingInfo .recent .list .icon_box{padding-bottom:16px;background-color:#2C2C2C;border-radius:16px;}
.drivingInfo .recent .list:after{content:'';display:block;position:absolute;top:-18px;width:100%;height:40px;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;}
.drivingInfo .recent .list.mileage:after{background-image:url('../images/icon/icon_driving_mileage.png');}
.drivingInfo .recent .list.time:after{background-image:url('../images/icon/icon_driving_time.png');}
.drivingInfo .recent .list.cost:after{background-image:url('../images/icon/icon_driving_expense.png');}
.drivingInfo .recent .list.mileage .info span{font-size:20px;color:#3F96E9;}
.drivingInfo .recent .list.time .info span{font-size:20px;color:#30E7C7;}
.drivingInfo .recent .list.cost .info span{font-size:20px;color:#E93E44;}
.drivingInfo .recent .list .title{font-size:16px;font-weight:700;color:#FFFFFF;line-height:18px;}
.drivingInfo .recent .list .icon_box .title{padding-top:33px;line-height:36px;}
.drivingInfo .recent .list .icon_box .info{margin-top:5px;font-size:13px;color:#FFFFFF;line-height:36px;}
.drivingInfo .recent .list .contrast{display:inline-block;min-width:68px;padding:5px 10px;margin-top:15px;background:#494949;border-radius:14px;font-size:14px;color:#FFFFFF;line-height:18px;letter-spacing:-0.5px;}
.drivingInfo .recent .list .accrue{padding:26px 0 13px;margin-top:12px;background:#2C2C2C;border-radius:16px;}
.drivingInfo .recent .list .accrue .text{font-size:14px;color:#A2A2A2;line-height:36px;}
.drivingInfo .present_all{padding:0 20px;margin:24px 0 0;background-color:#2C2C2C;border-radius:16px;}
.drivingInfo .present_all:after{content:'';clear:both;display:block;}
.drivingInfo .present_all .title{float:left;font-size:16px;font-weight:600;color:#EFEFEF;line-height:80px;}
.drivingInfo .present_all .km{float:right;height:80px;font-size:16px;font-weight:600;background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:80px;}
.drivingInfo .present_all .km strong{font-size:40px;letter-spacing:-1px;}
.drivingInfo .bookmark_box{margin-top:24px;text-align:right;}
.drivingInfo .btn_bookmark{display:inline-block;padding:0 14px 0 33px;background:url('../images/button/btn_bookmakr_s.png') no-repeat 9px center;background-size:24px;font-size:13px;color:#EFEFEF;line-height:34px;}
.drivingInfo .present{display:flex;margin-top:24px;}
.drivingInfo .present .list{flex:1;position:relative;width:calc(30% - 4px);padding:10px;background-color:#2C2C2C;border-radius:16px;text-align:center;}
.drivingInfo .present .list + .list{margin-left:8px;}
.drivingInfo .present .list .icon_tit{position:absolute;top:11px;left:50%;display:inline-block;padding:0 8px;border-radius:12px;font-size:11px;font-weight:600;line-height:21px;transform:translate(-50%, 0);}
.drivingInfo .present .list .icon_tit.roundtrip{background:rgba(0, 237, 196, 0.2);color:#00EDC4;}
.drivingInfo .present .list .icon_tit.oneway{background:rgba(255, 192, 69, 0.2);color:#FFC045;}
.drivingInfo .present .list .icon_tit.need{background:rgba(255, 34, 34, 0.2);color:#FFA1A1;}
.drivingInfo .present .list .icon_tit.unregister{background:rgba(239, 239, 239, 0.2);color:#C8C8C8;}
.drivingInfo .present .list .icon_img{height:0;padding-top:44px;background-repeat:no-repeat;background-position:center 4px;background-size:auto 51px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.drivingInfo .present .list .icon_tit + .icon_img{padding-top:82px;background-position:center 30px;}
.drivingInfo .present .list .icon_img.home{background-image:url('../images/icon/icon_driving_home.png');}
.drivingInfo .present .list .icon_img.company{background-image:url('../images/icon/icon_driving_co.png');}
.drivingInfo .present .list .icon_img.bookmark{background-image:url('../images/icon/icon_driving_mark.png');}
.drivingInfo .present .list .location{display:flex;justify-content:center;align-items:center;min-height:32px;font-size:12px;color:#EFEFEF;line-height:16px;word-break:break-all;}
.drivingInfo .present .list .km{margin-top:6px;font-size:14px;font-weight:600;color:#EFEFEF;line-height:21px;}
.drivingInfo .present .list .km span{font-size:20px;}
.drivingInfo .btn_mark{width:100%;margin-top:24px;border:1px solid #494949;border-radius:36px;font-size:14px;color:#EFEFEF;line-height:36px;text-align:center;}
.drivingInfo .btn_mark span{padding-right:17px;background:url('../images/button/btn_white.png') no-repeat right center;background-size:auto 14px;}
.drivingInfo .expenses{margin:24px 6.5px 0;}
.drivingInfo .expenses:after{content:'';clear:both;display:block;}
.drivingInfo .expenses .average{float:left;width:18%;padding:12px 0 6px;margin:44px 7% 0 0;background:#2C2C2C;border-radius:4px;font-size:13px;color:#EFEFEF;text-align:center;}
.drivingInfo .expenses .average strong{display:block;margin-top:4px;font-size:22px;font-weight:500;line-height:28px;}
.drivingInfo .expenses .graph_box{float:left;width:75%;margin-top:10px;}
.drivingInfo .expenses .bb-shapes-data1 .bb-bar:last-child{fill:#50CCE0 !important;}
.drivingInfo .expenses .bb-target-data1 .bb-text, .drivingInfo .expenses .bb-target-data2 .bb-text{display:none;}
.drivingInfo .expenses .bb-target-data1 .bb-text:last-child{display:block;font-size:14px;font-weight:700;}
.drivingInfo .expenses .bb-chart-lines .bb-shapes-data2{stroke-dasharray:5;}
.drivingInfo .expenses .bb-target-data2 path{stroke-width:1.5;opacity:0.6;}
.drivingInfo .expenses .bb-axis-x .domain{stroke:#C8C8C8;opacity:0.2;}
.drivingInfo .expenses .bb-axis-x .tick line{display:none;}
.drivingInfo .expenses .bb-axis-x .tick text{font-size:11px;fill:#C8C8C8;}
.drivingInfo .expenses .bb-grid line{stroke:#747474;opacity:0.3;}
.drivingInfo .expenses .bb-grid line:first-child, .drivingInfo .expenses .bb-grid line:last-child, .drivingInfo .expenses .bb-grid line:nth-child(6){display:none;}
.drivingInfo .social{display:flex;margin-top:21px;}
.drivingInfo .social .list{flex:1;position:relative;width:calc(50% - 3px);padding:22px 0 13px;background-color:#2C2C2C;border-radius:16px;text-align:center;}
.drivingInfo .social .list + .list{margin-left:12px;}
.drivingInfo .social .list .title{font-size:16px;font-weight:700;color:#EFEFEF;}
.drivingInfo .social .list .text{margin-top:4px;font-size:12px;color:#C8C8C8;}
.drivingInfo .social .list .cont{padding-top:112px;background-repeat:no-repeat;background-position:center 16px;background-size:80px;font-size:16px;font-weight:700;color:#EFEFEF;line-height:36px;}
.drivingInfo .social .list .cont strong{font-size:30px;}
.drivingInfo .social .list.carbon .cont{background-image:url('../images/contents/social_carbon.png');}
.drivingInfo .social .list.fuel .cont{background-image:url('../images/contents/social_fuel.png');}
.drivingInfo .bookmark_tit{position:relative;margin:16px 20px 24px;}
.drivingInfo .bookmark_tit .title{font-size:22px;font-weight:500;color:#EFEFEF;line-height:28px;}
.drivingInfo .bookmark_tit .text{margin-top:12px;font-size:15px;color:#A2A2A2;line-height:20px;}
.drivingInfo .bookmark_tit .btn_delete_bookmark{position:absolute;bottom:-5px;right:0;padding:0 20px;font-size:12px;color:#A2A2A2;line-height:28px;}
.drivingInfo .bookmark_register{padding:0 20px;margin:0 20px;background:#2C2C2C;border-radius:20px;}
.drivingInfo .bookmark_register .list{position:relative;padding:29px 0 29px 71px;background-repeat:no-repeat;background-position:left center;background-size:auto 58px;}
.drivingInfo .bookmark_register .list:after{content:'';clear:both;display:block;}
.drivingInfo .bookmark_register .list + .list{border-top:1px solid rgba(255, 255, 255, 0.06);}
.drivingInfo .bookmark_register .list.home{background-image:url('../images/icon/icon_driving_home.png');}
.drivingInfo .bookmark_register .list.company{background-image:url('../images/icon/icon_driving_co.png');}
.drivingInfo .bookmark_register .list.bookmark{background-image:url('../images/icon/icon_driving_mark.png');}
.drivingInfo .bookmark_register .list .title{width:calc(100% - 90px);color:#C8C8C8;line-height:21px;word-break:break-all;}
.drivingInfo .bookmark_register .list .text{width:calc(100% - 90px);margin-top:2px;font-size:12px;color:#A2A2A2;line-height:16px;word-break:break-all;}
.drivingInfo .bookmark_register .list .btn_mark{position:absolute;top:50%;right:0;width:auto;padding:0 24px 0 12px;margin-top:-16px;background-repeat:no-repeat;background-position:right 14px center;background-size:auto 10px;border-radius:15px;font-size:13px;line-height:30px;}
.drivingInfo .bookmark_register .list .btn_mark.btn_register{background-image:url('../images/button/btn_register.png');border:1px solid #50CCE0;color:#50CCE0;}
.drivingInfo .bookmark_register .list .btn_mark.btn_modify{background-image:url('../images/button/btn_modify.png');border:1px solid #FFC045;color:#FFC045;}
.drivingInfo .bookmark_register .list .btn_delete{display:none;position:absolute;top:50%;right:0;width:24px;height:24px;margin-top:-12px;background:url('../images/button/btn_delete.png') no-repeat center center;background-size:15px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.drivingInfo .bookmark_register .list.delete .title, .drivingInfo .bookmark_register .list.delete .text{width:calc(100% - 25px);}
.drivingInfo .bookmark_register .list.delete .btn_mark{display:none;}
.drivingInfo .bookmark_register .list.delete .btn_delete{display:block;}

.drivingInfo .search_box{margin:16px 20px 0;}
.drivingInfo .tab_box{margin:20px 20px 24px;}
.drivingInfo .no_search{margin:0 20px;font-size:15px;color:#EFEFEF;line-height:20px;}
.drivingInfo .bookmark_list .list{position:relative;}
.drivingInfo .bookmark_list .list .location{position:relative;padding:16px 44px;font-size:13px;color:#EFEFEF;line-height:18px;}
.drivingInfo .bookmark_list.defalut .list .location:after{content:'';position:absolute;top:50%;left:20px;width:16px;height:18px;margin-top:-9px;background:url('../images/button/btn_search_w.png') no-repeat center center;background-size:auto 14px;}
.drivingInfo .bookmark_list .list .btn_delete{position:absolute;top:50%;right:20px;width:20px;height:20px;margin-top:-10px;background:url('../images/button/btn_delete.png') no-repeat center center;background-size:10px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.drivingInfo .tabpanel{position:relative;}
.drivingInfo .map{height:calc(100vh - 310px) !important;min-height:242px;}
.drivingInfo .map_add{position:relative;padding:24px 20px 0;background:#2C2C2C;border-radius:16px 16px 0px 0px;}
.drivingInfo .map_add:before{content:'';position:absolute;top:20px;left:50%;width:80px;height:4px;margin-left:-40px;background:#494949;border-radius:4px;}
.drivingInfo .map_add .location{width:100%;padding:24px 0 0;margin:0;font-size:18px;font-weight:600;color:#EFEFEF;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.drivingInfo .map_add .address{margin-top:6px;margin-bottom:13px;font-size:13px;color:#A2A2A2;line-height:18px;}
.drivingInfo .map_add .btn_box .button{line-height:36px;}
.drivingInfo .bookmark_list .list .btn_bookmark{display:block;width:100%;height:100%;background:url('../images/button/btn_bookmark_off.png') no-repeat 22px center;background-size:auto 16px;}
.drivingInfo .bookmark_list .list .btn_bookmark.on{background-image:url('../images/button/btn_bookmark_on.png');}
.drivingInfo .bookmark_list .list .btn_bookmark .location{padding:16px 20px;}
.drivingInfo .map_box .select_position .btn_selected{display:block;width:32px;height:36px;background:url('../images/icon/driving_station.png') no-repeat center center;background-size:100%;}
.drivingInfo .map_box .select_position .btn_selected span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}

.drivingInfo .driving_tit{padding:44px 20px;}
.drivingInfo .driving_tit .title{font-size:24px;font-weight:700;color:#EFEFEF;line-height:28px;text-align:center;}
.drivingInfo .driving_tit .text{margin-top:12px;font-size:15px;color:#C8C8C8;line-height:20px;text-align:center;}
.drivingInfo .driving_tit .btn_service{position:relative;display:block;padding:24px 20px 0;margin-top:24px;background:linear-gradient(140.81deg, rgba(131, 72, 255, 0.8) 0%, rgba(0, 208, 242, 0.8) 100%);box-shadow:0px 4px 12px rgba(0, 0, 0, 0.3);border-radius:12px;}
.drivingInfo .driving_tit .btn_service .title{font-size:13px;font-weight:500;color:#FFFFFF;line-height:18px;text-align:left;}
.drivingInfo .driving_tit .btn_service .text{padding-bottom:255px;margin-top:4px;background:url('../images/contents/event_diagnosis.png') no-repeat left 20px bottom 10px;background-size:auto 230px;font-size:20px;color:#FFFFFF;line-height:26px;text-align:left;}
.drivingInfo .driving_tit .btn_service .text strong{color:#72F7FF;}
.drivingInfo .driving_tit .btn_service .btn{position:absolute;bottom:19px;right:36px;display:inline-block;padding:0 15px 0 13px;background:url('../images/button/btn_white.png') no-repeat right center;background-size:7px;font-size:13px;font-weight:600;color:#FFFFFF;line-height:34px;}
.drivingInfo .driving_tit + .tab_box{margin-top:40px;margin-bottom:0;}
.drivingInfo .tabpanel .cont_box_event{padding-bottom:248px;background:url('../images/contents/coin.png') no-repeat center bottom 14px;background-size:auto 200px;}
.drivingInfo .tabpanel .cont_box_no{padding:44px 20px;}
.drivingInfo .tabpanel .cont_box_no:last-child{padding-bottom:0;}
.drivingInfo .tabpanel .title_box .title{float:none;font-size:24px;font-weight:700;line-height:28px;text-align:center;}
.drivingInfo .tabpanel .title_box .text{margin-top:12px;font-size:15px;line-height:20px;text-align:center;}
.drivingInfo .tabpanel .title_box .cont{margin-top:12px;font-size:13px;color:#C8C8C8;line-height:18px;text-align:center;}
.drivingInfo .tabpanel .gray_box{padding:15px 30px;margin:44px 20px 0;background:#2C2C2C;border-radius:8px;}
.drivingInfo .tabpanel .gray_box .title{font-size:13px;color:#C8C8C8;line-height:18px;text-align:center;}
.drivingInfo .tabpanel .bubble{margin:32px 20px;}
.drivingInfo .tabpanel .bubble .list{width:86.6%;padding:20px;}
.drivingInfo .tabpanel .bubble .list + .list{margin-top:12px;}
.drivingInfo .tabpanel .bubble .list:nth-child(odd){background:linear-gradient(95.98deg, rgba(131, 72, 255, 0.5) 0%, rgba(0, 208, 242, 0.5) 100%);box-shadow:0px 4px 12px rgba(0, 0, 0, 0.3);border-radius:30px 30px 30px 0px;}
.drivingInfo .tabpanel .bubble .list:nth-child(even){margin-left:13.4%;background:linear-gradient(95.98deg, rgba(74, 81, 91, 0.5) 0%, rgba(82, 125, 189, 0.5) 100%);box-shadow:0px 4px 12px rgba(0, 0, 0, 0.3);border-radius:30px 30px 0px 30px;}
.drivingInfo .tabpanel .bubble .list .title{font-size:17px;font-weight:700;color:#FFFFFF;line-height:21px;letter-spacing:-1px;}
.drivingInfo .tabpanel .bubble .list .text{margin-top:4px;font-size:13px;color:#C8C8C8;line-height:18px;}
.drivingInfo .tabpanel .cont_box_device{padding-bottom:245px;background:url('../images/contents/data_device.png') no-repeat center bottom;background-size:auto 221px;}
.drivingInfo .tabpanel .gray_box.cost{padding:20px;margin-bottom:44px;border-radius:4px;text-align:center;}
.drivingInfo .tabpanel .gray_box.cost .title{font-size:17px;font-weight:600;color:#EFEFEF;line-height:22px;}
.drivingInfo .tabpanel .gray_box.cost .sub_title{margin-top:8px;font-size:15px;color:#7CE3F3;line-height:20px;}
.drivingInfo .tabpanel .gray_box.cost .sub_title strong{font-weight:700;}
.drivingInfo .tabpanel .gray_box.cost .text{margin-top:8px;font-size:12px;color:#C8C8C8;line-height:16px;}

/* 배터리 케어 */
.care{padding:52px 0 0;}
.care .analyzing{margin:0 20px 20px;}
.care .tab_box{margin:0 20px;}
.care .chart_box{position:relative;width:100%;margin-top:44px;border-bottom:10px solid #282828;text-align:center;}
.care .chart_box .cont{position:absolute;top:35px;left:50%;width:232px;height:232px;margin:0 0 0 -116px;background-color:#272D36;background-image:url('../images/contents/grid.png');background-repeat:no-repeat;background-position:center;background-size:192px;border-radius:50%;box-shadow:-10px -20px 70px rgba(255, 255, 255, 0.3), 0px 30px 50px rgba(0, 0, 0, 0.7);text-align:center;}
.care .chart_box .cont .score{padding-top:96px;font-size:17px;color:#FFF;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);}
.care .chart_box .cont .score strong{margin-right:5px;font-size:43px;}
.care .chart_box .cont .rank{margin-top:12px;color:#EFEFEF;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);opacity:0.7;}
.care .chart_box .circle{position:absolute;top:12px;left:50%;padding:10px;text-align:center;transform:translate(-50%, 0);}
.care .chart_box .img_circle{position:absolute;top:-2px;left:50%;width:309px;height:309px;margin-left:-154.5px;animation:rotate_image 2s ease-in-out;transform-origin:50% 50%;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.care .chart_box.chart_battery .img_circle{background-image:url('../images/contents/animation_green.png');}
.care .chart_box.chart_stress .img_circle{background-image:url('../images/contents/animation_red.png');}
.care .chart_box .btn_more{display:inline-block;padding:0 44px 0 24px;margin:328px auto 44px;background-color:#393939;background-image:url('../images/button/btn_detail.png');background-repeat:no-repeat;background-size:20px;background-position:right 20px center;border-radius:46px;color:#EFEFEF;line-height:46px;}

.care .care_box{padding:44px 20px 49px;border-bottom:10px solid #282828;}
.care .care_box .title_box:after{content:'';display:block;clear:both;}
.care .care_box .title_box .title{float:left;font-size:15px;color:#C8C8C8;line-height:28px;}
.care .care_box .title_box .date{float:right;font-size:11px;color:#C8C8C8;line-height:28px;}
.care .care_box .title_box .btn_more{float:right;padding:0 22px 0 10px;border:1px solid #C8C8C8;border-radius:28px;background:url('../images/button/btn_white.png') no-repeat right 12.5px center;background-size:auto 10px;font-size:12px;color:#C8C8C8;line-height:26px;}
.care .care_box .cont{margin-top:24px;font-size:24px;color:#EFEFEF;line-height:32px;text-align:center;}
.care .care_box .graph_box{position:relative;width:238px;margin:43px auto 0;background:url('../images/contents/care_battery.png') no-repeat center top;background-size:100% auto;}
.graph_box .apexcharts-toolbar{display:none;}
.care .care_box .graph_box:after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:url('../images/contents/care_battery_charge.png') no-repeat center 26px;background-size:71.5px auto;transform:translate(-50%, -50%);}
.care .care_box .graph_box .battery{position:relative;}
.care .care_box .graph_box .battery:before{content:'';position:absolute;top:-3px;left:-26px;width:50px;height:60px;background:url('../images/contents/care_station_slow.png') no-repeat left center;background-size:auto 60px;}
.care .care_box .graph_box .battery:after{content:'';position:absolute;top:-3px;right:-26px;width:50px;height:60px;background:url('../images/contents/care_station_fast.png') no-repeat left center;background-size:auto 60px;}
.care .care_box .graph_box .battery_chart{position:relative;}
.care .care_box .graph_box .battery_chart:after{content:'';position:absolute;top:2px;left:0;width:160px;height:50px;background:url('../images/contents/care_battery_mask.png') no-repeat center center;background-size:100%;transform:translate(23.7%, 0);}
.care .care_box .graph_box .battery_chart{position:relative;height:50px;min-height:50px !important;}
.care .care_box .graph_box .battery_chart .apexcharts-inner{transform:translate(10%, 0);}
.care .care_box .graph_box .battery_chart .apexcharts-canvas{margin:0 auto;}
.care .care_box .graph_box .percent{display:flex;justify-content:center;width:160px;margin:30px auto 0;}
.care .care_box .graph_box .percent .list{width:50%;text-align:center;}
.care .care_box .graph_box .percent .list .num strong{font-size:28px;font-weight:700;}
.care .care_box .graph_box .percent .list.slow .num{color:#7CE3F3;}
.care .care_box .graph_box .percent .list.fast .num{color:#F8F288;}
.care .care_box .graph_box .percent .list .title{margin-top:2px;font-size:15px;color:#E8E8E8;line-height:20px;}
.care .care_box .reward_box{text-align:center;}
.care .care_box .reward{display:inline-block;padding:0 26px;margin:28px auto 0;background:#393939;border-radius:44px;font-size:15px;color:#EFEFEF;line-height:44px;}
.care .care_box .tooltip{position:relative;}
.care .care_box .btn_tooltip{display:inline-block;padding-right:22px;background:url('../images/icon/icon_alert_white.png') no-repeat right center;background-size:20px;}
.care .care_box .reward .btn_tooltip{margin-right:18px;}
.care .care_box .tooltip_box{position:absolute;top:44px;background:#494949;font-size:13px;color:#EFEFEF;line-height:18px;}
.care .care_box .reward .tooltip_box{left:-22px;width:150%;}
.care .care_box .title.btn_tooltip{float:none;}
.care .care_box .reward .tooltip_box{left:50%;width:150%;margin-left:-75%;}
.care .care_box .reward .tooltip .tooltip_box2:after{margin-right:-21px;}
.care .care_box .title_box .tooltip{float:left;}
.care .care_box .title_box .tooltip_box{top:30px;left:0;width:250px;}
.care .care_box.worth .title_box .tooltip_box{width:285px;}
.care .care_box .title_box .tooltip .tooltip_box2:after{right:auto;left:74px;}
.care .care_box .battery_ranking{margin-top:21px;text-align:center;}
.care .care_box .battery_ranking .all{width:100%;}
.care .care_box .battery_ranking .part{display:flex;margin-top:36px;}
.care .care_box .battery_ranking .part .list{flex:1;}
.care .care_box .battery_ranking .num{font-weight:700;color:#A2A2A2;}
.care .care_box .battery_ranking .num strong{font-size:28px;color:#EFEFEF;}
.care .care_box .battery_ranking .part .num{font-size:12px;}
.care .care_box .battery_ranking .part .num strong{font-size:20px;}
.care .care_box .battery_ranking .percent{background-repeat:no-repeat;background-position:center top;font-size:9px;font-weight:700;color:#080808;}
.care .care_box .battery_ranking .percent strong{font-size:12px;}
.care .care_box .battery_ranking .all .percent{padding:6px 0 70px;margin-top:7px;background-image:url('../images/contents/care_ranking1.png');background-size:190px auto;}
.care .care_box .battery_ranking .car .percent{padding:6px 0 34px;margin-top:3px;background-image:url('../images/contents/care_ranking2.png');background-size:120px auto;}
.care .care_box .battery_ranking .years .percent{padding:6px 0 34px;margin-top:3px;background-image:url('../images/contents/care_ranking3.png');background-size:120px auto;}
.care .care_box .battery_ranking .title{display:inline-block;padding:0 12px;margin-top:12px;background:#393939;border-radius:26px;font-size:12px;color:#C8C8C8;line-height:26px;}
.care .care_box.worth .tooltip .tooltip_box2:after{left:100px;}
.care .care_box.worth .cont{margin-top:36px;}
.care .worth .bb-line{stroke-width:3px;}
.care .worth .bb-grid line{stroke:#303030;stroke-dasharray:0;}
.care .worth .bb-area{fill:#8996A3 !important;opacity:0.3 !important;}
.care .worth .tick{stroke:#C8C8C8;font-size:12px;}
.care .worth .tick line{display:none;}
.care .worth .bb-axis-x .domain{stroke:#8996A3;opacity:0.3;}
.care .worth .bb-axis-y .domain{display:none;}
/* .care .worth .bb-axis-y .tick:nth-child(odd){display:none;} */
.care .worth .bb-shapes-data1 circle, .care .worth .bb-shapes-data2 circle{opacity:0 !important;}
.care .worth .bb-shapes-data2 circle:first-child{opacity:1 !important;fill:#EFEFEF !important;stroke-width:2;color:#7CE3F3 !important;z-index:1;}
.care .worth .chart_box{border:none;}
.care .worth .chart_box .bb-shapes-data1 text{display:none;}
.care .worth .chart_box .bb-shapes-data2 text{display:none;}
.care .worth .chart_box .bb-shapes-data2 text:first-child{display:block;font-size:15px;font-weight:700;line-height:20px;}
.care .worth .legend{margin-top:18px;margin-left:37.5px;text-align:left;overflow:hidden;}
.care .worth .legend .list{position:relative;float:left;padding-left:18px;font-size:13px;color:#EFEFEF;line-height:18px;}
.care .worth .legend .list + .list{margin-left:27px;}
.care .worth .legend .list:before{content:'';position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#7C7C7C;}
.care .worth .legend .list:first-child:before{background:#7CE3F3;}
.care .worth .legend .list.limit{clear:both;margin-top:3px;margin-left:0;}
.care .worth .legend .list.limit:before{border-radius:0;background:rgba(255, 83, 83, 0.2);border:1px solid #FF5353;}
@keyframes rotate_image{ 100%{ transform:rotate(360deg);}}
.care .worth .bb-axis-y .tick:nth-child(2), .care .worth .bb-axis-y .tick:nth-child(3){stroke:#FF5353;}
.care .worth .bg{position:absolute;top:0;left:0;width:100%;height:150px;}
.care .worth .bg:before{content:'';position:absolute;bottom:0;left:50px;width:calc(100% - 50px);height:36%;background:rgba(255, 83, 83, 0.2);border-top:1px solid rgba(255, 83, 83, 0.5);border-bottom:1px solid rgba(255, 83, 83, 0.5);}

.popup_care.care{padding:0;}
.popup_care .care_box{padding:8px 0 0;border-bottom:none;}
.popup_care .care_box .care_cont{position:relative;margin-top:23px;}
.popup_care .tooltip{z-index:10;}
.popup_care .tooltip .tooltip_box{top:32px;left:55px;}
.popup_care .bar_box{position:relative;}
.popup_care .bar_box:before{content:'';position:absolute;top:50;left:0;width:100%;height:8px;margin-top:-4px;border-radius:8px;background:#494949;}
.popup_care .bar_box .avg{position:absolute;top:50%;left:25%;width:50%;height:8px;margin-top:-4px;border-radius:8px;background:#7C7C7C;}
.popup_care .bar_box .state_box{position:absolute;top:0;left:7px;width:calc(100% - 14px);}
.popup_care .bar_box .state_box .dot{position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;margin-left:-7px;border:2px solid #FFFEF1;background:#FFC045;border-radius:50%;}
.popup_care .bar_box .above .state_box .dot{border-color:#FFFEF1;background:#00EDC4;}
.popup_care .bar_box .below .state_box .dot{border-color:#FFBFC3;background:#FF3642;}
.popup_care .bar_box .state_box .state{position:absolute;top:24px;left:50%;width:auto;padding:0 10px;background:#494949;border-radius:26px;font-size:12px;font-weight:700;color:#FFC045;line-height:26px;transform:translate(-50%, 0);}
.popup_care .bar_box .state_box .state:before{content:'';position:absolute;top:-8px;left:50%;width:12px;height:8px;margin-left:-6px;padding-bottom:8px;background:url('../images/contents/tooltip.png') no-repeat center center;background-size:12px auto;transform:rotate(180deg);}
.popup_care .bar_box .state_box .state span{display:block;}
.popup_care .bar_box .above .state_box .state{color:#00EDC4;}
.popup_care .bar_box .below .state_box .state{color:#FF3642;}
.popup_care .care_box .care_box_text{padding-top:64px;font-size:16px;color:#EFEFEF;line-height:22px;text-align:center;}
.popup_care .banner_tips{margin-top:20px;background-color:#00B4CB;background-image:url('../images/contents/care_pop_banner.png');background-repeat:no-repeat;background-size:119px auto;background-position:right 3% bottom;border-radius:12px;}
.popup_care .banner_tips .btn_tips{display:block;padding:20px;}
.popup_care .banner_tips .tips_cont{font-size:15px;color:#FFFFFF;line-height:21px;}
.popup_care .banner_tips .tips_link{display:inline-block;padding-right:15px;margin-top:21px;font-size:13px;font-weight:700;color:#FFFFFF;line-height:18px;background:url('../images/button/btn_white.png') no-repeat right center;background-size:8px auto;}

.popup_care .tab_box{margin:0 0 12px;}
.popup_care .tabs{position:relative;width:196px;height:30px;background:#1E1E1E;border-radius:22px;}
.popup_care .tabs .pop_tab{position:relative;float:left;width:50%;font-size:12px;color:#A2A2A2;line-height:30px;}
.popup_care .tabs .pop_tab.on{background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);border-radius:22px;font-weight:700;color:#FFFFFF;}
.popup_care .tabs .pop_tab.on span{display:inline-block;width:100%;background:linear-gradient(116.05deg, #263533 16.42%, #1c2d30 83.58%);background-clip:padding-box;border:1px solid transparent;border-radius:inherit;line-height:28px;}
.popup_care .care_box2 .care_cont{padding-bottom:380px;}
.popup_care .pop_tabpanel{position:absolute;top:42px;left:0;width:100%;height:380px;z-index:-1}
.popup_care .pop_tabpanel.on{z-index:1;}
.popup_care .analysis_box{padding:20px 20px 10px;background:#393939;border-radius:3px;}
.popup_care .analysis_box + .analysis_box{margin-top:12px;}
.popup_care .analysis_box .title{margin-bottom:18px;font-size:15px;font-weight:700;line-height:16px;}
.popup_care .analysis_box .analysis_text{font-size:13px;color:#EFEFEF;line-height:18px;}
.popup_care .analysis_box .analysis_text1{display:flex;align-items:center;height:100px;padding-top:58px;font-size:13px;color:#EFEFEF;line-height:18px;}
.popup_care .analysis_box .analysis_text2{display:flex;align-items:center;height:60px;padding-left:20px;margin-top:2px;background:url('../images/icon/icon_check_white.png') no-repeat 2px center;background-size:11px auto;}
.popup_care .analysis_box .chart_legend{position:relative;padding-left:9px;margin-top:16px;font-size:11px;color:#C8C8C8;line-height:13px;}
.popup_care .analysis_box .chart_legend:before{content:'';position:absolute;top:50%;left:1px;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#EFEFEF;}
.popup_care .analysis_box .chart_bg{position:relative;margin-top:12px;transform:translate(0, 0);}
.popup_care .analysis_box .chart_bg .bg{position:absolute;top:4px;left:0;width:100%;height:82px;opacity:0.3;}
.popup_care .analysis_box .chart_bg .bg:before{content:'';position:absolute;top:25%;right:0;width:calc(100% - 40px);height:50%;background-color:#494949;border-top:1px solid #7C7C7C;border-bottom:1px solid #7C7C7C;}
.popup_care.care .tick{stroke:#A2A2A2;}
.popup_care.care .c3-axis-x path, .popup_care.care .c3-grid line{display:none;}
.popup_care.care .c3-line{stroke-width:1px;}
.popup_care.care .c3-circle{fill:#EFEFEF;}
.popup_care.care .ce path, .popup_care.care .tick line{display:none;}
.popup_care.care .domain{stroke:#C8C8C8;opacity:0.5;}
.popup_care.care .bb-tooltip-container .bb-tooltip{background-color:transparent;box-shadow:none;}
.popup_care.care .bb-tooltip-container .bb-tooltip tr:first-child{display:none;}
.popup_care.care .bb-tooltip-container .bb-tooltip tr{border:none;background:transparent;}
.popup_care.care .bb-tooltip-container .bb-tooltip td{border:none;background:transparent;}
.popup_care.care .bb-tooltip-container .bb-tooltip .name{display:none;}
.popup_care.care .bb-tooltip-container .bb-tooltip .value{position:relative;padding:0 10px;background:#5C5C5C;border-radius:26px;font-size:12px;font-weight:600;color:#FFFFFF;line-height:26px;}
.care_no .cont_box_no.cont_box_no_title{padding-bottom:24px;}
.care_no .cont_box_no.cont_box_no_title .image_box{height:201px;background-image:url('../images/contents/care_title.png');background-repeat:no-repeat;background-size:170px auto;background-position:center bottom;}
.care_no .cont_box_no.battery{padding:0;border-top:10px solid #2C2C2C;}
.care_no .cont_box_no .sub_cont_box{padding:44px 0;background-repeat:no-repeat;background-size:300px auto;background-position:center bottom;background-position:center bottom 44px;}
.care_no .cont_box_no .image_box{margin-top:24px;}
.care_no .cont_box_no .score .image_box{height:228px;}
.care_no .cont_box_no .statistics .image_box{height:237px;}
.care_no .cont_box_no .rank .image_box{height:153px;}
.care_no .cont_box_no .worth .image_box{height:225px;}
.care_no .cont_box_no .score{background-image:url('../images/contents/care_battery1.png');background-position:center bottom 20px;}
.care_no .cont_box_no .statistics{background-image:url('../images/contents/care_battery2.png');}
.care_no .cont_box_no .rank{background-image:url('../images/contents/care_battery3.png');}
.care_no .cont_box_no .worth{background-image:url('../images/contents/care_battery4.png');}

/* 주변 충전소 */
.station{position:relative;margin-bottom:-20px;}
.station .map{height:calc(100vh - 218px) !important;}
.station .map_box .now{width:18px;height:18px;background:#FFFFFF;border:3px solid #FFA31A;border-radius:50%;box-shadow:0px 0px 12px rgba(0, 0, 0, 0.4);text-indent:100%;white-space:nowrap;overflow:hidden;}
.station .map_box .position .btn_station{display:block;width:32px;height:34px;background:url('../images/icon/icon_station.png') no-repeat center center;background-size:100%;}
.station .map_box .select_position .btn_selected{display:block;width:40px;height:42px;background:url('../images/icon/icon_station_select.png') no-repeat center center;background-size:100%;}
.station .map_box .destination{display:block;width:56px;height:63px;background:url('../images/icon/icon_dest.png') no-repeat center center;background-size:100%;}
.station .map_box .position .btn_station span, .station .map_box .select_position .btn_selected span, .station .map_box .destination span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.station .search_box{position:absolute;top:10px;left:20px;width:calc(100% - 40px);z-index:1;}
.station .search_box input{height:44px;padding:0 52px 0 20px;border-radius:25px;box-shadow:0px 4px 15px rgba(0, 0, 0, 0.14);line-height:44px;}
.station .search_box.input_box .btn_search{height:44px;right:17px;background-image:url('../images/button/btn_search_w.png');}
.station .search_box .search_route{padding:12px 49px 12px 24px;background:#2C2C2C;box-shadow:0px 4px 15px rgba(0, 0, 0, 0.14);border-radius:15px;}
.station .search_box .link_search{position:absolute;top:6px;right:10px;width:40px;height:40px;background:url('../images/button/btn_search_close.png') no-repeat center center;background-size:20px;}
.station .search_box .btn_route_switch{position:absolute;top:50%;left:0;width:44px;height:44px;margin-top:-22px;background:url('../images/button/btn_search_route.png') no-repeat center center;background-size:24px;}
.station .search_box .btn_go{position:absolute;bottom:7px;right:9px;width:44px;height:44px;background:url('../images/button/btn_search_go.png') no-repeat center center;background-size:22px;}
.station .search_box .link_search span, .station .search_box .btn_route_switch span, .station .search_box .btn_go span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.station .search_box .search_route .box_search + .box_search{margin-top:4px;padding-top:4px;border-top:1px solid #5C5C5C;}
.station .search_box .search_route .input_txt{height:30px;padding:0;border:none;border-radius:0;box-shadow:none;color:#C8C8C8;line-height:30px;}
.station .search_box .search_route .input_txt.auto{color:#7C7C7C;}
.station .map_info{position:absolute;bottom:0;width:100%;}
.station .map_btn_left .btn_now{left:20px;right:inherit;}
.station .map_btn_left .btn_bookmark{position:absolute;bottom:60px;left:20px;width:48px;height:48px;background:url('../images/button/btn_bookmark.png') no-repeat center center;background-size:100%;white-space:nowrap;text-indent:100%;overflow:hidden;}
.station .map_btn_right{position:absolute;bottom:12px;right:20px;}
.station .map_btn_right .btn_charge{position:absolute;bottom:0;right:0;width:48px;height:48px;background:url('../images/button/btn_charge.png') no-repeat center center;background-size:100%;white-space:nowrap;text-indent:100%;overflow:hidden;}
.station .map_info .map_btn{display:none;width:100px;padding:16px 12px;background-color:#004B57;border-radius:12px;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.2);text-align:center;}
.station .map_info .map_btn .title{font-size:11px;color:#FFFFFF;line-height:13px;}
.station .map_info .map_btn .type_box{width:76px;margin-top:10px;}
.station .map_info .type_box .icon_type{display:inline-block;width:100%;background:#195D67;border-radius:25px;font-size:12px;color:#A2A2A2;line-height:23px;}
.station .map_info .type_box .icon_type + .icon_type{margin-top:12px;}
.station .map_info .type_box .icon_type .btn_type{display:inline-block;width:100%;border:1px solid #195D67;border-radius:inherit;}
.station .map_info .type_box .icon_type.on{background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);border:none;}
.station .map_info .type_box .icon_type.on .btn_type{background:#195D67;background-clip:padding-box;border:1px solid transparent;border-radius:inherit;font-weight:700;color:#FFFFFF;}
.station .map_info .type_box .icon_type.tesla .btn_type{padding-left:13px;background-image:url('../images/button/btn_tesla.png');background-repeat:no-repeat;background-size:10px;background-position:10px center;}
.station .tooltip .tooltip_box{display:block;margin:0 5px 60px;}

.station .slide_pop .station_list{position:absolute;}
.station_list .location{position:relative;width:calc(100% - 64px);padding:48px 0 0;margin:0 20px;}
.station_list .location:after{content:'';clear:both;display:block;}
.station_list .location .title{float:left;max-width:calc(100% - 50px);font-size:18px;font-weight:600;color:#EFEFEF;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.station_list .location .price{float:left;padding:0 8px;margin-left:12px;background:rgba(239, 239, 239, 0.1);border-radius:20px;font-size:12px;color:#EFEFEF;line-height:22px;}
.station_list .btn_location{position:absolute;top:50px;right:22px;width:20px;background:url('../images/button/btn_bookmark_off.png') no-repeat 2px center;background-size:auto 20px;}
.station_list .btn_location.on{background-image:url('../images/button/btn_bookmark_on.png');}
.station_list .btn_location span{display:block;text-indent:100%;overflow:hidden;}
.station_list .loc_info{margin:10px 20px 0;}
.station_list .loc_info:after{content:'';clear:both;display:block;}
.station_list .loc_info .list{float:left;}
.station_list .loc_info .list.charge{padding:0 8px;margin-right:12px;border:1px solid #00EDC4;border-radius:20px;font-size:12px;color:#00EDC4;line-height:20px;}
.station_list .loc_info .list.charge.not{border-color:#FF5353;color:#FF5353;}
.station_list .loc_info .list.speed{position:relative;font-size:13px;color:#A2A2A2;line-height:22px;}
.station_list .loc_info .list.speed strong{margin-left:4px;color:#EFEFEF;}
.station_list .loc_info .list.speed + .speed{margin-left:8px;padding-left:8px;}
.station_list .loc_info .list.speed + .speed:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#5C5C5C;}
.station_list .station_type{margin:8px 20px 0;}
.station_list .station_type:after{content:'';clear:both;display:block;}
.station_list .station_type .list{float:left;padding:0 5px;background:#393939;border-radius:3px;font-size:12px;color:#EFEFEF;line-height:22px;}
.station_list .station_type .list + .list{margin-left:6px;}
.station_list .charge_station .notice{margin:16px 20px 0;font-size:13px;color:#A2A2A2;line-height:18px;}
.station_list .loc_btns{margin:16px 20px 0;}
.station_list .loc_btns:after{content:'';clear:both;display:block;}
.station_list .loc_btns .list{float:left;}
.station_list .loc_btns .list + .list{margin-left:8px;}
.station_list .loc_btns .list{width:20%;}
.station_list .loc_btns .list .button{display:block;background-color:#494949;border-radius:3px;font-size:15px;color:#EFEFEF;line-height:36px;text-align:center;}
.station_list .loc_btns .list.navi{width:100%;}
.station_list .loc_btns .list.navi .button{width:100%;background-color:#50CCE0;}
.station_list .loc_btns .list.navi .button span{padding:0 0 0 24px;background-image:url('../images/icon/icon_station_navi.png');background-repeat:no-repeat;background-position:left center;background-size:20px;}
.station .slide_pop .toast{position:absolute;bottom:214px;}
.station_list .charge_box{margin:20px 20px 32px;border:1px solid #494949;background-color:rgba(57, 57, 57, 0.5);}
.station_list .charge_box .charge_list{display:flex;}
.station_list .charge_box .charge_list + .charge_list{border-top:1px solid #494949;}
.station_list .charge_box .charge_list .title{width:100px;font-size:15px;color:#00EDC4;line-height:55px;text-align:center;}
.station_list .charge_box .charge_list .title.not{color:#FF5353;}
.station_list .charge_box .charge_list .charger{display:flex;width:calc(100% - 128px);margin-left:28px;}
.station_list .charge_box .charge_list .charger .list{flex:1;padding-top:30px;margin-top:9px;background-repeat:no-repeat;background-size:auto 24px;background-position:center top;font-size:10px;color:#7C7C7C;text-align:center;}
.station_list .charge_box .charge_list .charger .list.on{color:#FFFFFF;}
.station_list .charge_box .charge_list .charger .list.combo{background-image:url('../images/icon/ico_station_combo.png');}
.station_list .charge_box .charge_list .charger .list.chademo{background-image:url('../images/icon/ico_station_chademo.png');}
.station_list .charge_box .charge_list .charger .list.ac3{background-image:url('../images/icon/ico_station_ac3.png');}
.station_list .charge_box .charge_list .charger .list.slow{background-image:url('../images/icon/ico_station_slow.png');}
.station_list .charge_box .charge_list .charger .list.super{background-image:url('../images/icon/ico_station_super.png');}
.station_list .charge_box .charge_list .charger .list.desti{background-image:url('../images/icon/ico_station_super.png');}
.station_list .charge_box .charge_list .charger .list.combo.on{background-image:url('../images/icon/ico_station_combo_on.png');}
.station_list .charge_box .charge_list .charger .list.chademo.on{background-image:url('../images/icon/ico_station_chademo_on.png');}
.station_list .charge_box .charge_list .charger .list.ac3.on{background-image:url('../images/icon/ico_station_ac3_on.png');}
.station_list .charge_box .charge_list .charger .list.slow.on{background-image:url('../images/icon/ico_station_slow_on.png');}
.station_list .charge_box .charge_list .charger .list.desti.on{background-image:url('../images/icon/ico_station_super_on.png');}

.station .route_box{position:absolute;bottom:20px;left:20px;width:calc(100% - 40px);padding:17px 20px;background:#1E1E1E;box-shadow:0px 4px 15px rgba(0, 0, 0, 0.14);border-radius:15px;}
.station .route_box .txt_routeinfo{display:block;font-size:15px;font-weight:600;color:#EFEFEF;line-height:21px;}
.station .route_box .txt_routeinfo span{font-weight:400;}
.station .route_box .txt_route{display:inline-block;margin-top:5px;background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:26px;font-weight:700;line-height:30px;}
.station .route_box .btn_navi{position:absolute;top:50%;right:10px;padding:0 26px 0 10px;margin-top:-16px;background:url('../images/button/btn_search_go.png') no-repeat right 10px center;background-size:16px;font-size:13px;color:#7CE3F3;line-height:32px;}
.station .map_info.add_route_box .map_btn_right{bottom:130px;}
.station .map_info.add_route_box .btn_now{bottom:122px;}
.stationInfo .input_box .input_txt{background:#393939;}
.stationInfo .input_box .btn_delete{right:10px;}
.stationInfo .tab_box{margin-bottom:12px;}
.stationInfo .tab_box .tabs{width:148px;height:30px;}
.stationInfo .tab_box .tabs .tab{font-size:12px;line-height:30px;}
.stationInfo .tab_box .tabs .tab.on span{line-height:28px;}
.stationInfo .bookmark_list .list{border-bottom:1px solid #2B2B2B;}
.stationInfo .bookmark_list .list .location{padding:16px 56px;}
.stationInfo .bookmark_list .list .btn_bookmark{background-position:30px center;}
.stationInfo .bookmark_list.defalut .list .location:after{left:30px;background-image:url('../images/button/btn_search.png');background-size:auto 15px;}

.popup_bookmark{overflow-x:hidden;}
.station_marklist{padding-top:12px;}
.station_marklist > .list{position:relative;padding:21px 20px 19px;border-bottom:7px solid #393939;}
.station_marklist.station_list .location{width:100%;padding:0;margin:0;}
.station_marklist .location .btn_location{float:left;position:relative;top:auto;right:auto;width:19px;height:19px;margin-right:16px;background-size:19px auto;background-position:left center;}
.station_marklist .location .title{max-width:calc(100% - 85px);}
.station_marklist .loc_add{clear:both;margin-top:8px;margin-left:38px;}
.station_marklist .loc_add:after{content:'';clear:both;display:block;}
.station_marklist .loc_add p{float:left;font-size:13px;color:#7C7C7C;line-height:18px;}
.station_marklist .loc_add .address{position:relative;margin-left:8px;padding-left:8px;}
.station_marklist .loc_add .address:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#5C5C5C;}
.station_marklist .loc_info{margin:12px 0 0 38px;}

.station_list_no{padding-bottom:30px;}
.station_list_no .btn_bookmark{width:100%;height:40px;margin-top:26px;background:url('../images/button/btn_bookmark_l.png') no-repeat center top;background-size:40px;}
.station_list_no .btn_bookmark span{display:block;white-space:nowrap;text-indent:100%;overflow:hidden;}
.station_list_no .title{margin-top:18px;font-size:18px;color:#EFEFEF;line-height:22px;text-align:center;}
.station_list_no .text{margin-top:8px;font-size:13px;color:#EFEFEF;line-height:22px;text-align:center;}

/* 배터리 인증서 */
.certificate_main{padding-top:12px;}
.certificate .btn_certificate{padding:20px;margin:0 20px;background:#2C2C2C;border-radius:12px;}
.certificate .btn_certificate .text{font-size:13px;color:#EFEFEF;line-height:18px;}
.certificate .btn_certificate .text.error_red{color:#FF5353;}
.certificate .btn_certificate .btn_box{margin-top:16px;}
.certificate .btn_certificate .btn_box .button{font-size:15px;line-height:40px;}
.certificate .tit_box{margin:18px 20px 0;}
.certificate .tit_box:after{content:'';display:block;clear:both;}
.certificate .tit_box .title{float:left;font-size:17px;color:#EFEFEF;line-height:22px;}
.certificate .tit_box .count{float:right;font-size:14px;color:#A2A2A2;line-height:22px;}
.certificate .certificate_list{padding:0 20px 38px;margin:14px 0 0;}
.certificate .certificate_slide{position:relative;z-index:1;}
.certificate .certificate_list .list{display:block;position:relative;width:68.6%;max-width:230px;min-height:360px;padding:32px 16px 20px;background-repeat:no-repeat;background-position:0 8px;background-size:76px auto;}
.certificate .certificate_list .list:not(:last-child) {margin-right: 20px;}
.certificate .certificate_list .list .bg{position:absolute;top:5px;left:4px;width:100%;height:100%;background:#9ABABB;border-radius:20px;z-index:-1;}
.certificate .certificate_list .list .bg:before{content:'';position:absolute;bottom:5px;right:4px;width:100%;height:100%;box-shadow:0px 8px 14px rgba(0, 0, 0, 0.4);border-radius:20px;}
.certificate .certificate_list .list.yet{margin:0 auto;}
.certificate .certificate_list .list.yet .bg:before{background:linear-gradient(159.86deg, #828282 0.7%, #575757 100%);}
.certificate .certificate_list .list.premium{background-image:url('../images/icon/premium.png');}
.certificate .certificate_list .list.premium .bg:before{background:linear-gradient(159.86deg, #197D81 0.7%,#174565 100%);}
.certificate .certificate_list .list.standard{background-image:url('../images/icon/standard.png');}
.certificate .certificate_list .list.standard .bg:before{background:linear-gradient(159.86deg, #778586 0.7%,#384A4B 100%);}
.certificate .certificate_list .list .title{font-size:13px;color:#EFEFEF;line-height:20px;opacity:0.6;text-align:right;}
.certificate .certificate_list .list .grade{font-size:22px;color:#EFEFEF;line-height:28px;text-align:right;}
.certificate .certificate_list .list .info{margin-top:160px;}
.certificate .certificate_list .list.standard .info{margin-top:132px;}
.certificate .certificate_list .list .info dl:after{content:'';display:block;clear:both;}
.certificate .certificate_list .list .info dt{float:left;font-size:12px;font-weight:500;color:#EFEFEF;line-height:20px;}
.certificate .certificate_list .list .info dd{float:left;margin-left:12px;font-size:12px;color:#C8C8C8;line-height:20px;}
.certificate .certificate_list .list .expired{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:calc(100% + 4px);height:calc(100% + 5px);background:rgba(0, 0, 0, 0.5);border-radius:20px;font-size:20px;color:#FFFFFF;text-align:center;}
.certificate .certificate_list .list.yet .text{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:calc(100% + 4px);height:calc(100% + 5px);font-size:13px;color:#C8C8C8;line-height:18px;text-align:center;}

.certificate.drivingInfo .driving_tit .btn_service{background:linear-gradient(140.81deg, rgba(0, 197, 214, 0.8) 0%, rgba(0, 184, 85, 0.8) 100%);}
.certificate.drivingInfo .driving_tit .btn_service .text{background-image:url('../images/contents/event_certificate.png');}
.certificate.drivingInfo .driving_tit .btn_service .text strong{color:#FFC839;}
.certificate.drivingInfo .driving_tit .btn_service .btn{right:20px;padding:0 30px 0 13px;background-color:rgba(255, 255, 255, 0.3);background-position:right 15px center;border-radius:17px;}
.certificate .certificate_img{height:274px;background-image:url('../images/contents/certificates.png');background-repeat:no-repeat;background-position:center 24px;background-size:192px auto;}
.certificate .certificate_info{position:relative;max-width:296px;padding:10px 20px 0;margin:0 auto;background-color:#282828;border-radius:16px 16px 0px 0px;}
.certificate .certificate_info:after{content:'';position:absolute;bottom:-26px;left:0;display:block;width:0;height:0;border-bottom:30px solid none;border-top:26px solid #282828;border-left:148px solid transparent;border-right:148px solid transparent;}
.certificate .certificate_info .list{display:flex;align-items:center;flex-wrap:wrap;width:255px;min-height:58px;padding:12px 0 11px 79px;background-repeat:no-repeat;background-position:17px center;background-size:36px;font-size:15px;color:#C8C8C8;line-height:20px;}
.certificate .certificate_info .list + .list{border-top:1px solid #393939;}
.certificate .certificate_info .list.certificate01{background-image:url('../images/contents/icon_certificate01.png');}
.certificate .certificate_info .list.certificate02{background-image:url('../images/contents/icon_certificate02.png');}
.certificate .certificate_info .list.certificate03{background-image:url('../images/contents/icon_certificate03.png');}
.certificate .certificate_info .list.certificate04{background-image:url('../images/contents/icon_certificate04.png');}
.certificate .certificate_info .list.certificate05{background-image:url('../images/contents/icon_certificate05.png');}
.certificate .certificate_info .list span{display:block;font-size:13px;color:#A2A2A2;line-height:17px;}
.certificate .certificate_free{max-width:296px;padding:45px 0 20px;margin:0 auto;background:#303030;border-radius:0px 0px 16px 16px;text-align:center;}
.certificate .certificate_free .title{font-size:16px;color:#EFEFEF;line-height:20px;}
.certificate .certificate_free .title del{margin-left:8px;font-weight:700;}
.certificate .certificate_free .text{margin-top:8px;font-size:19px;font-weight:700;color:#EFEFEF;line-height:20px;}
.certificate .guarantee{height:489px;background-image:url('../images/contents/certificate_guarantee.png');background-repeat:no-repeat;background-position:center 24px;background-size:375px auto;}

.certificate.premium .header{background:linear-gradient(159.86deg, #108388 0.7%, #127681 100%);}
.certificate.standard .header{background:linear-gradient(159.86deg, #788687 0.7%, #677576 100%);}
.certificate .contents{padding-bottom:0;background-color:transparent;}
.certificate .certificate_main{position:relative;height:300px;padding:56px 0 20px;z-index:-1;}
.certificate.standard .certificate_main{height:256px;}
.certificate.premium .certificate_main{background:linear-gradient(159.86deg, #108388 0.7%, #136376 100%);}
.certificate.standard .certificate_main{background:linear-gradient(159.86deg, #788687 0.7%, #4F5F60 100%);}
.certificate .btn_share{position:absolute;top:86px;right:20px;width:24px;height:24px;background:url('../images/button/btn_share_white.png') no-repeat center center;background-size:auto 24px;}
.certificate .btn_share span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.certificate .certificate_main .title{padding-top:102px;font-size:15px;color:#EFEFEF;line-height:20px;text-align:center;opacity:0.7;}
.certificate .certificate_main .cont{font-size:26px;font-weight:700;color:#FFFFFF;line-height:32px;text-align:center;}
.certificate .certificate_main .text{margin-top:6px;font-size:12px;color:#FFFFFF;line-height:16px;text-align:center;opacity:0.7;}
.certificate .certificate_main:after{content:'';position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-repeat:no-repeat;}
.certificate.premium .certificate_main:after{background-image:url('../images/icon/premium.png');background-position:center 58px;background-size:100px auto;}
.certificate.standard .certificate_main:after{background-image:url('../images/icon/standard.png');background-position:center 72px;background-size:86px auto;}

.certificate_cont{padding:30px 20px;margin-top:-20px;background-color:#2C2C2C;box-shadow:0px -5px 10px rgba(0, 0, 0, 0.3);border-radius:20px 20px 0px 0px;}
.certificate_cont .certificate_box + .certificate_box{margin-top:40px;}
.certificate_cont .title_box{margin:0 10px;}
.certificate_cont .title_box:after{content:'';clear:both;display:block;}
.certificate_cont .title_box .title{float:left;font-size:17px;font-weight:600;color:#EFEFEF;line-height:22px;}
.certificate_cont .title_box .title.btn_tooltip{display:inline-block;padding-right:22px;background:url('../images/icon/icon_alert_white.png') no-repeat right center;background-size:20px;}
.certificate_cont .title_box .title.btn_tooltip span{margin-left:0;font-size:inherit;font-weight:inherit;color:inherit;}
.certificate_cont .title_box .title span{margin-left:8px;font-size:13px;font-weight:400;color:#C8C8C8;}
.certificate_cont .title_box .tooltip{position:relative;z-index:3;}
.certificate_cont .title_box .tooltip_box{position:absolute;top:32px;left:52px;}
.certificate_cont .title_box .sub_title{clear:both;font-size:13px;color:#C8C8C8;line-height:18px;}
.certificate_cont .ico_premium{float:right;padding:0 8px;margin-top:2px;background:#23474C;border:1px solid #00B4CB;border-radius:3px;font-size:11px;color:#F3FDFF;line-height:16px;}
.certificate_cont .cont_box{position:relative;margin-top:8px;background:#393939;border-radius:12px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.2);}
.certificate_cont .info .cont_box{padding:20px;}
.certificate_cont .info .cont_box .info_box dl:after{content:'';display:block;clear:both;}
.certificate_cont .info .cont_box .info_box dt{float:left;width:80px;font-size:13px;font-weight:500;color:#EFEFEF;line-height:20px;}
.certificate_cont .info .cont_box .info_box dd{float:left;width:calc(100% - 80px);font-size:13px;color:#C8C8C8;line-height:20px;word-break:break-all;}
.certificate_cont .down_cont{padding:0;margin-top:16px;}
.certificate_cont .cont_box .btn_down{position:absolute;top:20px;right:20px;width:16px;height:16px;}
.certificate_cont .cont_box .btn_down span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.certificate_cont .cont_box{padding:30px 20px;}
.certificate_cont .result .result_title{font-size:13px;color:#EFEFEF;line-height:22px;}
.certificate_cont .result .result_title strong{margin-left:17px;font-size:17px;}
.certificate_cont .result .result_title em{margin-left:7px;font-size:15px;font-weight:600;color:#FF5353;}
.certificate_cont .result .battery_chart{position:relative;height:96px;margin:12px auto 9px;background-image:url('../images/contents/battery_bg.png');background-repeat:no-repeat;background-position:center top;background-size:auto 96px;}
.certificate_cont .result .battery_chart:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:auto 96px;}
.certificate_cont .result .battery_chart.battery0:after{background-image:url('../images/contents/battery0_bg.png');}
.certificate_cont .result .battery_chart.battery1:after{background-image:url('../images/contents/battery1_bg.png');}
.certificate_cont .result .battery_chart.battery2:after{background-image:url('../images/contents/battery2_bg.png');}
.certificate_cont .result .battery_chart.battery3:after{background-image:url('../images/contents/battery3_bg.png');}
.certificate_cont .result .battery_chart.battery4:after{background-image:url('../images/contents/battery4_bg.png');}
.certificate_cont .result .battery_chart.battery5:after{background-image:url('../images/contents/battery5_bg.png');}
.certificate_cont .result .battery_chart.battery6:after{background-image:url('../images/contents/battery6_bg.png');}
.certificate_cont .result .battery_chart.battery7:after{background-image:url('../images/contents/battery7_bg.png');}
.certificate_cont .result .battery_chart.battery8:after{background-image:url('../images/contents/battery8_bg.png');}
.certificate_cont .result .battery_chart.battery9:after{background-image:url('../images/contents/battery_bg.png');}
.certificate_cont .result .battery_chart .percent{position:absolute;top:0;left:0;width:100%;height:100%;font-size:23px;font-weight:700;color:#F3FDFF;line-height:90px;text-align:center;z-index:1;}
.certificate_cont .result .result_text{text-align:Center;}
.certificate_cont .result .result_text span{display:inline-block;padding:0 12px;border:1px solid #FFC045;background:#61543C;border-radius:30px;font-weight:700;color:#EFEFEF;line-height:34px;}
.certificate_cont .result .below .result_text span{border:1px solid #FF5353;background:#613F3F;}
.certificate_cont .result .above .result_text span{border:1px solid #00EDC4;background:#2E5D55;}
.certificate_cont .table{width:100%;}
.certificate_cont .table thead th{font-size:13px;font-weight:400;color:#C8C8C8;line-height:18px;text-align:right;}
.certificate_cont .table thead th.title{text-align:left;}
.certificate_cont .table tbody th{padding:8px 0;font-size:15px;font-weight:400;color:#EFEFEF;line-height:20px;letter-spacing:-0.5px;text-align:left;word-break:break-all;}
.certificate_cont .table tbody th span{color:#C8C8C8;}
.certificate_cont .table tbody td{padding:8px 0;font-size:15px;color:#C8C8C8;text-align:right;letter-spacing:-1px;word-break:break-all;}
.certificate_cont .table tbody tr:last-child th, .certificate_cont .table tbody tr:last-child td{padding-bottom:0;}
.certificate_cont .table tbody td.now{color:#EFEFEF;}
.certificate_cont .table tbody td .preparing{color:#7CE3F3;}
.certificate_cont .progress_box{margin-top:20px;border-top:1px solid #494949;}
.certificate_cont .progress_box .progress_list{padding-top:52px;}
.certificate_cont .progress_box .progress_list:after{content:'';display:block;clear:both;}
.certificate_cont .progress_box .progress_list .title{float:left;width:85px;font-size:13px;color:#EFEFEF;line-height:18px;}
.certificate_cont .bar_box{position:relative;width:100%;}
.certificate_cont .overall .bar_box{float:left;width:calc(100% - 102px);}
.certificate_cont .bar_box:before{content:'';position:absolute;top:50%;left:0;width:100%;height:8px;margin-top:4px;background:#F3FDFF;border-radius:8px;}
.certificate_cont .bar_box .bar{position:absolute;top:50%;left:0;width:100%;height:8px;margin-top:4px;background:#C8C8C8;border-radius:8px;}
.certificate_cont .progress_list.on .bar_box .bar{width:0;background:#00B4CB;}
.certificate_cont .bar_box .tooltip{position:absolute;top:-34px;left:0;min-width:50px;padding:0 10px;margin-left:-25px;background:#494949;border-radius:26px;font-size:12px;font-weight:600;color:#FFFFFF;line-height:26px;text-align:center;}
.certificate_cont .bar_box .tooltip:after{content:'';position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;padding-bottom:8px;background:url('../images/contents/tooltip.png') no-repeat center center;background-size:12px auto;}
.certificate_cont .overall .bar_box .tooltip{margin-left:0px;color:#C8C8C8;}
.certificate_cont .progress_list.on .bar_box .tooltip{margin-left:-25px;background:#00B4CB;color:#FFFFFF;}
.certificate_cont .progress_list.on .bar_box .tooltip:after{background-image:url('../images/contents/tooltip_blue.png');}
.certificate_cont .progress_list .range{display:flex;justify-content:space-between;padding-top:16px;margin-right:17px;}
.certificate_cont .progress_list .range span{font-size:12px;color:#FFFFFF;line-height:16px;}

.certificate_cont .soh_title{font-size:13px;color:#C8C8C8;line-height:18px;}
.certificate_cont .soh .cont_box{padding-bottom:78px;}
.certificate_cont .soh .bar_box{margin-top:46px;}
.certificate_cont .soh .bar_box .bar{background:#FFC045;}
.certificate_cont .soh .bar_box .bar:before{content:'';position:absolute;top:0;left:0;display:block;width:33.33%;height:8px;background:#FF5353;border-radius:8px 0 0 8px;}
.certificate_cont .soh .bar_box .bar:after{content:'';position:absolute;top:0;right:0;display:block;width:33.33%;height:8px;background:#00EDC4;border-radius:0 8px 8px 0;}
.certificate_cont .soh .count{display:flex;position:absolute;bottom:-34px;left:16%;width:68%;}
.certificate_cont .soh .group{display:flex;position:absolute;bottom:-48px;width:100%;}
.certificate_cont .soh .count span{width:50%;font-size:12px;color:#EFEFEF;line-height:16px;text-align:center;}
.certificate_cont .soh .group span{width:33.33%;font-size:13px;color:#C8C8C8;line-height:18px;text-align:center;}
.certificate_cont .soh.range .cont_box{padding-bottom:20px;}
.certificate_cont .image_box{margin:20px 0 0;text-align:center;}
.certificate_cont .image_box img{width:100%;max-width:590px;}
.certificate_cont .btn_upgrade_box{margin:20px auto 0;text-align:center;}
.certificate_cont .btn_upgrade{display:inline-block;padding:0 27px 0 15px;border:1px solid #50CCE0;border-radius:30px;background:url('../images/button/btn_upgrade.png') no-repeat right 17px center;background-size:auto 10px;font-size:13px;color:#50CCE0;line-height:30px;}

.certificate_cont .chart_box{position:relative;}
.certificate_cont .tick{font-size:12px;fill:#C8C8C8;line-height:16px;}
.certificate_cont .tick line{stroke:#5C5C5C;}
.certificate_cont .domain{stroke:#5C5C5C;}
.certificate_cont .bb-ygrid{stroke:#5C5C5C;stroke-dasharray:4;}
.certificate_cont .bb-tooltip-container .bb-tooltip{background-color:transparent;box-shadow:none;}
.certificate_cont .bb-tooltip-container .bb-tooltip tr:first-child{display:none;}
.certificate_cont .bb-tooltip-container .bb-tooltip tr{border:none;background:transparent;}
.certificate_cont .bb-tooltip-container .bb-tooltip td{border:none;background:transparent;}
.certificate_cont .bb-tooltip-container .bb-tooltip .name{display:none;}
.certificate_cont .bb-tooltip-container .bb-tooltip .value{position:relative;padding:0 10px;background:#5C5C5C;border-radius:26px;font-size:12px;font-weight:600;color:#FFFFFF;line-height:26px;}
.certificate_cont .range_box{position:relative;}
.certificate_cont .range_box .battery_axis{position:absolute;bottom:0;right:0;font-size:11px;color:#A2A2A2;line-height:13px;}
.certificate_cont .range_box .battery_axis_x{bottom:-8px;right:0;}
.certificate_cont .range_box .battery_axis_y{top:-8px;left:0;}
.certificate_cont .range_box .area_chart{margin-left:-14px;}
.certificate_cont .range_box .area_chart .bb-area{opacity:0.3 !important;}
.certificate_cont .range_box .area_chart .bb-line{stroke:#F3FDFF;opacity:0.5;stroke-dasharray:4;stroke-width:3px;z-index:1;}
.certificate_cont .range_box .area_chart .bb-circle{display:none;}
.certificate_cont .range_box .scatter_chart{position:absolute !important;top:0;left:0;margin-left:-14px;}
.certificate_cont .range_box .scatter_chart .bb-axis{display:none;}
.certificate_cont .range_box .scatter_chart .bb-chart-circles .bb-circle{display:block;opacity:1 !important;stroke-width:5px;stroke:rgba(255, 255, 255, 0.5) !important;}
.certificate_cont .regress .price .chart_box{position:relative;padding-bottom:50px;margin-top:18px;}
.certificate_cont .regress .price_line_chart .bb-axis, .certificate_cont .regress .price_my_scatter .bb-axis{display:none;}
.certificate_cont .regress .price_line_chart{position:absolute !important;top:0;left:0;width:100%;}
.certificate_cont .regress .price_line_chart .bb-line{stroke-width:2px;}
.certificate_cont .regress .price_line_chart .bb-circle{display:none;}
.certificate_cont .regress .price_line_chart .bb-circle:last-child{display:block;}
.certificate_cont .regress .price_my_scatter{position:absolute !important;top:0;left:0;width:100%;}
.certificate_cont .regress .price_my_scatter .bb-tooltip-container .bb-tooltip .value{background:#00B4CB;}
.certificate_cont .regress .price_my_scatter .bb-tooltip-container .bb-tooltip .value:before{background-image:url('../images/contents/tooltip_blue.png');transform:rotate(90deg);}
.certificate_cont .regress .price_my_scatter .bb-chart-circles .bb-circle{display:block;opacity:1 !important;stroke-width:3px;stroke:#00B4CB !important;}
.certificate_cont .regress .legend{position:absolute;bottom:0;left:20px;}
.certificate_cont .regress .legend .legend_data{position:relative;padding-left:12px;font-size:12px;color:#C8C8C8;line-height:20px;}
.certificate_cont .regress .legend .legend_data:before{content:'';position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;border-radius:50%;}
.certificate_cont .regress .legend .legend_data.data1:before{background:#00EDC4;}
.certificate_cont .regress .legend .legend_data.data2:before{background:#FFC045;}
.certificate_cont .regress .regress_chart .bb-circle:nth-child(even){display:none;}
.certificate_cont .regress .regress_chart .bb-line{stroke-width:2px;}
.certificate_cont .regress .my_regress_chart{position:absolute !important;top:0;left:0;width:100%;}
.certificate_cont .regress .my_regress_chart .bb-axis{display:none;}
.certificate_cont .regress .my_regress_chart .bb-tooltip-container .bb-tooltip .value{background:#00B4CB;}
.certificate_cont .regress .my_regress_chart .bb-tooltip-container .bb-tooltip .value:before{background-image:url('../images/contents/tooltip_blue.png');transform:rotate(90deg);}
.certificate_cont .regress .my_regress_chart .bb-chart-circles .bb-circle{display:block;opacity:1 !important;stroke-width:3px;stroke:#00B4CB !important;}

.certificate_cont .cont_box .title{font-size:15px;font-weight:600;color:#EFEFEF;line-height:20px;}
.certificate_cont .cont_box .text{font-size:12px;color:#A2A2A2;line-height:20px;}
.certificate_cont .inspect .cont_box .btn_down{top:52px;}
.certificate_cont .inspect .cont_box .down_cont{margin-top:8px;}
.certificate_cont .inspect .cont_box .down_cont .cont{font-size:11px;color:#EFEFEF;line-height:13px;word-break:break-all;}
.certificate_cont .inspect .desc{padding-top:16px;margin-top:16px;border-top:1px solid #494949;}
.certificate_cont .inspect .desc .desc_box + .desc_box{margin-top:20px;}
.certificate_cont .inspect .desc_box .sub_title_box:after{content:'';display:block;clear:both;}
.certificate_cont .inspect .desc_box .sub_title_box .sub_title{float:left;padding-right:20px;background:url('../images/icon/icon_alert_white.png') no-repeat right 4px center;background-size:12px;font-size:15px;color:#EFEFEF;line-height:20px;}
.certificate_cont .inspect .desc_box .sub_title_box .tooltip{position:relative;}
.certificate_cont .inspect .desc_box .sub_title_box .btn_tooltip{float:left;padding-right:20px;background:url('../images/icon/icon_alert_white.png') no-repeat right center;background-size:16px;font-size:15px;color:#EFEFEF;line-height:20px;}
.certificate_cont .inspect .desc_box .sub_title_box .tooltip_box{position:absolute;top:30px;width:180px;z-index:3;}
.certificate_cont .inspect .desc_box .sub_title_box .tooltip_box .text{color:#EFEFEF;}
.certificate_cont .inspect .desc_box .sub_title_box .tooltip_battery1 .tooltip_box:after{left:60px;right:0;margin-right:0;}
.certificate_cont .inspect .desc_box .sub_title_box .tooltip_battery2 .tooltip_box:after{left:72px;right:0;margin-right:0;}
.certificate_cont .inspect .desc_box .sub_title_box .tooltip_battery3 .tooltip_box:after{left:84px;right:0;margin-right:0;}
.certificate_cont .inspect .desc_box .desc_list{margin-top:8px;}
.certificate_cont .inspect .desc_box .desc_list:after{content:'';clear:both;display:block;}
.certificate_cont .inspect .desc_box .desc_list .list{float:left;padding:0 12px;font-size:13px;color:#C8C8C8;line-height:31px;}
.certificate_cont .inspect .desc_box .desc_list .list.on{background:#2C2C2C;border-radius:30px;font-weight:700;color:#EFEFEF;}
.certificate_cont .inspect .desc_box .desc_list .list + .list{float:left;margin-left:10px;}
.certificate_cont .regress .tab_box{margin-top:16px;}
.certificate_cont .regress .tab_box .tabs{display:inline-block;width:auto;height:30px;}
.certificate_cont .regress .tab_box .tabs .tab{width:auto;font-size:12px;line-height:30px;}
.certificate_cont .regress .tab_box .tabs .tab.on{font-weight:400;}
.certificate_cont .regress .tab_box .tabs .tab span{padding:0 16px;}
.certificate_cont .regress .tab_box .tabs .tab.on span{line-height:28px;}
.certificate_cont .regions .register{font-size:15px;color:#EFEFEF;line-height:20px;text-align:center;}
.certificate_cont .regions .possible{margin-top:8px;font-size:17px;color:#50CCE0;line-height:22px;text-align:center;}
.certificate_cont .regions .subsidy{margin-top:8px;font-size:14px;color:#C8C8C8;line-height:20px;text-align:center;}

.certificate_cont .notice .cont_box{padding:16px 12px;}
.certificate_cont .notice .cont_box .notice_list{margin-top:12px;}
.certificate_cont .notice .cont_box .notice_list .list{position:relative;padding-left:20px;font-size:12px;color:#A2A2A2;line-height:16px;}
.certificate_cont .notice .cont_box .notice_list .list:before{content:'';position:absolute;top:8px;left:8px;width:2px;height:2px;background:#A2A2A2;border-radius:50%;}

.evaluation{padding-top:28px;margin:0 20px;}
.evaluation_progress{margin:-8px 0 24px;}
.evaluation .progress{margin:0;}
.evaluation .evaluation_title{margin-bottom:12px;font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;}
.evaluation .condition{padding-top:27px;background-color:#2C2C2C;background-repeat:no-repeat;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.15);border-radius:12px;overflow:hidden;}
.evaluation .condition.amount{background-image:url('../images/icon/icon_e_charge.png');background-position:16px 8px;background-size:62px auto;}
.evaluation .condition.amount.satisfy{background-image:url('../images/icon/icon_e_uncharge.png');}
.evaluation .condition.state{margin-top:16px;margin-bottom:20px;background-image:url('../images/icon/icon_e_unconnect.png');background-position:16px 8px;background-size:70px auto;}
.evaluation .condition.state.satisfy{background-image:url('../images/icon/icon_e_connect.png');}
.evaluation .condition .title{padding-left:89px;margin-bottom:20px;font-size:20px;color:#EFEFEF;line-height:22px;}
.evaluation .condition .title .cont{margin-left:12px;color:#FF5353;}
.evaluation .condition.satisfy .title .cont{margin-left:12px;color:#7CE3F3;}
.evaluation .condition .text{padding:12px 20px;background:#393939;font-size:12px;color:#C8C8C8;line-height:16px;}
.evaluation .notice{margin-bottom:12px;font-size:13px;color:#EFEFEF;line-height:18px;}
.evaluation .notice_list{margin-bottom:30px;}
.evaluation .notice_list .list{position:relative;padding-left:20px;font-size:13px;color:#EFEFEF;line-height:18px;}
.evaluation .notice_list .list:before{content:'';position:absolute;top:8px;left:8px;width:2px;height:2px;background:#EFEFEF;border-radius:50%;}
.evaluation .notice_list .list strong{text-decoration:underline;}
.evaluation .evaluation_ing{margin-top:24px;}
.evaluation .evaluation_ing.upgrade{margin-top:0;}
.evaluation .evaluation_ing .title{font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;}
.evaluation .evaluation_ing .evaluation_box{margin-top:20px;padding:20px;background:#2C2C2C;border-radius:12px;}
.evaluation .evaluation_ing .sub_title{margin-bottom:10px;font-size:13px;color:#A2A2A2;line-height:18px;text-align:center;}
.evaluation .evaluation_ing .sub_title strong{display:block;margin-top:4px;font-size:25px;color:#50CCE0;line-height:48px;}
.evaluation .evaluation_ing .text{margin-top:12px;font-size:15px;color:#C8C8C8;line-height:20px;}
.evaluation .evaluation_ing .evaluation_box .text{margin-top:0;font-size:13px;line-height:18px;text-align:center;}
.evaluation .evaluation_img{margin:50px auto;}
.evaluation .evaluation_img lottie-player{width:200px;height:200px;margin:0 auto;}
.evaluation .evaluation_img_end{margin:53px auto;}
.evaluation .evaluation_img_end lottie-player{width:150px;height:150px;margin:0 auto;}
.evaluation .title_box{margin-top:-8px;}
.evaluation .title_box .title{font-size:15px;font-weight:400;color:#C8C8C8;line-height:20px;}
.evaluation .title_box .title strong{display:block;margin-bottom:4px;font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;}
.evaluation .certify_box{padding:25px 15px 18px;margin-top:28px;border:1px solid #393939;border-radius:12px;}
.evaluation .certify_box.premium{padding:0;margin-top:40px;border:none;}
.evaluation .bolt{padding-top:20px;border-top:1px solid #2C2C2C;}
.evaluation .bolt .text{margin-bottom:12px;font-size:15px;color:#EFEFEF;line-height:20px;}
.evaluation .bolt .input_cont{margin-bottom:20px;}
.evaluation .bolt .input_cont .km{position:absolute;top:50%;right:20px;margin-top:-10px;font-size:15px;color:#EFEFEF;line-height:20px;}

.payment .title{margin:32px 0 20px;font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;}
.payment .drivingInfo .title_box .title{float:none;text-align:center;}
.payment .drivingInfo .title_box .text{text-align:center;}
.payment .drivingInfo .title_box .cont{margin-top:12px;font-size:13px;color:#C8C8C8;line-height:18px;text-align:center;}
.payment .payment_box{border-radius:8px;overflow:hidden;}
.payment .payment_list{padding:20px 20px 15px;background:#2C2C2C;border-radius:3px;}
.payment .payment_list + .payment_list{margin-top:2px;}
.payment .payment_box dl{display:flex;justify-content:space-between;}
.payment .payment_box dt{padding:7px 0;font-size:15px;color:#C8C8C8;line-height:18px;letter-spacing:-0.5px;}
.payment .payment_box dt span{color:#FF5353;}
.payment .payment_box dd{padding:7px 0;margin-left:10px;font-size:15px;font-weight:600;color:#EFEFEF;line-height:18px;letter-spacing:-0.5px;text-align:right;}
.payment .payment_total{padding:0 20px;background:#5C5C5C;}
.payment .payment_total dt, .payment .payment_total dd{padding:0;font-weight:700;color:#B5F5FF;line-height:52px;}
.card_box .cardnum_row + .cardnum_row{margin-top:12px;}
.card_box .cardnum_row .card_title{margin-bottom:8px;font-size:13px;color:#C8C8C8;line-height:18px;}
.card_box .input_cardnum{display:flex;}
.card_box .cardnum_row .input_cardnum .input_box + .input_box{margin-left:8px;}
.card_box .cardnum_row .input_cardnum .input_box{width:calc(25% - 4px);}
.card_box .cardnum_row .input_txt{padding:0 14px 0 14px;}
.card_box .cardnum_row .cardnum_box{width:calc(50% - 4px);}
.card_box .cardnum_row .cardnum_box + .cardnum_box{margin-left:8px;}
.payment .notice_box{padding:16px 12px;margin-top:32px;background:#2C2C2C;border-radius:8px;}
.payment .notice_box .notice_title{padding-left:22px;background:url('../images/icon/icon_alert_white.png') no-repeat 3px center;background-size:13.5px;font-size:14px;font-weight:700;color:#EFEFEF;line-height:18px;}
.payment .notice_box .notice_list{margin-top:12px;}
.payment .notice_box .notice_list .list{position:relative;padding-left:20px;font-size:12px;color:#A2A2A2;line-height:16px;}
.payment .notice_box .notice_list .list:before{content:'';position:absolute;top:8px;left:8px;width:2px;height:2px;background:#A2A2A2;border-radius:50%;}
.payment.agree_payment{margin:32px 0;}
.payment.agree_payment em{color:#50CCE0;}
.payment .input_check + label span{letter-spacing:-0.5px;}

/* == 배터리 인증서, 유효화 프로세스 추가 == */
.sub_mnu-fix .contents{margin-top:56px;}
.certi_battery .certificate_cont .title_box{overflow:hidden;font-size:0;}
.certi_battery .certificate_cont .title_box::after{content:'';display:block;clear:both;overflow:hidden;}
.certi_battery .certificate_cont .title_box .title{float:none;display:inline-block;}
.certi_battery .certificate_cont .title_box .sub_title{margin-top:4px;color:#A2A2A2;}
.certi_battery .certificate_cont .title_box .tip_title{position:relative;padding-left:14px;line-height:14px;color:#A2A2A2;font-size:12px;}
.certi_battery .certificate_cont .title_box .tip_title::before{content:'※';display:block;position:absolute;top:0;left:0;}
.certi_battery .certificate_box .dimmed-cont_box{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);color:#50CCE0;font-size:15px;}
.certi_battery .certificate_box .unsupported-cont_box{padding-top: 20px;}
.certi_battery .btn_share{top:32px;}
.certi_battery .btn_share span{width:100%;height:100%;}
.certi_battery .footer .btn_share{background:url('../images/common/btn_foot_share2.png') no-repeat left center;background-size:100% auto;}

/* 배터리 인증서 - 메인 */
.certi_battery .certi_header.header{background:#1E1E1E;}
.certi_battery{background-color:#1E1E1E;}
.certi_battery .ico_premium{float:none;display:inline-block;height:20px;margin-top:0;margin-left:10px;background-color:transparent;border-color:#50CCE0;line-height:16px;vertical-align:bottom;color:#50CCE0;}
.certi_battery.certificate .certificate_main{z-index:1;height:auto;padding:20px;background:#1E1E1E;overflow:hidden;}
.certi_battery.certificate .certificate_main::after{content:none;}
.certi_battery.certificate .certificate_main .text{margin-top:10px;}
.certi_battery.certificate .certificate_main .certificate_proof{position:relative;width:100%;max-width:400px;margin:0 auto;padding:15px 15px 20px;border-radius:20px;overflow:hidden;}
.certi_battery.certificate .certificate_main .certificate_proof-conts::after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0.5;}
.certi_battery.premium .certificate_main .certificate_proof-conts{background:url('../images/icon/premium.png') no-repeat center 0 / 100px auto;}
.certi_battery.premium .certificate_main .certificate_proof-conts::after{background:linear-gradient(180deg, #00E7F1 0%, #116AAB 100%);}
.certi_battery.standard .certificate_main .certificate_proof-conts{background:url('../images/icon/standard.png') no-repeat center 0 / 86px auto;}
.certi_battery.standard .certificate_main .certificate_proof-conts::after{background:linear-gradient(180deg, #D1EDEF 0%, #507476 100%);}
.certi_battery .certificate_main .certificate_proof .btn_share{top:15px;right:15px;z-index:1;}
.certi_battery .certificate_cont{position:relative;z-index:2;margin-top:0;padding:20px 20px 40px;background-color:#1E1E1E;border-radius:0;box-shadow:none;}
.certi_battery .certificate_cont .cont_box{margin-top:20px;padding:20px;background-color:#2C2C2C;box-shadow:none;overflow:hidden;}

.certi_battery .certificate_cont .info .cont_box .info_box + .info_box{margin-top:16px;padding-top:16px;border-top:1px solid #494949;}
.certi_battery .certificate_cont .info .cont_box .info_box dt{width:110px;}
.certi_battery .certificate_cont .info .cont_box .info_box dd{width:calc(100% - 110px);}
.certi_battery .certificate_cont .info .cont_box .info_box.size-raise dt{width:110px;line-height:27px;font-size:15px;}
.certi_battery .certificate_cont .info .cont_box .info_box.size-raise dd{line-height:27px;font-size:15px;}
.certi_battery .certificate_cont .info .cont_box .info_box.list dt{position:relative;padding-left:10px;}
.certi_battery .certificate_cont .info .cont_box .info_box.list dt::before{content:'·';position:absolute;top:0;left:0;}

.certi_battery .certificate_box.info + .certificate_box.regions{margin-top:16px;}
.certi_battery .certificate_box.regions .cont_box{display:grid;justify-content:center;grid-template-columns:70px auto;column-gap:20px;}
.certi_battery .certificate_box.regions .cont_box::before{content:'';display:block;grid-row:span 3;width:70px;height:100%;min-height:70px;background:url('../images/icon/certificate_proof-pin.png') no-repeat center / 100% auto;}
.certi_battery .certificate_box.regions p{text-align:left;}
.certi_battery .certificate_box.regions p:first-child{margin-top:0;}
.certi_battery .certificate_box.regions p strong{font-weight:400;}
.certi_battery .certificate_box.regions .possible{margin-top:2px;font-size:15px;}
.certi_battery .certificate_box.regions .subsidy{margin-top:2px;font-size:13px;}

.certi_battery .certificate_box.bms .cont_box{padding:0;background-color:transparent;}
.certi_battery .bms-box .bms-info{display:flex;flex-wrap:wrap;}
.certi_battery .bms-box .bms-info dl{display:flex;flex-direction:column;width:calc(50% - 5px);margin-right:5px;margin-bottom:10px;padding:20px;background:#2C2C2C;border-radius:12px;box-sizing:border-box;text-align:center;}
.certi_battery .bms-box .bms-info dl:nth-child(even){margin-right:0;margin-left:5px;}
.certi_battery .bms-box .bms-info dt{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #4C4C4C;line-height:1.2em;color:#EFEFEF;font-size:15px;}
.certi_battery .bms-box .bms-info dd{position:relative;flex-grow:1;padding-bottom:64px;}
.certi_battery .bms-box .bms-info dd::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:64px;background:no-repeat center bottom / contain;}
.certi_battery .bms-box .bms-info dl.bms-img01 dd::after{background-image:url('../images/contents/bms_01.png');}
.certi_battery .bms-box .bms-info dl.bms-img02 dd::after{background-image:url('../images/contents/bms_02.png');}
.certi_battery .bms-box .bms-info dl.bms-img03 dd::after{background-image:url('../images/contents/bms_03.png');}
.certi_battery .bms-box .bms-info dl.bms-img04 dd::after{background-image:url('../images/contents/bms_04.png');}
.certi_battery .bms-box .bms-info .bms-info_list{height:68px;margin-bottom:10px;}
.certi_battery .bms-box .bms-info .bms-info_list li{display:flex;justify-content:space-between;line-height:20px;color:#EFEFEF;font-size:12px;}
.certi_battery .bms-box .bms-info .bms-info_list li strong{font-weight:400;}
.certi_battery .bms-box .bms-info .bms-info_list li span{flex:none;}
.certi_battery .bms-box .bms-info .bms-info_list.align_horizon{display:flex;justify-content:space-between;}
.certi_battery .bms-box .bms-info .bms-info_list.align_horizon li{width:46%;}
.certi_battery .bms-box .bms-info .bms-info_list.align_center li{flex-direction:column;}

.certi_battery .result-box{margin-top:20px;}
.certi_battery .result-box + .result-box{padding-top:20px;border-top:1px solid #4C4C4C;}
.certi_battery .result-box .title_box{margin:0;}
.certi_battery .result-box .title_box p{float:none;}
.certi_battery .result-box .title_box .title{font-weight:400;}
.certi_battery .result-box .title_box .tip_title{margin-top:5px;color:#EFEFEF;}
.certi_battery .result-box .title_box .tip_title + .tip_title{margin-top:0;}
.certi_battery .certificate_cont .result .result_title{display:flex;align-items:center;}
.certi_battery .certificate_cont .result .result_title em{margin-left:5px;color:#FFC045;}
.certi_battery .certificate_cont .result .below .result_title em{color:#FF5353;}
.certi_battery .certificate_cont .result .above .result_title em{color:#50CCE0;}
.certi_battery .certificate_cont .result .result_text span {height:36px;line-height:32px;border:1px solid #FFC045;background:#433C2F;}
.certi_battery .certificate_cont .result .below .result_text span{border:1px solid #FF5353;background:#413030;}
.certi_battery .certificate_cont .result .above .result_text span{border:1px solid #50CCE0;background:#243E46;}

.certi_battery .certificate_cont .chart_box{margin:10px 0}
.certi_battery .certificate_cont .soh{margin-top:20px;}
.certi_battery .certificate_cont .soh .bar_box{width:calc(100% - (26px * 2));margin:55px auto 0;}
.certi_battery .certificate_cont .soh .bar_box::before{display:none;}
.certi_battery .certificate_cont .soh .bar_box .group{position:static;padding-bottom:8px;background:linear-gradient(180deg, #2C2C2C 45%, #1E1E1E 100%);}
.certi_battery .certificate_cont .soh .bar_box .group span{color:#5C5C5C;}
.certi_battery .certificate_cont .soh .bar_box .bar{position:relative;height:12px;margin-top:0;font-size:0;border-radius:2px;background-color:transparent;}
.certi_battery .certificate_cont .soh .bar_box .bar::before{display:none;}
.certi_battery .certificate_cont .soh .bar_box .bar::after{display:none;}
.certi_battery .certificate_cont .soh .bar_box .bar .bar-section{position:relative;width:100%;height:100%;font-size:0;border-radius:2px;}
.certi_battery .certificate_cont .soh .bar_box .bar span[class*="bar-"]{display:inline-block;width:calc(33.3% - 1px);height:100%;font-size:0;text-indent:-999em;overflow:hidden;position:absolute;top:0;}
.certi_battery .certificate_cont .soh .bar_box .bar span.bar-below{left:0;background-color:#FF5353;border-radius:2px 0 0 2px;}
.certi_battery .certificate_cont .soh .bar_box .bar span.bar-default{width:33.3%;left:50%;transform:translateX(-50%); background-color:#FFC045;}
.certi_battery .certificate_cont .soh .bar_box .bar span.bar-above{right:0;background-color:#50CCE0;border-radius:0 2px 2px 0;}
.certi_battery .certificate_cont .soh .bar_box .bar .point{position:absolute;top:50%;left:0;width:20px;height:20px;transform:translate(-50%, -50%);background:url('../images/icon/soh_default.png') no-repeat center / 100% auto;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.25);border-radius:100%;}
.certi_battery .certificate_cont .soh.below .bar_box .bar .point{background-image:url('../images/icon/soh_below.png');}
.certi_battery .certificate_cont .soh.above .bar_box .bar .point{background-image:url('../images/icon/soh_above.png');}
.certi_battery .certificate_cont .soh .bar_box .tooltip{color:#FFC045;}
.certi_battery .certificate_cont .soh.below .bar_box .tooltip{color:#FF5353;}
.certi_battery .certificate_cont .soh.above .bar_box .tooltip{color:#50CCE0;}
.certi_battery .certificate_cont .soh .bar_box .count{position:static;width:66%;margin:3px auto 0;}
.certi_battery .certificate_cont .soh .bar_box .count span{color:#5C5C5C;}
.certi_battery .certificate_cont .soh .bar_box .soh_title{margin-top:2px;text-align:center;color:#EFEFEF;font-size:12px;}

.certi_battery .certificate_cont .result .battery_chart{background-image:none;}
.certi_battery .certificate_cont .result .battery_chart.above.battery0:after{background-image:url('../images/contents/battery_above_0.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery1:after{background-image:url('../images/contents/battery_above_1.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery2:after{background-image:url('../images/contents/battery_above_2.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery3:after{background-image:url('../images/contents/battery_above_3.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery4:after{background-image:url('../images/contents/battery_above_4.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery5:after{background-image:url('../images/contents/battery_above_5.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery6:after{background-image:url('../images/contents/battery_above_6.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery7:after{background-image:url('../images/contents/battery_above_7.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery8:after{background-image:url('../images/contents/battery_above_8.png');}
.certi_battery .certificate_cont .result .battery_chart.above.battery9:after{background-image:url('../images/contents/battery_above_9.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery0:after{background-image:url('../images/contents/battery_normal_0.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery1:after{background-image:url('../images/contents/battery_normal_1.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery2:after{background-image:url('../images/contents/battery_normal_2.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery3:after{background-image:url('../images/contents/battery_normal_3.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery4:after{background-image:url('../images/contents/battery_normal_4.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery5:after{background-image:url('../images/contents/battery_normal_5.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery6:after{background-image:url('../images/contents/battery_normal_6.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery7:after{background-image:url('../images/contents/battery_normal_7.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery8:after{background-image:url('../images/contents/battery_normal_8.png');}
.certi_battery .certificate_cont .result .battery_chart.normal.battery9:after{background-image:url('../images/contents/battery_normal_9.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery0:after{background-image:url('../images/contents/battery_below_0.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery1:after{background-image:url('../images/contents/battery_below_1.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery2:after{background-image:url('../images/contents/battery_below_2.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery3:after{background-image:url('../images/contents/battery_below_3.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery4:after{background-image:url('../images/contents/battery_below_4.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery5:after{background-image:url('../images/contents/battery_below_5.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery6:after{background-image:url('../images/contents/battery_below_6.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery7:after{background-image:url('../images/contents/battery_below_7.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery8:after{background-image:url('../images/contents/battery_below_8.png');}
.certi_battery .certificate_cont .result .battery_chart.below.battery9:after{background-image:url('../images/contents/battery_below_9.png');}
.certi_battery .certificate_cont .result .battery_chart.battery10:after{background-image:url('../images/contents/battery_10.png');}

.certi_battery .result-box.overall table .border{display:block;width:55px;height:20px;margin:0 auto;border:1px solid #fff;border-radius:10px;box-sizing:border-box;line-height:16px;text-align:center;font-size:12px;}
.certi_battery .result-box.overall table th{vertical-align:top;}
.certi_battery .result-box.overall table tr:first-child > *{padding-top:0;}
.certi_battery .result-box.overall table td:last-child{padding-left:10px;}
.certi_battery .result-box.overall table td:nth-child(even) .border{border-color:#C8C8C8;color:#C8C8C8;}

/* 그래프 */
.certi_battery .certificate_cont .bb-ygrid{stroke:#4C4C4C;stroke-dasharray:none;}
.certi_battery .certificate_cont .range_box .battery_axis_x{bottom:-10px;}
.certi_battery .certificate_cont .range_box .battery_axis_y{top:-14px;}
/* .certi_battery .certificate_cont .range_box .area_chart .bb-area{opacity:0.3 !important;} */
.certi_battery .certificate_cont .range_box .area_chart .bb-line{stroke:none;opacity:1;stroke-dasharray:10 6;stroke-width:1px;z-index:1;}
.certi_battery .certificate_cont .range_box .scatter_chart .bb-chart-circles .bb-circle{stroke:none !important;stroke-width:0;fill:transparent !important;}
.certi_battery .certificate_cont .range_box .area_chart .bb-target-data1 .bb-line{stroke:#50CCE0 !important;stroke-dasharray:none;}
.certi_battery .certificate_cont .range_box .area_chart .bb-target-data2 .bb-line{stroke:#FFC045 !important;}
.certi_battery .certificate_cont .range_box .area_chart .bb-target-data3 .bb-line{stroke:#FF5353 !important;}

.certi_battery .certificate_cont .inspect .btn_down{position:relative;top:0;left:0;width:100%;height:30px;line-height:1em;color:#EFEFEF;font-size:15px;}
.certi_battery .inspect .btn_down{display:flex;align-items:center;justify-content:center;}
.certi_battery .inspect .btn_down::after{right:0;margin-top:0;margin-right:0;}
.certi_battery .inspect .btn_down.none{cursor:default;}
.certi_battery .inspect .btn_down.none::after{content:none;}
.certi_battery .inspect .btn_down strong{display:block;margin:-4px 2px 0;line-height:35px;color:#50CCE0;font-size:40px;font-weight:400;}
.certi_battery .inspect .cont_box .down_cont{margin-top:20px;}
.certi_battery .inspect .code-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:200px;margin:0 auto;}
.certi_battery .inspect .code-list li{width:45%;text-align:center;line-height:18px;color:#A2A2A2;font-size:13px;}
.certi_battery .inspect .desc{margin-top:20px;padding-top:20px;padding-bottom:20px;background:linear-gradient(180deg, #2C2C2C 0%, #282828 100%);border-radius:0 0 8px 8px;}
.certi_battery .inspect .desc .desc_box + .desc_box{margin-top:30px;}
.certi_battery .inspect .desc .desc_box .sub_title_box{text-align:center;}
.certi_battery .inspect .desc .desc_box .sub_title_box .btn_tooltip{float:none;}
.certi_battery .inspect .desc .desc_box .desc_list{display:flex;justify-content:center;align-items:center;margin-top:10px;}
.certi_battery .inspect .desc .desc_box .desc_list .list{flex:none;float:none;width:56px;height:22px;padding:1px 0 0;text-align:center;background:#4C4C4C;border:1px solid #C8C8C8;border-radius:12px;box-sizing:border-box;line-height:18px;font-size:12px;}
.certi_battery .inspect .desc .desc_box .desc_list .list.on{background:linear-gradient(97.73deg, #50CCE0 -0.14%, #40818C 99.86%);box-shadow:2px 4px 4px rgba(0, 0, 0, 0.25);border:none;padding:2px 0;}
.certi_battery .inspect .desc .desc_box .desc_list .list + .list{margin-left:20px;}
.certi_battery .inspect .desc .desc_box .desc_list.long .list{width:75px;}
.certi_battery .inspect .desc .desc_box .tooltip_box{width:auto;min-width:200px;}

.certi_battery .remain table[class*="remain_"] + table[class*="remain_"]{margin-top:20px;padding-top:20px;border-top:1px solid #4C4C4C;}
.certi_battery .remain table thead th{width:120px;padding-bottom:8px;}
.certi_battery .remain table tbody td{width:120px;padding:8px 0;}
.certi_battery .remain table thead th .border{display:inline-block;width:66px;border:1px solid #fff;border-radius:10px;text-align:center;}
.certi_battery .remain table th,
.certi_battery .remain table td{text-align:right;}
.certi_battery .remain table th:nth-child(1),
.certi_battery .remain table td:nth-child(1){width:auto;min-width:80px;text-align:left;}
.certi_battery .remain table tr th:last-child .border{border-color:#C8C8C8;color:#C8C8C8;}
.certi_battery .remain table tr td:last-child{color:#C8C8C8;}
.certi_battery .remain table .cr_bl{color:#00B4CB;}
.certi_battery .remain table .now{font-weight:600;}

.certi_battery .notice .cont_box{background-color:transparent;padding:0;}
.certi_battery .notice .cont_box .notice_list{margin-top:10px;}
.certi_battery .notice .cont_box .notice_list .list{font-size:13px;}
.certi_battery .notice .cont_box .error_white{font-size:13px;}

/* 프리미엄 인증서 안내 팝업 */
.pop_certification .popup_box{padding:1px;background:linear-gradient(163.86deg, #AFF4FF 0.4%, rgba(255, 255, 255, 0.19) 50.7%, #AFF4FF 99.97%);border-radius:12px;overflow:hidden;}
.pop_certification .popup_box .popup_cont{padding:40px 20px 30px;background-color:#2C2C2C;border-radius:12px;overflow:hidden;}
.pop_certification .certification-box{text-align:center;color:#C8C8C8;}
.pop_certification .certification-box .cr_bl{color:#50CCE0;}
.pop_certification .certification-box .type{display:flex;justify-content:center;align-items:center;width:90px;height:30px;margin:0 auto 30px;background:#023C45;border:2px solid #50CCE0;border-radius:5px;box-sizing:border-box;font-size:15px;font-weight:700;}
.pop_certification .certification-box .title{display:block;margin-bottom:30px;background:linear-gradient(180deg, #D6F9FF 0%, #EFEFEF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1.2em;color:#fff;font-size:30px;font-weight:700;}
.pop_certification .certification-box p{line-height:20px;font-size:14px;}
.pop_certification .certification-box p .cr_bl{font-weight:700;}
.pop_certification .certification-box .info{display:inline-block;margin-top:15px;}
.pop_certification .certification-box .info li{display:flex;align-items:center;margin-bottom:10px;}
.pop_certification .certification-box .info li .cr_bl{font-weight:500;}
.pop_certification .certification-box .info li .list{display:flex;justify-content:center;align-items:center;width:90px;height:28px;margin-right:10px;border:1px solid #EFEFEF;border-radius:14px;font-size:13px;}
.pop_certification .certification-box .info li .list + span{font-size:15px;}
.pop_certification .certification-box .info li .strike{text-decoration:line-through;}
.pop_certification .certification-box img{display:block;width:100%;margin:30px 0 0 12px;}
.pop_certification .popup_cont .btn_box_pop{margin-top:30px;}
.pop_certification .popup_cont .btn_box_pop .button_pop{display:flex;justify-content:center;align-items:center;width:100%;height:54px;background:#50CCE0;border-radius:3px;color:#fff;}

/* 앱 설치 팝업 */
.pop_certification .certification-box.app-install-box .title{margin:0;}
.pop_certification .certification-box.app-install-box img{display:inline-block;margin:15px 0;}
.pop_certification .certification-box.app-install-box #appInstallImage{width:110px;height:110px;}
.pop_certification .certification-box.app-install-box #storeImage{width:100%;}
.pop_certification .popup_cont .app-install-box .icon_circle_blue{display: inline-flex; width: 65px; height: 26px;align-items: center;justify-content: center;border: 1px solid #50CCE0; border-radius: 20px; font-size: 14px; margin: 15px 0;}
.pop_certification .popup_cont .app-install-box p{font-family: 'AppleSDGothicNeoM00';font-style: normal;font-weight: 400;font-size: 14px;line-height: 18px;color: #C8C8C8;}
.pop_certification .popup_cont .app-install-box p span{color:#86DEED;}

/* 유효화 프로세스 - 진입 */
.backbg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:11;}
.paid_process .certificate .btn_certificate{text-align:center;}
.paid_process .certificate .btn_certificate .text.error_red{display:inline-block;}
.paid_process .certificate .btn_certificate .btn_box .button{line-height:54px;}
.paid_process .certificate_list .list{padding-top:25px;}
.paid_process .certificate_list .list .title{margin-bottom:3px;padding-left:52px;box-sizing:border-box;font-weight:300;font-size:15px;color:#B0C7CD;}
.paid_process .certificate_list .list .grade{padding-left:52px;box-sizing:border-box;line-height:22px;font-weight:700;font-size:30px;}
.paid_process .certificate_list .list .bg{top:0;left:0;background-color:transparent;border-radius:12px;box-sizing:border-box;overflow:hidden;}
.paid_process .certificate_list .list .bg::before{top:1px;left:1px;bottom:auto;right:auto;z-index:2;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:12px;box-shadow:4px 4px 6px 0px #FFFFFF40 inset;}
.paid_process .certificate_list .list .bg::after{content:'';position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:12px;box-shadow:inset 4px 4px 6px rgba(255, 255, 255, 0.25);}
.paid_process .certificate_list .list.yet .bg::before{background:linear-gradient(180deg, #1E1E1E 0%, #313131 100%);box-shadow:inset 4px 4px 6px rgba(0, 0, 0, 0.1);}
.paid_process .certificate_list .list.yet .bg::after{background:#5C5C5C;box-shadow:inset 4px 4px 6px rgba(0, 0, 0, 0.1);}
.paid_process .certificate_list .list.yet .text p::before{content:'';display:block;width:80px;height:80px;margin:0 auto 10px;background:url('../images/contents/certificate_list-yet.png') no-repeat center;}
.paid_process .certificate_list .list.premium .bg::before{background:linear-gradient(168.46deg, #178A8F 0%, #1F4C6C 91.53%);}
.paid_process .certificate_list .list.premium .bg::after{background:linear-gradient(160.25deg, #00CBFF 1.22%, #116AAB 100%);}
.paid_process .certificate_list .list.standard .bg::before{background:linear-gradient(157.8deg, #7F8D8E 0%, #3F5051 100%);}
.paid_process .certificate_list .list.standard .bg::after{background:linear-gradient(160.25deg, #D1EDEF 1.22%, #507476 100%);}
.paid_process .certificate_list .list .expired{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:linear-gradient(180deg, #1E1E1Ed0 0%, #313131d0 100%);box-shadow:inset 4px 4px 6px rgba(0, 0, 0, 0.1);border-radius:12px;color:#C8C8C8;font-size:17px;font-weight:400;}
.paid_process .certificate_list .list .expired + .bg::before{background:linear-gradient(180deg, #1E1E1E 0%, #313131 100%);box-shadow:inset 4px 4px 6px rgba(0, 0, 0, 0.1);}
.paid_process .certificate_list .list .expired + .bg::after{background:#5C5C5C;box-shadow:inset 4px 4px 6px rgba(0, 0, 0, 0.1);}
.paid_process .certificate_list .list .info{position:absolute;bottom:20px;left:16px;width:calc(100% - 32px);margin:0 !important;}
.paid_process .certificate_list .list .info dl{position:relative;padding-left:58px;}
.paid_process .certificate_list .list .info dt{position:absolute;top:0;left:0;font-size:13px;}
.paid_process .certificate_list .list .info dd{float:none;margin-left:0;font-size:13px;}

/* 유효화 프로세스 - 인증서 발급, 결제 */
.paid_process .certify_box{display:block;max-width:460px;margin:0 auto;padding:20px 0 0;border:none;text-align:center;font-size:0;}
.paid_process .certify_box .certify_list{position:relative;display:inline-block;width:calc(50% - 4px);max-width:160px;height:180px;vertical-align:top;}
.paid_process .certify_box .certify_list + .certify_list{margin:0 0 8px 8px;}
.paid_process .certify_box .certify_list:nth-child(odd){margin-left:0;}
.paid_process .certify_box .certify_list .input_box{height:100%;}
.paid_process .certify_box .certify_list .input_box label{height:100%;position:relative;display:block;}
.paid_process .certify_box .certify_list input{top:0;left:0;z-index:3;width:100%;height:100%;cursor:pointer;}
.paid_process .certify_box .certify_list input + label::before{display:block;position:absolute;left:50%;bottom:25px;z-index:1;transform:translateX(-50%);background:#FFFFFF;box-shadow:inset 2px 3px 4px rgba(0, 0, 0, 0.5);}
.paid_process .certify_box .certify_list input + label::after{display:none;position:absolute;top:auto;bottom:25px;z-index:1;left:50%;transform:translateX(-50%);background-position:4.2px center;}
.paid_process .certify_box .certify_list input:checked + label::before{background:linear-gradient(136.68deg, rgba(255, 253, 199, 0.3) 14.93%, rgba(255, 253, 199, 0) 100%), #50CCE0;background-blend-mode:lighten, normal;box-shadow:inset 2px 3px 5px rgba(255, 255, 255, 0.5);}
.paid_process .certify_box .certify_list input:checked + label::after{display:block;}
.paid_process .certify_box .certify_list input:checked + label .certify_title::after{background-color:transparent;}
.paid_process .certify_box .certify_list input + label .certify_title{height:100%;border-radius:8px;overflow:hidden;}
.paid_process .certify_box .certify_list input + label .certify_title::after{top:0;background-color:rgba(0,0,0,0.5);background-image:none;}
.paid_process .certify_box .certify_list input + label .certify_title span{position:absolute;top:1px;left:1px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:calc(100% - 2px);height:calc(100% - 2px);border:0;font-size:26px;padding:25px 0 50px;}
.paid_process .certify_box .certify_list input + label .certify_title span::before{content:'';display:block;width:100%;height:60px;background:url('../images/icon/premium.png') no-repeat center / 65px auto;margin-bottom:15px;}
.paid_process .certify_box .certify_list.certify_standard input + label .certify_title span::before{background-image:url('../images/icon/standard.png');}
.paid_process .certify_box .certify_list.certify_premium .certify_title{background:linear-gradient(180deg, #00E7F1 0%, #116AAB 100%);}
.paid_process .certify_box .certify_list.certify_premium .certify_title span{background:linear-gradient(190.46deg, #178A8F 9.54%, #1F4C6C 91.61%);}
.paid_process .certify_box .certify_list.certify_standard .certify_title{background:linear-gradient(180deg, #D1EDEF 0%, #507476 100%);}
.paid_process .certify_box .certify_list.certify_standard .certify_title span{background:linear-gradient(196.3deg, #7F8D8E 11.25%, #3F5051 88.62%);}
.paid_process .certify_box .certify_list.coming::before{background:#2C2C2C;border-radius:8px;opacity:0.8;}
.paid_process .certify_box .certify_list.coming::after{line-height:20px;color:#00B4CB;font-weight:700;font-size:20px;}
.paid_process .certify_box .certify_list.coming input{display:none;}
.paid_process .certify_box .certify_list.coming label::before{display:none;}
.paid_process .certify_box .certify_list.coming label::after{display:none;}

/* 2022.08.12 민숙 추가 */
.paid_process .certify_box .certify_list.issued::before{background:#2C2C2C;border-radius:8px;opacity:0.8;}
.paid_process .certify_box .certify_list.issued::after{line-height:20px;color:#00B4CB;font-weight:700;font-size:20px;}
.paid_process .certify_box .certify_list.issued input{display:none;}
.paid_process .certify_box .certify_list.issued input:checked + label::after{display:none;}
.paid_process .certify_box .certify_list.issued label::before{display:none;}
.paid_process .certify_box .certify_list.issued label::after{display:none;}
/* 2022.08.12 민숙 추가 end */

.paid_process .evaluation > .title_box .title{line-height:1.2em;color:#EFEFEF;font-size:22px;font-weight:400;}
.paid_process .evaluation > .title_box .title strong{font-size:24px;font-weight:700;}
.paid_process .payment .title{margin-top:30px;font-weight:400;}
.paid_process .payment .title-box{margin:30px 0 20px;overflow:hidden;font-size:0;}
.paid_process .payment .title-box .title{display:inline-block;margin:0;vertical-align:middle;}
.paid_process .payment .title-box .tit-ico{display:inline-block;height:20px;margin-left:10px;padding:0 12px;border:1px solid #FFF;border-radius:4px;line-height:16px;vertical-align:middle;color:#FFF;font-size:11px;}
.paid_process .payment .title-box .tit-ico.ico_premium{border-color:#50CCE0;color:#50CCE0;}
.paid_process .payment .title-box .tit-ico.ico_standard{border-color:#C8C8C8;color:#C8C8C8;}
.paid_process .payment .title-box .tit-ico.ico_certifi{border-color:#FFC045;color:#FFC045;}
.paid_process .payment .payment_list{padding:0;}
.paid_process .payment .payment_box .cr_red{color:#FF5353;}
.paid_process .payment .payment_box .list{margin-bottom:10px;}
.paid_process .payment .payment_box .list:last-child{margin-bottom:0;}
.paid_process .payment .payment_box dt{padding:0;color:#EFEFEF;font-size:17px;}
.paid_process .payment .payment_box dt span{display:inline-block;height:24px;margin-right:5px;padding:2px 12px;border:1px solid #FF5353;border-radius:27.5px;line-height:16px;vertical-align:middle;font-size:12px;}
.paid_process .payment .payment_box dd{padding:0;font-size:18px;font-weight:600;}
.paid_process .payment .payment_total{margin-top:10px;padding:10px 0 0 0;background-color:transparent;border-top:1px solid #4C4C4C;}
.paid_process .payment .payment_total dt{line-height:1em;color:#50CCE0;font-weight:400;}
.paid_process .payment .payment_total dd{line-height:1em;color:#50CCE0;}
.paid_process .payment .notice_box{padding:0;background-color:transparent;}
.paid_process .payment .notice_box .notice_title{padding-left:26px;background-size:18px auto;background-position:4px center;font-size:13px;}
.paid_process .payment .notice_box .notice_list{margin-top:10px;margin-bottom:0;}
.paid_process .payment .notice_box .notice_list .list{font-size:13px;}
.paid_process .paymentinfo .payment_box{position:relative;padding:20px;background-color:#2C2C2C;}
.paid_process .paymentinfo .payment_box.dimmed-box::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#1E1E1E;border-radius:12px;opacity:0.5;}
.paid_process .paymentway .payment_box{border-radius:0;overflow:inherit;}
.paid_process .paymentway .select_pop .slide_pop_box{padding-bottom:40px;z-index:12;}
.paid_process .paymentway .select_pop .slide_pop_box::before{display:block;position:static;margin:30px auto 25px;background:#4C4C4C;}
.paid_process .paymentway .select_pop .select_tit{margin-bottom:10px;padding:0 25px;font-size:22px;}
.paid_process .paymentway .select_pop .select_list{padding:0 20px;}
.paid_process .paymentway .select_pop .select_list .list{margin-bottom:0;border-bottom:1px solid #494949;}
.paid_process .paymentway .select_pop .select_list .list:last-child{border-bottom:0;}
.paid_process .paymentway .select_pop .select_list .list:last-child .input_select + label{padding-bottom:0;}
.paid_process .paymentway .select_pop .select_list .list .input_select:checked + label{background-position:right center;background-size:16px auto;}
.paid_process .paymentway .select_pop .select_list .input_select + label{padding:15px 25px 15px 10px;font-size:18px;}
.paid_process .agree_payment{margin:30px 0 10px;}

/* 유효화 프로세스 - 평가 */
.paid_process .progress::before{background-color:#2C2C2C;}
.paid_process .progress .list::after{background-color:#2C2C2C;}
.paid_process .progress .list.passed::after{top:0;left:0;width:28px;height:28px;background:#50CCE0 url('../images/icon/icon_input2.png') no-repeat center center;background-size:12px auto;border:none;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);}
.paid_process .progress .list.passed:before{background-color:#50CCE0;}
.paid_process .progress .list.on::after{background-color:#50CCE0;background-image:url('../images/icon/icon_input2.png');border:none;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);}
.paid_process .evaluation .btn_box{margin-top:30px;overflow:hidden;}
.paid_process .evaluation .btn_box::after{content:'';display:block;clear:both;}
.paid_process .evaluation .btn_box button{line-height:54px;}
.paid_process .evaluation .btn_box button.btn_cancel{float:right;margin-top:10px;padding-left:16px;background:url('../images/icon/ico_arrw.png') no-repeat left center / 7px auto;line-height:22px;color:#C8C8C8;font-size:16px;}

/* 평가 - 준비 */
.paid_process .evaluation .evaluation_title{margin-bottom:20px;}
.paid_process .evaluation .notice{margin-bottom:10px;}
.paid_process .evaluation .notice_list .list strong{font-weight:400;}
.paid_process .evaluation .condition{display:grid;grid-template-columns:56px auto;grid-column-gap:15px;grid-row-gap:5px;align-items:center;position:relative;margin-top:20px;margin-bottom:0;padding:20px;background-image:none !important;}
.paid_process .evaluation .condition::before{content:'';display:block;width:56px;height:56px;background:no-repeat center / 100% auto;grid-row:span 2;}
.paid_process .evaluation .condition p{padding:8px 0 0;line-height:1.2em;}
.paid_process .evaluation .condition .title{margin-bottom:0;font-size:22px;font-weight:600;}
.paid_process .evaluation .condition .title .cont{margin-left:5px;}
.paid_process .evaluation .condition .text{padding:0 0 8px;background-color:transparent;}

.paid_process .evaluation .condition.state::before{background-image:url('../images/icon/state_e_unconnect.png');}
.paid_process .evaluation .condition.state .title .cont{color:#FFC045;}
.paid_process .evaluation .condition.state.satisfy::before{background-image:url('../images/icon/state_e_connect.png');}
.paid_process .evaluation .condition.state.satisfy .title .cont{color:#50CCE0;}
.paid_process .evaluation .condition.amount::before{background-image:url('../images/icon/charge_e_unconnect.png');}
.paid_process .evaluation .condition.amount.much::before{background-image:url('../images/icon/charge_e_impossible.png');}
.paid_process .evaluation .condition.amount.satisfy::before{background-image:url('../images/icon/charge_e_possible.png');}
.paid_process .evaluation .condition.amount .title .cont{color:#FFC045;}
.paid_process .evaluation .condition.amount.much .title .cont{color:#FF5353;}
.paid_process .evaluation .condition.amount.satisfy .title .cont{color:#50CCE0;}

.paid_process .evaluation .driven-box{margin-top:30px;}
.paid_process .evaluation .notice-box{margin-top:10px;padding-left:8px;}
.paid_process .evaluation .driven-box .title_box{margin-top:0;margin-bottom:20px;}
.paid_process .evaluation .driven-box .title_box .title{line-height:1.2em;color:#EFEFEF;font-size:22px;}
.paid_process .evaluation .driven-box .input_box .input_txt{padding-left:15px;padding-right:50px;line-height:64px;}
.paid_process .evaluation .driven-box .input_box .unit{display:flex;align-items:center;justify-content:center;position:absolute;right:15px;top:0;height:100%;color:#EFEFEF;font-size:18px;}
.paid_process .evaluation .notice{padding-left:16px;background:url('../images/icon/icon_alert_white2.png') no-repeat left 4px / 12px auto;}
.paid_process .evaluation .notice.noti_red{background-image:url('../images/icon/icon_alert_red.png');}
.paid_process .evaluation .notice.noti_red em.red{color:#FF5353;}

.popup.pop_eval .popup_box{padding:36px 20px 20px;}
.popup.pop_eval .popup_small{padding-top:0;}
.popup.pop_eval .popup_small .btn_box.align_horizon{display:flex;justify-content:center;align-items:center;}
.popup.pop_eval .popup_small .btn_box.align_horizon button{width:50%;}
.popup.pop_eval .popup_small .btn_box.align_horizon button:first-child{margin-left:0;}
.popup.pop_eval .popup_small .btn_box.align_horizon button + button{margin-left:15px;}

/* 평가 - 시작 */
.paid_process .evaluation .evaluation_ing.start .evaluation_box{padding:30px 20px;}
.paid_process .evaluation .evaluation_ing.start .evaluation_img{width:80px;height:80px;margin-top:0;margin-bottom:20px;}
.paid_process .evaluation .evaluation_ing.start .evaluation_img img{display:block;width:100%;}
.paid_process .evaluation .evaluation_ing.start .sub_title{margin-bottom:8px;}
.paid_process .evaluation .evaluation_ing.start .sub_title strong{line-height:1em;}
.paid_process .evaluation .evaluation_ing.start .text{margin-top:0;}

/* 평가 - 완료 */
.paid_process .evaluation .evaluation_ing.clear .text{margin-top:20px;color:#A2A2A2;}

/* // == 배터리 인증서, 유효화 프로세스 추가 == */

/*!* 서비스 신청 *!*/
/*.service{padding-top:27px;margin:0 20px;}*/
/*.service .title_box .title{font-size:22px;color:#EFEFEF;line-height:28px;text-align:left;}*/
/*.service .title_box .title strong{font-weight:500;color:#50CCE0;}*/
/*.service .payment .error_green{margin:20px 0 0 5px;background-position:left top;}*/
/*.service .paymentinfo_txt{margin:6px 0 0 5px;font-size:14px;color:#A2A2A2;line-height:18px;}*/
/*.service .service_title{margin-top:20px;}*/
/*.service .service_title .title{font-size:22px;color:#EFEFEF;line-height:25px;}*/
/*.service .service_title .text{margin-top:6px;font-size:14px;color:#A2A2A2;line-height:16px;}*/
/*.service .service_choice{padding:18px 15px;margin-top:10px;border:1px solid #393939;border-radius:10px;}*/
/*.service .service_list .list + .list{margin-top:18px;}*/
/*.service .service_list .list label:before, .service .service_list .list label:after{display:none;}*/
/*.service .service_list .list label{display:block;background-color:#2C2C2C;border-radius:10px;}*/
/*.service .service_list input:checked + label{background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);}*/
/*.service .service_list input:checked + label .service_box{background:linear-gradient(116.05deg, #2C4C4D 16.42%, #26353E 83.58%);background-clip:padding-box;border:1px solid transparent;}*/
/*.service .service_list .list .service_box{position:relative;padding:24px 10px 22px 94px;border:1px solid #393939;border-radius:10px;}*/
/*.service .service_list .list .service_box:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:auto 50px;}*/
/*.service .service_list .list.diagnosis .service_box:after{background-image:url('../images/contents/service_diagnosis.png');background-position:12px center;}*/
/*.service .service_list .list.certificate .service_box:after{background-image:url('../images/contents/service_certificate.png');background-position:24px center;}*/
/*.service .service_list .list.all .service_box:after{background-image:url('../images/contents/service_all.png');background-position:14px center;background-size:74px auto;}*/
/*.service .service_list .list .input_box span{padding-left:0;}*/
/*.service .service_list .list .title{font-size:20px;font-size:17px;font-weight:600;color:#EFEFEF;line-height:17px;letter-spacing:-1px;}*/
/*.service .service_list .list .text{margin-top:4px;font-size:12px;color:#EFEFEF;line-height:16px;opacity:0.7;}*/
/*.service .service_choice .choice_text{margin:25px 0 16px;font-size:14px;color:#A2A2A2;line-height:17px;}*/
/*.certify_box{display:flex;}*/
/*.certify_box .certify_list{width:calc(50% - 7px);}*/
/*.certify_box .certify_list + .certify_list{margin-left:14px;}*/
/*.certify_box .certify_list label:before, .certify_box .certify_list label:after{display:none;}*/
/*.certify_box .certify_list label .certify_title{position:relative;background-color:#2C2C2C;border-radius:8px;}*/
/*.certify_box .certify_list .certify_title span{display:block;width:100%;height:100%;padding:72px 0 8px;border:1px solid #393939;font-size:13px;font-weight:700;color:#EFEFEF;line-height:18px;text-align:center;border-radius:8px;}*/
/*.certify_box input:checked + label .certify_title{background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);}*/
/*.certify_box input:checked + label .certify_title span{background:linear-gradient(116.05deg, #2C4C4D 16.42%, #26353E 83.58%);background-clip:padding-box;border:1px solid transparent;}*/
/*.certify_box .certify_list label .certify_title:after{content:'';position:absolute;top:6px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:auto 70px;}*/
/*.certify_box .certify_list.certify_premium label .certify_title:after{background-image:url('../images/icon/premium.png');}*/
/*.certify_box .certify_list.certify_standard label .certify_title:after{background-image:url('../images/icon/standard.png');}*/
/*.certify_box input:disabled + label{position:relative;border:none;background:none;display:block;}*/
/*.certify_box input:disabled + label:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;background:#1E1E1E;opacity:0.7;z-index:1;}*/
/*.certify_box .certify_list .certify_cont{margin-top:10px;}*/
/*.certify_box .certify_list .certify_cont .list{position:relative;padding-left:18px;font-size:11px;color:#C8C8C8;line-height:13px;}*/
/*.certify_box .certify_list .certify_cont .list:after{content:'';position:absolute;top:50%;left:8px;width:2px;height:2px;margin:-1px 0 0 -1px;background:#C8C8C8;border-radius:50%;}*/
/*.service .payment .title{margin:32px 0 16px;}*/
/*.service .payment.address .title{margin-bottom:12px;}*/
/*.service .payment.address .text{font-size:14px;color:#A2A2A2;}*/
/*.service .address .input_title{margin-top:16px;}*/
/*.service .address .input_box + .input_box{margin-top:12px;}*/
/*.service .address .input_button:after{content:'';clear:both;display:block;}*/
/*.service .address .input_button .input_txt{float:left;width:calc(100% - 110px);}*/
/*.service .address .input_button .btn_box{float:right;width:98px;}*/
/*.service .address .input_button .btn_box .button{font-size:14px;}*/
/*.service .payment.carinfo .title{margin-bottom:12px;}*/
/*.service .carinfo .text{font-size:13px;color:#A2A2A2;line-height:18px;}*/
/*.service .carinfo .text span{color:#7CE3F3;}*/
/*.service .carinfo .mycar{display:flex;align-items:center;padding:20px;margin-top:16px;background:#2C2C2C;border-radius:8px;}*/
/*.service .carinfo .mycar:after{content:'';display:block;clear:both;}*/
/*.service .carinfo .mycar .photo{width:60px;height:60px;}*/
/*.service .carinfo .mycar .member_info{width:calc(100% - 80px);margin-left:20px;}*/
/*.service .carinfo .mycar .member_info .btn_mycar{font-size:22px;font-weight:500;color:#FFFFFF;line-height:25px;}*/
/*.service .carinfo .mycar .member_info .car_name{margin-top:3px;font-size:15px;color:#7C7C7C;line-height:20px;}*/
/*.service.end{padding-top:16px;}*/
/*.service.end .title_box .title{font-size:28px;color:#EFEFEF;line-height:34px;text-align:left;}*/
/*.service.end .title_box .text{margin-top:12px;font-size:15px;color:#A2A2A2;line-height:20px;}*/
/*.service .service_process{margin:24px 0;}*/
/*.service .service_process .list{position:relative;background:#2C2C2C;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.3);border-radius:16px 16px 16px 0px;}*/
/*.service .service_process .list + .list{margin-top:12px;}*/
/*.service .service_process .list.on{background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);}*/
/*.service .service_process .list .process_cont{padding:20px 20px 18px 20px;border:1px solid #2C2C2C;border-radius:16px 16px 16px 0px;}*/
/*.service .service_process .list.on .process_cont{background:linear-gradient(116.05deg, #2C6063 16.42%, #223A49 83.58%);background-clip:padding-box;border:1px solid transparent;}*/
/*.service .service_process .list .num{position:absolute;top:50%;left:-37px;width:27px;height:27px;margin-top:-14px;background-color:#1E1E1E;border:1.5px solid #494949;border-radius:50%;font-size:14px;font-weight:700;color:#494949;line-height:27px;text-align:center;}*/
/*.service .service_process .list .title{font-size:17px;font-weight:700;color:#FFFFFF;line-height:21px;}*/
/*.service .service_process .list .text{margin-top:4px;font-size:13px;color:#C8C8C8;line-height:18px;}*/

/* EV 챌린지 */
.challenge .header{background:linear-gradient(180deg, #108388 0%, #0F8186 100%);}
.challenge .contents{position:relative;padding-top:72px;background:linear-gradient(180deg, #108388 0%, #136275 100%);}
.challenge .contents:after{content:'';position:absolute;bottom:0;width:100%;height:80px;background:#223A40;}
.challenge .challenge_main{margin:0 20px;}
.challenge_main .total{font-size:14px;color:#EFEFEF;line-height:17px;}
.challenge_main .main_list{display:flex;margin-top:16px;}
.challenge_main .main_list:after{content:'';display:block;clear:both;}
.challenge_main .main_list .list{flex:1;padding:16px 15.5px 10px;background-color:rgba(0, 180, 203, 0.3);background-repeat:no-repeat;border-radius:16px;}
.challenge_main .main_list .list + .list{margin-left:14px;}
.challenge_main .main_list .list .title{font-size:13px;font-weight:700;color:#EFEFEF;line-height:16px;}
.challenge_main .main_list .represent{background-image:url('../images/challenge/bg_represent.png');background-position:center 19px;background-size:127px;}
.challenge_main .main_list .represent.on{background-image:url('../images/challenge/bg_represent_on.png');}
.challenge_main .main_list .represent a{display:block;}
.challenge_main .main_list .mileage{background-image:url('../images/challenge/bg_mileage.png');background-position:center 21px;background-size:121px;}
.challenge_main .main_list .represent .icon_box{margin-top:34px;margin-left:4px;}
.challenge_main .main_list .represent.on .icon_box{margin-top:20px;}
.challenge .icon_box{display:block;position:relative;height:67px;padding-left:2px;text-align:center;}
.challenge .icon_box img{position:absolute;top:50%;left:50%;width:44px;transform:translate(-50%, -50%);}
.challenge_main .main_list .mileage .icon_box{padding-top:35px;padding-left:2px;background:#442808 linear-gradient(#AC3F27, #442808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Squada One;font-size:28px;line-height:32px;text-align:center;}
.challenge_main .main_list .list .text{margin-top:3px;font-size:12px;color:#EFEFEF;line-height:18px;text-align:center;}
.challenge_main .main_list .list.on .text{font-size:13px;}
.challenge_main .main_list .list.represent.on .text{margin-top:21px;margin-left:6px;letter-spacing:-0.5px;word-break:break-all;}
.challenge_main .main_list .list .btn{display:block;padding:0 24px 0 10px;margin:38px auto 0;background-color:rgba(239, 239, 239, 0.3);background-image:url('../images/button/btn_white.png');background-size:auto 10px;background-repeat:no-repeat;background-position:right 12.5px center;border-radius:30px;font-size:12px;color:#EFEFEF;line-height:28px;}

.challenge .tabs{height:34px;margin-top:28px;background:none;border-radius:0;}
.challenge .tabs .tab{color:#EFEFEF;line-height:34px;opacity:0.7;}
.challenge .tabs .tab span{position:relative;}
.challenge .tabs .tab.on{background:none;border-radius:0;font-weight:600;opacity:1;}
.challenge .tabs .tab.on span{width:auto;background:none;border:none;line-height:34px;}
.challenge .tabs .tab.on span:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#00EDC4;}
.challenge .challenge_cont{padding-bottom:40px;background-color:#1A3A41;border-radius:20px 20px 0px 0px;}
.challenge .challenge_cont .tabpanel{margin-bottom:-37px;}
.challenge_cont .attend{position:relative;}
.challenge_cont .attend .title{padding-top:35px;font-size:18px;font-weight:700;color:#EFEFEF;line-height:22px;text-align:center;}
.challenge_cont .attend .attend_box{padding:31.5px 20px 20px;margin:23px 20px 20px;background:#134D57;border-radius:12px;}
.ico_represent{position:absolute;width:28px;height:28px;background:url('../images/challenge/represent.png');background-repeat:no-repeat;background-position:left top;background-size:100%;text-indent:100%;white-space:nowrap;overflow:hidden;}
.attend .ico_represent{top:32px;left:24px;}
.ico_represent.on{background-image:url('../images/challenge/represent_on.png');}
.challenge_cont .attend .attend_box{position:relative;}
.challenge_cont .attend .fc-scroller{position:relative !important;overflow:hidden !important;}
.challenge_cont .attend .fc-today-button{display:none;}
.challenge_cont .attend .fc-toolbar-title{font-size:17px;font-weight:400;color:#EFEFEF;line-height:24px;}
.challenge_cont .attend .fc .fc-toolbar{position:relative;justify-content:center;margin:0;}
.challenge_cont .attend .fc .fc-toolbar-chunk:last-child{position:absolute;top:0;left:0;width:100%;}
.challenge_cont .attend .fc .fc-button-group{position:absolute;width:100%;margin:0;}
.challenge_cont .attend .fc .fc-button-primary{position:absolute;top:0;padding:0;margin:0;background-repeat:no-repeat;background-size:24px;background-position:center center;background-color:transparent;border:none;}
.challenge_cont .attend .fc .fc-button-primary .fc-icon:before{content:'';}
.challenge_cont .attend .fc .fc-prev-button{left:0;background-image:url('../images/challenge/btn_prev_month_on.png');}
.challenge_cont .attend .fc .fc-next-button{right:0;background-image:url('../images/challenge/btn_next_month_on.png');}
.challenge_cont .attend .fc .fc-scrollgrid-section-header{display:none;}
.challenge_cont .attend .fc .fc-view-harness{height:inherit !important;margin-top:60px;}
.challenge_cont .attend .fc .fc-view-harness-active > .fc-view{position:relative;}
.challenge_cont .attend .fc .fc-daygrid-day-top{justify-content:center;}
.challenge_cont .attend .fc .fc-daygrid-day-frame{min-height:34px;}
.challenge_cont .attend .fc tr + tr .fc-daygrid-day-frame{margin-top:9px;}
.challenge_cont .attend .fc .fc-daygrid-day{position:relative;}
.challenge_cont .attend .fc .fc-daygrid-day.fc-day-today{background-color:transparent;}
.challenge_cont .attend .fc .fc-daygrid-day-number{width:34px;height:34px;padding:0;background:#02788B;border-radius:50%;font-size:12px;font-weight:700;color:#F3FDFF;line-height:34px;text-align:center;opacity:0.5;}
.challenge_cont .attend .fc .fc-daygrid-day-events{position:absolute;top:-2px;left:50%;width:42px;height:42px;margin-left:-19px;}
.challenge_cont .attend .fc .fc-daygrid-day-events .fc-daygrid-event{margin:0;}
.challenge_cont .attend .fc .fc-daygrid-day-events .on{width:42px;height:42px;background:url('../images/challenge/attend_on.png') no-repeat center center;background-size:42px;border:none;}
.challenge_cont .attend .notice{position:absolute;top:72px;left:20px;font-size:12px;color:#EFEFEF;line-height:16px;}
.challenge_cont .attend .this_month{display:flex;justify-content:center;margin-top:20px;background-color:rgba(17, 120, 130, 0.3);border-radius:44px;text-align:center;}
.challenge_cont .attend .this_month .title{padding:0;font-size:13px;font-weight:400;color:#EFEFEF;line-height:44px;}
.challenge_cont .attend .this_month .count{margin-left:21px;font-size:20px;color:#EFEFEF;line-height:44px;}
.challenge_cont .attend .this_month .count strong{color:#7CE3F3;}
.challenge_cont .attend .btn_represent{display:block;margin-top:20px;background:#134D57;}
.challenge_cont .attend .btn_represent.on{background:#023C45;}

.challenge_cont .stamp_list{/*display:flex;justify-content:center;flex-wrap:wrap;*/padding:32px 0 0;margin:0 16px;font-size:0;letter-spacing:-5px;}
.challenge_cont .stamp_list:after{content:'';clear:both;display:block;}
.challenge_cont .stamp_list .list{display:inline-block;width:33.33%;margin:0 0 37px;font-size:16px;letter-spacing:0;vertical-align:top;}
.challenge_cont .stamp_list .list .btn_icon{display:block;}
.challenge_cont .stamp_list .list .icon_box{width:86px;height:86px;margin:0 auto;background-image:url('../images/challenge/bg_stamp_on.png');background-repeat:no-repeat;background-position:top center;background-size:86px auto;}
.challenge_cont .stamp_list .list .icon_box img{opacity:0.7;}
.challenge_cont .stamp_list .list.on .icon_box img{opacity:1;}
.challenge_cont .stamp_list .list.on .icon_box{background-image:url('../images/challenge/bg_stamp.png');}
.challenge_cont .stamp_list .list.represent .icon_box{background-image:url('../images/challenge/bg_stamp_represent.png');}
.challenge_cont .stamp_list .list .bar{position:relative;width:60px;height:5px;margin:8px auto 0;background:#EFEFEF;border-radius:5px;opacity:0.5;}
.challenge_cont .stamp_list .list .bar span{position:absolute;top:0;left:0;height:5px;background:#00B4CB;border-radius:5px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.challenge_cont .stamp_list .list .title{margin-top:8px;font-size:12px;color:#EFEFEF;line-height:18px;text-align:center;word-break:break-all;}

.challenge .my_mileage{margin-top:10px;}
.challenge .my_mileage .mileage{background-image:url('../images/challenge/bg_mileage.png');background-repeat:no-repeat;background-position:center 14px;background-size:121px;}
.challenge .my_mileage .mileage .icon_box{padding-top:43px;height:118px;margin-top:-3px;padding-left:2px;background:linear-gradient(#AC3F27, #442808 );-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Squada One;font-size:28px;line-height:32px;text-align:center;}
.challenge .my_mileage .mileage .title{font-size:20px;font-weight:600;color:#EFEFEF;text-align:center;}

.challenge .daily_list{padding:37px 20px 0;}
.challenge .daily_list .list + .list{margin-top:20px;}
.challenge .daily_list .list .date{font-size:13px;color:#EFEFEF;line-height:18px;opacity:0.7;}
.challenge .daily_list .list .detail{position:relative;padding:12px 20px;margin-top:6px;background:#134D57;border-radius:12px;}
.challenge .daily_list .list .detail + .detail{margin-top:12px;}
.challenge .daily_list .list .detail .tag{display:inline-block;padding:4px 8px 3px;background:rgba(0, 237, 196, 0.1);border:1px solid rgba(0, 237, 196, 0.5);border-radius:3px;font-size:11px;color:#FFFFFF;line-height:13px;}
.challenge .daily_list .list .detail .title{width:calc(100% - 60px);margin-top:9px;font-size:17px;font-weight:700;color:#EFEFEF;line-height:20px;word-break:break-all;}
.challenge .daily_list .list .detail .text{width:calc(100% - 60px);margin-top:5px;font-size:13px;color:#B5F5FF;line-height:18px;word-break:break-all;}
.challenge .daily_list .list .detail .mileage{position:absolute;top:50%;right:20px;margin-top:-12px;font-size:24px;font-weight:700;color:#B5F5FF;line-height:28px;}

.popup_challenge{display:block;top:-1000%;}
.popup_challenge .popup_box{position:relative;padding-top:32px;background:#005F6E;}
.popup_challenge .title{font-size:20px;font-weight:700;color:#EFEFEF;line-height:22px;text-align:center;}
.popup_challenge .sub_title{margin-top:4px;font-size:13px;color:#EFEFEF;line-height:18px;text-align:center;}
.popup_challenge .btn_pop_close{display:inline-block;position:absolute;top:30px;right:20px;width:24px;height:24px;background:url('../images/button/btn_pop_close.png') no-repeat center center;background-size:15px 15px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.popup_challenge .challenge_btn_pop_close{display:inline-block;position:absolute;top:30px;right:20px;width:24px;height:24px;background:url('../images/button/btn_pop_close.png') no-repeat center center;background-size:15px 15px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.popup_challenge .ico_represent{top:28px;left:20px;}
.popup_challenge .cont{padding:0 0 28px;margin:22px auto 0;background-color:rgba(5, 144, 166, 0.5);border-radius:12px;text-align:center;}
.popup_challenge .popup_single .cont .icon_box{height:165px;padding-top:6px;margin:0 auto;background-image:url('../images/challenge/bg_stamp_big.png');background-repeat:no-repeat;background-position:center 16px;background-size:144px;}
.popup_challenge .popup_single .cont .icon_box.on{background-image:url('../images/challenge/bg_stamp_big_on.png');}
.popup_challenge .popup_single .cont .icon_box img{width:60px;margin-top:4px;opacity:0.7;}
.popup_challenge .popup_single .cont .icon_box.on img{opacity:1;}
.popup_challenge .popup_single .cont .date{margin-top:-5px;font-size:12px;font-weight:600;color:#B5F5FF;line-height:18px;opacity:0.7;}
.popup_challenge .popup_single .cont .on .date{opacity:1;}
.popup_challenge .text{margin-top:20px;font-size:13px;color:#EFEFEF;line-height:18px;text-align:center;}
.popup_challenge .popup_single .cont .text{margin-top:16px;}
.popup_challenge .popup_plural .cont{padding:12px 20px 28px;}
.popup_challenge .popup_plural .challenge_list{display:flex;flex-wrap:wrap;justify-content:center;}
.popup_challenge .popup_plural .challenge_list:after{content:'';clear:both;display:block;}
.popup_challenge .popup_plural .cont .list{margin-top:16px;}
.popup_challenge .popup_plural .cont .icon_box{width:76px;height:76px;margin:0 auto 2px;background-image:url('../images/challenge/bg_stamp_pop_off.png');background-repeat:no-repeat;background-position:center top;background-size:76px;}
.popup_challenge .popup_plural .cont .on .icon_box{background-image:url('../images/challenge/bg_stamp_pop.png');}
.popup_challenge .popup_plural .cont .now .icon_box{background-image:url('../images/challenge/bg_stamp_pop_on.png');}
.popup_challenge .popup_plural .cont .icon_box img{width:36px;opacity:0.7;}
.popup_challenge .popup_plural .cont .on .icon_box img, .popup_challenge .popup_plural .cont .now .icon_box img{opacity:1;}
.popup_challenge .popup_plural .cont .date{font-size:11px;font-weight:600;color:#EFEFEF;line-height:18px;opacity:0.7;}
.popup_challenge .popup_plural .cont .on .date, .popup_challenge .popup_plural .cont .now .date{opacity:1;}
.popup_challenge .btn_box{margin-top:20px;}
.popup_challenge .btn_box .btn_blue span{padding:0 28.5px;background:url('../images/button/btn_share_white.png') no-repeat right center;background-size:24px;}
.popup_challenge .btn_box .btn_black{margin-top:10px;background-color:#005F6E;}
.popup_challenge .btn_box .btn_black.on{background-color:#004B57;}
.popup_challenge .btn_box .btn_black.disabled{opacity:0.5;cursor:default;}

.challenge_share{position:relative;width:100vw;height:100vh;background:#1E1E1E;}
.challenge_share .share_box{position:absolute;top:50%;left:50%;width:90%;max-width:335px;padding:36px 20px 28px;background:#005F6E;border-radius:16px;box-shadow:0px 4px 10px rgb(0 0 0 / 30%);transform:translate(-50%, -50%);}
.challenge_share .title{font-size:20px;font-weight:700;color:#EFEFEF;line-height:22px;text-align:center;}
.challenge_share .sub_title{margin-top:2px;font-size:13px;color:#EFEFEF;line-height:18px;text-align:center;}
.challenge_share .share_box .cont .icon_box{height:165px;padding-top:8px;margin:12px auto 0;background-image:url('../images/challenge/bg_stamp_big_on.png');background-repeat:no-repeat;background-position:center 16px;background-size:144px;}
.challenge_share .share_box .cont .icon_box img{width:60px;opacity:0.7;}
.challenge_share .share_box .cont .icon_box.on img{opacity:1;}
.challenge_share .share_box .cont .date{margin-top:-5px;font-size:12px;font-weight:600;color:#B5F5FF;line-height:18px;text-align:center;}
.challenge_share .share_box .cont .text{margin-top:16px;font-size:13px;color:#EFEFEF;line-height:18px;text-align:center;}
.challenge_share .btn_box{margin-top:40px;}
.challenge_share .btn_box .btn_blue{background:#0590A6;line-height:60px;}
.challenge_share .btn_box .btn_blue img{height:22px;padding-right:30px;margin-left:32px;background:url('../images/button/btn_white.png') no-repeat right center;background-size:9px auto;}

/* EV Life */
.life{padding:20px;}
.life .search_box.input_box .btn_delete{right:12px;}
.life .category{margin-top:24px;}
.life .title{font-size:18px;font-weight:500;color:#EFEFEF;line-height:25px;}
.life .category .cate_list{margin:11px -4px 0;}
.life .category .cate_list:after{content:'';clear:both;display:block;}
.life .category .cate_list .list{float:left;margin:10px 4px 0;text-align:center;}
.life .category .cate_list .list .btn_cate{display:block;padding:8px 15px;background-color:#2C2C2C;border:1px solid #393939;border-radius:32px;font-size:13px;color:#EFEFEF;line-height:16px;}
.life .category .cate_list .list.on .btn_cate{background-color:#00B4CB;border-color:#00B4CB;font-weight:700;}
.life .life_box{margin-top:24px;}
.life .life_list_box{margin-top:21px;}
.life .life_box .nothing{margin-top:20px;}
.life .life_box .nothing strong{font-weight:400;color:#50CCE0;}
.life .life_list{display:flex;position:relative;}
.life .life_list + .life_list{margin-top:24px;}
.life .life_list:after{content:'';clear:both;display:block;}
.life .thumbnail{display:flex;justify-content:center;align-items:center;background-color:#2C2C2C;overflow:hidden;}
.life .life_list .thumbnail{position:relative;float:left;width:160px;height:90px;}
.life .life_list .thumbnail img{width:auto;height:90px;}
.life .life_list .cont{/*display:flex;flex-direction:column;justify-content:space-between;*/ float:left;width:calc(100% - 172px);min-height:94px;margin-left:12px;}
.life .life_list .cont .text{display:-webkit-box;font-size:14px;color:#EFEFEF;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.life .btn_like{display:inline-block;padding-right:26px;background-image:url('../images/button/btn_like.png');background-repeat:no-repeat;background-size:24px auto;background-position:right top;font-size:15px;color:#EFEFEF;line-height:24px;}
.life .life_list .thumbnail .btn_like{position:absolute;bottom:4px;right:4px;width:24px;height:24px;}
.life .life_list .thumbnail .btn_like span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.life .btn_like.on{background-image:url('../images/button/btn_like_on.png');}
.life .life_list .cont .tag{margin-top:8px;}
.life .tag:after{content:'';display:block;clear:both;}
.life .tag .list{display:inline-block;margin-right:5px;font-size:12px;color:#7CE3F3;line-height:16px;}
.life.life_desc{padding:0 0 20px;}
.life.life_desc .title_box{position:relative;}
.life.life_desc .title_box .thumbnail img{width:auto;height:211px;}
.life.life_desc .title_box .tag{padding-top:16px;margin:0 2px;}
.life.life_desc .tag{margin-top:20px;}
.life.life_desc .tag .list{font-size:13px;color:#7CE3F3;}
.life.life_desc .cont{margin:0 20px;}
.life.life_desc .cont .text{margin:8px 0 0;font-size:22px;color:#EFEFEF;line-height:32px;}
.life_desc .btn_like{position:absolute;top:286px;right:21px;}
.life_desc .life_cont{padding:14px 20px;margin:9px 0 26px;background:#2C2C2C;font-size:15px;color:#EFEFEF;line-height:23px;}
.life_desc .btn_box{margin:0 20px;}

/* 마이페이지 */
.mypage_wrap .header{background:none;}
.mypage_wrap .bg{position:absolute;width:100%;height:214px;background:url('../images/temp/car2.png') no-repeat center top;background-size:120%;filter:blur(50px);-webkit-filter:blur(50px);opacity:0.8;z-index:1;}
.header.black{background-color:#EFEFEF;}
.header.black h1{color:#2C2C2C;}
.header.black .btn_menu span, .header.black .btn_menu span:before, .header.black .btn_menu span:after{background:#2C2C2C;}
.header.black .btn_back a{background-image:url('../images/common/btn_prev_black.png');}
.header.black .btn_home a{background-image:url('../images/common/btn_home_black.png');}

.mypage{margin:0 20px;}
.mypage.mypage_main{margin:0;}
.mypage .my_box{position:relative;width:calc(100% - 52px);padding:16px 14px;margin:20px 26px 0;background:rgba(8, 8, 8, 0.3);border-radius:12px;z-index:2;}
.mypage .my_box .btn_change{float:right;padding:0 10px;background:rgba(21, 21, 21, 0.3);border-radius:14px;font-size:12px;color:#EFEFEF;line-height:28px;}
.mypage .my_box .photo{clear:both;width:100px;height:100px;margin:8px auto 0;border-color:#F3FDFF;box-shadow:0px 8px 16px rgba(0, 0, 0, 0.4);background-size:80px;}
.mypage .my_box .mycar{margin-top:12px;font-size:20px;font-weight:700;color:#EFEFEF;line-height:20px;text-align:center;}
.mypage .my_box .car_name{margin-top:4px;font-size:12px;color:#C8C8C8;line-height:16px;text-align:center;}
.mypage .my_box .my_list1{margin:20px 20px 0;}
.mypage .my_list .list .btn{display:block;padding-left:54px;background-repeat:no-repeat;background-size:28px;background-position:7px center;font-size:15px;color:#C8C8C8;line-height:42px;}
.mypage .my_list .list .btn.btn_service{background-image:url('../images/icon/btn_service.png');}
.mypage .my_list .list .btn.btn_report{background-image:url('../images/icon/btn_report.png');}
.mypage .my_list .list .btn.btn_ranking{background-image:url('../images/icon/btn_ranking.png');}
.mypage .my_list .list .btn.btn_payment{background-image:url('../images/icon/btn_payment.png');}
.mypage .my_list .list .btn.btn_info{background-image:url('../images/icon/btn_info.png');}
.mypage .my_list .list .btn.btn_info_car{background-image:url('../images/icon/btn_info_car.png');}
.mypage .my_list .list .btn.btn_device{background-image:url('../images/icon/btn_device.png');}
.mypage .my_list2{margin:20px 60px;}
.mypage .my_list2 .list + .list{padding-top:4px;margin-top:4px;border-top:1px solid #494949;}

.mypage .myservice{padding:20px 20px 0;margin:0 -20px;background:linear-gradient(96.76deg, #00C1AA 0%, #0B7D96 100%);}
.mypage .myservice .title_box:after{content:'';clear:both;display:block;}
.mypage .myservice .title_box .photo{float:left;width:32px;height:32px;border-color:#F3FDFF;background-size:30px;}
.mypage .myservice .title_box .title{float:left;width:calc(100% - 40px);padding:3px 0;margin-left:8px;font-size:18px;color:#F3FDFF;line-height:26px;}
.mypage .myservice .title_box .title strong{word-break:break-all;}
.mypage .myservice .service_list_box{display:flex;margin-top:12px;}
.mypage .myservice .service_list_box .service_box{width:50%;padding:14px 14px 12px;background:rgba(181, 245, 255, 0.3);border:1px solid #7CE3F3;border-radius:12px;}
.mypage .myservice .service_list_box .service_box + .service_box{margin-left:14px;}
.mypage .myservice .service_box .title{font-size:13px;font-weight:600;color:#FFFFFF;line-height:18px;}
.mypage .myservice .service_box .service_list{display:flex;justify-content:center;margin-top:4px;}
.mypage .myservice .service_box .service_list .list{width:60px;padding-top:60px;background-repeat:no-repeat;background-size:60px;background-position:center top;font-size:11px;color:#FFFFFF;line-height:13px;text-align:center;}
.mypage .myservice .service_box .service_list .list.driving{background-image:url('../images/icon/myservice01.png');}
.mypage .myservice .service_box .service_list .list.battery{background-image:url('../images/icon/myservice02.png');}
.mypage .myservice .service_box .service_list .list.certificate{background-image:url('../images/icon/myservice03.png');}
.mypage .myservice .service_box.on .service_list .list.driving{background-image:url('../images/icon/myservice01_on.png');}
.mypage .myservice .service_box.on .service_list .list.battery{background-image:url('../images/icon/myservice02_on.png');}
.mypage .myservice .service_box.on .service_list .list.certificate{background-image:url('../images/icon/myservice03_on.png');}
.mypage .myservice .notice{padding:11px 20px;margin:28px -20px 0;background:rgba(21, 21, 21, 0.2);font-size:12px;color:#EFEFEF;line-height:16px;}
.mypage .detail_service{margin:28px 0 0;}
.mypage .detail_service .title_box{position:relative;}
.mypage .detail_service .title_box .title{font-size:17px;font-weight:700;color:#EFEFEF;line-height:21px;}
.mypage .detail_service .title_box .text{margin-top:8px;font-size:13px;color:#C8C8C8;line-height:18px;}
.mypage .detail_service .title_box .text strong{color:#7CE3F3;}
.mypage .title_box .btn_more{position:absolute;top:0;right:0;display:block;width:24px;height:22px;background:url('../images/button/btn_more.png') no-repeat center center;background-size:2px auto;}
.mypage .title_box .btn_more span{display:block;white-space:nowrap;text-indent:100%;overflow:hidden;}
.mypage .btn_cancel{display:none;position:absolute;top:24px;right:0;padding:8px 15px;background:#2C2C2C;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);border-radius:3px;font-size:12px;color:#EFEFEF;line-height:16px;}
.mypage .detail_list_box{margin-top:16px;}
.mypage .detail_list_box .detail_list{background:rgba(44, 44, 44, 0.7);border-radius:12px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.2);overflow:hidden;}
.mypage .detail_list_box .detail_list + .detail_list{margin-top:18px;}
.mypage .detail_list .tit_box{padding:8px 12px 8px 16px;background:#393939;}
.mypage .detail_list .tit_box:after{content:'';clear:both;display:block;}
.mypage .detail_list .tit_box .title span{float:left;background-repeat:no-repeat;background-position:right center;background-size:auto 28px;font-size:14px;color:#EFEFEF;font-weight:600;line-height:28px;}
.mypage .detail_list1 .tit_box .title span{padding-right:56px;background-image:url('../images/icon/myservice01_mini.png');}
.mypage .detail_list2 .tit_box .title span{padding-right:32px;background-image:url('../images/icon/myservice02_mini.png');}
.mypage .detail_list .tit_box .use{float:right;padding:0 8px;margin-top:2px;background:rgba(92, 92, 92, 0.3);border:1px solid #7C7C7C;border-radius:22px;font-size:11px;color:#C8C8C8;line-height:22px;}
.mypage .detail_list1 .tit_box.on .title span{background-image:url('../images/icon/myservice01_mini_on.png');}
.mypage .detail_list2 .tit_box.on .title span{background-image:url('../images/icon/myservice02_mini_on.png');}
.mypage .detail_list .tit_box.on .use{background:rgba(0, 237, 196, 0.3);border:1px solid #00EDC4;}
.mypage .detail_list .tit_box.end .use{background:rgba(255, 192, 69, 0.2);border:1px solid #FFC045;}
.mypage .detail_list .tit_box.fail .use{background:rgba(255, 34, 34, 0.2);border:1px solid #FFA1A1;}
.mypage .detail_list .text{margin:15px 16px -4px;font-size:11px;color:#A2A2A2;line-height:16px;}
.mypage .detail_list .text em{color:#72CBDA;}
.mypage .detail_list .btn_payment{width:100%;padding:10px 0;margin-top:-5px;border-top:1px solid #393939;font-size:12px;font-weight:500;color:#7C7C7C;line-height:16px;}
.mypage .detail_list .btn_payment span{padding-right:14px;background:url('../images/icon/my_progress.png') no-repeat right center;background-size:auto 10px;}
.mypage .my_progress{display:flex;justify-content:center;padding:16px 14px;}
.mypage .my_progress .list{position:relative;min-width:68px;padding-top:38px;margin:0 5px;background-repeat:no-repeat;background-size:32px;background-position:center top;font-size:11px;color:#A2A2A2;line-height:13px;text-align:center;}
.mypage .my_progress .list.on{color:#B5F5FF;}
.mypage .my_progress .list + .list:before{content:'';position:absolute;top:13px;left:-8px;width:5.5px;height:10px;background:url('../images/icon/my_progress.png') no-repeat left center;background-size:auto 10px;}
.mypage .my_progress .list.list1{background-image:url('../images/icon/my_progress01.png');}
.mypage .my_progress .list.list2{background-image:url('../images/icon/my_progress02.png');}
.mypage .my_progress .list.list3{background-image:url('../images/icon/my_progress03.png');}
.mypage .my_progress .list.list4{background-image:url('../images/icon/my_progress04.png');}
.mypage .my_progress .list.list1.on{background-image:url('../images/icon/my_progress01_on.png');}
.mypage .my_progress .list.list2.on{background-image:url('../images/icon/my_progress02_on.png');}
.mypage .my_progress .list.list3.on{background-image:url('../images/icon/my_progress03_on.png');}
.mypage .my_progress .list.list4.on{background-image:url('../images/icon/my_progress04_on.png');}
.popup_box .pop_mypage .title{font-size:15px;color:#EFEFEF;line-height:20px;text-align:center;}
.popup_box .pop_mypage .btn_box{margin-top:16px;}
.popup_box .pop_mypage .btn_box .button + .button{margin-top:4px;}

.mypage .cancel_box + .cancel_box{margin-top:36px;}
.mypage .cancel_box .title_box{margin-bottom:16px;}
.mypage .cancel_box .title_box .title{font-size:22px;font-weight:500;color:#EFEFEF;line-height:28px;}
.mypage .cancel_box .title_box .text{margin-top:4px;font-size:13px;color:#A2A2A2;line-height:18px;}
.mypage .cancel_box .title_box .text strong{font-weight:400;color:#FF5353;}
.mypage .cancel_box .title_box .text em{color:#7CE3F3;}
.mypage .cancel_list .list{padding:25px 0 21px 104px;background-color:#2C2C2C;background-repeat:no-repeat;background-size:auto 60px;border:1px solid #393939;border-radius:8px;}
.mypage .cancel_list .list + .list{margin-top:8px;}
.mypage .cancel_list .list.diagnosis{background-image:url('../images/icon/myservice_cancel01.png');background-position:9px center;}
.mypage .cancel_list .list.certificate{background-image:url('../images/icon/myservice_cancel02.png');background-position:20px center;}
.mypage .cancel_list .list .title{font-size:17px;font-weight:600;color:#EFEFEF;line-height:22px;}
.mypage .cancel_list .list .date{margin-top:4px;font-size:13px;color:#A2A2A2;line-height:18px;}
.mypage .cancel_box .cancel_info{padding:15px 20px;background:#2C2C2C;border-radius:3px;font-size:12px;color:#C8C8C8;line-height:16px;word-break:break-all;overflow-y:auto;}
.mypage .cancel_box .cancel_info .list{position:relative;padding-left:18px;}
.mypage .cancel_box .cancel_info .list:before{content:'';position:absolute;top:8px;left:8px;width:2px;height:2px;margin:-1px 0 0 -1px;background:#A2A2A2;border-radius:50%;}
.mypage .input_box{margin-top:16px;}
.mypage .input_box strong{font-weight:400;color:#50CCE0;}
.mypage .btn_box{margin-top:36px;}
.mypage .return_list{padding:15px 20px;background:#2C2C2C;border:1px solid #393939;border-radius:8px;}
.mypage .return_list dl:after{content:'';clear:both;display:block;}
.mypage .return_list dl dt{float:left;width:94px;padding:6px 0;font-size:15px;color:#A2A2A2;line-height:18px;}
.mypage .return_list dl dd{float:left;width:calc(100% - 94px);padding:6px 0;font-size:15px;color:#EFEFEF;line-height:18px;word-break:break-all;}
.mypage .return_list .necessary dl dd{font-weight:700;color:#7CE3F3;}
.mypage .return_list .car dl dd{font-weight:700;}
.mypage .method{padding:16px 20px;border:1px solid #393939;border-radius:8px;}
.mypage .method:after{content:'';display:block;clear:both;}
.mypage .method dt{float:left;width:94px;font-size:15px;color:#A2A2A2;line-height:20px;}
.mypage .method dd{float:left;width:calc(100% - 94px);font-size:15px;color:#EFEFEF;line-height:20px;}
.mypage .input_add .input_button:after{content:'';clear:both;display:block;}
.mypage .input_add .input_button .input_txt{float:left;width:calc(100% - 110px);}
.mypage .input_add .input_button .btn_box{float:right;width:98px;margin-top:0;}
.mypage .input_add .input_button .btn_box .button{font-size:14px;}
.mypage .refund_list{padding:16px 20px 6px;border:1px solid #494949;border-radius:8px;}
.mypage .refund_list dl:after{content:'';clear:both;display:block;}
.mypage .refund_list dl dt{float:left;font-size:15px;color:#A2A2A2;line-height:30px;}
.mypage .refund_list dl dd{float:right;font-size:15px;color:#EFEFEF;line-height:30px;}
.mypage .refund_list .sum{margin-top:11px;padding-top:5px;border-top:1px solid #494949;}
.mypage .refund_list .sum dl dt{color:#EFEFEF;}
.mypage .refund_list .sum dl dd{font-weight:700;color:#7CE3F3;}
.mypage.refund .title_box .text{color:#EFEFEF;}
.mypage.refund .title_box .text em{color:#B5F5FF;}
.mypage.refund .title_box .notice{margin-top:8px;font-size:12px;color:#A2A2A2;line-height:16px;}
.mypage.refund .input_refund .select_box{margin-top:16px;}
.mypage .refund_box .input_cont + .input_cont{margin-top:28px;}
.mypage .refund_box .input_box{margin-top:0;}

.report{padding-top:20px;}
.report .month_box{padding:21px 16px 19px;margin-top:44px;background:linear-gradient(96.76deg, #00C1AA 0%, #0B7D96 100%);border-radius:12px;}
.report .month_box:after{content:'';display:block;clear:both;}
.report .month_box .month_title{float:left;display:flex;flex-wrap:nowrap;width:92px;}
.report .month_box .month{width:50px;font-size:22px;font-weight:700;color:#EFEFEF;line-height:40px;text-align:center;}
.report .month_box .btn_month{display:inline-block;width:20px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:6px;text-indent:100%;white-space:nowrap;overflow:hidden;opacity:0.4;}
.report .month_box .btn_month.on{opacity:1;}
.report .month_box .btn_prev{background-image:url('../images/icon/icon_month_prev.png');}
.report .month_box .btn_next{background-image:url('../images/icon/icon_month_next.png');}
.report .month_box .month_cont{float:left;display:flex;align-items:center;flex-wrap:wrap;width:calc(100% - 104px);min-height:72px;margin-left:12px;}
.report .month_box .month_cont .text{font-size:13px;color:#EFEFEF;line-height:18px;letter-spacing:-1px;word-break:break-all;}
.report .month_box .month_cont dl{flex:1;text-align:center;}
.report .month_box .month_cont dt{font-size:12px;color:#EFEFEF;line-height:16px;}
.report .month_box .month_cont dd{margin-top:4px;font-size:12px;font-weight:700;color:#EFEFEF;line-height:20px;}
.report .month_box .month_cont dd strong{font-size:15px;}
.report .report_box{margin:44px -20px 0;padding:0 20px;border-bottom:10px solid #282828;}
.report .report_box .title_box:after{content:'';clear:both;display:block;}
.report .report_box .title_box .title{float:left;font-weight:600;color:#EFEFEF;line-height:21px;}
.report .report_box .title_box .text{float:right;font-size:13px;color:#A2A2A2;line-height:21px;}
.report .report_box .report_title{position:relative;display:flex;padding:25px 18px 23px 22px;margin-top:19px;background-color:rgba(57, 57, 57, 0.5);border-radius:12px;}
.report .report_box .total_cont{width:calc(100% - 102px);}
.report .report_box .total_cont .title{font-size:15px;color:#EFEFEF;line-height:18px;}
.report .report_box .total_cont .title strong{margin-left:4px;}
.report .report_box .total_cont .speed{padding-left:26px;background-repeat:no-repeat;background-position:left center;background-size:18px auto;font-size:13px;color:#EFEFEF;line-height:18px;}
.report .report_box .total_cont .speed .text{margin-left:6px;font-size:12px;color:#C8C8C8;line-height:18px;}
.report .report_box .total_cont .fast{margin-top:15px;background-image:url('../images/icon/icon_fast.png');}
.report .report_box .total_cont .fast strong{color:#FF8787;}
.report .report_box .total_cont .slow{margin-top:3px;background-image:url('../images/icon/icon_slow.png');}
.report .report_box .total_cont .slow strong{color:#50DBCA;}
.report .change{display:inline-block;width:6px;height:6px;background-repeat:no-repeat;background-position:center top;background-size:6px auto;text-indent:100%;vertical-align:middle;white-space:nowrap;overflow:hidden;}
.report .change.up{background-image:url('../images/icon/icon_up.png');}
.report .change.down{background-image:url('../images/icon/icon_down.png');}

.report .chart_box{margin:27px 0 49px;}
.report .report_box .chart_donut{position:absolute !important;top:2px;right:8px;}
.report .report_box .report_title .bg{position:absolute;top:50%;left:50%;width:35px;height:35px;margin-top:8px;border-radius:50%;background-color:#393939;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3);transform:translate(-50%, -50%);}
.report .report_box .report_title .bg:before{content:'';position:absolute;top:50%;left:50%;width:70px;height:70px;border-radius:50%;border:2px solid #393939;transform:translate(-50%, -50%);}
.c3-event-rect{height:80px;}
.c3-chart-arcs{transform:translate(50%, 40%);}
.report .c3-chart-arcs-title{fill:#FF8787;font-size:12px;font-weight:700;}
.report .c3-chart-arc.c3-target-data1 text{display:none;}
.report .c3-chart-arc.c3-target-data1 path{stroke:#FF8787;stroke-width:1;}
.report .c3-chart-arc.c3-target-data2 text{display:none;}
.report .c3-chart-arc.c3-target-data2 path{stroke:#50DBCA;stroke-width:1;}
.report .axis_y{margin:5px 5px 8px;font-size:11px;color:#7C7C7C;}
.report .c3-axis-y-label, .report .tick{stroke:#7C7C7C;}
.report .bb-axis-y .tick:nth-child(2){display:none;}
.report .c3-axis-x path, .report .bb-grid line, .report .bb path{stroke:#303030;stroke-dasharray:0;}
.report .bb-chart-line .bb-circle{fill:#121212 !important;}
.report .bb-chart-line .bb-line{stroke-width:2px;}
.report .bb-chart-texts .bb-text{display:none;}
.report .bb-axis-y .domain{display:none;}
.report #chartLine .bb-chart-texts .bb-target-data1 .bb-text:last-child{display:block;font-size:12px;font-weight:600;line-height:16px;}
.report #chartLine .bb-chart-texts .bb-target-data2 .bb-text:last-child{display:block;font-size:12px;font-weight:600;line-height:16px;}
.report #chartBar .bb-chart-texts .bb-target-data1 .bb-text:last-child{display:block;font-size:15px;line-height:16px;}
.report #chartBar .bb-chart-texts .bb-target-data2 .bb-text:first-child{display:block;font-size:12px;fill:#EFEFEF !important;line-height:16px;}
.report #chartBar .bb-chart-line .bb-line{stroke-width:1px;stroke-dasharray:5;}
.report #chartBar .bb-bar:last-child{fill:#00B4CB !important;}
.report #chartArea .bb-circle{display:none;}
.report #chartArea .bb-circles-data1 .bb-circle:last-child{display:block;}
.report #chartArea .bb-shapes-data1 .bb-line{stroke-width:3px;}
.report #chartArea .bb-texts-data1 .bb-text:last-child{display:block;font-size:15px;font-weight:700;}
.report .report_box .average{margin-top:8px;text-align:right;}
.report .report_box .average span{display:inline-block;padding:0 10px;border:1px solid #7C7C7C;border-radius:15px;font-size:11px;color:#7C7C7C;line-height:23px;}
/*.report #chartSpline .bb-line-data1{stroke-width:1px;}*/
/*.report #chartSpline .bb-line-data2{opacity:0.3;}*/
/*.report #chartSpline .bb-chart-line .bb-circle{fill:#7CE3F3 !important;}*/
/*.report #chartSpline .bb-target-data2 .bb-circle{display:none;stroke-width:2px;}*/
.report #chartSpline .bb-chart-texts .bb-target-data1 .bb-text:last-child{display:block;font-size:15px;line-height:16px;}
.report #chartSpline .bb-chart-texts .bb-target-data2 .bb-text:first-child{display:block;font-size:12px;fill:#EFEFEF !important;line-height:16px;}
.report #chartSpline .bb-chart-line .bb-line{stroke-width:1px;stroke-dasharray:5;}
.report #chartSpline .bb-bar:last-child{fill:#00B4CB !important;}

.report .report_saved .report_title{display:block;}
.report .report_saved .report_title .title{margin-bottom:13px;font-size:15px;color:#EFEFEF;line-height:18px;}
.report .report_saved .report_title strong{margin-left:8px;}
.report .report_saved .report_title .saving{padding-left:25px;background-repeat:no-repeat;background-size:18px;background-position:left center;font-size:13px;color:#A2A2A2;line-height:18px;}
.report .report_saved .report_title .saving + .saving{margin-top:6px;}
.report .report_saved .report_title .saving.this_saving{background-image:url('../images/icon/icon_avg_this.png');}
.report .report_saved .report_title .saving.last_saving{background-image:url('../images/icon/icon_avg_past.png');}
.report .report_saved .all_saving{padding-top:12px;margin-top:13px;border-top:1px solid #494949;}
.report .report_saved .all_saving .saving{padding-left:0;}
.report .report_saved .all_saving .date{font-size:12px;color:#A2A2A2;line-height:16px;}
.report .report_saved .legend{margin-bottom:7px;}
.report .report_saved .legend:after{content:'';display:block;clear:both;}
.report .report_saved .legend .list{position:relative;float:right;padding-left:17px;font-size:12px;color:#A2A2A2;line-height:16px;}
.report .report_saved .legend .list + .list{margin-right:16px;}
.report .report_saved .legend .list:before{content:'';position:absolute;top:5px;left:0;width:10px;height:3px;background:#50CCE0;}
.report .report_saved .legend .list.past:before{background:#A2A2A2;}

.report .calendar_box .month, .report .calendar_box .btn_month{background:none;color:transparent;}
.report .calendar{position:relative;margin-top:25px;}
.report .calendar .fc-toolbar.fc-header-toolbar{margin-bottom:0;}
.report .calendar .fc-today-button{display:none;}
.report .calendar .fc-toolbar-title{position:absolute;top:-94px;left:36px;width:50px;font-size:22px;font-weight:700;color:#EFEFEF;text-align:center;}
.report .calendar .fc-button-group{position:absolute;top:-102px;left:14px;margin:0 !important;}
.report .calendar .fc-button-group button{position:absolute;top:0;left:0;width:20px;height:40px;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:6px;border:none;}
.report .calendar .fc-button-group .fc-prev-button:active, .report .calendar .fc-button-group .fc-prev-button:focus, .report .calendar .fc-button-group .fc-prev-button:hover{background-color:transparent !important;}
.report .calendar .fc-button-group .fc-prev-button{background-image:url(../images/icon/icon_month_prev.png);}
.report .calendar .fc-button-group .fc-next-button{left:70px !important;background-image:url(../images/icon/icon_month_next.png);}
.report .calendar .fc-button-group .fc-icon:before{content:'';}
.report .calendar .fc-view-harness{height:inherit !important;}
.report .calendar .fc-view-harness-active > .fc-view{position:relative;}
.report .calendar table{width:100% !important;border-collapse:collapse;border-bottom:1px solid #2C2C2C;}
.report table .fc-scroller{position:relative !important;overflow:hidden !important;}
.report table th{padding:8px 0 16px;border-bottom:1px solid #2C2C2C;font-size:12px;color:#C8C8C8;line-height:16px;}
.report table .fc-daygrid-body{width:100% !important;}
.report table td{border-bottom:1px solid #2C2C2C;text-align:center;}
.report table td .fc-daygrid-day-frame{position:relative;min-height:62px;}
.report table .fc-daygrid-day.fc-day-today{background:none;}
.report table .fc-daygrid-day-top{flex-direction:column;}
.report table .fc-daygrid-day-number{padding-top:6px;font-size:11px;color:#7C7C7C;line-height:16px;}
.report table .fc-day-today .fc-daygrid-day-number{width:20px;height:20px;padding-top:0;margin:3px auto 0;background-color:#0590A6;border-radius:50%;font-size:11px;font-weight:700;color:#FFFFFF;line-height:20px;}
.report table .fc-h-event{background:none;border:none;}
.report table .fc-event-title{padding:0;margin-top:6px;font-size:10px;font-weight:600;color:#F3FDFF;line-height:13px;}
.report table .fc-daygrid-event{padding-bottom:10px;background-repeat:no-repeat;background-size:7px auto;background-position:center bottom;}
.report table .fc-daygrid-event.fast{background-image:url('../images/icon/ico_fast.png');}
.report table .fc-daygrid-event.slow{background-image:url('../images/icon/ico_slow.png');}
.report table .fc-daygrid-event.both{background-image:url('../images/icon/ico_both.png');background-size:15px auto;}

.report .report_cont.date_report{margin-top:20px;}
.report .report_cont .date{font-size:13px;color:#7C7C7C;line-height:18px;}
.report .report_cont.date_report .date{color:#A2A2A2;}
.report .report_cont .report_list .list{position:relative;padding-left:48px;margin-top:12px;font-size:15px;color:#EFEFEF;line-height:36px;}
.report .report_cont .report_list .list strong{margin-left:6px;font-weight:700;}
.report .report_cont .report_list .list:after{content:'';position:absolute;top:50%;left:0;width:36px;height:36px;margin-top:-18px;background-color:#393939;background-repeat:no-repeat;background-position:center center;border-radius:50%;}
.report .report_cont .report_list .list.mileage:after{background-image:url('../images/icon/ico_car.png');background-size:26px auto;}
.report .report_cont .report_list .list.fast:after{background-image:url('../images/icon/ico_fast.png');background-size:14px auto;}
.report .report_cont .report_list .list.slow:after{background-image:url('../images/icon/ico_slow.png');background-size:14px auto;}
.report .sort{margin-top:28px;}
.report .report_cont .report_daily{margin-top:-4px;}
.report .report_daily .daily + .daily{margin-top:24px;}
.report .report_daily .daily .date{position:relative;}
.report .report_daily .daily .date:after{content:'';position:absolute;top:9px;right:0;width:75%;height:1px;background:#393939;}
.report .report_daily .daily .list{padding:12px 0 8px 67px;line-height:16px;}
.report .report_cont .report_daily .report_list .list:after{left:16px;}
.report .report_cont .report_daily .report_list .list strong{margin-left:0;margin-right:6px;}
.report .report_daily .daily .list .cont{margin-top:5px;font-size:13px;color:#A2A2A2;line-height:18px;}
.report .report_daily .daily .list .cont span{position:relative;}
.report .report_daily .daily .list .cont span + span{padding-left:8px;margin-left:8px;}
.report .report_daily .daily .list .cont span + span:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#5C5C5C;}

.ranking .tab_box{width:70%;margin:0 auto;}
.ranking .tab_box .tabs{height:34px;background:none;}
.ranking .tab_box .tabs .tab{position:relative;width:calc(50% - 10px);line-height:34px;background:none;color:#7C7C7C;}
.ranking .tab_box .tabs .tab + .tab{margin-left:20px;}
.ranking .tab_box .tabs .tab span{line-height:32px;background:none;}
.ranking .tab_box .tabs .tab.on{color:#EFEFEF;}
.ranking .tab_box .tabs .tab.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#50CCE0;}
.ranking .tabs .tooltip{position:absolute;top:50%;right:-34px;width:24px;height:24px;margin-top:-9px;background:url('../images/icon/icon_alert_white.png') no-repeat center center;background-size:18px;}
.ranking .tabs .tooltip .btn_tooltip{display:block;width:100%;height:100%;}
.ranking .tabs .tooltip .btn_tooltip span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.ranking .tabs .tooltip .tooltip_box{position:absolute;top:30px;right:-6px;width:190px;}
.ranking .tabs .tooltip .tooltip_box .text{text-align:right;}
.ranking .tabs .tooltip .tooltip_box2:after{right:0;margin-right:12px;}
.ranking .ranking_cont{width:100%;background:linear-gradient(180deg, #15585C 0%, #193749 100%);border-radius:20px 20px 0px 0px;overflow:hidden;}
.ranking .ranking_cont .title_box{padding:13px 20px 11px;background:#286F76;}
.ranking .ranking_cont .title_box:after{content:'';display:block;clear:both;}
.ranking .ranking_cont .title_box .sort{float:left;margin-bottom:0;}
.ranking .ranking_cont .title_box .title{float:right;font-size:12px;font-weight:700;color:#B5F5FF;line-height:28px;}
.ranking .ranking_cont .title_box .sort .list a{display:block;padding:0 7px;font-size:12px;color:#EFEFEF;line-height:28px;}
.ranking .ranking_cont .title_box .sort .list.on a{padding:0 12px;background:#3D7D83;border-radius:28px;}
.ranking .ranking_cont .ranking_list1{position:relative;height:191px;margin-top:37px;}
.ranking .ranking_cont .ranking_list1 .list1{position:absolute;top:0;left:50%;width:112px;margin-left:-56px;}
.ranking .ranking_cont .ranking_list1 .list2{position:absolute;top:39px;left:21%;width:102px;margin-left:-51px;}
.ranking .ranking_cont .ranking_list1 .list3{position:absolute;top:39px;right:21%;width:102px;margin-right:-51px;}
.ranking .ranking_cont .ranking_list1 .list1:after{content:'';position:absolute;top:-10px;left:50%;width:30px;height:21px;margin-left:-15px;background:url('../images/contents/rank_crown.png') no-repeat center top;background-size:100%;}
.ranking .ranking_cont .ranking_list1 .photo_box{padding:1px 0 21px;background:url('../images/contents/rank_bg.png') no-repeat center -3px;background-size:82px auto;}
.ranking .ranking_cont .ranking_list1 .list1 .photo_box{padding:1px 0 23px;background-position:center -4px;background-size:112px auto;}
.ranking .ranking_cont .ranking_list1 .rank_num{position:absolute;top:57px;left:50%;width:22px;height:22px;margin-left:-11px;background:linear-gradient(90deg, #BBD2C5 0%, #536976 100%);border-radius:50%;font-size:12px;font-weight:700;color:#FFFFFF;line-height:22px;text-align:center;z-index:1;}
.ranking .ranking_cont .ranking_list1 .list1 .rank_num{top:75px;width:28px;height:28px;margin-left:-14px;background:linear-gradient(90deg, #FF8008 0%, #FFC837 100%);font-size:15px;line-height:28px;}
.ranking .ranking_cont .ranking_list1 .photo{width:56px;height:64px;margin:0 auto;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);border-radius:20px;border:none;background-size:50px;}
.ranking .ranking_cont .ranking_list1 .list1 .photo{width:78px;height:88px;border-radius:30px;background-size:70px;}
.ranking .ranking_cont .ranking_list1 .nick{font-size:14px;font-weight:700;color:#EFEFEF;line-height:18px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ranking .ranking_cont .ranking_list1 .score{font-size:15px;color:#7CE3F3;line-height:20px;text-align:center;}
.ranking .ranking_cont .ranking_list2{width:calc(100% - 40px);margin:0 auto;}
.ranking .ranking_cont .ranking_list2 .list{margin-bottom:12px;background:#115765;border-radius:8px;}
.ranking .ranking_cont .ranking_list2 .list .inner{padding:11px 16px 9px;border-radius:8px;border:1px solid #115765;}
.ranking .ranking_cont .ranking_list2 .list .inner:after{content:'';display:block;clear:both;}
.ranking .ranking_cont .ranking_list2 .list.my{position:relative;background:linear-gradient(116.05deg, #6CFFED 16.42%, #06B5D1 83.58%);}
.ranking .ranking_cont .ranking_list2 .list.my .inner{background:linear-gradient(116.05deg, #277073 16.42%, #13616D 83.58%);background-clip:padding-box;border:1px solid transparent;}
.ranking .ranking_cont .ranking_list2 .list.my.win .photo{border:1px solid #FFC837;}
.ranking .ranking_cont .ranking_list2 .list.my.win:after{content:'';position:absolute;top:4px;left:58px;width:20px;height:14px;background:url('../images/contents/rank_crown.png') no-repeat center top;background-size:100%;}
.ranking .ranking_cont .ranking_list2 .rank_num{float:left;min-width:20px;text-align:center;font-size:13px;font-weight:600;color:#EFEFEF;line-height:40px;opacity:0.7;}
.ranking .ranking_cont .ranking_list2 .photo{float:left;width:40px;height:40px;margin-left:12px;border:none;background-size:38px;}
.ranking .ranking_cont .ranking_list2 .nick{float:left;width:calc(100% - 180px);padding:11px 0;margin-left:8px;font-size:15px;font-weight:600;color:#EFEFEF;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ranking .ranking_cont .ranking_list2 .score{float:right;font-size:14px;font-weight:600;color:#B5F5FF;line-height:40px;}
.ranking .ranking_cont .ranking_list2 .score strong{font-size:20px;margin-right:3px;}
.ranking .ranking_no{height:calc(100vh - 142px);}
.ranking .ranking_no .text{padding-top:40px;font-size:17px;color:#EFEFEF;line-height:22px;text-align:center;}

.mypage.mypage_pay{padding-top:16px;}
.mypage .payment_list{margin-top:20px;}
.mypage .payment_list .list{padding:20px;background:rgba(44, 44, 44, 0.7);border-radius:12px;}
.mypage .payment_list .list + .list{margin-top:12px;}
.mypage .payment_list .list .title_box{position:relative;}
.mypage .payment_list .list .title{margin-bottom:8px;font-size:17px;font-weight:600;color:#EFEFEF;line-height:22px;}
.mypage .payment_list .list dl:after{content:'';clear:both;display:block;}
.mypage .payment_list .list dl + dl{margin-top:4px;}
.mypage .payment_list .list dt{float:left;width:73px;font-size:13px;color:#A2A2A2;line-height:18px;}
.mypage .payment_list .list dd{float:left;width:calc(100% - 73px);font-size:13px;color:#EFEFEF;line-height:18px;}
.mypage .payment_list .list .state dd{font-weight:600;color:#7C7C7C;}
.mypage .payment_list .list.on .state dd{color:#00EDC4;}
.mypage .paging{margin-top:20px;}
.mypage.mypage_pay_method{padding-top:0;}
.mypage.mypage_pay_method .title{margin:20px 0 12px;font-size:17px;font-weight:600;color:#EFEFEF;line-height:21px;}
.mypage.mypage_pay_method .payment_list .list{border-radius:12px 12px 0 0;}
.mypage.mypage_pay_method .payment_list .list dt{width:105px;}
.mypage.mypage_pay_method .payment_list .list dd{width:calc(100% - 105px);}
.mypage.mypage_pay .btn_change{position:relative;display:inline-block;width:100%;padding:10px 0;background:#2B2B2B;border-radius:0 0 12px 12px;border-top:1px solid #393939;font-size:12px;font-weight:500;color:#EFEFEF;line-height:16px;text-align:center;}
.mypage.mypage_pay .btn_change span{display:inline-block;width:6px;height:10px;margin-left:8px;background:url('../images/button/btn_white.png') no-repeat right center;background-size:auto 10px;}
.mypage.mypage_pay .notice_box{margin-top:20px;}
.mypage.mypage_pay .error_green{background-size:13.5px;}
.mypage.mypage_pay .notice_list{margin-top:8.5px;}
.mypage.mypage_pay .notice_list .list{position:relative;padding-left:18px;font-size:12px;color:#A2A2A2;line-height:16px;}
.mypage.mypage_pay .notice_list .list:after{content:'';position:absolute;top:8px;left:8px;width:2px;height:2px;margin:-1px 0 0 -1px;background:#A2A2A2;border-radius:50%;}
.mypage.mypage_pay .sms_seting .title{margin-top:40px;}
.mypage.mypage_pay .sms_seting .btn_toggle{padding:20px 20px 13px;background:#2C2C2C;border-radius:8px;}
.mypage.mypage_pay .sms_seting .btn_toggle .text{display:inline-block;width:calc(100% - 53px);padding-left:0;color:#EFEFEF;line-height:21px;}
.mypage.mypage_pay .sms_seting .btn_toggle .btn_switch{width:100%;}
.mypage.mypage_pay .sms_seting .btn_toggle .btn_switch .slider{top:5px;right:0;left:auto;}
.mypage.mypage_pay .input_box{margin-top:0;}

.join .agree_box{margin-top:36px;}
.join .agree_box .title{margin-bottom:21px;font-size:22px;line-height:28px;}
.join .agree_box .agree_list + .agree_list{margin-top:18px;}
.join .agree_box .agree_list .btn_switch{width:100%;}
.join .agree_box .agree_list .slider{left:auto;right:0;}
.join .agree_box .agree_list .text{padding-left:0;}
.join .withdraw_button:after{content:'';clear:both;display:block;}
.join .withdraw_button{margin:16px 0 24px;}
.join .withdraw_button .text{float:left;margin-top:0;font-size:13px;line-height:28px;}
.join .withdraw_button .btn_withdraw{float:right;padding:0 4px;font-size:12px;color:#A2A2A2;line-height:28px;}
.withdraw{padding-top:16px;}
.withdraw .withdraw_box + .withdraw_box{margin-top:28px;}
.withdraw .withdraw_box .title_box{margin-bottom:8px;}
.withdraw .withdraw_box .title_box .title{font-size:20px;font-weight:500;color:#EFEFEF;line-height:25px;}
.withdraw .withdraw_box .cont{font-size:12px;color:#A2A2A2;line-height:16px;}
.withdraw .withdraw_box .cont .list{position:relative;padding-left:12px;}
.withdraw .withdraw_box .cont .list:before{content:'';position:absolute;top:4px;left:0;width:2px;height:2px;background:#A2A2A2;}
.withdraw .withdraw_list_box .btn_box{margin:24px 20px 0;}
.withdraw .withdraw_info{padding-top:40px;margin-top:24px;border-top:1px solid #2C2C2C;}
.withdraw .withdraw_info dl:after{content:'';clear:both;display:block;}
.withdraw .withdraw_info dl + dl{margin-top:15px;}
.withdraw .withdraw_info dt{float:left;width:95px;font-size:13px;color:#C8C8C8;line-height:20px;}
.withdraw .withdraw_info dd{float:left;width:calc(100% - 95px);font-size:15px;color:#EFEFEF;line-height:20px;}
.withdraw .withdraw_info .pw dt{line-height:50px;}
.withdraw .withdraw_info .pw .input_box{margin-top:0;}
.withdraw .withdraw_box .input_check + label:after{top:0;margin-top:0;}

.car_info .car_choice{position:relative;top:inherit;left:inherit;height:inherit;background:none;}
.car_info .car_choice .join_title{position:relative;}
.car_info .car_choice .join_title .text{margin-top:0;}
.car_info .car_choice .join_title .btn_delete_car{position:absolute;top:50%;right:0;padding:0 4px;margin-top:-14px;font-size:12px;color:#A2A2A2;line-height:28px;}
.car_info .car_choice .car_list .list{min-height:80px;margin-left:0;background:#2C2C2C;border:1px solid #2C2C2C;border-radius:12px;}
.car_info .car_choice .car_list .list .btn_delete{position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top:-12px;background:url('../images/button/btn_delete.png') no-repeat center center;background-size:15px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.car_info .car_choice .car_list .drawer_member{padding-left:20px;}
.car_info .car_choice .car_list .list .btn_add_mycar{margin-left:20px;}
.car_info .car_choice .car_list .list .member_info{width:calc(100% - 115px);}

.my_device{padding-top:20px;}
.my_device .btn_manual_box{padding:20px 0 16px;margin-top:20px;background:rgba(44, 44, 44, 0.7);border-radius:12px;text-align:center;}
.my_device .btn_manual_box .title{font-size:13px;color:#A2A2A2;line-height:18px;}
.my_device .btn_manual_box .btn_manual{padding:0 16px;margin-top:8px;border:1px solid #7C7C7C;border-radius:16px;font-size:12px;color:#EFEFEF;line-height:32px;}
.my_device .title_box{font-size:17px;color:#EFEFEF;line-height:21px;}
.my_device .title_box:after{content:'';clear:both;display:block;}
.my_device .title_box .title{float:left;font-weight:700;}
.my_device .title_box .count{float:right;}
.my_device .device_box{margin-top:21px;}
.my_device .device_box .list{position:relative;padding:20px 0 0;background:rgba(44, 44, 44, 0.7);border-radius:12px;}
.my_device .device_box .list + .list{margin-top:20px;}
.my_device .device_box .use{margin:0 20px;}
.my_device .device_box .use:after{content:'';clear:both;display:block;}
.my_device .device_box .use .ico_use{float:left;padding:0 12px 0 8px;background-color:#393939;border:1px solid #393939;border-radius:14px;}
.my_device .device_box .use .ico_use span{display:block;padding-left:20px;background-image:url('../images/icon/icon_power.png');background-repeat:no-repeat;background-size:16px;background-position:left center;font-size:13px;color:#C8C8C8;line-height:26px;}
.my_device .device_box .on .use .ico_use{border-color:#00EDC4;}
.my_device .device_box .on .use .ico_use span{background-image:url('../images/icon/icon_power_green.png');color:#00EDC4;}
.my_device .device_box .use .btn_change{float:right;padding:0 4px;font-size:12px;color:#C8C8C8;line-height:28px;}
.my_device .device_box .title{margin:16px 20px 0;font-size:18px;font-weight:600;color:#EFEFEF;line-height:21px;}
.my_device .device_box .device_info{margin:8px 20px 0;padding-bottom:16px;}
.my_device .device_box .device_info dl + dl{margin-top:2px;}
.my_device .device_box .device_info dl:after{content:'';clear:both;display:block;}
.my_device .device_box .device_info dt{float:left;width:73px;font-size:13px;color:#A2A2A2;line-height:18px;}
.my_device .device_box .device_info dd{float:left;width:calc(100% - 73px);font-size:13px;color:#EFEFEF;line-height:18px;}
.my_device .device_box .device_info .use_service dd{font-weight:600;}

.my_device .device_box .delivery .btn_down{width:100%;border-top:1px solid #393939;font-size:12px;font-weight:500;color:#7C7C7C;line-height:36px;}
.my_device .device_box .delivery .btn_down:after{width:7px;height:7px;margin-top:-2px;margin-right:-40px;}
.my_device .device_box .delivery .btn_down.on:after{margin-top:0;}
.my_device .device_box .delivery .current{display:none;margin:0 20px 16px;}
.my_device .device_box .delivery table{width:100%;border-radius:8px;border-collapse:collapse;overflow:hidden;}
.my_device .device_box .delivery thead th{padding:11px 0 9px;background:#393939;font-size:12px;font-weight:600;color:#EFEFEF;line-height:16px;text-align:center;}
.my_device .device_box .delivery tbody td{padding:7px 0;background:rgba(57, 57, 57, 0.5);border-top:1px solid #393939;font-size:11px;color:#EFEFEF;line-height:13px;text-align:center;}
.my_device .device_box .delivery tbody td .time{display:block;color:#A2A2A2;}
.my_device_register .join_title .title{font-size:22px;line-height:28px;}
.my_device_register .join_title .text{margin-top:0;}
.my_device_register .found{margin:20px 0 24px;background:rgba(44, 44, 44, 0.7);border-width:1px;border-style:solid;border-color:rgba(44, 44, 44, 0.7);border-radius:12px;}
.my_device_register .found.on{border:1px solid #50CCE0;}
.my_device_register .found.end{padding:14px 20px;border:1px solid #494949;}
.my_device_register .found .btn_found{display:block;padding:14px 20px;}
.my_device_register .found dl:after{content:'';clear:both;display:block;}
.my_device_register .found dl.car{margin-bottom:6px;}
.my_device_register .found dl.car dd{font-weight:700;}
.my_device_register .found dl + dl{margin-top:2px;}
.my_device_register .found dt{float:left;width:73px;font-size:13px;color:#A2A2A2;line-height:18px;}
.my_device_register .found dd{float:left;width:calc(100% - 73px);font-size:13px;color:#EFEFEF;line-height:18px;}
.exchange{padding-top:16px;}
.exchange .exchange_title .title{font-size:20px;font-weight:600;color:#EFEFEF;line-height:26px;}
.exchange .exchange_title .title strong{color:#7CE3F3;}
.exchange .exchange_title .text{margin-top:4px;font-size:13px;color:#C8C8C8;line-height:18px;}
.exchange .exchange_title .text strong{font-weight:700;color:#7CE3F3;}
.exchange .found{margin:32px 0 0;}
.exchange .join_cont{margin:32px 0 0;}
.exchange .input_cont + .input_cont{margin-top:20px;}
.exchange .textarea_box .textarea{height:auto;max-height:60px;}
.exchange .textarea_box .count{text-align:left;padding-left:14px;color:#7C7C7C;}
.exchange .input_add .input_box:first-child{margin-top:0;}
.exchange.mypage .input_add .input_button .btn_box{width:80px;}
.exchange.mypage .input_add .input_button .input_txt{width:calc(100% - 92px);}
.exchange.mypage .notice_box{padding:16px 20px;margin-top:32px;border:1px solid #494949;border-radius:3px;}
.exchange.mypage .notice_box .title{font-size:16px;color:#EFEFEF;line-height:21px;}
.exchange.mypage .notice_box .text{margin-top:8px;font-size:13px;color:#A2A2A2;line-height:18px;}

/* coming soon */
.coming{position:relative;}
.coming:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#494949;border-radius:10px;opacity:0.9;z-index:1;}
.coming:after{content:'Coming Soon';position:absolute;top:50%;left:50%;width:100%;font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;text-align:center;transform:translate(-50%, -50%);z-index:1;}
.certify_box .certify_list .certify_title .coming{font-size:12px;letter-spacing:-1px;}
.certify_box .coming:after{font-size:17px;}
.progress_box .coming:before{width:calc(100% + 40px);height:calc(100% + 30px);margin:0 -20px;}
.progress_box .coming:after{margin-top:15px;}
.regress .coming:before{background:#7C7C7C;}

/* 2022.08.12 민숙 추가 */
.issued{position:relative;}
.issued:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#494949;border-radius:10px;opacity:0.9;z-index:1;}
.issued:after{content:'발급 완료';position:absolute;top:50%;left:50%;width:100%;font-size:22px;font-weight:500;color:#EFEFEF;line-height:25px;text-align:center;transform:translate(-50%, -50%);z-index:1;}
.certify_box .certify_list .certify_title .issued{font-size:12px;letter-spacing:-1px;}
.certify_box .issued:after{font-size:17px;}
.progress_box .issued:before{width:calc(100% + 40px);height:calc(100% + 30px);margin:0 -20px;}
.progress_box .issued:after{margin-top:15px;}
.regress .issued:before{background:#7C7C7C;}
/* 2022.08.12 민숙 추가 end */

/* == 딜러 프로세스 추가 == */
.cr_blue{color:#50CCE0 !important;}
.dealer .button{height:54px;line-height:54px;font-size:17px;}
.dealer .input_txt{line-height:52px;}
.dealer .input_txt:focus{border-color:#50CCE0;}
.dealer .input_box .input_txt.error{border-color:#FF5353;}
.progress.progress_gradient::before{display:none;}
.progress.progress_gradient .list{z-index:1;height:auto;padding-bottom:16px;text-indent:0;}
.progress.progress_gradient .list span{display:block;width:60px;height:25px;margin:0 auto;border:1px solid #2C2C2C;border-radius:20px;text-align:center;line-height:22px;color:#2C2C2C;font-weight:700;font-size:12px;}
.progress.progress_gradient .list span a,
.progress.progress_gradient .list span button{display:block;width:100%;height:100%;text-align:center;line-height:22px;color:#2C2C2C;font-weight:700;font-size:12px;}
.progress.progress_gradient .list::before{content:'';position:absolute;top:auto;bottom:0;left:0;width:100%;height:40px;margin-top:0;border-radius:2.5px;z-index:-1;}
.progress.progress_gradient .list::after{top:auto;bottom:0;left:0;width:100%;height:5px;background:#2C2C2C;border-radius:2.5px;}
.progress.progress_gradient .list.on span{color:#50CCE0;border-color:#50CCE0;}
.progress.progress_gradient .list.on span a,
.progress.progress_gradient .list.on span button{color:#50CCE0;}
.progress.progress_gradient .list.on::before{background:linear-gradient(180deg, #1E1E1E 0%, #284145 100%);}
.progress.progress_gradient .list.on::after{border:0;background-color:#50CCE0;}
.progress.progress_gradient .list.passed span{color:#33646C;border-color:#33646C;opacity:0.35;}
.progress.progress_gradient .list.passed span a,
.progress.progress_gradient .list.passed span button{color:#33646C;}
.progress.progress_gradient .list.passed::before{background:linear-gradient(180deg, #1E1E1E 0%, #284145 100%);}
.progress.progress_gradient .list.passed::after{border:0;background-color:#50CCE0;}
.progress.progress_gradient.progress2 .list{width:calc(50% - 7px);}
.progress.progress_gradient.progress3 .list{width:calc(33.3% - 7px);}

/* 로그인 */
.dealer .login .btn_toggle{margin-top:16px;}
.dealer .login .btn_switch .text{line-height:18px;}
.dealer .login .btn_switch .slider{top:2px;}
.dealer .login .input_box + .input_box{margin-top:8px;}
.dealer .login .btn_link_box .btn_link + .btn_link:before{margin-top:2px;}

/* join 공통 */
.dealer .join_title{padding-left:4px;}
.dealer .join_title p:first-child,
.dealer .find_title p:first-child{margin-top:30px;}
.dealer .join_title .mid_text{margin-top:30px;color:#EFEFEF;font-size:17px;line-height:1.2em;}
.dealer .join_title .align_center{text-align:center;}
.dealer .find_title .big_title{margin-top:30px;line-height:1.2em;color:#EFEFEF;font-size:22px;font-weight:500;}
.dealer .find_title .mid_text{margin-top:30px;line-height:1.2em;color:#EFEFEF;font-size:17px;}
.dealer .find_title .align_center{text-align:center;}
.dealer .input_cont .input_box .tip{margin-top:8px;line-height:1.2em;color:#7C7C7C;font-size:13px;}

/* 약관 동의 */
.dealer .down_cont .notice_txt{color:#7C7C7C;font-size:12px;}
.dealer .input_check{width:100%;height:100%;background-color:transparent;cursor:pointer;}
.dealer .input_check + label::after{background-color:#1E1E1E;border:1px solid #4C4C4C;}
.dealer .input_check:checked + label::after{background-color:#50CCE0;border:1px solid #00B4CB;}
.dealer .join .check_box_list .all{margin-bottom:25px;}
.dealer .join .check_box_list .all .input_box{width:180px;height:40px;margin:0 auto;background:linear-gradient(99.19deg, #00E7F1 6.36%, #116AAB 99.86%);border-radius:21px;}
.dealer .join .check_box_list .all .input_check + label{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;position:relative;top:1px;left:1px;z-index:2;width:calc(100% - 2px);height:calc(100% - 2px);padding:0;background:linear-gradient(98.51deg, #194548 -0.14%, #1C2F3B 99.86%);box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.3);border-radius:21px;line-height:36px;text-align:center;}
.dealer .join .check_box_list .all .input_check + label span{padding-left:0;font-weight:400;}
.dealer .join .check_box_list .all .input_check + label::after{position:relative;top:0;z-index:3;margin-top:0;margin-right:10px;background:no-repeat center center;background-image:url('../images/icon/icon_check_green.png'), linear-gradient(135deg, #65878B -1.25%, #3F6165 98.75%);background-size:12px auto, 100% auto;}
.dealer .join .check_box_list .all .input_check:checked + label::after{background-image:url('../images/icon/icon_check_off.png'), linear-gradient(135deg, #00E7F1 -1.25%, #116AAB 98.75%);}
.dealer .join .check_box_list .input_check + label{font-size:13px;}
.dealer .join .check_box_list{margin-top:20px;}
.dealer .join .check_box_list .list{background-color:transparent;}
.dealer .join .check_box_list .list.input_check{background-color:transparent;}
.dealer .join .down_cont{padding-left:30px;border-bottom:0;}
.dealer .down_cont .notice_txt table th{background-color:transparent;}
.dealer .down_cont .notice_txt table th,
.dealer .down_cont .notice_txt table td{color:#7C7C7C;}
.dealer .down_cont .notice_txt ul li{padding-left:0;text-indent:0;}
.dealer .policy-container h1,
.dealer .policy-container h2,
.dealer .policy-container h3,
.dealer .policy-container h4,
.dealer .policy-container h5,
.dealer .policy-container h6{font-size:15px;}
.dealer .policy-container h2{font-weight:bold;margin-bottom:10px;}
.dealer .policy-container h5{font-weight:bold;margin-bottom:10px;}
.dealer .policy-container h6{margin-bottom:10px;}
.dealer .policy-container li{margin-bottom:10px;}
.dealer .policy-container .policy-section{margin-bottom:10px;}
.dealer .policy-container .list-group-numbered{list-style-type:decimal;list-style-position:inside;padding-left:20px;}
.dealer .policy-section table{width:100%;border:1px solid black;}
.dealer .policy-section th,
.dealer .policy-section td{border:1px solid black;}

/* input 공통 */
.dealer .input-noti{display:inline-block;margin-left:4px;vertical-align:top;}
.dealer .input-noti p{font-size:12px;font-weight:400;}
.dealer .input-noti .error_red{padding-left:0;background-image:none;}
.dealer .input_cont .input_box .btn.btn_delete{display:none;}
.dealer .input_cont .input_box .btn.btn_delete.on{display:block;}
.dealer .input_cont .input_title{padding-left:4px;font-size:15px;}
.dealer .input_cont .input_txt{font-size:16px;}

/* 회원정보 입력 */
.dealer .join .join_input{margin-top:30px;margin-bottom:40px;}
.dealer .join .join_input .input_cont + .input_cont{margin-top:30px;}

/* 회원가입 완료, 비밀번호 재설정 완료 */
.dealer .join_end .join_title .title{line-height:41px;font-size:34px;}
.dealer .join_end .join_cont,
.dealer .find_end .find_cont::after{width:100%;max-width:335px;height:200px;margin-top:20px;margin-bottom:40px;background-image:url('../images/contents/join_complt.png');background-size:100% auto;}
.dealer .find_end .find_cont::after{content:'';display:block;margin-left:auto;margin-right:auto;}

/* 아이디 찾기 / 비밀번호 재설정 */
.dealer .find .find_title{margin-bottom:30px;padding-left:4px;}
.dealer .find .progress .list span{width:100px;}
.dealer .find .input_cont + .input_cont{margin-top:30px;}
.dealer .find .find_cont{margin-bottom:30px;}
.dealer .find .user_id_box{margin-top:-10px;padding:30px 20px;border-radius:12px;}
.dealer .find .user_id_box .user_id_copy{width:180px;height:40px;margin-top:30px;padding:0 30px 0 52px;background-size:20px auto;background-position:30px center;border-color:#C8C8C8;letter-spacing:-0.04em;font-size:15px;}
.dealer .find .user_id_box .user_id{line-height:30px;font-size:25px;}
.dealer .find .input_button .button{height:54px;line-height:1em;border-color:#3C3C3C;}
.dealer .find_end .find_title .title{line-height:1.2em;font-size:22px;}
.dealer .find_end .find_title .text{margin-top:10px;font-size:15px;}

/* 딜러 프로세스 - 팝업 */
.popup .error-count{display:block;width:55px;height:30px;margin:0 auto 16px;border:1px solid #FF5353;border-radius:18px;box-sizing:border-box;line-height:26px;color:#FF5353;font-size:17px;font-weight:600;}
.popup .btn_box .button{height:54px;line-height:54px;}
.popup .popup_box .popup_small .title{letter-spacing:-0.02em;}
.popup .button.cr_gray{color:#A2A2A2;}

/* 토스트메세지 - 센터버전 */
.toast.center{bottom:auto;top:50%;margin-top:-19px;}

/* 평가 가능 차량 */
.evaluable .button{height:54px;line-height:54px;font-size:17px;}
.evaluable .button.btn_line{color:#C8C8C8;}
.evaluable .input_txt:focus{border-color:#50CCE0;}
.evaluable .input_box .input_txt.error{border-color:#FF5353;}
.evaluable .navigation{height:170px;padding-top:100px;}
.evaluable .navigation.scroll .nav{background-image:none;}
.eval-user_name{position:fixed;top:56px;z-index:6;width:100%;padding:10px 25px;background-color:#1E1E1E;}
.eval-user_name .user_name{display:inline-block;vertical-align:middle;color:#EFEFEF;font-size:17px;font-weight:400;}
.eval-user_name::before{content:'';display:inline-block;width:25px;height:25px;margin-right:5px;background:url('../images/contents/dealer_user.png') no-repeat center bottom / 100% auto;vertical-align:middle;}
.eval-user_name .user_name em{display:inline-block;margin-right:5px;}
.eval-user_name .user-test_count{display:inline-block;margin-left:10px;vertical-align:middle;color:#C8C8C8;font-size:13px;}
.evaluable .contents{padding:0 20px;}

.evaluable_box{padding:30px 0 40px;}
.evaluable_box .title_box{position:relative;margin-bottom:20px;padding-left:4px;}
.evaluable_box .title_box [class*="btn"]{position:absolute;right:0;top:0;}
.evaluable_box .title_box p + p{margin-top:10px;}
.evaluable_box .title_box .title{line-height:1.2em;color:#EFEFEF;font-size:22px;}
.evaluable_box .title_box .title.big_title{font-size:34px;}
.evaluable_box .title_box .text{line-height:1.3em;color:#A2A2A2;font-size:13px;}
.evaluable_box .title_box .text.mid_text{font-size:15px;}
.evaluable_box .conts-title_box{position:relative;margin-bottom:10px;padding-left:4px;}
.evaluable_box .conts-title_box [class*="btn"]{position:absolute;right:0;top:0;}
.evaluable_box .conts-title_box .title{line-height:1.2em;color:#EFEFEF;font-size:17px;}
.evaluable_box .conts-title_box .title .text-small{display:inline-block;margin-left:5px;vertical-align:middle;color:#C8C8C8;font-size:12px;}

.evaluable .btn-refresh{height:25px;padding:0 8px;border:1px solid #EFEFEF;border-radius:3px;color:#EFEFEF;font-size:12px;}
.evaluable .btn-refresh::before{content:'';display:inline-block;width:15px;height:15px;margin-right:5px;background:url('../images/button/btn_refresh.png') no-repeat center / 15px auto;vertical-align:text-bottom;}
.evaluable .btn-refresh.on{border-color:#50CCE0;color:#50CCE0;}
.evaluable .btn-refresh.on::before{background-image:url('../images/button/btn_refresh_on.png');}
.evaluable_conts .input_box .input_txt.input_line{padding-right:50px;border:1px solid #5C5C5C;}
.evaluable_conts .input_box .input_txt.input_line:focus{border-color:#0590A6;}
.evaluable_conts .input_box .btn-search{position:absolute;top:0;right:12px;width:34px;height:100%;background:url('../images/button/btn_search_w2.png') no-repeat center / 100% auto;overflow:hidden;font-size:0;}
.evaluable_conts + .evaluable_conts{margin-top:40px;padding-top:40px;border-top:1px solid #4C4C4C;}

/* 평가 가능 차량  - 차량목록 */
.evaluable_car-list{margin:20px 0;padding:20px;background:#2C2C2C;border-radius:12px;}
.evaluable_car-list .car-nothing{line-height:1.2em;text-align:center;color:#C8C8C8;font-size:15px;}
.evaluable_car-list .car-nothing::before{content:'';display:block;width:80px;height:80px;margin:0 auto 16px;background:url('../images/contents/car_nothing.png') no-repeat center / 100% auto;}
.evaluable_car-list .list{display:block;position:relative;line-height:1.2em;}
.evaluable_car-list .list + .list{margin-top:15px;}
.evaluable_car-list .list .input_radio + label::before{background:none;background-color:#1E1E1E;border:1px solid #4C4C4C;}
.evaluable_car-list .list .input_radio + label::after{top:1px;left:1px;width:18px;height:18px;background-image:none;background-color:#4C4C4C;border:6px solid #1E1E1E;border-radius:100%;}
.evaluable_car-list .list .input_radio:checked + label::before{border-color:#50CCE0;}
.evaluable_car-list .list .input_radio:checked + label::after{background-color:#50CCE0;}
.evaluable_car-list .list label span{display:inline-block;position:relative;vertical-align:text-top;line-height:15px;}
.evaluable_car-list .list label .number{color:#EFEFEF;font-size:15px;}
.evaluable_car-list .list label .type{color:#C8C8C8;font-size:15px;}
.evaluable_car-list .list label span + span{margin-left:10px;padding-left:10px;}
.evaluable_car-list .list label span + span::before{content:'';display:inline-block;position:absolute;top:50%;left:-2px;width:1px;height:10px;margin-top:1px;background-color:#C8C8C8;transform:translateY(-50%);font-size:6px;}
.evaluable_car-list .list p{padding-left:30px;color:#C8C8C8;font-size:12px;}
.evaluable_car-list .list .btn-share{position:absolute;top:0;right:0;width:22px;height:22px;background:url('../images/icon/icon_share.png') no-repeat center / 22px auto;font-size:0;overflow:hidden;}

/* 평가 가능 차량 - 진단 결과 */
.evaluable_conts .eval_result_box{margin-bottom:20px;}
.evaluable_conts .eval_result_box.none{width:100%;max-width:335px;height:200px;margin:0 auto;background:url('../images/contents/result_none.png') no-repeat center / 100% auto;}
.eval_result_box .input_box + .input_box{margin-top:20px;}
.eval_result_box .input_box .select_list .input_select:disabled + label{padding-right:14px;}
.eval_result_box .info_box-wrapper{margin-top:30px;padding:20px;background-color:#2C2C2C;border-radius:12px;}
.eval_result_box .info_box-wrapper.mt0{margin-top:0;}
.eval_result_box .info_box + .info_box{margin-top:16px;padding-top:16px;border-top:1px solid #494949;}
.eval_result_box .info_box dl:after{content:'';display:block;clear:both;}
.eval_result_box .info_box dt{float:left;width:110px;line-height:20px;color:#EFEFEF;font-size:13px;font-weight:500;word-break:break-all;}
.eval_result_box .info_box dd{float:left;width:calc(100% - 110px);line-height:20px;color:#C8C8C8;font-size:13px;word-break:break-all;}
.eval_result_box .info_box.info-list dt{line-height:27px;font-size:15px;}
.eval_result_box .info_box.info-list dd{line-height:27px;font-size:15px;}
.eval_result_box .info_box.info-list2 dt{position:relative;padding-left:10px;}
.eval_result_box .info_box.info-list2 dt::before{content:'·';position:absolute;top:0;left:0;}

/* 평가 가능 차량 - 신규차량 등록 */
.regist_car-list{margin-top:30px;margin-bottom:30px;}
.regist_car-list.none{margin-bottom:0;border-top:1px solid #494949;}
.regist_car-list.none::after{content:'';display:block;width:100%;max-width:335px;height:200px;margin:0 auto;background:url('../images/contents/regist_car.png') no-repeat center / 100% auto;}
.regist_car-list .list{padding:20px;background:#2C2C2C;border-radius:12px;}
.regist_car-list .list + .list{margin-top:20px;}
.regist_car-list .list .state{display:inline-block;padding:6px;border:1px solid #FFC045;border-radius:3px;color:#FFC045;font-size:12px;}
.regist_car-list .list .state::before{content:'';display:inline-block;width:12px;height:12px;margin-right:4px;background:url('../images/icon/state_wait.png') no-repeat center / 100% auto;vertical-align:top;}
.regist_car-list .list .desc{display:inline-block;margin-left:5px;color:#FFC045;font-size:12px;}
.regist_car-list .list .car-info{margin-top:8px;}
.regist_car-list .list .car-info span{display:inline-block;position:relative;vertical-align:text-top;line-height:15px;}
.regist_car-list .list .car-info .number{color:#EFEFEF;font-size:15px;}
.regist_car-list .list .car-info .type{color:#C8C8C8;font-size:15px;}
.regist_car-list .list .car-info span + span{margin-left:10px;padding-left:10px;}
.regist_car-list .list .car-info span + span::before{content:'';display:inline-block;position:absolute;top:50%;left:-2px;width:1px;height:10px;margin-top:1px;background-color:#C8C8C8;transform:translateY(-50%);font-size:6px;}
.regist_car-list .list.complt .state{border-color:#50CCE0;color:#50CCE0;}
.regist_car-list .list.complt .state::before{background-image:url('../images/icon/state_complt.png');}
.regist_car-list .list.complt .desc{color:#50CCE0;}

.regist-notice{margin-top:40px;margin-bottom:20px;padding:30px 18px;background:#2C2C2C;border-radius:12px;}
.regist-notice .cont-box + .cont-box{margin-top:30px;padding-top:30px;border-top:1px solid #4C4C4C;}
.regist-notice .title_box{text-align:center;}
.regist-notice .title_box::before{content:'';display:block;width:80px;height:80px;margin:0 auto 15px;background:url('../images/contents/regist_lamp.png') no-repeat center / 100% auto;}
.regist-notice .title_box .title{font-size:17px;}
.regist-notice .title_box .title + .text{margin-top:4px;}
.regist-notice .list-wrap .list{position:relative;padding-top:38px;padding-left:30px;line-height:20px;color:#EFEFEF;font-size:14px;}
.regist-notice .list-wrap .list::before{content:'';display:block;position:absolute;top:4px;left:10px;width:1px;height:30px;background:linear-gradient(180deg, #2C2C2C 0%, #EFEFEF 100%);}
.regist-notice .list-wrap .list .num{position:absolute;top:38px;left:0;display:flex;justify-content:center;align-items:center;width:20px;height:20px;background:linear-gradient(130.1deg, #2C2C2C 7.22%, #848484 100%);border:1px solid #EFEFEF;border-radius:3px;text-align:center;color:#EFEFEF;font-size:12px;}
.regist-notice .list-wrap .list.cr_y::before{background:linear-gradient(180deg, #2C2C2C 0%, #FFD600 100%);}
.regist-notice .list-wrap .list.cr_y .num{background:linear-gradient(315.83deg, #8B7919 0%, #2C2C2C 90.81%);border-color:#FFD600;color:#FFD600;}
.regist-notice .list-wrap .list:first-child{padding-top:0;}
.regist-notice .list-wrap .list:first-child::before{content:none;}
.regist-notice .list-wrap .list:first-child .num{top:0;}
.regist_car .progress.progress_gradient{margin-top:0;margin-bottom:30px;}
.regist_car .progress.progress_gradient .list span{width:80px;}
.regist_car .input_box + .input_box{margin-top:20px;}
.regist_car .input_area{position:relative;}
.regist_car .input_area .btn.btn_delete{display:none;}
.regist_car .input_area .btn.btn_delete.on{display:block;}
.regist_car .btn_box.mt30{margin-top:30px;}
.regist_car .btn_box.mt40{margin-top:40px;}
.regist_complt{display:block;width:100%;max-width:335px;height:200px;margin:0 auto;background:url('../images/contents/regist_car.png') no-repeat center / 100% auto;}
/* // == 딜러 프로세스 추가 == */



@media (max-width:2400px){
  .challenge_cont .stamp_list .list{width:14.28%;}
}
@media (min-width:800px){
  .eval-user_name{width:800px;}
}
@media (max-width:800px){
  .challenge_cont .stamp_list .list{width:20%;}
}
@media (max-width:571px){
  .challenge_cont .stamp_list .list{width:25%;}
}
@media (max-width:457px){
  .challenge_cont .stamp_list .list{width:33.33%;}
}
@media (min-width:460px){
  .drivingInfo .driving_tit .btn_service .text{background-position:center 74px;}
}
@media (max-width:459px){
  .pop_certification .popup_box .popup_cont{padding:30px 15px 20px;}
  .pop_certification .certification-box .type{margin-bottom:15px;}
  .pop_certification .certification-box .title{margin-bottom:15px;font-size:26px;}
  .pop_certification .certification-box img{width:80%;margin-top:15px;margin-left:14%;}
}
@media (max-width:380px){
  .dealer .button{font-size:16px;}
  .dealer .join_end .join_title .title{line-height:1.2em;font-size:30px;}
}
@media (max-width:370px){
  .paid_process .evaluation .condition .title{font-size:20px;}
  .dealer .find_title .big_title{font-size:20px;}
}
@media (max-width:360px){
  .certi_battery .certificate_cont .result .result_title strong{margin-left:5px;font-size:16px;}
  .certi_battery .certificate_cont .result .result_title em{margin-left:2px;font-size:14px;}
  .certi_battery .inspect .desc .desc_box .desc_list .list + .list{margin-left:15px;}
  .pop_certification .popup_box .popup_cont{padding:20px 15px 15px;}
  .pop_certification .certification-box .type{margin-bottom:10px;}
  .pop_certification .certification-box .title{margin-bottom:10px;font-size:24px;}
  .pop_certification .certification-box p{font-size:12px;}
  .pop_certification .certification-box .info li .list{font-size:12px;}
  .pop_certification .popup_cont .btn_box_pop .button_pop{height:40px;}
  .paid_process .evaluation .condition .title{font-size:18px;}
}
@media (max-width:350px){
  .paid_process .certify_box .certify_list input + label .certify_title span{font-size:22px;}
  .paid_process .certify_box .certify_list.coming::after{font-size:16px;}
  .paid_process .evaluation > .title_box .title{font-size:20px;}
  .paid_process .payment .payment_box dt{font-size:15px;}
  .paid_process .payment .payment_box dd{font-size:16px;}
  .paid_process .paymentway .select_pop .select_tit{font-size:20px;}
  .paid_process .paymentway .select_pop .select_list .input_select + label{font-size:16px;}
  .dealer .find_title .big_title{font-size:18px;}
  .evaluable_box .title_box .title.big_title{font-size:30px;}
  .regist_car-list .list{padding:16px 14px;}
  .regist_car-list .list .desc{margin-left:4px;}
  .regist_car-list .list .state{padding:4px}
}
@media (max-width:321px){
  .main_box .challenge_box{padding:20px 10px 18px;}
  .main_box .challenge_box .challenge_list{margin-top:0;}
  .main_box .challenge_box .challenge_list .list .icon_box{width:70px;}
  .main_box .challenge_box .challenge_list .list .icon_box img{width:32px;}
  .main_box .challenge_box .main_list .list .text{letter-spacing:-0.5px;}
  .main_box .challenge_box .main_list .list .btn{padding:0 20px 0 10px;margin:39px -10px 0;background-position:right 10px center;letter-spacing:-1px;}
  .main_box .certificate_list .list{width:85%;}
  .main_box .certificate_list .list .cont_list .text{margin-left:10px;}
  .main_box .certificate_list .list.yet .text{margin:0 -10px;letter-spacing:-0.5px;}
  .main_box .certificate_list .list .tit_box .title{font-size:20px;letter-spacing:-1.2px;}
  .logout .btn_join_box .btn_join{margin-left:16px;}
  .logout .desc_list .list{margin-left:10px;}
  .logout.review .title_box .title{font-size:21px;letter-spacing:-1px;}
  .join .join_confirm dl dt{width:34%;letter-spacing:-1px;}
  .join .join_confirm dl dd{width:66%;}
  .care .worth .legend .list{float:none;}
  .care .worth .legend .list + .list{margin-top:3px;margin-left:0;}
  .certificate .certificate_list .list{width:75%;}
  .certificate .certificate_info .list{width:240px;}
  .certificate .certificate_info:after{border-left-width:140px;border-right-width:140px;}
  .certificate .guarantee{height:300px;background-size:auto 300px;}
  .drivingInfo .driving_tit .btn_service .text{background-position:left 20px bottom 35px;}
  .drivingInfo .driving_tit .btn_service .text{background-size:auto 215px;}
  .drivingInfo .recent .list .title{letter-spacing:-1px;}
  .station_list .charge_box .charge_list .charger{width:calc(100% - 112px);margin-left:12px;}
  .station_list .loc_info .list.charge{margin-right:8px;}
  .station_list .loc_info .list.speed + .speed{padding-left:6px;margin-left:6px;}
  .challenge_cont .attend .fc .fc-daygrid-day-events .on{width:40px;height:40px;background-size:40px;}
  .report .report_daily .daily .date:after{width:70%;}
  .report .month_box{padding:21px 6px 19px;}
  .report .month_box .month_cont{margin-left:4px;}
  .report .month_box .month_cont dt{letter-spacing:-1px;}
  .report .calendar .fc-button-group{left:8px;}
  .report .calendar .fc-toolbar-title{left:30px;}
  .ranking .ranking_cont .ranking_list1 .list1{width:100px;margin-left:-50px;}
  .ranking .ranking_cont .ranking_list1 .list2{width:90px;margin-left:-45px;}
  .ranking .ranking_cont .ranking_list1 .list3{width:90px;margin-right:-45px;}
  .ranking .ranking_cont .title_box .sort .list a{letter-spacing:-0.5px;}
  .mypage .my_progress .list{margin:0 2px;}
  .mypage .my_progress .list + .list:before{left:-5px;}
  .paid_process .evaluation .condition .title{font-size:16px;}
  .login .title{line-height:38px;font-size:32px;}
  .dealer .find .user_id_box .user_id{font-size:20px;}
}
@media (max-width:300px){
  p, dt, dd, a{letter-spacing:-0.5px;}
  .paging a, .paging .paging_now{width:22px;margin:0 2px;}
  .payment .payment_box dd{letter-spacing:-1.5px;}
  .header_drawer{width:85%;padding:32px 5px 30px;}
  .main_box .weather_list .list{min-width:65px;}
  .main_box .weather_list .list + .list{margin-left:6px;}
  .main_box .round_tabs .round_tab{margin:4px 2px;}
  .main_box .round_tabs .round_tab a{padding:0 12px;}
  .popup_100 .banner_share .notice .coupon{letter-spacing:-1px;}
  .popup_box .popup_cont .title{font-size:21px;letter-spacing:-1px;}

  .certificate .certificate_list .list{width:80%;}
  .certificate .certificate_info .list{width:180px;padding-left:50px;background-position:6px center;}
  .certificate .certificate_info, .certificate .certificate_free{max-width:220px;}
  .certificate .certificate_info:after{border-left-width:110px;border-right-width:110px;}
  .drivingInfo .recent .list .contrast{min-width:50px;word-break:break-all;}
  .drivingInfo .driving_tit .btn_service .text{background-position:-8px 108px;}
  .drivingInfo .bookmark_register .list{padding-left:40px;background-size:auto 30px;}
  .drivingInfo .tabs .tab span{letter-spacing:-1px;}
  .drivingInfo .bookmark_register .list .title, .drivingInfo .bookmark_register .list .text{width:calc(100% - 73px);}
  .drivingInfo .bookmark_register .list .btn_mark{padding:0 16px 0 8px;background-position:right 8px center;}
  .slide_pop .slide_pop_box .loc_btns .list + .list{margin-left:8px;}
  .station_list .charge_box .charge_list .charger{width:calc(100% - 40px);margin-left:6px;}
  .station_list .loc_btns .list.navi .button span{padding-left:20px;letter-spacing:-1px;}
  .station_list .loc_info .list{letter-spacing:-1px;}
  .station_list .loc_info .list.charge{padding:0 6px;margin-right:6px;}
  .station_list .loc_info .list.speed + .speed{padding-left:4px;margin-left:4px;}
  .challenge_cont .attend .fc .fc-daygrid-day-events{width:25px;height:25px;margin-left:-12.5px;}
  .challenge_cont .attend .fc .fc-daygrid-day-events .on{width:29px;height:29px;background-size:29px;}
  .challenge_cont .attend .fc .fc-daygrid-day-number{width:25px;height:25px;line-height:25px;}
  .challenge_main .main_list .list .text{letter-spacing:-0.5px;}
  .challenge_main .main_list .list .btn{padding:0 20px 0 10px;margin:39px -5px 0;background-position:right 10px center;letter-spacing:-1px;}
  .challenge_cont .stamp_list .list{width:50%;}
  .popup_challenge .title{letter-spacing:-1.5px;}
  .life .life_list .cont{width:calc(100% - 100px);}
  .mypage .my_box .my_list1{margin:20px 10px 0;}
  .mypage .my_list2{margin:20px 50px;}
  .mypage .my_list .list .btn{padding-left:42px;}
  .mypage .my_progress .list{min-width:50px;word-break:break-all;}
  .mypage .myservice .service_list_box .service_box + .service_box{margin-left:7px;}
  .mypage .refund_list dl dt{letter-spacing:-1.5px;}
  .mypage .refund_list dl dd{letter-spacing:-1.5px;}
  .report .report_daily .daily .date:after{width:64%;}
  .ranking .ranking_cont .ranking_list2 .photo{width:30px;height:30px;margin-top:5px;margin-left:6px;}
  .mypage.mypage_pay_method .payment_list .list dt{width:90px;}
  .mypage.mypage_pay_method .payment_list .list dd{width:calc(100% - 90px);}
  .join .join_confirm dl dt{width:40%;}
  .join .join_confirm dl dd{width:60%;}
}

/* 2023.06.07 white theme */
  .contents.webview.white .down_cont .notice_txt table th,
  .contents.webview.white .down_cont .notice_txt table td,
  .contents.webview.white .down_cont .faq_txt table th,
  .contents.webview.white .down_cont .faq_txt table td,
  .contents.webview.white .terms .terms_cont table td { color: #1E1E1E; }

  .contents.webview.white .notice .title { color: #1E1E1E; }
  .contents.webview.white .notice .btn_down .notice_tit { color: #1E1E1E; }
  .contents.webview.white .notice .down_cont { background: #F4F4F4; }
  .contents.webview.white .notice .down_cont .notice_tit { color: #1E1E1E; }
  .contents.webview.white .notice .down_cont .notice_txt { color: #1E1E1E; }

  .contents.webview.white .faq_titbox { background: #F4F4F4; }
  .contents.webview.white .faq_titbox .title { color: #1E1E1E; }
  .contents.webview.white .faq .select_box .btn_select { background: #FFFFFF; border-bottom: 1px solid #F4F4F4; }
  .contents.webview.white .faq .faq_tit { color: #1E1E1E; }
  .contents.webview.white .faq .faq_list .down_cont { background: #F4F4F4; }
  .contents.webview.white .faq .faq_list .down_cont .faq_txt { color: #1E1E1E; }
  .contents.webview.white .faq .select_list_box { background: #FFFFFF; border-top: 1px solid #E8E8E8; }
  .contents.webview.white .select_list .input_select + label { color: #1E1E1E; }
  .contents.webview.white .input_box .input_txt { background: transparent; border: 1px solid #1E1E1E; color: #1E1E1E; }

  .contents.webview.white .life .title { color: #1E1E1E; }
  .contents.webview.white .life .category .cate_list .list .btn_cate { background: #FFFFFF; border: 1px solid #E1E1E1; color: #A2A2A2; }
  .contents.webview.white .life .category .cate_list .list.on .btn_cate { background: #50CCE0; border-color:#50CCE0; color: #F3FDFF; }
  .contents.webview.white .life .life_list .cont .text { color: #1E1E1E; }
  .contents.webview.white .life .thumbnail { background: #F4F4F4; }
  .contents.webview.white .life .tag .list { color: #50CCE0; }
  .contents.webview.white .life.life_desc .cont .text { color: #1E1E1E; }
  .contents.webview.white .life_desc .life_cont { background: #F4F4F4; color: #7C7C7C; }

  .contents.webview.white .terms .terms_list .list a { color: #1E1E1E; }
  .contents.webview.white .terms .terms_list .list + .list { border-top: 0px; }
  .contents.webview.white .terms .title_box .title { color: #1E1E1E; }
  .contents.webview.white .terms .terms_cont { color: #1E1E1E; }
  .contents.webview.white .tab-terms.wrap-tab-list::after {background-color:#F4F4F4!important;}

  /* 약관 개정이력 */
  .contents.webview.white #terms_history {color:#2C2C2C;}
  .contents.webview.white #terms_history select {background-color:#EFEFEF;color:#2C2C2C;}
  .contents.webview.white #terms_history option {color:#2C2C2C;}

  .contents.webview.white .event .title { color: #1E1E1E; }
  .contents.webview.white .event .thumbnail { background: #F4F4F4; }
  .contents.webview.white .event .event_tit { color: #1E1E1E; }


  /* 상품상세 (2024.04.23) */
.contents.webview.white .product .product_cont{background:#F4F4F4;color:#1E1E1E;}
.contents.webview.white #productNoticeArea{color:#1E1E1E;}
.contents.webview.white #productNoticeArea .title::before{background-image:url('../images/icon/icon_information_white.png');}
.contents.webview.white #productNotice{color:#A2A2A2;}

/* 이벤트상세 (2024.07.15) */
.contents.webview.white .event .event_cont{background:#F4F4F4;color:#1E1E1E;}