@charset "utf-8";
/************************************************
Version : 하나생명 변액보험 스마트매니저 1.0
Date : 2023-xx-xx
*************************************************/
@import url("font_va.css");
@import url('reset.css');
@import url('common.css');
@import url('cyber.css');
@import url('/pist/css/3rd_open.css');
@import url('4th_open.css');
@import url('keyframe.css');


/* Color Set */
:root {
	--cGreen: #008480; /* PRIMARY 색상 */
	--cNavy: #31334b; /* PRIMARY 색상 */
	--cGreenB: #0a7f7a;
	--cMintL: #1ee7db;
	--cHotPink: #e70d4b;
	--cYellow: #fced4f;
	--cFont01: #1f252c;
	--cFont02: #4d5967;
	--cFont03: #64727d;
	--cBG01: #f6f8f9;
	--cBG02: #f4f6f8;
	--cBG03: #f0f4f7;
	--cLine01: #e5e5e5;
	--cLine02: #dbdbdb;
	--cLine03: #cccccc;
	--cError: #d81323;
	--cWarbing: #f7d044;
	--cSuccess: #157e51;
	--cInfo: #1068da;
	--cPlus: #dd0e49;
	--cMinus: #006fd6;
	--cDanger01: #ff2c00;
	--cDanger02: #f56301;
	--cDanger03: #f99600;
	--cDanger04: #fec600;
	--cDanger05: #88c600;
	--cDanger06: #009b14;
	--cLabel01: #2c333b;
	--cPlace01: #878d95;



	


  --colorMint: #00b2a6;
	--colorNavy: #31334b;
	--colorLightMint:#13d2c7; 
	--colorHotPink:#f54b7a; 
	--colorYellow:#fced4f; 
	--colorBlack:#000000; 
	--colorWhite:#ffffff;
	--colorError:#ef4452;
	--colorWarning:#f7d044;
	--colorSuccess:#1eb071;
	--colorInfo:#1270e9;
	--colorPlus:#f0104f;
	--colorMinus:#0085fe;
}


/* 보류 css */
.layer_popup .tooltipWrap_popup .popup_header, .layer_popup.menuAll .tooltipWrap_popup .popup_header {border-bottom : none;} 

/* 기존팝업 노치영역 문제 */
.layerWrap .popupLayer.popStyle01 .popHead{height:calc(52px + env(safe-area-inset-top));}
.layerWrap .popupLayer.popStyle01 .popHead h1{padding-top:calc(16px + env(safe-area-inset-top));}
.layerWrap .popupLayer.popStyle01 .popup > button.icon_close, 
.layerWrap .popupLayer.popStyle01 .popup > button.close{top:calc(0px + env(safe-area-inset-top));}

/* 변액보험 스마트매니저 폰트변경 */
.vaIns .vaContainer *,
.vaIns .dialog *,
.vaIns .fixSimul *,
.vaIns .fixChgRatio *{font-family:'Pretendard' !important;}
body,object,iframe,
h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
form,fieldset,legend,a,textarea,input,select,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {color:inherit;}
body {color:#1f252c; font-size:14px; letter-spacing:-0.4px;font-weight: 400;font-family:'Pretendard' !important;padding-top:0;}
html {padding-top:0;}
html, body{overflow: hidden;position: fixed;width: 100%;height: 100%;}
strong {font-family:'Pretendard' !important;font-weight:700 !important;}
strong, span {color: var(--cFont01);}
/* select {padding:0; min-width:auto;height:auto;line-height:auto;letter-spacing:-0.4px;word-spacing:0;border:none; border-radius:0; -webkit-border-radius:0;font-size:14px;color:var(--cFont01); font-family:'Pretendard' !important;vertical-align:middle;background:none;}
select::-ms-expand { display: none; } */
textarea {font-size:14px;border:0px;-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;color:var(--cFont01);}
input[type="button"], button {margin:0; padding:0; border:0; border-radius:0; -webkit-border-radius:0; -webkit-appearance:none !important; cursor:pointer; font-family:'Pretendard' !important; letter-spacing: -0.4px;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"]{font-family:'Pretendard' !important;}
/* input[type="checkbox"], */
/* input[type="radio"] {
	z-index:-1;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	opacity:0;
} */


/* input[type="checkbox"] + label {
	display:inline-block;
	position:relative;
	padding:0 0 0 22px;
	min-height:18px;
	vertical-align: middle;
	line-height:normal;
	color:#666;
}
input[type="checkbox"] + label:after {content: none;transform: translateY(0);}
input[type="radio"] + label {
	display:inline-block;
	position:relative;
	padding:0 0 0 22px;
	min-height:18px;
	vertical-align:top;
	line-height:normal;
	color:#666;
}
input[type="radio"] + label:after {content: none;}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {color:#2c333b;}
input[type="checkbox"] + label:after{background: none;}
input[type="radio"] + label:after{background: none;}
input[type="checkbox"]:checked + label:after{background: none;}
input[type="radio"]:checked + label:after{background: none;}
input[type=checkbox]:disabled + label:after{background: none;}
input[type=radio]:disabled + label:after{background: none;}
input[type=checkbox]:disabled:checked + label:after{background: none;}
input[type=radio]:disabled:checked + label:after{background:none;} */

/* select, */
.vaMain #container,
.loginRenewPop,
.loginRenew,
.vaIns #container{}
#wrap{overflow-y: scroll;}


input[type=button], button, a, canvas, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	/* border:none; */
}
input[type=button]:focus,button:focus,select:focus,a:focus,canvas:focus,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {	
	/* border-color: inherit !important;	 */
} 
input[type=checkbox]:focus + label,input[type=radio]:focus + label,input[type=checkbox]:checked:focus + label,input[type=radio]:checked:focus + label,input[type=button]:focus,button:focus,select:focus,a:focus,canvas:focus,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {
	/* outline:inherit !important;  */
	/* outline:1px solid #000 !important;  */	
	/* outline:none;  */
} 

.fixChgRatio a:focus,
.dialog button:focus,
.dialog a:focus,
.fdChkList .fdchkBox input[type="checkbox"]:focus + label,

.vaMain #container input[type=button]:focus,
.loginRenewPop input[type=button]:focus,
.loginRenew input[type=button]:focus,
.vaIns #container input[type=button]:focus,
.vaMain #container button:focus,
.loginRenewPop button:focus,
.loginRenew button:focus,
.vaIns #container button:focus,
.vaMain #container select:focus,
.loginRenewPop select:focus,
.loginRenew select:focus,
.vaIns #container select:focus,
.vaMain #container a:focus,
.loginRenewPop a:focus,
.loginRenew a:focus,
.vaIns #container a:focus,
.vaMain #container canvas:focus,
.loginRenewPop canvas:focus,
.loginRenew canvas:focus,
.vaIns #container canvas:focus,
.vaMain #container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus,
.loginRenewPop .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus,
.loginRenew .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus,
.vaIns #container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus {
	/* border:none !important; */
} 




.loginRenewPop select,
.loginRenew select,
.vaIns select {padding:0; min-width:auto;height:auto;line-height:auto;letter-spacing:-0.4px;word-spacing:0;border:none; border-radius:0; -webkit-border-radius:0;font-size:14px;color:var(--cFont01); font-family:'Pretendard' !important;vertical-align:middle;background:none;}
.loginRenewPop select::-ms-expand, 
.loginRenew select::-ms-expand,
.vaIns select::-ms-expand { display: none; }

/* 체크박스 라디오버튼 리셋 */
.loginRenewPop input[type="checkbox"],
.loginRenewPop input[type="radio"],
.loginRenew input[type="checkbox"],
.loginRenew input[type="radio"],
.vaIns #container input[type="checkbox"],
.vaIns #container input[type="radio"] {
	z-index:-1;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	opacity:0;
}
.loginRenewPop input[type="checkbox"] + label, 
.loginRenew input[type="checkbox"] + label, 
.vaIns #container input[type="checkbox"] + label {
	display:inline-block;
	position:relative;
	padding:0 0 0 22px;
	min-height:18px;
	vertical-align: middle;
	line-height:normal;
	color:#666;
	border:none;
}
.loginRenewPop input[type="checkbox"] + label:after,
.loginRenew input[type="checkbox"] + label:after,
.vaIns #container input[type="checkbox"] + label:after {content: none;transform: translateY(0);}
.loginRenewPop input[type="radio"] + label
.loginRenew input[type="radio"] + label
.vaIns #container input[type="radio"] + label {
	display:inline-block;
	position:relative;
	padding:0 0 0 22px;
	min-height:18px;
	vertical-align:top;
	line-height:normal;
	color:#666;
	border:none;
}
.loginRenewPop input[type="radio"] + label:after,
.loginRenew input[type="radio"] + label:after,
.vaIns #container input[type="radio"] + label:after {content: none;}
.loginRenewPop input[type="checkbox"]:checked + label,
.loginRenewPop input[type="radio"]:checked + label,
.loginRenew input[type="checkbox"]:checked + label,
.loginRenew input[type="radio"]:checked + label,
.vaIns #container input[type="checkbox"]:checked + label,
.vaIns #container input[type="radio"]:checked + label {color:#1f252c;}

.loginRenewPop input[type="checkbox"] + label:after,
.loginRenewPop input[type="radio"] + label:after,
.loginRenew input[type="checkbox"] + label:after,
.loginRenew input[type="radio"] + label:after,
.vaIns #container input[type="checkbox"] + label:after,
.vaIns #container input[type="radio"] + label:after{background: none;}
.loginRenewPop input[type="checkbox"]:checked + label:after,
.loginRenewPop input[type="radio"]:checked + label:after,
.loginRenew input[type="checkbox"]:checked + label:after,
.loginRenew input[type="radio"]:checked + label:after,
.vaIns #container input[type="checkbox"]:checked + label:after,
.vaIns #container input[type="radio"]:checked + label:after{background: none;}
.loginRenewPop input[type=checkbox]:disabled + label:after,
.loginRenewPop input[type=radio]:disabled + label:after,
.loginRenew input[type=checkbox]:disabled + label:after,
.loginRenew input[type=radio]:disabled + label:after,
.vaIns #container input[type=checkbox]:disabled + label:after,
.vaIns #container input[type=radio]:disabled + label:after{background: none;}
.loginRenewPop input[type=checkbox]:disabled:checked + label:after,
.loginRenewPop input[type=radio]:disabled:checked + label:after,
.loginRenew input[type=checkbox]:disabled:checked + label:after,
.loginRenew input[type=radio]:disabled:checked + label:after,
.vaIns #container input[type=checkbox]:disabled:checked + label:after,
.vaIns #container input[type=radio]:disabled:checked + label:after{background:none;}

.loginRenewPop input[type=checkbox]:focus + label,
.loginRenewPop input[type=radio]:focus + label,
.loginRenewPop input[type=checkbox]:checked:focus + label,
.loginRenewPop input[type=radio]:checked:focus + label
.loginRenew input[type=checkbox]:focus + label,
.loginRenew input[type=radio]:focus + label,
.loginRenew input[type=checkbox]:checked:focus + label,
.loginRenew input[type=radio]:checked:focus + label,
.vaIns #container input[type=checkbox]:focus + label,
.vaIns #container input[type=radio]:focus + label,
.vaIns #container input[type=checkbox]:checked:focus + label,
.vaIns #container input[type=radio]:checked:focus + label{	border: none !important;	}


.vaIns .selectList input[type=checkbox]:focus + label, 
.vaIns .selectList input[type=radio]:focus + label{border: none !important;}

/* 2023 모바일 접근성 2차 추가 */
.loginRenewPop .allAgBox input[type="checkbox"],
.loginRenewPop .check_warp02 input[type="checkbox"]{
	width: 22px;
    height: 22px;
    top: 20px;
    left: 10px;
    z-index:0;
    opacity:0;
}
.loginRenewPop .allAgBox input[type="checkbox"]{
	top:16px;
}
/* //2023 모바일 접근성 2차 추가 */

