@charset "UTF-8"; 

/****************************** FONT ******************************/
/*
@font-face { font-family:Pretendard; font-weight:400; font-style:normal; src:url('../../font/Pretendard-Regular.woff2'); }
@font-face { font-family:Pretendard; font-weight:100; font-style:normal; src:url('../../font/Pretendard-Thin.woff2'); }
@font-face { font-family:Pretendard; font-weight:300; font-style:normal; src:url('../../font/Pretendard-Light.woff2'); }
@font-face { font-family:Pretendard; font-weight:700; font-style:normal; src:url('../../font/Pretendard-Bold.woff2'); }
*/
@font-face { font-family:Pretendard; font-weight:100; font-style:normal; src:url('https://download.lotteins.co.kr:1443/alice/font/Pretendard-Thin.subset.woff2') format('woff2'); }
@font-face { font-family:Pretendard; font-weight:300; font-style:normal; src:url('https://download.lotteins.co.kr:1443/alice/font/Pretendard-Light.subset.woff2') format('woff2'); } 
@font-face { font-family:Pretendard; font-weight:400; font-style:normal; src:url('https://download.lotteins.co.kr:1443/alice/font/Pretendard-Regular.subset.woff2') format('woff2'); } 
@font-face { font-family:Pretendard; font-weight:700; font-style:normal; src:url('https://download.lotteins.co.kr:1443/alice/font/Pretendard-Bold.subset.woff2') format('woff2'); } 

@font-face { font-family:wotfard; font-weight:400; font-style:normal; src:url('../../font/wotfard-regular.woff2'); }
@font-face { font-family:wotfard; font-weight:100; font-style:normal; src:url('../../font/wotfard-thin.woff2'); }
@font-face { font-family:wotfard; font-weight:200; font-style:normal; src:url('../../font/wotfard-extralight.woff2'); }
@font-face { font-family:wotfard; font-weight:700; font-style:normal; src:url('../../font/wotfard-bold.woff2'); }

@font-face { font-family:icofont; font-weight:400; font-style:normal; src:url('../../font/icofont.woff2'); }

/****************************** RESET ******************************/
html { font-size:62.5%; }
@media (max-width:359px) { html { font-size:2.777777777777778vw; } }

