@charset "utf-8";

/* -------------------------
 * 레이아웃
 * ------------------------- */
/* 헤더 */
#header h1 a{width:160px;background:url(https://image.shinhan.com/rib2017/images/en/layout/sp_layout.png) no-repeat -10px -40px}

#global .cate{margin-left:197px;}
#global .util .various{margin-left:18px;}
#global .util .various > a{position:relative;margin-right:16px;}
#global .util .various > a:before{content:"";position:absolute;right:-16px;top:2px;width:1px;height:10px;background-color:#dcdcdc;}
#userWrap{margin-right:-484px;}
#userWrap .time{margin-left:10px;padding-left:11px;}
#userWrap .login{margin-left:10px;padding-left:14px;}
#userWrap .login a{display:inline-block;padding:0;font-size:0;line-height:0;}
#userWrap .login a:before{display:inline-block;position:static;}
#gnb .navMenu > ul{padding-left:9px;}
#gnb .navMenu > ul > li > a{padding:0 11px;}
#gnb .nav2Dep > ul > li > a{height:36px;}

#path .location .selectList > a{overflow:hidden;max-width:245px;text-overflow:ellipsis;white-space:nowrap;}
#path .location .depth > em{max-width:86px;}
#path .fishing .regTxt a{margin-left:10px;color:#fff;}
#path .fishing .regTxt a:before{background-color:#fff;}
#path .fishing .modTxt,
#path .fishing .modTxt a{color:#fff;}
#path .fishing .modTxt a:before{background-color:#fff;}
#path .fishing .modTxt {display:none !important;}

/* 전체메뉴 */
.allMenuBox .tabTy01 li a{line-height:18px;}

/* SEARCH */
.searchResultBox{margin-top:30px;}

/* 푸터 */
#footer{height:152px;}
#footer .customer dt + dd{margin-left:6px;}
#footer .customer dd span{margin-left:4px;font-size:13px;color:#fff;}
#footer .customer dd + dd{clear:both;margin-top:-2px;font-size:13px;color:#ccc;}
#footer .link li a{color:#fff;}
#footer .site .select > a,
#footer .site .select .option{width:201px;}
#footer .copyright{padding-top:5px;}

