@charset "utf-8";

/*********************
금융상품 > 연금 Stylesheet
*********************/

/*********************
개인연금 > 개인연금저축가입
*********************/
/* 연금저축계좌개설  */
.saving_establish select.accountNum {width:300px;}
.saving_establish .select-box + .btnCheck {margin-left:15px;}
.saving_establish input[type="password"].password {width:140px;}
.saving_establish input.contractPrice, .saving_establish input.savingEndDay {width:180px; text-align:right;}
.saving_establish label {margin-left:0 !important;}
.saving_establish input[type="text"].spWidth {width:310px;}
.noneChange {display:block; position:relative; width:100%; margin:0; padding:30px 0; text-align:center; border-top:solid #747474 1px; border-bottom:solid #ddd 1px; background-color:#fafafa;}
.noneChange span {display:inline-block; position:relative; padding-left:20px; background:url(/ux/images/common/ico_notice.gif) no-repeat left 2px;}
.warningBlue {font-weight:600; color:#0977c9 !important;}
.establishWarning_table td {padding:10px 6px !important; text-align:center;}
.establishWarning_table .ex_txt {text-align:left;}f
.establishWarning_table .ex_txt li {padding-left:10px; color:#444;}
.establishWarning_dd {max-height:400px !important;}
/* 연금 이체신청안내  */
.establishInfo {margin-bottom:30px;}
.establishInfo .poptvLink {display:block; position:absolute; right:60px; top:10px; width:230px; margin:0; padding:170px 0 0 0; text-align:right; background:url(/ux/images/pension/poptvLink.png) no-repeat 50% top;}
.establishInfo .poptvLink span {display:inline-block; position:relative; margin:0; padding:0 29px 0 0; background:url(/ux/images/common/btn/bg_btn_ico_set.png) no-repeat right -156px;}
.establishtitle {margin-bottom:30px;}
.establishtitle p {margin-top:6px;}
.establish_Step {display:block; position:relative; width:900px; margin:30px 0 0 0; padding:0 30px; border-bottom:solid #ddd 1px;}
.establish_Step .branch {display:block; position:relative; margin:0; padding:0;}
.establish_Step .online {display:block; position:absolute; right:30px; top:0; width:440px; margin:0; padding:0; }
.establish_Step h3 {display:block; position:relative; width:440px; height:118px; margin:0; padding-top:92px; text-align:center; color:#fff; font-size:15px; font-weight:600;}
.establish_Step .branch h3 {background:url(/ux/images/pension/establish_sspop.png) no-repeat 50% top;}
.establish_Step .online h3 {background:url(/ux/images/pension/establish_online.png) no-repeat 50% top;}
.establish_Step li {display:block; position:relative; padding-bottom:62px; margin-bottom:8px;}
.establish_Step .branch li {background:url(/ux/images/pension/establish_sspop_arrow.png) no-repeat 206px bottom #FFF;}
.establish_Step li .box {display:block; position:relative; margin:0; padding:20px 0; background-color:#fcfcfc; border:solid #d4d4d4 1px; text-align:center; font-size:15px; color:#444; z-index:2;}
.establish_Step li.last {padding-bottom:0; margin-bottom:0; background:none;}
.establish_Step li.step02 {height:210px;}
.establish_Step .branch li.step02 .box {width:438px; padding:30px 0; border-color:#9ed6f5; background-color:#f3f9fd;}
.establish_Step li.step03 {background:url(/ux/images/pension/establish_gray_arrow.png) no-repeat 50% bottom;}
.establish_Step li.step03 .box {color:#c34a07}
.establish_Step .online li {background:url(/ux/images/pension/establish_online_arrow.png) no-repeat 206px bottom #FFF;}
.establish_Step .online .indent {padding:20px 0; text-indent:-9999px;}
.establish_Step .online dl {display:block; position:relative; top:4px; width:398px; margin:0; padding:20px 20px 10px 20px; border:solid #9adbd7 1px; font-size:15px; background-color:#f5fbfb;}
.establish_Step .online dt {display:block; position:relative; margin:0; padding:0 0 20px 0; text-align:center; background:url(/ux/images/pension/establish_online_dotline.png) repeat-x left bottom;}
.establish_Step .online dt span {display:block; color:#c34a07}
.establish_Step .online dd {display:block; position:relative; margin:0; padding:20px 0 0 0; text-align:center;}
.establish_Step .online dd ul {display:block; margin-top:8px;}
.establish_Step .online dd li {display:block; position:relative; margin:0 0 5px 0; padding:0 0 0 10px; text-align:left; font-size:15px; background: url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px #f5fbfb;}
.establish_Step .hint {display:block; position:relative; padding:28px 0 28px 10px; color:#747474; font-size:13px; background:url(/ux/images/common/bult_bar.png) no-repeat left 37px; }
.btnArea.eastablish .btnLarge {width:140px;}
/* 개인연금저축 계좌이체 안내 */
.workScope {display:block; position:relative; margin:0 0 30px 0; padding:40px 0 0 0; border:solid #bbb 1px;}
.workScope:after {display:block; clear:both; content:""; }
.workScope dt {display:block; position:absolute; left:0; top:0; width:100%; height:40px; line-height:38px; margin:0; padding:0; color:#222; text-indent:10px; font-size:16px; background-color:#fafafa; }
.workScope dd {float:left; display:block; position:relative; width:25%; margin:0; padding:10px 0; text-indent:10px;}
/* 연금전환  */
fieldset.balanceNum {display:block; position:relative; margin:0; padding:0 0 0 90px;}
fieldset.balanceNum:after { content:""; display:table; clear:both;}
fieldset.balanceNum button, field.balanceNum input[type="text"] {float:left;}
fieldset.balanceNum input[type="text"] + input[type="text"] {margin-left:10px;}
fieldset.balanceNum input[type="text"].printFund {width:81px; position:absolute; left:0; top:0; text-align:center; font-size:13px;}
fieldset.balanceNum input[type="text"].fundType {width:150px; font-size:13px;}
fieldset.balanceNum input[type="text"].fundNum {width:80px; text-align:center; font-size:13px;}
fieldset.balanceNum input[type="text"].fundName {width:330px; overflow:hidden; font-size:13px;}

/*********************
개인연금 > 개인연금펀드 찾기
*********************/
.more_infoBox.search_insurance .col .tit {display:block}
.more_infoBox.search_insurance .col a.more {top:59px}

/*********************
개인연금 > 개인연금펀드 매매
*********************/
/* 추가매수 */
table.pension_tradeAdd .tbl_info dt {width:99px}
table.pension_tradeAdd .tbl_info dd {float:left;padding:0}



/*********************
개인연금 > 개인연금관리
*********************/
/*개인연금 가입현황*/
.searchAccountNum {width:300px;}
.searchAccountNum02 {width:250px;}
.conditionDiagram {display:block; position:relative; margin:30px 0; padding:0; border:solid #ddd 1px; border-top:solid #747474 1px;}
.conditionDiagram ul {display:table; position:relative; width:100%; margin:0; padding:0;}
.conditionDiagram li {float:left; display:block; position:relative; margin:0; padding:0;}
.conditionDiagram li + li {background:url(/ux/images/common/lineDot_ddd.gif) repeat-y left top;}
.conditionDiagram ul.col3 li {width:33.33%}
.conditionDiagram .title {display:block; position:relative; margin:0; padding:10px 0 0 0; font-size:18px; color:#222; text-align:center;}
.conditionDiagram .title span {font-size:14px; color:#747474;}
.conditionDiagram .diagramWrap {display:block; position:relative; height:180px; margin:20px 25px; padding:30px 0 0 0; text-align:center; background:url(/ux/images/common/lineDot_aaa.gif) repeat-x left 180px; }
.conditionDiagram .diagramWrap dl {display:inline-block; position:relative; width:60px; height:130px; margin:0 20px; padding:20px 0;}
.conditionDiagram .diagramWrap dt {display:block; position:absolute; left:-3px; bottom:-5px; width:60px; color:#222; font-size:13px; text-align:center;}
.conditionDiagram .diagramWrap dd {display:block; position:absolute; width:54px; margin:30px 3px 0 3px; padding:0; left:0; bottom:19px; background-color:#747474;}
.conditionDiagram .diagramWrap dd span {display:block; position:absolute; width:60px; left:-3px; top:-26px; text-align:center; font-size:13px;}
.conditionDiagram .diagramWrap .evaluate dd {background-color:#3dadec;}
 .conditionDiagram .diagramWrap .evaluate dd span {color:#3dadec;}
 .selectYear {display:inline-block; position:relative; margin:0; padding:0 0 0 40px;}
 .selectYear select {width:100px;}
 .selectYear .checkbox {position:absolute; left:20px; top:10px;}
 .dl_set01.purchaseAuto input[type="text"] {width:280px;}
 .dl_set01.purchaseAuto select {width:100px;}
 .dl_set01.blocDistribution {margin-bottom:30px;}
 .dl_set01.blocDistribution select {width:300px;}
 table.purchaseAuto {margin-bottom:0px;}
 table.purchaseAuto input[type="text"] {width:100px; text-align:right;}
 table.purchaseAuto tfoot input[type="text"].disabled {background-color:#ececec}
/* 연금펀드자동매수신청 */
table tfoot td input[type="text"].readonly {background-color:#f0f0f0;}
/* 연금펀드자동매수신청>(P)신청완료 */
.sign_text {display:block; position:relative; text-align:center; font-size:18px; font-weight:600;}
.sign_text strong {color:#0062ab;}
.more_infoBox .col.bg_icon26 {background:url(/ux/images/common/bg_icoBig_type26.gif) 92% 40px no-repeat;}
/* 연금펀드자동매수신청>(P)신청완료 삭제될 예정 */
.establishComplete .sign {display:block; position:relative; text-align:center; font-size:18px; font-weight:600;}
.establishComplete .sign strong {color:#0062ab}
.establishComplete .recomeFund {display:block; position:relative; margin:30px 0 0 0; padding:30px 100px 30px 30px; border:solid #ddd 1px; border-top:solid #747474 1px; background:url(/ux/images/common/bg_icoBig_type26.gif) no-repeat 355px 40px;}
.establishComplete .recomeFund dl {display:block; position:relative; margin:0; padding:0;}
.establishComplete .recomeFund dt {display:block; position:relative; margin:0; padding:0; color:#222; font-size:18px; font-weight:600; }
.establishComplete .recomeFund dd {display:block; position:relative; margin:10px 0 0 0; padding:0;}

/*********************
개인연금 > 개인형 퇴직연금 IRP 계좌
*********************/
.introduce_IRP {display:block; position:relative; min-height:140px; margin:0 0 30px 0; padding:24px 300px 28px 30px; background-color:#fafafa; border-top:solid #747474 1px; border-bottom:solid #ddd 1px;}
.introduce_IRP span.visual {display:block; position:absolute; width:240px; height:140px; right:30px; top:28px; background:url(/ux/images/pension/bg_aboutIRP_new.png) no-repeat 50%;}
.introduce_IRP dl {display:block; position:relative; margin:0; padding:0;}
.introduce_IRP dt {font-size:30px; font-weight:600; color:#095e9e; margin-bottom:18px;}
.introduce_IRP dd {font-size:14px; color:#444}
.introduce_IRP dd + dd {margin-top:20px;}
.dl_table.IRP_icon dl {width:230px; background:url(/ux/images/pension/IRP_icon.png) no-repeat}
.dl_table.IRP_icon dl.set01 {background-position:0px 5px;}
.dl_table.IRP_icon dl.set02 {background-position:0px -195px;}
.dl_table.IRP_icon dl.set03 {background-position:0px -395px;}

/*IRP 알아보기 테이블*/
.irpGuideTb{position:relative;}
.irpGuideTb .arrowDn{display:inline-block;background:url(/ux/images/pension/bg_irp_arrowDn.png) no-repeat 0 0; width:26px;height:342px;}

table.mini {border-top:1px solid #ddd; width:100%;}
table.mini th, table.mini td {padding:7px 0 6px 0;}

/*개인퇴직연금(IRP) 가입하기*/
.downStep {overflow:hiddn;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-top:-1px;}
.downStep>li {position:relative;padding-left:240px;border-bottom:1px dotted #dddddd;padding:20px 40px 30px 240px;}
.downStep>li.step01 {background:url("/ux/images/pension/IRP_step01.png") no-repeat 35px center;}
.downStep>li.step02 {background:url("/ux/images/pension/IRP_step02_new.png") no-repeat 35px center;}
.downStep>li.step03 {background:url("/ux/images/pension/IRP_step03.png") no-repeat 35px center;}
.downStep>li.step04 {background:url("/ux/images/pension/IRP_step04_new.png") no-repeat 35px center;}
.downStep>li .arrowD {background:url(/ux/images/pension/arrowD.png) no-repeat 0 0;position:absolute;bottom:-16px;left:100px;width:30px;height:30px;z-index:10;}

.downStep .dlTit {letter-spacing:-0.2px;}
.downStep .dlTit dt, .downStep .dlTit dd{font-weight:600;}
.downStep .dlTit dt {font-size:17px;margin-bottom:5px;color:#333333;}
.downStep .dlTit dd {font-size:15px;}
.downStep .guideTb1 td {background-color:white;}
.downStep h3 {position:relative;font-weight:normal;font-size:38px;color:#0062ab;}
.downStep h3 em {position:absolute;top:10px;left:45px;color:#747474;font-size:12px;}
.downStep h3 span {position:absolute;top:24px;left:45px;font-weight:bold;font-size:15px;color:#222222;}
.downStep .btnList {font-size:12px;}
.downStep .btnList li {margin-bottom:10px;padding-bottom:15px;border-bottom:1px dotted #dddddd;line-height:24px;}
.downStep .btnList li a {min-width:150px;}
.downStep .btnList.dot_list li {background-position-y:13px}

/*개인퇴직연금(IRP) 이체하기*/
.introduce_Transfer_IRP {display:block; position:relative; min-height:240px; margin:0 0 45px 0; padding:24px 80px 28px 30px; background-color:#fafafa; border-top:solid #747474 1px; border-bottom:solid #ddd 1px;}
.introduce_Transfer_IRP span.visual {display:block; position:absolute; width:168px; height:168px; right:80px; top:54px; background:url(/ux/images/pension/bg_transfer_irp.png) no-repeat 50%;}
.introduce_Transfer_IRP dl {display:block; position:relative; margin:0; padding:0;}
.introduce_Transfer_IRP dt {font-size:30px; font-weight:600; color:#095e9e; margin-bottom:28px;}
.introduce_Transfer_IRP dd {font-size:14px; color:#444}
.introduce_Transfer_IRP dd>strong{display:block;font-size:22px;color:#444;line-height:30px;}
.introduce_Transfer_IRP dd + dd {margin-top:20px;}

.transferIrpStep{width:100%;background:#fafafa}
.transferIrpStep .downStep>li{min-height:100px;padding-top:40px;font-size:14px}
.transferIrpStep .downStep>li:last-child{border-bottom:none}
.transferIrpStep .downStep .step01{background:url(/ux/images/pension/IRP_transfer_step01.png) no-repeat 40px center;}
.transferIrpStep .downStep .step02{background:url(/ux/images/pension/IRP_transfer_step02.png) no-repeat 40px center;}
.transferIrpStep .downStep .step03{background:url(/ux/images/pension/IRP_transfer_step03.png) no-repeat 40px center;}
.transferIrpStep .downStep .step04{background:url(/ux/images/pension/IRP_transfer_step04.png) no-repeat 40px center;}

.transferIrp_colStep {margin-bottom:40px;border-top:1px solid #747474;}
.transferIrp_colStep:after {display:block;clear:both;content:"";}
.transferIrp_colStep dl {float:left;position:relative;width:100%;height:auto;padding:25px 0 25px 90px;background-repeat:no-repeat;background-position:5px center;box-sizing:border-box;}
.transferIrp_colStep dl:after {display:block;content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd}
.transferIrp_colStep dl dt {padding-bottom:20px;color:#000;font-weight:bold;font-size:18px;}
.transferIrp_colStep dl dt span{font-weight:normal;}
.transferIrp_colStep dl dd {color:#747474;font-size:14px;line-height:20px;}
.transferIrp_colStep .step01 {background-image:url(/ux/images/pension/icon_transfer_irp01.png);}
.transferIrp_colStep .step02 {background-image:url(/ux/images/pension/icon_transfer_irp02.png);}
.transferIrp_colStep .step03 {background-image:url(/ux/images/pension/icon_transfer_irp03.png);}



/*  IRP계좌 이체 메세지 */
.massageIrpBox {padding:15px 0 30px 0;text-align:center;}
.massageIrpBox strong {display:block;font-size:26px;font-weight:bold;padding:10px 0 0;font-weight:bold;color:#333;}
.massageIrpBox span {display:block;font-size:18px;font-weight:normal;padding-top:10px}

.onlinempop{display:block;background:#fff;padding:30px 0;border-top:1px solid #ddd;}



/*********************
은퇴/골든에그 > 은퇴설계
*********************/
/* 연금투자 이슈리포트  */
select.reportSearch {width:135px;}
input.reportSearch {width:300px;}
/* 은퇴자산관리  */
.retirement_asset_head {margin-bottom:40px;}
.retirement_asset_head .bgArea {background:url(/ux/images/pension/asset_manage_deck.png) no-repeat 50%;}
.h2_retireAsset {display:block; position:relative; margin:0 0 30px 0; padding:0; color:#222; font-size:22px; font-weight:normal;}
.retireAsset_table {display:table; position:relative; width:100%; margin:0 0 30px 0; padding:0; border-top:solid #747474 1px; border-bottom:solid #ddd 1px; background:url(/ux/images/pension/asset_manage_arrowBif.png) no-repeat left 130px; }
.retireAsset_table .colwrap {display:table-cell; position:relative; width:240px; margin:0; padding:0;}
.retireAsset_table .colwrap + .colwrap {width:239px; padding-left:1px; background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top; }
.retireAsset_table .colwrap dl {display:block; position:relative; margin:0; padding:207px 0 0 0; background:url(/ux/images/pension/asset_manage_menIcon.png) no-repeat}
.retireAsset_table .colwrap dt {display:block; position:absolute; left:0; top:0; width:100%; height:177px; margin:0; padding:30px 0 20px 0; text-align:center; color:#222; font-size:16px; background:url(/ux/images/pension/asset_manage_arrow.png) no-repeat 50% 207px; z-index:3;}
.retireAsset_table .colwrap dd {display:block; position:relative; margin:0; padding:0;}
.retireAsset_table .colwrap dd.term {position:absolute; left:0; top:160px; width:100%; text-align:center;}
.retireAsset_table .colwrap dd.term span {display:inline-block; position:absolute;}
.retireAsset_table .colwrap dd.term span.left {left:0;}
.retireAsset_table .colwrap dd.term span.right {right:-11px;}
.retireAsset_table .colwrap dd.substance {padding-top:30px;border-top:solid #ddd 1px; text-align:center; color:#222; font-size:15px; background-color:#fafafa; }
.retireAsset_table .colwrap dd.substance p {font-size:13px; color:#747474; margin-bottom:20px; }
.retireAsset_table .colwrap dd.graph_thumb {padding:170px 20px 20px 20px; background:url(/ux/images/pension/asset_manage_graph.png) no-repeat #fafafa;}
.retireAsset_table .colwrap dd.graph_thumb table {width:100%; border:solid #ddd 1px; border-bottom:none; font-size:12px; background-color:#FFF;}
.retireAsset_table .colwrap dd.graph_thumb thead {background-color:#f4f5f7;}
.retireAsset_table .colwrap dd.graph_thumb th, .retireAsset_table .colwrap dd.graph_thumb td {padding:5px 0; border-bottom:solid #ddd 1px; text-align:center;}
.retireAsset_table .colwrap dd.graph_thumb th + th, .retireAsset_table .colwrap dd.graph_thumb td + td {border-left:solid #ddd 1px;}
.retireAsset_table .colwrap  td span {display:block; position:relative; padding-left:30px; text-align:left; background:url(/ux/images/pension/asset_manage_bult.png) no-repeat;}
.retireAsset_table .colwrap  td span.type01 {background-position:10px 2px;}
.retireAsset_table .colwrap  td span.type02 {background-position:10px -48px;}
.retireAsset_table .colwrap  td span.type03 {background-position:10px -98px;}
.retireAsset_table .step01 dl {background-position:95px 68px;}
.retireAsset_table .step02 dl {background-position:-145px 68px;}
.retireAsset_table .step03 dl {background-position:-385px 68px;}
.retireAsset_table .step04 dl {background-position:-625px 68px;}
.retireAsset_table .step01 dd.graph_thumb {background-position:55px 20px;}
.retireAsset_table .step02 dd.graph_thumb {background-position:-335px 20px;}
.retireAsset_table .step03 dd.graph_thumb {background-position:-765px 20px;}
.retireAsset_table .step04 dd.graph_thumb {background-position:-1115px 20px;}

.retireAsset_recome {display:table; position:relative; width:980px; margin:0 0 10px 0; padding:0; left:-20px; background:url(/ux/images/pension/retireAsset_recome_bg.png) no-repeat 670px 460px}
.retireAsset_recome dl {float:left; display:table; position:relative; width:468px; margin:0 0 20px 20px; padding:0; border:solid #ddd 1px;}
.retireAsset_recome dl dt {display:table-cell; position:relative; width:89px; vertical-align:middle; text-align:center; color:#747474; background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top #fafafa;}
.retireAsset_recome dl dt strong {color:#0062ab; font-size:30px; font-weight:600;}
.retireAsset_recome dl dd {display:block; position:relative; height:198px; margin:0; padding:0 0 0 20px;}
.retireAsset_recome dl dd .bottom_break {display:block; position:absolute; left:0; bottom:0; width:345px; height:13px; margin:0; padding:0; background:#FFF; }
.retireAsset_recome ul {display:block; overflow:hidden; overflow-y:auto; position:relative; height:167px; margin:0; padding:18px 0 13px 0;}
.retireAsset_recome li {display:block; position:relative; height:20px; margin:0 0 10px 0; padding:0 70px 0 0;}
.retireAsset_recome li span {display:block; position:absolute; right:0; top:0; width:70px; text-align:center; color:#7891af; font-size:13px; }
.retireAsset_recome li a {display:inline-block; overflow:hidden; position:relative; max-width:285px; margin:0; padding:0; white-space:nowrap; text-overflow:ellipsis;}

.retirement_solution {width:100%; margin-bottom:30px;}
.retirement_solution thead th {height:55px; margin:0; padding:0; vertical-align:top; font-weight:normal; background:url(/ux/images/pension/retiretable_th.png) repeat-x left top;}
.retirement_solution thead th span {display:inline-block; position:relative; width:24px; height:24px; line-height:23px; text-align:center; color:#FFF; background:url(/ux/images/pension/retiretable_cycle.png) no-repeat left top;}
.retirement_solution .even {background-color:#fafafa;}
.retirement_solution th, .retirement_solution td {background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.retirement_solution tbody th, .retirement_solution tbody td {padding:15px; text-align:left; font-weight:normal;}
.retirement_solution tr.taC td {text-align:center;}
.retirement_solution td + td {border-left:none;}
.retirement_solution td p.gh01 {padding-top:70px; background:url(/ux/images/pension/asset_manage_solution.png) no-repeat 53px 0;}
.retirement_solution td p.gh02 {padding-top:70px; background:url(/ux/images/pension/asset_manage_solution.png) no-repeat -165px 0;}
.retirement_solution td p.gh03 {padding-top:70px; background:url(/ux/images/pension/asset_manage_solution.png) no-repeat -390px 0;}
.retirement_solution td p.gh04 {padding-top:70px; background:url(/ux/images/pension/asset_manage_solution.png) no-repeat -610px 0;}
.retirement_solution tr.last th, .retirement_solution tr.last td {border-bottom:solid #ddd 1px; background-image:none;}

/* 골든에그 어카운트 삭제 관련 사이즈 조정 */
.retirement_fif {display:table; position:relative; width:100%; margin:0 0 30px 0; padding:0;}
.retirement_fif dl {float:left; display:block; position:relative; width:467px; margin:0; padding:110px 0 60px 0; border:solid #ddd 1px; border-top-color:#747474; text-align:center; background:url(/ux/images/pension/asset_manage_fif.png) no-repeat}
.retirement_fif dl + dl {margin-left:21px;}
.retirement_fif dt {display:block; position:relative; margin:0 0 10px 0; padding:0; color:#222; font-size:16px;}
.retirement_fif dd {display:block; position:relative; margin:0; padding:0; height:60px; color:#747474; font-size:13px;}
.retirement_fif dl.deck01 {background-position:195px 25px;}
.retirement_fif dl.deck02 {background-position:-130px 25px;}
.retirement_fif dl.deck03 {background-position:-550px 25px;}
.retirement_fif dd.btn {position:absolute; left:0; bottom:30px; width:100%; height:inherit; }

/*********************
은퇴/골든에그 > 골든에그
*********************/
.searchFilter.gldnEgg .blockUnit {width:638px;border-right:0px;border-left:1px solid #ddd;}
.searchFilter.gldnEgg .blockUnit:first-child {width:319px;border-left:0px}
.searchFilter.gldnEgg .blockUnit .conBody {height:100%;}
.searchFilter.gldnEgg .blockUnit li {margin-top:7px;}
.searchFilter.gldnEgg .blockUnit li.fl {width:33.33%;}
/*골든에그펀드 매수*/
.searchFilter.gldnEggSearch .blockUnit {width:100%;}
.searchFilter.gldnEggSearch .blockUnit li {float:left;width:25%;}
.searchFilter.gldnEggSearch .blockUnit .conBody {height:100%;}
/* 골든에그잔고현황*/
.mygldnEgg .select-box + label {margin-left:15px;}
.noGldnEgg .wrap div span {color:#c9414d;}
.noGldnEgg select.disable+.wrap div, .onCustomer select.disable+.wrap div {border-color:#ddd;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);/* for ie8 */;}


/* 연금부가서비스 개선*/
.additional{background-color:#f4f5f7}
.additionalSVC {position:relative;width:958px;height:672px;margin-bottom:20px;border:1px solid #dfe2e6;}
.additionalSVC .leftContent {border-right:1px solid #dfe2e6;position:absolute;top:0;left:0;}
.additionalSVC .leftContent P {position:relative;top:0;left:0;width:577px;height:612px;}
.additionalSVC .btnArea_position {position:absolute;top:265px;left:50px;}

.additionalSVC .rightContent {position:absolute;top:0;left:578px;background-color:#fff}
.additionalSVC .rightContent > li {position:relative;width:380px;height:132px;border-top:1px solid #dfe2e6;background:url('/ux/images/pension/ico_additionalSVC.png') no-repeat 0 0;}

.additionalSVC .rightContent li:first-child{border-top:0}
.additionalSVC .rightContent li.menuBtn01 {background-position:right 33px !important;}
.additionalSVC .rightContent li.menuBtn01 strong{padding-top:35px;}
.additionalSVC .rightContent li.menuBtn02 {background-position:right -100px !important;height:123px;}
.additionalSVC .rightContent li.menuBtn02 strong{padding-top:30px;}
.additionalSVC .rightContent li.menuBtn03 {background-position:right -224px !important;height:131px;}
.additionalSVC .rightContent li.menuBtn03 strong{padding-top:35px;}
.additionalSVC .rightContent li.menuBtn04 {background-position:right -356px !important;}
.additionalSVC .rightContent li.menuBtn04 strong{padding-top:35px;}
.additionalSVC .rightContent li.menuBtn05 {background-position:right -489px !important;height:150px;}
.additionalSVC .rightContent li.menuBtn05 strong{padding-top:35px;}
.additionalSVC .rightContent li strong{display:block;padding-left:30px;padding-bottom:13px;}
.additionalSVC .rightContent li p {display:block;padding-left:30px;}

.additionalSVC .rightContent li.menuBtn06 {background-position:right -638px !important;height:168px;}
.additionalSVC .rightContent li.menuBtn06 strong{padding-top:25px;}
.additionalSVC .rightContent li.menuBtn07 {background-position:right -822px !important;height:168px;}
.additionalSVC .rightContent li.menuBtn07 strong{padding-top:25px;}
.additionalSVC .rightContent li.menuBtn08 {background-position:right -1006px !important;height:334px;}
.additionalSVC .rightContent li.menuBtn08 strong{padding-top:25px;padding-bottom:0}
.additionalSVC .rightContent li .btns{padding-top:10px;}
.additionalSVC .rightContent li .dot_list{display:block;padding-left:30px;margin-top:15px} 
.additionalSVC .rightContent li .dot_list > li{background-position:0 5px}

.modalPop h1 .txt_blue_light {color:#078ff7 !important;}
.pop_additionalSVC{}
.pop_additionalSVC .h2_tit{font-size:24px !important;color:#0977c9}
.pop_additionalSVC .h2_tit.bort{border-top:1px solid #333;padding-top:40px}
.pop_additionalSVC .additionalSVC_Box{display:block;margin-bottom:30px}
.pop_additionalSVC .additionalSVC_Box:after {content:""; display:block; clear:both}
.pop_additionalSVC .additionalSVC_Box dt{display:block;font-size:18px;color:#333;font-weight:bold}
.pop_additionalSVC .additionalSVC_Box dd{display:block;font-size:16px;color:#333}
.pop_additionalSVC .additionalSVC_Box dd .dot_list li{font-size:16px;color:#333}
.pop_additionalSVC .additionalSVC_Box dd .dot_list li > strong{color:#0977cc;padding-right:4px}
.pop_additionalSVC .additionalSVC_Benefit{display:table;padding:20px 0 0;width:100%}
.pop_additionalSVC .additionalSVC_Benefit:after {content:""; display:block; clear:both}
.pop_additionalSVC .additionalSVC_Benefit > li{display:table-cell;position:relative;min-height:140px}
.pop_additionalSVC .additionalSVC_Benefit > li .stit{padding-left:25px;font-size:18px;color:#333;font-weight:bold;letter-spacing:-2px}
.pop_additionalSVC .additionalSVC_Benefit > li .stit strong{color:#ec6a69}
.pop_additionalSVC .additionalSVC_Benefit > li .dot_list,
.pop_additionalSVC .additionalSVC_Benefit > li .ol_list{padding-left:25px;}
/* .pop_additionalSVC .additionalSVC_Benefit > li:after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:url(/ux/images/common/bg_dot_vline.gif) 0 0 repeat-y} */
.pop_additionalSVC .additionalSVC_Benefit.col2 > li{width:50%}
.pop_additionalSVC .additionalSVC_Benefit.col3 > li{width:33.3%}
.pop_additionalSVC .additionalSVC_Benefit.col4 > li{width:25%}
.pop_additionalSVC .additionalSVC_Benefit.service > li{background:url('/ux/images/pension/bg_ico_additionalSVC_service.gif') no-repeat 53px 0;padding:115px 0 0;}
.pop_additionalSVC .additionalSVC_Benefit.service > li.cont01{background-position:53px 0;}
.pop_additionalSVC .additionalSVC_Benefit.service > li.cont01 .stit,
.pop_additionalSVC .additionalSVC_Benefit.service > li.cont01 .dot_list{padding-left:0}
.pop_additionalSVC .additionalSVC_Benefit.service > li.cont02{background-position:-180px 0;}
.pop_additionalSVC .additionalSVC_Benefit.service > li.cont03{background-position:-420px 0;}
.pop_additionalSVC .additionalSVC_Benefit.service > li.cont03:after{display:none}

.pop_additionalSVC .additionalSVC_Benefit.mall {padding:0}
.pop_additionalSVC .additionalSVC_Benefit.mall > li{border-bottom:1px solid #dfdfdf}
.pop_additionalSVC .additionalSVC_Benefit.mall > li:after{background:none;border-right:1px solid #dfdfdf;height:275px}
.pop_additionalSVC .additionalSVC_Benefit.mall > li{background:url('/ux/images/pension/bg_ico_additionalSVC_mall.png') no-repeat 34px 0;padding:115px 0 0;height:160px;}
.pop_additionalSVC .additionalSVC_Benefit.mall > li.cont01{background-position:63px 34px;}

.pop_additionalSVC .additionalSVC_Benefit.mall > li.cont02{background-position:-110px 34px ;}
.pop_additionalSVC .additionalSVC_Benefit.mall > li.cont03{background-position:-282px 34px ;}
.pop_additionalSVC .additionalSVC_Benefit.mall > li.cont04{background-position:-453px 34px ;}
.pop_additionalSVC .additionalSVC_Benefit.mall > li.cont04:after{display:none}
.pop_additionalSVC .additionalSVC_Benefit.mall > li .stit{font-size:16px;padding:0;text-align:center}
.pop_additionalSVC .additionalSVC_Benefit.mall > li .dot_list{padding-left:8px;}
.pop_additionalSVC .additionalSVC_Benefit.mall > li .dot_list li{color:#747474}
.pop_additionalSVC .descText{display:block;}
.pop_additionalSVC .descText li{font-size:13px;color:#747474; line-height:15px; text-indent:-12px;margin-left:12px;padding-bottom:3px}

.pop_additionalSVC .additionalSVC_Benefit.service2{padding:0}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li{padding:0 0 100px;}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li:after{height:95%}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li .stit strong{color:#f07c38}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li.cont01{background:url('/ux/images/pension/bg_ico_additionalSVC_service01.gif') no-repeat 90% bottom;}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li.cont01 .stit,
.pop_additionalSVC .additionalSVC_Benefit.service2 > li.cont01 .dot_list,
.pop_additionalSVC .additionalSVC_Benefit.service2 > li.cont01 .ol_list{padding-left:0}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li.cont01 .padL50{padding-left:50px}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li.cont02{background:url('/ux/images/pension/bg_ico_additionalSVC_service02.gif') no-repeat 90% bottom;}
.pop_additionalSVC .additionalSVC_Benefit.service2 > li.cont02:after{display:none}

/* 연금>퇴직연금>디폴트옵션 */
.page_info.default_option{border-left:1px solid #ddd; border-right:1px solid #ddd}
.page_info.default_option .inner .bgArea {background:url(/ux/images/pension/default_option_picto.png) no-repeat center center;}

.defaultOption_step>ul {border-top:1px solid #747474;}
.defaultOption_step>ul>li {position:relative;width:100%;min-height:160px;padding:27px 0 27px 130px;box-sizing:border-box;background-position:0px 30px; background-repeat:no-repeat;}
.defaultOption_step>ul>li.bg_ico01 {background-image:url(/ux/images/pension/bg_default_option01.png);}
.defaultOption_step>ul>li.bg_ico02 {background-image:url(/ux/images/pension/bg_default_option02.png);}
.defaultOption_step>ul>li.bg_ico03 {background-image:url(/ux/images/pension/bg_default_option03.png);}
.defaultOption_step>ul>li.bg_ico04 {background-image:url(/ux/images/pension/bg_default_option04.png);}
.defaultOption_step>ul>li:after {display:block;position:absolute;top:100%;left:0;width:100%;height:1px;content:"";background-color:#ddd}

.defaultOption_step dt {margin-bottom:10px;font-size:18px;font-weight:bold;}
.defaultOption_step dd {margin-bottom:10px;}
.defaultOption_step dd ul.dot_list li{font-size:14px;line-height:22px}

.defaultOption_step.process>ul>li.bg_ico01 {background-image:url(/ux/images/pension/bg_default_option_process01.png);}
.defaultOption_step.process>ul>li.bg_ico02 {background-image:url(/ux/images/pension/bg_default_option_process02.png);}
.defaultOption_step.process>ul>li.bg_ico03 {background-image:url(/ux/images/pension/bg_default_option_process03.png);}
.defaultOption_step.process>ul>li.bg_ico04 {background-image:url(/ux/images/pension/bg_default_option_process04.png);}
.defaultOption_step.process>ul>li.bg_ico05 {background-image:url(/ux/images/pension/bg_default_option_process05.png);}
.defaultOption_step.process>ul>li.bg_ico06 {background-image:url(/ux/images/pension/bg_default_option_process06.png);}
.defaultOption_step.process>ul>li.bg_ico07 {background-image:url(/ux/images/pension/bg_default_option_process07.png);}
.defaultOption_step.process>ul>li.bg_ico08 {background-image:url(/ux/images/pension/bg_default_option_process08.png);}
.defaultOption_step.process>ul>li.bg_ico09 {background-image:url(/ux/images/pension/bg_default_option_process09.png);}

.defaultOption_step.process .bg_nico{padding:24px;background:#fafafa;border-top:1px solid #ddd}
.defaultOption_step.process .bg_nico dl{display:block;position:relative}
.defaultOption_step.process .bg_nico dl dt{position:absolute;top:0px;left:0px;font-size:14px;color:#444}
.defaultOption_step.process .bg_nico dl dd{padding-left:150px;}