@charset "utf-8";

.container {margin: 0 20px;}

/* 폰트컬러 관련 */
.raColorGray80 {color: #515961 !important;}
.raRed {color:#E5493A !important;}

/* 간격 관련 */
.raMgh_8 {height:0.8rem !important;}
.raMgh_32 {height:3.2rem !important;}
.raMgh_80 {height:8rem !important;}
.raMgh_100 {height:10rem !important;}

/* 아이콘 관련 */
.raRightArrow12 {width:1.2rem; height:1.2rem; background:url(../../img/bg/bg_toggle_arrow.png) no-repeat center center; background-size:1.2rem auto; transform:rotate(90deg); transition:.2s all .1s;}
.raRedInfoIcon .ico_info i {background-position:0rem -10rem !important;}

.noBottomTitle {margin-bottom:-50px;}
.subTitleSize {font-size:22px;}
.stampTitleContainer {display: flex}
.stampTitleContainer .stampStyle {margin-top: 8px;}
.stampTitleContainer .stampStyle p {position: relative; margin-left: 10px}
.stampTitleContainer .moreInfo {position: absolute; right:0; top: 20px}

.caution {margin-left: 20px;margin-bottom: 10px;}
.caution .subcomment {display: flex;align-items: center;justify-content: space-between;}
.caution .subcomment .caution_text {color: #6E7780;font-weight: 700;font-size: 17px;display: inline;}

.questionBox {border: 1px solid #6E7780 ;padding: 10px;border-radius: 15px;margin-bottom: 10px;}
.questionBox .questionTitle {display: flex;justify-content: space-between;}
.questionBox .questionTitle .questinoText {flex: 1;margin-right: 12px;}

.labelBox {display: flex;flex-direction: row;}
.labelBox .labelBoxItem {border: 1px solid #6E7780;border-radius: 5px;flex:1;padding: 10px;font-weight: bold;text-align: center;display: flex;align-items: center;}
.labelBox .labelBoxItem .long {font-size: 15px;line-height: 1.8rem !important}
.labelBox .labelBoxItem input:checked + span{background:#fff;color:#0561e6}

.subTextStyle p {padding-bottom: 0px; margin-top:20px; font-size: 18px !important; font-weight: bold}
.subBond p {padding-bottom: 0px; margin-top:20px; font-size: 16px !important; font-weight: bold; color: black}


/* 가입단계 프로그래스를 나타내는 프로그래스 바 ::: m_cnt_progress_bar */
.progressBarContainer { width: 100%; height: 29px; margin-top:12px }
.progressBarContainer .bgBar {height: 3px; width: 100%; background-color: #F2F5F7;}
.progressBarContainer .fgBar {height: 3px; background-color: #307FF0;}
/* 5단계 */
.progressBarContainer.step1_5 .fgBar {width: 20%;}
.progressBarContainer.step2_5 .fgBar {width: 40%;}
.progressBarContainer.step3_5 .fgBar {width: 60%;}
.progressBarContainer.step4_5 .fgBar {width: 80%;}
.progressBarContainer.step5_5 .fgBar {width: 100%;}
/* 8단계 */
.progressBarContainer.step1_8 .fgBar {width: 12.5%;}
.progressBarContainer.step2_8 .fgBar {width: 25%;}
.progressBarContainer.step3_8 .fgBar {width: 37.5%;}
.progressBarContainer.step4_8 .fgBar {width: 50%;}
.progressBarContainer.step5_8 .fgBar {width: 62.5%;}
.progressBarContainer.step6_8 .fgBar {width: 75%;}
.progressBarContainer.step7_8 .fgBar {width: 87.5%;}
.progressBarContainer.step8_8 .fgBar {width: 100%;}
.progressBarContainer .fgStep { width: 100%; text-align: right;font-weight:700; font-size:1.4rem; color:#8C959F; line-height:2.2rem; margin-top:0.4rem;}


/* g_st_rba_title_with_icon */
.titleWithIconGroup {display:flex; }
.titleWithIconGroup .iconBtn {padding-top:1.2rem; padding-left:5px; vertical-align:top;   }


/*
	[펀드포트폴리오 > 펀드포트폴리오 가입]
*/
/* 펀드포트폴리오 가입 > 신청정보확인 ::: P_M_RBA790023_05_meta.js > 포트폴리오 리스트 */
.bondBox {margin-bottom: 10px}
.bondContainer {position:relative; border:1px solid #e1e3e6; border-radius:0.7rem; margin-top:1.6rem}/*  background: linear-gradient(white 65%, #E0E1E4 40px)} */
/* .bondContainer::after {content:'';  position:absolute;bottom:0;left:0;width:100%;height:69px;background-color:#F5F7FA; z-index: -1; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;} */
.bondContainer .topContents {display:flex; align-items:center; margin-bottom:1rem; font-size:1.3rem; padding-top:2rem; padding-left:2rem;}
.bondContainer .topContents .danger {border:1px solid #e5493a; border-radius: 0.2rem; padding:0.2rem 0.4rem 0 0.4rem; color: #e5493a; margin-right: 0.4rem;}
.bondContainer .topContents .from   {border:1px solid #6e7780; border-radius: 0.2rem; padding:0.2rem 0.4rem 0 0.4rem; color: #6e7780; margin-right: 0.4rem;}
.bondContainer .centerContents .bondTitle {font-size:1.6rem;}
.bondContainer .investPercent  {color:#8C959F; font-weight:700; margin-bottom:2rem; padding-left:2rem; padding-right:2rem;}
.bondContainer .centerContents {color:#212529; margin-bottom:1.6rem; padding-left:2rem; padding-right:2rem;}
.bondContainer .bottomContents {background-color:#F5F7FA; padding:2rem 2rem 1.8rem 2rem; border-bottom-left-radius:0.6rem; border-bottom-right-radius:0.6rem; box-sizing:border-box;}
.bondContainer .bottomContents .fundNumber{display:flex; justify-content:space-between; margin-bottom: 0.5rem;}
.bondContainer .bottomContents .transcationAmount{display:flex; justify-content:space-between;}
.bondContainer .bottomContents .transactionCount{color:#212529;}
.bondContainer .bottomContents .transactionTotal{color:#212529;}

/* 물음표 버튼 */
.questionIcon{margin-top: 10px; margin-left:5px}

/* 펀드포트폴리오 가입 > 필수약관동의 ::: RBA_file022_meta.js */
.tab.raTabBox {background-color: transparent;}
.tab.raTabBox > .raBtn {border: 1px solid #E1E3E5; background-color: #FFFFFF;}
.tab.raTabBox > .raBtn:nth-child(2) {margin-left: 8px; margin-right: 8px;}
.tab.raTabBox > .raBtn.crnt {border: 1px solid #5697F0;}
.raCheckBoxWithArrow .more:before {transform: rotate(90deg); margin: -1.5rem 0 0 -1.5rem; width:2.4rem; height:2.4rem}
.opened .raCheckBoxWithArrow .more:before {transform: rotate(-90deg)}
.raInvestorConfirmationInfoBoxWrapper > div {padding:0; margin:0; margin-left: 5rem;}

/* m_lst_ra_prospectus_list */
.raProspectusListContainer .mgL {margin-left: 5rem;}

/* 펀드포트폴리오 가입 > 투자성향분석 시작 ::: RBA_file008_meta.js */
.type2 .sub_tit{padding-bottom:3.5rem;}
*[class^="fund_invest_new_"] .tit{padding:0 2rem 3rem 2rem}
*[class^="fund_invest_new_"] .box_message .msg{font-family:'HGGGothicssi';font-size:2.2rem;line-height:1.5em;}
.fund_invest_accordion{display:flex;flex-direction:row;align-items:center;margin:1.6rem 2rem 0.2rem;padding-bottom:0 !important;min-height:40px;justify-content:space-between;}
.fund_invest_accordion .txt_label{display:inline-block;margin-right:8px;width:32px;height:22px;line-height:22px;background-color:#e1e3e6;border-radius:2px;text-align:center;font-size:1.3rem;}
.fund_invest_accordion .select_txt{display:inline-block;font-size:1.5rem;font-weight:700;color:#515961;}
.fund_invest_accordion .btn_change{display:block;padding:9px 16px;background:#fff;box-sizing:border-box;border:1px solid #e1e3e6;border-radius:4px;color:#175ec7;font-weight:700;}
*[class^="fund_invest_new_"] .ttsIcon{display:block;position:absolute;top:0;left:5.8rem;width:4rem;height:4rem;border:1px solid #e1e3e6;border-radius:50%;background:url(/img/contents/rba/icon_ttsIcon.png) no-repeat center;background-size:2.5rem auto;}
*[class^="fund_invest_new_"] *[class^="cmm-"]:after{display:block;content:'';position:absolute;left:1rem;top:1rem;width:5rem;height:5rem;background-position:center;background-repeat:no-repeat;background-size:4rem auto;}
*[class^="fund_invest_new_"] .icon01:after{background-image:url(/img/contents/rba/icon_tendency_1_1.png);}
*[class^="fund_invest_new_"] .icon02:after{background-image:url(/img/contents/rba/icon_tendency_1_2.png);}
*[class^="fund_invest_new_"] .icon03:after{background-image:url(/img/contents/rba/icon_tendency_1_3.png);}
*[class^="fund_invest_new_"] .icon04:after{background-image:url(/img/contents/rba/icon_tendency_1_4.png);}
*[class^="fund_invest_new_"] .icon05:after{background-image:url(/img/contents/rba/icon_tendency_1_5.png);}
*[class^="fund_invest_new_"] .icon06:after{background-image:url(/img/contents/rba/icon_tendency_2_1.png);}
*[class^="fund_invest_new_"] .icon07:after{background-image:url(/img/contents/rba/icon_tendency_2_2.png);}
*[class^="fund_invest_new_"] .icon08:after{background-image:url(/img/contents/rba/icon_tendency_2_3.png);}
*[class^="fund_invest_new_"] .icon09:after{background-image:url(/img/contents/rba/icon_tendency_2_4.png);}
*[class^="fund_invest_new_"] .icon10:after{background-image:url(/img/contents/rba/icon_tendency_2_5.png);}
*[class^="fund_invest_new_"] .icon11:after{background-image:url(/img/contents/rba/icon_tendency_3_1.png);}
*[class^="fund_invest_new_"] .icon12:after{background-image:url(/img/contents/rba/icon_tendency_3_2.png);}
*[class^="fund_invest_new_"] .icon13:after{background-image:url(/img/contents/rba/icon_tendency_3_3.png);}
*[class^="fund_invest_new_"] .icon14:after{background-image:url(/img/contents/rba/icon_tendency_3_4.png);}
*[class^="fund_invest_new_"] .icon15:after{background-image:url(/img/contents/rba/icon_tendency_4_1.png);}
*[class^="fund_invest_new_"] .icon16:after{background-image:url(/img/contents/rba/icon_tendency_4_2.png);}
*[class^="fund_invest_new_"] .icon17:after{background-image:url(/img/contents/rba/icon_tendency_4_3.png);}
*[class^="fund_invest_new_"] .icon18:after{background-image:url(/img/contents/rba/icon_tendency_4_4.png);}
*[class^="fund_invest_new_"] .icon19:after{background-image:url(/img/contents/rba/icon_tendency_4_5.png);}
*[class^="fund_invest_new_"] .icon20:after{background-image:url(/img/contents/rba/icon_tendency_5_1.png);}
*[class^="fund_invest_new_"] .icon21:after{background-image:url(/img/contents/rba/icon_tendency_5_2.png);}
*[class^="fund_invest_new_"] .icon22:after{background-image:url(/img/contents/rba/icon_tendency_5_3.png);}
*[class^="fund_invest_new_"] .icon23:after{background-image:url(/img/contents/rba/icon_tendency_6_1.png);}
*[class^="fund_invest_new_"] .icon24:after{background-image:url(/img/contents/rba/icon_tendency_6_2.png);}
*[class^="fund_invest_new_"] .icon25:after{background-image:url(/img/contents/rba/icon_tendency_6_3.png);}
*[class^="fund_invest_new_"] .icon26:after{background-image:url(/img/contents/rba/icon_tendency_6_4.png);}
*[class^="fund_invest_new_"] .icon27:after{background-image:url(/img/contents/rba/icon_tendency_7_1.png);}
*[class^="fund_invest_new_"] .icon28:after{background-image:url(/img/contents/rba/icon_tendency_7_2.png);}
*[class^="fund_invest_new_"] .icon29:after{background-image:url(/img/contents/rba/icon_tendency_7_3.png);}
*[class^="fund_invest_new_"] .icon30:after{background-image:url(/img/contents/rba/icon_tendency_7_4.png);}
*[class^="fund_invest_new_"] .icon31:after{background-image:url(/img/contents/rba/icon_tendency_8_1.png);}
*[class^="fund_invest_new_"] .icon32:after{background-image:url(/img/contents/rba/icon_tendency_8_2.png);}
*[class^="fund_invest_new_"] .icon33:after{background-image:url(/img/contents/rba/icon_tendency_8_3.png);}
*[class^="fund_invest_new_"] .icon39:after{background-image:url(/img/contents/rba/icon_tendency_8_4.png);}
*[class^="fund_invest_new_"] .icon34:after{background-image:url(/img/contents/rba/icon_tendency_9_1.png);}
*[class^="fund_invest_new_"] .icon35:after{background-image:url(/img/contents/rba/icon_tendency_9_2.png);}
*[class^="fund_invest_new_"] .icon36:after{background-image:url(/img/contents/rba/icon_tendency_9_3.png);}
*[class^="fund_invest_new_"] .icon37:after{background-image:url(/img/contents/rba/icon_tendency_9_4.png);}
*[class^="fund_invest_new_"] .icon38:after{background-image:url(/img/contents/rba/icon_tendency_9_5.png);}
*[class^="fund_invest_new_"] .icon40:after{background-image:url(/img/contents/rba/icon_tendency_4_6.png);}

/* m_cnt_challenge_image_box */
.challengeContainer { width :100%; text-align:center; box-shadow: 0px 6px 10px rgba(33,37,41,0.02), 0px 1px 16px rgba(33,37,41,0.04); padding:32px 0; border:1px solid #e1e3e5; border-radius:6px;}
.challengeContainer .imageBox { display:inline-block; width:108px; height: 108px;padding: 0;vertical-align: middle;  background-size:100%; background-repeat:no-repeat;}
.challengeContainer.grade1 .imageBox {background-image:url(/img/contents/rba/weather_01.png);} /* 맑음 */
.challengeContainer.grade2 .imageBox {background-image:url(/img/contents/rba/weather_02.png); } /* 구름조금 */
.challengeContainer.grade3 .imageBox {background-image:url(/img/contents/rba/weather_03.png); } /* 흐림 */
.challengeContainer.grade4 .imageBox {background-image:url(/img/contents/rba/weather_04.png); } /* 흐리리고 비 */
.challengeContainer.grade5 .imageBox {background-image:url(/img/contents/rba/weather_05.png);} /* 폭우 */
.challengeContainer p { font-size: 18px; line-height:26px; color:#363C42; }
.challengeContainer .btn_popup{display:inline-block;width: 1.8rem;height: 1.8rem;padding: 0;vertical-align: middle;background: transparent url(/img/common/ico_set.png) -35rem -10rem/60rem auto;}

/* FCP */
#P_M_RBA_FCP_POP_m_cnt_title_with_tts_box { align-items: start !important; margin-bottom: 60px !important;}

/* m_cnt_challenge_target */
.challengeTargetContainer { display: flex; padding-bottom:2rem; }
.challengeTargetContainer div { width:50%; vertical-align: top;}
/* .challengeTargetContainer .txt_box h5 {  } */
.challengeTargetContainer .targetContentBox {text-align:right;  }
.challengeTargetContainer h5 {font-size: 1.6rem; line-height:2.4rem; color:#6E7780; display:block;}
.challengeTargetContainer .targetContentBox h5 {font-size: 2rem; line-height:3rem; color:#212529; }
.challengeTargetContainer span {font-size:1.6rem; line-height:2.4rem; color:#E5493A;}

/* m_cnt_notice_info_box */
.noticeInfoBoxContainer div { margin-bottom:1.5rem}
.noticeInfoBoxContainer .card_box { width:100%;padding:1.8rem 2rem;box-sizing:border-box;background-color:#F5F7FA;margin:2.4rem 0 4.8rem 0;border-radius:0.6rem;border:none;}
.noticeInfoBoxContainer .card_box .in_txt { padding:0;}
.noticeInfoBoxContainer .card_box .text {font-size: 1.4rem; line-height:2.2rem; color:#6E7780; font-weight:400;}

/* g_st_fix_bottom */
.btn_area.fix.shadow {background-image:none !important; background-color:#fff!important;box-shadow:0 0 12px rgba(0,0,0,0.08) !important;}
.btn_area.fix.shadow .base_style{background:#0565f0 !important;color:#fff !important;}

/* res_ra_challenge_guide_step */
.challengeGuideContainer ul li  {margin:28px 0; vertical-align: top;}
.challengeGuideContainer ul li .guideImgBox {width: 48px; height:48px; background-size :100%;  vertical-align: top;}
.challengeGuideContainer ul li:first-child {margin-top:0;}
.challengeGuideContainer ul li:nth-child(1) .guideImgBox {background-image:url(/img/contents/rba/weather_01.png); } /* 맑음 */
.challengeGuideContainer ul li:nth-child(2) .guideImgBox {background-image:url(/img/contents/rba/weather_02.png);}  /* 구름조금 */
.challengeGuideContainer ul li:nth-child(3) .guideImgBox {background-image:url(/img/contents/rba/weather_03.png);}/* 흐림 */
.challengeGuideContainer ul li:nth-child(4) .guideImgBox {background-image:url(/img/contents/rba/weather_04.png);} /* 흐리리고 비 */
.challengeGuideContainer ul li:nth-child(5) .guideImgBox {background-image:url(/img/contents/rba/weather_05.png);}  /* 폭우 */
.challengeGuideContainer ul li > div { display:inline-block; vertical-align: top; } 
.challengeGuideContainer ul li > div:nth-child(2) { width:calc(100% - 66px); padding-left: 18px; } 
.challengeGuideContainer ul li .txt_tit {margin-bottom: 5px ; font-size:1.4rem; line-height:2.2rem} 
.challengeGuideContainer ul li .txt_desc { color:#6E7780;font-size:1.4rem; line-height:2.2rem; letter-spacing:-0.1px} 


/*
	[간편투자홈 > AI추천포트폴리오]
*/
/* AI추천포트폴리오 > 계좌상세 ::: RBA_file076 // P_M_RBA792018_01 */
.withNickButton {display: flex; justify-content:space-between}
.withNickButton .btn {padding-top: 1.7rem}
.withNickButton .btn .btn_secondary_smaller .base_style{line-height: 3.1rem !important;}
.withNickButton .limitText {width: 74%; /*height: 152px*/}
.accountContainer { position:relative; border: 1px solid #e1e3e6; padding: 15px; border-radius: 6px; box-shadow: 0px 6px 10px rgba(33, 37, 41 , 0.02), 0px 1px 16px rgba(33, 37,41, 0.04);margin-bottom:10px}
.accountContainer .bottomContents .principal{display: flex; justify-content:space-between;}
.accountContainer .bottomContents .appraisal{display: flex; justify-content:space-between;}
.accountContainer .bottomContents .rate{display: flex; justify-content:space-between; font-size:14px}
.accountContainer .bottomContents .rate span{font-size:14px}
.accountContainer .bottomContents .rate .exchange_rate i{margin:0px}
.accountContainer .bottomContents .rate .exchange_rate i span{margin-bottom:4px; margin-right:4px}
.ico_decrease .iconWValue{width:1.6rem;height:1.6rem;background-position:-10rem -70rem;}
.ico_increase .iconWValue{width:1.6rem;height:1.6rem;background-position:-15rem -70rem;}
.iconWValue{display:inline-block;vertical-align:middle;background-color:transparent;background-image:url(../../img/common/ico_set.png);background-repeat:no-repeat;background-size:60rem auto}
.account_list_detail {margin-bottom: 20px}
.account_list_detail .base:first-child {border-top: none}
.account_list_detail .base .btn .btn_secondary_smaller .base_style{line-height: 3.1rem !important;}
.connectAccount {text-align: center;  padding: 5rem;}
.connectAccount .tit {color: #175ec7; font-weight: bold}
.bankInfo .thumb_logo {margin-right:2rem; margin-left: 1rem;}
.connectAuto { display:flex; flex-direction: column; margin-bottom: 20px; margin-left: -2rem; margin-right: -2rem }
.connectedAccount {margin-left:2rem; margin-right:2rem; height: 50px; border:1px solid #e1e3e6; padding:17px 1.5rem; border-radius:0.6rem; box-shadow: 0 0.6rem 1rem rgba(33, 37, 41 , 0.02), 0 0.1rem 1.6rem rgba(33, 37,41, 0.04); margin-bottom:1rem;}
/* .connectedAccount .connectedAccountNumBox span{ display:inline-block; width:90px} */
.connectedAccount .connectedAccountNumBox{
	display: flex; justify-content: space-between;
	/*align-items: end;*/
}
.connectedAccount .connectedAccountNumBox .accountNumber{ text-align:right; width:calc(100% - 120px); font-weight:700}
.connectedAccount .electronicTransferInfo {margin-top: 20px}
.connectedAccount .electronicTransferInfo .autoTerm{display: flex; justify-content:space-between;}
.connectedAccount .electronicTransferInfo .principle{display: flex; justify-content:space-between;}
.connectedAccount .electronicTransferInfo .montlyPay{display: flex; justify-content:space-between;}
.connectedAccount .withBackground{background :#f5f7fa; border-radius: 19px; border: 11px solid #f5f7fa }
.connectedAccount .arrow {float:right; width:2.4rem; background: url(../../img/bg/bg_toggle_arrow.png) no-repeat center center;background-size:2rem auto;transform: rotate(180deg);transition: .2s all .1s;}
.raSelector label.base_style input:before{content:none}
.raSelector label.base_style input:checked:before{content:'';display:inline-block;top:-0.2rem; left:0.5rem; width: 1rem; height: 1.7rem; border: solid #0565f0; border-width: 0 0.2rem 0.2rem 0; transform: rotate(45deg); box-sizing: border-box; border-color: #0565f0 }
.account_detail_bottom {border-bottom: 10px solid #f5f7fa; padding-bottom: 20px;  margin-left: -2rem; margin-right: -2rem; padding-left: 2rem; padding-right: 2rem}

/* AI추천포트폴리오 > 메인 > 계좌카드 (m_cnt_ra_portfolio_account_card) || AI투자챌린지 > 상세 > 계좌카드 (m_cnt_ra_challenge_account_card) 에서도 사용 */
.raAccountCardContainer {position:relative; box-sizing:border-box; padding: 2rem; border: 0.1rem solid #e1e3e6; border-radius:0.6rem; box-shadow: 0 0.6rem 1rem rgba(33, 37, 41 , 0.02), 0 0.1rem 1.6rem rgba(33, 37,41, 0.04);}
.raAccountCardContainer .d_day_chip {position:absolute; right:2rem; top:2rem;}
.raAccountCardContainer .bankAndAccountNumberWrapper { display:flex; flex-direction:column; gap:0.2rem; font-weight:400; size:1.3rem; line-height:2rem;}
.raAccountCardContainer .bankAndAccountNumberWrapper .bankName { margin-left:0.6rem; color:#212529;}
.raAccountCardContainer .bankAndAccountNumberWrapper .accountNumber { color:#8C959F;}
.raAccountCardContainer .balanceWrapper { display:flex; justify-content:center; align-items:center; margin-top:2.4rem; margin-bottom:4rem; }
.raAccountCardContainer .balanceWrapper .balance { color:#212529; font-size:3.6rem; line-height:4.8rem; font-weight:700;}
.raAccountCardContainer .balanceWrapper .unit { color:#212529; font-size:2.8rem; line-height:3.6rem; font-weight:700; margin-left:0.4rem;}
.raAccountCardContainer .summaryWrapper { display:flex; flex-direction:column; gap:0.4rem; font-weight:400; font-size:1.4rem; line-height:2.2rem;}
.raAccountCardContainer .summaryWrapper .row { display:flex; justify-content:space-between;}
.raAccountCardContainer .summaryWrapper .row .capital { color:#363C42;}
.raAccountCardContainer .summaryWrapper .row .profit_loss { color:#0565F0; display:flex; align-items:center;}
.raAccountCardContainer .summaryWrapper .row .profit_loss .ico { margin-bottom:0.2rem; display:inline-block; width:1.6rem; height:1.6rem; background:url(/img/common/ico_set.png) -10rem -70rem/60rem auto no-repeat; margin-right:0.5rem; transform: rotate(180deg);}
.raAccountCardContainer .summaryWrapper .row .profit_loss.profit {color:#E5493A !important;}
.raAccountCardContainer .summaryWrapper .row .profit_loss.profit .ico {background:url(/img/common/ico_set.png) -15rem -70rem/60rem auto no-repeat !important; transform: rotate(0deg) !important;}
.raAccountCardContainer .summaryWrapper .row .profit_loss.stay {color:#363c42 !important;}
.raAccountCardContainer .summaryWrapper .row .profit_loss.stay .ico{display:none;}
.raAccountCardContainer .progressBarWrapper { width:100%; height:1.6rem; border-radius:10rem; background-color:#E5F1FF; position:relative; margin-top:3.2rem; margin-bottom:0.8rem; border-radius:10rem; overflow:hidden;}
.raAccountCardContainer .progressBarWrapper .investmentBar { position:absolute; top:0; left:0; height:100%; background-color:#307FF0; border-top-left-radius:10rem; border-bottom-left-radius:10rem; z-index:1;}
.raAccountCardContainer .progressBarWrapper .investmentBar.full { width:100% !important; border-top-right-radius:10rem; border-bottom-right-radius:10rem; z-index:1;}
.raAccountCardContainer .progressBarWrapper .valuationBar { position:absolute; top:0; left:0; height:100%; background-color:#E5493A; border-top-left-radius:10rem; border-bottom-left-radius:10rem;}
.raAccountCardContainer .progressBarWrapper .valuationBar.full { width:100% !important; border-top-right-radius:10rem; border-bottom-right-radius:10rem;}
.raAccountCardContainer .buttonWrapper { margin-top:2.4rem; display:flex; justify-content:space-between; align-items:center; gap:0.7rem;}
.raAccountCardContainer .buttonWrapper button {width:100%;  padding: 1rem 1rem 0.9rem 1rem; box-sizing:border-box; font-size:1.6rem; line-height: 3.4rem; font-weight:700; border-radius:0.6rem; }
.raAccountCardContainer .buttonWrapper button:nth-child(1) { background-color:#E5F1FF; color:#175EC7;}
.raAccountCardContainer .buttonWrapper button:nth-child(2) { background-color:#0565F0; color:#FFFFFF;}


/*
  [간편투자홈 > 발견(탭)]
*/
/* 발견(탭) ::: RBA_MAIN_02 */
.rba_home_slider {margin-left:0;}
.rba_home_slider .slider_item{position:relative;margin-right:10px;width:236px !important;border-radius:6px;overflow:hidden;}
.rba_home_slider .slider_item .img{display:block;width:100%;height:172px;}
.rba_home_slider .slider_item:nth-child(even) .img{background:#5979ff;}
.rba_home_slider .slider_item:nth-child(odd) .img{background:#2ebfd9;}
.rba_home_slider .slider_item:nth-child(3n) .img{background:#82d6b8!important;}
.rba_home_slider .slider_item:nth-child(4n) .img{background:#a162f7!important;}
.rba_home_slider .slider_item .img img{display:block;width:100%;height:100%;}
.rba_home_slider .slider_item .img:after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%, #000 100%);opacity:0.6;}
.rba_home_slider .slider_item .tit{display:block;position:absolute;left:0;right:0;bottom:12px;padding:0 12px;font-size:1.4rem;letter-spacing:-0.1rem;font-weight:700;color:#fff;}
.rba_home_slider .slick-arrow{position:absolute; width:20px;height:100%; opacity:0; z-index:10; top:0 }
.rba_home_slider .slick-prev{left:0; transform:translateX(-100%);}
.rba_home_slider .slick-next{right:0; }
.rba_market_view ul{display:flex;flex-wrap:wrap;}
.rba_market_view ul li{padding:3px;width:33.3333%;}
.rba_market_view ul li a{display:block;padding-top:65px;height:102px;background-size:48px auto;background-repeat:no-repeat;background-position:center 9px;border-radius:6px;border:1px solid #e1e3e6;text-align:center;}
.rba_market_view ul li a.icon1{background-image:url(../../img/contents/rba/weather_04.png);}
.rba_market_view ul li a.icon2{background-image:url(../../img/contents/rba/weather_03.png);}
.rba_market_view ul li a.icon3{background-image:url(../../img/contents/rba/weather_01.png);}
.rba_market_view ul li a span{position:relative;padding-right:1.4rem;font-size:1.4rem;color:#515961;}
.rba_market_view ul li a span:after{display:block;content: '';position: absolute;top: 50%;right:0;margin-top:-0.7rem;width: 1.4rem;height: 1.4rem;background: url(/img/common/ico_set.png) 0 0/40rem auto no-repeat;transform: rotateY(-180deg);background-size: 30rem;}
/* 발견탭 > 글로벌금융이슈 > 이슈아티클페이지팝업 */
.rba_disc_dt .titArea{display:block;margin-bottom:50px;}
.rba_disc_dt .tit{padding-top:12px;color:#212529;line-height:3.2rem;font-weight:700;font-size:2.2rem;}
.rba_disc_dt .img{display:block;margin-bottom:23px;height:220px;border-radius:6px;background:#5979ff;}
.rba_disc_dt > .img img{width:100%; height:100%; object-fit:cover; border-radius:6px; overflow:hidden;}
.rba_disc_dt .cont{font-size:1.4rem;line-height:22px;color:#515961;}
.rba_disc_dt .cont p {margin-bottom:2.4rem}
.rba_disc_dt .cont img{width:calc( 100vw - 4rem);}
.rba_disc_dt .cont table thead tr th{text-align:center!important;}
.rba_disc_dt .status{display:flex;flex-direction:row;justify-items:center;padding-top:3px;}
.rba_disc_dt .status span{padding:2px 4px 0;box-sizing:border-box;border-radius:2px;font-size:1.3rem;}
.rba_disc_dt .status .roboad_aset{margin-right:4px;border:1px solid #6e7780;color:#6e7780;}
.rba_disc_dt .status .invst_opn{padding-left:22px;background-repeat:no-repeat;background-position:4px center;background-size:16px auto;border:1px solid #6e7780;color:#6e7780;}
.rba_disc_dt .status .invst_opn.type1{background-image:url(../../img/contents/rba/icon_invst_opn_state_03.png);border:1px solid #0565f0;color:#0565f0;}
.rba_disc_dt .status .invst_opn.type2{background-image:url(../../img/contents/rba/icon_invst_opn_state_02.png);border:1px solid #6e7780;color:#6e7780;}
.rba_disc_dt .status .invst_opn.type3{background-image:url(../../img/contents/rba/icon_invst_opn_state_01.png);border:1px solid #e5493a;color:#e5493a;}
.rba_disc_dt table thead tr td{text-align:left!important;}
.rba_invst_simu{padding:20px 20px 18px 20px;box-sizing:border-box;background:#e6f1ff url(../../img/contents/rba/bg_invst_simul_link.png) no-repeat center right 20px;background-size:5rem;border-radius:6px;}
.rba_invst_simu a{display:block;font-weight:700;font-size:1.6rem;line-height:24px;color:#212529;}
.rba_invst_quest{padding:20px 20px 18px 20px;background:#f2f2f2 url(../../img/contents/rba/icon_invst_quest.png) no-repeat center right 20px;background-size:5rem;border-radius:6px;}
.rba_invst_quest a{display:block;font-weight:700;font-size:1.6rem;line-height:24px;color:#212529;}
.rba_simul_tit .sub_tit .year{display:inline-block;font-size:inherit;line-height:inherit;}
.rba_simul_tit .sub_tit .amount,
.rba_simul_tit .sub_tit .month,
.rba_simul_tit .sub_tit .percent{color:#0565f0;}

/* 발견(탭) > 투자시뮬레이션 ::: P_M_RBA_SIMUL_01 */
/* 투자시뮬레이션 > 투자기간 입력 */
.raRangeSliderInputWrapper {max-width:100%; position:relatvie;}
.raRangeSliderInputWrapper .raRangeSliderInputLabel {font-size:1.6rem;line-height:2.4rem;color:#515961;display:flex;justify-content:space-between;margin-bottom:1.6rem;}
.raRangeSliderInputWrapper .raRangeSliderInputLabel label {font-weight:700;letter-spacing:-0.01rem;}
.raRangeSliderInputWrapper .raRangeSliderInputLabel div {letter-spacing:-0.02rem;}
.raRangeSliderInputWrapper input[type=range] {-webkit-appearance: none;margin-top:1.6rem;background: linear-gradient(to right, #0565F0 0%, #0565F0 calc(10/30*100%), #F2F5F7 calc(10/30*100%), #F2F5F7 100%);border-radius: 10rem;height: 1.2rem;width: 100%;outline: none;cursor: none;}
.raRangeSliderInputWrapper input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;background-color: white;height: 4.6rem;width: 4.6rem;border-radius:50%;border:1px solid #E1E3E6;box-shadow:0 0.2rem 1.1rem rgba(18, 18, 18, 0.04), 0 0.8rem 0.5rem rgba(18, 18, 18, 0.02);}
.simulation_calculate{margin-bottom:2.4rem}
.simulation_helper .form_item.cmm_form .helper{color: #0565F0}

/* 발견(탭) > 투자시뮬레이션 > N년 전 투자했다면 지금 얼마를 모았을까 페이지 > 계산해보기 > 결과 그래프 이미지 ::: m_cnt_rba_simul_chart_image */
.raSimulChartImageContainer div.raChartImage {background:url("/img/contents/rba/invest_graph.png") no-repeat center center; background-size:100%; height:240px; margin-bottom:8px;}
.raSimulChartImageContainer div.raChartImage div.raValuationAmountLabel {box-sizing:border-box; top:52px; right:36px; width:fit-content; border-radius:4px; background-color:#C2F0E0; color:#2EB082; font-weight:400; font-size:13px; text-align:center; padding: 4px 8px;}
.raSimulChartImageContainer div.raLegendGroupWrapper {display:flex; gap:40px; justify-content:center; align-items:center;}
.raSimulChartImageContainer div.raLegendGroupWrapper .raLegend {display:flex;}
.raSimulChartImageContainer div.raLegendGroupWrapper div.raColorBar {margin: auto 8px auto 0; width: 18px;}
.raSimulChartImageContainer div.raLegendGroupWrapper div.raLegend:nth-child(1) div.raColorBar {border:1px dashed #A9B0B8;}
.raSimulChartImageContainer div.raLegendGroupWrapper div.raLegend:nth-child(2) div.raColorBar {height:2px; border:2px solid #82D6B8; border-radius:2px;}


/* [간편투자홈 > 나의투자(탭)] */
.raMainNav{ position:fixed; width:100vw!important;background:#ffffff; z-index:9 }
/* 간편투자홈 > 나의투자(탭) ::: RBA_MAIN_01 */
.user_tendency .arrowside {float: right;width: 2.4rem;height: 2.4rem;background: url(../../img/bg/bg_toggle_arrow.png) no-repeat center center;background-size: 2.0rem auto;transform: rotate(90deg);transition: .2s all .1s;}
.graphContainer .main.graphArea .highcharts-tooltip > span {padding:6px 12px; background-color:#212529; color:#fff; border-radius:6px;   }
.home_AI_recommed_complete{background:#ffffff}
.home_AI_recommed_signing{background:#ffffff}
	/* 금융 투자자산 합계 팝업  */
.home_main_asset_pop_box .info.total { padding:20px 20px 18px 20px; margin-bottom:12px; width:100%; display:block; border:1px solid #e1e3e5; border-radius:6px; box-shadow:0px 6px 10px rgba(33,37,41,0.02), 0px 1px 16px rgba(33,37,41,0.04); font-size:1.4rem; line-height:22px;  }
.home_main_asset_pop_box .info.total div:first-child{ margin-bottom:4px ; }
.home_main_asset_pop_box .info.total div span{ width:60px; color:#6e7780; display:inline-block; }
.home_main_asset_pop_box .info.total div p{ width:calc(100% - 64px); color:#363c42; display:inline-block; text-align:right; }
.home_main_asset_pop_box .info.box span {display:inline-block; vertical-align:top;}
.home_main_asset_pop_box .info.box  p {display:inline-block; margin-left:4px; width:calc(100% - 10px)}

.invest_home_upper .highcharts-legend-item span.legend-item {pointer-events: none}
.invest_home_upper .highcharts-point {stroke-linecap: miter ;stroke-linejoin: miter;}
.invest_home_upper .highcharts-legend,
.invest_home_upper .highcharts-legend div,
.invest_home_upper .highcharts-legend div div,
.invest_home_upper .highcharts-legend div div div{ width: 100%}
.invest_home_upper svg g.highcharts-legend{ display:none!important; }
.invest_home_upper .highcharts-legend .highcharts-legend-item { left:0!important; }
.invest_home_upper .highcharts-legend .highcharts-legend-item >span { width: calc(100% - 8px)!important; left:4px!important; }
.invest_home_upper .withBackgroundImg{height:335px; background-image:url("/img/contents/rba/home_main2.png"); background-position:bottom; background-repeat:no-repeat; background-size:contain;}
.invest_home_upper .withBackgroundImg > h3{padding: 3.6rem 2rem 0 ;}


.invest_home_lower { padding-top:4.8rem !important;background: #f5f7fa; margin-left: -2rem !important; margin-right: -2rem !important;padding-right:2rem; padding-left:2rem}
.invest_home_lower .card_tit_top .arrow{float: right;width: 2.4rem;height: 2.4rem;background: url(../../img/bg/bg_toggle_arrow.png) no-repeat center center;background-size: 2.0rem auto;transform: rotate(0deg);transition: .2s all .1s;}
.invest_home_lower .smallarrowside{margin-right:5px;margin-left: 5px;width: 1rem;height: 2rem;background: url(../../img/bg/bg_toggle_arrow.png) no-repeat center center;background-size: 2.0rem auto;transform: rotate(90deg);transition: .2s all .1s;}
.invest_home_lower a > .smallarrowside {display:inline-block; margin:0 5px 2px 5px; vertical-align:middle;}
.invest_home_lower .fundList .fund_items > *{border-bottom: 1px solid #e1e3e5;margin: 0px 2rem;}
.invest_home_lower .fundList .fund_items > *:last-child{border-bottom: none}
.invest_home_lower .fundList .fundListBtn {color: #212529; margin-left:10px; border: 1px solid #e1e3e5; padding: 5px 7px; border-radius: 3px; display:inline-block; letter-spacing:-1px;}
.invest_home_lower .ins_card_tit_top .arrow.insurance{float: right;width: 2.4rem;height: 2.4rem;background: url(../../img/bg/bg_toggle_arrow.png) no-repeat center center;background-size: 2.0rem auto;transform: rotate(180deg);transition: .2s all .1s;}
.invest_home_lower .insList .ins_items > *{border-bottom: 1px solid #e1e3e5;margin: 0px 2rem;}
.invest_home_lower .insList .ins_items > *:last-child{border-bottom: none}
.invest_home_lower .listContainer .card_cont .link_tit:after{display: none}
.invest_home_lower .fundContainer,.invest_home_lower .insListContainer {padding-bottom:4.8rem;}
.invest_home_lower .recommend_box {margin-top: -20px;}
.invest_home_lower .aiRecommendContainer {margin-bottom:4.8rem}
.invest_home_lower .aiRecommendContainer .image_box,.invest_home_lower .aiChallengeContainer .image_box {height:162px; border-radius:12px;margin: 20px 0px; width: 100%}
.invest_home_lower .aiRecommendContainer .image_box div,.aiChallengeContainer .image_box div {border-radius:12px; overflow:hidden;height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.invest_home_lower .aiRecommendContainer .ai_recommend_image {background-image:url("/img/contents/rba/home_po2.png");  }
.invest_home_lower .aiChallengeContainer .ai_challenge_image {background-image:url("/img/contents/rba/home_ch2.png"); }

/* 해피콜 > 가입 펀드 리스트*/
.txt_box.slide_cont ul.fundList li {margin-bottom:0.8rem;}
.txt_box.slide_cont ul.fundList li:last-child {margin-bottom:0;}



.home_state.state_01,
.home_state.state_02,
.home_state.state_03 {border:1px solid #0565f0; color:#0565f0;} /* 신규거래 진행중, 매수 진행중, 매도 진행중 */
.home_state.state_04,
.home_state.state_05,
.home_state.state_07,
.home_state.state_011 {border:1px solid #e5493a; color:#e5493a; } /* 리밸런싱 필요,리밸런싱 실패 ,목표기간 만료, 계좌개설 실패 */
.home_state.state_06,
.home_state.state_061 {border:1px solid #00a684; color:#00a684; } /* 목표달성 */
.home_state.state_08 {border:1px solid #E1E3E6; color:#363C42; background-color:#E1E3E6} /* 가입진행중 */


/* home_ai_portfolio_box */

.home_ai_portfolio_box { position:relative; margin-bottom:1.6rem}
.home_ai_portfolio_box .item { margin-bottom:1.6rem; position:relative; border:1px solid #e1e3e6; border-radius: 6px; padding: 20px; box-shadow: 0px 6px 10px rgba(33,37,41,0.02), 0px 1px 16px rgba(33,37,41,0.04); background-color:#ffffff}
.home_ai_portfolio_box .home_ai_recommend_complete {min-height:142px; }
.home_ai_portfolio_box .home_ai_recommend_signing {min-height:142px; height:auto }
.home_ai_portfolio_box .home_tendency {padding: 4px; border:1px solid #6e7780; color:#6e7780; border-radius: 2px; font-size:1.3rem}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_mid_complete  {margin-top:10px!important; margin-bottom:12px}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_mid_complete span {font-size:1.8rem; color: #212529; line-height:2.2rem}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_mid_complete .ptfloNm { display:block;}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_mid_complete .accountNum {font-size:1.3rem; color: #8C959F; display:block }
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_bot_complete {position:absolute; bottom:20px; right:20px; text-align:right;}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_bot_complete .total {font-weight: 400; font-size:2.8rem; color: #212529; display:block;}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_bot_complete .exchange_rate { font-size:1.4rem !important;font-weight: 400 !important; display:block;}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_bot_complete .exchange_rate.decrease strong {color: #0565F0}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_bot_complete .exchange_rate i { margin: -0.5rem 0.5rem 0 0}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_bot_complete .exchange_rate i span { transform: scale(0.9); margin-top:2px;}
.home_ai_portfolio_box .home_ai_recommend_complete  .home_ai_recommend_bot_complete .exchange_rate.decrease  i span {transform:scale(0.9)  rotate(180deg);}
.home_ai_portfolio_box .home_ai_recommend_complete .ptflo_rate {font-weight :400 } 
 
.home_ai_portfolio_box .home_ai_recommend_signing img {width:52px; height:52px; object-fit:contain; position:absolute; top:0px; right:0}
.home_ai_portfolio_box .home_ai_recommend_signing .home_signing_state {padding: 4px; border:1px solid #e1e3e6; background-color: #e1e3e6 ;color:#212529; border-radius: 2px; font-size:1.3rem; margin-left:6px}
.home_ai_portfolio_box .home_ai_recommend_signing .home_ai_recommend_mid_complete {margin-top:1rem;}

.home_ai_portfolio_box .home_ai_recommend_signing {position:relative;  }
.home_ai_portfolio_box .home_ai_recommend_signing .progressBarContainer{ position:absolute;  bottom:0;  }
.home_ai_portfolio_box .home_ai_recommend_signing .progressBarContainer .fgStep{ font-weight:700!important; }

/* m_list_home_AIChallenge */
.invest_home_lower .aiChallengeContainer{margin-bottom: 4.8rem;}
.home_AI_challenge_box .home_AI_challenge {min-height:208px; background-color:#ffffff; margin-bottom: 1.6rem; border:1px solid  #e1e3e6; border-radius: 6px; padding: 20px; box-shadow: 0px 6px 10px rgba(33,37,41,0.02), 0px 1px 16px rgba(33,37,41,0.04)}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_title_box {display: flex; justify-content: space-between}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_title_box > div {width: calc( 100% - 68px) }

.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_title_box .home_AI_challenge_top_complete > span {padding: 4px; border-radius: 2px; font-size:1.3rem; margin-right:6px;} 
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_title_box .home_AI_challenge_top_complete .home_tendency {border:1px solid #6e7780; color:#6e7780; } /* 투자유형 */
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_title_box .home_AI_challenge_mid_complete {margin-top:10px; margin-bottom:10px}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_title_box .home_AI_challenge_mid_complete span {font-size:1.8rem; color: #212529;}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_title_box .home_AI_challenge_weather {width: 48px; height: 48px;  background-size:contain; background-repeat:no-repeat; background-size:contain;background-position:center;}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_bot_complete {display:flex; flex-direction: column; text-align: end}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_bot_complete .exchange_rate {font-size:1.4rem !important;font-weight: 400 !important}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_bot_complete .exchange_rate i {margin: -0.5rem 0.5rem 0 0}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_bot_complete .exchange_rate .icon {transform: scale(0.9); margin-top:2px}
.home_AI_challenge_box .home_AI_challenge .home_AI_challenge_bot_complete .exchange_rate .challenge_rate {font-weight:400}

/* AI 투자 챌랜지 카드 */
.home_AI_challenge_box .home_AI_challenge .progressBarContainer { height: auto; }
.home_AI_challenge_box .home_AI_challenge .progressBarContainer .target { height:2rem; margin-bottom:0.8rem; display:flex; justify-content:space-between; }
.home_AI_challenge_box .home_AI_challenge .progressBarContainer .step { padding:0; margin:0; min-width:30%; }
.home_AI_challenge_box .home_AI_challenge .progressBarContainer .fgStep { font-weight:400; margin-top:0!important; line-height:1.5!important; }
.home_AI_challenge_box .home_AI_challenge .progressBarContainer { font-size:1.4rem; }
	/* 챌린지 가입중 */
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signing {position:relative;  }
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signing .progressBarContainer{ position:absolute; width:calc(100% - 40px); bottom:20px; left:20px; }
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signing .progressBarContainer .target .fgStep{ font-weight:700; }
	/* 챌린지 가입완료 */
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed.sell{ min-height:inherit;}
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .home_AI_challenge_bot_complete .exchange_rate{ opacity:0;}
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .home_AI_challenge_bot_complete .exchange_rate.increase,
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .home_AI_challenge_bot_complete .exchange_rate.decrease,
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .home_AI_challenge_bot_complete .exchange_rate.stay{ opacity:1!important;}
.exchange_rate.stay i{display:none!important;} /* 포트폴리오 챌린지 공통 사용  */
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .home_AI_challenge_bot_complete .exchange_rate.stay{color:#363c42!important;}
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .home_AI_challenge_bot_complete .exchange_rate.decrease  .icon{transform: scale(0.9) rotate(180deg);}
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .progressBarContainer .bgBar{ position:relative; height:6px; overflow:hidden; border-radius:100px }
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .progressBarContainer .fgBar{ position:relative;height:6px; z-index:1;}
.home_AI_challenge_box .home_AI_challenge.home_AI_recommend_signed .progressBarContainer .earnBar{position:absolute; top:0;  background-color:#E5493A;  height:6px;}


/* m_lst_ra_home_slide */
.homeSlideContainer.new_pdt_mall_slider {padding:2rem 2rem 0 2rem; margin-top: -15px;}
.homeSlideContainer.new_pdt_mall_slider > p {color:#6e7780; font-size:1.4rem; font-weight:400;} 
.homeSlideContainer .pageNumber{top:7rem!important;}
/* m_cnt_pub_tit */
.rba_mg_ini > p{ margin:0 !important}


/* m_lst_add_pay_check */
.add_pay_check .fund_sch_list .item_box{position:relative;padding:24px 0;}
.add_pay_check .fund_sch_list .item_box::after{display:block;content: '';position: absolute;top: 26px;right:0;width: 1.6rem;height: 1.6rem;background: url(/img/common/ico_set.png) 0 0/40rem auto no-repeat;transform: rotateY(-180deg);}
.add_pay_check .fund_sch_list .item_box .tit{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom:10px;padding-right:30px;color:#515961;}
.add_pay_check .fund_sch_list .item_box .inf dl{display:flex;flex:1;flex-direction:row;justify-content:space-between;}
.add_pay_check .fund_sch_list .item_box .inf dl + dl{margin-top:4px;}
.add_pay_check .fund_sch_list .item_box .inf dl dd{color:#363c42;}
.add_pay_check .fund_sch_list .item_box .chip_list{margin-bottom:10px;}

/* m_cnt_title_value_sb */
.titleValueSbContainer {box-sizing: border-box; display: flex; justify-content:space-between;}
.titleValueSbContainer .title {color: #6E7780; font-size:14px; line-height:20px; font-weight: 400;}
.titleValueSbContainer .value {color: #6E7780; font-size:14px; line-height:22px; font-weight: 400;}

/* 간폍투자홈 > AI투자챌린지 > 목표설정 ::: P_M_RBA792113_01 */
.rabInvestSummaryWrapper {padding:1.8rem 2rem; border-radius:0.6rem;}
.raTooHighTargetAlertModalWrapper {font-size:1.4rem; font-weight: 400; color:#6E7780; line-height:2.2rem;}
.raTooHighTargetAlertModalWrapper .infoCenter {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:3.7rem;}
.raTooHighTargetAlertModalWrapper .ico_info {display:flex; align-items:center; font-size:1.4rem;}
.raTooHighTargetAlertModalWrapper .ico_info i {margin-top:0.15rem;}
.raTooHighTargetAlertModalWrapper .raInfoBox {padding:1.8rem 2rem; margin-top:1.4rem; border-radius: 0.6rem;}
/* .raValidationAlert .input > input {border: 1px solid #E5493A !important; background-color:rgba(229,73,58,0.2);}
.raValidationAlert .input > .label {color: #E5493A !important;}
 */
.raValidationInfo {color: #E5493A !important; display: block !important;}

/*
	[펀드포트폴리오 > AI추천포트폴리오 가입]
*/
/* AI추천포트폴리오 가입 > 포트폴리오 설계 > 리벨런싱 ::: m_cnt_popup_btn  */
.rebalancingBtn.pro_detail_box .tit .txt_colorA_200 {font-size:1.8rem !important; vertical-align: middle;}

/* AI추천포트폴리오 가입 > 포트폴리오 설계 > 추천포트폴리오 > 포트폴리오 상세 탭 > 바 그래프 ::: m_lst_rba_portfoilo_detail_list_bar */
@keyframes rba-bar-animation {from {width: 0;}}
.barContainer {width:100%; height:4rem; border-radius:0.4rem; overflow:hidden; background-color:#c0c6cc;}
.barContainer .list_item {display:inline-block; height:4rem;}
.barContainer div:nth-child(1) {background-color:#5979FF; transition: width 1s;}
.barContainer div:nth-child(2) {background-color:#19A562; transition: width 1s;} /* 웹접근성 이슈 컬러변경 :: #2EBFD9 => #19A562 */
.barContainer div:nth-child(3) {background-color:#1EB0C3; transition: width 1s;} /* 웹접근성 이슈 컬러변경 :: #82D6B8 => #1EB0C3 */
.barContainer div:nth-child(4) {background-color:#A162F7; transition: width 1s;}
.barContainer div:nth-child(5) {background-color:#C0C6CC; transition: width 1s;}
.barContainer div:nth-child(6) {background-color:#C0C6CC; transition: width 1s;}

/* AI추천포트폴리오 가입 > 포트폴리오 설계 > 추천포트폴리오 > 포트폴리오 상세 탭 > 포트폴리오 리스트	 ::: (m_lst_rba_portfoilo_asset_class_list) */
.raAssetClassListContainer {display:grid; grid-template-columns:repeat(2, 1fr); gap:0.8rem 3.5rem;}
.raAssetClassListContainer .list_item {display:flex; justify-content:space-between; align-items:center;}
.raAssetClassListContainer .list_item>div {display:flex; justify-content:center; align-items:center;}
.raAssetClassListContainer div.circle {width:1rem; height:1rem; border-radius:0.5rem; margin-right:0.6rem;}
.raAssetClassListContainer div.list_item:nth-child(1) .circle {background-color:#5979FF;}
.raAssetClassListContainer div.list_item:nth-child(2) .circle {background-color:#19A562;} /* 웹접근성 이슈 컬러변경 :: #2EBFD9 => #19A562 */
.raAssetClassListContainer div.list_item:nth-child(3) .circle {background-color:#1EB0C3;} /* 웹접근성 이슈 컬러변경 :: #82D6B8 => #1EB0C3 */
.raAssetClassListContainer div.list_item:nth-child(4) .circle {background-color:#A162F7;}
.raAssetClassListContainer div.list_item:nth-child(5) .circle {background-color:#C0C6CC;}
.raAssetClassListContainer div.list_item:nth-child(6) .circle {background-color:#C0C6CC;}

/* 포트폴리오 설계 > 추천포트폴리오 > 포트폴리오 상세 > 포트폴리오 리스트 ::: m_lst_rba_portfoilo_detail_list */
@keyframes stroke {from {stroke-dashoffset: 238.761;}}
.portfolioList .list_item { padding:2.4rem 0 2.2rem 0; box-sizing:border-box;}
.portfolioList .item {display: flex;}
.portfolioList.withEvalution .list_item { border-top:1px solid #E1E3E6;}
.portfolioList.withEvalution .list_item:first-child { border-top:none;}
.portfolioList .list_item .circle { content:""; display :inline-block; min-width:1rem; min-height:1rem; width: 1rem; height:1rem; border-radius:10rem; margin:0.5rem 0.8rem 0 0;}
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(1) .list_item .circle { background-color:#5979FF;}
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(2) .list_item .circle { background-color:#19A562;} /* 웹접근성 이슈 컬러변경 :: #2EBFD9 => #19A562 */
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(3) .list_item .circle { background-color:#1EB0C3;} /* 웹접근성 이슈 컬러변경 :: #82D6B8 => #1EB0C3 */
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(4) .list_item .circle { background-color:#A162F7;}
.portfolioList .list_item .portfolioContents { width:100%;}
.portfolioList .list_item .portfolioBox { width:100%; display:flex; justify-content:space-between;}
.portfolioList .list_item .portfolioBox .portfolioTextBox { width:100%;}
.portfolioList .list_item .portfolioBox .contentTxt { word-break:break-all; font-size:1.6rem; line-height:2.4rem; width:100%; margin-right: 1.6rem;}
.portfolioBox .arrowMore{width:16px; height:16px; display:inline-block;vertical-align:middle; background-image:url(/img/common/icon_agrArrow.png); background-size:100%; background-position: 0 -0.1rem; background-repeat :no-repeat}
.portfolioList .list_item .portfolioBox .chip_list { margin-top:0.8rem; margin-bottom:0;}
.portfolioList .list_item .portfolioBox .line_chip { font-size:1.2rem;}
.portfolioList .list_item .portfolioChartBox { margin-left:1.6rem;}
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(1) .list_item .circleBar { stroke:#5979FF;}
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(2) .list_item .circleBar { stroke:#19A562;} /* 웹접근성 이슈 컬러변경 :: #2EBFD9 => #19A562 */
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(3) .list_item .circleBar { stroke:#1EB0C3;} /* 웹접근성 이슈 컬러변경 :: #82D6B8 => #1EB0C3 */
.portfolioList:not(.withUniqueAssetColor) >a:nth-child(4) .list_item .circleBar { stroke:#A162F7;}
.portfolioList .list_item .portfolioValuationBox { display: none;}
.portfolioList .list_item .portfolioValuationBox .detailRow {display:flex; justify-content:space-between; align-items:center;}
.portfolioList .list_item .portfolioValuationBox .detailRow .subValue {color:#353C42; display:flex; justify-content:center;}
.portfolioList .list_item .portfolioValuationBox .detailRow .valuation {color:#0565F0;}
.portfolioList .list_item .portfolioValuationBox .detailRow .valuation.profit {color:#E5493A;}
.portfolioList .list_item .portfolioValuationBox .detailRow .valuation.stay {color:#363c42;}
.portfolioList .list_item .portfolioValuationBox .detailRow .valuation .ico {display:inline-block; margin-top:1px; width:1.6rem; height:1.6rem; background:url(/img/common/ico_set.png) -10rem -70rem/60rem auto no-repeat; margin-right:5px; transform: rotate(180deg);}
.portfolioList .list_item .portfolioValuationBox .detailRow .valuation.profit .ico{background:url(/img/common/ico_set.png) -15rem -70rem/60rem auto no-repeat !important; transform: rotate(0deg) !important;}
.portfolioList .list_item .portfolioValuationBox .detailRow .valuation.stay .ico {display:none;}
.portfolioList.withEvalution .list_item .portfolioValuationBox {display:block; margin-top:14px;}

/* AI추천포트폴리오 가입 > 포트폴리오 설계 > 추천포트폴리오 > 수익률 탭 > 수익률 차트	::: m_cnt_earning_rate_graph */
/* 시뮬레이션 차트에서 같은 차트 meta 쓰고 있는데 거기서는 마커를 보여줘야해서 임시 주석처리 함  .graphContainer .graphArea .highcharts-markers { display:none; } */
.graphContainer .graphArea .highcharts-tooltip > span {padding:10px 12px; background-color:#212529; color:#fff; border-radius:6px;   }
.graphContainer .graphArea .highcharts-tooltip .tooltipPointWrap {color:#fff; line-height:1.5; font-size:1.1rem; }
.graphContainer .graphArea .highcharts-tooltip .tooltipPointWrap .pointDat { width:8px; height:8px; display:inline-block; border-radius:100px; margin-right:4px; vertical-align: middle;} 
.graphContainer .graphArea .highcharts-tooltip .tooltipPointWrap .pointName { margin-right:4px;}
.graphContainer .graphArea .highcharts-tooltip .date { font-size:1.1rem; color:#fff; font-weight:900; margin-bottom: 5px;  }
.graphContainer > p { width:100%; text-align:right; font-size:  1.3rem;  }

/* res_add_pay_notice */
.add_pay_notice > span{display:block;padding:1.2rem 2.5rem 1.2rem 0;}
.add_pay_notice .bgB_100{padding:1.6rem 2rem;border-radius:0.6rem;}

/* 포트폴리오 설계 > 수익률 탭 > 테이블 ::: m_cnt_rba_portfoilo_table */
.portfolioTable tbody { color:#212529; }
.portfolioTable tbody th {padding:0.9rem 0 0.9rem 0;}
.portfolioTable tbody th:before { content:""; width:8px; height:8px; display:inline-block; border-radius:100px; margin-right:4px; vertical-align: middle;}
.portfolioTable tbody tr:nth-child(1) th:before { background-color:#5979FF;} /* 포트폴리오 색상 */
.portfolioTable tbody tr:nth-child(2) th:before { background-color:#0698A1;} /* 코스피 지수 색상 ::: 웹전금성 이슈로 컬러 변경 ::: AS-IS: #2EBFD9 => TO-BE: #0698A1 */

/* m_lst_ra_portfolio_investment_status_accordion */
.raPortfolioInvestmentStatusAccordionContainer .toggle-content {display:none;}
.raPortfolioInvestmentStatusAccordionContainer i.raToggleBtnArrow {transform:rotate(-90deg)!important;}

/* AI투자챌린지 > 투자 위험도 설정 (RBA_file069) > res_challenge_risk_grade */
.riskGradeContainer {position: relative; width:100%;text-align:center; }
.riskGradeContainer .txtArea { color:#363c42; margin-bottom:4rem;}
.riskGradeContainer .txtArea > div { width:49%; display:inline-block;}
.riskGradeContainer .txtArea > div:nth-child(1):after{ content:""; display:inline-block; width:1px; height:7.2rem; background-color:#E1E3E6;}
.riskGradeContainer .txtArea > div:nth-child(1) > div { display:inline-block; width:calc(100% - 5px)}
.riskGradeContainer .txtArea h3 {font-weight:400; font-size:3.2rem; line-height:3.6rem;}
.riskGradeContainer .txtArea h5 {font-weight:400; font-size:1.4rem; line-height:2.2rem; letter-spacing:-0.2px;}
.riskGradeContainer .txtArea span {font-weight:400; font-size:1.1rem; line-height:1.6rem; color:#6e7780;}
.riskGradeContainer .txtArea .riskWeatherBox #weatherImg {width:4.2rem; height:4.2rem; background-size:contain; margin: 0.4rem auto;}
.riskGradeContainer .txtArea .riskWeatherBox #weatherImg.weather1 {background-image:url(/img/contents/rba/weather_01.png);} /* 맑음 */
.riskGradeContainer .txtArea .riskWeatherBox #weatherImg.weather2 {background-image:url(/img/contents/rba/weather_02.png);} /* 구름조금 */
.riskGradeContainer .txtArea .riskWeatherBox #weatherImg.weather3 {background-image:url(/img/contents/rba/weather_03.png);} /* 흐림 */
.riskGradeContainer .txtArea .riskWeatherBox #weatherImg.weather4 {background-image:url(/img/contents/rba/weather_04.png);} /* 흐리고 비  */
.riskGradeContainer .txtArea .riskWeatherBox #weatherImg.weather5 {background-image:url(/img/contents/rba/weather_05.png);} /* 폭우  */
.riskGradeContainer .txtArea .riskWeatherBox i { transform:scale(0.7); margin:0;}
.riskGradeContainer .graphArea {position: relative; width: 100%; height:32px;}
.riskGradeContainer .graphArea .graphBox{height:100%;position: absolute; top:0;left: 0; }
.riskGradeContainer .graphArea.range1 .graphBox{ width: 100%;}
.riskGradeContainer .graphArea.range2 .graphBox{ width: 80%;}
.riskGradeContainer .graphArea.range3 .graphBox{ width: 60%;}
.riskGradeContainer .graphArea.range4 .graphBox{ width: 40%;}
.riskGradeContainer .graphArea .graphBox #backgroundDat{z-index: 1; position: absolute;  width: 100%; height: 3.2rem; top:0; left: 0; border-radius: 100px;}
.riskGradeContainer .graphArea.range1 .graphBox #backgroundDat{ background: linear-gradient(90deg, #5979FF 42.99%, #A162F7 94.93%);}
.riskGradeContainer .graphArea.range2 .graphBox #backgroundDat{ background: linear-gradient(90deg, #5979FF 59.11%, #A162F7 128.74%);}
.riskGradeContainer .graphArea.range3 .graphBox #backgroundDat{ background: linear-gradient(90deg, #5979FF 88.82%, #A162F7 196.27%);}
.riskGradeContainer .graphArea.range4 .graphBox #backgroundDat{ background: linear-gradient(90deg, #5979FF 152%, #A162F7 424%);}
/* background의 점 부분 */
.riskGradeContainer .graphArea #backgroundDat div{position: relative;  vertical-align: middle; display: inline-block; width:0.8rem; height:0.8rem; border-radius: 100%;background: #FFFFFF;opacity: 0.4;}
.riskGradeContainer .graphArea #backgroundDat div:first-child{margin-left: 1.2rem;}
.riskGradeContainer .graphArea #backgroundDat div:last-child{margin-right: 1.2rem;}
.riskGradeContainer .graphArea.range1 #backgroundDat div{margin: 1.2rem calc(5% - 4.5px);}
.riskGradeContainer .graphArea.range2 #backgroundDat div{margin: 1.2rem calc(6.25% - 4.5px);}
.riskGradeContainer .graphArea.range3 #backgroundDat div{margin: 1.2rem calc(8.33% - 4.5px);}
.riskGradeContainer .graphArea.range4 #backgroundDat div{margin: 1.2rem calc(12.5% - 4.5px);}

/* star */
.riskGradeContainer .graphArea #backgroundDat #star:after{content:""; position:absolute; width:2rem; height:3.1rem; top:-1.3rem; left:-0.65rem; background-image: url(../../img/contents/rba/star_w.png);background-size: contain;background-position:50% 50%; background-repeat: no-repeat;}
/* slider */
.riskGradeContainer .graphArea .slider {z-index: 3; -webkit-appearance: none; position: absolute; top:0; left: 0; width: 100%; height: 3.2rem;  border-radius: 10rem; outline:none; background-color: transparent;}
.riskGradeContainer .graphArea .slider::-webkit-slider-thumb { -webkit-appearance: none; z-index: 99;appearance: none;  width: 4.6rem; height: 4.6rem; background-color: #ffffff;  border: 1px solid #E1E3E6; cursor: pointer; border-radius: 100px; box-shadow: 0px 8px 10px rgba(33, 37, 41, 0.02), 0px 2px 22px -1px rgba(33, 37, 41, 0.04);}
.riskGradeContainer .graphArea .slider.on::-webkit-slider-thumb { -webkit-appearance: none; background-image: url(../../img/contents/rba/star_c.png);background-size: 50%;background-position:50% 50%; background-repeat: no-repeat;}
.riskGradeContainer .graphArea .graphAreaBg { z-index:-1; position:absolute; width: 100%; height: 3.2rem;top:0;left: 0; background-color:#F1F5F7; border-radius: 10rem;}
/* 추천 위험도 선택 버튼 */
.riskGradeContainer #recommendBtn { padding:0.8rem 1.6rem; font-size:1.4rem; line-height:2.2rem; background-color:#fff; border:1px solid #c9ced9; border-radius:3.7rem;}
.riskGradeContainer #recommendBtn:before{ content:""; display:inline-block; width:1.8rem; height:1.8rem; margin-top:-0.3rem; margin-right:0.4rem; background-image:url(/img/contents/rba/star_c.png); background-size:100%;background-repeat:no-repeat; vertical-align: middle;}
.riskGradeContainer #recommendBtn{ margin:4rem 0 1.4rem;}


/* 
	[간편투자홈 > AI추천포트폴리오]
*/
/* AI추천포트폴리오 > 메인 ::: (rbafile075 또는 P_M_RBA792015) */
.raBtnGroup {display:flex; justify-content:center; align-items:center;}
.raBtnGroup .raBtn {width:36px; text-align:center; font-size:14px; font-weight:500; line-height:24px; color:#949FA6; padding:6px 12px 6px 12px; box-sizing:border-box; min-width:max-content; border-radius:100px; display:block;}
.raBtnGroup .raBtn.crnt  {background-color:#e1e3e5;}
.raBtnGroup .raBtn.crnt a {color:#425866 !important;font-weight:700;}
.raHighchartsContainer{padding-bottom:25px;}

/* AI추천포트폴리오 > 메인 > 리밸런싱 진행 상태 바텀시트 */
.rebalancing_state_bar {display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;padding:0 42px 0 20px;height:63px;border:1px solid #e1e3e6;border-radius:6px;box-shadow:0px 6px 10px rgba(33,37,41,0.02), 0px 1px 16px rgba(33,37,41,0.04);}
.rebalancing_state_bar:after {display:block;content:'';position:absolute;right:20px;top:50%;margin-top:-0.7rem;width:1.4rem;height:1.4rem;background-image:url(../../img/common/ico_set.png);background-size:40rem auto;transform:rotate(180deg);}
.rebalancing_state_bar .tit {color:#212529;font-weight:700;}
.rebalancing_state_bar .state {color:#0565f0;font-weight:700;}
.rebalancing_state_list .rba_status_bottom {position:relative;display:flex;justify-content:space-between;margin-bottom:60px;flex-direction:row;}
.rebalancing_state_list .rba_status_bottom:before,
.rebalancing_state_list .rba_status_bottom:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-1.5px;height:3px;z-index:0;}
.rebalancing_state_list .rba_status_bottom:before{right:0;background:#f2f5f7;}
.rebalancing_state_list .rba_status_bottom.per_33:after{right:33.3333%;background:#307ff0;}
.rebalancing_state_list .rba_status_bottom.per_50:after{right:50%;background:#307ff0;}
.rebalancing_state_list .rba_status_bottom.per_66:after{right:66.6666%;background:#307ff0;}
.rebalancing_state_list .rba_status_bottom li {display:flex;position:relative;z-index:1;}
.rebalancing_state_list .rba_status_bottom li span {display:block; font-weight:700;}
.rebalancing_state_list .rba_status_bottom li.end .round_item{background:#307ff0; border:4px solid #307ff0; color:#FFFFFF;}
.rebalancing_state_list .rba_status_bottom li.ing .round_item{border:4px solid #307ff0; color:#307ff0;}
.rebalancing_state_list .rba_status_bottom .round_item{display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; width:60px; height:60px; background:#FFFFFF; border:4px solid #f2f5f7; border-radius:50%; background:#FFFFFF;}

.rebalancing_state_list .rba_status_bottom li .doneCheckWrapper {display:none;}
.rebalancing_state_list .rba_status_bottom li.end .doneCheckWrapper {display:flex; justify-content:center; align-items:center; background-color:white; width:16px; height:16px; border-radius:8px; margin-bottom:2px;}
.rebalancing_state_list .rba_status_bottom li.end .doneCheckWrapper .doneCheck {border:2px solid #307FF0; border-top:none; border-right:none; height:5px; width:8px; transform:rotate(-50deg);}
.rebalancing_state_list .btn_grayLine {display:block;position:relative;padding:20px 50px 20px 24px;border:1px solid #e1e3e6;border-radius:6px;color:#212529;font-size:14px;}
.rebalancing_state_list .btn_grayLine:after {display:block;content:'';position:absolute;right:24px;top:50%;margin-top:-0.7rem;width:1.4rem;height:1.4rem;background-image:url(../../img/common/ico_set.png);background-size:40rem auto;transform:rotate(180deg);}
.rebalancing_state_list dl {display:flex;flex-direction:row;justify-content:space-between;}

/* AI추천포트폴리오 > 계좌카드 > 리밸런싱 버튼 > 리밸런싱을 진행할까요 바텀시트 > 취소&확인 버튼 스타일링 */
.raTwoBtnGroup {display:flex; justify-content:space-between; gap:7px;}
.raTwoBtnGroup button {text-align:center; font-size:16px; line-height:24px; font-weight:700;}
.raTwoBtnGroup button.cancelBtn {width:100%; border-radius:6px; color:#175EC7; background-color:#E5F1FF; padding:14px; box-sizing:border-box;}
.raTwoBtnGroup button.confirmBtn:disabled {opacity:0.3;}
.raTwoBtnGroup button.confirmBtn {opacity:1; width:100%; border-radius:6px; color:#FFFFFF; background-color:#0565F0; padding:14px; box-sizing:border-box;}


/* 
	[간편투자홈 > AI투자챌린지]
*/
/* AI투자챌린지 > 메인 > 달성전망위험안내 바텀시트 ::: m_cnt_ra_portfolio_challenge_achievement_prospect_weather */
.raPortfolioChallengeAchievementWeatherContainer {display:flex; box-sizing:border-box; padding:1.6rem; border:1px solid #e1e3e6; border-radius:6px; box-shadow:0px 6px 10px rgba(33,37,41,0.02), 0px 1px 16px rgba(33,37,41,0.04);align-items:center;}
.raPortfolioChallengeAchievementWeatherContainer .raWeatherImage {width:48px; height:48px; margin-right:12px;}
.raPortfolioChallengeAchievementWeatherContainer .raWeatherImage.weather01 {background-image:url(../../img/contents/rba/weather_01.png); background-repeat:no-repeat; background-size:cover;}
.raPortfolioChallengeAchievementWeatherContainer .raWeatherImage.weather02 {background-image:url(../../img/contents/rba/weather_02.png); background-repeat:no-repeat; background-size:cover;}
.raPortfolioChallengeAchievementWeatherContainer .raWeatherImage.weather03 {background-image:url(../../img/contents/rba/weather_03.png); background-repeat:no-repeat; background-size:cover;}
.raPortfolioChallengeAchievementWeatherContainer .raWeatherImage.weather04 {background-image:url(../../img/contents/rba/weather_04.png); background-repeat:no-repeat; background-size:cover;}
.raPortfolioChallengeAchievementWeatherContainer .raWeatherImage.weather05 {background-image:url(../../img/contents/rba/weather_05.png); background-repeat:no-repeat; background-size:cover;}
.raPortfolioChallengeAchievementWeatherContainer .raTitleWrapper {display:flex; justify-content:center;}
.raPortfolioChallengeAchievementWeatherContainer .raTitle {font-size:13px; font-weight:400; line-height:20px; color:#515961; padding-right:1px;}
.raPortfolioChallengeAchievementWeatherContainer .ico_warn {transform:scale(0.8)}
.raPortfolioChallengeAchievementWeatherContainer .raWeatherText {font-size:14px; font-weight:700; line-height:22px; color:#515961;}

/* m_cnt_challenge_goal_bar */
.goalBarContainer .goalBarBox {position: relative; width:100%; height:16px; background-color:#E6F1FF; border-radius:8px; overflow:hidden;}
.goalBarContainer .goalBarBox .goalBar{ position:absolute; top:0; left:0; display:block; height:16px;  background-color:#5979FF;}
.goalBarContainer ul {width:100%; margin-top:8px;}
.goalBarContainer ul li {width:49.5%; display:inline-block;}
.goalBarContainer ul li:nth-child(2) {text-align:right;}

/* rbafile116 m_cnt_pub_radio_box_1 */
.challengeFin span{ font-size : 1.8rem}
.challengeFin span p{ font-size : 1.4rem}

/* AI투자챌린지 > 상세 ::: rbafile114 */
.rbaCheckBoxContainer .round {position: relative;}
.rbaCheckBoxContainer .round label {left:0; top:0; position:absolute; width:22px; height:22px; border-radius:50%; border:2px solid #C0C6CC;}
.rbaCheckBoxContainer .round label:after {content:""; border:2px solid #C0C6CC; border-top:none; border-right:none; height:4px; width:9px; left:3px; position:absolute; top:5px; transform:rotate(-50deg);}
.rbaCheckBoxContainer .round input[type="checkbox"]:checked + label:after {content:""; border:2px solid white; border-top:none; border-right:none; height:4px; width:9px; left:3px; position:absolute; top:5px; transform:rotate(-50deg);}
.rbaCheckBoxContainer .round input[type="checkbox"]:checked + label {background-color: #307FF0; border:2px solid #307FF0;}


/* 
  [공통으로 사용되는 팝업 페이지들]
*/
/* PB상담예약 페이진 ::: rbafile115 */
.rba_pb_center{padding:40px 5px 250px;}
.rba_pb_center:after{display:block;content:'';position:absolute;right:0;bottom:0;width:288px;height:215px;background:url(../../img/contents/rba/bg_pb_center.png) no-repeat;background-size:100% 100%;}
.rba_pb_center .rba_pb_link{display:block;position:relative;margin:0 auto 92px;padding:10px 10px 10px 44px;width:133px;border:1px solid #e1e3e6;border-radius:4px;box-sizing:border-box;color:#212529;font-weight:700;font-size:14px;}
.rba_pb_center .rba_pb_link:after{display:block;content:'';position:absolute;left:13px;top:50%;margin-top:-12px;width:2.4rem;height:2.4rem;background-image:url(/img/common/ico_set1.png);background-position:-18.7rem -0.4rem;background-size:55rem auto;}
.rba_pb_center ul li{display:block;position:relative;margin-bottom:12px;}
.rba_pb_center ul li:before{display:block;content:'';position:absolute;left:-4px;top:0;width:10px;height:15px;background:url(../../img/contents/rba/icon_pb_center_talk.png) no-repeat left top;background-size:100% auto;}
.rba_pb_center ul li span{display:inline-block;padding:8px 12px;background:#f2f5f7;border-radius:12px;font-size:14px;line-height:22px;color:#212529;letter-spacing:-0.1px;}


/* AI추천포트폴리오 > 잦은 리밸런싱 방지 팝업 ::: rbafile100 */
.twoBtn{display:flex;justify-content:space-between;}
.twoBtn a{min-height:5.2rem;padding:1rem 1.6rem 0.8rem;width:49%;background:#0565f0;color:#fff;border-radius:0.6rem;font-weight:700;font-size:1.6rem;line-height:3.2rem;box-sizing:border-box;text-align:center;}
.twoBtn a:first-child{background:#eceff4;color:#6e7780;}
.twoBtn a.disabled{background:#e5f1ff;color:#c2dcff;opacity:1;}

/* 리밸선싱 > 추천포트폴리오 투자비중 확인 ::: rbafile101 */
.rebalancing_invst_type{display:flex;flex-direction:row;padding:28px 0;background:#f5f7fa;border-radius:6px;text-align:center;}
.rebalancing_invst_type div{width:50%;}
.rebalancing_invst_type .type1{position:relative;}
.rebalancing_invst_type .type1:after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid #e1e3e6;}
.rebalancing_invst_type .tit{display:block;margin-bottom:6px;color:#6e7780;font-size:14px;line-height:22px;}
.rebalancing_invst_type .invst_type{display:block;font-size:2rem;font-weight:700;line-height:30px;color:#515961;}
.rebalancing_invst{border-top:1px solid #e1e3e5;}
.rebalancing_invst .fund_sch_list .item_box{padding:25px 0;}
.rebalancing_invst .fund_sch_list a:last-child .item_box{border-bottom:0px none;}
.rebalancing_invst .fund_sch_list .item_box .tit{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;position:relative;margin-bottom:8px;padding-right:2rem;text-overflow: ellipsis;color:#515961;}
.rebalancing_invst .fund_sch_list .item_box .tit:after {display:block;content:'';position:absolute;right:0;top:4px;width:1.4rem;height:1.4rem;background-image:url(../../img/common/ico_set.png);background-size:40rem auto;transform:rotate(180deg);}

.rebalancing_invst .fund_sch_list .item_box .amount{display:block;margin-bottom:20px;text-align:right;font-size:1.6rem;font-weight:700;line-height:24px;color:#363c42;}
.rebalancing_invst .fund_sch_list .item_box .graph dl{position:relative;display:flex;flex-direction:row;}
.rebalancing_invst .fund_sch_list .item_box .graph .before{margin-bottom:15px;}
.rebalancing_invst .fund_sch_list .item_box .graph dl dt{width:60px;}
.rebalancing_invst .fund_sch_list .item_box .graph dl dd{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#6e7780;}
.rebalancing_invst .fund_sch_list .item_box .graph dl dd .bar{display:inline-block;position:relative;width:calc(100% - 40px);height:16px;border-radius:8px;background:#f2f5f7;} 
.rebalancing_invst .fund_sch_list .item_box .graph dl dd .bar span{display:block;content:'';position:absolute;left:0;top:0;height:16px;border-radius:8px 0 0 8px;background:#c0c6cc;}
.rebalancing_invst .fund_sch_list .item_box .graph dl.after{color:#363c42;font-weight:700;}
.rebalancing_invst .fund_sch_list .item_box .graph dl.after dd{color:#363c42;}
.rebalancing_invst .fund_sch_list .item_box .graph dl.after .bar{background:#e6f1ff;}
.rebalancing_invst .fund_sch_list .item_box .graph dl.after .bar span{background:#5979ff;}

/* 리밸런싱 > 종목확인 ::: rbafile102 */
.rebalancing_confirm{border-top:1px solid #e1e3e6;}
.rebalancing_confirm .item_box{padding:24px 0;border-bottom:1px solid #f2f5f7;}
.rebalancing_confirm .item_box .item{display:flex;flex-wrap:wrap;justify-content:space-between;}
.rebalancing_confirm .item_box .item .chip_list{margin-top:0;width:100%;}
.rebalancing_confirm .item_box .tit{flex:3;}
.rebalancing_confirm .item_box .tit p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size:1.6rem;color:#515961;line-height:24px;}
.rebalancing_confirm .item_box .info{display:flex;flex:1;text-align:right;flex-direction:column;}
.rebalancing_confirm .item_box .info .amount{margin-bottom:3px;color:#363c42;font-size:1.6rem;font-weight:700;line-height:24px;}

.invest_tendency_wrap{margin:0 -2rem;padding:0 2rem;height:100%;overflow-x:hidden;overflow-y:auto;}

/*포트폴리오 설계*/
.earningRate{color: #8c959f !important}

/* P_M_RBA790023_01 */
.recommendPopup .btnMorePopup{ width:12px; height:12px; display:inline-block;vertical-align:middle; background-image:url(/img/common/icon_agrArrow.png); background-size:100%; background-position: 0 -0.1rem; background-repeat :no-repeat}
/* P_M_RBA790023_03 : res_rba_non_deposit_info : 비예금상품설명서 유의사항 */
#res_rba_non_deposit_info{ z-index:10;margin-top: 6rem}
#res_rba_non_deposit_info .titleBox,
#res_rba_happycall_info .titleBox{ padding:2.2rem 0 0 2.5rem; }
#res_rba_deeplink_info .titleBox{ padding:2.2rem 0 0 2.5rem; }
#res_rba_non_deposit_info .titleBox div,
#res_rba_happycall_info .titleBox div,
#res_rba_deeplink_info .titleBox div{ display:inline-block;}
#res_rba_non_deposit_info .titleBox #ttsIcon,
#res_rba_happycall_info .titleBox #ttsIcon{vertical-align:middle; display:inline-block; width:20px; height:23px; background-image:url(/img/contents/rba/Notice.png); background-size:100%; background-repeat:no-repeat; margin-left:0px }
#res_rba_non_deposit_info .non_depodit_txt{ padding:1rem 0 2rem;}
/* P_M_RBA790023_06 : 비대면 해피콜 > 유의사항 인포박스 (res_rba_happycall_info) */
#res_rba_happycall_info .non_deposit_txt {padding:0.8rem 0 2rem}
#res_rba_deeplink_info .non_depodit_txt{ padding:1rem 2rem 2rem 2.5rem;}
.rbaHappyCallFundList{margin-top: 20px;}

/* P_M_RBA790023_04 : 신청 정보 입력 */
.slide_cont.input_step p {display: flex;}
.slide_cont.input_step p::before {content: '-';margin-right: 5px;}
.cmm_toggle_box.input_step button {border-bottom: none !important;}

/* P_M_RBA790023_03 m_cnt_txt_tit_with_tts */
.titleWithTtsIcon{ z-index:10; display:inline-block; width:20px; height:23px; background-image:url(/img/contents/rba/Notice.png); background-size:100%; background-repeat:no-repeat; vertical-align:middle; margin-left:4px}
/* P_M_RBA792018_01 */
.listWithBtn strong{ width:80% }

/* m_cnt_ra_portfolio_history_account_card */
.raAccountCardContainer .summaryWrapper .row span{margin-right:3px;}
.raAccountCardContainer .summaryWrapper .row .row_content  {color:#212529; display:flex; align-items:center;}
.raAccountCardContainer .summaryWrapper .row .row_content.decrease {color:#0565F0; display:flex; align-items:center;}
.raAccountCardContainer .summaryWrapper .row .row_content.stay {color:#363c42!important;}
/* .raAccountCardContainer .summaryWrapper .row .row_content.decrease .ico {margin-bottom:2px; display:inline-block; width:1.6rem; height:1.6rem; background:url(/img/common/ico_set.png) -10rem -70rem/60rem auto no-repeat; margin-right:5px; transform: rotate(180deg);} */
.raAccountCardContainer .summaryWrapper .row .row_content.increase {color:#E5493A !important;}
/* .raAccountCardContainer .summaryWrapper .row .row_content.increase .ico {background:url(/img/common/ico_set.png) -15rem -70rem/60rem auto no-repeat !important; transform: rotate(0deg) !important;} */


/* m_lst_rba_history_list / m_lst_rba_history_datail_list  */
.rba_history .item_box{position:relative;padding:24px 0;border-bottom:1px soild #F2F5F7;}
.rba_history .item_box .tit{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom:10px;padding-right:30px;color:#515961;}
.rba_history .item_box .inf dl{display:flex;flex:1;flex-direction:row;justify-content:space-between;}
.rba_history .item_box .inf dl + dl{margin-top:4px;}
.rba_history .item_box .inf dl dd{color:#363c42;}
.rba_history .item_box .chip_list{margin:0 0.8rem 1rem 0;}

/* m_lst_rba_history_list */
.rba_history .history_list .item_box {position:relative;}
.rba_history .history_list .item_box::after{display:block;content: '';position: absolute;top: 26px;right:0;width: 1.6rem;height: 1.6rem;background: url(/img/common/ico_set.png) 0 0/40rem auto no-repeat;transform: rotateY(-180deg);}
.rba_history .history_list .item_box::before { content :""; position:absolute; bottom:0;left:0; width:100%; height:1px; background-color: #F2F5F7; margin-top:2rem}
.history_list .tit {color:#363C42; font-size: 1.6rem; font-weight:700;}
.history_list .date {margin-left:0; margin-bottom:2.4rem;}
/* m_lst_rba_history_list */
.history_detail_list{position:relative; margin-bottom:6rem;}
.history_detail_list::before { content :""; position:absolute; top:0;left:0; width:100%; height:1px; background-color: #E1E3E5;}
.history_detail_list .item_box {position:relative;}
.history_detail_list .item_box::before { content :""; position:absolute; bottom:0;left:0; width:100%; height:1px; background-color: #F2F5F7; margin-top:2rem}
.history_detail_list .tit {color:#515961; font-size: 1.6rem; }
.history_detail_list .account {margin-bottom:12px; }
	
/* m_cnt_ra_transfer_his_filter */
.historyFilterContainer {display:flex; border-bottom:1px solid #8C959F; padding-bottom:20px }
.historyFilterContainer > span,.historyFilterContainer > div{flex-basis:50% }
.historyFilterContainer .filterArea {display:flex; justify-content:flex-end; }
.historyFilterContainer .filterArea .condition {color:#212529;margin: auto 8px;}
.historyFilterContainer .filterArea .condition span:nth-child(1):after { content:""; display:inline-block; width:2px; height:2px; vertical-align:middle; background-color:#212529;margin-left:5px;}
.historyFilterContainer .filterArea .condition span:last-child {margin-left:5px;}
.historyFilterContainer .filterArea .condition span {display:inline-block;}
.historyFilterContainer .filterArea .btn_filter { position:inherit!important; margin:auto 0;}
.historyFilterContainer .filterArea .btn_filter:before {filter: grayscale(300%) invert(100%) contrast(300%);}

/* m_lst_rba_faq */
.raQaContainer .slide_top > span {padding: 2.8rem 2.5rem 2.8rem 0; font-size:1.6rem; vertical-align:top}
.raQaContainer .slide_top > span i {margin-right : 5px;display:inline-block;vertical-align:top}
.raQaContainer .slide_top > span span {display:inline-block;width:calc(100% - 55px)}
.raQaContainer .txt_box,.raQaContainer .txt_box.slide_cont { border-radius:0}

/*  AI 추천 포트폴리오 소개 ::: P_M_RBA_INFO_01 ||  AI 투자챌린지 소개 ::: P_M_RBA_INFO_02 공통 */
.infoContents .sub_tit { font-size:2.2rem; line-height:2.8rem;}
.infoTitleBox .sub_tit { padding-top:4.8rem!important}
.infoTitleBox { height:50.6rem; position:relative;}
.infoTitleBox > div{ padding:0 2rem }
.infoTitleBox > div h3 div{ display:inline-block}
.infoTitleBox .backgroundImgBox { position:absolute; bottom:1.6rem; left:50%; transform:translate(-50%); width:35.5rem; height:26.6rem; background-repeat:no-repeat; background-size:contain; background-position:50% 50%;}
.info_hideHeader { position:absolute; color:transparent; top:0; z-index:-1}
.info_hideHeader h3 { color:transparent; }
.portfolio_info_G_01 { background:linear-gradient(180deg, #c3e2ff 0%, rgba(195,226,255,0) 75%);}
.portfolio_info_G_01 .backgroundImgBox { background-image:url(../../img/contents/rba/info_portfoilo_012.png);}
.portfolio_info_G_02  { background-image:url(../../img/contents/rba/info_portfoilo_022.png); width:100%; height:37.6rem; background-repeat:no-repeat; background-size:contain; background-position:0 100%;}
/*  AI 추천 포트폴리오 소개::: P_M_RBA_INFO_01 > AI 포트폴리오는 이런 장점이 있어요 */
.infoContents .portfolioBenfit { width: 100%;}
.infoContents .portfolioBenfit li{ display:flex; width:100%; height:10rem; border-radius:1.6rem; border:0.1rem solid #E1E3E6; margin-bottom:2rem;}
.infoContents .portfolioBenfit li:last-child{ margin-bottom:0;}
.infoContents .portfolioBenfit li:before{ content:""; display:inline-block; width:6rem; height:6rem; margin:1.9rem 2.1rem 1.9rem 1.9rem; background-repeat:no-repeat; background-size:cover;}
.infoContents .portfolioBenfit li:nth-child(1):before{ background-image:url(../../img/contents/rba/info_portfoilo_03_012.png);}
.infoContents .portfolioBenfit li:nth-child(2):before{ background-image:url(../../img/contents/rba/info_portfoilo_03_022.png);}
.infoContents .portfolioBenfit li:nth-child(3):before{ background-image:url(../../img/contents/rba/info_portfoilo_03_032.png);}
.infoContents .portfolioBenfit li p { align-self:auto; vertical-align:middle; margin:auto 0; line-height:2.4rem; font-size:1.6rem; color:#363c42;}
/*  AI 추천 포트폴리오 소개::: P_M_RBA_INFO_01 > AI 포트폴리오 가입은 아래의 순서에 따라 진행돼요 */
.infoContents .portfolioStep {  width: 100%;}
.infoContents .portfolioStep li{ width: 100%; display:flex; position:relative; margin-bottom: 4rem;}
.infoContents .portfolioStep li:after{ content:""; position:absolute; left:1.9rem; top:60%; width:0.2rem; background-color:#82D6B8; height:7rem;}
.infoContents .portfolioStep li:last-child:after{ display:none;}
.infoContents .portfolioStep li div{ position:relative; width:4rem; height:4rem; background-color:#82D6B8; color:#fff; border-radius:100%; text-align:center; vertical-align:top;}
.infoContents .portfolioStep li div span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:'HGGGothicssi';font-size:1.6rem; font-weight:600; text-align:center; vertical-align:middle;}
.infoContents .portfolioStep li p { margin-left:1.6rem; margin-top:-0.2rem; font-size:1.6rem; color:#363c42;}
/*  AI 투자챌린지 소개 ::: P_M_RBA_INFO_02 */
/*  AI 투자챌린지 소개 ::: P_M_RBA_INFO_02 > 00님은 어던 목표가 있으신가요? */
.challenge_info_G_01 { background:linear-gradient(180deg, #DDF0FB 43.51%, rgba(255,255,255,0) 94.23%);}
.challenge_info_G_01 .backgroundImgBox { background-image:url(../../img/contents/rba/info_challenge_01.png); }
/* P_M_RBA_INFO_02 .challenge_info_G_02  */
.challenge_info_G_02 .challengeGoals { text-align:right;}
.challenge_info_G_02 .challengeGoals li { width:25.2rem; padding:2.4rem 0; border:0.1rem solid #E1E3E6; box-shadow: 0.4rem 0.4rem 1.2rem rgba(0,0,0,0.08); border-radius:2rem; text-align:center; margin-bottom:2rem; opacity:0; transition:0.25s ease-in; margin-top:2rem;}
.challenge_info_G_02 .challengeGoals li:last-child { margin-bottom:0;}
.challenge_info_G_02 .challengeGoals li.on { opacity:1; margin-top:0;}
.challenge_info_G_02 .challengeGoals li div { display:block; height:9.2rem; margin-bottom:1.2rem; background-repeat:no-repeat; background-size:contain; background-position:center;}
.challenge_info_G_02 .challengeGoals li p { color:#515961; letter-spacing:-0.2px; font-size:1.6rem; line-height:2.4rem; font-weight:700;}
.challenge_info_G_02 .challengeGoals li:nth-child(1) div {background-image:url(../../img/contents/rba/info_challenge_02_01.png);}
.challenge_info_G_02 .challengeGoals li:nth-child(2) div {background-image:url(../../img/contents/rba/info_challenge_02_02.png);}
.challenge_info_G_02 .challengeGoals li:nth-child(2) {display:inline-block; }
.challenge_info_G_02 .challengeGoals li:nth-child(3) div {background-image:url(../../img/contents/rba/info_challenge_02_03.png);}
/*  AI 투자챌린지 소개 > 목표 달성을 위한 최적의 펀드 ~  ::: P_M_RBA_INFO_02 > .challenge_info_G_03  */
.challenge_info_G_03 .challengeRisk  { text-align:center;  width:calc(100% - 8px); position:relative; margin:10rem 0 3rem 0;}
.challenge_info_G_03 .challengeRisk .bar { width:100%; height: 4rem; border-radius:10rem; background:linear-gradient(90deg, #5979FF 42.99%, #A162F7 94.33%) }
.challenge_info_G_03 .challengeRisk .riskBtn { left:0%; position:absolute; top:50%; transform:translate(0,-50%); width:6rem; height:6rem; background-color: #ffffff; border:0.1rem solid #E1E3E6; cursor:pointer; border-radius:10rem; box-shadow: 0 0.8rem 1rem rgba(33, 37, 41, 0.02), 0 0.2rem 2.2rem -0.1rem rgba(33, 37, 41, 0.04); background-size:50%; background-position:50% 50%; background-repeat: no-repeat;}
.challenge_info_G_03 .challengeRisk .riskBtn.on{ left:60%; transition:0.2s ease-in;}
.challenge_info_G_03 .challengeRisk .riskBtn.right{ left:62%;transition:0.3s ease-in-out; }
.challenge_info_G_03 .challengeRisk .riskBtn.left{ left:58%!important;transition:0.2s ease-in;}
.challenge_info_G_03 .challengeRisk .riskBtn.active{ background-image: url(../../img/contents/rba/star_c_center.png);}
.challenge_info_G_03 .challengeRisk .riskBtn.addActive{ transition:0.2s ease-in;}
.challenge_info_G_03 .challengeRisk .riskBtn.addActive:after{ content:""; transition:0.2s ease-in; opacity:0; position: absolute; top:-1.2rem; left:50%; transform:translate(-50%,-100%); display:block; width:10rem; height:4.6rem; background-image:url(../../img/contents/rba/info_challenge_03.png); background-repeat:no-repeat; background-size:contain;}
.challenge_info_G_03 .challengeRisk .riskBtn.on.addActive:after{ content:""; opacity:1;}
/*  AI 투자챌린지 소개 > 투자 예보로 챌린지 달성 전망을 ~  ::: P_M_RBA_INFO_02 > .challenge_info_G_04 */
.challenge_info_G_04 .challengeWeather { width:100%; height:18rem; position:relative; overflow:hidden}
.challenge_info_G_04 .sub_tit {  padding-left:2rem; padding-right:2rem}
/* @keyframes rba-weatherlist-animation{
    0% {left:0;}
    100% {left:-702%;}
} */
.challenge_info_G_04 .challengeWeather ul { width:372.3rem; padding:0 10rem; position: absolute; top:0; left:0; transition:36s linear; }
.challenge_info_G_04 .challengeWeather ul.on { width:372.3rem; padding:0 10rem; position: absolute; top:0; left:-702%;}
.challenge_info_G_04 .challengeWeather ul li { width:18rem; height:18rem; margin-right:3.2rem; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center;}
.challenge_info_G_04 .challengeWeather ul li:nth-child(1) {background-image:url(../../img/contents/rba/info_challenge_04_01.png);}
.challenge_info_G_04 .challengeWeather ul li:nth-child(2) {background-image:url(../../img/contents/rba/info_challenge_04_02.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(3) {background-image:url(../../img/contents/rba/info_challenge_04_03.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(4) {background-image:url(../../img/contents/rba/info_challenge_04_04.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(5) {background-image:url(../../img/contents/rba/info_challenge_04_05.png);}
.challenge_info_G_04 .challengeWeather ul li:nth-child(6) {background-image:url(../../img/contents/rba/info_challenge_04_01.png);}
.challenge_info_G_04 .challengeWeather ul li:nth-child(7) {background-image:url(../../img/contents/rba/info_challenge_04_02.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(8) {background-image:url(../../img/contents/rba/info_challenge_04_03.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(9) {background-image:url(../../img/contents/rba/info_challenge_04_04.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(10) {background-image:url(../../img/contents/rba/info_challenge_04_05.png);}
.challenge_info_G_04 .challengeWeather ul li:nth-child(11) {background-image:url(../../img/contents/rba/info_challenge_04_01.png);}
.challenge_info_G_04 .challengeWeather ul li:nth-child(12) {background-image:url(../../img/contents/rba/info_challenge_04_02.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(13) {background-image:url(../../img/contents/rba/info_challenge_04_03.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(14) {background-image:url(../../img/contents/rba/info_challenge_04_04.png); }
.challenge_info_G_04 .challengeWeather ul li:nth-child(15) {background-image:url(../../img/contents/rba/info_challenge_04_05.png); margin-right:0px;}
/*  AI 투자챌린지 소개 > 원한다면 목표를 종료한 후에도 ~  ::: P_M_RBA_INFO_02 > .challenge_info_G_05 */
.challenge_info_G_05 .challengeEnd { text-align:center;}
.challenge_info_G_05 .challengeEnd div { display:inline-block; width:15.5rem; height:15.5rem; margin-bottom:2.4rem; background-image:url(../../img/contents/rba/info_challenge_05.png); background-repeat:no-repeat; background-size:contain;}
.challenge_info_G_05 .challengeEnd li { text-align:left; display:inline-block; width:calc(100% - 4rem); border:1px solid #f1f3f6; margin-bottom:2rem; border-radius:2rem; padding:1.5rem 1.7rem; background-color:#fff; color:#515961; font-size:1.8rem; font-family:'HGGGothicssi'; line-height:2.6em;}
.challenge_info_G_05 .challengeEnd li span {position:relative; display:inline-block; width:2.517rem; height:2.517rem; border-radius:10rem; border:0.15rem solid #C0C6CC; margin-right:1.3rem; vertical-align:middle}
.challenge_info_G_05 .challengeEnd.on li:nth-child(1) { box-shadow:0.4rem 0.4rem 1.2rem rgba(0,0,0,0.08); }
.challenge_info_G_05 .challengeEnd.on li:nth-child(1) span {border:0.15rem solid #5979FF;}
.challenge_info_G_05 .challengeEnd.on li:nth-child(1) span:after {content:""; position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:10rem; width:1.4rem; height:1.4rem; background-color:#5979FF;}
.challenge_info_G_05 .challengeEnd li:nth-child(2) { box-shadow:0.4rem 0.4rem 1.2rem rgba(0,0,0,0.08);}
.challenge_info_G_05 .challengeEnd li:nth-child(2) span { border:0.15rem solid #5979FF;}
.challenge_info_G_05 .challengeEnd li:nth-child(2) span:after {content:""; position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:10rem; width:1.4rem; height:1.4rem; background-color:#5979FF;}
.challenge_info_G_05 .challengeEnd.on li:nth-child(2) { box-shadow: none;}
.challenge_info_G_05 .challengeEnd.on li:nth-child(2) span {border:0.15rem solid #C0C6CC;}
.challenge_info_G_05 .challengeEnd.on li:nth-child(2) span:after {content:""; opacity:0;}
.challenge_info_G_05 .challengeEnd p { display:inline-block; font-size:1.8rem; font-family:'HGGGothicssi'; line-height:2.6em;}

/* P_M_CHAL_SEL  / challenge_select_list */
.challenge_select_list .itemBox  {  display:inline-block; width:276px; height:253px; padding:28px 24px; color:#212529; position:relative; line-height:22px; letter-spacing:-0.1px;border-radius:6px}
.challenge_select_list .item  {  width:100%; height:100%; }
.challenge_select_list .itemBox .item h3{ font-size: 2rem;font-weight:700; margin-bottom:12px; line-height:3rem; }
.challenge_select_list .itemBox .item p{ font-size: 1.4rem; line-height:2.2rem; letter-spacing:-0.1px; }
.challenge_select_list .itemBox .item div{  position: absolute; right:20px; bottom:20px ; width:92px; height:92px;  background-repeat:no-repeat; background-size:contain;}
/* P_M_CHAL_SEL */
.FundPlusBtn{ margin-top:1.6rem}
.portfolioPlusBtn,.challengePlusBtn,.FundPlusBtn {width:100%; border: 1px solid #e1e3e6; border-radius:6px; padding:18px 0; text-align:center;}
.portfolioPlusBtn span,.challengePlusBtn span,.FundPlusBtn span {display: inline-block; vertical-align:middle; width:1.6rem; height:1.6rem; margin-right:4px; background-image:url(../../img/contents/rba/btn_add.png); background-repeat:no-repeat; background-size:contain;}
.portfolioPlusBtn div, .challengePlusBtn div,.FundPlusBtn div {display: inline-block;vertical-align:middle; line-height:2.4rem; font-size:1.4rem; font-weight:700; margin-bottom:-0.2rem}

/* RBA_file071  */
.challengeInfoBox .txt_tit { font-size:1.4rem}
.challengeInfoBox .title .txt_tit { font-size:1.6rem}
.combobox_contents_wrap .combo_content.popup_out_sec { padding:0rem!important;}
.combobox_contents_wrap .combo_content.popup_out_sec .challengePopupBox { padding:0rem 2rem!important;}

/* P_M_RBA790023_POP_01 */
.pro_detail_top .unit_box.percent .tit { padding-left :3.2rem}
.pro_detail_top .unit_box.percent .tit:before{ left:4px;}

/* popup */
/* 블릿 공통 */
.rba_list_dot li{display:block;position:relative;padding-left:12px;color:#6e7780;line-height:21px;}
.rba_list_dot li:before{display:block;content:'';position:absolute;left:0;top:7px;width:4px;height:4px;background:#c0c6cc;border-radius:2px;}
.rba_list_dot_not li:before{content:"";}
/* info_box 안에 */
.info_box  { color:#6e7780; font-size:14px; line-height:22px; letter-spacing:-0.1px; }
.info_box .bold_tit { color:#515961; }
.info_box strong { color:#515961; }


.borderBox { border:1px solid #e1e3e6 ; border-radius : 0.5rem; background-color:#fff; box-sizing:border-box; padding:15px 16px }
.borderBox span {display:block; font-size:1.3rem; }
.borderBox strong {display:block; font-size: 1.8rem; letter-spacing:-0.2px; font-weight:400; color:#212529;}
/* P_M_RBA793012_01 */
.rba_combo_invalid.combobox_bottomsheet .combobox{border-color:#e5493a;background-color:#fefbfb;}
.rba_combo_invalid.combobox_bottomsheet .combobox:after{margin-top:-0.8rem;background-position:-15rem -70rem;transform:rotate(180deg);}
.rba_combo_invalid.combobox_bottomsheet .combo_label{color:#e5493a;}

.highChartTooptipBox{background-color:rgba(0,0,0,0.75); padding:8px; border-radius:6px;color:#fff;  font-size:1.1rem; line-height:1.6rem; box-sizing:border-box;}

/* m_lst_rba_challenge_select_list */
.challengeSelectBox {padding:0 2rem}

.rebelancing_deeplink_box{padding:4rem 0;}
.rebelancing_deeplink_box .item{margin-bottom:16px;padding:20px;background:#fff;border:1px solid #e1e3e5;border-radius:6px;box-shadow:rgba(33,37,41,0.02) 0px 6px 10px, rgba(33,37,41,0.04) 0px 1px 16px;}
.rebelancing_deeplink_box .tendency{display:inline-block;margin-bottom:8px;padding:4px;border:1px solid rgb(110,119,128);color:#6e7780;border-radius:2px;font-size:1.3rem;}
.rebelancing_deeplink_box .rebeType{display:inline-block;margin-left:6px;margin-bottom:8px;padding:4px;border:1px solid #E5493A;color:#E5493A;border-radius:2px;font-size:1.3rem;}
.rebelancing_deeplink_box .name{display:block;margin-bottom:2px;font-size:1.8rem;color:#212529;}
.rebelancing_deeplink_box .account{display:block;margin-bottom:10px;color:#8c959f;}
.rebelancing_deeplink_box .home_AI_challenge_mid_complete{margin-bottom:20px;}
.rebelancing_deeplink_box .home_AI_challenge_mid_complete .info{display:flex;flex-direction:row;margin-bottom:5px;justify-content:space-between;}
.rebelancing_deeplink_box .home_AI_challenge_mid_complete .info .label{color:#6e7780;}
.rebelancing_deeplink_box .home_AI_challenge_mid_complete .info .value{color: #212529;}
.rebelancing_deeplink_box .btn{display:block;width:100%;height:52px;line-height:52px;background:#0565f0;border-radius:0.6rem;text-align:center;color:#fff;font-size:1.6rem;font-weight:700;}

/* P_M_RBA793012_01_POP*/
.raInfoTit > h3 { color:#212529; font-size:1.6rem; font-weight:700; line-height:24px; font-family:'SpoqaHanSansNeo'; }


@media (min-width: 481px) {
	/* P_M_RBA_MAIN_01 */
   	.invest_home_upper .withBackgroundImg{height:450px; } /*  */ 
	.invest_home_lower .aiRecommendContainer .image_box,.invest_home_lower .aiChallengeContainer .image_box {height:300px;}
	/* P_M_RBA_INFO_01 */
	.portfolio_info_G_02  { height:38rem; }
	/* P_M_RBA_INFO_02 */
	.challenge_info_G_02 .challengeGoals { max-width:450px; margin:0 auto}
	.challenge_info_G_04 .challengeWeather ul.on { left:-450%;}
}