@charset "utf-8"; @import url("base.css?v=241224"); /**********************************************************************************************************************************/ /**********************************************************************************************************************************/ /**************************************************** common.css **********************************************************/ /**********************************************************************************************************************************/ /**********************************************************************************************************************************/ /* font-size */ .font_s {font-size:12px; } .font_md {font-size:15px; } .font_lg {font-size:17px; } .font_xl {font-size:20px; } .font_xxl {font-size:24px; } /* Headings */ .sub_stit {position:relative; margin-bottom:8px; margin-top: 30px; #zoom:1; } .sub_stit:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .sub_stit.mt0 {margin-top:0px; } .sub_stit.tar {text-align:right; } .sub_stit .frBtn { } .sub_stit .arBtn {position:absolute; top:-5px; right:0;} .sub_stit .arText {position:absolute; top:7px; right:0;} .sub_stit h2 {font-size:24px; line-height: 28px; letter-spacing: -1px;} .sub_stit h3 {font-size:18px; line-height: 23px; } .sub_stit h4 {font-size:14px; line-height: 24px; margin-top: 15px;} .sub_stit h5 {font-size:14px; line-height: 18px; margin-top: 15px;} .sub_stit .flBtn {float:left; padding-left:15px; } /* 타이틀 바로 옆 버튼 */ .sub_stit .flBtn .pbtn {margin-top:3px;} /* 등급색상 */ .codeSearcher.inline {line-height:23px; } .codeSearcher .code {width:80px; } .codeName {display:inline-block;height: 25px;line-height:25px; padding:0 5px 0 5px; background:#ddd; /*vertical-align: -7px */ } .codeName .rating {vertical-align:top; margin-left:-5px; margin-right:5px; height:25px; line-height:25px; } .rating {display: inline-block; min-width: 14px;height:23px;padding:0 4px; line-height: 23px;color: #000; text-align: center; font-size: 14px;letter-spacing:0;font-weight: bold; } button.rating {line-height: 17px} .rating.ratingA {background-color: #ded9c3;color: #000} .rating.ratingB {background-color: #ded9c3;color: #000} .rating.ratingC {background-color: #ded9c3;color: #000} .rating.ratingD {background-color: #ded9c3;color: #000} .rating.ratingF {background-color: #ded9c3;color: #000} .rating.ratingNR, .rating.ratingX {background-color: #ddd;font-size: 12px;letter-spacing: -1px} .rating.beforeRating {background: #e6e6e6;color: #666} a.rating:hover, button.rating:hover {color: #de690a} table.vbrd td.price img, table.vbrdC.pd0 td.price img{ float:left; } .vbrdC.modi tr th br { display:none; } .clr_msg01, .org { font-weight:normal; color:#de690a; } /*최선덕*/ .ico_txt {}/*텍스트랑 같이 쓰이는 불릿이미지 정렬*/ /*저위험순*/ /*고위험순*/ .icoRisk_01{color:#689f38} /*매우낮은위험, 낮은 위험*/ .icoRisk_02{color:#fdc40e} /*다소높은 위험, 보통위험*/ .icoRisk_03{color:#ef4141} /*매우높은위험, 높은위험 */ .icoRisk_04{color:#ef4141} .icoRisk_05{color:#cc0000;} .icoRisk_06{color:#cc0000;} .icoRisk_bar{color:#888888} .icoRisk_01n{color:#094703; } .icoRisk_02n{color:#4e8312; } .icoRisk_03n{color:#119795; } .icoRisk_04n{color:#ef4141; } .icoRisk_05n{color:#cc0000; } /* 2015 은영 고위험06 ~ 저위험01 */ .icoRisk_05t { color:#d32f2f; } .icoRisk_06t { color:#d32f2f; } .icoRisk_04t { color:#de690a; } .icoRisk_03t { color:#6f5acc; } .icoRisk_02t { color:#1976d2; } .icoRisk_01t { color:#689f38; } .wrap_icoRisk_04 { color:#d32f2f ; } .wrap_icoRisk_03 { color:#de690a ; } .wrap_icoRisk_02 { color:#6f5acc ; } .wrap_icoRisk_01 { color:#1976d2 ; } .icoRisk_block { display:block; } .icoRisk_block+a { margin:3px 0 0 0; } .padding_BP6{padding-bottom:6px;} /* .padding_LP6{padding-left:6px !important} 이거 멍미?*/ .padding_RP6{padding-right:6px !important} /* .fileinput {border:1px solid #cecdcd; background:#fff;} */ /*input 넓이*/ .input_w30{width:30px} .input_w40{width:40px} .input_w50{width:50px} .input_w62{width:62px} .input_w60{width:60px} .input_w70{width:70px} .input_w77{width:77px} .input_w80{width:80px} .input_w90{width:90px} .input_w100{width:100px} .input_w120{width:120px;} .input_w140{width:140px;} .input_w150{width:150px;} .input_w155{width:155px;} .input_w160{width:160px;} .input_w170{width:170px;} .input_w180{width:180px;} .input_w187{width:187px} .input_w200{width:223px} .input_w202{width:222px} .input_w230{width:250px} .input_w210{width:240px} .input_w500{width:500px} .input_w530{width:530px} .input_w570{width:570px} .input_wfull{width:98% } .widthAuto {width:auto } .w250p{width:250px} .w270p{width:270px} .w350p{width:350px} .w450p{width:450px} .Nbold{font-weight:normal} /*드림플래너-주식종목코드검색 레이어팝업 좌우간격*/ .pdLPop{padding-left:15px; padding-right:15px} .dp_h30{padding-top:5px !important; padding-bottom:5px !important} .dvtab {display:inline-block; padding-left:18px; background:url(/img/common/tab_depth1_left_on.gif) no-repeat 0 0; color:#3b3b3b;} .dvtab span {display:inline-block; padding:8px 15px 5px 0; background:url(/img/common/tab_depth1_right_on.gif) no-repeat right 0; font-weight:bold;} .depth2Wrap {height:70px; } .depth2Wrap.hdefault {height:100px;} .depth2Wrap.line2 {height:123px;} .tab {position:relative; z-index:1; margin-bottom:30px;} .tabDv {height:36px; border-bottom:1px solid #de690a;} .tab li {float:left; display:inline-block;} .tab li a {display:block; margin-right:-1px; color:#000; font-size:14px; text-decoration:none; } .tab li label {line-height:16px;} .tab li a span, .tab li span span {display:block; padding:9px 15px 0px 15px; height:26px; border:1px solid #ddd; border-bottom:0;} .tab li a.inhover, .tab li.inhover span span {font-weight:bold;} .tab li a.inhover span, .tab li a.hover span {border:1px solid #de690a; background:#fff; border-bottom:0; } .tab .right {position:absolute; right:0; bottom:10px;} /* 전국영업점안내 */ .tab.black {margin-bottom:0;} .tab.black .tabDv {border-bottom:1px solid #000;} .tab.black li a.inhover span, .tab.black li a.hover span {border:1px solid #000;} .tab.black li.on a span,.tab.black li.on span span {border:1px solid #000; border-bottom:0; } .tab li .stabBox {position:absolute;top:38px;left:0;width:100%; } .tab li .stabBox ul {width:100%; overflow:hidden; padding:5px 0 0; } .tab li .stabBox ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .tab li .stabBox ul li {margin-left:-1px; background:url(/img/common/2014/tab_bar.jpg) no-repeat 0 13px;} .tab li .stabBox ul li a {color:#000; padding: 5px 10px 4px; white-space:nowrap; font-weight:normal;} .tab li .stabBox ul li a span {border:0; padding:0; height:21px;} .tab li .stabBox ul li.on a {color:#de690a; } .tab li.on a {position:relative; z-index:2;} .tab li.on a,.tab li.on span span {} .tab li.on a span,.tab li.on span span {border:1px solid #de690a; height:27px; background:#fff; border-bottom:0; } .tab li a.tab_deth1.FI141_tab span {padding:9px 8px 0 ; } .tab .tabDv.mini {height:33px;} .tab .tabDv.mini li a span {padding:6px 8px 0;} .tab ul.sBtntab {overflow:hidden; padding-left:1px; } .tab ul.sBtntab li {float:left; } .tab ul.sBtntab li a, .tab ul.sBtntab li label {cursor:pointer; display:inline-block; padding:5px 8px; border:1px solid #bbb; margin-left:-1px; } .tab ul.sBtntab li a.on, .tab ul.sBtntab li input:checked + label {border:1px solid #de690a; position:relative; z-index:1; color:#de690a; } .tab ul.sBtntab li input {display:none; } ul.new_tab { width:100%; display:inline-block; } ul.new_tab li { width:24.2%; height:130px; float:left; } ul.new_tab li+li { margin-left:10px; } ul.new_tab li a { display:inline-block; width:100%; height:120px; background-color:#eeece6;} ul.new_tab li a.on, ul.new_tab li a:hover { background-color:#de690a; } ul.new_tab li a.on em, ul.new_tab li a:hover em { background-color:#de690a; color:#fff; } ul.new_tab li a em { display:inline-block; color:#000; padding:28px 0 0 30px; font-size:18px; line-height:160%; } ul.new_tab li.w50 { width:49.4%; height:50px; float:left; } ul.new_tab li.w50+li { float:right; } ul.new_tab li.w50 a { height:50px; } ul.new_tab li.w50 a em { padding:10px 0 0 30px; } /* layout */ .lnb2depthTab .conHd {margin-bottom:90px;} .tab_asset {width:100%; overflow:hidden; border-bottom:1px solid #bf4e28; border-top:0;} .tab_asset li {float:left; margin-right:1px; } .tab_asset a {display:block; height:25px; padding:9px 15px 0px 15px; font-size:12px; color:#222; background:#eee; } .tab_asset a.inhover {background:#bf4e28; border-color:#bf4e28; color:#fff;} /* Layout */ .section00{position:relative; width:100%; overflow:hidden;} .section00.min_h310{min-height:310px;} .section00.overVisible{overflow:visible;} .section-info{position:relative; margin-bottom:10px; padding-bottom:20px; border-bottom:1px dotted #929292;} .section-info,.section-info-last,.n_section-info,.n_section-info-last {text-align: left;} .section-info:after,.n_section-info:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .n_section-info{position:relative; margin-bottom:10px; padding-bottom:20px; } .section_top {} .section01{clear:both; width:100%; } .section02{clear:both; width:100%; margin-top:20px; line-height:22px; } .section02 p {line-height:22px; } .section03{width:100%; } .section04{width:100%; } .sectionLast{width:100%; margin-bottom:0px;} .sectionLast .advice-link {margin-top:20px; } dl.section-info dt, dl.section-info-last dt {font-size:18px; line-height: 23px; } dl.section-info dd, dl.section-info-last dd {padding:15px 0 0; } dl.section-info dd p, dl.section-info-last dd p {line-height: 22px;} dl.section-info dd .bulList , dl.section-info-last dd .bulList {margin:15px 0 0;} .section-info {} .section-info > strong: {} .sectionGuideNoface {background:url() #f4f4f4 !important; padding: 30px 30px 25px !important;} .nofaceImg{background: url(/img/common/2015/sectionGuide_tit_ques.jpg) no-repeat;} .nofaceTitle{margin-left: 22px} .sectionGuide{clear:both; margin:70px 0 0px; padding: 52px 30px 25px; color: #666; background:url(/img/common/2015/sectionGuide_tit.jpg) no-repeat 29px 30px #f4f4f4} .sectionGuide .sectionGuide {clear:both; margin: 0px; padding: 0px; color: #666; background:none} .sectionGuide ul {padding-bottom:0 !important; } .sectionGuide h4{display:none; padding-bottom:10px; } .sectionGuide .box06 {position:relative; } .sectionGuide .box06 .text {width:75%; display:inline-block; color:#4d4945; line-height:17px; word-break:break-word; float:left;} .sectionGuide .box06 .btnBr {display:inline-block; float:right; margin-top:7px;} .sectionGuide .libul03{} .sectionGuide .libul04{} .sectionGuide .red {font-weight:bold } .sectionGuide strong {} .sectionGuide ul[class*=libul] {} .sectionGuide ul[class*=libul] li {font-size:13px; line-height:20px;} .sectionGuide ul[class*=libul]>li {padding:3px 0 3px;; margin:0; padding-left:7px; background: url(/img/common/2015/bul_li02_1.gif) 0 13px no-repeat; letter-spacing:0px; } .sectionGuide ul[class*=libul]>li+li { letter-spacing:0px; } .sectionGuide ul[class*=libul]>li ul {margin:1px 0 3px;} .sectionGuide ul[class*=libul]>li li {margin-top: 0; padding:3px 0; padding-left: 7px; background: url(/img/common/2015/bul_li03.gif) 0 13px no-repeat; } .sectionGuide ul[class*=libul]>li li li {background: url(/img/common/2015/bul_li04.gif) 5px 11px no-repeat;} .sectionGuide ul[class*=libul] .nonStyle>li {padding:0; background: none;} .sectionGuide .bulList02 ul[class*=libul] {} .sectionGuide .bulList02 ul[class*=libul] li {font-size:13px; line-height:20px;} .sectionGuide .bulList02 ul[class*=libul]>li {font-weight:bold; background:none; padding-left:0; } .sectionGuide .bulList02 ul[class*=libul]>li+li { letter-spacing:0px; } .sectionGuide .bulList02 ul[class*=libul]>li ul {margin:1px 0 3px;} .sectionGuide .bulList02 ul[class*=libul]>li li {padding:3px 0 3px;font-weight:normal; margin:0; padding-left:7px; background: url(/img/common/2015/bul_li02_1.gif) 0 13px no-repeat; letter-spacing:0px; } .sectionGuide .bulList02 ul[class*=libul]>li li li {margin-top: 0; padding:3px 0; padding-left: 7px; background: url(/img/common/2015/bul_li03.gif) 0 13px no-repeat; } .sectionGuide .bulList02 ul[class*=libul] .nonStyle>li {padding:0; background: none;} /* layout */ /* layout */ /* layout */ /* *********************************************************************************** */ /* ***********INPUT:START***************************************INPUT:START*********** */ .radioWrap > label + label, .inputGroup > label + label {display: inline-block;margin-left: 20px;} .radioWrap > input[type="radio"] + label, .inputGroup > input[type="radio"] + label, .inputGroup > input[type="checkbox"] + label {margin-right: 20px;} .inputGroup > label + .mg0, .inputGroup > input[type="radio"] + .mg0, .inputGroup > input[type="checkbox"] + .mg0 {margin-left: 0} select + .inputGroup {margin-left: 20px;} .input_info {display: block; color: #000; font-size:13px; } .input_info + input[type="text"],.input_info + input[type="password"] {margin-top: 5px;} input[type="text"] + .input_info, input[type="password"] + .input_info {margin-top: 5px;} input[type="text"].price,input[type="text"].tar {text-align: right;padding: 0 10px 0 0} table td textarea.input_wfull {padding-left: 10px;} /* *********************************************************************************** */ /* ***********INPUT:END***************************************INPUT:END*********** */ /* *********************************************************************************** */ /* ***********TABLE:START***************************************TABLE:START*********** */ table {width:100%; border: 0; margin-top:8px; margin-left:0; border-top: 1px solid #666; border-bottom: 1px solid #ddd;} table thead th {padding: 9px 12px; border: 1px solid #ddd; border-left:0; border-top: 0; border-right: 0; background: #f3f2ec; text-align: center; font-weight: normal;} table thead th + th { border-left: 1px solid #ddd; } table thead th.borderLeft { border-left: 1px solid #ddd; } table tbody th.borderLeft { border-left: 1px solid #ddd; } table tbody th {padding: 9px 3px; border: 1px solid #ddd; border-left:0; border-top: 0; border-right: 0; background: #f3f2ec; text-align: center; font-weight: normal;} table tbody td.tit {padding: 9px 12px; border: 1px solid #ddd; border-bottom: 0; border-right: 0; background: #f8f7f4; text-align: center; font-weight: normal;} table tbody td.tit2 {text-align: center} table tbody th.tal {text-align: left; padding: 9px 12px; } table tbody td.tal {text-align: left; padding: 2px 8px; } table thead th.buleTh {background:#dae5f1; color:#477dba; } table thead th.redTh {background:#f3dada; color:#477dba; } table tbody td.buleTd {color:#477dba;} table tbody td.redTd {color:#477dba;} table tbody td .golink {font-size: 14px;color: #000} table tbody td .golink:hover {color:#de690a;} table tbody td .gray {color: #666} table tbody td .btn_opennew {font-size: 14px;color: #000} table tbody table thead th {border-bottom: 1px solid #ddd} table tbody tr:LAST-CHILD th{border-bottom: 0px;} table tfoot th {padding: 9px 12px; border: 1px solid #ddd; border-bottom: 0; border-right: 0; background: #f8f7f4; text-align: center; font-weight: normal;} table td {height: 25px; line-height: 25px; padding: 7.5px 12px; border: 1px solid #ddd; border-bottom: 0; border-right: 0;} table td {height: 25px; line-height: 25px; padding: 7.5px 12px; border: 1px solid #ddd; border-bottom: 0; border-right: 0;} table.tdPad_min td {padding: 7.5px 5px 7.5px 10px; } table td.chkTd {background:#fafafa} table thead tr:first-child th, table thead tr:first-child td, table tbody tr:first-child th, table tbody tr:first-child td {border-top: 0;} /* 모바일 약관 css */ table tbody tr:first-child td table tbody tr:first-child td {border-top: 0;} table tbody tr:first-child td table tbody tr:first-child th {border-top: 0;} table tbody tr:first-child td th {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;} table tbody tr:first-child td table {border-collapse:collapse;} table tbody tr:first-child td td {border: 1px solid #ddd;} /* 모바일 약관 css */ div.tableWrap {overflow:hidden;} .tblbodyContainer table {margin-top: 0;border-top: 0;} /*상품라인업*/ table.bgNone tbody tr th { background:none; } table.bgNone tbody tr td.bg01 { background:#f8f7f4; } /* 조회 결과 테이블(화면예시: ib113(계좌별자산) */ .tbl_rzt thead th, .tableHeadDiv .tbl_rzt tbody td {height: 32px;padding: 7px 0;background: #fff;border-left: 1px solid #ddd;line-height: 1.25em} .tbl_rzt tbody td {padding: 11px 8px;background: #fff;border-left-color: #fff;font-size: 14px;} .tbl_rzt tbody td .btn_opennew {font-size: 14px;color: #000} .tbl_rzt tbody td .golink {font-size: 14px;color: #000} .tbl_rzt tfoot th, .tbl_rzt tfoot td, .tbl_rzt tbody .tfoot th, .tbl_rzt tbody .tfoot td {background: #f4f4f4;border-left-color: #f4f4f4;} .tbl_rzt tfoot .tfoot th.tar, .tbl_rzt tfoot .tfoot td.tar. .tbl_rzt tfoot .tfoot th.price, .tbl_rzt tfoot .tfoot td.price {text-align: right;} /* 나의자산현황 > 상품별 자산 (조회주문버트정렬) 추가 */ .ofh table.tbl_rzt tbody tr td.usemb { text-align:right; } /* 테이블 정렬 */ table.tbl2 > tbody > tr > td {text-align: center;} table.tbl2 > tbody > tr > td.tal {text-align: left; padding-left:10px;} table.tbl2 > tbody > tr > td.bullet {padding:5px 5px 5px 30px;} table.tbl2 > tbody > tr > td.bullet > ul > li {list-style:disc;} table.tbl2 > tbody > tr > td.bullet > ul > li.dash {list-style:none; text-indent:-10px;} table.tbl2 > tbody > tr > td.bullet > ul > li.dash:before {content:'- ';} table.tbl2 > tfoot > tr > td {text-align: center;} table.tbl2 > tfoot > tr > td.tal {text-align: left; padding-left:10px;} table td.tal,table tbody td.tit {text-align: left; padding-left:10px;} table td.tac {text-align: center;} table.tbl2 > tbody > tr > td.price, table.tbl2 > tbody > tr > td.tar, table.tbl2 > tfoot > tr > td.price, table.tbl2 > tfoot > tr > td.tar, table td.price, table td.price02, table td.tar {text-align: right; padding-right:10px;} table.tbl2 > tbody > tr > td.jongNameWrap {text-align: left;} /* 테이블 보더 */ table.tbl_bd {border-right:1px solid #ddd;} table.tbl_bd th {border-left:1px solid #ddd;} /* 테이블 마진 */ table+p,table+.footnote,.ofh+.footnote,.tlabel {margin-top: 10px;} /* 테이블 상단/하단 */ .footnote {color: #000;} .rztTop,.rztBottom {overflow:hidden; } .rztTop .rztLeft, .rztBottom .rztLeft {float: left} .rztTop .rztRight, .rztBottom .rztRight {float:right; text-align: right;} .rztLeft_text {margin:20px 0 0;} .rztBottom, .clr_msg01 {margin-top: 15px;} .rztBottom .clr_msg01 {margin-top:0;} /* 2단 테이블 */ .t2way {position: relative;} .t2way .lt,.t2way .rt {float: left;width:45%} .t2way.nomid2 .lt {width:49%} .t2way.nomid2 .rt {width:49%;float: right;} .t2way .mid {float: left;width: 10%;margin-top: 135px;text-align: center;} .t2way .mid button+button,.t2way .mid a+a {margin-top: 6px} .t2way.nomid2 .lt {width:49%} .t2way.nomid2 .rt {float:right;width:49%;overflow:hidden;} .core .fi141.t2way .lt {width: 69%;} .core .fi141.t2way .rt {float:right;width: 25%;} table.tblJspData thead th:first-child {border-left: 0px;} table.tblJspData tbody td:first-child {border-left: 0px;} table.tblJspData tbody th:first-child {border-left: 0px;} table.tblJspData tbody td.borderLeft {border-left: 1px solid #dddddd;} /* ***********TABLE:END***************************************TABLE:END*************** */ /* *********************************************************************************** */ /* *********************************************************************************** */ /* ***********BUTTONS:START***********************************BUTTONS:START*********** */ /* ** a.pbtn : 테두리 없이 꺽쇠 버튼 ** a.pbtn[target="_blank"] : 테두리 없이 꺽쇠 버튼 ** pbtnBold : 그레이 선버튼[일반] ** pbtnBold1 : 오렌지 선버튼[강조] ** btnPrimary: 오렌지 면버튼[주요의사결정-확인/로그인] ** btnSearch : 그레이 면버튼[주요의사결정(조회)] ** btnInquiry: 검색 */ /* 일반링크 */ .golink, a.golink, .golink a {padding-right:17px; background:url(/img/common/2015/btn_golink.gif) 100% 65% no-repeat;color:#de690a; white-space:nowrap;} .golink2, a.golink2 {padding-right:17px; background:url(/img/common/2015/btn_golink.gif) 100% 65% no-repeat;color:#000; } .golink_layer, a.golink_layer {padding-right:17px; background:url(/img/common/2015/btn_golink2.gif) 100% 65% no-repeat;color:#000; } .btn_opennew, a.btn_opennew, a.blank , a[target="_blank"] {display:inline-block; padding-right:19px; background:url(/img/common/2015/btn_opennew.gif) 100% 60% no-repeat;color:#de690a; line-height:100%; } .btn_opennew2, a.btn_opennew2 {display:inline-block; padding-right:19px; background:url(/img/common/2015/btn_opennew.gif) 100% 60% no-repeat;color:#000; line-height:100%; } a.npop[target="_blank"] {background:none; } /* 기본형 */ .iPad .pbtnExcel, .android .pbtnExcel{display:none;} .pbtnPrint, a.pbtnPrint, .pbtnExcel, a.pbtnExcel, .pbtnReload, a.pbtnReload {display:inline-block; padding:0 14px; height:22px; line-height: 21px; vertical-align:1px; background:#fff; /* border: 1px solid #000; */ color:#000; white-space: nowrap;}/*160121 수정*/ .pbtnReload, a.pbtnReload {padding:0 30px 0 14px; background:#fff url(/img/common/2015/btn_reload.png) right top no-repeat;}/*160121 수정*/ .pbtnPrint, a.pbtnPrint {padding:0 30px 0 14px; background:#fff url(/img/common/2015/btn_print.png) right top no-repeat;}/*160126 추가*/ .pbtnExcel, a.pbtnExcel {padding:0 30px 0 14px; background:#fff url(/img/common/2015/btn_excel.png) right top no-repeat;}/*160128 추가*/ button.pbtnPrint, button.pbtnExcel, button.pbtnReload, button.pbtnReload {height:25px;}/*160121 수정*/ .pbtnPrint:hover,.pbtnExcel:hover,.pbtnReload:hover {/* background-color: #f6f6f6; */ color:#000; text-decoration:none;}/*160126 수정*/ .pbtnPrint:active,.pbtnExcel:active,.pbtnReload:active {/* background-color: #eee; */ color:#000;}/*160126 수정*/ /* btnInquiry , btnSearch */ .btnInquiry, a.btnInquiry, .btnSearch, a.btnSearch, .pibtn, a.pibtn, .pbtnBold, a.pbtnBold {display:inline-block; padding:0 19px; background:#fff; border: 1px solid #000; color:#000; line-height:33px; white-space: nowrap;} .btnSearch.mini {line-height:23px; color:#000; } input.btnSearch {height:25px;} .btnInquiry:hover, .btnSearch:hover, .pibtn:hover, .pbtnBold:hover {background: #f6f6f6; color:#000;} .btnInquiry:active, .btnSearch:active, .pibtn:active, .pbtnBold:active {background: #eee; color:#000;} /* pbtnBold1 */ .pbtnBold1, a.pbtnBold1 {display:inline-block; padding:0 19px; background:#fff; border: 1px solid #de690a; color:#de690a; line-height:33px; white-space: nowrap;} .pbtnBold1:hover {background: #f8f7f4; color:#de690a; text-decoration:none;} .pbtnBold1:active {background: #f3f2ed; color:#de690a;} .pbtnBold1.lock span {padding-left:20px; background:url(/img/common/2015/btn_login.gif) 0 50% no-repeat;} .pbtnBold1.lockS span {padding-left:15px; background:url(/img/common/2015/btn_loginS.gif) 0 4px no-repeat;} /* btnPrimary */ .btnPrimary,a.btnPrimary{display:inline-block; padding:0 19px; background:#de690a; border: 1px solid #c85b02; color:#fff; line-height:33px; white-space: nowrap;} .btnPrimary:hover {background: #ed7601; color:#fff;} .btnPrimary:active {background: #c85b02; color:#fff;} .btnPrimary.big,a.btnPrimary.big {line-height:42px; padding:0 23px; font-size:18px;} /* 종목검색 레이어 조회버튼 */ #codeSearcher_stock .inqueryBtn button.submit{display:inline-block; width:auto; height:24px; line-height:22px; padding:0 13px; background:#fff; border: 1px solid #000; color:#000; white-space: nowrap; font-weight:normal; } /* disabled button */ .btnPrimary:disabled,.btnPrimary[disabled] {background:#fff; border:1px solid #bbb; color:#666;} .pbtnBold:disabled,.pbtnBold[disabled] {background:#fff; border:1px solid #bbb; color:#666;} .pbtnBold1:disabled,.pbtnBold1[disabled] {background:#fff; border:1px solid #bbb; color:#666;} /* iBtn_mesu , iBtn_medo */ .iBtn_mesu, .iBtn_medo {display:inline-block; padding:0 4px; white-space:nowrap; } .iBtn_medo, .iBtn_medo:hover, .pbtnBold.medo {border: 1px solid #1976d2;color: #1976d2} .iBtn_mesu, .iBtn_mesu:hover, .pbtnBold.mesu {border: 1px solid #d32f2f;color: #d32f2f} .pbtnBold.mt5 {margin-top:5px; } /* 작은 스타일 */ .btnPrimary.mini,a.btnPrimary.mini, .pbtnBold.mini,a.pbtnBold.mini, .pbtnBold1.mini,a.pbtnBold1.mini {display:inline-block; padding:0 5px; height:23px; line-height:21px; vertical-align:top;} button.btnPrimary.mini, button.pbtnBold.mini, button.pbtnBold1.mini {display:inline-block; height:25px; line-height:18px; } table .pbtnBold.medo,table a.pbtnBold.medo {padding:0 5px; line-height:23px;} table .pbtnBold.mesu,table a.pbtnBold.mesu {padding:0 5px; line-height:23px;} *[class^="nBtn"] {display:inline-block; line-height:23px; margin:0; padding:0 7px; background:#fff; border: 1px solid #000; color:#000; white-space: nowrap;} a[class^="nBtn"] {line-height:16px; padding:2px 7px 0; height:21px;} a[class^="nBtn"] span {line-height:16px;} button[class^="nBtn"] {height:25px; line-height:20px;} *[class^="nBtn"]:hover {background: #f6f6f6; color:#666; } *[class^="nBtn"]:active {background: #eee; color:#666;} *[class^="nBtn"]:disabled {background: #e6e6e6; color:#666; border:1px solid #666;} .bbsTopSearch .btnSearch, .bbsTopSearch .pbtnBold, .bbsTopSearch .pbtnBold, .bbsTopSearch .btnSearch, .searchBox .pbtnBold, .searchBox .btnSearch, *[class*=box0] .btnSearch, *[class*=box0] .btnSearch, *[class*=box0] .btnInquiry, *[class*=box0] .btnInquiry, *[class*=box0] .pbtnBold, *[class*=box0] .pbtnBold, *[class*=box0] .pbtnBold1, *[class*=box0] .pbtnBold1, table .btnSearch, table .btnSearch, table .btnInquiry, table .btnInquiry, table .pbtnBold, table .pbtnBold, table .pibtn, table .pibtn, table .btnPrimary, table .pbtnBold1, table .pbtnBold1 {padding: 0 14px; line-height: 23px} /* 아이콘 버튼 */ .pbtn, a.pbtn {display:inline-block; padding:0; padding-right:10px; background:url(/img/common/2015/btn_bul.gif) 100% 55% no-repeat; color:#de690a; } .pbtn.al {padding:0; padding-left:10px; background:url(/img/common/2015/btn_bul_al.gif) 0 60% no-repeat;} .container .fileicon a[target="_blank"], .container .researchAttach a[target="_blank"], #header a[target="_blank"], .footerWrap a[target="_blank"] {padding-right:0; background:none} .btn_alert {width:15px;height:15px;background:url(/img/btn/btn_alert.gif) 0 0 no-repeat; text-indent:-9999999px; font-size:0px;} .iBtn_down {display:inline-block;height: 20px;padding-right: 10px;background:url(/img/common/2014/btn_down.gif) no-repeat 100% 10px transparent;overflow:hidden; white-space: nowrap;} .iBtn_up {display:inline-block;height: 20px;padding-right: 10px;background:url(/img/common/2014/btn_up.gif) no-repeat 100% 10px transparent;overflow:hidden; white-space: nowrap;} .selup {display:inline-block;width: 20px;height: 20px;border: 1px solid #de690a;background:url(/img/common/2015/btn_pchkArr_up_on.png) center no-repeat;overflow:hidden; text-indent:-99999px;} .seldown {display:inline-block;width: 20px;height: 20px;border: 1px solid #de690a;background:url(/img/common/2015/btn_pchkArr_dw_on.png) center no-repeat;overflow:hidden; text-indent:-99999px;} .container .btn_acrobat {padding-right:15px; color:#de690a; background:url(/img/common/2014/btn_pdf.gif) no-repeat 100% 3px;} .btn_jsearch02, .btn_quickbox2 {display:inline-block; width:27px; height:17px; margin-top:3px; margin-left:3px; background:url(/img/common/2015/btn_quickbox2.jpg) no-repeat 0 0; overflow:hidden; text-indent:-99999px;} .pbtnScrap {height:19px; margin-right:13px; padding-right:23px; color:#de690a; background:url(/img/layout/2015/icon_scrap.gif) no-repeat 100% 2px} .smallPrint {height:19px; margin-right:13px; padding-right:23px; color:#de690a; background:url(/img/layout/2015/icon_print.gif) no-repeat 100% 2px} .btn_search, .btn_jsearch, .search_inputBtn {display:inline-block;width: 25px;height: 25px;background: url(/img/common/2015/btn_jsearch.gif) 0 0 no-repeat;line-height:23px;overflow: hidden; text-indent:-99999px;} .btn_help {display:inline-block;width: 25px;height: 25px;background: url(/img/common/2015/btn_help.gif) 0 0 no-repeat;line-height:23px;overflow: hidden; text-indent:-99999px;} input ~ a.btn_search, input ~ a.btn_jsearch, input ~ a.search_inputBtn, input ~ a.btn_help {vertical-align: middle} .codeSearcher .btn_jsearch {vertical-align: middle} .btn_clean {display:inline-block; width:16px;height:16px;background: url(/img/common/2015/btn_clear.png) no-repeat center;text-indent: -99999px;overflow: hidden;} /* 특수 버튼 */ .banksLayerOpen {min-width: 164px;border:1px solid #bbb; height:25px; color:#666; line-height:23px; font-size:14px; padding:0 22px 0 10px; background: #fff url(/img/layout/2015/ico_search.gif) no-repeat 98% 50%;; white-space: nowrap; text-align: left;cursor: pointer;} .banksLayerOpen:hover {border: 1px solid #de690a} .banksLayerOpen + .jcodeBtn {background:none; } .daysWrap {display: inline-block;vertical-align: -7px;overflow: hidden;} .daysWrap a, .daysWrap button {float: left;background: #f4f4f4;border: 1px solid #888;color: #666;} .daysWrap a+a, .daysWrap button+button {margin-left: -1px;} .moneyWrap {display: inline-block;margin-left: 10px;border-left: 1px solid #888;vertical-align: -7px;overflow: hidden;} .moneyWrap a, .moneyWrap button {float: left;margin-left: -1px;background: #f4f4f4;border: 1px solid #888;color: #666;} .btn_quickbox {width:13px;margin-top:3px;margin-left:5px;background:url(/img/btn/btn_quickbox.gif) no-repeat 0 0;overflow:hidden;text-indent:-99999px;} .btn_jsearch, .pbtn1, .jcodeBtn {display:inline-block;height:20px;line-height:21px;text-align:center;vertical-align:0} .btn_jsearch, .jcodeBtn {width:21px; height:25px; margin-left:-27px; background:url(/img/layout/2015/ico_search.gif) no-repeat 0 50%; overflow:hidden;text-indent:-99999px;} .btn_jsearch.search.spec { margin-left:0; } .btn_jdel {display:inline-block;height: 25px;padding: 0 7px;background: #f4f4f4;border: 1px solid #888;color: #666;} .btn_chart {display:inline-block;width:30px; height:25px; line-height: 25px; background:url(/img/btn/iBtn_chart.gif) no-repeat 0 center; overflow:hidden;text-indent:-99999px;} .btn_ers_chart {display:inline-block;width:30px; height:25px; line-height: 25px; background:url(/img/ers/chart.jpg) no-repeat 0 center; overflow:hidden;text-indent:-99999px;} /* 첫페이지.이전 다음 */ .navBtn {text-align: center; overflow:hidden; margin:20px 0 0;} .navBtn button {display:inline-block; padding:0 10px; background:#fff; /* border: 1px solid #000; */ color:#de690a; line-height:23px; white-space: nowrap;}/*160121 수정*/ .navBtn button[disabled], .navBtn button.disabled {/* border:1px solid #666; */ color:#666; }/*160121 수정 및 추가*/ .navBtn button.rBtn2 {background:url(/img/common/2015/btn_rBtn2.png) no-repeat 0 center;}/*160121 추가*/ .navBtn button.rBtn1 {background:url(/img/common/2015/btn_rBtn1.png) no-repeat right center;}/*160121 추가*/ .navBtn button[disabled].rBtn2, .navBtn button.disabled.rBtn2 {background:url(/img/common/2015/btn_rBtn2_off.png) no-repeat 0 center;}/*160121 추가*/ .navBtn button[disabled].rBtn1, .navBtn button.disabled.rBtn1 {background:url(/img/common/2015/btn_rBtn1_off.png) no-repeat right center;}/*160121 추가*/ .navBtn #btn_pre button.rBtn1 {background:url(/img/common/2015/btn_rBtn2.png) no-repeat 0 center;}/*160122 추가*/ .navBtn #btn_pre button[disabled].rBtn1, .navBtn #btn_pre button.disabled.rBtn1 {background:url(/img/common/2015/btn_rBtn2_off.png) no-repeat 0 center;}/*160122 추가*/ /* 링크/버튼 간격 */ .linkWrap {margin-top: 9px;} .linkWrap a + a, .linkWrap a + button, .linkWrap button + a, .linkWrap button + button {margin-left: 20px} .btnWrap {text-align: center; overflow:hidden; margin:20px 0 0; } .btnWrap.mt0 {margin:0;} .btnWrap.tac {text-align:center; } .btnWrap .f_l, .btnWrap .fl {position: relative;z-index: 1;/* 페이징이랑 한줄로 될때 버튼이 페이징 뒤로가서 선택 안되요~ */} .btnWrap a + a, .btnWrap a + button, .btnWrap button + a, .btnWrap button + button {} .btnWrap .navBtn {margin:0;} .btnWrap .clr_msg01 {margin:0;} /* *********************************************************************************** */ /* ***********BUTTONS:END***************************************BUTTONS:END*********** */ /* *********************************************************************************** */ /* ***********BULLET:START*************************************BULLET:START*********** */ /* 기본형 libul02 , libul03 */ ul[class*=libul] {line-height:24px;} ul[class*=libul]>li+li {margin-top:15px; /* font-size:14px; */letter-spacing:0px; } ul[class*=libul] li.dash:before {content: '- ';} ul[class*=libul] li.dash {background: none;} ul[class*=libul]>li li {margin-top: 5px; padding:0; padding-left: 12px; background: url(/img/common/2015/bul_li02.gif) 5px 10px no-repeat; font-size:14px; letter-spacing:0px;} .guideBul ul[class*=libul]>li {padding-left: 12px; background: url(/img/common/2015/bul_li02.gif) 5px 10px no-repeat; font-size:14px; letter-spacing:0px;} ul[class*=libul]>li li li {background: url(/img/common/2015/bul_li03.gif) 5px 11px no-repeat;} ul[class*=libul] .nonStyle>li {padding:0; background: none;} div[class*=libul] ol {margin-top:15px;} div[class*=libul] ol>li+li {margin-top:15px;} div[class*=libul] ol>li li {margin-top: 5px; padding:0; padding-left: 12px; background: url(/img/common/2015/bul_li02.gif) 5px 10px no-repeat;} div[class*=libul] ol>li li li {background: url(/img/common/2015/bul_li03.gif) 5px 11px no-repeat;} ul[class*=libul] + p {margin-top:15px;} .sub_stit +p, .sub_stit +p+p, .sub_stit +div, .sub_stit +ul {line-height:24px; } .sub_stit + div > ul[class*=libul] > li, .sub_stit + ul[class*=libul]>li {margin-top:15px; font-size:14px; letter-spacing:0px; } .sub_stit + table + .bulList , .sub_stit + table + ul[class*=libul]{margin-top:15px;} .sub_stit + .tab{margin-top:15px;} .footnote >ul>li{padding:0; padding-left: 12px; background: url(/img/common/2015/bul_footnote.gif) 5px 10px no-repeat;word-break: keep-all;} /* 특수블릿 */ ol.olnum ,ol.olnum strong {margin:0; font-size:12px;} ol.olnum li {padding:0 0 0 23px; line-height:21px;} ol.olnum li.li1 {background:url(/img/common/bg_li1.gif) no-repeat 0px 6px;} ol.olnum li.li2 {background:url(/img/common/bg_li2.gif) no-repeat 0px 6px;} ol.olnum li.li3 {background:url(/img/common/bg_li3.gif) no-repeat 0px 6px;} ol.olnum li.li4 {background:url(/img/common/bg_li4.gif) no-repeat 0px 6px;} ol.olnum li.li5 {background:url(/img/common/bg_li5.gif) no-repeat 0px 6px;} ol.olnum li .nonStyle li {padding:0; } ol.snum {width:100%; margin:0; } ol.snum strong {padding:0 0 0 21px; line-height:24px;} ol.snum li {margin-bottom:10px; margin-right:21px; line-height:21px;} ol.snum li.li1 {width:100%; background:url(/img/common/bg_sli1.gif) no-repeat 0px 8px;} ol.snum li.li2 {width:100%; background:url(/img/common/bg_sli2.gif) no-repeat 0px 8px;} ol.snum li.li3 {width:100%; background:url(/img/common/bg_sli3.gif) no-repeat 0px 8px;} ol.snum li.li4 {width:100%; background:url(/img/common/bg_sli4.gif) no-repeat 0px 8px;} ul.dotBul {clear:both; } ul.dotBul.nt10 {margin-top:10px;} ul.dotBul li {padding-left: 7px; background: url(/img/common/2015/bul_li03.gif) 0 11px no-repeat;} ul.dotBul2 li {padding-left: 12px; background: url(/img/common/2015/bul_li02.gif) 0 11px no-repeat; word-break: keep-all;} ul.dotBul2 li + li {margin-top: 6px;} /* *********************************************************************************** */ /* ***********BULLET:START*************************************BULLET:START*********** */ /* *********************************************************************************** */ /* *********** box-intro ************************************* box-intro ********** */ .box-intro {position:relative; height:auto; padding:0px 0px 20px 0; margin-bottom:20px; background:none; border-radius:0px; border:0px; border-bottom:1px solid #ddd; line-height:24px; color:#1f1f1f; } .box-intro p, .box-intro ul li {line-height:22px; font-size:16px; /* letter-spacing:-1.5px; */ } .box-intro p .web_br {#display:none; } .box-intro ul[class*=libul]>li+li {margin-top:13px;} .box-intro:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .box-intro .topr,.box-intro .topl,.box-intro .btml,.box-intro .btmr {display: none} .box-intro > .hidden {position:relative; top:auto; left:auto; width:auto; height:auto; font-size:14px; line-height:1.8em; visibility:visible; text-indent:0px!important} .box-intro > .nohidden br {display:none} .box-intro > .in {padding:0;} .box-intro > .btn {position:relative; left:auto; bottom:auto; padding:0 ; margin-top:15px;} .box-intro > img {display:none} .box-intro.img-left {padding-bottom:0px; border-bottom:0px; overflow:hidden;} .box-intro.img-left > img,.box-intro.img-left > .img {float:left; display:block; margin-right:30px;} .box-intro .tit, .box-intro .tboxTitle, .box-intro .spot_tit,.box-intro h3,.box-intro h3.hidden {display:block; margin-bottom:16px; font-size:18px; line-height: 23px; } .box-intro .f_l + div {padding-left:10px;} .box-intro .btnWrap {margin:10px 0 0;} .box-intro p.rText {margin:10px 0 0px; text-align:right;font-size:12px;} /* *********************************************************************************** */ /* *********** box-intro ************************************* box-intro ********** */ /* box*/ .topr,.topl,.btml,.btmr {display:none; } .lineBox {padding:20px; margin-top:10px; border:1px solid #ddd;} /* 다이어그램 - 기본형 */ ul.diagramList {width:100%; display:inline-block; zoom:1; margin:10px 0 20px; position:relative; } ul.diagramList li {float:left; margin-left:20px; text-align:left; border:1px solid #ddd; } ul.diagramList li span.img {display:none; } ul.diagramList li em {position:absolute; bottom:-1px; margin-left:-13px; width:13px; z-index:2; border-bottom:1px solid #fff;} ul.diagramList li:first-child {margin-left:0; background:none; } ul.diagramList li:first-child em, ul.diagramList li:first-child u {display:none; } ul.diagramList li div {position:relative; background:#f4f4f4; } ul.diagramList li div strong {height:77px; padding:5px 10px; color:#454545; display:table-cell; vertical-align:middle; text-align:left;} ul.diagramList.minTit li div strong {height:50px; } ul.diagramList li div strong span { } ul.diagramList li div strong span.step_n {color:#888; display:block; font-weight:normal; } ul.diagramList li > table {margin:0; } ul.diagramList li div u {width:10px; height:28px; left:-16px;; top:100%; margin-top:-14px; position:absolute; background:url(/img/common/2014/diagram_bul.png) no-repeat 0 0; } ul.diagramList li > p {min-height:40px; padding:15px 11px; line-height:20px; text-align:left;} ul.diagramList.tit div u {top:50%;} ul.diagramList.wid_1 { margin-bottom:0; } ul.diagramList.wid_1 li { width:99.8%; margin-bottom:25px; margin-left:0; } ul.diagramList.wid_1 li:last-child { margin-bottom:0; } ul.diagramList.wid_1 li div u {width:28px; height:10px; top:-4px; left:50%; background:url(/img/contents_2015/dream/arrow_dw_btn.gif) 0 0 no-repeat;} ul.diagramList.wid_1 li div strong { font-weight:normal; padding:10px 10px; } ul.diagramList.wid_2 li {width:458px; } ul.diagramList.wid_3 li {width:298px; } ul.diagramList.wid_3L li {width:267px; } ul.diagramList.wid_3M li {width:194px; } ul.diagramList.wid_4 li {width:218px; } ul.diagramList.wid_5 li {width:170px; } ul.diagramList.wid_5S li {width:125px; } ul.diagramList.wid_5 li p.h84p {height:84px;} ul.diagramList.wid_5S li p.h119p {height:119px;} ul.diagramList.wid_5 li div u.h84u {top:138%;} ul.diagramList.line_2 li div strong {height:50px;} ul.diagramList.line_2 li p.h130 {min-height:130px; } ul.diagramList.line_3 li div strong {height:76px;} ul.diagramList.line_4 li div strong {height:90px;} ul.diagramList.wid_4 li p.h80 {height:80px; } ul.diagramList.hei_2 li > p {min-height:40px; } ul.diagramList.hei_3 li > p {min-height:60px; } ul.diagramList.hei_4 li > p {min-height:90px; } ul.diagramList.hei_5 li > p {min-height:110px; } ul.diagramList.hei_6 li > p {min-height:130px; } ul.diagramList.hei_8 li > p {min-height:150px; } /* 영업점 계좌개설 - 로그아웃 배너 없을시 .has4depthTab ul.diagramList.wid_5S li {width:170px; } .has4depthTab ul.diagramList.wid_5S li span.web_br { display:none; } */ /* 스텝 - 기본형 */ #step_div,.stepWrap {position: relative;} .step {float:right;height: 35px; height: 35px; padding: 0; background: url(/img/common/2015/steps_off.gif) 0 0 no-repeat; overflow: hidden;text-indent: -99999px} .step.step4 {width: 465px; overflow:hidden; padding-bottom:30px;} .step.step4 .s4 {border-right: 1px solid #de690a; } .step.step5 {width: 585px;} .step.step5 .s5 {border-right: 1px solid #de690a;} .step.step4 #step_h3, .step.step5 #step_h3 {position: absolute;left:0;text-indent: 0;font-size:18px; line-height: 23px;} .step > *[class^="s"] {display: block; height: 35px; background: url(/img/common/2015/steps_on.gif) 0 0 no-repeat;} .step > .s2 {background-position: 0 -40px} .step > .s3 {background-position: 0 -80px} .step > .s4 {background-position: 0 -120px} .step > .s5 {background-position: 0 -160px} .step.step2 {float:none;width: 100%;margin-bottom: 30px;text-indent: 0} .step.step2 #step_h3 {padding: 7px 0 0 70px;font-weight: normal;font-size: 14px;color: #de690a;} .step.step2 #step_h3 > .clr_r01 {display: none} .step.step2 > .s1 {background: url(/img/common/2015/step2.gif) 0 0 no-repeat;} .step.step2 > .s2 {background: url(/img/common/2015/step2.gif) 0 -40px no-repeat;} .step.step2 > .s2 #step_h3 {padding-left: 535px;} .step.step3 {float:none;width: 100%;margin-bottom: 30px;text-indent: 0} .step.step3 #step_h3 {padding: 7px 0 0 70px;font-weight: normal;font-size: 14px;color: #de690a;} .step.step3 #step_h3 > .clr_r01 {display: none} .step.step3 > .s1 {background: url(/img/common/2015/step3.gif) 0 0 no-repeat;} .step.step3 > .s2 {background: url(/img/common/2015/step3.gif) 0 -40px no-repeat;} .step.step3 > .s2 #step_h3 {padding-left: 385px;} .step.step3 > .s3 {background: url(/img/common/2015/step3.gif) -1px -80px no-repeat;} .step.step3 > .s3 #step_h3 {padding-left: 698px;} /*지로납부 step 4개짜리 0918 추가*/ .stepNew { width:100%; padding-bottom:30px; } .stepNew.step1 { background:url(/img/common/2015/steps1_bg1.jpg) 0 0 no-repeat; } .stepNew.step2 { background:url(/img/common/2015/steps1_bg2.jpg) 0 0 no-repeat; } .stepNew.step3 { background:url(/img/common/2015/steps1_bg3.jpg) 0 0 no-repeat; } .stepNew.step4 { background:url(/img/common/2015/steps1_bg4.jpg) 0 0 no-repeat; } .stepNew h2#step_h3 { letter-spacing:-2px; height:27px; font-size:14px; font-weight:normal; padding:7px 0 0 67px; } .stepNew h2.on { color:#de690a; } .stepNew span.clr_r01 { display:none; } .stepNew ul { width:100%; overflow:hidden;} .stepNew ul li { width:232px; float:left; } .stepNew ul li.long { width:244px; float:left; } .stepNew ul li.long h2#step_h3 { height:35px; padding:7px 0 0 75px; } .stepNew ul li.long+li { width:200px; padding:0px 0 0 30px; } .stepNew ul li.long+li h2#step_h3 { padding:7px 0 0 56px; } /* 하단 링크 */ .advice-link, .advice-link2 {margin-top:50px;margin-bottom:50px;overflow: hidden} .advice-link2 > li {position: relative;float: left;width: 418px;min-height: 77px;padding: 15px 20px;border: 1px solid #ddd} .advice-link2.w720 > li {width: 308px;} .advice-link2 > li .tit {display: block;margin-bottom: 10px} .advice-link2 > li .pbtn {position: absolute;right: 20px;top: 20px} .advice-link2 > li+li {margin-left: 20px} /* 상승,하락 */ .bul_downTable01 {padding-left:13px; background: url(/img/common/ico/2015/ico_down02.png) 0 center no-repeat;color: #0066cc} .dabidown {color: #0066cc !important;} .dabidown > img {vertical-align: middle} .bul_upTable01 {padding-left:13px; background: url(/img/common/ico/2015/ico_up02.png) 0 center no-repeat;color: #da2020} .dabiup {color: #da2020 !important;} .dabiup > img {vertical-align: middle} /* plugin hidden*/ embed[type="application/lssl-plugin"], embed[type="application/kings-idefense-plugin"],object#CertManX, object#XWCDataPlugin{position:absolute; top:-100px;} /* 투자정보 - 랩 - 주식형 - box11 안에 table leftline 삭제용 - 이인경추가 */ .tbLineDel {width:100%; overflow:hidden; } /*이미지 정렬 */ .imgL {width:100%; text-align:left; margin:40px 0; } .imgC {width:100%; text-align:center; margin:40px 0; } .imgR {width:100%; text-align:right; margin:40px 0; } .imgC.mb0 { margin:40px 0 0 0; } /*유 s*/ /* text */ .iname,.text {display:inline-block; min-width:50px;height:22px;padding:0 8px;background-color:#e7e7e7;color:#4d4945; font-weight:normal; text-align:center; line-height:19px;vertical-align:middle; } span.readonly {display:inline-block; margin:0; padding:0 8px 0 3px; height:23px; line-height:23px; vertical-align:0; background-color:#e6e6e6; border:1px solid #e6e6e6; color:#4d4945; } .colw_hf {width:50%; }/* colgroup > col class */ .colw_qnaview {width:15%; }/* colgroup > col class */ /*펀드*/ .ic_msg {display:inline-block;padding-left:20px;background:url(/img/common/ic_msg.gif) 0 0 no-repeat;font-size:14px;font-weight:bold;line-height:16px;color:#444; } /*영문>재고정보 테이블*/ .hoga_r {background:#fdf2f2; } .hoga_b {background:#f2f7fc; } .star_indent {margin-top:10px; padding-left:14px; } .star_indent li {text-indent:-15px; } /*wts 이용가이드*/ .wtsGuide {width:100%; position:relative; } .wtsGuide .printBtn {position:absolute; top:0; right:0 } .wtsGuide .img {padding-top:10px; padding-bottom:30px; } .wtsGuide .section03.wts_underline {margin:0 0 15px 0; padding-bottom:15px; border-bottom:1px solid #e9e9e9; } .wtsGuide .TG410_07_ol li strong {font-weight:normal; } /*로딩바*/ .loadingBar {vertical-align:middle; position:absolute; z-index:2000000000; width:200px; height:35px; } .relative { position:relative; } select.width100px { width:100px; } select.width75px { width:75px; } /*통합로그인(SSO)신청 완료*/ .sso_txt {text-align:center; margin-bottom:10px;} .sso_txt strong {line-height:35px; } .sso {width:100%; height:280px; background:url(/img/contents/sso_01.gif) no-repeat 0 0; font-size:0; } /* 모바일용을 위한 소스 */ .iPad .pchidden.showiPad {display:block;} .iPad .iPadhidden {display:none;} .TGtitleA01{margin-top:35px; height:155px; width:720px; background:url(/img/guide/TG_titleA01.gif) no-repeat 0 0;font-size:0;text-indent:-100000px; } /* 고객지원 공지 상단 구분 좌우정렬 - 이인경추가 */ .bbs_noiceSearch div.bbsTopSearch ul.searchRowLeft { width:193px; height:25px; float:left; } .bbs_noiceSearch div.bbsTopSearch ul.searchRowLeft li label, .bbs_noiceSearch div.bbsTopSearch ul.searchRowLeft li a, .bbs_noiceSearch div.bbsTopSearch ul.searchRowLeft li select{ vertical-align:middle; } .bbs_noiceSearch div.bbsTopSearch div.searchRowRight { height:25px; float:right; text-align: right;} .bbs_noiceSearch div.bbsTopSearch div.searchRowRight ul.searh_condi3 li select, .bbs_noiceSearch div.bbsTopSearch div.searchRowRight ul.searh_condi3 li input, .bbs_noiceSearch div.bbsTopSearch div.searchRowRight ul.searh_condi3 li button { vertical-align:middle; } /* 고객센터 증명서발급 */ .tableBodyDiv tr td { word-break:break-word; padding:7.5px 5px; } .tableBodyDiv tr td.tal {padding-left:5px; } .tableBodyDiv tr td.price {padding-right:5px; } /*유 e*/ .contents_720 {width:720px;} ._flashLayer { position:absolute; text-align:center; width:940px; padding:10px; left:50%; top:145px; margin:0; margin-left:-470px; color:#000; z-index:2001; } .header_fixed ._flashLayer {top:0px;} ._flashLayer .msgIn {float:right; border:1px solid #477dbb; background:#fff; padding:16px 40px; box-shadow:5px 5px #ddd; } ._flashLayer .msgIn span { color:#477dbb; } .noneOutLine {outline: 0} .floatBoxWrap {width:100%; } .floatBoxWrap:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .floatBoxWrap .left {float:left; } .floatBoxWrap .right {float:right; } body .ui-widget {font-size:14px; } .nowrapTxt {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; } #post .navBtn button { font-weight:bold; } .pbtn.white {color:#fff; background:url(/img/mobile/btn_bul_white.png) no-repeat 100% 50%; background-size:6px; } /*************** 2018.09 pension ***************/ .free_PC_none {display: none;} .free_al_l {float: left;} .free_al_r {float: right;} .free_tb_plus {color: red;} .free_tb_minus {color: blue;} .free_tb_point {color: #de690a; font-size: 16px; font-weight: 700;} .free_tb_b_0 {border: 0px;} .free_tb_bl_0 {border-left: 0px;} .free_tb_br_0 {border-right: 0px;} .free_tb_text_b {font-weight: 800;} .free_tb_mt_0 {margin-top: 0px !important;} .free_tb_mt_5 {margin-top: 5px;} .free_tb_mt_10 {margin-top: 10px;} .free_tb_mt_15 {margin-top: 15px;} .free_tb_mt_20 {margin-top: 20px;} .free_tb_mt_25 {margin-top: 25px;} .free_tb_mt_30 {margin-top: 30px !important;} .free_tb_mtb_20 {margin-top: 20px; margin-bottom: 20px;} .free_tb_mb_5 {margin-bottom: 5px;} .free_tb_mb_10 {margin-bottom: 10px;} .free_tb_mb_30 {margin-bottom: 30px;} .free_tb_ml_20 {margin-left: 20px;} .free_btn_line_01 {line-height: 180%; padding-left: 10px; padding-right: 10px;} .free_btn_close01 {width: 25px; height: 25px; overflow: hidden; background:url(/img/pension/free_btn_close01.png) left top no-repeat;} .free_color01 {color: #666;} .free_color02 {color: red;} .free_inp_w01 {width: 68px;} .free_txt_b01 {font-weight: 800; font-size: 16px;} .free_box_n1 { background-color: #f4f4f4; padding: 15px; color: #666; font-size: 13px; } .free_box_scroll_01 {height: 228px; overflow: hidden; overflow-y: scroll;} .free_box_scroll_01 .tbl2.classMore {margin: 0px;} .free_box_scroll_02 {height: 258px; overflow: hidden; overflow-y: scroll;} .free_box_scroll_02 .tbl2.classMore {margin: 0px;} .free_box_scroll_03 {height: 540px; overflow: hidden; overflow-y: scroll;} .free_box_scroll_03 .grid_table {margin: 0px;} .pension_Reload_n01 {position: relative; display: block;} .pension_Reload_n01 .f_r.bank{position: absolute; top: -30px; right: 0px;} .pension_contents_tb1 {} .pension_contents_tb1 .arText {color: #666;} .pension_contents_tb1 .back_01 {background-color: #fff;} .pension_contents_tb1 .col_01 {color: #d32f2e;} .pension_contents_tb1 .free_txt01 { font-size: 14px; font-weight: 300; color: #666; } .pension_contents_tb1 .guide_btn_ab {position: relative; overflow: hidden; display: block;} .pension_contents_tb1 .guide_btn_ab li {float: left; width: 50%;} .pension_contents_tb1 .guide_btn_ab li .gbtn { width: 458px; height: 220px; border:1px solid #ccc; border-top:1px solid #000; background-color: #fff;} .pension_contents_tb1 .guide_btn_ab li .na01 {float: left; background:url(/img/pension/maemae_bg01.png) right bottom no-repeat; background-size: 190px;} .pension_contents_tb1 .guide_btn_ab li .na02 {float: right; background:url(/img/pension/maemae_bg03.png) right bottom no-repeat; background-size: 190px;} .pension_contents_tb1 .guide_btn_ab li .na03 {float: left; background:url(/img/pension/maemae_bg02.png) right bottom no-repeat; background-size: 190px; margin-top:20px;} .pension_contents_tb1 .guide_btn_ab li .na04 {float: right; background:url(/img/pension/maemae_bg04.png) right bottom no-repeat; background-size: 190px; margin-top:20px;} .pension_contents_tb1 .guide_btn_ab li .gbtn h3 {margin-left: 20px; margin-top: 15px; font-size: 18px;} .pension_contents_tb1 .guide_btn_ab li .gbtn h3 .txt01 { font-size: 22px; color: #df6909; } .pension_contents_tb1 .guide_btn_ab li .gbtn p {margin-left: 20px; margin-top: 5px;} .pension_contents_tb1 .guide_btn_ab li .gbtn p .txt02 { color: #df6909; } .pension_contents_tb1 .guide_btn_ab li a:hover { color: #000; } .pension_contents_tb1 .irp_join_bg01 {position: relative; overflow: hidden; display: block; margin-top: 12px; height: 431px; border:1px solid #ddd; background:url(/img/pension/irp_join_bg01.png) 0 0 no-repeat;} .pension_contents_tb1 .mT6 .btnInquiry {line-height: 22px;} .pension_contents_tb1 .mT6 .pbtnBold1 {line-height: 22px;} .pension_contents_tb1 .ico_search_n1 {background:url(/img/layout/2015/ico_search.gif) no-repeat; background-position: 135px; } .pension_contents_tb1 .diagramList > li .tit_01 {border-bottom:1px solid #ddd; height: 74px;} .pension_contents_tb1 .diagramList > li .tit_01 > strong { padding-top: 0px; } .pension_contents_tb1 .diagramList > li > p { height: 120px; } .pension_contents_tb1 .diagramList > li > p .txt01 { font-size: 13px; padding-left: 13px;} .pension_contents_tb1 .diagramList > li .tit_01 > u {margin-top:30px;} .pension_contents_tb1 .new_box01 {position: relative; overflow: hidden; display: block; border:1px solid #ddd; margin-bottom: 10px;} .pension_contents_tb1 .new_box01 .tb_con {position: relative; overflow: hidden; display: block; margin-top: 20px; margin-bottom: 25px; margin-right: 30px; margin-left: 30px;} .pension_contents_tb1 .new_box01 .tb_con .irp_td_h { height:58px; } .pension_contents_tb1 .new_box01 .tb_con td {line-height: 140%; padding: 10px;} .pension_contents_tb1 .new_box01 .tb_con .txt_color01 {font-size: 12px; color: #de690c; padding: 4px; padding-left: 10px;} .pension_contents_tb1 .new_box01 .tb_con .txt_point01 { background-color: #fff; font-size: 16px; font-weight: 600; } .pension_contents_tb1 .new_box02 {position: relative; overflow: hidden; display: block; height: 545px; border:1px solid #ddd; background:url(/img/pension/irp_system_bg02.png?v=202303) left top no-repeat; margin-bottom: 10px;} .pension_contents_tb1 .new_box02 .tb_con {position: relative; overflow: hidden; display: block; margin-top: 20px; margin-bottom: 25px; margin-right: 30px; margin-left: 280px;} .pension_contents_tb1 .new_box02 .tb_con td {line-height: 140%; padding: 10px;} .pension_contents_tb1 .new_box02 .tb_con .irp_td_h {} .pension_contents_tb1 .new_box02 .mT6 { position: absolute; top: 435px; left: 32px;} .pension_contents_tb1 .tb_th_col1 {border-top:1px solid #fff; margin-top: 47px;} .pension_contents_tb1 .tb_th_col1 th {background-color: #e47f2f; color: #fff;} .pension_contents_tb1 .tb_th_col1 th:nth-child(2) {background-color: #eba46c;} .pension_contents_tb1 .tb_th_col2 {border-top:0px; margin-top: 0px;} .pension_contents_tb1 .tb_th_col2 th {font-size: 16px; font-weight: 600;} .pension_contents_my1 { position: relative; overflow: hidden; display: block; padding-top: 8px;} .pension_contents_my1 .jasan01 {position: relative; overflow: hidden; display: block; background:url(/img/pension/jasan_bg01.png) 55px 8px no-repeat; background-size: 130px; border-top:1px solid #666666; border-bottom:1px solid #dddddd; width: 460px; height: 138px; float: left;} .pension_contents_my1 .suig01 {position: relative; overflow: hidden; display: block; background:url(/img/pension/suig_bg01.png) 55px 8px no-repeat; background-size: 130px; border-top:1px solid #666666; border-bottom:1px solid #dddddd; width: 460px; height: 138px; float: right;} .pension_contents_my1 .gijun01 {position: absolute; overflow: hidden; display: block; width: 100%; color: #666; bottom: 12px;left: 24px;font-size: 12px;} .pension_contents_my1 .guide01 {position: relative; overflow: hidden; display: block; width: 100%; text-align: right;} .pension_contents_my1 .guide01 p { width: 49%; float: right; text-align: left; margin-top:5px; } .pension_contents_my1 .jasan02 {position: relative; overflow: hidden; display: block; background:url(/img/pension/jasan_bg01.png) right 20px no-repeat; border-top:1px solid #666666; border-bottom:1px solid #dddddd; width: 460px; height: 240px; float: left;} .pension_contents_my1 .suig02 {position: relative; overflow: hidden; display: block; background:url(/img/pension/suig_bg01.png) right 20px no-repeat; border-top:1px solid #666666; border-bottom:1px solid #dddddd; width: 460px; height: 240px; float: right;} .pension_contents_my1 .vol_a h3 {position: absolute; text-align: center; overflow: hidden; right: 40px; margin-top:43px; font-size: 18px; width: 205px; height: 28px;} .pension_contents_my1 .vol_a .txt01 {position: absolute; text-align: center; overflow: hidden; right: 40px; margin-top:70px; font-size: 18px; color: #dc6a0a; width: 205px; height: 25px;} .pension_contents_my1 .vol_a .txt02 {position: absolute; text-align: center; overflow: hidden; right: 40px; margin-top:95px; font-size: 14px; color: #666666; width: 205px; height: 22px;} .pension_contents_my1 .vol_b h3 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:23px; font-size: 18px; width: 250px; height: 28px;} .pension_contents_my1 .vol_b .txt01 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:50px; font-size: 18px; color: #dc6a0a; width: 250px; height: 25px;} .pension_contents_my1 .vol_b h4 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:90px; font-size: 18px; width: 250px; height: 28px;} .pension_contents_my1 .vol_b .txt02 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:115px; font-size: 18px; color: #dc6a0a; width: 250px; height: 25px;} .pension_contents_my1 .vol_b h5 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:175px; font-size: 18px; width: 125px; height: 28px;} .pension_contents_my1 .vol_b .txt03 {position: absolute; overflow: hidden; margin-left: 138px; margin-top:175px; font-size: 18px; color: #dc6a0a; width: 165px; height: 25px;} .pension_contents_my1 .vol_b .pbtnBold1 { line-height: 18px; height: 24px; margin-top:178px; margin-left:335px; padding-left: 12px; padding-right: 12px;} .pension_contents_my1 .vol_c h3 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:23px; font-size: 18px; width: 250px; height: 28px;} .pension_contents_my1 .vol_c .txt01 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:50px; font-size: 18px; color: #dc6a0a; width: 250px; height: 25px;} .pension_contents_my1 .vol_c h4 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:90px; font-size: 18px; width: 250px; height: 28px;} .pension_contents_my1 .vol_c .txt02 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:115px; font-size: 18px; color: #000; width: 250px; height: 22px;} .pension_contents_my1 .vol_c .txt02 .col01 {color: #dc6a0a;} .pension_contents_my1 .vol_c .gijun02 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:142px; color: #666; font-size: 12px;} .pension_contents_my1 .vol_c .txt03 {position: absolute; overflow: hidden; margin-left: 23px; margin-top:175px; font-size: 13px; color: #000;} .pension_contents_sc01 {} /*.pension_contents_sc01 .box04 #kname {background-color: #fff; border: 0px;}*/ .pension_step_tab_a4 {position: relative; overflow: hidden; display: block; width:100%; height: 35px; margin-bottom: 30px;} .pension_step_tab_a4 .txt01 {position: absolute; left:65px; line-height: 31px; font-size: 13px;} .pension_step_tab_a4 .txt02 {position: absolute; left:307px; line-height: 31px; font-size: 13px;} .pension_step_tab_a4 .txt03 {position: absolute; left:542px; line-height: 31px; font-size: 13px;} .pension_step_tab_a4 .txt04 {position: absolute; left:797px; line-height: 31px; font-size: 13px;} .pension_step_tab_a4.step1 { background:url(/img/pension/a4_step_bg1.jpg) 0 0 no-repeat; } .pension_step_tab_a4.step1 .txt01 {color: #dc6a0a; } .pension_step_tab_a4.step2 { background:url(/img/pension/a4_step_bg2.jpg) 0 0 no-repeat; } .pension_step_tab_a4.step2 .txt02 {color: #dc6a0a; } .pension_step_tab_a4.step3 { background:url(/img/pension/a4_step_bg3.jpg) 0 0 no-repeat; } .pension_step_tab_a4.step3 .txt03 {color: #dc6a0a; } .pension_step_tab_a4.step4 { background:url(/img/pension/a4_step_bg4.jpg) 0 0 no-repeat; } .pension_step_tab_a4.step4 .txt04 {color: #dc6a0a; } .pension_step_tab_a3 {position: relative; overflow: hidden; display: block; width:100%; height: 35px; margin-bottom: 30px;} .pension_step_tab_a3 .txt01 {position: absolute; left:65px; line-height: 31px; font-size: 13px;} .pension_step_tab_a3 .txt02 {position: absolute; left:385px; line-height: 31px; font-size: 13px;} .pension_step_tab_a3 .txt03 {position: absolute; left:697px; line-height: 31px; font-size: 13px;} .pension_step_tab_a3.step1 { background:url(/img/pension/a3_step_bg1.jpg) 0 0 no-repeat; } .pension_step_tab_a3.step1 .txt01 {color: #dc6a0a; } .pension_step_tab_a3.step2 { background:url(/img/pension/a3_step_bg2.jpg) 0 0 no-repeat; } .pension_step_tab_a3.step2 .txt02 {color: #dc6a0a; } .pension_step_tab_a3.step3 { background:url(/img/pension/a3_step_bg3.jpg) 0 0 no-repeat; } .pension_step_tab_a3.step3 .txt03 {color: #dc6a0a; } .pension_step_tab_a5 {position: relative; overflow: hidden; display: block; width:100%; height: 35px; margin-bottom: 30px;} .pension_step_tab_a5 .txt01 {position: absolute; left:65px; line-height: 31px; font-size: 13px;} .pension_step_tab_a5 .txt02 {position: absolute; left:247px; line-height: 31px; font-size: 13px;} .pension_step_tab_a5 .txt03 {position: absolute; left:442px; line-height: 31px; font-size: 13px;} .pension_step_tab_a5 .txt04 {position: absolute; left:632px; line-height: 31px; font-size: 13px;} .pension_step_tab_a5 .txt05 {position: absolute; left:837px; line-height: 31px; font-size: 13px;} .pension_step_tab_a5.step1 { background:url(/img/pension/a5_step_bg1.jpg) 0 0 no-repeat; } .pension_step_tab_a5.step1 .txt01 {color: #dc6a0a; } .pension_step_tab_a5.step2 { background:url(/img/pension/a5_step_bg2.jpg) 0 0 no-repeat; } .pension_step_tab_a5.step2 .txt02 {color: #dc6a0a; } .pension_step_tab_a5.step3 { background:url(/img/pension/a5_step_bg3.jpg) 0 0 no-repeat; } .pension_step_tab_a5.step3 .txt03 {color: #dc6a0a; } .pension_step_tab_a5.step4 { background:url(/img/pension/a5_step_bg4.jpg) 0 0 no-repeat; } .pension_step_tab_a5.step4 .txt04 {color: #dc6a0a; } .pension_step_tab_a5.step5 { background:url(/img/pension/a5_step_bg5.jpg) 0 0 no-repeat; } .pension_step_tab_a5.step5 .txt05 {color: #dc6a0a; } .pension_btnWrap {position: relative; overflow: hidden; display: block; width: 100%; text-align: center; margin:25px 0 0; } .pension_btnWrap .txt01 {position: relative; overflow: hidden; display: block; width: 100%; text-align: center; font-size: 17px; font-weight: 700; margin-bottom: 15px;} .pension_box_con {position: relative; overflow: hidden; display: block; border:1px solid #dddddd; background:#f4f4f4; padding:8px; } .pension_box_con .con_l_01 {float: left; line-height: 25px; margin-left:10px; } .pension_box_con .con_l_01 .txt01 { color: #1b73d4; font-weight: 700; } .pension_box_con .con_l_01 .txt02 { color: #d42e2e; font-weight: 700; } .pension_box_con .con_l_01.w600 { width: 750px; } .pension_box_con .con_l_02 {float: left; line-height: 25px; margin-left:10px; } .pension_box_con .con_r_01 {float: right;} .pension_box_con .con_r_01 button {line-height: 25px;} .pension_box_con .con_r_02 {position: absolute; top: 50%; right: 15px; margin-top: -17px;} .pension_box_con .con_r_02 button {} .pension_section_01 {} .pension_section_01 .sectionGuide { margin-top:45px; padding-top:27px; background: transparent; background-color: #f4f4f4; } .pension_section_01 .sectionGuide h4 {display: block; padding-bottom:0px; padding-left: 22px; background:url(/img/pension/sectionGuide_tit_n.png) left 3px no-repeat;} .pension_section_01 .sectionGuide p.txt_n01 {line-height: 22px; margin-top: 5px;} .pension_contents_st1 {position: relative; overflow: hidden; display: block; border:1px solid #ddd;border-bottom: none;} .pension_contents_st1 .cont_n {position: relative; overflow: hidden; display: block; border-bottom:1px solid #ddd;} .pension_contents_st1 .cont_n .table_con {position: relative; overflow: hidden; display: block; margin-top: 78px; margin-bottom: 30px; margin-right: 30px; margin-left: 272px;} .pension_contents_st1 .cont_n .table_con .type_n01 {font-size: 16px; font-weight: 300; width: 500px; margin-left: 100px; padding-bottom: 5px; text-align: left;} .pension_contents_st1 .cont_n .table_con .type_n01 span {color: #de690a;} .pension_contents_st1 .cont_n .table_con .type_n01 span.txt018 {font-size: 14px; color: #000;} .pension_contents_st1 .cont_n.step_1 {background:url(/img/pension/irp_step_bg01.png) 90px bottom no-repeat;} .pension_contents_st1 .cont_n.step_2 {background:url(/img/pension/irp_step_bg02.png) 90px bottom no-repeat;} .pension_contents_st1 .cont_n.step_3 {background:url(/img/pension/irp_step_bg03.png) 90px bottom no-repeat;} .pension_contents_st1 .cont_n.step_4 {background:url(/img/pension/irp_step_bg04.png) 90px bottom no-repeat;} .pension_contents_st1 .cont_n h3 {position: absolute; top: 25px; left: 28px; font-weight: 300;} .pension_contents_st1 .cont_n h3 strong {font-weight: 600;} .pension_contents_st1 .cont_n .table_tit {position: absolute; left: 272px; width: 300px;} .pension_contents_st1 .cont_n .table_tit .txt01 {float: left; display: block; overflow: hidden; color: #fff; font-size: 16px; font-weight: 400; width: 60px; height: 60px; text-align: center; line-height: 60px; background-color: #de690a; } .pension_contents_st1 .cont_n .table_tit .txt02 {position: relative; overflow: hidden; display: block; margin-top: 19px; padding-left: 9px; color: #999; font-size: 14px;} .pension_contents_st1 .cont_n .table_tit .txt03 {position: relative; overflow: hidden; display: block; padding-left: 9px; color: #de690a; font-size: 14px; width: 200px;} .pension_stateWrap {position: relative; min-height: 85px; overflow: hidden; display: block; background-color: #f4f4f4; padding: 30px 30px 0px 30px;} .pension_stateWrap h3 { position: absolute; top: 28px; left: 30px; font-size: 17px; font-weight: 300; width: 180px;} .pension_stateWrap .list01 {position: relative; overflow: hidden; display: block; margin-left: 205px; } .pension_stateWrap .list01 > li {font-size: 14px; font-weight: 300; line-height: 150%; margin-bottom: 27px; padding-left: 30px; background:url(/img/pension/icon_check01.png) left 5px no-repeat;} .pension_IRP_cont_tb {position: relative; overflow: hidden; display: block;} .pension_IRP_cont_tb .cont_01 {position: relative; overflow: hidden; display: block;} .pension_IRP_cont_tb .cont_01.back01 {height: 465px; border:1px solid #ccc; border-top:1px solid #000; background-color: #fff; background:url(/img/pension/irp_cont_bg01.png) center 26px no-repeat;} .pension_IRP_cont_tb .cont_01 p {position: relative; overflow: hidden; display: block; text-align: center; font-size: 18px; line-height: 120%; } .pension_IRP_cont_tb .cont_01 .txt01 { margin-top: 265px; } .pension_IRP_cont_tb .cont_01 .txt01 .color01 { color: #e56d16; font-weight: 600; } .pension_IRP_cont_tb .cont_01 .txt01 .color02 { color: #000; font-weight: 600; } .pension_IRP_cont_tb .cont_01 .txt02 { margin-top: 15px; } .pension_IRP_cont_tb .cont_01 .btn01 {position: relative; overflow: hidden; display: block; text-align: center; margin-top: 35px;} .pension_IRP_cont_tb {position: relative; overflow: hidden; display: block;} .pension_IRP_cont_tb .cont_02 {position: relative; overflow: hidden; display: block;} .pension_IRP_cont_tb .cont_02.back01 { float: left; width: 458px; height: 465px; border:1px solid #ccc; border-top:1px solid #000; background-color: #fff; background:url(/img/pension/irp_cont_bg02.png) center 26px no-repeat;} .pension_IRP_cont_tb .cont_02.back02 { float: right; width: 458px; height: 465px; border:1px solid #ccc; border-top:1px solid #000; background-color: #fff; background:url(/img/pension/irp_cont_bg03.png) center 26px no-repeat;} .pension_IRP_cont_tb .cont_02 p {position: relative; overflow: hidden; display: block; text-align: center; font-size: 18px; line-height: 120%; } .pension_IRP_cont_tb .cont_02 .txt01 { margin-top: 265px; } .pension_IRP_cont_tb .cont_02 .txt01 .color01 { color: #e56d16; font-weight: 600; } .pension_IRP_cont_tb .cont_02 .txt01 .color02 { color: #000; font-weight: 600; } .pension_IRP_cont_tb .cont_02 .txt02 { margin-top: 15px; } .pension_IRP_cont_tb .cont_02 .btn01 {position: relative; overflow: hidden; display: block; text-align: center; margin-top: 35px;} .pension_guide_01 {position: relative; overflow: hidden; display: block; padding: 27px; background-color: #f4f4f4; } .pension_guide_01 .txt_n01 {line-height: 180%;} .pension_info_list {margin-top: 5px;} .pension_info_list > li {padding-left: 15px; position: relative;line-height: 22px;} .pension_info_list > li::before {content: "※"; position: absolute; left: 0;} /*퇴직연금2차:START*/ .earn_rate {width: 48px;text-align: right;margin-right: 5px;padding-right: 5px !important;} /*은퇴설계:START*/ /*공통*/ .tar {text-align: right;} .dpb {display: block;} .fb {font-weight: bold;} .cb {clear: both;} .screen_out {position: absolute; left: -9999px;} .txt_orange {color: #de690a;} .txt_gray {color: #666 !important;} .fs_sm_2 {font-size: 13px;} .fs_sm_3 {font-size: 15px;} .fs_md_1 {font-size: 16px;} .fs_md_2 {font-size: 18px;} .backdrop {background: #000;width: 100%;height: 100%;opacity: 0.6;} .rp_form .rp_step_visual {margin: 30px 0 15px 0; border: 1px solid #ddd; background-color: #f4f4f4; background-repeat: no-repeat; background-position: right 100px bottom;padding: 30px 100px 30px 30px; letter-spacing: -1px;} .rp_form .rp_step_visual.step1 {background-image: url('/img/pension/STEP1_MAIN.png');} .rp_form .rp_step_visual.step2 {background-image: url('/img/pension/STEP2_MAIN.png');} .rp_form .rp_step_visual.step3 {background-image: url('/img/pension/STEP3_MAIN.png');} .rp_form .rp_step_visual.step4 {background-image: url('/img/pension/STEP4_MAIN.png');} .rp_form .rp_step_visual.step5 {background-image: url('/img/pension/STEP5_MAIN.png');} .rp_form .rp_step_visual .rp_step_order {font-size: 18px; font-weight: bold;} .rp_form .rp_step_visual .rp_step_title {font-size: 18px;margin: 10px 0 20px 0;} .rp_form .rp_step_visual .rp_step_desc {margin-top: -5px;} .rp_step_wrap .rp_step_item {float: left;width: 172px;} .rp_step_wrap .rp_step_item + .rp_step_item {padding-left: 20px;background: url('/img/pension/question_icon.png') no-repeat left 6px center;} .rp_step_item > .rp_item_wrap{padding: 20px 10px 20px 11px; border: 1px solid #ddd;color: #666;} .rp_step_item > .rp_item_wrap > span{display: block;} .rp_step_item > .rp_item_wrap > span.rp_item_order {font-family: Arial;} .rp_step_item.on > .rp_item_wrap {border: 1px solid #de690a;color: #de690a;} .rp_step_item.on > .rp_item_wrap > span.rp_item_title {font-weight: bold;} .rp_step_item > .rp_item_wrap {background-repeat: no-repeat; background-position: right 10px center;} /*메인*/ .rp_main_wrap {position: relative;} .main_btn {font-size: 18px;position: absolute;font-weight: bold;} .main_btn:hover {text-decoration: none;} .start_btn {color: #fff !important;background: #de690a;padding: 18px 0;width:260px;bottom: 160px;left: 0;right: 0;margin: 0 auto;text-align: center;} .history_btn {bottom: 96px;color: #de690a;border-bottom: 1px solid #de690a;padding: 0 40px 10px 20px;left: 366px;background: url(/img/pension/main_download_icon.png) 175px 5px/18px no-repeat;} .rp_form .step_wrap {display: none;} .rp_history_form {margin-bottom: 30px;} .input_sm{width: 55px; padding-left: 3px;} .rp_q_title {font-size: 18px;margin-top: 20px;} .rp_q_title > .rp_q_sign {display:inline-block;width: 40px;height: 40px;line-height: 36px;background: #de690a;color: #fff;text-align: center;} .rp_a_wrap {border: 1px solid #ddd;padding: 15px 40px 20px;margin-top: 15px;} .rp_a_wrap .rp_a_title {border-bottom: 1px solid #ddd; font-size: 14px;padding-bottom: 10px;margin-bottom: 10px;} .rp_a_wrap .rp_a_input {font-size: 16px;} .col_lg_50 {width: 50%;float: left;} .rp_input {border: 1px solid #bbb;text-align: right;box-sizing: border-box;vertical-align: middle;} .rp_input.layer_input {width: 100px; height: 24px;margin-right: 5px;padding-right: 10px;font-size: 14px;} .rp_input.clickable {background: #d1d5d7 !important;} .rp_a_input .rp_input {width: 170px;height: 35px;padding-right: 10px;margin-right:15px;font-size: 18px;} .rp_a_input .rp_input+span {vertical-align: bottom;display: inline-block;margin-bottom: 7px;} .rp_a_input + .rp_a_title, .col_lg_50 + .rp_a_title {padding-top: 18px;} .rp_a_input .rp_chk {vertical-align: bottom;display: inline-block;margin: 0 0 4px 20px;font-weight: bold;} .q_icon_txt {background:url('/img/pension/icon_question.png') no-repeat right bottom 0;padding-right: 20px;margin-right: 5px;color: #000;} a.q_icon_txt:hover {color: #de690a;text-decoration: none;} #chart01 {width: 210px; height: 210px; float: left;margin:0 150px 0 100px;} .ps_chart_legend span.label {width: 20px; height: 20px; display: inline-block;vertical-align: middle;margin-right: 15px;} .ps_chart_legend .legend_title {display: inline-block; width: 150px;} .ps_chart_legend span.label01 {background: #92b30c;} .ps_chart_legend span.label02 {background: #598cd1;} .ps_chart_legend span.label03 {background: #a2c5f5;} .ps_chart_legend span.label04 {background: #edaf36;} .ps_chart_legend > li+li {margin-top: 10px;} .chart01_legend {margin-top: 85px;} /*STEP2*/ .cost_item.total {border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 10px;} .cost_item > .item_title {float: left;} .cost_item > .item_input {float: right;margin-top: 10px;} .cost_item.total > .item_title {background: url(/img/pension/icon_01.png) no-repeat 0;height: 57px;padding-left: 80px;line-height: 51px;} .cost_item.minus {margin-left: 55px;} .cost_item.minus > .item_title{background: url(/img/pension/icon_02.png) no-repeat 0 20px;padding: 13px 0 0 25px;} .cost_item.target {background: #f4f4f4;margin: 10px -40px -20px;padding: 20px 40px;} .cost_item.target > .item_title {background: url(/img/pension/icon_03.png) no-repeat 0;height: 67px;padding-left: 80px;line-height: 67px;} /*STEP3*/ .rp_diagram {background: #f4f4f4;padding: 20px 88px;text-align: center;} .rp_diagram .step_age {background: url('/img/pension/circle_bg.png') no-repeat 0 0;width: 102px;float: left} .step_age > .dg_step_title {color: #fff; font-size: 16px;margin-top: 20px;} .step_age > .dg_step_ctns {color: #de690a; font-size: 20px;margin-top: 14px;} .step_age > .dg_plan_info {margin-top: 28px;font-size: 16px;} .rp_diagram > .arrow_sign {float: left;background: url(/img/pension/arrow_01.png) no-repeat right 41px;margin: 0 33px;position: relative;} .arrow_sign > .arrow_bar {background: #d6d6d6;height:2px;width:155px;margin: 10px 0 8px 0;} .rp_diagram > .step_retire {float: left;font-size: 16px;} .step_retire > .retire_age {color: #fff;background: #de690a;border-radius: 7px;font-size: 18px;padding: 15px 40px;margin: 6px 0 20px 0;} .rp_result_wrap h3 {margin:35px 0 20px 0; font-size: 24px;} .rp_result_wrap .menuTabNavi {margin-top: 30px;} .rp_result_box {border: 1px solid #dfdfdf;padding: 40px 0;margin-top: 15px;} .rp_stat, .rp_stat_sm {float: left;text-align: center;position: relative;} .rp_stat .pie_chart, .rp_stat_sm .pie_chart {margin: 0 auto;} .rp_stat {width: 234px;} .rp_stat .pie_chart {width: 120px; height: 120px;} .rp_stat > .rp_stat_title {font-size: 16px;margin-bottom: 8px;} .rp_stat + .rp_stat{border-left: 1px solid #ddd;} .rp_stat .rp_stat_desc{margin-top: -35px;} .rp_stat .chart_score, .rp_stat_sm .chart_score {position: absolute;left: 0; right:0;color: #de690a;top: 67px;font-size: 20px;} .rp_stat_sm .chart_score {top: 80px;font-size: 18px;} .chart_score.minimum {top: 63px;} .chart_score.minimum > .less_txt {display: block;position: absolute;font-size: 14px;font-weight: bold;top: 36px;left: 104px;} .rp_stat .chart_score > .score, .rp_stat_sm .chart_score > .score {font-family: Arial;font-weight: bold;font-size: 34px;vertical-align: sub;margin: 0 3px 0 1px;letter-spacing: -1px;} .rp_stat_sm .chart_score > .score {font-size: 30px;margin: 0 1px 0 2px;} .rp_stat_sm {width: 50%;padding: 22px 0 33px 0;} .rp_stat_sm .pie_chart {width: 100px; height: 100px;} .rp_stat_sm > .rp_stat_title {margin-bottom: 10px;} .rp_stat_sm .rp_stat_desc {margin-top: -29px;font-size: 12px;} .rp_stat_sm img {width: 100px;} .rp_stat_desc{display: block;font-weight: bold;} /*STEP4*/ .control_wrap {background: url('/img/pension/input.png') no-repeat;position: absolute;width: 128px;height: 28px;top: 28px;left: 30px;} .control_input {border: none;margin-top: 1px;text-align: center;} .arrow_sign .control_input {width: 70px;margin-top: 1px;height: 26px;} .step_retire .control_input {width: 22px;font-size: 18px;text-align: right;} .control_btn {width: 20px; height: 20px;position: absolute;top: 4px;} .control_btn.plus {right: 4px;} .control_btn.minus {left: 4px;} .arrow_sign.editable {margin: 13px 16px 0 16px;background: url(/img/pension/arrow_01.png) no-repeat right 34px;} .arrow_sign.editable > .arrow_bar {margin: 22px 0 8px 0;width: 189px;} .step_retire > .retire_age.editable {background: none; color: #000;padding: 0;border-radius: 0;position: relative;width: 118px;height: 54px;margin-bottom: 30px;} .control_btn2 {width: 28px; height: 54px;position: absolute; top: 0;} .control_btn2.minus {background: url(/img/pension/input_minus_btn.png) no-repeat 0 0;left:0;} .control_btn2.plus {background: url(/img/pension/input_plus_btn.png) no-repeat 0 0;right: 0;} .retire_age.editable > .control_input_wrap {background: #fff;width: 62px;margin: 0 auto;height: 100%;line-height: 53px;} .bg_tip {background: url(/img/pension/tip.png) no-repeat 0 0;padding: 1px 0 5px 37px;margin-top: 10px;} .tab_content {display: none;} .tab_content.active {display: block;} .tab_content > h4 {font-size: 18px;margin: 20px 0 13px 0;} .asset_list > .asset_item {display: inline-block;text-align: center;width: 33%;font-size: 16px;margin-top: 23px;} .asset_item > .item_title {font-size: 16px;} .asset_item .item_wrap {border-left: 1px solid #ddd;padding: 15px 0 10px 0;margin-left: -1px;} .no_side_padding {padding-left: 0;padding-right: 0;} .chart_wrap {border: 1px solid #ddd;padding: 20px 30px;position: relative;} .ps_chart_legend.chart02_legend > li {display: inline-block;} .ps_chart_legend.chart02_legend > li + li {margin: 10px 0 0 25px;} .rp_list1 {margin-right: 30px;word-break: keep-all;} /*STEP5*/ .rp_sub_title02 {font-size: 18px;font-weight: bold;margin: 27px 0 11px 0;display: inline;} .rp_sub_title03 {font-size: 16px;font-weight: bold;display: inline;} .rp_area_gap {margin: 25px 0 10px 0;display:block;} .rp_title03_wrap {margin-top: 25px; position: relative;} .rp_title03_wrap .title_wrap {display: inline;font-size: 16px;} .rp_title_info {float: right;margin-top: 5px;} .my_asset_wrap {border: 1px solid #ddd; padding: 15px 0;} .my_asset_wrap > ul > li {width: 50%;float: left;box-sizing: border-box; padding: 57px 0 58px 234px;} .my_asset_wrap > ul > li + li {border-left: 1px solid #ddd;} .asset_info.asset_bg_01 {background: url(/img/pension/jasan_bg01.png) 55px 10px no-repeat;} .asset_info.asset_bg_02 {background: url(/img/pension/suig_bg01.png) 55px 10px no-repeat;} .asset_info .amount_txt {font-size: 28px;line-height: 30px;} .asset_info .asset_info_title {font-size: 13px; color: #797979;display: block;font-weight: bold;} .rp_link_wrap .paragraph {margin-top: 25px;} .rp_link_wrap .text_block{display: block;} .rp_link_wrap.lh_lg .text_block {line-height: 32px;} .rp_link_wrap.lh_md .text_block {line-height: 26px;} .rp_link_wrap.lh_lg .pbtn {margin-top: 10px;} .rcmd_prdt_table td {position: relative;} .my_content + .prdt_content {margin-top: 30px;} .rp_result_wrap table tfoot tr {background: #f8f7f4;} /*연금정보layer*/ .rp_q_title > .rp_q_sign.small {width: 30px; height:30px;line-height: 27px;} .row {width: 100%;clear: both;} .row > .col_lg_50 {width: 48.7%;} .row > .col_lg_50 + .col_lg_50 {margin-left: 20px;} .rp_layer_label {font-size: 16px;margin-right: 3px;} /*은퇴설계 상세정보 layer*/ .rp_sub_title {background: url(/img/pension/bullet_square.png) no-repeat 0 center;font-size: 16px; font-weight: bold;padding-left: 10px;margin-top: 32px;} .input_group + .input_group {margin-left: 15px;} /*로딩*/ .rp_loading {width: 100%;text-align: center;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;} .rp_loading > .loading_content {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 287px;height: 156px; background: #fff;box-shadow: 0px 8px 12px #3e3e3e;padding: 0 22px;box-sizing: border-box;} .rp_loading > .loading_content > .loading_sign {width: 100%;text-align: center;padding: 20px 0 15px 0;} .rp_loading > .loading_content > .bg_bar {height: 2px;width: 100%;background: #e7e7e7;font-size: 10px;margin: 8px 0 5px 0;} .bg_bar > .progress_bar {height: 2px;width: 0%;background: #de690a;} .rp_loading > .loading_content > .progress_rate {font-size: 10px;color: #666;} .progress_rate > .delimiter {margin: 0px 3px;} /*저장내역불러오기*/ .history_chart_wrap {width: 49%; float: left;margin-top: 15px;} .history_chart_wrap+.history_chart_wrap {margin-left: 2%;} .history_chart_wrap .chart_content {width: 100%;height: 300px;} .history_chart_wrap .chart_title {font-size: 18px;margin-bottom: 10px;display: block;} .history_chart_wrap .chart_area {position: relative;} .history_chart_legend {position: absolute;top: 0;z-index: 1;text-align: center;width: 100%;margin-top: 10px;} .history_chart_legend > li {display: inline-block;} .history_chart_legend .legend {display: inline-block;width: 13px;height: 3px; vertical-align: middle; margin-right: 5px;} .history_chart_legend .legend.legend02 {background: #f00;} .history_chart_legend .legend.legend01 {background: #04f;} /*은퇴기상도*/ .rp_weather {background: #f4f4f4;padding: 15px 0px;} .rp_weather_list > li.rp_weather_item {text-align: center;display: inline-block;width: 18%;} .rp_weather_list > li+li{border-left: 1px solid #ddd;} li.rp_weather_item > img {margin:6px 0 2px 0;} .rp_weather_item > span{display: block;font-size: 12px;color: #666;} .rp_form .btnWrap {margin-top: 30px;} .rp_input_area .rp_btn_wrap {margin: -15px 0 20px 0;} .rp_input_area .rp_btn_wrap > button+button{margin-left: 15px;} .rp_input_row {width: 100%;} .rp_input_row:after, .rp_input_opt:after{content: " ";clear: both;display: block;} .rp_input_row > .rp_input_col {width: 50%;float: left;} .rp_input_col > label {display: block; font-size: 16px;margin-bottom: 5px;} .rp_input[readonly] {background: #ebebe4;} .rp_list1 > li {padding-left: 12px;background: url(/img/common/2015/bul_li02.gif) 5px 10px no-repeat;line-height: 18px;} .rp_list1 > li + li {margin-top: 8px;} .chart02_legend_list {text-align: center;} .chart02_legend_list > li{display: inline-block;color: #666;font-size: 12px;margin: 0 25px;} .chart02_legend_list > li > .legend {display: inline-block; width: 15px; height: 3px;vertical-align: middle;} .chart02_legend_list > li > .legend.expect {background-color: #93b20c;} .chart02_legend_list > li > .legend.current {background-color: #5a8cd1;} .chart02_legend_list > li > .legend.recommend {background-color: #de690a;} .chart_wrap .q_date {position: absolute;text-align: center;top: 129px;left: 188px;} .chart_wrap #CHART01 {width: 211px; height: 211px;float: left;} .rp_result_title {position: relative;} .rp_result_title h3 {font-size: 18px;} .rp_result_title button {position: absolute;right: 0;top: 3px;} .rp_check_wrap {border: 1px solid #ddd;margin-top: 7px;margin-bottom: 40px;} .rp_check_wrap #CHART01 {width: 640px; height: 300px;float: left;padding: 65px 0 0 5px;} .rp_check_wrap #CHART01 .chart_unit {position: absolute;top: 40px;right: 35px;color: #666;} .rp_check_info {float: right;width: 292px;border-left: 1px solid #ddd;} .info_card {color: #fff;padding: 10px 15px 11px 15px;margin: 0 -1px;} .info_card.previous {background: #de690a;} .info_card.today {background: #5a8cd1;} .info_card > .info_card_title {font-weight: bold;} .rp_check_wrap .rp_weather {margin-top: 0;border-top: 1px solid #ddd;} .rp_result_box #CHART02 {width: 100%;height: 350px;} .rp_result_box #CHART02 + .chart02_legend {margin-bottom: 15px;} .step.step2 .step_title {display: inline-block;width: 50%;float: left;line-height: 32px;padding-left: 63px;box-sizing: border-box;} .step.step2 > .s1 > .txt01, .step.step2 > .s2 > .txt02{color: #de690a;} .more_btn2 {background-image: url(/img/pension/icon_plus2.png); background-repeat: no-repeat; background-position: right 7px top 6px;;font-size: 14px; border: 1px solid #000;padding: 2px 20px 2px 10px;} .more_btn2.minus {background-image: url(/img/pension/icon_minus2.png);} col.PS711_5l2_table_col1 {width: 15%;} /*퇴직연금2차:END*/ .info_btn_group {position: absolute;top: 50px;right: 0;} .tbl_inner_list {margin: 7px 0;} .tbl_inner_list > li+li{margin-top: 5px;} tr.child_row {background: #f7f7f7 url(/img/common/child_row_icon.png) no-repeat 15px 15px;} .step_item_wrap table tfoot th {background:#f3f2ec;} /*미래설계 메인화면*/ .future_design_wrap {} .future_design_wrap > img {width: 100%;} .future_design_wrap .fd_title{font-weight: bold;font-size: 37px;text-align: center;color: #e37a39;padding-top: 25px;padding-bottom: 95px;} .future_design_wrap .fd_icon{text-align: center;padding-bottom: 58px;} .future_design_wrap .fd_icon figure{display: inline-block;text-align: center;} .future_design_wrap .fd_icon figure figcaption{font-weight: bold;margin-top: 15px;} .future_design_wrap .fd_icon figure img{width: 46px;} .future_design_wrap .fd_nohu{padding: 30px 35px;text-align: center;background-color: #e37a39;} .future_design_wrap .fd_ps_sol{margin-top: 10px;height: 660px;} .future_design_wrap .fd_ps_sol div img{height: 210px;margin: 0px auto;display: block;padding-top: 80px;padding-bottom: 60px;} .future_design_wrap .fd_bottom{text-align: center;} .future_design_wrap .fd_ps{background-color: #a5ddf4;float: left;width: 50%;height: 100%;} .future_design_wrap .fd_sol{background-color: #a7d1f2;width: 50%;float: right;height: 100%;} .future_design_wrap .fd_mungu{margin-left: 73px; width: 300px;} .future_design_wrap .fd_sol_box{margin-left: 73px;border: 1px solid #fff;width: 305px;margin-top: 8px;border-radius: 4px;padding: 9px 10px;} .future_design_wrap .fd_b_mungu{width: 450px;margin: 55px auto 18px;padding-bottom: 55px;border-bottom: 1px solid #ccc;} .future_design_wrap .fd_circle{background-color: #e37a39;width: 114px;height: 114px;font-weight: bold;color: #fff;text-align: center;font-size: 17px;margin: 0 auto -57px;position: relative;top: -57px;border-radius: 57px;} .future_design_wrap .fd_circle span{display: block;vertical-align: middle; padding-top: 35px} .future_design_wrap .cen_img{margin: 0 142px;} .future_design_wrap .fd_txt01{color: #fff;font-size: 21px;margin-bottom: 10px;} .future_design_wrap .fd_txt02{color: #fff8f5;margin-bottom: 4px;} .future_design_wrap .fd_txt03{font-weight: bold;font-size: 21px;margin-bottom: 30px;} .future_design_wrap .fd_txt04{line-height: 2em;} .future_design_wrap .fd_txt05{font-size: 12px;color: #f5fafd;line-height: 2em;} .future_design_wrap .now_btn{color: #fff !important;background: #e37a39;padding: 16px 0;width: 262px;margin: 18px auto 0;font-weight: bold;font-size: 15px;display: block; border-radius: 30px;margin-bottom: 34px;} .future_design_wrap .his_btn {color: #000;font-weight: bold;background: url(/img/pension/icon_download.png) no-repeat;background-size: 13px 16px;padding-left: 20px;} /*20191014 미래설계 이벤트*/ .event_20191014_pop {color: #ff0000;font-weight: bold;} /*코스닥벤처 신규 매수 소득공제 */ .kosdaq_input {margin-right: 10px;} .ib211_12l_div label{margin-right: 10px;} .cu111_marketing{display: block;float: right;} .cu111_marketing > label + input[type="checkbox"]{display: inline-block;margin-left: 20px;} /*Smart Wrap 안내*/ .fi611_1p ul.imgTxt li strong.txt1{font-size: 20px;display: inline-block;line-height: 34px;margin-bottom: 34px;} .fi611_1p ul.imgTxt li .txt2{line-height: 25px;} .fi611_1p .section-info{padding-top: 18px;} .fi611_1p .section-info-last strong{font-size: 20px;display: inline-block;margin: 10px 0 20px;} .fi611_1p .section-feature strong{font-size: 20px;display: inline-block;margin-top: 20;} .fi611_1p .section-feature .box1{padding:15px 10px;border: 0.5px solid #979797; border-top: 1.5px solid #e17a32;margin-top: 15px;} .fi611_1p .section-feature .box1 ul li{padding: 3px 12px 3px;margin: 0;} .fi611_1p .section-feature .txt4{font-weight: bold;color: #e77e28;margin-bottom: 25px;} .fi611_1p .section-feature .txt5{margin: 10px 0 20px;} .fi611_1p .section-recommand{margin-top: 50px;width: 1000px;} .fi611_1p .section-recommand strong{font-size: 20px;} .fi611_1p .section-recommand .box2{width: 300px;border: 1px solid #ebebeb;float: left;margin: 35px 17px 50px 0;} .fi611_1p .section-recommand .box2 img{width: 300px;} .fi611_1p .section-recommand .box3{text-align: center;padding: 38px 0 32px;} .fi611_1p .box-intro-new .box4{padding-top: 29px;float: left;width: 550px;} .fi611_1p .box-intro-new img{width: 390px;margin-top: 23px;} .fi611_1p .box-intro-new .m_hidden strong{font-size: 19px;color: #fff;line-height: 31px;display: block;} .fi611_1p .box-intro-new .txt6{color: #fff;line-height: 26px;font-size: 14px;padding:25px 0 30px;} .fi611_1p .box-intro-new .txt7{line-height: 1.6em;margin-top: 6px;} .fi611_1p .m-intro-new{padding: 0 9px;} .fi611_1p .m-intro-new strong{line-height: 31px;} .tableHIddenLine{background: transparent !important;} .fi611_intro_box{position: absolute; width: 100%; height: 250px; left: 0px; z-index: -1; background-color:#e77e28;} /*랩 가입절차*/ .fi613_1p .box1{border: 0.5px solid #979797;padding: 15px 20px 15px 20px;border-top: 1.5px solid #e17a32;margin-top: 20px;} .fi613_1p .box1 img{float: left;margin-right: 20px;} .fi613_1p .txt1{line-height: 25px;color: #e77e28;font-weight: bold;margin-bottom: 25px;} .fi613_1p ul li{line-height: 36px;} .fi613_1p .btnWrap{margin-top: 50px;} .fi613_1p .content{line-height: 36px;} .fi613_1p .title{display: none;} /*랩 서비스 찾아보기*/ .fi620_1p .box-intro-new .box4{padding-top: 29px;float: left;width: 550px;} .fi620_1p .box-intro-new img{width: 390px;margin-top: 23px;} .fi620_1p .box-intro-new .m_hidden strong{font-size: 19px;color: #fff;line-height: 31px;display: block;} .fi620_1p .box-intro-new .txt6{color: #fff;line-height: 26px;font-size: 14px;padding:25px 0 30px;} .fi620_1p .box-intro-new .txt7{line-height: 1.6em;margin-top: 6px;} .fi620_intro_box{position: absolute; width: 100%; height: 250px; left: 0px; z-index: -1; background-color:#e77e28;} .fi620_1p .box1{border: 1px solid #ebebeb;width: 250px;} .fi620_1p .box1 img{height: 150px;width: 250px;} .fi620_1p .box2{padding: 16px 42px 21px;} .fi620_1p .box2 ul li{line-height: 21px;} .fi620_1p .box3{font-size: 13px;float: left;} .fi620_1p .box5{font-size: 13px;float: right;} .fi620_1p .btn1{margin-top: 15px;width: 165px;height: 45px;} .fi620_1p .wrap_cont > ul{margin-top: 51px;margin-left: 30px;} .fi620_1p .wrap_cont > ul > li{margin: 0 50px 50px 0;float: left;} .fi620_1p .box6{height:110px;color: #fff;font-size:20px;padding: 20px;font-weight:bold;width:210px;} .fi620_1p .del_font{font-size: 11px;} /*랩 서비스 찾아보기 - 상세*/ .fi620_2p{position: relative;} .fi620_2p .main_title{font-size: 20px;font-weight: bold;color: #fff;padding: 20px 9px;position:absolute;top: 0;} .fi620_2p .title{border-bottom: 1px solid #979797;padding: 21px 0 18px 6px;} .fi620_2p .box_abso{position: static;} .fi620_2p .box1{text-align: center;font-size: 12px;margin-top: 19px;} .fi620_2p .box1 a{margin-left: 14px;color: #000;} .fi620_2p .box2{text-align: center;margin-top: 50px;} .fi620_2p .box4{clear: both;margin-left: 12px;} .fi620_2p .box3{float: left;border-left: 1px solid #979797;padding: 15px 30px;width: 173px;margin: 100px 0 21px;} .fi620_2p .box3_r{border-right: 1px solid #979797;} .fi620_2p .sub_t{font-size: 16px;margin-bottom: 22px;} .fi620_2p .sub_c{text-align: center;font-size: 16px;font-weight: bold;} .fi620_2p_intro_box{position: absolute; width: 100%; height: 68px; left: 0px; z-index: -1; background-color:#e77e28;} /*ELS/DLS 청약*/ .ib424_cont span.num {color: #963c07;} .ib424_cont .tit1{margin-top: 10px;} .ib424_cont ul.subCont li {margin-left:10px;} .ib424_cont li.subTit {margin-top:19px;} .ib424_cont ul.subCont li div.longEx{margin-left: 10px;} .ib424_cont ul.subCont li div.longEx2{margin-left: 15px;} .ib421 div.checkArea{text-align:center;font-weight:bold;color:#ff0000;margin-top: 10px;} .ib421 div.checkArea input.chk{margin-right: 6px;margin-top:-3px;} .ib421 div.prodName {font-weight:bold;padding:6px 8px;background:#f7f7f7;border-top:1px solid #000;border-bottom:1px solid #a2a2a2;margin-top: -19px; margin-bottom: 6px;} .ib421 div.notice {font-weight:bold;color:#ff0000;margin-bottom:18px;} .ib421 a.btnMore {display: inline-block;padding: 0 12px;background: #fff;border: 1px solid #de690a;color: #de690a;line-height: 27px;white-space: nowrap;} .ib421 div.wrapBtnMore1{float:right;margin-bottom: -18px;} .ib421 div.wrapBtnMore2{float:right;margin-bottom: 10px;} .ib421 .emp{font-weight:bold;} /*신용약정등록*/ .ib320_layer span.emp {font-weight:bold;} .ib320_layer li.ex1 {margin-bottom: 20px;} .ib320_layer ul.subEx1 li {margin-left: 15px;} .ib320_layer ul.subEx1 li div.longEx{margin-left: 10px;} .ib320_layer ul.subEx1 li.emp {color: #ff0000;font-weight:bold;} .ib320_layer ul.subEx2 li {background: url(/img/common/2015/bul_li02_1.gif) 0 13px no-repeat; padding: 3px 0 3px;letter-spacing: 0px;padding-left: 7px;} .ib320_layer table td{padding-top: 15px;padding-bottom: 15px;} .ib320_layer table td span.emp{color: #ff0000;} .ib320_layer table td div.longEx{margin-left: 26px;} .ib320_layer table th input.chk{margin-top:-2px;margin-left: 5px;} .ib320_layer li.ex2 {padding-left: 22px; text-indent: -22px;margin-bottom: 20px;} .ib320_layer li.ex3 {padding-left: 15px; text-indent: -15px;margin-bottom: 20px;} .ib320_layer li.ex4 {padding-left: 8px; text-indent: -8px;margin-bottom: 20px;} .ib320_layer li.ex4 ul.subEx1 li {margin-left: 8px;} /*대출약정신청*/ .ib340_layer span.emp {font-weight:bold;} .ib340_layer li.ex1 {margin-bottom: 20px;} .ib340_layer ul.subEx1 li {margin-left: 15px;} .ib340_layer ul.subEx1 li div.longEx{margin-left: 10px;} .ib340_layer ul.subEx1 li.emp {color: #ff0000;font-weight:bold;} .ib340_layer ul.subEx2 li {background: url(/img/common/2015/bul_li02_1.gif) 0 13px no-repeat; padding: 3px 0 3px;letter-spacing: 0px;padding-left: 7px;} /*담보대출신청*/ .ib350 .expTr{display: none;} .ib350_layer span.emp {font-weight:bold;} .ib350_layer table td{padding-top: 15px;padding-bottom: 15px;} .ib350_layer table td span.emp{color: #ff0000;} .ib350_layer table td div.longEx{margin-left: 26px;} .ib350_layer table th input.chk{margin-top:-2px;margin-left: 5px;} /*매도담보대출*/ .ib381_layer span.emp {font-weight:bold;} .ib381_layer table td{padding-top: 15px;padding-bottom: 15px;} .ib381_layer table td span.emp{color: #ff0000;} .ib381_layer table td div.longEx{margin-left: 26px;} .ib381_layer table th input.chk{margin-top:-2px;margin-left: 5px;} /*펀드 신규매수*/ .fi492_2p {margin-top: 0 !important;} .fi492_2p span.num {color: #963c07;} .fi492_2p .tit1{margin-top: 10px;} .fi492_2p ul.subCont li {margin-left:10px;} .fi492_2p li.subTit {margin-top:19px;} .fi492_2p ul.subCont li div.longEx{margin-left: 10px;} .fi492_2p ul.subCont li div.longEx2{margin-left: 15px;} .fi492_2p div.checkArea{text-align:center;font-weight:bold;color:#ff0000;margin-top: 10px;} .fi492_2p div.checkArea input.chk{margin-right: 6px;} .fi492_2p div.prodName {font-weight:bold;padding:6px 8px;background:#f7f7f7;border-top:1px solid #000;border-bottom:1px solid #a2a2a2;margin-top: -19px; margin-bottom: 6px;} .fi492_2p div.notice {font-weight:bold;color:#ff0000;margin-bottom:18px;display:inline-block;margin-top: 10px;} .fi492_2p a.btnMore {display: inline-block;padding: 0 12px;background: #fff;border: 1px solid #de690a;color: #de690a;line-height: 27px;white-space: nowrap;} .fi492_2p div.wrapBtnMore1{float:right;margin-bottom: -18px;margin-top:6px;} .fi492_2p div.wrapBtnMore1 .btnMore2{display:block;margin-top: 5px;padding-right: 23px;padding-left: 23px;} .fi492_2p div.wrapBtnMore2{float:right;margin-top: -5px;margin-bottom: -20px;} .fi492_2p div.wrapBtnMore2 .btnMore {padding-right: 23px;padding-left: 23px;} .fi492_2p .emp{font-weight:bold;} .fi492_2p input.chk{vertical-align: top !important;} .fi492_2p div.nextLine {margin-left: 24px;} .fundMore div.tit {padding: 7px 10px;border-top: 1px solid #000;border-bottom: 1px solid #000;background: #f3f2ec;} .fundMore div.cont {padding: 10px 20px;} .fundMore div.cont ul.detail {margin-top: 10px;} .fundMore div.cont div.subCont {margin-top: 10px;} /**/ .guideMark {width:18px;height:18px;border:1px solid #de690a;display:inline-block;color:#de690a;border-radius:12px;font-weight:bold;margin-left: 2px;font-size:13px;} /*긴급공지*/ .emerNoticeDimm {width:100%;height:100%; top:0; left:0; position:fixed; background:#000;opacity:0.7;filter:alpha(opacity:70); z-index:10001;} .emerNotiCont {width:550px; text-align:left; position:fixed; left:45%; top:200px; margin-left:-240px; padding:45px; background:#fff; border:2px solid #de690a; font-size:18px; line-height:1.5em; z-index:10002} .emerNotiCont .notiTitle {font-size:17px;margin-bottom: 15px; font-weight: bold;} .emerNotiCont .notiCont {font-size:15px;word-break: break-all;} .emerNotiCont .closeBtn {position:absolute;right:15px;top:15px;} /*주식매매 부적합 확인 - 로그인*/ .inconsConfirm {margin-top: 20px;} .inconsConfirm ol.inconsNoty {margin-left: 15px;list-style:decimal !important;} .inconsConfirm ol.inconsNoty li{list-style:decimal !important;} .inconsConfirm .emp1{font-weight:bold;} .inconsConfirm .emp2{font-weight:bold;text-decoration:underline;} .inconsConfirm .emp3{font-weight:bold;text-decoration:underline;color:red;} .sub_txt .emp1 {color:red;} /*ESG경영 > 상생경영 */ .personInfo {padding-left:30px;margin-top: 7px;margin-bottom:30px;} .personInfo ul > li {list-style:disc;} .personInfo ul > li.dash {list-style:none; text-indent:-10px;} .personInfo ul > li.dash:before {content:'- ';} .wonPrice {margin-top:10px;} .wonPrice .setPrice {float:left;} .wonPrice .won{display:block;float:left;margin-top:3px;} /*채무조정요청권*/ .cp300_5p .section-01{width:100%;border-radius: 30px;background-color:#fbf1e6; display: flex;justify-content:space-between;} .cp300_5p .section-01 .content01 {margin:100px 0 0 60px;} .cp300_5p .section-01 .tit {font-size: 30px;font-weight:bold;} .cp300_5p .section-01 .cont {margin-top: 25px;} .cp300_5p .section-01 img{width:261px;margin: 41px 52px 40px 0;} .cp300_5p .section-01 .cont {} .cp300_5p .section-02 .tit {margin-top:50px;} .cp300_5p .section-02 .cont {margin : 20px 0;font-size:15px;} .cp300_5p .section-02 .cont .emp {color: red;} .cp300_5p .section-03 .tit {margin-top:50px;} .cp300_5p .section-03 .boxCont{display: flex;justify-content: space-between;margin-top:20px;} .cp300_5p .section-03 .box01 {background-color: #fafafa;padding:30px;border-radius:30px;width:240px;} .cp300_5p .section-03 .box01 img {width: 203px;} .cp300_5p .section-03 .box01 .img01 {margin:60px 19px 0 19px;} .cp300_5p .section-03 .box01 .img02 {margin:28px 22px 0 15px;} .cp300_5p .section-03 .box01 .img03 {margin:28px 22px 0 15px;} .cp300_5p .section-03 .box01 .img03 {margin:28px 11px 0 26px;} .cp300_5p .section-03 .box01 .cont {background-color: #fff;display:flex;justify-content: center;align-items:center;height:252px;border-radius:30px;margin-top:30px;padding:30px;font-size:15px;} .cp300_5p .section-03 .box01 .cont .txt {text-align: center;} .cp300_5p .section-04 .tit {margin-top:50px; display:inline-block;} .cp300_5p .section-04 .tit .sub-tit {font-size:18px; font-weight:500;} .cp300_5p .section-04 .detail {font-size:16px;font-weight:bold;display:inline-block;vertical-align: text-bottom;margin-left: 10px;} .cp300_5p .section-04 .boxCont {display:flex; justify-content:center; margin-top:20px;} .cp300_5p .section-04 .boxCont .box01 {width:940px; height:150px; display:flex; border-radius:30px; background-color:#fafafa;} .cp300_5p .section-04 .boxCont .box01 .img01 {padding-left:30px;} .cp300_5p .section-04 .boxCont .cont {display:flex; flex-direction:column; justify-content:center;} .cp300_5p .section-04 .boxCont .cont .subtit {font-weight:bold; font-size:16px;} .cp300_5p .section-04 .boxCont .cont .subCont {font-size:15px;} .cp300_5p .section-05 .tit {margin-top:50px;} .cp300_5p .section-05 .boxCont{background-color: #fafafa;padding:15px 0 15px 20px;border-radius:100px;display: flex;margin-top:20px;} .cp300_5p .section-05 .boxCont .boxNum {background-color:#202020;color:#fff;width:51px;height:51px;border-radius:25px;text-align:center;} .cp300_5p .section-05 .boxCont .num {padding-top: 13px;font-size:17px;} .cp300_5p .section-05 .boxCont .cont {margin: 15px 0 15px 20px;font-size:16px;} .cp300_5p .section-06 .tit {margin-top:50px;} .cp300_5p .section-06 .boxCont {background-color: #fafafa;border-radius:30px;padding:30px;display:flex;justify-content: space-around;margin-top:30px;position:relative;} .cp300_5p .section-06 .boxCont .box01 {width: 185px;display:flex;flex-direction:column;align-items:center;} .cp300_5p .section-06 .boxCont .box01 .boxTit {background-color: #202020;color:#fff;font-weight:bold;padding:10px 20px;font-size:18px;border-radius:25px;} .cp300_5p .section-06 .boxCont .box01 .titDetail01 {width:97px;} .cp300_5p .section-06 .boxCont .box01 .titDetail02 {width:80px;} .cp300_5p .section-06 .boxCont .box01 .titDetail03 {width:36px;} .cp300_5p .section-06 .boxCont .box01 .cont {margin-top: 16px;font-size:16px;} .cp300_5p .section-07 .tit {margin-top:50px;} .cp300_5p .section-07 .boxCont {position:relative;margin-top:20px;display:flex;justify-content:space-evenly;} .cp300_5p .section-07 .boxCont .line {border-top:1px solid #ddd;width:100%;position:absolute;top: 72px;z-index: -1;} .cp300_5p .section-07 .boxCont .box01 {width:200px;display:flex;flex-direction:column;text-align:center;align-items:center} .cp300_5p .section-07 .boxCont .box01 .boxTit {font-size:15px;font-weight:bold;margin-top:5px;} .cp300_5p .section-07 .boxCont .box01 .ball {width:15px;height:15px;border-radius:8px;background-color:#202020;margin:20px 0;} .cp300_5p .section-07 .boxCont .box01 .cont1 {font-weight:bold;} .cp300_5p .section-08 .tit {margin-top:50px;} .cp300_5p .section-08 .boxCont{background-color: #fafafa;padding:30px;border-radius:30px;margin-top:20px;} .cp300_5p .section-08 .boxCont .subtit {font-weight:bold;font-size: 17px;} .cp300_5p .section-08 .boxCont .sub {margin-top:30px;} .cp300_5p .section-08 .boxCont .cont {margin-top:12px;font-size: 15px;} .cp300_5p .btn {display: flex;} .cp300_5p .download {background-color: #202020;padding:20px 50px;border-radius:10px;font-size:17px;margin:70px auto 0 auto; font-weight:bold;color:#fff;} .cp300_5p a:link, a:visited {text-decoration:none;} /* 고객유의사항 */ div.consult.container {margin:30px 0 0 0;} div.consult.container header.header {margin-bottom:50px;} div.consult.container header.header h1 {font-size:24px;} div.consult.container main.content {display:flex; flex-direction:column;} div.consult.container main.content.g-30 {gap:30px;} div.consult.container main.content section {display:flex; flex-direction:column;} div.consult.container main.content section.g-20 {gap:20px;} div.consult.container main.content section ul {font-size:16px;} div.consult.container main.content section ul.f-size-16 {font-size:16px;} div.consult.container main.content section ul.f-size-14 {font-size:14px;} div.consult.container main.content section ul.m-left-10 {margin-left:10px;} div.consult.container main.content section ul.m-left-25 {margin-left:25px;} div.consult.container main.content section ul li.disc {list-style:disc;} div.consult.container main.content section ul li.dash {text-indent:-10px;} div.consult.container main.content section ul li.dash:before {content:'- '; text-indent:-10px;} div.consult.container main.content section div.content-txt {display:flex; flex-direction:column;} div.consult.container main.content section div.content-txt h3 {font-size:16px; font-weight:bold;} div.consult.container main.content section div.content-txt p {font-size:16px;} div.consult.container main.content section div.content-txt p.m-top-20 {margin-top:20px;} div.consult.container main.content section div.content-grid {display:grid; gap:20px;} div.consult.container main.content section div.content-grid.col-2 {grid-template-columns:repeat(2,1fr);} div.consult.container main.content section div.content-grid.col-3 {grid-template-columns:repeat(3,1fr);} div.consult.container main.content section div.content-grid .grid-item {display:flex; flex-direction:column;} div.consult.container main.content section div.content-grid .img-box {display:flex; flex-direction:column;} div.consult.container main.content section div.content-grid .img-box.color-1 {background:#00829A;} div.consult.container main.content section div.content-grid .img-box.color-2 {background:#FF766A;} div.consult.container main.content section div.content-grid .img-box.color-3 {background:#F7A600;} div.consult.container main.content section div.content-grid .img-box.color-4 {background:#FF4560;} div.consult.container main.content section div.content-grid .img-box.color-5 {background:#485166;} div.consult.container main.content section div.content-grid .img-box.color-6 {background:#5D3338;} div.consult.container main.content section div.content-grid .img-box.color-7 {background:#5355CA;} div.consult.container main.content section div.content-grid .img-box.color-8 {background:#3C173B;} div.consult.container main.content section div.content-grid .img-box.color-9 {background:#714771;} div.consult.container main.content section div.content-grid .img-box.color-10 {background:#00628F;} div.consult.container main.content section div.content-grid .img-box.color-11 {background:#094F50;} div.consult.container main.content section div.content-grid .img-box.color-12 {background:#2643C1;} div.consult.container main.content section div.content-grid .img-box.color-13 {background:#7F9A79;} div.consult.container main.content section div.content-grid .img-box.color-14 {background:#BC2626;} div.consult.container main.content section div.content-grid .img-box.style-1 {flex-grow:1; gap:10px; padding:30px; border-radius:0px 0px 30px 30px;} div.consult.container main.content section div.content-grid .img-box.style-1 p {color:#fff; font-size:16px; line-height:24px;} div.consult.container main.content section div.content-grid .img-box.style-1 p.img-title {font-weight:700;} div.consult.container main.content section div.content-grid .img-box.style-1 p.img-text {font-weight:500;} div.consult.container main.content section div.content-card {display:flex; padding} div.consult.container main.content section div.content-card.flex-col {flex-direction:column;} div.consult.container main.content section div.content-card.flex-row {flex-direction:row;} div.consult.container main.content section div.content-card.algn-itm-cntr {align-items:center;} div.consult.container main.content section div.content-card.g-20 {gap:20px;} div.consult.container main.content section div.content-card.style-1 {padding:30px; border-radius:20px; background:#fafafa;} div.consult.container main.content section div.content-card .card-box {display:flex;} div.consult.container main.content section div.content-card .card-box.flex-col {flex-direction:column;} div.consult.container main.content section div.content-card .card-box.flex-row {flex-direction:row;} div.consult.container main.content section div.content-card .card-box.g-20 {gap:20px;} div.consult.container main.content section div.content-card .card-txt {display:flex; flex-direction:column;} div.consult.container main.content section div.content-card .card-txt h4 {font-size:14px; font-weight:bold;} div.consult.container main.content section div.content-card .card-txt p {font-size:14px;} div.sub_stit.flex {display:flex; align-items:center;} div.sub_stit.flex button.btn-move {margin-left:auto; display:inline-flex; padding:10px 20px; border-radius:5px; color:#fff; background:#000;}