@charset "UTF-8";



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

/* 여백 */
.mt0 { margin-top:0rem !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; }

/* font */
.txt12 { line-height:1.8rem; font-size:1.2rem; }

/* 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 { 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:"-"; }
.c-title6 + .list-bltis01 { margin-top:1.2rem; }
.list-bltis01 .list-bltis01 > * + * { margin-top:0; }

/* 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 */
.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"); }

/* 자동차보험 - 함께알아보기 */
.brand-drive .info-data-wrap .info-data-title1.folding { background:rgba(22,88,154,0.5); }

/* 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); }
}



/****************************** 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:2.1rem; font-size:1.7rem; font-weight:500; }
.list-slide-banner .tit { display:block; margin-top:0.4rem; line-height:3.1rem; font-size:2.5rem; }
.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 > .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; }
.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:2.1rem; font-size:1.7rem; font-weight:500; }
.sc-infor > dd { margin-top:0.6rem; line-height:2.1rem; font-size:1.5rem; 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; }

/* 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:2.1rem; 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; padding:2.4rem; width:calc(100% - 2.4rem); min-height:11rem; border-radius:1.6rem; background:var(--brand-color5); }
.list-data30 .item.on { background:#16589a; }
.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:2rem; font-size:1.6rem; }
.list-data30 .item .flag-txt.ty30 { position:absolute; top:2.4rem; right:2.4rem; }
.flag-txt.ty30 { line-height:2rem; border:1px solid #fff; background:transparent; box-sizing:border-box; }
.on .flag-txt.ty30 { color:#000; background:#fff; }
.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); }

/* 자동차보험 - 이벤트 */
.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; }

/* top 배너 */
[data-top-banner="true"] #wrap > .container[data-type="main"]:before { --size:5rem; content:""; position:absolute; top:0; left:0; right:0; height:var(--size); background:var(--brand-bg); }
.top-banner { position:absolute; top:0; left:0; right:0; padding:0.8rem 2.4rem; --color01:#3a00a0; color:#fff; }
.top-banner-wrap { display:flex; align-items:center; padding:0.8rem; border-radius:1.4rem; border:1px solid rgba(255,255,255,0.5); background:linear-gradient(260deg, var(--color01), #8d16f3); box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.4); }
.top-banner-wrap > * + * { margin-left:1.2rem; }
.logo-app { width:3.8rem; height:3.8rem; border-radius:0.8rem; border:1px solid rgba(255,255,255,0.5); background:linear-gradient(225deg, #000020, #1c5db8); box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.4); }
.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.2rem !important; }
.btn-app-open { display:inline-block; padding:0 0.7rem; height:2.2rem; color:var(--color01); line-height:1; font-size:1.2rem; font-weight:bold; border-radius:0.4rem; background:#eee; vertical-align:top; }
.btn-close-banner { width:1.6rem; height:1.6rem; }
.btn-close-banner:before { content:'\e805'; display:block; line-height:1; font-size:1.2rem; font-family:var(--fontIco); }