@charset "UTF-8";



/****************************** 자동차보험 (b) ******************************/
/* LAYOUT */
.btn-step-move:before { content:""; width:2.4rem; height:2.4rem; background:url("../../img/b/car/ins/icon-step-move.svg") no-repeat center 0; background-size:100%; }

/* button */
.area-btm .btn { flex:1; pointer-events:all; }
.area-btm .btn + .btn { margin-left:0.8rem; }
.btn { display:inline-block; padding:0 1rem; border:1px solid; text-align:center; vertical-align:top; }
.brand-drive .btn-cmc.btn-c10 { color:#000; background:#fff; }
.brand-drive .btn-cmc.btn-c10.disabled, .btn-cmc.btn-c10:disabled { color:var(--colorBO2); }

/* popup */
body.bg-trans { background:none; }
body.bg-trans .pop-wrap article { --el-tab-bg:transparent; }
body.bg-trans .pop-wrap article:before { background:var(--el-tab-bg); }
body.bg-trans .doc-scan h1 { position:relative; z-index:1; }
body.bg-trans .doc-scan-img { --bg:rgba(0,0,0,0.7); outline:100vh solid var(--bg); } /* box-shadow:0 0 0 9999px var(--bg); */
.btn-close { position:absolute; top:0; right:2.4rem; z-index:1; padding:0 !important; width:2.4rem !important; height:2.4rem !important; display:block; overflow:hidden; color:transparent; line-height:0; }
.btn-close:before { content:'\e805'; display:block; font-family:var(--fontIco); font-size:var(--fontSz2); font-weight:var(--fontWg2); color:var(--brand-font1); line-height:1; vertical-align:top; }
.pop-wrap .btn-close { top:var(--spc14); }
.pop-wrap .btn-close { top:calc(var(--safe-top) + 1rem); } /* 노치대응 */
.pop-wrap.tyw .btn-close:before { color:var(--colorB); }
.pop-modal2 .btn-close { position:absolute; top:var(--spc8); right:var(--spc6); }
.pop-wrap.ty-trans article:before { background:rgba(0,0,0,0.5); }

/* popup (alert, confirm) */
.pop-mes .pop-mes-des { line-height:2rem; font-size:1.4rem; }
.pop-mes .pop-mes-des p + p { margin-top:2rem; }
.pop-mes .pop-mes-btns { margin-top:2.4rem; }

/* popup (바텀시트) */
.btn-cmc.btn-c5 { background:rgba(158,255,188,0.4); }

/* popup (스크롤 감지 tab) */
.pop-wrap.sc-down .ins-view > .tab, .pop-wrap.sc-down .ins-view > .tab2 { top:var(--safe-top); }
.pop-wrap.sc-up .ins-view > .tab, .pop-wrap.sc-up .ins-view > .tab2 { top:calc(var(--headHgt) + var(--safe-top)); }

/* ALICE - 본인인증 */
.iv-area { display:flex; flex:auto; flex-direction:column; margin-top:var(--spc11); }
.iv-area > *:first-child, .certify-tab-cont > .fm-chk-group-area:first-child { margin-top:0; }
.iv-area > .fm-field { margin-top:6.4rem; }
.iv-area > .cont-mes4 + .fm-field { margin-top:4rem; }
.fm-field > .certify-tab,
.container > .certify-intro > .certify-tab, 
.container > .certify-tab { margin:0; }
.container > .certify-intro:after,
.container .certify-tab .tab-item:after { display:none; }
.container .certify-tab .tab-item.active:after { display:block; }
.container .certify-tab .tab-item.active .in,
.container .certify-tab .tab-item.active [class*="item-ico"]:before { color:var(--brand-color2); }
.container .certify-tab .tab-item.active .in { font-weight:400; }
.certify-tab-cont > .c-head { margin-top:0; }
.fm-field + .certify-intro { margin-top:6.4rem; }
.sc-down .container > .certify-intro { top:1.2rem; }
.cer-num-area { margin-top:4rem; }
.fm-agree.box.ty-dv { padding:0; background:none; }
.fm-agree.box.ty-dv .fm-chk-all { padding:0 !important; }
.fm-agree.box.ty-dv .fm-chk-all .fm-chk1 .fm-chk-lb { display:block; padding:1.4rem 1.6rem 1.4rem 4.8rem; color:#fff; font-size:1.6rem; font-weight:bold; border-radius:1.6rem; border:2px solid transparent; background:rgba(22,88,154,0.4); }
.fm-agree.box.ty-dv .fm-chk-all .fm-chk1 > input:checked + .fm-chk-lb { border-color:var(--brand-color2); }
.fm-agree.box.ty-dv .fm-chk-all .fm-chk1 .fm-txt { margin-top:0.4rem; padding:0; font-weight:normal; }
.fm-agree.box.ty-dv .fm-chk-all .fm-chk1 .fm-chk-lb:before, 
.fm-agree.box.ty-dv .fm-chk-all .fm-chk1 .fm-chk-lb:after { top:1.6rem; left:1.6rem; }
.fm-agree.box.ty-dv .fm-chk-g { padding:2.4rem 1.9rem; border-radius:1.6rem; background-color:var(--brand-color5); }
.fm-agree.box.ty-dv .fm-chk-g:before { display:none; }
.certify-tab .tab-item:not(.active):before { display:none; }
.certify-tab-cont .deco-box { margin-top:0; }
.info-ref.ty2 { margin-top:4rem; }
.fm-chk1 .fm-chk-lb { --brand-font10:var(--colorWO5); }
.deco-box [class*="svg-"] { position:relative; border-radius:1.6rem; background-color:transparent; background-repeat:no-repeat; background-position:center; -webkit-mask:unset; mask:unset; }
.deco-box .svg-kakaopay { margin:1.8rem auto 1.1rem; width:5.6rem; height:5.6rem; background-color:var(--el-deco-ico2); background-image:url("../../img/b/car/com/ico-sec-kakaotalk.svg"); background-size:auto 3.6rem; }
.deco-box .svg-naver { margin:2.8rem auto 1.4rem; width:10.1rem; height:4.2rem; background-image:url("../../img/b/com/ico-sec-naver.svg"); background-size:auto 1.8rem; }
.deco-box .svg-pw { margin:2.8rem auto 1.4rem; width:10.1rem; height:4.2rem; background-image:url("../../img/b/com/ico-sec-pw.svg"); }
.deco-box .svg-bio { margin:1.7rem auto var(--spc14); width:9.4rem; height:5.8rem; background-image:url("../../img/b/com/ico-sec-bio.svg"); }
.deco-box .svg-bio2 { margin:1.4rem auto 1.2rem; width:9.4rem; height:5.8rem; background-image:url("../../img/b/com/ico-sec-bio-2.svg"); }
.deco-box .svg-bio3 { margin:1.4rem auto 1.2rem; width:9.4rem; height:5.8rem; background-image:url("../../img/b/com/ico-sec-bio-3.svg"); }

/* 주소검색 */
.brand-drive .cont-result .txt3 { color:var(--colorWO5); }

/* 화면 테마 변경 */
.btn-area-theme + .c-head { margin-top:4rem; }
.btn-area-theme { padding-top:2rem; }
.btn-theme-select { padding:0 1.6rem 0 3.4rem; line-height:3.2rem; font-size:1.2rem; font-weight:bold; border-radius:1.6rem; background:var(--brand-color5) url("../../img/b/car/com/icon-theme-select.svg") no-repeat 0.6rem center; background-size:2rem; }

/* 보험가입 > 보기모드 선택 */
.c-head-ac { text-align:center; }
.c-head-ac .c-title { padding:0; }
.list-mode { margin:2.4rem auto 0 auto; max-width:46.8rem; }
.list-mode img { vertical-align:top; }
.tab-change { margin:3.2rem auto 0 auto; width:20rem; }
.tab-change ul { --width:calc(100% / var(--tabItemLength)); --radius:2rem; --bg:#9effbc; display:flex; position:relative; border-radius:var(--radius); background-color:rgba(4,18,54,0.1); }
.tab-change ul:before { content:""; position:absolute; top:0; left:calc(var(--width) * var(--activeNumber)); width:var(--width); height:100%; border-radius:var(--radius); background:var(--bg); transition:all 0.3s ease 0s; }
.tab-change ul[data-active="1"] { --bg:#301dc3; }
.tab-change li { flex:1; }
.tab-change li a { display:flex; justify-content:center; align-items:center; position:relative; padding:0 1rem; color:rgba(0,0,0,0.4); line-height:4rem; font-size:1.4rem; font-weight:bold; border-radius:var(--radius); transition:color 0.3s ease 0s; }
.tab-change .active:nth-child(1) a { color:#000; }
.tab-change .active:nth-child(2) a { color:#fff; }

/* 보험가입 > 단계 이동 */
.list-step-move { --onTop:0rem; --marginTop:3.4rem; position:relative; margin-top:5.4rem; }
.list-step-move ol { padding-left:4.6rem; color:rgba(255,255,255,0.4); }
.list-step-move:before,
.list-step-move:after { --top:1.4rem; content:""; position:absolute; top:var(--top); left:1.1rem; width:0.6rem; height:calc(100% - (var(--top) * 2)); background:#fff; opacity:0.2; }
.list-step-move:after { height:calc(var(--onTop) + var(--marginTop)); background:var(--brand-color2); opacity:0.6; }
.list-step-move[data-number-on="1"]:after,
.list-step-move[data-number-on="1"] ol:after { --marginTop:0rem; }
.list-step-move ol:after { --width:2.8rem; content:""; position:absolute; top:calc(var(--onTop) + var(--marginTop)); left:0; width:var(--width); height:var(--width); border-radius:50%; background:#38586c url("../../img/b/car/ins/icon-step-move-arrow.png") no-repeat center; background-size:100%; z-index:2; }
.list-step-move ol > li + li { margin-top:var(--marginTop); }
.list-step-move li .tit { display:block; position:relative; padding:0.4rem 0; line-height:2rem; font-size:1.4rem; }
.list-step-move li .tit:before,
.list-step-move li .tit:last-child:after { content:""; position:absolute; top:50%; left:calc((var(--width) + var(--left)) * -1); width:var(--width); height:var(--width); border-radius:50%; transform:translateY(-50%); box-sizing:border-box; z-index:1; }
.list-step-move li .tit:before { --width:1.6rem; --left:2.4rem; border:0.4rem solid #3e3f6e; background-color:var(--brand-bg); }
.list-step-move li .tit:last-child:after { --width:2.8rem; --left:1.8rem; background:#3e3f6e url("../../img/b/car/ins/icon-step-move-finish.png") no-repeat center; background-size:100%; z-index:3; }
.list-step-move .on .tit:before { border-color:var(--brand-color2); background-color:var(--brand-color2); }
.list-step-move ul { margin-top:1.4rem; }
.list-step-move ul li + li { margin-top:1.2rem; }
.list-step-move ul li > * { display:flex; align-items:center; position:relative; padding:0.6rem 2.4rem; min-height:5.6rem; line-height:2.2rem; font-size:1.6rem; border-radius:1.6rem; background:var(--brand-color5); }
.list-step-move .on .tit, .list-step-move ul .on > a { color:#fff; }
.list-step-move .active .tit, .list-step-move ul .active > * { color:var(--brand-color2) !important; }
.list-step-move ul li:not(.on) > a { cursor:none; pointer-events:none; }
.list-step-move ul .on > * { font-weight:bold; }
.list-step-move ul .on > a:after { content:""; position:absolute; top:50%; right:2.4rem; width:0.6rem; height:0.6rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(135deg) translateY(50%); }

/* 보험가입 > 이어서 가입 */
.pop-modal.brand-drive article { background:var(--brand-bg); }

/* 보험가입 > 플랜선택 */
.tbl-list-data { padding:3rem 2rem; border-radius:2rem; background:var(--brand-color6); overflow:hidden; }
.tbl-list-data > table > * > tr > * { padding:0.2rem 0; color:#fff; line-height:1.8rem; font-size:1.4rem; }
.tbl-list-data > table > thead th { padding:2.2rem 0; }
.tbl-list-data > table > tbody > tr > th { font-weight:bold; }
.tbl-list-data > table > tbody > tr > td { color:rgba(255,255,255,0.5); font-weight:300; }
.tbl-list-data > table > tbody > tr > .ar { color:#fff; }
.tbl-list-data > table > tbody > tr + tr > th { padding-top:2rem; }
.list-data-plan { position:relative; padding-top:0.8rem; }
.step1 + .plan-tab-box, .step1 + .item-plan { margin-top:3.2rem; }
.item-plan + .item-plan { margin-top:1.6rem; }
.item-plan { border-radius:2.4rem 2.4rem 0 0; background-repeat:no-repeat; background-position:center 0; background-size:100% 19rem; }
.item-plan[data-type="preview"] { padding-bottom:1.5rem; }
.item-plan[data-type="preview"] a.tit-area .tit:before { content:'\e851'; }
.item-plan[data-type="preview"] .plan-box .btn-wrap,
.item-plan[data-type="hidden"] .plan-detail-box,
.item-plan[data-type="hidden"] [class*="btn-list-more"] { display:none; }
.item-plan[data-type="hidden"] .plan-box .tit-area { padding-bottom:0.4rem; min-height:15.2rem; }
.item-plan[data-type="hidden"] .list-detail { padding-top:1.4rem; height:6rem; opacity:0.32; filter:blur(0.4rem); overflow:hidden; }
.item-plan.on { padding-bottom:5.5rem; }
.plan-box { position:relative; border-radius:2.4rem; border:1px solid rgba(255,255,255,0.2); background-image:linear-gradient(to bottom, rgba(121,18,167,0) 7%, #041236 67%), linear-gradient(to bottom, #041236 0%, #041236 100%); background-repeat:no-repeat; background-position:center 0, center 23.2rem; background-size:100% 23.2rem, 100%; background-origin:border-box; }
.plan-box .btn-wrap { position:absolute; bottom:0; left:0; width:100%; }
.btn.icon-before-lock { padding:2rem; color:var(--pointType); line-height:2rem; font-size:1.6rem; font-weight:bold; text-decoration:underline; border:0 none; }
.btn.icon-before-lock:before { content:"\e8a3"; display:inline-block; margin-right:0.4rem; width:2.4rem; line-height:2.4rem; font-size:2.4rem; font-family:var(--fontIco); font-weight:100; vertical-align:-0.3rem; }
.btn.icon-before-lock:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.flag-plan { display:inline-block; padding:0.3rem 0.8rem 0.2rem 0.8rem; color:#000; line-height:1.3rem; font-size:1.1rem; font-weight:bold; border-radius:0.9rem; background:var(--pointType); text-align:center; vertical-align:top; }
.btn-list-more-open { position:absolute; bottom:-1.6rem; left:50%; transform:translateX(-50%); padding:0 1.6rem; color:#fff; line-height:3rem; font-size:1.4rem; border-radius:1.6rem; border:1px solid rgba(255,255,255,0.2); background:var(--brand-color6); }
.btn-list-more-open:after { content:""; display:inline-block; margin-left:1.2rem; width:0.6rem; height:0.6rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(-135deg); vertical-align:0.3rem; }
.btn-list-more-open.on:after { vertical-align:-0.1rem; transform:rotate(45deg); }
.plan-box .tit-area { display:block; position:relative; padding:2.3rem; background-repeat:no-repeat; background-position:right 2rem top 1.6rem; background-size:auto 9.6rem; overflow:hidden; }
.plan-box .tit-area .tit { display:block; position:relative; margin-top:1.4rem; line-height:2.8rem; font-size:2rem; font-weight:bold; }
.plan-box .tit-area .tit:before { position:absolute; bottom:0; right:0; width:3.2rem; height:3.2rem; color:#fff; line-height:3.2rem; font-size:3.2rem; font-family:var(--fontIco); font-weight:normal; }
.plan-box .tit-area .txt { display:block; margin-top:1.6rem; line-height:2rem; font-size:1.4rem; font-weight:200; }
.plan-box .tit-area .price { display:block; margin-top:0.8rem; color:var(--colorCOM2); line-height:3.6rem; font-size:2.8rem; }
.plan-box .tit-area .btn { position:absolute; top:0.8rem; right:0.8rem; }
.list-detail { padding:0 2.3rem 2.7rem 2.3rem; }
.list-detail > ul > li + li { margin-top:0.4rem; }
.plan-detail-box { display:none; margin-top:-1.1rem; padding:0 1.2rem 1.2rem 1.2rem; }
.data-item { display:flex; }
.data-item > * { color:rgba(255,255,255,0.7); line-height:1.6rem; font-size:1.2rem; font-weight:300; }
.data-item > dt .btn { margin-left:0.7rem; }
.data-item > dd { position:relative; margin-left:auto; }
.data-item.ty-total { padding-bottom:0.4rem; }
.data-item.ty-total > * { color:#fff; line-height:2.4rem; font-size:1.4rem; font-weight:normal; }
.data-item.ty-total > dd { font-size:1.8rem; font-weight:700; }
.item-plan[data-theme="naver"] { --pointType:#47f067; background-image:radial-gradient(circle at 20% -28%, #3c9f5e, #00616e 56%); }
.item-plan[data-theme="kakao"] { --pointType:#ffe000; background-image:radial-gradient(circle at 20% -28%, #b5ab2f, #5f3f2c 56%); }
.item-plan[data-theme="bank"] { --pointType:#11e3a2; background-image:radial-gradient(circle at 2% -15%, #eb74bb, #57e2d7 4%, #133835 82%); }
.item-plan[data-theme="damoa"] { --pointType:#5af; background-image:radial-gradient(circle at 2% -15%, #4f6dbe, #183e64 82%); }
.item-plan[data-theme="toss"] { --pointType:#469cff; background-image:radial-gradient(circle at 2% -15%, #0064ff, #003972 82%); }
.item-plan[data-theme="prev"] { --pointType:#fa7bff; background-image:radial-gradient(circle at 13% -20%, #824c9a, #27137b 44%, #0a001f 90%); }
.item-plan[data-theme="similar"] { --pointType:#3bf5fc; background-image:radial-gradient(circle at 16% 3%, #00628e, #0a1e74 84%); }
.item-plan[data-theme="naver"] .tit-area { background-image:url("../../img/b/car/com/bg-plan-path-naver.png"); }
.item-plan[data-theme="kakao"] .tit-area { background-image:url("../../img/b/car/com/bg-plan-path-kakao.png"); }
.item-plan[data-theme="bank"] .tit-area { background-image:url("../../img/b/car/com/bg-plan-path-bank.png"); }
.item-plan[data-theme="damoa"] .tit-area { background-image:url("../../img/b/car/com/bg-plan-path-damoa.png"); }
.item-plan[data-theme="toss"] .tit-area { background-image:url("../../img/b/car/com/bg-plan-path-toss.png"); }
.quick-plan { --time:5s; position:fixed; bottom:8%; right:2.4rem; }
.quick-plan .pop-tooltip { top:-5.5rem; right:0; opacity:0; visibility:hidden; animation:delayFadeOut var(--time) linear; }
.btn-plan-compare { display:flex; flex-direction:column; position:relative; width:6.4rem; height:6.4rem; line-height:1.3rem; font-size:1.1rem; border-radius:2.4rem; background-image:linear-gradient(151deg, #626262, #000 54%); align-items:center; justify-content:center; box-shadow:1.6rem 1.6rem 2.4rem 0 rgba(0,0,0,0.4); }
.btn-plan-compare:before { content:""; display:block; margin-bottom:0.5rem; width:2rem; height:2rem; background:url("../../img/b/car/com/icon-plan-compare.png") no-repeat center 0; background-size:cover; }
.btn-plan-compare span:before,
.btn-plan-compare span:after { content:""; position:absolute; filter:blur(1.2rem); border-radius:2.4rem; transition:opacity 0.5s; animation:lightSpin var(--time) linear; z-index:-1; }
.btn-plan-compare span:before { top:-5%; left:-5%; width:110%; height:110%; }
.btn-plan-compare span:after { top:calc(100% / 6); left:0; right:0; width:100%; height:100%; transform:scale(0.8); }

@property --rotate { syntax:"<angle>"; initial-value:132deg; inherits:false; }
@keyframes lightSpin {
	0% {
		--rotate:0deg;
		background-image:linear-gradient(var(--rotate), #193684, #47f067 45%, #fa7bff);
	}
	100% {
		--rotate:720deg;
		background-image:linear-gradient(var(--rotate), #193684, #47f067 45%, #fa7bff);
		opacity:0.2; 
	}
}
@keyframes delayFadeOut {
	0% {
		visibility:visible;
		opacity:1;
	}
	90% {
		opacity:1;
	} 
	100% {
		opacity:0;
		visibility:hidden;
	}
}

/* 보험가입 > 플랜선택 > 타사신규 > 차량 선택 */
.btn-txt-area { margin-top:1.4rem; }
.btn-txt-r { display:inline-block; padding:0 1.2rem; color:#000; line-height:3rem; font-size:1.2rem; font-weight:bold; border-radius:1.5rem; background-color:#fff; vertical-align:top; }
.btn-pd-area { margin-top:4rem; padding:0 0.8rem; }
.box-item-area { margin-top:2.4rem; padding:0 0.8rem; }
.box-item-area > * + * { margin-top:2.4rem; }
.item-new-add { --itemW:calc(100vw - 6.4rem); }
.car-number-area { margin-top:2.4rem; }
.card-item { padding:2.4rem; border-radius:1.6rem; background:var(--brand-color3); --itemW:calc(100vw - 6.4rem); width:var(--itemW); }
.card-data { display:flex; flex-wrap:wrap; flex-direction:column; height:100%; height:calc(var(--itemW) * 0.581081 - 4.8rem); }
.card-data > * { width:100%; }
.card-data .number { color:#fff; line-height:3.2rem; font-size:2.4rem; font-weight:bold; }
.card-data .type { margin-top:0.4rem; color:#fff; line-height:1.8rem; font-size:1.4rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.card-data .date + * { margin-top:auto; }
.card-data .date { display:flex; color:rgba(255,255,255,0.5); line-height:2.2rem; font-size:1.4rem; }
.card-data .date .flag-txt { margin-right:auto; }
.txt16 { line-height:2rem; font-size:1.6rem; }
.txt16 + .car-number-item { margin-top:1.6rem; }

/* 보험가입 > 플랜선택 > 타사신규 > 최근계산 내역 */
.info-data-etc { padding:1.2rem 2.4rem; background-color:var(--brand-color6); text-align:center; }
.txt-lock { display:inline-block; position:relative; padding:0.2rem 0 0.2rem 2.8rem; color:#fff; line-height:2rem; font-size:1.4rem; vertical-align:top; }
.txt-lock:before { content:""; position:absolute; top:0; left:0; width:2.4rem; height:2.4rem; background:url("../../img/b/car/ins/icon-lock-white.svg") no-repeat center; background-size:100%; }
.fm-chk-data { --fm-chk1-size:2.8rem; display:block; line-height:1; }
.fm-chk-data > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk-data .fm-chk-lb { position:absolute; top:0; right:0; width:100%; height:100%; border-radius:var(--bdrRds2); border:2px solid transparent; overflow:hidden; }
.fm-chk-data .fm-chk-lb:before, .fm-chk-data .fm-chk-lb:after { content:''; display:block; position:absolute; top:1.2rem; right:1.2rem; border-radius:100%; box-sizing:border-box; }
.fm-chk-data .fm-chk-lb:before { width:var(--fm-chk1-size); height:var(--fm-chk1-size); background-color:var(--brand-colorBE1); }
.fm-chk-data .fm-chk-lb:after { top:2rem; right:2rem; width:1.2rem; height:1.2rem; }
/* .fm-chk-data > input:checked + .fm-chk-lb { border-color:var(--brand-color2); } */
.fm-chk-data > input:checked + .fm-chk-lb:after { background:var(--brand-color2); }
.fm-chk-data > input:checked:disabled + .fm-chk-lb { background:var(--colorB); }
.fm-chk-data > input:checked:disabled + .fm-chk-lb:before, .fm-chk-data > input:checked:disabled + .fm-chk-lb:after { opacity:0.5; }
.flag-txt.ty10 { color:#fff; background:#888; }

/* 보험가입 > 플랜선택 > 구입예정 > 차량 등록 */
.car-number-item + * { margin-top:4rem; }
.car-number-item { position:relative; padding:2.5rem 3.5rem; border-radius:1.6rem; border:0.4rem solid rgba(22,88,154,0.6); background-color:rgba(22,88,154,0.4); }
.car-number-item:before,
.car-number-item:after { content:""; position:absolute; top:50%; left:1.6rem; margin-top:-0.5rem; width:1rem; height:1rem; border-radius:50%; background:var(--brand-color3); }
.car-number-item:after { left:auto; right:1.6rem; }
.car-number-item input { width:100%; height:3.8rem; color:#fff; line-height:3.8rem; font-size:3.2rem; text-align:center; border:0 none; background:none; }
.car-number-item[data-type="small"] input { font-size:2rem; }

/* 보험가입 > 플랜선택 > 구입예정 > 차량정보확인 */
.ins-view > .insv-box.insv-infor:first-child { margin-top:0; }
.insv-box.insv-infor { padding-left:2.4rem; padding-right:2.4rem; }
.insv-box.insv-infor:before { background-color:var(--brand-color5); }
.insv-box.insv-infor .box-title:after { left:-2.4rem; right:-2.4rem; background-color:var(--brand-color6); }
.insv-box.insv-infor thead.box-title th { padding:1.6rem 0; line-height:2rem; font-size:1.6rem; font-weight:normal; }
.insv-box.insv-infor tbody tr:first-child > * { border-top:0 none; }
.insv-box.insv-infor tbody tr > * { padding:2rem 0; border-top:1px solid rgba(255,255,255,0.16); line-height:1.8rem; font-size:1.4rem; vertical-align:top; }
.insv-box.insv-infor tbody th { color:rgba(255,255,255,0.5); }
.insv-box.insv-infor tbody .txt12 { vertical-align:top; }
.flag-txt2.ty3 { min-width:3.6rem; height:2rem; line-height:2rem; background:var(--brand-color3); }
.fm-chk2.ty2 .fm-chk-lb { display:flex; align-items:center; padding-right:5rem; line-height:2rem; font-size:1.6rem; }

/* 보험가입 > 플랜선택 > 구입예정 > 차량정보확인 > 변경 */
.tab2.ty-line ul .tab-item a { line-height:3.6rem; border:2px solid transparent; background:var(--brand-color5) !important; }
.tab2.ty-line ul .tab-item.active a { color:#fff !important; border-color:var(--brand-color2); }
.bottom-step:not([class*="ty-"]) { position:fixed; bottom:0; left:0; padding:2.4rem 2.5rem 4rem 2.5rem; width:100%; border-radius:2.8rem 2.8rem 0 0; background:#1b1f83; }
.bottom-step ol { display:flex; justify-content:space-between; position:relative; }
.bottom-step ol:before { content:""; position:absolute; top:0; left:-0.5rem; width:calc(100% + 1rem); height:2rem; border-radius:1rem; background:#0e116a; }
.bottom-step ol:after { content:""; position:absolute; top:0.5rem; left:0; width:var(--stepWidth); height:1rem; border-radius:0.5rem; background:rgba(255,255,255,0.08); box-sizing:border-box; }
.bottom-step li { flex:1; position:relative; }
.bottom-step li:first-child { flex:0.8; }
.bottom-step li:last-child { flex:0.9; }
.bottom-step li:not(.on) > * { cursor:default; pointer-events:none; }
.bottom-step li > * { display:block; padding-top:2.8rem; width:100%; color:rgba(255,255,255,0.32); line-height:1.6rem; font-size:1.4rem; text-align:center; transition:color 0.1s ease 0s; }
.bottom-step li > *:before { content:""; position:absolute; top:0.4rem; left:50%; width:1.2rem; height:1.2rem; border-radius:100%; transform:translateX(-50%); z-index:1; }
.bottom-step .on > * { color:#fff; }
.bottom-step .on > *:before { background:#fff; }
.bottom-step .current > * { color:var(--brand-color2); }
.bottom-step .current > *:before { background:var(--brand-color2); }
.bottom-step .current > *:after { content:""; position:absolute; top:0; left:50%; width:2rem; height:2rem; border-radius:100%; background:rgba(255,255,255,0.2); transform:translateX(-50%); z-index:1; }
.cont-mes3.ty-fc { margin:0 0 1.4rem 0; padding:0; line-height:2.4rem; text-align:center; }
.cont-mes3.ty-fc:before { position:static; margin-right:0.3rem; vertical-align:top; }
.cont-mes3.ty-fc > p { display:inline-block; vertical-align:top; }

/* 보험가입 > 플랜선택 > 차량 형태 선택 */
.fm-label .txt-dsc2 { margin-top:0.4rem; color:rgba(255,255,255,0.6); font-weight:300; }
.txt-dsc2 { display:block; line-height:1.8rem; font-size:1.4rem; }
.txt-dsc2 .point { color:var(--brand-color2); }

/* 보험가입 > 플랜선택 > 운행 형태 선택 */
[class*="fm-chk-line"] .fm-chk-lb .point { margin-top:0.2rem; color:var(--brand-color2); font-size:1.2rem; }

/* 보험가입 > 플랜선택 > 플랜비교 */
.fm-chk-line-circle-top { min-width:7.2rem; height:6.6rem; }
.fm-chk-line-circle-top .fm-chk-lb { padding:3.8rem 0.6rem 1rem 0.6rem; line-height:1.4rem; font-size:1.2rem; font-weight:bold; background:rgba(22,88,154,0.5); }
.fm-chk-line-circle-top .fm-chk-lb:before,
.fm-chk-line-circle-top .fm-chk-lb:after { top:1rem; right:50%; transform:translateX(50%); }
.fm-chk-line-circle-top .fm-chk-lb:after { margin-top:0.6rem; }
.fm-chk-line-circle-top:not(label) .fm-chk-lb { background:transparent; }
.fm-chk-line-circle-top:not(label) .fm-chk-lb:before,
.fm-chk-line-circle-top:not(label) .fm-chk-lb:after { display:none; }
.tbl-plan > table > * > tr > * { padding:0 0.2rem; text-align:center; }
.tbl-plan > table > *:not(thead) > tr > * { height:4.8rem; line-height:1.6rem; font-size:1.2rem; font-weight:bold; border-top:1px solid rgba(255,255,255,0.2); }
.tbl-plan > table > *:not(thead) > tr > th { color:rgba(255,255,255,0.4); font-weight:normal; text-align:left; }
.tbl-plan > table thead .cell { display:block; padding:0.4rem 0.4rem 0.8rem 0.4rem; border-radius:2rem 2rem 0 0; }
.tbl-plan > table thead + tbody tr:last-child .cell,
.tbl-plan > table tfoot .cell { border-radius:0 0 2rem 2rem; }
.tbl-plan > table > *:not(thead) th .cell { align-items:flex-start; }
.tbl-plan > table .cell { display:flex; flex-direction:column; justify-content:center; align-items:center; padding:1rem 0.4rem; height:100%; }
.tbl-plan > table .on .cell { background:rgba(255,255,255,0.1); }
.tbl-plan > table .dsc { display:block; line-height:1.5rem; font-size:1.1rem; font-weight:normal; }
.tbl-plan.highlight td:not(.on) .cell { color:rgba(255,255,255,0.4); } 
.tbl-plan.highlight td:not(.on) .cell.point { color:#fff; } 
[data-type="naver"].cell.point { color:#47f067; }
[data-type="kakao"].cell.point { color:#ffe000; }
[data-type="bank"].cell.point { color:#10e3a2; }
[data-type="damoa"].cell.point { color:#56aaff; }
[data-type="toss"].cell.point { color:#469cff; }
[data-type="prev"].cell.point { color:#fa7bff; }
[data-type="similar"].cell.point { color:#3bf5fc; }

/* 보험가입 > 플랜선택 > 소유자 불일치 확인 */
.pt6 { padding-top:6rem; }
.cont-mes8.ty-pd { padding-top:4.8rem; }
[class*="fm-chk-line-circle"].ty-dsc .fm-chk-lb { flex-direction:column; justify-content:center; align-items:flex-start; }
[class*="fm-chk-line-circle"] .txt-dsc { margin-top:0.4rem; line-height:1.6rem; }

/* 보험가입 > 플랜선택 > 동일증권 관리 */
.cont-mes8 .tooltip { margin-left:0; }
[class*="fm-chk-line-circle"].ty-dv { min-height:6.4rem; }
[class*="fm-chk-line-circle"].ty-dv input:checked + .fm-chk-lb .fm-chk-tit { font-weight:bold; }
[class*="fm-chk-line-circle"].ty-dv input:checked + .fm-chk-lb .txt-dsc { font-weight:normal; }
[class*="fm-chk-line-circle"].ty-dv .fm-chk-tit { font-size:1.6rem; font-weight:normal; }
[class*="fm-chk-line-circle"].ty-dv .txt-dsc { margin:0 0 0 auto; font-size:1.4rem; }
.fm-chk5-g.ty-group { border-radius:1.6rem; background:var(--brand-color5); }
.fm-chk5-g.ty-group [class*="fm-chk-line"] { padding:0 2.4rem; }
.fm-chk5-g.ty-group [class*="fm-chk-line"] input { left:0; }
.fm-chk5-g.ty-group [class*="fm-chk-line"] + [class*="fm-chk-line"] { margin:0; }
.fm-chk5-g.ty-group [class*="fm-chk-line"] + [class*="fm-chk-line"] .fm-chk-lb { border-top-color:rgba(255,255,255,0.16); }
.fm-chk5-g.ty-group [class*="fm-chk-line"] .fm-chk-lb { padding:0 3.6rem 0 0; border-width:1px; border-color:transparent; border-radius:0; background:none; }
.fm-chk5-g.ty-group [class*="fm-chk-line"] .fm-chk-lb:before { right:0; }
.fm-chk5-g.ty-group [class*="fm-chk-line"] .fm-chk-lb:after { right:0.6rem; }
.data-box { position:relative; margin-top:4rem; padding:2rem; line-height:2rem; font-size:1.4rem; border-radius:1.6rem; background:var(--brand-color1); }
.data-box .cont { margin-top:0.8rem; padding-top:0.8rem; }
.data-box.ty-date .cont { border-top:1px solid rgba(255,255,255,0.2); }
.data-box .info-data6 dt { color:rgba(255,255,255,0.6); }
.tit-data-date { display:block; }
.txt-data-date { display:flex; margin-top:2.4rem; }
.txt-data-date span { padding-top:0.4rem; color:rgba(255,255,255,0.5); font-weight:300; }
.txt-data-date strong { margin-left:auto; line-height:2.4rem; font-size:2rem; }
.txt-data-date .point { color:var(--brand-color2); }
.txt-date-total-day { display:flex; flex-direction:row-reverse; font-weight:300; }
.cont-mes8 .btn-ins-view.point:after { margin:-0.3rem 0 0 0; }
.btn-ins-view.point:after { font-weight:normal; }

/* 보험가입 > 플랜선택 > 차량정보 정정 */
.info-box-history:not(:first-child) { margin-top:3.2rem; }
.info-box-history > .info-box-chk + .info-box-chk:not(.ty-total) { margin-top:2.6rem; }
.info-box-history > .info-box-chk { position:relative; margin-top:0; }
.info-box-history > .info-box-chk + .info-box-chk:not(.ty-total):before { content:""; position:absolute; top:-1.8rem; left:50%; border:0.6rem solid transparent; border-top-width:1rem; border-top-color:var(--brand-bg); transform:translateX(-50%); }
.info-box-history > .info-box-chk.ty-total { margin-top:0.8rem; }
.info-box-chk { margin-top:3rem; padding:2.4rem; color:#fff; border-radius:1.6rem; background:var(--brand-bg); }
.info-box-chk .cont-mes19 { color:inherit; font-weight:bold; }
.info-box-chk .flag-txt5 + * { margin-top:2.8rem; }
.info-box-chk.ty-gray { background:#eee; }
.info-box-chk.ty-gray .info-data6 > *,
.info-box-chk.ty-gray .cont-mes19 { color:rgba(0,0,0,0.4); }
.info-box-chk.ty-gray .flag-txt5.ty3 { color:rgba(0,0,0,0.4); background:#fff; }
.flag-txt5 { display:inline-block; position:relative; border-radius:0.9rem; padding:0.1rem 0.8rem 0 0.8rem; min-width:4.0rem; height:1.8rem; line-height:1.7rem; font-size:1.1rem; font-weight:var(--fontWg1); background:#3bf5fc; text-align:center; box-sizing:border-box; }
.flag-txt5.ty3 { color:#000; background:var(--brand-color2); }
.info-data-chk-wrap dl.info-data6 + dl.info-data6 > * { padding-top:1.2rem; }
.info-data-chk-wrap dl.info-data6 > * { color:#fff; }

/* 보험가입 > 보험료확인 (count) */
.item-plan[data-type="total"] .plan-box .price { --height:3.6rem; }
body[data-box-sticky="true"] .item-plan[data-type="total"] .plan-box .price { --height:2rem; }
[data-count-number] { --position:0; display:flex !important; height:var(--height); overflow:hidden; }
[data-count-number] .count-ul { display:flex; flex-direction:column-reverse; align-items:center; margin-top:calc(var(--height) * var(--position)); padding-top:var(--height); transition:margin var(--dur) cubic-bezier(0, 0, 0.2, 1) 0s; }
[data-count-number][data-count-direction="up"] .count-ul { flex-direction:column; padding:0; }
[data-count-number] .count-li { flex:1; }

/* 보험가입 > 보험료확인 (가입정보) */
.plan-tab-box { transition:top 0.3s; }
.plan-tab-box .item-plan { margin-bottom:2rem; }
.item-plan[data-type="total"] { border-radius:1.6rem 1.6rem 0 0; transition:top 0.3s; }
.item-plan[data-type="total"] .plan-box { padding:0 2.3rem; border-radius:1.6rem; }
.item-plan[data-type="total"] .plan-box .tit-area { padding:2.3rem 0 1.5rem 0; background-position:right 2.2rem top 1.6rem; }
.item-plan[data-type="total"] .plan-box .tit { line-height:1.6rem; font-size:1.4rem; font-weight:normal; }
.item-plan[data-type="total"] .plan-box .price { margin-top:0.4rem; color:#fff; }
.item-plan[data-type="total"] .list-detail { padding:2.1rem 0; border-top:1px solid rgba(255,255,255,0.3); }
.item-plan[data-type="total"] .list-detail > ul > li + li { margin-top:0.4rem; }
.item-plan[data-type="total"] .data-item > * { line-height:2rem; font-size:1.4rem; color:rgba(255,255,255,0.6); font-weight:normal; }
.item-plan[data-type="total"] .data-item > dd { color:#fff; }
.item-plan[data-type="total"] .btn-plan-compare { position:absolute; top:1.1rem; right:1.1rem; width:5.6rem; height:5.6rem; border-radius:1.6rem; }
.btn-total-more-view { display:none; }
.btn-data-link { display:block; position:relative; padding-right:2rem; line-height:inherit; }
.btn-data-link:after { content:""; position:absolute; top:0.7rem; right:0.6rem; width:0.6rem; height:0.6rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(135deg); }
body[data-box-sticky="true"] .plan-tab-box { position:fixed; top:calc(var(--safe-top) + var(--headHgt)); left:2.4rem; margin:0; width:calc(100% - 4.8rem); z-index:10; }
body[data-box-sticky="true"].sc-down .plan-tab-box { top:calc(var(--safe-top) + 1.6rem); }
body[data-box-sticky="true"] .item-plan { border-radius:1.6rem; }
body[data-box-sticky="true"] .item-plan .plan-box { padding:0; }
body[data-box-sticky="true"] .item-plan .plan-box .tit-area { padding:0; background:none; }
body[data-box-sticky="true"] .item-plan .plan-box .btn-plan-compare,
body[data-box-sticky="true"] .item-plan .plan-box .tit-area .tit,
body[data-box-sticky="true"] .item-plan .plan-box .tit-area .flag-plan,
body[data-box-sticky="true"] .item-plan .list-detail { display:none; }
body[data-box-sticky="true"] .item-plan .plan-box .tit-area .price { position:absolute; top:50%; right:2.3rem; margin:0; padding:0 7rem 0 46%; max-width:100%; line-height:2rem; font-size:1.8rem; transform:translateY(-50%); }
body[data-box-sticky="true"] .item-plan .btn-total-more-view { --color:#fff; --border:rgba(255,255,255,0.2); display:block; position:relative; padding:1.9rem 2.3rem; width:100%; color:var(--color); line-height:2rem; font-size:1.4rem; text-align:left; z-index:1; }
body[data-box-sticky="true"] .item-plan .btn-total-more-view span { position:absolute; top:50%; right:2.4rem; padding:0 0.7rem; line-height:1.8rem; font-size:1.2rem; font-weight:bold; border-radius:0.8rem; border:1px solid var(--border); transform:translateY(-50%); }
body[data-box-sticky="true"] .item-plan { margin-bottom:0; }
body[data-box-sticky="true"] .item-plan[data-theme="kakao"] .plan-box { background-image:linear-gradient(to bottom, rgba(134,102,41,0) -14%, #041236 67%); }
body[data-box-sticky="true"] .item-plan[data-theme="bank"] .plan-box { background-image:linear-gradient(to bottom, rgba(208,81,198,0) -9%, #041236 67%); }
body[data-box-sticky="true"] .item-plan[data-theme="similar"] .plan-box { background-image:linear-gradient(to bottom, rgba(1,0,18,0) 7%, #041236 67%); }
.tab-step { padding:0.4rem; border-radius:1.6rem; background-color:#2b4061; }
.tab-step ul { --speed:0.3s; display:flex; position:relative; --margin:0.5rem; --width:calc((100% / 3) - (1rem / 3)); }
.tab-step ul:before { content:""; position:absolute; top:0; left:calc(var(--width) * var(--activeNumber) + var(--margin) * var(--activeNumber)); width:var(--width); height:100%; border-radius:1.6rem; background:var(--brand-color2); transition:left var(--speed) ease 0s; }
.tab-step li { flex:1; }
.tab-step li + li { margin-left:var(--margin); }
.tab-step li a { display:flex; justify-content:center; align-items:center; position:relative; padding:1.3rem 1.2rem 1.5rem 1.2rem; color:#fff; line-height:1.6rem; font-size:1.4rem; font-weight:bold; border-radius:1.6rem; transition:color var(--speed) ease 0s; }
.tab-step .active a { color:#000; }
.tab-step li a:before { content:attr(title); position:absolute; top:-1.3rem; left:50%; padding:0.1rem 0.9rem 0 0.9rem; color:#000; line-height:1.7rem; font-size:1.1rem; border-radius:0.9rem; background:#fff; transform:translateX(-50%); opacity:0; transition:opacity var(--speed) ease 0s; }
.tab-step .unconfirmed a:before { opacity:1; }
.plan-tab-cont { padding-top:2rem; }
.tab-cont.ty-mg > .sec-data:first-child { margin-top:0; }
.alert-info { display:none; margin-top:0.4rem; padding:0 2.4rem; color:#d61313; font-size:1.1rem; }
input:checked + * + .alert-info { display:block; }
.cont-mes8 + .cont-mes19,
.cont-mes18 + .cont-mes19 { margin-top:1.6rem; }
.cont-mes18 { line-height:2.4rem; font-size:1.8rem; }
.cont-mes19.ty-wt { color:#fff; font-weight:300; }
.cont-mes19 { color:rgba(0,0,0,0.5); line-height:2rem; font-size:1.4rem; }
.cont-mes19 .point { color:var(--brand-color2); }
.sec-data { margin-top:2.4rem; border-radius:1.6rem; background:var(--brand-color5); overflow:hidden; }
.sec-data + .sec-data { margin-top:4rem; }
.sec-data + .ty-connet { margin-top:1.2rem; }
.tit-area-sec { display:flex; flex-wrap:wrap; padding:1.6rem 2.4rem; background-color:var(--brand-color6); }
.tit-area-sec .flag-txt2 { margin-left:auto; }
.tit-sec { color:#fff; line-height:2rem; font-size:1.6rem; font-weight:300; }
.car-number { margin-left:auto; color:var(--brand-color2); line-height:2rem; font-size:1.4rem; font-weight:bold; }
.car-data-infor { line-height:2rem; font-size:1.4rem; }
.car-name { display:block; margin-bottom:0.3rem; font-size:1.6rem; }
.cont-area-sec + .cont-area-sec { padding-top:0.8rem; border-top:1px solid var(--brand-font3); }
.cont-area-sec { padding:0 2.4rem; }
.cont-area-sec .list-data-sec { padding:0.8rem 0; }
.list-data-sec.empty { padding:0; }
.list-data-sec > li + li { border-top:1px solid rgba(255,255,255,0.16); }
.sec-info { margin-top:4rem; }
.sec-info > *:first-child { margin-top:0; }
.sec-info > .fm-chk5-g:first-child { padding-top:0; }
.tit-sec-s { line-height:2rem; font-size:1.6rem; }
.tit-sec-s + [class*="txt-dsc"] { margin-top:1.2rem; }
.txt-dsc { display:block; color:rgba(255,255,255,0.5); line-height:1.8rem; font-size:1.2rem; }
.txt-dsc3 { display:block; color:rgba(255,255,255,0.5); line-height:2rem; font-size:1.4rem; }
.color-wt { color:#fff !important; }
.flag-txt + .txt-dsc2 { margin-top:1rem; }
.info-data-col { padding:2.4rem 0; }
.info-data-col > dt { line-height:2rem; font-size:1.6rem; font-weight:bold; }
.info-data-col > dt .txt-dsc { margin-top:0.4rem; line-height:1.4rem; font-weight:300; }
.info-data-col > dd { margin-top:2rem; }
.info-data-col > dd .fm-chk7-g { justify-content:flex-start; }
.info-data-col > dd .fm-chk7-g > *:not(:last-child) { margin-right:auto; }
.info-data-col > dd .fm-chk7-g > * { flex:1; }
.info-data-col > dd .fm-chk7-g > *:nth-child(2) { flex:1.3; }
.fm-chk7.ty-b > input:checked + .fm-chk-lb:before { background-color:var(--brand-colorBE1); }
.fm-chk7.ty-b > input:disabled + .fm-chk-lb:before { --px:2px; --px2:5px; background:repeating-linear-gradient( -60deg, var(--brand-colorBE1), var(--brand-colorBE1) var(--px), var(--colorWO08) var(--px), var(--colorWO08) var(--px2) ); }
.fm-txt12 { margin-top:2rem; color:var(--brand-color2); line-height:1.8rem; font-size:1.2rem; }
.fm-txt-point { margin-top:2rem; color:var(--brand-color2); line-height:2rem; font-size:1.4rem; }
.tb-data2.ty-n tbody > tr > * { padding:2.4rem 0; vertical-align:top; }
.tb-data2.ty-n tbody > tr > th { color:rgba(255,255,255,0.5); text-align:left; }
.tb-data2.ty-n tr { display:table-row; }
.tb-data2.ty-n tbody tr { padding:0; }
.tb-data2.ty-n tbody td { padding:var(--spc6) 0; }
.tb-data2.ty-n .tb-point { padding:0; }
.tb-data2.ty-n .no-line-before > * { padding-bottom:0; }
.tb-data2.ty-n .no-line { border-top-color:transparent; }
.tb-data2.ty-n .no-line > * { padding-top:0.8rem; padding-bottom:0.8rem; }
.tb-data2.ty-n .no-line.ty-first > * { padding-top:2.4rem; }
.tb-data2.ty-n .no-line.ty-last > * { padding-bottom:2.4rem; }
.tb-data2.ty-n .no-line-n { border-top-color:transparent; }
.tb-data2.ty-n .no-line-n > * { padding-top:1.2rem; padding-bottom:1.2rem; }
.tb-data2.ty-n .no-line-n:first-child > * { padding-top:2.4rem; }
.tb-data2.ty-n .no-line-n:last-child > * { padding-bottom:2.4rem; }
.info-data-col .tooltip { margin:-0.2rem 0 0 0; }
.info-data-col .tooltip:before { color:var(--brand-font1); }

/* 보험가입 > 보험료확인 (가입정보) > 팝업: 보험료 내역 요약 */
.summary-details { position:relative; margin-top:3.2rem; padding:0.4rem 0; }
.summary-details:before,
.summary-details:after { content:""; position:absolute; top:0; left:0; width:100%; height:0.5rem; background:url("../../img/b/car/ins/bg-paper-repeat.png") repeat-x center 0; background-size:auto 100%; }
.summary-details:after { top:auto; bottom:0; transform:rotate(180deg); }
.summary-details-wrap { padding:3.6rem 2.4rem; color:#000; background:url("../../img/b/car/ins/bg-paper.jpg") repeat center; background-size:contain; }
.sec-summary-details + .sec-summary-details { margin-top:3.2rem; padding-top:3.2rem; border-top:1px solid rgba(0,0,0,0.12); }
.hide + .list-summary { margin:0; }
.list-summary { margin-top:2.4rem; }
.list-summary > li + li { margin-top:2rem; }
.dbl-summary { display:flex; flex-wrap:wrap; align-items:center; line-height:2rem; font-size:1.4rem; }
.dbl-summary > * { width:50%; }
.dbl-summary > dt { margin-right:auto; color:rgba(0,0,0,0.5); }
.dbl-summary > dt em { color:initial; }
.dbl-summary > dd { color:var(--brand-color1); font-size:1.6rem; font-weight:bold; text-align:right; }
.dbl-summary > .del { color:rgba(0,0,0,0.4); font-size:1.4rem; font-weight:normal; text-decoration:line-through; }
.dbl-summary > .ins { color:#d61313; font-size:1.4rem; }

/* 보험가입 > 보험료확인 (가입정보) > 운전자범위 변경 */
.list-driver-range { margin:0 -2.4rem; padding-top:2.4rem; }
.list-driver-range > li { display:none; text-align:center; }
.list-driver-range > .active { display:block; }
.list-driver-range img { max-width:400px; width:100%; vertical-align:top; }
.list-driver-range + .c-head2,
.c-head2 + .fm-chk48-g { margin-top:1.6rem; }
.fm-chk48-g.n3 { margin:1.2rem -0.4rem -0.4rem -0.4rem; }
.fm-chk48-g.n3 .fm-chk48 { flex:unset; margin:0; padding:0.4rem; width:calc(100% / 3); }
.fm-chk48-g.n3 .fm-chk48:nth-child(1),
.fm-chk48-g.n3 .fm-chk48:nth-child(2),
.fm-chk48-g.n3 .fm-chk48:nth-child(3) { margin-top:0; }
.fm-chk48-g.n3 .fm-chk48:nth-child(3n) { margin-right:0; }
.fm-chk48.ty-s { height:auto; }
.fm-chk48.ty-s .fm-chk-lb { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:4.8rem; color:#fff; line-height:1.6rem; font-size:1.4rem; font-weight:300; border-color:transparent; background:rgba(0,0,0,0.4); }
.fm-chk48.ty-s .fm-chk-lb .sm { display:block; font-size:1.2rem; }
.fm-chk48.ty-s input:checked + .fm-chk-lb { font-weight:bold; }
.fm-chk48.ty-s input:disabled + .fm-chk-lb { font-weight:bold; background:repeating-linear-gradient(-60deg, #3c517b, #3c517b 4px, #2c3065 4px, #2c3065 10px); }
.driver-range-cont { margin-top:4rem; }
.driver-range-cont > *:first-child { margin-top:0; }
.box .bul-txt .btn-ins-view { line-height:2.4rem; letter-spacing:-0.3px; }
.bul-txt.ty-24 > li { line-height:2.4rem; }
.bul-txt.ty-24 > li:before { top:1rem; }

/* 보험가입 > 보험료확인 (가입정보) > 추가부속품 */
.c-title3 { display:inline-block; vertical-align:top; }
.c-title3 + .list-row-item { margin-top:0.2rem; }
.list-row-item { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list-row-item > li { display:inline-block; line-height:2rem; font-size:1.4rem; vertical-align:top; }
.btn-wrap.ty-first { padding-top:4.8rem; }
.btn-add-item { display:flex; justify-content:center; align-items:center; width:100%; min-height:5.6rem; color:rgba(255,255,255,0.9); line-height:2rem; font-size:1.6rem; border-radius:1.6rem; border:1px dashed rgba(255,255,255,0.4); }
.btn-add-item:before { content:'\e82a'; display:inline-block; margin-right:0.8rem; width:2.4rem; height:2.4rem; line-height:2.2rem; font-family:var(--fontIco); font-size:1.6rem; border:1px solid rgba(255,255,255,0.36); border-radius:50%; vertical-align:middle; box-sizing:border-box; }
.list-data-item { margin-top:3.2rem; }
.list-data-item > li + li { margin-top:2.4rem; }
.list-data-item > li .data-box { margin:0; }
.c-title3.ty-link { display:inline-block; position:relative; padding-right:2.4rem; max-width:calc(100% - 6rem); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top; }
.c-title3.ty-link:after { content:""; position:absolute; top:0.8rem; right:0.8rem; width:0.7rem; height:0.7rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(135deg); }
.data-box .info-data6 + .info-data6 > * { padding-top:0.8rem; }
.data-box.ty-item { display:flex; flex-direction:column; min-height:12.4rem; }
.data-box.ty-item .cont { margin-top:auto; }
.btn-delete-data-item { position:absolute; top:0.8rem; right:0.8rem; width:2rem; height:2rem; }
.btn-delete-data-item:before { content:'\e846'; display:block; width:100%; height:100%; color:#000; line-height:1; font-family:var(--fontIco); font-size:2rem; border-radius:50%; background:#fff; box-sizing:border-box; transform:rotate(45deg); }
.fm-item-area + .fm-item-area { margin-top:4rem; padding-top:4rem; border-top:1px solid rgba(255,255,255,0.16); }
.fm-item-area > *:first-child { margin-top:0; }
.unit, .unit2 { color:rgba(255,255,255,0.6); line-height:2rem; font-size:1.6rem; }
.unit2 { font-size:1.4rem; }
.fm-unit[class*="ty-unit"] > [class*="unit"] { position:absolute; top:50%; right:1.6rem; transform:translateY(-50%); }
.fm-unit.ty-unit .fm-ipt { padding-right:4.5rem; }
.fm-unit.ty-unit2 .fm-ipt { padding-right:6rem; }
.fm-unit.ty-unit3 .fm-ipt { padding-right:5.3rem; }
.etc-accessories { padding:2.4rem 0 4rem 0; }
.etc-accessories .btn-wrap + .fm-item { margin:0; }
.btn-txt-line { line-height:2rem; font-size:1.2rem; text-decoration:underline; }
.fm-ipt.ty-s { font-size:1.4rem; }
.fm-ipt.ty-reset { padding-right:4.5rem; }
.fm-item.fm-valuein .fm-ipt.ty-reset { background-color:var(--brand-color1); }
.fm-item.fm-valuein .btn-inp-delete { display:block; }
.btn-inp-delete { display:none; position:absolute; top:50%; right:1.6rem; width:1.6rem; height:1.6rem; transform:translateY(-50%); }
.btn-inp-delete:before { content:'\e805'; display:block; width:100%; height:100%; color:#fff; line-height:1.6rem; font-family:var(--fontIco); font-size:1rem; font-weight:bold; border-radius:50%; background:#000; box-sizing:border-box; }
.fm-ipt.ty-mask { position:absolute; top:0; left:0; width:100%; line-height:4.8rem; cursor:pointer; }
.date-wrap.ty-ym > div { width:39.11%; }

/* 보험가입 > 보험료확인 (할인특약) */
.tb-data2.ty-n .tb-txt1 { display:inline-block; font-weight:bold; }
.tb-data2 .tooltip { margin:0; }
.tb-data2 .tooltip:before { color:inherit; }
[class*="ty-applicable-"] .tb-data2.ty-n tbody > tr > * { padding:2.0rem 0; height:6.8rem; vertical-align:middle; }
[class*="ty-applicable-"] .tb-data2.ty-n .tb-txt1 { font-weight:300; }
.ty-applicable-not .tb-data2.ty-n tbody > tr > * { opacity:0.6; }
.ty-applicable-not .btn-option-change { display:none; }
.ty-applicable-not .txt-dsc2 { color:rgba(255,255,255,0.5); }
[class*="ty-applicable-"] .pop-tooltip-area .pop-tooltip.ty-s { right:-1.7rem; }
.tit-flag-area { padding-top:2.4rem; }
.flag-txt.ty20 { color:var(--brand-color2); line-height:2.1rem; border:1px solid var(--brand-color2); background:transparent; }
.flag-txt.ty21 { color:var(--colorWO5); line-height:2.1rem; border:1px solid var(--colorWO5); background:transparent; }
.btn-option-change { position:relative; width:var(--size); height:var(--size); --size:3.2rem; }
.btn-option-change:before { content:'\e82a'; display:block; width:100%; height:100%; line-height:calc(var(--size) - 0.2rem); font-family:var(--fontIco); font-size:2.4rem; border:1px solid var(--brand-font1); opacity:0.36; border-radius:50%; box-sizing:border-box; }
.fm-field > legend + .fm-chk5-g, .fm-field > .fm-chk5-g:first-child { margin-top:0; }
.brand-drive .header > h1 .tooltip:before,
.brand-drive .box .tooltip:before { color:#fff; }
.box .bul-txt > .ty-tooltip .btn-ins-view { padding-right:3rem; }
.box .bul-txt > .ty-tooltip .btn-ins-view:after { position:absolute; top:0; right:0; margin:0; }
.tb-data2 .point { color:var(--brand-color2); }
.tb-data2 .point-red { color:var(--color2); }
.tb-data2 .point.blt-star { display:inline-block; margin-top:0.4rem; font-size:1.4rem; vertical-align:top; }
.txt14s { line-height:2rem; font-size:1.4rem; }
.fm-cont > .item-view { margin-top:0; }
.fm-item + .box.ty-data { margin-top:3.2rem; }
.box.ty-data > .btn-wrap:last-child { padding-bottom:3.2rem; }
.ins-view > .insv-title2:first-child { margin-top:0; }
.btn-ins-view:after { color:inherit; }
.insv-title2.cmgt:before { content:'| '; }
.data-ready-dsc { padding:2.4rem 0; line-height:1.8rem; font-size:1.4rem; font-weight:bold; }
.bl-box { border-left:1px solid var(--brand-font3); }
.bl-box .btn-option-change { margin:-1rem 0; padding:1rem 0 1rem 2rem; box-sizing:content-box; }

/* 보험가입 > 보험료확인 (할인특약) > 특약 */
.box.ty-data:first-child { margin-top:0; }
.box.ty-data + .box.ty-data { margin-top:2rem; }
.box.ty-data { padding:0 2.4rem; }
.box.ty-data .tb-data2 thead th { font-weight:300; }
.box.ty-data .tb-data2 tbody .btm-line { border-bottom:1px solid var(--brand-font3); }

/* 보험가입 > 보험료확인 (보장내용) */
.btn-toggle-area { padding-bottom:2rem; }
.fm-chk-toggle { display:block; position:relative; }
.fm-chk-toggle input { position:absolute; top:0; width:100%; height:100%; opacity:0; left:0; }
.fm-chk-toggle .fm-chk-lb { display:block; position:relative; padding:2rem 8rem 2rem 2rem; line-height:1.6rem; font-size:1.4rem; border-radius:1.6rem; border:1px solid rgba(255,255,255,0.16); background:linear-gradient(to right, #24285c, #09346f); cursor:pointer; box-sizing:border-box; align-items:center; transition:all 0.2s ease-in-out; }
.fm-chk-toggle .fm-chk-lb:before,
.fm-chk-toggle .fm-chk-lb:after { content:''; position:absolute; top:50%; right:2rem; background:#fff; box-sizing:border-box; transition:all 0.2s ease-in-out; }
.fm-chk-toggle .fm-chk-lb:before { margin-top:-0.8rem; width:4.4rem; height:1.6rem; border-radius:0.8rem; box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,0.28); opacity:0.2; }
.fm-chk-toggle .fm-chk-lb:after { right:4rem; margin-top:-1.2rem; width:2.4rem; height:2.4rem; border-radius:50%; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.4); z-index:3; }
.fm-chk-toggle .fm-chk-lb .point { display:block; margin-bottom:0.2rem; color:var(--brand-color2); line-height:1.4rem; font-size:1.2rem; }
.fm-chk-toggle input:checked + .fm-chk-lb { border-color:rgba(131,136,255,0.44); box-shadow:0 0 1.6rem 1px rgba(158,255,188,0.28); }
.fm-chk-toggle input:checked + .fm-chk-lb:after { right:2rem; }
.fm-chk-toggle input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); opacity:1; box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,0.28), 1px 1px 6px 0 rgba(158,255,188,0.6); }
.fm-chk-toggle > input:disabled + .fm-chk-lb { color:var(--colorWO24); }
.fm-chk-toggle > input:disabled + .fm-chk-lb:after { opacity:0.8; }
[class*="sec-bx-option"] + [class*="sec-bx-option"] { margin-top:2.4rem; }
[class*="sec-bx-option"] { position:relative; padding:2.4rem; border-radius:1.6rem; background-color:#202857; background-repeat:no-repeat; background-size:31.2rem auto; background-position:right 0; }
[class*="sec-bx-option"].ty-line { margin-top:8.1rem; }
[class*="sec-bx-option"].ty-line:before { content:""; position:absolute; top:-4.1rem; left:0; width:100%; height:1px; background:#fff; opacity:0.16; }
.sec-bx-option01 { background-image:url("../../img/b/car/ins/bg-plan-state01.png"); }
.sec-bx-option02 { background-image:url("../../img/b/car/ins/bg-plan-state02.png"); }
.sec-bx-option03 { background-image:url("../../img/b/car/ins/bg-plan-state03.png"); }
.sec-bx-option04 { background-image:url("../../img/b/car/ins/bg-plan-state04.png"); }
.sec-bx-option05 { background-image:url("../../img/b/car/ins/bg-plan-state05.png"); }
.sec-bx-option06 { background-image:url("../../img/b/car/ins/bg-plan-state06.png"); }
.sec-bx-option07 { background-image:url("../../img/b/car/ins/bg-plan-state07.png"); }
.sec-bx-option08 { background-image:url("../../img/b/car/ins/bg-plan-state08.png"); }
.tit-bx { line-height:2.4rem; font-size:1.8rem; }
.tit-bx .btn-ins-view { position:relative; width:100%; line-height:inherit; }
.tit-bx .btn-ins-view:after { position:absolute; top:-0.1rem; right:-0.3rem; font-weight:normal; }
.cont-area-bx { margin-top:4rem; }
.cont-area-bx > *:first-child { margin-top:0; }
.cont-area-bx > * + * { margin-top:1.6rem; }
.state-box { min-height:2.5rem; }
.state-etc-infor { margin-left:-1.2rem; margin-right:-1.2rem; text-align:right; }
.state-etc-infor.al { padding:0 1.2rem; }
.state-etc-infor.al + * { margin-top:0.8rem; }
.state-etc-infor.al .txt-em { color:#fff; font-weight:bold; }
.txt-em { color:rgba(255,255,255,0.3); line-height:1.6rem; font-size:1.2rem; }
.pop-tooltip.ty-state + * { margin-top:1.2rem; }
.pop-tooltip.ty-state { display:inline-block; position:relative; padding:0.3rem 0.8rem; width:auto; white-space:nowrap; line-height:1.5rem; font-size:1.1rem; font-weight:bold; border-radius:0.5rem; background-color:var(--brand-color2); vertical-align:top; }
.pop-tooltip.ty-state:before { content:""; position:absolute; bottom:-0.7rem; left:1rem; border:0.3rem solid transparent; border-left-width:0.5rem; border-left-color:var(--brand-color2); transform:rotate(-270deg); }
.pop-tooltip.ty-state > a { cursor:none; pointer-events:none; }
.pop-tooltip.ty-state > a:not(.is-link) span { display:none; }
.pop-tooltip.ty-state > .is-link { padding-right:1.2rem; cursor:pointer; pointer-events:all; }
.pop-tooltip.ty-state > .is-link:before { content:""; position:absolute; top:50%; right:1rem; margin-top:-0.3rem; width:0.4rem; height:0.4rem; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(135deg); }
.percent-point-infinity { display:block; width:100%; height:8rem; background:url("../../img/b/car/ins/img-txt-99.png") no-repeat 0 center; background-size:auto 100%; }
.plan-chart ol { padding-right:6.4rem; min-height:7.6rem; }
.plan-chart li + li { margin-top:0.8rem; }
.plan-chart li { position:relative; padding:0.7rem 0; }
.plan-chart li div { display:block; height:0.6rem; border-radius:0 0.3rem 0.3rem 0; background-image:linear-gradient(to left, #fff, rgba(255,255,255,0)); opacity:0.3; }
.plan-chart li strong { position:absolute; top:0; left:100%; padding-left:0.8rem; line-height:2rem; font-size:1.4rem; white-space:nowrap; box-sizing:border-box; }
.plan-chart li span { display:inline-block; font-size:1.2rem; vertical-align:top; }
.plan-chart li:nth-child(1) div { background-image:linear-gradient(to left, #fff, #9effbc 23%, rgba(22,88,154,0)); opacity:1; }
.plan-chart li:nth-child(1) strong { font-size:1.6rem; }
.plan-graph { position:relative; --left:5.4rem; --bottom:4.4rem; --txtHeight:2.2rem; padding-bottom:var(--bottom); }
.plan-graph .options > dd + dd { margin-top:1.4rem; }
.plan-graph .options > dd { position:relative; color:rgba(255,255,255,0.5); line-height:1.4rem; font-size:1.1rem; }
.plan-graph .options > dd:before { content:""; position:absolute; top:50%; left:5.4rem; width:calc(100% - var(--left)); border-top:1px dashed rgba(255,255,255,0.12); }
.plan-graph .items { display:flex; flex-wrap:wrap; position:absolute; top:0; left:0; padding:0.7rem 0 var(--txtHeight) var(--left); width:100%; height:100%; }
.plan-graph .items > dt { position:absolute; left:var(--left); bottom:var(--txtHeight); width:calc(100% - var(--left)); height:1px; background:rgba(255,255,255,0.2); }
.plan-graph .items > dd { display:flex; flex:1; justify-content:end; flex-direction:column; align-items:center; position:relative; color:rgba(255,255,255,0.4); line-height:1.4rem; font-size:1.2rem; font-weight:bold; }
.plan-graph .items > dd:before { content:""; display:block; width:3.2rem; height:var(--height); border-radius:0.8rem 0.8rem 0 0; background:rgba(255,255,255,0.2); }
.plan-graph .items > dd span { position:absolute; bottom:calc(var(--txtHeight) * -1); }
.plan-graph .items > .crown span { padding:0 1.6rem; color:var(--brand-color2); background:url("../../img/b/car/ins/icon-crown-wt.png") no-repeat left 100% top 50%; background-size:1.2rem; }
.plan-graph .items > .crown:before { background:var(--brand-color2); }
.item-option-choice { margin:1.6rem -1.2rem -1.2rem -1.2rem; }
.item-option-choice.ty-group { padding:0.8rem; border-radius:2rem; background:var(--brand-bg); }
.item-option-choice.ty-group .item-option { padding-left:1.2rem; padding-right:1.2rem; }
.item-option + .item-option { margin-top:0.8rem; }
.item-option { display:flex; flex-wrap:wrap; padding:1.7rem 2rem; min-height:5.6rem; line-height:2rem; font-size:1.4rem; border-radius:1.6rem; border:1px solid transparent; background:var(--brand-bg); }
.item-option > * + * { margin-left:auto; }
.item-option > * { display:flex; }
.item-option > .cont { position:relative; max-width:60%; text-align:right; }
.item-option > p { display:block; flex:1; color:rgba(255,255,255,0.5); text-align:center; }
.item-option .flag-txt2 { margin-left:0.9rem; }
.item-option .cont > strong { color:rgba(255,255,255,0.6); font-weight:normal; cursor:pointer; pointer-events:all; }
.item-option .cont .point { color:var(--brand-color2); font-weight:700; }
.item-option .pop-tooltip.ty-s { --right:2.6rem; right:50%; top:-5rem; margin-right:var(--right); min-width:9rem; transform:translateX(50%); }
.item-option .pop-tooltip.ty-s .arrow { right:50%; margin-right:calc(var(--right) * -1); transform:translateX(50%); }
.item-option .dsc { margin-top:1.8rem; padding-top:2rem; width:100%; font-weight:200; border-top:1px solid rgba(255,255,255,0.16); }
.item-option .pop-tooltip.ty-state { position:absolute; top:-3.4rem; right:-1.2rem; }
.item-option .pop-tooltip.ty-state:before { left:50%; margin-left:-0.3rem; }
.flag-txt5.ty4 { color:#fff; background:var(--brand-color1); }
.flag-txt2.ty4 { padding:0 0.7rem; min-width:3.8rem; height:2rem; line-height:1.8rem; border-radius:0.8rem; border:1px solid rgba(255,255,255,0.2); background:transparent; }
.txt-rq { font-weight:bold; }
.txt-rq span { margin-right:0.8rem; color:rgba(255,255,255,0.5); font-size:1.2rem; font-weight:normal; }
.item-option[data-type="super"] { border-color:var(--brand-color1); }
.item-option[data-type="super"] .flag-txt2.ty4 { color:var(--brand-color2); border-color:var(--brand-color2); }
.item-option[data-type="multiple"] { border-color:rgba(255,255,255,0.12); }
.item-option[data-type="disabled"],
.item-option[data-type="maximum"] { background:repeating-linear-gradient( -60deg, rgba(60,81,123,0.4), rgba(60,81,123,0.4) 4px, #2c3065 4px, #2c3065 10px ); }
.item-option[data-type="maximum"] .flag-txt2 { display:none; }
.item-option[data-type="active"] { background:var(--brand-color1); }
.sec-info.ty-box > .sec-data { margin-top:1.6rem; }
.sec-info.ty-box > .sec-data + .sec-data { margin-top:1.2rem; }
.sec-info.ty-box .list-data-sec:not(.empty) { padding:0.4rem 0; }
.dbl { display:flex; padding:1.6rem 0; height:6rem; align-items:center; }
.dbl > * { line-height:1.8rem; font-size:1.4rem; }
.dbl .btn-ins-view:after { vertical-align:top; }
.dbl > dt + dd { margin-left:auto; }
.dbl > dd { margin-left:1.2rem; text-align:right; }
.dbl .point { color:var(--brand-color2); }
.btn-delete-item { width:2rem; height:2rem; background:url("../../img/b/car/com/icon-recycle-bin.svg") no-repeat center; background-size:cover; vertical-align:top; }
.list-data-sec-rec { margin-top:2rem; }
.list-data-sec-rec > li + li { margin-top:1.6rem; }
.list-data-sec-rec > .ty-chk { padding:0 5.7rem 0 0; }
.list-data-sec-rec > .ty-chk:before { content:""; position:absolute; top:0; right:5.6rem; width:1px; height:100%; background:#fff; opacity:0.16; box-sizing:border-box; }
.list-data-sec-rec > .ty-chk .li-wrap { position:relative; padding:2.4rem 1rem 2.4rem 2.4rem; z-index:1; }
.list-data-sec-rec > li { position:relative; padding:2.4rem; border-radius:1.6rem; background:var(--brand-color5); }
.list-data-sec-rec > li .flag-area + * { margin-top:1.2rem; }
.list-data-sec-rec > li .tit { display:block; line-height:2rem; font-size:1.6rem; font-weight:bold; }
.list-data-sec-rec > li .tit .btn-ins-view { display:block; line-height:inherit; }
.list-data-sec-rec > li .tit .btn-ins-view:after { font-weight:normal; vertical-align:top; }
.list-data-sec-rec > li .txt { display:inline-block; margin-top:0.8rem; color:#fff; line-height:2rem; font-size:1.4rem; font-weight:300; opacity:0.6; }
.fm-chk-rec { position:absolute; top:0; left:0; width:100%; height:100%; }
.fm-chk-rec > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk-rec .fm-chk-lb { display:block; height:100%; border-radius:1.6rem; border:2px solid transparent; }
.fm-chk-rec .fm-chk-lb:before,
.fm-chk-rec .fm-chk-lb:after { --size:3.2rem; position:absolute; top:50%; box-sizing:border-box; }
.fm-chk-rec .fm-chk-lb:before { content:'\e82a'; right:1.2rem; margin-top:calc(var(--size) / 2 * -1); width:var(--size); height:var(--size); line-height:var(--size); font-family:var(--fontIco); font-size:2.4rem; border:1px solid rgba(255,255,255,0.36); border-radius:50%; text-align:center; }
.fm-chk-rec .fm-chk-lb:after { right:2.2rem; margin-top:-0.1rem; width:1.3rem; height:0.6rem; border:1px solid var(--brand-color2); border-top:0 none; border-right:0 none; transform:rotate(-45deg) translateY(-50%); transform-origin:top; }
.fm-chk-rec > input:checked + .fm-chk-lb { border-color:var(--brand-color2); }
.fm-chk-rec > input:checked + .fm-chk-lb:before { content:""; border-color:rgba(158,255,188,0.36); }
.fm-chk-rec > input:checked + .fm-chk-lb:after { content:""; }

/* 보험가입 > 보험료확인 (보장내용) - 팝업: 옵션 */
.pop-modal article .pop-container.ty-over-flag { margin-top:2.7rem; }
.pop-container.ty-over-flag > *:first-child { padding-top:0.5rem; }
.fm-chk2.ty-s .fm-chk-lb { display:flex; align-items:center; padding:0 2.4rem; line-height:2rem; font-size:1.4rem; }
.fm-chk2.ty-s .fm-chk-lb:after { display:none; }
.fm-chk2.ty-s .fm-chk-lb .tit { margin-right:auto; font-weight:bold; }
.fm-chk2.ty-s .fm-chk-lb .txt { text-align:right; }
.fm-chk2.ty-s .fm-chk-lb .txt span { display:block; color:rgba(0,0,0,0.5); font-size:1.2rem; font-weight:normal; }
.fm-chk2.ty-s input:checked + .fm-chk-lb .txt span { display:none; }
.fm-chk-flags { display:flex; position:absolute; top:-0.5rem; left:1.2rem; }
.fm-chk-flags > *:not(:last-child) { margin-right:0.8rem; }
.flag-txt5.ty2 { background:#fa7bff; }
.flag-txt5.ty-pick:before { content:""; display:inline-block; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url("../../img/b/car/ins/icon-crown-bk.png") no-repeat 0 0; background-size:100%; vertical-align:-0.2rem; }
.btn-cmc.ty-flex { display:flex; align-items:center; font-size:1.6rem; }
.btn-cmc.ty-flex > *:first-child { margin-right:auto; }
.btn-cmc.ty-flex .tit { color:rgba(0,0,0,0.5); font-size:1.2rem; font-weight:normal; }
.btn-cmc.ty-flex .txt span { margin-left:1.2rem; }
.tit-dsc + * { margin-top:1.2rem; }
.tit-dsc { color:rgba(0,0,0,0.5); line-height:1.6rem; font-size:1.2rem; font-weight:normal; }
.btn-more-list { position:relative; margin-top:1rem; padding:0 2.4rem; width:100%; line-height:5.4rem; font-size:1.6rem; border-radius:2.4rem; border:1px solid #eee; background:#fff; }
.btn-more-list:before { content:"···"; display:inline-block; margin-right:0.4rem; padding-bottom:0.1rem; line-height:5.3rem; font-size:2rem; font-weight:bold; vertical-align:top; }

/* 보험가입 > 보험료확인 (보장내용) - 팝업: 미가입 안내 */
.list-infor:not(:first-child) { margin-top:1.4rem; }
.list-infor > li + li { margin-top:1.2rem; }
.blt-check { position:relative; padding-left:2.8rem; color:rgba(255,255,255,0.6); line-height:2rem; font-size:1.4rem; }
.blt-check:before { content:"\e806"; position:absolute; top:0; left:0; width:2.0rem; height:2.0rem; color:rgba(255,255,255,0.2); line-height:2rem; font-family:var(--fontIco); font-size:2rem; }

/* 보험가입 > 보험료확인 (보장내용) - 팝업: 도움말 */
.ins-view > [class*="ins-view-head-bg"]:first-child { margin-top:-4rem; }
[class*="ins-view-head-bg"] { --padding:2.4rem; position:relative; margin:0 calc(var(--padding) * -1); padding:4rem var(--padding) 3.2rem var(--padding); }
[class*="ins-view-head-bg"] .insv-title { margin:0; }
[class*="ins-view-head-bg-car"]:before { content:""; position:absolute; bottom:0; left:var(--padding); width:calc(100% - var(--padding)); height:2px; background:#ddd; }
[class*="ins-view-head-bg-car"] { min-height:27.4rem; background-repeat:no-repeat; background-position:right bottom; background-size:contain; }
.ins-view-head-bg-car01 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car01.png"); }
.ins-view-head-bg-car02 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car02.png"); }
.ins-view-head-bg-car03 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car03.png"); }
.ins-view-head-bg-car04 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car04.png"); }
.ins-view-head-bg-car05 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car05.png"); }
.ins-view-head-bg-car06 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car06.png"); }
.ins-view-head-bg-car07 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car07.png"); }
.ins-view-head-bg-car08 { background-image:url("../../img/b/car/ins/ins-view-head-bg-car08.png"); }
[class*="ins-view-head-bg"] + .insv-txt { margin-top:3.2rem; }
.ins-view-head-bg + .insv-title2 { margin-top:0; }
.blt-em { position:relative; padding-left:1.6rem; }
.blt-em:before { content:"※"; position:absolute; top:0; left:0; }
.cont-mes19 + .insv-txt { margin-top:3.4rem; }
.list-vs + * { margin-top:4rem; }
.list-vs { display:flex; align-items:center; }
.list-vs > * + * { margin-left:auto; }
.list-vs > * { width:calc(50% - 1.6rem); }
.list-vs > .win { width:50%; }
.vs-infor { --borderColor:rgba(0,0,0,0.08); --backgroundColor:#f8f8f8; font-weight:bold; border-radius:1.6rem; border:1px solid var(--borderColor); background:var(--backgroundColor); text-align:center; overflow:hidden; }
.vs-infor > dt { padding:1.4rem 0 1.2rem 0; color:rgba(0,0,0,0.7); line-height:2rem; font-size:1.4rem; border-bottom:1px solid var(--borderColor); }
.vs-infor > dd { padding:1.2rem 0 1.6rem 0; color:rgba(0,0,0,0.6); line-height:1.6rem; font-size:1.2rem; }
.vs-infor li + li { margin-top:1.3rem; }
.vs-infor em { display:block; font-size:1.2rem; font-weight:normal; }
.vs-infor.win { --borderColor:#002f79; --backgroundColor:rgba(0,47,121,0.04); }
.vs-infor.win > * { color:#002f79; }
.vs-infor.win > dt { padding:1.9rem 0 1.6rem 0; font-size:1.6rem; border-color:transparent; background:#fff; }
.vs-infor.win > dd { padding:1.6rem 0 2rem 0; line-height:1.8rem; font-size:1.4rem; }
.vs-infor.win em { font-weight:300; }
.insv-txt .block + .block { margin-top:1.6rem; }
* + .sec-dsc-area, .sec-dsc + .sec-dsc { margin-top:2.4rem; }
.sec-dsc { --bg:#f8f8f8; padding:2.4rem 1.6rem; color:rgba(0,0,0,0.7); border-radius:1.6rem; background-color:var(--bg); }
.sec-dsc.ty-point { --bg:#f4f7fd; color:#002f79; }
.sec-dsc.ty-point .txt-money:before { background-image:url("../../img/b/car/ins/icon-money-won-blue.svg"); }
.tit-sec-dsc { line-height:2rem; font-size:1.4rem; }
.txt-sec-dsc { margin-top:0.4rem; line-height:2rem; font-size:1.4rem; }
.txt-sec-dsc + .txt-sec-dsc { margin-top:2rem; }
.chart-money { margin-top:2rem; line-height:1.4rem; font-size:1.2rem; text-align:center; }
.chart-money > dd { margin-top:2rem; }
.txt-money { display:inline-block; padding:0.4rem 1.8rem; line-height:2rem; font-size:1.2rem; border-radius:1.4rem; background-color:#fff; vertical-align:top; }
.txt-money:before { content:""; display:inline-block; margin-right:0.4rem; width:2rem; height:2rem; background:url("../../img/b/car/ins/icon-money-won-black.svg") no-repeat 0 0; background-size:100%; vertical-align:-0.6rem; }
.list-chart-row { --color01:#0e67b4; --color02:#00b0b7; --color03:#ff9d00; display:flex; position:relative; color:#888; line-height:1.4rem; font-size:1.2rem; }
.list-chart-row:before,
.list-chart-row:after { content:""; position:absolute; top:0; left:0; width:100%; height:1.6rem; border-radius:0.8rem; background:#888; }
.list-chart-row:after { clip-path:inset(0 calc(100% - var(--barWidth)) 0 0); background:linear-gradient(to right, var(--color01) 33.33%, var(--color02) 33.33%, var(--color02) 66.66%, var(--color03) 66.66%); }
.list-chart-row > li + li:after { content:""; position:absolute; top:0; left:0; width:1px; height:1.6rem; background-color:var(--bg); z-index:1; }
.list-chart-row > li { flex:1; position:relative; padding-top:2.4rem; }
.list-chart-row > li:before { display:none; content:""; position:absolute; top:0; left:0; width:100%; height:1.6rem; background-color:var(--color); }
.list-chart-row > li dfn { display:block; margin-bottom:0.4rem; font-weight:bold; }
.list-chart-row > .on:nth-child(1) { color:var(--color01); }
.list-chart-row > .on:nth-child(2) { color:var(--color02); }
.list-chart-row > .on:nth-child(3) { color:var(--color03); }
.list-chart-row > li:nth-child(1):before { border-radius:0.8rem 0 0 0.8rem; }
.list-chart-row > li:nth-child(3):before { border-radius:0 0.8rem 0.8rem 0; }
.car-data-infor .insv-bul { margin-top:0.4rem; padding-left:1.6rem; }
.car-data-infor .insv-bul > li + li { margin-top:0; }
.sec-dsc .state-etc-infor { margin:2rem 0 0 0; }
.sec-dsc .txt-em { color:rgba(0,0,0,0.5); }
.sec-dsc-area + .cont-mes4 { margin-top:1.6rem; }
.pop-wrap.tyw .cont-mes4 { color:#000; }

/* 보험가입 > 보험료확인 (보장내용) > 실손 중복 가입 */
.tb-data2 > table > tbody > tr > .ty-tit { color:#fff; line-height:2rem; font-size:1.6rem; font-weight:bold; }
.fm-chk1.ty-rt { display:inline-block; }
.fm-chk1.ty-rt.point .fm-chk-lb { color:var(--brand-color2); font-weight:bold; }
.fm-chk1.ty-rt .fm-chk-lb { padding:0 calc(var(--fm-chk1-size) + var(--spc3)) 0 0; }
.fm-chk1.ty-rt .fm-chk-lb:before, .fm-chk1.ty-rt .fm-chk-lb:after { left:auto; right:0; }
.box.ty-info { padding:2rem; }
.box.ty-info .bul-txt > dt { margin-bottom:0.8rem; line-height:2rem; font-size:1.4rem; }
.box.ty-info .bul-txt > dd { font-weight:300; }
.box.ty-info .bul-txt > dd + dd { margin:0.4rem 0 0 0; }
.btn-cmc.btn-c6 { color:#fff; border:1px solid var(--brand-color2); background:var(--brand-bg); }
.bul-txt.ty-bk > li { --brand-font1:#000; }
.bul-txt > li .dsc-box { margin-top:2.4rem; }
.dsc-box { padding:2rem; border-radius:1.6rem; background:#f8f8f8; }
.dsc-box > dl > dd { margin-top:1.2rem; }
.dsc-box > dl span { color:rgba(0,0,0,0.5); }
.area-btm.ty-total { flex-direction:column; align-items:unset; }
.area-btm.ty-total > * + * { margin-top:4rem; }
.area-btm.ty-total .btns { display:flex; }
.area-btm.ty-total .btns > * + * { margin-left:1.2rem; }
.area-btm.ty-total .btns > * { flex:1; }
.area-btm [class*="btn"].ty-s { flex:0.65; }
.total-box { padding:1.6rem 2.4rem; border-radius:1.6rem; background:#123472; }
.total-info { display:flex; align-items:center; line-height:2rem; font-size:1.4rem; }
.total-info > dt { color:rgba(255,255,255,0.6); }
.total-info > dd { margin-left:auto; color:var(--brand-color2); line-height:2.4rem; font-size:1.8rem; font-weight:bold; }

/* 보험가입 > 보험료확인 (보장내용) > 기타특약 */
.tab-cont-wrap { margin-top:4.8rem; }
.tab-cont-wrap .tab-cont > *:first-child { margin-top:0; }
.list-data10.ty-ch { margin-top:1.2rem; }
.list-data10.ty-ch:before { display:none; }
.list-data10.ty-ch .item:first-child { margin:0; }
.list-data10.ty-ch .item { margin-top:1.6rem; }
.list-data10.ty-ch .item.active [data-hidden="active"],
.list-data10.ty-ch .item.checked [data-hidden="checked"] { display:block; }
.list-data10.ty-ch .item.checked .ins-title { font-weight:bold; }
.list-data10.ty-ch [data-hidden] { display:none; }
.list-data10.ty-ch .info-data-title3 { position:relative; padding:1.6rem 2.4rem; }
.list-data10.ty-ch .info-data-title3 label { position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; }
.list-data10.ty-ch .info-data-title3 .fm-chk1 .fm-chk-lb { position:absolute; top:1.6rem; right:2.4rem; padding:0; width:2rem; height:2rem; }
.list-data10.ty-ch .info-data-title3 .ins-dsc { padding:2rem 0 0.5rem 0; }
.list-data10.ty-ch .info-data-title3 .ins-dsc .bul-txt > * { font-weight:300; }
.list-data10.ty-ch .info-data-title3 .btn-ins-view { position:relative; z-index:3; }
.list-data10.ty-ch .info-data-title3 .btn-ins-view:after { margin-top:-0.4rem; font-weight:normal; }
.list-data10.ty-ch .item.disabled .info-data-title3 label { background:repeating-linear-gradient( -60deg, rgba(60,81,123,0.4), rgba(60,81,123,0.4) 4px, #2e3264 4px, #2e3264 10px ); }
.list-data10.ty-ch .item.disabled .info-data-title3 .fm-chk-lb { opacity:0.4; }
.list-data10.ty-ch .item.disabled .info-data-title3 .ins-dsc .bul-txt > * { position:relative; z-index:2; }
.list-data10.ty-ch div.info-data6 { padding:2.4rem; }
.list-data10.ty-ch dl.info-data6 > * { line-height:2rem; }
.list-data10.ty-ch dl.info-data6 > * > * { vertical-align:top; }
.list-data10.ty-ch dl.info-data6 .point > * { display:block; }
.list-data10.ty-ch .point { display:inline-block; }
.list-data10.ty-ch * + [class*="flag-txt"] { margin-left:1rem; }
.brand-drive .list-data10 .info-data6 .point { color:var(--brand-color2); }
.brand-drive .btn-cmz.btn-c2.active { background:var(--brand-color2); }
.btn-cma.ty-flex { display:flex; align-items:center; justify-content:center; }
.bti-txt { margin:0 auto; position:relative; font-size:1.6rem; }
.bti { display:flex; position:relative; margin-right:0.8rem; padding-right:0.9rem; }
.bti:before { content:""; position:absolute; top:50%; right:0; margin-top:-0.7rem; width:1px; height:1.4rem; background:var(--brand-font2); opacity:0.5; }
.bti > * { line-height:2rem; font-size:1.6rem; }
.bti .dt { font-size:1.2rem; font-weight:normal; opacity:0.5; }
.bti .dd { margin-left:0.8rem; }

/* 보험가입 > 보험료확인 (보장내용) > 기타특약 > 옵션변경 */
.pop-modal article .pop-container > .fm-item:first-child { margin:0; }
.pop-modal article .pop-container > .fm-item { margin-top:3.2rem; }
.fm-chk7-g.ty-row, .fm-chk7-g.ty-col { justify-content:unset; padding-top:0.8rem; }
.fm-chk7-g.ty-col > * { width:100%; }
.fm-chk7-g.ty-row > *:not(:last-child) { margin-right:3.2rem; }
.fm-chk7-g.ty-col > *:not(:last-child) { margin-bottom:2rem; }
.fm-chk7.ty-c .fm-chk-lb { color:#000; }
.fm-chk7.ty-c > input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
.fm-chk7.ty-c > input:checked + .fm-chk-lb:after { background-color:var(--brand-font2); }
.pop-modal.tyw .fm-item.ty-lv2 .fm-label { font-weight:300; }
.fm-chk7-g + .fm-item.ty-lv2 { padding-top:0.4rem; }
.fm-item.ty-lv2 { margin-top:2rem; }
.fm-option-group > *:first-child { margin:0; }
.fm-option-group > * + * { padding-top:2.4rem; border-top:1px solid #eee; }
.fm-option-group > .fm-item { position:relative; }
.fm-option-group > .fm-item .btn-delete-data-item { top:2.2rem; right:0; }
.fm-option-group > .fm-item:first-child .btn-delete-data-item { display:none; }
.pop-modal.tyw .fm-option-group .fm-item .btn-delete-data-item:before { color:#fff; background:var(--brand-bg); }
.btn-add-option { padding-top:0.1rem; color:rgba(0,0,0,0.9); line-height:4.1rem; font-size:1.6rem; border-radius:2.2rem; border:1px dotted rgba(0,0,0,0.4); background:#fff; text-align:center; }
.btn-add-option:before { --size:2.4rem; content:'\e82a'; display:inline-block; margin-right:0.8rem; width:var(--size); height:var(--size); line-height:calc(var(--size) - 0.2rem); font-family:var(--fontIco); font-size:1.8rem; font-weight:bold; border-radius:50%; border:1px solid rgba(0,0,0,0.36); box-sizing:border-box; }
.fm-cont > .cont-mes4:first-child { margin-top:0; padding-top:0.8rem; }
.pop-modal.tyw .cont-mes4 { color:#000; }

/* 보험가입 > 보험료확인 (보장내용) > 기타특약 > 보장설명 */
.ins-view .insv-title3 { margin:1.6rem 0; line-height:2rem; font-size:1.6rem; font-weight:bold; }

/* 보험가입 > 필요서류 첨부 */
.popupTitleWrap { margin:0 auto; line-height:4.4rem; }
body.bg-trans .doc-scan-img { position:relative; overflow:unset; }
.doc-scan-box { display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:1.6rem; }
.doc-scan-guide { display:flex; flex-direction:column; align-items:center; aspect-ratio:1.282051 / 1; padding:2.2rem; height:78%; color:var(--brand-color2); line-height:2rem; font-size:1.6rem; transform:rotate(90deg); }
.doc-scan-thum { display:flex; justify-content:center; align-items:center; border-radius:1.6rem; overflow:hidden; }
.unit-doc-scan { display:flex; align-items:center; margin-top:auto; padding-bottom:1rem; }
.unit-doc-scan > dt { margin:0 0.8rem 0 3rem; width:12rem; height:4rem; border-radius:0.4rem; border:1px solid var(--brand-color2); opacity:0.9; }
body.bg-trans .doc-scan-img:before, body.bg-trans .doc-scan-img:after, body.bg-trans .doc-scan-box:before, body.bg-trans .doc-scan-box:after { content:""; }
.doc-scan-img:before, .doc-scan-img:after, .doc-scan-box:before, .doc-scan-box:after { position:absolute; width:4.4rem; height:4.4rem; border-radius:1.6rem; border:2px solid var(--brand-color2); box-sizing:border-box; }
.doc-scan-img:before { top:-1px; left:-1px; border-right:0; border-bottom:0; border-radius:1.6rem 0 0 0; }
.doc-scan-img:after { top:-1px; right:-1px; border-left:0; border-bottom:0; border-radius:0 1.6rem 0 0; }
.doc-scan-box:before { bottom:-1px; left:-1px; border-right:0; border-top:0; border-radius:0 0 0 1.6rem; }
.doc-scan-box:after { bottom:-1px; right:-1px; border-left:0; border-top:0; border-radius:0 0 1.6rem 0; }
.doc-scan-area { flex:auto; margin:0 -2.4rem; }
.btn-camera { flex:unset !important; margin:0 auto; width:6.4rem; height:6.4rem; border-radius:100%; border:0.6rem solid #777; background:#fff; box-shadow:1.6rem 1.6rem 3.2rem 0 rgba(0,0,0,0.4); }
.area-btm.ty-camera { flex-wrap:wrap; padding:0; min-height:calc(20.8rem - 3.2rem); }
.area-btm.ty-camera .txt16 { width:100%; color:#fff; text-align:center; }
.area-btm.ty-camera .txt16 + [class*="btn"] { margin-top:3.6rem; }
.area-btm.ty-camera > [class*="btn"] { margin-top:0; }
.doc-scan-option { width:100%; }
.btn-doc-scan-group { position:absolute; top:calc(-2.4rem - 4.4rem); right:0; }
.btn-thum-rotate { width:4.4rem; height:4.4rem; border-radius:1.6rem; background:#000 url("../../img/b/car/ins/icon-doc-scan-rotate.png") no-repeat center; background-size:2.8rem; }
[class*="doc-scan-item"] { display:flex; position:relative; padding:1rem 0; }
[class*="doc-scan-item"] > dt { min-width:2.4rem; height:2.4rem; color:#fff; line-height:2.4rem; font-size:1.4rem; font-weight:300; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0.5; }
[class*="doc-scan-item"] > dd { display:flex; margin-left:auto; width:calc(100% - 3.4rem); }
/* .doc-scan-item01 > dt { background-image:url("../../img/b/car/ins/icon-doc-scan-option01.png"); }
.doc-scan-item02 > dt { background-image:url("../../img/b/car/ins/icon-doc-scan-option02.png"); } */
[class*="btn-range-"] { width:2.4rem; color:#fff; height:2.4rem; line-height:2.4rem; font-weight:300; opacity:0.5; }
.range-bar { --size:1rem; --left:50%; position:relative; margin:0 1rem; width:calc(100% - 6.8rem); }
.range-bar:before { content:""; position:absolute; top:50%; left:50%; width:0.4rem; height:0.4rem; border-radius:1rem; background:rgba(44,48,101,0.5); transform:translate(-50%, -50%); }
.range-bar:after { content:""; position:absolute; top:50%; left:calc(var(--left) - 1rem); width:calc(var(--size) + 2rem); height:2rem; border-radius:1rem; background:var(--brand-color2); transform:translate(0%, -50%); z-index:-1; }
.inp-range { margin-left:-1rem; width:calc(100% + 2rem); height:2.4rem; border-radius:1.2rem; background:rgba(255,255,255,0.12); vertical-align:top; pointer-events:all; }
.inp-range::-webkit-slider-thumb { position:relative; width:2rem; height:2rem; border-radius:50%; border:3px solid var(--brand-color2); background:var(--brand-color6); cursor:pointer; -webkit-appearance:none; appearance:none; }
.inp-range::-moz-range-thumb { position:relative; width:2rem; height:2rem; border-radius:50%; border:3px solid var(--brand-color2); background:var(--brand-color6); cursor:pointer; pointer-events:all; }
.list-register-thum { --line:2; display:flex; flex-wrap:wrap; position:relative; left:-0.4rem; margin-top:0.8rem; width:calc(100% + 0.8rem); }
.list-register-thum > li { padding:0.4rem; width:calc(100% / var(--line)); }
.list-register-thum .li-wrap { position:relative; height:9.9rem; }
.list-register-thum .thum { display:flex; align-items:center; justify-content:center; height:100%; border-radius:1.2rem; background:#ddd; overflow:hidden; }
.list-register-thum img { vertical-align:top; }
.list-register-thum .attach-item-del { position:absolute; top:var(--spc1-m); right:var(--spc1-m); }
.attach-item-del { transform:rotate(45deg); }
.attach-item-del:before { content:'\e846'; font-family:var(--fontIco); font-size:var(--fontSz6); font-weight:var(--fontWg2); width:2.0rem; height:2.0rem; background-color:var(--colorB); color:var(--colorW); border-radius:100%; line-height:2.0rem; }
.list-attach .attach-item .txt3 { line-height:1.8rem; }
.list-attach .attach-item-link { position:absolute; bottom:var(--spc2); right:var(--spc2); width:2.4rem; height:2.4rem; border-radius:var(--bdrRds1); background:var(--colorB); text-align:center; }
.list-attach .attach-item-link:before { content:''; font-family:var(--fontIco); font-size:var(--fontSz6); font-weight:var(--fontWg2); width:2.0rem; height:2.0rem; color:var(--colorW); border-radius:100%; line-height:2.4rem; }
.list-attach .attach-item-btn:before { left:1px; right:1px; bottom:1px; background-color:var(--brand-color5); }
.list-attach .attach-item { background-image:url("../../img/b/car/cla/attach-bg1-car.svg"); }
.list-attach .attach-item.ty2 { background-image:url("../../img/b/car/cla/attach-bg2-car.svg"); }
.deco-box .svg-file { margin:2.8rem auto 2rem; width:12rem; height:3.4rem; background-image:url("../../img/b/car/com/ico-sec-file.png"); background-size:auto 3.2rem; }
.info-data6.ty-img { margin:0; padding:2.6rem 1.8rem 2rem 1.8rem; }
.list-join-step-car-calc { margin:0 auto; width:27.6rem; text-align:center; }
.list-join-step-car-calc > ol { display:flex; justify-content:center; }
.list-join-step-car-calc > ol > li { position:relative; width:calc(50% - 1.6rem); line-height:1.8rem; font-size:1.2rem; }
.list-join-step-car-calc > ol > li + li { margin-left:3.2rem; }
.list-join-step-car-calc > ol > li + li:before { content:""; position:absolute; top:50%; left:-2.2rem; margin-top:-0.4rem; width:0.7rem; height:0.7rem; border-top:1px solid rgba(255,255,255,0.3);; border-left:1px solid rgba(255,255,255,0.3);; transform:rotate(135deg); }
.list-join-step-car-calc > img { margin-top:1.4rem; }
.fm-chk2 .fm-chk-lb .sm { font-size:1.6rem; vertical-align:0.1rem; }
.tab-cont-area.ty-b { margin-top:6rem; }
.tab-cont-area.ty-b > .tab-cont > .fm-field:first-child { margin-top:0; }
.fm-field > .c-head2:first-child,
.fm-field > legend + .c-head2 { margin-top:0; }
.c-head2 + .attach-file-img,
.c-head2 + .cont-mes4,
.attach-file-img + .cont-mes4 { margin-top:1.6rem; }
.cont-mes4 + .attach-file-img { margin-top:1.2rem; }
.file-img { position:relative; min-height:16rem; border:1px solid var(--brand-color1); border-radius:1.6rem; background:#000; overflow:hidden; }
.sample-img { display:flex; justify-content:center; align-items:center; }
.flag-sample { position:absolute; bottom:2.4rem; right:2.4rem; width:10rem; height:3.6rem; }
.upload-img { display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; }
.attach-file-img .btn-wrap { margin-top:2rem; }
.attach-file-img .btn-wrap > * + * { margin-left:0; }
.attach-file-img .btn-wrap > *:not(:last-child) { margin-right:0.8rem; }
.btn-attach-camera:before, .btn-attach-picture:before { display:inline-block; margin-right:0.8rem; line-height:2.4rem; font-size:2.4rem; font-weight:normal; font-family:var(--fontIco); vertical-align:-0.3rem; box-sizing:border-box; }
.btn-attach-camera:before { content:'\e84b'; }
.btn-attach-picture:before { content:'\e84a'; }
.colorWO5 { color:var(--colorWO5); }
.area-btm.ty-full { flex-direction:column; }
.area-btm.ty-full > [class*="btn-"]:not(:last-child) { margin-bottom:1.2rem; }
.item-view { display:block; position:relative; margin-top:4rem; padding:2.4rem; border-radius:1.6rem; background:var(--brand-color5); }
.item-view > *:not(label) { display:block; position:relative; padding-right:2rem; min-width:2rem; min-height:2rem; color:rgba(255,255,255,0.5); line-height:2rem; font-size:1.4rem; }
.item-view > *:not(label):before { content:""; position:absolute; top:50%; right:0.8rem; margin-top:-0.4rem; width:0.7rem; height:0.7rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(135deg); }
.item-view > a { position:absolute; top:50%; right:2.4rem; opacity:0.3; transform:translateY(-50%); }
.btn-txt-line.ty-b { font-size:1.6rem; }
.tb-data2 tbody tr.no-line:first-child { padding-top:2.4rem; }
.tb-data2 tbody tr.no-line:last-child { padding-bottom:2.4rem; }
.tb-data2 tbody tr.no-line { padding:1rem 0; border:0 none; }
.al-start { align-items:start !important; }
.cont-result2.ty-none-bg { padding-top:2.6rem; height:auto; }
.list-step-vc { margin-top:3.2rem; padding:2.4rem; border-radius:1.6rem; border:1px solid var(--brand-color2); background:var(--brand-color5); }
.list-step-vc ol { position:relative; padding-left:3.8rem; }
.list-step-vc ol:before { content:""; position:absolute; top:2.1rem; left:1.1rem; width:0.6rem; height:calc(100% - 5rem); background:#fff; opacity:0.2; }
.list-step-vc ol:after { content:""; position:absolute; top:2.1rem; left:1.1rem; width:0.6rem; height:calc(50% - 2.1rem); background:var(--brand-color2); opacity:0.6; }
.list-step-vc li:before, .list-step-vc li:after { --width:1.6rem; --left:1.6rem; content:""; position:absolute; top:50%; left:calc((var(--width) + var(--left)) * -1); width:var(--width); height:var(--width); border-radius:50%; transform:translateY(-50%); box-sizing:border-box; z-index:1; }
.list-step-vc li:first-child:before, .list-step-vc li:first-child:after { top:1.3rem; transform:none; }
.list-step-vc li:before { border:0.4rem solid #3e3f6e; background-color:var(--brand-bg); }
.list-step-vc .on:after { border-color:var(--brand-color2); background-color:var(--brand-color2); }
.list-step-vc .active:after { --width:2.8rem; --left:1rem; background:#38586c url("../../img/b/car/ins/icon-step-move-arrow.png") no-repeat center; background-size:100%; z-index:2; }
.list-step-vc li:last-child:after { --width:2.8rem; --left:1rem; background:#3e3f6e url("../../img/b/car/ins/icon-step-move-finish.png") no-repeat center; background-size:100%; z-index:3; }
.list-step-vc li + li { margin-top:0.5rem; }
.list-step-vc li { position:relative; padding:1.2rem; border-radius:1.2rem; }
.list-step-vc li:not(.on, .active) > * { opacity:0.4; }
.list-step-vc .active { background:rgba(255,255,255,0.1); }
.list-step-vc .active > * { color:var(--brand-color2); }
.list-step-vc li .num { display:block; line-height:1.8rem; font-size:1.2rem; }
.list-step-vc li .tit { display:block; line-height:2rem; font-size:1.4rem; }
.btn-wrap + .sec, .sec + .sec { margin-top:4rem; }
.sec > *:first-child { margin-top:0; }

/* 보험가입 > 가입자 정보 확인 */
.fm-field-wrap { margin-top:6.4rem; }
.fm-field-wrap > *:first-child { margin-top:0; }
.fm-field-wrap .sec-info + .sec-info { margin-top:6.4rem; }
.c-title4 + .cont-mes4 { margin-top:0.4rem; }
.sec-info-s .fm-chk-group { margin-top:1.6rem; }
.fm-agree2 + .sec-info-s { margin-top:4rem; }
.fm-agree2.ty-first { margin:0; padding:0; border:0 none; }
.fm-chk5 input:checked + .fm-chk-lb { color:#000; --brand-color3:var(--brand-color2); }
.c-title2 .btn-ins-view:after { font-weight:normal; vertical-align:-0.2rem; }
.pop-modal .pop-container > .ins-view:first-child { margin:0; }
.pop-modal .pop-container > .ins-view:first-child > .insv-box:first-child { margin-top:0; }
.ins-view.ty-s { line-height:2rem; font-size:1.4rem; }
.ins-view.ty-s .insv-bul.disc { line-height:2rem; font-size:1.4rem; }
.pop-modal .cont-mes8 + .fm-field { margin-top:3.2rem; }
.pop-modal.tyw .fm-item .fm-label { color:#000; font-weight:bold; }
.pop-modal.tyw .unit, .pop-modal.tyw .unit2, .pop-modal.tyw .fm-txt3 { color:rgba(0,0,0,0.6); }
.pop-modal.tyw .fm-txt1 { color:var(--fm-valid-bg); }

/* 보험가입 > 가입자 정보 확인 (질권설정 BS) */
.custom-select { position:relative; display:inline-block; width:100%; }
.custom-select .options { display:none; position:absolute; margin-top:0.2rem; padding:2.4rem 1.6rem 0; width:100%; max-height:35vh; border-radius:1.6rem; border:1px solid #eee; background-color:var(--colorW); overflow-x:hidden; overflow-y:auto; z-index:5; }
.custom-select .options.active { display:block; }
.custom-select .option-item { font-size:1.6rem; line-height:1; margin-bottom:2.4rem; cursor:pointer; color:var(--colorB); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pop-modal.tyw .custom-select .fm-ipt:not(button):not([readonly]):focus, 
.pop-modal.tyw .custom-select .fm-ipt:not(button):not([readonly]).focus { border:1px solid #eee; background:#fff; }
.fm-ipt-wrap.ty-business-number { flex-wrap:nowrap; }
.fm-ipt-wrap.ty-business-number .fm-unit:first-child { min-width:29.5%; }
.fm-ipt-wrap.ty-business-number .fm-unit:last-child { min-width:37%; }
.fm-ipt-wrap.ty-business-number .fm-hyphen { min-width:5.2%; }
.fm-hyphen { position:relative; width:1.6rem; height:0.1rem; text-align:center; }
.fm-hyphen:before { content:""; position:absolute; top:50%; left:50%; margin-left:-0.4rem; width:0.8rem; height:100%; background:#000; }

/* 보험가입 > 가입자 정보 확인 > 팝업: 보험 계약 체결을 위한 정보 동의 */
.agree-scroll.add-height { max-height:26rem; overflow-y:scroll; overflow-x:hidden; }
.agree-scroll.add-height-30 { max-height:30rem; overflow-y:scroll; overflow-x:hidden; }
.agree-scroll.add-height-33 { max-height:33rem; overflow-y:scroll; overflow-x:hidden; }
.agree-scroll .fm-agree + .fm-agree { margin-top: var(--spc5); }
.agree-after-area { margin-top:4rem; }
.agree-after-area > *:first-child { margin-top:0; }

/* 보험가입 > 청약내용확인 */
.fm-complete.ty-n { margin-bottom:0; padding:0; border:0 none; }
.fm-agree.ty-top-line { position:relative; padding-top:2rem; }
.fm-agree.ty-top-line:before { content:""; position:absolute; top:0; left:3.2rem; width:calc(100% - 6.4rem); height:1px; background:rgba(0,0,0,0.05); }
.fm-agree.ty-slide .fm-chk-all { position:relative; padding-right:2.5rem; }
.fm-agree.ty-slide .fm-toggle { position:absolute; top:0; right:0; width:2rem; height:2rem; }
.fm-agree.ty-slide .fm-toggle:before { content:""; position:absolute; top:50%; left:50%; margin:-0.6rem 0 0 -0.4rem; width:0.7rem; height:0.7rem; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(-135deg); }
.fm-agree.ty-slide.on .fm-toggle:before { margin-top:-0.1rem; transform:rotate(45deg); }
.fm-agree.ty-slide .fm-chk-list { overflow:hidden; }
.fm-agree.ty-slide .add-agree { margin:0; padding:2rem 0 0 0; }

/* 보험가입 > 약관상세 */
.terms-txt + .terms-title { margin-top:4rem; }

/* 보험가입 > 전자서명 */
.txt-em.point { color:var(--brand-color2); }
.box > * + .txt-em { margin-top:2rem; }
.box > .txt-em { line-height:2rem; font-size:1.4rem; }
.c-head2 + .btn-area2 { margin-top:1.6rem; }
.btn-cmx { background:#16589a; }
.btn-cmx.btn-c { background:#fee90f; }
.sec-step + .sec-step { margin-top:1.6rem; }
.sec-step { padding:2.4rem; line-height:2rem; border-radius:1.6rem; background:#f8f8f8; }
.sec-step > .c-title2 + * { margin-top:2.4rem; }
.sec-step > * + * { margin-top:2rem; }
.sec-step > .txt14 + .txt14 { margin-top:1rem; }
.sec-step .txt14 { line-height:inherit; }
.sec-step .bul-txt > * { color:var(--colorB); }
.sec-step .bul-txt > * + * { margin:0; }
.area-btm.ty-bg { left:0; right:0; bottom:0; flex-wrap:wrap; padding:2.4rem 2.4rem calc(3.2rem + var(--safe-btm)) 2.4rem; background:#fff; }
.area-btm.ty-bg > * { width:100%; }
.area-btm.ty-bg > * + * { margin-top:1.6rem; }
.pop-modal article .pop-container.ty-btm-chk:not(:last-child) { padding-bottom:15.6rem; }

/* 보험계약관리 (자동차) */
.list-data10 .ins-name.ty-s { font-size:1.6rem; }
.info-data6 > li + li { margin-top:2rem; }
.info-data6 > li { color:var(--brand-font1); line-height:1.8rem; font-size:var(--fontSz5); }
.pop-container > .info-data-wrap:first-child { margin-top:0; }
.info-data-wrap.tyw { background:#f8f8f8; }
.info-data-wrap.tyw .info-data6 > dt { color:rgba(0,0,0,0.5); }
.info-data-wrap.tyw .info-data6 > dd { color:#000; }
.info-data-wrap.tyw div.info-data6 + div.info-data6:before { border-color:rgba(0,0,0,0.2); }
.fm-unit.ty-unit-cal .fm-ipt { padding-right:8.6rem; }
.fm-unit.ty-unit-cal > [class*="unit"] { right:4rem; }
.wrap-slider-data-item { margin-top:1.6rem; overflow:visible; }
.wrap-slider-data-item .list-data-item { margin:0; }
.wrap-slider-data-item .list-data-item > li { margin:0 1.2rem 0 0; width:100%; }
.wrap-slider-data-item .list-data-item > li:last-child { margin-right:0; }
.c-title4.ty-s { font-size:1.6rem; }
.list-data-item > li .c-title4 + .cont-mes2 { margin-top:0.4rem; }
.data-box.ty-info .head { position:relative; min-height:4.6rem; }
.data-box.ty-info .cont { margin-top:2rem; padding-top:2rem; border-top:1px solid rgba(255,255,255,0.2); }
.data-box.ty-info .info-data6 + .info-data6 > * { padding-top:1.6rem; }
.data-box.ty-info [class*="flag-txt"] { position:absolute; top:0; right:0; }
.data-box.ty-info .flag-txt { top:-0.8rem; right:-0.8rem; }
.data-box.ty-info.disabled { color:#888; background:#eee; }
.data-box.ty-info.disabled .cont-mes2,
.data-box.ty-info.disabled .info-data6 dd { color:#888; }
.data-box.ty-info.disabled .cont { border-color:rgba(136,136,136,0.2); }
.data-box.ty-info.disabled .flag-txt { color:#fff; font-weight:normal; background:#888; }
.data-box.ty-info.disabled .info-data6 dt { color:rgba(136,136,136,0.6); }
.list-data10 .ins-detail { display:block; margin-top:0.4rem; line-height:1.8rem; font-size:1.4rem; }
.container > .fm-chk-group-area:first-child { margin:0; padding-top:6.4rem; }
.btn-inp-area { margin-top:4rem; }
.btn-inp-area > *:first-child { margin-top:0; }
.container > .pdf-viewer[data-content]:empty:before { content:attr(data-content); }
.info-data6 > dd > .block:first-child { margin-top:0; }

/* 증명서발급 (자동차) */
.list-data-wrap { margin-top:2.4rem; padding-top:2.4rem; border-top:1px solid var(--colorWO16); }

/* 자동차사고.긴급출동 > (모바일접수, 도움말) */
.btn-icon-call { padding:0.1rem 1.6rem 0 0.8rem; }
.btn-icon-call:before { content:""; display:inline-block; margin-right:0.4rem; width:2rem; height:2rem; background:url("../../img/b/car/cac/icon-call.svg") no-repeat center; background-size:cover; vertical-align:-0.5rem; }
.list-link-box { margin-top:4rem; }
.item-box + .item-box { margin-top:1.6rem; }
.item-box { position:relative; color:var(--brand-font2); border-radius:3.2rem; background:#fff; }
.item-box.ty01 { background:#6bfedd; }
.item-box.ty02 { background:var(--colorCOM2); }
.item-box .inner { display:flex; flex-direction:column; padding:1.8rem 2.4rem 2.4rem 2.4rem; min-height:16rem; }
.item-box .btn-ins-view { position:absolute; top:1.8rem; right:1.6rem; }
.item-box .category { display:block; line-height:2rem; font-size:1.4rem; font-weight:bold; }
.item-box .tit { display:block; margin-top:auto; line-height:2.8rem; font-size:2rem; font-weight:bold; }
.list-dsc-step { position:relative; margin-top:4rem; }
.list-dsc-step:before { content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:var(--brand-color2); }
.list-dsc-step > li + li { margin-top:2.4rem; }
.list-dsc-step > li { position:relative; padding:2.2rem 2.4rem; font-size:1.4rem; border-radius:1.6rem; border:1px solid var(--brand-color2); background:var(--brand-color5); }
.list-dsc-step > li .dscs-header { margin-bottom:1.6rem; padding-bottom:1.6rem; border-bottom:1px solid rgba(255,255,255,0.16); }
.list-dsc-step > li .dscs-cont { line-height:2.4rem; font-weight:300; }
.list-dsc-step > li .dscs-cont span { display:block; }
.list-dsc-step > li .dscs-cont > * + * { margin-top:2.4rem; }
.list-dsc-step > li .number { display:block; color:var(--brand-color2); line-height:2rem; font-weight:normal; }
.list-dsc-step > li .tit { display:block; line-height:2.4rem; font-size:1.8rem; }
.sec-info-data + .sec-info-data { margin-top:3.2rem; padding-top:3.2rem; border-top:1px solid rgba(255,255,255,0.16); }
.sec-info-data { margin-top:4.7rem; }
.sec-info-data > .c-head2 { margin-top:0; }
.sec-info-data > .list-togg2:first-child { margin-top:0; }
.sec-info-data > .list-togg2 { --brand-color5:var(--colorCOM5); --brand-color6:var(--colorCOM6); }
.list-togg2 .item .dsc { display:block; margin-top:0.4rem; color:rgba(255,255,255,0.6); line-height:2rem; font-size:1.4rem; font-weight:300; }
.list-togg2 .togg-cont.ty2 .line { padding-top:2rem; border-top:1px solid rgba(255,255,255,0.16); }
.list-togg2 .togg-cont.ty2 .item-in-box + .txt,
.list-togg2 .togg-cont.ty2 .txt + .txt { margin-top:2rem; }
.list-togg2 .togg-cont.ty2 dl.txt > dt { margin-bottom:1.6rem; line-height:1.8rem; font-weight:bold; }
.tb-data2.ty-s > thead > tr { padding:2rem 0 1.6rem 0; border-bottom:1px solid var(--brand-font3); }
.tb-data2.ty-s > thead > tr > th { padding:0; color:#fff; }
.tb-data2.ty-s > tbody > tr:first-child { padding-top:1.6rem; }
.tb-data2.ty-s > tbody > tr:last-child { padding-bottom:1.6rem; border-bottom:1px solid var(--brand-font3); }
.tb-data2.ty-s > * > tr { padding:0.6rem 0; border:0 none; }
.tb-data2.ty-s > * > tr > * { line-height:2rem; }
.item-in-box { padding:2rem 1.6rem; border-radius:1.6rem; background:rgba(255,255,255,0.1); }
* + .item-in-box, .bul-txt.ty3 .item-in-box { margin-top:2rem; }
.bul-txt.ty3 .item-in-box:first-child { margin-top:0; }
.item-in-box .num-list2, .item-in-box .num-list2 > li + li { margin-top:1.6rem; }
.item-in-box .num-list2:first-child { margin-top:0; }
.item-in-box .num-list2 > li { line-height:2.4rem; }
.bul-txt.ty-dasi + .bul-txt.ty-dasi { margin-top:1.6rem; }
.bul-txt.ty-dasi > dt { line-height:1.8rem; font-size:1.4rem; font-weight:var(--fontWg1); }
.bul-txt.ty-dasi > li + li, .bul-txt.ty-dasi > dd + dd { margin-top:0.6rem; }
.bul-txt.ty-dasi > li:before, .bul-txt.ty-dasi > dd:before { content:"-"; top:auto; width:auto; height:auto; border-radius:unset; background:none; }
.bul-txt.ty-dasi > li, .bul-txt.ty-dasi > dd { font-weight:300; }

/* 자동차사고.긴급출동 > (접수, 신청) */
.container > .fm-field.ty3:first-child { margin-top:4.8rem; }
.fm-field > .c-head2:first-child { margin-top:0; }
.fm-chk-line-circle-img .fm-chk-lb { flex-direction:column; align-items:flex-start; padding:0 1.8rem 0 6.2rem; }
.fm-chk-line-circle-img .fm-chk-lb:before { right:auto; left:0.6rem; width:4.4rem; height:4.4rem; border-radius:1.6rem !important; background-color:#000 !important; background-repeat:no-repeat; background-position:center; background-size:contain; }
.fm-chk-line-circle-img .fm-chk-lb:after { visibility:hidden; }
.fm-chk-line-circle-img.ty-pd-long .fm-chk-lb { padding-left:7.2rem; }
.fm-chk-line-circle-img.ty-img-car01 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car01.png"); }
.fm-chk-line-circle-img.ty-img-car02 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car02.png"); }
.fm-chk-line-circle-img.ty-img-car03 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car03.png"); }
.fm-chk-line-circle-img.ty-img-car04 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car04.png"); }
.fm-chk-line-circle-img.ty-img-car05 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car05.png"); }
.fm-chk-line-circle-img.ty-img-car06 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car06.png"); }
.fm-chk-line-circle-img.ty-img-car07 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car07.png"); }
.fm-chk-line-circle-img.ty-img-car08 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car08.png"); }
.fm-chk-line-circle-img.ty-img-car09 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car09.png"); }
.fm-chk-line-circle-img.ty-img-car10 .fm-chk-lb:before { background-image:url("../../img/b/car/cac/icon-chk-car10.png"); }
.c-head2 + .fm-chk5-g.n2 { padding-top:1.6rem; }
.cont-mes8 + .cont-mes4 { margin-top:1.6rem; }
.pop-modal.tyw .cont-mes4.ty-b { color:var(--colorBO5); }

/* 자동차사고.긴급출동 > 사고장소 선택 */
.radar-map-tooltip { display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; padding:1rem; width:100%; min-height:5rem; line-height:2rem; font-size:1.4rem; background:rgba(0,0,0,0.8); opacity:0; transition:opacity var(--delay); }
[class*="btn-hidden-"] { position:absolute; top:0; left:0; width:100%; height:100%; }
.radar-map.ty-car { --delay:0.5s; }
.radar-map.ty-car .map-overlay-info { padding:1.1rem 1.2rem; min-width:7.2rem; line-height:1.8rem; font-size:1.4rem; background-color:var(--brand-color2); }
.radar-map.ty-car .map-overlay-info:before { bottom:-0.5rem; border-top-color:var(--brand-color2); }
.radar-map.ty-car .btns-group { top:1.6rem; transition:margin var(--delay); }
.radar-map.ty-car[data-tooltip="on"] .radar-map-tooltip { opacity:1; }
.radar-map.ty-car[data-tooltip="on"] .radar-map-btns .btns-group { margin-top:5rem; }
.radar-map.ty-car .radar-map-btns .btns-group button { margin:0; }
.radar-map-btns .map-search { position:absolute; right:2.4rem; bottom:calc(var(--safe-btm) + 20.2rem); padding:var(--spc1); color:var(--brand-font1); border-radius:16px; background:var(--colorCOM10); box-shadow:8px 8px 12px 0 rgba(0, 0, 0, 0.32); text-align:center; z-index:10; }
.radar-map-btns .map-search:before { content:'\e81b'; display:inline-block; width:3.2rem; height:3.2rem; line-height:3.2rem; font-size:2.2rem; font-weight:var(--fontWg2); font-family:var(--fontIco); }
.lvt-foot-fix.ty-car:before { background:var(--brand-color11) no-repeat 100% 100%; }
.lvt-foot-fix.ty-car .radar-map-info-wrap2 { margin-bottom:0; min-height:4.2rem; }

/* 자동차사고.긴급출동 > 완료 */
.cont-result2 .txt3 { position:relative; }

/* 자동차사고.긴급출동 > 접수내역조회 */
.btn-wrap.ty-dv > * + * { margin-left:0.8rem; }
.c-head-number { padding-top:6.4rem; }
.c-title-number { line-height:3.8rem; font-size:3.2rem; }
.c-title-number > dfn { display:block; margin-bottom:0.4rem; line-height:2rem; font-size:1.6rem; }
.tab-step ul[data-active] { --marginSlice:calc(calc(var(--margin) * calc(var(--tabItemLength) - 1)) / var(--tabItemLength)); --width:calc((100% / var(--tabItemLength)) - var(--marginSlice)); }
.info-data-title1.ty-flex { display:flex; }
.info-data-title1.ty-flex .tit { font-weight:inherit; }
.block + .underline { margin-top:0.8rem; }
.info-data6 .bottom-step[class*="ty-"] { padding:0.8rem 1.2rem 0 1.2rem; }
.bottom-step.ty-view ol:before { left:-1.2rem; width:calc(100% + 2.4rem); background:rgba(255,255,255,0.08); }
.bottom-step.ty-view li { flex:unset; }
.bottom-step.ty-view li:first-child { margin-left:-0.6rem; }
.bottom-step.ty-view li:last-child { margin-right:-0.6rem; }
.bottom-step + .cont-mes19 { margin-top:2rem; }
.tab-cont.ty-data-wrap { margin-top:2.4rem; }
.tab-cont.ty-data-wrap > .info-data-wrap:first-child { margin-top:0; }
.info-data-wrap.ty-empty { display:flex; align-items:center; min-height:11.2rem; }
.colorWO6 { color:var(--colorWO6); }
.pop-business-card .container { padding:0 2rem; }
.c-title + .txt14 { margin-top:1rem; }
.txt14 { line-height:2.4rem; font-size:1.4rem; }
.list-apl-process { --size:2rem; position:relative; counter-reset:title-num; --point:#012f79; }
.list-apl-process > li + li { margin-top:var(--size); }
.list-apl-process > li { position:relative; display:flex; align-items:center; padding-left:5.2rem; min-height:4rem; line-height:2rem; font-size:1.6rem; }
.list-apl-process > li:not(:last-child):before { content:""; position:absolute; top:4rem; left:2rem; width:1px; height:100%; background:var(--point); }
.list-apl-process > li:after { content:counter(title-num, decimal-leading-zero); counter-increment:title-num; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:4rem; color:var(--point); line-height:3.8rem; font-size:1.4rem; font-weight:bold; border-radius:1.2rem; border:1px solid var(--point); background:#fff; box-sizing:border-box; }

/******************** 운영(추가&수정) ********************/
@property --rotateSpin { syntax:"<angle>"; initial-value:0deg; inherits:false; }
.btn-pd-area .btn-cmg { width:100%; }
.btn-cmg { position:relative; padding:0.2rem; border-radius:1.6rem; 
	--rotateSpin:90deg;
	background:linear-gradient(var(--rotateSpin), #fa7bff, #47f067 50%, #fab100); 
	animation:lightSpinBorder 6s linear infinite;
}
.btn-cmg span { display:flex; justify-content:center; align-items:center; position:relative; height:5.2rem; color:#fff; line-height:2rem; font-size:1.6rem; font-weight:bold; border-radius:1.4rem; background:rgba(0,0,0,0.8); }
@keyframes lightSpinBorder {
	0% {
		--rotateSpin:0deg;
		background:linear-gradient(var(--rotateSpin), #fa7bff, #47f067 50%, #fab100);
	}
	100% {
		--rotateSpin:720deg;
		background:linear-gradient(var(--rotateSpin), #fa7bff, #47f067 50%, #fab100);
	}
}
/******************** //운영(추가&수정) ********************/