@charset "UTF-8";

/****************************** FORM ******************************/
button, input, select, textarea { outline:0; }
[class*="fm-ipt"]::-webkit-search-cancel-button, [class*="fm-ipt"] input::-webkit-search-cancel-button {-webkit-appearance:none; }

/********** INPUT **********/
.fm-ipt { width:100%; height:4.8rem; background:var(--brand-color5); color:var(--brand-font1); border-radius:var(--bdrRds2); border:none; padding:0 1.6rem 0 1.6rem; text-align:left; }
/* input.fm-ipt:autofill,
input.fm-ipt:autofill:focus, */
input.fm-ipt:-webkit-autofill,
input.fm-ipt:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px var(--brand-color5) inset !important;
	-webkit-text-fill-color: var(--brand-font1) !important;
}
input.fm-ipt:-webkit-autofill:focus {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px var(--colorW) inset !important;
	-webkit-text-fill-color: var(--colorB) !important;
}

.txt-up { text-transform:uppercase; }
data.fm-ipt { line-height:4.8rem; }
.fm-card::before { right:var(--spc2); }
.fm-safe .fm-ipt { padding-right:4rem; }
.fm-time .fm-ipt { padding-right:7rem; }
.fm-dup .fm-ipt { padding-right:8rem; }
.fm-card:not(.fm-safe) .fm-ipt { text-align:center; }
.fm-card .fm-ipt { padding:0 var(--spc2) 0 0.6rem; }
.fm-card.fm-safe .fm-ipt:not(:placeholder-shown) { letter-spacing:-0.2rem; }
.fm-card.fm-safe .fm-ipt:focus { letter-spacing:0; }
.fm-sch .fm-ipt { padding-right:4rem; }
.fm-ipt-in-txt { position:absolute; top:0; display:block; line-height:4.8rem; }
.fm-btn { width:100%; height:100%; position:absolute; left:0; top:0; }
.fm-btn .icon1::before { position:absolute; right:1.1rem; top:1.3rem; }
.fm-btn .btn-cmf { position:absolute; right:var(--spc1); top:var(--spc1); width:auto; display:inline-block; border-radius:1.2rem; padding:0 1.6rem; }
.fm-btn2 { position:absolute; right:var(--spc1); top:var(--spc1); width:5.8rem !important; display:inline-block; border-radius:1.2rem !important; padding:0 !important; }
.fm-unit.fm-time { margin-top:var(--spc6); }
.fm-unit.fm-exnum .fm-w2 .fm-ipt { text-align:right; padding-right:8.4rem; }
.fm-unit.fm-exnum .fm-ipt { text-align:right; padding-right:3rem; }
.fm-unit.fm-exnum .fm-ipt-in-txt { right:1.6rem; color:var(--brand-font5); }
.fm-unit.fm-exnum .fm-btn .btn-cmf { width:5.8rem; }
.fm-btn-item .fm-ipt { padding-right:7.6rem; }
.fm-btn-item .fm-ta { padding-right:7.6rem; height:4.8rem; resize:none; transition:height 300ms; }
.fm-btn-item .fm-ta + .btn-cmf { transition:all 300ms; }
.fm-btn-item .fm-ta:focus, .fm-btn-item .fm-ta.focus, .area-btm3 .fm-item-wrap:not(.none) + .fm-btn-item .fm-ta { height:9.6rem; }
.fm-btn-item .fm-ta:focus + .btn-cmf, .fm-btn-item .fm-ta.focus + .btn-cmf, .area-btm3 .fm-item-wrap:not(.none) + .fm-btn-item .fm-ta + .btn-cmf { height:8.8rem; line-height:8.6rem; }
.fm-item.fm-valuein .fm-unit.fm-exnum .fm-ipt-in-txt { color:var(--brand-font1); }
.fm-unit.fm-game .fm-ipt { text-align:right; padding-right:4.6rem; }
.fm-unit.fm-game .fm-ipt-in-txt { right:1.6rem; color:var(--brand-font1); }

.fm-ipt[type="password"]:not(:placeholder-shown) { font-family:var(--fontIco); font-size:var(--fontSz1); letter-spacing:0; }

/********** TEXTAREA **********/
.fm-ta { width:100%; position:relative; height:auto; background:var(--brand-color5); color:var(--brand-font1); line-height:2rem; border-radius:var(--bdrRds2); border:none; padding:1.4rem 1.6rem 1.4rem 1.6rem; resize:none; }

/********** SELECTBOX **********/
.fm-sel-wrap [class*="fm-sel"] span[data-select="title"] { display:none; }
.fm-sel-wrap .fm-sel { overflow:hidden; display:block; z-index:1; text-overflow:ellipsis; white-space:nowrap; font-size:var(--fontSz4); }
.fm-sel-wrap .fm-sel .blind { display:none; }
.fm-sel-pop { position:fixed; left:0; right:0; bottom:0; background:rgba(0,0,0,0); z-index:2000; visibility:hidden; margin-top:0 !important; overscroll-behavior:contain; transition:all 0.3s ease-in-out; }
.fm-sel-pop .fm-sel-cont { position:fixed; bottom:calc(var(--safe-btm) * -1); left:0; right:0; padding:var(--spc7) var(--spc6) calc(var(--safe-btm) + var(--spc8)); border-radius:var(--spc7) var(--spc7) 0 0; background:var(--colorW); z-index:2000; --page-font-color:var(--colorB); transform:translateY(100%); transition:all 0.3s ease-in-out; }
.fm-sel-pop .fm-sel-cont::before { content:attr(data-label); display:block; padding:0 var(--spc6) var(--spc7); font-size:var(--fontSz3); line-height:2.4rem; color:var(--colorB); font-weight:var(--fontWg1); text-align:center; word-break:keep-all; }
.fm-sel-pop .fm-sel-cont .cont-mes8 + .fm-sel-option { margin-top:var(--spc6); }
.fm-sel-pop .fm-sel-cont .cont-mes8.al { line-height:2rem; }
.fm-sel-pop .fm-sel-cont .cont-mes8.al + .fm-sel-option { margin-top:var(--spc7); }
.fm-sel-pop .fm-sel-cont .area-btm { margin-bottom:var(--spc2-m); }
.fm-sel-pop [data-toggle="close"] { overflow:hidden; display:block; position:absolute; top:3.2rem; right:var(--spc6); z-index:2; width:2.4rem; height:2.4rem; color:transparent; }
.fm-sel-pop [data-toggle="close"]:before { content:'\e805'; font-family:var(--fontIco); display:block; font-size:var(--fontSz2); color:var(--colorB); }
.fm-sel-pop .fm-sel-option { overflow-x:hidden; overflow-y:auto; max-height:calc((var(--vh) * 100) - 27rem); overscroll-behavior:contain; -webkit-overflow-scrolling:touch; text-align:left; }
.fm-sel-pop .tab { margin:var(--spc4-m) 0 0; padding:0; }
.fm-sel-pop .tab:after { background:var(--colorBO16); }
.fm-sel-pop .tab ul > li > a, .tab ul > li > button { color:var(--colorBO5); }
.fm-sel-pop .tab ul > li.active:after { background-color:var(--colorB); }
.fm-sel-pop .tab ul > li.active > a, .fm-sel-pop .tab ul > li.active > button { color:var(--colorB); }
.fm-sel-pop .tab[data-sticky="top"]::before { display:none; }
.fm-sel-pop .fc-def { color:var(--colorB) !important; }
.fm-sel-wrap.active .fm-sel-pop, .fm-sel-pop.active { visibility:visible; }
.fm-sel-wrap.active.dim .fm-sel-pop, .fm-sel-pop.dim.active { top:0; background:rgba(0,0,0,0.5); }
.fm-sel-wrap.active .fm-sel-pop .fm-sel-cont, .fm-sel-pop.active .fm-sel-cont { transform:translateY(0%); }
.clone-sel-pop .fm-sel-cont { animation:ani-sel-out 0.3s both; }
.clone-sel-pop.active .fm-sel-cont { animation:ani-sel-on 0.3s both; }
@keyframes ani-sel-out { from { transform:translateY(0%); } to { transform:translateY(100%); } }
@keyframes ani-sel-on { from { transform:translateY(100%); } to { transform:translateY(0%); } }

.fm-sel-wrap.invalid .fm-sel { border-color:var(--el-form-invalid-border-color); }
.fm-sel { position:relative; width:100%; height:4.8rem; color:var(--brand-font1); border-radius:var(--bdrRds2); border:none; background:var(--brand-color5); padding:0 4rem 0 1.6rem; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.fm-sel::before { content:'\e808'; font-family:var(--fontIco); font-size:var(--fontSz4); color:var(--brand-font1); display:block; position:absolute; top:1.6rem; right:1.6rem; pointer-events:none; }
.fm-sel:not(select):empty::after { content:attr(data-placeholder); color:var(--colorWO4); }
.fm-sel .empty { color:var(--brand-font5); }
.fm-safe::before { content:'\e809'; display:block; position:absolute; top:1.6rem; right:1.6rem; pointer-events:none; font-family:var(--fontIco); font-size:var(--fontSz4); line-height:1; color:var(--brand-font1); opacity:0.4; }
.fm-safe .fm-ipt:disabled { position:relative; z-index:2; }
.fm-safe.fm-card::before { right:var(--spc2); }
.fm-sel:disabled::before { opacity:0.3; }
.fm-time2 .fm-sel::before, .fm-time3::before { content:'\e844'; }
.fm-time2 .fm-sel:disabled::before { opacity:1; }
.fm-cal::before { content:'\e843'; display:block; position:absolute; top:1.6rem; right:1.6rem; pointer-events:none; font-family:var(--fontIco); font-size:var(--fontSz4); line-height:1; color:var(--brand-font1); }
.fm-cal.disabled::before { color:var(--brand-font5); }
.fm-time3::before { display:block; position:absolute; top:1.6rem; right:1.6rem; pointer-events:none; font-family:var(--fontIco); font-size:var(--fontSz4); line-height:1; color:var(--brand-font1); }
.fm-plus::before { content:'\e846'; display:block; position:absolute; top:1.6rem; right:var(--spc2); pointer-events:none; font-family:var(--fontIco); font-size:var(--fontSz4); line-height:1; color:var(--brand-font1); opacity:0.4; }

.fm-ipt:not(button):not([readonly]):focus, .fm-ipt:not(button):not([readonly]).focus, .fm-ta:not([readonly]):focus, .fm-ta:not([readonly]).focus { background:var(--colorW); color:var(--colorB); }
.fm-ipt:not(button):not([readonly]):focus ~ .fm-txt2, .fm-ipt:not(button):not([readonly]).focus ~ .fm-txt2, 
.fm-ipt:not(button):not([readonly]):focus ~ .fm-txt-btn, .fm-ipt:not(button):not([readonly]).focus ~ .fm-txt-btn,
.fm-ipt:not(button):not([readonly]):focus ~ .fm-ipt-in-txt, .fm-ipt:not(button):not([readonly]).focus ~ .fm-ipt-in-txt
{ color:var(--colorB); }
.fm-ipt:not(.default):disabled, .fm-ipt.disabled, [class*="fm-sel"]:disabled, [class*="fm-sel"].disabled, textarea:disabled, .fm-chk4 input:disabled + .fm-chk-lb { background:var(--fm-disable-bg); }
.fm-ta:not([readonly]):focus~ .fm-btn2.btn-cmf:disabled, .fm-ta:not([readonly]).focus ~ .fm-btn2.btn-cmf:disabled { background:var(--colorB2); color:var(--colorBO4); }

.fm-delete { overflow:hidden; display:block; position:absolute; top:1.2rem; right:1.2rem; z-index:1; width:2.4rem; height:2.4rem; color:transparent; }
.fm-delete::before { content:''; display:block; width:1.6rem; height:1.6rem; border-radius:100%; background:var(--brand-color1); margin:var(--spc1); }
.fm-delete::after { content:'\e81e'; font-family:var(--fontIco); display:block; font-size:var(--fontSz2); line-height:1; color:var(--colorW); position:absolute; top:0; left:0; }
.fm-unit:not(:focus-within) button[data-btn="delete"] { opacity:0; }
.fm-unit:focus-within button[data-btn="delete"] { display:block; opacity:1; }

/********** CHECKBOX/RADIO **********/
.fm-chk {}
.fm-chk { display:block; position:relative; }
.fm-chk > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk .fm-chk-lb { display:block; width:100%; height:100%; }

.fm-chk1 { --fm-chk1-size:2rem; display:block; position:relative; vertical-align:top; line-height:1; text-align:left; } /* 기본 체크박스 */
.fm-chk1 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk1 .fm-chk-lb:before, .fm-chk1 .fm-chk-lb:after { content:''; display:block; position:absolute; top:0; left:0; box-sizing:border-box; }
.fm-chk1 .fm-chk-lb { display:inline-block; padding:0 0 0 calc(var(--fm-chk1-size) + var(--spc3)); font-size:var(--fontSz5); color:var(--brand-font10); line-height:2rem; word-break:keep-all; word-wrap:break-word; overflow-wrap:anywhere; }
.fm-chk1 .fm-chk-lb:before { width:var(--fm-chk1-size); height:var(--fm-chk1-size); background-color:var(--brand-check-color); border-radius:var(--bdrRds1); }
.fm-chk1 .fm-chk-lb:after { content:'\e807'; font-family:var(--fontIco); display:block; font-size:var(--fm-chk1-size); color:transparent; line-height:1; }
.fm-chk1 > input:checked + .fm-chk-lb { color:var(--brand-font1); }
.fm-chk1 > input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
.fm-chk1 > input:checked + .fm-chk-lb:after { color:var(--brand-font2); }
.fm-chk1 .fm-chk-lb.ty2 { font-size:var(--fontSz6); color:var(--brand-font1); }
.fm-chk1 .fm-txt { display:block; font-size:var(--fontSz1); color:var(--brand-font10); line-height:1.6rem; padding-left:calc(var(--fm-chk1-size) + var(--spc3)); margin-top:var(--spc2); }

.fm-chk1.ty2 { text-align:center; height:4.4rem;  } /* 약관 선택사항 체크박스 */
.fm-chk1.ty2 .fm-chk-lb { position:absolute; top:0; left:0; right:0; bottom:0; line-height:4.2rem; padding:0 3.2rem 0 1.2rem; border:solid 2px rgba(0,0,0,0.08); border-radius:var(--bdrRds2); }
.fm-chk1.ty2 > input:checked + .fm-chk-lb { background:var(--brand-color2); border-color:var(--brand-color2); color:var(--brand-font2) !important; }
.fm-chk1.ty2 .fm-chk-lb:before, .fm-chk1.ty2 .fm-chk-lb:after { left:auto; top:var(--spc14); right:var(--spc14); }

.fm-chk1.ty3 { --fm-chk1-size:1.6rem; height:3.2rem; } /* 보험 필터 체크박스 */
.fm-chk1.ty3 .fm-chk-lb { line-height:3.2rem; padding:0 1.2rem 0 2.8rem; font-weight:var(--fontWg3); }
.fm-chk1.ty3 > input + .fm-chk-lb { background:var(--colorBO4); color:var(--colorW) !important; border-radius:var(--bdrRds2); }
.fm-chk1.ty3 > input:checked + .fm-chk-lb { background:var(--brand-color2); border-color:var(--brand-color2); color:var(--brand-font2) !important; font-weight:var(--fontWg1); }
.fm-chk1.ty3 > input:checked + .fm-chk-lb:after { font-size:var(--fontSz6); font-weight:var(--fontWg2); }
.fm-chk1.ty3 .fm-chk-lb:before, .fm-chk1.ty3 .fm-chk-lb:after { left:var(--spc2); top:var(--spc2); border-radius:0.6rem; }
.fm-chk1.ty3 .fm-chk-lb:before { background-color:var(--colorB); }
.fm-chk1.ty3 .fm-chk-lb:after { line-height:1.4rem; }

.chk-list { margin:0 var(--spc6-m) 0; padding:1.4rem 0; background:var(--colorBO16); }
.chk-list .chk-list-in { display:flex; overflow-x:auto; white-space:nowrap; padding-right:var(--spc6); padding-left:var(--spc6); }
.chk-list .fm-chk1 + .fm-chk1 { margin-left:1.2rem; }

.fm-chk2 { position:relative; display:block; height:5.6rem; color:var(--colorB); } /* 셀렉트박스 */
.fm-chk2 + .fm-chk2 { margin-top:var(--spc2); }
.fm-chk2 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk2 input:disabled:checked + fm-chk-lb,
.fm-chk2 input:disabled + fm-chk-lb { background-color:var(--bg2); border-color:var(--bg2); color:var(--brand-color1) !important; }
.fm-chk2 .fm-chk-lb { display:block; height:5.6rem; background:var(--colorW); font-size:var(--fontSz6); padding-left:var(--spc6); border:1px solid var(--colorB2); border-radius:var(--spc6); line-height:5.4rem; word-break:keep-all; word-wrap:break-word; overflow-wrap:anywhere; text-align:left; }
.fm-chk2 input:checked + .fm-chk-lb { border-color:var(--brand-color1); font-weight:var(--fontWg1); }
.fm-chk2 input:disabled:checked + fm-chk-lb { color:var(--colorW) !important; border:1px solid var(--line6); }
.fm-chk2 .fm-chk-lb:after { content:'\e806'; font-family:var(--fontIco); font-weight:var(--fontWg2); position:absolute; font-size:var(--fontSz6); line-height:1; top:1.7rem; right:var(--spc6); color:var(--colorW); }
.fm-chk2 input:checked + .fm-chk-lb:after { color:var(--colorB); }
.fm-chk2 .fm-chk-lb.ty2 { font-size:var(--fontSz4); }

.fm-chk3 { position:relative; display:block; margin-top:var(--spc6); } /* 셀렉트박스(증권/은행/카드) */
.fm-chk3 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk3 input:disabled:checked + fm-chk-lb,
.fm-chk3 input:disabled + fm-chk-lb { background-color:var(--bg2); border-color:var(--bg2); color:var(--brand-color1) !important; }
.fm-chk3 .fm-chk-lb { display:flex; background:var(--colorB3); line-height:1; height:100%; border:1px solid var(--colorB3); border-radius:var(--bdrRds4); word-break:keep-all; word-wrap:break-word; overflow-wrap:anywhere; align-items:center; flex-direction:column; justify-content:center; }
.fm-chk3 .fm-chk-lb .name { display:block; color:var(--colorB); font-size:var(--fontSz5); text-align:center; margin-top:var(--spc2); }
.fm-chk3 input:checked + .fm-chk-lb { background:var(--colorW); border-color:var(--brand-color1); }
.fm-chk3 input:checked + .fm-chk-lb .name { font-weight:var(--fontWg1); }

.fm-chk4 { position:relative; flex:1; height:4rem; } /* 카카오/네이버 */
.fm-chk4 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk4 .fm-chk-lb { display:block; height:100%; background:var(--brand-colorBE2); font-size:var(--fontSz5); color:var(--colorW); font-weight:var(--fontWg3); border-radius:var(--bdrRds2); line-height:4rem; text-align:center; }
.fm-chk4 input:checked + .fm-chk-lb,
.fm-chk4 input.active + .fm-chk-lb { background:var(--brand-color2); color:var(--brand-font2); font-weight:var(--fontWg1); }
.fm-chk4 input:disabled + .fm-chk-lb { color:var(--brand-font5); }
.fm-chk-all-active > .fm-chk4 input:not([data-allchk-wrap]):checked + .fm-chk-lb { position:relative; background:transparent; color:var(--brand-color2); font-weight:var(--fontWg2); }
.fm-chk-all-active > .fm-chk4 input:not([data-allchk-wrap]):checked + .fm-chk-lb::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:var(--bdrRds2); border:1px solid var(--brand-color2); box-sizing:border-box; }
.fm-chk4 + .fm-chk4 { margin-left:var(--spc2); }
.fm-chk4.ty2 .fm-chk-lb { text-align:left; }
.fm-chk4.ty2 .fm-chk-lb:before { content:'\e807'; display:inline-block; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:2.4rem; width:2.4rem; line-height:1; right:var(--spc6); color:var(--brand-font4); margin:-0.2rem 0.4rem 0 0.8rem; vertical-align:middle; }
.fm-chk4.ty2 input:checked + .fm-chk-lb:before { color:var(--colorB); }

.fm-chk5 { position:relative; flex:1; height:4.4rem; } /* 네/아니요 */
.fm-chk5 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk5 .fm-chk-lb { display:block; height:100%; background:var(--brand-colorBE3); font-size:var(--fontSz4); color:var(--colorW); font-weight:var(--fontWg1); border-radius:var(--bdrRds3); line-height:4.4rem; text-align:center; }
.fm-chk5 input:checked + .fm-chk-lb { background:var(--brand-color3); color:var(--colorW); }
.fm-chk5 + .fm-chk5 { margin-left:var(--spc3); }
.fm-chk5.w1 { flex:none; width:calc(60% - 0.6rem); }
.brand-forme .fm-chk5 .fm-chk-lb { color:var(--colorWO64); }

.fm-chk6 { display:block; position:relative; vertical-align:top; width:calc(50% - 0.6rem); height:12.2rem; } /* 보험 납입방법선택 */
.fm-chk6 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk6 .fm-chk-lb:before, .fm-chk6 .fm-chk-lb:after { content:''; display:block; position:absolute; top:var(--spc2); right:var(--spc2); box-sizing:border-box; }
.fm-chk6 .fm-chk-lb { display:block; height:100%; background:var(--colorBO24); border-radius:var(--bdrRds2); color:var(--colorW); display:flex; flex-direction:column; justify-content:space-between; padding:var(--spc6); }
.fm-chk6 .fm-chk-lb:before { width:2.0rem; height:2.0rem; background-color:var(--brand-colorBE1); border-radius:100%; }
.fm-chk6 .fm-chk-lb:after { width:0.8rem; height:0.8rem; top:1.4rem; right:1.4rem; border-radius:100%; }
.fm-chk6 > input:checked + .fm-chk-lb { background:var(--brand-color2); color:var(--brand-font2); }
.fm-chk6 > input:checked + .fm-chk-lb:before { background-color:var(--brand-colorBE6); }
.fm-chk6 > input:checked + .fm-chk-lb:after { background-color:var(--colorW); }
.brand-forme .fm-chk6 > input:checked + .fm-chk-lb:after { background-color:var(--colorB); }
.fm-chk6 .txt1 { font-size:var(--fontSz5); line-height:1.8rem;  }
.fm-chk6 .txt2 { font-size:var(--fontSz4); line-height:2.0rem; }
.fm-chk6 .txt2 em { display:block; font-size:1.4rem; line-height:1.8rem; opacity:0.5; margin-bottom:0.2rem; }
.fm-chk6 .txt3 { display:block; font-size:var(--fontSz1); line-height:1.6rem; }
.fm-chk6.ty2 { height:auto; } 
.fm-chk6.ty2 .fm-chk-lb { padding:var(--spc4) var(--spc6); }

.fm-chk7 { --fm-chk7-size:2rem; display:block; position:relative; line-height:var(--fm-chk7-size); font-size:var(--fontSz5); color:var(--brand-font1); } /* 주소선택 */
.fm-chk7 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk7 .fm-chk-lb:before, .fm-chk7 .fm-chk-lb:after { content:''; display:block; position:absolute; top:0; left:0; box-sizing:border-box; }
.fm-chk7 .fm-chk-lb { position:relative; display:block; width:100%; height:100%; padding-left:2.8rem; color:var(--brand-font10); }
.fm-chk7 .fm-chk-lb:before { width:2.0rem; height:2.0rem; background-color:var(--brand-colorBE1); border-radius:100%; }
.fm-chk7 .fm-chk-lb:after { width:0.8rem; height:0.8rem; top:0.6rem; left:0.6rem; border-radius:100%; }
.fm-chk7 > input:checked + .fm-chk-lb:before { background-color:var(--fm-chk7-active1); }
.fm-chk7 > input:checked + .fm-chk-lb:after { background-color:var(--fm-chk7-active2); }
.fm-chk7 > input:checked + .fm-chk-lb { color:var(--brand-font1); font-weight:var(--fontWg1); }

.fm-chk8 { position:relative; flex:1; height:4.4rem; } /* 엄마/아빠 */
.fm-chk8 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk8 .fm-chk-lb { display:block; height:100%; background:var(--fm-disable-bg); font-size:var(--fontSz4); color:var(--brand-font9); font-weight:var(--fontWg1); border-radius:var(--bdrRds3); line-height:4.4rem; text-align:center; }
.fm-chk8 input:checked + .fm-chk-lb { background:var(--brand-color3); color:var(--colorW); }
.fm-chk8 + .fm-chk8 { margin-left:var(--spc3); }

.fm-chk9 { position:relative; display:block; } /* 설정 on/off */
.fm-chk9 input { position:absolute; top:0; width:100%; height:100%; opacity:0; left:0; }
.fm-chk9 .fm-chk-lb { display:flex; flex-wrap:wrap; position:relative; width:auto; min-width:36px; min-height:2.8rem; font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg1); padding-right:6rem; cursor:pointer; box-sizing:border-box; align-items:center; }
.fm-chk9 .fm-chk-lb:before { content:''; position:absolute; display:block; top:50%; margin-top:-1.4rem; width:4.8rem; height:2.8rem; background:var(--colorWO3); right:0; border-radius:2.8rem; transition:all 0.2s ease-in-out; box-sizing:border-box; }
.fm-chk9 .fm-chk-lb:after { content:''; position:absolute; display:block; box-sizing:border-box; right:2.2rem; top:50%; margin-top:-1.2rem; z-index:3; width:2.4rem; height:2.4rem; background:var(--brand-color5); border-radius:var(--bdrRds3); transition:all 0.2s ease-in-out; box-sizing:border-box; }
.fm-chk9 input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
.fm-chk9 input:checked + .fm-chk-lb:after { right:0.2rem; }
.fm-chk9 .fm-chk-lb .txt3 { margin-top:0.6rem; width:100%; }
.fm-chk9 > input:disabled + .fm-chk-lb { color:var(--colorWO24); }
.fm-chk9 > input:disabled + .fm-chk-lb .txt3 { color:var(--colorWO12); }
.fm-chk9 > input:disabled + .fm-chk-lb:before { opacity:0.2; }

.fm-chk10 { --fm-chk1-size:2.8rem; display:block; vertical-align:top; line-height:1; } /* 보험 박스 선택 */
.fm-chk10 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk10 .fm-chk-lb:before, .fm-chk10 .fm-chk-lb:after { content:''; display:block; position:absolute; left:0; top:0; box-sizing:border-box; }
.fm-chk10 .fm-chk-lb { position:absolute; top:1.2rem; right:1.2rem; display:block; width:var(--fm-chk1-size); height:var(--fm-chk1-size); border-radius:var(--bdrRds1); overflow:hidden; }
.fm-chk10 .fm-chk-lb:before { width:var(--fm-chk1-size); height:var(--fm-chk1-size); background-color:var(--colorB); }
.fm-chk10 .fm-chk-lb:after { content:'\e807'; font-family:var(--fontIco); top:0.2rem; left:0.2rem; display:block; font-size:var(--fontSz2); color:var(--colorWO3); line-height:1; }
.fm-chk10 > input:checked + .fm-chk-lb { color:var(--brand-font1); }
.fm-chk10 > input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
.fm-chk10 > input:checked + .fm-chk-lb:after { color:var(--brand-font2); }
.fm-chk10 > input:checked:disabled + .fm-chk-lb { background:var(--colorB); }
.fm-chk10 > input:checked:disabled + .fm-chk-lb:before, .fm-chk10 > input:checked:disabled + .fm-chk-lb:after { opacity:0.5; }

.fm-chk11 { display:inline-block; position:relative; vertical-align:top; line-height:1; border-radius:1.4rem; overflow:hidden; } /* 보험 전체 선택 */
.fm-chk11 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk11 .fm-chk-lb { display:inline-block; font-size:var(--fontSz1); line-height:2.8rem; padding:0 1.2rem 0 3.2rem; font-weight:var(--fontWg2); background:var(--colorBO4); }
.fm-chk11 .fm-chk-lb:after { content:'\e807'; position:absolute; left:0; top:0; box-sizing:border-box;font-family:var(--fontIco); display:block; font-size:var(--fontSz6); color:var(--colorW); line-height:2.8rem; margin-left:var(--spc2); }
.fm-chk11 > input:checked + .fm-chk-lb { background:var(--brand-color2); color:var(--colorB); font-weight:var(--fontWg1); }
.fm-chk11 > input:checked + .fm-chk-lb:after { font-size:var(--fontSz6); font-weight:var(--fontWg2); color:var(--colorB); }
.fm-chk11 > input:checked + .fm-chk-lb .txt1 { display:none; }
.fm-chk11 > input:not(:checked) + .fm-chk-lb .txt2 { display:none; }

.fm-chk12 { display:block; position:relative; vertical-align:top; line-height:5.6rem; overflow:hidden; } /* 청구유형 선택 */
.fm-chk12 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk12 .fm-chk-lb { display:block; font-size:var(--fontSz5); line-height:2rem; padding:1.7rem 5.6rem 1.9rem 2.4rem; font-weight:var(--fontWg2); background:var(--colorCOM6); }
.fm-chk12 .fm-chk-lb:before, .fm-chk12 .fm-chk-lb:after { content:''; display:block; position:absolute; top:50%; right:2.4rem; box-sizing:border-box; }
.fm-chk12 .fm-chk-lb:before { width:2.0rem; height:2.0rem; margin-top:var(--spc14-m); background-color:var(--brand-colorBE1); border-radius:100%; }
.fm-chk12 .fm-chk-lb:after { width:0.8rem; height:0.8rem; margin:var(--spc1-m) 0.6rem 0 0; border-radius:100%; }
.fm-chk12 > input:checked + .fm-chk-lb { background:var(--colorCOM2); color:var(--colorB); font-weight:var(--fontWg1); }
.fm-chk12 > input:checked + .fm-chk-lb:before { background:var(--fm-chk7-active1); }
.fm-chk12 > input:checked + .fm-chk-lb:after { background:var(--fm-chk7-active2); }
.fm-chk12 > input:disabled + .fm-chk-lb { color:var(--colorWO3); }
.fm-chk12 > input:disabled + .fm-chk-lb:before, .fm-chk12 > input:disabled + .fm-chk-lb:after { display:none; }
.select-option .fm-chk12 .fm-chk-lb:before { background:var(--colorBO4) !important; }
.select-option .fm-chk12 > input:checked + .fm-chk-lb:after { background:var(--colorCOM2); }

.fm-chk13 { position:relative; width:calc((100vw - 9.6rem) / 3); height:calc(((100vw - 9.6rem) / 3) * 1); margin-top:var(--spc8); } /* 가전선택 */
.fm-chk13 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk13 .fm-chk-lb { display:block; height:100%; background:var(--colorBO32); font-size:var(--fontSz5); border-radius:2rem; padding:1.2rem; line-height:1.8rem; }
.fm-chk13 .fm-chk-lb .txt1 { display:block; }
.fm-chk13 .fm-chk-lb .txt2 { display:block; color:var(--colorWO6); margin-top:var(--spc1); }
.fm-chk13 .fm-chk-lb::after { content:''; position:absolute; bottom:1.2rem; left:50%; margin:0 0 0 -0.6rem; display:block; width:1.6rem; height:0.2rem; background:var(--brand-color2); }
.fm-chk13.ty2 { pointer-events:none; }
.fm-chk13.ty2 .fm-chk-lb .txt2 { font-size:var(--fontSz1); }
.fm-chk13.ty2 .fm-chk-lb::after { background:#ff5039; }

.fm-chk3-g  { display:flex; flex-wrap:wrap; } /* 은행/증권 */
.fm-chk3-g.col2 { margin-top:var(--spc4); padding:0 1.2rem; justify-content:space-between; }
.fm-chk3-g.col2 .fm-chk3 { --fm-chk3-size:calc((100vw - 8rem) / 2); width:var(--fm-chk3-size); height:calc(var(--fm-chk3-size) * 0.685714); margin-right:var(--spc2); margin-top:var(--spc2); }
.fm-chk3-g.col2 .fm-chk3:nth-child(2n) { margin-right:0; }
.fm-chk3-g.col2 .fm-chk3 .fm-chk-lb { border-radius:var(--bdrRds1); }
.fm-chk3-g.col2 .fm-chk3 img { width:3.6rem; }

.fm-chk14 { position:relative; flex:1; height:5rem; }
.fm-chk14 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk14 .fm-chk-lb { display:block; height:100%; background:var(--brand-colorBE3); font-size:var(--fontSz5); color:var(--colorW); border-radius:2rem; line-height:5rem; text-align:center; }
.fm-chk14 input:checked + .fm-chk-lb { background:var(--brand-color2); color:var(--brand-font2); font-weight:var(--fontWg1); }

.fm-chk15 { position:relative; width:100%; margin-top:var(--spc4); }
.fm-chk15 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk15 .fm-chk-lb { display:block; height:100%; background:var(--colorBO32); font-size:var(--fontSz5); border-radius:var(--bdrRds2); padding:0.6rem; line-height:1.29; }
.fm-chk15 .fm-chk-lb .txt { display:inline-block; vertical-align:middle; font-weight:var(--fontWg1); }
.fm-chk15 .fm-chk-lb small { font-size:var(--fontSz1); font-weight:var(--fontWg2); }
.fm-chk15 .fm-chk-lb::before { width:5.6rem; height:5.6rem; line-height:5.6rem; border-radius:var(--bdrRds2); margin-right:var(--spc2); background-color:var(--colorB); color:var(--colorW); vertical-align:middle; }
.fm-chk15 input:checked + .fm-chk-lb { background:var(--brand-color2); color:var(--brand-font2); font-weight:var(--fontWg1); }

.fm-chk15.ty2 .fm-chk-lb { background:var(--colorBO2); border-radius:2.0rem; }
.fm-chk15.ty2 .fm-chk-lb::before { width:4.4rem; height:4.4rem; line-height:4.4rem; margin-right:var(--spc3); }
.fm-chk15.ty2 .fm-chk-lb .txt { font-weight:var(--fontWg2); }
.fm-chk15-g.col2 .fm-chk15.ty2 .fm-chk-lb.icon2 .txt,
.fm-chk15-g.col2 .fm-chk15.ty2 .fm-chk-lb[class*="svg"] .txt { max-width:calc(100% - 5.6rem); }
.fm-chk15.ty2 input:checked + .fm-chk-lb .txt { font-weight:var(--fontWg1); }
.fm-chk15.ty2 .fm-chk-lb.ty2::before { background-color:var(--colorW); }

.fm-chk16 { width:100%; height:9.6rem; --fm-chk1-size:2rem; display:block; position:relative; vertical-align:top; line-height:1; text-align:left; }
.fm-chk16 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk16 .fm-chk-lb:before, .fm-chk16 .fm-chk-lb:after { content:''; display:block; position:absolute; top:1.1rem; right:1.1rem; box-sizing:border-box; }
.fm-chk16 .fm-chk-lb { position:relative; display:flex; align-items:end; width:100%; height:100%; font-size:var(--fontSz3); background:#931f6f; border:solid 1px #931f6f; border-radius:var(--bdrRds2); padding:0 var(--spc4) var(--spc5) var(--spc4) }
.fm-chk16 .fm-chk-lb:before { position:absolute; width:var(--fm-chk1-size); height:var(--fm-chk1-size); background-color:var(--brand-colorBE1); border-radius:var(--bdrRds1); }
.fm-chk16 .fm-chk-lb:after { content:'\e807'; font-family:var(--fontIco); display:block; font-size:var(--fm-chk1-size); color:transparent; line-height:1; }
.fm-chk16 > input:checked + .fm-chk-lb { border-color:var(--brand-color2); color:var(--brand-color2); background:#85195f; }
.fm-chk16 > input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
.fm-chk16 > input:checked + .fm-chk-lb:after { color:var(--brand-font2); }

.fm-chk-all { position:relative; }
.fm-chk-all + .fm-chk-g { position:relative; margin-top:var(--spc6); padding-top:var(--spc6); }
.fm-chk-all + .fm-chk-g::before { content:''; display:block; position:absolute; top:0; left:0; right:0; display:block; height:1px; background:var(--brand-font3); margin:0 var(--spc6-m) 0 var(--spc4-m); }
.fm-agree.ty3 .fm-chk-all + .fm-chk-g::before { margin:0 var(--spc6-m) 0 var(--spc6-m); }

.fm-chk-g .fm-view { display:block; overflow:hidden; color:transparent; line-height:0; position:absolute; top:0; right:0; z-index:1; width:3rem; height:2rem; }
.fm-chk-g .fm-view::before { 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(--brand-font4); padding:0.2rem; }

.fm-chk-g .fm-chk1 + .fm-chk1 { margin-top:var(--spc5); }
.fm-chk-g .fm-chk-item { position:relative;  padding-right:3rem; }
.fm-chk-g .fm-chk-item + .fm-chk-item { margin-top:var(--spc5); }

.fm-chk-g.col2 { display:flex; flex-wrap:wrap;justify-content:space-between; }
.fm-chk-g.col2 .fm-chk1.ty2 { width:calc(50% - 0.6rem); margin-top:1.2rem; }

.terms + .fm-chk-g { margin-top:var(--spc5); }
.tab5 + .fm-chk-g { margin-top:var(--spc6); }
.fm-chk4-g { display:flex; flex-wrap:wrap; margin-top:var(--spc4); }
.fm-label + .fm-chk4-g { margin-top:var(--spc3); }
.fm-ipt-wrap + .fm-chk4-g { margin-top:var(--spc2); }
.c-head + .fm-chk4-g { margin-top:var(--spc8); }

.fm-chk4-g.col3 .fm-chk4 { width:calc((100% - 1.6rem) / 3); flex:none; }
.fm-chk4-g.col3 .fm-chk4:nth-child(3n+1) { margin-left:0; }
.fm-chk4-g.col3 .fm-chk4:nth-child(3) ~ .fm-chk4 { margin-top:var(--spc2); }
.fm-chk4-g.col-step .fm-chk4 + .fm-chk4 { margin-left:2.4rem; }
.fm-chk4-g.col-step .fm-chk4 + .fm-chk4::before { content:'\e81d'; position:absolute; margin:var(--spc14) 0 0 var(--spc5-m); font-family:var(--fontIco); font-size:var(--fontSz4); color:var(--brand-font1); font-weight:var(--fontWg2); line-height:1; vertical-align:top; opacity:0.3; }
.fm-div-line { margin-top:var(--spc6); padding-top:var(--spc6); border-top:1px solid var(--colorWO16); }
.fm-div-line > .fm-chk4-g:first-child { margin-top:0 !important; }

.fm-chk5-g { display:flex; flex-wrap:wrap; margin-top:var(--spc4); }
.fm-chk5-g.ty2 { margin-top:var(--spc6); }

.fm-chk6-g { display:flex; flex-wrap:wrap; margin-top:var(--spc4); justify-content:space-between; }
.c-head + .fm-chk6-g { margin-top:var(--spc8); }

.fm-chk7-g { display:flex; flex-wrap:wrap; --fm-chk8-size:2rem; justify-content:space-between; }
.fm-chk7-g.col2 { display:flex; flex-wrap:wrap; }
.fm-chk7-g.col2 .fm-chk7 { width:50%; }
.fm-chk7-g.col2 .fm-chk7:nth-child(even) { padding-left:calc(100% - 91%); }
.fm-chk7-g.col2 .fm-chk7:nth-child(2) ~ .fm-chk7 { margin-top:var(--spc4); }
.fm-chk7-g.box { padding:var(--spc6); margin-top:0; }
.fm-chk8-g { display:flex; flex-wrap:wrap; margin-top:var(--spc4); }

.fm-chk13-g { display:flex; flex-wrap:wrap; }
.fm-chk13-g.col3 .fm-chk13 + .fm-chk13 { margin-left:var(--spc6); }
.fm-chk13-g.col3 .fm-chk13:nth-child(3n+1) { margin-left:0; }
.fm-chk13-g.col3 .fm-chk13:nth-child(3) ~ .fm-chk13 { margin-top:var(--spc6); }

.fm-chk13-g:not(.fm-chk-all-active) .fm-chk13 input:checked + .fm-chk-lb { background:var(--brand-color2); color:var(--brand-font2); font-weight:var(--fontWg1); }
.fm-chk13-g:not(.fm-chk-all-active) input:checked + .fm-chk-lb .txt2 { color:var(--brand-font2); }
.fm-chk13-g:not(.fm-chk-all-active) input:checked + .fm-chk-lb:after { background:var(--brand-font2); }
.fm-chk13-g.fm-chk-all-active input:checked + .fm-chk-lb:after { display:none; }
.fm-chk13-g.fm-chk-all-active input:checked + .fm-chk-lb:before { content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; border:solid 2px var(--brand-color2); border-radius:2rem; box-sizing:border-box; }

.fm-chk14-g { margin-top:2.2rem; }

.fm-chk15-g { display:flex; flex-wrap:wrap; margin-top:var(--spc4); }
.fm-chk15-g.col2 .fm-chk15 { width:calc((100% - var(--spc3)) / 2); }
.fm-chk15-g.col2 .fm-chk15 + .fm-chk15 { margin-left:var(--spc3); }
.fm-chk15-g.col2 .fm-chk15:nth-child(2n+1) { margin-left:0; }
.fm-chk15-g.col2 .fm-chk15:nth-child(-n+2) { margin-top:0; }
.fm-chk15-g.col2 .fm-chk15:nth-child(2) ~ .fm-chk15 { margin-top:var(--spc3); }
.fm-chk15-g.col2 .fm-chk15.ty2:nth-child(2) ~ .fm-chk15.ty2 { margin-top:var(--spc2); }
.fm-chk15-g.ty2 { margin-top:var(--spc8); }

.fm-chk16-g { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:var(--spc8); }
.fm-chk16-g.col2 .fm-chk16 { width:calc(50% - 0.4rem); margin-top:1.2rem; }

/********** AREA **********/
.fm-field { margin-top:var(--spc8); }
.container > .fm-field:first-child { margin-top:var(--spc11); }
.container > .fm-field.ty2:first-child { margin-top:var(--spc4); }
.pop-container .fm-field:first-child { margin-top:0; }
.c-head2 + .fm-field { margin-top:var(--spc6); }
.cont-mes3 + .fm-field { margin-top:var(--spc4); }
.fm-agree + .fm-field, .btn-area + .fm-field { margin-top:var(--spc6); }

.fm-item { margin-top:var(--spc6); }
.fm-item .fm-cont .fm-chk4-g:first-child, .fm-item .fm-cont .fm-agree:first-child { margin-top:var(--spc3); }

.btn-area + .fm-item { margin-top:var(--spc7); }
.fm-field legend + .fm-item { margin-top:0; }
.c-head2 + .fm-item { margin-top:var(--spc4); }
.wrap-slider-list2 + .fm-item { margin-top:var(--spc8); }
.fm-field > .fm-item:first-child { margin-top:0; }

.fm-label { font-size:var(--fontSz5); font-weight:var(--fontWg3); color:var(--brand-font1); margin-bottom:var(--spc3); }
.fm-label .tooltip { margin-left:-0.2rem; }

.fm-item .fm-label { transition:0.3s color; }
.fm-valuein .fm-label { color:var(--colorWO6); }

.fm-ipt-wrap { position:relative; display:flex; flex-wrap:wrap; align-items:center; }
.fm-unit { flex:1; position:relative; line-height:0; }
.fm-ipt-wrap .fm-unit + .fm-unit { margin-left:var(--spc2); margin-top:0; }
.fm-unit + .fm-ipt-wrap { margin-top:var(--spc2); }
.fm-chk4-g ~ .tab-cont .fm-ipt-wrap:first-child { margin-top:var(--spc2); }

.fm-item-wrap { display:flex; }
.fm-item-wrap .fm-item { flex:1; }
.fm-item-wrap .fm-item + .fm-item { margin-left:var(--spc2); }
.fm-item-wrap .fm-w1 { flex:none; min-width:calc(33.333333% - 1.6rem); }
.fm-ipt-wrap .fm-w1 { flex:none; min-width:calc(33.333333% - 1.6rem); }
.fm-ipt-wrap .fm-w2 { flex:none; width:calc(37.6666% - 1.6rem); }
.fm-unit + .fm-unit { margin-top:var(--spc2); }
.fm-unit2 { margin:1.2rem 0 0 1.6rem; }

.fm-agree.box { padding:var(--spc7) var(--spc6) var(--spc7) var(--spc4); }
.fm-agree.box.ty2 { padding:var(--spc6); }
.fm-agree.box.ty3 { padding:var(--spc7) var(--spc6) var(--spc7) var(--spc6); }
.cont-mes3 + .fm-agree.box { margin-top:var(--spc6); }

.fm-sign { height:20rem; width:100%; background:var(--colorB); color:var(--colorW); border-radius:var(--bdrRds5); margin-top:var(--spc4); }

.fm-sch-field { margin-top:var(--spc5); }
.fm-sch-field .fm-unit .ico1 { position:absolute; width:2.4rem; height:2.4rem; top:1.2rem; right:1.2rem; }
.fm-sch-field .fm-unit:focus-within .ico1 { display:none; }

.fm-agree + .fm-unit { margin-top:var(--spc6); }
.btn-area + .fm-unit { margin-top:var(--spc6); }
.list-data17 ~ .fm-unit { margin-top:var(--spc6); }

.fm-agree2 { border-top:solid 1px var(--brand-font7); margin-top:var(--spc8); padding-top:var(--spc6); }
.fm-agree2 em { display:block; font-size:var(--fontSz5); color:var(--brand-font10); line-height:2rem; text-align:center; }
.fm-agree2 .fm-chk5.w1 { width:calc(62.18% - 0.6rem); }
.fm-agree2 .fm-chk5-g + em { margin-top:var(--spc7); }
.fm-agree2.ty2 { border-top:none; padding-top:0; }

.fm-complete { margin-top:var(--spc6); border-bottom:solid 1px var(--brand-font7); padding-bottom:var(--spc7); margin-bottom:var(--spc8); }
.fm-complete .i-comp { background-color:var(--brand-color2); display:block; width:4.8rem; height:4.8rem; line-height:4.8rem; margin:0 auto; border-radius:100%; text-align:center; }
.fm-complete .i-comp:before { content:'\e821'; font-family:var(--fontIco); font-size:3.2rem; color:var(--brand-font2); text-align:center; }
.fm-complete .txt { font-size:var(--fontSz4); line-height:2rem; color:var(--brand-color2); font-weight:var(--fontWg1); text-align:center; margin-top:var(--spc2); }

.container > .pdf-viewer { position:relative; flex:1; display:flex; flex-direction:column; margin:var(--safe-top) var(--spc6-m) 0; }
.container > .pdf-viewer iframe, .container > iframe.pdf-viewer { flex:1; max-width:none; height:100%; }
.container > .pdf-viewer:empty { background-color:#f5f5f5; }
.container > .pdf-viewer:empty::before { content:'PDF Viewer'; position:absolute; left:0; right:0; top:50%; text-align:center; }
.container > .pdf-viewer:last-child { margin-bottom:var(--spc7-m); padding-bottom:var(--safe-btm); }

/********** FORM MESSAGE **********/
.fm-validation { display:inline-block; position:absolute; z-index:2; right:var(--spc2); bottom:100%; font-size:1.1rem; color:var(--colorW); line-height:1.4rem; padding:var(--spc1) var(--spc2); border-radius:var(--bdrRds3); background:var(--fm-valid-bg); white-space:nowrap; margin-bottom:var(--spc1-m); opacity:0; transition:0.3s ease opacity; }
.fm-validation::after { content:''; display:block; position:absolute; width:0.9rem; height:0.9rem; background-color:var(--fm-valid-bg); -webkit-mask:url("../../img/b/com/ico-error.svg") no-repeat center; mask:url("../../img/b/com/ico-error.svg") no-repeat center; right:var(--spc14); top:100%; }

[aria-invalid="true"] ~ .fm-validation, .fm-unit.fm-invalid ~ .fm-validation { opacity:1; }
.fm-validation2:not(empty) { font-size:var(--fontSz5); color:var(--brand-color2); line-height:1.8rem; text-align:center; margin-top:var(--spc8); }
.fm-txt1 { font-size:var(--fontSz5); color:var(--brand-font10); line-height:1.8rem; margin:var(--spc2) 0 0 0; }
.fm-txt2 { position:absolute; right:1.6rem; top:1.6rem; font-size:var(--fontSz5); line-height:1.6rem; }
.fm-time .fm-txt2 { font-size:var(--fontSz1); }
.fm-txt3 { font-size:var(--fontSz1); color:var(--brand-font10); line-height:1.6rem; margin:var(--spc1) 0 0 var(--spc4); }
.fm-txt4 { position:absolute; right:0; top:-2.8rem; font-size:var(--fontSz5); font-weight:var(--fontWg3); color:var(--brand-font10); line-height:1.6rem; }
.fm-txt5 { font-size:var(--fontSz5); color:var(--brand-color2); line-height:2rem; margin:var(--spc2) 0 0 var(--spc4); }
.fm-txt-dot { margin:0 var(--spc2); }
.fm-txt-bar { margin:0 var(--spc1); }
.fm-txt-btn { position:absolute; right:1.6rem; top:1.4rem; font-size:var(--fontSz5); color:var(--brand-color2); line-height:1.8rem; text-decoration:underline; }
span.fm-txt-btn { text-decoration:none; }

/********** EMAIL **********/
/* 231121 autocomplete UI 수정 (s) */
/* .ui-autocomplete { position:absolute; z-index:10000; overflow-y:auto; background:#fff; border-radius:var(--bdrRds2); padding:var(--spc6) var(--spc4); color:var(--colorB); right:24px; } */
.ui-autocomplete { position:absolute; z-index:10000; overflow-y:auto; background:#fff; border-radius:var(--bdrRds2);  color:var(--colorB); right:24px; width:calc(100% - 18rem); }
/* .ui-autocomplete > .ui-menu-item + .ui-menu-item { margin-top:var(--spc5); } */
.ui-autocomplete > .ui-menu-item { padding:var(--spc3) var(--spc4); border:1px solid #fff; box-sizing:border-box; }
.ui-helper-hidden-accessible { display:none !important; }
/* (e) 231121 autocomplete UI 수정 */

/********** CALENDAR **********/
.pop-calendar.pop-modal[data-popmodal="true"].load:before, .pop-touchopt.pop-modal[data-popmodal="true"].load:before { background-color:rgba(0,0,0,0); }
.pop-calendar article .pop-header.hide, .pop-touchopt article .pop-header.hide { min-height:0; }
.pop-calendar article .pop-header.hide + .pop-container, .pop-touchopt article .pop-header.hide + .pop-container { margin-top:-0.2rem; }
.pop-calendar article .area-btm, .pop-touchopt article .area-btm { display:block; left:0; right:0; bottom:var(--safe-btm); margin:0; padding:var(--spc6) var(--spc6) var(--spc7); }
.pop-calendar article .pop-header.hide ~ .area-btm, .pop-touchopt article .pop-header.hide ~ .area-btm { margin-top:var(--spc6); }
.pop-calendar article .pop-container, .pop-touchopt article .pop-container { overflow-y:visible; max-height:none; }
.calendar-wrap { position:relative; background:transparent; font-size:var(--fontSz5); margin-bottom:-0.6rem; }
.calendar-wrap .calendar-header, .calendar-wrap .calendar-date-ym { position:relative; height:3rem; padding:0 5rem; margin-bottom:1.4rem; }
.calendar-wrap .calendar-header .calendar-title, .calendar-wrap .calendar-date-ym { font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:2.4rem; text-align:center; }
.calendar-wrap .calendar-header [class*="calendar-btn"] { position:absolute; top:0; line-height:2.4rem; width:3rem; height:2.4rem; white-space:nowrap; text-indent:-999px; overflow:hidden; }
.calendar-wrap .calendar-header .calendar-btn-prev[disabled],
.calendar-wrap .calendar-header .calendar-btn-next[disabled] { background-color:transparent; opacity:.2; }
.calendar-wrap .calendar-header .calendar-btn-prev { left:var(--spc2); }
.calendar-wrap .calendar-header .calendar-btn-next { right:var(--spc2); }
.calendar-wrap .calendar-header .calendar-btn-prev::before { content:'\e82e'; position:absolute; left:0.3rem; text-indent:0; font-family:var(--fontIco); font-size:2.3rem; transform:rotate(180deg); }
.calendar-wrap .calendar-header .calendar-btn-next::before { content:'\e82e'; position:absolute; left:0.3rem; text-indent:0; font-family:var(--fontIco); font-size:2.3rem; }
.calendar-wrap .calendar-body { overflow:hidden; }
.calendar-wrap .calendar-scroll { position:relative; }
.calendar-range .calendar-wrap { margin-bottom:0; }
.calendar-range .calendar-wrap .calendar-body { overflow-y:auto; padding-bottom:0; max-height:calc(var(--vh) * 100 - (20rem + var(--safe-top) + var(--headHgt))); }
.pop-calendar:not(.calendar-range) .calendar-wrap .calendar-slide { position:absolute; left:0; top:0; width:100%; height:100%; padding:0 0.2rem; font-size:var(--fontSz5); }
.pop-calendar:not(.calendar-range) .calendar-wrap .calendar-slide:first-child { position:relative; left:-100%; }
.pop-calendar:not(.calendar-range) .calendar-wrap .calendar-slide:last-child { left:100%; }
.pop-modal.pop-calendar.calendar-range article .pop-container:not(:last-child) { padding-bottom:10.5rem; }
.calendar-range .area-btm { border-top:1px solid var(--colorBO08); }
.calendar-range .range-value { display:flex; justify-content:space-between; margin:0; font-size:var(--fontSz3); line-height:1.33; font-weight:var(--fontWg1); color:var(--colorB); }
.calendar-range .range-value span::before { display:block; margin-bottom:var(--spc2); font-size:var(--fontSz1); opacity:0.5; font-weight:var(--fontWg2); }
.calendar-range .range-value span:first-child::before { content:attr(data-placeholder); }
.calendar-range .range-value span:last-child { text-align:right; }
.calendar-range .range-value span:last-child::before { content:attr(data-placeholder); }
.calendar-range .range-value span:empty::after { content:'선택해 주세요'; color:var(--colorBO2); }
.calendar-range .calendar-slide + .calendar-slide { padding-top:2.4rem; margin-top:2.2rem; border-top:1px solid #eee; }
.calendar-date-head { display:flex; flex-wrap:wrap; padding:1.1rem 0 1.2rem; }
.calendar-date-head span { width:calc(100% / 7); line-height:2rem; height:2rem; text-align:center; }
.calendar-date-body { display:flex; flex-wrap:wrap; }
.calendar-date-body .calendar-day { position:relative; z-index:2; width:calc(100% / 7); margin:0.2rem 0; padding:var(--spc1); text-align:center; }
.calendar-date-body .calendar-day::before { content:''; position:absolute; left:0; top:0; z-index:-1; height:100%; right:0; }
.calendar-range .calendar-date-body .other-month:first-child,
.calendar-range .calendar-date-body .other-month:first-child~.other-month { visibility:hidden; }
.calendar-range .calendar-date-body .calendar-day:not(.other-month)~.other-month { display:none; }
.calendar-range .calendar-date-ym { margin-bottom:0.5rem; }

.calendar-date-head span:nth-child(7n+1),
.calendar-date-body .calendar-day:nth-child(7n+1) { color:#5f5151; }
/* .calendar-date-body .other-month button { opacity:.2; } */
.calendar-date-body .other-month button{ opacity:1; } /* 240226 추가 : 당월 달력 내 다음 달 일자 비활성화 취소 */
.calendar-date-body button { line-height:4rem; width:4rem; height:4rem; border-radius:var(--bdrRds2); }
.calendar-range .calendar-date-body button { line-height:3.2rem; width:3.2rem; height:3.2rem; }
.calendar-date-body .today button { position:relative; font-weight:var(--fontWg1); }
.calendar-date-body .today button::after { content:''; position:absolute; left:50%; top:var(--spc1); margin-left:-0.1rem; width:0.2rem; height:0.2rem; background:#000; }
.calendar-date-body .today button::before { content:'오늘'; position:absolute; left:0; right:0; bottom:-0.6rem; font-size:1rem; line-height:1.2; }
.calendar-date-body .calendar-pressed { z-index:3; }
.calendar-range .calendar-pressed::before,
.calendar-date-body .calendar-pressed button,
.calendar-date-body .calendar-range-pressed button { background:var(--brand-color2); color:var(--brand-font2); }
.calendar-date-body .calendar-pressed button::after, .calendar-date-body .calendar-range-pressed button::after { background-color:var(--brand-font2); }
.calendar-date-body .calendar-pressed button::before, .calendar-date-body .calendar-range-pressed button::before { display:none; }
.calendar-date-body .calendar-range-pressed button { border-radius:1.2rem; }
.calendar-date-body .calendar-range-pressed:not(.calendar-range-single)::before,
.calendar-date-body .calendar-range::before { background:var(--brand-color1); opacity:0.16; }
.calendar-date-body .calendar-range-pressed::before,
.calendar-date-body .calendar-range:nth-child(7n+1)::before { border-radius:1.4rem 0 0 1.4rem; }
.calendar-date-body .calendar-range + .calendar-range-pressed::before,
.calendar-date-body .calendar-range-pressed + .calendar-range-pressed::before,
.calendar-date-body .calendar-range:nth-child(7n)::before { border-radius:0 1.4rem 1.4rem 0; }
.calendar-date-body button[disabled] { opacity:.2; text-decoration:line-through; }
.calendar-date-body .calendar-range-pressed::before { left:50%; margin-left:var(--spc5-m); }
.calendar-date-body .calendar-range + .calendar-range-pressed::before { left:0; margin-left:0; right:50%; margin-right:var(--spc5-m); }

.date-wrap, .time-wrap, .touchopt-wrap { position:relative; margin:var(--spc4-m) var(--spc1); font-weight:var(--fontWg1); font-size:var(--fontSz2); line-height:2.8rem; text-align:center; user-drag:none; user-select:none; -moz-user-select:none; -webkit-user-drag:none; -webkit-user-select:none; -ms-user-select:none; color:var(--colorB); }
.date-wrap::before, .time-wrap::before, .touchopt-wrap::before { content:''; position:absolute; left:0; top:var(--spc4-m); bottom:12.4rem; right:0; z-index:2; pointer-events:none; background:linear-gradient(to top, rgba(255,255,255,0.84) 40%, #fff 100%); }
.date-wrap::after, .time-wrap::after, .touchopt-wrap::after { content:''; position:absolute; left:0; top:12.4rem; bottom:var(--spc4-m); right:0; z-index:2; pointer-events:none; background:linear-gradient(to bottom, rgba(255,255,255,0.84) 40%, #fff 100%); }
.time-wrap, .touchopt-wrap { margin-left:auto; margin-right:auto; }
.date-wrap > div, .time-wrap > div, .touchopt-wrap > div { display:inline-block; width:29.61%; vertical-align:top; padding:0; height:19.2rem; overflow:hidden; }
.time-wrap > div { width:39.11%; }
.touchopt-wrap .opt-in { display:block; width:100%; height:100%; overflow:hidden; }
.date-wrap > div + div, .time-wrap > div + div, .touchopt-wrap > div + div { margin-left:0.2rem; }
.touchopt-wrap > .suffix + div { margin-left:var(--spc1); }
.date-wrap > div::before, .time-wrap > div::before, .touchopt-wrap > .opt::before { content:''; position:sticky; display:block; top:6.8rem; width:100%; height:5.6rem; margin-bottom:var(--spc10-m); opacity:0.12; background:var(--el-date-bg); border-radius:var(--bdrRds2); }
.touchopt-wrap > .opt { position:relative; }
.touchopt-wrap > .opt::before { position:absolute; }
.touchopt-wrap > .suffix { width:auto; line-height:19.2rem; }
.brand-forme .date-wrap > div::before, .brand-forme .time-wrap > div::before, .brand-forme .touchopt-wrap > div::before { opacity:0.16; }
.brand-hero .date-wrap > div::before, .brand-hero .time-wrap > div::before, .brand-hero .touchopt-wrap > .opt::before { opacity:0.28; }
.date-wrap ul, .time-wrap ul, .touchopt-wrap ul { position:relative; text-align:center; }
.date-wrap ul::before, .date-wrap ul::after,
.time-wrap ul::before, .time-wrap ul::after,
.touchopt-wrap .opt-in::before, .touchopt-wrap .opt-in::after { content:''; display:block; height:6.4rem; }
.date-wrap li, .time-wrap li, .touchopt-wrap li, .touchopt-wrap .fm-chk-touch { display:block; height:6.4rem; line-height:6.4rem; transition:all 400ms; }
.touchopt-wrap .fm-chk-touch { position:relative; }
.touchopt-wrap .fm-chk-touch input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }
.date-wrap .disabled, .time-wrap .disabled, .touchopt-wrap .disabled { opacity:.5; }
.touchopt-wrap > .opt.auto { width:auto; }
.touchopt-wrap > .opt.auto .fm-chk-touch { padding:0 2.6rem; }
.touchopt-wrap > div:only-of-type { width:39.12%; }
.touchopt-wrap + .area-btm { margin-top:var(--spc7); }

/****************************** BOX ******************************/
.box { background:var(--brand-color5); border-radius:var(--bdrRds2); padding:var(--spc7) var(--spc6) var(--spc7) var(--spc6); margin-top:var(--spc6); }
.box.ty4 { margin-top:var(--spc8); }
.c-head + .box, .c-head + .cont-mes4 + .box { margin-top:var(--spc8); }
.board-view2 .board-img + .box { margin-top:var(--spc8); }
.list-data6 + .box { margin-top:var(--spc8); }
.list-attach-wrap + .box { margin-top:var(--spc8); }
.cont-mes3 + .box { margin-top:var(--spc8); }
.fm-chk14-g + .box { margin-top:var(--spc7); }
.c-head5 + .box { margin-top:var(--spc3); }

/****************************** BUTTON ******************************/
[class*="btn-cm"] { text-align:center; }
a[class*="btn-cm"].disabled { cursor:default; }

.btn-cma { display:block; width:100%; height:5.6rem; border-radius:var(--bdrRds2); font-size:var(--fontSz3); line-height:5.4rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--brand-color2); color:var(--brand-font2); }
.btn-cma.disabled, .btn-cma:disabled { background:var(--colorW); color:var(--colorBO2); }
.btn-cmb { display:block; width:100%; height:5.2rem; border-radius:var(--bdrRds2); font-size:var(--fontSz4); line-height:5rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--colorW); color:var(--colorB); }
.btn-cmb.disabled, .btn-cmb:disabled { background:var(--pg-btn2-disabled); color:var(--pg-btn2-disabled-txt); }
.btn-cmb .icon3 { position:relative; display:block; text-align:left; }
.btn-cmb .ico39::after { position:absolute; right:0; top:50%; margin-top:var(--spc14-m); }
.btn-cmc { position:relative; display:block; width:100%; height:4.4rem; border-radius:var(--bdrRds2); font-size:var(--fontSz4); line-height:4.2rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--brand-color2); color:var(--brand-font2); }
.btn-cmc.disabled, .btn-cmc:disabled { background:var(--colorB2); color:var(--colorBO24); }
.btn-cmc.btn-c { background:var(--colorCOM7); color:var(--colorW); }
.btn-cmc.btn-c2 { background:var(--colorCOM2); color:var(--colorB); }
.btn-cmc.btn-c3 { background:var(--colorW); color:var(--colorB); }
.btn-cmc.btn-c4 { background:var(--colorB2); color:var(--colorB6); }
.btn-cmd { display:block; width:100%; height:4.4rem; border-radius:var(--bdrRds3); font-size:var(--fontSz4); line-height:4.2rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--brand-color3); color:var(--colorW); }
.btn-cmd.disabled, .btn-cmd:disabled { color:var(--colorW); }
.btn-cmd.btn-c { background:var(--brand-color4); color:var(--colorW); }
.btn-cmd.btn-c2 { background:var(--colorBO32); color:var(--colorW); }
.btn-cme { display:block; width:100%; height:4.8rem; border-radius:var(--bdrRds2); font-size:var(--fontSz4); line-height:4.6rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--brand-color2); color:var(--brand-font2); }
.btn-cme.disabled, .btn-cme:disabled { background:var(--pg-btn2-disabled); color:var(--pg-btn2-disabled-txt); }
.btn-cme.btn-c { background:var(--colorW); color:var(--colorB); }
.btn-cme.icon-b::before { color:var(--brand-font2); }
.btn-cmf { display:inline-block; width:100%; height:4.0rem; border-radius:var(--bdrRds2); font-size:var(--fontSz5); line-height:3.8rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--brand-color2); color:var(--brand-font2);  text-align:center; }
.btn-cmf.disabled, .btn-cmf:disabled { background:var(--colorBO4); color:var(--colorWO5); }
.btn-cmf.btn-c { background:var(--colorCOMYL); color:var(--colorB); }
.btn-cmf.btn-c2 { background:var(--colorW); color:var(--colorB); }
.btn-cmf.btn-c3 { background:var(--colorBO5); color:var(--colorW); }
.btn-cmf.fm-btn2 { background:var(--colorBCD2); color:var(--colorB); }
.btn-cmh { display:inline-block; height:4.0rem; border-radius:2.0rem; font-size:var(--fontSz5); line-height:3.8rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--brand-color2); color:var(--brand-font2);  text-align:center; }
.btn-cmi { display:inline-block; height:3.6rem; border-radius:2.0rem; font-size:var(--fontSz5); line-height:3.4rem; font-weight:var(--fontWg1); padding:0 var(--spc6); background:var(--brand-color2); color:var(--brand-font2);  text-align:center; }
.btn-cmi.btn-c { background:var(--colorCOM2); color:var(--colorB); }
.btn-cmj { display:block; width:100%; height:3.2rem; border-radius:1.2rem; font-size:var(--fontSz5); line-height:3.2rem; font-weight:var(--fontWg1); padding:0 var(--spc3); background:var(--brand-color2); color:var(--brand-font2);  text-align:center; }
.btn-cmk { display:inline-block; height:3.2rem; border-radius:var(--bdrRds6); font-size:var(--fontSz5); line-height:3.2rem; font-weight:var(--fontWg1); padding:0 var(--spc3); background:var(--brand-color2); color:var(--brand-font2);  text-align:center; }
.btn-cmk.btn-c { background:var(--colorW); color:var(--colorB); }
.btn-cmk.btn-c2 { background:transparent; color:var(--colorW); font-weight:var(--fontWg2); border:solid 1px var(--colorW); line-height:3rem; }
.btn-cmk .icon2 { margin-left:-0.2rem; }
.btn-cmm { display:block; position:relative; height:4.4rem; line-height:4.4rem; padding:0 1.6rem; pointer-events:all; border:0; border-radius:var(--bdrRds3); background-color:var(--brand-color7); font-size:var(--fontSz5); color:var(--brand-font1); box-shadow:0.8rem 0.8rem 1.2rem 0 rgba(0, 0, 0, 0.24); }
.btn-cmm .i-add::before { content:'\e82a'; display:inline-block; margin:0 var(--spc1) 0 -0.7rem; vertical-align:middle; line-height:4.4rem; text-align:center; font-family:var(--fontIco); font-size:1.9rem; color:var(--brand-font1); font-weight:var(--fontWg2); }
.btn-cmy { position:relative; display:flex; width:6.4rem; height:6.4rem; border-radius:var(--bdrRds4); font-size:var(--fontSz1); color:var(--colorW); align-items:center; justify-content:center; padding-bottom:1.2rem; background:var(--colorB); box-shadow:16px 16px 24px 0 rgba(0, 0, 0, 0.4); }
.btn-cmy .icon2::before { display:block; font-size:var(--fontSz2); margin:var(--spc2) auto 0.2rem; }
.btn-cmy .icon2.ico92::before { font-size:1.3rem; margin:var(--spc14) auto var(--spc2); }
.btn-cmw { position:relative; display:inline-block; height:4rem; font-size:var(--fontSz5); padding:0 var(--spc4); line-height:3.8rem; }
.btn-cmw::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1.2rem; border:solid 1px var(--brand-font1); opacity:0.24; }
.btn-cmw .icon2 { margin-left:var(--spc2-m); }
.btn-cmx { display:flex; width:100%; height:10rem; border-radius:var(--bdrRds4); font-size:var(--fontSz4); color:var(--colorW); font-weight:var(--fontWg1); align-items:center; justify-content:center; background:var(--colorBCA1); }
.btn-cmx.btn-c { color:var(--colorB); background:var(--colorBCA2); color:var(--colorB); }
.btn-cmx .icon2::before { margin:0 auto var(--spc2); }
.btn-cmz { display:inline-block; border:solid 1px var(--brand-font1); height:2.8rem; border-radius:1.4rem; font-size:var(--fontSz1); padding:0 1.1rem 0 0.7rem; line-height:2.6rem; }
.btn-cmz.btn-c { color:var(--colorB); background:var(--colorW); border:none; font-weight:var(--fontWg1); }
.btn-cmz.btn-c .icon2::before { color:var(--colorB); }
.btn-cmz.btn-c2 { color:var(--colorW); background:var(--colorBO4); border:none; }
.btn-cmz.btn-c2 .icon2::before { color:var(--colorW); }
.btn-cmz.btn-c2.active { color:var(--colorB); background:var(--colorCOM2); font-weight:var(--fontWg1); }
.btn-cmz.btn-c2.active .icon2::before { color:var(--colorB); }
.btn-cmz .icon1 { margin-right:var(--spc1-m); }

.area-btm { display:flex; align-items:flex-end; pointer-events:none; margin-top:var(--spc8); }
.area-btm [class*="btn-"] { flex:1; pointer-events:all; }
.area-btm[data-sticky="bottom"] { bottom:3.2rem; z-index:10; margin:auto 0 0; padding-top:4rem; }
.area-btm[data-fixed="bottom"] { position:fixed; bottom:3.2rem; width:100%; }
.area-btm[data-sticky="bottom"] .btn-cma, .area-btm.ty3 .btn-cma, .area-btm[data-fixed="bottom"] .btn-cma { box-shadow:16px 16px 24px 0 rgba(0,0,0,0.4); }
.area-btm.col2 .btn-cmc.w1 { flex:none; width:calc(63.461538% - 0.6rem); }
.area-btm.col2 [class*="btn-"] + [class*="btn-"] { margin-left:var(--spc3); }
.area-btm.col2 .btn-cmd.w2 { flex:none; width:calc(60.256410% - 1.2rem); }
.area-btm.ty2 { margin-top:var(--spc7); margin-bottom:var(--spc2); }
.area-btm.ty3 { margin-top:var(--spc13); }

.area-btm2 { margin:var(--spc8) 0 0; }
.area-btm2[data-sticky="bottom"] { bottom:3.2rem; z-index:10; margin:auto 0 0; padding-top:4rem; }
.area-btm2 .btn-area:first-child { margin-top:0; }
.area-btm2 .txt { font-size:var(--fontSz5); line-height:1.8rem; }
.area-btm2 .txt + .btn-area { margin-top:var(--spc4); }
.area-btm2 .info-data2 + .btn-area { margin-top:var(--spc4); }

.area-btm3[data-sticky="bottom"] { bottom:var(--spc14); z-index:10; margin:auto 0 0; padding-top:4.4rem; }
.area-btm3::after { content:''; position:absolute; left:var(--spc6-m); right:var(--spc6-m); bottom:-3.2rem; top:3.4rem; z-index:-1; opacity:.95; background-color:var(--colorCOMNV); }
.area-btm3 .fm-item-wrap { margin:var(--spc14-m) 0 var(--spc6); }
.area-btm3 .fm-item-wrap.none + .fm-btn-item::before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; }

.btn-area { margin-top:var(--spc6); }
.btn-area [class*="btn-"] { flex:1; }
.btn-area [class*="btn-"] + [class*="btn-"] { margin-top:var(--spc4); }
.btn-area.ty2 { margin-top:var(--spc4); }

.btn-area.col2 { display:flex; flex-wrap:wrap; margin-top:var(--spc8); }
.btn-area.col2 [class*="btn-"] + [class*="btn-"] { margin-left:var(--spc2); margin-top:0; }
.btn-area.col2 [class*="btn-"]:nth-child(2n + 1) { margin-left:0; }
.btn-area.col2 [class*="btn-"]:nth-child(2) ~ [class*="btn-"] { margin-top:var(--spc3); }
.btn-area.col2 [class*="btn-"] { flex:none; width:calc((100% - var(--spc2)) / 2); }

.cont-mes + .btn-area { margin-top:var(--spc7); }
.cont-mes3 + .btn-area { margin-top:var(--spc3); }
.fm-unit + .btn-area { margin-top:var(--spc4); }
.pop-container > .btn-area:first-child { margin-top:0; }
.c-head + .btn-area { margin-top:var(--spc8); }
.list-data10 + .btn-area { margin-top:var(--spc8); }
.list-data11 + .btn-area { margin-top:var(--spc7); }
.list-attach-wrap + .btn-area { margin-top:var(--spc8); }

.btn-area2 { display:flex; justify-content:center; }
.btn-area2 [class*="btn-"] + [class*="btn-"] { margin-left:var(--spc3); }

.btn-area3 { display:flex; margin-top:var(--spc5); justify-content:right; }
.btn-area3 [class*="btn-"] + [class*="btn-"] { margin-left:var(--spc3); }
.c-head + .btn-area3 { margin-top:var(--spc6); }

.btn-area4 { display:flex; margin:var(--spc8) var(--spc6-m) var(--spc4); justify-content:center; }
.btn-area4 .btn-cmy ~ .btn-cmy { margin:0 0 0 3.6rem; }


/****************************** TITLE/TEXT ******************************/
.c-head { position:relative; display:flex; margin:var(--spc13) var(--spc6-m) 0 0; flex-wrap:wrap; }
.c-head:first-child, .container > form:first-child > input[type="hidden"] + .c-head, .certify-tab-cont > .c-head { margin-top:var(--spc11); }
.c-title { min-width:15.3rem; font-size:var(--fontSz2); font-weight:var(--fontWg3); line-height:3.2rem; padding-right:var(--spc5); }
.c-title strong { color:var(--brand-color2); }
.c-head::after, .c-head::before { content:''; flex:1; display:block; height:1px; background:var(--brand-font1); margin-top:0.7rem; opacity:0.16; }
.c-head::before { position:absolute; left:var(--spc6-m); top:0; width:0.8rem; }
.c-head > .c-title { max-width:calc(100% - 5rem); }
.brand-flex .c-head::after, .brand-flex .c-head::before { opacity:0.16; }
.c-head.ty2::after, .c-head.ty2::before { opacity:0; }
.step1 + .c-head { margin-top:var(--spc11); }
.info-data6 + .c-head { margin-top:var(--spc11); }
.tab + .c-head { margin-top:var(--spc11); }
.tab2 + .c-head { margin-top:var(--spc11); }

.c-head2 { display:flex; flex-wrap:wrap; margin-top:var(--spc8); align-items:center; }
.c-head2.ty2 { margin-top:var(--spc6); }
.c-head2 .side { margin-left:auto; }
.c-head2 .side .btn-cmz + .btn-cmz { margin-left:var(--spc1); }

.c-head2[data-sticky="top"] { z-index:10; top:var(--headHgt); transition:top 0.3s, padding-top 0.3s; padding:var(--spc4) 0; margin-top:2.4rem; }
.c-head2[data-sticky="top"]::before { content:''; position:absolute; left:calc(var(--spc6) * -1); right:0; top:0; bottom:0; z-index:-1; width:calc(100% + var(--spc6) * 2); opacity:.95; background-color:var(--brand-bg); transition:background-color 0.1s ease-in-out 0s; }
.c-head2[data-sticky="top"]::after { content:''; position:fixed; left:0; right:0; top:0; z-index:-1; height:var(--safe-top); opacity:.95; background-color:var(--brand-color1); }
.c-head2[data-sticky="top"] { top:calc(var(--safe-top) + var(--headHgt)); } /* 노치대응 */
.sc-up .c-head2[data-sticky="top"] { top:calc(var(--safe-top) + var(--headHgt)); }
.sc-down .c-head2[data-sticky="top"] { top:var(--safe-top); } /* 노치대응 */
.c-head5 { margin-top:var(--spc6); }
body[data-top-transparent] .header { transition:top 0.3s, background-color 0.1s ease-in-out 0s; }
body[data-top-transparent="true"] .c-head2[data-sticky="top"]::before { background:none; }
body[data-top-transparent="false"] .c-head2[data-sticky="top"]::before { top:calc(var(--headHgt) * -1); }

.fm-chk4-g + .c-head2 { margin-top:var(--spc7); }
.fm-chk6-g + .c-head2 { margin-top:var(--spc7); }
.fm-field + .c-head2 { margin-top:var(--spc6); }
.tab + .c-head2 { margin-top:var(--spc11); }
.container > .c-head2:first-child { margin-top:var(--spc11); }
.list-attach-wrap > .c-head2:first-child { margin-top:0; }

.c-head4 { display:flex; flex-wrap:wrap; margin-top:var(--spc11); align-items:center; }
.container .c-head4:first-child { margin-top:var(--spc8); }
.fix-info-data + .c-head4 { margin-top:var(--spc8); }

.cont-mes2 + .c-head3 { margin-top:10rem; }
.c-title2 { font-size:var(--fontSz4); font-weight:var(--fontWg1); line-height:2rem; }
.c-title2 .point { color:var(--brand-color2); }
.c-title3 { font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:2.4rem; }
.c-title4 { flex:1; font-size:var(--fontSz6); font-weight:var(--fontWg3); line-height:2.4rem; }
.c-title4 .link { position:relative; display:block; width:100%; }
.c-title4 .link::after { content:'\e82e'; position:absolute; right:0; top:50%; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz2); height:2.4rem; color:var(--brand-font1); line-height:1; margin-top:var(--spc3-m); }
.c-title4 strong { line-height:2.8rem; }
.c-title5 { font-size:var(--fontSz5); font-weight:var(--fontWg3); color:var(--brand-font1); }

.cont-mes { font-size:var(--fontSz2); font-weight:var(--fontWg3); line-height:3.2rem; text-align:center; }
.cont-mes .txt1 { font-size:var(--fontSz4); line-height:2.0rem; margin-bottom:var(--spc2); }
.cont-mes .txt2 { font-size:var(--fontSz5); line-height:2.0rem; color:#fff; margin-top:var(--spc6); }
.cont-mes .point { color:var(--brand-color2); }
.cont-mes .min-h3 { min-height:9.6rem; }
.cont-mes:first-child, legend + .cont-mes { margin-top:var(--spc9); }
.deco-box + .cont-mes { margin-top:var(--spc7); }
.pop-container .cont-mes:first-child { margin-top:0; }
.container .cont-mes:first-child { margin-top:var(--spc11); }
.svg-network + .cont-mes { margin-top:3.2rem; border-top:solid 1px var(--colorWO08); padding-top:3.2rem; }

.cont-mes2 { font-size:var(--fontSz5); color:#fff; line-height:1.8rem; text-align:center; }
.cont-mes2 p + p { margin-top:var(--spc2); }
.cont-mes2 p + p.ty { margin-top:var(--spc6); }
.cont-mes2 .ty { color:var(--brand-font1); }
.cont-mes + .cont-mes2 { margin-top:var(--spc6); }
.cont-mes + .cont-mes2.ty2 { margin-top:var(--spc2); }
.c-head + .cont-mes2 { margin-top:var(--spc4); }

.cont-mes3 { position:relative; font-size:var(--fontSz5); color:var(--brand-font1); line-height:1.8rem; padding:0.3rem 0 0 2.4rem; min-height:2.4rem; margin-top:var(--spc4); }
.cont-mes3::before { content:'\e83e'; display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; position:absolute; left:0; top:0rem; }
.cont-mes3.point { color:var(--brand-color2); }
.cont-mes3.point::before { color:var(--brand-color2); }

.c-head2 + .cont-mes3 { margin-top:var(--spc3); }
.fm-chk4-g + .cont-mes3 { margin-top:var(--spc8); }
.c-head + .cont-mes3 { margin-top:var(--spc8); }
.list-sortable1 + .cont-mes3 { margin:0 var(--spc2); }

.cont-mes4 { font-size:var(--fontSz5); font-weight:var(--fontWg3); color:var(--colorW); line-height:1.8rem; margin-top:var(--spc2); }
.cont-mes4 p + p { margin-top:var(--spc2); }
.cont-mes4 .point { color:var(--brand-color2); }

.cont-mes5 { font-size:var(--fontSz6); font-weight:var(--fontWg3); line-height:2.4rem; text-align:center; }
.cont-mes6 { position:relative; padding:var(--spc4) var(--spc7); background:var(--brand-color5); border-radius:var(--bdrRds2); }
.cont-mes6 dt { font-size:var(--fontSz6); line-height:2.4rem; padding-left:9.4rem; padding-top:var(--spc14); min-height:6.8rem; }
.cont-mes6 dd { margin-top:var(--spc4); }
.cont-mes6 .icon2::before { position:absolute; left:var(--spc7); top:var(--spc4); }
.ins-progress2 + .cont-mes6 { margin-top:var(--spc6); }
.cont-mes8 { font-size:var(--fontSz4); line-height:2.4rem; text-align:center; }
.cont-mes8 .point { color:var(--brand-color2); }
.cont-mes + .cont-mes8 { margin-top:var(--spc6); }
.cont-mes9 { position:relative; display:grid; grid-template-columns:5.2rem auto; background:var(--colorBO16); margin:0 var(--spc6-m); padding:var(--spc7) var(--spc6); }
.cont-mes9::before { content:''; display:block; grid-column:1/2; }
.cont-mes9 .txt1 { align-items:center; grid-column:2/2; font-size:var(--fontSz4); line-height:2.4rem; color:var(--colorW); }
.cont-mes9 .txt2 { align-items:center; grid-column:2/2; font-size:var(--fontSz5); line-height:1.8rem; color:var(--colorWO5); margin-top:var(--spc2); }
.cont-mes9 .point { color:var(--brand-color2); }
.cont-mes9 .link { display:block; position:absolute; padding:var(--spc7) var(--spc6) var(--spc7) calc(var(--spc6) + 5.2rem); top:0; bottom:0; left:0; right:0; }
.cont-mes9 .link::after { content:'\e82e'; position:absolute; right:2.4rem; top:50%; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz2); height:2.4rem; color:var(--colorW); line-height:1; margin-top:var(--spc2-m); }
.cont-mes10 { font-size:var(--fontSz6); line-height:3.2rem; text-align:center; margin-top:var(--spc2); }
.cont-mes11 { font-size:var(--fontSz2); font-weight:var(--fontWg2); line-height:3.2rem; text-align:center; }
.cont-mes11:first-child, legend + .cont-mes11 { margin-top:var(--spc8); }
.cont-mes12 { font-size:var(--fontSz5); line-height:1.8rem; margin-top:12rem; }
.cont-mes12 p + p { margin-top:var(--spc3); }

/****************************** CONTENTS ******************************/
.cont-area { margin-top:var(--spc10); text-align:center; }
.btn-area + .cont-area { margin-top:var(--spc7); }
.cont-area:last-child .link-txt-2 { margin-bottom:var(--spc3); }

.cont-area2 { margin:auto 0 0; padding-top:var(--spc9); }
.cont-banner { display:block; border-radius:2rem; background:var(--colorCOM2); padding:var(--spc7) var(--spc5) var(--spc7) 0; margin-top:var(--spc8); }
.cont-banner .svg-3::before { position:absolute; top:50%; margin-top:var(--spc7-m); left:1.6rem; }
.cont-banner dl { position:relative; color:var(--colorB); padding-left:8.8rem; }
.cont-banner dt { font-size:var(--fontSz4); font-weight:var(--fontWg1); line-height:2.0rem; }
.cont-banner dd { font-size:var(--fontSz5); line-height:1.8rem; margin-top:var(--spc2); }

.link-txt { display:inline-block; font-size:var(--fontSz5); color:var(--brand-font1); line-height:1.6rem; border-bottom:solid 1px var(--brand-font1); }
.link-txt.point { border-bottom-color:var(--brand-color2); }
.link-txt-2 { display:inline-block; color:var(--colorB); line-height:2.0rem; text-decoration:underline; }

.list-total { margin-top:var(--spc8); padding-bottom:var(--spc4); border-bottom:solid 1px #fff; display:flex; align-items:center; }
.list-total > strong { color:var(--colorCOM2); margin-left:var(--spc1); }
.list-total.noline { border-bottom:none; }
.list-total .txt-sel { margin:0 var(--spc2); }
.list-total .fm-chk11 { margin-left:auto; vertical-align:middle; }
.list-total .tooltip { top:0rem; margin-left:var(--spc2); }
.list-total.line-t { margin-top:var(--spc8); padding-top:var(--spc8); border-top:solid 1px var(--colorWO16); border-bottom:none; }

.list-total2 { color:var(--brand-font10); margin-top:var(--spc7); }

.row-line { margin-top:var(--spc8); border-top:solid 1px var(--colorWO16); }

.flex-column { flex:1; display:flex; flex-direction:column; }

/****************************** DOT LIST ******************************/
.bul-txt { color:var(--brand-font1); }
.bul-txt > dt { font-size:var(--fontSz6); line-height:2.4rem; margin-bottom:var(--spc4); }
.bul-txt > li, .bul-txt > dd { position:relative; display:block; padding-left:1.2rem; font-size:var(--fontSz5); color:var(--brand-font1); line-height:2rem; }
.bul-txt > li + li, .bul-txt > dd + dd { margin-top:var(--spc5); }
.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(--brand-font1); border-radius:100%; }
.bul-txt > li.small::before, .bul-txt > dd.small::before { background-color:var(--colorW); }
.bul-txt > li.small, .bul-txt > dd.small { color:var(--colorW); }
.bul-txt > li.point::before, .bul-txt > dd.point::before { background-color:var(--brand-color2); }
.bul-txt > li.point, .bul-txt > dd.point { color:var(--brand-color2); line-height:1.8rem; }
.bul-txt > li .point, .bul-txt > dd .point { color:var(--brand-color2); }
.bul-txt li p + p, .bul-txt dd p + p { margin-top:var(--spc2); }
.bul-txt > li.def, .bul-txt > dd.def { padding-left:0; }
.bul-txt > li.def::before, .bul-txt > dd.def::before { display:none; }

.tb-data + .bul-txt { margin-top:var(--spc6); }
.tb-data2 + .bul-txt { padding-top:var(--spc6); border-top:solid 1px var(--brand-font3); }

.bul-txt.ty2 > li, .bul-txt.ty2 > dd { line-height:2.4rem; } /* 툴팁 */
.bul-txt.ty2 > li + li, .bul-txt.ty2 > dd + dd { margin-top:var(--spc8); }
.bul-txt.ty2 > li + li::after, .bul-txt.ty2 > dd + dd::after { content:''; display:inline-block; position:absolute; height:1px; top:var(--spc5-m); left:0; right:0; background-color:var(--colorBO08); }
.bul-txt.ty2 > li::before, .bul-txt.ty2 > dd::before { top:0.9rem; }

.bul-txt.ty3 > dt { font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:1.8rem; } /* 청구절차안내 */
.bul-txt.ty3 > li, .bul-txt.ty3 > dd { line-height:2.4rem; font-weight:var(--fontWg3); }
.bul-txt.ty3 > li + li, .bul-txt.ty3 > dd + dd { margin-top:var(--spc4); }
.bul-txt.ty3 > li::before, .bul-txt.ty3 > dd::before { top:var(--spc14); }
.bul-txt.ty3 + .bul-txt.ty3 { margin-top:var(--spc5); }

.bul-txt.ty4 { margin-top:var(--spc4); }

.num-list { position:relative; }
.num-list::before { content:''; display:block; position:absolute; width:1px; top:0; bottom:0; left:50%; border-left:solid 1px var(--brand-color2); }
.num-list li { position:relative; display:flex; background:var(--colorW); border-radius:2.0rem; padding:var(--spc1); color:var(--brand-font2); font-weight:var(--fontWg1); align-items:center; }
.num-list li + li { margin-top:4.0rem; }
.num-list .num { display:block; width:5.2rem; height:5.2rem; line-height:5.2rem; text-align:center; background:var(--brand-color2); border-radius:var(--bdrRds2); font-size:var(--fontSz2); margin-right:2.4rem; }
.num-list .txt { font-size:var(--fontSz5); color:var(--brand-font2); }

.num-list2 { margin-top:var(--spc1); }
.num-list2 li { font-size:var(--fontSz5); color:var(--brand-font1); line-height:2.0rem; text-indent:-1.5rem; margin-left:1.5rem; }
.num-list2 li + li { margin-top:var(--spc1); }

.bul-txt.ty3 > li > .num-list2 { font-size:var(--fontSz5); margin-top:var(--spc4); }
.bul-txt.ty3 > li > .num-list2 li { line-height:2.4rem; }

/****************************** TAB ******************************/
.tab-cont:not(.active) { display:none; }
.tab-cont.ty2 { padding-bottom:1.6rem; }
.tab-cont.line-t { margin-top:var(--spc8); padding-top:var(--spc7); border-top:solid 1px var(--brand-font7); }
.tab-cont.line-t > .fm-field:first-child, .tab-cont.line-t > .fm-field.tab-cont:first-child ~ .tab-cont { margin-top:0; }

.tab { position:relative; margin:0 var(--spc6-m) 0; padding:0 var(--spc4); }
.tab:after { content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--colorWO16); }
.tab ul {overflow-y:hidden; overflow-x:auto;display:flex; }
.tab:not([data-scroll-tab]) ul .tab-item { flex:1; }
.tab:not([data-scroll-tab]) ul .tab-item a { min-width:0; padding:0; }
.tab ul > li { position:relative; }
.tab ul > li > a, .tab ul > li > button { display:block; width:100%; padding:0 var(--spc4) 0; height:4.8rem; font-size:var(--fontSz5); color:var(--brand-font10); line-height:4.8rem; text-align:center; white-space:nowrap; }
.tab ul > li.active:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.2rem; background-color:var(--brand-color2); }
.tab ul > li.active > a, .tab ul > li.active > button { font-weight:var(--fontWg1); color:var(--brand-color2); }
.tyw .tab:after { background:var(--colorBO08); }
.tyw .tab ul > li.active > a, .tyw .tab ul > li.active > button { color:var(--colorB); }
.tyw .tab ul > li > a, .tyw .tab ul > li > button { color:var(--colorBO5); }
.tyw .tab ul > li.active:after { background-color:var(--colorB); }
.tab-cont-area { margin-top:4rem; }

.tab[data-scroll-tab] { padding:0; }
.tab[data-scroll-tab] ul { padding:0 var(--spc4); }
.tab[data-scroll-tab] ul > li > a, .tab[data-scroll-tab] ul > li > button { padding:0; }
.tab[data-scroll-tab] ul > li  + li { margin-left:var(--spc5); }

.tab2 { position:relative; margin-top:var(--spc11); }
.tab2 ul { display:flex; margin:0 var(--spc6-m); padding:0 var(--spc6); }
.tab2[data-scroll-tab] ul { overflow-x:auto; white-space:nowrap; }
.tab2:not([data-scroll-tab]) ul .tab-item { flex:1; }
.tab2:not([data-scroll-tab]) ul .tab-item a { min-width:0; padding:0; }

.tab2[data-auto-tab] { margin:3.6rem var(--spc1-m) 0; }
.tab2[data-auto-tab] ul { flex-wrap:wrap; }
.tab2[data-auto-tab] ul .tab-item { flex:none; margin:var(--spc1); }
.tab2[data-auto-tab] ul .tab-item a { min-width:0; padding:0 var(--spc3); background:var(--colorWO2); }
.tab2[data-auto-tab] ul .tab-item + .tab-item { margin-left:var(--spc1); }

.tab2 ul .tab-item + .tab-item { margin-left:var(--spc2); }
.tab2 ul .tab-item a { display:block; height:4rem; min-width:7.3rem; padding:0 var(--spc3); font-size:var(--fontSz5); color:var(--colorW); font-weight:var(--fontWg3); line-height:4rem; background:var(--brand-colorBE2); border-radius:var(--spc4); text-align:center; }
.tab2 ul .tab-item.active a { background:var(--brand-color2) !important; color:var(--brand-font2) !important; font-weight:var(--fontWg1); }
.cont-result2 + .tab2 { margin-top:var(--spc10); }
.c-head2 + .tab2 { margin-top:var(--spc4); }
.c-head + .tab2 { margin-top:var(--spc8); }
.cont-mes9 + .tab2 { margin-top:var(--spc10); }
.pop-container .tab2 { margin-top:0; }
.pop-modal.tyw .tab2 ul .tab-item a { background:var(--color3); }

.tab3 { position:relative; }
.tab3 ul { display:flex; }
.tab3[data-scroll-tab] ul { overflow-x:auto; white-space:nowrap; }
.tab3 ul .tab-item a { display:block; position:relative; height:5.2rem; padding:0 1.8rem; font-weight:var(--fontWg3); line-height:5.2rem; }
.tab3 ul .tab-item.active a { color:var(--brand-color2); font-weight:var(--fontWg1); z-index:2; }
.tab3 ul .tab-item.active a::after { content:''; position:absolute; bottom:0; left:0; right:0; display:block; height:0.4rem; border-radius:0.4rem 0.4rem 0 0; background:var(--brand-color2); }
.tab3 ul .masking { margin:0 var(--spc1); }
.tab3::after { content:''; position:absolute; bottom:0; right:0; display:block; width:4.4rem; height:100%; background-image:var(--el-tab3-bg); }

.tab4 { position:relative; margin:0 var(--spc6-m) var(--spc7); }
.tab4 .dep1 { overflow-y:hidden; overflow-x:auto; display:flex; padding:0 var(--spc6); }
.tab4 .dep2 { position:absolute; left:0; bottom:0; width:100%; height:0; padding:0 var(--spc6); overflow-y:hidden; overflow-x:auto; display:flex; background:var(--colorBO3); }
.tab4 .active > .dep2 { height:var(--spc8); }
.tab4 .dep1 > li + li { margin-left:var(--spc6); }
.tab4 .dep2 > li + li { margin-left:var(--spc5); }
.tab4 .dep1 > li > a, .tab4 .dep1 > li > button { display:block; width:100%; padding:0; height:4.8rem; font-size:var(--fontSz6); font-weight:var(--fontWg1); font-family:var(--fontF); color:var(--colorWO3); line-height:4.8rem; text-align:center; white-space:nowrap; text-transform:uppercase; }
.tab4 .dep2 > li > a, .tab4 .dep2 > li > button { display:block; width:100%; padding:0; height:var(--spc8); font-size:var(--fontSz4); color:var(--brand-font1); line-height:var(--spc8); text-align:center; white-space:nowrap; }
.tab4 .dep1 > li.active > a, .tab4 .dep1 > li.active > button { color:var(--brand-color2); margin-bottom:var(--spc8); }
.tab4 .dep1 > li.all.active > a, .tab4 .dep1 > li.all.active > button { color:var(--colorW); }
.tab4 .dep1 > li.active > a:only-child, .tab4 .dep1 > li.active > button:only-child { margin-bottom:0; }
.tab4 .dep2 > li.active > a, .tab4 .dep2 > li.active > button { font-weight:var(--fontWg1); color:var(--brand-color2); }

.tab5 { position:relative; margin-top:var(--spc7); }
.tab5 ul { display:flex; }
.tab5 ul .tab-item { position:relative; }
.tab5 ul .tab-item::before { content:''; position:absolute; left:0; bottom:0.2rem; background:var(--brand-font10); display:inline-block; width:1px; height:1.4rem; }
.tab5 ul .tab-item a { display:block; position:relative; padding:0 1.6rem; font-size:var(--fontSz5); color:var(--brand-font10); font-weight:var(--fontWg3); line-height:1.8rem; }
.tab5 ul .tab-item:first-child a { padding-left:0; }
.tab5 ul .tab-item:first-child::before { display:none; }
.tab5 ul .tab-item.active a { color:var(--colorW); font-weight:var(--fontWg1); }

.tab[data-sticky="top"], .tab2[data-sticky="top"], .tab4[data-sticky="top"] { z-index:10; top:var(--headHgt); transition:top 0.3s, padding-top 0.3s; }
.tab[data-sticky="top"]::before, .tab2[data-sticky="top"]::before, .tab4[data-sticky="top"]::before { content:''; position:absolute; left:0; right:0; top:0; z-index:-1; height:100%; opacity:.95; background-color:var(--el-tab-bg); }
.tab2[data-sticky="top"] { margin:var(--spc2) var(--spc6-m) 0 var(--spc6-m); padding:var(--spc3) var(--spc6) var(--spc3) var(--spc6); }
.tab[data-sticky="top"], .tab2[data-sticky="top"], .tab4[data-sticky="top"] { top:calc(var(--safe-top) + var(--headHgt)); } /* 노치대응 */
.tab[data-sticky="top"]::before, .tab4[data-sticky="top"]::before { top:calc(var(--safe-top) * -1); bottom:0; height:auto; } /* 노치대응 */
.tab2[data-sticky="top"]::before { top:calc((var(--safe-top) + var(--spc3)) * -1); bottom:0; height:auto; } /* 노치대응 */
.sc-up .tab[data-sticky="top"],
.sc-up .tab4[data-sticky="top"],
.sc-up .tab2[data-sticky="top"] { top:calc(var(--safe-top) + var(--headHgt)); }
.sc-down .tab[data-sticky="top"],
.sc-down .tab4[data-sticky="top"] { top:var(--safe-top); } /* 노치대응 */
.sc-down .tab2[data-sticky="top"] { top:calc(var(--safe-top) + var(--spc3)); } /* 노치대응 */
[class*="tab"][data-sticky="top"]:not(.info-data3-wrap, .fm-chk6-g, .tab-sticky) { position:relative !important; top:auto !important; } /* 피버 - 탭고정X */
[class*="tab"][data-sticky="top"]:not(.info-data3-wrap):before { background:none; } /* 피버 - 탭고정X */
.tab.info-data3-wrap[data-sticky="top"]::before { --el-tab-bg:transparent; }

/****************************** TOGGLE ******************************/
.togg-cont:not(.active) { display:none; }

.list-togg { margin:0 var(--spc6-m); padding:0 var(--spc6); }
.list-togg .item { position:relative; background:var(--colorCOM5); border-radius:var(--bdrRds2); padding:var(--spc7) var(--spc6); overflow:hidden; }
.list-togg .item + .item { margin-top:var(--spc6); }
.list-togg .date { font-size:var(--fontSz1); font-weight:var(--fontWg3); line-height:1.4rem; color:var(--colorWO5); }
.list-togg .flag-txt + .date { margin-left:var(--spc1); }
.list-togg .item:not(.active) .answer ~ .togg-btn button::before { content:'답변완료'; }
.list-togg .item:not(.active) .togg-btn button::before { content:'더보기'; }
.list-togg .item:not(.active) .answer { display:none; }
.list-togg .togg-btn button::before { content:'닫기'; }
.list-togg .togg-btn button::after { display:inline-block; content:'\e808'; transform:rotate(180deg); font-weight:var(--fontWg2); font-family:var(--fontIco); font-size:var(--fontSz4); height:1.6rem; color:var(--colorW); line-height:1; margin-left:var(--spc2); }
.list-togg .item:not(.active) .togg-btn button::after { transform:rotate(0); }
.list-togg .item .des { font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:2.4rem; margin-top:var(--spc5); }
.list-togg .item .answer { margin-top:var(--spc6); padding:var(--spc6) 0; border-top:solid 1px var(--colorWO16); font-size:var(--fontSz5); line-height:2.4rem; }
.list-togg .item .answer dt { font-size:var(--fontSz4); color:var(--colorCOM2); font-weight:var(--fontWg2); margin-bottom:var(--spc6); }
.list-togg .item .answer dd { font-weight:var(--fontWg3); }
.list-togg .item .answer .date { margin-top:var(--spc2); }
.list-togg .togg-btn { margin:var(--spc5) var(--spc6-m) var(--spc7-m); }
.list-togg .togg-btn button { width:100%; height:100%; background:var(--colorWO2); font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:4.8rem; }
.c-head + .list-togg { margin-top:var(--spc8); }

.info-data-wrap.list-togg2 { margin-top:var(--spc8); background:transparent; }
.list-togg2 .item { border-radius:var(--bdrRds2); overflow:hidden; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); background:var(--brand-color5); }
.list-togg2 .item:not(.active) > .togg-cont:not(.active) { display:none; }
.list-togg2 .item .togg-title { width:100%; position:relative; text-align:left; padding:var(--spc4) 4rem var(--spc4) var(--spc6); background:var(--brand-color6); z-index:2; }
.list-togg2 .item .togg-in { display:flex; justify-content:space-between; position:relative; width:100%; height:100%; line-height:2rem; padding-right:2.8rem; }
.list-togg2 .togg-in::after { content:'\e808'; font-family:var(--fontIco); position:absolute; top:0.2rem; right:0; font-size:var(--fontSz4); height:1.6rem; color:var(--brand-font1); line-height:1; }
.list-togg2 .item .info-data-title1 { position:relative; }
.list-togg2 .item .togg-btn { width:100%; position:absolute; top:0; bottom:0; left:0; right:0; }
.list-togg2 .item.active .togg-in::after { transform:rotate(180deg); }
.list-togg2 .item + .item { margin-top:var(--spc4); }
.list-togg2.info-data-wrap + .list-togg2.info-data-wrap { margin-top:var(--spc4); }
.list-togg2 .togg-cont.ty2 { background:var(--brand-color5); padding:var(--spc6) var(--spc6) var(--spc7) var(--spc6); }
.list-togg2 .togg-cont.ty2 .txt { font-size:var(--fontSz5); line-height:2.4rem; }
.list-togg2 .togg-cont.ty2 .txt + .bul-txt { margin-top:var(--spc5); }
.list-togg2.ty2 .item + .item { margin-top:var(--spc6); }

.list-togg3 { margin:1.4rem 0 0; }
.list-togg3 .item { margin-top:var(--spc6); background:var(--colorCOMYL); position:relative; border-radius:1.0rem; padding:3.2rem 3.2rem 8.4rem; color:var(--colorB); }
.list-togg3 .item::before { content:''; position:absolute; right:0; bottom:0; display:block; width:6.0rem; height:6.0rem; background:rgba(0,0,0,0.2); border-radius:1.0rem 0 0 0; }
.list-togg3 .item::after { content:''; position:absolute; right:0; bottom:0; display:block; width:0; height:0; border-bottom:6.0rem solid var(--el-tab-bg); border-left:6.0rem solid transparent; }
.list-togg3 .item:not(.active) > .togg-cont:not(.active) { display:none; }
.list-togg3 .item .togg-title { width:100%; font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.6rem; padding-bottom:2.0rem; border-bottom:solid 1px rgba(0,0,0,0.1); }
.list-togg3 .item .togg-btn { position:absolute; bottom:3.2rem; padding-left:2.8rem; font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:2.0rem; }
.list-togg3 .item .togg-btn::before { content:'\e846'; font-family:var(--fontIco); position:absolute; left:0; font-size:var(--fontSz6); font-weight:var(--fontWg2); width:2.0rem; height:2.0rem; background-color:var(--colorB); color:var(--colorW); border-radius:100%; line-height:2.0rem; }
.list-togg3 .item .togg-btn::after { content:'닫기'; }
.list-togg3 .item.active .togg-btn::before { transform:rotate(45deg); }
.list-togg3 .item.active .togg-title { border-bottom-color:transparent; }
.list-togg3 .item .togg-title:last-child { border-bottom-color:transparent; margin-bottom:var(--spc7-m); }
.list-togg3 .item.active .togg-title { border-radius:var(--bdrRds2) var(--bdrRds2) 0 0; }
.list-togg3 .item .togg-cont { font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:2.8rem; border-radius:1.0rem; background:rgba(0,0,0,0.05); padding:2.0rem; }
.list-togg3 .togg-flag { display:flex; flex-wrap:wrap; margin:var(--spc1-m) var(--spc1-m) 2.8rem; }
.list-togg3 .togg-flag .flag-txt3 { margin:var(--spc1); }
.list-togg3 .link, .list-togg3 a:not(.link) { color:var(--color2); }
.list-togg3 .link span { position:relative; color:var(--color2); }
.list-togg3 .link span::after { content:''; display:block; position:absolute; bottom:1px; left:0; right:0; border-bottom:solid 2px var(--color2); }
.list-togg3 a:not(.link) { text-decoration:underline var(--color2) solid 2px; text-underline-offset:2px; }
.list-togg3 .item:not(.active) .togg-btn::after { content:'더보기'; }

/****************************** TABLE ******************************/
.tb-data2 tr { position:relative; display:flex; justify-content:space-between; }
.tb-data2 th { font-size:var(--fontSz5); font-weight:var(--fontWg2); line-height:1.8rem; color:var(--brand-font10); text-align:center; padding-top:var(--spc6); }
.tb-data2 td { font-size:var(--fontSz5); line-height:1.8rem; }
.tb-data2 tr td:nth-child(2) { flex-shrink:0; text-align:right; }
.tb-data2 .tb-txt1 { text-align:left; line-height:1.8rem; }
.tb-data2 .tb-txt1 + .tb-txt1 { display:block; margin-top:var(--spc1); }
.tb-data2 .tb-txt2 { display:block; font-size:var(--fontSz1); margin-top:var(--spc1); }
.tb-data2 .tb-point { display:block; color:var(--brand-color2); padding-left:1.6rem; }
.tb-data2 .tb-del { text-decoration:line-through; color:var(--brand-font6); }
.tb-data2 .flag-txt-brand { margin-right:var(--spc2); }
.tb-data2 tbody tr { border-top:solid 1px var(--brand-font3); padding:var(--spc6) 0; align-items:center; }
.tb-data2 tbody tr:first-child{ border-top:none; margin-top:0; }
.tb-data2 .tr-ty2 { border-top:none; padding-top:0; margin-top:var(--spc3-m); }
.tb-data2 .tr-ty2 + tr { margin-top:0; }
.tb-data2 .tb-colspan { border-top:none; padding:0; margin-top:0; color:var(--brand-font10); }
.tb-data2 .tr-togg-head.active { border-top:transparent; margin-top:var(--spc6); }
.tb-data2 .tr-togg-head.active + .tr-togg-cont + .tr-togg-head { border-top:transparent; }
.tb-data2 .tb-colspan td { width:100%; line-height:2.4rem; }
.tb-data2 .tb-colspan .btn-area { margin:0 0 var(--spc6); }
.tb-data2 .tr-togg-cont { display:none; z-index:10; }
.tb-data2 .tr-togg-head.active + .tr-togg-cont { display:block; position:relative; z-index:5 !important; padding-bottom:var(--spc6); margin-bottom:-1px; }
.tb-data2 .tr-togg-head.active + .tr-togg-cont::before { content:''; background:var(--brand-color6); position:absolute; left:0; right:0; top:0; bottom:0; margin:0 var(--spc6-m); z-index:-1; }
.tb-data2 .tr-togg-head .togg-btn { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.tb-data2.tb-togg:last-child { margin-bottom:var(--spc7-m) !important; }
.tb-data2.tb-togg .tr-togg-head, .tb-data2.tb-togg thead tr, .tb-data2.tb-togg .togg-btn { padding-right:3.2rem; }
.tb-data2.tb-togg .togg-btn::after { 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; }
.tb-data2.tb-togg tr.active .togg-btn::after { transform:rotate(180deg); }
.tb-data2.tb-togg tr.active::after { content:''; background:var(--brand-color6); position:absolute; left:0; right:0; top:0; bottom:0; margin:0 var(--spc6-m); z-index:-1; }

.tb-data2 .tr-togg-head { border-top:none; z-index:2; }
.tb-data2 .tr-togg-head:not(.none) ~ .tr-togg-head { border-top:solid 1px var(--brand-font3); margin-top:0; }
.tb-data2 .tr-togg-head:not(.none) ~ .tr-togg-head.active { border-top:transparent; }

.tb-data2.ty2 tr { }
.tb-data2.ty2 th { flex:auto; width:28%; }
.tb-data2.ty2 td { flex:auto; width:28%; }
.tb-data2.ty2 tr td:nth-child(1), .tb-data2.ty2 tr th:nth-child(1) { width:44%; flex-shrink:0; text-align:left; }
.tb-data2.ty2 tr td:nth-child(2), .tb-data2.ty2 tr th:nth-child(2) { flex-shrink:1; text-align:center; }
.tb-data2.ty2 tr td:nth-child(3), .tb-data2.ty2 tr th:nth-child(3) { flex-shrink:1; text-align:right; }

ul.tb-data2 { display:flex; flex-wrap:wrap; }
ul.tb-data2 li { display:inline-flex; width:calc((100% / 3) + 0.4rem); font-size:var(--fontSz5); line-height:1.8rem; border-bottom:solid 1px var(--brand-font3); padding:var(--spc4) 0 var(--spc4) var(--spc3); align-items:center; }
ul.tb-data2 li:nth-child(3n+1) { padding-left:0; width:calc((100% / 3) - 0.8rem); }
ul.tb-data2 li:nth-child(-n+3) { padding-top:0; }
ul.tb-data2 li:nth-last-child(1), ul.tb-data2 li:nth-last-child(2):nth-child(3n-2), ul.tb-data2 li:nth-last-child(2):nth-child(3n-1),ul.tb-data2 li:nth-last-child(3):nth-child(3n-2) { border-bottom:none; }

.info-data-in .tb-data2:last-child { margin-bottom:var(--spc6-m); }
.info-data-in .tb-data2:first-child { margin-top:var(--spc2-m); }
.info-data-in .tb-data2.cmgt { margin-top:var(--spc7-m) }

.tb-data3 tbody th { font-size:var(--fontSz5); padding:var(--spc7) 0; text-align:left; }
.tb-data3 tbody td { font-size:var(--fontSz5); padding:var(--spc7) 0; }
.tb-data3 tbody tr + tr td { border-top:solid 1px var(--brand-font3); }
.tb-data3 tbody tr + tr th { border-top:solid 1px var(--brand-font3); }
.info-data-in .tb-data3:first-child { margin-top:var(--spc7-m) }
.info-data-in .tb-data3:last-child { margin-bottom:var(--spc7-m) }

/****************************** LIST ******************************/
.list-data1 { margin:var(--spc9) var(--spc6-m) 0 0; background:var(--brand-color2); border-radius:var(--bdrRds2) 0 0 0; padding:var(--spc4) 0 var(--spc7) var(--spc6); }
.list-data1.ty2 { margin:var(--spc9) var(--spc6-m) var(--spc9-m) 0;  }
.list-data1 .item { color:var(--colorB); line-height:2.4rem; border-bottom:solid 1px var(--colorBO16); }
.list-data1 .item a { display:block; padding:var(--spc6) 0 var(--spc6) 0; }
.list-data1 .item .subj { display:block; position:relative; padding-right:var(--spc11); }
.list-data1 .item .subj::after { position:absolute; right:2.4rem; top:50%; margin-top:var(--spc2-m); content:'\e81d'; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:var(--fontSz4); color:var(--colorBO3); line-height:1; }
.list-data1 .item .date { font-size:var(--fontSz1); line-height:1.6rem; color:var(--colorBO5); margin-top:var(--spc2); }
.tab2 + .list-data1 { margin-top:2.8rem; }

.list-data2 { margin:0 var(--spc6-m); padding:0 var(--spc6); }
.list-data2 .item { border-bottom:solid 1px var(--colorWO16); line-height:2.4rem; }
.list-data2 .item a { display:block; padding:var(--spc6) 0 var(--spc6) 0; }
.list-data2 .item .subj { display:block; position:relative; padding-right:var(--spc7); }
.list-data2 .item .subj::after { position:absolute; right:0; top:0; content:'\e81d'; font-family:var(--fontIco); font-size:var(--fontSz4); color:var(--colorW); }
.list-data2 .item .date { font-size:var(--fontSz1); font-weight:var(--fontWg3);  line-height:1.4rem; color:var(--colorWO5); margin-top:var(--spc1); }
.list-data2 .item mark { color:var(--colorCOM2); font-weight:var(--fontWg1); background:transparent; }

.list-data3 { margin-top:var(--spc8); }
.list-data3 .item { position:relative; border-radius:var(--bdrRds4); overflow:hidden; color:var(--colorB); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); }
.list-data3 .item + .item { margin-top:var(--spc8); }
.list-data3 .info { position:absolute; bottom:0; left:0; right:0; -webkit-backdrop-filter:blur(50px); backdrop-filter:blur(50px); background-color:rgba(255, 255, 255, 0.8); padding:var(--spc6); z-index:2; }
.list-data3 .info dt { display:flex; flex-direction:column;  }
.list-data3 .info .subj { display:block; font-size:var(--fontSz6); font-weight:var(--fontWg1); margin-top:var(--spc2); max-height:7.2rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.list-data3 .info .des { display:block; font-size:var(--fontSz5); line-height:1.8rem; order:-1; }
.list-data3 .info .proc { position:absolute; top:0; margin-top:-1.1rem; }
.list-data3 .info .proc .flag-txt { width:5.8rem; text-align:center; }
.list-data3 .info .date { font-size:var(--fontSz1); line-height:1.4rem; color:var(--colorBO5); margin-top:var(--spc2); }
.list-data3 .img { line-height:0; min-height:20rem; }
.list-data3 .img img { width:100%; max-width:none; }
.list-data3 .img::before { content:''; display:block; position:absolute; bottom:0; top:0; left:0; right:0; z-index:-1; background:#fff; border-radius:var(--bdrRds4); }
.list-data3 .item.closed .img::after { content:''; display:block; position:absolute; bottom:12.0rem; top:0; left:0; right:0; background:rgba(0,0,0,0.8); }
.list-data3 .item.closed .btn-cmh { position:absolute; top:calc(50% - 7rem); left:50%; transform:translateX(-50%); }

/********** 주소검색 팝업 **********/
.list-data4 { margin-top:var(--spc8); }
.list-data4 dt { font-size:var(--fontSz5); font-weight:var(--fontWg3); color:var(--brand-font1); margin-bottom:var(--spc3); }
.list-data4 dd .fm-chk7 + .fm-chk7 { margin-top:var(--spc4); }
.list-data4 dd .fm-chk7 { background:var(--brand-color5); border-radius:var(--bdrRds2); padding:var(--spc7) var(--spc6); }
.list-data4 dd .fm-chk7 span { display:block; }
.list-data4 dd .fm-chk7 .date { color:var(--brand-font10); margin-top:var(--spc1); }

.list-data5 { margin-top:var(--spc8);  font-size:var(--fontSz5); color:var(--brand-font1); line-height:2.0rem; word-break:normal; }
.list-data5 .fm-chk, data.list-data5 { background-color:var(--brand-color5); padding:var(--spc7) var(--spc6); border-radius:var(--bdrRds2); }
data.list-data5 { padding:var(--spc7) var(--spc5);  }
.fm-field > legend + .list-data5 { margin-top:0; }
.list-data5 .fm-chk + .fm-chk { margin-top:var(--spc4); }
.list-data5 dl { display:flex; }
.list-data5 dl dt { width:5.0rem; flex-shrink:0; color:var(--brand-font10); }
.list-data5 dl + dl { margin-top:var(--spc2); }
.list-data5 .zip-code { color:var(--brand-color2); line-height:1.8rem; }


.list-data6 { background:var(--brand-color5); border-radius:var(--bdrRds2); padding:0 var(--spc6) 0 var(--spc6); margin-top:var(--spc6); }
.list-data6 li { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.list-data6 li + li { border-top:solid 1px var(--brand-font3); }
.list-data6 li .link { position:relative; display:block; width:100%; padding:var(--spc6) var(--spc7) var(--spc6) 0; font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg1); }
.list-data6 li .link::after { position:absolute; content:'\e81d'; display:block; right:0; top:2.6rem; font-family:var(--fontIco); font-weight:var(--fontWg2); line-height:1; font-size:var(--fontSz4); color:var(--colorWO3); }
.list-data6 li .link.ico80::after { content:'\e89a'; font-size:var(--fontSz6); top:var(--spc6); }
.list-data6 li .fm-chk9 { width:100%; padding:var(--spc6) 0; }
.list-data6 li .fm-chk9 + .fm-chk9 { padding-top:0; }
.list-data6 li .fm-chk9.icon2, .list-data6 li .link.icon2 { padding-left:3.2rem; }
.list-data6 li .fm-chk9.icon2::before, .list-data6 li .link.icon2::before { position:absolute; left:0; margin-top:var(--spc1); }
.list-data6 li .link.icon2::before { margin-top:0; }
.list-data6 li .txt1, .list-data6 li .txt2 { font-size:var(--fontSz5); padding:var(--spc6) 0; }
.list-data6 li .txt3 { display:block; font-size:var(--fontSz5); line-height:1.8rem; color:var(--brand-font10); font-weight:var(--fontWg2); margin-top:var(--spc2); }
.list-data6 li .flag-txt-brand, .list-data6 li .flag-txt, .list-data6 li .link strong.fc-point { margin-left:0.5rem; }
.list-data6.ty2 { background:transparent; padding:0; margin:var(--spc8) var(--spc6-m) 0 0; border-bottom:solid 1px var(--brand-font3); border-radius:0; }
.list-data6.ty2 li .link { padding:var(--spc6) 6rem var(--spc6) var(--spc4); }
.list-data6.ty2 li .link::after { color:var(--colorW); right:4rem; }
.container > .list-data6:first-child { margin-top:var(--spc8); }
.list-data13 + .list-data6 { margin-top:var(--spc9); }
.c-head4 + .list-data6 { margin-top:var(--spc5); }

.list-data7 { --itemW:calc(100vw - 4.8rem); margin-top:var(--spc8); }
.list-data7 .item { position:relative; display:block; width:var(--itemW); height:calc(var(--itemW) * 0.589743); box-shadow:16px 16px 32px 0 rgba(0, 0, 0, 0.4); border-radius:var(--bdrRds4); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data7 .item.closed::after { content:''; position:absolute; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:2; top:0; bottom:0; left:0; right:0; }
.list-data7 .item + .item { margin-top:var(--spc7); }
.list-data7 .item::before { content:''; position:absolute; left:36.217948%; margin-left:-3px; top:0; bottom:0; display:block; width:8px; background-image:radial-gradient(#f7f7f7 1px, transparent 0); background-size:8px 8px; opacity:0.3; z-index:3; }
.list-data7 .bg { position:absolute; left:0; right:0; top:0; bottom:0; background-size:cover; z-index:-1; }
.list-data7 .bg img { width:100%; height:100%; }
.list-data7 .item .item-in { display:block; width:100%; height:100%; position:relative; padding:2.0rem 1.6rem 2.0rem 2.0rem; z-index:3; }
.list-data7 .item .ins-brand { position:absolute; left:2.0rem; white-space:nowrap; font-family:var(--fontF); font-weight:var(--fontWg5); font-size:var(--fontSz6); line-height:2.0rem; color:var(--brand-color2); }
.list-data7 .item .ins-brand strong { display:block; font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:2.4rem; margin-bottom:var(--spc1); }
.list-data7 .item .info { display:flex; flex-direction:column; height:100%; margin-left:40.579710%; }
.list-data7 .item .info dt .flag-txt { margin-bottom:var(--spc2);  }
.list-data7 .item .info dt .ins-name { position:relative; display:block; font-size:var(--fontSz6); line-height:2.4rem; padding-right:1.6rem; }
.list-data7 .item .info dt .ins-name::after { position:absolute; right:0rem; top:50%; margin-top:var(--spc2-m); content:'\e81d'; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:var(--fontSz4); color:var(--colorW); line-height:1; }
.list-data7 .item .info dd { font-size:var(--fontSz1); line-height:1.6rem; color:var(--colorWO5); margin-top:var(--spc2) }
.list-data7 .item .info .state { margin-top:auto; }
.list-data7 .item .info .state em { display:block; font-size:var(--fontSz5); line-height:1.8rem; color:var(--colorW); }
.list-data7 .item .info .state span { display:block; font-size:var(--fontSz1); line-height:1.6rem; margin-top:var(--spc1); }
.list-data7 .item .btn { position:absolute; left:40.579710%; bottom:2.0rem; z-index:4; }

.list-data8 { margin-top:var(--spc8); }
.list-data8 .item { display:flex; line-height:2.0rem; align-items:center; }
.list-data8 .item + .item { border-top:solid 1px var(--colorWO16); padding-top:var(--spc4); margin-top:var(--spc4); }
.list-data8 .bg { position:relative; width:6.4rem; height:6.4rem; border-radius:100%; overflow:hidden; }
.list-data8 .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.list-data8 .bg img { width:100%; height:100%; }
.list-data8 .ins-title { margin-left:2.4rem; font-weight:var(--fontWg3); }
.list-data8 .ins-title .ins-brand { display:block; font-family:var(--fontF); font-weight:var(--fontWg1); font-size:var(--fontSz1); line-height:1.4rem; margin-bottom:var(--spc1); }
.list-data8 .state { margin-left:auto; text-align:right; }
.list-data8 .state .small { display:block; font-size:var(--fontSz1); line-height:1.4rem; margin-top:var(--spc1); color:var(--colorWO5); }
.list-data8 .state.ty1 { color:var(--color2); }
.list-data8 .state.ty2 { color:var(--colorW); }
.list-data8 .state.ty3 { color:var(--colorBCB2); }
.list-data8 .state.ty4 { color:var(--colorBCD2); }

.list-data9 { --itemW:calc(100vw - 4.8rem); margin-top:var(--spc8); }
.list-data9 .item { position:relative; display:block; color:var(--brand-color2); width:var(--itemW); height:calc(var(--itemW) * 1.339743); box-shadow:16px 16px 32px 0 rgba(0, 0, 0, 0.4); border-radius:10%; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); }
.list-data9 .item + .item { margin-top:var(--spc7); }
.list-data9 .item::after { content:''; position:absolute; left:2.8rem; right:0; top:71.291866%; display:block; height:8px; background:var(--brand-color2); border-radius:8px 0 0 8px; box-shadow:0 0 1rem var(--brand-color2); }
.list-data9 .bg { position:absolute; left:0; right:0; top:0; bottom:0; background-size:cover; z-index:-1; line-height:0; }
.list-data9 .bg img { width:100%; height:100%; }
.list-data9 .item .item-in { display:block; width:100%; height:100%; position:relative; padding-left:2.4rem; }
.list-data9 .item .ins-brand { position:absolute; left:2.8rem; top:3.2rem; white-space:nowrap; font-family:var(--fontF); font-weight:var(--fontWg5); font-size:3.2rem; line-height:2.6rem; }
.list-data9 .item .ins-brand strong { display:block; font-size:3.6rem; top:7.655502%; font-weight:var(--fontWg1); line-height:4.3rem; }
.list-data9 .item .info { position:absolute; top:0; bottom:0; left:2.8rem; right:0; }
.list-data9 .item .info dt { position:absolute; top:71.291866%; margin-top:var(--spc9-m); left:0; right:0; font-size:var(--fontSz6); font-weight:var(--fontWg1); }
.list-data9 .item .info .prc-per { position:absolute; top:71.291866%; margin-top:2.8rem; font-size:4.8rem; font-weight:var(--fontWg1); line-height:6.0rem; }
.list-data9 .item .info .prc-ing { position:absolute; top:71.291866%; right:0; margin-top:3.3rem; width:12.0rem; height:5.0rem; border-radius:1.6rem 0 0 1.6rem; font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:5.0rem; color:var(--colorW); background:var(--colorB); text-align:center; }

.list-data10::before { content:''; display:block; font-size:0; margin-top:var(--spc6-m); }
.list-data10 .item { position:relative; border-radius:var(--bdrRds2); overflow:hidden; margin-top:var(--spc6); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); }
.list-data10 .item.brand-villain,
.list-data10 .item.brand-crew,
.list-data10 .item.brand-fam,
.list-data10 .item.brand-forme,
.list-data10 .item.brand-flex,
.list-data10 .item.brand-hero { border-top-left-radius:0; border-top-right-radius:0; }
/* .list-data10 .item.checked::after { border:2px solid var(--brand-color7); } */
.list-data10 .item.checked::after { content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:3; border-radius:var(--bdrRds2); pointer-events:none; }
.list-data10 .info-data-title2 { min-height:8.8rem; background-image:url("../../img/b/ins/ins-000-10.png"); background-position:right top; background-repeat:no-repeat; background-size:cover; padding:2.4rem 2.4rem 2.0rem; }
.list-data10 .ins-brand { display:block; font-family:var(--fontF); font-size:var(--fontSz1); line-height:1.6rem; font-weight:var(--fontWg1); color:var(--brand-color2); }
.list-data10 .ins-name { display:block; font-size:var(--fontSz6); line-height:2.4rem; font-weight:var(--fontWg1); color:var(--brand-font1); padding-right:8rem; }
.list-data10 .ins-flag { margin-top:1.6rem; }
.list-data10 .info-togg-btn { position:relative; z-index:3; }

.list-data10 div.info-data6 { padding:3.2rem 2.4rem; background:var(--colorCOM5); border-radius:0; margin-top:0; }
.list-data10 .item.brand-def div.info-data6 { background:#011c64; }
.list-data10 .brand-let .ins-brand { font-family:Pretendard; color:var(--colorWO5); }
.list-data10 .brand-let .ins-name { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.list-data10 .brand-let .info-data-title2 { background-color:var(--colorBCA6); }
/* .list-data10 .brand-let.checked::after { border:2px solid #fff; }
.list-data10 .brand-def.checked::after { border:2px solid var(--colorCOM2); } */

.list-data10 .info-data-title3 { background-color:var(--colorCOM6); padding:var(--spc6) var(--spc6) var(--spc5) var(--spc6); }
.list-data10 .info-data-title3 label { position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; }
.list-data10 .info-data-title3 .ins-title2 { display:block; }
.list-data10 .info-data-title3 .ins-title2 dt { display:block; font-size:var(--fontSz1); line-height:1.6rem; font-weight:var(--fontWg1); color:var(--brand-font10); }
.list-data10 .info-data-title3 .ins-title2 dd { font-size:var(--fontSz6); line-height:2.4rem; font-weight:var(--fontWg1); color:var(--colorW); }
.list-data10 .info-data-title3 .ins-title3 { line-height:2.0rem; font-weight:var(--fontWg1); max-height:4.0rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.list-data10 .info-data-title3 .ins-flag { margin-top:var(--spc5); }
.list-data10 .info-data-title3 .ins-title2 + .ins-flag { margin-top:var(--spc4); }

.list-data10 .info-data6 dt,
.list-data10 .info-data6 dd { color:var(--colorW); }
.list-data10 .info-data6 .point { color:var(--colorCOM2); }
.list-data10 .info-data-title2 label { position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; }
.list-data10 .info-data-title2.bg-ins-000 { background-image:url("../../img/b/ins/ins-000-10.png"); background-position:right center; }
.list-data10 .info-data-title2.bg-ins-101 { background-image:url("../../img/b/ins/ins-101-10.png"); }
.list-data10 .info-data-title2.bg-ins-102 { background-image:url("../../img/b/ins/ins-102-10.png"); }
.list-data10 .info-data-title2.bg-ins-103 { background-image:url("../../img/b/ins/ins-103-10.png"); }
.list-data10 .info-data-title2.bg-ins-104 { background-image:url("../../img/b/ins/ins-104-10.png"); }
.list-data10 .info-data-title2.bg-ins-201 { background-image:url("../../img/b/ins/ins-201-10.png"); }
.list-data10 .info-data-title2.bg-ins-202 { background-image:url("../../img/b/ins/ins-202-10.png"); }
.list-data10 .info-data-title2.bg-ins-203 { background-image:url("../../img/b/ins/ins-203-10.png"); }
.list-data10 .info-data-title2.bg-ins-204 { background-image:url("../../img/b/ins/ins-204-10.png"); }
.list-data10 .info-data-title2.bg-ins-205 { background-image:url("../../img/b/ins/ins-205-10.png"); }
.list-data10 .info-data-title2.bg-ins-301 { background-image:url("../../img/b/ins/ins-301-10.png"); }
.list-data10 .info-data-title2.bg-ins-302 { background-image:url("../../img/b/ins/ins-302-10.png"); }
.list-data10 .info-data-title2.bg-ins-303 { background-image:url("../../img/b/ins/ins-303-10.png"); }
.list-data10 .info-data-title2.bg-ins-401 { background-image:url("../../img/b/ins/ins-401-10.png"); }
.list-data10 .info-data-title2.bg-ins-402 { background-image:url("../../img/b/ins/ins-402-10.png"); }
.list-data10 .info-data-title2.bg-ins-403 { background-image:url("../../img/b/ins/ins-401-10.png"); }
.list-data10 .info-data-title2.bg-ins-404 { background-image:url("../../img/b/ins/ins-404-10.png"); }
.list-data10 .info-data-title2.bg-ins-405 { background-image:url("../../img/b/ins/ins-405-10.png"); }
.list-data10 .info-data-title2.bg-ins-501 { background-image:url("../../img/b/ins/ins-501-10.png"); }
.list-data10 .info-data-title2.bg-ins-503 { background-image:url("../../img/b/ins/ins-503-10.png"); }
.list-data10 .info-data-title2.bg-ins-601 { background-image:url("../../img/b/ins/ins-601-10.png"); }
.list-data10 .info-data-title2.bg-ins-602 { background-image:url("../../img/b/ins/ins-602-10.png"); }
.list-data10 .info-mes { display:flex; align-items:center; position:relative; padding:2.4rem 2.4rem; font-size:var(--fontSz5); line-height:1.8rem; margin-bottom:var(--spc2-m); background:var(--colorCOM5); }
.list-data10 .info-mes:before { content:""; position:absolute; bottom:0; left:2.4rem; width:calc(100% - 4.8rem); height:1px; background:var(--colorWO16); z-index:1; }
.list-data10 .info-mes .d-day { display:block; flex-shrink:0; width:4.8rem; height:4.8rem; font-size:var(--fontSz5); font-weight:var(--fontWg1); border-radius:100%; background:var(--colorBCB2); line-height:4.8rem; margin-right:1.6rem; text-align:center; color:var(--colorB); }
.list-data10 .info-mes .point { color:var(--colorCOM2); }
.list-data10 .btn-area { position:relative; margin:var(--spc2-m) 1.6rem 3.2rem; z-index:4; }
.list-data10 .link { position:absolute; display:block; left:0; top:0; width:100%; height:100%; z-index:3; }
.list-data10 .item.closed .info-data-title3, .list-data10 .item.closed .info-data6 dd { opacity:0.5; }
.list-data10 .item.closed .info-data6 dt { opacity:0.25; }

.c-head + .list-data10 { margin-top:var(--spc8); }
.c-head2 + .list-data10 { margin-top:var(--spc4); }
.fm-field + .list-data10 { margin-top:var(--spc4); }

.list-data11 { --itemW:calc((100vw - 6rem) / 2); margin-top:var(--spc9); }
.list-data11.ty2 { margin-top:var(--spc8); }
.list-data11 ul { display:flex; justify-content:space-between; }
.list-data11 .item { width:var(--itemW); box-shadow:12px 12px 24px 0 rgba(0, 0, 0, 0.4); border-radius:2.0rem; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data11 .item-in { display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:2.4rem 2.0rem 2.4rem; color:var(--colorB); }
.list-data11 .item.ty1 { background:var(--colorBCE2); }
.list-data11 .item.ty2 { background:var(--colorBCB2); }
.list-data11 .item.ty3 { background:var(--colorBCD2); }
.list-data11 .item.ty4 { background:var(--colorW); }
.list-data11 .item dl { display:flex; flex-direction:column; justify-content:space-between; height:100%; }
.list-data11 .item dt { font-size:var(--fontSz6); line-height:2.4rem; }
.list-data11 .item dd { text-align:right; font-weight:var(--fontWg3); margin-top:var(--spc8); }
.list-data11 .item dd strong { font-size:4.5rem; line-height:6.0rem; display:inline-block; margin-right:var(--spc1); vertical-align:middle; margin-top:var(--spc5-m); }
.list-data11 .item .txt2 { font-size:var(--fontSz6); line-height:2.4rem; margin-top:var(--spc5); }
.list-data11 .item .ico34::before { position:absolute; right:2rem; bottom:2.4rem; }
.list-data11 .item .ico34::after { position:absolute; right:2rem; bottom:2.4rem; margin:var(--spc2); }
.list-data11 .item .ico32 { margin:-0.5rem 0 0 var(--spc1); }
.list-data11 .item .ico33 { margin:-0.5rem 0 0 0rem; }
.list-data11 .item .ico33 { margin:-0.5rem 0 0 0rem; }
.list-data11 .item .txt3 { font-size:var(--fontSz5); line-height:1.6rem; }
.list-data11 .item .txt3 em { display:block; font-size:2.8rem; line-height:3.4rem; margin-top:var(--spc1); }
.survey-mes + .list-data11 { margin-top:var(--spc6); }

.list-data12 { --itemW:calc(100vw - 4.8rem); margin:var(--spc5) var(--spc6-m) var(--spc7-m) var(--spc6-m); }
.list-data12 ul { display:flex; overflow-x:auto; white-space:nowrap; padding-right:var(--spc6); padding-left:var(--spc6); padding-bottom:3.2rem; }
/* .list-data12 .item { box-shadow:12px 12px 24px 0 rgba(0, 0, 0, 0.4); border-radius:2.0rem; } */
.list-data12 .item { position:relative; display:block; flex-shrink:0; color:var(--brand-color2); width:var(--itemW); height:calc(var(--itemW) * 0.346153); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data12 .item + .item { margin-left:1.2rem; }
.list-data12 .item-in { display:block; height:100%; padding:2.4rem; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; }
.list-data12 .bg { position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; line-height:0; }
.list-data12 .bg img { width:100%; height:100%; }
.list-data12 dl { line-height:2.0rem; font-weight:var(--fontWg1); }
.list-data12 dd { margin-top:var(--spc1); }
.list-data12 .progress { position:absolute; bottom:1.6rem; left:2.4rem; right:2.4rem; height:8px; border-radius:var(--bdrRds1); -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px); background-color:rgba(255,255,255,0.7); }
.list-data12 .progress .bar { display:block; background:var(--brand-color2); height:100%; border-radius:var(--bdrRds1); box-shadow:0 0 1rem var(--brand-color2); }

.list-data13 { --itemW:calc(100vw - 4.8rem); margin-top:var(--spc9); }
.list-data13 .item { position:relative; display:block; width:var(--itemW); height:calc(var(--itemW) * 0.576923); color:var(--colorW); box-shadow:16px 16px 32px 0 rgba(0, 0, 0, 0.4); border-radius:var(--bdrRds4); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data13 .item + .item { margin-top:var(--spc9); }
.list-data13 .bg { position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; line-height:0; }
.list-data13 .bg img { width:100%; height:100%; }
.list-data13 .item .item-in { display:flex; width:100%; height:100%; text-align:center; flex-direction:column; justify-content:center; }
.list-data13 .item .item-in::after { content:'\e842'; font-family:var(--fontIco); display:block; font-size:var(--fontSz2); width:2.4rem; height:2.4rem; line-height:2.4rem; color:var(--colorW); margin:1.6rem auto 0; }
.list-data13 .item .txt1 { font-family:var(--fontF); font-size:5.6rem; line-height:7.2rem; font-weight:var(--fontWg1); }
.list-data13 .item .txt2 { line-height:2.0rem; margin-top:var(--spc2); }

.list-data14 { margin-top:var(--spc6); border-top:solid 1px var(--colorW); }
.list-data14 .item { position:relative; color:var(--colorB); line-height:2.4rem; border-bottom:solid 1px var(--colorWO16); }
.list-data14 .item a { position:relative; display:block; padding:var(--spc6) var(--spc7) var(--spc6) 0; }
.list-data14 .item .category { line-height:0; margin-bottom:var(--spc3); }
.list-data14 .item .subj { display:block; line-height:2.0rem; color:var(--colorWO5); display:-webkit-box; max-height:4.0em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:normal; }
.list-data14 .item .date { font-size:var(--fontSz1); line-height:1.6rem; color:rgba(255,255,255,0.25); margin-top:var(--spc1); }
.list-data14 .item .item-del { position:absolute; width:2.4rem; height:2.4rem; right:0; top:5.8rem; text-align:right; }
.list-data14 .item .flag-txt4 { color:var(--colorWO5); }
.list-data14 .item .ico6::before { font-size:var(--fontSz6); line-height:2.0rem; color:rgba(255,255,255,0.6); }
.list-data14 .item.new .subj { color:var(--colorW); }
.list-data14 .item.new .date { color:rgba(255,255,255,0.5); }
.list-data14 .item.new .flag-txt4 { color:var(--colorW); }
.list-data14 .item.new .ico6::before { font-size:var(--fontSz6); line-height:2.0rem; color:var(--colorWO5); }

.list-data15 { margin-top:var(--spc8); }
.list-data15 li + li { margin-top:var(--spc6); }
.list-data15 .item { position:relative; height:18.8rem; box-shadow:12px 12px 24px 0 rgba(0, 0, 0, 0.32); border-radius:var(--bdrRds6); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data15 .item .item-in { display:block; height:100%; padding:2.2rem 2.4rem 3.4rem; color:var(--colorB); }
.list-data15 .item.ty1 { background:var(--colorBCD2); }
.list-data15 .item.ty2 { background:var(--colorCOM2); }
.list-data15 .item dt { font-size:3.2rem; line-height:4.4rem; }
.list-data15 .item dd { font-size:var(--fontSz6); line-height:2.8rem; }
.list-data15 .item dd strong { font-size:4.5rem; line-height:6.0rem; display:inline-block; margin-right:var(--spc1); vertical-align:middle; margin-top:var(--spc5-m); }
.list-data15 .item .ico35::before { position:absolute; right:2rem; bottom:2.4rem; }
.list-data15 .item::before { content:'\e851'; display:block; position:absolute; left:2.4rem; bottom:1.9rem; font-family:var(--fontIco); font-weight:var(--fontWg2); line-height:1; font-size:3.2rem; color:var(--colorB); }
.list-data15 .deco { position:absolute; right:2.8rem; bottom:var(--spc1-m); display:block; width:16.4rem; font-size:var(--fontSz5); color:var(--colorBO2); font-weight:var(--fontWg1); transform:rotate(90deg); text-align:center; transform-origin:right top; }
.list-data15 .deco::before, .list-data15 .deco::after { content:''; display:inline-block; position:absolute; left:0; top:var(--spc2); height:1px; width:4.2rem; background:var(--colorBO2); }
.list-data15 .deco::after { left:auto; right:0; }
.list-data15 .item.ty3 { background:transparent; border:solid 1px var(--colorW); box-shadow:none; color:var(--colorW); }
.list-data15 .item.ty3 .item-in { color:var(--colorW); }
.list-data15 .item.ty3::before { color:var(--colorW); }
.list-data15 .item.ty3 .deco { color:var(--colorWO2); bottom:var(--spc1-m); }
.list-data15 .item.ty3 .deco::before, .list-data15 .item.ty3 .deco::after { background:var(--colorWO2); }
.wrap-slider-list6 .list-data15 .item { height:23.2rem; }
.wrap-slider-list6 .list-data15 .item dd { margin-top:var(--spc2); }
.wrap-slider-list6 .list-data15 .deco::before, .wrap-slider-list6 .list-data15 .deco::after { top:var(--spc2); width:6rem; }
.wrap-slider-list6 .list-data15 .deco { right:2.8rem; bottom:var(--spc1-m); width:20.8rem; }
.wrap-slider-list6 .list-data15 .item .item-in { padding:3.2rem 2.4rem 4.4rem; }

.list-data16 .item { border-radius:var(--bdrRds4); overflow:hidden; }
.list-data16 .item + .item { margin-top:var(--spc3); }
.list-data16 .item .cont { display:none; background:var(--brand-color5); padding:var(--spc6) var(--spc6) var(--spc7) var(--spc6); }
.list-data16 .item .cont2 { position:relative; display:none; background:var(--brand-color5); padding:var(--spc6) var(--spc6) var(--spc7) var(--spc6); }
.list-data16 .item .cont2 .fc-def { display:block;  color:var(--colorB) !important; }
.list-data16 .item .cont2 .fc-def+span { display:none; margin-top:0.6rem; }
.list-data16 .item .cont2 .fm-chk-g .fm-chk-item { padding-right:0; }
.list-data16 .item.active .cont2 .fc-def+span { display:block; }
.list-data16 .item.active .cont, .list-data16 .item.checked .cont2 { display:block; }
.list-data16 .item.active .cont:not(:last-child) { padding-bottom:var(--spc6); }
.list-data16 .item.active .cont + .cont2::before { content:''; position:absolute; left:var(--spc6); right:var(--spc6); top:0; height:1px; background:var(--colorBO08); }
.list-data16 .item.checked .cont .bul-txt > li, .list-data16 .item.checked .cont .num-list2 > li,
.list-data16 .item.checked .fm-chk1 .fm-chk-lb,
.list-data16 .item.checked .fm-chk7 .fm-chk-lb { color:var(--colorB); }
.list-data16 .item .fm-chk1 > input:checked + .fm-chk-lb .fc-def, .list-data16 .item .fm-chk1 > input:checked + .fm-chk-lb .block { font-weight:var(--fontWg1); }
.list-data16 .item .flag-txt { font-weight:var(--fontWg2); margin-bottom:var(--spc5); }
.list-data16 .item.checked .cont .bul-txt > li::before { background-color:var(--colorB); }
.list-data16 .item.checked .cont, .list-data16 .item.checked .cont2 { background:var(--colorW); }
.list-data16 .item.checked .cont2 input:not(:checked) + .fm-chk-lb:before { background-color:#ddd; }
.list-data16 .item.checked .fm-chk7 .fm-chk-lb { padding-left:3.2rem; }
.list-data16 .item.checked .fm-chk7 > input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
.list-data16 .item.checked .fm-chk7 > input:checked + .fm-chk-lb:after { background-color:var(--brand-font2); }
.list-data16 .link { display:block; position:relative; width:100%; text-align:left; font-size:var(--fontSz4); padding:1.6rem 5.6rem 1.6rem 2.4rem; line-height:2rem; background:var(--colorCOM6); overflow:hidden; } /* 청구유형 선택 */
.list-data16 .link:after { position:absolute; right:2.4rem; top:50%; margin:var(--spc2-m) 0 0 0; content:'\e81d'; display:block; font-family:var(--fontIco); font-weight:var(--fontWg2); line-height:1; font-size:var(--fontSz4); color:var(--colorW); }
.list-data16 .title { position:relative; font-size:var(--fontSz5); line-height:5.6rem; padding:0 5.6rem 0 2.4rem; font-weight:var(--fontWg2); background:var(--colorBO24); }
.list-data16 .title .togg-btn { position:absolute; top:0; left:0; width:100%; height:100%; }
.list-data16.ty2 { margin-top:var(--spc4); }
.list-data16.ty2 .item { border-radius:var(--bdrRds2); overflow:hidden; }
.list-data16.ty2 .item + .item { margin-top:var(--spc4); }

/********** 스마트보험 **********/
.list-data17 { --itemW:calc(100vw - 4.8rem); }
.list-data17 .attach-item-btn { position:relative; display:block; width:100%; height:calc(var(--itemW) * 0.564102); background:var(--brand-color5); border:dashed 1px var(--brand-font6); border-radius:var(--bdrRds2); }
.list-data17 button.attach-item-btn::before, .list-data17 div.attach-item-btn .fm-fake-file::before { content:'\e82a'; display:block; width:4rem; height:4rem; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; margin:0 auto var(--spc1); padding:calc(0.8rem - 1px); border:1px solid var(--brand-font1); opacity:0.36; border-radius:100%; text-align:center; box-sizing:border-box; }
.list-data17 .attach-item-btn strong { display:block; line-height:2rem; margin:1.2rem auto 0.2rem; }
.list-data17 div.attach-item-btn .fm-fake-file { display:flex; flex-direction: column; justify-content: center; }
.list-data17 .item { position:relative; }
.list-data17 .item + .item { margin-top:var(--spc6); }
.list-data17 .attach-img { display:block; width:100%; height:calc(var(--itemW) * 0.564102); overflow:hidden; background:var(--colorW); border-radius:var(--bdrRds2); }
.list-data17 .attach-img img { object-fit:cover; width:100%; height:100%; }
.list-data17 .attach-item-del { position:absolute; top:var(--spc1-m); right:var(--spc1-m); transform:rotate(45deg); }
.list-data17 .attach-item-del::before { content:'\e846'; font-family:var(--fontIco); font-size:var(--fontSz6); font-weight:var(--fontWg2); width:2.0rem; height:2.0rem; background-color:var(--colorB); color:var(--colorW); border-radius:100%; line-height:2.0rem; }

/********** 우리집 **********/
.list-data18 { margin-top:var(--spc7); }
.list-data18 .item { display:grid; grid-template-columns:8.0rem auto; position:relative; font-size:var(--fontSz5); line-height:1.8rem; }
.list-data18 .item + .item { margin-top:var(--spc6); border-top:solid 1px var(--colorBO08); padding-top:var(--spc6); }
.list-data18 .item::before { grid-column:1; width:6.4rem; height:6.4rem; background:var(--colorB); border-radius:var(--bdrRds2); color:var(--colorW); line-height:6.4rem; }
.list-data18 .item dl, .list-data18 .item .title { grid-column:2; }
.list-data18 .item dl + dl { margin-top:1.2rem; }
.list-data18 .item dd { margin-top:var(--spc1); line-height:2.0rem; }
.list-data18 .item.ty2 { align-items:center; color:#e05101; }
.list-data18 .item.ty2::before { background:#e05101; }

/********** 설문 **********/
.list-data19 .item { margin-top:var(--spc3); background:var(--colorCOM5); border-radius:var(--bdrRds2); padding:var(--spc7) var(--spc6); overflow:hidden; }
.list-data19 .state { position:relative; font-size:var(--fontSz1); font-weight:var(--fontWg3); color:var(--colorWO6); }
.list-data19 .flag-txt { margin-right:1rem; }
.list-data19 .name .masking { margin:0 0.2rem; }
.list-data19 .date { position:relative; padding-left:var(--spc14); margin-left:var(--spc2); }
.list-data19 .date::before { content:''; position:absolute; left:0; bottom:0.2rem; background:var(--colorWO6); display:inline-block; width:1px; height:1rem; }
.list-data19 .flag-txt + .date { margin-left:0; padding-left:0; }
.list-data19 .flag-txt + .date::before { display:none; }
.list-data19 .mod { position:absolute; right:0; width:2rem; }
.list-data19 .des { display:block; margin-top:var(--spc5); font-size:var(--fontSz5); line-height:2.4rem; font-weight:var(--fontWg3); }
.list-data19 .des .txt { max-height:16.8rem;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; }
.list-data19 .more-visible + .more { display:block; }
.list-data19 .more, .list-data19 .rep { margin-top:var(--spc4); font-size:var(--fontSz5); line-height:2.4rem; font-weight:var(--fontWg1); color:var(--brand-font10); }
.list-data19 .more { display:none; color:var(--colorWO6); }
.list-data19 .rep { margin-top:var(--spc5); }
.list-data19 .info { display:flex; font-size:var(--fontSz5); font-weight:var(--fontWg3); margin-top:var(--spc4); }
.list-data19 .info dl { display:flex; }
.list-data19 .info dd { margin-left:var(--spc1); }
.list-data19 .info dl + dl, .list-data19 .info dl + a { margin-left:var(--spc5); }
.list-data19 .info dt { margin-top:-0.2rem; }
.list-data19 .list-rep { background:#434780; margin:var(--spc6) var(--spc6-m) var(--spc7-m); padding-bottom:var(--spc1); }
.list-data19 .list-rep .item { position:relative; border-radius:0; background:#434780; padding:var(--spc5) var(--spc6) var(--spc5) 5.6rem; margin-top:0; }
.list-data19 .list-rep .item::before { content:''; position:absolute; left:4.1rem; top:2rem; display:block; width:5px; height:5px; border:solid 2px var(--colorW); border-width:0 0 2px 2px; }
.list-data19 .list-rep .item + .item {  border-top:solid 1px var(--colorWO16); }
.list-data19 .list-rep .info { display:flex; font-size:var(--fontSz1); font-weight:var(--fontWg3); color:var(--colorWO4);  margin-top:var(--spc2); }
.list-data19 .list-rep .state { color:var(--colorW) !important; }
.list-data19 .list-rep .like { font-size:var(--fontSz1); font-weight:var(--fontWg3); }
.list-data19 .list-rep .ico96::before { margin:0 0.4rem 0 0; }
.list-data19 .list-rep .info dt { margin-top:0; }
.list-data19 .list-rep .date::before { background:var(--colorW) !important; }

.list-data19 .item.ty2 { background:var(--colorBCA2); }
.list-data19 .item.ty3 { background:var(--colorBCE2); }
.list-data19 .item.ty2, .list-data19 .item.ty3 { color:var(--colorB); }
.list-data19 .item.ty2 .state, .list-data19 .item.ty3 .state { color:var(--colorB); }
.list-data19 .item.ty2 .ico75::before, .list-data19 .item.ty3 .ico75::before { color:var(--colorB); }
.list-data19 .item.ty2 .ico76::before, .list-data19 .item.ty3 .ico76::before { color:var(--colorB); }
.list-data19 .item.ty2 .date::before, .list-data19 .item.ty3 .date::before { background:var(--colorB); }
.list-data19 .item.ty2 .flag-txt, .list-data19 .item.ty3 .flag-txt { background:var(--colorB); }
.list-data19 .item.ty2 .flag-txt { color:var(--colorBCA2); }
.list-data19 .item.ty3 .flag-txt { color:var(--colorBCE2); }

.list-data19 .item.ty4 .state { color:var(--colorCOM2); }
.list-data19 .item.ty4 .date::before { background:var(--colorCOM2); }

.container > .list-data19:first-child { margin-top:var(--spc2); }

.list-data20 { margin-top:var(--spc8); }
.list-data20 .item { border-radius:var(--bdrRds2); border:1px solid var(--colorCOMNV); background:#031031; padding:var(--spc7) var(--spc6); }
.list-data20 .item + .item { margin-top:var(--spc6); }
.list-data20 div.info-data6 { background:transparent; border-top:solid 1px var(--colorWO16); padding:var(--spc5) 0 0; margin-top:var(--spc5); border-radius:0; }
.list-data20 .title { font-size:var(--fontSz6); }
.list-data20 .item .rank { position:relative; display:inline-block; border-radius:var(--bdrRds2); width:4.8rem; height:4.8rem; background:var(--colorW); font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:4.8rem; text-align:center; color:var(--colorB); margin-right:var(--spc4); }
.list-data20 .item:nth-child(1) .rank { background:#cd0aa3; color:var(--colorW); }
.list-data20 .item:nth-child(2) .rank { background:#833eff; color:var(--colorW); }
.list-data20 .item .rank.ty2 { width:5.2rem; height:5.2rem; font-size:var(--fontSz6); line-height:5.2rem; }
.list-data20 .item:nth-child(1) .rank.ty2::before, .list-data20 li:nth-child(2) .rank.ty2::before { position:absolute; content:'\e8a4'; font-family:var(--fontIco); font-size:var(--fontSz2); font-weight:var(--fontWg2); color:var(--colorBCA2); line-height:2.4rem; top:var(--spc4-m); left:1.4rem; }
.list-data20 .txt1 { font-size:var(--fontSz2); margin-top:var(--spc5); }
.list-data20 .txt2 { line-height:2.4rem; margin-top:var(--spc4); }
.list-data20 .txt2 strong { font-size:var(--fontSz6); margin:0 var(--spc1); }
.list-data20 .txt2 + .txt2 { margin-top:var(--spc2); }
.list-data20 .my-benefit .secret, .list-data20 .info-data6 .secret { display:none; }
.list-data20 .lvt-graph.active .secret, .list-data20 .info-data6.active .secret { display:block; }
.list-data20 .lvt-graph.active .lock, .list-data20 .info-data6.active .lock { display:none; }
.list-data20 .lvt-graph.active .my-benefit .graph-txt, .list-data20 .info-data6.active .secret { color:var(--brand-color2); }
.list-data20 .lvt-graph.active .my-benefit .bar { height:14rem; background:var(--brand-color2); }
.list-data20 .lvt-graph.active:not(.zero) .my-benefit .bar::before { content:''; position:absolute; display:block; width:100%; height:5.2rem; background:#00761c; opacity:0.2; }
.list-data20 .lvt-graph.active .my-benefit.small ~ dl .bar { height:14rem; }
.list-data20 .lvt-graph.active .my-benefit.small .bar { background:var(--colorWO3); }
.list-data20 .lvt-graph.active:not(.zero) .my-benefit.small .bar::before { content:''; position:absolute; display:block; bottom:0; width:100%; height:8.8rem; background:var(--brand-color2); opacity:1; border-radius:2.0rem 2.0rem 0 0; overflow:hidden;  }
.list-data20 .lvt-graph.active .my-benefit.small .graph-txt { position:absolute; bottom:8.8rem; z-index:3; left:0; right:0; text-align:center; }
.list-data20 .lvt-graph.zero .my-benefit .graph-txt { display:none; }
.list-data20 .lvt-graph.active:not(.zero)::before, .list-data20 .lvt-graph.active:not(.zero)::after { content:''; position:absolute; display:block; left:50%; margin-left:-10.6rem; width:21.2rem; height:1px; background:repeating-linear-gradient( -90deg, rgba(255,255,255,0.16), rgba(255,255,255,0.16) 2px, #031031 2px, #031031 6px ); }
.list-data20 .lvt-graph.active::before { bottom:8.7rem; }
.list-data20 .lvt-graph.active::after { bottom:13.9rem; }
.list-data20 .lock { color:var(--brand-color2); }
.list-data20 .lock::before { content:'\e8a2'; display:inline-block; width:1.6rem; height:1.6rem; font-family:var(--fontIco); font-size:var(--fontSz4); line-height:1; margin:0 var(--spc2) 0 0; }
.list-data20 .lock span { font-size:var(--fontSz5); font-weight:var(--fontWg1); text-decoration:underline; }

.list-data21 { margin-top:2.8rem; }
.list-data21 ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.list-data21 .item { display:flex; flex-direction:column; justify-content:center; width:calc(50% - 0.6rem); aspect-ratio:1.304347 / 1; background:var(--colorBO4); border-radius:2.0rem; padding:1.2rem 1.6rem 0 1.6rem; text-align:center; margin-top:1.2rem; }
.list-data21 .item.icon2::before { margin:0 auto; }
.list-data21 .item .txt { display:block; font-size:var(--fontSz5); margin-top:var(--spc2); padding-top:var(--spc2); border-top:solid 1px var(--colorWO16); }

.list-data22 { margin-top:var(--spc5); }
.list-data22 .item { position:relative; border:1px solid var(--colorCOMNV); border-radius:var(--bdrRds2); background:#031031; padding:5.2rem var(--spc6) var(--spc6); text-align:right; }
.list-data22 .item + .item { margin-top:var(--spc6); }
.list-data22 .item .rank { position:absolute; top:0; left:var(--spc4); overflow:hidden; color:transparent; line-height:0; display:block; width:5.2rem; height:5.2rem; background:url("../../img/b/lvt/lab-rank1.svg") 0 0 no-repeat; }
.list-data22 .item:nth-child(2) .rank { background-image:url("../../img/b/lvt/lab-rank2.svg"); }
.list-data22 .item:nth-child(3) .rank { background-image:url("../../img/b/lvt/lab-rank3.svg"); }
.list-data22 .item .info dt { font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:2.4rem; }
.list-data22 .item .info dd { margin-top:var(--spc2); }
.list-data22 .item .info dd strong { font-size:var(--fontSz6); margin:0 var(--spc1); }

.list-data23 { margin-top:var(--spc5); border:1px solid var(--colorCOMNV); background:#031031; padding:var(--spc7) var(--spc6); border-radius:var(--bdrRds2); }
.list-data23 .item { display:flex; }
.list-data23 .item + .item { margin-top:var(--spc6); padding-top:var(--spc6); border-top:solid 1px var(--colorWO16); }
.list-data23 .item .title { flex-basis:3.6rem; text-align:center; margin-right:1.2rem; }
.list-data23 .item .rank { font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:2.4rem; }
.list-data23 .item .info { display:flex; flex:1; flex-wrap:wrap; justify-content:space-between; }
.list-data23 .item .info dt { font-size:var(--fontSz3); line-height:2.4rem; }
.list-data23 .item .info dd { font-size:var(--fontSz6); text-align:right; }
.list-data23 .item .info dd .small { display:block; font-size:var(--fontSz5); color:var(--brand-font10); margin-top:var(--spc2); }
.list-data23 .item.active { color:var(--brand-color2); }
.list-data23 .item.active dd .small { color:var(--brand-color2); }

.list-data24 { margin-top:var(--spc8); }
.list-data24 .item { position:relative; display:flex; width:100%; aspect-ratio:1 / 1.282051; box-shadow:16px 16px 32px 0 rgba(0, 0, 0, 0.4); border-radius:var(--bdrRds6); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data24 .bg { position:absolute; top:0; left:0; width:100%; height:100%; }
.list-data24 .bg img { width:100%; height:100%; }
.list-data24 .item + .item { margin-top:var(--spc6); }
.list-data24 .item .item-in { display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; position:relative; padding:var(--spc7) var(--spc6) 10.8rem; }
.list-data24 .item .txt1 { display:block; font-size:var(--fontSz2); line-height:3.2rem; }
.list-data24 .item .flag-txt ~ .txt1 { margin-top:var(--spc2); }
.list-data24 .item .txt2 { color:var(--brand-font10); line-height:2.0rem; margin-top:var(--spc3); }
.list-data24 .item .txt3 { color:var(--brand-color2); }
.list-data24 .item .icon2::before { margin-bottom:1.2rem; }
.list-data24 .item .btn-cmc { position:absolute; bottom:var(--spc7); left:var(--spc6); right:var(--spc6); width:auto; z-index:2; }
.list-data24 .item div.btn-cmc { pointer-events:none; }
/* .list-data24 .item .item-in::after { position:absolute; right:var(--spc6); top:3.6rem; content:'\e82e'; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:var(--fontSz2); color:var(--colorW); line-height:1; } */
.list-data24 .item:not([class*="brand"]) .txt3 { color:var(--colorW); }
.list-data24 .item:not([class*="brand"]) .btn-cmc { background:var(--colorW); }

.list-data25 { margin-top:var(--spc8); }
.list-data25 li + li { margin-top:var(--spc6); }
.list-data25 .item { position:relative; height:18.8rem; box-shadow:12px 12px 24px 0 rgba(0, 0, 0, 0.32); border-radius:var(--bdrRds6); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data25 .item .item-in { display:block; height:100%; padding:2.2rem 2.4rem 3.4rem; color:var(--colorB); }
.list-data25 .item.ty1 { background:var(--colorBCA2); }
.list-data25 .item.ty2 { background:var(--colorBCB2); }
.list-data25 .item dt { font-size:3.2rem; line-height:4.4rem; }
.list-data25 .item dd { font-size:var(--fontSz6); line-height:2.8rem; }
.list-data25 .item dd strong { font-size:4.5rem; line-height:6.0rem; display:inline-block; margin-right:var(--spc1); vertical-align:middle; margin-top:var(--spc5-m); }
.list-data25 .item .ico35::before { position:absolute; right:2rem; bottom:2.4rem; }
.list-data25 .item::before { content:'\e851'; display:block; position:absolute; left:2.4rem; bottom:1.9rem; font-family:var(--fontIco); font-weight:var(--fontWg2); line-height:1; font-size:3.2rem; color:var(--colorB); }

.list-data26 { margin-top:var(--spc8); }
.list-data26 li + li { margin-top:var(--spc6); }
.list-data26 .item { position:relative; box-shadow:12px 12px 24px 0 rgba(0, 0, 0, 0.32); background:var(--colorCOM2); border-radius:var(--bdrRds4); -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); overflow:hidden; }
.list-data26 .item .item-in { display:block; height:100%; padding:var(--spc6); color:var(--colorB); }
.list-data26 .item .item-in::after { content:'\e851'; display:block; font-family:var(--fontIco); font-weight:var(--fontWg2); line-height:1; font-size:3.2rem; color:var(--colorB); margin:var(--spc3) 0 var(--spc1-m) 0; text-align:right; }
.list-data26 .txt1 { display:block; font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:2.4rem; }
.list-data26 .txt2 { display:block; font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.2rem; margin-top:var(--spc2); }
.list-data26 .txt3 { display:block; line-height:2.0rem; margin-top:var(--spc2); }

/****************************** 검색결과/완료 ******************************/
.cont-result { padding-top:var(--spc13); }
.cont-result.cont-m { padding-top:var(--spc8); }
.fm-sch-field ~ .cont-result { padding-top:5.8rem; }
.container > .cont-result:first-child { padding-top:var(--spc11); }

.cont-result.line-t { margin-top:var(--spc8); border-top:solid 1px var(--colorWO16); }

.cont-result [class*="i-result"] { background-color:var(--brand-color2); display:block; width:6.4rem; height:6.4rem; line-height:6.4rem; margin:0 auto; border-radius:100%; text-align:center; }
.cont-result [class*="i-result"]:before { font-family:var(--fontIco); font-size:3.2rem; color:var(--brand-font2); text-align:center; }
.cont-result .i-result:before { content:'\e820'; }
.cont-result .i-result2:before { content:'\e81f'; }
.cont-result .i-result3:before { content:'\e821'; }
.cont-result .txt { font-family:var(--fontF); text-align:center;  }
.cont-result .txt strong { font-size:10.4rem; color:var(--colorW); font-weight:var(--fontWg1); line-height:12.4rem; white-space:nowrap; margin:0 var(--spc6-m); }
.cont-result .txt strong.lsp { letter-spacing:0.416rem; }
.cont-result .txt span { display:block; font-size:5.6rem; font-weight:var(--fontWg1); color:var(--el-result-txt); line-height:6.8rem; text-align:right; }
.cont-result .txt2 { line-height:2.4rem; }
.cont-result .txt2 .point { color:var(--brand-color2); }
.cont-result .txt3 { font-size:var(--fontSz5); color:#fff; line-height:2rem; margin-top:var(--spc2); }
.cont-result .btns { margin-top:var(--spc2); }
.cont-result .txt3 + .btns { margin-top:var(--spc4); }

.cont-result2 { position:relative; display:flex; flex-direction:column; height:31rem; padding:var(--spc8) 0 0 var(--spc6); margin:var(--spc7) var(--spc6-m) 0; }
.cont-result2.line::after { content:''; position:absolute; display:block; left:0; bottom:0; right:0; height:0.8rem; background:var(--brand-color2); }
.cont-result2.line { height:31.8rem; }
.cont-result2.line .bg { bottom:var(--spc2); }
.cont-result2.line .btm { bottom:4.3rem; }
.cont-result2.ty2 { height:44.6rem; margin:0 var(--spc6-m) 0; padding:var(--spc11) 0 0 var(--spc8); }
.cont-result2.ty2 .bg { height:35rem; bottom:var(--spc2); }
.cont-result2 .bg { position:absolute; height:31rem; bottom:0rem; left:0; right:0; object-fit:cover; text-align:right; }
.cont-result2 .bg img { height:100%; }
.cont-result2 .txt { position:relative; font-size:var(--fontSz2); color:var(--brand-font1); font-weight:var(--fontWg3); line-height:3.2rem; }
.cont-result2 .txt .point { color:var(--brand-color2);  }
.cont-result2 .txt2 { position:absolute; bottom:0; left:0; right:0; font-family:var(--fontF); text-align:center;  }
.cont-result2 .txt2 strong { font-size:9.2rem; color:var(--brand-color2); font-weight:var(--fontWg1); line-height:11rem; white-space:nowrap; margin:0 var(--spc6-m); }
.cont-result2 .txt3 { font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:1.8rem; margin-top:var(--spc2); }
.cont-result2 .ins-title { position:relative; font-weight:var(--fontWg1); }
.cont-result2 .ins-brand { display:block; line-height:2.0rem; color:var(--brand-color2); font-family:var(--fontF); font-weight:var(--fontWg1); }
.cont-result2 .ins-name { display:block; font-size:3.2rem; line-height:4.4rem; margin-top:var(--spc1); }
.cont-result2 .btm { position:absolute; bottom:3.2rem; }
.cont-result2 .btm .ins-title .ins-brand { }
.cont-result2 .btm .ins-title .ins-name {  }
.cont-result2 .btm .ins-flag { margin-top:var(--spc2); }
.cont-result2 .btm .txt4 { font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg3); margin-top:2.8rem; }
.cont-result2 .btm .txt4 p + p { margin-top:var(--spc1); }

/****************************** STEP ******************************/
.step1 { display:flex; justify-content:center; margin-top:var(--spc4); }
.step1 li { position:relative; color:transparent; width:10px; height:10px; font-size:0; line-height:0; }
.step1 li + li { margin-left:1.2rem; }
.step1 li::after { content:''; display:block; position:absolute; top:0; left:0; bottom:0; width:1rem; height:1rem; background:var(--brand-color2); border-radius:100%; overflow:hidden; }
.step1 li + li::before { content:''; display:block; position:absolute; left:var(--spc3-m); bottom:50%; width:1.2rem; height:1px; background:var(--brand-color2); }
.step1 li.active ~ li::after { background:var(--brand-colorBE5); }
.step1 li.active ~ li::before { background:var(--brand-colorBE5); }

.step2 { background:var(--colorBCB2); border-radius:var(--bdrRds4); padding:1.6rem 1.4rem 2.4rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:1.6rem; color:var(--colorB); text-align:center; margin-top:var(--spc6); }
.step2 dt { font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:1.6rem; margin-bottom:var(--spc4); }
.step2 ol { display:flex; justify-content:space-between; }
.step2 li { position:relative; width:calc((100% - 3.2rem) / 3); }
.step2 li::before { line-height:1; margin:0 auto var(--spc2); }
.step2 li::after { content:''; display:block; position:absolute; right:var(--spc4-m); bottom:0; content:'\e81d'; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:var(--fontSz4); color:rgba(0,0,0,0.3); line-height:1; }
.step2 li:last-child::after { display:none; }
.step2 li span { display:block; }

.step3 { display:flex; justify-content:center; margin:var(--spc4) 0 0; }
.step3 li { width:calc((100% - 2.4rem) / 4); border-radius:var(--bdrRds2); background:var(--colorW); opacity:0.2; padding-bottom:1.2rem; }
.step3 li .icon1 { position:relative; width:calc(100% - 0.8rem); background:var(--colorCOM2); border-radius:1.2rem; margin:var(--spc1); }
.step3 li .icon1::after { content:''; display:block; padding-top:100%; }
.step3 li .icon1::before { position:absolute; top:50%; left:50%; margin:var(--spc4-m) 0 0 var(--spc4-m); color:var(--colorB); }
.step3 li .txt { display:block; text-align:center; font-size:var(--fontSz1); line-height:1.6rem; margin-top:var(--spc2); color:var(--colorB); font-weight:var(--fontWg1); }
.step3 li + li { margin-left:var(--spc2); }
.step3 li.active { opacity:1; }
.step3 li.active ~ li:not(.active) { background:var(--colorBO2); opacity:1; }
.step3 li.active ~ li:not(.active) .txt { color:var(--colorW); font-weight:var(--fontWg2); }
.step3 li.active ~ li:not(.active) .icon1 { background:var(--colorBO2); }
.step3 li.active ~ li:not(.active) .icon1::before { color:var(--colorW); }

.step4 { position:relative; display:flex; justify-content:center; height:13.6rem; margin:0 var(--spc6-m) var(--spc7-m); padding:var(--spc12) 0 var(--spc7); }
.step4[data-sticky="bottom"] { bottom:0; z-index:10; margin-top:auto; }
.step4::before { content:''; display:block; position:absolute; height:9.6rem; border-radius:3.2rem 3.2rem 0 0; background:#a03000; bottom:0; left:0; right:0; width:100%; opacity:0.95; }
.step4 ol { position:relative; display:flex; overflow-x:auto; white-space:nowrap; padding-right:var(--spc6); padding-left:var(--spc6); }
.step4 li { position:relative; color:var(--brand-color2); font-size:var(--fontSz5); line-height:3.2rem; }
.step4 li + li { margin-left:3.6rem; }
.step4 li + li::before { content:''; display:block; position:absolute; left:var(--spc6-m); top:var(--spc2); content:'\e81d'; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:var(--fontSz4); color:var(--colorWO3); line-height:1; }
.step4 li.active ~ li { color:var(--brand-font10); }

/****************************** INFO DATA ******************************/
.info-ref { padding:var(--spc6) var(--spc6); background:var(--brand-color5); font-size:var(--fontSz5); color:#fff; line-height:2rem; border-radius:var(--bdrRds2); margin-top:var(--spc2); }/* 보험료 안내문구 */
.info-ref p + p { margin-top:var(--spc3); }
.info-ref dt { font-size:var(--fontSz6); color:var(--brand-font1); font-weight:var(--fontWg1); line-height:2.8rem; margin-bottom:var(--spc1); }
.info-data-wrap .info-ref p { text-indent:-1.2rem; padding-left:1.2rem; }
.info-data-wrap .info-ref { margin-top:var(--spc6); border-top:solid 1px var(--brand-font3); padding:var(--spc6) 0 0; border-radius:0; }
.info-data6 + .info-ref { margin-top:var(--spc6); }
.fm-field + .info-ref { margin-top:var(--spc6); }
.info-data6 .masking { display:inline-block; vertical-align:middle; }
.info-data6 .masking.ty2 { margin-left:var(--spc1); margin-right:var(--spc1); }
.tab-cont .info-ref:first-child { margin-top:var(--spc6); }
.info-ref.ty2 { padding:var(--spc5); }
.info-data-wrap.ty4 + .info-ref { margin-top:var(--spc4); }
.info-ref2 { position:relative; z-index:2; display:grid; column-gap:var(--spc2); grid-template-columns:max-content auto; font-size:var(--fontSz5); line-height:2rem; color:var(--colorWO6); margin-top:var(--spc4); }
.info-ref2 .txt1::before { content:'※'; display:inline-block; margin-right:var(--spc1); }
.info-ref2 .txt1 { grid-column:1/1; }
.info-ref2 .txt2 { grid-column:2/2; }
.info-ref2 .txt3 { grid-column:2/2; margin-top:var(--spc1); }

.info-data-txt { font-size:var(--fontSz5); color:var(--brand-font1); font-weight:var(--fontWg3); line-height:2.4rem; margin:var(--spc6) var(--spc6-m) 0; border-top:solid 1px var(--brand-font3); padding:var(--spc6) var(--spc6) 0; } 
.info-flag { margin-bottom:var(--spc5); }

div.info-data { padding:var(--spc7) var(--spc6); background:var(--brand-color5); border-radius:var(--bdrRds2); margin-top:var(--spc8); }/* 이벤트 상세 */
.info-data { line-height:2.0rem; }
.info-data + .info-data { margin-top:var(--spc6); }
.info-data dt { color:var(--colorWO5); font-weight:var(--fontWg1); margin-bottom:var(--spc1); }
.info-data dd { font-weight:var(--fontWg3); }
.info-data + .box  { margin-top:var(--spc8); }

div.info-data2 { border-radius:var(--bdrRds2); overflow:hidden; }/* 매월 결제 */
dl.info-data2 { display:flex; font-size:var(--fontSz4); justify-content:space-between; padding:1.4rem 1.6rem; }
.info-data2 dd { font-weight:var(--fontWg1); }
.info-data2 dd .point { color:var(--brand-color2); }
.info-data2.disabled { background:var(--fm-disable-bg); }

div.info-data2.ty2 { background:var(--colorW); color:var(--brand-font2); } /* 매월결제액 */
div.info-data2.ty2 dl.info-data2 { font-size:var(--fontSz6); padding:1.4rem 2.4rem; }
div.info-data2.ty2 dl.info-data2 dd { font-size:var(--fontSz3); }

div.info-data3 { padding:var(--spc7) var(--spc6); background:var(--brand-color5); border-radius:var(--bdrRds2); margin-top:var(--spc7); }/* 보험료 상단 */
.container > div.info-data3:first-child, .container > form:first-child > div.info-data3:first-child { margin-top:var(--spc11); }
dl.info-data3 { display:flex; font-size:var(--fontSz4); justify-content:space-between; line-height:2.4rem; }
.info-data3 dt { flex-shrink:0; font-size:var(--fontSz6); font-weight:var(--fontWg3); margin-right:var(--spc2); }
.info-data3 dt.abs { position:absolute; }
.info-data3 dt.abs ~ dd { margin-left:auto; }
.info-data3 dd { font-size:var(--fontSz3); font-weight:var(--fontWg1); color:var(--brand-color2); text-align:right; }
.info-data3 + .info-data3 { margin-top:var(--spc5); }
.info-data3.line { margin-top:var(--spc6); border-top:solid 1px var(--brand-font3); padding-top:var(--spc6); }
.info-data3-subj { font-size:var(--fontSz2); font-weight:var(--fontWg3); text-align:center; }
.info-data3-subj .txt2 { font-size:var(--fontSz6); font-weight:var(--fontWg3); }
.info-data3-subj strong { display:block; font-size:var(--fontSz2); color:var(--brand-color2); margin-top:var(--spc1); text-align:center; }
.info-data3 .info-ref { margin-top:var(--spc7); border-top:solid 1px var(--brand-font3); padding:var(--spc6) 0 0; border-radius:0; }
.cont-result2 + div.info-data3 { margin-top:0; }
.info-data3 .masking { display:inline-block; vertical-align:middle; margin-bottom:var(--spc1-m) }
.info-data3 .masking.ty2 { margin-left:var(--spc1); margin-right:var(--spc1); }

.slide-cont div.info-data3 { margin-top:var(--spc7); }
.c-head + div.info-data3 { margin-top:var(--spc8); }
.info-data-wrap + div.info-data3 { margin-top:var(--spc6); }
.step1 + div.info-data3 { margin-top:var(--spc11); }

div.info-data4 { padding:var(--spc7) var(--spc6); background:var(--brand-color5); border-radius:var(--bdrRds2); margin-top:var(--spc6); overflow:hidden; }/* 보험료 가입정보 */
dl.info-data4 { display:flex; flex-direction:column; }
.info-data4 dt { color:var(--brand-font10); font-size:var(--fontSz5); line-height:1.8rem; }
.info-data4 dd { color:var(--brand-font1); font-size:var(--fontSz5); line-height:1.8rem; margin-top:var(--spc2); }
.info-data4 dd em { margin-right:var(--spc2); }
.info-data4 dd .point { color:var(--brand-color2); font-weight:var(--fontWg1); }
.info-data4 + .info-data4 { margin-top:var(--spc6); }
.c-head2 + .info-data4 { margin-top:var(--spc4); }

div.info-data5 { background:var(--brand-color5); border-radius:var(--bdrRds2); padding:0 var(--spc6) var(--spc7); margin-top:var(--spc8); overflow:hidden; }/* 보험료 질문항목 */
.info-data5 .title { font-weight:var(--fontWg3); line-height:2.4rem; background:var(--brand-color6); padding:var(--spc7) var(--spc6); margin:0 var(--spc6-m) var(--spc7); }
.info-data5 .title, .info-data5 .title h3, .info-data5 .title .bul-txt li { font-weight:var(--fontWg3); font-size:var(--fontSz4); line-height:2.4rem; }
.info-data5 .title .bul-txt { margin-top:var(--spc2); }
.info-data5 dt { font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:1.8rem; color:var(--brand-color2); }
.info-data5 dd { font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:2.4rem; color:var(--colorW); margin-top:var(--spc2); }
dl.info-data5 { margin-top:var(--spc7); }
.info-data5 .fm-chk5-g { margin-top:var(--spc7); }

div.info-data6 { position:relative; width:100%; padding:var(--spc7) var(--spc6); background:var(--brand-color5); border-radius:var(--bdrRds2); margin-top:var(--spc6); }
dl.info-data6 { display:table-row; }
.info-data6 dt { position:relative; display:table-cell; font-size:var(--fontSz5); line-height:1.8rem; flex-shrink:0; padding-right:var(--spc2); white-space:nowrap; }
.info-data6 dd { position:relative; display:table-cell; width:100%; color:var(--brand-font1); font-size:var(--fontSz5); line-height:1.8rem; text-align:right; }
dl.info-data6 + dl.info-data6 dt, dl.info-data6 + dl.info-data6 dd { padding-top:var(--spc5); }
.info-data6 .block { display:block; margin-top:var(--spc1); }
.info-data6 .info-ref { margin-top:var(--spc7); border-top:solid 1px var(--brand-font3); padding:var(--spc6) 0 0; border-radius:0; }
.info-data6 .point { color:var(--brand-color2); }
.info-data6.line { margin-top:var(--spc6); border-top:solid 1px var(--brand-font3); padding-top:var(--spc6); }
.info-data6 .txt-clip1 { position:absolute; top:0; padding-left:1.2rem; left:0; right:var(--spc1-m); margin-top:var(--spc5); }
.info-data6 .mid { vertical-align:middle; }
.info-data6 dt .txt-clip2 { white-space:normal; }
div.info-data6 .info-data6-title { display:block; font-size:var(--fontSz5); line-height:1.8rem; padding:var(--spc6) 0 var(--spc5); }
div.info-data6 .info-data6-title.ty2 { font-size:var(--fontSz4); line-height:2rem; padding:var(--spc7) 0 var(--spc6); }
div.info-data6.ty3 + div.info-data6::before { left:0 !important; right:0 !important; }
.info-data-wrap .info-data-title1 + .togg-cont div.info-data6:first-child { padding-top:var(--spc6); }
.info-data-title1 + .info-data6 .info-data6-title { padding-top:0 !important; }
div.info-data6 .info-data6-title { margin-top:var(--spc2) !important; }

div.info-data6.ty4 { background:var(--brand-color9); padding:var(--spc6); color:var(--colorB); }
div.info-data6.ty4 .info-data6 dt { color:var(--colorB); }
div.info-data6.ty4 .info-data6 dd { color:var(--colorB); }
div.info-data6.ty4 .info-data6 + .info-data6 dt, div.info-data6.ty4 .info-data6 + .info-data6 dd { padding-top:var(--spc3); }

.info-data6-wrap { position:relative; }
.info-data6-wrap .info-flag { padding:var(--spc7) var(--spc6) 0; margin-bottom:var(--spc1-m); }
.info-data6-wrap + .info-data6-wrap::before { content:''; display:block; position:absolute; left:0; right:0; top:0; border-top:solid var(--brand-font3) 1px; }
.info-data6-wrap + .info-data6-wrap .info-flag { padding-top:var(--spc6); }
.info-data6-wrap:not(:last-child) div.info-data6:last-child { padding-bottom:var(--spc6); }

.info-data6-in-togg { position:relative; }
.info-data6-in-togg .togg-head { position:relative; padding:var(--spc6) 0; }
.info-data6-in-togg .togg-head .togg-btn { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.info-data6-in-togg .togg-head, .info-data6-in-togg .togg-btn { padding-right:3.2rem; }
.info-data6-in-togg .togg-btn::after { 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; }
.info-data6-in-togg.active .togg-btn::after { transform:rotate(180deg); }
.info-data6-in-togg.active::after { content:''; background:var(--brand-color6); position:absolute; left:0; right:0; top:0; bottom:0; margin:0 var(--spc6-m); z-index:-1; }
.info-data6-in-togg.active {  margin:var(--spc6) 0; }
.info-data6-in-togg .togg-cont { padding:var(--spc6) 0 var(--spc7) 0; border-top:solid 1px var(--colorWO16); }

.c-head + div.info-data6 { margin-top:var(--spc8); }
.container > div.info-data6:first-child { margin-top:var(--spc8); }
.g-ins-flag + div.info-data6 { margin-top:var(--spc7); }
.cont-mes4 + div.info-data6 { margin-top:var(--spc8); }
.list-togg2 + div.info-data6 { margin-top:var(--spc2); }
.cont-result2 + div.info-data6 { margin-top:0; }
.c-head2 + div.info-data6 { margin-top:var(--spc4); }

div.info-data7 { position:relative; padding:var(--spc7) var(--spc6); background:var(--brand-color5); border-radius:var(--bdrRds2); margin-top:var(--spc11); overflow:hidden; }/* 보험료 가입정보 */
dl.info-data7 { display:grid; justify-content:space-between; font-size:var(--fontSz5); line-height:1.8rem; flex-wrap:wrap; }
.info-data7 dt { color:var(--brand-font1); }
.info-data7 dd { color:var(--brand-font10); }
.info-data7 .txt1 { grid-row:2/2;  width:100%; color:var(--brand-font10); margin-top:var(--spc1); }
.info-data7 .txt2 { grid-column:2/2; font-weight:var(--fontWg1); color:var(--brand-color2); text-align:right; padding-left:var(--spc4); }
dl.info-data7 + dl.info-data7 { margin-top:var(--spc5); }
.cont-result2 + div.info-data7 { margin-top:0; }
.c-head2 + .info-data7 { margin-top:var(--spc4); }

div.info-data8 { }
.info-data8 dt { font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:2.0rem; color:var(--brand-color2); }
.info-data8 dd { font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:2.0rem; color:#fff; margin-top:var(--spc2); }
dl.info-data8 + dl.info-data8 { margin-top:var(--spc6); }

.info-data9 { background:var(--colorCOM5); border-radius:var(--bdrRds2); border:solid 2px var(--colorCOM2); margin-top:var(--spc4); padding:var(--spc7) var(--spc6) var(--spc7); }
.info-data9 .txt { font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:2.4rem; }
.info-data9 .ins-flag { margin-bottom:var(--spc5); }

div.info-data10 { padding:var(--spc7) var(--spc6); background:var(--brand-color5); border-radius:var(--bdrRds2); margin-top:var(--spc8); }/*  */
div.info-data10.line { border:0.2rem solid var(--brand-color2); }
.info-data10 dt { flex-shrink:0; font-size:var(--fontSz6); font-weight:var(--fontWg3); text-align:center; }
.info-data10 dd { margin-top:var(--spc1); font-size:var(--fontSz2); font-weight:var(--fontWg1); color:var(--brand-color2); line-height:1.33; text-align:center; }
.info-data10 + .fm-txt3 { margin-top:var(--spc2); }

.info-data-wrap { background:var(--brand-color5); border-radius:var(--bdrRds2); overflow:hidden; -webkit-backface-visibility:hidden; margin-top:var(--spc6); isolation:isolate; }
.info-data-wrap div.info-data3 { background:transparent; margin-top:0; }
.info-data-wrap .info-data3 + .info-data3 { padding-top:0; margin-top:var(--spc5); }
.info-data-wrap div.info-data6 { background:transparent; border-radius:0; margin-top:0; padding-top:var(--spc6); padding-bottom:var(--spc6); }
.info-data-wrap div.info-data6:first-child { padding-top:var(--spc7); }
.info-data-wrap div.info-data6:last-child { padding-bottom:var(--spc7); }
.info-data-wrap div.info-data6 + div.info-data6 dl:first-child dt, .info-data-wrap div.info-data6 + div.info-data6 dl:first-child dd { padding-top:var(--spc6); }
.info-data-wrap div.info-data3 + div.info-data6 { border-top:solid var(--brand-font3) 1px; margin-top:var(--spc2-m); }
.info-data-wrap div.info-data6 + div.info-data6 { padding-top:0; }
.info-data-wrap div.info-data6 + div.info-data6::before { content:''; display:block; position:absolute; left:var(--spc6); right:var(--spc6); top:0; border-top:solid var(--brand-font3) 1px; }
.info-data-wrap div.info-data6.ty2::before { left:0 !important; right:0 !important; }
.info-data-wrap div.info-data6.ty2 + div.info-data6.ty2::before { left:0; right:0; }
.info-data-wrap div.info-data6.ty2:first-child::before { display:none; }
.info-data-wrap div.info-data6:first-child .info-data6-title.ty2 { padding-top:0; margin-top:0 !important; }

.info-data-wrap div.info-data3 + div.info-data7 { border-top:solid var(--brand-font3) 1px; padding-top:var(--spc6); margin-top:var(--spc2-m); }
.info-data-wrap div.info-data7 { background:transparent; border-radius:0; margin-top:0; }
.info-data-wrap div.info-data7 + div.info-data7 { margin-top:var(--spc2-m); padding-top:var(--spc6); }
.info-data-wrap div.info-data7 + div.info-data7::before { content:''; display:block; position:absolute; left:var(--spc6); right:var(--spc6); top:0; border-top:solid var(--brand-font3) 1px; }
.info-data-wrap div.info-data7:last-child { padding-bottom:var(--spc7) !important; }

.info-data-wrap .btn-area { margin:0 1.6rem 3.2rem; }
.info-data-wrap .info-data-title1 { position:relative; font-weight:var(--fontWg3); line-height:2.0rem; background:var(--brand-color6); padding:var(--spc4) var(--spc6); }
.info-data-wrap .info-data-title1 .tab3 { margin:var(--spc4-m) var(--spc2-m); }
.info-data-wrap .info-data-title1 .tab3::after { right:var(--spc4-m); }
.info-data-wrap .info-data-title1 .txt1 { display:flex; justify-content:space-between; }
.info-data-wrap .info-data-title1 .txt2 { font-size:var(--fontSz5); color:var(--brand-color2); }
.info-data-wrap .info-data-in { padding:var(--spc7) var(--spc6) var(--spc7); }
.info-data-wrap .info-data-in .tb-data2 th { padding-top:0; }
.info-data-wrap .tb-data2 .fm-sel { min-width:12.6rem; background:var(--colorBCF1); }

.info-data-wrap.ty4 { background:var(--brand-color9); color:var(colorB); }
.info-data-wrap.ty4 div.info-data6 + div.info-data6::before { border-top-color:var(--colorBO08); }
.info-data-wrap.ty4 div.info-data6:first-child { padding-top:var(--spc6); }
.info-data-wrap.ty4 div.info-data6:last-child { padding-bottom:var(--spc6); }
.info-data-wrap.ty2 { margin-top:var(--spc8); }
.info-data-wrap.ty3 { margin-top:var(--spc2); }
.c-head + .info-data-wrap, .info-ref + .info-data-wrap, .cont-mes4 + .info-data-wrap, .fm-agree + .info-data-wrap { margin-top:var(--spc8); }
.cont-result2 + .info-data-wrap { margin-top:0; }
.c-head2 + .info-data-wrap { margin-top:var(--spc4); }
.info-ref2 + .info-data-wrap { margin-top:var(--spc11); }

div.info-agree { background:var(--brand-color5); border-radius:var(--bdrRds2); padding:var(--spc7) var(--spc6) var(--spc7) var(--spc6); margin-top:var(--spc8); }
.info-agree dt { font-size:var(--fontSz5); color:var(--brand-font1); line-height:2.4rem; font-weight:var(--fontWg3); }
.info-agree dt .txt1 { margin-top:var(--spc2); line-height:2rem; }
.info-agree dt .txt2 { text-indent:-1.2rem; margin-left:1.2rem; margin-top:var(--spc3); line-height:2rem; }
.info-agree dd { margin-top:var(--spc6); }
.info-agree + .info-agree { margin-top:var(--spc7); border-top:solid 1px var(--brand-font3); padding:var(--spc7) 0 0; border-radius:0; }

.info-togg { margin-top:var(--spc6); }
.info-togg div[class*="info-data"] { margin-top:0; }
.info-togg .info-togg-cont.ty2 .info-togg-btn { display:none; }
.info-togg .info-togg-cont.ty2:not(.active) dl[class*="info-data"]:nth-child(3) ~ dl[class*="info-data"] { display:none; }
.info-togg .info-togg-cont.ty2 dl[class*="info-data"]:nth-child(4) ~ .info-togg-btn { display:block; }
.info-togg .info-togg-cont:not(.active) .info-togg-btn button::before { content:'전체보기'; }
.info-togg .info-togg-btn button::before { content:'접어두기'; }
.info-togg .info-togg-btn button::after { display:inline-block; content:'\e808'; transform:rotate(180deg); font-weight:var(--fontWg2); font-family:var(--fontIco); font-size:var(--fontSz4); height:1.6rem; color:var(--colorW); line-height:1; margin-left:var(--spc2); }
.info-togg .info-togg-cont:not(.active) .info-togg-btn button::after { transform:rotate(0); }
.info-togg .info-togg-cont.ty3:not(.active) .togg-cont-hide { display:none; }
.info-togg .info-togg-cont.ty3.active .togg-cont-hide { display:block; padding-top:var(--spc5); }
.info-togg .info-togg-cont.ty3.active .togg-cont-hide.ty2 { display:table; width:100%; position:relative; margin-top:var(--spc5); margin-bottom:var(--spc6-m); padding-bottom:var(--spc5); }
.info-togg .info-togg-cont.ty3.active .togg-cont-hide.ty2::before { content:''; display:block; background:var(--colorWO12); position:absolute; left:var(--spc6-m); right:var(--spc6-m); top:0; bottom:0; }
.info-togg .info-togg-cont.ty3.active .togg-cont-hide.ty2 .info-data6 dt { width:55%; color:var(--colorW); }
.info-togg .info-togg-cont.ty3.active .togg-cont-hide.ty2 .info-data6 dd { width:45%; }
.info-togg .info-togg-cont.ty3:not(.active) .togg-cont-hide.ty2 + .info-togg-btn button::before { content:'자세히보기'; }
.info-togg .info-togg-cont.ty3 .info-data6 .txt-clip1 { padding-left:2.8rem; }

.list-data10 .info-togg { margin-top:0; }
.cont-result2 + .info-togg { margin-top:0; }
.c-head2 + .info-togg { margin-top:1.6rem; }

.info-togg-btn { margin:var(--spc6) var(--spc6-m) var(--spc7-m); }
.info-togg-btn button { width:100%; height:100%; background:var(--colorWO2); font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:4.8rem; }

/****************************** 약관 ******************************/
.terms { color:var(--colorB); font-size:var(--fontSz5); line-height:1.71; }
.terms .mgt { margin-top:var(--spc7); }
.terms .point { font-weight:var(--fontWg1); color:var(--color3); }
.terms-title { font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:1.33; margin-bottom:var(--spc8); }
.terms-title2 { font-size:var(--fontSz4); font-weight:var(--fontWg1); line-height:1.25; margin:var(--spc8) 0 var(--spc4); }
.terms-title2:first-child, .terms-title3:first-child, .terms-title4:first-child { margin-top:0 !important; }
.terms-title2 .flag-txt2 { margin-left:var(--spc2); }
.terms-title3 { font-weight:var(--fontWg1); margin:var(--spc5) 0 var(--spc2); }
.terms-title4 { font-size:var(--fontSz4); font-weight:var(--fontWg1); line-height:1.25; margin:var(--spc8) 0 var(--spc4); }
.terms-title4 + .terms-title2 { margin-top:var(--spc6); }
.terms-txt { margin-top:3rem; }
.terms-txt:first-child { margin-top:0; }
.terms-title + .terms-txt { margin-top:var(--spc6-m); }
.terms-list .terms-txt:first-child { margin-top:var(--spc1); }
.terms-txt p + p { margin-top:var(--spc3); }
.terms-list:not(:first-child) { margin-top:var(--spc3); }
.terms-list .terms-list, .terms-tb { margin-top:var(--spc2); }
.terms-list + .terms-list { margin-top:var(--spc4); }
.terms-list dt { font-size:var(--fontSz5); font-weight:var(--fontWg2); }
.terms-list dd { font-size:var(--fontSz5); margin-top:var(--spc4); }
.terms-box { position:relative; z-index:2; padding:var(--spc6); margin-top:var(--spc5); border-radius:var(--bdrRds2); overflow:hidden; }
.terms-box::before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background-color:rgba(0,0,0,0.04); }
.terms-tb th, .terms-tb td { padding:0.4rem; font-size:var(--fontSz1); line-height:1.6rem; border:1px solid rgba(0,0,0,0.12); word-break:break-all; }
.terms-tb th { font-weight:var(--fontWg1); text-align:center; background-color:rgba(0,0,0,0.04); }
.terms-tb.mglm { margin-left:-3.4rem; width:calc(100% + 3.4rem); }
.terms-tb.mglm2 { margin-left:-1.5rem; width:calc(100% + 1.5rem); }

.terms-agree { margin-top:var(--spc6); border:solid 2px rgba(0,0,0,0.08); border-radius:var(--bdrRds2); }
.terms-agree + .terms-agree { margin-top:var(--spc5); }
.terms-agree .txt { padding:2.4rem; border-bottom:solid 1px rgba(0,0,0,0.08); }
.terms-agree .fm-chk-g { padding:2.0rem 2.4rem; }
.terms-agree .fm-chk7-g { padding:2.0rem 2.4rem; justify-content:center; }
.terms-agree .fm-chk7-g.col2 .fm-chk7 { width:auto; }
.terms-agree .fm-chk7-g.col2 .fm-chk7 { min-width:9.8rem; margin:0 var(--spc14); }

.pop-wrap .container > .terms { margin-top:var(--spc8); }
.pop-modal .terms { line-height:1.43; }
.pop-modal .terms-title2 { margin:var(--spc5) 0 var(--spc3); }
.pop-modal .terms .mark1 > li + li { margin-top:0; }

.terms [class*="mark"] > dd, .terms [class*="mark"] > li { padding-left:1.6rem; position:relative; }
.terms [class*="mark"] > dd > .mark4, .terms [class*="mark"] > li > .mark4 { margin-left:-1.2rem; }
.terms .mark3 > dd, .terms .mark3 > li { font-weight:var(--fontWg3); }
.terms [class*="mark"] > li:before, .terms [class*="mark"] > dd::before { display:inline-block; position:absolute; left:0; width:1.6rem; }
.terms li + li, .terms dd + dd, .terms dt + dd, .terms dd + dt { margin-top:var(--spc2); }

.terms .terms-list.mark2 .terms-list.mark3 { margin-left:0.4rem; }
.terms .terms-list > li > .terms-list.mark1 > li > .terms-list { margin-left:-1.9rem; }
.terms .terms-list > li > .terms-list.mark2 > li > .terms-list { margin-left:-1.6rem; }
.terms .terms-list > li > .terms-list.mark3 > li > .terms-list { margin-left:-1.5rem; }
.terms .terms-list > li > .terms-list.mark4 > li > .terms-list { margin-left:-1.2rem; }
.terms .terms-list > li > .terms-list.mark5 > li > .terms-list { margin-left:-1rem; }
.terms .terms-list > li > .terms-list.mark6 > li > .terms-list { margin-left:-1.7rem; }
.terms .terms-list > li > .terms-list.mark7 > li > .terms-list { margin-left:-2.2rem; }

.terms .terms-list > dt { font-weight:var(--fontWg1); }
.terms .mark1 > dd, .terms .mark1 > li { padding-left:1.9rem; text-indent:-1.9rem; } /* 가. */
.terms .mark2 > dd, .terms .mark2 > li { padding-left:1.6rem; text-indent:-1.6rem; font-weight:var(--fontWg2); } /* ① */
.terms .mark3 { margin-top:var(--spc2); } /* 1. */
.terms .mark3 > dd, .terms .mark3 > li { padding-left:1.5rem; text-indent:-1.5rem; }
.terms .mark3 > dd:nth-of-type(1), .terms .mark3 > li:nth-of-type(1) { text-indent:-1.4rem; }
.terms .mark3 > dd:nth-of-type(8)~dd, .terms .mark3 > li:nth-of-type(8)~li { padding-left:2.1rem; text-indent:-2.1rem; }
.terms .mark3 > dd:nth-of-type(10), .terms .mark3 > li:nth-of-type(10) { text-indent:-1.8rem !important; }
.terms .mark4 > dd, .terms .mark4 > li { position:relative; padding-left:1.2rem; font-weight:var(--fontWg3); } /* 도트 */
.terms .mark4 > dd:before, .terms .mark4 > li:before {content:'';display:block;position:absolute;top:0.8rem;left:0;width:0.4rem;height:0.4rem;border-radius:50%;background-color:var(--colorB); }
.terms .mark5 > dd, .terms .mark5 > li { padding-left:1rem; text-indent:-1rem; } /* 하이픈 [-] */
.terms .mark6 > dd, .terms .mark6 > li { padding-left:1.7rem; text-indent:-1.7rem; } /* 1) */
.terms .mark6 > dd:nth-of-type(1), .terms .mark6 > li:nth-of-type(1) { text-indent:-1.5rem; }
.terms .mark6 > dd:nth-of-type(8)~dd, .terms .mark6 > li:nth-of-type(8)~li { padding-left:2.3rem; text-indent:-2.3rem; }
.terms .mark6 > dd:nth-of-type(10), .terms .mark6 > li:nth-of-type(10) { text-indent:-2.0rem !important; }
.terms .mark7 > dd, .terms .mark7 > li { padding-left:2.2rem; text-indent:-2.2rem; } /* (1) */
.terms .mark7 > dd:nth-of-type(1), .terms .mark7 > li:nth-of-type(1) { text-indent:-1.9rem; }
.terms .mark7 > dd:nth-of-type(8)~dd, .terms .mark7 > li:nth-of-type(8)~li { padding-left:2.7rem; text-indent:-2.7rem; }
.terms .mark7 > dd:nth-of-type(10), .terms .mark7 > li:nth-of-type(10) { text-indent:-2.5rem !important; }

/****************************** 01. 공통 ******************************/
/********** 본인인증/로그인 인트로 & TAB **********/
.certify-intro::after { content:''; display:block; height:10rem; }
.certify-intro .c-head { position:relative; margin-top:7.5rem; }
.certify-intro .cont-mes4 { position:relative; }
.certify-intro .certify-mes2 { margin-top:3.2rem; font-size:var(--fontSz4); line-height:2.4rem; font-weight:var(--fontWg4); }
.certify-intro .certify-mes2::before { content:''; display:block; width:2.4rem; height:1px; margin-bottom:2.4rem; background-color:var(--brand-font1); }
.certify-intro .certify-mes3 { position:fixed; left:0; bottom:0; z-index:3; width:100%; padding:2.4rem 4rem 3.2rem; text-align:center; font-weight:var(--fontWg3); border-radius:var(--bdrRds2) var(--bdrRds2) 0 0; background:var(--colorBO24); }
.certify-intro .certify-mes3 .btn-cmc { margin-top:1.2rem; }
.certify-tab { position:relative; margin:9.2rem 0 0; min-height:9.2rem; pointer-events:none; font-size:var(--fontSz5);line-height:1.8rem; font-weight:var(--fontWg3); }
.certify-tab { min-height:calc(9.2rem + var(--safe-top)); margin-bottom:calc(var(--safe-top) * -1); } /* 노치대응 */
.certify-tab::before { content:''; position:absolute; left:var(--spc6-m); right:var(--spc6-m); top:4.95rem; height:1px; background-color:var(--brand-trans-line); z-index:1; }
.certify-tab .tab-in { position:relative; display:flex; padding:0; margin:0 -1.3rem; justify-content:space-between; }
.certify-tab .tab-in::after { content:''; position:absolute; left:-1.1rem; right:-1.1rem; top:auto !important; bottom:0; height:calc(100% + var(--safe-top) + var(--headHgt)) !important; opacity:.95; background:transparent; }

body[data-top-transparent="false"] .header { background:transparent; }
body[data-top-transparent="false"] .certify-tab .tab-in::after { background:var(--brand-bg); }

.certify-tab .tab-item { position:relative; z-index:2; color:var(--brand-font10); flex:1; text-align:center; }
.certify-tab .tab-item::before { content:''; position:absolute; left:50%; top:0; z-index:-1; width:5.8rem; height:5.8rem; margin-left:-2.9rem; background-color:var(--el-certify-tab); border-radius:5.8rem; }
.certify-tab .tab-item::after { content:''; position:absolute; left:50%; top:4.8rem; z-index:-1; margin-left:-0.2rem; width:0.4rem; height:0.4rem; background-color:var(--brand-color2); border-radius:100%; }
.certify-tab .in { display:block; letter-spacing:-0.07rem; }
.certify-tab a { display:inline-block; padding:1.8rem 0 1.2rem; pointer-events:all; width:6.2rem; text-align:center; }
.certify-tab [class*="item-ico"]::before { display:block; width:2.4rem; height:2.4rem; margin:0 auto 2rem; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; }
.certify-tab .item-ico-bio::before { content:'\e80a'; }
.certify-tab .item-ico-simple::before { content:'\e80b'; }
.certify-tab .item-ico-hp::before { content:'\e80c'; }
.certify-tab .item-ico-kakao::before { content:'\e80d'; }
.certify-tab .item-ico-naver::before { content:'\e83b'; }
.certify-tab-cont { display:none; }
.certify-tab-cont.active { flex:1; display:flex; flex-direction:column; }
.certify-ani:not(.certify-ani-out) .certify-tab .tab-item.last [class*="item-ico"]::before,
.certify-ani:not(.certify-ani-out) .certify-tab .tab-item.last .in,
.pop-wrap:not(.certify-ani) .certify-tab .tab-item.active [class*="item-ico"]::before,
.pop-wrap:not(.certify-ani) .certify-tab .tab-item.active .in { color:var(--brand-color2); }
.popAuth.certify-ani { overflow:hidden; }

/* animation 없는 상태 style */
.pop-wrap:not(.certify-ani) .certify-tab .tab-item:not(.active)::after,
.pop-wrap:not(.certify-ani) .certify-tab .tab-item:not(.active)::before,
.pop-wrap:not(.certify-ani) .certify-intro .c-head,
.pop-wrap:not(.certify-ani) .certify-intro .certify-mes2,
.pop-wrap:not(.certify-ani) .certify-intro .certify-mes3,
.pop-wrap:not(.certify-ani) .certify-intro .cont-mes4,
.pop-wrap:not(.certify-ani) .certify-intro::after { display:none; }
.pop-wrap:not(.certify-ani) .certify-tab { margin-top:0; }
/*.pop-wrap:not(.certify-ani) .certify-tab .tab-item:not(.active),
.certify-ani-out .certify-tab .tab-item:not(.active) { opacity:.5; }*/
/* intro animation style */
.certify-ani .header > h1 { opacity:0; }
.certify-ani .btn-area-fix[data-sticky="bottom"] { position:static !important; }
.certify-ani .certify-intro { min-height:calc(100vh - var(--headHgt) - var(--spc7) - var(--safe-top)); } /* 노치대응 */
.certify-ani .certify-tab::after { content:''; position:absolute; left:50%; top:0; width:6.2rem; height:100%; margin-left:-3.1rem; background-color:var(--el-certify-tab); border-radius:3.1rem; }
.certify-ani.certify-ani-out .certify-tab .tab-item:not(.active)::before,
.certify-ani.certify-ani-out .certify-tab .tab-item:not(.active)::after,
.certify-ani:not(.certify-ani-out) .certify-tab .tab-item:not(.last)::before,
.certify-ani:not(.certify-ani-out) .certify-tab .tab-item:not(.last)::after { display:none; }
.certify-ani:not(.certify-ani-out) .certify-tab .tab-item.last::before { width:6.8rem; height:100%; margin-left:-3.4rem; }
.certify-ani:not(.certify-ani-out) .certify-tab a { padding-top:2rem; padding-bottom:2.4rem; height:12.2rem; }
.certify-ani:not(.certify-ani-out) .certify-tab [class*="item-ico"]::before { margin-bottom:3.6rem; }
.certify-ani:not(.certify-ani-out) .certify-tab::before { top:6.15rem; }
.certify-ani:not(.certify-ani-out) .certify-tab .tab-item::after { top:6rem; }
.certify-ani:not(.certify-ani-out) .header { background-image:none; background-color:transparent; transition:none; }
/* 페이지 전환시 style */
.certify-ani-out .header > h1 { opacity:1; }
.certify-ani-out .certify-intro { min-height:0; }
.certify-ani-out .certify-intro::after { height:0; }
.certify-ani-out .certify-intro .c-head { margin-top:-9.6rem; }
.certify-ani-out .certify-intro .cont-mes4 { margin-top:1.4rem; }
.certify-ani-out .certify-intro .certify-mes2 { position:absolute; animation:ani-fadeout 300ms both !important; }
.certify-ani-out .certify-intro .certify-mes3 { display:none; }
.certify-ani-out .certify-tab { margin-top:0; }
.certify-ani .btn-area-fix[data-sticky="bottom"] { bottom:-10rem; opacity:0; }
/* tab scroll down시 축소 style
.pop-wrap:not(.certify-ani) .certify-intro, .container > .certify-tab { position:sticky; top:calc(var(--safe-top) + var(--headHgt)); z-index:10; }
.pop-wrap.sc-down .container > .certify-tab, .pop-wrap.sc-down .certify-intro,
.sc-down .pop-wrap:not([data-popmodal="true"]) .container > .certify-tab,
.sc-down .pop-wrap:not([data-popmodal="true"]) .certify-intro { top:0; }
.pop-wrap.sc-down .container > .certify-tab, .pop-wrap.sc-down .certify-intro .certify-tab,
.sc-down .pop-wrap:not([data-popmodal="true"]) .container > .certify-tab,
.sc-down .pop-wrap:not([data-popmodal="true"]) .certify-intro .certify-tab { padding-top:var(--safe-top); }
.pop-wrap.sc-down .container > .certify-tab .tab-in::after, .pop-wrap.sc-down .certify-intro .certify-tab .tab-in::after,
.sc-down .pop-wrap:not([data-popmodal="true"]) .container > .certify-tab .tab-in::after,
.sc-down .pop-wrap:not([data-popmodal="true"]) .certify-intro .certify-tab .tab-in::after { top:calc(var(--safe-top) * -1); height:calc(100% + var(--safe-top)); }
.pop-wrap:not(.certify-ani) .ui-sticky .certify-tab [class*="item-ico"]::before { margin-top:-1.4rem; margin-bottom:var(--spc14-m); }
.pop-wrap:not(.certify-ani) .ui-sticky .certify-tab::before { top:calc(var(--safe-top) + 3.75rem); }
.pop-wrap:not(.certify-ani) .ui-sticky .certify-tab .tab-item::before { top:3.2rem; width:1.2rem; height:1.2rem; margin-left:-0.6rem; }
.pop-wrap:not(.certify-ani) .ui-sticky .certify-tab .tab-item::after { top:3.6rem; }
.pop-wrap:not(.certify-ani) .ui-sticky .certify-tab .in { opacity:0; } */
/* transition effect */
.pop-wrap:not(.certify-ani) .certify-intro, .container > .certify-tab { transition:top 0.3s; }
.certify-intro::after { transition:height 0.3s linear; }
.certify-tab::before,
.certify-tab .in,
.certify-tab .tab-item::before,
.certify-tab .tab-item::after,
.certify-tab [class*="item-ico"]::before { transition:all 0.3s; }
.certify-ani-out .header > h1,
.certify-ani .certify-intro,
.certify-ani .certify-tab,
.certify-ani .certify-tab [class*="item-ico"]::before,
.certify-ani .certify-tab::before,
.certify-ani .certify-tab .tab-item::after,
.certify-ani .header { transition:all 0.8s; }
.certify-ani .certify-tab .tab-item::before { transition:left 0.8s, width 0.8s, height 0.8s, margin 0.8s; }
.certify-ani .certify-tab a { transition:padding 0.8s, height 0.8s; }
.certify-ani .certify-intro .c-head, .certify-ani .certify-intro .cont-mes4 { transition:margin 0.8s; }
.certify-tab-cont .btn-area-fix[data-sticky="bottom"] { transition:bottom 0.5s ease, opacity 0.3s; }
/* animation effect */
.certify-ani .certify-intro .c-head, .certify-ani .certify-intro .cont-mes4 { --y:-30vh; animation:ani-y 850ms; animation-timing-function:cubic-bezier(.3,.73,.45,1.07); animation-fill-mode:both; }
.certify-ani .certify-tab [class*="item-ico"]::before { --y:-30vh; animation:ani-fadein 100ms, ani-y 550ms; animation-fill-mode:both; }
.certify-ani .certify-tab .in { --y:30vh; animation:ani-fadein 100ms, ani-y 550ms; animation-timing-function:linear, cubic-bezier(.3,.73,.45,1.07); animation-fill-mode:both; }
.certify-ani .certify-tab .tab-item:nth-child(1) .in, .certify-ani .certify-tab .tab-item:nth-child(1) [class*="item-ico"]::before { animation-delay:150ms; animation-timing-function:linear, cubic-bezier(.3,.73,.12,1.07); }
.certify-ani .certify-tab .tab-item:nth-child(2) .in, .certify-ani .certify-tab .tab-item:nth-child(2) [class*="item-ico"]::before { animation-delay:200ms; animation-timing-function:linear, cubic-bezier(.3,.73,.12,1.11); }
.certify-ani .certify-tab .tab-item:nth-child(3) .in, .certify-ani .certify-tab .tab-item:nth-child(3) [class*="item-ico"]::before { animation-delay:250ms; animation-timing-function:linear, cubic-bezier(.3,.73,.12,1.15); }
.certify-ani .certify-tab .tab-item:nth-child(4) .in, .certify-ani .certify-tab .tab-item:nth-child(4) [class*="item-ico"]::before { animation-delay:300ms; animation-timing-function:linear, cubic-bezier(.3,.73,.12,1.19); }
.certify-ani .certify-tab .tab-item:nth-child(5) .in, .certify-ani .certify-tab .tab-item:nth-child(5) [class*="item-ico"]::before { animation-delay:350ms; animation-timing-function:linear, cubic-bezier(.3,.73,.12,1.23); }
.certify-ani .certify-intro .certify-mes2 { --y:40vh; animation:ani-fadein 100ms; animation-timing-function:linear, cubic-bezier(.3,.73,.02,1.08); animation-fill-mode:both; animation-delay:1500ms; }
.certify-ani .certify-intro .certify-mes2 strong { color:var(--brand-color2); }
.certify-ani .certify-intro .certify-mes3 { --y:40vh; animation:ani-fadein 100ms, ani-y 650ms; animation-timing-function:linear, cubic-bezier(.3,.73,.02,1.08); animation-fill-mode:both; animation-delay:950ms; }
.certify-ani .certify-tab .tab-item.last::before { animation:ani-tab-on2 650ms; animation-delay:900ms; animation-timing-function:cubic-bezier(.3,.73,.12,1.08); animation-fill-mode:both; }
.certify-ani .certify-tab::after { animation:ani-fadein 100ms, ani-tab-box 650ms; animation-timing-function:linear, ease; animation-fill-mode:both; }
@keyframes ani-y { from { transform:translateY(var(--y)); } to { transform:translateY(0); } }
@keyframes ani-fadein { from { opacity:0; } }
@keyframes ani-fadeout { from { opacity:1; } to { opacity:0; } }
@keyframes ani-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes ani-tab-box { from { transform:scale(6); } to { transform:scale(0); } }
@keyframes ani-tab-on2 { from { transform:scale(0); } to { transform:scale(1); } }

/********** 로그인/본인인증 **********/
.svg-network { width:25.6rem; height:17.2rem; background-color:#3cfe6b; -webkit-mask:url("../../img/b/com/ico-sec-network.svg") no-repeat center; mask:url("../../img/b/com/ico-sec-network.svg") no-repeat center; margin:2.2rem auto 0; border-bottom:solid 1px var(--colorW08); padding-bottom:3.2rem; }
.deco-box { display:flex; flex-direction:column; width:16rem; height:11rem; text-align:center; background:var(--brand-color2); border-radius:var(--bdrRds4); margin:var(--spc12) auto 0; }
.deco-box .deco { display:block; margin:0 auto; color:var(--brand-font2); }
.deco-box .txt { font-family:var(--fontF); font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:1.4rem; text-transform:uppercase; color:var(--brand-font2); }
.deco-box.ty2 { display:block; height:auto; padding:0 0 0.6rem; white-space:nowrap; text-transform:uppercase; font-weight:var(--fontWg1); background:linear-gradient(to right, #7d4fcf, #7d4fcf 16.6%, #e129a3 16.6%, #e129a3 33.33%, #394def 33.33%, #394def 50%, #fee90f 50%, #fee90f 66.66%, #f96714 66.66%, #f96714 83.33%, #7feab8 83.33%); background-position:left bottom; background-repeat:no-repeat; background-size:100% 0.4rem; border-radius:0; }
.deco-box.ty2, .deco-box.ty2 ~ .cont-mes { width:calc(100% - 3.2rem); max-width:28rem; margin-left:auto; margin-right:auto; }
.deco-box.ty2 .name { display:block; }
.deco-box.ty2 .name .logo2 { height:1.2rem; }
.deco-box.ty2 .deco { position:absolute; margin:var(--spc1) 0 0 3rem; padding:0 1.2rem; font-size:var(--fontSz1); line-height:1.8rem; color:var(--brand-font1); background-color:#2b1875; border:1px solid var(--brand-font1); border-radius:1rem; }
.deco-box.ty2 .txt { font-family:var(--fontF); font-size:5.8rem; line-height:7.4rem; color:var(--brand-font1); }
.deco-box.ty2 .deco.point { border-color:var(--brand-color2); }
.deco-box.ty2 .point { color:var(--brand-color2); }

.deco-box .svg-pw { width:10.1rem; height:4.2rem; background-color:var(--brand-font2); -webkit-mask:url("../../img/b/com/ico-sec-pw.svg") no-repeat center; mask:url("../../img/b/com/ico-sec-pw.svg") no-repeat center; margin:2.8rem auto 1.4rem; }
.deco-box .svg-bio { width:9.4rem; height:5.8rem; background-color:var(--brand-font2); -webkit-mask:url("../../img/b/com/ico-sec-bio.svg") no-repeat center; mask:url("../../img/b/com/ico-sec-bio.svg") no-repeat center; margin:1.7rem auto var(--spc14); }
.deco-box .svg-bio2 { width:9.4rem; height:5.8rem; background-color:var(--brand-font2); -webkit-mask:url("../../img/b/com/ico-sec-bio-2.svg") no-repeat center; mask:url("../../img/b/com/ico-sec-bio-2.svg") no-repeat center; margin:1.4rem auto 1.2rem; }
.deco-box .svg-bio3 { width:9.4rem; height:5.8rem; background-color:var(--brand-font2); -webkit-mask:url("../../img/b/com/ico-sec-bio-3.svg") no-repeat center; mask:url("../../img/b/com/ico-sec-bio-3.svg") no-repeat center; margin:1.4rem auto 1.2rem; }
.deco-box .svg-kakaopay { position:relative; width:5.6rem; height:5.6rem; border-radius:1.6rem; background-color:var(--el-deco-ico2); margin:1.8rem auto 1.1rem; }
.deco-box .svg-kakaopay::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url("../../img/b/com/kakaotalk.png") no-repeat center; background-size: 4rem; } 
.deco-box .svg-naver { width:10.1rem; height:4.2rem; background-color:var(--brand-font2); -webkit-mask:url("../../img/b/com/ico-sec-naver.svg") no-repeat center; mask:url("../../img/b/com/ico-sec-naver.svg") no-repeat center; margin:2.8rem auto 1.4rem; }
.deco-box .svg-colins { width:10.1rem; height:4.2rem; background-image:url("../../img/b/com/ico-sec-colins.svg"); margin:3.2rem auto 1.2rem; }
.deco-box .svg-colins + .txt { font-size:var(--fontSz5); color:var(--colorB); }
.deco-box .radar { width:5.4rem; height:5.5rem; background:url("../../img/b/com/ico-radar.png") no-repeat center; background-size:5.4rem; margin:1.4rem auto 0; }

.btn-icon-go:after { content:""; position:absolute; top:50%; right:2.6rem; margin-top:-0.5rem; width:0.9rem; height:0.9rem; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(135deg); }

/* 본인인증 아이콘 (테스트용)
.svg-network { background:url("../../img/b/com/ico-sec-network.svg") no-repeat center; -webkit-mask:none; mask:none; }
.deco-box .svg-pw { background:url("../../img/b/com/ico-sec-pw.svg") no-repeat center; -webkit-mask:none; mask:none; }
.deco-box .svg-naver { background:url("../../img/b/com/ico-sec-naver.svg") no-repeat center; -webkit-mask:none; mask:none; }
.deco-box .svg-bio { background:url("../../img/b/com/ico-sec-bio.svg") no-repeat center; -webkit-mask:none; mask:none; }
.deco-box .svg-bio2 { background:url("../../img/b/com/ico-sec-bio-2.svg") no-repeat center; -webkit-mask:none; mask:none; }
.deco-box .svg-bio3 { background:url("../../img/b/com/ico-sec-bio-3.svg") no-repeat center; -webkit-mask:none; mask:none; }
 */
 
.fm-pass-wrap { display:flex; position:relative; margin:4.4rem auto 0; justify-content:center; }
.fm-pass-wrap > input { width:1.7rem; height:1.7rem; z-index:2; border:none; outline:none; caret-color:transparent; color:transparent; border-radius:100%; background-color:var(--fm-pw-default-color); margin:0 var(--spc14); }
.fm-pass-wrap input:not(:placeholder-shown) { display:block; width:1.7rem; height:1.7rem; background-color:transparent; background-image:var(--fm-pw); background-position:center center; background-repeat:no-repeat; background-size:1.8rem auto; border-radius:0; }
.fm-pass-wrap input { cursor:none; }
.fm-pass-wrap.ty2 { margin-top:7rem; }

.ins-list { margin:var(--spc3) var(--spc6-m) var(--spc7-m); }
.ins-list ul { display:flex; overflow-x:auto; white-space:nowrap; padding-right:var(--spc6); padding-left:var(--spc6); padding-bottom:var(--spc7); }
.ins-list ul li { flex-shrink:0; width:20rem; border-radius:var(--bdrRds5); box-shadow:1.2rem 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.32); overflow:hidden; line-height:0; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); }
.ins-list ul li + li { margin-left:1.6rem; }
.ins-list ul li a { display:block; position:relative; height:100%; position:relative; }
.ins-list ul li dl { position:absolute; left:1.6rem; bottom:2.4rem; }
.ins-list ul li dt { font-size:var(--fontSz1); line-height:1.4rem; }
.ins-list ul li dd { font-size:var(--fontSz4); font-weight:var(--fontWg1); line-height:2.0rem; margin-top:var(--spc1); }
.ins-list ul li { color:var(--brand-color2); }
.app-img { width:10.0rem; height:10.0rem; margin:var(--spc4) auto var(--spc4); }
.app-img img { height:100%; }

/********** 결제 **********/
.list-slide2 { --itemW:calc(100vw - 6.4rem); }
.list-sortable1 { --itemW:calc(100vw - 6.4rem); margin:1.6rem auto var(--spc2-m); }

.wrap-slider-list2 { margin:0 var(--spc6-m); padding:0 2.6rem; }
.cont-mes3 + .wrap-slider-list2, .cont-mes3 + div > .wrap-slider-list2:first-child { margin-top:var(--spc4); }
.c-head + .wrap-slider-list2, .c-head + div > .wrap-slider-list2:first-child { margin-top:var(--spc8); }
.c-head2 + .wrap-slider-list2, .c-head2 + div > .wrap-slider-list2:first-child { margin-top:var(--spc4); }
.list-slide2 li { position:relative; margin:0 0.6rem; }
.list-slide2 li:only-child { margin:0 auto; }
.pay-item { position:relative; display:block; width:var(--itemW); height:calc(var(--itemW) * 0.581081); box-shadow:12px 12px 20px 0 rgba(0, 0, 0, 0.2); background:var(--bank-color1); border:solid 1px rgba(255, 255, 255, 0.2); }
.pay-item input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.pay-item .logo { display:block; position:absolute; top:-1px; left:-1px; right:-1px; height:5.2rem; background:rgba(0,0,0,0.12); border-radius:0.8rem 0.8rem 0 0; padding:1.6rem 0 0 2.0rem; }
.pay-item .logo::before { content:''; position:absolute; top:0; left:0; right:0; height:5.2rem; }
.pay-item .logo img { height:2rem; }
.pay-item .info { position:absolute; left:2.0rem; bottom:2.2rem; }
.pay-item dt { font-size:var(--fontSz5); color:var(--colorWO5); line-height:1.8rem; }
.pay-item dd.num { font-size:var(--fontSz3); color:var(--colorW); font-weight:var(--fontWg1); line-height:2.4rem; margin-top:var(--spc1); }
.pay-item dd.num span + span { margin-left:1.2rem; }
.pay-item dd.date { font-size:var(--fontSz5); color:var(--colorW); line-height:1.8rem; color:var(--colorWO6); }
.pay-item-btn { position:relative; display:block; width:var(--itemW); height:calc(var(--itemW) * 0.581081); background:var(--brand-color5); border:dashed 1px var(--brand-font6); border-radius:var(--bdrRds2); }
.pay-item-btn::before { content:'\e82a'; display:block; width:4rem; height:4rem; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; margin:0 auto var(--spc1); padding:calc(0.8rem - 1px); border:1px solid var(--brand-font1); opacity:0.36; border-radius:100%; text-align:center; box-sizing:border-box; }
.pay-item-btn strong { display:block; line-height:2rem; margin:1.2rem auto 0.2rem; }
.pay-item-btn span { font-size:var(--fontSz5); line-height:1.8rem; color:var(--brand-font10); }
.pay-item-in { position:absolute; top:0; bottom:0; left:0; right:0; z-index:5; }
.pay-item dd.num .masking { font-weight:var(--fontWg2); display:inline-block; vertical-align:middle; margin-bottom:-0.2rem; letter-spacing:0.12rem; }
.pay-item[class*="pay-bk"] { border-radius:0.8rem 0.8rem 1.6rem 1.6rem; }
.pay-item[class*="pay-bk"] ~ .pay-item-disabled { border-radius:0.8rem 0.8rem 1.6rem 1.6rem; }
.pay-item[class*="pay-bk"]::before { content:''; position:absolute; top:-1px; bottom:0.5rem; left:-1px; right:-1px; background:var(--bank-color2); border:solid 1px rgba(255, 255, 255, 0.2); border-radius:0.8rem 0.8rem 1.6rem 1.6rem; z-index:3; }
.pay-item[class*="pay-bk"]::after { content:''; position:absolute; bottom:0.2rem; left:-1px; right:-1px; height:50%; background:var(--bank-color1); border:solid 1px rgba(255, 255, 255, 0.2); border-radius:0.8rem 0.8rem 1.6rem 1.6rem; z-index:2; }
.pay-item[class*="pay-bk"] dd.num span + span { margin-left:var(--spc1); }
.pay-item[class*="pay-card"] { border-radius:var(--bdrRds2); }
.pay-item[class*="pay-card"] ~ .pay-item-disabled { border-radius:var(--bdrRds2); z-index:8; }
.pay-item[class*="pay-card"]::before { content:'\e83a'; position:absolute; top:37.5%; left:2.0rem; display:block; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; color:var(--colorB); font-weight:var(--fontWg2); opacity:0.2; }
.pay-item[class*="pay-card"] .logo { background:transparent; padding:2rem 0 0 2.0rem; }
.pay-ty-bk .pay-item-btn { border-radius:0.8rem 0.8rem 1.6rem 1.6rem; }

.pay-item-disabled { position:absolute; top:0; bottom:0; left:0; right:0; background:var(--colorBO9); display:flex; align-items:center; justify-content:center; z-index:5; }
.pay-item-disabled dl { text-align:center; }
.pay-item-disabled dt { font-size:var(--fontSz3); line-height:2.4rem; font-weight:var(--fontWg1); color:var(--brand-color10); }
.pay-item-disabled dd { font-size:var(--fontSz5); line-height:1.8rem; color:var(--colorWO5); margin-top:var(--spc1); }
.pay-item-disabled .pay-item-del { display:block; width:4.8rem; height:3.2rem; background:var(--colorW); border-radius:var(--bdrRds2); overflow:hidden; color:transparent; margin:2.2rem auto 0; }
.pay-item-disabled .pay-item-del::before { content:'\e829'; display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:3.2rem; color:var(--colorB);  }

.list-sortable1 li { position:relative; background-color:transparent; transition:opacity .3s; margin:2.4rem 0; }
.list-sortable1 .handle { position:absolute; right:0.6rem; top:0.6rem; width:3.6rem; height:3.6rem; overflow:hidden; color:transparent; z-index:6; }
.list-sortable1 .pay-item-del2 { position:absolute; right:var(--spc3); bottom:var(--spc3); width:2.4rem; height:2.4rem; overflow:hidden; color:transparent; z-index:6; }
.list-sortable1 li:first-child .pay-item { border-color:transparent; }
.list-sortable1 li:first-child .pay-item[class*="pay-bk"]::before { top:0; left:0; right:0; }
.list-sortable1 li:first-child .pay-item[class*="pay-bk"]::after { left:0; right:0; }
.list-sortable1 li:first-child .pay-item-in::before { position:absolute; content:''; top:-1px; bottom:-1px; left:-1px; right:-1px; z-index:5; border:solid 2px #fff; border-radius:0.8rem 0.8rem 1.6rem 1.6rem; }
.list-sortable1 li:first-child [class*="pay-card"] .pay-item-in::before { border-radius:var(--bdrRds2); }

.list-sortable1 .drag { opacity:0.8; } /* drag element */
.list-sortable1 .ghost { border:dashed var(--brand-font4) 1px !important; border-radius:var(--bdrRds2); }
.list-sortable1 .ghost .pay-item { opacity:0; }
.list-sortable1 .pay-item .info { position:absolute; left:2rem; bottom:2rem; }
.list-sortable1 .pay-item .pay-item-in::after { content:''; display:block; position:absolute; right:4.8rem; width:1px; top:0px; bottom:0.6rem; background:var(--colorWO2); }
.list-sortable1 .pay-item[class*="pay-card"] .pay-item-in::after { bottom:0; }

.pay-ty-bk .ghost { border-radius:0.8rem 0.8rem 1.6rem 1.6rem; }

.pay-bk1 { --bank-color1:#0c4fbb; --bank-color2:#1263ea; } /* 신한은행 */
.pay-bk2 { --bank-color1:#dfcd0d; --bank-color2:#fee90f; } /* 한국카카오은행 */
.pay-item.pay-bk2, .pay-item.pay-bk2::before, .pay-item.pay-bk2::after { border:solid 1px rgba(0, 0, 0, 0.2); }
.pay-bk2 dt { color:var(--colorBO5) !important; }
.pay-bk2 dd { color:var(--colorB) !important; }
.pay-bk2 dd.date { color:var(--colorBO6) !important; }
.pay-bk3 { --bank-color1:#bf0000; --bank-color2:#d90000; } /* 우체국 */
.pay-bk4 { --bank-color1:#0f7339; --bank-color2:#008341; } /* 농협 */
.pay-bk5 { --bank-color1:#2f2e2e; --bank-color2:#363434; } /* 대신 */
.pay-bk6 { --bank-color1:#091361; --bank-color2:#0a166e; } /* 시티 */
.pay-bk7 { --bank-color1:#c85f12; --bank-color2:#e36c14; } /* 한화 */
.pay-bk8 { --bank-color1:#381809; --bank-color2:#401b0a; } /* 한국투자 */

.list-sortable1 .pay-bk2 .pay-item-in::after { background:var(--colorBO2); }
.list-sortable1 .pay-bk2 .ico5::before, .list-sortable1 .pay-bk2 .ico6::before { color:var(--colorBO6); }

.pay-card1 { background:#0063ea; } /* 신한카드 */
.pay-card2 { background:#fee90f; } /* KB국민카드 */
.pay-card2 dd.num { color:var(--colorB); }
.pay-card2 dd.date { color:var(--colorBO6); }
.pay-card2 .ico5::before, .pay-card2 .ico6::before { color:var(--colorBO6); }
.list-sortable1 .pay-card2 .pay-item-in::after { background:var(--colorBO2); }

.pay-card3 { background:#d90000; } /* BC카드 */
.pay-card4 { background:#008341; } /* 하나카드 */
.pay-card5 { background:#363434; } /* 현대카드 */
.pay-card6 { background:#0a166e; } /* 삼성카드 */

/********** 페이징 **********/
.paging { display:flex; margin-top:var(--spc7); background:var(--el-paging-bg); border-radius:var(--bdrRds2); padding:0.6rem var(--spc1); justify-content:center; }
.paging .pag { display:inline-block; height:3.2rem; }
.paging .pag:disabled { opacity:0.2; }
.paging .num  { display:flex; }
.paging .num strong, .paging .num a { display:block; width:3.2rem; height:3.2rem; border-radius:100%; font-size:var(--fontSz5); line-height:3.2rem; margin:0 var(--spc2); text-align:center; }
.paging .num .active { background:var(--brand-color2); color:var(--brand-font2); }
.paging .ico11::before { color:var(--brand-font1); }
.paging .pag:first-child > .ico11::before { transform:rotate(-180deg); margin-top:-0.2rem; }

/********** 스캔정보 확인 **********/
.card-scan, .doc-scan, .serial-scan { margin-top:auto; display:flex; flex-direction:column; color:var(--colorW); }
.card-scan h1, .doc-scan h1, .serial-scan h1 { font-size:var(--fontSz3); font-weight:var(--fontWg1); text-align:center; }
.card-scan .card-info { width:calc(100vw - 4.8rem); aspect-ratio:1 / 0.628205; position:relative; display:flex; flex-direction:column; justify-content:center; background:rgba(255, 255, 255, 0.1); border:solid 1px rgba(255, 255, 255, 0.2); border-radius:var(--bdrRds2); margin-top:var(--spc6); padding-left:6.4rem; }
.card-scan .btn-area, .doc-scan .btn-area, .serial-scan .btn-area { text-align:center; margin-top:var(--spc8); }
.card-scan .card-info::before { content:'\e83a'; position:absolute; top:50%; margin-top:var(--spc3-m); left:2.0rem; display:block; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; color:var(--colorB); font-weight:var(--fontWg2); opacity:0.6; }
.card-scan .card-info dl + dl { margin-top:var(--spc6); }
.card-scan .card-info dt { font-size:var(--fontSz5); line-height:1.8rem; opacity:0.5; }
.card-scan .card-info dd { font-size:var(--fontSz3); line-height:2.4rem; font-weight:var(--fontWg1); margin-top:var(--spc1); }
.card-scan .card-info dd .num + .num { margin-left:var(--spc2); }
.doc-scan-img { width:calc(100vw - 4.8rem); aspect-ratio:1 / 1.282051; overflow:hidden; border-radius:var(--bdrRds2); text-align:center; margin:var(--spc6) auto 0; }
.doc-scan-img img { width:100%; height:100%; } /* 230721 수정(height추가) */
.serial-scan .serial-info { width:calc(100vw - 4.8rem); aspect-ratio:1 / 0.628205; position:relative; display:flex; flex-direction:column; justify-content:center; text-align:center; border:dashed 1px var(--brand-color2); border-radius:var(--bdrRds2); margin-top:var(--spc6); }
.serial-scan .serial-info dt { font-size:var(--fontSz4); line-height:2rem; color:var(--brand-color2); }
.serial-scan .serial-info dd { font-size:var(--fontSz2); line-height:3.2rem; margin-top:var(--spc1); }

/****************************** 02. 보험계약관리 ******************************/
.g-ins-title { font-weight:var(--fontWg1); margin-top:var(--spc8); }
.g-ins-title .ins-brand { display:block; line-height:2.0rem; }
.g-ins-title .ins-name { display:block; font-size:3.2rem; line-height:4.4rem; margin-top:var(--spc1); }
.g-ins-flag { margin-top:var(--spc2); }
.g-ins-title.ty2 { margin-top:var(--spc11); }
.g-ins-title.ty2 .ins-brand { color:var(--brand-color2); }
.g-ins-title.ty2 .ins-name { font-size:2.8rem; line-height:3.6rem; }

.list-slide5 { --itemW:calc(100vw - 4.8rem); }
.wrap-slider-list5 { margin:0 var(--spc6-m); padding:0 2.0rem; }
.list-slide5 li { margin:0 var(--spc1); }
.list-slide5 li:only-child { margin:0 auto; }
.list-slide5 div.info-data6 { width:var(--itemW); }

.timepoint { padding:4.4rem 1.4rem 0 0.2rem; font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:1.29; margin-top:var(--spc7); }
.timepoint .area { position:relative; display:block; height:8rem; text-align:center; }
.timepoint .area::before { content:''; position:absolute; left:0; right:-3.8rem; bottom:0; height:1px; background:var(--colorWO5); }
.timepoint .area::after { content:''; position:absolute; bottom:-0.2rem; left:-0.3rem; width:0.4rem; height:0.4rem; border-radius:100%; background:var(--colorW); }
.timepoint .area > span:not(.cur-point) { position:relative; display:block; width:100%; height:100%; padding-top:3rem; margin-left:auto; background:rgba(255,255,255,0.1); border-left:1px dotted rgba(255,255,255,0.1); border-right:1px dotted rgba(255,255,255,0.1); }
.timepoint .area > span:not(.cur-point)::after { content:''; position:absolute; bottom:-0.2rem; right:-0.3rem; width:0.4rem; height:0.4rem; border-radius:100%; background:var(--colorW); }
.timepoint .axis-label { position:relative; display:flex; margin-top:2.5rem; }
.timepoint .axis-label span { flex:1; text-align:center; }
.timepoint .axis-label span:first-child { text-align:left; }
.timepoint .axis-label span:last-child { text-align:right; }
.timepoint .cur-point { position:absolute; left:100%; top:0; bottom:0; z-index:2; border-right:1px dotted var(--brand-color2); }
.timepoint .cur-point::before { content:''; position:absolute; bottom:-1.4rem; right:-1.45rem; width:2.8rem; height:2.8rem; border-radius:100%; background:var(--brand-color2); opacity:0.12; }
.timepoint .cur-point::after { content:''; position:absolute; bottom:-0.6rem; right:-0.65rem; width:1.2rem; height:1.2rem; border-radius:100%; background:var(--brand-color2); }
.timepoint .cur-point .in { position:absolute; right:-1.4rem; top:-4.4rem; padding:0 1.2rem; height:2.8rem; line-height:2.7rem; white-space:nowrap; background-color:var(--brand-color2); color:var(--brand-font2); border-radius:var(--bdrRds1); box-shadow:1.2rem 1.2rem 1.6rem 0 rgba(0, 0, 0, 0.2); }
.timepoint .cur-point .in::before { content:''; position:absolute; bottom:var(--spc5-m); right:0.95rem; width:0.8rem; height:0.8rem; border-radius:100%; background:var(--brand-color2); }
.timepoint .cur-point .in::after { content:''; position:absolute; bottom:-11rem; right:-0.05rem; width:2.8rem; height:2.8rem; border-radius:100%; border:1px solid var(--brand-color2); opacity:0.12; box-sizing:border-box; }

.timepoint.ty2 .area > span:not(.cur-point) { width:61%; padding-top:2rem; margin-left:0; }
.timepoint.ty2 .cur-point { left:61%; }
.timepoint.ty2 .cur-point .in { left:0; right:auto; transform:translateX(-50%); }
.timepoint.ty2 .cur-point .in::before { right:50%; transform:translateX(50%); }
.timepoint.ty2 .cur-point .in::after { right:50%; transform:translateX(50%); }
.timepoint.ty2 .axis-label span:last-child { position:absolute; left:61%; transform:translateX(-50%); }

.timepoint.ty3 { padding-right:0; }
.timepoint.ty3 .area > span:not(.cur-point) { width:50%; padding-top:2rem; }
.timepoint.ty3 .cur-point { left:50%; }
.timepoint.ty3 .cur-point .in { right:50%; transform:translateX(50%); }
.timepoint.ty3 .cur-point .in::before { right:50%; transform:translateX(50%); }
.timepoint.ty3 .cur-point .in::after { right:50%; transform:translateX(50%); }

.cont-man-pay { background:var(--brand-color6); border-radius:var(--bdrRds2); padding:var(--spc6) var(--spc6); margin-top:var(--spc6); }
.brand-forme .cont-man-pay { background:var(--brand-color5); }
.brand-hero .cont-man-pay { background:var(--brand-color5); }
.cont-man-pay dl dt { font-size:var(--fontSz5); color:var(--brand-font1); font-weight:var(--fontWg1); line-height:1.29; }
.cont-man-pay dl dt strong { color:var(--brand-color2); }
.cont-man-pay dl .count { margin-top:var(--spc2); font-size:var(--fontSz1); color:var(--brand-font10); font-weight:var(--fontWg3); line-height:1.33; text-align:right; }
.cont-man-pay dl .count strong { margin-left:var(--spc1); color:var(--brand-color2); }
.cont-man-pay dl .cont-mes3 { margin:1.2rem var(--spc2-m) 0; min-height:1.6rem; padding:0.2rem 0 0 1.6rem; font-size:var(--fontSz1); font-weight:var(--fontWg3); line-height:1.17; }
.cont-man-pay dl .cont-mes3::before { font-size:var(--fontSz4); }
.cont-man-pay dl .cont-mes3 + .btn-area { margin-top:var(--spc5); }
.cont-man-pay .progress-chart { display:flex; flex-wrap:wrap; margin:5.4rem 0 0; height:0.8rem; border-radius:0.4rem; background:var(--colorBO4); }
.cont-man-pay .progress-chart > span { position:relative; flex:none; height:100%; border-radius:0.4rem; font-size:0; color:transparent; }
.cont-man-pay .progress-chart .ing { min-width:0.8rem; background:var(--colorW); }
.cont-man-pay .progress-chart .def + .ing { max-width:calc(100% - 2rem); }
.cont-man-pay .progress-chart .ing .num { display:none; right:-1.5rem; }
.cont-man-pay .progress-chart .ing:first-child .num { display:block; }
.cont-man-pay .progress-chart .def { order:1; max-width:calc(100% - 0.8rem); min-width:2.0rem; background:#e81616; outline:1rem solid var(--colorBO3); }
.cont-man-pay .progress-chart .def .num { right:50%; font-size:var(--fontSz1); color:var(--colorW); transform:translateX(50%); }
.cont-man-pay .progress-chart .def .num::after { color:#e81616; }
.brand-flex .cont-man-pay .progress-chart .def .num::after { color:#d61313; }
.cont-man-pay .progress-chart .def .num::before { display:none; }
.cont-man-pay .progress-chart .num { position:absolute; bottom:-0.2rem; right:-0.2rem; z-index:2; width:3.2rem; height:4.8rem; font-size:1.1rem; line-height:2.8rem; color:var(--brand-font2); font-weight:var(--fontWg1); text-align:center; }
.cont-man-pay .progress-chart .num::before { content:''; position:absolute; bottom:0; left:var(--spc14); z-index:-1; width:1.2rem; height:1.2rem; border-radius:100%; background:var(--brand-color2); box-shadow:0 0 0 0.8rem var(--colorBO3); }
.cont-man-pay .progress-chart .num::after { content:'\e847'; position:absolute; left:0; top:0; z-index:-1; font-size:3.2rem; line-height:1; font-family:var(--fontIco); font-weight:var(--fontWg2) !important; color:var(--brand-color2);  }

.tb-data-box { background:var(--brand-color5); border-radius:var(--bdrRds2); padding:0 var(--spc6) var(--spc2) var(--spc6); margin-top:var(--spc4); }
.tb-data2 small.tb-txt2 { color:var(--brand-font10); }

/****************************** 03. 보험가입 ******************************/
.agree-scroll { max-height:10rem; overflow-y:scroll; }
.agree-scroll2 { max-height:14rem; overflow-y:scroll; }
.btn-ins-view { text-align:left; line-height:1.8rem; }
.btn-ins-view::after { content:'\e841'; display:inline-block; font-family:var(--fontIco); font-size:2.2rem; line-height:1; color:var(--brand-color2); vertical-align:middle; margin:-0.2rem 0 0 0.2rem; }

/********** 이어하기 **********/
.ins-progress { --itemW:calc(100vw - 4.8rem ); margin-top:var(--spc7); }
.ins-progress { position:relative; display:block; padding-bottom:4.0rem; margin-bottom:var(--spc8-m); }
.ins-progress .in { position:relative; width:var(--itemW); height:calc(var(--itemW) * 0.596153); border-radius:15%; box-shadow:1.2rem 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.32); }
.ins-progress img { width:100%; height:100%; }
.ins-progress dl { position:absolute; top:50%; left:2.4rem; right:2.4rem; text-align:center; transform:translateY(-62%); }
.ins-progress dt { font-size:var(--fontSz5); }
.ins-progress .num { font-size:7.2rem; line-height:8.6rem; color:var(--brand-color2); font-weight:var(--fontWg1); margin-top:var(--spc2); }
.ins-progress .progress { position:absolute; bottom:2.4rem; left:2.4rem; right:2.4rem; height:8px; border-radius:var(--bdrRds1); -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px); background-color:rgba(255,255,255,0.4); }
.ins-progress .progress .bar { display:block; background:var(--brand-color2); height:100%; border-radius:var(--bdrRds1); box-shadow:0 0 1rem var(--brand-color2); }

/********** 가입완료 **********/
.ins-progress2 { background:var(--brand-color6); --el-progress:0; padding:var(--spc4) var(--spc6) var(--spc5); border-radius:var(--bdrRds2); }
.ins-progress2 dl { display:flex; justify-content:space-between; align-items:center; }
.ins-progress2 dt { font-size:var(--fontSz6); color:var(--brand-color2); line-height:2.4rem; }
.ins-progress2 dt strong { font-size:var(--fontSz6); color:var(--brand-color2); line-height:2.4rem; }
.ins-progress2 dt strong::after { content:'\e81d'; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:var(--fontSz4); color:var(--brand-color2); line-height:1; margin-left:var(--spc2); }
.ins-progress2 .num { font-size:var(--fontSz2); line-height:3.2rem; color:var(--brand-color2); font-weight:var(--fontWg1); }
.ins-progress2 .progress { height:8px; border-radius:var(--bdrRds1); -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px); background-color:rgba(255,255,255,0.5); margin-top:1.2rem; }
.ins-progress2 .progress .bar { display:block; background:var(--brand-color2); height:100%; border-radius:var(--bdrRds1); width:--el-progress; animation:el-progress-bar 1000ms 600ms ease-out both; }
.ins-progress2 .info { display:flex; justify-content:space-between; font-weight:var(--fontWg1); border-bottom:solid var(--brand-font3) 1px; margin:0 var(--spc6-m) var(--spc5); padding:var(--spc1) var(--spc6) var(--spc5) var(--spc6); }
.ins-progress2 .info strong { position:relative; }
.ins-progress2 .info strong::before { content:''; display:inline-block; width:1px; height:1.4rem; background:var(--colorW); margin:0 var(--spc4) -2px 0; }

@keyframes el-progress-bar {
	0% { width:0; }
	100% { width:var(--el-progress); }
}

/********** 전체 보험상품 **********/
.container > .category-list:first-child { margin-top:var(--spc8); }
.category-list > li + li, .category-list + .category-list { margin-top:var(--spc7); }
.category-list a { position:relative; z-index:2; display:block; aspect-ratio:1 / 1; border-radius:10%; box-shadow:1.6rem 1.6rem 3.2rem 0 rgba(0, 0, 0, 0.4); background-color:var(--brand-color7); }
.category-list a::after { content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:var(--img-url) center center no-repeat; background-size:cover; }
.category-list dl { display:flex; flex-direction:column; padding:3.2rem; height:100%; color:var(--brand-color2); }
.category-list dt { font-family:var(--fontF); font-weight:var(--fontWg5); font-size:3.2rem; line-height:4rem; text-transform:uppercase; }
.category-list dt strong { display:block; margin-bottom:-0.6rem; font-size:4rem; line-height:4.8rem; }
.category-list dd { margin-top:auto; color:#fff; font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.2rem; }
.category-list dd .cap { display:block; margin-bottom:var(--spc2); font-size:var(--fontSz5); font-weight:var(--fontWg2); line-height:1.6rem; }
.category-list dt .tip { font-family:var(--fontF2); display:inline-block; margin-top:var(--spc2); border-radius:1.1rem; padding:0 var(--spc2); height:2.2rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:2.2rem; background:var(--brand-color2); color:var(--brand-font2); vertical-align:top; }
/* .category-list [data-intro-ani] a::after { transform:scale(1.2); transition:transform 2400ms; }
.category-list [data-intro-ani].ui-ani-appear a::after { transform:scale(1); } */
.category-list [data-intro-ani] dl { opacity:0; transition:opacity 400ms 100ms linear; }
.category-list [data-intro-ani].ui-ani-appear dl { opacity:1; }
.tab4 + .category-list { margin:var(--spc4) var(--spc1-m) 0; }
.tab4 ~ .category-all-cont { margin-top:var(--spc7-m); padding-top:var(--spc7);  }
.category-all-cont { position:relative; display:flex; flex-direction:column; flex:1; padding:0 var(--spc8) var(--spc8); margin:0 var(--spc6-m) var(--spc7-m); min-height:35rem; overflow-x:hidden; }
.category-all-cont::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--img-url) bottom right no-repeat; background-size:cover; }
.category-all-cont .cat-msg { position:relative; color:var(--brand-font1); }
.category-all-cont .cat-msg .msg2 { display:block; font-size:var(--fontSz4); line-height:2rem; }
.category-all-cont .cat-msg .msg1 { display:block; font-size:2.4rem; font-weight:var(--fontWg1); line-height:3.2rem; margin-top:var(--spc2); }
.category-all-cont .cat-msg .tip { display:inline-block; margin-top:var(--spc3); border-radius:1.1rem; padding:0 var(--spc2); height:2.2rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:2.2rem; background:var(--brand-color2); color:var(--brand-font2); }
.category-all-cont .prod-msg { position:relative; margin-top:auto; color:var(--brand-color2); }
.category-all-cont .prod-msg .go { display:inline-block; margin-top:1.6rem; height:4rem; font-size:var(--fontSz4); font-weight:var(--fontWg1); color:var(--brand-font2); line-height:4rem; border-radius:2rem; background-color:var(--brand-color2); text-align:center; padding:0 1rem 0 2.8rem; }
.category-all-cont .prod-msg .go::after { content:'\e82e'; vertical-align:middle; font-family:var(--fontIco); font-weight:var(--fontWg2); font-size:var(--fontSz2); color:var(--brand-font2); line-height:1rem; margin:0 0 0 0.8rem; }
.category-list.active { animation:ani-fade-slideup 800ms both; }
.category-all-cont.active::before { animation:ani-fade-slideleft 800ms both; }
.category-all-cont.active .cat-msg { animation:ani-fade-slideright 800ms both; }
.category-all-cont.active .prod-msg { animation:ani-fade-slideright 800ms 200ms both; }
body.brand-multiple { --brand-color1:#051b52; background-color:var(--brand-color1); }
body.brand-multiple #wrap { background:var(--brand-color1); }
body.brand-multiple #wrap:before { display:none; }
body.brand-multiple .header { background:var(--brand-color1); }

body.brand-multiple .pop-allmenu.pop-wrap article { background:none; }
body.brand-multiple .pop-allmenu.pop-wrap article:before { background:var(--brand-color1); }
body.brand-multiple .pop-allmenu.pop-wrap header { background:var(--brand-color1) !important; }
body.brand-multiple .nav-wrap .sub-wrap::after { background-color:var(--brand-color1); }

/********** 우리집 **********/
div.chk-chart-wrap { position:relative; z-index:2; display:flex; min-height:4rem; text-align:center; }
div.chk-chart-wrap .pos { position:absolute; left:0; top:0; right:0; line-height:4rem; height:4rem; font-size:var(--fontSz5); color:var(--colorB); font-weight:var(--fontWg1); border-radius:var(--bdrRds2); pointer-events:none; overflow:hidden; }
div.chk-chart-wrap .pos::before { content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:var(--colorW); }
div.chk-chart-wrap .pos:empty::before { content:attr(data-placeholder); }
div.chk-chart-wrap .pos::after { content:''; position:absolute; left:0; top:0; z-index:-1; width:0; height:100%; background:var(--brand-color2); transition:width 300ms; }
div.chk-chart-wrap [data-control] { position:absolute; top:0; width:3.6rem; height:4rem; text-align:center; }
div.chk-chart-wrap [data-control]::before { display:block; margin:0 auto; }
div.chk-chart-wrap [data-control="prev"] { left:0; }
div.chk-chart-wrap [data-control="next"] { right:0; }
.fm-chk-chart:first-child { flex:0.5; text-align:left; }
.fm-chk-chart:last-of-type { flex:0.5; text-align:right; }
.fm-chk-chart { flex:1; padding-top:4.8rem; font-size:var(--fontSz1); color:var(--brand-font1); line-height:1.6rem; }
.fm-chk-chart.checked:last-of-type ~ .pos::after { width:100%; }
.col5 .fm-chk-chart.checked:nth-of-type(1) ~ .pos::after { width:25%; }
.col5 .fm-chk-chart.checked:nth-of-type(2) ~ .pos::after { width:50%; }
.col5 .fm-chk-chart.checked:nth-of-type(3) ~ .pos::after { width:75%; }
.col4 .fm-chk-chart.checked:nth-of-type(1) ~ .pos::after { width:33.33%; }
.col4 .fm-chk-chart.checked:nth-of-type(2) ~ .pos::after { width:66.66%; }
.fm-chk-chart.checked:first-of-type ~ [data-control="prev"],
.fm-chk-chart.checked:last-of-type ~ [data-control="next"] { display:none; }

div.chk-chart-wrap.disabled { pointer-events:none; }
div.chk-chart-wrap.disabled .fm-chk-lb { opacity:0.6; }
div.chk-chart-wrap.disabled .pos { color:var(--brand-font10); font-weight:var(--fontWg2); }
div.chk-chart-wrap.disabled .pos::before { background:var(--brand-color5); }
div.chk-chart-wrap.disabled .pos::after { opacity:0; }
div.chk-chart-wrap.disabled [data-control] { display:none; }


/********** 상품 메인 팝업 **********/
body.tyw, body.tyw #wrap, body.tyw #wrap:before, body.tyw #wrap > .header { background:var(--colorW); color:var(--colorB); }
body.tyw .header [class*="btn-"]::before, body.tyw .header > h1 { color:var(--colorB); }
.ins-view { 
	--view-brand-bg:#002f79; 
	--view-brand-bg2:#002f79; 
	--view-brand-bg3:var(--colorBCF20); 
	--view-brand-bgO:1; 
	--view-brand-font:var(--colorW); 
	--view-brand-font2:var(--colorW); 
	--view-brand-point:var(--color2); 
}

.ins-view.ins-view-brand { 
	--view-brand-bg:var(--brand-color1); 
	--view-brand-bg2:var(--brand-color2); 
	--view-brand-bgO:0.8; 
	--view-brand-font:var(--brand-font1); 
	--view-brand-font2:var(--brand-font2); 
}
.brand-forme .ins-view.ins-view-brand { --view-brand-bgO:0.6; }
.brand-hero .ins-view.ins-view-brand { --view-brand-bgO:0.4; }
/*
.brand-hero .insv-summary > dl:not(.long),
.brand-hero .ins-view .insv-box .box-title { --view-brand-font:var(--colorB); }
*/

.ins-view { counter-reset:title-num; margin-top:var(--spc8); font-size:var(--fontSz4); line-height:1.43; font-weight:var(--fontWg2); }
.ins-view .bold { font-weight:var(--fontWg1) !important; }
.ins-view .point-txt { color:var(--view-brand-point); }
.ins-view > .tab { position:sticky; top:var(--safe-top); z-index:10; margin-top:var(--spc8-m); background-color:var(--colorW); transition:top 0.3s; }
.sc-down .ins-view > .tab { top:var(--safe-top); }
.sc-up .ins-view > .tab { top:calc(var(--headHgt) + var(--safe-top)); }
.ins-view > .tab::before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; top:calc(var(--safe-top) * -1); z-index:-1; opacity:.95; background-color:var(--colorW); }
.ins-view .tab ul > li > a, .ins-view .tab ul > li > button { color:var(--colorBO5); }
.ins-view .tab ul > li.active > a, .ins-view .tab ul > li.active > button { color:var(--colorB); }
.ins-view .tab ul > li.active:after { background-color:var(--colorB); }
.ins-view .tab2 { position:sticky; top:var(--safe-top); z-index:10; margin:0 var(--spc6-m) var(--spc5); padding:0 var(--spc6); background-color:var(--colorW); transition:top 0.3s; }
.ins-view > .tab ~ div .tab2, .ins-view > .tab ~ .tab2 { top:calc(var(--safe-top) + 4.8rem); padding-top:var(--spc8); }
.sc-down .ins-view .tab2 { top:var(--safe-top); }
.sc-down .ins-view > .tab ~ div .tab2,
.sc-down .ins-view > .tab ~ .tab2 { top:calc(var(--safe-top) + 4.8rem); }
.sc-up .ins-view .tab2 { top:calc(var(--headHgt) + var(--safe-top)); }
.sc-up .ins-view > .tab ~ div .tab2,
.sc-up .ins-view > .tab ~ .tab2 { top:calc(var(--headHgt) + var(--safe-top) + 4.8rem); }
.ins-view > .tab2:first-child { margin-top:0; padding-top:0; }
.ins-view .insv-title2 + .tab2 { margin-top:0; }
.ins-view.ins-view-brand .tab2 ul { position:relative; margin:0; padding:0; }
.ins-view.ins-view-brand .tab2 ul::before { content:''; position:absolute; left:var(--spc4); right:var(--spc4); top:0; bottom:0; z-index:-1; background-color:#eee; }
.ins-view.ins-view-brand .tab2 ul .tab-item + .tab-item { margin-left:0; }
.ins-view .tab2 ul .tab-item a { background-color:#eee; color:var(--colorB); font-size:var(--fontSz5); font-weight:var(--fontWg2); }
.ins-view .tab2 ul .tab-item.active a { background-color:var(--view-brand-bg2) !important; color:var(--view-brand-font2) !important; font-weight:var(--fontWg1); }
.ins-view .tab2[data-scroll-tab] ul { display:flex; }
.ins-view .tab2[data-scroll-tab] ul > li { flex:auto; }
.ins-view .tab2 + .insv-box, .ins-view .tab2 ~ .insv-box.tab-cont, .ins-view .tab2 + div > .insv-box:first-child { margin-top:0; }

.ins-view:not(.ins-view-brand) .tab2 ul .tab-item a { padding-left:var(--spc6); padding-right:var(--spc6); border-radius:var(--spc5); }
.insv-summary { position:relative; margin:var(--spc5) 0.6rem; font-size:var(--fontSz4); display:flex; flex-wrap:wrap; }
.insv-summary > dl { position:relative; z-index:2; display:flex; flex-direction:column; width:50%; height:calc(50vw - 3rem); margin:0; line-height:1.25; padding:var(--spc6) 0; color:var(--view-brand-font); border-radius:25vw; text-align:center; overflow:hidden; }
.insv-summary > dl::before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; }
.insv-summary > dl.long ~ dl { margin-left:50%; }
.insv-summary dt { flex:none; font-size:var(--fontSz1); font-weight:var(--fontWg1); }
.insv-summary dd { padding:0 var(--spc2); }
.insv-summary dt::after { content:''; display:block; width:6.6rem; height:1px; margin:var(--spc1) auto 0; background-color:var(--view-brand-font); }
.insv-summary dt + dd { margin-top:auto; }
.insv-summary > dl.long dt + dd { margin-top:auto; }
.insv-summary dd:last-child { margin-bottom:auto; }
.insv-summary .small { font-size:var(--fontSz5); }
.insv-summary dd.small:last-child {  }
.insv-summary > dl.small-area { padding-bottom:var(--spc2); }
.insv-summary > dl.long { position:absolute; left:0; top:0; height:100%; padding-bottom:var(--spc6); }
.insv-summary > dl.period dd { font-size:var(--fontSz4); font-weight:var(--fontWg1); }
.insv-summary > dl.period dd + dd { margin-top:var(--spc6); }
.insv-summary > dl::before, .ins-view .insv-box .box-title::after { background-color:var(--view-brand-bg); }
.insv-summary > dl:not(.period)::before, .ins-view .insv-box .box-title::after { opacity:var(--view-brand-bgO); }
.insv-summary .num { display:inline-block; font-size:4rem; line-height:4.8rem; vertical-align:middle; }
.insv-summary .side { display:inline-block; text-align:left; min-height:4rem; vertical-align:middle; }
.insv-summary .side2 { display:block; font-size:var(--fontSz5); margin:var(--spc14) 0 -1.4rem; }
.insv-summary .full { display:block; padding:0 var(--spc2); margin-top:var(--spc4); font-weight:var(--fontWg2); }

.ins-view > .insv-title:first-child { margin-top:0; }
.ins-view .ins-view-head { padding:0 var(--spc6) var(--spc4) 0; margin:0 var(--spc6-m) var(--spc8) 0; font-size:var(--fontSz4); line-height:1.5; border-bottom:0.2rem solid var(--view-brand-bg); }
.ins-view .ins-view-head > .insv-title { margin-top:0; margin-bottom:var(--spc4); line-height:1.6; }
.ins-view .insv-title { margin:var(--spc8) 0 var(--spc5); font-size:var(--fontSz6); line-height:1.2; }
.ins-view .insv-title.num { text-indent:-3.6rem; margin-left:3.6rem; }
.ins-view .insv-title.num::before { content:counter(title-num, decimal-leading-zero) "."; counter-increment:title-num; }
.ins-view .insv-title.num::before, .ins-view .insv-title > .num { display:inline-block; width:3.6rem; text-indent:0; }
.ins-view .insv-title + .insv-title2 { margin-top:0; }
.ins-view .insv-title2 { margin:var(--spc8) 0 var(--spc4); font-size:var(--fontSz3); line-height:1.33; font-weight:var(--fontWg1); }
.ins-view.ins-view-brand .insv-title2 { margin-top:var(--spc7); }
.ins-view.ins-view-brand .insv-title2::before { content:'| '; }
.ins-view .insv-box > .insv-list { margin-top:var(--spc5-m); margin-bottom:var(--spc5-m); }
.ins-view .insv-list { padding:var(--spc1) 0; }
.ins-view .insv-list > li { position:relative; text-align:left; font-size:var(--fontSz4); font-weight:var(--fontWg1); }
.ins-view .insv-list > li:not(.tab-cont) ~ li { border-top:1px solid var(--colorBO1); }
.ins-view .insv-list .btn-ins-view { width:100%; padding:var(--spc5) var(--spc5) var(--spc5) 0; line-height:2.4rem; }
.ins-view .insv-list .btn-ins-view::after { content:'\e81d'; position:absolute; right:0; top:50%; margin-top:var(--spc2-m); font-size:var(--fontSz4); font-weight:var(--fontWg2); color:var(--colorB); }
.ins-view .insv-list .small-text.block { margin-top:var(--spc1); line-height:1.8rem; }
.ins-view .insv-list2 > li + li { margin-top:1.5rem; }
.ins-view .insv-bul + .insv-bul { margin-top:var(--spc5); }
.ins-view .insv-bul .insv-bul, .ins-view .insv-bul .insv-bul > li + li { margin-top:var(--spc1); }
.ins-view .insv-bul > li + li, .ins-view .insv-bul > dt:not(:first-child) { margin-top:var(--spc4); }
.ins-view .insv-bul.disc { font-size:var(--fontSz4); line-height:1.56; }
.ins-view .insv-bul.disc > li, .ins-view .insv-bul.disc > dt { position:relative; text-align:left; padding-left:1.8rem; }
.ins-view .insv-bul.disc > dd { padding-left:1.8rem; }
.ins-view .insv-bul.disc > li::before, .ins-view .insv-bul.disc > dt::before { content:''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:var(--colorB); border-radius:100%; }
.ins-view .insv-bul.disc > li.point-txt::before, .ins-view .insv-bul.disc > dt.point-txt::before { background-color:var(--view-brand-point); }
.ins-view .insv-bul.deci, .ins-view .insv-bul.deci2 { counter-reset:num; }
.ins-view .insv-bul.deci > li, .ins-view .insv-bul.deci2 > li, .ins-view .insv-bul.deci2 > dt { position:relative; text-align:left; padding-left:1.7rem; }
.ins-view .insv-bul.deci2 > dd { padding-left:1.7rem; }
.ins-view .insv-bul.deci > li::before { content:counter(num) ")"; counter-increment:num; position:absolute; left:0; top:0; }
.ins-view .insv-bul.deci2 > li::before, .ins-view .insv-bul.deci2 > dt::before { content:counter(num)"."; counter-increment:num; position:absolute; left:0; top:0; }
.ins-view .insv-bul > dt { font-weight:var(--fontWg1); }
.ins-view .insv-bul.star > li, .ins-view .insv-bul.star > dt { position:relative; text-align:left; padding-left:1.6rem; font-size:var(--fontSz5); }
.ins-view .insv-bul.star > dd { padding-left:1.6rem; font-size:var(--fontSz5); }
.ins-view .insv-bul.star > li::before, .ins-view .insv-bul.star > dt::before { content:"※"; position:absolute; left:0; top:-0.1rem; font-weight:var(--fontWg2); font-size:var(--fontSz5); }
.ins-view .insv-bul.hyphen > li, .ins-view .insv-bul.hyphen > dt { position:relative; text-align:left; padding-left:1.6rem; font-size:var(--fontSz5); }
.ins-view .insv-bul.hyphen > dd { padding-left:1.6rem; font-size:var(--fontSz5); }
.ins-view .insv-bul.hyphen > li::before, .ins-view .insv-bul.hyphen > dt::before { content:"-"; position:absolute; left:0; top:-0.1rem; font-weight:var(--fontWg2); font-size:var(--fontSz5); }
.ins-view .insv-bul.circlenum > li { padding-left:1.6rem; text-indent:-1.6rem; }
.ins-view .insv-box { position:relative; z-index:2; padding:var(--spc6) var(--spc5); margin-top:var(--spc6); border-radius:var(--bdrRds2); overflow:hidden; }
.ins-view .insv-box::before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background-color:#f8f8f8; }
.ins-view .insv-box .box-title { position:relative; z-index:2; color:var(--view-brand-font); text-align:center; font-weight:var(--fontWg2); line-height:1.29; }
.ins-view .insv-box .box-title::after { content:''; position:absolute; left:var(--spc5-m); right:var(--spc5-m); margin-top:-40rem; z-index:-1; height:40rem; }
.ins-view .insv-box .box-title2 { position:relative; color:var(--view-brand-font); text-align:center; font-weight:var(--fontWg2); line-height:1.29; }
.ins-view .insv-box .box-title2::after { content:''; position:absolute; left:var(--spc5-m); right:var(--spc5-m); top:0; bottom:0; z-index:-1; background:var(--view-brand-bg3); opacity:var(--view-brand-bgO); }
.ins-view .insv-box .box-title2 td { padding-top:1.2rem; padding-bottom:1.2rem; font-weight:var(--fontWg1); }
/* 담보 상세 23.01.11 */
.ins-view:not(.ins-view-brand) .insv-bul .insv-box { margin-top:var(--spc2); }
.ins-view:not(.ins-view-brand) .insv-bul.disc > li .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.disc > dt .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.disc > dd .insv-box { margin-left:-1.8rem; }
.ins-view:not(.ins-view-brand) .insv-bul.deci > li .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.deci2 > li .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.deci2 > dt .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.deci2 > dd .insv-box { margin-left:-1.7rem; }
.ins-view:not(.ins-view-brand) .insv-bul.star > li .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.star > dt .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.star > dd .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.hyphen > li .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.hyphen > dt .insv-box,
.ins-view:not(.ins-view-brand) .insv-bul.hyphen > dd .insv-box { margin-left:var(--spc4-m); }
.ins-view:not(.ins-view-brand) .insv-box thead th { padding-left:0; padding-right:0; }
.ins-view .int-star { display:inline-block; padding-left:var(--spc14); }
.ins-view .int-star::before { content:'*'; display:inline-block; width:1rem; margin-left:var(--spc14-m); }
.insv-infogh .x-axis.pb.absol_dot { left:50%; transform:translateX(-45%); font-weight:var(--fontWg3); }
/* 미니암 */
.insv-infogh.mini .inner { align-items:flex-end; }
.insv-infogh.mini .in-top .active::after, 
.insv-infogh.mini .in-top .active2::after { top:0; }
.insv-infogh.mini .x-axis.tc { transform:translateX(0%); text-align:left; }
.insv-infogh.mini .x-axis.tc .pos-cur { left:0; }
.insv-infogh.mini .x-axis.mid::before{ content:''; position:absolute; left:0rem; bottom:-0.6rem; width:0.4rem; height:1.7rem; border-left:1px dotted; border-left-color:#002f79; }
.insv-infogh.mini .in-top .val { padding-top:0.2rem; }
.insv-infogh.mini .in-top .w0 .val{ padding-top:1.98rem; }
.insv-infogh.mini .x-axis.pt .pos-cur { top:100%; margin-top:4.1rem; }
.insv-infogh.mini .in-top .active2 {flex:1.3; height:4rem; }
.insv-infogh.mini .x-axis.pt.pl.tc { color:#002f79; top:-8rem; }
.insv-infogh.mini .x-axis.pt.pl.tc.mid { left:50%; color:#002f79; top:-6rem; }
.insv-infogh.mini .in-top .w2 { flex:2; }
.insv-infogh.mini .in-top .w2 .x-axis.pb.pl.tc { transform:translateX(-2.2rem); }
.insv-infogh.mini .in-top .val { padding-top:0.1rem; }
.insv-infogh.mini .area.w2.active .x-axis.pt.pl.tc { color:#002f79; top:var(--spc8-m); }
/* 의료진 */
.insv-infogh.mini.hero .x-axis.pb.pr.midd { right:calc(50% - 15px); }
.insv-infogh.mini.hero.add .x-axis.pb.pr.midd { right:50%; transform:translateX(60%); }
.insv-infogh.mini.hero .inner_line { position:absolute; left:51%; bottom:-0.16rem; border:1px dotted rgba(0,0,0,.5); height:1.3rem; border:1px dotted rgba(0,0,0,.5); border-right-color:#002f79; }
.insv-infogh.mini.hero .inner_line::after { content:''; position:absolute; right:-0.2rem; bottom:-0.25rem; width:0.4rem; height:0.4rem; border-radius:100%; background:#002f79; }
.insv-infogh.mini.hero .x-axis.pt .pos-cur { margin-top:8.1rem; }
.insv-infogh.mini.hero .x-axis.pt .pos-cur.add{ margin-top:4.1rem; }
.insv-infogh.mini.hero .in-top .w0 .val { padding-top:0; }
/* 직장인 */
.insv-infogh.office .area.active { flex:1.5; }
/* 베이비 */
.bull-inneritem { display:inline-block; position:relative; padding-left:1.6rem; }
.bull-inneritem::after { content:""; position:absolute; left:0.4rem; top:0.1rem; width:0.6rem; height:0.9rem; border-left:1px solid #838383; border-bottom:1px solid #bbb; }

.ins-view .insv-box thead.box-title th { padding-top:1.2rem; padding-bottom:1.2rem; font-weight:var(--fontWg1); }
.ins-view .insv-box > .box-title { padding:1.2rem var(--spc6); font-weight:var(--fontWg1); line-height:1.29; margin:var(--spc6-m) var(--spc6-m) var(--spc6) var(--spc6-m); }
.ins-view .insv-box > .box-title::after { left:0; right:0; }
.ins-view .insv-box table:first-child { margin-top:var(--spc6-m); }
.ins-view .insv-box table:last-child { margin-bottom:var(--spc6-m); }
.ins-view .insv-box tbody tr:first-child td, .ins-view .insv-box tbody tr:first-child th { border-top-width:0; }
.ins-view .insv-box .box-title ~ tbody tr:first-child:not(.box-title2) td, .ins-view .insv-box .box-title ~ tbody tr:first-child:not(.box-title2) th { padding-top:var(--spc6); }
.ins-view .insv-box tbody tr:last-child td, .ins-view .insv-box tbody tr:last-child th { padding-bottom:var(--spc6); }
.ins-view .insv-box tbody td, .ins-view .insv-box tbody th { border-top:1px solid rgba(0,0,0,0.12); line-height:2.4rem; }
.ins-view .insv-box tbody td .prgh { display:block; line-height:1.8rem; }
.ins-view .insv-box tbody td .prgh + .prgh { margin-top:var(--spc3) }
.ins-view .insv-box tbody .box-title2 + tr td, .ins-view .insv-box tbody .box-title2 + tr th { border-top:none; }
.ins-view .insv-box thead:not(.box-title) th { opacity:0.5; }
.ins-view .insv-box table:first-child thead:not(.box-title) th { padding-top:var(--spc6); padding-bottom:0rem; }
.ins-view .insv-box table:first-child thead:not(.box-title) + tbody tr:first-child td { padding-top:1.4rem; }
.ins-view .insv-box th, .ins-view .insv-box td { padding:var(--spc5) var(--spc1); line-height:1.8rem; }
.ins-view .insv-box td { text-align:center; }
.ins-view .insv-box td.al:first-child, .ins-view .insv-box th.al:first-child { padding-left:0; }
.ins-view .insv-box td.ar:last-child, .ins-view .insv-box th.ar:last-child { padding-right:0; }
.ins-view .insv-title + .insv-box, .ins-view .insv-title2 + .insv-box { margin-top:0; }
.ins-view .insv-title2.cmgt, .ins-view .insv-txt + .insv-bul { margin-top:var(--spc4); }
.ins-view .insv-bul + .insv-box { margin-top:var(--spc3); }
.ins-view .insv-box + .insv-bul, .ins-view .tab-cont + .insv-bul:not(.tab-cont) { margin-top:var(--spc5); }
.ins-view > .insv-box:first-child { margin-top:var(--spc2-m);  }

.ins-view table { font-size:var(--fontSz5); }
.ins-view th, .ins-view td { font-size:inherit; }
.ins-view .small-text { font-size:var(--fontSz5); font-weight:var(--fontWg2); }
.ins-view table .small-text { font-size:var(--fontSz1); }
.ins-view .small-text.block { display:block; }
.insv-box.insv-infogh { padding:var(--spc7) var(--spc5); }
.insv-infogh .inner { display:flex; }
.insv-infogh .inner.in-top { padding-top:3.9rem; } /* 상단라벨 */
.insv-infogh .inner.in-btm1 { padding-bottom:4.1rem; } /* 하단라벨한줄 */
.insv-infogh .inner.in-btm2 { padding-bottom:5.7rem; } /* 하단라벨두줄 */
.insv-infogh .inner.in-hor { padding-left:2rem; padding-right:2rem; } /* 좌/우 여백 */
.insv-infogh .area { flex:1; position:relative; height:8rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:1.6rem; border:1px dotted rgba(0,0,0,.5); border-top-width:0; border-bottom-style:solid; }
.insv-infogh .area.w2 { flex:2; }
.insv-infogh .area.w0 { flex:0.65; }
.insv-infogh .area + .area { margin-left:-1px; }
.insv-infogh .area.active, .insv-infogh .area.active2 { z-index:1; border-left-color:#002f79; border-right-color:#002f79; }
.insv-infogh .area::after { content:''; position:absolute; left:-0.25rem; bottom:-0.25rem; width:0.4rem; height:0.4rem; border-radius:100%; background:var(--colorB); }
.insv-infogh .area::before { content:''; position:absolute; right:-0.25rem; bottom:-0.25rem; width:0.4rem; height:0.4rem; border-radius:100%; background:var(--colorB); }
.insv-infogh .val { position:absolute; left:0; right:0; top:50%; margin-top:-0.9rem; text-align:center; }
.insv-infogh .active::before, .insv-infogh .active2::before { background:#002f79; }
.insv-infogh .active::after, .insv-infogh .active2::after { position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; border-radius:0; background:#002f79; opacity:0.25; }
.insv-infogh .active2::after { opacity:0.12; }
.insv-infogh .in-top .val { padding-top:0.9rem; }
.insv-infogh .in-top .active::after, .insv-infogh .in-top .active2::after { top:1.7rem; }
.insv-infogh .x-axis { position:absolute; white-space:nowrap; }
.insv-infogh .x-axis.pb { top:100%; margin-top:2.5rem; }
.insv-infogh .x-axis.pt { bottom:100%; margin-bottom:var(--spc2); min-height:3.2rem; }
.insv-infogh .x-axis.pl { left:-0.2rem; text-align:left; }
.insv-infogh .x-axis.pr { right:-0.2rem; text-align:right; }
.insv-infogh .x-axis.pc { left:-0.2rem; right:-0.2rem; text-align:center; z-index:-1; }
.insv-infogh .w2 .x-axis.pc::before { content:''; position:absolute; left:50%; width:0; height:1.7rem; border-left:1px dotted rgba(0,0,0,.5); }
.insv-infogh .area.active .x-axis.pc::before,
.insv-infogh .area.active2 .x-axis.pc::before { border-color:var(--colorBCB8); }
.insv-infogh .x-axis.tc { transform:translateX(-50%); text-align:center; }
.insv-infogh .x-axis.pr.tc { transform:translateX(50%); text-align:center; }
.insv-infogh .x-axis .pos-cur { position:absolute; left:0; z-index:3; margin:-0.65rem -0.45rem; width:1.2rem; height:1.2rem; border-radius:100%; background:#002f79; }
.insv-infogh .x-axis.tc .pos-cur { left:50%; }
.insv-infogh .x-axis.pb .pos-cur { top:0; margin-top:-3.1rem; }
.insv-infogh .x-axis.pt .pos-cur { top:100%; margin-top:8.1rem; }
.insv-infogh .w2 .x-axis.pt.pc::before { top:100%; margin-top:var(--spc2); }
.insv-infogh .x-axis .pos-cur::before { content:''; position:absolute; bottom:var(--spc2-m); right:var(--spc2-m); width:2.8rem; height:2.8rem; border-radius:100%; background:#002f79; opacity:0.12; }
.insv-infogh .x-axis .pos-cur::after { content:''; position:absolute; bottom:var(--spc2-m); right:var(--spc2-m); width:2.8rem; height:2.8rem; border-radius:100%; border:1px solid #002f79; opacity:0.16; box-sizing:border-box; }
.insv-infogh .x-axis small { font-weight:var(--fontWg2); font-size:inherit; }

.banner1 { background:#179bfa; border-radius:var(--bdrRds2); margin-top:2.4rem; padding:2.0rem 1.6rem; }
.banner1 .logo { line-height:0; }
.banner1 .logo img { height:1.0rem; }
.banner1 .txt1 { font-size:var(--fontSz4); line-height:2.0rem; color:var(--colorW); margin-top:var(--spc3); }
.banner1 .txt1 strong { color:var(--colorBCA2); }
.banner1 .txt2 { display:block; margin-top:var(--spc1); }
.banner1 .txt3 { font-size:var(--fontSz1); line-height:1.6rem; color:var(--colorWO6); margin-top:var(--spc2); }

/********** 보험가입 **********/
.wrap-slider-list3 { margin:var(--spc8) var(--spc6-m) 0; }
.wrap-slider-list3 .list-slide3 .slide { padding:0 var(--spc6); }
.wrap-slider-list3 .list-slide3:not(.swiper-moving) .slide:not(.active) > .slide-cont { display:none; }
.wrap-slider-list3 .slide-control { margin:0 var(--spc6); height:4.0rem; background:var(--colorBO5); border-radius:var(--bdrRds2); overflow:hidden; }
.wrap-slider-list3.swiper-initialized { display:flex; flex-direction:column; }
.wrap-slider-list3 .slide-control { order:-1; }
.wrap-slider-list3 .pagination-bullets { position:relative; display:flex; width:100%; height:100%; margin:0; }
.wrap-slider-list3 .pagination-bullets > .custom-bullets { position:relative; flex:1; width:auto; height:100%; overflow:visible; color:#000; margin:0; font-size:var(--fontSz5); }
.wrap-slider-list3 .pagination-bullets > .custom-bullets span { position:relative; z-index:2; color:var(--colorW); }
.wrap-slider-list3 .pagination-bullets > .custom-bullets.active span { color:var(--brand-font2); font-weight:var(--fontWg1); }
.wrap-slider-list3 .pagination-bullets > .custom-bullets:before { display:none; }
.c-head2 + .wrap-slider-list3 { margin-top:var(--spc4); }
.wrap-slider-list3 .slide-cont .info-data3 + .info-data-wrap { margin-top:var(--spc8); }
.pagination-bullets > .custom-bullets:last-child:after { content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:100%; border-radius:var(--bdrRds2); background:var(--brand-color2);transition:left 0.3s; }
.pagination-bullets > .custom-bullets:nth-last-child(1):first-child,
.pagination-bullets > .custom-bullets:nth-last-child(1):first-child ~ .custom-bullets {--el-num:1}
.pagination-bullets > .custom-bullets:nth-last-child(2):first-child,
.pagination-bullets > .custom-bullets:nth-last-child(2):first-child ~ .custom-bullets {--el-num:2}
.pagination-bullets > .custom-bullets:nth-last-child(3):first-child,
.pagination-bullets > .custom-bullets:nth-last-child(3):first-child ~ .custom-bullets {--el-num:3}
.pagination-bullets > .custom-bullets.active:nth-child(1) ~ .custom-bullets:last-child:after {left:calc((var(--el-num) - 1) * ((100%) *-1))}
.pagination-bullets > .custom-bullets.active:nth-child(2) ~ .custom-bullets:last-child:after {left:calc((var(--el-num) - 2) * ((100%) *-1))}
.pagination-bullets > .custom-bullets.active:nth-child(3) ~ .custom-bullets:last-child:after {left:calc((var(--el-num) - 3) * ((100%) *-1))}

.swiper-3d .slide, .swiper-3d .slide-area { transform-style:preserve-3d; }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective:100%; }
.wrap-slider-list4 { margin:var(--spc4) var(--spc6-m) 0; }
.list-slide4 { width:100%; line-height:0; }
.list-slide4 .item { width:calc(100vw - 17.777777vw); text-align:center; }
.list-slide4 .item img { width:100%; }

.info-card { margin-top:var(--spc11); }
.info-card dt { font-size:var(--fontSz6); color:var(--brand-font10); font-weight:var(--fontWg3); }
.info-card strong { color:var(--brand-font1); margin-left:var(--spc2); }
.info-card dd { margin-top:var(--spc4); line-height:0; text-align:center; }

/********** 보험가입 메인 **********/
.villain-main .btn-prev, .crew-main .btn-prev, .forme-main .btn-prev, .fam-main .btn-prev, .flex-main .btn-prev, .hero-main .btn-prev { margin-left:1.6rem !important; }
.ins-main { overflow:hidden; }
.ins-main .point { color:var(--brand-color2) !important; }
.ins-main .ins-main-txt1 { position:relative; z-index:2; font-size:6.4rem; line-height:8.6rem; font-weight:var(--fontWg1); color:var(--colorW); margin-bottom:var(--spc1-m); }
.ins-main .ins-main-txt3 + .ins-main-txt1 { margin-top:5.2rem; }
.ins-main .ins-main-txt4 + .ins-main-txt1 { margin-top:3.2rem; }
.ins-main .ins-main-txt2 { position:relative; z-index:2; font-size:4.8rem; line-height:6rem; color:var(--colorW); }
.ins-main .ins-main-txt3 { position:relative; z-index:2; font-size:3.2rem; line-height:4.4rem; font-weight:var(--fontWg1); }
.ins-main .ins-main-txt2 + .ins-main-txt3 { margin-top:5.6rem; }
.ins-main .ins-main-txt3 + .ins-main-txt3 { margin-top:3.2rem; } 
.ins-main .ins-main-txt4 + .ins-main-txt3 { margin-top:2.4rem; }
.ins-main .ins-main-txt4 + .ins-main-txt3.ty2 { margin-top:var(--spc2); }
.ins-main .ins-main-txt4 { position:relative; z-index:2; font-size:var(--fontSz2); line-height:3.2rem; font-weight:var(--fontWg3); margin-top:5.6rem; }
.ins-main .ins-main-txt4:first-of-type { margin-top:0; }
.ins-main .ins-main-txt1 + .ins-main-txt4 { margin-top:var(--spc2); }
.ins-main .ins-main-txt4.ty2 { margin-top:2.4rem; }
.ins-main .ins-main-txt4 .thin { font-weight:var(--fontWg4); }
.ins-main .ins-main-txt5 { position:relative; z-index:2; font-size:var(--fontSz6); line-height:2.4rem; }
.ins-main .ins-main-txt6 { position:relative; z-index:2; font-size:var(--fontSz4); line-height:2.0rem; }
.ins-main .ins-main-txt7 { color:var(--brand-font2); opacity:0.4; font-size:var(--fontSz1); line-height:1.6rem; margin-top:var(--spc6); }
.ins-main .ins-main-txt7 .tit { display:block; margin-bottom:0.2rem; line-height:2.4rem; font-size:1.8rem; font-weight:normal; }
.ins-main .ins-main-txt-img1 + .ins-main-txt6 { margin-top:4rem; }
.ins-main .txt-in { display:inline-block; font-size:var(--fontSz6); font-weight:var(--fontWg3); line-height:2.4rem; color:inherit; margin-left:var(--spc1); vertical-align:top; }
.ins-main .txt-in2 { display:inline-block; font-size:4.0rem; font-weight:var(--fontWg1); line-height:4.8rem; color:inherit; margin-right:2rem; vertical-align:top; }
.ins-main .ins-main-ref { position:relative; z-index:2; font-size:var(--fontSz5); line-height:2.0rem; text-indent:-1.2rem; padding-left:1.2rem; margin-top:3.2rem; }
.ins-main .ins-main-ref:first-child { margin-top:var(--spc2); }
.ins-main .ins-main-def { position:relative; z-index:2; margin-top:3.2rem; }
.ins-main .ins-main-txt3 + .ins-main-def { margin-top:5.6rem; }
.ins-main .ins-main-txt1 + .ins-main-ref { margin-top:4rem; }
.ins-main .ins-main-txt-img1 + .ins-main-ref { margin-top:4rem; }
.ins-main .ins-main-txt-img2 + .ins-main-ref { margin-top:0.1rem; }
.ins-main .ins-main-def dl { margin-top:2.4rem; }
.ins-main .ins-main-def dt { font-size:var(--fontSz2); line-height:3.2rem; font-weight:var(--fontWg1); }
.ins-main .ins-main-def dt .small { display:block; font-size:var(--fontSz6); line-height:2.4rem; font-weight:var(--fontWg3); margin-top:var(--spc2); }
.ins-main .ins-main-def dd { margin-top:var(--spc2); }
.ins-main .ins-main-def dd.ins-main-txt5 { margin-top:0; }
.ins-main .ins-main-def2 { position:relative; z-index:2; }
.ins-main .ins-main-def2 dl { margin-top:3.2rem; }
.ins-main .ins-main-def2 dt { font-weight:var(--fontWg1); }
.ins-main .ins-main-def2 dd {font-size:var(--fontSz5);line-height:2.0rem; margin-top:var(--spc2); }
.ins-main .ins-main-tb + .ins-main-def2 { margin-top:3.2rem; }
.ins-main .ins-main-txt-img1 { position:relative; z-index:2; height:11.6rem; } /* font-size 96 높이 116 */
.ins-main .ins-main-txt-img1 .txt-in { margin:2.0rem 0 0 var(--spc1); }
.ins-main .ins-main-txt-img1 .txt-in2 { margin:1.6rem 2rem 0 0; }
.ins-main .ins-main-txt-img2 { position:relative; z-index:2; height:19.2rem; } /* font-size 160 높이 192 */
.ins-main .ins-main-txt-img2 .txt-in { margin:3.5rem 0 0 var(--spc1); }
.ins-main .ins-main-txt-img3 { position:relative; z-index:2;height:20.6rem; } /* font-size 172 높이 206 */
.ins-main .ins-main-txt-img3 .txt-in { font-size:2.8rem; line-height:3.6rem; margin:3.6rem 0 0 var(--spc1); }
.ins-main .ins-main-txt-img4 { position:relative; z-index:2; height:17rem; } /* font-size 140 높이 170 */
.ins-main .ins-main-txt-img4 .txt-in { margin:3rem 0 0 var(--spc1); line-height:2.4rem; }
.ins-main .ins-main-txt4 + .ins-main-txt-img4 { margin-top:var(--spc2); }
.ins-main .ins-main-txt-img5 { position:relative; z-index:2; height:9.6rem; } /* font-size 80 높이 96 */
.ins-main .ins-main-txt4 + .ins-main-txt-img3 { margin-top:5.2rem; }
.ins-main .ins-main-txt3 + .ins-main-txt-img1 { margin-top:var(--spc2); }
.ins-main .ins-main-txt4 + .ins-main-txt-img1 { margin-top:var(--spc2); }
.ins-main [class^="ins-main-txt-img"] img { height:100%; }
.ins-main [class*="ins-main-bg"] { position:absolute; left:var(--spc8-m); right:0; object-fit:cover; text-align:right; }
.ins-main [class*="ins-main-bg"] img { height:100%; }
.ins-main .ins-main-bg { height:35rem; bottom:var(--spc2); }
.ins-main .ins-main-txt1 .txt-in { color:inherit; font-weight:var(--fontWg2); margin-top:1.2rem; }
.ins-main [class^="section"] { position:relative; }
.ins-main [class^="section"] + [class^="section"] { margin-top:3.2rem; padding-top:3.2rem; border-top:solid 1px var(--colorWO16); }
.ins-main .ins-main-section2 [class^="section"] + [class^="section"] { border-top-color:var(--colorWO16); }
.ins-main .ins-main-section1 .section2 { margin-top:0; padding-top:6.4rem; border-top:none; }
.ins-main-section1 { overflow:hidden; margin:0 var(--spc6-m) 0; padding:0 0 9.6rem 4.0rem; }
.ins-main-section1 .section1 { position:relative; height:36.6rem; margin:2.0rem 0 0; }
.ins-main-section1 .section1::after { content:''; position:absolute; display:block; left:0; bottom:0; right:0; height:0.8rem; background:var(--brand-color2); border-radius:0.8rem 0 0 0.8rem; }

/* 피버 */
.ins-main-section1 .section1::after { box-shadow:0 0 1rem var(--brand-color2); }
.ins-main-section1 .ins-main-title strong { text-shadow:0 0 1rem var(--brand-color2); }
.main-list a { background:none !important; }
.main-list a::before { border-color:transparent !important; }
.ins-300 .ins-main-bg img { width:100%; object-fit:cover; }
.category-list a::before { border-color:transparent !important; }

.ins-main-section1 .ins-main-title { position:relative; font-family:var(--fontF); font-size:6.0rem; color:var(--brand-color2); line-height:4.8rem; font-weight:var(--fontWg4); }
.ins-main-section1 .ins-main-title strong { display:block; font-size:7.2rem; line-height:8.2rem; font-weight:var(--fontWg1); }
.ins-main-section1 .ins-main-title .name { display:block; font-size:4.0rem; line-height:4rem; margin:-0.8rem 0 8.4rem; }
.ins-main-section1 .ins-main-title .name.small { }
.ins-main-section1 .ins-main-info { position:relative; color:var(--brand-color2); margin-top:6.8rem; }
.ins-main-section1 .ins-main-info dt { font-size:var(--fontSz5); line-height:2.0rem; margin-top:var(--spc2); }
.ins-main-section1 .ins-main-info dd { font-size:var(--fontSz2); line-height:3.0rem; font-weight:var(--fontWg1); margin-top:var(--spc2); }
.ins-main-section1 .ins-main-ref { color:var(--brand-font10);  }
.ins-main-section1 .section2 { position:relative; padding:6.4rem 0 0 0; }
.ins-main-section2 .ins-main-ref { color:var(--colorWO5); }
.ins-main-section2 { position:relative; background:var(--colorB); margin:0 var(--spc6-m) 0; padding:9.6rem 0 9.6rem 4.0rem; color:var(--colorW); }
.ins-main-section2:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../../img/b/ins/ins-sec-gradient-star.png") no-repeat center 0; background-size:100% auto; }
.ins-main-section2 .ins-main-txt4 { color:var(--colorW); }
.ins-main-section2 [class^="section"]:first-child { padding-top:0; }
.ins-main-section3 { background:var(--brand-color2); margin:0 var(--spc6-m) var(--spc7-m); padding:6.4rem 0 13.6rem 4.0rem; }

.ins-main-link li { font-size:var(--fontSz6); line-height:2.4rem; color:var(--brand-font2); }
.ins-main-link a, .ins-main-link button { position:relative; width:100%; border-bottom:solid 1px var(--colorBO16); display:block; font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:2.4rem; padding:3.2rem 6.4rem 3.2rem 0; text-align:left; }
.ins-main-link .link::after, .ins-main-link .download::after, .ins-main-link .togg-btn::after { content:'\e82e'; position:absolute; right:2.0rem; top:50%; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz2); height:2.4rem; color:var(--brand-font2); line-height:1; margin-top:var(--spc3-m); opacity:0.5; }
.ins-main-link .download::after { content:'\e82c'; }
.ins-main-link .togg-btn::after { transform:rotate(90deg); }
.ins-main-link .togg-cont li:last-child button, .ins-main-link .togg-cont li:last-child a { border-bottom:none; }
.ins-main-link .item.active .togg-btn::after { transform:rotate(270deg); }
.ins-main-link .item.active .togg-btn { border-bottom:none; }
.ins-main-link .item .togg-cont { position:relative; margin-left:var(--spc8-m); background:rgba(0,0,0,0.04); padding-left:4rem; }
.ins-main-link .item .togg-cont a, .ins-main-link .item .togg-cont button { font-size:var(--fontSz3); padding-left:3.6rem; }

.brand-fam .ins-main-link a, .brand-fam .ins-main-link button,
.brand-hero .ins-main-link a, .brand-hero .ins-main-link button { border-color:var(--colorWO16); }

.ins-main-tb { position:relative; padding:2.0rem 4.0rem 0 0; }
.ins-main-tb::before { content:''; position:absolute; left:0; right:0; display:block; height:3.4rem; background:var(--colorBO24); }
.ins-main-tb td { padding:1.6rem 0; border-bottom:solid 1px var(--colorWO08); font-size:var(--fontSz5); line-height:1.8rem; text-align:center; }
.ins-main-tb th { position:relative; z-index:2; color:var(--colorW); padding:var(--spc2) 0; font-size:var(--fontSz5); line-height:1.8rem; text-align:center; }
.ins-main-tb th::before { content:''; position:absolute; left:0; top:50%; margin-top:-0.6rem; display:block; width:1px; height:1.2rem; background:var(--colorWO5); }
.ins-main-tb th:first-child::before { display:none; }

.ins-main-esg { display:flex; position:relative; background:var(--colorW); border-radius:var(--bdrRds4); padding:2.4rem 2rem 2.4rem 2.4rem; font-size:var(--fontSz5); line-height:2rem; color:var(--colorB); align-items:center; margin:4rem 2.4rem 0 var(--spc4-m); z-index:1; }
.ins-main-esg img { width:6rem; margin-right:1.3rem; }

.villain-main .ins-main-link a, .villain-main .ins-main-link button, .flex-main .ins-main-link a, .flex-main .ins-main-link button, .crew-main .ins-main-link a, .crew-main .ins-main-link button { border-bottom-color:var(--colorBO08); }
.villain-main .ins-main-link a::after, .flex-main .ins-main-link a::after,
.villain-main .ins-main-link button::after, .flex-main .ins-main-link button::after { opacity:0.32; }

/********** 미니암보험 **********/
.ins-101 .section2-1 { display:flex; justify-content:space-between; padding-right:2.4rem; margin:3.2rem 0 3.2rem; }
.ins-101 .ins-main-list { flex:auto; max-width:50%; font-size:var(--fontSz5); line-height:1.8rem; padding-right:2.4rem; }
.ins-101 .ins-main-list li + li { margin-top:var(--spc1); }
.ins-101 .ins-main-list li { position:relative; display:flex; justify-content:space-between; padding-left:1.2rem; font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg1); }
.ins-101 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:0.7rem; left:0; width:0.4rem; height:0.4rem; background-color:var(--brand-font1); border-radius:100%; }
.ins-101 .ins-main-chart { width:16.8rem; height:16.8rem; }
.ins-101 .ins-main-chart img { width:100%; }

/********** 운전자보험 **********/
.ins-102 .ins-main-graph { margin-top:3.2rem; }
.ins-102 .ins-main-graph dl { display:flex; }
.ins-102 .ins-main-graph dl + dl { margin-top:1.6rem; }
.ins-102 .ins-main-graph dt { width:4.6rem; font-size:var(--fontSz5); line-height:3.2rem; font-weight:var(--fontWg1); }
.ins-102 .ins-main-graph dd { flex:1; }
.ins-102 .ins-main-graph .graph { position:relative; display:block; height:3.2rem; width:100%; background:var(--brand-color2); border-radius:0 1.2rem 1.2rem 0; width:--el-progress; animation:el-progress-bar 700ms 300ms ease both; }
.ins-102 .ins-main-graph .graph .txt { display:block; width:6rem; font-size:var(--fontSz5); color:var(--colorB); line-height:3.2rem; padding-left:var(--spc1); }
.ins-102 .ins-main-graph .graph::before { content:''; display:block; height:2px; position:absolute; left:5.7rem; right:var(--spc2); top:50%; background-image:repeating-linear-gradient(90deg,transparent 0 3px,#000 4px 8px); }
.ins-102 .ins-main-graph dl:nth-child(1) dd { padding-right:3.2rem; }
/* .ins-102 .ins-main-graph dl:nth-child(2) dd { padding-right:7.4rem; }
.ins-102 .ins-main-graph dl:nth-child(3) dd { padding-right:8.4rem; }
.ins-102 .ins-main-graph dl:nth-child(4) dd { padding-right:10.4rem; }
.ins-102 .ins-main-graph dl:nth-child(5) dd { padding-right:13.4rem; } */
.ins-102 .ins-main-section1 { padding-bottom:0; }
.ins-102 .ins-main-section1 .section3 { padding-bottom:29.2rem; }
.ins-102 .ins-main-bg2 { height:21.6rem; bottom:4.2rem; }
.ins-102 .ins-main-graph2 { position:relative; display:flex; justify-content:space-between; margin-top:5.6rem; margin-right:2.4rem; }
.ins-102 .ins-main-graph2 .graph { position:absolute; top:5.6rem; width:100%; height:2.4rem; background:var(--colorW); }
.ins-102 .ins-main-graph2 .graph::before { content:''; display:block; width:15px; height:100%; position:absolute; left:0; background:var(--colorBCD7); border-right:solid 1px var(--colorB); }
.ins-102 .ins-main-graph2 .graph::after { content:''; display:block; height:1.6rem; position:absolute; left:1px; right:1px; background:var(--colorB); }
.ins-102 .ins-main-graph2 dl { display:flex; flex-direction:column-reverse; }
.ins-102 .ins-main-graph2 dt { font-size:var(--fontSz4); line-height:2.4rem; margin-top:6rem; }
.ins-102 .ins-main-graph2 dd { font-size:3.2rem; line-height:3.8rem; font-weight:var(--fontWg1); }

/********** 직장인보험 **********/
.ins-503 .ins-main-section1 .ins-main-bg2 { min-height:73rem; padding-bottom:3.2rem; }
.ins-503 .ins-main-section1 .section2 { min-height:73rem; padding-bottom:3.2rem; }
.ins-503 .ins-main-section1 .section2 .ins-main-bg3 { bottom:8.4rem; height:33.8rem; opacity:0.6; }
.ins-503 .ins-main-section1 .section2 .ins-main-ref { position:absolute; bottom:3.2rem; }
.ins-503 .ins-main-section1 .section2 .ins-main-txt4 + .ins-main-txt5 { margin-top:12.4rem; }
.ins-503 .ins-main-section1 .section3 { margin-top:0; }

/********** 청소년보험 **********/
.ins-501 .ins-main-section1 .section2 { min-height:60.2rem; padding-bottom:3.2rem; }
.ins-501 .ins-main-section1 .section2 .ins-main-bg2 { bottom:0; }
.ins-501 .ins-main-section1 .section2 .ins-main-ref { position:absolute; bottom:3.2rem; }
.ins-501 .ins-main-section1 .section3 { margin-top:0; }
.ins-501 .ins-main-bg2 { height:33.8rem; }
.ins-501 .ins-main-graph { padding-right:2.4rem; margin-bottom:var(--spc7); }
.ins-501 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ins-501 .ins-main-graph ul li { position:relative; }
.ins-501 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:rgba(0,0,0,0.5); --itemW:calc((100vw - 33.33vw) / 3); width:var(--itemW); height:calc(var(--itemW) * 2.5); border-radius:1.2rem 1.2rem 0 0; }
.ins-501 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-501 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:11.5rem; }
.ins-501 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:13.0rem; }
.ins-501 .ins-main-graph ul li:nth-child(3) .graph-bar::before { height:15.0rem; }
.ins-501 .ins-main-graph ul li .graph-txt { display:block; font-size:var(--fontSz1); color:var(--brand-color2); font-weight:var(--fontWg1); text-align:center; padding-top:2.0rem; }
.ins-501 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); color:var(--brand-color2); display:block; text-align:center; margin-top:var(--spc2); }

/********** 키즈 **********/
.ins-201 .ins-main-graph { padding-right:2.4rem; margin:2.4rem 0 var(--spc7); }
.ins-201 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ins-201 .ins-main-graph ul li { position:relative; }
.ins-201 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:var(--colorBO32); --itemW:calc((100vw - 33.33vw) / 3); width:var(--itemW); height:calc(var(--itemW) * 2.5); border-radius:1.2rem 1.2rem 0 0; }
.ins-201 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-201 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:11.5rem; }
.ins-201 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:14.0rem; }
.ins-201 .ins-main-graph ul li:nth-child(3) .graph-bar::before { height:15.0rem; }
.ins-201 .ins-main-graph ul li .graph-txt { display:block; font-size:var(--fontSz1); color:var(--colorW); text-align:center; padding-top:2.0rem; }
.ins-201 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); display:block; text-align:center; margin-top:var(--spc2); }
.ins-201 .ins-main-graph2 { --itemW:calc((100vw - 11.66vw) / 3); margin:calc(var(--itemW) * 0.62) 0 0 var(--spc8-m); padding:0 1.2rem; position:relative; z-index:1; }
.ins-201 .ins-main-graph2 ul { display:flex; justify-content:space-between; }
.ins-201 .ins-main-graph2 ul li { position:relative; display:block; width:var(--itemW); height:calc(var(--itemW) * 0.896226); border-radius:var(--bdrRds2); box-shadow:0 0.3rem 0.6rem 0 rgba(0,0,0,0.16); }
.ins-201 .ins-main-graph2 ul li::before { content:''; position:absolute; display:block; width:100%; height:100%; bottom:0; border-radius:var(--bdrRds2); opacity:0.7; }
.ins-201 .ins-main-graph2 ul li::after { content:''; position:absolute; display:block; width:100%; height:72.5%; bottom:0; border-radius:var(--bdrRds2) 0 var(--bdrRds2) var(--bdrRds2); }
.ins-201 .ins-main-graph2 ul li:nth-child(1)::before,
.ins-201 .ins-main-graph2 ul li:nth-child(1)::after { background:var(--colorBCC2); }
.ins-201 .ins-main-graph2 ul li:nth-child(2)::before,
.ins-201 .ins-main-graph2 ul li:nth-child(2)::after { background:#394def; }
.ins-201 .ins-main-graph2 ul li:nth-child(3)::before,
.ins-201 .ins-main-graph2 ul li:nth-child(3)::after { background:var(--colorBCC8); }
.ins-201 .ins-main-graph2 ul li .graph-txt { position:absolute; height:100%; bottom:0; margin-bottom:40%; z-index:2; margin-left:18%; }
.ins-201 .ins-main-graph2 ul li .graph-txt .txt-img { height:100%; }
.ins-201 .ins-main-graph2 ul li .graph-txt span { display:inline-block; font-size:var(--fontSz5); vertical-align:top; margin-top:1.9rem; }
.ins-201 .ins-main-graph2 ul li .graph-txt2 { position:absolute; bottom:1.4rem; left:0; right:0; text-align:center; font-size:var(--fontSz5); color:var(--colorW); z-index:2; }
.ins-201 .ins-main-section1 .section3 .ins-main-txt-img2 { margin:1rem 0 1rem; }

/********** 캠핑 **********/
.ins-202 .ins-main-bg2 { height:35rem; bottom:0; }
.ins-202 .section2-1 { display:flex; justify-content:space-between; padding-right:2.4rem; margin:3.2rem 0 3.2rem; align-items:center; }
.ins-202 .ins-main-list { width:13.4rem; font-size:var(--fontSz5); line-height:1.8rem; }
.ins-202 .ins-main-list li + li { margin-top:1.2rem; }
.ins-202 .ins-main-list li { position:relative; display:flex; justify-content:space-between; padding-left:2rem; font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg1); }
.ins-202 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:50%; left:0; width:1.2rem; height:1.2rem; border-radius:0.4rem; margin-top:-0.6rem; }
/* .ins-202 .ins-main-list li:nth-child(1)::before { background:#fc5cae; } */ /* 230420 변경 : category */
.ins-202 .ins-main-list li:nth-child(1)::before { background:#394def; } /* 230420 변경 : category */
.ins-202 .ins-main-list li:nth-child(2)::before { background:#b7fe64; }
.ins-202 .ins-main-list li:nth-child(3)::before { background:#28e0b3; }
.ins-202 .ins-main-chart { width:15rem; height:15rem; }
.ins-202 .ins-main-chart img { width:100%; }

/********** 어린이 **********/
.ins-203 .ins-main-chart-2 { margin:1.6rem 0 3.2rem; }
.ins-203 .ins-main-chart-2 .tab2 { margin:0 2.4rem 4rem 0; }
.ins-203 .ins-main-chart-2 .ins-main-txt-img1 { position:relative; overflow:hidden; }
.ins-203 .ins-main-chart-2 .ins-main-txt-img1 .img-sc { position:relative; display:inline-block; height:calc(100% * var(--cnt)); --act:0; transform:translateY(calc(var(--act) * -11.6rem)); transition:all 200ms; }
.ins-203 .ins-main-chart-2 .chart { position:relative; margin:4rem 0 6.4rem 3.2rem; font-size:var(--fontSz1); }
.ins-203 .ins-main-chart-2 .chart::before { content:''; display:block; padding-top:63.889%; background:var(--img) left bottom no-repeat; background-size:contain; }
.ins-203 .ins-main-chart-2 .chart .yaxis { position:absolute; left:var(--spc7-m); top:var(--spc2-m); height:100%; display:flex; flex-direction:column; }
.ins-203 .ins-main-chart-2 .chart .yaxis span { flex:1; }
.ins-203 .ins-main-chart-2 .chart .xaxis { position:absolute; left:calc(100% / 24 * -1); right:calc(2.4rem - (100% / 24)); bottom:var(--spc7-m); display:flex; pointer-events:none; }
.ins-203 .ins-main-chart-2 .chart .xaxis input { display:none; }
.ins-203 .ins-main-chart-2 .chart .xaxis label { flex:1; text-align:center; color:var(--brand-color2); pointer-events:none; }
.ins-203 .ins-main-chart-2 .chart .xaxis .checked ~ label { color:inherit; opacity:0.5; }
.ins-203 .ins-main-chart-2 .chart .chart-area { position:absolute; left:0; right:2.4rem; top:0; bottom:0; }
.ins-203 .ins-main-chart-2 .chart .track { position:absolute; bottom:-1.1rem; left:-7rem; right:var(--spc6-m); z-index:10; padding:1.1rem 2.4rem 1.1rem 7rem; line-height:0; }
.ins-203 .ins-main-chart-2 .chart .track .progress { display:inline-block; width:var(--x); max-width:100%; height:0.3rem; vertical-align:top; border-radius:0.1rem; background:var(--brand-color2) !important; pointer-events:none; }
.ins-203 .ins-main-chart-2 .chart .track .control { position:absolute; margin:0 0 0 var(--spc3-m); top:0; width:2.4rem; height:2.4rem; border:0.2rem solid var(--brand-color2); border-radius:100%; background:#fff url("../../img/b/ins/ins-203-main-chart2.svg") 0 0 no-repeat; background-size:cover; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4); pointer-events:none; }
.ins-203 .ins-main-chart-2 .chart .val { position:absolute; bottom:0; left:var(--x); width:0.1rem; height:var(--y); background:url("../../img/b/ins/ins-203-main-chart3.svg") 0 0 repeat-y; background-size:0.1rem 29rem; pointer-events:none; }
.ins-203 .ins-main-chart-2 .chart .val::before { content:''; position:absolute; left:-0.25rem; top:0; width:0.4rem; height:0.4rem; border:0.1rem solid var(--brand-color2); border-radius:100%; background:#fff; }
.ins-203 .ins-main-chart-2 .chart .val .in { position:absolute; left:-2.2rem; top:var(--spc7-m); width:4.4rem; height:2.8rem; line-height:2.4rem; font-size:var(--fontSz5); font-weight:var(--fontWg1); text-align:center; background:url("../../img/b/ins/ins-203-main-chart4.svg") 0 0 no-repeat; background-size:contain; }
.ins-203 .ins-main-chart-2 .chart .val .in[data-prefix]::before { content:attr(data-prefix); }
.ins-203 .ins-main-chart-2 .chart .val .in[data-suffix]::after { content:attr(data-suffix); }
.ins-main-chart-2 .chart .val { transition:all 300ms; }

/********** 원라운딩보험 **********/
.ins-401 .ins-main-section1 { padding-bottom:0; }
.ins-401 .ins-main-section1 .section3 { padding-bottom:9.6rem; }
.ins-401 .ins-main-bg2 { height:100vw; top:0; }
.ins-401 .ins-main-bg3 { height:57.2rem; bottom:0; }
.ins-401 .ins-main-section1 .section2 { height:calc(100vw + 24rem); position:relative; }
.ins-401 .section2-1 { display:flex; position:relative; height:calc(100vw); margin-top:4rem; align-items:center; justify-content:end; padding-top:30%; }
.ins-401 .ins-main-list { width:57%; font-size:var(--fontSz6); line-height:2.4rem; padding-right:2.4rem; }
.ins-401 .ins-main-list li + li { margin-top:var(--spc1); }
.ins-401 .ins-main-list li { position:relative; display:flex; justify-content:space-between; padding-left:1.2rem; font-size:var(--fontSz6); line-height:2.4rem; font-weight:var(--fontWg1); }
.ins-401 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:var(--spc14); left:0; width:0.4rem; height:0.4rem; background-color:var(--brand-font1); border-radius:100%; }
.ins-401 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:var(--spc14); left:0; width:0.4rem; height:0.4rem; background-color:var(--brand-font1); border-radius:100%; }
.ins-401 .ins-main-list .point { color:var(--brand-color2); }

/********** 레저 **********/
.ins-402 .ins-main-bg2 { height:33rem; bottom:var(--spc7-m); }
.ins-402 .ins-main-section1 .section2 { position:relative; }
.ins-402 .ins-main-section1 .section2-1 { position:relative; display:-webkit-flex; display:flex; justify-content:right; text-align:right; padding-right:2.4rem; margin:3.2rem 0 3.2rem; }
.ins-402 .ins-main-section1 .section2-1 .ins-main-chart { width:16.8rem; }
.ins-402 .ins-main-section1 .section2-1 .ins-main-chart img { width:100%; }
.ins-402 .ins-main-section1 .section2-1 .ins-main-txt-img5 { position:absolute; left:0; top:50%; margin-top:-5.8rem; }
.ins-402 .ins-main-section1 .section3 { min-height:50.8rem; }
.ins-402 .ins-main-section1 .section3 .ins-main-def dd { margin-top:15rem; }
.ins-402 .ins-main-txt-img5 { height:7.2rem; }

/********** 스마트 **********/
.ins-301 .ins-main-bg2 { height:42rem; bottom:4.6rem; }
.ins-301 .ins-main-bg2 img { max-width:unset; }
.ins-501 .ins-main-section1 .section2 .ins-main-bg2 { bottom:0; }
.ins-301 .ins-main-section1 .section2 { position:relative; min-height:67.4rem; }
.ins-301 .ins-main-section1 .section2 .ins-main-ref { position:absolute; bottom:0; }

/********** 보증 **********/
.ins-302 .ins-main-bg2 { height:20rem; top:0; right:auto; }
.ins-302 .ins-main-bg3 { height:20.2rem; top:0; }
.ins-302 .ins-main-bg4 { height:23.5rem; top:0; right:auto; }
.ins-302 .ins-main-section1 .section2 .ins-main-def { position:relative; }
.ins-302 .ins-main-section1 .section2 .ins-main-def dl { display:inline-block; text-align:left; margin-top:0; }
.ins-302 .ins-main-section1 .section2 .ins-main-def dd { margin-top:0; }
.ins-302 .ins-main-section1 .section2 .ins-main-def:nth-last-of-type(4) { height:20rem; text-align:right; padding-right:1.2rem; margin-top:4rem; padding-top:2rem; }
.ins-302 .ins-main-section1 .section2 .ins-main-def:nth-last-of-type(3) { height:20.2rem; margin-top:7.7rem; padding-top:1.2rem; }
.ins-302 .ins-main-section1 .section2 .ins-main-def:nth-last-of-type(2) { height:23.5rem; margin-top:8.6rem; text-align:right; padding-right:3.2rem; padding-top:3.5rem; }

/********** 우리집 **********/
.ins-303 .ins-main-bg2 { bottom:0; }
.ins-303 .ins-main-bg2 img { height:auto; }
.ins-303 .ins-main-graph { margin:3.2rem 1.6rem 0 -0.6rem; text-align:center; }
.ins-303 .ins-main-list { display:flex; justify-content:center; font-size:var(--fontSz5); line-height:1.8rem; margin-bottom:3.2rem; padding-right:2rem; }
.ins-303 .ins-main-list li + li { margin-left:2rem; }
.ins-303 .ins-main-list li { position:relative; padding-left:1.2rem; font-size:var(--fontSz4); line-height:1.8rem; font-weight:var(--fontWg1); }
.ins-303 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:0.7rem; left:0; width:0.4rem; height:0.4rem; background-color:var(--brand-font1); border-radius:100%; }

/********** 소방관 **********/
.ins-601 .ins-main-section1 { padding-bottom:0; overflow:hidden; }
.ins-601 .ins-main-section1 .section3 { padding-bottom:35.8rem; }
.ins-601 .ins-main-bg2 { height:35.8rem; bottom:0; text-align:center; }

/********** 의료진보험 **********/
.ins-602 .ins-main-section1 { padding-bottom:0; overflow:hidden; }
.ins-602 .ins-main-section1 .section3 { padding-bottom:34.4rem; }
.ins-602 .ins-main-bg2 { height:32.3rem; bottom:0; text-align:center; }
.ins-602 .section2-1 { display:flex; justify-content:space-between; padding-right:2rem; margin:4rem 0 3.2rem; align-items:center; }
.ins-602 .ins-main-list { width:15.2rem; font-size:var(--fontSz5); line-height:1.8rem; }
.ins-602 .ins-main-list li + li { margin-top:var(--spc2); }
.ins-602 .ins-main-list li { position:relative; display:flex; justify-content:space-between; padding-left:2rem; font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg1); }
.ins-602 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:50%; left:0; width:1.2rem; height:1.2rem; border-radius:0.4rem; margin-top:-0.6rem; }
.ins-602 .ins-main-list li:nth-child(1)::before { background:#fc5454; }
.ins-602 .ins-main-list li:nth-child(2)::before { background:#ff951a; }
.ins-602 .ins-main-list li:nth-child(3)::before { background:#ffeb06; }
.ins-602 .ins-main-list li:nth-child(4)::before { background:#fff8a8; }
.ins-602 .ins-main-chart { width:13.2rem; height:13.2rem; }
.ins-602 .ins-main-chart img { width:100%; }

/****************************** 04. 청구 ******************************/
/********** 이어하기 **********/
.brand-common .ins-progress .in { border-radius:3rem; background:var(--colorCOM2); }
.brand-common .ins-progress dt,
.brand-common .ins-progress .num { color:var(--colorB); }
.brand-common .ins-progress .progress .bar { background:var(--colorB); }
.fm-field .fm-cont .list-data15 { margin-top:0; }

/********** 필요서류 안내 **********/
.doc-wrap .doc-title { margin-top:var(--spc8); font-weight:var(--fontWg2); line-height:2.4rem; }
.doc-wrap .flag-txt + .doc-title { margin-top:var(--spc4); }
.doc-wrap .doc-list { background:var(--colorB2); border-radius:var(--bdrRds2); padding:var(--spc6); margin-top:var(--spc4); }
.doc-wrap .doc-list li { font-size:var(--fontSz5); line-height:1.8rem; text-indent:-1.5rem; margin-left:1.5rem; }
.doc-wrap .doc-list li + li { margin-top:var(--spc1); }
.doc-wrap .doc-list dl { display:flex; }
.doc-wrap .doc-list dl dt { width:5.6rem; font-size:var(--fontSz5); line-height:1.8rem; margin-right:1.2rem; flex-shrink:0; font-weight:var(--fontWg1); }
.doc-wrap .doc-item { margin-top:var(--spc6); line-height:0; }
.doc-wrap .doc-item dt { font-size:var(--fontSz5); font-weight:var(--fontWg1); line-height:1.8rem; }
.doc-wrap .doc-item dt .txt1 { color:var(--colorB6); }
.doc-wrap .doc-item dd { position:relative; margin-top:var(--spc3); }
.doc-wrap .doc-item dd .btn-cmc { position:relative; border-radius:0 0 var(--bdrRds2) var(--bdrRds2); z-index:2; }
.doc-wrap .doc-title:first-child { margin-top:0; }
.doc-wrap .doc-title:not(:first-child) + dl.doc-item { margin-top:var(--spc4); }
.doc-wrap .doc-img { display:block; width:100%; border:solid 1px var(--colorB5); border-radius:var(--bdrRds2); overflow:hidden; line-height:0; }
.doc-wrap .doc-img img { width:100%; }
.doc-wrap .doc-img.ty2 { border-radius:var(--bdrRds2) var(--bdrRds2) 0 0; border-bottom:none; }
.doc-wrap .doc-txt { font-size:var(--fontSz5); margin-top:var(--spc4); line-height:2.0rem; }
.doc-wrap .doc-txt + .doc-item { margin-top:var(--spc8); }
.tab2 ~ .tab-cont > .doc-wrap { margin-top:var(--spc8); }

/********** 첨부서류 **********/
.list-attach-wrap { --itemW:calc((100vw - 6.4rem) / 3); margin-top:var(--spc8); }
.list-attach { position:relative; display:flex; flex-wrap:wrap; margin:var(--spc2) var(--spc1-m) var(--spc1-m); }
.list-attach .item { position:relative; width:calc((100vw - 6.4rem) / 3); height:calc(var(--itemW) * 1.333333); margin:var(--spc1); }
.list-attach .attach-item-btn { width:100%; height:100%; border:dashed 1px var(--colorWO5); border-radius:var(--bdrRds2); box-sizing:border-box; overflow:hidden; }
.list-attach .attach-item-btn.req { border:solid 1px var(--brand-color2); }
.list-attach .attach-item-btn .txt1 { position:absolute; top:0; left:0; display:flex; width:100%; height:100%; padding-bottom:3.6rem; font-size:var(--fontSz5); flex-direction:column; align-items:center; justify-content:center; line-height:1.8rem; }
.list-attach .attach-item-btn .txt2 { font-size:var(--fontSz1); line-height:1.6rem; margin-top:var(--spc1); font-weight:var(--fontWg2); opacity:0.5; }
.list-attach .attach-item-btn::before { content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:3.6rem; background:var(--colorBO2); border-radius:0 0 var(--bdrRds2) var(--bdrRds2); }
.list-attach .attach-item-btn::after { content:'\e892'; font-family:var(--fontIco); display:block; font-size:var(--fontSz6); color:var(--colorW); opacity:0.36; position:absolute; bottom:var(--spc2); left:50%; margin:0 0 0 var(--spc14-m); }
.list-attach .attach-item { width:100%; height:100%; background:url("../../img/b/cla/attach-bg1.svg") 0 0 no-repeat; font-size:var(--fontSz5); font-weight:var(--fontWg1); color:var(--colorB); background-size:100% 100%; overflow:hidden; padding:var(--spc6) var(--spc1) var(--spc2) var(--spc2); }
.list-attach .attach-item.ty2 { background:url("../../img/b/cla/attach-bg2.svg") 0 0 no-repeat; background-size:100% 100%; }
.list-attach .attach-item .txt1 { line-height:1.8rem; }
.list-attach .attach-item .txt2 { display:block; font-size:var(--fontSz1); line-height:1.6rem; margin-top:var(--spc1); font-weight:var(--fontWg2); opacity:0.5; }
.list-attach .attach-item .txt3 { position:absolute; left:var(--spc2); bottom:var(--spc2); line-height:2.4rem; }
.list-attach .attach-item-del { position:absolute; top:var(--spc1-m); right:var(--spc1-m); transform:rotate(45deg); width:2.0rem; height:2.0rem; background-color:var(--colorB); border-radius:100%; }
.list-attach .attach-item-del::before { content:'\e846'; font-family:var(--fontIco); font-size:var(--fontSz3); font-weight:var(--fontWg2); color:var(--colorW); line-height:2.0rem; }
.list-attach .attach-item-add { position:absolute; bottom:var(--spc2); right:var(--spc2); width:2.4rem; height:2.4rem; border-radius:var(--bdrRds1); background:var(--colorB); }
.list-attach .attach-item-add::before { content:'\e846'; font-family:var(--fontIco); font-size:var(--fontSz6); font-weight:var(--fontWg2); width:2.0rem; height:2.0rem; background-color:var(--colorB); color:var(--colorW); border-radius:100%; line-height:2.0rem; }

.pop-container > .list-attach-wrap:first-child { margin-top:0; }

.cont-item { margin-top:var(--spc2); }
.cont-item > .c-head2 { margin-top:0; margin-bottom:var(--spc4); }
.cont-item + .cont-item { margin-top:var(--spc6); }

/********** 청구방법안내 **********/
.wrap-slider-list6 { position:relative; margin:0 var(--spc6-m); }
.wrap-slider-list6 .list-slide6 > .item { width:100%; }
.wrap-slider-list6 .list-data15 { margin:var(--spc11) var(--spc6) 0; }
.wrap-slider-list6 .cont-guide-in { text-align:center; margin-top:3.2rem; }
.wrap-slider-list6 .cont-guide-tab { display:inline-flex; background:var(--colorBO2); border-radius:1.2rem; font-size:var(--fontSz1); color:var(--colorWO5); line-height:2.4rem; margin:0 auto; text-align:center; }
.wrap-slider-list6 .cont-guide-tab span { padding:0 1.2rem; }
.wrap-slider-list6 .cont-guide-tab span.active { font-weight:var(--fontWg1); color:var(--colorB); border-radius:1.2rem; background:var(--brand-color2); }
.wrap-slider-list6 .cont-guide-txt { font-size:var(--fontSz6); font-weight:var(--fontWg3); line-height:2.8rem; min-height:5.6rem; text-align:center; margin-top:2.8rem; }
.wrap-slider-list6 .cont-guide-txt .point { color:var(--brand-color2); }
.wrap-slider-list6 .cont-guide-img { max-width:36rem; margin:-2.5rem auto -2.5rem; }
.wrap-slider-list6 .cont-guide-img img { width:100%; }
.wrap-slider-list6 .slide-control { position:fixed; bottom:3.2rem; left:50%; right:0; width:8.2rem; height:2.8rem; margin:0 0 0 -4.1rem; font-size:var(--fontSz1); background:var(--colorB); border-radius:1.4rem; text-align:left; padding-left:1.4rem; }
.wrap-slider-list6 .slide-control .ui-stop, .wrap-slider-list6 .slide-control .ui-start { position:absolute; right:var(--spc1); top:var(--spc1); overflow:hidden; color:transparent; line-height:0; width:2rem; height:2rem; }
.wrap-slider-list6 .slide-control .ui-stop::before, .wrap-slider-list6 .slide-control .ui-start::before { font-family:var(--fontIco); font-size:var(--fontSz6); line-height:1; background:var(--colorCOM6); color:var(--colorW); border-radius:100%; }
.wrap-slider-list6 .slide-control .ui-stop::before { content:'\e859'; }
.wrap-slider-list6 .slide-control .ui-start::before { content:'\e812'; }
.wrap-slider-list6 .pagination-fraction { text-align:left; line-height:2.8rem; }
.wrap-slider-list6 .pagination-fraction .current { color:var(--brand-color2); }

/****************************** 05. 증명서 발급 ******************************/
.fix-info-data { position:relative !important; top:auto !important; }
.fix-info-data .info-data6 + .info-data6 { margin-top:var(--spc2); }
.fix-info-data .info-data6 + .info-data6 dt, .fix-info-data .info-data6 + .info-data6 dd { padding-top:var(--spc2); }
.fix-info-data div.info-data6 { padding-top:var(--spc4); padding-bottom:var(--spc4); margin:0; }

.fix-info-data[data-sticky="top"] { z-index:10; top:var(--headHgt); transition:top 0.3s, padding-top 0.3s; margin:var(--spc8) var(--spc6-m) 0 var(--spc6-m); padding:var(--spc6) var(--spc6) var(--spc6) var(--spc6); }
.fix-info-data[data-sticky="top"]::before { content:''; position:absolute; left:0; right:0; top:0; z-index:-1; bottom:0; opacity:.95; }
.fix-info-data[data-sticky="top"] { top:calc(var(--safe-top) + var(--headHgt)); } /* 노치대응 */
.sc-up .fix-info-data[data-sticky="top"] { top:var(--headHgt); }
.sc-up .fix-info-data[data-sticky="top"]::before { top:0; }
.sc-down .fix-info-data[data-sticky="top"] { top:var(--safe-top); } /* 노치대응 */
.sc-down .fix-info-data[data-sticky="top"].ui-sticky::before { top:calc(var(--safe-top) * -1); } /* 노치대응 */

.fm-sel-wrap .fm-sel-option span[class*="i-ct-"]::before { content:''; display:inline-block; width:2.4rem; height:2.4rem; margin:var(--spc1-m) 1.2rem 0 0; vertical-align:middle; background:var(--ct-img) 0 0 no-repeat; background-size:cover; }
.fm-sel-wrap .fm-sel-option .i-ct-us { --ct-img:url("../../img/b/com/country-s-us.svg"); }
.fm-sel-wrap .fm-sel-option .i-ct-jp { --ct-img:url("../../img/b/com/country-s-jp.svg"); }
.fm-sel-wrap .fm-sel-option .i-ct-eu { --ct-img:url("../../img/b/com/country-s-eu.svg"); }
.fm-sel-wrap .fm-sel-option .i-ct-kr { --ct-img:url("../../img/b/com/country-s-kr.svg"); }

.list-data-18 { }
.list-data-18 .info-data6:first-child { margin-top:0; }

/****************************** 06. 고객센터 ******************************/
/********** FAQ **********/
.hash-cont { margin:3.6rem var(--spc1-m) 0 var(--spc1-m); }
.hash-cont .fm-chk4 { flex:none; margin:var(--spc1); }
.hash-cont .fm-chk4 .fm-chk-lb { min-width:7.2rem; padding-left:1.67rem; padding-right:1.67rem; text-align:center; background:var(--colorWO2); }
.hash-cont .fm-chk4 .fm-chk-lb::before { content:"#"; }

/****************************** 07. 라운지 ******************************/
/********** 공지사항 **********/
.wrap-slider-list1 { margin:2.8rem var(--spc6-m) 0 0; }
.wrap-slider-list1 .pagination-bullets { text-align:left; margin-left:2rem; }
.list-slide1 li { width:100%; }
.list-slide1 li a { display:flex; flex-direction:column; padding:0 6.8rem 0 var(--spc6); }
.list-slide1 .date { order:-1; font-size:var(--fontSz5); line-height:1.8rem; color:var(--colorW); }
.list-slide1 .subj { font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.2rem; margin-top:var(--spc1); }

.board-view { margin:var(--spc8) var(--spc6-m) 0 var(--spc6); }
.board-view .board-head { padding:0 var(--spc6) var(--spc8) 0; }
.board-view .board-head h1 { font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.2rem; }
.board-view .board-head .date { display:block; font-size:var(--fontSz1); font-weight:var(--fontWg3); line-height:1.4rem; color:var(--colorWO5); margin-top:var(--spc5); }
.board-view .board-cont { font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:2.4rem; border-top:solid 1px var(--colorW); padding:var(--spc8) var(--spc8) var(--spc8) 0; }
/* .board-view .board-cont > :is(div,p,ul,dl) { margin-top:var(--spc6); } */
.board-view .board-cont > :is(div,p,ul,dl):first-child { margin-top:0; }
.board-view .board-cont .board-img { margin:var(--spc8) var(--spc8-m) var(--spc8) 0; border-radius:var(--bdrRds4) 0 0 var(--bdrRds4); overflow:hidden; line-height:0; }
.board-view .board-cont .board-img img { width:100%; }
.board-view .board-nav { font-size:var(--fontSz5); border-top:solid 1px var(--colorWO16); margin-bottom:var(--spc7); }
.board-view .board-nav dl { display:flex; padding:var(--spc5) 0; border-bottom:solid 1px var(--colorWO16); align-items:center; }
.board-view .board-nav dt { flex-shrink:0; width:5.2rem; font-weight:var(--fontWg1); line-height:1.4rem; }
.board-view .board-nav dd { font-weight:var(--fontWg3); color:var(--colorW); line-height:1.8rem; padding-right:var(--spc6); }

/********** 이벤트 **********/
.board-view2 .board-head { padding:var(--spc8) 0 var(--spc6) 0; text-align:center; }
.board-view2 .board-head h1 { font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.2rem; }
.board-view2 .board-txt { font-size:var(--fontSz5); line-height:2.4rem; font-weight:var(--fontWg3); margin:var(--spc8) 1.4rem 0; }
.board-view2 .board-img { margin:0 var(--spc6-m) 0 var(--spc6-m); }
.board-view2 .board-img img { width:100%; max-width:none; }

.event-result { display:flex; flex-direction:column; margin:var(--spc2) 2rem 5.8rem; }
.event-result { --itemW:calc(100vw - 8.8rem); }
.event-result .deco { position:relative; width:var(--itemW); height:calc(var(--itemW) * 0.588235); border-radius:var(--bdrRds4); overflow:hidden; }
.event-result .deco:not(:empty) { box-shadow:16px 16px 24px 0 rgba(0, 0, 0, 0.4); text-align:center; color:var(--colorB); }
.event-result .deco:empty { border:dashed 1px var(--colorCOM2); }
.event-result .deco:empty::before { content:'Sorry'; position:absolute; font-family:var(--fontF); font-size:15vw; line-height:1; color:var(--colorCOM2); font-weight:var(--fontWg1); left:0; right:0; top:50%; text-align:center; transform:translateY(-50%); }
.event-result .txt { font-size:var(--fontSz2); line-height:3.2rem; margin-top:var(--spc8); text-align:center; }

/****************************** 08. 마이페이지 ******************************/
/********** 메인 **********/
.mymain-head { position:sticky; top:0; overflow:hidden; height:calc(var(--vh) * 100); min-height:50rem; margin:calc((var(--headHgt) + var(--safe-top)) * -1) var(--spc6-m) 0; padding:calc(var(--headHgt) + var(--safe-top) + 4.4rem) var(--spc7) 0; transition:all 300ms; }
.mymain-head .info { position:relative; z-index:2; display:flex; padding:0; justify-content:space-between; }
.mymain-head .info .type { min-height:12.8rem; font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.2rem; }
.mymain-head .info .type strong { color:var(--brand-color-my); }
.mymain-head .info .type .name { display:block; font-weight:var(--fontWg3); }
.mymain-head .info .type .last-access-date { display:inline-block; margin-top:0.4rem; padding:0.3rem 0.5rem; color:#fff; line-height:1.2rem; font-size:1rem; font-weight:normal; border-radius:0.9rem; background:#000; vertical-align:top; }
.mymain-head .info .btns { display:flex; }
.mymain-head .info .btns a { width:3.2rem; height:3.2rem; line-height:3.2rem; text-align:center; flex:none; margin-left:var(--spc2); }
.mymain-head .info .btns .new { position:relative; }
.mymain-head .info .btns .new::after { content:''; position:absolute; right:0.7rem; top:0.6rem; width:0.3rem; height:0.3rem; border-radius:0.3rem; background-color:#d61313; }
.mymain-head .score { position:relative; z-index:3; font-weight:var(--fontWg1); }
.mymain-head .score::before { content:''; display:block; height:2.8rem; max-height:3.5vh; }
.mymain-head .score .val { display:block; font-size:8rem; line-height:1.2; color:var(--colorCOM2); }
.mymain-head .score .text { display:block; margin-top:-0.9rem; font-size:var(--fontSz1); text-transform:uppercase; }
.mymain-head .radar-chart { position:absolute; right:2.8rem; bottom:15.1rem; --size:21.6rem; width:var(--size); height:var(--size); }
.mymain-head .radar-chart::before { content:''; position:absolute; left:50%; top:50%; --size:333.333%; width:var(--size); height:var(--size); transform:translate(-50%, -50%); background:url('../../img/b/com/chart-6.svg') 0 0 no-repeat; background-size:cover; }
.mymain-head .radar-chart.axis6::before { background-image:url('../../img/b/com/chart-6.svg'); }
.mymain-head .radar-chart svg { position:relative; z-index:2; width:100%; height:100%; }
@media (min-width:440px) {
	.mymain-head .radar-chart { right:50%; transform:translateX(75%); }
}
@media (max-height:665px) {
	.mymain-head { padding-top:calc(var(--headHgt) + var(--safe-top) + 2.4rem); }
	.mymain-head .score::before { max-height:1rem; }
	.mymain-head .radar-chart { bottom:13.5rem; --size:17rem; }
}
@media (max-height:570px) {
	html.ios .mymain-head { position:relative; }
}
@media (max-height:450px) { .mymain-head { position:relative; } }

.mymain-cont { position:relative; z-index:3; padding:0 var(--spc6) var(--spc7); margin:-9.6rem var(--spc6-m) var(--spc7-m); border-radius:3.2rem 3.2rem 0 0; background-color:var(--colorCOM10); }
.mymain-cont .next-cont { width:100%; padding:1.2rem 0; font-size:0; margin-bottom:0.6rem; }
.mymain-cont .next-cont::before { content:''; display:block; width:3.2rem; height:0.2rem; margin:0 auto; border-radius:0.1rem; background-color:var(--colorW); opacity:0.2; }
.mymain-cont .list-data6 { border: 1px solid var(--colorCOMNV); }

.mymain-ins .c-head4:first-child { margin-top:0; }
.mymain-ins-proc { margin-top:4.8rem; }

.list-slide5 div.info-data6 { margin-top:0; }
.list-slide5 li { background:var(--brand-color5); border-radius:var(--bdrRds2); }

/* 마이페이지 > radar 차트 */
.radar-svg-st1 { fill:rgba(60,255,107,0.4) !important; stroke:#3cff6b !important; }
.radar-svg-st2 { fill:#3cff6b !important; stroke:#7b236c !important; }

/****************************** 09. 마음첫줄 ******************************/
[class*="btn-hrt-"] { vertical-align:middle; }
[class*="btn-hrt-"] .icon1 { width:var(--size); height:var(--size); margin-left:auto; margin-right:auto; }
[class*="btn-hrt-"] .icon1::before { font-size:var(--size); line-height:var(--size); color:var(--colorW); }
.btn-hrt-loop { --size:2.8rem; opacity:0.3; }
.btn-hrt-loop .icon1::before { content:'\e85b'; }
.btn-hrt-loop[data-loop="1"], .btn-hrt-loop[data-loop="-1"] { opacity:1; }
.btn-hrt-loop[data-loop="1"] .icon1::before { content:'\e85c'; }
.btn-hrt-list { --size:2.8rem; }
.btn-hrt-list .icon1::before { content:'\e894'; }
.btn-hrt-like { --size:2.4rem; }
.btn-hrt-like input { display:none; }
.btn-hrt-like .icon1 { overflow:visible; }
.btn-hrt-like .icon1::before { content:'\e819'; }
.btn-hrt-like.active .icon1::before, .btn-hrt-like input:checked+.icon1::before { content:'\e85f'; color:#ff416c; animation:ani-check-bounce 400ms both; }
.btn-hrt-rotate { --size:2.4rem; }
.btn-hrt-rotate .icon1::before { content:'\e866'; }
html.app .btn-hrt-rotate .icon1::before { content:'\e85d'; }
.btn-hrt-share { --size:2.4rem; }
.btn-hrt-share .icon1::before { content:'\e85a'; }
.btn-hrt-prev { --size:3.6rem; }
.btn-hrt-prev .icon1::before { content:'\e862'; }
.btn-hrt-next { --size:3.6rem; }
.btn-hrt-next .icon1::before { content:'\e863'; }
.btn-hrt-play { --size:3.6rem; }
.btn-hrt-play .icon1::before { content:'\e860'; }
.hrt-wrap.playing .btn-hrt-play .icon1::before { content:'\e861'; }
.btn-hrt-login { --size:4rem; }
.btn-hrt-login .icon1::before { content:'\e864'; }
@keyframes ani-check-bounce { 0% { transform:scale(0); } 25% { transform:scale(1); } 50% { transform:scale(2); } 75% { transform:scale(0.5); } 100% { transform:scale(1); } }

/********** 플레이어 **********/
body.body-hrt-wrap { overflow-x:clip; --brand-bg:#19142e; }
body.body-hrt-wrap .pop-wrap article { background-size:100%; --brand-color11:linear-gradient(to bottom, #19142e, #232376 83%, #140e2b); }
body.body-hrt-wrap .pop-wrap article:before { --el-tab-bg:#140e2b; }
.hrt-wrap { position:relative; flex:1; --brand-font1:var(--colorW); }
.pop-wrap .hrt-wrap > .header .btn-prev::before,
.app .hrt-wrap .hrt-header .pop-close::before { content:'\e804'; }
.app-down-push { position:fixed; z-index:20; left:var(--spc4); right:var(--spc4); bottom:var(--spc7); padding:var(--spc4); background:var(--colorCOM6); color:var(--colorW); font-size:var(--fontSz5); line-height:1.8rem; border-radius:var(--bdrRds2); }
.app-down-push > a { display:flex; justify-content:space-between; align-items:center; }
.app-down-push strong { color:var(--colorCOM2); }
.app-down-push .btn { padding:0 var(--spc3); background:var(--colorW); color:var(--colorB); font-weight:var(--fontWg1); line-height:var(--spc7); border-radius:var(--spc7); white-space:nowrap; }
.hrt-wrap.view-mode .app-down-push { top:calc(var(--safe-top) + 5.6rem); bottom:auto; }
.hrt-wrap.view-mode .hrt-title { padding:0 4rem; font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:1.2; }
.hrt-wrap.view-mode .hrt-title .type { display:block; margin-top:var(--spc2); font-size:var(--fontSz5); font-weight:var(--fontWg2); line-height:1.29; opacity:0.5; text-transform:uppercase; }
.hrt-wrap.view-mode .hrt-progress { display:flex; align-items:center; }
.hrt-wrap.view-mode .hrt-progress .bar { position:relative; flex:1; padding:0.9rem 0; pointer-events:none; }
.hrt-wrap.view-mode .hrt-progress .bar::before { content:''; display:block; height:2px; background:rgba(255,255,255,0.2); border-radius:1px; }
.hrt-wrap.view-mode .hrt-progress .bar .preload { pointer-events:none; position:absolute; left:0; top:50%; height:2px; margin-top:-1px; --bg:rgba(255,255,255,.7); background-color:var(--bg); }
.hrt-wrap.view-mode .hrt-progress .bar .value { pointer-events:none; position:absolute; left:0; top:50%; z-index:2; display:block; height:2px; margin-top:-1px; border-radius:1px; --bg:#d61313; background-color:var(--bg); }
.hrt-wrap.view-mode .hrt-progress .bar .value::after { content:''; position:absolute; left:100%; top:50%; width:1.2rem; height:1.2rem; background-color:var(--bg); transform:translate(-50%, -50%); border-radius:100%; }
.hrt-wrap.view-mode .hrt-progress time { flex:none; font-size:var(--fontSz1); }
.hrt-wrap.view-mode .btn-hrt-prev[disabled],
.hrt-wrap.view-mode .btn-hrt-next[disabled] { opacity:0.3; }
.hrt-wrap.view-mode .hrt-player { position:relative; }

.hrt-wrap.view-mode .hrt-player::after { content:''; position:absolute; left:0; top:4rem; right:0; bottom:0; z-index:-1; text-align:center; font-size:var(--fontSz4); line-height:2rem; color:rgba(255,255,255,.5); background:#051b52 url('../../img/b/hrt/loading.svg') no-repeat center center; width:100%; height:61vw; max-height:100%; vertical-align:top; }

/* .hrt-wrap.view-mode .hrt-player::before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; background:#000; } */
.hrt-wrap.view-mode .hrt-player:not(.load)::after,
.hrt-wrap.view-mode .hrt-player:not(.load)::before { z-index:10; }
.hrt-wrap.view-mode .hrt-player video { width:100%; height:56.25vw; max-height:100%; vertical-align:top; }
.hrt-wrap.view-mode .hrt-player:not(.load) video { visibility:hidden; }
html:not(.app) .hrt-wrap .btn-hrt-loop,
html:not(.app) .hrt-wrap.view-mode .btn-hrt-list { display:none; }
@media (orientation:portrait){ /* 세로모드 */
	.hrt-wrap.view-mode { display:flex; flex-direction:column; background-color:#19142e; background-image:linear-gradient(to bottom, #19142e, #232376 83%, #140e2b); touch-action:none; } /* 231018 추가: 플레이 리스트 높이 */
	.hrt-wrap.view-mode::before { content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px); background-color:#fff; }
	.hrt-wrap.view-mode .hrt-header h1 { padding:var(--safe-top) 5.5rem 0; line-height:4.4rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.hrt-wrap.view-mode .pop-close { left:2.4rem; right:auto; }
	.hrt-wrap.view-mode .btn-hrt-share { position:absolute; right:2.4rem; top:calc(var(--safe-top) + 1rem); }
	.hrt-wrap.view-mode .hrt-title { margin-bottom:var(--spc12); text-align:center; }
	.hrt-wrap.view-mode .hrt-player { margin:auto 0; padding:2.4rem 0 2rem; }
	.hrt-wrap.view-mode .hrt-player::before { top:4rem; bottom:2rem; }
	.hrt-wrap.view-mode .hrt-player::after { margin-top:0; }
	.hrt-wrap.view-mode .hrt-control { padding:0 3.2rem 6rem; text-align:center; }
	.hrt-wrap.view-mode .hrt-progress { flex-wrap:wrap; justify-content:space-between; margin:0 var(--spc7-m) 1.4rem; padding:0 3.2rem; }
	.hrt-wrap.view-mode .hrt-progress .bar { flex:none; width:100%; }
	.hrt-wrap.view-mode .hrt-progress time { order:1; }
	.hrt-wrap.view-mode .btn-hrt-prev { width:5.6rem; height:5.6rem; }
	.hrt-wrap.view-mode .btn-hrt-next { width:5.6rem; height:5.6rem; }
	.hrt-wrap.view-mode .btn-hrt-play { width:5.6rem; height:5.6rem; --size:1.95rem; margin:0 1.5rem; background-color:rgba(255,255,255,1); border-radius:2rem; }
	.hrt-wrap.view-mode .btn-hrt-play .icon1::before { color:var(--colorB); }
	.hrt-wrap.view-mode .btn-hrt-loop { position:absolute; left:3.2rem; bottom:7.4rem; }
	.hrt-wrap.view-mode .btn-hrt-list { position:absolute; right:3.2rem; bottom:7.4rem; }
	.hrt-wrap.view-mode .hrt-header .btn-hrt-like { position:absolute; left:3.2rem; bottom:17.2rem; }
	.hrt-wrap.view-mode .btn-hrt-rotate { position:absolute; right:3.2rem; bottom:17.2rem; }
	.hrt-wrap.list-mode .app-down-push ~ div:last-child { margin-bottom:10rem; }

	.hrt-wrap.view-mode .app-down-push ~ .hrt-player { padding-top:5.6rem; }
	.hrt-wrap.view-mode .app-down-push ~ .hrt-title { margin-bottom:5.6rem; }
	.hrt-wrap.view-mode .hrt-mylist ~ .hrt-header .btn-hrt-loop,
	.hrt-wrap.view-mode .hrt-mylist ~ .hrt-header .btn-hrt-list,
	.hrt-wrap.view-mode .hrt-mylist ~ .hrt-header .btn-hrt-like,
	.hrt-wrap.view-mode .hrt-mylist ~ .hrt-header .btn-hrt-rotate { margin-bottom:6.4rem; }
	.hrt-wrap.view-mode .hrt-mylist ~ .hrt-control { padding-bottom:4rem; }
	.hrt-wrap.view-mode .app-down-push ~ .hrt-mylist ~ .hrt-header .btn-hrt-loop,
	.hrt-wrap.view-mode .app-down-push ~ .hrt-mylist ~ .hrt-header .btn-hrt-list,
	.hrt-wrap.view-mode .app-down-push ~ .hrt-mylist ~ .hrt-header .btn-hrt-like,
	.hrt-wrap.view-mode .app-down-push ~ .hrt-mylist ~ .hrt-header .btn-hrt-rotate { margin-bottom:4.8rem; }
	.hrt-wrap.view-mode .app-down-push ~ .hrt-mylist ~ .hrt-control { padding-bottom:2.4rem; }
	.hrt-wrap.view-mode .hrt-mylist { order:1; height:8.4rem; }
	.hrt-wrap.view-mode .hrt-mylist::before { content:''; position:fixed; left:0; right:0; bottom:0; top:100%; z-index:21; background:var(--colorB); opacity:0; transition:opacity 400ms, top 0ms 400ms; touch-action:none; } /* 231018 추가: 플레이 리스트 높이 */
	.hrt-wrap.view-mode .hrt-mylist > .list { position:fixed; left:0; right:0; bottom:0; z-index:22; background:#1a1980; border-radius:var(--bdrRds6) var(--bdrRds6) 0 0; max-height:calc(70vh - env(safe-area-inset-bottom) - env(safe-area-inset-top)); } /* 231018 추가: 플레이 리스트 높이 */
	.hrt-wrap.view-mode .hrt-mylist > .list::before { content:''; position:absolute; top:1.2rem; left:50%; width:3.2rem; height:0.2rem; margin-left:var(--spc4-m); background:var(--colorW); border-radius:0.1rem; opacity:0.2; }
	.hrt-wrap.view-mode .hrt-mylist .hrt-mylist-title button { width:100%; height:8.4rem; font-size:var(--fontSz4); font-weight:var(--fontWg1); }
	.hrt-wrap.view-mode .hrt-mylist .hrt-list { padding:var(--spc2) var(--spc6) var(--spc7); margin:0 0 0 var(--spc5); }
	.hrt-wrap.view-mode .hrt-mylist .hrt-mylist-cont {overflow:auto; max-height:0; transition:max-height 400ms; }
	.hrt-wrap.view-mode .hrt-mylist.active::before { opacity:0.5; top:0; transition-delay:0ms, 0ms; }
	.hrt-wrap.view-mode .hrt-mylist.active .hrt-mylist-cont { max-height:calc(70vh - var(--safe-top) - 14.8rem) } /* 231018 추가: 플레이 리스트 높이 */
	.hrt-wrap.view-mode .hrt-mylist .hrt-list .item > a { width:100%; }
	.hrt-mylist:not(.active) .playing .thumb::before,
	.hrt-mylist:not(.active) .playing .thumb::after,
	.hrt-mylist:not(.active) .playing .thumb .ani::before,
	.hrt-mylist:not(.active) .playing .thumb .ani::after { animation:none; }
}
@media (orientation:landscape){ /* 가로모드 */
	.hrt-wrap.view-mode .hrt-mylist,
	.hrt-wrap.view-mode .app-down-push { display:none; }
	.hrt-wrap.view-mode { overflow:hidden; background-color:#000; }
	.hrt-wrap.view-mode::before { content:''; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; width:100%; height:100%; background-color:#000; border:2px solid red; }
	.hrt-wrap.view-mode .hrt-header h1, .hrt-wrap.view-mode .hrt-header .pop-close, .hrt-wrap.view-mode .btn-hrt-list { display:none; }
	.hrt-wrap.view-mode .hrt-title { position:absolute; left:5.6rem; right:22.4rem; top:calc(var(--safe-top) + 1.6rem); z-index:2; }
	.hrt-wrap.view-mode .hrt-title h2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.hrt-wrap.view-mode .hrt-title .type { margin-top:var(--spc1); }
	.hrt-wrap.view-mode .hrt-player { position:absolute; left:0; top:0; width:100%; height:100%; }
	.hrt-wrap.view-mode .hrt-player video { display:block; width:100%; height:100%; }
	.hrt-wrap.view-mode .hrt-progress { position:absolute; left:5.6rem; right:9.2rem; bottom:2.6rem; z-index:2; }
	.hrt-wrap.view-mode .hrt-progress time:first-child { margin:0 var(--spc2) 0 0; opacity:0.5; }
	.hrt-wrap.view-mode .hrt-progress time:last-child { margin:0 0 0 var(--spc2); opacity:0.5; }
	.hrt-wrap.view-mode .btn-hrt-prev { position:absolute; left:50%; top:50%; z-index:2; width:4.4rem; height:4.4rem; --size:2.4rem; transform:translate(-13.4rem, -50%); background-color:rgba(0,0,0,0.5); border-radius:var(--bdrRds2); }
	.hrt-wrap.view-mode .btn-hrt-next { position:absolute; right:50%; top:50%; z-index:2; width:4.4rem; height:4.4rem; --size:2.4rem; transform:translate(13.4rem, -50%); background-color:rgba(0,0,0,0.5); border-radius:var(--bdrRds2); }
	.hrt-wrap.view-mode .btn-hrt-play { position:absolute; left:50%; top:50%; z-index:2; width:6rem; height:6rem; --size:2.9rem; transform:translate(-50%, -50%); background-color:rgba(0,0,0,0.5); border-radius:2rem; }
	.hrt-wrap.view-mode .btn-hrt-share { position:absolute; right:10.4rem; top:calc(var(--safe-top) + 1.6rem); z-index:2; }
	.hrt-wrap.view-mode .btn-hrt-loop { position:absolute; right:15.2rem; top:calc(var(--safe-top) + 1.6rem); z-index:2; --size:2.4rem; }
	.hrt-wrap.view-mode .hrt-header .btn-hrt-like { position:absolute; right:5.6rem; top:calc(var(--safe-top) + 1.6rem); z-index:2; }
	.hrt-wrap.view-mode .btn-hrt-rotate { position:absolute; right:5.6rem; bottom:2.4rem; z-index:2; }

	.hrt-wrap.view-mode .btn-hrt-prev,
	.hrt-wrap.view-mode .btn-hrt-play,
	.hrt-wrap.view-mode .btn-hrt-next { transition:opacity 0ms 0ms, top 0ms 0ms; }
	.hrt-wrap.view-mode .hrt-header .btn-hrt-like,
	.hrt-wrap.view-mode .btn-hrt-share,
	.hrt-wrap.view-mode .hrt-title,
	.hrt-wrap.view-mode .btn-hrt-rotate,
	.hrt-wrap.view-mode .hrt-progress { transition:opacity 300ms, transform 300ms; }
	.hrt-wrap.view-mode.playing:not(.control-visible) .btn-hrt-prev,
	.hrt-wrap.view-mode.playing:not(.control-visible) .btn-hrt-play,
	.hrt-wrap.view-mode.playing:not(.control-visible) .btn-hrt-next { opacity:0; top:-100vh; transition-delay:0ms, 310ms; transition-duration:300ms, 0ms; }
	.hrt-wrap.view-mode.playing:not(.control-visible) .btn-hrt-rotate,
	.hrt-wrap.view-mode.playing:not(.control-visible) .hrt-progress { opacity:0; transform:translateY(5rem); }
	.hrt-wrap.view-mode.playing:not(.control-visible) .btn-hrt-like,
	.hrt-wrap.view-mode.playing:not(.control-visible) .btn-hrt-share,
	.hrt-wrap.view-mode.playing:not(.control-visible) .hrt-title { opacity:0; transform:translateY(-7rem); }
}
/********** 목록 **********/
#wrap.hrt-wrap.list-mode { background-size:100%; --brand-color11:linear-gradient(to bottom, #19142e, #232376 83%, #140e2b); }
#wrap.hrt-wrap.list-mode::before { height:100%; --el-tab-bg:#140e2b; }
.hrt-wrap.list-mode::after { content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px); background-color:#fff; }
.hrt-wrap.list-mode > .header { position:static; background-color:transparent; }
.hrt-wrap.list-mode > .container { padding-left:0; padding-right:0; }
.hrt-wrap.list-mode .btn-hrt-loop { position:absolute; left:2.4rem; top:var(--spc12); z-index:10; }

.wrap-slider-hrt-tab { position:sticky; top:0; z-index:10; margin-top:calc(var(--safe-top) * -1); padding:calc(var(--safe-top) + 1.6rem) var(--spc2) 1.8rem; }
.wrap-slider-hrt-tab.ui-sticky { background-color:rgba(32,16,33,0.96); }
/* .wrap-slider-play-tab .hrt-slide2-tab .active button { opacity:1; } */
.hrt-slide2-tab button { display:block; overflow:visible; width:auto; height:auto; opacity:0.5; color:var(--colorW); margin:0; padding:var(--spc2) 1.6rem 0; font-size:var(--fontSz6); line-height:1.2; font-weight:var(--fontWg1); text-align:center; white-space:nowrap; text-transform:uppercase; }
.hrt-slide2-tab button::before { content:''; position:absolute; left:50%; top:0; width:0.4rem; height:0.4rem; border-radius:100%; margin:0 0 0 -0.2rem; background-color:#fff; opacity:0; }
.hrt-slide2-tab .item.swiper-slide-thumb-active button { opacity:1; }
.hrt-slide2-tab .item.swiper-slide-thumb-active button:before { opacity:1; background-color:var(--colorW); }

.wrap-slider-hrt { display:flex; flex-direction:column; padding:2rem calc(100vw - 26.3rem) 5rem 6.1rem; margin:-1.4rem 0 -5rem 0; }
.hrt-slide2 .item { width:20.2rem; height:22.4rem; padding:0 1.1rem; opacity:0; transition:all 300ms; }
.hrt-slide2 .item a, .hrt-slide2 .item button { position:relative; display:block; width:100%; height:100%; text-align:left; border-radius:2.8rem; overflow:hidden; transform:scale(0.92); transform-origin:top center; transition:all 300ms; }
.hrt-slide2 .item img { display:block; width:100%; }
.hrt-slide2 .item .txt { position:absolute; left:0; right:0; bottom:0; padding:1.6rem 2rem 2.4rem; font-size:var(--fontSz3); font-weight:var(--fontWg1); line-height:1.33; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
.hrt-slide2 .item .txt::before { content:'\e860'; display:block; opacity:0; margin-bottom:1.2rem; font-family:var(--fontIco); font-size:var(--fontSz2); font-weight:var(--fontWg2); line-height:1; vertical-align:top; transition:opacity 300ms; }
.hrt-slide2 .item.active .txt::before { opacity:1; }
.hrt-slide2 .item.active [disabled] .txt::before { opacity:0.3; }
.hrt-slide2 .item.active a, .hrt-slide2 .item.active button { transform:scale(1); box-shadow:16px 16px 32px 0 rgba(255, 255, 255, 0.16);  }
.hrt-slide2 .item.active, .hrt-slide2 .item.active ~ .item { opacity:1; }

.hrt-list-wrap { position:relative; z-index:10; margin:2.4rem 2.4rem 0 var(--spc12); }
.hrt-list-wrap::before { content:'THE WONDERLAND OF INSURANCE'; position:absolute; left:-2.8rem; top:2rem; text-transform:uppercase; transform:rotate(90deg); transform-origin:left top; font-family:var(--fontF); font-size:0.9rem; line-height:1; opacity:0.5; }
.hrt-title2 { margin-top:3.2rem; font-size:var(--fontSz3); line-height:1.33; }
.hrt-list .item { position:relative; z-index:2; display:flex; align-items:center; margin-top:2rem; font-size:var(--fontSz5); line-height:1.26; }
.hrt-list .item.hrt-list-none,
.hrt-list .item.hrt-list-add,
.hrt-list .item.hrt-list-login a { display:block; padding:2.2rem 2.4rem 2.2rem 5.2rem; margin-right:var(--spc6-m); background:rgba(255,255,255,0.2); border-radius:2rem 0 0 2rem; }
.hrt-list .item.hrt-list-none .btn-hrt-like,
.hrt-list .item.hrt-list-add .btn-hrt-like,
.hrt-list .item.hrt-list-login .btn-hrt-login { position:absolute; left:2rem; top:50%; transform:translateY(-50%); margin-left:0; }
.hrt-list .item.hrt-list-none, .hrt-list .item.hrt-list-login a { padding-left:7.6rem; }
.hrt-list .item.hrt-list-login { display:block; }
.hrt-list .item.hrt-list-none .btn-hrt-like { --size:4rem; }
/* .hrt-list .item:not(.hrt-list-login) > a { display:block; white-space:nowrap; flex:none; width:calc(100% - 4rem); } */
.hrt-list .item .txt { display:inline-block; font-size:var(--fontSz4); line-height:1.29; vertical-align:middle; }
.hrt-list .item .txt .subj { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.hrt-list .item .txt .type { display:block; font-size:var(--fontSz5); opacity:0.5; text-transform:uppercase; }
.hrt-list .item .point { color:#ff416c; }
.hrt-list .thumb { position:relative; display:inline-block; width:4.8rem; height:4.8rem; margin-right:1.6rem; border-radius:100%; overflow:hidden; background-color:#000; vertical-align:middle; }
.hrt-list .thumb img { width:100%; height:100%; }
.hrt-list .item .thumb + .txt { width:calc(100% - 6.4rem); }
.hrt-list .btn-hrt-like { margin-left:1.6rem; }
.hrt-list .playing .thumb img { opacity:0.36; }
.hrt-list .playing::before { content:''; position:absolute; left:var(--spc5-m); top:var(--spc14-m); bottom:var(--spc14-m); right:var(--spc6-m); z-index:-1; background:rgba(255,255,255,0.2); border-radius:2rem 0 0 2rem; }
.hrt-list .playing .thumb::before, .hrt-list .playing .thumb::after, .hrt-list .playing .thumb .ani::before, .hrt-list .playing .thumb .ani::after { content:''; position:absolute; left:50%; bottom:1.7rem; width:0.2rem; max-height:1.4rem; border-radius:0.1rem; background-color:#fff; animation-direction:alternate-reverse; animation-duration:1200ms; animation-iteration-count:infinite; }
.hrt-list .playing .thumb::before { --h:1.1rem; --h2:0.3rem; --h3:1.0rem; transform:translateX(-1.15rem); animation-name:ani-sound; }
.hrt-list .playing .thumb::after { --h:0.7rem; --h2:1.3rem; --h3:0.5rem; transform:translateX(-0.45rem); animation-name:ani-sound; animation-duration:1100ms; }
.hrt-list .playing .thumb .ani::before { --h:1.2rem; --h2:0.6rem; --h3:1.4rem; transform:translateX(0.25rem); animation-name:ani-sound; animation-duration:1000ms; }
.hrt-list .playing .thumb .ani::after { --h:0.9rem; --h2:1.4rem; --h3:0.3rem; transform:translateX(0.95rem); animation-name:ani-sound; animation-duration:960ms; }
@keyframes ani-sound { 0% { height:var(--h); } 65% { height:var(--h2); } 100% { height:var(--h3); } }

/****************************** 10. 실험실 ******************************/
/********** 설문 **********/
.survey { background:url("../../img/b/lvt/vis-01.png") center 0 no-repeat; background-size:36rem auto; margin:3.2rem var(--spc6-m) 0; padding:0 var(--spc6) 0; }
.survey .survey-mes { margin-top:24rem; }
.survey .survey-mes .txt1 { text-align:center; }
.survey .survey-mes .txt1 span { display:inline-block; height:4.8rem; border-radius:5.6rem; font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:4.8rem; background:var(--colorBCE2); text-align:center; color:var(--colorB); padding:0 3.6rem; transform:rotate(-6deg); margin-left:var(--spc3-m); }
.survey .survey-mes .txt2 { position:relative; text-align:center; z-index:2; margin-top:-0.2rem; }
.survey .survey-mes .txt2 span { display:inline-block; height:3.2rem; border-radius:var(--bdrRds6); font-size:var(--fontSz5); line-height:3.2rem; background:#1b0a9e; text-align:center; color:var(--colorW); padding:0 1.8rem; }
.survey .list-data11 .item { border-radius:var(--bdrRds4); }
.survey .list-data11 .item .txt3 em { font-size:2.8rem; line-height:3.4rem; }

.board-view3 { margin:var(--spc5) 0 var(--spc6); }
.board-view3 .state { position:relative; font-size:var(--fontSz1); font-weight:var(--fontWg3); color:var(--brand-font10); }
.board-view3 .flag-txt { margin-right:var(--spc2); }
.board-view3 .name .masking { margin:0 0.2rem; }
.board-view3 .date { position:relative; padding-left:var(--spc14); margin-left:var(--spc2); }
.board-view3 .date::before { content:''; position:absolute; left:0; bottom:0.2rem; background:var(--brand-font10); display:inline-block; width:1px; height:1rem; }

.board-view3 .mod { position:absolute; right:0; width:2rem; }
.board-view3 .des { display:block; margin-top:var(--spc5); font-size:var(--fontSz5); line-height:2.4rem; font-weight:var(--fontWg3); }
.board-view3 .info { display:flex; font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:0; margin-top:var(--spc6); }
.board-view3 .info dl { display:flex; line-height:2rem; }
.board-view3 .info dd { margin-left:var(--spc1); }
.board-view3 .info dl + dl { margin-left:var(--spc5); }
.board-view3 .info .like { width:2.4rem; margin:-0.2rem 0 -0.2rem -0.2rem; line-height:0; }

/********** 투표 **********/
.vote { display:flex; flex-wrap:wrap; --itemW:calc((100vw - (4.8rem + 2.4rem)) / 3) }
.vote .fm-chk-vote { position:relative; width:var(--itemW); margin-top:4.0rem; padding-bottom:3.2rem; }
.vote .fm-chk-vote + .fm-chk-vote { margin-left:1.2rem; }
.vote .fm-chk-vote:nth-child(3n+1) { margin-left:0; }
.fm-chk-vote > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk-vote .fm-chk-img { position:relative; display:block; width:var(--itemW); height:calc(var(--itemW) * 1); border-radius:var(--bdrRds4); box-shadow:8px 8px 10px 0 rgba(0, 0, 0, 0.32); overflow:hidden; }
.fm-chk-vote .fm-chk-lb { position:absolute; padding-top:calc(100% + 1.6rem); left:0; top:0; width:100%; height:100%; text-align:center; font-size:var(--fontSz5); }
.fm-chk-vote .fm-chk-img img { width:100%; height:100%; }
.fm-chk-vote > input:checked ~ .fm-chk-img::after { content:''; display:block; border:solid 2px var(--colorCOM2); position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; border-radius:var(--bdrRds4); box-sizing:border-box; }
.fm-chk-vote > input:checked ~ .fm-chk-lb:after { content:''; display:block; position:absolute; top:calc(var(--itemW) * 1); left:50%; width:5.6rem; height:5.6rem; margin:-4.2rem 0 0 -2.8rem; background:url("../../img/b/lvt/vote-respect.png") 0 0 no-repeat; background-size:100% 100%; z-index:3; }
.fm-chk-vote > input:checked ~ .fm-chk-lb { color:#fde70f; font-weight:var(--fontWg1); }

.fm-chk-vote > input:disabled ~ .fm-chk-img::after { content:''; display:block; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; box-sizing:border-box; }
.fm-chk-vote > input:disabled ~ .fm-chk-lb:after { content:''; display:block; position:absolute; top:50%; left:50%; width:5.6rem; height:5.6rem; margin:-4.4rem 0 0 -2.8rem; background:url("../../img/b/lvt/vote-clear.png") 0 0 no-repeat; background-size:100% 100%; z-index:3; }
.fm-chk-vote > input:disabled ~ .fm-chk-lb { color:var(--colorWO5); }
.fm-chk-vote > input:disabled ~ .fm-chk-img { box-shadow:none; }

/********** 리스크레이더 **********/
.radar-map { flex:1; margin:0 var(--spc6-m) var(--spc7-m); }
.radar-map .radar-map-news { position:absolute; left:0; right:0; top:0; z-index:10; display:flex; flex-shrink:1; justify-content:space-between; align-items:flex-start; margin:0 0 var(--spc5); padding:0 var(--spc6); background:var(--colorB); }
.radar-map .radar-map-news .title { flex:none; padding:0 var(--spc2); margin:var(--spc4) var(--spc2) 0 0; color:var(--brand-font2); font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:2.2rem; border-radius:1.1rem; background:var(--brand-color2); }
.radar-map .radar-map-news .list { flex:1; position:relative; height:5.4rem; overflow:hidden; }
.radar-map .radar-map-news .list li { position:absolute; left:0; width:100%; top:100%; transition:top 0ms; }
.radar-map .radar-map-news .list li.active { top:0; transition-duration:300ms; }
.radar-map .radar-map-news .list li.active-out { top:-100%; transition-duration:300ms; }
.radar-map .radar-map-news .list a {  display:block; width:100%; line-height:5.4rem; font-size:var(--fontSz5); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.radar-map .radar-map-news .more { flex:none; width:5.4rem; height:5.4rem; margin:0 -1.5rem 0 0; }
.radar-map .radar-map-news .more::before { content:'\e82e'; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); height:2rem; line-height:1; transform:rotate(90deg); }
.radar-map .radar-map-info { position:absolute; z-index:10; left:2.4rem; right:2.4rem; top:7.4rem; font-size:var(--fontSz5); line-height:3.6rem; box-shadow:8px 8px 12px 0 rgba(0, 0, 0, 0.32); background:var(--colorCOM10); border-radius:12px; }
.radar-map .radar-map-info > button { width:100%; height:100%; padding:0 var(--spc4); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; }
.radar-map .radar-map-info > button::before { content:'\e8a5'; margin-right:var(--spc1); font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz4); height:1.6rem; line-height:1; }
.radar-map .radar-map-info span+span::before { content:''; display:inline-block; width:1px; height:1rem; margin:0 var(--spc2) 0 0.5rem; opacity:0.3; background-color:var(--brand-font1); }
.radar-map > .map { height:calc((var(--vh) * 100) - var(--headHgt) - var(--safe-top)); overflow:hidden; background-color:var(--colorW); }
/* .radar-map ~ .lvt-foot-fix .lvt-foot-cont { max-height:18.8rem; } */
.radar-map-btns .map-setting,
.radar-map-btns .btns-group { position:absolute; right:2.4rem; z-index:10; display:block; background:var(--colorCOM10); color:var(--brand-font1); padding:var(--spc1); border-radius:16px; box-shadow:8px 8px 12px 0 rgba(0, 0, 0, 0.32); text-align:center; }
/* .radar-map-btns .btns-group button:not(:only-child):first-child { margin-bottom:0.2rem; background:var(--brand-color2); color:var(--brand-font2); } */ /* 230810 삭제 */
.radar-map-btns .map-setting { bottom:calc(var(--safe-btm) + 32.8rem); }
@media (max-height:645px) {
	.radar-map-btns .map-setting { bottom:calc(var(--safe-btm) + 5.5rem); }
}
.radar-map-btns .btns-group { top:12.6rem; }
.radar-map-btns .map-my, .radar-map-btns .map-home { display:block; border-radius:1.2rem; }
.radar-map-btns .map-my::before { content:'\e89d'; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); width:3.2rem; height:3.2rem; line-height:3.2rem; }
.radar-map-btns .map-home::before { content:'\e89e'; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); width:3.2rem; height:3.2rem; line-height:3.2rem; }
.radar-map-btns .map-setting::before { content:'\e830'; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); width:3.2rem; height:3.2rem; line-height:3.2rem; }
.radar-map .map-overlay-info { padding:1.2rem 2.0rem var(--spc14); min-width:14.8rem; border-radius:5rem; box-shadow:1.2rem 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.4); background-color:var(--colorBCB2); color:#000; font-weight:var(--fontWg1); text-align:center; }
.radar-map .map-overlay-info::before { content:''; position:absolute; left:50%; bottom:-0.6rem; margin-left:-0.3rem; width:0; height:0; border-style:solid; border-width:0.6rem 0.6rem 0 0.6rem; border-color:#3cff6b transparent transparent transparent; }
.radar-map .map-overlay-info dt { padding:0 0 var(--spc2); margin-bottom:var(--spc2); font-size:var(--fontSz1); opacity:0.5; line-height:1.17; border-bottom:1px solid rgba(0,0,0,0.2); }
.radar-map .map-overlay-info dd { font-size:var(--fontSz4); line-height:1.25; }
.radar-map .map-overlay-info dd strong { font-size:var(--fontSz2); }

.radar-banner { background:var(--brand-color2); border-radius:var(--bdrRds2); padding:2.8rem var(--spc6) 2.0rem; text-align:center; margin-top:var(--spc11); }
.radar-banner .txt1 { font-size:var(--fontSz5); color:var(--colorBO5); margin-top:var(--spc6); }
.radar-banner .txt2 { margin-top:var(--spc4); color:var(--colorB); }
.radar-banner .btns { display:flex; justify-content:space-between; margin-top:3.6rem; align-items:center; }
.radar-banner .btns a { width:calc(50% - 0.4rem); }

.list-slide3 .slide-cont .list-data20 { margin-top:var(--spc6); }

.sub-footer { margin-top:10rem; }
.sub-footer .foot-corp { font-size:var(--fontSz5); line-height:2.0rem; }
.sub-footer .foot-copy { font-size:var(--fontSz1); color:var(--colorWO3); line-height:2.0rem; margin-top:var(--spc5); }

.radar-map-info-wrap2 { display:flex; justify-content:space-between; margin:var(--spc2) 0 var(--spc2-m); }
.radar-map-info2 .txt1 { line-height:2rem; }
.radar-map-info2 .txt2 { font-size:var(--fontSz1); color:var(--brand-font10); margin-top:var(--spc1); }
.radar-map-btns2 { display:flex; align-items:center; flex-shrink:0; }
.radar-map-btns2 .btn-cmz { margin-left:var(--spc3); z-index:17; }

/********** 골프 캘린더 **********/
.wrap-slider-list7 { --itemW:calc(100vw - 4.8rem); margin:4.0rem var(--spc6-m) 0; padding:0 1.6rem; overflow:visible; overflow-x:clip; }
.list-slide7 > li { width:var(--itemW); margin:0 0.6rem; }
.list-slide7 > li:only-child { margin:0 auto; }
.wrap-slider-list7 .slide-control { position:absolute; top:calc(var(--itemW) * 0.551282); left:0; right:0; }
.wrap-slider-list7 .list-slide7:not(.swiper-moving) .slide:not(.active) > .slide-cont { display:none; }
.wrap-slider-list7 .list-slide7 > li .tab2 { margin-top:0; }
.wrap-slider-list7 .list-slide7 > li .slide-cont { margin-top:6.8rem; }
.wrap-slider-list7 .list-slide7 > li:only-child .slide-cont { margin-top:4rem; }

.lvt-my-prod, .lvt-my-prod2 { --itemW:calc(100vw - 4.8rem); position:relative; display:block; width:100%; overflow:hidden; text-align:center; font-size:var(--fontSz6); font-weight:var(--fontWg1); border-radius:var(--bdrRds4); height:calc(var(--itemW) * 0.551282); box-shadow:16px 16px 32px 0 rgba(0, 0, 0, 0.4); }
.lvt-my-prod .name, .lvt-my-prod2 .name, .lvt-my-prod .etc, .lvt-my-prod2 .etc { position:relative; z-index:2; min-height:4.4rem; }
button.lvt-my-prod .etc { min-height:0; }
.lvt-my-prod { border:dashed 1px var(--brand-font6); background-color:var(--colorBCB5); line-height:1.25; font-size:var(--fontSz4); }
.lvt-my-prod .etc,
.lvt-my-prod2 .small { display:block; color:var(--brand-font10); font-weight:var(--fontWg2); }

.lvt-my-prod2 .bg { position:absolute; left:0; top:0; width:100%; }
.lvt-prod-ad { display:flex; flex-wrap:wrap; justify-content:space-between; padding:3.2rem 1.6rem; background:#c71f8f; border-radius:var(--bdrRds4); overflow:hidden; -webkit-backface-visibility:hidden; margin-top:var(--spc6); }
.lvt-prod-ad dt { position:relative; width:100%; margin-bottom:var(--spc1); font-size:var(--fontSz2); line-height:1.33; font-weight:var(--fontWg1); text-align:center; }
.lvt-prod-ad dt::before { content:''; position:absolute; left:0; bottom:3.3rem; width:100%; height:1px; background-color:var(--brand-color2); }
.lvt-prod-ad dt::after { content:''; position:relative; display:block; width:4.4rem; height:4.4rem; margin:1.6rem auto 0; border:1.2rem solid #c71f8f; background:#c71f8f url('../../img/b/lvt/lab-deco.png') 0 0 no-repeat; background-size:cover; border-radius:100%; overflow:hidden; }
.lvt-prod-ad dd { width:calc(50% - 0.4rem); padding:2rem 1.6rem; background:var(--brand-colorBE6); border-radius:2rem; }
.lvt-prod-ad .step { display:block; width:5.6rem; margin-bottom:2.8rem; line-height:2.2rem; text-align:center; font-weight:var(--fontWg1); font-size:var(--fontSz1); text-transform:uppercase; background-color:var(--colorW); color:var(--colorB); border-radius:1.1rem; }
.lvt-prod-ad .small { display:block; margin-bottom:1.2rem; font-size:var(--fontSz1); }
.lvt-prod-ad .info { display:block; font-size:var(--fontSz3); line-height:2.4rem; }
.lvt-prod-ad .point { color:var(--brand-color2); }
.lvt-prod-ad + .btn-area { margin-top:var(--spc8); }

.lvt-my-prod::before { content:'\e82a'; display:block; width:4rem; height:4rem; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; margin:0 auto 1.2rem; padding:calc(0.8rem - 1px); border:1px solid var(--brand-font1); opacity:0.36; border-radius:100%; text-align:center; box-sizing:border-box; }
.lvt-my-prod2 { display:flex; flex-direction:column; padding:var(--spc6); line-height:1.2; text-align:left; }
.lvt-my-prod2 .etc { margin-top:auto; line-height:1.33; font-size:var(--fontSz3); }
.lvt-my-prod .etc, .lvt-my-prod2 .small { margin-top:var(--spc1); line-height:1.29; font-size:var(--fontSz1); }
.lvt-my-prod2 .flag-txt { position:absolute; right:0; bottom:0; background-color:var(--brand-color2); color:var(--brand-font2); }

.lvt-my-prod-close { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; background-color:rgba(0,0,0,0.9); z-index:2; text-align:center; }
.lvt-my-prod-close dt { color:var(--brand-color10); font-size:var(--fontSz3); line-height:2.4rem; }
.lvt-my-prod-close dd { margin-top:2.0rem; }

.lvt-foot-fix { position:fixed; left:0; z-index:11; width:100%; bottom:0; padding-top:3.2rem; color:var(--brand-font1); }
.lvt-foot-fix::before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#051b52 linear-gradient(to bottom, #6013a7, #051b52) no-repeat center 0; background-size:100% 37rem; border-radius:var(--bdrRds6) var(--bdrRds6) 0 0; }
.lvt-foot-fix::after { content:''; position:fixed; left:0; top:100%; right:0; bottom:0; z-index:-1; transition:background 300ms 0ms, top 0ms 300ms; }
.lvt-foot-fix .lvt-foot-toggle { position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; }
.lvt-foot-fix .lvt-foot-toggle::before { content:''; position:absolute; top:1.2rem; left:50%; width:3.2rem; height:0.4rem; margin-left:var(--spc4-m); background:var(--brand-color2); border-radius:0.1rem; opacity:1.0; }
.lvt-foot-fix .lvt-foot-cont { position:relative; padding:0 2.4rem 3.2rem; height:100%; overflow-y:auto; }

.lvt-foot-fix:not(.max) .lvt-my-prod .etc,
.lvt-foot-fix:not(.max) .lvt-my-prod2 .small,
.lvt-foot-fix:not(.max) .lvt-my-prod2 .bg,
.lvt-foot-fix:not(.max) .lvt-my-prod2 .flag-txt,
.lvt-foot-fix:not(.max) .lvt-my-prod::before,
.lvt-foot-fix:not(.max) .area-btm { display:none; }

.lvt-foot-fix:not(.max) .lvt-my-prod, .lvt-foot-fix:not(.max) .lvt-my-prod2 { height:auto; margin-bottom:10rem; line-height:3.8rem; border-radius:1.2rem; box-shadow:none; font-size:var(--fontSz6); color:var(--brand-font1); }
.lvt-foot-fix:not(.max) .lvt-my-prod2 { flex-direction:inherit; align-items:center; padding:0; justify-content:center; }
.lvt-foot-fix:not(.max) .lvt-my-prod2 .name, .lvt-foot-fix:not(.max) .lvt-my-prod2 .etc { font-size:var(--fontSz6); min-height:0; line-height:4rem; }
.lvt-foot-fix:not(.max) .lvt-my-prod2 .etc { margin-left:var(--spc1); }
.lvt-foot-fix.max { max-height:calc(var(--vh) * 100 - (var(--safe-top) + var(--safe-btm))); z-index:17;}
.lvt-foot-fix.max .lvt-foot-cont { max-height:calc(var(--vh) * 100 - (var(--safe-top) + var(--safe-btm) + 8.7rem)); }
.lvt-foot-fix.max::after { top:0; background:var(--colorBO5); transition-delay:0ms, 0ms; }
.lvt-foot-fix.max .lvt-foot-toggle { height:3.2rem; }
.lvt-foot-fix.max .area-btm[data-sticky="bottom"] { bottom:0; }

.lvt-foot-fix.add-index::before { background:var(--colorBCB1); }

/********** FULL CALENDAR **********/
.fullcalendar-foot { display:flex; z-index:10; margin-top:0; align-items:flex-start; }
.fullcalendar-foot[data-sticky="bottom"] { margin-top:0; }
.fullcalendar-foot button:not(.active) { display:none; }
.fullcalendar-foot .btn-cmm { margin-top:-6.9rem; flex:none; margin-left:auto; margin-right:var(--spc2-m); font-weight:var(--fontWg1); }
.fullcalendar-foot .btn-cma { background-color:var(--colorB); color:var(--colorW); }
.tyw div.fullcalendar .cont-result { --el-result-txt:var(--colorBO2); font-size:var(--fontSz4); }
.tyw div.fullcalendar .cont-result [class*="i-result"] { background-color:var(--colorBCB1); }
.tyw div.fullcalendar .cont-result [class*="i-result"]:before { color:var(--brand-font1); }
.tyw div.fullcalendar .cont-result .txt strong { color:var(--colorB); }
.tyw div.fullcalendar .cont-result .txt2 .point { color:var(--colorBCB1); }
div.fullcalendar .cont-result { padding-top:4rem; }
div.fullcalendar {
	margin:0 var(--spc2-m); font-size:1.2rem !important;
	height:calc(var(--vh) * 100 - 16.3rem);
	min-height:57.3rem;
    --fc-small-font-size: 1.2rem;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: hsla(0,0%,82%,.3);
    --fc-neutral-text-color: grey;
    --fc-border-color: rgba(0,0,0,0.04);
    --fc-button-text-color: #000;
    --fc-button-bg-color: transparent;
    --fc-button-border-color: #000;
    --fc-button-hover-bg-color: transparent;
    --fc-button-hover-border-color: #000;
    --fc-button-active-bg-color: transparent;
    --fc-button-active-border-color: #000;
    --fc-event-bg-color: #394def;
    --fc-event-border-color: #394def;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0,0,0,.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 0.6rem;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: hsla(0,0%,84%,.3);
    --fc-bg-event-color: #8fdf82;
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188,232,241,.3);
    --fc-today-bg-color: rgba(255,220,40,.0);
    --fc-now-indicator-color: red;
}
div.fullcalendar .fc-view-harness { flex:1; }
div.fullcalendar .fc-h-event { text-align:center; }
div.fullcalendar .fc-toolbar.fc-header-toolbar { padding:2rem 0; margin:0; }
div.fullcalendar.fc-theme-standard .fc-scrollgrid,
div.fullcalendar.fc-theme-standard td,
div.fullcalendar.fc-theme-standard th { border-width:0; }
div.fullcalendar .fc-daygrid-body td { border-top:1px solid var(--fc-border-color); }
div.fullcalendar .fc-daygrid-body > table { border-top-style:none !important; border-bottom-style:none !important; }
div.fullcalendar .fc-daygrid-day-frame { padding:0.3rem; }
div.fullcalendar .fc-daygrid-day-top { display:block; text-align:center; }
div.fullcalendar .fc-daygrid-day-number { display:inline-block; padding:0; width:1.8rem; height:1.8rem; line-height:1.8rem; border-radius:0.6rem; text-align:center; }
div.fullcalendar .fc-col-header-cell-cushion { padding:var(--spc2); }
div.fullcalendar .fc-day-other .fc-daygrid-day-top,
div.fullcalendar .fc-day-other .fc-daygrid-day-events { opacity:0.2; }
div.fullcalendar .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { background-color:#000; color:#fff; }
div.fullcalendar .fc-toolbar-title { display:inline-block; width:11.8rem; font-size:var(--fontSz3); line-height:2.4rem; text-align:center; }
div.fullcalendar .fc-view:not(.fc-dayGridDay-view) .fc-day-sun { color:#d61313; }
div.fullcalendar .fc-daygrid-more-link { color:var(--colorB); }
div.fullcalendar .fc-button { padding:0 1.05rem; line-height:2.6rem; border-radius:1.4rem; }
div.fullcalendar .fc-prev-button { transform:scaleX(-1); }
div.fullcalendar .fc-prev-button,
div.fullcalendar .fc-next-button { width:2.4rem; height:2.4rem; padding:0; border:0; background:transparent; color:#000; vertical-align:top; outline:none !important; }
div.fullcalendar .fc-settting-button { color:transparent; font-size:0; line-height:0; margin-left:1.2rem !important; }
div.fullcalendar .fc-settting-button::before { display:inline-block; margin:0 -0.3rem; font-family:var(--fontIco); font-size:var(--fontSz6); color:#000; line-height:2.6rem; }
div.fullcalendar .fc-settting-button::before { content:'\e830'; }
div.fullcalendar .fc-loginset-button { font-weight:var(--fontWg1); }
div.fullcalendar .fc-icon.fc-icon-chevron-left,
div.fullcalendar .fc-icon.fc-icon-chevron-right { width:auto; height:auto; vertical-align:top; }
div.fullcalendar .fc-icon.fc-icon-chevron-left:before { font-family:var(--fontIco); content:'\e82e'; font-size:var(--fontSz2); }
div.fullcalendar .fc-icon.fc-icon-chevron-right:before { font-family:var(--fontIco); content:'\e82e'; font-size:var(--fontSz2); }
div.fullcalendar .fc-button-primary:focus,
div.fullcalendar .fc-button:focus { box-shadow:none; }
div.fullcalendar .fc-dayGridDay-view { margin:0 var(--spc4-m) var(--spc7-m); padding:2.4rem; background:#f8f8f8; }
div.fullcalendar .fc-view-harness-active>.fc-dayGridDay-view { bottom:-8.7rem; }
div.fullcalendar .fc-dayGridDay-view .fc-col-header-cell-cushion { display:block; padding:0; }
div.fullcalendar .fc-dayGridDay-view .fc-col-header-cell { font-size:3.2rem; line-height:4rem; font-weight:var(--fontWg1); text-align:left; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-body { border-width:0; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-body td { border-top:0; padding-top:2.4rem; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-event-harness + .fc-daygrid-event-harness { margin-top:1.6rem !important; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-event-harness > .fc-event { margin:0; padding:1.6rem 2rem 1.6rem 3.8rem; text-align:left; border-radius:1.2rem; box-shadow:none; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-event-harness ~ .fc-daygrid-day-bottom { display:none; }
div.fullcalendar .fc-dayGridDay-view .fc-event-title-container:first-child::before { content:'하루종일'; } /* color:var(--fc-event-text-color); */
div.fullcalendar .fc-dayGridDay-view .fc-h-event::after,
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-event-dot::after { content:''; }
div.fullcalendar .fc-dayGridDay-view .fc-event-main { position:static; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-dot-event,
div.fullcalendar .fc-dayGridDay-view .fc-h-event { display:block; --bg:57,77,239; background-color:rgb(var(--bg)); border:none !important; }
div.fullcalendar .fc-dayGridDay-view .fc-event-main-frame { display:block; }
div.fullcalendar .fc-dayGridDay-view .fc-h-event .fc-event-main { display:block; color:#fff; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-event-dot { border:0; box-sizing:border-box; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-dot-event::after { display:none; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-event-dot::after,
div.fullcalendar .fc-dayGridDay-view .fc-h-event::after { position:absolute; left:2rem; top:2.1rem; margin:0; background-color:#fff;  width:var(--fc-daygrid-event-dot-width); height:var(--fc-daygrid-event-dot-width); border:0; border-radius:100%; box-sizing:border-box; }
div.fullcalendar .fc-dayGridDay-view .fc-event-time,
div.fullcalendar .fc-dayGridDay-view .fc-event-title-container:first-child::before { display:block; margin-bottom:1.6rem; font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg1); }
div.fullcalendar .fc-dayGridDay-view .fc-event-selected:before,
div.fullcalendar .fc-dayGridDay-view .fc-event:focus:before { position:static; }
div.fullcalendar .fc-dayGridDay-view .fc-event-title { position:static; display:block; width:100%; padding:0; font-size:var(--fontSz4); line-height:1.5; font-weight:var(--fontWg2); overflow:visible; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-day-frame { padding:0 0 8.2rem; }
div.fullcalendar .fc-daygrid-block-event .fc-event-time { padding:0; }
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-event-harness-abs,
div.fullcalendar .fc-dayGridDay-view .fc-daygrid-body-balanced .fc-daygrid-day-events { position:relative; }
div.fullcalendar.fc-viewty-day ~ .lvt-foot-fix { display:none; }
div.fullcalendar.fc-viewty-day ~ .fullcalendar-foot[data-sticky="bottom"] { margin-top:-0.9rem; }
div.fullcalendar .fc-dayGridMonth-view .fc-daygrid-event { border-radius:var(--spc1); }
@media (max-height:700px) {
	div.fullcalendar.fc-viewty-month ~ .fullcalendar-foot { padding-bottom:4rem; }
}


.wrap-slider-list8 { margin:var(--spc4) var(--spc6-m) 0; }
.list-slide8 .img { position:relative; text-align:center; }
.list-slide8 .img img { width:100%; }
.list-slide8 .img .btn-cma { position:absolute; width:auto; box-shadow:16px 16px 24px 0 rgba(0,0,0,0.4); left:2.6rem; right:2.6rem; bottom:3.6rem; }
.list-slide8 .des { text-align:center; min-height:9.4rem; margin-bottom:var(--spc7); }
.list-slide8 .des .txt1 { font-size:var(--fontSz2); line-height:3.2rem; }
.list-slide8 .des .txt2 { font-size:var(--fontSz5); color:var(--brand-font10); line-height:1.8rem; margin-top:var(--spc3); }

div.info-data11 { padding:var(--spc7) var(--spc6); background:var(--brand-color2); border-radius:var(--bdrRds2); color:var(--brand-font2); margin-top:var(--spc8); }
.info-data11 dt { font-weight:var(--fontWg1); line-height:2.8rem; }
.info-data11 dt::before { display:inline-block; margin-right:var(--spc2); }
.info-data11 dd { margin-top:var(--spc2); font-size:4.0rem; line-height:4.8rem; font-weight:var(--fontWg1); text-align:right; }
.info-data11 dt .point { color:#cd0aa3; }
dl.info-data11 + dl.info-data11 { margin-top:var(--spc6); padding-top:var(--spc6); border-top:solid 1px var(--colorBO08); }

.info-data12 dt { position:relative; padding-left:1.6rem; line-height:2rem; }
.info-data12 dd { line-height:2rem; }
.info-data12 dt::before { content:''; display:inline-block; position:absolute; top:var(--spc1); left:0; width:0.8rem; height:0.8rem; background-color:var(--brand-font1); border-radius:100%; }
dl.info-data12  { display:flex; justify-content:space-between; }
dl.info-data12 + dl.info-data12 { margin-top:var(--spc6); }

.info-data-wrap .list-data20 { margin-top:0; }
.info-data-wrap .list-data20 .item { border-radius:0; border:0 none; background:transparent; padding:var(--spc7) 0 0; }
.info-data-wrap .list-data20 .item + .item { margin-top:0; border-top:solid 1px var(--colorWO16); }
.info-data-wrap .list-data20 div.info-data6 {  border-top:none; margin-top:var(--spc1); }
.info-data-wrap.ty5 { border:1px solid var(--colorCOMNV); }
.info-data-wrap.ty5 .info-data-title1 { border-bottom:1px solid var(--colorCOMNV); background:#3d4979; }
.info-data-wrap.ty5 .list-data20 { padding:0 2.4rem; }
.info-data-wrap.ty5 .list-data20 .item { padding:3.2rem 0; }
.info-data-wrap.ty5 .list-data20 .info-data6 { padding-bottom:0; }

.lvt-graph { position:relative; display:flex; justify-content:center; border-bottom:solid 1px var(--colorWO5); margin:var(--spc8) 0 var(--spc6); align-items:flex-end; }
.lvt-graph dt { position:absolute; left:0; right:0; top:100%; font-size:var(--fontSz1); line-height:1.6rem; margin-top:var(--spc2); text-align:center; }
.lvt-graph .graph-txt { display:block; font-size:var(--fontSz5); line-height:1.8rem; margin-bottom:var(--spc2); text-align:center; }
.lvt-graph .bar { position:relative; display:block; width:10rem; height:8.8rem; background:linear-gradient(to bottom, #21cbd9, #001fff); border-radius:2.0rem 2.0rem 0 0; overflow:hidden; z-index:2; }
.lvt-graph .lock { display:block; width:10rem; height:14rem; background:repeating-linear-gradient( -60deg, #091638, #091638 4px, #12244d 4px, #12244d 10px ); border-radius:2.0rem 2.0rem 0 0; }
.lvt-graph .lock::before { display:block; width:2.4rem; height:2.4rem; font-size:var(--fontSz2); margin:0 auto var(--spc2); }
.lvt-graph dl { position:relative; }
.lvt-graph dl:first-child { order:2; }
.lvt-graph dl + dl { margin-right:var(--spc5); }

/****************************** POPUP ******************************/
.tyw .fm-chk1 .fm-chk-lb:before { background-color:var(--colorB5); }
.tyw .fm-chk1 .fm-chk-lb.ty3 { font-size:var(--fontSz4); }
.tyw .fm-chk1 .fm-chk-lb { color:var(--colorBO5); }
.tyw .fm-chk1 > input:checked + .fm-chk-lb { color:var(--colorB); }
.tyw .fm-chk-g .fm-view::before { color:var(--colorBO3); }
.tyw .fm-chk7 .fm-chk-lb:before { background-color:var(--fm-rdo-bg-default); }
.tyw .fm-chk7 .fm-chk-lb { color:var(--colorBO5); }
.tyw .fm-chk7 > input:checked + .fm-chk-lb { color:var(--colorB); }
.tyw .fm-chk7 > input:checked + .fm-chk-lb:before { background:var(--fm-rdo-bg1); }
.tyw .fm-chk7 > input:checked + .fm-chk-lb:after { background:var(--fm-rdo-bg2); }
.tyw .cont-mes8 { color:var(--colorB); }


/**************** 상품랜딩 ****************/
/****** VILLAN 상품랜딩 gradient ****************/
body.villain-main { --brand-bg-h: #2a006c; --brand-bg: #2a006c; }
[data-brand*="villain-main"] .ins-main-section1 { background:linear-gradient( to bottom, #2a006c, #670130, #6f1fff); }
[data-brand*="villain-main"] .ins-main-section2 { background:linear-gradient( to bottom, rgba(134,73,215,0), #8649d7); }

/****** CREW 상품랜딩 gradient ****************/
body.crew-main { --brand-bg-h: #0e0991; --brand-bg: #0e0991; }
[data-brand*="crew-main"] .ins-main-section1 { background:linear-gradient( to bottom, #0e0991, #d100aa, #b10075); }
[data-brand*="crew-main"] .ins-main-section2 { background:linear-gradient( to bottom, rgba(177,0,117,0), #b10075); }

/****** FAM 상품랜딩 gradient ****************/
body.fam-main { --brand-bg-h: #000086; --brand-bg: #000086; }
[data-brand*="fam-main"] .ins-main-section1 { background:linear-gradient( to bottom, #000086, #8339f8, #004eff); }
[data-brand*="fam-main"] .ins-main-section2 { background:linear-gradient( to bottom, rgba(134,73,215,0), #0d27e6); }

/****** FORME 상품랜딩 gradient ****************/
body.forme-main { --brand-bg-h: #00116c; --brand-bg: #00116c; }
[data-brand*="forme-main"] .ins-main-section1 { background:linear-gradient( to bottom, #00116c, #9d3f34, #a24931, #ebd105); }
[data-brand*="forme-main"] .ins-main-section2 { background:linear-gradient( to bottom, rgba(0,17,108,0), #00116c); }

/****** FLEX 상품랜딩 gradient ****************/
body.flex-main { --brand-bg-h: #000581; --brand-bg: #000581; }
[data-brand*="flex-main"] .ins-main-section1 { background:linear-gradient( to bottom, #000581, #933b76 28%, #db5a11); }
[data-brand*="flex-main"] .ins-main-section2 { background:linear-gradient( to bottom, rgba(136,49,0,0), #f96714); }

/****** HERO 상품랜딩 gradient ****************/
body.hero-main { --brand-bg-h: #011081; --brand-bg: #011081; }
[data-brand*="hero-main"] .ins-main-section1 { background:linear-gradient( to bottom, #011081, #06a87d, #348b7e); }
[data-brand*="hero-main"] .ins-main-section2 { background:linear-gradient( to bottom, rgba(0,206,255,0), #008e4a); }


/****** 상품랜딩 section ****************/
.brand-forme .ins-101 .ins-main-section1 .section3 .cont-mes4 { color:var(--colorBO3); }
.brand-forme .ins-101 .ins-main-section1 .section4 .ins-main-ref,
.brand-forme .ins-101 .ins-main-section1 .section3 .ins-main-def2 { color:var(--colorBO5); }

/* 상품랜딩 section2 이미지 - 상단 */
.ins-501 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-teen.png"); } /* villain - 청소년 */
.ins-503 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-worker.png"); } /* villain - 직장인 */
.ins-401 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-golf.png"); } /* crew - 골프 */
.ins-100 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-travel.png"); } /* crew - 해외여행자 */
/* .ins-402.inner-info .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-activity.png"); } */
/* crew - 액티비티 */
.ins-402 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-activity-b.png"); } /* crew - 액티비티 B */
.ins-202 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-camping.png"); } /* crew - 캠핑 */
/*.ins-300 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-auto.png"); }  crew - 원데이자동차 */
.ins-600 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-fandom.png"); } /* crew - 덕밍아웃 */
.ins-203 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-baby.png"); } /* myfam - 베이비 */
.ins-201 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-kids.png"); } /* myfam - 키즈 */
.ins-204 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-parents.png"); } /* myfam - 불효자 */
.ins-500 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-mom.png"); } /* myfam - 알파맘 */
.ins-101 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-cancer.png"); } /* forme - 미니암 */
.ins-101.add-ci .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-goldentime.png"); } /* forme - 미니뇌심 */
.ins-102 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-driver.png"); } /* forme - 운전자 */
.ins-104 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-ladies.png"); } /* forme - 언제나언니 */
.ins-301 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-electronics.png"); } /* flex - 가전 */
.ins-302 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-smartdevice.png"); } /* flex - 스마트기기 */
.ins-303 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-home.png"); } /* flex - 우리집 */
.ins-601 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-firefighter.png"); } /* hero - 소방관 */
.ins-602 .ins-main-section2:before { background-image:url("../../img/b/ins/bg-ins-sec2-medical.png"); } /* hero - 의료진 */

/* 상품랜딩 section2 이미지 - bright */
.ins-main-section2 { background-color:#000 !important; }
.ins-main-section2:after { content:""; visibility:hidden; position:absolute; bottom:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 bottom; background-size:contain; }
[data-brand*="villain-main"] .ins-main-section2:after { background-image:url("../../img/b/ins/bg-bright-villain.png") }
[data-brand*="crew-main"] .ins-main-section2:after { background-image:url("../../img/b/ins/bg-bright-crew.png") }
[data-brand*="fam-main"] .ins-main-section2:after { background-image:url("../../img/b/ins/bg-bright-fam.png") }
[data-brand*="forme-main"] .ins-main-section2:after { background-image:url("../../img/b/ins/bg-bright-forme.png") }
[data-brand*="flex-main"] .ins-main-section2:after { background-image:url("../../img/b/ins/bg-bright-flex.png") }
[data-brand*="hero-main"] .ins-main-section2:after { background-image:url("../../img/b/ins/bg-bright-hero.png") }


/****************************** BRAND COLOR ******************************/
body:not([class*="brand-"]) .deco-box:not(.ty2) { background:#3cff6b; }
body[class*="-main"] #wrap,
body[class*="-main"] #wrap:before { background:none; }

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

	--brand-color1:var(--colorCOM1); /* contents bg */
	--brand-color2:var(--colorCOM2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorCOM3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorCOM4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorCOM5); /* form, box */
	--brand-color6:var(--colorCOM6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorCOM7); /* 상품가입 메인 */
	--brand-color9:var(--colorCOM2); /* box2 */
	--brand-color10:var(--colorCOM3); /* 카드 목록 딤위 포인트컬러 */

	--brand-font1:var(--colorW); /* 기본폰트 컬러 */
	--brand-font2:var(--colorB); /* 브랜드 포인트 BG + 폰트 */
	--brand-font4:var(--colorWO4); /* 박스안 반투명 arrow */
	--brand-font10:var(--colorWO6); /* 반투명 텍스트 */
	--brand-font12:var(--colorWO4); /* 반투명 텍스트 */

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

	--view-brand-bg:var(--brand-bg);

	--fm-pw-default-color:var(--colorWO2); /* 비밀번호 default 컬러 */
	/* --fm-chk7-active1:var(--brand-colorBE1); */
	--fm-chk7-active2:var(--colorCOM2);
	--fm-rdo-bg-default:var(--colorBO16);
	--fm-rdo-bg1:var(--colorBO16);
	--fm-rdo-bg2:var(--colorCOM2);

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

	--el-toast-txt:var(--colorCOM2);
	--el-certify-tab:rgba(255,255,255,0.12);
	--el-result-txt:var(--colorWO4);
	--el-tab3-bg:linear-gradient(to left, var(--brand-color6), var(--brand-color6) 50%, rgba(255, 255, 255, 0));
	--el-tab3-bg2:var(--colorWO24);
	--el-tab3-bg3:rgba(254,225,123,1);
	--el-paging-bg:var(--colorWO16);
	--el-date-bg:var(--colorCOM7);
}

.brand-villain { 
	--el-tab-bg:#522e92; /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, #780343,  #522e92); /* 피버- 서브페이지 contents bg */
	--brand-bg-h: #780343; /* 브랜드 header 그라데이션 */
	--brand-bg: #780343; /* 브랜드 배경컬러 */
	--brand-trans-line:var(--colorBO16); /* 본인인증/로그인 인트로 line */
	--brand-check-color:var(--colorBO4); /* 브랜드 checkbox 컬러 */
	--brand-border-color:#c22aff; /* 브랜드 border 컬러 */
	--brand-color-default:var(--brand-color1); /* 공통컬러 = 메인bg컬러, 브랜드컬러는 --brand-color1과 동일 */

	--brand-color1:var(--colorBCA1); /* contents bg */
	--brand-color2:var(--colorBCA2); /* 브랜드 포인트 컬러 */ /* 디폴트 컬러와 같으나 슬라이드 컨텐츠 적용시간으로 설정에 추가함 */
	--brand-color5:var(--colorBCA5); /* form, box */
	--brand-color6:var(--colorBCA6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCA7); /* 상품가입 메인 */
	--brand-color-my:#ffff00; /* 마이페이지 title */
	--brand-color-old:#ad2aff; /* 세계관 color */
	
	--brand-font1:var(--colorW); /* 기본폰트 컬러 */ /* 디폴트 컬러와 같으나 슬라이드 컨텐츠 적용시간으로 설정에 추가함 */
	--brand-font2:var(--colorB); /* 브랜드 포인트 BG + 폰트 */ /* 디폴트 컬러와 같으나 슬라이드 컨텐츠 적용시간으로 설정에 추가함 */

	--brand-colorBE1:var(--colorBO4); /* fm-chk1 */
	--brand-colorBE2:var(--colorBO4); /* fm-chk4 */ /* 카카오페이 */
	--brand-colorBE5:var(--colorBO4); /* step/slide dot */

	--fm-pw-default-color:var(--colorWO16); /* 비밀번호 default 컬러 */
	--fm-pw:url("../../img/b/com/fm-pw5.png");
	--fm-disable-bg:repeating-linear-gradient( -60deg, #51299a, #51299a 4px, #462784 4px, #462784 10px );
	--fm-chk7-active1:var(--colorBO4);
	--fm-chk7-active2:var(--colorBCA2);
	--fm-rdo-bg-default:var(--colorBO4);
	--fm-rdo-bg1:var(--colorBO4);
	--fm-rdo-bg2:var(--brand-color2);

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

	--el-toast-txt:var(--brand-color2);
	--el-certify-tab:rgba(0,0,0,0.12);
	--el-tab3-bg:linear-gradient(to left, #31195c, rgba(49, 25, 92, 0.93) 50%, rgba(49, 25, 92, 0));
	--el-paging-bg:var(--colorBO16);
	--el-date-bg:var(--colorBCA8);
}

.villain-main {
	--brand-color1:var(--colorBCA7); /* 보험메인 */
}

.brand-crew { 
	--el-tab-bg:#8b0a65; /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, #130b91, #8b0a65); /* 피버- 서브페이지 contents bg */
	--brand-bg-h: #130b91; /* 브랜드 header 그라데이션 */
	--brand-bg: #130b91; /* 브랜드 배경컬러 */
	--brand-trans-line:var(--colorBO16); /* 본인인증/로그인 인트로 line */
	--brand-check-color:var(--colorBO16); /* 브랜드 checkbox 컬러 */
	--brand-border-color:#e51bfd; /* 브랜드 border 컬러 */
	--brand-color-default:var(--brand-color1); /* 공통컬러 = 메인bg컬러, 브랜드컬러는 --brand-color1과 동일 */

	--brand-color1:var(--colorBCB1); /* contents bg */
	--brand-color2:var(--colorBCB2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorBCB3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorBCB4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorBCB5); /* form, box */
	--brand-color6:var(--colorBCB6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCB7); /* 상품가입 메인  */
	--brand-color9:var(--colorBCB2); /* box2 */
	--brand-color10:var(--colorBCB3); /* 카드 목록 딤위 포인트컬러 */
	--brand-color-my:#3cff6b; /* 마이페이지 title */
	--brand-color-old:#e129a3; /* 세계관 color */

	--brand-font1:var(--colorW); /* 기본폰트 컬러 */
	--brand-font2:var(--colorB); /* 브랜드 포인트 BG + 폰트 */
	--brand-font4:var(--colorWO4); /* 박스안 반투명 arrow */
	--brand-font9:var(--colorWO5); /* input disabled 폰트 */
	--brand-font11:var(--colorWO48); /* 라벨 */

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

	--fm-pw-default-color:var(--colorBO16); /* 비밀번호 default 컬러 */
	--fm-pw:url("../../img/b/com/fm-pw3.png");
	--fm-disable-bg:repeating-linear-gradient( -60deg, #8A0D66, #8A0D66 4px, #82065E 4px, #82065E 10px );
	--fm-chk7-active1:var(--colorBCB2);
	--fm-chk7-active2:var(--colorB);
	--fm-rdo-bg1:var(--brand-color2);
	--fm-rdo-bg2:var(--colorB);

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

	--el-toast-txt:var(--brand-color2);
	--el-certify-tab:rgba(0,0,0,0.12);
	--el-tab3-bg:linear-gradient(to left, #7b0259, rgba(123, 2, 89, 0.93) 50%, rgba(133, 25, 95, 0));
	--el-tab3-bg3:rgba(132,28,100,1);
	--el-paging-bg:var(--colorBO16);
	--el-date-bg:#e129a3;
}

.crew-main {
	--brand-color1:var(--colorBCB7); /* 보험메인 */
}

.brand-fam { 
	--el-tab-bg:#1e2c93; /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, #830093, #5f1992 64%, #1e2c93); /* 피버- 서브페이지 contents bg */
	--brand-bg-h: #830093; /* 브랜드 header 그라데이션 */
	--brand-bg: #830093; /* 브랜드 배경컬러 */
	--brand-trans-line:var(--colorBO16); /* 본인인증/로그인 인트로 line */
	--brand-check-color:var(--colorBO16); /* 브랜드 checkbox 컬러 */
	--brand-border-color:#2680eb; /* 브랜드 border 컬러 */
	--brand-color-default:var(--brand-color1); /* 공통컬러 = 메인bg컬러, 브랜드컬러는 --brand-color1과 동일 */

	--brand-color1:var(--colorBCC1); /* contents bg */
	--brand-color2:var(--colorBCC2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorBCC3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorBCC4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorBCC5); /* form, box */
	--brand-color6:var(--colorBCC6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCC7); /* 상품가입 메인 */
	--brand-color9:var(--colorBCC2); /* box2 */
	--brand-color10:var(--colorBCC3); /* 카드 목록 딤위 포인트컬러 */
	--brand-color-my:#ff6ccc; /* 마이페이지 title */
	--brand-color-old:#2680eb; /* 세계관 color */

	--brand-font1:var(--colorW); /* 기본폰트 컬러 */
	--brand-font2:var(--colorW); /* 브랜드 포인트 BG + 폰트 */
	--brand-font4:var(--colorWO4); /* 박스안 반투명 arrow */
	--brand-font10:var(--colorWO4); /* 반투명 텍스트 */
	--brand-font12:var(--colorWO4); /* 반투명 텍스트 */

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

	--fm-pw-default-color:var(--colorBO16); /* 비밀번호 default 컬러 */
	--fm-pw:url("../../img/b/com/fm-pw4.png");
	--fm-disable-bg:repeating-linear-gradient( -60deg, #3241be, #3241be 4px, #2734a5 4px, #2734a5 10px );
	--fm-chk7-active1:var(--colorBCC2);
	--fm-chk7-active2:var(--colorW);
	--fm-rdo-bg1:var(--brand-color2);	
	--fm-rdo-bg2:var(--colorW);

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

	--el-toast-txt:var(--brand-color2);
	--el-certify-tab:rgba(0,0,0,0.12);
	--el-tab3-bg:linear-gradient(to left, #172270, rgba(23, 34, 112, 0.93) 50%, rgba(23, 34, 112, 0));
	--el-tab3-bg3:rgba(36,46,148,1);
	--el-date-bg:#394def;
}

.fam-main {
	--brand-color1:var(--colorBCC7); /* 보험메인 */
}

.brand-forme { 
	--el-tab-bg:#c17200; /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, #19287c, #9d4434 62%, #c17200); /* 피버- 서브페이지 contents bg */
	--brand-bg-h: #19287c; /* 브랜드 header 그라데이션 */
	--brand-bg: #19287c; /* 브랜드 배경컬러 */
	--brand-check-color:var(--colorBO16); /* 브랜드 checkbox 컬러 */
	--brand-border-color:#ffe190; /* 브랜드 border 컬러 */
	--brand-color-default:var(--brand-color1); /* 공통컬러 = 메인bg컬러, 브랜드컬러는 --brand-color1과 동일 */

	--brand-color1:var(--colorBCD1); /* contents bg */
	--brand-color2:var(--colorBCD2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorBCD3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorBCD4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorBCD5); /* form, box */
	--brand-color6:var(--colorBCD6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCD7); /* 상품가입 메인 */
	--brand-color9:var(--colorBCD2); /* box2 */
	--brand-color10:var(--colorBCD3); /* 카드 목록 딤위 포인트컬러 */
	--brand-color-my:#3bf6fd; /* 마이페이지 title */
	--brand-color-old:#f5ff00; /* 세계관 color */

	--brand-font1:var(--colorW); /* 기본폰트 컬러 */
	--brand-font2:var(--colorB); /* 브랜드 포인트 BG + 폰트 */
	--brand-font3:var(--colorBO16); /* 박스안 분리 line */
	--brand-font4:var(--colorWO4); /* 박스안 반투명 arrow */
	--brand-font8:var(--colorBO04); /* 페이징 백그라운드 */
	--brand-font9:var(--colorBO5); /* input disabled 폰트 */
	--brand-font11:var(--colorBO32); /* 라벨 */
	--brand-font12:var(--colorB); /* 반투명 텍스트 */

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

	--fm-pw-default-color:var(--colorWO16); /* 비밀번호 default 컬러 */
	--fm-pw:url("../../img/b/com/fm-pw2.png");
	--fm-disable-bg:repeating-linear-gradient( -60deg, #de9d10, #de9d10 4px, #d09000 4px, #d09000 10px );
	--fm-chk7-active1:var(--colorBCD2);
	--fm-chk7-active2:var(--colorB);
	--fm-rdo-bg1:var(--brand-color2);
	--fm-rdo-bg2:var(--colorB);	

	--pg-btn2-disabled:var(--colorBO24);

	--el-toast-txt:var(--brand-color2);
	--el-result-txt:var(--colorWO4);
	--el-tab3-bg:linear-gradient(to left, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0));
	--el-tab3-bg2:var(--colorWO24);
	--el-tab3-bg3:rgba(254,225,123,1);
	--el-paging-bg:var(--colorBO16);
	--el-date-bg:#c17200;
}

.forme-main {
	--brand-color1:var(--colorBCD7); /* 보험메인 */
}

.brand-flex { 
	--el-tab-bg:#883100; /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, #000f81, #883100); /* 피버- 서브페이지 contents bg */
	--brand-bg-h: #000f81; /* 브랜드 header 그라데이션 */
	--brand-bg: #000f81; /* 브랜드 배경컬러 */
	--brand-check-color:var(--colorBO2); /* 브랜드 checkbox 컬러 */
	--brand-border-color:#fd5d0e; /* 브랜드 border 컬러 */
	--brand-color-default:var(--brand-color1); /* 공통컬러 = 메인bg컬러, 브랜드컬러는 --brand-color1과 동일 */

	--brand-color1:var(--colorBCE1); /* contents bg */
	--brand-color2:var(--colorBCE2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorBCE3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorBCE4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorBCE5); /* form, box */
	--brand-color6:var(--colorBCE6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCE7); /* 상품가입 메인 */
	--brand-color9:var(--colorBCE2); /* box2 */
	--brand-color10:var(--colorBCE3); /* 카드 목록 딤위 포인트컬러 */
	--brand-color-my:#a7ff00; /* 마이페이지 title */
	--brand-color-old:#fc6b01; /* 세계관 color */

	--brand-font1:var(--colorW); /* 기본폰트 컬러 */
	--brand-font2:var(--colorB); /* 브랜드 포인트 BG + 폰트 */
	--brand-font3:var(--colorWO12); /* 박스안 분리 line */
	--brand-font4:var(--colorWO4); /* 박스안 반투명 arrow */
	--brand-font5:var(--colorWO6); /* placeholder */
	--brand-font8:var(--colorBO04); /* 페이징 백그라운드 */
	--brand-font9:var(--colorWO5); /* input disabled 폰트 */
	--brand-font10:var(--colorWO6); /* 반투명 텍스트 */
	--brand-font11:var(--colorWO6); /* 라벨 */
	--brand-font12:var(--colorWO6); /* 반투명 텍스트 */

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

	--fm-pw-default-color:var(--colorBO16); /* 비밀번호 default 컬러 */
	--fm-pw:url("../../img/b/com/fm-pw6.png");
	--fm-disable-bg:repeating-linear-gradient( -60deg, #832e00, #832e00 4px, #712900 4px, #712900 10px );
	--fm-chk7-active1:var(--colorBCE2);
	--fm-chk7-active2:var(--colorB);
	--fm-rdo-bg1:var(--brand-color2);
	--fm-rdo-bg2:var(--colorB);	
	--fm-valid-bg:var(--colorB);

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

	--el-toast-txt:var(--brand-color2);
	--el-certify-tab:rgba(0,0,0,0.12);
	--el-deco-ico2:var(--colorW);
	--el-tab3-bg:linear-gradient(to left, #5a2101, #5a2101 50%, rgba(90, 33, 1, 0));
	--el-tab3-bg3:rgba(170,53,0,1);
	--el-date-bg:#f96714;
}

.flex-main {
	--brand-color1:var(--colorBCE7); /* 보험메인 */
}

.brand-hero { 
	--el-tab-bg:#00878d; /* tab sticky - color */
	--brand-color11:linear-gradient(to bottom, #002f79, #00878d); /* 피버- 서브페이지 contents bg */
	--brand-bg-h: #002f79; /* 브랜드 header 그라데이션 */
	--brand-bg: #002f79; /* 브랜드 배경컬러 */
	--brand-border-color:#00bf95; /* 브랜드 border 컬러 */
	--brand-color-default:var(--brand-color1); /* 공통컬러 = 메인bg컬러, 브랜드컬러는 --brand-color1과 동일 */

	--brand-color1:var(--colorBCF1); /* contents bg */
	--brand-color2:var(--colorBCF2); /* 브랜드 포인트 컬러 */
	--brand-color3:var(--colorBCF3); /* 안내팝업 버튼1 */
	--brand-color4:var(--colorBCF4); /* 안내팝업 버튼2 */
	--brand-color5:var(--colorBCF5); /* form, box */
	--brand-color6:var(--colorBCF6); /* 보험 박스 타이틀 */
	--brand-color7:var(--colorBCF7); /* 상품가입 메인 */
	--brand-color9:var(--colorW); /* box2 */
	--brand-color10:var(--colorBCF3); /* 카드 목록 딤위 포인트컬러 */
	--brand-color-my:#fc7730; /* 마이페이지 title */
	--brand-color-old:#3cff6b; /* 세계관 color */

	--brand-font1:var(--colorW); /* 기본폰트 컬러 */
	--brand-font2:var(--colorW); /* 브랜드 포인트 BG + 폰트 */
	--brand-font3:var(--colorWO16); /* 박스안 분리 line */
	--brand-font4:var(--colorWO4); /* 박스안 반투명 arrow */
	--brand-font7:var(--colorWO16); /* 바탕 분리 line */
	--brand-font8:var(--colorBO04); /* 페이징 백그라운드 */
	--brand-font9:var(--colorBO5); /* input disabled 폰트 */
	--brand-font11:var(--colorBO48); /* 라벨 */
	--brand-font12:var(--colorBO5); /* 반투명 텍스트 */

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

	--fm-pw-default-color:var(--colorBO16); /* 비밀번호 default 컬러 */
	--fm-pw:url("../../img/b/com/fm-pw7.png");
	--fm-disable-bg:repeating-linear-gradient( -60deg, #018488, #018488 4px, #0b7276 4px, #0b7276 10px );
	--fm-chk7-active1:var(--colorBCF2);
	--fm-chk7-active2:var(--colorW);
	--fm-rdo-bg1:var(--brand-color2);	
	--fm-rdo-bg2:var(--colorW);	

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

	--el-toast-txt:var(--brand-color2);
	--el-tab3-bg:linear-gradient(to left, #055558, #055558 50%, rgba(5, 85, 88, 0));
	--el-tab3-bg2:var(--colorWO24);
	--el-tab3-bg3:rgba(166,238,204,1);
	--el-date-bg:#7ce495;
}

.hero-main {
	--brand-color1:var(--colorBCF7); /* 보험메인 */
}

.brand-aos-white { 
	--brand-color1:var(--colorW); /* contents bg */
	--brand-font1:var(--colorB); /* 기본폰트 컬러 */
	--fm-pw:url("../../img/b/com/fm-pw8.png");
	--el-toast-txt:var(--colorB);
}


/****************************** 2023 추가 ******************************/
/* 230405추가 : 보험금신청-CLA-60-POP09  */
.doc-wrap .doc-item dd .btn-cmc.z-inherit { z-index: inherit; }

/* 230407추가 : 비디오 플레이어 음소거제어 버튼 추가 HRT-01 */
.btn-hrt-muted { position:absolute; right:6.6rem; bottom:22rem; width:2.4rem; height:2.4rem; background:url('../../img/b/hrt/ico-muted-off.png') 0 0 no-repeat; background-size:2.4rem; }
.btn-hrt-muted.on {background:url('../../img/b/hrt/ico-muted-on.png') 0 0 no-repeat; background-size:2.4rem; }

/* 230407추가 : 보험 계약 체결을 위한 정보 동의 INS-35-POP01 */
.fm-chk-g.add-agree { margin-top:var(--spc2); padding-top:var(--spc2); }
.fm-chk-g.add-agree { margin-top:var(--spc2); }
.add-height .fm-agree +.fm-agree{ margin-top: var(--spc4); }
.fm-chk-g.add-agree .fm-chk1>input:checked+.fm-chk-lb:before { background-color:transparent;}
.fm-chk-g.add-agree .fm-chk1 .fm-chk-lb:after {	color:inherit; }
.fm-chk-g.add-agree .fm-chk1>input:checked+.fm-chk-lb:after { color:var(--colorB); background-color:transparent; }
.fm-chk-g.add-agree .tyw .fm-chk1 .fm-chk-lb:before { background-color:transparent; }
.fm-chk-g.add-agree .fm-chk1 .fm-chk-lb:after {	background-color:#fff; }						
.agree-scroll.add-height { max-height:22rem; overflow-y:scroll;overflow-x:hidden }

/* 230410추가 : 마음첫줄 list */
.header { z-index: 17; }
.wrap-slider-hrt-tab { z-index:12; }
.hrt-slide2-tab .hrt-slide2-tab.slide-area .item.slide{ z-index:16; }

/* 230418추가 : 실험실 > 설문조사 > 신고 */
.info-ref.report dt { font-size:var(--fontSz6); color:var(--brand-font1); font-weight:var(--fontWg2); line-height:1; margin-bottom:var(--spc4); }

/* 230421 추가 : 아이콘버튼 백그라운드 변경 */
.btn-cmy { background-image: linear-gradient(151deg, #626262, #000 54%); }

/* 230425 추가 : 폰트사이즈 변경 - 230502 원복 */
/* .ty-select .fm-chk13 .fm-chk-lb { display:block; height:100%; background:var(--colorBO32); font-size:var(--fontSz4); border-radius:2rem; padding:1.2rem; line-height:1.8rem; } */

/* 230426 추가 : 우리집보험 동호수 선택박스 넓이 */
.touchopt-wrap.modi-width > div:only-of-type { width:100%; }

/* 230502 추가 : 계약사항 확인 info 추가 */
.info-data6 > .area-btm .btn-cmb {height:4.4rem; line-height:4.2rem}
.info-ref-set .info-ref.ty2, 
.info-ref-set .info-ref.add-mgt { line-height:2.4rem; }
.info-ref-set .info-ref.ty2 { margin-top:var(--spc0); border-top:none; padding:var(--spc6) 0 0; border-radius:0; }
.info-ref-set .info-ref.ty2 p + p,
.info-ref-set .info-ref.add-mgt p + p { margin-top:var(--spc2); }

/* 230503 추가 : 이벤트 공유하기 추가 */
.board-view2 .board-head.modi { padding:var(--spc8) 0 var(--spc6) 0; text-align:left; }
.board-view2 .board-head.modi h1 { position:relative; font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:3.2rem; }
.board-view2 .board-head.modi h1 .title { display:inline-block; margin-right:7rem;}
.board-view2 .board-head.modi h1 .title { display:inline-block; line-height:1.2;}
.board-view2 .board-head.modi h1 .title .txt-date { display:block; margin-top:var(--spc1); font-size:1.2rem; color:#fff;opacity:0.5; font-weight:400; }
.board-view2 .board-head.modi .btn-cmz{	position:absolute; right:0; top:0; margin-left:var(--spc3); z-index:17; display: inline-block; border:solid 1px var(--brand-font1); height:2.8rem; border-radius: 1.4rem; font-size:var(--fontSz1); padding:0 1.2rem 0 0.7rem; line-height:2.6rem; }
.board-view2 .board-head.modi .btn-cmz .icon1 { display:block; overflow:hidden;	color: #fff; font-size:unset; line-height:unset; font-weight:400; }
.board-view2 .board-head.modi .btn-cmz .ico91::before {	content:'\e85a'; font-size:var(--fontSz6); line-height:unset; color:var(--colorW); width:unset; margin-right:0.5rem; display:inline-block; }

.list-data3 .item .info .des{ position:relative }
.list-data3 .item .info .des p { margin-right:5.5rem; }
.list-data3 .item .btn-cmz{	position:absolute; padding:0; margin-left:var(--spc3); right:0; top:-0.5rem; z-index:17; display:inline-block; height:2.8rem; font-size:var(--fontSz5); line-height:2.6rem; border:none; }
.list-data3 .item .btn-cmz .icon1 { display:block; overflow:hidden;	color:#000; font-size:1.2rem; line-height:unset; font-weight:400; }
.list-data3 .item .btn-cmz .ico91::before {	content:'\e85a'; font-size:var(--fontSz6); line-height:unset; color:#000; width:unset; margin-right:0.4rem; display:inline-block; }

/* 230509 추가 : 보험금신청 챗봇안내 */
.sidebar.invisible[data-tip2]::before { transition:.3s; opacity: 0;}
.sidebar.invisible[data-tip2]::after { transition:.3s; opacity: 0;}

/* 230512 추가 : 보험금 신청 */
.list-data15.applicant a { height:5.5rem; padding:unset; margin-bottom:1.2rem; line-height:5.3rem; box-sizing:border-box; }
.list-data15.applicant a.on { transition:all .2s; background-color:var(--colorCOM2); }

/* 230517 추가 : 가전보험 */
.info-selecting { margin-top:1.2rem; color:var(--colorBCE2); font-size:1.4rem; line-height:1;}
.info-selecting .bul-txt li{ color: var(--colorB); }
.info-selecting .bul-txt li::before { content:''; display:inline-block; position:absolute; top:0.9rem; left:0; width:0.2rem; height:0.2rem; background-color: var(--colorB); border-radius: 100%; }

/* 230518 추가 : 마음첫줄 */
.btn-hrt-prev-10 { position:absolute; left:3.5rem; bottom:12.2rem; width:2.8rem; height:2.8rem; background:url('../../img/b/hrt/ico-prev-10.png') 0 0 no-repeat; background-size:2.8rem; text-indent: -9999px; }
.btn-hrt-next-10 { position:absolute; right:3.5rem; bottom:12.2rem; width:2.8rem; height:2.8rem; background:url('../../img/b/hrt/ico-next-10.png') 0 0 no-repeat; background-size:2.8rem; text-indent: -9999px; }
.hrt-list.hot { position:relative; }
.hrt-list.hot .line-divide { position:absolute; bottom:-3rem; left:0; width:150%;border-bottom:solid 1px var(--brand-font3); }
.hrt-list.hot + .hrt-list { padding-top:3.3rem; }

/****************************** 230522 추가 : (s) 마음첫줄 - 브릿지  ******************************/
.hrt-play { background-color:#000 !important; }
.btn-prev-play{ overflow:hidden; position:fixed; top:1rem; left:2.4rem; display:block; color: transparent; line-height: 0; width: 2.4rem; /* padding: 1rem var(--spc3); */ z-index:20}
.btn-prev-play::before {content:'\e804'; display:block; font-family:var(--fontIco); font-size:var(--fontSz2); color:var(--brand-font1); font-weight:var(--fontWg2); line-height:1; vertical-align:top;}
.bg_ani{display:flex; background-color: #000;}
.ani01{ position:absolute; top:0; left:0%; width:33%; height:140vh; background:#000 url('../../img/b/hrt/bg_img01.png') no-repeat 0 center;background-size:100%; animation:ani1; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards;}
.ani02{ position:absolute; top:0; left:34%; width:33%; height:140vh; background:#000 url('../../img/b/hrt/bg_img02.png') no-repeat 0 center;background-size:100%; animation:ani2; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards;}
.ani03{ position:absolute; top:0; right:0%; width:32.3%; height:140vh; background:#000 url('../../img/b/hrt/bg_img03.png') no-repeat 0 center;background-size:100%; animation:ani3; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards;}
@keyframes ani1 { from { background-position: 0 -35rem; } to { background-position: 0 -15rem; } } 
@keyframes ani2 { from { background-position: 0 0rem; } to { background-position: 0 -20rem; } } 
@keyframes ani3 { from { background-position: 0 -30rem; } to { background-position: 0 -10rem; } }  
.swiper-container.page-section { width:100%; height:100vh; margin-left:auto; margin-right:auto; }
.swiper-slide.page { text-align:center;font-size:18px; /* background: #fff; *//* Center slide text vertically */display:-webkit-box; display:-ms-flexbox;display: -webkit-flex;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align: center;-ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; align-items: flex-start;
    flex-direction: column; justify-content: flex-start}
.color-1 { padding:11rem 2.4rem 8.4rem; /*background-color:#000;*/  background:linear-gradient(to bottom, rgba(48,25,92,0.5) 0%, rgba(48,25,92,0.7) 30%, rgba(0,0,0,1) 60%); }
.color-1 .title-page { margin-top:20rem; margin-bottom:6.8rem; text-align:left; font-size:2.4rem; line-height:1.33; color:#fff;}
.color-1 .swiper-button-next-sec2 { position:absolute; left:4rem; bottom:5rem; width:33px; }
.title-page .sub-title-page { display:block; padding-top:1.2rem; font-size:1.6rem; color:var(--brand-font10);}
/* .color-1 { padding:24rem 2.4rem 0; background:linear-gradient(to bottom, rgba(0,0,0,0.7) -13%, #000 97%);} */
/* .color-1 .title-page { position: absolute; top:8.4rem; left:4rem; text-align:left; font-size:2.4rem; line-height:1.33; color:#fff;} */
.color-1 > .area-btn { display:unset; position: absolute; bottom:3.2rem; left:2.4rem; right:2.4rem; z-index:10;}
.header-hrt .btn-prev::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; content:'\e804'; }
.play-wrapper.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing:content-box; }
.play.swiper-slide { flex-shrink:0; width:100%; height: 100%; position:relative; transition-property:transform; display: block; }
.box-play{/* padding: 2rem calc(100vw - 26.3rem) 5rem 0; */padding: 0 0 13rem 0; /* margin: -1.4rem 0 -5rem 0; */}
.box-play .swiper.play { width:100%; height:100%; }
.box-play .swiper.play .play-wrapper.swiper-wrapper{ align-items: center; }
.play.swiper-slide { background:transparent; display:flex; justify-content:center; align-items:center; }
.play.swiper-slide { /* margin-top:10%;  */width:90%; /* Center slide text vertically */ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; position:relative; /*padding: 0 2.6%;*/ align-items:center; }
.play.swiper-slide { -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); } 
.play.swiper-slide a { display:block; pointer-events:none; }
.play.swiper-slide a img { display:block; width:100%; height:100%; transition:all 0.3s linear 0.12s; transform-origin: center center; object-fit: cover; border-radius: 2.8rem;}
/* .play.swiper-slide-active {margin-top:5%} */
.play.swiper-slide-active { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } 
.play.swiper-slide-active img { -webkit-transform:translateZ(0) scale(1); transition:all 0.3s linear 0.12s; }
.play.swiper-slide-active a { pointer-events:auto }
.play a { position:relative; }
.swiper-slide.play a .tit { position: absolute; top:2.3rem; left:2.4rem; width:calc(100% - 4.8rem); z-index:5; text-align:left; font-size:4rem; color:#fff; font-family:wotfard; font-weight:700; }
.swiper-slide.play a .tit::after{ content:''; position:absolute; top:1.3rem; right:-1rem; z-index:5; width:2.4rem; height:2.4rem; background:url('../../img/b/hrt/hrt-arrow_right.png') no-repeat 0 0; background-size: 100%; opacity: 0;}
.swiper-slide-active.play a .tit::after{ content:''; position:absolute; top:1.3rem; right:-1rem; z-index:5; width:2.4rem; height:2.4rem; background:url('../../img/b/hrt/hrt-arrow_right.png') no-repeat 0 0; background-size: 100%; opacity:1;}
.play a .tit-sub{ position: absolute;bottom:2.3rem; left:2.4rem; width:calc(100% - 4.8rem); z-index:5; text-align: left; font-size:1.8rem; color:#fff; }
/****************************** // 230522 추가 : 마음첫줄 - 브릿지 (e) ******************************/

/********** 미니 CI보험 **********/
.add-ci.ins-101 .ins-main-list { flex:auto; max-width:50%; font-size:var(--fontSz5); line-height:1.8rem; padding-right:1.4rem; margin-top:1rem;}
.add-ci.ins-101 .ins-main-list li + li { margin-top:var(--spc3); }
.add-ci.ins-101 .ins-main-list li { position:relative; display:flex; justify-content:space-between; padding-left:2rem; font-size:var(--fontSz5); line-height:1.8rem; font-weight:var(--fontWg1); }
.add-ci.ins-101 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:50%; left:0; width:1.2rem; height:1.2rem; border-radius:0.4rem; margin-top:-0.6rem; }
.add-ci.ins-101 .ins-main-list li:nth-child(1)::before { background:#394def; } /* 2301613 수정 */
.add-ci.ins-101 .ins-main-list li:nth-child(2)::before { background:#c60080; } /* 2301613 수정 */
.add-ci.ins-101 .ins-main-list li:nth-child(3)::before { background:#ef856d; } /* 2301613 수정 */
.add-ci.ins-101 .ins-main-list li:nth-child(4)::before { background:#3cff6b; } /* 2301613 수정 */
.add-ci.ins-101 .ins-main-chart { width:15rem; height:15rem; }
.add-ci.ins-101 .section2-1 { align-items:center; }
.add-ci.ins-101 .section2-1 .txt-unit{ position: absolute; top:-0.6rem; left:0; font-size:1.2rem; }
.add-ci.ins-101 .ins-main-section2 .ins-main-txt4 .thin { line-height:1.6; }
.add-ci.ins-101 .section3 .ins-main-txt3 + .ins-main-txt4 { margin-top:3.2rem; }
.add-ci.ins-101 .section4 .ins-main-txt-img1 + .ins-main-txt6 { margin-top:0.8rem; }
.add-ci.ins-101 .section4 .ins-main-ref + .ins-main-ref { margin-top:0.4rem; }
.add-ci.ins-101 .ins-main-tb { position:relative; padding:3.2rem 4rem 0 0; }
.add-ci.ins-101 .ins-main-tb th:first-child::before { display:none; } 
/* 2301613 추가(s) */
.add-ci.ins-101 .section4 .ins-main-txt-img1 + .ins-main-txt6 { margin-top:0.8rem; }
.add-ci.ins-101 .section4 .add-mgt { margin-top:3.2rem; color:var(--colorBO5);}
.add-ci.ins-101 .section4 .ins-main-tb { padding-top:3.2rem; }
.add-ci.ins-101 .section4 .ins-main-tb th:nth-child(2)::before { display: none !important;; }
.add-ci.ins-101 .section4 .ins-main-tb tr td span { font-size:1.8rem; }
.add-ci.ins-101 .section4 .ins-main-tb tr td.ar { font-size:1.6rem; }
.add-ci.ins-101 .ins-main-section2 .ins-main-txt2 { margin-bottom:2.4rem; }
.add-ci.ins-101 .ins-main-section2 .ins-main-txt6 .thin span { display:inline-block; width:4rem; font-weight:300; margin-bottom:0.8rem;}
.add-ci.ins-101 .ins-main-section2 .ins-main-txt3 { margin-bottom:5.6rem; }
.add-ci.ins-101 .ins-main-section2 .ins-main-txt6 { margin-bottom:4rem; }
.add-ci.ins-101 .ins-main-section2 .ins-main-txt6 .thin li{ margin-left:4rem; text-indent:-4rem;margin-bottom:1rem; line-height:1.5; font-weight:300; }
.add-ci.ins-101 .ins-main-section2 .img-info img { width:23.9rem; margin-left:-0.9rem; margin-top:-0.6rem; }
/* 2301613 추가(e) */

/* 230523 추가 : 메인 sidebar */
.sidebar.f-end { justify-content:flex-end; }
.sidebar a.i-diy20.mgl-18 { margin-left:1.8rem !important; }

/* 230524 추가: 골프캘린더 버튼 */
@media (max-height:480px) {
	div.fullcalendar.fc-viewty-month ~ .fullcalendar-foot { padding-bottom:6rem; }
}

/* 230531 각 상품 랜딩 추가 */
.ins-main .ins-main-ref { position:relative; z-index:2; font-size:var(--fontSz4); line-height:1.5; text-indent:-1.2rem; padding-left:1.2rem; margin-top:3.2rem; }
.ins-main .txt-limit { font-size:var(--fontSz1); }
.fw-300{ font-weight:var(--fontWg3) !important; }
.ins-main.ins-102 .ins-main-txt-img1{ height:9.6rem; }
.ins-main.ins-401 .ins-main-section1 .section2 { height:auto; }
.ins-main.ins-503 .ins-main-section2 .section2 .ins-main-txt6 { margin-top:4rem; line-height:1.5; font-weight:400; }
.ins-main.ins-501 .ins-main-section2 .section1 .ins-main-ref + .ins-main-ref { margin-top:0.4rem; }

/* 230531 추가 : 마음첫줄 */
.btn-playAlice { position:relative; display:block; padding:0 0 0 5.6rem; margin-bottom:2.4rem; font-size:1.6rem; color:#fff; background-color:var(--colorWO2); height:6.4rem; box-sizing:border-box; line-height:6.2rem; }
.btn-playAlice::before { position:absolute; content:''; top:2.1rem; left:2.4rem; background:url("../../img/b/hrt/ico-play.png") no-repeat 0 0; width:2rem; height:2rem; background-size:contain;}
.btn-playAlice > strong { color:var(--colorCOM2); }
.btn-playAlice > a { position:absolute; top:2rem; right:2.4rem; display:inline-block; background:url("../../img/b/hrt/hrt-arrow_right.png") no-repeat 0 0; width:2.4rem; height:2.4rem; background-size:contain; }

/* 230601 추가 : 미니암보험 */
.ins-main.ins-101 .section3 .ins-main-txt-img1 + .ins-main-txt6 { margin-top:0.8rem; }
.ins-main.ins-101 .section3 .add-mgt { margin-top:3.2rem; }
.ins-main.ins-101 .section3 .ins-main-tb { padding-top:3.2rem; }
.ins-main.ins-101 .section3 .ins-main-tb th:nth-child(2)::before { display: none !important;; }
.ins-main.ins-101 .section3 .ins-main-tb tr td span { font-size:1.8rem; }
.ins-main.ins-101 .section3 .ins-main-tb tr td.ar { font-size:1.6rem; }

/********** 해외여행자 **********/
.block { display:block !important; }
.mgb4 { margin-bottom:4rem !important; }
.mgt04 { margin-top:0.4rem !important; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph { padding-right:2.4rem; margin:2.4rem 0 var(--spc7); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li { position:relative; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:#000; --itemW:calc((100vw - 33.33vw) / 3); width:var(--itemW); height:calc(var(--itemW) * 2.5); border-radius:1.2rem 1.2rem 0 0; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:11.5rem; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:14.0rem; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(3) .graph-bar::before { height:15.0rem; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt { display:block; font-size:var(--fontSz1); color:var(--brand-color2); text-align:center; padding-top:2.0rem; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); display:block; text-align:center; margin-top:var(--spc2); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 { --itemW:calc((100vw - 11.66vw) / 3); margin:calc(var(--itemW) * 0.62) 0 0 var(--spc8-m); padding:0 1.2rem; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul { display:flex; justify-content:space-between; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li { position:relative; display:block; background:#000; width:var(--itemW); height:calc(var(--itemW) * 0.896226); border-radius:var(--bdrRds2); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li::before { content:''; position:absolute; display:block; width:100%; height:100%; bottom:0; border-radius:var(--bdrRds2); opacity:0.7; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li::after { content:''; position:absolute; display:block; width:100%; height:72.5%; bottom:0; border-radius:var(--bdrRds2) 0 var(--bdrRds2) var(--bdrRds2); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(1)::before { background:var(--colorBCC2); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(1)::after { background:var(--colorBCC2); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(2)::before { background:var(--colorBCC7); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(2)::after { background:var(--colorBCC7); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(3)::before { background:var(--colorBCC8); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(3)::after { background:var(--colorBCC8); }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt { position:absolute; height:100%; bottom:0; margin-bottom:40%; z-index:2; margin-left:18%; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt .txt-img { height:100%; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt span { display:inline-block; font-size:var(--fontSz5); vertical-align:top; margin-top:1.9rem; }
.ins-100 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt2 { position:absolute; bottom:1.4rem; left:0; right:0; text-align:center; font-size:var(--fontSz5); color:var(--colorW); z-index:2; }
.ins-100 .ins-main-section1 .section3 { position:relative; }
.ins-100 .ins-main-section1 .section3 .ins-main-txt-img2 { position:relative; z-index:2; height:8.8rem;}
.ins-100 .ins-main-section1 .section3 .ins-main-txt-img2 .txt-in { margin:1.3rem 0 0 var(--spc1); }
.ins-100 .ins-main-section1 .section3 .year{ margin-top:2.4rem; margin-bottom:0.8rem; }
.ins-100 .ins-main-section1 .section3 .year:first-child { margin-top:3.2rem; margin-bottom:0.8rem; }
.ins-100 .ins-main-section1 .section3 .ins-main-ref { margin-top:3.2rem; }
.ins-100 .ins-main-section2 .section1 .ins-main-ref + .ins-main-ref { margin-top:0.4rem; }
.ins-100 .ins-main-section2 .section2 .ins-main-txt4 + .ins-main-txt1 { margin-top:0.8rem; }
.ins-100 .ins-main-bg2 { height:38.5rem; bottom:-6.7rem; right:-7.2rem; }
.ins-100 .ins-main-bg2 img { max-width:unset; }

.pop-container .list-mgb2 li{ margin-bottom:var(--spc5); }
.info-data3 .info-process .tit{ margin-bottom:2rem; font-size:1.4rem; }
.info-data3 .info-process .process-item { padding-left:3rem; }
.info-data3 .info-process .process-item:first-of-type { position:relative; padding-bottom:3.3rem; }
.info-data3 .info-process .process-item:first-of-type:before { position:absolute; content: ""; top:0; left:0.8rem; width:2px; height:100%; background-color:var(--brand-color2); }
.info-data3 .info-process .process-item dt{ position:relative; margin-bottom:0.8rem; font-size:1.4rem; font-weight:var(--fontWg1); text-align:left; }
.info-data3 .info-process .process-item dt::before{ position:absolute; content:"1"; top:0; left:-30px; width:18px; height:18px; border-radius:50%; background-color:var(--brand-color2); color:var(--colorB); text-align:center; font-weight:var(--fontWg3); font-size:1.2rem; line-height:18px;}
.info-data3 .info-process .process-item:nth-of-type(2) dt::before { content:"2";}
.info-data3 .info-process .process-item dd{ font-size:1.4rem; font-weight:var(--fontWg3); text-align:left; color:var(--brand-font1); }

.travel .fm-item.bdrt { padding-top:4rem; border-top: solid 1px var(--brand-font3); margin-top:4rem;} 
.travel .mgt4 .btn-area {margin-top:4rem;}
.travel .btn_minus { text-align:right; }
.travel .btn_minus button { display:inline-block; margin-bottom:1rem; width:4.6rem; }
.travel .btn_minus button img { width:100%; }
.travel .fm-cont + .fm-cont{margin-top:4rem;}

.travel .info-data5 .txt-point{ font-size:1.4rem; color:var(--brand-color2); font-weight:var(--fontWg3); }
.travel .info-data5 .txt-point a{ text-decoration:underline; }
.travel .list-attach-wrap { --itemW: calc( (100vw - 6.4rem) / 2.7 ); margin-top: 1.6rem; }
.travel .list-attach .attach-item-btn { position:relative; }
.travel .info-data5 dt.fw-normal  { font-weight: var(--fontWg2); }
.travel .box .bul-txt + .agree { margin-top:2rem; } 

/* 230620 추가 : 계약사항 확인 */
table.tb-data2 + .info-ref { margin-top:0; }
.folding::after { content:''; position:absolute; right:2.4rem; display:inline-block; font-family:'icofont'; font-size:1.6rem; line-height:1; color:#fff; text-align:center; box-sizing:border-box; font-weight:200; transform:rotate(0deg);}
.folding.open::after { content:''; position:absolute; right:2.4rem; display:inline-block; font-family:'icofont'; font-size:1.6rem; line-height:1; color:#fff; text-align:center; box-sizing:border-box; font-weight:200; transform:rotate(180deg); transition:all .3s; }
.pdr0 { padding-right:0; }

/* 230622 추가 : 이벤트 목록 */
.list-data3 .item .btn-cmz .icon1 {margin-right:0;}

/* 230626 추가 : 전체 보험상품 */
.category-all-cont.bg-type2::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--img-url) bottom right no-repeat; background-size:contain;}
@media (max-width:768px) {
	.category-all-cont.bg-type2::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--img-url) bottom right no-repeat; background-size:cover}
}
@media (max-height:670px) {
	.category-all-cont.bg-type2::before { background-position-y:8%;}
}

/* 230627 추가 : 여행자보험 보장내용 */
.tab ul.multiline li.tab-item a{ display: block;width: 100%;padding: var(--spc4) var(--spc1) var(--spc4);height: unset;font-size: var(--fontSz5);color: #000;line-height: 1;text-align: center;white-space: normal; }
/* .tab ul.multiline li.tab-item a p { display:inline-block; vertical-align:middle; font-size:var(--fontSz5); } */ /* 230725 삭제 */
.tab ul.multiline li.tab-item a p > span { font-size: 1.2rem; }

/* 230627 추가 : 마음첫줄 AI-ART */
body.hrt-gallery { position:relative; --brand-bg:#000 !important; }
.header .ico-gallery-muted { width:2.4rem !important; height:2.4rem; background: url('../../img/b/hrt/ico-muted-off.png') center center no-repeat; background-size:2.4rem; }
/* .header .ico-gallery-muted.on { width:2.4rem !important; height:2.4rem; background: #000 url('../../img/b/hrt/ico-muted-on.png') center center no-repeat; background-size:2.4rem; } */
.header .btn-hrt-share { width:2.4rem !important; height:2.4rem; padding:0 !important; margin-left:2.4rem; }
.ai-gallery-mode#wrap::before { display:none; }
.ai-gallery-mode .header { background-color:transparent; touch-action:pan-y; }
.ai-gallery-mode { height:calc(100vh - 0px); min-height:unset !important; background:none !important; box-sizing:border-box; overflow-y:hidden; }
.ai-gallery-mode .container { padding:0; }
.ai-gallery-mode .swiper-container.gallery { display:flex; width:100vw; height:calc(100vh - 44px); }
.ai-gallery-mode .swiper-container.gallery .swiper-wrapper { display:flex; }
/* .ai-gallery-mode .swiper-container.gallery .swiper-wrapper .slide { background:#000; padding:1.6rem 1.6rem 0; } */
/* .ai-gallery-mode .box-ai-img .bg-bottom { position:absolute; top:8.2rem; left:3.2rem;} */
.ai-gallery-mode .box-ai-img .bg-bottom h2 {font-size:2.4rem; color:#fff; font-weight:300; line-height:1.6;}
.ai-gallery-mode .tit-gallery { position:relative; padding:1.8rem 2.4rem 2.2rem 6.4rem; }
.ai-gallery-mode .box-scroll { overflow-y:scroll; overflow-x:hidden; padding:0 0 100px 0; font-size:1.6rem; color:rgba(255, 255, 255, 0.7); line-height:1.4; z-index:9; box-sizing:border-box; }
.ai-gallery-mode .box-scroll p { margin-bottom:2.2rem; word-break:break-all; }
.ai-gallery-mode .title { font-size:1.8rem; font-weight:400; color:#fff; text-align:center; line-height:1.11;margin: 0; text-align:center; height:3.5rem; padding-top:1.3rem; }
.ai-gallery-mode .box-scroll { overflow-y:scroll; overflow-x:hidden; padding:0 0 100px 0; font-size:1.8rem; color:#fff; line-height:1.33; z-index:9; box-sizing:border-box; font-weight:400; }
.area_gallery_top { position:relative; display:block; padding:0 0 0 5.6rem; margin-bottom:2.4rem; font-size:1.6rem; color:#fff; background-color:#000; height:6.4rem; box-sizing:border-box; line-height:6.2rem; }
.area_gallery_top::before { position:absolute; content:''; top:2.1rem; left:2.4rem; background:url("../../img/b/hrt/ico-play.png") no-repeat 0 0; width:2rem; height:2rem; background-size:cover; }
.hrt-slide2 .item .txt.no-play::before { content:''; opacity:0; }
.ai-gallery-mode .box-ai-img img { object-fit:cover; height:100%; width:100%; transform:scale(1); touch-action: none;}
.lvt-foot-fix.type2.max { max-height: 50vh; /*calc(var(--vh) * 100 - (var(--safe-top) + var(--safe-btm) + 92px));*/ z-index: 17; }
.lvt-foot-fix .lvt-foot-toggle::before { content: ''; position: absolute; top: 1.2rem; left: 50%; width: 3.2rem; height: 0.2rem; margin-left: var(--spc4-m); background: var(--colorWO2); border-radius: 0.1rem; opacity: 1.0; }
.lvt-foot-fix.type2.max::after { top: 0; background:none; transition-delay: 0ms, 0ms; }
.lvt-foot-fix.type2 { padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom); touch-action: none;}
.lvt-foot-fix.type2 .lvt-foot-cont .box-scroll p {touch-action: pan-y;} /* 신규 */
/* .ai-gallery-mode .box-ai-img { position: relative; margin:0; height: calc(100% - 12rem - env(safe-area-inset-bottom) - env(safe-area-inset-top)); height: calc(100% - 12rem - constant(safe-area-inset-bottom) - constant(safe-area-inset-top)); touch-action: pan-x; } */
.lvt-foot-fix.type2::before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#000; border-radius:var(--bdrRds6) var(--bdrRds6) 0 0; }
.lvt-foot-fix.type2 .lvt-foot-toggle::before { content:''; position:absolute; top:1.2rem; left:50%; width:3.2rem; height:0.7rem; margin-left:var(--spc4-m); background:url("../../img/b/lvt/ico-toggle-handle.svg") no-repeat 0 0; opacity:1; }
.lvt-foot-fix.type2.max .lvt-foot-toggle::before { -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.lvt-foot-fix.type2.max::after { top:0; background:none; transition-delay:unset; }
.ai-gallery-mode .box-ai-img { position:relative; margin:0; height:calc(100vh - env(safe-area-inset-bottom) - env(safe-area-inset-top)); height:calc(100vh -  constant(safe-area-inset-bottom) - constant(safe-area-inset-top)); touch-action:pan-x; }
.ai-gallery-mode .swiper-container.gallery .swiper-wrapper .slide { background:#000; /* padding: 1.6rem 1.6rem 0; */ }
.ai-gallery-mode > .header { position: -webkit-sticky; position: absolute !important; top: 0; display: flex; z-index: 11; min-height: var(--headHgt); background-color: transparent; box-sizing: content-box; transition: top 0.3s; align-items: center; padding: 0 var(--spc3); width: calc(100% - 2.4rem);	margin-top: env(safe-area-inset-top); background:none; }
.header .ico-gallery-muted.on { width: 2.4rem !important; height: 2.4rem; background: url('../../img/b/hrt/ico-muted-on.png') center center no-repeat; background-size: 2.4rem; }
.ai-gallery-mode .box-ai-img .bg-bottom { position:absolute; top:calc(8.2rem + env(safe-area-inset-top)); left:3.2rem; }

/* 230630 수정 : 골프캘린더 */
.fullcalendar-foot .btn-cmm { margin-top:-12rem; flex:none; margin-left:auto; margin-right:var(--spc2-m); font-weight:var(--fontWg1); }

/* 230630 추가 : 동의하기 */
.fm-chk-all + .fm-chk-g.add-agree::before { content:''; display:block; position:absolute; top:0; left:0; right:0; display:block; height:0px; background:var(--brand-font3); margin:0 var(--spc6-m) 0 var(--spc4-m); }

/* 23230706 추가 : 해외여행자보험 랜딩페이지 */
.ins-100.ins-main .ins-main-ref.fs-change { font-size:var(--fontSz5); color:var(--brand-font1); margin-top:0.4rem; font-weight:300; }
.ins-100.ins-main .mgt8 { margin-top:0.8rem; }

/* 230706 추가 : 메인페이지 - 서비스이용동의 팝업 */
/* .pop-wrap.agree-service .head { margin-top:3rem; }
.pop-wrap.agree-service .title { padding:0 2rem; margin-bottom:3.2rem; font-size:2.4rem; font-weight:700; letter-spacing:-0.5px;}
.pop-wrap.agree-service .info-ref { margin:0 0 1.6rem; }
.pop-wrap.agree-service .info-ref .agree-service { margin-top:2rem; }
.pop-wrap.agree-service .info-ref .agree-service li { margin-top:2rem; }
.pop-wrap.agree-service .info-ref .agree-service li .tit{ position:relative; padding-left:2.8rem; margin-bottom:0.8rem; font-size:1.6rem; color:#fff; font-weight:700; line-height:2rem; }
.pop-wrap.agree-service .info-ref .agree-service li .tit:before { content:'';position:absolute; left:0; top:0; width:2rem; height:2rem;  }

.pop-wrap.agree-service .info-ref .agree-service li.local .tit:before { background:url('../../img/b/main/ico-place.png') no-repeat center center; background-size:100%; }
.pop-wrap.agree-service .info-ref .agree-service li.camera .tit:before { background:url('../../img/b/main/ico-camera.png') no-repeat center center; background-size:100%; }
.pop-wrap.agree-service .info-ref .agree-service li.bio .tit:before { background:url('../../img/b/main/ico-bio.png') no-repeat center center; background-size:100%; }
.pop-wrap.agree-service .info-ref .agree-service li.contact .tit:before { background:url('../../img/b/main/ico-contact.png') no-repeat center center; background-size:100%; }

.pop-wrap.agree-service .info-ref .agree-service li .expl{ font-size:1.4rem; color:var(--colorWO5); font-weight:400;}
.pop-wrap.agree-service .cont-mes4 { padding:0 2rem; font-size:1.2rem; line-height:1.33; }
.pop-wrap.agree-service .cont-mes4 + .cont-mes4 { margin-top:1rem; color:var(--colorW); } */

/* 230707 추가 : 미니뇌심보험 상품 메인 */
.ins-main.add-ci .section2 .ins-main-txt4 { margin-top:3.2rem; }
.ins-main.add-ci .ins-main-graph { padding-top:6.2rem; padding-right:3.2rem; margin-bottom:var(--spc7); }
.ins-main.add-ci .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); align-items: flex-end; }
.ins-main.add-ci .ins-main-graph ul li { position:relative; }
.ins-main.add-ci .ins-main-graph ul li .graph-bar { position:relative; display:block; background:var(--colorBO3); color:var(--brand-color2); --itemW:calc((100vw - 12.4rem) / 4); width:var(--itemW); height:calc(var(--itemW) * 2.5); border-radius:1.2rem 1.2rem 0 0; }
.ins-main.add-ci .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-main.add-ci .ins-main-graph ul li:nth-child(1) .graph-bar { height:18rem; }
.ins-main.add-ci .ins-main-graph ul li:nth-child(2) .graph-bar { height:15.9rem; background: var(--brand-color2); }
.ins-main.add-ci .ins-main-graph ul li:nth-child(3) .graph-bar { height:14.1rem; }
.ins-main.add-ci .ins-main-graph ul li:nth-child(4) .graph-bar { height:11.4rem; background: var(--brand-color2); }
.ins-main.add-ci .ins-main-graph ul li .graph-txt { position:absolute; top:-3rem; left:50%; transform:translateX(-50%); display:block; font-size:1.4rem; font-weight:var(--fontWg1); text-align:center; color:#fff; }
.ins-main.add-ci .ins-main-graph ul li:nth-child(2n) .graph-txt { color:var(--brand-color2); }
.ins-main.add-ci .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); color:#fff; display:block; text-align:center; margin-top:var(--spc2); }
.ins-main.add-ci .ins-main-graph ul li:nth-child(2n) .graph-txt2 { color:var(--brand-color2); } 

/* 230707 추가 : air bridge */
.pop-wrap.air .container{ display:flex; justify-content:center; align-items:center; text-align:center; }
.pop-wrap.air .box-center .txt{ margin:0.8rem 0; font-size:1.8rem; color:#fff; font-weight:700; line-height:1.33; }
.pop-wrap.air .box-center p:nth-child(1) img { width:10rem; height:10rem;}
.pop-wrap.air .box-center p:nth-child(3) img { width:9rem; height:2.4rem;}

/* 230710 추가 : 골프캘린더 */
.dim{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0, 0.5); z-index:20; display:none; }
.btn-cmm.add-style { display:block; position:relative; height:4.4rem; line-height:4.4rem; padding:0 1.6rem; pointer-events: all; border: 0; border-radius:var(--bdrRds3); background-color:var(--colorBCB1); font-size:1.6rem; color:var(--brand-font1); box-shadow: 0.8rem 0.8rem 1.2rem 0 rgb(0 0 0 / 24%);}
.btn-cmm.add-style .i-add::before { content:'\e82a'; display:inline-block; margin:0; vertical-align:middle; line-height:4.4rem; text-align:center; font-family: var(--fontIco); font-size:2rem; color: var(--brand-font1); font-weight: var(--fontWg2); margin-top:-0.1rem; }
.fullcalendar-foot.area-btm{ z-index:30; }
.btn-cmm.add-style .i-add.on::before { transform:rotate(45deg); /*transition:all .2s;*/ font-size:3rem; }
.btn-cmm.add-style .box-plus{ width:15.2rem; box-sizing:border-box; border-radius:2rem; padding:2rem 0 2rem 1.6rem; position:absolute;right:0;top:-10rem; transition:all .2s; z-index:40;display: none; pointer-events: none; }

/* .btn-cmm.add-style .box-plus div{ text-align:left; } */
.btn-cmm.add-style .box-plus a{ position:relative; display:inline-block; padding-left:3.6rem; text-align:left; font-size:1.6rem; color:#000;pointer-events:visible; }
.btn-cmm.add-style .box-plus a:first{ margin-bottom:2rem; }
.btn-cmm.add-style .box-plus a::before{ content:''; position:absolute; left:0; top:50%; width:2.8rem; height:2.8rem; border-radius:50%; background-color: var(--brand-color7); transform:translateY(-50%); }
/* (s) 230721 삭제 : 골프 캘린더 */
/* .btn-cmm.add-style .box-plus div:nth-child(1) a::before{ background:var(--brand-color7) url('../../img/b/lvt/ico-golf-flag.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; }
.btn-cmm.add-style .box-plus div:nth-child(2) a::before{ background:var(--brand-color7) url('../../img/b/hrt/ico-play.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; } */
/* 230721 삭제 : 골프 캘린더 (e) */
.lvt-foot-fix.add-index.max { z-index:31; }
.fc-today-button.fc-button.fc-button-primary{ position:relative; padding-left:3.2rem !important;}	
.fc-today-button.fc-button.fc-button-primary::before {content:''; position:absolute; left:0.8rem; top:50%; transform:translateY(-50%); background:url('../../img/b/lvt/ico-reset.png') no-repeat center center; width:2rem; height:2rem; background-size:2rem; }	

/* 230710 추가 : 미니뇌심보험 */
.fs28 { font-size:2.8rem !important; }
.ins-101.add-ci .ins-main-section1 .section2 .ins-main-txt2 { font-size:4.4rem; color:#000; }

/* 230711 추가 : 마음첫줄 테스트 */
.wrap-slider-hrt-tab.ui-sticky { background-color: rgba(32,16,33,1); }
.btn-playAlice { z-index: 11; } 
.wrap-slider-hrt-tab.ui-sticky > * { -webkit-transform:translateZ(0); -webkit-transform:translate3d(0px,0px,0px); }

/* 230714 추가 : 골프캘린더 */
/* (s) 230721 삭제 : 골프 캘린더 */
/* .btn-cmm.add-style .box-plus.on{ width:15.2rem; box-sizing:border-box; border-radius:2rem; background-color:#fff; padding:2rem 0 2rem 1.6rem; position:absolute; right:0; top:-19rem; color:#000; display:block; }  
.btn-cmm.add-style .box-plus div:nth-child(3) a::before{ background:var(--brand-color7) url('../../img/b/lvt/ico-setting2.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; } */
/* 230721 삭제 : 골프 캘린더 (e) */
div.fullcalendar .fc-settting-button{ position:relative;}
div.fullcalendar .fc-settting-button::before { content: '일정 불러오기'; font-size:1.2rem; background:url('../../img/b/lvt/ico-reset.png') no-repeat 0 center; background-size:2rem; text-indent:2rem;}

/* 230714 추가 : 골프캘린더 내 호출 팝업 */
.pop-wrap.add-white { color:#fff !important; }
.pop-wrap.add-white .header >  h1 { color:#fff !important; }

/* 230714 추가 : 이메일 도메인 자동완성 툴팁 이슈 */
/* .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { touch-action:none } */
/* #CER-01-POP02 > article { touch-action:pan-x; } */

/* 230717 추가 : 증명서 발급 */
/* #CER-01-POP02 .txt-email-box { min-height:1.8rem; }
#CER-01-POP02 .txt-email-box .txt-email { padding:0.4rem 0 0 1.6rem; font-size:1.2rem; color:var(--colorWO5); opacity:1; line-height:1;}
#CER-01-POP02 .txt-email-box .txt-email.hide { opacity:0; } */
.txt-email-box { min-height:1.8rem; }
.txt-email-box .txt-email { padding:0.4rem 0 0 1.6rem; font-size:1.2rem; color:var(--colorWO5); opacity:1; line-height:1;}
.txt-email-box .txt-email.hide { opacity:0; }

/* 230718 추가 : 골프캘린더 팝 */
.relt { position:relative; }
.relt .btn-link { position:absolute; top:77%; left:7%; width:86%; height:14%; }

/* 230719 추가 : 골프캘린더 */
.pop-wrap.add-white#_popAuth .c-title strong { color:#fff !important; } 
.pop-wrap.add-white#_popAuth .certify-mes3 { color:#fff !important; } 
.pop-wrap.add-white#_popAuth .certify-mes3 { color:#fff !important; } 
.pop-wrap.add-white#_popAuth .fm-agree.box .fm-chk1 span { color:#fff !important; } 

/* 230719 추가 : 해외여행자보험 */
.info-data3.add-travel { padding:2.4rem; }
.info-data3.add-travel .info-ref.relt { position:relative; margin-top:2rem; padding-top:2rem; }
.info-data3.add-travel .info-ref.relt > .bul-txt{ width: 70%; } 
.info-data3.add-travel .btn-share-travel { position:absolute; right:0; top:50%; padding:0.4rem 1.2rem 0.3rem 1rem; border:1px solid #fff; border-radius:1.4rem; color:#fff; font-size:1.2rem; line-height: 1.17; }
.info-data3.add-travel .btn-share-travel::before { content: '\e85a'; font-family: var(--fontIco);margin-right:0.4rem; font-size:2rem; vertical-align: middle; line-height:1; }
.travel .fm-item.bdrt { padding-top:2.4rem; border-top:solid 1px var(--brand-font3); margin-top:4rem; }

/* 230719 추가 : 서류촬영정보 */
#INS-64-POP07 .doc-scan .btn-area { text-align: center; margin-top: 2.4rem; }

/* 230721 추가 : 골프 캘린더 */
.btn-cmm.add-style .box-plus div{ margin-bottom:2rem; text-align:left; line-height:2.8rem; }
.btn-cmm.add-style .box-plus div:last-child { margin-bottom:0rem; }
.btn-cmm.add-style .box-plus .ins-on a::before{ background:var(--colorBCB1) url('../../img/b/lvt/ico-golf-flag.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; }
.btn-cmm.add-style .box-plus .ins-keyword a::before{ background:var(--colorBCB1) url('../../img/b/lvt/ico-keyword.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; }
.btn-cmm.add-style .box-plus .ins-expl a::before{ background:var(--colorBCB1) url('../../img/b/hrt/ico-play.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; }
.btn-cmm.add-style .box-plus .ins-yearticket a::before{ background:var(--colorBCB1) url('../../img/b/lvt/ico-yearticket.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; }

/* .btn-cmm.add-style .box-plus.on{ width:15.2rem; box-sizing:border-box; border-radius:2rem; background-color:#fff; padding:2rem 0 2rem 1.6rem; position:absolute; right:0; top:-23rem; color:#000; display:block; } //230802 삭제  */

/* 230724 추가 : 골프 캘린더 인트로 */
.wrap-slider-list8 { margin:0 var(--spc6-m) 0; padding-top:4rem; }
.list-slide8 .des { text-align:center; min-height:9.4rem; margin-bottom:0; }
.list-slide8 .des .txt1 { font-size:2rem; line-height:1.4; font-weight:400; color:#fff; }
.list-slide8 .img + .des .txt1 { font-size:2.4rem; font-weight:700; }
.list-slide8 .des .txt1 .fc-point { color:#3cff6b !important; font-weight:700; }
.list-slide8 .item .des { margin-top:0.8rem }
.list-slide8 .des { text-align: center; min-height: 7.6rem; margin-bottom: 0; }
.list-slide8 .item.first .des { margin-top:0rem }
.list-slide8 .item.first .des { text-align: center; min-height:8.4rem; margin-bottom: 0; }
.list-slide8 + .slide-control { margin-top:0.8rem; }
.list-slide8 .item .step { position:absolute; width:100%; top:-3.6rem; text-align:center; }
.list-slide8 .item .step span{ display:inline-block; padding:0.5rem 0; width:7.4rem; box-sizing:border-box; border-radius:1.2rem; background-color:#3cff6b; text-align:center; font-size:1.2rem; color:#000; line-height:1; font-weight:700;}

/* 230725 추가 : 해외여행자 보험 - 보장내용 */
.tab ul.multiline li.tab-item a p { display: inline-block;vertical-align: middle;font-size: var(--fontSz5); }
.tab ul.multiline li.tab-item:nth-child(2) a p { padding-top:0.4rem; }

/* 230726 추가 : 보험기간 변경 안내 바텀시트가 추가 */
#MAN-24-01-POP .ins-view { counter-reset:title-num; margin-top:0; font-size:1.6rem; line-height:1.5; font-weight:var(--fontWg2); margin-bottom:4rem; }
#MAN-24-01-POP .btn-area a { background-color: var(--brand-color2); color:var(--brand-font2); font-size:1.6rem; font-weight:bold;}

/* 230727 추가 : 해외여행자 보험 - 예상보험료 툴팁 수정 */
.fm-chk2.type-tra .fm-chk-lb { font-size:1.5rem; } 
.fm-chk2.type-tra .tooltip { margin-left:0;}
.pop-tooltip .btns.add-tra { margin-top:0; }

/* 230802 추가 : 골프 캘린더 */
.btn-cmm.add-style .box-plus .ins-google a::before{ background:var(--colorBCB1) url('../../img/b/lvt/ico-googlecal.png') no-repeat center center; width:2.8rem; height:2.8rem; background-size:2rem; }
.btn-cmm.add-style .box-plus.on{ width:15.2rem; box-sizing:border-box; border-radius:2rem; background-color:#fff; padding:2rem 0 2rem 1.6rem; position:absolute; right:0; top:-27rem; color:#000; display:block; } 

/* 230803 추가 : 미니뇌심보험 상품 메인 */
.ins-101.add-ci .ins-main-section1 .section4 .ins-main-txt4 { margin-top:0.8rem; }
.ins-101.add-ci .ins-main-section1 .section4 .ins-main-txt4 + .ins-main-txt6{ margin:2rem 0 3.2rem; }
.ins-101.add-ci .ins-main-section1 .section4 .ins-main-tb { padding-top:0rem; }
.ins-101.add-ci .ins-main-section2 .ins-main-txt2 { font-size:4.4rem; }

/* 230803 추가 : 골프보험 상품 메인 */
.ins-401.ins-main .ins-main-txt3 + .ins-main-txt1 { margin-top:5.6rem; }
.ins-401.ins-main .ins-main-txt1 + .ins-main-ref { margin-top:4rem; font-size:2.4rem; color:#fff; text-indent:0; padding-left:0; }

/* 230804 추가 : 알아두실사항 Ui 변경 */
.list-conversance::after { transform:rotate(90deg); }
.cont-conversance {font-size:1.2rem;}
.cont-conversance .ins-view { margin-top:0; }
.cont-conversance .container { padding:0 var(--spc6) 3.2rem 0; border-bottom:solid 1px var(--colorWO16); }
.cont-conversance .ins-view .insv-title { font-size:1.6rem; margin:3.2rem 0 2rem 3.6rem;}
.cont-conversance .ins-view .insv-bul.disc > li, 
.cont-conversance .ins-view .insv-bul.disc > dt,
.cont-conversance .ins-view .insv-bul.star > li, 
.cont-conversance .ins-view .insv-bul.deci > li,
.cont-conversance .ins-view .insv-bul.star > dt { font-size:1.2rem; line-height:1.71; }
.cont-conversance .ins-view .insv-bul > li + li { margin-top:1rem; }
.cont-conversance .ins-view .insv-bul.disc > li::before { content: ''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; /* background-color:#fff; */ }
.cont-conversance  .ins-view .point-txt { color:#ffe90f !important; }
.brand-fam .cont-conversance .ins-view .insv-bul.disc > li::before,
.brand-hero .cont-conversance .ins-view .insv-bul.disc > li::before { background-color:#fff; }
.brand-forme .ins-main .cont-conversance .ins-view .point-txt,
.brand-villain .ins-main .cont-conversance .ins-view .point-txt { color:var(--color2) !important; }

/* 230808 추가 : 이벤트 - 앱다운로드 영역 */
div.board-app-down{ padding-top:4rem; }

/* 230810 추가 : 멤버스 가입 동의 */
.fm-chk1 .fm-chk-lb.members { font-size:2rem; font-weight:400; }
.fm-chk-all + .fm-chk-g.members::before { content:''; display:block; position:absolute; top:0; left:0; right:0; display:block; height:1px; background:#eee; margin:0 ;} 

/* 230810 추가 : 리스크레이더 맵 토글버튼 */
.radar-map-btns .btns-group button.on { margin-bottom:0.2rem; background:var(--brand-color2); color:var(--brand-font2); }
.radar-map-btns .map-setting { bottom: calc(var(--safe-btm) + 13.8rem); }

/* 230814 추가 : 마음첫줄 */
.hrt-wrap.list-mode .header { z-index:20 }
.hrt-wrap.list-mode > .container { padding-left:0; padding-right:0;	padding-top:4.4rem; }
.hrt-wrap.list-mode > .container::before { content:'THE WONDERLAND OF INSURANCE'; position:fixed; left:4.3rem; top:42rem; text-transform:uppercase; transform:rotate(90deg); transform-origin:left top; font-family:var(--fontF); font-size:0.9rem; line-height:1; opacity:0.5; }
.hrt-wrap.list-mode > .header { position:fixed; --brand-bg-h:#19142e; width:100%; top:0; }
.hrt-wrap.list-mode .wrap-slider-hrt { display:flex; flex-direction:column; padding:calc(3.2rem + var(--safe-top)) calc(100vw - 26.3rem) 3.4rem 6.1rem; margin:0 0 0 0; background-color:transparent; /* overflow: inherit;*/}
/* .hrt-wrap.list-mode .wrap-slider-hrt-tab {  top:4.4rem; z-index: 10; margin-top:0; padding:1.6rem var(--spc2) 1.8rem 5.7rem; } */
.hrt-wrap.list-mode .wrap-slider-play-tab { z-index: 10; margin-top:0; padding:1.6rem var(--spc2) 1.8rem 5.7rem; }
/* .hrt-wrap.list-mode .wrap-slider-play-tab.fix { padding-top:calc(var(--safe-top) + 1.6rem); background-color:rgba(21, 12, 21, 1); z-index:15; } */
.hrt-wrap.list-mode .hrt-list-wrap{ margin-top:0; }
.hrt-wrap.list-mode .hrt-slide2 .item.active .txt::before { content: ''; opacity:0; }
.hrt-wrap.list-mode .hrt-list-wrap::before { content: ''; position: absolute; left: -2.8rem; top: 2rem; text-transform:uppercase; transform:rotate(90deg); transform-origin:left top; font-family:var(--fontF); font-size:0.9rem; line-height:1; opacity:0; }
.hrt-slide2 .item.active a, .hrt-slide2 .item.active button { transform:scale(1); box-shadow:10px 10px 22px 0 rgb(255 255 255 / 16%);} 

/* 230821 추가 : AI Art */
.hrt-wrap.ai-gallery-mode .header { touch-action:none; }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art { order:1; height: 1.4rem; background-color:#000; touch-action:none; }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art .hrt-mylist-title button{ width:100%; height:1.4rem; font-size:var(--fontSz4); font-weight: var(--fontWg1); }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art .ai-art-mode { padding:unset; }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art .ai-art-mode .box-scroll{ overflow-y:scroll; overflow-x:hidden; padding:2.4rem 2.4rem 100px 2.4rem; font-size:1.8rem; color:rgba(255, 255, 255, 0.7); line-height:1.33; z-index:9; box-sizing:border-box; font-weight:400; }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art.active::before { opacity:0.5; top:0; transition-delay:0ms, 0ms; }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art.active .hrt-mylist-cont { max-height:calc(100vh - var(--safe-top) - 45rem); }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art > .list { background:#000; }
.hrt-wrap.ai-gallery-mode .hrt-mylist.ai-art .hrt-mylist-title button { height:2.4rem; }
.pop-wrap.ai-art-pop article:before{ background-color:#000; } 

/* 230824 추가 : 통신사 이용약관 탭 */
/* .ins-view .tab2.wire ul .tab-item a { background-color:#fff; color:rgba(112,112,112,0.84); font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:3.2rem; border:1px solid rgba(112, 112, 112, 0.16); height:3.2rem; padding-left:0; padding-right:0; border-radius:0; }
.ins-view .tab2.wire ul .tab-item:nth-child(1) a { border-top-left-radius:var(--spc2); border-bottom-left-radius:var(--spc2); }
.ins-view .tab2.wire ul .tab-item:nth-child(3) a { border-top-right-radius:var(--spc2);	border-bottom-right-radius:var(--spc2); }
.ins-view .tab2.wire ul .tab-item:nth-child(2) a { border:1px solid rgba(112, 112, 112, 0.16); border-width:1px 0; }
.ins-view .tab2.wire ul .tab-item.active a { background-color:var(--colorBCA2) !important; color:#000 !important; font-weight:var(--fontWg1); border:none;} 
.ins-view .tab2.wire ul .tab-item + .tab-item { margin-left:0; } */
.ins-view .tab2.wire ul .item{ width:33.3%; background-color:#fff; color:rgba(112,112,112,0.84); font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:3.2rem; border:1px solid rgba(112, 112, 112, 0.16); height:3.2rem; padding-left:0; padding-right:0; border-radius:0; text-align:center; }
.ins-view .tab2.wire ul .item:nth-child(1) { border-top-left-radius:var(--spc2); border-bottom-left-radius:var(--spc2); }
.ins-view .tab2.wire ul .item:nth-child(3) { border-top-right-radius:var(--spc2);	border-bottom-right-radius:var(--spc2); }
.ins-view .tab2.wire ul .item:nth-child(2) { border:1px solid rgba(112, 112, 112, 0.16); border-width:1px 0; }
.ins-view .tab2.wire ul .item.active { background-color:var(--colorCOMYL) !important; color:#000 !important; font-weight:var(--fontWg1); border:none;} 
.ins-view .tab2.wire ul .item + .item { margin-left:0; }

/********** 원데이자동차보험 **********/
.box-ques-oneday [class*="cont-mes"] { margin-top:2.4rem; } 
.cont-mes4.opc1 { color:var(--colorW); } 
.box-ques-oneday .cont-mes4.bdr { padding-top:4rem; margin-top:3.3rem; border-top:1px solid var(--colorWO5); } 
.box-ques-oneday .cont-mes4 { font-weight: var(--fontWg1); } /*230918*/
.box-ques-oneday .cont-mes4 + .fm-chk5-g .fm-chk5 { height:4rem; flex:1; }  /*230918*/
.box-ques-oneday .cont-mes4 + .fm-chk5-g .fm-chk5 .fm-chk-lb { font-weight:300; line-height:4rem; font-size:1.4rem; } 
.box-ques-oneday .cont-mes4 + .fm-chk5-g .fm-chk5 input:checked + .fm-chk-lb { font-weight:700; }  /*230918*/
.box-ques-oneday + .box { margin-top:4rem; }  
/* .info-data3-subj .fs20 { font-size:2rem; } */ /*230918*/
.tab2.tab-oneday { margin-top:2.4rem; }
.tab2.tab-oneday .cont-mes4.opc1 { font-weight:700; }
.tab2.tab-oneday ul { margin-top:1.2rem; }
.tab2.tab-oneday ul .tab-item.active a { font-weight:700; }
.tab-cont.oneday .fm-field { margin-top:2.4rem;}
.tab-cont.oneday dt.fm-label { font-weight:700; } /*230918*/
.ques-oneday .info-data5 .title { padding:2rem var(--spc6); margin: 0 var(--spc6-m) 0;}
.ques-oneday div.info-data5 { padding-bottom:2.4rem; }
.ques-oneday .info-data5 .fm-chk5-g { margin-top:2.4rem; }
.ques-oneday .fm-label.bold { font-weight:700; } /*230918*/
.info-data3.info-oneday .info-data3-subj { font-size:var(--fontSz6); font-weight:var(--fontWg3); }
.box.info-oneday { margin-top:0.8rem; padding:2.4rem;}
.box.info-oneday .cont-mes4{ margin-top:0;}
.fm-agree2.info-oneday { border-top:none; padding-top:0; }
.info-data3.info-oneday { padding:2.4rem; width:calc(100% - 4.8rem); position:fixed; bottom:calc(var(--safe-btm) + 11.6rem); border:2px solid rgba(0, 0, 0, 0.08); background:#fff; }
.info-data3.info-oneday > p { font-size:1.4rem; color:#000; line-height:1.71; word-break: break-all;}
.info-data3.info-oneday .info-data-txt { padding:2.1rem 2.4rem 0; border-top:solid 1px rgba(0, 0, 0, 0.08) }
.info-oneday-scroll { overflow-x:hidden; overflow-y:auto; padding-top:2.4rem;  box-sizing: border-box;}
.info-oneday-scroll .insv-list { margin-bottom:10rem; }
.info-oneday-scroll .insv-list li .terms-list li { font-weight:var(--fontWg3); line-height:1.71; }
.oneday-txt-point { color:var(--brand-color2); }

/* 보험가입완료 - 보험 추천 팝업 */
.recommend footer { bottom:4.4rem; }
.recommend .btn_view_more { position:absolute; bottom:2.4rem; left:2.4rem; width:calc(100% - 4.8rem); color:#fff; background:#394def; }
.recommend .ins-progress { padding-bottom:0; margin-bottom:0; }
.recommend .ins-progress .btn_view { text-align:center; }
.recommend .ins-progress .btn_view .view_after { display:inline-block; margin:3.2rem 0 1.2rem; font-size:1.6rem; color:#fff; text-decoration:underline; }

/* 230901 추가 - 증명서 발급 */
.mgt0 { margin-top:0; } 
.mgt8 { margin-top:0.8rem; } 
.add-line-top { border-top:solid 1px var(--brand-font3);} 
.box-minus { overflow:hidden; }
.box-minus .btn_minus.type2 { float:right; margin-top:3.2rem; padding: 0.4rem auto; width:4.6rem; height:2.2rem; line-height:2.2rem; background: var(--colorBCA5); color: var(--brand-font1); border-radius:var(--bdrRds2); border:none; text-align:center; box-sizing:border-box; font-size:1.1rem; font-weight:var(--fontWg30); }
.box-minus + .fm-item { margin-top:var(--spc3) !important; }

/* 230907 추가 - 마케팅 활용 */
.box-banner { background:var(--brand-color5); border-radius:var(--bdrRds2); padding:0; margin-top: var(--spc6); }
.box-banner .agree-marketing { height:15.2rem; padding:3.2rem 2.4rem; box-sizing:border-box;}
.box-banner .agree-marketing .tit-mkt {position:relative; font-size:1.2rem;}
.box-banner .agree-marketing .btn_agree_mkt { margin-top:2.6rem; }
.box-banner .agree-marketing .btn_agree_mkt .fm-chk-lb { width:100%; height:4.4rem; box-sizing:border-box; text-align:center; }
.box-banner .agree-marketing .btn_agree_mkt .fm-chk1.ty3 .fm-chk-lb { position:relative; padding:1.4rem 0; line-height:1; font-size:1.4rem;}
.box-banner .agree-marketing .btn_agree_mkt .fm-chk1.ty3 .fm-chk-lb:before,
.box-banner .agree-marketing .btn_agree_mkt .fm-chk1.ty3 .fm-chk-lb:after { left:calc(50% - 7.7rem); top:1.3rem; border-radius:0.6rem; }
.box-banner .agree-marketing .tit-mkt::after { content:'\e82e'; position:absolute; right:0; top:-0.2rem; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:1.6rem; height:2rem; color:var(--brand-font1); line-height:1; margin-top:0; opacity:0.5; }

/* 230907 추가 : 원데이자동차보험 팝업 */
.pop-modal.pop-oneday .pop-mes { display:block; position:unset; }

/* 230907 추가 : 원데이자동차보험 보장내용 */
.tbl-oneday tr:nth-child(1) th { position:relative; }
.tbl-oneday tr:nth-child(1) th:nth-child(2)::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; }
.mark_circle { display:inline-block; width:1.4rem; height:1.4rem; border:1px solid #000; border-radius:0.7rem; }

/* 230911 추가 : 원데이자동차보험 메인 */
.ins-main.ins-300 .ins-main-section1 { overflow:hidden; margin:0 var(--spc6-m) 0; padding-bottom:25rem; }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-txt-img,
.ins-main.ins-300 .ins-main-section1 .section3 .ins-main-txt-img { margin-top:0.8rem; height:11.6rem; }
.ins-main.ins-300 .ins-main-section1 .section2 .txt-in.point { padding-top:1.7rem; line-height:1.6; }
.ins-main.ins-300 .ins-main-section1 .section3 .txt-in.point { padding-top:2.1rem; line-height:1.2; }
.ins-main.ins-300 .ins-main-section1 .section2 .txt-in.point.about { margin-right:2rem; font-size:4rem; font-weight:700; line-height:1.2; }
.ins-main.ins-300 .ins-main-section1 .section3 .txt-in.point.about { padding-top:2.1rem; margin-right:2.1rem; font-size:2.4rem; font-weight:700; line-height:1.2; }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-txt-img + .ins-main-ref { margin-top:0.8rem; color:var(--colorW); }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-bg2 { height:25rem; bottom:-25rem; }
.ins-main.ins-300 .ins-main-section2 .ins-main-txt1 { font-size:5.2rem; line-height:1.38; }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-txt4,
.ins-main.ins-300 .ins-main-section1 .section3 .ins-main-txt4 { margin-top:3.2rem; }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-txt3 + .ins-main-txt4,
.ins-main.ins-300 .ins-main-section1 .section3 .ins-main-txt3 + .ins-main-txt4 { margin-top:5.6rem; }
.ins-main.ins-300 .ins-main-section1 .section3 .ins-main-ref { margin-top:0.8rem; } 
.ins-main.ins-300 .cont-conversance .ins-view .insv-bul.disc > li::before { content: ''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:#000;}
.ins-main.ins-300 .cont-conversance .ins-view .insv-bul.disc > li,
.ins-main.ins-300 .cont-conversance .ins-view .insv-bul.star > li,
.ins-main.ins-300 .cont-conversance .ins-view .insv-bul.deci > li { font-size:1.4rem; line-height:1.71; }
.ins-main.ins-300 .cont-conversance .ins-view .point-txt { color:var(--brand-color7) !important; }
.ins-main.ins-300 .ins-main-section1 .section2 .ins-main-ref { margin-top:2.4rem; } 
.ins-main.ins-300 .ins-main-section2 .section1 .ins-main-txt-img { margin-top:0.4rem; height:9.6rem; }
.ins-main.ins-300 .ins-main-section2 .section1 .ins-main-txt-img .txt-in { padding-top:1.9rem; line-height:1; }
.ins-main.ins-300 .ins-main-section2 .section1 .ins-main-txt3:nth-child(2n) { margin-top:3.2rem; }
.ins-main.ins-300 .ins-main-section2 .section2 .ins-main-txt1 + .ins-main-txt1 { margin-top:0.8rem; } 
.ins-300 .ins-main-bg2 { bottom:-25rem; height:25rem; opacity:0.76; }

/* 230919 추가 : 보험계약 상세 */
.cont-result2 .bg.type-full img { height:100%; object-fit:cover; width:100%; }

/* 230921 추가 : 보험계약 상세 */
.pr0  { padding-right:0 !important; }
.tb-data2.tb-togg .togg-btn.pr0::after { display:none; }

/* 230922 추가 : 보험 계약 체결을 위한 정보 동의 - bs모달 높이 case */
.agree-scroll.add-height { max-height:26rem; overflow-y:scroll; overflow-x:hidden; }
.agree-scroll.add-height-30 { max-height:30rem; overflow-y:scroll; overflow-x:hidden; }
.agree-scroll.add-height-33 { max-height:33rem; overflow-y:scroll; overflow-x:hidden; }
.agree-scroll .fm-agree + .fm-agree { margin-top: var(--spc5); }

/* 231005 추가 : 가전보험 - 스마트기기AS보험 가기 */
.box.go-smart { padding:var(--spc6) var(--spc5) var(--spc6); }
.box.go-smart .cont-mes10 { margin:0 0 var(--spc5); }
.box.go-smart .cont-mes10 + a{ position:relative; line-height:4.4rem; text-indent:-2rem;} 
.box.go-smart .cont-mes10 + a::after { content:'\e82e'; position:absolute; right:4rem; top:50%;	transform:translateY(-50%); font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz3); height:2rem; color:#000; line-height:2rem; } 
.box.go-smart .point { color:var(--brand-color2); }
.box.go-smart .btn-cmc.btn-c3 { background:var(--brand-color2); }

/* 231017 추가 : 우리집보험 - 동,호수 입력필드 */
.fm-ipt-wrap.my-home > .fm-unit { flex:2;}
.fm-ipt-wrap.my-home > .fm-unit + .fm-unit { flex:1;}

/* 231023 추가 : 미니암보험 - 예상 보험료 확인 */
.mini .c-title2 { margin-top:4rem; }
.mini .tab2 { margin-top:1.6rem; } 


/********** 불효자보험 **********/
.fm-sel-pop .fc-def.color-gray { color:var(--colorBO5) !important; }
.info-data3 .info-process.add-unfilial .process-item { padding-left:3rem; }
.info-data3 .info-process.add-unfilial .process-item:first-of-type { position:relative; padding-bottom:3.3rem; }
.info-data3 .info-process.add-unfilial .process-item p{ position:relative; font-size:1.4rem; font-weight:var(--fontWg1); text-align:left; padding-bottom:2rem; }
.info-data3 .info-process.add-unfilial .process-item p::before{ position:absolute; top:0; left:-30px; width:18px; height:18px; border-radius:50%; background-color:var(--brand-color2); color:var(--colorW); text-align:center; font-weight:var(--fontWg3); font-size:1.2rem; line-height:18px; z-index:2; }
.info-data3 .info-process.add-unfilial .process-item p::after { position:absolute; content: ""; top:0; left:-2.2rem; width:2px; height:100%; background-color:var(--brand-color2); z-index:1; }
.info-data3 .info-process.add-unfilial .process-item:nth-child(4) p:after { height:0; }
.info-data3 .info-process.add-unfilial .process-item:nth-child(2) p::before { content:"1"; }
.info-data3 .info-process.add-unfilial .process-item:nth-child(3) p::before { content:"2"; }
.info-data3 .info-process.add-unfilial .process-item:nth-child(4) p::before { content:"3"; }
.c-title4.bold { font-weight:var(--fontWg1); }
.c-title4 .color-point { color:var(--brand-color2); }
.agree-marketing.ptb0 { padding-top:0; padding-bottom:0; height:12rem; }
.fm-agree2.bd-f { border-top:solid 1px var(--brand-font7); }
.fm-txt3.txt-point-unfilial { color:var(--colorW); font-weight:700; }

.ins-204 .ins-main-bg2 { height:35rem; bottom:0; }
.ins-204 .ins-main-section1 .section2 .section2-1 { display:flex; justify-content:space-between; padding-right:2rem; margin:3.2rem 0 3.2rem; align-items:center; }
.ins-204 .ins-main-section1 .section2 .ins-main-list { width:14rem; font-size:var(--fontSz5); line-height:1.8rem; }
.ins-204 .ins-main-section1 .section2 .ins-main-list li + li { margin-top:1.2rem; }
.ins-204 .ins-main-section1 .section2 .ins-main-list li { position:relative; display:flex; justify-content:space-between; padding-left:2rem; font-size:1.4rem; line-height:1; font-weight:var(--fontWg2); }
.ins-204 .ins-main-section1 .section2 .ins-main-list li::before { content:''; display:inline-block; position:absolute; top:0.2rem; left:0; width:1.2rem; height:1.2rem; border-radius:0.4rem; }
.ins-204 .ins-main-section1 .section2 .ins-main-list li:nth-child(1)::before { background:#fc5cae; } 
.ins-204 .ins-main-section1 .section2 .ins-main-list li:nth-child(2)::before { background:#1c2490; } /* 231123 수정 */
.ins-204 .ins-main-section1 .section2 .ins-main-list li:nth-child(3)::before { background:#2f3eb2; } /* 231123 수정 */
/* .ins-204 .ins-main-section1 .section2 .ins-main-list li:nth-child(4)::before { background:#fee90f; } */  /* 231123 수정-삭제 */
.ins-204 .ins-main-section1 .section2 .ins-main-list li strong + span { text-align:right; text-indent:-1px; font-size:1.4rem; font-weight:var(--fontWg1); }
.ins-204 .ins-main-section1 .section2 .ins-main-list li strong + span > em { font-size:1.2rem; font-weight:var(--fontWg3); }
.ins-204 .ins-main-section1 .section2 .ins-main-chart { width:14.5rem; height:14.5rem; }
.ins-204 .ins-main-section1 .section2 .ins-main-chart img { width:100%; }
.ins-204 .ins-main-section2 .ins-main-txt-img { height:11.6rem; }
.ins-204 .ins-main-section2 .ins-main-txt-img span{ padding-top:2.1rem; }
.ins-204 .ins-main-section1 .section3 .ins-main-ref { color:var(--colorW); }
.ins-204 .ins-main-section2 .section1 .ins-main-txt4 {  margin-top:3.2rem; }
.ins-204 .ins-main-section2 .section1 .ins-main-txt4:nth-child(2) {  margin-top:5.6rem; }
.ins-204 .ins-main-section2 .section1 .ins-main-txt4 + .ins-main-txt-img { margin-top:3.2rem; }
/* 231121 추가 (s) */
.ins-204 .ins-main-section2 .section2 .ins-main-txt3 + .ins-main-txt3 ,
.ins-204 .ins-main-section2 .section3 .ins-main-txt3 + .ins-main-txt3 { margin-top:5.6rem; font-size:3.6rem; }
.ins-204 .ins-main-section2 .section2 .ins-main-txt3 + .ins-main-txt3 p,
.ins-204 .ins-main-section2 .section3 .ins-main-txt3 + .ins-main-txt3 p { line-height:1.22; margin-top:0.8rem; }
/* (e) 231121 추가  */

/* 231101 추가 : 해외여행자 보험 - 알아두실 사항 UI변경 */
.ins-main.ins-100 .cont-conversance .ins-view .insv-bul.disc > li::before { content: ''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:#000;}
.ins-main.ins-100 .cont-conversance .ins-view .insv-bul.disc > li,
.ins-main.ins-100 .cont-conversance .ins-view .insv-bul.star > li,
.ins-main.ins-100 .cont-conversance .ins-view .insv-bul.deci > li { font-size:1.4rem; line-height:1.71; }
.ins-main.ins-100 .cont-conversance .ins-view .point-txt { color:var(--brand-color7) !important; }

/* 231115 추가 : 플레이앨리스 리스트 */
.hrt-list .item:not(.hrt-list-login) > a { display:block; white-space:nowrap; flex:none; width:calc(100% - 5.2rem); }
.hrt-list-wrap {margin: 2.4rem 2rem 0 var(--spc12); }
.hrt-list .btn-hrt-like.new { display:inline-block; margin-left:0.8rem; margin-top:-1.8rem; }
.hrt-list .btn-hrt-like.new .badge-new { display:block; width:4.4rem; height:2rem; background-color:#fff; border-radius:1rem; color:#000; text-align:center; }
.hrt-list .btn-hrt-like.new .badge-new strong{ font-size:1.2rem; line-height:2rem; }
.hrt-list .item .thumb + .txt { width: calc(100% - 11.6rem); }

/* 231121 추가 : 은행/증권사 선택 팝업 */
.fm-sel-option.max-fixH { max-height: calc((var(--vh) * 100) - 32.5rem); }

/* 231123 추가 : 공통 - 선물받는분 정보입력 */
.brand-fam .tab-cont .info-ref.gift-kakao .fc-def { color: var(--brand-color2) !important; font-weight:var(--fontWg1); }

/* 231129 추가 : 불효자보험 가입정보  */
.add-pdl17 { padding-left:1.7rem; }

/* 231130 추가 : 제휴-앨리스구경하기 */
.view-alice { min-height:14.8rem; border-radius:var(--bdrRds2); background:var(--brand-color6) url("../../img/b/com/bg-view-more.png") no-repeat right top; background-size:cover; }
.view-alice a{ display:block; padding:2.8rem 2.4rem;}
.view-alice p { font-size:1.6rem; }
.view-alice p span{ display:block; margin-bottom:0.4rem; }
.view-alice .point{ position:relative; display:inline-block; margin-top:3rem; padding-right:3rem; color: var(--brand-color2); font-size:1.4rem; font-weight:500; }
.view-alice .point::after { content:'\e82e'; position:absolute; right:0; top:0; font-weight:500; display:inline-block; font-family:var(--fontIco); font-size:1.6rem; color:var(--brand-color2); line-height:1; }  

/* 240102 추가 : 라운지 - 이벤트 목록 */
.list-data3.event .img { line-height:0; width:100%; aspect-ratio:1 / 1.217; } 
.list-data3.event .img img { object-fit:cover; }


/********** 언제나언니보험 **********/
.tb-data2.tb-novation .info-flag { margin-bottom:var(--spc1); }
.pop-modal .box-border-graph { border:1px solid #eee; border-radius:1.6rem; text-align:center; }
.pop-modal .box-border-graph img{ border-radius:1.6rem; }

/* 언제나언니보험 상세팝업 */
.ind-sentence { display:block; text-align:left; margin-left:1.6rem; }
.ins-view .insv-box tbody td.dot { border-top:1px dotted rgba(0,0,0,0.08); line-height:1rem; }
.insv-infogh.sister .active1::after { position:absolute; left:0; right:0; top:unset; bottom:0; width:auto; height:2.8rem; border-radius:0; background:#002f79; opacity:0.25; }
.insv-infogh.sister .active1::after { opacity:0.08; }
.insv-infogh.sister .active1::before { right:auto; left:-0.25rem; }
.insv-infogh.mini.sister .in-top .active2 { flex:1.3; height:5.5rem; }
.insv-infogh.mini.sister .x-axis.pt .pos-cur { top:100%; margin-top:5.6rem; }
.insv-infogh.mini.sister .x-axis.pt.pl.tc { color:#002f79; top:-6.5rem; }
.insv-infogh.mini.sister .in-top .w0 .val { padding-top:2.5rem; }

/* 언제나언니보험 상품메인 */
.ins-104 .ins-main-section1 .section2 .ins-main-txt4 { margin-top:3.2rem; }
.ins-104 .ins-main-section1 .section3 .ins-main-txt4 { margin-top:3.2rem; }
.ins-104 .ins-main-section2 .section3 .ins-main-txt3 + .ins-main-txt3 { margin-top: 5.6rem; }
.ins-104 #tab-wrap-sister .tab-sister { display:flex; margin:2rem 0; width:calc(100% - 4rem); overflow:auto; justify-content:space-between; }
.ins-104 #tab-wrap-sister .tab-sister li a { display:inline-block; padding:0.4rem 1rem; border-radius:1.3rem; color:var(--colorB); font-size:1.4rem; text-align:center; font-weight:700; }		
.ins-104 #tab-wrap-sister .tab-sister li.active a { display:inline-block; padding:0.4rem 1rem; border-radius:1.3rem; background-color:var(--brand-color2);; color:var(--brand-font2); font-size:1.4rem; text-align:center; font-weight:700; }	
.ins-104 .guide-toggle-cont.sister { width:calc(100% - 4rem); }
.ins-104 .guide-toggle-cont.sister:not(.active) { display:none; }

/* 240110 추가 : 이벤트(투표) */
.info-poll .fm-item { margin-top:4rem; }
.info-poll .fm-item .fm-cont .info-ref { padding:1.4rem 1.6rem;}
.info-poll .fm-item .fm-cont .info-ref .fc-def { font-size:1.6rem; line-height:1.25; }
.fm-field.poll .select-option { margin-top:2rem; }
.fm-field.poll .fm-label, .fm-field.poll .fm-valuein .fm-label { font-size:var(--fontSz4); color:var(--brand-font1); font-weight:700; }
.fm-field.poll .fm-chk12 .fm-chk-lb { border-radius:2.4rem; }
.fm-field.poll .fm-chk12 > input:checked + .fm-chk-lb { border-radius:2.4rem; }
.fm-field.poll .fm-chk12 { margin-top:1.2rem; }
/* .fm-field.poll .fm-chk12 > input:checked + .fm-chk-lb:after { background-color:var(--colorW); }
.fm-field.poll .fm-chk12 > input:checked + .fm-chk-lb:before { background-color:#394def; } */
.board-view2 .board-head.tit-poll h1 { display:flex; justify-content:space-between; align-items:center; font-size: var(--fontSz6); font-weight:var(--fontWg1); line-height:3.2rem;}
.board-view2 .board-head.tit-poll h1 .title{ text-align:left; width:calc(100% - 7.2rem); font-size:2rem; line-height:1.2; }
.board-view2 .board-head.tit-poll h1 + .txt-date { display:block; margin-top:0.8rem; font-size:var(--fontSz1); color:var(--colorW); text-align:left; opacity:0.5; }
.board-view2 .board-head.tit-poll .btn-cmz{ margin-left:1.1rem; display:inline-block; border:solid 1px var(--brand-font1); height:2.8rem; border-radius: 1.4rem; font-size:var(--fontSz1); padding:0 0.8rem 0 0.7rem; line-height:2.6rem; width:6.1rem; box-sizing:border-box; }
.board-view2 .board-head.tit-poll .btn-cmz .icon1 { display:block; overflow:hidden;	color: #fff; font-size:var(--fontSz1); line-height:unset; font-weight:400; text-align:left; }
.board-view2 .board-head.tit-poll .btn-cmz .ico91::before {	content:'\e85a'; font-size:var(--fontSz6); line-height:unset; color:var(--colorW); width:2.4rem; display:inline-block; }

/* 240117 추가: 언제나언니 하단 타이틀 */
.ins-104.ins-main .ins-main-section2 .ins-main-txt3 + .ins-main-txt3 { margin-top:5.6rem; }
.ins-104.ins-main .ins-main-section2 .ins-main-txt3 > p { font-size:3.6rem; }
.ins-104.ins-main .ins-main-section2 .ins-main-txt3 > p + p { margin-top:0.8rem; }

/* 240207 추가 : 제휴 레빠 */
.fm-agree2 em { color: var(--brand-font1); }



/* 아래부터 피버확인 */
/* 240220 추가 : 캠핑차박보험 bs 팝업 */
#INS-333-08-POP.pop-modal .cont-mes8 {padding-bottom:3rem;}

/* @@ 운영배포전 ========= 240215 수정: 캠핑차박보험 */
.ins-202 .ins-main-section1 .section2 .ins-main-graph { padding-right:2.4rem; margin:2.4rem 0 var(--spc7); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li { position:relative; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:#000; --itemW:calc((100vw - 33.33vw) / 3); width:var(--itemW); height:calc(var(--itemW) * 2.5); border-radius:1.2rem 1.2rem 0 0; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:10rem; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:11.6rem; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(3) .graph-bar::before { height:15.0rem; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt { display:block; font-size:var(--fontSz1); color:var(--brand-color2); text-align:center; padding-top:2.0rem; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); display:block; text-align:center; margin-top:var(--spc2); color:#fff !important; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 { --itemW:calc((100vw - 11.66vw) / 3); margin:calc(var(--itemW) * 0.62) 0 0 var(--spc8-m); padding:0 1.2rem; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul { display:flex; justify-content:space-between; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li { position:relative; display:block; background:#000; width:var(--itemW); height:calc(var(--itemW) * 0.896226); border-radius:var(--bdrRds2); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li::before { content:''; position:absolute; display:block; width:100%; height:100%; bottom:0; border-radius:var(--bdrRds2); opacity:0.7; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li::after { content:''; position:absolute; display:block; width:100%; height:72.5%; bottom:0; border-radius:var(--bdrRds2) 0 var(--bdrRds2) var(--bdrRds2); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(1)::before { background:var(--colorBCC2); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(1)::after { background:var(--colorBCC2); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(2)::before { background:var(--colorBCC7); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(2)::after { background:var(--colorBCC7); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(3)::before { background:var(--colorBCC8); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li:nth-child(3)::after { background:var(--colorBCC8); }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt { position:absolute; height:100%; bottom:0; margin-bottom:40%; z-index:2; margin-left:18%; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt .txt-img { height:100%; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt span { display:inline-block; font-size:var(--fontSz5); vertical-align:top; margin-top:1.9rem; }
.ins-202 .ins-main-section1 .section2 .ins-main-graph2 ul li .graph-txt2 { position:absolute; bottom:1.4rem; left:0; right:0; text-align:center; font-size:var(--fontSz5); color:var(--colorW); z-index:2; }
.ins-202 .ins-main-graph { margin-top:3.2rem; }
.ins-202 .ins-main-graph dl { display:flex; }
.ins-202 .ins-main-graph dl + dl { margin-top:1.6rem; }
.ins-202 .ins-main-graph dt { width:5.8rem; font-size:var(--fontSz5); line-height:3.2rem; color:var(--colorW); font-weight:var(--fontWg1); }
.ins-202 .ins-main-graph dd { flex:1; }
.ins-202 .ins-main-graph .graph { position:relative; display:block; height:3.2rem; width:100%; background:var(--brand-color2); border-radius:0 1.2rem 1.2rem 0; width:--el-progress; animation:el-progress-bar 700ms 300ms ease both; }
.ins-202 .ins-main-graph .graph .txt { display:block; width:6rem; font-size:var(--fontSz5); color:var(--colorB); line-height:3.2rem; padding-left:var(--spc2); }
.ins-202 .ins-main-graph dl:nth-child(1) dd { padding-right:3.2rem; }
.ins-202 .ins-main-graph dl:nth-child(2) dd { padding-right:11.2rem; }
.ins-202 .ins-main-graph dl:nth-child(3) dd { padding-right:14.8rem; }
.ins-202 .ins-main-graph dl:nth-child(4) dd { padding-right:17.6rem; }
.ins-202 .ins-main-graph dl:nth-child(5) dd { padding-right:19.2rem; }
.ins-main-txt1.ty-s + .ins-main-ref { margin-top:3.2rem; }
.ins-main-txt1.ty-s + .ins-main-txt1.ty-s { margin-top:2.6rem; }
.ins-main-txt1.ty-s { line-height:6rem; font-size:4.8rem; }
.ins-main-txt1.ty-s .txt-in { margin-top:0.6rem; }

/* 240216 추가 : 해외여행자 보험 메인 */
.ins-main.ins-100 .ins-main-section3 .ins-main-txt7 .info-txt li { margin-top:0.8rem; text-indent:-0.9rem; margin-left:1.2rem; }

/********** 알파맘보험 **********/
.fm-chk6-g.alpha .fm-chk6 .fm-chk-lb .txt3 { position:relative; }
.fm-chk6-g.alpha .fm-chk6 .fm-chk-lb .txt3 .up { position:absolute; top:-2rem; font-size:1.2rem; }
.fm-chk6-g.alpha .fm-chk6 .fm-chk-lb .txt3 strong { font-size:1.6rem; }
.fm-chk6-g.alpha + .info-ref { margin-top:1.2rem; }
.fm-chk6-g.alpha .fm-chk6 > input:checked + .fm-chk-lb { background:var(--colorBCC7); color:var(--brand-font2); }
.fm-chk6-g.alpha .fm-chk6 > input:checked + .fm-chk-lb:before { background-color:var(--brand-color2); }
.info-data5.alpha .title .point { color:var(--brand-color2); font-weight:var(--fontWg1); }
.info-data5.alpha .title strong + p { margin-top:1.6rem; }
.info-data5.alpha .info-data5 dd { color:var(--brand-font1); }
.info-data5.alpha .info-data5 dd sup { display:inline-block; color:var(--brand-font1); font-size:1rem; margin-right:0.3rem; }
.info-data5.alpha .info-ref { margin-top:var(--spc7); border-top:solid 1px var(--brand-font3); padding:var(--spc6) 0 0; border-radius:0; }
.info-data5.alpha .info-ref dl dt { color:var(--colorW); font-weight:var(--fontWg2); }
.info-data5.alpha .info-ref dl + dl { margin-top:2rem; }

/* 알파맘보험 메인 */
.ins-main.ins-500 .ins-main-graph { padding-top:6.2rem; padding-right:3.2rem; margin-bottom:var(--spc7); }
.ins-main.ins-500 .ins-main-graph ul { display:flex; justify-content:space-evenly; font-weight:var(--fontWg1); align-items: flex-end; }
.ins-main.ins-500 .ins-main-graph ul li { position:relative; }
.ins-main.ins-500 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:#3bf6fd; color:var(--brand-color2); --itemW:calc((100vw - 12.4rem) / 2); width:var(--itemW); height:calc(var(--itemW) * 2.5); border-radius:2.4rem 2.4rem 0 0; }
.ins-main.ins-500 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-main.ins-500 .ins-main-graph ul li:nth-child(1) .graph-bar { height:11.2rem; }
.ins-main.ins-500 .ins-main-graph ul li:nth-child(2) .graph-bar { height:15.9rem; background: var(--brand-color2); }
.ins-main.ins-500 .ins-main-graph ul li .graph-txt { position:absolute; top:-3rem; left:50%; transform:translateX(-50%); display:block; font-size:1.4rem;  font-weight:var(--fontWg1); text-align:center; color:#3bf6fd; }
.ins-main.ins-500 .ins-main-graph ul li:nth-child(2n) .graph-txt { color:var(--brand-color2); }
.ins-main.ins-500 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); color:#3bf6fd; display:block; text-align:center; margin-top:var(--spc2); }
.ins-main.ins-500 .ins-main-graph ul li:nth-child(2n) .graph-txt2 { color:var(--brand-color2); } 
.ins-main.ins-500 .ins-main-section2 .section1 .ins-main-txt4 + .ins-main-txt4 { margin-top:3.2rem; }
.ins-main.ins-500 .ins-main-section2 .section1 .ins-main-ref + .ins-main-ref { margin-top:0.4rem; }

/* 알파맘보험 상세팝업 */
.insv-box.insv-infogh.alpha .x-axis.pt.pl { color:#002f79; }
.insv-box.insv-infogh.alpha .in-top .active::after { top:0; } 
.insv-box.insv-infogh.sister.alpha .active1::after { height:4rem; }
.insv-box.insv-infogh.sister.alpha .active1 .val { top:65%; }

/* 240308 추가 : 골프캘린더 보험 선택 */
.golf-calendar .c-head2 + .fm-item { margin-top:var(--spc3); }
.golf-calendar div.info-data3 { margin-top:var(--spc8); }
.golf-calendar .touchopt-wrap > .suffix { font-weight:var(--fontWg2); }

/* 240318 추가 : 골프보험 가입유형 변경 */
.fm-field.golf .fm-chk15 .fm-chk-lb::before { display:inline-block; width:4.4rem; height:4.4rem; line-height:4.4rem; }
.fm-field.golf .fm-chk15 .fm-chk-lb.person1::before { background:#000 url(../../img/b/com/icon_bg_person.png) no-repeat center center; background-size:4.4rem; } 
.fm-field.golf .fm-chk15 .fm-chk-lb.person2::before { background:#000 url(../../img/b/com/icon_bg_person2.png) no-repeat center center; background-size:4.4rem; } 
.fm-field.golf .fm-chk15 .fm-chk-lb.coupon1::before { background:#000 url(../../img/b/com/icon_bg_coupon.png) no-repeat center center; background-size:4.4rem; } 
.fm-field.golf .fm-chk15 .fm-chk-lb.coupon2::before { background:#000 url(../../img/b/com/icon_bg_coupon2.png) no-repeat center center; background-size:4.4rem; } 
.pop-modal .list-data18 .item .bul-disc dd { position:relative; padding-left:1.2rem;}
.pop-modal .list-data18 .item .bul-disc dd::before { content:''; position:absolute; top:0.8rem; left:0; width:0.4rem; height:0.4rem; background-color:var(--colorB); border-radius:50%; }
.pop-modal .list-data18 .item.coupon1::before { background:#000 url(../../img/b/com/icon_bg_coupon.png) no-repeat center center; background-size:6.4rem; }
.pop-modal .list-data18 .item.coupon2::before { background:#000 url(../../img/b/com/icon_bg_coupon2.png) no-repeat center center; background-size:4.4rem; }

/* 240326 추가 : 골프보험 랜딩페이지 문구 변경 */
.ins-main .ins-main-section2.golf .ins-main-txt2 { margin-top:5.6rem; font-size:4.4rem; color:var(--colorW); font-weight:var(--fontWg1); }

/* 240328 추가 : 골프보험연간권 랜딩페이지 문구 변경 */
.ins-401.ins-main .ticket-year .ins-main-txt1 + .ins-main-ref { font-size:var(--fontSz4); line-height:1.5; text-indent:-1.2rem; padding-left:1.2rem; margin-top:3.2rem; color:var(--colorWO5); }

/* 240401 추가 : 골프 보험 - 알아두실 사항 UI변경 */
.ins-main.ins-20 .cont-conversance .ins-view .insv-bul.disc > li::before { content: ''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:#000;}
.ins-main.ins-20 .cont-conversance .ins-view .insv-bul.disc > li,
.ins-main.ins-20 .cont-conversance .ins-view .insv-bul.star > li,
.ins-main.ins-20 .cont-conversance .ins-view .insv-bul.deci > li { font-size:1.4rem; line-height:1.71; }
.ins-main.ins-20 .cont-conversance .ins-view .point-txt { color:var(--brand-color7)!important; }

/* 240402 추가 : 골프보험 - 랜딩 수정 */
.ins-main.ins-20 .ins-main-section2.golf .ins-main-ref { text-indent:0rem; padding-left:0rem; }
.ins-main.lvt-23 .ins-main-section2.ticket-year .ins-main-ref { text-indent:0rem; padding-left:0rem; }

/* 240403 추가 : 골프보험연간권 관리 - 사용하기버튼 추가 */
.lvt-my-prod2.ty-img { border-radius:0; box-shadow:none; }
.lvt-my-prod2.modi { display:flex; flex-direction:column; padding:var(--spc6) var(--spc6) 1.6rem; line-height:1.2; text-align:left; }
.lvt-my-prod2.modi .small { margin-top:0.6rem; }
.lvt-my-prod2.modi .etc { position:relative; z-index:2; min-height:5.2rem; }
.lvt-my-prod2.modi .flag-txt { margin-top:2rem; padding:0 1rem; position:absolute; right:unset; left:var(--spc6); bottom:1.6rem; background:var(--brand-colorBE2); color:var(--brand-font1); z-index:3; height:2.1rem; font-size:1rem; font-weight:700; line-height:2.1rem; }
.lvt-my-prod2 .btn-cmk.btn-use { position:absolute; right:var(--spc6); bottom:1.6rem; background-color:var(--brand-color2); color:var(--brand-font2); z-index:3; padding:0 3rem 0 2.1rem; font-size:var(--fontSz1); }
.lvt-my-prod2 .btn-cmk.btn-use::after {	content:'\e82e'; position:absolute; right:0.6rem; top:50%;	transform:translateY(-50%); font-weight:700; display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); height:2rem; color:var(--colorB); line-height:1; }

/* 240404 추가 : N회권 이용 방법 안내 */
#INS-21-POP02 .box-step, #lvt-23-05-POP .box-step { position:relative; margin-top:2rem; padding-top:5.8rem; background-color:#e3e3e3; border-radius:2rem;}
#INS-21-POP02 .box-step.step01, #INS-21-POP02 .box-step.step02,
#lvt-23-05-POP .box-step.step01, #lvt-23-05-POP .box-step.step02 { margin-top:1.6rem; padding:5.8rem 2.8rem 0;}
#INS-21-POP02 .box-step .step-txt, #lvt-23-05-POP .box-step .step-txt { position:absolute; top:2rem; left:2rem; line-height:2.2rem; font-weight:var(--fontWg1); }
#INS-21-POP02 .box-step .step-txt .flag-txt, #lvt-23-05-POP .box-step .step-txt .flag-txt{ margin-right:0.8rem; font-weight:400; background-color:var(--colorBCB7); }

.lvt-prod-ad.add-sty .txt-step-ex { font-size:1.6rem; font-weight:500;}
.lvt-prod-ad.add-sty .txt-step-ex::before { display:none; }
.lvt-prod-ad.add-sty .txt-step-ex::after { display:none; }
.lvt-prod-ad.add-sty { display:flex; flex-wrap:wrap; justify-content:space-between; padding:3.2rem 1.6rem; /* background:var(--brand-color7); */ border-radius:var(--bdrRds4); overflow:hidden; -webkit-backface-visibility:hidden; margin-top:var(--spc6); flex-direction:column; }
.lvt-prod-ad.add-sty dd { margin-top:2.4rem; width:100%; padding:2rem 1.6rem 0; background:var(--brand-colorBE6); border-radius:2rem; }
.lvt-prod-ad.add-sty .tit { display:flex; margin-bottom:2.2rem; }
.lvt-prod-ad.add-sty .step { display:inline-block; margin-bottom:0; line-height:2.2rem; }
.lvt-prod-ad.add-sty .small { display:inline-block; margin-bottom:0; margin-left:0.8rem; font-size:1.8rem; font-weight:700; }
.lvt-prod-ad.add-sty dd img { vertical-align:bottom; }

/* 240415 추가 : 가전보험 - 알아두실사항 UI변경 */
.ins-main.ins-50 .cont-conversance .ins-view .insv-bul.disc > li::before { content: ''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:#000;}
.ins-main.ins-50 .cont-conversance .ins-view .insv-bul.disc > li,
.ins-main.ins-50 .cont-conversance .ins-view .insv-bul.star > li,
.ins-main.ins-50 .cont-conversance .ins-view .insv-bul.deci > li { font-size:1.4rem; line-height:1.71; }
.ins-main.ins-50 .cont-conversance .ins-view .point-txt { color:var(--brand-color7)!important; }

/********** 덕밍아웃상해보험 **********/
.fm-field.golf .fm-chk15 .fm-chk-lb.child::before { background:#000 url(../../img/b/com/icon_bg_gift.png) no-repeat  center center; background-size:2.4rem; } 
.box-gift { position:relative; display:flex; justify-content:space-between; align-items:center; padding:1.2rem 2rem 1rem; margin-top:4.4rem; border-radius:1.6rem; background-color:var(--brand-color2); color:var(--brand-font2); font-size:var(--fontSz5); }
.box-gift p { line-height:2rem; }
.box-gift .btn-go-gift { position:relative; padding:0 1.8rem 0 1rem; height:2rem; background-color:var(--colorBCB7); border-radius:1rem; color:var(--colorW); line-height:2rem; font-size:var(--fontSz1);} 
.box-gift .btn-go-gift::after { content:'\e82e'; position:absolute; right:0.3rem; top:50%; transform:translateY(-50%); font-weight:var(--fontWg2); display:inline-block; font-family: var(--fontIco); font-size:var(--fontSz5); color:var(--colorW); line-height:1; } 
.box-gift > .absol { position:absolute; right:9.28rem; top:-0.8rem; width:4.72rem; height:5.7rem; background:url(../../img/b/com/img_bg_gift.png) no-repeat 0 0; background-size:4.72rem; z-index:3}
.fm-sel-option.theqoo .fm-chk-lb { display:flex; align-items:center; }
.fm-sel-option.theqoo .fm-chk-lb strong { display:inline-block; width:5.2rem; }
.fm-sel-option.theqoo .fm-chk-lb .small { display:inline-block; font-size:var(--fontSz5); font-weight:400; }
.info-agree + .info-agree.type-plus { border-radius:var(--bdrRds2); padding:var(--spc7) var(--spc6) var(--spc7) var(--spc6); margin-top:var(--spc8); border-top:none; }
/* 상품메인 */
.ins-600 [class^="section"] + [class^="section"] { margin-top:5.6rem; padding-top:5.6rem; border-top: solid 1px var(--colorWO16); }
.ins-600 .ins-main-section1 .section2 { margin-top:0; padding-top:5.6rem; border-top:0; }
.ins-600 .ins-main-txt2 { margin-top:5.6rem; font-weight:700; }
.ins-600 .ins-main-section1 { padding-bottom:0; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph { padding-right:2.4rem; margin:3.2rem 0 var(--spc7); }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li { position:relative; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:#000; --itemW:calc((100vw - 33.33vw) / 3); width:var(--itemW); height:23.3rem; border-radius:1.2rem 1.2rem 0 0; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-bar { background:url(../../img/b/ins/robo_graph01.jpg) no-repeat 0 0; background-size:cover; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-bar { background:url(../../img/b/ins/robo_graph02.jpg) no-repeat 0 0; background-size:cover; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:3rem; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:4.5rem; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(3) .graph-bar::before { height:18rem; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt { position:absolute; width:100%; display:block; font-size:var(--fontSz5); color:var(--colorW); text-align:center; z-index:5; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-txt { bottom:3.8rem; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-txt { bottom:5.3rem; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(3) .graph-txt { bottom:18.8rem; }
.ins-600 .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); display:block; text-align:center; margin-top:var(--spc2); }
.ins-600 .ins-main-section1 .section3 { padding-bottom:36.8rem; }
.ins-600 .ins-main-section1 .section3 .ins-main-txt-img2 { position:relative; margin-top:0.8rem; z-index:2; height:19.2rem; }
.ins-600 .ins-main-section1 .section3 .ins-main-txt-img2 .txt-in{ margin-top:3.6rem; }
.ins-600 .ins-main-section1 .section3 .ins-main-bg { height:60rem; bottom:0; }
.ins-600 .ins-main-section2 .section2 .ins-main-txt3::nth-of-type(2n) { margin-top:4.4rem; }
.ins-600 .ins-main-section2 .section1 .ins-main-txt2 + .ins-main-txt-img1 { margin-top:5.6rem; }
.ins-600 .ins-main-section2 .section2 .ins-main-txt3:nth-of-type(2n) { margin-top:4rem; }
/* 알아두실사항 UI변경 */
.ins-main.ins-600 .cont-conversance .ins-view .insv-bul.disc > li::before { content: ''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:var(--colorB); }
.ins-main.ins-600 .cont-conversance .ins-view .insv-bul.disc > li,
.ins-main.ins-600 .cont-conversance .ins-view .insv-bul.star > li,
.ins-main.ins-600 .cont-conversance .ins-view .insv-bul.deci > li { font-size:1.4rem; line-height:1.71; }
.ins-main.ins-600 .cont-conversance .ins-view .point-txt { color:var(--brand-color7)!important; }
/* 덕밍아웃(504) 증명서 이미지 추가*/
.list-data10 .info-data-title2.bg-ins-504 { background-image:url(../../img/b/ins/ins-504-10.png); }

/* ********************************** */

/* 240422 추가 : 골프캘린더 - N회권을 더욱 쉽게 이용하는 방법 BS팝업 */
.slide-bs > .wrap-slider-list8 { position:relative; z-index:5; background-color: #e3e3e3; border-radius:2rem; width:calc(100vw - 4.8rem); margin:0 auto; padding-top:3.6rem; }
.slide-bs .list-slide8.slide-bs-list .item { padding:0 2.4rem 0; text-align:center; }
.slide-bs .list-slide8.slide-bs-list .item .txt{ line-height:1.5; }
.slide-bs .list-slide8.slide-bs-list .item .list-slide-bs { position:relative; padding:2.8rem 0 5.2rem; }
.slide-bs .list-slide8.slide-bs-list + .slide-control {	position:absolute; bottom:2.4rem; left:50%; transform:translate(-50%); z-index:6; }
.slide-bs + .area-btm .btn-cmc + .btn-cmc { margin-left: var(--spc3); }
.info-data3.pad_24 { padding:var(--spc6); }
.info-data3 .info-process.add-golf-cal .title span { display:block; font-size:1.4rem; font-size:300; line-height:1.5; }
.info-data3 .info-process.add-golf-cal .title strong { display:block; font-size:1.6rem; line-height:1.5; }
.info-data3 .info-process.add-golf-cal .process-item { padding-left:3rem; margin-top:0.8rem; }
.info-data3 .info-process.add-golf-cal .process-item:nth-child(2) { margin-top:1.3rem; }
.info-data3 .info-process.add-golf-cal .process-item:first-of-type { position:relative; padding-bottom:3.3rem; }
.info-data3 .info-process.add-golf-cal .process-item p{ position:relative; padding-bottom:0.8rem; font-size:1.4rem; text-align:left; line-height:1.71; }
.info-data3 .info-process.add-golf-cal .process-item p::before{ position:absolute; top:0.25rem; left:-30px; width:18px; height:18px; border-radius:50%; background-color:var(--brand-color2); color:var(--colorB); text-align:center; font-weight:var(--fontWg3); font-size:1.2rem; line-height:18px; z-index:2; }
.info-data3 .info-process.add-golf-cal .process-item:nth-child(2) p::before { content:"1"; }
.info-data3 .info-process.add-golf-cal .process-item:nth-child(3) p::before { content:"2"; }
.info-data3 .info-process.add-golf-cal .process-item:nth-child(4) p::before { content:"3"; }
.info-data3 .info-process.add-golf-cal .process-item:nth-child(4) p { padding-bottom:0; }
.info-data3 .info-process.add-golf-cal + .area-btm { padding-top:2.4rem; margin-top:0; }

/* 240422 추가 : 골프캘린더 - 연간권 관리 게임정보  */
.list-slide7 .item.slide .fm-txt3.info { margin:var(--spc4) 0 0 var(--spc4); font-size:var(--fontSz5); }
.list-slide7 .item.slide .fm-txt3.info + .info-data-wrap{ margin-top:var(--spc3); }

/*  240422 추가 : 골프캘린더 - 가입완료, 라운딩 정보 BS 이미지맞춤  */
#INS-21-POP02 .box-step img, 
#lvt-23-05-POP .box-step img { vertical-align:bottom; }

/* 240423 추가 : 골프캘린더 - N회권을 더욱 쉽게 이용하는 방법 BS팝업 이미지 높이 맞춤 */
/* .slide-bs .list-slide8.slide-bs-list .item .txt{ height:8.8rem; }
.slide-bs .list-slide8.slide-bs-list .item .list-slide-bs { padding-top:0; }
.pop-modal article footer { z-index:5; } */

/* 240507 추가: 알아두실사항 UI변경 추가 시 */
.ins-main.inner-info .cont-conversance .ins-view .insv-bul.disc > li::before { content: ''; position:absolute; left:0.6rem; top:0.9rem; width:0.4rem; height:0.4rem; background-color:var(--colorB); }
.ins-main.inner-info .cont-conversance .ins-view .insv-bul.disc > li,
.ins-main.inner-info .cont-conversance .ins-view .insv-bul.star > li,
.ins-main.inner-info .cont-conversance .ins-view .insv-bul.deci > li { font-size:1.4rem; line-height:1.71; }
.ins-main.inner-info .cont-conversance .ins-view .point-txt { color:var(--brand-color7)!important; }

/* 240521 추가: 플레이앨리스 hrt-slide2 슬라이드 배너 */
.hrt-wrap.list-mode .wrap-slider-hrt { display:flex; flex-direction:column; padding:calc(3.2rem + var(--safe-top)) calc(100vw - 32rem) 3.4rem 3.3rem; margin:0 0 0 0; background-color:transparent; /* overflow: inherit; */ }
.hrt-slide2 .item { width:29.4rem; height:20rem; padding:0 0.7rem; opacity:0; transition:all 300ms; }

/* 240521 추가: 플레이앨리스 동영상 관련상품링크 */
@media (orientation:portrait) { /* 세로모드 */
	.hrt-wrap.view-mode .hrt-title.add-new { margin-bottom:1rem; }
	.hrt-wrap.view-mode .hrt-player.add-new { margin-bottom:0; }
	.area-info { padding-bottom:4rem; }
	.area-info .pop-info { position:relative; display:block; margin:0 2.4rem; padding:1.4rem 2.4rem; background-color:var(--colorBO5); border-radius:1.6rem; font-size:var(--fontSz5); line-height:1.43; text-align:left; font-weight:var(--fontWg2); }
	.area-info .pop-info strong { font-weight:var(--fontWg1); }
	.area-info .pop-info::after { content:'\e82e'; position:absolute; top:50%; transform:translateY(-50%); right:2.2rem; font-weight:var(--fontWg2); display: inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); width:2.4rem; height:2.4rem; color:var(--colorW); line-height:1; }
}
@media (orientation:landscape) { /* 가로모드 */
	.area-info { display:none; }
}

/* box-shadow 스타일 */
.ty-shadow { box-shadow:0 0 1.5rem rgba(255,255,255,0.3) }

/********** 해외여행자보험 리뉴얼 **********/
.box-case-another { margin-top:4rem; }			
.box-case-another .box-point { padding:var(--spc6); margin-top:var(--spc4); background:var(--brand-color2);}
.box-case-another .box-point dl + dl { margin-top:var(--spc3); }
.box-case-another .box-point dt, .box-case-another .box-point dd { font-size:var(--fontSz5); color:var(--brand-font2); }
.box-case-another .cont-mes6 { margin-top:var(--spc4); font-size:var(--fontSz5); line-height:1.43; font-weight:var(--fontWg1); }
.fm-agree.info-minor { font-size:var(--fontSz5); line-height:1.43; }
.fm-agree.info-minor .fm-chk-g li{ margin-bottom:3.2rem; }
.fm-agree.info-minor .fm-chk-g li > .fm-chk1 { margin-top:1.5rem; }
.fm-agree.info-minor .fm-chk-all { padding:var(--spc4); background:var(--colorB2); font-size:var(--fontSz5); border-radius:var(--bdrRds2); }
.fm-agree.info-minor .fm-chk-all .fm-chk1 .fm-chk-lb { color:var(--brand-font2); line-height:2rem; font-weight:var(--fontWg1); }
.box-case-another .tit { display:flex; align-items:center; justify-content:space-between }
.box-case-another .tit .btn-cmz.btn-c { line-height:2.8rem; }
.box-case-another .tit .btn-cmz.btn-c i { display:inline-block; margin-top:-0.1rem; margin-right:0.3rem; font-family:'icofont'; font-size:1.6rem; vertical-align:top; color:#000; text-align:center; box-sizing:border-box;  font-weight:300; }
.box-case-another .box-companion { margin-top:var(--spc4); }
.box-case-another .box-companion dl { display:flex; align-items:center; justify-content:center; }
.box-case-another .box-companion dl + dl { margin-top:1.6rem; }
.box-case-another .box-companion dl > * { line-height:2.2rem; }
.box-case-another .box-companion dt { padding-right:unset; width:6rem; }
.box-case-another .box-companion dd { min-width:14.5rem; width:auto; text-align:left; font-size:var(--fontSz4); }
.box-case-another .box-companion .info-flag { margin-bottom:0; }
.box-case-another .box-companion .flag-txt { vertical-align:top; }
.box.mgt4 { margin-top:var(--spc8); }
.bul-txt.tit-sub-txt { margin-top:0.8rem; }
.bul-txt.tit-sub-txt > li + li { margin-top:0; }

/* 해외여행자보험 (702 ~ 704) */
.data-list-choice { padding-top:3.2rem; }
.data-list-choice > li + li { margin-top:3.5rem; }
.data-list-info { margin-top:1.8rem; }
.data-list-info > li + li { margin-top:1.2rem; }
.data-list-info > li { display:flex; justify-content:space-between; }
.data-list-info > li > * { line-height:2rem; font-size:1.6rem; }
.fm-chk-box { display:block; position:relative; }
.fm-chk-box > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:1; }
.fm-chk-box .lb-wrap:before, .fm-chk-box .lb-wrap:after { content:''; position:absolute; top:1.4rem; right:1.4rem; box-sizing:border-box; }
.fm-chk-box .lb-wrap { display:block; padding:2rem 3.2rem; height:100%; border-radius:2.4rem; background:rgba(0,0,0,0.32); }
.fm-chk-box .lb-wrap:before { width:2.0rem; height:2.0rem; background-color:var(--brand-colorBE1); border-radius:100%; }
.fm-chk-box .lb-wrap:after { width:0.8rem; height:0.8rem; top:2rem; right:2rem; border-radius:100%; }
.fm-chk-box > input:checked + .lb-wrap { background:var(--brand-color2); color:var(--brand-font2); }
.fm-chk-box > input:checked + .lb-wrap:before { background-color:#000; }
.fm-chk-box > input:checked + .lb-wrap:after { background-color:var(--brand-color2); }
.fm-chk-box > input:checked + .lb-wrap > * { opacity:1; }
.fm-chk-box .fm-chk-lb { line-height:2.4rem; font-size:2rem; opacity:0.5; }
.fm-chk-box .data-list-info { opacity:0.5; }
.add-btn-area + * { margin-top:4rem; }
.add-btn-area { padding-top:4rem; }
.c-head + .fm-chk6-g[data-sticky="top"] { margin-top:2.4rem; }
.fm-chk6-g[data-sticky="top"] { padding-top:1.6rem; padding-bottom:1.6rem; }
.fm-chk6-g.tab:after { display:none; }
.fm-chk6.ty-s { height:10rem; }
.fm-chk6.ty-s .fm-chk-lb { padding:1.6rem 1.6rem 1.6rem 2.4rem; }
/* .fm-chk6.ty-s .fm-chk-lb > * { opacity:0.5; } */
.fm-chk6.ty-s .fm-chk-lb .txt2 em { opacity:1; }
.fm-chk6.ty-s > input:checked + .fm-chk-lb > * { opacity:1; }
.more-box + * { padding-top:3.2rem; }
.more-box { margin-top:0.4rem; text-align:center; }
.chk-ar-area { margin-top:2.4rem; text-align:right; }
.tab-cont > .info-data-wrap:first-child { margin-top:1.2rem; }
.fm-chk1.ar { display:inline-block; }
.fm-chk1.ar .fm-chk-lb { padding:0 calc(var(--fm-chk1-size) + var(--spc3)) 0 0; }
.fm-chk1.ar .fm-chk-lb:before, .fm-chk1.ar .fm-chk-lb:after { left:auto; right:0; }
.btn-txt-more { display:inline-block; position:relative; padding-right:2.4rem; line-height:2rem; font-size:1.6rem; vertical-align:top; }
.btn-txt-more:after { content:'\e82e'; position:absolute; right:0rem; top:50%; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz2); height:1.6rem; color:#fff; line-height:1; font-size:1.6rem; margin-top:-0.9rem; }
.ico100::before { display:inline-block; content:'\e805'; font-size:1.3rem; font-weight:bold !important; margin-right:0.8rem; transform:rotate(45deg); } /* 더보기 */
.btn-slt-arrow { display:inline-block; position:relative; min-width:1.6rem; min-height:1.6rem; color:var(--brand-color2); font-weight:bold; }
.btn-slt-arrow:after { content:'\e808'; display:inline-block; margin-left:0.4rem; font-weight:var(--fontWg2); font-family:var(--fontIco); font-size:var(--fontSz4); height:1.6rem; color:var(--brand-color2); line-height:1; vertical-align:top; }
.btn-slt-arrow .tb-point,
.btn-slt-arrow .empty { display:inline-block; padding:0; vertical-align:top; }
.tb-data2.ty-n tr { display:table-row; }
.tb-data2.ty-n tbody tr { padding:0; }
.tb-data2.ty-n tbody td { padding:var(--spc6) 0; }
.tb-data2.ty-n .off td:not(.ty-chk) { opacity:0.5; cursor:default; pointer-events:none; }
.tb-data2 tr td.ty-chk .fm-chk1 { display:inline-block; }
.tb-data2 tr td.ty-chk .fm-chk1 .fm-chk-lb { vertical-align:top; }
.pop-modal.tyw .fm-ipt,
.pop-modal.tyw .fm-sel { color:#000; background:#eee; }
.pop-modal.tyw .fm-sel .empty { color:inherit; opacity:0.5; }
.pop-modal.tyw .fm-sel::before { color:#000; }
.pop-modal.tyw .fm-ipt:not(button):not([readonly]):focus, 
.pop-modal.tyw .fm-ipt:not(button):not([readonly]).focus, 
.pop-modal.tyw .fm-ta:not([readonly]):focus, 
.pop-modal.tyw .fm-ta:not([readonly]).focus { color:#000; background:#eee; }
.pop-modal.tyw input::-webkit-input-placeholder, 
.pop-modal.tyw textarea::-webkit-input-placeholder { color:#000; opacity:0.5; }
.pop-modal.tyw .box { background:rgba(238,238,238,0.5); }
.pop-modal.tyw .box .bul-txt > * { color:#000; }
.pop-modal.tyw .box .bul-txt > dd:before { background:#000; }
.fm-add-area + * { margin-top:4rem; }
.fm-add-area > * + * { margin-top:2.4rem; }
.btn-cmd.btn-c3.disabled, 
.btn-cmd.btn-c3:disabled { background:rgba(0,0,0,0.6); }
.flag-txt.ty-btn { background:var(--brand-color3); }
.flag-txt.ty-btn.disabled,
.flag-txt.ty-btn:disabled { opacity:0.5; cursor:default; pointer-events:none; }
.btn-area-ar + * { margin-top:1.2rem; }
.btn-area-ar { text-align:right; }
.area-btm.wt { left:0; right:0; bottom:0; padding: var(--spc7) var(--spc6) calc(var(--safe-btm) + var(--spc7)) var(--spc6); background:#fff; z-index:2; }
.ins-view .insv-box.ty-tit > .insv-list { margin-top:0; }
.insv-list-title { margin:calc(var(--spc6) * -1) calc(var(--spc5) * -1) 0 calc(var(--spc5) * -1); padding:1.2rem 2rem; color:#fff; line-height:1.8rem; font-size:1.4rem; font-weight:bold; border-radius:var(--bdrRds2) var(--bdrRds2) 0 0; background:var(--colorBCA1); }
.info-data-wrap.no-iso { isolation:auto; }
.info-data3-wrap.tab + * { padding-top:2.4rem; }
.info-data3-wrap.tab { margin-top:1.6rem; padding:1.6rem 2.4rem; }
.info-data3-wrap.tab:after { display:none; }
.info-data3-wrap.tab > *:first-child { margin-top:0; }
.flag-txt.ty9 { background:transparent; color:var(--colorW); border:solid 1px var(--colorW); } /* 투명흰색 */
.tb-data2 .tb-txt1 .flag-txt { margin-bottom:0.8rem; }
.pop-modal.tyw .fm-sel-pop .fm-sel-cont { box-shadow:0 0 3rem #aaa; }
.tab.bg-none.info-data3-wrap div.info-data3,
.tab.fm-chk6-g[data-sticky="top"] .fm-chk6 .fm-chk-lb { box-shadow:0 0 1.5rem rgba(255,255,255,0.3); }

/* 240611 추가: 해외여행자보험(705) */
.travel .btn_minus_ty2 { margin-bottom:1rem; width:4.6rem; float:right; }

/* 240619 추가: 해외여행자 보험 상세팝업 */
.ins-view .annotation + .insv-box { margin-top:0.8rem; font-size:1.6rem; }

/* 240620 추가: 해외여행자 보험 동반자추가 풀팝업 등 수정 */
.pop-modal.tyw.ex { position:unset; z-index:unset; margin-top:var(--spc8); }
.fs15 { font-size:1.5rem!important; }
.flag-txt.ty5.add-not { background:var(--colorW); color:var(--colorBO5); }
.fm-chk-box.type-travel > input:checked + .lb-wrap { background:rgba(0,0,0,0.32); color:var(--colorW); border:2px solid var(--brand-color2); }

/* 240624 추가: 해외여행자 보험 알릴사항 */
.bul-txt.add-travel > li { margin-top:0.8rem; }
.info-data5 .title > .text-point-tr { color: var(--brand-color2); }
.info-data5 .title > .text-point-tr a { text-decoration:underline; }

/* 240626 추가: 해외여행자 보험 - 동반자 등록 툴팁 */
.btn-area.relt { position:relative; }

/* 240607 수정 : 골프캘린더 - N회권을 더욱 쉽게 이용하는 방법 BS팝업 */
.slide-bs .list-slide8.slide-bs-list .item .list-slide-bs img { max-height:20rem; }
.slide-bs + .area-btm { z-index:6; }

/* 240610 추가: 카드사-우리카드 */
.pay-card7 { background:#1263EA; } /* 우리카드 */

/* 240627 해외여행자 추가 */
.z-12 { z-index:12!important; }
.z-11 { z-index:11!important; }
.z-10 { z-index:10!important; }
.z-9 { z-index:9!important; }

/* 240705 해외여행자 추가: 가입플랜 선택 */
.btn-slt-arrow2 { position:relative; color:var(--brand-color2); font-weight:var(--fontWg1); padding-left:2.5rem; }
.btn-slt-arrow2:after { content:'변경하기'; display:inline-block; padding: 0.4rem 0 0; margin-left:1.2rem; font-size:1.1rem; height:2rem; background:var(--brand-color2); color:var(--brand-font2); border-radius:var(--spc4); text-align:center; box-sizing:border-box; font-weight:var(--fontWg1); width:5.2rem; }
.btn-slt-arrow2.ty2:after { content:'변경하기'; display:inline-block; padding: 0.4rem 0 0; margin-left:1.2rem; font-size:1.1rem; height:2rem; background:var(--brand-color2); color:var(--brand-font2); border-radius:var(--spc4); text-align:center; box-sizing:border-box; font-weight:var(--fontWg1); margin-top:1rem; display:flex; flex-direction:column; width:5.2rem; position:absolute; right:0; }
.flag-txt4.type2 { width:4rem; height:2rem; color:#000; background:rgba(0,0,0,0.1);;  box-sizing:border-box; padding:unset; line-height:2rem; text-align:center; font-size:1rem; }

/* 240708 골프보험 추가 */
#INS-28-POP01 .list-data18 .item.coupon1::before { background:#000 url(../../img/b/com/icon_bg_coupon.png) center center; background-size:6.4rem; }
.info-card .count-game, 
.forgolf .count-game{ display:inline-block; position:absolute; bottom:12%; left:12%; padding:0 1.2rem; height:3.3rem; line-height:3.4rem; background:rgba(255,255,255,0.6); border-radius:1.6rem; font-size:2.4rem; color:#000; font-weight:500; }
.btn-cmc.pd0 { padding:0; }

/* 240710 추가: 엘포인트 이벤트 */
.ins-progress .in.lpoint { height:calc(var(--itemW) * 0.51282); }

/* 240712 추가: 골프보험- 라운딩정보 */
.fm-chk15 .fm-chk-lb small.unit-won { line-height:1.33; }
.fm-field.golf .fm-chk15 .fm-chk-lb.coupon2.count::before { background:#000 url(../../img/b/com/icon_bg_coupon3.png) center center; background-size:4.4rem; }
.pop-modal .list-data18 .item.coupon2.count::before { background:#000 url(../../img/b/com/icon_bg_coupon3.png) center center; background-size: 6.4rem; }

/* 240726 추가: 해외여행자 - 동반자할인 */
.partner-info-area + * { margin-top:4rem; }
.partner-info-area > p { margin-top:0.8rem; }
.partner-info-box { padding:2.4rem; border-radius:1.6rem; border:1px solid var(--colorCOM2); background:#7b0259; }
.partner-info-box .add-btn-area { padding-top:2.3rem; }
.cont-mes-s { line-height:1.6rem; font-size:1.2rem; }
.d-row-area { display:flex; margin-top:1rem; justify-content:center; }
.d-row-area > * + * { margin-left:1.4rem; }
.d-row { display:flex; line-height:2.4rem; font-size:1.4rem; }
.d-row > dt { font-weight:300; }
.d-row > dd { margin-left:0.4rem; color:var(--colorCOM2); font-size:2rem; font-weight:bold; }
.d-row > dd span { line-height:1.6rem; font-size:1.2rem; }
.chk-ar-area + .info-data-wrap { margin-top:1.2rem; }
.flag-txt.tys { padding:0 0.4rem; height:1.6rem; color:#000; line-height:1.6rem; font-size:1rem; border-radius:0.8rem; background:var(--colorCOM2); }
.fm-chk6.ty-s .fm-chk-lb .flag-txt.tys { margin-left:0.4rem; }
.fm-chk6 > input:checked + .fm-chk-lb .flag-txt.tys { background:#fff; }
.fm-chk6.ty-s .fm-chk-lb .txt2 em { line-height:1.6rem; font-size:1rem; }
.info-data3 .flag-txt.tys { margin-left:0.4rem; vertical-align:0.1rem; }
.cont-mes7 { line-height:2rem; font-size:1.6rem; }

/* 230729 수정: 해외여행자 - 예상보험료 */
.fm-chk6.ty-s .fm-chk-lb { background:#560747; }
/* 상단 5407 라인!!!!! 주석처리하기  .fm-chk6.ty-s .fm-chk-lb > * { opacity:0.5; } */
.fm-chk6.ty-s .fm-chk-lb { color:var( --colorWO5); }
.fm-chk6.ty-s .fm-chk-lb .flag-txt.tys { background:rgba(60,255,107,0.6); }
.alitems-center { align-items:center; }

/* FORME > "가입담보, 보장금액" color 변경 (예: INS-402.html) */
.brand-forme .tb-data2 th { color:var(--colorBO6); }

/* 공통 - 주소검색 */
.fm-unit.sch-box { padding-right:3.4rem; }
.fm-unit.sch-box:focus-within .ico1 { display:block; }
.fm-unit.sch-box .ico1 { right:0; background:url("../../img/b/com/icon-search.svg") center; background-size:cover; cursor:pointer; }
.fm-unit.sch-box .ico1:before { display:none; }
.fm-unit.sch-box .fm-delete { right:4.6rem; }
.fm-unit.sch-box .fm-validation { right:5.4rem; }
.pop-modal.tyw .fm-unit.sch-box .ico1 { background-image:url("../../img/b/com/icon-search-black.svg"); }
.pop-modal.tyw .fm-unit.sch-box .fm-delete:before { background:#000; }

/* 해외장기체류자 */
.fm-chk-icon .fm-chk15 .fm-chk-lb:before { display:inline-block; width:4.4rem; height:4.4rem; line-height:4.4rem; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:4.4rem; }
.fm-chk-icon .fm-chk15 .fm-chk-lb.person1:before { background-image:url(../../img/b/com/icon_bg_person.png); } 
.fm-chk-icon .fm-chk15 .fm-chk-lb.person2:before { background-image:url(../../img/b/com/icon_bg_person2.png); } 
.fm-chk-icon .fm-chk15 .fm-chk-lb.coupon1:before { background-image:url(../../img/b/com/icon_bg_coupon.png); } 
.fm-chk-icon .fm-chk15 .fm-chk-lb.coupon2:before { background-image:url(../../img/b/com/icon_bg_coupon2.png); } 
.cont-mes14 { line-height:2.4rem; font-size:1.4rem; }
.cont-mes14 + .fm-agree { margin-top:1.6rem; }
.cont-mes16 + .cont-mes14 { margin-top:2rem; }
.cont-mes16 { color:#000; line-height:2rem; font-size:1.6rem; }
.cont-mes16 + .fm-sel-option,
.pop-con-travel-country .cont-mes16,
.pop-con-travel-country .fm-sel-option { margin-top:3.2rem; }
.pop-container > .fm-sch-field:first-child { margin-top:0; }
.pop-modal article .pop-container.ty-pd { margin-top:0; padding-top:var(--spc7); }
.fm-txt-warning { padding:0.4rem 1.6rem 0 1.6rem; color:var(--color2); line-height:1.6rem; font-size:1.2rem; }
.pop-con-travel-country .cont-mes16 { margin-top:4rem; }
.pop-container .list-mgb2 li > .block { margin-top:2rem; }
.info-data3-wrap.tab + .info-data-wrap { padding-top:0; }
.tb-data2.ty-price-double tr > *:nth-child(1) { width:38%; text-align:left; }
.tb-data2.ty-price-double tr > *:nth-child(2) { width:28%; }
.tb-data2.ty-price-double tr > *:nth-child(2) .tb-point { padding:0; }
.tb-data2.ty-price-double tr > *:nth-child(3) { width:34%; text-align:right; }
.tb-data2.ty-price-double .tb-point { padding-left:1rem; }
.tooltip-fade { position:relative; }
.tooltip-fade .fm-validation { opacity:1; bottom:3rem; right:-0.8rem; }
.brand-crew .tab2.tab-sticky ul .tab-item a { background:#560747; }
.c-head + .tab2.tab-sticky { margin-top:var(--spc8); padding-top:0; padding-bottom:2.8rem; }
.favorites-country { margin-top:3.2rem; }
.favorites-country > dt { line-height:1.8rem; font-size:1.4rem; font-weight:bold; }
.favorites-country > dd { margin-top:2rem; }
.list-flag26 { display:flex; flex-wrap:wrap; gap:1.2rem 0.8rem; }
.flag-txt.ty26 { padding:0 1.6rem; min-width:4.0rem; height:2.6rem; color:var(--colorBCB1); line-height:2.4rem; font-size:1.4rem; border-radius:1.3rem; border:1px solid var(--colorBCB1); background:#fff; }
.list-data10 .info-data-title2.bg-ins-406 { background-image:url("../../img/b/ins/ins-406-10.png"); }

/* 해외여행자보험 (UX개편) */
.tab.fm-chk6-g { padding-left:2.4rem; padding-right:2.4rem; }
.plan-area { margin-top:1.6rem; }
.plan-area > .box { margin-top:4rem; }
.tab.fm-chk6-g + .add-btn-area { padding-top:1.6rem; }
.tb-data2 .tb-etc { color:var(--brand-font10); }
.plan-area .info-data3-wrap.tab { margin-top:0.8rem; }
.plan-area .info-data3-wrap.tab + * { padding-top:0.8rem; }
.plan-area .chk-ar-area { margin-top:3.2rem; }
.chk-ar-area .fm-chk9 .fm-chk-lb { justify-content:end; }
.point-old { color:var(--brand-color-old); }
.c-title6 { line-height:2rem; font-size:1.4rem; }
.c-title6 + .fm-unit { margin-top:2rem; }
.fm-add-area.ty-b { padding-bottom:5rem; }
.fm-add-area > .cont-mes8 { padding-bottom:0.8rem; }
.fm-chk48-g { display:flex; flex-wrap:wrap; }
.fm-chk48 { position:relative; flex:1; height:4.8rem; }
.fm-chk48 input { position:absolute; top:0; width:100%; height:100%; opacity:0; }
.fm-chk48 .fm-chk-lb { display:block; height:100%; color:rgba(0,0,0,0.5); line-height:4.8rem; font-size:var(--fontSz4); font-weight:var(--fontWg1); border-radius:1.6rem; border:1px solid #eee; background:#fff; text-align:center; }
.fm-chk48 input:checked + .fm-chk-lb { color:var(--colorW); background:var(--brand-color3); }
.fm-chk48 + .fm-chk48 { margin-left:0.6rem; }
.fm-ipt-wrap .fm-unit + .fm-unit-gender { margin-left:1.4rem; }
.pop-modal.tyw .fm-safe::before { color:initial; }
.pop-modal.tyw .fm-safe.complete::before { opacity:1; }
.btn-cmb.btn-c { background:var(--brand-color2); }
.btn-cmz.ty-n { padding:0 1.2rem; }
.box-case-another > .btn-area { margin-top:1.6rem; }
.flag-txt.ty12 { background:var(--colorW); color:rgba(0,0,0,0.5); } /* 흰색배경+연한검정글씨 */
.flag-txt.ty13 { background:var(--colorCOM2); color:var(--colorB); } /* 초록배경 */
.box-companion .flag-txt { min-width:4.8rem; }
.cont-mes13 { margin-top:2.4rem; padding-top:2.4rem; line-height:2rem; font-size:1.4rem; border-top:1px solid rgba(255,255,255,0.12); }
.partner-info-box.ty-b { padding:2.4rem 1rem; color:#fff; border-color:var(--colorBCA1); background:var(--colorBCA1); }
.partner-info-box.ty-b + * { margin-top:3.2rem; }
.partner-info-box.ty-b > *:first-child { margin-top:0; }
.partner-info-box.ty-b .d-row > dd { color:var(--colorCOMYL); }
.partner-info-box.ty-b .cont-mes-s { margin-top:1rem; }
.btn-cmd.btn-c4:disabled, .btn-cmd.btn-c4.disabled { color:#888; background:#eee; }
.box-case-another .btn-cmz.btn-c { min-width:7.2rem; }
.tb-data2.ty-n .btn-slt-arrow2 { padding-left:0; text-align:right; }
.btn-cmb.ty-pd-s { padding:0 1.5rem; }

/* 해외여행자보험 - 동반할인 추가 (랜딩) */
.ins-100 .ins-main-section2 .ins-main-txt2 { font-weight:bold; }
.ins-100 .ins-main-section2 .ins-main-txt2 .txt-in { margin-top:0.8rem; }
.ins-100 .ins-main-section2 .ins-main-txt3 + .ins-main-txt2 { margin-top:5.6rem; }
.ins-100 .ins-main-section2 .ins-main-txt4 + .ins-main-txt2 { margin-top:0.8rem; }
.ins-100 .ins-main-section2 .ins-main-txt-img2 + .ins-main-ref { margin-top:3.2rem; }
.ins-100 .ins-main-section2 .section1 .ins-main-txt-img2 { height:11.6rem; }

/* 골프보험 - 팝업 */
.cont-mes14 .point { color:var(--brand-color3); }
.cont-mes14 + .d-mes { margin-top:1.6rem; }
.d-mes + .d-mes { margin-top:1.2rem; }
.d-mes { line-height:2rem; font-size:1.4rem; text-align:left; }
.d-mes > dt { font-weight:bold; }
.d-mes > dd { margin-top:0.8rem; }
.d-mes > dd > * + * { margin-top:0.8rem; }

/* 240905 추가 : 미니간병 증명서 이미지 추가 */
.list-data10 .info-data-title2.bg-ins-105 { background-image:url(../../img/b/ins/ins-105-10.png); }

/* 240911 추가: 골프 연간권 */
.wrap-slider-list7 .list-slide7 > li .area-btm.integrate { margin-top:6.8rem; }
.wrap-slider-list7 .list-slide7 > li .area-btm.integrate + .slide-cont { margin-top:3.2rem; }

/* 241008 추가: 해외여행자보험 */
.tit-tourist-spot { font-size:var(--fontSz5); font-weight:var(--fontWg3); color:var(--brand-font1); margin-bottom:var(--spc5); }
.tourist-spot { display:flex; overflow:hidden; flex-wrap:wrap; }
.tourist-spot .fm-chk4 { flex:unset; display:inline-block; margin-right:0.7rem; height:3rem; margin-bottom:1rem; height:unset; }
.tourist-spot .fm-chk4 .fm-chk-lb { display:inline-block; height:100%; background:transparent; font-size:1.4rem; color:#fff; font-weight:var(--fontWg3); border-radius:var(--bdrRds2); border:1px solid #fff; line-height:3rem; height:3.2rem; text-align:center; padding:0 2rem; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; max-width:calc(100vw - 4.8rem); }
.tourist-spot .fm-chk4 input:checked + .fm-chk-lb { background:var(--brand-color2); color:var(--colorB); font-weight:700; border:1px solid transparent; }
.tourist-spot .fm-chk4 + .fm-chk4 { margin-left:0; }
.info-ref.mgt24 { margin-top:var(--spc6); }
.box-banner-lpoint.mgt0 { position:relative; display:block; --itemW:calc(100vw - 4.8rem ); margin-top:0; }
.box-banner-lpoint .banner-lpoint { width:var(--itemW); border-radius:15%; }
.box-banner-lpoint .banner-lpoint img { width:100%; height:100%; }
.box-banner-lpoint .btn_view { margin:2.4rem 0 1.2rem; color:var(--colorW); text-align:center; text-decoration:underline; font-size:1.2rem; }
.pop-modal article .pop-header h1.payback { font-size:2rem; font-weight:var(--fontWg1); line-height:2.4rem; }
/* 가입플랜 수정 */
.fm-chk6.ty-s.plan { position:relative; height:12rem; }
.fm-chk6.ty-s.plan .fm-chk-lb { padding:2.4rem 1.8rem 2.2rem 1.6rem; color:var(--colorW); }
.fm-chk6.ty-s.plan .txt-up { display:block; font-size:1.2rem; font-weight:var(--fontWg3); line-height:1.33rem; color:var(--colorW); }
.fm-chk6.ty-s.plan .txt1 { display:block; font-size:1.6rem; margin-bottom:0.8rem; line-height:2rem; color:var(--colorW); }
.fm-chk6.ty-s.plan .txt2 > em > strong { color:var(--brand-color2); }
.fm-chk6.ty-s.plan > input:checked + .fm-chk-lb .txt-up { display:block; font-size:1.2rem; font-weight:var(--fontWg3); line-height:1.33rem; color:var(--colorB); }
.fm-chk6.ty-s.plan > input:checked + .fm-chk-lb .txt1 { display:block; font-size:1.6rem; margin-bottom:0.8rem; line-height:2rem; color:var(--colorB); }
.fm-chk6.ty-s.plan > input:checked + .fm-chk-lb .txt2 { font-size:var(--fontSz4); line-height: 2.0rem; color:var(--colorB); }
.fm-chk6.ty-s.plan > input:checked + .fm-chk-lb .txt2 > em > strong { color:var(--colorB); }
.fm-chk6.ty-s.plan > .flag-txt.ty3 { position:absolute; padding-left:2.4rem; top:-0.8rem; left:0.8rem; height:2rem; box-sizing:border-box; line-height:2rem; background:var(--colorCOMYL) url(../../img/b/com/icon-crown.svg) no-repeat 0.6rem 0.2rem; background-size:1.6rem; }
.plan-area .cont-mes7.fs14 { font-size:1.4rem; }
.partner-info-box.ty-b.ty2 { padding:2.4rem; border-radius:1.6rem; border:1px solid var(--brand-color5); background:var(--brand-color5); color:var(--colorW); }
.partner-info-box.ty-b.ty2 .d-row > dd { color:var(--colorCOM2); }

/* 241010 추가: 자동로그인 인증 안내 */
.certify-tab.modi { margin-top:3.2rem; }
.text-info-log { margin-top:3.2rem; font-size:1.4rem; font-weight:500; line-height:1.29; }
.text-info-log p > strong { color:var(--brand-color2); }
.text-info-log .text-sub { position:relative; display:block; padding-left:1.2rem; margin-top:0.6rem; font-size:1.2rem; color:var(--colorWO6); line-height:1.5; }
.text-info-log .text-sub::before { content:''; position:absolute; width:0.8rem; height:1.8rem; left:0; top:0; background:url(../../img/b/com/bull-star.svg) no-repeat 0 center; }
.certify-intro .text-info-log + .certify-mes2 { margin-top:4rem; }

/* 241011 추가: 해외장기체류자보험 */
.fm-txt3.white { color:var(--colorW); }
.tourist-spot.long-stay .fm-chk4 .fm-chk-lb { display:inline-block; height:100%; background:transparent; font-size:1.4rem; color:#000; font-weight:var(--fontWg3); border-radius:var(--bdrRds2); border:1px solid #000; line-height:2.4rem; height:2.6rem; text-align:center; padding:0 1.6rem; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100vw - 4.8rem); }
.pop-con-travel-country.long-stay .cont-mes16 { margin-top:0; }
.cont-mes14.mgt20 { margin-top:2rem; }
.pop-con-travel-country.long-stay .fm-chk2 input:checked + .fm-chk-lb { border-color:var(--brand-color2); background-color:var(--brand-color2); font-weight:var(--fontWg1); }
.info-data3.box-fee { margin-top:0; box-shadow:0 0 1.6rem 0 rgba(0,0,0,0.2); }
.info-data-wrap.mgt40 { margin-top:4rem!important; }
.po-relt { position:relative; }
.po-relt .fm-validation { height:2.2rem; opacity:1; top:-3.5rem; bottom:unset; right:-0.8rem; }
.list-data10 .info-data-title2.bg-ins-106 { background-image:url(../../img/b/ins/ins-106-10.png); }  /* 해외장기체류자보험 증명서(나의보험계약 등) 이미지 추가 */
/* 메인 */
.ins-106 .ins-main-graph { overflow:hidden; padding-right:2.4rem; margin:2.4rem 0 var(--spc7); }
.ins-106 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ins-106 .ins-main-graph ul li { position:relative; }
.ins-106 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:var(--colorBO32); --itemW:calc((100vw - 33.33vw) / 3); width:var(--itemW); height:calc(var(--itemW) * 2.5); border-radius:1.2rem 1.2rem 0 0; }
.ins-106 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ins-106 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:5.1rem; }
.ins-106 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:10.7rem; }
.ins-106 .ins-main-graph ul li:nth-child(3) .graph-bar::before { height:15.4rem; }
.ins-106 .ins-main-graph ul li .graph-txt { display:block; font-size:1.2rem; color:var(--brand-color2); text-align:center; }
.ins-106 .ins-main-graph ul li:nth-child(1) .graph-txt { padding-top:2.1rem; }
.ins-106 .ins-main-graph ul li:nth-child(2) .graph-txt { padding-top:2.1rem; }
.ins-106 .ins-main-graph ul li:nth-child(3) .graph-txt { padding-top:2.1rem; }
.ins-106 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); display:block; text-align:center; margin-top:var(--spc2); }
.ins-106 .ins-main-section1 .section2 { position:relative; padding-bottom:31rem; }
.ins-106 .ins-main-section1 .section2 .ins-main-ref { font-size:2rem; }
.ins-106 .ins-main-section1 { padding-bottom:0; }
.ins-106 .ins-main-section1 .ins-main-bg2 { height:31rem; bottom:0;	left:-4rem; }
.ins-106 .ins-main-section2:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../img/b/ins/ins-sec-gradient-abroad.png) no-repeat center 0; background-size:100% auto; }
.ins-106 .ins-main-section2 .section4 .ins-main-txt2.bold { margin-top:0.8rem; }
.ins-106 .ins-main-section2 .section1 .ins-main-ref + .ins-main-txt4 { margin-top:3.2rem; }
.ins-106 .ins-main-section2 .section1 dt.ins-main-txt4,
.ins-106 .ins-main-section2 .section2 dt.ins-main-txt4 { margin-top:2.4rem; }
.ins-106 .ins-main-tb { margin-right:4rem; margin-top:3.2rem; padding:0; }
.ins-106 .ins-main-tb::before { content: ''; position:absolute; left:0; right:0; display:block; height:3.6rem; background:var(--brand-color2); opacity:0.6; }
.ins-106 .ins-main-tb + .ins-main-ref { margin-top:1.6rem; }
.ins-106 .ins-main-tb td { border-bottom:solid 1px rgba(59, 246, 253, 0.6); }
.box-ballon { margin-top:5.6rem; }
.box-ballon [class^="box-"] { position:relative; padding:2rem; margin-bottom:2.4rem; border-radius:1.2rem; }
.box-ballon [class^="box-"]:last-child { margin-bottom:0; }
.box-ballon .box-blue { margin-right:4rem; background-color:rgba(255,255,255,0.2); color:#fff; line-height:1.5; }
.box-ballon .box-blue:after{ content:''; position:absolute; border-top:1rem solid transparent; border-left:1.3rem solid rgba(255,255,255,0.2); border-bottom:1rem solid transparent; top:50%; right:-1.3rem; transform:translateY(-50%); }
.box-ballon .box-white { margin-right:4rem; background-color:rgba(255,255,255,1); color:#000; line-height:1.5; }
.box-ballon .box-white:after{ content:''; position:absolute; border-top:1rem solid transparent; border-right:1.3rem solid rgba(255,255,255,1); border-bottom:1rem solid transparent; top:3.2rem; left:-1.2rem; }
.box-ballon .box-white.ty2:after{ top:1.6rem; }
.box-ballon .box-white > .ins-main-ref { font-size:1.4rem; color:#000; line-height:1.43; margin-top:0.8rem; }
.fm-txt-warning.diplomacy { margin-top:0; padding-top:0; }
.fm-agree.diplomacy { margin-top:2.4rem; border:1px solid #eee; border-radius:1.2rem; padding:2.4rem; }
.fm-agree.diplomacy .fm-chk-g.agree{ margin-top:1.7rem; }
.tourist-spot.long-stay .fm-chk4 { height:2.6rem; }
.fm-sch-field.mgt12 { margin-top:1.2rem; }
.pop-container.h-max { height:calc((var(--vh)* 100) - 15rem); }
/* 플랜추가 */
.info-data3.box-text-script { padding:2rem; }
.info-data3-subj2 { font-size:2rem; font-weight:var(--fontWg3); text-align:center; }
.info-data3-subj2 .txt2 { font-size:1.6rem; font-weight:var(--fontWg3); }
.info-data3-subj2 strong { display:block; font-size:2rem; color: var(--brand-color2); margin-top:0.4rem; text-align:center; }
.tab2.pb0 { padding-bottom:0!important; }

/* 241018 추가: 덕밍아웃  */
.insv-summary .num.fs55 { font-size:5.5rem; }

/* 241023 추가: 보험가입완료 | 보험 추가  */
.add-ins .info-ref.type-top { margin-top:4rem; background-color:rgba(0, 0, 0, 0.32);  }
.add-ins .info-ref.type-top + .c-head { margin-top:4rem; }
.add-ins .info-data3 > .info-ref { margin-top:var(--spc7); border-top:solid 1px var(--colorWO16); padding:var(--spc6) 0 0; border-radius:0; }
.add-ins .info-data-wrap.mgt40 { margin-top:4rem; }

/* 241029 추가: 덕밍아웃 셀렉트 */
.fm-sel-option.theqoo .fm-chk-lb strong.wide { display:inline-block; width:6rem; }

/* 241030 추가: 골프 라운딩 정보 입력  */
.fm-item.new-golf .fm-label.flex { display:flex; flex-wrap:wrap; }
.fm-item.new-golf .fm-label.flex span { flex:1; }
.fm-item.new-golf .fm-label.flex span + span { margin-left:var(--spc2); }
.pop-container.new-golf .c-title4 { margin-bottom:1.6rem; color:var(--brand-color-old); font-weight:var(--fontWg1); }
.pop-container.new-golf .mgt20 { margin-top:2rem!important; }
#INS-21-POP02 .pop-container.new-golf .box-step .step-txt { font-weight:500; font-size:1.8rem; line-height:2rem; }
#INS-21-POP02 .pop-container.new-golf .box-step .step-txt .flag-txt { background-color:var(--colorB); font-weight:var(--fontWg1); height:2rem; }
.fm-field.golf.type-new .set-1,
.fm-field.golf.type-new .set-2 { background: var(--brand-color5); border-radius: var(--bdrRds2); }
.fm-field.golf.type-new .set-1 > .info-data-wrap,
.fm-field.golf.type-new .set-2 > .info-data-wrap { background:transparent; }

.fm-field.golf.type-new .fm-label { margin-bottom:0.8rem; line-height:1.2; }
.fm-field.golf.type-new .mgt0 { margin-top:0!important;}
.fm-field.golf.type-new .fm-valuein .fm-label { color: var(--colorW); }
.fm-field.golf.type-new .tab { margin:0; }
.fm-field.golf.type-new .tab:after { background:none; }
.fm-field.golf.type-new .info-data-wrap  { margin-top:0.7rem; }
.fm-field.golf.type-new .info-data-wrap .info-data-in { padding:0 var(--spc6) var(--spc7); }
.fm-field.golf.type-new .tooltip { position:relative; top:-0.15rem; width:1.6rem; height:1.6rem; margin-left:0.2rem; white-space:nowrap; overflow:hidden; font-weight:var(--fontWg2); vertical-align:middle; line-height:1; }
.fm-field.golf.type-new .tooltip::before { content:'\e841'; display:inline-block; font-family:var(--fontIco); font-size:2.1rem; line-height:1.6rem; color:var(--brand-color2); margin-left:-0.3rem; }
.fm-field.golf.type-new .btn-ins-view::after { content:'\e841'; display:inline-block; font-family:var(--fontIco); font-size:2.1rem; line-height:1; color:var(--brand-color2); vertical-align:middle; margin:-0.2rem 0 0 0.2rem; }

/* 241031 추가: 스마트기기A/S */  
.box.renew-smart { padding:2.4rem; }
.box.renew-smart .cont-mes10 { margin-top:0; }
.box.renew-smart .cont-mes10 .point { color:var(--brand-color2); }
.box.renew-smart .btn-cmc { margin-top:2rem; line-height:4.5rem; }
.box.renew-smart .btn-cmc .text { position:relative; padding-right:2.8rem; line-height:1; }
.box.renew-smart > .btn-cmc .text::after { content:'\e82e'; position:absolute; top:0rem; right:0; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); height:2rem; color:var(--colorB); line-height:1; } 
.c-head.subtit .c-title4 { font-weight:var(--fontWg1); line-height:1.4; }
.c-head.subtit::after { background:none; }
.box-expect { position:relative; display:flex; justify-content:space-between; margin-top:4rem; background:var(--colorW); border-radius:1.6rem; padding:1.4rem 2rem; color:var(--brand-font2); font-weight:var(--fontWg2); font-size:1.8rem; }
.box-expect .fee { font-weight:var(--fontWg1); }
.box-slide-smart { position:relative; padding:3.2rem 4rem 1.2rem; background-color:#eee; margin:2.4rem 0; border:1px solid #ddd; border-radius:1.6rem; }
.box-slide-smart > .wrap-slider-list8 { margin:0; padding-top:0; }
.box-slide-smart .item { text-align:center; }
.box-slide-smart .item .tit-slide { margin-bottom:2.4rem; font-size:1.6rem; font-weight:var(--fontWg1); }
.box-slide-smart .list-slide8.smart + .slide-control { margin-top:0rem; }
.box-slide-smart .slide-control { position:absolute; bottom:1.2rem; left:50%; transform:translateX(-50%); }
.box-slide-smart .slide-control .pagination-bullets > button { margin:0 0.3rem 0; }
.box-slide-smart .slide-control .pagination-bullets > button:before { width:1rem; height:1rem; }
.sel-smart-receipt { margin:2.4rem 0; }
.fm-agree2.smart .fm-chk5-g + .fm-txt3 { margin-top:2.4rem; }
.fm-agree2.smart .fm-chk5-g { margin-top:3.6rem; }
.doc-wrap.smart .doc-item { margin-top:1.6rem; }
.doc-wrap.smart .doc-title { margin-top:2.4rem; }
/* 예상보험료 */
.smart2024p .fm-validation.red { background:#d61313 !important; z-index:3; }
.smart2024p .fm-validation.red::after { background:#d61313 !important; z-index:3; }
.smart2024p .info-data2.visible { overflow:visible; }
.smart2024p .c-head.subtit { margin-top:4rem; }
.smart2024p .cont-mes4 { margin-top:0.4rem; }
.smart2024p .fm-field { margin-top:2.4rem; }
/* 메인 */
.ins-main.smart .ins-main-section2 .section1 .ins-main-txt3 + .ins-main-txt3 { font-size:5.6rem; line-height:1.39; }
.ins-main.smart .ins-main-section2 .section2 .ins-main-txt4 + .ins-main-txt3 { margin-top:1.6rem; font-size:5.6rem; line-height:1.39; }
.ins-main.smart .ins-main-section2 .section2 .ins-main-txt4 + .ins-main-txt3 > .txt-in {  padding-top:0.4rem; }

/* 241104 추가: 해외여행자 */
.fm-txt3.ty-list li { font-size:var(--fontSz1); color:var(--brand-font10); line-height:1.6rem; margin-left:0.6rem; margin-top:0.4rem; text-indent:-0.7rem; line-height:1.2; }
.fm-txt3.ty-list li + li { margin-top:0.4rem; }
.view_after.fs16 { font-size:1.6rem; }
.btn-txt-more.point-txt { color:var(--colorCOM2); font-weight:600; padding-right:2rem; margin-top:0.6rem; font-size:1.4rem; line-height:1; }
.btn-txt-more.btn-txt-more:after { content:'\e82e'; position:absolute; right:0rem; top:50%; font-weight:400; display:inline-block; font-family:var(--fontIco); font-size:1.6rem; height:1.29; color:var(--colorCOM2); line-height:1; margin-top:-0.8rem;}
.c-head.mgt60 { margin-top:6rem; }

/* 241113 추가: 골프 변경 */
.info-data-wrap .info-data-in.pdt10 { padding-top:1rem; }

/* 241114 추가: 사고정보 입력 */
.form-intext { display:inline-block; position:absolute; right:1.6rem; top:50%; transform:translateY(-50%); color:var(--brand-font10); }
.flag-txt.com-fever { display:inline-block; border-radius:1.1rem; padding:0 1rem; min-width:4.0rem; height:2.2rem; font-size:var(--fontSz1); font-weight:var(--fontWg1); line-height:2.2rem; background:var(--brand-color2); color:var(--colorB); text-align:center; }
.list-diagnose .fm-chk15 .fm-chk-lb { background:var(--colorW); border:1px solid #eee; height:4.2rem; box-sizing:border-box; border-radius:0.8rem; text-align:center; color:#000; font-size:1.4rem; font-weight:400; padding:unset; line-height:4rem; }
.mgt0 { margin-top:0!important; }
.list-diagnose .fm-chk15 input:checked + .fm-chk-lb { background:#8d16f3; color:var(--colorW); font-weight:400; }
.list-diagnose .fm-chk15.w100 { width:100%; }

/* 241115 추가 : 군인보험 증명서 이미지 추가 */
.list-data10 .info-data-title2.bg-ins-603 { background-image:url(../../img/b/ins/ins-603-10.png); }

/* 241127 추가: 청구-신청유형 */
.list-data16 .title-reason { font-size:2rem; margin:2.4rem 0 1.6rem; letter-spacing:-0.04rem; font-weight:300; line-height:1.2; }
.list-data16 .title-reason:first-child { margin-top:1.6rem; }

/* 241203 추가: 스마트기기-버튼 */
.box.renew-smart.modi .btn-cmc .text { position:relative; padding-right:2.8rem; line-height:1; padding-left:2.8rem; }

/* 241204 추가: 해외장기체류자 */
.fm-unit.no-ico .fm-sel::before { content:'';  display:none; }

/* 해외여행자-미니암 브릿지페이지 */
.info-data3.fs-smaller .info-data3 dt { font-size:1.8rem; }
.info-data3.fs-smaller .info-data3 dd { font-size:1.6rem; }
.mgt40 { margin-top:4rem!important; }

/* 241209 추가: 골프 확인사항 BS */
.pop-modal .list-data18 .item.info-check01::before { background: #000 url(../../img/b/com/icon_bg_info-check01.png) no-repeat center center; background-size:4.1rem; }
.pop-modal .list-data18 .item.info-check02::before { background: #000 url(../../img/b/com/icon_bg_info-check02.png) no-repeat center center; background-size:4.1rem; }
.pop-modal .list-data18 .item.info-check03::before { background: #000 url(../../img/b/com/icon_bg_info-check03.png) no-repeat center center; background-size:4rem; }
.pop-modal .list-data18 .item.info-check04::before { background: #000 url(../../img/b/com/icon_bg_info-check04.png) no-repeat center center; background-size:4.1rem; }
.pop-modal .list-data18 .info-check > .item { align-items:center; }
.pop-modal .list-data18 .info-check li p { margin-top:0.8rem; text-indent:-0.8rem; margin-left:1rem; }
.list-data18 .info-check .item + .item { margin-top:0; border-top:none; }

/* 덕밍아웃 랜딩 브릿지 */
.br-deqoo div.box-red-wrap, 
.br-deqoo ul.box-red-wrap li,
.br-deqoo .flag-txt2 { background-color:#52013b; }
.br-deqoo .point { color:var(--brand-color2); }
.br-deqoo .box-red-wrap.flex { display:flex; justify-content:space-between; margin-top:2.4rem; margin-bottom:1.2rem; }
.br-deqoo .box-red-wrap.flex > li { padding:1.6rem; width:calc((100% - 1.2rem) / 2); border-radius:1.6rem; }
.br-deqoo .box-red-wrap.flex .tit { color:var(--brand-color2); font-size:1.4rem; margin-bottom:1rem; }
.br-deqoo .box-red-wrap.flex .fee li { font-size:1.6rem; display:flex; align-items:center; }
.br-deqoo .box-red-wrap.flex .fee li + li { margin-top:0.8rem; }
.br-deqoo .box-red-wrap.flex .man { display:inline-block; margin-right:0.6rem; width:2rem; height:2rem; background-color:#00ffeb; border-radius:100%; text-align:center; font-size:1.2rem; color:#52013b;line-height:2rem; font-weight:700; }
.br-deqoo .box-red-wrap.flex .woman { display:inline-block; margin-right:0.6rem; width:2rem; height:2rem; border-radius:100%; text-align:center; font-size:1.2rem; color:#52013b;line-height:2rem; font-weight:700; background-color:#ff64cb; }
.br-deqoo .box-red-wrap.flex .fee li span + span { margin-right:0.5rem; }
.br-deqoo .box-red-wrap.txt { padding:1.2rem 1.6rem; border-radius:1.2rem; font-size:1.4rem; }
.br-deqoo .box-red-wrap.txt .point + span { font-weight:300; }
.br-deqoo .cont-mes4 { opacity:0.5; }
.br-deqoo .b-title4.bold { margin-top:3.2rem; font-size:2rem; }
.br-deqoo .tit-plan { margin:2.4rem 0 1.2rem; font-size:1.6rem; line-height:1.25; font-weight:500; }
.br-deqoo .ins-main > li::before { content: ''; display:inline-block; position:absolute; top: 0.9rem; left:0; width:0.4rem; height:0.4rem; background-color:#fff; border-radius:100%; }
.br-deqoo .ins-main li { font-size:1.8rem; margin-top:0; font-weight:300; line-height:1.33; }
.br-deqoo .ins-main li + li { margin-top:1rem; }
.br-deqoo .tit-plan.line { border-top:1px solid rgba(255,255,255,0.16); margin-top:2.6rem; padding-top:2.4rem; } 
.br-deqoo .indent { margin-left:1rem; text-indent:-1rem; }

/* 계약전후 알릴의무사항 */
.info-agree + .info-agree.no-rink { background: var(--brand-color5); border-radius:var(--bdrRds2); padding:var(--spc7) var(--spc6) var(--spc7) var(--spc6); margin-top:var(--spc8); border-top:0; }

/* 스키보험 랜딩 */
.ski .ins-main-section1 .section2 .ins-main-graph { padding-right:2.4rem; margin:3.2rem 0 var(--spc7); }
.ski .ins-main-section1 .section2 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ski .ins-main-section1 .section2 .ins-main-graph ul li { position:relative; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:#000; --itemW:calc((100vw - 33.33vw) / 3); width:var(--itemW); height:20rem; border-radius:1.2rem 1.2rem 0 0; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:1.2rem 1.2rem 0 0; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-bar { background:url(../../img/b/ins/ski_graph01.png) no-repeat 0 0; background-size:cover; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-bar { background:url(../../img/b/ins/ski_graph02.png) no-repeat 0 0; background-size:cover; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(3) .graph-bar { background:url(../../img/b/ins/ski_graph03.png) no-repeat 0 0; background-size:cover; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:4.1rem; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:9.1rem; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(3) .graph-bar::before { height:15rem; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt { position:absolute; width:100%; display:block; font-size:var(--fontSz5); color:var(--colorW); text-align:center; z-index:5; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(1) .graph-txt { bottom:5.4rem; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(2) .graph-txt { bottom:10.4rem; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li:nth-child(3) .graph-txt { bottom:16.3rem; }
.ski .ins-main-section1 .section2 .ins-main-graph ul li .graph-txt2 { display:block; font-size:var(--fontSz5); display:block; text-align:center; margin-top:var(--spc2); }
.ski .ins-main-txt-img1 { position:relative; z-index:2; height:9.6rem; }
.ski .ins-main-txt-img2 { position:relative; z-index:2; height:11.6rem; }
.ski .ins-main-txt-img2 .txt-in { margin:2.1rem 0 0 var(--spc1); }
.ski .ins-main-section1 .section3 .ins-main-ref,
.ski .ins-main-section1 .section4 .ins-main-ref { margin-top:0.8rem; }
.ski .ins-main-section1 .section3 .ins-main-ref + dl { margin-top:2.4rem; }
.ski .ins-main-section1 .section3 .mgt24 { margin-top:2.4rem; }
.ski .ins-main-section1 .section4 .ins-main-txt3 + .ins-main-def { margin-top:3.2rem; }
.ski .ins-main-section2 .section2 .ins-main-txt2 { margin-top:5.6rem; font-weight:700; }
.ski .ins-main-section2 .section2 .ins-main-txt2 + .ins-main-txt4 { margin-top:3.2rem; }
.ski .ins-main-section2 .section1 .ins-main-ref,
.ski .ins-main-section2 .section2 .ins-main-ref { margin-top:3.2rem; }
.ski .ins-main-section2:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../img/b/ins/bg-ins-sec2-ski.png) no-repeat center 0; background-size:100% auto; }
/* 스키보험 증명서 이미지 추가 */
.list-data10 .info-data-title2.bg-ins-406 { background-image:url(../../img/b/ins/ins-406-10.png); }

/* 241223 직장인보험 추가 */
.fs18 { font-size:1.8rem!important; }
.tab2 ul .fm-chk4 .multi { height:6rem; line-height:1.3; display:block; padding-top:1.1rem; }
.tab2 ul .fm-chk4 .multi small{ font-size:1.3rem; opacity:0.5; }

/* 250113 추가: 직장인보험 랜딩 리뉴얼 */
.ins-80 .ins-main-section1 { overflow:hidden; margin:0 var(--spc6-m) 0; padding: 0 0 0 4.0rem; }
.ins-80 .ins-main-section1 .section2 .ins-main-txt5 { margin-top:3.2rem; }
.ins-80 .ins-main-section1 .section2 + .ins-main-txt-img1 { margin-top:1.2rem; }
.ins-80 .ins-main-section1 .ins-main-txt-img1 + .ins-main-ref { margin-top:3.2rem; }
.ins-80 .ins-main-section1 .section4 { padding-bottom: 17.2rem; }
.ins-80 .ins-main-section1 .section4 .ins-main-bg { height:33.8rem; bottom:0; }
.ins-80 .ins-main-graph { padding:0 5rem 0 1rem; margin:2.4rem 0 var(--spc7); }
.ins-80 .ins-main-graph ul { display:flex; justify-content:space-between; font-weight:var(--fontWg1); }
.ins-80 .ins-main-graph ul li { position:relative; }
.ins-80 .ins-main-graph ul li .graph-bar { position:relative; display:block; background:#1f004f; --itemW:calc((100vw - 33.33vw) / 2); width:var(--itemW); height:calc(var(--itemW) * 1.55); border-radius:2.4rem 2.4rem 0 0; }
.ins-80 .ins-main-graph ul li .graph-bar::before { content:''; position:absolute; bottom:0; display:block; background:var(--brand-color2); width:100%; border-radius:2.4rem 2.4rem 0 0; }
.ins-80 .ins-main-graph ul li:nth-child(1) .graph-bar::before { height:10.07rem; }
.ins-80 .ins-main-graph ul li:nth-child(2) .graph-bar::before { height:12.87rem; }
.ins-80 .ins-main-graph ul li .graph-txt { display:block; font-size:1.4rem; color:var(--colorW); text-align:center; padding-top:2.6rem; }
.ins-80 .ins-main-graph ul li .graph-txt2 { display:block; font-size:1.4rem; display:block; text-align:center; margin-top:var(--spc2); opacity:0.7; }
.ins-80 .ins-main-section2:before { content:""; position:absolute; top:0; left:0; width: 100%; height:100%; background:url(../../img/b/ins/bg-ins-sec2-worker.png) no-repeat center 0; background-size:100% auto; }
.ins-80 .ins-main-section2 .ins-main-txt3.point + dl { margin-top:3.2rem; }
.ins-80 .ins-main-section2 .ins-main-ref + .ins-main-ref { margin-top:0.4rem;}
.ins-80 .ins-main-section2 .section4 .ins-main-txt6 { margin-top:3.2rem; line-height:1.5; }
.ins-80 .ins-main-section2 .section5 .ins-main-txt2 { margin-top:5.6rem; font-size:4.4rem; }

/* 보험가입완료- 다른 상품 알아보기 */
.info-data3 .text-noti { margin-top:2.6rem; font-size:1.4rem; font-weight:300; line-height:1.43; }
.info-data3 .text-noti .point { color:var(--brand-color2); letter-spacing:-0.028rem; }
.info-data3 .text-noti strong + p { margin-top:0.8rem; }
.box > .fs14 { font-size:1.4rem; line-height:1.43; }

/* 250108 추가: 계약체결동의 전체 동의하기 */
.box-check-all { padding-bottom:0.8rem; }
.box-check-all .fm-chk-lb { font-size:1.6rem; }
.txt-check-all { margin-bottom:2.4rem; font-size:1.2rem; padding:0 3.2rem 2.4rem; line-height:1.33; border-bottom:1px solid var(--colorBO16); }

/* 250123 추가: 미니입원비 하단 */
.hosp.ins-main-txt7 .info-txt li { margin-top:0.8rem; text-indent:-0.9rem; margin-left:1.2rem; }

/* 장기운전자 보험 얼럿 추가 */
.flex2 { margin-top:var(--spc7); flex-direction:column-reverse; }
.flex2 > .btn-cmd + .btn-cmd { margin-left:0!important; margin-bottom:0.8rem; }

/* 장기운전자 보험 증명서 이미지 추가 */
.list-data10 .info-data-title2.bg-ins-107 { background-image:url(../../img/b/ins/ins-107-10.png); }

/* 타이틀 있는 보장내용 테이블 컬러 수정 (INS-900-01, INS-800-POP01 ) - 장기운전자 보험 같이 배포 예정 */
.insv-list-title { background:var(--view-brand-bg); opacity:var(--view-brand-bgO); }

/* 250214 추가: 원데이운전자 랜딩 2885~2889 삭제 수정 */
.ins-102 .ins-main-graph dl:nth-child(1) dd { padding-right:7.6rem; }
.ins-102 .ins-main-graph dl:nth-child(2) dd { padding-right:6rem; }
.ins-102 .ins-main-graph dl:nth-child(3) dd { padding-right:4.4rem; }
.ins-102 .ins-main-graph dl:nth-child(4) dd { padding-right:3.9rem; }
.ins-102 .ins-main-graph dl:nth-child(5) dd { padding-right:3.4rem; }
/* .ins-main-section1 .ins-main-ref { color:var(--colorBO5); } */
/* .ins-main-section2 .ins-main-def + .ins-main-txt3.point { margin-top:5.6rem; } */

/* 250219 추가: 뇌심, 암 보험 보험료 예시 내 탭 스타일 */
.ins-view.ins-view-brand .tab2.ins-exam { z-index:unset; }
.ins-view.ins-view-brand .tab2.ins-exam ul::before { background-color:transparent; }
.ins-view.ins-view-brand .tab2.ins-exam ul .tab-item a { background:#eee; }
.ins-view.ins-view-brand .tab2.ins-exam ul .tab-item.active a { background-color:var(--view-pop-bg); } 
.ins-view.ins-view-brand .tab2.ins-exam ul .tab-item + .tab-item { margin-left: var(--spc2); }
.ins-view.ins-view-brand .tab2.ins-exam { position:relative!important; top:unset!important; padding-top:2.4rem!important; } 

/* 250219 추가: 공통 담보상세팝업 - 암뇌심 */
.box-def { border:1px solid #ddd; border-radius:0.8rem; }
.box-def + .box-def { margin-top:2rem; }
.box-def dt { height:4,2rem; line-height:4.2rem; padding-left:4.4rem; color:#002f79; font-size:1.4rem; font-weight:700; border-bottom:1px solid #ddd;  }
.box-def dd {  background-color:rgba(0, 47, 121, 0.04); padding:1.4rem 1.3rem; font-size:1.4rem; color:#000; }
.cvd .box-def:nth-child(1) dt { background:url(../../img/b/com/icon-ins-tit02.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }
.cvd .box-def:nth-child(2) dt { background:url(../../img/b/com/icon-ins-tit03.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }
.cvd .box-def:nth-child(3) dt { background:url(../../img/b/com/icon-ins-tit01.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }
.cancer .box-def:nth-child(1) dt { background:url(../../img/b/com/icon-ins-tit04.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }
.cancer .box-def:nth-child(2) dt { background:url(../../img/b/com/icon-ins-tit05.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }
.cancer .box-def:nth-child(3) dt { background:url(../../img/b/com/icon-ins-tit06.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }
.cancer .box-def:nth-child(4) dt { background:url(../../img/b/com/icon-ins-tit07.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }
.cancer .box-def:nth-child(5) dt { background:url(../../img/b/com/icon-ins-tit08.svg) no-repeat 1.3rem 50%; background-size:2.4rem; }

/* new 암,뇌심 보험 - 증명서 이미지 추가 */
.list-data10 .info-data-title2.bg-ins-108 { background-image:url(../../img/b/ins/ins-108-10.png); } /* 암 */
.list-data10 .info-data-title2.bg-ins-109 { background-image:url(../../img/b/ins/ins-109-10.png); } /* 뇌심 */

/* 250307 추가: 메인 diy */
.diy-list.mgt54 { margin-top:5.4rem; }

/* 250310 추가: 미니암 - 배너 추가 */
.banner-mgt24 { margin-top:2.4rem!important; }

/* 250314 추가: 보험금 신청 */
.sel-type-proposal { margin-top:0.8rem; }
.sel-type-proposal .fm-chk5 { height:5.6rem; }
.sel-type-proposal .fm-chk5 .fm-chk-lb { line-height:5.6rem; font-size:1.4rem; border-radius:1.6rem; }
.sel-type-proposal .fm-chk5 .fm-chk-lb > .small { display:block; font-size:1.2rem; line-height:1.33; padding-top:1.3rem; font-weight:300; }
.sel-type-proposal .fm-chk5 input:checked + .fm-chk-lb { background:var(--brand-color2); color:var(--colorB); }
.list-data10.slide-proposal { margin-top:0; }
.list-data10.slide-proposal .wrap-slider-list8 { padding-top:2.4rem; }
.list-data10.slide-proposal .list-slide8 { padding-top:2.4rem; }
.list-slide8.type-proposal li { padding:0 2.4rem; margin-top:0; }
.list-slide8.type-proposal .brand-def.item.brand-def div.info-data6 { background:var(--colorCOM5); }
.list-slide8.type-proposal .brand-def.has-serial { border:2px solid #fee90f; margin-top:0; }
.btn-cmk.requet-serial { height:2.1rem; line-height:2.2rem; font-size:1.2rem; }
.btn-cmk.modi-serial { display:inline-block; height:2rem; line-height:2rem; font-size:1.2rem; min-width:3.6rem; margin-left:1.2rem; text-align:center; padding:0 0.8rem; }
.text-num-serial { display:inline-block; width:13rem; }
.btn-cma.no-serial.disabled { color:var(--colorBO4); font-weight:700; }
.list-data10.slide-proposal dd.flex { display:flex; flex-direction:row-reverse; }
.doc-title.mgt24 { margin-top:2.4rem; }
.mgt16,
.doc-scan-serial { margin-top:1.6rem; }
.pop-modal.tyw .input-type-serial { margin-top:2.4rem; }
.pop-modal.tyw .input-type-serial .fm-ipt,
.pop-modal.tyw .input-type-serial .fm-ipt:not(button):not([readonly]):focus, 
.pop-modal.tyw .input-type-serial .fm-ipt:not(button):not([readonly]).focus, 
.pop-modal.tyw .input-type-serial .fm-ta:not([readonly]):focus, 
.pop-modal.tyw .input-type-serial .fm-ta:not([readonly]).focus { color:#000; background:#fff; border:1px solid var(--colorBO24); }
.doc-scan.scan-serial > .doc-scan-img.serial { aspect-ratio:unset; }
.ico-write-serial {  background:url(../../img/b/com/icon-write.png) no-repeat 0 0.3rem; background-size:2.4rem; padding-left:3rem; }
.btn-camera { flex:unset!important; margin:0 auto; width:6.4rem; height:6.4rem; border-radius:100%; border:0.6rem solid #777; background:#fff; box-shadow:1.6rem 1.6rem 3.2rem 0 rgba(0, 0, 0, 0.4); }
.no-bdr-top { border-top:none; }
.fm-agree2 + .fm-agree2.no-bdr-top { margin-top:3.2rem; padding-top:0; }
.fs17 { font-size:1.7rem!important; }
.serial-box.list-data17 .attach-item-btn { position:relative; display:block; width:100%; height:calc(var(--itemW)* 0.564102); background:#efefef; border:dashed 1px #c1c1c1; border-radius:var(--bdrRds2); }
.serial-box.list-data17 button.attach-item-btn::before, 
.serial-box.list-data17 div.attach-item-btn .fm-fake-file::before { content:'\e82a'; display:block; width:4rem; height:4rem; font-family:var(--fontIco); font-size:var(--fontSz2); line-height:1; margin:0 auto var(--spc1); padding:calc(0.8rem - 1px); border:1px solid #c1c1c1; opacity:0.36; border-radius:100%; text-align:center; box-sizing:border-box; }

/* 250317 추가: 캠핑 (상단라인 삭제하고) */
.ins-102 .ins-main-section1 .ins-main-ref { color:var(--colorBO5); }
.ins-102 .ins-main-section2 .ins-main-def + .ins-main-txt3.point { margin-top:5.6rem; }

/* 250318 추가: 약관 - 상품설명 중요 내용 확인 추가 */
#INS-35-POP11 .tooltip.black::before { color:var(--brand-colorB); }
#INS-35-POP11 .em-red { color:#d61313; }
.mgt12 { margin-top:1.2rem; }
#INS-35-POP11 #btnCheck.active { background:var(--brand-color2); color:var(--brand-font2); }

/* 전세사기법률비용 - 증명서 이미지 추가 */
.list-data10 .info-data-title2.bg-ins-304 { background-image:url(../../img/b/ins/ins-304-10.png); } 

/* 250328 추가: 공통 보장내용 등 - 암뇌심 */
.insv-summary + .insv-summary { margin-top:-2rem; } 
.fs12 { font-size:1.2rem!important;}
.mgt6 { margin-top:0.6rem; }

/* ALICE 체험하러가기 배너 */
.view-alice2 { position:relative; }
.view-alice2 img { border-radius:1.6rem; }
.view-alice2 strong { position:absolute; top:2.4rem; left:2.3rem; color:#2734a5; font-size:1.8rem; line-height:1.33; }
.view-alice2 .block { position:absolute; bottom:2.4rem; left:2.3rem; color:#2734a5; font-size:1.4rem; font-weight:500; }
.view-alice2 .block::after { content:'\e82e'; position:absolute; right:-2rem; top:0; font-weight:500; display:inline-block; font-family:var(--fontIco); font-size:1.6rem; color:#2734a5; line-height:1; }

/* 250407 수정: 나의 보험계약 상단 체크리스트 */
.fm-chk1.ty3 > input + .fm-chk-lb.v-white { color:var(--colorB); border-radius:var(--bdrRds2); background:rgba(255,255,255,0.14); }
.fm-chk1.ty3 > input:checked + .fm-chk-lb.v-white { color:var(--brand-font2); background:var(--brand-color2); }
.fm-chk1.ty3 > input:checked + .fm-chk-lb.v-white:after { color:var(--brand-font2); background:var(--brand-color2); }
.fm-chk1.ty3 > input:checked + .fm-chk-lb.v-white:before { background-color:var(--brand-color2); }
.fm-chk1.ty3 .fm-chk-lb.v-white:before { background:rgba(255,255,255,0.39); }

/* 원데이자동차 랜딩(상단 .ins-300 .ins-main-section2:before 제거) */
.ins-300 .ins-main-section2:before { background-image:url(../../img/b/ins/bg-ins-sec2-oneday-drive.png); }
[data-brand*="drive-main"] .cont-conversance .ins-view .point-txt { --brand-color11:#d61313; color:var(--brand-color11)!important; }
.ins-main.ins-300 .cont-conversance .ins-view .point-txt { color:var(--brand-color11)!important; }

/* 설문 - 자동차 */
.survey.car { background:url(../../img/b/lvt/vis-01-car.png) center 0 no-repeat; background-size:contain; margin:0 var(--spc6-m) 0; padding:0 var(--spc6) 0; }
.survey.car .survey-mes { margin-top:26.5rem; }
.survey.car .survey-mes2 { margin-top:4rem; font-size:2rem; line-height:1.6; text-align:center; font-weight:500; }
.survey.car .survey-mes2 .color1 { color:var(--colorBCD2); }
.survey.car .survey-mes2 .color2 { color:var(--colorBCE2); }
.survey.car .survey-mes .txt1 span { display:inline-block; height:4.8rem; border-radius:5.6rem; font-size:var(--fontSz6); font-weight:var(--fontWg1); line-height:4.8rem; background:#e6508e; text-align:center; color:var(--colorW); padding:0 3.6rem; margin-left:var(--spc3-m); }
.survey.car .info-data6 { margin-top:2.8rem; text-align:center; letter-spacing:-0.03rem; padding:2.8rem 2rem; }
.survey.car .info-data6 .mark-num { display:inline-block; margin:0 auto; width:6.8rem; height:2.6rem; background-color:#e6508e; border-radius:1.3rem; font-size:1.5rem; line-height:2.6rem; font-weight:700; letter-spacing:-0.03rem; }
.survey.car .info-data6 .mark-num + p { margin-top:1.2rem; font-size:1.5rem; font-weight:400; line-height:1.6; letter-spacing:-0.03rem; }
.survey.car .info-data6 .color3 { color:#e6508e; font-weight:700; }
.survey.car .info-data6 .info-ref { margin-top:2rem; border-top: solid 1px var(--brand-font3); padding:2rem 0 0; border-radius:0; }
.survey.car .txt-int { margin-top:2rem; }
.survey.car .txt-int li { text-indent:-1.2rem; margin-left:1.2rem; font-size:1.2rem; letter-spacing:-0.024rem; color:var(--colorW); line-height:1.67; }
.survey.car .txt-int li + li { margin-top:1.6rem; }
.survey.car .list-data11 .item { width:var(--itemW); box-shadow:8px 8px 24px 0 rgba(0, 0, 0, 0.16); border-radius:2.0rem; overflow:hidden; height:5.6rem; }
.survey.car .list-data11 .item-in { display:flex; flex-direction:column; justify-content:space-between; height:100%; text-align:center; color:var(--colorB); padding:unset; line-height:5.6rem; font-weight:bold; }
.survey-car .btn-wrap { display:flex; }
.survey-car .btn-wrap > * + * { margin-left: 0.8rem; }
.survey-car .btn-attach-camera:before, .btn-attach-picture:before { display:inline-block; margin-right:0.8rem; line-height:2.4rem; font-size:2.4rem; font-weight:normal; font-family:var(--fontIco); vertical-align:-0.3rem; box-sizing:border-box; }
.survey-car .btn-attach-camera:before { content:'\e84b'; }
.survey-car .btn-attach-picture:before { content:'\e84a'; }
.list-register-thum { --line:2; display:flex; flex-wrap:wrap; position:relative; left:-0.4rem; margin-top:0.8rem; width:calc(100% + 0.8rem); }
.list-register-thum > li { padding:0.4rem; width:calc(100% / var(--line)); }
.list-register-thum .li-wrap { position:relative; height:9.9rem; }
.list-register-thum .thum { display:flex; align-items:center; justify-content:center; height:100%; border-radius:1.2rem; background:#ddd; overflow:hidden; }
.list-register-thum img { vertical-align:top; }
.list-register-thum .attach-item-del { position:absolute; top:var(--spc1-m); right:var(--spc1-m); }
.attach-item-del { transform:rotate(45deg); }
.attach-item-del:before { content:'\e846'; font-family:var(--fontIco); font-size:var(--fontSz6); font-weight:var(--fontWg2); width:2.0rem; height:2.0rem; background-color:var(--colorB); color:var(--colorW); border-radius:100%; line-height:2.0rem; }
.survey-car .c-head::after, .c-head::before { display:none; }
.survey-car .c-head .cont-mes5 { text-align:left; line-height:1.4;} 
.survey-car .c-head .cont-mes5 strong { color:var(--colorCOM2); }
.survey-car .c-head + .cont-mes4 { margin-top:1.2rem; }
.survey-car .fm-item.photo .fm-label { font-size:1.2rem; }
.survey-car .fm-item.photo .fm-label { font-size:1.6rem; opacity:1; font-weight:700; }
.survey-car .fm-item.photo { margin-top:4rem; }
.survey-car .fm-item.photo + .fm-item.photo { margin-top:3.2rem; }
.survey.car .survey-mes .txt2 span { font-size:var(--fontSz4); }
.mgt24 { margin-top:2.4rem!important;}
.survey.car .tit-survey-car { border-radius: var(--bdrRds2) var(--bdrRds2) 0 0; margin-top:2.8rem; text-align:center; padding:2rem 3.6rem; background-color:rgba(255,255,255,0.9); color:var(--colorB); letter-spacing:-0.032rem; line-height:1.5; text-align:center; margin-top:4rem; }
.survey.car .tit-survey-car .tit { position:relative; font-weight:700; font-size:1.8rem; letter-spacing:-0.036rem; padding-left:2.6rem; }
.survey.car .tit-survey-car .tit::before { content:''; position:absolute; left:0; bottom:0.2rem; width:1.8rem; height:1.6rem; background:url(../../img/b/lvt/icon_survey.png) no-repeat 0 0rem; background-size:1.8rem; }
.survey.car .tit-survey-car .cont { margin-top:1.2rem; font-size:1.6rem; }
.survey.car .mgt0 { margin-top:0; }

/* 함께가입보험추천 - drive카테고리 */
[data-brand*="drive"] .info-ref.type-top { margin-top:4rem; background-color:var(--brand-color5); }
.mgt8 { margin-top:0.8rem; }
.info-data3.ty-add-ins { font-size:1.4rem; background-color:var(--colorBCG4); padding:1rem; text-align:center; line-height:1.29; }
.info-data3.ty-add-ins > .relt { display:inline-block; padding-right:2.4rem; line-height:2rem; }
.info-data3.ty-add-ins > .relt::after{ content:''; position:absolute; width:2rem; height:2rem; right:0rem; top:0; background:url(../../img/b/com/icon-ins-another.png) no-repeat 0 0; background-size:2rem; }

/* 랜딩 보험료 알아보기 - drive카테고리 */
.sidebar > .bcm.alice-cate-drive { 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:#4bd4c2; box-shadow:none; }

/* 250429 추가: 상품랜딩-보험료알아보기 버튼 */
.forme-main { --brand-color-btn:#fd860f; --brand-color-btn2:#fff; }
.flex-main { --brand-color-btn:#c97d46; --brand-color-btn2:#fff; }
.fam-main { --brand-color-btn:#1b96f3; --brand-color-btn2:#fff; }
.crew-main { --brand-color-btn:#dd37ae; --brand-color-btn2:#fff; }
.villain-main { --brand-color-btn:#8d16f3; --brand-color-btn2:#fff; }
.hero-main { --brand-color-btn:#00c18d; --brand-color-btn2:#fff; }
.drive-main { --brand-color-btn:#4bd4c2; --brand-color-btn2:#000; }
.sidebar > .bcm.btn-big-landing { display:flex; justify-content:center; align-items:center; flex:1; padding:0 2.4rem; width:auto; color:var(--brand-color-btn2); font-size:1.6rem; font-weight:bold; background:var(--brand-color-btn); box-shadow:none; margin-left:unset; }

/* 마이앨리스 개편 */
.mymain-head.off { position:relative; height:unset; min-height:unset; }
.mymain-ins { margin-top:5.5rem; }
.mymain-ins + .c-head4 { margin-top:4.8rem; }
.list-data11.type-my-new { margin-top:2.4rem; }
.list-data11.type-my-new .item dd { margin-top:1rem; line-height:4.4rem; font-size:1.6rem; }
.list-data11.type-my-new .item .item-in dd strong{ margin-top:0; line-height:4.4rem; font-size:3.2rem; }
.list-data11.type-my-new .item.ty4 { background:#56f4a6; margin-bottom:1.2rem; }
.list-data11.type-my-new .item.ty4 .item-in dl{ display:flex; flex-direction:row; color:var(--colorB); }
.list-data11.type-my-new .item.ty4 .item-in dd { margin-top:0; display:flex; align-items:baseline; font-size:1.6rem; }
.list-data11.type-my-new .item.ty4 .item-in dd strong{ margin-top:0; line-height:4.4rem; font-size:3.2rem; }
.list-data11.type-my-new .item.ty4 .item-in dl + .total { font-weight:700; font-size:1.6rem; }
.flex-base { display:flex; align-items:baseline; justify-content:flex-end }

/* 간병보험(New) - 증명서 이미지 추가 */
.list-data10 .info-data-title2.bg-ins-110 { background-image:url(../../img/b/ins/ins-110-10.png); } /* 간병 */
.fm-unit.sch-box .ico1.white { right:0; background:url(../../img/b/com/icon-search.svg) center; background-size: cover; cursor:pointer; }

/* 엑티비티 제휴 */
.fs16 { font-size:1.6rem!important; }

/* 250523 추가: 보험계약변경 */
.mgt26 { margin-top:2.6rem!important; }

/* 250527 추가: 설문- 자동차 */
.survey.car .tab2.survey { --brand-color2:#e6508e; --brand-font2:#fff; }
.survey.car .tab2.survey ul { display:flex; margin:unset; padding:unset; border-radius:1.6rem; background-color:#233c7c; }
.survey.car .tab2.survey .tab-item + .tab-item { margin-left:0; }
.survey.car .tab2.survey .tab-item a { height:4.8rem; line-height:4.8rem; background-color:#233c7c; color:rgba(255,255,255,0.6); font-size:1.6rem; font-weight:400; }
.survey.car .tab2.survey .tab-item.active a { font-size:1.6rem; font-weight:600; }
.survey.car .tab-cont .info-data6 > .tit-survey-car { margin:-2.8rem -2rem 3.6rem; }
.survey.car .tab-cont .cont  + .fs14 { display:block; margin-top:1.6rem; font-size:1.4rem; line-height:1.43; letter-spacing:-0.028rem; }
.survey.car .txt-int .rule { text-align:center; }
.survey.car .tabcase-ev01 .info-data6 .info-ref { margin-top:2.4rem; border-top:solid 1px var(--brand-font3); padding:2.8rem 0 0; border-radius:0; }
.survey.car .tabcase-ev01 .img-coupon { margin-top:2rem; }
.survey.car .tabcase-ev01 .img-coupon img { width:12.6rem; }
.survey.car .tabcase-ev02 .info-data6 .mark-num { width:8.4rem; font-size:1.6rem; font-family:wotfard; font-weight:500; line-height:2.6rem; }
.survey.car .tabcase-ev02 .img-step { margin-top:3.2rem; }
.survey.car .tabcase-ev02 .box-step + .box-step { margin-top:6.4rem; }
.survey.car .tabcase-ev02 .box-step:last-child { margin-top:3.6rem; }
.survey.car .tabcase-ev02 .text-step { font-size:1.5rem; line-height:1.6; letter-spacing:-0.03rem; }
.survey.car .tabcase-ev02 .text-step + .text-step { margin-top:1.6rem; }
.survey.car .tabcase-ev02 .info-data6 { padding-bottom:4rem; }

/* 250618 추가: 2506개정 */
.ins-main .ins-main-section3 .ins-main-txt7 li + li { margin-top:0.8rem; }

/* 250624 추가: 골프보험-특정담보포함 */
.box-chk-one.al-right { margin-top:2.4rem; }
.box-chk-one.al-right + .info-data-wrap { margin-top:1.2rem; }
.box-chk-one.al-right .fm-chk1 { text-align:right; }
.box-chk-one.al-right .cont-mes3 { float:right; margin-top:0; line-height:2.4rem;  padding: 0.3rem 0 0 2rem; }
.box-chk-one.al-right .cont-mes3::before { font-size:1.8rem; top:0.3rem; }
.box-chk-one .ov-h { overflow:hidden; margin-top:0.4rem; line-height:1.43; }
.box-chk-one .ov-h .cont-mes3 { padding-top:0; }
.box-chk-one .al-right .fm-chk1 .fm-chk-lb:before, 
.box-chk-one .al-right .fm-chk1 .fm-chk-lb:after { content:''; display:block; position:absolute; top:0; left:unset; right:-3rem; box-sizing:border-box; }
.box-chk-one .al-right .fm-chk1 .fm-chk-lb:after { content:'\e807'; font-family:var(--fontIco); display:block; font-size:var(--fm-chk1-size); color:transparent; line-height:1; }