@charset="UTF-8"; /* ####################### 개인뱅킹CONTENT #######################*/ /* 게시판 속 레이아웃 */ .tableTyBoard .dNo{display:none;} .tableTyBoard .dNo.home{display:block;} /* GAP */ .w2tb_td .unit:first-child {margin-left:0;margin-right:4px;}/* 값의 unit이 앞에 올 경우 마진변경 */ .w2tb_td span.w2textbox + .btnTyGray01 {margin-left:5px;} span + .unit + span {margin-left:4px;}/* 슬래시 구분 */ .w2tb.tableTyOutput + .listDash {margin-top:10px;} .btnAreaBot + .funcBox, .btnAreaBot + .w2tb.tableTyOutput {margin-top:40px;} .w2selectbox_native + span.w2group {display:inline-block;margin-left:15px;} /* 셀렉트박스 + input,unit group */ .titH03 + .hiddenArea{margin-top:12px;} .errorArea + .gridTyDefault, .errorArea + .tableTyOutput, .errorArea + .funcBox {margin-top:40px;} .btnTyGray01.medium + .w2selectbox_native.fixedWidth {margin-left:10px;} .w2tb.tableTyOutput + .gridTyDefault {margin-top:30px;} .w2gird + .boxTyGray, .boxTyGray + .boxTyGray{margin-top:40px;} .hiddenArea + .funcGridBox {margin-top:40px;} .btnTyGray01.medium + .w2input.w2input_readonly {margin-left:0px;} .resultArea + .FuncBox, .resultArea + .groupTyFuncTable, .resultArea + .boxTyBlue, .resultArea + .gridTyDefault, .resultArea + .tableTyGrid, .groupTyFuncTable + .groupTyFuncTable {margin-top:40px;} .listTyNum.fN li {float:none;margin-left:0;} p + .listDash {margin-top:10px;} .resultArea p em {color:#3579d4;} .titH02 + .listDot {margin-top:10px;} .w2tb + .stepArea {margin-top:40px;} .w2tb p.dscTxt+p.dscTxt {margin-top:0;} .tableTyGrid + .shinhanStenp {text-align:right; margin-top:20px;} .boxTyBlue ul > li .btnTyGray01.small + .btnTyGray01.small {margin-left:5px;} .boxTyBlue > ul.col3 > li:before{top:7px;} .boxTyBlue ul.col3 li{width:33.3%;} .boxTyBlue ul.col3 li em{width:auto !important; margin-right:25px; font-size:15px; color:#424d89;} .boxTyBlue ul.col3 li span{font-size:15px;} .layerCon p em + .btnTyGray01.small {margin-left:15px;} .titH03 + .textNor{margin-top:10px} .bgTyGray01{background:#f9f9f9!important;} .ellip{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* 업로드컴퍼넌트 */ .grp_fileUpload {padding-right:89px; overflow:hidden;} .grp_fileUpload input {width:100%; float:left;} .btnFileUpload {cursor:pointer; margin-right:-89px; width:77px; height:30px; background:url(https://image.shinhan.com/rib2017/images/btn/btn_upload.png) no-repeat 0 0; overflow:hidden; float:right;} .btnFileUpload .w2upload, .btnFileUpload input[type="file"] {cursor:pointer; padding:0; width:77px; height:30px; border:0; filter:alpha(opacity=0);opacity:0;} /************************/ /* 레이어팝업 */ .detailPop .layerCon .boxTyGray04.mt10{padding:15px;} .detailPop .layerCon .boxTyGray04.mt5{padding:5px;} /* 레이어팝업_입금은행선택 */ .detailPop .bankList{margin-top:5px;} .detailPop .bankList p{font-size:16px;color:#3579d4;padding:8px 0;} .detailPop .bankList ul{display:table;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;} .detailPop .bankList li{display:inline-table;border:1px solid #ccc;width:16.66666666666667%;height:36px;border-left:none;border-top:0;text-align:center;color:#343434;box-sizing:border-box;vertical-align:middle;} .detailPop .bankList ul.col3 li{width:33.33333333333333%;} .detailPop .bankList ul.col4 li{width:25%;} .detailPop .bankList li a{display:block;padding:8px 0;line-height:1.4;color:#343434;} .detailPop .bankList li.on{background-color:#3579d4;} .detailPop .bankList li.on a{color:#fff;} .detailPop .bankList li > div{display:table-cell;vertical-align:middle;} .detailPop .bankList + .bankList{margin-top:10px} /* 레이어팝업_파일저장 */ .detailPop .oneCheck{padding:0 5px;border-bottom:1px solid #dcdcdc;color:#343434;padding-bottom:5px;} .detailPop .boxTyCheck01{padding:0 5px;} .detailPop .boxTyCheck01 .w2checkbox{display:table;width:100%;} .detailPop .boxTyCheck01 .w2checkbox_item{display:inline-table;width:32%;margin-top:10px;color:#343434;vertical-align:top;} .detailPop .boxTyCheck01 .w2checkbox .w2checkbox_item + .w2checkbox_item{margin-left:0px} /* 레이어팝얻_로그인설정 */ .detailPop .setLogin .boxTyGray04 .w2radio_item{margin-left:0;width:100%;} /* 레이어팝업_주소찾기 */ .detailPop .searchAddr{padding:20px 20px 15px;border:1px solid #ccc;background-color:#f9f9f9;line-height:20px;color:#343434;} .detailPop .searchAddr p{margin-bottom:5px;} .detailPop .searchAddr p em{font-size:14px;color:#666;} .detailPop .infoAddr{display:table;width:100%;height:370px;border:1px solid #ccc;line-height:22px;text-align:center;box-sizing:border-box;} .detailPop .infoAddr p{display:table-cell;vertical-align:middle;} .detailPop .infoAddr p em{color:#3579d4;} .detailPop .chAddr input{width:470px;} .detailPop .detAddr .checkList .w2radio{margin:15px 0;} .detailPop .selectAddr ul a{width:100%;} .detailPop .selectAddr ul span:first-child{width:60px;} /* 레이어팝업_주소찾기_그리드 */ .w2grid.gridTyAddress{border:1px solid #ccc;} .w2grid.gridTyAddress .gridHeaderTableDefault{width:100% !important;border:none;} .w2grid.gridTyAddress thead{display:none;} .w2grid.gridTyAddress td{padding:8px 10px;line-height:22px;} .w2grid.gridTyAddress td a{font-size:14px;color:#343434;} .w2grid.gridTyAddress tr:hover td a{color:#3579d4;} .w2grid.gridTyAddress .gridBodyDefault{border:none;} /* 레이어팝업_보안 */ .detailPop .otpCheck{padding-left:285px;height:84px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_otp_card.png) 30px top no-repeat;} /* 레이어팝업_직원조회 */ .detailPop .seachName input[type="text"]{margin-left:25px;} /* 레이어팝업_약관 접근성대응 2024.9.5 pdf보기 영역 제거 */ .detailPop .layerContent .provisionView.new .selMenu {float:none !important; width:auto !important;} .detailPop .layerContent .provisionView.new .selMenu .conList {height:460px !important;} .detailPop .layerContent .provisionView.new .selCon {height:auto !important; border:none !important; float:none !important; width:auto !important; } .detailPop .layerContent .provisionView.new .selCon .downInfoBox {position:relative; margin-top:20px;} .detailPop .layerContent .provisionView.new .func_area {display:none !important; position: absolute !important; top: -59px !important; right: 0 !important; border: none !important; padding: 0 !important;} .detailPop .layerContent .provisionView.new .selMenu .conList li p {display:inline-block;position:relative;min-height:46px;padding:13px 46px 13px 9px;line-height:20px;color:#343434;box-sizing:border-box;} .detailPop .layerContent .provisionView.new .selMenu .conList li p .imgCheckbox02{position:absolute;right:10px;top:50%;margin-top:-13px;} .detailPop .layerContent .provisionView.new .selMenu .conList li a {display:inline-block;} .detailPop .layerContent .provisionView.new .selMenu .conList li a.btnTyGray01.medium {min-height:auto; padding:0; line-height:30px; height:30px;} .detailPop .layerContent .provisionView.new .selMenu .conList li p + a, .detailPop .layerContent .provisionView.new .selMenu .conList li a + a {margin-left:10px;} /* 스크롤 버튼 제어 */ .detailPop .layerContent .provisionView.new .selMenu .conList {padding-top:50px} /*마지막줄 view처리 */ .detailPop .layerContent .provisionView.new .selMenu .conList > table {position:relative; z-index:1;} .detailPop .layerContent .provisionView.new .selMenu .conList > table thead { position: absolute; z-index: 3; top: -53px; border-top: 4px solid #c2d6ef; left: 0; right: 0; display: table; width: 100%; box-sizing: border-box;} .detailPop .layerContent .provisionView.new .selMenu .conList > table tbody {position:relative; z-index:2; } .detailPop .layerContent .provisionView.new .selMenu .conList > table thead th, .detailPop .layerContent .provisionView.new .selMenu .conList > table tbody td, .detailPop .layerContent .provisionView.new .selMenu .conList > table tbody th {width:25%;} /* 레이어팝업_약관보기 */ .detailPop .provisionView{overflow:hidden;} .detailPop .provisionView .selMenu{float:left;position:relative;width:198px;margin-right:10px;padding-bottom:28px;border:1px solid #b6bbd1;} .detailPop .provisionView .selMenu .conList{height:510px;} .detailPop .provisionView .selMenu .conList ul{position:absolute;left:0;top:0;width:100%;} .detailPop .provisionView .selMenu .conList li{position:relative;border-bottom:1px solid #dcdcdc;} .detailPop .provisionView .selMenu .conList li:before{display:none;content:"";position:absolute;right:-8px;top:50%;width:8px;height:14px;margin-top:-7px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -47px -100px;} .detailPop .provisionView .selMenu .conList li.on{background-color:#f6faff;} .detailPop .provisionView .selMenu .conList li.now:before{display:block;} .detailPop .provisionView .selMenu .conList li a{display:block;position:relative;min-height:46px;padding:13px 46px 13px 9px;line-height:20px;color:#343434;box-sizing:border-box;} .detailPop .provisionView .selMenu .conList li a .imgCheckbox02{position:absolute;right:10px;top:50%;margin-top:-13px;} .detailPop .provisionView .selMenu .conMove{display:table;position:absolute;left:0;bottom:-1px;z-index:2;width:100%;border-collapse:collapse;background-color:#fff;} .detailPop .provisionView .selMenu .conMove a{display:table-cell;overflow:hidden;position:relative;width:50%;height:28px;border:solid #b6bbd1;border-width:1px 0;line-height:28px;text-indent:-5000em;box-sizing:border-box;} .detailPop .provisionView .selMenu .conMove a:first-child{border-right:1px solid #b6bbd1;} .detailPop .provisionView .selMenu .conMove a:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:8px;margin:-4px 0 0 -7px;background-image:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png);background-repeat:no-repeat;} .detailPop .provisionView .selMenu .conMove a.btnDown:before{background-position:-346px -60px;} .detailPop .provisionView .selMenu .conMove a.btnUp:before{background-position:-365px -60px;} .detailPop .provisionView .selCon{overflow-y:auto;float:left;position:relative;width:708px;height:538px;border:1px solid #dcdcdc;box-sizing:border-box;} .detailPop .provisionView.noMenu .selCon {width:100%;} .detailPop .provisionView .selCon .downInfoBox{display:none;position:absolute;left:0;top:50%;width:100%;margin-top:-75px;text-align:center;} .detailPop .provisionView .selCon .downInfoBox .txt{margin-top:10px;line-height:22px;} .detailPop .provisionView .selCon .downInfoBox .btn{margin-top:10px;} .detailPop .provisionView .selCon .downInfoBox .btn a{margin:0 5px;} .detailPop .provisionView .selCon .conAgreePageBox{position:relative; border-bottom:1px solid #dcdcdc;height:45px;padding-top:15px;} .detailPop .provisionView .selCon .conAgreePageBox .normal_pag{padding-top:0px;} .detailPop .provisionView .selCon .conAgreePageBox .btnAgreeList{overflow:hidden;position:absolute;top:15px;right:15px;width:30px;height:30px;margin:0;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -308px -156px;text-indent:-5000em;} /* 버튼 출력 type 추가 CO00048RP.xml */ .detailPop .provisionView.typeBtn .selMenu .conList li {height:38px; padding-top:10px;} .detailPop .provisionView.typeBtn .selMenu .conList li a {display:inline-block; min-height:0; padding:6px 5px 4px 5px; line-height:100%; margin-left:10px;} .detailPop .provisionView.typeBtn .typeTextLink {text-decoration:underline; min-width:80px;} .detailPop .provisionView.typeBtn .typeBtn {min-width:80px; text-align:center; border:1px solid #ccc; border-bottom-color:#999; border-radius:2px; background:#fff;} .detailPop .provisionView.typeBtn .typeBtn:hover {border-color:#35794d;} /* 레이어팝업_신한FAN클럽 포인트 조회안내 */ .detailPop .fanClubInfo{margin-top:22px;text-align:center;} .detailPop .fanClubInfo .txt{font-size:15px;line-height:26px;color:#343434;} .detailPop .fanClubInfo img{margin:-10px 5px 0;} .detailPop .topIcoBox{text-align:center;} .detailPop .topIcoBox span[class*="ico"]{display:inline-block;} .detailPop .topIcoBox .icoPoint{width:48px;height:46px;margin-left:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -326px -203px;} /* 레이어팝업_대출 */ .schPrdBox{padding:0 10px;} .schPrdBox dl{display:table;width:100%;} .schPrdBox dt, .schPrdBox dd{display:inline-table;padding:5px 0;} .schPrdBox dt{width:14%;} .schPrdBox dd{width:86%;} .schPrdBox dd .w2input + .w2checkbox{margin-left:15px;} .schPrdBox dd a + a, .schPrdBox dd .w2checkbox + a, .schPrdBox dd input[type="text"] + a{margin-left:10px;} .schPrdBox dd .radioGrp{vertical-align:middle;} /* 레이어팝업_고객센터 */ .layerContainer .customer{display:table;position:relative;width:100%;margin-top:18px;} .layerContainer .customer dt{float:left;width:73px;padding:9px 8px 0 0;font-size:15px;font-weight:normal;color:#343434;text-align:center;vertical-align:top;} .layerContainer .customer dt:before{content:"";display:inline-block;width:38px;height:38px;margin-bottom:9px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -245px -10px;vertical-align:middle;} .layerContainer .customer dt em{display:block;} .layerContainer .customer dd{overflow:hidden;padding:0 15px;border-left:1px solid #dcdcdc;} .layerContainer .customer dd > p{font-size:13px;color:#777;margin-top:4px;} .layerContainer .customer dd li{margin-top:2px;line-height:20px;} .layerContainer .customer dd li:first-child{margin-top:-2px;} .layerContainer .customer dd li span + span{margin-left:10px;} /************************/ /*개인정보수집이용동의*/ .agreeInfoBox{padding:18px 20px;border:1px solid #b7bbd1;} .agreeInfoBox .boxTop:first-child {padding-top:0px; border-bottom:0} .agreeInfoBox .boxTop{padding-top:14px;padding-bottom:14px;border-bottom:1px solid #dcdcdc;} .agreeInfoBox .boxTop:after{content:"";display:block;clear:both;} .agreeInfoBox.topLine .boxTop{padding-bottom:0; margin-top:10px; border-top:1px solid #dcdcdc; border-bottom:0;} .agreeInfoBox.topLine .boxTop:first-child {border-top:0;margin-top:0;} /*.agreeInfoBox .boxTop h4{font-size:15px;font-weight:normal;line-height:30px;color:#343434;}*/ .agreeInfoBox .boxTop span:first-child{font-size:15px;font-weight:normal;line-height:30px;color:#343434;} .agreeInfoBox .boxTop .btnTyGray01{min-width:71px;} .agreeInfoBox .boxTop.noLine{padding-bottom:0;border-bottom:none;} .agreeInfoBox .boxBot{padding-top:0px;line-height:22px;} .agreeInfoBox .boxBot > p:first-child {padding-top:0px;} .agreeInfoBox ul.inBoxGray {margin-top:-1px;} .agreeInfoBox ul.inBoxGray > li {display:table; width:100%; box-sizing:border-box; padding:18px 18px;background:#f9f9f9;margin-top:1px;} .agreeInfoBox ul.inBoxGray > li > div {display:table-cell; width:76%; } .agreeInfoBox ul.inBoxGray > li .w2radio {display:table-cell; color:#343434;text-align:right;} span.w2textbox + div.w2radio {display:inline-block !important;} .agreeInfoBox ul.inBoxGray > li .w2checkbox{text-align:right;} .agreeInfoBox ul.inBoxGray > li:first-child {margin-top:0px;} .agreeInfoBox p.w2textbox + ul.w2group.inBoxGray {margin-top:15px;} .agreeInfoBox + .agreeLine{line-height:22px;padding:15px 0;font-size:15px;color:#343434;} .agreeInfoBox + .agreeLine .checkArea{text-align:right;} .agreeInfoBox + .agreeLine + p{font-size:15px;color:#343434;} .agreeInfoBox + .agreeInfoBox {margin-top:15px;} .titH02 + .agreeInfoBox, .titBox + .agreeInfoBox {margin-top:10px;} .titBox + .agreeLine{padding-bottom:15px;border-top: 1px solid #dcdcdc;} .titBox + .agreeLine:after{content:"";display:block;clear:both;} .titBox + .agreeLine p{line-height:24px;} .agreeLine>.colorGray01{line-height:1.6;} .titBox .btn a[class*=btnTy] {margin-left:5px;} .titTxt{position:relative;font-size:16px;padding-left:25px;color:#343434;} .titTxt:before{content: ""; position:absolute;left:0;top:-3px;width:20px;height:20px;background: url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} /*이용약관*/ .agreeBox{border:1px solid #dcdcdc;margin-top: 15px;padding:20px 15px;} .agreeBox .titH03{margin-bottom:20px;} .agreeBox .agreeScroll{overflow-y:scroll;height: 327px;} .agreeBox dt{font-size:15px;color:#343434;margin-bottom:15px;} .agreeBox dd{margin-bottom:30px;} .agreeBox p{margin-bottom:10px;line-height:1.4;} .agreeBox li{line-height:1.4;padding-bottom:15px;} .agreeBox .agTylist li{padding-left:18px;} .agreeBox em{color:#c87a00;} /*d99103*/ .agreeLine{padding:15px 0 15px;border-bottom:1px solid #dcdcdc;line-height:20px;} .agreeLine:after {display:block;content:'';height:0;clear:both;} .agreeLine.lineNone {border-bottom:0;} .agreeLine.bt{border-top:1px solid #dcdcdc;} .wfAgree {height: 200px !important;border:1px solid #b7bbd1;padding:10px;overflow:auto;} /*펀드*/ .agreeManyCheack{position:relative;} .agreeManyCheack ul li{padding:0px 5px 5px 15px !important;} .agreeManyCheack ul li .w2checkbox{text-align:left !important;} .agreeManyCheack ul li span{display:inline-block;width:120px;} .agreeManyCheack .checkAll {padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #dcdcdc;} .agreeInfoBox .checBoxkList .w2checkbox_item {display:block;margin-left:0; margin-top:5px;} .agreeInfoBox ul.inBoxGray > li .checBoxkList .w2checkbox {text-align:left;} .imgContTy01{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:30px 0;} /* 체크박스만 그레이박스 :: agreeLine */ .w2tb .agreeLine {border-bottom:0;} .w2tb .agreeLine p {line-height:22px;color:#666;} .w2tb .agreeLine .agreeCheck {text-align:right;background:#f9f9f9;margin-top:12px;padding:15px 20px;} .w2tb .agreeLine .agreeCheck:after {display:block;height:0;clear:both;content:'';} /*boxTyBlue02 추가*/ .boxTyBlue02{min-height:130px;padding:20px 20px;border:1px solid #b7bbd1;background-color:#e9f2fd;} .boxTyBlue02.hAuto{min-height:0;} .boxTyBlue .numList{margin-top:5px;} .boxTyBlue .numList li{padding-left:0;line-height:2;} .boxTyBlue .numList li:before{width: initial;height: initial;background-color: initial;} .numList li span{display:inline-block;} /*상단안내박스*/ .boxInfoArea{position:relative;} .boxInfoArea dt{padding:0 0 15px 0;font-size:18px;font-weight:bold;line-height:28px;color:#555;} .boxInfoArea dd{line-height:22px;} .boxInfoArea dd p em{color:#4a6bca;} .boxInfoArea ul li{position:relative;margin-top:5px;padding:0 13px;line-height:22px;} .boxInfoArea ul li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:1px;background-color:#aaa;} .boxInfoArea ul li em{color:#4a6bca;} .boxInfoArea ul li span{display:inline;position:static;width:auto;height:auto;background:none;} .boxInfoArea span{display:block;position:absolute;right:0;top:5px;width:180px;height:130px;} /* 안내 :: 문구+버튼 양쪽 정렬시 */ .aFloat {display:block;} .aFloat:after {display:block;content:'';height:0;clear:both;} .aFloat .w2textbox, .aFloat .w2anchor2{line-height:22px;} .aFloat .w2textbox, .aFloat .w2anchor2{line-height:22px;} /* TAB */ .w2tabcontrol .w2tabcontrol_contents_wrapper{padding-top:30px;box-sizing:border-box;} .w2tabcontrol .w2tabcontrol_container{height:auto !important;margin-top:-1px;} .w2tabcontrol.tabTyCon01 {overflow:hidden;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost{height:auto;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center {background-image:none;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{position:relative;border:solid #ccc;border-width:1px 0 0;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li{overflow:hidden;height:39px;margin-right:-1px;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{position:relative;top:0;width:inherit;height:39px;margin:0;padding:0 19px;border:1px solid #ccc;background-color:#f9f9f9;font-size:15px;font-weight:normal;line-height:39px;color:#666;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{z-index:2;border-color:#3579d4;background-color:#3579d4;color:#fff;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{border:solid #aaa;border-width:2px 0 0;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{height:38px;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{height:40px;border-width:2px 2px 0;background-color:#fff;color:#3579d4;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{margin-top:-2px;border-color:#3579d4;} .w2tabcontrol.tabTyCon02 {overflow:hidden;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost{height:auto;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center {background-image:none;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_container{position:relative;border:solid #dcdcdc;border-width:1px 0 0;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_contents_wrapper{margin-top:-3px;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost li a{position:static;width:inherit;height:30px;margin:1px 0 0 0;padding:0 18px;font-size:15px;font-weight:normal;line-height:1.2;color:#666;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost li.w2tabcontrol_active a{line-height:1;color:#3579d4;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{content:'';display:block;position:relative;z-index:10;width:100%;top:28px;height:2px;margin-left:-5px;padding:0 5px;background-color:#3579d4;} /* disableTab - 클릭시 화면전환 없이 링크성으로 사용시 */ .w2tabcontrol.linkTab .w2tabcontrol_tabhost .w2tabcontrol_disabled {opacity:1; cursor:pointer;} /* tab book type-개인정보처리방침 */ .tabTyBook {position:relative; padding-right:80px;} .tabTyBook .w2tabcontrol_tabhost {position:absolute !important; top:-1px !important; right:0 !important; width:92px !important; float:none !important; height:auto !important; z-index:2;} .tabTyBook .item {float:none; display:block; height:auto !important; margin:0 !important; border-radius:0 5px 5px 0 !important; border-bottom:1px solid #fff !important; } .tabTyBook .item.row1 a {height: 57px !important; padding-top:0px !important; line-height: 57px !important; } .tabTyBook .item.row2 a {height: 47px !important; padding-top:10px !important; line-height: 19px !important; } .tabTyBook .item a { top:0 !important; margin:0 !important; height: 48px !important; font-weight:bold !important; text-decoration:none !important; line-height: 19px !important; padding:9px 0 0 0 !important; background: none !important; border:none !important;} .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_tab_center {background-image:none !important; background-color:#dfdfdf !important; } .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_tab_left {width:0 !important; } .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_tab_right {width:0 !important; } .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_tab_center {box-shadow: inset white -1px 0px 5px 0px !important;} .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center {background-color:#008eff !important; } .tabTyBook .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a {color:#fff !important; border:none !important; } .tabTyBook.w2tabcontrol .w2tabcontrol_container {border:none !important;} .tabTyBook.w2tabcontrol .w2tabcontrol_contents_wrapper {padding-top:0 !important; overflow:visible !important;} .tabTyBook.w2tabcontrol .w2tabcontrol_contents_wrapper .imgWrap {position:relative ;} .tabTyBook_btWrap {position:Absolute; z-index:3; top:287px; left:9px; right:89px;} .tabTyBook_btWrap .tabTyBookBt {width:54px; height:54px; display:inline-block;} /*게시판타입*/ .noticeView {border-bottom:1px solid #b7bbd1;padding-bottom:50px;} .w2tb.tableTyBoard{border-top:2px solid #3579d4;border-bottom:1px solid #dcdcdc;border-right:1px hidden #fff;border-left:1px hidden #fff;margin-top:60px;color:#343434;} .w2tb.tableTyBoard tbody .w2tb_th, .w2tb.tableTyBoard tbody .w2tb_td{height:20px;padding:15px 13px;border:solid #dcdcdc;border-width:1px 0 0 1px;text-align:left;} .w2tb.tableTyBoard tbody .w2tb_th{background-color:#f9f9f9;color:#424d89;} .w2tb.tableTyBoard tbody .w2tb_td{line-height:20px;} .w2tb.tableTyBoard.bdone{border-top:1px solid #dcdcdc;} .w2tb.tableTyBoard .w2anchor2{color:#343434 !important;} .noticeDetail{padding:28px 26px;} .smBox{padding:50px 0;text-align:center;} /* warningList :: 대시 리스트를 포함한 warning */ .warningList{margin-top:18px;} .warningList li{position:relative;padding-left:10px;line-height:20px;} .warningList li:before{content:"";position:absolute;left:0;top:6px;width:3px;height:3px;background-color:#3579d4;} .warningList li + li{margin-top:6px;} .warningList li em{color:#3579d4;} .warningList li ul li{position:relative;margin-top:4px;padding-left:12px;line-height:20px;} .warningList li ul li:first-child{margin-top:0;} .warningList li ul li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:1px;background-color:#666;} .warningList span + a{margin-left:15px;} /* 상태 */ .stateTyOrg{display:inline-block;border:1px solid #c28f4e;min-width:52px;height:30px;border-radius:2px;font-size:13px;line-height:30px;text-align:center;} /* 자산: 업데이트 날짜 */ .updateInfoArea{text-align:right;} .updateInfoArea > a{margin-left:10px;} .updateInfoArea .date{display:inline-block;} .updateInfoArea .date em{color:#424d89;} .updateInfoArea .date span{margin-left:5px;} .updateInfoArea .dateText{display:inline-block; padding:8px 8px 5px; background:#f6f9fe;} .updateInfoArea .dateText > a{margin-left:6px;} .updateInfoArea .dateText > span, .updateInfoArea .dateText > em{display:inline-block;vertical-align:middle;} .updateInfoArea .dateText > span{color:#555;} .updateInfoArea .dateText > em{margin-left:5px; color:#424d89;} .updateInfoArea+.assetDigestWrap{margin-top:20px;} .updateInfoArea+.tabTy01{margin-top:10px;} /*투자설명서 다운로드 */ .bgPdf{display:inline-block;overflow:hidden;width:111px;height:15px;margin-top:2px;background:url(https://image.shinhan.com/rib2017/images/btn/bg_pdf.png) no-repeat 50% 50%;text-indent:-5000em;} /* ICON */ .icoTySecurity{width:22px;height:25px;background-position:-388px -218px;} .icoTyWarning{width:50px;height:50px;background-position:-10px -143px;} .icoTyView, .icoTyCompare {width:14px;height:14px;margin-top:-2px;} .icoTyView {background-position:-755px -8px;} .icoTyCompare {background-position:-774px -8px;} /*TOOLTIP Hover*/ .tooltipHover{position:relative;display:inline-block; width:30px; height:30px;background-image:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png);background-repeat:no-repeat;} .tooltipHover.ico01{background-position:-342px -85px;} .tooltipHover.ico02{background-position:-377px -85px;} .tooltipHover > strong{position:absolute;left:-20px;top:-5000em;height:28px;padding:0 8px;border:1px solid #aaa;border-radius:2px;background-color:#fff;font-weight:normal;line-height:30px;color:#343434;text-align:center;white-space:nowrap;} .tooltipHover:hover > strong, .tooltipHover:focus > strong{top:-39px;} .tooltipHover > strong:before{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:5px;margin-left:-5px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -36px -10px;} .tooltipHover > strong.longT{left:-34px;} /* 그리드 */ .w2grid .btnGrp{display:inline-block;margin:0 auto;vertical-align:middle;} .w2grid .btnGrp > div, .w2grid .btnGrp a{float:left;white-space:normal !important;text-overflow:clip !important;} .w2grid .btnGrp .fL{width:137px;} .w2grid .btnGrp a:before, .w2grid .btnGrp a:after{display:none;} .w2grid .btnGrp a.size01{width:52px;} .w2grid .btnGrp a.size02{width:77px;} .w2grid .btnGrp a.size03{width:134px;} .w2grid .btnGrp a.size04, .w2grid .btnGrp a.size05{height:64px;line-height:22px;} .w2grid .btnGrp a.size04{width:76px;padding-top:9px;} .w2grid .btnGrp a.size05{width:52px;padding-top:22px;} .w2tb .btnGrp02 a{margin:2px;} .w2tb .btnGrp02 a.medium{width:98px;} /* gridView:날짜선택 */ .gridHeaderTableDefault .w2inputCalendar_div {width:135px !important; height:30px !important;} .gridHeaderTableDefault .w2inputCalendar_div_img>button {min-width:25px !important;border:0 !important;} .BI .gridTyDefault .per100 .btnTyGray01.small{width:100% !important;} /* 이미지 체크박스 */ a[class*="imgCheckbox"], span[class*="imgCheckbox"]{display:inline-block;overflow:hidden;background-image:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png); background-repeat:no-repeat; text-indent:-5000em;} .imgCheckbox{width:21px;height:21px;} .imgCheckbox.off{background-position:-90px -120px;} .imgCheckbox.on{background-position:-120px -120px;} .imgCheckbox02{width:26px;height:26px;} .imgCheckbox02.off{background-position:-245px -114px;} .imgCheckbox02.on{background-position:-276px -114px;} /*자기앞수표*/ .chequeBox{height:236px;padding-top:40px;background:#f6faff;} .tableTyInput th span[class*="num"], .tableTyOutput span[class*="num"], .numList li span{position:relative;padding-left:25px;line-height:20px;} .tableTyInput th span[class*="num"]:before, .tableTyOutput span[class*="num"]:before, .numList li span:before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;} .tableTyInput th span.num01:before, .tableTyOutput span.num01:before, .numList li span.num01:before{background-position:-10px -266px;} .tableTyInput th span.num02:before, .tableTyOutput span.num02:before, .numList li span.num02:before{background-position:-33px -266px;} .tableTyInput th span.num03:before, .tableTyOutput span.num03:before, .numList li span.num03:before{background-position:-56px -266px;} .tableTyInput th span.num04:before, .tableTyOutput span.num04:before, .numList li span.num04:before{background-position:-79px -266px;} .tableTyInput th span.num05:before, .tableTyOutput span.num05:before, .numList li span.num05:before{background-position:-102px -266px;} .tableTyInput th span.num06:before, .tableTyOutput span.num06:before, .numList li span.num06:before{background-position:-125px -266px;} .tableTyInput th span.num07:before, .tableTyOutput span.num07:before, .numList li span.num07:before{background-position:-148px -266px;} .noteBox:after{content:"";display:block;clear:both;} .noteBox > div{float:left;} .noteBox .left{position:relative;} .noteBox .left:before{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;background-color:#dcdcdc;} .noteBox .left ul{margin-top:-14px;} .noteBox .left li{float:left;position:relative;width:50%;padding-left:13px;margin-top:14px;font-size:15px;box-sizing:border-box;} .noteBox .left li:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#3579d4;} .noteBox .left li em{float:left;color:#424d89;} .noteBox .left li span{color:#343434;vertical-align:top;} .noteBox .left li p{overflow:hidden;color:#343434;} .noteBox .left li a{position:relative;} .noteBox .left li .btnPlus{margin-left:9px;vertical-align:top;} .noteBox .right .info{display:table;width:100%;font-size:15px;} .noteBox .right .info .con{display:table-cell;padding-left:50px;vertical-align:middle;} .noteBox .right .info em{position:relative;color:#424d89;} .noteBox .right .info strong{display:block;margin-top:14px;color:#343434;} .noteBox .right .btn a{margin-right:8px;} .noteBox .right .btn a:before, .noteBox .right .btn a:after{width:13px;} .noteBox.type01 .left{width:575px;} .noteBox.type01 .left li em{width:102px;} .noteBox.type02{margin-bottom:-7px;} .noteBox.type02 .left{width:630px;} .noteBox.type02 .left:before{top:-4px;} .noteBox.type02 .left li{width:inherit;margin-right:30px;} .noteBox.type02 .left li em{margin-right:20px;} .noteBox.type02 .left li em , .noteBox.type02 .left li span{width:inherit;} .noteBox.type02 .left li a{top:-4px !important;} .noteBox.type02 .right .info .con{padding-left:20px;} .noteBox.type02 .right .info .con strong{margin:0;} .noteBox.type03{margin-bottom:-7px;} .noteBox.type03 .left:before{display:none;} .noteBox.type03 .left ul{overflow:hidden;} .noteBox.type03 .left li{width:33.33333333333333%;} .noteBox.type03 .left li:after{content:"";position:absolute;left:-45px;top:-4px;width:1px;height:100%;background-color:#dcdcdc;} .noteBox.type03 .left li.last{width:100%;padding-top:2px;} .noteBox.type03 .left li em{margin-right:20px;} .noteBox.type03 .left li.last em{margin-right:32px;} .noteBox.type03 .left li span{font-size:13px;color:#666;} .noteBox.type03 .left li a{top:-4px !important;} .noteBox .info .topsMoreBtn{display:inline-block;margin:-2px 0 0 8px;width:16px;height:16px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -794px -8px;text-indent:-9999px;} span[class*="icoBoxTy"], a[class*="icoBoxTy"]{display:inline-block;height:14px;padding:2px 6px;border-width:1px;border-style:solid;border-radius:10px;font-size:13px;line-height:16px;} .icoBoxTyBlue{border-color:#3579d4;color:#3579d4;} .icoBoxTyOrg{border-color:#c28f4e;color:#c28f4e;} .icoBoxTyGray{border-color:#adb5be;color:#768392;} .icoBoxTyNavi {border:1px solid #8e94b8;color:#424d89;} .icoBoxTySkyBlue {border:1px solid #8fc7e0;color:#3a9dcb;} a.icoBoxTyGray:after{content:"";display:inline-block;width:4px;height:6px;margin:4px 2px 0 5px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -65px -100px;vertical-align:top;} /* FAQ & ACCORDION*/ .faqArea {border-top:2px solid #c2d6ef;border-bottom:1px solid #b7bbd1;line-height:22px;} .faqArea > ul > li + li {border-top:1px solid #dcdcdc;} .faqArea > ul > li.active .qTxt a:after {background-position:-300px -60px;} .faqArea > ul > li.active .aTxt {display:block;} /* .faqArea .qTxt{position:relative;} */ .faqArea > ul > li.active .aTxt:before {content:'';text-indent:-9999px;font-size:0px;position:absolute;left:13px;top:12px;width:24px;height:24px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -250px -266px;} /* .faqArea .aTxt span.blind{text-indent:-9999px;font-size:0px;position:absolute;left:13px;top:12px;width:24px;height:24px;padding:0px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -250px -266px;} */ .faqArea .qTxt span{position:relative;display:block;padding:15px 50px 13px;font-size:15px;color:#343434;line-height:24px;height:24px;} .faqArea .qTxt a {position:relative;display:block;padding:15px 50px 13px;font-size:15px;color:#343434;line-height:24px;} .faqArea .qTxt a:before {content:'';text-indent:-9999px;font-size:0px;position:absolute;left:13px;top:50%;width:24px;height:24px;margin-top:-12px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -220px -266px;} /* .faqArea .qTxt span.blind{text-indent:-9999px;font-size:0px;position:absolute;left:13px;top:50%;width:24px;height:24px;margin-top:-12px;padding:0px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -220px -266px;} */ .faqArea .qTxt a:after {content:'';position:absolute;right:20px;top:23px;width:16px;height:9px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -320px -60px;} .faqArea .aTxt {position:relative;display:none;padding:12px 20px 12px 50px;background:#f9f9f9;border-top:1px solid #dcdcdc;} .faqArea .qTxt .blind, .faqArea .aTxt .blind{position:absolute !important; left:-5000em !important; top:-5000em !important; font-size:1px !important; line-height:1px !important} .hpe_accor .qustions + .answers{display:none; overflow:hidden; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;} .hpe_accor :target .qustions + .answers{display:block;} .hpe_accor :target .qustions > a:after {background-position:-300px -60px;} .hpe_accor :target .answers:before {content:'';position:absolute;left:13px;top:12px;width:24px;height:24px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -250px -266px;} /* 보험상품 */ .listTyProducts {overflow:auto;border-top:2px solid #3579d4; border-bottom:1px solid #babed4;} .listTyProducts > li {display:table; width:100%; box-sizing:border-box; border-top:1px solid #ededed;} .listTyProducts > li:first-child {border-top:0;} .listTyProducts > li > div{display:table-cell; padding:30px 20px; vertical-align:middle;} .listTyProducts .boxImg{width:100px;} .listTyProducts .boxTexts{padding-right:0;} .listTyProducts .boxTexts .etcInfo span[class*="icoBoxTy"], .listTyProducts .boxTexts .etcInfo a[class*="icoBoxTy"]{float:left;margin-right:10px;} .listTyProducts .boxBtns{width:270px;padding-left:0;text-align:right;} .listTyProducts .boxBtns a{margin-left:5px;} .listTyProducts .boxBtns a[class*="btnTy"]{width:90px;margin-left:5px;} .listTyProducts .boxBtns a[disabled], .listTyProducts tbody .btnGrp02 a[disabled]{border:1px solid #f1f1f1 !important;background-color:#f1f1f1 !important;color:#888 !important;} .listTyProducts .boxBtns > a:before, .listTyProducts .boxBtns > a:after {display:none;} .listTyProducts .boxInfo{width:111px;text-align:center;color:#fff;} .listTyProducts .boxInfo > div{display:table-cell;width:110px;height:110px;background-image:url(https://image.shinhan.com/rib2017/images/bg/bg_product_info.png);background-repeat:no-repeat;vertical-align:middle;} .listTyProducts .boxInfo .infoTyBlue{background-position:0 0;} .listTyProducts .boxInfo .infoTyGreen{background-position:0 -120px;} .listTyProducts .boxInfo .infoTyOrange{background-position:0 -240px;} .listTyProducts .boxInfo .infoTyGray{background-position:0 -360px;} .listTyProducts .boxInfo .infoTyGray.ico01{background-position:0 -480px;} .listTyProducts .boxInfo .infoTyGray.ico02{background-position:-120px 0;} .listTyProducts .boxInfo .infoTyGray.ico03{background-position:-120px -120px;} .listTyProducts .boxInfo div[class*="infoTy"] > span{display:block;} .listTyProducts .boxInfo div.infoTyGray > span{color:#343434;} .listTyProducts .boxInfo div.infoTyGray > strong{color:#f78721;} .listTyProducts .boxInfo div.infoTyGray > p{color:#666;} .listTyProducts .joinChannel{overflow:hidden;margin-bottom:10px;color:#888;font-size:13px;line-height:18px;} .listTyProducts .joinChannel > span {float:left; display:inline-block; margin-right:6px; padding-left:8px; border-left:1px solid #dcdcdc;} .listTyProducts .joinChannel > span:first-child {border-left:0; padding-left:0;} .listTyProducts .joinChannel > span.blNone {padding-left:0px;margin-left:0px; } .listTyProducts .prdtName, .listTyProducts .prdtName a{margin-bottom:10px;font-size:20px;color:#343434;font-weight:bold;} .listTyProducts .prdtName{cursor:pointer;} .listTyProducts .prdtCompany {color:#c87a00; font-size:13px;} /* #d99103 */ .listTyProducts .boxTyBlue02.hAuto {min-height:50px;} .listTyProducts .fundPrdtCompany{position:relative;color:#c87a00;font-size:13px;} /* #d99103 */ .listTyProducts dl.fundPrdtCompany{overflow:hidden;line-height:22px;} .listTyProducts .prdtSummary p{line-height:22px;} .listTyProducts .prdtDate{line-height:22px;} .listTyProducts .prdtDate > span{margin-left:5px;} .listTyProducts .prdtDate > span:first-child{margin-left:0;} .listTyProducts .prdtSummary + .fundPrdtCompany{margin-top:8px;} .listTyProducts .prdtInfoList{margin-top:10px;} .listTyProducts .prdtInfoList .textDash{margin-top:0;} .listTyProducts .prdtInfoList dl{display:table;width:100%;margin-top:4px;} .listTyProducts .prdtInfoList dl:first-of-type{margin-top:0;} .listTyProducts .prdtInfoList dt{display:table-cell;width:100px;line-height:20px;} .listTyProducts .prdtInfoList dd{display:table-cell;vertical-align:top;} .listTyProducts .fundPrdtCompany dt, .listTyProducts .fundPrdtCompany dd{display:inline-block;} .listTyProducts .fundPrdtCompany dt{position:relative;margin-left:8px;padding-left:8px;} .listTyProducts .fundPrdtCompany dt:before{content: "";position: absolute;left:0;top:6px;height:8px;border-left:1px solid #dcdcdc;} .listTyProducts .fundPrdtCompany dt:first-child{margin-left:0;padding-left:0;} .listTyProducts .fundPrdtCompany dt:first-child:before{border:none;} .listTyProducts .prdtDate + .etcInfo{margin-top:10px;} .listTyProducts .prdtSummary + .etcInfo{margin-top:10px;} /* FI06000RM00 아이콘 | 목록 | 버튼 구조 */ .listTyProducts.ilbStructure .boxBtns{width:176px;} .listTyProducts.ilbStructure .boxBtns a[class*="btnTy"]{width:120px;margin-left:5px;} .listTyProducts.ilbStructure .boxTexts>.listDash ul ol{margin-left:60px;} .listTyProducts.ilbStructure .boxTexts>.listDash ul li .indpd60{text-indent:-60px; padding-left:60px;} .listTyProducts.ilbStructure .boxInfo > div{display:table-cell;width:110px;height:110px;background-image:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico_seclist03.png);background-repeat:no-repeat;vertical-align:middle;} .listTyProducts.ilbStructure .boxInfo .infoTyGray.ico01{background-position:-10px -10px;} .listTyProducts.ilbStructure .boxInfo .infoTyGray.ico02{background-position:-10px -130px;} /* 투자성향분석 */ .investBoxTit{overflow:hidden;padding:10px 15px;background:#fbfbfb;box-sizing:border-box;border:1px solid #dcdcdc;} .investBoxTit p{display:inline-block;font-size:14px;color:#555;line-height:30px;} .investBox{padding:40px 25px 25px 25px;font-size:14px;color:#555;border:1px solid #dcdcdc;border-top:none;} .investBox.investBoxPop{padding-top:0;border:none !important;} .investBox dl{margin-top:30px;} .investBox dl > dt{font-size:15px;color:#ff0030;margin-bottom:10px;} .investBox dl > dd{line-height:22px;} .investList .questionBox{border:1px solid #e6e6e6;padding:15px;background:#fafafa;} .investList .questionBox .btnBlueRadius{font-size:14px;color:#fff;padding:5px 7px;border-radius:15px;background:#3579d4;} .investList .questionBox .questionTxt{display:inline;font-size:16px;color:#3579d4;margin-left:10px;} .investList .answerBox{margin:30px 0;} .investList .answerBox.btline{padding-bottom:40px;border-bottom:1px solid #dcdcdc;} .investList .answerBox ol > li{margin-top:30px;} .investList .answerBox ol > li:first-child{marign-top:0;} .investList .answerBox ol > li > dl > dt{margin-bottom:15px;} .investList .answerBox p.qTxt{margin-bottom:10px} .investList .answerBox .inputBlock div{display:block;margin-left:0 !important;line-height:24px;margin-top:10px;} .investList .answerBox .inputBlock div:first-child{margin-top:0;} /* 투자성향결과 */ .investResultBox{position:relative;overflow:hidden;} .investResultBox .imgInfo{float:left;width:223px;height:119px;margin-right:10px;} .investResultBox.new .imgInfo {float:left;width:300px;height:196px;margin-right:10px;} .investResultBox .imgSrcList{overflow:hidden;} .investResultBox .imgSrcList .darkOrgTxt{color:#d27200;} .investResultTxt{text-align:center;border-bottom:1px solid #dcdcdc;padding-bottom:50px;} .investResultTxt > div{font-size:20px;font-weight:bold;} .investResultTxt p{line-height:22px;margin-top:20px;} /* ####################### 홈페이지CONTENT #######################*/ /* 화면분할 layout */ .layout_4_6, .layout_3_3_3, .layout_5_5, .layout_7_3, .layout_6_4, .layout_8_2, .layout_4_2_4, .layout_3_7, .layout_4_1_5, .layout_2_2_2_2, .layout_2_8, .layout_3_4_3, .layout_4_1_4 {position:relative; overflow:hidden;margin-right:1px;} .layout_4_6 > .rightarea {float:right; width:60%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_4_6 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} .layout_3_3_3 > .leftarea {float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_3_3_3 > .centerarea {float:left; width:33.4%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff; border-left:10px solid #fff;} .layout_3_3_3 > .rightarea {float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_3_4_3 > .leftarea {float:left; width:31%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_3_4_3 > .centerarea {float:left; width:38%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff; border-left:10px solid #fff;} .layout_3_4_3 > .rightarea {float:left; width:31%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_2_6_2 > .leftarea {float:left; width:20%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_2_6_2 > .centerarea {float:left; width:60%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff; border-left:10px solid #fff;} .layout_2_6_2 > .rightarea {float:left; width:20%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_5_5 > .leftarea {float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} .layout_5_5 > .rightarea {float:right; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_7_3 > .leftarea {float:left; width:70%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} .layout_7_3 > .rightarea {float:right; width:30%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_3_7 > .leftarea {float:left; width:30%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} .layout_3_7 > .rightarea {float:right; width:70%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_6_4 > .leftarea {float:left; width:60%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} .layout_6_4 > .rightarea {float:right; width:40%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_8_2 > .leftarea {float:left; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} .layout_8_2 > .rightarea {float:right; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_4_2_4 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_4_2_4 > .centerarea {float:left; width:20%; min-width:80px; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} .layout_4_2_4 > .rightarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_4_2_4.cbtn > .leftarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_4_2_4.cbtn > .centerarea {float:left; width:14%; min-width:80px; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} .layout_4_2_4.cbtn > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_4_1_5 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_4_1_5 > .centerarea {float:left; width:17%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} .layout_4_1_5 > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_2_2_2_2 > .leftarea {float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_2_2_2_2 > .leftarea:first-child {border-left:none;} .layout_2_8 > .leftarea {float:left; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} .layout_2_8 > .rightarea {float:right; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} .layout_4_1_4 > .leftarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} .layout_4_1_4 > .centerarea {float:left; width:14%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} .layout_4_1_4 > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} /* 아이콘 공통 */ .hpeicoArea .hico, .boxInfoArea.hpe span, .listDot.hpeNum > ul > li:before, .listDot.hpeNum > ol > li:before, .browser_ico li .brico, .infoExBox.hpe > div[class*="ico"],.infoExBox.hpe > a[class*="ico"], .boxTyGray02.callCenter span, .boxTyGray02.hpe span, .boxTyGray.hpe span, .btnTyGray01 .icoTyHpe01, .btnTyGray01 .icoTyHpe02, .boxTyGray04.hpe .pinIcon:before, .icoGridCheck, .hpe_boxFaq .boxCell .icoStandard:before, .hpe_stepWrap > dl > dt > span {background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_240129.png) no-repeat;} .hpe .hico01{background-position:-10px -118px !important;} .hpe .hico02{margin-top:-57px!important; background-position:-190px -118px !important;} .hpe .hico03{background-position:-370px -118px !important;} .hpe .hico04{background-position:-10px -258px !important;} .hpe .hico05{background-position:-554px -118px !important} .hpe .hico06{background-position:-190px -398px !important} .hpe .hico07{background-position:-10px -258px !important} .hpe .hico08{background-position:-190px -258px !important} .hpe .hico09{background-position:-370px -258px !important} .hpe .hico10{background-position:-554px -258px !important} .hpe .hico11{background-position:-554px -398px !important} .hpe .hico12{background-position:-10px -538px !important} .hpe .hico13{background-position:-370px -398px !important} .hpe .hico14{background-position:0 -398px !important} .hpe .hico15{background-position:-190px -538px !important} .hpe .hico16{background-position:-374px -538px !important} .hpe .hico17{background-position:-554px -538px !important} .hpe .hico18{background-position:-10px -680px !important} .hpe .hico19{background-position:-190px -680px !important} .hpe .hico20{background-position:-370px -675px !important} .hpe .hico21{background-position:-554px -675px !important} .hpe .hico22{background-position:-10px -811px !important;} .hpe .hico23{background-position:-195px -817px !important;} .hpe .hico24{background-position:-374px -817px !important;} .hpe .hico25{background-position:-554px -811px !important; width:179px; margin-top:-57px;} .hpe .hico26{background-position:-734px -209px !important;} .hpe .hico27{background-position:-797px -209px !important;} .hpe .hico28{background-position:-860px -209px !important;} .hpe .hico29{background-position:-916px -209px !important;} .hpe .hico30{background-position:-10px -948px !important;} .hpe .hico31{background-position:-195px -948px !important; top:15px;} .hpe .hico32{background-position:-364px -948px !important; top:6px; right:5px; width:202px;height:110px;} .hpe .hico33{background-position:-554px -948px !important; top:26px; right:56px; width:153px; height:106px;} .hpe .hico34{background-position:-10px -1082px !important;} .hpe .hico35{background-position:-190px -1082px !important;} .hpe .hico36{background-position:-190px -1226px !important; margin-top:-61px;} .hpe .hico37{background-position:-375px -1226px !important;} .hpe .hico38{background-position:-374px -1226px !important;} .hpe .hico39{background-position:-374px -1086px !important;} .hpe .hico40{background-position:-554px -1086px !important;} .hpe .hico41{background-position:-10px -1226px !important;} .hpe .hico42{background-position:-554px -1226px !important;} .hpe .hico43{background-position:-745px -1094px !important;width:164px !important;height:111px !important;} .hpe .hico44{background-position:-702px -1234px !important;width:207px !important;height:113px !important;} .hpe .hico45{background-position:-0 -1400px !important;width:225px !important;height:140px !important; top:0 !important;} .hpe .hico46{background-position:-255px -1400px !important;width:190px !important;height:140px !important; top:0 !important;} .hpe .hico47{background-position:-370px -398px !important} .hpe .gico01{background-position:-734px -112px !important;} .hpe .gico02{background-position:-795px -112px !important;width:77px !important;height:77px !important;} .hpe .gico03{background-position:-882px -112px !important;width:72px !important;height:72px !important;} .hpe .gico04{display:block; float:left; margin-right:15px; position:relative; margin-bottom:30px; background-position:-874px -407px !important; width:80px !important; height:79px !important;} .hpe .gico05{display:block; float:left; margin-right:15px; position:relative; background-position:-874px -507px !important; width:80px !important; height:79px !important;} .hpe .gico04 span, .hpe .gico05 span{display:block; position:absolute; bottom:-25px; left:0; width:100%; text-align:center; font-size:12px; color:#767676;} .hpe .gico06{background-position:-874px -607px !important;width:77px !important;height:77px !important;} /* 금융서비스 아이콘 */ .boxInfoArea.hpe2 > span, .icoGrp.hpe2 > span {background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico_231218.png) no-repeat;} .fico01{background-position:-10px -5px !important} .fico02{background-position:-10px -120px !important} .fico03{background-position:-10px -235px !important} .fico04{background-position:-10px -350px !important} .fico05{background-position:-10px -480px !important} .fico06{background-position:-10px -619px !important} .fico07{background-position:-730px -20px !important} .fico08{background-position:-810px -20px !important} .fico09{background-position:-190px -5px !important} .fico10{background-position:-190px -480px !important} .fico11{background-position:-370px -480px !important} .fico12{background-position:-550px -480px !important} .fico13{background-position:-190px -619px !important} .fico14{background-position:-370px -619px !important} .fico15{background-position:-550px -619px !important} .fico16{background-position:-10px -758px !important} .fico17{background-position:-190px -758px !important} .fico18{background-position:-370px -758px !important} .fico19{background-position:-550px -758px !important} .fico20{background-position:-10px -897px !important} .fico21{background-position:-190px -897px !important; right:10px!important; top:27px!important;} .fico21.type2{top:5px!important;} .fico22{background-position:-370px -897px !important} .fico23{background-position:-550px -897px !important} .fico24{background-position:-10px -1038px !important}/* FI02010RM00 */ .fico25{background-position:-190px -1038px !important}/* FI02011RM00 */ .fico26{background-position:-370px -1038px !important}/* FI02012RM00 */ .fico27{background-position:-550px -1038px !important}/* FI02016RM00 */ .fico28{background-position:-10px -1188px !important; top:15px !important}/* FI02019RM00 */ .fico29{background-position:-190px -120px !important}/* FI01009RM00 */ .fico30{background-position:-190px -1188px !important; top:25px !important; right:8px !important;} .fico31{background-position:-370px -1188px !important;} .fico32{background-position:-730px -480px !important;} .fico33{background-position:-550px -1188px !important;} .fico34{background-position:-729px -1188px !important; top:15px !important;} .fico35{background-position:-10px -1338px !important; top:15px !important;} .fico36{background-position:-190px -1338px !important; top:15px !important;} .fico37{background-position:-370px -1338px !important;} .fico38{background-position:-550px -1338px !important;} .fico39{background-position:-730px -1338px !important;} .fico40{background-position:-10px -1488px !important;} .fico41{background-position:-190px -1488px !important;} .fico42{background-position:-370px -1488px !important;} .fico43{background-position:-550px -1488px !important;} .fico44{background-position:-170px -235px !important} /* 금융서비스 > 상생금융 아이콘 */ .boxInfoArea.hpe2_1 > span{top:-5px;width:200px;height:140px;} .boxInfoArea.hpe2_1 > span, .icoGrp.hpe2_1 > span {background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico02.png) no-repeat;} .fico2_01{background-position:0 0 !important;} .fico2_02{background-position:0 -140px !important;} .fico2_03{background-position:0 -280px !important;} .fico2_04{background-position:0 -420px !important;} .fico2_05{background-position:0 -560px !important;} .fico2_06{background-position:0 -700px !important;} .fico2_07{background-position:0 -840px !important;} .fico2_08{background-position:0 -980px !important;} .fico2_09{background-position:0 -1120px !important;} .icoMd{top:50% !important; margin-top:-65px} /* icon middle */ .icoDOC:before, .icoDOCX:before, .icoTXT:before, .icoXLS:before, .icoXLSX:before, .icoPPT:before, .icoPPTX:before, .icoJPG:before, .icoJPEG:before, .icoGIF:before, .icoPNG:before, .icoBMP:before, .icoLINK:before, .icoHTML:before, .icoDOWN:before, .icoZIP:before, .icoRAR:before, .icoEXE:before, .icoAVI:before, .icoMP3:before, .icoMP4:before, .icoMPEG:before, .icoPDF:before{display: inline-block; content: ""; width: 19px !important; height: 14px; background: url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) no-repeat !important; position: relative;vertical-align: middle;margin-left:-19px;} .icoDOC.btnTyGray01.small, .icoDOCX.btnTyGray01.small, .icoTXT.btnTyGray01.small, .icoXLS.btnTyGray01.small, .icoXLSX.btnTyGray01.small, .icoPPT.btnTyGray01.small, .icoPPTX.btnTyGray01.small, .icoJPG.btnTyGray01.small, .icoJPEG.btnTyGray01.small, .icoGIF.btnTyGray01.small, .icoPNG.btnTyGray01.small, .icoBMP.btnTyGray01.small, .icoLINK.btnTyGray01.small, .icoHTML.btnTyGray01.small, .icoDOWN.btnTyGray01.small, .icoZIP.btnTyGray01.small, .icoRAR.btnTyGray01.small, .icoEXE.btnTyGray01.small, .icoAVI.btnTyGray01.small, .icoMP3.btnTyGray01.small, .icoMP4.btnTyGray01.small, .icoMPEG.btnTyGray01.small, .icoPDF.btnTyGray01.small{min-width:110px; padding-left:19px;} .icoPDF:before{background-position:-700px -10px !important;} .icoDOC:before{background-position:-730px -10px !important;} .icoDOCX:before{background-position:-760px -10px !important;} .icoTXT:before{background-position:-790px -10px !important;} .icoXLS:before{background-position:-820px -10px !important;} .icoXLSX:before{background-position:-850px -10px !important;} .icoPPT:before{background-position:-880px -10px !important;} .icoPPTX:before{background-position:-910px -10px !important;} .icoJPG:before{background-position:-700px -30px !important;} .icoJPEG:before{background-position:-730px -30px !important;} .icoGIF:before{background-position:-760px -30px !important;} .icoPNG:before{background-position:-790px -30px !important;} .icoBMP:before{background-position:-820px -30px !important;} .icoLINK:before{background-position:-850px -30px !important;} .icoHTML:before{background-position:-880px -30px !important;} .icoDOWN:before{background-position:-910px -30px !important;} .icoZIP:before{background-position:-700px -50px !important;} .icoRAR:before{background-position:-730px -50px !important;} .icoEXE:before{background-position:-760px -50px !important;} .icoAVI:before{background-position:-820px -50px !important;} .icoMP3:before{background-position:-850px -50px !important;} .icoMP4:before{background-position:-880px -50px !important;} .icoMPEG:before{background-position:-910px -50px !important;} .icoGridCheck{display:inline-block;background-position:-882px -73px !important;width:18px !important;height:18px !important;text-indent:-9999px;} .icCardInfo{width:556px; height:74px; margin:10px auto; text-indent:-1000em; overfloiw:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_icCard_info.jpg) no-repeat;} .autoMc{width:862px; height:455px; margin:10px auto; text-indent:-1000em; overfloiw:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_auto_mc.jpg) no-repeat;} .imgBoxAuto01{width:918px; height:351px; margin:10px auto; text-indent:-1000em; overflow:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_automation_guide01.png) no-repeat;} .imgBoxAuto02{width:917px; height:387px; margin:10px auto; text-indent:-1000em; overflow:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_automation_guide02.png) no-repeat;} .imgBoxAuto03{width:760px; height:323px; margin:10px auto; text-indent:-1000em; overflow:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartNew.png) no-repeat;} .imgBoxAuto04{width:726px; height:289px; margin:10px auto; text-indent:-1000em; overflow:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartBusiCard.png) no-repeat;} .imgBoxAuto05{width:652px; height:398px; margin:10px auto; text-indent:-1000em; overflow:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_tvMoney01.png) no-repeat;} .imgBoxAuto06{width:743px; height:587px; margin:10px auto; text-indent:-1000em; overflow:hidden; background: url(https://image.shinhan.com/rib2017/images/hpe/common/img_tvMoney02.png) no-repeat;} .hpe_boxFaq .boxCell .fiIcoSeclist:before {background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico_seclist02.png) no-repeat;} .hpe_boxFaq .boxCell .fiIcoSeclist {position:relative; padding-left:62px} .hpe_boxFaq .boxCell .fiIcoSeclist a {margin-right:10px; font-weight:bold !important} .hpe_boxFaq .boxCell .fiIcoSeclist:before {content:""; position:absolute; top:0; left:0; width:42px; height:42px;} .hpe_boxFaq .boxCell .fiIcoSeclist01:before{background-position:-10px -10px !important;} .hpe_boxFaq .boxCell .fiIcoSeclist02:before{background-position:-62px -10px !important;} .hpe_boxFaq .boxCell .fiIcoSeclist03:before{background-position:-114px -10px !important;} .hpe_boxFaq .boxCell .fiIcoSeclist04:before{background-position:-166px -10px !important;} .btnTyGray01.pageMove{position:relative;min-width:230px;height:55px;line-height:55px;border-radius:4px;font-size:18px;padding:0 30px 0 20px;text-align:left;} .btnIcoPageMove{position:absolute;display:inline-block; background:url(https://image.shinhan.com/rib2017/images/hpe/btn/btn_pageMove.png) right no-repeat;width:6px;height:12px;right:20px;top:20px;} /* 테이블 공통 */ .hpe_vTop {vertical-align:top !important} .hpe_bgGray {background-color:#f9f9f9 !important} .hpe_corpNmSet input{margin-left:0px !important;} .hpe_corpNmSet .txt{margin:0 7px !important;} .tableTyBoard tbody tr td .listNor ul li a{text-decoration:none} /* 버튼 공통 */ .hpe_moveTop:before{display: inline-block; content: ""; width: 19px !important; height: 14px; background:url(https://image.shinhan.com/rib2017/images/hpe/btn/btn_move_top.png) bottom no-repeat;} .hpe_moveTop:after{content:"";display:block;visibility:hidden;clear:both;} .hpe_btnTyGray01{border:1px solid #ccc;border-bottom-color:#999;background-color:#f9f9f9;color:#343434 !important;} .fileLink{display:block; margin:3px} /* 텍스트 공통 */ .fontTy14{font-size:14px !important} .bulTy01{position:relative; margin-top:50px; padding-top:15px; font-weight:normal; font-size:20px; color:#444} .bulTy01:before{content:""; position:absolute; left:0; top:0px; width:14px; height:4px; background-color:#3579d4;} .fwb{font-weight:bold !important} .fwn{font-weight:normal !important} .texter{line-height:22px;} .texter > p{margin-top:6px} .texter > p:first-child{margin-top:0} /* Customer */ .listDot.hpeNum > ul > li, .listDot.hpeNum > ol > li{margin-top:15px;padding-left:35px; line-height:26px; font-size:15px; color:#343434;} .listDot.hpeNum > ul > li:first-child, .listDot.hpeNum > ol > li:first-child{margin-top:0} .listDot.hpeNum > ul > li:before, .listDot.hpeNum > ol > li:before{top:0;left:0;width:25px;height:25px;background-color:transparent;/* background-image:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png);background-repeat:no-repeat */} .listDot.hpeNum > ul > li.num01:before, .listDot.hpeNum > ol > li.num01:before{background-position:-10px -10px} .listDot.hpeNum > ul > li.num02:before, .listDot.hpeNum > ol > li.num02:before{background-position:-40px -10px} .listDot.hpeNum > ul > li.num03:before, .listDot.hpeNum > ol > li.num03:before{background-position:-70px -10px} .listDot.hpeNum > ul > li.num04:before, .listDot.hpeNum > ol > li.num04:before{background-position:-100px -10px} .listDot.hpeNum > ul > li.num05:before, .listDot.hpeNum > ol > li.num05:before{background-position:-130px -10px} .listDot.hpeNum > ul > li.num06:before, .listDot.hpeNum > ol > li.num06:before{background-position:-160px -10px} .listDot.hpeNum > ul > li.num07:before, .listDot.hpeNum > ol > li.num07:before{background-position:-190px -10px} .listDot.hpeNum > ul > li.num08:before, .listDot.hpeNum > ol > li.num08:before{background-position:-220px -10px} .listDot.hpeNum > ul > li.num09:before, .listDot.hpeNum > ol > li.num09:before{background-position:-250px -10px} .listDot.hpeNum > ul > li.num10:before, .listDot.hpeNum > ol > li.num10:before{background-position:-280px -10px} .listDot.hpeNum > ul > li.num11:before, .listDot.hpeNum > ol > li.num11:before{background-position:-100px -70px} .listDot.hpeNum > ul > li.num12:before, .listDot.hpeNum > ol > li.num12:before{background-position:-130px -70px} .listDot.hpeNum > ul > li.num13:before, .listDot.hpeNum > ol > li.num13:before{background-position:-160px -70px} .listDot.hpeNum > ul > li.num14:before, .listDot.hpeNum > ol > li.num14:before{background-position:-190px -70px} .listDot.hpeNum > ul > li.num15:before, .listDot.hpeNum > ol > li.num15:before{background-position:-220px -70px} .listDot.hpeNum > ul > li.num16:before, .listDot.hpeNum > ol > li.num16:before{background-position:-250px -70px} .listDot.hpeNum > ul > li.num17:before, .listDot.hpeNum > ol > li.num17:before{background-position:-280px -70px} .listDot.hpeNum > ul > li.num18:before, .listDot.hpeNum > ol > li.num18:before{background-position:-310px -70px} .listDot.hpeNum > ul > li.num19:before, .listDot.hpeNum > ol > li.num19:before{background-position:-340px -70px} .listDot.hpeNum > ul > li.num20:before, .listDot.hpeNum > ol > li.num20:before{background-position:-370px -70px} .listDot li .fontTy15:first-child, .listDot oi .fontTy15:first-child{color:#343434;} .listDot.hpeNum > ul > li > ul > li, .listDot.hpeNum > ol > li > ol > li{color:#666666;} .listDot.hpeNum .due{overflow:hidden} .listDot.hpeNum .due > li{float:left; width:50%; margin-top:0; box-sizing:border-box; -moz-box-sizing:border-box} .listDot.hpeNum .due > li + li + li{margin-top:17px} /* FAQ */ .hpe_faqDetail {margin-top:10px; border-top:2px solid #3579d4; border-bottom: 1px solid #b7bbd1} .hpe_faqDetail > dl > dt {padding:15px 18px; line-height:20px; border-top:1px solid #dcdcdc;} .hpe_faqDetail > dl > dt > .qDate{position:absolute; top:15px; right:18px} .hpe_faqDetail > dl > dd {padding:15px 18px; line-height:20px; border-top:1px solid #dcdcdc;} .hpe_faqDetail > dl > dt:first-child {border-top:none} .hpe_faqDetail > dl > dt, .hpe_faqDetail > dl > dd{display:block;position:relative;padding-left:52px;min-height:24px;line-height:24px} .hpe_faqDetail > dl > dt:before, .hpe_faqDetail > dl > dd:before{text-indent:-9999px;font-size:0px;position:absolute;top:14px;left:18px;width:24px;height:24px;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat} .hpe_faqDetail > dl > dt:before{content:"질문";} .hpe_faqDetail > dl > dd:before{content:"답변";} .hpe_faqDetail > dl > dt:before{background-position:-220px -266px} .hpe_faqDetail > dl > dd:before{background-position:-250px -266px} .hpe_faqDetail > dl > dd .mLgroup{margin-left:15px;} .hpe_boxFaq {display:table; width:100%; border:1px solid #dcdcdc; -o-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .hpe_boxFaq .boxCell {display:table-cell; padding:20px; border-left:1px solid #dcdcdc} .hpe_boxFaq .boxCell:first-child {border-left:0} .hpe_boxFaq .boxCell.last {/*padding-right:80px*/} .hpe_boxFaq .boxCell h4 {margin-right:10px; font-weight:bold} .hpe_boxFaq .boxCell dl {overflow:hidden} .hpe_boxFaq .boxCell dl dt {margin:0 20px; color:#3579d4} .hpe_boxFaq .boxCell dl dt:first-child {margin-left:0} .hpe_boxFaq .boxCell dl dd {padding-right:30px; border-right:1px solid #dcdcdc} .hpe_boxFaq .boxCell dl dd.last {padding-right:0; border-right:0} .hpe_boxFaq .boxCell dl dt, .hpe_boxFaq .boxCell dl dd {float:left} .hpe_boxFaq .boxCell .telephone {position:relative; padding-left:52px} .hpe_boxFaq .boxCell .telephone strong {display:block; color:#3579d4; font-weight:normal} .hpe_boxFaq .boxCell .telephone em {display:block; font-size:18px; font-weight:bold} .hpe_boxFaq .boxCell .telephone:before {content:""; position:absolute; top:0; left:0; width:38px; height:38px; background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -245px -10px} .normal_pag + *{margin-top:40px;} .hpe_dtBoard {margin-top:60px; border-top:2px solid #3579d4; border-bottom: 1px solid #dcdcdc} .hpe_dtBoard.bdone {border-top:1px solid #dcdcdc} .hpe_dtBoard > dl {width:100%; display:table; table-layout:fixed} .hpe_dtBoard > dl > dt {width:120px; padding:0 0 0 20px; background-color:#f9f9f9; font-size:14px; color:#424d89;} .hpe_dtBoard > dl > dt, .hpe_dtBoard > dl > dd {display:table-cell; padding:15px 18px; line-height:20px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;} .hpe_dtBoard > dl:first-child > dt, .hpe_dtBoard > dl:first-child > dd {border-top:none} .hpe_dtBoard > dl > dt:first-child, .hpe_dtBoard > dl > dd:first-child {border-left:none} .hpe_dtBoard > dl > dd .cont{} .hpe_dtBoard .row2stripe dt{border-left:none} /* Tops Club 제도안내 */ .hpe_boxFaq .boxCell .icoStandard {position:relative; padding-left:62px} .hpe_boxFaq .boxCell .icoStandard:before {content:""; position:absolute; top:0; left:0; width:42px; height:42px;} .hpe_boxFaq .boxCell .icoStandard01:before{background-position:-734px -279px !important;} .hpe_boxFaq .boxCell .icoStandard02:before{background-position:-786px -279px !important;} .hpe_boxFaq .boxCell .icoStandard03:before{background-position:-838px -279px !important;} .hpe_boxFaq .boxCell.rela{position:relative;} .hpe_boxFaq.col2 .boxCell{width:50%} .hpe_boxFaq.col3 .boxCell{width:33.333%} .hpe_boxFaq.col4 .boxCell{width:25%} .hpe_boxFaq.box4 {display:block; border-right:0 none; border-bottom:0 none;} .hpe_boxFaq.box4 .boxCell{display:inline-block; width:25%; box-sizing:border-box; border-left:0 none; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} /* 윤리경영 */ .stepCP{padding:5px;} .stepCP:after, .stepCP:before, .stepCP span{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png)no-repeat} .stepCP:after{content:""; position:absolute; top:50%; left:50%; margin-top:-13px; margin-left:-6px; width:13px; height:3px; background-position:-10px -121px;} .stepCP:before{content:""; position:absolute; top:50%; left:100%; margin-top:-18px; margin-left:-18px; width:37px; height:37px; background-position:-36px -100px; z-index:2} .stepCP.last:before{display:none} .stepCP span{display:block; width:59px; height:24px; margin:0 auto; text-indent:-1000em} .stepCP strong{display:block; margin-top:25px; text-align:center; font-size:18px; font-weight:normal; color:#444} .stepCP .ico01{background-position:-10px -142px} .stepCP .ico02{background-position:-10px -171px} .stepCP .ico03{background-position:-10px -200px} .stepCP .ico04{background-position:-10px -229px} .stepCP.p20{padding:0 20px;} /* FAQ 상품안내 */ .hpe_faqDetail .w2titbox{margin-top:40px; font-weight:bold; line-height:1;color:#555; font-size:18px;} .hpe_faqDetail .c6182bc, .hpe_faqDetail .ppoint{color:#3579d4;} .hpe_faqDetail .cynum li{padding-left:19px; text-indent:-19px; } .hpe_faqDetail .cynum li.cy01:before{content:"①"; margin-right:5px;} .hpe_faqDetail .cynum li.cy02:before{content:"②"; margin-right:5px;} .hpe_faqDetail .cynum li.cy03:before{content:"③"; margin-right:5px;} .hpe_faqDetail .cynum li.cy04:before{content:"④"; margin-right:5px;} .hpe_faqDetail .cynum li.cy05:before{content:"⑤"; margin-right:5px;} .hpe_faqDetail .cynum li.cy06:before{content:"⑥"; margin-right:5px;} .hpe_faqDetail .cynum li.cy07:before{content:"⑦"; margin-right:5px;} .hpe_faqDetail .cynum li.cy08:before{content:"⑧"; margin-right:5px;} .hpe_faqDetail .cynum li.cy09:before{content:"⑨"; margin-right:5px;} /* 고객센터 - 전화상담 */ .hpe_divTbl.col3 .divCell{width:33.333%} .hpe_divTbl {display:table; width:100%} .hpe_divTbl > .divCell {display:table-cell; padding-left:10px; vertical-align:top} .hpe_divTbl > .divCell:first-child {padding-left:0} .hpe_divTbl > .divCell .boxTyGray {position:relative; min-height:213px; margin-top:0; padding:20px 30px;} .hpe_divTbl > .divCell .boxTyGray em {display:block; color:#555; font-size:45px} .hpe_divTbl > .divCell .boxTyGray strong {display:block; font-weight:normal} .hpe_divTbl > .divCell .boxTyGray p {line-height:22px} .hpe_divTbl > .divCell .boxTyGray p + p {margin-top:16px; padding-top:20px; border-top:1px solid #ddd} .hpe_divTbl > .divCell .boxTyGray p.mt38 {margin-top:38px} .hpe_divTbl > .divCell .boxTyGray p.desc{height:95px; margin-top:20px; padding-top:20px; border-top:1px solid #ddd;} .hpe_divTbl > .divCell .boxTyGray .num1, .hpe_divTbl > .divCell .boxTyGray .num2, .hpe_divTbl > .divCell .boxTyGray .num3, .hpe_divTbl > .divCell .boxTyGray .num4 {width:35px; height:35px; text-indent:-9999px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png); background-repeat:no-repeat} .hpe_divTbl > .divCell .boxTyGray .num1 {background-position:-322px -10px} .hpe_divTbl > .divCell .boxTyGray .num2 {background-position:-357px -10px} .hpe_divTbl > .divCell .boxTyGray .num3 {background-position:-392px -10px} .hpe_divTbl > .divCell .boxTyGray .num4 {background-position:-427px -10px} .hpe_divTbl > .divCell.vt{vertical-align:top} .hpe_divTbl > .divCell.vm{vertical-align:middle} .hpe_divTbl > .divCell.vb{vertical-align:bottom} .hpe_divTbl > .divCell.pl30{padding-left:30px} .hpe_divTbl.pd25 .divCell{padding-left:25px} .hpe_divTbl.pd25 > .divCell:first-child{padding-left:0} .boxTyGray.csInfo {padding:30px 20px} .boxTyGray.csInfo .hpe_cs_img {margin:0 auto; width:609px; height:332px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_cs_info.png) no-repeat} .boxTyGray02.callCenter {position:relative; margin-top:30px; padding:30px 20px} .boxTyGray02.callCenter span {display:block; position:absolute; top:39px; left:60px; width:80px; height:68px; background-position:-10px -45px; /* background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) no-repeat -10px -45px; */} .boxTyGray02.callCenter .txtCenter {margin-left:180px;} .boxTyGray02.callCenter .txtCenter h3 {font-size:20px; font-weight:normal; color:#333} .boxTyGray02.callCenter .txtCenter p {margin-top:2px; font-size:13px; color:#777} .boxTyGray02.callCenter .txtCenter ul li {margin-top:5px; color:#777} .boxTyGray02.callCenter .txtCenter ul li:first-child {margin-top:0; color:#3579d4} .boxTyGray02.chart {text-align:center; padding:30px 0; border:1px solid #dcdcdc;} /* 금융사기 대처법 */ .w2tb.tableTyInfo.th2 tbody .w2tb_th {border-left:1px solid #dcdcdc} .w2tb.tableTyInfo.th2 tbody .w2tb_th:first-child {border-left:0} .thBgF1 .w2tb_th {background-color:#f1f1f1 !important;} /* 스위치 브릿지 */ .pageScon.w2Switch .w2switch_case {z-index:inherit !important; left:auto !important} .pageScon.w2Switch .w2switch_case .conBridge{overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; text-indent:-5000em; line-height:0} /*상단안내박스*/ /* .boxInfoArea.hpe span{background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_box_info_image.png) no-repeat;} */ /*오픈뱅킹서비스안내*/ .browser_ico{} .browser_ico li{display:inline-block;float:left;margin:0px 6px;} .browser_ico li .txt{display:block;margin-top:3px;} .browser_ico li .brico{display:inline-block;width:30px;height:26px;} .browser_ico li.win7 .brico{background-position:-510px -73px;} .browser_ico li.win8 .brico{background-position:-540px -73px;} .browser_ico li.win10 .brico{background-position:-570px -73px;} .browser_ico li.ie .brico{background-position:-600px -73px;} .browser_ico li.ch .brico{background-position:-630px -73px;} .browser_ico li.fi .brico{background-position:-660px -73px;} .browser_ico li.op .brico{background-position:-690px -73px;} .browser_ico li.sa .brico{background-position:-720px -73px;} .browser_ico li.ed .brico{background-position:-750px -73px;} .browser_ico li.osx .brico{background-position:-780px -73px;} .browser_ico li.ub .brico{background-position:-810px -73px;} .browser_ico li.fe .brico{background-position:-840px -73px;} .browser_ico li.nw .brico{width:35px;height:24px;background-position:-915px -73px;} /* 약관 */ .hpe_termsWrap * {color:#343434 !important} .hpe_termsWrap th {color:#424d89 !important} .hpe_termsWrap .boxTyBlue{margin-bottom:0;} .hpe_termsWrap .boxTyBlue > p{color:#555; line-height:22px;} .hpe_termsWrap .titH02{margin:30px 0 0 0; line-height:1.3;} .hpe_termsWrap .titH02+p{padding-top:8px; font-size:15px; color:#343434; line-height:22px;} .hpe_termsWrap > ol, .hpe_termsWrap > ul{padding:7px 0 0 0;} .hpe_termsWrap li{padding-top:8px;} .hpe_termsWrap li p.normal{padding-left:0 !important; text-indent:0 !important;} .hpe_termsWrap li p.normal:before{display:none !important;} .hpe_termsWrap li p.normal+ol, .hpe_termsWrap li p.normal+ul{padding-left:0 !important;} .hpe_termsWrap li.star > p:first-child{position:relative; left:-4px; padding-left:13px; text-indent:-13px;} .hpe_termsWrap li.star > p:first-child:before{display:none !important;} .hpe_termsWrap li:first-child{padding-top:0;} .hpe_termsWrap li ul, .hpe_termsWrap li ol{padding-top:4px !important; padding-bottom:4px !important;} .hpe_termsWrap > ol ul{padding:0 0 0 16px;} .hpe_termsWrap > ul ul, .hpe_termsWrap > ul ol, .hpe_termsWrap > ol ul ul{padding:0 0 0 10px;} .hpe_termsWrap > ol > li > ol{padding-left:16px;} .hpe_termsWrap ol ol ul{padding:0 0 0 17px;} .hpe_termsWrap > ol > li > p + * {margin-top:8px} .hpe_termsWrap > ol > li > p, .hpe_termsWrap > ul > li > p{position:relative; line-height:22px;} .hpe_termsWrap > ol > li li > p, .hpe_termsWrap > ul > li li > p{position:relative; font-size:14px; color:#565c63; line-height:20px;} .hpe_termsWrap > ol > li li li p, .hpe_termsWrap > ul > li li li p, .hpe_termsWrap ol ol > li > p{position:relative; font-size:14px; color:#565c63; line-height:20px;} .hpe_termsWrap > ol > li > p{padding-left:16px; text-indent:-16px;} .hpe_termsWrap > ol > li ol >li > p, .hpe_termsWrap > ul > li ol >li > p{padding-left:17px; text-indent:-17px;} .hpe_termsWrap ul > li > p:first-child, .hpe_termsWrap li p.normal+ul > li > p:first-child, .hpe_termsWrap li p.normal+ol > li > ul > li > p:first-child{padding-left:10px;} .hpe_termsWrap ul > li > p:first-child:before, .hpe_termsWrap li p.normal+ul > li > p:first-child:before, .hpe_termsWrap li p.normal+ol > li > ul > li > p:first-child:before{content:""; display:block; position:absolute; top:8px; left:0; width:4px; height:1px; background:#343434;} .hpe_termsWrap ul ul > li > p:first-child{padding-left:10px;} .hpe_termsWrap ul ul > li > p:first-child:before{content:""; display:block; position:absolute; top:8px; left:0; width:2px; height:2px; background:#565c63;} .hpe_termsWrap ul ul ul > li > p:first-child{padding-left:0;} .hpe_termsWrap ul ul ul > li > p:first-child:before{display:none;} .hpe_terms_listGroup {vertical-align:top;} .hpe_terms_listGroup:after{content:'';display:block;visibility:hidden;clear:both;height:0;overflow:hidden;} .hpe_terms_listGroup ul {display:inline-block; width:48%; margin-right:1.5%} .hpe_terms_listGroup ul li a {display:inline-block; padding-left: 42px; text-indent: -42px;} @media all and (max-width:767px){ .hpe_terms_listGroup ul {margin-top:8px;} .hpe_terms_listGroup ul {display:block; width:100%; margin-right:0} .hpe_terms_listGroup ul li a { padding-left: 0px; text-indent: 0px; font-size:12px;} } .hpe_termsWrap .adminInfo{padding:20px 0 0 0; border-top:1px solid #dcdcdc;} .hpe_termsWrap .adminInfo dt{padding-bottom:12px; font-size:16px; color:#3579d4;} .hpe_termsWrap .adminInfo dd{padding-bottom:10px; position:relative; padding-left:10px;} .hpe_termsWrap .adminInfo dd:before{content:""; display:block; position:absolute; top:5px; left:0; width:2px; height:2px; background:#666;} .hpe_termsWrap .tableTyInfo tr td{text-align:left;} .hpe_termsWrap .tableTyInfo.aL tr td, .hpe_termsWrap .tableTyInfo.al tr td{text-align:left;} .hpe_termsWrap .tableTyInfo.aC tr td, .hpe_termsWrap .tableTyInfo.ac tr td{text-align:center;} .hpe_termsWrap .tableTyInfo.aR tr td, .hpe_termsWrap .tableTyInfo.ar tr td{text-align:right;} .hpe_termsWrap .tableTyInfo tr td.vt{vertical-align:top;} .hpe_termsWrap .tableTyInfo tr td:first-child{border-left:0 none;} .hpe_termsWrap .tableTyInfo tr td .normal li{padding:5px 0;} .hpe_termsWrap .tb_bottom{padding:10px 0 20px 0;} .hpe_termsWrap .leftBtnPlus{display:inline-block; margin-right:10px;} .hpe_termsWrap .boxTyGray02{margin:15px 0;} .hpe_termsWrap .btCom{padding:25px 0; margin:20px 0 0 0; border-top:1px solid #dcdcdc; text-align:right;} .hpe_termsWrap .btCom dt{margin-bottom:15px;} .hpe_termsWrap .btCom dt span{font-size:18px; color:#555; font-weight:bold;} .psRemark{margin-top:10px; padding:15px !important; background:#f9f9f9;} .psRemark li{line-height:1.4; padding-left:19px; text-indent:-19px;font-size:13px;} .termsMove{position:relative; margin-top:7px; padding:30px 218px 30px 0; border-top:1px solid #dcdcdc;} .termsMove.type2{padding-right:65px;} .termsMove .w2selectbox_native{width:100%;} .termsMove .btn_right{position:absolute; top:30px; right:0;} .termsMove .btn_right .btnTyGray01{margin-left:10px;} .tableTyInfo tr td.hpe_termsWrap .titH02{margin:0 !important;} .tableTyInfo tr td.hpe_termsWrap .adminInfo{padding:0; border-top:0 none;} .agrCancel li{position:relative; margin-top:10px; padding-left:9px;} .agrCancel li:before{content:""; display:block; position:absolute; top:8px; left:0; width:4px; height:1px; background:#343434;} .agrCancel span, .agrCancel em{color:#666;} .agrCancel em{margin-right:5px;} /* 서울신용평가정보 */ .boxTyGray.btnCase > dl > dt{position:relative; padding:0 0 14px 0; line-height:normal; font-size:16px; font-weight:normal} .boxTyGray.btnCase > dl > dt:before{display:none} .boxTyGray.btnCase > dl > dt > p {margin-bottom:5px} .boxTyGray.btnCase > dl > dt > span {font-size:14px} .boxTyGray.btnCase > dl > dt > .btnTyGray01 {position:absolute; top:4px; right:0; margin-top:0} .boxTyGray.btnCase > dl > dd {padding:18px 0 0} /* 명의도용차단 서비스안내 */ .boxTyGray .stealNameSystem{width:938px;height:303px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_steal_name_system.png) no-repeat 0 0} /* 사례보기 및 기타사항 */ .hpe_divTbl.col4 > .divCell {width:181px} .hpe_divTbl.col4 > .divCell .boxTyGray p.bT {min-height:115px; line-height:22px; margin-top:16px; padding-top:20px; border-top:1px solid #ddd} .hpe_divTbl.col4 > .divCell .boxTyGray {height:269px; padding:20px 25px} .hpe_divTbl.col4 > .divCell .boxTyGray a{margin-top:10px} /* 보안서비스 */ .secservice{width:100%;height:200px;border:1px solid #dcdcdc;margin-bottom:15px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_secservice_img01.png) no-repeat center center} /* 주택청약 faq */ .tabTy01.smallTap li{min-width:66px;} /* 뱅킹보안관리 */ .seclist{overflow:hidden;} .seclist > li{position:relative;width:50%;height:195px;float:left;overflow:hidden;border-bottom:1px solid #dcdcdc;} .seclist > li ul{width:350px;} .seclist > li ul:after{content:""; display:block; clear:both;} .seclist > li ul li{float:left; width:175px; margin-bottom:8px;} .seclist.w100 li{width:100%;height:auto !important;padding-bottom:40px;overflow:hidden;} .seclist dl{margin:30px 60px 0 100px;} /* .seclist dl{margin:30px 20px 0 100px;} */ .seclist dt{font-size:20px;color:#343434;margin-bottom:10px; font-weight:bold} .seclist .icoarea{position:absolute;top:40px;left:0px;width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_seclist.png) no-repeat;} .seclist .icoarea.ico01{background-position:0 0;} .seclist .icoarea.ico02{background-position:-85px 0;} .seclist .icoarea.ico03{background-position:0 -85px;} .seclist .icoarea.ico04{background-position:-85px -85px;} .seclist .icoarea.ico05{background-position:0 -170px;} .seclist .icoarea.ico06{background-position:-85px -170px;} .seclist .icoarea.ico07{background-position:0 -255px;} .seclist .icoarea.ico08{background-position:-85px -255px;} .seclist .icoarea.ico09{background-position:0 -340px;} .seclist .icoarea.ico10{background-position:-85px -340px;} .seclist .icoarea.ico11{background-position:0 -425px;} .seclist .icoarea.ico12{background-position:-85px -765px;} .seclist .icoarea.ico13{background-position:0 -855px;} .seclist .icoarea.ico14{background-position:-85px -855px;} .seclist .icoarea.ico15{background-position:0 -945px;} .seclist .icoarea.ico16{background-position:-85px -945px;} .seclist .icoarea.ico17{background-position:0 -680px;} .seclist .icoarea.ico18{background-position:0 -1035px;} /* FI07009RM00 */ .seclist .ficoarea{position:absolute;top:40px;left:0px;width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico_seclist.png) no-repeat;} .seclist .ficoarea.ico29{background-position:-436px -180px;} .seclist .ficoarea.ico30{background-position:-521px -180px;} /* BI02005RM00 */ .seclist .bicoarea{position:absolute;top:40px;left:0px;width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png) no-repeat;} .seclist .bicoarea.ico01{background-position:-10px -10px;} .seclist .bicoarea.ico02{background-position:-95px -10px;} /* FI02008RM00 */ .seclist.bt1dc{border-top:1px solid #dcdcdc;} .seclist .icoSet{position:absolute;top:40px;left:0px;width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico_seclist.png) no-repeat;} .seclist .icoSet.ico14{background-position:-10px -180px} .seclist .icoSet.ico15{background-position:-95px -95px} .seclist .icoSet.ico16{background-position:-180px -95px} .seclist .icoSet.ico17{background-position:-265px -95px} .seclist .icoSet.ico18{background-position:-350px -95px} .seclist.bt1dc .listDash>li{width:100%; height:28px; font-size:14px;color:#666666;float:none;border:0;} /* FI02016RM00 */ .seclist02 > li{padding:20px 0; border-bottom:1px solid #dcdcdc} .seclist02 > li > .hpe_divTbl > .divCell{position:relative; width:50%; padding-left:109px; border-left:46px solid transparent} .seclist02 > li > .hpe_divTbl > .divCell.w100{width:100%} .seclist02 > li > .hpe_divTbl > .divCell.w33{width:33.3333%;} .seclist02 > li > .hpe_divTbl > .divCell:first-child{border-left:0} .seclist02 > li > .hpe_divTbl > .divCell > span{display:block; content:""; position:absolute; top:0; left:0; width:80px; height:80px; text-indent:-9999px; background-image:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico_seclist.png); background-repeat:no-repeat;} .seclist02 > li > .hpe_divTbl > .divCell > dl{min-height:80px; padding-top:7px} .seclist02 > li > .hpe_divTbl > .divCell > .ico01{background-position:-10px -265px} .seclist02 > li > .hpe_divTbl > .divCell > .ico02{background-position:-95px -265px} .seclist02 > li > .hpe_divTbl > .divCell > .ico03{background-position:-180px -265px} .seclist02 > li > .hpe_divTbl > .divCell > .ico04{background-position:-265px -265px} .seclist02 > li > .hpe_divTbl > .divCell > .ico05{background-position:-350px -265px} .seclist02 > li > .hpe_divTbl > .divCell > .ico06{background-position:-435px -265px} .seclist02 > li > .hpe_divTbl > .divCell > .ico07{background-position:-520px -265px} .seclist02 > li > .hpe_divTbl > .divCell > .ico08{background-position:-10px -355px} .seclist02 > li > .hpe_divTbl > .divCell > .ico09{background-position:-95px -355px} .seclist02 > li > .hpe_divTbl > .divCell > .ico10{background-position:-180px -355px} /* FI03000RM00.xml */ .arrowList{padding-top:15px;} .arrowList li a{position:relative; display:block; width:165px; height:29px; line-height:29px; border-top:1px solid #eceff1;} .arrowList li a:before{content:""; position:absolute; display:block; top:12px; right:5px; width:4px; height:7px; background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) -334px -36px no-repeat;} .arrowList li:first-child a{border-top:0 none;} .boxInner .title{display:block; padding:0 0 10px 0; font-size:15px; font-weight:normal; color:#343434;} .boxInner .title+p{height:auto; padding-bottom:5px;} .seclist02.noBorder li{border:0 none !important;} /* 국제보안인증 */ .boxTyGray.hpeicoArea{overflow:hidden; border:1px solid #dcdcdc;} .isologo{width:180px;height:53px;background-position:-510px -8px !important;} /* 보안프로그램안내 */ .setupstep{margin-top:10px;} .setupstep ul li:before{background:none;} .setupstep ul li{_height:285px;border-top:1px solid #dcdcdc;padding-top:30px;padding-bottom:30px;} .setupstep ul li:first-child{border-top:none;padding-top:10px;} .setupstep ul li .imgarea{text-align:center;margin-top:40px;} .setupstep .steptag{width:46px;height:19px;margin-right:20px;font-weight: bold;border-bottom:2px solid #3679d4;} .pointsystem{margin-top:10px;position:relative;} .pointsystem .imgarea{position: absolute;width:250px;height:180px;top:20px;right:90px;} /* 이용등록/해제 방법 */ .usestep{margin-top:10px;} .usestep > ol > li:before{background:none;} .usestep > ol > li{border-top:1px solid #dcdcdc;padding-top:30px;padding-bottom:30px;} .usestep > ol > li:first-child{border-top:none;padding-top:10px;} .usestep > ol > li .imgarea{text-align:center;margin-top:40px;} .usestep > ol > li .imgarea .arr{margin:0 5px;} .usestep > ol.tyUI01 > li img{width:auto;max-height:330px;} .usestep > ol.tyUI01 > li:last-child img{max-height:120px;} .usestep .steptag{display:inline-block;vertical-align:top;width:46px;height:19px;margin-right:20px;font-weight: bold;border-bottom:2px solid #3679d4;} .usestep .stepinner{display: inline-block;margin:0px;} .usestep .stepinner li{margin:0px;} .usestep .stepinner li:before{background:none;} /* 금융상품 정보 */ .seclist .ficoarea.ico40{background-position:-10px -440px;} .seclist .ficoarea.ico41{background-position:-95px -440px;} .seclist .ficoarea.ico42{background-position:-180px -440px;} .seclist .ficoarea.ico43{background-position:-265px -440px;} .seclist .ficoarea.ico44{background-position:-350px -440px;} .seclist .ficoarea.ico45{background-position:-435px -440px;} .seclist .ficoarea.ico46{background-position:-520px -440px;} .seclist .ficoarea.ico47{background-position:-10px -525px;} .seclist .ficoarea.ico48{background-position:-95px -525px;} .seclist .ficoarea.ico49{background-position:-180px -525px;} .seclist .ficoarea.ico50{background-position:-265px -525px;} .seclist .ficoarea.ico51{background-position:-350px -525px;} .seclist .ficoarea.ico52{background-position:-435px -525px;} .seclist .ficoarea.ico53{background-position:-520px -525px;} .seclist .ficoarea.ico54{background-position:-10px -610px;} .seclist .ficoarea.ico55{background-position:-95px -610px;} .seclist .ficoarea.ico56{background-position:-180px -610px;} /* 이용등록/해제 방법 - SKT */ .stab02_skt_step03_f01{height: 268px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_sktstep03_img01.png) no-repeat center center !important;} .stab02_skt_step04_f01{height: 265px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_sktstep04_img01.png) no-repeat center center !important;} .stab02_skt_step04_f02{height: 218px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_sktstep04_img02.png) no-repeat center center !important;} .stab02_skt_step04_f03{height: 290px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_sktstep04_img03.png) no-repeat center center !important;} .stab02_skt_step04_f04{height: 290px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_sktstep04_img04.png) no-repeat center center !important;} .stab02_skt_step04_f05{height: 260px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_sktstep04_img05.png) no-repeat center center !important;} .stab02_skt_step04_f06{height: 275px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_sktstep04_img06.png) no-repeat center center !important;} /* 이용등록/해제 방법 - KT */ .stab02_kt_step03_f01{height: 245px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep03_img01.png) no-repeat center center !important;} .stab02_kt_step04_f01{height: 264px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img01.png) no-repeat center center !important;} .stab02_kt_step04_f02{height: 285px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img02.png) no-repeat center center !important;} .stab02_kt_step04_f03{height: 221px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img03.png) no-repeat center center !important;} .stab02_kt_step04_f04{height: 264px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img04.png) no-repeat center center !important;} .stab02_kt_step04_f05{height: 270px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img05.png) no-repeat center center !important;} .stab02_kt_step04_f06{height: 270px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img06.png) no-repeat center center !important;} .stab02_kt_step04_f07{height: 270px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img07.png) no-repeat center center !important;} .stab02_kt_step04_f08{height: 275px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_ktstep04_img08.png) no-repeat center center !important;} /* 이용등록/해제 방법 - LG */ .stab02_lg_step03_f01{height: 285px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_lgstep03_img01.png) no-repeat center center !important;} .stab02_lg_step04_f01{height: 285px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_lgstep04_img01.png) no-repeat center center !important;} .stab02_lg_step04_f02{height: 481px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_lgstep04_img02.png) no-repeat center center !important;} .stab02_lg_step04_f03{height: 278px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_lgstep04_img03.png) no-repeat center center !important;} .stab02_lg_step04_f04{height: 289px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_lgstep04_img04.png) no-repeat center center !important;} .stab02_lg_step04_f05{height: 295px;margin-top:30px !important;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_smartTab02_lgstep04_img05.png) no-repeat center center !important;} /* 학생증체크카드 인터넷 신청 예약 서비스_FI07007RP01 */ .studentCheckCard01{padding-bottom: 290px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard01.jpg) no-repeat center bottom !important;} .studentCheckCard02{padding-bottom: 526px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard02.jpg) no-repeat center bottom !important;} .studentCheckCard03{padding-bottom: 610px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard03.jpg) no-repeat center bottom !important;} .studentCheckCard04{padding-bottom: 430px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard04.jpg) no-repeat center bottom !important;} .studentCheckCard05{padding-bottom: 610px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard05.jpg) no-repeat center bottom !important;} .studentCheckCard06{padding-bottom: 610px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard06.jpg) no-repeat center bottom !important;} .studentCheckCard07{padding-bottom: 400px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard07.jpg) no-repeat center bottom !important;} .studentCheckCard08{padding-bottom: 610px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard08.jpg) no-repeat center bottom !important;} .studentCheckCard09{padding-bottom: 560px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard09.jpg) no-repeat center bottom !important;} .studentCheckCard10{padding-bottom: 610px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_studentCheckCard10.jpg) no-repeat center bottom !important;} .sccPs{margin-top:20px;text-align:center;} .sccPs > p{width:446px;display:inline-block;text-align:left;} /* 인터넷뱅킹 이용하기 */ .bankinguse{margin-top:0px;} .bankinguse .imgarea{text-align:center;margin-top:40px;} .bankinguse .imgarea .arr{margin:0 5px;} /* 민원건수 공시 */ .boxTySkyBlue{background:#f3f4f8;padding:20px 0;border:1px solid #cbcdcc;text-align:center;} .boxTySkyBlue > .txt{display:inline-block;} .boxTySkyBlue > .txt > input, .boxTySkyBlue > .txt > a{margin-left:15px;} .w2tb.tableTyBoard.topTable{margin-top:0px;} .w2tb.tableTyBoard.topTable.tdNoBoard tbody .w2tb_td{border-left:0;} .w2tb.tableTyBoard.topTable.tdNoBoard tbody .w2tb_td, .w2tb.tableTyBoard.topTable.tdNoBoard tbody .w2tb_th{text-align:center;} /* 신한금융정보가이드 */ .tabBtnWrap{position:relative;} .tabBtnWrap .btn{position:absolute;top:7px;right:0px;} .tabBtnWrap .con:after{content:"";display:block;visibility:hidden;} .tabBtnWrap .con .left{border:1px solid #dcdcdc;width:329px;height:447px;line-height:447px;float:left;overflow:hidden; text-align:center;} .tabBtnWrap .con .left img, .tabBtnWrap .con .right .smallImgWrap a img{max-width:100%;} .tabBtnWrap .con .right{padding-left:50px;float:left;position:relative;width:599px;height:447px;} .tabBtnWrap .con .right p{line-height:22px;} .tabBtnWrap .con .right .smallImgWrap{position:absolute;left:50px;bottom:0px;} .tabBtnWrap .con .right .smallImgWrap a{display:inline-block;border:1px solid #dedede;margin-left:10px;width:124px; height:169px;line-height:113px;overflow:hidden;text-align:center;} .tabBtnWrap .con .right .smallImgWrap a:first-child{margin-left:0;} .tabBtnWrap .con .right .smallImgWrap a.on{border:1px solid #4282d7;} /* 전자금융분쟁처리절차안내 */ .boxTyGray02.customerflow{height:560px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_customer_flow.png) no-repeat center center;} /* 금융소비자보호우수사례 안내 */ .historyline{overflow:hidden;} .historyline dt{height:40px;padding-left:55px;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_history_bline.gif) no-repeat;} .historyline.first dt{background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_history_tline.gif) no-repeat 0px 10px;} .historyline dt .titH03{font-size:30px;margin-top:0px;padding-top:5px;} .historyline dd{padding-top:10px;padding-bottom:40px;padding-left:55px;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_history_mline.gif) repeat-y;} .historyline:last-child dd{padding-bottom:15px;} /* 금융소비자보호체계 안내 */ .boxTyGray02.customerorg{height:310px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_customer_org.png) no-repeat center 125px;} .boxTyGray02.customerorg > .listNor > ul{overflow:hidden} .boxTyGray02.customerorg > .listNor > ul > li{float:left; margin-top:0} /* 금융소비자중심헌장 */ .listNor.doctype{} .listNor.doctype ul{overflow: hidden;} .listNor.doctype ul li, .listNor.doctype ol li{line-height:27px;clear:both;} .listNor.doctype.t01 .colorTyGray01{font-weight:bold;width:110px;} .listNor.doctype.t02 .colorTyGray01{font-weight:bold;width:60px;} .fwb{font-weight:bold;} .listNor2 > li{padding-left:0!important;} .listNor2 > li:before{display:none;} .BI .listNor.doctype.t01 .colorTyGray01{color:#666 !important} .BI .listNor.doctype.t02 .colorTyGray01{color:#666 !important} /* 이벤트 */ .eventI{margin:0 20px;} .eventI > .agreeLine{padding:10px 0;border:0;} .eventI .eventTopBg .iWorld{background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_event_image.png) top center no-repeat;padding:0px 30px 0 30px;height:320px;position:relative;} .eventI .eventTopBg .iWorld > p{position:absolute; right:30px;bottom:50px;color:#fff;letter-spacing:-0.025em;} .eventTopBg .boxTyBlue{text-align:center;border:0;font-size:15px;margin-bottom:30px;} .eventTopBg .inputCode{margin:30px 0;} .eventTopBg .inputCode ul li{padding:20px;} .eventTopBg .inputCode ul li div{padding-left:125px; height:86px;} .eventTopBg .inputCode ul li div p{padding-top:20px;line-height:20px;} .eventTopBg .inputCode ul li .blitTra{padding-left:20px; margin:0;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_event_blit.png) left top no-repeat;height:12px;color:#2d71c4;font-size:14px;line-height:14px;margin-top:15px;} .eventTopBg .btnTyBlue02.big{color:#fff;margin-bottom:50px;} .boxTyBrown{padding:20px;border:0px;background-color:#d88e32 !important;} .boxTyBrown > h2.titH03.mt0{color:#fff;} .eventI .tableTyNo{border:0 !important;} .eventI .tableTyNo tr td{vertical-align: top;} .hpe_termsWrap ul.bdot > li > p:before{content:""; display:block; position:absolute; top:8px; left:0; width:2px; height:2px; background:#666;} .hpe_termsWrap ul.bdot > li.star > p:before{display:none;} .rdo_giftnQuiz {text-align:center; display:block;} .rdo_giftnQuiz label.w2radio_label {font-size:18px;} /* 팝업용 탭(일반용디자인) */ .sp_tabTy01{height:41px;margin-bottom:30px;border-bottom:1px solid #ccc;} .sp_tabTy01 li{float:left;position:relative;min-width:85px;margin-right:-1px;border:solid #ccc;border-width:1px 1px 0;box-sizing:border-box;} .sp_tabTy01 li.on{z-index:3;border-color:#3579d4;} .sp_tabTy01 li.on:after{content:"";position:absolute;left:-1px;bottom:-1px;width:100%;height:1px;padding-right:2px;background-color:#3579d4;} .sp_tabTy01 li a{display:block;height:40px;padding:11px 10px 9px;background-color:#f9f9f9;font-size:15px;line-height:16px;color:#666;text-align:center;box-sizing:border-box;} .sp_tabTy01 li a span{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} .sp_tabTy01 li a:before{content:"";display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;} .sp_tabTy01 li.on a{background-color:#3579d4;color:#fff;} div[class*="multi"].sp_tabTy01 li a{height:60px;padding:11px 13px 9px;} /* 팝업용 탭(금리조회 전용 디자인) */ .sp_tabTy01.rate {height:41px;margin-bottom:30px;border-bottom:1px solid #ccc;} .sp_tabTy01.rate li{float:left;position:relative;min-width:70px;margin-right:-1px;border:solid #ccc;border-width:1px 1px 0;box-sizing:border-box;} .sp_tabTy01.rate li.on{z-index:3;border-color:#3579d4;} .sp_tabTy01.rate li.on:after{content:"";position:absolute;left:-1px;bottom:-1px;width:100%;height:1px;padding-right:2px;background-color:#3579d4;} .sp_tabTy01.rate li a{display:block;height:40px;padding:11px 18px 9px;background-color:#f9f9f9;font-size:15px;line-height:16px;color:#666;text-align:center;box-sizing:border-box;} .sp_tabTy01.rate li a span{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} .sp_tabTy01.rate li a:before{content:"";display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;} .sp_tabTy01.rate li.on a{background-color:#3579d4;color:#fff;} div[class*="multi"].sp_tabTy01.rate li a{height:60px;padding:11px 13px 9px;} /* 펀드판매관련 민원신청 (내용숙지 확인) */ .confirmBox{padding:18px 20px;border:1px solid #b7bbd1;} .confirmBox .boxBot{margin-top:10px;padding-top:20px;border-top:1px solid #dcdcdc} .confirmBox .boxBot:first-child{margin-top:0;padding-top:0;border-top:none} .confirmBox .boxBot h4{margin-bottom:15px;font-weight:normal;font-size:15px;color:#323232} .confirmBox .textDash{margin-top:10px} .confirmBox ul.inBoxGray {margin-top:15px;} .confirmBox ul.inBoxGray > li {display:table; width:100%; box-sizing:border-box; padding:18px 18px;background:#f9f9f9;margin-top:1px;} .confirmBox ul.inBoxGray > li > div {display:table-cell} .confirmBox ul.inBoxGray > li .w2checkbox{text-align:right;} .confirmBox ul.inBoxGray > li:first-child {margin-top:0px;} /* 인터넷뱅킹 Helpdesk _ FAQ 검색 */ .boxTySkyBlue.faqSearch{text-align:left;} .boxTySkyBlue.faqSearch .txt{padding:0 20px;display:block;} .boxTySkyBlue.faqSearch .txt > span{float:left;height:30px;line-height:30px;font-size:15px;} .boxTySkyBlue.faqSearch .txt > div, .boxTySkyBlue.faqSearch .txt > input, .boxTySkyBlue.faqSearch .txt > a{float:right;} .faqBoxAnchor ul{padding-top:20px;margin:20px 20px 0 20px;border-top:1px solid #b7bbd1;} .faqBoxAnchor li{float:left;padding:0 10px;border-left:1px solid #d7bbd1;height:16px;line-height:16px;} .faqBoxAnchor li:first-child{padding-left:0;border-left:0;} .faqBoxAnchor li.on a{color:#3579d4;} .faqArea .aTxt .underLink{text-decoration:underline;display:block;padding-top:20px;} .faqBoxAnchor ul:after, .faqSearch .txt:after{content:'';display:block;height:0;visibility:hidden;clear:both;} .hpe_faqDetail.accordion dl dd{background:#f9f9f9;} .hpe_faqDetail.accordion dl dd a{text-decoration:underline;} /* Sol, Solbiz */ .solAppGuide .innerUl > li:first-child {border-top:hidden;} .solAppGuide .innerUl > li {border-top:1px solid #e4e4e4; padding:40px 0;} .solAppGuide .innerUl.tyUI01 > li, .solAppGuide .innerUl.tyUI02 > li{text-align:center;} .solAppGuide .innerUl.tyUI01 > li > img{width:auto;max-height:330px;} .solAppGuide .innerUl.tyUI02 > li > img{width:100%;} .solAppGuide .innerUl .num, .solAppGuide .innerUl .subtit {text-align:center; font-size:20px; font-weight:bold;} .solAppGuide .innerUl .subtit {margin-bottom:30px; color:#222; } .solAppGuide .innerUl .num {color:#2d71c4; margin-bottom:10px;} .solAppGuide .tblTit {background:#f8f8f8; border:1px solid #ddd; text-align:center; color:#222; padding:15px; font-size:20px; font-weight:bold; } .solAppGuide .innerTbl > li {border:1px solid #ddd; border-top:none; padding:15px 5px 15px 220px; position:relative;} .solAppGuide .innerTbl .subtit{ position:absolute; left:20px; top:20px; font-size:16px; font-weight:bold; line-height:150%;} /* 신한S뱅크 */ .ssbank{} .ssbank .listDash li{display:inline-block;width:160px;} .ssbank.mini .listDash li{width:auto;margin-left:110px;} .ssbank.mini .listDash li:first-child{margin-left:0px !important;} .ssbank .infoExBox.hpe{overflow:hidden;} .ssbank_android.usestep{} .ssbank_android.usestep .imgarea{} .ssbank_android.usestep .steptag{width:20px;text-align:center;} .ssbank_android.usestep .st01 .imgarea{height:230px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_guide01.png) no-repeat center center;} .ssbank_android.usestep .st02 .imgarea{height:320px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_guide02.png) no-repeat center center;} .ssbank_android.usestep .st03 .imgarea{height:120px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_guide03.png) no-repeat center center;} .ssbank_android.usestep .st04 .imgarea{height:235px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_guide04.png) no-repeat center center;} .ssbank_android.usestep .st05 .imgarea{height:318px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_guide05.png) no-repeat center center;} .ssbank_android.usestep .st06 .imgarea{height:120px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_guide06.png) no-repeat center center;} .ssbank_inguide{text-align:center;} .ssbank_inguide li{display:inline-block;overflow:hidden;width:170px;height:270px;} .ssbank_inguide li.arr{width:54px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguidearr.png) no-repeat center center;} .ssbank_inguide li.inguide01{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide01.png) no-repeat;} .ssbank_inguide li.inguide02{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide02.png) no-repeat;} .ssbank_inguide li.inguide03{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide03.png) no-repeat;} .ssbank_inguide li.inguide04{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide04.png) no-repeat;} .ssbank_inguide li.inguide05{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide05.png) no-repeat;} .ssbank_inguide li.inguide06{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide06.png) no-repeat;} .ssbank_inguide li.inguide07{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide07.png) no-repeat;} .ssbank_inguide li.inguide08{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguide08.png) no-repeat;} /* 신한S뱅크 - mini */ .ssbank_android.usestep.mini .st01 .imgarea{height:230px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_mini_guide01.png) no-repeat center center;} .ssbank_android.usestep.mini .st02 .imgarea{height:320px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_mini_guide02.png) no-repeat center center;} .ssbank_android.usestep.mini .st03 .imgarea{height:120px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_mini_guide03.png) no-repeat center center;} .ssbank_android.usestep.mini .st04 .imgarea{height:235px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_mini_guide04.png) no-repeat center center;} .ssbank_android.usestep.mini .st05 .imgarea{height:318px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_mini_guide05.png) no-repeat center center;} .ssbank_android.usestep.mini .st06 .imgarea{height:120px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_android_mini_guide06.png) no-repeat center center;} .ssbank_inguide.mini li{display:inline-block;overflow:hidden;width:150px;height:290px;} .ssbank_inguide.mini li.arr{width:86px;} .ssbank_inguide.mini li.inguide01{width:151px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_mini_inguide01.png) no-repeat;} .ssbank_inguide.mini li.inguide02{width:169px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_mini_inguide02.png) no-repeat;} .ssbank_inguide.mini li.inguide03{width:150px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_mini_inguide03.png) no-repeat;} .ssbank_inguide.mini li.inguide04{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_mini_inguide04.png) no-repeat;} .ssbank_inguide.mini li.inguide05{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_mini_inguide05.png) no-repeat;} .ssbank_inguide.mini li.inguide06{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_mini_inguide06.png) no-repeat;} .ssbank_inguide.mini li.inguide07{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_mini_inguide07.png) no-repeat;} .ssbank_inguide.mini.tyUI02 li{width:auto;} .ssbank_inguide.mini.tyUI02 li.arr{width:60px;} .ssbank_inguide.mini.tyUI02 li > img{width:auto;height:100%;} /* 신한 모바일웹 */ .smweb{text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid #dcdcdc;} .smweb li{position:relative;width:800px;height:400px; margin: 0 auto} .smweb li .txt{position:absolute;bottom:0px;width:100%;text-align:center;} .smweb ul{} .smweb li{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_mweb_service_new.png) no-repeat;} .smweb li.s01{margin-left:0px;background-position:0 0;} .smweb li.s02{background-position:-240px 0;} .smweb li.s03{background-position:-480px 0;} .smweb li.s04{margin-right:0px;background-position:-720px 0;} /* FI01012RM00 */ .smweb.combank{margin:12px 0; padding:0; border-top:none} .smweb.combank li{width:150px; height:255px; padding-bottom:30px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_companyBank.png) no-repeat;} .smweb.combank li > p{font-size:12px; line-height:14px;} .smweb.combank li.s01{margin-left:0px;background-position:0 0;} .smweb.combank li.s02{background-position:-170px 0;} .smweb.combank li.s03{background-position:-340px 0;} .smweb.combank li.s04{margin-right:0px;background-position:-510px 0;} .combankNew {margin:12px 0; padding:0; border-top:none; text-align:center;} .combankNew li{width:170px; height:300px; padding-bottom:30px; background:#eef2f5 url(https://image.shinhan.com/rib2017/images/hpe/common/img_companyBankNew.png) no-repeat; margin-left:10px; text-align:center;} .combankNew li .tit {font-size:14px; line-height:14px; text-align:center; font-weight:bold; margin:30px 0 10px;} .combankNew li .txt {font-size:11px; line-height:14px; color:#777; letter-spacing:-0.07em;} .combankNew li.s01{background-position:10px -3px; margin-left:0;} .combankNew li.s02{background-position:-240px -3px;} .combankNew li.s03{background-position:-490px -3px;} .combankNew li.s04{background-position:10px -358px;} .combankNew li.s05{background-position:-240px -358px;} /* FI01013RM00 */ .smweb.fanClub{margin:12px 0; padding:0; border-top:none} .smweb.fanClub li{width:150px; height:260px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_fanClub.png) no-repeat !important} .smweb.fanClub li.s01{margin-left:0px; background-position:0 0 !important;} .smweb.fanClub li.s02{background-position:-180px 0 !important;} .smweb.fanClub li.s03{background-position:-360px 0 !important;} .smweb.fanClub li.s04{margin-right:20px; background-position:-540px 0 !important;} .smweb.fanClub li.s05{margin-right:0px; background-position:-720px 0 !important;} .ico_fanQR01, .ico_fanQR02{position:relative; padding-bottom:23px; width:80px !important; height:79px !important; background:url(https://image.shinhan.com/rib2017/images/hpe/common/FI01013RM00_QR.png) no-repeat !important} .ico_fanQR01 em, .ico_fanQR02 em{display:block; width:100%; position:absolute; bottom:0; text-align:center; font-size:12px} .ico_fanQR01{background-position:0 0 !important} .ico_fanQR02{background-position:-95px 0 !important} /* FI01018RM00 */ .smweb.pony{margin:12px 0; padding:0; border-top:none} .smweb.pony li{width:150px; height:260px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_poney.png) no-repeat !important} .smweb.pony li.s01{margin-left:0px; background-position:0 0 !important;} .smweb.pony li.s02{background-position:-180px 0 !important;} .smweb.pony li.s03{background-position:-360px 0 !important;} .smweb.pony li.s04{margin-right:20px; background-position:-540px 0 !important;} .smweb.pony li.s05{margin-right:0px; background-position:-720px 0 !important;} /* FI01017RM00 */ .smweb.future{margin:12px 0; padding:0; border-top:none} .smweb.future li{width:150px; height:244px; padding-bottom:30px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_futureDesign.png) no-repeat;} .smweb.future li > p{font-size:12px; line-height:14px;} .smweb.future li.s01{margin-left:0px;background-position:0 0;} .smweb.future li.s02{background-position:-190px 0;} .smweb.future li.s03{background-position:-380px 0;} .smweb.future li.s04{margin-right:0px;background-position:-570px 0;} .ico_sunnyQR{width:77px !important; height:77px !important; background:url(https://image.shinhan.com/rib2017/images/hpe/common/FI01007RM00_QR.png) no-repeat !important} .ico_ssQR{width:77px !important; height:77px !important; background:url(https://image.shinhan.com/rib2017/images/hpe/common/FI01011RM00_QR.png) no-repeat !important} /* 회원가입 */ .joinSelectBox > p:first-child{padding:30px 0 15px 0;} .joinSelectBox > ul{padding:39px 0 27px 120px; border:1px solid #eee;} .joinSelectBox > ul:after{content:""; display:block; clear:both;} .joinSelectBox > ul li{float:left; margin-left:130px;} .joinSelectBox > ul li:first-child{margin-left:0;} .joinSelectBox > ul li .icon{width:88px; height:88px; margin-bottom:20px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/join_ico.png) no-repeat;} .joinSelectBox > ul li.select1 .icon{background-position: -10px -10px;} .joinSelectBox > ul li.select2 .icon{background-position: -106px -10px;} .joinSelectBox > ul li.select3 .icon{background-position: -202px -10px;} .joinSelectBox > ul li.select4 .icon{background-position: -298px -10px;} .joinSelectBox > ul li .text{font-size:16px; text-align:center;} .detailPop .idInfo{text-align:center; line-height:22px;} .detailPop .idInfo em{font-size:18px; color:#3579d4;} .detailPop .idUsed{padding-bottom:20px; margin-bottom:-5px; border-bottom:1px solid #dcdcdc;} .detailPop .idFind:after{content:""; display:block; clear:both;} .detailPop .idFind span{float:left; width:65px; line-height:30px;} .detailPop .idFind input{float:left; width:290px;} .detailPop .idFind a{float:right;} .starDesc p{margin-top:10px; padding-left:9px; text-indent:-9px; color:#3579d4;} /* i-PIN 인증 회원가입 */ .hpeicoArea02{padding:50px 0; border:0; border-bottom:1px solid #aaa; background-color:#fff} .boxTyGray04.hpe{margin-top:50px} .boxTyGray04.hpe .pinIcon{position:relative; padding:10px 20px; padding-left:106px; line-height:22px;} .boxTyGray04.hpe .pinIcon:before{content:''; position:absolute; top:50%; left:20px; width:67px; height:27px; margin-top:-13px; background-position:-437px -71px;} .btnTyGray01 .icoTyHpe01, .btnTyGray01 .icoTyHpe02{display:inline-block; margin-top:-3px; width:17px; height:17px; vertical-align:middle;} .btnTyGray01 .icoTyHpe01{background-position:-940px -8px} .btnTyGray01 .icoTyHpe02{background-position:-958px -8px} /* 가족우대제도 */ .req_flow{} .req_flow .ico{font-weight:normal;font-size:35px;background:none;} /* FI01007RM00 */ .hpe_olList{margin-top:5px} .hpe_olList > li{position:relative; padding-left:0} .hpe_olList > li:before{display:none} .hpe_olList li > p{padding-left:17px; text-indent:-17px} .hpe_olList li > ul{margin-left:17px; margin-bottom:10px} .hpe_olList li > ul > li{padding-left:12px} .hpe_olList li > ul > li:before{content:""; position:absolute; left:0; top:9px; width:5px; height:1px; background-color: #555;} .hpe_olList li > ul > li > p{padding-left:0; text-indent:0} .pdbox30{padding:30px!important; border:1px solid #b7bbd1;text-align:center;} /* FI01009RM00 */ .hpe_stepWrap{display:table; width:100%; border-top:2px solid #b3bac6;} .hpe_stepWrap > dl{display:table-row;} .hpe_stepWrap > dl > dt, .hpe_stepWrap > dl > dd{ border-bottom:1px solid #dcdcdc} .hpe_stepWrap > dl > dt{display:table-cell; vertical-align:middle; width:30%; height:180px; text-align:center; background-color:#f9f9f9} .hpe_stepWrap > dl > dt >*{margin-top:10px} .hpe_stepWrap > dl > dt >*:first-child{margin-top:0} .hpe_stepWrap > dl > dt > span{display:inline-block; width:50px; height:50px} .hpe_stepWrap > dl > dd{display:table-cell; width:70%; vertical-align:middle;} .hpe_stepWrap > dl > dd > .stepTyInfo01{border-top:none; border-bottom:none} .hpe_stepWrap > dl > dd > .stepTyInfo01 > ol > li:before{left:-10%} /* FI01010RM00 */ .hpe_appBox{margin-top:20px; padding:45px 20px; border:1px solid #b7bbd1; text-align:center; font-size:12px} .hpe_appBox > ul{display:inline-block;} .hpe_appBox > ul > li{display:inline-block; width:200px; margin-left:100px; text-align:left; vertical-align:top} .hpe_appBox > ul > li:first-child{margin-left:0} .hpe_appBox > ul > li > img{width:100%; height:180px} .hpe_appBox > ul > li > strong{display:block; margin-top:20px; font-weight:normal; color:#343434} .hpe_appBox > ul > li > p{color:#767676} .hpe_appBox > ul > li > .listDash > ul > li{padding-left:7px; color:#767676} .hpe_appBox > ul > li > .listDash > ul > li > ul{margin-top:0; margin-bottom:0} .hpe_appBox.col4 > ul > li{margin-left:30px} /* 등급 시뮬레이션 */ .wrapGrade:after{content:""; display:block; clear:both;} .wrapGrade > div{float:left; width:50%; padding:15px 15px 20px 15px; margin:0 -1px -1px 0; box-sizing:border-box; border:1px solid #dcdcdc; text-align:center;} .wrapGrade > div > strong{float:left; color:#3579d4; font-size:16px; font-weight:normal;} .wrapGrade > div > .btnTyBoard{float:right; min-width:70px; margin-bottom:10px;} .wrapGrade > div > .btnTyBoard .icoTyReset2{width:12px; height:13px; margin-left:5px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) no-repeat -934px -30px;} .wrapGrade > div > .grade{clear:both; padding:17px 0 16px 0; margin-bottom:15px; background:#f9f9f9; text-align:center;} .wrapGrade > div > .grade span{font-size:15px; color:#3579d4;} .wrapGrade > div > .grade span:first-child{margin-right:5px; color:#555;} .wrapGrade > div > ul{margin-bottom:20px;} .wrapGrade > div > ul li{margin-top:10px;} .wrapGrade > div > ul li:first-child{margin-top:0p;} .wrapGrade > div > ul li:after{content:""; display:block; clear:both;} .wrapGrade > div > ul li >*{float:left;} .wrapGrade > div > ul li p:first-child, .wrapGrade > div > ul li p span{line-height:28px; text-align:left;} .wrapGrade > div > ul li input[type=text]{width:88px !important; height:28px !important; margin:0 5px 0 10px; line-height:28px;} .wrapGrade > div > ul li .sliderBar{position:relative; height:6px; margin-top:12px; margin-right:17px; background:#dcdcdc; border-radius:2px;} .wrapGrade > div > ul li .sliderBar:before{content:""; display:block; position:absolute; top:0; right:-16px; width:17px; height:6px; background:#dcdcdc;} .wrapGrade > div > ul li .sliderBar .ui-slider-handle{display:block; position:absolute; top:-3px; left:0; z-index:10; width:17px; height:13px; border-radius:2px;} .wrapGrade > div > ul li .sliderBar .ui-slider-handle:before{content:""; display:block; position:absolute; top:4px; left:7px; z-index:11; width:1px; height:5px; border-left:1px solid #fff; border-right:1px solid #fff;} .wrapGrade > div > ul li .sliderBar .ui-slider-range{display:block; position:absolute; top:0; left:0 !important; z-index:9; height:6px;} .wrapGrade > div.grade1 ul{min-height:117px;} .wrapGrade > div.grade1 > ul li .sliderBar{width:172px;} .wrapGrade > div.grade1 > ul li .sliderBar .ui-slider-range{background:#6bc1b0;} .wrapGrade > div.grade1 > ul li .sliderBar .ui-slider-handle{background:#6bc1b0;} .wrapGrade > div.grade1 li p:first-child{width:58px;} .wrapGrade > div.grade2 ul{min-height:117px;} .wrapGrade > div.grade2 > ul li .sliderBar{width:161px;} .wrapGrade > div.grade2 > ul li .sliderBar .ui-slider-range{background:#ffb135;} .wrapGrade > div.grade2 > ul li .sliderBar .ui-slider-handle{background:#ffb135;} .wrapGrade > div.grade2 li p:first-child{width:82px;} .wrapGrade > div.grade3{clear:both;} .wrapGrade > div.grade3 ul{min-height:76px;} .wrapGrade > div.grade3 > ul li .sliderBar{width:161px;} .wrapGrade > div.grade3 > ul li .sliderBar .ui-slider-range{background:#fe7487;} .wrapGrade > div.grade3 > ul li .sliderBar .ui-slider-handle{background:#fe7487;} .wrapGrade > div.grade3 li p:first-child{width:68px;} .wrapGrade > div.grade4 ul{min-height:76px;} .wrapGrade > div.grade4 > ul li .sliderBar{width:149px;} .wrapGrade > div.grade4 > ul li .sliderBar .ui-slider-range{background:#9692e3;} .wrapGrade > div.grade4 > ul li .sliderBar .ui-slider-handle{background:#9692e3;} .wrapGrade > div.grade4 li p:first-child{width:95px;} /* 등급 시뮬레이션 col4 추가_FI06002RM00 */ .wrapGrade.col4 > dl{width:25%; float:left; margin:0 -1px -1px 0; box-sizing:border-box; border:1px solid #dcdcdc;} .wrapGrade.col4 > dl > dt{cursor:pointer; padding:15px 50px 20px 46px} .wrapGrade.col4 > dl > dt > a{display:block;width:150px; height:46px; overflow:hidden;} .wrapGrade.col4 > dl.rfiImg01 > dt > a > img{position:relative; left:-10px; top:-10px;} .wrapGrade.col4 > dl.rfiImg02 > dt > a > img{position:relative; left:-170px; top:-10px;} .wrapGrade.col4 > dl.rfiImg03 > dt > a > img{position:relative; left:-330px; top:-10px;} .wrapGrade.col4 > dl.rfiImg04 > dt > a > img{position:relative; left:-490px; top:-10px;} .wrapGrade.col4 > dl.rfiImg05 > dt > a > img{position:relative; left:-10px; top:-66px;} .wrapGrade.col4 > dl.rfiImg06 > dt > a > img{position:relative; left:-170px; top:-66px;} .wrapGrade.col4 > dl.rfiImg07 > dt > a > img{position:relative; left:-330px; top:-66px;} .wrapGrade.col4 > dl.rfiImg08 > dt > a > img{position:relative; left:-490px; top:-66px;} .wrapGrade.col4 > dl.rfiImg09 > dt > a > img{position:relative; left:-10px; top:-122px;} .wrapGrade.col4 > dl.rfiImg10 > dt > a > img{position:relative; left:-170px; top:-122px;} .wrapGrade.col4 > dl.rfiImg11 > dt > a > img{position:relative; left:-330px; top:-122px;} .wrapGrade.col4 > dl > dd{padding:15px 20px 20px 15px; border-top:1px solid #dcdcdc;height:120px;} .wrapGrade.col4 > dl > dd .listDash li{margin-top:10px;} .wrapGrade.col4 > dl > dd .listDash li:first{margin-top:0;} .wrapGrade.col4 > dl > dd .listDash li > a{text-decoration:none;} /* 서비스가상체험 */ .hpe_virtual{} .hpe_virtual li{display:inline-block;float:left;width:50%;padding-bottom:20px;} .hpe_virtual li .vbox{display:block;overflow:hidden;height:155px;padding:15px;border:1px solid #b9c8cf;background:#f6fcff;box-sizing:border-box;} .hpe_virtual li .vbox.mr10{margin-right:10px;} .hpe_virtual li .vbox.ml10{margin-left:10px;} .hpe_virtual dt{overflow:hidden;margin-top:10px;} .hpe_virtual dt .tit{display:inline-block;margin-top:5px;color:#424d89;font-size:18px;font-weight:bold;} .hpe_virtual dd{margin-top:5px;} .hpe_virtual dd .graph_bar{overflow:hidden;margin-top:5px;color:#fff;font-size:14px;border-radius:3px;width:100%;height:25px;background:#b9c2c9;} .hpe_virtual dd .graph_bar span{display:inline-block;margin-top:5px;margin-left:3px;} .hpe_virtual dd .graph_bar .bar_inner{width:100%;height:25px;} .hpe_virtual dd .graph_bar .bar_inner.bar01{background:#4798dd;} .hpe_virtual dd .graph_bar .bar_inner.bar02{background:#4ac9e7;} .hpe_virtual dd .graph_bar .bar_inner.bar03{background:#4bb0c6;} .hpe_virtual dd .graph_bar .bar_inner.bar04{background:#4ae7af;} .chartDl dt{height:50px; line-height:50px; padding:0 20px; border:1px solid #dcdcdc;} .chartDl dt span{font-size:16px;} .chartDl dt span.color{margin-left:3px; color:#3579d4;} .chartDl dd.first{position:relative; top:1px; margin-top:-1px; z-index:2; padding:30px 20px 0 20px; height:51px; background:#fff; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;} .chartDl dd.first:after{content:""; display:block; clear:both;} .chartDl dd.first ul{float:left;} .chartDl dd.first ul:after{content:""; display:block; clear:both;} .chartDl dd.first ul li{position:relative; float:left; padding-right:30px; font-size:13px;} .chartDl dd.first ul li:before{content:""; display:inline-block; width:21px; height:10px; margin-right:9px; background:#4798dd;} .chartDl dd.first ul li.list2:before{background:#4ae7af;} .chartDl dd.first ul li.list3:before{background:#4ac9e7;} .chartDl dd.first ul li.list4:before{background:#4bb0c6;} .chartDl dd.first p{float:right;} .chartDl dd.first p span{margin-right:3px; font-size:13px;} /* FI01016RM00 */ .icoGrp > span{display:inline-block; width:80px; height:80px} .hpe_QR01{width:80px!important; height:80px!important; background:url(https://image.shinhan.com/rib2017/images/hpe/common/FI01016RM00_QR1.png) no-repeat !important} .hpe_QR02{width:80px!important; height:80px!important; background:url(https://image.shinhan.com/rib2017/images/hpe/common/FI01016RM00_QR2_20231218.png) no-repeat !important} /* Tops 추천금융상품 */ .hpe_listTyProducts {overflow:auto;border-top:2px solid #3579d4; border-bottom:1px solid #babed4;} .hpe_listTyProducts > li {display:table; width:100%; box-sizing:border-box; border-top:1px solid #ededed;} .hpe_listTyProducts > li:first-child {border-top:0;} .hpe_listTyProducts > li > div{display:table-cell; padding:30px 20px; vertical-align:middle;} .hpe_listTyProducts .boxImg{width:100px;} .hpe_listTyProducts .boxTexts{padding-right:0;} .hpe_listTyProducts .boxTexts .etcInfo span[class*="icoBoxTy"], .hpe_listTyProducts .boxTexts .etcInfo a[class*="icoBoxTy"]{float:left;margin-right:10px;} .hpe_listTyProducts .boxBtns{width:270px;padding-left:0;text-align:right;} .hpe_listTyProducts .boxBtns a{margin-left:5px;} .hpe_listTyProducts .boxBtns a[class*="btnTy"]{width:90px;margin-left:5px;} .hpe_listTyProducts .boxBtns a.btnTyBlue01.medium{width:160px;} .hpe_listTyProducts .boxBtns a[disabled], .hpe_listTyProducts tbody .btnGrp02 a[disabled]{border:1px solid #f1f1f1 !important;background-color:#f1f1f1 !important;color:#888 !important;} .hpe_listTyProducts .boxBtns > a:before, .hpe_listTyProducts .boxBtns > a:after {display:none;} .hpe_listTyProducts .boxInfo{width:111px;text-align:center;color:#fff;} .hpe_listTyProducts .boxInfo img{width:178px;height:99px;} .hpe_listTyProducts .boxInfo > div{display:table-cell;width:110px;height:110px;background-image:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_product_tops_bank.png);background-repeat:no-repeat;vertical-align:middle;} .hpe_listTyProducts .boxInfo.card{width:146px;} .hpe_listTyProducts .boxInfo.card > div{width:145px;height:92px;background-image:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_product_tops_card.png);background-repeat:no-repeat;} /* .hpe_listTyProducts .boxInfo .infoTyBlue{background-position:0 0;} .hpe_listTyProducts .boxInfo .infoTyGreen{background-position:0 -120px;} .hpe_listTyProducts .boxInfo .infoTyOrange{background-position:0 -240px;} .hpe_listTyProducts .boxInfo .infoTyGray{background-position:0 -360px;} */ .hpe_listTyProducts .boxInfo .infoTyGray.ico01{background-position:0 -0px;} .hpe_listTyProducts .boxInfo .infoTyGray.ico02{background-position:0 -120px;} .hpe_listTyProducts .boxInfo .infoTyGray.ico03{background-position:0 -240px;} .hpe_listTyProducts .boxInfo .infoTyGray.ico04{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) -734px -967px no-repeat;} .hpe_listTyProducts .boxInfo.card .infoTyGray.ico01{background-position:0 0px;} .hpe_listTyProducts .boxInfo.card .infoTyGray.ico02{background-position:0 -100px;} .hpe_listTyProducts .boxInfo.card .infoTyGray.ico03{background-position:0 -200px;} .hpe_listTyProducts .boxInfo.card .infoTyGray.ico04{background-position:0 -300px;} .hpe_listTyProducts .boxInfo div[class*="infoTy"] > span{display:block;} .hpe_listTyProducts .boxInfo div.infoTyGray > span{color:#343434;} .hpe_listTyProducts .boxInfo div.infoTyGray > strong{color:#f78721;} .hpe_listTyProducts .boxInfo div.infoTyGray > p{color:#666;} .hpe_listTyProducts .joinChannel{overflow:hidden;margin-bottom:20px;color:#888;font-size:13px;} .hpe_listTyProducts .joinChannel > span {float:left; display:inline-block; margin-right:6px; padding-left:8px; border-left:1px solid #dcdcdc;} .hpe_listTyProducts .joinChannel > span:first-child {border-left:0; padding-left:0;} .hpe_listTyProducts .joinChannel > span.blNone {padding-left:0px;margin-left:0px; } .hpe_listTyProducts .prdtName, .hpe_listTyProducts .prdtName a{margin-bottom:10px;font-size:20px;color:#343434;font-weight:bold;} .hpe_listTyProducts .prdtName{/* cursor:pointer; */} .hpe_listTyProducts .prdtCompany {color:#c87a00; font-size:13px;} /* #d99103 */ .hpe_listTyProducts .boxTyBlue02.hAuto {min-height:50px;} .hpe_listTyProducts .fundPrdtCompany{position:relative;color:#c87a00;font-size:13px;} /* #d99103 */ .hpe_listTyProducts dl.fundPrdtCompany{overflow:hidden;line-height:22px;} .hpe_listTyProducts .prdtSummary p{line-height:22px;} .hpe_listTyProducts .prdtDate{line-height:22px;} .hpe_listTyProducts .prdtDate > span{margin-left:5px;} .hpe_listTyProducts .prdtDate > span:first-child{margin-left:0;} .hpe_listTyProducts .prdtSummary + .fundPrdtCompany{margin-top:8px;} .hpe_listTyProducts .fundPrdtCompany dt, .hpe_listTyProducts .fundPrdtCompany dd{display:inline-block;} .hpe_listTyProducts .fundPrdtCompany dt{position:relative;margin-left:8px;padding-left:8px;} .hpe_listTyProducts .fundPrdtCompany dt:before{content: "";position: absolute;left:0;top:6px;height:8px;border-left:1px solid #dcdcdc;} .hpe_listTyProducts .fundPrdtCompany dt:first-child{margin-left:0;padding-left:0;} .hpe_listTyProducts .fundPrdtCompany dt:first-child:before{border:none;} .hpe_listTyProducts .prdtDate + .etcInfo{margin-top:10px;} .hpe_listTyProducts .prdtSummary + .etcInfo{margin-top:10px;} .hpe_listTyProducts .hpe_termsWrap ul > li > p:first-child{font-size:14px; color:#666;} .hpe_listTyProducts .boxInfo > div.sIcon01{display:block; width:120px; height:120px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) -734px -407px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon02{display:block; width:120px; height:120px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) -734px -547px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon03{display:block; width:120px; height:120px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) -734px -687px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon04{display:block; width:120px; height:120px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) -734px -827px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon05{display:block; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_seclist.png) 0 -595px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon06{display:block; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_seclist.png) -85px -680px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon07{display:block; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_seclist.png) 0 -680px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon08{display:block; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_seclist.png) -85px -595px no-repeat;} .hpe_listTyProducts .boxInfo > div.sIcon09{display:block; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_seclist.png) 0 -765px no-repeat;} .hpe_listTyProducts.borderGray{margin-top:-30px; border-top:0 none} .hpe_listTyProducts.borderGray .boxInfo{width:80px; padding:30px 0;} .hpe_listTyProducts .prdtSummary.dbtype{} .hpe_listTyProducts .prdtSummary.dbtype p{color:#3579d4 !important} .hpe_listTyProducts .prdtSummary.dbtype ul{margin-top:10px;} .hpe_listTyProducts .prdtSummary.dbtype ul li{position:relative;margin-top:4px;padding-left:12px;line-height:20px;} .hpe_listTyProducts .prdtSummary.dbtype ul li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:1px;background-color:#666;} /* 라디오버튼 */ .hpe_radioTyTable01 {width:100%;} .hpe_radioTyTable01 .w2radio_item {margin-left:0 !important; padding:5px 0; width:50%;} .hpe_radioTyTable01 .w2radio_item .w2radio_label {padding-right:20px; width:100%; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; overflow:hidden;} /* s20클럽 */ .s20ClubDesc{position:relative;} .s20ClubDesc .slogan{padding:60px 0 25px 0; font-size:18px; color:#343434; font-weight:bold;} .s20ClubDesc .slogan span:first-child{font-size:24px; color:#3679d4;} .s20ClubDesc .slogan span.yes{position:relative; font-size:24px; color:#3679d4;} .s20ClubDesc .slogan span.yes:before, .s20ClubDesc .slogan span.yes:after, .s20ClubDesc:before{content:""; display:block; position:absolute; top:-5px; left:10px; width:4px; height:4px; border-radius:2px; background:#3679d4;} .s20ClubDesc:before{top:80px; left:122px;} .s20ClubDesc .slogan span.yes:after{left:25px;} .s20ClubDesc .slogan span.image{position:relative; top:12px; display:inline-block; margin:0 4px 0 20px; text-indent:-1000em; overflow:hidden; width:170px; height:46px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) -734px -341px no-repeat;} .s20ClubDesc .checkUl{padding:15px 20px; background:#f9f9f9;} .s20ClubDesc .checkUl:after{content:""; display:block; clear:both;} .s20ClubDesc .checkUl li{position:relative; float:left; padding-left:83px; margin-left:30px; border-left:1px solid #dfdfdf;} .s20ClubDesc .checkUl li:first-child{padding-left:47px; margin-left:0; border-left:0 none;} .s20ClubDesc .checkUl li:before{content:""; display:block; position:absolute; top:0; left:35px; width:38px; height:38px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) -924px -341px no-repeat;} .s20ClubDesc .checkUl li:first-child:before{left:0;} .s20ClubDesc .checkUl li span{display:block; font-size:16px; color:#343434; font-weight:bold;letter-spacing:-0.4px;} .s20ClubDesc .checkUl li span:first-child{font-size:14px; color:#3679d4;} .s20ClubDesc .s20Standard span:first-child, .s20ClubDesc .s20Standard span.sec, .s20ClubDesc .s20Standard span.last{position:relative; display:inline-block; width:192px; height:46px; line-height:46px; margin:10px 57px 10px 0; border-radius:23px; text-align:center; background:#eee; font-size:15px; color:#343434;} .s20ClubDesc .s20Standard span.last{background:#3679d4; color:#fff;} .s20ClubDesc .s20Standard span.sec:before, .s20ClubDesc .s20Standard span.sec:after, .s20ClubDesc .s20Standard span.last:before, .s20ClubDesc .s20Standard span.last:after{content:""; display:block; position:absolute; background:#888;} .s20ClubDesc .s20Standard span.sec:before{top:21px; left:-36px; width:15px; height:5px;} .s20ClubDesc .s20Standard span.sec:after{top:16px; left:-31px; width:5px; height:15px;} .s20ClubDesc .s20Standard span.last:before{top:15px; left:-36px; width:15px; height:5px} .s20ClubDesc .s20Standard span.last:after{top:27px; left:-36px; width:15px; height:5px} /* FI02008RM00 */ .boxInner.hpe .icoSet{padding:20px 0} .boxInner.hpe .icoSet > span{display:block; width:80px; height:80px; margin:0 auto 15px; text-indent:-9999px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico_seclist.png) no-repeat;} .boxInner.hpe .icoSet .ico01{background-position:-10px -10px} .boxInner.hpe .icoSet .ico02{background-position:-95px -10px} .boxInner.hpe .icoSet .ico03{background-position:-180px -10px} .boxInner.hpe .icoSet .ico04{background-position:-265px -10px} .boxInner.hpe .icoSet .ico05{background-position:-350px -10px} .boxInner.hpe .icoSet .ico06{background-position:-435px -10px} .boxInner.hpe .icoSet .ico07{background-position:-520px -10px} .boxInner.hpe .icoSet .ico08{background-position:-10px -95px} .boxInner.hpe .icoSet .ico09{background-position:-95px -95px} .boxInner.hpe .icoSet .ico10{background-position:-180px -95px} .boxInner.hpe .icoSet .ico11{background-position:-265px -95px} .boxInner.hpe .icoSet .ico12{background-position:-350px -95px} .boxInner.hpe .icoSet .ico13{background-position:-435px -95px} .boxInner.hpe .icoSet > strong{display:block; font-size:16px; color:#666; text-align:center} .boxInner.hpe .icoSet > p{height:auto; margin-top:10px; font-size:14px; color:#666; text-align:center} /* FI02009RM00 */ .boxInner.hpe .tel{overflow:hidden} .boxInner.hpe .tel span{float:left; font-size:14px !important; color:#666 !important} .boxInner.hpe .tel em{float:right; margin-right:20px} .infoBanner.boxHpe05 .boxInner{width:20%; padding-left:0;} /* Tops 프리미엄 서비스 - Tops Plus */ .topsbox{margin-top:10px;border:1px solid #dcdcdc;} .topsbox dt{padding-top:12px;height:33px;background:#f9f9f9;} .topsbox dd{padding:20px 15px 15px 15px;} .topsbox dd .topslist{overflow:hidden;} .topsbox dd .topslist > li{display:table;width:50%;float:left;} .topsbox dd .topslist > li .img_cell{width:140px;} .topsbox dd .topslist > li .img_cell, .topsbox dd .topslist > li .text_cell{display:table-cell;vertical-align: top;} .topsbox dd .topslist .imgbox{width:110px;height:77px;margin-left:10px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_topsplus_service.png) no-repeat;} .topsbox dd .topslist .imgbox.s01{background-position:0 0;} .topsbox dd .topslist .imgbox.s02{background-position:-110px 0;} .topsbox dd .topslist .imgbox.s03{background-position:-220px 0;} .topsbox dd .topslist .imgbox.s04{background-position:-330px 0;} .topsbox dd .topslist .imgbox.s05{background-position:0 -77px;} .topsbox dd .topslist .imgbox.s06{background-position:-110px -77px;} .topsbox dd .topslist .imgbox.s07{background-position:-220px -77px;} .topsbox dd .topslist .imgbox.s08{background-position:-330px -77px;} /* Tops 프리미엄 서비스 - Tops Basic */ .topsbasiclist{overflow: hidden;margin-top:10px;} .topsbasiclist > li{display:table;width:50%;float:left;padding:30px 0;border-bottom:1px solid #dcdcdc;} .topsbasiclist > li .img_cell, .topsbasiclist > li .text_cell{display:table-cell;vertical-align: top;} .topsbasiclist > li .img_cell{width:110px;} .topsbasiclist > li .text_cell{padding-right:50px;} .topsbasiclist .imgbox{width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_topsbasic_service.png) no-repeat;} .topsbasiclist .imgbox.s01{background-position:0 0;} .topsbasiclist .imgbox.s02{background-position:-80px 0;} .topsbasiclist .imgbox.s03{background-position:-160px 0;} .topsbasiclist .imgbox.s04{background-position:-240px 0;} .topsbasiclist .imgbox.s05{background-position:-320px 0;} .topsbasiclist .imgbox.s06{background-position:-400px 0;} .topsbox.cell_one dd .topslist > li{width:100%;text-align:center;} .topsbox.cell_two dd .topslist > li{width:50%;} .topsbox.cell_three dd .topslist > li{width:33.333%;} .topsbox.cell_three dd .topslist > li .img_cell{width:95px;} .topsbox.cell_three dd .topslist .imgbox{width:65px;height:65px;} .topsbox.cell_three dd .topslist .imgbox{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_topsbasic_service02.png) no-repeat;} .topsbox.cell_three dd .topslist .imgbox.s01{background-position:0 0;} .topsbox.cell_three dd .topslist .imgbox.s02{background-position:-65px 0;} .topsbox.cell_three dd .topslist .imgbox.s03{background-position:-130px 0;} .topsbox.cell_four dd .topslist > li{width:25%;} .topsbox dd .topslist.imgtype01 > li{text-align:center;} .topsbox dd .topslist.imgtype01 > li .img_cell{display:block;width:auto;height:250px;margin:0 10px;background:#f5f5f5;} .topsbox dd .topslist.imgtype02 > li .img_cell{display:block;width:auto;height:280px;margin:0 10px;background:#f5f5f5;} .topsbox dd .topslist.imgtype03 > li .img_cell{display:inline-block;width:460;height:280px;background:#f5f5f5;} .topstip{position:relative;font-size:15px;color:#3579d4;padding-left:35px;margin:35px 0 8px 0;} .topstip:before{content: ""; position:absolute;left:0;top:-5px;width:30px;height:30px;background: url(https://image.shinhan.com/rib2017/images/hpe/ico/cs_ico_231218.png) no-repeat -405px -70px;} /* Tops 프리미엄 서비스 - Tops Basic_기획수정 */ .topsbasicbox{margin-top:20px;border:1px solid #dcdcdc;} .topsbasicbox dt{position:relative;min-height:80px !important;background:#f9f9f9;} .topsbasicbox dt p{margin-left:90px;} .topsbasicbox dt .mtit{padding-top:18px;font-size:18px;font-weight:bold;} .topsbasicbox dt .stit{padding:5px 0 15px 0;font-size:14px;color:#666;} .topsbasicbox dt .imgbox{position:absolute;width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_topsbasic_service03.png) no-repeat;} .topsbasicbox dt .imgbox.b01{background-position:0 0;} .topsbasicbox dt .imgbox.b02{background-position:-80px 0;} .topsbasicbox dt .imgbox.b03{background-position:-160px 0;} .topsbasicbox dt .imgbox.b04{background-position:-240px 0;} .topsbasicbox dt .imgbox.b05{background-position:-320px 0;} .topsbasicbox dt .imgbox.b06{background-position:-400px 0;} .topsbasicbox dd{padding:30px;} .topsbasicbox dd .basic_img{width:320px;height:115px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_topsbasic_service04.png) no-repeat;} .topsbasicbox dd .basic_img.bimg01{background-position:0 0;} .topsbasicbox dd .basic_img.bimg02{background-position:0 -115px;} .topsbasicbox .listDot.hpeNum li{width:210px;} /* My Tops Club */ .mytopstab{display:table;width:100%;_overflow: hidden;margin-top:10px;background:#f0f9ff;} .mytopstab > li{display:table-cell;vertical-align:middle;width:25%;border-left:1px solid #fff;} .mytopstab > li:first-child{border-left:none;} .mytopstab > li a{position:relative;display:block;overflow:hidden;width:100%;height:125px;} .mytopstab > li a .tx01{display:block;margin:40px 10px 0 110px;font-size:15px;color:#343434;} .mytopstab > li a .tx02{display:block;margin:10px 10px 0 110px;margin-top:10px;font-size:14px;color:#666;} .mytopstab > li a .myico{position:absolute;top:30px;left:30px;display:inline-block;width:65px;height:65px;background:url(https://image.shinhan.com/rib2017/images/hpe/btn/btn_mytopstab_inner.png) no-repeat;} .mytopstab > li a .myico.myico01{background-position:0 0;} .mytopstab > li a .myico.myico02{background-position:-65px 0;} .mytopstab > li a .myico.myico03{background-position:-130px 0;} .mytopstab > li a .myico.myico04{background-position:-195px 0;} .mytopstab > li.on a{background:#a4e1ff;} .mytopsgroupview{height:310px;border:1px solid #dcdcdc;box-sizing:border-box;/* background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_mytops_groupview.png) no-repeat center center; */} .mytopsgroupview .mgvtit{width:810px;margin:30px auto 0 auto;} .mytopsgroupview .mgvtit li{display:inline-block;margin-right:30px;font-size:13px;color:#888888;} .mytopsgroupview .mgvtit li .colorbox{display:inline-block;width:21px;height:10px;margin-right:8px;} .mytopsgroupview .mgvtit li.t01 .colorbox{background:#4798dd;} .mytopsgroupview .mgvtit li.t02 .colorbox{background:#4ae7af;} .mytopsgroupview .mgvtit li.t03 .colorbox{background:#4ac9e7;} .mytopsgroupview .mgvtit li.t04 .colorbox{background:#4bb0c6;} .mytopsgroupview .graphbox{width:810px;height:200px;margin:30px auto 0 auto;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_mytops_groupviewbg.gif) repeat-y 100px top;} .mytopsgroupview .graphbox li{position:relative;width:640px;height:36px;padding-top:14px;margin-left:103px;border-top:1px solid #dbdde8;font-size:13px;color:#888888;} .mytopsgroupview .graphbox li:first-child{border-top:none;} .mytopsgroupview .graphbox li .tit{position:absolute;top:18px;left:-98px;} .mytopsgroupview .graphbox li .gline{position:relative;width:0px;height:21px;} .mytopsgroupview .graphbox li .gline .gtit{position:absolute;top:3px;right:-60px;width:55px;} .mytopsgroupview .graphbox li.ptype .gline{width:640px;background:#4798dd;} .mytopsgroupview .graphbox li.ctype .gline{width:160px;background:#4ae7af;} .mytopsgroupview .graphbox li.atype .gline{width:480px;background:#4ac9e7;} .mytopsgroupview .graphbox li.btype .gline{width:320px;background:#4bb0c6;} .mytopsdbcont table{position:relative;border-right:0 hidden #fff;border-left:0 hidden #fff;border-top:2px solid #3579d4;} .mytopsdbcont table th, .mytopsdbcont table td{border:1px solid #dcdcdc; background-color:transparent;color:#343434;font-weight:normal;} .mytopsdbcont table td a + a{margin-left:3px;} .mytopsdbcont table thead th{height:50px;padding:0;background-color:#f9f9f9;font-size:15px;color:#424d89;} .mytopsdbcont table tbody th, .mytopsdbcont table tbody td{height:20px;padding:15px 20px;line-height:20px;} .mytopsdbcont table tbody th{width:160px;background-color:#f9f9f9;color:#424d89;} .mytopsdbcont table tbody td.bgBlue{background-color:#f6faff;} .mytopsdbcont table tbody td{text-align:left;} .mytopsdbcont > p{position:relative;margin-top:13px;font-size:14px;line-height:22px;color:#c87a00;} /* #d99103 */ .mytopsdbcont ul li{position:relative;margin-top:4px;padding-left:12px;line-height:20px;font-size:14px;} .mytopsdbcont ul li:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#555;} .listDot.nodot > ul > li:before{display:none;} .listDot.nodot > ul > li{padding-left:0;} /* .tbl_list_01 li.noresult:after {content:"조회조건을 선택 후 조회하시기 바랍니다."; display:block; position:absolute; bottom:10px; left:0; z-index:20; width:100%;padding-top:60px;_line-height:22px; font-size:14px; color:#666; text-align:center;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/ico_table_noresult.png) no-repeat center top;} .tbl_list_01 li.noresult.result:after {content:"조회 결과가 없습니다.";} */ .tbl_list_01 {overflow:hidden;} .tbl_list_01 li {margin-top:30px; width:100%; box-sizing:border-box; float:left;} .tbl_list_01 li .textNor {position:relative; height:22px;} .tbl_list_01 li .textNor:before {content: ""; position:absolute; left:-12px; top:8px; width:3px; height:3px; background-color:#555; display:block;} .tbl_list_01 li.noresult {} .tbl_list_01 li.noresult:after {content:"조회조건을 선택 후 조회하시기 바랍니다."; min-height:0; height:20px; display:block; position:absolute; top:auto; bottom:10px; left:0; z-index:20; width:100%;padding-top:60px; font-size:14px; color:#666; text-align:center;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/ico_table_noresult.png) no-repeat center top;} .tbl_list_01 li.noresult.result:after {content:"조회 결과가 없습니다.";} /* FI02019RM00 */ .wd200{width:200px} .listDash.ver > ul > li{display:inline-block; margin-left:50px} .listDash.ver > ul > li:first-child{margin-left:0} /* 그룹 Tops 예상 등급 */ .topslevel{_text-align:center;} .topslevel .icoTyCheck{display:block;margin:0 auto;} .topslevel > .colorTyBlue{text-align:center;font-size:16px;margin-top:20px;font-weight:normal;} .topslevel > .textNor{text-align:center;margin-top:7px;padding-bottom:30px;border-bottom:1px solid #dcdcdc;} .topslevel_icolist{overflow: hidden;text-align:left;} .topslevel_icolist > li{display:table;width:33.3333%;float:left;padding:30px 0;} .topslevel_icolist > li:first-child{border-left:none;} .topslevel_icolist > li .img_cell, .topslevel_icolist > li .text_cell{display:table-cell;vertical-align: top;} .topslevel_icolist > li .img_cell{width:95px;} .topslevel_icolist > li .text_cell{_padding-right:30px;font-size:14px;vertical-align: middle;} .topslevel_icolist .imgbox{display:block;width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_topslevel_icon.png) no-repeat;} .topslevel_icolist .imgbox.s01{background-position:0 0;} .topslevel_icolist .imgbox.s02{background-position:-80px 0;} .topslevel_icolist .imgbox.s03{background-position:-160px 0;} .topslevel_icolist li a{display:block;padding:8px;border:1px solid #dcdcdc;box-sizing:border-box;margin:5px;} .topslevel_product{overflow:hidden;width:100%;height:130px;background:#f5ede7 url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_toplevel_product.png) no-repeat right top;} .topslevel_product strong{display:block;margin:30px 0 0 30px;font-size:18px;color:#46689f;} .topslevel_product .textNor{margin:10px 0 0 30px;padding-bottom:20px;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_toplevel_product_bul.gif) no-repeat left bottom;} .topslevel .listDash .ml50{margin-left:50px;} /* 국기 이미지 */ .icon_sign_list{border:1px solid #ccc;} /* 금융계산기 */ .w2fusionchart_accessibility{width:0px;height:0px;} .chartbox{width:100%;min-height:235px;border:1px solid #dcdcdc;box-sizing:border-box;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_chart_logo.gif) no-repeat center center;} /* 글로벌외환센터 */ .listDash + .confirmArea {margin-top:20px;} .confirmArea {position:relative;padding:30px 0 50px;border-bottom:1px solid #dcdcdc;text-align: center;} .confirmArea:after {content:'';position:absolute;right:100px;bottom:40px;width:60px;height:60px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -40px -130px;} .confirmArea p {font-size:15px;color:#343434;} .confirmArea .date {margin:15px 0 20px;font-size:14px;color:#555;} .confirmArea .sign {margin-bottom:35px;} /* 정보광장 아이콘 */ .infoIcon{top:50% !important; right:54px !important; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/info_ico.png) no-repeat !important;} .infoIcon.iIcon01{width:149px; height:112px; margin-top:-56px; background-position:-10px -10px !important;} .infoIcon.iIcon02{width:141px; height:108px; margin-top:-54px; background-position:-10px -297px !important;} /* 정보광장-신한동영상 */ .movieOuter{position:relative;} .movieWrap:after{content:""; display:block; clear:both;} .movieWrap .movieView{float:left; width:480px; height:360px; background:#e1e1e1;} .movieWrap .movieView > *, .movieWrap .movieView video{width:480px!important; height:360px!important;} .movieWrap .movieDesc{float:right; width:480px;} .movieWrap .movieDesc > strong{display:block; padding-bottom:12px; font-size:24px; color:#343434; line-height:1.3; font-weight:normal;} .movieWrap .movieDesc .descArea p{padding-bottom:15px; font-size:15px; line-height:22px;} .movieWrap .movieDesc .descArea .fontTy18 {margin-bottom:15px; padding-bottom:0;} .movieWrap .movieDesc .descArea dl{padding-bottom:15px;} .movieWrap .movieDesc .descArea dl:after{content:""; display:block; clear:both;} .movieWrap .movieDesc .descArea dl dt{position:relative; clear:both; float:left; width:60px; padding-bottom:10px;} .movieWrap .movieDesc .descArea dl dt:before{content:""; display:block; position:absolute; top:2px; right:0; width:1px; height:10px; background:#dcdcdc;} .movieWrap .movieDesc .descArea dl dd{float:right; width:405px; padding-bottom:10px;} .movieWrap .movieDesc .descArea .btnTyGray02{margin-right:10px;} .captionView{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin-top:30px;} .captionView dt{background:#eee; text-align:center;} .captionView dt a{position:relative; line-height:40px;} .captionView dt a:before{content:""; display:block; position:absolute; top:4px; right:3px; width:2px; height:8px; background:#3579d4;} .captionView dt.on a:before{display:none;} .captionView dt a:after{content:""; display:inline-block; width:8px; height:2px; margin-left:5px; background:#3579d4; vertical-align:middle;} .captionView dd{display:none; padding:20px; border-top:1px solid #dcdcdc; background:#f9f9f9; line-height:22px;} .captionView dt.on+dd{display:block;} .movieListThum{margin-top:40px; overflow:hidden;} .movieListThum ul{width:1000px;} .movieListThum ul:after{content:""; display:block; clear:both;} .movieListThum ul > li{float:left; width:230px; margin:0 20px 20px 0;} .movieListThum ul > li a{display:block;} .movieListThum ul > li a img{width:230px; height:130px; margin-bottom:10px; background:#e1e1e1;} .movieListThum ul > li a p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; color:#343434; line-height:22px;} /* 은행소개 - 홍보센터(영상광고/지면광고) */ .movieWrap.type2 .movieDesc{float:left; width:470px; margin-left:30px; position:relative; height:360px} .movieWrap.type2 .movieDesc > strong{display:block; margin-top:5px; font-size:20px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .movieWrap.type2 .movieDesc .descArea >p:first-child{font-size:14px!important; line-height:22px; height:85px; overflow:hidden;} .movieWrap.type2 .movieDesc .descArea .na_title{font-size:18px; color:#444; font-weight:normal;} .movieWrap.type2 .movieDesc .descArea .narrationBox{position:absolute; bottom:0; left:0; width:470px; height:185px; padding:20px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#f9f9f9; box-sizing:border-box; -moz-box-sizing:border-box} .movieWrap.type2 .movieDesc .descArea .narrationBox p{font-size:14px; line-height:22px; height:120px; overflow-y:auto; } .magazineBox{position:relative; display:table; width:100%} .magazineBox .magazineView{width:347px; height:462px; background:#e1e1e1;} .magazineBox .magazineView img{width:100%; height:100%} .magazineBox .magazineDesc{position:relative; display:table-cell; height:462px; padding-left:50px; vertical-align:top;} .magazineBox .magazineDesc > strong{display:block; margin-bottom:12px; max-height:48px; font-size:20px; color:#333; padding-top:10px; line-height:1.3; font-weight:normal; overflow:hidden;} .magazineBox .magazineDesc > strong+p{max-height:40px; font-size:16px!important; margin-bottom:25px!important; overflow:hidden;} .magazineBox .magazineDesc .descArea{padding:20px; background:#f9f9f9; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;} .magazineBox .magazineDesc .descArea p{height:68px; overflow-x:hidden; overflow-y:auto; font-size:14px; line-height:22px;} .magazineBox .magazineDesc .descArea dl{padding-bottom:15px;} .magazineBox .magazineDesc .descArea dl:after{content:""; display:block; clear:both;} .magazineBox .magazineDesc .descArea dl dt{position:relative; clear:both; float:left; width:60px; padding-bottom:10px;} .magazineBox .magazineDesc .descArea dl dt:before{content:""; display:block; position:absolute; top:2px; right:0; width:1px; height:10px; background:#dcdcdc;} .magazineBox .magazineDesc .descArea dl dd{float:right; width:405px; padding-bottom:10px;} .magazineBox .magazineDesc .descArea .btnTyGray02{margin-right:10px;} .magazineBox .magazineDesc .magaList{margin-top:30px; width:583px;} .magazineBox .magazineDesc .magaList > a{display:inline-block; width:127px; height:170px; margin-left:25px} .magazineBox .magazineDesc .magaList > a .w2image{display:inline-block; width:127px; height:170px;} .magazineBox .magazineDesc .magaList > a:first-child{margin-left:0} /* 신한동영상 - 팝업 */ .movieWrap.pop{width:480px; margin:0 auto} .movieWrap.pop > strong{display:block; margin-top:20px; padding-bottom:12px; font-size:20px; color:#343434; line-height:1.3; font-weight:normal;} .movieWrap.pop .movieView{width:480px; height:360px; background:#e1e1e1;} .movieWrap.pop .movieView > *, .movieWrap.pop .movieView video{height:360px!important;} .movieWrap.pop .movieDesc{width:480px;} .movieWrap.pop .movieDesc .descArea p{padding-bottom:15px; font-size:15px; line-height:22px;} .movieWrap.pop .movieDesc .descArea dl{padding-bottom:15px;} .movieWrap.pop .movieDesc .descArea dl:after{content:""; display:block; clear:both;} .movieWrap.pop .movieDesc .descArea dl dt{position:relative; clear:both; float:left; width:60px; padding-bottom:10px;} .movieWrap.pop .movieDesc .descArea dl dt:before{content:""; display:block; position:absolute; top:2px; right:0; width:1px; height:10px; background:#dcdcdc;} .movieWrap.pop .movieDesc .descArea dl dd{float:right; width:405px; padding-bottom:10px;} .movieWrap.pop .movieDesc .descArea .btnTyGray02{margin-right:10px;} .movieWrap.pop .movieDesc .descArea strong{display:block; margin-top:20px; padding-bottom:12px; font-size:20px; color:#343434; line-height:1.3; font-weight:normal;} .movieWrap.pop .movieDesc .descArea p{font-size:14px!important; line-height:22px; overflow:hidden;} .movieWrap.pop .movieDesc .descArea .narrationBox{margin-top:20px; padding:20px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#f9f9f9; box-sizing:border-box; -moz-box-sizing:border-box} .movieWrap.pop .movieDesc .descArea .narrationBox p{font-size:14px; line-height:22px; height:120px; overflow-y:auto; } /* 정보광장-당첨자발표 */ .tabletListEvent{padding:20px;} .tabletListEvent > ul > li{position:relative; padding:0 0 15px 135px;} .tabletListEvent > ul > li > strong{position:absolute; top:0; left:0; font-size:15px; font-weight:normal; color:#343434;} .tabletListEvent > ul > li p{font-size:15px; color:#666;} .tabletListEvent > ul > li > ul > li{position:relative; font-size:15px; padding:0 0 5px 15px; color:#666;} .tabletListEvent > ul > li > ul > li:after{content:""; display:block; position:absolute; top:7px; left:0; width:4px; height:1px; background:#666;} /* IF05003RF02 */ .resultArea.event .icoEvent01, .resultArea.event .icoEvent02{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/info_ico.png) no-repeat !important;} .resultArea.event .icoEvent01{width:199px; height:130px; background-position:-10px -157px !important} .resultArea.event .icoEvent02{width:110px; height:84px; background-position:-214px -197px !important} /* 정보광장 쿠키샵 */ .cookieShop:after{content:""; display:block; clear:both;} .cookieShop .leftSide{position:relative; float:left; width:270px; height:170px; padding:62px 0 0 125px; background:#eed7bf; box-sizing:border-box;} .cookieShop .leftSide dt{color:#a87d52; font-weight:bold;} .cookieShop .leftSide dd{} .cookieShop .leftSide dd span{color:#694017; font-size:16px; font-weight:bold;} .cookieShop .leftSide dd span:first-child{margin-right:5px; font-size:28px;} .cookieShop .leftSide:before{position:absolute; top:63px; left:57px; content:""; display:inline-block; width:52px; height:49px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/info_ico.png) -339px -10px no-repeat; vertical-align:middle;} .cookieShop .rightSide{position:relative; float:left; width:710px; height:170px; padding:25px 30px; background:#f8f0ea; border:1px solid #f1e7df; border-left:0 none; box-sizing:border-box;} .cookieShop .rightSide dt span{font-size:28px; color:#d88735;} .cookieShop .rightSide dt span:first-child{color:#343434;} .cookieShop .rightSide dd p{padding-top:11px; font-size:16px; line-height:24px; color:#676b6e;} .cookieShop .rightSide dd span{position:absolute; bottom:0; right:55px; width:165px; height:137px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/info_ico.png) -164px -10px no-repeat;} .shopProList{width:1000px; padding-top:30px; margin-bottom:-20px;} .shopProList:after{content:""; display:block; clear:both;} .shopProList .shopProBox{float:left; width:478px; height:263px; margin:0 20px 20px 0; border:1px solid #dcdcdc;} .shopProList .shopProBox:after{content:""; display:block; clear:both;} .shopProList .shopProBox .imgBox{float:left; width:132px; height:132px; line-height:132px; margin:31px 0 0 30px; overflow:hidden; border:2px solid #dadfe5; border-radius:66px; text-align:center;} .shopProList .shopProBox .imgBox img{max-width:100%; vertical-align:middle;} .shopProList .shopProBox .proDesc{float:right; width:292px; height:196px;} .shopProList .shopProBox .proDesc > strong{display:block; padding:35px 20px 5px 0; font-size:18px; line-height:22px; color:#343434; height:80px; overflow:hidden; box-sizing:border-box;} .shopProList .shopProBox .proDesc ul li:after{content:""; display:block; clear:both;} .shopProList .shopProBox .proDesc ul li .leftSide{float:left;} .shopProList .shopProBox .proDesc ul li .leftSide p{line-height:30px;} .shopProList .shopProBox .proDesc ul li .leftSide label{line-height:30px;} .shopProList .shopProBox .proDesc ul li .leftSide input[type="checkbox"]{margin-top:7px;} .shopProList .shopProBox .proDesc ul li .leftSide input[type="checkbox"] + label:before{top:7px;} .shopProList .shopProBox .proDesc ul li .rightSide{float:right; padding-right:30px;} .shopProList .shopProBox .proDesc ul li .rightSide p span{line-height:30px;} .shopProList .shopProBox .proDesc ul li .rightSide p .number{color:#3579d4;} .shopProList .shopProBox .proDesc ul li .rightSide p .sold{color:#ed341b;} .shopProList .shopProBox .proDesc .tooltip{width:220px;} .shopProList .shopProBox .proDesc .tooltip .closeTool{position:absolute; top:18px; right:15px; text-indent:-1000em; width:9px; height:8px; background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) -10px -60px no-repeat; overflow:hidden;} .shopProList .shopProBox .btnAreaBot{clear:both; margin-top:0; padding-top:15px; border-top:1px solid #dcdcdc;} .shopProList .shopProBox a[class*="btnTy"].large{height:36px; line-height:36px; margin:0 5px} .btnEvent{height:36px; line-height:36px; color:#fff!important;} .btnTyGray01.btnEvent{color:#343434!important;} .floatList{display:inline-block; overflow:hidden;} .floatList > li{position:relative; display:inline-block; color:#343434; padding-right:8px; margin-right:7px;} .floatList > li:before{content:""; display:block; position:absolute; top:2px; left:-7px; width:1px; height:13px; background:#dcdcdc;} /* 정보광장 진행중이벤트 목록 */ .hpe_eventView{display:table; width:100%; background-color:#fbfbfb; border:1px solid #e8e8e8; box-sizing:border-box; -moz-box-sizing:border-box} .hpe_eventView .rollBan{position:relative; display:table-cell; padding:30px 0 0 30px; background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_eventMain.png) no-repeat 400px bottom} .hpe_eventView .rollBan a, .hpe_eventView .rollBan .noanchor{display:block; height:95px; cursor:text} .hpe_eventView .rollBan a > strong, .hpe_eventView .rollBan .noanchor > strong{display:block; font-size:22px; font-weight:normal; color:#b5772a} .hpe_eventView .rollBan a > span, .hpe_eventView .rollBan .noanchor > span{display:block; margin-top:10px; line-height:22px; font-size:16px; color:#555} .hpe_eventView .subBan{display:table-cell; width:220px; padding:20px 30px 20px 0; vertical-align:middle} .hpe_eventView .subBan > ul > li{position:relative; padding:16px 0; border-top:1px solid #e9eaf1} .hpe_eventView .subBan > ul > li:first-child{border-top:none} .hpe_eventView .subBan > ul > li a:after{content:""; position:absolute; top:50%; right:11px; margin-top:-10px; width:16px; height:16px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/evt_ico.png) no-repeat -167px 0} .hpe_eventView .subBan > ul > li > a{display:block; font-size:16px; color:#343434} .hpe_eventLink{text-align:center} .hpe_eventLink > ul{display:inline-block} .hpe_eventLink > ul > li{display:inline-block; padding:0 25px; border-left:1px solid #eee} .hpe_eventLink > ul > li:first-child{border-left:none} .hpe_eventLink > ul > li > a{display:block; position:relative; padding-left:40px; font-weight:bold; text-align:center; color:#777; cursor:pointer} .hpe_eventLink > ul > li > a:before{content:""; position:absolute; top:50%; left:0; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/evt_ico.png) no-repeat} .hpe_eventLink > ul > li > a.icoLink01:before{width:23px; height:18px; margin-top:-11px; background-position:0 -30px} .hpe_eventLink > ul > li > a.icoLink02:before{width:30px; height:30px; margin-top:-16px; background-position:-28px -24px} .hpe_eventLink > ul > li > a.icoLink03:before{width:30px; height:24px; margin-top:-14px; background-position:-63px -27px} .hpe_eventLink > ul > li > a.icoLink04:before{width:30px; height:29px; margin-top:-18px; background-position:-98px -25px} .hpe_eventLink > ul > li > a.icoLink05:before{width:28px; height:28px; margin-top:-18px; background-position:-133px -25px} .hpe_eventLink > ul > li.on > a{color:#2d71c4} .hpe_eventLink > ul > li.on > a.icoLink01:before{width:23px; height:18px; background-position:0 -65px} .hpe_eventLink > ul > li.on > a.icoLink02:before{width:30px; height:30px; background-position:-28px -59px} .hpe_eventLink > ul > li.on > a.icoLink03:before{width:30px; height:24px; background-position:-63px -62px} .hpe_eventLink > ul > li.on > a.icoLink04:before{width:30px; height:29px; background-position:-98px -59px} .hpe_eventLink > ul > li.on > a.icoLink05:before{width:28px; height:28px; background-position:-133px -60px} .hpe_eventList{overflow:hidden} .hpe_eventList ul{margin-top:-16px; margin-left:-16px} .hpe_eventList ul:after{content""; display:block; clear:both} .hpe_eventList ul > li{float:left; width:316px; height:287px; margin-top:16px; margin-left:16px; border:1px solid #dcdcdc; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box} .hpe_eventList ul > li > .thum{height:126px; border-bottom:1px solid #ececec} .hpe_eventList ul > li > .thum > img{width:100%; height:126px; cursor:pointer;} .hpe_eventList ul > li .eventCon{padding:0 14px; margin-top:20px} .hpe_eventList ul > li .eventCon:after{content:""; display:block; clear:both;} .hpe_eventList ul > li .eventCon .bulBox{line-height:0} .hpe_eventList ul > li .eventCon .bulBox .ico_txt01, .hpe_eventList ul > li .eventCon .bulBox .ico_txt02, .hpe_eventList ul > li .eventCon .bulBox .ico_txt03, .hpe_eventList ul > li .eventCon .bulBox .ico_txt04{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/evt_ico.png) no-repeat} .hpe_eventList ul > li .eventCon .bulBox .ico_txt01{display:inline-block; width:37px; height:19px; background-position:0 0} .hpe_eventList ul > li .eventCon .bulBox .ico_txt02{display:inline-block; width:37px; height:19px; background-position:0 -93px} .hpe_eventList ul > li .eventCon .bulBox .ico_txt03{display:inline-block; width:47px; height:19px; background-position:-42px 0} .hpe_eventList ul > li .eventCon .bulBox .ico_txt04{display:inline-block; width:72px; height:19px; background-position:-42px -93px} .hpe_eventList ul > li .eventCon > a{display:block; height:65px; margin:15px 0 10px 0;font-size:18px; color:#343434; overflow:hidden;} .hpe_eventList ul > li .eventCon > em{float:left; display:block;} .hpe_eventList ul > li .eventCon > strong{float:right; display:block; font-weight:normal; color:#777} /* 웹진 */ .hpe_webzine{min-height:650px;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_webzine_intro.gif);} .hpe_webzine .webzine_top{overflow:hidden;width:100%;height:340px;color:#343434;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_webzine_visual.png) no-repeat right 30px center;} .hpe_webzine .webzine_top dt{width:425px;margin:70px 0px 30px 80px;font-size:28px;_color:#343434;} .hpe_webzine .webzine_top dd{width:425px;margin-left:80px;} .hpe_webzine .webzine_top dd .textNor{margin-bottom:25px;} .hpe_webzine .webzine_list{overflow:hidden;text-align:center;} .hpe_webzine .webzine_list li{display:inline-block;vertical-align:top;width:190px;min-height:70px;padding:155px 15px 15px 15px;margin:20px;margin-top:0px;text-align:left;color:#343434;background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_webzine_thum.gif) no-repeat;} .hpe_webzine .webzine_list li.thum01{background-position:0 0;} .hpe_webzine .webzine_list li.thum02{background-position:-220px 0;} .hpe_webzine .webzine_list li.thum03{background-position:-440px 0;} .hpe_webzine .webzine_list li em{font-weight:bold;font-size:16px;} .hpe_webzine .webzine_list li p{font-size:14px;margin-top:12px;} /* 데이터없음 안내 */ .noDataInfo{position:Absolute; top:0; left:0; margin:0!important; width:100%; height:100%; background:#fff;} .noDataInfo p{position:absolute; top:50%; left:50%; margin:-43px 0 0 -94px; z-index:10;} .noDataInfo p .icon{display:block; width:50px; height:50px; margin:0 auto 20px; background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -143px;} .noDataInfo p span{} /* 은행소개(공통)_상단이미지박스 */ .bankIntTop{position:relative; min-height:140px;padding-bottom:20px;border-bottom:3px solid #bed1e1;} .bankIntTop dl dt{padding:8px 0 11px 0; font-size:28px; color:#333;} .bankIntTop dl dd p{font-size:16px; line-height:25px;} .bankIntTop .icon{display:block; position:absolute; top:0px; right:40px; width:230px; height:150px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico.png) no-repeat;} .bankIntTop .bankIcon01{background-position:0 0;} .bankIntTop .bankIcon02{background-position:-230px 0;} .bankIntTop .bankIcon03{background-position:-460px 0;} .bankIntTop .bankIcon04{background-position:-690px 0;} .bankIntTop .bankIcon05{background-position:0 -150px;} .bankIntTop .bankIcon06{background-position:-230px -150px;} .bankIntTop .bankIcon07{background-position:-460px -150px;} .bankIntTop .bankIcon08{background-position:-690px -150px;} .bankIntTop .bankIcon09{background-position:0 -300px;} .bankIntTop .bankIcon10{background-position:-230px -300px;} .bankIntTop .bankIcon11{background-position:-460px -300px;} .bankIntTop .bankIcon12{background-position:-690px -300px;} .bankIntTop .bankIcon13{background-position:0 -450px;} .bankIntTop .bankIcon14{background-position:-230px -450px;} .bankIntTop .bankIcon15{background-position:-460px -450px;} .bankIntTop .bankIcon16{background-position:-690px -450px;} .bankIntTop .bankIcon17{background-position:0 -600px;} .bankIntTop.noico{padding-bottom:0; min-height:0; border:none} .BI #contents .pageTop{height:60px; padding:0;} .BI #contents .pageTop .wrapInner{border-bottom:0 none; margin-top:13px; padding-bottom:0;} .BI #contents .pageTop .wrapInner:before{content:""; position:absolute; top:224px; left:0; display:block; width:100%; height:1px; background:#dcdcdc;} .BI #screenWrap{top:175px;} .BI .pageCon{padding-top:40px;} /* 인사말 */ .hpe_greeting{height:300px;padding-top:0px;margin-bottom:30px;border-bottom:2px solid #2d71c4;background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_greeting_boximg19.png) right bottom no-repeat;} .hpe_greeting .textNor{font-size:30px;line-height:40px;margin:65px 0 0 70px;} .hpe_greeting .name{font-size:24px;color:#666;margin:30px 0 0 70px;line-height:30px;} .hpe_greeting .name em{color:#333;} .hpe_greeting20{height:565px;padding-top:0px;margin-bottom:30px;background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_greeting_boximg20.png) right bottom no-repeat;} .hpe_greeting20 .textNor{font-size:30px;line-height:40px;margin:65px 0 0 0;} .hpe_greeting20 .name{font-size:24px;color:#666;margin:30px 0 40px 0; line-height:30px;} .hpe_greeting20 .name em{color:#333;} .hpe_greeting20 .texter{width:500px; padding-top:40px; border-top:2px solid #2d71c4;} .hpe_greeting20 .texter .textNor{line-height:22px;} /* 프로필 */ .ceoprofile{display:table;width:100%; padding-top:30px;} .ceoprofile .leftarea{display:table-cell;width:60%;vertical-align:top;background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_ceoprofile_boximg19.png) right bottom no-repeat;} .ceoprofile .rightarea{display:table-cell;width:40%;vertical-align:top;border-left:2px solid #ccc;padding-left:30px;box-sizing:border-box;} .ceoprofile .textNor{font-size:24px;color:#333;line-height:35px;} .ceoprofile .name{font-size:18px;color:#666;margin-top:20px;} .ceoprofile .name em{color:#333;} .ceoprofile .listNor li{margin-top:7px;} .ceoprofile .listNor li:first-child{margin-top:0px;} .ceoprofile20{display:table;width:100%; padding-top:30px;} .ceoprofile20 .leftarea{display:table-cell;width:60%;vertical-align:top;background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_ceoprofile_boximg20.png) right bottom no-repeat;} .ceoprofile20 .rightarea{display:table-cell;width:40%;vertical-align:top;border-left:2px solid #ccc;padding-left:30px;box-sizing:border-box;} .ceoprofile20 .textNor{font-size:24px;color:#fff;line-height:35px;margin:80px 0 0 30px;} .ceoprofile20 .name{font-size:18px;color:#fff;margin:20px 0 0 30px;} .ceoprofile20 .name em{color:#fff;} .ceoprofile20 .listNor li{margin-top:7px;} .ceoprofile20 .listNor li:first-child{margin-top:0px;} /* CEO동정 */ .ceostate li{display:table;width:100%;height:180px;_border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .ceostate li:first-child{border-top:2px solid #2d71c4;} .ceostate li .cell{display:table-cell;vertical-align:middle;} .ceostate li .imgbox{width:250px;} .ceostate li .imgbox img{width:200px;height:120px;} .ceostate li dt, .ceostate li dt a{display:inline-block;overflow:hidden;/* width:295px; */min-width:100px;max-width:710px;font-size:18px;color:#333;white-space:nowrap;text-overflow:ellipsis;} .ceostate li dt a:hover{text-decoration:underline;} .ceostate li dd{color:#666;} .ceostate li dd .textNor{display:block;margin:20px 0;height:62px;overflow:hidden;} .ceostate li dd .textNor:hover{text-decoration:underline;} /* CEO메시지 */ .hpe_message{height:305px;padding:0;margin-bottom:30px;border-bottom:2px solid #2d71c4;background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_greeting_boximg19.png) right bottom no-repeat;} .hpe_message .textNor{font-size:28px;line-height:40px;} .hpe_message .comment{margin-top:10px;font-size:16px;color:#666;} .hpe_message .name{font-size:24px;color:#666;margin:30px 0 0 70px;} .hpe_message .name em{color:#333;} .texter.hpemsg .name{margin-top:50px;font-size:16px;color:#666;text-align:right;} .texter.hpemsg .name em{color:#333;} /* 은행소개 조직도 */ .orgWrap{position:relative; min-height:900px; padding-top:40px; text-align:center;} .orgWrap li p{position:relative; display:inline-block; border-radius:2px; height:45px; line-height:45px;} .orgWrap li p:before{content:""; display:block; position:absolute; background:#ccc;} .orgWrap .fir{margin-bottom:30px;} .orgWrap .fir > p{width:120px; font-size:18px; color:#fff; background:#ba811e;} .orgWrap .fir > p:before{width:1px; height:780px; left:59px; top:45px;} .orgWrap .sec > ul > li{display:inline-block; margin:0 15px;} .orgWrap .sec > ul > li > p{width:151px; color:#fff; background:#777;} .orgWrap .sec > ul > li > p:before{top:22px; left:-30px; width:30px; height:1px;} .orgWrap .sec > ul > li:first-child > p:before{display:none;} .orgWrap .sec > ul > li.centerLi > .bigBox{position:absolute; top:190px; left:0; width:980px; padding:25px 20px; background:#fff; box-sizing:border-box; border:2px solid #ddd; border-radius:2px;} .orgWrap .sec > ul > li.centerLi > .bigBox > li{display:inline-block; width:150px; margin:0 18px;vertical-align:top;} .orgWrap .sec > ul > li.centerLi > .bigBox > li > p{width:150px; height:35px; line-height:35px; background:#e7e7e7;} .orgWrap .sec > ul > li.centerLi > .bigBox > li ul{padding:13px 0 20px 0;} .orgWrap .sec > ul > li.centerLi > .bigBox > li li p{height:22px; line-height:22px;} .orgWrap .sec > ul > li.centerLi > .blueBox{position:absolute; top:692px; left:414px;} .orgWrap .sec > ul > li.centerLi > .blueBox li{display:block; margin-bottom:30px;} .orgWrap .sec > ul > li.centerLi > .blueBox li > p{width:150px; background:#2d71c4; font-size:18px; color:#fff;} .orgWrap .sec > ul > li.centerLi > .grayBox{position:absolute; top:700px; left:645px;} .orgWrap .sec > ul > li.centerLi > .grayBox:before{content:""; display:block; position:absolute; top:-20px; left:-155px; background:#ccc; width:125px; height:1px;} .orgWrap .sec > ul > li.centerLi > .grayBox:after{content:""; display:block; position:absolute; top:-20px; left:-31px; background:#ccc; width:1px; height:39px;} .orgWrap .sec > ul > li.centerLi > .grayBox p{width:148px; height:38px; line-height:38px; background:#e7e7e7; border:1px solid #ccc;} .orgWrap .sec > ul > li.centerLi > .grayBox p:before{content:""; display:block; position:absolute; top:18px; left:-32px; background:#ccc; width:33px; height:1px;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl{position:absolute; width:148px; border:1px solid #ccc;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl dt{display:block; height:34px; line-height:34px; color:#333; background:#e7e7e7;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl dd{padding:15px 0;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox1{top:3px; left:-230px;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox1:before{content:""; display:block; position:absolute; top:16px; right:-81px; background:#ccc; width:80px; height:1px;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2{top:80px; left:230px;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2:before{content:""; display:block; position:absolute; top:16px; left:-81px; background:#ccc; width:80px; height:1px;} .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2 .line:before{content:""; display:block; position:absolute; top:72px; left:73px; background:#ccc; width:1px; height:12px;} /* 은행소개 비전 */ .visionWrap{padding-top:45px;} .visionWrap .slogan{display:block; width:324px; height:72px; margin:auto; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) -10px -180px no-repeat;} .visionWrap > ul{text-align:center;} .visionWrap > ul li{position:relative; display:inline-block; vertical-align:top; margin:0 31px;} .visionWrap > ul li .icon{display:block; width:160px; height:160px; margin:50px auto 30px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) -223px -10px no-repeat;} .visionWrap > ul li.vs2 .icon{background-position:-393px -10px;} .visionWrap > ul li.vs3 .icon{background-position:-563px -10px;} .visionWrap > ul li:before{content:""; position:absolute; top:210px; left:116px; display:block; width:1px; height:30px; background:#a6cfea;} .visionWrap > ul li:after{content:""; position:absolute; top:233px; left:109px; display:block; width:5px; height:5px; border-radius:8px; background:#fff; border:5px solid #97c4e2;} .visionWrap > ul li dl dt{display:block; width:230px; height:48px; margin-bottom:20px; line-height:48px; border:1px solid #308ac5; color:#308ac5; font-size:20px; border-radius:24px;} .visionWrap > ul li.vs2:before{background:#eebd9a;} .visionWrap > ul li.vs2:after{border:5px solid #eebd9a;} .visionWrap > ul li.vs2 dl dt{border:1px solid #d76e23; color:#d76e23;} .visionWrap > ul li.vs3:before{background:#b8b9bc;} .visionWrap > ul li.vs3:after{border:5px solid #b8b9bc;} .visionWrap > ul li.vs3 dl dt{border:1px solid #71747a; color:#71747a;} .visionWrap > ul li dl dd{font-size:15px; line-height:24px;} /* 은행소개 그룹회사소개 */ .boxTyGray06.boxBg{min-height:70px; padding:30px; overflow:hidden; position:relative; background:#f9f9f9;} .boxTyGray06.boxBg .logoTy01, .boxTyGray06.boxBg .logoTy02, .boxTyGray06.boxBg .logoTy03, .boxTyGray06.boxBg .logoTy04, .boxTyGray06.boxBg .logoTy05, .boxTyGray06.boxBg .logoTy06, .boxTyGray06.boxBg .logoTy07, .boxTyGray06.boxBg .logoTy08, .boxTyGray06.boxBg .logoTy09, .boxTyGray06.boxBg .logoTy10, .boxTyGray06.boxBg .logoTy11, .boxTyGray06.boxBg .logoTy12{position:absolute; top:50%; left:30px; margin-top:-30px; width:150px; height:61px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) no-repeat} .boxTyGray06.boxBg .logoTy01{background-position:-344px -191px} .boxTyGray06.boxBg .logoTy02{background-position:-504px -191px} .boxTyGray06.boxBg .logoTy03{background-position:-664px -191px} .boxTyGray06.boxBg .logoTy04{background-position:-824px -191px} .boxTyGray06.boxBg .logoTy05{background-position:-10px -262px} .boxTyGray06.boxBg .logoTy06{background-position:-170px -262px} .boxTyGray06.boxBg .logoTy07{background-position:-330px -262px} .boxTyGray06.boxBg .logoTy08{background-position:-490px -262px} .boxTyGray06.boxBg .logoTy09{background-position:-650px -262px} .boxTyGray06.boxBg .logoTy10{background-position:-810px -262px} .boxTyGray06.boxBg .logoTy11{background-position:-10px -333px} .boxTyGray06.boxBg .logoTy12{background-position:-170px -333px} .boxTyGray06.boxBg p{float:left; margin-left:180px; line-height:24px; font-size:15px} /* 핵심가치 */ .corevalue > li{display:table;width:100%;_height:220px;border-bottom:1px solid #ddd;padding:20px 0;} .corevalue > li .cell{display:table-cell;vertical-align:top;} .corevalue > li .bgbox{width:150px;} .corevalue > li .bgbox .innerbox, .corevalue02 > ul> li > span:before{background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_corevalue_icon.png) no-repeat;} .corevalue > li .bgbox .innerbox{width:100px;height:100px;} .corevalue > li.cv01 .innerbox{background-position:0 0;} .corevalue > li.cv02 .innerbox{background-position:0 -100px;} .corevalue > li.cv03 .innerbox{background-position:0 -200px;} .corevalue > li.cv04 .innerbox{background-position:0 -300px;} .corevalue > li.cv05 .innerbox{background-position:0 -400px;} .corevalue > li.cv01 .cvfont{color:#308ac5;border-color:#308ac5 !important;} .corevalue > li.cv02 .cvfont{color:#239a6e;border-color:#239a6e !important;} .corevalue > li.cv03 .cvfont{color:#df6b19;border-color:#df6b19 !important;} .corevalue > li.cv04 .cvfont{color:#ce4563;border-color:#ce4563 !important;} .corevalue > li.cv05 .cvfont{color:#71747a;border-color:#71747a !important;} .corevalue > li dt{overflow:hidden;font-size:20px;} .corevalue > li dd .textNor{margin:10px 0;} .corevalue > li dd .listNor li{margin-bottom:10px;} .corevalue > li dd .listNor .tit{border:1px solid #666;margin-right:6px;line-height:16px;font-weight:bold;font-size:12px;height:16px;padding:1px 7px;border-radius:10px;} .corevalue02{margin-top:20px; text-align:center} .corevalue02 > ul{display:inline-block} .corevalue02 > ul > li{position:relative; display:inline-block; width:100px; margin-left:70px; vertical-align:top; text-align:center} .corevalue02 > ul > li:first-child{margin-left:0} .corevalue02 > ul > li > span{display:inline-block; margin-top:120px; font-size:16px;} .corevalue02 > ul > li > .core01{color:#308ac5} .corevalue02 > ul > li > .core02{color:#239a6e} .corevalue02 > ul > li > .core03{color:#df6b19} .corevalue02 > ul > li > .core04{color:#ce4563} .corevalue02 > ul > li > .core05{color:#71747a} .corevalue02 > ul > li > .core01:before, .corevalue02 > ul > li > .core02:before, .corevalue02 > ul > li > .core03:before, .corevalue02 > ul > li > .core04:before, .corevalue02 > ul > li > .core05:before{content:""; position:absolute; top:0; left:0; width:100px; height:100px; } .corevalue02 > ul > li > .core01:before{background-position:0 0} .corevalue02 > ul > li > .core02:before{background-position:0 -100px} .corevalue02 > ul > li > .core03:before{background-position:0 -200px} .corevalue02 > ul > li > .core04:before{background-position:0 -300px} .corevalue02 > ul > li > .core05:before{background-position:0 -400px} /* 신한WAY소개 */ .boxTyGray02.hand{padding:40px; text-align:center} /* 은행소개-미션 */ .centerDlDesc{text-align:center;} .centerDlDesc dt{padding:28px 0 13px 0; font-size:30px; color:#333;} .centerDlDesc dd{padding-bottom:35px; font-size:15px; line-hgeight:24px;} .imgBoxMission{width:820px; height:300px; margin:0 auto 80px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) -10px -404px no-repeat;} .blueLineUl li{position:relative; padding:0 0 56px 200px;} .blueLineUl li:after{content:""; display:block; clear:both;} .blueLineUl li strong{dispolay:block; position:absolute; top:-1px; left:0; font-size:20px; color:#333; font-weight:normal;} .blueLineUl li strong:before{content:""; display:block; position:absolute; top:-10px; left:0; width:14px; height:4px; background:#2d71c4;} .blueLineUl li p{line-height:22px;} /* 은행소개-연혁 */ .multiBtn.noPad ul > li{padding:0;} .bankHistory{position:relative; padding:35px 0 0 120px;} .bankHistory .year{position:absolute; top:25px; left:0; font-size:30px; color:#2d71c4; font-weight:normal;} .bankHistory > ul, .bankHistory > ul > li{position:relative;} .bankHistory > ul:before{display:none; content:""; position:absolute; top:-5px; left:59px; z-index:10; width:3px; height:10px; background:#fff;} .bankHistory > ul > li:after{content:""; display:block; clear:both;} .bankHistory > ul > li:first-child > p:after{content:""; display:block; position:absolute; top:0; left:59px; width:3px; height:10px; background:#fff;} .bankHistory > ul > li:last-child:before{content:""; display:block; position:absolute; top:8px; left:59px; width:3px; height:100%; background:#fff;} .bankHistory > ul > li > p{position:relative; float:left; width:61px; font-size:20px; color:#444;} .bankHistory > ul > li > p:before{content:""; display:block; position:absolute; top:5px; left:55px; z-index:10; width:5px; height:5px; border-radius:8px; background:#fff; border:4px solid #ccc;} .bankHistory > ul > li > ul{float:left; padding:0 0 25px 48px; border-left:1px solid #ddd;} .bankHistory > ul > li > ul li{position:relative; padding:2px 0 2px 9px; line-height:22px; max-width:700px;} /* 은행소개-연혁 2020 리뉴얼 */ .newHisWrap {} .newHistory {margin-bottom:30px;} .newHistory.n4 li {width:25.00%;} .newHistory.n5 li {width:20.00%;} .newHistory.n6 li {width:16.66%;} .newHistory.n7 li {width:14.28%;} .newHistory.n8 li {width:12.50%;} .newHistory {display:table; width:100%} .newHistory ul {display:table-row;} .newHistory ul > li {display:table-cell; vertical-align:bottom; text-align:center; padding-bottom:7px; box-sizing:border-box;} .newHistory ul > li:first-child .inner {border-left:none;} .newHistory ul > li .inner {border-left:1px solid #fff; overflow:hidden; box-sizing:border-box;} .newHistory ul > li .inner a {display:inline-block;vertical-align:middle; width:100%; height:75px; line-height:75px; border-top:10px solid #fff; cursor:pointer; box-sizing:border-box;} .newHistory ul > li .inner a:before {content:""; display:inline-block; vertical-align:middle; width:0; height: 75px; line-height: 75px;} .newHistory ul > li .inner a:hover .txtGrp, .newHistory ul > li.type1.select .inner .txtGrp {padding-bottom:13px;} .newHistory ul > li .txtGrp { display: inline-block; vertical-align: middle;line-height:20px; padding-bottom:7px;} .newHistory ul > li .tit, .newHistory ul > li .stit {line-height:20px; display:inline-block; width:100%; color:#fff;} .newHistory ul > li .tit {font-size:18px;} .newHistory ul > li .stit {font-size: 13px; letter-spacing: -0.04em;} /* tab Color */ .newHistory ul > li.type1, .newHistory ul > li.type1 .inner {background-color:#3c6fa7;} .newHistory ul > li.type1.select .inner a, .newHistory ul > li.type1 .inner a:hover {border-top-color:#3c6fa7;} .newHistory ul > li.type2 .inner {background-color:#42A552;} .newHistory ul > li.type2.select .inner a, .newHistory ul > li.type2 .inner a:hover {border-top-color:#42A552;} .newHistory ul > li.type2,/* type3 bar color */ .newHistory ul > li.type3, .newHistory ul > li.type3 .inner {background-color:#cfbbb3;} .newHistory ul > li.type3.select .inner a, .newHistory ul > li.type3 .inner a:hover {border-top-color:#cfbbb3;} .newHistory ul > li.type3 .tit{font-size: 13px; line-height:17px; } .newHistory ul > li.type3 .tit, .newHistory ul > li.type3 .stit {color:#381c14;} /* 컨텐츠 */ .newHisWrap .titWrap {margin-bottom:30px; text-align:center;} .newHisWrap .titWrap .stit {font-size:16px; color:#326dd0; font-weight:bold} .newHisWrap .titWrap .tit {font-size:30px; color:#333; margin-top:12px; font-weight:bold} .newHisWrap .titWrap .year {font-size:16px; color:#777; margin-top:5px;} .newHisWrap .point {color:#f38e33;} /* swiper_gallery */ /*.newHisWrap .swiper-container {padding-bottom:127px;} 슬라이드 제거 */ .newHisWrap .swiper-slide {width:980px; height:530px; text-align:center; font-size:18px; color:#fff; background-size: 980px auto; -webkit-background-size:980px auto; -moz-background-size:980px auto; -o-background-size:980px auto;} .newHisWrap .swiper-pagination-bullets {background-color:#2e3746;} .newHisWrap .swiper-pagination-bullet {width:134px; height:90px; overflow: hidden; border-radius:0;} .newHisWrap .swiper-pagination-bullet-active {color:#fff; background:#007aff;} .newHisWrap .swiper-pagination-bullets span img {width:134px !important; height:90px !important;} .newHisWrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 15px 6px; border:1px solid #d9d9d9} .newHisWrap .swiper-pagination-fraction, .newHisWrap .swiper-pagination-custom, .newHisWrap .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0} .newHisWrap .swiper-button-next.swiper-button-white, .newHisWrap .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-color: #000; border-radius: 50px;} .newHisWrap .swiper-button-prev, .newHisWrap .swiper-button-next {width: 44px; background-color: #333; border-radius: 25px; background-size: 50% 50%; opacity: 0.7; /* margin-top: -63px; */} .newHisWrap .txt_copy {margin-top: 20px; padding-bottom: 45px; border-bottom: 1px solid #ddd; color: #333;} .newHisWrap .swiper-slide .text {font-size:16px; color:#fff; background-color: #0f226e; position: absolute; bottom: 30px; left:0; display: block; padding: 5px 15px; transform:translate3d(0px, 0px, 0px) !important; } /* 은행소개-홍보센터 */ .bgCi2{width:304px; height:301px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) -10px -1466px no-repeat; margin:10px auto;} .bradImgaeUi{padding-top:18px;} .bradImgaeUi:after{content:""; display:block; clear:both;} .bradImgaeUi li{float:left; width:126px; margin-left:44px;} .bradImgaeUi li:first-child{margin-left:0;} .bradImgaeUi li .icon{display:block; width:126px; height:126px; margin:0 auto 25px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) no-repeat;} .bradImgaeUi li.list1 .icon{background-position:-10px -1330px;} .bradImgaeUi li.list2 .icon{background-position:-146px -1330px;} .bradImgaeUi li.list3 .icon{background-position:-282px -1330px;} .bradImgaeUi li.list4 .icon{background-position:-418px -1330px;} .bradImgaeUi li.list5 .icon{background-position:-554px -1330px;} .bradImgaeUi li.list6 .icon{background-position:-690px -1330px;} .bradImgaeUi li p{text-align:center;} .sloganIr{width:358px; height:73px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) -410px -1230px no-repeat; margin:10px auto;} /* 윤리경영 - 임직원 윤리준법 행동기준 */ .boxTyBank01{padding:20px;border:1px solid #ddd;} .boxTyBank01 dl > dt{font-weight:bold} .boxTyBank01 dl > dd{margin-top:15px} .boxTyBank01 dl > dd > ol{padding-left:20px} .boxTyBank01 dl > dd > ol > li{margin-top:15px; line-height:22px; text-indent:-20px} .boxTyBank01 dl > dd > ol > li:first-child{margin-top:0} /* BI2008 자율준수 운영현황 */ .boxTyBank02{padding:50px;border:1px solid #ddd;} .buildUpOperation{width:100%;height:389px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_monitoring_system.png) no-repeat;} /* 팝업 게시판 속 테이블 */ .detailPop .tableTyBoard table{border-top:2px solid #c2d6ef!important;} .detailPop .tableTyBoard table thead th{height:50px;padding:0;background-color:#f9f9f9;font-size:15px;color:#424d89; font-weight:normal;} .detailPop .tableTyBoard table tbody td{height:20px;padding:15px 20px;line-height:20px;} .detailPop .tableTyBoard table:first-child{margin-top:0;} .detailPop .tableTyBoard .tableTyOutput tbody .w2tb_th, .detailPop .tableTyBoard .tableTyOutput tbody .w2tb_td{height:30px;} .detailPop .tableTyBoard .tableTyOutput.result tbody .w2tb_th, .detailPop .tableTyBoard .tableTyOutput.result tbody .w2tb_td{height:60px;} .detailPop .tableTyBoard.aTxt .tableStyle, .detailPop .tableTyBoard.aTxt table {margin-top:10px;} .detailPop .tableTyBoard.aTxt .tableStyle:first-child {margin-top:0px;} .detailPop .tableTyBoard.aTxt table, .detailPop .tableTyBoard.aTxt .tableStyle > table {border-left:0 hidden #fff; border-bottom:1px solid #b7bbd1;} .detailPop .tableTyBoard.aTxt table th{background-color:#f1f1f1;} .detailPop .tableTyBoard.aTxt h2, .detailPop .tableTyBoard.aTxt h3 {margin-top:40px;line-height:1;color:#555;} .detailPop .tableTyBoard.aTxt h2 {margin-bottom:10px;font-size:16px;font-weight:normal;color:#3579d4;} .detailPop .tableTyBoard.aTxt h2:first-child{margin-top:0;} .detailPop .tableTyBoard.aTxt h3 {font-size:15px;font-weight:normal;color:#343434;} .detailPop .tableTyBoard.aTxt h2+h3 {margin-top:20px;} /* 은행소개 - 경영진소개 */ .bnkOnner{display:table; width:100%} .bnkOnner .onnPhoto{width:470px;height:260px;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_bnkOnner_boximg.png) no-repeat 0 bottom;} .bnkOnner .onnPhoto, .bnkOnner .onnProfile{display:table-cell; padding-bottom:10px} .bnkOnner .onnProfile{vertical-align:top} .bnkOnner .onnProfile > h2{font-size:24px; font-weight:normal} .bnkOnner .onnProfile > h2 > em{color:#2d71c4} .bnkOnner .onnProfile > h2 > span{display:inline-block; margin-left:5px} .bnkOnner .onnProfile > ul{overflow:hidden; margin-top:12px} .bnkOnner .onnProfile > ul > li{float:left; width:55%;} .bnkOnner .onnProfile > ul > li:first-child{width:45%; margin-left:0} .bnkOnner .onnProfile > ul > li:first-child > p{padding-right:20px} .bnkOnner .onnProfile > ul > li > p{margin-top:5px; padding-left:35px; line-height:20px; text-indent:-35px; box-sizing:border-box; -moz-box-sizing:border-box} .bnkOnner .onnProfile > ul > li > p:first-child{margin-top:0} .bnkMember{width:100%; display:table; border:1px solid #ddd} .bnkMember + .bnkMember{border-top:none} .bnkMember .memBox{display:table-cell; width:50%; padding:30px; vertical-align:top; border-left:1px solid #ddd} .bnkMember .memBox:first-child{border-left:none} .bnkMember .memBox > h2{font-size:20px; font-weight:normal} .bnkMember .memBox > h2 > em{color:#2d71c4} .bnkMember .memBox > h2 > span{display:inline-block; margin-left:5px} .bnkMember .memBox > dl{margin-top:12px} .bnkMember .memBox > dl:first-child{margin-top:18px} .bnkMember .memBox > dl > dt, .bnkMember .memBox dl > dd{display:inline-block} .bnkMember .memBox > dl > dt{margin-right:10px; font-weight:bold; vertical-align:top} .bnkMember .memBox > dl > dd > p{margin-top:8px} .bnkMember .memBox > dl > dd > p:first-child{margin-top:0} /* 은행소개 - 사회공헌 */ .bgNor{width:788px; height:506px; margin:40px auto 0; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) no-repeat -10px -714px} .bankBoxGray{padding:30px; border:1px solid #ddd; overflow:hidden;} .yearLink{overflow:hidden; margin-left:-86px} .yearLink li{float:left; margin-left:86px} .yearLink li + li + li + li + li{border-top:1px solid #eceff1} .yearLink li > a{display:block; position:relative; width:165px; height:30px; line-height:30px;} .yearLink li > a:after{content:""; position:absolute; top:11px; right:5px; width:4px; height:7px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png) no-repeat -10px -130px} .boxTyGray02.hpePdf{position:relative; background-color:#f9f9f9; border-color:#ddd} .boxTyGray02.hpePdf .infoBanner .boxInner .btn{bottom:0} .bi4003_img1{float:right; width:450px; height:261px; margin-top:20px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/BI4003_01.gif) no-repeat;} .bi4003_img2{width:100%; height:414px; margin-top:20px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/BI4003_02.gif) no-repeat;} .btnTyGray01.adobe{white-space:nowrap;} .btnTyGray01.adobe span{display:inline-block; width:15px; height:15px; margin:2px 5px 0 0; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) -840px -403px no-repeat; vertical-align:top;} .globalComp{} .globalComp > li{margin-top:44px;} .globalComp > li.list3{margin-top:32px;} .globalComp > li.list4{margin-top:40px;} .globalComp > li:after{content:""; display:block; clear:both;} .globalComp > li:first-child{margin-top:0;} .globalComp > li strong{float:left; display:block; width:90px; height:90px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) no-repeat; text-indent:-1000em; overflow:hidden;} .globalComp > li.list1 strong{background-position:-10px -1230px;} .globalComp > li.list2 strong{background-position:-110px -1230px;} .globalComp > li.list3 strong{background-position:-210px -1230px;} .globalComp > li.list4 strong{background-position:-310px -1230px;} .globalComp > li ol{float:left; width:800px; margin-left:50px;} .globalComp > li.list1 ol{margin-top:20px;} .globalComp > li.list2 ol{margin-top:-10px;} .globalComp > li.list3 ol{margin-top:5px;} .globalComp > li.list4 ol{margin-top:32px;} .globalComp > li ol li{font-size:15px; line-height:28px;} .bi4005_img1{width:100%; height:448px; margin-top:40px; box-sizing:border-box; background:url(https://image.shinhan.com/rib2017/images/hpe/common/BI4005_01.gif) center center no-repeat;} .bi4006_img1{width:100%; height:610px; margin-top:40px; box-sizing:border-box; background:url(https://image.shinhan.com/rib2017/images/hpe/common/BI4006_01.gif) center center no-repeat;} .characterInfo{position:relative; margin-bottom:50px;} .characterInfo:after{content:""; display:block; clear:both;} .characterInfo .left{float:left; width:320px;} .characterInfo .right{float:right; width:590px;} .characterInfo .right > strong{display:block; padding-bottom:12px; font-size:18px; color:#3579d4; font-weight:normal;} .characterInfo .right > ul li{position:relative; padding-left:47px; margin-bottom:5px;} .characterInfo .right > ul li:before{content:""; display:block; position:absolute; top:8px; left:0; width:2px; height:2px; background:#888;} .characterInfo .right > ul li .title{position:absolute; top:0; left:12px; line-height:22px;} .characterInfo .right > ul li .text{line-height:22px;} .characterInfo .right > span{position:absolute; bottom:0; right:0;} .cat_big1, .cat_big2{display:block; width:320px; height:370px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_big2020_01.gif) no-repeat;} .cat_big2{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_big2020_02.gif) no-repeat;} .cat_big3, .cat_big4, .cat_big5{display:block; width:320px; height:250px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_big2020_03.gif) no-repeat;} .cat_big4{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_big2020_04.gif) no-repeat;} .cat_big5{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_big2020_05.gif) no-repeat;} .cat_thum1, .cat_thum2{display:block; width:590px; height:110px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thum2020_01.gif) no-repeat;} .cat_thum2{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thum2020_02.gif) no-repeat;} .cat_bigs1, .cat_bigs2, .cat_bigs3, .cat_bigs4{display:block; width:320px; height:370px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_bigs2020_01.gif) no-repeat;} .cat_bigs2{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_bigs2020_02.gif) no-repeat;} .cat_bigs3{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_bigs2020_03.gif) no-repeat;} .cat_bigs4{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_bigs2020_04.gif) no-repeat;} .cat_bigs5, .cat_bigs6{display:block; width:320px; height:370px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_bigs2020_05.gif) no-repeat;} .cat_bigs6{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_bigs2020_06.gif) no-repeat;} .cat_thums1, .cat_thums2, .cat_thums3, .cat_thums4, .cat_thums5, .cat_thums6{display:block; width:590px; height:110px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thums2020_01.gif) no-repeat;} .cat_thums2{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thums2020_02.gif) no-repeat;} .cat_thums3{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thums2020_03.gif) no-repeat;} .cat_thums4{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thums2020_04.gif) no-repeat;} .cat_thums5{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thums2020_05.gif) no-repeat;} .cat_thums6{background:url(https://image.shinhan.com/rib2017/images/hpe/common/character_thums2020_06.gif) no-repeat;} /* 은행소개 - CI소개 */ .bgCi, .symBox01 > li .symbol:after, .symBox01 > li > dl > dt.sym01:before, .symBox01 > li > dl > dt.sym02:before, .symBox01 > li > dl > dt.sym03:before{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_ci_2022.png) no-repeat;} .bgCi{width:270px; height:264px; margin:0 auto; background-position:-10px -10px} .symBox01{overflow:hidden} .symBox01{margin-top:18px} .symBox01 > li{float:left; margin-left:50px;} .symBox01 > li:first-child{margin-left:0} .symBox01 > li > .symbol{display:block; position:relative; width:300px; height:300px; background-color:#f0f0f0} .symBox01 > li > .symbol:after{content:""; position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-74px; width:150px; height:148px; background-position:-10px -284px} .symBox01 > li > dl{position:relative; min-height:55px; margin-top:50px; padding-left:75px;} .symBox01 > li > dl:first-child{margin-top:0} .symBox01 > li > dl > dt.sym01:before{content:""; position:absolute; top:0; left:0; width:55px; height:55px; background-position:-175px -284px;} .symBox01 > li > dl > dt.sym02:before{content:""; position:absolute; top:0; left:0; width:41px; height:46px; margin-left:7px; background-position:-175px -344px;} .symBox01 > li > dl > dt.sym03:before{content:""; position:absolute; top:0; left:0; width:32px; height:50px; margin-left:11px; background-position:-240px -344px;} .symBox01 > li > dl > dt{margin-bottom:10px; font-size:16px; font-weight:bold; color:#444} .symBox02{display:table; width:100%; margin-top:20px; border:1px solid #ddd} .symBox02.col2 .symInner{width:50%;} .symBox02 .symInner{position:relative; display:table-cell; height:198px; padding:20px; vertical-align:middle; text-align:center; border-left:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box} .symBox02 .symInner:first-child{border-left:none} .symBox02 .symInner strong{position:absolute; top:20px; left:20px; font-weight:normal} .symBox02+.symBox02{margin-top:0; border-top:none} .logoType01, .logoType02, .logoType03, .logoType04, .logoType05, .logoType06, .logoType07, .logoType08{display:inline-block; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_ci_2022.png) no-repeat;} .logoType01{width:154px; height:39px; background-position:-10px -446px} .logoType02{width:260px; height:32px; background-position:-10px -492px} .logoType03{width:172px; height:41px; background-position:-10px -533px} .logoType04{width:172px; height:51px; background-position:-10px -584px} .logoType05{width:235px; height:39px; background-position:-10px -645px} .logoType06{width:105px; height:103px; background-position:-10px -694px} .logoType07{width:122px; height:93px; background-position:-10px -806px} .logoType08{width:111px; height:100px; background-position:-10px -908px} .symBox01 + .symBox03 {margin-top:30px;} .symBox03 {text-align:center; padding:15px 0; border:1px solid #ddd; margin-top:18px;} .symBox03 span {position:relative; display:inline-block; width:810px; height:320px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_ci_2022.png) no-repeat; background-position:0 -1050px; overflow:hidden;} .symBox03 span:before {content:"CI 이미지"; position:absolute; left:0; top:-100px; width:1px; height:1px; overflow:hiddden;} /* ESG경영 2025 */ .esgNewTitGrp { } .esgNewTitGrp .tit { text-align:center; font-weight:bold; font-weight:700; font-size:38px; letter-spacing:-1px; color:#343434;} .esgNewTitGrp .txt { text-align:center; font-size:20px; font-weight:400; letter-spacing:-1px;color:#555; } .esgBoardList { } /* 3개씩 출력 */ .esgBoardList .item:after {content: ''; display: block; visibility: hidden; clear: both; height: 0; overflow: hidden;} .esgBoardList .item { display:inline-block; width:326px; margin-bottom:40px; box-sizing:border-box;} .esgBoardList .item.n2 .inner {margin:0 auto;} .esgBoardList .item.n3 .inner {float:right;;} .esgBoardList .item .inner { width:308px; height:361px; text-align:left; border-radius:24px; overflow:hidden; z-index:1; position:relative; border:1px solid rgba(153, 153, 153, 0.2); box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.25); } .esgBoardList .item .inner img {top:0; left:0; right:0; width:310px; height:170px; z-index:2; position:absolute; } .esgBoardList .item .inner .txtWrap {margin:200px 15px 0 15px; padding:0 10px; height:140px; box-sizing:border-box; position:relative; z-index:3} .esgBoardList .item .inner .txtWrap .subtit , .esgBoardList .item .inner .txtWrap .tit, .esgBoardList .item .inner .txtWrap .txt {display:block;} .esgBoardList .item .inner .txtWrap .subtit {font-size:16px; font-weight:bold; font-weight:600; color:#0046ff; line-height:normal; display:block; margin-bottom:6px;} .esgBoardList .item .inner .txtWrap .tit {font-size:22px; font-weight:bold; font-weight:700; line-height:normal; letter-spacing:-0.66px; color:#343434; } .esgBoardList .item .inner .txtWrap .txt {color:#808892; font-weight:500; margin-top:10px; line-height:135%; } .esgBoardList .item .inner .txtWrap .btnWrap {position:absolute; left:0; bottom:0; right:0 } .esgBoardList .esgBtn {display:inline-block; width:132px; height:40px; line-height:40px; background-color:rgba(219, 219, 219, 0.2); background-image: url(https://image.shinhan.com/rib2017/images/hpe/bg/esg_icon_k.png); background-position: right 10px center; background-repeat: no-repeat; color:#343434; font-size:15px; font-weight:bold; font-weight:400; letter-spacing:-0.3px; padding-left:15px; box-sizing:border-box; border-radius:50px; } .esgBoardList .esgBtn.blue { background-color:rgba(230, 237, 255, 0.3); color:#0046ff; background-image: url(https://image.shinhan.com/rib2017/images/hpe/bg/esg_icon_e.png); } .esgBoardList.col2 {} /*2개씩 출력, row 기본 5 */ .esgBoardList.col2 .item {width:490px; margin-bottom:30px; } .esgBoardList.col2 .item.n2 .inner {margin:0; float:right;} .esgBoardList.col2 .item .inner { width:475px; height:483px; box-shadow:none; /* border:none; */} .esgBoardList.col2 .item .inner img { width:475px; height:293px;} .esgBoardList.col2 .item .inner .txtWrap {position:absolute; left:0; top:293px; right:0; bottom:0; height:auto; padding: 27px 25px 0 25px; margin:0; border-radius:0 0 24px 24px; /* border:1px solid #d6dbe1; border-top:none */} .esgBoardList.col2 .item .inner .txtWrap .tit {font-size:24px; } .pageCon .esgBoardList.row1 .item .inner {height:410px;} .pageCon .esgBoardList.row2 .item .inner {height:429px;} .pageCon .esgBoardList.row3 .item .inner {height:447px;} .pageCon .esgBoardList.row4 .item .inner {height:465px;} .pageCon .esgBoardList.row5 .item .inner {height:490px;} .BI .w2tb.tableTyInfo.esgTable {border-top:1px solid #195DAE !important} .w2tb.tableTyInfo.esgTable thead .w2tb_th, .tableTyInfo.esgTable thead th, .w2tb.tableTyInfo.esgTable tbody .w2tb_td, .tableTyInfo.esgTable tbody td {border-color:#e0e0e0;} .w2tb.tableTyInfo.esgTable thead .w2tb_th, .tableTyInfo.esgTable thead th {height:40px; background:#3579d4 !important; color:#fff !important;} .w2tb.tableTyInfo.esgTable tbody .w2tb_td, .tableTyInfo.esgTable tbody td {color:#343434; line-height:22px; padding-top:20px; padding-bottom:20px; font-weight:500;} .w2tb.tableTyInfo.esgTable tbody .w2tb_td.txt, .tableTyInfo.esgTable tbody td.txt { text-align:left; color:#424d89; background:#f6faff; font-weight:400;} /* 통합게시판 - 커뮤니티형(상세) */ .replyAdd{margin-top:30px; padding:20px; background-color:#f6f2ed} .replyAdd .userLogin strong, .replyAdd .userLogin em, .replyAdd .userLogin span{display:inline-block; vertical-align:middle} .replyAdd .userLogin strong{padding-right:10px; margin-right:10px; border-right:1px solid #ddd; font-weight:normal; color:#444} .replyAdd .userLogin em{margin-right:3px; font-weight:bold; color:#2d71c4} .replyAdd .formArea{position:relative; margin-top:12px; padding-right:90px} .replyAdd .formArea .txtArea{position:relative;} .replyAdd .formArea .txtArea .count{position:absolute; top:-30px; right:40px; color:#c28f4e} .replyAdd .formArea .txtArea .total{position:absolute; top:-30px; right:10px} .replyAdd .formArea .txtArea textarea{border-color:#ccc} .replyAdd .formArea .btnTyGray01{position:absolute; top:0; right:0; height:80px; line-height:80px} .replyList{padding:0 20px; border-width:0 1px 1px 1px; border-style:solid; border-color:#e7e4e0} .replyList > ul > li{padding:20px 0; border-top:1px solid #e7e4e0} .replyList > ul > li:first-child{border-top:none} .replyList > ul > li > .reTop{overflow:hidden} .replyList > ul > li > .reTop .lta{float:left} .replyList > ul > li > .reTop .lta > strong, .replyList > ul > li > .reTop .lta > em{display:inline-block; vertical-align:middle} .replyList > ul > li > .reTop .lta > strong{margin-right:7px; color:#444} .replyList > ul > li > .reTop .rta{float:right} .replyList > ul > li > .reTop .rta > a{display:inline-block; padding:0 8px; vertical-align:middle; border-left:1px solid #ccc; color:#444} .replyList > ul > li > .reTop .rta > a:first-child{border-left:none} .replyList > ul > li > .reCon{margin-top:10px} .replyList > ul > li > .reCon > p{word-wrap:break-word;word-break:keep-all;white-space:normal;} .replyList > ul > li.editMode > .reCon{position:relative; padding-right:90px;} .replyList > ul > li.editMode > .reCon .txtArea{position:relative;} .replyList > ul > li.editMode > .reCon .txtArea .count{position:absolute; top:-25px; right:40px; color:#c28f4e} .replyList > ul > li.editMode > .reCon .txtArea .total{position:absolute; top:-25px; right:10px} .replyList > ul > li.editMode > .reCon .txtArea textarea{border-color:#ccc} .replyList > ul > li.editMode > .reCon .btnTyGray01{position:absolute; top:0; right:0; min-width:80px; height:53px; line-height:53px; font-size:14px;} .replyList > ul > li.editMode > .reCon .btnTyGray01.cancel{top:58px} .replyList > ul > li.editMode > .reCon > .small:before, .replyList > ul > li.editMode > .reCon > .small:after{width:7px} .normal_pag.BI{padding:25px 0; border-top:1px solid #ddd} .normal_pag.BI ul li{margin:0 4px} .normal_pag.BI ul li.w2pageList_control_prev{margin-right:15px} .normal_pag.BI ul li.w2pageList_control_next{margin-left:15px} .normal_pag.BI ul li a{height:14px; line-height:14px} .normal_pag.BI ul li a.w2pageList_label_selected, .normal_pag.BI ul li a.w2pageList_label_over, .normal_pag.BI ul li a.on, .normal_pag.BI ul li a:hover{font-weight:bold; color:#2d71c4; background-color:transparent} .normal_pag.BI ul li .w2pageList_label, .normal_pag.BI ul li .w2pageList_label_selected{width:20px} .normal_pag.BI ul li.w2pageList_control_pagePrev a, .normal_pag.BI ul li.w2pageList_control_prev a, .normal_pag.BI ul li.w2pageList_control_next a, .normal_pag.BI ul li.w2pageList_control_pageNext a{margin:1px 1px 0 1px; text-indent:-100em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/btn/bi_btn.png) no-repeat} .normal_pag.BI ul li.w2pageList_control_pagePrev a{width:12px; height:10px; background-position:-10px -10px} .normal_pag.BI ul li.w2pageList_control_prev a{width:6px; height:10px; background-position:-32px -10px} .normal_pag.BI ul li.w2pageList_control_next a{width:6px; height:10px; background-position:-48px -10px} .normal_pag.BI ul li.w2pageList_control_pageNext a{width:12px; height:10px; background-position:-64px -10px} .btnCloseIcon{display:inline-block;overflow:hidden;margin-left:7px !important;width:15px;height:15px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -458px -94px;font-size:0px;text-indent:-5000em;} .w2upload .w2upload_input{height:30px;padding:5px 5px 3px;line-height:16px;box-sizing:border-box;} /* 은행소개(채용정보) - 인재상 */ .colorTit01, .colorTit02, .colorTit03{position:relative; width:260px; height:114px; margin-bottom:30px; padding-left:40px; border-radius:54px} .colorTit01 strong, .colorTit02 strong, .colorTit03 strong{line-height:114px; font-size:20px; font-weight:normal; color:#fff;} .colorTit01{background-color:#4e9fd5} .colorTit02{background-color:#de7b36} .colorTit03{background-color:#97999e} .colorTit01:before, .colorTit02:before, .colorTit03:before{content:""; position:absolute; top:50%; right:40px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png) no-repeat} .colorTit01:before{width:68px; height:56px; margin-top:-30px; background-position:-180px -10px} .colorTit02:before{width:65px; height:69px; margin-top:-35px; background-position:-253px -10px} .colorTit03:before{width:66px; height:68px; margin-top:-33px; background-position:-323px -10px} .crowBox{width:280px; min-height:112px; margin-left:10px; padding-bottom:30px; border-bottom:2px solid #eee} .crowBox > .listDot.small li{margin-top:10px} /* 은행소개(채용정보) - 사회공헌, 인재육성 */ .centerGrp{overflow:hidden; margin-top:40px} .centerGrp li{position:relative; float:left; min-width:126px; margin-left:40px; padding-top:150px;} .centerGrp li:first-child{margin-left:0} .centerGrp li:after{content:""; position:absolute; top:0; left:50%; width:126px; height:126px; margin-left:-63px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png) no-repeat} .centerGrp li.ico01:after{background-position:-95px -100px} .centerGrp li.ico02:after{background-position:-226px -100px} .centerGrp li.ico03:after{background-position:-357px -100px} .centerGrp li.ico04:after{background-position:-95px -232px} .centerGrp li.ico05:after{background-position:-226px -232px} .centerGrp li.ico06:after{background-position:-357px -232px} .centerGrp li strong{display:block; font-size:15px; text-align:center} .centerGrp li span{display:block; margin-top:10px; line-height:22px; text-align:center} .photoList01{overflow:hidden;} .photoList01 .txtArea{float:left} .photoList01 .txtArea p{line-height:22px} .photoList01 .poArea{float:right; width:347px} .photoList01 .poArea img{display:inline-block; width:171px; height:99px; margin-left:5px} .photoList01 .poArea img:first-child{margin-left:0} .photoList02{overflow:hidden;} .photoList02 .txtArea{float:left} .photoList02 .txtArea p{line-height:22px} .photoList02 .poArea{float:right; width:699px} .photoList02 .poArea img{display:inline-block; width:170px; height:99px; margin-left:6px} .photoList02 .poArea img:first-child{margin-left:0} .photoList03{overflow:hidden; padding:30px 0; border-top:1px solid #ddd} .photoList03:first-child{margin-top:10px; padding-top:0; border-top:none} .photoList03 .txtArea{float:left} .photoList03 .txtArea p{line-height:22px} .photoList03 .txtArea .listDot > ul > li{margin-top:5px} .photoList03 .poArea{float:right; width:347px; margin-top:14px;} .photoList03 .poArea img{display:inline-block; width:171px; height:99px; margin-left:5px} .photoList03 .poArea img:first-child{margin-left:0} /* 은행소개(채용정보) - 신한금융지주회사 */ .colorStep{margin-top:80px} .colorStep > ol{overflow:hidden} .colorStep > ol > li{float:left; width:25%;} .colorStep > ol > li > em, .colorStep > ol > li > strong{display:block; text-align:center;} .colorStep > ol > li > em{font-size:20px; color:#444;} .colorStep > ol > li > strong{margin-top:15px} .colorStep > ol > li > strong > span{font-size:16px} .colorStep > ol > li > .blue, .colorStep > ol > li > .contBox > .boxTop > .blue{font-size:12px; color:#4e9fd5} .colorStep > ol > li > .green, .colorStep > ol > li > .contBox > .boxTop > .green{font-size:12px; color:#229a6d} .colorStep > ol > li > .orange, .colorStep > ol > li > .contBox > .boxTop > .orange{font-size:12px; color:#de7b36} .colorStep > ol > li > .gray, .colorStep > ol > li > .contBox > .boxTop > .gray{font-size:12px; color:#71747b} .colorStep > ol > li > .barBlue, .colorStep > ol > li > .barGreen, .colorStep > ol > li > .barOrange, .colorStep > ol > li > .barGray{position:relative; width:100%; height:10px; margin-top:17px;} .colorStep > ol > li > .barBlue{background-color:#4e9fd5; border-top-left-radius:5px; border-bottom-left-radius:5px;} .colorStep > ol > li > .barGreen{background-color:#229a6d} .colorStep > ol > li > .barOrange{background-color:#de7b36} .colorStep > ol > li > .barGray{background-color:#71747b; border-top-right-radius:5px; border-bottom-right-radius:5px;} .colorStep > ol > li > .barBlue:after, .colorStep > ol > li > .barGreen:after, .colorStep > ol > li > .barOrange:after, .colorStep > ol > li > .barGray:after{content:""; position:absolute; top:10px; left:50%; width:1px; height:60px; background-color:#ddd;} .colorStep > ol > li > .barBlue:before, .colorStep > ol > li > .barGreen:before, .colorStep > ol > li > .barOrange:before, .colorStep > ol > li > .barGray:before{content:""; position:absolute; top:-7px; left:50%; width:24px; height:24px; margin-left:-12px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_bu.png) no-repeat; z-index:1} .colorStep > ol > li > .barBlue:before{background-position:-161px -59px} .colorStep > ol > li > .barGreen:before{background-position:-190px -59px} .colorStep > ol > li > .barOrange:before{background-position:-219px -59px} .colorStep > ol > li > .barGray:before{background-position:-248px -59px} .colorStep > ol > li > .contBox{width:219px; margin:60px auto 0; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box;} .colorStep > ol > li > .contBox > .boxTop{min-height:149px; padding:30px; background-color:#f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box;} .colorStep > ol > li > .contBox > .boxTop > strong{display:block; font-size:20px !important; line-height:30px; text-align:center} .colorStep > ol > li > .contBox > .boxTop > p{margin-top:15px} .colorStep > ol > li > .contBox > .boxBot{min-height:130px; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box;} .boxLoGray{margin-top:50px; padding:50px; border:1px solid #ddd;} .boxLoGray .shnLogo{display:block; width:102px; height:62px; margin:0 auto; text-indent:-1000em; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png) no-repeat -394px -10px} .boxLoGray > .bodList{overflow:hidden; width:712px; margin:40px auto 0;} .boxLoGray > .bodList > ul{margin-left:-40px} .boxLoGray > .bodList > ul > li{display:inline-block; overflow:hidden; width:210px; margin-left:40px; padding:10px 0; border-bottom:1px solid #eceff1} .boxLoGray > .bodList > ul > li > span{} .boxLoGray > .bodList > ul > li > strong{display:inline-block; float:right} /* 은행소개(채용정보) - sns */ .hpe_biSns{} .hpe_biSns > dl dt{padding:15px 0 10px 0; font-size:28px; line-height:40px; color:#333;} .hpe_biSns > dl dd{font-size:16px; padding-bottom:50px;} .hpe_biSns > ul{margin-bottom:20px;} .hpe_biSns > ul:after{content:""; display:block; clear:both;} .hpe_biSns > ul > li{float:right; width:483px; height:208px; border:1px solid #e6e6e6; text-align:center;} .hpe_biSns > ul > li:first-child{float:left;} .hpe_biSns > ul > li a{display:block;} .hpe_biSns > ul > li .icon1, .hpe_biSns > ul > li .icon2{width:150px; height:30px; margin:50px auto 18px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/bi_sns_icon1.gif) no-repeat;} .hpe_biSns > ul > li .icon1{width:151px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/bi_sns_icon2.gif) no-repeat;} .hpe_biSns > ul > li .link{display:inline-block; padding-bottom:25px; line-height:22px; font-size:18px; color:#444;} .hpe_biSns > ul > li .link span{display:inline-block; width:21px; height:21px; margin:-3px 0 0 5px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico.png) -865px -403px no-repeat; vertical-align:middle;} .hpe_biSns .bottom_info span{line-height:16px; font-size:16px; vertical-align:middle;} .hpe_biSns .bottom_info .img1, .hpe_biSns .bottom_info .img2{display:inline-block; width:48px; height:16px; margin:0 0 0 4px; text-indent:-5000em; background:url(https://image.shinhan.com/rib2017/images/hpe/common/bi_sns_icon3.gif) no-repeat;} .hpe_biSns .bottom_info .img2{background:url(https://image.shinhan.com/rib2017/images/hpe/common/bi_sns_icon4.gif) no-repeat;} /* 은행소개(채용정보) - 신한인 */ .peopleBox{position:relative;} .peopleBox .ppInner{position:relative; display:inline-block; width:33.333%; min-height:130px; vertical-align:top; margin-top:20px} .peopleBox .ppInner img{position:absolute; top:0; left:0; width:120px; height:130px;} .peopleBox .ppInner .member{margin-left:140px;} .peopleBox .ppInner .member > dt{font-size:16px; font-weight:bold; color:#444} .peopleBox .ppInner .member > dd{margin-top:10px} .peopleBox .ppInner a{position:absolute; bottom:0; left:140px} /* 은행소개(채용정보) - 신한인 팝업 */ .imgPage{position:relative; overflow:hidden; width:428px; height:230px} .imgPage a{position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; text-indent:-1000em; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png) no-repeat; z-index:2} .imgPage .btnPrev{left:10px; background-position:-501px -10px} .imgPage .btnNext{right:10px; background-position:-536px -10px} .imgPage .visual{position:absolute; top:0; left:0; height:100%; white-space:nowrap} .imgPage .visual > li{display:inline-block;} .imgPage .visual > li > img{width:428px; height:230px} .imgCon .titH02.BI{margin-bottom:10px; color:#444; font-size:20px;} .imgCon strong{display:inline-block; vertical-align:middle; padding-right:10px; color:#444; font-weight:normal; border-right:1px solid #ccc;} .imgCon span{margin-left:5px; display:inline-block; vertical-align:middle; color:#444} /* 은행소개 - 홈ATM서비스 */ .imgStep{width:636px;margin:0 auto;display:table} .imgStep li{position:relative;display:inline-table;overflow:hidden;width:275px;padding-top:176px} .imgStep li + li + li + li{margin-top:30px} .imgStep li.arr{width:86px;margin-top:0;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_ssbank_inguidearr.png) no-repeat center center;} .imgStep li.inguide01:after, .imgStep li.inguide02:after, .imgStep li.inguide03:after, .imgStep li.inguide04:after, .imgStep li.inguide05:after, .imgStep li.inguide06:after, .imgStep li.inguide07:after, .imgStep li.inguide08:after{content:"";position:absolute;top:0;left:0;width:275px;height:156px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_homeAtm.png) no-repeat;} .imgStep li.inguide01:after{background-position:0 0} .imgStep li.inguide02:after{background-position:-280px 0} .imgStep li.inguide03:after{background-position:0 -161px} .imgStep li.inguide04:after{background-position:-280px -161px} .imgStep li.inguide05:after{background-position:0 -322px} .imgStep li.inguide06:after{background-position:-280px -322px} .imgStep li.inguide07:after{background-position:0 -483px} .imgStep li.inguide08:after{background-position:-280px -483px} .imgStep li > span{font-size:12px; color:#767676} /* -----은행소개(BI) 시작----- */ .BI #userWrap{padding-right:21px;} /* funcBox 타이틀용 */ .dataBorder{border-bottom:2px solid #c2d6ef} /* 은행소개 - 테이블 공통 */ .BI .w2tb.tableTyInfo{border-top:1px solid #666 !important;} .BI .w2tb.tableTyInfo .w2tb_th{color:#444;} .BI .w2tb.tableTyInfo .w2tb_td{color:#666;} .BI .w2tb.tableTyInfo .w2tb_th, .BI .w2tb.tableTyInfo .w2tb_td{border-width: 0px 1px 1px;} .BI .w2tb.tableTyInfo tfoot .w2tb_td{background:#f1f7fb; font-weight:bold} .BI .tableTyBoard.bdone{border-top:1px solid #666} .BI .tableTyBoard.bdone tbody .w2tb_th{background-color:#fff !important; color:#444} .BI .tableTyBoard.bdone tbody .w2tb_td{color:#777} .BI .tableTyBoard.bdone .w2anchor2{color:#444} .BI .tableTyBoard.bdone tbody .w2tb_th, .BI .tableTyBoard.bdone tbody .w2tb_td{border-width:0 0 1px 0 !important;} /* 공통게시판 */ .BI .hpe_dtBoard.bdone{border-top:1px solid #666} .BI .hpe_dtBoard.bdone > dl > dt{padding:10px 18px; background-color:#fff !important; color:#444} .BI .hpe_dtBoard.bdone > dl > dd{padding:10px 18px; color:#777; border-left:none;} .BI .hpe_dtBoard.bdone .w2anchor2{color:#444} .BI .faqArea{border-top:1px solid #666} /* 은행소개 - 그리드공통 */ .BI .w2grid.gridTyDefault{border-top:2px solid #2d71c4} .BI .w2grid.gridTyDefault .gridHeaderTDDefault{color:#444} .BI .w2grid.gridTyDefault .gridBodyDefault.gridellip{text-overflow:ellipsis !important;} .BI .w2grid.gridTyDefault .gridBodyDefault.gridellip nobr{white-space:nowrap !important;} /* 은행소개 - 버튼변경 */ .BI .btnTyGray02{border:1px solid #8595a9;background-color:#8595a9;} .BI .btnTyGray03{border:1px solid #616367;background-color:#616367;} .BI .btnTyBlue02{border:1px solid #2d71c4;background-color:#2d71c4;} /* 은행소개 - 텍스트 공통 */ .titH01.BI{font-size:34px !important; color:#333 !important} .titH02.BI{margin-top:10px;margin-bottom:20px;} .titH02.BI + .titH03.BI{margin-top:30px;} .titH03.BI.blue{font-size:18px; font-weight:normal; color:#3579d4;} /* 은행소개 - 리스트공통*/ .listDot > ul.BI > li{margin-top:5px} /* 은행소개 - 레이어팝업 공통 */ .detailPop.BI .layerCon .tableTyInfo tbody tr td a{color:#777} .detailPop.BI .layerCon .tableTyInfo tbody tr td a:hover{color:#3579d4} /* 은행소개 - 박스 공통 */ .BI div[class*="boxTy"].bank{padding:20px} .BI div[class*="boxTy"].bank > dl > dt{position:relative; padding-left:22px; font-size:16px; font-weight:bold; color:#444} .BI div[class*="boxTy"].bank > dl > dt:before{content:""; position:absolute; top:1px; left:0; width:16px; height:16px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png)no-repeat -10px -100px} .BI div[class*="boxTy"].bank > dl > dd{padding-left:22px; margin-top:20px} .BI .agreeInfoBox .boxTop{padding-bottom:8px} /* 은행소개 - 약관 공통*/ .BI .agreeInfoBox{border-color:#ddd} .BI .agreeInfoBox .boxTop > span{font-size:16px; font-weight:bold; color:#444} .BI .agreeInfoBox .boxBot > ol > li{margin-top:5px} .BI .agreeInfoBox .boxBot > ol > li > p{padding-left:14px; text-indent:-14px} .BI .agreeInfoBox .boxBot > ol > li > ul > li{padding-left:14px} .BI .agreeInfoBox .boxBot >*{margin-top:10px;} .BI .agreeInfoBox .boxBot >*:first-child{margin-top:0} /* 은행소개 - 탭 공통 */ .multiBtn{display:table; width:100%; height:auto !important; margin-bottom:30px; border:1px solid #e5e5e5; border-top:none; border-right:1px hidden #fff; border-left:1px solid #e5e5e5; box-sizing:border-box; -moz-box-sizing:border-box} .multiBtn ul{display:table-row;} .multiBtn ul > li{display:table-cell; height:39px; margin-left:-1px; padding:0 10px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5} .multiBtn ul > li.select{background-color:#536172;} .multiBtn ul > li.select > a{color:#fff} .multiBtn ul > li > a{display:block; width:100%; height:100%; line-height:40px; text-align:center; color:#333} .BI .tabTy01:after{background-color:#e5e5e5} .BI .tabTy01 li a{background-color:#fff; border-color:#e5e5e5} .BI .tabTy01 li.on{background-color:#536172; border-color:#536172 !important} .BI .tabTy01 li.on:after{background-color:#536172;} .BI .tabTy01 li.on a{background-color:#536172; border-color:#536172} .BI .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{background-color:#fff; border-color:#e5e5e5} .BI .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{background-color:#536172; border-color:#536172} .BI .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{border-color:#e5e5e5} /* 은행소개용 */ .hpe_termsWrap.BI > ol > li{font-size:16px; font-weight:bold; color:#444;} .hpe_termsWrap.BI > ol.indent > li{text-indent:-16px; padding-left:16px} .hpe_termsWrap.BI > ol.indent > li > ul{text-indent:0; padding-left:0} .hpe_termsWrap.BI > ol > li > ul{padding-top:0 !important} .hpe_termsWrap.BI > ol > li > ul > li{font-size:14px; font-weight:normal; color:#666} .hpe_termsWrap.BI > ol > li > ul > li > p{padding-top:0} .hpe_termsWrap.BI > ol > li > ul > li > p:before{display:none} .hpe_termsWrap.BI > ol > li > ul > li > ol{padding-top:8px !important} .hpe_termsWrap.BI > ol > li > ol{padding-left:16px; font-weight:normal} .hpe_termsWrap.BI > ol > li > ol > li{font-size:14px; color:#666} .hpe_termsWrap.BI > ol > li > ol.indent > li{text-indent:-21px; padding-left:21px} /* -----은행소개(BI) 끝----- */ /* 수상안내 2020 08 14 */ .award2020{ width:980px; border:0;} .award2020 .awd_img {margin-bottom:30px; } .award2020 .awd_subject { font-size:22px; font-weight:bold; line-height:150%; color:#112369; letter-spacing:-0.03em;} .award2020 .awd_grp {margin-top:70px; padding-bottom:20px;} .award2020 .awd_grp .awd_grptit{font-size:26px;line-height:150%; color:#315da8; border-bottom:1px solid #e3e3e3; margin-bottom:20px; padding:0 0 10px 0} .award2020 .awd_grp .awd_item {position:relative; padding-left:240px; margin-bottom:70px;} .award2020 .awd_grp .awd_item .awd_stit {position:absolute; left:0; top:0; font-size:24px;line-height:150%; letter-spacing:-0.06em; font-weight:bold; color:#4271be;} .award2020 .awd_grp .awd_item .awd_ul {padding:0; margin:0;} .award2020 .awd_grp .awd_item .awd_ul li {position:relative; font-size:18px;line-height:130%; letter-spacing:-0.04em; color:#666; padding:3px 0 3px 15px; list-style:none; margin:0; } .award2020 .awd_grp .awd_item .awd_ul li:before {content:""; display:inline-block; position:absolute; left:0; top:13px; width:3px; height:3px; background:#666;} /* 은행소개 > 은행안내 > 연혁/수상내역/그룹사 > 수상 */ .award2023 .awd_grptit{margin-top:40px;} .award2023 .awd_grptit .title{position:relative;padding-top:12px;color:#333;font-size:28px;} .award2023 .awd_grptit .title:before{content:""; position:absolute; left:0; top:0px; width:24px; height:4px; background-color:#3579d4;} .award2023 .awd_img{text-align:center;} .award2023 .awd_img img{vertical-align:top;} .award2023 .thumb_list_wrap{overflow:hidden;width:940px;margin:30px auto 0;text-align:center;} .award2023 .thumb_list{width:948px;} .award2023 .thumb_list:after{content:'';display:block;clear:both;} .award2023 .thumb_list li{float:left;position:relative;width:307px;height:308px;margin:0 9px 10px 0;border:1px solid #cecfd0;box-sizing:border-box;} .award2023 .thumb_list li:before{content:'';display:inline-block;width:100%;height:195px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/award2023_02.jpg) no-repeat 0 0;} .award2023.re2024 .thumb_list li:before{content:'';display:inline-block;width:100%;height:195px;background:url(https://image.shinhan.com/rib2017/images/hpe/common/award2024.jpg) no-repeat 0 0;} .award2023 .thumb_list li:nth-child(1):before{background-position:-1px -2px;} .award2023 .thumb_list li:nth-child(2):before{background-position:-319px -2px;} .award2023 .thumb_list li:nth-child(3):before{background-position:-638px -2px;} .award2023 .thumb_list li:nth-child(4):before{background-position:-1px -321px;} .award2023 .thumb_list li:nth-child(5):before{background-position:-319px -321px;} .award2023 .thumb_list li:nth-child(6):before{background-position:-638px -321px;} .award2023 .thumb_list li:nth-child(7):before{background-position:-1px -643px;} .award2023 .thumb_list li:nth-child(8):before{background-position:-319px -643px;} .award2023 .thumb_list li:nth-child(9):before{background-position:-638px -643px;} .award2023 .thumb_list .tit{position:absolute;left:0;top:220px;width:100%;font-weight:500;color:#828487;font-size:18px;line-height:21px;} .award2023 .thumb_list .tit > span{font-size:14px;} .award2023 .awd_history{margin-top:35px;} .award2023 .awd_history .awd_item{} .award2023 .awd_history .awd_item .top{border-bottom:1px solid #ddd;font-size:28px;} .award2023 .awd_history .awd_item .top .tit{display:block;padding:0 0 15px 7px;font-weight:500;color:#3274c5;font-size:28px;cursor:auto} .award2023 .awd_history .awd_item .top .tit:active{text-decoration:none !important;} .award2023 .awd_history .awd_item .cont{} .award2023 .awd_history .awd_item .cont .txt{padding:32px 0 45px 230px;color:#555;font-size:18px;line-height:30px;} /* ####################### 위성사이트 #######################*/ /* vostro 공통 */ .bodyVostro, .wrapVostro{min-width:1240px; min-height:800px;} .wrapVostro{position:relative; padding:65px 0 0 0; height:100%; box-sizing:border-box;} .wrapVostro #headerVostro{position:absolute; top:0; left:0; z-index:10; width:100%; height:65px; margin:auto; border-bottom:1px solid #ccc; padding:0 30px; box-sizing:border-box;} .wrapVostro #headerVostro:after{content:""; display:block; clear:both;} .wrapVostro #headerVostro h1{float:left; padding-top:16px;} .wrapVostro #headerVostro h1 a{display:block; width:205px; height:32px; text-indent:-1000em; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_vostro.png) -10px -10px no-repeat; overflow:hodden;} .wrapVostro #headerVostro #gnb{float:left; padding:20px 0 0 72px;} .wrapVostro #headerVostro #gnb:after{content:""; display:block; clear:both;} .wrapVostro #headerVostro #gnb li{float:left;} .wrapVostro #headerVostro #gnb > li{margin-left:60px;} .wrapVostro #headerVostro #gnb > li:first-child{margin-left:0;} .wrapVostro #headerVostro #gnb > li > a{display:block; height:45px; font-size:20px; color:#343434;} .wrapVostro #headerVostro #gnb > li.on > a, .wrapVostro #headerVostro #gnb > li:hover > a, .wrapVostro #headerVostro #gnb > li > a:focus{color:#3579d4; border-bottom:4px solid #3579d4; box-sizing:border-box;} .wrapVostro #headerVostro #gnb > li.on > ul, .wrapVostro #headerVostro #gnb > li:hover > ul{top:65px;} .wrapVostro #headerVostro #gnb > li > ul{position:absolute; top:-1000em; left:0; width:100%; height:43px; padding-top:13px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/vostro_header_bg.png) 0 0 repeat-x;} .wrapVostro #headerVostro #gnb > li > ul li{margin-left:30px;} .wrapVostro #headerVostro #gnb > li > ul li:first-child{margin-left:0;} .wrapVostro #headerVostro #gnb > li > ul li a{display:block; position:relative; padding-left:10px; font-size:15px; color:#333;} .wrapVostro #headerVostro #gnb > li > ul li a:before{content:""; display:block; position:absolute; top:5px; left:0; width:4px; height:4px; background:#999; border-radius:2px;} .wrapVostro #headerVostro #gnb > li > ul li a:hover, .wrapVostro #headerVostro #gnb > li > ul li a:focus{color:#3579d4;} .wrapVostro #headerVostro #gnb > li > ul li a:hover:before, .wrapVostro #headerVostro #gnb > li > ul li a:focus:before{background:#3579d4} .wrapVostro #headerVostro #gnb > li.gnbLi1 > ul li:first-child{margin-left:30px;} .wrapVostro #headerVostro #gnb > li.gnbLi2 > ul li:first-child{margin-left:559px;} .wrapVostro #headerVostro #gnb > li.gnbLi3 > ul li:first-child{margin-left:325px;} .wrapVostro #footerVostro{min-width:1240px; height:70px; background:#888;} .wrapVostro #footerVostro .copy{margin:auto; line-height:70px; color:#fff; padding:0 30px; box-sizing:border-box;} .wrapVostro .container{position:relative; min-height:650px; padding:40px 30px 40px 310px; min-width:1240px; box-sizing:border-box;} .wrapVostro #lnb{position:absolute; top:0; left:30px; width:230px; padding:42px 0; box-sizing:border-box;} .wrapVostro #lnb .userBox{margin-bottom:30px; padding:15px 15px 19px 15px; border:1px solid #b7bbd1; background:#f6faff;} .wrapVostro #lnb .userBox ul{margin-bottom:9px;} .wrapVostro #lnb .userBox li:after{content:""; display:block; clear:both;} .wrapVostro #lnb .userBox li p{float:left; font-size:15px; color:#343434; line-height:28px;} .wrapVostro #lnb .userBox li p:first-child{position:Relative; padding-left:8px; width:63px; color:#424d89;} .wrapVostro #lnb .userBox li p:first-child:before{content:""; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; background:#3579d4;} .wrapVostro #lnb .userBox .medium{min-width:94px;} .wrapVostro #lnb .userBox .btnTyGray02{margin-right:5px;} .wrapVostro #lnb > ul{border-top:1px solid #ddd;} .wrapVostro #lnb > ul > li{border-bottom:1px solid #ddd;} .wrapVostro #lnb > ul > li > a{display:block; height:50px; line-height:50px; font-size:16px; color:#343434; text-indent:10px;} .wrapVostro #lnb > ul > li.on > a{background:#377ad4; color:#fff;} .wrapVostro #lnb > ul > li li.on > a{color:#3579d4!important;} .wrapVostro #lnb > ul > li > ul{display:none; padding:10px 0 8px 0;} .wrapVostro #lnb > ul > li > ul > li{position:relative;} .wrapVostro #lnb > ul > li > ul > li > a:first-child{display:inline-block; padding-left:20px; color:#343434; line-height:30px;} .wrapVostro #lnb > ul > li > ul > li > a:first-child:before{content:""; diplay:block; position:absolute; top:12px; left:10px; width:3px; height:3px; background:#343434;} .wrapVostro #lnb > ul ul ul{display:none; padding:0 0 0 20px; margin:-4px 0 3px 0;} .wrapVostro #lnb li.on > ul{display:block;} .wrapVostro #lnb > ul ul ul > li > a{position:relative; padding-left:10px; font-size:13px; line-height:26px;} .wrapVostro #lnb > ul ul ul > li > a:before{content:""; diplay:block; position:absolute; top:8px; left:0; width:4px; height:1px; background:#777;} .wrapVostro #lnb .openClose{position:absolute; top:9px; right:15px; display:block; width:10px; height:10px; text-indent:-1000em; color:#fff; overflow:hidden;} .wrapVostro #lnb .openClose:before, .wrapVostro #lnb .openClose:after{content:""; display:block; position:absolute; background:#bbb;} .wrapVostro #lnb .openClose:before{top:4px; left:0; width:10px; height:2px;} .wrapVostro #lnb .openClose:after{top:0; left:4px; width:2px; height:10px;} .wrapVostro #lnb li.on > .openClose:after{display:none;} .wrapVostro .vostroTitle{padding-bottom:9px; border-bottom:1px solid #dcdcdc;} .wrapVostro .vostroTitle:after{content:""; display:block; clear:both;} .wrapVostro .vostroTitle > h2{float:left; font-size:28px; color:#333; font-weight:normal;} .wrapVostro .vostroTitle > ul{float:right; padding-top:5px;} .wrapVostro .vostroTitle > ul:after{content:""; display:block; clear:both;} .wrapVostro .vostroTitle > ul li{position:relative; float:left; line-height:24px; padding-left:20px;} .wrapVostro .vostroTitle > ul li:before{position:absolute; top:6px; left:7px; content:""; display:inline-block; width:6px; height:11px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_vostro.png) -70px -646px no-repeat;} .wrapVostro .vostroTitle > ul li:first-child{padding-left:0;} .wrapVostro .vostroTitle > ul li:first-child:before{display:none;} .wrapVostro .titH03{font-size:18px; color:#555;} .bodyVostro .w2calendar .w2calendar_content .w2calendar_col_day.w2calendar_day0:before{content:"Sun";} .bodyVostro .w2calendar .w2calendar_content .w2calendar_col_day.w2calendar_day1:before{content:"Mon";} .bodyVostro .w2calendar .w2calendar_content .w2calendar_col_day.w2calendar_day2:before{content:"Tue";} .bodyVostro .w2calendar .w2calendar_content .w2calendar_col_day.w2calendar_day3:before{content:"Wed";} .bodyVostro .w2calendar .w2calendar_content .w2calendar_col_day.w2calendar_day4:before{content:"Thu";} .bodyVostro .w2calendar .w2calendar_content .w2calendar_col_day.w2calendar_day5:before{content:"Fri";} .bodyVostro .w2calendar .w2calendar_content .w2calendar_col_day.w2calendar_day6:before{content:"Sat";} .bodyVostro .funcBox .titH03, .popupVostro .funcBox .titH03{margin-top:5px;} .bodyVostro .funcBox .right .btn a{background:#f9f9f9;} .bodyVostro nobr a{color:##3579d4 !important;} .bodyVostro .w2grid:before{content:"Please, Select the search condition";} .bodyVostro .w2grid.grdSearchingMsg:before{content:"searching";} .bodyVostro .w2grid.grdNoMsg:before{content:"No result Found";} .bodyVostro .gridSubtotalDefault{height:50px!important; padding:0 10px; background:#f9f9f9; border:0 none; border-top:1px solid #dcdcdc; font-size:20px; color:#424d89; font-weight:bold;} .bodyVostro .w2grid.gridTyDefault .gridSubtotalDefault:first-child{font-size:15px; color:#555;} /* vostro 공통 여백 */ .wrapVostro .contentStart > .titH03:first-child{padding-top:20px; margin-top:0;} /* vostro 서브 */ .wrapVostro .StatusBox{padding-top:30px; border-top:2px solid #3579d4; border-bottom:1px solid #babed4;} .wrapVostro .StatusBox:after{content:""; display:block; clear:both;} .wrapVostro .StatusBox li{float:left; width:220px; margin:0 20px 20px 0;} .wrapVostro .StatusBox li .thum{position:relative; display:block; width:220px; height:130px; background:#f1f1f1;} .wrapVostro .StatusBox li .thum:before{content:""; display:block; position:absolute; top:50%; left:50%; width:50px; height:40px; margin:-20px 0 0 -25px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_vostro.png) -10px -646px no-repeat;} .wrapVostro .StatusBox li .text:after{content:""; display:block; clear:both;} .wrapVostro .StatusBox li .text span{line-height:32px; font-size:15px; color:#343434;} .wrapVostro .StatusBox li .text .title{float:left;} .wrapVostro .StatusBox li .text .num{float:right;} .wrapVostro .vostroContact{margin-top:20px;} .wrapVostro .vostroContact:after{content:""; display:block; clear:both;} .wrapVostro .vostroContact li{width:50%; float:left; padding:20px; margin:0 -1px -1px 0; border:1px solid #dcdcdc; box-sizing:border-box;} .wrapVostro .vostroContact li strong{display:block; padding-bottom:3px; font-size:15px; color:#555;} .wrapVostro .vostroContact li p{position:relative; line-height:28px; padding-left:9px;} .wrapVostro .vostroContact li p:before{content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:1px; background:#666;} /* ------- VOSTRO 끝 ------- */ /* ----- 신한PWM 시작 ----- */ /* location 수정 */ .PWM #path .location .depth > em{max-width:none;} /* Contents 공통 */ .PWM #contents{min-height:600px} .PWM #contents .pageTop{height:70px; padding:0 0 20px 0;} .PWM #contents .pageTop .titH01{padding-top:12px;} .PWM #contents .pageTop .wrapInner{border-bottom:0 none; padding-bottom:0;} .PWM #contents .pageTop .wrapInner:before{content:""; position:absolute; top:224px; left:0; display:block; width:100%; height:1px; background:#dcdcdc;} .PWM #screenWrap{top:175px;} /* 신한PWM -테이블 공통 */ .PWM .w2tb.tableTyBoard{margin-top:22px;} .PWM .w2tb.tableTyInfo{border-top:1px solid #666 !important;} .PWM .w2tb.tableTyInfo .w2tb_th{color:#444;} .PWM .w2tb.tableTyInfo .w2tb_td{color:#666;} .PWM .w2tb.tableTyInfo .w2tb_th, .PWM .w2tb.tableTyInfo .w2tb_td{border-width: 0px 1px 1px;} .PWM .w2tb.tableTyInfo tfoot .w2tb_td{background:#f1f7fb; font-weight:bold} .PWM .tableTyBoard.bdone{border-top:1px solid #666; margin-top:50px;} .PWM .tableTyBoard.bdone tbody .w2tb_th{background-color:#fff !important; color:#444} .PWM .tableTyBoard.bdone tbody .w2tb_td{color:#777} .PWM .tableTyBoard.bdone .w2anchor2{color:#444} .PWM .tableTyBoard.bdone tbody .w2tb_th, .PWM .tableTyBoard.bdone tbody .w2tb_td{border-width:0 0 1px 0 !important;} .PWM .w2tb.tableTyBoard{border-top:2px solid #735a45;} .PWM .w2tb.tableTyBoard tbody .w2tb_th{color:#444;} .PWM .w2tb_td.title{padding:20px 13px!important;} /* 게시물 리스트가 없을때 */ .PWM .ceostate li:first-child{border-top:2px solid #735a45;} .PWM .resultArea div[class*="ico"], .BI .resultArea div[class*="ico"]{width:50px; height:50px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pw_ico_table_noresult.png) 0 0 no-repeat; margin-top:45px!important;} .PWM .ceostate .resultArea div.strong, .PWM .ceostate .resultArea strong, .BI .ceostate .resultArea div.strong, .BI .ceostate .resultArea strong{color:#666; font-size:14px; font-weight:normal;} /* 신한PWM - 버튼변경 */ .PWM .btnTyBlue02{border:1px solid #735a45;background-color:#735a45;} /* 신한PWM - 그리드 공통 */ .PWM .w2grid.gridTyDefault{margin-top:10px; border-top:2px solid #735a45; border-bottom:1px solid #ddd;} .PWM .w2grid.gridTyDefault .gridHeaderTDDefault{border-left:0 none;} .PWM .w2grid.gridTyDefault .gridHeaderTDDefault nobr{color:#444;} .PWM .w2grid .grdNoresultMsg:before{content:"";display:block;width:50px;height:50px;margin:0 auto 20px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pw_ico_table_noresult.png) 0 0 no-repeat} /* 신한PWM - 텍스트 공통 */ .PWM .bulTy01:before{background-color:#735a45;} /* 신한PWM - 레이어팝업 공통 */ .PWM .w2window_header{background-color:#735a45;} .PWM .detailPop .tabTy01{border-color:#735a45} .PWM .detailPop .tabTy01 li.on a{color:#fff} /* 신한PWM - 탭 공통 */ .PWM .multiBtn ul > li.select{background-color:#605f64;} .PWM .tabTy01{margin-top:10px} .PWM .tabTy01:after{background-color:#e5e5e5} .PWM .tabTy01 li a{background-color:#fff; border-color:#e5e5e5} .PWM .tabTy01 li.on{background-color:#536172; border-color:#536172 !important} .PWM .tabTy01 li.on:after{background-color:#536172;} .PWM .tabTy01 li.on a{background-color:#605f64; border-color:#605f64} .PWM .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{background-color:#fff; border-color:#e5e5e5} .PWM .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{background-color:#605f64; border-color:#605f64} .PWM .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{border-color:#e5e5e5} /* 신한PWM - 페이징 공통 */ .PWM .normal_pag .w2pageList_li_label a.w2pageList_label_selected,.PWM .normal_pag .w2pageList_li_label a.w2pageList_label_over, .PWM .normal_pag .w2pageList_li_label a.on,.PWM .normal_pag .w2pageList_li_label a:hover{background:#735a45;color:#fff; border-radius:1px;} /* 신한PWM - 타이틀박스 공통 */ .PWM .funcBox .total em{color:#735a45;font-weight:bold;} /* 신한PWM - 센터소개*/ .boxThumn01, .boxThumn02, .boxThumn03{position:relative; width:310px; padding-top:185px;} .boxThumn01:before, .boxThumn02:before, .boxThumn03:before{content:""; position:absolute; top:0; left:0; width:310px; height:156px; background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_boxThumn.png) no-repeat} .boxThumn01:before{background-position:0 0} .boxThumn02:before{background-position:-335px 0} .boxThumn03:before{background-position:-670px 0} .boxThumn01 > dl > dt, .boxThumn02 > dl > dt, .boxThumn03 > dl > dt{font-size:20px; font-weight:bold; color:#444} .boxThumn01 > dl > dd, .boxThumn02 > dl > dd, .boxThumn03 > dl > dd{margin-top:15px; line-height:22px; font-size:14px; color:#666} .bnkMember .centerBox{position:relative; display:table-cell; width:33.333%; padding:20px; vertical-align:top; border-left:1px solid #ddd} .bnkMember .centerBox:first-child{border-left:none} .bnkMember .centerBox dl > dt{font-size:16px; font-weight:bold; color:#666} .bnkMember .centerBox dl > dd{margin-top:15px} .bnkMember .centerBox .btnMap{display:block; position:absolute; top:10px; right:10px; width:30px; height:30px; text-align:center; border:1px solid #ccc; background-color:#fff; border-radius:2px} .bnkMember .centerBox .btnMap > span{display:inline-block; width:12px; height:16px; margin-top:6px; line-height:30px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pw_ico_seclist.png) no-repeat -10px -10px} .bnkMember.type2{display:block;clear:both;border:none;border-left:1px solid #ddd;} .bnkMember.type2 .centerBox{display:inline-block;height:158px;margin-top:-1px;box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #ddd;border-left:none;} /* 신한PWM - 신한PWM이란 */ .pwmIntTop{position:relative; min-height:150px; border-bottom:3px solid #bed1e1;} .pwmIntTop .pwTopFont01{padding-top:20px; line-height:25px; font-size:18px; color:#444} .pwmIntTop .icon{display:block; position:absolute; top:0px; right:40px; width:230px; height:150px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pw_ico.png) no-repeat;} .pwmIntTop .pwmIcon01{background-position:0 0;} .pwmIntTop .pwmIcon02{background-position:-230px 0;} .pwmIntTop .pwmIcon03{background-position:-460px 0;} .pwmIntTop .pwmIcon04{background-position:-690px 0;} .pwmIntTop .pwmIcon05{background-position:0 -150px;} .pwmIntTop .pwmIcon06{background-position:-230px -150px;} .pwmIntTop .pwmIcon07{background-position:-460px -150px;} .pwmIntTop .pwmIcon08{background-position:-690px -150px;} .imgBoxAboutPwm{width:764px; height:268px; margin:0 auto 50px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_aboutPwm.png) no-repeat;} .boxTyPwm01{min-height:252px; padding:25px; border:1px solid #e6e6e6} .boxTyPwm01 > strong{display:block; margin-bottom:15px; font-size:18px; color:#444} .boxTyPwm01 > p{line-height:22px; font-size:16px; color:#444} .boxTyPwm01 .textIcon{position:relative; margin-top:39px; padding-top:22px; font-size:14px; color:#666} .boxTyPwm01 .textIcon:before{content:""; position:absolute; top:0; left:0; width:13px; height:3px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_seclist.png)no-repeat -10px -121px} /* 신한PWM - 신한PWM윤리강령 */ .seclist03 > li{padding:25px 0; border-bottom:1px solid #dcdcdc} .seclist03 > li > .hpe_divTbl > .divCell{position:relative; width:50%; padding-left:140px; border-left:46px solid transparent} .seclist03 > li > .hpe_divTbl > .divCell.w100{width:100%} .seclist03 > li > .hpe_divTbl > .divCell.w33{width:33.3333%;} .seclist03 > li > .hpe_divTbl > .divCell:first-child{border-left:0} .seclist03 > li > .hpe_divTbl > .divCell > span{display:block; content:""; position:absolute; top:0; left:0; width:100px; height:100px; text-indent:-9999px; background-image:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_corevalue_icon02.png); background-repeat:no-repeat;} .seclist03 > li > .hpe_divTbl > .divCell > dl{min-height:100px} .seclist03 > li > .hpe_divTbl > .divCell > dl > dt{font-size:20px;} .seclist03 > li > .hpe_divTbl > .divCell > dl > dt.color01{color:#5167a7} .seclist03 > li > .hpe_divTbl > .divCell > dl > dt.color02{color:#308ac5} .seclist03 > li > .hpe_divTbl > .divCell > dl > dt.color03{color:#3ba2a5} .seclist03 > li > .hpe_divTbl > .divCell > dl > dt.color04{color:#df6b19} .seclist03 > li > .hpe_divTbl > .divCell > dl > dt.color05{color:#ce4563} .seclist03 > li > .hpe_divTbl > .divCell > dl > dt.color06{color:#71747a} .seclist03 > li > .hpe_divTbl > .divCell > dl > dd{margin-top:5px; font-size:15px; color:#666} .seclist03 > li > .hpe_divTbl > .divCell > .ico01{background-position:0 0} .seclist03 > li > .hpe_divTbl > .divCell > .ico02{background-position:-100px 0} .seclist03 > li > .hpe_divTbl > .divCell > .ico03{background-position:0 -100px} .seclist03 > li > .hpe_divTbl > .divCell > .ico04{background-position:-100px -100px} .seclist03 > li > .hpe_divTbl > .divCell > .ico05{background-position:0 -200px} .seclist03 > li > .hpe_divTbl > .divCell > .ico06{background-position:-100px -200px} /* 신한PWM - 포트폴리오 매니지먼트 */ .seclist04 > li{padding:20px 0; border-bottom:1px solid #dcdcdc} .seclist04 > li > .hpe_divTbl > .divCell{position:relative; width:50%; padding-left:78px; border-left:46px solid transparent} .seclist04 > li > .hpe_divTbl > .divCell.w100{width:100%} .seclist04 > li > .hpe_divTbl > .divCell.w33{width:33.3333%;} .seclist04 > li > .hpe_divTbl > .divCell:first-child{border-left:0} .seclist04 > li > .hpe_divTbl > .divCell > span{display:block; content:""; position:absolute; top:0; left:20px; width:38px; height:40px; text-indent:-9999px; background-image:url(https://image.shinhan.com/rib2017/images/hpe/ico/pw_ico_seclist.png); background-repeat:no-repeat;} .seclist04 > li > .hpe_divTbl > .divCell > dl{min-height:80px} .seclist04 > li > .hpe_divTbl > .divCell > dl > dt.colorTyBlue{color:#2e70c4 !important} .seclist04 > li > .hpe_divTbl > .divCell > dl > dd{margin-top:10px;} .seclist04 > li > .hpe_divTbl > .divCell > .ico01{background-position:-10px -31px} .seclist04 > li > .hpe_divTbl > .divCell > .ico02{background-position:-58px -31px} .seclist04 > li > .hpe_divTbl > .divCell > .ico03{background-position:-10px -74px} .seclist04 > li > .hpe_divTbl > .divCell > .ico04{background-position:-61px -74px} .seclist04 > li > .hpe_divTbl > .divCell > .ico05{width:40px; height:41px; background-position:-10px -119px} .seclist04 > li > .hpe_divTbl > .divCell > .ico06{width:40px; height:41px; background-position:-61px -119px} .seclist04 > li > .hpe_divTbl > .divCell > .ico07{width:40px; height:41px; background-position:-10px -165px} .seclist04 > li > .hpe_divTbl > .divCell > .ico08{width:40px; height:41px; background-position:-61px -165px} .seclist04 > li > .hpe_divTbl > .divCell > .ico09{width:40px; height:41px; background-position:-10px -210px} .seclist04 > li > .hpe_divTbl > .divCell > .ico10{width:40px; height:41px; background-position:-61px -210px} .seclist04 > li > .hpe_divTbl > .divCell > .ico11{width:40px; height:41px; background-position:-10px -253px} .seclist04 > li > .hpe_divTbl > .divCell > .ico12{width:40px; height:41px; background-position:-61px -253px} .seclist04 > li > .hpe_divTbl > .divCell > .ico13{width:40px; height:41px; background-position:-10px -298px} .seclist04 > li > .hpe_divTbl > .divCell > .ico14{width:40px; height:41px; background-position:-61px -298px} .seclist04 > li > .hpe_divTbl > .divCell > .ico15{width:40px; height:41px; background-position:-10px -343px} .seclist04 > li > .hpe_divTbl > .divCell > .ico16{width:40px; height:41px; background-position:-61px -343px} .seclist04 > li > .hpe_divTbl > .divCell > .ico17{width:40px; height:41px; background-position:-10px -389px} .seclist04 > li > .hpe_divTbl > .divCell > .ico18{width:40px; height:41px; background-position:-61px -389px} .seclist04 > li > .hpe_divTbl > .divCell > .ico19{width:40px; height:41px; background-position:-10px -435px} .seclist04 > li > .hpe_divTbl > .divCell > .ico20{width:40px; height:41px; background-position:-61px -435px} /* 신한PWM - PWM전용상품 */ .pwmProduct dl > dt{font-size:28px; line-height:40px; color:#444; text-align:center} .pwmProduct dl > dt > em{color:#6e5038} .pwmProduct dl > dd{margin-top:25px; text-align:center} .pwmProduct dl > dd > p{line-height:25px; font-size:15px; text-align:center} .pwmProduct dl > dd > ul{display:inline-block; margin-top:50px} .pwmProduct dl > dd > ul > li{position:relative; display:inline-block; padding:135px 30px 30px 30px;} .pwmProduct dl > dd > ul > li.yellow{background-color:#faf9ed;} .pwmProduct dl > dd > ul > li.blue{margin-left:40px; background-color:#dcf3f7} .pwmProduct dl > dd > ul > li:before{background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_pwmProduct.png) no-repeat} .pwmProduct dl > dd > ul > li.yellow:before{content:""; position:absolute; top:40px; left:50%; margin-left:-32px; width:64px; height:62px; background-position:0 0} .pwmProduct dl > dd > ul > li.blue:before{content:""; position:absolute; top:40px; left:50%; margin-left:-32px; width:64px; height:62px; background-position:-74px 0} .pwmProduct dl > dd > ul > li > strong{display:block; font-size:18px; font-weight:normal; color:#444; text-align:center} .pwmProduct dl > dd > ul > li > .listDash{text-align:left !important} /* 신한PWM - PB팀장소개 */ .pbcaption{overflow:hidden;padding-bottom:30px;border-top:2px solid #735a45;border-bottom:1px solid #ddd;} .pbcaption.noline{padding-bottom:0px;border:none;} .pbcaption.noline li{margin:10px 0;} .pbcaption li{overflow:hidden;position:relative;float:left; width:33.3%; height:130px;margin-top:30px;box-sizing:border-box; -moz-box-sizing:border-box;border-right:10px solid #fff;} .pbcaption li .photoarea{float:left;width:121px;height:130px;margin-right:20px;background:#f2f2f2;} .pbcaption li .photoarea img{width:121px;height:130px;} .pbcaption li .pbcont{float:left;width:170px;} .pbcaption li .pbcont .name{font-size:16px;color:#444;margin-bottom:10px;} .pbcaption li .pbcont .txt{display:block;margin-bottom:3px;font-size:14px;color:#666;} .pbcaption li .pbcont .btnTyGray01{position:absolute;top:98px;left:141px;} /* 신한PWM - PB팀장소개 팝업 */ .pbintroduce{overflow:hidden;padding-bottom:30px;} .pbintroduce li{overflow:hidden;position:relative;float:left; width:100%;border-bottom:1px solid #ddd;padding:15px 0 10px;} .pbintroduce li:first-child{padding-top:0px;border-color:#666;} .pbintroduce li .photoarea{float:left;width:121px;height:130px;margin-right:20px;background:#f2f2f2;} .pbintroduce li .photoarea img{width:121px;height:130px;} .pbintroduce li .pbcont{float:left;width:285px;} .pbintroduce li .pbcont dt{margin-bottom:12px;} .pbintroduce li .pbcont dt .name{position:relative;display:block;font-size:16px;color:#6e5038;margin-bottom:10px;padding-left:8px;} .pbintroduce li .pbcont dt .name:before{content:"";display:inline-block;position:absolute;top:1px;left:0px;width:3px;height:16px;background:#735a45;} .pbintroduce li .pbcont dt .job{display:inline-block;position:relative;color:#444;} .pbintroduce li .pbcont dt .job.blt{margin-left:6px;padding-left:6px;} .pbintroduce li .pbcont dt .job.blt:before{content:"";display:inline-block;position:absolute;top:1px;left:0px;width:1px;height:12px;background:#ccc;} .pbintroduce li .pbcont .txt{display:block;font-size:14px;color:#666;} .pbintroduce li .pbcont pre span{line-height:22px;} .pbintroduce li.carrer .pbcont{float:none;} .pbintroduce li.carrer dt{float:left;width:20%;font-weight:bold;font-size:16px;box-sizing:border-box; -moz-box-sizing:border-box;border-right:10px solid #fff;} .pbintroduce li.carrer dd{float:left;width:80%;} .pbintroduce li.carrer dd .txt{margin-bottom:4px;} /* 신한PWM - PWM고객추천프로그램 */ .pwmprogram .btnMap{display:block; width:30px; height:30px; text-align:center; border:1px solid #ccc; background-color:#fff; border-radius:2px} .pwmprogram .btnMap > span{display:inline-block; width:12px; height:16px; margin-top:6px; line-height:30px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pw_ico_seclist.png) no-repeat -10px -10px} .pwmprogram .stepCP:after{top:40%;} /* ------- 신한PWM 끝 ------- */ /* ------- 신한프리미어 시작 ------- */ /* location 수정 */ .PR #path .location .depth > em{max-width:none;} /* 상단패딩 수정*/ .PR #contents{padding-top:144px} .PR #screenWrap{top:175px;} .PR #contents .pageTop{padding:0 0 20px 0; height:80px; line-height:80px} .PR #contents .pageTop .wrapInner{border-bottom:0 none;} .PR #contents .pageTop .wrapInner:before{content:""; position:absolute; top:224px; left:0; display:block; width:100%; height:1px; background:#dcdcdc;} .PR #contents .pageCon > .tabTy01{margin-top:20px} .PR.hidePath #hpe_head{border-bottom:1px solid #dad6d0;} .PR.hidePath #contents{padding-top:104px;} .PR.hidePath #contents .pageTop .wrapInner:before{top:184px;} /* 신한프리미어 - 상단박스 */ .premIntTop{position:relative; min-height:160px;border-bottom:3px solid #bed1e1;} .premIntTop dl dt{padding:18px 0 11px 0; font-size:28px; color:#333;} .premIntTop dl dt em{color:#835e16} .premIntTop dl dd p{font-size:16px; line-height:25px;} .premIntTop .icon{display:block; position:absolute; top:0px; right:40px; width:230px; height:150px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico.png) no-repeat;} .premIntTop .premIcon01{background-position:0 0} .premIntTop .premIcon02{background-position:-230px 0} .premIntTop .premIcon03{background-position:-460px 0} .premIntTop .premIcon04{background-position:-690px -10px} .premIntTop .premIcon05{background-position:-10px -150px} .premIntTop .premIcon06{background-position:-230px -150px} .premIntTop .premIcon07{background-position:-690px -150px} .premIntTop .premIcon08{background-position:-460px -150px} .premIntTop .premIcon09{background-position:-230px -300px} .premIntTop .premIcon10{background-position:-10px -300px} .premIntTop .premIcon11{background-position:-460px -300px} /* 신한프리미어 - 테이블공통 */ .PR .w2tb.tableTyInfo{border-top:1px solid #666 !important;} .PR .w2tb.tableTyInfo .w2tb_th{color:#444;} .PR .w2tb.tableTyInfo .w2tb_td{color:#666;} .PR .w2tb.tableTyInfo .w2tb_th, .PR .w2tb.tableTyInfo .w2tb_td{border-width: 0px 1px 1px;} .PR .w2tb.tableTyInfo tfoot .w2tb_td{background:#f1f7fb; font-weight:bold} .PR .tableTyBoard.bdone{border-top:1px solid #666; margin-top:50px} .PR .tableTyBoard.bdone tbody .w2tb_th{background-color:#fff !important; color:#444} .PR .tableTyBoard.bdone tbody .w2tb_td{color:#777} .PR .tableTyBoard.bdone .w2anchor2{color:#444} .PR .tableTyBoard.bdone tbody .w2tb_th, .PR .tableTyBoard.bdone tbody .w2tb_td{border-width:0 0 1px 0 !important;} .PR .w2tb.tableTyBoard{border-top:2px solid #735a45;} .PR .tableTyOutput{border-top-color:#a77e2f} .PR .tableTyOutput .w2tb_th{color:#444} .PR .tableTyInput{border-top-color:#a77e2f} .PR .tableTyInput .w2tb_th{color:#444} .PR .tableTySearch{border-top:2px solid #a77e2f} .PR .tableTySearch tbody .w2tb_th{color:#444} .PR .tableTySearch + .btnAreaBot{border-bottom:none; background-color:#fff} /* 신한프리미어 - 버튼변경 */ .PR .btnTyBlue02{border:1px solid #a77e2f;background-color:#a77e2f;} .PR .btnTyBlue02:before, .PR .btnTyBlue02:after{width:;} .PR .btnTyGray02{border:1px solid #888888;background-color:#888888;} .PR .btnTyGray03{border:1px solid #616367;background-color:#616367;} .PR input[type="radio"]:checked + label:before{background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_input_radio_checked_pr.png) no-repeat 0 0 !important;} .PR .btnTySky01{border:1px solid #a77e2f; background-color:#a77e2f;} /* 신한프리미어 - 그리드 공통 */ .PR .w2grid.gridTyDefault{margin-top:10px;border-top:2px solid #a77e2f;border-bottom:1px solid #ddd;} .PR .w2grid.gridTyDefault .gridHeaderTDDefault{color:#444} /* 신한프리미어 - 텍스트 공통 */ .PR .titH01{font-size:34px !important; color:#333 !important} .PR .titH02{margin-top:10px;margin-bottom:20px;} .PR .titH02 + .titH03{margin-top:30px;} .PR .titH03.blue{font-size:18px; font-weight:normal; color:#3579d4;} .PR .bulTy01:before{background-color:#a77e2f;} /* 신한프리미어 - 레이어팝업 공통 */ .PR .w2window_header{background-color:#a77e2f;} .PR .detailPop .titH02{margin-bottom:15px; font-weight:bold; color:#444} .PR .detailPop .tabTy01{border-bottom:1px solid #e5e5e5;} .PR .detailPop .tabTy01 li{border-color:#e5e5e5;} .PR .detailPop .tabTy01 li.on a{height:39px; color:#fff} /* 신한프리미어 - 탭 공통 */ .PR .multiBtn ul > li.select{background-color:#605f64;} .PR .tabTy01:after{background-color:#e5e5e5} .PR .tabTy01 li a{background-color:#fff; border-color:#e5e5e5} .PR .tabTy01 li.on{background-color:#536172; border-color:#536172 !important} .PR .tabTy01 li.on:after{background-color:#536172;} .PR .tabTy01 li.on a{background-color:#605f64; border-color:#605f64} .PR .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{background-color:#fff; border-color:#e5e5e5} .PR .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{background-color:#605f64; border-color:#605f64} .PR .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{border-color:#e5e5e5} /* 신한프리미어 - 페이징 공통 */ .PR .normal_pag .w2pageList_li_label a.w2pageList_label_selected,.PR .normal_pag .w2pageList_li_label a.w2pageList_label_over, .PR .normal_pag .w2pageList_li_label a.on,.PR .normal_pag .w2pageList_li_label a:hover{background:#a77e2f;color:#fff; border-radius:1px;} /* 신한프리미어 - 소개 */ .prInfoBox{padding:40px; background-color:#fefaf2} .boxLifeStory, .boxBalance, .boxWealth{position:relative; min-height:104px; padding-left:149px} .boxLifeStory:before, .boxBalance:before, .boxWealth:before{content:""; position:absolute; left:0; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) no-repeat} .boxLifeStory:before{width:116px; height:104px; background-position:-10px -10px} .boxBalance:before{width:110px; height:104px; background-position:-136px -10px} .boxWealth:before{width:110px; height:96px; background-position:-10px -580px} .boxLifeStory strong, .boxBalance strong, .boxWealth strong{display:block; line-height:30px; font-size:28px; font-weight:normal; color:#444;} .boxLifeStory strong > em, .boxBalance strong > em, .boxWealth strong > em{font-size:18px; color:#835e16} .boxLifeStory strong > p, .boxBalance strong > p, .boxWealth strong > p{margin-top:16px} .boxBalance{margin-top:40px} .boxWealth{margin-top:40px} .prBrand{position:relative; padding-top:120px; text-align:center} .prBrand strong{display:block; font-size:20px; font-weight:normal; color:#835e16} .prBrand strong:after{content:""; position:absolute; top:10px; left:50%; margin-left:-40px; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) no-repeat} .prBrand .ico01:after{background-position:-256px -10px} .prBrand .ico02:after{background-position:-346px -10px} .prBrand .ico03:after{background-position:-436px -10px} .prBrand p{margin-top:10px} .boxBid{position:relative; padding:30px; border:1px solid #ddd} .boxBid img{display:inline-block; position:absolute; top:50%; left:50px; margin-top:-28px} .boxBid .descLogo{display:inline-block; margin-left:306px;} .boxBid .descLogo > dt{font-size:18px; color:#835e16} .boxBid .descLogo > dd{margin-top:10px} .infoBanner.prem .innerICon01{width:33.333%} .infoBanner.prem span{font-size:18px; color:#835e16} .infoBanner.prem p{margin-top:14px} .infoBanner.prem .innerICon01:after, .infoBanner.prem .innerICon02:after, .infoBanner.prem .innerICon03:after{content:""; position:absolute; top:0; right:60px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist02.png) no-repeat} .infoBanner.prem .innerICon01:after{width:38px; height:40px; background-position:-10px -10px} .infoBanner.prem .innerICon02:after{width:36px; height:38px; background-position:-55px -10px} .infoBanner.prem .innerICon03:after{width:40px; height:40px; right:0; background-position:-96px -10px} .thumnList{overflow:hidden} .thumnList li{float:left; margin-left:20px;} .thumnList li:first-child{margin-left:0} .thumnList li > span{display:block; width:230px; height:150px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_prthumnList.png) no-repeat} .thumnList li > .thumn01{background-position:0 0} .thumnList li > .thumn02{background-position:-250px 0} .thumnList li > .thumn03{background-position:-500px 0} .thumnList li > .thumn04{background-position:-750px 0} /* 신한프리미어 - 대상고객 */ .topsBox{position:relative; min-height:98px; padding-left:99px} .topsBox:after{content:""; position:absolute; top:0; left:0; width:64px; height:98px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) no-repeat -10px -124px} .topsBox strong{display:block; padding-top:5px; font-size:20px; color:#444} .dualBox{display:table; width:100%} .dualBox li{display:table-cell; width:50%; position:relative; padding-left:20px;} .dualBox li:first-child{padding-left:0} .dualBox li > .prBrand{padding:100px 30px 30px 30px; border:1px solid #ddd; text-align:center;} .dualBox li > .prBrand > strong{display:block; font-size:18px; font-weight:normal; color:#835e16} .dualBox li > .prBrand > strong:after{content:""; position:absolute; top:30px; left:50%; margin-left:-29px; width:57px; height:50px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist02.png) no-repeat} .dualBox li > .prBrand > .ico01:after{background-position:-141px -10px} .dualBox li > .prBrand > .ico02:after{background-position:-203px -10px} .lineBot{margin-top:10px; padding:0 30px; border:1px solid #ddd} .lineBot > li{position:relative; padding:30px 0; border-top:1px solid #ddd} .lineBot > li:first-child{border:none} .lineBot > li > strong{font-size:16px; color:#444} .lineBot > li > p{margin-top:10px;} .lineBot > li > a{position:absolute; top:50%; right:0; margin-top:-15px} /* 신한프리미어 - 웰컴프리미어 */ .pr_dlTypeBox ul:after{content:""; display:block; clear:both;} .pr_dlTypeBox ul li{float:left; width:320px; min-height:178px; padding:25px; border:1px solid #e6e6e6; margin-left:10px; box-sizing:border-box;} .pr_dlTypeBox ul li:first-child{margin-left:0;} .pr_dlTypeBox ul li strong{display:block; padding:4px 0 12px 0; font-size:18px; color:#835e16; font-weight:normal;} .pr_dlTypeBox ul li p{line-height:22px;} .pr_imgListBox{padding-top:50px;} .pr_imgListBox.pt0{padding-top:0px;} .titH02 +.pr_imgListBox{padding-top:0;} .pr_imgListBox > li{position:relative; padding:19px; border:1px solid #e6e6e6; border-top:0 none;} .pr_imgListBox > li:after{content:""; display:block; clear:both;} .pr_imgListBox > li:first-child{border-top:1px solid #e6e6e6;} .pr_imgListBox > li .imgLeft{float:left; width:155px; height:123px; border:1px solid #e6e6e6; background:#eee;} .pr_imgListBox > li .imgLeft img{width:155px; height:123px;} .pr_imgListBox > li .textRight{float:left; width:563px; margin-left:20px;} .pr_imgListBox > li .textRight > strong{display:block; padding-bottom:15px; font-size:16px;} .pr_imgListBox > li .textRight > a{display:inline-block;padding-bottom:15px; font-size:16px;font-weight:bold;color:#343434;} .pr_imgListBox > li .textRight > p{padding-bottom:9px; line-height:22px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .pr_imgListBox > li .textRight p + .listDash{margin-top:0;} .pr_imgListBox > li .textRight > .listDash li{width:580px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .pr_imgListBox > li .btns{position:absolute; bottom:20px; right:20px;} .pr_imgListBox > li .btns a{margin-left:5px;} .pr_imgListBox > li .btnAreaBot{clear:both; padding-top:30px; margin-top:0;} .pr_imgListBox > li .btnAreaBot a{background:#666; height:36px; line-height:36px; color:#fff; border:0 none;} .pr_compBox{position:relative; padding:38px 20px 38px 140px; border:1px solid #ddd;} .pr_compBox dt{padding-bottom:13px; font-size:20px; color:#735a45;} .pr_compBox dd p{line-height:22px;} .pr_compBox .icon{display:block; position:absolute; top:44px; left:50px; width:61px; height:71px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) no-repeat -84px -124px;} .pr_compBox dt.recolor{color:#444;} .pr_compBox dt.recolor em{color:#835e16;} /* 신한프리미어 - 매거진 */ .pr_magazineBox{position:relative; height:658px; padding:69px 0 0 78px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/bg_prMagazine.gif) repeat; box-sizing:border-box;} .pr_magazineBox > strong{display:block; padding-bottom:5px; color:#343434; font-size:28px; font-weight:normal;} .pr_magazineBox > strong span{font-size:50px;} .pr_magazineBox > strong+p{color:#343434;} .pr_magazineBox .date{padding:20px 0 30px 0; font-size:30px; color:#343434;} .pr_magazineBox .btnTyGray02, .prGrayBtn{background:#666; height:36px; line-height:36px; color:#fff; border:0 none;} .pr_magazineBox .btnTyGray02:before, .pr_magazineBox .btnTyGray02:after{width:15px!important;} .pr_magazineBox .bg{display:block; position:absolute; top:86px; right:79px; width:445px; height:194px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/pr_magazineMan.png) no-repeat;} .pr_magazineBox .pr_magazineBoxIn{position:relative; width:830px; min-height:300px;} .pr_magazineBox ul{padding-top:61px;} .pr_magazineBox ul:after{content:""; display:block; clear:both;} .pr_magazineBox ul li{float:left; width:200px; height:240px; margin-left:10px; background:#fff;} .pr_magazineBox ul li:first-child{margin-left:0;} .pr_magazineBox ul li a{display:block;} .pr_magazineBox ul li .img{height:130px; background:#ededed;} .pr_magazineBox ul li .img img{width:200px; height:130px;} .pr_magazineBox ul li .title{padding:21px 20px 10px 20px; font-weight:bold;} .pr_magazineBox ul li .title span{font-size:16px; color:#343434; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .pr_magazineBox ul li .desc{padding:0 20px;} .pr_magazineBox ul li .desc span{line-height:22px; color:#343434;} .pr_borderTop{padding-top:30px; border-top:1px solid #e6e6e6;} .pr_magazineBox .noDataInfo{background:url(https://image.shinhan.com/rib2017/images/hpe/common/bg_prMagazine.gif) repeat!important;} /* 신한프리미어 - 프리미어 우대프로그램 */ .pr_adminEdit{min-height:300px; padding:20px; border:1px solid #e6e6e6; border-top:0 none;} .pr_couponBox{position:relative; margin:auto; width:814px; height:274px;} .pr_couponBox img{max-width:100%; max-height:100%;} /* 신한프리미어 - TopsClub셀프 계산기 */ .sumBox{padding:15px 0; text-align:center; background-color:#f6f2ed} .boxTyGray06.prem > ol > li{margin-top:5px; font-size:13px;} .boxTyGray06.prem > ol > li:first-child{margin-top:0} .boxTyGray06.prem > p{margin-top:5px; font-size:13px} .iptSet{position:relative; padding-right:16px} .iptSet input{width:100% !important} .iptSet span{position:absolute; top:5px; right:0} .iptSet.usd{padding-right:32px} /* 신한프리미어 - 종합자산관리서비스 */ .wealthUlBox{margin-top:50px; border-top:1px solid #ddd; border-left:1px solid #ddd;} .wealthUlBox:after{content:""; display:block; clear:both;} .wealthUlBox > li{position:relative; float:left; width:50%; height:151px; padding:35px 0 35px 160px; box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .wealthUlBox > li strong{display:block; padding-bottom:12px; font-size:18px; color:#835e16; font-weight:normal;} .wealthUlBox > li .desc{line-height:22px;} .wealthUlBox > li .icon{position:absolute; top:32px; left:40px; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) no-repeat;} .wealthUlBox > li.list1 .icon{background-position:-346px -10px;} .wealthUlBox > li.list2 .icon{background-position:-253px -124px; width:84px;} .wealthUlBox > li.list3 .icon{background-position:-256px -10px;} .wealthUlBox > li.list4 .icon{background-position:-347px -10px;} .wealthDigBox{padding:40px; margin-top:50px; background:#fefaf2;} .wealthDigBox:after{content:""; display:block; clear:both;} .wealthDigBox .leftSide{float:left;} .wealthDigBox .leftSide > strong{font-size:28px; color:#444; font-weight:normal;} .wealthDigBox .leftSide > p{font-size:16px; color:#835e16; font-weight:bold;} .wealthDigBox .leftSide >.listDash li{padding-bottom:5px;} .wealthDigBox .leftSide >.listDash li p{color:#666;} .wealthDigBox .rightSide{float:right; width:297px; height:241px; margin-bottom:40px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) -10px -232px no-repeat;} .wealthDigBox .bottomSide{clear:both; border-top:1px solid #efebe0;} .wealthDigBox .bottomSide > ul:after{content:""; display:block; clear:both;} .wealthDigBox .bottomSide > ul > li{position:relative; float:left;} .wealthDigBox .bottomSide > ul > li:before{content:""; display:block; position:absolute; top:86px; left:20px; width:37px; height:37px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) -526px -30px no-repeat;} .wealthDigBox .bottomSide > ul > li.list1{padding:40px 0 0 10px;} .wealthDigBox .bottomSide > ul > li.list1:before{display:none;} .wealthDigBox .bottomSide > ul > li.list1 p{width:136px; height:56px; line-height:56px; border:2px solid #d2cbb6; border-radius:30px; text-align:center; color:#635e4e; font-weight:bold;} .wealthDigBox .bottomSide > ul > li.list1 p:first-child{margin-bottom:10px;} .wealthDigBox .bottomSide > ul > li.list2{padding:42px 0 0 77px;} .wealthDigBox .bottomSide > ul > li.list2 .listDash{padding:25px 60px 25px 25px; border:2px solid #d2cbb6;} .wealthDigBox .bottomSide > ul > li.list3, .wealthDigBox .bottomSide > ul > li.list4{padding:55px 0 0 77px;} .wealthDigBox .bottomSide > ul > li.list3 p, .wealthDigBox .bottomSide > ul > li.list4 p{width:136px; height:96px; padding-top:27px; border:2px solid #d2cbb6; border-radius:46px; text-align:center; color:#635e4e; font-weight:bold; line-height:22px; box-sizing:border-box;} .wealthDigBox .bottomSide > ul > li.list4 p{padding-top:37px;} /* 신한프리미어 - 대상고객 */ .lineBot.profile{padding:0; border:none} .lineBot.profile .proBox{overflow:hidden; min-height:130px;} .lineBot.profile .proBox .person{float:left; position:relative; width:50%} .lineBot.profile .proBox .person > img{position:absolute; top:0; left:0; width:120px; height:130px;} .lineBot.profile .proBox .person > .cont{padding-left:140px} .lineBot.profile .proBox .person > .cont > strong{font-size:16px; color:#444} .lineBot.profile .proBox .person > .cont > p{margin-top:5px; line-height:22px} .PR .confirmBox .boxBot{position:relative;} .PR .confirmBox .boxBot strong{display:block; padding-bottom:10px; font-size:16px; color:#444;} .PR .confirmBox .boxBot .btnTyGray01{position:absolute; top:50%; right:0; margin-top:-10px;} /* 프리미어 포트폴리오 */ .prlist{overflow:hidden;} .prlist li{position:relative;width:100%;_min-height:150px;float:left;overflow:hidden;border-bottom:1px solid #dcdcdc;} .prlist.w100 li{width:100%;height:auto !important;padding-bottom:40px;overflow:hidden;} .prlist dl{margin:30px 20px 30px 110px;} .prlist dt{font-size:20px;color:#444;margin-bottom:10px; font-weight:bold} .prlist .icoarea{position:absolute;top:40px;left:0px;width:80px;height:80px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/pr_ico_seclist01.png) no-repeat -10px -490px;} .prlist .icoarea.ico01{background-position:-10px -490px;} .prlist .icoarea.ico02{background-position:-100px -490px;} .prlist .icoarea.ico03{background-position:-190px -490px;} /* 프리미어 금융우대 */ .prgroupbox{overflow: hidden;border:1px solid #ddd;box-sizing:border-box; -moz-box-sizing:border-box;} .prgroupbox .boxCell{float:left;width:33.33%;height:180px;border-left:1px solid #ddd;box-sizing:border-box; -moz-box-sizing:border-box;} .prgroupbox .boxCell:first-child{border:none;} .prgroupbox .boxCell .listDash{margin-left:30px;} .prgroupbox .boxCell .textNor{font-weight:bold;font-size:16px; color:#444; margin-left:30px;} .prgroupbox.w100p .boxCell{width:100%;} /* ------- 신한프리미어 끝 ------- */ /* 은행소개 - 영문 start */ .EN .bulTy01:before{background-color:#2d71c4;} .EN .titH03.BI.blue, .EN .colorTyBlue{color:#2d71c4;} .EN .orgWrap{min-height:800px;} .EN .orgWrap .fir > p{width:170px;} .EN .orgWrap .fir > p:before{left:85px;} .EN .orgWrap .sec > ul > li{margin:0 10px;} .EN .orgWrap .sec > ul > li > p{width:170px;} .EN .orgWrap .sec > ul > li > p:before{left:-20px; width:20px;} .EN .orgWrap .sec > ul > li.centerLi > .bigBox{padding:25px 13px 10px 13px;} .EN .orgWrap .sec > ul > li.centerLi > .bigBox > li{width:300px; margin:0 7px 15px 7px;} .EN .orgWrap .sec > ul > li.centerLi > .bigBox > li > p{width:300px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox{top:604px; left:50%; margin-left:-75px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li{margin-bottom:32px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li p{height:auto; padding:11px 0; line-height:22px; font-size:16px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li dl{width:190px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox1{top:15px; left:-250px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox1:before{width:59px; right:-59px;} .EN .orgWrap .sec > ul > li.centerLi > .grayBox{top:580px;} .EN .orgWrap .sec > ul > li.centerLi > .grayBox p{width:150px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2{top:110px; width:150px;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2 dd{padding:10px 0;} .EN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2 .line:before{top:65px;} .EN .corevalue02 > ul > li{width:100px;} .EN .corevalue02 > ul > li > span{white-space:nowrap;} .EN .corevalue02 > ul> li > span:before{left:50%;margin-left:-50px;} .EN .boxTyGray02.hand em{display:block;margin:20px 0;font-size:26px;color:#333;} .EN .corevalue > li dd .listNor .tit{vertical-align:top;} .EN .visionWrap .slogan{width:auto;height:auto;text-indent:0px;text-align:center;background:none;} .EN .visionWrap .slogan.slotx01{font-size:30px;color:#333;} .EN .visionWrap .slogan.slotx02{font-size:36px;color:#333;font-weight:bold;} .EN .multiBtn ul > li > a{line-height:20px;padding:10px 0;} .EN .multiBtn.sixtab ul > li{width:16.6%;} .EN .boxTyGray06.boxBg strong{width:150px;height:100px;margin-top:-50px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) no-repeat} .EN .boxTyGray06.boxBg .logoTy01{background-position:0 -176px} .EN .boxTyGray06.boxBg .logoTy02{left:10px;width:190px;background-position:-150px -176px} .EN .boxTyGray06.boxBg .logoTy03{background-position:-340px -176px} .EN .boxTyGray06.boxBg .logoTy04{background-position:-490px -176px} .EN .boxTyGray06.boxBg .logoTy05{background-position:-640px -176px} .EN .boxTyGray06.boxBg .logoTy06{background-position:-790px -176px} .EN .boxTyGray06.boxBg .logoTy07{background-position:0 -276px} .EN .boxTyGray06.boxBg .logoTy08{left:10px;width:190px;background-position:-150px -276px} .EN .boxTyGray06.boxBg .logoTy09{background-position:-340px -276px} .EN .boxTyGray06.boxBg .logoTy10{background-position:-490px -276px} .EN .boxTyGray06.boxBg .logoTy11{background-position:-640px -276px} .EN .boxTyGray06.boxBg .logoTy12{left:10px;width:190px;background-position:-790px -276px} .EN .buildUpOperation{width:100%;height:551px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_monitoring_system_en.png) no-repeat;} .EN .bgNor{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) no-repeat -10px -714px} .EN .globalComp > li strong{width:155px; height:65px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) no-repeat;} .EN .globalComp > li.list1 strong{background-position:-330px -1480px;} .EN .globalComp > li.list2 strong{background-position:-330px -1551px;} .EN .globalComp > li.list3 strong{background-position:-330px -1621px;} .EN .globalComp > li.list4 strong{background-position:-330px -1691px;} .EN .globalComp > li ol{width:735px;} .EN .globalComp > li.list1 ol{margin-top:5px;} .EN .globalComp > li.list2 ol{margin-top:-25px;} .EN .globalComp > li.list3 ol{margin-top:-10px;} .EN .globalComp > li.list4 ol{margin-top:15px;} .EN .bgCi2{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) -10px -1466px no-repeat} .EN .sloganIr{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) -410px -1230px no-repeat;} .EN .imgBoxMission{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) -10px -404px no-repeat;} /* .EN .logoType01{width:175px; height:38px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_en_01.png) no-repeat;} .EN .logoType03{width:182px; height:41px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_en_02.png) no-repeat;} .EN .logoType04{width:183px; height:51px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_en_03.png) no-repeat;} .EN .logoType07{width:127px; height:90px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_en_04.png) no-repeat;} .EN .logoType08{width:119px; height:98px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_en_05.png) no-repeat;} */ .EN .bankIntTop .icon{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_en.png) no-repeat;} .EN .bankIntTop .cnIcon01{background-position:0 0;} .EN .bankIntTop .cnIcon02{background-position:-230px 0;} .EN .bankIntTop .cnIcon03{top:45px;background-position:-460px 0;}/* 사용하는 화면 없음 */ .EN .bankIntTop .cnIcon04{background-position:-690px 0;} .EN .en_dlBox{position:relative; padding:15px 40px 15px 110px; margin-top:15px; border:1px solid #e6e6e6;} .EN .en_dlBox strong{position:absolute; top:25px; left:25px; display:block; font-size:16px; color:#2d71c4;} .EN .en_dlBox ul{} .EN .en_dlBox ul:after{content:""; display:block; clear:both;} .EN .en_dlBox ul li{position:relative; float:left; width:200px; padding:10px 0; margin-left:75px;} .EN .en_dlBox ul li a{display:block;} .EN .en_dlBox ul li a:before{content:""; position:absolute; top:13px; right:0; display:inline-block; width:5px; height:9px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) -330px -383px no-repeat;} .EN .gotoBox{border:1px solid #dcdcdc;} .EN .gotoBox:after{content:""; display:block; clear:both;} .EN .gotoBox li{float:left; width:25%; padding:20px; box-sizing:border-box; border-left:1px solid #dcdcdc;} .EN .gotoBox li:first-child{border-left:0 none;} .EN .gotoBox li strong{display:block; padding-bottom:10px; font-size:15px; color:#343434;} .EN .gotoBox li p{height:75px; line-height:22px;} .EN .gotoBox li a{font-size:13px; color:#2d71c4; font-weight:bold;} .EN .gotoBox li a:after{content:""; display:inline-block; width:22px; height:8px; margin-left:10px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_en.png) -345px -383px no-repeat;} /* ***************** IR FAQ - BI03003RM00 ***************** */ .EN .en_tabBox {} .EN .en_tabBox .item:first-child {margin-left:0;} .EN .en_tabBox .item {position:relative; display:inline-block; text-align:center; height:140px; width:140px; margin-left:24px; border:1px solid #dcdcdc; border-radius:70px; -ms-border-radius:70px; -mz-border-radius:70px; -webkit-border-radius:70px; } .EN .en_tabBox .item .txt {display:inline-block; position:absolute; top:85px; left:0; right:0; text-align:center;} .EN .en_tabBox .item .txt:before {display:inline-block; content:""; position:absolute; top:-65px; left:50%; margin-left:-28px; width:56px; height:56px; overflow:hidden; text-align:left;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/ico_ir_faq.png) no-repeat 0 0;} .EN .en_tabBox .item.ico1 .txt:before {background-position:-4px 0;} .EN .en_tabBox .item.ico2 .txt:before {background-position:-154px 0;} .EN .en_tabBox .item.ico3 .txt:before {background-position:-304px 0;} .EN .en_tabBox .item.ico4 .txt:before {background-position:-454px 0;} .EN .en_tabBox .item.ico5 .txt:before {background-position:-604px 0;} .EN .en_tabBox .item.ico6 .txt:before {background-position:-754px 0;} .EN .en_tabBox .item.txtRow1 .txt {padding-top:8px;} .EN .en_tabBox .item.on {background:#ebf2fc; border-color:#ebf2fc;} .EN .en_tabBox .item.on .txt {color:#3579d4; font-weight:bold;} /* 카테고리 */ .EN .en_cateBox {margin-top:30px; position:relative;} .EN .en_cateBox.on {display:block;} .EN .en_cateBox:before {display:block; position:absolute; content:""; left:0; right:0; bottom:0; height:1px; background:#dcdcdc;} .EN .en_cateBox:after {content:""; display:block; clear:both;} .EN .en_cateBox .item {float:left; display:inline-block; position:relative; padding:0 20px 5px; border-bottom:2px solid transparent; } .EN .en_cateBox .item:hover .txt { color:#3579d4;} .EN .en_cateBox .item a .txt{text-decoration:none !important;} .EN .en_cateBox .item.on {border-bottom-color: #3579d4} .EN .en_cateBox .item.on .txt {font-weight:bold; color:#3579d4;} /* 아코디언 */ .EN .en_accordBox {border-top:2px solid #3579d4; margin-top:30px;} .EN .en_accordBox .item .en_accordTit .en_stit1:before, .EN .en_accordBox .item:before {position:absolute; content:""; display:block; right:0; top:0; overflow:hidden; width:50px; height:50px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/ico_ir_faqBtn.png) no-repeat 0 0;} .EN .en_accordBox .item:before { background-position:0 -100px;} .EN .en_accordBox .item.on:before {background-position:0 -150px;} .EN .en_accordBox .item.on .en_accordDetail{display:block;} .EN .en_accordBox .item {position:relative;} .EN .en_accordBox .item .en_accordTit:after {content:""; display:block; clear:both;} .EN .en_accordBox .item .en_accordTit {display:table; width:100%; border-bottom:1px solid #ddd;} .EN .en_accordBox .item .en_accordTit span {display:table-cell; height:20px; line-height:20px; padding:15px 5px; vertical-align:middle; overflow:hidden; line-height:130%;} .EN .en_accordBox .item .en_accordTit .en_stit1 {width:50px; text-indent:-9999px; overflow:hidden; text-align:left; position:relative;} .EN .en_accordBox .item .en_accordTit .en_stit1:before {left:0;} .EN .en_accordBox .item .en_accordTit .en_stit2 {padding-right:50px;} .EN .en_accordBox .item .en_accordDetail{display:none; background:#fff; padding:20px; line-height:140%; min-height:100px;border-bottom:1px solid #c9d5e2; } .EN .en_accordBox .item .en_accordDetail .en_sbody {} .EN .en_accordBox .item .en_accordDetail .en_sfile {margin-top:10px;} .EN .en_accordBox .item .en_accordDetail .en_sfile .en_sfiledown {display:inline-block; margin-right:20px; text-decoration:underline; cursor:pointer;} .EN .en_accordBox .item .en_accordDetail .en_sfile .btnTyBoard {} /* 툴팁 */ .en_btnTooltip {margin:-20px 10px 20px; text-align:right;} .en_btnTooltip .en_linkTxt {display:inline-block; position:relative;} .en_btnTooltip .en_linkTxt:before {content:""; display:inline-block; width:25px; height:15px; position:absolute; left:-25px; top:2px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/ico_ir_mail.png) no-repeat 0 0;} .en_btnTooltip .en_linkTxt a {display:inline-block; position:relative; color:#333; font-size:12px; border-bottom:1px solid #333;} .en_btnTooltip .en_linkTxt a:before {content:">"; display:inline-block; width:10px; height:15px; position:absolute; right:-10px; top:0} .EN.enmainpop{} .EN.enmainpop .mt3{margin-top:3px;} .EN.enmainpop .imgarea{float:left;width:214px;height:137px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/bg_mainpopleftbg.png) no-repeat;} .EN.enmainpop .rightarea{float:left;margin-left:20px;} .EN.enmainpop .topslide{overflow:hidden;} .EN.enmainpop .section{padding:15px 0px;border-top:1px solid #dcdcdc;} .EN.enmainpop .section:first-child{border-top:none;padding-top:0px;} .EN .ceoprofile .leftarea{width:55%;background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_ceoprofile_boximg19.png) right top 45px no-repeat;} .EN .ceoprofile .rightarea{width:45%;} .EN .stepCP:after{top:45%;} /* 은행소개 - 영문 end */ /* 은행소개 - 중문 start */ .CN .bulTy01:before{background-color:#b23232;} .CN .titH03.BI.blue, .CN .colorTyBlue{color:#b23232 !important;} .CN .listDot.hpeNum > ul > li:before, .CN .listDot.hpeNum > ol > li:before{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/global_ico_numgray.png) no-repeat;} .CN .listDot.hpeNum > ul > li.num01:before, .CN .listDot.hpeNum > ol > li.num01:before{background-position:-10px -10px} .CN .listDot.hpeNum > ul > li.num02:before, .CN .listDot.hpeNum > ol > li.num02:before{background-position:-40px -10px} .CN .listDot.hpeNum > ul > li.num03:before, .CN .listDot.hpeNum > ol > li.num03:before{background-position:-70px -10px} .CN .listDot.hpeNum > ul > li.num04:before, .CN .listDot.hpeNum > ol > li.num04:before{background-position:-100px -10px} .CN .listDot.hpeNum > ul > li.num05:before, .CN .listDot.hpeNum > ol > li.num05:before{background-position:-130px -10px} .CN .listDot.hpeNum > ul > li.num06:before, .CN .listDot.hpeNum > ol > li.num06:before{background-position:-160px -10px} .CN .listDot.hpeNum > ul > li.num07:before, .CN .listDot.hpeNum > ol > li.num07:before{background-position:-190px -10px} .CN .listDot.hpeNum > ul > li.num08:before, .CN .listDot.hpeNum > ol > li.num08:before{background-position:-220px -10px} .CN .listDot.hpeNum > ul > li.num09:before, .CN .listDot.hpeNum > ol > li.num09:before{background-position:-250px -10px} .CN .listDot.hpeNum > ul > li.num10:before, .CN .listDot.hpeNum > ol > li.num10:before{background-position:-280px -10px} .CN .listDot.hpeNum > ul > li.num01:before, .CN .listDot.hpeNum > ol > li.num01, .CN .listDot.hpeNum > ul > li.num03:before, .CN .listDot.hpeNum > ol > li.num03, .CN .listDot.hpeNum > ul > li.num05:before, .CN .listDot.hpeNum > ol > li.num05, .CN .listDot.hpeNum > ul > li.num07:before, .CN .listDot.hpeNum > ol > li.num07, .CN .listDot.hpeNum > ul > li.num09:before, .CN .listDot.hpeNum > ol > li.num09{clear:both;} .CN .orgWrap .fir > p{width:170px;} .CN .orgWrap .fir > p:before{left:85px;} .CN .orgWrap .sec > ul > li{margin:0 10px;} .CN .orgWrap .sec > ul > li > p{width:170px;} .CN .orgWrap .sec > ul > li > p:before{left:-20px; width:20px;} .CN .orgWrap .sec > ul > li.centerLi > .bigBox{padding:25px 13px 10px 13px;} .CN .orgWrap .sec > ul > li.centerLi > .bigBox > li{width:300px; margin:0 7px 15px 7px;} .CN .orgWrap .sec > ul > li.centerLi > .bigBox > li > p{width:300px;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox{top:604px; left:50%; margin-left:-75px;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox li p{height:auto; padding:11px 0; line-height:22px; font-size:16px;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox li dl{width:190px;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox1{top:15px; left:-250px;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox1:before{width:59px; right:-59px;} .CN .orgWrap .sec > ul > li.centerLi > .grayBox{top:580px;} .CN .orgWrap .sec > ul > li.centerLi > .grayBox p{width:150px;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2{top:110px; width:150px;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2 dd{padding:10px 0;} .CN .orgWrap .sec > ul > li.centerLi > .blueBox li dl.dlBox2 .line:before{top:65px;} .CN .multiBtn ul > li{display:block; float:left; width:10%;} .CN .multiBtn.num6 ul > li{display:table-cell; float:none; width:auto;} .CN .bankHistory .year{color:#b23232;} .CN .bulTy01:before, .CN .blueLineUl li strong:before{background:#b23232;} .CN .imgBoxMission{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_cn.png) -10px -404px no-repeat;} .CN .visionWrap .slogan{width:441px; height:78px; margin:0 auto 10px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/love_bank_cn.gif) no-repeat;} .CN .boxTyGray06.boxBg{position:relative;} .CN .boxTyGray06.boxBg .logoTy01{top:0; left:0; width:250px; height:100%; margin:0; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_01_cn_2022.gif) center center no-repeat;} .CN .boxTyGray06.boxBg p{margin-left:220px;} .CN .buildUpOperation{background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_monitoring_system_cn.png) no-repeat;} .CN .bgNor{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_cn.png) -10px -714px no-repeat;} .CN .globalComp > li strong{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_cn.png) no-repeat;} .CN .globalComp > li.list1 strong{background-position:-10px -1230px;} .CN .globalComp > li.list2 strong{background-position:-110px -1230px;} .CN .globalComp > li.list3 strong{background-position:-210px -1230px;} .CN .globalComp > li.list4 strong{background-position:-310px -1230px;} .CN .bgCi2{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_cn.png) -10px -1466px no-repeat} .CN .sloganIr{height:32px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_cn.png) -410px -1271px no-repeat;} .CN .logoType01{width:175px; height:38px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_cn_01_2022.png) no-repeat;} .CN .logoType03{width:182px; height:41px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_cn_02_2022.png) no-repeat;} .CN .logoType04{width:183px; height:51px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_cn_03.png) no-repeat;} .CN .logoType07{width:127px; height:90px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_cn_04_2022.png) no-repeat;} .CN .logoType08{width:119px; height:98px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/shinhan_logo_cn_05.png) no-repeat;} .CN .cnIcon01{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_cn.png) no-repeat;} .CN .cnIcon02{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_cn.png) -230px 0 no-repeat;} .CN .cnIcon03{top:45px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bi_ico_cn.png) 100% 0 no-repeat!important;} .CN .cn_dlBox{position:relative; padding:15px 40px 15px 110px; margin-top:15px; border:1px solid #e6e6e6;} .CN .cn_dlBox strong{position:absolute; top:25px; left:25px; display:block; font-size:16px; color:#b23232;} .JP .CN .cn_dlBox strong{color:#4990d6;} .CN .cn_dlBox ul{} .CN .cn_dlBox ul:after{content:""; display:block; clear:both;} .CN .cn_dlBox ul li{position:relative; float:left; width:200px; padding:10px 0; margin-left:75px;} .CN .cn_dlBox ul li a{display:block;} .CN .cn_dlBox ul li a:before{content:""; position:absolute; top:13px; right:0; display:inline-block; width:5px; height:9px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_cn.png) -330px -333px no-repeat;} .CN .gotoBox{border:1px solid #dcdcdc;} .CN .gotoBox:after{content:""; display:block; clear:both;} .CN .gotoBox li{float:left; width:25%; padding:20px; box-sizing:border-box; border-left:1px solid #dcdcdc;} .CN .gotoBox li:first-child{border-left:0 none;} .CN .gotoBox li strong{display:block; padding-bottom:10px; font-size:15px; color:#343434;} .CN .gotoBox li p{height:75px; line-height:22px;} .CN .gotoBox li a{font-size:13px; color:#b23232; font-weight:bold;} .JP .CN .gotoBox li a{color:#4990d6;} .CN .gotoBox li a:after{content:""; display:inline-block; width:22px; height:8px; margin-left:10px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_cn.png) -345px -333px no-repeat;} .JP .CN .gotoBox li a:after{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_jp.png) -345px -333px no-repeat;} .CN div[class*="multi"]{height:auto;} .CN .hpe_greeting .name{width:550px; height:30px;} /* 은행소개 - 중문 end */ /* 은행소개 - 일문 start */ .JP .bulTy01:before{background-color:#51a1f0;} .JP .titH03.BI.blue, .JP .colorTyBlue{color:#4990d6 !important;} .JP .listDot.hpeNum > ul > li:before, .JP .listDot.hpeNum > ol > li:before{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/global_ico_numgray.png) no-repeat;} .JP .listDot.hpeNum > ul > li:before, .JP .listDot.hpeNum > ol > li:before{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/global_ico_numgray.png) no-repeat;} .JP .listDot.hpeNum > ul > li.num01:before, .JP .listDot.hpeNum > ol > li.num01:before{background-position:-10px -10px} .JP .listDot.hpeNum > ul > li.num02:before, .JP .listDot.hpeNum > ol > li.num02:before{background-position:-40px -10px} .JP .listDot.hpeNum > ul > li.num03:before, .JP .listDot.hpeNum > ol > li.num03:before{background-position:-70px -10px} .JP .listDot.hpeNum > ul > li.num04:before, .JP .listDot.hpeNum > ol > li.num04:before{background-position:-100px -10px} .JP .listDot.hpeNum > ul > li.num05:before, .JP .listDot.hpeNum > ol > li.num05:before{background-position:-130px -10px} .JP .listDot.hpeNum > ul > li.num06:before, .JP .listDot.hpeNum > ol > li.num06:before{background-position:-160px -10px} .JP .listDot.hpeNum > ul > li.num07:before, .JP .listDot.hpeNum > ol > li.num07:before{background-position:-190px -10px} .JP .listDot.hpeNum > ul > li.num08:before, .JP .listDot.hpeNum > ol > li.num08:before{background-position:-220px -10px} .JP .listDot.hpeNum > ul > li.num09:before, .JP .listDot.hpeNum > ol > li.num09:before{background-position:-250px -10px} .JP .listDot.hpeNum > ul > li.num10:before, .JP .listDot.hpeNum > ol > li.num10:before{background-position:-280px -10px} .JP .imgBoxMission{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_jp.png) -10px -404px no-repeat;} .JP .visionWrap .slogan{width:348px; height:77px; margin:0 auto 10px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/love_bank_jp.gif) no-repeat;} .JP .visionWrap > ul li{margin:0 20px;} .JP .visionWrap > ul li dl dt{width:268px;} .JP .buildUpOperation{height:438px; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_monitoring_system_jp.png) no-repeat;} .JP .bgNor{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_jp.png) -10px -714px no-repeat;} .JP .globalComp > li strong{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_jp.png) no-repeat;} .JP .globalComp > li.list1 strong{background-position:-10px -1230px;} .JP .globalComp > li.list2 strong{background-position:-110px -1230px;} .JP .globalComp > li.list3 strong{background-position:-210px -1230px;} .JP .globalComp > li.list4 strong{background-position:-310px -1230px;} .JP .hpe_greeting .name{width:550px; height:30px;} .JP .bgCi2{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_jp.png) -10px -1466px no-repeat} .JP .sloganIr{background:url(https://image.shinhan.com/rib2017/images/hpe/ico/bank_ico_jp.png) -410px -1230px no-repeat;} /* 은행소개 - 일문 end */ /* 통합검색 */ .hpe_totalSearch{position:relative; padding:35px 0 25px 80px; background:#e9eef3;} .hpe_totalSearch:after{content:""; display:block; clear:both;} .hpe_totalSearch > strong{float:left; font-size:20px; line-height:50px; margin-right:50px; color:#343434; font-weight:bold;} .hpe_totalSearch .searchBar{position:relative; margin-bottom:15px;} .hpe_totalSearch .searchBar:after{content:""; display:block; clear:both;} .hpe_totalSearch .searchBar > input[type=text]{float:left; width:618px; height:50px; line-height:50px!important; box-sizing:border-box; border:2px solid #bac2ca; font-size:16px; color:#343434;} .hpe_totalSearch .searchBar .addBtn{position:absolute; top:22px; left:668px; display:block; width:13px; height:7px; margin:0; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/search_ico.png) -74px -10px no-repeat;} .hpe_totalSearch .searchBar .btnTyGray02{float:left; min-width:106px; height:50px; margin-left:10px; line-height:50px; border-radius:3px;} .hpe_totalSearch .searchBar .addSrarch{position:absolute; top:48px; left:86px; z-index:10; width:618px; padding:10px 20px; box-sizing:border-box; border:2px solid #bac2ca; background:#fff;} .hpe_totalSearch .searchBar .addSrarch ul{min-height:50px;} .hpe_totalSearch .searchBar .addSrarch li{position:relative; padding-left:10px;} .hpe_totalSearch .searchBar .addSrarch li:before{content:""; position:absolute; top:10px; left:0; display:block; width:3px; height:3px; background:#555;} .hpe_totalSearch .searchBar .addSrarch li span{line-height:28px; font-size:15px;} .hpe_totalSearch .searchBar .addSrarch li span.point{color:#3579d4;} .hpe_totalSearch .searchBar .addSrarch .close{position:absolute; bottom:15px; right:20px; display:block; width:12px; height:12px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/search_ico.png) -97px -10px no-repeat;} .hpe_totalSearch .quickSearch{clear:both; margin-left:85px;} .hpe_totalSearch .quickSearch:after{content:""; display:block; clear:both;} .hpe_totalSearch .quickSearch li{position:relative; float:left; margin-left:28px;} .hpe_totalSearch .quickSearch li:before{content:""; position:absolute; top:1px; left:-14px; display:block; width:1px; height:13px; background:#dcdcdc;} .hpe_totalSearch .quickSearch li:first-child{margin-left:0;} .hpe_totalSearch .quickSearch li:first-child:before{display:none;} .hpe_totalSearch .quickSearch li a{font-size:15px;} .hpe_totalSearch .reSearch{position:absolute; top:98px; right:80px; height:21px} .hpe_totalSearch .reSearch .w2checkbox {float:left; margin-top:2px} .hpe_totalSearch .reSearch .tooltipBox {float:right} .hpe_totalSearch .reSearch .tooltipBox > a{top:0} .hpe_totalSearch .reSearch .tooltipBox .tooltip{left:auto; right:-15px; width:442px!important;} .hpe_totalSearch .reSearch .tooltipBox .tooltip:before{left:auto; right:20px;} .hpe_totalSearch .reSearch .tooltipBox .tooltip dd li{letter-spacing:-0.07em;} .hpe_totalSearch .reSearch .w2checkbox .w2checkbox_label{color:#343434;} .totalSearchResult .searchTitle{margin:30px 0 10px 0;} .totalSearchResult .searchTitle:after{content:""; display:block; clear:both;} .totalSearchResult .searchTitle span{float:left; font-size:20px; color:#343434;} .totalSearchResult .searchTitle span.point{color:#3579d4;} .totalSearchResult .searchTitle a{float:right; display:block; width:65px; height:20px; line-height:20px; text-align:center; border:1px solid #ccc; border-bottom:1px solid #a1a1a1; border-radius:2px; font-size:13px; color:#343434;} .totalSearchResult > dl:last-child{border-bottom:1px solid #dcdcdc;} .totalSearchResult > .searchTitle+dl, .totalSearchResult > .searchTitle+ul{border-top:2px solid #3579d4;} .totalSearchResult > ul{border-bottom:1px solid #dcdcdc;} .totalSearchResult > ul > li .listTyProducts{border:0 none;} .totalSearchResult > ul > li:first-child .listTyProducts{border-top:2px solid #3579d4; margin-top:-1px;} .totalSearchResult > dl > dt{height:40px; line-height:40px; padding:0 20px; background:#f2f2f2; border-top:1px solid #dcdcdc;} .totalSearchResult > dl > dt:first-hild{boirder-top:0 none;} .totalSearchResult > dl > dt:after{content:""; display:block; clear:both;} .totalSearchResult > dl > dt span{position:relative; float:left; line-height:40px; padding-left:16px;} .totalSearchResult > dl > dt span:before{content:""; position:absolute; top:13px; left:8px; display:block; width:1px; height:11px; background:#ccc;} .totalSearchResult > dl > dt span:first-child{padding-left:0;} .totalSearchResult > dl > dt span:first-child:before{display:none;} .totalSearchResult > dl > dt a{position:relative; float:right; line-height:40px; padding-right:9px;} .totalSearchResult > dl > dt a span{position:absolute; top:13px; right:0; display:block; width:5px; height:9px; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/search_ico.png) -119px -10px no-repeat;} .totalSearchResult > dl > dd{position:relative; border-top:1px dashed #dcdcdc;} .totalSearchResult > ul > li{position:relative; border-top:1px solid #dcdcdc;} .totalSearchResult > dl > dd:after, .totalSearchResult > ul > li:after{content:""; display:block; clear:both;} .totalSearchResult > dl > dt+dd{border-top:0 none;} .totalSearchResult > dl > dd .listTyProducts{border:0 none;} .totalSearchResult > dl > dd .listTyProducts .fundPrdtCompany{position:relative; overflow:visible;} .totalSearchResult > dl > dd .listTyProducts .fundPrdtCompany:before{content:""; position:absolute; top:9px; left:-7px; display:block; width:2px; height:2px; background:#666;} .totalSearchResult > dl > dd .listTyProducts .boxBtns{width:auto;} .totalSearchResult > ul.menu > li{display:table; width:100%;} .totalSearchResult > ul.menu > li > p{display:table-cell; width:20%; padding:20px; font-size:15px; color:#c87a00; vertical-align:middle; font-weight:bold;} /* #d99103 */ .totalSearchResult > ul.menu > li > a{display:table-cell; width:80%;} .totalSearchResult .menuSearch{display:block; padding:20px;} .totalSearchResult .menuSearch span{font-size:15px; color:#343434;} .totalSearchResult .menuSearch span:before{content:">"; padding:0 8px;} .totalSearchResult .menuSearch span:first-child:before{display:none;} .totalSearchResult > dl > dd .hpe_faqDetail{border:0 none; margin:0;} .totalSearchResult > dl > dd .hpe_faqDetail > dl > dt{padding-top:25px;} .totalSearchResult > dl > dd .hpe_faqDetail > dl > dt a span{position:relative; top:4px; font-size:15px; color:#343434;} .totalSearchResult > dl > dd .hpe_faqDetail > dl > dd{border:0 none; padding-top:0;} .totalSearchResult > dl > dd .hpe_faqDetail > dl > dt:before{top:24px;} .totalSearchResult > dl > dd .hpe_faqDetail > dl > dd:before{top:0;} .totalSearchResult .imgArea{float:left; padding:20px 0 20px 20px; margin:-1px 10px 0 0; width:185px; height:73px;} .totalSearchResult .imgArea img{max-width:100%; max-height:100%;} .totalSearchResult .normalSearchList{float:left; width:600px; padding:20px;} .totalSearchResult .normalSearchList.all{width:805px;} .totalSearchResult .menu .normalSearchList{display:table-cell; float:none;} .totalSearchResult .normalSearchList strong{display:block; font-size:15px; color:#555; max-width:400px; padding-bottom:10px; font-weight:bold;} .totalSearchResult .normalSearchList p{line-height:22px;} .totalSearchResult .normalSearchBtn{position:absolute; top:50%; right:20px; margin-top:-15px;} .totalSearchResult .normalSearchBtn > a{margin-left:5px;} .totalSearchResult .normalSearchList+.menuSearch{clear:both; padding:0 20px 20px; margin-top:-10px;} .totalSearchResult .normalSearchList+.menuSearch span{font-size:14px; color:#777;} .totalSearchResult .normalSearchList .menuSearch{padding:0 0 15px 0;} .totalSearchResult .normalSearchList .menuSearch span{font-size:14px; color:#777;} .totalSearchResult .ico_txt01, .totalSearchResult .ico_txt02, .totalSearchResult .ico_txt03, .totalSearchResult .ico_txt04{position:relative; top:-1px; margin-right:5px; display:block; float:left; height:19px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/evt_ico.png) no-repeat} .totalSearchResult .ico_txt01{width:37px; background-position:0 0} .totalSearchResult .ico_txt02{width:37px; background-position:0 -93px} .totalSearchResult .ico_txt03{width:47px; background-position:-42px 0} .totalSearchResult .ico_txt04{width:72px; background-position:-42px -93px} .totalSearchTap{padding:20px 0 10px 0; border-bottom:2px solid #3579d4;} .totalSearchTap:after{content:""; display:block; clear:both;} .totalSearchTap li{position:relative; float:left; margin-left:30px;} .totalSearchTap li:before{content:""; display:block; position:absolute; top:3px; left:-14px; width:1px; height:13px; background:#dcdcdc;} .totalSearchTap li:first-child{margin-left:0;} .totalSearchTap li:first-child:before{display:none;} .totalSearchTap li a{font-size:16px; font-weight:bold; color:#343434;} .totalSearchTap li.on a{color:#3579d4;} .totalSearchSort{text-align:right; padding:10px 0;} .totalSearchSort.borderTop{border-top:2px solid #3579d4; margin-top:30px;} .totalSearchSort .on{background:#606972;} .totalSearchSort .on span{color:#fff;} .totalSearchSort .icoTyChk{display:none; margin-right:5px;} .totalSearchSort .on .icoTyChk{display:inline-block;} .totalSearchSort > a{margin-left:5px;} .totalSearchSort a span{margin:0;} .totalSearchResult .listTyProducts .boxTexts{width:540px;} .totalSearchResult .listTyProducts .prdtName a{font-size:15px;} .noDataWrap{min-height:300px;} .noDataWrap .resultArea{padding-top:60px;} .detailSearchBox{background:#e9eef3; margin-bottom:40px;} .detailSearchBox .firstRadio{padding:33px 0 22px 245px;} .detailSearchBox .firstRadio label{padding-left:32px; font-size:16px; color:#313131; line-height:22px;} .detailSearchBox .hpe_totalSearch{padding:0 0 35px 0;} .detailSearchBox .hpe_totalSearch > strong{padding:0 45px 0 40px; margin:0; line-height:28px;} .detailSearchBox input[type="radio"]{width:24px !important; height:24px !important;} @media \0screen{.detailSearchBox input[type="radio"] + label{padding-left:8px;}} /* IE8 */ .detailSearchBox input[type="radio"] + label:before{width:22px; height:22px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/detailSearchBox_radio.gif) no-repeat;} .detailSearchBox input[type="radio"]:checked + label:before{background-position:100% 0;} @media \0screen{.detailSearchBox label:before{display:none;}} /* IE8 */ .totalSearchSort .radioGrp .w2radio .w2radio_item label{min-width:70px;padding:0 15px;} .totalSearchSort .radioGrp .w2radio .w2radio_item label:before, .totalSearchSort .radioGrp .w2radio .w2radio_item label:after{display:none;} .totalSearchSort .radioGrp .w2radio .w2radio_item input[type="radio"]:checked + label:before, .funcBox.product .btn .radioGrp .w2radio .w2radio_item.on label:before{display:inline-block;position:relative;top:-1px;width:10px;height:7px;margin-right:5px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -630px -28px;} .detailSearchBox .hpe_totalSearch .searchBar{margin-bottom:0;} .detailSearchBox .hpe_totalSearch .searchBar > input[type=text]{width:579px;} .detailSearchBox .hpe_totalSearch .searchBar .addBtn{left:788px;} .detailSearchBox .hpe_totalSearch .searchBar .addSrarch{left:244px; width:579px;} .detailSearchBox .hpe_totalSearch .searchBar .btnTyGray02{background:#768392;} .detailSearchBox .detailOpt{position:relative; margin-bottom:40px;} .detailSearchBox .detailOpt:before{content:""; position:absolute; top:-11px; left:0; width:21px; height:11px; background:url(https://image.shinhan.com/rib2017/images/hpe/ico/detailSearchBox_arrow.gif) no-repeat;} .detailSearchBox .detailOpt.opt1:before{left:326px;} .detailSearchBox .detailOpt.opt2:before{left:442px;} .detailSearchBox .detailOpt.opt3:before{left:523px;} .detailSearchBox .detailOpt{background:#d7dde3; padding:20px 40px;} .detailSearchBox .detailOpt li{padding:5px 0;} .detailSearchBox .detailOpt li > strong{display:inline-block; width:113px; color:#343434; font-weight:normal; line-height:30px;} /* 탭 컨트롤 웹접근성 수정 */ .w2tabcontrol_bridge {display:none} /* 중국인 유학생 결제서비스 */ .chinaStuUnivListWrap {border-top:1px solid #dcdcdc;padding:10px 0;} ul.chinaStuUnivList {padding:10px 0} ul.chinaStuUnivList:after {clear:both;display:block;content:"";} ul.chinaStuUnivList > li {float:left;width:20%;margin:0 0 10px} ul.chinaStuUnivList > li:nth-child(5n+1){clear:both} ul.chinaStuUnivList > li > a {display:block;position:relative;padding:0 5px;} ul.chinaStuUnivList > li > a > .univBox { background:url(https://img.shinhan.com/rib2017/images/hpe/ico/ico_univ_hyu.png) center 13px no-repeat;background-size:80px auto; padding:10px 0;text-align:center;box-sizing:border-box;height:150px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); } ul.chinaStuUnivList > li > a > .univBox:hover, ul.chinaStuUnivList > li > a > .univBox:focus {box-shadow:0 2px 2px 0 rgba(45,113,196), 0 0 0 1px rgba(45,113,196);} ul.chinaStuUnivList > li > a > .univBox > .univName {display:block;margin-top:98px;padding:12px 0;border-top:1px solid #ddd} ul.chinaStuUnivList > li > a > .univMask {display:none;width:186px;height:109px;position:absolute;left:5px;top:0;background:url(https://img.shinhan.com/rib2017/images/hpe/bg/bg_weChatUnivChk.png) no-repeat;} ul.chinaStuUnivList > li > a.on .univMask {display:block;} ul.chinaStuUnivList > li > a.on .univBox > .univName {background:#3679d4;color:#fff;} .boxTyBlue02 .boxInfoArea.hpe2 .ico_wechatPay {display:inline-block;width:200px;height:70px;background:url(https://img.shinhan.com/rib2017/images/hpe/ico/ico_wechatPay.png) no-repeat;background-size:175px auto;top:32px} .boxTyBlue02 .boxInfoArea.hpe2 .ico_paypal {display:inline-block;width:200px;height:70px;background:url(https://img.shinhan.com/rib2017/images/hpe/ico/ico_paypal.png) no-repeat;background-size:175px auto;top:32px} .boxTyBlue02 .boxInfoArea.hpe2 .ico_tFeePay {position:absolute;right:15px;top:15px;} .boxTyBlue02 .boxInfoArea.wechatPay dd p em, .boxTyBlue02 .boxInfoArea.paypal dd p em, .boxTyBlue02 .boxInfoArea.tFeePay dd p em {color:#666} .chinaStuUnivConfirmBox .ico_hyu {margin:0 auto;width:200px;height:200px;background:url(https://img.shinhan.com/rib2017/images/hpe/ico/ico_univ_hyu.png) center center no-repeat;} .chinaStuUnivConfirmBox p {margin-top:30px;text-align:center} .chinaStuUnivConfirmBox p span {padding-left:10px;font-size:20px;font-weight:bold;display:inline-block} .chinaStuUnivConfirmBox p span:first-child{padding:0;} /* 화상상담 CS01044RF01.xml */ .faceFaqWrap {} .faceFaq_con1 {display:table; width:100%; margin-top:40px; } .faceFaq_con1 .inner_wrap {display:table-row;} .faceFaq_con1 .inner_wrap > div {display:table-cell; vertical-align:middle;} .faceFaq_con1 .inner_wrap .inner {} .faceFaq_con1 .inner_wrap .inner .titH03 {margin:0 0 15px 0;} .faceFaq_con1 .inner_wrap .left .inner { padding-left:50px;} .faceFaq_con1 .inner_wrap .faceFaqUl .item { padding-left:85px; position:relative; height:60px; padding-top:10px} .faceFaq_con1 .inner_wrap .faceFaqUl .item .pic { position:absolute; left:0; top:0; text-align:center; color:#fff; font-weight:bold; font-size:16px; width:60px; height:60px; border-radius:50%; box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-top:20px;} .faceFaq_con1 .inner_wrap .faceFaqUl .item.stp1 .pic {background: #f1a97e; background:-webkit-linear-gradient(45deg, #fab279, #f1a97e);} .faceFaq_con1 .inner_wrap .faceFaqUl .item.stp2 .pic {background: #e8c191; background:-webkit-linear-gradient(45deg, #e8c292, #e8c191);} .faceFaq_con1 .inner_wrap .faceFaqUl .item.stp3 .pic {background: #e6a491; background:-webkit-linear-gradient(45deg, #eabca7, #e6a491);} .faceFaq_con1 .inner_wrap .faceFaqUl .item.stp4 .pic {background: #d89882; background:-webkit-linear-gradient(45deg, #e79f84, #d89882);} .faceFaq_con1 .inner_wrap .faceFaqUl .item .stit { color:#777; font-weight:bold;} .faceFaq_con1 .inner_wrap .faceFaqUl .item .stxt {margin-top:7px; } .faceFaq_con1 .inner_wrap .left { } .faceFaq_con1 .inner_wrap .right {width:350px; padding-right:50px;} .faceFaq_con1 .inner_wrap .right .inner {padding:30px; background:#f7f7f7; border-radius:20px;} .faceFaq_con2 {position:relative; margin-top:40px; padding:20px 40px; border:2px solid #e9f2fd;} .faceFaq_con2 .inner_wrap {display: table; width: 100%; } .faceFaq_con2 .inner_wrap >div {display:table-cell; vertical-align: middle; height:60px;} .faceFaq_con2 .inner_wrap .left {width:350px;} .faceFaq_con2 .inner_wrap .left .stit {line-height:160%; font-size:16px; color: #444; font-weight:bold;} .faceFaq_con2 .inner_wrap .right {} .faceFaq_con2 .inner_wrap .timeWrap { position: absolute; bottom: 7px; left: 550px; width: 300px;} .faceFaq_con2 .inner_wrap .timeWrap .timeTit {margin-right:10px; color:#333;} .faceFaq_con2 .inner_wrap .timeWrap .timeTxt {font-weight:bold; color:#000;} /* 화상상담 CS01044RF02.xml */ .faceFaq_con3 {display:table; width:100%;} .faceFaq_con3 .faceFaq_c3item {display:table-cell; width:25%;} .faceFaq_con3 .faceFaq_c3item:first-child .inner {margin-left:0; } .faceFaq_con3 .faceFaq_c3item .inner {height:190px; border:1px solid #efefef; margin-left:3%; padding:15px 15px 0 15px;} .faceFaq_con3 .faceFaq_c3num {font-size:40px; line-height:100%; font-weight:bold; color:#ccc;} .faceFaq_con3 .faceFaq_c3subtit {font-size:14px; color:#3579d4; letter-spacing:-0.03em; padding:10px 0; border-bottom:1px solid #efefef; margin-bottom:10px;} .faceFaq_con3 .faceFaq_c3txt {line-height:140%; font-size:13px; color:#888;letter-spacing:-0.03em; } /* 화상상담 예약조회 CS01046RM00 */ .faceRefWrap {} .faceRef_reserve {} .faceRef_history {border-top:1px dashed #aaa; padding-top:40px; margin-top:60px !important;} .faceRefWrap .faceRef_list:after{content:'';display:block;visibility:hidden;clear:both;height:0;overflow:hidden;} .faceRefWrap .faceRef_list .item { float:left; width:33.33%; margin-bottom:30px; box-sizing:border-box; } .faceRefWrap .faceRef_list .item .inner {border:1px solid #d5dae1; position:relative; width:285px; height:280px; padding:15px 5px 0 5px; margin:0 auto;} .faceRefWrap .faceRef_list .item .inner .faceRef_stat {padding:0 0 10px 10px;} .faceRefWrap .faceRef_list .item .inner .faceRef_stat span {color:#3579d4; font-size:14px; font-weight:bold;} .faceRefWrap .faceRef_list .item .inner .faceRef_tags:after{content:'';display:block;visibility:hidden;clear:both;height:0;overflow:hidden;} .faceRefWrap .faceRef_list .item .inner .faceRef_tags {margin-bottom:15px; text-align:center; } .faceRefWrap .faceRef_list .item .inner .faceRef_tags > div {display:inline-block; margin:0 2px; } .faceRefWrap .faceRef_list .item .inner .faceRef_tag01 span, .faceRefWrap .faceRef_list .item .inner .faceRef_tag02 span {display:inline-block; padding:2px 4px 1px 4px; font-size:12px; text-align:center; color:#888; background:#fff; border:1px solid #bbb; border-radius:2px;} .faceRefWrap .faceRef_list .item .inner .faceRef_tag01 span {border-color:#d9a1fd; color: #cc91f3;} .faceRefWrap .faceRef_list .item .inner .faceRef_tag02 span {border-color:#bbb; color: #888;} .faceRefWrap .faceRef_list .item .inner .faceRef_body * {text-align:center; } .faceRefWrap .faceRef_list .item .inner .faceRef_body .faceRef_txtWrap {display: Table; margin: 0 auto; border-top: 1px solid #eee; padding: 17px 0 5px 0; width: 90%;} .faceRefWrap .faceRef_list .item .inner .faceRef_body .faceRef_txtWrap .faceRef_txt {display:table-cell; width:50%; } .faceRefWrap .faceRef_list .item .inner .faceRef_body .faceRef_txtWrap .t1 {display: block; text-align: center; color: #3c88e5; font-size: 12px;} .faceRefWrap .faceRef_list .item .inner .faceRef_body .faceRef_txtWrap .t2 {display: block; color: #000; font-size: 14px; font-weight: bold; padding-top: 5px;} .faceRefWrap .faceRef_list .item .inner .faceRef_body .faceRef_tits {display:table; width:95%; margin:0 auto;} .faceRefWrap .faceRef_list .item .inner .faceRef_body .faceRef_tit {display:table-cell; vertical-align:middle; height:50px; color:#000; font-size:14px; letter-spacing:-0.03em;} .faceRefWrap .faceRef_list .item .inner .faceRef_btns{position:absolute; left:0; bottom:0; right:0;} .faceRefWrap .faceRef_list .item .inner .faceRef_btns a{width:50% !important; border-radius:0; height:35px; line-height:35px; border-left:none; border-right:none; border-bottom:none;} .faceRefWrap .faceRef_history .faceRef_list .item .inner {} /*과거내역조회 */ /* 방문직원 정보 */ .visitStaffWrap {} .visitStaffWrap .visitSch {position:relative; padding:10px 70px 10px 10px; margin:20px 0; border:1px solid #c2d6ef; box-sizing:border-box; -moz-box-sizing:border-box; } .visitStaffWrap .visitSch .visitCell { } .visitStaffWrap .visitSch .visitCell.item01 {position:relative; padding-left:70px; display:inline-block; width:47%; margin-right:3%; box-sizing:border-box; -moz-box-sizing:border-box;} .visitStaffWrap .visitSch .visitCell.item01 label {position:absolute; left:0; top:7px;} .visitStaffWrap .visitSch .visitCell.item02 {position:absolute; right:10px; top:10px;} .visitStaffWrap .visitStaff {display:table;} .visitStaffWrap .w2tb.tableTyOutput tbody .w2tb_td.visitStaff_td {height:72px;} .visitStaffWrap .visitStaff >div {display:table-cell; vertical-align:top;} .visitStaffWrap .visitStaff .visitStaff_pic {} .visitStaffWrap .visitStaff .visitStaff_pic .img {width:190px; height:auto; border:6px solid #c2d6ef; margin:0 20px 0 0;} .visitStaffWrap .visitStaff .visitStaff_tbl {} /* 기타금융 > PAY등록금결제서비스 */ .inp_tFeePay{display:table;width:100%;margin-top:40px;} .inp_tFeePay .cell{display:table-cell;position:relative;width:50%;} .inp_tFeePay .imgBox{position:absolute;left:0;top:15px;width:110px;} .inp_tFeePay .conBox{padding-left:130px;} .inp_tFeePay .inp_btnPay{margin-top:10px;padding:5px 10px;border-radius:2px;text-align:center;} .inp_tFeePay .inp_btnPay em{display:inline-block;} @media all and (max-width:920px){ .visitStaffWrap.detailPop .layerContent {padding:30px !important; } .visitStaffWrap.detailPop .layerCon {width:auto !important; } } @media all and (max-width:650px){ .visitStaffWrap .visitStaff .visitStaff_pic .img {width:140px; border-width:2px; margin-right:15px;} .visitStaffWrap .tableTyInput colgroup col:first-child {width:100px !important;} .visitStaffWrap .tableTyOutput colgroup, .visitStaffWrap .tableTyOutput th br {display:none;} .visitStaffWrap .tableTyOutput * {display:block} .visitStaffWrap .tableTyOutput th, .visitStaffWrap .tableTyOutput td {border:none !important; padding:4px 10px !important; height:auto !important;} .visitStaffWrap .tableTyOutput tr:first-child th{border-top:none !important } .visitStaffWrap .tableTyOutput th {border-top:1px solid #c2d6ef !important; } .visitStaffWrap .w2tb.tableTyOutput tbody .w2tb_td.visitStaff_td {height:auto;} } @media all and (max-width:580px){ .visitStaffWrap .visitSch {padding-right:90px;} .visitStaffWrap .visitSch .visitCell.item01 {display:block; width:100%; margin:5px 0;} .visitStaffWrap .visitSch .visitCell.item02 {top:15px;} .visitStaffWrap .visitSch .visitCell.item02 .btnTyBlue01 {height:65px; line-height:65px; font-size:16px; } } @media all and (max-width:450px){ .visitStaffWrap.detailPop .layerContent {padding:20px !important; } .visitStaffWrap .tableTyInput colgroup col:first-child {width:80px !important;} .visitStaffWrap .tableTyInput td {padding:5px 0 5px 10px !important} .visitStaffWrap .tableTyInput td input {width:100px !important} .visitStaffWrap .visitStaff .visitStaff_pic {text-align:center;} .visitStaffWrap .visitStaff .visitStaff_pic .img {margin:0 0 15px 0; width:190px;} .visitStaffWrap .visitStaff, .visitStaffWrap .visitStaff > div {display:block;} }