@charset "utf-8";
/* css 순서는 공통 > IA 순으로 되어있습니다 */

/********************
 퇴직연금 공통모듈
- 헤드영역
- 폰트스타일
- 리스트 스타일
- table 스타일
- 분할영역
- guideBox
- 상담전화 안내
- 퇴직연금 지원센터
- 첨부파일
********************/

/*헤드영역*/
.headArea .head.w960 {width:960px;padding-right:0}
/*폰트스타일*/
.txt_font_normal {font-weight:normal !important;}
.txt_blue_small {color:#5a96c8 !important;}
/*리스트 스타일*/
ul.dot_list ul.dot_list2 {margin-bottom:0;}
/*table 스타일*/
.guideTb1.pd0 thead tr th,
.guideTb1.pd0 tbody tr td {padding-left:0; padding-right:0;}/*양쪽 padding제거*/
/*분할영역*/
.alignBox .unit {width:470px; box-sizing:border-box;}
.alignBox.col3 .unit:first-child {width:306px; margin-left: 0;}
.alignBox.col3 .unit {width:307px; margin-left:20px;}
/*guideBox*/
.guideBox.bgN {background:transparent;}/*background-color 삭제*/
.guideBox.v30 {padding-top:30px; padding-bottom:30px;}
.guideBox.h30 {padding-left:30px; padding-right:30px;}
.grayBox.no_vline {border-left:0; border-right:0;}
.guideBox.tline {border-top-color:#ddd}
/*하이차트 영역*/
.chartArea {padding:25px 30px; border:1px solid #ddd; border-top:1px solid #747474;}
.chartArea.no_vline, .guideBox.no_vline {border-left:0; border-right:0;} /*세로라인 삭제*/
/*넓이 100%*/
.w100 {width:100% !important;}
/*상담전화 안내*/
.counselCall {display: table; width:100%; background:url(/ux/images/customer/ico_tel.gif) 30px 20px no-repeat #fafafa;padding:20px 30px;box-sizing: border-box;}
.counselCall > div {display:table-cell; padding-left:50px;border-right:1px solid #ddd; vertical-align: middle;}
.counselCall > div + div {padding-left:20px;border-right:none;}
.counselCall .callNum {font-size:24px;font-weight:bold;padding-right:45px;line-height:24px;}
/*퇴직연금 지원센터*/
.grayBox.supportCenter {position:relative; padding:0; background-image:url(/ux/images/re_pension/bg_supportCenter.png); background-position: 40px 50%; background-repeat:no-repeat;}
.grayBox.supportCenter .btnArea {width:auto; position:absolute; top:50%; right:30px; margin-top:-15px; padding:0;}
.grayBox.supportCenter .description {padding:39px 31px 41px 140px;}
.grayBox.supportCenter .description strong {display:block;}
/*첨부파일*/
fieldset.upload {position:relative;}
fieldset.upload .btnArea {width:auto;padding:0;margin:0 !important;position:absolute;top:0;right:55px;}
.addFileBox {position:relative;display:inline-block;padding-right:122px;margin-right:6px;}
.addFileBox.hide {display:none;}
.addFileBox .input_file {position:relative;width:1px;height:1px;opacity:0;z-index:-1;}
.addFileBox label.btnAddFile {cursor:pointer;}
.addFileBox .btnAddFile {width:60px;position:absolute;top:0;left: 490px;}
.addFileBox .file_name {display: inline-block;vertical-align: middle;width:480px;height: 40px;padding: 0 10px 2px 10px;line-height: 38px;border: 1px solid #d5d5d5;box-sizing: border-box;color: #222;background: #fafafa;}




/*********************
 퇴직연금 메인
*********************/
.retirement_subMain{width:960px; margin:50px auto 0}
.pension_visual{height:376px; background:#00ade4 url(/ux/images/re_pension/pension_visual.jpg) no-repeat center center;}
.visual_title_area{width:960px; margin:0 auto; color:#fff; position:relative}
.visual_title_area h2{font-size:40px; padding-top:47px}
.visual_title_area > p {font-size:16px; padding-top:14px}
.visual_title_area > p > strong{display:block}
.visual_title_area a{display:inline-block; margin-top:15px; color:#fff; border:1px solid #fff; padding:4px 25px 4px 10px; background:url(/ux/images/re_pension/bl_next.png) no-repeat 95px 7px;}
.visual_customer_center{position:absolute; right:0; top:50px; padding:22px 0 32px; background-color:#fafafa; border-bottom:2px solid #008ab6;}
.visual_customer_center dl dt {padding:50px 0 19px; background:url(/ux/images/common/ico_ARS_02.png) 50% 0 no-repeat; font-size:20px; color:#0877c9; font-weight:bold; text-align:center; line-height:1.1; border-bottom:1px solid #ddd;}
.visual_customer_center dl dd {color:#444; padding:25px 25px 0;}
.visual_customer_center dl dd p {display:block; font-weight:bold; font-size:18px; line-height:1.2;}
.visual_customer_center dl dd p strong {font-weight:normal; font-size:13px;}
.visual_customer_center dl dd p.cs_time {font-size:12px; font-weight:normal; margin-top:10px;}

.link_area:after{content:""; display:block; clear:both}
.link_area > div{float:left; width:304px; border:1px solid #ddd; margin-left:20px}
.link_area > div:first-child{margin-left:0}
.link_area > div strong{display:block; padding:10px 15px; border-bottom:1px solid #ddd; font-size:20px}
.link_cont{padding:30px 0; text-align:center}
.link_cont span{display:inline-block; border-left:1px dotted #e5e5e5; margin-left:45px; padding-left:45px; text-align:center}
.link_cont.cont02_re span{margin-left:5px; padding-left:25px; padding-right:10px}
.link_cont span:first-child{margin-left:0; border-left:none; padding-left:0}
.link_cont span a{display:block; font-size:14px}
.link_cont span a:before{content:""; display:block; width:100%; height:45px; margin-bottom:10px}

.main_ico01:before{background:url(/ux/images/re_pension/main_ico01.gif) no-repeat center center}
.main_ico02:before{background:url(/ux/images/re_pension/main_ico02.gif) no-repeat center center}
.main_ico03:before{background:url(/ux/images/re_pension/main_ico03.gif) no-repeat center center}
.main_ico04:before{background:url(/ux/images/re_pension/main_ico04.gif) no-repeat center center}
.main_ico05:before{background:url(/ux/images/re_pension/main_ico05.gif) no-repeat center center}
.main_ico06:before{background:url(/ux/images/re_pension/main_ico06.gif) no-repeat center center}

.quick_link_area{border-top:1px solid #222; border-bottom:1px solid #ddd; margin-top:30px}
.quick_link_area:after{content:""; display:block; clear:both}
.quick_link_area > div{float:left; width:249px; border-left:1px solid #ddd; padding:30px 40px 30px 30px}
.quick_link_area > div:first-child{border-left:none; width:250px}
.quick_link_area > div strong{font-size:18px; color:#222}
.quick_link_area > div p{font-size:14px; color:#222; margin-top:10px}
.quick_link_area > div a{display:inline-block; margin-top:45px; font-size:13px; color:#5a96c8; }
.quick_link_area > div a:after{content:">"; display:inline-block; margin-left:5px}
.quick_link_area > div.quick_link01{background:url(/ux/images/re_pension/main_ico07.gif) no-repeat 213px 97px}
.quick_link_area > div.quick_link02{background:url(/ux/images/re_pension/main_ico08.gif) no-repeat 213px 97px}
.quick_link_area > div.quick_link03{background:url(/ux/images/re_pension/main_ico09.gif) no-repeat 213px 97px}

.notice_area{border:1px solid #ddd; padding:15px; position:relative}
.notice_area:after{content:""; display:block; clear:both}
.notice_area h3{font-size:18px; float:left}
.notice_area p{padding-left:90px; font-size:14px; color:#444; margin-top:3px}
.notice_area p span{display:inline-block; float:right; padding-right:40px}
.notice_btn{position:absolute; right:5px; top:7px; text-align:center; background:url(/ux/images/re_pension/btn_more.gif) no-repeat}
.notice_btn a{display:block; font-size:0; color:transparent; width:45px; height:45px}

.sliding_banner {height:178px; border:1px solid #ddd; position:relative}
.sliding_banner:after {content:''; display:block; clear:both}
.sliding_banner > h3 {font-size:18px; padding:19px 0 0 29px; margin-right:48px; float:left}
.sliding_banner .tab {float: left; display:block; }
.sliding_banner .tab li {display:table; width:230px; height:59px; vertical-align:middle; box-sizing:border-box; border-top:1px dashed #ddd;}
.sliding_banner .tab li:first-child {border-top: 0;}
.sliding_banner .tab li a {display: table-cell; vertical-align: middle; padding-left:8px; font-size:14px; color:#222;  background:url(/ux/images/re_pension/ico_arrow_gray.gif) 207px 50% no-repeat;}
.sliding_banner .tab li.current a {font-weight:bold;}
.sliding_banner .tab li a:hover .number {text-decoration:none;}
.sliding_banner .tab li a span {vertical-align:middle;}
.sliding_banner .tab li .number {font-size:19px; font-weight:bold; color:#0977c9; line-height:23px}
.sliding_banner .slidingBox {display: block; float:left; width: 479px; height: 178px;  position: absolute; top:0; right:0; overflow: hidden; margin-left:30px;}
.sliding_banner .pause {position:absolute; top:19px; right:19px; width: 18px; height: 18px; background: url(/ux/images/common/btn/btn_control.png) no-repeat -100px 0; text-indent: -9999px; font-size: 0; overflow: hidden;}
.sliding_banner .pause.play { background-position: -150px 0;}


/*********************
 나의퇴직연금(개인)
*********************/
/*개인고객HOME*/
.thumbArticle.retireHome {padding-bottom:13px}
.thumbArticle.retireHome .radioGroup {margin-top:2px}
.graphTbl {margin-bottom:40px;}
.graphTbl:after {content:"";display:block;width:0;height:0;clear:both}
.graphTbl .fl, .graphTbl .fr {width:470px;height:452px;box-sizing:border-box}
.graphTbl.type2 .fl, .graphTbl.type2 .fr {height:330px;}
.graphTbl.type3 .fl, .graphTbl.type3 .fr {height:300px;}
.graphTbl .fl.boxGrey {padding-top:20px}
/*퇴직연금 캘린더*/
.eventCal_wrap {position:relative;border-top:1px solid #747474;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.eventCal_wrap .label_box {position:absolute;left:15px;top:18px;padding:0;border:none;}
.eventCal_wrap .label_box span {display:inline-block;margin-right:2px;padding:2px 4px 4px 4px;color:#fff;font-size:11px;font-family:Dotum,,Arial}
.eventCal_wrap .label_box span.sell {background-color:#b4558c}
.eventCal_wrap .label_box span.buy {background-color:#6570c0}
.eventCal_wrap .label_box span.pay {background-color:#7655b3}
.eventCal_wrap .label_box span.allot {background-color:#00b2a9}
.eventCal_wrap .select_dateBox {padding:12px 0 12px 304px}
.eventCal_wrap .select_dateBox .sel_date {display:inline-block;margin-right:10px}
.eventCal_wrap .select_dateBox .sel_date .btnArrow {width:26px;height:28px;border:1px solid #ddd;vertical-align:middle;text-indent:-9999px;background:url(/ux/images/common/btn/bg_btn_selArrow.png) 10px 9px no-repeat}
.eventCal_wrap .select_dateBox .sel_date .btnArrow.left {background-position:10px 10px}
.eventCal_wrap .select_dateBox .sel_date .btnArrow.right {background-position:12px -10px}
.eventCal_wrap .select_dateBox .select-box {margin:0 0 0 0}
.eventCal_wrap .hasCont {background-color:#ecf5fa}
.eventCal_wrap .hasCont .more {display:block;position:absolute;top:0px;right:-2px;width:21px;height:21px;border:1px solid #ddd;text-indent:-9999px;background:#fff url(/ux/images/common/btn/ico_modal.png) center center no-repeat;cursor:pointer}
.eventCal_wrap .select_dateBox .btnToday {width:55px;height:28px;border:1px solid #ddd;color:#444;line-height:28px}
.tbl_eventCal {table-layout:fixed;width:100%;border-top:1px solid #ddd}
.tbl_eventCal th {height:29px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;color:#222;font-size:12px;background-color:#f4f5f7}
.tbl_eventCal th:first-child {border-left:none}
.tbl_eventCal th.sun {color:#c75414}
.tbl_eventCal th.sat {color:#0977c9}
.tbl_eventCal td {height:154px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;vertical-align:top;color:#222;font-size:12px}
.tbl_eventCal td:first-child {border-left:none}
.tbl_eventCal td.sun > div .date {color:#c75414}
.tbl_eventCal td.sat > div .date {color:#0977c9}
.tbl_eventCal td > div {display:block;position:relative;left:0;top:-1px;width:99.5%;padding-top:34px;box-sizing:content-box}
.tbl_eventCal td > div .date {position:absolute;left:8px;top:12px}
.tbl_eventCal td.today {border:none}
.tbl_eventCal td.today > div {border:1px solid #3dadec;background-color:#ecf5fa}
.tbl_eventCal td.empty {background-color:#fafafa}
.tbl_eventCal td.sun.empty>div .date,.tbl_eventCal td.sat.empty>div .date,.tbl_eventCal td.empty>div .date {opacity:0.6}
.tbl_eventCal td .schedule {margin:0 10px}
.tbl_eventCal td .schedule li {padding-left:15px;background:url(/ux/images/re_pension/ico_retireCal.png) 0 3px no-repeat}
.tbl_eventCal td .schedule li.buy {background-position:0 -19px}
.tbl_eventCal td .schedule li.pay {background-position:0 -41px}
.tbl_eventCal td .schedule li.allot {background-position:0 -63px}
/*나의 관심펀드*/
.page_function .sorting, .page_function .sorting li {display:inline-block;margin-right:5px;vertical-align:middle}
.page_function .sorting li.on a.down {padding-right:13px;background:url(/ux/images/common/table_sort_downOn.png) no-repeat right 50%}
.page_function .sorting li.on a.up {background:url(/ux/images/common/table_sort_upOn.png) no-repeat right 50%}
.page_function .sorting li.off a {padding-right:13px;color:#747474}
.page_function .sorting li a.down {background:url(/ux/images/common/table_sort_down.png) no-repeat right 50%}
.page_function .sorting li a.up {background:url(/ux/images/common/table_sort_up.png) no-repeat right 50%}
.page_function .sorting + .select-box {margin-right:5px}
table.guideTb1 td span.codeName {display:block;color:#747474;font-size:13px}
.finductBottom {display:block;position:relative;margin:0 0 15px 0;padding:18px 15px;background-color:#fafafa;border-bottom:solid #ddd 1px;}
.finductBottom:before {content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;border-top:solid #ddd 1px;}
.finductBottom:after {display:block;content:"";clear:both;}
.finductBottom .choose {display:inline-block;position:relative;margin:0 10px 0 0;padding:0;font-size:13px;color:#444;}
.finductBottom .choose span {display:inline-block;position:relative;margin-left:3px;color:#0977c9;}
/*나의 관심펀드>기준가 아래 rise,drop 아이콘가 표시*/
table.finductList .withIcon, table.finductList .withDate {text-align:right;}
table.finductList .withIcon p, table.finductList .withDate p {margin-bottom:3px;}/*기준가표시*/
table.finductList .withDate span {color:#747474;}

/*상품매매*/
.popSection .massageBox + .alignBox {padding-top:15px;text-align:left;border-top:1px solid #ddd}
fieldset.investRatio ul, fieldset.investRatio li {display:inline-block;}
fieldset.investRatio ul {float:right}
fieldset.investRatio li button {width:40px !important;padding:0}
fieldset.investRatio li button:hover {background-color:#0977c9 !important;border:1px solid #0977c9 !important;color:#FFF !important;}
.investBrie_box {padding-top:15px;border-top:1px solid #747474;}
.investBrie_box .btnBox {margin-bottom:10px;padding-left:15px;}
.investBrie_box .agreeBox {border-bottom:1px solid #ddd}
/*상품매매>상품매매*/
.periodSearch.applyList .select-box {float:left;margin:0 10px 0 0}
.trade_subMenu:after {content:"";display:block;clear:both;}
.sorting {height:auto;margin:8px 0}
.trade_subMenu .sorting {float:left}
.sorting:after {content:"";display:block;clear:both;}
.sorting li {float:left;padding-bottom:5px}
.sorting li.on {border-bottom:none}
.sorting li a {display:block;height:13px;padding:0 19px;border-left:1px solid #ddd;text-align:center;color:#444;line-height:13px;color:#222;font-size:14px;}
.sorting li:first-child a {padding-left:0;border-left:none}
.sorting li.on a {font-size:14px;color:#0977c9;font-weight:bold;}
fieldset.insertPrice .print, fieldset.insertPrice .price_select {float:left}
.modalPop .searchFilter.retireFund .blockUnit .conBody.horizCheck .col4 li {width:195px}
.calc {padding:20px 0;text-align:center;border-top:1px solid #747474;border-bottom:1px solid #747474}
.calc strong {font-size:18px;font-weight:bold}
/*상품매매>상품매매>매도정보입력*/
span.pd_label_blue {display:inline-block;padding:0 6px 2px;border:1px solid #6baddf;color:#0977c9;font-size:11px;line-height:13px;text-align:center;}
.invest_pd_area {margin-bottom:20px;}
.invest_pd_list {width:100%;border-top:1px solid #909090;border-bottom:1px solid #909090;}
.invest_pd_list + .invest_pd_list, .invest_pd_area input[type=hidden] + .invest_pd_list {border-top:none;}
.invest_pd_list:after {display:block;content:"";clear:both;}
.invest_pd_list .tit_area {position:relative;float:left;width:21%;padding:20px 0;}
.invest_pd_list .tit_area>span {margin-bottom:2px;}
.invest_pd_list .tit_area>p.pd_tit {width:70%;margin-bottom:24px;color:#222;font-size:21px;line-height:28px;letter-spacing:-1px;}
.invest_pd_list .tit_area>p.pd_tit a {display:inline-block;width:100%}
.invest_pd_list .tit_area a.modal {position:absolute;right:0;top:0;height:28px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-position:4px -152px;}
.invest_pd_list .tit_area dl {width:99%;}
.invest_pd_list .tit_area dl:after {display:block;content:"";clear:both;}
.invest_pd_list .tit_area dt {float:left;width:30%;margin-bottom:6px;font-size:14px;}
.invest_pd_list .tit_area dd {float:left;width:70%;margin-bottom:6px;color:#444;font-size:14px;font-weight:bold;}
.invest_pd_list .pd_info {position:relative;float:left;width:79%;min-height:280px;padding:10px 0;}
.invest_pd_list .pd_info:after {position:absolute;left:0;top:0;content:"";width:1px;height:100%;border-left:1px solid #e4e4e4;}
.invest_pd_list .pd_info dl.pd_type {clear:both;margin:10px 0;}
.invest_pd_list .pd_info dl.pd_type:after {display:block;content:"";clear:both;}
.invest_pd_list .pd_info dl.pd_type dt {float:left;width:17%;padding-left:20px;font-size:14px;font-weight:bold;}
.invest_pd_list .pd_info dl.pd_type dd {float:left;}
.invest_pd_list .pd_info .form > table {width:100%;}
.invest_pd_list .pd_info .form > table th,
.invest_pd_list .pd_info .form > table td {padding:10px 0;text-align:left;vertical-align:top;font-size:14px;}
.invest_pd_list .pd_info .form > table th {padding:10px 0 0 20px;color:#222;}
.invest_pd_list .pd_info .form > table td p.txt {padding-bottom:8px;}
.invest_pd_list .pd_info .form > table td input {text-align:right;}
.invest_pd_list .pd_info .form > table td label {min-width:70px;}
.invest_pd_list .pd_info .form > table td .agreeBox.type2 {margin-left:1px}
.invest_pd_list .pd_info .prodList {width:600px;margin-left:150px}
.invest_pd_list .pd_info .agreeBox {margin-left:150px}
.invest_pd_list fieldset.radioGroup,
.invest_pd_list fieldset.checkboxGroup {padding:0;}
.invest_pd_list .pd_info table .tbl_info dd {float:left;height:24px;margin-top:6px;}
/*상품매매>상품매매>ELS청약*/
.investBrie_box {padding-top:15px;border-top:1px solid #747474;}
.investBrie_box span.dimm {position:absolute;display:block;left:0;top:0;z-index:999;width:100%;height:100%;background:#fff;opacity:0.5;}
.investBrie_box ul {padding-left:15px;}
.investBrie_box .boxGray {position:relative;padding:20px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;}
.investBrie_box .boxGray p {position:relative;font-size:14px;color:#222;}
.investBrie_box .boxGray p:first-child {margin-bottom:7px;}
.investBrie_box .boxGray p label {position:absolute;right:0;top:0;}
.investBrie_box .boxGray label.check {position:absolute;right:15px;top:50%;margin-top:-10px;}
.investBrie_box .txt_desc {padding:0 0 5px 15px;font-size:14px;color:#444;}
.investBrie_box .txt_investDesc {margin-bottom:10px;padding-left:15px;font-size:14px;color:#444;}
.investBrie_box .btnBox {margin-bottom:10px;padding-left:15px;}
.investBrie_box .btnBox .btnSmall {vertical-align:middle;}
.investBrie_box .btnBox button.btnCheck:hover {background-position:10px -56px;}
.investBrie_box .btnBox button.btnCheck.checked {background-position:10px -26px;}
.investBrie_box .agreeBox {background:url(/ux/images/common/bul_dot_98.gif) left top repeat-x;background-color:#fafafa;}
.investBrie_box.cust_box{border-top:1px solid #dddddd;background:#fafafa;}
/*상품매매>(P)파생결합증권 청약시 유의사항 및 청약절차*/
.retireProcess li {margin-bottom:5px}
.retireProcess .dep1 > li {margin-bottom:20px}
.retireProcess .dep1 > li p.desc {margin-top:5px}
.retireProcess .dep2, .retireProcess .dep3 {margin-top:10px}
.retireProcess dl, .retireProcess dd {margin-top:5px}
.retireProcess .dot_list2 {margin-bottom:0}
.retireProcess .dot_list2 li {font-size:14px}
/*상품매매>운용옵션*/
.imageWrap.option {margin-bottom:10px;padding:40px 0}
.imageWrap.option.swing {background-color:#fafafa}
.swing_desc {display:inline-block;text-align:left}
.swing_desc:after {content:'';display:block;clear:both}
.swing_desc dl {float:left;margin:20px 0 45px 40px}
.swing_desc strong + dl {margin-left:0}
.swing_desc dt {color:#0977c9}
.tbl_row tbody th.unfirst,
.tbl_row tbody td.unfirst {border-left:1px solid #ddd;}
.KeepPlanField {display:inline-block;}
.KeepPlanField input[type="text"] {width:48px;text-align:center;}
.KeepPlanField input[type="text"].first {width:60px;}
.KeepPlanField button[type="button"] {display:inline-block;width:44px;height:26px;padding:0 12px;line-height:22px;}
.KeepPlanField .btnCalculrate {border:1px solid #5a96c8;color:#fff;background-color:#5a96c8;}
.KeepPlanField .btnReset {border:1px solid #ccc;color:#aaa;background-color:#fff;}
.KeepPlanField ul {width:290px;text-align:right;}
.KeepPlanField ul:after {display:block;content:"";clear:both;}
.KeepPlanField li {display:table; position:relative;width:290px;}
.KeepPlanField li span {display:inline-block; width:45px; text-align:left;}
.KeepPlanField li:first-child {margin-bottom:3px;}
.KeepPlanField span {display:table-cell; position:relative; }
.KeepPlanField span var {display:block; position:absolute; top:10px; font-style:normal; text-align:right;}
.KeepPlanField dl {display:table-cell; position:relative; width:120px; margin:0; padding:0; text-align:left;}
.KeepPlanField dt {display:block; position:relative; height:22px; margin:0; padding:0; text-align:center; font-size:13px;}
.KeepPlanField dd {display:block; position:relative; height:30px; margin:0; padding:0;}
.KeepPlanField dl + dl {margin-left:5px !important; text-align:right;}
.KeepPlanField .fr.taL {width:75px;padding:23px 0 0 5px;}
/*도움말레이어 높이교정*/
.lay-help {line-height:1}
.lay-help .layer {line-height:1.42}

/*가입자 정보*/
/*나의 강의실>강의수강하기*/
.titleStep_info.lectureCommon {background-image: url(/ux/images/re_pension/bg_lectureInfo01.png)}
.titleStep_info.lectureRetirement {background-image: url(/ux/images/re_pension/bg_lectureInfo02.png)}
.lectureStep_list ol {margin-left: -10px;}
.lectureStep_list ol > li {width:313px; float:left; margin:0 0 20px 10px; box-sizing:border-box; border:1px solid #ddd}
.lectureStep_list ol > li .title {display: block; background-color:#fafafa; font-weight:bold; font-size:16px; border-bottom:1px solid #ddd; text-align:center; padding:10px 0 13px 0;}
.lectureStep_list ol > li .explain {height:107px; padding:14px 20px 18px 20px; border-bottom:1px solid #ddd;}
.lectureStep_list ol > li .explain .explain_title {display:block; margin-bottom:7px;}
.lectureStep_list ol > li .list_group {padding:25px 0 25px 0;}
.lectureStep_list ol > li .list_group.col2 {}
.lectureStep_list ol > li .list_group.col2:after {content:''; display: block; clear: both;}
.lectureStep_list ol > li .list_group.col2 .dot_list2 {width:125px; float:left; border-left:1px dashed #ddd;}
.lectureStep_list ol > li .list_group.col2 .dot_list2:first-child {border-left:0;}
.lectureStep_list ol > li .list_group .dot_list2 {height:178px; padding-left:30px;}
.lectureStep_list ol > li .list_group .dot_list2 li {margin-top:7px;}
.lectureStep_list ol > li .list_group .dot_list2 li:first-child {margin-top:0;}
/*나의 강의실>강의수강하기>퇴직연금과정에서 수강기간이 아닐 경우*/
.grayBox.noRetirementLecture {border-right:0; border-left:0; padding:59px 160px 63px 160px; }
.grayBox.noRetirementLecture .description {padding-left:149px; background:url(/ux/images/re_pension/bg_lecture_impossible.png) 9px 11px no-repeat;}
.grayBox.noRetirementLecture .description .h3_tit {margin-bottom: 16px;}
.grayBox.noRetirementLecture .description p {font-size:13px;}
/*나의 강의실>강의이수현황*/
.lectureRange {display:inline-block; width:200px; height:4px; background:#ddd; line-height: 0; overflow:hidden;}
.lectureRange .gage {display:inline-block; width:0%; height:100%; background:#ff8f1c; line-height: 0; vertical-align:top;}
/*증명서 출력*/
.printCert {margin-top:20px;padding-top:35px;text-align:center;color:#747474;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x;}
.printCert strong {display:block;margin-bottom:10px;font-size:18px;color:#222}
.printCert .image {margin-top:25px}
.printCert .image img {vertical-align:middle}
/*투자클리닉>공시수익률진단*/
.txt_pureRed {color:#ff1c0b;}
table.investClinic td.no_data {height:389px !important}


/*********************
 나의퇴직연금(기업)
*********************/
/*기업고객 HOME*/
.graphBox{height:360px;padding:15px;border:1px solid #ddd;border-top:1px solid #747474}
.paySearch .periodSearch .searchRadio{display:block;float:left;margin-top:10px;margin-right:10px}
.paySearch .periodSearch .searchRadio div.radio{margin-right:0px}
.paySearch .periodSearch .select-box{margin-left:0px}
.nameSearchTop{display:block;position:relative;margin:0 0 20px 0;padding:13px 0;text-align:center;background-color:#f4f5f7}

/*플랜업무관리>부담금명세*/
.companyConfirm{padding:20px 0;text-align:center;border-top:1px solid #747474;border-bottom:1px solid #747474}
.tabArea2.lineNo,
.tabArea2.lineNo li{border-bottom:0 !important}
table.levy_statement td .radio {vertical-align:top !important}
/*플랜업무관리>퇴직/지급신청*/
table fieldset.periodSearch.retireTopSelect .select-box{float:left;margin:0 10px 0 0}

/*기본정보>투자 클리닉*/
.comparewith.colWidthL .unit.fl {width:620px;}
.comparewith.colWidthL .unit.fr {width:320px;}

/*기본정보>증명서/약정관리>팝업*/
.btnMid.light_gray {border:1px solid #bbb; background-color:#ececec; color:#222;}
.btnMid.light_gray.prev {padding-left:25px; background: url(/ux/images/re_pension/ico_prev.png) 10px 50% no-repeat #ececec;}
.btnMid.light_gray.next {padding-right: 25px; background: url(/ux/images/re_pension/ico_next.png) 46px 50% no-repeat #ececec;}
.btnMid.white.zoomin {padding-left: 28px; background:url(/ux/images/re_pension/ico_zoomin.png) 11px 50% no-repeat;}
.btnMid.white.zoomout {padding-left: 28px;  background:url(/ux/images/re_pension/ico_zoomout.png) 11px 50% no-repeat;}


/*********************
 퇴직연금 상품
*********************/
/*펀드*/
.retireSearchTop {display:block;position:relative;margin:0 0 20px 0;padding:13px 0;background-color:#f4f5f7;text-align:center;}
.retireSearchTop fieldset {display:table;position:relative;margin:0 auto;padding:0;}
.retireSearchTop input[type="text"] {width:618px;height:38px;}
.retireSearchTop input[type="text"]:focus {height:38px;}
.searchFilter.retireFund .blockUnit .conBody.horizCheck .col2 li {width:450px}
.searchFilter.retireFund .blockUnit .conBody.horizCheck .col4 li {width:215px}
.searchFilter.retireFund .blockUnit.col2 .conBody.horizCheck .col2 li {width:210px}
.searchFilter.retireFund .blockUnit.col2 .conBody.horizCheck .col3 li {width:135px}
.searchFilter.retireFund .blockUnit.col2 .conBody.horizCheck .col4 li {width:95px}
/*펀드>추천펀드 슬라이드*/
.elsSlide_article {display:block; position:relative; margin:0; padding:0; background-color:#5a96c8;}
.elsSlide_article .inner {display:block; position:relative; width:960px; height:175px; margin:0 auto; padding:65px 0;}
.elsSlide_article .inner h2 {display:inline-block; position:absolute; font-size:22px; color:#FFF; font-weight:600; left:0; top:20px;}
.elsSlide_article .inner .pager {display:table; position:absolute; width:100%; margin:0; padding:0; text-align:center; bottom:30px;}
.elsSlide_article .inner .pager ul {display:inline-block; position:relative; height:10px; margin:0; padding:0; top:2px;}
.elsSlide_article .inner .pager ul li {float:left; display:inline-block; position:relative; margin:0; padding:0;}
.elsSlide_article .inner .pager ul li button {display:block; position:relative;width:10px; height:10px; margin:0; padding:0; background:url(/ux/images/common/btn/slider_pager.png) no-repeat -38px 0; text-indent:-9999px; font-size:0; cursor:pointer;}
.elsSlide_article .inner .pager ul li + li {margin-left:5px;}
.elsSlide_article .inner .pager ul li.current button {width:25px; background-position:0 0;}
.elsSlide_article .inner .pager button.play {display:inline-block; position:relative; width:18px; height:18px; margin:0 0 0 5px;; padding:0; background:url(/ux/images/common/btn/slider_pager.png) no-repeat -82px 0; text-indent:-9999px; font-size:0; cursor:pointer;}
.elsSlide_article .inner .pager button.play.pause {background-position:-60px 0}
.elsSlide_article .inner .decklist {display:block; position:relative; width:840px; height:175px; margin:0 auto; padding:0; overflow:hidden;}
.elsSlide_article .inner .decklist ul {display:block; position:absolute; left:0;}
.elsSlide_article .inner .decklist li {float:left; display:inline-block; position:relative; width:840px; margin:0; padding:0;}
.elsSlide_article .inner .decklist li a {float:left; display:block; position:relative; width:215px; height:135px; margin:0; padding:19px 19px 19px 174px; border:solid #ddd 1px; border-radius:5px; background-color:#FFF; overflow:hidden}
.elsSlide_article .inner .decklist li a:hover {text-decoration:none;}
.elsSlide_article .inner .decklist li a + a {margin-left:20px;}
.elsSlide_article .inner .decklist li + li {margin-left:20px;}
.elsSlide_article .inner .decklist .thumbnail {display:block; position:absolute; width:135px; height:135px; left:19px; top:19px;}
.elsSlide_article .inner .decklist .thumbnail img {width:135px;height:135px}
.elsSlide_article .inner .decklist dl {display:block; position:relative; height:92px; margin:0 0 8px 0; padding:0 0 8px 0; background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.elsSlide_article .inner .decklist dl dt {display:table; position:relative; width:100%; margin:0 0 8px 0; padding:0;}
.elsSlide_article .inner .decklist dt span {float:left; display:inline-block; position:relative; min-height:45px; font-size:16px; color:#222;}
.elsSlide_article .inner .decklist dt ul.badge {float:left; display:table; position:relative; max-width:36px; margin-left:14px; margin-bottom:0; top:3px;}
.elsSlide_article .inner .decklist dt ul.badge li {float:left; display:inline-block; width:17px;;}
.elsSlide_article .inner .decklist dt ul.badge li + li {margin-left:2px;}
.elsSlide_article .inner .decklist .elsType {display:block; position:relative; height:20px; margin:0; padding:0; overflow:hidden;}
.elsSlide_article .inner .decklist .elsType strong {display:inline-block; position:relative; color:#7891af; font-weight:normal; margin-right:5px;}
.elsSlide_article .inner .controler {display:block; position:absolute; width:100%; left:0; top:125px;}
.elsSlide_article .inner .controler button {display:block; position:absolute; width:26px; height:49px; background:url(/ux/images/common/btn/slider_pager.png) no-repeat; text-indent:-9999px; font-size:0;}
.elsSlide_article .inner .controler .prev {background-position:-74px -47px; left:10px; top:0px;}
.elsSlide_article .inner .controler .next {background-position:0 -47px; right:10px; top:0;}
/*펀드>상품리스트*/
table.finductList {width:100%;border-top:solid #747474 1px;}
table.finductList thead tr.row2 th {height:57px;}
table.finductList thead th,
table.finductList.scrollHeader td {padding:10px 5px;background-color:#f3f4f6;font-weight:normal;color:#222;font-size:13px;text-align:center;border-left: solid #ddd 1px;border-bottom:solid #747474 1px;}
table.finductList thead th.on,
table.finductList.scrollHeader td.on {padding: 9px 4px;border:solid #3dadec 2px;background-color:#FFF;}
table.finductList.font14 thead th,
table.finductList.scrollHeader.font14 td,
table.finductList.font14 tbody td,
table.finductList tbody th {font-size:14px !important;}
table.finductList thead th.line, table.finductList tbody td.line {border-bottom:solid #ddd 1px;}
table.finductList tbody th {padding-left:20px;text-align:left;font-weight:normal;border-bottom:1px solid #dfdfdf;background-color:#fafafa;}
table.finductList tbody tr:first-child th {border-top:none;}
table.finductList tbody th.center {padding:10px 0;text-align:center;font-size:13px;}
table.finductList tbody td {padding:10px;font-size:13px;color:#444;text-align:center;border-left: solid #ddd 1px;border-bottom:solid #ddd 1px;}
table.finductList tbody td.title {text-align:left;}
table.finductList .fohint {display:block;position:relative;}
table.finductList .fohint .lay-help {position:absolute;left:50%;margin-left:-9px;}
table.finductList thead th:first-child, table.finductList tbody td:first-child {border-left:none;}
table.finductList thead th .lay-help a {padding-right:0;}
table.finductList thead tr th.unfirst.on {border-left:solid #3dadec 2px !important;}
table.finductList thead tr.row2 th {height:57px;}
table.finductList .unfirst, table.guideTb1 .unfirst {border-left:solid #ddd 1px !important;}
table.finductList.tdLeft td, table.finductList .tdLeft {text-align:left;}
table.finductList.tdRight td, table.finductList .tdRight {text-align:right;}
table.finductList td.td_btn a.btnSmall + a.btnSmall {margin-top:10px;}
table.finductList tbody th + td {padding-left:20px;text-align:left;}
table.finductList.dataTable tbody th + td {padding-left:10px;}
table.finductList td > .fd_name,
table.finductList td > .fd_name2 {display:block;position:relative;margin-bottom:5px;text-align:left;color:#444;font-size:16px;word-break:break-all;}
table.finductList td > .fd_name2 {font-size:14px;}
table.finductList + .thumbArticle {margin-top:10px;}
table.finductList + .paging {margin-top:40px;}
table.finductList td span.codeName {display:block;font-size:13px;color:#747474;}
table.finductList td.noData {background-color:#fafafa;padding:60px 0;text-align:center;}
table.finductList .finduct_td {position:relative;padding-bottom:29px;}
table.finductList .finduct {display:block;position:relative;/*margin:0 0 13px 0;*/padding:0;text-align:left;}
table.finductList .finduct2 {display:block;position:relative;margin:0;padding:0;text-align:left;}
table.finductList .finduct .fd_name {display:block;position:relative;margin-bottom:5px;font-size:16px;color:#444;word-break:break-all !important;}
table.finductList .finduct2 .fd_name {display:block;position:relative;margin-bottom:5px;font-size:14px;color:#444;word-break:break-all;}
table.finductList .finduct dl.fd_type {display:block;position:relative;margin:0;padding:0 0 0 40px;font-size:13px;color:#444;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 9px;}
table.finductList .finduct dl.fd_type dt {display:inline-block;position:absolute;left:7px;top:0;}
table.finductList .finduct dl.fd_type dd {display:inline-block;position:relative;margin:0;padding:0;}
table.finductList .finduct dl.fd_type dd + dd {margin-left:10px;}
table.finductList .field_function {display:table;position:absolute;width:100%;left:0;bottom:5px;}
table.finductList .field_function a {background:url(/ux/images/common/bg_finduct_class.png) no-repeat;}
table.finductList .field_function a:hover {text-decoration:none;}
table.finductList .field_function .line_finduct {float:left;display:block;position:relative;width:90px;height:28px;line-height:26px;margin:0 0 0 10px;padding:0 38px 0 13px;border:solid #ddd 1px;border-bottom:none;background-position:right 7px;background-color:#fafafa;}
table.finductList .field_function .line_finduct.open {padding-bottom:1px;top:1px;background-position:right -29px;}
table.finductList .field_function .line_finduct span {display:inline-block;padding-left:3px;color:#c75414;}
table.finductList .field_function .hide_field {float:right;display:inline-block;position:relative;margin-right:10px;padding-right:20px;background-position:right -64px;color:#747474;font-size:12px;}
table.finductList .fnBtn a.btnMid + .btnMid {margin-top:5px;}
table.finductList tbody td {line-height:18px;}
table.finductList .startday {display:inline-block;width:100%;text-align:center;margin-bottom:10px;}
/*펀드>상품리스트>클래스펀드 확장 */
table.finductList tr.classFundOpen td {background-color:#fafafa;}
table.finductList tr.classFundOpen td .finduct {margin-bottom:0;}
table.finductList tr.classFundOpen .btnMid + .btnMid {margin-top:5px;}
/*펀드>상품리스트>리스트상단탭*/
.listtabArticle {display:table;position:relative;width:100%;}
.listtabArticle .tabDeps3 {float:left;border-bottom:none;}
.listtabArticle .toggleTab {float:right;top:6px;}
.finduct_target {display:none;position:relative;}
.finduct_target.on {display:block;}
/*펀드>상품리스트>요약>위험등급 6등급 추가 수정*/
.risks {display:block;position:relative;margin:0 auto;padding:25px 0 0 0;text-align:center;font-size:14px;color:#444;/* background:url(/ux/images/finance/risks_deps_new.png) no-repeat; */}
.risks.deps1 {background:url(/ux/images/finance/risks_deps1.png) 50% 0 no-repeat;}
.risks.deps2 {background:url(/ux/images/finance/risks_deps2.png) 50% 0 no-repeat;}
.risks.deps3 {background:url(/ux/images/finance/risks_deps3.png) 50% 0 no-repeat;}
.risks.deps4 {background:url(/ux/images/finance/risks_deps4.png) 50% 0 no-repeat;}
.risks.deps5 {background:url(/ux/images/finance/risks_deps5.png) 50% 0 no-repeat;}
.risks.deps6 {background:url(/ux/images/finance/risks_deps6.png) 50% 0 no-repeat;}

/* .risks.deps1 {background-position:50% 0;}
.risks.deps2 {background-position:50% -50px;}
.risks.deps3 {background-position:50% -100px;}
.risks.deps4 {background-position:50% -150px;}
.risks.deps5 {background-position:50% -200px;}
.risks.deps6 {background-position:50% -250px;} */

/*펀드>상품리스트>설정액추이와 수익률 그래프*/
.finduct_barChart {display:table;position:relative;width:100%;margin:0;padding:0;}
.finduct_barChart .chart {float:left;display:block;position:relative;width:330px;height:100px;margin:0 0 0 10px;padding:0;}
.finduct_barChart dl.legend {float:right;display:block;position:relative;width:100px;margin:10px 0 0 0;padding:0;text-align:left;}
.finduct_barChart dl.legend dt {visibility:hidden;width:0;height:0;font-size:0;z-index:-1;}
.finduct_barChart dl.legend dd {display:block;position:relative;margin:0 0 7px 0;padding:0 0 0 17px;font-size:13px;background:url(/ux/images/finance/barChart_legend.png) no-repeat 0 0;}
.finduct_barChart dl.legend .case1 {background-position:0 5px;}
.finduct_barChart dl.legend .case2 {background-position:0 -16px;}
.finduct_barChart dl.legend .case3 {background-position:0 -38px;}
/*펀드>상품리스트>위험도*/
dl.risks_bar {display:block;position:relative;margin:0 auto;padding:0;text-align:center;}
dl.risks_bar dt {display:block;position:relative;margin:0 0 3px 0;padding:40px 0 0 0;font-size:15px;color:#444;}
dl.risks_bar dt span {display:block;position:absolute;width:100%;height:33px;left:0;bottom:0;background:url(/ux/images/finance/risks_deps_bar.png) no-repeat; top:0;}
dl.risks_bar dt.deps0 span {background-position:50% -200px;}
dl.risks_bar dt.deps1 span {background-position:50% 0;}
dl.risks_bar dt.deps2 span {background-position:50% -40px;}
dl.risks_bar dt.deps3 span {background-position:50% -80px;}
dl.risks_bar dt.deps4 span {background-position:50% -120px;}
dl.risks_bar dt.deps5 span {background-position:50% -160px;}
dl.risks_bar dd {display:block;position:relative;font-size:13px;color:#747474;}
/*펀드>상품리스트>펀드등급*/
.rating_star {display:block;position:relative;height:10px;margin:0;padding: 0;font-size:0;text-indent:-9999px;background:url(/ux/images/finance/star_deps.png) no-repeat 50% 0;}
.rating_star.deps0 {background-position:50% 0;}
.rating_star.deps1 {background-position:50% -50px;}
.rating_star.deps2 {background-position:50% -100px;}
.rating_star.deps3 {background-position:50% -150px;}
.rating_star.deps4 {background-position:50% -200px;}
.rating_star.deps5 {background-position:50% -250px;}
/*펀드>상품리스트>포트폴리오*/
.stick_bar {display:block;position:relative;width:300px;margin:0 auto;padding:50px 0 0 0;}
.stick_bar .diagram {display:block;position:absolute;width:100%;margin:0;padding:0;background-image:none;background-color:#ddd;height:30px;left:0;top:0;overflow:hidden;}
.stick_bar .diagram span {float:left;display:inline-block;position:relative;height:30px;background:url(/ux/images/finance/pattern/stick_bar_pattern.png) repeat;}
.stick_bar .diagram span var {display:none;}
.stick_bar .diagram span + span var {display:block;position:absolute;width:1px;height:30px;background-color:#FFF;left:0;top:0;}
.stick_bar .diagram span.case1 {background-position:0 0px;}
.stick_bar .diagram span.case2 {background-position:0 -100px;}
.stick_bar .diagram span.case3 {background-position:0 -200px;}
.stick_bar .diagram span.case4 {background-position:0 -300px;}
.stick_bar .diagram span.case5 {background-position:0 -400px;}
.stick_bar .unit {display:table;position:relative;width:100%;margin:0;padding:0;text-align:center;}
.stick_bar .unit dl {display:inline-block;position:relative;margin:0;padding:0;font-size:13px;color:#444;}
.stick_bar .unit dl + dl {margin-left:15px;}
.stick_bar .unit dt {display:inline-block;position:relative;margin:0;padding:0 0 0 17px;background:url(/ux/images/finance/pattern/stick_bar_regend.png) no-repeat;}
.stick_bar .unit dd {display:inline-block;position:relative;margin:0;padding:0;}
.stick_bar .unit dl.case1 dt {background-position:0 3px;}
.stick_bar .unit dl.case2 dt {background-position:0 -47px;}
.stick_bar .unit dl.case3 dt {background-position:0 -97px;}
.stick_bar .unit dl.case4 dt {background-position:0 -147px;}
.stick_bar .unit dl.case5 dt {background-position:0 -197px;}
/*펀드>순위로 보는 펀드 상품*/
.searchFilter {display:block;position:relative;margin:0;padding:0;background-color:#FFF}
.searchFilter .spread {display:block;position:relative;margin:0;padding:0;border:solid #bbb 1px}
.searchFilter .spread + .spread {margin-top:18px}
.searchFilter .colInner {display:table;position:relative;width:100%;margin:0;padding:0}
.searchFilter .colInner + .colInner {border-top:solid #ddd 1px}
.searchFilter .blockUnit {float:left;display:block;position:relative;width:100%;margin:0;padding:0;border-right:solid #ddd 1px}
.searchFilter .blockUnit .headding {display:block;position:relative;height:19px;margin:0;padding:10px 5px 10px 18px;background:#fafafa;font-size:16px;color:#222}
.searchFilter .blockUnit .conBody {display:block;position:relative;margin:0;padding:12px 5px 8px 18px;overflow:auto}
.searchFilter .blockUnit.col2 {width:50%;box-sizing:border-box}
.searchFilter .blockUnit.col2 .conBody {padding:0;overflow:hidden}
.searchFilter .blockUnit.col2 + .blockUnit.col2 {border-right:0}
.searchFilter .blockUnit .conBody.horizCheck {padding:10px 0;overflow:hidden}
.searchFilter .blockUnit .conBody.horizCheck ul {display:table;margin:0 auto;padding:15px 0}
.searchFilter .blockUnit .conBody.horizCheck li {float:left;display:inline-block;position:relative}
.searchFilter .blockUnit .conBody.horizCheck li label {font-size:13px;color:#444}
.searchFilter .blockUnit .conBody.horizCheck li + li {margin-left:20px}
.searchFilter .spread_control {display:block;position:relative;margin:-1px 0 0 0;padding:0 190px 0 0;border:solid #bbb 1px;border-top-color:#747474}
.searchFilter .spread_control .search_condition {display:block;position:relative;padding:10px 0;border-right:solid #bbb 1px;text-align:center}
.searchFilter .spread_control.default {padding-right:0;border-right:none}

/*원리금 보장상품*/
.redetail_head {display:block;position:relative;margin:0 0 20px 0}
.redetail_head h2 {display:block;position:relative;font-size:22px;color:#222;font-weight:normal;}
.redetail_summary {display:table;position:relative;width:879px;margin:0;padding:0;border-top:solid #ddd 1px;border-right:solid #ddd 1px;}
.redetail_summary dl {float:left;display:table;position:relative;width:50%;height:120px;box-sizing:border-box;margin:0;padding:10px 15px 10px 15px;border-left:solid #ddd 1px;border-bottom:solid #ddd 1px;color:#222;}
.redetail_summary.col3 dl {width:33.33%;height:110px;}
.redetail_summary.col3 dl.productInfo {width:100%}
.redetail_summary dt {display:block;position:absolute;top:10px;left:10px;height:30px;font-size:14px;}
.redetail_summary dd {display:table-cell;padding-top:10px;text-align:center;vertical-align:middle;font-size:13px}
.redetail_summary dl strong {font-weight:600;color:#222;}
.redetail_summary dl dd strong {font-size:20px}
.redetail_summary dl dd.rise strong {color:#e81a1a;}
.redetail_summary dl dd.drop strong {color:#0364a7;}
.redetail_summary dl dd.keep strong {color:#222;}
.redetail_summary dl.infoAdd {float:left;width:100%;padding:17px 20px 0;border-left:1px solid #ececec;border-bottom:1px solid #ececec;text-align:center;background:#fafafa;}
.redetail_summary dl.infoAdd dt {padding-bottom:0;text-align:left;color:#222;font-size:16px;}
.redetail_summary dl.infoAdd dd {text-align:center;}
.redetail_summary dl.infoAdd dd .btnFile + .btnFile {margin-left:15px;}
.redetail_summary dl.elsCode, .findetail_summary dl.elsRatio, .findetail_summary dl.elsDate {background-color:#fafafa}
.redetail_summary + .btnArea {padding-top:20px;}
/* 퇴직연금 원리금보상상품 상세 추가*/
.findetail_summary table {border-left:1px solid #ddd; width:100%; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.findetail_summary table th, .findetail_summary table td {border-bottom:1px solid #ddd;}
.findetail_summary table th {padding-bottom:20px; padding-top:20px; font-size:14px; font-weight:normal; background-color:#fafafa; border-left:1px solid #ddd;}
.findetail_summary table th span {position:relative;}
.findetail_summary table th span .balloon {position:absolute; top:-53px; right:-62px; width:62px; height:63px; box-sizing:border-box; background:url(/ux/images/re_pension/bg_speachBalloon.png) no-repeat; font-size:13px; color:#00998f; padding-top:10px;}
.findetail_summary table th:first-child span .balloon {padding-top:20px;}
.findetail_summary table th:first-child {border-left:0;}
.findetail_summary table td {padding:20px; vertical-align:top;}
.findetail_summary .infoAdd {padding:17px 20px;border:1px solid #ddd;border-top:none;text-align:center;background:#fafafa;}
.findetail_summary .infoAdd dt {padding-bottom:0;text-align:left;color:#222;font-size:16px;}
.findetail_summary .infoAdd dd {text-align:center;}
.findetail_summary .infoAdd dd .btnFile + .btnFile {margin-left:15px;}


/*ELSDLS*/
.prod_wrap {position:relative;padding:0 5px 0 5px;}
.prod_wrap .prod_tit {display:block;font-size:16px;line-height:20px;color:#222; margin-bottom:8px;}
.prod_wrap .prod_descBox {padding:5px 0 15px;color:#747474;font-size:13px;}
.prod_wrap .prod_riskBox {overflow:hidden;border-top:1px dashed #ddd;}
.prod_wrap .prod_riskBox li {position:relative;float:left;width:50%;padding-top:8px;text-align:left;font-size:12px;color:#444;text-align:center;}
.prod_wrap .prod_riskBox li.last:after {display:block;content:"";position:absolute;left:0;top:12px;width:1px;height:16px;background-color:#ddd;}
.prod_wrap .prod_riskBox li .risks {display:inline-block;padding:0 0 0 45px;text-align:left;background-position:0 0;font-size:12px;}
.prod_wrap .prod_riskBox li .risks.deps2 {background-position:0 -50px;}
.prod_wrap .prod_riskBox li .risks.deps3 {background-position:0 -100px;}
.prod_wrap .prod_riskBox li .risks.deps4 {background-position:0 -150px;}
.prod_wrap .prod_riskBox li .risks.deps5 {background-position:0 -200px;}
.prod_wrap .prod_riskBox li .ico_pay {display:inline-block;height:20px;padding-left:35px;background:url(/ux/images/common/ico_capital.png) 0 1px no-repeat;}
.prod_wrap .prod_riskBox li .ico_pay.knockIn {background-position:0 -53px;}
.modal_btm, .modal_right {display:inline-block;background: url(/ux/images/common/btn/ico_modal.png) no-repeat center bottom;padding-bottom:17px;}
.modal_right {padding:0 15px 0 0 !important;background-position:right 65%;}


/*********************
 퇴직연금센터
*********************/
/*퇴직연금 알아보기*/
/*퇴직연금제도 개요>제도도입배경*/
.systemIntro {}
.systemIntro .customBox {height:449px; border-top:1px solid #747474; border-bottom:1px solid #ddd;}
.systemIntro .customBox .text_desc {padding: 30px 15px 20px;}
/*퇴직연금제도 개요>퇴직연금제도란*/
.more_infoBox.pensionPlanList .col {height:165px; }
/*과세제도안내*/
.icoBoxList .guideBox {padding:30px 10px;}
.icoBoxList.irpTax .guideBox {min-height:640px}
.icoBoxList .ico_box {padding-top:120px; background:url(/ux/images/re_pension/ico_box.png) no-repeat 50% 0;}
.icoBoxList .ico_circleGraph {padding-top:120px; background:url(/ux/images/re_pension/ico_circleGraph.png) no-repeat 50% 0;}
.icoBoxList .ico_structure {padding-top:120px; background:url(/ux/images/re_pension/ico_structure.png) no-repeat 50% 0;}

.txtNote{font-size:10px;vertical-align:text-top}
.txtNote.vb{vertical-align:text-bottom}

/*제도도입 안내*/
.registStep {padding:40px 0 40px 80px}
.registStep .dep1 > li {position:relative;height:362px;background:url(/ux/images/re_pension/bg_registStep.png) 0 0 no-repeat}
.registStep .dep1 > li.last {overflow:hidden;height:332px}
.registStep .dep1 > li strong {position:absolute;display:block;width:180px;height:80px;top:50%;margin-top:-105px;padding-top:95px;text-align:center;font-weight:normal;font-size:15px;background:url(/ux/images/re_pension/ico_registStep01.gif) 64px 39px no-repeat}
.registStep .dep1 > li:first-child + li strong {background-image:url(/ux/images/re_pension/ico_registStep02.gif)}
.registStep .dep1 > li:first-child + li + li strong {margin-top:-90px;background-image:url(/ux/images/re_pension/ico_registStep03.gif)}
.registStep .dep2 {padding-left:290px}
.registStep .dep2 li {height:182px}
.registStep .dep2 dl {display:table;width:488px;height:90px;padding:30px 0}
.registStep .dep2 dt {display:table-cell;width:165px;vertical-align:middle;text-align:center;font-weight:bold;color:#0062ab}
.registStep .dep2 dt + dd {margin-top:10px}
.registStep .dep2 dd {margin-top:5px;padding-left:40px;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 30px 9px }
/*제도종류 및 도입/운용>퇴직급여 수령*/
.stepProcess.type2.receivePay li {min-height:144px;}
.stepProcess.arrowSmall li .arrow {width:20px; height:20px; background-image:url(/ux/images/common/ico_arrow_stepProcessSM.png); margin-top:-10px; margin-left:-10px; right:-10px;}
/*적립금 운용안내>퇴직연금 투자원칙*/
.more_infoBox.investRules {}
.more_infoBox.investRules .col {padding-top:170px; position:relative;}
.more_infoBox.investRules .ico_clock {background:url(/ux/images/re_pension/ico_clock.png) 50% 30px no-repeat;}
.more_infoBox.investRules .ico_calculator {background:url(/ux/images/re_pension/ico_calculator.png) 50% 30px no-repeat}
.more_infoBox.investRules .ico_coins {background:url(/ux/images/re_pension/ico_coins.png) 50% 30px no-repeat}
.more_infoBox.investRules .col .quick {position:absolute; top:15px; right:15px;}
.more_infoBox .col.ico_memoCircleGraph {background:url(/ux/images/re_pension/ico_memoCircleGraph.png) 405px 18px no-repeat; }
.more_infoBox .col.ico_chart {background:url(/ux/images/re_pension/ico_chart.png) 405px 18px no-repeat}
.costAverage {display:block;border:1px solid #ddd;border-top-color:#747474;padding:30px;margin-bottom:20px}
/*과세제도 안내>DB, DC 퇴직연금제도 과세체계*/
.addedExplain:after {content:''; display: block; clear: both;}
.addedExplain.col2 > li {width:470px; float: left; margin-left: 20px;}
.addedExplain.col2 > li:first-child {margin-left: 0;}
.addedExplain > li dl dt p {font-size: 15px;}
.addedExplain > li dl dd {margin-top:20px; padding-top: 20px; background: url(/ux/images/common/bg_dot_line.gif) repeat-x transparent;}
.dbdcVS {height:240px;margin-bottom:30px;padding:40px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;background:#fafafa url(/ux/images/common/bg_dot_vline.gif) repeat-y center 0}
.dbdcVS:after {content:''; display:block; clear:both;}
.dbdcVS li {position:relative;float:left;width:50%;height:100%;padding-top:165px;box-sizing:border-box;text-align:center;background:url(/ux/images/re_pension/ico_DBDC01.png) center 0 no-repeat}
.dbdcVS li + li {background-image:url(/ux/images/re_pension/ico_DBDC02.png)}
.dbdcVS li:after {content:"";position:absolute;top:50%;right:0;display:block;width:60px;height:60px;margin:-30px -30px 0 0;background:url(/ux/images/re_pension/ico_vs.png) 0 0 no-repeat}
.dbdcVS li + li:after {display:none}
.dbdcVS strong {color:#c75414}
/*과세제도 안내>퇴직소득세 계산방식*/
.more_infoBox.calculateTax .col {height:259px;}
.more_infoBox.titleBar .col {padding:0; width:468px;}
.more_infoBox.titleBar .title {background-color:#fafafa; padding:10px 0 11px 30px;}
.more_infoBox.titleBar .cont {padding: 30px 40px;}
.more_infoBox.titleBar .cont > strong {display:block;}
/*과세제도 안내>IRP 과세체계>(T)IRP과세체계*/
.IRPTaxSystem_tab1 {border-top:1px solid #747474; border-bottom:1px solid #ddd; padding:30px;}
.IRPTaxSystem_tab1:after {content:''; display:block; clear:both;}
.IRPTaxSystem_tab1 dl {float:left;}
.IRPTaxSystem_tab1 dl.list1 {width:180px; padding-right:60px; background:url(/ux/images/re_pension/bg_IRPTaxSystem_tab1_arrow.png) 100% 336px no-repeat; }
.IRPTaxSystem_tab1 dl.list1 dt {text-align:center; background: url(/ux/images/re_pension/bg_list1_dt.png) 50% 0 no-repeat; font-size:15px; font-weight:bold; padding-top:90px; color:#fff; padding-bottom:70px;}
.IRPTaxSystem_tab1 dl.list1 dd > strong {display:block; text-align:center; background: url(/ux/images/re_pension/bg_list1_strong.png) 50% 0 no-repeat; padding-top:28px; padding-bottom:69px;}
.IRPTaxSystem_tab1 dl.list1 dd ul li {border: 1px solid #3dadec; background-color:#ecf5fa; margin-top:10px; font-size:15px; text-align:center; padding-top:27px; padding-bottom:28px;}
.IRPTaxSystem_tab1 dl.list1 dd ul li:first-child {margin-top:0;}
.IRPTaxSystem_tab1 dl.list2 {width:180px; margin-right:60px;}
.IRPTaxSystem_tab1 dl.list2 dt {text-align:center; background: url(/ux/images/re_pension/bg_list2_dt.png) 50% 0 no-repeat; font-size:15px; font-weight:bold; padding-top:90px; color:#fff; padding-bottom:70px;}
.IRPTaxSystem_tab1 dl.list2 dd > strong {display:block; text-align:center; background: url(/ux/images/re_pension/bg_list2_strong.png) 50% 0 no-repeat; padding-top:28px; padding-bottom:69px;}
.IRPTaxSystem_tab1 dl.list2 dd p {position:relative; padding-top:28px; padding-bottom:114px; background-color:#fafafa; border:1px solid #ddd; font-size:15px; text-align:center;}
.IRPTaxSystem_tab1 dl.list2 dd p .inc {display:block; width:138px; position:absolute; bottom:-1px; left:-1px; border:1px solid #ff8f1c; background-color:#fcfae9; text-align:center; padding-top:27px; padding-bottom:19px;}
.IRPTaxSystem_tab1 dl.list3 {width:420px;}
.IRPTaxSystem_tab1 dl.list3 dt {text-align:center; background: url(/ux/images/re_pension/bg_list3_dt.png) 50% 0 no-repeat; font-size:15px; font-weight:bold; padding-top:90px; color:#fff; padding-bottom:70px;}
.IRPTaxSystem_tab1 dl.list3 dd > strong {display:block; text-align:center; background: url(/ux/images/re_pension/bg_list3_strong.png) 50% 0 no-repeat; padding-top:28px; padding-bottom:69px;}
.IRPTaxSystem_tab1 dl.list3 table {border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.IRPTaxSystem_tab1 dl.list3 table th, .IRPTaxSystem_tab1 dl.list3 table td {border-bottom:1px solid #ddd;}
.IRPTaxSystem_tab1 dl.list3 table th {padding-bottom:27px; padding-top:27px; font-size:15px; font-weight:normal; background-color:#fafafa; border-left:1px solid #ddd;}
.IRPTaxSystem_tab1 dl.list3 table th span {position:relative;}
.IRPTaxSystem_tab1 dl.list3 table th span .balloon {position:absolute; top:-53px; right:-62px; width:62px; height:63px; box-sizing:border-box; background:url(/ux/images/re_pension/bg_speachBalloon.png) no-repeat; font-size:13px; color:#00998f; padding-top:10px;}
.IRPTaxSystem_tab1 dl.list3 table th:first-child span .balloon {padding-top:20px;}
.IRPTaxSystem_tab1 dl.list3 table th:first-child {border-left:0;}
.IRPTaxSystem_tab1 dl.list3 table td {width:167px; padding:20px; vertical-align:top;}
/*과세제도 안내>IRP 과세체계>(T) 일시금/연금 과세방법*/
table.mini {border-top:1px solid #ddd; width:100%;}
table.mini th, table.mini td {padding:7px 0 6px 0;}
/*과세제도 안내>IRP 과세체계>(T) 세제혜택과 절세전략*/
.c_00998f{color:#00998f}
.icoBoxList .ico_recycle {padding-top:120px; background:url(/ux/images/re_pension/ico_recycle.png) no-repeat 50% 0;}
.icoBoxList .ico_clockWon {padding-top:120px; background:url(/ux/images/re_pension/ico_clockWon.png) no-repeat 50% 0;}
.icoBoxList .ico_rowTax {padding-top:120px; background:url(/ux/images/re_pension/ico_rowTax.png) no-repeat 50% 0;}
.icoBoxList ol.num_list {}
.icoBoxList ol.num_list li {margin-top:20px;}
.icoBoxList ol.num_list li + li {margin-top:14px;}

.icoBoxList table {width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.icoBoxList table thead th, .icoBoxList table thead td{}
.icoBoxList table th, .icoBoxList table td {border-bottom:1px solid #ddd;}
.icoBoxList table th {padding-bottom:3px; padding-top:3px; font-size:12px; font-weight:normal; background-color:#eee; border-left:1px solid #ddd;}
.icoBoxList table th span {position:relative;}
.icoBoxList table th:first-child {border-left:0;}
.icoBoxList table th.unfirst, .icoBoxList table td.unfirst{border-left:1px solid #ddd;}
.icoBoxList table th.total{background-color:#ebfaf9;color:#00998f; border-color:#00998f}
.icoBoxList table td.total {color:#00998f}
.icoBoxList table th.total.l{border-left:1px solid #00998f}
.icoBoxList table th.total.r{border-right:1px solid #00998f}
.icoBoxList table th.total.t{border-top:1px solid #00998f}
.icoBoxList table td {padding:2px; vertical-align:middle;}

.incomeTax .box1{position:relative;width:170px;}
.incomeTax .box2{position:relative;width:40px;}
.incomeTax .box3{position:relative;width:260px;}
.incomeTax .guideTb1.slip.harf thead th, .incomeTax .guideTb1.slip.harf tbody td, .incomeTax .guideTb1.slip.harf tbody th, .incomeTax .guideTb1.slip.harf tfoot td{font-size:12px;padding:3px !important}

.incomeTax .arrowTax{position:absolute;left:0;display:block;width:40px;height:12px;background:url(/ux/images/re_pension/arrow_incomeTax_line01.gif) no-repeat 0 0;}
.incomeTax .arrowTax.type01{top:100px;}
.incomeTax .arrowTax.type02{top:260px;}
.incomeTax .arrowTax.type03{top:340px;height:190px;background:url(/ux/images/re_pension/arrow_incomeTax_line02.gif) no-repeat 0 0;}

.irpTaxGuideTb{position:relative;}
.irpTaxGuideTb .arrowDn{display:block;background-color:#c75414;position:absolute;top:98px;left:42px;width:2px;height:260px;}
.irpTaxGuideTb .arrowDn:after{z-index:3;content:"";display:block;position:absolute;bottom:-8px;left:-6px;background:url(/ux/images/re_pension/ico_arrowDn.png) no-repeat 0 0; width:14px;height:8px;}


/*WHY 삼성증권 퇴직연금>WHY 삼성증권 POP 퇴직연금*/
.guideBox_square {display:table; border-top:1px solid #747474;}
.guideBox_square + .guideBox_square {border-top:0;}
.guideBox_square > dl {display:table-cell;border-bottom:1px solid #ddd; padding:30px; box-sizing:border-box;}
.guideBox_square > dl.dashed {background: url(/ux/images/common/bg_dot_vline2.gif) repeat-y left top;}
.guideBox_square.col2 > dl {width:480px;}
.guideBox_square > dl > dt {font-size:16px; font-weight:bold;}
.icoBoxList .ico_won {padding-top:120px; background:url(/ux/images/re_pension/ico_won.png) no-repeat 50% 0;}
.icoBoxList .ico_revenue {padding-top:120px; background:url(/ux/images/re_pension/ico_revenue.png) no-repeat 50% 0;}
.icoBoxList .ico_supportCenter {padding-top:120px; background:url(/ux/images/re_pension/ico_supportCenter.png) no-repeat 50% 0;}
.more_infoBox.normal .col .support_center {background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top; margin-top:20px; padding-top:20px;}
.more_infoBox.normal .col .support_center dt {padding-left:50px; margin-bottom:10px; background:url(/ux/images/common/ico_ARS.png) 0 50% no-repeat;}
.more_infoBox.normal .col .support_center dt strong {line-height:1.1;}
.more_infoBox.whySSP .col > .desc {margin-bottom:80px;}
.awarded_list_title {font-size:26px;}
.awarded_list {}
.awarded_list .item:first-child {border-top:1px solid #747474;}
.awarded_list .item {border-bottom:1px solid #ddd; padding:30px;}
.awarded_list .item:after {content:''; display:block; clear:both;}
.awarded_list .item .logo, .awarded_list .item .item_content {float:left;}
.awarded_list .item .logo {display:block; margin-right:50px;}
.awarded_list .item .item_content p {margin-top:4px;}
.awarded_list .item .item_content p.text{margin-top:10px; line-height:24px; color:#222}

.awarded_list.col2{display:inline-block;float:left}
.awarded_list.col2:after {content:''; display:block; clear:both;}
.awarded_list.col2 li{display:block;float:left;width:314px;padding:0;border:1px solid #ddd !important;text-align:center;min-height:178px;}
.awarded_list.col2 .item .logo{display:block;float:initial;margin:0px 0 -15px;clear:both;width:100%}
.awarded_list.col2 li:first-child{margin-right:-1px}
.awarded_list.col2 li:after {content:''; display:block; clear:both;}
.awarded_list.col2 li .text{display:block;}
.awarded_list.col2 li .text>strong{font-size:15px}

.pension_point{display:block;float:right;width:306px;background:#55bcdc;padding:0px;text-align:center;min-height:110px;}
.pension_point .logo{display:block;padding-top:15px;}
.pension_point .text{display:block;padding:0px;color:#fff;font-size:14px;font-weight:bold;}

.pension_moel{display:block;float:right;width:304px;border:1px solid #ddd;padding:0px;text-align:center;min-height:58px;margin-top:10px}
.pension_moel > a{display:block;padding-top:16px;text-align:center;}

/*WHY 삼성증권 퇴직연금>WHY 삼성증권 POP 퇴직연금(기업, 개인)*/
.page_info.whySSP .inner h2 {line-height:1.3;}
.whySSP .inner span.bgArea.whySSP_individual_info {background: url(/ux/images/re_pension/bg_whySSP_individual.png) 80% 100% no-repeat;}
.whySSP .inner span.bgArea.whySSP_info {background: url(/ux/images/re_pension/bg_whySSP.png) 80% 100% no-repeat;}
.icon_link_list {border-top:1px solid #747474;}
.icon_link_list.whySSP .ico_retirement {background:url(/ux/images/re_pension/ico_retirement.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_earnings {background:url(/ux/images/re_pension/ico_earnings.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_investmentReturns {background:url(/ux/images/re_pension/ico_investmentReturns.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_customEdu {background:url(/ux/images/re_pension/ico_customEdu.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_rank5 {background:url(/ux/images/re_pension/ico_rank5.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_infoCenter {background:url(/ux/images/re_pension/ico_infoCenter.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_emailNews {background:url(/ux/images/re_pension/ico_emailNews.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_taxService {background:url(/ux/images/re_pension/ico_taxService.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_HR {background:url(/ux/images/re_pension/ico_HR.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_fedora {background:url(/ux/images/re_pension/ico_fedora.png) 0 30px no-repeat;}
.icon_link_list.whySSP .ico_talk {background:url(/ux/images/re_pension/ico_talk.png) 0 30px no-repeat;}
.icon_link_list > li {min-height:100px; padding:30px 0 30px 130px; border-bottom:1px solid #ddd; }
.icon_link_list > li .btnMid {margin-top:20px;}
.icon_link_list + .additional_info {border-top:0;}
.additional_info {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px; background-color:#fafafa;}
.additional_info .main_info {}
.additional_info .main_info + .sub_info {padding-top:21px; margin-top:20px; background: url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;}
.additional_info dl.sub_info {}
.additional_info dl.sub_info dt {margin-top:20px; margin-bottom:5px;}
.additional_info dl.sub_info dt:first-child {margin-top:0;}
.additional_info .btnMid {margin-top:20px;}
/*부가서비스*/
.addSVC:after {content:""; display:block; clear:both}
.addSVC li {float:left;width:225px;height:230px;margin:0 0 20px 20px;padding-top:170px;box-sizing:border-box;text-align:center;border:1px solid #ddd;border-top-color:#747474;background:url(/ux/images/re_pension/ico_addSVC.gif) no-repeat}
.addSVC li.wedding {background-position:53px 30px}
.addSVC li.travel {background-position:-192px 30px}
.addSVC li.edu {background-position:-437px 30px}
.addSVC li.health {background-position:-682px 30px}
.addSVC li.funeral {background-position:53px -220px}
.addSVC li.shopping {background-position:-192px -220px}
.addSVC li.finance {background-position:-437px -220px}
.addSVC li.culture {background-position:-682px -220px}
h2.tit_addSVC {margin-top:10px;color:#0062ab;font-size:28px;font-weight:bold}
dl.pop_addSVC {margin:20px 0 25px 0;background: url(/ux/images/re_pension/bg_wedding.gif) 95% 20px no-repeat;}
dl.pop_addSVC dt {margin-bottom:5px;padding-top:20px;font-size:22px;font-weight:bold}
dl.pop_addSVC dd {padding-left:10px;line-height:20px;font-size:14px;color:#444;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;margin-bottom:4px;}
dl.pop_addSVC .dot_list2, dl.pop_addSVC .dot_list2 li {margin-bottom:0;font-size:14px;}
dl.pop_addSVC .btnText {font-size:14px}
dl.pop_addSVC.travel01 table {width:468px;margin:3px 0}
dl.pop_addSVC.travel01 table th {background-color:#fafafa}
dl.pop_addSVC.edu01 {background-image:url(/ux/images/re_pension/bg_edu01.gif)}
dl.pop_addSVC.edu02 {background-image:url(/ux/images/re_pension/bg_edu02.gif)}
dl.pop_addSVC.edu03 {background-image:url(/ux/images/re_pension/bg_edu03.gif)}
dl.pop_addSVC.health01 {background-image:url(/ux/images/re_pension/bg_health01.gif)}
dl.pop_addSVC.health02 {background-image:url(/ux/images/re_pension/bg_health02.gif)}
dl.pop_addSVC.travel01 {background-image:url(/ux/images/re_pension/bg_travel01.gif)}
dl.pop_addSVC.travel02 {background-image:url(/ux/images/re_pension/bg_travel02.gif)}
dl.pop_addSVC.culture01 {background-image:url(/ux/images/re_pension/bg_culture01.gif)}
dl.pop_addSVC.culture02 {background-image:url(/ux/images/re_pension/bg_culture02.gif)}
dl.pop_addSVC.finance {background-image:url(/ux/images/re_pension/bg_finance.gif)}
dl.pop_addSVC.shopping01 {background-image:url(/ux/images/re_pension/bg_shopping01.gif)}
dl.pop_addSVC.shopping02 {background-image:url(/ux/images/re_pension/bg_shopping02.gif)}
dl.pop_addSVC.funeral {background-image:url(/ux/images/re_pension/bg_funeral.gif)}

/*퇴직연금 투자가이드*/
/*자산배분가이드>포트폴리오 현황*/
.portfolio_box {border:1px solid #ddd; border-top-left-radius:4px; border-top-right-radius:4px;background: url(/ux/images/common/lineDot_ddd.gif) center 0 repeat-y;}
.portfolio_box .title {padding:14px 0 16px; color:#fffefe; font-size:22px; text-indent:30px;}
.portfolio_box .chart {padding:30px; border-bottom:1px solid #ddd;}
.portfolio_box .portfilio_list {padding:30px;}
.portfolio_box .portfilio_list > p {}
.portfolio_box .portfilio_list td > a.btnSmall {width:70%;}
.portfolio_box .portfilio_list td > a.btnSmall  + a.btnSmall {margin-top:4px;}
.userPortfolio {width:479px; border-top-left-radius:4px;}
.userPortfolio .title {background-color:#7891af;border-top-left-radius:4px}
.userPortfolio .title .date {margin-left:5px; font-size:13px; color:#fff;}
.userPortfolio .userAssets {}
.userPortfolio .userAssets .list ul {height:19px;padding:15px 30px 19px;background-color:#fafafa;}
.userPortfolio .userAssets .list ul li {display:inline-block; margin-left:9px; font-size:14px; color:#222;}
.userPortfolio .userAssets .list ul li:first-child {margin-left:0;}
.userPortfolio .userAssets .list ul li .cnt {color:#c75414;}
.userPortfolio .userAssets .list .total {height:75px;padding:30px; border-bottom:1px solid #ddd;}
.userPortfolio .userAssets .list .total dl {width:100%; display:table;}
.userPortfolio .userAssets .list .total dl + dl {margin-top:8px;}
.userPortfolio .userAssets .list .total dt {width:30%; display:table-cell;}
.userPortfolio .userAssets .list .total dd {width:70%; display:table-cell; text-align:right; font-size:24px; font-weight:bold; color:#444;}
.userPortfolio .userAssets .list .total dd .unit {font-weight:normal; font-size:16px;}
.recommPortfolio {width:479px;}
.recommPortfolio .title {border-left:1px solid #ddd;border-top-right-radius:4px;background-color:#7d79af;}
.recommPortfolio .recommTab .tabContents {}
.recommPortfolio .recommTab .tabMenu {height:54px;margin-bottom:0;box-sizing:border-box;border-left:1px solid #ddd;background:#fff}
.recommPortfolio .recommTab .tabMenu li {width:auto; border:0;}
.recommPortfolio .recommTab .tabMenu li + li {background:url(/ux/images/re_pension/recommTab_bar.gif) 0 50% no-repeat;}
.recommPortfolio .recommTab .tabMenu li a {display:block; height:auto; padding:16px 20px 19px; line-height:inherit; color:#444; border:0; background:none; font-size:14px;}
.recommPortfolio .recommTab .tabMenu li.on a {border-bottom:3px solid #0977c9; padding:16px 20px; color:#0062ab;}
/* 개인연금 포트폴리오 */
.recommPortfolio .recommTab.invest .tabMenu {display:table}
.recommPortfolio .recommTab.invest .tabMenu li {display:table-cell;float:inherit}
.recommPortfolio .recommTab.invest .tabMenu li a {padding:16px 10px 19px;}
.recommPortfolio .recommTab.invest .tabMenu li.on a {padding:16px 10px;}



.recommPortfolio .total {height:74px;padding:30px; border-bottom:1px solid #ddd;}
.recommPortfolio .total dl {width:100%; display:table;}
.recommPortfolio .total dl + dl {margin-top:18px;}
.recommPortfolio .total dt {width:76px; display:table-cell;}
.recommPortfolio .total dd {display:table-cell;width:343px;color:#444;}
/*제도별 비용분석*/
.tend {display:table;position:relative;width:100%;margin:0;padding:25px 0 30px 0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background-color:#fafafa;}
.tend dl {display:table-cell;position:relative;margin:0;padding:0 20px;}
.tend dl + dl {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.tend dt {display:block;position:relative;margin:0;padding:0;font-size:14px;}
.tend dd {display:block;position:relative;margin:0;padding:0;font-size:16px;color:#444;}
.tend dd strong {display:inline-block;position:relative;margin-right:3px;font-size:24px;fint-weight:600;top:2px;}
.tend dl.col01 {width:200px;}
/*은퇴설계 계산기>(T) 재무정보 입력*/
.retirePlanCalulator_step1 .invstData fieldset.sex_check label {padding:9px 57px 9px 0; margin-left:108px;}
.retirePlanCalulator_step1 .invstData fieldset.sex_check label:first-child {margin-left:0;}
.retirePlanCalulator_step1 .invstData fieldset.sex_check label.male {background:url(/ux/images/re_pension/ico_male.png) 100% 0 no-repeat;}
.retirePlanCalulator_step1 .invstData fieldset.sex_check label.female {background:url(/ux/images/re_pension/ico_female.png) 100% 0 no-repeat;}
/*은퇴설계 계산기>(T) 은퇴자금 입력*/
hr.dot_hline_4x2 {height:1px !important; background:url(/ux/images/re_pension/dot_hline_4x2.gif) repeat-x 0 top; margin:0; border:0 !important;}
ul.radio_list {border-top:1px solid #747474;}
ul.radio_list li {border-bottom:1px solid #ddd; padding:15px 14px;}
ul.radio_list li strong.title {}
/*은퇴설계 계산기>(T) 입력내역 확인*/
table.tbl_row.retirePlanCalculator th {padding: 13px 15px 15px;}
/*은퇴설계 계산기>(T) 은퇴자금입력*/
dl[data-role=radioTab] dt {display:table; width:100%; border-top:1px solid #747474;}
dl[data-role=radioTab] dt strong, dl[data-role=radioTab] dt p {display:table-cell;}
dl[data-role=radioTab] dt strong {width:72px; color:#444; font-weight:normal; background-color:#fafafa; text-align:center;}
dl[data-role=radioTab] dt p {padding:15px; border-left:1px solid #ddd;}
dl[data-role=radioTab] dt p label + label {margin-left:10px}
/*은퇴설계 계산기>(T) 은퇴설계결과*/
.alignBox.rate p.tbl_desc {padding-bottom:153px; border-bottom:1px solid #ddd;}
.rate2_title fieldset label + label {margin-left:20px;}
.alignBox.rate2 p.tbl_desc {padding-bottom:194px; border-bottom:1px solid #ddd;}
.alignBox.rate3 .custom_txt {text-align:center; font-size:16px; color:#444; padding:110px 0; border-top:1px solid #747474;}
.expectPay {position:relative;}
.expectPay ul.toggleTab {position:absolute; top:-35px; right:0;}
.alignBox.rate .tbl_desc, .alignBox.rate2 .tbl_desc {padding-top:9px !important;}
/*재무설계 계산기*/
.investInfoInput.col4 ul.invstPurpose {display:table;}
.investInfoInput.col4 ul.invstPurpose li:first-child {width:238px;}
.investInfoInput.col4 ul.invstPurpose li {width:240px; display:table-cell; float:none;}
.fp_sliderWrap .invstData {display:none;}
.fp_sliderWrap .invstData.on {display:block;}
/*재무설계 계산기>(S) 적립식운용>(T) 재무설계 정보 입력*/
.investInfoInput.installment li {background-image:url(/ux/images/re_pension/ico_monthly.png);}
.investInfoInput.installment li + li {background-image:url(/ux/images/re_pension/ico_sandglass.png);}
.investInfoInput.installment li + li + li {background-image:url(/ux/images/re_pension/ico_presentation.png);}
.investInfoInput.installment li + li + li + li {background-image:url(/ux/images/re_pension/ico_flag.png);}
/*재무설계 계산기>(S) 목돈운용>(T) 재무설계 정보 입력*/
.investInfoInput.bigMoney li {background-image:url(/ux/images/re_pension/ico_scale.png);}
.investInfoInput.bigMoney li + li {background-image:url(/ux/images/re_pension/ico_coinbank.png);}
.investInfoInput.bigMoney li + li + li {background-image:url(/ux/images/re_pension/ico_presentation.png);}
.investInfoInput.bigMoney li + li + li + li {background-image:url(/ux/images/re_pension/ico_flag.png);}
/*재무설계 계산기>(S) 연금이슈>(T) 재무설계 정보 입력*/
.investInfoInput.retireIssue li {background-image:url(/ux/images/re_pension/ico_scale2.png);}
.investInfoInput.retireIssue li + li {background-image:url(/ux/images/re_pension/ico_fedora2.png);}
.investInfoInput.retireIssue li + li + li {background-image:url(/ux/images/re_pension/ico_presentation.png);}
.investInfoInput.retireIssue li + li + li + li {background-image:url(/ux/images/re_pension/ico_coin.png);}

/*퇴직연금 가입자교육*/
.retireEdu {margin-bottom:30px;padding:35px 0 40px 0;text-align:center}
.colgroup2.retireEdu_info .col {width:418px;height:148px;padding:30px;border:1px solid #ddd;border-top-color:#747474}
.colgroup2.retireEdu_info .col:first-child {width:398px;margin-right:20px}
.colgroup2.retireEdu_info .col dt {margin-bottom:12px;font-size:18px;font-weight:bold}
.colgroup2.retireEdu_info .col dd, .retireEdu_goal dd {padding-left:10px;font-size:14px;color:#222;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;margin-bottom:4px;}
.retireEdu_goal {padding:45px 120px 38px 308px;background:#fafafa url(/ux/images/re_pension/img_eduGoal.png) 139px 30px no-repeat}
.retireEdu_goal div dl {min-height:117px;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x}
.retireEdu_goal div dt {margin-bottom:10px;padding-top:30px;font-size:15px;font-weight:bold}
.retireEdu_goal div:first-child dl {background:none}
.retireEdu_goal div:first-child dl dt {padding-top:0}
.retireEdu_goal div:first-child + div dl {padding-bottom:25px}
.titleStep_info.online01 {background-image:url(/ux/images/re_pension/bg_eduOnline01.png)}
.retireEdu_online.stepProcess.type2 {border-left:1px solid #ddd;border-right:1px solid #ddd}
.retireEdu_online.stepProcess.type2 li {height:195px}
.retireEdu_online.stepProcess.type2 li .wrap .header > strong {font-size:14px}
.retireEdu_online.stepProcess.type2 li .text {padding-top:20px}
.retireEdu_online.stepProcess.type2 li .text strong {display:block;margin-bottom:10px;font-size:18px;font-weight:bold}
.titleStep_info.online02 {background-image:url(/ux/images/re_pension/bg_eduOnline02.png)}
.retire_classStep {padding:30px 0;text-align:center}
.retireEdu_docs {border-top:1px solid #747474}
.retireEdu_docs li {position:relative;min-height:170px;padding:30px 0 0 160px;border-bottom:1px solid #ddd}
.retireEdu_docs li img {position:absolute;top:30px;left:30px;width:98px;height:138px}
.retireEdu_docs dt {margin-bottom:10px;font-size:18px;font-weight:bold}
.retireEdu_docs dd.btns {margin-top:18px}
.retireEdu_apply {display:table;width:100%;height:220px;padding-left:310px;box-sizing:border-box;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafafa url(/ux/images/re_pension/ico_apply.png) 169px center no-repeat}
.retireEdu_apply.type2 {background-image:url(/ux/images/re_pension/ico_error.png)}
.retireEdu_apply div {display:table-cell;text-align:left;vertical-align:middle}
.retireEdu_apply div strong {display:inline-block;margin-bottom:18px;font-size:18px}
.confirmSign li {padding:12px 0;box-sizing:border-box;text-align:center;border:1px solid #ddd;color:#444}
.confirmSign li:first-child {border-right:none}

/*문의/제안*/
.page_info.retireCS_head {border-top-width:1px}
.page_info.retireCS_head strong {font-size:30px;color:#0062ab}
.page_info.retireCS_head p.dot_list {padding:0 0 0 10px}
.page_info.retireCS_head .inner span.bgArea {background:url(/ux/images/re_pension/ico_center.png) 80% 0 no-repeat}
.colgroup3.retireCS .col {position:relative;width:470px;height:409px;margin-left:20px;padding:185px 30px 30px 30px;box-sizing:border-box;text-align:center;border:1px solid #ddd;border-top-color:#747474;background:url(/ux/images/re_pension/ico_retireCS.png) -155px 50px no-repeat }
.colgroup3.retireCS .col:first-child {margin-left:0}
.colgroup3.retireCS .col:first-child .btnText {position:inherit;top:inherit;right:inherit}
.colgroup3.retireCS .col:first-child + .col {/* background-position:-234px 50px */  background-position:-485px 50px}
.colgroup3.retireCS .col:first-child + .col + .col {background-position:-561px 50px}
.colgroup3.retireCS .col strong {display:inline-block;margin-bottom:10px;font-size:18px}
.colgroup3.retireCS .col .desc {min-height:65px;background:url(/ux/images/common/bg_dot_line.gif) 0 100% repeat-x}
.colgroup3.retireCS .col:first-child .desc {/* background:none */}
.colgroup3.retireCS .col .desc span {display:block;margin-top:10px;font-size:13px;color:#747474}
.colgroup3.retireCS .col .btnArea {padding-top:20px}
.colgroup3.retireCS .col .counselCall {width:100%;padding:0;background:#fff url(/ux/images/customer/ico_tel.gif) 30px 20px no-repeat}
.colgroup3.retireCS .col .counselCall div {padding:20px 0 2px 85px;border-right:none;text-align:left}
.colgroup3.retireCS .col .counselCall div > p{display:block;float:left}
.colgroup3.retireCS .col .counselCall div >.callNum{padding:0 0 0 10px}
.colgroup3.retireCS .col fieldset {margin-top:25px}
.colgroup3.retireCS .col .placeHolder_input label {top:5px;}
.colgroup3.retireCS .col input[type="text"].slip, .colgroup3.retireCS .col input[type=text].slip:focus {height:30px !important;}
.colgroup3.retireCS .col .btnText {position:absolute;top:15px;right:15px}
.page_info.faq_head {padding-bottom:30px;border-top-width:1px}
.page_info.faq_head .inner span.bgArea {background:url(/ux/images/customer/cultureService/bg_faqInfo.png) 50% 100% no-repeat;}
.faqmodel span.srchKeyword {color:#5a96c8}
/*front_content 가 수정되면서 사라진부분들*/
ul.expendable.faqmodel p.title {padding-left:60px}
ul.expendable.faqmodel p.title.select a {color:#0977c9;font-weight:600;}
ul.expendable.faqmodel .title .cate {display:inline-block;width:140px;margin-right:10px;}
ul.expendable.faqmodel .title a {display:inline-block;padding-left:0;}
ul.expendable.faqmodel .expend {padding-left:60px;background:url(/ux/images/common/ico_faq.png) no-repeat 15px -88px #fafafa;}
ul.expendable.faqmodel .title:hover + .btn_expend{background-position:0 -50px}
ul.expendable.faqmodel .title:hover + .btn_expend.current{background-position:0 -150px}
/*문의/제안>1:1 문의*/
.complaint_notice{margin-bottom:25px;padding:25px 30px}
.complaint_notice .check_desc2{margin-top:5px}
.complaint_registEnd{padding:30px 0;text-align:center;font-size:18px;}
sup {font-size:10px}
.myqna{margin-bottom:50px;padding:30px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;}
.myqna li{position:relative;width:33.33%;box-sizing:border-box;padding:0 30px}
.myqna li:after{content:"";display:block;position:absolute;top:0;left:0;width:1px;height:108px;background:url(/ux/images/common/bg_dot_vline2px.png) 0 0 repeat-y}
.myqna li:first-child:after{display:none}
.myqna dt{font-size:16px}
.myqna dt + dd{margin-bottom:5px;font-weight:bold;font-size:34px;}
.myqna dd{text-align:center}
.guideTb1 tbody td.process_ing, .myqna .process_ing dt + dd{color:#c9414d}
.guideTb1 tbody td.process_end, .myqna .process_end dt + dd{color:#007dba}
.tbl1.myQna_view tr td.board_cont{padding:0}
.tbl1.myQna_view tr td.board_cont > div:first-child{padding:30px;}
.tbl1.myQna_view tr td.board_cont div.reply{margin-left:30px}
.tbl1.myQna_view tr td.board_cont div.reply .title{margin-bottom:8px;font-size:18px;}
.tbl1.myQna_view tr td.board_cont div.reply table.tbl1{margin-bottom:13px;border:1px solid #ddd;border-width:1px 1px 0 1px;}
.tbl1.myQna_view tr td.board_cont div.reply table th{border-color:#ddd;background-color:#f2f2f2;}
.tbl1.myQna_view tr td.board_cont div.reply table td{border-color:#ddd;background-color:#fafafa;}
.tbl1.myQna_view tr td.board_cont div.reply table td.reply_cont{padding:30px}
.tbl1.myQna_view tr td.board_cont div.reply p.dot_list{margin-bottom:40px;color:#747474;}
.tbl1.myQna_view tr td.board_cont div.reply p.dot_list + p a.btnMid.page{border:1px solid #bbb;color:#222;background-color:#ececec;background-position:right -30px !important;}
.tbl1.myQna_view tr td.board_cont div.reply p.dot_list + p a.btnMid.page:hover{border-color:#56595a}
.myqnaBtn{position:relative;margin-bottom:40px;text-align:center;}
.myqnaBtn .btnMid{position:absolute;top:0;right:0}
.myqna_edit .emailfield span.at{display:inline-block;margin:0 4px}
.myqna_edit fieldset .select-box, .myqna_edit .phonefield input[type=text]{margin-right:5px}
.myqna_edit .btnLarge.white.plus{min-width:0;background-position:center -285px !important}
.myqna_edit .upload div + div{margin-top:10px}
.myqna_edit .btnLarge.white.minus{min-width:0;background-position:center -341px !important}
.tbl1 tbody tr td.board_cont.myQna {padding:0px}
.tbl1 tbody tr td.board_cont.myQna div{min-height:55px;padding:30px}
.tbl1 tbody tr td.board_cont.myQna div.reply, .tbl1 tbody tr td.board_cont.myQna div.reply div{padding:0px;}

/*사업자공시*/
.retire_task {display:table;width:100%;height:160px;margin-bottom:30px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background:url(/ux/images/re_pension/ico_task.gif) 30px center no-repeat}
.retire_task p {display:table-cell;padding:30px 0 30px 150px;vertical-align:middle}
/*(P)누적운용수익률조회*/
.modalPop .popSection .cont .thumbArticle h2.h3_tit {margin-bottom:7px}
/*원리금 보장상품 현황*/
.guaranteeTb .btnSmall {width:55px}
/*임시:원리금 보장상품 현황 asis클래스대응 시작************/
.pension h1, .pension h2 {display:none;}
.pension h3 {font-size:18px;color:#222;line-height:22px;}
.pension .tbl-type.rows {width:100%;margin-top:10px;border-top:1px solid #747474;table-layout: fixed}
.pension .tbl-type.rows thead th,
.pension .tbl-type.rows tbody td {padding:10px 5px;text-align:center;font-size:14px;border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.pension .tbl-type.rows thead th {border-bottom:1px solid #747474;border-left:1px solid #ddd;text-align:center;color:#222;font-weight:normal;background:#f4f5f7}
.pension .tbl-type.rows thead th:first-child {border-left:none}
.pension .tbl-type.rows thead tr:first-child + tr th:first-child {border-left:1px solid #ddd}
.pension .tbl-type.rows thead tr:first-child th:first-child + th + th + th {border-bottom:1px solid #ddd}
.pension .tbl-type.rows tbody th {border-bottom:1px solid #dfdfdf;text-align:center;font-weight:normal;line-height:20px;background-color:#fafafa}
.pension .tbl-type.rows .l {padding-left:15px;text-align:left !important}
.pension .tbl-type.rows .unfirst {border-left:1px solid #ddd !important}
.pension .tbl-type.rows .line {border-bottom:1px solid #ddd}
.pension .tbl-type.rows .btn3 {display:inline-block;height:23px;padding:0 10px;font-size:12px;line-height:21px;text-align:center;background-color:#fff;box-sizing:content-box;cursor:pointer;-ms-interpolation-mode:nearest-neighbor;border-radius:0;background-color:#fff;border:1px solid #bbb !important;color:#222 !important;}
.pension .tbl-type.rows + hr {display:none;}
.desc {display:block;position:relative;padding:8px 0 0;}
.desc > li {color:#747474;font-size:13px;line-height:21px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 12px;padding:1px 0 3px 10px;}
.desc > li .go {padding-right:14px;font-size:13px;line-height:14px;color:#5a96c8;text-decoration:underline;background:url(/ux/images/common/btn/bg_btn_ico_set.png) no-repeat right -74px;}
.pension .tbl-type.rows .btn3 {width:55px}
/************임시:원리금 보장상품 현황asis클래스대응 끝*/
/*직전 3개월간 적용금리 추이*/
table.interestRate thead th.taL {padding-left:20px}
/*계약서 및 표준규약*/
td a.ico_pdf{overflow:hidden;width:21px;height:21px;vertical-align:middle;text-indent:-9999px;background:url(/ux/images/common/btn/ico_pdf.gif) 0 0 no-repeat;}