html, body { width:100%; height:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, a, span, main, figcaption, figure, label, data { margin:0; padding:0; box-sizing:border-box; text-indent:0; }
body { word-break:keep-all; word-wrap:break-word; overflow-wrap:anywhere; text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; min-height:100%; color:var(--colorW); 
	background-color:var(--brand-bg);
} /* 피버 노치 컬러 대응*/

body, input, select, textarea, button, table { font-family:'Pretendard', sans-serif; font-size:var(--fontSz4); font-weight:400; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary, data { display:block; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
fieldset, iframe { border:0; min-width:0; }
img, video, audio, object, embed, iframe { max-width:100%; height:auto; }
dl, ul, ol, menu, li { list-style:none; }
img, fieldset, iframe { border:0 none; }
i, em, address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }
sup { line-height:1; font-size:0.7em; }
table { border-collapse:collapse; table-layout:fixed; border-spacing:0; width:100%; empty-cells:show; }
th, td { font-weight:normal; }
/*caption, legend { position:absolute; font-size:1px; line-height:1; width:1px; height:1px; margin:-1px; overflow:hidden; opacity:0; white-space:nowrap; }*/
caption, legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }

input, select, textarea, button { border-radius:0; box-shadow:none; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
button { font-size:100%; font-weight:inherit; background:none; cursor:pointer; color:inherit; border:none; }

input[type='text'], input[type='password'] { box-sizing:border-box; -webkit-appearance:none; appearance:none; resize:none; box-shadow:none !important; }
input:checked[type='checkbox'] { -webkit-appearance:checkbox; }
input[type='text']::-ms-clear, input[type='tel']::-ms-clear{ display:none; }
input[disabled], select[disabled], input[readonly], textarea[disabled], button[disabled] { cursor:default; }
input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:0; opacity:0; overflow:hidden; box-sizing:border-box; }
select::-ms-expand { display:none; }
textarea { resize:vertical; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:var(--brand-font5); }
input:disabled { opacity:1; -webkit-text-fill-color:inherit; }
input[type="radio"], input[type="checkbox"], input[type="tel"], input[type="number"] { vertical-align:middle; }
input[type="time"]::-webkit-calendar-picker-indicator { display:none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-text-fill-color:#fff !important; }
::-webkit-scrollbar { display:none; }

.hide { overflow:hidden; position:absolute; left:3.0rem; top:2.0rem; width:1px; height:1px; font-size:1px; line-height:1.0rem; opacity:0; }
.pre-line { white-space:pre-line !important; }
.none { display:none !important; }
.iblock { display:inline-block !important; }
.al { text-align:left !important; }
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.bold { font-weight:var(--fontWg1); }
.underline { text-decoration:underline; }
.fc-def { color:var(--brand-font1) !important; }
.fc-def2 { color:var(--brand-font10) !important; }
.fc-point { color:var(--brand-color2) !important; }
.ff2 { font-family:var(--fontF) !important; }

.txt-clip1 { overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; }
.txt-clip2 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.fm-fake-file { position:absolute; top:0; right:0; display:block; width:100%; height:100%; cursor:pointer; }

[hidden] { display:none; }

/****************************** COMMON ******************************/
:root {
	--vh:1vh; /* resize O */
	--vhfix:1vh; /* resize X */
	/* 노치대응 */
	--safe-top:env(safe-area-inset-top);
	--safe-btm:env(safe-area-inset-bottom);

	/* 간격 */
	--spc0:0; 
	--spc1:0.4rem; 
	--spc2:0.8rem; 
	--spc3:1.2rem; 
	--spc4:1.6rem; 
	--spc5:2.0rem; 
	--spc6:2.4rem; 
	--spc7:3.2rem; 
	--spc8:4.0rem; 
	--spc9:4.8rem; 
	--spc10:5.6rem; 
	--spc11:6.4rem; 
	--spc12:7.2rem; 
	--spc13:8.0rem; 
	--spc14:1.0rem; 

	--spc1-m:calc(var(--spc1) * -1); 
	--spc2-m:calc(var(--spc2) * -1); 
	--spc3-m:calc(var(--spc3) * -1); 
	--spc4-m:calc(var(--spc4) * -1); 
	--spc5-m:calc(var(--spc5) * -1); 
	--spc6-m:calc(var(--spc6) * -1); 
	--spc7-m:calc(var(--spc7) * -1); 
	--spc8-m:calc(var(--spc8) * -1); 
	--spc9-m:calc(var(--spc9) * -1);; 
	--spc10-m:calc(var(--spc10) * -1);; 
	--spc11-m:calc(var(--spc11) * -1);; 
	--spc12-m:calc(var(--spc12) * -1);; 
	--spc13-m:calc(var(--spc13) * -1);; 
	--spc14-m:calc(var(--spc14) * -1); 

	/* 객체 공통 높이 */
	--headHgt:4.4rem; 

	/* 박스라운드 사이즈 */
	--bdrRds1:0.8rem; 
	--bdrRds2:1.6rem; 
	--bdrRds3:2.2rem; 
	--bdrRds4:2.4rem; 
	--bdrRds5:3.0rem; 
	--bdrRds6:3.2rem; 

	/* 공통 색상 */
	--colorW:#fff; 
	--colorWO2:rgba(255,255,255,0.2);
	--colorWO3:rgba(255,255,255,0.3);
	--colorWO4:rgba(255,255,255,0.4);
	--colorWO5:rgba(255,255,255,0.5);
	--colorWO6:rgba(255,255,255,0.6);
	--colorWO8:rgba(255,255,255,0.8);
	--colorWO08:rgba(255,255,255,0.08);
	--colorWO16:rgba(255,255,255,0.16);
	--colorWO32:rgba(255,255,255,0.32);
	--colorWO04:rgba(255,255,255,0.04);
	--colorWO48:rgba(255,255,255,0.48);
	--colorWO12:rgba(255,255,255,0.12);
	--colorWO24:rgba(255,255,255,0.24);
	--colorWO64:rgba(255,255,255,0.64);

	--colorB:#000; 
	--colorB2:#eee;
	--colorB3:#f7f7f7;
	--colorB4:#999;
	--colorB5:#ddd;
	--colorB6:#888;

	--colorBO2:rgba(0,0,0,0.2);
	--colorBO3:rgba(0,0,0,0.3);
	--colorBO4:rgba(0,0,0,0.4);
	--colorBO5:rgba(0,0,0,0.5);
	--colorBO6:rgba(0,0,0,0.6);
	--colorBO08:rgba(0,0,0,0.08);
	--colorBO9:rgba(0,0,0,0.9);
	--colorBO16:rgba(0,0,0,0.16);
	--colorBO24:rgba(0,0,0,0.24);
	--colorBO32:rgba(0,0,0,0.32);
	--colorBO48:rgba(0,0,0,0.48);
	--colorBO04:rgba(0,0,0,0.04);
	--colorBO12:rgba(0,0,0,0.12);
	--colorBO1:rgba(0,0,0,0.1);

	/* font-family */
	--fontF:Wotfard;
	--fontF2:Pretendard;
	--fontIco:icofont; 

	/* font-size */
	--fontSz1:1.2rem; 
	--fontSz2:2.4rem; 
	--fontSz3:1.8rem; 
	--fontSz4:1.6rem; 
	--fontSz5:1.4rem; 
	--fontSz6:2.0rem; 

	/* font-weight */
	--fontWg1:700; 
	--fontWg2:400; 
	--fontWg3:300; 
	--fontWg4:100; 
	--fontWg5:200; 

	/* 공통 */
	--color1:#e81616; /* 에러 빨강 텍스트 */
	--color2:#d61313; /* 에러 */
	--color3:#4c2a88; /* 공통 바텀팝업 버튼 보라 */

    /* 공통페이지 */
	--colorCOM1:#6013a7; /* contents bg */
	--colorCOM2:#3cff6b; /* 브랜드 포인트 컬러 */
	--colorCOM3:#8d16f3; /* 안내팝업 버튼1 */
	--colorCOM4:rgba(141,22,243,0.5); /* 안내팝업 버튼2 */
	--colorCOM5:#041236; /* form, box */
	--colorCOM6:#273a90; /* 보험박스 타이틀 */
	--colorCOM7:#051b52;
	--colorCOM8:#0d18e0; /* 라디오 */
	--colorCOM10:#051b52; /* 팝업 background */
	--colorCOMYL:#fee90f; /* 공통 포인트 컬러 - yellow */
	--colorCOMNV:#0a36a4; /* 공통 box border 컬러 */

	/* villain */
	--colorBCA1:#522e92; /* contents bg */
	--colorBCA2:#ffff00; /* 브랜드 포인트 컬러 */
	--colorBCA3:#8d16f3; /* 안내팝업 버튼1 */
	--colorBCA4:rgba(141,22,243,0.5); /* 안내팝업 버튼2 */
	--colorBCA5:#462784; /* form, box */
	--colorBCA6:#31195c; /* 보험박스 타이틀 */
	--colorBCA7:#c22aff; /* 상품가입 메인 */
	--colorBCA8:#7d4fcf; /* 라디오 */

	/* crew */
	--colorBCB1:#8B0A65; /* contents bg */
	--colorBCB2:#3cff6b; /* 브랜드 포인트 컬러 */
	--colorBCB3:#dd37ae; /* 안내팝업 버튼1 */
	--colorBCB4:rgba(221,55,174,0.5); /* 안내팝업 버튼2 */
	--colorBCB5:#7b0259; /* form, box */
	--colorBCB6:#52013b; /* 보험박스 타이틀 */
	--colorBCB7:#e51bfd; /* 상품가입 메인*/
	--colorBCB8:#7d4fcf; /* 라디오 */

	/* fam */
	--colorBCC1:#1e2c93; /* contents bg */  
	--colorBCC2:#ff6ccc; /* 브랜드 포인트 컬러 */
	--colorBCC3:#1b96f3; /* 안내팝업 버튼1 */
	--colorBCC4:rgba(22,150,243,0.5); /* 안내팝업 버튼2 */
	--colorBCC5:#2734a5; /* form, box */
	--colorBCC6:#172270; /* 보험박스 타이틀 */
	--colorBCC7:#2680eb; /* 상품가입 메인 */
	--colorBCC8:#7d4fcf; /* 라디오 */
	--colorBCC9:#fb5cad; /* 브랜드 flag */

	/* forme */
	--colorBCD1:#c17200; /* contents bg */
	--colorBCD2:#3bf6fd; /* 브랜드 포인트 컬러 */
	--colorBCD3:#fd860f; /* 안내팝업 버튼1 */
	--colorBCD4:rgba(254,134,15,0.5); /* 안내팝업 버튼2 */
	--colorBCD5:#d09000; /* form, box */
	--colorBCD6:#935700; /* 보험박스 타이틀 */
	--colorBCD7:#ffe190; /* 상품가입 메인  */
	--colorBCD8:#0d18e0; /* 라디오 */

	/* flex */
	--colorBCE1:#883100; /* contents bg */
	--colorBCE2:#a7ff00; /* 브랜드 포인트 컬러 */
	--colorBCE3:#c97d46; /* 안내팝업 버튼1 */
	--colorBCE4:rgba(201,125,70,0.5); /* 안내팝업 버튼2 */
	--colorBCE5:#712900; /* form, box */
	--colorBCE6:#5a2101; /* 보험박스 타이틀 */
	--colorBCE7:#f35c08; /* 상품가입 메인  */
	--colorBCE8:#7d4fcf; /* 라디오 */

	/* hero */
	--colorBCF1:#00878d; /* contents bg */
	--colorBCF2:#fc7730; /* 브랜드 포인트 컬러 */
	--colorBCF3:#00c18d; /* 안내팝업 버튼1 */
	--colorBCF4:rgba(0,193,141,0.5); /* 안내팝업 버튼2 */
	--colorBCF5:#0b7276; /* form, box */
	--colorBCF6:#055558; /* 보험박스 타이틀 */
	--colorBCF7:#00bf95; /* 상품가입 메인 */
 	--colorBCF8:#7d4fcf; /* 라디오 */
 	--colorBCF20:#b3f7d6; /* etc1 */
}

body {
	--brand-color1:var(--colorBCA1); /* contents bg */
	--brand-color2:var(--colorBCA2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorBCA3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorBCA4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorBCA5); /* form, box */
	--brand-color6:var(--colorBCA6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCA7); /* 상품가입 메인 */
	--brand-color9:var(--colorBCA2); /* box2 */
	--brand-color10:var(--colorBCA2); /* 카드 목록 딤위 포인트컬러 */

	--brand-font1:var(--colorW); /* 기본폰트 컬러 */
	--brand-font2:var(--colorB); /* 브랜드 포인트 BG + 폰트 */
	--brand-font3:var(--colorWO16); /* 박스안 분리 line */
	--brand-font4:var(--colorWO3); /* 박스안 반투명 arrow */
	--brand-font5:var(--colorWO4); /* placeholder */
	--brand-font6:var(--colorWO5); /* 카드목록 점선 */
	--brand-font7:var(--colorWO16); /* 바탕 분리 line */
	--brand-font8:var(--colorWO04); /* 페이징 백그라운드 */
	--brand-font9:var(--colorWO4); /* input disabled 폰트 */
	--brand-font10:var(--colorWO5); /* 반투명 텍스트 */
	--brand-font11:var(--colorWO32); /* 라벨 */
	--brand-font12:var(--colorWO5); /* 반투명 텍스트2 */

	--brand-colorBE1:var(--colorBO4); /* fm-chk1 */
	--brand-colorBE2:var(--colorBO4); /* fm-chk4 */ /* 카카오페이 */
	--brand-colorBE3:var(--colorBO32); /* 네 아니오 */
	--brand-colorBE5:var(--colorBO4); /* step/slide dot */
	--brand-colorBE6:var(--colorBO5); /* fm-chk6 */

	--fm-valid-bg:var(--color2);
	--fm-valid2-txt:var(--color1);
	--fm-disable-bg:repeating-linear-gradient( -60deg, #0d1541, #0d1541 4px, #041236 4px, #041236 10px );
	--fm-pw:url("../../img/b/com/fm-pw.png");

	--pg-btn2-disabled:var(--colorBO4);
	--pg-btn2-disabled-txt:var(--colorWO5);

	--el-deco-ico2:var(--colorCOMYL);
	--el-toast-txt:var(--colorBCA2);
	--el-certify-tab:rgba(0,0,0,0.12);
	--el-result-txt:var(--colorWO2);
	--fm-chk7-active1:var(--colorBO4);
	--fm-chk7-active2:var(--colorBCA2);
	--el-tab3-bg:linear-gradient(to left, #31195c, rgba(49, 25, 92, 0.93) 50%, rgba(49, 25, 92, 0));
	--el-tab3-bg2:var(--colorBO1);
	--el-tab3-bg3:rgba(63,35,119,1);
}

/****************************** LAYOUT ******************************/
html, a, button { -webkit-touch-callout:none; -webkit-user-select:none; -webkit-user-drag:none; -webkit-tap-highlight-color:transparent !important; }
.header { position:-webkit-sticky; position:sticky; top:0; display:flex; z-index:11; min-height:var(--headHgt) ; background-color:transparent; background:linear-gradient(to bottom, var(--brand-bg-h) 0%, transparent 100% ); box-sizing:content-box; transition:top 0.3s;  align-items:center; padding:0 var(--spc3); }
.header { padding-top:var(--safe-top); } /* 노치대응 */
.header > h1 { position:absolute; left:var(--spc6); right:var(--spc6); z-index:-1; flex:1; font-size:var(--fontSz4); line-height:var(--headHgt); word-break:keep-all; text-align:center; color:var(--brand-font1); font-weight:var(--fontWg1); }
.pop-allmenu .header > h1 { font-family:var(--fontF); font-size:var(--fontSz6); text-align:left;  }
.pop-allmenu .header > h1 img { display:block; height:3rem; margin:0.7rem 0; }
.sc-up .header, .pop-wrap.sc-up .header { top:0; }
.sc-down .header, .pop-wrap.sc-down .header { top:calc((var(--safe-top) + var(--headHgt)) * -1); } /* 노치대응 */

.header > h1 + [class*="btn-"], .header > [class*="btn-"]:first-child { margin-left:auto; }
.header .btn-prev { margin-left:0 !important; margin-right:auto; }
.header > [class*="btn-"] { margin-left:0; }
.header [class*="btn-"]:not(.btn-txt) { display:block; overflow:hidden; color:transparent; line-height:0; width:4.8rem; padding:1rem var(--spc3); }
.header [class*="btn-"]:not(.btn-txt)::before { display:block; font-family:var(--fontIco); font-size:var(--fontSz2); color:var(--brand-font1); font-weight:var(--fontWg2); line-height:1; vertical-align:top; }
.header .btn-prev::before { content:'\e804'; }
.header .btn-asmr::before { content:'\e810'; }
.header .btn-asmr.active::before { content:'\e811'; }
.header .btn-home::before { content:'\e802'; }
.header .btn-menu::before { content:'\e803'; }
.header .btn-my::before { content:'\e893'; }
.header [class^="btn-"].btn-mod { color:var(--brand-font); width:auto; line-height:2.4rem; }
.header [class^="btn-"].btn-mod::before { content:'\e895'; display:inline-block; margin-right:var(--spc1); }
.header .btn-txt { display:inline-block; padding:0 var(--spc3); margin:0.2rem var(--spc3) 0.2rem 0; height:2rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:1.8rem; border:1px solid #fff; border-radius:var(--bdrRds2); }
.header .btn-txt:last-child { margin-right:0; }
.header > .btns { position:absolute; top:calc(var(--safe-top) + 1rem); right:calc(var(--spc6) * 3); display:flex; }
.header > .btns a + a, .header > .btns button + button { margin-left:var(--spc6); }
.header > .btns .ico48.new { position:relative; }
.header > .btns .ico48.new::after { content:''; position:absolute; right:0.2rem; top:0.2rem; width:0.3rem; height:0.3rem; border-radius:100%; background-color:var(--color2); }
[data-popmodal="true"].load.pop-allmenu .header > h1 { animation:ani-fade-in 800ms both; }
[data-popmodal="true"].load .header > .btns { animation:ani-fade-in 800ms both; }
.asmr-player { display:none; position:absolute; left:0; top:100%; width:calc(100% - 4.8rem); padding:1.6rem; margin:var(--spc2) 0 0 2.4rem; border-radius:var(--bdrRds6); box-shadow:0 2rem 3rem 0 rgba(0, 0, 0, 0.43); background-color:#000; }
.asmr-player > .inner { display:flex; align-items:center;  }
.asmr-player .inner > button:not(.i-play) { flex:1; position:relative; min-height:4rem; padding:0 0 0 6rem; text-align:left; }
.asmr-player .inner > button:not(.i-play)::after { content:''; position:absolute; left:0; top:0; width:4rem; height:4rem; border-radius:var(--bdrRds2); background:var(--img-url) center center no-repeat; background-size:cover; }
.asmr-player strong { display:block; width:100%; font-size:var(--fontSz4); line-height:2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.asmr-player .empty { font-size:var(--fontSz5); line-height:1.29; white-space:normal; text-overflow:inherit; }
.asmr-player small { display:block; margin-top:var(--spc1); font-size:var(--fontSz5); line-height:1.6rem; opacity:.5; }
.asmr-player .i-play { width:4rem; height:4rem; overflow:hidden; border-radius:var(--bdrRds2); background:var(--brand-color1); }
.asmr-player .i-play::before { content:'\e82b'; width:2.4rem; height:2.4rem; line-height:1; font-size:var(--fontSz2); font-family:var(--fontIco); color:#fff; text-indent:0; }
.asmr-player .i-play.playing::before { content:'\e82f'; }
.asmr-player audio { display:none; }

.footer { display:flex; align-items:flex-end; position:-webkit-sticky; position:sticky; bottom:3.2rem; z-index:11; margin:auto 0 0; padding:0; height:6.4rem; transition:bottom 0.3s 0.3s; pointer-events:none; }
.footer:before { content:''; position:absolute; left:0; right:0; bottom:0; height:6.4rem; background:#fff; }
.footer:empty { text-align:center; }
.footer:empty:before { content:'레이아웃 페이지 참고'; font-size:var(--fontSz6); line-height:6.4rem; font-weight:var(--fontWg1); color:#000; }
.sidebar { position:fixed; left:0; right:0; bottom:var(--spc7); display:flex; z-index:11; box-sizing:content-box; padding:0 var(--spc6); pointer-events:none; }
.sidebar[data-tip]::before { content:"해당 영역을 길게 눌러 \A 나만의 메뉴를 설정해 보세요."; position:absolute; left:var(--spc6); bottom:100%; padding:1.9rem 2.7rem; margin-bottom:1.8rem; font-size:var(--fontSz5); line-height:2.4rem; border-radius:var(--bdrRds2); color:var(--colorW); background-color:var(--colorB); border:1px solid var(--colorBCD7); text-align:center; white-space:pre; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); }
.sidebar[data-tip]::after { content:''; position:absolute; left:calc(var(--spc6) + 1.7rem); bottom:100%; height:8px; width:30px; margin-bottom:1.1rem; background:url('../../img/b/com/tooltip-arrow2.svg') top center no-repeat; background-size:60px 60px; }
.sidebar[data-tip]::before, .sidebar[data-tip]::after { animation:ani-fade-out 400ms 3s both; }

.sidebar[data-tip2]::before { content:"제가 보험금 신청을 \A 도와드릴 수 있어요."; position:absolute; right:calc(var(--spc6) + 8.2rem); padding:1.8rem 2.7rem; margin-top:var(--spc2-m); font-size:var(--fontSz5); line-height:2rem; border-radius:var(--bdrRds2); color:var(--colorB); background-color:var(--colorCOM2); text-align:center; white-space:pre; box-shadow:5px 5px 20px 0 rgba(0, 0, 0, 0.4); }
.sidebar[data-tip2]::after { content:''; position:absolute; right:calc(var(--spc6) + 7.3rem); top:50%; margin-top:-10px; height:20px; width:10px; background:url('../../img/b/com/tooltip-arrow3.svg') top center no-repeat; background-size:100% auto; }


.diy-list .fm-chk-diy, .sidebar a, .sidebar > label { position:relative; display:inline-block; width:6.4rem; height:6.4rem; padding:var(--spc2) 0 var(--spc3); font-size:var(--fontSz1); line-height:1.6rem; color:#fff; text-align:center; border-radius:var(--bdrRds4); box-shadow:1.6rem 1.6rem 2.4rem 0 rgba(0, 0, 0, 0.4); background-color:#000; pointer-events:all; -webkit-touch-callout:none; -webkit-user-select:none; }
[class*="i-diy"]::before, .sidebar a::before, .sidebar > label::before { display:block; width:2.4rem; height:2.4rem; font-size:var(--fontSz2); line-height:1; font-family:var(--fontIco); }
.sidebar a::before, .sidebar > label::before, .diy-list .fm-chk-lb::before { margin:0 auto var(--spc1); }
.diy-list .fm-chk-diy input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }
.i-diy::before, .sidebar a.search::before, .sidebar > label.search::before { content:'\e816'; }
.i-diy2::before, .sidebar a.share::before, .sidebar > label.share::before { content:'\e818'; }
.i-diy3::before, .sidebar a.present::before, .sidebar > label.present::before { content:'\e819'; }
.i-diy4::before, .sidebar a.join::before, .sidebar > label.join::before { content:'\e81a'; }
.sidebar a.lab::before, .sidebar > label.lab::before { content:'\e817'; }
.i-diy::before { content:''; background:var(--img) 0 0 no-repeat; background-size:contain; }
.i-diy5::before { content:'\e867'; } /* 계약조회*/
.i-diy6::before { content:'\e868'; } /* 계약변경 */
.i-diy7::before { content:'\e869'; } /* 납입변경 */
.i-diy8::before { content:'\e86a'; } /* 보험료납입 */
.i-diy9::before { content:'\e86b'; } /* 증명서발급 */
.i-diy10::before { content:'\e86c'; } /* 마이페이지 */
.i-diy11::before { content:'\e86d'; } /* 내정보변경 */
.i-diy12::before { content:'\e86e'; } /* 보험상품 */
.i-diy13::before, .sidebar a.charge::before, .sidebar > label.charge::before { content:'\e86f'; } /* 보험금청구 */
.i-diy14::before { content:'\e870'; } /* 청구내역 */
.i-diy15::before { content:'\e871'; } /* 이벤트 */
.i-diy16::before { content:'\e872'; } /* ASMR */
.i-diy17::before { content:'\e873'; } /* 캘린더연동 */
.i-diy18::before { content:'\e874'; } /* 챗봇청구 */
.i-diy19::before { content:'\e875'; } /* 보험료계산 */
.i-diy20::before, .sidebar a.chatbot::before, .sidebar > label.chatbot::before { content:''; background:url('../../img/b/com/ico-chatbot.svg') 0 0 no-repeat; background-size:contain; } /* 챗봇 */
.i-diy21::before { content:'\e876'; } /* 위험알리미 */
.sidebar > a:not(:first-child), .sidebar > label:not(:first-child) { margin-left:calc((100vw - 30.4rem) / 3); }
.sidebar a:not(.i-diy):nth-last-child(2):nth-child(2), .sidebar > label:not(.i-diy):nth-last-child(2):nth-child(2) { margin-left:auto; }
.sidebar a:not(.i-diy):only-child, .sidebar > label:not(.i-diy):only-child,
.sidebar a:not(.i-diy):nth-child(2):last-child, .sidebar > label:not(.i-diy):nth-child(2):last-child { margin-left:auto; }
.diy-list { display:flex; flex-wrap:wrap; -webkit-user-select:none; }
.cont-mes11 + .diy-list{ margin-top:5.2rem; }
.diy-list li { margin:0 0 0 calc((100% - 25.6rem) / 3); }
.diy-list li:nth-child(4n+1) { margin-left:0; }
.diy-list li:nth-child(4) ~ li { margin-top:3.4rem; }
.diy-list .fm-chk-diy { box-shadow:none; }
.diy-list .fm-chk-lb { display:block; margin:var(--spc2-m) 0 var(--spc3-m); padding:0.8rem 0 1.2rem; }
.diy-list input:checked + .fm-chk-lb::after { content:'\e807'; font-family:var(--fontIco); font-weight:var(--fontWg2); position:absolute; font-size:var(--fontSz4); line-height:1; top:0; right:0; color:var(--brand-font2); border-radius:100%; background-color:var(--brand-color2); }
.diy-list input:checked + .fm-chk-lb { border:1px solid var(--brand-color2); border-radius:var(--bdrRds4); padding:calc(0.8rem - 1px) 0 calc(1.2rem - 1px); box-shadow:1.6rem 1.6rem 2.4rem 0 rgba(0, 0, 0, 0.4); }
.diy-list + .btn-area { margin-top:var(--spc8); text-align:center; -webkit-user-select:none; }
.nav-wrap a, .nav-wrap button { position:relative; display:block; width:100%; text-align:left; transition:color 400ms; }
.nav-wrap .link::after { content:'\e82e'; position:absolute; right:0; top:50%; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); height:2rem; color:var(--colorW); line-height:1; margin-top:var(--spc14-m); }
.nav-wrap > li > a, .nav-wrap > li > button { padding:var(--spc6) 0; font-size:var(--fontSz2); font-weight:var(--fontWg1); }
.pop-allmenu.load .nav-wrap > li { animation:ani-fade-slideup 600ms both; }
.pop-allmenu.load .nav-wrap > li:nth-child(2) { animation-delay:50ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(3) { animation-delay:100ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(4) { animation-delay:150ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(5) { animation-delay:200ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(6) { animation-delay:250ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(7) { animation-delay:300ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(8) { animation-delay:350ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(9) { animation-delay:400ms; }
.pop-allmenu.load .nav-wrap > li:nth-child(10) { animation-delay:450ms; }
.nav-wrap > li + li { margin-top:-1.3rem; }
.nav-wrap .sub { font-weight:var(--fontWg1); font-size:var(--fontSz4); line-height:2rem; }
.nav-wrap .sub:last-child { padding-bottom:1.6rem; }
.nav-wrap .sub > li + li { margin-top:3.2rem; }
.nav-wrap .sub-2 > li { margin-top:2.4rem; padding-left:2.4rem; font-weight:var(--fontWg2); }
.nav-wrap .sub-2 a { padding-left:1.6rem; }
.nav-wrap .sub-2 a::before { content:''; position:absolute; left:0; top:0.65rem; width:0.4rem; height:0.4rem; border-radius:100%; background-color:var(--brand-font1); }
.nav-wrap .sub-wrap { position:relative; margin:0 var(--spc8-m) var(--spc6-m); padding:0 var(--spc8); background-color:var(--colorBO24); border-radius:var(--bdrRds6) var(--bdrRds6) 0 0; }
.nav-wrap .sub-wrap::before { content:''; display:block; height:var(--spc7); }
.nav-wrap .sub-wrap::after { content:''; display:block; height:2.8rem; margin:2rem var(--spc8-m) 0; background-color:var(--brand-bg); border-radius:var(--bdrRds6) var(--bdrRds6) 0 0; }
.nav-wrap .sub-brand { margin-top:var(--spc4); }
.nav-wrap .sub-brand > li + li { border-top:1px solid rgba(255,255,255,.08); }
.nav-wrap .sub-brand a { position:relative; z-index:2; display:block; min-height:8rem; padding:var(--spc4) 0 var(--spc4) 7.6rem; }
.nav-wrap .sub-brand a::after { content:''; position:absolute; left:0; top:50%; z-index:-1; width:4.8rem; height:4.8rem; margin-top:var(--spc6-m); border-radius:100%; background:var(--img-url) center center no-repeat; background-size:cover; }
.nav-wrap .sub-brand .cat { display:block; font-family:var(--fontF); font-weight:var(--fontWg1); font-size:var(--fontSz6); line-height:2.4rem; text-transform:uppercase; }
.nav-wrap .sub-brand .txt { display:block; margin-top:var(--spc2); font-size:var(--fontSz5); font-weight:var(--fontWg2); opacity:.4; line-height:1.6rem; }
.nav-wrap .sub-wrap .dropdown::before { display:inline-block; content:'\e808'; position:absolute; right:0; top:50%; margin-top:var(--spc2-m); font-weight:var(--fontWg2); font-family:var(--fontIco); font-size:var(--fontSz4); height:1.6rem; color:var(--brand-font1); line-height:1; }
.nav-wrap .active > .dropdown { color:var(--brand-color2); }
.nav-wrap .sub-wrap .active > .dropdown::before { transform:rotate(180deg); color:var(--brand-color2); }
.nav-wrap .sub-wrap, .nav-wrap .sub-2 { display:none; }

body { overflow-x:clip; }
html, body, #wrap { min-height:calc(var(--vh) * 100); }
#wrap { position:relative; display:flex; flex-direction:column; background:var(--brand-color11); background-size:100% 30rem; background-repeat:no-repeat; }
#wrap:before { content:''; display:block; position:fixed; top:0; bottom:0; left:0; right:0; z-index:-1; background-color:var(--el-tab-bg); }
body.gradient-fixed #wrap:before { position:fixed; }

.container { flex:1; display:flex; flex-direction:column; position:relative; padding:0 var(--spc6) var(--spc7); }
.container.fix-mg { padding-bottom:12.6rem; }
.container.fix-mg2 { padding-bottom:6.4rem; }
.container:first-child { padding-top:var(--safe-top); }
.pop-allmenu .container { padding:var(--spc8) var(--spc8); }
[data-sticky] { position:-webkit-sticky !important; position:sticky !important; z-index:10; }

.cont-m { margin-top:auto; display:flex; flex-direction:column; }

/* 공통 - 단색 (그라데이션X) */
body.brand-common #wrap,
.pop-wrap.brand-common article { background:none; }
body.brand-common #wrap .header,
.pop-wrap.brand-common .header { background:var(--el-tab-bg); }
.pop-wrap.brand-common .certify-tab .tab-in::after { background:var(--el-tab-bg); }

/* 개발 요청으로 통신 전 스타일 추가 Start */
body.preload, body.preload #wrap > .header, body.preload #wrap > .container { background-color:rgba(0,0,0,0.9);}
/* 개발 요청으로 통신 전 스타일 추가 End */

/****************************** ICON ******************************/
.icon1 { display:block; overflow:hidden; color:transparent; font-size:0; line-height:0; } /* 아이콘 */
.icon2, .icon3 { display:block; overflow:hidden; }
.icon1::before, .icon2::before, .icon3::after { content:''; display:block; font-family:var(--fontIco); font-weight:var(--fontWg2) !important; vertical-align:top; }

.ico1::before { content:'\e81b'; font-size:var(--fontSz2); line-height:2.4rem; color:var(--brand-font1); } /* 검색 */
.ico2::before { content:'\e80f'; font-size:3.2rem; line-height:3.2rem; color:var(--colorW); margin:0 auto var(--spc2); } /* 새로고침 */
.ico3::before { content:'\e82d'; font-size:var(--fontSz6); margin-right:0.5rem; display:inline-block; } /* 카드 */
.ico4::before { content:'\e826'; font-size:var(--fontSz6); margin-right:0.5rem; display:inline-block; } /* 계좌 */
.ico5::before { content:'\e827'; font-size:var(--fontSz2); line-height:2.4rem; color:var(--colorWO6); } /* 이동 */
.ico6::before { content:'\e829'; font-size:var(--fontSz2); line-height:2.4rem; color:var(--colorWO6); } /* 휴지통 */
.icon2.ico7::before { content:'\e828'; display:inline-block; font-size:var(--fontSz6); margin-right:var(--spc1); vertical-align:top; } /* 카드스캔 */
.icon3.ico7::after { content:'\e828'; display:inline-block; font-size:var(--fontSz2); margin-left:var(--spc1); vertical-align:top; } /* 카드스캔 */
.ico8::before { content:'\e822'; font-size:3.2rem; line-height:1; color:var(--colorB); margin-bottom:var(--spc2); } /* 상담절차 */
.ico9::before { content:'\e823'; font-size:3.2rem; line-height:1; color:var(--colorB); margin-bottom:var(--spc2); } /* 상담절차 */
.ico10::before { content:'\e824'; font-size:3.2rem; line-height:1; color:var(--colorB); margin-bottom:var(--spc2); } /* 상담절차 */
.ico11::before { content:'\e82e'; font-size:var(--fontSz2); line-height:2.4rem; } /* 페이징 */
.ico12::before { content:'\e83f'; font-size:6.8rem; line-height:6.8rem; width:6.8rem; height:6.8rem; } /* talk */
.btn-cmx .ico12::before { font-size:4.0rem; line-height:1; width:4.0rem; height:4.0rem; } /* talk */
.ico13::before { content:'\e837'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-간편 */
.ico14::before { content:'\e838'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-지문 */
.ico15::before { content:'\e833'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-자동로그인 */
.ico16::before { content:'\e831'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-push */
.ico17::before { content:'\e840'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-동의 */
.ico18::before { content:'\e839'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-face */
.ico19::before { content:'\e845'; font-size:var(--fontSz2); width:3.2rem; height:3.2rem; line-height:3.2rem; text-align:center; line-height:inherit; border-radius:100%; background-color:var(--colorB); color:var(--colorW); } /* 마이메인-내정보수정 */
.ico20::before { content:'\e832'; font-size:var(--fontSz2); width:3.2rem; height:3.2rem; line-height:3.2rem; text-align:center; line-height:inherit; border-radius:100%; background-color:var(--colorCOM2); color:var(--colorB); } /* 마이메인-알림 */
.ico21::before { display:inline-block; content:'\e83c'; font-size:var(--fontSz4); line-height:2.2rem; margin-right:var(--spc1); } /* 마이알림-공지 */
.ico22::before { display:inline-block; content:'\e83d'; font-size:var(--fontSz4); line-height:2.2rem; margin-right:var(--spc1); } /* 마이알림-이벤트 */
.ico23::before { content:'\e834'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-나의 실험실 */
.ico24::before { content:'\e835'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-구독 보험 관리 */
.ico25::before { content:'\e836'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-결제 수단 관리 */
.ico26::before { content:'\e830'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-인증 및 PUSH 설정 */
.ico27::before { content:'\e848'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 알린설정-로그아웃 */
.ico28::before { display:inline-block; content:'\e849'; font-size:var(--fontSz6); margin-right:0.5rem; } /* 자동차 */
.ico29::before { display:inline-block; content:'\e82c'; font-size:var(--fontSz6); margin-right:var(--spc1); } /* 다운로드 */
.ico30::before { content:'\e84d'; font-size:6.8rem; line-height:6.8rem; width:6.8rem; height:6.8rem; } /* 친구등록 */
.ico31::before { content:'\e886'; width:4.0rem; height:4.0rem; font-size:4.0rem; line-height:1; } /* 더보기 */
.btn-cmx .ico30::before { width:4.0rem; height:4.0rem; font-size:4.0rem; line-height:1; } /* 친구등록 */
.ico32::before { content:'\e84f'; font-size:6.4rem; line-height:6.4rem; width:6.4rem; height:6.4rem; color:var(--colorB) } /* 보험금청구 */
.ico33::before { content:'\e850'; font-size:6.4rem; line-height:6.4rem; width:6.4rem; height:6.4rem; color:var(--colorB) } /* 청구내역조회 */
.ico34::before { content:''; display:block; width:3.2rem; height:3.2rem; background:var(--colorB); border-radius:1.2rem; } /* 청구 link arrow */
.ico34::after { content:'\e81d'; display:block; font-family:var(--fontIco); font-weight:var(--fontWg2); line-height:1; text-align:right; vertical-align:top; font-size:var(--fontSz4); color:var(--colorW); } /* 청구 link arrow */
.ico35::before { content:'\e853'; font-size:var(--fontSz3); margin-right:0.6rem; display:inline-block; } /* 다시선택 */
.ico36::before { content:'\e854'; font-size:var(--fontSz6); margin-right:0.5rem; display:inline-block; } /* 설명보기 */
.ico37::before { display:inline-block; content:'\e84b'; font-size:var(--fontSz6); margin-right:var(--spc1); } /* 촬영 */
.ico38::before { display:inline-block; content:'\e84a'; font-size:var(--fontSz6); margin-right:var(--spc1); } /* 갤러리 */
.ico39::after { content:'\e81d'; line-height:1; font-size:var(--fontSz4); color:var(--colorB); padding:0.2rem; }
.ico40::before { content:'\e855'; line-height:1; font-size:3.2rem; color:var(--colorB); }
.ico41::before { content:'\e856'; line-height:1; font-size:3.2rem; color:var(--colorB); }
.ico42::before { content:'\e857'; line-height:1; font-size:3.2rem; color:var(--colorB); }
.ico43::before { content:'\e858'; line-height:1; font-size:3.2rem; color:var(--colorB); }
.ico45::before { display:inline-block; content:'\e84c'; font-size:var(--fontSz2); margin-right:var(--spc1); } /* 파일함 */
.ico46::before { content:'\e853'; font-size:var(--fontSz2); margin-right:var(--spc1); display:inline-block; } /* 다시선택 */
.ico47::before { content:'\e86c'; font-size:var(--fontSz2); line-height:2.4rem; width:2.4rem; height:2.4rem; } /* 전체메뉴 - 마이페이지 */
.ico48::before { content:'\e831'; font-size:var(--fontSz2); line-height:2.4rem; width:2.4rem; height:2.4rem; } /* 전체메뉴 - 알림 */
.ico49::before { content:'\e877'; font-size:var(--fontSz2); line-height:2.4rem; width:2.4rem; height:2.4rem; } /* 전체메뉴 - 설정 */
.ico50::before { display:inline-block; content:'\e881'; font-size:4.4rem; text-align:center; } /* 아파트 */
.ico51::before { display:inline-block; content:'\e882'; font-size:4.4rem; text-align:center; } /* 연립 다세대 */
.ico52::before { display:inline-block; content:'\e884'; width:2rem; height:1.6rem; font-size:var(--fontSz4); line-height:1; border-radius:var(--bdrRds1); background-color:var(--colorB); } /* 금액선택 이전 */
.ico53::before { display:inline-block; content:'\e885'; width:2rem; height:1.6rem; font-size:var(--fontSz4); line-height:1; border-radius:var(--bdrRds1); background-color:var(--colorB); } /* 금액선택 다음 */
.ico54::before { display:inline-block; content:'\e87e'; font-size:4.4rem; text-align:center; } /* TV */
.ico55::before { display:inline-block; content:'\e879'; font-size:4.4rem; text-align:center; } /* 모니터 */
.ico56::before { display:inline-block; content:'\e87a'; font-size:4.4rem; text-align:center; } /* 빔프로젝터 */
.ico57::before { display:inline-block; content:'\e887'; font-size:4.4rem; text-align:center; } /* 태블릿 */
.ico58::before { display:inline-block; content:'\e878'; font-size:4.4rem; text-align:center; } /* 노트북 */
.ico59::before { display:inline-block; content:'\e888'; font-size:4.4rem; text-align:center; } /* 스마트워치 */
.ico60::before { display:inline-block; content:'\e889'; font-size:4.4rem; text-align:center; } /* 캠코더 */
.ico61::before { display:inline-block; content:'\e88a'; font-size:4.4rem; text-align:center; } /* 액션캠 */
.ico62::before { display:inline-block; content:'\e88b'; font-size:4.4rem; text-align:center; } /* 무선이어폰(버즈) */
.ico63::before { display:inline-block; content:'\e87b'; font-size:4.4rem; text-align:center; } /* 스피커 */
.ico64::before { display:inline-block; content:'\e87d'; font-size:4.4rem; text-align:center; } /* 홈오디오 */
.ico65::before { display:inline-block; content:'\e88c'; font-size:4.4rem; text-align:center; } /* 복합기 */
.ico66::before { display:inline-block; content:'\e88d'; font-size:4.4rem; text-align:center; } /* 스캐너 */
.ico67::before { display:inline-block; content:'\e87c'; font-size:4.4rem; text-align:center; } /* 프린터 */
.ico68::before { display:inline-block; content:'\e88e'; font-size:4.4rem; text-align:center; } /* 포토프린터 */
.ico69::before { display:inline-block; content:'\e88f'; font-size:4.4rem; text-align:center; } /* XBOX */
.ico70::before { display:inline-block; content:'\e890'; font-size:4.4rem; text-align:center; } /* PlayStation */
.ico71::before { display:inline-block; content:'\e891'; font-size:4.4rem; text-align:center; } /* 닌텐도스위치 */
.ico72::before { display:inline-block; content:'\e87f'; font-size:4.4rem; text-align:center; } /* 인터넷 구매 */
.ico73::before { display:inline-block; content:'\e880'; font-size:4.4rem; text-align:center; } /* 매장 구매 */
.ico74::before { display:inline-block; content:'\e883'; font-size:4.4rem; text-align:center; } /* 오피스텔 */
.ico75::before { content:'\e896'; font-size:var(--fontSz6); line-height:2rem; color:var(--colorW); width:2rem; } /* 수정/삭제 더보기 */
.ico76::before { content:'\e8af'; font-size:var(--fontSz6); line-height:2rem; color:var(--colorW); } /* 좋아요 */
.ico77::before { content:'\e897'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 골프캘린더설정-골프 캘린더 참여 */
.ico78::before { content:'\e898'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 골프캘린더설정-캘린더 동기화 */
.ico79::before { content:'\e899'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 골프캘린더설정-카카오톡 알림 */
.ico80::after { content:'\e89a'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 골프캘린더설정-일정 새로고침 */
.ico81::before { content:'\e89b'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 인스레이더-설정 */
.ico82::before { content:'\e8a0'; font-size:2.8rem; line-height:2.8rem; width:2.8rem; height:2.8rem; } /* 인스레이더-월평균 보험 */
.ico83::before { content:'\e8a1'; font-size:2.8rem; line-height:2.8rem; width:2.8rem; height:2.8rem; } /* 인스레이더-월평균 가입금액 */
.ico84::before { content:'\e8a6'; font-size:5.6rem; line-height:5.6rem; width:5.6rem; height:5.6rem; } /* 탈퇴 */
.ico85::before { content:'\e8a7'; font-size:5.6rem; line-height:5.6rem; width:5.6rem; height:5.6rem; } /* 탈퇴 */
.ico86::before { content:'\e8a8'; font-size:5.6rem; line-height:5.6rem; width:5.6rem; height:5.6rem; } /* 탈퇴 */
.ico87::before { content:'\e8a9'; font-size:5.6rem; line-height:5.6rem; width:5.6rem; height:5.6rem; } /* 탈퇴 */
.ico88::before { content:'\e89b'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 인스레이더,골프 캘린더 메인 */
.ico89::before { content:'\e89c'; font-size:var(--fontSz6); line-height:2.0rem; width:2.0rem; height:2.0rem; } /* 인스레이더,골프 캘린더 메인 */
.ico90::before { content:'\e89f'; font-size:var(--fontSz6); margin-right:0.5rem; display:inline-block; } /* 상담 */
.ico91::before { content:'\e85a'; font-size:var(--fontSz6); line-height:2rem; color:var(--colorW); width:2rem; } /* 공유 */
.ico92::before { display:inline-block; content:'\e805'; font-size:var(--fontSz6); margin-right:var(--spc1); transform:rotate(45deg); } /* 더보기 */
.ico93::before { display:inline-block; content:'\e8aa'; font-size:var(--fontSz4); line-height:2.2rem; margin-right:var(--spc1); } /* 마이알림-골프 캘린더 */
.ico94::before { display:inline-block; content:'\e8ab'; font-size:var(--fontSz4); line-height:2.2rem; margin-right:var(--spc1); } /* 마이알림-설문조사 */
.ico95::before { content:'\e8ae'; font-size:var(--fontSz6); line-height:2rem; color:var(--colorW); } /* 댓글 */
.ico96::before { display:inline-block; content:'\e8ad'; font-size:var(--fontSz4); line-height:1.4rem; color:var(--colorWO4); } /* 좋아요2 */

.svg-1::before { content:''; display:block; width:4.0rem; height:4.0rem; background-image:url("../../img/b/com/ico-1.svg"); }
.svg-2::before { content:''; display:block; width:4.0rem; height:4.0rem; background-image:url("../../img/b/com/ico-2.svg"); }
.svg-3::before { content:''; display:block; width:6.4rem; height:6.4rem; background-image:url("../../img/b/com/ico-3.svg"); }
.svg-4::before { content:''; display:block; width:4.0rem; height:4.0rem; background-image:url("../../img/b/com/ico-4.svg"); }

.svg-sony::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-sony.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-nintendo::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-nintendo.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-samsung::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-samsung.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-lg::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-lg.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-bose::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-bose.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-balmuda::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-balmuda.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-gopro::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-gopro.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-xiaomi::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-xiaomi.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-philips::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-philips.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-microsoft::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-microsoft.svg") center no-repeat; background-size:auto 1.2rem; }
.svg-dimchae::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-dimchae.svg") center no-repeat; background-size:auto 1.2rem; }

.svg-kr::before { content:''; display:inline-block; background:url("../../img/b/com/country-s-kr.svg") center no-repeat; background-size:auto 2.4rem; }
.svg-us::before { content:''; display:inline-block; background:url("../../img/b/com/country-s-us.svg") center no-repeat; background-size:auto 2.4rem; }
.svg-cn::before { content:''; display:inline-block; background:url("../../img/b/com/country-s-cn.svg") center no-repeat; background-size:auto 2.4rem; }
.svg-jp::before { content:''; display:inline-block; background:url("../../img/b/com/country-s-jp.svg") center no-repeat; background-size:auto 2.4rem; }

/********** TEXT ICON **********/
.flag-txt { display:inline-block; border-radius:1.1rem; padding:0 var(--spc2); min-width:4.0rem; height:2.2rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:2.2rem; background:var(--colorBCA3); color:var(--colorW); text-align:center; } /* 보라 */
.flag-txt.ty2 { background:#006c69; color:var(--colorW); } /* 진초록 */
.flag-txt.ty3 { background:var(--colorCOMYL); color:var(--colorB); } /* 노랑 */
.flag-txt.ty4 { background:var(--color2); color:var(--colorW); } /* 빨강 */
.flag-txt.ty5 { background:var(--colorW); color:var(--colorB); } /* 흰색배경+검정글씨 */
.flag-txt.ty6 { background:transparent; border:solid 1px var(--color3); color:var(--color3); } /* 보라 라인 */
.flag-txt.ty7 { background:var(--colorB); color:var(--colorW); } /* 검은색 */
.flag-txt.ty8 { background:transparent; border:solid 1px var(--colorW); color:var(--colorW);} /* 흰색라인+흰글씨 */
.flag-txt.ty9 { background:var(--colorCOM2); color:var(--colorB); } /* 초록 */
.flag-txt.ty10 { background:var(--colorBCD2); color:var(--colorB); } /* 하늘 */
.flag-txt.ty11 { background:var(--colorBCE2); color:var(--colorB); } /* 연초록 */
.flag-txt-brand { display:inline-block; border-radius:1.1rem; padding:0 var(--spc2); height:2.2rem; font-size:var(--fontSz1); color:var(--brand-font2); font-weight:var(--fontWg1); line-height:2.2rem; background:var(--brand-color2); }
.flag-txt2 { display:inline-block; min-width:6.8rem; border-radius:1.1rem; padding:0 var(--spc2); height:2rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:2rem; background:#4fb5dd; color:var(--colorW); text-align:center; }
.flag-txt2.ty2 { background:#70b54b; }
.flag-txt3 { display:inline-block; min-width:5.0rem; border-radius:var(--bdrRds5); padding:0 1.2rem; height:3rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:3rem; background:var(--colorW); color:var(--colorB); text-align:center; }
.flag-txt4 { display:inline-block; border-radius:var(--bdrRds4); padding:0 1.2rem 0 var(--spc2); height:2.4rem; font-size:var(--fontSz1); font-weight:var(--fontWg3); line-height:2.4rem; background:rgba(255,255,255,0.06); color:var(--colorWO5); text-align:center; }

/****************************** SLIDER ******************************/
[class*="wrap-slider"] { position:relative; overflow:hidden; }
[class*="wrap-slider"] > [data-slider], [class*="wrap-slider"] > .slide-area { position:relative; display:flex; transition-property:transform; }
[class*="wrap-slider"] > [data-slider] > li, [class*="wrap-slider"] > .slide-area > li { position:relative; flex-shrink:0; transition-property:transform; }
[class*="wrap-slider"].swiper-fade > [data-slider] .slide, [class*="wrap-slider"].swiper-fade > .slide-area .slide { position:absolute; top:0; left:0; width:100% !important;opacity:0; }
[class*="wrap-slider"].swiper-fade > [data-slider] .slide.active, [class*="wrap-slider"].swiper-fade > .slide-area .slide.active { opacity:1 !important; }
[class*="wrap-slider"] .pagination-bullets { text-align:center; font-size:0; }
[class*="wrap-slider"] .pagination-bullets > button:only-child { display:none; }
[class*="wrap-slider"] .pagination-bullets > button { overflow:hidden; position:relative; width:1.6rem; height:1.6rem; color:transparent; margin:var(--spc4) 0 var(--spc1-m); }
[class*="wrap-slider"] .pagination-bullets > button:before { content:''; display:block; position:absolute; top:50%; left:50%; margin:var(--spc1-m); width:0.8rem; height:0.8rem; border-radius:50%; background-color:var(--brand-colorBE5); box-sizing:border-box; }
[class*="wrap-slider"] .pagination-bullets > button.active:before { background-color:var(--brand-color2); }
[class*="wrap-slider"] .pagination-nav > button { overflow:hidden; position:absolute; top:50%; width:4.0rem; height:4.0rem; color:transparent; font-size:0; }
[class*="wrap-slider"] .pagination-nav > button:before { content:''; position:absolute; left:50%; top:50%; margin:var(--spc14-m); width:2.0rem; height:2.0rem; background-color:#000; transform:translateZ(0); }
[class*="wrap-slider"] .pagination-nav > button.ui-prev { left:0; }
[class*="wrap-slider"] .pagination-nav > button.ui-next { right:0; }
[class*="wrap-slider"] .pagination-nav > button:disabled { opacity:0.5; }
[class*="wrap-slider"] .pagination-fraction { width:100%; text-align:center; }
[class*="wrap-slider"] .pagination-fraction .current { font-weight:var(--fontWg1); }
[class*="wrap-slider"] .pagination-fraction .total:before { content:' / '}
[class*="wrap-slider"] .pagination-progressbar { position:relative; width:100%; }
[class*="wrap-slider"] .pagination-progressbar .fill { display:block; height:3px; transform-origin:left center; background-color:#000; }
[class*="wrap-slider"] .ui-start.active, [class*="wrap-slider"] .ui-stop.active { display:none; }
.swiper-backface-hidden .swiper-slide { transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; }

/****************************** [POPUP] ******************************/
html.disable, body.disable { overflow:hidden;touch-action:none;-webkit-overflow-scrolling:none;overscroll-behavior:none; }
.pop-close { position:absolute; top:0; right:2.4rem; z-index:1; width:2.4rem; height:2.4rem; display:block; overflow:hidden; color:transparent; line-height:0; }
.pop-close::before { content:'\e805'; display:block; font-family:var(--fontIco); font-size:var(--fontSz2); font-weight:var(--fontWg2); color:var(--brand-font1); line-height:1; vertical-align:top; }
.pop-reset { position:absolute; top:0; left:2.4rem; z-index:1; height:2.4rem; display:block; font-size:var(--fontSz1); line-height:2.4rem; font-weight:var(--fontWg1); }
.pop-reset::before { content:'\e80f'; display:inline-block; margin:0.2rem var(--spc1) 0 0; font-family:var(--fontIco); font-size:var(--fontSz3); font-weight:var(--fontWg2); color:var(--brand-font1); line-height:1; vertical-align:top; }

/********** loading **********/
.loading { display:none; position:fixed; z-index:9000; background:rgba(0,0,0,0.7); top:calc(var(--safe-top) * -1); left:0; right:0; bottom:calc(var(--safe-btm) * -1); }
.loading .loading-mes-wrap { display:flex; flex-direction:column; height:100%; padding:calc(var(--safe-top) + 4.3rem) var(--spc6) calc(var(--safe-btm) + 4.3rem); color:var(--colorW); }
.loading .loading-mes-wrap > span { display:block; }
.loading .loading-eff { width:8.6rem; height:8.6rem; margin:auto auto 2.3rem; }
.loading .loading-mes1 { font-family:var(--fontF); font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:1.6rem; text-transform:uppercase; }
.loading .loading-mes1 strong { display:block; font-size:4.8rem; line-height:6rem; }
.loading .loading-mes2 { display:block; margin-bottom:2rem; font-family:var(--fontF); font-size:2.1rem; font-weight:var(--fontWg1); line-height:1; text-transform:uppercase; text-align:center; }
.loading .loading-mes2 img, .loading .loading-mes2 svg { height:2.2rem; transform:scale(1.1); }
.loading .loading-mes3 { position:relative; height:1.6rem; font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:1.6rem; text-align:center; }
.loading .loading-mes3:empty { display:none; }
.loading .loading-mes3 span { position:absolute; left:0; right:0; top:0; bottom:0; display:block; }
.loading .loading-mes3 span:not(:only-child) { opacity:0; }
.loading .loading-mes3 span:nth-child(1):not(:only-child) { animation:ani-loading-uploop 2000ms linear infinite; }
.loading .loading-mes3 span:nth-child(2) { animation:ani-loading-uploop 2000ms 1000ms linear infinite; }
.loading .loading-foot { display:block; margin:auto 0 0; text-align:center; }
.loading .loading-foot img, .loading .loading-foot svg { height:0.8rem; }

.loading-scroll { position:relative; padding:1.8rem 0 0 0; color:var(--colorW); font-size:var(--fontSz1); font-family:var(--fontF); font-weight:var(--fontWg1); line-height:1.17; text-align:center; text-transform:uppercase; margin-top:var(--spc8); }
.loading-scroll::before { content:''; position:absolute; top:0; left:50%; margin-left:var(--spc5-m); animation:ani-loading-spin 800ms linear infinite; width:4rem; height:4rem; background:url("../../img/b/com/loading-bg.png") 0 0 no-repeat; background-size:contain; }
.loading-scroll::after { content:'please wait!'; }
.loading-scroll .ani { position:relative; display:block; width:2rem; height:0.4rem; margin:0 auto 2.7rem; }
.loading-scroll .ani::before, .loading-scroll .ani::after, .loading-scroll .dot::before, .loading-scroll .dot::after { content:''; position:absolute; top:0; display:block; width:0.4rem; height:0.4rem; border-radius:0.2rem; background:var(--colorW); animation-duration:500ms; animation-timing-function:ease; animation-iteration-count:infinite; }
.loading-scroll .ani::before, .loading-scroll .ani::after { left:0; opacity:0.2; }
.loading-scroll .dot::before { left:var(--spc2); }
.loading-scroll .dot::after { left:1.6rem; }
.loading-scroll .ani::before { animation-name:ani-loading-reveal; }
.loading-scroll .ani::after, .loading-scroll .dot::before { animation-name:ani-loading-slide; }
.loading-scroll .dot::after { animation-name:ani-loading-reveal; animation-direction:reverse; }
.loading-scroll.ty2 { color:var(--colorB); }
.loading-scroll.ty2::before { background-image:url("../../img/b/com/loading-bg-2.png"); }
.loading-scroll.ty2 .ani::before, .loading-scroll.ty2 .ani::after, .loading-scroll.ty2 .dot::before, .loading-scroll.ty2 .dot::after { background:var(--colorB); }

.loading-scroll2 { position:relative; color:var(--colorB); font-size:var(--fontSz1); font-family:var(--fontF); font-weight:var(--fontWg1); line-height:1.17; text-align:center; text-transform:uppercase; }
.loading-scroll2::before { content:''; position:absolute; top:0; left:50%; margin-left:var(--spc5-m); animation:ani-loading-spin 800ms linear infinite; width:4rem; height:4rem; background:url("../../img/b/com/loading-bg.png") 0 0 no-repeat; background-size:contain; }
.loading-scroll2::after { content:''; }
.loading-scroll2 .ani { position:relative; display:block; width:2rem; height:0.4rem; margin:0 auto 2.7rem; }
.loading-scroll2 .ani::before, .loading-scroll2 .ani::after, .loading-scroll2 .dot::before, .loading-scroll2 .dot::after { content:''; position:absolute; top:0; display:block; width:0.4rem; height:0.4rem; border-radius:0.2rem; background:var(--colorB); animation-duration:500ms; animation-timing-function:ease; animation-iteration-count:infinite; }
.loading-scroll2 .ani::before, .loading-scroll2 .ani::after { left:0; opacity:0.2; }
.loading-scroll2 .dot::before { left:var(--spc2); }
.loading-scroll2 .dot::after { left:1.6rem; }
.loading-scroll2 .ani::before { animation-name:ani-loading-reveal; }
.loading-scroll2 .ani::after, .loading-scroll2 .dot::before { animation-name:ani-loading-slide; }
.loading-scroll2 .dot::after { animation-name:ani-loading-reveal; animation-direction:reverse; }
.loading-scroll2.ty2 { color:var(--colorB); }
.loading-scroll2.ty2::before { background-image:url("../../img/b/com/loading-bg-2.png"); }
.loading-scroll2.ty2 .ani::before, .loading-scroll2.ty2 .ani::after, .loading-scroll2.ty2 .dot::before, .loading-scroll2.ty2 .dot::after { background:var(--colorB); }

@keyframes ani-loading-reveal { from { transform:scale(0.001); opacity:0.2; } to { transform:scale(1); } }
@keyframes ani-loading-slide { to { transform:translateX(0.8rem); opacity:0.5; } }
@keyframes ani-loading-spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes ani-loading-uploop { 0%,50% { transform:translateY(1rem); opacity:0; } 8%,42% { transform:translateY(0); opacity:1; } }

/********** FULL **********/
.pop-wrap { min-height:calc(var(--vh) * 100); }
.pop-wrap article { display:flex; flex-direction:column; min-height:calc(var(--vh) * 100); background:var(--brand-color11); background-size:100% 30rem; background-repeat:no-repeat; }
.pop-wrap article:before { content:''; display:block; position:fixed; top:calc(var(--safe-top) * -1); bottom:-100vh; left:0; right:0; z-index:-1; background:var(--el-tab-bg); }
.pop-wrap.dim2 article { background:none; }
.pop-wrap.dim2 article:before { background:rgba(0,0,0,1); }
.pop-wrap.dim2 .header { background:transparent; }
.pop-wrap .pop-close { top:var(--spc14); }
.pop-wrap .pop-close { top:calc(var(--safe-top) + 1rem); } /* 노치대응 */

.pop-wrap[data-popmodal="true"] { display:none; position:fixed; top:0; left:0; bottom:0; right:0; z-index:2000; height:100%; overflow-y:scroll; overflow-x:hidden; overscroll-behavior:none; -webkit-overflow-scrolling:touch; }
.pop-wrap[data-popmodal="true"].load { display:block; }
.pop-wrap.pop-focusin[data-popmodal="true"], .pop-wrap.pop-visible[data-popmodal="true"] { display:block; }
.pop-wrap.pop-focusin[data-popmodal="true"]:not(.load), .pop-wrap.pop-visible[data-popmodal="true"]:not(.load) { visibility:hidden; bottom:100%; }

.pop-allmenu.pop-wrap article { background:var(--brand-bg); }
.pop-allmenu.pop-wrap .header { background:var(--brand-bg); }

/********** BOTTOM **********/
.pop-modal[data-popmodal="true"] { visibility:hidden; }
.pop-modal[data-popmodal="true"]:before { content:''; display:block; position:fixed; top:calc(var(--safe-top) * -1); left:0; right:0; bottom:calc(var(--safe-btm) * -1); background:rgba(0,0,0,0); z-index:2000; transition:all 0.3s ease-in-out; }
.pop-modal[data-popmodal="true"].load { visibility:visible; }
.pop-modal[data-popmodal="true"].load:before { background:rgba(0,0,0,0.5); }
.pop-modal:not(.load) .pop-modal .pop-header [data-btn*="close"] { display:none; }

.pop-modal { position:fixed; z-index:2000; top:0; bottom:0; left:0; right:0; }
.pop-modal article { position:absolute; background:var(--brand-color-default); color:var(--brand-font1); z-index:inherit; overscroll-behavior:contain; bottom:calc(var(--safe-btm) * -1); left:0; right:0; padding:var(--spc7) 0 var(--safe-btm); border-radius:var(--bdrRds6) var(--bdrRds6) 0 0; transform:translateY(100%); transition:all 0.3s ease-in-out; }
.pop-modal article .pop-header { position:relative; min-height:2.4rem; text-align:center; padding:0 var(--spc6) 0; }
.pop-modal article .pop-header h1 { font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:2.4rem; }

.pop-modal article .pop-container { position:relative; margin-top:var(--spc7); max-height:calc((var(--vh) * 100) - 15rem); overflow-y:scroll; overscroll-behavior:contain; padding:0 var(--spc6) 0; }
.pop-modal article .pop-container.ty2 { padding-bottom:4.0rem; }
.pop-modal article footer { position:fixed; bottom:var(--spc7); left:var(--spc6); right:var(--spc6); padding-bottom:var(--safe-btm); }
.pop-modal article .pop-container:not(:last-child) { padding-bottom:11.6rem; }
.pop-modal.pop-calendar article .pop-container:not(:last-child),
.pop-modal.pop-touchopt article .pop-container:not(:last-child) { padding-bottom:10.8rem; }
.pop-modal article .pop-container:last-child { padding-bottom:3.2rem; }
.pop-modal.load article { transform:translateY(0%); }

.pop-modal.tyw article { background:var(--colorW); color:var(--colorB); }
.pop-modal.tyw article .pop-header h1 { color:var(--colorB); }
.pop-modal.tyw article .pop-header .i-close { background-position:-4.8rem 0; }
.pop-modal.tyw .pop-header [data-btn*="close"]:before, .pop-modal.tyw .pop-header [data-btn*="reset"]:before { color:var(--colorB); }

.pop-wrap.tyw { background:var(--colorW); color:var(--colorB); }
.pop-wrap.tyw article,
.pop-wrap.tyw article:before,
.pop-wrap.tyw .header { background:var(--colorW); }
.pop-wrap.tyw .header > h1 { color:var(--colorB); }
.pop-wrap.tyw .pop-close::before, .pop-wrap.tyw .pop-reset::before, .fm-sel-wrap .tooltip::before { color:var(--colorB); }

/* 이어서가입 */
.pop-modal[class*="brand-"] article { background:var(--brand-color11); }
.pop-modal.brand-common article { background:var(--colorCOM10); }

/********** MESSAGE **********/
.pop-mes { display:none; position:fixed; z-index:2000; top:0; bottom:0; left:0; right:0; }
.pop-mes[data-popmodal="true"].load:before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:inherit; }
.pop-mes .pop-mes-container { position:absolute; top:50%; left:50%; z-index:inherit; color:var(--colorB); text-align:center; max-width:56.0rem; width:calc(100% - (var(--spc6)*2)); padding:3.2rem 2.4rem 2.4rem; background:var(--colorW); transform:translate(-50%, -50%); border-radius:var(--bdrRds5); }
.pop-mes .pop-mes-title { position:relative; font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:2.4rem; word-break:keep-all; word-wrap:break-word; }
.pop-mes .link-txt { font-size:inherit; color:var(--brand-color3); border-bottom:solid 1px var(--brand-color3)}
.pop-mes .pop-mes-des { font-size:var(--fontSz4); line-height:2.4rem; margin-top:var(--spc6); }
.pop-mes .pop-mes-des .pop-mes-def dt { font-weight:var(--fontWg1); }
.pop-mes .pop-mes-des .pop-mes-def dd { font-size:var(--fontSz5); line-height:2rem; margin-top:var(--spc3); }
.pop-mes .pop-mes-des .pop-mes-def dd + dd { margin-top:var(--spc2); }
.pop-mes .pop-mes-des .agree { margin-top:var(--spc6) !important; text-align:left; }
.pop-mes .pop-mes-des .pop-mes-def .bul { position:relative; padding-left:1.7rem; text-align:left; }
.pop-mes .pop-mes-des .pop-mes-def .bul::before { content:''; display:inline-block; position:absolute; top:0.7rem; left:0.6rem; width:0.4rem; height:0.4rem; background-color:var(--colorB); border-radius:100%; }
.pop-mes .pop-mes-des .pop-mes-def { counter-reset:title-num; }
.pop-mes .pop-mes-des .pop-mes-def dd.num { text-align:left; text-indent:-1.6rem; margin-left:1.6rem; }
.pop-mes .pop-mes-des .pop-mes-def dd.num::before { content:counter(title-num) "."; display:inline-block; width:1.6rem; text-indent:0; counter-increment:title-num; }

.pop-mes .pop-mes-des .fm-validation3 { position:absolute; font-size:1.1rem; color:var(--color1); padding:0 0 0 3.4rem; white-space:nowrap; }
.pop-mes .pop-mes-des p + p { margin-top:var(--spc6); }
.pop-mes .pop-mes-btns { display:flex; margin-top:var(--spc7); }
.pop-mes .pop-mes-btns > .btn-cmd { flex:1; white-space:nowrap; }
.pop-mes .pop-mes-btns > .btn-cmd + .btn-cmd { margin-left:var(--spc3); }
.pop-mes.load { display:block; }

.pop-toast { position:fixed; display:block; left:2.4rem; right:2.4rem; bottom:10.4rem; padding:1.3rem 1.6rem 1.4rem; opacity:0; color:var(--el-toast-txt); font-size:var(--fontSz1); line-height:1.6rem; text-align:center; border-radius:var(--bdrRds3); background:rgba(0,0,0,0.5); z-index:3000; transition:all 0.3s; -webkit-user-select:none; }
.pop-toast.load { opacity:1; }
.pop-toast dt { display:none; }

/********** ETC **********/
.pop-modal2 { display:none; position:fixed; z-index:2000; top:0; bottom:0; left:0; right:0; }
.pop-modal2[data-popmodal="true"].load:before { content:''; display:block; position:absolute; top:calc(var(--safe-top) * -1); left:0; right:0; bottom:calc(var(--safe-btm) * -1); background:rgba(0,0,0,0.5); z-index:inherit; }
.pop-modal2 .pop-container { position:absolute; top:50%; left:50%; z-index:inherit; max-width:56.0rem; width:calc(100% - (var(--spc6)*2)); height:calc((var(--vh) * 100) - 8rem); transform:translate(-50%, -50%); }
.pop-modal2 .pop-close { position:absolute; top:var(--spc8); right:var(--spc6); }
.pop-modal2.load { display:block; }
.pop-modal2 .pop-container { display:flex; flex-direction:column; justify-content:center; }
.pop-modal2 .pop-in-cont { position:relative; display:flex; flex-direction:column; justify-content:space-between; border-radius:var(--bdrRds6); padding:4.2rem var(--spc6) 4rem; height:calc((var(--vh) * 100) - 21.6rem); max-height:44rem; }
.pop-modal2 .pop-in-cont.ty1 { background:#394def; }
.pop-modal2 .pop-in-cont.ty2 { background:#e129a3; }
.pop-modal2 .pop-in-cont.ty3 { background:#f96714; }
.pop-modal2 .title em { display:block; font-size:4.0rem; line-height:5.2rem; font-weight:var(--fontWg2); margin-top:1.8rem; }

/********** TOOLTIP **********/
.tooltip { position:relative; top:-0.1rem; width:2.4rem; height:2.4rem; margin-left:var(--spc1); white-space:nowrap; overflow:hidden; font-weight:var(--fontWg2); vertical-align:middle; line-height:1; }
.tooltip::before { content:'\e841'; display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:2.4rem; color:var(--brand-color2); }
.pop-tooltip { display:none; position:absolute; max-width:calc(100vw - 8rem); z-index:9; text-align:center; padding:var(--spc6); border-radius:var(--bdrRds2); box-shadow:0 0.3rem 1rem 0 rgba(0, 0, 0, 0.1); background-color:var(--colorW); color:#000; font-size:var(--fontSz5); line-height:1.71; /* pointer-events:none; */ }
.pop-tooltip.fixed { position:fixed; }
.pop-tooltip:not(.auto) { width:calc(100vw - 8rem); max-width:36rem; }
.pop-tooltip .arrow { position:absolute; top:-2.1rem; width:3.2rem; height:2.2rem; background:url('../../img/b/com/tooltip-arrow.svg') center bottom no-repeat; background-size:5.2rem auto; }
.pop-tooltip.dir-bottom .arrow { top:auto; bottom:-2.2rem; background-position:center top; }
.pop-tooltip a, .pop-tooltip button { pointer-events:all; }
.pop-tooltip .btns { margin-top:1.2rem; }
.pop-tooltip .bul-txt li { color:var(--colorB); text-align:left; }
.pop-tooltip .bul-txt li::before { background-color:var(--colorB); }
.pop-tooltip .link-txt { color:var(--colorCOM2); border-bottom-color:var(--colorCOM2); }
.pop-tooltip .bul-txt.ty2 > li + li::after { left:-3.6rem; right:-3.6rem; }
.pop-tooltip .bul-txt.ty2 .btns { margin-left:var(--spc3-m); }

/****************************** CALENDAR ******************************/
.calendar { display:flex; flex-wrap:wrap; align-items:center; }
.calendar .calendar-item { flex:1; position:relative; height:40px; border:solid 1px #ccc; border-radius:5px; vertical-align:middle; }
.calendar .calendar-item.cld-w { flex:none; width:130px; }
.calendar .calendar-item.cld-w .cal-btn { right:20px; }
.calendar input { width:100%; height:100%; padding-right:20px; font-size:14px; line-height:20px; border:none; background:transparent; padding-left:20px; }
.calendar input[disabled], .calendar input[readonly] { outline:none !important; cursor:pointer; }
.calendar .cal-btn { position:absolute; right:16px; top:11px; width:16px; height:16px; line-height:0; }
.calendar .calendar-hyphen { width:20px; text-align:center; }

.cal-mini-wrap { padding:12px; border:1px solid #ddd; box-sizing:border-box; background:#fff; border-radius:5px; }
.cal-mini-close { position:absolute; right:0; top:0; width:0; height:0; overflow:hidden; text-indent:-999px; white-space:nowrap; opacity:0; }
.cal-mini-title { text-align:center; font-size:16px; color:#111; font-weight:bold; line-height:29px; }
.cal-mini-prev, .cal-mini-next, .cal-mini-prev-year, .cal-mini-next-year { background:url("../../img/b-mo/common/sprite-calendar.png") 999px 999px no-repeat; }
.cal-mini-prev-year { position:absolute; left:13px; top:15px; width:22px; height:22px; overflow:hidden; text-indent:-999px; white-space:nowrap; background-position:-44px 0; }
.cal-mini-prev { position:absolute; left:13px; top:15px; width:22px; height:22px; overflow:hidden; text-indent:-999px; white-space:nowrap; background-position:0 0; }
.cal-mini-prev-year:not([disabled]) + .cal-mini-prev { left:40px; }
.cal-mini-next-year { position:absolute; right:13px; top:15px; width:22px; height:22px; overflow:hidden; text-indent:-999px; white-space:nowrap; background-position:-66px 0; }
.cal-mini-next { position:absolute; right:13px; top:15px; width:22px; height:22px; overflow:hidden; text-indent:-999px; white-space:nowrap; background-position:-22px 0; }
.cal-mini-next-year:not([disabled]) + .cal-mini-next { right:40px; }
.cal-mini-prev-year[disabled], .cal-mini-prev-year[disabled] { display:none; }
.cal-mini-body { width:100%; border-collapse:collapse; padding:0; margin:10px 0 0; }
.cal-mini-body th { width:32px; height:39px; text-align:center; vertical-align:middle; font-size:12px; color:#999; font-weight:500; }
.cal-mini-body td { width:32px; height:26px; text-align:center; vertical-align:middle; font-size:12px; color:#191919; font-weight:500; }
.cal-mini-body label { display:inline-block; width:26px; height:26px; line-height:26px; font-size:inherit; color:inherit; font-weight:inherit; border-radius:100%; text-align:center; }
.cal-mini-body input:not([disabled]):not(.disabled) + label:hover { background:#00b8ff; color:#fff !important; font-weight:bold; }
.cal-mini-body input:not([disabled]):not(.disabled) + label { cursor:pointer; }
.cal-mini-body [disabled] + label, .cal-mini-body .disabled + label { opacity:.3; }
.cal-mini-body .today label { color:#00b8ff; font-weight:bold; }

body.blur .area-btm[data-sticky="bottom"], body.blur .area-btm2[data-sticky="bottom"], body.blur .area-btm3[data-sticky="bottom"] { position:relative !important; bottom:0 !important; }
body.blur .fix-info-data[data-sticky="top"] { position:relative !important; top:0 !important; }

[data-intro-ani="y"] { transform:translateY(6.4rem); opacity:0; transition:all 600ms; }
[data-intro-ani="y"].ui-ani-appear { transform:translateY(0); opacity:1; }
[data-intro-ani="x"] { transform:translateX(6.4rem); opacity:0; transition:all 800ms; }
[data-intro-ani="x"].ui-ani-appear { transform:translateX(0); opacity:1; }
[data-intro-ani="x2"] { transform:translateX(-6.4rem); opacity:0; transition:all 800ms; }
[data-intro-ani="x2"].ui-ani-appear { transform:translateX(0); opacity:1; }
@keyframes ani-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes ani-fade-out { from { opacity:1; } to { opacity:0; } }
@keyframes ani-fade-slideup { from { transform:translateY(6.4rem); opacity:0; } to { transform:translateY(0); opacity:1; } }
@keyframes ani-fade-slideright { from { transform:translateX(-6.4rem); opacity:0; } to { transform:translateX(0); opacity:1; } }
@keyframes ani-fade-slideleft { from { transform:translateX(6.4rem); opacity:0; } to { transform:translateX(0); opacity:1; } }
/* @keyframes ani-intro-fade-in { from { transform:translateY(6.4rem); opacity:0; } to { transform:translateY(0); opacity:1; } }
@keyframes ani-intro-fade-out { to { transform:translateY(6.4rem); opacity:0; } from { transform:translateY(0); opacity:1; } } */


/********** 2023 추가 **********/
/* 230413 추가 : 로딩페이지 opacity 변경 */
.loading.opc-9{ display:none; position:fixed; z-index:9000; background:rgba(0,0,0,0.9); top:calc(var(--safe-top) * -1); left:0; right:0; bottom:calc(var(--safe-btm) * -1); }

/* 230421 추가 : 아이콘버튼 백그라운드 변경 */
.diy-list .fm-chk-diy, .sidebar a, .sidebar > label { background-image:linear-gradient(151deg, #626262, #000 54%); }

/* 230713 추가 : 메인-서비스이용동의 팝업 */
#agree-service-pop.pop-modal2 .pop-in-cont.ty4 { background:#fff; color:#000; }
#agree-service-pop .title { font-size:1.8rem; text-align:center; }
#agree-service-pop.pop-modal2 .pop-in-cont { position:relative; display:flex; flex-direction:column; justify-content: flex-start; border-radius:var(--bdrRds6); padding:3.2rem 2.4rem 2.4rem; height:auto; max-height:unset; }
/* #agree-service-pop.pop-modal2 .agree-service{ margin:2rem 0; border-bottom:1px solid rgba(0,0,0,0.2);} */ /* 230809 삭제 */
#agree-service-pop.pop-modal2 .agree-service li{ margin-bottom:1.2rem; font-size:1.2rem;}
#agree-service-pop.pop-modal2 .agree-service li:last-child{ margin-bottom:2rem;}
#agree-service-pop.pop-modal2 .agree-service li .tit{ margin-bottom:0.4rem; font-weight:bold; line-height:1.33;}
#agree-service-pop.pop-modal2 .cont-mes4 { color:#000; font-size:1.2rem; line-height:1.33; }
#agree-service-pop.pop-modal2 .cont-mes4 + .btn-cmd{ margin-top:3.2rem }

/* 230809 추가 : 메인-서비스접근권한안내 팝업 */
#agree-service-pop.pop-modal2 .agree-service{ margin:2rem 0 0; line-height:1.33; }
#agree-service-pop.pop-modal2 .cont-mes4.bdr{ padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid rgba(0,0,0,0.2); opacity:1; font-weight:400;}
#agree-service-pop.pop-modal2 .cont-mes4.bdr + .cont-mes4{ margin-top:0; font-weight:400; }

/* 240207 수정 : 메인-ALICE 사용 접근 권한 안내 */
#agree-service-pop.pop-modal2 .title + .cont-mes4 { margin-top:2rem; }
#agree-service-pop.pop-modal2 .tit-ss + .agree-service { margin-top:0.8rem; }
dfn { font-style:normal; }
.opc05 { opacity:0.5; }
.tit-ss + .txt-ss { margin-top:0.8rem; }
.txt-ss + .txt-ss { margin-top:0.4rem; }
.tit-ss { display:block; line-height:1.33; font-size:1.2rem; font-weight:bold; }
.txt-ss { line-height:1.33; font-size:1.2rem; }

/* 230811 추가 : 투명 레이어 */
.loading.opc-0 { display:none; position:fixed; z-index:9000; background:transparent; top:calc(var(--safe-top) * -1); left:0; right:0; bottom: calc(var(--safe-btm) * -1); touch-action:none; }

/* 231121 추가 : 은행/증권사 선택 팝업 */
.cont-mes3.colorB { padding:0.3rem 0 0 3.4rem; color:#d61313; font-size:1.2rem; }
.cont-mes3.colorB::before { content:'\e83e'; display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); line-height:1; position:absolute; left:1rem; top:0.2rem; }

/* 240219 추가 : 알파맘보험 얼럿 스타일 */
.pop-mes-def2 .point { color:var(--brand-color3); }
.alpha .get-back { margin-top:1.6rem; font-weight:var(--fontWg1); font-size:var(--fontSz5); text-align:center; }
.alpha .get-back a{ border-bottom: solid 1px; }
.pop-mes .pop-mes-des .pop-mes-def dd.dot { text-align:left; position:relative; text-align:left; padding-left:1.8rem; }
.pop-mes .pop-mes-des .pop-mes-def dd.dot::before { content:""; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:var(--colorB); border-radius:100%;}

/* 240327 추가 : 메인 aside메뉴(전체메뉴) */
.pop-allmenu .container { padding:var(--spc5) var(--spc8) var(--spc8); }
.header > .btns { right:6.8rem; align-items: center; }
.header > .btns a + a, .header > .btns button + button { margin-left:2rem; }	
.nav-wrap > li + li { margin-top:-2.2rem; }
/* .n-ticket { width:5.8rem; height:2.4rem; background:url(../../img/b/com/icon-n-ticket.svg) no-repeat 0 0; background-size:contain; } */
.n-ticket { width:6.2rem; height:2.2rem; background:url(../../img/b/com/icon-n-ticket.svg) no-repeat 0 0; background-size:contain; }
.myp { width:2.4rem; height:2.4rem; background:url(../../img/b/com/icon-my-page.svg) no-repeat 0 0; background-size:100%; }
.alert { width:2.4rem; height:2.4rem; background:url(../../img/b/com/icon-my-alert.svg) no-repeat 0 0; background-size:100%; }
.header .btn-my.n-ticket { padding:0 !important; }
.header .btn-my.n-ticket::before, .header .btn-my.myp::before { display:none; }
/* .header .btn-my.n-ticket { padding:0; width:5.8rem; height:2.4rem; background:url(../../img/b/com/icon-n-ticket.svg) no-repeat 0 0; background-size:contain; } */
.header .btn-my.n-ticket { padding:0; width:6.2rem; height:2.2rem; background:url(../../img/b/com/icon-n-ticket.svg) no-repeat 0 0; background-size:contain; }
.header .btn-my.myp { padding:0; width:2.4rem; height:2.4rem; background:url(../../img/b/com/icon-my-page.svg) no-repeat 0 0; background-size:100%; }
.header .btn-my { margin-left:2rem; }
.header .btn-my:last-of-type { margin-right:0.8rem; } 

/* 240415 추가 : 네이버/카카오 접속 경우 */
.contact-box { margin-bottom:3.2rem; margin-top:21rem; text-align:center; }
.contact-box img { width:11.2rem; height:auto; }
.cont-mes.fs18 { font-size:1.8rem; line-height:1.56; font-weight:300;} 

/* 240522 가전 - 제조사/상품 추가 */
.svg-skmagic::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-skmagic.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-google::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-google.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-NESCAFE::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-NESCAFE.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-roborock::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-roborock.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-illy::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-illy.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-kanu::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-kanu.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-cuchen::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-cuchen.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-cuckoo::before { content:''; display:inline-block; background:url("../../img/b/com/logo-smart-cuckoo.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-earphon::before { content:''; display:inline-block; background:url("../../img/b/com/pro-earphon.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-surfacepro::before { content:''; display:inline-block; background:url("../../img/b/com/pro-surfacepro.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-notebook::before { content:''; display:inline-block; background:url("../../img/b/com/pro-notebook.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-coffee::before { content:''; display:inline-block; background:url("../../img/b/com/pro-coffee.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-toaster::before { content:''; display:inline-block; background:url("../../img/b/com/pro-toaster.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-port::before { content:''; display:inline-block; background:url("../../img/b/com/pro-port.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-grill::before { content:''; display:inline-block; background:url("../../img/b/com/pro-grill.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-cromecast::before { content:''; display:inline-block; background:url("../../img/b/com/pro-cromecast.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-PSVR2::before { content:''; display:inline-block; background:url("../../img/b/com/pro-PSVR2.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-ps5::before { content:''; display:inline-block; background:url("../../img/b/com/pro-ps5.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-ps4::before { content:''; display:inline-block; background:url("../../img/b/com/pro-ps4.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-airfryer::before { content:''; display:inline-block; background:url("../../img/b/com/pro-airfryer.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-ricecooker::before { content:''; display:inline-block; background:url("../../img/b/com/pro-ricecooker.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-foodwaste::before { content:''; display:inline-block; background:url("../../img/b/com/pro-foodwaste.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-feeder::before { content:''; display:inline-block; background:url("../../img/b/com/pro-feeder.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-aircleaner::before { content:''; display:inline-block; background:url("../../img/b/com/pro-aircleaner.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-airdresser::before { content:''; display:inline-block; background:url("../../img/b/com/pro-airdresser.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-beermaker::before { content:''; display:inline-block; background:url("../../img/b/com/pro-beermaker.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-dehumidifier::before { content:''; display:inline-block; background:url("../../img/b/com/pro-dehumidifier.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-dishwashing::before { content:''; display:inline-block; background:url("../../img/b/com/pro-dishwashing.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-electricrange::before { content:''; display:inline-block; background:url("../../img/b/com/pro-electricrange.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-furifier::before { content:''; display:inline-block; background:url("../../img/b/com/pro-furifier.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-headset::before { content:''; display:inline-block; background:url("../../img/b/com/pro-headset.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-humidifier::before { content:''; display:inline-block; background:url("../../img/b/com/pro-humidifier.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-induction::before { content:''; display:inline-block; background:url("../../img/b/com/pro-induction.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-kimchi::before { content:''; display:inline-block; background:url("../../img/b/com/pro-kimchi.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-microwave::before { content:''; display:inline-block; background:url("../../img/b/com/pro-microwave.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-oven::before { content:''; display:inline-block; background:url("../../img/b/com/pro-oven.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-refrigerator::before { content:''; display:inline-block; background:url("../../img/b/com/pro-refrigerator.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-robot::before { content:''; display:inline-block; background:url("../../img/b/com/pro-robot.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-styler::before { content:''; display:inline-block; background:url("../../img/b/com/pro-styler.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-vacuum::before { content:''; display:inline-block; background:url("../../img/b/com/pro-vacuum.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-washing::before { content:''; display:inline-block; background:url("../../img/b/com/pro-washing.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-washingdryer::before { content:''; display:inline-block; background:url("../../img/b/com/pro-washingdryer.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-washingdryer2::before { content:''; display:inline-block; background:url("../../img/b/com/pro-washingdryer2.svg") center no-repeat; background-size:auto 4.4rem; }
.fm-chk15 .fm-chk-lb.pdr0 { padding-right:0; letter-spacing:-0.01rem;}

/* 240711 추가: dot ani */
.loading-scroll.type2::before { background:none; opacity:0; }
.loading-scroll.type2::after { content: ''; opacity:0; }
.loading-scroll.type3::after { content: ''; opacity:0; }

/* 240920 추가: 스마트기기 */
.pro-gameconsole::before { content:''; display:inline-block; background:url("../../img/b/com/pro-gameconsole.svg") center no-repeat; background-size:auto 4.4rem; }
.pro-dehumidifier2::before { content:''; display:inline-block; background:url("../../img/b/com/pro-dehumidifier2.svg") center no-repeat; background-size:auto 4.4rem; }
.svg-marshall::before { content: ''; display:inline-block; background:url("../../img/b/com/logo-smart-marshall.svg") center no-repeat; background-size: auto 4.4rem; }

/* 네이버페이 포인트 지급 안내 */
.info-naver .inner-con { padding-left:0.8rem; }
.info-naver h2 { height:3.2rem; }
.info-naver h2 img { width:8.4rem; }
.info-naver h2 + p.bold { margin-top:2rem; font-size:1.4rem; color:var(--colorB); line-height:1.43; }
.info-naver h2.fs14 { font-size:1.4rem; color:var(--colorB); line-height:1.43; }
.info-naver .tit-ex-text { font-size:1.4rem; color:var(--colorB); line-height:1.43; }
.info-naver .point { color:#00de5a; }
.info-naver h3 { margin-top:2.4rem; font-size:1.6rem; color:var(--colorB); text-align:center; }
.info-naver .list-point { margin-top:1.6rem; }
.info-naver .list-point li { font-size:1.4rem; color:var(--colorB); }
.info-naver .list-point li + li { margin-top:1rem; font-weight:400; }
.info-naver .box-gray { margin-top:3.2rem; padding:2.4rem; background-color:#f0f0f0; border-radius:1.6rem; }
.info-naver .bul-txt.black li { font-size:1.2rem; color:rgba(0,0,0,0.65); font-weight:400; line-height:1.67; }
.info-naver .bul-txt.black li + li { margin-top:1rem; }
.info-naver .bul-txt > li::before, .bul-txt > dd::before { content:''; display:inline-block; position:absolute; top:0.7rem; left:0; width:0.4rem; height:0.4rem; background-color:var(--colorB); border-radius:100%; }
.info-naver .list-point2 { margin-top:3.2rem; }
.info-naver .list-point2 > li { display:flex; font-size:1.4rem; line-height:1.29; }
.info-naver .list-point2 li strong { min-width:8.8rem; }
.info-naver .list-point2 li + li { margin-top:0.8rem; }
.info-naver .box-img-event { margin:2rem 2.8rem 0;}
.title-naverpay { font-size:1.4rem; line-height:1.43; font-weight:700; }
.mgt20 { margin-top:2rem!important; }
.info-naver .list-point3 { margin-top:3.2rem; }
.info-naver .list-point3 dl + dl { margin-top:2rem; }
.info-naver .list-point3 dt { font-size:1.4rem; font-weight:700; line-height:1.29; margin-bottom:0.8rem; }
.info-naver .list-point3 dd { font-size:1.4rem; font-weight:400; line-height:1.43; }
.info-naver .list-point3 dd .month-point { margin-top:0.8rem; }
.info-naver .list-point3 dd .month-point li + li { margin-top:0.4rem; }

/* 250415 추가: 설문-좋아요 */
.info.renew .like > .ico76 { width:2.2rem; height:2rem; line-height:2rem; vertical-align: middle; }
.info.renew .like.on > .ico76::before { content:'\e85f'; font-size:2.5rem; line-height:2rem; color:#ff416c;	margin-left:-0.2rem; }
.list-data19 .renew.info dd { margin-left:var(--spc1); line-height:2rem; }  

/* 250516 추가: 플로팅배너 */
.pop-fixed { position:fixed; bottom:calc( 10.8rem + var(--safe-btm));  width:calc(100% - 4.8rem); border-radius:3.2rem; z-index:10; padding:1.4rem; background-color:#001dff; text-align: center; font-size:1.4rem;}
.pop-fixed span.noti { display:block; margin-top:0.2rem; font-size:1.2rem; }
.pop-fixed .absol-x { position:absolute; display:inline-block; right:0; top:0; width:2.4rem; height:2.4rem; color:#000;  border-radius:50%; line-height:2.4rem; text-align:center; text-indent:-9999px; background:#fff url("../../img/b/com/icon-close-x.png") center no-repeat; background-size:1.6rem; }

/* 250618 추가: 자동차 스타벅스 이벤트 */
.pop-modal .ins-main-txt7 { color:var(--brand-font2); opacity:0.5; font-size:var(--fontSz1); line-height:1.6rem; margin-top:var(--spc5); }

/* 250624 추가: 뇌심보험 스타벅스 이벤트 */
.info-naver .box-text { margin-top:2.4rem; }
.info-naver .box-text .tit { padding-left:1.2rem; color:var(--colorB); font-size:1.6rem; position:relative; font-weight:700; }
.info-naver .box-text .tit::before { content:''; display:inline-block; position:absolute; top:0.7rem; left:0; width:0.4rem; height:0.4rem; background-color:var(--colorB); border-radius:100%; }
.info-naver .box-text .list-txt { margin-top:1.2rem; font-size:1.4rem; color:var(--colorB); font-weight:700; }
.info-naver .box-text .list-txt .tit-txt + p { margin-top:0.6rem; padding-left:1.4rem; font-weight:400; line-height:1.29; }
.info-naver .box-text + p.info { margin-top:1.6rem; color:var(--colorB); font-size:1.2rem; font-weight:700; }