/********** 
  common.css 리셋 
  vaIns 클래스 붙일지는 추후 검토
**********/
/* #header{height:48px;padding:0 20px;border-bottom: 0;top:calc(0 + env(safe-area-inset-top));} */
.vaIns{overflow: auto !important;position: initial !important;}
.vaIns header{height: calc(48px + env(safe-area-inset-top));z-index: 500;}
.vaIns header .innerTop{top:0;border-bottom:0;min-height: calc(48px + env(safe-area-inset-top));}
.header-inner{display: flex;padding-top: 12px;align-items: center;justify-content: center;}
.header-3rd-type .header-inner{padding-top: 12px;font-family:'Pretendard' !important;}
.header-3rd-type .page-tit{font-size: 18px;font-weight: 500;line-height: 24px;font-family:'Pretendard' !important;}
.vaIns header h1.subTit{text-align: center;font-size: 18px;font-weight: 500;line-height: 24px;font-family:'Pretendard' !important;padding:0;color:#2c333b;padding-top:calc(12px + env(safe-area-inset-top));}
header .topGroup button, 
header .topGroup a, 
.btnAllMenu, 
.btn_share{top:calc(10px + env(safe-area-inset-top));}
.vaIns #container{padding-bottom:0;margin-top:0;margin-bottom:0;}
.vaIns #container > #content{padding:0;height:calc(100% + env(safe-area-inset-top));min-height: calc(100vh + env(safe-area-inset-top) - 48px);padding-bottom:48px;}
.vaIns #container > #content.bgGray{padding-bottom:0;}
.vaIns.vaMain #container > #content{padding-bottom:120px;} /* viewport-fit=cover 할때 주석처리 */
.vaIns.fixRatio .vaContainer{padding-bottom:72px !important;}
.vaIns.fixRatioAll .vaContainmb128er{padding-bottom:100px !important;}
.vaIns .fixBt02{padding-bottom:220px !important;} 
.vaIns .fixBt03{padding-bottom:144px !important;} 
.vaIns .fixBt04{padding-bottom:220px !important;} 
.vaIns.fixRatio.addsimul .vaContainer{padding-bottom:180px !important;}
.vaIns.fixRatioAll.addsimul .vaContainer{padding-bottom:136px !important;}
.vaIns.fixRatio.addsimul .vaContainer.fixBt{padding-bottom:152px !important;}
.vaIns header .topGroup .btnPrev,
.vaIns header .topGroup .btnPrev2{background-image: url(/pist/images2/common/btn_go_prev.png);}
.vaIns header .topGroup button, 
.vaIns header .topGroup a, 
.vaIns .btnAllMenu, .btn_share{background-image: url(/pist/images2/common/btn_menu_all.png);}
.vaIns .layer_popup.menuAll .wrapper_popup .popup_header{height:calc(52px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);}
.vaIns .layer_popup.menuAll .t_head.scroll{top:calc(11px + env(safe-area-inset-top));}
.vaIns .layer_popup.menuAll .bottom_area_wrap > ul{padding-bottom:calc(50px + env(safe-area-inset-bottom));}
/* 공통 */
.vaIns header.openMenu{z-index: 500 !important;}
.blind{visibility:hidden;overflow:hidden;position:absolute !important;top:0;left:0;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important}
.toggleBtn span.blind{visibility:visible !important; font-size:9px !important; text-indent:-9999px !important; line-height: 1em !important;} /* 2023 모바일 접근성 */
.vaIns .conWrap{position: relative;padding:0 16px;}
.dimBg{z-index: 301;position: absolute;left: 0;top: 0;width: 100%;height: 100%;min-height: 100%;text-indent: -9999px;background: #000;-ms-filter: alpha(opacity=50);-moz-opacity: 0.5;filter: alpha(opacity=50);opacity: 0.5;display: none;}
.bgGray {background-color: var(--cBG01);}
.splitBar {width:calc(100% + 32px);margin-left:-16px;height: 8px;box-sizing: border-box;background-color: var(--cBG02);}
.noArea{display: none !important;}


.vaSelect{position:relative;}
.vaSelect select{width:100%;border:1px solid #dbdbdb !important; border-radius: 8px;height:48px;line-height: 48px;padding:0 44px 0 12px;background:#fff;position:relative;z-index: 1;color:#2c333b;font-size:16px;}
.vaSelect span.ico{position:absolute;width:12px;height:12px;top:50%;margin-top:-6px;right:12px;background-image: url('/images/va/ico_selBox.png');background-repeat: no-repeat;background-size:12px 12px;z-index: 2;transition: all 0.4s;}
.vaSelect.active span.ico{transform:rotate(180deg);}
.vaSelect.notSel select{color:#666e7a;}
.vaSelect.notSel select option{color:#2c333b;}
.vaSelect select:disabled{border:1px solid var(--cLine02);background:var(--cBG01);color:#abb2bb;}
.vaSelect select:disabled + span.ico{background-image: url('/images/va/ico_selBox_disabled.png');background-repeat: no-repeat;background-size:12px 12px;}
.vaIns #container .vaSelect select:focus,
.vaIns #container .vaSelect.active select{border:1px solid var(--cGreen) !important;}
.vaSelect.readOnly select:disabled{color:#2c333b;}





/* .vaSelect select option[value=""][disabled] {color:#f54b7a;} */


.colorMint { color: var(--cGreen) !important;}
.colorSuccess { color:var(--cSuccess) !important;}
.colorHotPink { color:var(--cHotPink) !important;}
.fcSp11{color:var(--cFont02);} /* 사용해야됨 */
.fcPm01{color:var(--cGreen) !important;}
.fcSp13{color:#1f252c;}
.fcSp10{color:#4d5967;}
.fcPm02{color:#1f252c !important;}


/* 사용선 */


.cFont01{color:var(--cFont01);}
.cFont02{color:var(--cFont02);}
.cFont03{color:var(--cFont03);}
.cNavy { color: #31334b !important;}
.cLMint { color:#13d2c7 !important;}
.cYellow { color:#fced4f !important;}
.cBlack { color:#000000 !important;}
.cWhite { color:#ffffff !important;}
.colorError { color:#ef4452 !important;}
.colorWarning { color:#f7d044 !important;}
.colorInfo { color:#1270e9 !important;}
.colorPlus { color:#dd0e49 !important;}
.colorMinus { color:#0085fe !important;}

.pt0{padding-top:0!important}
.pt4{padding-top:4px!important}
.pt8{padding-top:8px!important}
.pt12{padding-top:12px!important}
.pt16{padding-top:16px!important}
.pt20{padding-top:20px!important}
.pt24{padding-top:24px!important}
.pt28{padding-top:28px!important}
.pt32{padding-top:32px!important}
.pt36{padding-top:36px!important}
.pt40{padding-top:40px!important}
.pt44{padding-top:44px!important}
.pt48{padding-top:48px!important}
.pt52{padding-top:52px!important}
.pt56{padding-top:56px!important}
.pt60{padding-top:60px!important}
.pt64{padding-top:64px!important}
.pt140{padding-top:140px!important}

.pr0{padding-right:0!important}
.pr4{padding-right:4px!important}
.pr8{padding-right:8px!important}
.pr12{padding-right:12px!important}
.pr16{padding-right:16px!important}
.pr20{padding-right:20px!important}
.pr24{padding-right:24px!important}
.pr28{padding-right:28px!important}
.pr32{padding-right:32px!important}
.pr36{padding-right:36px!important}
.pr40{padding-right:40px!important}
.pr44{padding-right:44px!important}
.pr48{padding-right:48px!important}
.pr52{padding-right:52px!important}
.pr56{padding-right:56px!important}
.pr60{padding-right:60px!important}
.pr64{padding-right:64px!important}

.pb0{padding-bottom:0!important}
.pb4{padding-bottom:4px!important}
.pb8{padding-bottom:8px!important}
.pb12{padding-bottom:12px!important}
.pb16{padding-bottom:16px!important}
.pb20{padding-bottom:20px!important}
.pb24{padding-bottom:24px!important}
.pb28{padding-bottom:28px!important}
.pb32{padding-bottom:32px!important}
.pb36{padding-bottom:36px!important}
.pb40{padding-bottom:40px!important}
.pb44{padding-bottom:44px!important}
.pb48{padding-bottom:48px!important}
.pb52{padding-bottom:52px!important}
.pb56{padding-bottom:56px!important}
.pb60{padding-bottom:60px!important}
.pb64{padding-bottom:64px!important}
.pb80{padding-bottom:80px!important}
.pb120{padding-bottom:120px!important}
.pb128{padding-bottom:128px!important}

.pl0{padding-left:0!important}
.pl4{padding-left:4px!important}
.pl8{padding-left:8px!important}
.pl12{padding-left:12px!important}
.pl16{padding-left:16px!important}
.pl20{padding-left:20px!important}
.pl24{padding-left:24px!important}
.pl28{padding-left:28px!important}
.pl32{padding-left:32px!important}
.pl36{padding-left:36px!important}
.pl40{padding-left:40px!important}
.pl44{padding-left:44px!important}
.pl48{padding-left:48px!important}
.pl52{padding-left:52px!important}
.pl56{padding-left:56px!important}
.pl60{padding-left:60px!important}
.pl64{padding-left:64px!important}

.mt0{margin-top:0!important}
.mt4{margin-top:4px!important}
.mt8{margin-top:8px!important}
.mt12{margin-top:12px!important}
.mt16{margin-top:16px!important}
.mt20{margin-top:20px!important}
.mt24{margin-top:24px!important}
.mt28{margin-top:28px!important}
.mt32{margin-top:32px!important}
.mt36{margin-top:36px!important}
.mt40{margin-top:40px!important}
.mt44{margin-top:44px!important}
.mt48{margin-top:48px!important}
.mt52{margin-top:52px!important}
.mt56{margin-top:56px!important}
.mt60{margin-top:60px!important}
.mt64{margin-top:64px!important}
.mt72{margin-top:72px!important}

.mr0{margin-right:0!important}
.mr4{margin-right:4px!important}
.mr8{margin-right:8px!important}
.mr12{margin-right:12px!important}
.mr16{margin-right:16px!important}
.mr20{margin-right:20px!important}
.mr24{margin-right:24px!important}
.mr28{margin-right:28px!important}
.mr32{margin-right:32px!important}
.mr36{margin-right:36px!important}
.mr40{margin-right:40px!important}
.mr44{margin-right:44px!important}
.mr48{margin-right:48px!important}
.mr52{margin-right:52px!important}
.mr56{margin-right:56px!important}
.mr60{margin-right:60px!important}
.mr64{margin-right:64px!important}

.mb0{margin-bottom:0!important}
.mb4{margin-bottom:4px!important}
.mb8{margin-bottom:8px!important}
.mb12{margin-bottom:12px!important}
.mb16{margin-bottom:16px!important}
.mb20{margin-bottom:20px!important}
.mb24{margin-bottom:24px!important}
.mb28{margin-bottom:28px!important}
.mb32{margin-bottom:32px!important}
.mb36{margin-bottom:36px!important}
.mb40{margin-bottom:40px!important}
.mb44{margin-bottom:44px!important}
.mb48{margin-bottom:48px!important}
.mb52{margin-bottom:52px!important}
.mb56{margin-bottom:56px!important}
.mb60{margin-bottom:60px!important}
.mb64{margin-bottom:64px!important}
.mb100{margin-bottom:100px!important}

.ml0{margin-left:0!important}
.ml4{margin-left:4px!important}
.ml8{margin-left:8px!important}
.ml12{margin-left:12px!important}
.ml16{margin-left:16px!important}
.ml20{margin-left:20px!important}
.ml24{margin-left:24px!important}
.ml28{margin-left:28px!important}
.ml32{margin-left:32px!important}
.ml36{margin-left:36px!important}
.ml40{margin-left:40px!important}
.ml44{margin-left:44px!important}
.ml48{margin-left:48px!important}
.ml52{margin-left:52px!important}
.ml56{margin-left:56px!important}
.ml60{margin-left:60px!important}
.ml64{margin-left:64px!important}

.mt25M{margin-top:-25px !important;}

/* 정렬 */
.flexBox{display: flex;}
.flexAgC{align-items:center !important}
.flexJustifyCenter{justify-content:center !important}
.flexJcSb{justify-content:space-between !important}
.flexAgEnd{align-items:end !important}
.flexAsC{align-self: center !important;}


.textAlignCenter{text-align:center !important}
/* .textAlignLeft{text-align:left !important} */
/* .textAlignRight{text-align:right !important} */
.txtAgL{text-align:left !important}
.txtAgR{text-align:right !important}
/********** 
  - 각 .titXX에 semibold, bold가 고정일 경우
  .fsb, .fb 삭제 후 .titXX 에 font-weight 설정
  - 각 .titXX에 semibold, bold가 고정이 아닐경우
  .fsb, .fb등으로 추가 클래스 넣음
**********/
.fm{font-weight:500 !important;}
.fsb{font-weight: 600 !important;}
.fb{font-weight: 700 !important;}
.titH1{font-size:24px;line-height: 32px;}
.titH2{font-size:22px;line-height: 28px;}
.titH3{font-size:20px;line-height: 28px;}
.titH3 > a span{display: inline-block;padding-right:28px;background: url('/images/va/ico_arr_r01.png')no-repeat right center;background-size: 20px;}
.titH4{font-size:18px;line-height: 24px;}
.titH5{font-size:16px;line-height: 20px;}
.titH5 > a span{display: inline-block;padding-right:16px;background: url('/images/va/ico_arr_r01.png')no-repeat right center;background-size: 12px;}
.capTxt{font-size:12px;line-height: 16px;color:var(--cFont03);}
.capTxt02{font-size:14px;line-height: 20px;}
.capTxt > span::before {display: inline-block; content: ''; width: 1px; height: 8px; margin:0 4px 0 3px;  background-color: var(--cLine03);}

/* 폰트 color */



.fcSp01{color:#f6f8f9;}
.fcSp02{color:#f4f6f8;}
.fcSp03{color:#f0f4f7;}
.fcSp04{color:#e5e5e5;}
.fcSp05{color:#dbdbdb;}
.fcSp06{color:#ccc;}
.fcSp07{color:#abb2bb;}
.fcSp09{color:#7a8694;}


.fcSp12{color:#2c333b;}


/* 폰트에 라인 추가 */
.yLine{position:relative;z-index: 1;}
.yLine::before{content:'';position: absolute;left:0;width:100%;height: 8px;bottom:0;background:var(--cYellow);z-index: -1;transition: all 2.5s;}
.yLine.motion::before{width:0;}
.yLine.moAni::before{width:100%;}

.txtBgLine{position:relative;z-index: 1;}
.txtBgLine::before{content:'';position: absolute;left:0;width:100%;height: 8px;bottom:0;z-index: -1;transition: all 2.5s;}
.txtBgLine.motion::before{width:0;}
.txtBgLine.moAni::before{width:100%;}

.txtBgLine.blue{color:var(--cFont01);}
.txtBgLine.blue::before{background:var(--cMintL);opacity: 0.2;}


/* 버튼 타입 */
.btnTy.line{border-radius: 8px;border: solid 1px var(--cGreen);background-color: #fff;text-align: center;}
.btnTy.line a,
.btnTy.line button{display: block;padding:10px 0;line-height: 20px;color:var(--cGreen);font-weight: 700;width:100%;}
.btnTy.line a span,
.btnTy.line button span{color:var(--cGreen);}

.btnTy.line.btnGuide a{padding:10px 15px;}
.btnTy.line.btnGuide a span{padding-left:20px;background:url('/images/va/ico_q_02.png')no-repeat left center;background-size:16px 16px;}
.flexBox .btnTy.line.btnGuide{min-width: 112px;}


.flexBox .titH3 + .capTxt{color:var(--cFont03);}

.fdSortBox{display: flex;justify-content: space-between;}

/* 리스크 색상 + 텍스트 */
.fdRisk{padding-left:10px;position: relative;font-size:11px;line-height: 16px;color:var(--cFont03);font-weight: 600;}
.fdRisk::before{content:'';position: absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;margin-top:-3px;}
.fdRisk.lv1::before{background:var(--cDanger01);}
.fdRisk.lv2::before{background:var(--cDanger02);}
.fdRisk.lv3::before{background:var(--cDanger03);}
.fdRisk.lv4::before{background:var(--cDanger04);}
.fdRisk.lv5::before{background:var(--cDanger05);}
.fdRisk.lv6::before{background:var(--cDanger06);}

/* 리스트 수익률 표시 */
.fdRate{font-size:14px;line-height: 20px;font-weight: 700;position: relative;}
.fdRate::before{content:'';}
.fdRate.up{color:var(--cPlus);}
.fdRate.up span{color:var(--cPlus);}
.fdRate.up::before{content:'';}
.fdRate.down{color:var(--cMinus);}
.fdRate.down span{color:var(--cMinus);}
.fdRate.down::before{content:'';}

/* 등락 표시 */
.pfRate{font-size:12px;line-height: 20px;position: relative; display: inline-flex;align-items: center;}
.pfRate span {font-size: 16px;font-weight: 700;line-height: 20px;}
.pfRate::before{display: block; content: '';width: 10px; height: 8px;margin-right: 4px;}
.pfRate.up{color:var(--colorPlus);}
.pfRate.up::before{ background: url(/images/va/ico_up.png) no-repeat center; background-size: 10px;}
.pfRate.down{color:var(--colorMinus);}
.pfRate.down::before{background: url(/images/va/ico_down.png) no-repeat center; background-size: 10px;}


/* 금액 표시 */
.moneyRate {font-size:12px;line-height: 20px;position: relative;}
.moneyRate span {font-size:16px;line-height: 20px;font-weight: 700;}
.moneyRate::before{content:'';}
.moneyRate.up{color:var(--cFont02)}
.moneyRate.up::before{content:'';}
.moneyRate.down{color:var(--cFont02)}
.moneyRate.down::before{content:'';}

/* 
  펀드 색상 
  icon 형식으로 쓸 땐 fundColor c00
  background-color만 쓸 땐 fundColor bc00
*/
.fundColor::before {display: block;content: '';width: 8px;height: 8px;border-radius: 100%;}
.fundColor.c01::before, .fundColor.bc01 {background-color: #00b7ef;} /* 국내주식형 */
.fundColor.c02::before, .fundColor.bc02 {background-color: #ea68a2;} /* 글로벌채권형 */
.fundColor.c03::before, .fundColor.bc03 {background-color: #f39800;} /* 글로벌DYNAMIX형 */
.fundColor.c04::before, .fundColor.bc04 {background-color: #8fc31f;} /* 글로벌자산배분형 */
.fundColor.c05::before, .fundColor.bc05 {background-color: #22ac38;} /* 변액저축 MMF형 */
.fundColor.c06::before, .fundColor.bc06 {background-color: #6a4799;} /* 글로벌하이일드채권형 */
.fundColor.c07::before, .fundColor.bc07 {background-color: #31859c;} /* 글로벌컨슈머형 */
.fundColor.c08::before, .fundColor.bc08 {background-color: #5b7af2;} /* 글로벌4차산업성장형 */
.fundColor.c09::before, .fundColor.bc09 {background-color: #9972f4;} /* AI글로벌주식형 */
.fundColor.c10::before, .fundColor.bc10 {background-color: #6c6370;} /* AI글로벌TOP3섹터주식형 */
.fundColor.c11::before, .fundColor.bc11 {background-color: #da7261;} /* 글로벌ESG주식형 */
.fundColor.c12::before, .fundColor.bc12 {background-color: #f7d018;} /* 미국그로스주식형 */
.fundColor.c13::before, .fundColor.bc13 {background-color: #9da676;} /* 글로벌 TECH주식형 */
.fundColor.c14::before, .fundColor.bc14 {background-color: #d7a581;} /* 글로벌헬스사이언스주식형 */
.fundColor.c15::before, .fundColor.bc15 {background-color: #e77fff;} /* 글로벌고수익채권형 */
.fundColor.c16::before, .fundColor.bc16 {background-color: #9d9d9d;} /* 국내채권형 */
.fundColor.c17::before, .fundColor.bc17 {background-color: #b36a45;} /* AI글로벌주식혼합70형 */
.fundColor.c18::before, .fundColor.bc18 {background-color: #34c7ab;} /* 중국주식형 */
.fundColor.c19::before, .fundColor.bc19 {background-color: #6e655a;} /* 글로벌배당주식형 */
.fundColor.c20::before, .fundColor.bc20 {background-color: #ff0000;} /* 가중평균수익률 */

/* 원큐추천펀드 Max5개 색상 */
.graphChild::before {display: block;content: '';width: 8px;height: 8px;border-radius: 100%;}
.graphChild.c01::before, .graphChild.bc01 {background-color: #1b882d;}
.graphChild.c02::before, .graphChild.bc02 {background-color: #e01f76;}
.graphChild.c03::before, .graphChild.bc03 {background-color: #757575;}
.graphChild.c04::before, .graphChild.bc04 {background-color: #375ad7;}
.graphChild.c05::before, .graphChild.bc05 {background-color: #966831;}


/* 말줄임 아이콘 텍스트 */
.descTxt{padding:17px 20px;background:var(--cBG01);width:calc(100% + 32px);margin-left:-16px;}
.descTxt p{font-size:13px;line-height: 18px;color:var(--cFont02);}
.descTxt p.ico{position:relative;padding-left:28px;}
.descTxt p.ico::before{content:'';position: absolute;left:0;top:-1px;width:20px;height:20px;background: url(/images/va/ico_bb_text.png)no-repeat left 0;background-size: 20px 20px;}
.descTxt.ty02 {width:100%; margin-left: 0;} /* 레이아웃 꽉 채우지 않는 경우 */
.descTxt.ty03 {padding:16px;} /* padding값 다른 경우 */


.vaWarning{padding:0 16px;margin-top:12px;font-size:12px;color:var(--cFont02);}

/* 공통 탭 */
.vaTab{position:fixed;left:0;top:calc(48px + env(safe-area-inset-top));z-index:10;box-sizing:border-box;width:100%;background-color:#fff}
.dialog.full .vaTab{position:absolute;}
.dialog.full.fixedTit .vaTab{position:fixed;}
.vaTab .tabBtnBox{display:flex;box-sizing:border-box;padding:0 16px;border-bottom:1px solid var(--cLine01)}
.vaTab .tabBtnBox > .btnTabSm{position:relative;display:flex;flex:1 1 auto;height:50px;justify-content:center;align-items:center}
.vaTab .tabBtnBox > .btnTabSm > span{display:inline-flex;font-size:16px;color:var(--cFont03);line-height: 20px;}
.vaTab .tabBtnBox > .btnTabSm::after{display:block;content:'';position:absolute;left:0;right:0;bottom:-1px;width:0;height:3px;background-color:var(--cNavy);transform:translateX(-50%);margin-left:50%;transition:all .3s}
.vaTab .tabBtnBox > .btnTabSm.active::after{display:block;content:'';position:absolute;left:0;right:0;bottom:-1px;width:100%;height:3px;background-color:var(--cNavy)}
.vaTab .tabBtnBox > .btnTabSm.active span{color:var(--cNavy);font-weight:600}
.vaTab .tabBtnBox > .btnTabSm .subTit{display: block;width: 100%;}
.vaTab .tabBtnBox > .btnTabSm .subTit sup{display: block;width: 100%;top:0;line-height: 18px;font-size:13px;}
.vaTab .tabBtnBox > .btnTabSm.active sup{font-weight: 500;}
.vaTab ~ .tabPanel{padding-top:51px}
.vaTab.ty02 .tabBtnBox > .btnTabSm{width:100%;display: block;}
.tabBtnBox.bdtNone{border-top:none !important;}

.tabLinkBox{width:calc(100% + 32px);margin-left:-16px;display:flex;box-sizing:border-box;padding:0 16px;border-bottom:1px solid var(--cLine01)}
.tabLinkBox button{width:100%;}
.tabLinkBox > button{font-size:16px;height:50px;color:var(--cFont03);line-height: 50px;}
.tabLinkBox > button.active{color:var(--cNavy);font-weight: 600;}
.tabLinkBox > button::after{display:block;content:'';position:absolute;left:0;right:0;bottom:-1px;width:0;height:3px;background-color:var(--cNavy);transform:translateX(-50%);margin-left:50%;transition:all .3s}
.tabLinkBox > button.active::after{display:block;content:'';position:absolute;left:0;right:0;bottom:-1px;width:100%;height:3px;background-color:var(--cNavy)}


.vaTab.noFixed{position:initial;width:calc(100% + 32px);margin-left:-16px}
.vaTab.noFixed ~ .tabPanel{padding-top:0}

.vaTab.scroll .tabBtnBox {display: flex; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap;box-sizing: border-box;}
.vaTab.scroll .tabBtnBox::-webkit-scrollbar{display: none;}
.vaTab.scroll .btnTabSm {flex:0 0 auto;width:auto;padding:0 12px;}


/* 펀드변경 line bg #fff 인 박스 */
.lineBox{padding:24px;border-radius: 12px;border: solid 1px var(--cLine01);background: #fff;}

/* 펀드변경 dl */
.dlCon.lineTop{margin-top:15px;border-top:1px solid var(--cLine01);}
.dlCon dl{margin-top:24px;}
.dlCon dl dt{font-size:16px;line-height: 20px;color:#31334b;font-weight: 600;}
.dlCon dl dt + dd{margin-top:12px;}
.dlCon dl dd{color:var(--cFont02);line-height: 20px;}
.dlCon dl dt .fsb{}

/* 펀드변경 유의사항 */
.noteList .tit{font-size: 16px;line-height: 20px;color:var(--cFont02);font-weight: 600;margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid #abb2bb;}
.noteList .tit span{font-size: 16px;line-height: 20px;color:var(--cFont02);font-weight: 600;}
.noteList .tit.ico01 span{padding-left: 20px;background: url('/images/va/ico_info02.png')no-repeat left center;background-size: 16px 16px;}


/* card 및 box 종류 */
.shadowBox{padding: 24px;border-radius: 12px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);background-color: #fff;}


/* 스텝컨텐츠 - 펀드변경이용가이드 */
.stepBox{padding-bottom: 48px;}
.stepBox > li + li{padding-top:40px;margin-top:16px;border-top:1px solid var(--cLine02);}
.stepBox .tit{display: flex;margin-bottom:12px;}
.stepBox .tit span{width:calc(100% - 54px);color:var(--cFont01);font-size: 18px;line-height: 24px;font-weight: 600;padding-left:6px;}
.stepBox .tit .step{width:54px;height: 24px;line-height: 24px;border:1px solid var(--cNavy);border-radius: 12px;text-align: center;font-size:12px;font-weight: 700;color:var(--cNavy);display: inline-block;padding-left: 0;}
.stepBox .imgBox{margin-bottom:12px;}
.stepBox .txt,
.stepBox .numList li{color:var(--cFont02);line-height: 20px;}
.stepBox .txt > .fsb,
.stepBox .numList li > .fsb{color: inherit;}
.stepBox .txt + .imgBox{margin-top:12px;}
.stepBox .point01{font-weight: 600;color:var(--cGreen);}
.stepBox .numList > li{position: relative;padding-left: 24px;text-indent: -0.4px;}
.stepBox .numList > li + li{margin-top:4px;}
.stepBox .numList > li span.num{position:absolute;left:0;top:2px;font-weight: 700;color:#fff;font-size:12px;line-height: 16px;background:var(--cFont02);border-radius: 50%;width:16px;height:16px;display: inline-block;text-align: center;}
.stepBox .numTxt{font-weight: 700;color:#fff;font-size:12px;line-height: 16px;background:var(--cFont02);border-radius: 50%;width:16px;height:16px;display: inline-block;text-align: center;}
.stepBox .dotList li{padding-left:12px;position: relative;line-height: 20px;color:var(--cFont02);}
.stepBox .dotList li + li{margin-top:4px;}
.stepBox .dotList li::before{content:'';position: absolute;left:0;top:8px;width:4px;height:4px;background:var(--cFont02);border-radius: 100%;}




/* 로딩화면 */
.vaLoading{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width:100%;height:100%;min-height:100%;transform:translateZ(0);z-index: 910;display: none;}
.vaLoading .loading_new {width:150px; height:150px; margin:auto; background:url('/images/va/img_loading.svg') no-repeat 50% 50% / 100% auto;}

/* 로그인 */

.loginTit{font-size:20px;line-height: 28px;color:var(--cFont01);font-weight: 500;padding:30px 20px 12px;}
.loginTit > span{font-weight: 700;}
.loginRenew .tabLogin.renewal{width:calc(100% - 40px);display: flex;margin:0 20px;background-color: #f6f8f9;border-radius: 8px;}
.loginRenew .tabLogin.renewal li{border-bottom:none;position: relative;box-sizing: border-box;}
.loginRenew .tabLogin.renewal li a{font-size:14px;color:var(--cFont03);line-height: 48px;border-bottom: none;}
.loginRenew .tabLogin.renewal li::before{content:'';position: absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background-color:#e5e5e5;z-index: 1;}
.loginRenew .tabLogin.renewal li:nth-child(3n-2)::before{content:none;}
.loginRenew .tabLogin.renewal li.active,
.loginRenew .tabLogin.renewal li.active a{color:#31334b;font-weight: 700;box-sizing: border-box;line-height: 46px;}
.loginRenew .tabLogin.renewal li.active{border: 1px solid #31334b;border-radius: 8px;background: #fff;z-index: 2;}
.loginRenew .tabLogin.renewal li.active::before,
.loginRenew .tabLogin.renewal li.active + li::before{content:none;}
.loginRenew .contLogin .tabCont{padding:48px 16px 0;}
.loginRenew .contLogin .tabCont strong.tit{font-size:22px;line-height: 28px;color:var(--cFont01);font-weight: 500 !important;margin-bottom:24px;}
.loginRenew .contLogin .tabCont strong.tit span{color:var(--cFont01);}
.loginRenew .tabLogin.renewal li.active a:focus{border:none !important;}


.loginRenew .loginBg01,
.loginRenew .loginBg02,
.loginRenew .loginBg03,
.loginRenew .loginBg04,
.loginRenew .loginBg05,
.loginRenew .loginBg06,
.loginRenew .loginBg07{position: relative;padding-top:88px;background:none;}
.loginRenew .loginBg01::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:#f6f8f9 url(/images/cyber/bg_login01_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.loginRenew .loginBg02::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:#f6f8f9 url(/images/cyber/bg_login02_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.loginRenew .loginBg03::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:#f6f8f9 url(/images/cyber/bg_login03_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.loginRenew .loginBg04::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:#f6f8f9 url(/images/cyber/bg_login04_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.loginRenew .loginBg05::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:#f6f8f9 url(/images/cyber/bg_login05_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.loginRenew .loginBg06::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:#f6f8f9 url(/images/cyber/bg_login06_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.loginRenew .loginBg07::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:#f6f8f9 url(/images/cyber/bg_login07_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}

.loginRenew .contents{padding:0 16px !important;}
.loginRenew .tit.conTit{font-size:22px;line-height: 28px;color:var(--cFont01);font-weight: 500 !important;margin-bottom:24px;margin-top:80px;}
.loginRenew .tit.conTit span{color:var(--cFont01);}

.loginRenew .loginBg01 ul.dotList{padding:0 8px;margin-top:0;text-align: center;margin-top:24px;}
.loginRenew .loginBg01 ul.dotList li{padding-left:0;text-indent: 0;color:var(--cFont02);}
.loginRenew .loginBg01 ul.dotList > li:before{content:none;}

.loginRenew .loginBg02 ul.dotList{padding:0 8px;margin-top:0;text-align: center;margin-top:24px;}
.loginRenew .loginBg02 ul.dotList li{padding-left:0;text-indent: 0;}
.loginRenew .loginBg02 ul.dotList > li:before{content:none;}

.loginRenew .loginBg05 ul.dotList{padding:0 8px;margin-top:0;text-align: center;margin-top:24px;}
.loginRenew .loginBg05 ul.dotList li{padding-left:0;text-indent: 0;}
.loginRenew .loginBg05 ul.dotList > li:before{content:none;}

.loginRenew .contLogin .tabCont .logTxt{margin:24px 0 32px;color:var(--cFont02);line-height: 20px;}
.loginRenew .btnArea{margin-top:0;padding-bottom: 0;}
.loginRenew .btnArea button{padding:0;border-radius:8px;height:48px;line-height: 48px;font-size:16px;font-weight: 700;}
.loginRenew .btnArea.btn01 button{background-color:var(--cGreen) !important;color:#fff !important;}
.loginRenew .btnArea.btn02 button{border:1px solid var(--cGreen) !important;background-color: #fff !important;color:var(--cGreen) !important;}
.loginRenew .btnArea.btnDisable button{background-color:#ade6e2 !important;color:#fff !important;}
.loginRenew .btnArea .boxStyle04,
.loginRenew .loginBox .boxStyle04{background-color:#ade6e2 !important;color:#fff !important;padding:0;border-radius:8px;height:48px;line-height: 48px;font-size:16px;font-weight: 700;}

.loginRenewPop .btnArea button{padding:0;border-radius:8px;height:48px;line-height: 48px;font-size:16px;font-weight: 700;}
.loginRenewPop .btnArea.btn01 button{background-color:var(--cGreen) !important;color:#fff !important;width:100%;}
.loginRenewPop .btnArea.btn01 button span{line-height: 48px;font-size:16px;font-weight: 700;}

.loginRenew .allim_box{margin-top:16px;padding:20px;border-radius: 8px;background:var(--cBG02);}
.loginRenew .allim_box strong{display: block;padding-left: 20px;font-size: 14px;line-height: 20px;color: var(--cFont02);font-weight: 600;background: url(/images/cyber/blt_report_renew.png) no-repeat 0 3px;background-size: 16px auto;}
.loginRenew .allim_box > ul{margin:0;margin-top:8px;} 
.loginRenew .allim_box > ul > li{margin-bottom:0;padding-left: 8px;font-size: 13px;color: var(--cFont02);line-height: 18px;background: none;position:relative;}
.loginRenew .allim_box > ul > li::before{content:'';position: absolute;left:0;top:7px;width:3px;height:3px;border-radius: 50%;background:var(--cFont02);}
.loginRenew .allim_box > ul > li + li{margin-top:4px;}

.loginRenew ul.dotGnList{margin-top:16px;}
.loginRenew ul.dotGnList > li{padding-left:0;text-indent: 0;line-height: 16px;color:var(--cFont03);font-size:12px;}
.loginRenew ul.dotGnList > li:before{content:none;}
.loginRenew ul.dotGnList > li span{color:var(--cFont01);}

.loginRenew input[type=radio] + label{padding-left: 0;display: flex;align-items: center;color: #31334b;}
.loginRenew input[type=radio],
.loginRenew label{display:block;cursor:pointer;}
.loginRenew label{position:relative;}
.loginRenew input[type=radio] + label:before{content:'';background:#fff;border:1px solid var(--cLine02);display:block;width:20px;height:20px;padding:2px;box-sizing:border-box;border-radius:100%;margin-right:4px;}
.loginRenew input[type=radio]:checked + label:before{border:6px solid var(--cGreen);}
.loginRenew input[type=radio]:disabled + label:before{background-color: var(--cBG03);border: 1px solid var(--cLine02);}
.loginRenew input[type=radio]:disabled + label{color: #abb2bb;}
.loginRenew input[type=checkbox] + label, 
.loginRenew .selectList input[type=radio] + label {padding-left:0;display: flex;align-items: center;color:#31334b;} /* 기존 리셋 */

.layerWrap.loginRenew .selCheck{text-align: center;margin-top:-4px;}
.layerWrap.loginRenew .selCheck input[type="checkbox"] + label{line-height: 20px;padding-left:28px;font-size:14px;color:var(--cFont02);}
.layerWrap.loginRenew .selCheck input[type="checkbox"] + label:after{content:'';position:absolute;left:0;top:50% !important;margin-top:-10px;width:20px;height:20px;background-size:20px 20px;}
.layerWrap.loginRenew .selCheck input[type="checkbox"] + label:after{background-image: url('/images/va/ico_check.png');}
.layerWrap.loginRenew .selCheck input[type="checkbox"]:checked + label:after{background-image: url('/images/va/ico_check_active.png');}

.loginRenewPop .popStyle03 .popCont{margin:0 16px;padding:36px 20px 24px;border-radius: 16px;text-align: center;}
.loginRenewPop .popStyle03 .popCont .popTxt{font-size:14px;color:var(--cFont02);line-height: 20px;}
.loginRenewPop .popCont .bg_skyBlue{margin-top:0;display: block;padding:0 12px;background: transparent;}
.loginRenewPop .popCont .bg_skyBlue a{display: block;text-align: left;padding-top:0;padding-left:52px;height:40px;position: relative;background:url('/images/cyber/ico_pin_link.png')no-repeat right center;background-size:20px auto;}
.loginRenewPop .popCont .bg_skyBlue a::before{content:'';position: absolute;left:0;top:0;width:40px;height:40px;border-radius: 12px;background-color: var(--cBG01);}
.loginRenewPop .popCont .bg_skyBlue a + a{margin-top:20px;}
.loginRenewPop .popCont .bg_skyBlue a .btnXSm{min-width:auto;padding:0;background-color: transparent !important;color:var(--cFont01);font-size:16px;line-height: 40px;font-weight: 500;}
.loginRenewPop .bg_skyBlue a.bgPhone::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin01_renew.png') no-repeat 0 0;background-size:32px auto;}
.loginRenewPop .bg_skyBlue a.bgPhone.ty02::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin05_renew.png') no-repeat 0 0;background-size:32px auto;}
.loginRenewPop .bg_skyBlue a.bgCertificate02::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin04_renew.png') no-repeat 0 0;background-size:32px auto;}
.loginRenewPop .bg_skyBlue a.bgCacao::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin02_renew.png') no-repeat 0 0;background-size:32px auto;}
.loginRenewPop .btnArea.btn03 button{background-color: var(--cBG01) !important;color:var(--cFont03) !important;width:100%;height:40px;line-height: 40px;font-size:16px;line-height: 40px;border-radius: 8px;padding:0;font-weight: 600;}
.loginRenewPop .popStyle01 .popCont{padding:32px 20px 48px;}
.loginRenewPop .popup .popCont h2{margin:0 0 16px 0;font-size:20px;font-weight: 700;color:var(--cFont01);line-height: 28px;}
.loginRenewPop .allAgBox{border-radius: 8px;border: solid 1px var(--cLine02);background-color: #fff;padding:0 16px;}
.loginRenewPop .allAgBox input[type="checkbox"] + label{display: inline-block;position: relative;padding: 0 0 0 32px;min-height: auto;vertical-align: middle;line-height: 54px;color: var(--cFont01);font-size:18px !important;font-weight: 500;}
.loginRenewPop input[type="checkbox"] + label:after{content: '';position: absolute;left: 0;top:50%;margin-top:-10px;background-repeat: no-repeat;background-size:20px 20px;width:20px;height:20px;}
.loginRenewPop .allAgBox input[type="checkbox"] + label:after{background-image: url('/images/va/ico_check.png');}
.loginRenewPop .allAgBox input[type=checkbox]:checked + label:after{background-image: url('/images/va/ico_check_active.png');background-size:20px 20px;}
.loginRenewPop .toggleCont.agc_tg > ul > li:first-child{margin-top:1px;}
.loginRenewPop .toggleCont.agc_tg > ul > li{border-bottom:1px solid var(--cLine02);}
.loginRenewPop .toggleCont.agc_tg ul li dl dt{padding:19px 16px;}
.loginRenewPop .toggleCont > ul > li dt button{background:url('/images/cyber/btn_faqOpen_renew.png')no-repeat 50% 50%;width:20px;height:20px;background-size:20px 20px;right:16px;transform:translateY(0) rotate(0);margin-top:-10px;transition: all 0.4s;}
.loginRenewPop .toggleCont > ul > li.on dt button{transform:translateY(0) rotate(180deg);}
.loginRenewPop .toggleCont input[type=checkbox] + label:after{background-image: url('/images/cyber/ico_chk.png');}
.loginRenewPop .toggleCont input[type=checkbox]:checked + label:after{background-image: url('/images/cyber/ico_chk_active.png');background-size:20px 20px;}
.loginRenewPop .check_warp02 span input[type="checkbox"] + label{height:auto;}
.loginRenewPop .check_warp02 span input[type="checkbox"] + label strong{padding-left:12px;font-size:14px;line-height: 20px;color:var(--cFont01) !important;font-weight: 600 !important;}
.loginRenewPop .toggleCont.agc_tg ul li dl dd{font-size:12px;padding:0 48px 19px 48px;}
.loginRenewPop .toggleCont.agc_tg ul li dl dd ol li{line-height: 16px;}
.loginRenewPop .toggleCont.agc_tg ul li dl dd ol li + li{margin-top:12px;}
.loginRenewPop .toggleCont.agc_tg ul li dl dd ol li strong{color:var(--cFont02);font-weight: 600 !important;line-height: 16px;margin-bottom:4px;}
.loginRenewPop .toggleCont.agc_tg ul li dl dd ol li p{padding-left: 0;font-size: inherit;color: var(--cFont03);margin-top:2px;}
.loginRenewPop .toggleCont.agc_tg ul li dl dd ol li strong + p{margin-top:4px;}
.loginRenewPop .boardWrite{position: relative;margin-top:31px;padding-top:48px;}
.loginRenewPop .toggleCont + .boardWrite::before{content:'';position:absolute;left:0;top:0;width:calc(100% + 40px);height:8px;background:var(--cBG02);margin-left:-20px;}
.loginRenewPop .popup .boardWrite > li{margin-top:24px;}
.loginRenewPop .popup .boardWrite > li:first-child{margin-top:0;}
.loginRenewPop .popup .boardWrite > li > dl > dt{margin-bottom:8px;color:var(--cLabel01);font-weight: 600;font-size:14px;line-height:20px;}
.loginRenewPop .popup .boardWrite > li > dl > dt label, .popup .boardWrite > li > dl > dt span{color:var(--cFont01);font-weight: 600;font-size:14px;line-height:20px;}
.loginRenewPop .inBox{background:#fff;border-radius: 8px;border: solid 1px var(--cLine02);}
.loginRenewPop .boardWrite li dl dd input[type="tel"],
.loginRenewPop .boardWrite li dl dd input[type="text"],
.loginRenewPop .boardWrite li dl dd input[type="number"],
.loginRenewPop .boardWrite li dl dd input[type="password"]{padding:0 12px;font-size:16px;line-height: 20px;color:var(--cFont01);height: 48px;font-weight: 400;}
.loginRenewPop .boardWrite li dl dd input[type="tel"]::placeholder,
.loginRenewPop .boardWrite li dl dd input[type="text"]::placeholder,
.loginRenewPop .boardWrite li dl dd input[type="number"]::placeholder,
.loginRenewPop .boardWrite li dl dd input[type="password"]::placeholder{color:var(--cPlace01);font-weight: 400;}
.loginRenewPop .idCardNum .inBox span.string{font-size: 16px;line-height: 48px;color: var(--cFont01);height: 48px;font-weight: 400;}
.loginRenewPop .idCardNum.type02 .idNumFir{padding-right: 0;}
.loginRenewPop .idCardNum.type02 span:last-child{font-size: 16px;line-height: 48px;color: var(--cFont01);height: 48px;font-weight: 400;display: inline-block;width:auto;}
.loginRenewPop .phone dd .inBox select{padding:0 12px;font-size:16px;line-height: 20px;color:var(--cFont01);height: 48px;font-weight: 400;background:url('/images/va/ico_arr_b01.png')no-repeat right center;background-size:12px 12px;width:25%;}
.loginRenewPop .phone.type02 input{width:75%;}
.loginRenewPop .layerContent > .popup{height: 100% !important;}

.vaIns .layerWrap .loginBg01,
.vaIns .layerWrap .loginBg02,
.vaIns .layerWrap .loginBg03,
.vaIns .layerWrap .loginBg04,
.vaIns .layerWrap .loginBg05,
.vaIns .layerWrap .loginBg06,
.vaIns .layerWrap .loginBg07{position: relative;padding-top:88px;background:none;}
.vaIns .layerWrap .loginBg01::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:var(--cBG01) url(/images/cyber/bg_login01_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.vaIns .layerWrap .loginBg02::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:var(--cBG01) url(/images/cyber/bg_login02_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.vaIns .layerWrap .loginBg03::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:var(--cBG01) url(/images/cyber/bg_login03_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.vaIns .layerWrap .loginBg04::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:var(--cBG01) url(/images/cyber/bg_login04_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.vaIns .layerWrap .loginBg05::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:var(--cBG01) url(/images/cyber/bg_login05_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.vaIns .layerWrap .loginBg06::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:var(--cBG01) url(/images/cyber/bg_login06_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.vaIns .layerWrap .loginBg07::before{content:'';position: absolute;left:50%;top:0;margin-left:-44px;width:88px;height:88px;background:var(--cBG01) url(/images/cyber/bg_login07_renew.png) no-repeat 50% 50%;background-size: 56px auto;border-radius: 50%;}
.vaIns .layerWrap .btnArea button{padding:0;border-radius:8px;height:48px;line-height: 48px;font-size:16px;font-weight: 700;}
.vaIns .layerWrap .btnArea.btn01 button{background-color:var(--cGreen) !important;color:#fff !important;width:100%;}
.vaIns .layerWrap .btnArea.btn01 button span{line-height: 48px;font-size:16px;font-weight: 700;}
.vaIns .layerWrap .selCheck{text-align: center;margin-top:-4px;}
.vaIns .layerWrap .selCheck input[type="checkbox"] + label{line-height: 20px;padding-left:28px;font-size:14px;color:var(--cFont01);}
.vaIns .layerWrap .selCheck input[type="checkbox"] + label:after{content:'';position:absolute;left:0;top:50% !important;margin-top:-10px;width:20px;height:20px;background-size:20px 20px;}
.vaIns .layerWrap .selCheck input[type="checkbox"] + label:after{background-image: url('/images/va/ico_check.png');}
.vaIns .layerWrap .selCheck input[type="checkbox"]:checked + label:after{background-image: url('/images/va/ico_check_active.png');}
.vaIns .layerWrap .popStyle03 .popCont{margin:0 16px;padding:36px 20px 24px;border-radius: 16px;text-align: center;}
.vaIns .layerWrap .popStyle03 .popCont .popTxt{font-size:14px;color:var(--cFont02);line-height: 20px;}
.vaIns .layerWrap .popCont .bg_skyBlue{margin-top:0;display: block;padding:0 12px;background: transparent;}
.vaIns .layerWrap .popCont .bg_skyBlue a{display: block;text-align: left;padding-top:0;padding-left:52px;height:40px;position: relative;background:url('/images/cyber/ico_pin_link.png')no-repeat right center;background-size:20px auto;}
.vaIns .layerWrap .popCont .bg_skyBlue a::before{content:'';position: absolute;left:0;top:0;width:40px;height:40px;border-radius: 12px;background-color: var(--cBG01);}
.vaIns .layerWrap .popCont .bg_skyBlue a + a{margin-top:20px;}
.vaIns .layerWrap .popCont .bg_skyBlue a .btnXSm{min-width:auto;padding:0;background-color: transparent !important;color:var(--cFont01);font-size:16px;line-height: 40px;font-weight: 500;}
.vaIns .layerWrap .bg_skyBlue a.bgPhone::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin01_renew.png') no-repeat 0 0;background-size:32px auto;}
.vaIns .layerWrap .bg_skyBlue a.bgPhone.ty02::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin05_renew.png') no-repeat 0 0;background-size:32px auto;}
.vaIns .layerWrap .bg_skyBlue a.bgCertificate02::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin04_renew.png') no-repeat 0 0;background-size:32px auto;}
.vaIns .layerWrap .bg_skyBlue a.bgCacao::after{content:'';position:absolute;left:4px;top:4px;width:32px;height:32px;background:url('/images/cyber/bg_pin02_renew.png') no-repeat 0 0;background-size:32px auto;}
.vaIns .layerWrap .btnArea.btn03 button{background-color: var(--cBG02) !important;color:var(--cFont03) !important;width:100%;height:40px;line-height: 40px;font-size:16px;line-height: 40px;border-radius: 8px;padding:0;font-weight: 600;}
.vaIns .layerWrap .popStyle01 .popCont{padding:32px 20px 48px;}
.vaIns .layerWrap .popup .popCont h2{margin:0 0 16px 0;font-size:20px;font-weight: 700;color:var(--cFont01);line-height: 28px;}
.vaIns .layerWrap .allAgBox{border-radius: 8px;border: solid 1px var(--cLine02);background-color: #fff;padding:0 16px;}
.vaIns .layerWrap .allAgBox input[type="checkbox"] + label{display: inline-block;position: relative;padding: 0 0 0 32px;min-height: auto;vertical-align: middle;line-height: 54px;color: var(--cFont01);font-size:18px !important;font-weight: 500;}
.vaIns .layerWrap input[type="checkbox"] + label:after{content: '';position: absolute;left: 0;top:0 !important;background-repeat: no-repeat;background-size:20px 20px;width:20px;height:20px;}
.vaIns .layerWrap .allAgBox input[type="checkbox"] + label:after{background-image: url('/images/va/ico_check.png');}
.vaIns .layerWrap .allAgBox input[type=checkbox]:checked + label:after{background-image: url('/images/va/ico_check_active.png');}
.vaIns .layerWrap .toggleCont.agc_tg > ul > li:first-child{margin-top:1px;}
.vaIns .layerWrap .toggleCont.agc_tg > ul > li{border-bottom:1px solid var(--cLine02);}
.vaIns .layerWrap .toggleCont.agc_tg ul li dl dt{padding:19px 16px;}
.vaIns .layerWrap .toggleCont > ul > li dt button{background:url('/images/cyber/btn_faqOpen_renew.png')no-repeat 50% 50%;width:20px;height:20px;background-size:20px 20px;right:16px;transform:translateY(0) rotate(0);margin-top:-10px;transition: all 0.4s;}
.vaIns .layerWrap .toggleCont > ul > li.on dt button{transform:translateY(0) rotate(180deg);}
.vaIns .layerWrap .toggleCont input[type=checkbox] + label:after{background-image: url('/images/cyber/ico_chk.png');}
.vaIns .layerWrap .toggleCont input[type=checkbox]:checked + label:after{background-image: url('/images/cyber/ico_chk_active.png');}
.vaIns .layerWrap .check_warp02 span input[type="checkbox"] + label{height:auto;}
.vaIns .layerWrap .check_warp02 span input[type="checkbox"] + label strong{padding-left:12px;font-size:14px;line-height: 20px;color:var(--cFont01) !important;font-weight: 600 !important;}
.vaIns .layerWrap .toggleCont.agc_tg ul li dl dd{font-size:12px;padding:0 48px 19px 48px;}
.vaIns .layerWrap .toggleCont.agc_tg ul li dl dd ol li{line-height: 16px;}
.vaIns .layerWrap .toggleCont.agc_tg ul li dl dd ol li + li{margin-top:12px;}
.vaIns .layerWrap .toggleCont.agc_tg ul li dl dd ol li strong{color:var(--cFont02);font-weight: 600 !important;line-height: 16px;margin-bottom:4px;}
.vaIns .layerWrap .toggleCont.agc_tg ul li dl dd ol li p{padding-left: 0;font-size: inherit;color: var(--cFont03);margin-top:2px;}
.vaIns .layerWrap .toggleCont.agc_tg ul li dl dd ol li strong + p{margin-top:4px;}
.vaIns .layerWrap .boardWrite{position: relative;margin-top:31px;padding-top:48px;}
.vaIns .layerWrap .toggleCont + .boardWrite::before{content:'';position:absolute;left:0;top:0;width:calc(100% + 40px);height:8px;background:var(--cBG02);margin-left:-20px;}
.vaIns .layerWrap .popup .boardWrite > li{margin-top:24px;}
.vaIns .layerWrap .popup .boardWrite > li:first-child{margin-top:0;}
.vaIns .layerWrap .popup .boardWrite > li > dl > dt{margin-bottom:8px;color:var(--cFont01);font-weight: 600;font-size:14px;line-height:20px;}
.vaIns .layerWrap .popup .boardWrite > li > dl > dt label, .popup .boardWrite > li > dl > dt span{color:var(--cFont01);font-weight: 600;font-size:14px;line-height:20px;}
.vaIns .layerWrap .inBox{background:#fff;border-radius: 8px;border: solid 1px var(--cLine02);}
.vaIns .layerWrap .boardWrite li dl dd input[type="tel"],
.vaIns .layerWrap .boardWrite li dl dd input[type="text"],
.vaIns .layerWrap .boardWrite li dl dd input[type="number"],
.vaIns .layerWrap .boardWrite li dl dd input[type="password"]{padding:0 12px;font-size:16px;line-height: 20px;color:var(--cFont01);height: 48px;font-weight: 400;}
.vaIns .layerWrap .boardWrite li dl dd input[type="tel"]::placeholder,
.vaIns .layerWrap .boardWrite li dl dd input[type="text"]::placeholder,
.vaIns .layerWrap .boardWrite li dl dd input[type="number"]::placeholder,
.vaIns .layerWrap .boardWrite li dl dd input[type="password"]::placeholder{color:var(--cPlace01);font-weight: 400;}
.vaIns .layerWrap .idCardNum .inBox span.string{font-size: 16px;line-height: 48px;color: #31334b;height: 48px;font-weight: 400;}
.vaIns .layerWrap .idCardNum.type02 .idNumFir{padding-right: 0;}
.vaIns .layerWrap .idCardNum.type02 span:last-child{font-size: 16px;line-height: 48px;color: var(--cFont01);height: 48px;font-weight: 400;display: inline-block;width:auto;}
.vaIns .layerWrap .phone dd .inBox select{padding:0 12px;font-size:16px;line-height: 20px;color:var(--cFont01);height: 48px;font-weight: 400;background:url('/images/va/ico_arr_b01.png')no-repeat right center;background-size:12px 12px;width:25%;}
.vaIns .layerWrap .phone.type02 input{width:75%;}

.vaIns .layerWrap .rela{border-radius: 8px;border: solid 1px var(--cLine02);background-color: #fff;padding:0 16px;}
.vaIns .layerWrap .rela input[type="checkbox"] + label{display: inline-block;position: relative;padding: 0 0 0 32px;min-height: auto;vertical-align: middle;line-height: 54px;color: var(--cFont01);font-size:18px !important;font-weight: 500;}
.vaIns .layerWrap .rela input[type="checkbox"] + label:after{background-image: url('/images/va/ico_check.png');top:50% !important;margin-top:-10px;}
.vaIns .layerWrap .rela input[type=checkbox]:checked + label:after{background-image: url('/images/va/ico_check_active.png');}

.vaIns .layerWrap .btnArea button{padding:0;border-radius:8px;height:48px;line-height: 48px;font-size:16px;font-weight: 700;border: 1px solid var(--cGreen) !important;background-color: #fff !important;color: var(--cGreen) !important;}
.vaIns .layerWrap .btnArea button span{line-height: 48px;font-size:16px;font-weight: 700;}
.vaIns .layerWrap .btnArea button.bt01{background-color:var(--cGreen) !important;color:#fff !important;width:100%;}


/* 펀드상세 */
.fdDetailInfo{display: flex;justify-content: space-between;align-items: center;margin-top:40px;}
.fdDetailInfo dl{position: relative;width: 100%;text-align: center;}
.fdDetailInfo dl + dl::before{content:'';position: absolute;left: 0;width: 1px;height: 32px;top:50%;margin-top: -16px;background: var(--cLine01);}
.fdDetailInfo dt{margin-bottom:4px;color:var(--cFont03);font-size:12px;line-height: 16px;}
.fdDetailInfo dd{font-weight: 700;color:var(--cFont01);}
.fdDetailInfo dd span:first-child{font-size: 20px;line-height: 28px;}
.fdDetailInfo dd span:last-child{font-weight: 400;margin-left: 2px;color:inherit;}

.fdDetailTb{display: flex;justify-content: space-between;align-items: center;padding:20px 7px;border-radius: 8px;border: solid 1px var(--cLine01);background-color: #fff;}
.fdDetailTb dl{position: relative;width: 100%;text-align: center;}
.fdDetailTb dl + dl::before{content:'';position: absolute;left: 0;width: 1px;height: 32px;top:50%;margin-top: -16px;background: var(--cLine01);}
.fdDetailTb dt{margin-bottom:8px;color:var(--cFont02);font-size:14px;line-height: 20px;}
.fdDetailTb dd{font-size:18px;line-height:24px;color:var(--cGreen);font-weight: 700;}
.fdDetailTb dd span{color:var(--cGreen);}
.fdDetailTb dd span:last-child{color:var(--cFont02);font-size:12px;font-weight: 400;}

.fdChargeTb{display: flex;justify-content: space-between;align-items: center;padding:20px 7px;border-radius: 8px;border: solid 1px var(--cLine01);background-color: #fff;margin-bottom:32px;}
.fdChargeTb dl{position: relative;width: 100%;text-align: center;}
.fdChargeTb dl + dl::before{content:'';position: absolute;left: 0;width: 1px;height: 32px;top:50%;margin-top: -16px;background: var(--cLine01);}
.fdChargeTb dt{margin-bottom:8px;color:var(--cFont02);font-size:14px;line-height: 20px;}
.fdChargeTb dd{font-size:14px;line-height:20px;color:var(--cFont02);}
.fdChargeTb dd span{font-weight: 700;color:var(--cFont01);}

/* 포트폴리오 시뮬레이션 결과 */
.accordionList.pofolio > li {padding: 0;}
.accordionList.pofolio .pofolList {box-sizing: border-box;padding: 20px;}
.accordionList.pofolio .pofolDetail{display: flex;align-items: center;margin-top: 8px;}
.accordionList.pofolio .pofolDetail > div{position: relative;display: flex;align-items: center;}
.accordionList.pofolio .pofolDetail > div + div{margin-left:7px;padding-left: 7px;}
.accordionList.pofolio .pofolDetail > div + div::before{content:'';position: absolute;left:0;top:50%;margin-top:-4px;width:1px;height: 8px;background:var(--cLine03);}
.accordionList.pofolio .pofolDetail > div > p{margin-right:8px;font-size: 13px;line-height: 18px;color:var(--cFont03);}
.accordionList.pofolio .pofolDetail > div > div{font-size:14px;line-height: 20px;color:var(--cFont02);font-weight: 600;}
.accordionList.pofolio .fndDetail {border-top: 1px dashed #e5e5e5;padding:0 20px;border-radius: 0 0 8px 8px;margin-top: 0;}
.accordionList.pofolio .fndDetail > ul > li {padding:16px 0;}
.accordionList.pofolio .fndDetail > ul > li + li {border-top: 1px solid #e5e5e5;}
.accordionList.pofolio > li:last-child .pofolList li .pofolDetail > div > div{color:var(--cGreen);}

.accordionList.pofolio .fndDetail .titH5 > span {font-size: 14px; line-height: 20px; color: var(--cFont02); font-weight: 400;}
.accordionList.pofolio .fndDetail .titH5 > span em {color:#0a7f7a;font-weight: 700;}


/* 펀드 추가 */
.fixBtnAddFun{position: fixed;bottom:0;left:0;width: 100%;background: #fff;padding:20px 24px;  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.08);border-radius: 12px 12px 0 0;}
.fixBtnAddFun > div{display: flex;align-items: center;justify-content: space-between;}
.fixBtnAddFun > div > p{font-size:13px;line-height: 18px;font-weight: 500;color:var(--cFont02);}
.fixBtnAddFun > div > p .cntCheck{margin-left:8px;font-weight: 700;color:var(--cGreen);font-size: 18px;line-height: 20px;}
.fixBtnAddFun > div > div{height:40px;width: 96px;}
.fixBtnAddFun > div> div button.btnConfirm{line-height: 40px;width: 100%;font-size: 16px;font-weight: 600;color:#fff;background:#ade6e2;border-radius: 8px;}
.fixBtnAddFun.active > div> div button{background: var(--cGreen);}


/* 펀드랭킹 */
/* .fdChkList{padding-bottom:48px;} */
.fdChkList li{padding: 16px;border-radius: 8px;box-shadow: -1px 2px 12px 0 rgba(0, 0, 0, 0.08);border: solid 1px var(--cBG01);background-color: #fff;margin-top: 4px;position: relative;}
.fdChkList .label{display:inline-block; line-height: 16px;} /* 2023 모바일 접근성 */
.fdChkList .label span{font-size: 11px;line-height: 16px;color: var(--cFont03);font-weight: 600;position: relative;}
.fdChkList .label span + span{padding-left:3px;margin-left:3px;}
.fdChkList .label span + span::before{content:'';position: absolute;left:0;top:50%;width:1px;height: 8px;margin-top:-4px;background:var(--cLine03);}
.fdChkList .label + .fdState{margin-top:4px;}
.fdChkList .titH5{line-height: 24px;margin-right: 30px;}
.fdChkList .titH5 + .fdRateBox{margin-top:8px;}
.fdChkList .fdRateBox{display: flex;justify-content: end;align-items: center;}
.fdChkList .fdRateBox > p{font-size:12px;line-height: 16px;color:var(--cFont02);}
.fdChkList .fdRateBox > p + .fdRate{margin-left:8px;}
.fdChkList .fdRateBox .fdRate{width:64px;font-size: 16px;}
.fdChkList .fdchkBox{position:absolute;top:16px;right:16px;padding:0 0 10px 10px;}
.fdChkList .fdchkBox input[type="checkbox"] {position:absolute;top:0;left:0;width:0;height:0;}
.fdChkList .fdchkBox label {padding-left:20px;line-height:20px;cursor:pointer}
.fdChkList .fdchkBox label span{display: inline-block;text-indent: -99999px;font-size: 0;line-height: 0;position: absolute;}
.fdChkList .fdchkBox input[type="checkbox"] + label{color:var(--cLine03);}
.vaIns #container .fdChkList .fdchkBox input[type="checkbox"]{width:22px; height:18px;} /* 2023 모바일 접근성 */
.fdChkList .fdchkBox label:before {content:"";position:absolute;top:50%;margin-top:-10px;left:0;display:block;width:20px;height:20px;line-height:20px;border:1px solid var(--cLine02);border-radius: 50%;box-sizing: border-box;background: url('/images/va/ico_chk02.png')no-repeat center center;background-size: 10px 8px;}
.fdChkList .fdchkBox input[type=checkbox]:checked + label:before {content:"";border-color:var(--cGreen);font-weight: 400;font-size:14px;background:var(--cGreen) url('/images/va/ico_check02.png')no-repeat center center;background-size: 10px 8px;}
.fdChkList .fdchkBox input[type=checkbox] + label:after{content:none;}
.fixBtnBox{display:none;position: relative;margin-top:72px;}
.fixBtnBox.dsblock {display:block;}
.fixBtnBox > div{display: flex;position: fixed;bottom:0;left:0;width: 100%;z-index: 20;}
.fixBtnBox > div > div{height:56px;width: 100%;} /* 노치영역 고려해서 높이 변경 */
.fixBtnBox > div> div button{line-height: 56px;width: 100%;font-size: 18px;font-weight: 700;box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.12);}
.fixBtnBox > div> div button.btnAddi{color:#0a7f7a;background:var(--cBG01);border-radius: 12px 0 0 0;}
.fixBtnBox > div> div button.btnCancel{color:var(--cFont03);background:var(--cBG01);border-radius: 12px 0 0 0;}
.fixBtnBox > div> div button.btnConfirm{color:#fff;background: var(--cGreen);border-radius: 0 12px 0 0;}
.fixBtnBox > div> div button.btnConfirm .cntCheck{color:#fff;}
/* .contents.addfixBtnBox{padding-bottom:120px !important;} */
.fixBtnBox > div > div:only-child button {border-radius: 12px 12px 0 0;}

.compareFundBox{padding: 20px;border-radius: 8px;border: solid 1px #fcf2ce;background-color: #fef9e8;margin-top:20px;}
.compareFundBox dl{display: flex;}
.compareFundBox dl + dl{margin-top:8px;}
.compareFundBox dl dt{font-size:14px;line-height: 20px;color:var(--cFont02);width:62px;}
.compareFundBox dl dd{font-size:16px;line-height: 20px;color:var(--cFont01);font-weight: 700;width:calc(100% - 62px);padding-left:12px;}


/* 펀드변경-투입비율변경 */
.ratioSetWrap .hideValueBox,
.ratioSetWrap .hideValueBox > div{display: none;}


.ratioSetWrap .nowRatioBox{display: flex;align-items: center;}
.ratioSetWrap .nowRatioBox > p{font-size:13px;color: var(--cFont03);}
.ratioSetWrap .nowRatioBox > p:first-child{margin-right: 12px;}
.ratioSetWrap .nowRatioBox > p:last-child{font-size:14px;color:var(--cFont02);font-weight: 600;}
.ratioSetWrap .nowRatioBox > p:last-child span{color:var(--cFont02)}
.ratioSetWrap .nowRatioBox > p .ratioNow{font-size:18px;}
.ratioSetWrap .nowRatioBox > p .ratioWon{font-size:18px;}
.ratioSetWrap .nowRatioBox > p .slash{font-size:14px;color:var(--cLine03);margin:0 8px;}
.ratioSetWrap .ratioSetBox{margin-top:12px;padding:20px 20px 24px 20px;border-radius: 16px;background-color: var(--cBG01);}
.ratioSetWrap .ratioSetBox .titChg{font-size:13px;line-height: 18px;color:var(--cFont02);}
.ratioSetWrap .ratioSetBox .ratioChgTop{display: flex;align-items: end;}
.ratioSetWrap .ratioSetBox .ratioChgTop > p{font-size:16px;line-height:32px;font-weight: 700;}
.ratioSetWrap .ratioSetBox .ratioChg{color:#0a7f7a;}
.ratioSetWrap .ratioSetBox .ratioChg span{font-size:32px;color:#0a7f7a}
.ratioSetWrap .ratioSetBox .ratioChgTop > p.amountChg{color:var(--cFont01);font-weight: 400;margin-left:16px;}
.ratioSetWrap .ratioSetBox .amountChg span{font-size:24px;font-weight: 700;}


.ratioRangeBox .rangeWrap {position: relative;z-index: 2;}
.ratioRangeBox .rangeWrap input{height:8px;padding:0;background: var(--cLine02);border-bottom:0;border-radius: 4px;-webkit-appearance: none;margin: 40px 0 0 0;width: 100%;z-index: 2;background-image: linear-gradient(var(--cGreen), var(--cGreen));background-size: 0 100%;background-repeat: no-repeat;}
.ratioRangeBox .ratioRange {width: 100%;}
.ratioRangeBox .ratioBubble {background: var(--cNavy);color: white;padding: 2px 0;position: absolute;border-radius: 4px;font-size: 14px;left: 50%;transform: translateX(-50%);top:-4px;width:40px;text-align: center;}
.ratioRangeBox .ratioBubble::after {content: "";position: absolute;width: 12px;height: 10px;background:url('/images/va/bg_bb_pointer.png')no-repeat 0 0;bottom: -7px;left: 50%;background-size:12px 10px;margin-left:-6px;}
.ratioRangeBox{position: relative;margin:0;}
.ratioRangeBox .ratioRangeBg{position: absolute;left:0;top:39px;width:100%;background: var(--cLine02);border-radius: 8px;height:8px;z-index: 1;}
.ratioRangeBox input[type=range]{-webkit-appearance: none;}
.ratioRangeBox input[type=range]:focus {outline: none;}
.ratioRangeBox input[type=range]::-webkit-slider-runnable-track {background: transparent;}
.ratioRangeBox input[type=range]::-webkit-slider-thumb { height: 32px;width: 32px;border-radius: 50%;background: #fff !important;cursor: pointer;-webkit-appearance: none;margin-top: 0px;z-index: 2;  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);}/* 슬라이드 원 */
.ratioRangeBox input[type=range]:focus::-webkit-slider-runnable-track {background: transparent !important;}

.ratioSetWrap .ratioSetBox .ratioChgList{margin-top:39px;padding-top:26px;border-top:1px solid var(--cLine01);}
.ratioSetWrap .ratioSetBox .ratioChgList li{display: flex;align-items: center;justify-content: space-between;}
.ratioSetWrap .ratioSetBox .ratioChgList li > p{font-size:14px;line-height: 20px;color:var(--cFont02);}
.ratioSetWrap .ratioSetBox .ratioChgList li > div{font-size:12px;color:var(--cFont02);line-height: 24px;}
.ratioSetWrap .ratioSetBox .ratioChgList li > div span{font-size:16px;color: var(--cFont02);}
.ratioSetWrap .ratioSetBox .ratioChgList li > div .fcPm01{font-size:12px;}
.ratioSetWrap .ratioSetBox .ratioChgList li > div .txtVal{font-size:18px;font-weight: 700;}
.ratioSetWrap .ratioSetBox .ratioChgList .fcPm01{color:#0a7f7a !important;}
.ratioSetBox .txtSetAllBox{margin-top:32px;display: flex;justify-content: space-between;align-items: center;}
.ratioSetBox .txtSetAllBox > p{color:var(--cPlus);font-size:12px;font-weight: 500;}
.ratioSetBox .txtSetAllBox > p span{color:var(--cPlus);}
.ratioSetBox .txtSetAllBox > div button{border-radius: 4px;background-color: #fff;width:64px;height:28px;font-size:12px;color:var(--cFont02);font-weight: 500;}

/* 보험상세 */
.myInsBox{position: fixed;width:100%;top:calc(48px + env(safe-area-inset-top));left:0;padding:8px 16px 11px;background: #fff;z-index: 300;border-bottom: 1px solid var(--cLine03);}
.myInsBox > .myInsu{padding: 13px 16px;border-radius: 12px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);border: solid 1px var(--cLine01);}
.myInsBox > .myInsu .myInsNum{font-size:12px;line-height: 16px;color:var(--cFont03);margin-bottom:4px;}
.myInsBox > .myInsu .myInsName{display: flex;flex-wrap: wrap;width: 100%;}
.myInsBox > .myInsu .myInsName p{font-size:16px;line-height: 24px;font-weight: 600;color:var(--cFont01);width:calc(100% - 24px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* 2024 접근성4 */
.myInsBox > .myInsu .myInsName div > a{display: block; position: relative; width:24px;height:24px;background:url('/images/va/ico_change.png')no-repeat 0 0;background-size: 100% auto;}
.myInsBox > .myInsu .myInsName div > a span{display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
/* 2024 접근성4 */
.myInsBox > .myInsChgCnt{display: flex;flex-wrap: wrap;font-size:12px;line-height: 16px;color:#666e7a;margin-top:12px;letter-spacing: 0;align-items: center;}
.myInsBox > .myInsChgCnt dl{display: flex;flex-wrap: wrap;position: relative;align-items: center;}
.myInsBox > .myInsChgCnt dl + dl{margin-left:11px;padding-left:11px;}
.myInsBox > .myInsChgCnt dl + dl::before{content:'';position: absolute;left:0;top:50%;width:1px;height: 8px;background: var(--cLine03);margin-top:-4px;}
.myInsBox > .myInsChgCnt dl dt{color:var(--cFont02);}
.myInsBox > .myInsChgCnt dl dt + dd{margin-left:8px;}
.myInsBox > .myInsChgCnt dl dd{font-size:12px;line-height: 18px;color:var(--cFont02);}
.myInsBox > .myInsChgCnt dl dd span{font-weight: 400;font-size: 13px;color:var(--cFont02);}
.myInsBox > .myInsChgCnt dl dd span:first-child{font-weight: 700;color:var(--cGreen);}
.myInsBox > .myInsChgCnt .date{color:var(--cFont03);margin-left:8px;}

/* 펀드리스트 상태바 */
.fdSortBox{background: var(--cBG02);padding:8px 12px; border-radius: 4px;display: flex;justify-content: space-between;align-items: center;position: relative;}
.fdSortBox .btnReset a{display:block;width:16px;background: url('/images/va/ico_reset.png')no-repeat 0 center;background-size: 16px auto;}
.fdSortBox .btnReset.on a{background: url('/images/va/ico_reset_on.png')no-repeat 0 center;background-size: 16px auto;}
.fdSortBox .btnReset span{display: inline-block;text-indent: -99999px;}
.fdSortBox .date{font-size:12px;line-height: 16px;color:var(--cFont03);}
.fdSortBox .date span{color:var(--cFont03);}
.fdSortBox .periodSel .selTit{font-size:13px;line-height: 20px;font-weight: 500;color:var(--cFont02);display: block;position: relative;}
.fdSortBox .periodSel .selTit a span{position:relative;padding-right:16px;color:var(--cFont02);}
.fdSortBox .periodSel .selTit a span::before{content:'';position: absolute;width:12px;height:12px;background: url('/images/va/ico_arr_b01.png')no-repeat right center;background-size:12px auto;right:0;top:50%;margin-top:-6px;transition: all 0.4s;}
.fdSortBox.on .periodSel .selTit a span::before{transform: rotate(180deg);}
.fdSortBox .periodSel ul{position:absolute;top:36px;right:0;display: none;z-index: 100;  padding: 20px 12px 20px 20px;border-radius: 8px;border: solid 1px var(--cLine03);background-color: #fff;}
.fdSortBox .periodSel ul li + li{margin-top:16px;}
.fdSortBox .periodSel ul li a{position:relative; font-size:14px;line-height: 20px;color:var(--cNavy);width:100%;} /* 2023 모바일 접근성 */
.fdSortBox .periodSel ul li.on a,
.fdSortBox .periodSel ul li.on a span{color:var(--cGreen);font-weight: 600;}
.fdSortBox .periodSel ul li a span{padding-right:24px;color:var(--cNavy);}
.fdSortBox .periodSel ul li.on{background: url('/images/va/ico_check_sel.png')no-repeat right center;background-size: 16px auto;}
.fdSortBox .periodSel ul li.on a:after{content:"선택됨"; display:block; position:absolute; top:0; right:0; width:1px; height:1px; overflow:hidden;} /* 2023 모바일 접근성 */

/* 펀드리스트 SR 202505_0175 */
.fdChgList{margin-bottom:18px;}
.fdChgList ul li{margin-top:4px;padding: 16px 16px 12px 16px;border-radius: 8px;box-shadow: -1px 2px 12px 0 rgba(0, 0, 0, 0.08);background: #fff;position: relative;border:1px solid var(--cLine01);}
.fdChgList ul li .label{display: flex;margin-bottom: 4px;}
.fdChgList ul li .label .pos{font-size: 11px;line-height:16px;color:var(--cGreen);font-weight: 600;}
.fdChgList ul li .label .fdRisk{min-height: 16px;}
.fdChgList ul li .label .pos + .fdRisk{margin-left:4px;}
.fdChgList ul li .fdState{display: flex;justify-content: space-between;padding-bottom:14px;border-bottom:1px solid var(--cLine01);}
.fdChgList ul li .fdState .titH5{line-height: 24px;color:var(--cFont01);width:calc(100% - 55px);}
.fdChgList ul li .fdRatioBox,
.fdRatioBox.type02{margin-top:8px;display: flex;}
.fdChgList ul li .fdRatioBox > div,
.fdRatioBox.type02 > div{display: flex;width:65%;justify-content: space-between;align-items: center;position:relative;}
.fdChgList ul li .fdRatioBox > div:first-child{width: calc(35% - 15px);margin-right: 15px;}
.fdChgList ul li .fdRatioBox > div + div{padding-lefT:15px;}
.fdChgList ul li .fdRatioBox > div + div::before{content:'';position: absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:var(--cLine03);}
.fdChgList ul li .fdRatioBox > div p,
.fdRatioBox.type02 > div p{font-size:12px;color:var(--cFont03);}
.fdChgList ul li .fdRatioBox > div div{font-size:12px;line-height: 20px;color:var(--cFont02);}
.fdChgList ul li .fdRatioBox > div div span{font-size:16px;line-height: 20px;color:var(--cFont02);}
.fdChgList ul li .fdRatioBox > div.under > p,
.fdRatioBox.type02 > div.under > p{font-size:13px;line-height: 24px;color:var(--cFont01);font-weight: 600;}
.fdChgList ul li .fdRatioBox > div.under > div,
.fdRatioBox.type02 > div.under > div{width:128px;border-radius: 4px;box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.16);background-color: #fffeee;height:24px;text-align: right;}
.fdChgList ul li .fdRatioBox > div.under > div a{color:var(--cNavy);line-height: 24px;font-size:14px;font-weight: 500;display: block;padding-right:8px;}
.fdChgList ul li .fdRatioBox > div.under > div a span{font-weight: 700;color:var(--cNavy);font-size:18px;line-height: 24px;display: inline-block;}
.fdChgList ul li .fdRatioBox > div .btnSet{color:#2c333b;text-decoration: underline;}
.fdRatioBox.type02 > div.under{width:100%;}
.fdRatioBox.type02 > div.under > div{width: calc(100% - 60px); padding-right: 8px; line-height: 24px;}
.fdRatioBox.type02 > div.under > div input{width:85%; padding:0; height: 100%; line-height: 24px; background: transparent; border-bottom: none; text-align: right; font-size: 16px; font-weight: 700; color: var(--colorNavy);}
.fdRatioBox.type02 > div.under > div input::placeholder{text-align:right;}

.fdChgList.ty02 ul li .fdRatioBox{flex-wrap: wrap;justify-content: end;}
.fdChgList.ty02 ul li .fdRatioBox > div{width:65%;}
.fdChgList.ty02 ul li .fdRatioBox > div:first-child{width: calc(35% - 15px);}
.fdChgList.ty02 ul li .fdRatioBox > div.chgSum{width:65%;padding-right: 8px;margin-top:4px;}
.fdChgList.ty02 ul li .fdRatioBox > div + div.chgSum::before{content:none;}
.fdChgList.ty02 ul li .fdRatioBox > div div{font-size:12px;}
.fdChgList.ty02 ul li .fdRatioBox > div div span{font-size:16px;}
.fdChgList.ty02 ul li .fdRatioBox > div .btnSet{font-size:14px;}
.fdChgList.ty02 ul li .fdRatioBox > div.under div span{font-size:18px;}

.fdChgList.ty03 ul li .fdRatioBox{flex-wrap: wrap;}
.fdChgList.ty03 ul li .fdRatioBox > div{width:100%;margin-right: 0;}
.fdChgList.ty03 ul li .fdRatioBox > div + div.addFund::before{content:none;}

.fdChgList.ty03 ul li .fdRatioBox > div div{font-size: 12px;}
.fdChgList.ty03 ul li .fdRatioBox > div div span{font-size: 16px;}
.fdChgList.ty03 .addFund{width:100%;padding-left:0;display: block;}
.fdChgList.ty03 .btnAddFd{width:100%;height:40px;border-radius: 8px;border: solid 1px var(--cGreen);background-color: #fff;text-align: center;}
.fdChgList.ty03 .btnAddFd span{font-size:14px !important;line-height: 40px;color:var(--cGreen);font-weight:600;padding-left:28px;background:url('/images/va/ico_plus03.png')no-repeat left center;background-size: 20px 20px;display: inline-block;}

.fdChgList li.sel{border: 1px solid #abb2bb;}

.fdChgList .fdMoveList{width:100%;position: relative;margin-top:8px;}
/* .fdChgList .fdMoveList::before{content:'';position: absolute;bottom:-10px;left:0;background: #f6f8f9;width:100%;height:10px;border-radius: 0 0 8px 8px;} */
.fdChgList .fdMoveList li{box-shadow: none;border-radius: 0;background: none;background: #f6f8f9;margin-top:0;padding:15px 15px 10px 15px;position: relative;border:0;}
.fdChgList .fdMoveList li::before{content:'';position: absolute;left:10px;top:12px;border:1px solid #abb2bb;border-width: 0 0 1px 1px;width:7px;height: 34px;}
.fdChgList .fdMoveList li:last-child{border-radius: 0 0 8px 8px;padding-bottom:15px;}
.fdChgList .fdMoveList ul li + li:after{content:'';position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px dashed #ccc;}
.fdChgList .fdMoveList ul li .label,
.fdChgList .fdMoveList ul li .fdState,
.fdChgList .fdMoveList ul li .fdRatioBox{padding-left:8px;}
.fdChgList .fdMoveList ul li .fdState{border-bottom: 0;padding-bottom:8px;}
.fdChgList .fdMoveList ul li .fdRatioBox{margin-top:0;justify-content: start;}
.fdChgList .fdMoveList ul li .fdRatioBox > div{justify-content: space-between !important;}
.fdChgList .fdMoveList ul li .fdRatioBox > div div{font-size:12px;width:calc(100% - 60px);color:var(--colorNavy);}
.fdChgList .fdMoveList ul li .fdRatioBox > div.under > div span{font-size: 16px;font-weight: 700;color:var(--colorNavy);}
.fdChgList .fdMoveList ul li .fdRatioBox > div .btnSet{font-size:14px;}
.fdChgList .fdMoveList .btnFdDel a{right:15px;}

.fdChgList .fdMoveList ul li .label .pos{color:#0a7f7a;}


.fdChgList .fdListMore a{width:40px;height:40px;border-radius: 50%;  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);display: block;margin:0 auto;margin-top:12px;background:var(--cGreen) url('/images/va/ico_plus01.png')no-repeat center center;background-size:20px 20px;}
.fdChgList .fdListMore.btn a{width:100%;height:48px;  border-radius: 8px;border: solid 1px var(--cGreen);background-color: #fff;text-align: center;}
.fdChgList .fdListMore.btn a span{font-size:16px;line-height: 48px;color:var(--cGreen);font-weight:600;padding-left:28px;background:url('/images/va/ico_plus03.png')no-repeat left center;background-size: 20px 20px;display: inline-block;}
.fdChgList .addFd{border:1px solid #abb2bb;}
.fdChgList .btnFdDel a{position: absolute;display:block;right:12px;top:12px;width:16px;height:16px;background: url('/images/va/ico_close.png')no-repeat 0 0;background-size: 16px auto;}
.fdChgList .btnFdDel a span{display: inline-block;text-indent: -99999px;}

.fdSortBox + .fdChgList{margin-bottom:0;}

/* fixed 펀드 변경 시뮬레이션 */
.fixSimul{width:100%;height:calc(100% - 48px);background: var(--colorHotPink);position:fixed;bottom:calc(160px - 100%);left:0;transition:all 1s;z-index: 400;}
.fixSimul.active{animation:simulBounce 1s ease-in Infinite Alternate;}
.fixSimul.on{height:calc(100% - 48px);bottom:0;background: var(--colorWhite);}
.simulWrap{height:100%;}
.fixSimul .simulWrap .simulTop{height:60px;color:#fff;text-align: center;}
.fixSimul.on .simulWrap .simulTop{color:var(--colorBlack);}
.simulWrap .simulCon{height:100%;overflow-y: scroll;text-align: center;padding-top:30px;}

@-webkit-keyframes simulBounce {
  0% {
    height:calc(100% - 48px);
  }
  100% {
    height:calc(100% - 68px);
  }
}


/* fixed 시뮬레이션 보기 */
.popBubble{display: none;}
.confirm .popBubble{position: absolute;width:100%;display: flex;justify-content: space-between;}
.confirm .popBubble.simul{top:-16px;animation:upArrow 2.5s linear infinite;z-index: 401;width:calc(100% - 32px);padding:7px 16px;background:#2c333b;border-radius: 16px;left:16px;}
.confirm .popBubble p{position:relative;color:#fff;font-size:13px;font-weight: 400;line-height: 18px;}
.confirm .popBubble p span{font-weight: 700;color: #fff;}
.confirm .popBubble .btnDialogOpen{font-size:13px;line-height: 18px;color:var(--cMintL);font-weight: 600;padding-right:16px;background:url('/images/va/ico_arr_r02.png')no-repeat right center;background-size: 12px 12px;}
.confirm .popBubble .btnDialogOpen span{color:var(--cMintL);}
.confirm .popBubble.simul::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: #2c333b;z-index: -1;border-radius: 16px;}
.confirm .popBubble.simul::before{content:'';position: absolute;left:50%;bottom:-15px;margin-left:-5px;border-style:solid;border-width:8px 5px;border-color:#2c333b #fff #fff #fff;z-index: -2;}

/* .simulBtnArea{position: fixed;bottom:60px;left:0;width:100%;height:20px;background: url('/images/va/bg_btn_Simul.png')no-repeat center top;background-size:60px 20px;z-index: 402;}
.fixRatioAll .simulBtnArea{bottom:80px;}
.simulBtnArea a{position:relative;display: block;margin:0 auto;width:20px;height:20px;background: url('/images/va/ico_arr_t02.png')no-repeat center center;background-size:8px 10px;animation:upArrow 2.5s linear infinite;}
.simulBtnArea a::before{content:'';position:absolute;width:8px;height:10px;left:50%;top:50%;margin-left:-4px;margin-top:-5px;background: url('/images/va/ico_arr_t02.png')no-repeat center center;background-size:8px 10px;animation:upArrow02 1.5s linear infinite alternate;overflow: hidden;opacity: 0;}
.simulBtnArea a span{display:block;text-indent: -99999px;} */

@keyframes upArrow {
	0% { transform: translateY(0px); }
	10% { transform: translateY(-2px); }
	20% { transform: translateY(0px); }
	30% { transform: translateY(-2px); }
	40% { transform: translateY(0px); }
	100% { transform: translateY(0px); }
}


/* fixed 펀드 비율 변경 */
.fixChgRatio{position:fixed;bottom:0;left:0;width:100%;height:126px;border-radius: 16px 16px 0 0;z-index: 401;transition:all 0.6s;  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.12);background: #fff;}
.fixChgRatio.confirm{height:126px;}
.fixChgRatio.line02{height:150px;}
.fixChgRatio.line02.confirm{height:150px;}
/* .fixChgRatio.all{height:100px;}
.fixChgRatio.down{bottom:-80px;} */
.fixChgRatio div{text-align: center;color:#fff;}
.fixChgRatio .ratioCon{height: 100%;padding:32px 20px 24px 20px;}
.fixChgRatio.confirm .ratioCon{padding:32px 20px 24px 20px;}

/* .fixChgRatio.all .ratioCon{height:64px;}
.fixChgRatio.all .ratioCheck{height:36px;} */
.fixChgRatio .ratioCon .ratioData{width:100%;}
.fixChgRatio .ratioCon .ratioData > div{display: flex;color:var(--cFont02);justify-content: space-between;}
.fixChgRatio .ratioCon .ratioData > div > p{font-size:13px;line-height: 24px;font-weight: 500;}

/* 수정전 */
.fixChgRatio.rmd .ratioCon .ratioData > div > p{width:85px;text-align: left;}
.fixChgRatio .ratioCon .ratioData > div > div{display: flex;}
.fixChgRatio.rmd .ratioCon .ratioData > div > div{width:calc(100% - 85px);justify-content: end;}
.fixChgRatio.rmd .ratioCon .ratioData > div > div p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
/* 수정전 */

.fixChgRatio .ratioCon .ratioData > div > div p{font-size:12px;line-height: 24px;color:var(--cFont02);}
.fixChgRatio .ratioCon .ratioData > div > div p + p{margin-left:3px;}
.fixChgRatio .ratioCon .ratioData > div > div p:first-child,
.fixChgRatio .ratioCon .ratioData > div > div p:first-child span{color:var(--cHotPink);font-size:14px;}
.fixChgRatio .ratioCon .ratioData > div > div p.colorMint:first-child,
.fixChgRatio .ratioCon .ratioData > div > div p.colorMint:first-child span{color:var(--cGreen);}
.fixChgRatio.confirm .ratioCon .ratioData > div > div p:first-child,
.fixChgRatio.confirm .ratioCon .ratioData > div > div p:first-child span{color:var(--cGreen);}
.fixChgRatio .ratioCon .ratioData > div > div p:first-child span{font-size: 18px;font-weight: 700;}
.fixChgRatio.rmd .ratioCon .ratioData > div > div p:first-child span{font-size:16px;font-weight: 600;}
/* .fixChgRatio .ratioCon .ratioData > div.perData > div p:first-child span{font-size:18px;} */
.fixChgRatio .ratioCon .btnChange{display: none;}
.fixChgRatio .ratioCon .btnChange{margin-top:8px;display: block;}
.fixChgRatio .ratioCon .btnChange a{width:100%;height:48px;display:block;border-radius: 24px;background-color: #ade6e2;color:#fff;font-size:16px;font-weight: 700;}
.fixChgRatio .ratioCon .btnChange a span{line-height: 48px;color:#fff;font-weight: 700;}
.fixChgRatio.confirm .ratioCon .btnChange a{background-color: var(--cGreen);}
.fixChgRatio.confirm .ratioCon .btnChange a span{line-height: 48px;color:#fff;font-weight: 700;}

/* 수정전 */
/* .fixChgRatio .ratioCon .btnChange.disabled a{background-color: rgba(255,255,255,0.48);color:#31334b;} */
.fixChgRatio .ratioCheck{position:relative;padding:0 24px;text-align: right;}
.fixChgRatio .ratioCheck input[type="checkbox"] {position:absolute;top:0;left:0;width:26px;height:26px;padding-top:4px;}
.fixChgRatio .ratioCheck label {padding-left:28px;line-height:20px;cursor:pointer}
.fixChgRatio .ratioCheck input[type="checkbox"] + label{color:#ccc;}
.fixChgRatio .ratioCheck label:before {content:"";position:absolute;top:50%;margin-top:-10px;left:0;display:block;width:20px;height:20px;line-height:20px;border:1px solid #dbdbdb;border-radius: 50%;box-sizing: border-box;background: url('/images/va/ico_chk02.png')no-repeat center center;background-size: 10px 8px;}
.fixChgRatio .ratioCheck input[type=checkbox]:checked + label:before {content:"";border-color:var(--colorMint);font-weight: 400;font-size:14px;background:var(--colorMint) url('/images/va/ico_check02.png')no-repeat center center;background-size: 10px 8px;}
/* 수정전 */


.myInsBox + .conWrap{padding-top:120px;}
.myInsBox + .conWrap.brd8{padding-top:128px;}
.myInsBox + .conWrap.brd8::before{content:'';position: absolute;top:120px;width:100%;left:0;height:8px;background:#f4f6f8;}

/* 펀드변경-적립액이전 */
.dbtBox{display: flex;justify-content: space-between;align-items: center;}
.dbtBox .tabBtnBox{border-radius: 6px;background-color: #f0f4f7;padding:4px;}
.dbtBox .tabBtnBox .btnTabSm{width:32px;height:24px;font-weight: 600;font-size:13px;color:#7a8694;}
.dbtBox .tabBtnBox .btnTabSm.active{border-radius: 4px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);background-color: #fff;color:#2c333b;}
.chgApplyTxt{font-size:13px;color:var(--cFont02);font-weight: 500;}
.chgApplyTxt span{font-weight: 400;color:var(--cFont03);}

.infoText{padding-left:20px;background: url('/images/va/ico_info.png')no-repeat left 0;background-size: 16px auto;font-size: 12px;line-height: 16px;color:var(--cFont02);}
.infoText.brd{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--cLine02);}
.tabBubble{position:relative;padding:9px 12px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);border: solid 1px var(--cLine01);border-radius: 24px;}
.tabBubble::after{content:"";z-index:2;position:absolute;left:20px;top:-10px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #fff;transform:rotate(180deg)}
.tabBubble::before{content:"";z-index:-2;position:absolute;left:20px;top:-11px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--cLine03);transform:rotate(180deg)}
.tabBubble.bbR::after{left:auto;right:20px;}
.tabBubble.bbR::before{left:auto;right:20px;}
.tabBubble .infoText{font-size:13px;color:var(--cFont02);line-height: 16px;}

.tabPanel{display: none;}
.tabPanel.active{display: block;}

/* 투입비율변경 - 펀드변경확인 */
.chgTblList table{width: 100%;;}
.chgTblList thead{background-color: var(--cBG02);}
.chgTblList thead th{padding:9px 4px;font-size:13px;line-height: 18px;color:var(--cFont02);font-weight: 600;text-align: center;vertical-align: middle;}
.chgTblList thead th .subT{font-size:11px;font-weight: 400;color:var(--cFont03);}
.chgTblList thead th:first-child{border-radius: 8px 0 0 8px;padding-left: 16px;}
.chgTblList thead th:last-child{border-radius: 0 8px 8px 0;padding-right: 16px;}
.chgTblList tbody td{vertical-align: top;font-size:16px;line-height: 20px;}
.chgTblList tbody td div{margin:2px 0;height:64px;position: relative;border-top:1px solid var(--cLine01);border-bottom:1px solid var(--cLine01);padding:0 4px;}
.chgTblList tbody td:first-child div{border-radius: 8px 0 0 8px;padding-left:16px;border-left:1px solid var(--cLine01);justify-content: start;}
.chgTblList tbody tr:first-child td div{margin-top:4px;}
.chgTblList tbody td:last-child div{border-radius: 0 8px 8px 0;border-right:1px solid var(--cLine01);}
.chgTblList tbody td div{display: flex;align-items: center;justify-content: center;}
.chgTblList tbody td:first-child{color:var(--cFont02);font-weight: 600;font-size:14px;line-height:1.43;}
.chgTblList tbody td:first-child p{color:var(--cFont02);}
.chgTblList tbody td:first-child span{font-size:11px;color:var(--cGreen);vertical-align: middle;line-height: 20px;}
.chgTblList tbody td:last-child span{font-weight: 700;}
.chgTblList tbody td:last-child{color:var(--cFont01);}
.chgTblList tbody td:nth-child(2),
.chgTblList tbody td:nth-child(2) div,
.chgTblList tbody td:nth-child(2) p,
.chgTblList tbody td:nth-child(2) span{color:var(--cFont02);}
.chgTblList.ty02 thead th,
.chgTblList.ty03 thead th{text-align: right;}
.chgTblList.ty02 thead th:first-child,
.chgTblList.ty03 thead th:first-child{text-align: center;}
.chgTblList.ty02 tbody td,
.chgTblList.ty03 tbody td{font-size: 13px;line-height: 20px;}
.chgTblList.ty02 tbody td:last-child,
.chgTblList.ty03 tbody td:last-child{font-size: 14px;}
.chgTblList.ty02 tbody td:last-child div,
.chgTblList.ty03 tbody td:last-child div{padding-right: 16px;}
.chgTblList.ty02 tbody td div,
.chgTblList.ty03 tbody td div{justify-content: end;}
.chgTblList.ty02 tbody td:first-child div,
.chgTblList.ty03 tbody td:first-child div{justify-content: start;}
.chgTblList.ty03 tbody td div{flex-wrap: wrap;text-align: right;}
.chgTblList.ty03 tbody td div > p{width: 100%;place-self:start;line-height: 1;}
.chgTblList.ty03 tbody td:first-child div{text-align: left;}
.chgTblList.ty03 tbody td div > p:first-child{font-size:14px;place-self:end;margin-bottom:6px;}
.chgTblList.ty03 tbody td:last-child div > p:first-child{font-size:16px;}
.chgTblList.ty03 tbody td:first-child div > p{place-self:center;margin-bottom:0;line-height: 1.4;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.chgTblList.ty04 tbody td {font-size: 16px;line-height: 20px;}
.chgTblList.ty04 tbody td:first-child{font-size: 14px;line-height: 20px;}
.chgTblList.ty04 tbody td:last-child{font-size: 18px;line-height: 24px;}

.dottedList{border-bottom:1px solid var(--cLine01);padding-bottom:14px;}
.dottedList.bdbNone {border-bottom: none;}
.dottedList li{padding-left:9px;position: relative;font-size:12px;line-height: 16px;color:var(--cFont02);}
.dottedList li::before{content:'';position: absolute;left:0;top:6px;width:3px;height:3px; background-color: var(--cFont02);border-radius: 50%;}
.dottedList li + li{margin-top:4px;}
.dottedList li > strong, .dottedList li > span{color:var(--cFont02);}

.fixRatioConfirm{position: fixed;width:100%;left:0;bottom:0;padding:24px 20px;text-align: center;  box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.08);background-color: #fff;z-index: 10;}
.fixRatioConfirm .desc{font-size:14px;line-height: 20px;color:var(--cFont01);}
.fixRatioConfirm .title{color:var(--cGreen);}
.fixRatioConfirm .buttonWrap{display: flex;justify-content: space-between;}
.fixRatioConfirm .buttonWrap button + button{margin-left:8px;}
.fixRatioConfirm .btnCancel{border-radius: 24px;background-color: #f4f6f8;flex-grow: 1;height:48px;font-size: 16px;color:var(--colorNavy);font-weight: 600;}
.fixRatioConfirm .btnConfirm{border-radius: 24px;background-color: var(--cGreen);flex-grow: 2;height:48px;font-size: 16px;background:var(--cGreen);font-weight: 700;color:#fff;}

.dialog.full .fixRatioConfirm {bottom:-100vh;transition: all 1s;}
.dialog.full.active .fixRatioConfirm {bottom:0;}


/* 펀드변경-방식선택  */
.myInsBox + .chgSelectWay {box-sizing:border-box;}
.myInsBox + .chgSelectWay + .titH2 {font-weight: 400;color:#2c333b;}

.selectWayList {display: flex;flex-wrap: wrap;margin-top: 16px;}
.selectWayList > li > a {display:flex; box-sizing: border-box; padding:24px 16px 88px 20px; height: 100%; border-radius: 16px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);background-color: #fff;position: relative;}
.selectWayList > li.way03 > a{padding:32px 20px;}
.selectWayList > li > a > dl::before {display: block; content: ''; }
.selectWayList > li > a > dl dt {display: flex; align-items: center; font-size:18px;line-height: 24px;color:var(--cFont01);font-weight: 700; margin-bottom: 8px;flex-wrap: wrap;}
.selectWayList > li > a > dl dt::after {display: block; content: ''; width: 16px; height:16px; margin-left: 2px; background:url('/images/va/ico_arr_r01.png')no-repeat 0 center;background-size: 16px;}
.selectWayList > li > a > dl dt p{width:100%;}
.selectWayList > li > a > dl dt span{font-size:14px;font-weight: 600;}
.selectWayList > li > a > dl dd {font-size: 14px;line-height: 20px;color: var(--cFont02);font-weight: 300;word-break: keep-all;}
.selectWayList > li.way01, 
.selectWayList > li.way02 {flex:1 1 50%;margin-bottom: 12px;}
.selectWayList > li.way01 {padding-right:6px;} 
.selectWayList > li.way02 {padding-left:6px;}
.selectWayList > li.way03 {flex:1 1 100%;}
.selectWayList > li .iconBox{width:80px;height:72px;position:absolute;right:16px;bottom:16px;}
.selectWayList > li.way03 .iconBox{width:128px;height:128px;right:32px;top:16px;}
.selectWayList > li.way01 .iconBox .el01{position:absolute;background:url('/images/va/img_selWay_list01_1.png')no-repeat 0 0;background-size:28px 28px;width:28px;height:28px;left:7px;bottom:8px;}
.selectWayList > li.way01 .iconBox .el02{position:absolute;background:url('/images/va/img_selWay_list01_2.png')no-repeat 0 0;background-size:44px 60px;width:44px;height:60px;left:20px;top:6px;}
.selectWayList > li.way01 .iconBox .el03{position:absolute;background:url('/images/va/img_selWay_list01_3.png')no-repeat 0 0;background-size:36px 36px;width:36px;height:36px;right:0;bottom:6px;}
.selectWayList > li.way02 .iconBox .el01{position:absolute;background:url('/images/va/img_selWay_list02_1.png')no-repeat 0 0;background-size:80px 30px;width:80px;height:30px;left:0;bottom:6px;}
.selectWayList > li.way02 .iconBox .el02{position:absolute;background:url('/images/va/img_selWay_list02_2.png')no-repeat 0 0;background-size:32px 32px;width:32px;height:32px;right:4px;top:0;}
.selectWayList > li.way03 .iconBox .el01{position:absolute;background:url('/images/va/img_selWay_list03_1.png')no-repeat 0 0;background-size:78px 88px;width:78px;height:88px;left:23px;bottom:10px;}
.selectWayList > li.way03 .iconBox .el02{position:absolute;background:url('/images/va/img_selWay_list03_2.png')no-repeat 0 0;background-size:52px 52px;width:52px;height:52px;right:9px;bottom:10px;}
.selectWayList > li.way03 .iconBox .el03{position:absolute;background:url('/images/va/img_selWay_list03_3.png')no-repeat 0 0;background-size:9px 10px;width:9px;height:10px;right:28px;top:6px;}
.selectWayList > li.way03 .iconBox .el04{position:absolute;background:url('/images/va/img_selWay_list03_4.png')no-repeat 0 0;background-size:4px 4px;width:4px;height:4px;right:20px;top:18px;}
.selectWayList > li.way03 .iconBox .el05{position:absolute;background:url('/images/va/img_selWay_list03_5.png')no-repeat 0 0;background-size:16px 16px;width:16px;height:16px;right:4px;top:28px;}
.selectWayList > li.way03 .iconBox .el06{position:absolute;background:url('/images/va/img_selWay_list03_6.png')no-repeat 0 0;background-size:10px 10px;width:10px;height:10px;left:4px;bottom:30px;}
.selectWayList > li.way03 .iconBox .el07{position:absolute;background:url('/images/va/img_selWay_list03_7.png')no-repeat 0 0;background-size:6px 6px;width:6px;height:6px;left:19px;bottom:18px;}

.chgSelectWay .noteList{width: calc(100% + 32px);margin-left:-16px;background: #fff;padding:0 16px;}
.chgSelectWay .noteList .dottedList{padding-bottom:48px;}





/* .selectWayList > li.way02 .iconBox .el03{position:absolute;background:url('/images/va/img_selWay_list01_3.png')no-repeat 0 0;background-size:36px 36px;width:36px;height:36px;} */



/* .selectWayList > li.way01 > a > dl::before,
.selectWayList > li.way02 > a > dl::before {width:40px;height:40px;margin:28px 0 16px 0}
.selectWayList > li.way01 > a > dl::before {background:url('/images/va/ico_select_way_liist01.png')no-repeat 0 center;background-size: 40px;}
.selectWayList > li.way02 > a > dl::before {background:url('/images/va/ico_select_way_liist02.png')no-repeat 0 center;background-size: 40px;}
.selectWayList > li.way03 > a::after {display: block; content: ''; width:112px;height:112px;background:url('/images/va/ico_select_way_liist03.png')no-repeat 0 center;background-size: 112px;}
.selectWayList > li.way03 > a {height:160px;padding:0 24px; justify-content: space-between;align-items: center;} */
/* 375px 이하 */
@media only screen and (max-width : 375px) {
	.selectWayList > li > a {padding:24px 12px 88px 16px;}
	.selectWayList > li.way03 > a {padding:32px 20px;}
	.selectWayList > li.way03 .iconBox{right:20px;}
}
 
.chgSelectWay .aisdeList {display:flex; box-sizing: border-box; height: 64px; margin-top: 12px; border-radius: 16px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);background-color: #fff;}
.chgSelectWay .aisdeList li {flex: 1 1 auto;display: flex;height:100%;align-items: center; }
.chgSelectWay .aisdeList li:first-child::after {display: block;content: ''; width: 1px; height:16px;background-color: var(--cLine01)}
.chgSelectWay .aisdeList li > a {display: flex;flex: 1 1 auto;box-sizing: border-box;height: 100%; padding:0 20px;align-items: center;}
.chgSelectWay .aisdeList li > a > span {display:flex;flex:1 1 auto;align-items: center;justify-content: space-between; box-sizing: border-box; font-size: 14px;line-height: 20px;color: var(--cFont02);font-weight: 600;}
.chgSelectWay .aisdeList li > a > span::after {display: block;content: '';width: 12px;height:12px;background:url('/images/va/ico_arr_r01.png')no-repeat 0 center;background-size: 12px;}

/* 레이어팝업 공통 */
.dialog{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background:rgba(0,0,0,0.48);z-index: 500;}
.dialog > .content{box-sizing:border-box;padding:0 20px 24px;border-radius:16px;background-color:#fff}
.dialog > .content .title{display:block;font-size:18px;line-height:24px;color:var(--cFont01);font-weight:600;text-align:center}
.dialog > .content .description{font-size:14px;line-height:20px;letter-spacing:-.4px;font-weight: 400; color:var(--cFont02)}
.dialog > .content .description em,
.dialog > .content .title em{font-style:normal;color:var(--cHotPink);font-weight: 600;}
.dialog > .content .title::before{display:block;content:"";width:32px;height:32px;border-radius:100%;margin:0 auto 16px;border:2px solid #666e7a;}
.dialog > .content .title.iconWarning:before{background: url('/images/va/ico_warn.png')no-repeat center;background-size: 20px;}
.dialog > .content .title.iconChk:before{background: url('/images/va/ico_chk.png')no-repeat center;background-size: 20px;}
.dialog > .content .title.iconInform:before{background: url('/images/va/ico_inform.png')no-repeat center;background-size: 20px;}
.dialog > .content .title.iconError:before{background: url('/images/va/ico_error.png')no-repeat center;background-size: 20px;}
.dialog > .content .inner {box-sizing:border-box;margin:32px 0 24px 0;max-height: 368px;overflow-y: auto;}

.dialog > .content .buttonWrap{display:flex;align-items:center;box-sizing:border-box;background-color: #fff;justify-content: space-between;width: 100%;}
.dialog > .content .buttonWrap button{width: 100%;border:none;display:flex;justify-content:center;align-items:center;height:40px;border-radius:8px;font-weight:600;font-size:16px;letter-spacing:-.4px;cursor:pointer;/* margin:0 4px; */} 
.dialog > .content .buttonWrap button + button{margin-left: 8px;}
.dialog > .content .description + .buttonWrap{margin-top:24px}

.dialog > .content .buttonWrap.roundBtnBox button{width:auto;}
.dialog > .content .buttonWrap.roundBtnBox .btnCancel{border-radius: 24px;background-color: var(--cBG01);flex-grow: 1;height:48px;font-size: 16px;color:#666e7a;font-weight: 600;}
.dialog > .content .buttonWrap.roundBtnBox .btnConfirm{border-radius: 24px;background-color: var(--cGreen);flex-grow: 2;height:48px;font-size: 16px;background:var(--cGreen);font-weight: 700;color:#fff;}



.dialog.alert{align-items:center;z-index: 501;}
.dialog.alert > .content{width:calc(100% - 70px);text-align:center}
.dialog.bottom{align-items:flex-end;padding-bottom:26px;}
.dialog.bottom > .content{width:calc(100% - 32px);position: relative;bottom:-100%;transition: all .3s;}
.dialog.bottom > .content .title::before{display: none;}
.dialog.bottom.wFull{padding-bottom: 0;}
.dialog.bottom.wFull > .content{width:100%;border-radius: 16px 16px 0 0;}
.dialog.wFull > .content .inner{max-height:530px;}
.dialog.bottom > .content .inner{margin:24px 0 16px;}
.dialog.full{height:100%;top:auto;bottom:-100vh;background-color: rgba(255,255, 255, 1);display: block;overflow-y: auto;} 

.dialog .btnConfirm{background-color:var(--cGreen);color:#fff}
.dialog .btnCancel{background-color:var(--cBG01);color:#666e7a;}

.textWarning{position:relative;font-size:13px;line-height:18px;color:var(--cHotPink);padding-left:20px;font-weight: 500;}
.textWarning::before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:100%;margin-right:4px;background:url(/images/va/ico_warning_red.png) no-repeat center; background-size:16px}

.vaIns .selectList{display: flex;}
.vaIns .selectList > li{display:flex;align-items:center;position:relative;}
.vaIns .selectList > li > label{display: flex; align-items: center;}
.vaIns .selectList > li > label > div {padding-left:8px; color: var(--cNavy);}
.vaIns .selectList > li > label > div > span{display:block;margin-bottom:8px;font-size:14px;color:var(--cFont02);}
.vaIns .selectList > li > label > div > em{display:block;font-size:16px;font-weight:500;letter-spacing:-.4px;color: var(--cNavy);}
.vaIns .selectList > li > .radio-custom:disabled + label > div,
.vaIns .selectList > li > .radio-custom:disabled + label > div > span,
.vaIns .selectList > li > .radio-custom:disabled + label > div > em {color:var(--cFont02);}
.vaIns .selectList > li > label > div > .textWarning {font-size: 12px;line-height: 16px;}
.vaIns .selectList > li > label > div > .textWarning::before {display: none;}

.dialog .selectList {display:block; padding:40px 0 40px 12px;}
.dialog .selectList > li + li{margin-top:24px}
.dialog .selectList > li > label > div {padding-left:12px}

.dialog.full .titleWrap {position: absolute; left: 0; top:0; height:calc(48px + env(safe-area-inset-top)); display: flex; justify-content: center;width: 100%;text-align: center; background-color: #fff;z-index: 10;padding-top:calc(12px +  env(safe-area-inset-top));}
.dialog.full .btnDialogClose {position:absolute; right:20px; top:calc(12px + env(safe-area-inset-top)); width:24px; height:24px; font:0/0 a; background:url('/images/va/ico_close.png')no-repeat center;background-size: 24px;z-index: 11;}
.dialog.full.fixedTit .titleWrap,
.dialog.full.fixedTit .btnDialogClose{position:fixed;}
.dialog.full > .content{padding: 48px 16px 0 16px;width:100%;padding-top:calc(48px + env(safe-area-inset-top));}
.dialog.full .fundChgList {margin-top: 16px;}
.dialog.full .fundChgList li {border-radius: 16px;border: solid 1px #dbdbdb;background-color: #fefefe;}
.dialog.full .fundChgList li + li {margin-top: 12px;}
.dialog.full .fundChgList li > a {position: relative;display: block; box-sizing: border-box; padding: 20px;outline:none}
.dialog.full .fundChgList li > a::after {position:absolute;content:"";display:block;right:20px;top:20px;width:20px;height:20px;box-sizing:border-box;background: url(/images/va/ico_check.png) no-repeat center;background-size:20px;}
.dialog.full .fundChgList li > a dl dt {margin-bottom:8px;font-size:16px;line-height: 20px; color:var(--cNavy); font-weight: 600;}
.dialog.full .fundChgList li > a dl dd {font-size:14px;line-height: 20px; color:var(--cFont02);}
.dialog.full .fundChgList li.active {border-color: var(--colorMint);}
.dialog.full .fundChgList li.active > a::after{background: url(/images/va/ico_check_active.png) no-repeat center;background-size:20px;}

.dialog .dotsList li {padding:0 12px;}
.dialog .dotsList li + li {margin-top: 12px;}
.dialog .dotsList li p {display: flex;align-items:flex-start;font-size: 14px;line-height: 20px;color:var(--cFont02);}
.dialog .dotsList li p::before {display: inline-block;content: '';width:4px;height:4px;flex:0 0 4px;margin:8px 8px 0 0;background-color: var(--cFont02); border-radius: 100%;}

/* custom radio button */
.vaIns .selectList input[type=radio],
.vaIns .selectList label{display:none;cursor:pointer;}
.vaIns .selectList label{position:relative;}
.vaIns .selectList input[type=radio] + label:after{content:none;}
.vaIns .selectList input[type=radio] + label:before{content:'';background:#fff;border:1px solid var(--cLine02);display:block;width:20px;height:20px;padding:2px;box-sizing:border-box;border-radius:100%}
.vaIns .selectList input[type=radio]:checked + label:before{border:6px solid var(--cGreen)}
.vaIns .selectList input[type=radio]:disabled + label:before{background-color: #f0f4f7;border: 1px solid var(--cLine02);}
.vaIns .selectList input[type=radio]:disabled + label{color: #abb2bb;}
.vaIns .selectList input[type=checkbox] + label, 
.vaIns .selectList input[type=radio] + label {padding-left:0 ;display: flex;align-items: center;color:var(--cNavy);} /* 기존 리셋 */
.vaIns .selectList.ty2{display: block;}
.vaIns .selectList.ty2 input[type=radio] + label:before{margin-right:8px;}

/* custom check button */
.vaIns .selectList input[type=checkbox],
.vaIns .selectList label{display:block;cursor:pointer;}
.vaIns .selectList label{position:relative;padding-left:28px;line-height:20px;cursor:pointer}
.vaIns .selectList input[type=checkbox] + label:before{content:"";display:block;width:20px;height:20px;line-height:20px;border:1px solid var(--cLine02);border-radius: 50%;box-sizing: border-box;background: url('/images/va/ico_chk02.png')no-repeat center center;background-size: 10px 8px;}
.vaIns .selectList input[type=checkbox]:checked + label:before{content:"";border-color:var(--cGreen);font-weight: 400;font-size:14px;background:var(--cGreen) url('/images/va/ico_check02.png')no-repeat center center;background-size: 10px 8px;}
.vaIns .selectList input[type=checkbox]:disabled + label:before{background-color: #f0f4f7;border: 1px solid var(--cLine02);}
.vaIns .selectList input[type=checkbox]:disabled + label{color: #abb2bb;}
.vaIns .selectList.ty2{display: block;}
.vaIns .selectList.ty2 input[type=checkbox] + label:before{margin-right:8px;}

.vaIns #container .selectList input[type=checkbox] + label, 
.vaIns #container .selectList input[type=radio] + label  {padding-left:0 ;display: flex;align-items: center;color:#31334b;} /* 기존 리셋 */


/* 원큐추천펀드변경 */
.rcmFundTab {box-sizing: border-box; width: calc(100% + 32px);margin-left: -16px;margin-top: 5px;}
.rcmFundTab .tabBtnBox {display: flex;box-sizing: border-box;padding:0 16px;border-bottom: 1px solid #e5e5e5;}
.rcmFundTab .tabBtnBox > .btnTabSm {position: relative; display: flex;flex: 1 1 auto;height:50px; justify-content: center; align-items: center;}
.rcmFundTab .tabBtnBox > .btnTabSm > span {display: inline-flex;font-size: 16px;color: #878d95;}
.rcmFundTab .tabBtnBox > .btnTabSm > span::before {display: block;content: '';width: 20px; height: 20px;margin-right: 4px;}
.rcmFundTab .tabBtnBox > .btnTabSm > span.ico_emoji_money::before {background: url(/images/va/ico_emoji_money.png) no-repeat center;background-size: 20px;}
.rcmFundTab .tabBtnBox > .btnTabSm > span.ico_emoji_love::before {background: url(/images/va/ico_emoji_love.png) no-repeat center;background-size: 20px;}
.rcmFundTab .tabBtnBox > .btnTabSm.active::after {display: block;content: '';position: absolute;left: 0; right: 0; bottom: -1px; width: 100%; height:3px;background-color: #31334b;}
.rcmFundTab .tabBtnBox > .btnTabSm.active span {color: #31334b;font-weight: 600;}

.rcmScrollMenu {box-sizing: border-box; width: calc(100% + 32px);margin-left: -16px;}
.rcmScrollMenu .tabBtnBox {display: flex; overflow-x: auto; flex-wrap: nowrap;box-sizing: border-box;padding:20px 0 0 16px;}
.rcmScrollMenu .tabBtnBox::-webkit-scrollbar{display: none;}
.rcmScrollMenu .btnTabSm {flex:0 0 auto;width:auto;height:32px;margin:0 8px 0 0;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;padding:0 24px;border-radius:12px;font-size:14px;color:var(--cFont02);border:1px solid var(--cLine01);}
.rcmScrollMenu .btnTabSm:last-child{margin-right:16px;}
.rcmScrollMenu .btnTabSm.active {color:#fff;font-weight:700;background-color:var(--cGreen);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2)}
.rcmScrollMenu .btnTabSm.active span{color:inherit;}

.rcmMenu {box-sizing: border-box;margin-top: 16px;}
.rcmMenu .tabBtnBox {display: flex;box-sizing: border-box;padding:20px 0; border-top: 1px solid var(--cLine02);}
.rcmMenu .tabBtnBox::-webkit-scrollbar{display: none;}
.rcmMenu .btnTabSm {height:32px;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;border-radius:12px;font-size:14px;color:var(--cFont02);border:1px solid var(--cLine01);width:100%;}
.rcmMenu .btnTabSm + .btnTabSm {margin-left:8px;}

.rcmMenu .btnTabSm.active {color:#fff;font-weight:700;background-color:var(--cGreen);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2)}

.rcmFundCard{position: relative; box-sizing:border-box;padding:32px 24px 24px;border-radius: 16px;}
.rcmFundCard .summary{box-sizing:border-box;padding-bottom:20px;text-align:center;border-bottom:1px dashed var(--cLine03)}
.rcmFundCard .summary .aniBox {position:relative;display:block;width:112px;height:112px;margin:0 auto 16px;border-radius:100%; background-color:#fff;overflow: hidden;}
.rcmFundCard .summary > dl dt{display:inline-block;margin-bottom:12px;position:relative}
.rcmFundCard .summary > dl dt::before{display:block;content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:8px;background-color:var(--cYellow)}
.rcmFundCard .summary > dl dt strong{display:inline-block;position:relative;font-size:18px;line-height:24px;color:var(--cFont01)}
.rcmFundCard .summary > dl dd{font-size:14px;line-height:20px;color:var(--cFont02);text-align:center}
.rcmFundCard.type01 {background-color:#f0f9ff;}
.rcmFundCard.type02 {background-color: #fff9eb;}
.rcmFundCard.type03 {background-color:#fff2f9;}
.rcmFundCard.type01 .summary .aniBox .el01 {position:absolute;left:16px;top:27px; width: 24px; height: 24px; opacity: 0; background:url(/images/va/ico_sun.png) no-repeat center;background-size: 24px; animation: rollBottomRotate 6s ease .8s 1 normal forwards;}
.rcmFundCard.type01 .summary .aniBox .el02 {position:absolute;left:40px;top:27px; width: 52px; height: 44px; opacity:0; background: url(/images/va/ico_parasol.png) no-repeat center;background-size: 52px; animation: slideInTr 1s ease-in-out 0s 1 normal forwards}
.rcmFundCard.type01 .summary .aniBox .el03 {position:absolute;left:0;right:0;bottom:28px;margin:auto; width: 64px; height: 16px; opacity:0;background: url(/images/va/ico_sand.png) no-repeat center;background-size: 64px;  animation: fadeInBottom .8s ease 0s 1 normal forwards;}
.rcmFundCard.type02 .summary .aniBox .el01 {position:absolute;left:0;right:0;bottom:20px;margin:auto; width: 52px; height: 72px; z-index: 5; background:url(/images/va/ico_balloon.png) no-repeat center;background-size: 52px;animation: shakeVertical 10s linear 0s infinite normal none;}
.rcmFundCard.type02 .summary .aniBox .el02 {position:absolute;right:-24px;top:36px; width: 20px; height: 13px; z-index: 4; background:url(/images/va/ico_cloud_back.png) no-repeat center;background-size: 20px; animation: slideLeft 5s linear 0s infinite alternate none;}
.rcmFundCard.type02 .summary .aniBox .el03 {position:absolute;right:-24px;top:55px; width: 20px; height: 13px;z-index: 6; background:url(/images/va/ico_cloud_front.png) no-repeat center;background-size: 24px; animation: slideLeft 6s linear 0s infinite alternate-reverse none;}
.rcmFundCard.type03 .summary .aniBox .el01 {position:absolute;left:0;right:0;bottom:24px;margin:auto; width: 60px; height: 60px; z-index:5; background:url(/images/va/ico_target.png) no-repeat center;background-size: 60px; animation: fadeInBottom .8s ease 0s 1 normal forwards;}
.rcmFundCard.type03 .summary .aniBox .el02 {position:absolute;left:56px;top:24px; width: 36px; height: 36px; opacity:0;z-index:6; background: url(/images/va/ico_arrow.png) no-repeat center;background-size: 36px; animation: slideInTr 1.2s ease-in-out 0s 1 normal forwards}
.rcmFundCard.type03 .summary .aniBox .el03 {position:absolute;left:17px;top:18px; width: 24px; height: 24px; opacity: 0;z-index:4; background:url(/images/va/ico_point.png) no-repeat center;background-size: 24px; animation: scaleUpBlink 4s linear 1s 1 normal forwards;}

.rcmFundCard .fundComp{padding-top:16px}
.rcmFundCard .fundComp .titleWrap{display:flex;justify-content:space-between;align-items:center}
.rcmFundCard .fundComp .titleWrap > strong{font-size:14px;line-height:20px;color:var(--cFont02)}
.rcmFundCard .fundComp .titleWrap .aside{display:flex;align-items:center}
.rcmFundCard .fundComp .titleWrap .aside span{display:block;margin-top:-2px;font-size:12px;line-height:16px;color:var(--cFont03)}
.rcmFundCard .fundComp .titleWrap .aside form{margin-left:8px}

.rcmFundCard .fundComp .fundCompCont{padding-top:12px}
.rcmFundCard .fundComp .fundCompCont ul > li + li{margin-top:8px}
.rcmFundCard .fundComp .fundCompCont.detail {display:none}
.rcmFundCard .fundComp .fundCompCont .fundContBox{display:flex;justify-content:space-between;align-items:center}
.rcmFundCard .fundComp .fundCompCont .fundContBox > div{display:flex;align-items:center;flex:1 1 auto;margin-right:18px}
.rcmFundCard .fundComp .fundCompCont .fundContBox .percent{display:flex;flex:0 0 50px;justify-content:space-between;align-items:center}
.rcmFundCard .fundComp .fundCompCont .fundContBox .percent::after{display:block;content:'';width:1px;height:12px;background-color:var(--cLine02)}
.rcmFundCard .fundComp .fundCompCont .fundContBox .percent span{display:flex;align-items:center;font-size:12px;line-height:20px;color:var(--cFont01)}
.rcmFundCard .fundComp .fundCompCont .fundContBox .percent span::before{margin-right:8px}
.rcmFundCard .fundComp .fundCompCont .fundContBox .percent span strong{font-size:14px}
.rcmFundCard .fundComp .fundCompCont .fundContBox .fundName{padding-left:8px}
.rcmFundCard .fundComp .fundCompCont .fundContBox .fundName a{display:block}
.rcmFundCard .fundComp .fundCompCont .fundContBox .fundName a span{display:flex;align-items:center;font-size:14px;line-height:20px;color:var(--cFont02);font-weight:600}
.rcmFundCard .fundComp .fundCompCont .fundContBox .fundName a span::after{display:block;content:'';width:12px;height:12px;margin-left:4px;background:url(/images/va/ico_arr_r01.png) no-repeat center;background-size:12px}
.rcmFundCard .fundComp .fundCompCont .fundContBox .aside{flex:0 0 auto;margin-right:0}
.rcmFundCard .fundComp .fundCompCont .graphArea{display:flex;flex:1 1 auto;height:24px;box-sizing:border-box;border-radius:4px;overflow:hidden}
.rcmFundCard .fundComp .fundCompCont .graphArea .graphChild{box-sizing:border-box;display:flex;justify-content:flex-end;position: relative;}
.rcmFundCard .fundComp .fundCompCont .graphArea .graphChild::after{display:block;content:'';width:1px;height:100%;background-color:#fff}
.rcmFundCard .fundComp .fundCompCont .graphArea .graphChild:last-child::after{display:none}
.rcmFundCard .fundComp .fundCompCont .graphArea .graphChild span{display:flex;align-items:center;font-size:11px;line-height:18px;color:#fff;position: absolute;right:6px;top:50%;margin-top:-9px;}
.rcmFundCard .fundComp .fundCompCont .graphArea .graphChild span strong{font-size:13px;color:#fff}
.rcmFundCard .fundComp .fundCompCont .graphArea .graphChild::before{content:none;}
.rcmFundCard .fundComp .fundCompCont .earningRateTableHeader{display:flex;box-sizing:border-box;justify-content:center;align-items:center;height:24px;padding:4px;margin-top:12px;border-radius:4px;background-color:#fff}
.rcmFundCard .fundComp .fundCompCont .earningRateTableHeader::before{display:block;content:'';width:50px;height:100%}
.rcmFundCard .fundComp .fundCompCont .earningRateTableHeader ol{display:flex;flex:1 1 auto;justify-content:space-between}
.rcmFundCard .fundComp .fundCompCont .earningRateTableHeader ol > li{width:48px;text-align:center;font-size:12px;line-height:16px;color:var(--cFont02)}
.rcmFundCard .fundComp .fundCompCont .earningRateTableHeader ol > li > span,
.rcmFundCard .fundComp .fundCompCont .earningRateTableHeader ol > li > strong{color:var(--cFont02)}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dt{padding:12px 0 8px}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd{display:flex;box-sizing:border-box;justify-content:center;align-items:center;height:24px;padding:4px;border-radius:4px;background-color:#fff}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd::before{display:block;content:'';width:50px;height:100%}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol{display:flex;flex:1 1 auto;justify-content:space-between}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li{width:48px;text-align:center;}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li .fdRate{font-size:12px;line-height:16px;font-weight:700;position:relative;color:var(--cFont02)}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li .fdRate::before{content:''}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li .fdRate.up{color:var(--cPlus)}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li .fdRate.down{color:var(--cMinus)}
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li:nth-child(1) .fdRate span,
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li:nth-child(3) .fdRate span,
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li:nth-child(4) .fdRate span,
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li:nth-child(1) .fdRate,
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li:nth-child(3) .fdRate,
.rcmFundCard .fundComp .fundCompCont .earningRateTable dd ol > li:nth-child(4) .fdRate {color: var(--cFont02) !important;}

.rcmFundSwiper .swiper-wrapper .swiper-slide{box-sizing:border-box;padding-right:16px}
.rcmFundSwiper .swiper-pagination{position:initial;display:flex;flex-wrap:wrap;height:auto!important}
.rcmFundSwiper .swiper-pagination-bullet{position:initial!important;width:auto;height:auto;margin:0 12px 8px 0 !important;border:1px solid #e5e5e5!important;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;flex:0 1 auto;padding:0 24px;min-height:32px;border-radius:12px;background:transparent;font-size:14px;color:#4d5967;outline:none!important}
.rcmFundSwiper .swiper-pagination-bullet-active{color:#fff;font-weight:700;background-color:var(--colorLightMint);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2)}
.rcmFundSwiper .swiper-pagination-bullet-active span {color:#fff}
.rcmFundSwiper .swiper-pagination-bullet-active:focus{outline:none!important}
.rcmFundSwiper .swiper-pagination-bullet:last-child{margin-right:0!important}

/* 타이틀 옆에 버튼이나 설명글 등 붙을 경우 */
.titleWrap.wAside{display:flex;justify-content:space-between;align-items:center}
.titleWrap.wAside .aside .btnTextBoxWarn{display:flex;width:100%;justify-content:center;align-items:center;height:32px;box-sizing:border-box;padding:0 12px;border-radius:8px;background-color:#f4f6f8}
.titleWrap.wAside .aside .btnTextBoxWarn > span{font-size:12px;display:inline-flex;align-items:center;color:#666e7a;font-weight:600}
.titleWrap.wAside .aside .btnTextBoxWarn > span::before{display:block;content:'';width:16px;height:16px;margin-right:5px;border-radius:100%;background:url(/images/va/ico_q.png) no-repeat center;background-size:16px}

.qBox .btnTextBoxWarn{display:flex;width:100%;align-items:center;height:40px;box-sizing:border-box;padding:0 12px;border-radius:8px;background:url('/images/va/ico_arr_r01.png')no-repeat right 16px center;background-color:var(--cBG02);background-size:12px 12px;}
.qBox .btnTextBoxWarn > span{font-size:13px;display:inline-flex;align-items:center;color:var(--cFont02);}
.qBox .btnTextBoxWarn > span::before{display:block;content:'';width:16px;height:16px;margin-right:5px;border-radius:100%;background:url(/images/va/ico_q_02.png) no-repeat center;background-size:16px}




.vaIns #container .toggleSwitch {margin-left: 8px;box-sizing: border-box;}
.vaIns #container .toggleSwitch input[type=checkbox] + label{display:block;position:relative;width:32px;min-height:12px;height:12px;font:0/0 a;background:rgba(0,0,0,0.12);border-radius:6px;cursor:pointer;color:var(--cFont01);}
.vaIns #container .toggleSwitch input[type=checkbox] + label:after{content:'';position:absolute;top:-2px !important;left:0;border-radius:100%;width:16px;height:16px;transition:.2s;box-shadow:0 2px 2px 0 rgba(0,0,0,0.08);background-color:#fff;}
.vaIns #container .toggleSwitch input[type=checkbox]:checked + label{background:var(--cGreen);}
.vaIns #container .toggleSwitch input[type=checkbox]:checked + label:after{left:0;transform:translateX(100%);}

/* 원큐 운용리포트 */
.myInsBox.noFixed{position:initial;border-bottom:none;padding:0}
.viewTblTitle{display:flex;justify-content:space-between;align-items:flex-end}
.viewTblTitle .aside span{font-size:12px;line-height:16px;color:var(--cFont03)}
.viewTblTitle .aside .date {font-size:12px;line-height:18px;color:var(--cFont03); }
.viewTblTitle .aside .date > em {color: var(--cFont02);font-weight: 500;}
.viewTblDetail{padding:20px 4px;border-top:1px solid #878d95;border-bottom:1px solid var(--cLine02);}
.viewTblDetail .bgGraySub {padding:12px 16px;margin-top: 8px; background-color: var(--cBG01);}
.viewTblDetail .bgGraySub .sub {margin-top: 0;padding:0;}
.viewTblDetail .bgGraySub + dl {margin-top: 16px;}

.viewTblDetail dl.ddFull {flex-wrap: wrap;}
.viewTblDetail dl.ddFull .subList {padding:12px;margin-bottom: 0;}
.viewTblDetail dl.ddFull .subList li {text-align:left; font-size: 14px; line-height: 20px; color:var(--cFont02);font-weight: 500;}
.viewTblDetail dl.ddFull .subList li + li {margin-top: 4px;}


.viewTblDetail dl{display:flex;justify-content:space-between;align-items:flex-start}
.viewTblDetail dl + dl{margin-top:16px}
.viewTblDetail dl dt{flex:0 1 120px;margin-right:24px;font-size:14px;line-height:20px;letter-spacing:-.6px;color:var(--cFont02);}
.viewTblDetail dl dd{flex:1 1 auto;text-align:right;font-size:16px;line-height:20px;color:var(--cFont02);}
.viewTblDetail dl dd em{font-weight:600;color:var(--cFont01);}
.viewTblDetail dl dd span{font-size:14px;color: var(--cFont02);}
.viewTblDetail dl.total dd span{font-size:14px;color: var(--cFont02);}
.viewTblDetail dl dd .fdRate {font-size:14px;}
.viewTblDetail dl dd .fdRate::before {content: '';}
.viewTblDetail dl dd .fdRate span {font-size:16px;color: var(--cFont01);}
.viewTblDetail dl dd .fdRate.up span {color:var(--cPlus)}
.viewTblDetail dl dd .fdRate.down span {color:var(--cMinus)}
.viewTblDetail .sub{margin-top:8px;padding:0 12px}
.viewTblDetail .sub + dl{margin-top:8px}
.viewTblDetail .sub dt{font-size:13px;display:inline-flex;align-items:center}
.viewTblDetail .sub dt::before{display:block;content:'';width:5px;height:5px;margin:-5px 2px 0 0;border:1px solid var(--cFont02);border-width:0 0 1px 1px}
.viewTblDetail .sub dd {font-size: 14px;}
.viewTblDetail .sub dd > span {font-size: 13px;}
.viewTblDetail .sub dd .fdRate span {font-size: 14px;}

.viewTblDetail .myInsu{margin-top:-4px;margin-bottom:12px;padding:0 8px;}
.viewTblDetail .myInsu .myInsNum{font-size:12px;line-height:16px;color:var(--cFont03);}
.viewTblDetail .myInsu .myInsName{margin-top:4px}
.viewTblDetail .myInsu .myInsName p{font-size:16px;line-height:20px;color:var(--cFont01);font-weight:600}
.viewTblDetail .bgGray{padding:16px;margin-bottom:-20px}

.viewTblDetail.smaller {padding:20px 0}
.viewTblDetail.smaller dl dt {font-size: 13px;color: var(--cFont02);}
.viewTblDetail.smaller dl.ddFull dt{flex:0 1 100%;margin-right:0;}
.viewTblDetail.smaller dl dd {font-size: 14px;color: var(--cFont02);}
.viewTblDetail.smaller dl dd em {color: var(--cFont01);font-weight: 600;}
.viewTblDetail.smaller dl dd > span {font-size: 13px;color: var(--cFont02);}
.viewTblDetail.smaller dl + dl{margin-top:12px}


.viewTblDetail.ty02 {padding:16px 0} 
.viewTblDetail.ty02 dl + dl{margin-top:12px}
.viewTblDetail.ty02 .bgGray{padding:16px;margin-bottom:-16px}

.viewTblDetail.ty03{border-bottom:none;}
.viewTblDetail.ty03 dl.line{margin-top:20px;padding-top:20px;border-top:1px solid var(--cLine02);}
.viewTblDetail.ty03 dl.line:first-child{border-top:none;margin-top:0;padding-top:0;}

.chartWrap {position:relative;width:100%;box-sizing: border-box;padding:32px 20px 32px 12px;border-radius:16px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.08);background-color:#fff;}
.chartWrap.ty02 {padding:32px 20px 32px 4px;}

.oneQAcd{padding-top:24px}
.oneQAcd > ul > li + li{margin-top:8px}
.oneQAcd > ul > li{position:relative;box-sizing:border-box;padding:20px;border-radius:8px;border:solid 1px var(--cLine02);background-color:#fff}
.oneQAcd .toggleBtn{display:block;position:absolute;right:10px;top:10px;width:44px;height:44px;transition:all .4s;font:0/0 a;color: transparent;background:url(/images/va/btn_down.png) no-repeat center;background-size:24px;outline:none}
.oneQAcd .active .toggleBtn{transform:rotate(180deg)}
.oneQAcd .fdChgList{margin-bottom:0}
.oneQAcd .fdChgList ul li{margin-top:0;padding:0;border-radius:0;box-shadow:none;border:0;}
.oneQAcd .fdChgList ul li .fdState{border-bottom:none;width:calc(100% - 56px)}
.oneQAcd .fdChgList ul li .fdState > div{width:100%}
.oneQAcd .fdChgList ul li .fdState > div a{width:100%;display:flex}
.oneQAcd .fdChgList ul li .fdState > div a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.oneQAcd .fdChgList ul li .label{display:flex;margin-bottom:4px}
.oneQAcd .fdChgList ul li .label span{font-size:11px;font-weight:600;color:var(--cFont03);}
.oneQAcd .fdChgList ul li .fdRatioBox{margin-top:0}
.oneQAcd .fdChgList ul li .fdRatioBox > div div{font-size:12px;line-height:24px;color:var(--cFont01)}
.oneQAcd .fdChgList ul li .fdRatioBox > div div span{font-size:16px;color:var(--cFont01)}
.oneQAcd .fdChgList ul li .fdRatioBox .fdRate.up span{color:var(--cPlus)!important}
.oneQAcd .fdChgList ul li .fdRatioBox .fdRate.down span{color:var(--cMinus)!important}
.oneQAcd .fndDetail{margin-top: 12px; padding:12px 16px;background-color:var(--cBG01)}
.oneQAcd .fndDetail dl{display:flex;justify-content:space-between;align-items:center}
.oneQAcd .fndDetail dl + dl{margin-top:8px}
.oneQAcd .fndDetail dl dt{font-size:13px;line-height:18px;color:var(--cFont02)}
.oneQAcd .fndDetail dl dd{font-size:13px;color:var(--cFont02)}
.oneQAcd .fndDetail dl dd em{font-size:14px;color:var(--cFont01);font-weight:600}

/* .accordion{height:100%} */
.accordionContent{display:none;box-sizing:border-box}

.vaTblList table{width:100%;border-top:1px solid var(--cNavy);}
.vaTblList thead{background-color:var(--cBG01)}
.vaTblList thead th{font-size:14px;line-height:20px;color:var(--cFont02);padding:9px 0;font-weight:400;text-align:center;vertical-align:middle;border-bottom:1px solid var(--cLine03)}
.vaTblList tbody th{font-size:14px;line-height:20px;padding:12px 0;border-bottom:1px solid var(--cLine01);color:var(--cFont02);background:var(--cBG01);font-weight:400;text-align:left}
.vaTblList tbody td{font-size:14px;line-height:20px;padding:12px 0;border-bottom:1px solid var(--cLine01);font-weight:600}
.vaTblList thead th > div,
.vaTblList tbody th > div,
.vaTblList tbody td > div{box-sizing:border-box;padding:0 12px;text-align:center;color:var(--cFont01);font-size:14px}
.vaTblList thead th > div,
.vaTblList tbody th > div{color:var(--cFont02);}
.vaTblList tbody th > div{text-align:left}
.vaTblList tbody tr:last-child th, 
.vaTblList tbody tr:last-child td{border-bottom:1px solid var(--cLine03)}
.vaTblList tbody td .fdRisk{color:var(--cFont01);font-size:14px}

.vaTblList.ty02{overflow-x: scroll;}
.vaTblList.ty02 thead th div{color:var(--cFont02);font-weight: 600;}
.tabPanel .vaTblList.ty02 thead th div,
.vaTblList.ty02 thead th div.txtAgL{color:var(--cFont01);}
.dlTableList{border-top:1px solid var(--cNavy);}
.dlTableList dl dt{background-color:var(--cBG01);font-size:14px;line-height:20px;color:var(--cFont01);padding:9px 12px;font-weight:700;vertical-align:middle;border-bottom:1px solid var(--cLine03)}
.dlTableList dl dd{font-size:14px;line-height:20px;color:var(--cFont01);padding:12px;font-weight: 500;border-bottom:1px solid var(--cLine03);}

.vaTblList.ty02 th .titSub,
.dlTableList dt .titSub{position:relative;padding-left:8px;margin-left:8px;color:var(--cFont02);font-weight: 400;display: inline-block;}
.vaTblList.ty02 th .titSub::before,
.dlTableList dt .titSub::before{content:'';position: absolute;left:0;top:4px;width:1px;height:12px;background-color: var(--cLine02);}



.fdChgList.oneQMng{margin-top:24px;margin-bottom:0}
.fdChgList.oneQMng ul li{padding:20px;box-shadow:none;border:1px solid var(--cLine02);margin-top:0}
.fdChgList.oneQMng ul li + li{margin-top:8px}
.fdChgList.oneQMng ul li .label{font-size:11px;line-height:16px;color:var(--cFont03);font-weight:600}
.fdChgList.oneQMng ul li .fdState{border-bottom:0;padding-bottom:0}
.fdChgList.oneQMng ul li .fdState .titH5{width:calc(100% - 113px)}
.fdChgList.oneQMng ul li .fdState > div a{display:flex}
.fdChgList.oneQMng ul li .fdState > div a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.fdChgList.oneQMng ul li .fdRatioBox{margin-top:0;flex:0 0 94px}
.fdChgList.oneQMng ul li .fdRatioBox > div:first-child{width:100%}
.fdChgList.oneQMng ul li .fdRatioBox > div div{font-size:12px;line-height:24px;color:var(--cFont01)}
.fdChgList.oneQMng ul li .fdRatioBox > div div span{font-size:16px;line-height:20px;color:var(--cFont01);font-weight:700}

.fdRankLink{margin-top:40px; position: relative;}
.fdRankLink .aniBox.moAni {position: absolute;right:16px;top: 0; bottom: 0; margin: auto; width:120px;height:120px;overflow: hidden;}
.fdRankLink .aniBox.moAni .el01 {position: absolute;right:18px;top: 23px;width:76px;height:80px; z-index:5;background: url(/images/va/ico_trophy.png) no-repeat center; background-size: 76px;animation: bounceInTop 1s linear 0s 1 normal none;}
.fdRankLink .aniBox.moAni .el02 {position: absolute;left:12px;bottom:87px;width:17px;height:18px;opacity: 0; background: url(/images/va/ico_coin01.png) no-repeat center; background-size: 17px;animation: slideInBr 2s linear 1s 1 normal forwards}
.fdRankLink .aniBox.moAni .el03 {position: absolute;left:8px;bottom: 36px;width:19px;height:16px;opacity: 0;background: url(/images/va/ico_coin02.png) no-repeat center; background-size: 19px;animation: slideInTr02 2s linear 1s 1 normal forwards}
.fdRankLink .aniBox.moAni .el04 {position: absolute;right:12px;top: 75px;width:18px;height:16px;opacity: 0; background: url(/images/va/ico_coin03.png) no-repeat center; background-size: 18px;animation: slideInTl 2s linear 1s 1 normal forwards}
.fdRankLink .aniBox.moAni .el05 {position: absolute;left:13px;top: 49px;width:7px;height:7px;opacity: 0;background: url(/images/va/ico_circle01.png) no-repeat center; background-size: 7px;animation: scaleUpBlink 4s ease-in-out 1.5s 1 normal forwards;}
.fdRankLink .aniBox.moAni .el06 {position: absolute;right:8px;top: 25px;width:10px;height:10px;opacity: 0;background: url(/images/va/ico_circle02.png) no-repeat center; background-size: 10px;animation: scaleUpBlink 4s ease-in-out 2s 1 normal forwards;}
.fdRankLink a{display:flex;flex:1 1 auto;box-sizing:border-box;height:136px;border-radius:16px;background-color:#f7f6ff;padding:0 16px 0 20px;justify-content:space-between;align-items:center}

.fdRankLink .text{display:block;}
.fdRankLink .text em{font-size:16px;font-weight:600;line-height:20px;color:var(--cFont01);display:inline-block;padding-right:16px;background:url(/images/va/ico_arr_r01.png)no-repeat right center;background-size:12px}
.fdRankLink .text p{margin-top:8px;font-size:14px;line-height:20px;color:var(--cFont02)}
.fdRankLink .text p span{color:var(--cGreenB);font-weight:600}

/* 변액보험 메인 */
.vaMain .splitBar{width:100%;margin-left:0}
.vaMain .innerTop{background-color:var(--cNavy);border-bottom:0;transition:all .3s}
.vaMain .innerTop .subTit{color:#fff}
.vaMain .innerTop .btn_go_prev,.vaMain .innerTop .btnAllMenu{top:calc(7px + env(safe-area-inset-top))}

.vaIns.vaMain header .topGroup .btnPrev,.vaIns.vaMain header .topGroup .btnPrev2{background-image:url(/images/va/btn_go_prev_w.png);background-size:24px;background-position:center}
.vaMain .innerTop .btnAllMenu{background-image:url(/images/va/btn_menu_all_w.png);background-size:24px;background-position:center}

.vaMain .fixed .innerTop{border-radius:0 0 16px 16px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);background-color:#fff}
.vaMain .fixed .innerTop .subTit{color:var(--cFont01);}
.vaIns.vaMain header.fixed .topGroup .btnPrev,.vaIns.vaMain header.fixed .topGroup .btnPrev2{background-image:url(/pist/images2/common/btn_go_prev.png);background-size:100%}
.vaMain .fixed .innerTop .btnAllMenu{background-image:url(/pist/images2/common/btn_menu_all.png);background-size:100%}

.vaMain .vaAssetsWrap{position:relative;box-sizing:border-box;padding-bottom:88px}
.vaMain .vaAssetsTitle{position:relative;box-sizing:border-box;width:100%;height:224px;padding:32px 16px 0;border-radius:0 0 16px 16px;background-color:var(--cNavy);}
.vaMain .vaAssetsTitle::before{content:'';position:absolute;top:-5px;height:10px;width:100%;left:0;background:var(--cNavy);}
.vaMain .vaAssetsTitle > div{display:flex;justify-content:space-between;align-items:flex-end}
.vaMain .vaAssetsTitle > div p{font-size:24px;line-height:32px;color:#fff}
.vaMain .vaAssetsTitle > div p strong{color:#fff;}
.vaMain .vaAssetsTitle > div .date{display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding:0 12px;height:24px;border-radius:14px;background-color:rgba(0,0,0,0.2);font-size:12px;line-height:18px;color:#abb2bb}
.vaMain .vaAssetsCont{position:absolute;bottom:0;left:16px;right:16px;box-sizing:border-box;overflow:hidden;border-radius:12px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);background-color:var(--cBG02);}
.vaMain .vaAssetsCont .totalProfit{padding:20px 16px 24px;border-radius:0 0 12px 12px;background-color:#fff;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);}
.vaMain .vaAssetsCont .totalProfit .title{display:flex;align-items:center;font-size:14px;line-height:20px;color:var(--cFont02);}
.vaMain .vaAssetsCont .totalProfit .title::before{display:block;content:'';width:24px;height:24px;margin-right:4px;background:url(/images/va/ico_graph.png) no-repeat center;background-size:24px;animation:grow 1s ease-in-out .5s 1 normal forwards}
.vaMain .vaAssetsCont .totalProfit .prfRate{display:flex;box-sizing:border-box;align-items:flex-end;margin-top:-4px;}
.vaMain .vaAssetsCont .totalProfit .prfRate .total{display:flex;justify-content:flex-end;box-sizing:border-box;padding-right:20px;width:55.828%}
.vaMain .vaAssetsCont .totalProfit .prfRate .total .fdRate{color:var(--cFont02);font-size:14px}
.vaMain .vaAssetsCont .totalProfit .prfRate .total .fdRate span{font-size:36px;font-weight:700}
.vaMain .vaAssetsCont .totalProfit .prfRate .total .fdRate.up span{color:var(--cPlus);}
.vaMain .vaAssetsCont .totalProfit .prfRate .total .fdRate.down span{color:var(--cMinus);}
.vaMain .vaAssetsCont .totalProfit .prfRate .detail{position:relative;display:flex;flex-direction:column;flex:1 1 auto;align-items:flex-end}
.vaMain .vaAssetsCont .totalProfit .prfRate .detail::before{position:absolute;left:0;top:0;bottom:0;display:block;content:'';width:1px;background-color:var(--cLine01);}
.vaMain .vaAssetsCont .totalProfit .prfRate .detail .txtDesc{margin-bottom:4px;font-size:12px;line-height:16px;color:var(--cFont03);}
.vaMain .vaAssetsCont .totalProfit .prfRate .detail .pfRate{margin-bottom:4px;font-size:12px;color:var(--cFont02);}
.vaMain .vaAssetsCont .totalProfit .prfRate .detail .pfRate span{font-size:16px}
.vaMain .vaAssetsCont .totalProfit .prfRate .detail .pfRate.up span{color:var(--cPlus);}
.vaMain .vaAssetsCont .totalProfit .prfRate .detail .pfRate.down span{color:var(--cMinus);}

.vaMain .vaAssetsCont .totalSave{padding:12px 16px;}
.vaMain .vaAssetsCont .totalSave dl{display: flex;justify-content: space-between;}
.vaMain .vaAssetsCont .totalSave dl + dl{margin-top:4px;}
.vaMain .vaAssetsCont .totalSave dl dt{font-size:13px;line-height: 20px;color:var(--cFont02);font-weight: 500;}
.vaMain .vaAssetsCont .totalSave dl dt span{line-height: 20px;}
.vaMain .vaAssetsCont .totalSave dl dd{font-size:12px;line-height:20xp;color:var(--cFont02);}
.vaMain .vaAssetsCont .totalSave dl dd strong{font-size:18px;color:var(--cFont01);font-weight: 700;line-height: 20px;}

.vaMain .myContractWrap{padding:32px 16px 0}
.vaMain .myContractWrap .totalContract{margin-bottom:12px;font-size:16px;line-height:20px;color:var(--cFont02);}
.vaMain .myContractWrap .totalContract em{color:var(--cFont01);font-weight:900}

.vaMain .myContract .accordionList > li{position:relative;padding:24px 20px;border-radius:16px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.08);background-color:#fff}
.vaMain .myContract .accordionList > li + li{margin-top:30px}
.vaMain .myContract .accordionList > li::before{position:absolute;bottom:0;left:20px;right:20px;display:block;content:'';height:20px;z-index:1;background-color:#fff}
.vaMain .myContract .accordionList > li::after{position:absolute;bottom:-16px;left:0;right:0;margin:auto;display:block;content:'';width:32px;height:32px;background-color:#fff;border-radius:100%;box-shadow:0 2px 12px 0 rgba(0,0,0,0.08)}
.vaMain .myContract .toggleBtn{position:absolute;bottom:-16px;left:0;right:0;margin:auto;z-index:2;width:32px;height:32px;transition:all .4s;outline:none;background:url(/images/va/ico_arr_b03.png) no-repeat center;background-size:10px 8px;}
.vaMain .myContract .toggleBtn::before{content:'';position: absolute;left:50%;top:50%;border: 1px solid var(--cGreen);width:22px;height:22px;margin-left:-12px;border-radius: 50%;margin-top:-12px;}
.vaMain .myContract .active .toggleBtn{transform:rotate(180deg)}
.vaMain .myContract .myContractInfo .label{margin-bottom:2px;font-size:14px;line-height:20px;color:var(--cFont03);}
.vaMain .myContract .myContractInfo .fdState{border-bottom:none}
.vaMain .myContract .myContractInfo .fdState .titH5 > a span{background-size:20px;padding-right:24px}
.vaMain .myContract .myContractInfo .fdState > div a{width:100%;display:flex}
.vaMain .myContract .myContractInfo .fdState > div a span{font-size:18px;line-height:20px;color:var(--cFont01);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.vaMain .myContract .myContractInfo .summary{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}
.vaMain .myContract .myContractInfo .summary .profit .title{margin-bottom:8px;font-size:13px;line-height:18px;color:var(--cFont02);}
.vaMain .myContract .myContractInfo .summary .profit .fdRate.down::before{font-size:24px}
.vaMain .myContract .myContractInfo .summary .profit .fdRate span{font-size:24px}
.vaMain .myContract .myContractInfo .summary dl{display:flex;align-items:center;justify-content:space-between}
.vaMain .myContract .myContractInfo .summary dl + dl{margin-top:4px}
.vaMain .myContract .myContractInfo .summary dt{margin-right:10px;font-size:12px;line-height:16px;color:var(--cFont03)}
.vaMain .myContract .myContractInfo .summary dd{text-align:right;min-width:128px;font-size:13px;line-height:20px;color:var(--cFont03)}
.vaMain .myContract .myContractInfo .summary dd strong{font-size:16px;line-height:20px;color:var(--cFont01);}
.vaMain .myContract .myContractInfo .summary .basic dd strong{font-size:14px}
.vaMain .myContract .myContractInfo .summary .addMore{width:100%;text-align:right;padding-top:12px;margin-top:12px;border-top:1px solid var(--cLine01)}
.vaMain .myContract .myContractInfo .summary .addMore .textLink{margin-top:8px}
.vaMain .myContract .myContractInfo .myFndInfo{margin-top:16px;display:flex;height:40px;border-radius:8px;box-sizing:border-box;justify-content:center;align-items:center;background-color:#f0f9ff}
.vaMain .myContract .myContractInfo .myFndInfo > div{position:relative;text-align:center;flex:1 1 auto;font-size:14px;color:var(--cFont02);}
.vaMain .myContract .myContractInfo .myFndInfo > div + div::before{position:absolute;left:0;top:0;margin:auto;margin-top:1px;display:block;content:'';width:1px;height:12px;background-color:var(--cLine02);}
.vaMain .myContract .myContractInfo .myFndInfo > div strong{color:var(--cFont01);}

.vaMain .myContract .accordionContent{box-sizing:border-box;width:calc(100% + 40px);margin-top:20px;margin-left:-20px;padding:20px;border-top:1px dashed var(--cLine03);border-bottom:1px dashed var(--cLine03)}
.vaMain .myContract .accordionContent .quickLinkList{display:flex;align-items:center;justify-content:space-between}
.vaMain .myContract .accordionContent .quickLinkList > li{flex:1 1 25%}
.vaMain .myContract .accordionContent .quickLinkList > li a{display:flex;justify-content:center;flex-direction:column;align-items:center;color: var(--cFont02);font-size:12px;}
.vaMain .myContract .accordionContent .quickLinkList > li .aniBox {position: relative; display:block;width:48px;height:48px;margin-bottom:8px;border-radius:100%;background-color: var(--cBG01);overflow: hidden;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink01 a .aniBox .el01 {position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin:auto;; width:32px; height: 32px; background:url(/images/va/ico_chart.png) no-repeat center;background-size:32px;		animation: rotateInCenter 2s linear 0s normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink02 a .aniBox .el01 {position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin:auto; width:20px; height: 24px; background:url(/images/va/ico_receipt.png) no-repeat center;background-size:20px;animation: woobleleft 1s ease 1s 1 normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink02 a .aniBox .el02 {position: absolute; right: 10px; bottom: 12px; width:14px; height: 14px; background:url(/images/va/ico_plus.png) no-repeat center;background-size:14px;animation: woobleRight 1s ease 1s 1 normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink03 a .aniBox .el01 {position: absolute; left: 11px; bottom: 13px; width:7px; height: 8px; border-radius: 2px;opacity: 0;  background:url(/images/va/ico_graph_green.png) no-repeat center;background-size:7px;animation:growUp .8s ease 0s normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink03 a .aniBox .el02 {position: absolute; left: 20px; bottom: 13px; width:7px; height: 13px; border-radius: 2px; opacity: 0; background:url(/images/va/ico_graph_blue.png) no-repeat center;background-size:7px;animation:growUp .8s ease .2s normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink03 a .aniBox .el03 {position: absolute; left: 29px; bottom: 13px; width:7px; height: 22px; border-radius: 2px;opacity: 0;  background:url(/images/va/ico_graph_red.png) no-repeat center;background-size:7px;animation:growUp .8s ease .4s normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink03 a .aniBox .el04 {position: absolute; left: 12px; top: 11px; width:15px; height: 11px; opacity: 0; background:url(/images/va/ico_graph_arrow.png) no-repeat center;background-size:15px;animation: slideInBl .3s linear 1s 1 normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink04 a .aniBox .el01 {position: absolute; left: 14px; top: 12px; width:20px; height: 22px; background:url(/images/va/ico_document.png) no-repeat center;background-size:20px;animation:bounceTop 1.5s ease-in-out 0s 1 normal forwards;}
.vaMain .myContract .accordionContent .quickLinkList > li.quickLink04 a .aniBox .el02 {position: absolute; left: 24px; bottom: 12px; width:14px; height: 14px; background:url(/images/va/ico_percent.png) no-repeat center;background-size:14px;animation:rotateCenter 1.5s ease-in-out .8s 1 normal forwards;}
.vaMain .myContract .accordionContent .viewTblDetail{margin-top:12px;padding:16px 12px;border:none;background-color:var(--cBG01);}
.vaMain .myContract .accordionContent .viewTblDetail dl dt{font-size:13px;color: var(--cFont02);}
.vaMain .myContract .accordionContent .viewTblDetail dl + dl{margin-top:10px;}
.vaMain .myContract .accordionContent .viewTblDetail dl.sub{padding:0 0 0 5px;}
.vaMain .myContract .accordionContent .viewTblDetail dl.total{padding-bottom:8px;margin-bottom:-2px;border-bottom:1px solid var(--cLine02);}
.vaMain .myContract .accordionContent .viewTblDetail dl:last-child{padding-top:8px;margin-top:8px;border-top:1px solid var(--cLine02);}
.vaMain .myProfitRate{padding:32px 24px}
.vaMain .myProfitRate .textWrap{background:url(/images/va/img_compare.png) no-repeat center right;background-size:128px}
.vaMain .myProfitRate .textWrap p{font-size:18px;line-height:24px;color:var(--cFont03);}
.vaMain .myProfitRate .textWrap p em{color:var(--cFont01);font-weight:700}
.vaMain .myProfitRate .textWrap .yLine{display:inline-block;font-size:20px;line-height:32px;color:var(--cFont01);font-weight:600}
.vaMain .myProfitRate .textWrap .yLine::before{height:16px}
.vaMain .myProfitRate .textWrap .yLine strong{font-size:24px;color:var(--cMinus);}
.vaMain .myProfitRate .textWrap .yLine strong > span{font-size:20px;font-weight:400}
.vaMain .linkWrap{display:flex;justify-content:space-between;margin-top:32px;padding:0 24px}
.vaMain .linkWrap a{display:flex;width:100%;justify-content:center;align-items:center;height:40px;border-radius:8px;background-color:var(--cGreen);}
.vaMain .linkWrap a + a{margin-left:12px}
.vaMain .linkWrap a > span{font-size:14px;line-height:20px;color:#fff;font-weight:700}
.vaMain .linkWrap.ty02 a{background: #fff;border:1px solid var(--cNavy);} 
.vaMain .linkWrap.ty02 a > span{color:var(--cNavy);font-weight: 600;}
.vaMain .myProfitRate .linkWrap{padding:0}

.vaMain .vaVoca{padding:32px 24px;background:url(/images/va/img_dictionary.png) no-repeat;background-size:106px;background-position:right 24px top 24px}
.vaMain .vaVoca .textWrap p{font-size:16px;line-height:24px;color:var(--cFont02);}
.vaMain .vaVoca .textWrap p em{color:var(--cFont01);font-weight:600}
.vaMain .vaVoca .textLink{display:inline-block;margin-top:32px}
.vaMain .vaVoca .textLink span{display:inline-flex;align-items:center;font-size:13px;line-height:18px;font-weight:600;color:var(--cGreen);}
.vaMain .vaVoca .textLink span::after{display:block;content:'';width:12px;height:12px;margin-left:4px;background:url(/images/va/ico_link.png) no-repeat center;background-size:12px}

.vaMain .mainRanking{padding:0 24px}
.vaMain .mainRanking .title{display:flex;align-items:center;height:120px;border-bottom:1px solid var(--cLine01);background:url(/images/va/ico_rank_title.png) no-repeat center right;background-size:48px}
.vaMain .mainRanking .title > p{font-size:18px;line-height:24px;color:var(--cFont01);font-weight:600}
.vaMain .mainRanking .mainRankingList{padding-top:20px}
.vaMain .mainRanking .mainRankingList > li{display:flex}
.vaMain .mainRanking .mainRankingList > li + li{margin-top:16px}
.vaMain .mainRanking .mainRankingList > li .rank{display:flex;flex:0 0 20px;margin-right:8px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;color:var(--cFont02);font-weight:700;border-radius:100%;background-color:var(--cBG03);}
.vaMain .mainRanking .mainRankingList > li:nth-child(1) .rank{color:#fff;background-color:#9e6c00}
.vaMain .mainRanking .mainRankingList > li:nth-child(2) .rank{color:#fff;background-color:#666e7a}
.vaMain .mainRanking .mainRankingList > li:nth-child(3) .rank{color:#fff;background-color:#c94f0b}
.vaMain .mainRanking .mainRankingList > li > div{flex:1 1 auto}

.vaMain .mainRanking .mainRankingList > li .label{display:flex;margin-bottom:4px}
.vaMain .mainRanking .mainRankingList > li .label .pos{font-size:11px;line-height:16px;color:var(--cGreen);font-weight:600}
.vaMain .mainRanking .mainRankingList > li .label .pos + .fdRisk{margin-left:4px;color:var(--cFont03);}
.vaMain .mainRanking .mainRankingList > li .fdState{display:flex;justify-content:space-between}
.vaMain .mainRanking .mainRankingList > li .fdState .titH5{line-height:24px;color:var(--cFont01);width:calc(100% - 80px)}
.vaMain .mainRanking .mainRankingList > li .fdRate{font-size:12px;line-height:24px;color:var(--cFont01);}
.vaMain .mainRanking .mainRankingList > li .fdRate::before{content:''}
.vaMain .mainRanking .mainRankingList > li .fdRate span{font-size:18px;line-height:24px}
.vaMain .mainRankingSwiper{overflow:hidden;position:relative}
.vaMain .mainRankingSwiper .swiper-pagination{bottom:auto!important;top:92px;left:0;box-sizing:border-box;padding-left:24px;text-align:left}
.vaMain .mainRankingSwiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:100%;background-color:var(--cLine02);margin:0 4px 0 0 !important;cursor: pointer;}
.vaMain .mainRankingSwiper .swiper-pagination .swiper-pagination-bullet-active{width:16px;height:8px;border-radius:4px;background-color:var(--cGreen)}
.vaMain .mainRankingSwiper .swiper-pagination .swiper-pagination-bullet span{text-indent: -99999px;display: inline-block;}
/* .vaMain #innerWrap{padding-bottom:48px} */



.vaMain .fixBottomMenu{position:fixed;bottom:0;left:0;right:0;height:calc(88px +  env(safe-area-inset-bottom));z-index:401;}
.vaMain .fixBottomMenu::before,
.vaMain .fixBottomMenu::after{/* position:absolute; *//* bottom:0; *//* right:0; *//* display:block; *//* content:''; */height:calc(72px +  env(safe-area-inset-bottom));width:calc(50% - 23px);background-color:#fff;box-shadow:0 -4px 8px 0 rgba(0,0,0,0.08)}
.vaMain .fixBottomMenu::before{border-radius:12px 12px 0 0;}
.vaMain .fixBottomMenu::after{border-radius:12px 12px 0 0;}
.vaMain .fixBottomMenu::before{left:0;right:auto}
.vaMain .fixBottomMenu .bottomMenuList{box-sizing:border-box;display:flex;width:100%;justify-content:space-between;align-items:center;height:calc(72px +  env(safe-area-inset-bottom));position:relative;z-index:402;margin-top:16px;}
.vaMain .fixBottomMenu .bottomMenuList::after{/* display:block; *//* content:''; *//* width:56px; */height:calc(56px +  env(safe-area-inset-bottom));position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#fff;z-index:400}
.vaMain .fixBottomMenu .bottomMenuList li{min-width:60px;text-align:center;position:relative;z-index:403;width: calc(50% - 23px);background-color: #fff;box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.08);height:calc(72px +  env(safe-area-inset-bottom));z-index: 1;border-radius: 12px 12px 0 0;display: flex;justify-content: center;}
.vaMain .fixBottomMenu .bottomMenuList li a{display:block;margin-top:12px;}
.vaMain .fixBottomMenu .bottomMenuList li a span{font-size:12px;line-height:16px;color:var(--cFont03)}
.vaMain .fixBottomMenu .bottomMenuList li a span::before{display:block;content:'';width:28px;height:28px;margin:0 auto 4px}
.vaMain .fixBottomMenu .bottomMenuList li.home a span::before{background:url(/images/va/ico_home.png) no-repeat center;background-size:28px}
.vaMain .fixBottomMenu .bottomMenuList li.va a span::before{background:url(/images/va/ico_va.png) no-repeat center;background-size:28px}
.vaMain .fixBottomMenu .bottomMenuList li.counter a span::before{background:url(/images/va/ico_counter.png) no-repeat center;background-size:28px}

.vaMain .fixBottomMenu .bottomMenuList li.active{position:absolute;left:50%;transform:translateX(-50%);z-index: 2;background-color: transparent;box-shadow: none;top:0;}
.vaMain .fixBottomMenu .bottomMenuList li.active::before{content:'';position: absolute;width:50px;bottom:0;height:calc(60px +  env(safe-area-inset-bottom));left:50%;margin-left:-25px;background: #fff;z-index: -1;}
.vaMain .fixBottomMenu .bottomMenuList li.active a span{font-size:13px;line-height:18px;color:var(--cFont01);font-weight:700}
.vaMain .fixBottomMenu .bottomMenuList li.active a span::before{width:56px;height:56px;margin:-28px auto 6px;border-radius:100%;box-shadow:0 2px 8px 0 rgba(0,0,0,0.16)}
.vaMain .fixBottomMenu .bottomMenuList li.active.home a span::before{background:var(--cGreen) url(/images/va/ico_home_active.png) no-repeat center;background-size:32px}
.vaMain .fixBottomMenu .bottomMenuList li.active.va a span::before{background:var(--cGreen) url(/images/va/ico_va_active.png) no-repeat center;background-size:28px}
.vaMain .fixBottomMenu .bottomMenuList li.active.counter a span::before{background:var(--cGreen) url(/images/va/ico_va_active.png) no-repeat center;background-size:28px}


/* 기존 페이지 색상 리셋 */
/* .mainBody .grp_button_popup_alert_full > button.submit{background-color: #0c7e78;}
.mainBody .grp_button_popup_alert_border > button.submit {border-left: 1px solid #eee;color: #0c7e78;} */

/* .vaMain .bottomMenu{position:fixed;bottom:0;left:0;right:0;height:72px;z-index:401}
.vaMain .bottomMenu::before,.vaMain .bottomMenu::after{position:fixed;bottom:0;right:0;display:block;content:'';height:72px;width:50%;border-radius:12px 12px 0 0;background-color:#fff;box-shadow:0 -4px 8px 0 rgba(0,0,0,0.08)}
.vaMain .bottomMenu::before{left:0;right:auto}
.vaMain .bottomMenu .bottomMenuList{box-sizing:border-box;padding:0 54px;display:flex;width:100%;justify-content:space-between;align-items:center;height:100%;position:relative;z-index:402}
.vaMain .bottomMenu .bottomMenuList::after{display:block;content:'';width:56px;height:56px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#fff;z-index:400}
.vaMain .bottomMenu .bottomMenuList li{min-width:60px;text-align:center;position:relative;z-index:403}
.vaMain .bottomMenu .bottomMenuList li a{display:block}
.vaMain .bottomMenu .bottomMenuList li a span{font-size:12px;line-height:16px;color:#7a8694}
.vaMain .bottomMenu .bottomMenuList li a span::before{display:block;content:'';width:28px;height:28px;margin:0 auto 4px}
.vaMain .bottomMenu .bottomMenuList li.home a span::before{background:url(/images/va/ico_home.png) no-repeat center;background-size:28px}
.vaMain .bottomMenu .bottomMenuList li.va a span::before{background:url(/images/va/ico_va.png) no-repeat center;background-size:28px}
.vaMain .bottomMenu .bottomMenuList li.counter a span::before{background:url(/images/va/ico_counter.png) no-repeat center;background-size:28px}

.vaMain .bottomMenu .bottomMenuList li.active{position:absolute;left:50%;transform:translateX(-50%)}
.vaMain .bottomMenu .bottomMenuList li.active a span{font-size:13px;line-height:18px;color:#2c333b;font-weight:700}
.vaMain .bottomMenu .bottomMenuList li.active a span::before{width:56px;height:56px;margin:-32px auto 6px;border-radius:100%;box-shadow:0 2px 8px 0 rgba(0,0,0,0.16)}
.vaMain .bottomMenu .bottomMenuList li.active.home a span::before{background:#13d2c7 url(/images/va/ico_home_active.png) no-repeat center;background-size:32px}
.vaMain .bottomMenu .bottomMenuList li.active.va a span::before{background:#13d2c7 url(/images/va/ico_va_active.png) no-repeat center;background-size:28px}
.vaMain .bottomMenu .bottomMenuList li.active.counter a span::before{background:#13d2c7 url(/images/va/ico_va_active.png) no-repeat center;background-size:28px} */

/* 변액보험 상세 */
.topSticky{position:fixed;top:calc(48px + env(safe-area-inset-top));left:0;right:0;padding:0 16px;height:96px;border-radius:0 0 16px 16px;transition:all .2s;z-index: 2;}
.topSticky.fixed{background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);z-index:500}
.myEarnRate{margin-top:104px;border-radius:12px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.12);background-color:#fff;overflow:hidden}
.myEarnRate .titleWrap{display:flex;box-sizing:border-box;justify-content:space-between;align-items:flex-start;padding:20px 16px 0}
.myEarnRate .titleWrap .title{padding-top:4px}
.myEarnRate .titleWrap .title span{display:inline-flex;align-items:center;font-size:13px;line-height:18px;color:var(--cFont02);}
.myEarnRate .titleWrap .title span::after{display:block;content:'';width:16px;height:16px;background:url(/images/va/ico_alarm.png) no-repeat center;background-size:16px;margin-left:4px;animation:shake 2s ease-in-out normal 4;}
.myEarnRate .titleWrap .aside{font-size:12px;line-height:16px;color:var(--cFont03)}
.myEarnRate .titleWrap .aside span{color:var(--cFont03)}
.myEarnRate .prfRate{margin:20px 0 16px;padding:0 16px;display:flex;box-sizing:border-box;align-items:flex-end}
.myEarnRate .prfRate .total{display:flex;box-sizing:border-box;width:47.486%}
.myEarnRate .prfRate .total .fdRate{color:var(--cFont02);font-size:20px;font-weight:400}
.myEarnRate .prfRate .total .fdRate::before{content:''}
.myEarnRate .prfRate .total .fdRate span{font-size:36px;font-weight:700}
.myEarnRate .prfRate .total .fdRate.up span{color:var(--cPlus)}
.myEarnRate .prfRate .total .fdRate.down span{color:var(--cMinus)}
.myEarnRate .prfRate .detail{position:relative;display:flex;flex:1 1 auto;justify-content:space-between;padding:0 0 0 12px}
.myEarnRate .prfRate .detail .aside{display:flex;flex-direction:column;align-items:flex-end}
.myEarnRate .prfRate .detail::before{position:absolute;left:0;top:0;bottom:0;display:block;content:'';width:1px;background-color:var(--cLine01)}
.myEarnRate .prfRate .detail .txtDesc{font-size:11px;line-height:16px;color:var(--cFont03);}
.myEarnRate .prfRate .detail .pfRate{margin-bottom:2px;font-size:12px;color:var(--cFont02);}
.myEarnRate .prfRate .detail .pfRate span{font-size:14px}
.myEarnRate .prfRate .detail .pfRate.up span{color:var(--cPlus)}
.myEarnRate .prfRate .detail .pfRate.down span{color:var(--cMinus)}
.myEarnRate .prfRate .detail .moneyRate{font-size:12px}
.myEarnRate .prfRate .detail .moneyRate span{font-size:14px}
.myEarnRate > .total{padding:16px 12px;background-color:var(--cBG02);}
.myEarnRate > .total dl{display:flex;justify-content:space-between;align-items:center}
.myEarnRate > .total dl + dl{margin-top:4px}
.myEarnRate > .total dl dt{font-size:13px;line-height:18px;color:var(--cFont02);}
.myEarnRate > .total dl dd .txtMoney{font-size:14px;line-height:20px;color:var(--cFont02);}
.myEarnRate > .total dl dd .txtMoney strong{font-size:16px;line-height:20px;color:var(--cFont01);}

.smartMng{position:relative;margin-top:54px;padding:0 20px 20px;border-radius:12px;border:1px solid #f0f9ff;background-color:#f0f9ff}
.smartMng::after,.smartMng::before{position:absolute;display:block;content:''}
.smartMng::after{right:12px;top:-38px;width:80px;height:80px;background:url(/images/va/bg_balloon.png) no-repeat center;background-size:80px;animation:wooble 2s ease 0 3 normal forwards}
.smartMng::before{right:33px;top:-25px;width:40px;height:50px;background:url(/images/va/img_robot.png) no-repeat center;background-size:40px;z-index:1;animation:robotMove2 6s ease normal 4}
.smartMng .titleWrap{margin-top:-16px;padding:0 0 0 4px;font-size:20px;line-height:28px;color:var(--cFont01);font-weight:600}
.smartMng .summary{margin-top:25px;display:flex;padding:20px 0;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.06);background-color:#fff}
.smartMng .summary dl{flex:1 1 auto;display:flex;justify-content:center;align-items:center;flex-direction:column}
.smartMng .summary dl + dl{border-left:1px dashed var(--cLine03);}
.smartMng .summary dl dt{margin-bottom:4px;font-size:13px;line-height:18px;color:var(--cFont02);font-weight: 500;}
.smartMng .summary dl dd{display:flex}
.smartMng .summary dl dd .myStatus{font-size:14px;line-height:24px;color:var(--cFont01);}
.smartMng .summary dl dd .myStatus strong{font-size:18px;line-height: 24px;color:var(--cGreen)}
.smartMng .summary dl dd .myStatus span{font-size:12px;line-height: 24px;color:var(--cGreen)}
.smartMng .summary .tooltipWrap{margin-top:2px}
.smartMng .aside{margin-top:16px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;text-align:center}
.smartMng .aside > div{display:flex;flex-direction:column;box-sizing:border-box;flex:1 1 50%;height:100%;margin-right:6px}
.smartMng .aside > div + div{margin-right:0;margin-left:6px}
.smartMng .aside .title{font-size:14px;line-height:20px;color:var(--cFont01)}
.smartMng .aside .title > span{display:block;font-size:13px;line-height:18px;color:var(--cFont02)}
.smartMng .aside .title .txt{display:flex;align-items:center;justify-content:center;font-size:14px;line-height:20px;color:#2c333b}
.smartMng .aside .title .txt .pfRate{color:var(--cFont02);margin-left:4px}
.smartMng .aside .title .txt .pfRate span{font-size:16px;line-height:20px}
.smartMng .aside .title .txt .pfRate.up span{color:var(--cPlus)}
.smartMng .aside .title .txt .pfRate.down span{color:var(--cMinus)}
.smartMng .aside .title .txt .pfRate::before{width:8px;height:6px;background-size:8px}
.smartMng .aside .links{margin-top:12px}
.smartMng .aside .links a{display:flex;justify-content:center;align-items:center;height:32px;font-size:13px;color:var(--cNavy);font-weight:600;border-radius:4px;background-color:#fff;border:1px solid var(--cNavy);}
.vaIns #container .smartMng .aside .links a:focus{border:1px solid var(--cNavy) !important;}

.fndStAcd > ul > li + li{margin-top:8px}
.fndStAcd > ul > li{position:relative;box-sizing:border-box;padding:20px;border-radius:8px;border:solid 1px var(--cLine02);background-color:#fff}
.fndStAcd .toggleBtn{display:block;position:absolute;right:10px;top:10px;width:44px;height:44px;transition:all .4s;font:0/0 a;color:transparent;background:url(/images/va/btn_down.png) no-repeat center;background-size:24px;outline:none}
.fndStAcd .active .toggleBtn{transform:rotate(180deg)}
.fndStAcd .fdChgList{margin-bottom:0}
.fndStAcd .fdChgList ul li{display:flex;margin-top:0;padding:0;border-radius:0;box-shadow:none;border:0;}
.fndStAcd .fdChgList ul li .fdState{border-bottom:none;padding-bottom:0;width:calc(100% - 116px)}
.fndStAcd .fdChgList ul li .fdState > div{width:100%}
.fndStAcd .fdChgList ul li .fdState > div a{width:100%;display:flex}
.fndStAcd .fdChgList ul li .fdState > div a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.fndStAcd .fdChgList ul li .fdRate{text-align:right;flex:1 0 auto;padding-right:32px;font-size:12px;line-height:24px;color:var(--cFont01)}
.fndStAcd .fdChgList ul li .fdRate span{font-size:18px}
.fndStAcd .fdChgList ul li .fdRate.up span{color:var(--cPlus)}
.fndStAcd .fdChgList ul li .fdRate.down span{color:var(--cMinus)}
.fndStAcd .fdChgList ul li .fdRate::before{content:''}
.fndStAcd .fndDetail{margin-top:12px;margin-bottom:16px;padding:12px 16px;background-color:var(--cBG01);}
.fndStAcd .fndDetail dl{display:flex;justify-content:space-between;align-items:center}
.fndStAcd .fndDetail dl.divided{margin-top:12px;padding-top:12px;border-top:1px solid var(--cLine02);}
.fndStAcd .fndDetail dl + dl{margin-top:8px}
.fndStAcd .fndDetail dl dt{font-size:13px;line-height:18px;color:var(--cFont02)}
.fndStAcd .fndDetail dl dd{font-size:13px;color:var(--cFont02)}
.fndStAcd .fndDetail dl dd em{font-size:14px;color:var(--cFont01);font-weight:600}
.fndStAcd .btnMintBd{display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding:10px 0;font-size:14px;line-height:20px;color:var(--cGreen);font-weight:600;border-radius:8px;border:solid 1px var(--cGreen)}
.fndStAcd .btnMintBd span{color:var(--cGreen);}
.vaIns #container .fndStAcd .btnMintBd:focus{border:solid 1px var(--cGreen) !important;}

.vaIns .tooltipWrap{display:inline-flex;box-sizing:border-box;position:relative}
.vaIns .tooltipWrap .icon{font:0/0 a;width:16px;height:16px;background:url(/images/va/ico_q02.png) no-repeat center;background-size:16px}
.vaIns .tooltipWrap .tooltip{position:absolute;left:0;right:auto;width:100%;min-width:160px;max-width:240px;margin:30px 0 0 7px;z-index:1;border:solid 1px #ccc;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55);transform:translateX(-50%)}
.vaIns .tooltipWrap .tooltip p{padding:12px 24px 12px 12px;font-size:12px;line-height:16px;color:var(--cFont02)}
.vaIns .tooltipWrap .tooltip::after{content:"";z-index:2;position:absolute;left:50%;top:-10px;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #fff;transform:rotate(180deg)}
.vaIns .tooltipWrap .tooltip::before{content:"";z-index:-2;position:absolute;left:50%;top:-11px;margin-left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:11px solid var(--cLine03);transform:rotate(180deg)}
.vaIns .tooltipWrap.active .tooltip{display: block;opacity: 1;}
/* .vaIns .tooltipWrap .icon:focus + .tooltip{display:block;opacity:1;visibility:visible;pointer-events:auto} */
.vaIns .tooltipWrap .tooltip .btnTtClose {display: block; width: 16px; height: 16px; position: absolute; right: 8px; top:8px; font: 0/0 a; background: url(/images/va/ico_close02.png) no-repeat center; background-size: 16px;}

.vaIns .btnWarn{display:inline-block;width:24px;height:24px;background:url(/images/va/ico_q.png) no-repeat center;background-size:24px}
.vaIns .btnWarn > span{font:0/0 a}

.vaIns .textLink{display:inline-block}
.vaIns .textLink span{display:inline-flex;align-items:center;font-size:13px;line-height:18px;font-weight:600;color:var(--cGreen);}
.vaIns .textLink span::after{display:block;content:'';width:12px;height:12px;margin-left:4px;background:url(/images/va/ico_link.png) no-repeat center;background-size:12px}

/* 완료 페이지 */
.vaIns .compBox > div{text-align:center}
.vaIns .compBox .aniBox {position:relative;display:block;width:120px;height:120px;margin:0 auto 12px; }
.vaIns .compBox .aniBox .el01 {position:absolute;bottom:12px;left:0;right:0;margin:auto; width: 76px; height:52px ; z-index: 5; background: url(/images/va/ico_folder_front.png) no-repeat center; background-size: 76px;}
.vaIns .compBox .aniBox .el02 {position:absolute;bottom:60px;left:0;right:0;margin:auto; width: 64px; height:24px ; background: url(/images/va/ico_folder_back.png) no-repeat center; background-size: 64px;animation: slideInBottom .5s linear 0s 1 normal forwards;}
.vaIns .compBox .aniBox .el03 {position:absolute;bottom:55px;left:0;right:0;margin:auto; width: 42px; height:42px ; opacity: 0; background: url(/images/va/ico_coin.png) no-repeat center; background-size: 42px;animation: bounceBottom 1.5s linear .8s 1 normal forwards;}
.vaIns .compBox .aniBox .el04 {position:absolute;bottom:55px;left:1px;width:14px; height:14px ;opacity: 0; background: url(/images/va/ico_star01.png) no-repeat center; background-size: 14px; animation: scaleUpBlink 2.5s linear 1.2s 1 normal forwards;}
.vaIns .compBox .aniBox .el05 {position:absolute;top:9px;right:15px;width:14px; height:14px ;opacity: 0; background: url(/images/va/ico_star02.png) no-repeat center; background-size: 14px;animation: scaleUpBlink 2.5s linear 1.4s 1 normal forwards;}
.vaIns .compBox .aniBox .el06 {position:absolute;top:24px;right:5px;width:14px; height:14px ;opacity: 0; background: url(/images/va/ico_star03.png) no-repeat center; background-size: 14px;animation: scaleUpBlink 2.5s linear 1.6s 1 normal forwards;}
.vaIns .compBox > div > p{font-size:20px;line-height:28px;color:var(--cFont01);font-weight:600}


/* No Data 페이지 */
.vaIns .noData{text-align:center}
.vaIns .noData > p{font-size:14px;line-height:20px;color:var(--cFont03);font-weight:400}
.vaIns .noData > p::before{display:block;content:'';width:40px;height:40px;margin:0 auto 16px;background:url(/images/va/ico_empty.png) no-repeat center;background-size:40px}
.vaIns .noData.border{border-top:1px solid #31334b;border-bottom:1px solid var(--cLine03)}
.vaIns .noData.full{display:flex;justify-content:center;align-items:center;height:calc(100vh - 170px)}
.vaIns .noData.full p{font-size:16px}
.vaIns .noData.full p::before{margin-bottom:24px}
.vaIns .brd8 .noData.full{height:calc(100vh - 296px)}
.vaIns .noData.full p{padding-bottom:0 !important;padding-top:48px;}
/* 자동 재배분 신청 */
.termsWrap form{display:flex;justify-content:space-between}
.termsWrap label{display:flex;cursor:pointer;position:relative;width:100%;font-size:16px;color:var(--cNavy);font-weight:600}
.termsWrap label + label{margin-left:12px}
.termsWrap label input{position:absolute;left:-9999px}
.termsWrap label input:checked + span{border:1px solid var(--cGreen)}
.termsWrap label input:checked + span:before{background:url(/images/va/ico_check_active.png)no-repeat center;background-size:20px}
.termsWrap label span{border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px;width:100%;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.08);transition:.2s ease}
.termsWrap label span:before{display:flex;flex-shrink:0;content:"";order:2;width:20px;height:20px;background:url(/images/va/ico_check.png)no-repeat center;background-size:20px;transition:.2s ease}

/* 펀드변경이력조회 */
.chgHistoryList > ul > li{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 20px 20px;border-radius:8px;border:solid 1px var(--cLine02)}
.chgHistoryList > ul > li + li{margin-top:8px}
.chgHistoryList > ul > li .date{margin-top:4px;display:flex;align-items:center}
.chgHistoryList > ul > li .date > span{font-size:12px;line-height:16px;color:var(--cFont03)}
.chgHistoryList > ul > li .date > em{margin-left:8px;font-size:14px;line-height:20px;color:var(--cFont02)}
.chgHistoryList > ul > li > .state{display:flex;flex-direction:column;justify-content:center;align-items:center}
.chgHistoryList > ul > li > .state .txtCancel{display:inline-block;margin-top:8px;font-size:12px;line-height:16px;color:var(--cFont02);}

/* 펀드변경이력 조회 내 상태 아이콘 */
.vaIns .icoState{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:100px;height:24px;padding:0 12px}
.vaIns .icoState span{font-size:13px;line-height:18px;font-weight:600}
.vaIns .icoState.wait{color:var(--cInfo);;background-color:#e8f1fd}
.vaIns .icoState.wait span{color:var(--cInfo);}
.vaIns .icoState.true{color:var(--cSuccess);background-color:#e9f8f1}
.vaIns .icoState.true span{color:var(--cSuccess);}
.vaIns .icoState.false{color:var(--cFont02);background-color:#f2f3f5}
.vaIns .icoState.false span{color:var(--cFont02);}
.vaIns .icoState.cancel{color:var(--cError);background-color:#feedee}
.vaIns .icoState.cancel span{color:var(--cError);}

.vaIns button.btnMore,
.myInsCheck button.btnMore{display:flex;height:40px;padding:0;box-sizing:border-box;justify-content:center;align-items:center;font-size:14px;font-weight:500;border:none}
.vaIns button.btnMore span,
.myInsCheck button.btnMore span{display:inline-flex;align-items:center;padding-right:0;background: none;color:var(--cFont03);}
.vaIns button.btnMore span::after,
.myInsCheck button.btnMore span::after{display:block;content:'';width:16px;height:16px;margin-left:4px;background:url(/images/va/ico_arr_b02.png) no-repeat center;background-size:8px}

/* ELS펀드편입내역 */
/* .elsAssets {padding-bottom: 48px;} */
.elsAssets .viewTblDetail + .viewTblDetail {margin-top: 12px;}

/* 보험계약조회 */
#container .contents.myInsCheck{padding:0 16px}
.myInsCheck .viewTblDetail{padding:20px;border:1px solid var(--cLine02);border-radius:8px}
.myInsCheck .viewTblDetail .label{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:16px;margin-bottom:4px}
.myInsCheck .viewTblDetail .label > span{color:var(--cFont03);}
.myInsCheck .viewTblDetail .label .icoInsState{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:12px;height:24px;font-size:12px;line-height:16px;font-weight:600;width:64px;}
.myInsCheck .viewTblDetail .label .icoInsState.icon01{color:var(--cSuccess);background-color:#e9f8f1}
.myInsCheck .viewTblDetail .label .icoInsState.icon02{color:var(--cError);background-color:#feedee}
.myInsCheck .viewTblDetail .label .icoInsState.icon03{color:var(--cFont02);background-color:#f2f3f5}
.myInsCheck .viewTblDetail .fdState{padding-right:82px}
.myInsCheck .viewTblDetail .fdState.type02{display:flex; justify-content:space-between; padding-right:0;}/* 2025 통합계약조회 추가 */
.myInsCheck .viewTblDetail .fdState .titH5 > a span{display:inline}
.myInsCheck .viewTblDetail .dlWrap{margin-top:16px;padding-top:16px;border-top:1px solid #dbdbdb}
.myInsCheck .viewTblDetail dl + dl{margin-top:8px}
.myInsCheck .viewTblDetail + .viewTblDetail{margin-top:12px}
.myInsCheck .noData{text-align:center}
.myInsCheck .noData > p{padding:64px 0;font-size:14px;line-height:20px;color:var(--cFont03);font-weight:400}
.myInsCheck .noData > p::before{display:block;content:'';width:40px;height:40px;margin:0 auto 16px;background:url(/images/va/ico_empty.png) no-repeat center;background-size:40px}
.myInsCheck .noData.border{border-top:1px solid var(--cNavy);border-bottom:1px solid var(--cLine03)}

/* 펀드수익률 알림신청 */
.vaIns .requestNotiBox {position: relative;padding: 20px 20px 24px 20px;border-radius: 8px;border: solid 1px var(--cLine02);background-color: #fff;}
.vaIns .requestNotiBox > dl {display: flex;justify-content:space-between;align-items: center;}
.vaIns .requestNotiBox > dl + dl {margin-top: 12px;;}
.vaIns .requestNotiBox > dl dt {flex:0 1 84px;font-size: 13px; line-height: 18px; color: var(--cFont02);}
.vaIns .requestNotiBox > dl dd {flex: 1 1 auto;}
.vaIns .requestNotiBox .selectList {margin-top: 12px; padding-top: 16px; border-top: 1px solid #e5e5e5;}
.vaIns .requestNotiBox + .requestNotiBox {margin-top: 12px;}

/* 버튼 */
.vaIns .btnConfirmed {box-sizing: border-box;width: 100%;height: 48px;display: inline-flex; justify-content: center; align-items: center; font-weight: 600; font-size: 16px; line-height: 20px; color: #fff; border-radius: 8px; background-color: var(--cGreen);}
.vaIns .btnConfirmed span{color:#fff;}

/* 변액보험 상담센터 */
.adviceBox{padding: 32px 20px 24px;border-radius: 8px;border: solid 1px var(--cLine02);text-align: center;}
.adviceBox .titH4{line-height: 20px;}
.adviceBox .bgBox{padding: 28px 20px 24px;border-radius: 8px;background-color: #ebfaf9;}
.adviceBox .bgBox .telNum{font-size:24px;line-height: 32px;color:var(--cFont01);font-weight: 700;margin-bottom:8px;}
.adviceBox .bgBox .adviceNum{font-size:16px;line-height:20px;color:var(--cFont01);margin-bottom:24px;}
.adviceBox .bgBox .adviceNum span{color:var(--cGreenB);font-weight: 700;}
.adviceBox .btnCall a{display:block;border-radius: 8px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);background-color: #fff;line-height: 40px;height: 40px;font-size:16px;color:var(--cGreen);font-weight: 600;}
.adviceBox .btnCall a span{padding-left:32px;background:url('/images/va/ico_call.png')no-repeat 0 center;background-size:24px;color:var(--cGreen);}

/* 하나생명 메인페이지 */
.mainBody .layer_popup .wrapper_popup .popup_header{padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top));} /* 231012 수정 */
.mainBody .layer_popup.menuAll .t_head.scroll{top:calc(11px + env(safe-area-inset-top));} /* 231012 수정 */
.mainBody{padding-bottom:env(safe-area-inset-bottom);} /* 231012 수정 */
.mainBody.vaMain .fixBottomMenu .bottomMenuList{padding-bottom:env(safe-area-inset-bottom);box-sizing: content-box;} /* 231012 수정 */
.mainBody.vaMain .fixBottomMenu .bottomMenuList li{padding-bottom:env(safe-area-inset-bottom);box-sizing: content-box;} /* 231013 수정 */
.mainBody.vaMain .fixBottomMenu .bottomMenuList li.active{padding-bottom:0;} /* 231013 수정 */
.mainBody.vaMain .fixBottomMenu .bottomMenuList li.active::before{padding-bottom:env(safe-area-inset-bottom);} /* 231013 수정 */
.mainBody.vaMain .fixBottomMenu .bottomMenuList li.active a span::before{margin-top:-28px;margin-top:calc(-28px - (env(safe-area-inset-bottom)/2));} /* 231013 수정 */


.mainBody.overHidden{overflow: hidden;height:100vh;}
.mainBody .swiper{position: relative;}
.mainBody .swiper .swiper-slide a{border: 0;} /* 231012 수정 */
.mainBody #wrapper{height:100%;position: relative;min-height: 100%;}
.mainBody #container{position: relative;top:0;bottom:auto;}
.mainBody #container #content{height:100%;min-height:100vh;}
.mainBody #header.type_small{height:calc(48px + env(safe-area-inset-top));background:transparent;min-height: calc(48px + env(safe-area-inset-top));}
.mainBody #header{z-index: 402;} /* 231012 수정 */
.mainBody header{display: block;opacity: 1;background:transparent !important;width:100%;border-radius: 0 0 16px 16px;}
.mainBody header.fixed{background: #fff !important;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);}
.mainBody header .btn_menu_all{background-image: url('/images/remain/ico_menu_all_w.png');background-size: 24px 24px;top:auto;position: absolute;bottom:8px;}
.mainBody header .grp_title.lv_01{width:80px;height:28px;background: url('/images/remain/img_logo_w.png')no-repeat 0 0;background-size: 80px 28px;top:auto !important;bottom:8px;}
.mainBody header.fixed .btn_menu_all{background-image: url('/images/remain/ico_menu_all.png');background-size: 24px 24px;}
.mainBody header.fixed .grp_title.lv_01{background: url('/images/remain/img_logo.png')no-repeat 0 0;background-size: 80px 28px;}
.mainBody header{position: absolute !important;transition: all 0.4s;}
.mainBody header.fixed{position: fixed !important;}

/* .mainBody .titH2 strong{display: block;} */

.mainBody .sec01 .swiper-pagination{font-size:6px;line-height: 5px;}
.mainBody .sec01 .swiper-horizontal>.swiper-pagination-bullets, 
.mainBody .sec01 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.mainBody .sec01 .swiper-pagination-custom, 
.mainBody .sec01 .swiper-pagination-fraction{width: auto;bottom:32px;left:22px;}
.mainBody .sec01 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.mainBody .sec01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.mainBody .sec01 .swiper-pagination-bullet{height:6px;width:6px;border-radius: 50%;background: rgba(255, 255, 255, 0.48);}

.mainBody .main_pist20 .sec01 .swiper-pagination-bullet-active{background:#fff !important;width:16px;border-radius: 3px;}

.mainBody .sec02 {padding:0 20px;}
.mainBody .sec02 ul{display: flex;justify-content: space-between;}
.mainBody .sec02 ul li{width: 72px;text-align: center;position: relative;}
.mainBody .sec02 ul li a{display: block;position:relative;}
.mainBody .sec02 ul li a .img{width:64px;height:64px;margin:0 auto;position: relative;border-radius:20px;}
.mainBody .sec02 ul li a .img::before,
.mainBody .sec02 ul li a .img::after{content:'';position: absolute;}
.mainBody .sec02 ul li a p{font-size:13px;line-height: 18px;color:var(--cFont02);margin-top:8px;}
.mainBody .sec02 ul li.link01 a .img{background-color:#e9f1fc;}
.mainBody .sec02 ul li.link01 a .img::before{width:32px;height:31px;left:50%;top:50%;margin-top:-16px;margin-left:-16px;background: url('/images/remain/ico_sec02_01_1.png')no-repeat 0 0;background-size: 32px 31px;}
.mainBody .sec02 ul li.link01 a .img::after{width:12px;height:10px;left:50%;top:30px;margin-left:-5px;background: url('/images/remain/ico_sec02_01_2.png')no-repeat 0 0;background-size: 12px 10px;}
.mainBody .sec02 ul li.link02 a .img{background-color:#ecf8f0;}
.mainBody .sec02 ul li.link02 a .img::before{width:26px;height:32px;left:50%;top:50%;margin-top:-16px;margin-left:-13px;background: url('/images/remain/ico_sec02_02_1.png')no-repeat 0 0;background-size: 26px 32px;}
.mainBody .sec02 ul li.link02 a .img::after{width:16px;height:16px;right:15px;bottom:16px;background: url('/images/remain/ico_sec02_02_2.png')no-repeat 0 0;background-size: 16px 16px;}
.mainBody .sec02 ul li.link03 a .img{background-color:#fcefe7;}
.mainBody .sec02 ul li.link03 a .img::before{width:30px;height:34px;left:50%;top:50%;margin-top:-17px;margin-left:-15px;background: url('/images/remain/ico_sec02_03_1.png')no-repeat 0 0;background-size: 30px 34px;}
.mainBody .sec02 ul li.link03 a .img::after{width:18px;height:10px;left:50%;margin-left:-9px;top:33px;background: url('/images/remain/ico_sec02_03_2.png')no-repeat 0 0;background-size: 18px 10px;}
.mainBody .sec02 ul li.link04 a .img{background-color:#f1f3fe;}
.mainBody .sec02 ul li.link04 a .img::before{width:32px;height:32px;left:50%;top:50%;margin-top:-16px;margin-left:-16px;background: url('/images/remain/ico_sec02_04_1.png')no-repeat 0 0;background-size: 32px 32px;}
.mainBody .sec02 ul li.link04 a .img::after{width:16px;height:16px;right:14px;bottom:14px;background: url('/images/remain/ico_sec02_04_2.png')no-repeat 0 0;background-size: 16px 16px;}

.mainBody .sec03 {padding:0 20px;}
.mainBody .sec03 .infoArea{position:relative;padding: 20px 20px 24px;border-radius: 12px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);border: solid 1px var(--cLine01);background-color: #fff;z-index: 2;}
.mainBody .sec03 .logInArea{position:relative;padding: 20px 24px 20px 24px;border-radius: 12px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);border: solid 1px var(--cLine01);background-color: #fff;z-index: 2;}
.mainBody .sec03 .subArea{position:relative;margin-top:-12px;padding:24px 12px 12px 20px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);background-color: var(--cBG02);z-index: 1;border-radius: 0 0 12px 12px;}
.mainBody .sec03 .subArea + .subArea{z-index: 0;}
.mainBody .sec03 .myName{font-size:18px;line-height: 24px;color: var(--cFont01);margin-bottom:24px;}
.mainBody .sec03 .myName span{display:inline-block;padding-right:32px;background:url('/images/remain/ico_sec03_01.png')no-repeat right 0;background-size:24px 24px;color: var(--cFont01);}
.mainBody .sec03 .myInsu{display: flex;}
.mainBody .sec03 .myInsu > dl{width:calc(100% - 42.3%);padding-left:16px;position: relative;}
.mainBody .sec03 .myInsu > dl:first-child{width:42.3%;padding-right:16px;padding-left:0;}
.mainBody .sec03 .myInsu > dl + dl::before{content:'';position: absolute;left:0;top:50%;margin-top:-26px;width:1px;height:52px;background-color: var(--cLine02);}
.mainBody .sec03 .myInsu > dl dt{font-size:13px;line-height: 18px;color: var(--cFont03);font-weight: 500;margin-bottom:6px;}
.mainBody .sec03 .myInsu > dl dd{text-align: right;font-size:14px;color:var(--cFont02);}
.mainBody .sec03 .myInsu > dl dd strong{font-size:22px;line-height: 28px;color:var(--cFont01);font-weight: 700;}
.mainBody .sec03 .subArea dl{display: flex;justify-content: space-between;}
.mainBody .sec03 .subArea dl + dl{margin-top:4px;}
.mainBody .sec03 .subArea dl dt{font-size:14px;line-height:20px;color:var(--cFont03);font-weight: 500;}
.mainBody .sec03 .subArea dl dd{font-size:14px;line-height:20px;color:var(--cFont02);}
.mainBody .sec03 .subArea dl dd .won{font-size:13px;}
.mainBody .sec03 .subArea dl dd .per{font-size:12px;}
.mainBody .sec03 .subArea dl dd a{padding-right:16px;background:url('/images/remain/ico_link.png')no-repeat right center;background-size:12px 12px;}
.mainBody .sec03 .subArea dl dd strong{font-size:16px;color:var(--cFont01);font-weight: 700;}
.mainBody .sec03 .subArea dl dd .per.colorPlus strong{color: var(--cPlus) !important;}
.mainBody .sec03 .subArea dl dd .per.colorMinus strong{color: var(--cMinus) !important;}
.mainBody .sec03 .logInArea a{align-items:center;padding-left:72px;background:url('/images/remain/ico_sec03_02.png')no-repeat left center;background-size:60px 60px;display: block;width: 100%;min-height: 60px;display:flex;}
.mainBody .sec03 .logInArea a span{font-size:16px;line-height: 20px;color:var(--cFont01);padding-right:16px;background:url('/images/remain/ico_link.png')no-repeat right bottom 5px;background-size:12px 12px;}
.mainBody .sec03 .logInArea a span em{font-weight: 600;}

.mainBody .sec04{padding-top:56px;border-top:8px solid var(--cBG02);}
.mainBody .sec04 .titH2{padding:0 20px;}
.mainBody .sec04 .scrollBox ul{box-sizing: border-box;padding-right: 16px;display: flex;overflow-x: scroll;margin-left:16px;}
.mainBody .sec04 .scrollBox ul li{width:280px;height:328px;position: relative;flex: 0 0 auto;border-radius: 16px;padding:28px 20px 24px 20px;}
.mainBody .sec04 .scrollBox ul li + li{margin-left:16px;}
.mainBody .sec04 .scrollBox ul li.link01{background-color: #fce8ee;}
.mainBody .sec04 .scrollBox ul li.link02{background-color: #e2edfe;}
.mainBody .sec04 .scrollBox ul li .cardTit{font-size:18px;line-height:24px;font-weight: 600;}
.mainBody .sec04 .scrollBox ul li .cardTxt{font-size:14px;line-height:20px;color:var(--cFont02);}
.mainBody .sec04 .scrollBox ul li .cardTit + .cardTxt{margin-top:8px;} 
.mainBody .sec04 .scrollBox ul li .btnBox{position: absolute;left:20px;bottom:24px;width:calc(100% - 40px);}
.mainBody .sec04 .scrollBox ul li .btnBox a{width:100%;text-align: center;font-weight:700;font-size:14px;line-height:40px;height:40px;background:#fff;border-radius: 8px;display: block;}
.mainBody .sec04 .scrollBox ul li.link01 .btnBox a span{color:var(--cHotPink);}
.mainBody .sec04 .scrollBox ul li.link02 .btnBox a span{color:var(--cNavy);}
.mainBody .sec04 .scrollBox ul li.link01 .imgBox .img01{position: absolute;background:url('/images/remain/img_sec04_01_1.png')no-repeat 0 0;background-size:108px 96px;width:108px;height:96px;right:32px;bottom:80px;}
.mainBody .sec04 .scrollBox ul li.link01 .imgBox .img02{position: absolute;background:url('/images/remain/img_sec04_01_2.png')no-repeat 0 0;background-size:36px 40px;width:36px;height:40px;right:76px;bottom:174px;}
.mainBody .sec04 .scrollBox ul li.link01 .imgBox .img03{position: absolute;background:url('/images/remain/img_sec04_01_3.png')no-repeat 0 0;background-size:41px 48px;width:41px;height:48px;right:48px;bottom:108px;}
.mainBody .sec04 .scrollBox ul li.link02 .imgBox .img01{position: absolute;background:url('/images/remain/img_sec04_02_1.png')no-repeat 0 0;background-size:132px 124px;width:132px;height:124px;right:28px;bottom:76px;}
.mainBody .sec04 .scrollBox ul li.link02 .imgBox .img02{position: absolute;background:url('/images/remain/img_sec04_02_2.png')no-repeat 0 0;background-size:28px 36px;width:28px;height:36px;right:126px;bottom:116px;}
.mainBody .sec04 .scrollBox ul li.link02 .imgBox .img03{position: absolute;background:url('/images/remain/img_sec04_02_3.png')no-repeat 0 0;background-size:28px 36px;width:28px;height:36px;right:36px;bottom:116px;}
.mainBody .sec04 .scrollBox ul li.link02 .imgBox .img04{position: absolute;background:url('/images/remain/img_sec04_02_4.png')no-repeat 0 0;background-size:22px 24px;width:22px;height:24px;right:52px;bottom:192px;}

.mainBody .sec05{padding-top:56px;border-top:8px solid var(--cBG02);padding-bottom: 48px;}
.mainBody .sec05 .titH2{padding:0 20px;margin-bottom:24px;}
.mainBody .sec05 .swiperTab{margin-bottom:30px;text-align: center;display: flex;justify-content: center;}
.mainBody .sec05 .swiperTab a{font-size:14px;line-height: 20px;color:#666e7a;position: relative;}
.mainBody .sec05 .swiperTab a span{color:#666e7a;}
.mainBody .sec05 .swiperTab > div + div{margin-left:20px;}
.mainBody .sec05 .swiperTab > .active a{font-weight: 700;}
.mainBody .sec05 .swiperTab > .active a span{color:var(--cGreen);}
.mainBody .sec05 .swiperTab > .active a::before{content:'';position: absolute;left:50%;bottom:-10px;margin-left:-4px;width:8px;height:8px;background:var(--cGreen);border-radius: 50%;}
.mainBody .sec05 .swiper-wrapper{align-items: center;}
.mainBody .sec05 .swiper-slide{width: 280px;padding:28px 24px;margin:0 16px;background: var(--cBG02);border-radius: 16px;}
.mainBody .sec05 .swiperTab01.swiper-slide.swiper-slide-active{background: #d9f8f6;}
.mainBody .sec05 .swiperTab02.swiper-slide.swiper-slide-active{background: #e8f5fe;}
.mainBody .sec05 .swiperTab03.swiper-slide.swiper-slide-active{background: #f0f3ff;}

.mainBody .sec05 .swiper-slide a > div{text-align: center;}
.mainBody .sec05 .swiper-slide .label{padding:0 14px;height:24px;line-height: 24px;font-size:13px;color: var(--cFont01);font-weight: 500; border-radius: 12px;background-color: #fff;display: inline-block;margin-bottom:8px;}
.mainBody .sec05 .swiper-slide .imgBox{visibility:hidden;height:54px;}
.mainBody .sec05 .swiper-slide.swiper-slide-active .imgBox{visibility:visible;width: 168px;height:144px;margin:0 auto;margin-bottom:4px;}
.mainBody .sec05 .swiper-slide .cardDesc{text-align: left;}
.mainBody .sec05 .swiper-slide p.cardTag{font-size:13px;line-height: 18px;color:var(--cFont01);font-weight: 500;margin-bottom: 4px;}
.mainBody .sec05 .swiper-slide p.cardTit{font-size:18px;line-height: 24px;color:var(--cFont01);font-weight: 600;margin-bottom: 4px;}
.mainBody .sec05 .swiper-slide p.cardTxt{font-size:14px;line-height: 20px;color:var(--cFont02);}

.mainBody .sec06{padding-top:56px;border-top:8px solid var(--cBG02);}
.mainBody .sec06 .titH2{padding:0 20px;}
.mainBody .sec06 .healthList{padding:0 20px;}
.mainBody .sec06 .healthList li{padding-left:88px;min-height: 64px;position: relative;display: flex;align-items: center;}
.mainBody .sec06 .healthList li::before{content:'';position: absolute;left:0;top:50%;margin-top:-32px;width:64px;height:64px;border-radius: 20px;}
.mainBody .sec06 .healthList li.list01::before{background-color: #ddedf6;}
.mainBody .sec06 .healthList li.list02::before{background-color: #feeeeb;}
.mainBody .sec06 .healthList li.list03::before{background-color: #e0e9fe;}
.mainBody .sec06 .healthList li::after{content:'';position: absolute;left:12px;top:50%;margin-top:-20px;width:40px;height:40px;background-size:40px 40px;background-repeat: no-repeat;background-position: 0 0;}
.mainBody .sec06 .healthList li.list01::after{background-image: url('/images/remain/ico_sec06_01.png');}
.mainBody .sec06 .healthList li.list02::after{background-image: url('/images/remain/ico_sec06_02.png');}
.mainBody .sec06 .healthList li.list03::after{background-image: url('/images/remain/ico_sec06_03.png');}
.mainBody .sec06 .healthList li + li{margin-top:20px;}
.mainBody .sec06 .healthList li p{font-size:16px;line-height: 20px;color:var(--cFont01);font-weight: 500;}
.mainBody .sec06 .healthList li p:first-child{font-size:14px;color:var(--cFont02);margin-bottom:4px;}
.mainBody .sec06 .btnBox{padding:0 16px;}
.mainBody .sec06 .btnBox a{display:block;width:100%;border-radius: 8px;border: solid 1px var(--cGreen);background-color: #fff;text-align: center;font-size:16px;font-weight: 700;height:48px;line-height: 48px;box-sizing: border-box;color:var(--cGreen);}
.mainBody .sec06 .btnBox a span{color:var(--cGreen);}

.mainBody .sec07{padding:40px 16px 38px 16px;border-top:8px solid var(--cBG02);}
.mainBody .sec07 .notice + .callCenter{border-top:1px solid var(--cLine02);margin-top:24px;padding-top:24px;}
.mainBody .sec07 .notice{background-color: var(--cBG01);border-radius: 12px;padding:10px 20px;}
.mainBody .sec07 .notice li a{display: flex;justify-content: space-between;height:20px;}
.mainBody .sec07 .notice li .label{font-size:13px;line-height: 20px;color: #0a7f7a;font-weight: 600;width:24px;}
.mainBody .sec07 .notice li p{padding-left:8px;padding-right:8px;font-size:14px;line-height: 20px;color:#4d5967;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;width:calc(100% - 24px - 70px);}
.mainBody .sec07 .notice li .date{font-size:13px;line-height: 20px;font-weight: 500;color:var(--cFont03);width:70px;}
.mainBody .sec07 .callCenter{position: relative;}
.mainBody .sec07 .callCenter .tit{font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom:8px;color:var(--cFont01);}
.mainBody .sec07 .callCenter .telNum{font-size:18px;line-height: 24px;font-weight: 700;margin-bottom:4px;color:var(--cFont01);}
.mainBody .sec07 .callCenter .txt{font-size:13px;line-height: 18px;color:var(--cFont02);}
.mainBody .sec07 .callCenter .btnBox{position: absolute;top:24px;right:0;width:48px;height:48px;background: #e0f5f4;border-radius: 50%;}
.mainBody .sec07 .callCenter .btnBox a{display: block;width:100%;height:100%;}
.mainBody .sec07 .callCenter .btnBox a::before{content:'';position: absolute;top:50%;left:50%;margin-left:-16px;margin-top:-16px;width:32px;height:32px;background:url('/images/remain/ico_sec07.png')no-repeat 0 0;background-size:32px 32px;}
.mainBody .sec07 .callCenter .btnBox a span{display: inline-block;text-indent: -99999px;}
.mainBody .sec07 .law{font-size:12px;line-height: 16px;color:var(--cFont03);margin-top:24px;}

.mainBody .mainBannerPop{height:100vh;}
.mainBody .mainBannerPop .mainBanner{position: relative;}
.mainBody .mainBannerPop .wrapper_popup{position: relative;width: 100%;max-height: auto;left: initial;top: initial;right: initial;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;}
.mainBody .mainBannerPop img{height:auto;}
.mainBody .mainBannerPop .mb_btns{padding:20px 24px 24px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));}
.mainBody .mainBannerPop .mb_btns button{font-size:14px;line-height: 20px;color:var(--colorNavy);font-weight: 600;}
.mainBody .mainBannerPop .mb_btns button span{line-height: 20px;}
.mainBody .mainBannerPop .swiper-pagination{bottom:50px;left:22px;width: auto;}
.mainBody .mainBannerPop .swiper-pagination-bullet{opacity: 1;margin:0 2px;height:6px;}
.mainBody .mainBannerPop .swiper-pagination-bullet-active{width:16px;border-radius: 3px;}

.vaBody .mainBannerPop{height:100vh;}
.vaBody .mainBannerPop .mainBanner{position: relative;}
.vaBody .mainBannerPop .wrapper_popup{position: relative;width: 100%;max-height: auto;left: initial;top: initial;right: initial;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;bottom:0;}
.vaBody .mainBannerPop img{height:auto;}
.vaBody .mainBannerPop .mb_btns{padding:20px 24px 24px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));}
.vaBody .mainBannerPop .mb_btns button{font-size:14px;line-height: 20px;color:var(--colorNavy);font-weight: 600;}
.vaBody .mainBannerPop .mb_btns button span{line-height: 20px;}
.vaBody .mainBannerPop .mb_btns button.btn_popToday{float:left;}
.vaBody .mainBannerPop .mb_btns button.btn_popClose{float:right;}
.vaBody .mainBannerPop .mb_btns:after{content:''; display:block; clear:both;}
.vaBody .mainBannerPop .swiper-pagination{bottom:50px;left:22px;width: auto;}
.vaBody .mainBannerPop .swiper-pagination-bullet{opacity: 1;margin:0 2px;height:6px;}
.vaBody .mainBannerPop .swiper-pagination-bullet-active{width:16px;border-radius: 3px;}

.dialog.full.imgPop{height: -webkit-fill-available;height:100vh;}
.onePage{max-height:100vh;}
.onePage .fundRenewSwiper .topBox{height:72%;background:#f1f5f8;position: relative;}
.onePage .fundRenewSwiper .topBox .tit{position: absolute;border-radius: 16px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);background-color: #fff;font-size:1.65vh;height:3.79vh;line-height: 3.79vh;width: 18.95vh;text-align: center;top:calc(10% + env(safe-area-inset-top));left: 50%;transform: translateX(-50%);color:var(--cGreen);font-weight: 600;}
.onePage .fundRenewSwiper.swiper-ios .topBox .tit{top:20%;}
.onePage .fundRenewSwiper .topBox .imgBox {position: absolute;bottom: 0;height: auto;text-align: center;left: 50%;transform: translateX(-50%);width: 100%;padding:0 8%;}
.onePage .fundRenewSwiper .topBox .imgBox img {height: 100%;display: block;width: 100%;}
.onePage .fundRenewSwiper .txtBox{height:28%;box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.06);padding:4.73vh 9.23vw 0 9.23vw;text-align: center;}
.onePage .fundRenewSwiper .txtBox p{font-size:2.6vh;line-height: 1.45;font-weight: 300;color:var(--cNavy);}
.onePage .fundRenewSwiper .swiper-slide{height:100vh;background-color: #fff;overflow: hidden;} 
.onePage .fundRenewSwiper .lastPage .topBox{height:calc(100% - 28.43vh);}
/* .onePage .fundRenewSwiper .lastPage .topBox .imgBox {height: 54.0vh;width: 46.2vh;} */
.onePage .fundRenewSwiper .lastPage .txtBox{height:28.43vh;padding:3.79vh 9.23vw 0 9.23vw;}
.onePage .fundRenewSwiper .lastPage .btnBin{margin-top:3.79vh;height:5.68vh;line-height: 5.68vh;font-size: 1.89vh;color:#fff;font-weight: 700;text-align: center;width:100%;border-radius: 24px;background: var(--cGreen);}
.onePage .fundRenewSwiper .lastPage .btnBin span{color:#fff}
.onePage .fundRenewSwiper .swiper-button-next, 
.onePage .fundRenewSwiper .swiper-button-prev{top:auto;bottom:14.92vh;margin-top:0;width: 1.18vh;height: 2.37vh;}
.onePage .fundRenewSwiper .swiper-button-next, 
.onePage .fundRenewSwiper .swiper-rtl .swiper-button-prev{right:2.369vh;background:url('/images/va/ico_slide_r.png')no-repeat 0 0;background-size: 100%;}
.onePage .fundRenewSwiper .swiper-button-prev, 
.onePage .fundRenewSwiper .swiper-rtl .swiper-button-next{left:2.369vh;background:url('/images/va/ico_slide_l.png')no-repeat 0 0;background-size: 100%;}
.onePage .fundRenewSwiper .swiper-button-next::after,
.onePage .fundRenewSwiper .swiper-button-prev::after{content:none;}
.onePage .fundRenewSwiper .swiper-button-next.swiper-button-disabled, 
.onePage .fundRenewSwiper .swiper-button-prev.swiper-button-disabled{display: none;}
.onePage .fundRenewSwiper .swiper-horizontal>.swiper-pagination-bullets,
.onePage .fundRenewSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.onePage .fundRenewSwiper .swiper-pagination-custom,
.onePage .fundRenewSwiper .swiper-pagination-fraction{bottom:5.687vh;}
.onePage .fundRenewSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.onePage .fundRenewSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;opacity: 1;background: var(--cLine02);width:8px;height: 8px;}
.onePage .fundRenewSwiper .swiper-pagination-bullet-active{background: var(--cGreen) !important;width:16px !important;border-radius: 4px !important;}
.onePage .fundRenewSwiper.lastSwiper .swiper-button-prev{display: none !important;}
.onePage .fundRenewSwiper.lastSwiper .swiper-pagination {display: none !important;}
.onePage .fundRenewSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet span,
.onePage .fundRenewSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet span{display: inline-block;text-indent: -99999px;}
.onePage .fundRenewSwiper .slidePlayBox{display: none;}

/*
.vaIns.vaMain{top:0;position:fixed !important;}
.vaIns.vaMain #innerWrap{overflow:hidden;position:fixed;width:100%;height:100%;}
.vaIns.vaMain .vaContainer{overflow:hidden;position:fixed !important;top:46px;left:0;bottom:0;right:0;}
.vaIns.vaMain .vaContainer .contents{overflow-y:scroll;}
*/

/* 임시 footer */
.vaIns footer{padding-bottom:70px !important;padding:0;min-height: auto;}
.vaIns footer a{font-size:14px;}
.vaIns footer .menu01,
.vaIns footer .menu02,
.vaIns footer .footer_logo,
.vaIns footer address,
.vaIns footer .copy{display: none;}

/* 2025 통합계약조회 추가 */
.totalContract .mg10{margin:0 10px 10px !important;}
.totalContract .topTitle .titDefault {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.625rem;
}
.totalContract .inpTabType {
    display: flex;
}
.totalContract .radioBox {
    display: inline-block;
    position: relative;
}
.totalContract .inpTabType .radioBox, 
.totalContract .inpTabType .checkBox {
    flex: 1;
    margin-left: 0.5rem;
}
.totalContract .inpTabType .radioBox:first-child, .inpTabType .checkBox:first-child {
    margin-left: 0;
}
.totalContract .radioBox input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
}
.totalContract .inpTabType .radioBox label, 
.totalContract .inpTabType .checkBox label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    padding: 0;
    border: 1px solid rgb(249, 249, 249);
    background-color: rgb(249, 249, 249);
    border-radius: 0.5rem;
    text-align: center;
    color: rgb(102, 102, 102);
    font-size: 0.875rem;
    font-weight: 500;
}
.totalContract .inpTabType .radioBox input:checked + label,
.totalContract .inpTabType .checkBox input:checked + label {
    position: relative;
    z-index: 1;
    color: #fff;
    background-color: rgb(0, 142, 113);
    font-weight: 700;
}
.totalContract input[type=checkbox] + label:after, 
.totalContract input[type=radio] + label:after{
	display:none;
}
.totalContract .formList {
    position: relative;
    width: 100%;
    margin-top: 1.875rem;
}
.totalContract .formList .formItem + .formItem {
    margin-top: 1.25rem;
}
.totalContract .formList .formItem .label {
    display: block;
    font-size: 0.875rem;
    font-weight: 400 !important;
    color: #232323;
    line-height: 1;
    margin-bottom: 0.5rem;
    letter-spacing: -0.07em;
}
.totalContract .inputBox {
    position: relative;
    display: flex;
    height: 3.375rem;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 0 0.625rem 0 1rem;
}
.totalContract .inpText {
    position: relative;
    width: 100%;
    height: 100%;
    padding:0;
    line-height: normal !important;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    color: rgb(34, 34, 34);
    font-size: 1rem;
    font-weight: 500;
    vertical-align: middle;
    -webkit-appearance: none;
    transition: .3s;
}
.totalContract .formItem.equal {
    display: flex;
    align-items: center;
}
.totalContract .formItem.equal > .formItem {
    flex: 1;
    width: 100%;
    margin-top: 0;
}
.totalContract .formItem.equal > .formItem + .formItem {
    margin-left: 0.25rem;
}
.totalContract .chkBoxWrap {
    display: flex;
}
.totalContract .chkBoxWrap > div {
    display: flex;
    width: 100%;
}
.totalContract .hpAuthCont .chkBoxWrap .radioBox label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.totalContract .hpAuthCont .chkBoxWrap .radioBox input + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    z-index: 1;
    border-radius: 50%;
}
.totalContract .hpAuthCont .chkBoxWrap .radioBox input:checked + label:before {
	border: 6px solid rgb(0, 142, 113);
}

.totalContract.btn-area.ft-btn{
	box-shadow:none;
}
.totalContract .flex-btn{
    text-align: center;
    font-size: 0;
    position: relative;
    display: flex;
    width: 100%;
    margin:1.25rem 0 2rem;
    justify-content: center;
}
.totalContract .flex-btn .btns {
	position: relative;
	width: 100%;
	margin-left: 0.5rem;
    padding: 0 0.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    height: 3.25rem;
    border-radius: 1.625rem;
}
.totalContract .flex-btn .btns.btnLine01 {
    border: 2px solid rgb(0, 142, 113);
    background: #fff;
    color: rgb(0, 142, 113);
}
.totalContract .flex-btn .btns.btnCol01 {
    background: rgb(0, 142, 113);
    color: #fff;
}
.totalContract .flex-btn .btns:first-child {
    width: 35%;
    min-width: unset;
    flex: none;
    margin-left:0;
}
.totalContract .inp-group.basic .inp-sel-box input[type=checkbox] + label{
	font-size:12px;
}
.totalContract .inp-group.basic .inp-sel-box.all input[type=checkbox] + label{
	font-size:13px;
}
.totalContract .notify-list + .notify-list{
	margin-top: 30px;
}
.totalContract .info-list.accordion-list{
	background:transparent;
}
.totalContract .notify-list{
	border-radius:10px;
	background: #f6f8f9;
	overflow:hidden;
}
.totalContract .info-list .notify-list > dt{
	position:releative;
	padding-top:25px;
	padding-bottom:25px;
	font-size:15px;
	color:#4A4A4A;
	background-color:#E5FAF1;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99869 0C10.7765 4.72768e-05 11.5276 0.283371 12.1117 0.797L12.2657 0.942L12.9637 1.64C13.1553 1.83031 13.4054 1.95045 13.6737 1.981L13.8087 1.989H14.8087C15.6259 1.98895 16.4122 2.30157 17.0063 2.86274C17.6003 3.42391 17.9572 4.19111 18.0037 5.007L18.0087 5.189V6.189C18.0087 6.459 18.1007 6.722 18.2667 6.932L18.3567 7.032L19.0537 7.73C19.6314 8.30445 19.9683 9.07762 19.9956 9.89187C20.0229 10.7061 19.7386 11.5001 19.2007 12.112L19.0557 12.266L18.3577 12.964C18.1674 13.1556 18.0472 13.4057 18.0167 13.674L18.0087 13.809V14.809C18.0087 15.6262 17.6961 16.4125 17.135 17.0066C16.5738 17.6006 15.8066 17.9575 14.9907 18.004L14.8087 18.009H13.8087C13.5391 18.0091 13.2773 18.1 13.0657 18.267L12.9657 18.357L12.2677 19.054C11.6932 19.6317 10.9201 19.9686 10.1058 19.9959C9.29158 20.0232 8.49757 19.7389 7.88569 19.201L7.73169 19.056L7.03369 18.358C6.84213 18.1677 6.59198 18.0475 6.32369 18.017L6.18869 18.009H5.18869C4.37148 18.009 3.58521 17.6964 2.99113 17.1353C2.39704 16.5741 2.04017 15.8069 1.99369 14.991L1.98869 14.809V13.809C1.9886 13.5394 1.89772 13.2776 1.73069 13.066L1.64069 12.966L0.943693 12.268C0.365975 11.6936 0.0291158 10.9204 0.00180075 10.1061C-0.0255143 9.29188 0.258771 8.49787 0.796693 7.886L0.941693 7.732L1.63969 7.034C1.83 6.84244 1.95015 6.59229 1.98069 6.324L1.98869 6.189V5.189L1.99369 5.007C2.03835 4.22245 2.37012 3.48175 2.92578 2.92609C3.48144 2.37043 4.22214 2.03865 5.00669 1.994L5.18869 1.989H6.18869C6.45831 1.98891 6.72004 1.89803 6.93169 1.731L7.03169 1.641L7.72969 0.944C8.02703 0.644889 8.38056 0.407505 8.76996 0.245499C9.15936 0.0834934 9.57694 6.10761e-05 9.99869 0ZM13.6957 7.282C13.5082 7.09453 13.2539 6.98921 12.9887 6.98921C12.7235 6.98921 12.4692 7.09453 12.2817 7.282L8.98869 10.574L7.69569 9.282L7.60169 9.199C7.4007 9.04359 7.14809 8.97051 6.89517 8.9946C6.64224 9.01869 6.40797 9.13816 6.23994 9.32872C6.07191 9.51929 5.98271 9.76667 5.99046 10.0206C5.99822 10.2746 6.10234 10.516 6.28169 10.696L8.28169 12.696L8.37569 12.779C8.5681 12.9283 8.80835 13.0022 9.05137 12.9869C9.2944 12.9716 9.5235 12.8682 9.69569 12.696L13.6957 8.696L13.7787 8.602C13.9279 8.4096 14.0019 8.16934 13.9866 7.92632C13.9713 7.68329 13.8679 7.45419 13.6957 7.282Z' fill='%23009178'/%3E%3C/svg%3E%0A");
	background-size:20px auto;
	background-position: left 15px center;
	border-radius:10px;
	box-shadow: 0 3px 6px #0000000A;
}
.totalContract .info-list .notify-list > dt .count{
	display:block;
	position:absolute;
	top:0; right:50px;
	line-height:72.5px;
	font-size:15px;
	font-weight:700;
	color:#FF7878;
}
.totalContract .info-list .notify-list > dt .count > span{
	color:inherit;
}
.totalContract .info-list.accordion-list .notify-list > dt::after{
	height:72.5px;
}
.totalContract .info-list.accordion-list .notify-list > dd{
	padding-top:15px;
	padding-bottom:15px;
	margin-left:11px;
	margin-right:11px;
	border-top:none;
}
.totalContract .myInsCheck .viewTblDetail{
	background:#fff;
}
.totalContract .dlWrap dt,
.totalContract .var_recon dt,
.totalContract .type01 > dl > dt{
	background:transparent;
	padding:0;
}
.totalContract .notToggle .check_warp02{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.totalContract .notToggle .var_relist {
    border-top: 1px solid #d3d3d3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top:15px;
}
.notToggle .label .icoInsState {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 12px;
    height: 24px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    width: 64px;
}
.totalContract .label .icoInsState{
	width:auto !important;
	min-width: 64px;
	padding:0 10px;
}
.totalContract .label .icoInsState.icon01{color:var(--cSuccess);background-color:#e9f8f1}
.totalContract .label .icoInsState.icon02{color:var(--cError);background-color:#feedee}
.totalContract .label .icoInsState.icon03{color:var(--cFont02);background-color:#f2f3f5}
.totalContract .label .icoInsState.icon04{color:#fff;background-color:#0065BE}
.totalContract .label .icoInsState.icon05{color:#fff;background-color:#ED1651}
.totalContract .label .icoInsState.icon06{color:#fff;background-color:#1AA4A4}
.totalContract .label .icoInsState.icon07{color:#fff;background-color:#4288F4}
.totalContract .label .icoInsState.icon08{color:#fff;background-color:#F19737}
.totalContract .myInsCheck .viewTblDetail .label .aside{
	max-width:70%;
}
.totalContract .var_recon{
	display:none;
}
.totalContract .var_recon.active{
	display:block;
}
.totalContract .var_conlist2 li{
	background:#fff;
	padding: 20px;
    border: 1px solid var(--cLine02);
    border-radius: 8px;
}
.totalContract .type01 > dl{
	padding: 20px;
}
.totalContract .type01 .tblView08{
	margin-bottom:-15px;
}
.totalContract .tblView08 tbody tr th,
.totalContract .tblView08 tbody tr td{
	padding: 8px 0;
	font-family: 'NotoSansR';
	color: var(--cFont02);
}
.totalContract .dlWrap dt::after,
.totalContract .var_recon dt::after{
	display:none !important;
}
.totalContract .dlWrap dd,
.totalContract .vartog_box{
	border-top:none !important;
	padding:0 !important;
	margin:0 !important;
}
.totalContract .var_conlist2 li{
	padding:0 !important;
}
.totalContract .var_conlist2 li + li{
	margin-top:8px;
}
.totalContract .type01 > dl > dt > span{
	padding-left:0;
	font-size:16px;
	color: var(--cFont01);
	font-family: "Pretendard", sans-serif;
}
.totalContract .tblView08 tbody tr th,
.totalContract .tblView08 tbody tr td{
	font-size:12px;
	font-family: "Pretendard", sans-serif;
}
.totalContract .tblView08 tbody tr td{
	color: var(--cFont01);
    font-weight: 600;
}

.totalContract .varcon_list1 {
	display:block;
    padding:5px 15px;
    margin-top:10px;
    border: 1px solid #d3d3d3;
    border-radius:5px;
}
.totalContract .varcon_list1 > dl{
	display: flex;
    justify-content: space-between;
    align-items:center;
    width:100%;
	padding:0;
}
.totalContract .varcon_list1 > dl > dt{
	font-size: 12px;
	line-height:12px;
	padding: 5px 0;
	margin:0;
	font-family: "Pretendard", sans-serif;
    color: var(--cFont02);
}
.totalContract .varcon_list1 > dl > dd{
	border-top:none !important;
	padding: 8px 0 !important;
	margin:0;
	font-size: 12px;
	line-height:12px;
	text-align: right;
    font-family: "Pretendard", sans-serif;
    font-weight:600;
	color: var(--cFont01);
}
.totalContract .pinkBold {
    color: var(--cError);
    font-family: "Pretendard", sans-serif;
}

.totalContract .backList-btn{
	width:13px; height:13px;
	margin:0 10px 15px;
	text-indent:-9999px;
	overflow:hidden;
	background: url('/images/varChange/var_ico_arrow06.png') no-repeat 50% 50% / 12px 7px;
	transform:rotate(90deg);
}
.totalContract .noData > p{
	color: var(--cFont01);
}
.totalContract .noData > p::before{
	display:none;
}

.totalContract .inp-group.basic .inp-sel-box.all input[type=checkbox] + label{
	padding-left:15px;
	background:#fff;
	border:1px solid #B2B2B2;
	color:#525252;
	font-weight:600;
}
.totalContract .inp-group.basic .inp-sel-box.all input[type=checkbox]:checked + label{
	background:#F2F2F2;
	color:#232323;
}
.totalContract .inp-group.basic .inp-sel-box.all input[type=checkbox] + label::before{
	position:absolute;
	left: calc(100% - 35px);
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7363 0.277256C11.9052 0.454634 12 0.695179 12 0.945992C12 1.19681 11.9052 1.43735 11.7363 1.61473L4.98687 8.70441C4.89768 8.79812 4.79178 8.87246 4.67523 8.92318C4.55868 8.9739 4.43376 9 4.3076 9C4.18145 9 4.05653 8.9739 3.93998 8.92318C3.82343 8.87246 3.71753 8.79812 3.62833 8.70441L0.274909 5.18258C0.188903 5.09533 0.120302 4.99096 0.073108 4.87556C0.0259142 4.76016 0.001073 4.63604 3.39995e-05 4.51044C-0.001005 4.38485 0.021779 4.2603 0.0670565 4.14405C0.112334 4.02781 0.179198 3.9222 0.263748 3.83339C0.348297 3.74458 0.448838 3.67434 0.559505 3.62678C0.670172 3.57922 0.788749 3.55529 0.908315 3.55638C1.02788 3.55747 1.14604 3.58357 1.25591 3.63314C1.36577 3.68271 1.46513 3.75477 1.5482 3.84511L4.3073 6.74329L10.4625 0.277256C10.5461 0.189359 10.6454 0.119631 10.7547 0.0720587C10.864 0.0244859 10.9811 0 11.0994 0C11.2177 0 11.3348 0.0244859 11.4441 0.0720587C11.5534 0.119631 11.6527 0.189359 11.7363 0.277256Z' fill='%237B7B7B'/%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-position:center;
	border:none;
	opacity:0.7;
}
.totalContract .inp-group.basic .inp-sel-box.all input[type=checkbox]:checked + label::before{
	background-color:transparent;
	opacity:1;
}
.totalContract .inp-group.basic .inp-sel-box input[type=checkbox] + label::before{
	left:10px;
	border-radius:5px;
	border-color: #B2B2B2;
}
.totalContract .inp-group.basic .inp-sel-box input[type=checkbox]:checked + label::before{
	background-color:#F2F2F2;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7363 0.277256C11.9052 0.454634 12 0.695179 12 0.945992C12 1.19681 11.9052 1.43735 11.7363 1.61473L4.98687 8.70441C4.89768 8.79812 4.79178 8.87246 4.67523 8.92318C4.55868 8.9739 4.43376 9 4.3076 9C4.18145 9 4.05653 8.9739 3.93998 8.92318C3.82343 8.87246 3.71753 8.79812 3.62833 8.70441L0.274909 5.18258C0.188903 5.09533 0.120302 4.99096 0.073108 4.87556C0.0259142 4.76016 0.001073 4.63604 3.39995e-05 4.51044C-0.001005 4.38485 0.021779 4.2603 0.0670565 4.14405C0.112334 4.02781 0.179198 3.9222 0.263748 3.83339C0.348297 3.74458 0.448838 3.67434 0.559505 3.62678C0.670172 3.57922 0.788749 3.55529 0.908315 3.55638C1.02788 3.55747 1.14604 3.58357 1.25591 3.63314C1.36577 3.68271 1.46513 3.75477 1.5482 3.84511L4.3073 6.74329L10.4625 0.277256C10.5461 0.189359 10.6454 0.119631 10.7547 0.0720587C10.864 0.0244859 10.9811 0 11.0994 0C11.2177 0 11.3348 0.0244859 11.4441 0.0720587C11.5534 0.119631 11.6527 0.189359 11.7363 0.277256Z' fill='%237B7B7B'/%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-position:center;
	border-color: #B2B2B2;
}
.totalContract .agree-check-list .check-pop .inp-sel-box label{
	padding-left: 40px !important;
}
.totalContract .agree-check-list .check-pop button{
	height:35px;
}
.totalContract .info-list.accordion-list .notify-list dt.noDtCont{
	display:none;
}
.totalContract .notToggle .noDtCont + .vartog_box .var_relist{
	margin-top:0;
	padding-top:0;
	border-top:none;
}
.totalContract_slide{
	padding:0 20px;
}
.totalContract_slide .evt_bn_slide{
	margin: 54px -36px;
}
.totalContract_slide .evt_bn_slide .swiper-container {
    padding: 0 36px;
}
/* // 2025 통합계약조회 추가 */