/* 에러 */
.serverError h1 a{width:160px;background:url(https://image.shinhan.com/rib2017/images/en/layout/sp_layout.png) no-repeat -10px -40px;vertical-align:top;}

/* -------------------------
 * 메인
 * ------------------------- */
/* 뱅킹 */
.banking.ib_crtTyBox{padding-bottom:34px;background-color:#dcecff;}
.banking .crtInfoList .crtH03{font-size:18px;font-weight:bold;}
.banking .crtInfoList .crtTxtList{margin-top:20px;padding-left:30px;text-align:left;}
.banking .crtInfoList > li span{width:90px;height:90px;}
.banking .crtInfoList .crtTxtList p{position:relative;margin-top:5px;padding-left:10px;line-height:18px;}
.banking .crtInfoList .crtTxtList p:first-child{margin-top:0;}
.banking .crtInfoList .crtTxtList p:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#666;}
.banking .titH02{font-size:18px;font-weight:bold;}

span[class*="icoMyCrtEn"]{display:inline-block;background-image:url(https://image.shinhan.com/rib2017/images/en/main/sp_ico_main.png);background-repeat:no-repeat;vertical-align:middle;}
.crtInfoList > li .ib_icoMyCrtEn01{background-position:-10px -10px;}
.crtInfoList > li .ib_icoMyCrtEn02{background-position:-110px -10px;}
.crtInfoList > li .ib_icoMyCrtEn03{background-position:-210px -10px;}
.crtInfoList > li .ib_icoMyCrtEn04{background-position:-310px -10px;}

.crtLogList{display:table;width:100%;}
.crtLogList  li{display:table-cell;position:relative;width:50%;}
.crtLogList  li a{display:block;height:90px;padding-left:124px;font-size:20px;line-height:90px;color:#fff;}
.crtLogList  li.log01 a{background:#e76e29 url(https://image.shinhan.com/rib2017/images/en/main/bg_ib_mainline.png) repeat-y 0 0;}
.crtLogList  li.log02 a{background-color:#7b7c81;}
.crtLogList  li a:before{content:"";position:absolute;left:54px;top:18px;width:55px;height:55px;background:url(https://image.shinhan.com/rib2017/images/en/main/sp_ico_main.png) no-repeat;}
.crtLogList  li.log01 a:before{background-position:-10px -120px;}
.crtLogList  li.log02 a:before{background-position:-75px -120px;}

.crtGuideList .topBanner{width:980px;margin:30px auto 50px;text-align:center;}
.crtGuideList .topBanner ul{display:table;width:100%;}
.crtGuideList .topBanner li{display:table-cell;width:20%;height:76px;text-align:center;border-left:1px solid #dcdcdc;box-sizing:border-box;}
.crtGuideList .topBanner li:first-child{border-left:0 none;}
.crtGuideList .topBanner li a{display:block;}
.crtGuideList .topBanner li a .text{font-size:16px;color:#343434;font-weight:bold;}
.crtGuideList .topBanner li a .icon{display:block;margin:3px auto 17px;background:url(https://image.shinhan.com/rib2017/images/en/main/sp_ico_main.png) no-repeat;}
.crtGuideList .topBanner li.banner01 a .icon{width:41px;height:35px;background-position:-140px -120px;}
.crtGuideList .topBanner li.banner02 a .icon{width:36px;height:36px;background-position:-190px -120px;}
.crtGuideList .topBanner li.banner03 a .icon{width:38px;height:36px;background-position:-236px -120px;}
.crtGuideList .topBanner li.banner04 a .icon{width:33px;height:38px;background-position:-284px -120px;}
.crtGuideList .topBanner li.banner05 a .icon{width:38px;height:34px;background-position:-327px -120px;}

.crtCustomer ul{display:table;width:980px;border-collapse:collapse;overflow:auto;}
.crtCustomer li{display:table-cell;width:50%;border:1px solid #e5e5e5;box-sizing:border-box;}
.crtCustomer li > .inner,
.crtCustomer li > a{display:block;position:relative;padding:30px 50px;color:#343434;}
.crtCustomer li p{margin-top:8px;line-height:22px;color:#666;}
.crtCustomer li > .inner .img,
.crtCustomer li > a:after{position:absolute;right:50px;}
.crtCustomer li > .inner .img{top:30px;}
.crtCustomer li > a:after{content:"";bottom:30px;width:28px;height:8px;background:url(https://image.shinhan.com/rib2017/images/en/main/sp_ico_main.png) no-repeat -10px -195px;}

/* 공인인증서관리메인 */
.certTybox > .box02, .certTybox > .box04, .certTybox > .box06{padding-left:56px;width:473px;}

/* 영문 공인인증서 메인*/
.crtpageCon.en .crtCon.ibCrt .crtSmartBox > a > dl:before{left:30px;}
.crtpageCon.en .crtInfoList.type04 li a .crtTxt{line-height:18px;}
.crtpageCon.en .crtCon.ibCrt .crtSmartBox > a{width:479px;}
.crtpageCon.en .crtCon.ibCrt .crtSmartBox > a > dl{padding-left:100px;padding-right:25px;}
.crtpageCon.en .crtCon.ibCrt .crtSmartBox > a:first-child{margin-right:20px;}
.cretgrayBox{position:relative;margin-top:30px;border:1px solid #dde2e6;background-color:#e9eef2;padding:22px 22px 23px;}
.cretgrayBox dt{font-size:15px;color:#555;margin-bottom:12px;font-weight:bold;}
.cretgrayBox a{position:absolute;bottom:21px;right:21px;}