@charset "UTF-8";



/****************************** contents2 (b) ******************************/
/* display */
.inblock { display:inline-block !important; }

/* 여백 */
.mt0 { margin-top:0rem !important; }
.mt0-4 { margin-top:0.4rem !important; }
.mt1-2 { margin-top:1.2rem !important; }
.mt1-6 { margin-top:1.6rem !important; }
.mt2 { margin-top:2rem !important; }
.mt2-4 { margin-top:2.4rem !important; }
.mt3-2 { margin-top:3.2rem !important; }
.mt4 { margin-top:4rem !important; }
.mgt08 { margin-top:0.8rem !important; }
.pt0 { padding-top:0 !important; }

/* width */
.w100 { width:100% !important; }

/* font */
.lt05 { letter-spacing:-0.5px; }
.txt12 { line-height:1.8rem; font-size:1.2rem; }

/* color */
.color-w05 { color:rgba(255,255,255,0.5); }

/* align */
.fl-al-base { align-items:baseline; }

/* bullet */
[class*="list-bltis"] > * { position:relative; }
[class*="list-bltis"] > *:before { content:""; position:absolute; top:0; left:0; }
.list-bltis01 > * + * { margin-top:0.8rem; }
.list-bltis01 > * { padding-left:1rem; line-height:1.8rem; font-size:1.2rem; }
.list-bltis01 > .ty-asterisk:before, .list-bltis01.ty-asterisk > *:before { content:"※"; }
.list-bltis01.ty-dotted > *:before { top:0.7rem; --size:0.3rem; width:var(--size); height:var(--size); border-radius:50%; background:#000; }
.list-bltis01.ty-dash > *:before { content:"-"; }
.list-bltis01.ty-number { counter-reset:title-num; }
.list-bltis01.ty-number > * { padding-left:1.4rem; }
.list-bltis01.ty-number > *:before { counter-increment:title-num; content:counter(title-num) ")"; }
.list-bltis01 > .ty-asterisk:before { top:0; left:0; width:unset; height:unset; border-radius:unset; background:none; }
.c-title6 + .list-bltis01 { margin-top:1.2rem; }
.list-bltis01 .list-bltis01 > * + * { margin-top:0; }
.blt-star, .blt-asterisk, .blt-disc, .blt-dash { display:inline-block; position:relative; padding-left:1.2rem; vertical-align:top; }
.blt-star:before, .blt-asterisk:before, .blt-disc:before, .blt-dash:before { content:""; position:absolute; top:0; left:0; }
.blt-star:before { content:"*"; }
.blt-asterisk:before { content:"※"; }
.blt-disc:before { top:0.7rem; width:0.4rem; height:0.4rem; border-radius:50%; background:#fff; }
.blt-dash { padding-left:1rem; }
.blt-dash:before { content:"-"; }

/* btn-wrap */
.btn-wrap { display:flex; }
.btn-wrap > * { width:100%; }

/* button */
.btn:disabled, .btn.disabled { cursor:default; pointer-events:none; }

/* color */
.color-caution { color:var(--color2); }
.color-tip { color:#135fd6; }

/* font-weight */
.light { font-weight:300 !important; }
.normal { font-weight:normal !important; }

/* icon */
.icon-mark-ex { position:relative; padding:0.2rem 0 0.2rem 2.7rem; line-height:2rem; }
.icon-mark-ex:before { content:'\e83e'; position:absolute; left:0; top:0; line-height:1; font-family:var(--fontIco); font-size:var(--fontSz2); }

/* popup */
.pop-wrap .agree-scroll, .pop-modal .agree-scroll { overflow-x:hidden; }
.pop-modal .area-btm .btn-cmc:not(.ty-flex) { padding:0 1rem; }
.pop-modal .ins-view { -webkit-overflow-scrolling:touch; overscroll-behavior:unset; cursor:pointer; pointer-events:all; }
.pop-modal .ins-view .insv-box { z-index:auto; }

/* tooltip */
.pop-tooltip-area { position:relative; }
.pop-tooltip-area .pop-tooltip.ty-s { position:absolute; top:-5.5rem; right:-1.5rem; }
.pop-close.ty-xs { width:1.2rem; height:1.2rem; }
.pop-close.ty-xs:before { color:var(--colorB); font-size:1.2rem; }
.pop-tooltip.ty-s { display:block; padding:1.1rem 1.2rem; width:auto; white-space:nowrap; line-height:1.6rem; font-size:1.2rem; font-weight:bold; box-shadow:0.8rem 0.8rem 1.2rem 0 rgba(0,0,0,0.5); }
.pop-tooltip.ty-fs { display:block; padding:1.1rem 1.2rem; line-height:1.6rem; font-size:1.2rem; font-weight:bold; box-shadow:0.8rem 0.8rem 1.2rem 0 rgba(0,0,0,0.5); }
.pop-tooltip.ty-s.dir-bottom .arrow, 
.pop-tooltip.ty-fs.dir-bottom .arrow { right:1.7rem; }
.pop-tooltip.ty-s.is-btn,
.pop-tooltip.ty-fs.is-btn { padding-right:2.8rem; }
.pop-tooltip.ty-s.is-btn .pop-close.ty-xs,
.pop-tooltip.ty-fs.is-btn .pop-close.ty-xs { top:50%; right:1.2rem; margin-top:-0.6rem; }
.pop-tooltip.ty-fs:not(.auto) { width:auto; max-width:calc(100vw - 4.8rem); min-width:8rem; }
.btn-tooltip { position:relative; top:-0.2rem; width:2.2rem; height:2.2rem; color:var(--brand-font1); line-height:1; font-weight:var(--fontWg2); white-space:nowrap; overflow:hidden; vertical-align:middle; }
.btn-tooltip:before { content:'\e841'; display:inline-block; line-height:1; font-size:2.2rem; font-family:var(--fontIco); }
.tooltip-bubble { position:absolute; padding:1.1rem 1.2rem; max-width:calc(100% - 4.8rem); min-width:5rem; color:#000; line-height:1.6rem; font-size:1.2rem; font-weight:bold; white-space:normal; word-break:break-word; border-radius:1.6rem; background:#fff; opacity:0; transition:opacity 0.4s ease-in-out; pointer-events:none; z-index:9; } 
.tooltip-bubble.is-btn { padding-right:2.8rem; }
.tooltip-bubble.on { opacity:1; pointer-events:auto; }
.tooltip-bubble::after { content:''; position:absolute; left:var(--tail-left, 50%); width:3.2rem; height:2.2rem; background:url('../../img/b/com/tooltip-arrow.svg') center bottom no-repeat; background-size:5.2rem auto; transform:translateX(-50%); }
.tooltip-bubble[data-pos="top"]::after { bottom:-2.2rem; background-position:center top; }
.tooltip-bubble[data-pos="bottom"]::after { top:-2.2rem; }
.tooltip-bubble .pop-close { top:1.3rem; right:1.2rem; }

/* tooltip (임시/이전버전) */
.pop-tooltip.ty-fs:not(.auto) { width:calc(100vw - 7rem); }
.tooltip-x { position:relative; top:-0.2rem; width:2.2rem; height:2.2rem; color:var(--brand-font1); line-height:1; font-weight:var(--fontWg2); white-space:nowrap; overflow:hidden; vertical-align:middle; }
.tooltip-x:before { content:'\e841'; display:inline-block; line-height:1; font-size:2.2rem; font-family:var(--fontIco); }

/********** 상품 메인 팝업 **********/
.ins-view .insv-list div.btn-ins-view::after { display:none; }

/* ALICE - 전체보험상품 (개편) */
.tab4 + .category-list.ty-s { margin-top:0; }
.category-list.ty-s > li + li, .category-list.ty-s + .category-list.ty-s { margin-top:2rem; }
.category-list.ty-s > li > a { aspect-ratio:1 / 0.625; border-radius:9%; background:none; box-shadow:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); }
.category-list.ty-s > li > a:after { display:none; }
.category-list.ty-s > li dl { padding:10%; }
.category-list.ty-s > li dt { display:none; }
.category-list.ty-s > li dd { margin:0; }
.category-list.ty-s > li dd .cap { line-height:2rem; font-size:1.6rem; }
.category-list.ty-s > li .bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.category-list.ty-s [data-intro-ani="y"] { transform:translateY(2rem); }
.category-list.ty-s [data-intro-ani="y"].ui-ani-appear { transform:translateY(0); }

/* 자동차보험 - 보험계약관리 */
.list-data10 .info-data-title2.bg-ins-701 { background-image:url("../../img/b/ins/ins-701-10.png"); }

/* form */
.fm-ipt.line:not(button):not([readonly]):focus, .fm-ipt.line:not(button):not([readonly]).focus { border-color:transparent; }
.fm-ipt.line { border:2px solid var(--brand-color2); }
* + .fm-required { margin-top:1rem; }
.fm-required { display:block; position:relative; padding:0.1rem 0 0 2.4rem; color:#ff8181; line-height:2.1rem; font-size:1.3rem; font-weight:bold; }
.fm-required:before { content:'\e825'; position:absolute; top:0; left:0; line-height:1; font-size:2.2rem; font-family:var(--fontIco); }
.fm-chk7 > .fm-chk-lb:before { transition:box-shadow 0.3s ease 0s; }
.fm-chk7 > input:required + .fm-chk-lb:before { box-shadow:0 0 0.6rem 0.3rem rgba(158,255,188,0.6); }
.fm-txt11 { margin-top:0.4rem; color:var(--color2); line-height:1.5rem; font-size:1.1rem; }
.pop-mes .fm-chk1 .fm-chk-lb { color:rgba(0,0,0,0.5); }
.pop-mes .fm-chk1 .fm-chk-lb:before { --brand-check-color:#ddd; }
.pop-mes .fm-chk1 input:checked + .fm-chk-lb { color:#000; }
.pop-mes .fm-chk-sb { padding-bottom:0.8rem; }
.fm-chk-sb { margin-top:2.4rem; text-align:left; }
.fm-chk-sb .fm-txt11 { padding-left:3.2rem; }
.area-btm .fm-chk1 { pointer-events:auto; }

/* list */
.pop-mes .bul-txt.ty-number { padding:0 4%; text-align:left; }
.pop-mes .bul-txt.ty-number > * + * { margin-top:0; }
.pop-mes .bul-txt.ty-number > *, .pop-mes .bul-txt.ty-number > *:before { color:#000; }
[class*="pop"].tyw .bul-txt,
[class*="pop"].tyw .bul-txt > li,
[class*="pop"].tyw .bul-txt > dd { color:#000; }
.bul-txt.ty-number { counter-reset:title-num; }
.bul-txt.ty-number > * { padding-left:1.6rem; }
.bul-txt.ty-number > *:before { counter-increment:title-num; content:counter(title-num) "."; top:0; width:auto; height:auto; background:none; }
.ins-view .insv-bul.deci3 > li { position:relative; text-align:left; padding-left:1.7rem; }
.ins-view .insv-bul.deci3 > li:before { content:""; position:absolute; left:0; top:0; }
.ins-view .insv-bul.deci3 > li:nth-child(1):before { content:"①"; }
.ins-view .insv-bul.deci3 > li:nth-child(2):before { content:"②"; }
.ins-view .insv-bul.deci3 > li:nth-child(3):before { content:"③"; }
.ins-view .insv-bul.deci3 > li:nth-child(4):before { content:"④"; }
.ins-view .insv-bul.deci3 > li:nth-child(5):before { content:"⑤"; }
.ins-view .insv-bul.deci3 > li:nth-child(6):before { content:"⑥"; }
.ins-view .insv-bul.deci3 > li:nth-child(7):before { content:"⑦"; }
.ins-view .insv-bul.deci3 > li:nth-child(8):before { content:"⑧"; }
.ins-view .insv-bul.deci3 > li:nth-child(9):before { content:"⑨"; }
.ins-view .insv-bul.deci3 > li:nth-child(10):before { content:"⑩"; }
.ins-view .insv-bul.deci3 > li:nth-child(11):before { content:"⑪"; }
.ins-view .insv-bul.deci3 > li:nth-child(12):before { content:"⑫"; }
.ins-view .insv-bul.deci3 > li:nth-child(13):before { content:"⑬"; }
.ins-view .insv-bul.deci3 > li:nth-child(14):before { content:"⑭"; }
.ins-view .insv-bul.deci3 > li:nth-child(15):before { content:"⑮"; }

/* txt */
.cont-mes-wrap:not(:first-child) { margin-top:3.2rem; }
.cont-mes-wrap .bul-txt > li + li, 
.cont-mes-wrap .bul-txt > dd + dd { margin-top:1rem; }

/* insv */
.ins-view .insv-box tfoot tr > * { border-top:1px solid rgba(0,0,0,0.12); line-height:2.4rem; }

/* 에러 */
.container > .cont-result.ty-error:first-child { padding:6.4rem 0; }
.cont-result.ty-error .txt + * { margin-top:6.4rem; }
.cont-result.ty-error .txt span { text-align:inherit; }

/* 로딩중 */
.loading-car { --time:calc(var(--speed) / var(--scene)); display:none; position:fixed; top:calc(var(--safe-top) * -1); left:0; right:0; bottom:calc(var(--safe-btm) * -1); background:rgba(0,0,0,0.7); z-index:9000; }
.loading-car .loading-mes-wrap { display:flex; flex-direction:column; justify-content:center; height:100%; padding:calc(var(--safe-top) + 4.3rem) var(--spc6) calc(var(--safe-btm) + 4.3rem); color:var(--colorW); }
.loader { --size:12.4rem; --border:2px; position:relative; margin:0 auto 0 auto; width:var(--size); height:var(--size); font-size:0; background-repeat:no-repeat; background-position:center; background-size:auto 7.2rem; }
.loadder-scene { --aniSpeed:0.9s; position:relative; margin-top:3.2rem; min-height:12rem; overflow:hidden; }
.scene-cont { position:absolute; top:0; left:0; width:100%; }
.scene-cont.active { position:static; }
.scene-cont > * > * { opacity:0; transform:translateY(var(--height)); animation:loadingList var(--aniSpeed) cubic-bezier(0.4, 0, 0.2, 1) forwards; animation-delay:var(--delay); }
.scene-cont > *:nth-child(1) > *:nth-child(1) { --delay:0.2s; }
.scene-cont > *:nth-child(1) > *:nth-child(2) { --delay:0.35s; }
.scene-cont > *:nth-child(2) > *:nth-child(1) { --delay:0.5s; }
.scene-cont > *:nth-child(2) > *:nth-child(2) { --delay:0.65s; }
.scene-txt { --height:2.6rem; line-height:var(--height); font-size:2rem; font-weight:bold; text-align:center; }
.scene-txt > span { display:block; }
.scene-list { display:flex; flex-direction:column; align-items:center; margin-top:2.4rem; }
.scene-list > li + li { margin-top:1.2rem; }
.scene-list > li { --height:1.6rem; padding-left:2.4rem; line-height:var(--height); font-size:1.4rem; font-weight:bold; background-image:var(--imgUrl); background-repeat:no-repeat; background-position:0 0; }

@keyframes loadingList { 
	0% { opacity:0; transform:translateY(var(--height)); }
	100% { opacity:1; transform:translateY(0); }
}

/* ALICE - 함께가입 */
.brand-drive .info-data-wrap .info-data-title1.folding { background:rgba(22,88,154,0.5); }
.c-head .ctx16:first-child { margin-bottom:1.2rem; width:100%; }
.c-title .point { color:var(--brand-color2); }
.info-data.lpoint { margin-top:2.4rem; padding:2rem 1.6rem; color:#fff; background:#179bfa; }
.info-data.lpoint .ctx16 + .ctx12 { margin-top:0.8rem; }
.info-data.lpoint .point { color:var(--colorCOMYL); }
.tit-img + * { margin-top:1.2rem; }
.tit-img { display:block; line-height:var(--height); height:var(--height); }
.tit-img img { height:100%; vertical-align:top; }
[class*="btn-cm"].ty-link:after { content:'\e81d'; display:inline-block; margin-left:0.6rem; color:#000; line-height:1; font-size:var(--fontSz4); font-family:var(--fontIco); font-weight:var(--fontWg2); }
.pop-type-car .noti-cont + .car-possible { margin-top:3.2rem; }
.info-data-wrap .info-ref .ty-n { padding:0; text-indent:0; }
.info-data-wrap.ty-intro .info-data-title1 { --brand-color6:#fff; color:#000; }
.flag-txt5 { display:inline-block; padding:0.1rem var(--spc2) 0 var(--spc2); min-width:4.0rem; height:1.8rem; color:var(--colorB); line-height:1.7rem; font-size:1.1rem; font-weight:var(--fontWg1); border-radius:0.9rem; background:var(--colorCOMYL); text-align:center; } /* 노랑 */

/******************** BASIC ********************/
:root {
	/* --colorBCS1:#; contents bg */
	/* --colorBCS2:#; 브랜드 포인트 컬러 */
	/* --colorBCS3:#; 안내팝업 버튼1 */
	/* --colorBCS4:rgba(,,,0.4); 안내팝업 버튼2 */
	--colorBCS5:#011c64; /* form, box */
	/* --colorBCS6:#; 보험박스 타이틀 */
}
.brand-basic { 
	/* --brand-color1:var(--colorBCS1); contents bg */
	/* --brand-color2:var(--colorBCS2); 브랜드 포인트 컬러 */
	/* --brand-color3:var(--colorBCS3); 안내팝업 버튼1 */
	/* --brand-color4:var(--colorBCS4); 안내팝업 버튼2 */
	--brand-color5:var(--colorBCS5); /* form, box */
	/* --brand-color6:var(--colorBCS6); 보험 박스 타이틀 */
}

/****************************** DRIVE (미드나잇) ******************************/
:root {
	/* car */
	--colorBCG1:#16589a; /* contents bg */
	--colorBCG2:#9effbc; /* 브랜드 포인트 컬러 */
	--colorBCG3:#16589a; /* 안내팝업 버튼1 */
	--colorBCG4:rgba(22,88,154,0.4); /* 안내팝업 버튼2 */
	--colorBCG5:#24285c; /* form, box */
	--colorBCG6:#2e3264; /* 보험박스 타이틀 */
}

.brand-drive { 
	--el-tab-bg:#0e104a; /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, #05052b, #0e104a); /* contents bg */
	--brand-bg-h: #05052b; /* 브랜드 header 그라데이션 */
	--brand-bg: #0e104a; /* 브랜드 배경컬러 */
	--brand-trans-line:var(--colorWO16); /* 본인인증/로그인 인트로 line */
	--brand-check-color:var(--colorWO2); /* 브랜드 checkbox 컬러 */
	--brand-border-color:#c22aff; /* 브랜드 border 컬러 */
	--brand-color-default:var(--brand-color1); /* 공통컬러 = 메인bg컬러, 브랜드컬러는 --brand-color1과 동일 */

	--brand-color1:var(--colorBCG1); /* contents bg */
	--brand-color2:var(--colorBCG2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorBCG3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorBCG4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorBCG5); /* form, box */
	--brand-color6:var(--colorBCG6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCG7); /* 상품가입 메인 */
	--brand-color10:var(--colorBCG2); /* 카드 목록 딤위 포인트컬러 */
	--brand-color-old:var(--colorBCG2);

	--fm-disable-bg:repeating-linear-gradient( -60deg, #212c65, #212c65 4px, #192460 4px, #192460 10px );
	--fm-disable-bg-default:repeating-linear-gradient( -60deg, #00d032, #00d032 4px, #3cff6b 4px, #3cff6b 10px );
	--fm-state-bg:repeating-linear-gradient( -60deg, rgba(255,255,255,0.04), rgba(255,255,255,0.04) 4px, rgba(255,255,255,0.1) 4px, rgba(255,255,255,0.1) 10px );
	--fm-pw:url("../../img/b/car/com/fm-pw9.png");

	--el-toast-txt:var(--brand-color2);

	--pointType:#fff;
}

/****** ALICE - 상품랜딩 (공통) ****************/
.ins-main-title .ko { display:block; margin-bottom:-0.6rem; padding-top:1rem; line-height:1.8rem; font-size:1.4rem; font-weight:100; font-family:var(--fontF2); }
.ins-main-bg.is-background { background:var(--imgUrl) no-repeat right center; background-size:cover; }

/****** ALICE - DRIVE 상품랜딩 gradient ****************/
body.drive-main { --brand-bg-h:#0e104a; --brand-bg:#0e104a; }
[data-brand*="drive-main"] .ins-main-section1 { background:linear-gradient(to bottom, #0e104a, rgba(158,255,188,0.6)) no-repeat center bottom; background-size:auto 44.4rem; }
[data-brand*="drive-main"] .ins-main-section2 { background:linear-gradient(to bottom, rgba(0,17,108,0), #00116c); }

/********** ALICE - 자동차보험 상품랜딩 **********/
.ins-701 > [class*="ins-main-section"] { padding-bottom:9rem; }
.ins-701 .ins-main-bg { bottom:0; height:100%; }
.ins-701 .ins-main-section1 { padding-bottom:0; background:none; }
.ins-701 .ins-main-section1 .section1 { margin:0; height:35.8rem; }
.ins-701 .ins-main-section1 .section1:after { display:none; }
.ins-701 .ins-main-section1 .ins-main-title { padding-bottom:2rem; }
.ins-701 .ins-main-section1 .ins-main-title .name { margin:0; }
.ins-701 .ins-main-section2 { margin:-7.7rem 0 0 0; padding-top:0; padding-left:0; background:none !important; }
.ins-701 .ins-main-section2:before { display:none; }
.qr-code-area[data-intro-ani="y"] { transform:translateY(0); transition-duration:0.8s; transition-delay:1s !important; }
.qr-code-area { position:relative; width:11rem; }
.qr-code-area .txt { position:absolute; bottom:1rem; left:0; width:100%; color:var(--brand-color2); line-height:1.8rem; font-size:1.4rem; font-weight:100; text-align:center; }
.qr-code { display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:0.5rem; width:100%; height:11rem; border-radius:1.5rem; background:rgba(0,0,0,0.8); }
.qr-code:before, .qr-code:after, .qr-code-wrap:before, .qr-code-wrap:after { content:""; position:absolute; top:0.6rem; left:0.6rem; width:1.4rem; height:1.4rem; border-radius:1rem 0 0 0; border-top:1px solid var(--brand-color2); border-left:1px solid var(--brand-color2); }
.qr-code:after { left:auto; right:0.6rem; transform:rotate(90deg); }
.qr-code-wrap:before { top:auto; bottom:0.6rem; transform:rotate(270deg); }
.qr-code-wrap:after { top:auto; bottom:0.6rem; left:auto; right:0.6rem; transform:rotate(180deg); }
.qr-code-wrap { display:flex; flex-direction:column; justify-content:center; align-items:center; padding-bottom:1rem; }
.qr-code img { width:5.4rem; height:5.4rem; vertical-align:top; }
.wrap-slider-list-banner > [data-slider] .slide { transition-property:opacity; height:100%; }
.list-slide-banner { height:15rem; }
.list-slide-banner > li .img { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:2.4rem; border:1px solid rgba(255,255,255,0.2); background:linear-gradient(to bottom, rgba(121,18,167,0), #0e104a), linear-gradient(to right, #004abc, #0e104a); background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-size:cover, cover; text-align:right; overflow:hidden; }
.list-slide-banner > li img { height:100%; vertical-align:top; }
.list-slide-banner .li-wrap { display:flex; flex-direction:column; padding:3.2rem 2.4rem; height:100%; }
.list-slide-banner .tit-sm { display:block; line-height:2rem; font-size:1.6rem; font-weight:500; }
.list-slide-banner .tit { display:block; margin-top:0.4rem; line-height:3rem; font-size:2.4rem; }
.list-slide-banner .txt { display:block; margin-top:0.2rem; line-height:1.6rem; font-size:1.2rem; font-weight:300; }
.list-slide-banner .li-wrap > * { opacity:0; transition:all 0.6s ease 0.3s; }
.list-slide-banner .li-wrap > .tit-sm { transform:translateY(1.5rem); }
.list-slide-banner .li-wrap > .tit { transform:translateY(1rem); transition-delay:0.6s; }
.list-slide-banner .li-wrap > .txt { transform:translateY(1rem); transition-delay:0.9s; }
.list-slide-banner > .active .li-wrap > * { opacity:1; transform:translateX(0); }
.wrap-slider-list-banner .slide-control { position:absolute; bottom:3rem; left:2.4rem; }
.wrap-slider-list-banner .pagination-bullets > button + button { margin-left:0.6rem; }
.wrap-slider-list-banner .pagination-bullets > button { margin:0; width:0.6rem; height:0.6rem; transition:all 0.2s ease 0s; }
.wrap-slider-list-banner .pagination-bullets > button:before { top:0; left:0; margin:0; width:100%; height:100%; background:#fff !important; opacity:0.2; }
.wrap-slider-list-banner .pagination-bullets > button.active { width:1.4rem; }
.wrap-slider-list-banner .pagination-bullets > button.active:before { border-radius:2rem; opacity:1; }
.wrap-slider-list-banner .pagination-ctrl { overflow:hidden; position:absolute; left:3.0rem; top:2.0rem; width:1px; height:1px; font-size:1px; line-height:1.0rem; opacity:0; }
.banner-car { margin-top:1.6rem; }
.banner-car * { vertical-align:top; }
.list-data-sc { margin-top:3.2rem; }
.list-data-sc > li + li { margin-top:1.2rem; }
.list-data-sc .li-wrap { padding:1.4rem 2.4rem 2.4rem 2.4rem; min-height:13.4rem; border-radius:1.2rem; background:var(--brand-color5) var(--imgUrl) no-repeat top 1rem right 1rem; background-size:6.8rem; }
.discount-rate > dd { line-height:3.4rem; color:var(--brand-color2); }
.discount-rate > dd * { vertical-align:top; }
.discount-rate > dd > span { font-size:1.6rem; }
.discount-rate > dd > strong { font-size:2.8rem; }
.discount-rate > dd > strong span { font-size:1.8rem; }
.discount-rate + .sc-infor { margin-top:1.6rem; }
.sc-infor > dt { line-height:2rem; font-size:1.6rem; font-weight:500; }
.sc-infor > dd { margin-top:0.6rem; line-height:2rem; font-size:1.4rem; font-weight:100; }
.list-link { margin-top:2.4rem; }
.list-link > li + li { margin-top:0.8rem; }
.list-link > li { border-radius:1.6rem; background:var(--brand-color5); }
.list-link > li .cont-conversance { padding:0 1.6rem; }
.list-link > li .cont-conversance > .ins-view { margin-top:0; padding:3.2rem 0; border-top:1px solid rgba(255,255,255,0.16); }
.list-link > li .cont-conversance > .ins-view > *:first-child { margin-top:0; }
.list-link > li .cont-conversance > .ins-view .insv-bul.disc > li::before { background-color:#fff; }
.list-link > .active .item-cont:before { transform:rotate(-90deg); }
.item-link, .item-cont { display:flex; align-items:center; position:relative; padding:1.4rem 1.6rem; line-height:2rem; font-size:1.6rem; font-weight:300; }
.item-link:before, .item-cont:before { content:'\e81d'; position:absolute; top:50%; right:1.6rem; margin-top:-0.8rem; color:#fff; line-height:1; font-family:var(--fontIco); font-size:var(--fontSz4); font-weight:var(--fontWg2); }
.item-cont:before { transform:rotate(90deg); }
.brand-drive .cont-conversance .ins-view .point-txt { color:var(--brand-color2) !important; }
.compliance-confirm { margin-top:1.2rem; padding:0 1.6rem; color:rgba(255,255,255,0.4); line-height:1.6rem; font-size:1.2rem; }
.sidebar.ty-gap { gap:1.4rem; }
.sidebar.ty-gap > a { padding:0.4rem 0 1rem 0; width:5.6rem; height:5.6rem; }
.sidebar.ty-gap > .bcm { padding-top:0; padding-bottom:0; }
.sidebar > .bcm { display:flex; justify-content:center; align-items:center; flex:1; padding:0 2.4rem; width:auto; color:var(--brand-font2); font-size:1.6rem; font-weight:bold; background:var(--brand-color2); box-shadow:none; }
.drive-main .sidebar > .bcm { background:#4bd4c2; }

/* ALICE - 상품랜딩 (알아두실사항) */
.box-flag-logo { width:100%; overflow:hidden; }
.box-flag-logo .flag-logo { margin-right:1.2rem; width:8.2rem; float:left; }
.insv-txt2 { line-height:1.71; font-size:1.2rem; }
* + .box-flag-logo, .box-flag-logo + * { margin-top:2rem; }
.terms .insv-txt2 { line-height:inherit; font-size:inherit; }
.terms-list .box-flag-logo { display:inline-block; vertical-align:top; }

/* ALICE - 본인인증 */
.fm-chk-group-area { margin-top:4rem; }
.fm-cont > .fm-chk5-g[class*="n"],
.fm-chk-group-area > *:first-child,
.fm-chk-group-area > legend + * { margin-top:0 !important; padding-top:0 !important; }
.fm-chk-group-area [class*="fm-chk-all"] + [class*="fm-chk-all"] { margin-top:0.8rem; }
.fm-chk-group-area [class*="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.5); }
.fm-chk-group-area [class*="fm-chk-all"] .fm-chk1 .fm-chk-lb:before,
.fm-chk-group-area [class*="fm-chk-all"] .fm-chk1 .fm-chk-lb:after { top:1.6rem; left:1.6rem; }
.fm-chk-group-area [class*="fm-chk-all"] .fm-chk1 > input:checked + .fm-chk-lb { color:#fff; border-color:var(--brand-color2); }
.fm-chk1 > input:checked + .fm-chk-lb:after { font-weight:400; }
.fm-chk-group-area .fm-chk-all-required .fm-chk1 .fm-chk-lb { background:rgba(255,255,255,0.12); }
.fm-chk-group:first-child { margin-top:0; }
.fm-chk-group { margin-top:2.4rem; border-radius:1.6rem; background:var(--brand-color5); }
.fm-chk-group-item + .fm-chk-group-item { border-top:1px solid rgba(255,255,255,0.16); }
.fm-chk-group-item { padding:2.4rem 2.1rem 2.4rem 1.6rem; }
.fm-chk-group-item:first-child { padding-top:3.2rem; }
.fm-chk-group-item:last-child { padding-bottom:3.2rem; }
.fm-chk-group-item:first-child:last-child { padding-top:2.4rem; padding-bottom:2.4rem; }
.fm-chk-group-item .fm-chk-item { position:relative; }
.fm-chk-group-item .fm-chk-lb { display:block; padding-right:2.6rem; line-height:2.4rem; font-size:1.6rem; }
.fm-chk-group-item .fm-chk-lb:before, .fm-chk-group-item .fm-chk-lb:after { top:0.2rem; }
.fm-chk-group-item .fm-toggle,
.fm-chk-group-item .fm-view { position:absolute; top:0; right:0; width:2rem; height:2rem; }
.fm-chk-group-item .fm-toggle:before,
.fm-chk-group-item .fm-view: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 #fff; border-left:1px solid #fff; transform:rotate(-135deg); }
.fm-chk-group-item .fm-view { top:0; width:2rem; height:2rem; }
.fm-chk-group-item .fm-view:before { top:1.2rem; margin-left:-0.6rem; border-color:rgba(255,255,255,0.3); transform:rotate(135deg); }
.fm-chk-group-item > .fm-chk-item .fm-view { top:50%; margin-top:-1rem; }
.fm-chk-group-item.on .fm-toggle:before { margin-top:-0.1rem; transform:rotate(45deg); }
.fm-chk-item + .fm-chk-list > ul { padding:2.4rem 0 0 3.2rem; }
.fm-chk-list { overflow:hidden; }
.fm-chk-list > ul { position:relative; }
.fm-chk-list > ul > li + li { margin-top:2rem; }
.fm-chk-list .fm-chk-lb, .fm-chk-txt { display:block; padding-left:3.2rem; line-height:2rem; font-size:1.4rem; }
.fm-chk-list .fm-chk-lb:before, .fm-chk-list .fm-chk-lb:after { top:0; left:0; }

/* ALICE - 결제 */
.fm-chk20-g + .cont-mes-s { margin-top:1.6rem; }
.fm-chk20-g { display:flex; flex-wrap:wrap; margin-top:1.6rem; }
.fm-chk20-g.col3 > * { margin:1.2rem 1.2rem 0 0; width:calc((100% / 3) - 0.8rem); }
.fm-chk20-g.col3 > *:nth-child(1),
.fm-chk20-g.col3 > *:nth-child(2),
.fm-chk20-g.col3 > *:nth-child(3) { margin-top:0; }
.fm-chk20-g.col3 > *:nth-child(3n) { margin-right:0; }
.btn-appcard { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:9.6rem; line-height:1.8rem; font-size:1.4rem; border-radius:2rem; background:var(--colorBO32); }
.btn-appcard:before { content:"+"; display:block; }
.fm-chk20 { position:relative; }
.fm-chk20 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk20 .fm-chk-lb { display:flex; align-items:center; justify-content:center; padding:1.4rem 0.6rem; min-height:9.6rem; line-height:1.8rem; font-size:1.4rem; border-radius:2rem; background:var(--colorBO32); }
.fm-chk20 .fm-chk-lb { flex-direction:column; }
.fm-chk20 .fm-chk-lb:before { content:""; display:block; margin:0.6rem auto 0.8rem auto; width:3.6rem; height:3.6rem; background-image:var(--img); background-repeat:no-repeat; background-position:center; background-size:contain; }
.fm-chk20 input:checked + .fm-chk-lb { color:#000; font-weight:bold; background:var(--brand-color2); }
.fm-chk-group.ty-line { border:1px solid var(--colorCOMNV); }
.fm-chk-group.ty-line .fm-chk-group-item { padding-left:1.6rem; padding-right:2.4rem; }
.fm-chk-group.ty-line .fm-chk-item + .fm-chk-list > ul { margin-top:2.4rem; padding:2.6rem 0 0.8rem 0; border-top:1px solid rgba(255,255,255,0.16); }
.fm-chk-group.ty-only .fm-chk-group-item .fm-chk-item .fm-toggle { top:0.2rem; }
.fm-chk-group.ty-only .fm-chk-group-item .fm-chk-item .fm-toggle:before { margin:-0.4rem 0 0 -0.6rem; transform:rotate(135deg); }
.ico-appcard:before { display:inline-block; margin-right:0.4rem; width:2rem; height:2.6rem; background:url("../../img/b/com/icon-appcard.png") no-repeat center; background-size:contain; }
.fm-field > *:first-child, .fm-field > legend + * { margin-top:0 !important; }
.card-tab-area { margin-top:1.6rem; }
.card-tab-area > .tab-cont > *:first-child { margin-top:0; }
.view-link { display:block; position:relative; padding:1.4rem 4.4rem 1.4rem 1.6rem; line-height:2rem; font-size:1.6rem; border-radius:1.6rem; background:var(--brand-color5); }
.view-link:before { content:""; position:absolute; top:50%; right:2.2rem; margin:-0.5rem 0 0 -0.4rem; width:0.7rem; height:0.7rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(135deg); }
.list-data-benefits > li + li { margin-top:2.4rem; }
.list-data-benefits > li { position:relative; padding-left:4.8rem; min-height:3.8rem; line-height:1.8rem; font-size:1.4rem; }
.list-data-benefits > li .img { position:absolute; top:0.1rem; left:0; width:3.6rem; }
.list-data-benefits > li img { vertical-align:top; }
.list-data-benefits > li .tit { display:block; font-weight:normal; }
.list-data-benefits > li .dsc { display:block; margin-top:0.2rem; opacity:0.5; }

/* ALICE - 슬라이드TAB + TAB컨텐츠 */
.ins-view .tab2 ~ .tab-cont > .insv-box:first-child { margin-top:0; }

/* ALICE - 상품 설명에 대한 계약자 확인 내용 (INS-306-POP01) */
.info-oneday-scroll.ty-nomral .insv-list { margin:0; }
.info-data3.info-oneday.ty-nomral { position:static; width:auto; }

/* ALICE - 공통 (radio, check) */
.fm-cont > .tab2:first-child { margin-top:0; }
.fm-label.ty-b { margin-bottom:1.6rem; color:inherit; line-height:2rem; font-size:1.6rem; }
[class*="fm-chk-line"] { position:relative; }
[class*="fm-chk-line"] input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
[class*="fm-chk-line"] .fm-chk-lb { display:flex; padding:0 0.4rem; height:100%; color:var(--colorW); line-height:1.8rem; font-size:1.4rem; font-weight:var(--fontWg3); border-radius:1.6rem; border:2px solid transparent; background:var(--brand-color5); justify-content:center; align-items:center; }
[class*="fm-chk-line"] input:checked + .fm-chk-lb,
[class*="fm-chk-line"] input.active + .fm-chk-lb { font-weight:var(--fontWg1); border-color:var(--brand-color2); }
[class*="fm-chk-line"] input:disabled + .fm-chk-lb { background:var(--fm-disable-bg); }
[class*="fm-chk-line"] input:disabled + .fm-chk-lb:before,
[class*="fm-chk-line"] input:disabled + .fm-chk-lb:after { opacity:0.4; }
.fm-chk-line + .fm-chk-line { margin-left:0.8rem; }
.fm-chk-line { flex:1; min-height:4rem; }
.fm-chk-line-img { min-height:5.6rem; }
.fm-chk-line-img .fm-chk-lb { border-radius:2rem; justify-content:flex-start; }
.fm-chk-line-img .fm-chk-lb:before { content:""; display:inline-block; margin-right:1.2rem; width:4.4rem; height:4.4rem; border-radius:1.6rem; background:#000 var(--url); background-size:cover; overflow:hidden; }
[class*="fm-chk-line-circle"] { min-height:5.6rem; }
[class*="fm-chk-line-circle"] .fm-chk-lb { position:relative; padding:0 5rem 0 1.8rem; border-radius:2rem; }
[class*="fm-chk-line-circle"] .fm-chk-lb:before, 
[class*="fm-chk-line-circle"] .fm-chk-lb:after { content:''; position:absolute; top:50%; right:1.6rem; transform:translateY(-50%); box-sizing:border-box; }
[class*="fm-chk-line-circle"] .fm-chk-lb:before { width:2.0rem; height:2.0rem; border-radius:100%; background-color:var(--brand-colorBE1); }
[class*="fm-chk-line-circle"] .fm-chk-lb:after { right:2.2rem; width:0.8rem; height:0.8rem; border-radius:100%; }
[class*="fm-chk-line-circle"] input[type="checkbox"] + .fm-chk-lb:before { border-radius:var(--bdrRds1); }
[class*="fm-chk-line-circle"] input[type="checkbox"] + .fm-chk-lb:after { content:'\e807'; right:1.6rem; display:block; width:auto; height:auto; color:transparent; line-height:1; font-size:2rem; font-family:var(--fontIco); font-weight:normal; }
[class*="fm-chk-line-circle"] input[type="checkbox"]:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
[class*="fm-chk-line-circle"] input[type="checkbox"]:checked + .fm-chk-lb:after { color:var(--brand-font2); }
[class*="fm-chk-line-circle"] > input:checked + .fm-chk-lb:after { background-color:var(--brand-color2); }
[class*="fm-chk-line-circle"].ty-double { min-height:7.2rem; }
[class*="fm-chk-line-circle"].ty-double .fm-chk-lb { padding-top:1.4rem; padding-bottom:1.4rem; }
.fm-chk-line-circle .fm-chk-lb { justify-content:flex-start; }
/* .fm-chk-line-img.ty-etc .fm-chk-lb:after { content:""; position:absolute; top:50%; left:1.7rem; width:2.4rem; aspect-ratio:6; background:radial-gradient(circle closest-side, #fff 100%, transparent) 0/calc(100%/3) 100% space; transform:translateY(-50%); } */
.fm-chk5-g.n1 > [class*="fm-chk"] + [class*="fm-chk"] { margin-top:1.2rem; }
.fm-chk5-g.n1 > [class*="fm-chk"] { width:100%; }
.fm-chk5-g.n2 { margin:0; padding-top:3.2rem; }
.fm-chk5-g.n2 > [class*="fm-chk"] { margin-top:0.8rem; width:calc(50% - 0.4rem); }
.fm-chk5-g.n2 > [class*="fm-chk"]:nth-child(2n) { margin-left:auto; }
.fm-chk5-g.n2 > [class*="fm-chk"]:nth-child(1), .fm-chk5-g.n2 > [class*="fm-chk"]:nth-child(2) { margin-top:0; }

/* ALICE - 실험실 (LVT) */
.intro-safe-driving { margin:2rem -2.4rem 0 -2.4rem; }
.intro-safe-driving img { width:100%; vertical-align:top; }
.des-box { margin-top:2.4rem; min-height:8.4rem; line-height:2.8rem; font-size:2rem; text-align:center; }
.c-head2 .btn-cms { margin-left:auto; }
.btn-cms { padding:0.1rem 1.2rem 0 1.2rem; height:2.2rem; color:#000; line-height:2rem; font-size:1.2rem; font-weight:bold; border-radius:1.1rem; background:#fff; }
.list-data30 { margin-top:1.6rem; }
.list-data30 > * { margin:0 -2.4rem; padding:0 1.2rem; }
.list-data30 .item { margin:0 1.2rem; width:calc(100% - 2.4rem); }
.list-data30 .item.on .item-wrap { border-color:var(--brand-color2); }
.list-data30 .item-wrap { display:flex; flex-direction:column; position:relative; padding:2.2rem; min-height:11rem; border-radius:1.6rem; border:2px solid transparent; background:var(--brand-color5); transition:border 0.2s ease 0s; }
.list-data30 .item-wrap + [class*="btn"] { margin-top:1.6rem; }
.list-data30 .item .number { display:block; line-height:3.2rem; font-size:2.4rem; }
.list-data30 .item .name { display:block; margin-top:0.4rem; line-height:1.8rem; font-size:1.6rem; }
.list-data30 .item .btn-area { display:flex; align-items:center; margin:0 0 1rem 0; order:-1; }
.list-data30 .item .btn-area [class*="btn-"] { flex:unset; margin-left:auto; }
.list-data30 .item .flag-txt { transition:all 0.2s ease 0s; }
.btn-item-del { width:2rem; height:2rem; }
.btn-item-del:before { content:'\e829'; display:inline-block; line-height:2rem; font-size:2rem; font-family:var(--fontIco); }
[class*="btn"].icon-reconnect:before { content:'\e80f'; display:inline-block; margin-right:0.8rem; line-height:1; font-size:1.7rem; font-weight:normal; font-family:var(--fontIco); }
.flag-txt.ty30 { min-width:6rem; color:#fff; background:rgba(255,255,255,0.2); box-sizing:border-box; }
.on .flag-txt.ty30 { color:#000; background:var(--brand-color2); }
.container > .c-head-mes:first-child { padding-top:4rem; }
.c-head-mes { line-height:2.4rem; font-size:1.8rem; }
.sec-area { margin-top:3.2rem; }
.sec-gray + .sec-gray { margin-top:2rem; }
.sec-gray { padding:2.2rem 2.4rem 2.4rem 2.4rem; border-radius:1.6rem; background:#f8f8f8; }
.tit-sec-gray { line-height:2rem; font-size:1.4rem; }
.sec-gray .cont-mes4 { margin-top:0.6rem; color:#000; }
.sec-gray .btn-cmi { width:100%; }
.btn-cmi.btn-c2 { color:#fff; background:#000; }
.btn-cmi.btn-c2.disabled, .btn-cmi.btn-c2:disabled { color:#000; border:1px solid #000; background:transparent; }
.icon-tit-si:before { content:""; display:inline-block; margin-right:0.8rem; width:2rem; height:2rem; background:var(--imgUrl) no-repeat 0 center; background-size:2rem; vertical-align:top; }
.btn-ins-view.ty-ts { font-size:1.4rem; }
.btn-ins-view.ty-white:after { color:#fff; }
.des-etc-wrap { display:flex; margin-top:0.8rem; width:100%; }
.bul-txt.ty-number.ty-b > * { padding-left:2rem; line-height:2.4rem; font-size:1.6rem; }
.bul-txt.ty-number.ty-b > *:before { font-weight:bold; }
.list-data-car > li + li { margin-top:2.4rem; }
.data-car-box { position:relative; padding:2.4rem; border-radius:1.6rem; background:var(--brand-color5); }
.item-full-chkrdo, .item-full-chkrdo input { position:absolute; top:0; left:0; right:0; bottom:0; }
.item-full-chkrdo .fm-chk-lb { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; overflow:hidden; }
.item-full-chkrdo .fm-chk-lb:before { content:""; display:block; height:100%; border-radius:1.6rem; border:2px solid transparent; box-sizing:border-box; }
.item-full-chkrdo input:checked + .fm-chk-lb:before { border-color:var(--brand-color2); }
.data-car-box .head { min-height:8.4rem; }
.data-car-box .number { display:block; line-height:3.2rem; font-size:2.4rem; }
.data-car-box .name { display:block; margin-top:0.4rem; color:rgba(255,255,255,0.5); line-height:2rem; font-size:1.4rem; }
.data-car-box .cont { margin-top:2.4rem; }
.info-data-s { display:flex; color:rgba(255,255,255,0.5); line-height:1.6rem; font-size:1.4rem; }
.info-data-s > dt { margin-right:auto; font-size:1.2rem; background:var(--brand-color5); }
.brand-drive .list-data10 .info-data-title3 { background-color:var(--brand-color6); }
.brand-drive .list-data10 div.info-data6 { background:var(--brand-color5); }
.brand-drive .list-data10 .ins-brand { color:rgba(255,255,255,0.5); }
.brand-drive .list-data10 .item:not([class*="brand-"]) > div.info-data6 dl.info-data6 dt { color:rgba(255,255,255,0.6); }
.list-safe-drive-score { margin-top:1.6rem; }
.list-safe-drive-score ul { display:flex; gap:1.2rem; }
.list-safe-drive-score li { width:calc((100% / 3) - 0.8rem); line-height:1.8rem; font-size:1.4rem; border-radius:1.6rem 1.6rem 1.2rem 1.2rem; background:var(--brand-color5); text-align:center; overflow:hidden; }
.list-safe-drive-score li .tit { display:block; padding:1.6rem; min-height:8.2rem; font-weight:bold; background:var(--imgUrl) no-repeat left 50% bottom 1rem; background-size:auto 3.2rem; box-sizing:border-box; }
.list-safe-drive-score li .txt { display:block; padding:0.9rem; font-weight:500; background:var(--brand-color1); }

/* 마이페이지 */
.ico110::before, .ico111::before, .ico112::before { width:2rem; height:2rem; background-repeat:no-repeat; background-position:center; background-size:contain; }
.ico110::before { background-image:url("../../img/b/lvt/icon-push-driver.png"); } /* 안전운전서비스 이용 동의 (MYP-07) */
.ico111::before { background-image:url("../../img/b/lvt/icon-push-block-overseas-login.png"); } /* 해외 로그인 차단 (MYP-07) */
.ico112::before { background-image:url("../../img/b/lvt/icon-push-log.png"); } /* 로그인 이력 (MYP-07) */

/* ALICE - 약관 */
.terms .mark3 > dd .terms-agree, .terms .mark3 > li .terms-agree { margin:1rem 0 2.4rem -1.5rem; }
.terms .mark5 > dd .terms-agree, .terms .mark5 > li .terms-agree { margin:1rem 0 2.4rem -1rem; }

/* ALICE - 원데이자동차 */
.btn-slt-arrow2.ty-ts { display:flex; width:100%; justify-content:end; align-items:center; }
.btn-slt-arrow2.ty-ts:after { content:'변경'; min-width:3.2rem; width:auto; }
.fm-sel-pop .cont-mes8 { color:var(--colorB); }
.fm-chk2.ty-detail { height:auto; }
.fm-chk2.ty-detail .fm-chk-lb { display:flex; flex-wrap:wrap; padding:1.5rem 5rem 1.5rem 2.4rem; height:auto; line-height:2rem; font-size:1.6rem; }
.fm-chk2.ty-detail .fm-chk-lb:after { top:50%; transform:translateY(-50%); }
.fm-chk2.ty-detail .fm-chk-lb strong { width:100%; }
.fm-chk2.ty-detail .fm-chk-lb span { position:relative; margin-top:0.4rem; line-height:1.6rem; font-size:1.2rem; font-weight:normal; }
.fm-chk2.ty-detail .fm-chk-lb span:not(:last-child) { margin-right:1.7rem; }
.fm-chk2.ty-detail .fm-chk-lb span:not(:last-child):after { content:""; position:absolute; top:50%; right:-0.8rem; width:1px; height:0.8rem; background:#000; transform:translateY(-50%); }
.flag-txt2.ty10 { padding:0.1rem 0 0 0; min-width:3.2rem; color:var(--brand-font2); font-size:1.1rem; background:var(--brand-color2); }
.btn-slt-arrow2.ty-fs { display:inline-flex; align-items:center; }
.btn-slt-arrow2.ty-fs:after { content:"변경"; margin-left:0.8rem; width:auto; min-width:3.2rem; vertical-align:middle; }
.btn-slt-arrow2.ty-fs .empty { display:inline-block; vertical-align:middle; }

/* ALICE - 상품랜딩 (컨텐츠) */
.ins-main-txt3-half { line-height:1.29; font-size:2.8rem; font-weight:bold; }
.txt-in-unit { display:inline-block; line-height:var(--lh); font-size:var(--fs); vertical-align:top; }

/* ALICE - 상품랜딩 (원데이자동차) */
.ins-main.ins-300 .ins-main-section1 { --bgHeight:26.7rem; padding-bottom:var(--bgHeight); }
.ins-main.ins-300 .ins-main-section1 > [class*="section"]:not(:first-child) > *:first-child { margin-top:0; }
.ins-main.ins-300 .ins-main-section1 > [class*="section"]:not(:first-child) .ins-main-txt4:not(:first-child),
.ins-main.ins-300 .ins-main-section1 > [class*="section"]:not(:first-child) .ins-main-txt4 + .ins-main-txt-img { margin-top:5.6rem; }
.ins-main.ins-300 .ins-main-section1 > [class*="section"]:not(:first-child) .ins-main-txt-img + .ins-main-ref { margin-top:3.2rem; color:var(--brand-font10); }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-txt-img { height:auto; }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-txt-img img { height:11.5rem; }
.ins-main.ins-300 .ins-main-section1 .section3 .ins-main-txt-img img { margin-left:2rem; padding-top:0.7rem; height:2.7rem; }
.ins-main.ins-300 .ins-main-section1 .section4 .ins-main-txt-img img { height:8rem; }
.ins-main.ins-300 .ins-main-section1 .section4 .ins-main-bg2 { bottom:calc(var(--bgHeight) * -1); height:var(--bgHeight); opacity:1; }
.ins-main.ins-300 .ins-main-section2 .section1 .ins-main-txt2 { margin-top:5.6rem; }
.ins-main.ins-300 .ins-main-section2 .section2 .ins-main-txt3 + .ins-main-txt1 { margin-top:1.2rem; }
.ins-main.ins-300 .ins-main-section2 .section2 .ins-main-txt1 + .ins-main-txt3 { margin-top:3.2rem; }
.ins-main.ins-300 .ins-main-section2 .ins-main-txt1 .txt-in { margin-top:3.7rem; }
.ins-main.ins-300 [class*="ins-main-section"] .ins-main-ref + .ins-main-ref { margin-top:0.4rem; }

/* 자동차보험 - 이벤트 */
.img-wrap { text-align:center; }
.img-wrap img { width:100%; vertical-align:top; }
.cont-mes-center { display:flex; justify-content:center; margin-top:1.2rem; }
.board-view-full { margin:0 -2.4rem calc(-3.2rem - var(--safe-btm)) -2.4rem; padding:0 2.4rem 4rem 2.4rem; color:#fff; }
.board-view-full.ty-event { background:#051b52; }
.board-view-full.ty-event > .img-wrap { position:relative; margin:0 -2.4rem; }
.img-wrap + .list-bltis01 { margin-top:1.6rem; }
.btn-cmt { display:block; padding:0 2rem; height:5.6rem; line-height:5.4rem; font-size:1.6rem; font-weight:bold; border-radius:2.8rem; border:1px solid transparent; background-color:#f25498; box-shadow:0.8rem 0.8rem 2.4rem 0 rgba(0, 0, 0, 0.4); pointer-events:all; }
.board-dsc { margin-top:6rem; color:#000; border-radius:2.4rem; background:#fff; overflow:hidden; }
.sec-board-dsc + .sec-board-dsc:before { content:""; position:absolute; top:0; left:2rem; width:calc(100% - 4rem); height:1px; background:#000; opacity:0.2; }
.sec-board-dsc { position:relative; padding:4rem 2rem; }
.sec-board-dsc > * + * { margin-top:2.4rem; }
.tit-img-board-dsc { text-align:center; }
.tit-img-board-dsc img { height:3rem; vertical-align:top; }
.img-wrap.ty-card img { max-width:27.2rem; }
* + .view-dsc { margin-top:3.2rem; }
.side-board-dsc { --height:3rem; position:relative; margin-top:var(--height); padding:calc(4rem - var(--height)) 2rem 4rem 2rem; background:#eff0f5; }
.side-board-dsc:before, .side-board-dsc:after { content:""; position:absolute; top:calc(var(--height) * -1); left:50%; width:50%; height:var(--height); border-radius:calc(var(--height) / 2) 0 0 0; background:#eff0f5; }
.side-board-dsc:before { left:0; border-radius:0 calc(var(--height) / 2) 0 0; }
.cont-mes-ss { line-height:1.4rem; font-size:1rem; text-align:center; }
.list-bltis01 + .cont-mes-ss { margin-top:2rem; }
[class*="img-event-banner"] { position:relative; margin:0 -2.4rem; padding:2.4rem; background-repeat:no-repeat, no-repeat; background-position:right center, 0 0; background-size:contain, contain; }
[class*="img-event-banner"] img { vertical-align:top; }
[class*="img-event-banner"] .txt-date { color:#fff; }
.img-event-banner01 { padding-top:4.2rem; height:19.2rem; background-image:url('../../img/b/event/@event-car02-bg.png'), linear-gradient(to bottom, #000523, #071339); }
.img-event-banner01 .txt-img img { height:9.6rem; }
.txt-date { margin-top:1.2rem; line-height:1.6rem; font-size:1.2rem; font-weight:500; }
.ins-view .insv-box.ty-ev .box-title::after { background:#16589a; }
.img-wrap-logo span { display:block; margin-top:0.6rem; line-height:1.6rem; font-size:1.2rem; }
.img-wrap-logo img { width:2.4rem; vertical-align:top; }
.board-dsc.ty-g { margin-top:4rem; background:#f8f8f8; }
.board-dsc.ty-g .sec-board-dsc { padding-top:3.2rem; padding-bottom:3.2rem; }

/* top 배너 */
.top-banner { display:none; position:absolute; top:0; left:0; right:0; padding:0.8rem 2.4rem; z-index:1; }
.top-banner-wrap { display:flex; align-items:center; padding:1.5rem 1.2rem 1.5rem 2.4rem; --color:#fff; border-radius:1.4rem; border:1px solid rgba(255,255,255,0.5); background:linear-gradient(260deg, #8d16f3, #3a00a0); box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.4); }
.top-banner-wrap .cont-mes2 { color:var(--color); }
.top-banner-wrap .btn-area { display:flex; align-items:center; margin:0 0 0 auto; }
.top-banner-wrap .btn-area > * { flex:unset; }
.top-banner-wrap .btn-area > * + * { margin:0 0 0 1.6rem !important; }
.btn-app-open { display:inline-block; padding:0 1.3rem; height:2.4rem; line-height:1; font-size:1.2rem; font-weight:bold; border-radius:1.2rem; background:linear-gradient(to right, #00e360, #1d85ff 108%); vertical-align:top; }
.btn-close-banner { width:1.6rem; height:1.6rem; }
.btn-close-banner:before { content:'\e805'; display:block; color:var(--color); line-height:1; font-size:1.1rem; font-family:var(--fontIco); font-weight:bold; }
.top-banner.ty-sb { padding:2.4rem; }
.top-banner.ty-sb .top-banner-wrap { --color:#000; border:2px solid #b1b1b1; background:#fff; }

/* 자동차보험 > 보험계약체결 및 상품소개를 위한 동의 BS */
.box-check-all .txt-check-all { margin:0.8rem 0 0 0; padding-bottom:0; border:0 none; }
.agree-scroll.ty-line { margin-top:1.6rem; padding-top:2.4rem; border-top:1px solid var(--colorBO16); }

/* ALICE > 공지 (팝업) */
.ctx-wrap { margin-top:2rem; }
.ctx-wrap > .ctx14 + .ctx14 { margin-top:1.2rem; }
.ty-icon-warning { padding-top:10rem; background:url('../../../resource/img/b/com/icon-warning.png') no-repeat center 0; background-size:auto 8rem; }

/* ctx */
[class*="ctx"].point, [class*="ctx"] .point { color:var(--brand-color2); }
.ctx40 { line-height:4.8rem; font-size:4rem; letter-spacing:-1px; }
.ctx38 { line-height:4.6rem; font-size:3.8rem; letter-spacing:-1px; }
.ctx36 { line-height:4.4rem; font-size:3.6rem; letter-spacing:-1px; }
.ctx34 { line-height:4.2rem; font-size:3.4rem; letter-spacing:-1px; }
.ctx32 { line-height:4rem; font-size:3.2rem; letter-spacing:-1px; }
.ctx30 { line-height:3.8rem; font-size:3rem; letter-spacing:-1px; }
.ctx28 { line-height:3.6rem; font-size:2.8rem; }
.ctx26 { line-height:3.4rem; font-size:2.6rem; }
.ctx24 { line-height:3.2rem; font-size:2.4rem; }
.ctx22 { line-height:3rem; font-size:2.2rem; }
.ctx20 { line-height:2.8rem; font-size:2rem; }
.ctx18 { line-height:2.4rem; font-size:1.8rem; }
.ctx16 { line-height:2.2rem; font-size:1.6rem; }
.ctx14 { line-height:2rem; font-size:1.4rem; }
.ctx12 { line-height:1.8rem; font-size:1.2rem; }
.ctx10 { line-height:1.4rem; font-size:1rem; }

/******************** 자동차보험 > 배달플랫폼 ********************/
.blt-dotted { position:relative; padding-left:0.6rem; }
.blt-dotted:before { content:"·"; position:absolute; top:0; left:0; }
.fm-ipt-wrap.ty-car-area .fm-unit { flex:unset; width:calc(36% - 0.8rem); }
.fm-ipt-wrap.ty-car-area .fm-unit:nth-child(3) { width:28%; }
.fm-ipt-wrap.ty-car-area .touchopt-wrap > div { height:calc(6.4rem * 5);; }
.fm-ipt-wrap.ty-car-area .touchopt-wrap::before { bottom:calc(6.4rem * 4); }
.fm-ipt-wrap.ty-car-area .touchopt-wrap::after { top:calc(6.4rem * 2); }
.fm-ipt-wrap.ty-car-area .touchopt-wrap .opt-in::after { height:calc(6.4rem * 3); }
.list-step-link { margin-top:4rem; }
.list-step-link li + li { margin-top:1.6rem; }
.list-step-link li .info-data { margin-top:0; }
.info-data.ty-link { padding:0; }
.info-data.ty-link a { display:block; position:relative; padding:1.6rem 5.6rem 1.6rem 2.4rem; }
.info-data.ty-link a:after { content:""; position:absolute; top:50%; right:2.4rem; width:0.7rem; height:0.7rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(135deg) translateY(50%); }
.insv-box.ty-s table tr > * { line-height:1.4rem; font-size:1.2rem; }
.c-head + .car-number-item { margin-top:4rem; }
.car-number-item[data-type="title"] { padding:1.6rem 3.5rem; }
.car-number-item[data-type="title"] input { height:3.2rem; line-height:3.2rem; font-size:2.4rem; }
.tit-car-number { display:block; margin-bottom:0.4rem; line-height:2rem; font-size:1.6rem; opacity:0.7; text-align:center; }
.c-title2 .smr { opacity:0.7; font-size:1.4rem; font-weight:normal; }
.info-data6 > .info-data-item:first-child { padding-top:0.8rem; }
.ty-blt-in { margin-top:0.4rem; padding-left:1.2rem; }
.ty-in-hr { margin-top:2.4rem; padding-top:2.4rem; border-top:1px solid rgba(255,255,255,0.16); }
.ty-in-hr .fm-chk7-g { justify-content:end; }
.ty-in-hr .fm-chk7-g > * + * { margin-left:3.2rem; }
.info-data6.ty-point { border:1px solid var(--brand-color2); }
.fm-complete.ty-dsc { margin:0; }
.fm-complete.ty-dsc .txt { margin-top:1.6rem; color:#fff; line-height:2.4rem; }
.info-data-title-line { padding:3.2rem 2.4rem 2.4rem 2.4rem; border-bottom:1px solid var(--brand-font3); background:var(--brand-color5); }
.info-data-title-line .fm-chk-data { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; }
.info-data-title-line .fm-chk-data input:checked + .fm-chk-lb { border-color:var(--brand-color2); }
.info-data-title-line .fm-chk-data .fm-chk-lb:before, .info-data-title-line .fm-chk-data .fm-chk-lb:after { display:none; }
.info-data-title-line .ins-title { display:flex; align-items:center; justify-content:space-between; }
.list-attach.ty-wide { margin:2rem 0 0 0; }
.list-attach.ty-wide .item + .item { margin-top:2rem; }
.list-attach.ty-wide .item { margin:0; width:100%; }
.list-attach.ty-wide .attach-item-btn { padding:2.4rem 1.6rem 4.4rem 1.6rem; }
.list-attach.ty-wide .attach-item-btn:before { height:4.4rem; }
.list-attach.ty-wide .attach-item-btn:after { bottom:1.2rem; }
.list-attach.ty-wide .txt1 { display:block; position:static; padding:0; text-align:left; }
.list-attach.ty-wide .txt2 { display:inline-block; }
.list-attach.ty-wide .txt2.block { font-weight:bold; opacity:0.6; }
.list-attach.ty-wide .txt2:not(.block) { margin-left:0.3rem; }
.list-attach.ty-wide .txt1.ty-number { --padding:1.4rem; padding-left:var(--padding); text-indent:calc(var(--padding) * -1); }
.list-attach.ty-wide .attach-item-add, .list-attach.ty-wide .attach-item-link { bottom:1.6rem; right:1.6rem; }
.list-attach.ty-wide .attach-item { padding:3.6rem 1.6rem 1.6rem 1.6rem; background-size:contain, contain; background-position:0 0, right 0; }
.list-attach.ty-wide .attach-item .txt3 { bottom:1.6rem; left:1.6rem; }
.list-attach.ty-wide .attach-item { background-image:url("../../img/b/cla/attach-bg1-wide.svg"), url("../../img/b/cla/attach-bg1-wide.svg"); }
.list-attach.ty-wide .attach-item.ty2 { background-image:url("../../img/b/cla/attach-bg2-wide.svg"), url("../../img/b/cla/attach-bg2-wide.svg"); }
.brand-drive .list-attach.ty-wide .attach-item { background-image:url("../../img/b/car/cla/attach-bg1-wide-car.svg"), url("../../img/b/car/cla/attach-bg1-wide-car.svg"); }
.brand-drive .list-attach.ty-wide .attach-item.ty2 { background-image:url("../../img/b/car/cla/attach-bg2-wide-car.svg"), url("../../img/b/car/cla/attach-bg2-wide-car.svg"); }

/* 자동차보험 > 배달플랫폼 > 스플래쉬 */
.splash { position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); }
.splash img { height:var(--size); vertical-align:top; }
.splash > * + * { margin-top:1.5rem; }
.area-btm.ty-logos { align-items:center; justify-content:center; }
.area-btm.ty-logos img { height:var(--size); vertical-align:top; }
.area-btm.ty-logos .img { display:flex; align-items:center; position:relative; }
.area-btm.ty-logos .img + .img { margin-left:1.5rem; }
.area-btm.ty-logos .img + .img:before { content:""; position:absolute; top:50%; left:-0.8rem; width:1px; height:1.4rem; background:#fff; transform:translateY(-50%); }

/******************** ALICE > 보장분석 ********************/
/* ALICE > 보장분석 > 공통 */
.brand-trend { 
	--el-tab-bg:var(--colorCOM7); /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, var(--colorCOM7), var(--colorCOM7)); /* contents bg */
	--brand-bg-h:var(--colorCOM7); /* 브랜드 header 그라데이션 */
	--brand-bg:var(--colorCOM7); /* 브랜드 배경컬러 */
}
.trend-bridge #wrap { --brand-color11:linear-gradient(to bottom, var(--colorCOM7) 12%, #222e83 33%, #222e83); background-size:100% 100%; }
.btn-cmr { display:block; padding:0 var(--spc6); width:100%; height:5rem; color:var(--brand-font2); line-height:4.8rem; font-size:1.8rem; font-weight:var(--fontWg1); border-radius:2.5rem; background:var(--brand-color2); }
[class*="btn-cm"].icon-enter:after { content:""; display:inline-block; margin-left:1.4rem; width:2.4rem; height:2rem; background:url('../../img/b/lvt/icon-enter.png') no-repeat center; background-size:cover; vertical-align:middle; }

/* ALICE > 보장분석 > 브릿지 (슬라이드) */
.bg-trend { position:relative; }
.bg-trend img { vertical-align:top; }
.bg-txt-trend { position:absolute; top:2.8rem; right:2rem; width:1rem; z-index:1; }
.txt-trend { position:relative; padding:3rem 0.7rem 0 0.7rem; line-height:4.4rem; font-size:3.6rem; font-weight:bold; }
.trend-slide { margin:0 -2.4rem; padding:4rem 0; overflow:hidden; }
.trend-slide [class*="wrap-slider"] { padding:0 3.1rem; overflow:visible; }
.tit-trend-point { display:flex; align-items:center; padding:0 2.2rem; color:#6effa5; line-height:1.8rem; font-size:1.4rem; }
.tit-trend-point .num { margin-left:1rem; line-height:5.8rem; font-size:4.8rem; font-weight:500; }
.list-slide-trend > li { padding:0 0.9rem; }
.list-slide-trend > li img { vertical-align:top; }
.list-slide-trend > li .li-wrap { margin-top:3rem; position:relative; }
.list-slide-trend > li .tit-trend { position:absolute; top:-1.3rem; left:2rem; }
.list-slide-trend > li .bg-txt-trend { top:1.8rem; right:1.5rem; }
.list-slide-trend > li .des { position:absolute; bottom:0; left:0; padding:2.4rem 2rem; width:100%; }
.list-slide-trend > li .txt-trend { padding:2.8rem 0 0 0; line-height:2.2rem; font-size:1.6rem; font-weight:bold; }
.list-slide-trend > li .txt-trend:before, .list-slide-trend > li .txt-trend:after { width:2rem; height:1.8rem; }
.list-slide-trend > li .txt-trend:before { left:0; }
.list-slide-trend > li .txt-trend:after { margin-left:1rem; }
.list-slide-trend > li .txt-trend strong { display:block; line-height:3rem; font-size:2.4rem; }
.list-slide-trend > li .txt-trend span { display:inline-block; margin-top:1.2rem; vertical-align:top; }
.tit-trend { display:flex; align-items:center; position:relative; height:3.6rem; z-index:1; }
.tit-trend img { height:100%; }
.trend-slide .slide-control { position:absolute; top:0.8rem; right:2.4rem; }
.trend-slide .pagination-bullets > button { margin:0; }
.trend-slide .pagination-bullets > button:before { position:static; margin:0 auto; border-radius:0.4rem; }
.trend-slide .pagination-bullets > button.active { width:2.8rem; }
.trend-slide .pagination-bullets > button.active:before { width:2rem; background:#fff; }
.trend-slide .swiper-scrollbar { position:relative; left:4rem; margin-top:5.8rem; width:calc(100% - 4rem); border-bottom:1px solid #5f5f5f; }
.trend-slide .swiper-scrollbar-drag { height:0.4rem; background:rgba(255,255,255,1); }
.link-enter { position:absolute; top:0; left:0; width:100%; height:100%; }
.link-enter span { position:absolute; bottom:2rem; right:2rem; padding-right:2.4rem; line-height:2rem; font-size:1.8rem; font-weight:bold; background:url('../../img/b/lvt/icon-more-enter.png') no-repeat right 0 top 70%; background-size:1.8rem auto; }

/* ALICE > 보장분석 > 랜딩 */
.trend-main { overflow:hidden; }
.flt-btm-link { position:fixed; bottom:0; left:50%; padding:1px; max-width:calc(600px - 8rem); width:calc(100% - 8rem); border-radius:2.5rem; background:linear-gradient(to left, #ffb100, #47f067 55%, #fa7bff); box-shadow:1.2rem 1.2rem 2rem 0 rgba(0,0,0,0.4); opacity:0; transform:translateX(-50%); transition:opacity 0.5s ease 0s, bottom 0.3s ease 0s; z-index:10; }
.flt-btm-link-layer { position:relative; border-radius:2.5rem; background:rgba(0,0,0,0.8); }
.flt-btm-link-layer:before { content:""; position:absolute; top:50%; right:2rem; margin-top:-1rem; width:2.4rem; height:2rem; background:url('../../img/b/lvt/icon-flt-link-arrow.png') no-repeat center; background-size:contain; }
.flt-btm-link-layer > a { display:flex; align-items:center; padding:0 4.8rem 0 2.3rem; min-height:4.8rem; line-height:2rem; font-size:1.6rem; font-weight:bold; }
.flt-btm-link.on { bottom:5rem; opacity:1; }
[class*="sec-trend-main"] + [class*="sec-trend-main"]:before { content:""; position:absolute; top:0; left:3.2rem; width:calc(100% - 3.2rem); height:1px; background:rgba(255,255,255,0.16); }
[class*="sec-trend-main"] { position:relative; margin:0 -2.4rem; padding:6rem 3.2rem; z-index:1; }
[class*="sec-trend-main"] .point { color:var(--brand-color2); }
[class*="sec-trend-main"] > * + *, .sec-trend-item + .sec-trend-item { margin-top:4rem; }
[class*="sec-trend-main"] .unit-item02 + .ctx14 { margin-top:2rem; }
.ctx22 + .unit-item02 { margin-top:1.4rem; }
.container.trend-main { padding-top:7rem; }
.sec-trend-main01 { padding-top:0; }
.sec-trend-main01 .bg-trend { margin:0 -3.2rem; z-index:-1; }
.sec-trend-main01 .ctx32 { margin-top:-6.5rem; }
.sec-trend-main01 .ctx24 { margin-top:2.4rem; }
.sec-trend-main01 .tit-trend { position:absolute; top:-2.2rem; left:3.6rem; margin:0; }
.sec-trend-main01 .bg-txt-trend { position:absolute; top:2.8rem; right:2rem; margin:0; }
.blk-item:not(:first-child) { margin-top:4rem; }
.blk-item dfn { display:block; }
.ctx22 + .list-dbl-circle { margin-top:2rem; }
.list-dbl-circle { display:flex; justify-content:center; }
.list-dbl-circle > li { padding:0 0.8rem; text-align:center; }
.list-dbl-circle > li * + .circle { margin-top:1rem; }
.list-dbl-circle > li .circle { display:flex; flex-direction:column; justify-content:center; align-items:center; padding-top:1rem; width:14rem; height:14rem; border-radius:50%; background:#273a90; }
.list-dbl-circle > li .circle .ctx12 { margin-top:1.2rem; }
.ctx32 + .unit-item02 { margin-top:1.2rem; }
.unit-item02 + .ctx14 { margin-top:2rem; }
.ctx20.blt-asterisk { padding-left:2rem; }
.ctx20.blt-asterisk + .ctx16 { margin-top:1.2rem; padding-left:2rem; }
.ctx20 + .point-box { margin-top:1.2rem; }
.ctx20 + [class*="unit-item"] { margin-top:2rem; }
.ctx16 + [class*="unit-item"] { margin-top:1.2rem; }
[class*="unit-item"] { display:flex; flex-wrap:wrap; align-items:center; color:var(--brand-color2); }
[class*="unit-item"] > * + * { margin-left:0.4rem; }
[class*="unit-item"] > img + * { margin-left:0.2rem; }
[class*="unit-item"] img { vertical-align:top; }
[class*="unit-item"] .block { width:100%; }
[class*="unit-item"] .block + img { margin-left:0; }
[class*="unit-item"] .line { position:relative; margin-left:1.8rem; letter-spacing:-0.8px; }
[class*="unit-item"] .line:before { content:""; position:absolute; top:0.3rem; left:-0.9rem; width:1px; height:1rem; background:var(--brand-color2); }
.unit-su { line-height:1.6rem; font-size:1.4rem; }
.unit-su.ty-big { line-height:3.4rem; font-size:2.8rem; font-weight:bold; }
.unit-item01 img { height:7.6rem; }
.unit-item01 .unit-su { padding-bottom:2.6rem; line-height:2.2rem; font-size:2rem; }
.unit-item01 .unit-su + img { margin-left:0.8rem; }
.unit-item01 img + .unit-su { margin-left:0.4rem; }
.unit-item02 + .ctx14 { margin-top:0.8rem; }
.unit-item02 img { height:4.3rem; }
.unit-item02 .unit-su { padding-bottom:1.4rem; }
.unit-item02 .unit-su.block { padding-bottom:0.8rem; }
.unit-item02 .unit-su.ty-big { padding:0; }
.unit-item03 img { height:2.6rem; }
.ctx14 + .ctx12 { margin-top:0.4rem; }
.ctx12.blt-asterisk, .ctx12.blt-star { padding-left:1rem; }
.ctx28 + .point-box, .ctx22 + .point-box { margin-top:2.4rem; }
.point-box.ty-plus:first-child { padding-top:2.4rem; padding-bottom:4rem; }
.point-box.ty-plus:last-child { padding-top:4rem; padding-bottom:3.2rem; }
.point-box { padding:3.2rem 2.4rem; letter-spacing:-0.5px; border:1px solid var(--colorCOMNV); border-radius:2.4rem; background:#031031; }
.point-box.ty-ms { padding-top:2.8rem; padding-bottom:2.8rem; }
.sec-trend-item.ty-ms + .sec-trend-item.ty-ms { margin-top:4rem; }
.sec-trend-item.ty-ms * + .point-box { margin-top:2rem; }
.blk-item + .blk-item { margin-top:2.4rem; padding-top:2.4rem; border-top:1px solid rgba(255,255,255,0.16); }
.plan-record { position:relative; padding-right:4.8rem; }
.plan-record:not(:first-child) { margin-top:2rem; }
.list-plan-record > li + li { margin-top:1rem; }
.list-plan-record > li { display:flex; flex-wrap:wrap; line-height:1.8rem; font-size:1.4rem; }
.list-plan-record > li .date { width:4.6rem; line-height:4.2rem; }
.list-plan-record > li .des { padding:1.1rem 1rem; width:calc(100% - 4.8rem); font-size:1.3rem; font-weight:bold; border:1px solid #0a36a4; border-radius:1.2rem; }
.list-plan-record > li .des.point { color:var(--brand-color2); border-color:var(--brand-color2); border-style:dotted; }
.txt-plan-arrow { position:absolute; top:0; right:0; padding-right:1.4rem; width:3.8rem; height:100%; color:var(--brand-color2); line-height:2rem; font-size:1.6rem; font-weight:bold; }
.txt-plan-arrow:before { content:""; display:block; margin:0 auto; width:0.8rem; height:calc(100% - 1rem); background:linear-gradient(to bottom, rgba(60,255,107,0) -1%, var(--colorCOM2)); }
.txt-plan-arrow:after { content:""; --border:1.2rem; position:absolute; bottom:0; left:0; width:0; height:0; border-style:solid; border-width:var(--border) var(--border) 0 var(--border); border-color:var(--colorCOM2) transparent transparent transparent; }
.txt-plan-arrow span { position:absolute; position:absolute; bottom:0; right:4.2rem; height:100%; white-space:nowrap; transform:rotate(90deg); }
[class*="banner-side"] + .ctx20 { margin-top:6.4rem; }
* + [class*="banner-side"] { margin-top:1.6rem; }
[class*="banner-side"] { display:block; }
[class*="banner-side"] img { vertical-align:top; }
.ctx20 + .dbl-wrap { margin-top:1.2rem; }
[class*="sec-trend-main"] .point-box, [class*="sec-trend-main"] [class*="banner-side"] { margin-left:-0.8rem; margin-right:-0.8rem; }
.list-dbl + .ctx14 { margin-top:2rem; }
.list-dbl { display:flex; flex-wrap:wrap; }
.list-dbl > li { position:relative; margin-top:3.6rem; width:50%; line-height:2.4rem; font-size:1.8rem; }
.list-dbl > li:nth-child(1), .list-dbl > li:nth-child(2) { margin-top:0; }
.list-dbl > li:nth-child(2n) .li-wrap { padding-left:2.4rem; border-left:1px solid rgba(255,255,255,0.16); }
.list-dbl > li .tit { display:block; font-weight:bold; }
.list-dbl > li * + [class*="unit-item"] { margin-top:1.2rem; }
.list-dbl > li .li-wrap + .ctx14 { margin-top:1.8rem; }
.list-dbl.ty46 > li:nth-child(1) { width:46%; }
.list-dbl.ty46 > li:nth-child(2) { width:54%; }
.dbl-wrap + .dbl-wrap { margin-top:4rem; }
.history-flow { position:relative; margin-right:-1.2rem; padding-left:3.5rem; }
.history-flow:before { content:""; position:absolute; left:0.9rem; top:0; width:0.6rem; height:calc(100% - 5rem); background:linear-gradient(to bottom, rgba(60,255,107,0) -1%, var(--colorCOM2)); }
.history-flow:after { content:""; --border:1.2rem; position:absolute; bottom:3.5rem; left:0; width:0; height:0; border-style:solid; border-width:2rem var(--border) 0 var(--border); border-color:var(--colorCOM2) transparent transparent transparent; }
.list-history-flow > li:not(:first-child) { margin-top:3.2rem; }
.list-history-flow > li { display:flex; flex-direction:column; }
.list-history-flow > li > dfn { --padding:7.6rem; padding-left:var(--padding); text-indent:calc(var(--padding) * -1); letter-spacing:-0.5px; }
.list-history-flow > li .point-box { display:flex; flex-direction:column; margin:1rem 0 0 0; padding:1.5rem; border-radius:1.2rem; }
.dtx-item { margin-top:2rem; padding-left:1.5rem; border-left:1px solid #fff; }
.dtx-item > .ctx16 + .ctx16 { margin-top:0.6rem; }
.list-history-ex { margin-top:1.2rem; }
.list-history-ex > li + li { margin-top:2rem; }
.list-history-ex > li { position:relative; }
.list-history-ex > li + li:before { content:""; --border:0.8rem; position:absolute; top:-1.4rem; left:50%; width:0; height:0; border-style:solid; border-width:var(--border) var(--border) 0 var(--border); border-color:var(--colorCOM2) transparent transparent transparent; transform:translateX(-50%); }
.list-history-ex > li .point-box { margin:0; padding:1.2rem 1.6rem; border-radius:1.2rem; }
.point-box.ty-em { color:#000; border-color:var(--brand-color2); background:var(--brand-color2); }
.point-box.ty-em .ctx12 { margin-top:0.2rem; opacity:0.8; }
.point-box.ty-em > *:first-child { margin-top:0; }
.point-box.ty-em > * + .txt-icon-enter { margin-top:0.2rem; }
.list-history-ex > li .ctx12:not(.point) { opacity:0.6; }
.list-history-ex > li .point-box > * { display:block; }
.list-history-ex > li * + .blt-star { margin-top:0.4rem; }
.txt-icon-enter { padding-left:3.2rem; line-height:2.4rem; font-size:1.8rem; font-weight:bold; background:url('../../img/b/lvt/icon-enter-dc.png') no-repeat 0 center; background-size:auto 2rem; }
.donut-item + .donut-item { margin-top:4rem; }
* + .donut-chart { margin-top:2.4rem; }
.donut-chart { --size:22rem; display:flex; justify-content:center; align-items:center; position:relative; width:var(--size); aspect-ratio:1/1; border-radius:50%; background:conic-gradient(#3cff6b calc(var(--percent) * 1%), #273a90 0); }
.donut-chart:before { content:""; position:absolute; width:65%; height:65%; border-radius:50%; background:var(--el-tab-bg); }
.donut-wrap { display:flex; flex-direction:column; align-items:center; position:absolute; color:#3cff6b; font-weight:bold; text-align:center; }
.donut-wrap .unit-su.block { padding:0; }
.donut-wrap [class*="unit-item"] { justify-content:center; }
.donut-chart.ty-s { --size:16rem; }
.donut-chart.ty-s .unit-item02 img { height:3.7rem; }
* + .txt-icon-enter02 { margin-top:2rem; }
.txt-icon-enter02 { padding-left:3rem; line-height:3rem; font-size:2.4rem; background:url('../../img/b/lvt/icon-enter-dc02.png') no-repeat 0 0.1rem; background-size:auto 2rem; }
.sec-trend-sc + .ctx14 { margin-top:2.4rem; }
.ctx14 + .ctx28 { margin-top:5.2rem; }
.ctx14.blt-star, .ctx14 .blt-star { padding-left:1rem; }
.icon-box-plus02 { display:flex; align-items:center; justify-content:center; position:relative; margin:-0.9rem 0; }
.icon-box-plus02:before { content:'\e846'; display:flex; align-items:center; justify-content:center; position:relative; width:2.4rem; height:2.4rem; color:#fff; line-height:2.4rem; font-size:1.8rem; font-family:var(--fontIco); border-radius:50%; background:#0a36a4; z-index:1; }
.point-box + .ctx40 { margin-top:6.4rem; }
* + .circle-dsc { margin-top:1.2rem; }
.circle-dsc + * { margin-top:3.2rem; }
.circle-dsc + .ctx20 { margin-top:2.4rem; }
.circle-dsc { display:flex; align-items:center; justify-content:space-around; }
.circle-dsc .item { display:flex; flex-direction:column-reverse; padding-top:1rem; }
.circle-dsc .item .tit { display:block; margin-top:1.6rem; line-height:1.8rem; font-size:1.2rem; text-align:center; }
.circle-dsc .item .circle { --size:6rem; display:flex; flex-direction:column; align-items:center; justify-content:center; width:var(--size); height:var(--size); border-radius:50%; color:#3cff6b; background:#273a90; }
.circle-dsc .item .circle strong { line-height:1; font-size:1.6rem; }
.circle-dsc .item .circle span { line-height:1; font-size:1.2rem; font-weight:bold; }
.circle-dsc .item.ty-b { padding:0; }
.circle-dsc .item.ty-b .circle { --size:8rem; color:#000; background:#3cff6b; }
.circle-dsc .item.ty-b .circle strong { font-size:2rem; }
.circle-dsc .item.ty-b .tit { margin-top:0.6rem; }
.circle-dsc .item.ty-s { padding-top:1.4rem; }
.circle-dsc .item.ty-s .circle { --size:5.2rem; }
.circle-dsc .item.ty-s .circle strong { font-size:1.2rem; }
.circle-dsc .item.ty-s .tit { margin-top:2rem; }
.circle-dsc .unit { margin-top:-2.6rem; color:#3cff6b; line-height:1; font-size:1.5rem; font-weight:bold; }
* + .tb-data4 { margin-top:1.8rem; }
.tb-data4 + * { margin-top:1.6rem; }
.tb-data4 { border-bottom:1px solid #0a36a4; }
.tb-data4 tr > * { border-top:1px solid #0a36a4; }
.tb-data4 thead th { padding:0.7rem; line-height:1.8rem; font-size:1.4rem; color:rgba(255,255,255,0.5); }
.tb-data4 thead .cell { height:2.4rem; }
.tb-data4 tbody td { padding:0.7rem; line-height:2.2rem; font-size:1.8rem; }
.tb-data4 tbody .cell { height:4rem; }
.tb-data4 tbody .number { line-height:2.6rem; font-size:2.2rem; }
.tb-data4 .cell { display:flex; align-items:center; justify-content:center; }
.tb-data4 tr > *:not(:last-child) .cell { border-right:1px solid #0a36a4; }

/* ALICE > 보장분석 > 내 보험 직접 점검 */
.head-ctx + * { margin-top:4rem; }
.head-ctx { padding-top:4rem; }
.head-ctx .ctx20 + .ctx16 { margin-top:0.8rem; }
.list-step-check { counter-reset:title-num; --padding:5rem; --circleSize:2.8rem; position:relative; padding-left:var(--padding); }
.list-step-check:before { content:""; position:absolute; top:calc(var(--circleSize) / 2); left:1.1rem; width:0.6rem; height:var(--barHeight); background:linear-gradient(to bottom, rgba(60,255,107,0) -1%, #3cff6b); }
.list-step-check > li + li { margin-top:4rem; }
.list-step-check > li { position:relative; line-height:2.4rem; font-size:1.8rem; }
.list-step-check > li:before { counter-increment:title-num; content:counter(title-num) ""; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:calc(var(--padding) * -1); width:var(--circleSize); height:var(--circleSize); color:#000; font-size:1.6rem; font-weight:bold; border-radius:50%; background:#fff; }
.list-step-check > li .cont { padding:1.6rem 2rem; border-radius:1.6rem; background:linear-gradient(to bottom, #273a90, #277890); }
.list-step-check > li:last-child .cont { color:var(--colorCOM7); font-weight:bold; background:linear-gradient(to bottom, #5dff57 -24%, #03a8ff); }
.list-step-check > li .cont + .ctx12 { margin-top:0.8rem; }
.list-step-check > li em { margin-top:1.2rem; padding:0 0.4rem; line-height:2rem; font-size:1.4rem; font-weight:300; }
.swipe-drag { position:sticky; bottom:3rem; margin-top:auto; padding:0.6rem; color:#000; border-radius:1.6rem; background:linear-gradient(to right, #fa7bff, #47f067 50%, #ffb100); overflow:hidden; user-select:none; }
.swipe-drag:before, .swipe-drag:after { content:""; position:absolute; top:0.2rem; left:0.2rem; width:calc(100% - 0.4rem); height:calc(100% - 0.4rem); border-radius:1.4rem; background:rgba(255,255,255,1); }
.swipe-drag:after { background:rgba(255,255,255,0.8); }
.swipe-drag-wrap { display:flex; align-items:center; justify-content:center; position:relative; margin:0 2rem; height:4rem; z-index:1; }
.txt-swipe-label { position:relative; padding-left:2rem; line-height:1; font-size:1.8rem; font-weight:bold; pointer-events:none; }
.btn-swipe-drag { position:absolute; top:0; left:var(--progress); bottom:0; margin-left:-2rem; width:4rem; border-radius:1rem; background:#000 url('../../../resource/img/b/lvt/icon-move-go-arrow.png') no-repeat center; background-size:2rem; }
.swipe-drag:not(.change) { transition:color 0.2s linear 0s; }
.swipe-drag:not(.change):after { transition:background-color 0.2s linear 0s; }
.swipe-drag.change { color:#fff; }
.swipe-drag.change:after { background:rgba(0,0,0,var(--progress)); }
.swipe-drag.dragging .btn-swipe-drag { transform:scale(1.05); }
.swipe-drag:not(.dragging) .btn-swipe-drag { transition:left 0.2s linear 0s; }
.swipe-drag[aria-disabled="true"] .btn-swipe-drag { cursor:not-allowed; }

/* ALICE > 보장분석 > 보험 점검 결과 */
.sec-trend-wrap { margin:2rem -2.4rem 0 -2.4rem; padding:0 3.2rem; }
.sec-trend-wrap .point-box, .sec-trend-wrap .point-grd-box, .sec-trend-wrap [class*="banner-side"] { --margin:0.8rem; margin-left:calc(var(--margin) * -1); margin-right:calc(var(--margin) * -1); }
.sec-trend-wrap .sec-trend-side:before { width:calc(100% + 3.2rem); }
.sec-trend-item + .sec-trend-item { margin-top:6rem; }
.sec-trend-side { position:relative; margin-top:6.4rem; padding-top:4rem; }
.sec-trend-side:before { content:""; position:absolute; top:0; left:0; width:calc(100% + 2.4rem); height:1px; background:rgba(255,255,255,0.16); }
.tit-step-area + [class*="sec-trend-main"] { padding-top:1.6rem; }
.tit-step-area { padding-top:4rem; }
.icon-ctx-complete, .icon-ctx-fail { position:relative; padding-left:3.2rem; line-height:2.4rem; font-size:2.2rem; font-weight:bold; }
.icon-ctx-complete:before { content:''; position:absolute; left:0; top:0; width:2.4rem; height:2.4rem; background:url("../../img/b/lvt/icon-ctx-complete.png") no-repeat 0 center; background-size:auto 2.4rem; }
.icon-ctx-fail:before { content:'\e820'; position:absolute; left:0; top:0.3rem; width:2rem; line-height:2rem; font-size:1.2rem; font-family:var(--fontIco); border-radius:50%; background:#d03d3d; text-align:center; }
.point-box.ty02 { --color:rgb(39,58,144,0.6); border-color:var(--color); background:var(--color); }
.point-box-s + * { margin-top:2rem; }
.point-box-s { padding:2rem 1.6rem; color:var(--colorCOM7); border-radius:1.6rem; background:linear-gradient(to bottom, #5dff57 -24%, #03a8ff); }
* + .point-box-ss { margin-top:1rem; }
.point-box-ss { padding:1.1rem 1.2rem 0.7rem 1.2rem; color:#000; border-radius:0.8rem; background:rgba(255,255,255,0.4); }
.point-box + .icon-box-plus, .icon-box-plus + .point-box { margin-top:-2.2rem; }
.icon-box-plus { display:flex; align-items:center; justify-content:center; position:relative; }
.icon-box-plus:before { content:""; position:absolute; bottom:-0.1rem; left:50%; width:5.6rem; height:2.8rem; border-radius:0 0 2.8rem 2.8rem; border:1px solid #0a36a4; transform:translateX(-50%); }
.icon-box-plus > span:before { content:""; position:absolute; top:50%; left:0; width:100%; height:1.2rem; background:var(--el-tab-bg); transform:translateY(-50%); }
.icon-box-plus > span:after { content:'\e82a'; display:flex; align-items:center; justify-content:center; position:relative; width:4rem; height:4rem; color:#031031; line-height:1; font-size:2.8rem; font-weight:normal; font-family:var(--fontIco); border-radius:50%; border:0.8rem solid var(--el-tab-bg); background:#fff; z-index:1; }
.ctx14 + .unit-item02 { margin-top:0.4rem; }
.ctx16 + .ctx18 { margin-top:2.4rem; }
.ctx20 + .ctx18, .ctx18 + .ctx20, .ctx18 + .ctx18, .unit-item02 + .ctx18, .ctx18 + .ctx14 { margin-top:2rem; }
.ctx20 + .ctx16, .ctx16 + .ctx16 { margin-top:2rem; }
.ctx16 + .ctx20 { margin-top:1.2rem; } 
.ctx18 .ctx20, .ctx16 .ctx24, .ctx20 .block + .ctx18 { margin-top:0.6rem; }
.ctx18 > * + .ctx20 { margin-top:1.2rem; }
.point-box.ty02 [class*="ctx"] + [class*="ctx"] { margin-top:1.2rem; }
.banner-side-chat + .dtx12 { margin-top:1.6rem; }
.dtx12 { display:flex; }
.dtx12 > * { line-height:1.6rem; font-size:1.2rem; }
.dtx12 > dt { padding-right:0.6rem; min-width:8rem; font-weight:bold; }
.dtx12 > dd { font-weight:300; }
.in-dsc { margin-top:1.4rem; }
.trd-inquiry-area:not(:first-child) { margin-top:6.4rem; }
.ctx20 + .point-grd-box { margin-top:1.6rem; }
[class*="sec-trend-main"] .point-grd-box { margin-left:-0.8rem; margin-right:-0.8rem; }
.point-grd-box { position:relative; padding:0 2.2rem; border-radius:1.6rem; border:0.2rem solid transparent; background:#031031; background-clip:padding-box; }
.point-grd-box:before { content:""; position:absolute; top:-0.2rem; left:-0.2rem; width:calc(100% + 0.4rem); height:calc(100% + 0.4rem); border-radius:1.6rem; background:linear-gradient(91deg, #f77cfd 1%, #47f067 53%, #f8b303 99%); z-index:-1; }
.point-grd-box .head { position:relative; padding:3.2rem 2.8rem 2.4rem 0; border-bottom:1px solid rgba(255,255,255,0.16); }
.point-grd-box.on .btn-srt-arrow:before { margin-top:1.1rem; transform:rotate(45deg); }
.btn-srt-arrow { position:absolute; top:0; left:-2.2rem; margin:0; width:calc(100% + 4.4rem); height:100%; }
.btn-srt-arrow:before { content:""; position:absolute; top:3.2rem; right:2.2rem; margin:0.6rem 0.5rem 0 0; width:0.8rem; height:0.8rem; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(-135deg); }
.point-grd-box .cont { padding:2.4rem 0 6rem 0; }
.point-grd-box .cont > *:first-child { margin-top:0; }
.point-grd-box .cont .btn-area { margin-top:4.8rem; }
.fm-ipt.ty02, .fm-ta.ty02 { background:#24285c; }
.point-box.ty03 { --color:#273a90; border-color:var(--color); background:var(--color); }
.point-box .ins-view .insv-bul.disc > li + li { margin-top:0; }
.point-box .ins-view .insv-bul.disc > li { padding-left:1rem; }
.point-box .ins-view .insv-bul.disc > li:before { top:1rem; left:0; width:0.3rem; height:0.3rem; background:#fff; }
.list-rec-box + * { margin-top:1.2rem; }
.list-rec-box { display:flex; justify-content:center; gap:2rem; margin-top:2rem; }
.list-rec-box > li { display:flex; align-items:center; justify-content:center; position:relative; min-width:7.2rem; min-height:6rem; line-height:1.8rem; font-size:1.4rem; font-weight:bold; border-radius:1.2rem; border:1px solid var(--colorCOMNV); background:#031031; text-align:center; }
.list-rec-box > li + li:before { content:"+"; position:absolute; top:50%; left:-2rem; width:2rem; line-height:1; font-size:1.8rem; font-weight:bold; text-align:center; transform:translateY(-50%); }
.trd-graph-area { position:relative; padding-bottom:4.8rem; }
.list-trd-graph { display:flex; justify-content:space-around; position:relative; height:11.2rem; }
.list-trd-graph:before, .list-trd-graph:after { content:""; position:absolute; bottom:33.33%; left:0; width:100%; border:1px dashed #243662; }
.list-trd-graph:after { bottom:66.66%; }
.list-trd-graph > li { flex:1; display:flex; align-items:end; position:relative; height:100%; color:var(--brand-color2); line-height:1.8rem; font-size:1.4rem; font-weight:bold; border-bottom:1px solid #243662; }
.list-trd-graph > li .tit { position:absolute; bottom:-4.8rem; left:0; width:100%; min-height:3.6rem; text-align:center; }
.list-trd-graph > li .bar { position:relative; margin:0 auto; width:3.4rem; border-radius:0.4rem 0.4rem 0 0; background:#273a90; z-index:1; }
.ctx18 + .ctx20, .ctx20 + .ctx20 { margin-top:2rem; }
.sec-trend-side-etc { margin-top:4.8rem; }
.sec-trend-side-etc .ctx16 { padding:0 0 0 0.8rem; }
.banner-side-etc { margin-top:-3rem; }