@charset "utf-8";

/*============================================================
font
=============================================================*/
/* HyundaiSansHead */
@font-face {
    font-family:"HeadBold";
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRBold.eot");
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRBold.eot?#iefix") format("embedded-opentype"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRBold.woff2") format("woff2"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"HeadMedium";
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRMedium.eot");
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRMedium.eot?#iefix") format("embedded-opentype"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRMedium.woff2") format("woff2"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRMedium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"HeadRegular";
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRRegular.eot");
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRRegular.eot?#iefix") format("embedded-opentype"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRRegular.woff2") format("woff2"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"HeadLight";
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRLight.eot");
    src: url("../font/Hyundai-Sans/HyundaiSansHeadKRLight.eot?#iefix") format("embedded-opentype"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRLight.woff2") format("woff2"),
    url("../font/Hyundai-Sans/HyundaiSansHeadKRLight.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/*============================================================
common
=============================================================*/
html, body { height:100vh; -webkit-text-size-adjust:none; }
body {  font-family:"HeadRegular", sans-serif; font-size:14px; line-height:1.5; color:#000; background:#f6f3f2;  -ms-word-break: keep-all; word-break: keep-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 
input, select, textarea, button { font-family:"HeadRegular", "PretendardRegular", sans-serif; font-size:14px; line-height:1.5; color:#000; background:transparent; -webkit-appearance:none; -webkit-border-radius:0; border-radius: 0;}
::-webkit-input-placeholder, :-ms-input-placeholder, ::placeholder { color: #999; }
* { box-sizing:border-box; margin:0; padding:0; border:0; font-weight:normal; outline:none; 
  /* -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none;  */
}
*:before, *:after { box-sizing: border-box; }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline; }
audio:not([controls]) { display: none; height:0; }
a { color:inherit; text-decoration:none; outline:none; -webkit-tap-highlight-color: transparent; }
img { vertical-align:middle; }
li { list-style:none; }
var, em { font-style:normal; }
cite { font-style:normal; }
embed { width:100%; height:100%; }
label { max-width:inherit; margin:0; font-weight:normal; }
table{ border-spacing:0; border-collapse:collapse; }
h1,h2,h3,h4,h5,h6{ display:inline-block; }
#skip-navigation { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; display:none; }
.dimd { overflow:hidden; }
.fontr {font-family:"HeadRegular" !important;}
.fontm {font-family:"HeadMedium" !important;}
.fontl {font-family:"HeadLight" !important;}
/* .fontb {font-family:"HeadBold" !important;} */
.font12 {font-size:12px !important;}
.font14 {font-size:14px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.font20 {font-size:20px !important;}
.font22 {font-size:22px !important;}
.font24 {font-size:24px !important;}
.font36 {font-size:36px }

/* color */
.color1 { color:#00aad2 !important; }
.color2 { color:#e63312 !important; }
.color3 { color:#002c5f !important; }
.color4 { color:#999 !important; }
.color5 { color:#777777 !important;}
.color6 {color:#74960e !important;}
.color7 {color:#000 !important;}
.color8 {color:#e49700 !important}
.color9 {color:#8141d2 !important}
.color1.bold {font-family:"HeadMedium";}
.color2.bold {font-family:"HeadMedium";}
.color3.bold {font-family:"HeadMedium";}
.color4.bold {font-family:"HeadMedium";}
.color5.bold {font-family:"HeadMedium";}
.color6.bold {font-family:"HeadMedium";}

/* background color */
.bg-white {background:#fff !important;}
.bg-gray {background:#f6f3f2 !important;}
.bg-none {background: none;}
/* badge */
.badge { display:inline-block; height:18px; margin-right:4px; padding:2px 6px; border-radius:9px; background:#a36b4f; color:#fff; font-family:"HeadMedium"; font-size:10px; }
.badge.c1 { background:#00aad2; } /* 진행,신청,배송준비,배송중,완료 (기타) */
.badge.c2 { background:#c42525; } /* 경고 (레저스포츠) */
.badge.c3 { background:#002c5f; } /* 완료,승인,사용가능,적립 (문화공연) */
.badge.c4 { background:#595959; } /* 종료,취소 (캠핑) */
.badge.c5 { background:#3d3029; } /* 정보,정비,사용 (테마여행) */
.badge.c6 { background:#e63312; } /* 반려 */
.badge.c7 { background:#74960e !important; } /* 충전 */
.badge.c8 { background:#6e16fd !important; } /* new */
.badge.c9 { background:#8141d2; } /* new */
.badge.c10 { background:#1664C0; } /* 예약신청 */
.badge.c11 { background:#A7c253; } /* 진행중 */
.badge-new { display:inline-block; width:18px; height:18px; margin-right:4px; background:url(../images/common/ic_new.svg) no-repeat center; background-size:24px; vertical-align: middle; }
.badge-wrap { margin-bottom:8px;}
.badge-newred {display:inline-block; width:32px; height:18px; margin-right:4px; background:url(../images/common/new-badge.svg) no-repeat center; background-size:100%; vertical-align: middle; }

.rej-comment { position:relative; padding-left:60px; margin-top:15px; font-size:12px; }
.rej-comment .title { position:absolute; top:0; left:0; font-family:"HeadMedium"; color:#e63312; }
.rej-comment p { color:#595959; }

/* default setting */
.m0 {margin:0 !important;}
.m16 {margin:16px !important;}
.mb0 { margin-bottom:0 !important; }
.mb4 { margin-bottom:4px !important; }
.mb6 { margin-bottom:6px !important; }
.mb8 { margin-bottom:8px !important; }
.mb10 { margin-bottom:10px !important; }
.mb14 {margin-bottom:14px !important;}
.mb16 {margin-bottom:16px !important;}
.mb20 { margin-bottom:20px !important; }
.mb24 { margin-bottom:24px !important; }
.mb30 { margin-bottom:30px !important; }
.mb32 { margin-bottom:32px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mt0 { margin-top:0 !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt8 { margin-top:8px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt16 { margin-top:16px !important; }
.mt20 { margin-top:20px !important; }
.mt24 { margin-top:24px !important; }
.mt26 { margin-top:26px !important; }
.mt30 { margin-top:30px !important; }
.mt32 { margin-top:32px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt68 { margin-top:68px !important; }
.ml0 { margin-left:0 !important; }
.ml10 { margin-left:10px !important; }
.ml16 { margin-left:16px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.mr0 { margin-right:0 !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mlr0 {margin-left:0 !important; margin-right:0 !important;}
.mlr16 {margin-left:16px !important; margin-right:16px !important;}
.mlr24 {margin-left:24px !important; margin-right:24px !important;}
.mlr32 {margin-left:32px !important; margin-right:32px !important;}


.p0 {padding:0 !important;}
.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb16 { padding-bottom:16px !important; }
.pb20 { padding-bottom:20px !important; }
.pb24 { padding-bottom:24px !important; }
.pb30 { padding-bottom:30px !important; }
.pb32 { padding-bottom:32px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb80 { padding-bottom:80px !important; }
.pb85 { padding-bottom:85px !important; }
.pb90 { padding-bottom:90px !important; }
.pb124 { padding-bottom:124px !important; }
.pt0 { padding-top:0 !important; }
.pt6 { padding-top:6px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt16 { padding-top:16px !important; }
.pt20 { padding-top:20px !important; }
.pt24 { padding-top:24px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt55 { padding-top:55px !important; }
.pt60 { padding-top:60px !important; }
.pt65 { padding-top:65px !important; }
.pl0 { padding-left:0 !important; }
.pl15 { padding-left:15px !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl30 { padding-left:30px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.pr0 { padding-right:0 !important; }
.pr10 { padding-right:10px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }
.pr36 { padding-right:36px !important; }
.pr40 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }
.plr0 {padding-left:0 !important; padding-right:0 !important;}
.plr5 {padding-left:5px !important; padding-right:5px !important;}
.plr24 {padding-left:24px !important; padding-right:24px !important;}
.plr27 {padding-left:27px !important; padding-right:27px !important;}
.plr32 {padding-left:32px !important; padding-right:32px !important;}
.ptb16 {padding-top:16px !important; padding-bottom:16px !important;}
.ptb24 {padding-top:24px !important; padding-bottom:24px !important;}

/* width */
.w40 {width:40px !important;}

.overflow-minus { margin:0 -16px; }
.w100p { width:100% !important; }
.h100p {height: 100% !important;}
.valign-top { vertical-align:top !important; }
.valign-super { vertical-align:super !important; }
.valign-baseline { vertical-align:baseline !important; }
.valign-middle { vertical-align:middle !important; }
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right !important; }
.fl-left { float:left !important; }
.fl-right { float:right !important; }
.dp-block { display:block; }
.d-block { display:block !important; }
.dp-inlineblock { display:inline-block !important; }
.none { display:none !important; }
.blind { position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0; }
caption.blind { position:static; text-indent:-100000px; }
.border-light { border-color:#e4dcd3 !important; }
.value-selected {color:#002C5F !important}
.inp-hidden {position: absolute; height: 1px; width: 1px; overflow: hidden;  clip: rect(1px,1px,1px,1px); clip: rect(1px 1px 1px 1px);}

/* flex */
.flex-container { display:flex; justify-content: space-between; width:100%; align-items: center;}
.flex-container p:first-child { margin-right:16px; }
.flex-container .str { flex-grow:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.flex-container .tit { font-family:"HeadMedium"; }
.flex-container .stit { white-space:nowrap; }
.flex-container .str .light { color:#878787; }
.flex-container .value { white-space:nowrap; text-align:right; }
.flex-container .value em { font-family:"HeadMedium"; }
.flex-container .tips-caution {background-size:16px;color:inherit;font-size:inherit;margin-top:0;padding-left:20px;}
.flex-container .charbtn {position:relative; transform:translateY(0);}
.flex-container + hr {margin:0 20px;}
.flex-container.align-top {align-items: flex-start;}
.flex-container.flex-start {justify-content: flex-start;}
.flex-container.flex-end {justify-content: flex-end;}

.inline-flex {display: inline-flex;}
.flex-box {display: flex;}
.flex1 {flex: 1}
/*  page-loader */
.wrap-loader { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.6); z-index:9999;}
.page-loader { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
/*  Text loading   */
.loading { display:inline; font-size: 12px; }
.loading:after { overflow: hidden; display: block; width: 0px; vertical-align: bottom; -webkit-animation: ellipsis steps(12,end) 1200ms infinite; animation: ellipsis steps(12,end) 1200ms infinite; content: "Loading....."; }

body.cal-open { overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0;}
body.cal-open .cal-dimd { display:block !important; }
.cal-dimd { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:102;}
body.full-open { overflow:hidden; }

/*============================================================
layout
=============================================================*/
.wrap { position:relative; min-width:320px; height:100vh; margin:0 auto; }
#header.down { -webkit-transform: translate(0,-56px); transform: translate(0,-56px);}
#header.transparent {background: none; border-bottom: none;}
#header.gray {background: #f6f3f2;}
/* header */
#header { position:fixed; top:0; left:0; right:0; height:56px; line-height:56px; text-align:center; background:#fff; border-bottom:1px solid #e4dcd3; z-index:6; overflow:hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#header .main-title { position:absolute; top:0; left:16px; height:56px; text-align:left; }
#header .main-title a { display:block; width:100px; height:56px; background-size:100px 24px; font-family:"HeadMedium"; font-size:18px; }
#header .main-title.home a { background:url(../images/common/logo_myhyundai.svg) no-repeat 0 center; }
#header .main-title.myblue a { background:url(../images/common/logo_myblue.svg) no-repeat 0 center; }
#header .main-title.mycar a { background:url(../images/common/logo_mycar.svg) no-repeat 0 center; }
#header .main-title.myplace a { background:url(../images/common/logo_myplace.svg) no-repeat 0 center; }
#header .sub-title { position:absolute; top:0; left:48px; height:56px; right:80px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#header .sub-title span { font-family:"HeadMedium"; font-size:18px; }
#header ul { position:absolute; top:10px; right:8px; }
#header ul li { float:left; height:36px; }
#header ul li a { display:inline-block; width:36px; height:36px; line-height:0; text-align:center; }
#header ul li a.list { background:url(../images/common/ic-bold-list.svg) no-repeat center/36px; }
#header ul li a.barcode { background:url(../images/common/ic_header_barcode.svg) no-repeat center/36px; }
#header ul li a.alarm { position:relative; background:url(../images/common/ic_header_alarm.svg) no-repeat center/36px; }
#header ul li a.coupon { position:relative; background:url(../images/common/ic_coupon.svg) no-repeat center/36px; }
#header ul li a.join {position:relative; background:url(../images/common/ic_join.svg) no-repeat center/36px; }
#header ul li a.login { position:relative; background:url(../images/common/ic_login.svg) no-repeat center/36px; }
#header ul li a.alarm .alaram-notice { position:absolute; right:10px; top:10px; width:6px; height:6px; background:#c42525; color:#c42525; border-radius:100%; overflow:hidden; }
#header ul li a.setting { background:url(../images/common/ic_header_setting.svg) no-repeat center/36px; }
#header ul li a.share { background:url(../images/common/ic_header_share.svg) no-repeat center/36px; }
#header ul li a:active { background-color:rgba(70, 74, 89, 0.1); }
#header .back { position:absolute; top:10px; left:8px; width:36px; height:36px; background:url(../images/common/ic_header_back.svg) no-repeat center/36px; }
#header .back:active { background-color:rgba(70, 74, 89, 0.1); }
#header.popup-version .close { position: absolute; top: 0px; right: 0px; display: block; width: 36px; height: 36px; background: url(../images/common/ic_close.svg) no-repeat center; background-size: 36px auto; outline: none;}
#header.popup-version .close:active { background-color:rgba(0,0,0,0.15);}
#header #pop-header {border-bottom: none;}
#header #pop-header h3 span {font-family: "HDTextMedium"; font-size: 16px; line-height: 24px;}

#nav { position:fixed; left:0; bottom:0; right:0; min-width:320px; margin:0 auto; background:#fff; border-top:1px solid #e4dcd3; z-index:10; padding-bottom: calc(env(safe-area-inset-bottom) - 2px); padding-bottom: calc(constant(safe-area-inset-bottom) - 2px); }
#nav .highlight { position:absolute; top:-1px; left:0; height:2px; background:#002c5f; transition: all .5s; }
#nav ul { display:flex; width:100%; height:60px; }
#nav ul li { position:relative; flex:1; align-items:stretch; color:#999; font-size:10px; text-align:center; }
#nav ul li a { display:block; width:100%; height:60px; margin:0 auto; padding-top:35px; background-repeat:no-repeat; background-position:center 10px; background-size:24px; }
#nav ul li.on:after { content:""; position:absolute; top:-1px; left:0; width:100%; height:2px; background:#002c5f; transition: all .5s; }
#nav ul li.on { color:#002c5f; }
#nav ul li.home a { background-image:url(../images/common/nav_home.svg); }
#nav ul li.home.on a { background-image:url(../images/common/nav_home_on.svg); }
#nav ul li.myblue a { background-image:url(../images/common/nav_myblue.svg); }
#nav ul li.myblue.on a { background-image:url(../images/common/nav_myblue_on.svg); }
#nav ul li.mycar a { background-image:url(../images/common/nav_mycar.svg); }
#nav ul li.mycar.on a { background-image:url(../images/common/nav_mycar_on.svg); }
#nav ul li.myplace a { background-image:url(../images/common/nav_myplace.svg); }
#nav ul li.myplace.on a { background-image:url(../images/common/nav_myplace_on.svg); }
#nav ul li.menu a { background-image:url(../images/common/nav_menu.svg); }
#nav ul li.menu.on a { background-image:url(../images/common/nav_menu_on.svg); }
#nav ul li a:active { background-color:rgba(70, 74, 89, 0.1); }
/*renewal nav*/
#nav.renewal {position:fixed; left:0; bottom:0; right:0; min-width:320px; margin:0 auto; background:#fff; border-top:1px solid #e4dcd3; z-index:10; padding-bottom: calc(env(safe-area-inset-bottom) - 2px); padding-bottom: calc(constant(safe-area-inset-bottom) - 2px); }
#nav.renewal ul { display:flex; width:100%; height:60px; }
#nav.renewal ul li { position:relative; flex:1; align-items:stretch; color:#999; font-size:10px; text-align:center; }
#nav.renewal ul li a { display:block; width:100%; height:60px; margin:0 auto; padding-top:35px; background-repeat:no-repeat; background-position:center 10px; background-size:24px; }
#nav.renewal ul li.on { color:#000; }
#nav.renewal ul li.on:after{content:"";border:0;top:0;height:0}
#nav.renewal ul li.bluem a { background-image:url(../images/common/btn_mainmenu01.svg); }
#nav.renewal ul li.bluem.on a { background-image:url(../images/common/btn_mainmenu01_on.svg); }
#nav.renewal ul li.carlife a { background-image:url(../images/common/btn_mainmenu02.svg); }
#nav.renewal ul li.carlife.on a { background-image:url(../images/common/btn_mainmenu02_on.svg); }
#nav.renewal ul li.home a { background-image:url(../images/common/btn_mainmenu03.svg); }
#nav.renewal ul li.home.on a { background-image:url(../images/common/btn_mainmenu03_on.svg); }
#nav.renewal ul li.carmanage a { background-image:url(../images/common/btn_mainmenu04.svg); }
#nav.renewal ul li.carmanage.on a { background-image:url(../images/common/btn_mainmenu04_on.svg); }
#nav.renewal ul li.more a { background-image:url(../images/common/btn_mainmenu05.svg); }
#nav.renewal ul li.more.on a { background-image:url(../images/common/btn_mainmenu05_on.svg); }
#nav.renewal ul li a:active { background-color:rgba(70, 74, 89, 0.1); }
/* container */
#container { overflow-x:hidden; position:relative; min-height:100vh; padding:56px 0 0; background:#f6f3f2; padding-bottom: calc(constant(safe-area-inset-bottom) + 60px); padding-bottom: calc(env(safe-area-inset-bottom) + 60px);}
#container.overx-visible {overflow-x: visible;}
#container.bgGray {background: #F5F5F7;}

/* sub container */
#container.fullpage  { padding-bottom:16px; }

/* main section */
section { margin:16px; background:#fff; }
section .header { position:relative; min-height:52px; padding:15px 16px 13px; background:#fff; } 
section .header.type-line {padding: 24px 0 16px; margin: 0 16px 24px; border-bottom: 1px solid #222;;}
section .header.link-tag { display:block; margin:0 16px; padding:15px 0 13px; }
section .header.link-tag:active { background-color:rgba(70, 74, 89, 0.1); }
section a.header.link { position:relative; display:block; min-height:52px; padding:14px 16px; background:#fff; } 
section a.header.link .tit:after { content:""; position:absolute; top:-6px; right:-35px; width:36px; height:36px; background:url(../images/common/ic_go.svg) no-repeat center; background-size:36px; }
section a.header.link.ic-charging { padding:24px 16px; background:url(../images/common/ic_charging.svg) no-repeat 94% 45%; background-size:36px; }
section a.header.link.ic-siren { padding:24px 16px; background:url(../images/common/ic_siren.svg) no-repeat 94% 45%; background-size:36px; }
section .header .tit { position:relative; font-family:"HeadMedium"; font-size:16px; } 
section .header .stit { margin-left:-8px; font-family:"HeadMedium"; font-size:14px; } 
section .header .tit .light { font-family:"HeadRegular"; } 
section .header .tit.new { position:relative; } 
section .header .tit.new:after { position:absolute; right:-28px; top:0; content:""; width:24px; height:24px; background:url(../images/common/ic_new.svg) no-repeat center; background-size:24px; } 
section a.header.link:active { background-color:rgba(70, 74, 89, 0.1); }
section .header .refresh { position:absolute; top:8px; right:0; display:block; width:36px; height:36px; background:url(../images/common/ic_refresh.svg) no-repeat center/36px; }
section .header.none-edit .editor-group {display:none;} 
section .header .sub {font-size:12px; margin-top:2px; color:#999;}
section .header .charbtn {right:16px;}
section .header .flex-container .charbtn {right:0;}

section .border-top { margin:0 16px; padding:24px 0; border-top:1px solid #000; }
section .border-top.gray { border-color:#eee;}
section .border-top.gray2 { border-color:#E3E5E8;}
section .border-top.tab-inner { margin:0 16px; padding:8px 0 31px; border-top:1px solid #7f7f7f; }
section .border-top.btn-wrap.link-type { padding:16px 0; }
section .border-top .inner { padding: 0 16px; }
section .border-top + .btn-wrap  { margin-top:0; }
section .header.border-bottom {margin:0 16px 13px;padding:15px 0 13px;border-bottom:1px solid #000;font-size:14px;}
section .inner { padding:16px; }
section .inner.border-top { margin:0; }
section .inner.mb-logout { padding:16px; }
section .inner > .inner { padding-top:0; }
section .inner .tit-bor { display:block; padding:0 0 14px 0; border-bottom:1px solid #000; font-family:"HeadMedium"; font-size:16px; }
section .article-list {margin:0; }
section .article.off { display:none; }
section + .btn-wrap {margin-top:-16px;}

section.bg-white { margin:0; padding:16px; background:#fff; }
section.bg-gray { margin:0; padding:16px; background:#f6f3f2; }
section.bg-gray .inner { background:#f6f3f2; }
section.keyvisual, section.keyvisualhome { margin:0; }
section.notice .inner { padding:16px; }
section.notice .inner.block { display:block; }
section.notice .inner:active { background:rgba(0,0,0,.15); }
section.notice.mlr0 .inner {padding:16px 32px 16px 24px;}
section.banner-img .header { padding-right:40px;}
section.banner-img .header.linktype { padding:0; }
.section { margin:16px; background:#fff; }
.text-body { padding:24px 16px; }
.scroll { overflow-y:auto; padding-bottom:35px; }
.link-tag:active { background:rgba(0,0,0,.15); }

section.link-tag:active .header {background:rgba(0,0,0,0);}
.header + .text-body.text-guide { padding:0 16px 24px; }
.header + .text-body.text-guide dd { word-break: break-all;} 
section.mlr0wrap {margin:16px 0;}
section.mlr0wrap .header {padding:20px 32px;}
section.mlr0wrap .header.pr75 {padding-right:75px;}
section.mlr0wrap .header .small {font-size:12px; font-family:'HeadRegular';}
section.mlr0wrap .content {position:relative; padding:20px 32px;}
section.mlr0wrap .content.type2 {padding:0 16px 20px 16px;}
section.mlr0wrap .content.beforenone:before{content:unset;}
section.mlr0wrap .content:before {content:''; width:calc(100% - 64px); height:1px; background:#e4dcd3; position:absolute; top:0px; left:32px;}
section.mlr0wrap .gobtn {position:absolute; top:50%; right:23px; transform:translateY(-50%); padding:8px 22px 6px 12px; color:#fff; font-size:12px; border-radius:20px; background:#002c5f url(../images/common/ic-bold-arrow-right-white.svg) no-repeat calc(100% - 2px) 50%;}
.round-box {display:block; position:relative; border:1px solid #ddd; border-radius:15px; padding:24px 24px 24px 164px; transition:all 0.15s ease-out;}
.round-box:active {background-color:rgba(0,0,0,0.15);}
.round-box .thumb {position:absolute; left:24px; top:50%; transform:translateY(-50%); width:115px;}
.round-box .thumb img {width:100%; height:auto;}
.round-box .tit-wrap .tit {margin-top:4px;}

section.mlr0wrap .content.swipescroll {display:flex; overflow-y:scroll; padding: 0 16px 20px 16px;}
section.mlr0wrap .content.swipescroll:before {content:unset;}
.swipescroll .swipeswrap {padding-right:16px;}
.swipescroll .swipewrap-box {display: flex; flex-direction: column; justify-content: space-between; height:100%; min-width:300px; border:1px solid #ddd; border-radius:15px; padding:0;}
.swipescroll .swipewrap-box:active {background-color:unset;}
.swipescroll .swipewrap-box .tit-wrap {position:relative; overflow:hidden; min-height:125px; padding:25px 60px 16px 16px; }
.swipescroll .swipewrap-box .thumb {position: absolute; display: block; width: 70px; height: auto; right: 16px; top:60%; transform:translateY(-50%);}
.swipescroll .swipewrap-box .thumb img {width:100%; height:auto;}
.swipescroll .swipewrap-box .tit-wrap .tempinfobtn {position:absolute; right:16px; top:26px; width:14px; height:14px; background:url(../images/common/ic-caption-info.svg);}
.swipescroll .swipewrap-box .tit-wrap .tempinfobtn:active {background-color:rgba(0,0,0,0.15);}
.swipescroll .swipewrap-box .tit-wrap .miniopt {font-size:12px; color:#999; margin-bottom:14px;}
.swipescroll .swipewrap-box .tit-wrap .minitit {font-size:12px;}
.swipescroll .swipewrap-box .tit-wrap .tit {position:relative; font-size:18px; font-family:'HeadBold';}
.swipescroll .swipewrap-box .tit-wrap .tit .mvc-discount {position:absolute; top:50%; transform:translateY(-50%);}
.swipescroll .swipewrap-box .btn-wrap.link-type.footer {position:relative; border-radius:0 0 15px 15px; border-top:none;}
.swipescroll .swipewrap-box .btn-wrap.link-type.footer:before {content:''; position:absolute; width:calc(100% - 32px); height:1px; top:0; left:16px; background:#ddd;}
.swipescroll .swipewrap-box .btn-wrap.link-type.footer a {height:46px; line-height:46px;}
.swipescroll .swipewrap-box .btn-wrap.link-type.footer a:active {border-radius:15px;}
.swipescroll .swipewrap-box.type2 .tit-wrap {padding-right:16px;}
.swipescroll .swipewrap-box .charbtn {z-index:1; right:16px; top:29px; transform:unset;}
.swipescroll .swipewrap-box .content {padding:0; font-size:14px; margin-top:14px; white-space:nowrap;}
.swipescroll .swipewrap-box .content:before {content:none;}
.swipescroll .swipewrap-box.type2 .content .fontm {margin-right:4px;}

/* main & sub top white area */
.sub-main-header { margin:0; background:#fff; }
.sub-main-header .inner { padding:32px; }
.sub-main-header .main-text { font-family:"HeadLight"; font-size:16px; }
.sub-main-header .text-guide .heading { margin:16px 0 4px; }
.sub-main-header .text-guide .heading:first-of-type { margin-top:24px; }

.sub-head-info { margin-bottom:16px; padding:30px 32px 0; }
.sub-head-info.off { display:none; }
.sub-head-info .info-h { margin-bottom:8px; color:#000; font-size:14px; }
.sub-head-info .info-p { color:#595959; font-size:12px; }
.sub-head-info .info-note { color:#595959; font-size:12px; text-align:center; }
section.mypoint-info.bg-white { padding:32px; }
section.mycar-info.bg-white { padding:32px; }

.tab-header {margin:0;}
.tab-header .inner {padding:32px 24px; }
.tab-header .text-wrap {}
body.font-big .tab-header .text-wrap {}

/* 2depth nav tab  */
.sub-nav { display:flex; width:100%; background:#fff; border-bottom:1px solid #e4dcd3; }
.sub-nav li { position:relative; flex:1; display:flex; align-items:center; justify-content: center; min-height:52px; font-size:14px; color:#999; }
.sub-nav li a { width:100%; height:52px; line-height:52px; text-align:center; }
.sub-nav li.on { font-family:"HeadMedium"; color:#002c5f; }
.sub-nav li.on:after { position:absolute; bottom:-1px; content:""; width:100%; height:2px; background:#002c5f; }
.sub-nav.type2 { overflow-y:hidden; overflow-x:auto; }
.sub-nav.type2::-webkit-scrollbar { display:none; } 
.sub-nav.type2 li { flex:none; padding:0 32px; }
.sub-nav li:active { background-color:rgba(70, 74, 89, 0.1); }
.sub-nav.type3 {margin:0 24px 0 19px; width: calc(100% - 48px); border-bottom: none;}
.sub-nav.type3 li {width: 50%; margin-left: 5px; min-height: 36px;}
.sub-nav.type3 li a {height:36px; line-height: 36px; color:#222; font-size: 14px; background:#f3f3f3;}
.sub-nav.type3 li.on a {color:#00aad2; background:#dcf3f9;}
.sub-nav.type3 li.on:after {display: none;}

/* tabs */
.tab-content { display:none; }
.tab-content.on { display:block; }
.tab-inner .tabs { margin-left:-16px; }
.tabs { display:flex; flex-wrap:nowrap; justify-content: flex-start; min-height:42px; margin-bottom:16px; padding:10px 16px; overflow:hidden; overflow-x:auto; }
.tab-lis { display:flex; flex-wrap:nowrap; justify-content: flex-start; min-height:42px; margin-bottom:16px; padding:10px 0; overflow:hidden; overflow-x:auto; }
.list-tabs { display:flex; flex-wrap:nowrap; justify-content: flex-start; margin:16px 0; overflow:hidden; overflow-x:auto; }
.list-tabs::-webkit-scrollbar {display:none; }  
.tabs .tab { outline:none; }
.tabs .tab, .list-tabs li { position:relative; display:inline-block; margin-right:8px; padding:0 16px; color:#999; white-space:nowrap; }
.tabs .tab:first-child { padding-left:0; }
.tabs .tab:last-child { margin-right:0; }
.tabs .tab:after, .list-tabs li:after { content:""; display:block; position:absolute; right:-4px; top:50%; width:1px; height:12px; background:#e4dcd3; transform:translateY(-6px); }
.tabs .tab:last-child:after, .list-tabs li:last-child:after  { display:none; }
.tabs .tab.on, .list-tabs li.on { font-family:"HeadMedium"; color:#002c5f; }
.list-tabs.type2 li:first-child { padding-left:0; }
@media only screen and (max-width: 355px) {
  .tabs .tab { padding:0 10px; }
}
@media only screen and (max-width: 320px) {
  .tabs .tab { padding:0 6px; }
}
.win-pop-wrap #pop-container > .tab-content,
.win-pop-wrap .pop-container > .tab-content { padding-bottom:16px; }

/* pictogram card */
.pictogram-card { margin:16px; padding:24px 90px 24px 16px; background:#fff; }
.pictogram-card .tit { margin-bottom:8px; font-family:"HeadMedium"; font-size:16px; }
.pictogram-card p { font-size:14px; }
.pictogram-card.pic06 { background:#fff url(../images/common/ic_pic_06.svg) no-repeat calc(100% - 16px) center/36px; } 
.pictogram-card.pic07 { background:#fff url(../images/common/ic_pic_07.svg) no-repeat calc(100% - 16px) center/36px; } 
.pictogram-card.pic08 { background:#fff url(../images/common/ic_pic_08.svg) no-repeat calc(100% - 16px) center/36px; } 
.pictogram-card.pic09 { background:#fff url(../images/common/ic_pic_09.svg) no-repeat calc(100% - 16px) center/36px; } 
.pictogram-card.pic10 { background:#fff url(../images/common/ic_pic_10.svg) no-repeat calc(100% - 16px) center/36px; } 
.pictogram-card.pic11 { background:#fff url(../images/common/ic_pic_11.svg) no-repeat calc(100% - 16px) center/36px; } 
.pictogram-card.pic12 { background:#fff url(../images/common/ic_pic_12.svg) no-repeat calc(100% - 16px) center/36px; } 
.pictogram-card.pic13 { background:#fff url(../images/common/ic_pic_13.svg) no-repeat calc(100% - 16px) center/36px; } 

.infobox-wrap {padding: 16px; margin:16px 0; font-size: 12px; line-height: 18px;}
.infobox-wrap.bg-blue {color:#00aad2; background: rgba(0, 170, 210, 0.1);}


/*============================================================
home & common
=============================================================*/
/* home keyVisual paging*/
section.mlr0 {margin:16px 0;}
/* section.keyvisualhome .carousel-wrap .slick-slide img{height: 204px;} */
.carousel-wrap .keyPaging {position: absolute; bottom: 15px; left: 16px; font-size: 12px; color: #bbbbbb;line-height: 1.33;}
.carousel-wrap .keyPaging #currentKey {opacity:1; font-family: "HeadBold";}
.carousel-wrap .keyPaging .keyAllbtn {color:#fff; border-radius: 10px; padding: 1px 6px; margin-left: 6px; background:rgba(153, 153, 153, 0.5);}
.carousel-wrap .keyPaging .keyAllbtn:active {background:rgba(153, 153, 153, 1);}

.myHyundai-user { margin:0;  }
.myHyundai-user .user, .myHyundai-user .user .name, .myHyundai-user .user .id, .myHyundai-user .user .usercar, .myHyundai-user .light, .myHyundai-user .carinfo
{ flex-grow:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.myHyundai-user .name { font-family:"HeadMedium"; line-height: 1.43; position: relative;}
.myHyundai-user .usercar {position:relative; margin-top: 15px; font-size: 24px; display:inline-block; line-height:1 !important; padding:3px 0;}
.myHyundai-user .usercar:active {background: rgba(0,0,0,0.15);}
.myHyundai-user .usercar .favorite {display:inline-block; width: 28px; height: 28px; background: url(../images/common/ic-favorite-checked-blue.svg) no-repeat right center; background-size: 28px; vertical-align: middle;}
.myHyundai-user .carinfo {/*margin-top:8px;*/ font-size:12px;}
.myHyundai-user .user {position:relative; flex-grow:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1.44;}
.myHyundai-user .bold {font-family:"HeadBold";}
.myHyundai-user .light {position:relative; line-height: 1.67;}
.myHyundai-user .light, .myHyundai-user .light .name {font-family:"HeadLight";}
.myHyundai-user .regular {font-family:"HeadRegular";}
.myHyundai-user .hloginbtn {height: 30px; border-radius: 15px; background-color: #002c5f; color: #fff; padding: 7px 20px; font-size: 12px; margin-top:5px;}
.myHyundai-user .hloginbtn:active {opacity: 0.6;}
.myHyundai-user .user-link { display:block; padding:20px 32px; position:relative;}
.myHyundai-user a.user-link:active { background:rgba(0,0,0,.15); }
.myHyundai-user .color5 {font-size:12px; white-space: initial;}
.myHyundai-user .dkeybtn {position:absolute; height: 30px; border-radius: 15px; background-color: #002c5f; color: #fff; padding: 7px 12px; top:15px; right:32px; font-size: 12px;}
.myHyundai-user .dkeybtn:active {opacity:0.6;}
.myHyundai-user .slick-dotted .user-link {padding-bottom:36px;}
.myHyundai-user + .myHyundai-user .slick-slide .user-link {padding-top: 0;}
.myHyundai-user + .myHyundai-user .user-link {padding-top: 0;}

.ho-main.pictogram-card { padding:0; background:#fff url(../images/common/ic_ho_01.svg) no-repeat calc(100% - 32px) center/36px; }
.ho-main.pictogram-card a { display:block; width:100%; padding:24px 70px 22px 16px; }
.ho-main.pictogram-card a div { padding-right:calc(100% - 180px); }
.ho-main.pictogram-card a:active { background-color:rgba(70, 74, 89, 0.1); }
.ho-main.pictogram-card .tit { padding-right:36px; background:url(../images/common/ic_go.svg) no-repeat right center; background-size:36px; }
.ho-logout { margin:0; background:#fff; }
.ho-logout a { display:block; padding:16px; }
.ho-logout a:active { background:rgba(0,0,0,.15); }
.ho-logout .header { position:relative; min-height:18px; line-height:18px; padding:0; overflow:hidden; background:none; } 
.ho-logout .header .tit {  font-size:14px; line-height:1; }
.ho-logout .header .go { display:block; line-height:1.5; background: url(../images/common/ic_go.svg) no-repeat right center; }
.notice h2 {max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice p { display:block; height:20px; line-height:20px; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice p .cate { margin-left:8px; font-family:"HeadMedium"; color:#002c5f; }
.hpf-badge {border-radius: 9px; border: solid 1px #00aad2; font-size: 10px; text-align: center; color: #00aad2; font-family: "HeadMedium"; line-height: 1.43; padding: 1px 6px; margin-left: 4px; position: absolute; top: 50%; transform: translateY(-50%);}

.update { display:flex;}
.update p { padding-right:8px; }
.update .cate { font-family:"HeadMedium"; color:#002c5f;}
/* setting */
#pop-container .setting.inner,
.pop-container .setting.inner { padding:0 32px;}
.setting-list li { position:relative; margin:10px; padding:5px 33px 4px; background:url(../images/common/ic_main_list.svg) no-repeat -5px 2px/24px; }
/* .setting-list.ui-sortable li { padding-left:0; background-image:none; } */
.setting-list.ui-sortable li .sort-handle { display:block; margin-left:-33px; padding-left:33px; background:#fff url(../images/common/ic_main_list.svg) no-repeat -5px -3px/24px; }
.setting-list li .switch-wrap { position:absolute; top:7px; right:0; z-index:10;}
.setting-list li.drag { outline: 5px solid #f6f3f2; background-color:#f6f3f2; }
.setting-list li.drag .sort-handle { background-color:#f6f3f2; }

.home-notice {display:block;}
.home-notice .inner {display:block !important; position:relative; background: url(../images/common/ic_notice.svg) no-repeat 8px center; background-size:36px;}
.home-notice .inner:active {background: rgba(0,0,0,.15) url(../images/common/ic_notice.svg) no-repeat 8px center !important; background-size:36px;}
.home-notice p { display: block; height: auto; line-height: 20px; padding: 0 0 0 32px; background: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.home-notice .tit {display:block; font-family:"HeadMedium"; font-size:16px; padding-left:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mlr0.home-notice .slick-slide > div {display:table; width:100%; table-layout: fixed;}
.mlr0.home-notice .inner {padding: 20px 32px !important; height:77px; display:table-cell !important; vertical-align: middle; background: url(../images/common/ic_notice.svg) no-repeat 23px center; background-position-y:49%;}
.mlr0.home-notice .tit {font-size:14px; line-height:1.33;}
.mlr0.home-notice p {font-size:12px; margin-top:4px; line-height:1.33;}
/*20210812 설문조사추가*/
.mlr0.home-notice.survey .inner{background:url(../images/common/ic-bold-survey.svg) no-repeat 23px center !important; background-position-y:49%;}
.mlr0.home-notice.survey .inner:active {background: rgba(0,0,0,.15) url(../images/common/ic-bold-survey.svg) no-repeat 23px center !important; background-position-y:49%;}
/* new home tap - hyundaicar stroy & bluemembers */
.kar-story {display:block; width:100%; padding: 8px 16px 20px 16px;}
.kar-story .inner {padding: 0;}
.kar-story .kar-story-li {display: block; width: 100%; position: relative; margin-bottom: 20px; height:86px;}
.kar-story .kar-story-li:last-child {margin-bottom:0;}
.kar-story .kar-story-li:active {background-color: rgba(0,0,0,.15);}
.kar-story .kar-story-li .thumb {position: absolute; top: 0; left: 0; width:128px; height:86px; border-radius:15px; overflow:hidden;}
.kar-story .kar-story-li .thumb  img{width:100%; height: 100%; object-fit:cover;}
.kar-story .kar-story-li .tit-wrap {padding-left:144px;}
.kar-story .kar-story-li .tit-wrap .badges {padding-top:0px; display:flex;}
.kar-story .kar-story-li .tit-wrap .badges .badge {padding-top:3px;}
.kar-story .kar-story-li .tit-wrap .tit {font-size: 14px; margin-top: 5px; line-height: 1.5; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break:break-all;}

/* 블루멤버스 제휴처 슬라이드 167 191 -> 198 211*/
.bluemem {padding: 8px 0px 20px 0px;}
.bluemem .slick-list {padding-left:8px !important; padding-right:calc(100% - 211px) !important;}
.bluemem .slick-list .slick-slide {margin:0 8px;}
.bluemem .inner {position:relative; width: 187px !important; padding: 16px 10px; border-radius: 15px; border: 1px solid #dddddd; overflow:hidden;}
.bluemem .inner:active:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.15); z-index: 1;}
.bluemem .tit-wrap {text-align: center; width: 100%; margin-top:8px;}
.bluemem .tit-wrap .tit {font-size: 14px; margin-bottom: 4px; position: relative; font-family: "HeadMedium"; line-height:1.14; overflow: hidden; text-overflow: ellipsis; display: block; white-space:nowrap;}
.bluemem .tit-wrap p {font-size: 12px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.bluemem .inner .thumb {width: 100%; display: block; position: relative; height: 41px; overflow:hidden;}
.bluemem .inner .thumb img {object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; max-height: 41px; max-width: 110px; width: 100%;}

/* digital key */
section.mlr0.bg-gray {padding:0;}
.dikeybanner {position:relative;}
.dkeyslide .slick-slide {padding: 0 8px; display:block; max-height:166px;}
.dkeyslide .slick-list {padding-left:8px !important; padding-right:calc(100% - 320px) !important; max-height:166px;}
.dkeyslide .slick-list .slick-track, .dkeyslide .dkeyslide .dk {max-height:166px;}
.dkeyslide .slick-slide div {display:inline-block; width:296px; max-height:166px;}
.dkeyslide .banner-wrap .banner:active {opacity:0.6;}
.dkeyslide .banner-wrap .banner {display:block; border: none; width: 296px !important; height:166px; position:relative; border-radius:15px; overflow:hidden;}
.dkeyslide .banner-wrap .banner .thumb {position: absolute; top: 0; left: 0px; width: 100%; height: 100%;}
.dkeyslide .banner-wrap .banner .thumb img {width:100%; height:100%; border-radius:15px; object-fit:cover;}
.dkeyslide .banner-wrap .tit-wrap {display:none; position: absolute; text-align: left; margin-top: 40px; width:100%; padding:0 16px;color: #fff; font-family: "HeadRegular"; font-size: 12px;}
.dkeyslide .banner-wrap .tit-wrap .tit {font-size: 16px; margin-bottom: 12px; position: relative; font-family: "HeadMedium"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.dkeyslide .banner-wrap .tit-wrap .txt {font-size: 12px; width: 100% !important; line-height:1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word;}

/* slide 한개인 경우 onebanner class 추가됨. */
.dkeyslide .slick-dots {display:none !important;}
.dkeyslide.onebanner .slick-list {padding-right: 8px !important;}
.dkeyslide.onebanner .slick-slide div {display:inline-block; width:100%;}
.dkeyslide.onebanner .slick-list .slick-track, .dkeyslide.onebanner .slick-track div, .dkeyslide.onebanner .banner-wrap .banner {width: 100% !important; max-height:unset;}
.dkeyslide.onebanner .banner-wrap .banner .thumb {position:relative; }
.dkeyslide.onebanner .banner-wrap .tit-wrap {top:50%; margin-top:0; transform:translateY(-50%);}
.dkeyslide.onebanner .banner-wrap .banner {height:auto;}
.dkeyslide.onebanner .slick-list, .dkeyslide .slick-list .slick-track, .dkeyslide .dkeyslide .dk {max-height:unset;}


/* 즐겨찾기 메뉴 */
.menuswiper {padding: 4px 32px 20px 32px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1;}
.menuswiper .swiper-wrapper .inner {width:auto !important; padding: 7px 12px; border-radius: 18px; border: 1px solid #dddddd; overflow:hidden; text-align: center; font-size: 12px; line-height:1.33; margin-right:8px; min-width: 50px;}
.menuswiper .swiper-wrapper .inner:last-child {margin-right:0;}
.menuswiper .swiper-wrapper .inner:active {background:rgba(0,0,0,.15);}
.menuswiper .swiper-wrapper .inner:active:before {background:none;}

.ho-main.bluepoint-card {padding:0;}
.ho-main.bluepoint-card .header.linktype {padding:0;}
.ho-main.bluepoint-card a { display:block; width:100%;}
.ho-main.bluepoint-card a:active { background-color: unset; }
.ho-main.bluepoint-card .tit {font-family: "HeadMedium"; font-size:16px; padding-left:32px; background:none; }
.ho-main.bluepoint-card .pointwrap {display: block; width: 100%; padding-left: 32px; position: relative; padding-bottom:10px;}
.ho-main.bluepoint-card .pointwrap ul {position:relative; height:44px;}
.ho-main.bluepoint-card .pointwrap li:first-child {display:inline-block; position:absolute; left:0; height:100%;}
.ho-main.bluepoint-card .pointwrap li:last-child {display:inline-block; position:absolute; width: 130px; height: 100%; right: 22px;}
.ho-bluepoint-barcode .barcode {position:relative; width:110px; height:100%; margin:auto;}
.ho-bluepoint-barcode .barcode svg {position: absolute; top: 0; left: 50%; transform: translateX(-50%) !important; width: 100%; height: 100%; padding:1px 3px;}
.ho-bluepoint-barcode .barcode:active:before {background: rgba(0,0,0,0.15); content: ''; position: absolute; width: 100%; height: 100%; z-index: 1;}
.ho-bluepoint-barcode .barcode .b_glass {position:absolute; right:-5px; bottom:-5px;}
.ho-bluepoint-barcode .barcode .b_glass img {width:100%; height:100%;}

.ho-main.bluepoint-card .editor-grouptxt {top: 17px;}
.ho-main.bluepoint-card .editor-grouptxt .editor-btn:active {background: rgba(0,0,0,0.15) url(../images/common/ic_go.svg) no-repeat right -6px center;}
.ho-main.bluepoint-card .point {display:block; width:100%; height:100%; font-family:"HeadLight"; font-size:24px; padding:10px 0; line-height:1;}
.ho-main.bluepoint-card .point:active {background:rgba(0,0,0,0.15);}

.menuswp-wrap .header {padding:20px 32px;}
.editor-grouptxt {position: absolute; top: 20px; right: 23px; width:auto;}
.editor-grouptxt .editor-btn {top: 20px; font-family: "HeadRegular"; font-size: 12px; background: url(../images/common/ic_go.svg) no-repeat right -6px center; background-size: 36px; padding: 5px 24px 5px 9px;}
.editor-grouptxt .editor-btn:active {background: rgba(0,0,0,0.15) url(../images/common/ic_go.svg) no-repeat right -6px center;}

.home-quick.bg-white {padding:0 22px;}
.home-quick .inner {padding: 0;}
.home-quick .quick-menu { display:flex; width:100%; margin-top:0; justify-content: unset;}
.home-quick .quick-menu li { min-width: 40px; text-align: center; height:85px; width:25%; float:left;}
.home-quick .quick-menu li a {height:85px; padding: 50px 1px 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break:break-all;}
.home-quick .quick-menu.foolsevent li a {transform:rotate(-180deg);}
.home-quick .quick-menu.foolsevent li a .badge {transform:rotate(-180deg); top:unset; left:unset; bottom:1px; right:50%;}

.recall-notice {display:block; padding:8px 52px 8px 30px; background-color: #002c5f; background: #002c5f url(../images/common/ic_go_white.svg) no-repeat right 16px center; background-size: 36px;}
.recall-notice .tit {display:-webkit-box; font-size:12px; color:#fff; line-height:1.67; width:100%; padding-left:23px; background: url(../images/common/ic_alarm_white.svg) no-repeat -3px center; background-size:20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.dkeywrap .header {position:relative; padding:18px 32px;}
.dkeywrap .header.linktype {padding:0;}
.dkeywrap .header.linktype a.hkey {display:block; min-height:63px; padding:10px 52px 10px 32px; background: url(../images/common/ic_go.svg) no-repeat right 16px center; background-size: 36px;}
.dkeywrap .header.linktype a.hkey .tit {margin-right:8px; margin-top:10px;}
.dkeywrap .header.linktype a.hkey .badge {vertical-align: text-bottom; padding-top:3px;}
.dkeywrap .header.linktype ul.dkeybadge {display:inline-flex; margin:10px 0;/*display: -webkit-inline-box;*/}
.dkeywrap .header.linktype a.hkey:active {background: rgba(0,0,0,0.15) url(../images/common/ic_go.svg) no-repeat right 16px center;}
.dkeywrap .header .dkeybtn {position:absolute; height: 30px; border-radius: 15px; background-color: #002c5f; color: #fff; padding: 7px 12px; transform:translateY(-50%); top:50%; right:30px; font-size: 12px;}
.dkeywrap .header .dkeybtn:active {opacity:0.6;}
.dkeywrap .dkeycontent {padding:0 32px 18px;}
.dkeywrap .dkeycontent .tips-caution {margin-top:12px;}
.dkey-step {display: block; margin-bottom: 8px;}
.dkey-step li {font-family: "HeadMedium"; font-size: 12px; color: #fff; background: #d8d8d8; border-radius: 9px; padding: 1px 5px; display: inline; margin-right:4px; position:relative;}
.dkey-step li:last-child {margin-right:0;}
.dkey-step li.on {background: #00aad2;}
.dkey-step li:before {content: ''; width: 8px; height: 1px; border-top: 1px dashed #d8d8d8; position: absolute; top: 50%; left: -7px; z-index: 0;}
.dkey-step li.on:before {border-top: 1px dashed #00aad2;}
.dkey-step li:first-child:before {display:none;}

.dkey-rcmd {position:relative;}
.dkey-rcmd:before {content: ''; width: calc(100% - 64px); height: 1px; background: #e4dcd3; position: absolute; top: 0; z-index: 1; left: 32px;}
.dkey-rcmd .header {padding: 20px 32px 4px 32px;}
.dkey-rcmd .inner {padding:0 22px;}
.dkey-rcmd .quick-menu a .badge {position: absolute; top: 13px; margin-right: 0; left:50%; z-index: 1; background:#e63312; padding:2px 4px;}

/* 60px 스몰 배너 */
.main-sbanner {min-width:320px; background:#fff; margin-top:3px;}
.main-sbanner .inner {padding:0; width:100%; background:#000;}
.main-sbanner .img {width:100%;}

/*============================================================
myblue
=============================================================*/
.mb-logout .h1 { font-family:"HeadLight"; font-size:24px; }
.mb-logout .h1 span { white-space:nowrap; }
.mb-logout ul { margin-top:10px; }
.mb-logout ul li { min-height:24px; margin-top:12px; padding:4px 0 0 32px; font-size:12px; background-repeat:no-repeat; background-position:0 center; background-size:24px; }
.mb-logout ul li:nth-child(1) { background-image:url(../images/common/ic_mb_01.svg); }
.mb-logout ul li:nth-child(2) { background-image:url(../images/common/ic_mb_02.svg); }
.mb-logout ul li:nth-child(3) { background-image:url(../images/common/ic_mb_03.svg); }
.mypoint-info .mypoint-header { display:flex; width:100%; }
.mypoint-info .mypoint-header + .point { margin-top:-4px; }
.mypoint-info .mypoint-header .user { font-family:"HeadRegular" !important; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mypoint-info .mypoint-header .hpf-badge {top:40%;}
.mypoint-info .mypoint-header .user .name { font-family:"HeadMedium"; }
.mypoint-info .mypoint-header .user, .mypoint-info .mypoint-header .tit { flex:1; margin-right:4px; font-family:"HeadMedium"; }
.mypoint-info .mypoint-header .date { line-height:24px; text-align:right; white-space:nowrap; }
.mypoint-info .point { font-family:"HeadLight"; font-size:36px; }
.mypoint-info .card-set { margin:22px 0 42px; }
.mypoint-info .btn-wrap { margin-top:31px; }
.mypoint-info .flex-container .point + .arrow-btn {background-color:transparent;background:url(../images/common/ic-bold-arrow-right-gray.svg)no-repeat 115% 50%;background-size:24px;color:#69727D;font-weight:500;font-size:14px;padding:0 14px 0 0;position:static;}
.sub-main-header .point { margin-top:1px; }
.sub-main-header .point + .point-detail,
.mypoint-info .flex-container:nth-of-type(2) + .point-detail { margin-top:42px; }
.sub-main-header .mypoint-info { padding:32px; }
.point + .barcode { position:relative; width:100%; height:95px; }
.point + .barcode svg { position:absolute; top:0; left:50%; width:100%; transform:translateX(-50%) !important;}
.barcode .stit { position:absolute; bottom:14px; left:-10px; } 
.point-list li { margin-bottom:16px; }
.point-list li:last-child { margin-bottom:0; }
.point-detail li { margin-bottom:14px; }
.point-detail li:only-child { margin-bottom:0; }
.point-detail li:last-child { margin-bottom:0; }
.point-detail .name { font-family:"HeadMedium"; }
.point-detail .light { font-family:"HeadLight"; }
.point-detail.type2 li {margin-bottom:8px;}
.point-detail.type2 .flex-container p:first-child { margin-right: 0px; width: 90px; flex-grow: unset;}
.point-detail.type2 .flex-container .value {text-align:unset; width:calc(100% - 90px); white-space:normal; font-family:'HeadRegular'; color:#595959;}

/* transfer apply */
.transferer-info .tit { font-size:16px; margin-bottom:24px; }
.transferer-info .id{ color:#000; font-size:14px; }
.transferer-info .value{ word-break: break-all; white-space: normal;  }
.p li { margin-bottom:13px; }
.p li:last-of-type{ margin-bottom:0; }
.accordion .inner.transferer-info { padding:28px 0 16px; }
section .inner.main-info { padding:14px 16px 32px; }

/* product detail */
.product-detail-wrap { margin:32px; }
.product-detail-wrap .figure { margin-bottom:24px; text-align:center; }
.product-detail-wrap .item-header { border-bottom:1px solid #000; }
.product-detail-wrap .item-header .tit { margin:8px 0; font-family:"HeadMedium"; font-size:16px; }
.product-detail-wrap .product-detail { margin:24px 0 23px; }
.product-detail-wrap .product-detail li { margin-bottom:14px; }
.product-detail-wrap .text-guide { padding-top:24px; border-top:1px solid #e4dcd3; }
.product-detail-wrap .btn-wrap { margin:32px -32px 0; }

/* hpf introduction */
.hpf-intro-card { margin:16px; padding:24px 16px; background:#fff; }
.hpf-intro-card .tit { margin-bottom:8px; font-family:"HeadMedium"; font-size:16px; }
.hpf-intro-card .thumb { margin:24px -16px -24px; }
.hpf-intro-card .thumb img { width:100%; }
.hpf-intro-card .bold {font-family:"HeadMedium";}

.maintain-list li { padding:23px 0; border-top:1px solid #e4dcd3; }
.maintain-list li:first-child { padding-top:0; border-top:0; }
.maintain-list li:last-child { padding-bottom:16px; }
.maintain-list .item { margin-top:8px; font-size:12px; }

.guide-join.bg-white { padding-bottom:0; }
.guide-join.section { margin:16px; padding:24px 16px 18px; background:#fff; }
.guide-join .img { margin:8px 0 50px; }
.guide-join .text-guide li:last-of-type .img { margin-bottom:0; }

.renewal-join .border-top {border-top: none; margin: 0 8px; padding-top: 8px;}

/* hpf review - list-tabs */
.hpf-category { margin-top:16px; margin-bottom:24px; }
.hpf-category li { padding-top:36px !important; background-repeat:no-repeat; background-size:36px; background-position:top center; }
.hpf-category .all { background-image:url(../images/common/ic_hpf_all_off.svg); }
.hpf-category .golf { background-image:url(../images/common/ic_hpf_golf_off.svg); }
.hpf-category .glamping { background-image:url(../images/common/ic_hpf_glamping_off.svg); }
.hpf-category .fishing { background-image:url(../images/common/ic_hpf_fishing_off.svg); }
.hpf-category .movie { background-image:url(../images/common/ic_hpf_movie_off.svg); }
.hpf-category .music-tour { background-image:url(../images/common/ic_hpf_music-tour_off.svg); }
.hpf-category .online { background-image:url(../images/common/ic_hpf_online_off.svg); }
.hpf-category .concert { background-image:url(../images/common/ic_hpf_concert_off.svg); }
.hpf-category .cooking { background-image:url(../images/common/ic_hpf_cooking_off.svg); }
.hpf-category .etc { background-image:url(../images/common/ic_hpf_etc_off.svg); }
.hpf-category .all.on { background-image:url(../images/common/ic_hpf_all_on.svg); }
.hpf-category .golf.on { background-image:url(../images/common/ic_hpf_golf_on.svg); }
.hpf-category .glamping.on { background-image:url(../images/common/ic_hpf_glamping_on.svg); }
.hpf-category .fishing.on { background-image:url(../images/common/ic_hpf_fishing_on.svg); }
.hpf-category .movie.on { background-image:url(../images/common/ic_hpf_movie_on.svg); }
.hpf-category .music-tour.on { background-image:url(../images/common/ic_hpf_music-tour_on.svg); }
.hpf-category .online.on { background-image:url(../images/common/ic_hpf_online_on.svg); }
.hpf-category .concert.on { background-image:url(../images/common/ic_hpf_concert_on.svg); }
.hpf-category .cooking.on { background-image:url(../images/common/ic_hpf_cooking_on.svg); }
.hpf-category .etc.on { background-image:url(../images/common/ic_hpf_etc_on.svg); }

/* hpf 신청서 약관 */
.text-guide.scrollarea strong { display:block; margin-bottom:10px; font-size:12px; font-family:"HeadMedium"; color:#595959;}
.text-guide.scrollarea p { margin-bottom:10px; color:#595959; }
.text-guide.scrollarea ul li ul { padding-left:10px; color:#595959; }
/*============================================================
myCar
=============================================================*/
.mc-logout .header { min-height:43px; padding:16px 16px 0; }
.mc-logout .inner { padding:0 16px 16px; }
.mc-logout.pictogram-card { padding:24px 16px; }
.mc-logout.pictogram-card a { display:block; width:100%;  }
.mc-logout.pictogram-card a div { padding-right:calc(100% - 210px); }
.mc-logout .h1 { font-family:"HeadLight"; font-size:18px; }
.mc-logout .h1 span { white-space:nowrap; }

.mycar-info .mycar-header { position:relative; }
.mycar-info .mycar-header .user { width:calc(100% - 16px); font-family:"HeadMedium"; }
.mycar-info .mycar-header .go { position:absolute; top:-7px; right:-8px; width:36px; height:36px; background:url(../images/common/ic_go.svg) no-repeat center; background-size:36px; }
.mycar-info .h1 { margin:3px 0 8px; font-family:"HeadLight"; font-size:24px; }
.mycar-info .mycar-header .badge {margin-left: 8px; vertical-align: text-bottom;}
.mycar-info .h1 span { white-space:nowrap; }
.mycar-info .car-model,.section-wrap.maincar p.default-btn {line-height:1.2; font-family:"HeadLight"; font-size:36px; }
.mycar-info .car-model + .point-detail { margin-top:23px; }
.mycar-info .point-detail { margin-top:44px; }
.mycar-info .footer.btn-wrap.link-type { margin:24px -32px -32px; }
.mycar-info .info-link { display:inline-block; margin-top:15px; }
.mycar-info .info-link:active { background-color:rgba(70, 74, 89, 0.1); }
.mycar-info .mycar-header .user.dk {display: inline-block; width: unset; background:url(../images/common/ic-digital-key.svg) no-repeat top -5px left -5px; background-size:32px; padding-left:25px;}
.mycar-info .mycar-header .user.dk:active {background:rgba(0,0,0,0.15) url(../images/common/ic-digital-key.svg) no-repeat top -5px left -5px; background-size: 32px;}
.mycar-info .point-detail li { margin-bottom:10px; }


.sub-main-header .flex-container .date { line-height:24px; }
.sub-main-header .total { margin:-4px 0 26px; font-family:"HeadLight"; font-size:36px; }
.sub-main-header .total .won { font-size:24px; margin-left:5px; vertical-align:middle; }
.sub-main-header .nodata { margin-top:6px; font-family:"HeadLight"; font-size:18px; }

.parts .car-model { margin-top:7px; font-family:"HeadMedium"; font-size:24px; }
.parts .model-info { margin-top:4px; font-size:12px; }

.parts-list { margin-top:23px; border-top:1px solid #e4dcd3; }
.parts-list li { padding:8px 0; }
.parts-list li:first-child{ padding-top:23px; }

.note-supplies.text-guide { margin:0 32px; }
.note-supplies.text-guide h3.heading { margin-top:12px; font-family:"HeadMedium"; font-size:16px; }
.note-supplies.text-guide p { margin-bottom:12px; }
.note-supplies.text-guide + .btn-wrap { margin:32px 32px 16px; }

section .header.type3, .header.type3 { position:relative; }
section .header.type3 .badge, section .header.type3 .value2, .header.type3 .value2 { position:absolute; right:16px; top:17px; }
.win-pop-wrap .header.type3 .value2.type3 { top:12px; right:0; }
section .header.type3 .value { position:absolute; right:44px; top:50%; max-width:106px; font-size:14px; color:#002c5f; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transform:translateY(-50%); }
section .header.type3 .value2.color1 { font-family:'HeadMedium'; }

section .header.type4 {padding-left:50px; padding-right:100px;}
section .header.type4 .check { position:absolute; left:10px; top:50% }
section .header.type4 .arrow-btn {top:50%;transform:translateY(-50%); right:9px;}

section .header.type5 {padding-left:45px; padding-right:45px; }
section .header.type5 .check { position:absolute; left:10px; top:50% }
section .header.flex-container { align-items:flex-end; }
section .header.flex-container .date { margin-bottom:0; }
section .header.flex-container * { white-space:nowrap; }

.accordion .form-items, .blue-search .form-items {margin:35px 0;}
.accordion .form-items dl, .blue-search .form-items dl {margin-bottom:16px;}

.sort-list-wrap { margin:16px;}
.sort-list-wrap .list-header, .sort-list-wrap .basic-list { margin:0; }

.check-list-wrap {margin:24px 16px; padding:33px 0 0; border-top:1px solid #e4dcd3; }
.check-list-wrap .check-list.type2 { margin:0 0 0 -8px;}
.check-list-wrap.type2 {border-top:none;}

.sec-map { position: relative; padding-bottom:184px;}
.sec-inner-map { width:calc(100% + 32px); height: 184px; position: absolute; left: -16px; right: 0; bottom:0;}
.sec-map .pst-my {bottom:14px; top:unset; left:-2px;}                   

                        
.border-tit { display:block; margin:24px 16px 0; padding-top:24px; font-size:18px; font-family:"HeadLight"; border-top:1px solid #e4dcd3; }

/* graph content  */
.graph-content span.unit { display:block; margin-top:4px; font-size:12px; color:#999; line-height:18px;}
.graph-content span.unit.type2 { display:inline-block; position: absolute; right: 16px; top: 16px;}
.graph-label { padding:0 16px 24px;}
.graph-label li { overflow:hidden; margin-bottom:16px; line-height:20px; }
.graph-label li > span:first-child { float:left; position:relative; padding-left:18px; }
.graph-label li > span:first-child:before { display:block; content:""; position:absolute; top:50%; left:0; width:10px; height:10px; border-radius:50%; transform: translateY(-50%); }  
.graph-label li > span.data01:before { background:#002c5f;}
.graph-label li > span.data02:before { background:#00aad2;}
.graph-label li > span.data03:before { background:#aacae6;}

.graph-label li > span:first-child span { color:#999;}
.graph-label li > span:last-child { float:right; font-family:"HeadMedium";}
.graph-label li > span { font-size:14px; color:#000; }


.chart-area .donut { margin-bottom:0; }
.chart-area .donut svg g text:nth-child(1) { font-size:14px; font-family:"HeadMedium"; line-height:20px;}
.chart-area .donut svg g text:nth-child(2) { font-size:26px; font-family:"HeadLight"; line-height:24px; }

.chart-area ~ p { font-size:12px; color:#595959; line-height:18px; }
.chart-area ~ p span { color:#002c5f; font-family:"HeadMedium";} 

.chart-area .bar { position:relative; color:#999; font-size:12px; }

.chart-area .bar ul.division-graph { overflow:hidden; width:100%; height:220px; padding:0 0 0px 0px; margin-bottom:15px; }
.chart-area .bar ul.division-graph li { position:relative; height:25%;}
.chart-area .bar ul.division-graph li span { position:absolute; top:10px; left:0; min-width:32px; display:table-cell; line-height:1; text-align:right;}
.chart-area .bar ul.division-graph li:after { position:absolute; top:15px; left:40px; content:""; display:block; width:100%; border-top:1px solid #eee; }

.chart-area .bar ul.bar-graph { position:absolute; top:0; left:0; overflow:hidden; width:100%; height:220px; padding:15px 5px 39px 34px;}
.chart-area .bar ul.bar-graph li { position:relative; float:left; width:25%; height:100%; }
.chart-area .bar ul.bar-graph li span.name { position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}
.chart-area .bar ul.bar-graph li span.value { position:absolute; bottom:0; left:50%; display:inline-block; width:10px; transform:translateX(-50%); background:#00aad2; border-radius:5px 5px 0 0;}
.chart-area .bar ul.bar-graph li.average span.value { background:#002c5f;}

.chart-area .bar.stacked ul.division-graph { height:300px;}
.chart-area .bar.stacked ul.division-graph li { position:relative; height:16.3%;}
.chart-area .bar.stacked ul.bar-graph {  height:300px; padding: 15px 5px 40px 44px;}
.chart-area .bar.stacked ul.bar-graph li ul { display:flex; flex-direction: column-reverse; position:absolute; bottom:0; left:50%; width:10px; height:100%; transform:translateX(-50%); }
.chart-area .bar.stacked ul.bar-graph li ul li { width:10px; display:block; float:none; }
.chart-area .bar.stacked ul.bar-graph li ul li:last-child {  border-radius:5px 5px 0 0;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc08 { background:#f9a163;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc07 { background:#f9c963;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc06 { background:#f9f871;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc05 { background:#b0f285;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc04 { background:#58c88e;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc03 { background:#19edd8;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc02 { background:#00c1d1;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc01 { background:#098dac;}

.chart-area + .label-list { overflow:hidden; width:100%; margin-bottom:20px; padding:0 20px;}
.chart-area + .label-list li { position:relative; float:left; padding-left:16px; margin-bottom:4px; width:25%; font-size:12px; }
.chart-area + .label-list li:before { position:absolute; top:3px; left:0px; content:""; display:block; width:10px; height:10px; }

.chart-area + .label-list li.label01:before { background:#098dac; }
.chart-area + .label-list li.label02:before { background:#00c1d1; }
.chart-area + .label-list li.label03:before { background:#19edd8; }
.chart-area + .label-list li.label04:before { background:#58c88e; }
.chart-area + .label-list li.label05:before { background:#b0f285; }
.chart-area + .label-list li.label06:before { background:#f9f871; }
.chart-area + .label-list li.label07:before { background:#f9c963; }
.chart-area + .label-list li.label08:before { background:#f9a163; }

/* myCar 상세보기 버튼 20200619*/
.basic-list .click-arrowp.str {position: relative;}
.basic-list .click-arrowp span {position: absolute; background: url(../images/common/ic_direct.svg) no-repeat center center; display: inline-block; background-size: 30px; width: 24px; height: 24px; top: -2px; margin-top: 0; margin-left:3px;}  
.click-arrow {position: absolute; background-size: 36px; background: url(../images/common/ic_direct.svg) no-repeat center center; display: inline-block; width: 24px; height: 24px; margin-left: 6px;}

.text-body-link {display:block; position:relative; background:#fff; margin:16px;}
.text-body-link:after {content: ''; position: absolute; background: url(../images/common/ic_direct.svg) no-repeat center center; background-size: 36px; top: 20px; right: 6px; width: 24px; height: 24px;}

/* myCar 자동수신내역 20200702*/
.mycarexp .info-p {margin-top:16px;}
.border-tit.menu {padding-left: 16px; font-size: 16px; font-family: "HeadMedium";}
.distance-mycar {margin:24px 16px 16px; padding: 0 16px;}
.distance-mycar .link-text.disabled {color:#999; font-size:12px; text-align:right; margin-top:4px;} 
.distance-mycar + .border-tit.menu {margin-top:16px;}
.myexpend .border-top {padding:16px 0;}
.myexpend .form-item {padding-top:9px; margin-bottom:15px;}
.myexpend .form-item.type2 dt {padding-bottom:24px;}
.myexpend .checkbox-wrap {display:inline-block; height:22px; float:left;}
.myexpend .chackbox-wrap label {padding-left:30px;}
.myexpend .checkbox-wrap label:before {top: -1px;}
.myexpend .checkbox-wrap span.badge {vertical-align: top;}
.myexpend dt a {display:block; margin-left: 30px;}
.myexpend dt a:active {background-color:rgba(70, 74, 89, 0.1);}
.myexpend dt a .txt-sm {position: absolute; top: 0; right: 0;}
.myexpend .form-item dt {font-family:"HeadRegular";}


/* 디지털키  */
.expire {color: #e63312; font-family: "HeadMedium"; margin-bottom: 3px; line-height:1.43;}
.expire .badge {margin-right:8px;}
.empty-user {display: block; padding-top: 44px; width: 100%; min-height: 62px; line-height:1.43; background: url(../images/common/ic_empty.svg) no-repeat top center; text-align: center; font-size: 14px; color: #424242;}
section.dkey-userwrap {padding-bottom:16px; border-radius: 15px; border: 1px solid #002c5f;}
section.dkey-userwrap.user-share {border: 1px solid #74960e;}
.dkey-userwrap .header {position:relative; padding: 16px 0; background:unset;}
.dkey-userwrap .header.dkuser {padding: 18px 16px; border-radius:11px; color:#fff; background:#002c5f;}
.dkey-userwrap.user-share .header.dkuser {position:relative; background: #74960e; color: #fff;}

.dkey-userwrap .tit.caution {padding-right:20px; background:url(../images/common/ic_caution1.svg) no-repeat right center; background-size:13px;}
.dkuser .tit.caution:active {background:rgba(0,0,0,0.15) url(../images/common/ic_caution1.svg) no-repeat right center; opacity:0.6;}
.dkey-userwrap .header .car {margin-top:4px;}
.dkey-userwrap .share-dkey {position: absolute; font-size:12px; top: -5px; right: -4px; display: inline-block; padding: 5px 20px 5px 9px; background: url(../images/common/ic_go.svg) no-repeat right -8px center; background-size: 36px; line-height:1.44;}
.dkey-userwrap .share-dkey.white {position: absolute; font-size:12px; top: 50%; right: 16px; transform: translateY(-50%); display: inline-block; padding-right: 16px; background: url(../images/common/ic_go_white.svg) no-repeat right -10px center; background-size: 32px; line-height:1.44}
.dkey-userwrap .share-dkey:active {background: rgba(0,0,0,0.15) url(../images/common/ic_go.svg) no-repeat right -8px center;}
.dkey-userwrap .share-dkey.white:active {background: rgba(0,0,0,0.15) url(../images/common/ic_go_white.svg) no-repeat right -10px center; background-size:32px; opacity:0.6;}
.dkey-userwrap .more-dkey {position: relative; text-align:center; display:block; width:100%; margin:-16px 0; padding:16px 0; line-height:1.44;}
.dkey-userwrap .more-dkey:active {background: rgba(0,0,0,0.15);}
.dkey-userwrap .more-dkey:after {content:''; position:absolute; width:36px; height:36px; background: url(../images/common/ic_go.svg) no-repeat -8px -8px; background-size: 36px; }
.dkey-userwrap .latest {color:#002c5f; font-family:"HeadMedium"; margin-bottom:22px; font-size:14px;}

.dkey-userwrap .text-body {padding:20px 16px 4px 16px; font-size:12px;}
.dkey-userwrap .text-body p.lastest {margin-bottom: 22px; color: #002c5f; font-family: "HeadMedium"; font-size: 14px;}
.dkey-userwrap .text-body dl.type2:last-child dt {border-bottom: 0; padding-bottom: 0;}
.dkey-userwrap .color4.bold {margin-bottom:12px;}
.dkey-userwrap .form-item {margin-bottom:19px; padding-top:0px;}
.dkey-userwrap .form-item:first-of-type {margin-top: 3px;}
.dkey-userwrap .form-item.type2 dt {font-family:"HeadRegular"; padding-bottom:16px; margin-bottom:0;}
.dkey-userwrap .form-item.type2 .tit {position: relative; font-family: "HeadMedium"; font-size: 16px; margin-bottom:16px;}
.dkey-userwrap .form-item.type2 .flex-container {margin-bottom:8px; color:#424242;}
.dkey-userwrap .form-item.type2 .flex-container:last-child {margin-bottom: 0;}
.dkey-userwrap .form-item.type2 .flex-container .title {font-size:12px; margin-right:10px; width:60px; line-height:20px;}
.dkey-userwrap .form-item.type2 .flex-container .text {text-align: left; width: calc(100% - 70px); word-break: inherit; line-height: 1.43;}
.dkey-userwrap .dkeycontent .tips-caution {margin-top:5px; line-height:1.5;}
.dkey-userwrap .dkeycontent .dkey-step {margin-bottom:12px;}
.dkey-userwrap .form-item.type2 .tit + .badge {position:absolute; top:-1px; margin-left:4px;}

.dkey-userwrap.poplist {border:none;}
.dkey-userwrap.poplist .textbody {padding-top:15px;}
#pop-container .dkey-userwrap.poplist .form-item.type2 .tit,
.pop-container .dkey-userwrap.poplist .form-item.type2 .tit {position: relative; padding:0; border-bottom:none; margin-bottom:16px;}

section.dkey-quick {padding: 0 16px; background:#fff;}
.dkey-quick .header {padding:20px 16px 10px 16px;}
.dkey-quick .inner {padding:0 0 10px 0;}
.dkey-quick .quick-menu { display:flex; width:100%; margin-top:0; justify-content: space-between;}
.dkey-quick .quick-menu li { min-width: 40px; text-align: center; height:auto; width:25%;}
.dkey-quick .quick-menu li a { display:block; width:auto; max-width:100%; min-width:60px; padding: 40px 3px 10px; font-size:12px; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break:break-all;}
.dkey-quick .quick-menu li a img {position: absolute; width: 36px; height: 36px; top: 35%; left: 50%; transform: translate(-50%, -50%);}
.dkey-quick .quick-menu:last-child li.noactive a:active:before {content:unset;}
.quick-menu.type3 {padding:0 8px;}
.quick-menu.type3 li {width:33%;}

.text-body .dkey-check {border-bottom:1px solid #dddddd; padding-top:8px; margin-bottom:15px;}
.text-body .form-item.dkey-check:last-of-type {border-bottom: none; margin-bottom:-10px;}
.text-body .form-item.dkey-check .dkcheck-wrap {border-bottom: 1px solid #dddddd; margin-bottom: 15px;}
.text-body .form-item.dkey-check .dkcheck-wrap:last-child {padding-top: 8px; border-bottom: none; margin-bottom: -10px;}

.text-body dl.dkey-check.form-item:last-child {border-bottom:none;}
.dkey-check.form-item:last-child {margin-bottom:-16px}
.dkey-check .check-list li {width: calc(50% - 6px); margin-bottom:17px;}
.dkey-check .check-list li:nth-child(odd) {margin:0 12px 16px 0;}
.dkey-check .check-basic label:before {left:-8px; z-index:1;}
.dkey-check .check-basic label {position:relative; padding-left:27px; display:inline-block;}
.dkey-check .check-list {width:100%; margin-top:24px; padding-bottom: 7px;}
.dkey-check .check-basic .caution {position:absolute; top:50%; transform:translateY(-50%); width:16px; height:16px; display:inline-block; margin-left:4px; background: url(../images/common/ic_caution_black.svg) no-repeat; cursor: pointer;}
.dkey-check .box-check-input input[type=checkbox]+span {position: relative; border-radius: 15px; font-size:14px; background: #f3f3f3; padding: 40px 2px 10px; height: 81px; border: 2px solid #f3f3f3; user-select: none;}
.dkey-check .box-check-input input[type=checkbox]+span img {position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 42px; height: 42px;}
.dkey-check .box-check-input input[type=checkbox]:checked+span {background:#f3f3f3; color:#000; border: 2px solid #00aad2;}
.dkey-check .box-check-input input[type=checkbox]+span:active, .dkey-check .box-check-input input[type=checkbox]+span:focus { outline: none; -webkit-tap-highlight-color: transparent;}
.plr16 {padding-left:16px; padding-right:16px;}
.plr32 {padding-left:32px; padding-right:32px;}
.mlr0 {margin-left:0; margin-right:0;}
.dkey-check .box-check-input input[type=checkbox]+span:before {content: ''; position: absolute; width: 18px; height: 18px; top: 8px; left: 8px; background: url(../images/common/ic_check_round.svg) no-repeat center;}
.dkey-check .box-check-input input[type=checkbox]:checked+span:before {content: ''; position: absolute; width: 18px; height: 18px; top: 8px; left: 8px; background: url(../images/common/ic_check_round-on.svg) no-repeat center;}
.dkey-check.error-box input {border: none !important;}

#pop-header .header_refresh,
.pop-header .header_refresh {display:none; position: absolute; top: 10px; left: 8px; width: 36px; height: 36px; background: url(../images/common/ic_refresh.svg) no-repeat center/36px;}
#pop-header .header_refresh:active, 
.pop-header .header_refresh:active {background-color: rgba(0,0,0,0.15);}

.dkey-range .box-check-input input[type=radio]{ display:none; }
.dkey-range .box-check-input input[type=radio]+span{ display:block; width:100%; padding:0 10px; height:42px; border:1px solid #ccc; color:#000; text-align:center; line-height:42px; cursor:pointer; overflow:hidden;}
.dkey-range .box-check-input input[type=radio]+span:active { background-color:rgba(70, 74, 89, 0.1); }
.dkey-range .box-check-input input[type=radio]:checked+span{ background:#00aad2; color:#fff; border:1px solid #00aad2; }
.dkey-range .range-datepicker input {min-height:52px;}

.sharepw.layer-pop-body .tit {margin-bottom:24px;}
.sharepw.layer-pop-body .tips-caution {text-align:initial; margin-top:24px;}
.sharepw.layer-pop-body .select-box {margin-top: 24px; border-top: 1px solid #e4dcd3; padding: 10px 0 0 0;}
.sharepw.layer-pop-body li {width: 50%; float: left; border-bottom: none;}
.sharepw.layer-pop-body .select-box li label {padding: 0 8px 0 40px;}
.sharepw.layer-pop-body .select-box li label:before {left:0;}

.i-popup .check-basic {display:inline-block; float:left;}
.i-popup label.info-check:before {content:unset;}
.i-popup label.info-check {display: inline-block; height: 16px; float:left; padding:0;}
.i-popup label.info-check .caution {top:0; transform: translateY(0%); width: 16px; height: 16px; display: inline-block; margin-left: 3px; background: url(../images/common/ic_caution_black.svg) no-repeat; cursor: pointer;}
.i-popup input:checked + label.info-check .caution {background: url(../images/common/ic_info_active.svg) no-repeat; background-position:-4px;}
.i-popup-tri {width: 20px; height: 20px; position: absolute; top:21px; z-index: 2;}
.i-popup input:checked + label.info-check .i-popup-tri:before {content: ''; position: absolute; border-style: solid; border-width: 0px 7px 10px 7px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 3px; left: 50%; transform: translateX(-50%);}
.i-popup input:checked + label.info-check .i-popup-tri:after {content: ''; position: absolute; border-style: solid;  border-width: 0px 8px 11px 8px; border-color: #cccccc transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 


.i-popupicon {position:relative; display:inline-block;}

.dkey-check .error-txt { padding: 8px 0 0 20px; font-size: 12px; color: #e63312; background: url(../images/common/ic_error.svg) no-repeat 0 10px; text-align: initial; margin-top: -29px; margin-bottom: 7px;}

.dkey-info {display:none; width: 100%; min-height:50px; top: 32px; border: 1px solid #cccccc; border-radius: 5px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.2); background: #fff; padding: 15px 34px 15px 16px; z-index: 1; position: absolute; font-size: 12px; font-family: "HeadRegular"; line-height: 1.5; }
.dkey-info.on {display:block;}
.dkey-info .dkey-info-close {position: absolute; width: 30px; height: 30px; top: 10px; right: 6px; background: url(../images/common/ic_close_gray.svg) no-repeat center; background-size: 36px auto; outline: none;}
.dkey-info .dkey-info-close:active {background-color:rgba(0,0,0,0.15);}
.i-popupicon input {width: 0px; height: 0px; background:red;}


/* 디키안내 & 등록 */
.mycar-info .color5 {margin-top: 6px;}
section.car-enroll {margin: 16px 0 0 0; padding: 0 16px;}
section.car-enroll .header{padding: 20px 16px;}
.car-enroll-info {}
.car-enroll-info .text-body {padding: 0 16px;}
.car-enroll-info .form-item {padding-top: 40px; margin-bottom: 0px;}
.car-enroll-info .form-item.type2 dt {padding-bottom: 40px; font-family:"HeadRegular"; font-size: 14px; line-height: 1.43; border-bottom: 1px solid #e4dcd3;}
.car-enroll-info .form-item.type2:last-child dt {border-bottom: none; margin-bottom: 16px;}
.car-enroll-info .form-item .tit {margin-bottom: 11px; font-size: 18px;}
.car-enroll-info .borderbox {border:1px solid #ccc; border-radius:15px; margin-top:22px; padding:20px;}
.car-enroll-info .borderbox + .borderbox {margin-top:35px;}
.car-enroll-info .borderbox .inner {position:relative; padding:0 0 0 80px;}
.car-enroll-info .borderbox .content {position:relative; margin-top:5px; color:#777;}
.car-enroll-info .borderbox  img {position:Absolute; top:50%; left:0; transform:translateY(-50%); width:70px; height:70px;}
.car-enroll-info .enrollbtn {display:block; width:100%; margin-top:25px; padding:7px 10px; text-align:center; color:#fff; background:#002c5f; border-radius:15px; font-size:12px; transotion:all 0.15s ease-out;}
.car-enroll-info .enrollbtn:active {opacity:0.8;}
.car-enroll-info .circle-list {position:relative; margin:24px 0 40px 0;}
.car-enroll-info .circle-list:before {content:''; position:absolute; top:50%; left:37px; transform:translateY(-50%); width:1px; height:50%; border-left:1px dashed #979797; }
.car-enroll-info .circle-list li {position:relative; padding-left:100px;}
.car-enroll-info .circle-list li + li {margin-top:40px;}
.car-enroll-info .circle-list li .step {position:absolute; top:50%; left:7px; transform:translateY(-50%); width:60px; height:60px; padding-top:20px; background:#002c5f; border-radius:50%; color:#fff; font-size:28px; text-align:center; font-family:"HeadLight"; }
.car-enroll-info .circle-list li .step:before {content:'STEP'; position:absolute; top:10px; left:50%; transform:translateX(-50%); font-family:"HeadMedium"; color:#fff; font-size:12px; }
.car-enroll-info .circle-list li .content {margin-top:7px; color:#777;}
.car-enroll-info .arrow-list {display:flex; justify-content: space-between; margin:0 0 3px 0;}
.car-enroll-info .arrow-list li {position:relative; width:80px; padding-top:47px; color:#777; text-align:center;}
.car-enroll-info .arrow-list li:not(.arrow) img {position:absolute; top:0; left:50%; transform:translateX(-50%); width:36px; height:36px;}
.car-enroll-info .arrow-list li.arrow {width:auto; padding-top:12px;}
.car-enroll-info .circle-list.type2 {margin: 0 24px; padding-top:15px;}
.car-enroll-info .circle-list.type2 li .content {margin:8px 0 0;}
.car-enroll-info .circle-list.type2 li {min-height: 60px; display: flex; align-items: center;}
.car-enroll-info .circle-list.type2 li .step:before {font-family:"HeadRegular";}
.car-enroll-info .circle-list.type2:before {height:90%;}

.notice-list {margin-top:16px; color:#777; font-size:12px;}
.notice-list .notice-tit {color:#002c5f; font-family:"headMedium"; margin-bottom:11px;}


.arrow-btn {position: absolute; font-size: 12px; top: -5px; right: 0px; color:#000; display: inline-block; padding-right: 16px; background: url(../images/common/ic_go.svg) no-repeat right -6px center; background-size: 36px; line-height: 1.44; padding:5px 24px 5px 9px;}
.arrow-btn:active {background-color: rgba(0,0,0,0.15);}

.range-datepicker-input input[type="text"] {min-height: 52px; padding: 0px 16px; padding-right:50px; background: #f3f3f3 url(../images/common/ic_calender.svg) no-repeat right 7px center !important;}

/* 공유기간 선택 팝업 */
.range-datepicker input.range {background: #f3f3f3 url(../images/common/ic_calender.svg) no-repeat left 8px center; padding-left:46px; padding-right:5px;}
.range-datepicker.dkey-day input:active, .range-datepicker.dkey-day input:focus {color: #fff; background-color: #00aad2; border-bottom: none;}
.range-datepicker.dkey-day input.range:active, .range-datepicker.dkey-day input.range:focus {background-color: #f3f3f3; color: #000; border: 1px solid #f3f3f3;}
.range-datepicker.dkey-day input.select-btn:active, .range-datepicker.dkey-day input.select-btn:focus {color: #00aad2 !important; border: 2px solid #00aad2; background: #fff url(../images/common/ic_up_color_mint.svg) no-repeat right center}
.range-datepicker.dkey-day input.select-btn {border: 2px solid #f3f3f3;}
.dkey-daywrap dd {position:relative;}
.dkey-daywrap dd input {min-height:52px;}
.select-box-time {display:none; overflow-y: auto; overflow-x: hidden; width: calc(50% - 7px); max-height: calc(100vh - 72vh); margin-left: calc(50% + 7px); background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); position:absolute; z-index:3; top:52px;}
.select-box-time.on {display:block;}
.select-box-time input[type="text"] {border:none; background:#fff; height:42px;}
.select-box-time input:active, .select-box-time input:focus {border-bottom:none; background:#00aad2; color:#fff;}


/* 공유기간 캘린더 */
section.dkey-choice-header {margin: 0 0 16px 0; position: fixed; z-index: 3; width: 100%;}
section.dkey-choice {margin-top:236px;}
section.dkey-choice .header.flex-container,
section.time-choice .header.flex-container {align-items: center;}
.calender-day {display:none; width: 100%; /*display: table;*/ table-layout: fixed; padding: 0 16px;}
.calender-day span {height: 36px; padding: 0; font-family: "HeadMedium", sans-serif;  font-size: 12px; display: table-cell; vertical-align: middle; text-align: center;}
.dkey-calender.border-top {border-top:none; padding: 0px 0 15px 0; padding-top:0 !important; position:relative; touch-action: auto;}

.dkey-calender .kalendae{display: none;}
.dkey-calender .kalendae:first-child {display: block;}
.dkey-calender .kalendae .k-today {text-decoration: unset !important;}
.dkey-calender .kalendae { padding:0; margin:0; font-family:"HeadRegular"; background:#fff; border-radius:0; }
.dkey-calender .kalendae .k-calendar { width:100%; margin:0 0 0 0; }
.dkey-calender .kalendae .k-title, .kalendae .k-header, .kalendae .k-days { width:100%; }
.dkey-calender .kalendae .k-title { height:38px; }
.dkey-calender .kalendae .k-separator {display:none; }
.dkey-calender .kalendae .k-header { width: 100%; display: table; table-layout: fixed; margin-top:10px;}
.dkey-calender .kalendae .k-header span { height: 36px; padding: 0; color:#000; font-family: "HeadMedium", sans-serif; font-size: 12px; display: table-cell; vertical-align: middle; text-align: center; float: unset; border-bottom: 1px solid #dddddd;}
.dkey-calender .kalendae .k-header span:first-child {color:#e63312 !important;}
.dkey-calender .kalendae .k-header span:last-child {color:#00aad2 !important;}
.dkey-calender .kalendae .k-days { margin-top: 5px; padding-bottom: 10px;}
.dkey-calender .kalendae .k-caption { font-size:16px; line-height:38px; }
.dkey-calender .kalendae .k-caption-month { margin:0 6px; }

.dkey-calender .kalendae .k-btn-previous-year, .kalendae .k-btn-next-year { display:none; }
.dkey-calender .kalendae .k-btn-previous-month, .kalendae .k-btn-next-month { display:none; position:absolute; top:14px; right:6.4%; width:10px; height:10px; border:solid #000; border-width:0 2px 2px 0; border-radius:0; }
.dkey-calender .kalendae .k-btn-previous-month { left:6.4%; right:inherit; transform:rotate(135deg); -webkit-transform:rotate(135deg); }
.dkey-calender .kalendae .k-btn-next-month { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.dkey-calender .kalendae .k-btn-previous-month:after, .kalendae .k-btn-next-month:after { display:none; }

.dkey-calender .kalendae .k-days span { margin:0; padding:0; width:14.2857%; text-align:center; }
.dkey-calender .kalendae .k-days span { position:relative; margin:8px 0; font-family:"HeadRegular"; font-size:12px; color:#ddd; height:28px; line-height:28px; border-radius:0; border:none; }
.dkey-calender .kalendae .k-days span.k-out-of-month { color:#fff !important; opacity:0;}
.dkey-calender .kalendae .k-days span.k-in-month.k-active { color:#000; }
.dkey-calender .kalendae .k-days span.k-selected.k-active, .kalendae .k-header.k-active span.k-selected { background:none; }
.dkey-calender .kalendae .k-days span.k-selected.k-range-start { color:#fff; z-index:2; }
.dkey-calender .kalendae .k-days span.k-selected.k-range-end { color:#fff; z-index:1; }
.dkey-calender .kalendae .k-days span.k-selected.k-range-start:before,
.dkey-calender .kalendae .k-days span.k-selected.k-range-end:before { position:absolute; left:50%; top:50%; width:28px; height:28px; transform:translate(-50%, -50%); font-size:12px; color:#00aad2; line-height:75px; background:#00aad2; border-radius:50%; z-index:-1; }
.dkey-calender .kalendae .k-days span.k-selected.k-range-start:before { content:"시작일"; }
.dkey-calender .kalendae .k-days span.k-selected.k-range-end:before { content:"종료일"; }
.dkey-calender .kalendae .k-days span.k-selected.k-range-end:after { content:""; position:absolute; top:50%; left:0; right:48%; height:28px; transform:translateY(-50%); background:rgba(0,170,210,0.3); z-index:-1; }
.dkey-calender .kalendae .k-days span.k-out-of-month.k-selected:before { display:none; }
.dkey-calender .kalendae .k-days span.k-out-of-month.k-selected.k-active:after { display:none; }
.dkey-calender .kalendae .k-days span.k-range.k-in-month { background:none; }
.dkey-calender .kalendae .k-days span.k-range.k-in-month:after { content:""; position:absolute; top:50%; left:0; right:0; height:28px; background:rgba(0,170,210,0.3); transform: translateY(-50%); }
.dkey-calender .kalendae .k-days span.k-selected.k-range-start + span.k-range:after,
.dkey-calender .kalendae .k-days span.k-selected.k-range-start + span.k-range-end:after { left:-48%; }

.dkey-calender .kalendae .k-days span.k-selected.k-range-start.k-range-end.k-active:before {content: '공유일';}
.dkey-calender .kalendae .k-days span.k-selected.k-range-start.k-range-end.k-active:after {content: unset !important;}
/*공유기간 캘린더*/


/* 디지털키 안내 페이지  */
.sub-nav.dkey {overflow:hidden; overflow-x:auto;}
.sub-nav.dkey::-webkit-scrollbar {display:none;}
.sub-nav.dkey li {margin-right: 8px; padding: 0 16px; white-space: nowrap;}
.sub-nav.dkey li:first-child, .sub-nav.dkey li:last-child {padding: 0 13px;} 
.sub-nav.dkey li:last-child {margin-right: 0;}
.sub-nav.dkey li.on:after {width:100%; left:50%; transform:translateX(-50%); bottom:0;}
.text-main-wrap {padding:45px 32px; background-color:#002c5f; color:#fff; text-align:center; font-size:14px;}
.text-main-wrap .title {color:#d8d8d8; font-size:30px;}
.text-main-wrap .content {margin-top:13px; padding:0 16px;}

.inner-dkey {padding:45px 0px;}
.dkey-txt-logo {height:33px; width:auto;}
.inner-dkey .title {font-size: 32px; font-family: "HeadLight"; word-break: keep-all; margin:0 32px 16px 32px; line-height: 1.31;}
.inner-dkey .title-sub {font-size: 16px; margin: -20px 32px 50px 32px;}
.inner-dkey .content {font-size: 14px;  margin:0 32px 8px 32px;}
.inner-dkey .content.gray {color:#777777 !important; margin-bottom:16px;}
.inner-dkey .content:last-child {margin-bottom:0;}
.inner-dkey .gray {color:#999999 !important;}
.inner-dkey .mlr63 {margin-left: 63px !important; margin-right: 63px !important;}
.inner-dkey .medium {font-family:"HeadMedium";}
.inner-dkey .line {margin: 40px 32px 20px 32px; position: relative; display: inline-block;}
.inner-dkey .line:before {content: ""; position: absolute; width: 30px; height: 1px; background: #dddddd;}
.inner-dkey .line.long {width: 100%; margin: 50px 32px;}
.inner-dkey .line.long:before {width: calc(100% - 64px); background: #e4dcd3;}
.inner-dkey .heading1 {font-size:14px; color:#000; font-family:"HeadMedium"; margin:0 32px 16px 32px;}
.inner-dkey .heading3 {font-size:18px; color:#000; font-family:"HeadMedium"; margin:0 32px 25px 32px;}
.inner-dkey .heading4 {font-size:16px; color:#000; font-family:"HeadMedium"; margin:0 32px 6px 32px;}
.inner-dkey .dinfo-img {width:100%; padding:0 16px; margin-bottom:20px;}
.inner-dkey .dinfo-img2 {width:100%; padding:0 32px; margin-top:16px;}
.inner-dkey .numbering {font-size:14px; margin:0 32px; color:#000;}
.inner-dkey .numbering.gray {color:#777777 !important;}
.inner-dkey .numbering li {margin-bottom:10px;}
.inner-dkey .numbering.m8 li {margin-bottom:8px;}
.inner-dkey .numbering li:last-child {margin-bottom:0;}
.inner-dkey .numbering.type2 li {margin-bottom:0;}
.inner-dkey .numbering.type3 li {padding-left:16px; margin-bottom:6px;}
.inner-dkey .numbering.type3.limb0  li {margin-bottom:0px;}
.inner-dkey .numbering .num {cursor:pointer; color:#002c5f; font-family:'HeadMedium';}
.inner-dkey .numbering .num:active {background:rgba(0,0,0,0.15);}
.inner-dkey .num {cursor:pointer; color:#002c5f; font-family:'HeadMedium';}
.inner-dkey .num:active {background:rgba(0,0,0,0.15);}
.inner-dkey .numbering.type3 .num {position:absolute; left:32px; color:#000; font-family:"HeadRegular";}

a.tell {cursor:pointer; color:#002c5f; font-family:'HeadMedium';}
a.tell:active {background:rgba(0,0,0,0.15);}
.inner-dkey .sub-title { font-size: 22px; margin: 0 32px 15px 32px; border-bottom: 1px solid #000; padding-bottom: 7px; line-height:1.32;}
.inner-dkey span.step {font-size: 16px; color: #2e598a; margin-bottom: 6px; display: inline-block; font-family: "HeadBold";}
.inner-dkey .content + .sub-title {margin-top:45px;}
.inner-dkey .star-list + .sub-title {margin-top:40px;}
.inner-dkey .content + .img-content.type2 {margin-top:40px;}
.inner-dkey .content + .img-content.type3 {margin-top:30px; margin-bottom:10px;}
.inner-dkey .content + .heading3 {margin-top:35px;}
.inner-dkey .sub-title + .heading3 {margin-top:25px;}
.inner-dkey .img-content.type3 + .sub-title {margin-top:50px;}
.inner-dkey .heading1 + .content {margin-top: -6px;}
.inner-dkey .content + .heading4 {margin-top: 16px;}

.inner-dkey .img-content {margin:20px 32px 0 32px;}
.inner-dkey .img-content ul{position:relative; overflow:hidden; width:100%; display:block;}
.inner-dkey .img-content li { width:100%;}
.inner-dkey .img-content li:last-child {margin-right:0;}
.inner-dkey .img-content img {width:100%; height:auto; object-fit:cover;}

.inner-dkey .img-content .heading2 {width: 100%; font-size: 16px; font-family: "HeadMedium"; margin-bottom: 8px; }
.inner-dkey .img-content .info-content {width: 100%; color: #777777; word-break: break-word;}
.inner-dkey .img-content .info-content.black {color: #000;}
.inner-dkey .img-content.main {margin:20px 32px 0 32px;}
.inner-dkey .img-content.main ul{position:relative; overflow:hidden; width:100%; display:block;}
.inner-dkey .img-content.main li{height:auto;}
.inner-dkey .img-content.main li:nth-child(odd) {width:calc(51% - 5px); float:left; margin-right:10px;}
.inner-dkey .img-content.main li:nth-child(2n) {width:calc(49% - 5px); float:right;}
.inner-dkey .img-content.main li img {height:100%; object-fit:unset;}
.inner-dkey .img-content.type1 {width:100%; margin:20px 0 0 0;}
.inner-dkey .img-content.type3 li {width: 47%; float: left;}
.inner-dkey .img-content.type3 li:nth-child(2n) {margin-left:6%; width:47%;}
.inner-dkey .img-content.type3 .info-content {margin-bottom:16px;}
.inner-dkey .img-content.type3 .digital_key_table {table-layout: fixed; width: 100%;}
.inner-dkey .img-content.type3 .digital_key_table td {vertical-align:top;}
.inner-dkey .img-content.type3 .digital_key_table tr.img_tr + tr td {padding-top:30px;}

.inner-dkey .dk-tit {margin: 0 32px 40px 32px; font-size: 32px; font-family: "HeadLight"; padding-right: 55px; line-height: 1.31; min-height: 50px;}
.inner-dkey .dk-tit.color1 {background: url(../images/common/d-key-person-color.svg) no-repeat right center; background-size: 50px;}
.inner-dkey .dk-tit.blue {color:#1b5fad; background: url(../images/common/d-key-biz-color.svg) no-repeat right center; background-size: 50px;}
.inner-dkey .blue {color:#1b5fad;}
.inner-dkey .dk-tit.color6 {background:url(../images/common/d-key-rent-color.svg) no-repeat right center; background-size:50px;}
.inner-dkey .type4 .dk-tit {color:#a36b4f; background:url(../images/common/d-key-biz-rent-color.svg) no-repeat right center; background-size:50px;}
.inner-dkey .sub-title2 {font-size: 22px; margin: 0 32px 30px 32px; border-bottom: 2px solid #000; padding-bottom: 8px; }
.inner-dkey .title2 {font-size: 18px; font-family: "HeadMedium"; margin: 0 32px 8px 32px;}
.inner-dkey .title3 {font-family: "HeadMedium"; margin-bottom:2px; color: #727272;}
.inner-dkey .order-content {font-size: 12px; color: #999;}
.inner-dkey .tips-caution {margin-top:12.5px;}
.inner-dkey .content .tips-caution {margin-top: 16px;}
.inner-dkey .content .tips-caution + .tips-caution {margin-top: 6px;}
.inner-dkey .sub-content {margin:0 32px 30px 32px;}
.inner-dkey .order-content span {display:inline-block;}
.inner-dkey .dkey-box {margin: 0 16px 40px 16px; padding: 40px 16px; border: 1px solid #000; border-radius: 15px;}
.inner-dkey .dkey-box.type1 {border: 1px solid #00aad2;}
.inner-dkey .dkey-box.type2 {border: 1px solid #1b5fad;}
.inner-dkey .dkey-box.type3 {border: 1px solid #74960e;}
.inner-dkey .dkey-box.type4 {border: 1px solid #a36b4f;}
.inner-dkey .dkey-subbox:last-child .sub-content {margin-bottom: 0;}

.inner-dkey .dkey-box .dk-tit {margin:0 0 40px 0;}
.inner-dkey .dkey-box .sub-title2 {margin: 0 0 30px 0;}
.inner-dkey .dkey-subbox .title2 {margin:0 0 8px 0;}
.inner-dkey .dkey-subbox .content {margin: 0 0 8px 0;}
.inner-dkey .dkey-subbox .sub-content {margin:0 0 30px 0;}
.inner-dkey .dkey-box + .line {margin-top:20px;}
.inner-dkey .dkey-subbox + .sub-title2 {margin-top:50px;}

.inner-dkey .star-list {margin:0 32px;}
.inner-dkey .star-list li {padding-left: 10px; position: relative; line-height: 1.8;}
.inner-dkey .star-list li.starnone:before {content:unset;}
.inner-dkey .star-list li:before {content: '• '; position: absolute; top: 0px; left: 0; font-family: "HeadMedium";}
.inner-dkey .star-list .star-tit {font-family:"HeadMedium";}
.inner-dkey .star-sub li {position: relative; padding-left: 10px;}
.inner-dkey .star-sub.type2 li {padding-left:57px;}
.inner-dkey .star-sub.type2 li em {position:absolute; left:10px; top:0;}
.inner-dkey .star-sub li:before {content: '-'; position: absolute; top: 0; left: 0;}
.inner-dkey .sub-title.iccar {padding-right:40px; background:url(../images/common/d-key-remote-start.svg) no-repeat right bottom 4px; background-size:36px;}
.inner-dkey .sub-title.icdkey {padding-right:40px; background:url(../images/common/ic-digital-key.svg) no-repeat right bottom 4px; background-size:36px;}

.inner-dkey .call-center {display:block; margin: 4px 16px 20px 16px; padding: 20px 20px 20px 95px; border: solid 1px #dddddd; border-radius: 15px; background: url(../images/common/ic_service_center.svg) no-repeat left 25px center; background-size: 50px;}
.inner-dkey .call-center:active {background-color:rgba(0,0,0,0.15);}
.inner-dkey .call-center-num {margin-top: 6px; color: #1b5fad; font-size: 24px; font-family: "HeadLight";}
.inner-dkey .dkey-as-table {margin: 20px 32px 0 32px;}
.inner-dkey .dkey-as-table.text-guide.benefit .data_table td {padding:16px 7px;}
.inner-dkey .dkey-as-table.text-guide.benefit .data_table .thead_th {color:#000;}
.inner-dkey .dkey-as-table.text-guide.benefit .data_table .tbody_td {text-align:left; padding-left:13px;}
.inner-dkey .dkey-as-table.type2 .data_table .thead_th {font-family:"HeadRegular";}
.table-plustxt {font-size:12px; margin-bottom:14px; color:#595959; text-align:right;}

.inner-dkey span.plus {width:13px; height:13px; display: inline-block; vertical-align: middle; margin-right: 4px; border-radius: 50%; position: relative; text-align: center; color: transparent; font-family: "HeadLight"; z-index: 0; font-size: 15px; line-height: 15px; background:url(../images/common/ic_plus_mini.svg) no-repeat;}
.inner-dkey .img-center {padding: 10px 105px; width: 100%}
.inner-dkey .dk-person {margin: 30px 32px 0 32px; width: calc(100% - 64px); display: flex; justify-content: center;}
.inner-dkey .dk-person li {padding-left: 27px; margin-right: 19px; position:relative; font-size:14px;}
.inner-dkey .dk-person .blue {color:#2E598A;}
.inner-dkey .dk-person li:last-child{margin-right:0;}
.inner-dkey .dk-person li.blue:before { content: ''; width: 20px; height: 20px; border-radius: 50%; background: #2E598A; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.inner-dkey .dk-person li.color1:before { content: ''; width: 20px; height: 20px; border-radius: 50%; background: #00aad2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.inner-dkey .dk-person li.share-user:before {content: ''; width:20px; height:20px; border-radius: 50%; background: url(../images/common/d-key-personal.svg) no-repeat; background-size: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.inner-dkey .dk-tips {color:#002c5f; font-family:"HeadMedium"; margin:20px 0 6px -10px; line-height:1.57;}
.inner-dkey .dk-tips + .star-sub {margin-left:-10px;}
.inner-dkey .star-list .img-list {padding-left:0; margin:16px 0 4px 0;}
.inner-dkey .star-list .img-list img {width:100%; height:auto; margin-bottom:16px;}
.inner-dkey .star-list .img-list:before {content:unset;}
.inner-dkey .steptxt-list {margin:5px 32px 44px 32px;}
.inner-dkey .steptxt-list + .line {margin-top:6px;}
.inner-dkey .steptxt-list li {position:relative; margin-bottom:6px; padding-left:55px;}
.inner-dkey .steptxt-list li .step-tit {position:absolute; left:0; top:0; font-family:"HeadMedium";}
.inner-dkey .steptxt-list li.pl0 {padding-left:0; margin-top:20px;}
.inner-dkey .steptxt-list li.pl0 .content {margin: 0 0 20px 0;}
.inner-dkey .steptxt-list li.pl0 .content img {width:100%; height:auto; margin-top:8px;}


/* 차량등록 */
.carowner-info {padding-right:70px;background:#fff url(../images/common/ic_dkey_owner.svg) no-repeat calc(100% - 16px) center/36px; background-size:50px;} 
.carowner-info li {display: flex; flex: 1; margin-bottom: 10px;}
.carowner-info li:last-child {margin-bottom: 0;}
.carowner-info ul span.tit {display: block; width: 60px; margin-right: 11px;}
.carowner-info ul .content {font-family: "HeadLight"; font-size: 18px; line-height: 1.33;}
.carowner-caution {font-size:12px; margin-top:24px; margin-bottom:-8px; padding-top:12px; border-top:1px solid #e4dcd3; color:#999;}
.carowner-caution .link {color:#002c5f; font-family:"HeadMedium"; border-bottom:1px solid #002c5f;}
.carowner-caution .link:active {background-color:rgba(70, 74, 89, 0.1);}
.car-register .form-item dt .unit {position:relative; top:unset; right:unset; margin-left:8px; font-size:14px;}
.car-register .i-popup .dkey-info {top:30px;}
.sub-head-info .i-popup label.info-check {margin-top:3px; margin-left:-3px;}
.sub-head-info .i-popup .dkey-info {top:calc(100% + 8px);}
.sub-head-info .i-popup-tri, .car-register .i-popup-tri {top:18px;}

/* 완료메시지 */
section.complete-msg {position:relative; display: block; min-height: 328px; background: #fff;  text-align: center; font-size: 16px;}
section.complete-msg .inner {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; padding-top:66px; background:url(../images/common/ic_done.svg) no-repeat top center;}
section.white-switchbox {position:relative; padding-right:49px;}
section.white-switchbox .switch-wrap {position:absolute; top: 50%; right: 16px; transform: translateY(-50%);}
section.complete-msg.type2 {background:transparent; margin:40px 16px; min-height:unset;}
section.complete-msg.type2 .inner {position:relative; left:unset; top:unset; transform:unset; background-size:36px; padding:44px 16px 0 16px !important; font-family:'HeadLight'; font-size:20px;}
section.complete-msg.type2 .inner .bold {font-family:'HeadMedium';}
section.complete-msg.type2.manual .inner {font-size:18px; background:url(../images/common/ic-bold-manual.svg) no-repeat top center;}
section.complete-msg.type3 {margin:30px 16px; min-height:120px;}
section.complete-msg.type3 .inner {position: relative; left:unset; top:unset; transform:unset; background-size: 50px; padding-top: 58px !important;}
section.complete-msg.type3 .inner p { font-size:14px; color:#999; }
section.complete-msg.type3 .inner .bold { margin-bottom:4px; font-family:"headMedium"; font-size:18px; color:#000;}
section.complete-msg.type4 {margin:0 0;min-height:auto;padding:24px 16px;text-align:left;}


/* 보유차량 관리 */
.holding-car-wrap {position:relative; padding:42px 130px 42px 32px; background:#fff; margin:0;}
.holding-car-wrap .round-btn {right:32px;}
.holding-car-wrap .tit {font-family:"HeadMedium"; margin-bottom:14px;}
.holding-car-wrap .holding-num {float:left; font-size:24px; color:#002c5f; margin-right:16px; max-width:80px; overflow:hidden; text-overflow:ellipsis;} 
.holding-car-wrap .holdcar-li {overflow:hidden; position:relative;}
.holding-car-wrap .holdcar-li ul {float:left; position:relative; overflow:hidden; transform:translateY(0%); padding:5px 15px 5px 0;}
.holding-car-wrap .holdcar-li ul li {float:left; width:24px; height:24px; margin-right:4px; background:url(../images/common/mycar-black.svg) no-repeat 50% 50%; background-size:24px;}
.holding-car-wrap .holdcar-li ul.over {background:url(../images/common/carmany-ellipsis.svg) no-repeat 100% 25%; background-size:14px;}
.holding-car .dl-text-guide dd li {margin-bottom:0;}
.before-holding {margin:0; padding:40px 32px; background:#fff; min-height:calc(100vh - 170px);}
.before-holding .before-info {margin-top:17px;}
.before-holding .before-info li {padding:23.5px 65px 23.5px 0; position:relative;}
.before-holding .before-info li + li {border-top:1px solid #e4dcd3;}
.before-holding .before-info li .tit {font-size:16px; font-family:"HeadMedium"; margin-bottom:8px;}
.before-holding .before-info li .infolist {font-size:12px;}
.before-holding .before-info li .round-btn {padding:7px 19px;}
.holding-pop {margin-top:24px;}
.holding-pop .select-box.type4 li:last-child {border-bottom:none;}
.holding-pop .check-basic label {font-family:"HeadMedium";}
.holding-pop .carnum {margin-top:2px; font-size:12px; font-family:"HeadRegular";}
.holding-pop2.layer-pop-body {padding:36px 16px;}
.holding-pop2 p {font-size:14px; color:#000; text-align:center;}
.holding-pop2 .tips-caution {font-size:12px; color:#999; text-align:left;}
.holding-pop2 .holding-popwrap {margin-top:30px;}
.holding-pop2 .holding-popwrap .form-item:last-child {padding-top:0; margin-bottom:4px;}
.holding-pop2 .holding-popwrap .form-item dt {color:#000;}
.holding-pop2 .holding-popwrap .form-item .unit {font-size:14px; position:relative; margin-left:8px;}
.holding-pop2 .holding-popwrap .form-item input:read-only {color:#002c5f; background:#dadada;}
.holding-pop2 .holding-popwrap .form-item input:read-only:focus {border-bottom:none;}

.morebtn {position:relative; margin:-16px 16px 0px 16px; display:block;  height: 52px; background:url(../images/common/ic_down.svg) no-repeat center; background-size:32px; }
.morebtn:active:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:#00000015;}


/* 정비 수리 사진 */
.repair-img-wrap {position:relative;min-height:calc(100vh - 200px);}
.repair-img {padding:32px 16px 16px 16px; overflow:hidden;}
.repair-img li {display:block; width:calc(50% - 4px); height:100px; margin-right:8px; margin-bottom:8.7px; float:left; position:relative; overflow:hidden; border-radius:5px; cursor:pointer;}
.repair-img li:nth-child(2n) {margin-right:0;}
.repair-img li img {width:100%; height:100%; object-fit:cover;}
.repair-img-slide {position:relative; width:100%; height:calc(100vh - 56px); background:rgba(0,0,0,0.7);}

.repair-box {position:relative; width:100%; height:100%;}
.repair-box .slide {width:100%; height:100%;}
.repair-box .slide .item {position:relative; height:calc(100vh - 56px); overflow:hideen;}
.repair-box .slide .item img {position:absolute; left:50%; top:50%; transform:Translate(-50%, -50%); width:100%; height:100%; object-fit:contain;} 
.repair-box .slide .slick-list {height:100%;}
.repair-box .slide .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:36px; height:36px; text-indent:-99999px; background-color:rgba(0,0,0,0.2) !important; cursor:pointer;}
.repair-box .slide .slick-prev {background:url(../images/common/ic-bold-arrow-left-white.svg) no-repeat 50% 50%; background-size:24px; left:0;}
.repair-box .slide .slick-next {background:url(../images/common/ic-bold-arrow-right-white.svg) no-repeat 50% 50%; background-size:24px; right:0;}
.repair-box .slide .slick-arrow:active {background-color:rgba(0,0,0,0.5) !Important;}

.repair-box .keyPaging {position: absolute; right: 17px; top: 16px; font-size: 12px; color: #bbbbbb;line-height: 1.33;}
.repair-box .keyPaging #currentKey {opacity:1; font-family: "HeadBold";}
@media screen and (min-width:640px) {
  .repair-img li {height:200px;}
}

/* 서비스 네트워크 개선 */
.form-items.type2 {margin-bottom:16px; margin-top:28px;}
.form-items.type2 dl {margin-bottom:8px;}
.form-items.type2 dl.type2 dd {display:flex;}
.form-items.type2 dl.type2 dd .select-btn + .select-btn {margin-left:8px;}
.map-wrap {width:calc(100% + 64px); margin-left:-32px;}
.map-wrap #map {height:35vh !important;}
#my-asn-list.service-list {margin-left:0; width:100%;}
.select-box.service-list {width:calc(100% + 32px); margin-left:-16px;}
.select-box.service-list li .badge {margin-right:8px;}
.select-box.service-list li .name {margin-bottom:8px;}
.select-box.service-list .timetel {color:#999;}
.select-box.service-list .timetel .tel {color:#002c5f; font-family:"HeadMedium";}
.select-box.service-list .timetel span:first-child:after {content:'|'; margin:0 5px;}
.select-box.service-list .plusinfo {font-family:'HeadMedium';}
.service-list .service-type1 .badge {background-color:#00aad2;}
.service-list .service-type1 .plusinfo {color:#00aad2;}
.service-list .service-type2 .badge {background-color:#74960e;}
.service-list .service-type2 .plusinfo {color:#74960e;}
.service-list .service-type3 .badge {background-color:#d34d01;}
.service-list .service-type3 .plusinfo {color:#d34d01;}
.service-listinfo {width:calc(100% + 64px); margin-left:-32px; padding:24px 16px;}

.info-pop-list {padding:16px;}
.info-pop-list li + li {margin-top:30px;}
.info-pop-list li h2 {font-size:16px; color:#000;}
.info-pop-list li p {font-size:12px; color:#999;}
.info-pop-list li h2 + p {margin-top:4px;}
.info-popic {display:inline-block; position:relative; vertical-align:middle; width:24px; height:24px; background:url(../images/common/ic-bold-info-small-active.svg) no-repeat 0 0; background-size:24px;}
.info-popic:active:after {content:''; width:100%; height:100%; display:block; background-color:#00000015;}


/* 이동형 충전 서비스  */
.movingCharge + .content:active {background-color:rgba(0,0,0,0.15);}
.movingCharge + .content p:nth-child(2n) {position:relative; padding-right:25px;}
.movingCharge + .content p:nth-child(2n):after  { content:""; position:absolute; top:-7px; right:-5px; width:36px; height:36px; background:url(../images/common/ic_go.svg) no-repeat center; background-size:36px; }

.charge-info {position:absolute; top:50%; right:8px; transform:translateY(-50%); width:36px; height:36px; background:url(../images/common/ic-bold-info.svg) no-repeat 50% 50%; background-size:36px;}
.charge-info:active {background-color:#00000015;}
.border-top.charge-service {padding:16px 0 19px 0;}
.chargetime {font-size:12px; line-height: 24px; height: 24px;color:#999; padding-left:24px; background:url(../images/common/ic-bold-time.svg) no-repeat 0 50%; background-size:24px;}
.chargetime + p {margin-top:6px;}
.charge-service .badge-wrap {position:relative; padding-left:34px; margin-bottom:0px; margin-top:5px;}
.charge-service .badge-wrap .badge {position:absolute; left:0; top:2px;}
.charge-service .charge-cost {display: flex; align-items: center; justify-content: space-between; margin-top:17px;}
.charge-service .charge-cost .be-cost {color:#999;}
.charge-service .charge-cost .cost-arrow {width:24px; height:24px;}
.charge-service .charge-cost .af-cost {font-size:18px; font-family:"HeadMedium";}
section.bordertype1 {border:1px solid #cdcdcd; border-radius:22px; padding:32px;}
section.bordertype1 .header {border-radius:22px;}
section.bordertype2 {border-radius:10px;}
section.bordertype2 .header {border-radius:10px; padding: 20px 16px 14px 16px}

section.chservice .form-item {padding-top:0; margin-bottom:32px;}
section.chservice .form-item dt {font-family:"HeadRegular"; font-size:16px; letter-spacing: -0.2px; margin-bottom:8px;}
section.chservice .form-item textarea {margin-top:16px;}
section.chservice .bold {font-family:"HeadMedium";}
.star-grade {position:relative; display:flex;}
.star-grade li {width:36px; height:36px; background:url(../images/common/func-star-favorite-normal.svg) no-repeat 0 0;}
.star-grade li + li {margin-left:4px;}
.star-grade li.on {background:url(../images/common/func-star-favorite-checked.svg) no-repeat 0 0;}


.section-type-list.charge-list .item {border-radius:15px; transition:0.15s all ease; }
.chargeinfo {display:block; position:relative; width:100%; height:100%; padding:16px 52px 16px 16px; background: url(../images/common/direct-right.svg) no-repeat right center;}
.chargeinfo .title {font-family:"HeadMedium"; font-size:18px; display:flex; align-items:center;}
.chargeinfo .title .badge {font-size:10px; margin-top:-1px; background:#002c5f;}
.chargeinfo .time {font-family:"HeadMedium"; margin-top:12px;}
.chargeinfo .address {color:#999;}
.chargeinfo.type1 .service, .chargeinfo.type1 .title {color:#74960e;}
.chargeinfo.type1 .badge {color:#fff; background:#74960e;}
.chargeinfo.type2 .service, .chargeinfo.type2 .title {color:#00aad2;}
.chargeinfo.type2 .badge {color:#fff; background:#00aad2;}
.chargeinfo.type3 .service, .chargeinfo.type3 .title {color:#002c5f;}
.chargeinfo.type3 .badge {color:#fff; background:#002c5f;}
.chargeinfo.type4 .service, .chargeinfo.type4 .title {color:#595959;}
.chargeinfo.type4 .badge {color:#fff; background:#595959;}

.chargeinfo-detail-title {margin:0;  display:flex; align-items:center;}
.chargeinfo-detail-title .header {padding: 22px 16px;}
.chargeinfo-detail-title .badge {margin-right:8px; padding-right: 8px; padding-left: 8px; min-width: 38px; text-align: center;}

.chargeinfo-detail .header {display:flex; align-items:center;}
.chargeinfo-detail .header .badge {margin-right:8px;}

.chargeinfo-detail table.basic th {padding:16px 10px;}
.chargeinfo-detail table.basic td {position:relative; padding-right:57px; word-break: break-word;}
.chargeinfo-detail .text-guide > .color {padding-bottom: 24px; color:#999; font-size: 14px; line-height: 22px;}
.chargeinfo-detail.type2 table.basic td {padding-right:16px; }
.chargeinfo-detail.type2 .flex-container span:first-child {text-align:left;}
.chargeinfo-detail.type2 .flex-container span:last-child {text-align:right;}
.chargeinfo-detail .tips-caution {position:relative; padding-right:60px;}
.charbtn {position:absolute; right:0; top:50%; transform:translateY(-50%); display: inline-block; height: 18px; padding: 2px 17px 2px 6px; border-radius: 9px; background: #999 url(../images/common/ic-bold-arrow-right-white.svg) no-repeat 100% 50% !important; background-size:18px !important; color: #fff; font-size: 10px;}
.charbtn.type2 {top:0; transform:translateY(0);}
.charbtn.type3 {position: relative; transform:none;}
.charbtn:active {opacity:0.8;}
.charbtn.disabled {opacity:0.6;}
.charbtn.viewPhoto { background-color:#2e68ac  !important;}
.chargeinfo-detail table.basic td.modify {padding-right:0; }
.chargeinfo-detail td.modify .charbtn {display:none;}
.chargeinfo-detail td.modify .form-item {margin:0; padding:0;}
.chargeinfo-detail td.modify .form-item .input-box:not(:first-child) {margin-top:8px;}
.chargeinfo-detail td.modify .btn-wrap {margin-top:8px;}
.chargeinfo-detail td.modify .btn-wrap .btn {height:40px; line-height:40px; font-size:12px;}
.chargeinfo-detail td.modify button.btn-input {font-size:12px; height:40px; transition: all 0.15s ease-out; background: #012c5f;}
.chargeinfo-detail td.modify input[type="text"], 
.chargeinfo-detail td.modify input[type="number"], 
.chargeinfo-detail td.modify input[type="tel"], 
.chargeinfo-detail td.modify input[type="email"] {height:40px; font-size:12px;}
.chargeinfo-detail td.modify textarea {font-size:12px;}
.chargeinfo-detail td.modify .form-list li {padding:4px 0 0 ;}
.chargeinfo-detail td.modify .input-box .btn-clear, .chargeinfo-detail td.modify .tell-box .btn-clear {top:2px;}
.chargeinfo-detail .text-guide .align-right .charbtn {position:relative;transform:translateY(0);}

@media only screen and (max-width: 359px) {
  .chargeinfo-detail table.basic {
      table-layout: fixed;
  }
}

.chargeinfo-detail .timeinfo {position:relative; margin:8px 0 32px 0;}
.chargeinfo-detail .timeinfo .timebox {display:flex; justify-content: space-between; position:relative; padding-top:68px;}
.chargeinfo-detail .timeinfo .timebox p {display:block; z-index:1; width:70px; text-align:center; background:#fff; font-family:"HeadMedium"; font-size:14px;}
.chargeinfo-detail .timeinfo .timebox p.start {padding-right:8px;}
.chargeinfo-detail .timeinfo .timebox p.end {padding-left:8px;}
.chargeinfo-detail .timeinfo .timebox:before {content:''; position:absolute; bottom:20px; width:100%; height:1px; border-top:1px dashed #979797; }
.chargeinfo-detail .timeinfo .requiredtime {position:absolute; top:0; width:100%; height:87px; background:url(../images/common/ic-car-wash-time.svg) no-repeat 50% 100%; background-size:36px;}
.chargeinfo-detail .timeinfo .requiredtime .value {position:absolute; left:50%; transform:translateX(-50%); font-size:16px; border:1px solid #ccc; border-radius:15px; padding:10px; line-height:17px;}
.chargeinfo-detail .timeinfo .requiredtime .tri {position: absolute; left:50%; bottom:35px; transform:translateX(-50%); z-index: 2; width: 15px; height: 15px;}
.chargeinfo-detail .timeinfo .requiredtime .tri:before {content: ''; position: absolute; border-style: solid; border-width: 10px 7px 0px 7px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 0px; left: 50%; transform: translateX(-50%);}
.chargeinfo-detail .timeinfo .requiredtime .tri:after {content: ''; position: absolute; border-style: solid;  border-width: 11px 8px 0px 8px; border-color: #cccccc transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 

.bottom-msg {position:absolute; bottom:82px; width:calc(100% - 32px); margin:0 16px; background:#fff; border-radius:15px; padding:21px 125px 21px 16px;}
.bottom-msg .gobtn {position:absolute; top:50%; right:16px; transform:translateY(-50%); padding:4px 24px 5px 11px; color:#fff; font-size:14px; border-radius:20px; background:#002c5f url(../images/common/ic-bold-arrow-right-white.svg) no-repeat calc(100% - 2px) 50%;}

.counter-list {margin:20px 0;}
.counter-list li {font-size:12px; font-family:"HeadMedium"; counter-increment:title;}
.counter-list li + li {margin-top:20px;}
.counter-list li:before{content:counter(title)"."; padding-right:3px; }
.counter-list li .sub {font-family:"HeadRegular"; color:#595959;}
.mvc-discount {display:inline-block; vertical-align:middle; width:52px; height:18px; margin-left:5px; background:url(../images/temp/func-label-label-5-warning.png) no-repeat 0 0; background-size:100%;}
.mvc-discount.type30 {background:url(../images/temp/func-3-text-discount.png) no-repeat 0 0; background-size:100%;}
.mvc-discount.type50 {background:url(../images/temp/func-5-text-discount.png) no-repeat 0 0; background-size:100%;}
.mvc-distext {text-decoration: line-through; color: #999;font-size:12px;}/*할인가격 폰트사이즈 추가*/
.mvc-distext + .af-cost {margin-left:9px;}
.mvc-discount2 {display:inline-block; vertical-align:middle; width:65px; height:18px; margin-left:5px; background:url(../images/temp/func-label-label-30-warning.png) no-repeat 0 0; background-size:100%;}
/* .mvc-discount2 {display:inline-block; vertical-align:middle; width:65px; height:18px; margin-left:5px; background:url(../images/temp//mvc-sale.png) no-repeat 0 0; background-size:100%;} */
.mvc-discount2.type30 { background:url(../images/temp/func-label-label-30-warning.png) no-repeat 0 0; background-size:100%;}
.mvc-discount2.type50 { background:url(../images/temp/func-label-label-50-warning.png) no-repeat 0 0; background-size:100%;}
.discount-badge {font-size: 10px; color: #fff; margin-left:5px; background: #e63312; height:18px; border-radius: 15px; padding: 0 6px; display: inline-block; vertical-align: middle; font-family: 'HeadMedium'; line-height: 18px;}


/* 블루핸즈 견적문의 */
.header .plusbtn {right:16px;}
.plusbtn {position:absolute; right:0; top:50%; transform:translateY(-50%); display: inline-block; height: 18px; padding: 2px 6px 2px 17px; border-radius: 9px; background: url(../images/common/ic-wh-plus.svg) no-repeat 0% 50%; background-size:auto 100%; background-color:#999; color: #fff; font-size: 10px;}
.plusbtn:active {opacity:0.8;}
.blue-photolist {display:flex; overflow: hidden; overflow-x: auto; width:calc(100% + 32px); margin-left:-16px;}
.blue-photolist li:first-child {margin-left:16px;}
.blue-photolist li:last-child {padding-right:16px; min-width:146px;}
.blue-photolist li + li {margin-left:8px;}
.blue-photolist li {position:relative; display:flex; align-items:center; min-width:130px; min-height:75px; border-radius:10px; overflow:hidden;}
.blue-photolist li .bluewrap {position:relative; width:130px; height:75px; overflow:hidden; background:#00000030; border-radius:10px; }
.blue-photolist li img {width:100%; height:100%; object-fit:cover; border-radius:10px; }
.blue-photolist .deletept {position:absolute; top:0; right:0; width:30px; height:30px; background:url(../images/common/ic-fill-cancel-30-x-30.svg) no-repeat 0 0; }
.blue-photolist .deletept:active {opacity:0.8;}
section.blue-estimate {border-radius:15px;}
section.blue-estimate .header {padding:20px 16px; border-radius:15px;}
section.blue-estimate .text-body {padding:0 16px;}
.blue-estimate .header .date {margin:18px 0 8px; font-size:22px; color:#000;}
.time.after:after {content:'|'; margin:0 5px;}
section.blue-detail {padding:0;}
section.blue-detail .header {padding:24px 16px 16px;}
.blue-detail .border-top .flex-container + .flex-container{margin-top:8px;} 
.blue-detail .border-top textarea {height:72px;}
.blue-detail .border-top .input-box + .flex-container {margin-top:8px;}
.blue-detail .border-top .total {align-items:center; margin-top:24px !important; padding-top:24px; border-top:1px solid #e4dcd3; color:#002c5f;}
.blue-detail .border-top .total .str {font-family:"HeadMedium";}
.blue-detail .border-top .total .value {font-size:20px;}

/* 전기차 1.0 & 픽업앤충전*/
section.mlr0wrap.ev-maininfo .header {padding-bottom:14px;}
.ev-refreshinfo {display:block; position:relative; padding:0 0 16px 0; color:#999; font-size:12px; text-align:right;}
.ev-refreshinfo .ev-refreshtext {display:inline-block; }
.ev-refresh {position:absolute; top:0; right:0; display: block; width: 20px; height: 20px; background: url(../images/common/ic_refresh.svg) no-repeat 50% 50%; background-size:22px;}
.ev-refresh:active {background-color:rgba(0,0,0,0.15);}
.ev-maininfo .quick-menu {margin:0;}
.ev-maininfo .quick-menu li {text-align:left; min-width:80px; overflow:hidden;}
.ev-maininfo .quick-menu li .quick-tit {font-family:'HeadMedium'; font-size:12px; color:#000; margin-bottom:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ev-maininfo .quick-menu li img {position:absolute; bottom:0; width:24px; height:24px;}
.ev-maininfo .quick-menu li span {font-size:16px; display: block; margin-left:28px; float: left; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ev-homeper {font-size:20px; color:#00aad2; margin-right:10px; vertical-align: middle;;}
.ev-hometime {font-size:12px; vertical-align:middle;}
.ev-progress {height:14px;}
.ev-progress.progressbar progress[value] {height:8px; background-color:#00aad2; border-radius:4px;}
.ev-progress.progressbar .progress[value]::-webkit-progress-value { background-color:#00aad2;border-radius:4px; }
.ev-progress progress[value]::-webkit-progress-bar {background-color:#d7edf6; height:8px; border-radius:4px; transition:1s all ease;}

.ev-remain {font-size:12px; align-items:center;}
.ev-remain .ev-remaintime {font-size:18px; padding-left:28px; background:url(../images/common/ic-bold-time2.svg) no-repeat 0 50%; background-size:24px; white-space: nowrap;}
.ev-serviceinfo {padding:0 !important;}
.ev-serviceinfo a {display:block; padding:20px 32px;}
.ev-serviceinfo a:active {background-color:rgba(0,0,0,0.15);}
.ev-serviceinfo .badge {margin-left:4px; vertical-align: text-bottom;}
.ev-serviceinfo p {font-size:12px; margin-top:3px;}

body.font-big .ev-serviceinfo p {font-size:15px;}

/* 픽업앤충전 진행 수정중 */
.pick-charge-timeinfo {position:relative; padding:20px 16px;}
.pick-charge-timeinfo .timebox {display:flex; justify-content: space-between; position:relative; padding-top:65px;}
.pick-charge-timeinfo .timebox p {display:block; z-index:1; width:75px; text-align:center; font-size:12px;}
.pick-charge-timeinfo .timebox p.start {position:relative; padding-right:10px; }
.pick-charge-timeinfo .timebox p.start:after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:10px; background:#00aad2;}
.pick-charge-timeinfo .timebox p.end {position:relative; padding-left:10px; }
.pick-charge-timeinfo .timebox p.end:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:10px; background:#00aad2;}
.pick-charge-timeinfo .timebox:before {content:''; position:absolute; left:50%; bottom:8px; transform:translateX(-50%); width:calc(100% - 150px); height:1px; border-top:1px dashed #979797; }
.pick-charge-timeinfo .picktext-box {position:absolute; top:8px; left:50%; transform:translateX(-50%); display:block; width:calc(100% - 171px); height:87px; margin:auto; }
.pick-charge-timeinfo .picktext-box .pick-progress {position:relative; display:block; height:100%; overflow:visible; border-bottom:2px solid #00aad2;}
.pick-charge-timeinfo .picktext {position:absolute; top:0; left:100%; transform:translateX(-50%); width:78px; height:80px; background:url(../images/common/ic-bold-pickup-charging.svg) no-repeat 50% 100%; background-size:36px; z-index:2;}
.pick-charge-timeinfo .picktext:after {content:''; position:absolute; bottom:-11px; left:50%; transform:translateX(-50%); display:block; width:10px; height:10px; background:#00aad2; border-radius:10px; }
.pick-charge-timeinfo .picktext .value {position:absolute; left:50%; transform:translateX(-50%); width:100%; font-size:16px; border:1px solid #ccc; border-radius:15px; background:#fff; padding:6px 14px; line-height:17px;}
.pick-charge-timeinfo .picktext .tri {position: absolute; left:50%; top:29px; transform:translateX(-50%); z-index: 2; width: 15px; height: 15px;}
.pick-charge-timeinfo .picktext .tri:before {content: ''; position: absolute; border-style: solid; border-width: 10px 7px 0px 7px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 0px; left: 50%; transform: translateX(-50%);}
.pick-charge-timeinfo .picktext .tri:after {content: ''; position: absolute; border-style: solid;  border-width: 11px 8px 0px 8px; border-color: #cccccc transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 

.pick-charge-timeinfo2 {position:relative; padding:0 16px 20px 16px;}
.pick-charge-timeinfo2 .timebox {display:flex; justify-content: space-between; position:relative; padding-top:32px;}
.pick-charge-timeinfo2 .timebox p.start, .pick-charge-timeinfo2 .timebox p.end {display:inline-block; z-index:1; text-align:center; font-size:12px; white-space:nowrap;}
.pick-charge-timeinfo2 .timebox p.start {position:relative; padding-right:7px; color:#999; text-align:left;}
.pick-charge-timeinfo2 .timebox p.end {position:relative; padding-left:7px; color:#999; text-align:right;}
.pick-charge-timeinfo2 .picktext-box {position:relative; top:3px; display:block; width:100%; margin:auto; z-index:1;}
.pick-charge-timeinfo2 .picktext-box:after {content:''; position:absolute; left:50%; bottom:0px; transform:translateX(-50%); width:100%; height:8px; background:#eee; border-radius:4px; }
.pick-charge-timeinfo2 .picktext-box .pick-progress {z-index:1; position:relative; display:block; height:100%; overflow:visible;}
.pick-charge-timeinfo2 .picktext-box .pick-progress:after {content:''; position:absolute; bottom:0; left:0; display:block; width:100%; height:8px; border-radius:4px; background:#00aad2;}
.pick-charge-timeinfo2 .picktext {position:absolute; top:-44px; left:100%; transform:translateX(-50%); width:78px; height:32px; z-index:2;}
.pick-charge-timeinfo2 .picktext .value { position: absolute; left: 50%; transform: translateX(-50%); display: inline-block; white-space: nowrap; font-size: 12px; border: 1px solid #ccc; border-radius: 15px; background: #fff; padding: 5px 9px; line-height: 12px;}
.pick-charge-timeinfo2 .picktext .tri {position: absolute; left:50%; top:22px; transform:translateX(-50%); z-index: 2; width: 10px; height: 10px;}
.pick-charge-timeinfo2 .picktext .tri:before {content: ''; position: absolute; border-style: solid; border-width: 7px 5px 0px 5px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 0px; left: 50%; transform: translateX(-50%);}
.pick-charge-timeinfo2 .picktext .tri:after {content: ''; position: absolute; border-style: solid;  border-width: 8px 6px 0px 6px; border-color: #cccccc transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 

.pick-charge-timeinfo2.home {padding:0; margin-top:20px;}
.pick-charge-timeinfo2.type2 .picktext-box .pick-progress:after {background:#3366a2;}
.pick-charge-timeinfo2.type2 .picktext .value {color:#999;}
.pick-charge-timeinfo2.type2 p.end {color:#3366a2;}
.pick-charge-timeinfo2.type3 .picktext-box {padding:0 4px;}
.pick-charge-timeinfo2.type3 .picktext-box:before {z-index:2; content:''; position:absolute; bottom:0; left:0px; width:8px; height:8px; border-radius:4px; background:#74960e;}
.pick-charge-timeinfo2.type3 .picktext-box .pick-progress:after {background:#ddd; width: 8px; right: -4px; left: unset;}
.pick-charge-timeinfo2.type3 .picktext .value {color:#999;}
.pick-charge-timeinfo2.type3 p.start {color:#74960e;}

.pnch-serviceinfo {margin:-14px 0 25px; }
.pnchdate {position:relative; margin-right:20px; }
.pnchdate:after {content:''; position:absolute; right:-10px; top:50%; transform:translateY(-50%); display:block; width:1px; height:12px; background:#999; }
.pnchdriver {position:relative;}
.pnchdriver .pnch-drivercall {position:relative; display:inline-block; margin-left:4px; width:24px; height:24px; background-size:24px; right:unset; bottom:unset; vertical-align:middle;}
.pnch-receipt {position:relative;}
.pnch-receipt .receiptwrap {padding-bottom:8px;}
.pnch-receipt .receiptwrap + .receiptwrap {border-top:1px dashed #ccc; padding-top:8px;}
.pnch-receipt .receiptwrap .value {color:#000;}
.pnch-receipt .receiptwrap .value.minus {color:#e63312;}
.pnch-receipt .final-amount {display:flex; justify-content:space-between; border-top:1px solid #ccc; padding-top:8px; color:#002c5f;}
.pnch-receipt .final-amount .discount {color:#999; text-decoration:line-through; margin-right:8px;}

.pnch-receipt.type2 {border-bottom:1px solid #e4dcde;}
.pnch-receipt.type2 .receiptwrap .flex-container + .flex-container {margin-top:8px;}
.pnch-receipt.type2 .receiptwrap {padding-bottom:16px;}
.pnch-receipt.type2 .receiptwrap + .receiptwrap {padding-top:16px; border-color:#e4dcde; }
.pnch-receipt.type3 {}
.pnch-receipt.type3 .flex-container {padding-right:16px; color:#595959;}
.pnch-receipt.type3 .flex-container .checkbox-wrap label {font-size:12px;}
.pnch-receipt.type3 .flex-container + .flex-container {margin-top:8px;}
.pnch-receipt.type3 .receiptwrap .value {color:#999;}
.pnch-receipt.type3 .receiptwrap .value.red {color:#e63312;}
.pnch-receipt.type3 .receiptwrap .value.btn {margin-right: -24px; background: url(../images/common/ic_go.svg) no-repeat right -6px center; background-size: 36px; padding-right: 24px; color: #e63312;}
.pnch-receipt.type3 .receiptwrap .value.btn:active {background-color:rgba(0,0,0,0.15);}
.pnch-receipt.type3 .receiptwrap .value.btn.blue {color:#00aad2;}
.pnch-receipt.type3 .receiptwrap .value.btn .tips-caution {margin: 0; display: inline-block;}
.pnch-receipt .flex-container .pnch-ipop {display:none; position:absolute; width:100%;}
.pnch-receipt .flex-container .pnch-ipop .i-popup-tri {left:30px;}
.pnch-receipt .flex-container .pnch-ipop .i-popup-tri:before {content: ''; position: absolute; border-style: solid; border-width: 0px 7px 10px 7px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 3px; left: 50%; transform: translateX(-50%);}
.pnch-receipt .flex-container .pnch-ipop .i-popup-tri:after {content: ''; position: absolute; border-style: solid;  border-width: 0px 8px 11px 8px; border-color: #cccccc transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 
.pnch-receipt.small .receiptwrap {padding-bottom:16px;}
.pnch-receipt.small .receiptwrap .flex-container {font-size:12px;}
.pnch-receipt.small .receiptwrap .flex-container + .flex-container {margin-top:8px;}
.pnch-receipt.small .receiptwrap .flex-container span:first-child {color:#595959;}
.pnch-receipt.small .receiptwrap + .receiptwrap {padding-top:16px;}
.pnch-receipt.small .final-amount {padding-top:14px;}

.pnch-receipt.payment-wrap .total-amount {}
.pnch-receipt.payment-wrap .total-amount .flex-container span {color: #002c5f;}
.pnch-receipt.payment-wrap .total-amount .value {font-family:'HeadMedium';}
.pnch-receipt.payment-wrap .receiptwrap + .receiptwrap {border-top:none; padding-top:0;}
.pnch-receipt.payment-wrap .total-amount ~ .total-amount {border-top:1px dashed #ccc; padding-top: 8px;}
.pnch-receipt.payment-wrap .receiptwrap .flex-container ~ .flex-container {margin-top: 2px;}
.pnch-receipt .txt-card {margin-top: 2px; color: #999;}
.pnch-receipt.payment-wrap .price-info {text-align: right;}
.pnch-receipt.payment-wrap .price-info .txt {display: inline-block; color: #00AAD2;}
.pnch-receipt.payment-wrap .price-info .value {display: inline-block;}

#header.pnch-header {background:transparent; border-bottom:none; padding:13px 0px 0 68px; display:flex; overflow-x:scroll; overflow-y:visible; height:94px;}
#header.pnch-header::-webkit-scrollbar {display:none;}
#header.pnch-header .back {top:13px; left:16px; display:inline-block; background-color:#fff; transition:all 0.15s ease;}
#header.pnch-header .back:active {opacity:0.6;}
#header.pnch-header .close {position:absolute; top:13px; right:16px; width:36px; height:36px; background:#fff url(../images/common/ic_close.svg) no-repeat center/36px; transition:all 0.15s ease;}
#header.pnch-header .close:active {opacity:0.6;}
#header.pnch-header .detail  {top:13px;margin-right:0;}
#header.pnch-header2 .detail {top:6px;margin-right:0;}
#header.pnch-header2 .map-my-car {top:8px;}
#header.pnch-header2 .map-my-car.only {right: 0; margin-right: 16px;}
#header.header-v2 .map-my-car {top:8px;}
#header .detail {z-index:1;position:absolute;right:16px;top:8px;transition:all 0.15s ease;padding: 0;line-height: 0;background: none;box-shadow: none;border-radius: 0;height: auto;}
#header .detail span {font-size: 0; clip: rect(1px 1px 1px 1px);}
#header .detail span::before {display: block; width: 44px; height: 44px; background: url(../images/common/renewal-v2/btn-service.png) no-repeat center/44px;  content: '';}
.pnch-header .pnch-header-float {position:relative; background-color:#fff; padding:10.5px 10px; line-height:18px;font-size:12px; font-family:'HeadMedium'; height:36px; margin-right:8px; border-radius:18px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); white-space:nowrap;}
.pnch-header .pnch-header-float span:not(.tri) { transition:all 0.15s ease; }
.pnch-header .pnch-header-float span:not(.tri):active { opacity:0.6;}
.pnch-header .pnch-keymsg {display: block; position: absolute; right: 0; top:48px; max-width:calc(100vw - 16px); min-width:fit-content; text-align:center; color: #fff; background: #595959 url(../images/common/ic-bold-close-white-small.svg) no-repeat 100% 50%; background-size:24px;; opacity: 0.9; padding: 8px 24px 8px 10px; border-radius: 5px; font-family: 'headregular'; font-size: 12px; line-height: normal; transition:all 0.15s ease;}
.pnch-header .pnch-keymsg:active {opacity:0.6;}
.pnch-header .pnch-keymsg .tri {position: absolute; right:30px; top:-7px; transform:translateX(-50%); z-index: 2; width: 15px; height: 15px; opacity:0.9;}
.pnch-header .pnch-keymsg .tri:before {content: ''; position: absolute; border-style: solid; border-width: 0px 4px 6px 4px; border-color: #595959 transparent; display: block; width: 0; z-index: 2; top: 0px; left: 50%; transform: translateX(-50%);}
.pnch-header .pnch-keymsg .tri:after {content: ''; position: absolute; border-style: solid;  border-width: 0px 6px 7px 6px; border-color: #595959 transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 

.pnch-header .pnch-keymsg.type2 {left:16px; padding-right:80px; background: #595959 url(../images/common/ic-bold-direct-small-white.svg) no-repeat calc(100% + 6px) 130%; max-width: calc(100vw - 32px); top: 60px; text-align: left;}
.pnch-header .pnch-keymsg.type2:after {content:'등록하기'; position:absolute; right:24px;}
.pnch-header .pnch-keymsg.type2 .tri {right:unset; left:120px;}

#header.scroll {border-bottom: none;}
#header.scroll.white {border-bottom: 1px solid #e4dcd3; transition-duration: unset;}
#header.scroll .sub-title {opacity: 0; transition: all .5s ease;}
#header.scroll.white .sub-title {opacity: 1;}

.pnch-content-header {top: 10px; left: 0; width: 100%; padding: 0 16px; background-color:#fff; z-index: 99;}
.pnch-content-header .inner {display: flex; justify-content: flex-end; padding: 0;}
.pnch-content-header .map-my-car {position: static; border: 1px solid #eee; margin-top: 4px;}
.pnch-content-header .detail {transition:all 0.15s ease;padding: 0;line-height: 0;background: none;box-shadow: none;border-radius: 0;height: auto;}
.pnch-content-header .detail span {font-size: 0; clip: rect(1px 1px 1px 1px);}
.pnch-content-header .detail span::before {display: block; width: 44px; height: 44px; background: url(../images/common/renewal-v2/btn-service.png) no-repeat center/44px;  content: '';}


.wash-prod-wrap .pnch-content-header {top: 55px; margin-top: -16px; z-index: 11; padding: 0;}
.map-container .pnch-content-header {position: absolute; top: calc(16px + 56px); background-color: transparent; z-index: 9;}

/*
.wash-prod-wrap .pnch-content-header {z-index: 2; position: relative; top: unset; padding: 4px 12px; margin: -16px -24px 0; width: calc(100% + 48px); box-shadow: 0px 2px 4px 0px rgba(45, 45, 51, 0.08); border-top: 1px solid #E5E5E5;}
.wash-prod-wrap .pnch-content-header .inner {justify-content: space-between; align-items: center;}
.wash-prod-wrap .pnch-content-header .map-my-car {margin-top: 0; padding: 4px 8px; height: 32px; box-shadow: none; border-radius: unset; border: none;}
.wash-prod-wrap .pnch-content-header .detail {width: 24px; height: 24px;}
.wash-prod-wrap .pnch-content-header .detail span::before {width: 100%; height: 100%; background: url(../images/common/ic-help.svg) no-repeat center/24px; content: "";}

.map-container .pnch-content-header {position: absolute; top: 56px; z-index: 9; padding: 4px 12px; box-shadow: 0px 2px 4px 0px rgba(45, 45, 51, 0.08);}
.map-container .pnch-content-header .inner {justify-content: space-between; align-items: center;}
.map-container .pnch-content-header .map-my-car {margin-top: 0; padding: 4px 8px; height: 32px; box-shadow: none; border-radius: unset; border: none;}
.map-container .pnch-content-header .detail {width: 24px; height: 24px;}
.map-container .pnch-content-header .detail span::before {width: 100%; height: 100%; background: url(../images/common/ic-help.svg) no-repeat center/24px; content: "";}
*/

.insurance-wrap .pnch-content-header {top: 56px; padding-top: 10px; padding-bottom: 10px;}
.insurance-wrap .pnch-content-header.gray-bg {background-color: #f5f5f7;}

.map-contents.info3.end {  min-height:280px;}
.map-contents.result.info3.end .pnch-usetext{border-bottom:1px solid #f3f0ed;margin:0 32px;padding:12px 0 44px 0;}
.map-contents.result.info3.end .pnch-usetext p{display:inline-block}
.map-contents.result.info3.end .pnch-usetext span:before{content:"(";margin-right:2px}
.map-contents.result.info3.end .pnch-usetext span:after{content:")";margin-right:2px}
.map-contents.result.info3.end .pnch-usetext .fl-right{position:absolute;left:0;top:40px;right:auto;padding:0 24px 0 0;margin-top:6px}
.map-contents.result.info3.end .pnch-driverinfo{padding:24px 32px 0}
.map-contents.result.info3.end .pnch-driverinfo i{display: block;position:relative;text-align: center;width:100%;padding-bottom:10px}
.map-contents.result.info3.end .btn-wrap.link-type.mlr16{margin:16px 32px 24px !important}
.map-contents.result.info3.end .pnch-driverinfo span{display: block;}
.map-contents.result.info3.end .btn-wrap.link-type.mlr16 li a{background: #eee;margin-right:4px;padding:8px 0}
.map-contents.result.info3.end .btn-wrap.link-type.mlr16 li:after{content:"";width:0;height:0;}
.pnch-placelist {display:flex; padding:20px 0 20px 32px; overflow: hidden; overflow-x: auto;}
.pnch-placelist li:last-child {padding-right:32px;}
.pnch-placelist li.none:last-child {display:block !important; margin:0;}
.pnch-placelist li.none:last-child a {display:none;}
.pnch-placelist li + li {margin-left:8px;} 
.pnch-placelist li a {display:inline-block; white-space:nowrap; font-size:12px; height:36px; line-height:25px; padding:5px 18px; border-radius:18px; border:1px solid #ddd;}
.pnch-placelist li a:active {background-color:rgba(0,0,0,0.15) !important;}
.pnch-placelist li a.home {padding-left:40px; background:url(../images/common/pnch-home.svg) no-repeat 15px 50%; background-size:16px;}
.pnch-placelist li a.company {padding-left:40px; background:url(../images/common/pnch-company.svg) no-repeat 15px 50%; background-size:16px;}
.pnch-infoinput {position:relative; padding:24px 32px 0 32px; border-radius:16px 16px 0 0; background:url(../images/common/ic-bold-pickup-charging.svg) no-repeat calc(100% - 32px) 1px; background-size:60px;}
.pnch-infoinput .tit {font-family:"HeadMedium"; padding-right:62px;}
.pnch-infoinput .form-item {padding:16px 0 20px 0; margin-bottom:0; border-bottom:1px solid #ddd;}
.pnch-infoinput .form-item input[type="text"] {font-size:12px; height:40px;}
.pnch-infoinput .input-box.mt8 .btn-clear {top: 2px;}
.pnch-infopop {position:absolute; display:inline-block; top:-47px; right:8px; color:#00aad2; font-size:12px; background:#fff; padding:6px 12px; border:1px solid #00aad2; border-radius:16px; transition:all 0.15s ease;}
.pnch-infopop:active {opacity:0.6;}
.pnch-infopop .tri {position: absolute; left:50%; bottom:-6px; transform:translateX(-50%); z-index: 2; width: 6px; height: 6px;}
.pnch-infopop .tri:before {content: ''; position: absolute; border-style: solid; border-width: 10px 7px 0px 7px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 0px; left: 50%; transform: translateX(-50%);}
.pnch-infopop .tri:after {content: ''; position: absolute; border-style: solid;  border-width: 11px 8px 0px 8px; border-color: #00aad2 transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 

.pnch-keypop.select-box li label {padding:0 46px 0 68px; color:#999; font-size:12px;}
.pnch-keypop.select-box li label .tit {font-size:14px; margin-bottom:8px; color:#000;}
.pnch-keypop.select-box li label.dkey {background:url(../images/common/pnch-dkey.svg) no-repeat 8px 50%; background-size:36px;}
.pnch-keypop.select-box li label.dkeyshare {background:url(../images/common/pnch-share.svg) no-repeat 8px 50%; background-size:36px;}

.pnch-poswrap {position:relative; margin:0 !important; }
.pnch-poswrap.favoritesearch {min-height:calc(100vh - 175px); margin-top:16px !important;}
.pnch-poswrap.searchresult .pnch-poslist {padding-top:10px; margin-top:16px; min-height:calc(100vh - 144px);}
.pnch-poswrap.searchresult .pnch-poslist li:active {background-color:rgba(0,0,0,0.15);}
.pnch-poswrap .header {padding:20px 32px 10px 32px;}
.pnch-poswrap .header .tit {font-size:14px;}
.pnch-poswrap.searchresult .pnch-poslist.none + .btn-wrap .btn.more {display:none;}

.pnch-poslist {padding-top:10px;}
.pnch-poslist li {position:relative; padding:10px 82px 10px 32px;}
.pnch-poslist li.home {padding-left:32px; background:url(../images/common/pnch-home.svg) no-repeat 0 50%; background-size:16px;}
.pnch-poslist li.company {padding-left:32px; background:url(../images/common/pnch-company.svg) no-repeat 0 50%; background-size:16px;}
.pnch-poslist li.favorite {padding-left:32px; background:url(../images/common/pnch-star.svg) no-repeat 0 50%; background-size:16px;}
.pnch-poslist li .pnch-address {font-size:12px; color:#999; margin-top:2px;}
.pnch-poslist li + li:before {content:''; position:absolute; top:0; left:32px; width:calc(100% - 64px); height:1px ; background: #e4dcd3;}
.pnch-poslist .charbtn {right:32px;}
.select-box.pnch-coupon {padding:16px; max-height:unset;}
.select-box.pnch-coupon li {border-bottom:none;}
.select-box.pnch-coupon li + li {margin-top:16px;}
.select-box.pnch-coupon li .check-basic {padding:0;}
.select-box.pnch-coupon li .check-basic label {display:flex; position:relative; min-height:134px; border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background:#fff; padding:0;}
.select-box.pnch-coupon li .check-basic label:before {left:7px; top:25px;}
.select-box.pnch-coupon li .check-basic .pnch-coupontext {width: calc(100% - 128px); padding:46px 16px 16px; font-size:12px; color:#999;}
.select-box.pnch-coupon li .check-basic .pnch-coupontext .tit {font-size:16px; color:#000; margin-bottom:7px;}
.select-box.pnch-coupon li .check-basic .pnch-couponper {line-height:28px; position:relative; width:128px; border-left:1px dashed #ccc; text-align:center; padding:5px; font-size:16px; font-family:"HeadLight"; color:#e63312; padding-top:47px;}
.select-box.pnch-coupon li .check-basic .pnch-couponper .percent {position:absolute; width:100%; font-size:26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; left:0; }
.select-box.pnch-coupon li .check-basic .pnch-couponper .badge.multicoupon {line-height:16px; position:absolute; top:16px; left:50%; transform:translateX(-50%); white-space:nowrap; background:#e63312;}
.select-box.pnch-coupon li.coupontype2 .check-basic {margin-right:8px;}
.select-box.pnch-coupon li.coupontype2 .check-basic .pnch-coupontext {width:calc(100% - 120px);}
.select-box.pnch-coupon li.coupontype2 .check-basic .pnch-couponper {width:120px;}
.select-box.pnch-coupon li.coupontype2 .check-basic label:after {content:''; position:absolute; width:100%; height:100%; background:#fff; border-radius:10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); z-index:-1; left:8px; top:8px;}
.select-box.pnch-coupon li .radio-basic {padding:0;}
.select-box.pnch-coupon li .radio-basic label {display:flex; position:relative; min-height:52px; padding-right:8px; border:1px solid #e5e5e5;}
.select-box.pnch-coupon li .radio-basic input:checked + label {border-color:#00aad2;}
.select-box.pnch-coupon li .radio-basic label:before {left:7px; top:25px;}
.select-box.pnch-coupon li:first-child .radio-basic label:before {top:26px;}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext {width: 100%; padding:16px 16px 16px 39px; font-size:12px; color:#999;}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext .price {position: relative; font-size:14px; line-height: 20px; color:#00aad2; margin-bottom:3px; font-family:'HeadRegular';}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext .price strong {font-size: 20px; font-family:'HeadMedium';}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext .price span {position: absolute; top: 0; right: 0; color:#222;}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext .price span:before {content: "× ";}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext .price span:after {content: "장";}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext .tit {font-size:14px; color:#000;}
.select-box.pnch-coupon li .radio-basic .pnch-coupontext .tit + p {margin-top:8px;}

.pnch-coupon.type2 {padding:16px; max-height:unset;}
.pnch-coupon.type2 li {border-bottom:none;}
.pnch-coupon.type2 li + li {margin-top:16px;}
.pnch-coupon.type2 li .couponwrap {padding:0;}
.pnch-coupon.type2 li .couponwrap .pnch-cp {display:flex; position:relative; min-height:134px; border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background:#fff; padding:0; transition:all 0.15s ease;}
.pnch-coupon.type2 li .couponwrap .pnch-cp:active .pnch-couponper {background-color:rgba(0,0,0,0.15);}
.pnch-coupon.type2 li .couponwrap .pnch-cp:before {left:7px; top:25px;}
.pnch-coupon.type2 li .couponwrap .pnch-coupontext {width: calc(100% - 92px); padding:35px 16px 16px; font-size:12px; color:#999;}
.pnch-coupon.type2 li .couponwrap .pnch-coupontext .tit {font-size:16px; color:#000; margin-bottom:7px;}
.pnch-coupon.type2 li .couponwrap .pnch-couponper {position:relative; width:92px; border-left:1px dashed #ccc; text-align:center; padding:5px;}
.pnch-coupon.type2 li .couponwrap .pnch-couponper .badge.multicoupon {position:absolute; top:15%; left:50%; transform:translateX(-50%); white-space:nowrap; background:#e63312;}
.pnch-coupon.type2 li.coupontype2 .couponwrap .pnch-cp:after {content:''; position:absolute; width:100%; height:100%; background:#fff; border-radius:10px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); z-index:-1; left:8px; top:8px;}
.pnch-coupon.type2 li.coupontype2 .couponwrap {margin-right:8px;}
.pnch-coupon.type2 li.coupontype2 .couponwrap .pnch-coupontext {width:calc(100% - 84px);}
.pnch-coupon.type2 li.coupontype2 .couponwrap .pnch-couponper {width:84px;}
.pnch-coupon.type2 li .couponwrap .down {position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); display:block; width:50px; height:50px; background:url(../images/common/ic-bold-download.svg) no-repeat 50% 50%; background-size:50px;}
.pnch-coupon.type2 li .couponwrap .down:after { content: '쿠폰 받기'; font-size: 12px; text-align: center; position: absolute; width: 100%; bottom: -11px; left: 50%; transform: translateX(-50%);}

.pnch-cardlist { padding:0 16px;}
.pnch-cardlist li { position:relative; padding:16px 40px 16px 104px; border-radius:10px; min-height:130px; word-break:break-all; background:#fff url(../images/common/ic_close.svg) no-repeat calc(100% - 4px) 50%; background-size:36px; transition:all 0.15s ease;}
.pnch-cardlist li  + li{ margin-top:16px;}
.pnch-cardlist li img {position:absolute; left:24px; top:50%; transform:translateY(-50%); width:60px; height:auto;}
.pnch-cardlist li .cardnum {margin-top:8px; color:#999; font-size:12px; }
.pnch-cardlist li .cardtit {margin-top:20px; font-size:16px; color:#000;}
.pnch-cardlist li:active {background-color:rgba(0,0,0,0.15);}

.inner-dkey.pnch .sub-title {margin-top:50px;}
.inner-dkey.pnch .star-list .star-tit {font-size:16px;}
.pnch-list1 {display:flex; padding-top:24px; justify-content: space-between;}
.pnch-list1 li { padding:0 !important; text-align:center; color:#777;}
.star-list .pnch-list1 li:before {content:unset ;}
.pnch-list1 li img { width:36px; height:36px; margin-bottom:10px;}
.pnch-list1 li.arrow {top:12px;width:14px; height:24px; background:url(../images/common/ic-bold-arrow-small.svg) no-repeat 0 0;}
.pnch-list2 {padding-bottom:10px;}
.pnch-list2 li + li {margin-top:30px;}
.pnch-list2 li {display:flex; align-items: center;}
.pnch-list2 li img {width:60px; height:60px; margin-right:15px;}
.pnchbtn { position:absolute; right:16px; top:50%; transform:translateY(-50%); font-family: "HeadRegular"; font-size: 12px; background: url(../images/common/ic_go.svg) no-repeat right -6px center; background-size: 36px; padding: 5px 24px 5px 9px;}
.pnchbtn:active {background-color:rgba(0,0,0,0.15);}
.bordertype2 .header .pnchbtn {top:unset; bottom:12px; transform:unset;}
.pnch-iconbox {display:block; position:relative; padding:20px 24px 20px 92px; border-radius:10px;}
.pnch-iconbox .icon {position:absolute; width:36px; height:36px; left:28px; top:50%; transform:translateY(-50%);}
.pnch-iconbox .pnch-tit {font-size:16px; font-family:'HeadMedium';}
.pnch-iconbox .pnch-titcont {margin-top:8px;}
.bordertype2.pnch-receiptwrap {position:relative; border-radius:10px; padding:0px;}
.pnch-totalwrap {position:relative; padding:30px 16px; text-align:center; font-family:"HeadMedium"; font-size:16px; border-bottom:1px dashed #eee9e7;}
.pnch-totalwrap .pnch-total {margin-top:8px; font-size:24px; font-family:"HeadRegular";}
.pnch-totalwrap:before { content: ''; display: block; width: 20px; height: 15px; position: absolute; left: 0; bottom: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid #f6f3f2;}
.pnch-totalwrap:after { content: ''; display: block; width: 20px; height: 15px; position: absolute; right: 0; bottom: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #f6f3f2; border-left: 10px solid transparent;}
.pnch-totaldetail {position:relative; padding:40px 16px;}
.pnch-totaldetail .pnch-price {margin-top:40px;}
.pnch-totaldetail .pnch-price:first-child {margin-top:0;}

#pop-container h2.pnch-price,
.pop-container h2.pnch-price { display: flex; justify-content: space-between; align-items: center; margin-bottom:14px;}
h2.pnch-price .price {font-size:16px; color:#000; font-family:"headRegular";}
h2.pnch-price .price .discount {font-size:14px; color:#999; text-decoration:line-through; margin-right:8px; vertical-align: middle;}
.point-detail + .pnch-price .price {color: #00aad2; font-size: 22px; line-height:22px;}

.text-checkall {margin:16px 0 27px 0; padding-bottom:40px; border-bottom:1px solid  #ddd;}
.text-checkall .tc-tit {font-size:20px;}
.check-allbox input + label {display:block; text-align:center; position: relative; height: 52px; line-height: 52px; font-size: 14px; background:#ddd; color:#fff;}
.check-allbox input + label:before {content:''; position:absolute; top:50%;transform:translateY(-50%); width:36px; height:36px; margin-left:-36px; background:url(../images/common/ic-bold-check-white.svg) no-repeat; background-size:36px;}
.check-allbox input:checked + label {background:#002c5f;}


/*============================================================
myPlace
=============================================================*/
.mp-container { overflow:hidden; min-height:100vh !important;}
.mp-contents { position:fixed; top:50%; /* bottom:60px;*/ bottom:0; width:100%; z-index:5;}
.mp-contents .touch-handle { position:relative; width:100%; height:55px; }
.mp-contents .touch-handle:after { position:absolute; bottom:0; content:""; display:block; width:100%; height:35px; background:#fff;  border-radius:20px 20px 0 0; }
.mp-contents .touch-handle:before { position:absolute; bottom:22px; left:50%; content:""; display:block; width:20px; height:2px; margin:0 auto; background:rgba(0, 0, 0, 0.4);  border-radius:4px; transform:translateX(-50%); z-index:1;}
.mp-contents .touch-handle:after.top { background:#fff; border-radius:20px 20px 0 0; } 
.mp-contents .touch-handle:after.bottom { background:#fff; border-radius:20px 20px 0 0; } 
.mp-contents > .mp-main {  overflow:hidden; height:100%; background:#f6f3f2; }
.mp-contents .scroll-cont { overflow-y:auto; height:100%; padding-bottom:60px; -webkit-overflow-scrolling:touch; /*iPhone*/ }
.mp-contents > .mp-main section.bg-white:first-child { padding-top:0; }
.mp-contents > .mp-main .list-tabs { padding-bottom:16px; margin-bottom:0; border-bottom:1px solid #e4dcd3; }
.function-tab.border-bottom { margin-bottom:0; padding-bottom:16px; border-bottom:1px solid #e4dcd3; }

.mp-contents .scroll-cont section:last-child { padding-top:0; }
.mp-contents.top { height:calc(100% - 150px) !important; }
.mp-contents.top .pst-my { display:none; }
.mp-contents.top .touch-handle:after { border-top:1px solid #f9f9f9; box-shadow:0 -8px 8px rgba(0,0,0,.01); }
.mp-contents.center { height:calc(50% - 30px) !important; }
.mp-contents.touching { height:auto !important; }
.mp-contents.touching .touch-handle:after { background:#f9f9f9; }
.mp-contents.bottom { height:auto !important; min-height:100px; }
.mp-contents.middle { height:auto !important; min-height:400px; }
.ui-resizable-n { height:55px; }

.mp-logout.mp-contents { background:#fff; }
.mp-logout section { margin:0; }
.mp-logout .header .tit { width:100%; text-align:center; }
.mp-logout .text-only.border-top { padding-top:26px; }

.link.bg-white { margin-top:-32px; }

.quick-place { display:flex; justify-content:space-between; width:100%; padding-bottom:40px; }
.quick-place li { width:25%; }
.quick-place li a { display:block; width:100%; padding-top:40px; font-size:12px; text-align:center; }
.quick-place li a span { white-space:nowrap; }
.quick-place li.favorite a { background:url(../images/common/ic_favorite.svg) no-repeat center 0; background-size:36px auto; }
.quick-place li.category a { background:url(../images/common/ic_category.svg) no-repeat center 0; background-size:36px auto; }
.quick-place li.point a { background:url(../images/common/ic_point.svg) no-repeat center 0; background-size:36px auto; }
.quick-place li a:active { background-color:rgba(70, 74, 89, 0.1); }
@media only screen and (max-width: 470px) {
  .quick-place li a span { display:block; }
}

.favorit-select { position:relative; padding:24px 44px 32px 120px;}
.favorit-select.imgno {position:relative; padding:24px 52px 32px 32px;}
.favorit-select .info > span { display:block; margin-bottom:8px;} 
.favorit-select .info .name { font-size:16px; } 
.favorit-select .info .address { font-size:12px; color:#999; }
.favorit-select .info .etc {  font-size:12px; }
.favorit-select .check { position:absolute; top:50%; right:8px; width:36px; height:36px; transform:translateY(-50%);}
.favorit-select .check .check-basic label { width:36px; height:36px; }
.favorit-select .thumb { position: absolute; top: 45%; left: 63px; transform: translate(-50%, -50%); }
.favorit-select .thumb img { max-width:62px; }
.favorit-select .badge {display:inline-block; margin-left:8px; vertical-align: text-top; margin-top:1px;}
.favorit-select.small {padding: 0 0 0 96px;}
.favorit-select.small .thumb {left:0; transform:translateY(-50%);}
.favorit-select.small .name {margin-bottom:4px;}
.favorit-select.small .address {margin-bottom:0;}

#pop-container .place-category h2,
.pop-container .place-category h2 { padding:0 0 12px  34px; border-bottom:1px solid #000; font-size:18px; background-repeat:no-repeat; background-position: -7px -4px; background-size:36px; }
#pop-container .place-category h2.move,
.pop-container .place-category h2.move { margin-top:13px; background-image:url(../images/common/ic_place_move.svg); }
#pop-container .place-category h2.life,
.pop-container .place-category h2.life { margin-top:28px; background-image:url(../images/common/ic_place_life.svg); }
.category-list h3 { height:42px; line-height:42px; font-size:14px; }
.category-list span, .category-list a { position:relative; display:block; width:100%; }
.category-list > li { padding:0; border-bottom:1px solid #e4dcd3; }
.category-list > li > ul > li a { padding-left:16px; height:42px; line-height:42px; font-family:"HeadLight"; }
.category-list > li > ul > li a:active { background-color:rgba(70, 74, 89, 0.1); } 
.category-list > li > ul > li:first-child { margin-top:-3px; }
.category-list > li > ul > li:last-child { margin-bottom:14px; }
.category-list > li > ul > li > ul > li { padding-left:16px; font-family:"HeadLight"; }
.category-list > li > ul > li .category-item { position:relative; padding:7px 0; }
.category-list li a.sub:after { content:""; position:absolute; top:50%; right:0; width:24px; height:24px; background:url(../images/common/ic_down.svg) no-repeat 100% 50%; background-size:24px; transform: translateY(-12px); }
.category-list li a.on:after { transform: translateY(-12px) rotate(180deg); }
.category-list li a.sub + ul { display:none; }
.category-list li a.sub.on + ul { display:block; }
.category-list li a:active { background-color:rgba(70, 74, 89, 0.1); } 
.inner.cont-box .category-list .arrow-btn {top:0; } 
.inner.cont-box .category-list .arrow-btn h3{font-size:14px; } 

[class^=pst] { position:absolute; left:16px; display:block; width:36px; height:36px; background-repeat:no-repeat; background-position:center; background-size:36px; z-index:1; }
.pst-car { top:calc(50% - 60px); background-image:url(../images/common/ic_pst_car.svg); }
.pst-my { top:-35px; background-image:url(../images/common/ic_pst_my.svg); }
/* .pst-my.type2 { top:-50px; } */
.pst-my.type3 { top:-94px !important; }
.touch-handle.top + .pst-my { display:none;}

section .header .tit[class*=mp] { padding-left:32px; font-size:18px; background-repeat:no-repeat; background-position: -7px -4px; background-size:36px; }
section .header .tit.mp-move { background-image:url(../images/common/ic_place_move.svg); }
section .header .tit.mp-life { background-image:url(../images/common/ic_place_life.svg); }


/* new charging page */
.barusetime ul {font-size: 12px; color: #cccccc; margin-bottom:4px;}
.barusetime ul li.on {font-family:"HeadMedium"; color:#00aad2;}
.usebar {width:100%; height:2px; border-radius:2px; background-color:#eeeeee;}
.usea {height: 2px; border-radius: 2px; background-color: #00aad2; border:none !important;}
.usea .ui-slider-handle {background: transparent !important; top: -19px; width: 28px; height: 40px; border: none !important; outline: none; position: relative;}
.usea .ui-slider-handle:after {content:''; width:10px; height:10px; border-radius:50%; background: #00aad2;position: absolute; top:50%; left:35%; margin:-5px 0 0 -5px;}
.usea .handle {color: #00aad2; font-family: HeadMedium; font-size: 12px; display: block; margin-top: 5px;}
.usea.pct1 {width:0;}
.usea.pct2 {width:25%;}
.usea.pct3 {width:50%;}
.usea.pct4 {width:75%;}
.usea.pct5 {width:100%;}
.charge .check-basic img {position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50px; width: 24px; height: 24px;}
.charge .check-basic label {padding-left:70px;}
.charge li {padding:0 0 8px 0;}

/* new charging detail page */
.charging-list .data_table {width:100%; margin-bottom:24px;}
.charging-list .sr_only {display:none; position:static; text-indent:-100000px;}
.charging-list .data_table td {padding:12px 3px; font-size:12px; color:#595959; vertical-align:middle; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.charging-list .data_table td {border-left:1px solid #ccc;}
.charging-list .data_table td:first-child {border-left:0;}
.chargelist ul {display:flex; width:100%;}
.chargelist img {width:32px; height:32px; position:absolute; top:0; left:50%; transform:translate(-50%);}
.chargelist ul li {position:relative; flex:1; align-items:stretch; text-align:center; margin-bottom:0 !important; line-height:1.25; padding-top:37px;}
.usetime {color:#999999 !important;}
.latest_usetime {color:#000000;}
.charger1 {background: url(../images/common/charger1.svg) 50% 0 no-repeat;}
.charger2 {background: url(../images/common/charger2.svg) 50% 0 no-repeat;}
.charger3 {background: url(../images/common/charger3.svg) 50% 0 no-repeat;}
.charger4 {background: url(../images/common/charger4.svg) 50% 0 no-repeat;}
.charger1.gray {background: url(../images/common/charger1-gray.svg) 50% 0 no-repeat;}
.charger2.gray {background: url(../images/common/charger2-gray.svg) 50% 0 no-repeat;}
.charger3.gray {background: url(../images/common/charger-gray.svg) 50% 0 no-repeat;}
.charger4.gray {background: url(../images/common/charger-gray.svg) 50% 0 no-repeat;}

/* 블루핸즈 대표가격 테이블 */
.bluehands-list .data_table {width:100%;}
.bluehands-list .sr_only {display:none; position:static; text-indent:-100000px;}
.bluehands-list .data_table td {padding:12px 1px; font-size:12px; color:#595959; vertical-align:middle; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.bluehands-list .data_table td {border-left:1px solid #ccc;}
.bluehands-list .data_table td:first-child {border-left:0;}
.bluehands-list .data_table .thead_td {color:#000; word-break:break-all;}
.bluehands-list .data_table .tbody_tr .tbody_td:first-child {color:#000;}
.info-popbtn {position: relative; display: inline-block;}
.info-popbtn input[type="checkbox"] {width:0px; height:0px;}
.info-popbtn .info-popcheck-btn {position:relative; display:block; width:36px; height:36px;}
.info-popbtn .info-popcheck-btn .caution {display:block; width:100%; height:100%; background:url(../images/common/ic-bold-gift-btn.svg) 50% 50% no-repeat;}
.info-popbtn .info-popcheck-btn.on .caution {background:url(../images/common/ic-bold-gift-btn-active.svg) 50% 50% no-repeat;}
.info-popbtn .info-popcheck-btn .i-popup-tri {top:33px; left:5px;}
.info-popbtn .info-popcheck-btn.on .i-popup-tri:before {content: ''; position: absolute; border-style: solid; border-width: 0px 5px 8px 5px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 3px; left: 50%; transform: translateX(-50%);}
.info-popbtn .info-popcheck-btn.on .i-popup-tri:after {content: ''; position: absolute; border-style: solid;  border-width: 0px 6px 9px 6px; border-color: #cccccc transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 
.info-popwrap {display:none; width: 100%; min-height:50px; top: 32px; border: 1px solid #cccccc; border-radius: 5px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.2); background: #fff; padding: 15px 34px 15px 16px; z-index: 1; position: absolute; font-size: 12px; font-family: "HeadRegular"; line-height: 1.5; }
.info-popwrap.on {display:block;}
.info-popwrap .info-popclose-btn {position: absolute; width: 30px; height: 30px; top: 10px; right: 6px; background: url(../images/common/ic_close_gray.svg) no-repeat center; background-size: 36px auto; outline: none;}
.info-popwrap .info-popclose-btn:active {background-color:rgba(0,0,0,0.15);}
.btn-wrap.link-type.type-pop.btninner {position:relative !important;}
.btn-wrap.link-type.type-pop.btninner .info-popbtn {z-index:2; position:absolute; top:50%; right:8px; transform:translateY(-50%);}
.btn-wrap.link-type.type-pop.btninner .info-popwrap {top:50px; left:16px; width:calc(100% - 32px);}


/*============================================================
menu
=============================================================*/
.mu-favorite.bg-white {padding:16px;}
.mu-favorite .inner { padding:0 16px 8px; }
#pop-container .mu-favorite .inner,
.pop-container .mu-favorite .inner { padding:16px 16px 0; }
#pop-container .mu-favorite .header,
.pop-container .mu-favorite .header { padding:0 0 32px; font-size:18px; font-family:"HeadLight"; }
.mu-favorite + .menu-select { margin-top:16px; }

.favorite-list { display:flex; justify-content:space-between; flex-wrap:wrap; }
.favorite-list li { display:flex; align-items:center; justify-content: center; width:calc(50% - 4px); min-height:42px; margin-bottom:8px; padding:10px 0; border:1px solid #ccc; }
.favorite-list li a { width:100%; display:block; padding:0 5px; }

/* edit page */
.favorite-list.edit li { justify-content:space-between; padding:0; }
.favorite-list.edit li div { width:100%; overflow:hidden;}
.favorite-list.edit li span { float:left; padding:0 0 0 8px; width: calc(100% - 36px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:40px; }
.favorite-list.edit li a { padding:0; }
.favorite-list.edit li a.del { float:right; width:36px; padding:2px 0; }
.favorite-list.edit li.select { background:#00aad2; border:1px solid #00aad2;}
.favorite-list.edit li.select a { color:#fff !important; }

#pop-container .menu-select h2.tit,
.pop-container .menu-select h2.tit { margin:0 16px; border-bottom:0; font-family:"HeadMedium"; font-size:16px; }
#pop-container .menu-select .inner,
.pop-container .menu-select .inner { padding:0 16px; }
.mu-menu.pb190 {padding-bottom:225px;}
.mu-main.search { margin:24px 32px 8px; }
.mu-menu { padding-top:0; }
.mu-menu.ba-gray {padding:24px 14px 8px;}
.mu-menu .inner { padding-top:0; }
.mu-menu .menu-list li a.sub:after { content:""; position:absolute; top:50%; right:0; width:24px; height:24px; background:url(../images/common/ic_down.svg) no-repeat 100% 50%; background-size:24px auto; transform: translateY(-12px); }
.mu-menu .menu-list li a.on { background-size:24px auto; color: #002c5f;}
.mu-menu .menu-list li a.on:after { transform: translateY(-12px) rotate(180deg); }
.mu-menu .menu-list > li > ul > li > ul > li > span { position:relative; }
.mu-menu .menu-list li a.sub + ul { display:none; }
.mu-menu .menu-list li a.sub.on + ul { display:block; }
.mu-menu .menu-list > li > ul > li a {font-size:18px; color: #002c5f;}
.mu-menu .menu-list > li > ul > li > ul > li a {font-size:14px; color:#000;}
.manual.mu-menu .menu-list li a.on {color:#000;}
.manual.mu-menu .menu-list > li > ul > li a {font-size:14px; color:#000;}

.menu-list { border-top:1px solid #e4dcd3; }
.menu-list .h1 { height:52px; line-height:52px; font-size:18px; }
.manual .menu-list .h1 { font-size:16px; }
.menu-list .h1 em { font-family:"HeadBold"; }
.menu-list .h1 span { display:inline-block; width:auto; }
.menu-list span, .menu-list a { position:relative; display:block; width:100%; }
.menu-list > li { padding:0; border-bottom:1px solid #e4dcd3; }
.mu-menu .menu-list > li:last-child {border-bottom: none; }
.menu-list > li > ul > li a { height:42px; line-height:47px;}
.menu-list > li > ul > li a:active { opacity:0.6; }
.menu-list > li > ul > li:first-child { margin-top:-7px; }
.menu-list > li > ul > li:last-child { margin-bottom:7px; }
.menu-list > li >.mu-header .user ul > li > ul > li { padding-left:16px;}
.menu-list > li > ul > li .menu-item { position:relative; padding:7px 0; }
.mu-menu .menu-list .sub.h1:active {background: rgba(0,0,0,0.15);}
.menu-item.on { color:#00aad2; }
.menu-item .add { position:absolute; right:0; top:0; bottom:0; width:24px; height:24px; margin:auto; background:url(../images/common/ic_check_on.svg) no-repeat 100% 50%/24px; }
.menu-item .add[aria-checked='false'] { background:url(../images/common/ic_check.svg) no-repeat 100% 50%/24px; opacity: .5; }

.mu-quick {border-bottom:1px solid #e4dcd3;}
.mu-quick.bg-white {padding: 0 22px 14px;}
.mu-quick .quick-menu {margin-top:0;}
.mu-quick .inner {padding: 0;}

.quick-menu { display:flex; width:100%; margin-top:-20px; justify-content: left;}
.quick-menu li { min-width: 36px; text-align: center; position:relative;width:25%}
.quick-menu li:nth-child(4):after{display: block;content:"";clear:both}
.quick-menu li a { display:block; position:relative; width:100%; padding:46px 10px 10px; font-size:12px; text-align:center; }
.quick-menu li a img { position: absolute; width: 36px; height: 36px; top: 40%; left: 50%; transform: translate(-50%, -50%);}
.quick-menu li a:active:before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.15); position: absolute; top: 0; left: 0;}
.mu-header.bg-white {position:relative; padding:34px 30px 28px; }
.mu-header .user {width:100%; padding-right: 76px; font-family: "HeadLight"; font-size: 18px;}
.mu-header .user span {white-space: nowrap;}
.mu-header .user .regular {font-family:"HeadRegular";}
.mu-header .user .bold {font-family:"HeadBold";}
.mu-header .user .name {font-family:"HeadMedium"; font-size:18px; position:relative;}
.mu-header .user .id {margin-top:4x; font-family:"HeadRegular"; font-size:12px; color:#000; }
.mu-header .point {margin-top:1px; font-family:"HeadLight"; font-size:36px; }
.mu-header .mulogoutbtn {position: absolute; right: -2px; top: 50%; transform: translate(-50%,-50%); width:72px; height: 30px; border-radius: 15px; border: 1px solid #ddd; background-color: #fff; color: #000000; padding: 7px 0px; font-size: 12px; text-align:center; line-height:1.33;}
.mu-header .mulogoutbtn.login {color:#fff; background:#002c5f; border:none;}
.mu-header .mulogoutbtn:active {background:rgba(0,0,0,.15);}
.mu-header .mulogoutbtn.login:active {background: #002c5f;}
.mu-header + .mu-favorite {margin-top:-24px; }
.mu-header.bg-white.bdb.pt10 {position:relative; padding:34px 24px 28px; }
.mu-header.bg-white.bdb.pt10 .cont-box.pd20.bg-gray{background:#f8fafc !important;color:#000 !important;margin-top:20px;padding:15px !important;}

.no-result { font-size:18px; height:26px; text-align:center; }

.title-big { font-family:"HeadLight"; font-size:24px; height:36px; }
.title-big  span { white-space:nowrap; }

/* tag-btns */
.tag-btns { padding: 16px 32px; border-bottom:1px solid #000; }
.tag-btns .tag { display:inline-block; margin:8px 8px 8px 0; padding:7px 16px; font-size:12px; background:#fff; border:1px solid #e4dcd3; border-radius:18px; }
.tag-btns .tag.on { color:#fff; background:#00aad2; border:1px solid #00aad2; }

.opt-btns { position:relative; margin:0 16px; padding:10px 0; border-bottom:1px solid #e4dcd3; }
.opt-btns .opt { display:inline-block; margin:4px 4px 4px 0; padding:3px 8px; font-size:10px; color:#999; background:#fff; border:1px solid #e4dcd3; border-radius:18px; }
.opt-btns .opt.on { color:#fff; background:#00aad2; border:1px solid #00aad2; }
.opt-btns .ic-filter { position:absolute; top:14px; right:0px; display:block; width:55px; height:23px; border-radius:12px; border:1px solid #999; background:url(../images/common/ic-bold-filter.svg) no-repeat 30px center; background-size:16px; }
.opt-btns .ic-filter:active { background-color:rgba(70, 74, 89, 0.1); }
.opt-btns .ic-filter:before {content:'필터'; font-size:10px; position:absolute; left:8px; top:50%; transform:translateY(-50%);}

.supplies-list { display:flex; justify-content:space-around; flex-wrap:wrap; width:100%; margin:-11px 0; }
.supplies-list li { position:relative; display:inline-block; width:50%; height:90px; margin:20px 0 10px; }
.supplies-list li .box { position:absolute; left:50%; transform:translateX(-50%); }
.supplies-list li .box span { position:absolute; top:40px; left:50%; transform:translateX(-50%); z-index:5; }
.supplies-list li .graph span.title { position:absolute; top:70px; left:50%; transform:translateX(-50%); font-size:12px; white-space:nowrap; }

/* 알림리스트 */
.informlist-wrapper { padding:16px 32px; }
.informlist-wrapper .info-p { margin:0 0 16px 0; color:#595959; font-size:14px; }
.informlist-wrapper .list li { padding:24px 0; border-bottom:1px solid #e4dcd3; }
.informlist-wrapper .list .heading { position:relative; display:block; font-family:"HeadMedium"; color:#000; font-size:14px; }
.informlist-wrapper .list .heading.new { padding-right:24px; }
.informlist-wrapper .list .badge-new { position:absolute; right:0; top:0;  }
.informlist-wrapper .list .reading { margin:16px 0; color:#595959; font-size:12px; }
.informlist-wrapper .list .date { margin-top:16px; color:#999; font-size:12px; }

.informlist-wrapper .list .item {display: flex;}
.informlist-wrapper .list .item a {flex: 0 0 calc(100% - 32px);}
.informlist-wrapper .list .item .icon-alarm {width: 32px;}
.informlist-wrapper .list .item .icon-alarm::before {display: block; width: 24px; height: 24px; background-position: 100% 0; background-repeat: no-repeat; background-size: contain; content: '';}
.informlist-wrapper .list .item .ic-notice::before {background-image:url(../images/common/renewal-v2/ic-alram-notice.svg);}
.informlist-wrapper .list .item .ic-event::before {background-image:url(../images/common/renewal-v2/ic-alram-event.svg);}
.informlist-wrapper .list .item .ic-tool::before {background-image:url(../images/common/renewal-v2/ic-alram-tool.svg);}


/* 공유하기 */
section.mu-quick2 {padding:0 32px; width:100%; position: absolute; bottom: 61px;}
.quick-border { position:relative; min-height:68px;}
.quick-border .inner {display:block; position:relative; padding:0; padding-left:80px; width:100%; height:100%;}
.quick-border .inner .tit {font-family: "HeadMedium"; font-size: 16px; position: absolute; top: 16px; left: 0px; transform: translate(0, 0);}
.quick-border .share-menu { display: flex; justify-content:space-between; position: relative; top: 10px; width: calc(100% + 16px); padding: 0;}
.quick-border .share-menu li { flex:1; width: auto; max-width:25%; vertical-align: top; text-align: center; height: auto; padding: 0px 7px;}
.quick-border .share-menu li a {display:block; position:relative; width: 100%; height: 48px; margin:auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break:break-all;}
.quick-border .share-menu li a:active:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.15); z-index:1;}
.quick-border .share-menu li a img { position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius:5px;}

.quick-border.hcarservice { position:relative; min-height:94px; border-top:1px solid #e4dcd3;}
.quick-border.hcarservice .share-menu { display:flex; position:relative; top:10px; width: calc(100% + 16px); padding:0; }
.quick-border.hcarservice .share-menu:after { content:""; display:block; clear:both; }
.quick-border.hcarservice .share-menu li { vertical-align:top; text-align: center; height: auto; padding:0;}
.quick-border.hcarservice .share-menu li a {width: 100%; padding: 46px 0 10px; font-size: 12px; text-align: center; height: auto;}
.quick-border.hcarservice .share-menu li a img {top:32%; width:30px; height:30px;}
.quick-border.hcarservice .share-menu + .share-menu {top:3px;}


/*============================================================
map
=============================================================*/
.map { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100vh; }
.map-block { padding-top: 54%; }
#pop-container.map-container,
.pop-container.map-container{ position: static; }
.map-contents { position:absolute; left:0; right:0; bottom:0; width:100%; height:50vh; padding:24px 0; background:#fff; }
.map-contents.bluehands .scroll { height:calc(50vh - 48px); padding:0 32px; }
.map-contents.bluehands .scroll .place-list {margin-top:-14px; }
.map-contents.bluehands .btn-wrap {margin-top:32px; }
.map-contents.result .scroll { height:calc(50vh - 50px); padding:0 32px 35px; }
.map-contents.result .pst-my { top:-50px; }
.map-contents.info1 { height:auto; min-height:139px; padding:0; }
.map-contents.info2 { height:auto; min-height:142px; padding:0 0 52px; }
.map-contents.info3 { height:auto; min-height:125px; padding:0 0 52px; border-radius:16px 16px 0 0;}

.map-location { position:absolute;left:50%;top:50%;padding:16px;max-width:288px; border:1px solid #ccc;border-radius:15px;background:#fff; z-index:2; transform:translate(-50%, -90%); }
.map-location a { display:block; margin-right:-16px; padding-right:32px; background:url(../images/common/ic_go.svg) no-repeat right center/36px; }
.map-location:after { content:""; display:block; position:absolute; left:50%; bottom:-15px; width:0; height:0; border-style:solid; border-color:#fff transparent transparent transparent; border-top-width:13px; border-left-width:7px; border-right-width:7px; transform:translateX(-7px); }
.map-location:before { content:""; display:block; position:absolute; left:50%; bottom:-16px; width:0; height:0; border-style:solid; border-color:rgba(0,0,0,0.12) transparent transparent transparent; border-top-width:13px; border-left-width:8px; border-right-width:8px; transform:translateX(-8px); }
.map-location .address { margin-top:4px; font-size:12px; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.location-pin { display:block; width:36px; height:36px; background:url(../images/common/ic_location.svg) no-repeat center/36px; text-align:center; font-size:10px; line-height:26px; white-space:nowrap; position:absolute; z-index:1; transform:translate(-50%, -100%); }
.location-pin.type1 { display:block; width:36px; height:36px; background:url(../images/common/ic_location_blue.svg) no-repeat center/36px; text-align:center; font-size:10px; line-height:26px; white-space:nowrap; position:absolute; z-index:1; transform:translate(-50%, -100%); }
.location-pin.type2 { display:block; width:36px; height:36px; background:url(../images/common/ic_location_green.svg) no-repeat center/36px; text-align:center; font-size:10px; line-height:26px; white-space:nowrap; position:absolute; z-index:1; transform:translate(-50%, -100%); }
.location-pin.type3 { display:block; width:36px; height:36px; background:url(../images/common/ic_location_red.svg) no-repeat center/36px; text-align:center; font-size:10px; line-height:26px; white-space:nowrap; position:absolute; z-index:1; transform:translate(-50%, -100%); }
.location-pin1 { 
  display:block; width:36px; height:36px; background:url(../images/common/ic_location_one.svg) no-repeat center/36px; 
  text-align:center; font-size:10px; line-height:26px; white-space:nowrap; position:absolute; z-index:1; transform:translate(-50%, -100%); }
.map-bubble { position:absolute; padding:16px;max-width:288px; font-size:14px; color:#000; border:1px solid #ccc; border-radius:15px; background:#fff; z-index:2; }
.map-bubble:after { content:""; display:block; position:absolute; left:50%; bottom:-15px; width:0; height:0; border-style:solid; border-color:#fff transparent transparent transparent; border-top-width:13px; border-left-width:7px; border-right-width:7px; transform:translateX(-7px); }
.map-bubble:before { content:""; display:block; position:absolute; left:50%; bottom:-16px; width:0; height:0; border-style:solid; border-color:rgba(0,0,0,0.12) transparent transparent transparent; border-top-width:13px; border-left-width:8px; border-right-width:8px; transform:translateX(-8px); }
.location-wash {display: block; position: absolute; position:absolute; z-index:1;}
.location-wash .bubble {position:relative; padding: 6px 12px; border-radius: 20px; color: #000; background: #fff; box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.1); white-space:nowrap;}
.location-wash .bubble::after {position: absolute; bottom: -5px; left: 50%; margin-left: -4px; display: block; width: 8px; height: 6px; filter: drop-shadow(0px 4px 2px rgba(0, 0, 0, 0.1)); background:url(../images/common/arr-bubble.svg) no-repeat center; content: "";}
.location-wash .location {display:block; margin: 10px auto 0; width:36px; height:36px; background:url(../images/common/ic_location_one.svg) no-repeat center/36px; }
.location-wash.active .bubble{border: 1px solid #00AAD2; color: #00AAD2; font-family:'HeadMedium';}
.location-wash.active .bubble::before {position: absolute; bottom: -7px; left: 50%; margin-left: -5px; display: block; width: 10px; height: 8px; background:url(../images/common/arr-bubble-active.svg) no-repeat center; background-size: cover; content: "";}
.location-wash.active .location {display:block; margin: 10px auto 0; width:36px; height:36px; background:url(../images/common/ic_location_one_active.svg) no-repeat center/36px; }

.geoMarker{transform:translate(-50%, -100%);}
/* map.css */
.ol-zoom { top:initial !important; bottom:.5em;  }
.ol-attribution.ol-uncollapsible {height: 20px !Important;}

/* car-info-wrap */
.car-info-wrap { position:relative; padding:21px 50px 21px 30px; }
.car-info-wrap h2.sub { font-family:"HeadRegular" !important; margin-bottom:10px !important; padding:0 !important; border:none !important; }
.car-info-wrap dl dt, .car-info-wrap dl dd { line-height:20px; font-size:12px; }
.car-info-wrap dl dt { float:left; width:52px; color:#000; }
.car-info-wrap dl dd { float:left; width:calc(100% - 52px); color:#999; }
.car-info-wrap .call { position:absolute; top:30px; right:10px; padding:5px 20px 15px; }
.car-info-wrap .call:active { background-color:rgba(70, 74, 89, 0.1); }
.car-info-wrap .call .ic-phone { display:block; width:50px; height:50px; background:url(../images/common/ic_phone.svg) no-repeat; background-size:50px; }
.car-info-wrap .call span { display:block; line-height:16px; width:50px; height:18px; font-family:"HeadMedium"; font-size:10px; color:#000; text-align:center; border:1px solid #000; border-radius:9px; }

/* my-position */
.my-position { padding:18px 20px 18px 77px; min-height:72px; background:url(../images/common/map_location_me.svg) no-repeat 32px 25px; background-size:36px; }
.my-position .title { line-height:2.2; font-size:14px; color:#000; }
.my-position .addr { font-size:12px; color:#999; }

.map-place { padding:23px 32px 0; }
.map-place h3.place-title { display:block; margin:8px 0 5px; padding:0 1px; font-size:16px; color:#000; }
.map-place .addr { margin-bottom:8px; padding:0 1px; font-size:12px; color:#999; }
.map-place .sub { padding:0 1px 23px; font-size:12px; line-height:18px; color:#999; border-bottom:1px solid #e4dcd3; }

/* 픽업앤충전 */
.pnch-usetext {padding: 0px 32px 30px 32px;}
.pnch-usetext .arrv-time {margin-top:19px; font-family:'HeadMedium';}
.pnch-usetext p {margin-top:12px;}
.pnch-driverinfo {position:relative; padding:30px 32px 0 32px; border-radius:16px 16px 0 0;}
.pnch-driverinfo .drivername {padding-left:50px; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #e4dcd3; background:url(../images/common/ic-bold-daeri.svg) no-repeat -10px 50%; background-size:60px; }
.pnch-driverinfo .drivername span {font-size:24px; margin-right:5px;}
.pnch-drivercall {position:absolute; right:32px; bottom:14px; display:block; width:32px; height:32px; background:url(../images/common/ic-bold-call.svg) no-repeat 0 0; background-size:32px; transition:0.15s all ease;}
.pnch-drivercall:active {opacity:0.6;}
.pnch-bubblemsg {position:absolute; top:-50px; left:50%; transform:translateX(-50%); display:inline-block; height:36px; padding:0 30px 0 17px; line-height:36px; border-radius:18px; font-size:12px; color:#fff; background:#00aad2 url(../images/common/ic-bold-refresh-small-white.svg) no-repeat 97% 50%; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); transition:0.15s all ease; white-space:nowrap;}
.pnch-bubblemsg:active {opacity:0.6;}
.pnch-bubblemsg.type2 {background-color:#74960e;}
.pnch-bubblemsg.coupon {left:16px; transform:translateX(0); padding:0 17px 0 50px; background:#00aad2 url(../images/common/ic-bold-coupon-white.svg) no-repeat 10px 0; background-size:36px;}

.pnchiframe {width:100%; height: calc(100vh - 56px); }
.pnchiframe::-webkit-scrollbar {display:none;}


/*============================================================
list
=============================================================*/
.list-tabs + .search { margin-top:24px; }
.search + .list-selector { margin:24px 16px; }

.list-header { position:relative; margin:16px 16px 0; padding:14px 16px 0; background:#fff; }
.list-header .tit { color:#000; font-family:"HeadMedium"; font-size:16px;}
.list-header .info { flex:1; color:#999; font-size:12px; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list-header .info em { color:#000; }
.list-header .inner { min-height:38px; border-bottom:1px solid #7f7f7f; padding-right: 28px; padding-bottom: 7px; display: flex;}
.list-header .flex-container {  justify-content:space-between; width:100%; }
.list-header + [class$='-list'] { margin-top:0; }

@media only screen and ( max-width: 349px ) {
  .list-header .info span { display:none; }
}
.list-header .ic-info { display:inline-block; width:36px; height:36px; margin-top:-6px; background:url(../images/common/ic_info.svg) no-repeat center; vertical-align:top; }
.list-header .ic-info:active { background-color:rgba(70, 74, 89, 0.1); }
.list-header .ic-filter { position:absolute; top:8px; right:8px; display:block; width:36px; height:36px; background:url(../images/common/ic_filter.svg) no-repeat center; }
.list-header .ic-filter:active { background-color:rgba(70, 74, 89, 0.1); }
.list-selector { margin:24px 16px 16px; }
.list-selector.type2 { padding:9px 9px 0 9px; margin:0; }
.close_g { display:block; width:36px; height:36px; margin:-9px -9px 0 0; background:url(../images/common/ic_close_g.svg) no-repeat center; background-size:36px auto; }
.list-selector .flex-container { justify-content:space-between; width:100%; }

.list-sort-month { margin:32px 16px 16px; font-family:"HeadLight"; font-size:16px; }

.list-counter { padding:16px 16px 0; color:#999; font-size:12px; }
.list-counter.type2 {position:relative; font-size:14px; }
.list-counter.type2 .charbtn {right:16px; top:calc(50% + 8px);}
.list-counter  em { color:#000; }

section .basic-list { margin:-8px -16px; padding:0; background:#fff; }
.basic-list { margin:16px; padding:16px 0; background:#fff; }
.basic-list .item { padding:8px 16px; }
.basic-list .item .date { padding-bottom:1px; }
.basic-list.type2 { margin:0; }
.basic-list.type2 li { padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #e4dcd3; }
.basic-list.type2 li > a { display:block; }
.basic-list.type2 li > a:active { background-color:rgba(70, 74, 89, 0.1); }
.basic-list.type2 li:last-of-type { padding-bottom:0; margin-bottom:0; border-bottom:none; }
.basic-list .unit { font-size:12px; color:#999; }
.basic-list:not(.type2) + .btn-wrap:not(.footer) {margin-top:-16px;}


.article-list {margin:16px; }
.article-list .item { margin-bottom:16px; background:#fff; }
.article-list .item .thumb img { width:100%; }
.article-list .item .info { padding:16px; }
.article-list .item .info ul { margin-bottom:12px;  }
.article-list .item .info ul li { margin-top:4px; color:#595959; font-size:12px; }
.article-list .item .info .date { margin-bottom:0; }
.article-list .item .info .badges {display: flex; justify-content: space-between;}
.article-list .item .category { font-family:"HeadMedium"; font-size:12px; }
.article-list .item .title { width:100%; margin:6px 0 16px; font-family:"HeadLight"; font-size:18px; }
.article-list .item .text { margin-bottom:16px; color:#595959; font-size:12px; }
.article-list .item .nickname {margin-bottom: 0; color: #586069;}
.article-list .item .tag { color: #252525;}
.article-list .item a { display:block; }
.article-list .item a:active { background-color:rgba(70, 74, 89, 0.1); } 
.article-list + .btn-wrap {margin-top:-16px;}
.btn-share {position: fixed; right: 12px; bottom: 32px;}
.btn-share button {width: 48px; height: 48px; background:url(../images/common/btn-share.svg) no-repeat 0 0; background-size: cover; cursor: pointer;}

.slide-block .item .info { padding:16px; }
.slide-block .item .info ul { margin-bottom:12px;  }
.slide-block .item .info ul li { margin-top:4px; color:#595959; font-size:12px; }
.slide-block .item .info .date { margin-bottom:0; }
.slide-block .item .category { font-family:"HeadMedium"; font-size:12px; }
.slide-block .item .title { width:100%; margin:6px 0 16px; font-family:"HeadLight"; font-size:18px; }
.slide-block .item .text { margin-bottom:16px; color:#595959; font-size:12px; }


.line-type-list { margin:16px; }
.line-type-list .item { padding:24px 16px; background:#fff; border-bottom:1px solid #e4dcd3; }

.section-type-list { margin:16px; }
.section-type-list .item { background:#fff; margin-bottom:16px; }
.section-type-list .item .inner { padding:16px; }
.section-type-list .item .text-guide { padding:16px; }
.section-type-list li:active { background-color:rgba(70, 74, 89, 0.1); } 


.guide-info { display:flex; margin-bottom:20px; counter-reset:my-badass-counter; }
.guide-info li { position:relative; flex:1; padding-top:28px; font-size:12px; text-align:center; }
.guide-info li:before { position:absolute; top:12px; left:50%; width:100%; content:""; display:block; border-top:1px solid #999; }
.guide-info li:last-child:before { display:none; }
.guide-info li:after { position:absolute; top:0; left:50%; width:24px; height:24px; content:""; display:block; border:2px solid #ccc; border-radius:50%; transform: translateX(-50%); background:#ccc; content:counter(my-badass-counter); counter-increment:my-badass-counter; font-family:"HeadMedium"; line-height:24px; color:#000; }
.guide-info li:first-child:after { background:#fff; }
.guide-info li:last-child:after { background:#fff; }

.step-list { display:flex; justify-content:space-between; margin:16px 8px 20px; counter-reset:my-badass-counter; }
.step-list li { flex:1; position:relative; padding-bottom:28px; color:#999; font-size:14px; line-height:1.5; text-align:center; white-space:nowrap; }
.step-list li.on { color:#000; font-family:"HeadMedium"; }
.step-list li:before { position:absolute; bottom:12px; width:100%; content:""; display:block; border-top:1px solid #999; }
.step-list li:first-of-type:before { left:50%; }
.step-list li:last-of-type:before { right:45%; }
.step-list li:after { position:absolute; bottom:0; left:50%; width:24px; height:24px; content:""; display:block; border-radius:50%; transform: translateX(-50%); background:#999; content:counter(my-badass-counter); counter-increment:my-badass-counter; font-family:"HeadMedium"; font-size:12px; line-height:24px; color:#fff; }
.step-list li.on:after {background:#00aad2; }
.step-list.grid-col3 { margin:16px 32px 20px; }
.step-list.grid-col3 li:first-of-type, .step-list.grid-col3 li:last-of-type { flex:0; }

.step-list.v2 {margin: 24px 40px;}
.step-list.v2 li {color: #bbb}
.step-list.v2 li:before {border-top:1px dashed #ddd;}
.step-list.v2 li:after {background: #D6D6D6;}
.step-list.v2 li.on {color: #00AAD2}
.step-list.v2 li.on:after {background: #50AED0;}

.check-status-title { font-family:"HeadLight"; font-size:18px; }
.check-status-title span { font-family:"HeadRegular"; }
.check-status { margin-top:20px; counter-reset:my-badass-counter; }
.check-status li { position:relative; padding:10px 0 10px 32px;  }
.check-status li .value { font-size:12px;} /* line-height: 빈값있길래 지웠음 */
.check-status li:before { position:absolute; left:12px; top:20px; width:1px; height:100%; content:""; display:block; border-left:1px solid #999; }
.check-status li:last-of-type:before { display:none; }
.check-status li:after { position:absolute; left:0; top:50%; width:24px; height:24px; content:""; display:block; border-radius:50%; transform: translateY(-50%); background:#595959; content:counter(my-badass-counter); counter-increment:my-badass-counter; font-family:"HeadMedium"; font-size:12px; line-height:24px; color:#fff; text-align:center; }
.check-status li.c1:after { background:#00aad2 } /* 사용가능 */
.check-status li.c3:after { background:#002c5f } /* 점검완료 */
.check-status li.c4:after { background:#595959 } /* 기간만료 */
.check-status li.c5:after { background:#a36b4f } /* 미도래 */

.ars-step { margin-bottom:11px; counter-reset:my-badass-counter; }
.ars-step li { position:relative; padding:0 0 10px 40px;  }
.ars-step li h3 { color:#000; font-size:14px; }
.ars-step li p { margin-top:4px; color:#595959; font-size:12px; }
.ars-step li:before { position:absolute; left:12px; top:10px; width:1px; height:100%; content:""; display:block; border-left:1px solid #999; }
.ars-step li:last-of-type:before { display:none; }
.ars-step li:after { position:absolute; left:0; top:0; width:24px; height:24px; content:""; display:block; border-radius:50%; background:#595959; content:counter(my-badass-counter); counter-increment:my-badass-counter; font-family:"HeadMedium"; font-size:12px; line-height:24px; color:#fff; text-align:center; }

.month-list li { position:relative; margin-bottom:10px !important; padding:4px 0 10px 40px; min-height:36px; }
.month-list li:before { position:absolute; left:15px; top:10px; width:1px; height:100%; content:""; display:block; border-left:1px solid #e4dcd3; }
.month-list li:last-of-type:before { display:none; }
.month-list li h2 { position:absolute; left:0; top:0; display:block; width:30px; height:30px; border-radius:50%; background:#595959; font-family:"HeadMedium"; font-size:10px; line-height:30px; color:#fff; text-align:center; }
.month-list li .item + .item { margin-top:14px; }
.month-list li h3 { color:#000; font-size:14px; }
.month-list li p { margin-top:4px; color:#595959; font-size:12px; }
.month-list li.on h2 { background:#00aad2; }
.month-list li.on h3 { color:#00aad2; }

.transport-list .item .inner { padding:24px 16px; }
.transport-list .date { margin:8px 0 2px; }

.text-list { margin-top:-16px; }
.text-list .item { padding:16px 0 24px; border-bottom:1px solid #e4dcd3; }
.text-list .item h2 { border-bottom:0 !important; }

/* product-list */
.product-list-info {background: none;}
.product-list-info .ic-info {color: #979797; font-size: 12px;}
.product-list-info .ic-info::before {display: inline-block; vertical-align: middle; margin-right:5px; width:14px; height:14px; background:url(../images/common/ic-caption-info.svg) no-repeat 0 0; background-size:14px; content: ''}
.product-list .item { padding:24px 16px 0; word-break:break-all; }
.product-list .item a { justify-content: flex-start; }
.product-list .item .figure { position:relative; display:flex; width:72px; margin:0 16px 24px 0; align-items:center;  font-size:0; line-height:0; }
.product-list .item .figure img { width:72px; }
.product-list .item .figure .badge.multicoupon {position:absolute; right:0; bottom:20%; line-height:16px;}
.product-list .item .figure-info { width:calc(100% - 72px); float:left; margin:-3px 0; padding-bottom:24px; }
.product-list .item .figure-info .title { margin:8px 0 4px; }
.product-list .item .figure-info .title.title-vs2 { margin:0 0 4px; }
.product-list .item .figure-info .title.title-vs2 + .info p { margin-top: 2px; }
.product-list .item .figure-info .title.title-vs2 + .info p:first-child { margin-top: 0; margin-right: 0;}
.product-list .item .figure-info .info { color:#999; font-size:12px; }
.product-list .item .figure-info .point { margin-top:8px; font-family:"HeadMedium"; font-size:16px; }
.product-list .item .figure-info .discount { margin-left:8px; color:#999; font-family:"HeadRegular"; font-size:14px; }
.product-list .item .figure-info .discount .num { text-decoration:line-through; }
.product-list .item .footer.btn-wrap.link-type { width: calc(100% + 32px); margin-left: -16px; }
.sub-head-info + .section-type-list { margin-top:0; }

/* share-list */
.share-list li { border-bottom:1px solid #e4dcd3; }
.share-list li:first-of-type { padding-top:0; }
.share-list li:last-of-type { border-bottom:0; }
.share-list li img { width:36px; margin-right:16px; }
.share-list li a { display:block; padding:16px 0; }
.share-list li a:active { background-color:rgba(70, 74, 89, 0.1); } 
.share-list.type2 { margin-bottom:0; }
.share-list.type2 .info { margin:8px 0 16px; font-size:12px; color:#595959; }

/* pic-list */
.pic-list-wrap > ul > li, .pic-list-wrap > ol > li { display:table; width:100%; background-repeat:no-repeat; background-position: 0 center; }
.pic-list-wrap > ul > li > div, .pic-list-wrap > ol > li > div { display:table-cell; vertical-align:middle; }
.pic-list-wrap.ic72 > ul > li, .pic-list-wrap.ic72 > ol > li { min-height:72px; margin-bottom:14px; padding-left:88px; background-size:72px; }
.pic-list-wrap.ic36 > ul > li , .pic-list-wrap.ic36 > ol > li { min-height:36px; padding-left:52px; background-size:36px; }
.pic-list-wrap > .numbering { padding-left:0 !important; }
.pic-list-wrap.ic36 > .numbering > li { padding-left:64px; margin-bottom:16px; }

.pic-list01 li:nth-of-type(1) { background-image:url(../images/common/ic_pic_01_01.svg); } /* MB-34000-0 */
.pic-list01 li:nth-of-type(2) { background-image:url(../images/common/ic_pic_01_02.svg); }
.pic-list01 li:nth-of-type(3) { background-image:url(../images/common/ic_pic_01_03.svg); }
.pic-list01 li:nth-of-type(4) { background-image:url(../images/common/ic_pic_01_04.svg); }
.pic-list01 li:nth-of-type(5) { background-image:url(../images/common/ic_pic_01_05.svg); }
.pic-list01 li:nth-of-type(6) { background-image:url(../images/common/ic_pic_01_06.svg); }

.pic-list02 li:nth-of-type(1) { background-image:url(../images/common/ic_pic_02_01.svg); } /* MB-34000-0 */

.pic-list03 li {margin-bottom:16px; }
.pic-list03 li:nth-of-type(1) { background-image:url(../images/common/ic_pic_03_01.svg); } /* MB-36000-0 */
.pic-list03 li:nth-of-type(2) { background-image:url(../images/common/ic_pic_03_02.svg); }
.pic-list03 li:nth-of-type(3) { background-image:url(../images/common/ic_pic_03_03.svg); }

.pic-list04 li {margin-bottom:24px; }
.pic-list04 li:nth-of-type(1) { background-image:url(../images/common/ic_pic_04_01.svg); } /* MB-37000-0 */
.pic-list04 li:nth-of-type(2) { background-image:url(../images/common/ic_pic_04_02.svg); }
.pic-list04 li:nth-of-type(3) { background-image:url(../images/common/ic_pic_04_03.svg); }
.pic-list04 li:nth-of-type(4) { background-image:url(../images/common/ic_pic_04_04.svg); }
.pic-list04 li:nth-of-type(5) { background-image:url(../images/common/ic_pic_04_05.svg); }

.pic-list05 li {margin-bottom:16px; }
.pic-list05 li:nth-of-type(1) { background-image:url(../images/common/ic_pic_05_01.svg); } /* MB-37000-0 */
.pic-list05 li:nth-of-type(2) { background-image:url(../images/common/ic_pic_05_02.svg); }
.pic-list05 li:nth-of-type(3) { background-image:url(../images/common/ic_pic_05_03.svg); }
.pic-list05 li:nth-of-type(4) { background-image:url(../images/common/ic_pic_05_04.svg); }
.pic-list05 li:nth-of-type(5) { background-image:url(../images/common/ic_pic_05_05.svg); }
.pic-list05 li:nth-of-type(6) { background-image:url(../images/common/ic_pic_05_06.svg); }
.pic-list05 li:nth-of-type(7) { background-image:url(../images/common/ic_pic_05_07.svg); }
.pic-list05 li:nth-of-type(8) { background-image:url(../images/common/ic_pic_05_08.svg); }

.pic-list14 li.item { padding-right:60px; background-repeat:no-repeat; background-position:right center; background-size:36px; }
.pic-list14 li:nth-of-type(1) { background-image:url(../images/common/ic_pic_14_01.svg); } /* MB-11300-POP */
.pic-list14 li:nth-of-type(2) { background-image:url(../images/common/ic_pic_14_02.svg); }
.pic-list14 li:nth-of-type(3) { background-image:url(../images/common/ic_pic_14_03.svg); }

.pic-list15 { padding:32px 0; }
.pic-list15 ul { width:100%; display:table; table-layout:fixed; }
.pic-list15 li { display:table-cell; width:33.333%; padding-top:36px; background-repeat:no-repeat; background-position:center top; background-size:36px; text-align:center; vertical-align:top; }
.pic-list15 li.p01 { background-image:url(../images/common/ic_pic_15_01.svg); background-position: center 14px; background-size:70px 8px}
.pic-list15 li.p02 { background-image:url(../images/common/ic_pic_15_02.svg); }
.pic-list15 li.p03 { background-image:url(../images/common/ic_pic_15_03.svg); }
.pic-list15 li.p04 { background-image:url(../images/common/ic_pic_15_04.svg); }
.pic-list15 li.p05 { background-image:url(../images/common/ic_pic_15_05.svg); }
.pic-list15 li.p07 { background-image:url(../images/common/ic_pic_15_07.svg); }
.pic-list15 li.p08 { background-image:url(../images/common/ic_pic_15_08.svg); }
.pic-list15 li.p09 { background-image:url(../images/common/ic_pic_15_09.svg); }
.pic-list15 li.p10 { background-image:url(../images/common/ic_pic_15_10.svg); }
.pic-list15 li.p11 { background-image:url(../images/common/ic_pic_15_11.svg); }
.pic-list15 li.p12 { background-image:url(../images/common/ic_pic_15_12.svg); }
.pic-list15 li.p13 { background-image:url(../images/common/ic_pic_15_13.svg); }
.pic-list15 h4 { margin:3px 0 5px; }
.pic-list15 p { color:#595959; font-size:12px; }
.pic-list15.pictogram-card { padding:24px 16px; background-image:url(../images/common/ic_pic_15_06.svg); background-repeat:no-repeat; background-position:calc(100% - 16px) center; background-size:72px; }
.pic-list15.pictogram-card h4 { margin-bottom:8px; font-family:"HeadMedium"; font-size:16px; }
.pic-list15.pictogram-card p { color:#000; font-size:14px; }
@media only screen and (max-width: 359px) {
  .pic-list15.pictogram-card { background-position:calc(100% - 8px) center; }
}

.pic-list16 {margin:-10px 0; }
.pic-list16 li { padding:19px 0 19px 50px; background-repeat:no-repeat; background-position:left center; background-size:36px; color:#595959; font-size:12px; }
.pic-list16 li:nth-of-type(1) { background-image:url(../images/common/ic_pic_16_01.svg); } /* MC-32200-0 */
.pic-list16 li:nth-of-type(2) { background-image:url(../images/common/ic_pic_16_02.svg); }
.pic-list16 li:nth-of-type(3) { background-image:url(../images/common/ic_pic_16_03.svg); }
.pic-list16 li:nth-of-type(4) { background-image:url(../images/common/ic_pic_16_04.svg); }
.pic-list16 li:nth-of-type(5) { background-image:url(../images/common/ic_pic_16_05.svg); }
.pic-list16 li:nth-of-type(6) { background-image:url(../images/common/ic_pic_16_06.svg); }

/* digital-key info-pop */
.pic-list17 {margin: 16px 7px 16px 16px;}
.pic-list17 li.item {padding-left: 60px; margin-top: 30px; background-size: 36px; background-repeat: no-repeat; background-position: left top;}
.pic-list17 .item h2 {font-size: 16px; color: #000; margin-bottom: 4px; line-height: 1.13;}
.pic-list17 li.item p {color: #999999; margin-bottom: 8px; word-break:inherit;}
.pic-list17 li.item p:last-child {margin-bottom:0;}
.pic-list17 li.item .sub {color: #737373; font-family: "HeadMedium"; margin-bottom: 0;}
.pic-list17 li:nth-of-type(1) { background-image:url(../images/common/d-key-owner.svg); } 
.pic-list17 li:nth-of-type(2) { background-image:url(../images/common/d-key-share.svg); }
.pic-list17 li:nth-of-type(3) { background-image:url(../images/common/d-key-plus.svg); }
.pic-list17 li:nth-of-type(4) { background-image:url(../images/common/d-key-minus.svg); }
.pic-list17.user-share-pop li:nth-of-type(1) { background-image:url(../images/common/d-key-share.svg); } 
.pic-list17.user-share-pop li:nth-of-type(2) { background-image:url(../images/common/d-key-term.svg); }
.pic-list17.user-share-pop li:nth-of-type(3) { background-image:url(../images/common/d-key-func.svg); }

/* place-list */
.place-list { margin:11px 0;}
.place-list li { position:relative; display:flex; }
.place-list li a { width:calc(100% - 32px); margin:11px 0; background-repeat:no-repeat; background-position:-8px 3px; background-size:36px; cursor: pointer; }
.place-list li a:active { background-color:rgba(70, 74, 89, 0.1); } 
.place-list li.ic-app a { background-image:url(../images/common/ic_place_navi.svg); }
.place-list li.ic-time a { background-image:url(../images/common/ic_place_time.svg); }
.place-list li.ic-site a { background-image:url(../images/common/ic_site.svg); }
.place-list li.ic-site.on a { background-image:url(../images/common/ic_site_on.svg); }
.place-list a { display:block; }
.place-list p { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.place-list .badge { margin-bottom:8px; }
.place-list .address { margin-top:4px; color:#999; font-size:12px; }
.place-list .btn-edit { color:#002c5f; font-family:"HeadMedium";  } 
.place-list .btn-edit.disabled { color:#999;  } 
.place-list .btn-del { position:absolute; top:0; bottom:0; right:-8px; display:block; width:36px; height:36px; margin:auto; background:url(../images/common/ic_close.svg) no-repeat center; background-size:36px auto; }
.place-list .btn-del:active { background-color:rgba(70, 74, 89, 0.1); } 
.place-list .btn-nav { position:absolute; top:0; bottom:0; right:-2px; display:block; width:36px; height:36px; margin:auto; background:url(../images/common/ic_navi_active.svg) no-repeat center; background-size:36px auto; }
.place-list .btn-nav:active { background-color:rgba(70, 74, 89, 0.1); } 
.place-list .sub-content {font-size:12px !important; color:#000; }
.place-list .sub-text {font-size:12px !important; color:#000; text-overflow: ellipsis; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

/* 블루멤버스 type1 */
.place-list.type1 li a { width:100%; padding-left:40px; background-image:url(../images/common/ic_site.svg); }
.place-list.type1 li p { font-size:16px; }
.place-list.type1 li .address { font-size:12px; }
.place-list.type1 li.on a { background-image:url(../images/common/ic_site_on.svg); }

/* 블루핸즈 type2 */
.place-list.type2 { counter-reset:my-badass-counter; } 
.place-list.type2 li { position:relative; padding-left:40px; } 
.place-list.type2 li:after { position:absolute; top:50%; left:0; width:24px; height:24px; content:""; display:block; border-radius:50%; transform: translateY(-50%); background:#eee; content:counter(my-badass-counter); counter-increment:my-badass-counter; font-family:"HeadMedium"; font-size:12px; line-height:24px; color:#000; text-align:center;  }
.place-list.type2 li a { margin-right:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 

/* 최근 검색 type3 */
.place-list.type3 li a { padding-left:40px; }
.place-list.type3 em { color:red; }
.place-list.type3 p { width:calc(100% - 50px); }

/* 즐겨찾는 장소 type4 */
.place-list.type4 li a { margin:11px 0; padding-left:0; }
.place-list.type4 p { width:calc(100% - 50px); }
/* 즐겨찾는 장소 type5 */
.place-list.type5 { margin-top:-17px; }
.place-list.type5 li { margin:0; padding:11px 0; border-bottom:1px solid #e4dcd3; }
.place-list.type5 li:last-of-type { border-bottom:0; }
.place-list.type5 p { width:calc(100% - 50px); }

/* myPlace type6 */
.scroll .place-list.type6 { margin:0 16px; }
.place-list.type6 li { margin:0; padding:11px 0; border-bottom:1px solid #e4dcd3; }
.place-list.type6 p { width:calc(100% - 50px); font-size:16px; }
.place-list.type6 .address { font-size:12px; }
.place-list.type6 .dist { color:#000; }
.place-list.type6 .charge {font-size:12px;}
.place-list.type6 li a { position: relative; display:block; padding-left:72px;}     
.place-list.type6 li a .thumb { position: absolute; top: 50%; left: 31px; transform: translate(-50%, -50%); }
.place-list.type6 li a .thumb img { max-width:62px; }
.scroll .place-list.type6 + .section.btn-wrap,
.scroll .place-list.type7 + .section.btn-wrap {margin:0;}

/* myPlace type7 */
.scroll .place-list.type7 { margin:0 16px; }
.place-list.type7 li { margin:0; padding:11px 0; border-bottom:1px solid #e4dcd3; }
.place-list.type7 p { width:calc(100% - 50px); font-size:16px; }
.place-list.type7 .address { font-size:12px; }
.place-list.type7 .charge { font-size:12px; }
.place-list.type7 .dist { color:#000; }
.place-list.type7 li a { position: relative; display:block;padding-left:72px;}   
.place-list.type7 li a .thumb { position: absolute; top: 50%; left: 31px; transform: translate(-50%, -50%); }
.place-list.type7 li a .thumb img { max-width:62px; }

/* 블루핸즈 견적내역 */
.place-list.type8 {margin:0;}
.place-list.type8 li {display:block; padding:20px 0; border-top:1px solid #e4dcd3;}
.place-list.type8 a {display:inline-block; width:unset; margin:0;}
.place-list.type8 .badge {margin-bottom:0;}
.place-list.type8 .flex-container {align-items: center;}
.place-list.type8 .flex-container + .flex-container {margin-top:8px;}
.place-list.type8 li .str {font-size:16px;}
.place-list.type8 .txt-sm {position:relative; padding-right:60px; margin:0;}
.sub-head-info .place-list.type8 li {padding:8px 0 16px; border-top:none;}
.sub-head-info .place-list.type8 li .str {font-size:18px;}
.sub-head-info .place-list.type8 .txt-sm {padding-right:0 !important; overflow:visible; text-overflow:unset; white-space:unset;}

/* accordion */
.accordion .header { display:block; position:relative; }
.accordion .handler { position:absolute; top:8px; right:0; z-index:5; width:36px; height:36px; background:url(../images/common/ic_down.svg) no-repeat center; background-size:24px; transform: rotate(180deg); }
.accordion .header .tit { width:calc(100% - 24px); font-family:"HeadRegular"; }
.accordion .header .tit.bold { font-family:"HeadMedium"; }
.accordion .header .flex-container { width:calc(100% - 32px); }
.accordion .header .flex-container .str { font-size:16px; }
.accordion .header .flex-container .value { color:#002c5f; line-height:24px;  }
.accordion .article { margin:0 16px; padding:16px 0; }
.accordion .article.type2 .text-guide { padding-bottom:8px; }
.accordion .article.type3 { margin:0; padding:0; }
.accordion .article .list-tabs { margin-top:0; }
.accordion .article .footer.btn-wrap { margin:16px -16px -16px; }
.accordion.off .article { display:none; }
.accordion.off .handler { transform: rotate(0); }
.accordion.disabled .header .flex-container .str, .accordion.disabled .handler, .accordion.disabled .header .tit {opacity: .4;}
.section-wrap.accordion.type02 {margin:0 16px; padding-right:6px;}
.section-wrap.accordion.type02 .header {padding:14px 9px;}
.section-wrap.accordion.type02 .check-basic {height: 40px; line-height: 40px;}
.section-wrap.accordion.type02 .handler {top: 16px;}


.accordion.type03 .header {min-height: 52px; cursor: default;}
.accordion.type03 .header .handler {cursor: pointer;}
.accordion.type03 .header h2 {display: block;}
.accordion.type03:not(.off) .header h2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all; }
.accordion.type03.off .header h2 {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.accordion.type03 .article {padding-top: 6px; padding-bottom: 24px;}
.accordion.type03 .article .txt-info {color: #595959; font-size: 12px; line-height: 18px;}
.accordion .video-guide .inner-video {overflow: hidden; position: relative; padding-top: 52.702%; background-color: #D9D9D9; border-radius: 12px;}
.accordion .video-guide .inner-video video,
.accordion .video-guide .inner-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.accordion .video-guide .thumb {z-index: 0; overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.accordion .video-guide .thumb img {width: 100%; height: 100%; object-fit: cover;}
.accordion .video-guide figcaption {overflow: hidden; margin-top: 10px; max-height: 40px; padding: 0 37px; font-size: 12px; line-height: 20px; color: #777; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all;}
.accordion .video-guide .btn-video-play {z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
.accordion .video-guide .btn-video-play::before {position: absolute; bottom: 0; left: 0; display: block; width: 40px; height: 32px; background:url(../images/common/renewal-v2/btn-play.png) 0 0 no-repeat; background-size: cover; content: "";}
body.font-big .accordion .video-guide figcaption {font-size: 14px; line-height: 22px;}

.accordion .header.type2 { position: relative; padding:18px 16px 24px; }
.accordion .header.type2 .tit-wrap { padding-left:88px; }
.accordion .header.type2 .tit-wrap .badges { margin-bottom:6px; }
.accordion .header.type2 .tit-wrap .tit { font-size:14px; }
.accordion .header.type2 .tit-wrap .desc { margin-top:4px; font-size:12px; color:#999; }
.accordion .header.type2 .thumb { position: absolute; top: 50%; left: 52px; transform: translate(-50%, -50%); }
.accordion .header.type2 .thumb img { max-width:72px; }

.accordion .header.type5 { padding:16px 0; }
.accordion .header.type5 + .article { padding-top:8px; color:#595959; word-break:break-word; }
.accordion .header.type5 + .article img { max-width:100%; }

/* accordion-list */
.accordion-list .accordion { margin:0 32px; border-bottom:1px solid #e4dcd3; }
.accordion-list .accordion .header { padding:14px 0; }
.accordion-list .accordion .header .tit { width:calc(100% - 54px); font-family:"HeadRegular"; font-size:14px; line-height:1.43; }
.accordion-list .accordion .article { padding:16px 0; margin:0; font-size:12px; } 
.accordion-list .accordion .handler { right:0; top:50%; transform:translateY(-50%) rotate(180deg); }
.accordion-list .accordion.off .handler { transform:translateY(-50%) rotate(0); }
.accordion-list .accordion .header.type5 .tit.top { font-family:"HeadMedium"; color:#00aad2; }
.accordion-list .accordion .header.type5 span.date { display:inline-block; width:calc(100% - 54px);}

/* accordion-list.faq */
.accordion-list.faq { margin-top:20px; }
.accordion-list.faq .accordion .header { padding:25px 0 20px; line-height:1; }
.accordion-list.faq .accordion .header .tit { position: relative; padding-left:17px; }
.accordion-list.faq .accordion .header .tit::before { position: absolute; left:0; top:0; content:'Q.'; }
.accordion-list.faq .accordion .header .tit > em { font-family:"HeadMedium"; color:#00aad2; }
.accordion-list.faq .accordion .article { padding:0; margin-bottom:32px; }
.accordion-list.faq .accordion .article .answer { margin-bottom:24px; }
.accordion-list.faq .accordion .article .answer em { font-family:"HeadMedium"; color:#00aad2; }
.accordion-list.faq .accordion .article .tag-area { margin-bottom:24px; }
.accordion-list.faq .accordion .article .tag-area .tag { margin-right:16px; font-size:12px; color:#999; }
.accordion-list.faq .accordion .article .tag-area .tag.on { color:#00aad2; }
.accordion-list.faq .accordion .article .link { font-family:"HeadMedium"; font-size:12px; color:#002c5f; padding-right:36px; background:url(../images/common/ic_go_02.svg) no-repeat right center; background-size:36px; }
.accordion-list.faq .accordion .article .link:active { background-color:rgba(70, 74, 89, 0.1); } 

/* .win-pop-wrap .accordion */
.win-pop-wrap .accordion { margin:0 32px; }
.win-pop-wrap .accordion:first-of-type { margin-top:16px; }
.win-pop-wrap .accordion .header { padding:14px 0; border-bottom:1px solid #000; }
.win-pop-wrap .accordion .header .tit { font-family:"HeadMedium"; }
.win-pop-wrap .accordion.off { border-bottom:1px solid #000; }
.win-pop-wrap .accordion.off .header { border-bottom:none; }
.win-pop-wrap .accordion .article { margin:0; }
.win-pop-wrap .accordion .form-item.type2 dt { font-family:"HeadMedium"; font-size:14px; }
.win-pop-wrap .section-wrap.accordion.type02 {margin:0 16px 30px; padding-right:6px;}
.win-pop-wrap .section-wrap.accordion.type02 .header {padding:14px 9px;}

/*============================================================
detail
=============================================================*/
/* text guide */
.img100w img { width:100%; }
.tips-title {font-size:14px; color:#222; margin:0 32px;}
.tips-title + .tips-caution {margin-top:8px;}
.tips-caution { margin-top:16px; padding-left:18px; color:#999; font-size:12px; background:url(../images/common/ic_caution.svg) no-repeat 0 2px/14px; }
.tips-caution.type2 { color:#e63312; background:url(../images/common/ic_caution2.svg) no-repeat 0 2px/14px; }
.tips-caution.type3 { margin:16px 32px 32px; }
.tips-caution.type4 { margin:16px 16px 32px; }
.tips-caution.type5 { margin:16px 16px 0px 16px; }
.tips-caution.type6 { color:#00aad2; background:url(../images/common/ic_caution3.svg) no-repeat 0 2px/14px; }
.tips-caution.type7 {margin: 8px 16px -8px 32px; text-align:right; background:none;}
.tips-caution.type8 {color:#000; margin: 0; font-size: 14px; line-height: 18px; background:url(../images/common/ic_caution4.svg) no-repeat 0 2px/14px;}
.tips-caution.type9 {color: #A0A6AD}

.tips-caution + .tips-caution { margin-top:8px; }
.tips-caution.type5 + .tips-caution.type5 {margin-top:4px;}

.link-block { margin-top:13px; color:#999; font-size:12px; }
.link-block > a, .link-text { color:#002c5f; font-family:"HeadMedium"; font-size:14px; }
.link-block > a:active,
.link-text:active { background-color:rgba(70, 74, 89, 0.1); }
.link-text.disabled { color:#999; font-family:"HeadRegular"; }
.link-pointcheck { display:inline-block; padding:10px 36px 10px 12px; background:url(../images/common/ic_go.svg) no-repeat right center; background-size:36px; }
.link-pointcheck:active { background-color:rgba(70, 74, 89, 0.1); }
.link-pointcheck2 { display:block; }
.link-pointcheck2 .tit { padding:16px 36px 16px 16px; font-family:"HeadMedium"; font-size:16px; background:url(../images/common/ic_go.svg) no-repeat right center; background-size:36px; }
.link-pointcheck2:active { background-color:rgba(70, 74, 89, 0.1); }
.link-pointcheck2.home .tit {position:relative; margin-top:4px; padding-top:16px;}
.link-pointcheck2.home:active {background-color:transparent;}
.link-pointcheck2.home:active .tit:before {content:''; position:absolute; width:100%; top:10px; left:0; background:rgba(0,0,0,0.15); height:36px;}
.bluepoint-card .link-pointcheck2.home:active .tit:before {content:unset;}
.bluepoint-card .link-pointcheck2.home .tit {margin-top:0;}

.date, .mileage, .txt-sm, .day { margin-bottom:2px; color:#999; font-size:12px; }
.txt-sm.unit2 {position:absolute; right:0; top:50%; transform:translateY(-50%); font-family:"HeadRegular";}
.link.arrow { font-family:"HeadMedium"; font-size:12px; color:#002c5f; padding-right:36px; background:url(../images/common/ic_go_02.svg) no-repeat right center; background-size:36px; }
.link.arrow:active { background-color:rgba(70, 74, 89, 0.1); }
.down.arrow {display:inline-block; margin:10px 0; font-family:"HeadMedium"; font-size:12px; color:#002c5f; padding-right:36px; background:url(../images/common/download-color.svg) no-repeat right center; background-size:36px; }
.down.arrow:active { background-color:rgba(70, 74, 89, 0.1); }

.carousel-wrap + .text-body { border-top:1px solid #e4dcd3; margin:0 16px; padding:24px 0;}

.info-box dt { margin-bottom:8px; font-family:"HeadMedium"; }
.info-box dd { text-indent:-8px; margin-left:8px; padding-left:10px; font-size:12px; color:#595959; }

/* document format */
.text-guide [class^='heading'] { margin:24px 0 8px; }
.text-guide [class^='heading']:first-of-type { margin-top:0px; }
.text-guide .heading1 { display:block; font-family:"HeadMedium"; font-size:14px; }
.text-guide .heading1.type2 { font-family:"HeadRegular"; }
.text-guide .heading2 { display:block; font-size:14px; }
.text-guide .heading3 { display:block; font-size:12px; color:#000;  }
.text-guide .heading1 + .heading1 { margin-top:0; padding-top:0 !important;}
.text-guide .heading1 + .heading3 { margin-top:16px;  }
.text-guide ol + .heading1 { margin-top:24px !important; }
.text-guide .heading1 + .heading2 { margin-top:8px; }
.text-guide .heading-wrap {display: flex; align-items: flex-end;; padding-top: 24px;}
.text-guide .heading-wrap h3.heading1 {margin-bottom: 0;}
.text-guide .heading-wrap .bul li {text-indent: 0; padding-left: 5px;}
.text-guide .heading1 + .btn-label {margin-left: auto; margin-bottom: 8px; }
.text-guide .btn-label {display: flex; align-items: center; padding: 2px 8px 2px 6px;background-color: #999; color: #fff; font-family:"HeadMedium"; font-size: 10px; line-height: 14px; border-radius: 10px;}
.text-guide .btn-label::after {margin-top: -2px; margin-left: 2px; width: 6px; height: 6px; border: 1px solid #fff; border-width: 1.4px 1.4px 0 0; transform: rotate(45deg); content: "";}

.font-big .text-guide  .btn-label {font-size: 12px; line-height: 16px;}

.text-guide .reading { color:#595959; font-size:12px; }
.text-guide .reading + .bul { margin-top:4px; }
.text-guide .reading + .bul.no-heading { margin-top:24px; }
.text-guide li { margin-bottom:4px;  }
.text-guide li:last-of-type { margin-bottom:0;  }
.text-guide li.bold { font-family:"HeadMedium"; }
.text-guide .bul li { padding-left:7px; color:#595959; font-size:12px; text-indent:-7px; }
.text-guide .link-block { margin-top:14px; color:#999; font-size:12px; }
.text-guide .numbering { padding-left:12px; text-indent:-12px; color:#595959; font-size:12px; } 
.text-guide .numbering .reading { text-indent:0; }
.text-guide .heading.numbering { padding-left:16px; text-indent:-16px; color:#000; font-family:"HeadRegular"; font-size:14px; }
.text-guide .heading.numbering li { margin-bottom:24px; }
.text-guide .heading.numbering li:last-of-type, .text-guide .numbering li:last-of-type { margin-bottom:0; }
.text-guide .heading.numbering li .img { margin-right:16px; text-indent:0; }
.text-guide .heading.numbering li .img img{ width:100%; max-width:320px; margin:0; padding:0; text-indent:0; }
.text-guide .heading.numbering li .reading { margin-top:8px; }
.text-guide .heading.numbering li .reading li { margin:4px 0 0;}
.text-guide .heading.numbering li p.tips-caution { margin-left:-17px; }
.text-guide .tips-caution { margin:16px 0; color:#999; text-indent:0; }
.text-guide .inner-tips .tips-caution { margin-left: -7px; }
.text-guide .tips-caution + .tips-caution { margin-top:-8px; }
.text-guide .reading + .tips-caution { margin-top:8px; }
.text-guide .bul + .tips-caution { margin-top:16px; }
.text-guide .link-block + .tips-caution { margin-top:16px; }
.text-guide .service-period { display:flex; align-items:stretch; font-size:0; }
.text-guide .service-period > span { position:relative; display:flex; justify-content:center; padding:14px; text-align:center; font-size:12px; border:1px solid #ccc; background:#fff; box-sizing:border-box; }
.text-guide .service-period > span::after { position:absolute; top:50%; right:-12px; display:inline-block; width:20px; height:20px; line-height:20px; font-size:16px; color:#999; text-align:center; background:#eee; border-radius:50%; z-index:1; transform:translateY(-50%); }
.text-guide .service-period > span:nth-of-type(1) { width:calc(33% - 4px); margin-right:4px; }
.text-guide .service-period > span:nth-of-type(1)::after { content:'+'; }
.text-guide .service-period > span:nth-of-type(2) { width:calc(33% - 3px); margin-right:3px; }
.text-guide .service-period > span:nth-of-type(2)::after { content:'='; }
.text-guide .service-period > span:nth-of-type(3) { width:34%; color:#fff; background:#999; border-color:#999; }
.text-guide .service-period > span:nth-of-type(3)::after { display:none; }
.text-guide table.basic:last-of-type {margin-bottom:0; }
.text-guide.agreement-type table.basic th { padding:16px 8px; color:#000; vertical-align:top; }
.text-guide.agreement-type table.basic td { padding:16px 12px; vertical-align:top; }
.text-guide.agreement-type .code-num { font-family:"HeadBold"; color:#999; text-align:right; } 

.text-guide .desc {margin-top: 14px; color: #222;}
.text-guide .desc:first-child {margin-top: 0;}
.text-guide .desc dt {font-family:"HeadMedium";}
.text-guide .desc .tx-gray {color: #595959;}
.text-guide .bul dd {position: relative; padding-left: 20px;}
.text-guide .bul dd::before {position: absolute; left: 7px; top: 10px; display: block; width: 3px; height: 3px; border-radius: 100%; background-color: #222; content: '';}

/* mycar */
.dl-text-guide dt { margin:24px 0 2px; color:#999; font-size:12px; }
.dl-text-guide dt:first-of-type { margin-top:0; }
.dl-text-guide dd { position:relative; }
.dl-text-guide dd li { margin-bottom:3px; }
.dl-text-guide dd li:last-of-type { margin-bottom:0; }
.dl-text-guide dd .edit { position:absolute; right:0; top:-21px; color:#002c5f; font-family:"HeadMedium"; }
.dl-text-guide .link-block { margin-top:13px; color:#999; font-size:12px; }
.dl-text-guide .bul + .link.arrow { display:inline-block; margin-top:16px; }

.dl-text-guide.type2 .tit { margin-bottom:2px; font-size:14px; font-family:"HeadMedium"; }
.dl-text-guide.type2 li { padding:23px 0; border-bottom:1px solid #e4dcd3; }
.dl-text-guide.type2 li:first-of-type { padding-top:0; }
.dl-text-guide.type2 li:last-of-type { padding-bottom:0; border-bottom:0; }
.dl-text-guide.type2 dt { margin:14px 0 2px; }

.dl-text-guide.type3 { margin-bottom:10px;}
.dl-text-guide.type3 dt { font-size:14px; font-family:"HeadMedium"; color:#000;}
.dl-text-guide.type3 dd li { font-size:13px; }

/* car manual-list */
.manual-list > li > a:after { content:""; position:absolute; top:50%; right:-5px; width:24px; height:24px; background:url(../images/common/ic_download.svg) no-repeat center right; transform:translateY(-50%); }
.manual-list > li > ul { display:none; }

/* article detail */
.bbs-header { padding:24px 16px 0; }
.bbs-header .badge { margin-bottom:8px; }
.bbs-header .category { margin-bottom:4px; font-family:"HeadMedium"; font-size:12px; }
.bbs-header .title { font-family:"HeadLight"; font-size:18px; }
.bbs-header .date { margin-top:16px; }
.bbs-html { padding:16px; font-size:12px; } /* 게시판 본문 내용 */
.bbs-html img { width:100%; } /* 게시판 본문 내용 */
.section.btn-wrap + .review {margin-top:32px; }
.img-map { max-width:100%; position:relative; }
.img-map a.link-map { display:block; position:absolute; width:91%; height:2.5%; left:50%; bottom:22.3%; transform:translateX(-50%);  z-index:9;}

/*  */
h2.static { padding:16px 32px 0; font-size:16px; text-align:center; font-family:"HeadMedium";}
/* HPF */
.bbs-html .entry-content { margin:0 -16px; padding:0 16px; font-family:"HeadLight"; font-size:14px; }
.bbs-html .entry-content > * { margin-top:16px; font-size:14px !important; }
.bbs-html .entry-content > *:first-child { margin-top:0; }
/* .bbs-html .entry-content > [class^=gallery] { width:calc(100% + 32px); margin-left:-16px; } */
.bbs-html .entry-content [class^=gallery] + [class^=gallery] { margin-top:0; }
.bbs-html .entry-content h1, .bbs-html .entry-content h2, .bbs-html .entry-content h3 { display:block;}
.bbs-html .entry-content h1, .bbs-html .entry-content h2, .bbs-html .entry-content h3, .bbs-html .entry-content p > strong { margin-top:32px; font-family:"HeadMedium"; }
.entry-content img { display:block; width:100%; height:auto; }
/* .entry-content > img, .entry-content p > img { width:calc(100% + 32px); margin-left:-16px; } */
.entry-content p > img { margin-top:16px; }
.entry-content p > img:first-child { margin-top:0; }

.entry-content .gallery { overflow:hidden; width:100%; }
.entry-content .gallery .gallery-item { position:relative; float:left; margin:0; }
.entry-content .gallery .gallery-item .gallery-icon img { display:inline-block; width:100%; height:auto; margin:0; vertical-align:top; }
.entry-content .gallery .gallery-item:after { position:absolute; top:0; left:-1.5px; width:3px; height:100%; background-color:#f6f3f2; }
.entry-content .gallery .gallery-item:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#f6f3f2; }
.entry-content .gallery.gallery-columns-1 .gallery-item { width:100%; }
.entry-content .gallery.gallery-columns-2 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-2 .gallery-item:nth-child(even):after { content:""; }
.entry-content .gallery.gallery-columns-3 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-3 .gallery-item:nth-child(odd):after { content:""; }
.entry-content .gallery.gallery-columns-3 .gallery-item:nth-child(1) { width:66.7%; }
.entry-content .gallery.gallery-columns-3 .gallery-item:nth-child(1):after { content:none; }
.entry-content .gallery.gallery-columns-3 .gallery-item:nth-child(2) { width:33.3%; }
.entry-content .gallery.gallery-columns-3 .gallery-item:nth-child(2):after { content:""; }
.entry-content .gallery.gallery-columns-3 .gallery-item:nth-child(3) { width:33.3%; }
.entry-content .gallery.gallery-columns-4 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-4 .gallery-item:nth-child(even):after { content:""; }
.entry-content .gallery.gallery-columns-5 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(odd):after { content:""; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(1):after { content:none; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(2):after { content:""; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(3) { width:33.3333%; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(3):after { content:none; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(4) { width:33.3333%; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(4):after { content:""; }
.entry-content .gallery.gallery-columns-5 .gallery-item:nth-child(5) { width:33.3333%; }
.entry-content .gallery.gallery-columns-6 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-6 .gallery-item:nth-child(even):after { content:""; }
.entry-content .gallery.gallery-columns-7 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(odd):after { content:""; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(1):after { content:none; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(2):after { content:""; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(3) { width:33.3333%; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(3):after { content:none; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(4) { width:33.3333%; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(4):after { content:""; }
.entry-content .gallery.gallery-columns-7 .gallery-item:nth-child(5) { width:33.3333%; }
.entry-content .gallery.gallery-columns-8 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-8 .gallery-item:nth-child(even):after { content:""; }
.entry-content .gallery.gallery-columns-9 .gallery-item { width:50%; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(odd):after { content:""; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(1):after { content:none; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(2):after { content:""; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(3) { width:33.3333%; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(3):after { content:none; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(4) { width:33.3333%; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(4):after { content:""; }
.entry-content .gallery.gallery-columns-9 .gallery-item:nth-child(5) { width:33.3333%; }

.entry-content .wp-block-embed-youtube { position:relative; /*width:calc(100% + 32px);*/ margin:20px 0 20px 0; padding-bottom:56.25%; }
.entry-content .wp-block-embed-youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.entry-content ul { margin-top:32px; }
.entry-content ul li { position:relative; margin-bottom:15px; padding-left:1em; line-height:1.25; list-style:none; }
.entry-content ul li:before { content:"·"; position:absolute; top:0; left:0; }
.entry-content .schedule { padding:20px 24px; background:#EDEDED; }
.entry-content .schedule p { font-size:1.5em; }
.entry-content .schedule ol { position:relative; margin-top:16px; }
.entry-content .schedule ol li { position:relative; padding:0 0 20px 35px; margin:0; list-style:none; text-indent:0; }
.entry-content .schedule ol li:before { content:''; position:absolute; top:4px; left:0; width:13px; height:13px; background: #ededed;border:2px solid #000;border-radius:50%;z-index:1; }
.entry-content .schedule ol li:after { content:''; position:absolute; top:13px; left:6px; width:1px; height:100%; background:#000; }
.entry-content .schedule ol li:last-child:after { display:none; }
.entry-content .schedule ol li strong { display:block; font-family:"HeadMedium"; }
.entry-content .terms { display:table; width:100% ;margin-top:20px; padding:16px; background:#EDEDED; }
.entry-content .terms hr { clear:both; display:block; width:100%; height:2px; margin:16px 0; padding:0; border:0; background-color:rgba(0, 0, 0, 0.04); }
.entry-content .terms h4 { float:left; margin:0 0 16px; font-size:24px; font-family:"HeadMedium"; }
.entry-content .terms ul { margin:0 0 16px; float:right; width:110px; font-size:16px; }
.entry-content .terms ul li { margin-bottom:0; padding:0; font-size:0.875em; line-height:1.5; }
.entry-content .terms ul li:before { content:''; top:7px; left:-10px; width:4px; height:4px; background:#000}
.entry-content .terms ul:first-child { border-width:0; }

.entry-content table { width:100%; margin-bottom:17px; table-layout:fixed; }
@media only screen and (max-width: 359px) {
  .entry-content table { table-layout:initial; }
}
.entry-content table caption { margin-bottom:8px; text-align:left; font-family:"HeadMedium"; }
.entry-content table thead th, .entry-content table thead td { border-bottom:0; }
.entry-content table th, .entry-content table td { padding:16px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:12px; vertical-align:middle; }
.entry-content table th { border-right:1px solid #ccc; font-family:"HeadMedium"; text-align:center; }
.entry-content table th:last-child { border-right:0; }
.entry-content table td { padding:16px 24px; color:#595959; }
.entry-content table td { border-left:1px solid #ccc; }


/* hmc-story */
.hmc-story-textarea { margin:24px 16px; font-family:"HeadLight"; font-size:14px; }
.hmc-story-textarea .heading { margin:32px 0 8px; font-family:"HeadMedium"; font-size:14px; }
.hmc-story-textarea b, .hmc-story-textarea strong {font-family: "HeadMedium";}
.hmc-story-textarea  h1, .hmc-story-textarea  h2, .hmc-story-textarea h3, .hmc-story-textarea h4, .hmc-story-textarea h5, .hmc-story-textarea h6 {display:block;}
.hmc-story-textarea a {word-break: break-all;}
.hmc-story-textarea .banner-board a {display: block;}
.hmc-story-textarea img {max-width: 100%;}
.hmc-story-textarea .hmc-story-phrase {text-align: center;}
.hmc-story-textarea .hmc-story-phrase .symbol {font-family: 'Arial', arial; color: #999; font-size: 40px; line-height: 45px; height: 24px; display: block;}
.hmc-story-textarea .hmc-story-phrase p {margin: 6px 0; font-style: italic; color: #000; font-family:"notosans-R"; font-size: 12px; line-height: 24px; font-weight: 500;}

.hmc-story-detail section {background: none;}
.hmc-story-detail .hmc-story-tag .icon-share {margin-right: 8px; width: 16px; height: 16px; background:url(../images/common/renewal-v2/ic-share.svg) no-repeat center center; background-size:contain;}
.hmc-story-detail .btn {margin-top: 24px; height: 48px; line-height: 48px; color: #252525 !important;}
.hmc-story-detail .hmc-news {margin-top: 32px;}
.hmc-story-detail .hmc-news h3 {color: #252525;}
.hmc-story-detail .hmc-news .news-list {margin-top: 24px;}

/* login setting */
.login-set { background:#fff;}
.login-set .set-list { margin:0 16px; border-top:1px solid #000;}
.login-set .set-list li { position:relative; overflow:hidden; border-bottom:1px solid #e4dcd3; font-size:14px; color:#000; line-height:20px; }
.login-set .set-list li a.func-btn { position:absolute; top:50%; right:0; color:#002c5f; font-family:"HeadMedium"; transform:translateY(-50%);}
.login-set .set-list li a.tit-link { display:block; padding:16px 0; }
.login-set .set-list li a.tit-link:active { background-color:rgba(70, 74, 89, 0.1); } 
.login-set .set-list li .tit { display:block; padding:16px 50px 16px 0; word-break: break-all;}
.login-set .set-list li .tit .info { margin-top:4px; display:block;  font-size:12px; color:#999; line-height:18px;}
.login-set .set-list li .switch-wrap { position:absolute; top:50%; right:0; transform:translateY(-50%);}
.login-set .set-list li .ver-info { position:relative; padding:6px 0; }
.login-set .set-list li .ver-info:first-child { margin-top:8px; } 
.login-set .set-list li .ver-info .ver { position:absolute; top:7px; right:0; color:#002c5f;}
.login-set .set-list li .ver-info .tit { padding:0; }
.login-set .set-list li .update { position:relative; margin:5px 0 12px !important; line-height:20px; }
.login-set .set-list li .update .info { font-size:12px; color:#999; }
.login-set .set-list li div:last-child { margin-bottom:0;}

/* userguide */
.win-pop-wrap.userguide { overflow:hidden; background:#3e3d3d !important; padding-bottom: calc(env(safe-area-inset-bottom) + 52px); padding-bottom: calc(constant(safe-area-inset-bottom) + 52px);}
.win-pop-wrap.userguide .carousel-wrap { padding-bottom: calc(env(safe-area-inset-bottom) + 52px); padding-bottom: calc(constant(safe-area-inset-bottom) + 52px);}
.win-pop-wrap.userguide .slide-block .item a { display:flex; width:100%; height:calc(100vh - 52px);}
.win-pop-wrap.userguide .slide-block .item div { margin:auto; width:100%; max-width:360px; height:calc(100vh - 52px); background-size:contain;}
.win-pop-wrap.userguide .slide-block .item div.tutorial01 { background:url(../images/static/userguide_01.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide .slide-block .item div.tutorial02 { background:url(../images/static/userguide_02.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide .slide-block .item div.tutorial03 { background:url(../images/static/userguide_03.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide .slide-block .item div.tutorial04 { background:url(../images/static/userguide_04.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide .slide-block .item div.tutorial05 { background:url(../images/static/userguide_05.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide .slide-block .item div.tutorial06 { background:url(../images/static/userguide_06.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide .slide-block .item div.tutorial07 { background:url(../images/static/userguide_07.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide .slick-dots { z-index:12; padding-bottom: calc(env(safe-area-inset-bottom) + 10px); padding-bottom: calc(constant(safe-area-inset-bottom) + 10px); }
.win-pop-wrap.userguide .btn-wrap { z-index:12 !important; }

.win-pop-wrap.userguide.v2 {background: #fff !important;}
.win-pop-wrap.userguide.v2 .carousel-wrap {}
.win-pop-wrap.userguide.v2 .carousel-wrap h3, .win-pop-wrap.userguide.v2 .carousel-wrap p {display: block;}
.win-pop-wrap.userguide.v2 .carousel-wrap h3 {padding-top:30px; font-size:30px;font-weight:300;text-align: center;}
.win-pop-wrap.userguide.v2 .carousel-wrap p {padding-top:4px; font-size:16px; color:#999;text-align: center;}
.win-pop-wrap.userguide.v2 .slide-block .item a {flex-direction:column;align-items: center;}
.win-pop-wrap.userguide.v2 .slide-block .item div {margin: 0 auto 22px;}
.win-pop-wrap.userguide.v2 .slide-block .item div.tutorial01 { background:url(../images/static/userguide_v2_01.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide.v2 .slide-block .item div.tutorial02 { background:url(../images/static/userguide_v2_02.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide.v2 .slide-block .item div.tutorial03 { background:url(../images/static/userguide_v2_03.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide.v2 .slide-block .item div.tutorial04 { background:url(../images/static/userguide_v2_04.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide.v2 .slide-block .item div.tutorial05 { background:url(../images/static/userguide_v2_05.png) no-repeat center center; background-size:contain;}
.win-pop-wrap.userguide.v2 .slick-dots {padding-bottom: calc(env(safe-area-inset-bottom) + 3px);}

/* wellcome pop */
/* .win-pop-wrap.wellcome { overflow:hidden;} */
.wellcome .slide-block .item a { width:100%; height:calc(100vh - 52px);}
.wellcome .slide-block .item a img { width:100%; object-fit:cover; height:calc(100vh - 52px);}
.wellcome .slick-dots { bottom:10px !important; }

@media only screen and (max-width: 325px) {
  .wellcome .slide-block .item div { background-size: 100% auto !important;}
}

/* wellcome pop small */
.wellcome-s { background:rgba(0,0,0,0.75) !important;}
.wellcome-s .slide-block .item a { width:100%; height:184px;}
.wellcome-s .slide-block .item a img { width:100%; object-fit:cover;}
.wellcome-s .slick-dots { bottom:5px !important; }

/* authority pop */
.authority .layer-pop-body { padding-bottom:0; }
.authority .layer-pop-body .tit { margin-bottom:6px; }
.authority .tit + p { padding-bottom:24px; text-align: center; font-size:14px; color:#000; border-bottom:1px solid #e4dcd3; }
.authority .pic-list { padding:32px 16px; color:#999;}
.authority .pic-list li { margin-top:0; margin-bottom:30px; padding-left:60px; }
.authority .pic-list li:nth-of-type(1) { background:url(../images/common/autho_04.svg) no-repeat left center;}
.authority .pic-list li:nth-of-type(2) { background:url(../images/common/autho_01.svg) no-repeat left center;}
.authority .pic-list li:nth-of-type(3) { background:url(../images/common/autho_02.svg) no-repeat left center;}
.authority .pic-list li:nth-of-type(4) { background:url(../images/common/autho_03.svg) no-repeat left center;}
.authority .pic-list li:nth-of-type(5) { background:url(../images/common/autho_05.svg) no-repeat left center;}
.authority .pic-list li:last-child { margin-bottom:0;}
.authority .pic-list li > span { display: block; }
.authority .pic-list li > span:first-of-type { color:#000; }
.authority .pic-list li > span:first-of-type em { margin-right:4px; font-size:16px; }
.authority .noti {padding: 0 16px 34px; margin-top: -16px;}
.authority .noti .tips-caution {margin: 0}


/* wellcome-s notice pop */
.notice-s .layer-pop-body {text-align: center; padding:32px 16px;}
.notice-s .layer-pop-body .tit {margin-bottom: 8px;}
.notice-s .layer-pop-body p {font-size: 12px; color: #000; line-height: 1.67;}
/* .notice-s .layer-pop-body p.mt10 {color:#6d7278;} */
.notice-s .layer-pop-body .inspec-period {width: 100%; border-radius: 9px; background-color: #f3f3f3; padding: 10px 0; margin-top: 15px;}
.notice-s .layer-pop-body .inspec-period .tit {font-size: 12px; color: #00aad2; font-family: "HeadRegular"; margin-bottom: 0px;}
.notice-s .layer-pop-body .inspec-period .period {font-size: 14px; color: #00aad2; font-family: "HeadMedium";}


/*============================================================
table
=============================================================*/
table.basic { width:100%; margin-bottom:17px; table-layout:fixed; }
@media only screen and (max-width: 359px) {
  table.basic { table-layout:initial; }
}
table.basic thead th, table.basic thead td { border-bottom:0; }
table.basic th, table.basic td { padding:16px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:12px; vertical-align:middle; }
table.basic th { border-right:1px solid #ccc; /*font-family:"HeadMedium";*/ text-align:center; }
table.basic th:last-child { border-right:0; }
table.basic td { padding:16px 16px; color:#595959; }
table.basic td { border-left:1px solid #ccc; }


table.basic.type2 { margin-bottom:0; }
table.basic.type2 th, table.basic.type2 td { padding:15px 12px;}
table.basic.type2 th { padding-top:43px; font-family:'HeadRegular', sans-serif; background:url(../images/common/ic_carside.svg) center 15px no-repeat; }
table.basic.type2 th:nth-of-type(2) { background: url(../images/common/ic_morning.svg) center 15px no-repeat;}
table.basic.type2 th:nth-of-type(3) { background: url(../images/common/ic_night.svg) center 15px no-repeat;}
table.basic.type2 td { vertical-align: middle; text-align: center;}
table.basic.type2 td:first-child { border-left:none; }
table.basic.type2.noicon th { background: unset; padding: 15px 12px;}

table.basic.type3 tbody th { font-family:"HeadRegular"; text-align:center; color:#595959; }
table.basic.type3 tbody td { padding:16px; text-align:center; } 
table.basic.type3 tbody td:last-child { text-align:left; } 
.table-wrap { margin-top:24px; }
.table-wrap .txt-sm { margin-bottom:8px; }

table.basic.type4 thead th,
table.basic.type4 tbody th { font-family:"HeadMedium"; text-align:center; color:#222; }
table.basic.type4 tbody td { padding:16px; text-align:center; } 

table.basic.type5 thead th,
table.basic.type5 tbody th { padding: 8px 0; font-family:"HeadMedium"; text-align:center; color:#222; }
table.basic.type5 tbody td { padding: 8px 5px; text-align:center; } 

table.basic table.inner-table th,
table.basic table.inner-table td {padding: 7px 10px; border-color: #eee;}
table.basic table.inner-table th {font-family:"HeadRegular";}


/* zip code */
.zip-wrap .search-result .items { display:block; margin:16px 0; font-family:'HeadMedium'; font-size:12px; }
.zip-wrap .basic thead th { font-size:14px; }
.zip-wrap .basic tbody td { padding:16px 8px; text-align:center; }
.zip-wrap .basic tbody td:first-child { border-left:0; text-align:left; }
.zip-wrap .basic tbody td:first-child [class^=addr] { display:block; }
.zip-wrap .basic tbody td:first-child .addr02 { color:#999; }
.zip-wrap .search-result .table-scroll { height:calc(100vh - 300px); overflow-y:auto; padding-bottom:35px;}
.zip-wrap .search-result .btn.more { margin-top:0;}
.zip-wrap .example { padding:16px 0 0; font-size:14px; color:#595959;}


/*============================================================
forms
=============================================================*/
.inner .notice-txt:first-child { padding-top:8px; }
.notice-txt { padding:16px 0; color:#e63312; font-size:12px; }
.notice-txt.type2 { padding:0; margin:16px 32px; }
.notice-txt:before { margin-right:5px; content:"*"; }
.notice-txt.type3 { position:relative; display:inline-block; font-family:'HeadMedium'; color:#00aad2; margin-bottom:8px; padding:0 16px 0 0;}
.notice-txt.type3:active {background-color:#00000015;}
.notice-txt.type3:before {content:unset;}
.notice-txt.type3:after {content:''; position:absolute; top:46%; transform:translateY(-50%); margin-left:2px; width:14px; height:14px; background:url(../images/common/ic-caption-info.svg) no-repeat 0 0; background-size:14px;}
.notice-txt.type4 {color:#595959; padding:0 0 0 6px; margin:16px 32px; }
.notice-txt.type4:before {position:absolute; left:32px;}
.notice-txt.type4 .medium {font-family:"HeadMedium";}
.astar { margin-left:5px; color:#e63312; font-size:12px; }
.page-writing { padding: 0; }
.text-body .form-item:last-of-type { margin-bottom:0px; }
.form-item { padding-top:10px; margin-bottom:20px; }
.form-item.type2 dt { padding-bottom:8px; font-size:14px; border-bottom:1px solid #e4dcd3; }
.form-item.type2 dt .check-basic { position:absolute; right:0; top:0; }
.form-item.type3 dt { font-size:14px; }
.form-item.type4 dt .check-basic { position:absolute; right:0; top:0; }
.form-item.type5 dt {padding-bottom:14px; font-size:16px; border-bottom:1px solid #000; font-family:"HeadMedium";}
.form-item.type6 dt { font-size:16px;  font-family:"HeadMedium"; }
.form-item dt { position:relative; margin-bottom:8px; font-family:"HeadMedium"; font-size:14px; line-height:16px; }
.form-item dt .unit { position:absolute; top:50%; right:0; font-size:12px; color:#999; font-family:"HeadRegular"; transform:translateY(-50%); }
.form-item dd .bul { margin-top:16px; }
.form-item dd .txt { padding:8px 0; }
.form-item dd .txt2 { padding:8px 0 16px; }
.form-item dd > div.datepicker { margin:0 -16px;}
.form-item .form-list .check-basic label {line-height:20px;font-size:12px;}

.search-box .btn-search { position:absolute; top:8px; right:0; }
.input-box .btn-clear, .error-box .btn-clear, .file-box .btn-clear, .search-box .btn-clear, .tell-box .btn-clear  { display:none; position:absolute; top:8px; right:0; }
.input-box .btn-delete, .error-box .btn-delete, .file-box .btn-delete, .search-box .btn-delete, .tell-box .btn-delete  { display: block; position:absolute; top:2px; right:10px; }
.input-box, .error-box, .file-box, .search-box, .tell-box { position:relative; }
.error-box input { border:1px solid #e63312 !important; }
.error-box.select-btn {border:1px solid #e63312 !important; }
.error-box .error-txt { padding:8px 0 0 20px; font-size:12px; color:#e63312; background:url(../images/common/ic_error.svg) no-repeat 0 10px; text-align: initial;}
.error-box .error-txt.type2 {position:absolute; width: calc(100vw - 32px);}
.error-box + .error-txt { padding:8px 0 0 20px; font-size:12px; color:#e63312; background:url(../images/common/ic_error.svg) no-repeat 0 10px;}
.file-box label { position:absolute; left:0; top:0; width:100%; height:52px; }
.file-box input:read-only{ display:block; width:100%; height:52px; padding:15px 40px 15px 16px; color:#000; background:#f3f3f3 url(../images/common/ic_upload.svg) no-repeat right center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.file-box input[type=file]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.tell-box input[type=tel] {  padding-right:16px; }
.tell-box i { padding:0 5px; font-size:14px; line-height:52px; }
.form-item.type7 {border-radius:10px; background:#f3f3f3; padding:16px 16px 24px 16px; margin:8px 0;}
.form-item.type7 + .form-item.type7 {margin-top:16px;}
.form-item.type7 dt {margin-bottom:16px; padding-bottom:16px; padding-top:3px; border-bottom:1px solid #ccc;}
.form-item.type7 dt .close {position:absolute; top:-8px; right:0; width:36px; height:36px; background:url(../images/common/ic-bold-close-black-small.svg) no-repeat center; background-size:36px auto; outline:none;}
.form-item.type7 dt .close:active {background-color:rgba(70, 74, 89, 0.1);}
.form-item.type7 .type7-tit {margin-top:16px; color:#595959; font-family:'HeadMedium';}
.form-item.type7 .type7-tit:first-child {margin-top:0;}
.form-item.type7 .select-btn {margin-top:8px; }
.morecnt {position:relative; font-family:'headMedium'; font-size:12px; color:#fff; background:#ccc; border-radius:9px; padding:2px 5px 1px 12px; margin-left:4px;}
.morecnt:before {content:'+'; color:#fff; position:absolute; left:4px; top:50%; transform:translateY(-50%); }
.form-item.type8 {padding-top:2px; margin-bottom:22px;}
.form-item.type8 dt {padding-bottom: 8px; font-size: 14px; border-bottom: 1px solid #e4dcd3;}
.form-item.type8 .check-list {margin-top:6px;}
.form-item.type8 .check-basic {padding:6px 0;}
.form-item.type8 .check-basic label:before {top:18px;}
.form-item.type8 .check-list li:nth-child(odd) {margin:0 14px 8px -6px;}
.form-item.type9 .check-basic {margin-left:-8px; margin-bottom:12px;}
.form-item.type10 {padding: 12px 0; margin: 0;}

.form-item.adress .input-box:not(:first-child){ margin-top:8px;}
.btn-input { display:flex; }
.btn-input .input-box{ flex:3; }
.btn-input button { margin-left:8px; }

/* input */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"], input[type="email"]{ width:100%; height:52px; padding:0 40px 0 16px; background:#f3f3f3; border:1px solid #f3f3f3; outline:none; font-size:14px; }
.renewal-v2 input[type="text"], .renewal-v2 input[type="password"], .renewal-v2 input[type="number"], .renewal-v2 input[type="tel"], .renewal-v2 input[type="search"], .renewal-v2 input[type="email"]{ width:100%; height:52px; padding:0 40px 0 16px; caret-color: #00AAD2; background:#F5F5F7; border-radius: 4px; outline:none; font-size:14px;}
.renewal-v2 .input-box input::placeholder { color:#A0A6AD; letter-spacing:0; }
.renewal-v2 .input-box.type2 input:read-only,
.renewal-v2 .input-box.type2 input:disabled {border: none; background: #E3E5E8; color: #252525;}
input::placeholder { color:#999; letter-spacing:0; }
input:active, input:focus { border-bottom:1px solid #002c5f; }
input.readonly { background:#ccc; opacity: 1; -webkit-opacity:1;}
input.readonly + button { display:none !important;}
input:read-only + button { display:none !important;}
input:read-only + .btn-delete { display:block !important;}
.ipt-white input { background:#fff; border-bottom:1px solid #fff; }
.ipt-white input:active,.ipt-white input:focus { border-bottom:1px solid #002c5f; }
.renewal-v2 .ipt-white input { background:#fff; border-bottom:1px solid #fff; border-radius: 0; }
.renewal-v2 .ipt-white input:active, .renewal-v2 .ipt-white input:focus { border-bottom:1px solid #002c5f; }
.input-box.toggle-input { margin:16px 8px 0;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }
.input-box.small input {height:40px; }
.input-box.small .btn-clear {top:2px; }
input.disabled {background: #DADADA; transition:none; border: none;}
.input-box.type2 input {width:100%; height:52px; padding:0 40px 0 16px; caret-color: #00AAD2; background:#F5F5F7; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom:1px solid #E3E5E8; outline:none; font-size:14px;}
.input-box.type2 input.selected, .input-box.type2 input:active, .input-box.type2 input:focus {border-bottom-color: #002C5F;}

.input-box.type2 button.btn-clear {background: url(../images/common/ic-inp-clear2.svg) 50% no-repeat; background-size: 24px auto;}

/* input button  */
button.btn-input { display:inline-block; padding:0 11px; height:52px; min-width:72px; background:#00aad2; color:#fff; font-size:14px; text-align:center;}
button.btn-input:active { opacity:0.5; }
button.btn-input.disabled {background: #ccc; }
button.btn-search { width: 36px; height: 36px; background: url(../images/common/ic_search.svg) no-repeat 50% 50%; background-size: 36px auto; }
button.btn-clear { width: 36px; height: 36px; background: url(../images/common/ic_clear.svg) no-repeat 50% 50%; background-size: 24px auto; }
button.btn-delete { width: 36px; height: 36px; background: url(../images/common/icon-delete.svg) no-repeat 50% 50%; background-size: 16px auto;}

/* textarea  */
.input-box textarea { display:block; width:100%; height:100px; padding:16px; background:#f3f3f3; resize:none;}
.input-box textarea::placeholder { color:#999; }
.input-box textarea.height100 {height: 100px !important;}

/* scroll box */
.scrollarea { overflow-y:auto; padding:16px; width:100%; max-height:130px; background:#f3f3f3; font-size:12px; color:#595959;}
.scrollarea.unfixheight {height:auto; max-height:none;}
.scrollarea .borderbar {width:100%; height:1px; background:#dddddd; margin:16px 0;}

/* radio */
.radio-basic { position:relative; text-align:left; }
.radio-basic input { position:absolute; opacity:0; z-index:-1; }
.radio-basic label:before { position:absolute; left:0; top:50%; content:''; width:36px; height:36px; transform:translateY(-50%); background:url(../images/common/radio_normal.svg) no-repeat center; }
.radio-basic.error-box label:before { background:url(../images/common/radio-error.svg) no-repeat center !important; }
.form-list.radio-allerror .radio-basic label:before { background:url(../images/common/radio-error.svg) no-repeat center !important; }
.radio-basic input:checked + label:before { background:url(../images/common/radio_checked.svg) no-repeat center; }
.radio-basic label { display:block; padding-left:40px; font-size:14px; color:#000; }

.radio-basic.right { display:inline; }
.radio-basic.right label { display:inline; }

.radio-basic.disabled { pointer-events:none;}
.radio-basic.disabled * { /*color:#ccc !important;*/ opacity:0.5;}
.radio-basic.disabled label:before { background:url(../images/common/radio_disable.svg) no-repeat center/32px !important; }
 
/* checkbox */
.check-basic { position:relative; text-align:left; }
.check-basic input { position:absolute; opacity:0; z-index:-1; }
.check-basic label:before { position:absolute; left:0; top:50%; content:''; width:36px; height:36px; transform:translateY(-50%); background:url(../images/common/check_normal2.svg) no-repeat center; background-size: 24px;}
.check-basic.error-box label:before { background:url(../images/common/check_error.svg) no-repeat center; }
.check-basic input:checked + label:before { background:url(../images/common/check_checked2.svg) no-repeat center; }
.check-basic label { display:block; padding-left:40px; font-size:14px; color:#000; }
.check-basic .arrow {position: relative; padding-right: 15px;}
.check-basic .arrow::after {position: absolute; top: 6px; right: 2px; margin-left: auto; width: 8px; height: 8px; border: solid #222; border-width: 1px 1px 0 0; transform: rotate(45deg); content: "";}
.check-basic label.type2 { font-size:12px; }
.check-basic.type2 label:before {background:url(../images/common/check2_normal.svg) no-repeat center/32px; }
.check-basic.type2 input:checked + label:before { background:url(../images/common/check2_checked.svg) no-repeat center/32px; }
.check-basic.type3 label { padding-right:40px; font-family:"HeadRegular"; font-size:12px; }
.check-basic.type3 label:before { left:auto; right:0; }
.check-basic.type4 { margin:32px 0 32px -8px; }
.check-basic.type5 label:before {width: 24px; height: 24px; background: url(../images/common/check_normal2.svg) no-repeat center;}
.check-basic.type5 input:checked + label:before { background:url(../images/common/check_checked2.svg) no-repeat center; }

.check-basic.disabled { pointer-events:none;}
.check-basic.disabled * { color:#ccc !important;}
.check-basic.disabled label:before { background:url(../images/common/check_disable.svg) no-repeat center/32px !important; }

.checkbox-wrap { position:relative; }
.checkbox-wrap input { position:absolute; opacity:0; z-index:-1; }
.checkbox-wrap label:before { position:absolute; left:0; top:0; content:''; width:22px; height:22px; background:url(../images/common/check_normal.svg) no-repeat center; }
.checkbox-wrap input:checked + label:before { background:url(../images/common/check_checked.svg) no-repeat center; }
.checkbox-wrap input.disabled {pointer-events:none;}
.checkbox-wrap input.disabled + label {pointer-events:none;}
.checkbox-wrap input.disabled + label:before { background:url(../images/common/check_disable2.svg) no-repeat center; }
.checkbox-wrap input.readonly {}
.checkbox-wrap input.readonly + label:before {background:url(../images/common/check_checked-transp.svg) no-repeat center;}

.checkbox-wrap label {  padding-left:30px; font-size:14px; color:#000; }
.checkbox-wrap label .block.color1 {font-size:12px;}
.checkbox-wrap label .block.color4 {font-size:12px;}
.checkbox-wrap.dp-inlineblock + .checkbox-wrap.dp-inlineblock { margin-left:16px; }

.switch-wrap { width:32px; height:16px; }
.switch-wrap .switch-checkbox { position: absolute; right: 0; z-index: 2; width: 40px; height: 26px; margin-top: -5px; background: transparent; opacity: 0; }
.switch-wrap .switch-checkbox::-ms-check { display:none; }
.switch-wrap .switch-label { display: block; overflow: hidden; cursor: pointer; margin: 0 0 0 auto; width: 32px; height: 16px; background:#fff; border:solid 1px #00aad2; border-radius: 16px; }
.switch-wrap .switch-handle { position: absolute; top: 0; bottom: 0; right: 16px; display: block; width: 16px; height: 16px; background: #fff; border:solid 1px #00aad2; border-radius: 100%; transition: all 0.3s ease-in 0s; }
.switch-wrap .switch-checkbox:checked + .switch-label { background:#00aad2; }
.switch-wrap .switch-checkbox:checked + .switch-label .switch-handle { right:0; }
.switch-wrap .switch-checkbox:disabled + .switch-label , .switch-wrap .switch-checkbox:disabled +  .switch-label .switch-handle { border-color:#ccc; background:#fff; }


/* radio,check button style */
.box-radio-input input[type=radio]{ display:none; }
.box-radio-input input[type=radio]+span{ display:inline-block; width:100%; padding:0 10px; height:42px; border:1px solid #ccc; color:#000; text-align:center; line-height:42px; cursor:pointer; }
.box-radio-input input[type=radio]+span:active { background-color:rgba(70, 74, 89, 0.1); }
.box-radio-input input[type=radio]:checked+span{ background:#00aad2; color:#fff; border:1px solid #00aad2; }

.radio-list { display:flex; margin-top:24px; }
.radio-list li { flex:1; margin-right:3px; }
.radio-list li:last-child { margin-right:0px; }

.box-check-input input[type=checkbox]{ display:none; }
.box-check-input input[type=checkbox]+span{ display:block; width:100%; padding:0 10px; height:42px; border:1px solid #ccc; color:#000; text-align:center; line-height:42px; cursor:pointer; overflow:hidden;}
.box-check-input input[type=checkbox]:checked+span{ background:#00aad2; color:#fff; border:1px solid #00aad2; }

.check-list { overflow:hidden; margin-top:24px; }
.check-list li { float:left; width:calc(50% - 4px); margin-bottom:8px; }
.check-list li:nth-child(odd) {margin:0 8px 8px 0; }

.check-list.type2 { margin:24px 16px 17px 12px;}
.check-list.type2 > li { display: inline-block; width:auto; margin:0 16px 0 0; }

.check-list.type3 { display:flex; flex-wrap: wrap;}
.check-list.type3 > li { float:none; flex:1; min-width:calc(33% - 8px); max-width:calc(33% - 8px); margin:0 8px 8px 0;}
.check-list.type3 > li:nth-child(3n) { margin-right:0; }


.check-list.row1 li { float:none; width:100%; margin-bottom:8px; }

.check-list.ic-campwrap .box-check-input input[type=checkbox]+span {height:86px; padding-top:42px;}
.check-list.ic-campwrap li {position:relative;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]+span.type1 {background:url(../images/common/ic-glamping.svg) no-repeat 50% 29%; background-size:36px;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]+span.type2 {background:url(../images/common/img-camping-auto.svg) no-repeat 50% 29%; background-size:36px;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]+span.type3 {background:url(../images/common/img-camping-caravan.svg) no-repeat 50% 29%; background-size:36px;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]+span.type4 {background:url(../images/common/img-camping-glamping.svg) no-repeat 50% 29%; background-size:36px;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]:checked+span.type1 {background: #00aad2 url(../images/common/img-camping-white.svg) no-repeat 50% 29%; background-size:36px;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]:checked+span.type2 {background: #00aad2 url(../images/common/img-camping-auto-white.svg) no-repeat 50% 29%; background-size:36px;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]:checked+span.type3 {background: #00aad2 url(../images/common/img-camping-caravan-white.svg) no-repeat 50% 29%; background-size:36px;}
.check-list.ic-campwrap .box-check-input input[type=checkbox]:checked+span.type4 {background: #00aad2 url(../images/common/img-camping-glamping-white.svg) no-repeat 50% 29%; background-size:36px;}



/* radio check basic style */
input.select-btn { display:block; width:100%; height:52px; padding:16px; background:#fff url(../images/common/ic_down.svg) no-repeat calc(100% - 6px) center/24px; color:#000;}
input.select-btn::placeholder { color:#999; }
input.select-btn.type2 { background:#f3f3f3 url(../images/common/ic_down.svg) no-repeat calc(100% - 6px) center/24px; }
input.select-btn.type3 { background:#f3f3f3; }

/* thumbnail select */
.select-btn.thumb { height:120px; }
.select-btn.thumb .thumbnail-select { overflow:hidden; }
.select-btn.thumb .thumbnail-select div { float:left; }
.select-btn.thumb .thumbnail-select div.thumb-card { width:72px; padding-top:8px;/* padding:8px 13px 0;*/}
.select-btn.thumb .thumbnail-select div.thumb-card img { /*width:46px;*/ height:72px; } 
.select-btn.thumb .thumbnail-select div.card-name { width:calc(100% - 72px); padding:0 16px;}
.select-btn.thumb .thumbnail-select div.card-name p { padding-top:13px; color:#000;}
.select-btn.thumb .thumbnail-select div.card-name span { font-size:12px; color:#999; line-height:18px;}
.select-box .card-num { display:block; margin:3px 0 0 7px; font-size:13px; color:#999; }


.select-box { overflow-y:auto; overflow-x:hidden; padding:0 16px; max-height:calc(100vh - 60vh); }
.select-box li { border-bottom:1px solid #e4dcd3; }
.select-box li:last-child { border-bottom:none; }
.select-box li .radio-basic, .select-box li .check-basic  { padding:20px 0; }
.select-box li label { padding:0 35px 0 8px; }
.select-box li label:before { left:auto; right:0; }

.select-box li .radio-basic label:before { width:36px; height:36px; }
.select-box li .check-basic label:before { width:36px; height:36px; }

.select-box.type2 { padding:0; }
.select-box.type2 li { border-bottom:none; border-top:1px solid #e4dcd3;}
.select-box.type2 li.only-one { border-top:none; }
.select-box.type2 li label { padding-left:0; }
.select-box.type2 li label.multiline > span { display:block; }
.select-box.type2 li label.multiline > span:not(.name) { font-size:12px; }
.select-box.type2 li label.multiline > span.addr { color:#999; }
.select-box.type2 li label.multiline > span.tel { margin-top:8px; }

.select-box.type3 { padding:0; }
.select-box.type3 li label { padding-left:0; }
.select-box.type3 li label:before { right:-8px; }

.select-box.type4 { margin-top:-16px; overflow:initial; padding:0; max-height:initial; }
.select-box.type4 li label { padding-left:0; }
.select-box.type4 li label:before { right:-8px; }
.select-box.type4 > li:last-of-type { border-bottom:1px solid #e4dcd3; }
.select-box.type4 li ul { margin-top:8px; }
.select-box.type4 li ul li { margin-top:4px; color:#595959; font-size:12px; border-bottom:0;  }

.select-box.type5 { padding:0; }
.select-box.type5 li label { position:relative; padding:0 80px 0 0; }
.select-box.type5 li label:before { right:-8px; }
.select-box.type5 li label .txt { position:absolute; top:50%; right:36px; color:#ccc; font-size:12px; transform:translateY(-50%);}
.select-box.type5 li ul li { margin-top:4px; color:#000; font-size:12px; border-bottom:0; }
.info-txt { font-size:14px; color:#000; font-family:"HeadMedium"; }

.form-list { margin:0 -8px; }
.form-list:after { content:""; display:block; clear:both; }
.form-list li { padding:8px 0; }
.form-list.horizontal { margin:8px 0 8px -8px; }
.form-list.horizontal li { float:left; width:50%; line-height:36px; }
.form-list.horizontal li:nth-child(even) { float:right; }
.form-list.horizontal.type3 {display:flex; justify-content: flex-end; margin:8px 0 8px -8px; }
.form-list.horizontal.type3 li { width:auto; line-height:36px; }
.form-list.horizontal.type3 li + li {margin-left:10px;}
.form-list.horizontal.type3 li:nth-child(even) { float:unset;}
.form-list.horizontal.type3 .radio-basic label {padding-left:36px;}
.form-list + .error-txt { padding:0 0 0 20px; font-size:12px; color:#e63312; background:url(../images/common/ic_error.svg) no-repeat 0 2px; }
.form-list.type3 {margin-top:16px;}
.form-list.type3:not(.horizontal) li + li {margin-top:8px;}

/*============================================================
Application for transfer page
=============================================================*/
.infomation-list { display:flex; }
.infomation-list li { flex:1; text-align:center; }
.infomation-list li i {position:relative; display:inline-block; margin-bottom:4px; width:24px; height:24px; border:2px solid #ccc; border-radius:50%; background:#ccc; font-size:12px; line-height:22px; font-style:normal; font-family:"HeadBold"; }
.infomation-list li i:before { position:absolute; top:10px; left:-20px; content:""; display:block; width:100%; border-top:1px solid #ccc; }
.infomation-list li i:after { position:absolute; top:10px; right:-20px; content:""; display:block; width:100%; border-top:1px solid #ccc; }
.infomation-list li span { display:block; font-size:12px; letter-spacing:0; line-height:1.42; text-align:center; color:#000; }
.infomation-list li:first-child i, .infomation-list li:last-child i{ background:transparent; }
.infomation-list li:first-child i:before, .infomation-list li:last-child i:after { display:none; }


/*============================================================
search
=============================================================*/
.search .inner { position:relative; padding:16px; background:#fff; }
.search .input-text { width:calc(100% - 36px); border:0; }
.search .btn-clear { position:absolute; top:8px; right:8px; width:36px; height:36px; background:url(../images/common/ic_clear.svg) no-repeat 50% 50%; background-size:24px auto; }
.search .btn-search { position:absolute; top:8px; right:8px; width:36px; height:36px; background:url(../images/common/ic_search.svg) no-repeat 50% 50%; background-size:36px auto; }
.search .search-result-layer { position:relative; padding:0 0 2px; background:#fff; z-index:1; }
.search-result-layer .list-tabs { margin:0; padding:19px 0 10px; }
.search-result-layer .place-list { margin:0 16px; }

/* test */
.inner.search { margin-bottom:16px;}

/* menu secrch list */
.mu-main .search-list { display:none; padding:16px 0 0; margin-bottom:32px; background:#fff; border:1px solid #f3f3f3; border-top:none;}
.mu-main .search-list .search-count { display:block; padding:0 16px; font-size:12px; }
.mu-main .search-list .search-count em { color:#002c5f; font-family:"HeadMedium";}
.mu-main .search-list > ul { overflow-y:auto; padding:0 16px; max-height:210px; }
.mu-main .search-list > ul li {  position:relative; height:70px; border-bottom:1px solid #e4dcd3; line-height:1.5;}
.mu-main .search-list > ul li a { position:absolute; top:50%; left:0; display:block; padding-right:50px; width:100%; transform:translateY(-50%); font-size:12px; color:#000; }
.mu-main .search-list > ul li a:after { position:absolute; top:50%; right:-16px; content:""; display:block; width:36px; height:36px; background:url(../images/common/ic_direct.svg) no-repeat right center; transform:translateY(-50%); }
.mu-main .search-list > ul li span { padding-right:5px;}
.mu-main .search-list > ul li a span:not(:first-child)::before { content:"→"; display:inline-block;margin-right:5px;}
.mu-main .search-list > ul li a em { color:#00aad2; font-family:"HeadMedium"; }
.mu-main .search-list > ul li a i {position:absolute; top:50%; right:-16px; transform:translateY(-50%);}
.mu-main .search-list > ul li:last-child { border-bottom:none; }
.search > .search-count  { display:block; margin-bottom:9px; color:#595959; font-size:14px; }
.search > .search-count em { color:#002c5f; font-family:"HeadMedium";}

.search-count  { color:#595959; font-size:14px; }
.search-count em { color:#002c5f; font-family:"HeadMedium"; }

/* autocomplete mycar  */
section.search { position:relative; z-index:2; }
section.search .autocomplete { position:absolute; top:52px; left:0; overflow-y:auto; padding:16px; width:100%; max-height:190px;border: 1px solid #f3f3f3; border-top:none; background:#fff; z-index:9;}
section.search .autocomplete ul li { min-height:42px; line-height:42px;}
section.search .autocomplete ul li span { padding-right:5px;}
section.search .autocomplete ul li span:not(:first-child)::before { content:">"; display:inline-block;margin-right:5px;}
section.search .autocomplete ul li span em { color:#00aad2; font-family:"HeadMedium";}


/* full pop search */
.header-search .search-box { position:absolute; left:44px; width:calc(100% - 52px);}
.header-search .search-box input { padding-left:5px; border:none;}
.header-search .search-box button { top:11px; }
.header-search .search-result-layer .list-tabs { padding-top:0;}
.header-search .search-result-layer .place-list li { padding:16px 0; border-bottom:1px solid #e4dcd3;}

/* layer select */
.select-btn { display:block; width:100%; height:52px; padding:16px; background:#fff url(../images/common/ic_down.svg) no-repeat calc(100% - 6px) center/24px; color:#999;}
.select-btn.selected { color:#000 !important; }
.select-btn.disabeld { background: #DADADA; transition:none; border: none; }
.select-btn.type2 { color:#999; background:#f3f3f3 url(../images/common/ic_down.svg) no-repeat calc(100% - 6px) center/24px; }
.select-btn.type3 {border:1px solid #ccc; background-color:#fff;}
.select-btn.type3.selected {background-color:#fff;}
.select-btn.type3.dimmed {background-color:#dadada;}
.select-btn.type4 {padding-right: 40px; color: #222; border-radius: 4px; background: #F5F5F7 url(../images/common/ic_down2.svg) no-repeat right 50%; background-size: 36px;}
.select-btn.type5 {padding-right: 40px; color: #A0A6AD; border-radius: 4px; background: #F5F5F7 url(../images/common/ic_down2.svg) no-repeat right 50%; background-size: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-btn.type5.selected {color: #A0A6AD}
.date-select { display:flex; padding:0 16px; background:#fff;}
.date-select .select-btn { flex:1; position:relative; padding:16px 0; font-size:16px; border-bottom:1px solid #000; background:none; font-family:"HeadMedium"; }
.date-select .select-btn:after { content:""; display:block; position:absolute; top:50%; right:-10px; width:36px; height:36px; background: url(../images/common/ic_down.svg) no-repeat center center; transform: translateY(-50%);}
.date-select .select-btn:first-child { margin-right:21px; }
.date-select.type2 { background:#f6f3f2;}
.date-select.type3 { padding:0; background:#f6f3f2;}

/* 즐겨 찾는 메뉴 */
.check-menu { position:relative; }
.check-menu input { position:absolute; opacity:0; z-index:-1; }
.check-menu label:before { position:absolute; right:-5px; top:50%; content:''; width:36px; height:36px; transform: translateY(-50%);background:url(../images/common/ic_check.svg) no-repeat center/24px; opacity:.5; }
.check-menu input:checked + label:before { background:url(../images/common/ic_check_on.svg) no-repeat center/24px; opacity:1; }
.check-menu input:disabled + label:before { opacity:0; }
.check-menu label { display:block; }
.check-menu input:checked +  label { color:#00aad2; }

/* noresult */
.search-content { height:100%;}
.search-content > div { height:100%; }
.empty-msg { position:absolute; top:50%; left:50%; display:block; padding-top:36px; width:100%; min-height:62px; background:url(../images/common/ic_empty.svg) no-repeat top center; transform: translate(-50%,-50%); text-align:center; font-family:'HeadLight'; font-size:18px; color:#595959; }
.empty-msg .btn { display:inline-block; margin-top:32px; padding:7px 16px; font-size:12px; color:#000; border-radius:18px; border:1px solid#e4dcd3; }
.empty-msg.static { position:static; margin:50px 0; transform: translate(0%,0%);}
.empty-msg .btn-refresh { display:inline-block; margin-top:26px; width:104px; height:30px; line-height:28px; font-family:"HeadRegular"; text-align:center; font-size:14px; color:#000; border:1px solid #e4dcd3; border-radius:15px; }
.empty-msg .btn-refresh:hover, .empty-msg .btn-refresh:focus { border-color:#cec5bb; }
.empty-msg .btn-refresh:active { background-color:rgba(70, 74, 89, 0.1); } 
.empty-msg .btn-phone { display:inline-block; margin-top:22px; width:104px; height:30px; line-height:28px; font-family:"HeadRegular"; text-align:center; font-size:14px; color:#000; border:1px solid #e4dcd3; border-radius:15px; }
.consumable-msg { display:block; padding:36px 0 32px; margin:32px 16px; min-height:62px; background:url(../images/common/ic_consumable.svg) no-repeat top center; border-bottom:1px solid #e4dcd3; text-align:center; font-size:14px; line-height:20px; color:#000; }
.empty-msg.type2 {color:#000; font-size:20px;}
.empty-msg.type3 { padding-top:22px !important; margin-top:24px; min-height:0; background:url(../images/common/ic_caution.svg) no-repeat top center !important; font-size:14px; line-height: 18px; }
.empty-msg.type4 {background:url(../images/common/ic_noData_list.svg) no-repeat top center !important;color:#8995A3;font-size:14px;padding-top:48px;}
.pop-inner {height:calc(100vh - 108px);}
.pop-inner .empty-msg.type2 {color:#595959; font-size:18px;}
.pop-inner .bottom-msg.card {top:auto;bottom: 30px;}

/*============================================================
datepicker
=============================================================*/
#ui-datepicker-div {position:fixed !important; top:50% !important; left:50% !important; transform: translate( -50%, -50% ); }
.range-datepicker { position:relative; overflow:hidden; margin:16px 0px 0px; }
.range-datepicker input {  height:42px; padding:0px 16px; max-width:calc(50% - 6px); background:#f3f3f3 url(../images/common/ic_calender.svg) no-repeat right center; }
.range-datepicker input:first-child { float:left; }
.range-datepicker input:last-child { float:right; }
.range-datepicker i { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.range-datepicker + .btn-wrap { margin-top:16px;  }
/* single datepicker */
.single-datepicker { position:relative; overflow:hidden; }
.single-datepicker input {  height:56px; padding:0px 16px; max-width:100%; background:#f3f3f3 url(../images/common/ic_calender.svg) no-repeat right center; }
/* datepicker layer  */
.ui-datepicker { padding-bottom:20px !important; width:calc( 100% - 32px)  !important; border:none !important; border-radius:0; z-index:999 !important;}
.ui-datepicker-header{ padding:0 !important; height:56px !important; background:none; border:none !important; }
.ui-datepicker-title { line-height:56px; font-size:16px; color:#000; }
.ui-datepicker-title span { line-height:56px; font-family:"HeadRegular", sans-serif;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width:36px; height:56px; background:none; }
.ui-datepicker-prev span { top:8px !important; margin:0 !important; left:0 !important; width:36px; height:36px; background:url(../images/common/ic_calender_arrow.svg) no-repeat 0 0 !important; background-size:36px 36px;}
.ui-datepicker-next { right:0 !important; }
.ui-datepicker-next span { top:8px !important; margin:0 !important; left:0 !important; width:36px; height:36px; background:url(../images/common/ic_calender_arrow.svg) no-repeat 0 0 !important; background-size:36px 36px; transform: rotate(180deg);}
.ui-datepicker th { height:36px; padding:0; font-family:"HeadRegular", sans-serif;}
.ui-datepicker th:first-child span { color:#e63312; }
.ui-datepicker th:last-child span { color:#00aad2; }
.ui-datepicker td { position:relative; width:36px; height:36px; font-family:"HeadRegular", sans-serif;}
.ui-datepicker td span, .ui-datepicker td a { position:absolute; top:50%; left:50%; display:block; padding:0 !important; margin:0 !important; width:36px; height:36px; text-align:center; line-height:36px; border:none !important; background:none !important; font-size:12px; color:#000 !important; font-family:"HeadRegular", sans-serif; transform:translate(-50%,-50%); }
.ui-datepicker .ui-datepicker-today a {  border-radius:50%; }
.ui-datepicker .ui-state-active { background:#00aad2 !important; color:#fff !important; border-radius:50%; }
.ui-datepicker-title .ui-datepicker-year:after { content:"-"; display:inline-block; padding-left:3px;}
.ui-datepicker-title .ui-datepicker-month{ margin-left:-3px;}

.ui-datepicker-inline { width:100% !important; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:1 !important; color:#ccc !important; }
.ui-state-disabled span, .ui-widget-content .ui-state-disabled span, .ui-widget-header .ui-state-disabled span { color:#ccc !important; }

/*  date highlight */
.ui-datepicker-calendar td.date-highlight:before { position:absolute; bottom:5px; left:50%; transform:translateX(-50%); display:block; content:""; width:16px; height:25px; line-height:25px; border-bottom:2px solid #000;}
.ui-datepicker-calendar td.date-highlight a {font-family:"HeadMedium";}

/*============================================================
instant message
=============================================================*/
.instant-msg { display:none; position:fixed; bottom:83px; right:16px; left:16px; opacity:1; z-index:999; }
.instant-msg.c1 { background:#00aad2; }
.instant-msg.c2 { background:#e63312;z-index:90;}
.instant-msg.c3 { background:#002c5f; }
.instant-msg p { padding:9px 8px 9px 26px; color:#fff; font-size:12px; background:url(../images/common/ic_instant.svg) no-repeat 8px center; background-size:14px; }
.instant-msg .close { position:absolute; top:0; right:8px; bottom:0; display:block; width:36px; height:36px; margin:auto; background:url(../images/common/ic_close_w.svg) no-repeat center; background-size:36px auto; }
.instant-msg.type2 {bottom:24px;}
.instant-msg.type3 {bottom:16px;}

/*============================================================
popup
=============================================================*/
.win-pop-wrap { position:fixed; top:0; left:0; right:0; bottom:0; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); overflow-x:hidden; overflow-y:auto; background:#fff; min-width:320px; height:100vh; margin:0 auto; z-index:10;/*z-index:100;*/}
.win-pop-wrap.gray {background-color: #F5F5F7;}
.win-pop-wrap .sub-head-info { margin-bottom:0; padding:24px 32px 0; }
.win-pop-wrap .sub-head-info.type2 { margin-bottom:0; padding:24px 16px 0; }

#pop-header,
.pop-header  { position:fixed; top:0; left:0; right:0; height:56px; min-width:288px; padding:0 16px; font-size:18px; line-height:56px; text-align:center; border-bottom:1px solid #e4dcd3; background:#fff; overflow:hidden; z-index:101; }
#pop-header .pop-title,
.pop-header .pop-title { font-family:"HeadMedium"; font-size:18px; line-height:56px; }
#pop-header .close,
.pop-header .close { position:absolute; top:10px; right:8px; display:block; width:36px; height:36px; background:url(../images/common/ic_close.svg) no-repeat center; background-size:36px auto; outline:none; }
#pop-header .close:active,
.pop-header .close:active { background-color:rgba(70, 74, 89, 0.1); }
.pop-header .after {position: absolute; top: 20px; right: 20px;}
.pop-header .after span {color: #586069;}

.pop-header.header-none {border-bottom: none;}
.pop-header.header-none .pop-title {opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}

.pop-header.header-scroll .pop-title {opacity: 1; visibility: visible; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}

#pop-container,
.pop-container { position:relative; padding-top:56px; z-index:1; -webkit-overflow-scrolling: touch;}
#pop-container.w-btn,
.pop-container.w-btn { position:relative; padding:56px 0 60px; z-index:1; } /*  test*/
#pop-container.w-btn2,
.pop-container.w-btn2 {position:relative; padding:56px 0 110px; z-index:1;}
#pop-container.pos-s,
.pop-container.pos-s { position:static; }
#pop-container .inner,
.pop-container .inner { padding:16px 32px; }
#pop-container h2,
.pop-container h2 { display:block; padding:8px 0 14px; margin-bottom:24px; font-family:"HeadMedium"; font-size:16px; border-bottom:1px solid #000; }
#pop-container h2.border-none,
.pop-container h2.border-none { border-bottom:none; }
.astar { vertical-align: text-top; }

.win-pop-wrap.layer-full-pop::before {display:block; content:""; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100vh; background:#000; opacity:.7; z-index:1;}
.win-pop-wrap.layer-full-pop {z-index:10; position:fixed; top:32px; left:0; right:0; bottom:0;  overflow-x:hidden; overflow-y:auto; background:#fff; min-width:320px; height:calc(100vh - 32px); margin:0 auto; background: #F6F3F2; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom);}
.win-pop-wrap.layer-full-pop #pop-header,
.win-pop-wrap.layer-full-pop .pop-header {z-index: 2; top:32px; background: #F6F3F2; border: none;}
.win-pop-wrap.layer-full-pop #pop-header .pop-title,
.win-pop-wrap.layer-full-pop .pop-header .pop-title {padding-left: 0 !important;}
.win-pop-wrap.layer-full-pop #pop-container,
.win-pop-wrap.layer-full-pop .pop-container {z-index: 1; background: #F6F3F2; min-height: 100%;}
.win-pop-wrap.layer-full-pop #pop-container.h100,
.win-pop-wrap.layer-full-pop .pop-container.h100 {height: 100%;}

.win-pop-wrap.white,
.win-pop-wrap.white .pop-header,
.win-pop-wrap.white .pop-container { background: #fff;}

.layer-flex-pop {z-index:10; position:fixed; top:unset; left:0; right:0; bottom:0; min-width:320px; margin:0 auto; background: #F6F3F2; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom);}
.layer-flex-pop::before {display:block; content:""; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100vh; background:#000; opacity:.7; z-index:1;}
.layer-flex-pop .pop-header {z-index: 2; position: relative; overflow:hidden; z-index:101; background: #F6F3F2; height:56px; min-width:288px; padding:0 16px; font-size:18px; line-height:56px; }
.layer-flex-pop .pop-header .pop-title {font-family:"HeadMedium"; font-size:18px; line-height:56px; }
.layer-flex-pop .pop-header .close { position:absolute; top:10px; right:8px; display:block; width:36px; height:36px; background:url(../images/common/ic_close.svg) no-repeat center; background-size:36px auto; outline:none; }
.layer-flex-pop .pop-header .close:active { background-color:rgba(70, 74, 89, 0.1); }
.layer-flex-pop .pop-container {position:relative; overflow-x:hidden; overflow-y:auto; max-height: calc(100vh - 32px); padding-top:56px; margin-top: -56px; z-index:1; -webkit-overflow-scrolling: touch; background: #F6F3F2;}
.layer-flex-pop .pop-container.w-btn {padding:56px 0 68px; }
.layer-flex-pop .pop-container.h100 {height: 100%;}
.layer-flex-pop .inner {padding: 16px 24px 24px;}
.layer-flex-pop .box {padding: 24px; background: #fff; border-radius: 12px;}
.layer-flex-pop .box + .box {margin-top: 16px;}

.win-pop-wrap.point { background:#f6f3f2; -webkit-overflow-scrolling: touch;}
.point-card { margin:16px 16px 70px 16px; padding:48px 16px 32px; text-align:center; background:#fff; border-radius:6px; }
.point-card > *:not(.card-img) { padding:0 0;}
.point-card .card-img { position:relative; margin-top:30px; padding-top:43px; border-top:1px dashed #ccc; }
.point-card .card-img::before { position:absolute;left:-17px;top:-10px;display:inline-block;border-top:10px solid transparent; border-left:10px solid #f6f3f2; border-bottom:10px solid transparent;content:''; }
.point-card .card-img::after { position:absolute;right:-17px;top:-10px;display:inline-block;border-top:10px solid transparent; border-right:10px solid #f6f3f2; border-bottom:10px solid transparent;content:''; }
.point-card .card-img img { width:164px; height:260px; }
.point-card .card-name { margin-top:24px; }
.point-card .point { font-family:"HeadLight"; font-size:36px; }
.point-card .card-img + .point {margin:24px 0 11px 0;}
.point-card .barcode {width:100%; height:100px; margin:0 0 8px; }
.point-card .barcode svg { position:absolute; top:0; left:50%; transform:translateX(-50%) !important; width:100%; }
.point-card .barcode-num span { margin:0 4px; }
.point-card .barcode svg g text { font-size:14px !important; font-family:"HeadRegular", sans-serif !important; position:absolute;top:0;left:0}
.win-pop-wrap .btn-wrap { position: fixed; bottom:0; left:0; right:0; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); background:#fff; z-index:6;}
.win-pop-wrap .btn-wrap.type-pop { position:static; padding-bottom: unset;}
.win-pop-wrap .btn-wrap.zIndex10 {z-index: 10;}
.win-pop-wrap .scroll .btn-wrap { position: static; }
.win-pop-wrap .admin-content img { max-width:100%; }
.win-pop-wrap .header.type3 { margin-top:38px; }
.win-pop-wrap.survey .form-item.type2 dt, .win-pop-wrap.survey .form-item.type3 dt { font-family: "HeadMedium"; font-size: 16px; }
.win-pop-wrap.survey .form-item.type2 dt { padding: 8px 0 14px; margin-bottom: 20px; border-bottom: 1px solid #000; }

/* BLUEmembers card */
.text-guide.members-card .title { padding-top:16px; font-family:"HeadLight"; font-size:18px; }
.text-guide.members-card .title span { display: block; }
.text-guide.members-card .title + .content { margin-top: 32px; }
.text-guide.members-card .pic-list-wrap { margin-top:16px; }
.text-guide.members-card .heading1 + .heading2, .text-guide.members-card .reading.bul + .reading, .text-guide.members-card .reading.bul + .reading + .tips-caution { margin-top:16px; }
.accordion .article .text-guide.members-card .win-pop-wrap .footer.btn-wrap { margin:0; }
.text-guide.members-card #pop-container .inner,
.text-guide.members-card .pop-container .inner { padding-bottom:32px; }


.slide-pop-wrap { display:none; position:fixed; left:0; bottom:0; min-width:100%; z-index:13;}
.slide-pop-wrap #pop-header,
.slide-pop-wrap .pop-header { position:relative; }
.slide-pop-wrap #pop-container,
.slide-pop-wrap .pop-container { padding-top:0; background:#fff;}


/*============================================================
layer-popup
=============================================================*/
.layer-pop-wrap.sample { display:block; }
.layer-pop-wrap.sample:before { display:block; content:""; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100vh; background:#000; opacity:.7; z-index:1000;}
.layer-pop-wrap.sample .coupon-box {margin-bottom: 20px;}
.layer-pop-wrap.sample .coupon-box .coupon {position: relative; width: 208px; height: 94px; margin: 0 auto; background:url('../images/temp/bg_coupon.png') no-repeat 0 0;}
.layer-pop-wrap.sample .coupon-box .coupon .num {position: absolute; top: 6px; left: 8px; right: 56px; bottom: 15px;}
.layer-pop-wrap.sample .coupon-box .coupon .num span {position: absolute; top: 50%; left: 0; width: 100%; color:#00aad2; font-size: 18px; line-height: 20px; transform: translateY(-50%); text-align: center;}
.layer-pop-wrap.sample .coupon-box .coupon .img {position: absolute; top: 15px; right: 28px;}
.layer-pop-wrap { display:none; }
.layer-pop-wrap .text-guide .tit-guide {margin-top: 16px; margin-bottom: 12px; font-size: 14px; font-family:"HeadMedium"; color: #000;}
.layer-pop-wrap .text-guide .tit-guide:first-child {margin-top: 0;}
.layer-pop-wrap .text-guide .bul li {font-size: 14px; margin: 0; line-height: 20px; color:#000;}
.layer-pop-wrap .text-guide .bul li + li {margin-top: 8px;}
.layer-pop { position:fixed; top:50%; left:50%; max-width:500px; width:calc(100% - 32px); background-color:#fff; transform: translate(-50%,-50%); opacity:1; z-index:1001; }
/* .layer-pop-body { padding:24px 16px; font-size:12px; color:#595959;  } */
.layer-pop-body { overflow-y: auto; overflow-x: hidden; padding: 24px 16px; max-height: calc(100vh - 20vh); font-size:12px; color:#000;}
.layer-pop-body.type2 { padding:32px 16px; font-size:14px; color:#000; text-align:center; }
.layer-pop-body .tit { display:block; margin-bottom:16px; font-size:18px; font-family:"HeadMedium"; color:#000;  text-align:center; }
.layer-pop-body p + .bl-list { margin-top:4px; }
.layer-pop-body p.strong { margin-bottom:8px; font-family:"HeadMedium";  }
.layer-pop-body .bg-gray .bl-list { color: #595959; }
.layer-pop-body li { margin-top:2px; }
.layer-pop-footer { min-height:52px; border-top:1px solid #e4dcd3; }
.layer-pop-footer a { padding:14px 0; }
.layer-pop-body.type3 {padding:20px 32px; font-size:14px; color:#000; }
.layer-pop-body.type3 .tit {padding-bottom:20px; border-bottom:1px solid #ccc;}
.layer-pop-body.type3 .bl-list { margin-top:20px; font-size:12px;}
.layer-pop-body.type3 .bl-list li {position:relative; padding-left: 7px;}
.layer-pop-body.type3 .bl-list li:before {content:'·'; position:absolute; left:0; top:0;} 
.layer-pop-body.type4 {padding:20px 0 0; font-size:14px; color:#000; }
.layer-pop-body.type4 .tit {margin:0 32px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.layer-pop-body.type5 {padding:32px 20px; color:#000; }
.layer-pop-body.type5 .tit {padding-bottom:20px; border-bottom:1px solid #ccc;}
.layer-pop-body.type5 p {text-align:center; font-size:14px;}
.layer-pop-body.type5 .bold {font-family:"HeadMedium"; margin-top:16px;}
.layer-pop-body.type5 .gray {font-size:12px; color:#999; margin-top:16px;}
.layer-pop-body.type6 {padding:20px 32px 32px 32px; font-size:14px; color:#000;}
.layer-pop-body.type6 .tit {padding-bottom:20px; margin-bottom:32px; border-bottom:1px solid #ccc;}
.layer-pop-body.type7 {font-size: 14px; color: #000;}
.layer-pop-body.type7 li {font-size: 14px;}
.layer-pop-body.type7 li + li {margin-top: 8px;}
.layer-pop-body.type7 li strong {font-family:"HeadMedium";}
.layer-pop-body.type7 li p {margin-top: 4px;}


.layer-pop-wrap .close-popbtn { width:36px; height:36px; position:absolute; top:8px; right:8px; background: url(../images/common/ic_close.svg) no-repeat center; z-index:1;}
.layer-pop-wrap .close-popbtn:active {background-color: rgba(0,0,0,.15);}

.layer-pop-wrap .layer-pop-text {position:fixed; top:50%; left:50%; width:calc(100% - 32px); transform: translate(-50%,-50%); opacity:1; z-index:1001; }
.layer-pop-wrap .layer-pop-text .alert {color: #fff; font-family:"HeadMedium"; font-size: 18px; line-height: 24px; text-align: center;}

.eve-img a {display: block;}
.eve-img img {max-width: 100%;}

.pop-num-slide .item {position:relative;}
.pop-num-slide .item .content {position:relative; padding-left:18px; margin:20px 32px 0 32px;}
.pop-num-slide .content .num {position:absolute; left:15px; top:0; transform:translateX(-100%);}
.pop-num-slide .content .sub {font-size:12px; color:#595959; margin-top:9px;}
.pop-num-slide .content .sub.type2 {display:inline-block; margin-top:0;}
.pop-num-slide .pop-numimg {display:block; padding:0 32px; margin:auto; margin-top:20px; margin-bottom:65px; max-width:400px;}
.pop-num-slide .slick-slide {width:100%;}
.pop-num-slide .slick-dots {bottom:60px !important;}
.pop-num-slide .slick-arrow {position:absolute; top:150px; width:36px; height:36px; text-indent:-99999px; z-index:10;}
.pop-num-slide .slick-arrow:active {background-color:rgba(0,0,0,0.1);}
.pop-num-slide .slick-arrow.slick-disabled {display:none !important;}
.pop-num-slide .slick-arrow.slick-prev {left:0; background-image:url(../images/common/ic-bold-arrow-left-gray.svg); background-repeat: no-repeat; background-position: 50% 50%;}
.pop-num-slide .slick-arrow.slick-next {right:0; background-image:url(../images/common/ic-bold-arrow-right-gray.svg); background-repeat: no-repeat; background-position: 50% 50%;}

.pop-listflex {}
.pop-listflex .flex-container {color:#595959; font-size:12px; text-align:left; justify-content: end;}
.pop-listflex .flex-container + .flex-container {margin-top:4px;}
.pop-listflex .flex-container span:first-child {max-width:120px; min-width:120px; font-family:"HeadMedium";}

.layer-pop-wrap.util-btn h1 { position:relative; text-align:left; }
.layer-pop-wrap.util-btn h1 .close { width:36px; height:36px; position:absolute; top:-5px; right:0; background: url(../images/common/ic_close.svg) no-repeat center; z-index:1;}

.layer-pop-body p.location-agree {font-size: 14px; color: #000;}
.layer-pop-body a.link-tag {color: #002c5f; font-family: "HeadMedium"; border-bottom: solid 1px #002c5f;}

body.fixed { overflow:hidden; position:fixed; top:0; bottom:0; left:0; right:0; }
body.open { overflow:hidden; /*position:fixed; top:0; bottom:0; left:0; right:0; */}
body.open .dimd { display:block; }
body:not(.open) #garage-pop .car-contract {display:none !important;}
.dimd { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index: 12;}
/* card edit layer */
.editor-group { position:absolute; top:0; right:0px; }
.editor-group .editor-btn { position:absolute; top:9px; right:0; width:36px; height:36px; background:url(../images/common/ic_edit.svg) no-repeat center; background-size:36px; }
.editor-group.on .editor-btn { position:absolute; top:8px; right:0; width:36px; height:36px; background:url(../images/common/ic_edit_on.svg) no-repeat center; background-size:36px; }
.editor-group.on .editor-layer {display:block;}
.editor-group .editor-layer { display:none; position:absolute; top:40px; right:-6px; font-size:12px; padding-top:11px; background:url(../images/common/triangle.png) no-repeat 59px 0; background-size:24px auto; z-index:3; } 
.editor-group .editor-layer ul {width:95px; padding:1px 4px; border-radius:8px; box-shadow:0 4px 4px rgba(0, 0, 0, 0.07); border: solid 1px #ccc; background: #fff;}
.editor-group .editor-layer ul li { position:relative; padding:4px 0; text-align:center; }
.editor-group .editor-layer ul li a { display:block; padding:7px 14px; }
.editor-group .editor-layer ul li a:active { background-color:rgba(70, 74, 89, 0.1); }
.editor-group .editor-layer ul li + li:after { content:""; position:absolute; top:-1px; left:12px; right:12px; border-top:1px solid #ccc; }

.editor-layer:after { content:""; display:block; position:absolute; width:0; height:0; border-style:solid; top:-1px; right:16px; border-color:transparent transparent #fff transparent; border-bottom-width:14px; border-left-width:8px; border-right-width:8px; }



/*============================================================
btn
=============================================================*/
.btn-wrap.bottom { position:absolute; left:0; right:0; bottom:0; width:100%;padding-bottom: calc(constant(safe-area-inset-bottom)); padding-bottom: calc(env(safe-area-inset-bottom)); }
.btn-wrap.bottom-nav { position:absolute; bottom:56px; width:calc(100% - 32px); margin:16px !important;}
.btn-wrap.fixed {position: fixed;}
.btn-wrap ul { display:flex; justify-content:space-between; width:100%; }
.btn-wrap li { flex:1; }
.btn-wrap ul.grid-col2 { flex-wrap:wrap; }
.btn-wrap ul.grid-col2 li { display:flex; flex:none; align-items:center; width:calc(50% - 1px); text-align:center; }
.btn-wrap ul.grid-col2 li a { width:100%; min-height:42px; padding:10px 0; text-align:center; }
.btn-wrap ul.grid-col3 li a { min-height:42px; padding:10px 0;  }
.btn-wrap ul.grid-col2 li:nth-child(2n) { margin-right:0; }
.btn { display:block; padding:0 10px; cursor:pointer; vertical-align:middle; text-align:center; overflow:hidden; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; outline:none; }
.btn.s1 { height:52px; line-height:52px; font-size:14px; }
.btn.s2 { height:30px; line-height:30px; font-size:12px; border-radius:15px; }
.btn.s3 { position:relative; height:52px; line-height:52px; font-size:14px;}
.btn.s3:before {content:''; position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; margin-left:-36px; background:url(../images/common/ic-bold-check-white.svg) no-repeat; background-size:36px;}
.btn.s3.c1:before { background:url(../images/common/ic-bold-check-white.svg) no-repeat; background-size:36px;}
.btn.s5 {display: inline-block; padding: 8px 16px; height:32px; font-size: 14px; line-height: 16px; background: #fff; border-radius: 46px; color: #002C5F;}
.btn.s5.disabeld {color: #A0A6AD; pointer-events: none;}
.btn.s6 {position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex: 1; border-radius: 12px; height:44px; line-height:44px; font-size:14px;}
.font-big .btn.s5 {font-size: 17px; line-height: 19px;}

.btn.c1 { color:#fff; border:1px solid #002c5f; background:#002c5f; }
.btn.c1.green{border-color:#254335;background:#254335}
.btn.c1.blue{border-color:#002C5F;background:#002C5F}
.btn.c2 { color:#111; border:1px solid #ccc; background:#fff; }
.btn.c3 { color:#fff; background:#ccc; }
.btn.c4 { color:#222; background:#F3F3F3; }
.btn.c5 { color:#fff; background:#7D7E82; }
.btn.c6 { color:#fff; background:#BDBEC0; }
.btn.c7 { color:#fff; background:#565656; }
.btn.c1:active { opacity:0.8; }
.btn.blue {background: #002C5F; color: #fff;}
.btn.secondary {background: #E9EDF2; color: #002C5F;}
.btn.disabled {pointer-events: none; background: #ACB9C9; box-shadow: 0px 2px 4px rgba(45, 45, 51, 0.06); color: #fff;}
.btn.white {background: #fff; color: #252525; box-shadow: 0px 2px 4px rgba(45, 45, 51, 0.08);}
.btn.round {position: relative; text-align: center; display: flex; align-items: center; justify-content: center; flex: 1; border-radius: 12px;}

/* link-type */
.btn-wrap.link-type.footer, .btn-wrap.link-type.bottom { border-top:1px solid #e4dcd3; background:#fff; }
.btn-wrap.link-type.footer a, .btn-wrap.link-type.bottom a, .btn-wrap.link-type.footer .btn { height:51px; line-height:51px; }
.btn-wrap.link-type.footer a:active, .btn-wrap.link-type.bottom a:active { background-color:rgba(70, 74, 89, 0.1); }
.btn-wrap.link-type li { position:relative; }
.btn-wrap.link-type li:after, 
.btn-wrap.link-type ul.grid-col2 li:nth-child(2n-1):after { content:""; display:block; position:absolute; right:-1px; top:50%; width:1px; height:12px; background:#e4dcd3; transform:translateY(-6px); }
.btn-wrap.link-type li:last-child:after, 
.btn-wrap.link-type ul.grid-col2 li:nth-child(2n):after { display:none; }
.btn.link { color:#000; font-size:14px; text-decoration:none; }
.btn.link:active { background-color:rgba(70, 74, 89, 0.1); }
.btn.link.edit { color:#002c5f; }
.btn.link.disabled{ color:#999; }
.btn.more {/* margin-top:-16px; */min-height:52px; padding:14px 0; background:url(../images/common/ic_down.svg) no-repeat calc(50% + 25px) center ; background-size:18px; }
.btn.more span.blind{font-size:12px;display:inline-block;position:relative;width:auto;height:auto;left:auto;top:auto}
.btn-wrap.link-type ul.grid-col4 {display:block; position:relative; overflow:auto;}
.btn-wrap.link-type ul.grid-col4 li {width:50%; position:relative; float:left;}
.btn-wrap.link-type ul.grid-col4 li a {padding:10px 0; max-height:41px;}
.btn-wrap.link-type ul.grid-col4 li:nth-child(2n):after {width: 0;}
.btn-wrap.link-type2 {padding-bottom:24px; margin-bottom:14px; border-bottom:1px solid #e4dcd3;}
.btn-wrap.link-type2 .btn {position:relative; background:#fff; border:1px solid #e4dcd3; margin-top:8px; line-height:51px; height:51px; font-family:"HeadMedium";}
.btn-wrap.link-type2 .btn:active {background-color:rgba(70, 74, 89, 0.1);}
.btn-wrap.link-type2 .btn.dimmed {background-color:#dadada; color:#999;} 

.btn-wrap.floating {position: fixed; bottom: 0; left: 0; right: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background: #fff; z-index: 1;}
.btn-wrap.floating2 {height:68px; margin-top:0;}
.btn-wrap.floating2 .btn {position: fixed; bottom: 76px; right: 16px; width:30%; height:42px; line-height:42px; border-radius:26px; border:1px solid #fff; box-shadow: 0 2px 4px 2px rgba(125, 125, 125, 0.2); font-size:16px; margin-bottom: constant(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);} 

.round-btn {position: absolute; height: 30px; border-radius: 20px; background-color: #002c5f; color: #fff; padding: 7px 12px; transform: translateY(-50%); top: 50%; right: 0px; font-size: 12px;}

/*============================================================
slick-slider carousel
=============================================================*/
.slick-slider { position:relative; display:block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; z-index:5;display:block; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);margin-bottom:-2px }
.slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before, .slick-track:after { content:""; display:table; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:inline-block; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }
.carousel-wrap { position:relative; }
.carousel-wrap > div { position:relative; }
.carousel-wrap .slick-slide img { width:100%; }
.carousel-wrap .slick-dots { position:absolute; bottom:7px; left:50%; transform:translateX(-50%); line-height:6px; z-index: 10;} 
.carousel-wrap .slick-dots li { position:relative; display:inline-block; margin:0 2px; } 
.carousel-wrap .slick-dots li button { display:inline-block; width:4px; height:4px; padding:0; border:0; border-radius:50%; text-indent:-9999px; background:#000; cursor:pointer; opacity:0.4; } 
.carousel-wrap .slick-dots li.slick-active button { background:#00aad2; border-color:#00aad2; opacity:1; }
.carousel-wrap .article-list {overflow: hidden;}
.carousel-wrap .article-list .slick-dots li button { background:#000; opacity:0.4; } 
.carousel-wrap .article-list .slick-dots li.slick-active button { background:#00aad2; border-color:#00aad2; opacity:1; }
.carousel-wrap .article-list { background:#fff; }
.carousel-wrap .article-list .item { padding-bottom:6px; }
.carousel-wrap .article-list .item a { display:block; }
.carousel-wrap.type2 > div { padding-bottom:44px; }

/* hpf cropImg */
.carousel-wrap.img-crop .slide-block .item img { height:360px; object-fit:cover ;}

/* card slide */
.carousel-wrap .slide-card { position:relative;  padding:30px 0 120px; background:#fff;}
.carousel-wrap .slide-card > div { position:relative; text-align:center;}
.carousel-wrap .slide-card .slick-dots { position:absolute; top:390px; left:50%; transform:translateX(-50%); line-height:6px; } 
.carousel-wrap .slide-card .slick-dots li { position:relative; display:inline-block; margin:0 2px; } 
.carousel-wrap .slide-card .slick-dots li button { display:inline-block; width:4px; height:4px; padding:0; border:0; border-radius:50%; text-indent:-9999px; background:#000; cursor:pointer; opacity:0.4; outline:none;} 
.carousel-wrap .slide-card .slick-dots li.slick-active button { background:#00aad2; border-color:#00aad2; opacity:1; }
.carousel-wrap .slide-card .slick-slide { position:relative; }
.carousel-wrap .slide-card .slick-slide strong.badge { position:absolute; bottom:16px; left:50%; transform:translateX(-50%); }
.carousel-wrap .slide-card .slick-list { overflow:initial;}

.card-select { position:relative; margin:0 16px; padding:0 16px; background:#fff; }
.card-select .card-info { position:relative; border-bottom:1px solid #000;}
.card-select .card-info .card-title { width:80%;}
.card-select .card-info .card-title h2 { padding:16px 0; font-size:14px; line-height:20px; font-family:"HeadMedium"; }
.card-select .card-info .check { position:absolute; top:8px; right:-8px; width:36px; height:36px;}
.card-select .card-info .check .check-basic label { width:36px; height:36px; }
.card-select .barcode { position:absolute; bottom:50px; left:50%; width:calc(100% - 64px); transform:translateX(-50%); text-align:center; }
.card-select .barcode span { display:block; width:100%; text-align:center; }
.card-select .barcode span.name { margin-bottom:4px; font-size:12px; line-height:18px; color:#000; } 
.card-select .barcode span.name > span { display:inline; }
.card-select .barcode span.number { font-size:12px; color:#999; }
.card-select .barcode img { width:calc(100% - 64px); }
.card-select .barcode .barcode-num { padding:8px 0px; font-size:14px; text-align:center;}
.card-select .barcode .barcode-num span { margin:0 5px;}

/* slider */
.guide-slider { position:relative; padding:48px 0 81px;}
.guide-slider > span { position:absolute; top:16px; font-size:12px; color:#595959; }
.guide-slider > span.min { left:0; }
.guide-slider > span.max { right:0; }
.guide-slider .ui-slider-horizontal { height:3px; border:none;}
.guide-slider .ui-slider-handle { top:-6px; width:16px; height:16px; border-radius:50%; border:1.2px solid #002c5f; background:#fff; outline:none; }
.guide-slider .ui-slider-handle.ui-state-active { color:#002c5f;}
.guide-slider .ui-slider-handle .handle {position:absolute; top:20px; left:50%; transform:translateX(-50%); font-size:12px; color:#002c5f; font-family:"HeadMedium";}
.guide-slider .ui-widget-content { background:#002c5f;}
.guide-slider .ui-slider-horizontal .ui-slider-range { height:3px; background:#e9e9e9; }

/* slider item-list */
.item-list { overflow:hidden; }
.item-list li { float:left; margin-bottom:24px; width:33.3%; text-align:center; }
.item-list li img { width:88px; height:88px; }
/*  Text loading test  */
.loading { display:inline; font-size: 12px; }
.loading:after { overflow: hidden; display: block; width: 0px; vertical-align: bottom; -webkit-animation: ellipsis steps(12,end) 1200ms infinite; animation: ellipsis steps(12,end) 1200ms infinite; content: "Loading....."; }

@keyframes ellipsis {
  from {
    width:0%;
    opacity:0;
  }
  to {
    width: 100%;
    opacity:1;   
  }
}

@-webkit-keyframes ellipsis {
  from {
    width:0%;
    opacity:0; 
  }
  to {
    width: 100%;
    opacity:1;    
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* gauge chart */
.consumable-list { padding:0 16px; }
.consumable-list li { display:flex; padding-bottom:16px; border-bottom:1px solid #e4dcd3;}
.consumable-list li > div { flex:1; }
.consumable-list li > div.graph { position:relative; padding:16px; }
.consumable-list li > div.graph .box{ position:absolute; top:50%; left:50%; width:120px; height:64px; transform: translate(-50%,-50%); }
.consumable-list li > div.information { padding:8px; }
.consumable-list li > div.information dl { padding-top:16px; }
.consumable-list li > div.information dl dt { font-size:12px; color:#000; }
.consumable-list li > div.information dl dd { font-size:16px; color:#000; font-family:"HeadMedium";}
.consumable-list li > div.information dl:last-child dd { color:#00aad2; }
.consumable-list li > div.graph span.title { display:block; position:absolute; top:70%; left:50%; width:100%; font-size:12px; transform:translateX(-50%); text-align:center;}
.consumable-list li:last-child { border-bottom:none;}

.step01 .gauge-wrap .gauge-active { background:#00aad2;}
.step01 .gauge-wrap .gauge-wrap-before { background:#00aad2;}
.step02 .gauge-wrap .gauge-active { background:#a36b4f;}
.step02 .gauge-wrap .gauge-wrap-before { background:#a36b4f;}
.step03 .gauge-wrap .gauge-active { background:#e63312;}
.step03 .gauge-wrap .gauge-wrap-before { background:#e63312;}
.step03 .gauge-wrap .gauge-wrap-after { background:#e63312 !important;}

.consumable-list .graph .box span { position:absolute; top:90%; left:50%; transform: translate(-50%,-50%); z-index:9;}
.step01 .box span { font-size:16px; color:#00aad2; font-family:"HeadMedium";}
.step02 .box span { font-size:16px; color:#a36b4f; font-family:"HeadMedium";}
.step03 .box span { font-size:16px; color:#e63312; font-family:"HeadMedium";}

.step01 .information dl:last-child dd { color:#00aad2; }
.step02 .information dl:last-child dd { color:#a36b4f !important; }
.step03 .information dl:last-child dd { color:#e63312 !important; }

.gauge-wrap{ position:relative; width:120px; height:60px; }
.gauge-core{ position:relative; overflow:hidden; height:inherit; width:inherit; }
.gauge-wrap-before{ position:absolute; width:8px; height:8px; bottom:-3px; left:0; clip:rect(4px,8px,8px,0); -webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px;z-index:5}
.gauge-wrap-after{position:absolute;width:8px;height:8px;bottom:-3px;right:0;clip:rect(4px,8px,8px,0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:5}
.gauge-bg{position:absolute;width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;z-index:0}
.gauge-active-wrap{position:absolute;top:0;left:0;width:120px;height:120px;overflow:hidden;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px}
.gauge-active{top:60px;position:absolute;width:120px;height:60px;overflow:visible;-webkit-border-radius:0 0 120px 120px;-moz-border-radius:0 0 120px 120px;border-radius:0 0 120px 120px;z-index:1}
.gauge-active-before{position:absolute;width:8px;height:8px;background-color:inherit;top:-3px;left:0;clip:rect(0,8px,4px,0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:5}
.gauge-cap{position:absolute;top:8px;left:8px;width:104px;height:104px;-webkit-border-radius:52px;-moz-border-radius:52px;border-radius:52px;z-index:5}

/* 제휴 신용카드 혜택  */
.Benefits-detail .flex-container { flex-flow: wrap; padding:35px 0 48px; border-bottom:1px solid #e4dcd3; }
.Benefits-detail li:last-child { padding-bottom:16px; border-bottom:none; }
.Benefits-detail .flex-container > p { width:45%;}
.Benefits-detail .flex-container > p.str { padding-left:32px; font-family:"HeadMedium"; }
.Benefits-detail .flex-container > p.value { font-size:12px; color:#595959; }
.Benefits-detail .flex-container > p.value .t1 { font-family:"HeadMedium"; color:#00aad2; }
.Benefits-detail .flex-container > p.value .t2 { font-family:"HeadMedium"; color:#002c5f; }
.Benefits-detail .flex-container > .progressbar { position:relative; padding-top:25px; width:100%; }

.Benefits-detail .flex-container > p.if-icon01 { background:url(../images/common/if_carside.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon02 { background:url(../images/common/if_coffee.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon03 { background:url(../images/common/if_movie.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon04 { background:url(../images/common/if_outlet.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon05 { background:url(../images/common/if_brand.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon06 { background:url(../images/common/if_parking.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon07 { background:url(../images/common/if_zero.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon11 { background:url(../images/common/if_oil.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon13 { background:url(../images/common/if_ac_filter.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon31 { background:url(../images/common/if_car_component.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon42 { background:url(../images/common/if_map.svg) no-repeat left center;}
.Benefits-detail .flex-container > p.if-icon61 { background:url(../images/common/if_hometohome.svg) no-repeat left center;}

.Benefits-detail .flex-container {position: relative;}
.Benefits-detail .flex-container .use-complete {display: none; position: absolute; top: 12px; right: 0; width: 90px; height: 90px; background:url('../images/common/img_use_complete.png') no-repeat 0 0; text-indent: -999em; z-index: 2; background-size: 100%;}
.Benefits-detail .flex-container.complete:before {content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.08); z-index: 1;}
.Benefits-detail .flex-container.complete .use-complete {display: block;}

/* progress bar */
.progressbar progress[value] { width:100%;}
progress[value] { height:4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none;  }
progress[value]::-webkit-progress-bar { background-color:#eee; border-radius:4px;}
progress[value]::-webkit-progress-value { background-color:#00aad2;border-radius:4px; }
.progressbar.complate progress[value]::-webkit-progress-bar  { background-color:#002c5f;border-radius:4px; }
.progressbar.complate progress[value]::-webkit-progress-value { background-color:#002c5f; }
.progressbar .progress-value { width:100%; height:20px;}
.progressbar .progress-value span { display:block; text-indent:-9999px;}
.progressbar p[data-value] { position:relative; }
.progressbar p[data-value]:after { content: attr(data-value) " 사용"; position: absolute; top:0px; right:0; transform: translateX(50%); font-size:12px; color:#00aad2; line-height:18px; font-family:"HeadMedium";}
.progressbar.left p[data-value]:after { right:auto; left:0; min-width:50px; transform:translateX(0);}
.progressbar.complate p[data-value]:after { content: attr(data-value) " 사용완료"; transform: translateX(0); color:#002c5f;}
.progressbar span { position:absolute; top:15px; font-size:12px; color:#ccc; }
.progressbar span.label-v {left:0; } 
.progressbar span.label-t {right:0;} 

/*============================================================
블루멤버스 제휴처 컨텐츠  .text-guide.benefit
=============================================================*/
.text-guide.benefit img { max-width:100%; width:100%;}
.text-guide.benefit p > img { margin-bottom:8px; }
.text-guide.benefit [class^="section"][class*="_gray"]{background:#f6f3f2;}
.text-guide.benefit .mt-10 { margin-top:8px; }
.text-guide.benefit .sr_only { position:absolute; left:-10000px; top:-10000px; width:0; height:0; font-size:0; }
.text-guide.benefit .pc_only { display: none !important; }

/* table */
/* thead가 없는 경우도 있음 */
.text-guide.benefit .item .tbl_cover { overflow-x:auto; }
.text-guide.benefit .item .data_table { width:100%; margin-bottom:17px; }

.text-guide.benefit .data_table .sr_only { position: static; text-indent:-100000px; }
.text-guide.benefit .data_table thead th, .text-guide.benefit .data_table thead td { border-bottom:0; }
.text-guide.benefit .data_table th, .text-guide.benefit .data_table td { padding:16px; font-size:12px; color:#595959; vertical-align:middle; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }
.text-guide.benefit .data_table th, .text-guide.benefit .data_table td { border-left:1px solid #ccc; }
.text-guide.benefit .data_table th, .text-guide.benefit .data_table .thead_th, .text-guide.benefit .data_table .tbody_th { font-family:"HeadMedium"; }
.text-guide.benefit .data_table th:first-child, .text-guide.benefit .data_table td:first-child { border-left:0; }
.text-guide.benefit .data_table th.line, .text-guide.benefit .data_table td.line { border-left:1px solid #ccc; } /* 2022.02.09 td,th line추가 */
.text-guide.benefit .data_table.align_left td { text-align:left; }
.text-guide.benefit .data_table.align_left td strong { color:#000;}
.text-guide.benefit .tbl_right_opt { color:#999; font-size:12px; text-align:right; }

/* .item으로 안묶여 있는 경우도 있음 */
.text-guide.benefit .list_bul_tit { display:block; margin:24px 0 8px; font-size:14px; }
.text-guide.benefit > div:first-of-type .list_bul_tit:first-of-type, .text-guide.benefit .item:first-of-type .list_bul_tit:first-of-type, .text-guide.benefit p:first-of-type .list_bul_tit:first-of-type { margin-top:0px; }
.text-guide.benefit .list_bullet_dot + .list_bul_tit { margin-top:24px !important; }
.text-guide.benefit .list_bullet_dot + .tbl_cover { margin-top:10px; }
.text-guide.benefit .list_bullet_dot li { position:relative; padding-left:7px; text-align: left; color:#595959; font-size:12px; }
.text-guide.benefit .list_bullet_dot li:before { content:'· '; position:absolute; top:0; left:0; }
.text-guide.benefit .list_bullet_dot li a {word-break: break-all;}
.text-guide.benefit .btn_md_primary { display:block; width:100%; height:52px; margin-top:16px; padding:0 10px; color:#fff; font-size:14px; line-height:52px; vertical-align:middle; border:1px solid #002c5f; background:#002c5f; outline:none; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; text-align:center; overflow:hidden; cursor:pointer; }
.text-guide.benefit .btn_md_primary:active { opacity:0.8; }

/* Bluemembers - 이달의 혜택 */
.text-guide.benefit .point_img_list .text { color:#595959; font-size:12px; }
.text-guide.benefit .point_img_list ul { margin:8px 0 24px; padding:50px 0 10px; border:1px solid #e4dcd3; background:#fff; }
.text-guide.benefit .point_img_list ul:after { clear:both; display:block; content:''; }
.text-guide.benefit .point_img_list ul li { float:left; width:40%; margin:0 5% 40px; text-align:center; }
.text-guide.benefit .point_img_list ul li img { vertical-align:middle; }

/* Bluemembers - 모바일 쿠폰 사용방법 */
.text-guide.benefit .section_gray { margin-top:20px; padding:0 16px; }
.text-guide.benefit .section_gray .grid .col { display: table; width: 100%; padding:0; margin: 10px 0; }
.text-guide.benefit .section_gray .grid .col .img { float:left; width:80px; margin-right:20px; }
.text-guide.benefit .entry_step { margin-top: 0; padding: 10px 0; text-align: center; border: 1px #e4dbd2 solid; }
.text-guide.benefit .entry_step .step { display: inline-block; width: 55px; height: 55px; line-height: 55px; color: #fff; font-family:'HeadMedium'; font-size: 14px; background-color: #002c5f; border-radius: 100%; }
.text-guide.benefit .entry_step .subject { display: block; position: relative; margin-top: 15px; font-family: 'TextMedium'; color: #000; line-height:1.8; text-align:left; font-size: 12px; }
.text-guide.benefit .entry_step .subject span { display: block; margin:0 -10px; }
.text-guide.benefit .entry_step .desc { margin-top:12px; padding:0 5px; font-size:14px; color:#000; word-break:keep-all;}
.text-guide.benefit .entry_step .col:first-child .subject::before { display: none; }
.text-guide.benefit .entry_step.no_border { border:0 none;}

/* [보험] popup - 현대닷컴 html소스에서 일부 구조와 class명 변경함  */
.text-guide.benefit .win-pop-wrap .layer_cont { position: relative; padding: 56px 0 60px; z-index: 1; }
.text-guide.benefit .win-pop-wrap .layer_btns { position:fixed; bottom:0; left:0; right:0; background:#fff; z-index:2;}
.text-guide.benefit .win-pop-wrap .layer_btns .btn_md_primary { margin-top:0; }

/* [보험] popup 내 링크버튼 - 컨텐츠별 현대닷컴 class사용 */ 
.win-pop-wrap .layer_cont .img_wrap a { position:absolute; display:block; }
.win-pop-wrap.pop-anycarDirect .layer_cont .img_wrap a { width:93.8%; height:3.65%; top:29.7%; left:3%;} 
.win-pop-wrap.pop-directdongbuDriver .layer_cont .img_wrap a { left: 0; top: 81.2%; width: 100%; height: 3.5%;} 
.win-pop-wrap.pop-samsungfireDirect .layer_cont .img_wrap a { width: 90%; height: 3%; top: 20.2%; left: 5%; } 
.win-pop-wrap.pop-directdongbu .layer_cont .img_wrap a { left: 10%; top: 56%; width: 80%; height: 3.7%; } 
.win-pop-wrap.pop-hanwhaDirect .layer_cont .img_wrap a { left: 8.8%; top: 15.5%; width: 82.3%; height: 2.6%; } 
.win-pop-wrap.pop-kbmagiccardirect .layer_cont .img_wrap a { width: 100%; height: 3%; left: 50%; top: 30.3%; transform: translateX(-50%);} 
.win-pop-wrap.pop-hicardirect .layer_cont .img_wrap a { left: 8.8%; top: 24.5%; width: 82.6%; height: 6.7%;} 
.win-pop-wrap.pop-lottehowmuch .layer_cont .img_wrap a { width: 88.7%; height: 3.65%; left: 5.7%; top: 29%; } 
.win-pop-wrap.pop-carrot .layer_cont .img_wrap a { width: 100%; height: 3%; left: 0%; top: 24.5%;}
.win-pop-wrap.pop-carrot .layer_cont .img_wrap a:last-child { display:none;}


/* 운전결심 앱 이벤트 */
p.drevt_p {position:relative;}
.bbs-html .drevt_youtube {position:absolute; width:94%; height:7%; top:19%; left:50%; transform:translateX(-50%);}
.bbs-html .drevt_btn {position:absolute; width:46%; height:1.7%; bottom:19.2%; left:49%; transform:translateX(-50%);}
.bbs-html .drevt_gplay {position:absolute; width:43%; height:1.7%; bottom:12.9%; left:28%; transform:translateX(-50%);}
.bbs-html .drevt_iosstore {position:absolute; width:43%; height:1.7%; bottom:12.9%; left:72%; transform:translateX(-50%);}

/* 운전결심 앱 이벤트 */
p.drevt_p {position:relative;}
.bbs-html .drevt_youtube2 {position:absolute; width:94%; height:7%; bottom:40%; left:50%; transform:translateX(-50%);}
.bbs-html .drevt_btn2 {position:absolute; width:100%; height:2.5%; bottom:55.5%; left:50%; transform:translateX(-50%);}
.bbs-html .drevt_gplay2 {position:absolute; width:90%; height:2%; bottom:14.5%; left:50%; transform:translateX(-50%);}
/* .bbs-html .drevt_iosstore2 {position:absolute; width:43%; height:1.7%; bottom:12.9%; left:72%; transform:translateX(-50%);} */

/* 운전결심 앱 이벤트 210904 */
.drevt_youtube3 {position:absolute; width:100%; height:7.5%; bottom:25.5%; left:50%; transform:translateX(-50%);}
.drevt_btn3.a1{position:absolute;left:0;width:50%;height:45px;bottom:40px ;display: block;}
.drevt_btn3.a2{position:absolute;left:50%;width:50%;height:45px;bottom:40px ;display: block}
/* 운전결심 앱 이벤트 210805 */
.drevt_youtube4 {position:absolute; width:100%; height:6%; bottom:34.5%; left:50%; transform:translateX(-50%);}
.drevt_btn4 {position:absolute; width:100%; height:2%; bottom:11.5%; left:50%; transform:translateX(-50%); }

/* 1주년 이벤트 */
.first_yearevt {position:relative; display:block;}
.evt1_text {position:absolute; width:100%; height:5.4%; top:21.6%; color:#999; font-size:12px; text-align:center; padding:0 21.5% 0 9.5%;}
.evt1_text .wrapbox {position:absolute; width:100%; padding:0 21.5% 0 9.5%; left:0; top:50%; transform:translateY(-50%);}
.evt1_text .evt_tit {font-size:14.5px; color:#000; line-height:1.33;}
.evt1_text .evt_tit2 {font-size:26px; color:#000; margin-top:13px; margin-bottom:3px; line-height:26px;}
.evt1_text .due_date {margin-top:13px;}
.evt1_text .num_copy {border:1px solid #979797; border-radius:3px; padding:0 3%; margin-left:4px; background:#f3f3f3;}
.evt1_text .num_copy:active {opacity:0.8;}
.evt1_complete_stamp {position:absolute; width:23% !important; top:21%; right:8%;}
.evt1_applicate_stamp {position:absolute; width:23% !important; top:21%; right:8%;}
.evt1_fin_stamp {position:absolute; width:23% !important; top:21%; right:8%;}
.evt2_complete_stamp {position:absolute; width:23% !important; bottom:43.8%; right:8%;}
.evt2_fin_stamp {position:absolute; width:23% !important; bottom:43.8%; right:8%;}
.evt2_offer_stamp {position:absolute; width:23% !important; bottom:43.8%; right:8%;}
@media screen and (max-width:359px) {
  .evt1_text {font-size:11px;}
  .evt1_text .evt_tit {font-size:13px;}
  .evt1_text .evt_tit2 {font-size:21px; margin-top:8px; margin-bottom:0px; }
  .evt1_text .due_date {margin-top:2px;}
}

.first_yearevt .evt_btn {position:absolute; top:43%; left:50%; transform:translateX(-50%); width:83%; text-align:center; background: #002c5f; border-radius: 30px; color: #fff; font-size: 16px; padding: 4.2%;}
.first_yearevt .evt_btn.disabled {background:#cccccc;}
.first_yearevt .evt_btn.fin {background:#cccccc;}
.first_yearevt .evt_btn.fin:active {opacity:1;}
.first_yearevt .evt_btn:active {opacity:0.8;}
.first_yearevt .evt_step {position:absolute; bottom:19%; width:23%; right:8%; height:9.6%; display:flex; flex-direction:column; /*background:#ff000080;*/}
.first_yearevt .evt_step li {width:100%; height:33.3%;}
.first_yearevt .evt_step li a{width:100%; height:100%; display:block;}
.first_yearevt .evt_step li a.btnlink:active{opacity:0.9;}
.first_yearevt .evt_step .step1.before {background:url(../images/temp/first_evt/firstevt_11.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step1.complete {background:url(../images/temp/first_evt/firstevt_3.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step1.btnlink {background:url(../images/temp/first_evt/firstevt_6.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step2.before {background:url(../images/temp/first_evt/firstevt_7.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step2.complete {background:url(../images/temp/first_evt/firstevt_4.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step2.btnlink {background:url(../images/temp/first_evt/firstevt_9.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step3.before {background:url(../images/temp/first_evt/firstevt_8.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step3.complete {background:url(../images/temp/first_evt/firstevt_5.png) no-repeat 50% 0; background-size:auto 70%;}
.first_yearevt .evt_step .step3.btnlink {background:url(../images/temp/first_evt/firstevt_10.png) no-repeat 50% 0; background-size:auto 70%;}

/* 2주년 이벤트 */
.secend_yearevt .img01 {position: relative;}
.secend_yearevt .img01 .btn01 {position: absolute; left: 0; bottom:0; display: block; width:100%; height:3%; text-indent:-999em;}
.secend_yearevt .switchbox-area {background:url('../images/temp/myhyundai-evt/211201_event_2year_birthday_bg.png') repeat-y 0 0; background-size:100% auto; padding:60px 9.5% 30px;}
.secend_yearevt .switchbox-area p {padding-bottom:16px; margin-bottom: 16px; color:#222; font-size: 14px; line-height: 20px; font-family:'HeadMedium'; border-bottom:1px solid #eee;}
.secend_yearevt .switchbox-area p span {color:#e63312;}
.secend_yearevt .switchbox-area .switchbox + .switchbox {margin-top: 16px;}
.secend_yearevt .switchbox-area .switchbox .switch-wrap {position: relative; float:right;}
.secend_yearevt .switchbox-area .switchbox .switch-wrap .switch-checkbox:disabled + .switch-label {background-color:#ccc;}

/* 팝업 */
.notice_evt_pop .layer-pop {top:unset; left:0; width:100%; max-width:100% !important; transform:unset; bottom:0; background:unset;}
.notice_evt_pop .layer-pop-body {padding:0; width:100%;}
.notice_evt_pop .check_display_pop {position:relative; width:100%; text-align:right; color:#fff; font-size:14px; padding:10px; margin-bottom:3px;}
.notice_evt_pop .check_display_pop label {padding:10px 0 10px 36px; background:url(../images/common/ic_check_rount-wh.svg) no-repeat 0% 50%;}
.notice_evt_pop .check_display_pop input:checked + label {background:url(../images/common/ic_check_round-on.svg) no-repeat 8px 50%; color:#00aad2;}

.notice_evt_pop .evt_pop_body .close { position:absolute; top:6px; right:10%; display:block; width:36px; height:36px; background:url(../images/common/ic_close.svg) no-repeat center; background-size:36px auto; outline:none; }
.notice_evt_pop .evt_pop_body .close:active { background-color:rgba(70, 74, 89, 0.1); }
.notice_evt_pop .evt_pop_body {position:relative; padding:30px 32px 32px; color:#000; text-align:center; background:url(../images/temp/first_evt/first_evt_envelop.png) no-repeat 0 0; background-size:100% 100%;}
.notice_evt_pop .evt_txt {font-size:21px; font-family:"HeadLight"; line-height:1.38;}
.notice_evt_pop .evt_txtsm {font-size:14px; margin-top:19px;}
.notice_evt_pop .btn.link.evt {width:100%; background:#002c5f; border-radius:30px; margin-top:45px; color:#fff; font-size:16px; padding:14px;}
.notice_evt_pop .btn.link.evt:active {opacity:0.8;}

/* SUV 신차 출시 이벤트  */

.bbs-html .suv_hicar {position:absolute; width:94%; height:4%; top:34%; left:50%; transform:translateX(-50%);}
.bbs-html .suv_carrot {position:absolute; width:94%; height:4%; top:38%; left:50%; transform:translateX(-50%);}
@media screen and (max-width:410px) {
  .bbs-html .suv_hicar {position:absolute; width:94%; height:4%; top:35%; left:50%; transform:translateX(-50%);}
  .bbs-html .suv_carrot {position:absolute; width:94%; height:4%; top:39%; left:50%; transform:translateX(-50%);}
}

/* 소나타 라인업 이벤트 */
.bbs-html .sonata {position:relative; display:block;}
.sonata_onshowroom {position:absolute; display:block; width:100%; height:4%; bottom:29.5%;}
.sonata_onshowroom a { float:left; width:33%; height:100%; }
.sonanta_digifilm {position:absolute; display:block; width:100%; height:7.5%; bottom:19%;}
.sonanta_digifilm a { float:left; width:25%; height:100%; }
.sonata_onshowroom a:active, .sonanta_digifilm a:active {background:rgba(0,0,0,0.005);}

/* 마이현대 앱 런칭 1주년 이벤트 */
.anniversary_firstevt {position:relative; display:block;}
.anniversary_firstevt .evt_comment_wrap {position:relative; padding:20px 16px 47px 16px; background:#ece6e4;}
.anniversary_firstevt .evt_tit {font-size:16px; font-family:'HeadMedium'; text-align:center; padding:16px 0; margin-bottom:16px; border-bottom:1px solid #000; }
.anniversary_firstevt .light {font-size:14px; font-family:'HeadLight';}
.anniversary_firstevt .bold {font-family:'HeadBold';}
.anniversary_firstevt .ans-cnt {font-size:12px; color:#999;}
.anniversary_firstevt .input-box textarea {margin-top:9px; background:#fff; font-family:'HeadRegular' !important;}
.anniversary_firstevt .input-box textarea::placeholder {font-family:'HeadRegular';}
.anniversary_firstevt .input-box .text {display: flex; align-items: baseline; justify-content: space-between;}

.anniversary_firstevt a.btn + .comment-box {margin-top:50px;}
.anniversary_firstevt .comment-list li + li {margin-top:8px;}
.anniversary_firstevt .comment-list li {background:#fff; padding:16px 19px;}
.anniversary_firstevt .comment-list li .cmt-info {font-size:12px; color:#999; font-family:'HeadRegular'; margin-bottom:4px; }
.anniversary_firstevt .comment-list li .cmt-info span:first-child {position:relative; margin-right:11px;}
.anniversary_firstevt .comment-list li .cmt-info span:first-child:after {content:''; position:absolute; right: -6px; top:47%; transform:translateY(-50%); width:1px; height:11px; background:#999;}
.anniversary_firstevt .comment-list li .cmt-content {font-size:14px; word-break:break-word;}

/* 산타그림 크리스마스 이벤트 버튼 영역 */
.myh_xmas_event {position:absolute; left:50%; transform:translateX(-50%); display:block; width:calc(100% - 32px); height:7%; bottom:22.3%;}

/* 이벤트  */
.bbs-html .event_p {position:relative; display:block;}
.bbs-html .evt_2101_1 {display:block; position:absolute; width:100%; height:4%; bottom:45%; left:50%; transform:translateX(-50%);}
.bbs-html .evt_2101_2 {display:block; position:absolute; width:100%; height:4%; bottom:12.5%; left:50%; transform:translateX(-50%);}
/* .evt_2101_1:active, .evt_2101_2:active {background-color:#00000010;} */

/* 블루라이브 */
.event_2102_bluelive {display:block; position:absolute; width:65%; height:1.5%; bottom:17%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive4 {display:block; position:absolute; width:72%; height:1.7%; bottom:17.1%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive5 {display:block; position:absolute; width:85%; height:2%; bottom:17.5%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive6 {display:block; position:absolute; width:85%; height:2%; bottom:19.5%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive7 {display:block; position:absolute; width:100%; height:2.6%; bottom:19.4%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive8 {display:block; position:absolute; width:90%; height:3%; bottom:17.2%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive9 {display:block; position:absolute; width:90%; height:2.7%; bottom:16%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive10 {display:block; position:absolute; width:100%; height:2%; bottom:4.4%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive10_2 {display:block; position:absolute; width:100%; height:1.5%; bottom:14%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive11 {display:block; position:absolute; width:100%; height:2%; bottom:20%; left:50%; transform:translateX(-50%);}
.event_2102_bluelive12 {display:block; position:absolute; width:100%; height:1.5%; bottom:22.2%; left:50%; transform:translateX(-50%);}

/* 제네시스 런칭 이벤트 */
.event_20210322_genesis {display:block; position:absolute; width:100%; height:2%; bottom:1%; left:50%; transform:translateX(-50%);}

/* 픽업앤충전 이벤트 */
.event_pnch_call {display:block; position:absolute; width:32%; height:0.9%; bottom:58.4%; left:13%;}
.event_pnch_btn1 {display:block; position:absolute; width:90%; height:2%; bottom:40.5%; left:50%; transform:translateX(-50%);}
.event_pnch_btn2 {display:block; position:absolute; width:90%; height:2%; bottom:34%; left:50%; transform:translateX(-50%);}
.event_pnch_enroll {display: block; position: absolute; width: 100%; top: 34%; height: 2%; left: 50%; transform: translateX(-50%); text-align: center; background: url(../images/temp/myhyundai-evt/pnch-event2-btn1.png) 0 0 no-repeat; background-size: 100%;}
.event_pnch_enroll.done {display: block; position: absolute; width: 100%; top: 34%; height: 2%; left: 50%; transform: translateX(-50%); text-align: center; background: url(../images/temp/myhyundai-evt/pnch-event2-btn3.png) 0 0 no-repeat; background-size: 100%;}

/* 6월 차량 구매 */
.june_event01 {position: absolute; display: block; width: 100%; height: 1%; bottom: 2.2%; }
.june_event02 {position: absolute; display: block; width: 100%; height: 1%; bottom: 0.8%; }

/* 설날무상점검 이벤트 220112 */
.drevt_usedcar_btn {position:absolute; width:100%; height:5%; bottom:38%; left:50%; transform:translateX(-50%);}


/* 현대 shop 런칭 이벤트  */
/* .anniversary_firstevt .evt_comment_wrap.shop_launching{background:#f3f3f3;} */
.anniversary_firstevt .evt_comment_wrap.shop_launching{background:transparent;}
.anniversary_firstevt .evt_comment_wrap.shop_launching .input-box .text {display: flex; align-items: baseline; justify-content: space-between;}
.anniversary_firstevt .evt_comment_wrap.shop_launching .input-box .text .light { width:120px; height:20px; background: url(/images/temp/myhyundai-evt/220225-hyundai-shop-logo.png) no-repeat 20px 0;}

/* 여름 무상점검 이벤트 220712 */
.summer_event_220712 {position:absolute; width:100%; height:4.5%; bottom:36.5%; left:50%; transform:translateX(-50%);}

/* 12월 신차 구매 혜택 이벤트 20221201 */
.btn-evt-20221201 {display: block; position: absolute; bottom: 0.8%; left: 0; right: 0; width: 100%; height: 2%; }

/* Hyundai Selection 이벤트 20221212 */
.btn-evt-20221212-1 {display: block; position: absolute; top: 33.5%; left: 0; right: 0; width: 100%; height: 3.5%;}
.btn-evt-20221212-2 {display: block; position: absolute; bottom: 18.5%; left: 0; width: 50%; height: 4%;}
.btn-evt-20221212-3 {display: block; position: absolute; bottom: 18.5%; right: 0; width: 50%; height: 4%;}

/* 2023 설 특별 무상점검 이벤트 - 20221230 */
.event-newyearFree-20221230 {}
.event-newyearFree-20221230 .event-sec1,
.event-newyearFree-20221230 .event-sec2 {position: relative;}
.event-newyearFree-20221230 .event-sec1 a {position: absolute; width: 100%; height: 2.5%; bottom: 30%; left: 50%; transform: translateX(-50%);}
.event-newyearFree-20221230 .event-sec2 {padding: 0 13.8% 5px; min-height: 54px; background: url(../images/temp/myhyundai-evt/2023_newyear_free_bgBtn.png) no-repeat center 0; background-size: 100% 100%;}

/* 2023 더 올 뉴 코나 1월 계약 고객을 위한 러닝카 이벤트 - 20230113 */
.event-theAllNewCona-20230113 .event-sec {position: relative;}
.event-theAllNewCona-20230113 .btn-apply {position: absolute; width: 100%; height: 6%; bottom: 16.5%; left: 50%; transform: translateX(-50%);}

/* 2023 Winter Week Driving eXperience 캐스퍼 시승 이벤트 - 20230118 */
.event-DrivingeXperience-20230118 .event-sec {position: relative;}
.event-DrivingeXperience-20230118 .btn-apply-1,
.event-DrivingeXperience-20230118 .btn-apply-2 {position: absolute; width: 100%; height: 2%; left: 50%; transform: translateX(-50%);}
.event-DrivingeXperience-20230118 .btn-apply-1 {bottom: 17.5%; }
.event-DrivingeXperience-20230118 .btn-apply-2 {bottom: 15.4%; }

/* 20230215 Hyundai Selection 이벤트 */
.btn-evt-20230215-1 {display: block; position: absolute; top: 39.5%; left: 0; right: 0; width: 100%; height: 3.5%;}
.btn-evt-20230215-2 {display: block; position: absolute; bottom: 20.4%; left: 0; width: 50%; height: 4%;}
.btn-evt-20230215-3 {display: block; position: absolute; bottom: 20.4%; right: 0; width: 50%; height: 4%;}

/* 20230228 전기차 All day Driving eXperience 이벤트 */
.btn-evt-20230228 {padding: 20px 30px; background: #fff;}
.btn-evt-20230228 a {display: block; width: 100%; height: 52px; line-height: 52px; text-align: center; color: #fff; border-radius: 12px; background: #002C5F; font-size: 16px;}

/* 20230228 전기차 All day Driving eXperience 이벤트 */
.btn-evt-20230310-1 {display: block; position: absolute; bottom: 14.5%; left: 0; width: 100%; height: 6%;}
.btn-evt-20230310-2 {padding: 20px 0;}
.btn-evt-20230310-2 a {display: block; width: 100%; height: 52px; line-height: 52px; text-align: center; color: #fff; border-radius: 12px; background: #002C5F; font-size: 16px;}

.btn.s1.btn-event {display: block; margin-top: -16px; width: 100%; height: 52px; line-height: 52px; text-align: center; border-radius: 12px; font-size: 18px;}

.bbs-html .section.btn-wrap {margin-right: 0; margin-left: 0;}
.bbs-html .btn.btn-event {display: block; margin-top: 0;}

/* 20230316 AVATE play 이벤트 */
.btn-evt-20230316 a {display: block; position: absolute; bottom: 37.7%; right: 0; width: 100%; height: 4%;}

/* 20230316 캐롯 손해보험 이벤트 */
.btn-evt-20230316-2 a {display: block; position: absolute; top: 29.8%; right: 0; width: 100%; height: 4%;}

/* 20230215 EV 안심케어 서비스 런칭 이벤트 */
.btn-evt-20230330 {display: block; position: absolute; bottom: 0%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* 20230403 EV 안심케어 서비스 런칭 이벤트 */
.btn-evt-20230403 {display: block; position: absolute; bottom: 2%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* 20230407 Bluemembers와 할께하는 자동차보험 산출 이벤트 */
.btn-evt-20230407 {display: block; position: absolute; top: 19.5%; left: 0; right: 0; width: 100%; height: 4.2%;}

/* 20230407 캐스퍼 고객대상 봄맞이 특별 무상점검 이벤트 */
.btn-evt-20230407-freecare {position: absolute; top: 30.6%; left: 50%; right: 0; transform: translateX(-50%); width: 86%; height: calc(100% - 36%);}
.btn-evt-20230407-freecare a {display: block; position: absolute; right: 0; width:22%; height: 2.8%;}
.btn-evt-20230407-freecare a.btn-apply {top: 80.8%; left: -1%; width: 26%;}

.btn-evt-20230407-freecare .btn1 {top: 0}
.btn-evt-20230407-freecare .btn2 {top: 3%;}
.btn-evt-20230407-freecare .btn3 {top: 6%;}
.btn-evt-20230407-freecare .btn4 {top: 8.9%;}
.btn-evt-20230407-freecare .btn5 {top: 11.8%;}
.btn-evt-20230407-freecare .btn6 {top: 14.8%;}
.btn-evt-20230407-freecare .btn7 {top: 17.8%;}
.btn-evt-20230407-freecare .btn8 {top: 20.8%;}
.btn-evt-20230407-freecare .btn9 {top: 23.7%;}
.btn-evt-20230407-freecare .btn10 {top: 26.6%;}
.btn-evt-20230407-freecare .btn11 {top: 29.5%;}
.btn-evt-20230407-freecare .btn12 {top: 32.5%;}
.btn-evt-20230407-freecare .btn13 {top: 35.4%;}
.btn-evt-20230407-freecare .btn14 {top: 38.4%;}
.btn-evt-20230407-freecare .btn15 {top: 41.3%;}
.btn-evt-20230407-freecare .btn16 {top: 44.2%;}
.btn-evt-20230407-freecare .btn17 {top: 47.2%;}
.btn-evt-20230407-freecare .btn18 {top: 50.1%;}
.btn-evt-20230407-freecare .btn19 {top: 53.1%;}
.btn-evt-20230407-freecare .btn20 {top: 56%;}
.btn-evt-20230407-freecare .btn21 {top: 58.9%;}
.btn-evt-20230407-freecare .btn22 {top: 61.8%;}
.btn-evt-20230407-freecare .btn23 {top: 64.8%;}
.btn-evt-20230407-freecare .btn24 {top: 67.7%;}

/* 20230412 Spring Camping 이벤트 */
.btn-evt-20230412 {display: block; position: absolute; bottom: 10.5%; left: 0; right: 0; width: 100%; height: 3%;}

/* 20230412 '5월 고객 감사' 이벤트 */
.btn-evt-20230426 {display: block; position: absolute; top: 33.5%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 20230412 5월 가정의 달 이벤트 */
.btn-evt-20230426_2 {display: block; position: absolute; bottom: 14.2%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 20230503 5월 타요 이벤트 */
.btn-evt-20230503 {display: block; position: absolute; bottom: 10.5%; left: 0; right: 0; width: 50%; height: 2.5%;}

/* 20230503 5월 블루링크 스트리밍 서비스 얼리버트 프로모션 */
.btn-evt-20230508 {display: block; position: absolute; top: 14.7%; left: 0; right: 0; width: 100%; height: 9.5%;}

/* 20230509 5월 현대위크 이벤트 */
.btn-evt-20230509 {display: block; position: absolute; bottom: 12%; left: 0; right: 0; width: 100%; height: 1%;}

/* 20230526 5월 A매치 증정 이벤트 */
.btn-evt-20230526 {display: block; position: absolute; bottom: 18.1%; left: 0; right: 0; width: 100%; height: 3%;}

/* 20230530 H ear 이벤트 */
.btn-evt-20230530 {display: block; position: absolute; bottom: 26.2%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 20230602 장마시즌 이벤트 */
.btn-evt-20230602 {display: block; position: absolute; bottom: 10%; left: 0; right: 0; width: 100%; height: 2.4%;}

/* 20230608 6월 현대위크 */
.btn-evt-20230608 {display: block; position: absolute; bottom: 12.5%; left: 0; right: 0; width: 100%; height: .9%;}

/* 20230620 또봇 할인전 */
.btn-evt-20230620 {display: block; position: absolute; bottom: 6.5%; left: 0; right: 0; width: 100%; height: 1.7%;}

/* 20230627 여름 휴가 */
.btn-evt-20230627 {display: block; position: absolute; bottom: 12.7%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 20230704 7월 현대위크 */
.btn-evt-20230704 {display: block; position: absolute; bottom: 11.5%; left: 0; right: 0; width: 100%; height: 1%;}

/* 20230704 마이현대 고객 감사 EVENT */
.btn-evt-20230704-2 {display: block; position: absolute; top: 60.2%; left: 0; right: 0; width: 100%; height: 3%;}

/* 20230711 여름 특병무상점검 */
.event-20230711-summerFree .event-sec1,
.event-20230711-summerFree .event-sec2 {position: relative;}
.event-20230711-summerFree .event-sec1 a {position: absolute; width: 100%; height: 2.5%; top: 69.7%; left: 50%; transform: translateX(-50%);}
.event-20230711-summerFree .event-sec2 {padding: 0 13.8% 5px; min-height: 54px; background: url(../images/temp/myhyundai-evt/20230711-summer-free-btnBG.png) no-repeat center 0; background-size: 100% 100%;}

/* 20230714 어린이 헤드레스트 */
.btn-evt-20230714-1 {display: block; position: absolute; top: 58.6%; left: 0; right: 0; width: 100%; height: 2.3%;}
.btn-evt-20230714-2 {display: block; position: absolute; top: 87.6%; left: 0; right: 0; width: 100%; height: 3%;}

/* 20230801 8월 오토앤 */
.btn-evt-20230801 {display: block; position: absolute; top: 88%; left: 0; right: 0; width: 100%; height: 2.3%;}

/* 20230802 8월 현대위크 */
.btn-evt-20230802 {display: block; position: absolute; top: 87.2%; left: 0; right: 0; width: 100%; height: 1%;}

/* 20230803 전주가맥 */
.btn-evt-20230803-1 {position: relative; z-index: 2; margin: -32px 16px; padding: 16px 9.2%; background: #fafafa;}
.btn-evt-20230803-2 {position: relative; padding: 0 9.9%; background: #fafafa;}
.btn-evt-20230803-1 a, .btn-evt-20230803-2 a {display: block; width: 100%; padding: 2.4% 0; text-align: center; color: #fff; background: #012c63; font-size: 16px; font-family: "HeadMedium";}
.btn-evt-20230803-1 a.disabled, .btn-evt-20230803-2 a.disabled {background: #9f9f9f;}

/* 20230810 캐스퍼 썸머특자 */
.btn-evt-20230810 {display: block; position: absolute; top: 90.2%; left: 0; right: 0; width: 100%; height: 2%;}
/* 20230810 H 라이센스드 응원 댓글 */
.btn-evt-20230810-2 {display: block; position: absolute; top: 75.8%; left: 0; right: 0; width: 100%; height: 2.6%;}
/* 20230810 프레딧몰 제휴 런칭 */
.btn-evt-20230810-3 {display: block; position: absolute; top: 90%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 20230811 마이현대 싼타페 런칭 기념 */
.btn-evt-20230811 {padding: 20px 30px; background: #3339ff;}
.btn-evt-20230811 a {display: block; width: 100%; height: 52px; line-height: 52px; text-align: center; color: #fff; border-radius: 12px; background: #002C5F; font-size: 16px;}

.btn-evt-share {margin: 16px; text-align: center;}
.btn-evt-share a {display: inline-block; padding: 0 35px; height: 52px; line-height: 52px; text-align: center; color: #fff; border-radius: 12px; background: #002C5F; font-size: 16px;}

/* 20230829 30% 할인쿠폰 */
.btn-evt-20230829 {display: block; position: absolute; top: 82.5%; left: 0; right: 0; width: 100%; height: 3.1%;}

/* 20230830 차박캠핑 */
.btn-evt-20230830 {display: block; position: absolute; top: 88%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 20230901 추석 선물대전 */
.btn-evt-20230901 {display: block; position: absolute; top: 90.2%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 20230805 9월 현대위크 */
.btn-evt-20230905 {display: block; position: absolute; top: 85.8%; left: 0; right: 0; width: 100%; height: 1%;}

/* 20230913 블루링크 스트리밍 X 지니뮤직 콜라보레이션 */
.btn-evt-20230913 {display: block; position: absolute; top: 33%; left: 0; right: 0; width: 100%; height: 3%;}

/* 2023 추석 특별 무상점검 이벤트 */
.event-freecare-20230913 .event-sec1,
.event-freecare-20230913 .event-sec2,
.event-freecare-20230913 .event-sec3 {position: relative;}
.event-freecare-20230913 .event-sec1 a {display: block; position: absolute; top: 73.7%; left: 0; right: 0; width: 100%; height: 3%;}
.event-freecare-20230913 .event-sec2 {padding: 0 13.8%; min-height: 44px; background: url(../images/temp/myhyundai-evt/20230913-freecare_bg.gif) no-repeat center 0; background-size: 100% 100%;}
.event-freecare-20230913 .event-sec2 a {height: 44px; line-height: 44px;}
.event-freecare-20230913 .event-sec3 a {display: block; position: absolute; top: 36%; left: 0; right: 0; width: 100%; height: 14.5%;}

/* 20230914 자동차용품 가을맞이 대축제 */
.btn-evt-20230914 {display: block; position: absolute; top: 81.8%; left: 0; right: 0; width: 100%; height: 2%;}

/* 20230918 피크닉용품 특가전 */
.btn-evt-20230918 {display: block; position: absolute; top: 86.7%; left: 0; right: 0; width: 100%; height: 2%;}

/* 20230919 신차 필수템 */
.btn-evt-20230919 {display: block; position: absolute; top: 82.7%; left: 0; right: 0; width: 100%; height: 2.4%;}

/* 20230926 베네피아 */
.btn-evt-20230926-1 {display: block; position: absolute; top: 30.8%; left: 0; right: 0; width: 100%; height: 0.93%;}
.btn-evt-20230926-2 {display: block; position: absolute; top: 73%; left: 0; right: 0; width: 50%; height: 0.93%;}
.btn-evt-20230926-3 {display: block; position: absolute; top: 73%;  right: 0; width: 50%; height: 0.93%;}
.btn-evt-20230926-4 {display: block; position: absolute; top: 73.98%; left: 0; right: 0; width: 100%; height: 0.8%;}

/* 20230926 한가위 소원빌기 */
.btn-evt-20230926-5 {display: block; position: absolute; top: 85.3%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 20230927 반려용품 */
.btn-evt-20230927-1 {display: block; position: absolute; top: 85.3%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 20230927 테팔 오픈 런 */
.btn-evt-20230927-2 {display: block; position: absolute; top: 88.7%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 20230927 Trendy Hyundai 서비스 오픈 기념 */
.btn-evt-20230927-3 {display: block; position: absolute; top: 33.7%; left: 0; right: 0; width: 100%; height: 3%; }
.btn-evt-20230927-4 {display: block; position: absolute; top: 60.4%; left: 0; right: 0; width: 100%; height: 3%; }

/* 20231010 현대샵 아이폰 15 */
.btn-evt-20231010-1 {display: block; position: absolute; top: 82.4%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 20231011 블루맴버스 삼성페이 */
.btn-evt-20231011-1 {display: block; position: absolute; top: 71%; left: 0; right: 0; width: 100%; height: 3.5%;}

/* 20231013 10월 현대위크 */
.btn-evt-20231013-1 {display: block; position: absolute; top: 84.7%; left: 0; right: 0; width: 100%; height: 0.6%;}

/* 20231013 현대닷컴 차량관리 */
.btn-evt-20231013-2 {display: block; position: absolute; top: 91%; left: 0; right: 0; width: 100%; height: 3.1%;}

/* 20231016 I'm DOgNOR */
.btn-evt-20231016-1 {display: block; position: absolute; top: 21.5%; left: 0; right: 0; width: 100%; height: 7.5%;}
.btn-evt-20231016-2 {display: block; position: absolute; top: 33.6%; left: 0; right: 0; width: 100%; height: 7.5%;}
.btn-evt-20231016-3 {display: block; position: absolute; top: 45.7%; left: 0; right: 0; width: 100%; height: 7.5%;}
.btn-evt-20231016-4 {display: block; position: absolute; top: 94%; left: 0; right: 0; width: 100%; height: 3.1%;}

/* 20231025 SK가스 X 블루멤버스 */
.btn-evt-20231025 {display: block; position: absolute; top: 64.5%; left: 0; right: 0; width: 100%; height: 3.1%;}

/* 20231026 마이현대 신규 기능 오픈 기념 경품 이벤트 */
.btn-evt-20231026-1 {display: block; position: absolute; top: 35%; left: 0; right: 0; width: 100%; height: 1.6%;}
.btn-evt-20231026-2 {display: block; position: absolute; top: 46%; left: 0; right: 0; width: 100%; height: 1.6%;}

/* 20231027 블루멤버스 X 베네피아 제휴 런칭 */
.btn-evt-20231027-1 {display: block; position: absolute; top: 28%; left: 0; right: 0; width: 100%; height: 1.2%;}
.btn-evt-20231027-2 {display: block; position: absolute; top: 75.9%; left: 0; right: 0; width: 50%; height: 1.05%;}
.btn-evt-20231027-3 {display: block; position: absolute; top: 75.9%; right: 0; width: 50%; height: 1.05%;}
.btn-evt-20231027-4 {display: block; position: absolute; top: 77%; left: 0; right: 0; width: 100%; height: 1%;}

/* 현대Shop 블루핸즈 11월 혜택  이벤트 */
.btn-evt-20231027 {display: block; position: absolute; top: 86%; left: 0; right: 0; width: 100%; height: 3%;}

/* H-ear 이벤트 */
.btn-evt-20231031 {display: block; position: absolute; top: 70.7%; left: 0; right: 0; width: 100%; height: 3%;}

/* 현대Shop 코리아 세일페스타 이벤트 */
.btn-evt-20231106 {display: block; position: absolute; top: 82.3%; left: 0; right: 0; width: 100%; height: 3%;}

/* 현대Shop 상용차 부품할인 프로모션 */
.btn-evt-20231109 {display: block; position: absolute; top: 44%; left: 0; right: 0; width: 100%; height: 5.5%;}

/* 앱 어워드 코리아 2023 올해의 앱 */
.btn-evt-20231116-1 {display: block; position: absolute; top: 74.9%; left: 0; right: 0; width: 100%; height: 2.1%;}
.btn-evt-20231116-2 {display: block; position: absolute; top: 77.1%; left: 0; right: 0; width: 100%; height: 2.1%;}

/* 2023 블루멤버스 연말 감사 */
.btn-evt-20231123 {display: block; position: absolute; top: 51.8%; left: 0; right: 0; width: 100%; height: 2.1%;}

/* H Licensed Accessories 브랜드 혜택전 */
.btn-evt-20231128-1 {display: block; position: absolute; top: 48.5%; left: 0; right: 0; width: 100%; height: 9%;}
.btn-evt-20231128-2 {display: block; position: absolute; top: 57.7%; left: 0; right: 0; width: 100%; height: 9%;}
.btn-evt-20231128-3 {display: block; position: absolute; top: 66.9%; left: 0; right: 0; width: 100%; height: 9%;}
.btn-evt-20231128-4 {display: block; position: absolute; top: 76.1%; left: 0; right: 0; width: 100%; height: 9%;}
.btn-evt-20231128-5 {display: block; position: absolute; top: 86.5%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* H Licensed Accessories 브랜드 혜택전 */
.btn-evt-20231128 {display: block; position: absolute; top: 91.2%; left: 0; right: 0; width: 100%; height: 0.6%;}

/*블루멤버스 WEEK */
.btn-evt-20231129-1 {display: block; position: absolute; top: 73.5%; left: 0; width: 50%; height: 1.4%;}
.btn-evt-20231129-2 {display: block; position: absolute; top: 73.5%; right: 0; width: 50%; height: 1.4%;}
.btn-evt-20231129-3 {display: block; position: absolute; top: 86.8%; left: 0; right: 0; width: 100%; height: 1.6%;}

/* TOUSON Dynamic Winter Land */
.btn-evt-20231201 {display: block; position: absolute; top: 64%; left: 0; right: 0; width: 100%; height: 3%;}

/* 12월 현대위크 */
.btn-evt-20231206 {display: block; position: absolute; top: 84.6%; left: 0; right: 0; width: 100%; height: 1%;}

/* 스노우패스 */
.btn-evt-20231214 {display: block; position: absolute; top: 87.4%; left: 0; right: 0; width: 100%; height: 3%;}

/* 2024 새해맞이 슬기로운 내 차 관리 */
.btn-evt-20231222 {display: block; position: absolute; top: 90.8%; left: 0; right: 0; width: 100%; height: 1.6%;}

/* 2024 COUNTDOWN - Wish */
.btn-evt-20231222-2 {display: block; position: absolute; top: 63.8%; left: 0; right: 0; width: 100%; height: 3.6%;}
.btn-evt-20231222-3 {display: block; position: absolute; top: 83.8%; left: 0; right: 0; width: 100%; height: 3.6%;}

/* 20241229 2024년도 마이현대와 함께 슬기로운 운전생황! */
.btn-evt-20231229-1 {display: flex; align-items: center; justify-content: center; position: absolute; top: 48.8%; left: 6.9%; right: 0; width: calc(100% - (6.9% * 2)); height: 2.4%; text-align: center; font-size: 20px; font-family:"HeadBold"; color: #fff; background-color: #000;}
.btn-evt-20231229-2 {display: flex; align-items: center; justify-content: center; position: absolute; top: 66.9%; left: 6.9%; right: 0; width: calc(100% - (6.9% * 2)); height: 2.4%; text-align: center; font-size: 20px; font-family:"HeadBold"; color: #fff; background-color: #000;}
.btn-evt-20231229-1.disabled {pointer-events: none; background-color: #ccc;}
.btn-evt-20231229-2.disabled {pointer-events: none; background-color: #ccc;}

/* 현대자동차 블루멤버스 신년 이벤트 */
.btn-evt-20240111 {display: block; position: absolute; top: 36.6%; left: 0; right: 0; width: 100%; height: 1.8%;}

/* 2024 설 특별 무상점검 이벤트 - 20221230 */
.event-newyearFree-20221230 {}
.event-newyearFree-20221230 .event-sec1,
.event-newyearFree-20221230 .event-sec2 {position: relative;}
.event-newyearFree-20221230 .event-sec1 a {position: absolute; width: 100%; height: 2.8%; top: 67%; left: 50%; transform: translateX(-50%);}
.event-newyearFree-20221230 .event-sec2 {padding: 0 13.8% 5px; min-height: 54px; background: url(../images/temp/myhyundai-evt/2024_newyear_free_bgBtn.png) no-repeat center 0; background-size: 100% 100%;}

/* 설맞이 프로모션 */
.btn-evt-20240122 {display: block; position: absolute; top: 87.5%; left: 0; right: 0; width: 100%; height: 1.8%;}

/* 2024 EV 미리 계약 */
.btn-evt-20240123-1 {display: block; position: absolute; top: 58.9%; left: 0; right: 0; width: 100%; height: 2.6%;}
.btn-evt-20240123-2 {display: block; position: absolute; top: 85.5%; left: 0; right: 0; width: 100%; height: 2.6%;}

/* 2024 Winter Week Driving eXperience */
.btn-evt-20240129 {display: block; position: absolute; top: 66.3%; left: 0; right: 0; width: 100%; height: 2.6%;}

/* H-ear 24년 2월 신규 회원 이벤트 */
.btn-evt-20240129-2 {display: block; position: absolute; top: 70.6%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 2월 신차 구매 혜택 -> 2025 2월 트레이드 혜택*/
.btn-evt-20240130 {display: block; position: absolute; top: 98%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 자동차용품 귀성길 특가 */
.btn-evt-20240208-1 {display: block; position: absolute; top: 84.5%; left: 0; right: 0; width: 100%; height: 2.6%;}

/* 2월 현대위크 */
.btn-evt-20240208-2 {display: block; position: absolute; top: 85.5%; left: 0; right: 0; width: 100%; height: 1.1%;}

/* 프로텍트 매트 패키지 15% 할인 */
.btn-evt-20240216 {display: block; position: absolute; top: 80%; left: 0; right: 0; width: 100%; height: 4%;}

/* Driving eXperience */
.btn-evt-20240227 {display: block; position: absolute; top: 77%; left: 0; right: 0; width: 100%; height: 4.5%;}

/* Driving eXperience */
.btn-evt-20240229-1 {display: block; position: absolute; top: 32%; left: 0; right: 0; width: 100%; height: 2.6%;}
.btn-evt-20240229-2 {display: block; position: absolute; top: 74.6%; left: 0; right: 0; width: 100%; height: 2.6%;}

/* 3월 신차 구매 혜택 */
.btn-evt-20240229 {display: block; position: absolute; top: 97%; left: 0; right: 0; width: 100%; height: 1.5%;}

/* H-ear 3월 신규 회원 */
.btn-evt-20240229-3 {display: block; position: absolute; top: 70.5%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* H-ear 3월 현대위크 */
.btn-evt-20240305 {display: block; position: absolute; top: 83.3%; left: 0; right: 0; width: 100%; height: 1.4%;}

/* 국가대표 축구경기 티켓 증정 이벤트 */
.btn-evt-20240306 {display: block; position: absolute; top: 80.3%; left: 0; right: 0; width: 100%; height: 6.4%;}

/* 자동차용품 봄 페스티벌 */
.btn-evt-20240306-2 {display: block; position: absolute; top: 80.3%; left: 0; right: 0; width: 100%; height: 2.6%;}

/* 슬기로운 전기차 생활 */
.btn-evt-20240312 {display: block; position: absolute; top: 79.8%; left: 0; right: 0; width: 100%; height: 2.7%;}

/* SUV 루프탑 장착용품 할인전 */
.btn-evt-20240320 {display: block; position: absolute; top: 82.1%; left: 0; right: 0; width: 100%; height: 2.7%;}

/* SUV 루프탑 장착용품 할인전 */
.btn-evt-20240321 {display: block; position: absolute; top: 59.1%; left: 0; right: 0; width: 100%; height: 5.7%;}

/* 베네피아 -> 블루멤버스 포인트 전환 */
.btn-evt-20240322 {display: block; position: absolute; top: 53.1%; left: 0; right: 0; width: 100%; height: 1.2%;}

/* 자동차 용품 봄 세차 준비 시작! */
.btn-evt-20240325 {display: block; position: absolute; top: 83.5%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* 캐스퍼 헬스 케어 클럽 */
.btn-evt-20240328 {display: block; position: absolute; top: 85.5%; left: 0; right: 0; width: 100%; height: 3.6%;}

/* 4월 신차 구매 혜택 */
.btn-evt-20240402 {display: block; position: absolute; top: 66.8%; left: 0; right: 0; width: 100%; height: 3.6%;}

/* 어린이 통학차량 케어서비스 */
.btn-evt-20240403-1 {display: block; position: absolute; top: 73.8%; left: 0; right: 0; width: 100%; height: 8.7%;}

/* 4월 현대위크 */
.btn-evt-20240403-2 {display: block; position: absolute; top: 86.2%; left: 0; right: 0; width: 100%; height: 1.3%;}

/* 휠핑 | IONIQ5 어린이 모험단 */
.btn-evt-20240408 {display: block; position: absolute; top: 98.4%; left: 0; right: 0; width: 100%; height: 1.1%;}

/* 블루시네마 시즌1 */
.btn-evt-20240411 {display: block; position: absolute; top: 79.4%; left: 0; right: 0; width: 100%; height: 2.9%;}

/* 본투로드 브랜드위크 */
.btn-evt-20240422 {display: block; position: absolute; top: 83.4%; left: 0; right: 0; width: 100%; height: 3.9%;}

/* 보호필름 혜택전 */
.btn-evt-20240423 {display: block; position: absolute; top: 84.4%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* 5월 현대위크 */
.btn-evt-20240430 {display: block; position: absolute; top: 86.5%; left: 0; right: 0; width: 100%; height: 1.1%;}

/* 5월 신차 구매 혜택 */
.btn-evt-20240502 {display: block; position: absolute; top: 70.1%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 5월 현대 Shop Super Sale */
.btn-evt-20240503-1 {display: block; position: absolute; top: 82%; left: 0; right: 0; width: 100%; height: 4.5%;}

/* Hi, EV 페이지 공유 이벤트 */
.btn-evt-20240503-2 {display: block; position: absolute; top: 84%; left: 0; right: 0; width: 100%; height: 3%;}

/* 5월 가정의달 감사 이벤트 */
.btn-evt-20240507 {display: block; position: absolute; top: 80.5%; left: 0; right: 0; width: 100%; height: 3%;}

/* 베네피아 포인트 전환 이벤트 */
.btn-evt-20240507-1 {display: block; position: absolute; top: 25%; left: 0; right: 0; width: 100%; height: 2.5%;}
.btn-evt-20240507-2 {display: block; position: absolute; top: 28.2%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 슬기로운 전기차 생활 */
.btn-evt-20240508 {display: block; position: absolute; top: 74.8%; left: 0; right: 0; width: 100%; height: 3%;}

/* 픽업앤충전 전국투어 */
.btn-evt-20240508-1 {display: block; position: absolute; top: 78%; left: 0; right: 0; width: 100%; height: 3%;}

/* 현대셀렉션 앱 리뉴얼 */
.btn-evt-20240516-1 {display: block; position: absolute; top: 83.5%; left: 0; right: 0; width: 100%; height: 3.7%;}

/* 현대Shop 차박캠핑&레저 */
.btn-evt-20240516-2 {display: block; position: absolute; top: 83.2%; left: 0; right: 0; width: 100%; height: 2%;}

/* H라이엔스드 브랜드 페스티벌 */
.btn-evt-20240513 {display: block; position: absolute; top: 87.1%; left: 0; right: 0; width: 100%; height: 2%;}

/* 내 차 첫돌 쿠폰 이벤트 */
.btn-evt-20240528 {display: block; position: absolute; top: 76.2%; left: 0; right: 0; width: 100%; height: 5%;}

/* 내 차 첫돌 쿠폰 이벤트 */
.btn-evt-20240530 {display: block; position: absolute; top: 69.2%; left: 0; right: 0; width: 100%; height: 3%;}

/* 슬기로운 전기차 생활 */
.btn-evt-20240530-1 {display: block; position: absolute; top: 77.2%; left: 0; right: 0; width: 100%; height: 3.7%;}

/* 블루멤버스 X 금호타이어 */
.btn-evt-20240610 {display: block; position: absolute; top: 85.2%; left: 0; right: 0; width: 100%; height: 3.3%;}

/* 6월 현대위크 */
.btn-evt-20240610-2 {display: block; position: absolute; top: 85.6%; left: 0; right: 0; width: 100%; height: 1.3%;}

/* 블루멤버스 X H.point */
.btn-evt-20240617 {display: block; position: absolute; top: 84.8%; left: 0; right: 0; width: 100%; height: 2.7%;}

/* 여름철 차량관리 */
.btn-evt-20240619 {display: block; position: absolute; top: 87.7%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* 2024 여름 특별 무상점검 이벤트 - 20221230 */
.event-summerFree-20240620 .event-sec1,
.event-summerFree-20240620 .event-sec2,
.event-summerFree-20240620 .event-sec3 {position: relative;}
.event-summerFree-20240620 .event-sec1 a {position: absolute; width: 100%; height: 3%; top: 66.5%; left: 0; right: 0;}
.event-summerFree-20240620 .event-sec3 a {position: absolute; width: 100%; height: 14.4%; top: 28%; left: 0; right: 0;}
.event-summerFree-20240620 .event-sec2 {padding: 0 13.8% 5px; min-height: 54px; background: url(../images/temp/myhyundai-evt/2024_newyear_free_bgBtn.png) no-repeat center 0; background-size: 100% 100%;}
.event-summerFree-20240620 .event-sec2 .btn.c1 {background: #013469;}
.event-summerFree-20240620 .event-sec2 .btn.c6 {background: #d1d2d4; color: #595A5C; font-size: 15px;} 

/* CASPER Electiric 얼리뷰(Early-View) 알림 신청 */
.btn-evt-20240624-1 {display: block; position: absolute; top: 62.1%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* 현대 SUV 오리지널 어드벤처 */
.btn-evt-20240624-2 {display: block; position: absolute; top: 73%; left: 0; right: 0; width: 100%; height: 2.4%;}
.btn-evt-20240624-3 {display: block; position: absolute; top: 13.5%; left: 0; right: 0; width: 100%; height: 4.7%;}

/* 내 차의 첫돌을 축하해! */
.btn-evt-20240625 {display: block; position: absolute; top: 76%; left: 0; right: 0; width: 100%; height: 4.8%;}

/*오.공.구 챌린지 */
.btn-evt-20240625-1 {display: block; position: absolute; top: 27%; left: 0; right: 0; width: 100%; height: 2.6%;}
.btn-evt-20240625-2 {display: block; position: absolute; top: 65.8%; left: 0; right: 0; width: 100%; height: 2.4%;}
.btn-evt-20240625-3 {display: block; position: absolute; top: 69.1%; left: 0; right: 0; width: 100%; height: 2.4%;}

/*블루멤버스 신규 제휴처 스타코프 런칭 기념 프로모션 */
.btn-evt-20240625-4 {display: block; position: absolute; top: 78.4%; left: 0; right: 0; width: 100%; height: 4.6%;}
.btn-evt-20240625-5 {display: block; position: absolute; top: 84.2%; left: 0; right: 0; width: 100%; height: 4.6%;}

/* Bluemembers X 경주월드 제휴 런칭 프로모션 */
.btn-evt-20240626-1 {display: block; position: absolute; top: 49.7%; left: 0; right: 0; width: 100%; height: 1.6%;}

/* 불스원 브랜드위크" */
.btn-evt-20240626-2 {display: block; position: absolute; top: 80.2%; left: 0; right: 0; width: 100%; height: 4.8%;}

/* 캐스퍼 일렉트릭 AI그리기 대회" */
.btn-evt-20240627 {display: block; position: absolute; top: 58.2%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 운전결심 앱 이벤트 20240627 */
.drevt_youtube8 {position:absolute; width:100%; height:6.5%; bottom:34.2%; left:50%; transform:translateX(-50%);}
.youtube8_btn.a1{position:absolute;left:0;width:50%;height:1.8%;bottom:12.7% ;display: block;}
.youtube8_btn.a2{position:absolute;left:50%;width:50%;height:1.8%;bottom:12.7% ;display: block;}

/* 자동차용품 썸머페스타" */
.btn-evt-20240627-2 {display: block; position: absolute; top: 80%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 7월 신차 구매 혜택" */
.btn-evt-20240628 {display: block; position: absolute; top: 69.1%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 7월 현대위크" */
.btn-evt-20240701 {display: block; position: absolute; top: 84.7%; left: 0; right: 0; width: 100%; height: 1.2%;}

/* CASPER Electric 출시기념 */
.btn-evt-20240703 {display: block; position: absolute; top: 86.5%; left: 0; right: 0; width: 100%; height: 2.7%;}

/* 캐스퍼 일렉트릭 사전계약 시작 */
.btn-evt-20240708 {display: block; position: absolute; top: 88.7%; left: 0; right: 0; width: 100%; height: 8.7%;}

/* Trendy Hyundai 3분기 */
.btn-evt-20240709-1 {display: block; position: absolute; top: 67%; left: 0; right: 0; width: 100%; height: 5.7%;}
.btn-evt-20240709-2 {display: block; position: absolute; top: 74.6%; left: 0; right: 0; width: 100%; height: 5.7%;}

/* 마이 현대 자동차 보험 만기 알림 등록 */
.btn-evt-20240711 {display: block; position: absolute; top: 29.4%; left: 0; right: 0; width: 100%; height: 2.5%;}

/* 블루시네마 시즌2 */
.btn-evt-20240712 {display: block; position: absolute; top: 83.3%; left: 0; right: 0; width: 100%; height: 2.9%;}

/* shop = 여름 메가세일 */
.btn-evt-20240724-1 {display: block; position: absolute; top: 61.3%; left: 0; right: 0; width: 100%; height: 2.9%;}
.btn-evt-20240724-2 {display: block; position: absolute; top: 81.5%; left: 0; right: 0; width: 100%; height: 2.9%;}

/* 베네피아 3분기 */
.btn-evt-20240726-1 {display: block; position: absolute; top: 22.75%; left: 0; right: 0; width: 100%; height: 2%;}
.btn-evt-20240726-2 {display: block; position: absolute; top: 24.8%; left: 0; right: 0; width: 100%; height: 2%;}
.btn-evt-20240726-3 {display: block; position: absolute; top: 66.9%; left: 0; right: 0; width: 100%; height: 1.9%;}
.btn-evt-20240726-4 {display: block; position: absolute; top: 68.9%; left: 0; right: 0; width: 100%; height: 1.9%;}

/* 전기차와 떠나는 여름 차박캠핑 */
.btn-evt-20240801 {display: block; position: absolute; top: 85.5%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* 8월 현대 더블위크 */
.btn-evt-20240806 {display: block; position: absolute; top: 80%; left: 0; right: 0; width: 100%; height: 2%;}

/* 메이튼 브랜드위크 */
.btn-evt-20240808 {display: block; position: absolute; top: 78.7%; left: 0; right: 0; width: 100%; height: 2.8%;}

/* Meet The N */
.btn-evt-20240812 {display: block; position: absolute; top: 81%; left: 0; right: 0; width: 100%; height: 2.6%;}

/* 2023 추석 특별 무상점검 이벤트 */
.event-freecare-20240819 .event-sec1,
.event-freecare-20240819 .event-sec2,
.event-freecare-20240819 .event-sec3 {position: relative;}
.event-freecare-20240819 .event-sec1 a {display: block; position: absolute; top: 67%; left: 0; right: 0; width: 100%; height: 3%;}
.event-freecare-20240819 .event-sec2 {padding: 0 13.8%; min-height: 44px; background: url(../images/temp/myhyundai-evt/20240819-freecare-bg.gif) no-repeat center 0; background-size: 100% 100%;}
.event-freecare-20240819 .event-sec2 a {height: 44px; line-height: 44px;}
.event-freecare-20240819 .event-sec2 .btn.c6 {background-color: #d1d2d4; color: #57585a;}
.event-freecare-20240819 .event-sec3 a {display: block; position: absolute; top: 30.6%; left: 0; right: 0; width: 100%; height: 14.5%;}

/* 9월 현대 더블위크 */
.btn-evt-20240821 {display: block; position: absolute; top: 78.2%; left: 0; right: 0; width: 100%; height: 2%;}

/* 아모레퍼시픽 런칭 기념 추가 적립 프로모션 */
.btn-evt-20240822 {display: block; position: absolute; top: 81.2%; left: 0; right: 0; width: 100%; height: 3.6%;}

/* 에어컨 필터 교체 어텀? */
.btn-evt-20240823 {display: block; position: absolute; top: 59.4%; left: 0; right: 0; width: 100%; height: 5.4%;}

/* 싼타페&팰리세이드 신차 용품 SALE */
.btn-evt-20240826 {display: block; position: absolute; top: 84.4%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 마이현대 세차 리뉴얼 EVENT */
.btn-evt-20240827 {display: block; position: absolute; top: 75.1%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 현대 EV 전략 트림 */
.btn-evt-20240904 {display: block; position: absolute; top: 69.7%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 넥센타이어몰 런칭 */
.btn-evt-20240912 {display: block; position: absolute; top: 83.7%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 수소/전기차 구매보조금 조회(1억대 생산기념) */
.btn-evt-20240919 {display: block; position: absolute; top: 72.8%; left: 0; right: 0; width: 100%; height: 5.2%;}
.btn-evt-20240919-wrap {background-color: #002958; padding: 12px 4.4444%;}
.btn-evt-20240919-wrap a {display: block; padding: 12.5px 0; border-radius: 12px; font-family: "HeadRegular"; font-size: 18px; text-align: center;}
.btn-evt-20240919-wrap .disabled {}
.btn-evt-20240919-1 {margin-bottom: 24px; background-color: #00AAD2; color: #fff}
.btn-evt-20240919-1.disabled {opacity: .3; pointer-events: none;}
.btn-evt-20240919-2 {margin-top: 24px; background-color: #fff; color: #00AAD2}

/* 2024 상용차 부품할인 프로모션 */
.btn-evt-20240925 {display: block; position: absolute; top: 78.5%; left: 0; right: 0; width: 100%; height: 4.8%;}

/* 1억대 생산 기념 블루멤버스 고객감사제 */
.btn-evt-20240925-2 {display: block; position: absolute; top: 66.5%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 10월 현대 더블위크 */
.btn-evt-20241007 {display: block; position: absolute; top: 78.1%; left: 0; right: 0; width: 100%; height: 2%;}

/* 모두투어 신규 제휴처 런칭 */
.btn-evt-20241008 {display: block; position: absolute; top: 73.3%; left: 0; right: 0; width: 100%; height: 3.7%;}
.btn-evt-20241010 {display: block; position: absolute; top: 72.3%; left: 0; right: 0; width: 100%; height: 3.7%;}

/* 베네피아 4분기 */
.btn-evt-20241010-1 {display: block; position: absolute; top: 52.5%; left: 0; right: 0; width: 100%; height: 2.9%;}

/* 1억대 생산 기념 블루멤버스 고객감사제 */
.btn-evt-20241021 {display: block; position: absolute; top: 75.2%; left: 0; right: 0; width: 100%; height: 3.2%;}

/* 현대셀렉션 가을맞이 할인 프로모션 */
.btn-evt-20241031-1 {display: block; position: absolute; top: 84%; left: 0; right: 0; width: 100%; height: 2.2%;}
.btn-evt-20241031-2 {display: block; position: absolute; top: 87.3%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 11월 이벤트 */
.btn-evt-20241101 {display: block; position: absolute; top: 72.8%; left: 0; right: 0; width: 100%; height: 5.2%;}
.btn-evt-20241101-wrap {background-color: #efebe2; padding: 12px 4.4444%;}
.btn-evt-20241101-wrap a {display: block; padding: 12.5px 0; border-radius: 12px; font-family: "HeadRegular"; font-size: 18px; text-align: center;}
.btn-evt-20241101-wrap .disabled {}
.btn-evt-20241101-1 {margin-bottom: 24px; background-color: #aa3d1b; color: #fff}
.btn-evt-20241101-1.disabled {opacity: .3; pointer-events: none;}
.btn-evt-20241101-2 {margin-top: 24px; background-color: #fff; color: #aa3d1b}

/* 현대닷컴 구매 후기 페이지 리뉴얼 기념 이벤트 */
.btn-evt-20241104 {display: block; position: absolute; top: 66.3%; left: 0; right: 0; width: 100%; height: 2.2%;}

/* 블루멤버스 X 신라면세점 */
.btn-evt-20241108 {display: block; position: absolute; top: 89.6%; left: 0; right: 0; width: 100%; height: 2.4%;}

/* 캐스퍼 소셜 클럽 */
.btn-evt-20241118 {display: block; position: absolute; top: 51%; left: 0; right: 0; width: 100%; height: 4.3%;}

/* 마이현대 대리.딜리버리 할인 이벤트 */
.btn-evt-20241127-wrap {display: block; position: absolute; top: 67.8%; left: 0; right: 0; width: 100%; padding: 0 4.4444%;}
.btn-evt-20241127-wrap a {display: block; padding: 12.5px 0; border-radius: 12px; font-family: "HeadRegular"; font-size: 18px; text-align: center;}
.btn-evt-20241127 {background-color: #0d744d; color: #fff}
.btn-evt-20241127.disabled {opacity: .3; pointer-events: none;}
.btn-evt-20241127.complete {background-color: #fff; color: #0d744d}

/* 아모레퍼시픽 추가 적립 이벤트 */
.btn-evt-20241129 {display: block; position: absolute; top: 75.5%; left: 0; right: 0; width: 100%; height: 4.2%;}

/* The all-new PALISADE */
.btn-evt-20241218 {display: block; position: absolute; top: 65.8%; left: 0; right: 0; width: 100%; height: 3.7%;}

/* 모두투어 새해맞이 */
.btn-evt-20241224 {display: block; position: absolute; top: 76%; left: 0; right: 0; width: 100%; height: 3.7%;}

/* 운전결심 2025 */
.youtube8_btn.a3{position:absolute;left:0;width:50%;height:1.2%;bottom:27.7% ;display: block;}
.youtube8_btn.a4{position:absolute;left:50%;width:50%;height:1.2%;bottom:27.7% ;display: block;}

/* 현대셀렉션 제네시스 20241227 */
.btn-evt-20241227-1 {display: block; position: absolute; top: 74%; left: 0; right: 0; width: 100%; height: 2.0%;}
.btn-evt-20241227-2 {display: block; position: absolute; top: 76.2%; left: 0; right: 0; width: 100%; height: 2.0%;}

/* 2025 설 특별 무상점검 이벤트 */
.event-freecare-20241227 .event-sec1,
.event-freecare-20241227 .event-sec2,
.event-freecare-20241227 .event-sec3 {position: relative;}
.event-freecare-20241227 .event-sec1 a {display: block; position: absolute; top: 64.8%; left: 0; right: 0; width: 100%; height: 3%;}
.event-freecare-20241227 .event-sec2 {padding: 0 9.4%; min-height: 44px; background: #fff; background-size: 100% 100%;}
.event-freecare-20241227 .event-sec2 a {height: 44px; line-height: 44px;}
.event-freecare-20241227 .event-sec2 .btn.c6 {background-color: #d1d2d4; color: #fff;}
.event-freecare-20241227 .event-sec3 a {display: block; position: absolute; top: 30.6%; left: 0; right: 0; width: 100%; height: 14.5%;}

/* 2025 DB손해보험 이벤트 */
.event-freecare-20250116 .event-sec1,
.event-freecare-20250116 .event-sec2,
.event-freecare-20250116 .event-sec3 {position: relative;}
.event-freecare-20250116 .event-sec1 a {display: block; position: absolute; top: 64.8%; left: 0; right: 0; width: 100%; height: 3%;}
.event-freecare-20250116 .event-sec2 {padding: 0 9.4%; min-height: 60px; background: #ade5c2; background-size: 100% 100%;}
.event-freecare-20250116 .event-sec2 a {height: 44px; line-height: 44px;}
.event-freecare-20250116 .event-sec2 .btn.c6 {background-color: #d1d2d4; color: #ade5c2;}

/* 2025 KT 할인 이벤트 */
.btn-evt-20250123-1 {display: block; position: absolute; top: 43%; left: 0; right: 0; width: 100%; height: 2.9%;}

/* 블루멤버스X모두투어 봄 이벤트 */
.btn-evt-20250310 {display: block; position: absolute; top: 75.5%; left: 0; right: 0; width: 100%; height: 3.7%;}

/* 2025 블루멤버스 포인트 전환 이벤트 */
.btn-evt-20250428 {display: block; position: absolute; top: 48.7%; left: 0; right: 0; width: 100%; height: 2.6%;}

/*============================================================
'font-big' contents
=============================================================*/
body.font-big { font-size:17px; }
body.font-big section .header .tit { font-size:19px; }  
body.font-big section .header .stit { font-size:17px; }  
body.font-big section .header.type3 .value { font-size:15px; }
body.font-big section .sub {font-size:15px;}
body.font-big .win-pop-wrap .header.type3 .value2.type3 { top:8px; }
body.font-big section .header.type4 .check { top:50%; }
body.font-big #header .main-title a { font-size:20px; }
body.font-big #header .sub-title span {font-size:21px;}
body.font-big #header .detail {font-size:14px;}
body.font-big #nav ul li { font-size:12px; }
body.font-big #pop-header .pop-title,
body.font-big .pop-header .pop-title { font-size:21px; }
body.font-big #pop-container .setting.inner,
body.font-big .pop-container .setting.inner { padding:0 16px; }
body.font-big #pop-container h2,
body.font-big .pop-container h2 { font-size:19px; }
body.font-big section.mlr0wrap .header .small {font-size:15px;}


body.font-big .tabs .tab, body.font-big .list-tabs li { padding:0 14px; }
body.font-big .tabs .tab:first-child { padding-left:0; }
body.font-big .mypoint-info .mypoint-header + .point { margin-top:4px; }
body.font-big .mypoint-info .mypoint-header .hpf-badge {top:50%; font-size:10px;}
body.font-big .sub-main-header .inner { padding:32px 22px; }
body.font-big .sub-main-header .total { margin-top:4px; }
body.font-big .sub-main-header .point { margin-top:4px; }
body.font-big .point-card .card-name { font-size:19px; }
body.font-big .setting-list li { background-position:-5px 5px; }
body.font-big .setting-list.ui-sortable li .sort-handle { background-position:-5px 0; }
body.font-big .list-header .tit { font-size:18px; letter-spacing:-0.8px; }
body.font-big .layer-pop-body { font-size:15px; }
body.font-big .layer-pop-body .tit { font-size:20px; }
body.font-big .layer-pop-body p.location-agree {font-size: 17px;}
body.font-big .layer-pop-body.type3 {padding:20px 32px; font-size:16px;}
body.font-big .layer-pop-body.type4 {font-size:16px;}
body.font-big .layer-pop-body.type3 .bl-list { margin-top:20px; font-size:15px;}
body.font-big .layer-pop-body.type5 p {font-size:16px;}
body.font-big .layer-pop-body.type5 .gray {font-size:14px;}
body.font-big .layer-pop-body.type7 {font-size: 16px;}
body.font-big .layer-pop-body.type7 li {font-size: 16px;}

body.font-big .pop-num-slide .content .sub {font-size:14px;}
body.font-big .info-pop-list h2 {font-size: 19px;}
body.font-big .info-pop-list p {font-size: 15px;}
body.font-big .notice-s .layer-pop-body p {font-size: 15px;}
body.font-big .notice-s .layer-pop-body .inspec-period .tit {font-size: 15px;}
body.font-big .notice-s .layer-pop-body .inspec-period .period {font-size: 17px;}
body.font-big .pop-listflex .flex-container {font-size:15px;}


body.font-big .date, body.font-big .mileage, body.font-big .txt-sm, body.font-big .day { font-size:15px; }
body.font-big .mb-logout ul li { font-size:15px; }
body.font-big .sub-nav li { font-size:17px; }
body.font-big .tag-btns { padding:16px 22px; }
body.font-big .tag-btns .tag { padding:8px 10px 7px; font-size:15px; border-radius:20px; }
body.font-big .error-box .error-txt { font-size:15px; }
body.font-big .dkey-check .error-txt {font-size:15px; }
body.font-big .input-box.select-btn.type2.error-box + .error-txt {font-size:15px;}
body.font-big .dkey-check .error-box .error-txt {background: url(../images/common/ic_error.svg) no-repeat 0 12px;}
body.font-big .empty-msg { font-size:21px; }
body.font-big .empty-msg.type2 { font-size:23px;}
body.font-big .empty-msg .btn { font-size:15px; }
body.font-big .empty-user { font-size:15px; }
body.font-big .instant-msg p { font-size:15px; }

body.font-big .form-item dt { font-size:17px; line-height:inherit; }
body.font-big section.chservice .form-item dt { font-size:19px; line-height:inherit; }
body.font-big .form-item.type5 dt { font-size:19px; }
body.font-big .form-item.type8 dt { font-size:17px; }
body.font-big .form-item.type8 .info-popic {margin-top:-2px;}
body.font-big .radio-basic label { font-size:17px; }
body.font-big .check-basic label { font-size:17px; }
body.font-big .checkbox-wrap label { font-size:17px; }
body.font-big .check-status li .value { padding-top:3px; font-size:14px; }
body.font-big .check-allbox input + label {font-size:17px;}
body.font-big .form-item .form-list .check-basic label {font-size:14px;}

body.font-big input, body.font-big select, body.font-big textarea, body.font-big button { font-size:17px; }
body.font-big input[type="text"], body.font-big input[type="password"], body.font-big input[type="number"], body.font-big input[type="tel"] { padding:0 34px 0 10px; font-size:17px; }
body.font-big .range-datepicker input { padding:0 10px; }
body.font-big .ui-datepicker-title { font-size:19px; }
body.font-big .ui-datepicker td span, body.font-big .ui-datepicker td a { font-size:14px; }
body.font-big .select-btn { padding:14px; }
body.font-big .step-list li { font-size:16px; }
body.font-big .select-box.type2 li label.multiline > span:not(.name) { font-size:15px; }
body.font-big .select-box.type4 li ul li { font-size:15px; }
body.font-big .select-box.type5 li ul li { font-size:15px; }

body.font-big .scrollarea { font-size:15px; }
body.font-big .info-txt { font-size:17px; }
body.font-big .zip-wrap .search-result .items { font-size:15px; }
body.font-big .basic-list .unit { font-size:15px; }
body.font-big .badge { height:auto; min-height:21px; padding:2px 7px; font-size:12px; border-radius:11px; }
body.font-big .discount-badge { height:auto; min-height:21px; padding:2px 7px; font-size:12px; border-radius:11px; }
body.font-big .notice-txt { font-size:15px; }
body.font-big .list-counter { font-size:15px; }
body.font-big .list-counter.type2 { font-size:17px; }
body.font-big .myHyundai-user .id { font-size:13px; }
body.font-big .hpf-badge{ font-size:12px; border-radius:11px;}
body.font-big .myHyundai-user .user-link {padding: 20px 30px;}
body.font-big .myHyundai-user .slick-dotted .user-link {padding-bottom:36px;}
body.font-big .myHyundai-user .light {/*font-size:15px;*/ }
body.font-big .myHyundai-user .hloginbtn { font-size:15px; margin-top:7px; line-height:1.2;}
body.font-big .myHyundai-user .usercar.light { font-size:27px; }
body.font-big .myHyundai-user .carinfo { font-size:14px; }
body.font-big .myHyundai-user .color5 {font-size:15px;}
body.font-big .myHyundai-user .dkeybtn {top:16px;}
body.font-big .carousel-wrap .keyPaging {font-size:15px; border-radius:10px;}


body.font-big .notice p { height:auto; line-height:inherit; }
body.font-big .tips-caution { font-size:15px; background-position:0 4px; }
body.font-big .tips-title {font-size:15px;}
body.font-big .editor-group .editor-layer { top:43px; font-size:14px; }
body.font-big .editor-group .editor-btn { top:12px; }
body.font-big .rej-comment { font-size:14px; }

body.font-big .accordion .header .flex-container .str { font-size:19px; }
body.font-big .accordion .header.type2 .tit-wrap .desc { font-size:15px; }
body.font-big .accordion .header.type2 .tit-wrap .tit { font-size:17px; }
body.font-big .accordion-list .accordion { margin:0 22px; }
body.font-big .accordion-list .accordion .header .tit { font-size:17px; }
body.font-big .accordion-list .accordion .article { font-size:15px; }
body.font-big .accordion-list.faq .accordion .article .tag-area .tag { font-size:15px; }
body.font-big .accordion-list.faq .accordion .article .link { font-size:15px; }

body.font-big .card-select .card-info .card-title h2 { font-size:17px; }
body.font-big .card-select .barcode span.name { font-size:15px; }
body.font-big .card-select .barcode span.number { font-size:15px; }

body.font-big .product-detail-wrap .item-header .tit { font-size:19px; }
body.font-big .product-list .item .figure-info .title { font-size:17px; }
body.font-big .product-list .item .figure-info .info { font-size:15px; }
body.font-big .product-list .item .figure-info .point { font-size:19px; }
body.font-big .product-list .item .figure-info .discount { font-size:17px; }

body.font-big .select-btn.thumb .thumbnail-select div.card-name span { font-size:15px; }
body.font-big .Benefits-detail .flex-container > p.value { width:100%; font-size:15px; }

body.font-big .progressbar span { font-size:15px; }
body.font-big .progressbar p[data-value]:after { font-size:15px; }
body.font-big .link-block { font-size:15px; }
body.font-big .link.arrow, body.font-big .down.arrow  { font-size:15px; }
body.font-big .link-text { font-size:17px; }
body.font-big .link-pointcheck2 .tit { font-size:16px; }

body.font-big table.basic th, body.font-big table.basic td { padding:16px 8px; font-size:15px; }
body.font-big table.basic.type2 th { padding-top:45px; word-break:break-all; }

body.font-big .guide-info li { padding-top:34px; font-size:15px; line-height:1.2; }
body.font-big .text-guide .heading.numbering { font-size:17px; }
body.font-big .text-guide .reading { font-size:15px; }
body.font-big .text-guide .bul li { font-size:15px; }
body.font-big .text-guide .link-block { font-size:15px; }
body.font-big .text-guide.benefit .list_bullet_dot li { font-size:15px; }
body.font-big .text-guide.benefit .data_table th, body.font-big .text-guide.benefit .data_table td { padding:8px; font-size:15px; }
body.font-big .text-guide.benefit .list_bul_tit { font-size:17px; }
body.font-big .text-guide.benefit .btn_md_primary { font-size:17px; }
body.font-big .text-guide.benefit .point_img_list .text { font-size:15px; }
body.font-big .text-guide.benefit .tbl_right_opt { font-size:15px; }
body.font-big .text-guide .heading1 { font-size:17px; }
body.font-big .text-guide .heading2 { font-size:17px; }
body.font-big .text-guide .heading3 { font-size:15px; }
body.font-big .text-guide .numbering { font-size:15px; }
body.font-big .text-guide .service-period > span { font-size:14px; }
body.font-big .dl-text-guide dt { font-size:15px; }
body.font-big .dl-text-guide.type2 .tit { font-size:17px; }

body.font-big .sub-head-info .info-p { font-size:15px; }
body.font-big .sub-head-info .info-h { font-size:17px; }

body.font-big .slide-block .item .category { font-size:15px; }
body.font-big .slide-block .item .title { font-size:21px; }
body.font-big .slide-block .item .info .date { font-size:15px; }
body.font-big .slide-block .item .text { font-size:15px; }

body.font-big .btn.link { font-size:17px; }
body.font-big .btn.s1 { font-size:17px; }
body.font-big .btn.s2 { font-size:15px; }
body.font-big .btn.s3 { font-size:17px; }


body.font-big .pictogram-card .tit { font-size:19px; }
body.font-big .pictogram-card p { font-size:17px; }
body.font-big .quick-menu li a { font-size:14px; }
body.font-big .bluepoint-card .tit {font-size:19px;}
body.font-big .ho-main.bluepoint-card .point {font-size:26px;}
body.font-big .mu-header .user .id { font-size:15px; }
body.font-big .mu-header .user .name { font-size:21px; }
body.font-big .mu-menu.manual .menu-list .h1 {font-size:21px;}
body.font-big .mu-menu .menu-list .h1 { font-size:21px; }
body.font-big .mu-menu.manual .menu-list > li > ul > li a {font-size:17px;}
body.font-big .mu-menu .menu-list > li > ul > li a {font-size:21px;}
body.font-big .mu-menu .menu-list > li > ul > li > ul > li a {font-size:17px;}
body.font-big .bbs-header { padding:24px 24px 0; }
body.font-big .bbs-header .category { font-size:15px; }
body.font-big .bbs-header .title { font-size:21px; }
body.font-big .bbs-html .entry-content { font-size:17px; }
body.font-big .bbs-html .entry-content > * { font-size:17px !important; }
body.font-big .hpf-intro-card .tit { font-size:19px; }

body.font-big .entry-content table th, .entry-content table td { padding:8px; font-size:15px; }
body.font-big .article-list .item .title { font-size:21px; }
body.font-big .article-list .item .category { font-size:15px; }
body.font-big .article-list .item .info ul li { font-size:15px; }

body.font-big .parts .model-info { font-size:15px; }
body.font-big .maintain-list .item { font-size:15px; }
body.font-big section .header.flex-container .date { width:100px; white-space:inherit; text-align:right; }
body.font-big section .header.flex-container .date span { display:block; line-height:1; white-space:inherit; }
body.font-big .note-supplies.text-guide h3.heading { font-size:19px; }

body.font-big .consumable-list li > div.graph { padding:8px; }
body.font-big .consumable-list li > div.graph span.title { font-size:15px; }
body.font-big .consumable-list li > div.information dl dt { font-size:14px; }
body.font-big .consumable-list li > div.information dl dd { font-size:19px; }
body.font-big .consumable-msg { padding-top:42px; font-size:17px; }

body.font-big .step01 .box span, body.font-big .step02 .box span, body.font-big step03 .box span { font-size:19px; }
body.font-big .supplies-list li .graph span.title { font-size:15px; }
body.font-big .guide-slider > span { font-size:15px; }
body.font-big .guide-slider .ui-slider-handle .handle { font-size:15px; }
body.font-big .form-item dt .unit { font-size:15px; }
body.font-big .form-list.horizontal li { width:100%; line-height:24px; } 

body.font-big .search > .search-count { font-size:17px; }
body.font-big .pic-list15 p { font-size:15px; }
body.font-big .pic-list16 li { font-size:15px; }
body.font-big .pic-list17 .item h2 {font-size:19px;}
body.font-big .month-list li h3 { font-size:17px; }
body.font-big .month-list li p { font-size:15px; }
body.font-big .month-list li h2 { left:-2px; width:34px; height:34px; line-height:34px; font-size:13px; }
body.font-big .ars-step li h3 { font-size:17px; }
body.font-big .ars-step li p { font-size:15px; }
body.font-big .graph-label li > span { font-size:17px; }
body.font-big .graph-content span.unit { font-size:15px; }
body.font-big .chart-area ~ p { font-size:15px; line-height:1.5; }
body.font-big .form-item.type7 dt .close {top:-3px;}

body.font-big .informlist-wrapper .info-p { font-size:17px; }
body.font-big .informlist-wrapper .list .heading { padding-right:30px; font-size:17px; }
body.font-big .informlist-wrapper .list .badge-new { top:4px; }
body.font-big .informlist-wrapper .list .reading { font-size:15px; }
body.font-big .informlist-wrapper .list .date { font-size:15px; }

body.font-big .login-set .set-list li { font-size:17px; }
body.font-big .login-set .set-list li .update .info { font-size:15px; }
body.font-big .login-set .set-list li .tit .info { font-size:15px; }
body.font-big .hmc-story-textarea { margin:24px; font-size:17px; }
body.font-big .quick-place li a { font-size:15px; }

body.font-big .place-list .address {font-size:15px;}
body.font-big .place-list .sub-content { font-size:15px !important; }
body.font-big .place-list .btn-del { top:5px; }
body.font-big .category-list h3 { height:46px; line-height:46px; font-size:17px; }
body.font-big .share-list.type2 .info { font-size:15px; }
body.font-big .opt-btns .opt { font-size:13px; }
body.font-big .favorit-select .info .name { font-size:19px; }
body.font-big .favorit-select .info .address { font-size:15px; }
body.font-big .favorit-select .info .etc { font-size:15px; }
body.font-big .search-count { font-size:17px; }
body.font-big .map-location .address { font-size:15px; }

body.font-big .home-notice .tit {font-size:19px;}

body.font-big .kar-story .kar-story-li .tit-wrap .tit {font-size:16px;}
body.font-big .kar-story .kar-story-li {height:100px;}
body.font-big .kar-story .kar-story-li .thumb {height:100px;}

body.font-big .bluemem .tit-wrap .tit {font-size:18px;}
body.font-big .bluemem .tit-wrap p {font-size:15px;}

body.font-big .basic-list .click-arrow span {top:1px;}

body.font-big .myexpend .checkbox-wrap {margin-top:4px;}
body.font-big .myexpend .myexpend .form-item {padding-top:5px;}

body.font-big .menuswp-wrap .link-pointcheck2 .tit:after, body.font-big .menuswiper .swiper-wrapper .inner {font-size:15px;}

body.font-big .quick-border .inner {padding-left:90px;}
body.font-big .quick-border .inner .tit {font-size:19px;}
body.font-big .quick-border.hcarservice .share-menu li a {font-size:14px;}


body.font-big .editor-grouptxt .editor-btn {font-size:14px;}

body.font-big .dkeyslide .banner-wrap .tit-wrap .tit {font-size: 18px; margin-bottom: 8px;}
body.font-big .dkeyslide .banner-wrap .tit-wrap .txt { font-size: 14px;}

body.font-big .mlr0.home-notice .inner {height:88px;}
body.font-big .mlr0.home-notice .tit {font-size: 17px;}
body.font-big .mlr0.home-notice p {font-size:15px;}
body.font-big .recall-notice .tit {font-size:15px;}

body.font-big .dkeywrap .header.linktype a {min-height:66px;}
body.font-big .dkey-step li {font-size:14px;}
body.font-big .dkey-rcmd .quick-menu a .badge {font-size: 10px; padding: 2px 6px; min-height: 18px;}


body.font-big .dkey-quick .quick-menu li a {padding: 40px 0px 10px;}
body.font-big .dkey-userwrap .share-dkey, body.font-big .dkey-userwrap .color4.bold {font-size: 15px;}
body.font-big .dkey-userwrap .more-dkey {font-size:15px;}
body.font-big .dkey-userwrap .form-item.type2 .flex-container .title {font-size:15px; line-height:24px;}
body.font-big .dkey-userwrap .form-item.type2 .tit {font-size:19px;}
body.font-big .dkey-userwrap .form-item.type2 .tit + .badge {top:2px; margin-left:6px;}
body.font-big .dkey-userwrap .text-body p.lastest {font-size: 17px;}
body.font-big .dkey-check .box-check-input input[type=checkbox]+span {font-size:15px;}
body.font-big .i-popup label.info-check {margin-top:3px;}
body.font-big .i-popupicon .i-popup-tri {top:25px;}
body.font-big .dkey-info {top:37px;}
body.font-big .carowner-info {padding-right:60px;background:#fff url(../images/common/ic_dkey_owner.svg) no-repeat 100% center/36px; background-size:50px;} 
body.font-big .carowner-info ul .content {font-size:20px;}
body.font-big .carowner-caution {font-size:15px;}
body.font-big .car-register .i-popup .dkey-info {top:36px;}
body.font-big .sub-head-info .i-popup .dkey-info {top:calc(100% + 11px);}

body.font-big .dkey-day.range-datepicker input.range {padding-left: 42px; padding-right: 5px; background: #f3f3f3 url(../images/common/ic_calender.svg) no-repeat left 4px center;}
body.font-big .dkey-day.range-datepicker input {font-size: 16px;}

body.font-big .arrow-btn {font-size:15px}

/* datepicker range popup */
body.font-big .calender-day span {font-size:15px;}
body.font-big section.dkey-choice {margin-top:254px;}
body.font-big .dkey-calender .kalendae .k-caption {font-size: 19px;}
body.font-big .dkey-calender .kalendae .k-days span {font-size:15px;}
body.font-big .dkey-calender .kalendae .k-header span {font-size:15px;}


/* digitalkey description */
body.font-big .text-main-wrap {font-size:17px;}
body.font-big .text-main-wrap .title {font-size:32px;}
body.font-big .inner-dkey .title {font-size: 34px;}
body.font-big .inner-dkey .content {font-size: 17px;}
body.font-big .inner-dkey .heading1 {font-size:17px;}
body.font-big .inner-dkey .heading2 {font-size:19px;}
body.font-big .inner-dkey .numbering {font-size:17px;}
body.font-big .inner-dkey .sub-title {font-size:25px;}
body.font-big .inner-dkey span.step {font-size:19px;}
body.font-big .inner-dkey .dk-tit {font-size:35px;}
body.font-big .inner-dkey .sub-title2 {font-size:25px;}
body.font-big .inner-dkey .order-content {font-size:15px;}
body.font-big .inner-dkey .heading3 {font-size: 20px;}
body.font-big .inner-dkey .heading4 {font-size: 19px;}
body.font-big .inner-dkey .call-center-num {font-size:27px;}
body.font-big .inner-dkey span.plus {width: 13px; height: 17px; font-size:18px; line-height:18px;}
body.font-big .inner-dkey span.plus:after {width:15px; height:15px;}
body.font-big .inner-dkey .title-sub {font-size: 19px;}
body.font-big .inner-dkey .steptxt-list li {padding-left:68px;}
body.font-big .inner-dkey .star-sub.type2 li {padding-left:65px !important;}

body.font-big .inner-dkey .star-list li {padding-left:10px !Important;}
body.font-big .inner-dkey .star-list li span {position:relative !important; left:unset !important; }
body.font-big .inner-dkey .numbering.type3 li {padding-left:20px;}

body.font-big .mycar-info .mycar-header .user.dk {background: url(../images/common/ic-digital-key.svg) no-repeat top -5px left -5px; }
body.font-big .mycar-info .mycar-header .user.dk:active {background: rgba(0,0,0,0.15) url(../images/common/ic-digital-key.svg) no-repeat top -5px left -5px;}
body.font-big .mycar-info .mycar-header .badge {margin-left: 5px;}

body.font-big section.complete-msg {font-size:19px;}
body.font-big section.complete-msg.type2 .inner {font-size:23px;}
body.font-big section.complete-msg.type2.manual .inner {font-size:20px; padding-top:50px !important;}
body.font-big section.complete-msg.type3 .inner p { font-size:17px;}
body.font-big section.complete-msg.type3 .inner .bold {font-size:21px; }

body.font-big .round-btn {font-size:14px; height:35px;}

/* 1주년 이벤트 */
body.font-big .notice_evt_pop .check_display_pop {font-size:17px; }
body.font-big .notice_evt_pop .evt_txt {font-size:24px;}
body.font-big .notice_evt_pop .evt_txtsm {font-size:17px;}
body.font-big .notice_evt_pop .btn.link.evt {font-size:19px;}

/* 보유차량 관리 */
body.font-big .holding-car-wrap .holding-num {font-size:27px; max-width:80px;} 
body.font-big .before-holding .before-info li .tit {font-size:19px;}
body.font-big .before-holding .before-info li .infolist {font-size:15px;}
body.font-big .holding-pop .carnum {font-size:15px;}
body.font-big .holding-pop2 p {font-size:15px;}
body.font-big .morecnt{font-size:14px;border-radius:11px;}
body.font-big .car-enroll-info .form-item .tit {font-size:21px;}
body.font-big .car-enroll-info .form-item.type2 dt{font-size: 17px;}
body.font-big .notice-list {font-size:15px;}
body.font-big .car-enroll-info .enrollbtn {font-size:15px;}

/* 마이현대 1주년 런칭 */
body.font-big .anniversary_firstevt .evt_tit {font-size:19px;}
body.font-big .anniversary_firstevt .light {font-size:17px;}
body.font-big .anniversary_firstevt .ans-cnt {font-size:15px;}
body.font-big .anniversary_firstevt .comment-list li .cmt-info {font-size:15x;}
body.font-big .anniversary_firstevt .comment-list li .cmt-content {font-size:17px;}

/* 정비수리사진 */
body.font-big .repair-box .keyPaging {font-size:15px;}

/* 이동형 충전 서비스 */
body.font-big .chargetime {font-size:15px;}
body.font-big .charge-service .charge-cost .af-cost {font-size:21px;}
body.font-big .charge-service .badge-wrap {padding-left:40px;}
body.font-big .chargeinfo .title {font-size:21px;}
body.font-big .chargeinfo .title .badge {font-size:12px;}
body.font-big .chargeinfo-detail table.basic td {padding-right:65px;}
body.font-big .chargeinfo-detail.type2 table.basic td {padding-right:8px;}
body.font-big .chargeinfo-detail table.basic td.modify {padding-right:0;}
body.font-big .chargeinfo-detail .tips-caution {padding-right:65px;}
body.font-big .charbtn {font-size:11px; height: auto; min-height: 21px; border-radius:11px; }
body.font-big .chargeinfo-detail td.modify .btn-wrap .btn {font-size:15px;}
body.font-big .chargeinfo-detail td.modify button.btn-input {font-size:15px;}
body.font-big .chargeinfo-detail td.modify input[type="text"], 
body.font-big .chargeinfo-detail td.modify input[type="number"], 
body.font-big .chargeinfo-detail td.modify input[type="tel"], 
body.font-big .chargeinfo-detail td.modify input[type="email"],
body.font-big .chargeinfo-detail td.modify textarea {font-size:15px;}
body.font-big .counter-list li {font-size:15px; }



/* 블루핸즈 견적문의 */
body.font-big .plusbtn {font-size:12px; height: auto; min-height: 21px; border-radius:11px; padding-left:20px;}
body.font-big .blue-photolist li:last-child {padding-right:16px; min-width:166px;}
body.font-big .blue-photolist li {position:relative; flex:1; display:flex; align-items:center; min-width:150px; min-height:90px; border-radius:10px; overflow:hidden;}
body.font-big .blue-photolist li .bluewrap {position:relative; width:150px; height:90px; overflow:hidden; background:#00000030; border-radius:10px; }
body.font-big .place-list.type8 li .str {font-size:19px;}
body.font-big .place-list.type8 .txt-sm {padding-right:70px;}
body.font-big .sub-head-info .place-list.type8 li .str {font-size:21px;}
body.font-big .blue-estimate .header .date {font-size:25px;}
body.font-fig .blue-detail .border-top .total .value {font-size:22px;}


/* 픽업앤충전 */
body.font-big .ev-refreshinfo {font-size:14px;}
body.font-big .ev-maininfo .quick-menu li .quick-tit {font-size:15px;}
body.font-big .ev-refresh {top:-2px; width:28px; height:28px; background-size:24px;}
body.font-big .ev-homeper {font-size:23px;}
body.font-big .ev-hometime {font-size:15px;}
body.font-big .ev-remain {font-size:14px;}
body.font-big .pnch-header .pnch-header-float {font-size:15px;}
body.font-big .pnch-placelist li a {font-size:15px;}
body.font-big .pnch-keypop.select-box li label {font-size:14px;}
body.font-big .pnch-keypop.select-box li label .tit {font-size:16px;}
body.font-big .pnch-poslist li .pnch-address {font-size:15px;}
body.font-big .select-box.pnch-coupon li .check-basic .pnch-coupontext {font-size:15px;}
body.font-big .select-box.pnch-coupon li .check-basic .pnch-coupontext .tit {font-size:19px;}
body.font-big .select-box.pnch-coupon li .radio-basic .pnch-coupontext {font-size:15px;}
body.font-big .select-box.pnch-coupon li .radio-basic .pnch-coupontext .tit {font-size:19px;}
body.font-big .pnch-cardlist li .cardnum {font-size:15px; }
body.font-big .pnch-cardlist li .cardtit {margin-top:20px; font-size:19px; color:#000;}
body.font-big .pnchbtn {font-size:15px;}
body.font-big .pick-charge-timeinfo2 .timebox p {font-size:14px;}
body.font-big .pick-charge-timeinfo2 .picktext .value {font-size:14px;}
body.font-big .pick-charge-timeinfo2 .picktext-box {top:4px;}
body.font-big .pnch-iconbox .pnch-tit {font-size:19px;}
body.font-big h2.pnch-price .price {font-size:19px;}
body.font-big .pnch-totalwrap {font-size:19px;}
body.font-big .pnch-totalwrap .pnch-total {font-size:27px;}
body.font-big .pnch-receipt.type3 .flex-container .checkbox-wrap label {font-size:15px;}
body.font-big .pnch-receipt .flex-container .pnch-ipop .i-popup-tri {top:26px;}
body.font-big .pnch-receipt.small .receiptwrap .flex-container {font-size:15px;}
body.font-big .point-detail + .pnch-price .price {font-size:25px;}
body.font-big .select-box.pnch-coupon li .check-basic .pnch-couponper {padding-top:50px;}
body.font-big .select-box.pnch-coupon li .radio-basic .pnch-couponper {padding-top:50px;}

body.font-big .swipescroll .swipewrap-box .tit-wrap .miniopt {font-size:14px;}
body.font-big .swipescroll .swipewrap-box .tit-wrap .minitit {font-size:14px;}
body.font-big .swipescroll .swipewrap-box .tit-wrap .tit {font-size:20px;}
body.font-big .carlife-main .item .tit{font-size:20px;}
body.font-big .carlife-main .item .date{font-size:14px;}
body.font-big .carlife-main .item .dday{font-size:16px;}
body.font-big .carlife-main .item .complet-msg{font-size:16px;}
body.font-big .carlife-main .item .manager{font-size:14px;}
body.font-big .cont-box-body .cate-list li h3{font-size:18px}
body.font-big .cont-box-body .cate-list li span + a{font-size:16px;}
body.font-big .cont-box-body .cate-list li span{font-size:16px;}
body.font-big .carlife-main .cont-box-body .servi-list li .tit{font-size:18px;}
body.font-big .carlife-main .cont-box-body .servi-list li .tag{font-size:16px;}
body.font-big .carlife-main .txt{font-size:16px;}
body.font-big .carlife-main a.txt-link{font-size:16px;}
body.font-big .carlife-main .tit-sub{font-size:18px;}
body.font-big .carlife-main .cont-box-header .tit{font-size:18px;}
body.font-big .carlife-main .cont-box-body .servi-list li .tit{font-size:18px;}
body.font-big .carlife-main .cont-box-body .servi-list li .tag{font-size:16px;}
body.font-big .carlife-main .servi-tabs li{font-size:16px;}
body.font-big .carlife-main .insure .insure-tit h3{font-size:18px}
body.font-big .carlife-main .cont-box-header .operation-info .car-model a.default-btn{font-size:22px;}
body.font-big .carlife-main .cont-box-header .operation-info .car-model span{font-size:16px;}
body.font-big .maincar .home-notice-line li a{font-size:14px;}
body.font-big .maincar .home-notice-line .tit {font-size:14px;}

body.font-big .mvc-distext{font-size:12px;}
body.font-big .section-wrap h2{font-size:26px;}
body.font-big .section-wrap.service-info .font14{font-size:16px !important;}
body.font-big .section-wrap.service-info h3.bdb{font-size:18px;}
body.font-big .sub-nav.type3 li a{font-size:16px;}
body.font-big .inner.cont-box .category-list .arrow-btn h3{font-size:16px;}
body.font-big .bluem-point .list-circle li{font-size:15px;}
body.font-big .vehicle-quick .inner.cont-box span{font-size:14px;}
body.font-big .vehicle-quick .inner.cont-box.repair span{font-size:16px;}
body.font-big .vehicle-quick .inner.cont-box .cate-list p{font-size:14px;}
body.font-big .choice-list .badge-wrap span+span.br{line-height:18px;}
body.font-big .section-choice-wrap .enterprise-info.type-detail .badge-wrap{padding:3px 0 0 44px;font-size:14px;line-height:17px;}
body.font-big .section-wrap.benefit .font16{font-size: 18px !important;}
body.font-big .section-wrap.maincar .info-detail .quick-menu li p.quick-tit{font-size: 14px;}
body.font-big .section-wrap.maincar .info-detail .quick-menu li span{font-size:17px;}
body.font-big .section-wrap.operation-info .sub-main-header h2{font-size:20px;}
body.font-big .section-wrap.operation-info .oper-detail dl dt{font-size:14px;}
body.font-big .section-wrap.operation-info .oper-detail dl dd{font-size:18px;}
body.font-big .section-wrap.service-info p.font14{font-size:16px;}
body.font-big .section-wrap.service-info .servi-local dl dt{font-size:16px;}
body.font-big .section-wrap.service-info .servi-local dl dd{font-size:16px;}
body.font-big .section-wrap.check-vehicle .card-banner .item a .card-titcont{font-size:13px;}
body.font-big .section-wrap.carlife-main .item .date{font-size:16px;}
body.font-big .section-wrap.info-insu .txt{font-size:14px;}
body.font-big .section-wrap.carlife-list.insu div.card-name a.link{font-size:14px;}
body.font-big .map-contents.info4 .estimate-price p{font-size:16px;}
body.font-big .enterprise-service-info .servi-local dl dt{font-size:16px;}
body.font-big .enterprise-service-info .servi-local dl dd{font-size:16px;}
body.font-big .section-choice-wrap + .enterprise-service-info ul li{font-size:16px;}
body.font-big .mu-header.bg-white.bdb.pt10 .cont-box .quick-menu.mt20 li{font-size:15px;}
body.font-big .bluem-point .list-circle li{font-size:15px;}
body.font-big .bluem-info .accSlide .item a{font-size:16px;}
body.font-big .bluem-info .accSlide .item a span{font-size:14px;}
body.font-big .wash-box .chabtn, 
body.font-big .pnch-customer .chabtn, 
body.font-big .text-guide .chabtn, 
body.font-big .flex-container .chabtn, 
body.font-big .picname .chabtn{font-size:12px; line-height:22px;}
body.font-big .text-guide .chabtn{right:0}
body.font-big .section-wrap.map .drivername span.pictime{font-size:14px;}
body.font-big .wash .inner h2 span{font-size:14px;}
body.font-big .wash .text-guide span.txt{font-size:14px;}
body.font-big .wash .change-info .info-list .cancel-list li{font-size:14px;}
body.font-big .wash.visit .choice-list .badge-wrap.color .badge{min-width:38px;height:10px;}
body.font-big .oil-point-card .fold .point-value em{font-size:26px;}
body.font-big .mem-menu-list li a{font-size:18px;}
body.font-big .lineup .lineup-slide .inner .txt-cont .lineup-tit{font-size:26px;}
body.font-big .lineup .lineup-slide .inner .txt-cont .txt{font-size:14px;}
body.font-big .wash-box .flex-container span.font12{font-size:14px !important;}
body.font-big .wash-box .flex-container span.font14{font-size:16px !important;}
body.font-big .find-driver .section-type-list .choice-list .item .tit{font-size:16px;}
body.font-big .find-driver .section-type-list .choice-list .item .info{font-size:14px;}
body.font-big .address_cont .tit{font-size:20px;}
body.font-big .address_cont .address_detail{font-size:16px;}
body.font-big .position-list dl dt{font-size:16px;}
body.font-big .position-list dl dd{font-size:14px;}
body.font-big .epit-map .tit{font-size: 20px;}
body.font-big .epit-map.type2 .place{font-size: 14px;}
body.font-big .epit-map.type2 .map-station p,
body.font-big .wait-wrap04.epit-map.type2 .map-station p{font-size:16px;}
body.font-big .epit-map.type2 ul li dd{font-size:16px;}

/*============================================================
Responsive 320px (iPhone 5/SE)
=============================================================*/
@media screen and (max-width:320px) {
    /* layout */
    #header .sub-title { left:45px; }
    .sub-main-header .inner { padding:32px 16px; }

    /* home & common */
    /* .myHyundai-user { padding:14px 20px; } */
    .myHyundai-user .user-link{padding:14px 20px;}
    body.font-big .myHyundai-user .user-link {padding: 14px 20px;}
    .myHyundai-user .editor-grouptxt {top:14px;}
    body.font-big .editor-grouptxt .editor-btn {padding: 5px 22px 5px 5px;}
    body.font-big .myHyundai-user .slick-dotted .user-link {padding-bottom:36px;}
    .myHyundai-user .usercar {margin-top:10px;}
    .myHyundai-user .dkeybtn {top:10px; right:16px;}
    body.font-big .myHyundai-user .dkeybtn {top:10px; right:16px;}



    .ho-main.bluepoint-card .point, body.font-big .ho-main.bluepoint-card .point {font-size:22px;}
    .ho-main.bluepoint-card .pointwrap li:last-child {width:110px;}

    /* list */
    .list-header .tit { letter-spacing:-0.5px; }

    /* tag-btns */
    .tag-btns { padding: 16px; }
    
    /* radio check basic style */
    .form-list.horizontal li { width:100%; line-height:24px; }

    /* accordion-list */
    .accordion-list .accordion { margin:0 16px; }

    /* popup */
    #pop-container .setting.inner,
    .pop-container .setting.inner { padding:0 16px; }
    #pop-container .sub-head-info,
    .pop-container .sub-head-info { padding:16px; }
    #pop-container .inner,
    .pop-container .inner { padding:16px; }

    /* wellcome pop small */
    .wellcome-s .slide-block .item a { height:160px; }
    .wellcome-s .slide-block .item div { height:160px; }
    .wellcome-s .slick-slide { height:160px;}

    /* home */
    .home-quick .quick-menu li a {padding: 50px 0px 14px;}
    body.font-big .home-quick .quick-menu li a {padding: 50px 0px 14px;}
    .dkeyslide .banner-wrap .banner, .dkeyslide .slick-slide div {width: 250px !important; max-height:140px;}
    .dkeyslide .slick-list {padding-right: calc(100% - 274px) !important;}
    .dkeyslide .banner-wrap .tit-wrap {margin-top:25px;}
    .dkeyslide .banner-wrap .tit-wrap .tit {margin-bottom:5px;}
    body.font-big .dkeyslide .banner-wrap .tit-wrap {margin-top: 25px;}

    .dkeyslide.onebanner .banner-wrap .tit-wrap {margin-top:0;}
    body.font-big .dkeyslide.onebanner .banner-wrap .tit-wrap {margin-top:0;}

    /* myCar */
    section .header.flex-container .date { margin-bottom:-6px; }
    section .header.flex-container .date span { display:block; line-height:1; }


    /* myCar-digital key */
    .dkey-quick .quick-menu li a {padding: 40px 0px 10px;}
    .range-datepicker input.range {background: #f3f3f3 url(../images/common/ic_calender.svg) no-repeat left center; padding-left:36px; padding-right:5px;}

    body.font-big .dkey-day.range-datepicker input.range {padding-left: 30px; padding-right: 5px; background-size: 30px; font-size: 15px; background: #f3f3f3 url(../images/common/ic_calender.svg) no-repeat left 0px center}
    body.font-big .dkey-day.range-datepicker input {font-size:15px;}

    body.font-big .dkey-check .box-check-input input[type=checkbox]+span {padding: 40px 0px 10px;}
    .pic-list17 li.item {padding-left: 46px; margin-top:20px; background-size: 30px;}

    /*myplace*/
    .chargelist img {width:26px; height:26px;}
    .chargelist li {background-size:26px;}
    .chargelist li.gray {background-size:26px;}

    /* hpf badge */
    .mu-header .hpf-badge {padding:1px 3px; margin-left:3px; font-size:10px;}
    body.font-big .mu-header .user .id {font-size: 13px;}
    body.font-big .mu-header .hpf-badge {font-size:10px;}

    /* menu */
    .quick-border .share-menu li { padding: 0px 2px;}
    body.font-big .mu-quick .quick-menu li a {padding:46px 8px 8px;}
  
    /* digitalkey description */
    .text-main-wrap .content {padding:0 8px;}
    .inner-dkey .call-center {padding: 20px 20px 20px 75px; background: url(../images/common/ic_service_center.svg) no-repeat left 15px center;}
    .inner-dkey .title.type2 {font-size:30px;}
    .inner-dkey .dk-person { margin: 30px 20px 0 20px; width: calc(100% - 40px);}
    .inner-dkey .dk-person li {margin-right:15px;}

    /* home quick menu */
    .dkey-rcmd .quick-menu a .badge {left:51%; padding:2px 5px;}
    body.font-big .dkey-rcmd .quick-menu a .badge {padding:2px 5px;}

    /* 보유차량 관리 */
    .holding-car-wrap {padding:32px 114px 32px 25px;}
    .holding-car-wrap .round-btn {right:16px; padding:7px 10px;}
    .holding-car-wrap .tit {margin-bottom:10px;}
    .holding-car-wrap .holding-num {margin-right:10px; max-width:70px; } 


    /* 이동형 충전 슬라이드 팝업 */
    .pop-num-slide .pop-numimg {margin-bottom:0px;}
    .pop-num-slide .slick-slide:last-child .pop-numimg {margin-bottom:40px;}

    /* 블루핸즈 견적문의 */
    #pop-container .service-listinfo + .select-box.service-list,
    .pop-container .service-listinfo + .select-box.service-list {width:100%; margin-left:0;}
    #pop-container .service-listinfo,
    .pop-container .service-listinfo {width:calc(100% + 32px); margin-left:-16px;}

    /* 픽업앤충전 */
    .ev-maininfo .quick-menu li span {font-size:14px;}
    .pnch-driverinfo {position:relative; padding:16px 32px 0 32px;}
    .select-box.pnch-coupon li .check-basic .pnch-coupontext {width: calc(100% - 108px); }
    .select-box.pnch-coupon li .check-basic .pnch-coupontext .tit {font-size:14px; }
    .select-box.pnch-coupon li .check-basic .pnch-couponper {width:108px;}
    body.font-big .select-box.pnch-coupon li .check-basic .pnch-couponper .percent {font-size:22px;}
    body.font-big .select-box.pnch-coupon li .check-basic .pnch-coupontext .tit {font-size:16px; }
    body.font-big .select-box.pnch-coupon li .check-basic .pnch-couponper .percent {font-size:22px;}
    body.font-big .select-box.pnch-coupon li .check-basic .pnch-coupontext {font-size:12px;}
    .select-box.pnch-coupon li .check-basic .pnch-couponper .percent {font-size:20px;}
    .select-box.pnch-coupon li.coupontype2 .check-basic .pnch-coupontext {width:calc(100% - 100px);}
    .select-box.pnch-coupon li.coupontype2 .check-basic .pnch-couponper {width:100px;}
    body.font-big .select-box.pnch-coupon li .radio-basic .pnch-couponper .percent {font-size:22px;}
    body.font-big .select-box.pnch-coupon li .radio-basic .pnch-coupontext .tit {font-size:16px; }
    body.font-big .select-box.pnch-coupon li .radio-basic .pnch-couponper .percent {font-size:22px;}
    body.font-big .select-box.pnch-coupon li .radio-basic .pnch-coupontext {font-size:12px;}

    /* info popup */
    .info-popbtn .info-popcheck-btn {width:30px; height:30px;}
    .info-popbtn .info-popcheck-btn .caution {background-size:30px !important;}
    .info-popbtn .info-popcheck-btn .i-popup-tri {top:30px;}

  }/*media screen width 320*/

  /*210615 takeOver*/
  .swipescroll>.swipeswrap:only-child{min-width:340px;margin-left:10px}/*210827 충전서비스 단일영역일때*/
  .text-guide .bul li img{max-width:100%}
  .text-guide .bul.tel{font-family: "HeadMedium";color:#002c5f;  font-size: 16px;}
  .pop-inner .empty-msg{top:40vh}
  .charbtn.c7{background-color:#00aad2 !important}
  /* .progressbar p[data-value="1회"], .progressbar p.few{margin-left:-26px;width:15% !important} */
  .pop-inner{position: relative;}
  .empty-msg.with-card{top:54%;padding:36px 16px 0}
  .bottom-msg.card{background:#fff url(../images/common/ic-bold-card-fail.svg) no-repeat 15px center; background-size:50px;padding-right:0;top:73vh;bottom:inherit;}
  .bottom-msg.card dl { padding:0 0 0 70px; font-size:12px;  }
  .bottom-msg.card dl dt,.bottom-msg.card dl dd{float:left;color:#00aad2;font-size:14px}
  .bottom-msg.card dl dt:after{content:":";margin-left:2px;margin-right:3px}
  .bottom-msg.card dd.block{display:block;float:none;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .bottom-msg.card dd.msg{color:#000}
  .form-item.type2.border-bottom{border-bottom:1px solid #ddd;}
  .win-pop-wrap.survey .form-item.type2.border-bottom dt{border-bottom:0 none}
  .text-guide.scrollarea ol li{list-style: disc;}
  .win-pop-wrap.survey .form-item.type2.border-bottom p{margin-bottom:20px}
  .form-item.type4 .scrollarea{padding-left:32px}
  .win-pop-wrap.wash { background:#f6f3f2; -webkit-overflow-scrolling: touch;}
  .win-pop-wrap.wash .complete-msg.type3{margin:0; min-height:230px;}
  .win-pop-wrap.wash .inner{background-color: #fff;border-radius:0;margin:15px}
  .win-pop-wrap.wash #pop-container h2.pnch-price,
  .win-pop-wrap.wash .pop-container h2.pnch-price{border-bottom:0;margin-bottom:0}
  .win-pop-wrap.wash #pop-container .inner,
  .win-pop-wrap.wash .pop-container .inner{padding:16px}
  .notice-s .layer-pop-body .tit.border-bottom{padding-bottom:10px;border-bottom:1px solid #000;margin-bottom:40px;}

  /*무상점검이벤트*/
  /* 이벤트  */
.bbs-html .event_p {position:relative; display:block;}
.bbs-html .event_p.bg-blue{background-color: #3339ff;}
.bbs-html .evt_2107_1 {display:block; position:absolute; width:100%; height:4%; bottom:38.5%; left:50%; transform:translateX(-50%);}
.bbs-html .evt_2107_2 {display:block; position:absolute; width:100%; height:4%; bottom:12.5%; left:50%; transform:translateX(-50%);}
/* .evt_2101_1:active, .evt_2101_2:active {background-color:#00000010;} */
.evt_2107_2.done {display: block; position: absolute; width: 100%; bottom:12%;  height: 4%; left: 55%; transform: translateX(-50%); text-align: center; background: url(../images/temp/myhyundai-evt/evt-2107-1-btn2.png) 0 0 no-repeat; background-size: 90%;}

.footer.btn-wrap.link-type.border-none{border:0 none}
.block{display:block !important}
.visitcar-s h2 { text-align: center; font-family:"HeadMedium"; margin:20px;border-bottom:1px solid #ccc;display: block;padding-bottom:20px;}
.visitcar-s .slick-slide{padding:20px;}
.visitcar-s .slick-slide div {padding:20px}
.slick-prev{position:absolute;top:50%;left:0;}
.slick-next{position:absolute;top:50%;right:0}
.visitcar-s .slick-arrow {color:transparent}
.visitcar-s .slick-arrow:active {background-color:rgba(0,0,0,0.5);}
.visitcar-s .slick-arrow.slick-disabled {display:none !important;}
.visitcar-s .slick-arrow.slick-prev {left:0; background-image:url(../images/common/ic-bold-arrow-left-gray.svg); background-repeat: no-repeat; background-position: 50% 50%;}
.visitcar-s .slick-arrow.slick-next {right:0; background-image:url(../images/common/ic-bold-arrow-right-gray.svg); background-repeat: no-repeat; background-position: 50% 50%;}
.map-contents.visitcar { height:auto; min-height:500px; padding:0 0 52px; border-radius:16px 16px 0 0;}

/*수소충전소 혼잡도개선*/
.scroll .place-list.type7 .sub-content dt,.scroll .place-list.type7 .sub-content dd{float:left;}
.scroll .place-list.type7 .sub-content dt:after{content:":";margin:0 3px;}

.scroll .place-list.type7 .sub-content dd.detail:before{content:"(";margin:0 3px;}
.scroll .place-list.type7 .sub-content dd.detail:after{content:")";margin:0 3px;}
.scroll .place-list.type7 .sub-content dd.detail{color:#000}
.scroll .place-list.type7 .sub-content dd.poor{color:#74960e}
.scroll .place-list.type7 .sub-content dd.middle{color:#e49700}
.scroll .place-list.type7 .sub-content dd.full{color:#e63312}

.relative{position:relative}
.favorit-select .thumb img,
.place-list.type7 li a .thumb img {max-width:72px}
.text-guide.hydrogen{padding-top:20px;position:relative;}
.text-guide.hydrogen .bul.static{margin:-27px 0 0 40px;padding-bottom:8px} 
.text-guide.hydrogen .bul.status {position:relative;height:45px;line-height:45px;}
.text-guide.hydrogen .bul.status dd{float:none;margin-left:75px;color:#595959}
.text-guide.hydrogen .bul.status dt.full{ background-image:url(../images/common/ic-bold-charging-red.svg); background-repeat: no-repeat;background-position:left center;padding-left:45px;float:left;color:#e63312}
.text-guide.hydrogen .bul.status dt.middle{ background-image:url(../images/common/ic-bold-charging-orange.svg); background-repeat: no-repeat;background-position:left center;padding-left:45px;float:left;color:#e49700}
.text-guide.hydrogen .bul.status dt.poor{ background-image:url(../images/common/ic-bold-charging-green.svg); background-repeat: no-repeat;background-position:left center;padding-left:45px;float:left;color:#74960e}
.text-guide.hydrogen .bul.status dt.ready{color:#595959}
.text-guide.pt20.relative .bul.static{margin:-27px 0 0 40px;padding-bottom:8px}
.text-guide.pt20.relative .item span:nth-child(2){margin-right:3px}

.border-b{border-bottom:1px solid #eee}
.bdb-none{border-bottom:0 !important}
.wash-header {position:absolute;top:-50px;left:16px;right:16px; width:calc(100% - 32px)}

.wash-header .wash-header-float {  float:left; padding:9px 25px 10px 10px; line-height:18px; font-size:12px; font-family:'HeadMedium'; height:36px; margin-right:8px; border-radius:18px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); white-space:nowrap; background:#fff url(../images/common/ic_go.svg) no-repeat right center; }
.wash-header .my-pst { float:left;width:36px;height:36px; background-image:url(../images/common/ic_pst_my.svg);background-position: center center;}
.po{top: 20px; font-family: "HeadRegular"; font-size: 12px; background: url(../images/common/ic_go.svg) no-repeat right -6px center; background-size: 36px; padding: 5px 24px 5px 9px;}
.wash-header .accordion.off{display: none;}
.wash-header + .flex-container.mt24 {flex-direction: column; align-items: flex-start;}
.wash-header + .flex-container.mt24 .tit {font-size: 16px;}
body.font-big .wash-header + .flex-container.mt24 .tit {font-size: 21px;}
.wash-header + .flex-container.mt24 .tit + p {margin-top: 8px; margin-bottom: 6px;}

.wash-wrap .scroll{padding-bottom:0}
.wash-wrap .last-placelist a.home {padding-left:30px; background:url(../images/common/wash-home.svg) no-repeat 8px 50%; background-size:16px;text-indent:-999rem;}
.wash-wrap .last-placelist a.company {padding-left:30px; background:url(../images/common/wash-company.svg) no-repeat 8px 50%; background-size:16px;text-indent:-999rem;}
.wash-wrap .last-placelist a.home.inactive {background:url(../images/common/map_home_inactive.svg) no-repeat 8px 50%; background-size:16px;}
.wash-wrap .last-placelist a.company.inactive {background:url(../images/common/map_office_inactive.svg) no-repeat 8px 50%;}
.wash-wrap .form-item.type3{border-bottom:1px solid #eee; padding-bottom:20px}
.wash-wrap .place-list.type3 li:not(:last-child) {border-bottom:1px solid #eee}
.wash-wrap .place-list.type3 li a{padding-left:0}
.wash-wrap .place-list.type3 li a p{width:100%}
.wash-wrap .place-list.type3 li .btn-del{background-size: 24px auto;opacity:.4}


.mp-contents.main.wash{bottom:0}
.mp-contents.main.wash .scroll-cont{padding:0 30px 90px}

.clear{display: block;clear:both;content:""}
 
/**세차상품**/
.mvc-disbadge {display:inline-block; vertical-align:middle; width:36px; height:18px; margin-left:1px; background:url(../images/temp/func-label-label-sale.png) no-repeat 0 0; background-size:100%;}
.mvc-disbadge.best { background:url(../images/temp/func-label-label-best.png) no-repeat 0 0; background-size:100%;}
.mvc-discount {display:inline-block; vertical-align:middle; width:52px; height:18px; margin-left:5px; background:url(../images/temp/func-label-label-5-warning.png) no-repeat 0 0; background-size:100%;}
.mvc-discount.type30 {background:url(../images/temp/func-3-text-discount.png) no-repeat 0 0; background-size:100%;}

.win-pop-wrap.wash #pop-header,
.win-pop-wrap.wash .pop-header  {text-align:left;}
.win-pop-wrap.wash #pop-header .back,
.win-pop-wrap.wash .pop-header .back { position:absolute; top:10px; left:8px; width:36px; height:36px; background:url(../images/common/ic_header_back.svg) no-repeat center/36px; }
.win-pop-wrap.wash #pop-header .pop-title,
.win-pop-wrap.wash .pop-header .pop-title { font-family:"HeadMedium"; font-size:18px; line-height:56px; padding-left:36px;}
.win-pop-wrap.wash #pop-header .pop-title.center,
.win-pop-wrap.wash .pop-header .pop-title.center{padding-left:0;width:100%;text-align: center;}
.win-pop-wrap.wash .complete-msg.type3 p.color{color:#595959}
/* .win-pop-wrap.wash .complete-msg.type3 p.color + p.color {padding: 60px 0 16px; margin:0 16px; border-bottom:1px solid #eee;} */
/* .win-pop-wrap.wash .complete-msg.type3 p.color + p.color + .switchbox {padding-top: 16px; margin-bottom: -16px;} */
.win-pop-wrap.wash .complete-msg.type3 {padding-top: 60px; min-height: none;}
.win-pop-wrap.wash .complete-msg.type3 .inner{margin:0;}
.win-pop-wrap.wash .complete-msg.type3.bg-no .inner {margin:0; padding-top: 0 !important; background:none;}
.win-pop-wrap.wash .complete-msg.type3 .inner .reserv-step {font-size:0; text-align:center; margin:30px 0 16px;}
.win-pop-wrap.wash .complete-msg.type3 .inner .reserv-step li {position:relative; display:inline-block; width:55px; color:#999; font-size:14px; line-height:24px;}
.win-pop-wrap.wash .complete-msg.type3 .inner .reserv-step li:first-child {margin-right:48px;}
.win-pop-wrap.wash .complete-msg.type3 .inner .reserv-step li:first-child:before {content:''; position:absolute; top: 10px; right: -37px; display:inline-block; width:24px; height:24px; background:url('../images/common/ic-bold-arrow.svg') no-repeat 0 0; background-size:24px;}
.win-pop-wrap.wash .complete-msg.type3 .inner .reserv-step li strong {display:inline-block; width:29px; height:29px; margin-bottom:3px; color:#999; font-family:'HeadBold'; text-align:center; line-height:27px; border:1px solid #999; border-radius:29px;}
.win-pop-wrap.wash .complete-msg.type3 .inner .reserv-step li.active {color:#00aad2;}
.win-pop-wrap.wash .complete-msg.type3 .inner .reserv-step li.active strong {color:#00aad2; border-color:#00aad2;}
.win-pop-wrap.wash .complete-msg.type3 .inner .color.border-bottom {border-bottom:1px solid #eee; padding-bottom: 36px; margin-bottom:24px; color:#222;}
.win-pop-wrap.wash .complete-msg.type3 .inner .color.border-top {border-color:#eee; padding-bottom: 2px; color:#222;}
.win-pop-wrap.wash .complete-msg.type3 .inner .switchbox {position:relative;display: inline-block;/*padding-top:30px*/}
.win-pop-wrap.wash .complete-msg.type3 .inner .switchbox span{float:left;padding-right:8px;color:#222;font-size: 14px;}
.win-pop-wrap.wash .complete-msg.type3 .inner .switchbox .switch-wrap {margin-top:10px;float:left; transform:translateY(-50%);}
.win-pop-wrap.wash .info-popic {position:absolute;right:16px;top:16px; width:24px; height:24px; background:url(../images/common/ic-bold-info-small-gray.svg) no-repeat 0 0; background-size:24px;}
.win-pop-wrap.wash #pop-container h2,
.win-pop-wrap.wash .pop-container h2{border-bottom:0 ;padding:0;margin:0;display: inline-block;line-height:20px;}
.win-pop-wrap.wash #pop-container h3,
.win-pop-wrap.wash .pop-container h3 {font-size:14px;color:#222;}
.win-pop-wrap.wash #pop-container h3 .text,
.win-pop-wrap.wash .pop-container h3 .text {display: block; font-size: 12px; color: #999; }
.win-pop-wrap.wash #pop-container .choice-header,
.win-pop-wrap.wash .pop-container .choice-header{position:relative;padding:16px 0 0 16px;}
.win-pop-wrap.wash #pop-container .choice-header .tit .badge,
.win-pop-wrap.wash .pop-container .choice-header .tit .badge {padding-left:5px;line-height:16px;}
.win-pop-wrap.wash #pop-container .choice-list .item .inner,
.win-pop-wrap.wash .pop-container .choice-list .item .inner{padding-bottom:8px} 
.win-pop-wrap.wash #pop-container .choice-list .item .inner.on,
.win-pop-wrap.wash .pop-container .choice-list .item .inner.on{border:2px solid #00aad2;margin:13px}

.win-pop-wrap.wash .box-radio-input input[type=radio]+span{width:30px;height:30px;border-radius: 20px;}
.choice-list .item {  padding: 16px 16px 4px ; word-break: break-all;}
.choice-list .badge-wrap.title{font-family: "HeadMedium";margin-bottom:16px;text-transform: uppercase;}
/* .choice-list .badge-wrap.title span+span.chargetime{margin-top:0} */
.choice-list span.detail{padding-bottom:18px;display: block;}
.choice-list .badge-wrap .badge{border-radius:6px;background:transparent;border:1px solid #979797;color:#979797}
.choice-list .badge-wrap span+span.br{display:block;margin-left:36px;line-height:16px}

.choice-list li.on{border:2px solid #00aad2;}
.choice-service .charge-cost{float:right;margin-top:-30px}
.choice-service .charge-cost .af-cost{font-family: "HeadMedium";}
.choice-service span.chargetime{float:right;margin-top:-39px}
.add-service .item .figure { position:relative; display:flex; width:72px; margin:0 16px 0 0; align-items:center;  font-size:0; line-height:0; }
.add-service .item .figure img { width:60px; }
.add-service .item .figure .badge.multicoupon {position:absolute; right:0; bottom:20%; line-height:16px;}
.add-service .item .figure-info { width:calc(100% - 82px); float:left; margin:-3px 0; padding-bottom:0; }
.choice-list.add-service .item{padding:16px}
.choice-list .item .figure-info span{font-size:10px;margin:5px 0}
.choice-list .item .figure-info span.block.color4{font-size:12px;}
.choice-list .info.charge{font-size:16px;font-family: "HeadMedium";color:#000;width:100px;text-align:right;position:relative}
.choice-list li:active{background-color:#fff;}

.section-choice-wrap {margin:16px 16px 0; padding-bottom: 24px; background:#fff;}
.section-choice-wrap:last-child {margin-bottom: 16px;}
.section-choice-wrap .choice-header {padding-left: 16px !important;}
.section-choice-wrap .choice-list .item {position: relative; padding-bottom: 8px; border:1px solid #e5e5e5; /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/}
.section-choice-wrap .choice-list .item.on:before {content:''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border:2px solid #00aad2;}
.section-choice-wrap .choice-list .badge-wrap.color {color:#999;}
.section-choice-wrap .section-type-list,
.section-choice-wrap .choice-list .item:last-child {margin-bottom: 0;}
.section-choice-wrap .enterprise-info {padding:24px 4px 40px; margin:0 16px 24px; border-bottom:1px solid #eee;}
.section-choice-wrap .enterprise-info .enterprise-name {display: table; margin-bottom: 24px;}
.section-choice-wrap .enterprise-info .enterprise-name .img {display: table-cell; width: 80px; padding-right: 16px;}
.section-choice-wrap .enterprise-info .enterprise-name .img img {width: 100%;}
.section-choice-wrap .enterprise-info .enterprise-name .txt-box {display: table-cell; width: calc(100% - 96px); vertical-align: middle;}
.section-choice-wrap .enterprise-info .enterprise-name .txt-box .name {margin-bottom: 8px; color:#000; font-size: 22px; line-height: 20px; font-family: 'HeadMedium';}
.section-choice-wrap .enterprise-info .enterprise-name .txt-box .name:only-child {margin-bottom: unset;}
.section-choice-wrap .enterprise-info .enterprise-name .txt-box .star-review img {position: relative; top:-2px;}
.section-choice-wrap .enterprise-info .enterprise-name .txt-box .star-review strong {color:#000; font-size: 16px; line-height: 20px; font-family: 'HeadMedium';}
.section-choice-wrap .enterprise-info .enterprise-name .txt-box .star-review span {color:#999; font-size: 16px; line-height: 20px;}
.section-choice-wrap .enterprise-info ul li {position: relative; padding-left: 100px;}
.section-choice-wrap .enterprise-info ul li + li {margin-top: 8px;}
.section-choice-wrap .enterprise-info ul li p {color:#000; font-size: 14px; line-height: 20px;}
.section-choice-wrap .enterprise-info ul li p:first-child {position: absolute; top: 0; left: 0; color:#999;}
.section-choice-wrap .enterprise-info.type-detail .name {margin-bottom: 26px; font-size: 22px; line-height: 20px; font-family: 'HeadMedium'; text-transform: uppercase;}
.section-choice-wrap .enterprise-info.type-detail .name span {display: block; margin-bottom: 2px; color:#999; font-size: 14px; line-height: 20px; font-family: 'HeadRegular';}
.section-choice-wrap .enterprise-info.type-detail .price {margin-bottom: 14px; color:#000; font-size: 28px; line-height: 20px; font-family: 'HeadLight';}
.section-choice-wrap .enterprise-info.type-detail .price sup {position: relative; top: 5px; padding:0 3px; font-size: 16px; font-family: 'HeadRegular';}
.section-choice-wrap .enterprise-info.type-detail .price span {position: relative; top: -6px; color:#999; font-size: 12px; line-height: 20px; font-family: 'HeadRegular';}
.section-choice-wrap .enterprise-info.type-detail .chargetime {position: relative; left: -4px; margin-bottom: 5px; display: inline-block;}
.section-choice-wrap .enterprise-info.type-detail .badge-wrap {position: relative; padding: 3px 0 0 39px; color:#999; font-size: 12px; line-height: 15px;}
.section-choice-wrap .enterprise-info.type-detail + .choice-header + .choice-list .item {padding-bottom: 16px;}
.section-choice-wrap .enterprise-info.type-detail + .choice-header + .choice-list .item:first-child {padding-bottom: 20px;}
.section-choice-wrap .enterprise-info.type-detail + .choice-header + .choice-list .badge-wrap.title {margin-bottom: 0; line-height: 17px; font-family: 'HeadRegular';}
.section-choice-wrap .enterprise-info.type-detail .badge-wrap .badge {position: absolute; top: 0; left: 0; border-radius: 6px; background: transparent; border: 1px solid #979797; color: #979797;}
.section-choice-wrap + .enterprise-service-info {margin: 30px 16px 32px; padding:24px 16px; background:#fff;}
.section-choice-wrap + .enterprise-service-info ul + .tit {display: block !important; padding-top: 24px !important; margin-top: 24px !important; border-top:1px solid #eee;}
.section-choice-wrap + .enterprise-service-info ul {margin-top: 16px;}
.section-choice-wrap + .enterprise-service-info ul li {font-size: 14px; line-height: 24px;}
.section-choice-wrap + .enterprise-service-info ul li + li {margin-top: 4px;}
.section-choice-wrap + .enterprise-service-info ul li strong {display: inline-block; width: 60px; padding-right: 10px; color:#000;}
.section-choice-wrap + .enterprise-service-info ul li p {display: inline-block; color:#595959;}

.section-type-list .choice-service .wash-item.flex-container {align-items:flex-end;padding-bottom:0}
.section-type-list .choice-service .wash-item.flex-container .charge-cost {float: none;margin-top: 0; width:140px;}/*22.01.24 세차상품 텍스트 겹칩 수정*/
.section-type-list .choice-service .wash-item.flex-container .charge-cost em,
.section-type-list .choice-service .wash-item.flex-container .charge-cost span {display:block; text-align: right;}
.section-type-list .choice-service .wash-item.flex-container .mvc-distext + .af-cost {margin-left:0}


.wash-box {display:block; position:relative; padding:20px 24px;}
.wash-box .tit {font-size:16px; font-family:'HeadMedium';padding-bottom:20px}
.wash-box dl{position:relative;padding:5px 0}
.wash-box dl dt{float:left;width:70px;font-family:"HeadMedium";}
.wash-box dl dd{color:#595959;margin-left:78px}
.wash-box .chabtn{position:relative;display: inline-block;height: 20px;margin-left:8px; padding: 0 17px 0 6px;border-radius: 9px;background: #999 url(../images/common/ic-bold-arrow-right-white.svg) no-repeat 100% 50%;background-size: 18px;color: #fff;font-size: 10px;line-height:20px;}
.wash-box .chabtn + .chabtn {margin-left:4px;}
.wash-box .chabtn.type2 {background: #ddd url(../images/common/ic-bold-arrow-right-gray.svg) no-repeat 100% 50%;background-size:18px;color:#999;}
.wash-box .input-wrap {margin-bottom:12px;}
.wash-box .input-wrap + .chabtn {margin-left:0;}
.wash-box .input-wrap input {height:32px;padding-right:0;font-size:12px;}
.wash-box .input-wrap .input-name {display:inline-block;width:30%; margin-right:8px;}
.wash-box .input-wrap .input-phone {width:calc(70% - 8px);} 
.wash-box .flex-container span{color:#595959}
.wash-box .flex-container span.ellipsis{ display:block; margin-right:20px;}
.wash-box .flex-container .txt-info {display: inline-block; margin-right: 4px; font-size: 12px; color: #999;}
.wash-box .tit{font-family: "HeadMedium"; font-size: 16px;padding-bottom:20px;}
.wash-box .s-tit {min-width: 90px;}
.wash-box .s-tit + .input-box {flex: 1;}
.wash-box .s-tit + .input-box input {font-size: 12px;}
.wash-box .flex-container.align-top .s-tit {margin-top: 10px;}
.wash-box .totalwrap {position:relative; border-top:1px solid #eee;padding-top:15px;}
.wash-box .totalwrap span{color:#000;/*font-family: "HeadMedium";*/}
.wash-box .totalwrap.final span{line-height: 22px;}
.wash-box .totalwrap.final span.value{font-size:22px}
.wash-box .totalwrap span.color7 em{margin-left:4px;font-size:12px;color:#999}
.wash-box .def-pay {margin-top:32px;padding:16px;background-color: #f3f3f3;}
.wash-box .def-pay .tit { font-size:14px;font-weight: 500;color:#222;} 
.wash-box .def-pay .info-detail {margin-bottom:16px;font-size:12px; color:#999;}
.wash-box .def-pay .checkbox-wrap {margin-bottom:14px;}
.wash-box .def-pay .checkbox-wrap:last-of-type {margin-bottom:0;}
.wash-box .def-pay .checkbox-wrap .label {color:#222}
.wash-box .def-pay .checkbox-wrap span.label {padding-left:30px;}
.wash-box .def-pay .checkbox-wrap span.label:before { position:absolute; left:0; top:0; content:''; width:22px; height:22px; background:url(../images/common/ic_check_blue.svg) no-repeat center; }
.wash-box .def-pay .checkbox-wrap  .block {margin-left:30px;}
.wash-box .def-pay .point {font-size: 12px; color: #00AAD2; text-decoration: underline;}

.wash-box .pnch-totalwrap {position:relative; padding:30px 16px; text-align:center; font-family:"HeadMedium"; font-size:16px; border-bottom:1px dashed #eee9e7;}

.wash-box .pnch-totalwrap .pnch-total {margin-top:8px; font-size:24px; font-family:"HeadRegular";}
.wash-box .value.btn {  margin-right:0;  background: url(../images/common/ic_go.svg) no-repeat right -6px center; background-size: 36px;  padding-right: 20px; color: #e63312;}
.wash-box .value.btn .tips-caution {margin-right: 0 !important;}
.wash-box .input-box.small.right {text-align: right;}
.wash-box .input-box.small.right input{text-align:right;padding-right:10px}
.wash-box .input-box.small.right.keyup input {width: calc(100% - 30px); padding-right:40px;}
.wash-box .receiptwrap .flex-container{padding:6px 0}
.wash-box .receiptwrap .flex-container .btn.s1{width: 80px; height: 40px; line-height: 40px;}
.wash-box .receiptwrap .point-password-wrap {padding:16px;}
.wash-box .receiptwrap .point-password-wrap > span{color:#595959;}
.wash-box .receiptwrap .point-password-wrap .info-detail{font-size: 12px;color: #999;}
.wash-box .receiptwrap .point-password-wrap .input-wrap{position: relative; margin: 10px 0;}
.wash-box .receiptwrap .point-password-wrap .input-wrap .input-box.small input{width:calc(100% - 84px); height: 40px;}
.wash-box .receiptwrap .point-password-wrap .input-wrap .input-box.small .btn-clear {right:84px;}
.wash-box .receiptwrap .point-password-wrap .input-wrap .btn.s1{position: absolute; top: 0; right: 0; width: 80px; height: 40px; line-height: 40px;}

.wash .dkey-calender.border-top,.wash .border-top.choice-time{border-top:1px solid #eee}
.wash .header input[type="text"]{height:16px;background:transparent;border:0 none;text-align: right;padding:0}
.wash .dkey-calender .kalendae .k-calendar{margin:0 0 20px 0}
.wash .dkey-calender .kalendae .k-title{height:40px;padding-top:16px}
.wash .dkey-calender .kalendae .k-caption{font-size:14px;line-height: 24px;}
.wash .dkey-calender .kalendae .k-header span{border-bottom:0 none;padding:8px 0 0 0;margin:0;height:13px;line-height: 13px;font-family: "HeadRegular", sans-serif;font-weight: normal}
.wash .dkey-calender .kalendae .k-header span:first-child,.wash .dkey-calender .kalendae .k-header span:last-child {color:#000 !important;}
.wash .dkey-calender .kalendae .k-header span.sun {color:#e63312 !important;}
.wash .dkey-calender .kalendae .item.on {position: relative;}
.wash .dkey-calender .kalendae .item.on:before {content:''; display: block; position: absolute; top: 10px; left: 0; bottom: 0; width: 100%; background:rgba(0,170,210,0.1); border-radius: 100%;}
.wash .dkey-calender .kalendae .k-days{margin-top:0;padding-bottom: 0;width:100%}
.wash .dkey-calender .kalendae .k-days span{display: inline-block;margin:0;padding:2px 0 6px 0;line-height: 12px;height:20px;font-family: "HeadMedium", sans-serif;}
.wash .dkey-calender .kalendae .k-days span.k-selected.k-active,.wash .kalendae .k-header.k-active span.k-selected {background:rgba(0,170,210,0.1);color:#00aad2}
.wash .dkey-calender .kalendae .k-header.k-active span.k-selected {border-radius: 20px 20px 0 0;}
.wash .dkey-calender .kalendae .k-days span.k-selected.k-active{border-radius: 0 0 20px 20px;}
.wash .dkey-calender .kalendae .k-calendar .carousel-wrap {overflow: hidden;}
.wash .dkey-calender .kalendae .k-calendar .carousel-wrap .k-header.k-active span.k-selected {color:#00aad2 !important;}
.wash .dkey-calender .kalendae .k-calendar .carousel-wrap .k-days span {width: 100%;}
.wash .border-top.choice-time .flex-container{justify-content: space-around;}
.wash .border-top.choice-time .flex-container ul{width:50%}
.wash .border-top.choice-time .flex-container ul:first-child{border-right:1px solid #eee}
.auto-time:first-child li{margin-right:16px}
.auto-time:last-child li{margin-left: 16px}
.auto-time li input{background:transparent;border:0 none;text-align: center;padding:15px;border-radius: 8px;}
.auto-time li.disabled input{background:transparent;border:0 none;text-align: center;padding:15px;border-radius: 8px;color:#ccc}
.wash .dkey-calender .kalendae .k-days span.k-selected.k-active,.wash .kalendae .k-header.k-active span.k-selected ,
.auto-time li.on input{font-family: "HeadMedium", sans-serif;/*background:rgba(0,170,210,0.1);*/background: #E6F7FB;color:#00aad2;}

.auto-time.is-timesale li.timesale {padding: 8px 15px; border-radius: 8px; text-align: center;}
.auto-time.is-timesale li.timesale input {display: block; padding: 0; height: auto; line-height: 16px;}
.auto-time.is-timesale li.timesale .txt {margin-top: 2px; font-size: 12px; line-height: 14px; color: #999;}
.auto-time.is-timesale li.timesale.on {/*background:rgba(0,170,210,0.1);*/ background: #E6F7FB; color:#00aad2;}
.auto-time.is-timesale li.timesale.on input {background: none;}
.auto-time.is-timesale li.timesale.on .txt {color:#00aad2;}
body.font-big .auto-time.is-timesale li.timesale input {line-height: 18px;}
body.font-big .auto-time.is-timesale li.timesale .txt {font-size: 14px; line-height: 16px;}

.win-pop-wrap.wash .complete-msg.type2{background:#fff;padding:20px}
.win-pop-wrap.wash #pop-container .serviceinfo h2,
.win-pop-wrap.wash .pop-container .serviceinfo h2{display:block;}
.win-pop-wrap.wash .chargeinfo-detail .text-guide{padding: 0 16px 24px 16px}
.win-pop-wrap.wash .chargeinfo-detail .text-guide .pnch-receipt .final-amount{font-family: "HeadMedium", sans-serif;color:#000}
.win-pop-wrap.wash .pnch-customer{margin:20px}
.win-pop-wrap.wash .pnch-customer .flex-container{border-bottom:1px solid #ccc;padding-bottom:10px}
.win-pop-wrap.wash .pnch-customer .btn-drivercall{background:#fff;padding:2px 15px; border:1px solid #ccc;}
.win-pop-wrap.wash .header .chabtn {position:relative;display: inline-block;height: 20px;margin-left:auto;padding: 0 17px 0 6px;border-radius: 9px;background: #999 url(../images/common/ic-bold-arrow-right-white.svg) no-repeat 100% 50%;background-size: 18px;color: #fff;font-size: 10px;line-height:20px;}
.wash-box .chabtn,.pnch-customer .chabtn,.text-guide .chabtn, .flex-container .chabtn, .picname .chabtn{position:relative;display: inline-block;height: 20px;margin-left:8px; padding: 0 17px 0 6px;border-radius: 9px;background: #999 url(../images/common/ic-bold-arrow-right-white.svg) no-repeat 100% 50%;background-size: 18px;color: #fff;font-size: 10px;line-height:20px;}
.text-guide .wrap-col2 span {padding-right:50px;}
.text-guide .wrap-col2 .chabtn{position:absolute;right:18px;top:50%;transform:translateY(-50%);display: inline-block;height: 20px;margin-left:8px; padding: 0 17px 0 6px;border-radius: 9px;background: #999 url(../images/common/ic-bold-arrow-right-white.svg) no-repeat 100% 50%;background-size: 18px;color: #fff;font-size: 10px;line-height:20px;}
.win-pop-wrap.wash .pnch-customer ul{padding:5px 0 0 16px}
.win-pop-wrap.wash .pnch-customer ul.list-circle li + li{margin-top: 4px;}
.win-pop-wrap.wash .pnch-customer ul.list-circle li,.list-circle li{color:#999 }
.win-pop-wrap.wash .pnch-customer ul.list-circle .value {float: right;}
.heading1 + .list-circle li span {padding-left: 10px;}
.win-pop-wrap.wash .btn-wrap.link-type,.win-pop-wrap.wash .btn-wrap.link-type.bottom {  border-top: 1px solid #e4dcd3;  background: #fff;}
.win-pop-wrap.wash .pnch-customer .flex-container {margin-top:23px;padding:23px 0 0;border-bottom:none;border-top:1px solid #ccc;}
.win-pop-wrap.wash .pnch-customer .flex-container:first-of-type {margin-top:9px;border-top:none;}
.win-pop-wrap.wash .pnch-customer .flex-container.first-item {margin-top:9px;border-top:none;}
.win-pop-wrap.wash .pnch-customer .tips-caution + .tips-caution {margin-top:4px}
.win-pop-wrap.wash .empty-msg {position:static;transform:none;padding:76px 0 40px;background: #fff url(../images/common/ic_empty_bold.svg) no-repeat center 40px;}  
.win-pop-wrap.wash .empty-msg .fontm {color:#222}
.win-pop-wrap.wash .success-msg {padding:88px 0 40px;background: #fff url(../images/common/ic_done_bold.svg) no-repeat center 30px;text-align: center;font-size: 18px;}  

.win-pop-wrap.wash .pnch-customer .sub-tit {margin-bottom: 9px; font-size:12px;color:#595959;}
.win-pop-wrap.wash .pnch-customer .cancel-list {}
.win-pop-wrap.wash .pnch-customer .cancel-list p {position:relative; display:flex; justify-content: space-between; width:100%; align-items: center; padding:1px 0 5px 10px;font-size:12px;color:#999;}
.win-pop-wrap.wash .pnch-customer .cancel-list p::before {content:'';position:absolute;left:2px;top:8px;width:2px;height:2px;background:#999;}

/*202109-renewal-home*/
.wrap.bg-white #container{background-color: #fff}
#header.bdb-none .main-title{left:24px}
#header.bdb-none .main-title a{width:200px}
#header.bdb-none ul{right:14px}
.section-wrap{margin:0;}
.section-wrap h2{font-family: "HeadLight";font-size:24px;padding-left:24px;line-height: 30px;}
.cont-box{position: relative;}
.m32{margin:0 32px}

.list-circle li{position: relative; list-style: none; font-size: 12px; line-height: 18px;}
.list-circle li:before {content:'ㆍ'; position: absolute; top: 0; left: -17px; font-size: 12px; color:#999;}

.blue-bg{background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #d7dbeb);opacity: 0.3;height:16px;width:100%;}
.ellipsis{ flex-grow:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:-webkit-box;}
.bdb{border-bottom:1px solid #e5e8ee;}
.pd0{padding:0 !important}
.pd20{padding:20px !important}
.pb60{padding-bottom:60px !important}
.pl24{padding-left:24px}
.align-item-center{align-items:center}
.underline{text-decoration: underline;}
.rotate-90{transform: rotate(-90deg) !important;}
.rotate180{transform: rotate(180deg);}
.bg-none{background:none !important}
.img-wrap{text-align: center;}
.img-wrap img{width: 100%;}
.w50p{width:50%}
.inner24{padding: 0 24px}
.pt16{padding-top:16px}
.color9{color:#ff4600}
.pd24{padding:24px !important}
.pd16{padding:16px !important}
.section-wrap .text-body{padding:24px}

.section-wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;}
.section-wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:4px;height:4px;margin:0 2px;}
.section-wrap .swiper-pagination-bullet-active{background:#00aad2}


section.notice.bo-app-notice {position: relative; padding:0 24px 40px; margin: 0;}
section.notice.bo-app-notice:before {content:''; display: block; position: absolute; bottom: 0; left: 24px; right: 24px; height: 1px; background:#eee; }
section.notice.bo-app-notice .blue-bg {margin: 0 -24px; width: auto;;}
section.notice.bo-app-notice .flex-container {padding-top: 24px;}
section.notice.bo-app-notice + .section-wrap.quick .blue-bg {display: none;}
section.section-wrap.quick .quick-menu li a{padding:60px 10px 10px}

.section-wrap.title h2+p{padding-left:24px;padding-top:8px}
.section-wrap.title .btn.s1.c1{width:120px;height:40px;line-height:40px;margin-left:24px;margin-top:18px}
.section-wrap.contract .cont-box{padding:0 24px}
.section-wrap.contract .btn-wrap img{padding:4px}
/*카라이프 배너슬라이드*/
.section-wrap.carlife .carousel-wrap{height:130px;padding-top:10px}
.section-wrap.carlife .item > a, 
.section-wrap.carlife .item > span {position:relative;border:1px solid #eee;box-shadow: 2px 2px 10px rgba(0,0,0,.05);height:90px}
.section-wrap.carlife .card-banner .item > a, 
.section-wrap.carlife .card-banner .item > span {position: relative;  display: block;  margin-right: 0px;}
.section-wrap.carlife .card-banner .item .card-tit{position:absolute;left:70px;top:25px;font-size:16px}
.section-wrap.carlife .card-banner .item .card-titcont{position:absolute;left:70px;top:50px;color:#aaa;font-size:12px}
.section-wrap.carlife .card-banner .item .card-btn{position: absolute;  right: 20px;  top: 50%;  transform: translateY(-50%);  font-size: 0;  background: url(../images/common/ic-card-btn.svg) no-repeat right center;  background-size: 10px;  padding: 5px 24px 5px 9px;height:33px;width:20px;}
.section-wrap.carlife .card-banner .item .card-btn .editor-group{position: relative;}
.section-wrap.carlife .card-banner .item .card-more{position: absolute;  right: 16px;  top: 50%;  transform: translateY(-50%);  font-size: 0;  background: url(../images/common/btn-more.svg) no-repeat right -6px center;  background-size: 36px;  padding: 5px 24px 5px 9px;}
.section-wrap.carlife .card-banner .item img{position: absolute; left:24px; top:26px;width:28px}
.section-wrap.carlife .card-banner .item img.icon[url="icon-carlife_ongoing.svg"]{background:red}
.section-wrap.carlife .card-banner .item i{position:absolute;font-style:normal;font-size:12px; font-family:"HeadMedium";}
.section-wrap.carlife .card-banner .item i.color9 {left:15px;top:51px;}
.section-wrap.carlife .card-banner .item i.color6{left:21px;top:56px;color:#00bc13 !important}
.section-wrap.carlife .card-banner .item i.color2{left:28px;top:35px}
.section-wrap.carlife .card-banner .item i.color1{left:24px;top:51px;}
.section-wrap.carlife .card-banner .item.charge img {top:21px;left:20px;width:28px;height:28px;}
.section-wrap.carlife .card-banner .item.charge i {font-size:11px;}
.section-wrap.carlife .card-banner .item.charge.complete {position:relative;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-btn {top:19px;width:51px;height:51px;margin-right:0;background-size:51px;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-group.on .editor-btn {background:url(../images/common/ic_edit.svg) no-repeat center;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-group .editor-layer {top:68px;right:20px;padding-top:0;background:none;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-group .editor-layer::after {display: none;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-group .editor-layer ul {min-width:120px;padding:2px 0;border-radius:0;border-color:eee;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-group .editor-layer li {padding:0;font-size:14px;line-height:34px;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-group .editor-layer li::after {left:0;right:0;width:100%;}
.section-wrap.carlife .card-banner .item.charge.complete .editor-group .editor-layer li a {padding:0 16px;margin-right:39px;}
.section-wrap .item-svg{position: relative;  padding: 16px 24px 0; margin-right: 0px;width:100%;display:flex}
.section-wrap .item-svg a{width:32%;margin-right:2%;border:1px solid #eee;justify-content: space-between;padding:15px;text-align: center;font-size:12px}
.section-wrap .item-svg a:last-of-type{margin-right:0} 
.section-wrap .item-svg a img {display: block; padding: 17px 13px; margin: 0 auto; width: auto; height: 80px;}
.bluem-info .item-svg {padding: 0 24px 0 0;margin-bottom: -40px;}
.section-wrap.carlife .card-banner .item.svg{margin-right:0}
.section-wrap.carlife .card-banner .item.svg .item-svg{margin-right:0;position:relative;border:1px solid #eee;box-shadow: 2px 2px 10px rgba(0,0,0,.05);height:90px;padding: 0px;}
.section-wrap.carlife .card-banner .item-svg a.fl-left{border:0;position: relative;padding:0;margin-right:0;width:33%}
.section-wrap.carlife .card-banner .item-svg a.fl-left img{width:40px;top:12px;left:31px}
.section-wrap.carlife .card-banner .item-svg a:after{background:#eee;height:40px;width:1px;content:"";position:absolute;top:24px;right:0}
.section-wrap.carlife .card-banner .item-svg a:last-child:after{background:transparent}
.section-wrap.carlife .card-banner .item-svg a span{display:block;padding-top:60px}
.section-wrap h3.pl20{margin:16px 0 12px;padding-left:24px !important}
.card-banner{height:100px}
.card-banner .slick-dots{bottom:-30px}
.section-wrap.bg-gray.bdb{background:#f9f9f9 !important}
.section-wrap.bg-gray.notice{width:100%;background:#f9f9f9 !important;padding:24px 0;}
.section-wrap.bg-gray.notice h2.pl0.font18.fontr{font-size:16px;line-height:18px;}
.section-wrap.bg-gray.notice p{font-size:14px;font-family: "HeadLight;";display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;background-image:none;padding:0;margin-top:8px;width:100%;height:37px;white-space:inherit;letter-spacing: -0.3px;line-height: 18px;}
.section-wrap.bg-gray.notice .slick-slide {padding:0 24px;}
.section-wrap.eventSlide{padding:0 0 20px;/*min-height: 410px;*/}
.section-wrap.eventSlide .bg-gray{height:180px;background:#f6f3f2 !important}
.section-wrap.eventSlide .flex-container{margin-top:-140px;height:40px;}
.section-wrap.eventSlide .carousel-wrap{margin-left:0; margin:16px 0 36px;}
.section-wrap.eventSlide .carousel-wrap .slick-dots{bottom:-30px}
.section-wrap.eventSlide .item .title{margin-top: 16px; font-family: "HeadRegular";font-size:16px; line-height: 18px;}
.section-wrap.eventSlide .item .date {display: inline-block; margin-top: 12px;}
.section-wrap.benefit .flex-container{width:calc(100% - 48px);margin:0 24px;padding-bottom:10px;border-bottom:1px solid;margin-bottom:20px}
.section-wrap.benefit .str, .section-wrap.benefit .value {padding-left:24px;}
.section-wrap.benefit .value {font-size:28px;font-weight:500;}
.section-wrap.benefit a {/*isplay:block;height:80px;background: #002754;text-align:center;*/}
.section-wrap.benefit a img {/*height:100%;*/} 
.section-wrap.benefit .hdshop-banner a{display:block;text-align:center;}
.section-wrap.benefit .hdshop-banner a img{width: 100%;}
.section-wrap.benefit .border-top{display:block;border-color:#eee;}
.section-wrap.story .blue-bg{height:50px;}
.section-wrap.story .cont-box{display:block;width:100%;padding:20px 24px 60px 24px}
.section-wrap.story .cont-box a{    display: block;  width: 100%;  position: relative;  margin-bottom: 20px;  height: 86px;}
.section-wrap.story .cont-box .thumb{position: absolute;  top: 0;  left: 0;  width: 121px;  height: 78px;    overflow: hidden;}
.section-wrap.story .cont-box .thumb img{width:100%; height:100%;object-fit:cover}
.section-wrap.story .cont-box .tit-wrap{padding-left:140px;}
.section-wrap.story .cont-box .tit-wrap span{display:block;border-bottom:1px solid #eee;padding-bottom:5px;font-family:"HeadMedium"}
.section-wrap.story .cont-box .tit-wrap span.cartech{color:#00c09e}
.section-wrap.story .cont-box .tit-wrap span.hear{color:#a36b4f}
.section-wrap.story .cont-box .tit-wrap span.hnews{color:#c04500}
.section-wrap.story .cont-box .tit-wrap span.webm{color:#8141d2}
.section-wrap.story .cont-box .tit-wrap span.life{color:#2e84d3}
.section-wrap.story .cont-box .tit-wrap .tit {padding-top:5px;font-size: 16px;  line-height: 1.5; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}


.section-wrap.news .bg-gray{height:370px;background:#f6f3f2 !important}
.section-wrap.news .flex-container{margin-top:-340px}
.section-wrap.news .tag-wrap{width:100%;padding-left:24px;margin:16px auto 0;}

.section-wrap.news .tag-wrap .inner,.event .inner{padding:0}
.section-wrap.news .tag-wrap .tag{position:relative;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:auto;color:#000;background:#fff;margin:0 6px 6px 0;line-height:24px;border-radius: 5px;padding:3px 12px;}
.section-wrap.news .tag-wrap .tag>span{font-size:14px;display:inline-block;vertical-align: middle;color:#595959}
.section-wrap.news .tag.on{background:#000;color:#fff}

.bluemem.boxwrap {padding: 8px 0px 20px 0px;}
.bluemem.boxwrap .slick-list {padding-left:8px !important; padding-right:calc(100% - 240px) !important;}
.bluemem.boxwrap .slick-list .slick-slide {margin:0 8px;}
.bluemem.boxwrap .inner { width: 240px !important; padding: 16px 10px; border-radius: 0;border:0 }
.bluemem.boxwrap .inner:active:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.15); z-index: 1;}
.bluemem.boxwrap .tit-wrap{text-align:left;}
.bluemem.boxwrap .tit-wrap span{display:inline-block}
.bluemem.boxwrap .tit-wrap span.post-info{background-repeat: no-repeat;width:30px;overflow:hidden;font-size:0;height:24px;}
.bluemem.boxwrap .tit-wrap span.tit{width:calc(100% - 35px);}

.section-wrap.maincar .img-wrap{position:relative;}
.section-wrap.maincar .img-wrap .instant-msg{display:block;opacity: .7;margin:0 50px auto;text-align: center;position:absolute;bottom:50%;background: rgba(27,27,27,.9); height: 28px;line-height: 13px;}
.section-wrap.maincar .instant-msg p{background:url(../images/common/ic_instant_alert.svg) no-repeat 8px center}
.section-wrap.maincar .cont-box{display:flex;flex-direction: column;}
.section-wrap.maincar .maincar-info .badge{font-family: "HeadRegular";}
.section-wrap.maincar .info-detail{padding:24px}
.section-wrap.maincar .info-detail .quick-menu{padding:0 20px;display: flex;justify-content:space-around;margin-bottom:30px}
.section-wrap.maincar .info-detail .quick-menu li{width:100%;border-left:1px solid #eee}
.section-wrap.maincar .info-detail .quick-menu li:first-child,.section-wrap.maincar .info-detail .quick-menu li:only-child{border-left:0}
.section-wrap.maincar .info-detail .quick-menu li p.quick-tit{font-size:12px;color:#595959}
.section-wrap.maincar .info-detail .quick-menu li span{font-size:15px;color:#000}
.section-wrap.maincar .info-detail .quick-menu li span.dot{background:#5cea50;width:8px;height:8px;border-radius: 8px;display:inline-block;margin-bottom:2px;margin-left:6px}
.section-wrap.maincar .info-detail .quick-menu li span.battery{position:relative}
.section-wrap.maincar .info-detail .quick-menu li span.battery img{transform: rotate(90deg);position:absolute;z-index:2;}
.section-wrap.maincar .info-detail .quick-menu li span.battery i{background-color: #00bc13;width:5px;height:7px;display:inline-block;position:absolute;left:3px;top:7px}
.section-wrap.maincar .info-detail .quick-menu li span.battery i.poor{background-color: rgba(253,0,0,0.7);width:2px}
.section-wrap.maincar .info-detail .quick-menu li span.battery i.middle{background-color: rgba(253, 215, 0, 0.7);width:10px}
.section-wrap.maincar .info-detail .quick-menu li span.battery i.full{width:20px;background-color: rgba(42, 253, 0, 0.7);}
.section-wrap.maincar .info-detail .quick-menu li span.dot.full{background:#5cea50}
.section-wrap.maincar .info-detail .quick-menu li span.dot.poor{background:rgb(253,0,0)}
.section-wrap.maincar .info-detail .quick-menu li span.dot.middle{background:rgb(253, 215, 0)}
.section-wrap.maincar .info-detail .quick-menu li span.dot.gray{background:#999}
.section-wrap.maincar .info-detail .quick-menu{padding-bottom:0px}
.section-wrap.maincar .contract .car-model{display: block;}
.section-wrap.maincar .battery-info{width:calc(100% - 48px);margin:5px 24px 0;padding:5px 0 24px;line-height: 30px;}
.section-wrap.maincar .battery-info .bg-gray{background:#f8fafc !important}
.section-wrap.maincar .info-detail li{height:32px}
.section-wrap.maincar .info-detail .str{color:#595959}
.section-wrap.maincar .refreshtext-info{padding:14px;color:#999;margin-top:-22px;padding-bottom:30px}
.section-wrap.maincar .refreshtext-info dl{position:absolute;right:24px;top:0;}
.section-wrap.maincar .refreshtext-info dt,.maincar .refreshtext-info dd{float: left;font-size:12px;line-height: 28px;}
.section-wrap.maincar .refreshtext-info dt:after{content:":";margin:0 3px}
.section-wrap.maincar .refreshtext-info dd a img{margin-top:-3px;margin-left:3px}
.section-wrap.maincar .badge-wrap{position: relative;padding-top:6px}
.section-wrap.maincar .badge-wrap img{height:20px}
.section-wrap.maincar .accordion.off:first-of-type {background: linear-gradient(to top, #f3f4f9 0%, rgba(255, 255, 255, 0) 16px, transparent 17px, transparent 100%);}
.section-wrap.maincar .accordion.off:last-of-type {background: linear-gradient(to bottom, #f3f4f9 0%, rgba(255, 255, 255, 0) 16px, transparent 17px, transparent 100%);}
.section-wrap.maincar .accordion.off {background: linear-gradient(to top, #f3f4f9 0%, rgba(255, 255, 255, 0) 16px, transparent 17px, transparent 100%);}
.section-wrap.maincar .accordion.on {background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #eef2f9 172px, #fff 173px, #fff 100%);}
.section-wrap.maincar .accordion .accordion-home {background: transparent;}
.section-wrap.maincar .accordion .ellipsis,.section-wrap.maincar .accordion .btn-wrap,.section-wrap.maincar .accordion .blue-bg{display: none;}
.section-wrap.maincar .accordion.off .ellipsis,.section-wrap.maincar .accordion.off .btn-wrap,.section-wrap.maincar .accordion.off .blue-bg{display: block;}
.section-wrap.maincar .accordion.off{padding:0 0 24px}
.section-wrap.maincar .accordion+.accordion.off{padding:10px 0 30px}
.section-wrap.maincar .header{padding:0}
.section-wrap.maincar .accordion .header h2{padding-top:37px;z-index:2}
.section-wrap.maincar .accordion:first-of-type .header h2{padding-top:20px;}
.section-wrap.maincar .accordion .article{margin:0 0;padding:0}
.section-wrap.maincar .accordion .article .info-detail ul:not(.quick-menu){padding-bottom:20px}
.section-wrap.maincar .accordion .header .btn-wrap{position:absolute;right:24px;top:14px;width:16px;}
/* .section-wrap.maincar .accordion.off{border-bottom:1px solid #e5e8ee;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0),  rgba(215, 219, 255, 0.3));} */
.section-wrap.maincar .car-model{font-family: "HeadMedium";font-size:20px}

.section-wrap.operation-info .img-wrap{max-width:220px;}
.car-model a,
.section-wrap.operation-info a.default-btn,
.section-wrap.maincar a.default-btn,
.section-wrap.car-enroll a.default-btn{font-size:20px;background: #fff url(../images/common/ic_down.svg) no-repeat center right 10px ;padding-right:40px;font-family: "HeadMedium";}
/*.section-wrap.operation-info a.default-btn {font-family: "HeadRegular"; padding-left: 28px;}*/
.maincar-info.align-center > p:not([class]) {display:inline-block;font-size:20px;}
.section-wrap.operation-info .default-btn{padding-left:24px}
.section-wrap.recall .btn-wrap.border-top.block{border-top-color:#eee;margin-top:0;}
.section-wrap.recall .btn-wrap.border-top.block .tips-caution{font-size:14px;color:#000}
.section-wrap.recall .btn-wrap.border-top.block .tips-caution em{color:#e63312}
.btn-wrap.border-top.block .btn.default-btn{text-align:left;display:block;width:100%;position: relative;padding-left:4px;font-size:22px;background: #fff url(../images/common/ic-bold-arrow-right-gray.svg) no-repeat center right 10px ;padding-right:40px;}
/* .btn-wrap.border-top.block .btn.default-btn .tips-caution{background-image: url(../common/ic-bold-info.svg);} */
/*maincar accodion*/
.section-wrap.maincar .accordion.off .header h2{padding-top:20px;padding-left:24px;font-size: 18px;line-height:18px}
.section-wrap.maincar .accordion.off .header p.ellipsis{padding-left:24px;padding-top:8px}
.section-wrap.maincar .article.logout .pl24.color4,
.section-wrap.maincar .article.login .pl24.color4{padding:8px 24px 10px;}
.section-wrap.maincar .article.logout .btn.s1.c1{margin-left:24px;width:120px;height:40px;line-height:40px}
[data-popup^=contract-list-popup] .select-box.popup-2 .radio-basic label span{color:#999;font-size:12px;display:block}

.section-wrap.maincar.bdt,
.section-wrap.contract.bdb{position:relative; min-height: 100px;}
.section-wrap.contract.bdb .font18.pl0,.section-wrap.contract.bdb .contract-info{padding-left:20px !important}
.section-wrap.contractwrap{display:none}
.contractwrap h2 span{font-size:12px;position:absolute;right:20px;font-family: "HeadRegular";}
.contractwrap .contractbox{position: relative;padding:5px 0 10px 0;width:100%;border-bottom:1px solid #e5e8ee;margin:0}
.contractwrap .contract {position:absolute;margin-top:-35px; height: 20px; border-radius: 6px; background-color: #fff; color: #bbb;border:1px solid #bbb; padding: 2px 6px;  top:0; left:14px; font-size: 12px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.04)}
.contractwrap .contract:after{content:""; background:url(../images/common/triangle.png) no-repeat;transform: rotate(-180deg);height: 20px;width:20px;position: absolute;top:9px;left:11px;background-size:12px;}

.contractwrap .contract-step {display:flex; justify-content: space-between; margin:30px 10px 10px;}
.contractwrap .contract-step:before{content: ''; width:calc(100% - 60px);height: 1px; border-top: 1px dashed #d8d8d8; position: absolute; top: 52px; left: 0px; z-index: 0;margin-left:30px}
.contractwrap .contract-step li {position:relative; width:80px; padding-top:43px; color:#777; text-align:center;}
.contractwrap .contract-step li:not(.arrow) img {position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:36px;display: block;}
.contractwrap .contract-step li h3{display: block;font-size:12px;margin-top:-35px}
.contractwrap .contract-step li.on{color:#00aad2;}
.contractwrap .contract-step li.on span{position:absolute;margin-top:-35px; height: 20px; border-radius: 6px; background-color: #fff; color: #bbb;border:1px solid #bbb; padding: 2px 6px;  top:0; left:14px; font-size: 12px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.04)}
.contractwrap .contract-step li:last-child {margin-right:0;}
.contractwrap .contract-step li:first-child:before {display:none;}
.contractwrap .contract-step.step2 li .contract{min-width: 110px;z-index: 2;left: calc(100% / 5 - 35px)}
.contractwrap .contract-step.step2 li .contract:after{margin-left:30%}
.contractwrap .contract-step.step4 li .contract{min-width: 85px;z-index: 2;left: calc(100% / 5 - 20px)}
.contractwrap .contract-step.step4 li .contract:after{margin-left:20%}
.contractwrap .contract-step.step5 li .contract{min-width: 160px;z-index: 2;left: inherit;right:15px}
.contractwrap .contract-step.step5 li .contract:after{margin-left:70%}
.contractwrap .contract-info { display:flex; margin-bottom:20px;  }
.contractwrap .contract-info:before{ position:absolute; top:12px; left:50%; width:100%; content:""; display:block; border-top:1px solid #999;}
.contractwrap .contract-info li { position:relative; flex:1; padding-top:28px; font-size:12px; text-align:center; }
.contractwrap .contract-info li:before { position:absolute; top:12px; left:50%; width:100%; content:""; display:block; border-top:1px solid #999; }
.contractwrap .contract-info li:last-child:before { display:none; }
.contractwrap .contract-info li:after {position:absolute;top:0;left:50%;width:24px;height:24px;content:"";display:block;border:2px solid #ccc;border-radius:50%;transform: translateX(-50%);background:#ccc;content: "";font-family:"HeadMedium";line-height:24px;color:#000;}
.contractwrap .contract-info li:first-child:after, .contractwrap .contract-info li:last-child:after { background:#fff; }

.section-wrap.carlife.benefit .cont-box a{width: calc(33% - 7px)}
.section-wrap .info-detail{padding:16px 24px 26px}
.section-wrap .info-detail h3{display:block;font-size:16px;padding:14px 0;}
.section-wrap .info-detail ul+h3{padding-top:30px;}
.section-wrap .info-detail .flex-container{line-height: 32px;}
.section-wrap.car-enroll{margin:8px 0;padding:0;border-bottom:1px solid #e5e8ee}
.section-wrap.car-enroll h2 span{display:block;font-family:"HeadRegular"}
.section-wrap.car-enroll .img-wrap img{width:70%}
.section-wrap.car-enroll .flex-container .str{width:30%;min-width:105px;color:#999}
.section-wrap.car-enroll .flex-container .value{width:70%;text-align: left;white-space: normal;line-height:20px;padding:5px 0}
.section-wrap.car-enroll .flex-container .value li{line-height: 18px;padding:5px 0}
.section-wrap.car-enroll .flex-container .value i{width:20px;height:17px;display: inline-block;background:url(../images/common/ic-bold-arrow.svg) no-repeat;opacity:.7}
.section-wrap.car-enroll .flex-container .value span{display:block;line-height: 17px;padding-bottom:10px;color:#999}
.section-wrap.receiptwrap .str{color:#999}
.section-wrap.receiptwrap ul.list-circle{padding-left:20px}
.section-wrap.receiptwrap ul.list-circle .value{float: right;}
.section-wrap.receiptwrap .flex-container.bdb{border-color:#000;margin-bottom:30px;}
.section-wrap.receiptwrap .flex-container.bdb dd{padding:16px 0;font-size:16px;}
.receiptwrap .value.minus{color:#e63312}



section.wrap-box {margin: 16px 0 0 0; padding: 0;}
section.wrap-box .header{padding: 20px 16px;}
.flex-wrap{flex-wrap:wrap}
.btn-wrap ul.grid-col3 li{ display:flex; flex:none; align-items:center; width:calc(33.3% - 1px); text-align:center; }
.btn-wrap ul.grid-col3 li a { width:100%; min-height:42px; padding:10px 0; text-align:center; }
.btn-wrap ul.grid-col3 li a { min-height:42px; padding:10px 0;  }
.btn-wrap ul.grid-col3 li:nth-child(2n) { margin-right:0; }
.hpf-badge{background:#a36b4f;color:#fff;border:0;font-family: "HeadRegular";}
.section-wrap.btn-wrap h2{display:block;margin:0 24px 10px;padding:3px 0;font-size:18px}
.section-wrap.btn-wrap ul li{min-width:50%;padding:10px 0}
.section-wrap.btn-wrap ul li a{padding:24px}
.section-wrap.btn-wrap ul li a img{width:24px;height:24px;margin-right:12px}
.section-wrap.btn-wrap .border{padding:0 24px}
.section-wrap.btn-wrap .border ul li{ display: flex; align-items: center; justify-content: center; min-width: calc(50% - 24px); min-height: 42px; margin-bottom: 8px; margin-right: 8px; padding: 10px 0; border: 1px solid #ccc;}
.section-wrap.btn-wrap .border ul li:nth-child(even){margin-right:0}
.quick-menu.flex-wrap li a {padding:70px 0 10px;line-height: 16px;height:100px }

/****블루멤버스***/
.section-wrap.bluem-point .editor-btn {top: 20px; font-family: "HeadRegular"; font-size: 12px; background: url(../images/common/ic-bold-arrow-right-gray.svg) no-repeat right -6px center; background-size: 36px; padding: 5px 14px 5px 0;}
.section-wrap.bluem-point .editor-btn:active {opacity: 0.7;}
.section-wrap.bluem-point .editor-btn .value.font36{font-family: "HeadMedium";}
.section-wrap.bluem-point .editor-btn .value.font36:after{content:"p";font-size:24px;margin-left:5px;}
.section-wrap.bluem-point .border-top{border-color:#eee;padding:16px 0}
.section-wrap.bluem-point .btn-wrap.banner  {max-width: 100%;}
.section-wrap.bluem-point .btn-wrap.banner a img{max-width: 100%;}
.section-wrap.bluem-point .btn-wrap.banner ul {width: auto;}
.section-wrap.bluem-point .btn-wrap.banner .slide-block .item {padding-right:8px;}
.section-wrap.bluem-point .carousel-wrap.btn-wrap.banner {margin-bottom:2px;}
.section-wrap.bluem-point .carousel-wrap.btn-wrap.banner .slick-dots{bottom:-26px;}

/**더보기 배너**/
.section-wrap.banner-wrap .btn-wrap.banner  {max-width: 100%;}
.section-wrap.banner-wrap .btn-wrap.banner a img{max-width: 100%;}
.section-wrap.banner-wrap .btn-wrap.banner ul {width: auto;}
.section-wrap.banner-wrap .btn-wrap.banner .slide-block .item {padding-right:8px;}
.section-wrap.banner-wrap .carousel-wrap.btn-wrap.banner {margin-bottom:2px;}
.section-wrap.banner-wrap .carousel-wrap.btn-wrap.banner .slick-dots{bottom:-26px;}
.section-wrap.banner-wrap.type2{height:auto;padding-top:0;}
.section-wrap.banner-wrap.type2 .LineBannerSlide .slick-slide .item{width:100%;}
.section-wrap.banner-wrap.type2 .LineBannerSlide .slick-slide .item a{display:block;margin-right:0}
.section-wrap.banner-wrap.type2 .keyPaging {position:absolute; right:10px; bottom:10px;left:inherit; width:36px; height: 14px; padding:0 5px; font-size:12px; color:#fff; line-height:1.33; text-align: center; z-index:9; background:rgba(0, 0, 0, 0.2); border-radius:7px;}
.section-wrap.banner-wrap.type2 .keyPaging #currentKey {opacity:1;font-family:"HeadLight";}
.section-wrap.banner-wrap.type2 .keyPaging #countKey {opacity:0.5; }
.bluelife .mySwiper .swiper-wrapper .swiper-slide{text-align: center;display: flex;justify-content: center;align-items:center;}
.bluelife .mySwiper .swiper-wrapper .swiper-slide img{width:100%;display:block;height:100%;object-fit:cover}
.bluelife .mySwiper .swiper-wrapper .swiper-slide{width:70%;}
.bluelife .logo-hdshop {width:64px;height:24px;margin-left:26px;padding-left:0;background: url(../images/common/logo_hyundai_shop.png) no-repeat left top;background-size:62px;}
.bluelife .logo-hdshop a {display: block;height:100%;}
.section-wrap.bluelife .logo-hdshop + a.underline {display:inline-block;line-height:24px;vertical-align: baseline;}

/* .section-wrap.bluelife .swiper-slide{flex-shrink:1;min-height: 220px;}
.section-wrap.bluelife .swiper-wrapper{padding-left:24px;}
.section-wrap.bluelife .el-image{max-width:100%;min-width:296px;min-height: 184px;} */
.btn-barcode {position:fixed;  bottom:80px; right:24px; min-width: 42px; line-height:42px; color:#fff; font-size:14px;border-radius:24px; padding:0 12px 0 40px; transition:all 0.15s ease;background:#00aad2 url(../images/common/icon_fl_barcode.svg) no-repeat 15px;z-index:9;box-shadow: 0px 4px 10px rgba(0,0,0,0.15); background-size:18px;}
.btn-barcode:active {opacity:0.6;}
.btn-barcode.scrolled {font-size:0; padding:0; border-radius:42px; background-position:center center; color:transparent;}

.bluem-info {padding: 96px 0 70px 24px; margin-left: auto; margin-right: auto; position: relative; /*overflow: hidden;*/ list-style: none; z-index: 1;}
.bluem-info:after {content:''; display: block; clear: both;}
.bluem-info.supplies {padding-top:35px;padding-bottom:0}
.bluem-info .accSlide{padding:20px 0;margin-right:24px;}
.bluem-info .accSlide .item a {width:auto !important;margin-right:6px; border: 1px solid #dddddd; overflow:hidden; text-align: center; font-size: 14px; line-height:17px; margin-right:6px; min-height: 122px;border-radius: 0;padding:7px 7px 16px;}
.bluem-info .accSlide .item:active {background:rgba(0,0,0,.15);}
.bluem-info .accSlide .item:active:before {background:none;}
.bluem-info .accSlide .item a span{display: inline-block;height: 30px; margin-bottom: 2px; font-size: 12px; line-height: 15px; vertical-align: middle;}

/* .bluem-info .accSlide .item img {display: block;padding:20px 13px 10px 13px;width:80px}
.bluem-info .accSlide em{display:block} */

.bluem-info .menuswiper .swiper-wrapper{padding:20px 0 0 0}
.bluem-info .menuswiper .swiper-wrapper .item a{width:auto !important; border: 1px solid #dddddd; overflow:hidden; text-align: center; font-size: 12px; line-height:1.33; margin-right:6px; min-height: 122px;border-radius: 0;padding:7px 15px}
.bluem-info .menuswiper .swiper-wrapper .item:active {background:rgba(0,0,0,.15);}
.bluem-info .menuswiper .swiper-wrapper .item:active:before {background:none;}
.bluem-info .menuswiper .swiper-wrapper .item:last-child {margin-right:0;} 
.bluem-info .menuswiper .swiper-wrapper .item img {display: block;padding:20px 13px 10px 13px;width:80px}
.bluem-info .accSlide .slick-slide a{display:block;margin-right:6px}
.bluem-info .accSlide .item img {display: block;padding:17px 13px;margin:0 auto;width:auto;height:80px}
.bluem-info .accSlide em{display:block}
.section-wrap.bluem-info.supplies+.section-wrap.banner-wrap{position:relative;/*height:140px;*/padding:20px 24px 0;}
.section-wrap.bluem-info.supplies+.section-wrap.banner-wrap .item{width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;background: url(../images/common/direct-right.svg) no-repeat right center,url(../images/common/ic-bold-coupon.svg) no-repeat -5px center;  background-size: 30px,43px;  padding: 20px 24px 20px 49px;}
.bluem-info.consumption-exchange .accSlide .item a img{width:60px;height:60px;padding:10px 5px}
.bluem-info.consumption-exchange .accSlide .item a span{height:19px;}
.bluem-info.consumption-exchange .accSlide .item a em{margin-bottom:6px}
.section-wrap.bluem-info.supplies+.section-wrap.banner-wrap .item p{font-size:16px;line-height: 16px;padding-bottom:6px;}
.section-wrap.bluem-info.supplies+.section-wrap.banner-wrap .item span{color:#595959;font-size:12px;}
.bluem-info .flex-container, .vehicle-quick .flex-container {align-items:flex-end;}
.vehicle-quick #repstInfo+.empty-msg{margin-top:20px}
#reportDate+.vehicle-report-list .empty-msg{padding-bottom:30px}

.bluem-point .list-circle{padding:20px 20px 30px 39px}
.bluem-point .list-circle li{font-size:13px;color:#000;line-height: 18px;}
.bluem-point .list-circle li + li {margin-top: 8px;}
.section-wrap.bluem-point .info-detail{padding:0 24px 16px}
.section-wrap.bluem-point .flex-container a.underline,
.section-wrap.graph-content .flex-container a.underline {padding-right: 28px !important;}
.bluem-point .btn-wrap.border-top.align-center{margin:20px 0 0}
/*더보기*/
 section.mu-header.bg-white.bdb.pt10 .login{margin-top:18px;background:#002c5f;height:40px;display: inline-block;color:#fff;padding:10px 50px} 

.chart-area .bar.stacked ul.division-graph { height:210px;}
.chart-area .bar.stacked ul.division-graph li { position:relative; height:20%;}

.section-wrap.graph-content .header {padding-left:24px;}
.section-wrap.graph-content .header .unit.type2{top:86px;right:28px;font-size:10px;}
.chart-area .bar.stacked ul.bar-graph {  height:210px; padding: 13px 5px 67px 44px;}
.chart-area .bar.stacked ul.bar-graph li ul { display:flex; flex-direction: column-reverse; position:absolute; bottom:0; left:50%; width:10px; height:100%; transform:translateX(-50%); }
.chart-area .bar.stacked ul.bar-graph li ul li { width:10px; display:block; float:none; }
.chart-area .bar.stacked ul.bar-graph li ul li:last-child {  border-radius:1px 1px 0 0;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc08 { background:#ccc;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc07 { background:#f9c963;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc06 { background:#f9f871;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc05 { background:#b0f285;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc04 { background:#58c88e;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc03 { background:#aacae6;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc02 { background:#00aad2;}
.chart-area .bar.stacked ul.bar-graph li ul li.etc01 { background:#002c5f;}

.chart-area .bar.stacked span.everage{position:absolute;border-top:1px dashed #ccc;top:76px; left:40px ;width:calc(100% - 40px);height:1px;display: block;}

.section-wrap.operation-info{border-bottom:1px solid #e5e8ee}
.section-wrap.operation-info .btn-wrap.border-top.dkey{border-color:#eee;padding: 24px 8px 24px 8px;margin:0 24px;}
.section-wrap.operation-info .btn-wrap.border-top.dkey .btn-wrap.link-type{min-width:140px;line-height: 16px;}
.section-wrap.operation-info .btn-wrap.border-top.dkey .btn-wrap.link-type a{float:left;/*font-family: "HeadMedium";*/color:#060606}
.section-wrap.operation-info.carlife-login-section{border-bottom:0}
.btn-wrap.link-type.footer.type3{margin:0 24px;border-bottom-color:#eee}
.section-wrap.operation-info .btn-wrap.link-type .btn.link:first-child{ display:inline-block;border-right:1px solid #e4dcd3;}
.section-wrap.operation-info .border-top.dkey .dkey-user{font-size:16px;color:#a36b4f}
.section-wrap.operation-info .border-top.dkey span{font-size:11px;color:#999}
.section-wrap.maincar .arrow-btn{padding-left:24px;font-size:22px;background: #fff url(../images/common/ic_down.svg) no-repeat center right 10px ;padding-right:40px}
.section-wrap.operation-info .carnumber{display: inline-block; margin-top: 8px; font-size:16px;color:#595959; border:0;line-height:20px;padding-left:24px;}
header .mycarRenew,header .myblueRenew,header .carlife{ color: #002C58 !important;}
.section-wrap.carlife+.section-wrap.vehicle-quick.detail-wrap{padding-top:40px}
.section-wrap.operation-info .sub-main-header h2{display:block;font-size:18px; line-height: 23px; margin-bottom: 12px;}
.section-wrap.operation-info .sub-main-header+.flex-container.dkc-info{padding-bottom:10px}/*디지털키사용자 하단여백*/
.section-wrap.operation-info .oper-detail{padding:20px 0 0 24px}
.section-wrap.operation-info .oper-detail dl{padding-bottom:10px;}
.section-wrap.operation-info .oper-detail dl dt{font-size:12px;color:#999}
.section-wrap.operation-info .oper-detail dl dd{text-align: left;/*font-family: "HeadMedium";*/font-size:16px}
.section-wrap.operation-info .oper-detail a.color1.underline{display:block;margin-bottom:30px;}
.section-wrap.operation-info .oper-detail.type2{margin-top:40px;min-width:130px}
.section-wrap.operation-info .oper-detail.type2 .value{color:#a36b4f;font-family: "HeadRegular";}

.section-wrap.operation-info .btn-wrap.link-type.type3 .btn.link{display: block;border-right:0}
.section-wrap.operation-info .btn-wrap.link-type.type3 .btn.link em{color:#00aad2;margin-left:3px}
.section-wrap.carlife.operation-info .swiper-container{padding:12px 24px 60px}

.cont-box-header{margin:0 20px;padding-bottom:10px;border-bottom:1px solid #999}
.cont-box-header p{color: #999}
.cont-box-body{margin:0 20px}
.cont-box-body .cate-list li{position:relative;min-height:82px;border-bottom:1px solid #eee;padding:24px 0 25px 70px}
.cont-box-body .cate-list.list-one li:first-child{background: url(../images/common/ic-quicklist01.svg) no-repeat 10px center ;}
.cont-box-body .cate-list.list-one li:last-child{background: url(../images/common/ic-quicklist02.svg) no-repeat 10px center ;}
.cont-box-body .cate-list.list-two li:first-child{background: url(../images/common/ic-quicklist03.svg) no-repeat 10px center ;}
.cont-box-body .cate-list.list-two li:last-child{background: url(../images/common/ic-quicklist04.svg) no-repeat 10px center ;}
.cont-box-body .cate-list.list-three li:first-child{background: url(../images/common/ic-quicklist05.svg) no-repeat 10px center ;}
.cont-box-body .cate-list.list-four li:first-child{background: url(../images/common/ic-quicklist06.svg) no-repeat 10px center ;}
.cont-box-body .cate-list.list-five li:first-child{background: url(../images/common/ic-quicklist07.svg) no-repeat 10px center;min-height:90px ;}
.cont-box-body .cate-list.list-five li:last-child{background: url(../images/common/ic-quicklist08.svg) no-repeat 10px center;min-height:90px; border-bottom:1px solid #eee;}
.cont-box-body .cate-list.list-five li:nth-child(2){background: url(../images/common/ic-quicklist08.svg) no-repeat 10px center;min-height:90px; }
.cont-box-body .cate-list.list-five li:nth-child(3){background: url(../images/common/ic-quicklist09.svg) no-repeat 10px center;min-height:90px;border-bottom:0}
.cont-box-body .cate-list li.no-line{border-bottom:none !important}
.cont-box-body .cate-list li h3{float:left;font-size:16px;}
.cont-box-body .cate-list li h3 .caution{vertical-align:text-top;}
.cont-box-body .cate-list li span + a{float:right;font-size:14px;line-height:36px;width:80px;text-align:center;background-color:#f3f3f3;}
.cont-box-body .cate-list li a.arrow-btn{background-color:transparent;font-size:0;background:url(../images/common/ic-bold-arrow-right-gray.svg)no-repeat center right;background-size: 34px;width:40px;top:10px}

.cont-box-body .cate-list li span{position:absolute;top:46px;left:70px;color:#999;font-size:12px;}
.cont-box-body .cate-list li span.place a{position: relative;}
.cont-box-body .cate-list.list-four li h3{line-height: 42px;}
.cont-box-body .cate-list.list-four li p.txt-sm{float:right;font-size:14px;line-height:42px;margin-right:8px}
.cont-box-body .cate-list.list-five li a{display:inline-block;text-decoration: underline;background:transparent;color:#00c1d1;text-align: right;}
.cont-box-body .cate-list.list-five li span{width:150px;line-height: 16px;top:48px}
.section-wrap.maincar.car-no .cate-list.list-five li{padding-top:20px;min-height:96px}
.section-wrap.maincar.car-no .cate-list.list-five li span{top:48px}
.section-wrap.maincar.car-no .cate-list.list-five li a{line-height:23px}
.cont-box-body .caution {width: 16px; height: 16px; display: inline-block; margin-left: 3px;background: url(../images/common/ic_caution.svg) no-repeat center 3px; cursor: pointer;vertical-align: sub;}
.cont-box-body .sub-head-info .info-h{margin-bottom:0;font-size:12px;color:#999}
/*배너슬라이드 차량관리*/
.wash-box.sale-price-wrap .tips-caution{margin-top:3px}
.select-box li:last-child,.category-list > li:last-child{border-bottom:0}
.section-wrap.vehicle-quick {padding-top: 55px;}
.section-wrap.video-wrap + .section-wrap.vehicle-quick {padding-top: 15px;}
.section-wrap.vehicle-quick .empty-msg{margin-bottom:30px}
.section-wrap.vehicle-quick .inner.cont-box .btn-wrap.more-are+.empty-msg{min-height:120px;margin-top:30px}
.section-wrap.vehicle-quick + .section-wrap.img-wrap.pt30 .inner.swiper-slide{height:120px}
.section-wrap.check-vehicle .swiper-container{padding:24px;}
.section-wrap.check-vehicle .card-banner .inner.item{position:relative;height:110px;border:1px solid #eee;box-shadow: 2px 2px 10px rgba(0,0,0,.05);}
.section-wrap.check-vehicle .card-banner .item a .card-tit{position:absolute;left:70px;top:25px;font-size:16px}
.section-wrap.check-vehicle .card-banner .item a .card-titcont{position:absolute;left:70px;top:50px;color:#aaa;font-size:11px}

.section-wrap.check-vehicle .card-banner img{padding-left:5px;padding-top:10px}
.section-wrap.check-vehicle .card-banner .item a .card-tit,
.section-wrap.check-vehicle .card-banner .item a .card-titcont{left:24px;margin-top:21px;}
.section-wrap.check-vehicle .card-banner .item a .card-cate{position:absolute;left:24px;top:22px;color:#00aad2}
.section-wrap.check-vehicle .card-banner .item a .card-btn{background-size:12px;height:40px;opacity:.5}

.bluem-info.supplies .card-banner .inner:first-child img{padding-bottom:10px}
.bluem-info.supplies .card-banner em{display: block;font-size:14px}
.bluem-info.supplies .accSlide {padding-bottom: 0;}
.section-wrap.carlife-banner{height:200px;padding-top:30px}

/*배너슬라이드*/
.bannerSlide .item,.card-banner .item, .carlifeSlide .slick-slide .item,.eventSlide .item{width:90%;}
.eventSlide .carousel-wrap{margin-left:-26px}
.bannerSlide .item a,.card-banner .item a,.carlifeSlide .slick-slide .item a,.eventSlide .item a{display:block;margin-right:16px}
/* .carlifeSlide:not(.slick-slider) {padding:0 24px;} */
.carlifeSlide:not(.slick-slider) .item a img {width: 100%;}

/* .section-wrap.bluelife .bannerSlide{padding:0 24px} */
.section-wrap.bluelife[data-tpl="car"]{padding-top:86px !important}
.section-wrap.bluelife .flex-container{align-items: flex-end;}
.section-wrap.carlife.check-vehicle .carousel-wrap {  height: 160px;  padding-top: 10px;}
.section-wrap.carlife.check-vehicle .item a{height:110px}
.section-wrap.carlife.check-vehicle .card-banner .slick-dots,.carlifeSlide .slick-dots,
.carousel-wrap .bannerSlide .slick-dots, .carousel-wrap .LineBannerSlide .slick-dots{transform: translateX(-50%);bottom:-40px;z-index: 5;}

.section-wrap.bluem-info.supplies+.section-wrap.banner-wrap + .vehicle-quick {padding-top: 65px;}
.section-wrap.banner-wrap + .vehicle-quick {padding-top: 65px;}
.section-wrap.bluem-info.supplies + .vehicle-quick,
.section-wrap.bluem-info.supplies+.section-wrap.banner-wrap.none + .vehicle-quick {padding-top: 40px !important;}
.vehicle-quick .inner.cont-box{padding:16px 24px 0;}
.vehicle-quick .inner.cont-box h3{font-size:16px;display: block;} 
.vehicle-quick .inner.cont-box span{color:#999;padding-top:6px;font-family: "HeadRegular";font-size:12px}
.vehicle-quick .inner.cont-box.repst-now {vertical-align: top;}
.vehicle-quick .inner.cont-box.repst-now p {display: inline-block;}
.vehicle-quick .inner.cont-box.repst-now .str {width: 90px; color:#999;}
.vehicle-quick .inner.cont-box.repst-now .btn-wrap.link-type ul {margin-top: 16px;}
.vehicle-quick .inner.cont-box.repst-now + .inner.cont-box.repair {margin-top: 50px !important;}
.vehicle-quick .inner.cont-box.repst-now.none + .inner.cont-box.repair {margin-top: 20px !important;}
.vehicle-quick .inner.cont-box.repair span{position:absolute;left:24px;top:-3px;padding-top:0;font-size:14px}
.vehicle-quick .inner.cont-box.repair h3{font-size:20px;margin-right:8px;float:left;}
.vehicle-quick .inner.cont-box.repair .arrow-btn{position: relative;top:0;;opacity: .45;}
.inner.cont-box .btn-wrap.link-type.bdb{border-bottom:1px solid #999 !important}
.inner.cont-box .btn-wrap.link-type ul{margin-top:10px;margin-bottom:24px}
.inner.cont-box .btn-wrap.link-type a{display:block; background:#eee;padding:9px 4px;margin-right:6px;text-align:center;}
.inner.cont-box .btn-wrap.link-type li:last-of-type a {margin-right:0;}
.vehicle-quick+.vehicle-quick{padding-top:50px}
.vehicle-quick .inner.cont-box:first-child{border-bottom:1px solid #999}
.vehicle-quick .inner.cont-box:last-child{padding-top:0;padding-bottom:20px;}
.vehicle-quick .inner.cont-box .cate-list li{position:relative;min-height:70px;border-bottom:1px solid #eee;padding:10px 0}
.vehicle-quick .inner.cont-box .cate-list li:last-child{padding-bottom: 0; min-height: 55px;border-bottom:0;}
.vehicle-quick .inner.cont-box .cate-list h3{float:left}
.vehicle-quick .inner.cont-box .cate-list p{float:right;color:#999;font-size:12px}
.vehicle-quick .inner.cont-box .cate-list span{position:absolute;top:30px;left:0;color:#828282;font-family:'HeadRegular';}
.vehicle-quick .inner.cont-box .cate-list + .empty-msg.type3 {margin-bottom: 0; padding-bottom: 10px;}
.error-msg { position:relative;margin:-10px 24px 24px 24px;}
.error-msg a { display:block;padding:9px 8px 9px 26px; color:#de5858; font-size:12px; background-color: #fff5f5;background-image:  url(../images/common/err-icon_red_r.svg) , url(../images/common/err-icon_arlet_r.svg) ; background-size:6px,12px; background-repeat: no-repeat,no-repeat;background-position:right 14px center, left 8px center;}
.cont-box-body .cate-list li span + a:after,.cont-box-body .caution:active { background-color:rgba(255,255,255,.05); }
.vehicle-quick h3.period{font-size:12px;color:#595959;margin:5px 24px;border-bottom:1px solid #999;display: block;line-height:36px}
/* .vehicle-quick a.ic_filter{position:absolute; top:14px; right:0px; display:block; width:55px; height:23px; border-radius:12px; border:1px solid #999; background:url(../images/common/ic-bold-filter.svg) no-repeat 30px center; background-size:16px; } */
.section-wrap.vehicle-quick .flex-container.pt50{position:relative}
.vehicle-quick a.ic_filter{position:absolute; top:52px; right:16px; display:block; width:55px; height:23px; background:url(../images/common/ic-filter-blue.svg) no-repeat left center; background-size:16px; padding-left:22px;color:#00aad2}
.section-wrap.vehicle-quick .inner.cont-box .basic-list p.time{color:#595959;font-size:12px}
.section-wrap.vehicle-quick .inner.cont-box .basic-list p.time+.flex-container p{font-size:16px;padding-bottom:4px}

.form-list.type3:not(.horizontal) li + li {margin-top:8px;}
.section-wrap.vehicle-quick .inner.cont-box .basic-list.type2 li{border-color:#eee}
.section-wrap.vehicle-quick .category-list li .arrow-btn {padding-left: 0;}
.section-wrap.vehicle-quick .inner.cont-box.pt0 .category-list li:last-child{border-bottom:0}
.section-wrap.video-wrap{position: relative; padding-top: 20px;}
.section-wrap.video-wrap h2,.section-wrap.video-wrap+.section-wrap h2{margin-top:20px;display:block}
.section-wrap.video-wrap+.section-wrap h2 {margin-top:0 !important;padding-top:50px !important;}
.section-wrap.video-wrap h2 span{font-size:16px;line-height: 20px;margin-bottom: 8px; color:#666;display:block}
.section-wrap.video-wrap .bannerSlide{padding-top:24px}
.section-wrap.video-wrap .bannerSlide .item a span{display:block;padding-left:32px;background:url(../images/common/ico-youtube.png)no-repeat left center;background-size: 24px;line-height: 17px;font-size:14px;margin-top: 12px;}
.section-wrap.video-wrap .bannerSlide .slick-dots{position: static; padding: 25px 0 10px; text-align: center; height:31px;}
.inner.carmanage-graph{padding:16px 24px 0 10px;}
.graph-content .btn-wrap.border-top{border-color:#ccc;margin:0 24px;padding:12px 0 52px}
.graph-content .btn-wrap.border-top p{font-size:12px;color:#999}
.graph-content .btn-wrap.border-top a.btn{padding:9px 0;width:100%;display:block;background: #f3f3f3;margin-top:20px}
.autoplay .slick-slide a{width:100%}
.card-banner .slick-slide:only-child{margin-left:0}/*배너가 한개일 경우*/
.card-banner .slick-slide div{margin-right:12px}
.inner.cont-box.repst-list,.inner.cont-box.vehicle-report-list{position: relative;min-height:150px}
.inner.cont-box.repst-list .empty-msg,
.inner.cont-box.vehicle-quick:last-child{padding-bottom:50px}
.btn-write {position:fixed;  bottom:80px; right:24px; min-width: 42px; line-height:42px; color:#fff; font-size:14px;border-radius:24px; padding:0 12px 0 40px; transition:all 0.15s ease;background:#00aad2 url(../images/common/icon_fl_write.svg) no-repeat 15px;z-index:10;box-shadow: 0px 4px 10px rgba(0,0,0,0.15); background-size:18px;}
.btn-write:active {opacity:0.6;}
.btn-write.scrolled {font-size:0; padding:0; border-radius:42px; background-position:center center; color:transparent;}


.section-wrap.point-card {min-height:265px;padding:32px 0 0;position: relative;}
.pointSwiper .swiper-slide-active{margin-left:20px}
.blue.swiper-slide-active{margin-left:13vw}
.green.swiper-slide-active{margin-left:26vw}
.swiper-container.pointSwiper{padding:0 0 30px 0}
.pointSwiper .swiper-wrapper{padding-bottom:30px;height: inherit;align-items:center;-webkit-box-align: center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;}
.pointSwiper .card-wrap {height:208px;border:1px solid #ccc;border-radius: 8px;padding:20px 10px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.019), 0 4px 10px 0 rgba(0, 0, 0, 0.09);}
.pointSwiper .point-info{position: relative;padding-bottom:10px;text-align: left;padding-left:15px;}
.pointSwiper .point-info .card-point{font-size:34px;font-family:"HeadMedium";display:block;line-height: 32px;}
.pointSwiper .slick-dots {bottom:-34px;}
.pointSwiper .slick-slide img {width: auto;}
.pointSwiper .slick-slide {positon:relative;margin-right:10px;}
.point-box .btn-point {position:relative; display: block;margin: 0 auto;font-size: 2.4rem;line-height:3.2rem; font-family: 'notosans-B';color: #05141f;}
.point-box .btn-point:active:before{content:unset;}
.point-box .btn-point:after {content: ''; width: 1.6rem; height: 1.6rem; background: url(../img/common/icon_point_red.png) no-repeat 50% 50%; background-size: 1.6rem; position: absolute; top: 53%; transform: translateY(-50%); margin-left: 0.6rem;}
.point-box .pimg-box {display:table;position:relative; margin-bottom:1.6rem; left:50%; width:14.4rem; height:14.4rem; transform:translateX(-50%);}
.point-box .pimg-box .membercard {object-fit:contain;width:100%;height:100%;}
.section-wrap .swiper-container-horizontal > .swiper-pagination-bullets{margin-bottom:10px}
.card-wrap .add-card{display:block;position:relative;width:100%;margin-top:42px; padding-top: 32px; background:url(../images/common/card_plus_white.svg) no-repeat top center;}
.card-wrap.white .add-card{display:block;position:relative;width:100%;margin-top:42px; padding-top: 32px; background:url(../images/common/card_plus_black.svg) no-repeat top center;}
.card-wrap.green .add-card{display:block;position:relative;width:100%;margin-top:42px; padding-top: 32px; background:url(../images/common/card_plus_black.svg) no-repeat top center;}
.card-wrap .del-card{position:absolute;top:0;right:14px;text-decoration: underline;color:#aaa}
.card-wrap.linked .point-info {position: relative;height:25vw}
.card-wrap.linked .point-info img {position: absolute; right: 14px; top: -4px;}
.card-wrap.linked .point-info .card-point {position:absolute;top: 40px;color:#222;width: 288px;left: 50%;transform: translateX(-50%);}
.card-wrap.linked .point-info .card-point:after{content:"p";font-size:24px;font-family: "HeadRegular";}
/* @media screen and (max-width: 374px) {
  .card-wrap.linked .point-info .card-point {top: 20px;}
} */
.card-wrap.linked .point-info .del-card {top: 77px;z-index:3}
.section-wrap.point-card .card-wrap.linked  .barcode {position:absolute;left:0;bottom:10px;height:100px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:0;}
.card-wrap.linked .barcode svg g text {baseline-shift:5px;fill:#999}
.card-wrap.linked {position: relative;}

.card-wrap.linked.white  {background: linear-gradient(to bottom, #f3f3f3 0px, #f3f3f3 126px, #fff 126px, #fff 100%) !important;}
.card-wrap.linked.blue  {background: linear-gradient(to bottom, #0051a3 0px, #0051a3 126px, #fff 126px, #fff 100%) !important;}
.card-wrap.linked.green {background: linear-gradient(to bottom, #ffd700 0px, #ffd700 126px, #fff 126px, #fff 100%) !important;}
.card-wrap.linked.blue .card-point{color:#fff}
.swiper-container.cardSwiper{height:270px}
.cardSwiper .swiper-wrapper{display:flex;box-sizing:content-box;align-items:center;-webkit-box-align: center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;}
.cardSwiper .swiper-slide{flex-shrink:0;position:relative;width:70%;height:200px;margin:30px;border:1px solid #ccc;border-radius: 8px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.019), 0 4px 10px 0 rgba(0, 0, 0, 0.09);}



.section.point-info {position:fixed; width:100%;bottom:0;padding:0.9rem 0rem;z-index:1; padding-bottom: calc(env(safe-area-inset-bottom) - 2px); padding-bottom: calc(constant(safe-area-inset-bottom) - 2px);}
.section.point-info .inbox {padding:0;}
.section.point-info .inbox .list li {border-bottom:none; position:relative;}
.section.point-info .inbox .list li:after {content:''; position:absolute; bottom:0; left:2.4rem; height:1px; width:calc(100% - 4.8rem); background:rgba(5, 20, 31, 0.05);}
.section.point-info .inbox .list li:last-child:after {content:unset;}
.section.point-info .inbox .list li button {padding:1rem 2.4rem 3.7rem 2.4rem;}
.section.point-info .pop-link {right:2.4rem;}
.section.point-info .num-point {vertical-align:top; float:right; margin-right:2.4rem; padding-right:2.6rem; font-size:1.8rem;line-height:2.7rem; font-family:"notosans-B"; background:url(../img/common/icon_point_red.png) no-repeat calc(100% - 0.4rem) 55%; background-size:1.6rem; line-height:2.4rem;}
.section.point-info .mpoint .num-point {background:url(../img/common/icon_point_m.png) no-repeat calc(100% - 0.4rem) 55%; background-size:1.6rem; }
.section.point-info .warn-point {position:absolute; right:2.4rem;text-align:right;padding-right:2.8rem;}
.section.point-info .warn-point, .section.point-info .warn-point span{font-size:1.4rem; color:rgba(5, 20, 31, 0.6); font-family:"notosans-R"}

.popup-wrap .point-box .swiper-wrapper {margin-bottom:4rem;}
.barcodewrap {position: relative;}
.barcodewrap > div:last-child{position:absolute;top:-50px;left:-50px;background-color: transparent !important;}
.barcodewrap > div{background-color: transparent !important;}
.section-wrap.point-card .card-select{padding:0;margin:0}
.card-wrap.white{background:#f3f3f3 !important;color:#000}
.card-wrap.blue{background:#0051a3 !important;color:#fff}
.card-wrap.green{background:#ffd700 !important;color:#000}


.basic-list .click-arrowp.value {position: relative;margin-right:18px}


/* .card-wrap.swiper-slide.blue .barcode svg rect {fill:transparent} */
.section-wrap.point-card-info .circle-list.type2 .content {margin-top:18px;}
.section-wrap.point-card-info .circle-list.type2 .content img{max-width:100%;}
.section-wrap.point-card-info .circle-list li .step{top:20%;background:#595959;width:40px;height:40px;font-size:14px;padding-top:17px;font-family: 'HeadMedium';}
.section-wrap.point-card-info .car-enroll-info .circle-list.type2:before{left:26px;top:5%;height:66%;border-left:2px dotted #999;transform: none;}
.section-wrap.point-card-info .car-enroll-info .circle-list li .step:before{font-size:6px;top:7px}
.section-wrap.point-card-info .car-enroll-info .circle-list.type2 li{padding-left:70px;align-items: flex-start;}
.section-wrap.point-card-info .car-enroll-info .circle-list li:nth-child(2) .step{top:8%}
.section-wrap.point-card-info .car-enroll-info .circle-list li:nth-child(3) .step{top:38%}
.section-wrap.point-card-info .car-enroll-info .circle-list li:nth-child(4) .step{top:8%}

.section-wrap.point-card-info .cont-box-body{padding-bottom:30px;border-bottom:1px solid #eee;}
.section-wrap.point-card-info .cont-box-body .car-enroll-info .circle-list.type2,
.section-wrap.point-card-info .cont-box-body .car-enroll-info .circle-list.type2 .content{margin:0}
.section-wrap.point-card-info .cont-box-body .car-enroll-info .circle-list li:nth-child(2) .step{top:32%}

.win-pop-wrap .section-wrap.text-guide.point{margin:0 24px;border-bottom:1px solid #eee;padding-bottom:30px}
.win-pop-wrap .section-wrap.text-guide.point .img-wrap{margin:40px}
.win-pop-wrap .section-wrap.text-guide.point .img-wrap img{width:80%}
.win-pop-wrap .section-wrap.text-guide.point p{/*padding:0 24px;*/margin-bottom:24px;}
.win-pop-wrap .section-wrap.accordion{border-bottom:1px solid #eee!important;margin:0 24px}
.win-pop-wrap .section-wrap.accordion .header{border-color:#fff}
.win-pop-wrap .section-wrap.accordion .check-basic{height:40px;padding-left:0px;line-height: 40px;}
.win-pop-wrap .section-wrap.accordion .check-basic label{margin-right:40px;line-height: 40px;}
.win-pop-wrap .section-wrap.accordion .handler{top:16px}
.win-pop-wrap .section-wrap.accordion .article{padding:0 0 0 20px}
.win-pop-wrap .section-wrap.accordion .article .check-basic>.handler{top:0;transform:rotate(-90deg)}
.win-pop-wrap .section-wrap.accordion .article .check-basic label{font-size:12px;line-height: 20px;padding-top:10px}

.section-wrap h2.tit2{font-size: 18px;font-family: "HeadRegular";padding:20px 0}

.section-wrap .bg-gray{background:#f3f3f3 !important}
.section-wrap .bg-gray .counter-list{padding:16px}
.section-wrap .bg-gray .counter-list li{color:#595959}
.section-wrap .bg-gray .counter-list li .sub{color:#999;padding-left:10px}
.section-wrap .bg-gray .counter-list li .sub .tips-caution{padding-left:20px;display:block;margin-top:0}

.point-card h2{font-size:16px;margin-bottom:10px}
.point-card .border-top{position:relative;height:180px;margin:0;padding-top:0}
.point-card .empty-msg{background:url(../images/common/icon_nopoint.svg) no-repeat center center;padding-top:100px}
.detail-wrap .place-list.type8 li{padding:24px 0;margin-bottom:0}
.detail-wrap .place-list.type8 li:first-child{border:0}
.detail-wrap .place-list.type8 li .flex-container p span{display:block;color:#999;font-size:12px}
.detail-wrap .place-list.type8 li .flex-container p{position:absolute;left:45px}
.detail-wrap .place-list.type8 li .flex-container i.blue{background:url(../images/common/logo-oilbank-circle.svg) no-repeat center center;width:35px;height:35px;font-size:0}
.detail-wrap .place-list.type8 li .flex-container i.green{background:url(../images/common/logo-soil-circle.svg) no-repeat center center;width:35px;height:35px;font-size:0}
.detail-wrap .place-list.type8 li .flex-container i.white{background:url(../images/common/logo-soil-circle.svg) no-repeat center center;width:35px;height:35px;font-size:0}
.detail-wrap .place-list.type8 li .flex-container em{position:absolute;right:0;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;max-width:150px}
.section-wrap .minus{color:#e63312 !important}
.section-wrap .detail-wrap .flex-container.flex-wrap{position:relative}
.section-wrap.point-detail h2{font-size:16px;margin-bottom:10px}
.section-wrap.point-detail .border-top{margin:0 12px 0 24px;padding:0}

.detail-wrap .sub-head-info{margin-bottom:0;padding:0;height:34px}
.detail-wrap .sub-head-info .info-h.i-popup{margin:0;}
.detail-wrap .sub-head-info .info-h.i-popup label.info-check .caution{background: url(../images/common/ic_caution.svg) no-repeat center 2px;}
.detail-wrap .sub-head-info .info-h.i-popup input:checked + label.info-check .caution {background: url(../images/common/ic_caution3.svg) no-repeat center 2px;}
.detail-wrap .sub-head-info .info-h .i-popup-tri {width: 20px; height: 20px; position: absolute; top:21px; z-index: 2;}
.detail-wrap .sub-head-info .info-h.i-popup input:checked + label.info-check .i-popup-tri:before {content: ''; position: absolute; border-style: solid; border-width: 0px 7px 10px 7px; border-color: #fff transparent; display: block; width: 0; z-index: 2; top: 3px; left: 50%; transform: translateX(-50%);}
.detail-wrap .sub-head-info .info-h.i-popup input:checked + label.info-check .i-popup-tri:after {content: ''; position: absolute; border-style: solid;  border-width: 0px 8px 11px 8px; border-color: #cccccc transparent; display: block; width: 0; z-index: 1; top: 1px; left: 50%; transform: translateX(-50%);} 
.detail-wrap.swiper-slide h2{font-family:"HeadRegular"}
.detail-wrap .sub-head-info .info-h.i-popup input ~ .dkey-info{display:none}
.detail-wrap .sub-head-info .info-h.i-popup input[name="checkboxSet-info"]:checked ~ .dkey-info{display:block}
.detail-wrap .sub-head-info .info-h.i-popup .dkey-info.on{top:calc(100% - 5px);left:calc(50% - 35px);width:250px;color:#999;padding:8px;text-align: center;}
.section-wrap2{background:transparent;margin:0}
.section-wrap2.bg-gray button.btn-input.btn1{background: #ccc;}
.section-wrap2.bg-gray button.btn-input.btn3{background: #002c5f;}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-cp{border-radius:0;box-shadow:none;background:transparent}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-coupontext{width:calc(100% - 72px);background:#fff;border:1px solid #eee;border-radius:0 10px 10px 0;box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%);border-right:0;padding:20px 16px 16px}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-coupontext .sale{color:#e63312;font-size:18px}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-coupontext .sale em{font-size:28px;margin-right:2px}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-couponper{width:72px;background:#fff;border:1px solid #eee;border-radius:10px 0 0 10px ;box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%);border-left:1px dashed #ddd;padding-top:60px}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-couponper em:before,.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-couponper p:before{content:"× ";}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-couponper em:after,.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-couponper p:before{content:"장";}
.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-couponper em,.section-wrap2 .pnch-coupon.type2 li .couponwrap .pnch-couponper p{top:40%;position:absolute;left:18px}
.section-wrap2 .dkey-range{margin:10px 0 8px 16px}
.section-wrap2 .list-counter{padding:0 16px;font-size:14px}
.section-wrap2 .list-counter.type2 em{font-family: "HeadMedium";}
.section-wrap2 .dkey-range .box-check-input{margin-right:3px}
.section-wrap2 .dkey-range .box-check-input input[type=radio]{ display:none; }
.section-wrap2 .dkey-range .box-check-input input[type=radio]+span{ display:inline-block;  padding:4px 6px; margin-right:3px;height:24px; border:1px solid #eee; color:#000; text-align:center; line-height:16px; cursor:pointer; overflow:hidden;font-size:12px;background:#fff;border-radius: 10px;font-family: "HeadMedium";}
.section-wrap2 .dkey-range .box-check-input input[type=radio]+span:active { background-color:rgba(70, 74, 89, 0.1); }
.section-wrap2 .dkey-range .box-check-input input[type=radio]:checked+span{ background:#dcf3f9; color:#00aad2; border-color:#dcf3f9}
.section-wrap2 .dkey-range .box-check-input input[type=radio]+span em{color:#00aad2}
.section-wrap2 .dkey-range .range-datepicker input {min-height:52px;}

.section-wrap.carlife-list .tips-caution{margin-top:30px;margin-left:24px}
.section-wrap.carlife-list ul li{padding:12px 4px}
.section-wrap.carlife-list .cont-box-body { /*min-height:180px;*/min-height:113px; display: block; padding: 16px 16px 16px 16px;color: #999; border:1px solid #e5e5e5;box-shadow:2px 4px 10px rgba(0,0,0,.05);}
.section-wrap.carlife-list .cont-box-body h3.tit{border-bottom:1px solid #eee;display: block;font-size:16px;color:#222;padding-bottom:10px}
.section-wrap.carlife-list .cont-box-body h3.text-over {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section-wrap.carlife-list .cont-box-body h3 span{margin-left:5px;height:auto;vertical-align:middle;}
.section-wrap.carlife-list .cont-box-body h3 .badge {padding-right: 8px; padding-left: 8px; margin-left: 0; min-width: 38px; text-align: center;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select{position:relative;height:100%;width:100%;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select {display: flex;  justify-content: flex-start;  width: 100%;min-height: 90px; }
.section-wrap.carlife-list .cont-box-body .thumbnail-select div { float:left;position:relative;height:100%; }
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.thumb-card{ position: absolute;width:100px;height:80px;transform: translateY(-50%);top: 50%;left: 0px;font-size: 12px;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.thumb-card img { width:110px;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.thumb-card span{ display:block;text-align: center;font-size:12px;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.thumb-card .tx{color: #222;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name { width:calc(100% - 102px); padding:13px 0 0 0;position: relative;margin-left:110px}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name p{color:#000;font-family:"HeadMedium"}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name p.date {font-size: 14px;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name p.date span {display: inline-block; padding-left: 4px; font-size: 12px; color:#222; font-family: "HeadRegular";}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name p.addr{color:#000;font-family:"HeadRegular";line-height:16px;padding:8px 0;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name span {display: block; font-size:12px; color:#999; line-height:18px;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name .tx-date {line-height: 20px; margin-top: 4px;}
.section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name .arrow-btn {position: static; display: inline-block; padding:0 20px 0 0; color:#000; opacity:.5;}
.section-wrap.carlife-list .cont-box-body .no-data .thumbnail-select div.thumb-card {height: 60px;}
.section-wrap.carlife-list .has-reviewbtn {position: relative;}
.section-wrap.carlife-list .has-reviewbtn .cont-box-body {padding-bottom: 68px;}
.section-wrap.carlife-list .has-reviewbtn button {position: absolute; left: 137px; right: 16px; bottom: 16px; width: calc(100% - 173px); background:#f3f3f3; height: 36px; color:#060606; font-size: 14px; line-height: 18px;}
.section-wrap .share-list li a:active { background-color:rgba(70, 74, 89, 0.1); } 
.section-wrap .select-box .card-num { display:block; margin:3px 0 0 7px; font-size:13px; color:#999; }
.section-wrap.carlife-list .item{border:1px solid #e5e5e5;box-shadow:2px 4px 10px rgba(0,0,0,.05);}
/* [2022-09-29] 추가된 sort 탭 */
.section-wrap.carlife-list .servi-tabs {display:flex;flex-wrap:nowrap;justify-content:flex-start;margin:0;padding:32px 24px 0;overflow:hidden;overflow-x:auto;}
.section-wrap.carlife-list .servi-tabs::-webkit-scrollbar {display:none;}  
.section-wrap.carlife-list .servi-tabs li {display:flex;align-items:center;margin-right:4px;padding:0 10px;height:26px;color:#999;border:1px solid #ddd;border-radius:24px;white-space:nowrap;}
.section-wrap.carlife-list .servi-tabs li:last-child:after  {display:none;}
.section-wrap.carlife-list .servi-tabs li.on {font-family:"HeadMedium";color:#fff;background:#00aad2;border:1px solid #00aad2;}
.section-wrap.carlife-list .servi-tabs li a {font-size:12px;}
.section-wrap.carlife-list .servi-tabs + .tips-caution {margin-top:24px;}
.section-wrap.carlife-list .servi-tabs ~ [class*="tab-"] {margin-top:12px;}
.section-wrap.carlife-list .section:not(.none) ~ [class*="tab-"] {margin-top:0;}

/* [2022-09-29] 추가된 선택 박스 */
.section-wrap.carlife-list .section {margin:24px 24px 0;}
.section-wrap.carlife-list .select-btn {border:1px solid #e5e5e5;}
body.font-big .section-wrap.section-wrap.carlife-list .cont-box-body .thumbnail-select div.thumb-card span{font-size:14px;}
body.font-big .section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name span {font-size:14px;}
body.font-big .section-wrap.carlife-list .cont-box-body .thumbnail-select div.card-name .arrow-btn {font-size: 14px;}
body.font-big .section-wrap.carlife-list .has-reviewbtn button {height: 40px; font-size: 16px; line-height: 20px;}
body.font-big .section-wrap.carlife-list .servi-tabs li a {font-size:14px;}

/* 카라이프 > 쿠폰선택 */
.section-coupon {padding:24px 16px;}
.section-coupon h2.tit {padding:0 !important; line-height:18px; border-bottom:none !important;}
.section-coupon h2.tit strong {color:#00aad2;}
.section-coupon .dkey-range {margin-bottom: 16px;}
.section-coupon .dkey-range .box-check-input{margin-right:3px}
.section-coupon .dkey-range .box-check-input input[type=radio]{ display:none; }
.section-coupon .dkey-range .box-check-input input[type=radio]+span{ display:inline-block;  padding:4px 6px; margin-right:3px;height:24px; border:1px solid #eee; color:#000; text-align:center; line-height:16px; cursor:pointer; overflow:hidden;font-size:12px;background:#fff;border-radius: 10px;font-family: "HeadMedium";}
.section-coupon .dkey-range .box-check-input input[type=radio]+span:active { background-color:rgba(70, 74, 89, 0.1); }
.section-coupon .dkey-range .box-check-input input[type=radio]:checked+span{ background:#dcf3f9; color:#00aad2; border-color:#dcf3f9}
.section-coupon .dkey-range .box-check-input input[type=radio]+span em{color:#00aad2}
.section-coupon .dkey-range .range-datepicker input {min-height:52px;}
.section-coupon .empty-msg {position:static; padding-bottom:14px; transform:translate(0,0);}

.renewal #pop-header,
.renewal .pop-header{border-bottom:0}
.renewal #pop-header h2,
.renewal .pop-header h2{left:24px;display:block;text-align:left;font-size:18px;color:#002c5f}
.renewal .mu-menu{margin:0 24px}
.renewal .menu-list{border-top:0}
.renewal .menu-list > li{border-bottom:0}
.renewal .menu-list > li > a { border-bottom:1px solid #eee;line-height:44px;height:44px;margin-bottom:10px; color:#999;font-size:14px}
.renewal .mu-menu .menu-list > li > ul > li a{font-size:16px;color:#000;line-height:40px;height:40px;}
.renewal .mu-menu .menu-list  li  ul{padding-bottom:20px;}
.renewal .menu-list > li > ul > li > ul > li{padding-left:0;font-family: "HeadLight"}
.renewal .mu-menu .menu-list li a.on{color:#000;}

.chargeinfo-detail.type2 .badge {height:20px;margin:-2px 8px 0 0;padding:0 6px;border-radius:13px;font-size:10px;color:#fff;line-height:20px;}
.chargeinfo-detail.type2 .btn-wrap.link-type {position: static;margin-bottom:24px;border:none;}
.chargeinfo-detail.type2 .btn-wrap.link-type.btn{margin-top:20px;}
.chargeinfo-detail.type2 .btn-wrap.link-type li{height:36px;line-height:36px;width:100%;margin-right:3px}

.chargeinfo-detail.type2 .btn-wrap.link-type li a{margin:2px;width:100%;background:#f3f3f3;display: block;}
.chargeinfo-detail.type2 .btn-wrap.link-type li:after{height:0;width:0;}
.chargeinfo-detail.type2 .final-amount span:last-child{font-family: "HeadMedium";}

.chargeinfo-detail.type2.car-insu .graph-content .header{min-height:20px;padding:0 16px;position:relative}
.chargeinfo-detail.type2.car-insu .graph-content .header span.unit.type2{top:6px;right:30px}
.chargeinfo-detail.type2.car-insu .graph-content .header a{background:url(../images/common/ic-circle-arrow.svg) no-repeat center center;width:35px;height:35px;font-size:0}
.chargeinfo-detail.type2.car-insu .graph-content .header a.btn-prev{position:absolute;left:-10px;top:110px}
.chargeinfo-detail.type2.car-insu .graph-content .header a.btn-next{position:absolute;right:-10px;top:110px;transform: rotate(180deg);}
.chargeinfo-detail.type2.car-insu .header + .flex-container{margin:30px 16px 0}
.chargeinfo-detail.type2.car-insu .btn-wrap li.on a{background: #dcf3f9;color:#00aad2;font-family: "HeadMedium"}
.chargeinfo-detail.type2.car-insu .chart-area{width:calc(100% - 40px);margin-left:10px}
.chargeinfo-detail.type2.car-insu .chart-area .bar .division-graph li:last-child:after{border-color:#000}
.chargeinfo-detail.type2.car-insu .chart-area .bar ul.bar-graph li{width:20%}
.chargeinfo-detail.type2.car-insu .chart-area .bar ul.bar-graph li span.value{background:#ccc;border-radius: 0;}
.chargeinfo-detail.type2.car-insu .chart-area .bar ul.bar-graph li.active span.value{background: #00aad2;}
.chargeinfo-detail.type2.car-insu .chart-area .bar ul.bar-graph li.active span.name{color:#00aad2}
/* .chargeinfo-detail.type2.car-insu .chart-area .bar ul.bar-graph li span.value{animation: moving-bars 0.2s linear;transform-origin:bottom;}
@keyframes moving-bars {
  0% {transform:scaleY(0.5)}100% {transform:scaleY(1)}
} */
.chargeinfo-detail.type2.car-insu .chart-area .bar ul.bar-graph{padding-bottom:28px}
.chargeinfo-detail.type2.car-insu .flex-container.bdb{margin-top:20px;margin-bottom:20px;padding-bottom:20px;}
.chargeinfo-detail.type2.car-insu .flex-container.bdt{margin-top:10px;border-top:1px solid #eee;padding-top:10px}
.chargeinfo-detail.type2.car-insu .flex-container .str.date{color:#000;font-size:14px;font-family: "HeadMedium";line-height:30px}
.chargeinfo-detail.type2.car-insu .flex-container.bdt .value{font-size:24px;font-family: "HeadMedium";}
.chargeinfo-detail.type2 .driver-info {margin-top:-5px;padding: 0 16px 24px;}
.car-insu .wash-box p.tit{border-bottom:1px solid #eee;margin-bottom:15px}
.car-insu .wash-box .receiptwrap .flex-container{padding:3px 0}
.car-insu .wash-box .receiptwrap .flex-container span{color:#999;}
.car-insu .wash-box .receiptwrap .flex-container .value{color:#000;}
.section-wrap.map .drivername{background:none;line-height: 22px;}
.section-wrap.map .drivername span.picname{font-size:18px;margin-top:3px}
.section-wrap.map .drivername span.pictime{font-size:12px;color:#999;display: block;}
/*.section-wrap.map .drivername span.pictime:before{content:"픽업시작 : "}*/
.section-wrap.map .drivername span.pictime.notit:before{display:none;}
.section-wrap.map .pnch-driverinfo {background:none;padding:20px 32px 0}
.section-wrap.map .pnch-driverinfo i{position:absolute;border-radius: 20px;display: block;width:40px;height:40px;}
.section-wrap.map .pnch-driverinfo i img{max-width:100%}
.section-wrap.map .pnch-drivercall{background:url(../images/common/ic-pnch-driverall.svg);bottom:20px}
.section-wrap.map .pnch-usetext{position:relative;padding:10px 32px}
.section-wrap.map .pnch-usetext .arrow-btn{position: relative;display:inline-block;/*background-position-x: 75px;*/padding-left:0;margin-top:5px;opacity:.5}

.section-wrap.photo .repair-img{padding:32px 24px}
.section-wrap.photo .repair-img li{border-radius:0;}

.section-wrap.chservice{margin:30px 0 30px 24px}
.section-wrap.chservice .form-item.type3>dt{font-family: "HeadMedium";}
.section-wrap.chservice .form-item.type3>dt span{font-family:"";font-size:14px;float:right;display:block;margin-right:20px;color:#999}
#pop-container .section-wrap.chservice h2,
.pop-container .section-wrap.chservice h2{border-bottom:0;font-family: "HeadLight";font-size:24px;}
#pop-container.font-big .section-wrap.chservice h2,
.pop-container.font-big .section-wrap.chservice h2{font-size: 27px;}
.section-wrap.chservice ul.detail-info dt{float:left;line-height:22px;width:130px;}
.section-wrap.chservice ul.detail-info dd ul.radio-list.mt0{width:80px}
.section-wrap.chservice ul.detail-info dd ul.radio-list .box-radio-input input[type=radio]+span{height:24px;line-height:24px;width:32px;border-radius: 3px;background:url(../images/common/func-thumb-nomal.svg) no-repeat center center;border:0}
.section-wrap.chservice ul.detail-info dd ul.radio-list .box-radio-input input[type=radio]:checked+span{height:24px;line-height:24px;width:32px;border-radius: 3px;background:url(../images/common/func-thumb-checked.svg) no-repeat center center;border:0}
.section-wrap.chservice ul.detail-info dd ul.radio-list .box-radio-input.bad input[type=radio]+span{height:24px;line-height:24px;width:32px;border-radius: 3px;background:url(../images/common/func-thumb-nomal.svg) no-repeat center center;border:0;transform: rotate(180deg);}
.section-wrap.chservice ul.detail-info dd ul.radio-list .box-radio-input.bad input[type=radio]:checked+span{height:24px;line-height:24px;width:32px;border-radius: 3px;background:url(../images/common/func-thumb-checked.svg) no-repeat center center;border:0;transform: rotate(180deg)}
.section-wrap.chservice ul.star-grade li {background: url(../images/common/func-star-grade-normal.svg) no-repeat 0 0;}
.section-wrap.chservice ul.star-grade li.on{background: url(../images/common/func-star-grade-checed.svg) no-repeat 0 0;}
.section-wrap.chservice .myreview-box {margin: -8px 20px 0 0; padding-top: 24px; border-top:1px solid #eee;}
.section-wrap.chservice .myreview-box p {color:#222; font-size: 14px; line-height: 20px;}
.section-wrap.chservice .event-info {margin-right: 20px; padding: 16px; background:rgba(0,170,210,0.1);}
.section-wrap.chservice .event-info p.tips-caution {margin-top: 0;}
.section-wrap.chservice .event-info p:not(.tips-caution) {margin: 12px 0;}

.section-wrap-pop{margin:0 16px}
#pop-container .section-wrap-pop h2,
.pop-container .section-wrap-pop h2{border-bottom:0;margin-bottom:0}
.section-wrap-pop .check-list li{width:calc(33.3% - 10px);margin:4px !important}
.section-wrap-pop .form-items dl{width:calc(50% - 10px);float:left;margin-right:10px;}
.section-wrap-pop .form-items{margin-top:0}
.section-wrap-pop.mt40 .select-btn{border:1px solid #ccc;height:42px; padding:10px 16px} 
.wash.visit .border-top.text-guide,
.wash.visit .flex-container.border-top{margin-top:10px;border-top:1px solid #eee;width:100%;padding-top:16px;padding-bottom:16px;}
.wash.visit .flex-container.border-top .charge-cost{margin-top:0}
.wash.visit .choice-list .badge-wrap.title{font-size:16px}
.wash.visit .choice-list li{border:2px solid transparent}
.wash.visit .choice-list li.on{border:2px solid #00aad2}
.wash.visit .choice-list .badge-wrap.color{display:flex;justify-content: space-around;margin-top:10px}
.wash.visit .choice-list .badge-wrap.color em{color:#999}
.wash.visit .choice-list .badge-wrap.color .badge{min-width:32px;margin-top:3px;border-radius:4px}
.wash dl.form-item.type3 .input-box p{display:none}
.wash dl.form-item.type3 .input-box.error-box p{display:block}
.wash .border-top.text-guide span,.wash .text-guide span{color:#595959;display:block}
.wash .text-guide span.txt{color:#999;font-size: 12px;line-height: 18px;}
.wash .text-guide .txt-info {padding-right: 4px !important; font-size: 12px; color: #999;}
.wash .chargeinfo-detail .text-guide .pnch-receipt .final-amount span {color:#002c5f}
.wash .text-guide .form-list.horizontal li{width:100%;float:none;padding:0;line-height:34px}
.wash .text-guide .form-list.horizontal li em{color:#00aad2}
.wash .border-top.text-guide .map-wrap2{height:200px;width:100%;position:relative;margin-left:0;margin-top:16px}
.wash .car-enroll-info .arrow-list li:not(.arrow) img{width:auto;height:auto}
.wash .car-enroll-info .arrow-list li.arrow{padding-top:10px;line-height:10px}
.wash .car-enroll-info .arrow-list li.arrow.on{padding-top:10px;line-height:10px;color:#00aad2}

.section-wrap.mp-contents .scroll-cont{padding-bottom:0}
.section-wrap.mp-contents > .touch-handle{height:48px}
.section-wrap.mp-contents > .mp-main .list-tabs{border-bottom:0;padding:0 0 16px 0;margin:0}
/* .section-wrap.mp-contents > .mp-main .list-tabs li{padding:0 10px;margin-right:6px} */
.section-wrap .opt-btns .opt{font-size:11px;border-color:#eee;padding:5px 10px}
.section-wrap .opt-btns .opt.on{border-color:#00aad2}
.section-wrap .opt-btns,.section-wrap .place-list li{border-bottom-color:#eee}
.section-wrap .place-list li p.title{font-family: "HeadMedium";width:calc(100% - 30px)}
.section-wrap .place-list li p.address{width:calc(100% - 30px)}
.section-wrap .place-list li .sub-content em.full{color:#00aad2}
.section-wrap .place-list li .sub-content dt,.section-wrap .place-list li .sub-content dd{float:left}
.section-wrap .place-list li .sub-content dt:after{content:" : "}
.section-wrap .place-list li .sub-content dd.detail:before{content:" ("}
.section-wrap .place-list li .sub-content dd.detail:after{content:" )"}
.section-wrap .place-list li a .thumb img{max-width:56px}
.section-wrap .place-list .badge{background:#dcf3f9;color:#00aad2;border-radius: 2px;font-size:12px}
.section-wrap .place-list .btn-nav { background:url(../images/common/ic_navi_active-on.svg) no-repeat center; background-size:42px auto; }
.section-wrap .scroll-cont .swipescroll {position:relative;margin:0 16px;border-bottom:1px solid #eee;padding:10px 0 5px 0}
.section-wrap .scroll-cont .swipescroll:before {content:unset}
.section-wrap .scroll-cont .swipe-wrap{display:flex; overflow-x:auto; padding: 0;width:calc(100% - 70px);overflow-y:hidden ;}
.section-wrap .scroll-cont .swipescroll .opt-btns {display: flex; flex-direction: row; justify-content: space-between;padding:0;margin:0 30px 5px 0;border-bottom:0;}
.section-wrap .opt-btns .ic-filter{ width:65px;height:32px; line-height:32px; border-radius:2px;border:0; background:#eee url(../images/common/ic-bold-filter.svg) no-repeat right 10px center; background-size:16px; z-index:9;padding-left:10px;font-size:12px;font-family: "HeadMedium";top:10px}
.section-wrap .scroll-cont  .ic-filter.grad { position:absolute; top:10px; right:0; display:block;width:65px;height:32px; line-height:32px; border-radius:2px;border:0; background:#eee url(../images/common/ic-bold-filter.svg) no-repeat right 10px center; background-size:16px; z-index:9;padding-left:8px;font-size:10px;font-family: "HeadMedium";}
.section-wrap .scroll-cont  .ic-filter.grad:before{background-image: linear-gradient(to left, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0));  width: 30px; height: 32px; content: ""; position: absolute; top: 0;  left: -45px;}
.section-wrap .scroll-cont  .ic-filter.grad:after{content:"필터";}

.section-wrap.carlife-list.insu{background-color: transparent;margin-top:20px;}
.section-wrap.carlife-list.insu .cont-box-body{background: #fff;box-shadow: none;border:0;padding:16px}
.section-wrap.carlife-list.insu .cont-box-body .tit{font-size:14px}
.section-wrap.carlife-list.insu .cont-box-body .thumbnail-select{min-height:100px;}
.section-wrap.carlife-list.insu .cont-box-body .thumbnail-select .no-data{padding:55px 0}
.section-wrap.carlife-list.insu .cont-box-body ul li{border-bottom:1px solid #eee;padding:0}
.section-wrap.carlife-list.insu div.card-name p.title{font-size:16px;}
.section-wrap.carlife-list.insu div.card-name a.link{position:relative;display:block;color:#00aad2;padding-top:8px;padding-bottom:15px;font-size:12px;}
.section-wrap.carlife-list.insu div.card-name a.link span{top:0;right:inherit;padding:5px 96px 5px 0;top:10px;left:0;background:url(../images/common/ic_go_active.svg) no-repeat right -6px center;}
.section-wrap.carlife-list.insu .btn-wrap{margin-top:10px;padding:10px 0 0 0;color:#000}
.section-wrap.carlife-list.insu .btn-wrap a:before{content:"+";margin-right:3px;}

.section-wrap.info-insu{background:#fff url(../images/common/img-illust-bg.svg) right center no-repeat;background-size: 172px auto ;padding-top:32px;}
.section-wrap.info-insu h2 .color9 {color:#ff4600 !important}
.section-wrap.info-insu .check{padding-left:20px;background: url(../images/common/ic-circle-check.svg) left center no-repeat;background-size:14px;margin-left:24px;line-height: 24px;}
.section-wrap.info-insu .check-li{padding:0 0 5px 20px;background: url(../images/common/ic-circle-check.svg) left 5px no-repeat;background-size:14px;margin-left:24px;line-height: 22px;}
.section-wrap.info-insu .txt{display:block;margin-top:30px;color:#999;margin-left:24px;margin-bottom:30px; font-size: 12px;}
.section-wrap.info-insu .txt em{display: inline-block;background:url(../images/common/logo_carrot.png) -5px center no-repeat;background-size:52px auto ;padding-left:48px;color:#000;}
.section-wrap.info-insu .btn-wrap.border-top{border-color:#ccc;padding:16px;}
.win-pop-wrap.wash .choice-list > li.on,.win-pop-wrap.wash .btn-wrap a,
.accordion .handler,input,.radio-basic label:before,.check-basic input:checked + label:before,
.section-wrap.chservice ul.star-grade li.on,
.section-wrap.chservice ul.detail-info dd ul.radio-list .box-radio-input input[type=radio]+span,
.editor-group .editor-layer,.editor-group.on .editor-btn,.editor-group .editor-btn,.renewal .mu-menu .menu-list li a.on.sub:after,.renewal .mu-menu .menu-list li a.sub:after,.sub-nav li.on,.sub-nav li{
  transition:0.3s all ease;}

h2+.text-body .point-detail .flex-container > p.str{min-width:100px}
h2+.text-body .point-detail .flex-container > .select-btn{padding:0 16px;height:24px;background-position-x:right}

.section-wrap.service-info {padding-bottom: 36px;}
.section-wrap.service-info h3.bdb{display:block;font-size:16px;margin:0 24px;padding-bottom:12px;border-bottom:1px solid #eee}
.section-wrap.service-info p.font14.pt16{padding:12px 24px;}
.section-wrap.service-info .sub-text {padding:12px 24px; font-size: 14px; line-height: 20px; color: #777777;}
.section-wrap.service-info .flex-container {margin-top: 12px;}
.section-wrap.service-info .flex-container + .flex-container {margin-top: 8px;}
.section-wrap.service-info .flex-container p.str{color:#777;padding-left:24px;line-height: 20px;}
.section-wrap.service-info .flex-container p.str em{color:#222}
.section-wrap.service-info .flex-container p.value{color:#222;padding-right:24px;line-height: 20px}
.section-wrap.service-info .flex-container p.value .mvc-distext{padding-right:5px;}
.section-wrap.service-info .flex-container p.str.lh{/*line-height: 18px;height:51px;*/align-items: center;}
.section-wrap.service-info p.tips-caution{margin-left:24px;}
.section-wrap.service-info .sub-nav.type3 {margin-top: 12px;}
.section-wrap.service-info .tab-content.tab-31 h3.bdb:first-child,
.section-wrap.service-info .tab-content.tab-32 h3.bdb:first-child {padding-top: 32px !important;}
.section-wrap.service-info .info-text{padding:0 26px;font-size:14px;}
.section-wrap.service-info .info-text dt{padding-top:16px;color:#222;font-weight:500;}
.section-wrap.service-info .info-text dd{color:#777}
.section-wrap.service-info .info-expense{padding:16px 26px 0 26px;font-size:14px;}
.section-wrap.service-info .info-expense li{position:relative;padding-left:10px;}
.section-wrap.service-info .info-expense li::after{content:'';position:absolute;left:0;top:10px;width:2px;height:2px;background:#222;}
.section-wrap.service-info .servi-local{position:relative;margin:20px 24px;}
.section-wrap.service-info .servi-local .list-wrap {position:relative;display:table;}
.section-wrap.service-info .servi-local dl{position: relative;padding-bottom: 5px;}
.section-wrap.service-info .servi-local dl dt {display:table-cell;width:60px;font-size:14px;font-weight:500;line-height:20px;}
.section-wrap.service-info .servi-local dl dd {display:table-cell;font-size:14px;color:#777;word-break:break-all;}
.section-wrap.service-info .flex-container p.str em .badge{padding:0 6px;margin-left: 5px;}

.flex-start{justify-content: flex-start;align-items: center;line-height: 65px;}
.flex-start .ico{width:86px;text-align: center;}
dl.form-item.type4 dd .switch-wrap { position:absolute; top:7px; right:0; z-index:10;}

.section-wrap.untact-info .blue-box{background:#002c5f ;padding:40px;text-align: center;color:#fff}
#pop-container .section-wrap.untact-info  h2,
.pop-container .section-wrap.untact-info  h2{border-bottom: 0;font-size:28px;font-family: "HeadLight";}
.section-wrap.untact-info .cont-box{padding:60px 24px}
.win-pop-wrap.survey .inner .fontm.font16{font-size:14px !important}
.layer-pop-body.type8 {padding:16px 0;}
.layer-pop-body.type8 .tit {margin: 0 35px 31px;padding:8px 0 24px;border-bottom:1px solid #ccc;font-size:16px;font-weight:500;line-height:26px;}
.layer-pop-body.type8 h3 {margin-bottom:17px;font-size:18px;line-height:22px;color:#000;}
.layer-pop-body.type8 p {margin-bottom:32px;font-size:14px;line-height:21px;color:#595959;}
.layer-pop-body.type8 .slick-slide {padding:0 35px;text-align:center;}
.layer-pop-body.type8 .slick-dots {bottom:8px !important;}
.layer-pop-body.type8 .slick-arrow {background-color:rgba(0,0,0,0.05)}
.layer-pop-body.type8 .pop-numimg {margin-top:0;}
@media screen and (max-width: 320px) {
  .layer-pop-body.type8 p {margin-bottom:20px;}
  .layer-pop-body.type8 .pop-numimg {margin-bottom:25px;}
  .layer-pop-body.type8 .pop-numimg.type2 {height:auto;}
  .layer-pop-body.type8 .pop-numimg.type3 {height:60px;}
}
.win-pop-wrap.wash .card-select {margin:0;padding-bottom:60px}
.win-pop-wrap.wash .card-wrap {padding-top: 40px;text-align:center;}
.win-pop-wrap.wash .barcode {position:static;margin:32px auto 0;transform:none;}
.win-pop-wrap.wash .barcode .name {font-size:26px;}
.win-pop-wrap.wash .barcode .number {margin-top:9px;font-size:16px;color:#999;}
.win-pop-wrap.wash .wash-box {padding-top:28px;}
.win-pop-wrap.wash .wash-box .tit {padding-bottom:8px;line-height:20px;}
.win-pop-wrap.wash .input-box + .tit {margin-top:26px;}
#header .search {margin: 0 4px 0 40px}
#header .search input {height:56px;border:none;font-size:16px;line-height:56px;}
#header .search .btn-search {top:10px;}
.searchfavorite {margin-top:16px !important;}
.searchfavorite .pnch-poslist {padding: 0 0 8px 24px}
.searchfavorite .pnch-poslist li + li:before {left:8px;right:32px;width:auto;}
.searchfavorite .pnch-poslist li.favor {padding:14px 32px 14px 40px;}
.searchfavorite .pnch-poslist li.home {background:url(../images/common/map_home_inactive.svg) no-repeat 8px 50%;}
.searchfavorite .pnch-poslist li.company {background:url(../images/common/map_office_inactive.svg) no-repeat 8px 50%; }
.searchfavorite .pnch-poslist li p {color:#999;}
.searchfavorite .pnch-poslist li.on p{color:#000;}
.searchfavorite .pnch-poslist li.home.on {background-image:url(../images/common/map_home.svg);}
.searchfavorite .pnch-poslist li.company.on {background-image:url(../images/common/map_office.svg);}
.searchfavorite ~ .pnch-poswrap {min-height:calc(100vh - 298px); margin-top:16px !important;}
.searchfavorite ~ .pnch-poswrap .pnch-poslist {margin:0;padding-top:0;}
.searchfavorite ~ .pnch-poswrap .pnch-poslist li {padding:5px 72px 5px 32px;}
.searchfavorite ~ .pnch-poswrap .pnch-poslist li .btn-del {right:32px;background:url(../images/common/ic_close_gray.svg) no-repeat center; background-size: 36px auto;}
.btn-wrap.place-select li {position:relative;background:#fff;line-height:52px;}
.btn-wrap.place-select li:first-of-type::after {content:'';position:absolute;width:1px;height:12px;top:26px;right:0;}
.section-wrap.cardpoint-info {padding-top: 40px;}
.section-wrap.cardpoint-info .text-guide .heading1 {font-family: 'HeadRegular';}
.section-wrap.cardpoint-info .text-guide .heading2 {padding-left: 13px; text-indent:-9px;}
.section-wrap.cardpoint-info .text-guide .heading2 + .heading2 {margin-top: 0; padding-top: 0 !important;}
.section-wrap.cardpoint-info .list-circle li {color:#222; font-size: 14px; line-height: 20px;}
.section-wrap.cardpoint-info .list-circle li:before {color:#222;}
.section-wrap.cardpoint-info .car-enroll-info .arrow-list li {color:#222;}
.cardpoint-info .slick-list {overflow: hidden;}
.searchfavorite:empty{margin:0 !important;}
.searchfavorite:empty ~ .pnch-poswrap {min-height:calc(100vh - 56px);margin:0 !important;}
.searchfavorite:empty ~ .pnch-poswrap li {padding-right:0;}
.blue-banner .slick-slide:only-child, .car-banner .slick-slide:only-child {margin-bottom:-40px;}

/* 시스템점검안내 팝업 - sys-check.html의 소스 그대로 레이어팝업으로 변경 */
.layer-pop-wrap .system-wrap { position:relative; width:100%; background:#fff;}
.layer-pop-wrap .system-content {}
.layer-pop-wrap .system-content .head-title { padding-top: 16px; text-align:center; }
.layer-pop-wrap .system-content .head-title h1 { margin-bottom:16px; color:#000; font-size:36px; font-family:"HeadLight"; }
.layer-pop-wrap .system-content .head-title p { margin-bottom:60px; color:#333; font-size:12px; line-height:18px; }
.layer-pop-wrap .system-content .information { padding:24px 16px; border-top:1px solid #000; border-bottom:1px solid #000;}
.layer-pop-wrap .system-content .information table { width:100%;}
.layer-pop-wrap .system-content .information table th { width:25%; padding-left:20px; text-align:left; color:#333; font-size:16px; line-height:24px; font-family:"HeadMedium";}
.layer-pop-wrap .system-content .information table td { color:#333; font-size:16px; line-height:24px; font-family:"HeadLight";}
.layer-pop-wrap .footer-logo {padding: 70px 0 30px; color:#ccc; font-size:30px; font-family:"HeadLight"; text-align: center;}
.layer-pop-wrap .footer-logo strong { font-family:"HeadBold"; }
@media screen and (max-width:340px) {
  .layer-pop-wrap .system-content .information table th { width:20%; padding-left:0px; }
}



/*gui검수 수정*/
.section-wrap.bluem-point .cont-box h2.mt10,.section-wrap.operation-info .sub-main-header.pt10,.section-wrap.title .mt30,.mu-header.bg-white.bdb.pt10{padding-top:20px !important;margin-top:0 !important}
.section-wrap.benefit .flex-container p.str.font14.color5,.section-wrap .flex-container h2+a.underline,.section-wrap .flex-container a+a.underline{line-height: 36px;}
.section-wrap.benefit .flex-container.js-bluePoint+h3+.cont-box/*,.section-wrap.quick .slide-block-quick*/{padding-top:12px}
.section-wrap.story .cont-box{padding-bottom:40px}
.section-wrap.title h2+.color4,#user-name+.pl24{color:#000 !important;font-family: "HeadLight";padding-top:4px}
.vehicle-quick .inner.cont-box:only-child{border-bottom:0}
.vehicle-quick.logout-view .inner.cont-box .cate-list li{padding-top:15px;min-height:80px}
.section-wrap.vehicle-quick.logout-view .cont-box{border-bottom:0}
.tab-content.on .section-wrap.vehicle-quick.logout-view li{padding:10px 0;min-height:70px}
.section-wrap.video-wrap.ioniq-video.login-view.none +.section-wrap.vehicle-quick{background:red}
.section-wrap.logout-view +.section-wrap.vehicle-quick .inner.cont-box .btn-wrap.link-type a{margin-right:0 !important;}
.mu-header.bg-white.bdb.pt10 .cont-box .quick-menu.mt20{margin-right:5px}
.mu-header.bg-white.bdb.pt10 .cont-box .quick-menu.mt20 li{border-right:0;text-align: left;width:auto;padding:0 14px;font-size:13px}
.mu-header.bg-white.bdb.pt10 .cont-box .quick-menu.mt20 li:after{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:50%; border-left:1px solid #979797; }
.mu-header.bg-white.bdb.pt10 .cont-box .quick-menu.mt20 li:first-child:after{border-left: 0;}
.section-wrap.pb50.unregistered-car .cont-box-body .cate-list.list-five li span{top:46px}
.section-wrap.pb50.unregistered-car .cont-box-body .cate-list li h3{margin-top:-3px}
.section-wrap.pb50.unregistered-car .cont-box-body .cate-list.list-five li a{line-height:18px}
.section-wrap.vehicle-quick.point-card-info.unregistered-car .car-enroll-info .circle-list.type2 li .step{top:33%}
.section-wrap.vehicle-quick.point-card-info.unregistered-car .car-enroll-info .circle-list.type2:before{top:10%}
ul.pnch-cardlist.has-banner {position: absolute; width: 100%; bottom: 127px; top: 151px; overflow: auto;}
ul.pnch-cardlist+.section-wrap.banner-wrap{position: fixed; bottom: 32px; width: 100%; background: transparent;margin-top:30px}
ul.pnch-cardlist+.section-wrap.banner-wrap .slick-dots{left:calc(50% - 40px)}

/*카라이프 서비스카드*/
#container.pt0{padding-top:0;}
.section-wrap.carlife.service-card {padding:24px;}
.section-wrap.carlife.service-card .tit { padding-bottom:10px; color:#000; font-weight:400; }
.section-wrap.carlife.service-card .card-banner {height: auto;}
.section-wrap.carlife.service-card .item {position:relative; display:block; width:100%; padding-bottom:34px;}
.section-wrap.carlife.service-card .item-svg{margin-right:0;position:relative;padding:0px;border:1px solid #eee;box-shadow: 2px 2px 10px rgba(0,0,0,.05);}
.section-wrap.carlife.service-card .item-svg a.fl-left{border:0;position: relative;padding:0;margin-right:0;width:33%}
.section-wrap.carlife.service-card .item-svg a.fl-left img{}
.section-wrap.carlife.service-card .item-svg a:after{background:#eee;height:40px;width:1px;content:"";position:absolute;top:24px;right:0}
.section-wrap.carlife.service-card .item-svg a:last-child:after{background:transparent}
.section-wrap.carlife.service-card .item-svg a span{display:block;padding-bottom: 14px;font-weight:400;}

/* 카라이프 픽업앤대리 */
.marker {position:relative;/*width:72px;*/min-width:49px;height:32px;padding:6px 9px 12px;border-radius:4px;font-size:12px;font-weight:500;color:#fff;text-align:center;}
.marker span {display:inline-block;line-height:20px;}
.marker::after {content:'';position:absolute;width:2px;height:16px;top:30px;/*left:35px;*/left:50%; transform: translateX(-50%);}
.marker::before {content:'';position:absolute;width:8px;height:8px;top:42px;/*left:32px;*/left:50%; transform: translateX(-50%);border-radius:50%;}
.marker.type1, .marker.type1::after, .marker.type1::before {background:#1664C0;}
.marker.type2, .marker.type2::after, .marker.type2::before {background:#00AAD2;}
.marker.type3, .marker.type3::after, .marker.type3::before {background:#002C5F;}
.marker.type4, .marker.type4::after, .marker.type4::before {background:#999999;}
.map-contents.info4 {height:initial;border-radius: 16px 16px 0 0; padding-bottom:0;}
.map-contents.info4 .scroll {height:initial;max-height:100%;padding:0 32px 20px;}
.form-item.type4 {position: relative;padding:0 0 0 12px;margin:0;}
.form-item.type4::before {content:'';position:absolute;top:23px;bottom:24px;left:-1px;width:1px;background:#c4c4c4;}
.form-item.type4 dd {position:relative;} 
.form-item.type4 dd::before {content:'';position:absolute;top:20px;left:-16px;width:8px;height:8px;border-radius:50%;} 
.form-item.type4 dd.type1::before {background:#1664c0;}
.form-item.type4 dd.type2::before {background:#00AAD2;}
.form-item.type4 dd.type3::before {background:#002C5F;}
.form-item.type4 dd.type4::before {background:#999999;}
.form-item.type4 dd.line-cut::after {content:'';position:absolute;top:29px;bottom:0;left:-14px;width:3px;background: #fff;}

#container.map-container .type-flex {display:flex;flex-direction:column;align-items:stretch;height:100vh;max-height:100vh;margin:-56px 0 0;padding:0;margin-bottom: calc(constant(safe-area-inset-bottom) - 60px);margin-bottom: calc(env(safe-area-inset-bottom) - 60px);}
.map-container .type-flex .map {min-height:50vh;}
.map-container .type-flex .map, .map-container .type-flex .map-contents {position:relative;}
.map-container .type-flex .map-contents {align-self:flex-end;max-height:49vh;margin-top:-20px;}
.map-container .type-flex .map-contents .check-basic {position:relative;margin-left:2px;}
.map-container .map-contents .check-basic label {height:36px; line-height:36px;}
.map-container .map-contents .check-basic label span {position:relative;}
.map-container .map-contents .check-basic a {position:absolute;z-index:100;width:20px;height:20px;top:7px;left:220px;cursor:pointer;}
.map-container .map-contents .check-basic label span::after {content:'';position:absolute;top:2px;right:-19px;width:14px;height:14px;display:block;background:url(../images/common/ic_caution.svg) no-repeat;}
.map-contents.info4 .flex-container  {margin-top:12px;padding:20px 0 8px; border-top: 1px solid #eee;}
.map-contents.info4 .flex-container .chabtn {text-align: right;} 
.map-contents.info4 .radio-basic {margin-left: -8px;}
.map-contents.info4 .radio-basic span {display:block;font-size:12px;color: #999;}
.map-contents.info4 .radio-basic .price{text-align: right;}
.map-contents.info4 .radio-basic .price .normal {display:block;font-size:12px;color: #A0A6AD; text-decoration: line-through;}
.map-contents.info4 .radio-basic label {display:flex;justify-content: space-between;width:100%;align-items:center;}
.map-contents.info4 .btn-wrap.link-type ul{margin-top:10px;margin-bottom:0}
.map-contents.info4 .btn-wrap.link-type a{display:block; background:#eee;padding:9px 4px;margin-right:6px;text-align:center;}
.map-contents.info4 .btn-wrap.link-type li:last-of-type a {margin-right:0;}
.map-contents.info4 .btn-wrap.btn_multi,
.map-contents.info4 .btn-wrap.btn_bottom {margin:20px -32px -20px}
.map-contents.info4 .btn-wrap.btn_multi .btn {border-bottom:0;}
.address_cont .tit {font-size:18px;font-weight:500;line-height:24px;}
.address_cont .address_detail {font-size:14px;color:#999;}
.wash-box .totalwrap.final .discount {margin-bottom: 16px;}
.wash-box .totalwrap.final .discount span.value {font-size:16px;color: #E63312;}
#pop-container.find-driver,
.pop-container.find-driver {height:100%}
#pop-container.find-driver .inner .bold,
.pop-container.find-driver .inner .bold {padding-top:24px;}
#pop-container.find-driver .inner p,
.pop-container.find-driver .inner p {padding-top:10px;color: #000;}
#pop-container.find-driver section.complete-msg,
.pop-container.find-driver section.complete-msg {padding-top:50px;}
.find-driver section.complete-msg.finding {background:transparent;}
.find-driver section.complete-msg.finding .inner {position:relative;background:url(../images/common/icon_search_driver.gif) no-repeat top center; background-size: 72px;}
.find-driver section.complete-msg.finding .inner::before {/*content:'';*/position: absolute;top:-15px;left:50%;z-index:-1;width:80px;height:80px;border-radius:50%;background: #e8faff; animation: beat 1.5s infinite alternate;}
.find-driver section.complete-msg .inner {background:url(../images/common/icon_search_driver_fail.svg) no-repeat top center;}
.find-driver section.complete-msg .inner em {display:block;margin-top:20px;font-size:14px;font-weight:500;color:#00a0cc;}
@keyframes beat {
  0% {transform:translateX(-50%) scale(0); }
  100% {transform:translateX(-50%) scale(1);}
}
.position-list {position:absolute;bottom:92px;left:16px;right:16px;margin:auto;padding:24px 32px;border-radius:16px;background: #f3f3f3;}
.position-list dl {position: relative; padding-left:16px;}
.position-list dl::before, ul.position-list::before {content:'';position:absolute;top:10px;bottom:15px;left:-1px;width:1px;background:#c4c4c4;}
.position-list .list-wrap {position:relative;display:table;padding-bottom:16px;}
.position-list .list-wrap::before {content:'';position:absolute;top:6px;left:-20px;width:8px;height:8px;border-radius:50%;} 
.position-list .list-wrap.type1::before {background:#1664c0;}
.position-list .list-wrap.type2::before {background:#00AAD2;}
.position-list .list-wrap.type3::before {background:#002C5F;}
.position-list .list-wrap.type4::before {background:#999999;}
.position-list .list-wrap:last-of-type {padding-bottom:0;}
.position-list .list-wrap:last-of-type:after{content:'';position:absolute;left:-20px;bottom:0;top:15px;width:5px;background:#f3f3f3;}
.position-list dl dt {display:table-cell;width:65px;font-size:14px;font-weight:500;line-height:20px;}
.position-list dl dd {display:table-cell;font-size:12px;}
.position-list .hp-info {margin-top: 12px;}
.position-list .hp-info label {display: block; margin-bottom: 8px;}
.position-list .hp-info label span {display: inline-block; color: #E63312;}
.position-list .hp-info input {font-size: 12px;}
.position-list .hp-num {margin-top: 8px; color:#595959;}
.position-list .list-wrap:last-of-type .hp-info {padding-bottom: 16px;}
.position-list .list-wrap:last-of-type .hp-info input {font-size: 12px;}
body.font-big .position-list .hp-info input {font-size: 15px;}

.btn-wrap.btn_multi {display:flex;}
.btn-wrap.btn_multi .btn {position:relative;width:50%;border-left:0; border-right:0;border-color:#e4dcd3;}
.btn-wrap.btn_multi .btn.c1 {border-color: #002c5f;}
.btn-wrap.btn_multi .btn:only-child {width: 100%;}
.btn-wrap.btn_multi .btn:after {content:'';position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#e4dcd3;}
.btn-wrap.btn_multi .btn:last-of-type::after {display:none;}
.card-fail {position:absolute;bottom:92px;left:16px;right:16px;margin:auto;padding:21px 32px 21px 82px;border-radius:16px;background: #f3f3f3 url(../images/common/icon_card_fail.svg) no-repeat 23px center;}
.wash-box .position-list {position: relative;top:0;left:0;bottom:0;right:0; padding: 0 0 0 16px;background: #fff;}
.wash-box .position-list .list-wrap:last-of-type:after{content:'';position:absolute;left:-20px;bottom:0;top:15px;width:5px;background:#fff;}
.wash-box .position-list strong, .wash-box .position-list span {display: block;}
.wash-box .position-list strong {color:#595959;}
.wash-box .position-list span {color:#999;}
.win-pop-wrap.driver .complete-msg.type3 {min-height:152px;padding-top:30px;}
.map-contents.info4 .estimate-price {margin-top:25px; padding-top:25px;border-top:1px solied #eee;}
.map-contents.info4 .estimate-price p {font-size: 14px;}
.map-contents.info4 .estimate-price .price {text-align: right;}
.map-contents.info5 {height:initial;border-radius: 16px 16px 0 0;padding:5px 0;}
.pnch-usetext + .pnch-usetext p {margin-top:-10px;padding:24px 0 20px;border-top:1px solid #eee;}
.text-guide .basic .position-list {position:relative;top:0;left:-10px;background:transparent;padding:0 0 0 32px;}
.text-guide .basic .position-list:before {left:15px;}
.text-guide .basic .position-list .list-wrap + .list-wrap {margin-top:15px;}
.text-guide .basic .position-list .list-wrap:last-of-type:after {top:14px;background: #fff;}
.text-guide .basic .position-list .list-wrap span {color:#999;}
.map-contents.info4 .pay-input {position:relative;padding-top:7px;border-top:0;margin-top:0;}
.map-contents.info4 .pay-input.error-box {padding-bottom:24px;}
.map-contents.info4 .pay-input .input-box {width:50%;}
.map-contents.info4 .pay-input .input-box input {height:40px;padding-right:10px;text-align:right;}
.map-contents.info4 .pay-input .input-box.error-box {position:static;}
.map-contents.info4 .pay-input .error-txt {position:absolute;left:0;bottom:0;width:100%;}
.map-contents.info4 .use-cp {padding-top:2px;margin-top:0;border-top:0;}
.map-contents.info4 .gap{padding-top:104px;}
.map-contents.info4 .btn-wrap.bottom-reserv { position:absolute;bottom:52px;width:100%;height:52px;background:#f3f3f3;margin: 0;}
.map-contents.info4 .btn-wrap.bottom-reserv .flex-container {display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:0;padding:8px 20px 0 24px;border-top:none;}
.map-contents.info4 .btn-wrap.bottom-reserv .tit{font-size:14px;color:#000;font-family:"HeadMedium";}
.map-contents.info4 .btn-wrap.bottom-reserv .date{font-size:14px;padding-left:10px;color:#000;font-family:"HeadRegular";}
.map-contents.info4 .btn-wrap.bottom-reserv .btn-arrow{width:36px;height:36px;background:url(../images/common/direct-right.svg) no-repeat center center;}
.map-contents.info4 .btn-wrap.bottom-reserv .btn-arrow:active{background-color:rgba(70, 74, 89, 0.1); }
.pop-numlist {padding:0 21px 0 32px;}
.pop-numlist li {padding-bottom:15px;list-style-type:number;}

.wash .bg-gray {position:relative;padding-bottom:0;}
.wash .star {float:right;display:inline-block;padding-left:15px;background: url(../images/common/icon_star.svg) no-repeat center left;}
/*wash .inner {cursor: pointer;}*/
.wash .inner .map-wrap2 {display:none;}
.wash .text-guide .fontm {position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;font-size:16px;}
.wash .text-guide .addr {color:#000;}
.wash .text-guide .chargetime {display:none;margin-top:10px;font-size:14px;color:#000;}
.wash .inner.selected {border:2px solid #00aad2;}
.wash .inner.selected .chargetime, .wash .inner.selected .map-wrap2 {display:block;}
.wash .more-box {margin-bottom:20px;text-align:center;}
.wash .view-more {display:inline-block;margin:0 auto;padding-right:15px;background: url(../images/common/icon_arrow_bottom.svg) no-repeat center right;font-size:12px;}
.text-guide .radio-select-box {height:52px;margin-bottom:8px;}
.text-guide .radio-select-box label {display:block;padding: 0 16px;border:1px solid #e5e5e5;line-height:52px;}
.text-guide .radio-select-box.active label,
.text-guide .radio-select-box input[type=radio]:checked + label {border-color:#00aad2;}
.text-guide .radio-select-box em {float:right;color:#00aad2;}
.wash .text-guide .form-list.type4 {margin: -26px 0 26px }
.wash .text-guide .form-list.type4 li {line-height:52px;}
.wash .inner h2 span {font-size: 12px;}
.wash .car-enroll-info .arrow-list li.arrow{}
.wash .car-enroll-info .arrow-list li.arrow span{margin-left:-10px;font-size:12px;}
.wash .car-enroll-info .arrow-list li.arrow.on span{margin-left:-10px;color:#00aad2}
.wash .inner .form-item { margin-bottom:5px;}
.wash .change-info{padding-top:10px;background:#f6f3f2;}
.wash .change-info .info-list a { position:relative;display:block;width:100%;}
.wash .change-info .info-list > li {padding:20px 0;/*border-bottom:1px solid #e4dcd3;*/}
.wash .change-info .info-list > li:last-child {border-bottom:none;}
.wash .change-info .info-list li a.sub:after {content:"";position:absolute;top:50%;width:24px;height:24px;background:url(../images/common/ic_down.svg) no-repeat 100% 50%; background-size:24px auto; transform: translateY(-12px); }
.wash .change-info .info-list li .sub:after { background-image:none;}
.wash .change-info .info-list li a.on {background-size:24px auto;}
.wash .change-info .info-list li a.on:after {transform: translateY(-12px) rotate(180deg);}
.wash .change-info .info-list li a.sub + ul {display:none;}
.wash .change-info .info-list li a.sub.on + ul {display:block;}
.wash .change-info .info-list .cancel-list li{position:relative;padding:1px 0 4px 10px;font-size:12px;color:#999;}
.wash .change-info .info-list .cancel-list li:first-child{margin-top:10px;}
.wash .change-info .info-list .cancel-list li span{position:absolute;top:50%;right:0;transform: translateY(-50%);}
.wash .change-info .info-list .cancel-list li::after{content:'';position:absolute;left:2px;top:8px;width:2px;height:2px;background:#999;}
.wash .change-info .item {padding-bottom: 12px;}
.wash .change-info .item + .item {padding-top: 12px; border-top: 1px solid #ccc;}
.wash .change-info .item .info-list {padding-top: 9px;}
.wash .change-info .item .sub-tit {margin-top: 9px; font-size:12px;color:#999;}
.wash .change-info .item .sub-tit + .cancel-list {margin-top: 4px;}

.repre-car {display:inline-block;width:24px;height:24px;margin:0 0 -5px 0;background:#fff url(../images/common/round_star.svg) no-repeat;background-size:100% 100%;}
.repre-car.on {background-image: url(../images/common/round_star_selected.svg);}
.section-wrap.operation-info .repre-car{margin:0 3px -5px 20px;}

.mem-menu-list {padding: 32px 10px 24px;}
.mem-menu-list:after {content:'';display:block;width:100%;clear:both;}
.mem-menu-list li {float:left;}
.mem-menu-list li a {position:relative;display:block;padding:0 14px;font-size:16px;color:#666;line-height:21px;text-decoration:none;}
.mem-menu-list li a::after {content:'';position:absolute;right:0;top:4px;width:1px;height:12px;background:#e4dcd3;}
.mem-menu-list li:last-child a::after {display:none;}
.mem-menu-list li.on a {font-family:"HeadMedium";color:#000;}
.btn-wrap .btn.hdshop-banner {height:80px;background: #002c5f;}
.btn-wrap .btn.hdshop-banner img {width:100%;max-width:360px;}

.membership-card-info {background: #f6f3f2;}
.membership-card-info .barcode { width:100%;margin-top:24px;background: #f6f3f2;}
.membership-card-info .barcode svg {display:block;margin: 0 auto;background: #fff;width:100%;}
.membership-card-info .barcode svg text {font-size: 12px;color:#999;}
.membership-card-info .barcode .card-reissuance {display:block;width:312px;height:100px;margin:0 auto;padding-top:56px;background: #fff url(../images/common/card_plus_black.svg) no-repeat center 24px;color:#222;text-align:center;}
.membership-card-info .barcode .btn-copy {padding-bottom: 16px; background-color: #fff; text-align: center; }
.membership-card-info .barcode .btn-copy button {display: inline-block; padding: 6px 10px; border-radius: 48px; background-color: #F5F5F7; color: #586069; font-size: 12px; line-height: 16px; cursor: pointer;}
.membership-card-info .point-cont {margin-top:40px;text-align: center;}
.membership-card-info .point-value {display:inline-block;padding-right:22px;background:url(../images/common/circle_arrow_right.svg) no-repeat right 6px;background-size:20px 18px;font-size:24px;color:#333;line-height:30px;}
.membership-card-info .point-value em {padding-right:4px;font-size:34px;font-weight:500;}
.membership-card-info .card-image {display:block;width:38%;margin:16px auto 0;}
.membership-card-info .btn-bottom {height: 78px;}
.membership-card-info .arrow-btn {background-color:transparent;background:url(../images/common/ic-bold-arrow-right-gray.svg)no-repeat center right;background-size:24px;color:#69727D;font-weight:500;font-size:14px;padding:0 20px 0 0;top:auto;bottom:104px;right:auto;left:24px;}

.font-big .membership-card-info .barcode .btn-copy button {font-size: 14px; line-height: 18px;}

.oil-point-card {position:relative; }
.oil-point-card.oilbank {background:#0051a3;color:#fff;}
.oil-point-card.oilbank .message-sync, .oil-point-card.oilbank .link-sync-clear {color:#bbb;}
.oil-point-card.soil {background:#ffd700;color:#000}
.oil-point-card.soil .message-sync, .oil-point-card.soil .link-sync-clear {color:#777;}
.oil-point-card .link-adventage {display:inline-block;padding-top:2px;text-decoration: underline;}
.oil-point-card .link-sync {position:absolute;top:0;bottom:0;left:200px;right:0;background:url(../images/common/card_plus_white.svg) no-repeat right 25px center;}
.oil-point-card.soil .link-sync {position:absolute;top:0;bottom:0;left:200px;right:0;background:url(../images/common/card_plus_black.svg) no-repeat right 25px center;}
.oil-point-card .barcode {width:100%;margin-top:16px;/*background: #fff;*/}
.oil-point-card .barcode svg { background: #fff;width:100%; }
.oil-point-card .barcode  svg g text { font-size:14px !important; font-family:"HeadRegular", sans-serif !important; position:absolute;top:0;left:0}
.oil-point-card .link-sync-clear {position: absolute;top:29px;right:23px;text-decoration:underline;}
.oil-point-card .point-value {padding-bottom:12px;font-size:24px;line-height:30px;}
.oil-point-card .point-value em {padding-right:4px;font-size:34px;font-weight:500;}
.oil-point-card .link-near-station {position:relative;padding-right:14px;margin-right:10px;}
.oil-point-card .link-near-station::after {content:'';position:absolute;top:4px;right:0;width:1px;height:14px;background:#fff;}
.oil-point-card.soil .link-near-station::after {background:#bbb;}
.oil-point-card .open .link-adventage {text-decoration:none;}
.oil-point-card .fold {height:144px;}
.oil-point-card .fold .point-value {position:absolute;top:0;bottom:0;left:0;right:0;padding:0 24px;line-height:144px;text-align:right;}
.oil-point-card .fold .point-value em {font-size:24px;}
.oil-point-card.oilbank .prev{padding:76px 24px 24px;}
/* .oil-point-card.oilbank .prev.logo {background:url(../images/common/card-oilbank.png) no-repeat 24px 28px;background-size:137px 20px;color:#fff;} */
.oil-point-card.oilbank .prev.logo {background:url(../images/common/card-oilbank.png) no-repeat 24px 20px;background-size:120px 19px;color:#fff;}
.oil-point-card.oilbank .open{padding:76px 24px 24px;}
/* .oil-point-card.oilbank .open.logo {background:url(../images/common/card-oilbank.png) no-repeat 24px 28px;background-size:137px 20px;color:#fff;} */
.oil-point-card.oilbank .open.logo {background:url(../images/common/card-oilbank.png) no-repeat 24px 20px;background-size:120px 19px;color:#fff;}
.oil-point-card.oilbank .fold{padding:76px 24px 24px;}
/* .oil-point-card.oilbank .fold.logo {background:url(../images/common/card-oilbank.png) no-repeat 24px 58px;background-size:137px 20px;color:#fff;} */
.oil-point-card.oilbank .fold.logo {background:url(../images/common/card-oilbank.png) no-repeat 24px 62px;background-size:120px 19px;color:#fff;}
.oil-point-card.soil .prev{padding:76px 24px 24px;}
.oil-point-card.soil .prev.logo {background:url(../images/common/card-soil.png) no-repeat 24px 28px;background-size:58px 20px;color:#fff;}
.oil-point-card.soil .open{padding:76px 24px 24px;}
.oil-point-card.soil .open.logo {background:url(../images/common/card-soil.png) no-repeat 24px 28px;background-size:58px 20px;color:#fff;}
.oil-point-card.soil .fold{padding:76px 24px 24px;}
.oil-point-card.soil .fold.logo {background:url(../images/common/card-soil.png) no-repeat 24px 58px;background-size:58px 20px;color:#fff;}
.oil-point-card.soil .link-adventage {color:#000;}
.oil-point-card.soil .point-value {color:#000;}
.oil-point-card.soil .link-near-station {color:#000;}

.instant-msg.e-pit {padding-left:28px;border:1px solid #2dc5c4;background:#fff url(../images/common/logo-epit.png) no-repeat 11px center;box-shadow:2px 4px 10px rgba(0, 0, 0, 0.05);z-index:10;}
.instant-msg.e-pit p {color: #000;}
.instant-msg.e-pit p .btn-close {float:right;width:16px;height:16px;background: url(../images/common/close_small_gray.svg) no-repeat;}

#pop-container .section-wrap.linkage.cardpoint-info,
.pop-container .section-wrap.linkage.cardpoint-info{padding-top:0;}
#pop-container .section-wrap.linkage.cardpoint-info h2,
.pop-container .section-wrap.linkage.cardpoint-info h2{font-family: "HeadLight";font-size:24px;padding-left:24px;line-height: 30px;border-bottom:none}
.win-pop-wrap.point-linkage #pop-header,
.win-pop-wrap.point-linkage .pop-header  {text-align:left;}
.win-pop-wrap.point-linkage #pop-header .back,
.win-pop-wrap.point-linkage .pop-header .back { position:absolute; top:10px; left:8px; width:36px; height:36px; background:url(../images/common/ic_header_back.svg) no-repeat center/36px; }
.win-pop-wrap.point-linkage #pop-header .pop-title,
.win-pop-wrap.point-linkage .pop-header .pop-title { font-family:"HeadMedium"; font-size:18px; line-height:56px; padding-left:36px;}
.win-pop-wrap.point-linkage #pop-header .pop-title.center,
.win-pop-wrap.point-linkage .pop-header .pop-title.center{padding-left:0;width:100%;text-align: center;}
.win-pop-wrap .section-wrap.text-guide.oilbank, .win-pop-wrap .section-wrap.text-guide.soil{margin:0 24px;}
.win-pop-wrap .section-wrap.text-guide.oilbank .img-wrap, .win-pop-wrap .section-wrap.text-guide.soil .img-wrap{margin:40px}
.win-pop-wrap .section-wrap.text-guide.oilbank .img-wrap img{width:80%}
.win-pop-wrap .section-wrap.text-guide.soil .img-wrap img{width:40%}

/*약관통합에따른 약관동의 팝업*/
.layer-pop-wrap .agreement-type .info{border-bottom:1px solid #ddd;padding-top:20px; margin-bottom:20px;}
.layer-pop-wrap .agreement-type .text-guide .basic.type4{width:412px;}
.layer-pop-wrap .agreement-type .text-guide .basic.type4 th{padding:5px;vertical-align: middle;}
.layer-pop-wrap .agreement-type .text-guide .basic.type4 td{padding:5px;}
.layer-pop-wrap .agreement-type .text-guide .basic.type4 td:first-child {border-left:0;text-align:center;}
.layer-pop-wrap .agreement-type .text-guide .basic.type4 td:last-child{text-align:center;}
.layer-pop-wrap .agreement-type .text-guide .basic.type4 td li{margin-top: 0;}

.section-wrap.maincar .header .txt{padding:10px 0 0 24px;color:#999;}
.section-wrap.maincar .home-notice-line{padding:8px 0;height:34px;background:#f4f4f4;overflow:hidden;}
.section-wrap.maincar .home-notice-line li{height:34px;}
.section-wrap.maincar .home-notice-line li.notice {color:#222;background:url(../images/common/ic_notice.svg) no-repeat 12px -5px; background-size:28px; }
.section-wrap.maincar .home-notice-line li.recall {color:#E63312;background:url(../images/common/ic_error.svg) no-repeat 20px 1px; background-size:15px;}
.section-wrap.maincar .home-notice-line li a{display:block;height:34px;font-size:12px; line-height:1.67; width:90%; padding-left:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section-wrap.every .flex-container{align-items:flex-end;}
.section-wrap.every .bluemem.boxwrap .slick-list {padding-left:8px !important; padding-right:calc(100% - 260px) !important;}
.section-wrap.every .bluemem.boxwrap .inner { width: 260px !important; padding: 8px 10px; }
.section-wrap.every .bluemem.boxwrap .tit-wrap span.post-info{vertical-align: top;}
.section-wrap.every .bluemem.boxwrap .tit { padding:2px 5px 0 0;line-height:20px;overflow:hidden;text-overflow:ellipsis;display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; word-break:keep-all;white-space:revert;}
.section-wrap.every .border-top,.section-wrap.eventSlide .border-top{border-top: 1px solid #eee;}
.section-wrap.quick .blue-bg {display: none;}
.section-wrap.title h2+.color4{color:#999 !important;font-family:"HeadRegular";padding-top:4px}
.section-wrap.title + .vehicle-quick {padding-top:0;}
.section-wrap.maincar .border-top,.section-wrap.benefit .border-top,.section-wrap.story .border-top{margin: 0 24px;}


/*카라이프 배너슬라이드ul추가*/
.section-wrap.carlife-banner .btn-wrap.banner  {max-width: 100%;}
.section-wrap.carlife-banner .btn-wrap.banner a img{max-width: 100%;}
.section-wrap.carlife-banner.type2{height:auto;padding-top:0;}
.section-wrap.carlife-banner.type2 .carlifeSlide .slick-slide .item{width:100%;}
.section-wrap.carlife-banner.type2 .carlifeSlide .slick-slide .item a{display:block;margin-right:0}
.section-wrap.carlife-banner.type2 .keyPaging {position:absolute; right:10px; bottom:10px;left:inherit; width:36px; height: 14px; padding:0 5px; font-size:12px; color:#fff; line-height:1.33; text-align: center; z-index:9; background:rgba(0, 0, 0, 0.2); border-radius:7px;}
.section-wrap.carlife-banner.type2 .keyPaging #currentKey {opacity:1;font-family:"HeadLight";}
.section-wrap.carlife-banner.type2 .keyPaging #countKey {opacity:0.5; }
.section-wrap.carlife-main .carousel-wrap{padding-bottom:16px;padding-top:2px;}
.section-wrap.carlife-main .card-banner .item > a{position:relative;border:1px solid #eee;box-shadow: 2px 2px 10px rgba(0,0,0,.05);}
.section-wrap.carlife-main .card-banner {height:auto;}
.section-wrap.carlife-main .card-banner .slick-slide div{margin-right:0}
.section-wrap.carlife-main .card-banner .item{width: 100% !important;}
.section-wrap.carlife-main .card-banner .item > a{position:relative;display:block;padding:24px 20px;}
.section-wrap.carlife-main .service-ing {height:auto;}
.section-wrap.carlife-main .service-ing .slick-slide div{padding:0 12px}
.section-wrap.carlife-main .service-ing .item{position:relative;width: 100% !important;}
.section-wrap.carlife-main .service-ing .item > a{position:relative;display:block;padding:20px;background:#f1f9fb;z-index:2;}
.section-wrap.carlife-main .carousel-wrap .line{padding:0 24px;width:calc(100% - 48px);margin-top:auto;height:1px;background:#eee;border-top:none;margin:30px auto;display: block;}
.section-wrap.carlife-main .carousel-wrap .service-ing .slick-dots {position:relative;bottom:0;top:0;text-align:center;padding-top:18px;line-height:0;height:22px}
.section-wrap.carlife-main .item .car-model{padding:0 0 12px 26px;color:#999;background:url(../images/common/ic_car_gray.svg)no-repeat 0 -1px;line-height:18px;width:calc(100% - 18px);}
.section-wrap.carlife-main .item .tit{font-size:18px;color:#222;font-family:"HeadRegular";}
.section-wrap.carlife-main .item .tit-info{color:#999;}
.section-wrap.carlife-main .item .date{font-size:14px;color:#999;margin-bottom:0;padding-top:5px;line-height:18px;}
.section-wrap.carlife-main .item .dday{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#00aad2;font-family:"HeadMedium"}
.section-wrap.carlife-main .item .complet-msg{padding-top:8px;font-size:14px;color: #00aad2;}
.section-wrap.carlife-main .item .manager{position:relative;font-size:12px;color:#999;}
.section-wrap.carlife-main .item .manager span{padding-left:12px;}
.section-wrap.carlife-main .item .manager span:before{content:'';position:absolute;top:50%;transform:translateY(-50%);width:1px;height:50%;border-left:1px solid #ddd;margin-left:-6px;}
.section-wrap.carlife-main .item .refresh {position:absolute;top:6px;right:15px;display:block;width:40px;height:40px;background:url(../images/common/ic_refresh_gary.svg) no-repeat center/16px;z-index:3;cursor:pointer;}
.section-wrap.carlife-main .border-top{padding:0;border-top:none;border-bottom: 1px solid #eee;margin: 0 24px;height:26px;}
.section-wrap.carlife-main + .section-wrap.quick .quick-menu{ margin-top: -10px;}
.section-wrap.carlife-main .message {padding:5px 0 5px 10px;width:calc(100% - 50px);background:#f4f4f4;margin:0 auto;} 
.section-wrap.carlife-main .message .tips-caution {padding-left:18px;background:url(../images/common/ic-caption-info-red.svg) no-repeat 0 2px/14px;display:block;}

/*3월 개편 카라이프 메인 UI변경*/
.carlife-main{position:relative; padding-top:32px; }/*22.03.28 간격수정*/
.section-wrap.carlife-main h2{padding-bottom:10px;}
.section-wrap.title.carlife-main h2+p{padding-top:0;}
.carlife-main .line {position:relative; width:100%; margin-top:32px;height:8px;background:#f8f8f8;border-top: 1px solid #e5e8ee;}/*22.03.28 간격수정*/
.carlife-main .txt{font-size:14px;color:#999;padding-bottom:15px;font-family:"HeadRegular";}
.carlife-main a.txt-link{display:block;font-size:14px;color:#00aad2;text-decoration:underline;}
.section-wrap.title.carlife-main a.txt-link{padding-left:24px;} 
.carlife-main .tit-sub{padding-left:24px;font-family:"HeadRegular";font-size:16px;padding-bottom:10px;}
.carlife-main .tit-sub span{padding-left:5px;color:#00aad2;}
.carlife-main .tips-caution{margin-top:0;background-position:0 0;}
.carlife-main .cont-box-header{margin:0 24px; padding-bottom:0;border-bottom:1px solid #eee;margin-bottom:0;}/*22.03.28 간격수정*/
.carlife-main .cont-box-header h2{padding-bottom:24px;}/*22.03.28 간격수정*/
.carlife-main .cont-box-header.no-line{border-bottom:none}
.carlife-main .cont-box-header .tit{font-size:16px;color:#222;line-height:22px;margin-bottom: 20px;}
.carlife-main .cont-box-body{margin:0 24px}/*22.05.10 간격수정*/
.carlife-main .cont-box-body .servi-list {padding-bottom:20px;}
.carlife-main .cont-box-body .servi-list li{padding:24px 0;border-bottom: 1px solid #eee;}
.carlife-main .cont-box-body .servi-list li .tit{font-size:16px;color:#222;line-height:22px;margin-bottom: 20px;}
.carlife-main .cont-box-body .servi-list li .tag{display:inline-block; padding:1px 7px 2px;background:#dcf3f9;color:#00aad2;font-size:14px;border-radius:4px;}
.carlife-main .cont-box-body .servi-list li .tag + .tag{margin-left:5px;}
.carlife-main .cont-box-body .servi-list .flex-container {justify-content:flex-start;margin:0 0 15px 5px;}
.carlife-main .cont-box-body .servi-list .flex-container span + span{padding-left:12px;}
.carlife-main .servi-tabs { display:flex; flex-wrap:nowrap; justify-content:flex-start;margin:0;overflow:hidden;overflow-x:auto; }/*22.03.28 간격수정*/
.carlife-main .servi-tabs::-webkit-scrollbar {display:none; }  
.carlife-main .servi-tabs li { display:flex;align-items:center;margin-right:8px;padding:0 16px;height:32px;color:#999;border:1px solid #ddd;border-radius:28px;white-space:nowrap; }
.carlife-main .servi-tabs li:last-child:after  { display:none; }
.carlife-main .servi-tabs li.on { font-family:"HeadMedium";color:#fff;background:#00aad2;border:1px solid #00aad2;}
.carlife-main .insure {position:relative;border-bottom:1px solid #eee;padding:26px 0 27px 70px;background: url(../images/common/ic-quicklist06.svg) no-repeat 10px center;}
.carlife-main .insure .insure-tit{display:flex;flex-wrap:wrap;padding-right:20px;}
.carlife-main .insure .insure-tit h3{font-size:16px}
.carlife-main .insure .insure-tit .caution {width:16px; height:16px; display:inline-block; margin-left:0;background: url(../images/common/ic_error.svg) no-repeat center 1px; cursor: pointer;vertical-align: sub;}
.carlife-main .insure a.arrow-btn{background-color:transparent;font-size:0;background:url(../images/common/ic-bold-arrow-right-gray.svg)no-repeat center right;background-size:34px;width:40px;top:50%;transform:translateY(-50%); }
.carlife-main .cont-box-header .operation-info{position:relative;}
.carlife-main .cont-box-header .operation-info .car-model a.default-btn{font-size:20px;background: #fff url(../images/common/ic_down.svg) no-repeat center right 10px ;padding-right:40px;font-family: "HeadMedium";}
.carlife-main .cont-box-header .operation-info .car-model span{display:block;font-size:14px;color:#999;}
.carlife-main .cont-box-header .operation-info .car-model.type2 span{display:inline-block; font-family:"HeadRegular";padding-left:8px;}
.carlife-main .cont-box-header .operation-info p{position:absolute;right:0;bottom:0;}
.carlife-main .btn-wrap.link-type {position:static;border:none;padding-top:6px;}
.carlife-main .btn-wrap.link-type.btn{margin-top:20px;}
.carlife-main .btn-wrap.link-type li{height:36px;line-height:36px;width:100%;margin-right:3px}
.carlife-main .btn-wrap.link-type li a{margin:2px;width:100%;color:#060606;background:#f3f3f3;display:block;}
.carlife-main .btn-wrap.link-type li:after{height:0;width:0;}
.carlife-main .btn-wrap.link-type li a em{color:#00aad2;}

/* 블루멤버스 포인트 더블 적립 이벤트 220324 */
.evt-click-btn {position:absolute; width:100%; height:3.5%; bottom:51%; left:50%; transform:translateX(-50%);}

/*홈-차량미보유 차량탐색 슬라이드*/
.section-wrap.lineup .border-top{margin:0 24px;padding:18px 0 !important;}
.lineup .lineup-slide {padding:17px 0px 0 0;}
.lineup .lineup-slide .slick-list {padding-left:8px !important; padding-right:calc(100% - 211px) !important;}
.lineup .lineup-slide .slick-list .slick-slide {margin:0 14px 0 12px;}
.lineup .lineup-slide .inner {position:relative; width:192px !important; height:200px;overflow:hidden;padding:24px;}
.lineup .lineup-slide .inner:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.5); z-index: 1;}
.lineup .lineup-slide .inner.sedan{background:url(../images/temp/lineup-sedan.png) no-repeat center center; background-size:cover;}
.lineup .lineup-slide .inner.suv{background:url(../images/temp/lineup-suv.png) no-repeat center center; background-size:cover;}
.lineup .lineup-slide .inner.mpv{background:url(../images/temp/lineup-mpv.png) no-repeat center center; background-size:cover;}
.lineup .lineup-slide .inner.electric{background:url(../images/temp/lineup-electric.png) no-repeat center center; background-size:cover;}
.lineup .lineup-slide .inner.nn{background:url(../images/temp/lineup-nn.png) no-repeat center center; background-size:cover;}
.lineup .lineup-slide .inner .thumb {width: 100%; display: block; position: relative; height: 41px; overflow:hidden;}
.lineup .lineup-slide .inner .thumb img {object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: auto; max-height: 41px; max-width: 110px; width: 100%;}
.lineup .lineup-slide .inner .txt-cont{ position:absolute; z-index: 2 !important;}
.lineup .lineup-slide .inner .txt-cont .lineup-tit{font-size:24px;color:#fff;font-family:"HeadMedium";}
.lineup .lineup-slide .inner .txt-cont .txt{padding-top:4px;font-size:12px;color:#fff;}

/*통합 회원 런칭 이벤트 하프파업*/
.notice_evt_pop .evt_pop_half{position:relative;text-align: center;}
.notice_evt_pop .pop_half_header .close,
.notice_evt_pop .evt_pop_half .close { position:absolute; top:0; right:1%; display:block; width:50px; height:50px; background:url(../images/common/ic_close_w.svg) no-repeat center; background-size:50px auto; outline:none; }
.notice_evt_pop .pop_half_header .close.black,
.notice_evt_pop .evt_pop_half .close.black{background:url(../images/common/ic_close.svg) no-repeat center; background-size:50px auto;}
.notice_evt_pop .pop_half_header .close:active,
.notice_evt_pop .evt_pop_half .close:active,
.notice_evt_pop .evt_pop_half .close.black:active { background-color:rgba(70, 74, 89, 0.1); }
.notice_evt_pop .evt_pop_half img{width: 100%;}
.notice_evt_pop .pop_half_header {display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 3px;}
.notice_evt_pop .pop_half_header .check_display_pop label {background-size: 16px 16px;}
.notice_evt_pop .pop_half_header .close {position: static;}

/*더보기 전체메뉴 beta추가*/
.mu-menu .menu-list .txt-beta{position:absolute;top:-2px;padding-left:5px;font-size:12px;color:#00a0cc;}
.cont-box-body .cate-list li .txt-beta{padding-left:5px;font-size:12px;color:#00a0cc;vertical-align:text-top;}

/*이벤트 응모 팝업 내 상세내용 좌측 세로줄*/
.form-item.type4.no-line .scrollarea{padding-left:16px;}
.form-item.type4.no-line {padding:0;}
.form-item.type4.no-line:before {display:none;}

/* 운전결심 앱 이벤트 220330 */
.drevt_youtube5 {position:absolute; width:100%; height:7.5%; bottom:34%; left:50%; transform:translateX(-50%);}
.youtube5_btn.a1{position:absolute;left:0;width:50%;height:2%;bottom:12.5% ;display: block;}
.youtube5_btn.a2{position:absolute;left:50%;width:50%;height:2%;bottom:12.5% ;display: block}

/*3월 정비예약 신청 개편*/
.btn.s4 { height:42px; line-height:42px; font-size:14px; }
.del-btn {position:absolute;font-size:12px;top:0;right:0px;color:#000;display:inline-block;padding-right:16px;background: url(../images/common/ic_delete.svg) no-repeat right center;background-size:36px;line-height:1.44;padding:5px 30px 5px 9px;}
.del-btn:active {background-color: rgba(0,0,0,0.15);}
.step-list.type2 li {padding:25px 0 0;color:#bbb;}
.step-list.type2 li.on {color:#00aad2;} 
.step-list.type2 li:before {top:10px;padding-top:0px;border-top:1px dotted #ddd;}
.step-list.type2 li:first-of-type:before {left:14px; width:67%;}
.step-list.type2 li:last-of-type:before {right:34px; width:58%;}
.step-list.type2 li:after {top:0;width:20px;height:20px;background:#d6d6d6;font-family:"HeadRegular";font-size:14px;line-height:22px;}
.step-list.type2 li.on:after {background:#00aad2; }
.step-list.type2 li.end {color: #999;}
.step-list.type2 li.end:after {position:absolute;bottom:0;left:50%;width:20px;height:20px;content:"";display:block;border-radius:50%;transform: translateX(-50%);background:#999 url(../images/common/ic-bold-check-white.svg) no-repeat center;background-size:22px;}
.step-list.grid-col4 {margin:0;background:#fff;padding:20px 20px 15px;}
.step-list.grid-col4 li:first-of-type, .step-list.grid-col4 li:last-of-type {flex:0;}
.form-item .flex-container .arrow-btn {font-size:14px;opacity:.4;font-family: "HeadRegular";padding-right:22px;}
.header .flex-container .del-btn {font-size:14px;opacity:.4;top:12px;right:8px;}
.radio-list { display:flex;flex-wrap:wrap;}
.radio-list.type2 li {float:none;flex:1;min-width:calc(33% - 5px);max-width:calc(33% - 5px);margin:0 8px 8px 0;}
.radio-list.type2 li:nth-child(3n) {margin-right:0; }
.radio-list.type2 .box-check-input input[type=radio]{ display:none; }
.radio-list.type2 .box-check-input input[type=radio] + span {height:42px;border:1px solid #E3E5E8;border-radius: 4px; word-break:keep-all;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.radio-list.type2 .box-check-input input[type=radio]:checked + span{ /*background:#00aad2;color:#fff;*/ border-color:#00AAD2; border-width: 1px;}
.form-list.horizontal.type2 li{line-height:20px;height:52px;}
.form-list.horizontal.type2 .check-basic label:before{top:-7px;transform: none;}

/* 정비예약 신청 개편 리뉴얼 버전 */
.pop-maintenance {}
.pop-maintenance .title {text-align: center; font-family:"HeadMedium";}
.pop-maintenance .box-info {border: 1px solid #E3E5E8; background: #F5F5F7; margin: 16px 0 8px; padding: 20px 24px; font-size: 14px;}
.pop-maintenance .box-info li {display: flex; margin-top: 12px;}
.pop-maintenance .box-info li:first-child {margin-top: 0;}
.pop-maintenance .box-info .tit2 {min-width: 68px; padding-right: 5px; color: #586069;}
.pop-maintenance .box-info .txt2 {flex: 1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.form-list.horizontal.type4 {margin: 0;}
.form-list.horizontal.type4 li {line-height: 24px; padding: unset;}
.form-list.horizontal.type4 li:nth-child(n + 3) {margin-top: 20px; color: red}
.form-list.horizontal.type4 .check-basic label {padding-left: 32px; line-height: 24px; font-size: 14px;}

.renewal-v2 section.card .border-top {border-color: #E3E5E8;}
.renewal-v2 section.card .input-box textarea {background: #F5F5F7; border-radius: 4px;}

.font-big .pop-maintenance .box-info {font-size: 17px;}
.font-big .form-list.horizontal.type4 .check-basic label {font-size: 17px;}


/*주변찾기 지도재검색 버튼 추가*/
.search-again {position:absolute;top:-35px;left:50%;left:50%; transform:translateX(-50%);display:block;padding:10px 15px;line-height:18px;font-size:12px;font-family:'HeadMedium';height:36px;margin-right:8px;background: #fff;border-radius:18px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);white-space:nowrap;}
.mp-contents.top .search-again { display:none;}/*touch-handle top일 경우 hidden처리*/

/*카라이프 주문서 쿠폰 UI 수정*/
.receiptwrap .coupon-warp{padding:10px 0; margin-bottom:6px; border-bottom:1px dotted #ddd;}
.receiptwrap .coupon-warp .stit{float:left; padding-bottom:10px; font-size:14px; color:#000; line-height:32px; font-family:"HeadMedium";}
.receiptwrap .coupon-warp .flex-container{padding:5px 0;}
.receiptwrap .flex-container .btn.s2{width:100px; height:40px; font-size:14px; line-height:40px; border-radius:0px;}
.sub-nav.type4 {float:right; padding-bottom:5px; margin:0; border-bottom:none; width:fit-content;}
.sub-nav.type4 li {flex:content; margin-left:5px; padding:0; min-height:32px;}
.sub-nav.type4 li a {height:32px; line-height:30px; padding: 0 14px; color:#999; background:#fff; border:1px solid #ddd;}
.sub-nav.type4 li.on a {color:#00aad2; background:#dcf3f9; border:1px solid #dcf3f9;}
.sub-nav.type4 li.on:after {display:none;}
.wash-box .receiptwrap .stit{font-size:14px; color:#000; font-family:"HeadMedium";}
.wash-box .receiptwrap .stit.gap{padding-bottom:0 !important; line-height:20px !important;}
.wash-box .totalwrap.mt8 {margin-top:8px;}

/*방문세차 상품리스트 SALE 태그와 제목 간격 수정*/
.choice-list .badge-wrap.title .mvc-disbadge{margin-right:5px;}
.choice-list .badge-wrap.title .mvc-disbadge + .mvc-disbadge{margin-left:-3px;}

/*22.04-20 e-pit 결제수단관리 카드Ul 스크롤 시 div 추가 */
.cardlist-warp {position: absolute; width: 100%; bottom: 127px; top: 120px; overflow: auto;}
.cardlist-warp ul.pnch-cardlist.has-banner{position:relative;bottom: 127px; top:0; overflow:visible;}/*22.04.22 Epit에서 common.css 수정 요청 사항- top:14px->top:0*/
.cardlist-warp+.section-wrap.banner-wrap{position: fixed; bottom: 32px; width: 100%; background: transparent;margin-top:30px}
.cardlist-warp+.section-wrap.banner-wrap .slick-dots{left:calc(50% - 40px)}
.cardlist-warp.fixed ul.pnch-cardlist.has-banner{position:absolute;bottom: 0; top:194px; overflow:auto;}
.cardlist-warp.fixed ul.pnch-cardlist.has-banner.changing{top:264px;}/*22.04.22 Epit에서 common.css 추가 요청 사항*/
.cardlist-warp ul.pnch-cardlist.epit-under-card li{margin-top: 16px;}/*22.04.22 Epit에서 common.css 추가 요청 사항*/

/*카라이프 방문세차 상품상세 서비스지역 추가*/
.enterprise-service-info .servi-local{position:relative;margin:20px 0;}
.enterprise-service-info .servi-local .list-wrap {position:relative;display:table;}
.enterprise-service-info .servi-local dl{position: relative;padding-bottom: 5px;}
.enterprise-service-info .servi-local dl dt {display:table-cell;width:60px;font-size:14px;font-weight:500;line-height:20px;}
.enterprise-service-info .servi-local dl dd {display:table-cell;font-size:14px;color:#777;word-break:break-all;}

/*22.04.22 카라이프홈 미수금 결제 다건 추가*/
.section-wrap.carlife-main .item .tit.call{font-size:20px;font-family:"HeadMedium";}
#pop-container.find-driver .section-type-list h2,
.pop-container.find-driver .section-type-list h2 {font-size:16px;border-bottom: none;margin-bottom:0;}
.find-driver .section-type-list .choice-list{padding-bottom:50px;}
.find-driver .section-type-list .choice-list li.on{border:2px solid #00aad2;}
.find-driver .section-type-list .choice-list .item{border:1px solid #e5e5e5;border-radius:6px;padding:14px;margin-bottom:14px;}
.find-driver .section-type-list .choice-list .item .tit{font-size:14px;font-family:"HeadMedium";margin-bottom:10px;}
.find-driver .section-type-list .choice-list .item .txt{color:#555;}
.find-driver .section-type-list .choice-list .item .info{font-size:12px;color: #999;padding-top:8px;}
.win-pop-wrap.unpaid #pop-header,
.win-pop-wrap.unpaid .pop-header{text-align:left;}
.win-pop-wrap.unpaid #pop-header .pop-title,
.win-pop-wrap.unpaid .pop-header .pop-title{padding-left:36px;}
.win-pop-wrap.unpaid #pop-header .back,
.win-pop-wrap.unpaid .pop-header .back{ position:absolute;top:10px;left:8px;width:36px;height:36px;background:url(../images/common/ic_header_back.svg) no-repeat center/36px;}

/*주변찾기 즐겨찾기 추가*/
section.search{background:none;}
.search .flex-container.favor{justify-content: flex-start;}
.search .flex-container.favor .search-box{flex: 1;}
.search .search-favor {display:inline-block;width:36px;height:36px;margin:-5px 10px -5px 0;background:#fff url(../images/common/ic_favorite.svg) no-repeat center/38px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);border-radius:50%;}
.section-wrap .place-list.type6 .badge,
.section-wrap .place-list.type7 .badge{padding:0 6px;}
.section-wrap .place-list.type6 .badge img,
.section-wrap .place-list.type7 .badge img{max-width:75px;}

/*epit 충전현황 상세페이지 수정*/
.epit-map.type2{padding:50px 24px; max-height:300px;}
.epit-map.type2 .map-util{position:absolute;top:-52px;}
.epit-map.type2 .map-info{padding-bottom:30px;}
.epit-map.type2 .tit{padding-bottom:10px;}
.epit-map.type2 .place{font-size:14px;}
.epit-map.type2 .txt,
.wait-wrap02.epit-map.type2 .txt{color:#E63312;font-family:"HeadMedium";}
.epit-map.type2 .map-station span{display:block;font-size:32px;font-family:"HeadRegular";padding-bottom:30px}
.epit-map.type2 .map-station span em,
.wait-wrap02.epit-map.type2 .map-station span em{font-size:40px;font-family:"HeadMedium";}
.epit-map.type2 .map-station p,
.wait-wrap04.epit-map.type2 .map-station p,
.wait-wrap045epit-map.type2 .map-station p{font-size:14px;font-family:"HeadRegular";}
.wait-wrap03.epit-map.type2 .map-info{padding-bottom:0;}
.wait-wrap03.epit-map.type2 .charging-graph{padding-bottom:48px;}
.wait-wrap03.epit-map.type2 .charging-graph .graph span em{left:0;text-align:left;}/*22.04.29 배터리잔량 왼쪽정렬*/
.epit-map.type2 ul li dd{font-size: 14px;font-family:"HeadMedium";}
.wait-wrap04.epit-map.type2 .map-station em{font-size:40px;font-family:'HeadMedium';color:#e63312;}
.wait-wrap05.epit-map.type2 .map-station div{padding-bottom:2px;}

/*카라이프 홈 풀팝업*/
.win-pop-wrap.carlife-pop{z-index:1000;}
.win-pop-wrap .carlife-pop{position:relative; display:block;height:calc(100vh - 52px);}
.win-pop-wrap .carlife-pop img{width:100%; object-fit:cover; height:calc(100vh - 52px);}
.win-pop-wrap .carlife-pop .evt-click-btn {position:absolute; width:100%; height:15%; bottom:9%; left:50%; transform:translateX(-50%);}
.win-pop-wrap .carlife-pop .close{position:absolute; top:0; right:1%; display:block; width:50px; height:50px; background:url(../images/common/ic_close.svg) no-repeat center; background-size:50px auto; outline:none; }
.win-pop-wrap .carlife-pop .close:active,
.win-pop-wrap .carlife-pop .close.black:active { background-color:rgba(70, 74, 89, 0.1); }

/*카라이프 서비스소개-제공사 추가*/
.service-center {display:flex;justify-content:space-between;align-items:center;margin:24px 24px 0;padding:10px 16px;border:1px solid #eee;}
.service-center .tit{color:#777;}
.service-center .pnch-centercall {display:flex;align-items:center;width:32px;height:32px;background:url(../images/common/ico-call-blue.svg) no-repeat 60px 0;background-size:32px;padding-right:92px;}
.service-center .pnch-centercall span{color:#00aad2;}
.service-center .pnch-centercall:active {opacity:0.6;}

/* 팰리세이트 타운 이벤트 버튼영역 220520 */
.evt-click-btn.palisade {position:absolute; width:100%; height:3.5%; bottom:3.7%; left:50%; transform:translateX(-50%);}

/* 삼성화재 자동차 보험료확인 이벤트 버튼영역 220530 */
.evt-click-btn.sm-direct {position:absolute; width:100%; height:4.6%; bottom:32.3%; left:50%; transform:translateX(-50%);}

/* 6월 운전결심 앱 이벤트 220531 */
.drevt_youtube6 {position:absolute; width:100%; height:6.5%; bottom:31.5%; left:50%; transform:translateX(-50%);}
.youtube6_btn.a1{position:absolute;left:0;width:50%;height:1.8%;bottom:11.7% ;display: block;}
.youtube6_btn.a2{position:absolute;left:50%;width:50%;height:1.8%;bottom:11.7% ;display: block}

/*카라이프 신청상세 결제정보 변경*/
.pnch-receipt.type4 .final-amount{border-top:none;padding-top:0;margin-bottom:14px;}
.pnch-receipt.type4 .final-amount span:last-child{font-size:14px;}
.pnch-receipt.type4 .final-amount.dashed{border-top:1px dashed #ccc;margin-top:16px;padding-top:16px;}
.pnch-receipt.type4 .flex-container span:first-child{padding-right:10px;}
.pnch-receipt.type4 .flex-container + .flex-container{padding-top:8px;}
.pnch-receipt.type4 .receiptwrap{padding-bottom:0;}
.wash .chargeinfo-detail .text-guide .pnch-receipt.type4 .final-amount.refund span{color:#E63312;}
.wash .pnch-customer .flex-container.noline{border:none; padding-top:8px;}
.wash .pnch-customer .tips-list{margin-top:16px;}
.wash .pnch-customer .tips-list .list{display:flex; justify-content: space-between; width:100%; align-items: center;}
.wash .pnch-customer .tips-list .list span.tips-caution{background-position:0 1px; margin-top:0; margin-bottom:5px;}
.wash .pnch-customer .tips-list .list span.value{color:#999; font-size:12px;}

.pnch-receipt.type4.service-price .final-amount{border-top:none;padding-top:0;margin-bottom:8px;}
.pnch-receipt.type4.service-price .final-amount span:last-child{font-size:12px;}
.pnch-receipt.type4.service-price .flex-container + .flex-container{padding-top:2px;}

/* 휠핑 시즌3 이벤트 버튼영역 220608 */
.evt-click-btn.wheelping {position:absolute; width:100%; height:3%; bottom:1.8%; left:50%; transform:translateX(-50%);}

/* 블루멤버스 카카오플러스친구 이벤트 버튼영역 220610 */
.evt-click-btn.kakao-ch {position:absolute; width:100%; height:3.6%; bottom:52.8%; left:50%; transform:translateX(-50%);}

/*카라이프 공통 이용현황 버튼, 기사배정 화면*/
.map-contents.result .btn-wrap.link-type.ty2.bottom{ border-top:none; padding-left:32px !important; padding-right:32px !important; bottom: 24px;}
.map-contents.result .btn-wrap.link-type.ty2.bottom a { height:36px; line-height:36px; }
.map-contents.result .btn-wrap.link-type li a{ background:#eee; margin-right:4px; padding:0;}
.map-contents.result .btn-wrap.link-type li:last-child a{ margin-right:0;}
.layer-pop-wrap.sample.type2:before{z-index:4;}
.layer-pop-wrap.sample.type3:before{z-index:1001;}/*팝업 위 팝업인 형태*/
.map-contents.info3{z-index:5;}
.layer-pop.assign{top: calc(100vh - 61vh);}
.layer-pop.assign .layer-pop-body{max-height: calc(100vh - 346px); font-size:14px;}
.layer-pop.assign .layer-pop-body .tit{text-align:left; font-size:16px;}
.layer-pop.assign .layer-pop-body .txt{font-size:14px; color:#595959; line-height:24px; margin-bottom:24px;}
.layer-pop.assign .layer-pop-body .position-warp{border-top:1px solid #eee; padding-top:24px;}
.layer-pop.assign .layer-pop-body .position-list {position:relative;top:0;left:-10px;background:transparent;padding:0 0 0 32px;border-radius:0;}
.layer-pop.assign .layer-pop-body .position-list:before {left:15px;}
.layer-pop.assign .layer-pop-body .position-list .list-wrap:last-of-type:after {top:14px;background: #fff;}
.layer-pop.assign .layer-pop-body .position-list .list-wrap span {color:#999; display: block;}

/*이벤트 - 안전운전 캠페인 개인정보수집 팝업, 하반기 경품이벤트 응모약관 팝업*/
.win-pop-wrap .campaign-warp h2{border-bottom:0 !important;padding: 16px 0 16px 24px !important;margin-bottom: 0 !important;}
.win-pop-wrap .campaign-warp .inner{padding: 0 24px !important;}
.win-pop-wrap .campaign-warp .inner h3{padding: 0 0 16px !important;margin-bottom: 0 !important;font-size: 14px; font-family:"HeadMedium"}
.win-pop-wrap .campaign-warp .inner h3 span{color:#00AAD2;}
.win-pop-wrap .campaign-warp .campaign-cont{padding-bottom:24px;}
.win-pop-wrap .campaign-warp .campaign-cont .cont p{font-size: 14px;line-height:21px;}
.win-pop-wrap .campaign-warp .cont{background:#F3F3F3;padding:18px 16px 20px;}
.win-pop-wrap .campaign-warp .cont p{padding-top:12px; font-size:12px; line-height:18px;}
.win-pop-wrap .campaign-warp .cont p span{color:#00AAD2;}
.win-pop-wrap .campaign-warp .form-item dt{font-size:12px;}
.win-pop-wrap .campaign-warp .form-item dd{margin-top:20px;}
.win-pop-wrap .campaign-warp .text-guide li{line-height:18px;}
.win-pop-wrap .campaign-warp .text-guide li li{padding-left:3px; margin-bottom:10px; font-family:"HeadRegular";}
.win-pop-wrap .campaign-warp .text-guide li.font-R{ font-family:"HeadRegular";}
.win-pop-wrap .campaign-warp .form-item .check-basic label{padding-left:28px;}
.win-pop-wrap .campaign-warp .form-item .check-basic label:before{left:-10px}
.win-pop-wrap .campaign-warp.type2 .campaign-cont{padding:0 0 24px; margin: 0 24px; border-bottom:1px solid #ddd ;}
.win-pop-wrap .campaign-warp.type2 .campaign-cont p{padding-top:24px; font-size:14px; font-family:"HeadMedium"}
.win-pop-wrap .campaign-warp.type2 .campaign-agree{ margin-top:24px;}
.win-pop-wrap .campaign-warp.type2 .campaign-agree dt{ margin-top:16px;}
.win-pop-wrap .campaign-warp.type2 .campaign-agree .form-item .check-basic label em{ color:#00AAD2;}

/* 카라이프 기사찾기 - 요금추천, 변경 */
#pop-container.pay-change-wrap,
.pop-container.pay-change-wrap {display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;height:auto;}
.pay-change-wrap .btn-call-cancel{position:absolute;top:24px;right:16px;}
.pay-change-wrap .position-list{position:static;margin:auto 16px 16px;}
.pay-change-wrap .flex-container p:first-child{margin-right:10px;}
.pay-change-wrap .flex-container .chabtn{margin-left:0;}
.pay-change-wrap .pay-change-info{margin:0 16px 16px;padding:24px 16px;}
.pay-change-wrap .pay-change-info .text-info {margin-top:16px;}
.pay-change-wrap .pay-change-info .text-info p{display:inline-block;color:#00AAD2}
.pay-change-wrap .pay-change-info .text-info  span{font-size: 12px;color:#999;}
.pay-change-wrap .pay-change-info .btn{margin-top:12px;height:36px;line-height:36px;}

/* 카라이프 기사찾기 - 요금추천, 변경 - 결제수단*/
.pay-change-result { position:fixed; /*top:33%;*/ bottom:60px; width:100%; min-width: 100%; z-index:5;}
.pay-change-result .touch-handle { position:relative; width:100%; height:55px; }
.pay-change-result .touch-handle:after { position:absolute; bottom:0; content:""; display:block; width:100%; height:35px; background:#fff;  border-radius:20px 20px 0 0; }
.pay-change-result .touch-handle:before { position:absolute; bottom:22px; left:50%; content:""; display:block; width:20px; height:2px; margin:0 auto; background:rgba(0, 0, 0, 0.4);  border-radius:4px; transform:translateX(-50%); z-index:1;}
.pay-change-result .touch-handle:after.top { background:#fff; border-radius:20px 20px 0 0; } 
.pay-change-result .touch-handle:after.bottom { background:#fff; border-radius:20px 20px 0 0; } 
.pay-change-result > .mp-main {  overflow:hidden; height:100%; background:#f6f3f2; }
.pay-change-result .scroll-cont { overflow-y:auto; height:100%; padding-bottom:60px; -webkit-overflow-scrolling:touch; /*iPhone*/ }
/* .pay-change-result > .mp-main section.bg-white:first-child { padding-top:0; } */

.pay-change-result .scroll-cont section:last-child { padding-top:0; }
.pay-change-result.top { height:calc(100% - 150px) !important; }
.pay-change-result.top .touch-handle:after { border-top:1px solid #f9f9f9; box-shadow:0 -8px 8px rgba(0,0,0,.01); }
.pay-change-result.center { height:calc(50% - 30px) !important; }
.pay-change-result.touching { height:auto !important; }
.pay-change-result.touching .touch-handle:after { background:#f9f9f9; }
.pay-change-result.bottom { height:auto !important; min-height:100px; }
.pay-change-result.middle { height:auto !important; min-height:400px; }

.pay-change-result {z-index:13;height:initial;border-radius:16px 16px 0 0;padding-bottom:52px;}
.pay-change-result + .dimd {display:block;}
.pay-change-result .inner {position:relative;background-color:#fff;padding:0 16px;}
.pay-change-result .wash-box {padding:16px;}
.pay-change-result .wash-box.pay-type .btit {font-family: "HeadMedium"; font-size: 18px;padding-bottom:20px;}
.pay-change-result .wash-box.pay-type .stit { font-family:"HeadMedium";}
.pay-change-result .wash-box.pay-type .text {margin-top:8px;color:#999; font-size: 12px;}
.font-big .pay-change-result .wash-box.pay-type .text {font-size: 14px;}
.pay-change-result .wash-box.pay-type .totalwrap {margin-top:15px;}
.pay-change-result .wash-box.pay-type .input-box {margin-top:16px; padding-bottom:20px;}
.pay-change-result .wash-box.pay-type .input-box input[type="number"],
.pay-change-result .wash-box.pay-type .input-box input[type="text"] {padding-right:28px;text-align:right;}
.pay-change-result .wash-box.pay-type .input-box .text-won {display:block;position:absolute;top:0;right:16px;line-height:52px;}
.pay-change-result .wash-box.pay-type .input-box.error-box .error-txt {position:absolute;top:52px;left:0;}
.pay-change-result .btn-wrap .btn {border-bottom:none;}

.pay-change-handlebar {top: 0;}

.pay-change-result.top {height:initial !important;}
.pay-change-result.center {height:initial !important}
.pay-change-result {bottom:0;}
.pay-change-result .pay-type {padding-top:5px;}
.pay-change-result .wash-box + .wash-box {padding-top:0;}
.pay-change-result .wash-box .receiptwrap {padding-bottom: 8px;}
.pay-change-result .wash-box .receiptwrap .coupon-warp {border-top:1px solid #eee;}
.pay-change-result .wash-box .receiptwrap .coupon-warp .stit {float:none;padding-bottom:3px;}
.pay-change-result .wash-box .receiptwrap .flex-container .btn.s1 {width:100px;}
.pay-change-result .checkbox-wrap label {color:#595959;font-size:12px;}
.pay-change-result .wash-box .flex-container .txt-gray {color:#595959}

body.font-big .pay-change-wrap .pay-change-info .text-info  span{font-size:14px;}
body.font-big .pay-change-result .wash-box.pay-type .btit {font-size:20px;}
body.font-big .pay-change-result .checkbox-wrap label {font-size: 14px;}
body.font-big .pay-change-result .wash-box.pay-type .input-box input[type="text"] {padding-right:32px;}


/* 픽업앤충전 요금인상 팝업 */
.charger-noti-pop {font-size: 14px; line-height: 20px;}
.charger-noti-pop p {padding: 16px 0;}
.charger-noti-pop ul li {margin: 0; position: relative;}
.charger-noti-pop ul li::before {display: inline-block; vertical-align: middle; margin: 0 9px; width: 3px; height: 3px; background-color: #000; border-radius: 100%; content: '';}
.charger-noti-pop table.basic {margin-top: 12px;}
.charger-noti-pop table.basic th,
.charger-noti-pop table.basic td {padding-top: 6px; padding-bottom: 6px;}
.charger-noti-pop table.basic td {text-align: center;}
.charger-noti-pop table.basic td.brl-none {border-left: none;}

/* [2022-10-06] 마케팅 수신동의 이벤트 내 하단 버튼 영역 수정 */
.btn-wrap.bo-apply-section {margin-top:-6px;}

/* [20221123] 픽업앤충전 시간별 선착순 할인 안내 */
.timesale-wrap {margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.timesale-wrap.basic {padding: 16px 0 24px; margin: 0 16px; border-top: 1px solid #eee; border-bottom: none;}
.timesale-wrap .title {display: flex; align-items: center; width: 100%;}
.timesale-wrap .title .ic-info {display: inline-block; margin-right: 4px; width:16px; height:16px; background:url(../images/common/ic-caption-info.svg) no-repeat 0 0; background-size:16px;}
.timesale-wrap .title .txt {font-size: 12px; line-height: 16px; color: #000; }
.timesale-wrap .info-box {margin-top: 4px; font-size: 12px; line-height: 20px; color: #999;}

.timesale-wrap .box {border: 1px solid #eee; margin-bottom: 20px; }
.timesale-wrap .box .title {padding: 12px 16px;}
.timesale-wrap .box .title::after {margin-left: auto; width: 12px; height: 7px; background:url(../images/common/renewal-v2/ic-arr-bottom-bk.svg) no-repeat 0 0; background-size:contain; content: '';}
.timesale-wrap .box .info-box {transition: all .2s; overflow: hidden; height: 0; opacity: 0; border-top: 1px solid #eee; margin-top: 0;}
.timesale-wrap .box input[type="checkbox"]:checked ~ .title::after {transform: rotate(180deg);}
.timesale-wrap .box input[type="checkbox"]:checked ~ .info-box {display: block; overflow: visible; height: auto; opacity: 1; padding: 11px 16px 12px;}

body.font-big .timesale-wrap .title .txt {font-size: 14px; line-height: 18px;}
body.font-big .timesale-wrap .info-box {font-size: 14px; line-height: 22px;}

.btn.link.tel-link {display: block; font-size: 16px; padding: 0;}
.tel-link::after {display: inline-block; vertical-align: middle; margin-left: 8px; width: 24px; height: 24px; background:url(../images/common/icon-tel.svg) no-repeat 0 0; background-size:contain; content: '';}
body.font-big .tel-link {font-size: 19px;}

/* [20230309] 이벤트 약관 팝업 */
.tearms-wrap {}
.tearms-wrap .header {padding-left: 0;}
.tearms-wrap .radio-basic + .radio-basic {margin-top: 10px;}
.tearms-wrap .radio-basic + .error-txt {margin-top: 5px; margin-left: 5px;}
.tearms-wrap .check-basic {margin-top: 10px;}

.tearms-wrap .form-item.type2 dt {border-bottom: 0;}
.tearms-wrap .form-list {margin: 0;}
.tearms-wrap .form-item.type2 dt {font-size: unset;}
.tearms-wrap .input-box.toggle-input {margin: 0;}
.tearms-wrap .form-item.type2 .tit {font-size: 16px; display: inline; line-height: 1.5;}

.win-pop-wrap .tearms-wrap .txt {color: #595959;}
.win-pop-wrap .tearms-list {margin-top: 24px; padding: 24px 16px; background: #F3F3F3; line-height: 24px;}
.win-pop-wrap .tearms-list dt {margin-bottom: 8px; color: #000; font-family: "HeadMedium";}
.win-pop-wrap .tearms-list dd {margin-bottom: 16px; color: #595959;}
.win-pop-wrap .tearms-list dd:last-child {margin-bottom: 0;}
.win-pop-wrap .tearms-list li {line-height: 20px; color: #595959}
.win-pop-wrap .tearms-list li + li {margin-top: 20px;}
.win-pop-wrap .tearms-list li .indent {padding-left: 16px;}
.win-pop-wrap .tearms-list .font16 {line-height: 22px;}

.win-pop-wrap .tearms-list .info {color: #A0A6AD; font-size: 12px; line-height: 18px; text-indent: -14px; padding-left: 14px;}
.font-big .win-pop-wrap .tearms-list {line-height: 26px;}
.font-big .win-pop-wrap .tearms-list .info {font-size: 14px; line-height: 20px;}


/* [20230215] 카라이프 UI 개편 */
.service-intro section.intro-wrap {margin: 0; color: #222;}
.service-intro #header .sub-title {right: 10px;}
/* 
.service-intro #header {border-bottom: none; background: #F5F5F7;}
.service-intro #header .sub-title {opacity: 0; transition: all .5s ease;}
.service-intro #header.white .sub-title {opacity: 1;} 
.service-intro #container {padding-top: 0;} */

.service-intro .intro-header {padding: 60px 24px 0;}
.service-intro .intro-header.gray {background: #F5F5F7;}
.service-intro .intro-header + .service-info {margin-top: 24px;}
.service-intro .intro-header h2 {margin-bottom: 16px; font-family: "HeadLight"; font-size: 24px; line-height: 32px;}
.pop-container .service-intro h2 {padding: unset; border: none;}
.service-intro .intro-header p {color: #777;}
.service-intro .intro-header p + h2 {margin-top: 8px;}
.service-intro .intro-header p + p {margin-top: 8px;}
.service-intro .intro-header dt {margin-bottom: 4px; font-family: "HeadMedium";}
.service-intro .intro-header dt:nth-child(n + 2) {margin-top: 16px;}
.service-intro .intro-header dd {color: #777;}
.service-intro .intro-header img {width: 100%; max-width: 100%;}
.service-intro .intro-body {padding: 60px 24px 60px;}
.service-intro .intro-body dt {padding-bottom: 11px; margin-bottom: 12px; border-bottom: 1px solid #eee; font-size: 16px; }
.service-intro .intro-body dd {margin-bottom: 60px;}
.service-intro .intro-body dd:last-child {margin-bottom: 0;}
.service-intro .intro-body .dot-list {padding-top: 16px;}
.service-intro .intro-body .dot-list:first-child {padding-top: 0;}
.service-intro .intro-body .dot-list li {position: relative; padding-left: 22px; line-height: 20px;}
.service-intro .intro-body .dot-list li::before {position: absolute; top: 8px; left: 9px; width: 3px; height: 3px; border-radius: 100%; background: #222; content: "";}
.service-intro .intro-body .dot-list li + li {margin-top: 4px;}
.service-intro .intro-body .num-list {padding-left: 20px; margin-top: 4px;}
.service-intro .intro-body .num-list li {color: #999; font-size: 12px;}
.service-intro .intro-body .prd-img {text-align: center;}
.service-intro .intro-body .prd-img img {max-width: 100%;}
.service-intro .intro-body .caption {margin-top: 8px; font-size: 12px;}
.service-intro .intro-body .region li {display: flex;}
.service-intro .intro-body .region li + li {margin-top: 8px;}
.service-intro .intro-body .region strong {width: 25px; margin-right: 8px; color: #222;}
.service-intro .intro-body .region p {color: #777;}
.service-intro .intro-body .region + .info {margin-top: 8px;}
.service-intro .intro-body .info {position: relative; padding-left: 20px; margin-top: 16px; font-size: 12px; color: #999;}
.service-intro .intro-body .info::before {position: absolute; top: 1px; left: 0; margin-right: 4px; width:16px; height:16px; background:url(../images/common/ic-caption-info.svg) no-repeat 0 0; background-size:16px; content: "";}
.service-intro .intro-body .info + .info {margin-top: 8px;}
.service-intro .intro-body .btn-guide {display: flex; align-items: center; margin-bottom: 32px; padding: 16px 24px; background: #FFFFFF; border: 1px solid #E5E5E5; filter: drop-shadow(0px 5px 12px rgba(39, 46, 53, 0.08));}
.service-intro .intro-body .btn-guide:first-of-type {margin-top: 60px;}
.service-intro .intro-body .btn-guide + .btn-guide {margin-top: -33px;}
.service-intro .intro-body .btn-guide::before,
.service-intro .intro-body .btn-guide::after {content: "";}
.service-intro .intro-body .btn-guide::before {margin-right: 8px; width: 16px; height: 16px; background:url(../images/common/ic-guide.svg) no-repeat center;}
.service-intro .intro-body .btn-guide.price::before {background-image:url(../images/common/ic-price.svg)}
.service-intro .intro-body .btn-guide::after {margin-left: auto; width: 8px; height: 8px; border: solid #A0A6AD; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.service-intro .intro-body .service-center {margin: 0;}
.service-intro .intro-body .service-center + .service-center {border-top: 0;}
.service-intro .intro-body .service-center .pnch-centercall {color: #00AAD2;}
.service-intro .intro-body .customer-center {margin-top: 16px;}
.service-intro .intro-body .customer-center a {color: #002C5F; font-family: "HeadMedium";}
.service-intro .intro-body .button {display: block; margin-top: 32px; width: 100%; height: 44px; line-height: 44px; text-align: center; border: 1px solid #E3E5E8; border-radius: 12px; color: #252525;}
.service-intro .chk-bottom {position: fixed; bottom: 52px; left: 0; right: 0; padding: 15px 24px; background-color: #F4F4F4;}
.service-intro .section-wrap.service-info .sub-nav.type3 {margin-top: 40px;}
.service-intro .info-box {background-color: #F3F3F3;}
.service-intro .info-box input[type="checkbox"].info-chk {position:absolute; opacity:0; z-index:-1;}
.service-intro .info-box label {position: relative; display: block; margin-top: 24px; padding: 17px 47px 17px 16px;}
.service-intro .info-box label::after {position: absolute; top: 18px; right: 16px; width: 16px; height: 16px; background: url(../images/common/ic_down.svg) no-repeat center; background-size: 24px; content: "";}
.service-intro .info-box .txt-box {display: none; padding: 0 16px 16px;}
.service-intro .info-box .txt-box .tips-caution {margin-top: 0;}
.service-intro .info-box input[type="checkbox"].info-chk:checked ~ .txt-box {display: block;}
.service-intro .info-box input[type="checkbox"].info-chk:checked ~ label::after {transform: rotate(-180deg);}
.service-intro .video-wrap {margin-top: 60px; width: 100%; overflow: hidden;}
.service-intro .video-guide {padding-top: 12px; width: 100%; overflow: hidden; border-radius: 12px;}
.service-intro .video-guide .inner-video {overflow: hidden; position: relative; padding-top: 57.692%; background-color: #D9D9D9; border-radius: 12px;}
.service-intro .video-guide .inner-video video,
.service-intro .video-guide .inner-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.service-intro .video-guide .thumb {z-index: 0; overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.service-intro .video-guide .thumb img {width: 100%; height: 100%; object-fit: cover;}
.service-intro .video-guide .btn-video-play {z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
.service-intro .video-guide .btn-video-play::before {position: absolute; bottom: 0; left: 0; display: block; width: 40px; height: 32px; background:url(../images/common/renewal-v2/btn-play.png) 0 0 no-repeat; background-size: cover; content: "";}
.service-intro .accordion + .accordion  {margin-top: 60px;}
.service-intro .accordion .header {min-height: unset; padding: 0 0 5px 0;}
.service-intro .accordion .header .handler {top: -8px;}
.service-intro .accordion .article {margin: 0; padding: 0;}


/* .service-intro .video-guide .inner-video {overflow: hidden; position: relative; padding-top: 56.415%; background-color: #D9D9D9;}
.service-intro .video-guide .inner-video video,
.service-intro .video-guide .inner-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: fill;} */

.service-intro .fold-content .region {display: flex; flex-wrap: wrap; column-gap: 6px; row-gap: 8px; margin-bottom: 16px;}
.service-intro .fold-content .region .item {padding: 5px 9px; border: 1px solid #E3E5E8; border-radius: 35px; padding: 5px 9px; color: #A0A6AD; line-height: 16px;}
.service-intro .fold-content .region .active {background-color: #00AAD2; border-color: #00AAD2;; color: #fff;}
.service-intro .area .item-area {display: none; word-break: break-all;}
.service-intro .area .item-area.active {display: block;}

#container.service-intro {padding-bottom: 0;}
#container.service-intro .service-info {padding: 40px 24px; margin: 0; color: #252525;}
#container.service-intro .service-info ~ .service-info {border-top: 12px solid #F5F5F7;}
#container.service-intro .service-info h3 {margin-bottom: 24px; font-size: 22px; line-height: 32px; font-family: "HeadMedium";}
#container.service-intro .service-info .price-list {}
#container.service-intro .service-info .price-list li {display: flex; }
#container.service-intro .service-info .price-list li ~ li {margin-top: 24px;}
#container.service-intro .service-info .price-list .icon {margin-right: 16px;}
#container.service-intro .service-info .price-list dl {flex: 1; padding-bottom: 24px; border-bottom: 1px solid #F5F5F7;}
#container.service-intro .service-info .price-list dt {margin-bottom: 6px; font-size: 16px; line-height: 20px; font-family: "HeadMedium";}
#container.service-intro .service-info .price-list dd {margin-bottom: 12px;}
#container.service-intro .service-info .price-list dd:last-child {margin-bottom: 0;}
#container.service-intro .service-info .price-list .price {margin-bottom: 8px; font-size: 16px; line-height: 24px;}
#container.service-intro .service-info .price-list .price strong {font-size: 18px; line-height: 24px; font-family: "HeadMedium";}
#container.service-intro .service-info .price-list .price span {font-size: 14px; font-family: "HeadMedium";}
#container.service-intro .service-info .price-list .label {display: inline-block; margin-right: 3px; padding: 2px 7px; border-radius: 9px; background-color: #F5F5F7; font-size: 10px; line-height: 14px; font-family: "HeadMedium"; color: #fff;}
#container.service-intro .service-info .price-list .label.coupon {background-color: #00AAD2;}
#container.service-intro .service-info .price-list .label.blue {background-color: #002C5F;}
#container.service-intro .service-info .price-list .label.SSCharger {background-color: #2CD5C4;}
#container.service-intro .service-info .price-list .txt-info {font-size: 12px; line-height: 16px; color: #A0A6AD; text-indent: -14px; padding-left: 12px;}
#container.service-intro .guide-list {}
#container.service-intro .guide-list h4 {margin-bottom: 8px; font-size: 16px; line-height: 22px; font-family: "HeadMedium";}
#container.service-intro .guide-list > li + li {margin-top: 40px;}

.service-guide {padding: 32px 24px 0; color: #252525;}
.service-guide .opt-btns {padding: 0; margin: 0 0 24px; border-bottom: none;}
.service-guide .opt-btns button {font-size: 14px;}
.service-guide .title {margin-bottom: 24px; font-size: 18px; line-height: 24px; font-family: "HeadMedium";}
.service-guide ul {padding: 0 24px; background: #F5F5F7; border-radius: 12px;}
.service-guide ul li {position: relative; padding: 24px 0 24px 33px; counter-increment:title;}
.service-guide ul li + li::before {position: absolute; top: 0; left: 33px; width: calc(100% - 33px); border-top: 1px solid #E3E5E8; content: "";}
.service-guide ul li::after {position: absolute; top: 24px; left: 0; width: 24px; height: 24px; background: #00AAD2; border-radius: 100%; color: #fff; font-family: "HeadMedium"; font-size: 12px; line-height: 24px; text-align: center; content:counter(title); }
.service-guide ul li .tit {margin-bottom: 6px; font-size: 16px; line-height: 20px; font-family: "HeadMedium";}
.service-guide ul li .txt {color: #586069;}
.service-guide ul li .hyphen {text-indent: -10px; padding-left: 10px;}

body.font-big .service-intro .intro-header h2 {font-size: 27px; line-height: 35px;}
body.font-big .service-intro .intro-body .tit {font-size: 19px;}
body.font-big .service-guide ul li::before {font-size: 14px;}
body.font-big .service-guide ul li .tit {font-size: 18px; line-height: 22px;}
body.font-big .service-intro .intro-body dt {font-size: 18px;}
body.font-big .service-intro .service-info h3 {font-size: 24px; line-height: 34px;}
body.font-big .service-intro .service-info .price-list dt {font-size: 18px; line-height: 22px;}
body.font-big .service-intro .intro-body .num-list li {font-size: 14px;}
body.font-big .service-intro .intro-body .info {font-size: 14px;}
body.font-big .service-intro .service-info .price-list .price {font-size: 18px; line-height: 26px;}
body.font-big .service-intro .service-info .price-list .price strong {font-size: 20px; line-height: 26px;}
body.font-big .service-intro .service-info .price-list .price span {font-size: 16px;}
body.font-big .service-intro .service-info .price-list .label {font-size: 14px; line-height: 16px;}
body.font-big .service-intro .service-info .price-list .txt-info {font-size: 14px; line-height: 18px;}
body.font-big .service-intro .guide-list h4 {font-size: 18px; line-height: 24px;}

.round-tab {display:flex; flex-wrap:nowrap; justify-content:flex-start; column-gap: 4px; overflow:hidden; overflow-x:auto;}
.round-tab::-webkit-scrollbar {display:none;}  
.round-tab a {padding: 5px 10px; border: 1px solid #E3E5E8; border-radius: 35px; font-family: "HeadMedium"; font-size: 14px; line-height: 16px; text-align: center; color: #A0A6AD; white-space:nowrap;}
.round-tab a.on {background: #00AAD2; border-color: #00AAD2; color: #fff;}

input[type="text"].type2 {height: 40px; font-size: 13px;}
input[type="text"] + .btn-waypoint {display: block !important; position: absolute; right: 0; top: 0; padding: 0 20px 0 10px; height: 39px; color: #A0A6AD; font-family:'HeadMedium'; background-color: #f3f3f3;}
input[type="text"] + .btn-waypoint.none {display: none !important;}

.select-btn.type6 {padding: 10px 36px 10px 16px; width: 50%; min-width: 180px; height: 40px; color:#999; background:#f3f3f3 url(../images/common/ic_down.svg) no-repeat calc(100% - 6px) center/24px; }
.form-item.line-pos::before {top: 20px; bottom: 20px;}
.flex-container .btn-coupon {font-size: 12px; font-family:'HeadMedium'; color: #999}
.flex-container .btn-coupon::after {display: inline-block; margin-left: 8px; vertical-align: middle; width: 5px; height: 10px; background:url(../images/common/ic-arr-right.svg) no-repeat center; content: ""}
.flex-container .active,
.flex-container .btn-coupon .active {color: #00AAD2;}

.map-my-car {position: absolute; top: 13px; right: 60px; padding:8px 10px 8px 14px; line-height:18px; font-size:12px; font-family:'HeadMedium'; height:36px; margin-right:8px; border-radius:18px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); white-space:nowrap; background:#fff;}
.map-my-car::after {display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/common/ic-arr-down.svg) no-repeat right center; background-size: 24px;content:""}
.map-currebt-location {float: left; display:block; width:48px; height:48px; background:url(../images/common/icon-location.svg) no-repeat center/48px;}
.map-call {float: right; padding:8px 10px 8px 14px; line-height:24px; font-size:12px; font-family:'HeadMedium'; height:40px; margin-right:8px; border-radius:18px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); white-space:nowrap; background:#fff;}
.map-call::after {display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/common/ic-arr-down.svg) no-repeat right center; background-size: 24px;content:""}

.select-list li {padding: 0; }
.select-list li + li {margin-top: 9px;}
.select-list li label {padding: 10px 16px; border: 1px solid #E5E5E5;}
.select-list li label::before {display: none;}
.select-list li label.selected,
.select-list li input:checked + label {border: 1px solid #00AAD2;}
.select-list li label.selected strong,
.select-list li input:checked + label strong,
.select-list li label.selected .price, 
.select-list li input:checked + label .price {color: #00AAD2}
.form-list.select-list .radio-basic {margin-left: 0;}

.map-container .type-flex .map-contents .check-basic .link-info2 {z-index: 1; position: relative; top:0; left: 0; display: inline-block; vertical-align: middle; width:36px;height:36px;}
.map-container .type-flex .map-contents .check-basic .link-info2::before {display:block; margin: 0 auto; width:100%;height:100%;background:url(../images/common/renewal-v2/ic-info-question.svg) 4px 10px no-repeat; content:'';}

.pickup-area.check-basic label:before {top: 0; transform: none;}

.pickup-wrap {position: relative;}
.layer-pickup {z-index: 10; position: relative; padding: 0 36px 0 16px; background: #FFFFFF; border-radius: 6px; border: 1px solid #CCCCCC; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2), 0px 0px 4px rgba(0, 0, 0, 0.12);}
.layer-pickup .arr {z-index: 2; position: absolute; top: -7px; left: 137px; transform: scaleX(.7); width: 12px; height: 12px; background: #fff;}
.layer-pickup .arr::before {display: block; width: 12px; height: 12px; transform: rotate(-45deg); border: 1px solid #CCCCCC; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2), 0px 0px 4px rgba(0, 0, 0, 0.12); content: "";}
.layer-pickup .btn-close {position: absolute; top: 8px; right: 0; width: 36px; height: 36px; background: url(../images/common/btn-close.svg) no-repeat center; cursor: pointer;}
.layer-pickup dl {z-index: 2; position: relative; padding: 16px 0; background: #fff;; font-size: 12px; color: #000;}
.layer-pickup dt {font-family:'HeadMedium';}
.layer-pickup dd {margin-top: 4px;}

.map-contents.info4 .btn-wrap.bottom-reserv .btn-arrow.date {width: unset; height: unset; display: inline-block; vertical-align: middle; color: #00AAD2;}
.map-contents.info4 .btn-wrap.bottom-reserv .btn-arrow.date{background: none;}
.map-contents.info4 .btn-wrap.bottom-reserv .btn-arrow.date::after {display: inline-block; vertical-align: middle; margin-left: 8px; width: 5px; height: 36px; background:url(../images/common/ic-arr-right.svg) no-repeat center; content: ""}
.map-contents.info4 .btn-wrap.bottom-reserv .btn-arrow.date:active{background-color:rgba(70, 74, 89, 0.1); }

.waypoint-wrap .add-waypoint {padding: 0 32px; background: #fff;}
.waypoint-wrap .item {display: flex; align-items: center; padding: 24px 0; background: #fff;}
.waypoint-wrap .item + .item {border-top: 1px solid #eee;}
.waypoint-wrap .label {margin-right: 8px; padding: 0 8px; height: 20px; line-height: 20px; background-color: #999; border-radius: 13px; color: #fff; font-family:'HeadMedium'; font-size: 10px;}
.waypoint-wrap .place { color: #000;}
.waypoint-wrap .del {margin-left: auto; width: 24px; height: 24px; background: url(../images/common/btn-close-gray.svg) no-repeat center;} 
.waypoint-wrap .btn-add {display: block; padding: 17px; border: 1px solid #E5E5E5; background: #fff; text-align: center;}

.pay-view {color: #222;}
.pay-view .header {display: flex; padding: 20px 16px 12px; color: #222;}
.pay-view .header .pnchbtn {margin-left: auto; position: static; transform: none;}
.pay-view .text-body {padding: 12px 16px 24px;}
.pay-view .select-btn.type2 {height: 40px; padding: 10px 36px 10px 16px; }
.pay-view .select-btn.type2.selected {color: #222 !important}
.pay-view .wash-box {padding: 24px 16px;}
.pay-view .wash-box.item-list {padding-top: 8px; padding-bottom: 8px;}
.pay-view .flex-container.item {padding: 16px 0;}
.pay-view .flex-container.item + .item {border-top: 1px solid #eee;}
.pay-view .flex-container .link {color: #999; font-size: 12px;}
.pay-view .flex-container .link::after {display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/common/ic_down.svg) no-repeat center; background-size: 24px; transform: rotate(-90deg); content: "";}
.pay-view .flex-container .active {color: #00aad2;}
.pay-view .wash-box .receiptwrap .flex-container {padding: 4px 0;}
.pay-view .wash-box .tit {padding-bottom: 20px;}
.pay-view .wash-box .totalwrap {margin-top: 12px;}
.pay-view .wash-box .totalwrap span {color: #222;}
.pay-view .wash-box .totalwrap .value {font-size: 22px;}
.pay-view .pnch-cardlist li {background: #fff url(../images/common/btn-close.svg) no-repeat calc(100% - 4px) 50%;}
.pay-view .pnch-cardlist li img {width: 57px;}

.coupon-view .coupon-box {padding: 24px 16px; background-color: #fff;}
.coupon-view .coupon-box .tit {margin-bottom: 24px; font-size: 16px; font-family:'HeadMedium';}
.coupon-view .coupon-box .tit .accent {display: inline-block; vertical-align: middle;}
.coupon-view .coupon-box .accent {color: #00AAD2}
.coupon-view .coupon-box .item + .item {margin-top: 24px;}
.coupon-view .coupon-box .item label {padding-top: 15px; padding-bottom: 15px; padding-right: 7px; border: 1px solid #E5E5E5;}
.coupon-view .coupon-box .item label:before {top: 8px; left: 4px; transform: none;}
.coupon-view .coupon-box .item .discount {margin-bottom: 3px; display: block; font-family:'HeadMedium';}
.coupon-view .coupon-box .item .discount span {font-size: 22px; line-height: 20px;}
.coupon-view .coupon-box .txt + .txt-info {margin-top: 8px;}
.coupon-view .coupon-box .txt-info {font-size: 12px; color: #999;}
.coupon-view .coupon-box .txt-info + .txt-info {margin-top: 2px;}
.coupon-view .coupon-box input[type="radio"]:checked + label {border-color: #00AAD2;}
.coupon-view .coupon-box input[type="radio"]:checked + label .discount {color: #00AAD2;}
.coupon-view .coupon-box .no-coupon {padding: 16px 0; text-align: center; color: #595959; font-family:"HeadLight";}
.coupon-view .coupon-box .no-coupon::before {display: block; margin: 0 auto 8px; width:16px; height:16px; background:url(../images/common/ic_caution.svg) center no-repeat; content:'';}
.coupon-view .coupon-box .txt-link {display: block; margin-top: 12px; font-size: 12px; text-decoration: underline; color: #A0A6AD;}


.coupon-view .blue-point .tit {margin-bottom: 18px;}
.coupon-view .blue-point .flex-container {margin-bottom: 12px;}
.coupon-view .blue-point .flex-container .charbtn {background-image: none ; padding-right: 6px;}
.coupon-view .blue-point .input-box {margin-bottom: 12px;}

.coupon-view .guide-wrap {margin-top: 40px;}
.coupon-view .guide-wrap .tit {margin-bottom: 8px; color: #222;}
.coupon-view .guide-wrap .txt {position: relative; padding-left: 20px; color: #999; font-size: 12px;}
.coupon-view .guide-wrap .txt::before {position: absolute; top: 0; left: 0; width:16px; height:16px; background:url(../images/common/ic_caution.svg) center no-repeat; content:'';}
.coupon-view .guide-wrap .txt + .txt {margin-top: 4px;}

.wash .border-top.choice-time .flex-container.align-top {align-items: start;}

.win-pop-wrap.driver .wash-box {padding: 24px 16px;}
.win-pop-wrap.layer-full-pop .wash-box .tit + .stit {padding-top: 8px;}
.win-pop-wrap.layer-full-pop .wash-box .stit {padding-bottom:8px;line-height:24px;font-size: 14px;}
.win-pop-wrap.layer-full-pop .wash-box .stit:nth-child(n + 2) {padding-top: 16px;}
.win-pop-wrap.layer-full-pop .add-info .wash-box .tit {padding-bottom: 8px;}

.wash-box .totalwrap.final span .card {display: block; color: #999; font-size: 12px;}
.wash .change-info input[type="checkbox"].info-chk {position:absolute; opacity:0; z-index:-1;}
.wash .change-info .tit-guide {position: relative; display: block; padding-right: 15px;}
.wash .change-info .tit-guide::after {position: absolute; top: 6px; right: 2px; width: 8px; height: 8px; transform: rotate(135deg); border: solid #222; border-width: 1px 1px 0 0; content: "";}
.wash .change-info input[type="checkbox"].info-chk ~ .info-list {display: none;}
.wash .change-info input[type="checkbox"].info-chk:checked + .tit-guide::after {top: 6px; transform: rotate(-45deg);}
.wash .change-info input[type="checkbox"].info-chk:checked ~ .info-list {display: block;}
.wash .change-info .info-list > li:first-child {padding-top: 9px;}
.wash .change-info .info-list .tips-caution:first-child {margin-top: 0;}
.wash .change-info .info-list .sub {color: #595959; font-size: 12px;}

.wash-box .title-wrap {position: relative; display: flex; justify-content: space-between; align-items: center; padding-right: 24px;}
.wash-box .title-wrap::after {position: absolute; top: 4px; right: 2px; width: 8px; height: 8px; transform: rotate(135deg); border: solid #222; border-width: 1px 1px 0 0; content: "";}
.wash-box .title-wrap .tit {padding-bottom: 0 !important;}
.wash-box .title-wrap .info {margin-left: 22px; display: block; color: #00AAD2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wash-box input[type="checkbox"].chk-fold:checked + .title-wrap::after {top: 8px; transform: rotate(-45deg);}
.wash-box input[type="checkbox"].chk-fold:checked + .title-wrap .info {display: none;}
.wash-box input[type="checkbox"].chk-fold ~ .fold-wrap {display: none;}
.wash-box input[type="checkbox"].chk-fold:checked ~ .fold-wrap {display: block; margin-top: 19px;}

.win-pop-wrap.wash .wash-box .payment-card .tit,
.payment-card .tit {padding-bottom: 16px; font-size: 16px;}
.payment-card .radio-basic {margin-left: -8px; padding-top: 10px; padding-bottom: 10px;}
.payment-card .text-info {padding-left: 32px; font-size: 12px; color: #999}

.logo-hyundaipay::before,
.payment-card .logo-hyundaipay::before {display: inline-block; vertical-align: middle; width: 88px; height: 16px; background:url(../images/common/renewal-v2/logo-hyundaipay.png) no-repeat; background-size: contain; content: "";}
.logo-hyundaipay[data-logo-size="w80"]::before {width: 80px; height: 14px;}
.logo-hyundaipay[data-logo-size="w74"]::before {width: 74px; height: 13px;}
.logo-hyundaipay .text {display: inline-block;}

.font-big .payment-card .tit {font-size: 18px;}
.font-big .payment-card .text-info {font-size: 14px;}

.pay-change-result .wash-box.pay-type {}
.pay-change-result .links {margin-top: 24px;}
.pay-change-result .links .flex-container {padding: 14px 0; border-top: 1px solid #F5F5F7;}
.pay-change-result .links a.flex-container {position: relative; padding-right: 20px;}
.pay-change-result .links a.flex-container::after {position: absolute; top: 21px; right: 2px; width: 10px; height: 10px; transform: rotate(45deg); border: solid #222; border-width: 2px 2px 0 0; content: "";}
.pay-change-result .links a.flex-container span {font-size: 16px; color: #252525;}
.pay-change-result .links a.flex-container .value {font-size: 14px; color: #A0A6AD;}
.pay-change-result .links a.flex-container .active {font-size: 14px; color: #00AAD2;}
.pay-change-result .total {background: #F5F5F7;}
.pay-change-result .total .flex-container.sale {margin-bottom: 16px;}
.pay-change-result .total .flex-container.sale span {font-size: 14px; line-height: 20px; color: #586069;}
.pay-change-result .total .flex-container.sale ~ .flex-container {}
.pay-change-result .total .flex-container.sale ~ .flex-container span {font-size: 16px;}
.pay-change-result .total .flex-container.sale ~ .flex-container span.value {font-family: "HeadMedium"; color: #252525; font-size: 24px;}
.pay-change-result .total .flex-container.sale ~ .flex-container span.value em {vertical-align: bottom; font-size: 16px;}
.pay-change-result .total .totalwrap {border-top: none;}
.pay-change-result .total ~ .btn-wrap-v2 {background: #F5F5F7;}

.win-pop-wrap.wash .wash-box .benefit-area .flex-container {padding-top: 0;}
.win-pop-wrap.wash .wash-box .benefit-area .flex-container:only-child {padding-bottom: 0;}
.win-pop-wrap.wash .wash-box .benefit-area .flex-container:nth-child(n + 2) {padding-top: 16px; margin-top: 8px; border-top: 1px solid #eee;}
.win-pop-wrap.wash .wash-box .benefit-area .flex-container .tit {padding-bottom: 0; line-height: 28px;}
.win-pop-wrap.wash .wash-box .benefit-area .flex-container .pnchbtn {position: static; transform: none; margin-right: -12px; color: #999}

.win-pop-wrap.wash .order-prd .receiptwrap {display: flex; padding-bottom: 16px;}
.win-pop-wrap.wash .order-prd .thumb {flex-shrink: 0; margin-right: 16px; width: 72px; height: 72px; background-color: #F5F5F7;}
.win-pop-wrap.wash .order-prd .thumb img {max-width: 100%; object-fit: cover;}
/* .win-pop-wrap.wash .order-prd .thumb + div {width: calc(100% - 88px)} */
/* .win-pop-wrap.wash .order-prd .thumb + div .flex-container {width: calc(100% - 88px)} */
.win-pop-wrap.wash .order-prd .flex-container {align-items: flex-start;}
.win-pop-wrap.wash .order-prd .flex-container:first-child {padding-top: 0;}
.win-pop-wrap.wash .order-prd .prd-name {font-size: 16px; color: #000; font-family: "HeadMedium";}
.win-pop-wrap.wash .order-prd .s-tit {color: #A0A6AD; font-size: 12px;}
.win-pop-wrap.wash .order-prd .s-tit +  .flex-container {padding-top: 0;}
.win-pop-wrap.wash .order-prd .opt {padding-bottom: 4px; line-height: 18px;}
.win-pop-wrap.wash .order-prd .opt + .opt {padding-top: 4px;}


.map-contents.info4 .gap2 {padding-top: 154px;}
.bottom-wrap {z-index: 2; position: absolute; left: 0; right: 0; bottom: 0; background: #fff;}
.handlebar-flexible .bottom-wrap {position: fixed; z-index: 2;}
.map-contents.info4 .bottom-wrap .flex-container {margin-top: 0; padding: 14px 32px ; }
.map-contents.info4 .bottom-wrap .btn-wrap.btn_multi {margin: 0;}
.map-contents.info4 .bottom-wrap .btn-wrap.bottom-reserv {position: static;}
.map-contents.info4 .bottom-wrap .btn-wrap.bottom-reserv .flex-container {padding-left: 32px; padding-right: 32px;}

.wash-guide-price {padding: 24px; display: flex; justify-content: space-between; align-items: center;}
.wash-guide-price .title {font-size: 18px; line-height: 20px; font-family: "HeadMedium"; color: #252525}
.wash-guide-price .title span {display: block; font-size: 12px; color: #A0A6AD; font-family: "HeadRegular";}
.wash-guide-price .title strong {}
.wash-guide-price .price {text-align: right;}
.wash-guide-price .price .sale {font-size: 14px; line-height: 24px;}
.wash-guide-price .price .percent {margin-right: 4px; color: #00AAD2;}
.wash-guide-price .price .normal {color: #A0A6AD;}
.wash-guide-price .price .normal span {text-decoration: line-through;}
.wash-guide-price p {font-size: 14px; font-family: "HeadMedium"; color: #252525;}
.wash-guide-price p strong {display: inline-block; vertical-align: top; font-size: 18px; line-height: 24px;}
.wash-guide-price p.sub-txt {color: #A0A6AD; font-family: "HeadRegular";}

.wash-intro {position: relative;}
.wash-intro img {max-width: 100%;}
.wash-intro .intro {position: relative; min-height: 200px;}
.wash-intro .intro img {width: 100%; height: 100%; object-fit: fill;}
.wash-intro .intro-title {position: absolute; bottom: 10%; left: 4.8%; color: #fff; }
.wash-intro .intro strong {display: block; margin-bottom: 12px; font-size: 18px; line-height: 24px; font-family: "HeadMedium";}
.wash-intro .intro .sub {display: block; font-size: 14px; line-height: 20px; font-family: "HDTextMedium";}

.wash-intro .description {margin: 20px; padding: 20px 14px; border-radius: 10px; background-color: #F4F4F4; text-align: center;}
.wash-intro .description .tit {display: block; margin-bottom: 14px; font-size: 16px; line-height: 18px; font-family: "HeadMedium";}
.wash-intro .description .sub {display: block; text-align: left;}

.wash-about {padding: 40px 24px 0;}
.wash-about .tit {margin-bottom: 24px;  font-size: 18px; font-family: "HDTextBold"; line-height: 20px; color: #000;}
.wash-about .text {font-size: 14px; line-height: 20px; color: #222;}
.wash-about .text:last-of-type {padding-bottom: 60px;}

.wash-guide-detail h3 {display: block; margin: 30px 0 0; padding-bottom: 16px; border-bottom: 1px solid #D7D8DB; font-family: "HDTextBold";}
.wash-guide-detail h4 {font-family: "HDTextBold"; font-size: 16px; color: #000; line-height: 20px;}
.wash-guide-detail h4 + .wash-guide-text {margin-top: 10px;}

.wash-guide-text {margin-top: 20px; text-align: left;}
.wash-guide-text:first-of-type {margin-top: 0;}
.wash-guide-text + img {margin-top: 20px;}

.wash-about ~ .wash-guide-detail {text-align: left;}
.wash-about ~ .wash-guide-detail .wash-guide-title {margin-top: 40px;}
.wash-about ~ .wash-guide-detail .wash-guide-title:first-of-type {margin-top: 24px;}
.wash-about ~ .wash-guide-detail .wash-guide-title dt {margin-bottom: 8px;}
.wash-about ~ .wash-guide-detail .wash-guide-title dd {margin-bottom: 20px; font-size: 12px; line-height: 16px; color: #222;}

.wash-guide-title {margin-top: 50px; text-align: left;}
.wash-guide-title + .wash-guide-title {margin-top: 30px; padding-top: 30px; border-top: 1px solid #CBCCCA;}
.wash-guide-title dt {margin-bottom: 20px; font-size: 18px; line-height: 24px; font-family: "HeadMedium";}
.wash-guide-title dd {margin-bottom: 15px;}

.wash-guide-detail {padding: 0 27px 30px; text-align: center;}
.wash-guide-detail img {max-width: 100%;}

/* font-big */
body.font-big .wash-guide-price p strong {font-size: 20px; line-height: 26px;}
body.font-big .wash-intro .intro strong {font-size: 20px; line-height: 26px;}
body.font-big .wash-intro .intro .sub {font-size: 18px; line-height: 22px;}
body.font-big .wash-intro .description .tit {font-size: 18px; line-height: 20px;}
body.font-big .wash-guide-title dt {font-size: 20px; line-height: 26px;}

.wash-prod-wrap {padding: 16px 24px;}
.wash-prod-wrap .title-area {padding: 24px 0 8px;}
.wash-prod-wrap .title-area h3 {margin-bottom: 16px; font-size: 22px; line-height: 32px; font-family: "HeadMedium"; color: #252525}
.wash-prod-wrap .title-area .txt {color: #586069}
.wash-prod-wrap .location {padding-bottom: 40px; border-bottom: 1px solid #eee;}
.wash-prod-wrap .location .txt-info {margin-bottom: 8px; font-size: 12px; line-height: 18px; color: #999; text-align: right;}
.wash-prod-wrap .location .current {position: relative;}
.wash-prod-wrap .location .current a {display: flex; align-items: center; padding: 15px 24px; background: #FFFFFF; border: 1px solid #E3E5E8; color: #000}
.wash-prod-wrap .location .current a::before,
.wash-prod-wrap .location .current a::after {content: "";}
.wash-prod-wrap .location .current a::before {margin-right: 8px; width: 16px; height: 16px; background:url(../images/common/icon-location.png) no-repeat center; background-size: contain;}
.wash-prod-wrap .location .current a::after {margin-left: auto; width: 8px; height: 8px; border: solid #222; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.wash-prod-wrap .location .current + .tips-caution {margin-top: 16px;}
.wash-prod-wrap .location .tooltip {opacity: 1; visibility: visible; transition: all .5s ease; z-index: 5; position: absolute; left: 50%; top: calc(100% - 10px); transform: translateX(-50%); width: max-content; padding: 10px 16px; border-radius: 6px; background-color: #00AAD2; color: #fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);}
.wash-prod-wrap .location .tooltip::before {position: absolute; top: -14px; left: 50%; margin-left: -5px; display: block; width: 6px; height: 10px; border: 6px solid transparent; border-bottom: 10px solid #00AAD2;  content: "";}
.wash-prod-wrap .location .tooltip p {font-size: 12px; line-height: 18px;}
.wash-prod-wrap .location .tooltip.hide {opacity: 0; visibility: hidden; z-index: -1;}
.wash-prod-wrap .round-tab {padding:24px 0; }
.wash-prod-wrap .stiky-header {/*position: sticky; top: 55px; left: 0;*/ margin: 0 -24px; padding: 32px 24px; width: calc(100% + 48px); background-color: #fff; border-bottom: 1px solid #eee;}
/* .wash-prod-wrap .stiky-header::after { position: absolute; left: -24px; right: -24px; bottom: 0; width: calc(100% + 48px); height: 1px; border-bottom: 1px solid #eee; content: "";} */

.wash-prod-wrap .prod-list .item {display: flex; padding: 16px 24px; margin-bottom: 16px; border: 1px solid #E5E5E5; background-color: #fff;}
.wash-prod-wrap .prod-list .item:last-child {margin-bottom: 0;}
/* .wash-prod-wrap .prod-list .item + .item {margin-top: 16px;} */
.wash-prod-wrap .prod-list .thumb {overflow: hidden; flex-shrink: 0; margin-right: 24px; width: 80px; height: 80px; background: #F5F5F7;}
.wash-prod-wrap .prod-list .thumb img {object-fit: cover; max-width: 100%;}
.wash-prod-wrap .prod-list .txt {display: flex;}
.wash-prod-wrap .prod-list .tit {margin-bottom: 16px; font-size: 16px; line-height: 20px; color: #000; font-family: "HeadMedium";}
.wash-prod-wrap .prod-list .stit {margin-bottom: 3px; font-size: 12px; color: #A0A6AD;}
.wash-prod-wrap .prod-list .label {display: inline-block; vertical-align: middle; padding: 2px 6px; font-size: 10px; line-height: 14px; border-radius: 9px; background-color: #00AAD2; color: #fff;}
.wash-prod-wrap .prod-list .label.sale {background-color: #E63312;}
.wash-prod-wrap .prod-list dl {display: flex; align-items: flex-start; color: #999;}
.wash-prod-wrap .prod-list dl + dl {margin-top: 6px;}
.wash-prod-wrap .prod-list dt {margin-right: 6px; padding: 1px 5px; border: 1px solid #979797; border-radius: 3px; text-align: center; font-size: 10px; line-height: 14px; font-family: "HeadMedium";}
.wash-prod-wrap .prod-list dd {font-size: 12px;}
.wash-prod-wrap .prod-list .caption {color: #999; font-size: 12px;}
.wash-prod-wrap .prod-list .price {margin-top: 12px; font-size: 12px;}
.wash-prod-wrap .prod-list .price p {display: inline-block; }
.wash-prod-wrap .prod-list .price .sale {color: #252525;}
.wash-prod-wrap .prod-list .price .sale strong {font-size: 14px; font-family: "HeadMedium";}
.wash-prod-wrap .prod-list .price .normal {margin-left: 4px; color: #A0A6AD;}
.wash-prod-wrap .prod-list .price .normal span {text-decoration: line-through;}
.wash-prod-wrap .tips-caution {margin-top: 24px;}

.wash-product-title {margin-top: 16px; font-family:"HeadMedium"; font-size: 18px;}
.wash-product-list .list {padding: 24px 0;}
.wash-product-list .item {display: flex; align-items: center; padding: 15px 19px; border: 1px solid #E5E5E5;}
.wash-product-list .item + .item {margin-top: 16px;}
.wash-product-list .item .icon {margin-right: 12px; width: 40px; height: 40px;}
.wash-product-list .item:nth-of-type(1) .icon {background:url(../images/common/renewal-v2/ic-handwash-item-1.svg) no-repeat center; background-size: contain;}
.wash-product-list .item:nth-of-type(2) .icon {background:url(../images/common/renewal-v2/ic-handwash-item-2.svg) no-repeat center; background-size: contain;}
.wash-product-list .item:nth-of-type(3) .icon {background:url(../images/common/renewal-v2/ic-handwash-item-3.svg) no-repeat center; background-size: contain;}
.wash-product-list .item:nth-of-type(4) .icon {background:url(../images/common/renewal-v2/ic-handwash-item-4.svg) no-repeat center; background-size: contain;}
.wash-product-list .item .tit {font-family:"HeadMedium"; font-size: 16px;}
.wash-product-list .item::after {margin-left: auto; display: inline-block; width: 24px; height: 24px; background:url(../images/common/arrow_right_b.png) no-repeat center / 7px 12px; content: "";}
 
.wash-prod-detail {padding: 24px 16px;}
.wash-prod-detail .prod-info {display: flex; margin-bottom: 24px;}
.wash-prod-detail .prod-info .thumb {overflow: hidden; flex-shrink: 0; margin-right: 16px; width: 80px; height: 80px; background: #F5F5F7;}
.wash-prod-detail .prod-info .thumb img {object-fit: cover; max-width: 100%;}
.wash-prod-detail .prod-info .tit {margin-bottom: 20px; font-size: 22px; line-height: 22px; color: #000; font-family: "HeadMedium";}
.wash-prod-detail .prod-info .stit {margin-bottom: 2px; line-height: 20px; color: #999;}
.wash-prod-detail .prod-info .label {display: inline-block; padding: 2px 8px; font-size: 10px; line-height: 14px; border-radius: 9px; color: #fff; font-family: "HeadMedium";}
.wash-prod-detail .prod-info .label.sale {padding: 3px 6px; background-color: #E63312; border-radius: 13px;}
.wash-prod-detail .prod-info .label.coupon {background-color: #00AAD2;}
.wash-prod-detail .prod-info .label.blue-p {background-color: #002C5F;}
.wash-prod-detail .prod-info .price-sale {margin-bottom: 16px;}
.wash-prod-detail .prod-info .price-sale .label {margin-right: 5px;}
.wash-prod-detail .prod-info .price-sale .price {display: inline-block; font-size: 14px; line-height: 18px; color: #999;}
.wash-prod-detail .prod-info .price-sale .price span {text-decoration: line-through;}
.wash-prod-detail .prod-info .price-normal {margin-bottom: 20px; line-height: 26px;}
.wash-prod-detail .prod-info .price-normal .price {display: inline-block; font-size: 16px;}
.wash-prod-detail .prod-info .price-normal .price span {font-size: 26px; font-family: "HeadLight";}
.wash-prod-detail .prod-info .price-normal .txt {display: inline-block; font-size: 12px; line-height: 20px; color: #999;}
.wash-prod-detail .wash-info {padding-bottom: 40px; border-bottom: 1px solid #eee;}
.wash-prod-detail .wash-info .item {display: flex; align-items: flex-start; color: #999;}
.wash-prod-detail .wash-info .item + .item {margin-top: 16px;}
.wash-prod-detail .wash-info .tit {min-width:60px; margin-right: 6px; padding: 3px 0; font-size: 12px;}
.wash-prod-detail .wash-info .item {display: flex; align-items: flex-start; color: #999;}
.wash-prod-detail .wash-info dl {display: flex; align-items: flex-start;}
.wash-prod-detail .wash-info dl + dl {margin-top: 8px;}
.wash-prod-detail .wash-info dl dt {margin-right: 6px; padding: 1px 5px; border: 1px solid #979797; border-radius: 3px; text-align: center; font-size: 10px; line-height: 14px; font-family: "HeadMedium";}
.wash-prod-detail .wash-info dl dd {font-size: 12px;}
.wash-prod-detail .wash-info .time:before {display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/common/ic-bold-time.svg) no-repeat 50%; background-size: 24px; content: "";}
.wash-prod-detail .prod-detail-wrap {padding-top: 40px; margin-bottom: 40px;}
.wash-prod-detail .prod-detail-wrap h3 {margin-bottom: 24px; font-size: 17px; line-height: 20px; color: #000; font-family: "HeadMedium";}
.wash-prod-detail .prod-detail-wrap .noti {margin-bottom: 40px; padding: 24px 16px; background: #00AAD219; text-align: center;}
.wash-prod-detail .prod-detail-wrap .noti p {color: #00AAD2;}
.wash-prod-detail .prod-detail-wrap .noti .tit {margin-bottom: 8px; font-family: "HeadMedium";}
.wash-prod-detail .prod-detail-wrap .noti .tit + p {font-size: 12px; line-height: 18px;}

.wash-prod-detail .prod-view .prod {overflow: hidden; max-height: 440px;}
.wash-prod-detail .prod-view .prod img {max-width: 100%; width: 100%;}
.wash-prod-detail .prod-view.show .prod {overflow: visible; max-height: 100%;}

.wash-prod-detail .prod-view .prod .wash-intro .intro {min-height: unset;}
.wash-prod-detail .prod-view .prod .wash-intro .description {margin: 20px 10px; padding: 20px 14px; font-size: 95%;}
.wash-prod-detail .prod-view .prod .wash-guide-detail {padding: 0 16px 24px;}
.wash-prod-detail .prod-view .prod .wash-about {padding: 30px 16px 0} 
.wash-prod-detail .prod-view .wash-about .text:last-of-type {padding-bottom: 30px;}

.wash-prod-detail .btn-more {position: relative;}
.wash-prod-detail .btn-more::before {position: absolute; left: 0; bottom:0; width: 100%; height: 80px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) -8.5%, #FFFFFF 55.5%); content: "";}
.wash-prod-detail .btn-more .open {display: block;}
.wash-prod-detail .btn-more .close {display: none;}
.wash-prod-detail .btn-more button {position: relative; z-index: 1; display:block; width:100%; height:52px; padding:16px; color:#252525; border: 1px solid #E5E5E5; box-shadow: 0px 5px 12px rgba(39, 46, 53, 0.08);}
.wash-prod-detail .btn-more button:after {display:inline-block; vertical-align: middle; width:24px; height:24px; background: url(../images/common/ic_down.svg) no-repeat center center; background-size: 24px; content:"";}

.wash-prod-detail .prod-view.show .btn-more::before {display: none;}
.wash-prod-detail .prod-view.show .btn-more button::after {transform: rotate(180deg);}
.wash-prod-detail .prod-view.show .btn-more .open {display: none;}
.wash-prod-detail .prod-view.show .btn-more .close {display: block;}

.wash-prod-detail .section-choice-wrap {margin: 0; padding: 0 0 16px;}
.wash-prod-detail .section-choice-wrap .enterprise-info {margin: 0; padding: 40px 0 0; border-top: 1px solid #eee; border-bottom: none;}
.wash-prod-detail .section-choice-wrap .enterprise-info .enterprise-name {display: flex; align-items: center;}
.wash-prod-detail .section-choice-wrap .enterprise-info .enterprise-name .img {height: 80px; padding-right: 0; margin-right: 24px;}
.wash-prod-detail .section-choice-wrap .enterprise-info .enterprise-name .img img {object-fit: cover;}

.wash-option-wrap {position: relative; padding-bottom: 153px;}
.wash-option-wrap .wash-option-inner {padding: 0 24px 20px;}
.wash-option-wrap h3.title {display: block; margin-bottom: 8px; font-size: 18px; line-height: 24px; font-family: "HeadMedium"; color: #252525; text-align: center;}
.wash-option-wrap .option-wrap {padding: 16px 0; border-bottom: 1px solid #E3E5E8; margin-bottom: 16px;}
.wash-option-wrap .option-wrap:first-of-type {border-top: none;}
.wash-option-wrap .option-wrap:last-of-type {margin-bottom: 0; border-bottom: none;}
.wash-option-wrap .tit-opt {display: block;}
.wash-option-wrap .line {margin-top: 24px; border-top: 1px solid #F5F5F7;}

/* .wash-option-wrap .tit-opt {position: relative;} */
.wash-option-wrap .tit-opt strong {font-size: 18px; line-height: 32px; font-family: "HeadMedium"; color: #BFC3C7;}
.wash-option-wrap .tit-opt a {position: relative; display: flex; justify-content: space-between; align-items: center; padding-right: 24px;}
.wash-option-wrap .tit-opt a:after {position: absolute; top: 10px; right: 8px; width: 10px; height: 10px; border: 2px solid #0000004c; border-width: 2px 2px 0 0; transform: rotate(45deg); content: "";}
.wash-option-wrap .tit-opt .opt {display: none; color: #00AAD2; line-height: 22px;}
.wash-option-wrap .tit-opt .star {color: #E63312;}
.wash-option-wrap .tit-opt.selected strong {color: #252525;}
.wash-option-wrap .tit-opt.selected a {color: #252525;}
.wash-option-wrap .tit-opt.selected a::after {border-color: #252525;}
.wash-option-wrap .tit-opt.selected .opt {display: block; margin-left: auto; margin-right: 5px;}

.wash-option-wrap .tit-opt .link-info2 {z-index: 1; position: relative; top:0; left: 0; padding: 0; display: inline-block; vertical-align: top; width: 32px;height: 32px; cursor: pointer;}
.wash-option-wrap .tit-opt .link-info2::before {display:block; margin: 0 auto; width:100%;height:100%;background: url(../images/common/renewal-v2/ic-info-question.svg) 2px center no-repeat; background-size: 16px 16px; content:'';}
.wash-option-wrap .tit-opt .link-info2::after {display: none;}
.wash-option-wrap .tit-opt .layer-pickup {position: absolute; top: 34px; display: block;}
.wash-option-wrap .tit-opt .layer-pickup .arr {left: 146px}

.wash-option-wrap .button-toggle {position: relative; display: flex; justify-content: flex-start; align-items: center; padding-right: 24px;}
.wash-option-wrap .button-toggle::after {flex-shrink: 0; position: absolute; top: 8px; right: 8px; width: 10px; height: 10px; border: 2px solid #252525; border-width: 2px 2px 0 0; transform: rotate(135deg); content: "";}
.wash-option-wrap .option-wrap .toggle-box {display: none;}
.wash-option-wrap .option-wrap.show .button-toggle::after {top: 13px; transform: rotate(315deg);}
.wash-option-wrap .option-wrap.show .toggle-box {display: block;}
.wash-option-wrap .option-wrap.show .tit-opt .opt {display: none;}


.wash-option-wrap .pickup-list {margin-top: 16px;}
.wash-option-wrap .pickup-list a {display: flex; justify-content: space-between; padding: 16px; border: 1px solid #E5E5E5;}
.wash-option-wrap .pickup-list a + a {margin-top: 8px;}
.wash-option-wrap .pickup-list a strong {color: #000;}
.wash-option-wrap .pickup-list a span {color: #BFC3C7;}
.wash-option-wrap .pickup-list a .normal {color: #252525; font-family: "HeadMedium";}
.wash-option-wrap .pickup-list a.selected {border-color: #00AAD2;}
.wash-option-wrap .pickup-list a.selected strong,
.wash-option-wrap .pickup-list a.selected span {color: #00AAD2;}
.wash-option-wrap .car-enroll-info {margin-top: 24px;}


.option-wrap2 + .option-wrap2 {border-top: 1px solid #F5F5F7;}
.option-wrap2 .title-area {display: flex; align-items: center; position: relative; padding: 17px 24px 17px 0;}
.option-wrap2 .title-area .tit-opt {display: inline-block; color: #252525; font-size: 16px; line-height: 20px;}
.option-wrap2 .title-area .tit-opt::after {position: absolute; top: 20px; right: 8px; width: 10px; height: 10px; border: 2px solid #252525; border-width: 2px 2px 0 0; transform: rotate(135deg); content: "";}
.option-wrap2 .title-area .tit-opt.arr-none::after {display: none;}
.option-wrap2 .title-area a.tit-opt {display: flex; justify-content: space-between; flex: 1;}
.option-wrap2 .title-area a.tit-opt::after {top: 22px; transform: rotate(45deg);}
.option-wrap2 .title-area .tit-opt strong {color: #252525; font-size: 16px; font-family: "HeadRegular"; line-height: unset;}
.option-wrap2 .title-area .tit-opt .opt {font-size: 14px;}
.option-wrap2 .title-area .info-popic {display: inline-block; margin-left: 4px; width:24px; height:24px; background:url(../images/common/ic-bold-info-small-gray.svg) no-repeat 0 0; background-size:24px;}
.add-prod-select:checked ~ .title-area .tit-opt::after {top: 22px; transform: rotate(315deg);}
.add-prod-select ~ .add-prod-list {display: none;}
.add-prod-select:checked ~ .add-prod-list {display: block;}

.add-prod-list {display: block;}
.add-prod-list li {display: flex; justify-content: space-between;}
.add-prod-list li + li {margin-top: 8px;}
.add-prod-list .price {flex: 1; text-align: right;}
.add-prod-list .name,
.add-prod-list .price {color: #586069;}
.add-prod-list .price {margin-left: auto;}
.add-prod-list .selected .name,
.add-prod-list .selected .price {color: #00AAD2;}
.add-prod-list .check-basic {margin-left: -8px; margin-top: 16px;}
.add-prod-list .check-basic input[type="checkbox"]:checked ~ .name,
.add-prod-list .check-basic input[type="checkbox"]:checked ~ .price {color: #00AAD2;}
.add-prod-list .active {color: #00AAD2;}

.wash-option-wrap .rdo-list {display: flex; column-gap: 8px; margin-top: 16px; }
.wash-option-wrap .rdo-list label {flex: 1;}
.wash-option-wrap .rdo-list label span {display: block; padding: 14px 17px 15px; min-height: 50px; border: 1px solid #e5e5e5; text-align: center; color: #000;}
.wash-option-wrap .rdo-list label input[type="radio"] {position: absolute; opacity: 0; z-index: -1; top: unset; left: unset;}
.wash-option-wrap .rdo-list label input[type="radio"]:checked ~ span {border-color: #00AAD2; color: #00AAD2;}
.wash-option-wrap .rdo-list label input[type="radio"]:disabled ~ span {color: #BFC3C7;}

.option-total-wrap {background: #F5F5F7;  bottom: 0; left: 0; width: 100%;}
.option-total-wrap .total {display: flex; justify-content: space-between; padding: 24px 24px 12px; font-size: 16px; line-height: 32px; color: #252525;}
.option-total-wrap .total .price {font-family: "HeadMedium";}
.option-total-wrap .total .price strong {font-size: 24px; line-height: 32px;}

.wash-option-wrap .txt-info {font-size: 12px; line-height: 16px; color: #A0A6AD;}
.option-total-wrap .txt-info {margin-top: -4px; padding: 0 24px 12px;}

body.open .option-total-wrap {position: fixed;}

.car-wash-select {padding: 16px 24px;}
.car-wash-select .btn-map {margin-bottom: 16px; text-align: right;}
.car-wash-select .btn-map a {display: inline-block; width: 24px; height: 24px; background: url(../images/common/if_map.svg) no-repeat center center; background-size: 24px;}
.car-wash-select .car-wash-list {}
.car-wash-select .car-wash-list a {padding: 16px; display: block; border: 1px solid #E5E5E5; color: #000;}
.car-wash-select .car-wash-list a + a {margin-top: 6px;}
.car-wash-select .car-wash-list dt {margin-bottom: 8px; font-size: 16px; font-family: "HeadMedium"; }
.car-wash-select .car-wash-list dd {font-size: 12px; line-height: 20px;}
.car-wash-select .car-wash-list .info {display: flex; justify-content: space-between;}
.car-wash-select .car-wash-list .info span {color: #999;}
.car-wash-select .car-wash-list .info strong {font-family: "HeadMedium";}
.car-wash-select .car-wash-list a.selected {border-color: #00AAD2;}
.car-wash-select .car-wash-list a.disabled {color: #BFC3C7; pointer-events: none;}
.car-wash-select .car-wash-list a.disabled * {color: #BFC3C7;}
.car-wash-select .tips-caution {margin-top: 22px;}

.car-wash-select .car-wash-detail {margin-top: 24px; padding-top: 24px; padding-bottom: 24px; border-top: 1px solid #E3E5E8;;}
.car-wash-select .car-wash-detail .tit {font-family: "HeadMedium"; font-size: 16px;}
.car-wash-select .car-wash-detail .text-address {margin-top: 6px; color: #999; font-size: 12px;}
.car-wash-select .car-wash-detail .info-detail {margin-top: 16px;}
.car-wash-select .car-wash-detail .info-detail li {display: flex; font-size: 12px; }
.car-wash-select .car-wash-detail .info-detail li + li {margin-top: 8px;}
.car-wash-select .car-wash-detail .info-detail .label {flex-shrink: 0; min-width: 90px; margin-right: 9px; color: #595959;}

.car-wash-place {position: absolute; left: 0; bottom: 0; padding: 24px; width: 100%; background: #fff;}
.car-wash-place dl {color: #000;}
.car-wash-place dt {margin-bottom: 8px; font-size: 16px; font-family: "HeadMedium";}
.car-wash-place .info {display: flex; justify-content: space-between;}
.car-wash-place .info span {color: #999;}
.car-wash-place .info strong {font-family: "HeadMedium";}

.win-pop-wrap .chk-bottom {padding: 16px 16px 16px 8px; background-color: #fff;}

.car-wash-select .car-wash-list dt {font-size: 16px;}
.car-wash-select .car-wash-list dd {font-size: 12px;  line-height: 20px;}
.car-wash-place dt {font-size: 16px;}
.win-pop-wrap.wash .order-prd .prd-name {font-size: 16px;}

.map-contents.info4 .flex-container.pay-bottom {border-top: 1px solid #D7D8DB;}
.receiptwrap .flex-container.border-bottom {padding-bottom: 16px; margin-bottom: 8px; border-bottom: 1px solid #eee;}

.call-loading {display: flex; justify-content: center; align-items: center; padding: 10px 0 120px;}
.call-loading p {color: #999; }
.call-loading .loading-circle {margin-top: 16px; display: inline-block; width:15px; height:15px; border:2px solid #fff; border-top:2px solid #00AAD2; border-right:2px solid #00AAD2; border-bottom:2px solid #00AAD2; border-radius:50em; transition:all .2s; animation-name:spinCircle; animation-duration:.7s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
@keyframes spinCircle {
  from {
      transform:translate(-50%, -50%) rotate(0);
  }
  to {
      transform:translate(-50%, -50%) rotate(360deg);
  }
}

.map-contents .pick-charge-main .flex-container {margin-top: 0; padding-top: 4px; border: none;}
.wash-box .fold-wrap .def-pay .info-detail {position: relative; padding-left: 18px; margin-bottom: 8px;}
.wash-box .fold-wrap .def-pay .info-detail::before {position: absolute; left: 8px; top: 8px; width: 2px; height: 2px; background: #999; content: '';}
.wash-box .fold-wrap .def-pay .tips-caution {margin-bottom: 16px;}
.map-contents .pick-charge-main .info-box {padding: 16px 20px; background-color: #F5F5F7; font-size: 12px;}
.map-contents .pick-charge-main .info-box p {margin-top: 8px; color: #586069;}

body.font-big input[type="text"].type2 {font-size: 15px;}
body.font-big .flex-container .btn-coupon {font-size: 14px;}
body.font-big .map-my-car {font-size: 14px;}
body.font-big .map-call {font-size: 14px;}
body.font-big .layer-pickup dl {font-size: 14px;}
body.font-big .waypoint-wrap .label {font-size: 12px;}
body.font-big .coupon-view .coupon-box .item .txt-info {font-size: 14px;}
body.font-big .coupon-view .guide-wrap .txt {font-size: 14px;}
body.font-big .win-pop-wrap.layer-full-pop .wash-box .stit {font-size: 16px;}

body.font-big .wash-box .totalwrap.final span .card {font-size: 14px;}
body.font-big .pay-change-result .links a.flex-container span {font-size: 18px;}
body.font-big .pay-change-result .links a.flex-container .value {font-size: 16px;}
body.font-big .pay-change-result .links a.flex-container .active {font-size: 16px;}
body.font-big .pay-change-result .total .flex-container.sale span {font-size: 16px;}
body.font-big .pay-change-result .total .flex-container.sale ~ .flex-container span {font-size: 18px;}
body.font-big .pay-change-result .total .flex-container.sale ~ .flex-container span.value {font-size: 26px;}
body.font-big .pay-change-result .total .flex-container.sale ~ .flex-container span.value em {font-size: 18px;}
body.font-big .wash .change-info .info-list .sub {font-size: 14px;}

body.font-big .wash-prod-title .title {font-size: 20px; line-height: 22px;}
body.font-big .wash-prod-title .price .sale {font-size: 16px; line-height: 26px;}
body.font-big .wash-prod-title p {font-size: 16px;}
body.font-big .wash-prod-title p strong {font-size: 20px; line-height: 26px;}

body.font-big .wash-prod-wrap .title-area h3 {font-size: 24px; line-height: 34px;}
body.font-big .wash-prod-wrap .location .txt-info {font-size: 14px; line-height: 20px;}
body.font-big .wash-prod-wrap .location .tooltip p {font-size: 14px; line-height: 20px;}
body.font-big .wash-prod-wrap .round-tab a {font-size: 16px; line-height: 18px; }
body.font-big .wash-prod-wrap .prod-list .tit {font-size: 18px;}
body.font-big .wash-prod-wrap .prod-list .stit {font-size: 14px;}
body.font-big .wash-prod-wrap .prod-list .label {font-size: 12px; line-height: 16px;}
body.font-big .wash-prod-wrap .prod-list dt {font-size: 12px; line-height: 16px;}
body.font-big .wash-prod-wrap .prod-list dd {font-size: 14px;}
body.font-big .wash-prod-wrap .prod-list .price {font-size: 14px;}
body.font-big .wash-prod-wrap .prod-list .price .sale strong {font-size: 16px;}
body.font-big .wash-prod-detail .prod-info .tit {font-size: 24px;}
body.font-big .wash-prod-detail .prod-info .stit {line-height: 22px;}
body.font-big .wash-prod-detail .prod-info .label {font-size: 12px; line-height: 16px;}
body.font-big .wash-prod-detail .prod-info .price-sale .price {font-size: 16px; line-height: 20px;}
body.font-big .wash-prod-detail .prod-info .price-normal .price {font-size: 18px;}
body.font-big .wash-prod-detail .prod-info .price-normal .price span {font-size: 28px;}
body.font-big .wash-prod-detail .prod-info .price-normal .txt {font-size: 14px; line-height: 22px;}
body.font-big .wash-prod-detail .wash-info .tit {font-size: 14px;}
body.font-big .wash-prod-detail .wash-info dl dt {font-size: 12px; line-height: 16px;}
body.font-big .wash-prod-detail .wash-info dl dd {font-size: 14px;}
body.font-big .wash-prod-detail .prod-detail-wrap h3 {font-size: 19px; line-height: 22px;}
body.font-big .wash-prod-detail .prod-detail-wrap .noti .tit + p {font-size: 14px; line-height: 20px;}
body.font-big .wash-option-wrap h3.title {font-size: 20px; line-height: 26px;}
body.font-big .wash-option-wrap .tit-opt strong {font-size: 20px; line-height: 26px;}
body.font-big .option-wrap2 .title-area .tit-opt {font-size: 18px; line-height: 20px;}
body.font-big .option-wrap2 .title-area .tit-opt .opt {font-size: 16px;}
body.font-big .option-total-wrap .total {font-size: 18px; line-height: 34px;}
body.font-big .option-total-wrap .total .price strong {font-size: 26px; line-height: 34px;}
body.font-big .map-contents .pick-charge-main .info-box {font-size: 14px;}

/* [20230516] 마케팅 및 홍보 활용 동의 */
.agree-wrap {margin: 32px 24px;}
.agree-wrap .agree-txt {line-height: 24px; color: #595959;}
.agree-wrap .agree-body h3 {display: block; margin-top: 32px; padding-bottom: 16px; border-bottom: 1px solid #eee; font-family:"HeadMedium"; font-size: 14px; line-height: 18px;}
.agree-wrap .agree-body h3 + div .agree-label {margin-top: 0;}
.agree-wrap .agree-body .agree-label {display: block; position: relative; margin-top: 12px; border-bottom: 1px solid #eee; padding: 24px 24px 24px 0;}
.agree-wrap .agree-body .agree-label::after {position: absolute; top: 28px; right: 2px; width: 8px; height: 8px; transform: rotate(225deg); border: solid #222; border-width: 1px 0 0 1px; content: "";}
.agree-wrap .agree-body .inp-hidden:checked ~ .agree-label {border-bottom: none; border-bottom: 1px solid #eee;}
.agree-wrap .agree-body .inp-hidden:checked ~ .agree-label::after {top: 32px; transform: rotate(45deg);}
.agree-wrap .agree-body .inp-hidden ~ .agree-box {display: none; margin-top: 0;}
.agree-wrap .agree-body .inp-hidden:checked ~ .agree-box {display: block;}
.agree-wrap .agree-body .agree-box {margin-top: 43px; padding: 24px 16px; background-color: #F3F3F3;}
.agree-wrap .agree-body .agree-box dt {margin-bottom: 8px; font-family:"HeadMedium"; line-height: 18px;}
.agree-wrap .agree-body .agree-box dt:not(:first-child) {margin-top: 16px;}
.agree-wrap .agree-body .agree-box dd {line-height: 20px; color: #595959;}
.agree-wrap .agree-form {display: flex; justify-content: flex-end; margin-top: 24px; column-gap: 8px;}
.agree-wrap .agree-form input[type=radio]:checked + label {color: #00AAD2;}
.agree-wrap .agree-body + .txt-info {margin-top: 24px;}
.agree-wrap .txt-info {font-size: 12px; line-height: 18px; color: #A0A6AD; text-indent: -14px; padding-left: 12px;}
.agree-wrap .txt-info + .txt-info {margin-top: 8px;}

/* [20230816] 카라이프 보험 */
/* .renewal-v2 #container.insurance-wrap,
#container.insurance-wrap {padding-bottom: 0;} */
#container.insurance-wrap .section:first-of-type {padding-top: 32px;}
.insurance-wrap .section .card {display: block; position: relative;}
.insurance-wrap .text-guide .title {margin-bottom: 9px; line-height: 18px; color: #222;}
.insurance-wrap .text-guide .tips-caution {margin: 0;}
.insurance-wrap .text-guide .tips-caution + .tips-caution {margin-top: 5px;}

.insurance-wrap .section.alram .card {padding: 16px 30px 16px 20px;}
.insurance-wrap .section.alram a.card::after {position: absolute; top: 50%; right: 22px; width: 8px; height: 8px;  border: 1px solid #A0A6AD; border-width: 1px 1px 0 0; transform: translateY(-50%) rotate(45deg); content: '';}
.insurance-wrap .alram .title {margin-bottom: 8px; font-family: "HDTextRegular";}
.insurance-wrap .alram .title::before {display: inline-block; vertical-align: middle; margin-right: 8px; width: 16px; height: 16px; background: url(../images/common/renewal-v2/ic-alram.svg) 50% no-repeat; background-size: contain; content: "";}
.insurance-wrap .alram p {font-size: 16px; font-family:"HeadRegular";}
.insurance-wrap .alram > span {display: block;}
.insurance-wrap .alram strong {display: block; font-size: 18px; font-family:"HeadBold";}
.insurance-wrap .alram .info {margin-top: 6px; color: #586069; line-height: 16px;}
.insurance-wrap .icon-alram {display: inline-block; vertical-align: middle; position: relative; margin-right: 8px; width: 16px; height: 16px;}
.insurance-wrap .icon-alram::before {display: block; width: 100%; height: 100%; background: url(../images/common/renewal-v2/ic-alram.svg) 50% no-repeat; background-size: contain; content: '';}

.insurance-wrap .insurance-list .card {padding: 0 20px;}
.insurance-wrap .insurance-list .card a {position: relative; display: flex; padding: 20px 10px 20px 0;}
.insurance-wrap .insurance-list .card a::after {position: absolute; top: 50%; right: 2px; width: 8px; height: 8px;  border: 1px solid #A0A6AD; border-width: 1px 1px 0 0; transform: translateY(-50%) rotate(45deg); content: '';}
.insurance-wrap .insurance-list .card a + a {border-top: 1px solid #eee;}
.insurance-wrap .insurance-list .logo {margin-right: 16px; width: 48px; height: 48px;}
.insurance-wrap .insurance-list .logo img {width: 100%; height: 100%; object-fit: cover;}
.insurance-wrap .insurance-list dt {font-family:"HeadMedium"; color: #222;}
.insurance-wrap .insurance-list dd {margin-top: 2px; color: #595959; word-break: break-all;}
.insurance-wrap .insurance-list .info {margin-top: 2px; color: #999; font-size: 12px;}

.insurance-wrap .noti-bottom {padding: 24px; background-color: #E3E5E8;}
.insurance-wrap .noti-bottom li {font-size: 11px; line-height: 14px; color: #A0A6AD; opacity: .9; text-indent: -7px; padding-left: 8px;}
.insurance-wrap .noti-bottom li + li {margin-top: 6px;}

.insurance-wrap .driving-insight {}
.insurance-wrap .driving-insight {padding: 24px 20px;}
.insurance-wrap .driving-insight .logo {display: block; width: 138px; height: 17px; background: url(../images/common/renewal-v2/logo-driving-insight.png) 0 0 no-repeat; background-size: contain;}
.insurance-wrap .driving-insight p {position: relative; padding-right: 50px; margin-top: 8px; font-size: 16px; line-height: 24px;}
.insurance-wrap .driving-insight p strong {font-family:"HeadMedium";}
.insurance-wrap .driving-insight p::after {display: block; position: absolute; top: 0; right: 0; width: 48px; height: 48px; background: url(../images/common/renewal-v2/icon-service.svg) 0 0 no-repeat; background-size: contain; content: "";}
.insurance-wrap .driving-insight + .text-guide {padding-top: 24px;}
.insurance-wrap .driving-insight.none + .text-guide {padding-top: 0;}

.insurance-wrap .alram-wrap {}
.insurance-wrap .alram-wrap .title-area {padding-top: 16px;}
.insurance-wrap .alram-wrap .title-area p {font-size: 13px; color: #595959;}
.insurance-wrap .alram-wrap .title-area h2 {margin-top: 8px; color: #222; font-family:"HeadLight"; font-size: 24px; line-height: 32px;}
.insurance-wrap .alram-wrap h3 {margin-top: 40px; font-family:"HeadMedium"; color: #222; font-size: 16px;}
.insurance-wrap .alram-wrap ul {padding: 8px 0 24px;}
.insurance-wrap .alram-wrap li a {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 16px 20px 16px 0; border-bottom: 1px solid #eee;}
.insurance-wrap .alram-wrap li a::after {position: absolute; top: 50%; right: 2px; width: 8px; height: 8px;  border: 1px solid #222 ; border-width: 1px 1px 0 0; transform: translateY(-50%) rotate(45deg); content: '';}
.insurance-wrap .alram-wrap li strong {line-height: 24px; color: #222;}
.insurance-wrap .alram-wrap li span {color: #999999; font-size: 12px;}
.insurance-wrap .alram-wrap li .active {color: #00AAD2;}
.insurance-wrap .alram-wrap .check-basic {display: flex; align-items: center; margin-left: -8px;}
.insurance-wrap .alram-wrap .check-basic a {margin-left: auto; color: #00AAD2; font-size: 12px; line-height: 20px; text-decoration: underline;}
.insurance-wrap .alram-wrap .text-guide {padding-top: 32px;}

.insurance-wrap .insurance-view {}
.insurance-wrap .insurance-view .prod {display: flex; padding-bottom: 24px; border-bottom: 1px solid #eee;;}
.insurance-wrap .insurance-view .prod .logo {margin-right: 16px; width: 48px; height: 48px;}
.insurance-wrap .insurance-view .prod .logo img {width: 100%; height: 100%; object-fit: cover;}
.insurance-wrap .insurance-view .prod dt {font-family:"HeadMedium"; color: #222;}
.insurance-wrap .insurance-view .prod dd {margin-top: 2px; color: #595959; word-break: break-all;}
.insurance-wrap .insurance-view .prod .info {margin-top: 2px; color: #999; font-size: 12px;}
.insurance-wrap .insurance-view .prod-info {padding: 24px 0;}
.insurance-wrap .insurance-view .prod-info p {font-size: 16px;}
.insurance-wrap .insurance-view .prod-info p + p {margin-top: 8px;}
.insurance-wrap .insurance-view .prod-info ul {margin-top: 8px;}
.insurance-wrap .insurance-view .prod-info li {margin-left: 5px; color: #586069; line-height: 20px;}
.insurance-wrap .insurance-view .prod-noti {position: absolute; bottom: 52px; left: 0; padding: 24px; width: 100%; background-color: #F5F5F7;}
.insurance-wrap .insurance-view .prod-noti dt {margin-bottom: 9px; color: #222;}
.insurance-wrap .insurance-view .prod-noti dd {color: #999; font-size: 12px;}

body.font-big .insurance-wrap .alram strong {font-size: 20px;}
body.font-big .insurance-wrap .alram p {font-size: 16px;}
body.font-big .insurance-wrap .insurance-list .info {font-size: 14px;}
body.font-big .insurance-wrap .driving-insight p {font-size: 18px; line-height: 26px;}
body.font-big .insurance-wrap .alram-wrap .title-area p {font-size: 15px;}
body.font-big .insurance-wrap .alram-wrap .title-area h2 {font-size: 26px; line-height: 34px;}
body.font-big .insurance-wrap .alram-wrap li span {font-size: 14px;}
body.font-big .insurance-wrap .alram-wrap .check-basic a {font-size: 14px; line-height: 22px;}
body.font-big .insurance-wrap .insurance-view .prod-info p {font-size: 18px;}
body.font-big .insurance-wrap .insurance-view .prod-info li {line-height: 22px;}
body.font-big .insurance-wrap .insurance-view .prod-noti dd {font-size: 14px;}
body.font-big .insurance-wrap .noti-bottom li {font-size: 13px; line-height: 16px;}

/* [20230904] 카라이프 - 주정차 단속알림 */
.service-intro .fold-wrap {padding-bottom: 32px;}
.service-intro .intro-body .fold-wrap + .btn-guide {margin-top: 0;}
.service-intro .intro-body .fold-wrap dd {margin-bottom: 24px;}
.service-intro .intro-body .fold-wrap dt ~ dt {margin-top: 60px;}
.service-intro .fold-wrap .image {width: 100%; max-width: 100%;}
.service-intro .fold-wrap .image {width: 100%; max-width: 100%;}
.service-intro .fold-wrap .title-wrap {position: relative; display: flex; justify-content: space-between; align-items: center; padding-right: 24px; padding-bottom: 16px; border-bottom: 1px solid #E3E5E8;}
.service-intro .fold-wrap .title-wrap::after {position: absolute; top: 4px; right: 2px; width: 10px; height: 10px; transform: rotate(135deg); border: solid #222; border-width: 2px 2px 0 0; content: "";}
.service-intro .fold-wrap .title-wrap .tit {color: #252525; font-size: 18px; line-height: 24px; font-family: "HeadMedium";}
.service-intro .fold-wrap .title-wrap .stit {color: #222; line-height: 20px; font-family: "HeadMedium";}

.service-intro .fold-wrap input[type="checkbox"].chk-fold:checked + .title-wrap {padding-bottom: 24px; border-bottom: none;}
.service-intro .fold-wrap input[type="checkbox"].chk-fold:checked + .title-wrap::after {top: 8px; transform: rotate(-45deg);}
.service-intro .fold-wrap input[type="checkbox"].chk-fold ~ .fold-content {display: none;}
.service-intro .fold-wrap input[type="checkbox"].chk-fold:checked ~ .fold-content {display: block; border-bottom: 1px solid #E3E5E8;}


.parking-enfo {padding: 32px 24px; margin: 0;}
.parking-enfo .service-header {margin-bottom: 60px;}
.parking-enfo .service-header h3 {margin-bottom: 16px; font-family: "HeadLight"; font-size: 24px; line-height: 32px;}
.parking-enfo .service-header p {color: #777;}
.parking-enfo .service-agree dl {color: #222}
.parking-enfo .service-agree dl ~ dl {padding-top: 32px;}
.parking-enfo .service-agree dt {font-size: 16px; line-height: 20px;}
.parking-enfo .service-agree dt + dd {margin-top: 8px;}
.parking-enfo .service-agree dt dd {line-height: 20px;}
.parking-enfo .service-agree .link {position: relative; display: block; margin: 16px 0; padding: 24px 0; border: solid #eee; border-width: 1px 0;}
.parking-enfo .service-agree .link::after {position: absolute; top: 32px; right: 2px; display: block; width: 8px; height: 8px; border: solid #222; border-width: 1px 1px 0 0; transform: rotate(45deg); content: "";}
.parking-enfo .service-agree .agree-chk {display: flex; justify-content: flex-end; column-gap: 8px;}
.parking-enfo .service-agree .agree-chk label {line-height: 36px}
.parking-enfo .service-agree .info {margin-top: 24px; color: #A0A6AD; font-size: 12px; line-height: 18px; text-indent: -14px; padding-left: 14px;}
.parking-enfo section.complete-msg {margin: 0;}
.parking-enfo section.complete-msg .inner {padding-top: 6px; padding-bottom: 40px;}
.parking-enfo section.complete-msg ~ .info-box {padding: 24px; background-color: #F3F3F3; }
.parking-enfo section.complete-msg ~ .info-box p {color: #595959; line-height: 20px;}
.parking-enfo section.complete-msg ~ .info-box p + p {margin-top: 8px;}

.parking-enfo .faq-wrap {}
.parking-enfo .faq-wrap.fold-wrap .title-wrap {margin-top: 24px; padding-bottom: 24px;}
.parking-enfo .faq-wrap.fold-wrap .title-wrap .stit {text-indent: -16px; padding-left: 16px;}
.parking-enfo .faq-wrap.fold-wrap .answer.fold-content {}
.parking-enfo .faq-wrap.fold-wrap .answer {padding: 24px; background-color: #F3F3F3;}
.parking-enfo .faq-wrap.fold-wrap .answer .tit {display: block; padding-bottom: 8px; color: #222; font-family: "HeadMedium";}
.parking-enfo .faq-wrap.fold-wrap .answer p {margin-top: 8px; color: #595959; line-height: 20px;}
.parking-enfo .fold-wrap input[type="checkbox"].chk-fold:checked ~ .fold-content {border-bottom: none; margin-bottom: 24px;}
.parking-enfo .fold-wrap:last-child {padding-bottom: 0;}
/*
.service-intro #header {border-bottom: none; background: #F5F5F7;}
.service-intro #header .sub-title {opacity: 0; transition: all .5s ease;}
.service-intro #header.white .sub-title {opacity: 1;} 
.service-intro #container {padding-top: 0;} 
*/
.parking-regist #header {background: #F5F5F7;}
.parking-regist #header .sub-title {opacity: 0; transition: all .5s ease;}
.parking-regist #header.white .sub-title {opacity: 1;} 

.parking-regist .add-mycar {margin: 0; padding: 32px 24px 40px; background: #F5F5F7;}
.parking-regist .mycar-top {position: relative;}
.parking-regist .mycar-top .alarm {position: absolute; top: 0; right: 0;}
.parking-regist .mycar-top .alarm::before {display: block; width: 32px; height: 32px; background: url(../images/common/ic-alarm.svg) 0 0 no-repeat; background-size: contain; content: "";}
.parking-regist .mycar-top .chk-alarm:checked + label.alarm::before {background-image: url(../images/common/ic-alarm-active.svg);}
.parking-regist .mycar-top .alarm + .mycar-type {padding-right: 36px;}
.parking-regist .mycar-top .mycar-type {font-size: 24px; line-height: 32px; color: #252525; font-family: "HeadLight"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.parking-regist .mycar-top .mycar-type strong {font-family: "HeadMedium";}
.parking-regist .mycar-top .mycar-num {display: block; margin-top: 4px; line-height: 16px; color: #586069;}
.parking-regist .mycar-top .text-info {display: block; margin-top: 16px; color: #A0A6AD; font-family: "HDTextMedium";}
.parking-regist .mycar-top .in-use {color: #515961; }
.parking-regist .mycar-top .in-use::before {display: inline-block; vertical-align: middle; margin-right: 4px; width: 16px; height: 16px; background: url(../images/common/ic-check.svg) 0 0 no-repeat; background-size: contain; content: "";}
.parking-regist .car-swiper .pagination {text-align: center;}
.parking-regist .car-swiper .pagination .swiper-pagination-bullet {margin: 0 2px; width: 4px; height: 4px; opacity: .4;}
.parking-regist .car-swiper .pagination .swiper-pagination-bullet-active {opacity: 1; background-color: #00AAD2;}
.parking-regist .add-mycar .btn-wrap-v2 {padding: 0; margin-top: 24px; }
.parking-regist .add-mycar .btn-wrap-v2::before {display: none;}
.parking-regist .add-mycar .btn-wrap-v2 .btn {font-family:"HDTextRegular"; align-items: center;}
.parking-regist .add-mycar .btn-wrap-v2 .btn span {margin-right: 8px; width: 10px; height: 10px; background: url(../images/common/renewal-v2/ic-plus.svg) 0 0 no-repeat; background-size: contain;}
.parking-regist .mycar-img {position: relative; margin-top: 16px; text-align: center;}
.parking-regist .mycar-img img {max-width: 100%; max-height: 184px;}
.parking-regist .mycar-img .regist-loading {position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;}
.parking-regist .mycar-img .regist-loading p {color: #00AAD2; font-size: 16px; line-height: 24px;}
.parking-regist .mycar-img .regist-loading .dot-loading {margin-top: 8px;}
.parking-regist .mycar-img .regist-loading .dot-loading span {background-color: #00AAD2;}
.parking-regist .registering .mycar-type {color: #BFC3C7;}
.parking-regist .registering .mycar-num {color: #BFC3C7;}
.parking-regist .registering .text-info {color: #A0A6AD;}
.parking-regist .registering .mycar-img img {opacity: .2;}
.parking-regist .add-car {padding: 30px 0 14px;}


.download-wrap {padding: 24px; background-color: #F5F5F7; display: flex;}
.download-wrap .logo {flex-shrink: 0; margin-right: 16px;}
.download-wrap .logo.logo-010 {width: 38px; height: 38px; background: url(../images/common/logo-010car.png) 0 0 no-repeat; background-size: contain;}
.download-wrap .desc {font-size: 12px; line-height: 18px; color: #999;}
.download-wrap .link {display: inline-block; margin-top: 8px; color: #222;}
.download-wrap .link::after {display: inline-block; vertical-align: middle; width: 7px; height: 7px; border: solid #A0A6AD; border-width: 1px 1px 0 0; transform: rotate(45deg); content: "";}

.parking-termination {}
.parking-termination .tit {margin-bottom: 16px; font-size: 16px; color: #222;}
.parking-termination .card dt {font-size: 16px; line-height: 24px; margin-bottom: 8px; font-family: "HeadMedium";}
.parking-termination .card p,
.parking-termination .card dd {color: #595959; line-height: 20px;}
.parking-termination .card + .card {margin-top: 16px;}
.parking-termination .check-basic {margin-top: 16px;}

body.font-big .fold-wrap .title-wrap .tit {font-size: 20px; line-height: 26px;}
body.font-big .service-agree dt {font-size: 18px; line-height: 22px;}
body.font-big .service-agree dd {line-height: 22px;}
body.font-big .service-agree .info {font-size: 14px; line-height: 20px;}
body.font-big .parking-regist .mycar-top .mycar-type {font-size: 26px; line-height: 34px;}
body.font-big .parking-regist .mycar-top .mycar-num {line-height: 18px;}
body.font-big .download-wrap .desc {font-size: 14px; line-height: 20px;}
body.font-big .parking-termination .tit {font-size: 18px;}
body.font-big .parking-termination .card dt {font-size: 18px; line-height: 26px;}

.box-content .header .tit {width: calc(100% - 36px); line-height: 20px; word-wrap: break-word;}
.box-content .accordion .article {padding: 24px 0;}
.box-content .accordion dt {margin-top: 24px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #ccc;  font-family: "HeadMedium"; line-height: 20px;}
.box-content .accordion dt:first-child {margin-top: 0;}
.box-content .accordion dd {position: relative; padding-left: 20px; line-height: 20px; color: #595959; font-size: 12px;}
.box-content .accordion dd::before {position: absolute; top: 8px; left: 8px; width: 2px; height: 2px; border-radius: 100%; background: #595959; content: "";}
.box-content .accordion dd + dd {margin-top: 4px;}

.font-big .box-content .accordion dd {line-height: 22px; font-size: 14px;}