@charset "utf-8"; /*메인 헤더*/ .main #searchWrap .btnTopClose, .main #allMenuWrap .btnTopClose{top:8px;} /* 은행소개 MAIN */ .main #gnb .btnAllMenu{top:10px;} body.main .hpe_path{display:none} body.BI.main .hpe_path, body.PWM.main .hpe_path, body.PR.main .hpe_path{display:block} body.main #container{padding-top:109px;} body.main #hpe_footer{border:none; margin-top:0} #hpe_head .liner .topNav, #hpe_head .hpe_gnb, .hpe_mainTop .bgArea, .hpe_mainCon .section01, .hpe_mainCon .section02 .aticArea, .wrapInner, .footCon{width:980px; margin:0 auto} /* 헤더고정 - 국문, 영문, 중문, 일문 */ .BI.main #hpe_head, .EN.main #hpe_head, .CN.main #hpe_head, .JP.main #hpe_head{position:absolute !important; top:0 !important} .BI.main #container{padding-top:100px !important;} .BI.main #hpe_head+#path{background:transparent} .BI.main #userWrap{padding-right:0} .BI.main #userWrap strong{color:#2d71c4; font-weight:bold;} .BI.main #userWrap span, .BI.main #userWrap a{color:#444} .BI.main #userWrap .login a{padding-left:19px;} .BI.main #userWrap .login a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) no-repeat -661px -513px} .BI.main #userWrap .login a.on:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) no-repeat -686px -513px} .BI.main #userWrap > div:before{background-color:#bcb8b2} #hpe_head{position:fixed; width:100%; min-width:980px; height:100px; left:0; top:0; z-index:100; background:#fff;} #hpe_head .headIn{position:relative; width:980px; margin:auto;} #hpe_head .headIn > h1{float:left; padding-top:34px;} #hpe_head .headIn > h1 a{display:block; width:113px; height:26px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -683px -460px no-repeat;} #hpe_head .headIn > .topMenuWrap{position:absolute; top:20px; right:0;} #hpe_head .headIn > .topMenuWrap:after{content:""; display:block; clear:both;} #hpe_head .headIn > .topMenuWrap .topMenu, #hpe_head .headIn > .topMenuWrap .topMenu > li, #hpe_head .headIn > .topMenuWrap .util, #hpe_head .headIn > .topMenuWrap .util > ul > li, #hpe_head .headIn > .topMenuWrap .serchBtn{float:left;} #hpe_head .headIn > .topMenuWrap .topMenu > li{margin-left:10px;} #hpe_head .headIn > .topMenuWrap .topMenu > li a{color:#555;} #hpe_head .headIn > .topMenuWrap .topMenu > li a.seven{color:#777} #hpe_head .headIn > .topMenuWrap .util > .various{margin:0 0 0 47px;} #hpe_head .headIn > .topMenuWrap .util > .various > .members {margin-left:0;} #hpe_head .headIn > .topMenuWrap .util > .various > div{position:relative; height:30px;} #hpe_head .headIn > .topMenuWrap .util > .various > div > a{padding-right:0; display:block; font-size:13px; color:#777;} #hpe_head .headIn > .topMenuWrap .util > .various > div > a:after{display:inline-block; vertical-align:middle; content:""; width:7px; height:4px; margin-left:7px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -736px -502px no-repeat;} #hpe_head .headIn > .topMenuWrap .util > .various > div > a:before {display:none;} #hpe_head .headIn > .topMenuWrap .util > .various > div > a.on:after{background-position:-736px -497px;} #hpe_head .headIn > .topMenuWrap .serchBtn{margin-left:14px;} #hpe_head .headIn > .topMenuWrap .serchBtn a{display:block; width:15px; height:15px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -711px -497px no-repeat;} #hpe_head .headIn > .hpe_gnb{float:right; width:auto; padding-top:34px;} #hpe_head .headIn > .hpe_gnb:after{content:""; display:block; clear:both;} #hpe_head .headIn > .hpe_gnb > li{float:left; height:50px; padding-left:57px;} #hpe_head .headIn > .hpe_gnb > li:first-child{margin-left:0;} #hpe_head .headIn > .hpe_gnb > li > a{position:relative; font-size:20px; color:#343434;} #hpe_head .headIn > .hpe_gnb > li:hover > a, #hpe_head .headIn > .hpe_gnb > li > a:focus{color:#2d71c4;} #hpe_head .headIn > .hpe_gnb > li:hover > a:before, #hpe_head .headIn > .hpe_gnb > li.on > a:before, #hpe_head .headIn > .hpe_gnb > li > a:focus:before{content:""; display:block; position:absolute; top:40px; left:50%; margin-left:-5px; width:10px; height:5px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -787px -497px no-repeat;} #hpe_head .headIn > .hpe_gnb > li > div{position:absolute; top:-1000em; left:0; z-index:2; width:100%; min-width:980px; height:208px; padding:18px 0 13px 0; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoGnbShadow.png) 0 top repeat-x; border-top:2px solid #2d71c4;} #hpe_head .headIn > .hpe_gnb > li > div:before, #hpe_head .headIn > .hpe_gnb > li > div:after{content:""; position:fixed; top:-1000em; left:50%; z-index:2; width:100%; height:208px; margin-left:490px; padding:18px 0 13px 0; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoGnbShadow.png) 0 top repeat-x; border-top:2px solid #2d71c4;} #hpe_head .headIn > .hpe_gnb > li > div:after{left:auto; right:50%; margin-left:0; margin-right:490px;} #hpe_head .headIn > .hpe_gnb > li:hover > div, #hpe_head .headIn > .hpe_gnb > li.on > div{top:100px;} #hpe_head .headIn > .hpe_gnb > li:hover > div:before, #hpe_head .headIn > .hpe_gnb > li.on > div:before, #hpe_head .headIn > .hpe_gnb > li:hover > div:after, #hpe_head .headIn > .hpe_gnb > li.on > div:after{top:100px;} #hpe_head .headIn > .hpe_gnb > li > div > ul{width:980px; margin:auto;} #hpe_head .headIn > .hpe_gnb > li > div > ul:after{content:""; display:block; clear:both;} #hpe_head .headIn > .hpe_gnb > li > div > ul > li{float:left; width:195px; margin-left:50px;} #hpe_head .headIn > .hpe_gnb > li > div > ul > li:first-child{margin-left:25px;} #hpe_head .headIn > .hpe_gnb > li > div > ul > li > a{display:block; line-height:35px; font-weight:bold; text-indent:9px; font-size:15px; color:#333; border-bottom:1px solid #999;} #hpe_head .headIn > .hpe_gnb > li > div > ul > li li a{display:block; height:34px; line-height:34px; text-indent:10px; border-bottom:1px solid #e5e5e5; color:#333;} #hpe_head .headIn > .hpe_gnb > li > div > ul > li li a:hover, #hpe_head .headIn > .hpe_gnb > li > div > ul > li li a:hover{background:#f5f5f5; color:#2d71c4;} /* 통합검색 */ #hpe_head.openSearch .headIn > h1 {margin-top:-6px; padding-top:0;} #hpe_head.openSearch #searchWrap {display:block;} .dimmed.on{display:block; z-index:5} /* 은행소개 GNB */ #hpe_gnb .wrapInner{position:relative;} #hpe_gnb .navMenu{float:right;} #hpe_gnb .navMenu a{display:block;} #hpe_gnb .navMenu > ul{overflow:hidden;} #hpe_gnb .navMenu > ul > li{float:left;_padding-top:2px;} #hpe_gnb .navMenu > ul > li > a{position:relative;height:41px;margin-right:10px;padding:0 20px;font-size:20px;color:#343434;max-height:100%;} #hpe_gnb .navMenu > ul:first-child > li > a{margin-right:0;} #hpe_gnb .navMenu > ul > li.on > a{color:#2d71c4;} #hpe_gnb .navMenu > ul > li.on > a span{display:block;height:45px;border-bottom:3px solid #ffe1ac;} #hpe_gnb .navMenu > ul > li > a.hover, #hpe_gnb .navMenu > ul > li.on > a.hover span{height:41px;border-bottom:none;color:#2d71c4;} #hpe_gnb .navMenu > ul > li > a.hover:before {content:""; display:block; position:absolute; top:36px; left:50%; margin-left:-5px; width:10px; height:5px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -787px -497px no-repeat;} #hpe_gnb .nav2Dep{display:none;overflow:hidden;position:absolute;left:0px;top:40px;z-index:3;width:100%;/* padding:29px 0 25px; */box-sizing:border-box; min-height:150px;} #hpe_gnb .nav2Dep > ul{display:table;width:109%;_margin-top:-24px;} #hpe_gnb .nav2Dep > ul > li{display:inline-table;width:20%;margin-top:14px;padding-right:42px;vertical-align:top;} #hpe_gnb .nav2Dep > ul > li > a{display:block; line-height:35px; font-weight:bold; text-indent:9px; font-size:15px; color:#333; border-bottom:1px solid #999;} #hpe_gnb .nav3Dep{overflow:hidden;} #hpe_gnb .nav3Dep li{margin-top:0px;} #hpe_gnb .nav3Dep li a{display:block; height:34px; line-height:34px; text-indent:10px; border-bottom:1px solid #e5e5e5; color:#333;} #hpe_gnb .nav3Dep li a:hover{background:#f5f5f5; color:#2d71c4;} #hpe_gnb .nav3Dep li a:hover span{/* border-bottom:2px solid #d99103;color:#d99103; */} #hpe_gnb .nav3Dep li a.on{background-color:#fff !important;} #hpe_gnb .nav3Dep li a.on span{/*border:none !important;*/color:#2d71c4 !important;} #hpe_gnb > .bg{display:none;position:absolute;left:0;top:100px;z-index:2;width:100%;height:300px;border-top:2px solid #2d71c4;background-color:#fff;} #hpe_gnb > .bg:after{content:"";position:absolute;left:0;bottom:-17px;width:100%;height:16px;background:url(https://image.shinhan.com/rib2017/images/layout/bg_gnb_shadow.png) repeat 0 0;} #hpe_head+#path{top:100px;} #hpe_head+#path .iconHome{position:relative; top:15px; width:14px; height:14px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -661px -460px no-repeat;} #hpe_head+#path .location{padding-left:0;} #hpe_head+#path .location .selectList .list{background:#fff; left:12px;} #hpe_head+#path .location .selectList .list > ul{border:1px solid #ccc;} #hpe_head+#path .location a, #hpe_head+#path .location .depth em{color:#fff;} #hpe_head+#path .location .depth span{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -771px -497px no-repeat;} #hpe_head+#path .location .depth:first-child em {position:relative; top:15px; width:14px; height:14px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -661px -460px no-repeat; display:block;} #hpe_head+#path .location .selectList > em {display:inline-block;position:relative;height:45px;padding:0 34px 0 30px;line-height:45px;color:#fff;} #hpe_head+#path .location .selectList > em:before{content:"";position:absolute;left:12px;top:17px;width:11px;height:10px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -259px -26px;} #hpe_head+#path .location .selectList > a:after{width:8px; height:4px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -753px -502px no-repeat;} #hpe_head+#path .location .selectList > a.on:after{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -753px -497px no-repeat;} #hpe_head+#path .location .selectList .list{display:none;} #hpe_head+#path .location .selectList .list li a{height:30px; line-height:30px; padding:0 20px; font-size:14px; color:#666; border-top:1px solid #e5e5e5} #hpe_head+#path .location .selectList .list li a:hover, #hpe_head+#path .location .selectList .list li a:focus{background:#f5f5f5; color:#0477bb;} #hpe_head+#path .location .selectList .list li:first-child a{border-top:0 none;} #hpe_head+#path #userWrap{position:absolute; bottom:auto; top:0; padding:0;} #hpe_head+#path #userWrap strong{color:#fee4b6; font-weight:bold;} #hpe_head+#path #userWrap > div:before{background:#d3dde7;} #hpe_head+#path #userWrap .login a{padding-left:21px;} #hpe_head+#path #userWrap .login a:before{top:0; width:15px; height:15px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -661px -497px no-repeat;} #hpe_head+#path .logout{position:absolute; top:0; right:50%; margin-right:-490px;} #hpe_head+#path .logout a{display:none; line-height:45px; color:#fff;} #hpe_head+#path .logout a:before{content:""; display:inline-block; vertical-align:top; width:15px; height:15px; margin:13px 5px 0 0; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -686px -497px no-repeat;} .fixedPath #path{top:0!important;} .fixedPath .hpe_gnb{display:none!important;} .main #path .location, .main #screenWrap.hpeScreen{display:none;} #screenWrap.hpeScreen a.func01 span{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -807px -497px no-repeat;} #screenWrap.hpeScreen a.func03 span{width:19px; height:19px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) -836px -497px no-repeat;} /* 은행소개 CONTENT */ .hpe_mainTop{width:100%; background-color:#f2e9d9 !important} .hpe_mainTop .bgArea{height:450px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) no-repeat center 0} .hpe_mainTop .bgArea dl dt, .hpe_mainTop .bgArea dl dd{text-indent:-9999px} .hpe_mainCon{width:100%} .hpe_mainCon .section01 .subNavi{overflow:hidden; margin-top:-20px} .hpe_mainCon .section01 .subNavi li{float:left; width:50%; height:40px} .hpe_mainCon .section01 .subNavi li > strong{margin-right:30px; font-size:15px; line-height:40px} .hpe_mainCon .section01 .subNavi li > a{position:relative; padding-left:12px; line-height:40px; font-size:15px; color:#fff} .hpe_mainCon .section01 .subNavi li > a:after{content:""; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-2px; background-color:#fff} .hpe_mainCon .section01 .subNavi li.left{background-color:#c97d1f; color:#fff; text-align:center;} .hpe_mainCon .section01 .subNavi li.right{background-color:#2d71c4; color:#fff; text-align:center;} .hpe_mainCon .section01 .secBrd {position:relative; overflow:hidden; margin-top:50px;} .hpe_mainCon .section01 .secBrd > li{min-height:232px} .hpe_mainCon .section01 .secBrd > .lta {float:left; width:33.3%; padding-right:25px; box-sizing:border-box; -moz-box-sizing:border-box;} .hpe_mainCon .section01 .secBrd > .cta {float:left; width:33.4%; padding:0 25px; box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;} .hpe_mainCon .section01 .secBrd > .rta {float:left; width:33.3%; padding:0 25px; box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px solid #dcdcdc} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center, .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_li .w2tabcontrol_tab_center, .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_li .w2tabcontrol_tab_left, .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_li .w2tabcontrol_tab_right{background-image:none;} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_li{margin-right:-1px; background-color:#e0e8f0; border:1px solid #bfc7d0; box-sizing:border-box; -moz-box-sizing:border-box;} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_active{background-color:#fff; border:1px solid #bfc7d0; border-bottom:none} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_li .w2tabcontrol_tab_center a{color:#777; font-size:14px; font-weight:normal; top:0; line-height:28px; display:block;} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a{color:#343434; font-size:14px; font-weight:normal} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_container{margin-top:1px !important; border:none} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_contents_wrapper{padding-top:20px; color:#777} .hpe_mainCon .section01 .secBrd > .lta h3{color:#343434; font-size:14px; font-weight:normal} .hpe_mainCon .section01 .secBrd .icoBox01, .hpe_mainCon .section01 .secBrd .icoBox02{position:relative; padding-top:121px; text-align:center;} .hpe_mainCon .section01 .secBrd .icoBox01:before{content:""; position:absolute; top:0; left:50%; margin-left:-50px; width:100px; height:100px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) no-repeat -10px -460px} .hpe_mainCon .section01 .secBrd .icoBox02:before{content:""; position:absolute; top:0; left:50%; margin-left:-50px; width:100px; height:100px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) no-repeat -120px -460px} .hpe_mainCon .section01 .secBrd .icoBox01 h2, .hpe_mainCon .section01 .secBrd .icoBox02 h2 {font-size:17px; font-weight:normal; color:#343434} .hpe_mainCon .section01 .secBrd .icoBox01 p, .hpe_mainCon .section01 .secBrd .icoBox02 p{line-height:20px; color:#777} .hpe_mainCon .section01 .secBrd .icoBox01 p > em, .hpe_mainCon .section01 .secBrd .icoBox02 p > em{font-weight:bold; color:#555} .hpe_mainCon .section01 .secBrd .icoBox01 .btnArea, .hpe_mainCon .section01 .secBrd .icoBox02 .btnArea{margin-top:12px} .hpe_mainCon .section01 .secBrd .icoBox01 .btnArea a{margin:0 7px} .hpe_mainCon .section01 .secBrd .icoBox02 .listDot{text-align:left} .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_contents_wrapper > .listDot > ul > li > a, .hpe_mainCon .section01 .secBrd .icoBox02 > .listDot > ul > li > a, .hpe_mainCon .section01 .secBrd > .lta > .listDot > ul > li > a{color:#777; text-decoration:none !important; cursor:pointer; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .hpe_mainCon .section01 .secBrd .lta .more{position:absolute; top:148px; left:279px; display:block; width:20px; height:20px; text-indent:-100em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_intro.png) -872px -44px no-repeat;} .hpe_mainCon .section02{height:59px; margin-top:50px; padding:10px 0; background-color:#f5f6fa} .hpe_mainCon .section02 .aticArea{overflow:hidden} .hpe_mainCon .section02 .aticArea .banArea{float:left; position:relative; padding-left:105px} .hpe_mainCon .section02 .aticArea .banArea .social{height:59px} .hpe_mainCon .section02 .aticArea .banArea .social:before{content:""; position:absolute; top:0; left:0; width:90px; height:59px; border:0;; background:url(https://image.shinhan.com/rib2017/images/hpe/common/img_temp01.png) no-repeat} .hpe_mainCon .section02 .aticArea .banArea .social a{display:block; margin-top:9px; font-size:15px; color:#343434; font-weight:normal} .hpe_mainCon .section02 .aticArea .banArea .social p{margin-top:11px; font-size:14px; color:#666} .hpe_mainCon .section02 .aticArea .linkArea{float:right; margin-top:19px} .hpe_mainCon .section02 .aticArea .linkArea a{display:inline-block; position:relative; margin-left:50px; padding-right:32px; line-height:24px; font-size:16px; color:#343434} .hpe_mainCon .section02 .aticArea .linkArea a:first-child{margin-left:0} .hpe_mainCon .section02 .aticArea .linkArea a:after{content:""; position:absolute; top:0; right:0; width:22px; height:22px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) no-repeat -834px -460px} #hpe_footer{margin-top:100px; /* overflow:hidden; */ border-top:1px solid #ddd} #hpe_footer .footCon{min-height:129px; padding-top:35px;} #hpe_footer .footCon .infoArea{float:left} #hpe_footer .footCon .infoArea .link{margin-top:10px} #hpe_footer .footCon .infoArea .link > a{display:inline-block; margin-left:15px; font-size:13px} #hpe_footer .footCon .infoArea .link > a:first-child{margin-left:0} #hpe_footer .footCon .infoArea > p{font-size:13px} #hpe_footer .footCon .infoArea > p > em{font-size:16px; margin-right:10px} #hpe_footer .footCon .optArea{float:right; position:relative;} #hpe_footer .footCon .optArea .btnMove .arrL, #hpe_footer .footCon .optArea .btnMove .arrR, #hpe_footer .footCon .optArea .icoSlide span{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain.png) no-repeat} #hpe_footer .footCon .optArea .icoSlide{position:relative; width:235px; height:26px; margin-top:20px} #hpe_footer .footCon .optArea .icoSlide .maskArea{position:relative; width:200px; height:26px; overflow:hidden} #hpe_footer .footCon .optArea .icoSlide .maskArea .icoWrap{position:absolute; top:0; left:0} #hpe_footer .footCon .optArea .icoSlide .maskArea .icoWrap span{display:inline-block; margin-left:14px; text-indent:-9999px; vertical-align:middle} #hpe_footer .footCon .optArea .icoSlide .maskArea .icoWrap span:first-child{margin-left:0} #hpe_footer .footCon .optArea .icoSlide .maskArea .icoWrap .ico01{width:26px; height:26px; background-position:-864px -460px;} #hpe_footer .footCon .optArea .icoSlide .maskArea .icoWrap .ico02{width:29px; height:20px; background-position:-904px -463px;} #hpe_footer .footCon .optArea .icoSlide .maskArea .icoWrap .ico03{width:26px; height:26px; background-position:-947px -460px;} #hpe_footer .footCon .optArea .icoSlide .maskArea .icoWrap .ico04{width:25px; height:25px; background-position:-987px -461px;} #hpe_footer .footCon .optArea .btnMove{position:absolute; top:5px; right:0} #hpe_footer .footCon .optArea .btnMove a{display:inline-block; width:16px; height:17px; vertical-align:middle;} #hpe_footer .footCon .optArea .btnMove .arrL{background-position:-1015px -464px} #hpe_footer .footCon .optArea .btnMove .arrR{background-position:-1034px -464px; margin-left:3px} #hpe_footer .footCon .fRoll{position:absolute; top:53px; right:0; width:205px;} .fRoll:after{content:""; display:block; clear:both;} .fRoll .fRoll_area{width:160px; height:25px;position:relative;} .fRoll .fRoll_area:before{content:""; position:absolute; top:0; left:-40px; z-index:9; display:block; width:40px; height:25px; background:#fff;} .fRoll .fRoll_area:after{content:""; position:absolute; top:0; left:100%; z-index:9; display:block; width:45px; height:35px; background:#fff;} .fRoll ul{position:absolute;left:0;top:0;width:1000px;} .fRoll ul li{float:left; width:40px; height:25px;position:relative;} .fRoll ul li .icon{display:block; text-indent:-100em; overflow:hidden;} .fRoll ul li .tooltip{display:none;position:absolute;left:-48px;bottom:35px;width:108px; padding:5px; background:#fff; border:1px solid #aaa; border-radius:2px; font-size:12px; line-height:18px; text-align:center; color:#343434;z-index:1;} .fRoll ul li .tooltip:before{content:""; display:block; position:absolute; bottom:-5px; left:50%; width:8px; height:5px; margin-left:-4px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_intro.png) -982px -74px no-repeat;} .fRoll ul li a:hover .tooltip, .fRoll ul li a:focus .tooltip{display:block;} .fRoll ul li a{display:inline-block} .fRoll .prev, .fRoll .next{position:absolute;top:3px;width:16px; height:17px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_intro.png) no-repeat; text-indent:-1000em;z-index:10;} .fRoll .prev{background-position:-947px -44px;right:20px;} .fRoll .next{background-position:-973px -44px;right:0;} #hpe_footer .site{position:absolute;top:0;right:0;width:240px;/* position:absolute;right:0px;top:0; */} #hpe_footer .site .select{float:left;position:relative;margin-left:5px;} #hpe_footer .site .select > a{display:inline-block;position:relative;width:115px;height:32px;padding:0 25px 0 20px;border:1px solid #ccc;font-size:13px;line-height:30px;color:#777;box-sizing:border-box;} #hpe_footer .site .select > a:before{content:"";position:absolute;right:7px;top:9px;width:19px;height:12px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -221px -34px;} #hpe_footer .site .select.on > a{position:relative;z-index:15;border-top-color:#fff;background-color:#fff;font-weight:bold;color:#343434 !important;} #hpe_footer .site .select.on > a:before{background-position:-221px -51px;} #hpe_footer .site .select.on:after{content:"";position:absolute;left:0;top:1px;z-index:100;width:99%;height:1px;background-color:#fff;} #hpe_footer .site .select.global.on:after{left:1px;} #hpe_footer .site .select .option{display:none;position:absolute;bottom:30px;width:235px;z-index:95;padding:17px 20px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;} #hpe_footer .site .select.global .option{left:0;} #hpe_footer .site .select.family .option{right:0;} #hpe_footer .site .select .option a:hover{color:#3579d4;} #hpe_footer .site .select .option > strong{display:block;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #dcdcdc;} #hpe_footer .site .select .option > strong a{display:block;position:relative;font-weight:bold;color:#343434;} #hpe_footer .site .select .option > strong a:after{content:"";display:inline-block;width:7px;height:12px;margin-left:15px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -229px -66px;} #hpe_footer .site .select .option ul{padding-right:10px;box-sizing:border-box;} #hpe_footer .site .select .option ul + ul{margin-top:17px;padding-top:17px;border-top:1px solid #ccc;} #hpe_footer .site .select .option li{display:block;margin-top:6px;} #hpe_footer .site .select .option li:first-child{margin-top:0;} #hpe_footer .site .select .option li a{display:block;font-size:13px;} .fixedPath #hpe_head {top:-110px;} .fixedPath #hpe_path {top:0;} /* 은행소개 in 채용정보 메인 */ .BI.inc #container{padding-top:100px !important;} .BI.inc #screenWrap{display:none} .BI.inc #hpe_footer{border:none; margin-top:0} .inc_mainTop .bgArea, .inc_mainCon .section01, .inc_mainCon .section02 .aticArea{width:980px; margin:0 auto} .inc_mainTop{width:100%; background:#e5edf8 url(https://image.shinhan.com/rib2017/images/hpe/main/img_incruitMain.png) no-repeat center 0} .inc_mainTop .bgArea{height:400px;} .inc_mainTop .bgArea dl dt, .inc_mainTop .bgArea dl dd{text-indent:-9999px} .inc_mainCon{width:100%} .inc_mainCon .section01 .subNavi{overflow:hidden; margin-top:-20px} .inc_mainCon .section01 .subNavi li{float:left; width:50%; height:40px} .inc_mainCon .section01 .subNavi li > strong{margin-right:30px; font-size:15px; line-height:40px} .inc_mainCon .section01 .subNavi li > a{position:relative; padding-left:12px; line-height:40px; font-size:15px; color:#fff} .inc_mainCon .section01 .subNavi li > a:after{content:""; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-2px; background-color:#fff} .inc_mainCon .section01 .subNavi li.left{background-color:#d88e32; color:#fff; text-align:center;} .inc_mainCon .section01 .subNavi li.right{background-color:#2d71c4; color:#fff; text-align:center;} .inc_mainCon .section01 .secBrd {position:relative; display:table; width:100%; margin-top:50px;} .inc_mainCon .section01 .secBrd > li{display:table-cell; min-height:232px} .inc_mainCon .section01 .secBrd > .lta {padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box;} .inc_mainCon .section01 .secBrd > .cta {padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;} .inc_mainCon .section01 .secBrd > .rta {padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box;} .inc_mainCon .section01 .secBrd .icoBox01, .inc_mainCon .section01 .secBrd .icoBox02, .inc_mainCon .section01 .secBrd .icoBox03{position:relative; padding-top:121px; text-align:center;} .inc_mainCon .section01 .secBrd .icoBox01:before{content:""; position:absolute; top:0; left:50%; margin-left:-50px; width:100px; height:100px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_incruitMain.png) no-repeat 0 -420px} .inc_mainCon .section01 .secBrd .icoBox02:before{content:""; position:absolute; top:0; left:50%; margin-left:-50px; width:100px; height:100px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_incruitMain.png) no-repeat -105px -420px} .inc_mainCon .section01 .secBrd .icoBox03:before{content:""; position:absolute; top:0; left:50%; margin-left:-50px; width:100px; height:100px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_incruitMain.png) no-repeat -210px -420px} .inc_mainCon .section01 .secBrd .icoBox01 h2, .inc_mainCon .section01 .secBrd .icoBox02 h2, .inc_mainCon .section01 .secBrd .icoBox03 h2 {font-size:18px; font-weight:normal; color:#343434} .inc_mainCon .section01 .secBrd .icoBox01 p, .inc_mainCon .section01 .secBrd .icoBox02 p, .inc_mainCon .section01 .secBrd .icoBox03 p{line-height:22px; color:#777} .inc_mainCon .section01 .secBrd .icoBox01 p > em, .inc_mainCon .section01 .secBrd .icoBox02 p > em, .inc_mainCon .section01 .secBrd .icoBox03 p > em{font-weight:bold; color:#555} .inc_mainCon .section01 .secBrd .icoBox01 .btnArea, .inc_mainCon .section01 .secBrd .icoBox02 .btnArea, .inc_mainCon .section01 .secBrd .icoBox03 .btnArea{margin-top:12px} .inc_mainCon .section01 .secBrd .icoBox01 .btnArea a, .inc_mainCon .section01 .secBrd .icoBox02 .btnArea a, .inc_mainCon .section01 .secBrd .icoBox03 .btnArea a{margin-left:10px} .inc_mainCon .section01 .secBrd .icoBox01 .btnArea a:first-child, .inc_mainCon .section01 .secBrd .icoBox02 .btnArea a:first-child, .inc_mainCon .section01 .secBrd .icoBox03 .btnArea a:first-child{margin-left:0} .inc_mainCon .section01 .secBrd .icoBox01 .btnArea a:before, .inc_mainCon .section01 .secBrd .icoBox01 .btnArea a:after, .inc_mainCon .section01 .secBrd .icoBox02 .btnArea a:before, .inc_mainCon .section01 .secBrd .icoBox02 .btnArea a:after, .inc_mainCon .section01 .secBrd .icoBox03 .btnArea a:before, .inc_mainCon .section01 .secBrd .icoBox03 .btnArea a:after{width:10px !important} .inc_mainCon .section01 .secBrd .icoBox03 .listDot{text-align:left} .inc_mainCon .section01 .secBrd .icoBox03 .listDot a{text-decoration:none} .inc_mainCon .section01 .secBrd .icoBox03 .listDot > ul > li > a{text-decoration:none !important;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .inc_mainCon .section01 .secBrd .icoBox03{width:282px;} .inc_mainCon .section02{height:100px; margin-top:50px; background:#f5f6fa;} .inc_mainCon .section02 .aticArea{width:980px; margin:auto;} .inc_mainCon .section02 .aticArea:after{content:""; display:block; clear:both;} .inc_mainCon .section02 .aticArea dt{float:left; font-size:20px; line-height:100px; color:#343434;} .inc_mainCon .section02 .aticArea dd{float:right;} .inc_mainCon .section02 .aticArea dd ul:after{content:""; display:block; clear:both;} .inc_mainCon .section02 .aticArea dd ul li{float:left; margin-left:30px;} .inc_mainCon .section02 .aticArea dd ul li a{display:block;} .inc_mainCon .section02 .aticArea dd ul li a span:first-child{display:inline-block; font-size:16px; line-height:100px; color:#343434;} .inc_mainCon .section02 .aticArea dd ul li a .icon{display:inline-block; width:22px; height:22px; margin-left:10px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_incruitMain.png) -315px -420px no-repeat; vertical-align:middle;} /* 금융서비스 메인 */ .hideUser #screenWrap{display:none;} .hpe_bankService{padding-top:45px; min-width:980px;} .hpe_bankService .bgMove{position:absolute; z-index:10; top:109px; left:0; width:100%; min-width:980px; height:350px; overflow:hidden;} .hpe_bankService .bgMove span{position:absolute; top:0; left:0; width:100%; height:350px;} .hpe_bankService .bgMove span.bg1{/*background:#eaf3ff;*/background:#f8f3ed;} .hpe_bankService .bgMove span.bg2{left:100%; background:#f8f3ed;} .hpe_bankService .bgMove span.bg3{left:100%; background:#fff1d1;} .hpe_bankService .bgMove span.bg4{left:-100%; background:#ffd1d1;} .hpe_bankService .bgArea{position:relative; z-index:11; height:305px; margin-top:-45px; padding-top:45px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) center -10px no-repeat;} .hpe_bankService .rollBanner{position:relative; height:304px; border-bottom:1px solid #eae7e4; overflow:hidden;} .hpe_bankService .rollBanner .btnLeft, .hpe_bankService .rollBanner .btnRight{z-index:10; position:absolute; top:50%; left:0px; margin-top:-17px; min-width:30px; max-width:70px; width:3%;} @media all and (min-width:1150px){ .hpe_bankService .rollBanner .btnLeft, .hpe_bankService .rollBanner .btnRight {width:100%;} } /* @media \0screen{ */ /* .hpe_bankService .rollBanner .btnLeft, */ /* .hpe_bankService .rollBanner .btnRight {width:100%;} */ /* } */ .hpe_bankService .rollBanner .btnLeft a, .hpe_bankService .rollBanner .btnRight a {float:right; width:19px; height:37px; text-indent:-1000em; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -642px -475px no-repeat; overflow:hidden; display:block;} .hpe_bankService .rollBanner .btnRight{left:auto; right:0px;} .hpe_bankService .rollBanner .btnRight a {float:left; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -671px -475px no-repeat;} .hpe_bankService .rollBanner .bannerCenter{position:relative; width:940px; margin:auto;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt{position:absolute; top:50px; left:0; z-index:10; width:460px; height:150px;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > a{position:relative; top:163px; display:inline-block; padding:10px 15px; font-size:15px; color:#888; border-bottom:5px solid #d1d9e2; font-weight:bold;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > a.on{color:#2d71c4; border-bottom:5px solid #2d71c4;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div{position:absolute; top:0; left:0; width:460px;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div.banner1{left:0;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div.banner2, .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div.banner3, .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div.banner4{left:460px; display:none;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div .title{padding-bottom:13px;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div .title span{font-size:30px; color:#343434; font-weight:bold;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div .title span.blue{color:#2d71c4;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div ul:after{content:""; display:block; clear:both;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div ul li{float:left;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div ul li a{position:relative; display:block; padding-right:40px; font-size:15px; color:#343434;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div ul li a:before{content:""; display:block; position:absolute; top:0; right:20px; z-index:11; width:16px; height:16px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -758px -370px no-repeat;} .hpe_bankService .rollBanner .bannerCenter .bannerTxt > div .desc{padding-bottom:14px; font-size:16px; color:#555; line-height:24px;} .hpe_bankService .rollBanner .bannerCenter .bannerImg{position:absolute; top:67px; right:139px; z-index:10; width:148px; height:238px; overflow:hidden;} .hpe_bankService .rollBanner .bannerCenter .bannerImg span{position:absolute; top:0; left:0; width:148px; height:238px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService_240129.png) -10px -370px no-repeat;} .hpe_bankService .rollBanner .bannerCenter .bannerImg .img1{left:0;} .hpe_bankService .rollBanner .bannerCenter .bannerImg .img2{left:148px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService_240129.png) -168px -370px no-repeat;} .hpe_bankService .rollBanner .bannerCenter .bannerImg .img3{left:148px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService_240129.png) -326px -370px no-repeat;} .hpe_bankService .rollBanner .bannerCenter .bannerImg .img4{left:148px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService_240129.png) -484px -370px no-repeat;} .hpe_bankService .topBanner{width:980px; margin:auto; padding:50px 0;} .hpe_bankService .topBanner ul:after{content:""; display:block; clear:both;} .hpe_bankService .topBanner ul li{position:relative; float:left; width:257px; height:106px; padding:0 20px 0 30px; border-right:1px solid #dcdcdc; box-sizing:border-box;} .hpe_bankService .topBanner ul li:first-child{width:465px; padding:0 30px 0 115px;} .hpe_bankService .topBanner ul li .title{padding:20px 0 10px 0; font-size:16px; color:#343434; font-weight:bold;} .hpe_bankService .topBanner ul li .desc{color:#888; line-height:22px;} .hpe_bankService .topBanner ul li.banner1 .title{padding:13px 0 5px 0;} .hpe_bankService .topBanner ul li .title span{font-size:28px; color:#343434; font-weight:bold;} .hpe_bankService .topBanner ul li .title span:first-child{font-size:15px; font-weight:normal; padding-right:5px;} .hpe_bankService .topBanner ul li.banner2 .desc, .hpe_bankService .topBanner ul li.banner3 .desc{padding-left:55px;} .hpe_bankService .topBanner ul li.banner1:before{content:""; display:block; position:absolute; top:23px; left:9px; width:85px; height:65px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -642px -402px no-repeat;} .hpe_bankService .topBanner ul li.banner2:before{content:""; display:block; position:absolute; top:50px; left:30px; width:41px; height:35px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -737px -402px no-repeat;} .hpe_bankService .topBanner ul li.banner3:before{content:""; display:block; position:absolute; top:50px; left:30px; width:34px; height:35px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -788px -402px no-repeat;} .hpe_bankService .midBanner{background:#f5f6fa;} .hpe_bankService .midBanner > dl{width:980px; margin:auto; padding:39px 0;} .hpe_bankService .midBanner > dl:after{content:""; display:block; clear:both;} .hpe_bankService .midBanner > dl dt{float:left; font-size:20px; color:#343434;} .hpe_bankService .midBanner > dl dd{float:right;} .hpe_bankService .midBanner > dl dd ul:after{content:""; display:block; clear:both;} .hpe_bankService .midBanner > dl dd ul li{float:left; margin-left:29px;} .hpe_bankService .midBanner > dl dd ul li:first-child{margin-left:0;} .hpe_bankService .midBanner > dl dd ul li span{display:inline-block; line-height:22px; color:#666;} .hpe_bankService .midBanner > dl dd ul li span:first-child{margin-right:5px; font-size:16px; color:#343434;} .hpe_bankService .midBanner > dl dd ul li span.icon{display:inline-block; width:22px; height:22px; margin-left:10px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -726px -370px no-repeat; vertical-align:middle;} .hpe_bankService .bottomBanner{width:980px; margin:auto; padding:50px 0 0 0;} .hpe_bankService .bottomBanner:after{content:""; display:block; clear:both;} .hpe_bankService .bottomBanner > li{float:left; width:255px; height:328px; padding:0 28px; margin-left:20px; border:1px solid #b7bbd1; text-align:center;} .hpe_bankService .bottomBanner > li:first-child{margin-left:0;} .hpe_bankService .bottomBanner > li > strong{display:block; padding:30px 0 15px 0; font-size:18px; color:#343434; font-weight:bold;} .hpe_bankService .bottomBanner > li dl dt{padding:20px 0 8px 0; text-align:left; font-size:15px; color:#3579d4; border-top:1px solid #dcdcdc;} .hpe_bankService .bottomBanner > li dl dt a, .hpe_bankService .bottomBanner > li dl dt span{font-size:15px; color:#3579d4;} .hpe_bankService .bottomBanner > li dl dd{padding-bottom:14px; text-align:left; line-height:22px;} .hpe_bankService .bottomBanner > li dl dd a, .hpe_bankService .bottomBanner > li dl dd span{text-align:left; line-height:22px;} .hpe_bankService .bottomBanner > li dl dd .btnTyGray01 {margin:9px 10px 0 0; line-height:30px;} .hpe_bankService .bottomBanner > li dl dd ul{margin:-7px 0 -14px 0;} .hpe_bankService .bottomBanner > li dl dd ul li a{position:relative; display:block; line-height:46px; border-top:1px dashed #dcdcdc;} .hpe_bankService .bottomBanner > li dl dd ul li a:before{content:"-"; margin-right:5px;} .hpe_bankService .bottomBanner > li dl dd ul li a:after{content:""; display:block; position:absolute; top:15px; right:0; width:15px; height:15px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -758px -370px no-repeat;} .hpe_bankService .bottomBanner > li dl dd ul li:first-child a{border-top:0 none;} .hpe_bankService .bottomBanner > li > ul{padding:22px 0 18px 0; border-top:1px solid #dcdcdc;} .hpe_bankService .bottomBanner > li > ul:after{content:""; display:block; clear:both;} .hpe_bankService .bottomBanner > li > ul li{float:left;} .hpe_bankService .bottomBanner > li > ul li.banner1{margin-right:15px;} .hpe_bankService .bottomBanner > li > ul li.banner3{float:right;} .hpe_bankService .bottomBanner > li > ul li a{display:block; color:#343434;} .hpe_bankService .bottomBanner > li > ul li a:before{content:""; display:block; width:65px; height:65px; margin:0 auto 13px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -832px -402px no-repeat;} .hpe_bankService .bottomBanner > li > ul li.banner2 a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -1057px -402px no-repeat;} .hpe_bankService .bottomBanner > li > ul li.banner3 a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -982px -402px no-repeat;} /* 고객센터 메인 */ /*.hideQuick #quick{display:none;}*/ .pathClear.hepPath #path{background-color:transparent; border-bottom:1px solid #dbdbdb;} .pathClear.bg #path{background:#fff;} .pathClear.hepPath #userWrap span, .pathClear.hepPath #userWrap a{color:#666; vertical-align:middle;} .pathClear.hepPath #userWrap > div:before{background:#d3dde7;} .pathClear.hepPath #userWrap .login a:before{background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) -476px -95px no-repeat;} .pathClear.hepPath #userWrap .login a.on:before{background-position:-501px -95px;} .pathClear.hepPath #userWrap strong{color:#d58017;} /* #d88e32 */ .hpe_customerMain{padding-top:45px; min-width:980px; overflow:hidden;} .hpe_customerMain .bgArea{position:relative; height:349px; margin-top:-45px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_customerMainBg.png) center 0 repeat-y; border-bottom:1px solid #eae7e5;} .hpe_customerMain .queSearch{position:relative; width:980px; margin:auto; padding:100px 0 0 20px; box-sizing:border-box;} .hpe_customerMain .queSearch .title{padding-bottom:20px;} .hpe_customerMain .queSearch .title a{line-height:30px; font-size:28px; color:#343434;} .hpe_customerMain .queSearch .title a:after{content:""; display:inline-block; margin:1px 0 0 10px; vertical-align:top; width:26px; height:26px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_customerMain.png) -10px -603px no-repeat;} .hpe_customerMain .queSearch .title span{line-height:30px; font-size:28px; font-weight:normal; color:#343434;} .hpe_customerMain .queSearch .search{width:446px; height:53px; padding:7px 0 0 7px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_customerMain.png) -10px -487px;} .hpe_customerMain .queSearch .search input[type=text]{width:386px; height:46px; border:0 none;} .hpe_customerMain .queSearch .search a{display:inline-block; width:25px; height:25px; text-indent:-1000em; vertical-align:top; margin:11px 0 0 18px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_customerMain.png) -46px -603px; overflow:hidden;} .hpe_customerMain .queSearch > dl{padding-top:20px;} .hpe_customerMain .queSearch > dl:after{content:""; display:block; clear:both;} .hpe_customerMain .queSearch > dl dt{float:left; font-size:15px; color:#3579d4; font-weight:bold;} .hpe_customerMain .queSearch > dl dd{position:relative; float:left; padding-left:15px; margin-left:17px;} .hpe_customerMain .queSearch > dl dd a{font-size:15px; color:#343434;} .hpe_customerMain .queSearch > dl dd:after{content:""; display:block; position:absolute; top:0; left:0; width:1px; height:13px; background:#ababab;} .hpe_customerMain .queSearch > dl dd.first:after{background:none;} .hpe_customerMain .queSearch .slogan p{font-size:16px; color:#555; line-height:24px;} .hpe_customerMain .queSearch .slogan p:first-child{padding:93px 0 19px 0; font-size:38px; color:#6e6156;} .hpe_customerMain .queSearch .slogan p span{color:#e47516;} .hpe_customerMain .queSearch .bgImg{position:absolute; top:39px; right:-349px; z-index:11; width:800px; height:358px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_customerMain.png) -10px -10px no-repeat;} .hpe_customerMain .topBanner{width:980px; margin:52px auto; text-align:center;} .hpe_customerMain .topBanner:after{content:""; display:block; clear:both;} .hpe_customerMain .topBanner li{float:left; display:inline-block; width:16.666%; height:76px; text-align:center; border-left:1px solid #dcdcdc; box-sizing:border-box;} .hpe_customerMain .topBanner li:first-child{border-left:0 none;} .hpe_customerMain .topBanner li a{display:block;} .hpe_customerMain .topBanner li a .icon{display:block; margin:3px auto 17px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_customerMain.png);} .hpe_customerMain .topBanner li.banner1 a .icon{width:36px; height:36px; background-position:-10px -557px;} .hpe_customerMain .topBanner li.banner2 a .icon{width:38px; height:36px; background-position:-56px -557px;} .hpe_customerMain .topBanner li.banner3 a .icon{width:42px; height:35px;background-position:-104px -557px;} .hpe_customerMain .topBanner li.banner4 a .icon{width:41px; height:35px;background-position:-156px -557px;} .hpe_customerMain .topBanner li.banner5 a .icon{margin-top:2px; width:33px; height:38px;background-position:-207px -557px;} .hpe_customerMain .topBanner li.banner6 a .icon{margin-top:0; width:44px; height:40px;background-position:-250px -556px;} .hpe_customerMain .topBanner li a .text{font-size:16px; color:#343434; font-weight:bold;} .hpe_customerMain .midBanner{height:100px; margin-bottom:50px; background:#f5f6fa;} .hpe_customerMain .midBanner dl{width:980px; margin:auto;} .hpe_customerMain .midBanner dl:after{content:""; display:block; clear:both;} .hpe_customerMain .midBanner dl dt{float:left; font-size:20px; line-height:100px; color:#343434;} .hpe_customerMain .midBanner dl dd{float:right;} .hpe_customerMain .midBanner dl dd ul:after{content:""; display:block; clear:both;} .hpe_customerMain .midBanner dl dd ul li{float:left; margin-left:30px;} .hpe_customerMain .midBanner dl dd ul li a{display:block;} .hpe_customerMain .midBanner dl dd ul li a span:first-child{display:inline-block; font-size:16px; line-height:100px; color:#343434;} .hpe_customerMain .midBanner dl dd ul li a .icon{display:inline-block; width:22px; height:22px; margin-left:10px; text-indent:-1000em; overflow:hidden; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -726px -370px no-repeat; vertical-align:middle;} .hpe_customerMain .bottomBanner{width:980px; margin:auto;} .hpe_customerMain .bottomBanner:after{content:""; display:block; clear:both;} .hpe_customerMain .bottomBanner > div{float:left; width:313px; height:969px; padding:0 29px; margin-left:20px; border:1px solid #b7bbd1; box-sizing:border-box;} .hpe_customerMain .bottomBanner > div:first-child{margin-left:0;} .hpe_customerMain .bottomBanner > div > strong{display:block; margin:30px 0 18px 0; font-size:18px; color:#343434; text-align:center; font-weight:bold;} .hpe_customerMain .bottomBanner > div > p{height:120px;} .hpe_customerMain .bottomBanner > div > p .icon{display:block; margin-left:78px; width:117px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_customerMain.png);} .hpe_customerMain .bottomBanner > div.leftBanner > p .icon{height:96px; background-position:-10px -378px;} .hpe_customerMain .bottomBanner > div.centerBanner > p .icon{height:99px; background-position:-137px -378px;} .hpe_customerMain .bottomBanner > div.rightBanner > p .icon{height:89px; background-position:-263px -378px;} .hpe_customerMain .bottomBanner > div > dl > dt{padding:19px 0 15px 0; font-size:15px; color:#3579d4; border-top:1px solid #dcdcdc;} .hpe_customerMain .bottomBanner > div > dl > dt a{font-size:15px; color:#3579d4;} .hpe_customerMain .bottomBanner > div > dl > dd > p:first-child{margin-top:-7px; padding:0 0 14px 0;} .hpe_customerMain .bottomBanner > div > dl > dd > p:first-child a{line-height:21px;} .hpe_customerMain .bottomBanner > div > dl > dd .btnTyGray01{margin-right:10px;} .hpe_customerMain .bottomBanner > div > dl > dd .btnTyGray01.ars{margin-right:0; margin-left:10px} .hpe_customerMain .bottomBanner > div > dl > dd .btnTyGray01.ars:before, .hpe_customerMain .bottomBanner > div > dl > dd .btnTyGray01.ars:after{width:10px} .hpe_customerMain .bottomBanner > div > dl > dd dt{position:relative;} .hpe_customerMain .bottomBanner > div > dl > dd dt > span{display:inline-block; width:60px; height:20px; padding-top:2px; box-sizing:border-box; background:#5b8ab1; vertical-align:middle; text-align:center; color:#fff; font-size:15px; border-radius:2px;} @media \0screen{ .hpe_customerMain .bottomBanner > div > dl > dd dt > span{padding-top:0;} } .hpe_customerMain .bottomBanner > div > dl > dd dt > em{display:inline-block; margin-left:10px; color:#3579d4; vertical-align:middle; font-size:15px;} .hpe_customerMain .bottomBanner > div > dl > dd dd{padding:5px 0 7px 0; margin-bottom:15px; border-bottom:1px dashed #dcdcdc;} .hpe_customerMain .bottomBanner > div > dl > dd dd p{position:relative; padding:0 0 0 14px; line-height:28px;} .hpe_customerMain .bottomBanner > div > dl > dd dd p:after{content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:1px; background:#666;} .hpe_customerMain .bottomBanner > div > dl > dd p.time{padding:13px 0 13px 0; color:#343434;} .hpe_customerMain .bottomBanner > div > dl > dd p.singo{padding-bottom:13px; border-bottom:1px solid #dcdcdc;} .hpe_customerMain .bottomBanner > div > dl > dd p.phoneOk{padding:20px 0 13px 0; color:#3579d4;} .hpe_customerMain .bottomBanner > div > dl > dd ul{margin:-15px 0 0 0;} .hpe_customerMain .bottomBanner > div > dl > dd ul li a{position:relative; display:block; line-height:44px; border-top:1px dashed #dcdcdc;} .hpe_customerMain .bottomBanner > div > dl > dd ul li a:before{content:"-"; margin-right:5px;} .hpe_customerMain .bottomBanner > div > dl > dd ul li a:after{content:""; display:block; position:absolute; top:15px; right:0; width:15px; height:15px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_bankService.png) -758px -370px no-repeat;} .hpe_customerMain .bottomBanner > div > dl > dd ul li:first-child a{border-top:0 none;} /* vostro 메인 */ .wrapVostro.main{min-width:980px; padding:65px 0 70px 0;} .wrapVostro.main .headerIn{width:980px; margin:auto;} .wrapVostro.main #headerVostro #gnb > li > ul{display:none;} .wrapVostro.main .container{position:relative; padding:499px 0 0 0; min-width:980px; height:100%; background:#e9f5fd; box-sizing:border-box;} .wrapVostro.main .container .slogan{position:absolute; top:0; left:50%; width:980px; margin-left:-490px; height:584px; text-indent:-1000em; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_vostro.png) -10px -52px repeat-x; overflow:hidden;} .wrapVostro.main #footerVostro{position:absolute; bottom:0; left:0; width:100%; min-width:980px;} .wrapVostro.main #footerVostro .copy{width:980px; margin:auto;} .wrapVostro.main .loginBox{position:relative; z-index:2; min-width:980px; height:66px; margin-left:-30px; padding-top:34px; background:rgba(255,255,255,0.8); text-align:center;} .wrapVostro.main .loginBox li{display:inline-block;} .wrapVostro.main .loginBox li input{width:167px; margin-left:10px;} .wrapVostro.main .loginBox li h2{padding-right:10px; margin-left:12px; font-size:18px; line-height:30px;} .wrapVostro.main .loginBox li .btnTyBlue01{margin-left:20px; font-size:16px; min-width:90px;} /* 신한PWM */ .PWM.main #container{padding-top:100px;} .PWM.main #hpe_head{position:fixed; top:0; height:100px; background:#fff url(https://image.shinhan.com/rib2017/images/hpe/main/pwm_header_bg.gif) repeat-x;} .PWM.main #hpe_head .headIn > h1{padding-top:56px;} .PWM.main #hpe_head .headIn > h1 a{width:126px; height:26px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/pwm_newlogo.png) no-repeat left top;} .PWM.main #hpe_head .headIn > .topMenuWrap{right:50%; margin-right:-490px; top:13px!important;} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various{margin:0 0 0 37px;} .PWM.main #hpe_head .headIn > .topMenuWrap > .topMenu > li{margin-left:16px;} .PWM.main #hpe_head .headIn > .topMenuWrap > .topMenu > li > a{color:#fff} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a{color:#ddd;} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > div.global{margin-left:15px} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a:after{content:""; display:inline-block; vertical-align:middle; width:7px; height:4px; margin-left:7px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -588px -510px no-repeat;} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on{color:#fff} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on:after{background-position:-527px -524px;} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > .members > .boxInner > ul, .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > .global > .boxInner > .listBox{border-top:2px solid #6e5038} .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > .members > .boxInner > ul a:hover, .PWM.main #hpe_head .headIn > .topMenuWrap > .util > .various > .global > .boxInner > .listBox a:hover{color:#6e5038} .PWM.main #global{position:static; height:auto; padding-top:0; background:transparent!important;} .PWM.main #global:after{content:""; display:block; clear:both;} .PWM.main #path{position:fixed; background:transparent!important;} .PWM.main .hpe_path .wrapInner .location{display:none} .PWM.main #hpe_head+#path #userWrap strong{color:#b28226;} .PWM.main #userWrap strong, .PWM.main #userWrap span, .PWM.main #userWrap a{color:#333;} .PWM.main #path #userWrap .login a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -544px -510px no-repeat!important;} .PWM #hpe_head{position:fixed; top:0; height:100px; background:#fff} .PWM #hpe_head .headIn > h1{position:relative; z-index:5; padding-top:56px;} .PWM #hpe_head .headIn > h1 a{width:126px; height:26px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/pwm_newlogo.png) no-repeat left top;} .PWM #hpe_head .headIn > .topMenuWrap{right:50%; margin-right:-490px; top:13px!important;} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various{margin:0 0 0 37px;} .PWM #hpe_head .headIn > .topMenuWrap > .topMenu > li{margin-left:16px;} .PWM #hpe_head .headIn > .topMenuWrap > .topMenu > li > a{color:#555} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > div > a{color:#777;} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > div.global{margin-left:15px} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > div > a:after{content:""; display:inline-block; vertical-align:middle; width:7px; height:4px; margin-left:7px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -588px -510px no-repeat;} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on{color:#6e5038} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on:after{background-position:-600px -524px;} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > .members > .boxInner > ul, .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > .global > .boxInner > .listBox{border-top:2px solid #6e5038} .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > .members > .boxInner > ul a:hover, .PWM #hpe_head .headIn > .topMenuWrap > .util > .various > .global > .boxInner > .listBox a:hover{color:#6e5038} .PWM #global{position:static; height:auto; padding-top:0; background:transparent!important;} .PWM #global:after{content:""; display:block; clear:both;} .PWM #path{position:fixed; background:#735a45 !important;} .PWM #hpe_head+#path #userWrap strong{color:#fff;} .PWM #path .location .selectList > em:before, .PWM #path .location .selectList > a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -612px -510px no-repeat!important;} .PWM #userWrap strong, .PWM #userWrap span, .PWM #userWrap a{color:#fff;} .PWM #path #userWrap .login a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -544px -529px no-repeat!important;} #pwm_gnb{margin-top:-23px} #pwm_gnb .wrapInner{position:relative;} #pwm_gnb .navMenu{position:relative; float:right;} #pwm_gnb .navMenu .movBar {position:absolute; left:0; bottom:0; width:0px; height:0px; background:#735a45; display:none;} #pwm_gnb .navMenu.onMove .movBar {display:block; height:4px;} #pwm_gnb .navMenu a{display:block;} #pwm_gnb .navMenu > ul > li{display:inline-block; position:relative; margin:0 0 0 15px;} #pwm_gnb .navMenu > ul > li > a{position:relative;height:41px;margin-right:10px;font-size:18px;color:#333;max-height:100%;} #pwm_gnb .navMenu > ul:first-child > li > a{margin-right:0;} #pwm_gnb .navMenu > ul > li.on > a{color:#6e5038;} #pwm_gnb .navMenu > ul > li > a.hover, #pwm_gnb .navMenu > ul > li > a.hover span{display:block;height:37px;color:#6e5038;} /* #pwm_gnb .navMenu > ul > li > a.hover span{border-bottom:4px solid #735a45;} */ #pwm_gnb .navMenu > ul > li > a > span{padding:0 10px;} #pwm_gnb .nav2Dep{display:none;position:absolute; left:0; top:40px; min-width:100px; padding-top:20px; box-sizing:border-box; z-index:3;} #pwm_gnb .nav2Dep > ul > li{position:relative;margin-top:15px;padding-left:10px;vertical-align:top; white-space:nowrap;} #pwm_gnb .nav2Dep > ul > li:first-child{margin-top:0} #pwm_gnb .nav2Dep > ul > li > a{display:block;font-size:14px; color:#444;} #pwm_gnb .nav2Dep > ul > li > a.on{color:#6e5038; text-decoration:underline} #pwm_gnb .nav2Dep > ul > li > a:hover{color:#6e5038} #pwm_gnb > .bg{display:none;position:absolute;left:0;top:100px;z-index:2;width:100%;height:185px;border-top:1px solid #dad6d0;background-color:#fff;} #pwm_gnb > .bg:after{content:"";position:absolute;left:0;bottom:-16px;width:100%;height:16px;background:url(https://image.shinhan.com/rib2017/images/layout/bg_gnb_shadow.png) repeat 0 0;} #pwm_gnb > .bg > .area {margin:0 auto; position:relative; left:100px; width:900px; height:100%;} .mobScreen #pwm_gnb > .bg > .area {display:none;} .pwm_mainTop .slogan, .pwm_mainCon .section01{width:980px; margin:0 auto} .pwm_mainTop{width:100%; height:500px; background:#f5f5f4 url(https://image.shinhan.com/rib2017/images/hpe/main/img_pwmMain.png) no-repeat center 0 !important} .pwm_mainTop .slogan{padding-top:90px} .pwm_mainTop .slogan p{font-size:40px; color:#222} .pwm_mainTop .slogan p > em{color:#89582f} .pwm_mainTop .slogan span{display:inline-block; margin-top:10px; font-size:18px; color:#565656} .pwm_mainTop .slogan .btnSgGrp{overflow:hidden; margin-top:40px} .pwm_mainTop .slogan .btnSgGrp > li{float:left; margin-left:10px;} .pwm_mainTop .slogan .btnSgGrp > li:first-child{margin-left:0} .pwm_mainTop .slogan .btnSgGrp > li > a{display:block; position:relative; width:140px; height:180px; color:#fff; font-weight:bold; border-radius:2px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box;} .pwm_mainTop .slogan .btnSgGrp > li > a:before{content:""; position:absolute; top:30px; left:50%; width:70px; height:70px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_pwmMain.png) no-repeat} .pwm_mainTop .slogan .btnSgGrp > li > a.btn01{padding-top:131px; background-color:#735a45} .pwm_mainTop .slogan .btnSgGrp > li > a.btn02{padding-top:121px; background-color:#655d58} .pwm_mainTop .slogan .btnSgGrp > li > a.btn03{padding-top:131px; background-color:#6a696f} .pwm_mainTop .slogan .btnSgGrp > li > a.btn01:before{margin-left:-35px; background-position:0 -510px} .pwm_mainTop .slogan .btnSgGrp > li > a.btn02:before{margin-left:-35px; background-position:-80px -510px} .pwm_mainTop .slogan .btnSgGrp > li > a.btn03:before{margin-left:-28px; background-position:-160px -510px} .pwm_mainCon .section01 .secBrd {position:relative; overflow:hidden; margin-top:50px;} .pwm_mainCon .section01 .secBrd > li{float:left; width:290px; box-sizing:border-box; -moz-box-sizing:border-box;} .pwm_mainCon .section01 .secBrd > li > h2{font-size:16px; font-weight:normal; color:#333} .pwm_mainCon .section01 .secBrd > .lta > a, .pwm_mainCon .section01 .secBrd > .cta > .centerInfo:before, .pwm_mainCon .section01 .secBrd > .cta > .centerInfo > a:after, .pwm_mainCon .section01 .secBrd > .rta > .imgBanner{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_pwmMain.png) no-repeat} .pwm_mainCon .section01 .secBrd > .lta {position:relative} .pwm_mainCon .section01 .secBrd > .lta > h2{height:30px; border-bottom:2px solid #ccc} .pwm_mainCon .section01 .secBrd > .lta > a{display:block; position:absolute; top:5px; right:0; width:10px; height:10px; text-indent:-1000em; background-position:-25px -606px} .pwm_mainCon .section01 .secBrd > .lta > .newsList{margin-top:15px} .pwm_mainCon .section01 .secBrd > .lta > .newsList > li{margin-top:10px} .pwm_mainCon .section01 .secBrd > .lta > .newsList > li:first-child{margin-top:0} .pwm_mainCon .section01 .secBrd > .lta > .newsList > li > a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .pwm_mainCon .section01 .secBrd > .cta {margin:0 55px} .pwm_mainCon .section01 .secBrd > .cta > .centerInfo{position:relative; margin-top:19px; padding-left:130px;} .pwm_mainCon .section01 .secBrd > .cta > .centerInfo:before{content:""; position:absolute; top:0; left:0; width:100px; height:82px; background-position:-226px -510px} .pwm_mainCon .section01 .secBrd > .cta > .centerInfo > p{line-height:25px; font-size:18px; color:#333} .pwm_mainCon .section01 .secBrd > .cta > .centerInfo > a{display:inline-block; position:relative; margin-top:12px; padding-right:22px; font-size:13px;} .pwm_mainCon .section01 .secBrd > .cta > .centerInfo > a+a{margin-left:22px} .pwm_mainCon .section01 .secBrd > .cta > .centerInfo > a:after{content:""; position:absolute; top:0; right:0; width:15px; height:15px; background-position:0 -606px} .pwm_mainCon .section01 .secBrd > .rta > .imgBanner{width:290px; height:86px; margin-top:15px; background-position:-336px -510px} .pwm_mainCon .section01 .secBrd > .rta > .imgBanner > a{display:block; height:60px; padding:26px 0 0 20px; color:#333} body.main #pwm_footer{margin-top:30px} #pwm_footer{margin-top:100px; border-top:1px solid #ddd} #pwm_footer .footCon{min-height:70px; padding-top:30px;} #pwm_footer .footCon .infoArea{float:left} #pwm_footer .footCon .infoArea .link{margin-top:10px} #pwm_footer .footCon .infoArea .link > a{display:inline-block; margin-left:10px; padding-left:10px; font-size:13px; border-left:1px solid #ccc} #pwm_footer .footCon .infoArea .link > a:first-child{margin-left:0; padding-left:0; border-left:none} #pwm_footer .footCon .infoArea .link > span{display:inline-block; margin-left:30px} #pwm_footer .footCon .infoArea .link > span > em{font-size:16px} #pwm_footer .footCon .optArea{float:right} #pwm_footer .footCon .btnPageTop{display:block;position:relative;overflow:hidden;width:32px;height:32px;border-radius:2px;background-color:#4f4d4c;text-align:center;text-indent:-5000em;} #pwm_footer .footCon .btnPageTop:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:13px;margin:-6px 0 0 -6px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -169px -10px;} #pwm_footer .site{position:absolute;right:47px;top:0;} #pwm_footer .site .select{float:left;position:relative;margin-left:5px;} #pwm_footer .site .select > a{display:inline-block;overflow:hidden;position:relative;width:115px;height:32px;padding:0 25px 0 20px;border:1px solid #ccc;font-size:13px;line-height:30px;color:#777;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;} #pwm_footer .site .select > a:before{content:"";position:absolute;right:7px;top:9px;width:19px;height:12px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -221px -34px;} #pwm_footer .site .select.on > a{position:relative;z-index:15;border-top-color:#fff;background-color:#fff;font-weight:bold;color:#343434;} #pwm_footer .site .select.on > a:before{background-position:-221px -51px;} #pwm_footer .site .select.on:after{content:"";position:absolute;left:0;top:1px;z-index:100;width:99%;height:1px;background-color:#fff;} #pwm_footer .site .select.global.on:after{left:1px;} #pwm_footer .site .select .option{display:none;position:absolute;bottom:30px;width:235px;z-index:95;padding:17px 20px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;} #pwm_footer .site .select.global .option{left:0;} #pwm_footer .site .select.family .option{right:0;} #pwm_footer .site .select .option a:hover{color:#3579d4;} #pwm_footer .site .select .option > strong{display:block;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #dcdcdc;} #pwm_footer .site .select .option > strong a{display:block;position:relative;font-weight:bold;color:#343434;} #pwm_footer .site .select .option > strong a:after{content:"";display:inline-block;width:7px;height:12px;margin-left:15px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -229px -66px;} #pwm_footer .site .select .option ul{padding-right:10px;box-sizing:border-box;} #pwm_footer .site .select .option ul + ul{margin-top:17px;padding-top:17px;border-top:1px solid #ccc;} #pwm_footer .site .select .option li{display:block;margin-top:6px;} #pwm_footer .site .select .option li:first-child{margin-top:0;} #pwm_footer .site .select .option li a{display:block;font-size:13px;} /* 신한프리미어 */ /* Main Header */ .PR.main #container{padding-top:100px;} .PR.main #hpe_head{position:fixed; top:0; height:100px; background:#fff url(https://image.shinhan.com/rib2017/images/hpe/main/premier_header_bg.gif) repeat-x;} .PR.main #hpe_head .headIn > h1{padding-top:53px;} .PR.main #hpe_head .headIn > h1 a{width:147px; height:34px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -370px -510px no-repeat;} .PR.main #hpe_head .headIn > .topMenuWrap{right:50%; margin-right:-490px; top:13px!important;} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various{margin:0 0 0 37px;} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > div {position:relative;} .PR.main #hpe_head .headIn > .topMenuWrap .util > .various > .members {margin-left:0;} .PR.main #hpe_head .headIn > .topMenuWrap > .topMenu > li{margin-left:16px;} .PR.main #hpe_head .headIn > .topMenuWrap > .topMenu > li > a, .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a{color:#ddd;} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > div.global{margin-left:15px} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a:after{content:""; display:inline-block; vertical-align:middle; width:7px; height:4px; margin-left:7px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -527px -510px no-repeat;} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on{color:#fff} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on:after{background-position:-527px -524px;} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > .members > .boxInner > ul, .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > .global > .boxInner > .listBox{border-top:2px solid #a77e2f} .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > .members > .boxInner > ul a:hover, .PR.main #hpe_head .headIn > .topMenuWrap > .util > .various > .global > .boxInner > .listBox a:hover{color:#835e16} .PR.main #global{position:static; height:auto; padding-top:0; background:transparent!important;} .PR.main #global:after{content:""; display:block; clear:both;} .PR.main #path{position:fixed; background:transparent!important;} .PR.main .hpe_path .wrapInner .location{display:none} .PR.main #hpe_head+#path #userWrap strong{color:#b28226;} .PR.main #userWrap strong, .PR.main #userWrap span, .PR.main #userWrap a{color:#333;} .PR.main #path #userWrap .login a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -544px -510px no-repeat!important;} /* Content Header */ .PR #hpe_head{position:fixed; top:0; height:100px; background:#fff} .PR #hpe_head .headIn > h1{position:relative; z-index:5; padding-top:53px;} .PR #hpe_head .headIn > h1 a{width:147px; height:34px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -370px -510px no-repeat;} .PR #hpe_head .headIn > .topMenuWrap{right:50%; margin-right:-490px; top:13px!important;} .PR #hpe_head .headIn > .topMenuWrap > .util > .various{margin:0 0 0 37px;} .PR #hpe_head .headIn > .topMenuWrap > .topMenu > li{margin-left:16px;} .PR #hpe_head .headIn > .topMenuWrap > .topMenu > li > a, .PR #hpe_head .headIn > .topMenuWrap > .util > .various > li > a{color:#555;} .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div.global{margin-left:15px} .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div > a:after{content:""; display:inline-block; vertical-align:middle; width:7px; height:4px; margin-left:7px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -588px -510px no-repeat;} .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on{color:#835e16} .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div > a.on:after{background-position:-600px -524px;} .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div.members > .boxInner > ul, .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div.global > .boxInner > .listBox{border-top:2px solid #a77e2f} .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div.members > .boxInner > ul a:hover, .PR #hpe_head .headIn > .topMenuWrap > .util > .various > div.global > .boxInner > .listBox a:hover{color:#835e16} .PR #global{position:static; height:auto; padding-top:0; background:transparent!important;} .PR #global:after{content:""; display:block; clear:both;} .PR #path{position:fixed; background:#a77e2f !important;} .PR #hpe_head+#path #userWrap strong{color:#fff;} .PR #path .location .selectList > em:before, .PR #path .location .selectList > a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -612px -510px no-repeat!important;} .PR #userWrap strong, .PR #userWrap span, .PR #userWrap a{color:#fff;} .PR #path #userWrap .login a:before{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) -544px -529px no-repeat!important;} #pr_gnb{margin-top:-27px} #pr_gnb .wrapInner{position:relative;} #pr_gnb .navMenu{position:relative; float:right;} #pr_gnb .navMenu .movBar {position:absolute; left:0; bottom:0; width:0px; height:0px; background:#a77e2f; display:none;} #pr_gnb .navMenu.onMove .movBar {display:block; height:4px;} #pr_gnb .navMenu a{display:block;} #pr_gnb .navMenu > ul > li{display:inline-block; position:relative; margin:0 0 0 40px} /* #pr_gnb .navMenu > ul > li:first-child{margin-left:0} */ #pr_gnb .navMenu > ul > li > a{position:relative;height:41px;margin-right:10px;font-size:18px;color:#333;max-height:100%;} #pr_gnb .navMenu > ul:first-child > li > a{margin-right:0;} #pr_gnb .navMenu > ul > li.on > a{color:#735a45;} #pr_gnb .navMenu > ul > li > a.hover, #pr_gnb .navMenu > ul > li > a.hover span{display:block;height:37px;color:#735a45;} /* #pr_gnb .navMenu > ul > li > a.hover span{border-bottom:4px solid #a77e2f;} */ #pr_gnb .navMenu > ul > li > a > span{padding:0 10px;} #pr_gnb .nav2Dep{display:none;position:absolute; left:0; top:40px; min-width:100px; padding-top:20px; box-sizing:border-box; z-index:3;} #pr_gnb .nav2Dep > ul > li{position:relative;margin-top:15px;padding-left:10px;vertical-align:top; white-space:nowrap;} #pr_gnb .nav2Dep > ul > li:first-child{margin-top:0} #pr_gnb .nav2Dep > ul > li > a{display:block;font-size:14px; color:#444;} #pr_gnb .nav2Dep > ul > li > a.on{color:#835e16; text-decoration:underline} #pr_gnb .nav2Dep > ul > li > a:hover{color:#835e16} #pr_gnb > .bg{display:none;position:absolute;left:0;top:100px;z-index:2;width:100%;height:185px;border-top:1px solid #dad6d0;background-color:#fff;} #pr_gnb > .bg:after{content:"";position:absolute;left:0;bottom:-16px;width:100%;height:16px;background:url(https://image.shinhan.com/rib2017/images/layout/bg_gnb_shadow.png) repeat 0 0;} #pr_gnb > .bg > .area {margin:0 auto; position:relative; left:100px; width:900px; height:100%;} .mobScreen #pr_gnb > .bg > .area {display:none;} .pr_mainTop .slogan, .pr_mainCon .section01, .pr_mainCon .section02{width:980px; margin:0 auto} .pr_mainTop{width:100%; height:400px; background:#f7f6f4 url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) no-repeat center -10px !important} .pr_mainTop .slogan{padding-top:90px} .pr_mainTop .slogan p{font-size:48px; color:#2a2a2a} .pr_mainTop .slogan p > em{color:#b28226} .pr_mainTop .slogan span{display:inline-block; margin-top:10px; font-size:18px; color:#565656} .pr_mainTop .slogan .btnSgGrp{overflow:hidden; margin-top:50px} .pr_mainTop .slogan .btnSgGrp a{display:inline-block; width:170px; height:160px; text-indent:-1000em; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) no-repeat} .pr_mainTop .slogan .btnSgGrp a.btn01{background-position:-10px -420px} .pr_mainTop .slogan .btnSgGrp a.btn02{background-position:-190px -420px} .pr_mainCon .section01 .secBrd {position:relative; overflow:hidden; margin-top:64px;} .pr_mainCon .section01 .secBrd > li{float:left; width:290px; margin-left:55px; box-sizing:border-box; -moz-box-sizing:border-box;} .pr_mainCon .section01 .secBrd > li:first-child{margin-left:0} .pr_mainCon .section01 .secBrd > li > a{position:relative; display:block; min-height:80px; padding-top:25px; padding-left:100px; line-height:29px; box-sizing:border-box; -moz-box-sizing:border-box;} .pr_mainCon .section01 .secBrd > li > a:after{content:""; position:absolute; top:0; left:0; width:80px; height:80px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) no-repeat} .pr_mainCon .section01 .secBrd > li > a.iconBtn01:after{background-position:-370px -420px} .pr_mainCon .section01 .secBrd > li > a.iconBtn02:after{background-position:-460px -420px} .pr_mainCon .section01 .secBrd > li > a.iconBtn03:after{background-position:-550px -420px} .pr_mainCon .section01 .secBrd > li > a > em{font-size:20px; color:#333; font-weight:bold;} .pr_mainCon .section02{display:table; margin-top:64px;} .pr_mainCon .section02 > li{display:table-cell; width:23%; padding-left:30px; box-sizing:border-box; -moz-box-sizing:border-box;} .pr_mainCon .section02 > li:first-child{width:21%; padding-left:0} .pr_mainCon .section02 > li > .secSitemap{padding-top:29px; border-top:3px solid #b28226} .pr_mainCon .section02 > li > .secSitemap > strong{font-size:18px; font-weight:normal; color:#333} .pr_mainCon .section02 > li > .secSitemap > ul{margin-top:10px} .pr_mainCon .section02 > li > .secSitemap > ul > li{position:relative; text-indent:10px; margin-top:10px} .pr_mainCon .section02 > li > .secSitemap > ul > li:first-child{margin-top:0} .pr_mainCon .section02 > li > .secSitemap > ul > li:after{content:""; position:absolute; top:4px; left:0; width:4px; height:4px; background-color:#ceb03c; border-radius:50%} .pr_mainCon .section02 > li > .secSitemap > p{margin-top:15px; line-height:22px;} .pr_mainCon .section02 > li > .secSitemap > .btnDView{display:inline-block; position:relative; margin-top:20px; padding-right:20px; color:#444} .pr_mainCon .section02 > li > .secSitemap > .btnDView:after{content:""; position:absolute; top:0; right:0; width:14px; height:14px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_premier.png) no-repeat -569px -510px} body.main #pr_footer{margin-top:30px} .PR #pr_footer{margin-top:100px} #pr_footer{margin-top:40px; border-top:1px solid #ddd} #pr_footer .footCon{min-height:70px; padding-top:30px;} #pr_footer .footCon .infoArea{float:left} #pr_footer .footCon .infoArea .link{margin-top:10px} #pr_footer .footCon .infoArea .link > a{display:inline-block; margin-left:10px; padding-left:10px; font-size:13px; border-left:1px solid #ccc} #pr_footer .footCon .infoArea .link > a:first-child{margin-left:0; padding-left:0; border-left:none} #pr_footer .footCon .infoArea .link > span{display:inline-block; margin-left:30px} #pr_footer .footCon .infoArea .link > span > em{font-size:16px} #pr_footer .footCon .optArea{float:right} #pr_footer .footCon .btnPageTop{display:block;position:relative;overflow:hidden;width:32px;height:32px;border-radius:2px;background-color:#4f4d4c;text-align:center;text-indent:-5000em;} #pr_footer .footCon .btnPageTop:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:13px;margin:-6px 0 0 -6px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -169px -10px;} #pr_footer .site{position:absolute;right:47px;top:0;} #pr_footer .site .select{float:left;position:relative;margin-left:5px;} #pr_footer .site .select > a{display:inline-block;overflow:hidden;position:relative;width:115px;height:32px;padding:0 25px 0 20px;border:1px solid #ccc;font-size:13px;line-height:30px;color:#777;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;} #pr_footer .site .select > a:before{content:"";position:absolute;right:7px;top:9px;width:19px;height:12px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -221px -34px;} #pr_footer .site .select.on > a{position:relative;z-index:15;border-top-color:#fff;background-color:#fff;font-weight:bold;color:#343434;} #pr_footer .site .select.on > a:before{background-position:-221px -51px;} #pr_footer .site .select.on:after{content:"";position:absolute;left:0;top:1px;z-index:100;width:99%;height:1px;background-color:#fff;} #pr_footer .site .select.global.on:after{left:1px;} #pr_footer .site .select .option{display:none;position:absolute;bottom:30px;width:235px;z-index:95;padding:17px 20px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;} #pr_footer .site .select.global .option{left:0;} #pr_footer .site .select.family .option{right:0;} #pr_footer .site .select .option a:hover{color:#3579d4;} #pr_footer .site .select .option > strong{display:block;margin-bottom:13px;padding-bottom:10px;border-bottom:1px solid #dcdcdc;} #pr_footer .site .select .option > strong a{display:block;position:relative;font-weight:bold;color:#343434;} #pr_footer .site .select .option > strong a:after{content:"";display:inline-block;width:7px;height:12px;margin-left:15px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -229px -66px;} #pr_footer .site .select .option ul{padding-right:10px;box-sizing:border-box;} #pr_footer .site .select .option ul + ul{margin-top:17px;padding-top:17px;border-top:1px solid #ccc;} #pr_footer .site .select .option li{display:block;margin-top:6px;} #pr_footer .site .select .option li:first-child{margin-top:0;} #pr_footer .site .select .option li a{display:block;font-size:13px;} /* 상생금융 메인 */ .hpe_etcBank{padding-top:45px; min-width:980px;} .hpe_etcBank .bgMove{position:absolute; z-index:10; top:109px; left:0; width:100%; min-width:980px; height:285px; overflow:hidden; background:#EDF4FF;} .hpe_etcBank .bgArea{position:relative; z-index:11; height:240px; margin-top:-45px; padding-top:45px;} .hpe_etcBank .bgArea:after{content:'';position:absolute;left:50%;top:0;z-index:1;width:450px;height:285px;margin-left:40px;background:url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_fi_subMain01.png) no-repeat 100% 0;} .hpe_etcBank .rollBanner{position:relative; height:240px; border-bottom:1px solid #eae7e4; overflow:hidden;} .hpe_etcBank .rollBanner .bannerCenter{position:relative; width:940px; height:100%; margin:auto;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt{position:absolute; top:50px; left:0; z-index:10; width:460px; height:150px;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div{position:absolute; top:0; left:0; width:460px;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div.banner1{left:0;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div .title{padding-bottom:13px;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div .title span{font-size:28px; color:#454545; font-weight:bold;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div .title span.blue{color:#3a9dcb;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div ul:after{content:""; display:block; clear:both;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div ul li{float:left;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div ul li a{position:relative; display:block; padding-right:23px; font-size:16px; color:#2D71C4;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div ul li a:before{content:""; position:absolute; top:0; right:0; z-index:11; width:18px; height:18px; background:url(https://image.shinhan.com/rib2017/images/main/sp_ico_main.png) no-repeat -36px -424px;} .hpe_etcBank .rollBanner .bannerCenter .bannerTxt > div .desc{padding-bottom:14px; font-size:15px; color:#676b6e; line-height:22px; letter-spacing:-0.03px;} .hpe_etcBank .selTxt {margin-bottom:15px;} .hpe_etcBank .proTit {font-size:18px; color:#343434; font-weight:bold; margin-bottom:12px;} .hpe_etcBank .proTxt {font-size:14px; color:#666; line-height:22px; letter-spacing:-0.3px;} .hpe_etcBank .sBankRecom .mtabInner {position:relative; padding-top:160px;} .hpe_etcBank .sBankRecom .mtabInner .inwrap{position:absolute; top:0; left:0; right:0; height:160px; background:#f8f3ed; padding:24px 20px 0 25px; box-sizing:border-box; -moz-box-sizing:border-box;} .selTxt > span{display:inline-block;padding:2px 5px 1px 5px;border-radius:10px;margin-right:5px;min-width:23px;line-height:1;font-size:12px;} .selTxt .txtTyOrg{color:#d58017;border:1px solid #d58017;} .selTxt .txtTyBlue{color:#018acb;border:1px solid #018acb;} .selTxt .txtTyRed{color:#d86532;border:1px solid #d86532;} .selTxt .txtTyNavy{color:#424d89;border:1px solid #424d89;} .selTxt .txtPurple{color:#7c86bb;border:1px solid #7c86bb;} .submainConBox{width:980px;margin:0px auto;position:relative;} .mtitBox{margin-top:57px;height:30px;} .mtitH02{font-size:24px;color:#333;font-weight:bold;} .mtitH02 em{color:#d58017} .mtitH03{font-size:24px;color:#343434;} .etcBankList{overflow:hidden;margin-top:30px; border:1px solid #eee;} .etcBankList li{float:left;padding:36px 20px; min-height:130px; border-left:1px solid #eee; position:relative;width:50%;box-sizing:border-box; -moz-box-sizing:border-box;} .etcBankList li:first-child{border-left:none;} .etcBankList li:after{content:'';position:absolute;top:57px;right:21px;width:90px;height:90px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico02_01.png) no-repeat;} .etcBankList li.item01:after{background-position:0 -90px;} .etcBankList li.item02:after{background-position:0 0;} .etcBankList li a{display:block;} .etcBankList li dt{overflow:hidden;font-size:18px;color:#343434;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px;width:auto;} .etcBankList li dd{font-size:14px;line-height:1.4;/*min-width:300px;*/color:#555;} .sBankRecom {display: table; width:100%; overflow: hidden; margin-top: 30px; border:1px solid #eee; } .sBankRecom .mtabInner:first-child {border-left:none;} .sBankRecom.item3 .mtabInner {width:33.33%} .sBankRecom .mtabInner {display:table-cell; border-left:1px solid #eee; padding:24px 20px 25px; vertical-align:top; width:50%} .sBankRecom .mtabInner:after{content:'';position:absolute;top:68px;right:20px;width:58px;height:58px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico02_01.png) no-repeat;} .sBankRecom .mtabInner.item01:after{background-position:-91px 0;} .sBankRecom .mtabInner.item02:after{background-position:-91px -58px;} .sBankRecom .mtabInner.item03:after{background-position:-91px -116px;} .btnListGrp {margin-top:20px; display:inline-block} .btnListGrp > li:first-child {border-top:none;} .btnListGrp > li { border-top:1px solid #ECEFF1; padding:2px 0; min-width:200px;} .btnListGrp > li > a {position:relative; display:block; font-size:14px; color:#666; line-height:20px; padding:4px 0; box-sizing:border-box; } .btnListGrp > li > a:before {content:""; position:absolute; right:0; top:9px; width:3px;height:7px;background:url(https://image.shinhan.com/rib2017/images/hpe/ico/fi_ico02_01.png) no-repeat;background-position:-152px 0;} .btnListGrp.type02 > li { border:none;} .btnListGrp.type02 > li > a {display:block; text-align:center; letter-spacing:-0.03px; font-size:13px; color:#343434; line-height:20px; padding:4px 10px; border:1px solid #ccc; border-bottom-color:#999; border-radius:2px; } .btnListGrp.type02 > li > a:before {content:none;} /* 은행소개 - 영문 start */ .EN #path{background-color:#2d71c4;} .EN .hpe_mainTop{background-color:#b2d6f5 !important;} .EN #hpe_gnb .navMenu > ul > li > a{font-size:18px;padding:0 15px; margin-right:0 !important;} .EN #hpe_gnb .nav2Dep > ul > li > a{line-height:20px;padding:5px 10px;text-indent:0px;} .EN #hpe_gnb .nav3Dep li a{height:auto;text-indent:0px;line-height:20px;padding:5px 10px;} .EN .hpe_mainCon .section01 .subNavi{margin-top:-40px;} .EN .hpe_mainCon .section01 .subNavi li{height:80px;} .EN .hpe_mainTop .bgArea{height:450px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) no-repeat center 0} .EN.main .hpe_path{display:block;} .EN.main .hpe_path{display:block;} .EN.main #path{background:transparent;} .EN.main #userWrap span, .EN.main #userWrap a{color:#333;} .EN.main #userWrap .user span{margin-right:5px;} .EN.main #hpe_head+#path #userWrap strong{color:#2d71c4;} .EN.main #hpe_head+#path #userWrap > div:before{background:#9dafbe;} .EN.main #hpe_head+#path #userWrap .login a:before{background-position:-661px -513px;} .EN #hpe_head .headIn > .topMenuWrap .util > .various > .contactus > a:after{display:none;} .EN #hpe_head .headIn > h1 a{width:180px;height:28px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -620px -460px no-repeat;} .EN #hpe_head{background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_globalgnb_tline.gif) repeat-x;} .EN #global{background:transparent;} .EN #hpe_head .headIn > .topMenuWrap{top:12px;} .EN .hpe_mainCon .section01 .subNavi dl{color:#fff;margin:20px 0 0 20px;} .EN .hpe_mainCon .section01 .subNavi dt{position:relative;display:inline-block;height:16px;padding-right:24px;font-size:15px;margin-bottom:5px;font-weight:bold;} .EN .hpe_mainCon .section01 .subNavi dt:after{content:""; position:absolute;right:0px;display:inline-block; width:16px;height:16px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -860px -500px no-repeat;} .EN .hpe_mainCon .section01 .subNavi li dd a{color:#fff;} .EN .hpe_mainCon .section01 .subNavi li:first-child dd a{position:relative;padding-left:12px;} .EN .hpe_mainCon .section01 .subNavi li:first-child dd a:after{content:""; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-2px; background-color:#ecc799;} .EN .hpe_mainCon .section01 ul.secBrd > .rta {border-right:none !important} .EN .hpe_mainCon .section01 .secBrd > .lta, .EN .hpe_mainCon .section01 .secBrd > .cta, .EN .hpe_mainCon .section01 .secBrd > .rta{padding:0 18px;} .EN .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_contents_wrapper{padding-top:10px;} .EN .hpe_mainCon .section01 .secBrd > .lta .tableTyInfo.maintab{margin-top:0px;border:none !important;} .EN .hpe_mainCon .section01 .secBrd > .lta .tableTyInfo.maintab *{font-size:13px;} .EN .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo thead .w2tb_th{height:30px;border:none;background:none; color:#777;} .EN .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo tbody .w2tb_th, .EN .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo tbody .w2tb_td{padding:5px 20px;border:none;} .EN .hpe_mainCon .section01 .secBrd h2{font-size:16px;color:#343434;} .EN .hpe_mainCon .section01 .secBrd .time{position:relative;padding-right:20px;margin-top:4px;font-size:13px;color:#777;} .EN .hpe_mainCon .section01 .secBrd .time:after{content:""; display:block; position:absolute;top:0px;right:0px;width:15px;height:15px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -880px -500px no-repeat;} .EN .hpe_mainCon .section01 .secBrd .box01{overflow:hidden;width:283px;height:225px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -400px -600px no-repeat;} .EN .hpe_mainCon .section01 .secBrd .box01 .tx01{display:block;font-size:15px;color:#333;font-weight:bold;margin:65px 0px 5px 165px;} .EN .hpe_mainCon .section01 .secBrd .box01 .tx02{display:block;font-size:14px;color:#666;margin:0px 0px 0px 165px; line-height:20px;} .EN .hpe_mainCon .section01 .secBrd .box02{position:relative;width:300px;height:225px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) 0px -600px no-repeat;} .EN .hpe_mainCon .section01 .secBrd .box02 .tx01{position:absolute;top:25px;left:115px;display:block;font-size:14px;color:#343434;font-weight:bold;} .EN .hpe_mainCon .section01 .secBrd .box02 .tx02{position:absolute;top:125px;left:115px;display:block;line-height:19px;font-size:14px;color:#555;} .EN.main #hpe_footer{margin-top:50px;background-color:#777;} .EN.main #hpe_footer .footCon{min-height:120px;padding-top:25px;} .EN.main #hpe_footer .infoArea p{color:#ccc;} .EN.main #hpe_footer .infoArea p.mt10{color:#f1f1f1;} .EN.main #hpe_footer .infoArea .link a{color:#fff;} .EN.main #hpe_footer .infoArea .link .line{color:#fff;font-size:11px;} .EN.main #hpe_footer .footCon .optArea .w2selectbox_native{} .EN.main #hpe_footer .site .select > a{color:#ccc;} /* 은행소개 - 영문 end */ /* 은행소개 - 중문 start */ body.main.CN #container{padding-top:100px;} .CN .hpe_mainCon .section01 .subNavi{margin-top:-20px;} .CN #path{background-color:#b23232;} .CN #hpe_gnb .navMenu > ul > li > a{font-size:20px;} .CN #hpe_gnb > .bg{border-top:2px solid #b23232;} .CN #hpe_gnb .nav2Dep{top:42px;} .CN #hpe_gnb .navMenu > ul > li > a{height:43px;} .CN #hpe_gnb .navMenu > ul > li.on > a{color:#b23232;} .CN #hpe_gnb .navMenu > ul > li > a.hover, .CN #hpe_gnb .navMenu > ul > li.on > a.hover span{color:#b23232;} .CN #hpe_gnb .navMenu > ul > li > a.hover:before {top:38px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_cn.png) -310px -450px no-repeat;} .CN #hpe_gnb .nav3Dep li a:hover{color:#b23232;} .CN #hpe_head .headIn > .topMenuWrap .util > .various > .contactus > a:after{display:none;} .CN #hpe_head .headIn > h1{padding-top:35px;} .CN #hpe_head .headIn > h1 a{width:180px;height:28px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -620px -460px no-repeat;} .CN #hpe_head{background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_globalgnb_tline.gif) repeat-x;} .CN #global{height:37px; background:transparent;} .CN #hpe_head .headIn > .topMenuWrap{top:12px;} .CN.main .hpe_path{display:block;} .CN.main #path{background:transparent;} .CN .hpe_mainCon .section01 .subNavi li{height:40px; text-align:center!important;} .CN .hpe_mainCon .section01 .secBrd > .lta .tableTyInfo.maintab{margin-top:0px;border:none !important;} .CN .hpe_mainCon .section01 .secBrd > .lta .tableTyInfo.maintab *{font-size:13px;} .CN .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo thead .w2tb_th{height:30px;border:none;background:none; color:#777;} .CN .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo tbody .w2tb_th, .CN .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo tbody .w2tb_td{padding:5px 20px;border:none;} .CN .hpe_mainCon .section01 .secBrd > .lta, .CN .hpe_mainCon .section01 .secBrd > .cta, .CN .hpe_mainCon .section01 .secBrd > .rta{padding:0 18px;} .CN .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_contents_wrapper{padding-top:10px;} .CN .hpe_mainCon .section01 .secBrd h2{font-size:16px;color:#343434;} .CN .hpe_mainCon .section01 .secBrd .time{position:relative;padding-right:20px;margin-top:4px;font-size:13px;color:#777;} .CN .hpe_mainCon .section01 .secBrd .time:after{content:""; display:block; position:absolute;top:0px;right:0px;width:15px;height:15px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -880px -500px no-repeat;} .CN .hpe_mainCon .section01 .secBrd .box01{overflow:hidden;width:283px;height:225px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_engMain_img01_2020.png) no-repeat;} .CN .hpe_mainCon .section01 .secBrd .box01 .tx01{display:block;font-size:15px;color:#333;font-weight:bold;margin:65px 0px 5px 165px;} .CN .hpe_mainCon .section01 .secBrd .box01 .tx02{display:block;font-size:14px;color:#666;margin:0px 0px 0px 165px; line-height:20px;} .CN .hpe_mainCon .section01 .secBrd .box02{position:relative;width:300px;height:225px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_engMain_img02.png) no-repeat;} .CN .hpe_mainCon .section01 .secBrd .box02 .tx01{position:absolute;top:25px;left:85px;display:block;font-size:14px;color:#343434;font-weight:bold;} .CN .hpe_mainCon .section01 .secBrd .box02 .tx02{position:absolute;top:125px;left:115px;display:block;line-height:19px;font-size:14px;color:#555;} .CN .hpe_mainTop{background-color:#f7efd1!important;} .CN .hpe_mainTop .bgArea{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_cn.png) -10px -10px no-repeat;} .CN .img_main_right{width:270px; height:103px; margin:15px 0; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_cn.png) -10px -450px no-repeat;} .CN .main_right_link{display:inline-block; margin-top:10px; color:#343434; } .CN .main_right_link span{display:inline-block; width:16px; height:16px; margin-left:5px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_cn.png) -290px -450px no-repeat; vertical-align:middle;} .CN.main #hpe_footer{margin-top:50px;background-color:#777;} .CN.main #hpe_footer .footCon{min-height:120px;padding-top:25px;} .CN.main #hpe_footer .infoArea p{color:#ccc;} .CN.main #hpe_footer .infoArea p.mt10{color:#f1f1f1;} .CN.main #hpe_footer .infoArea .link a{color:#fff;} .CN.main #hpe_footer .infoArea .link .line{color:#fff;font-size:11px;} .CN.main #hpe_footer .site .select > a{color:#ccc;} /* 은행소개 - 중문 end */ /* 은행소개 - 일문 start */ body.main.JP #container{padding-top:100px;} .JP .hpe_mainCon .section01 .subNavi{margin-top:-20px;} .JP #path{background-color:#51a1f0;} .JP #hpe_gnb .navMenu > ul > li > a{font-size:20px;} .JP #hpe_gnb > .bg{border-top:2px solid #51a1f0;} .JP #hpe_gnb .nav2Dep{top:42px;} .JP #hpe_gnb .navMenu > ul > li > a{height:43px;} .JP #hpe_gnb .navMenu > ul > li.on > a{color:#51a1f0;} .JP #hpe_gnb .navMenu > ul > li > a.hover, .JP #hpe_gnb .navMenu > ul > li.on > a.hover span{color:#51a1f0;} .JP #hpe_gnb .navMenu > ul > li > a.hover:before {top:38px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_jp.png) -310px -450px no-repeat;} .JP #hpe_gnb .nav3Dep li a:hover{color:#51a1f0;} .JP #hpe_head .headIn > .topMenuWrap .util > .various > .contactus > a:after{display:none;} .JP #hpe_head .headIn > h1{padding-top:35px;} .JP #hpe_head .headIn > h1 a{width:180px;height:28px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -620px -460px no-repeat;} .JP #hpe_head{background:#fff url(https://image.shinhan.com/rib2017/images/hpe/bg/bg_globalgnb_tline.gif) repeat-x;} .JP #global{height:37px; background:transparent;} .JP #hpe_head .headIn > .topMenuWrap{top:12px;} .JP.main .hpe_path{display:block;} .JP.main #path{background:transparent;} .JP .hpe_mainCon .section01 .subNavi li{height:40px; text-align:center!important;} .JP .hpe_mainCon .section01 .secBrd > .lta .tableTyInfo.maintab{margin-top:0px;border:none !important;} .JP .hpe_mainCon .section01 .secBrd > .lta .tableTyInfo.maintab *{font-size:13px;} .JP .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo thead .w2tb_th{height:30px;border:none;background:none; color:#777;} .JP .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo tbody .w2tb_th, .JP .hpe_mainCon .section01 .secBrd > .lta .w2tb.tableTyInfo tbody .w2tb_td{padding:5px 20px;border:none;} .JP .hpe_mainCon .section01 .secBrd > .lta, .JP .hpe_mainCon .section01 .secBrd > .cta, .JP .hpe_mainCon .section01 .secBrd > .rta{padding:0 18px;} .JP .hpe_mainCon .section01 .secBrd > .lta .hoTab .w2tabcontrol_contents_wrapper{padding-top:10px;} .JP .hpe_mainCon .section01 .secBrd h2{font-size:16px;color:#343434;} .JP .hpe_mainCon .section01 .secBrd .time{position:relative;padding-right:20px;margin-top:4px;font-size:13px;color:#777;} .JP .hpe_mainCon .section01 .secBrd .time:after{content:""; display:block; position:absolute;top:0px;right:0px;width:15px;height:15px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_en_re.png) -880px -500px no-repeat;} .JP .hpe_mainCon .section01 .secBrd .box01{overflow:hidden;width:283px;height:225px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_engMain_img01_2020.png) no-repeat;} .JP .hpe_mainCon .section01 .secBrd .box01 .tx01{display:block;font-size:15px;color:#333;font-weight:bold;margin:65px 0px 5px 165px;} .JP .hpe_mainCon .section01 .secBrd .box01 .tx02{display:block;font-size:14px;color:#666;margin:0px 0px 0px 165px; line-height:20px;} .JP .hpe_mainCon .section01 .secBrd .box02{position:relative;width:300px;height:225px;background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_engMain_img02.png) no-repeat;} .JP .hpe_mainCon .section01 .secBrd .box02 .tx01{position:absolute;top:25px;left:85px;display:block;font-size:14px;color:#343434;font-weight:bold;} .JP .hpe_mainCon .section01 .secBrd .box02 .tx02{position:absolute;top:125px;left:115px;display:block;line-height:19px;font-size:14px;color:#555;} .JP .hpe_mainTop{background-color:#eff4fc!important;} .JP .hpe_mainTop .bgArea{background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_jp.png) -10px -10px no-repeat;} .JP .img_main_right{width:270px; height:103px; margin:15px 0; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_cn.png) -10px -450px no-repeat;} .JP .main_right_link{display:inline-block; margin-top:10px; color:#343434; } .JP .main_right_link span{display:inline-block; width:16px; height:16px; margin-left:5px; background:url(https://image.shinhan.com/rib2017/images/hpe/main/img_hoMain_cn.png) -290px -450px no-repeat; vertical-align:middle;} .JP.main #hpe_footer{margin-top:50px;background-color:#777;} .JP.main #hpe_footer .footCon{min-height:120px;padding-top:25px;} .JP.main #hpe_footer .infoArea p{color:#ccc;} .JP.main #hpe_footer .infoArea p.mt10{color:#f1f1f1;} .JP.main #hpe_footer .infoArea .link a{color:#fff;} .JP.main #hpe_footer .infoArea .link .line{color:#fff;font-size:11px;} .JP.main #hpe_footer .site .select > a{color:#ccc;} /* 은행소개 - 일문 end */