@charset "utf-8"; /* 아이프레임 버그 */ .detailPop .provisionView .selCon, .w2window_content{-webkit-overflow-scrolling:touch;overflow-y:auto;} html.popup_html{overflow:auto;} .mobScreen .w2window_iframe{position:relative;} /* 정렬 */ .aL, .al{text-align:left !important} .aR, .ar{text-align:right !important} .aC, .ac{text-align:center !important} .vat{vertical-align:top !important} .vam {vertical-align:middle !important} input.aL_placeholder::-webkit-input-placeholder, input.al_placeholder::-webkit-input-placeholder{text-align:center;} input.aL_placeholder::-moz-placeholder, input.al_placeholder::-moz-placeholder{text-align:center;} input.aL_placeholder:-moz-placeholder, input.al_placeholder:-moz-placeholder{text-align:center;} input.aL_placeholder:-ms-input-placeholder, input.al_placeholder:-ms-input-placeholder{text-align:center;} input.aL_placeholder::placeholder, input.al_placeholder::placeholder{text-align:center;} input.aR_placeholder::-webkit-input-placeholder, input.ar_placeholder::-webkit-input-placeholder{text-align:center;} input.aR_placeholder::-moz-placeholder, input.ar_placeholder::-moz-placeholder{text-align:center;} input.aR_placeholder:-moz-placeholder, input.ar_placeholder:-moz-placeholder{text-align:center;} input.aR_placeholder:-ms-input-placeholder, input.ar_placeholder:-ms-input-placeholder{text-align:center;} input.aR_placeholder::placeholder, input.ar_placeholder::placeholder{text-align:center;} input.aC_placeholder::-webkit-input-placeholder, input.ac_placeholder::-webkit-input-placeholder, input.tac_placeholder::-webkit-input-placeholder{text-align:center;} input.aC_placeholder::-moz-placeholder, input.ac_placeholder::-moz-placeholder, input.tac_placeholder::-moz-placeholder{text-align:center;} input.aC_placeholder:-moz-placeholder, input.ac_placeholder:-moz-placeholder, input.tac_placeholder:-moz-placeholder{text-align:center;} input.aC_placeholder:-ms-input-placeholder, input.ac_placeholder:-ms-input-placeholder, input.tac_placeholder:-ms-input-placeholder{text-align:center;} input.aC_placeholder::placeholder, input.ac_placeholder::placeholder, input.tac_placeholder::placeholder{text-align:center;} /* 플로트 */ .fClear:after, .clearfix:after, .clfix:after{content:"";display:block;clear:both;} .fL, .fl{float:left !important} .fR, .fr{float:right !important} /* 숨김처리 */ .hide {display:block; width:0; height:0; position:absolute !important; left:-9999em !important; top:-9999em !important;} .indent8 {padding-left:8px !important; text-indent:-8px !important;} .indent9 {padding-left:9px !important; text-indent:-9px !important;} .indent10 {padding-left:10px !important; text-indent:-10px !important;} .indent11 {padding-left:11px !important; text-indent:-11px !important;} .indent12 {padding-left:12px !important; text-indent:-12px !important;} .indent13 {padding-left:13px !important; text-indent:-13px !important;} .indent14 {padding-left:14px !important; text-indent:-14px !important;} .indent15 {padding-left:15px !important; text-indent:-15px !important;} .indent16 {padding-left:16px !important; text-indent:-16px !important;} .indent17 {padding-left:17px !important; text-indent:-17px !important;} .indent18 {padding-left:18px !important; text-indent:-18px !important;} .indent19 {padding-left:19px !important; text-indent:-19px !important;} .indent20 {padding-left:20px !important; text-indent:-20px !important;} .indent21 {padding-left:21px !important; text-indent:-21px !important;} .indent22 {padding-left:22px !important; text-indent:-22px !important;} /* 마진 */ .mt0{margin-top:0 !important;} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt18{margin-top:18px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:40px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt70{margin-top:70px !important} .mt80{margin-top:80px !important} .mt100{margin-top:100px !important;} .mt140{margin-top:140px !important} .mt170{margin-top:170px !important} .mt250{margin-top:250px !important} .mt260{margin-top:260px !important} .mr0{margin-right:0px !important} .mr5{margin-right:5px !important} .ml0{margin-left:0px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml15{margin-left:15px !important} .ml20{margin-left:20px !important} .ml25{margin-left:25px !important} .ml30{margin-left:30px !important} .ml70{margin-left:70px !important} .mb0{margin-bottom:0 !important;} .mb5{margin-bottom:5px !important;} .mb15{margin-bottom:15px !important;} .mb30{margin-bottom:30px !important;} .mb50{margin-bottom:40px !important;} /* 패딩 */ .pd0{padding:0 !important;} .pt0{padding-top:0 !important;} .pr0{padding-right:0 !important;} .pl0{padding-left:0 !important;} .pb0{padding-bottom:0 !important;} .pl41{padding-left:41px !important;} /* 보더 */ .bNone{border:none !important;} .btNone{border-top:none !important;} .brNone{border-right:none !important;} .blNone{border-left:none !important;} .bbNone{border-bottom:none !important;} .logoKipo{margin:15px 0 -20px;}/* 특허수수료 */ /* 공통 */ .dimmed{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.6;filter:alpha(opacity=60);} .rel{display:inline-block;position:relative;} .rel.up > input{padding-right:25px;} .rel.up > .txt{position:absolute;right:10px;top:0;line-height:32px;} .unit{margin-left:4px !important;} .block, .block .w2radio_item, .block .w2checkbox_item{display:block !important;} .bfNone:before{display:none;} .wordwrap{white-space:normal !important;text-overflow:clip !important;} .wordwrap nobr{white-space:normal !important;} .none{display:none !important} .underLine, .underline{text-decoration:none !important;} .decimal{padding:0 6px;} .bgNone{background-color:transparent !important;} .tdu{text-decoration:underline !important} .ellipsis {overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important; word-wrap:normal !important; width:100%; } /* 화살표 */ .frontArr {position:relative; padding-left:20px;} .endArr {position:relative; padding-right:20px;} .frontArr:before {left:0;} .endArr:before {right:0;} .frontArr:before,.endArr:before {position:absolute; top:2px; content:""; display:inline-block; width:10px; height:10px; border-top:1px solid #aaa;border-right:1px solid #aaa; transform:rotate(45deg);} .frontArr.down:before,.endArr.down:before {transform:rotate(135deg); top:0px;} .frontArr.up:before,.endArr.up:before {transform:rotate(-45deg); top:6px;} /* 폰트 */ .fontTy13{font-size:13px !important;} .fontTy14{font-size:14px !important;} .fontTy15{font-size:15px !important;} .fontTy16{font-size:16px !important;} .fontTy18{font-size:18px !important;} .fontTy20{font-size:20px !important;} .fontTy24{font-size:24px !important;} .fontTy28{font-size:28px !important;} .b{font-weight:bold !important;} .b500{font-weight:500 !important;} .b700{font-weight:700 !important;} /* 색상 */ .colorTyOrg{color:#ff5932 !important;} .colorTyOrg02{color:#d99103 !important;} .colorTyBlue{color:#005DF9 !important;} .colorTyRed{color:#ed341b !important;} .colorTyGray01{color:#343434 !important;} .colorTyGray02{color:#666 !important;} .colorTyGray03{color:#888 !important;} .colorTyMint{color:#2fa890 !important;} .colorTyYellow{color:#d99103 !important;} .colorTyYellowGreen{color:#4d9d22 !important;} .colorTyDarkYellow{color:#d27200 !important;} .colorTyDarkOrg{color:#e45725 !important;} .colorTyHotPink{color:#ea2c46 !important;} .colorTyLightPink{color:#fe7487 !important;} .colorTyDarkBlue{color:#424d89 !important;} .colorTylightBlue{color:#44a1cc !important;} .colorTyPurple{color:#7c86bb !important;} /* M폴리오 칼라 */ .colorMFTyRed{color:#f22f1b !important;} .colorMFTyOrg{color:#f56823 !important;} .colorMFTyYellow{color:#f2b40e !important;} .colorMFTyDarkMint{color:#44a1cc !important;} .colorMFTyBlue{color:#339ce5 !important;} /* 배경 */ .bgTyBlue{background-color:#f6faff !important;} /* 라인 height*/ .lhTy22{line-height:22px !important;} .lhTy18{line-height:18px !important;} .lh100p {line-height:100% !important} .lh200p {line-height:200% !important} .lh105p {line-height:105% !important} .lh110p {line-height:110% !important} .lh115p {line-height:115% !important} .lh120p {line-height:120% !important} .lh130p {line-height:130% !important} .lh135p {line-height:135% !important} .lh140p {line-height:140% !important} .lh145p {line-height:145% !important} .lh150p {line-height:150% !important} .lh155p {line-height:155% !important} .lh160p {line-height:160% !important} .lh165p {line-height:165% !important} .lh170p {line-height:170% !important} .lh175p {line-height:175% !important} .lh180p {line-height:180% !important} .lh190p {line-height:190% !important} /* 제목 */ .titH01{font-size:28px;font-weight:normal;color:#454545;} .titH02, .titH03{margin-top:40px;line-height:1;color:#555;} .titH02{margin-bottom:10px;font-size:18px;} .titH02:first-child{margin-top:0;} .titH02 + .titH03{margin-top:20px;} .titH03{font-size:16px;} .titH03.buBar{position:relative;padding-left:10px;font-weight:normal;} .titH03.buBar:before{content:"";position:absolute;left:0;top:0px;width:3px;height:14px;background-color:#3579d4;} .titH03 + .listDash{margin-top:15px;} .titH04{font-size:15px;font-weight:normal;color:#343434;} .titBox{margin-top:40px;line-height:1;} .titBox .titH02, .titBox .titH03{display:inline-block;} .titBox .titH02{margin-bottom:0;} .titBox .titH03{margin-top:0;} .titBox h3.titH03{position:relative;margin-top:0;padding-left:12px;font-weight:normal;} .titBox h3.titH03:before{content:"";position:absolute;left:0;top:3px;width:6px;height:8px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -105px -10px;} .titBox h3.titH03.clear{padding:0;} .titBox h3.titH03.clear:before{display:none;} .titBox .dscTxt{position:relative;margin-left:8px;padding-left:8px;} .titBox .dscTxt:before{content:"";position:absolute;left:0;top:0;width:1px;height:14px;background-color:#dcdcdc;} .titBox .total{display:inline-block;margin-left:14px;font-size:18px;font-weight:bold;color:#555;} .titBox .total strong{color:#3579d4;} .titBox .btn{float:right;} .titBox .btn a{margin-left:3px;} .titBox .btn a[class*=btnTy]{margin-left:5px;} .titBox .btn a[class*=btnTy].medium{margin-top:-7px;} .titBox .btn a[class*=btnTy].small{margin-top:-3px;} .titBox .txt{float:right;position:relative;bottom:-5px;} .titBox .txt strong{position:relative;margin-right:9px;padding-right:11px;font-weight:normal;} .titBox .txt strong:before{content:":";position:absolute;right:0;top:-1px;} .titBox .txt em{color:#424d89;} .titBox .total span,.titBox .total em{font-size:14px;font-weight:normal} .titBox .total em{display:inline-block;padding:0 2px 0 3px;} .titTxt{position:relative;font-size:16px;padding-left:25px;color:#343434;} .titTxt:before{content:"";position:absolute;left:0;top:-3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} .eTit{font-size:15px;color:#343434;} .stepArea + .titBox{margin-top:0px !important;} .dateArea + .titH02{margin-top:0;} .boxTyGray + .titBox{margin-top:40px;} .w2group.titBox + .w2group.bsChart{margin-top:10px !important;} .titH02 + .listDash, .titH02 + .boxTyBlue{margin-top:10px;} .titH02 + .titBox{margin-top:20px;} .titH02 + .boxTyGray{margin-top:10px;} .titH02 + .textDot{margin-top:15px;} .tabTy01 + .titH02{margin-top:30px;} .w2wframe .w2textbox.titH02:first-child{margin-top:0;} /* 제목_레이어팝업 */ .detailPop .titH02{font-size:16px;font-weight:normal;color:#3579d4;} .detailPop .titH03{font-size:15px;font-weight:normal;color:#343434;} .detailPop .titH02, .detailPop .titH03{margin-top:30px;} .detailPop .titH02:first-child{margin-top:0;} /* DISABELD */ a[disabled],.radioGrp .w2radio .w2radio_item input[disabled] + label{border:1px solid #e2e2e2 !important;background-color:#e8e8e8 !important;color:#aaa !important;cursor:default;} a[disabled].btnKey{border:none !important;background-color:transparent !important;} /* 버튼 */ .sBtnGrp {box-sizing:border-box;} .sBtnGrp.item2 > input {width:49%} .sBtnGrp.item3 > input {width:32%} .sBtnGrp.item4 > input {width:23.5%} input[class*="btnTy"] + input[class*="btnTy"] {margin-left:2%} input[class*="btnTy"] {width:auto; min-width:auto !important} input[class*="btnTy"], a[class*="btnTy"]{font-weight:500; display:inline-block;text-decoration:none !important;text-align:center;box-sizing:border-box; border-radius:5px; -moz-border-radius:5px;} a[class*="btnTy"]:active{text-decoration:underline;} a[class*="btnTy"]:before, a[class*="btnTy"]:after{content:"";display:inline-block;} a[class*="btnTy"].small:before, a[class*="btnTy"].small:after{width:10px;} a[class*="btnTy"].medium:before, a[class*="btnTy"].medium:after{width:15px;} a[class*="btnTy"].large:before, a[class*="btnTy"].large:after{width:25px;} a[class*="btnTy"].big:before, a[class*="btnTy"].big:after{width:25px;} input[class*="btnTy"].small, a[class*="btnTy"].small{min-width:52px;height:22px;/* border-radius:2px; */font-size:13px;line-height:22px;} input[class*="btnTy"].medium, a[class*="btnTy"].medium{min-width:52px;height:30px;/* border-radius:2px; */font-size:14px;line-height:30px;} input[class*="btnTy"].large, a[class*="btnTy"].large{min-width:80px;height:40px;/* border-radius:4px; */font-size:15px;line-height:40px;} input[class*="btnTy"].big, a[class*="btnTy"].big{min-width:145px;height:50px;/* border-radius:4px; */font-size:17px;line-height:51px;} a[class*="btnTy"].bbig{min-width:145px;height:65px;/* border-radius:4px; */font-size:17px;line-height:66px;} a[class*="btnTy"].tall{line-height:34px;font-size:14px;border-radius:3px;} a[class*="btnTy"].btnTyBlue01, a[class*="btnTy"].btnTyBlue02, a[class*="btnTy"].btnTyBlue03{color:#fff;} a[class*="btnTy"].btnTyGray02{color:#fff;} a.btnTyGray00 {background-color:#5d75a0;color:#fff;} a.btnTyGray00.on {background-color:#005DF9;} .btnTyGray01{border:1px solid #ccc;border-bottom-color:#999;background-color:#fff;color:#333 !important;} .btnTyGray02{/* border:1px solid #005DF9; */background-color:#3789dc;/* color:#005DF9; */} .btnTyGray03{border:1px solid #bbb;background-color:#fff;color:#333 !important;} .btnTyGray04{border:1px solid #d6dbe1; background-color:#fff;color:#121619 !important;} /* n sol type */ .btnTyBlue01{/* border:1px solid #3579d4; */background-color:#005DF9;color:#fff;} .btnTyBlue02{/* border:1px solid #005DF9; */background-color:#005DF9;color:#fff;} .btnTyBlue03{/* border:1px solid #005DF9; */background-color:#3789dc;color:#fff;} .btnTyBlue04{border:1px solid #368ded; background-color:#fff;color:#005DF9 !important;} /* n sol type */ .btnTyOrg01{border:1px solid #c28f4e;background-color:#c28f4e;color:#fff;} .btnTyOrg02{border:1px solid #c28f4e;background-color:#fff;color:#343434;} .btnTySky01{border:1px solid #6facfd;background-color:#6facfd;color:#fff;} .btnTySky02{border:1px solid #f3f6fb;background-color:#f3f6fb;color:#005DF9; font-weignt:bold;} /* n sol type */ .btnTySky02.large[class*="btnTy"] {font-size:12px; font-weight:bold;} .btnTyError{border:1px solid #c28f4e;background-color:#fff;color:#c28f4e;} /* disabled */ html a[class*="btnTy"][disabled], html a[class*="btnTy"][disabled="disabled"], html a[class*="btnTy"].w2anchor_disabled, html .btnAreaBot a[class*="btnTy"].w2anchor_disabled {color:#B9C1C9 !important; background-color:#E1E6EC !important; } /* 버튼 뒤 아이콘 */ .arrowBtnW, .arrowBtn {position:relative;} .arrowBtnW:after {position:absolute; right: 10px; top: 50%; width: 8px; height: 13px; margin-top: -7px; background: url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow.png) no-repeat 0 0; background-size: 100% auto;} .arrowBtnW.arr01:after {width:14px; height:22px; margin-top: -13px;} .arrowBtn:after {position:absolute; right: 10px; top: 50%; width: 8px; height: 13px; margin-top: -7px; background: url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow3.png) no-repeat 0 0; background-size: 100% auto;} .arrowBtn.arr01:after {width:14px; height:22px; margin-top: -13px;} /* 버튼내 폰트색상 지정시 */ .colorTyWhite{color:#ffffff !important;} .colorTyBlack{color:#000000 !important;} .btnPlus{display:inline-block;overflow:hidden;width:16px;height:16px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -117px -34px;text-indent:-5000em;} .btnMore{display:inline-block;overflow:hidden;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -170px -85px;text-indent:-5000em;} .btnCalc{display:inline-block;overflow:hidden;width:21px;height:25px;box-shadow:0 1px 2px #ccc;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -141px -35px;text-indent:-5000em;} .btnToggle{display:inline-block;overflow:hidden;width:30px;height:30px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -40px -10px;text-indent:-5000em;} .btnToggle.on{background-position:-40px -45px;} .btnToggleSmall{display:inline-block;overflow:hidden;float:right;width:16px;height:16px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -314px -130px;text-indent:-5000em;} .btnToggleSmall.on{background-position:-314px -112px;} .btnKey{position:absolute;right:0;top:0;width:30px;height:100%;margin:0 !important;text-align:center;box-sizing:border-box;} .btnCondition{display:inline-block;height:26px;padding:0 10px;background-color:#f6f9fe;line-height:27px;color:#424d89;} .btnTyYellow.tall{min-width:172px;background-color:#cebb7b;color:#fff;} .doteTxtorg{color:#ef6500;} .doteTxtgreen{color:#71a20e;} .btnTySkincolor{background-color:#e5ddd2;color:#443522;} .btnTySkincolor.tall{min-width:96px;} .btnTySkincolor .ico{display:inline-block;margin-left:5px;width:13px;height:11px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -813px -36px;} .detailPop .w2tb.tableTyOutput .w2tb_th.line03{height:90px;} .btnTyBoard{min-width:90px;height:22px;border-radius:2px;font-size:13px;line-height:20px;border:1px solid #ccc;border-bottom-color:#999;background-color:#fff;color:#343434 !important;} .btnSrchIco{display:inline-block;width:30px;height:30px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -385px -152px;text-indent:-5000em;} .btnGrp.mfolio a[class*="btnTy"].medium, .btnGrp.mfolio a[class*="btnTy"].medium{width:88px;} .btnGrp.mfolio a[class*="btnTy"]:before, .btnGrp.mfolio a[class*="btnTy"]:after{width:0;display:none;} .serverError a[class*="btnTy"].big:before, .serverError a[class*="btnTy"].big:after{width:0;} .serverError a[class*="btnTy"].big{min-width:145px;height:auto;line-height:25px;padding:10px 25px 10px 25px;} .bgPdf{display:inline-block;overflow:hidden;width:111px;height:15px;margin-top:2px;background:url(https://image.shinhan.com/rib2017/images/btn/bg_pdf.png) no-repeat 50% 50%;text-indent:-5000em;} /* 버튼 그룹 */ .btnAreaBot{margin-top:30px;text-align:center;} .btnAreaBot a{/* margin:0 10px; */} /* .btnAreaBot a[class*="btnTy"]{width:100%;} .btnAreaBot a[class*="btnTy"] + .btnAreaBot a[class*="btnTy"]{width:50%;} */ .btnAreaBot.bt{margin-top:15px;padding-top:30px;border-top:1px solid #dcdcdc;} .btnAreaBot.bbt{padding-bottom:30px;border-bottom:1px solid #b0b0b0;} .detailPop .btnAreaBot.bt{padding-top:15px;} .w2tb.tableTySearch:first-child{margin-top:0;} .w2tb.tableTySearch + .btnAreaBot{margin:-1px 0 40px;padding:15px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #b6bbd1;background-color:#f9f9f9;} .w2tb.tableTySearch + .btnAreaBot a{min-width:90px;height:36px;margin:0 5px;border-radius:4px;line-height:36px;} .w2tb + .btnAreaBot, .w2grid + .btnAreaBot{margin-top:30px;} .btnTyBlue01.btnsol, .btnTyBlue02.btnsol, .btnTyBlue03.btnsol{} .btnTyBlue01.btnsol:before, .btnTyBlue02.btnsol:before, .btnTyBlue03.btnsol:before{width:25px;height:16px;margin-left:18px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_sol.png) no-repeat;background-size:100% auto;} .btnTyGray01.btnsol:before{width:25px;height:16px;margin-left:25px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_sol2.png) no-repeat;background-size:100% auto;} .btnTyGray02.btnsol:before{width:25px;height:16px;margin-left:25px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_sol.png) no-repeat;background-size:100% auto;} .btnTyBlue01.btnsol.super:before, .btnTyBlue02.btnsol.super:before, .btnTyBlue03.btnsol.super:before{width:25px;height:25px;margin-right:2px; background:url(https://image.shinhan.com/rib2017/images/mnew/btn_supersol.png) no-repeat;background-size:100% auto; vertical-align:middle;} .btnTyGray01.btnsol.super:before{width:25px;height:25px;margin-right:2px; background:url(https://image.shinhan.com/rib2017/images/mnew/btn_supersol2.png) no-repeat;background-size:100% auto;vertical-align:middle;} .btnTyGray02.btnsol.super:before{width:25px;height:25px;margin-right:2px; background:url(https://image.shinhan.com/rib2017/images/mnew/btn_supersol.png) no-repeat;background-size:100% auto;vertical-align:middle;} a[class*="btnTy"].big.btnsol.super:before, a[class*="btnTy"].big.btnsol:after, a[class*="btnTy"].large.btnsol.super:before, a[class*="btnTy"].large.btnsol:after{width:26px !important;height:28px;} a[class*="btnTy"].medium.btnsol.super:before, a[class*="btnTy"].medium.btnsol:after{width:20px !important;height:22px;} a[class*="btnTy"][disabled].btnsol.super:before{opacity:0.5 !important;} a[class*="btnTy"].large.btnsol:before, a[class*="btnTy"].large.btnsol:after{width:20px !important;height:13px;} a[class*="btnTy"].medium.btnsol:before, a[class*="btnTy"].medium.btnsol:after{width:20px !important;height:13px;} a[class*="btnTy"][disabled].btnsol:before{opacity:0.5 !important;} a[class*="btnTy"].btntel {position:relative; padding-left:35px; padding-right:10px;} a[class*="btnTy"].big.btntel, a[class*="btnTy"].bbig.btntel {font-size:16px; letter-spacing:-0.05em;} a[class*="btnTy"].btntel:before{position:absolute; left:10px; top:2px; width:32px !important; height:32px; background:url(https://image.shinhan.com/rib2017/images/mnew/ic_tel.png) no-repeat left top;background-size:100% auto;} a[class*="btnTy"].btntel:after{position:absolute; right:7px; top:11px; width:8px !important; height:16px; background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow3.png) no-repeat left top;background-size:100% auto;} a[class*="btnTy"].large.btntel:before{top:5px; } a[class*="btnTy"].big.btntel:before{top:8px;} a[class*="btnTy"].bbig.btntel:before{top:15px;} a[class*="btnTy"].large.btntel:after{top:14px; } a[class*="btnTy"].big.btntel:after{top:19px;} a[class*="btnTy"].bbig.btntel:after{top:25px;} /* a[class*="btnTy"].btnTyBlue01, a[class*="btnTy"].btnTyBlue02, a[class*="btnTy"].btnTyBlue03 */ /* 버튼_테이블 & 그리드 */ .w2grid a[class*="size"]:before, .w2grid a[class*="size"]:after{display:none;} .w2grid a.size01{width:52px;} .w2grid a.size02{width:77px;} .w2grid a.size03{width:134px;} .w2grid a.size04, .w2grid a.size05{height:64px;line-height:22px;} .w2grid a.size04{width:76px;padding-top:9px;} .w2grid a.size05{width:52px;padding-top:22px;} .w2grid a.btnTyGray02{border:1px solid #768392 !important;background-color:#768392 !important;} .w2grid .btnGrp{display:inline-block;margin:0 auto;vertical-align:middle;} .w2grid .btnGrp > div, .w2grid .btnGrp a{float:left;white-space:normal !important;text-overflow:clip !important;} .w2grid .btnGrp .fL{width:137px;} @media \0screen{.w2grid .btnGrp .fL{width:139px;}} .w2grid .btnGrp.mfolio{width:122px;padding:5px 5px 5px 0;} .w2grid .btnGrp.mfolio .fL{width:92px;} .w2grid .btnGrp.mfolio .fR{width:30px;} .w2tb .btnGrp02 a{margin:2px;} .w2tb .btnGrp02 a.medium{width:98px;} /* 자주쓰는 입금계좌관리 */ .btnTyUp{display:inline-block;overflow:hidden;width:30px;height:30px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -50px -155px;text-indent:-5000em;} .btnTyDown{display:inline-block;overflow:hidden;width:30px;height:30px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -10px -155px;text-indent:-5000em;} /* 버튼 아이콘 */ a[class*="icoTy"], span[class*="icoTy"]{display:inline-block;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;vertical-align:middle;} a[class*="icoTy"]{overflow:hidden;text-indent:5000em;} .icoTyExcel{width:24px;height:24px;background-position:-161px -10px;} .icoTyTxt{width:24px;height:24px;background-position:-190px -10px;} .icoTyCsv{width:24px;height:24px;background-position:-217px -10px;} .icoTySet{width:17px;height:17px;background-position:-161px -37px;} .icoTyChk{width:11px;height:7px;margin-top:-2px;background-position:-89px -45px;} .icoTyPrd01{width:14px;height:14px;margin-top:-2px;background-position:-343px -39px;} .icoTyPrd02{width:14px;height:14px;margin-top:-2px;background-position:-362px -39px;} .icoTyPrd03{width:14px;height:13px;margin-top:-2px;background-position:-381px -39px;} .icoTyPrd04{width:12px;height:13px;margin-top:-2px;background-position:-850px -8px;} .icoTyPrd05{width:11px;height:15px;margin-top:-3px;background-position:-870px -8px;} .icoTyPrd06{width:14px;height:14px;margin-top:-3px;background-position:-876px -37px;} .icoTyPrd07{width:14px;height:14px;margin-top:-3px;background-position:-900px -58px;} .icoTyPrd08{width:14px;height:14px;margin-top:-3px;background-position:-924px -58px;} .icoTyFacebook{width:30px;height:30px;background-position:-10px -294px;} .icoTyTwitter{width:30px;height:30px;background-position:-45px -294px;} .icoTyBand{width:30px;height:30px;background-position:-80px -294px;} .icoTyKakao{width:30px;height:30px;background-position:-115px -294px;} .icoTySave{width:10px;height:11px;background-position:-204px -38px;} .icoTyReset{width:14px;height:14px;background-position:-650px -28px;} .icoTyToggle{width:8px;height:8px;margin-top:-4px;background-position:-630px -10px;} .icoTySecurity{width:22px;height:25px;background-position:-388px -218px;} .icoTyWarning{width:50px;height:50px;background-position:-10px -143px;} .icoTyCheck{width:50px;height:50px;background-position:-65px -143px;} .icoTyView, .icoTyCompare{width:14px;height:14px;margin-top:-2px;} .icoTyView{background-position:-755px -8px;} .icoTyCompare{background-position:-774px -8px;} .icoTyEdit{width:12px;height:14px;margin-top:-2px;background-position:-890px -8px;} .icoTyDelete{width:10px;height:14px;background-position:-910px -8px;} .icoTyDown02{width:14px;height:14px;background-position:-220px -380px;} .icoTyGo{width:14px;height:16px;background-position:-876px -58px;} .icoTyPlus{width:12px;height:12px;background-position:-910px -35px;} .icoTyGet{width:12px;height:12px;background-position:-930px -35px;} .icoTyNew{width:14px;height:14px;background-position:-955px -87px;} a.on .icoTyToggle{background-position:-643px -10px;} span[class*="icoTy"] + span{margin-left:5px;} span + .icoTySet{margin-left:10px;} span + .icoTySave, span + .icoTyReset{margin-left:6px;} /* 원금 비보장 상품. 아이콘 */ .icoPrd{display:inline-block;margin-left:7px;vertical-align:top;} .titBox .icoPrd{margin-top:-9px;padding-bottom:10px;} /* 원금 비보장 상품. 텍스트 */ .icoPrdTxt.fs10 {padding-left:11px; text-indent:-11px;} .icoPrdTxt.fs14 {padding-left:16px; text-indent:-16px;} .icoPrdTxt.fs15 {padding-left:18px; text-indent:-18px;} .icoPrdTxt.fs16 {padding-left:19px; text-indent:-19px;} .icoPrdTxt {padding-left:14px; text-indent:-14px; font-size:12px;} /* 페이지 내 추가 */ .MFO .con .icoPrdTxt {color:#fff;/* font-size:12px;*/} /* 상품몰 메인 */ /* RM 추가시 (2줄일경우 +40px )*/ html .inIcoPrdTxt .stepArea.solHigher {height:155px;} html .inIcoPrdTxt .stepArea.solHigher:after {margin-top:75px;} html .inIcoPrdTxt .stepArea.normal {height:80px;} html .inIcoPrdTxt .stepArea.normal:after {margin-top:40px;} html .inIcoPrdTxt .stepArea {height:110px; border-bottom:none;} html .inIcoPrdTxt .stepArea ol {bottom:45px;} html .inIcoPrdTxt .stepArea:after {display:block; font-size:12px; margin-top:70px; border-top:1px solid #dbdbdb; padding:5px 15px 0 30px; text-indent:-14px; line-height:120%;} /* inIcoPrdTxt .inIcoPrdTxt .stepArea:after {content:"※ 펀드는 운용 결과에 따라 원금의 일부 또는 전부 손실이 발생 할 수 있습니다."; } 페이지에 삽입 */ /* RF 미출력시, addClass를 이용한 문구 삭제시 */ html .inIcoPrdTxt.delPrdTxt .stepArea:after, html .inIcoPrdTxt .delPrdTxt .stepArea:after, html .inIcoPrdTxt .noPrdTxt .stepArea:after {display:none;} html .inIcoPrdTxt.delPrdTxt .stepArea.normal, html .inIcoPrdTxt .delPrdTxt .stepArea.normal, html .inIcoPrdTxt .noPrdTxt .stepArea.normal {height:41px;} html .inIcoPrdTxt.delPrdTxt .stepArea.solHigher, html .inIcoPrdTxt .delPrdTxt .stepArea.solHigher, html .inIcoPrdTxt .noPrdTxt .stepArea.solHigher {height:116px;} html .inIcoPrdTxt.delPrdTxt .stepArea, html .inIcoPrdTxt .delPrdTxt .stepArea, html .inIcoPrdTxt .noPrdTxt .stepArea {height:71px; border-bottom:1px solid #dbdbdb;} html .inIcoPrdTxt.delPrdTxt .stepArea ol, html .inIcoPrdTxt .delPrdTxt .stepArea ol, html .inIcoPrdTxt .noPrdTxt .stepArea ol {bottom:5px;} html .inIcoPrdTxt .delPrdTxt .icoPrdTxt, html .inIcoPrdTxt.delPrdTxt .icoPrdTxt {display:none;} .btnTyBoard > span[class*="icoTy"]{width:14px;height:14px;} .btnTyBoard .icoTyPdf{background-position:-10px -339px;} .btnTyBoard .icoTyDoc{background-position:-40px -339px;} .btnTyBoard .icoTyDocx{background-position:-70px -339px;} .btnTyBoard .icoTyTxt{background-position:-100px -339px;} .btnTyBoard .icoTyXls{background-position:-130px -339px;} .btnTyBoard .icoTyXlsx{background-position:-160px -339px;} .btnTyBoard .icoTyPpt{background-position:-190px -339px;} .btnTyBoard .icoTyPptx{background-position:-220px -339px;} .btnTyBoard .icoTyJpg{background-position:-10px -359px;} .btnTyBoard .icoTyJpge{background-position:-40px -359px;} .btnTyBoard .icoTyGif{background-position:-70px -359px;} .btnTyBoard .icoTyPng{background-position:-100px -359px;} .btnTyBoard .icoTyBmp{background-position:-130px -359px;} .btnTyBoard .icoTyHtml{background-position:-160px -359px;} .btnTyBoard .icoTyLink{background-position:-190px -359px;} .btnTyBoard .icoTyDown{background-position:-220px -359px;} .btnTyBoard .icoTyZip{background-position:-10px -379px;} .btnTyBoard .icoTyRar{background-position:-40px -379px;} .btnTyBoard .icoTyExe{background-position:-70px -379px;} .btnTyBoard .icoTyAvi{background-position:-100px -379px;} .btnTyBoard .icoTyMp3{background-position:-130px -379px;} .btnTyBoard .icoTyMp4{background-position:-160px -379px;} .btnTyBoard .icoTyMpeg{background-position:-190px -379px;} /* 아이콘 박스 */ span[class*="icoBoxTy"], a[class*="icoBoxTy"]{display:inline-block;height:14px;padding:2px 6px;border-width:1px;border-style:solid;border-radius:10px;font-size:13px;line-height:16px;} .icoBoxTyBlue{border-color:#3579d4;color:#3579d4;} .icoBoxTyBlue02{color:#fff;background:#3579d4;} .icoBoxTyOrg{border-color:#c28f4e;color:#c28f4e;} .icoBoxTyOrg02{border-color:#d99103;color:#d99103;} .icoBoxTyOrg03{color:#fff;background:#f56823;} .icoBoxTyGray{border-color:#adb5be;color:#768392;} .icoBoxTyNavi{border:1px solid #8e94b8;color:#424d89;} .icoBoxTySkyBlue{border:1px solid #8fc7e0;color:#44a1cc;} .icoBoxTyRed{border:1px solid #ed341b;color:#ed341b;} .icoBoxTyGreen{border:1px solid #55b77c;color:#55b77c;} .icoBoxTyYellow{border:1px solid #cfc741;color:#cfc741;} .icoBoxTyPuple{border:1px solid #7277b8;color:#7277b8;} .icoBoxTyMint{border:1px solid #6ac0cd;color:#6ac0cd;} .icoBoxTyDeposit{border:1px solid #a1d0e5;color:#44a1cc;} /*관심상품 :예금신탁*/ .icoBoxTyFund{border:1px solid #a0a6c4;color:#424d89;} /*관심상품 :펀드*/ .icoBoxTyLoan{border:1px solid #ebc698;color:#d88e32;} /*관심상품 :대출*/ .icoBoxTyGold{border:1px solid #bac1c8;color:#5f6d7d;} /*관심상품 :골드실버*/ .icoBoxTyBanca{border:1px solid #9abce9;color:#3579d4;} /*관심상품 :보험*/ .icoBoxTyForeign{border:1px solid #ebb298;color:#d86532;} /*관심상품 :외환*/ .icoBoxTyGuaranteed{border:1px solid #a1d0e5;color:#44a1cc;}/*관심상품 :퇴직연금 원리금보장 */ .icoBoxTyPerformance{border:1px solid #ebc698;color:#d88e32;}/*관심상품 :퇴직연금 실적배당형 */ a.icoBoxTyGray:after{content:"";display:inline-block;width:4px;height:6px;margin:4px 2px 0 5px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -65px -100px;vertical-align:top;} /* M폴리오 아이콘 */ span[class*="icoMFTy"]{display:inline-block;height:14px;padding:2px 6px;border-width:1px;border-style:solid;border-radius:10px;font-size:13px;line-height:16px;} .icoMFTyDarkRed{border-color:#ff666d;color:#ff000c;} /*매우높은위험*/ .icoMFTyRed{border-color:#f78276;color:#f22f1b;} /*높은위험*/ .icoMFTyRed02{border-color:#f78276;color:#fe7487;} /*공격투자형*/ .icoMFTyOrg{border-color:#f9a47b;color:#f56823;} /*다소높은위험*//*해외선진*/ .icoMFTyOrg02{border-color:#ffb69c;color:#ff855a;}/*적극투자형*/ .icoMFTyYellow{border-color:#e8bd68;color:#f2b40e;} /*보통위험*/ .icoMFTyYellow02{border-color:#e2dd8d;color:#cfc741;} /*대체투자*/ .icoMFTyYellow03{border-color:#ffb135;color:#ffb135;} /*위험중립형*/ .icoMFTyMint{border-color:#a6d9e1;color:#6ac0cd;} /*낮은위험*/ .icoMFTyDarkBlue{border-color:#85c4ef;color:#339ce5;} /*매우낮은위험*//*국내채권*/ .icoMFTyDarkBlue02{border-color:#7d95ef;color:#274fe4;} /*예금_유동성*/ .icoMFTyBlue{border-color:#339ce5;color:#339ce5;} .icoMFTyGreen{border-color:#99d4b0;color:#55b77c;} /*해외채권*/ .icoMFTyGreen02{border-color:#89c967;color:#89c967;} /*안정추구형*/ .icoMFTyDarkMint{border-color:#8fc7e0;color:#44a1cc;} /*국내주식*/ .icoMFTyDarkMint02{border-color:#6bc1b0;color:#6bc1b0;} /*안정형*/ .icoMFTyPink{border-color:#e597e0;color:#d450cc;} /*해외이머징*/ .icoMFTyDarkPurple{border-color:#aaadd4;color:#7277b8;} /*원자재*/ span[class*="icoMMTy"]{display:inline-block;min-width:23px;height:14px;padding:1px 6px 2px;border-radius:10px;font-size:12px;font-weight:bold;color:#fff;text-align:center;line-height:16px;} .icoMMTyBlue{background-color:#3579d4;} /*정상*/ .icoMMTyRed{background-color:#ed341b;} /*실패*/ /* 아이콘 제목 */ span.iconW33{display:inline-block;margin-right:8px;vertical-align:middle;width:25px;height:25px;background-repeat:no-repeat;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);} span.iconW33.ico01{background-position:-295px -154px;} span.iconW33.ico02{background-position:-347px -154px;} /* 증가감소_아이콘 박스 */ .icoGrade span{display:inline-block;width:9px;height:4px;overflow:hidden;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat;} .icoGrade .incRate{margin:0 6px 0 7px;padding:4px 2px;background-position:-541px -6px;} .icoGrade .decRate{margin:0 6px 0 7px;padding:4px 2px;background-position:-541px -21px;} .icoGrade.w25{width:25px;} /* 등급_별모양 */ .gradeIco{display:inline-block;} .gradeIco > span{display:inline-block;width:73px;height:15px;margin-top:1px;background:url(https://image.shinhan.com/rib2017/images/ico/ico_star.png) no-repeat;text-indent:-5000em;} .gradeIco .star00{background-position:0 0;} .gradeIco .star01{background-position:0 -16px;} .gradeIco .star02{background-position:0 -31px;} .gradeIco .star03{background-position:0 -46px;} .gradeIco .star04{background-position:0 -61px;} .gradeIco .star05{background-position:0 -76px;} /* 상태 */ .stateTyOrg{display:inline-block;border:1px solid #c28f4e;min-width:52px;height:30px;border-radius:2px;font-size:13px;line-height:30px;text-align:center;} span[class*="stateTy"]:before, span[class*="stateTy"]:after{width:15px;} /* 로딩게이지 */ .loadingWrap{text-align:center;} .loadingWrap > p{position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px;} .loadingWrap .box{display:inline-block;position:relative;width:126px;height:126px;} .loadingWrap .box .spr{position:absolute;left:0;top:0;opacity:0;} .loadingWrap .box .spr.on{opacity:1;} .loadingWrap .slogan{margin-top:25px;} .loadingWrap .slogan p{margin-top:18px;font-size:18px;color:#fff;} /* 탭 */ div[class*="tabTy"] ul[class*="item"] li{margin:0;border-left:none;} div[class*="tabTy"] ul[class*="item"] li:first-child{/* border-left:1px solid #ccc; */} /* div[class*="tabTy"] ul[class*="item"] li.on{border-left:1px solid #3579d4;} */ .detailPop div[class*="tabTy"] ul[class*="item"] li.on{border-left:2px solid #3579d4;} div[class*="tabTy"] ul[class*="item"] li a{padding:10px 0;} div[class*="tabTy"] ul.item2 li{width:50%;} div[class*="tabTy"] ul.item3 li{width:33.33333333333333%;} div[class*="tabTy"] ul.item4 li{width:25%;} div[class*="tabTy"] ul.item5 li{width:20%;} div[class*="tabTy"] ul.item6 li{width:16.66666666666667%;} div[class*="tabTy"] ul.item7 li{width:14.28571428571429%;} div[class*="tabTy"].multi8 li, div[class*="tabTy"] ul.item8 li{width:12.5%;} div[class*="tabTy"] ul.item9 li{width:11.11111111111111%;} div[class*="tabTy"] ul.item10 li{width:10%;} div[class*="tabTy"] ul.item11 li{width:9.090909090909091%;} div[class*="tabTy"] ul.item12 li{width:8.333333333333333%;} div[class*="tabTy"] ul.item13 li{width:7.692307692307692%;} div[class*="tabTy"] ul.item14 li{width:7.142857142857143%;} div[class*="tabTy"] ul.item15 li{width:6.666666666666667%;} .tabTy01.sfont li a span {font-size:14px; } .tabTy01.sfont li.on a span {color:#3579D4; font-weight:bold; font-weight:500;} .tabTy01.sfont li.on:after {background-color:#3579D4; } .tabTy01{height:41px;margin-bottom:30px;border-bottom:1px solid #d1d9e2;} .tabTy01 li{float:left;position:relative;min-width:98px;/* margin-right:-1px;border:solid #ccc;border-width:1px 1px 0;box-sizing:border-box; */} .tabTy01 li.on{z-index:3;border-color:#3579d4;} .tabTy01 li.on:after{content:"";position:absolute;bottom:0;width:100%;height:2px;padding-right:2px;background-color:#2b70cc;} .tabTy01 li a{display:block;height:40px;padding:11px 18px 9px;background-color:#f9f9f9;font-size:16px;line-height:16px;color:#666;text-align:center;box-sizing:border-box;} .tabTy01 li a span{display:inline-block;overflow:hidden;max-width:100%;font-size:16px;line-height:17px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} .tabTy01 li a:before{content:"";display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;} .tabTy01 li.on a{background-color:#3579d4;color:#fff;} .tabTy02{margin-bottom:30px;} .tabTy02 ul{display:inline-block;width:100%;padding-left:3px;border-bottom:1px solid #dcdcdc;} .tabTy02 li{float:left;} .tabTy02 li a{display:block;padding:0 14px;font-size:15px;color:#666;} .tabTy02 li.on a{color:#2b70cc;} .tabTy02 li a span{display:block;position:relative;height:30px;padding:0 4px;text-align:center;} .tabTy02 li.on a span:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background-color:#2b70cc;} div[class*="multi"]{height:54px !important;} div[class*="multi"].tabTy01 li a{height:54px !important;padding:11px 13px 9px;} div[class*="multi"].tabTy01 li a span{white-space:normal;word-break:keep-all;font-size:15px;} .tabTy01.accTab ul{display:table;overflow:visible;width:99.9%;border-collapse:collapse;} .tabTy01.accTab li{display:table-cell;float:none;min-width:90px;margin:0;} /* 탭 팝업 */ .detailPop .tabTy01{height:40px;border-bottom:2px solid #3579d4;} .detailPop .tabTy01 li.on{border-width:2px 2px 0;} .detailPop .tabTy01 li.on:after{display:none;} .detailPop .tabTy01 li a{height:39px;} .detailPop .tabTy01 li.on a{height:40px;background-color:#fff;color:#3579d4;} .detailPop div[class*="multi"]{height:60px;} .detailPop div[class*="multi"].tabTy01 li a{height:59px;} .detailPop div[class*="multi"].tabTy01 li.on a{height:60px;} /* 탭 콘텐츠 */ .w2tabcontrol .w2tabcontrol_contents_wrapper{padding-top:30px;box-sizing:border-box;overflow:hidden;} .w2tabcontrol .w2tabcontrol_container{height:auto !important;margin-top:-1px;} .w2tabcontrol.tabTyCon01{overflow:hidden;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost{height:auto;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background-image:none;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{position:relative;border:solid #ccc;border-width:1px 0 0;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li{overflow:hidden;height:39px;margin-right:-1px;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{position:relative;top:0;width:inherit;height:39px;margin:0;/* padding:0 19px; */padding:0;border:1px solid #ccc;background-color:#f9f9f9;font-size:15px;font-weight:normal;line-height:39px;color:#666;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{z-index:2;line-height:38px;border-color:#3579d4;background-color:#3579d4;color:#fff;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{content:'';display:block;position:relative;z-index:10;width:100%;top:40px;height:2px;/* margin-left:-5px;padding:0 5px; */background-color:#3579d4;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{border:solid #aaa;border-width:2px 0 0;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{height:38px;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{height:40px;border-width:2px 2px 0;background-color:#fff;color:#3579d4;} .detailPop .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{margin-top:-2px;border-color:#3579d4;} .w2tabcontrol.tabTyCon02{overflow:hidden;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost{height:auto;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background-image:none;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_container{position:relative;border:solid #dcdcdc;border-width:1px 0 0;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_contents_wrapper{margin-top:-3px;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost li a{position:static;width:inherit;height:30px;margin:0;padding:0 18px;font-size:15px;font-weight:normal;line-height:1.2;color:#666;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost li.w2tabcontrol_active a{line-height:1;color:#3579d4;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{content:'';display:block;position:relative;z-index:10;width:100%;top:28px;height:2px;margin-left:-5px;padding:0 5px;background-color:#3579d4;} .w2tabcontrol.tabTyCon03{overflow:hidden;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost{height:auto;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background-image:none;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost .w2tabcontrol_tab_left{width:0;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_container{position:relative;border:0;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_contents_wrapper{padding-top:20px;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost{text-align:center;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost li{display:inline-block;float:none;margin-right:0;padding:0;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost li a{position:static;width:inherit;min-width:125px;height:37px;margin:0;font-size:16px;color:#888;line-height:1;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost li a:before{content:'';display:block;position:relative;z-index:10;width:100%;top:32px;height:5px;background-color:#d1d9e2;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost li.w2tabcontrol_active a{color:#3579d4;} .w2tabcontrol.tabTyCon03 .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{background-color:#3579d4;} .w2tabcontrol.tabTyCon04{overflow:hidden;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost{height:auto;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left, .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background-image:none;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost .w2tabcontrol_tab_center {display:table; width:100%;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_container{position:relative;border:solid #f3f6fb;border-width:1px 0 0;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_contents_wrapper {padding-top:24px;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost li{overflow:hidden;height:48px;float:none; display:inline-block; padding:0; margin:0; background:#fff; background:rgba(255, 255, 255, 0)} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost li a{display:table-cell;top:0;margin:0;vertical-align:middle;font-size:16px;font-weight:500;line-height:auto;color:#666; background:#fff; background:rgba(255, 255, 255, 0)} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost li.w2tabcontrol_active a{z-index:2;color:#000;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost li a span {display:inline-block; line-height:48px;position:relative;} .w2tabcontrol.tabTyCon04 .w2tabcontrol_tabhost li.w2tabcontrol_active a span:before{content:'';display:block;position:absolute;z-index:10;top:46px;left:-15px;right:-15px;height:2px;background-color:#000;} .w2tabcontrol.tabTyCon04.tab1 .w2tabcontrol_tabhost li{width:100%;} .w2tabcontrol.tabTyCon04.tab2 .w2tabcontrol_tabhost li{width:50%;} .w2tabcontrol.tabTyCon04.tab3 .w2tabcontrol_tabhost li{width:33.3333%;} .w2tabcontrol.tabTyCon04.tab4 .w2tabcontrol_tabhost li{width:25%;} /* 텍스트 */ .listDot.nSol li { } .textDot.nSol, .textDot.nSol *, .listDot.nSol li , .listDot.nSol li * {line-height:160%;font-size:14px; color:#565B64} .textDot.nSol:before , .listDot.nSol li:before {width: 4px; height: 4px; background-color: #565B64; border-radius:5px;} .textNor{line-height:22px;} .listNor li{position:relative;margin-top:4px;line-height:20px;} .listNor li:first-child{margin-top:0;} .textNor a, .listNor a{text-decoration:underline;vertical-align:inherit;} .textNor em, .listNor em{color:#3579d4;} .textDot, .listDot li{position:relative;margin-top:8px;padding-left:12px;line-height:20px;font-size:14px;} .textDot.fs13,.listDot li.fs13{font-size:14px !important;} .textDot{margin-top:20px;} .fc56.textDot:before, .fc56.listDot li:before, .listDot .fc56 li:before {background-color:#808892;} .textDot:before, .listDot li:before{content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background-color:#565c63;} .listDot li.bfNone{padding-left:0px;} .listDot.blue li:before{background-color:#3579d4;} .listDot li:first-child{margin-top:0;} .textDot a, .listDot a{text-decoration:underline;vertical-align:inherit;} .textDot em, .listDot em{color:#3579d4;} .textDot.small{margin-top:1px;padding-left:10px;} .textDot.small:before{top:9px;width:2px;height:2px;} .listDot.small li{margin-top:1px;padding-left:10px;} .listDot.small li:before{top:9px;width:2px;height:2px;} .textDash, .listDash li {position:relative;margin-top:4px;padding-left:12px;line-height:20px;} .textDash{margin-top:16px;} .textDash:before, .listDash li:before, .listDot.nSol .listDash li:before {content:"";position:absolute;left:0;top:9px;width:5px;height:1px;background-color:#666;} .listDash li:first-child{margin-top:0;} .listDash + .eTit{margin-top:25px;} .listDot li > ul{margin:5px 0 15px;} .listDot li > ul > li{padding-left:12px;} .listDot li > ul > li:before{top:9px;width:5px;height:1px;background-color:#666;} .listDot li > ul > li > ul{margin:5px 0 15px;} .listDot li > ul > li > ul > li{padding-left:10px;} .listDot li > ul > li > ul > li:before{width:2px;height:2px;background-color:#666;} .listDash li > ul{margin:5px 0 15px;} .listDash li > ul > li{padding-left:10px;} .listDash li > ul > li:before{top:7px;width:2px;height:2px;background-color:#666;} .textDash a, .listDash a{text-decoration:underline;vertical-align:inherit;} .textDash em, .listDash em{color:#3579d4;} .listTyNum{overflow:hidden;} .listTyNum li{float:left;position:relative;margin-left:10px;padding-left:18px !important;line-height:22px;} .listTyNum li:first-child{margin-left:0;} .listTyNum.block li{float:none;margin-left:0;} .listTyNum li:before{position:absolute;left:0;top:3px !important;width:14px !important;height:14px !important;overflow:hidden;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) !important;background-repeat:no-repeat !important;background-color:transparent !important;text-indent:-9999px;} .listTyNum li.num01:before{content:"1";background-position:-10px -39px !important;} .listTyNum li.num02:before{content:"2";background-position:-29px -39px !important;} .listTyNum li.num03:before{content:"3";background-position:-48px -39px !important;} .listTyNum li.num04:before{content:"4";background-position:-67px -39px !important;} p + .listTyNum{margin-top:10px;} .idxList{padding-left:15px;list-style:decimal;} .idxList li{padding-left:0 !important;line-height:20px;margin-top:4px !important;} .idxList li:before{display:none;} .idxCirList li{position:relative;line-height:20px;margin-top:4px !important;padding-left:18px !important;} .idxCirList li:before{position:absolute;left:0;top:0 !important;width:auto !important;height:auto !important;background:none !important;} .idxCirList li.num01:before{content:"①";} .idxCirList li.num02:before{content:"②";} .idxCirList li.num03:before{content:"③";} .idxCirList li.num04:before{content:"④";} .idxCirList li.num05:before{content:"⑤";} .idxCirList li.num06:before{content:"⑥";} .idxCirList li.num07:before{content:"⑦";} .idxCirList li.num08:before{content:"⑧";} .idxCirList li.num09:before{content:"⑨";} .idxCirList li.num10:before{content:"⑩";} .idxCirList li.num11:before{content:"⑪";} /* 정보 */ .warningTxt{position:relative;margin-top:13px;padding-left:15px;font-size:14px;line-height:22px;color:#d99103;} span.warningTxt{display:inline-block;} .warningTxt:before{content:"※";position:absolute;left:0;top:0;} #tbx_plus_service_1 .warningTxt:before{display:none;} .warningTxt + .warningTxt{margin-top:0;} .warningTxt a{color:#d99103;text-decoration:underline;vertical-align:inherit;} .eventview_wrap .event_con .smartMemo .warningTxt{padding-left:0;} .eventview_wrap .event_con .smartMemo .warningTxt:before{display:none;} .warningBox{margin-top:13px;} .warningBox a{color:#666;text-decoration:underline;vertical-align:inherit;} .warningBox p{position:relative;padding-left:10px;line-height:20px;} .warningBox p:before{content:"";position:absolute;left:0;top:6px;width:3px;height:3px;background-color:#3579d4;} .warningBox p + p{margin-top:6px;} .warningBox p em{color:#3579d4;} .warningBox.single p{padding-left:19px;} .warningBox.single p:before{top:3px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -89px -26px;} .infoTxt dt{font-size:16px;color:#3579d4;padding-bottom:15px;} .infoTxt dd{line-height:1.4;padding-bottom:20px;} .recruitCenter{padding-top:20px;border-top:1px solid #dcdcdc;} .recruitCenter .ico01{float:left;margin-right:10px;margin-top:15px;width:30px;height:33px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -120px -10px;} .recruitCenter > p{line-height:1.4;} .recruitCenter ul{margin-top:15px;} .recruitCenter a{text-decoration:underline;} .iconTxtBox{margin-top:55px;} .iconTxtBox p{padding-left:30px;line-height:1;} .iconTxtBox .fontTy18{display:inline-block;color:#343434;} .iconInfo{display:inline-block;vertical-align:top;position:relative;} .iconInfo:before{content:'';position:absolute;top:-3px;left:0;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} /* 라디오 그룹 */ .radioGrp, .radioGrp div{display:inline-block;vertical-align:top;} .radioGrp .w2radio .w2radio_item{position:relative;padding:0;} .radioGrp .w2radio .w2radio_item + .w2radio_item{margin:0 0 0 6px;} .radioGrp .w2radio .w2radio_item input{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:none;border-radius:0;line-height:1;} @media \0screen{.radioGrp .w2radio .w2radio_item input{width:0 !important;height:0 !important;filter:alpha(opacity=0);}} .radioGrp .w2radio .w2radio_item label{position:static;min-width:50px;height:30px;margin:0 0 0 -1px;padding:0;border:1px solid #ccc;/* border-radius:2px; */background-color:#fff;font-size:14px;line-height:30px;color:#343434;text-align:center;box-sizing:border-box;} .radioGrp .w2radio .w2radio_item label:before, .radioGrp .w2radio .w2radio_item label:after{content:"";display:inline-block;position:static;width:8px;height:0;outline:transparent;background:none;} .radioGrp .w2radio .w2radio_item:first-child label{margin:0;} .radioGrp .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label{border-color:#768392;background-color:#606972;color:#fff;} .radioGrp .w2radio .w2radio_item > .checked{border-color:#768392;background-color:#606972;color:#fff;} .radioGrp .w2radio .w2radio_item input[type="radio"]:focus + label{outline:1px dotted #333;} .radioGrp .w2radio .w2radio_item > .focus{outline:1px dotted #333;} /* IE8 */ .radioGrp .w2radio .w2radio_item input[disabled] + label{border:1px solid #e8e8e8;background-color:#e8e8e8;color:#aaa;cursor:default;} .radioGrp a{display:inline-block;min-width:82px;height:30px;border:1px solid #c2c5cd;border-radius:2px;font-size:13px;font-weight:normal !important;line-height:30px;color:#343434;text-align:center;box-sizing:border-box;} .radioGrp a:before, .radioGrp a:after{width:9px;} .radioGrp a + a{margin-left:5px;} .radioGrp .w2radio + a{margin-left:10px;} .w2radio.block .w2radio_item, .w2checkbox.block{margin:5px 0 0;} .w2radio.block .w2radio_item:first-child, .w2checkbox.block:first-child{margin-top:0;} /* 라디오 강조 */ .ansTrue.w2radio .w2radio_item label {color:#FF6B00; font-weight:bold;} /* 폼 */ .w2group.radioGrp + .w2anchor2.btnCalc{margin-left:15px;margin-top:2px;} .w2selectbox_native + input, input + .w2selectbox_native, .fileUpload + a, .w2selectbox_native + a, input[type="text"] + a, input[type="password"] + a, .keyboard + a{margin-left:10px;} .calendar{display:inline-block;} .calendar .radioGrp, .calendar + .radioGrp{margin-left:15px;} .radioGrp + .calendar{float:left;margin-right:15px;} .w2selectbox_native + .w2checkbox + .w2checkbox, .w2selectbox_native + .w2checkbox{margin-left:10px;} .w2selectbox_native + .w2selectbox_native{margin-left:7px;} input.noStyle{border:none;} .pubClear{display:inline-block;position:relative;} .pubClear a{position:absolute;right:0;top:5px;} .keyboard{display:inline-block;position:relative;} .keyboard input{width:165px;} .keyboard input.aR{padding-right:35px;} .keyboard a{overflow:hidden;position:absolute;right:0;top:0;width:35px;height:100%;margin:0 !important;box-sizing:border-box;} .keyboard a[disabled]{border:none;background-color:transparent;} .keyboard a img{margin:6px 0 0 10px;} .dateSet span{display:inline-block;position:relative;} .dateSet span + span{margin-left:10px;} .dateSet span a{position:absolute;z-index:2;width:27px;height:30px;margin:0;background-image:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png);background-repeat:no-repeat;} .dateSet span a.btnDatePrev{left:0;background-position:-167px -10px;} .dateSet span a.btnDateNext{right:0;background-position:-199px -10px;} .dateSet span a[disabled]{border:none !important;} .dateSet span input{width:132px !important;background-color:#fff;text-align:center;} _:-ms-lang(x), .dateSet input[type="text"]{height:30px;padding:5px 5px 3px;}/*ie Edge*/ .dateSet > a{margin-left:10px;} .emailSet input{width:151px;} .emailSet .w2selectbox_native{width:151px;margin-left:5px;} .emailSet .txt{margin:0 3px !important;} .emailSet .txt + input{margin-left:0 !important;} .telSet input, .phoneSet input{width:80px;margin:0 !important;} .cardNmSet input{width:50px;margin-left:0px !important;} .expriyDateSet select{width:80px !important;} .expriyDateSet span{margin:0 5px;} .juminSet input[type="text"]{width:100px;} .juminSet input[type="password"]{width:150px;} .telSet .txt, .phoneSet .txt, .juminSet .txt, .cardNmSet .txt{margin:0 7px !important;} .priceTy01{overflow:hidden;} .fileSet{display:inline-block;margin-left:5px;} .fileSet + input{margin-left:20px;} .fileSet span[class*="icoTy"] + label{margin-left:5px;} .unitBox{display:inline-block;width:50px;height:28px;border:1px solid #c1c1c1;background-color:#f3f4f8;line-height:28px;text-align:center;} .unitBox + input{margin-left:4px;} /* 테이블 */ .w2tb[class*="tableTy"] .bt{border-top:1px solid #dcdcdc !important;} .w2tb[class*="tableTy"] .br{border-right:1px solid #dcdcdc !important;} .w2tb[class*="tableTy"] .bb{border-bottom:1px solid #dcdcdc !important;} .w2tb[class*="tableTy"] .bl{border-left:1px solid #dcdcdc !important;} .w2tb .warningTxt{line-height:20px;} .w2tb.tableTySearch{margin-top:10px;border-right:0 hidden #fff;border-left:0 hidden #fff;} .w2tb.tableTySearch thead .w2tb_th{border-bottom:1px solid #dcdcdc;} .w2tb.tableTySearch tbody .w2tb_th, .w2tb.tableTySearch tbody .w2tb_td{height:30px;border:solid #dcdcdc;border-width:1px 0 0 1px;background-color:transparent;font-size:15px;color:#343434;text-align:left;} .w2tb.tableTySearch tbody tr:first-child > .w2tb_th, .w2tb.tableTySearch tbody tr:first-child > .w2tb_td{border-top:none;} .w2tb.tableTySearch tbody .w2tb_th{padding-left:20px;background-color:#f9f9f9;font-size:15px;color:#424d89;} .w2tb.tableTySearch tbody .w2tb_td + .w2tb_th{border-left:1px solid #dcdcdc;} .w2tb.tableTySearch tbody .w2tb_td{padding:15px 20px;border-top:1px solid #dcdcdc;} .w2tb.tableTySearch tbody input + input{margin-left:6px;} .w2tb.tableTyInput, .tableTyInput > table{border-right:0 hidden #fff;border-left:0 hidden #fff;} .tableTyInput thead .w2tb_th{border-bottom:1px solid #dcdcdc;} .tableTyInput tbody .w2tb_th, .tableTyInput tbody .w2tb_td{height:30px;border:solid #dcdcdc;border-width:1px 0 0 1px;color:#343434;text-align:left;} .tableTyInput tbody tr:first-child > .w2tb_th, .tableTyInput tbody tr:first-child > .w2tb_td{border-top:none;} .tableTyInput tbody .w2tb_th{padding-left:20px;background-color:#f9f9f9;font-size:15px;color:#424d89;line-height:23px;} .tableTyInput tbody .w2tb_td{padding:15px 20px;border-top:1px solid #dcdcdc;} .tableTyInput tbody .w2tb_td > p{line-height:23px;} .tableTyInput tbody td .w2tb.tableTyGrid tbody .w2tb_td, .tableTyInput tbody td .w2tb.tableTyGrid thead .w2tb_th{text-align:center;} .tableTyInput + .w2wframe .w2textbox.titH02{margin-top:40px !important;} .tableTyInput + .agreeArea{min-height:40px;padding:20px 20px 15px;border-bottom:1px solid #b7bbd1;} .tableTyInput + .agreeArea:after{content:"";display:block;clear:both;} .warningBox.single + .tableTyInput{margin-top:26px;} .w2tb.tableTyOutput{border-right:0 hidden #fff;border-left:0 hidden #fff;} .w2tb.tableTyOutput .w2tb_th, .w2tb.tableTyOutput .w2tb_td{border:solid #dcdcdc;border-width:1px 0 0 1px;background-color:transparent;color:#343434;text-align:left;} .w2tb.tableTyOutput thead .w2tb_th{border-bottom:1px solid #dcdcdc;} .w2tb.tableTyOutput tbody tr:first-child > .w2tb_th, .w2tb.tableTyOutput tbody tr:first-child > .w2tb_td{border-top:none;} .w2tb.tableTyOutput .w2tb_td{border-right:0;} .w2tb.tableTyOutput .w2tb_th{background-color:#f9f9f9;font-size:15px;color:#424d89;} .w2tb.tableTyOutput thead .w2tb_th{height:50px;padding:0 20px;text-align:center;} .w2tb.tableTyOutput tbody .w2tb_th, .w2tb.tableTyOutput tbody .w2tb_td{height:20px;line-height:20px;} .w2tb.tableTyOutput tbody .w2tb_th{padding:0 20px;} .w2tb.tableTyOutput tbody .w2tb_th + .w2tb_th, .w2tb.tableTyOutput tbody .w2tb_td + .w2tb_th, .w2tb.tableTyOutput tbody .w2tb_td{padding-right:18px;padding-left:18px;} .w2tb.tableTyOutput tbody .w2tb_td a + a{margin-left:3px;} .w2tb.tableTyOutput tbody .w2tb_td > span + a{margin-left:10px;} .w2tb.tableTyOutput tbody .w2tb_td .data{line-height:30px;} .w2tb.tableTyOutput tbody .w2tb_td .fr a{position:absolute;right:0;} .w2tb.tableTyOutput tfoot .w2tb_th, .w2tb.tableTyOutput tfoot .w2tb_td{height:60px;padding:0 18px;background-color:#f9f9f9;line-height:60px;} .w2tb.tableTyOutput tfoot .w2tb_th{font-size:15px;font-weight:bold;color:#555;border-right:1px solid #dcdcdc} .w2tb.tableTyOutput tfoot .w2tb_td{font-size:20px;font-weight:bold;color:#424d89;} .w2tb.tableTyOutput tfoot .w2tb_td em + span{margin-left:4px;} .w2tb.tableTyOutput.aC thead .w2tb_th{padding:0;} .w2tb.tableTyOutput.aC tbody .w2tb_th, .w2tb.tableTyOutput.aC tbody .w2tb_td{text-align:center;} .w2tb.tableTyOutput tbody .w2tb_td .w2grid.gridTyDefault{border-top-color:#c2d6ef;} .w2tb.tableTyOutput.result{border-top:1px solid #b7bbd1;border-bottom:2px solid #3579d4;} .w2tb.tableTyOutput.result tbody .w2tb_th, .w2tb.tableTyOutput.result tbody .w2tb_td{height:60px;padding:0 15px;background-color:#f6faff;} .w2tb.tableTyOutput.result tbody .w2tb_th{border-right:none;font-weight:bold;color:#555;text-align:left;vertical-align:middle;} .w2tb.tableTyOutput.result tbody .w2tb_td + .w2tb_th{border-left:1px solid #dcdcdc;} .w2tb.tableTyOutput.result tbody .w2tb_td{border-left:none;font-size:20px;font-weight:bold;color:#424d89;text-align:right;} .w2tb.tableTyOutput.result tbody .w2tb_td em + span{margin-left:4px;} .w2tb.tableTyOutput.result.etc{border-top:2px solid #3579d4;border-bottom:1px solid #b7bbd1;} .w2tb.tableTyOutput.result.etc tbody .w2tb_th{border-right:1px solid #dcdcdc;background-color:#f6faff;font-size:15px;color:#555;} .w2tb.tableTyOutput.result.etc tbody .w2tb_td{background-color:#fff;font-size:14px;color:#424d89;text-align:left;} .w2tb.tableTyOutput.result.etc2{border-bottom:2px solid #3579d4;border-top:1px solid #d2d2d2;} table.w2tb.tableTyInfo.fs12 tbody td, table.w2tb.tableTyInfo.fs12 tbody th, table.w2tb.tableTyInfo.fs12 tbody td span, table.w2tb.tableTyInfo.fs12 tbody th span {font-size:12px;} table.w2tb.tableTyInfo.fs13 tbody td, table.w2tb.tableTyInfo.fs13 tbody th {font-size:13px;} table.w2tb.tableTyInfo.fs13 tbody td span, table.w2tb.tableTyInfo.fs13 tbody th span {font-size:13px;} table.w2tb.tableTyInfo.fs12 tbody td, table.w2tb.tableTyInfo.fs12 tbody th, table.w2tb.tableTyInfo.fs13 tbody td, table.w2tb.tableTyInfo.fs13 tbody th { line-height:130%; padding:4px;} .w2tb.tableTyInfo, .tableTyInfo > table{position:relative;border-right:0 hidden #fff;border-left:0 hidden #fff;} .w2tb.tableTyInfo .w2tb_th, .w2tb.tableTyInfo .w2tb_td, .tableTyInfo th, .tableTyInfo td{border:solid #dcdcdc;border-width:1px 0 0 1px;background-color:transparent;color:#333;} .w2tb.tableTyInfo thead .w2tb_th, .tableTyInfo thead th{height:40px;padding:0;background-color:#f8f8f8;font-size:14px;font-weight:normal;color:#777;} .w2tb.tableTyInfo tbody .w2tb_th, .w2tb.tableTyInfo tbody .w2tb_td, .tableTyInfo tbody th, .tableTyInfo tbody td{height:20px;padding:10px;line-height:20px;} .w2tb.tableTyInfo tbody .w2tb_th, .tableTyInfo tbody th{background-color:#f8f8f8;font-size:14px;color:#777;} .w2tb.tableTyInfo.aL tbody .w2tb_th, .w2tb.tableTyInfo.aL tbody .w2tb_td, .tableTyInfo.al tbody td{text-align:left;} .w2tb.tableTyInfo.aR tbody .w2tb_th, .w2tb.tableTyInfo.aR tbody .w2tb_td, .tableTyInfo.ar tbody td{text-align:right;} .w2tb.tableTyInfo.aC tbody .w2tb_th, .w2tb.tableTyInfo.aC tbody .w2tb_td, .tableTyInfo.ac tbody th, .tableTyInfo.ac tbody td{text-align:center;} .w2tb.tableTyInfo .w2tb_td a + a, .tableTyInfo td a + a{margin-left:3px;} .w2tb.tableTyInfo tbody .w2tb_th.br0, .tableTyInfo tbody th.br0{border-right:none;}/* 지방세 */ .w2tb.tableTyInfo tbody .w2tb_td.bgBlue, .tableTyInfo tbody td.bgBlue{background-color:#f6faff;} .w2tb.tableTyInfo tbody .w2tb_td.aL .btnTyGray01.small, .tableTyInfo tbody td.aL .btnTyGray01.small{margin-right:3px;} .tableTyInfo.td_left tbody td{text-align:left !important;} .w2tb.tableTyGrid{border-bottom:1px solid #b7bbd1;border-right:0 hidden #fff;border-left:0 hidden #fff;} .w2tb.tableTyGrid thead .w2tb_th{height:50px;padding:0;border:solid #dcdcdc;border-width:1px 0 1px 1px;background-color:#f9f9f9;font-size:15px;color:#424d89;} .w2tb.tableTyGrid tbody .w2tb_th, .w2tb.tableTyGrid tbody .w2tb_td{height:20px;padding:15px 13px;border-top:1px solid #dcdcdc;line-height:22px;color:#343434;} .w2tb.tableTyGrid tbody .w2tb_th{border-right:1px solid #dcdcdc;background-color:#f9f9f9;font-size:15px;} .w2tb.tableTyGrid tfoot .w2tb_th, .w2tb.tableTyGrid tfoot .w2tb_td, .w2tb.tableTyGrid .fakeTfoot .w2tb_th, .w2tb.tableTyGrid .fakeTfoot .w2tb_td{height:30px;padding:15px 13px;border:solid #dcdcdc;border-width:1px 0 0;border-bottom:1px solid #b7bbd1;background-color:#f9f9f9;font-weight:bold;color:#343434;} .w2tb.tableTyGrid tfoot .w2tb_th, .w2tb.tableTyGrid .fakeTfoot .w2tb_th{font-size:15px;color:#555;text-align:left;} .w2tb.tableTyGrid tfoot .w2tb_td, .w2tb.tableTyGrid .fakeTfoot .w2tb_td{font-size:20px;color:#424d89;} .w2tb.tableTyGrid tfoot .w2tb_td em + span, .w2tb.tableTyGrid .fakeTfoot .w2tb_td em + span{margin-left:4px;} .w2tb.tableTyGrid .noLineL{border-left:0 !important;} .w2tb.tableTyGrid.result + .gridTyDefault{margin-top:20px;} .w2tb.tableTyGrid.result thead .w2tb_th {font-weight:bold;color:#555;} .w2tb.tableTyGrid.result tbody .w2tb_th, .w2tb.tableTyGrid.result tbody .w2tb_td{padding:15px 20px;border:1px solid #dcdcdc;border-width:1px 0 0 1px;font-size:15px;font-weight:bold;} .w2tb.tableTyGrid.result tbody .w2tb_th{color:#555;text-align:left;} .w2tb.tableTyGrid.result tbody .w2tb_td{color:#424d89;text-align:right;} .w2tb.tableTyGrid.result tbody .w2tb_td em + span, .w2tb.tableTyGrid.result tbody .w2tb_td span + span{margin-left:4px;} .w2tb.tableTyGrid + .listDash{margin-top:20px;} .w2tb.tableTyGrid thead .w2tb_th a[class*="sort"]{overflow:hidden;display:inline-block;width:15px;height:20px;margin:-1px 0 0 5px;background-repeat:no-repeat;background-position:center center;text-indent:-5000em;cursor:pointer;} .w2tb.tableTyGrid thead .w2tb_th .sort_none_btn{background-image:url(https://image.shinhan.com/rib2017/images/btn/btn_grid_sort_cancel.png);} .w2tb.tableTyGrid thead .w2tb_th .sort_asc_btn{background-image:url(https://image.shinhan.com/rib2017/images/btn/btn_grid_sort_up.png);} .w2tb.tableTyGrid thead .w2tb_th .sort_desc_btn{background-image:url(https://image.shinhan.com/rib2017/images/btn/btn_grid_sort_down.png);} /* 목록(내용)없음 */ .listTyTarget.noResult{height:180px;} .listTyTarget.noResult, .secretConBox, .noChartBox, .noResultBox{display:table;width:100%;text-align:center;} .listTyTarget.noResult .noResultMsg, .secretConBox .noResultMsg, .noChartBox .noChart, .noResultBox .noResultMsg{display:table-cell;vertical-align:middle;} .listTyTarget.noResult .noResultMsg>p, .secretConBox .noResultMsg>p, .noChartBox .noChart>p, .noResultBox .noResultMsg>p{position:relative;display:inline-block;padding-top:60px;} .listTyTarget.noResult .noResultMsg>p:before, .secretConBox .noResultMsg>p:before, .noChart>p:before, .noResultBox .noResultMsg>p:before{content:'';position:absolute;top:0;left:50%;z-index:21;margin-left:-25px;width:50px;height:50px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -143px;} table tbody td .listTyTarget{border-top:0 !important;border-bottom:0 !important;} .w2tb .dscTxt{font-size:13px;line-height:18px;color:#d99103;} .w2tb span.dscTxt{margin-left:10px;} .w2tb p.dscTxt{position:relative;margin-top:7px;padding-left:10px;line-height:18px !important;} .w2tb p.dscTxt:before{content:'*';position:absolute;left:0;top:2px;} .w2tb input + span.dscTxt:before{content:'';} .w2tb .priceInput dt, .w2tb .priceInput dd{display:inline-block;vertical-align:top;} .w2tb .priceInput dt{padding-top:8px;} .w2tb .priceInput dd + dt{margin-left:14px;} .w2tb .priceInput dd{margin-left:9px;} .w2tb .priceInput dd input{width:120px;} .w2tb .w2inputCalendar_div + .txt, .w2tb .w2selectbox_native + .txt, .w2tb + .listDash{margin-top:16px;} .w2tb a + a, .w2tb .key + a, .w2tb .txt + a, .w2tb .rel + a, .w2tb .txt + .rel{margin-left:10px;} .w2tb input + .txt, .w2tb .keyboard + .txt{margin-left:4px;} .w2tb .txt + .w2inputCalendar_div, .w2tb .w2inputCalendar_div + .txt, .w2tb .txt + input{margin-left:10px;} @media \0screen{.w2tb .txt + input{margin-left:0;}} .w2tb .w2tb{border-top-color:#c2d6ef;} .w2tb .priceBox{display:inline-block;} .w2tb .priceBox a{min-width:62px;margin-left:5px;border:1px solid #ccc;font-size:14px;} .w2tb .priceBox a:first-child{margin-left:0;} .w2tb .priceBox a[class*="btnTy"].medium:before, .w2tb .priceBox a[class*="btnTy"].medium:after{width:14px;} .w2tb .priceBox a:focus{border-color:#768392;background-color:#768392;color:#fff !important;} .w2tb .priceBox + .btnCalc{margin:2px 0 0 15px;vertical-align:top;} /* 그리드 */ .w2grid .hiddenColumn{border-left:0px hidden #fff !important;} .w2grid .hiddenColumn > *{display:none;} .w2grid.gridTyDefault{margin-top:10px;border-top:2px solid #3579d4;border-bottom:1px solid #b7bbd1;} .w2grid.gridTyDefault .gridHeaderTableDefault{width:100% !important;border:none;border-right:0 hidden #fff;border-left:0 hidden #fff;} .w2grid.gridTyDefault .gridHeaderTDDefault, .w2grid.gridTyDefault .gridBodyDefault, .w2grid.gridTyDefault .gridFooterTDDefault{border:solid #dcdcdc;border-width:1px 0 0;background:#fff;color:#343434;} .w2grid.gridTyDefault .gridHeaderTDDefault{height:48px !important;padding-top:2px;border-width:0 0 1px 1px;background-color:#f9f9f9;font-size:15px;font-weight:normal;line-height:17px;color:#424d89;} .w2grid.gridTyDefault .gridHeaderTDDefault .w2grid_head_sort_div_main_btn{overflow:hidden;position:relative;top:-2px;width:15px;height:20px;margin-left:5px;background-repeat:no-repeat;background-position:center center;text-indent:-5000em;cursor:pointer;} .w2grid.gridTyDefault .gridHeaderTDDefault .w2grid_head_sort_none_btn{background-image:url(https://image.shinhan.com/rib2017/images/btn/btn_grid_sort_cancel.png);} .w2grid.gridTyDefault .gridHeaderTDDefault .w2grid_head_sort_asc_btn{background-image:url(https://image.shinhan.com/rib2017/images/btn/btn_grid_sort_up.png);} .w2grid.gridTyDefault .gridHeaderTDDefault .w2grid_head_sort_desc_btn{background-image:url(https://image.shinhan.com/rib2017/images/btn/btn_grid_sort_down.png);} .w2grid.gridTyDefault .grid_body_row td.gridBodyDefault_rowNumber{background-color:#fff !important;} .w2grid.gridTyDefault .grid_body_row:hover td.gridBodyDefault_rowNumber{background-color:#edf3fb !important;} .w2grid.gridTyDefault .gridBodyDefault, .w2grid.gridTyDefault .gridFooterTDDefault{font-size:14px;} .w2grid.gridTyDefault .gridBodyDefault{height:50px !important;padding:0 10px;border-bottom:0 !important;line-height:18px;} .w2grid.gridTyDefault.rowH2 .gridBodyDefault{height:75px !important;} .w2grid.gridTyDefault.rowH3 .gridBodyDefault{height:100px !important;} .w2grid.gridTyDefault.rowH4 .gridBodyDefault{height:125px !important;} .w2grid.gridTyDefault .gridBodyDefault .w2input[type="text"], .w2grid.gridTyDefault .gridBodyDefault .w2input[type="password"]{border:1px solid #c2c2c2;background-color:#fff} .w2grid.gridTyDefault .gridBodyDefault .w2input:focus{border-color:#3579d4;} .w2grid.gridTyDefault .gridBodyDefault .btn{overflow:hidden;} .w2grid.gridTyDefault .gridBodyDefault .btn a{float:left;margin:3px 5px 3px 0;} .w2grid.gridTyDefault .gridBodyDefault_rowNumber.focusedTr{background-color:#fcf8e3 !important;} .w2grid.gridTyDefault .gridBodyDefault button{display:inline-block;width:auto !important;min-width:52px;height:30px !important;;border:1px solid #ccc;border-bottom-color:#999;border-radius:2px;background-color:#fff;line-height:25px;color:#343434;text-align:center;box-sizing:border-box;} .w2grid.gridTyDefault .gridBodyDefault button:before, .w2grid.gridTyDefault .gridBodyDefault button:after{content:"";display:inline-block;width:9px;} .w2grid.gridTyDefault .gridFooterTableDefault, .w2grid.gridTyDefault .gridFooterTDDefault{width:100% !important;height:60px !important;padding:0 10px;border:none;border-top:1px solid #dcdcdc;text-align:left;} .w2grid.gridTyDefault .gridFooterTDDefault{background-color:#f9f9f9;font-size:19px !important;font-weight:bold;color:#424d89;text-align:right !important;} .w2grid.gridTyDefault .gridFooterTDDefault:first-child{border-left:0;font-size:15px !important;color:#555;text-align:left !important;} .w2grid.gridTyDefault .gridFooterTDDefault span{margin-left:4px;} .gridFooterTableDefault tbody td{height:20px !important;} .gridFooterTableDefault{background-color:#f9f9f9 !important;} .w2grid.gridTyDefault.multiFooter .gridFooterTDDefault{font-size:15px;} .w2grid.gridTyDefault .w2grid_embedded_input{text-align:center;} .w2grid.gridTyDefault nobr.w2grid_input_disabled{display:block;padding:5px 5px 3px;height:30px;line-height:16px;background:#eee;border:1px solid #c2c2c2;box-sizing:border-box;} .w2grid.gridTyDefault nobr.w2grid_input_disabled:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} .w2grid.gridTyDefault .gridBodyDefault{white-space:normal !important;text-overflow:clip !important;} .w2grid.gridTyDefault .gridBodyDefault nobr{white-space:normal !important;} .w2grid.gridTyDefault.gridScrollX .gridBodyDefault nobr{display:inline-block;white-space:nowrap !important;} .w2grid.gridTyDefault .gridBodyDefault a.w22{width:115px;} .w2grid.gridTyDefault .gridBodyDefault a.w24{width:158px;} .w2grid.gridTyDefault .bgError .gridBodyDefault{background-color:red;} /* 테이블 & 그리드 */ .w2tb, table.tableTyInfo, .tableTyInfo > table{margin-top:10px;/* border-top:2px solid #3789dc; */border-bottom:1px solid #b7bbd1;} table.tableTyInfo.tblLineAll, table.tblLineAll {border:1px solid #eee !important; } table.tableTyInfo.tblNoTopLine:before, table.tblNoTopLine:before{display:none !important;} table.tableTyInfo:before,.tableTyInfo > table:before{content:"";position:absolute;top:0;width:100%;height:1px;left:0;background-color:#3789dc;} table.tableTyInfo.lBlack:before,.tableTyInfo.lBlack > table:before{background-color:#333;} .w2tb tbody .w2tb_th.bgClear{background-color:transparent !important;} .w2tb tbody .w2tb_th.vat{padding-top:20px;} .w2tb .w2selectbox_native{vertical-align:middle;} .w2tb input + .w2checkbox, .w2tb input + .w2radio{display:inline-block;margin-left:10px;} .w2tb input + input{margin-left:5px;} .w2tb .w2checkbox + a, .w2tb .w2radio + a{margin-left:10px;} .w2tb .w2input.resize{background-color:#f3f4f8;} .w2tb .w2input + .w2radio .w2radio_label{font-weight:bold;} .w2tb .listHyp01 li{font-size:13px;color:#666;} table.btb0.tableTyInfo:before{content:"";position:absolute;top:0;width:100%;height:0px;left:0;background-color:#eee;} table.btb0.tableTyInfo{border-bottom:0;} .w2tb.tableTyInfo.bb0{border-bottom:0;} .funcBox:after{content:"";display:block;clear:both;} .funcBox .line{display:inline-block;width:100%;padding-bottom:10px;vertical-align:top;} .funcBox .line:first-child{padding-top:0;border-top:none;} .titBox + .funcBox .line:first-child, .funcBox .line + .line, .titH02 + .funcBox .line:first-child{padding-top:10px;border-top:1px solid #dcdcdc;} .titH02 + .w2tb.tableTyBoard{margin-top:10px;} .hiddenArea .funcBox .line{padding-top:10px;} .funcBox.table .line{margin-top:5px;padding:0 0 10px;border-top:none;line-height:30px;} .funcBox.positionBox{position:relative;} .funcBox.positionBox .btR{position:absolute;bottom:10px;right:0;} .titH02 + .funcBox .line{padding-top:10px;border-top:1px solid #dcdcdc;} .funcBox .left{float:left;} .funcBox .right{float:right;} .funcBox .txt strong{position:relative;margin-right:9px;padding-right:11px;font-weight:normal;} .funcBox .txt strong:before{content:"";position:absolute;right:0;top:1px;width:1px;height:14px;background-color:#dcdcdc;} .funcBox .txt em{font-weight:bold;color:#3579d4;} .funcBox .txt em.time{font-weight:normal;color:#424d89;} .funcBox .txt em.date{font-weight:normal;color:#424d89;} .funcBox .txt .total{display:inline-block;} .funcBox .txt strong + .total, .funcBox .txt .time + .total{margin-left:5px;} .funcBox .txt .total em{margin-left:2px;font-weight:normal;color:#3579d4;} .funcBox .btn a{display:inline-block;min-width:52px;height:30px;border:1px solid #c6cdd6;border-bottom-color:#a5a9b0;border-radius:2px;font-size:13px;font-weight:normal;line-height:30px;color:#343434;text-align:center;box-sizing:border-box;} .funcBox .btn a:before, .funcBox .btn a:after{content:"";display:inline-block;width:11px;} .funcBox .left .btn a{margin-right:5px;background-color:#f9f9f9;} .funcBox .right .btn a{margin-left:3px;background-color:#fff;} .funcBox .right .w2selectbox_native{width:122px;margin-left:5px;} .funcBox .right .txt strong:before{content:":";top:-2px;width:0;background:none;padding-right:5px;} .funcBox.product .line .txt{border-top:none;} .funcBox.product .line .left .txt{ margin-top:12px;border-top:none;} .funcBox.product .right .btn{text-align:right;} .funcBox.product .right .btn .radioGrp .w2radio .w2radio_item{display:inline;} .titBox + .funcBox{margin-top:10px;} .tableTyOutput + .funcBox, .gridTyDefault + .funcBox{margin-top:40px;} .funcBox .tooltipLayer{display:inline-block;position:relative;} .funcBox .tooltipLayer .tooltip{position:absolute;left:0;top:38px;z-index:15;width:69px;padding:13px 15px 12px;border:1px solid #aaa;border-radius:2px;background-color:#fff;} .funcBox .tooltipLayer .tooltip:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:5px;margin-left:-3px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -10px -10px;} .funcBox .tooltipLayer .tooltip a{min-width:auto;height:auto;margin:0;border:none;background-color:transparent;line-height:normal;color:#666;} .funcBox .tooltipLayer .tooltip p > a{position:relative;padding-right:14px;} .funcBox .tooltipLayer .tooltip p > a:before{display:none;} .funcBox .tooltipLayer .tooltip p > a:after{position:absolute;right:0;top:3px;width:7px;height:12px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_grid_link_arrow.png) no-repeat 0 0;} .funcBox .tooltipLayer .tooltip p + p{margin-top:9px;} .funcBox .tooltipLayer .tooltip .btnClose{overflow:hidden;position:absolute;right:3px;top:3px;width:14px;height:14px;text-indent:-5000em;} .funcBox .tooltipLayer .tooltip .btnClose:before{content:"";position:absolute;left:2px;top:3px;width:9px;height:8px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -10px -60px;} .totalBox{margin-top:10px;padding:20px 14px;border-top:2px solid #596f8c;border-bottom:1px solid #d2d2d2;color:#343434;text-align:center;} .totalBox li{display:inline-block;margin:0 50px;} .totalBox li em{font-weight:bold;} .totalBox li span{margin-left:4px;} /* 테이블 & 그리드 멀티 */ .w2grid.multiBody .gridHeaderTDDefault{line-height:15px;} .w2grid.multiBody .gridHeaderTableDefault tbody tr:nth-child(even) td, .w2tb.multiBody tbody tr:nth-child(even) td{border-top-style:dashed;} .w2grid.multiBody .gridHeaderTableDefault tbody tr:nth-child(odd) td, .w2tb.multiBody tbody tr:nth-child(odd) td{border-top:1px solid #dcdcdc;} .w2grid.multiFooter tbody tr:nth-child(even) .gridFooterTDDefault{border-top-style:dashed;} .w2grid.multiBody .gridHeaderTDDefault, .w2grid.multiHeader .gridHeaderTDDefault, .w2grid.multiFooter .gridFooterTDDefault{height:35px !important;} .w2tb.multiHeader thead th, .w2tb.multiBody thead th{height:37px !important;} /* 테이블 & 그리드 강조 */ .emphasisBorder{position:relative;overflow:hidden;margin-top:10px;} .emphasisBorder:before{content:"";position:absolute;left:0;top:52px;z-index:15;width:2px;height:100%;background-color:#ed341b;} .emphasisBorder:after{content:"";position:absolute;right:0;top:52px;z-index:15;width:2px;height:100%;background-color:#ed341b;} .emphasisBorder tbody{border-top:2px solid #ed341b !important;border-bottom:2px solid #ed341b !important;} .emphasisBorder tbody .point{font-weight:bold !important;color:#3579d4 !important;} .emphasisBorder .w2grid, .emphasisBorder .w2tb{margin-top:0;border-bottom:none;} /* Edit Grid No Border */ .w2grid.grdNborder .gridBodyDefault .w2input[type="text"], .w2grid.grdNborder .gridBodyDefault .w2input[type="password"], .w2grid.grdNborder .gridBodyDefault .w2inputCalendar_divInput{border:0;background-color:transparent;} .w2grid.grdNborder .gridBodyDefault .w2input[type="text"]:focus, .w2grid.grdNborder .gridBodyDefault .w2input[type="password"]:focus, .w2grid.grdNborder .gridBodyDefault .w2inputCalendar_divInput:focus{border:1px solid #c2c2c2;background-color:#fff;} .w2grid.grdNborder .w2selectbox_native{background-color:transparent;} .w2grid.grdNborder .w2selectbox_native select{padding-right:3px;background:transparent;border:0;} .w2grid.grdNborder .w2selectbox_native select:focus{padding-right:28px;background:#fff url(https://image.shinhan.com/rib2017/images/bg/bg_select.png) no-repeat right 0;border:1px solid #c2c2c2;} /* ReadOnly&Disabled Selectbox class(개발자 전용) */ .w2grid .gridHeaderTableDefault .txtSel .w2selectbox_native{background-color:transparent !important;} .w2grid .gridHeaderTableDefault .txtSel .w2selectbox_native select{padding-right:0px;width:auto !important;background:transparent !important;border:0;} /* Status CreatRow Style */ .w2grid.grdNborder .gridHeaderTDDefault_rowStatus, .w2grid.grdNborder .gridBodyDefault_rowStatus{border:0 hidden #fff !important;} .w2grid.grdNborder .w2grid_rowStatus_C ~ td .w2input[type="text"], .w2grid.grdNborder .w2grid_rowStatus_C ~ td .w2input[type="password"], .w2grid.grdNborder .w2grid_rowStatus_C ~ td .w2inputCalendar_divInput{border:1px solid #c2c2c2;background-color:#fff;} .w2grid.grdNborder .w2grid_rowStatus_C ~ td .w2selectbox_native select{padding-right:28px;background:#fff url(https://image.shinhan.com/rib2017/images/bg/bg_select.png) no-repeat right 0;border:1px solid #c2c2c2;} .w2grid.grdNborder .w2grid_rowStatus_C ~ td .w2inputCalendar_divInput:disabled{background-color:#eee;} .w2grid.grdNborder .w2grid_rowStatus_C ~ td .w2selectbox_native select.w2selectbox_native_select:disabled{background-position:right -28px;background-color:#eee;} .w2grid.grdNborder .editCellStart ~ td .w2input[type="text"], .w2grid.grdNborder .editCellStart ~ td .w2input[type="password"], .w2grid.grdNborder .editCellStart ~ td .w2inputCalendar_divInput{border:1px solid #c2c2c2;background-color:#fff;} .w2grid.grdNborder .editCellStart ~ td .w2selectbox_native select{padding-right:28px;background:#fff url(https://image.shinhan.com/rib2017/images/bg/bg_select.png) no-repeat right 0;border:1px solid #c2c2c2;} .w2grid.grdNborder .editCellStart ~ td .w2inputCalendar_divInput:disabled{background-color:#eee;} .w2grid.grdNborder .editCellStart ~ td .w2selectbox_native select.w2selectbox_native_select:disabled{background-position:right -28px;background-color:#eee;} .w2grid a.medium[class*="btnTy"],.w2grid a.tooltipHover{margin:2px;} .w2grid.gridTyDefault + .listDash{margin-top:16px;} .bgNoSel .w2selectbox_native{background:transparent} .bgNoSel .w2selectbox_native select{width:auto !important;padding:0 5px !important;margin:0 !important;border:none !important;background-image:none;appearace:none;-webkit-appearance:none;-moz-appearance:none;} .bgNoSel .w2selectbox_native select[disabled]{background-color:transparent} .w2grid:before{content:"조회조건을 선택 후 조회하시기 바랍니다.";display:block;position:absolute;bottom:30px;left:0;z-index:20;width:100%; background:transparent;line-height:22px;font-size:14px;color:#666;text-align:center;box-sizing:border-box;} .w2grid:after{content:"";position:absolute;bottom:60px;left:50%;z-index:21;margin-left:-25px;width:50px;height:50px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -143px;} .w2grid.off:before, .w2grid.off:after{display:none;} .w2grid.hasFooter:before{bottom:80px;} .w2grid.hasFooter:after{bottom:110px;} .w2grid.grdSearchingMsg:before{content:"조회중 입니다.";} .w2grid.grdInputMsg:before{content:"입력된 내용이 없습니다. 정보를 입력하신 후 추가버튼을 누르세요.";} .w2grid.grdGoodMsg:before{content:"상품이 추가되지 않은 상태입니다. 상품을 추가해 주십시오.";} .w2grid .grdNoresultMsg{position:absolute;left:0;top:48px;width:100%;padding:30px 0;background-color:#fff;color:#343434;font-size:14px;color:#666;text-align:center;box-sizing:border-box;} .w2grid .grdNoresultMsg:before{content:"";display:block;width:50px;height:50px;margin:0 auto 20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -143px;} .w2grid.hrowH2 .grdNoresultMsg{top:70px;} .w2grid.hrowH3 .grdNoresultMsg{top:144px;} /* 페이징 */ .pagingBox{position:relative;top:-1px;border-top:1px solid #dcdcdc;border-bottom:1px solid #b7bbd1;text-align:center;vertical-align:top;} .pagingBox .more{display:block;height:40px;background-color:#f8f8f8;font-size:15px;line-height:40px;text-align:center;} .pagingBox .more span{position:relative;top:1px;padding-right:28px;} .pagingBox .more span:before{content:"";position:absolute;right:0;top:1px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -117px -10px;} .pagingBox .more.on span:before{background-position:-141px -10px;} /* 페이징 */ .normal_pag{padding-top:30px;} .normal_pag ul{display:block;text-align:center;} .normal_pag ul li{display:inline-block;width:auto;height:auto;margin:0 2px;padding:0;vertical-align:top;} .normal_pag ul li a{display:block;width:30px;height:30px;line-height:30px;font-size:14px;color:#333;font-weight:normal;} .normal_pag ul li a.w2pageList_label_selected, .normal_pag ul li a.w2pageList_label_over, .normal_pag ul li a.on, .normal_pag ul li a:hover{background:#3579d4;color:#fff;border-radius:1px;} .normal_pag ul li.w2pageList_control_pagePrev a, .normal_pag ul li.w2pageList_control_prev a, .normal_pag ul li.w2pageList_control_next a, .normal_pag ul li.w2pageList_control_pageNext a{margin:0 1px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat;text-indent:-100em;overflow:hidden;} .normal_pag ul li.w2pageList_control_pagePrev a{background-position:-10px -85px;} .normal_pag ul li.w2pageList_control_prev a{background-position:-50px -85px;} .normal_pag ul li.w2pageList_control_next a{background-position:-90px -85px;} .normal_pag ul li.w2pageList_control_pageNext a{background-position:-130px -85px;} .normal_pag + *{margin-top:40px;} /* 기본정보 없음 */ .infoNo{display:inline-block;vertical-align:middle;margin-left:10px;} .infoNo input{width:15px;} /* 스탭 */ .stepArea{line-height:24px;} .stepArea:after{content:"";display:block;clear:both;} .stepArea ol{float:right;} .stepArea li{float:left;position:relative;margin-left:13px;} .stepArea li:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:2px;background-color:#787878;} .stepArea li.on:before{background-color:#195dae;} .stepArea li span{font-size:30px;font-weight:bold;} .stepArea li.on span{color:#3579d4;} .stepArea li em{position:absolute;top:-5000em;z-index:16;height:28px;padding:0 6px;border:1px solid #aaa;border-radius:2px;background-color:#fff;font-size:13px;line-height:29px;color:#343434;white-space:nowrap;} .stepArea li span:hover + em, .stepArea li span:focus + em{top:38px;} .stepArea li em:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:5px;margin-left:-4px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -10px -10px;} .stepArea li.on em{display:inline-block;position:relative;top:-3px !important;margin-left:8px;padding:0;border:none;font-size:20px;font-weight:bold;} .stepArea li.on em:after{display:none;} .tabTy01 + .stepArea{margin-top:-10px;} /* 스텝박스 */ div[class*="stepTyInfo"].col2 > ol > li{width:50%;} div[class*="stepTyInfo"].col3 > ol > li{width:33.33333333333333%;} div[class*="stepTyInfo"].col4 > ol > li{width:25%;} div[class*="stepTyInfo"].col5 > ol > li{width:20%;} .stepTyInfo01{border-top:2px solid #b3bac6;border-bottom:1px solid #dcdcdc;} .stepTyInfo01 > ol{display:table;overflow:hidden;width:100%;padding:20px 0;} .stepTyInfo01 > ol + ol{border-top:1px solid #dcdcdc;} .stepTyInfo01 > ol > li{display:table-cell;position:relative;padding-left:57px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_step_arrow.png) no-repeat 10px center;vertical-align:top;box-sizing:border-box;} .stepTyInfo01 > ol > li:first-child{padding-left:30px !important;background:none;} .stepTyInfo01.col2 > ol > li{padding-left:109px;} .stepTyInfo01.col4 > ol > li{padding-left:45px;} .stepTyInfo01 > ol.arrowReset > li{padding-left:31px;} .stepTyInfo01 > ol > li:before{display:none;} .stepTyInfo01 > ol > li em{display:block;font-size:13px;color:#3579d4} .stepTyInfo01 > ol > li strong{display:block;margin-top:5px;font-size:18px;font-weight:normal;line-height:26px;color:#343434;} .stepTyInfo01 > ol > li p{margin-top:2px;line-height:22px;} .stepTyInfo01 > ol > li ol + ul{margin-top:8px;} .stepTyInfo01.tyPop{border:none;} .stepTyInfo01.tyPop li{padding-left:20px;} .stepTyInfo01.tyPop li:first-child{padding-left:0;} .stepTyInfo01.tyPop strong{font-size:15px;} .stepTyInfo02{overflow:hidden;margin-top:10px;} .stepTyInfo02 ol{display:table;width:1020px;margin-left:-40px;} .stepTyInfo02 li{display:table-cell;position:relative;padding-left:40px;} .stepTyInfo02 li:before{content:"";position:absolute;left:17px;top:50%;width:9px;height:16px;margin-top:-8px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_step_arrow.png) no-repeat 0 center;} .stepTyInfo02 li > div{position:relative;height:120px;padding:19px 19px 19px 103px;border:1px solid #dcdcdc;box-sizing:border-box;} .stepTyInfo02 li > .type02{height:150px;} .stepTyInfo02 li span{position:absolute;left:19px;top:19px;width:65px;height:65px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_step_ico.png);background-repeat:no-repeat;} .stepTyInfo02 li em{display:block;font-size:13px;color:#3579d4;} .stepTyInfo02 li strong{display:block;margin-top:6px;font-size:18px;font-weight:normal;color:#343434;} .stepTyInfo02 li p{margin-top:5px;line-height:20px;} .stepTyInfo02 li p > em{display:inline;font-size:14px;} .stepTyInfo02 li span.ico01{background-position:0 0;} .stepTyInfo02 li span.ico02{background-position:0 -75px;} .stepTyInfo02 li span.ico03{background-position:0 -150px;} .stepTyInfo02 li span.ico04{background-position:0 -225px;} .stepTyInfo02 li span.ico05{background-position:0 -300px;} .stepTyInfo02 li span.ico06{background-position:0 -375px;} .stepTyInfo02 li span.ico07{background-position:0 -450px;} .stepTyInfo02 li span.icoMp01{background-position:0 -525px;} .stepTyInfo02 li span.icoMp02{background-position:0 0;} .stepTyInfo02 li span.icoMp03{background-position:0 -600px;} .stepTyInfo02 li span.icoMp04{background-position:0 -675px;} .stepTyInfo02 li span.icoMp05{background-position:0 -750px;} .stepTyInfo02 li span.icoMp06{background-position:0 -825px;} .stepTyInfo03{overflow:hidden;margin-top:10px;} .stepTyInfo03 ol{overflow:hidden;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:center;} .stepTyInfo03 li{float:left;position:relative;box-sizing:border-box;height:215px;padding:115px 10px 30px 10px;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;} .stepTyInfo03 li strong{font-size:16px;color:#768392;} .stepTyInfo03 li p{margin-top:5px;color:#343434;font-size:15px;line-height:22px;} .stepTyInfo03 li.empty{border-top:border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;} .stepTyInfo03 li span{position:absolute;left:50%;top:33px;width:76px;margin-left:-38px;height:76px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_isa_ico.png);background-repeat:no-repeat;} .stepTyInfo03 li span.ico01{background-position:0 0;} .stepTyInfo03 li span.ico02{background-position:-92px 0;} .stepTyInfo03 li span.ico03{background-position:-182px 0;} .stepTyInfo03 li span.ico04{background-position:-275px 0;} .stepTyInfo03 li span.ico05{background-position:-365px 0;} .stepTyInfo03 li span.ico06{background-position:-456px 0;} .stepTyInfo03 li span.ico07{background-position:-547px 0;} .stepTyInfo03 li span.ico08{background-position:-300px -78px;} .stepTyInfo04{overflow:hidden;} .stepTyInfo04 ol{background:url(https://image.shinhan.com/rib2017/images/bg/bg_fx_auto.png) no-repeat;} .stepTyInfo04 ol:after{display:block;clear:both;content:"";height:0;} .stepTyInfo04 ol li{float:left;margin-left:-1px;margin-top:-1px;white-space:nowrap;} .stepTyInfo04 ol li > div{padding:19px;border:1px solid #dcdcdc;box-sizing:border-box;} .stepTyInfo04 li em{display:block;font-size:13px;color:#3579d4;} .stepTyInfo04 li strong{display:block;margin-top:7px;font-size:18px;font-weight:normal;color:#343434;} .stepTyInfo04.col3 ol{margin:1px -3px 0 1px;} .detailPop.size03 .stepTyInfo04.col3 ol li > div{height:230px;} /* 로그인 */ .loginArea .areaInner{margin-top:13px;} .loginArea .areaInner > .aR{margin:29px 0 10px;} .loginArea .topTxt{position:relative;min-height:48px;padding:33px 30px 29px 330px;font-size:15px;line-height:24px;color:#343434;background:#f2f2f2;} .loginArea .topTxt:before{content:"";position:absolute;left:40px;top:50%;width:257px;height:70px;margin-top:-35px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -743px -323px;} .loginArea .topTxt + .boxTyGray02{position:relative;z-index:2;margin-top:20px;padding:12px 20px 14px;} .loginArea .topTxt + .boxTyGray02 + .areaInner, .loginArea .topTxt + .boxTyGray02 + .areaInner + .areaInner{margin-top:-1px;} .loginArea .topTxt + .boxTyGray02 + .areaInner .loginCon, .loginArea .topTxt + .boxTyGray02 + .areaInner + .areaInner .loginCon{margin-top:0;} .loginArea div[class*="tabTy"]{margin-bottom:0;} .loginArea div[class*="tabTy"] ul[class*="item"] li + li{border-left:0 !important;} .loginArea div[class*="tabTy"] ul[class*="item"] li a{line-height:24px;} .loginArea div[class*="tabTy"] ul[class*="item"] li.on{border-top:2px solid #3579d4;border-right:1px solid #ccc;border-left:1px solid #ccc;} .loginArea div[class*="tabTy"] ul[class*="item"] li.on:after{display:none;} .loginArea div[class*="tabTy"] ul[class*="item"] li.on a{background-color:#fff;font-size:16px;color:#3579d4;} .loginArea .loginCon{display:table;position:relative;top:-1px;width:100%;margin-top:10px;padding:47px 0 27px;border:1px solid #b7bbd1;box-sizing:border-box;} .loginArea div[class*="tabTy"] + .loginCon{margin-top:0;} .loginArea .loginCon > .left, .loginArea .loginCon > .right{display:inline-table;width:50%;vertical-align:top;box-sizing:border-box;} .loginArea .loginCon > .left + .right{border-left:1px solid #dcdcdc;} .loginArea .loginCon .right.etc{padding-top:14px;border-left:none;} .loginArea .single .loginCon > div{width:100%;} .loginArea .loginCon > div[class*="Box"]{width:100%;} .loginArea .loginCon > div > h2{margin:-19px 0 15px;font-size:16px;font-weight:normal;color:#343434;text-align:center;} .loginArea .loginCon > div > h2 span{color:#3579d4;} .loginArea .loginCon .certBox{height:160px;} .loginArea .loginCon .certBox .btn{text-align:center;} .loginArea .loginCon .certBox .btn a{display:inline-block;position:relative;width:280px;height:90px;padding-left:35px;border-radius:4px;background-color:#768392;font-size:26px;line-height:90px;color:#fff;box-sizing:border-box;} .loginArea .loginCon .certBox .btn a:before{content:"";position:absolute;left:31px;top:32px;width:20px;height:24px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -343px -10px;} .loginArea .loginCon .certBox .radioSetting{margin-top:16px;color:#343434;text-align:center;} .loginArea .loginCon .certBox .radioSetting em{margin-right:30px;vertical-align:middle;} .loginArea .loginCon .linkGrp{text-align:center;} .loginArea .loginCon .linkGrp a{position:relative;padding:0 12px;font-size:13px;color:#343434;} .loginArea .loginCon .linkGrp a:before{content:"";position:absolute;left:0;top:1px;width:1px;height:13px;background-color:#dcdcdc;} .loginArea .loginCon .linkGrp a:first-child:before{display:none;} .loginArea .loginCon .userBox{height:160px;} .loginArea .loginCon .userBox .box{position:relative;width:300px;margin:0 auto;} .loginArea .loginCon .userBox .box input{width:200px;height:40px;} .loginArea .loginCon .userBox .box .keyboard, .loginArea .loginCon .userBox .box .keyboard a img{margin-top:11px;} .loginArea .loginCon .userBox .box > a{position:absolute;right:0;top:0;width:90px;height:90px;margin:0;border-radius:4px;background-color:#3579d4;font-size:18px;line-height:90px;color:#fff;text-align:center;} .loginArea .loginCon .userBox .saveEmail{margin:16px 0 0 95px;} .loginArea .loginCon .infoBox{padding-left:30px;background-color:#fff;} .loginArea .loginCon .infoBox li{margin-top:15px;font-size:15px;line-height:22px;color:#343434;} .loginArea .loginCon .infoBox li:before{background-color:#555;} .loginArea .loginCon .infoBox li:first-child{margin-top:0;} .loginArea .preInfoBox{margin-top:49px;} .loginArea .preInfoBox dt{position:relative;padding-left:29px;font-size:20px;font-weight:normal;} .loginArea .preInfoBox dt:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} .loginArea .preInfoBox dd{margin-top:16px;border-top:1px solid #dcdcdc;border-bottom:1px solid #b7bbd1;} .loginArea .preInfoBox dd ul{overflow:hidden;} .loginArea .preInfoBox dd li{float:left;width:245px;padding:30px 20px 0;text-align:center;box-sizing:border-box;} .loginArea .preInfoBox dd li em{color:#4a6bca;} .loginArea .preInfoBox dd li p{margin-top:13px;line-height:20px;text-align:center;} .loginArea .preInfoBox dd li span[class*="ico"]{display:inline-block;width:76px;height:76px;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;} .loginArea .preInfoBox dd li .ico01{background-position:-436px -58px;} .loginArea .preInfoBox dd li .ico02{background-position:-517px -58px;} .loginArea .preInfoBox dd li .ico03{background-position:-598px -58px;} .loginArea .preInfoBox dd li .ico04{background-position:-679px -58px;} .loginArea .serviceBox{overflow:hidden;margin-top:39px;} .loginArea .serviceBox > div{float:left;width:50%;box-sizing:border-box;} .loginArea .serviceBox h3{font-size:20px;font-weight:normal;color:#343434;} .loginArea .serviceBox .faqList{position:relative;padding-right:90px;} .loginArea .serviceBox .faqList ul{margin-top:13px;} .loginArea .serviceBox .faqList li{position:relative;margin-top:9px;padding-left:12px;} .loginArea .serviceBox .faqList li:before{content:"";position:absolute;left:0;top:6px;width:3px;height:3px;background-color:#555;} .loginArea .serviceBox .faqList li:first-child{margin-top:0;} .loginArea .serviceBox .faqList li a{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;} .loginArea .serviceBox .faqList .btnMore{position:absolute;right:60px;top:1px;} .loginArea .serviceBox .customer{position:relative;padding-left:43px;} .loginArea .serviceBox .customer:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#dcdcdc;} .loginArea .serviceBox .customer .conTit{float:left;width:103px;font-size:20px;text-align:center;font-weight:normal;color:#343434;} .loginArea .serviceBox .customer .conTit:after{content:"";display:inline-block;width:55px;height:55px;margin-top:16px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -388px -153px;} .loginArea .serviceBox .customer .list{overflow:hidden;} .loginArea .serviceBox .customer .list:before{display:none;} .loginArea .serviceBox .customer .list > p{padding-top:8px;font-size:13px;color:#777;} .loginArea .serviceBox .customer .list ul{margin-top:11px;padding:0;} .loginArea .serviceBox .customer .list li{margin-top:5px;} .loginArea .serviceBox .customer .list li:first-child{margin:0 0 7px;} .loginArea .serviceBox .customer .list li > span:first-child{display:inline-block;margin-right:3px;color:#4a6bca;} .loginArea .serviceBox .customer .list li > span:first-child span{font-size:16px;} .loginArea .serviceBox .customer .list li > span:first-child em{margin-left:4px;font-size:24px;} .loginArea .prgInfoBox{position:relative;} .loginArea .prgInfoBox .txt{margin-top:5px;line-height:22px;} .loginArea .prgInfoBox .txt em{color:#3579d4;} .loginArea .prgInfoBox .warningTxt{margin-top:7px;} .loginArea .prgInfoBox .btn{position:absolute;right:0;top:3px;} .loginArea .slideEvent{position:relative;} .loginArea .slideEvent .btnPrev, .loginArea .slideEvent .btnNext{display:none;overflow:hidden;position:absolute;top:50%;z-index:10;width:22px;height:39px;margin-top:-20px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png);background-repeat:no-repeat;text-indent:-5000em;} .loginArea .slideEvent .btnPrev{left:0;background-position:-186px -115px;} .loginArea .slideEvent .btnNext{right:0;background-position:-213px -115px;} .loginArea .slideEvent .slideWrap{position:relative;overflow:hidden;height:209px;} .loginArea .slideEvent .slideWrap ul{position:absolute;overflow:hidden;height:202px;} /* 통합프로그램 설치 */ .prgInstallBox .w2tb.tableTyInfo tbody .w2tb_td .tooltip{width:505px;} .prgInstallBox .w2tb.tableTyInfo tbody .w2tb_td a[class*="btnTy"].medium{margin-top:5px;} .prgInstallBox .w2tb.tableTyInfo tbody .w2tb_td p[class*="colorTy"]{font-size:13px;} .prgInstallBox .w2tb.tableTyInfo tbody .w2tb_td .view{margin-top:5px;} .prgInstallBox .w2tb.tableTyInfo tbody tr.noInstall .w2tb_th, .prgInstallBox .w2tb.tableTyInfo tbody tr.noInstall .w2tb_td{background-color:#3579d4 !important;color:#fff !important;} .prgInstallBox .w2tb.tableTyInfo tbody tr.noInstall .w2tb_th p, .prgInstallBox .w2tb.tableTyInfo tbody tr.noInstall .w2tb_td .warningTxt, .prgInstallBox .w2tb.tableTyInfo tbody tr.noInstall .w2tb_td .view a{color:#fff !important;} .prgInstallBox .w2tb.tableTyInfo tbody tr.noInstall .w2tb_td .view a{text-decoration:underline;} .prgInstallBox .w2tb.tableTyInfo tbody tr.noInstall span[class*="icoBoxTy"]{border-color:#fff;background-color:#fff;} /* 에러 */ .serverError{max-width:1020px;min-width:320px;margin:0 auto;padding:1px 15px 15px 15px;box-sizing:border-box; background:#fff; margin:10px; border:1px solid #888; border-radius:10px; } .serverError > h1{padding-top:18px;} .serverError h1 a{width:109px;height:25px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -10px -40px;vertical-align:top;} .serverError .wrapInner{text-align:center;} .serverError .wrapInner .errorMsg{position:relative;margin-top:20px;} .hideLocation .serverError .wrapInner .errorMsg{margin-top:30px;} .serverError .wrapInner .errorMsg p{font-size:18px;color:#343434;} .serverError .wrapInner .errorMsg em {font-size:18px; font-weight:bold;} .serverError .wrapInner p{font-size:15px;line-height:1.4;} .serverError .wrapInner + .boxTyGray04{margin-top:40px;} /*.icoError{position:absolute;top:0;left:0;right:0;width:82px;height:80px;margin:0 auto;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;}*/ .icoError.ico01{background-position:-462px -153px;} .icoError.ico02{background-position:-562px -153px;} .icoError.ico03{background-position:-663px -153px;} .icoError.ico04{background-position:-764px -153px;} .icoError.ico05{background-position:-864px -141px;} .icoError.ico06{background-position:-462px -238px;} .icoError.ico07{background-position:-562px -238px;} .icoError.ico08{background-position:-765px -238px;width:82px !important;} /* 배너 */ .campaignBox{position:relative;border:1px solid #e5e5e5;background-color:#f4f7f7;} .campaignBox dl{overflow:hidden;min-height:122px;padding:14px 29px;} .campaignBox dt{float:left;width:199px;} .campaignBox dt em{display:block;margin-top:5px;padding-right:20px;font-size:22px;color:#343434;} .campaignBox dd{overflow:hidden;padding:6px 0 2px 2px;} .campaignBox dd .person{float:left;margin-right:18px;padding:4px;box-shadow:0 0 2px #999;background-color:#fff;} .campaignBox dd .person img{width:102px;height:102px;} .campaignBox dd .txtList{overflow:hidden;} .campaignBox dd .txtList .top{padding-top:3px;font-size:16px;color:#343434;} .campaignBox dd .txtList .top span{margin-left:12px;} .campaignBox dd .txtList .con ul{overflow:hidden;padding-top:7px;line-height:22px;} .campaignBox dd .txtList .con li{float:left;margin-right:15px;} .campaignBox dd .txtList .con li.last{margin-right:0;} .campaignBox dd .txtList .con li em{float:left;position:relative;margin-right:7px;padding-right:8px;color:#343434;} .campaignBox dd .txtList .con li em:before{content:"";position:absolute;right:0;top:4px;width:1px;height:12px;background-color:#ccc;} .campaignBox dd .txtList .con li p{display:inline-block;overflow:hidden;} .campaignBox dd .txtList .con li.last p{display:block;} .campaignBox .connection{position:absolute;left:30px;top:116px;color:#343434;} .campaignBox .connection em{margin:0 7px 0 2px;font-weight:bold;} .bannerWrap .bannerBox{margin-top:20px;} .bannerWrap .bannerBox:first-child{margin-top:0;} .bannerBox{overflow:hidden;position:relative;} .bannerBox a > span{display:inline-block;overflow:hidden;width:28px;height:8px;margin:11px 29px 0;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -100px -68px;text-indent:-5000em;} .bannerBox .banner{height:195px;} .bannerBox .banner a{display:block;height:195px;background-repeat:no-repeat;background-position:right 0;} .bannerBox .banner a > em{display:block;padding:35px 29px 0;font-size:16px;color:#46689f;} .bannerBox .banner a > strong{display:block;padding:0 29px;font-size:26px;font-weight:normal;color:#46689f;} .bannerBox .banner a > p{padding:14px 29px 0;font-size:15px;line-height:22px;color:#676b6e;} .bannerBox .banner a > p em{color:#3579d4;} .bannerBox .inActor{position:absolute;left:50%;right:auto;top:163px;margin-left:-2%;text-align:center;} .bannerBox .inActor a{display:inline-block;overflow:hidden;width:12px;height:12px;margin:0 4px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -442px -131px;text-indent:-5000em;} .bannerBox .inActor a.on{width:19px;background-position:-413px -131px;} .bannerBox .inner{display:table;width:1000px;} .bannerBox .inner .box{display:table-cell;width:225px;padding-right:20px;} .bannerBox .inner .box a{display:block;height:160px;padding:35px 29px 0;background:#3d90d2;} .bannerBox .inner .box:first-child a{background:#10abb1;} .bannerBox .inner .box em, .bannerBox .inner .box strong, .bannerBox .inner .box p{display:block;color:#fff;} .bannerBox .inner .box em{font-size:16px;opacity:.7;} .bannerBox .inner .box strong{font-size:26px;font-weight:normal;} .bannerBox .inner .box p{margin-top:14px;font-size:15px;line-height:22px;} .bannerBox .inner .box span{background-position:-405px -68px;} .certBanner{display:inline-block;} .certBanner .signArea{float:left;width:490px;} .certBanner .bannerArea{float:left;position:relative;} .certBanner .bannerArea .layerClose{overflow:hidden;position:absolute;right:10px;top:10px;width:29px;height:29px;background:url(https://image.shinhan.com/rib2017/images/btn/btn_cert_banner_close.png) no-repeat 0 0;text-indent:-5000em;} /* 보안매체 & 추가인증 */ .inputCode{margin-top:5px;font-size:16px;color:#343434;} .inputCode ul{border-top:2px solid #3579d4;border-bottom:1px solid #b7bbd1;} .inputCode li{overflow:hidden;padding:15px 19px;border-top:1px solid #dcdcdc;line-height:40px;} .inputCode li:first-child{border-top:none;} .inputCode li .tit{float:left;padding-right:15px;} .inputCode li .key + .tit{margin-left:40px;} .inputCode li .tit strong, .inputCode li .tit em{font-weight:normal;color:#3579d4;} .inputCode li .tit p{display:inline-block;} .inputCode li .key{display:inline-block;vertical-align:top;} .inputCode li .tit + .key{float:left;} .inputCode li .key input{height:40px;vertical-align:top;} .inputCode li .key input:focus{border-width:2px;} .inputCode li .key > span, .inputCode li .key > .blank{display:inline-block;overflow:hidden;width:40px;height:40px;border:1px solid #c2c2c2;font-size:20px;line-height:50px;text-align:center;vertical-align:top;box-sizing:border-box;} .inputCode li .key > .rel + span, .inputCode li .key > .rel + .blank, .inputCode li .key > span + span, .inputCode li .key > span + .rel, .inputCode li .key > .blank + .rel, .inputCode li .key > .key + .key, .inputCode li .key > span + .key, .inputCode li .key > .key + span, .inputCode li .key > input + input, .inputCode li .key > span + input, .inputCode li .key > input + span, .inputCode li .key > .blank + .key, .inputCode li .key > .key + .blank, .inputCode li .key > .blank + .blank{margin-left:5px;} .inputCode li a{height:40px !important;margin-left:10px;line-height:40px !important;vertical-align:top;} .inputCode .dscBox a{margin-top:5px;} .inputCode .dscBox .warningTxt{letter-spacing:-0.05em;} .inputCode .dscBox .warningTxt a{margin:0 0 0 10px;vertical-align:middle;} /* 보안매체 */ .securityWrap{position:relative;} .securityArea{overflow:hidden;} .securityArea .otpConfirm{margin:10px 0 20px;text-align:center;} .securityArea .otpConfirm a{height:40px !important;line-height:40px !important;} .securityArea .con{display:table;position:relative;width:100%;} .securityArea .con > div{display:table-cell;vertical-align:middle;} .securityArea .con .left{width:510px;vertical-align:top;} .securityArea .con .right{padding-left:20px;text-align:center;} .securityArea .boxTyGray03{margin-top:10px;background-color:#eee;color:#343434;} .securityArea .boxTyGray03 .labelBox input{margin-left:20px;} .securityArea .boxTyGray03 .labelBox input + a{margin-left:10px;} .securityArea .boxTyGray03 + .inputCode{margin-top:10px;} .securityArea .info{margin-top:22px;padding-top:20px;border-top:1px solid #dcdcdc;} .securityArea div[class*="securityCard"]{display:inline-block;padding:10px 8px;border:1px solid #cecece;border-radius:5px;text-align:center;} .securityArea div[class*="securityCard"] .box{display:inline-block;position:relative;} .securityArea div[class*="securityCard"] .box div[class*="key"]{position:absolute;} .securityArea div[class*="securityCard"] .box div[class*="key"] input{width:20px;height:20px;font-size:4px;} .securityArea div[class*="securityCard"] .box div[class*="key"] input:focus{position:relative;z-index:2;border-width:2px;} .securityArea div[class*="securityCard"] .box div[class*="key"] .number{position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px;} .securityArea .securityCard01 .box div[class*="key"].front1{left:28px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].back1{left:47px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].front2{left:28px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].back2{left:47px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].front3{left:28px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].back3{left:47px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].front4{left:28px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].back4{left:47px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].front5{left:28px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].back5{left:47px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].front6{left:28px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].back6{left:47px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].front7{left:100px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].back7{left:119px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].front8{left:100px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].back8{left:119px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].front9{left:100px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].back9{left:119px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].front10{left:100px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].back10{left:119px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].front11{left:100px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].back11{left:119px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].front12{left:100px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].back12{left:119px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].front13{left:172px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].back13{left:191px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].front14{left:172px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].back14{left:191px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].front15{left:172px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].back15{left:191px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].front16{left:172px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].back16{left:191px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].front17{left:172px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].back17{left:191px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].front18{left:172px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].back18{left:191px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].front19{left:244px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].back19{left:263px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].front20{left:244px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].back20{left:263px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].front21{left:244px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].back21{left:263px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].front22{left:244px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].back22{left:263px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].front23{left:244px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].back23{left:263px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].front24{left:244px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].back24{left:263px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].front25{left:315px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].back25{left:334px;top:32px;} .securityArea .securityCard01 .box div[class*="key"].front26{left:315px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].back26{left:334px;top:64px;} .securityArea .securityCard01 .box div[class*="key"].front27{left:315px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].back27{left:334px;top:95px;} .securityArea .securityCard01 .box div[class*="key"].front28{left:315px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].back28{left:334px;top:127px;} .securityArea .securityCard01 .box div[class*="key"].front29{left:315px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].back29{left:334px;top:159px;} .securityArea .securityCard01 .box div[class*="key"].front30{left:315px;top:190px;} .securityArea .securityCard01 .box div[class*="key"].back30{left:334px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].front1{left:31px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].back1{left:42px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].front2{left:31px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].back2{left:42px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].front3{left:31px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].back3{left:42px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].front4{left:31px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].back4{left:42px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].front5{left:31px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].back5{left:42px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].front6{left:31px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].back6{left:42px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].front7{left:31px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].back7{left:42px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].front8{left:105px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].back8{left:115px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].front9{left:105px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].back9{left:115px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].front10{left:105px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].back10{left:115px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].front11{left:105px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].back11{left:115px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].front12{left:105px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].back12{left:115px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].front13{left:105px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].back13{left:115px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].front14{left:105px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].back14{left:115px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].front15{left:177px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].back15{left:187px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].front16{left:177px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].back16{left:187px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].front17{left:177px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].back17{left:187px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].front18{left:177px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].back18{left:187px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].front19{left:177px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].back19{left:187px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].front20{left:177px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].back20{left:187px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].front21{left:177px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].back21{left:187px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].front22{left:249px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].back22{left:259px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].front23{left:249px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].back23{left:259px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].front24{left:249px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].back24{left:259px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].front25{left:249px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].back25{left:259px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].front26{left:249px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].back26{left:259px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].front27{left:249px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].back27{left:259px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].front28{left:249px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].back28{left:259px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].front29{left:319px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].back29{left:329px;top:32px;} .securityArea .securityCard02 .box div[class*="key"].front30{left:319px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].back30{left:329px;top:64px;} .securityArea .securityCard02 .box div[class*="key"].front31{left:319px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].back31{left:329px;top:95px;} .securityArea .securityCard02 .box div[class*="key"].front32{left:319px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].back32{left:329px;top:127px;} .securityArea .securityCard02 .box div[class*="key"].front33{left:319px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].back33{left:329px;top:159px;} .securityArea .securityCard02 .box div[class*="key"].front34{left:319px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].back34{left:329px;top:190px;} .securityArea .securityCard02 .box div[class*="key"].front35{left:319px;top:220px;} .securityArea .securityCard02 .box div[class*="key"].back35{left:329px;top:220px;} .securityArea .smartCard{display:inline-block;position:relative;} .securityArea .smartCard .key{position:absolute;left:157px;top:65px;} .securityArea .smartCard .key input{width:26px;height:29px;background-color:#fafafa;} .securityArea .smartCard .key input:focus{border-width:2px;} .securityArea .smartCard .key input + input{margin-left:4px;} .securityArea .otpCard{display:inline-block;position:relative;} .securityArea .otpCard .key{position:absolute;left:92px;top:37px;} .securityArea .otpCard .key input{width:91px;height:26px;} .securityArea .otpCard .key a img{margin-top:4px;} .securityArea div[class*="smartOtp"]{position:relative;min-height:266px;} .securityArea div[class*="smartOtp"] .inner{position:absolute;left:0;top:0;width:100%;height:100%;} .securityArea .smartOtp .inner{background:url(https://image.shinhan.com/rib2017/images/common/img_smart_otp.png) no-repeat center center;} .securityArea .smartOtpApp .inner{background:url(https://image.shinhan.com/rib2017/images/common/img_smart_otp_app.png) no-repeat center center;} .securityArea div[class*="mobileOtp"]{position:relative;min-height:266px;} .securityArea div[class*="mobileOtp"] .inner{position:absolute;left:0;top:0;width:100%;height:100%;} .securityArea.response .con > div, .detailPop .securityArea .con > div{display:inline-table;width:100%;vertical-align:top;} .securityArea.response .con .right, .detailPop .securityArea .con .right{margin:30px 0 65px;} .securityArea.response .inputCode .dscBox, .detailPop .securityArea .inputCode .dscBox{position:absolute;left:0;bottom:0;width:100%;} /* 추가인증 */ .addCheckTxt{line-height:22px;} .addCheckArea .w2tb.tableTyInput tbody .w2tb_th label{line-height:18px;} .addCheckArea .boxTyGray03 label, .addCheckArea .boxTyGray03 em{margin-right:20px;} .addCheckArea .boxTyGray03 label + .tooltipBox{margin:0 0 0 -12px;} .addCheckArea .boxTyGray03 em{display:inline-block;padding-top:3px;vertical-align:middle;} .addCheckArea .boxTyGray03 .keyboard + a{margin-left:10px;} .addCheckArea .boxTyGray03 + .inputCode{margin-top:10px;} .addCheckArea .boxTyGray03 > p{color:#666;} .addCheckArea .textNor, .addCheckArea .listDash li{color:#666;} .addCheckArea .textNor{margin-top:5px;} .addCheckArea .inputCode ul{border-top-color:#c2d6ef;} .addCheckArea .w2selectbox_native + a{margin-left:10px;} .addCheckArea .securityArea .smartCard .key{left:27px;top:139px;} .addCheckArea .securityArea .smartCard .key .btnKey{line-height:29px;} .addCheckArea .radioTxt{padding-left:21px;} .addCheckArea .radioTxt a{margin-top:5px;} /* 박스 */ .boxTyBlue{position:relative;margin-bottom:40px;padding:20px;border:1px solid #b7bbd1;background-color:#f6faff !important;} .boxTyBlue > dl > dt{position:relative;top:-3px;position:relative;padding:4px 0 0 30px;font-size:20px;font-weight:bold;line-height:1;color:#555;} .boxTyBlue > dl > dt:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} .boxTyBlue > dl > dd{margin-top:16px;padding-top:18px;border-top:1px solid #d7d7d7;} .boxTyBlue > dl > dd > ul{padding:0 12px;} .boxTyBlue > ul{padding:0;} .boxTyBlue > dl > dd > ul > li, .boxTyBlue > ul > li{position:relative;margin-top:9px;padding-left:18px;line-height:20px;color:#555;} .boxTyBlue > dl > dd > ul > li:first-child, .boxTyBlue > ul > li:first-child{margin-top:0;} .boxTyBlue > dl > dd > ul > li:before, .boxTyBlue > ul > li:before{content:"";position:absolute;left:8px;top:8px;width:3px;height:3px;background-color:#3579d4;} .boxTyBlue > dl > dd > ul > li em, .boxTyBlue > dl > dd > ul > li em a, .boxTyBlue > ul > li em{color:#3579d4;} .boxTyBlue > dl > dd > ul > li a, .boxTyBlue > ul > li a{text-decoration:underline;vertical-align:top;} .boxTyBlue > dl > dd > ul > li span + a{vertical-align:middle;} .boxTyBlue ul > li p + .btnTyGray01.small{margin:6px 0 0;} .boxTyBlue ul > li .btnTyGray01.small + a:before, .boxTyBlue ul > li .btnTyGray01.small + a:after{content:"";display:inline-block;width:7px;} .boxTyBlue > dl > dd > ul > li ul, .boxTyBlue > ul > li ul{padding:5px 0 0;} .boxTyBlue > dl > dd > ul > li li, .boxTyBlue > ul > li > ul > li{position:relative;margin-top:0;padding-left:10px;} .boxTyBlue > dl > dd > ul > li li:before, .boxTyBlue > ul > li > ul > li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:1px;background-color:#666;} .boxTyBlue.etc ul{overflow:hidden;} .boxTyBlue.etc li{float:left;margin:0 55px 0 0;} .boxTyBlue.etc li:before{background-color:#666;} .boxTyBlue.etc li em{float:left;margin-right:26px;color:#424d89;} .boxTyBlue.etc li span{color:#343434;} .boxTyBlue ul[class*="col"]{overflow:hidden;margin-top:-6px;} .boxTyBlue ul[class*="col"] li{float:left;margin-top:8px;box-sizing:border-box;} .boxTyBlue ul[class*="col"] li em{float:left;width:70px;color:#424d89;} .boxTyBlue ul.col2 li{width:50%;} .boxTyBlue02{min-height:130px;padding:26px 25px;border:1px solid #b7bbd1;background-color:#e9f2fd;} .boxTyBlue02.hAuto{min-height:0;} .boxTyBlue .btnToggleBox{overflow:hidden;position:absolute;right:20px;top:23px;width:16px;height:16px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -90px -162px;text-indent:-5000em;} .boxTyBlue .btnToggleBox.on{background-position:-116px -162px;} .boxTyBlue .numList{margin-top:5px;} .boxTyBlue .numList li{padding-left:0;line-height:2;} .boxTyBlue .numList li:before{width:initial;height:initial;background-color:initial;} .w2group.boxTyBlue + .w2group.w2tb.tableTyInput{margin-top:40px !important;} .numList li span{display:inline-block;} .boxTyGray{margin-top:40px;padding:18px 20px;border:1px solid #b7bbd1;} .boxTyGray > dl > dt{position:relative;padding:0 0 14px 29px;border-bottom:1px solid #dcdcdc;font-size:17px;font-weight:bold;line-height:28px;color:#666;} .boxTyGray > dl > dt:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;} .boxTyGray > dl > dd{margin:0 6px;padding:18px 14px 0;} .boxTyGray > dl > dd a{text-decoration:underline;} .boxTyGray > dl > dd > ul > li .btnTyGray01.small{top:0;margin-left:10px;} .boxTyGray > dl > dd > ul > li, .boxTyGray > ul > li{position:relative;margin-top:8px;padding:0 10px;line-height:20px;} .boxTyGray > dl > dd > ul > li:before, .boxTyGray > ul > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#666;} .boxTyGray > dl > dd > ul > li:first-child, .boxTyGray > ul > li:first-child{margin-top:0;} .boxTyGray > dl > dd > ul > li a, .boxTyGray > ul > li a{vertical-align:inherit;} .boxTyGray > dl > dd > ul > li em, .boxTyGray > dl > dd > ul > li em > a, .boxTyGray > ul > li em{color:#3579d4;} .boxTyGray > dl > dd > ul > li ul, .boxTyGray > ul > li ul{margin:5px 2px -2px;} .boxTyGray > dl > dd > ul > li > li, .boxTyGray > ul > li li{position:relative;margin-top:3px;padding-left:9px;line-height:24px;} .boxTyGray > dl > dd > ul > li > li:before, .boxTyGray > ul > li li:before{content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#666;} .boxTyGray > dl > dd > ul > li ul li{position:relative;margin-top:3px;padding:0 10px;line-height:20px;} .boxTyGray > dl > dd > ul > li ul li:before{content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#666;} .boxTyGray .w2tb{margin:6px 0 15px;} .boxTyGray > dl > dt > .w2textbox + a{margin-top:-25px;} .boxTyGray p em{color:#4a6bca;} .boxTyGray p em + a{margin-left:10px;} .boxTyGray ul.listTyNumber > li{margin-left:15px;padding:0 !important;list-style-type:decimal;} .boxTyGray ul.listTyNumber > li:before{display:none !important;} .boxTyGray01{padding:15px;border:1px solid #e1e6ec;} .boxTyGray02{padding:20px;border:1px solid #dcdcdc;} .boxTyGray03{padding:15px 20px;background-color:#eee;line-height:20px;color:#343434;} .boxTyGray04{padding:10px;border:1px solid #dcdcdc;background-color:#f9f9f9;line-height:20px;color:#343434;} .boxTyGray04.p20{padding:20px 20px 16px;} .boxTyGray04.p30{padding:30px;} .boxTyGray04.bt{border-top:0;} .boxTyGray04.bt .btn{padding:10px;} .boxTyGray04.bt .btn:after{content:'';display:block;clear:both;} .boxTyGray05{border:1px solid #c2c2c2;background-color:#fff;} .boxTyGray06{padding:20px;background-color:#f8f9fc;} .boxTyBlue ul > li .btnTyGray01.small, .boxTyGray04 ul > li .btnTyGray01.small{top:0;margin-left:10px;} .titBox + .boxTyGray02{margin-top:5px;} .shieldBox:after{content:"";display:block;clear:both;} .shieldBox > div{width:49%;} .dateArea{margin-bottom:14px;text-align:right;} .dateArea span{margin-left:4px;color:#424d89;} .tabTy01 .dateArea{position:absolute;right:0;top:5px;} .topInfoArea{min-height:116px;margin:30px 0;padding:0 200px 32px 30px;border-bottom:1px solid #dcdcdc;background:url(https://image.shinhan.com/rib2017/images/bg/bg_top_info_image.png) no-repeat right 0;box-sizing:border-box;} .topInfoArea .tit{position:relative;padding-top:14px;font-size:17px;color:#343434;} .topInfoArea .tit:before{content:"";position:absolute;left:0;top:0;width:26px;height:3px;background-color:#3579d4;} .topInfoArea .tit em{color:#46689f;} .topInfoArea .txt{margin-top:11px;line-height:19px;} .topInfoArea .listDot{margin-top:11px;} .hiddenArea{position:relative;border-top:2px solid #3579d4;} .hiddenArea .titBox, .hiddenArea .titH02{margin-top:0;padding-bottom:14px;} .hiddenArea .hideBox{padding-bottom:8px;border-bottom:1px solid #babed4;background-color:#f9f9f9;} .hiddenArea .hideBox .boxInner{background-color:#fff;} .hiddenArea .hideBox .boxInner .funcBox{margin-top:10px;} .hiddenArea .hideBox .boxInner .funcBox + .w2grid{border-top:1px solid #dcdcdc;} .hiddenArea .hideBox .boxInner .funcBox .line:first-child{padding-top:0;border-top:none;} .hiddenArea .hideBox .boxInner .titBox{margin-top:14px;} .hiddenArea .w2tb, .hiddenArea .w2grid, .hiddenArea .w2tb:first-child tr:first-child th, .hiddenArea .w2tb:first-child tr:first-child td{margin:0;border-top:none;} .hiddenArea .btnToggle{position:absolute;right:0;top:-42px;} .hiddenArea .btnToggle.on + .hideBox{padding-bottom:0;border-bottom:none;background-color:#fff;} .resultArea{margin-top:30px;text-align:center;} .resultArea:first-child{margin-top:0;} .resultArea div.strong, .resultArea strong{display:block;margin-top:12px;font-size:20px;color:#3579d4;font-weight:bold;} .resultArea p{margin-top:20px;line-height:24px;} .resultArea p em{color:#3579d4;} .resultArea .btnAreaBot{margin-top:20px;} .resultArea div[class*="ico"]{width:80px;height:80px;margin:0 auto;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;} .resultArea > div[class*="ico"]{margin-top:40px;} .stepArea + .resultArea, .stepArea + .resultArea > div[class*="ico"]{margin-top:0 !important;} .resultArea .ico01{background-position:-10px -58px;} .resultArea .ico02{background-position:-95px -58px;} .resultArea .ico03{background-position:-180px -58px;} .resultArea .ico04{background-position:-265px -58px;} .resultArea .ico05{background-position:-350px -60px;} .resultArea .ico06{background-position:-563px -153px;} .resultArea .ico07{background-position:-765px -238px;width:82px !important;} .resultArea .icoMfolio{background:url(https://image.shinhan.com/rib2017/images/ico/sp_mf_ico.png) no-repeat -260px -90px !important;} .resultArea .icoMfolioRobo{background:url(https://image.shinhan.com/rib2017/images/ico/sp_mf_ico.png) no-repeat 0 0 !important;} .resultArea .icoMofolioMaster{background:url(https://image.shinhan.com/rib2017/images/ico/sp_mf_ico.png) no-repeat 0 -90px !important;} .resultArea + .w2tb.tableTyOutput{margin-top:40px;} .resultArea.bbline{border-bottom:1px solid #dcdcdc;padding-bottom:50px;} .resultArea.bbline strong{color:#343434;} .resultArea.bbline strong em{color:#3579d4;} .resultArea.bbline + .titH02{margin-top:30px !important;} .resultArea.bbline + .listDash{margin-top:10px !important;} .resultArea .resultFds{padding-top:100px;color:#343434;} .resultArea .resultFds .fontBig{margin-top:30px;font-size:28px;} .resultArea .resultFds .fontMid{font-size:18px;line-height:28px;} .pageTop + .pageCon .resultArea .resultFds{padding-top:40px} .infoExBox{position:relative;color:#555;} .infoExBox > div[class*="ico"]{float:left;width:60px;height:60px;margin-right:15px;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;} .infoExBox .ico01{background-position:-10px -198px;} .infoExBox .infoEx{overflow:hidden;line-height:20px;} .infoExBox .infoEx .exList{margin-top:10px;} .infoExBox .infoEx .exList > span{float:left;margin-right:8px;} .infoExBox .infoEx .exList .txt{overflow:hidden;} .infoExBox .infoEx .exList .txt p{margin-top:5px;} .infoExBox .infoEx .exList .txt p:first-child{margin-top:0;} .infoExBox > a{position:absolute;right:0;bottom:0;} .infoBanner{display:table;width:100%;vertical-align:top;} .infoBanner .boxInner{display:table-cell;position:relative;border-left:1px solid #dcdcdc;box-sizing:border-box;} .infoBanner .boxInner + .boxInner{padding-left:20px;} .infoBanner .boxInner:first-child{border-left:none;} .infoBanner.box01 .boxInner{width:100%;} .infoBanner.box02 .boxInner{width:50%;} .infoBanner.box03 .boxInner{width:33.33333333333333%;} .infoBanner.box04 .boxInner{width:25%;} .infoBanner.box03 .boxInner .btn a{margin-right:5px;} .infoBanner.box01 .boxInner > .btn{position:absolute;right:0;bottom:20px;} .infoBanner.box01 .boxInner > .btn a{margin:0 0 0 5px;} .infoBanner span:first-child{font-size:15px;font-weight:normal;color:#343434;} .infoBanner p{line-height:22px;} .infoBanner span:first-child + p{margin-top:7px;} .infoBanner.box02 p{height:55px;} .infoBanner.box03 p, .infoBanner.box04 p{height:80px;} .infoBanner.box02.myMisp p{height:37px;} .noLineBox{margin-top:30px;} .noLineBox > dl > dt{position:relative;top:-3px;position:relative;padding:0 0 6px 25px;font-size:16px;line-height:28px;color:#343434;} .noLineBox > dl > dt:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} .noLineBox > dl > dd{margin-left:14px;color:#666;} .boxTyBlue > dl > dd > ul > li,.boxTyBlue > dl > dd > ul > li div,.boxTyBlue > dl > dd > ul > li p, .boxTyBlue > dl > dd > ul > li ul li, .boxTyBlue ul li, .boxTyBlue ul li div, .boxTyBlue ul li p{background:#f6faff;} .loginArea .prgInfoBox p, .noLineBox ul li,.noLineBox ul li p,.noLineBox ul li div, .boxTyGray > dl > dd > ul > li,.boxTyGray > dl > dd > ul > li div,.boxTyGray > dl > dd > ul > li p, .boxTyGray > dl > dd > ul > li ul li, .boxTyGray > ul > li, .boxTyGray > ul > li div, .boxTyGray > ul > li p{background:#fff;} /* 기타 */ .graphBarBox{padding-top:2px;} .graphBarBox > strong{float:left;font-weight:normal;margin-right:10px;} .graphBarBox > strong + .graphBar{float:left;width:380px;} .graphBarBox .graphBar .boxInner{position:relative;width:100%;height:20px;border-radius:3px;background-color:#f3f4f8;line-height:22px;} .graphBarBox .graphBar .boxInner .bar{position:absolute;left:0;top:0;height:20px;border-radius:3px;background-color:#3679d4;} .graphBarBox .graphBar .boxInner em{display:block;color:#3579d4;text-align:center;} .graphBarBox .graphBar .boxInner strong{position:absolute;right:-22px;top:-39px;height:28px;padding:0 17px;border:1px solid #aaa;border-radius:2px;background-color:#fff;font-weight:normal;line-height:28px;color:#343434;} .graphBarBox .graphBar .boxInner strong:before{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:5px;margin-left:-5px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -36px -10px;} .graphBarBox div[class*="count"]{margin-top:3px;font-size:13px;} .graphBarBox div[class*="count"] em{margin-left:2px;} .graphBarBox .count01{float:left;} .graphBarBox .count02{float:right;} .graphBarBox .count01 em.on{color:#3579d4;} .graphBarBox .count02 em{color:#3579d4;} /* 툴팁 */ .tooltipBoxWrap {position:relative;} .tooltipBoxWrap.top35 .tooltip {top:35px} /* 제목 2줄일경우 */ .tooltipBoxWrap.top40 .tooltip {top:40px} .tooltipBox{display:inline-block;vertical-align:middle;} .tooltipBox > a{display:inline-block;position:relative;top:-2px;width:21px;height:21px;margin-left:5px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -75px -49px;font-size:0;line-height:0;} .tooltipBox .tooltip{display:none;position:absolute;left:0; right:0;top:23px;z-index:65;margin-top:5px;padding:14px 15px 15px;border:1px solid #aaa;border-radius:2px;background-color:#fff;box-sizing:border-box;} .tooltipBox .tooltip dt{font-size:15px;font-weight:bold;color:#555;} .tooltipBox .tooltip dd{margin-top:7px;padding-top:7px;border-top:1px solid #dcdcdc;} .tooltipBox .tooltip dd > a[class*="btnTy"]{margin-top:6px;} .tooltipBox .tooltip dd, .tooltipBox .tooltip dd li{font-size:13px;} .tooltipBox .tooltip dd li li{padding-left:8px;} .tooltipBox .tooltip dd li li:before{width:2px;height:2px;} .w2tb_th .tooltipBox .tooltip dd{color:#666 !important;line-height:1.4;} .tooltipBox .tooltip.size01{width:200px !important;} .tooltipBox .tooltip.size02{width:400px !important;} .tooltipBox .tooltip.size03{width:600px !important;} .tooltipBox .tooltip.size04{width:650px !important;} .tooltipBox .tooltip .btnClose{overflow:hidden;position:absolute;right:10px;top:13px;width:20px;height:20px;text-indent:-5000em;} .tooltipBox .tooltip .btnClose:before{content:"";position:absolute;left:5px;top:5px;width:9px;height:8px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -10px -60px;} .tooltipBox > a[class*="btnTy"].small{position:static;top:0;width:auto;height:22px;margin:0;background:none;text-indent:0;} .tooltipBox > a[class*="btnTy"].small + .tooltip{left:0;top:26px;} .tooltipBox.right .tooltip{left:auto;right:-15px;} .tooltipBox.right .tooltip:before{left:auto;right:19px;} .tooltipBox.top .tooltip{top:auto;bottom:32px;} .tooltipBox.top .tooltip:before{top:auto;bottom:-5px;background-position:-36px -10px;} .tooltipBox.top.center .tooltip.size02{left:-178px;} .tooltipBox.top.center .tooltip.size02:before{left:187px;} .tooltipBox.hover > a{display:inline-block;top:0;width:auto;height:auto;margin:0;background:none;font-size:15px;color:#424d89;line-height:16px;} .tooltipBox.hover .tooltip{display:block;left:-5000em;top:-5000em;} .tooltipBox.hover > a:hover + .tooltip, .tooltipBox.hover > a:focus + .tooltip{left:-7px;top:23px;} /* .tooltipBox.left-50 .tooltip {left:-57px;} .tooltipBox.left-50 .tooltip:before {left:64px} .tooltipBox.left-100 .tooltip {left:-107px;} .tooltipBox.left-100 .tooltip:before {left:114px} .tooltipBox.left-150 .tooltip {left:-157px;} .tooltipBox.left-150 .tooltip:before {left:164px} .tooltipBox.left-200 .tooltip {left:-207px;} .tooltipBox.left-200 .tooltip:before {left:214px} */ .tooltipWrap{margin-top:10px;} .tooltipWrap .tit{font-size:13px;color:#343434;} .tooltipWrap > a[class*="btnTy"] + .tit{margin-left:10px;} .detailPop .tooltipWrap .tit{color:#3579d4;} .tooltipWrap .tooltipBox{text-align:left;} /* 툴팁 Hover */ .tooltipHover{position:relative;display:inline-block;width:30px;height:30px;background-image:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png);background-repeat:no-repeat;} .tooltipHover.ico01{background-position:-342px -85px;} .tooltipHover.ico02{background-position:-377px -85px;} .tooltipHover.ico02.on{background-position:-420px -152px;} .tooltipHover > strong{position:absolute;left:-20px;top:-5000em;height:28px;padding:0 8px;border:1px solid #aaa;border-radius:2px;background-color:#fff;font-weight:normal;line-height:30px;color:#343434;text-align:center;white-space:nowrap;} .tooltipHover:hover > strong, .tooltipHover:focus > strong{top:-41px;} .tooltipHover > strong:before{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:5px;margin-left:-5px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -36px -10px;} .tooltipHover > strong.longT{left:-34px;} .mfolio .tooltipHover > strong{left:-51%;height:22px;padding:0 4px;line-height:24px;} .mfolio .tooltipHover.ico01 > strong{left:-80%;margin-left:-13px;} .mfolio .tooltipHover.ico01 > strong:before{left:60%;} .mfolio .tooltipHover:hover > strong, .mfolio .tooltipHover:focus > strong{top:-5px;font-size:13px;} /* 툴팁 SNS */ .tooltipBox.sns > a{width:14px;height:15px;background-position:-246px -85px;} .tooltipBox.sns > a[class*="btnTy"]{top:0;width:auto;height:auto;margin:0;background:none;text-indent:0;} .tooltipBox.sns .tooltip{left:-17px;top:20px;width:270px;} .tooltipBox.sns > a[class*="btnTy"] + .tooltip{left:0;top:35px;} .tooltipBox .tooltip .snsList ul{overflow:hidden;margin-top:-7px;} .tooltipBox .tooltip .snsList li{float:left;width:50%;margin-top:10px;line-height:30px;} .tooltipBox .tooltip .snsList li span[class*="icoTy"]{float:left;margin-right:6px;} .tooltipBox .tooltip .snsList li span[class*="icoTy"] + span{overflow:hidden;font-size:13px;} .tooltipBox .tooltip .url{margin-top:15px;padding-top:15px;border-top:1px solid #dcdcdc;} .tooltipBox .tooltip .url input{width:147px;} .tooltipBox .tooltip .url a{float:right;margin-left:0;} /* 시스템 점검 */ .infoTime{width:600px;margin:25px auto 0;text-align:left;} .infoTime dl{overflow:hidden;} .infoTime dt{float:left;margin-right:20px;font-size:15px;font-weight:bold;color:#343434;} .infoTime dd{overflow:hidden;} .infoTime dd p + p{margin-top:3px;} /* 레이어팝업 */ .w2popup_window{visibility:hidden;} .w2window{border:1px solid #768392;} .w2window_header{position:absolute;top:-1px;left:-1px;right:-1px;height:55px;background:none;background-color:#3579d4;} @media \0screen{.w2modalopenedbody{overflow-y:auto;}} .w2modalopenedbody .w2window{border:none;} .w2modalopenedbody .w2window_header{left:0;right:0;} .w2window_header_icon{display:none;height:55px;} .w2window_header_title{height:55px;padding:0;font-size:16px;line-height:55px;font-weight:normal;color:#fff;box-sizing:border-box;} .w2window_body{top:54px;padding:0;} .w2window_content{left:0;right:0;border:none;} .w2window_header_control{position:static;} .w2window_resize_right, .w2window_resize_bottom{display:none;} .w2popup_window .w2window_content{bottom:0;} .w2window_close{position:absolute;left:auto;right:26px;top:21px;z-index:999;background:none;} .w2window_close:hover{background:none;} .w2window_close a{display:block;overflow:hidden;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -10px -40px;text-indent:-5000em;} .w2popup_window.fix{border:none;} .w2popup_window.fix .w2window_header, .w2popup_window.fix .w2window_header_title{height:0;} .w2popup_window.fix .w2window_body{top:0;} .w2popup_window.fix .w2window_close{display:none;background-position:-22px -60px;} .any_mobile .w2window.w2popup_window {border-radius:16px;} .layerWrap{visibility:hidden;position:fixed;left:50%;top:50%; border-radius:16px; overflow:hidden; } .detailPop, .systemPop, .bottomPop, .infoPop{position:relative;} .layerContainer{overflow:hidden;} .layerContainer .alertMsg .msgTit{position:relative;padding-top:65px;font-size:16px;line-height:24px;color:#3679d4;text-align:center;} .layerContainer .alertMsg .msgTit:before{content:"";position:absolute;left:50%;top:0;width:50px;height:50px;margin-left:-25px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -175px -143px;} .layerContainer .alertMsg .msgTit.secMark:before{width:44px;margin-left:-22px;background-position:-230px -143px;} .layerContainer .alertMsg .msgTit.excMark:before{background-position:-10px -143px;} .layerContainer .alertMsg .msgTit.chcMark:before{background-position:-65px -143px;} .layerContainer .alertMsg .msgTit.ifcMark:before{background-position:-120px -143px;} .layerContainer .alertMsg .message{text-align:center;} .layerContainer .alertMsg .message .secMark{display:inline-block;width:44px;height:50px;margin-bottom:15px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -230px -143px;vertical-align:top;} .layerContainer .alertMsg .message p{font-size:16px;line-height:24px;color:#3679d4;text-align:center;} .layerContainer .alertMsg .msgTxt{margin-top:20px;padding:10px;border-top:2px solid #c2d6ef;line-height:20px;} .layerContainer .alertMsg .bt{margin-top:20px;padding-top:10px;border-top:1px solid #dcdcdc;line-height:22px;} .layerContainer .alertMsg .bt.listDash{padding-top:20px;} .infoPop, .bottomPop{background-color:#fff;} /* 레이어팝업 _ 하단 Foot _ 금융인증서 */ .any_mobile .togglePop.on {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,1,1,0.7); z-index:5} .any_mobile .togglePop.on .title .tit:before {background-position:9px -120px; background-size:32px auto;} .any_mobile .togglePop.on .title .tit {text-indent:-9999px; padding:0; width:40px; height:40px; transition:width 0ms ease-out} .any_mobile .togglePop {} .any_mobile .togglePop .innerWrap {position:fixed; right:15px; bottom:60px; padding-bottom:40px; box-sizing:border-box;} .any_mobile .togglePop .title {position:absolute; bottom:0; right:0; background:#005DF9; border-radius:20px; overflow:hidden; height:40px;} .any_mobile .togglePop .title .tit:before {content:""; position:absolute; right:0px; top:0px; width:40px; height:40px; display:inline-block;background:#005DF9 url(https://image.shinhan.com/rib2017/images/mnew/ico_certlist.png) 9px -152px no-repeat; background-size:32px auto; box-shadow:0 6px 15px 0 rgba(23,74,125,0.7); border-radius:50%; -moz-border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; } .any_mobile .togglePop .title .tit {position:relative; white-space:nowrap; display:block; padding-left:20px; line-height:40px; height:40px; width:130px; color:#fff; font-size:13px; box-sizing:border-box; transition:width 130ms ease-out} .any_mobile .togglePop.on .detail {opacity:1;} .any_mobile .togglePop .detail {opacity:0;} .any_mobile .togglePop .detail .item:before {content:""; position:absolute; right:0; top:0; width:40px; height:40px; background:#fff url(https://image.shinhan.com/rib2017/images/mnew/ico_certlist.png) 9px -157px no-repeat; background-size:32px auto; border-radius:50%; -moz-border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; z-index:1;} .any_mobile .togglePop .detail .item.item01:before {background-position:9px 9px; background-size:32px auto;} .any_mobile .togglePop .detail .item.item02:before {background-position:9px -22px; background-size:32px auto;} .any_mobile .togglePop .detail .item.item03:before {background-position:9px -56px; background-size:32px auto;} .any_mobile .togglePop .detail .item.item04:before {background-position:9px -88px; background-size:32px auto;} .any_mobile .togglePop .detail .item {position:relative; padding:0; height:40px; margin-bottom:15px; text-align:right;} .any_mobile .togglePop .detail .menuLink {position:relative; display:inline-block; padding:0 50px 0 5px; color:#fff; line-height:40px; z-index:5;} /* 레이어팝업_이모티콘 */ .detailPop .msgEmoticon{overflow:hidden !important;position:relative !important;width:62px !important;height:56px !important;margin:0 auto 10px !important;} .detailPop .msgEmoticon:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;} .detailPop .msgEmoticon img{position:absolute;top:0;left:0;} /* 레이어팝업_오늘만보기 */ .detailPop .todayArea{padding:13px 19px;background-color:#eee;text-align:right;box-sizing:border-box;} .detailPop .todayArea a{font-size:13px;} .detailPop .todayArea a:after{content:"";display:inline-block;width:17px;height:17px;margin-left:4px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -200px -85px;vertical-align:middle;} .detailPop .todayArea > .w2checkbox{display:inline-block;} .detailPop .todayArea > .w2checkbox + a{margin-left:5px;font-size:0;line-height:0;} .detailPop.admin .todayArea{position:fixed;left:0;bottom:0;z-index:10;width:100%;} .detailPop.admin .todayOn{padding-bottom:36px;} /* 레이어팝업_기본 :size01 490px, size02 660px, size03 810px, size04 910px, size05 980px */ .detailPop.size01 .layerCon, .detailPop.size01 .screen{width:430px;} .detailPop.size02 .layerCon, .detailPop.size02 .screen{width:600px;} .detailPop.size03 .layerCon, .detailPop.size03 .screen{width:750px;} .detailPop.size04 .layerCon, .detailPop.size04 .screen{width:850px;} .detailPop.size05 .layerCon, .detailPop.size05 .screen{width:920px;} .detailPop .layerContainer{border:none;background-color:#fff;box-sizing:border-box;} .detailPop .layerTit{height:45px;margin:6px 0 20px;border-bottom:2px solid #3579d4;;line-height:45px;text-align:center;} .detailPop .layerTit h2{font-size:18px;color:#343434;} .detailPop .layerContent{padding:30px 0 30px 30px;} .detailPop .layerContentbt{border-top:1px solid #dcdcdc;} .detailPop .layerContent.p0{padding:0;} .detailPop .layerCon{position:relative;padding:0 0 1px 0;} .detailPop .layerCon > p{line-height:20px;} .detailPop .layerCon > p:first-child{margin-top:0;} .detailPop .screen{margin:30px 30px 10px;text-align:right;} div[class*="size"] .screen{margin-right:0;} .detailPop .on + div .layerContent, .detailPop .on + .layerContent{padding-top:0;} .detailPop .on + .layerContent .layerCon > h2:first-child, .detailPop .on + .layerContent .layerCon > p:first-child, .detailPop .on + div .layerContent .layerCon > .titPop:first-child, .detailPop .on + .layerContent .layerCon > .titPop:first-child{padding-top:20px;border-top:1px solid #dcdcdc;} .detailPop .screen a{min-width:88px;margin-left:10px;} .detailPop .layerDocEnd{background:red;height:10px;width:10px;} .detailPop .layerClose{overflow:hidden;position:absolute;right:26px;top:21px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -10px -40px;text-indent:-5000em;} .detailPop.admin .layerContent{padding:30px;} .detailPop .w2tb, .detailPop .w2grid{border-top-color:#c2d6ef;} .detailPop .w2tb:first-child{margin-top:0;} .detailPop .w2tb.tableTyOutput tbody .w2tb_th, .detailPop .w2tb.tableTyOutput tbody .w2tb_td{height:30px;} .detailPop .w2tb.tableTyOutput.result tbody .w2tb_th, .detailPop .w2tb.tableTyOutput.result tbody .w2tb_td{height:60px;} .detailPop .boxTyBlue{margin-bottom:0;} .detailPop .alertMsg .btnDetail{width:100%;text-align:center;} .detailPop .alertMsg .btnDetail a{display:block;height:40px;border:solid #dcdcdc;border-width:1px 0;background-color:#eee;line-height:40px;text-align:center;} .detailPop .alertMsg .btnDetail a em{vertical-align:middle;} .detailPop .alertMsg .btnDetail a span{display:inline-block;overflow:hidden;width:8px;height:8px;margin-left:8px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -100px -55px;vertical-align:middle;} .detailPop .alertMsg .btnDetail a.on span{background-position:-113px -55px;} .detailPop .alertMsg .hideBox{display:none;} .detailPop .alertMsg .alertList{margin-top:25px;padding:20px;border:1px solid #b7bbd1;border-width:1px 0;background-color:#f9f9f9;} .detailPop .alertMsg .hideBox .alertList{margin-top:-1px;} .detailPop .alertMsg .alertList p{margin-top:5px;line-height:20px;} .detailPop .alertMsg .alertList p:first-child{margin-top:0;} .detailPop .alertMsg .alertList p em{color:#424d89;} .detailPop .alertMsg .boxTyGray03 strong{font-size:18px;font-weight:normal;color:#3579d4;} .detailPop .errorCnt > p{line-height:22px;} .detailPop .errorCnt .msgTxt{margin-top:12px;padding:18px 0;background-color:#eee;color:#343434;text-align:center;} .detailPop .errorCnt .msgTxt strong{font-size:18px;font-weight:normal;color:#3579d4;} .detailPop .errorCnt .customer{margin-top:20px;} .detailPop .errorCnt .customer .ico{float:left;width:40px;height:40px;margin-right:10px;background-color:gray;} .detailPop .errorCnt .customer .listBox{overflow:hidden;} .detailPop .errorCnt .customer .listBox .list{margin-top:5px;} .detailPop .errorCnt .customer .listBox .list:first-child{margin-top:0;} .detailPop .errorCnt .customer .listBox .list span{dispolay:inline-block;position:relative;margin-left:8px;padding-left:8px;} .detailPop .errorCnt .customer .listBox .list span:before{content:"";position:absolute;left:0;top:2px;width:1px;height:13px;background-color:#dcdcdc;} .detailPop .btnAreaBot{margin-top:20px;} .detailPop .btnAreaBot.bt{margin-top:15px;padding:20px;} .detailPop .btnAreaBot a{height:36px;margin:0 5px;line-height:36px;} /* .detailPop .btnAreaBot a.large[class*="btnTy"]:before, .detailPop .btnAreaBot a.large[class*="btnTy"]:after{width:24px;} */ .detailPop .w2tb.tableTyInput .w2tb_th, .detailPop .w2tb.tableTyInput .w2tb_td{height:34px;} .detailPop .w2tb .w2tb_td{padding:10px 3px;} .detailPop .w2tb.tableTyInput .w2tb_td{padding:10px 20px;} .detailPop .tabTy01, .detailPop .tabTy02{margin-bottom:20px;} .detailPop .w2tb + .w2tb, .detailPop .w2gird + .w2tb, .detailPop .w2tb + .w2gird, .detailPop .w2grid + .w2grid, .detailPop table[class*="tableTy"] + .listDash, .detailPop div[class*="gridTy"] + .listDash, .detailPop table[class*="tableTy"] + .boxTyGray, .detailPop div[class*="gridTy"] + .boxTyGray, .detailPop .boxTyBlue + table[class*="tableTy"], .detailPop .w2tb + .textDash{margin-top:20px;} /* 레이어팝업_시스템 */ .systemPop{min-width:350px;max-width:412px;padding-top:30px;border-radius:2px;background-color:#fff;} .systemPop .layerContent{padding:0;} .systemPop .layerClose{overflow:hidden;position:absolute;right:10px;top:10px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -22px -60px;text-indent:-5000em;} .systemPop div[class*="ico"]{width:50px;height:50px;margin:0 auto;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;} .systemPop .ico{background-position:-10px -143px;} .systemPop .msg{margin-top:19px;padding:0 20px;line-height:22px;text-align:center;} .systemPop .msg em{color:#3579d4;} .systemPop .btnAreaBot{margin-top:30px;padding:15px 0;border-top:1px solid #dcdcdc;} .systemPop .btnAreaBot a{width:77px;height:30px;margin:0 5px;line-height:30px;} /* 레이어팝업_정보 + bottom */ .infoPop.bottomPop {position:fixed; left:10px; right:10px; bottom:0; width:auto; border-radius:10px 10px 0 0; padding:30px 20px 50px 20px;} .infoPop.bottomPop .layerClose { top: 30px; right: 25px;} .infoPop.bottomPop.ty2 {top:unset !important; left:0px !important; right:0px !important; bottom:0; padding:15px 15px 50px 15px; border:1px solid #ddd; ;} .infoPop.bottomPop.ty2 .layerClose { top: 18px; right: 20px;} /* 레이어팝업_정보 */ .infoPop{width:218px;padding:18px 20px;border:1px solid #768392;} .infoPop .layerClose{overflow:hidden;position:absolute;right:20px;top:20px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -22px -60px;text-indent:-5000em;} .infoPop .listDot li:first-child, .infoPop .listDot li {border:none; padding-top:inherit !important; padding-left:12px;} .infoPop li{margin-top:11px;padding-top:12px;border-top:1px solid #dcdcdc;font-size:15px;} .infoPop li:first-child{margin:0;padding:0;border-top:none;} .infoPop li > a{position:relative;font-size:15px;} .infoPop li > a:after{content:"";display:inline-block;width:6px;height:10px;margin-left:9px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -25px -10px;} .infoPop li.tit{padding-top:2px;} .infoPop li .w2radio{margin-top:7px;padding-bottom:4px;} .infoPop li .radioGrp .w2radio .w2radio_item label{min-width:50px;} .infoPop li .radioGrp .w2radio .w2radio_item label:before, .infoPop li .radioGrp .w2radio .w2radio_item label:after{display:none;} .infoPop li .radioGrp .w2radio .w2radio_item + .w2radio_item {margin-left:7px;} /* 레이어팝업_계산기 */ .popCalc.w2popup_window{overflow:hidden;border:1px solid #aaa;border-radius:2px;} .popCalc .w2window_header{height:27px;background-color:#f9f9f9;border-bottom:1px solid #d1d1d1;} .popCalc .w2window_header_title{left:10px;width:auto;height:auto;font-size:12px;font-weight:normal;color:#333;line-height:29px;} .popCalc .w2window_header_control{position:absolute;} .popCalc .w2window_close{right:4px;top:6px;} .popCalc .w2window_close a{width:15px;height:15px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -6px -57px;} .popCalc .w2window_body{top:28px;padding:0;} .calcPop{overflow:hidden;position:absolute;left:0;width:163px;border:0;} .calcPop .header{padding:7px 3px 4px;background-color:#f9f9f9;height:60px;} .calcPop .header textarea{height:34px;padding:0 5px;border:none !important;background-color:#f9f9f9;font-size:11px;color:#666;} .calcPop .header input{position:relative;top:2px;height:20px;padding:0 5px;border:none !important;background-color:transparent;font-size:17px;text-align:right;} .calcPop .content{overflow:hidden;width:101%;margin-right:-1px;} .calcPop .content input{float:left;width:42px;height:42px;margin:0 0 -1px -1px;border:1px solid #cccfd3;background-color:#fff;font-weight:bold;} .calcPop .content input:active{background-color:#eee;} .calcPop .content input[class*="key"]{background-image:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png);background-repeat:no-repeat;} .calcPop .content input.keyCancel{background-position:-231px -10px;} .calcPop .content input.keyDelect{background-position:-271px -10px;} .calcPop .content input.keyPersent{background-position:-311px -10px;} .calcPop .content input.keyPlus{background-position:-351px -10px;} .calcPop .content input.keyMinus{background-position:-391px -10px;} .calcPop .content input.keyMultiply{background-position:-431px -10px;} .calcPop .content input.keyDivide{background-position:-471px -10px;} .calcPop .content input.keyResult{background-position:-511px -10px;} .calcPop .layerClose{overflow:hidden;position:absolute;right:5px;top:5px;width:9px;height:8px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -10px -60px;text-indent:-5000em;} /* 레이어팝업_보안 */ .securityPop{display:none;position:absolute;left:0;top:0;z-index:2;width:100%;padding:30px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;} .securityPop .boxTyGray03{line-height:24px;} .securityPop .layerClose{overflow:hidden;position:absolute;right:30px;top:20px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -22px -60px;text-indent:-5000em;} /* 여백 */ .hiddenArea + .hiddenArea, .btnAreaBot + .hiddenArea{margin-top:90px;} .tabTy01 + .hiddenArea, .hiddenArea + .w2gird, .noteArea + .tabTy01, .listHyp01 + .w2gird, .pagingBox + .funcBox, .w2tb + .funcBox, .w2gird + .funcBox, .w2gird + .w2gird, .w2tb + .w2gird, .boxTyGray + .w2grid, .w2tb + .boxTyGray, .w2grid + .boxTyGray, .boxTyGray + .w2tb, .w2tb + .w2tb.tableTyOutput.result, .w2grid + .w2tb.tableTyOutput.result{margin-top:40px;} .detailPop .tabTy01 + .hiddenArea, .detailPop .hiddenArea + .w2gird, .detailPop .noteArea + .tabTy01, .detailPop .listHyp01 + .w2gird, .detailPop .pagingBox + .funcBox, .detailPop .w2tb + .funcBox, .detailPop .w2gird + .funcBox, .detailPop .w2gird + .w2gird, .detailPop .w2tb + .w2gird, .detailPop .boxTyGray + .w2grid, .detailPop .w2tb + .boxTyGray, .detailPop .w2grid + .boxTyGray, .detailPop .boxTyGray + .w2tb, .detailPop .w2tb + .w2tb.tableTyOutput.result, .detailPop .w2grid + .w2tb.tableTyOutput.result{margin-top:20px;} .tabTy01 + .boxTyBlue, .hiddenArea + .boxTyBlue{margin-top:0px;} .w2tb + .w2tb, .w2gird + .w2tb, .hiddenArea + .w2tb, .hiddenArea + .funcBox, .w2grid + .w2grid{margin-top:30px;} .titH02 + div[class*="stepTy"]{margin-top:10px;} .titBox + .hiddenArea, .titH02 + .hiddenArea, .titH02 + .funcBox{margin-top:10px;} .w2gird + .listHyp01, .totalBox + .listHyp01, .securityCode .line + .line, .rowLine + .rowLine, .w2tb + .listDot{margin-top:10px;} .funcBox + .w2tb, .funcBox + .w2grid{margin-top:0;} .w2tb .addressSet input + input{ margin-left:0;} .rowLine span + input{margin-left:10px;} .bsChart{margin-top:30px;} .resultArea + .FuncBox, .resultArea + .groupTyFuncTable, .resultArea + .boxTyBlue, .resultArea + .gridTyDefault, .resultArea + .tableTyGrid, .groupTyFuncTable + .groupTyFuncTable{margin-top:40px;} /* z-index */ .w2ui-popup{z-index:7005 !important} .ui-widget-overlay{z-index:7000 !important} .ui-widget{z-index:7001 !important} /* CSS 추가 시 게시판 속 레이아웃 위에 추가하세요 */ /* 게시판 속 레이아웃 */ .tableTyBoard .warningTxt{padding-left:0;} .tableTyBoard .warningTxt:before{display:none;} .tableTyBoard .boxTyGray{margin-top:0;} .tableTyBoard table.tableTydefault, .tableTyBoard table.tableTyMulti, .tableTyBoard .tableTydefault > table, .tableTyBoard .tableTyMulti > table{margin-top:10px;border-top:2px solid #3579d4;border-bottom:1px solid #b7bbd1;border-right:0 hidden #fff;border-left:0 hidden #fff;} .tableTyBoard th, .tableTyBoard td{border:1px solid #dcdcdc;border-width:1px 0 0 1px;background-color:transparent;color:#343434;} .tableTyBoard table table th, .tableTyBoard table table td{border:0;border-width:0;text-align:left;height:0;padding:0;line-height:160%;} .tableTyBoard td a + a{margin-left:3px;} .tableTyBoard thead th{height:50px;padding:0;background-color:#f9f9f9;font-size:15px;font-weight:normal;color:#424d89;} .tableTyBoard tbody th, .tableTyBoard tbody td{height:20px;padding:15px 20px;line-height:20px;} .tableTyBoard tbody th{background-color:#f9f9f9;color:#424d89;font-weight:normal;} .tableTyBoard tbody td.bgBlue{background-color:#f6faff;} .tableTyBoard tbody td.aL .btnTyGray01.small{margin-right:3px;} .tableTyBoard .al th, .tableTyBoard .al td{text-align:left;} .tableTyBoard th.vat{vertical-align:top;} .tableTyBoard table.tableTydefault.ac th, .tableTydefault.ac td{text-align:center;} .tableTyBoard table.tableTydefault.ar td{text-align:right;} .tableTyBoard .listTyDefine{padding-bottom:20px;} .tableTyBoard .listTyDefine dt{margin-top:20px;font-size:16px;font-weight:bold;color:#343434;} .tableTyBoard .anw .listTyDefine:first-child dt:first-child{margin-top:0;} .tableTyBoard .listTyDefine dd{padding:5px 0 10px 0;} .tableTyBoard .listTyDefine dd > strong{display:inline-block;position:relative;padding-left:10px;font-weight:normal;font-size:16px;color:#555;} .tableTyBoard .listTyDefine dd > strong:before{content:"";position:absolute;left:0;top:2px;width:3px;height:14px;background-color:#3579d4;} .tableTyBoard .listTyDefine dd > p{padding-bottom:10px;font-size:14px;color:#666;line-height:22px;} .tableTyBoard .listTyDotR > li{position:relative;padding-left:10px;margin-bottom:7px;font-size:14px;line-height:22px;color:#666;} .tableTyBoard .listTyDotR > li:before{content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background-color:#555;} .tableTyBoard .listTyDash > li{position:relative;padding-left:10px;margin:5px 0;font-size:14px;line-height:22px;color:#666;} .tableTyBoard .listTyDash > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#555;} .tableTyBoard .listTyCircle, .tableTyBoard .listTyMarkNum, .tableTyBoard .listTyNumber, .tableTyBoard .listTyHangul{padding-bottom:20px;} .tableTyBoard .listTyCircle > li{padding:8px 0 0 18px;text-indent:-18px;} .tableTyBoard .listTyCircle > li > p, .tableTyBoard .listTyCircle > li > ul{padding-left:0;text-indent:0;} .tableTyBoard .listTyMarkNum > li{padding:8px 0 0 19px;text-indent:-19px;} .tableTyBoard .listTyNumber{padding-left:20px;list-style-type:decimal;} .tableTyBoard .listTyNumber > li{padding:8px 0 0 0;} .tableTyBoard .listTyDecimal > li{padding-left:16px;text-indent:-16px;} .tableTyBoard .listTyDecimal > li.over{padding-left:24px;text-indent:-24px;} /* 10이상 숫자 */ .tableTyBoard .listTyDecimal > li.dash{padding-left:28px;text-indent:-28px;} /* 3-1. 등 중간 - */ .tableTyBoard .listTyDecimal > li.over.dash{padding-left:36px;text-indent:-36px;} .tableTyBoard .listTyDecimal > li > p, .listTyDecimal > li > ul, .listTyDecimal > li > div{padding-left:0;text-indent:0;} .tableTyBoard .listTyHangul li{padding:8px 0 0 19px;text-indent:-19px;} .tableTyBoard .starTxt{padding:0 0 0 10px;text-indent:-10px;} .tableTyBoard .warningTxt{padding:0 0 0 15px;text-indent:-15px;} .tableTyBoard .starTxt:before, .tableTyBoard .warningTxt:before{display:none!important;} .tableTyBoard .orderedListBox{padding:0 0 10px 0;} .tableTyBoard .orderedListBox > li{position:relative;padding:0 0 5px 25px;} .tableTyBoard .orderedListBox > li:before{content:"";position:absolute;top:10px;left:9px;z-index:3;width:10px;height:12px;margin:-6px 0 0 -5px;background:#70acfd;} .tableTyBoard .orderedListBox > li:after{content:"";position:absolute;top:10px;left:9px;z-index:2;width:18px;height:18px;margin:-9px 0 0 -9px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -266px;} .tableTyBoard .orderedListBox em{position:absolute;top:1px;left:0;z-index:10;width:18px;height:18px;text-align:center;color:#fff;line-height:20px;} .tableTyBoard .orderedListBox p{font-size:14px;line-height:22px;color:#666;} .tableTyBoard .orderedListBox strong{display:block;color:#343434;} .tableTyBoard .colorTyblue{color:#3579d4!important;} .tableTyBoard .colorTyOrg{color:#ff5932!important;} .tableTyBoard .warningBox{position:relative;font-size:16px;padding-left:25px;color:#343434;} .tableTyBoard .warningBox:before{content:"";position:absolute;left:0;top:0px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} .tableTyBoard .btnWrapBot{text-align:center;} .tableTyBoard .btnWrapBot >*{margin:0 3px;} .tableTyBoard .btnTyBlue01, .tableTyBoard .btnTyBlue02, .tableTyBoard .btnTyGray01, .tableTyBoard .btnTyGray02, .tableTyBoard .btnTyOrg01, .tableTyBoard .btnTyOrg02{display:inline-block;padding:0 10px;border:1px solid #3579d4;background-color:#3579d4;color:#fff;min-width:80px;height:40px;border-radius:4px;font-size:15px;line-height:40px;} .tableTyBoard .btnTyBlue01 {border:1px solid #3579d4;background:#3579d4;color:#fff;} .tableTyBoard .btnTyBlue02{border:1px solid #569df4;background:#fff;color:#569df4;} .tableTyBoard .btnTyGray01 {border:1px solid #8d9caf;background:#8d9caf;color:#fff;} .tableTyBoard .btnTyGray02 {border:1px solid #8d9caf;background:#fff;color:#8d9caf;} .tableTyBoard .btnTyOrg01 {border:1px solid #d89240;background:#d89240;color:#fff;} .tableTyBoard .btnTyOrg02 {border:1px solid #d89240;background:#fff;color:#d89240;} .tableTyBoard .boxTyGray{padding:18px 20px;margin-bottom:20px;background:#f5f5f5;border:1px solid #ccc;} .tableTyBoard .boxTyWhite{padding:18px 20px;border:1px solid #ccc;} .tableTyBoard .boxTyBlue{padding:18px 20px;background:#e9f2fd;border:1px solid #b7bbd1;} .tableTyBoard .boxTyBgsky{padding:18px 20px;background:#f6faff;border:1px solid #b7bbd1;} .tableTyBoard .w2infobox{padding:18px 20px;margin-bottom:20px;border:1px solid #dcdcdc;} .tableTyBoard .w2infobox dt{font-size:15px;color:#343434;} .tableTyBoard .w2infobox dd{font-size:14px;line-height:22px;color:#666;} .tableTyBoard td img{width:auto!important;max-width:100%;} .tableTyBoard .goodsInfoList2{width:auto!important;} .tableTyBoard .goodsInfoList2 p.mt25{margin-top:0!important;font-weight:bold;} .tableTyBoard .w2list+p.mt10{margin-top:0!important;} .tableTyBoard .goodsInfoList2, .tableTyBoard .sec dl{display:table;width:100%;text-align:left;} .tableTyBoard .goodsInfoList2 dt, .tableTyBoard .goodsInfoList2 dd, .tableTyBoard .sec dt, .tableTyBoard .sec dd{display:inline-table;line-height:22px;} .tableTyBoard .goodsInfoList2 dt, .tableTyBoard .sec dt{width:17.5%;vertical-align:middle;color:#343434;} .tableTyBoard .goodsInfoList2 dd, .tableTyBoard .sec dd{width:80%;margin-bottom:0px;padding-bottom:20px;vertical-align:top;} .tableTyBoard .sec dd pre{display:inline-table;line-height:22px;width:100%;white-space:pre-wrap;} .tableTyBoard .sec dd textarea{border:0;} .tableTyBoard .w2list li, .tableTyBoard .sec dd ul li{position:relative;padding-left:9px;margin-bottom:0px;line-height:22px;color:#343434;} .tableTyBoard .w2list li:before, .tableTyBoard .sec dd ul li:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#555555;} .tableTyBoard .sec dd ul.listTyDotR + p.ml10{padding-left:10px;position:relative;font-size:14px;} .tableTyBoard .sec dd ul.listTyDotR + p.ml10:before{content:'';display:block;width:4px;height:1px;background-color:#666;position:absolute;top:8px;left:0;} .tableTyBoard table.tableType01{border-top:2px solid #3579d4;margin-top:10px;} .tableTyBoard table.tableType01, .tableTyBoard table.tableTyGrid{border-bottom:1px solid #b7bbd1;border-right:0 hidden #fff;border-left:0 hidden #fff;} .tableTyBoard table.tableType01 th, .tableTyBoard table.tableTyGrid thead th, .tableTyBoard table.tableTyGrid thead td{border:solid #dcdcdc;border-width:1px 0 0 1px;} .tableTyBoard table.tableType01 thead th, .tableTyBoard table.tableTyGrid thead th{height:50px;padding:0;background-color:#f9f9f9;font-size:15px;color:#424d89;} .tableTyBoard table.tableType01 tbody th, .tableTyBoard table.tableType01 tbody td, .tableTyBoard table.tableTyGrid tbody th, .tableTyBoard table.tableTyGrid tbody td{border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;height:20px;padding:15px 13px;line-height:22px;} .tableTyBoard table.tableType01 tbody th, .tableTyBoard table.tableTyGrid tbody th{border-right:1px solid #dcdcdc;background-color:#f9f9f9;} .tableTyBoard table.tableTyGrid tfoot th, .tableTyBoard table.tableTyGrid tfoot td, .tableTyBoard table.tableTyGrid .fakeTfoot th, .tableTyBoard table.tableTyGrid .fakeTfoot td{height:30px;padding:15px 13px;border:solid #dcdcdc;border-width:1px 0 0;border-bottom:1px solid #b7bbd1;background-color:#f9f9f9;font-weight:bold;color:#343434;} .tableTyBoard table.tableTyGrid tfoot th, .tableTyBoard table.tableTyGrid .fakeTfoot th{font-size:15px;color:#555;text-align:left;} .tableTyBoard table.tableTyGrid tfoot td, .tableTyBoard table.tableTyGrid .fakeTfoot td{font-size:20px;color:#424d89;} .tableTyBoard table.tableTyGrid tfoot td em + span, .tableTyBoard table.tableTyGrid .fakeTfoot td em + span{margin-left:4px;} .tableTyBoard .noticeBox3_wp h2 img{display:none;} .tableTyBoard .noticeBox3_wp h2:after{content:"NOTICE";} .tableTyBoard .noticeBox3_wp ul{margin:0 6px;padding:18px 14px 0;} .tableTyBoard .noticeBox3_wp h2:before{content:"";position:absolute;left:0;top:3px;display:block;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;} .tableTyBoard .noticeBox3 ul li img{display:none;} .tableTyBoard .noticeBox3 ul li span{display:block;margin:0!important;} .tableTyBoard .noticeBox3 ul li span:first-child{margin-bottom:5px} .tableTyBoard .noticeBox3, .tableTyBoard .boxTyGray{margin-top:40px;padding:18px 20px;border:1px solid #b7bbd1;} .tableTyBoard .detailPop .boxTyGray{margin-top:20px !important;} .tableTyBoard .noticeBox3_wp h2, .tableTyBoard .boxTyGray > dl > dt{position:relative;padding:0 0 14px 29px;border-bottom:1px solid #dcdcdc;font-size:17px;font-weight:bold;line-height:28px;color:#666;} .tableTyBoard .boxTyGray > dl > dt:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;} .tableTyBoard .boxTyGray > dl > dd{margin:0 6px;padding:18px 14px 0;} .tableTyBoard .boxTyGray > dl > dd a{text-decoration:underline;} .tableTyBoard .noticeBox3 ul li, .tableTyBoard .boxTyGray > dl > dd > ul > li, .tableTyBoard .boxTyGray > ul > li{position:relative;margin-top:8px;padding:0 10px;line-height:20px;} .tableTyBoard .noticeBox3 ul li:before, .tableTyBoard .boxTyGray > dl > dd > ul > li:before, .tableTyBoard .boxTyGray > ul > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#666;} .tableTyBoard .noticeBox3 ul li:first-child, .tableTyBoard .boxTyGray > dl > dd > ul > li:first-child, .tableTyBoard .boxTyGray > ul > li:first-child{margin-top:0;} .tableTyBoard .boxTyGray > dl > dd > ul > li a, .tableTyBoard .boxTyGray > ul > li a{vertical-align:inherit;} .tableTyBoard .boxTyGray > dl > dd > ul > li em, .tableTyBoard .boxTyGray > dl > dd > ul > li em > a, .tableTyBoard .boxTyGray > ul > li em{color:#3579d4;} .tableTyBoard .boxTyGray > dl > dd > ul > li ul, .tableTyBoard .boxTyGray > ul > li ul{margin:5px 2px -2px;} .tableTyBoard .boxTyGray > dl > dd > ul > li > li, .tableTyBoard .boxTyGray > ul > li li{position:relative;margin-top:3px;padding-left:9px;line-height:24px;} .tableTyBoard .boxTyGray > dl > dd > ul > li > li:before, .tableTyBoard .boxTyGray > ul > li li:before{content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#666;} .tableTyBoard .boxTyGray table{margin:6px 0 15px;} .tableTyBoard .boxTyGray > dl > dt > .w2textbox + a{margin-top:-25px;} .tableTyBoard .boxTyGray p em{color:#4a6bca;} .tableTyBoard .boxTyGray p em + a{margin-left:10px;} .tableTyBoard .Full_txt > divLfirst-child{border:radius:0!important;padding:20px;margin:0!important;border:1px solid #ccc;} .tableTyBoard .files>p+p{margin-top:5px;} /* 공통 스마트쪽지 및 이벤트 */ .device{display:none !important;} .device.pc{display:none !important;} .device.sol{display:none !important;} .device.mobile{display:block !important;} .smartMemo{line-height:1.5;text-align:left;} .smartMemo .txt_rule{text-align:right;font-size:12px;margin-bottom:5px;} .smartMemo .img_full{text-align:center;} .smartMemo .img_full img{width:100%;vertical-align:middle;} .smartMemo .innerWrap{margin:13px 15px;} .smartMemo .boxTyBgsky{position:relative;padding:20px;margin-bottom:30px;line-height:22px;color:#343434;background:#f6faff;text-align:center;border:0;font-size:15px;} .smartMemo .listTyDefine dt{font-weight:bold;color:#000;font-size:14px;} .smartMemo .listTyDefine dd{margin:-22px 0 0 120px;padding:0;} .eventview_wrap .event_con .smartMemo .listTyDefine dd{margin:0;padding:0;} .smartMemo .listTyDefine dd ul:first-child li:first-child{padding-top:0;} .smartMemo .listTyDefine.longTit dd{margin-left:200px;} .smartMemo .boxTyBlueline{padding:20px;border-top:2px solid #3579d4;border-bottom:1px solid #b7bbd1;} .smartMemo .boxTyBlueline .qrcode{position:relative;min-height:88px;padding-left:145px;} .smartMemo .boxTyBlueline .qrcode > img{position:absolute;top:0;left:0;border:1px solid #3579d4;} .smartMemo .boxTyBlueline .qrcode p{padding-top:20px;line-height:20px;font-size:16px;color:#343434;} .smartMemo .boxTyBlueline .qrcode p.colorTyblue{padding-top:15px;line-height:1;font-size:14px;color:#2d71c4;} .smartMemo .boxTyOrg{padding:20px;margin-bottom:25px;background:#d88e32;} .smartMemo .boxTyOrg .tit{font-size:16px;color:#fff;font-weight:bold;} .smartMemo .boxTyOrg .tit + p{color:#fff;margin-top:10px;} .smartMemo .childfund{position:relative;padding-right:290px;} .smartMemo .childfund > p{color:#343434;line-height:24px;} .smartMemo .childfund .logo_area{position:absolute;top:0;right:0;text-align:right;} .smartMemo .childfund .logo_area .mt5{padding-top:5px;font-size:13px;} .smartMemo .childfund .logo_area .mt5 span{font-size:12px;color:#2d71c4;} .smartMemo .w2infobox{margin-top:40px;padding:18px 20px;border:1px solid #b7bbd1;} .smartMemo .w2infobox dt{position:relative;padding:0 0 14px 29px;border-bottom:1px solid #dcdcdc;font-size:17px;font-weight:bold;line-height:28px;color:#666;} .smartMemo .w2infobox dt:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;} .smartMemo .w2infobox dd{padding:18px 0 0;} .smartMemo .w2infobox dd a{color:#3579d4;} .smartMemo .titArrow, .smartMemo .boxTit{display:block;} .smartMemo .titArrow + *, .smartMemo .titArrow + * + *, .smartMemo .titArrow + * + * + *, .smartMemo .titArrow + * + * + * + *, .smartMemo .titArrow + * + * +*+*+*{margin-left:11px;} .smartMemo .titArrow{margin-left:0;} .smOffer{margin-bottom:40px;text-align:center;height:150px;} #tbx_noticeDetail .smartMemo .listTyDefine dd{margin:7px 0 0 0;} /* 절차 목록 - 라운드 박스 */ .smartMemo .orderedListBox > li{margin-top:13px;padding:7px 14px 5px;border:1px solid #bbb;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} .smartMemo .orderedListBox > li:first-child{margin-top:0;} .smartMemo .orderedListBox > li:after, .smartMemo .orderedListBox > li:before { background:none; } .smartMemo .orderedListBox > li > em{display:block;width:19px;height:19px;background-color:#569df4;color:#fff;font-size:13px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative;} .smartMemo .orderedListBox > li > p{padding-left:27px;margin-top:-19px;} .smartMemo .orderedListBox > li > p strong{display:block;margin-bottom:6px;font-weight:bold;line-height:19px;} .smartMemo .orderedListBox .orderBox {margin:0 -14px;padding:9px 14px 0 14px;border-top:1px solid #bbb;} /* 국기 이미지 */ .icon_sign_krw, .icon_sign_usd, .icon_sign_jpy, .icon_sign_eur, .icon_sign_gbp, .icon_sign_aud, .icon_sign_cad, .icon_sign_cnh, .icon_sign_nzd, .icon_sign_hkd, .icon_sign_sgd, .icon_sign_chf, .icon_sign_twd, .icon_sign_cny, .icon_sign_sek, .icon_sign_dkk, .icon_sign_nok, .icon_sign_php, .icon_sign_thb, .icon_sign_myr, .icon_sign_aed, .icon_sign_bhd, .icon_sign_kwd, .icon_sign_sar, .icon_sign_mxn, .icon_sign_idr, .icon_sign_xau, .icon_sign_vnd, .icon_sign_rub, .icon_sign_lkr, .icon_sign_inr, .icon_sign_skk, .icon_sign_huf, .icon_sign_pkr, .icon_sign_zar, .icon_sign_dem, .icon_sign_frf, .icon_sign_itl, .icon_sign_bef, .icon_sign_ats, .icon_sign_nlg, .icon_sign_esp, .icon_sign_fim, .icon_sign_qar, .icon_sign_clp, .icon_sign_try, .icon_sign_czk, .icon_sign_egp, .icon_sign_ils, .icon_sign_kes, .icon_sign_pkr, .icon_sign_bdt, .icon_sign_npr, .icon_sign_mop, .icon_sign_pln, .icon_sign_mnt, .icon_sign_kzt, .icon_sign_brl, .icon_sign_skk, .icon_sign_shi{display:inline-block;padding:0 0 0 25px;margin:0;text-transform:uppercase;} .iconSignGrp span{padding-left:20px;} .icon_sign_krw{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_krw.gif) no-repeat 0 1px !important} .icon_sign_usd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_usd.gif) no-repeat 0 1px !important} .icon_sign_jpy{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_jpy.gif) no-repeat 0 1px !important} .icon_sign_eur{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_eur.gif) no-repeat 0 1px !important} .icon_sign_gbp{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_gbp.gif) no-repeat 0 1px !important} .icon_sign_aud{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_aud.gif) no-repeat 0 1px !important} .icon_sign_cad{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_cad.gif) no-repeat 0 1px !important} .icon_sign_cnh{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_chn.gif) no-repeat 0 1px !important} .icon_sign_nzd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_nzd.gif) no-repeat 0 1px !important} .icon_sign_hkd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_hkd.gif) no-repeat 0 1px !important} .icon_sign_sgd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_sgd.gif) no-repeat 0 1px !important} .icon_sign_chf{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_chf.gif) no-repeat 0 1px !important} .icon_sign_twd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_twd.gif) no-repeat 0 1px !important} .icon_sign_cny{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_cny.gif) no-repeat 0 1px !important} .icon_sign_sek{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_sek.gif) no-repeat 0 1px !important} .icon_sign_dkk{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_dkk.gif) no-repeat 0 1px !important} .icon_sign_nok{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_nok.gif) no-repeat 0 1px !important} .icon_sign_php{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_php.gif) no-repeat 0 1px !important} .icon_sign_thb{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_thb.gif) no-repeat 0 1px !important} .icon_sign_myr{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_myr.gif) no-repeat 0 1px !important} .icon_sign_aed{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_aed.gif) no-repeat 0 1px !important} .icon_sign_bhd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_bhd.gif) no-repeat 0 1px !important} .icon_sign_kwd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_kwd.gif) no-repeat 0 1px !important} .icon_sign_sar{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_sar.gif) no-repeat 0 1px !important} .icon_sign_mxn{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_mxn.gif) no-repeat 0 1px !important} .icon_sign_idr{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_idr.gif) no-repeat 0 1px !important} .icon_sign_xau{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_xau.gif) no-repeat 0 1px !important} .icon_sign_vnd{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_vnd.gif) no-repeat 0 1px !important} .icon_sign_rub{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_rub.gif) no-repeat 0 1px !important} .icon_sign_lkr{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_lkr.gif) no-repeat 0 1px !important} .icon_sign_inr{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_inr.gif) no-repeat 0 1px !important} .icon_sign_skk{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_skk.gif) no-repeat 0 1px !important} .icon_sign_huf{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_huf.gif) no-repeat 0 1px !important} .icon_sign_pkr{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_pkr.gif) no-repeat 0 1px !important} .icon_sign_zar{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_zar.gif) no-repeat 0 1px !important} .icon_sign_dem{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_dem.gif) no-repeat 0 1px !important} .icon_sign_frf{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_frf.gif) no-repeat 0 1px !important} .icon_sign_itl{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_itl.gif) no-repeat 0 1px !important} .icon_sign_bef{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_bef.gif) no-repeat 0 1px !important} .icon_sign_ats{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_ats.gif) no-repeat 0 1px !important} .icon_sign_nlg{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_nlg.gif) no-repeat 0 1px !important} .icon_sign_esp{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_esp.gif) no-repeat 0 1px !important} .icon_sign_fim{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_fim.gif) no-repeat 0 1px !important} .icon_sign_qar{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_qar.gif) no-repeat 0 1px !important} .icon_sign_clp{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_clp.gif) no-repeat 0 1px !important} .icon_sign_try{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_try.gif) no-repeat 0 1px !important} .icon_sign_czk{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_czk.gif) no-repeat 0 1px !important} .icon_sign_egp{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_egp.gif) no-repeat 0 1px !important} .icon_sign_ils{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_ils.gif) no-repeat 0 1px !important} .icon_sign_kes{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_kes.gif) no-repeat 0 1px !important} .icon_sign_pkr{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_pkr.gif) no-repeat 0 1px !important} .icon_sign_bdt{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_bdt.gif) no-repeat 0 1px !important} .icon_sign_npr{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_npr.gif) no-repeat 0 1px !important} .icon_sign_mop{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_mop.gif) no-repeat 0 1px !important} .icon_sign_pln{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_pln.gif) no-repeat 0 1px !important} .icon_sign_mnt{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_mnt.gif) no-repeat 0 1px !important} .icon_sign_kzt{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_kzt.gif) no-repeat 0 1px !important} .icon_sign_brl{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_brl.gif) no-repeat 0 1px !important} .icon_sign_skk{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_skk.gif) no-repeat 0 1px !important} .icon_sign_shi{background:url(https://image.shinhan.com/rib2017/images/ico/financemall/icon_sign_shi.gif) no-repeat 0 1px !important} /* CSS 추가 시 게시판 속 레이아웃 위에 추가하세요 */ /* 하기 CSS 추가 금지 - 황선하 */ /* 이용약관 */ .agreeBox{border:1px solid #dcdcdc;margin-top:15px;padding:20px 15px;} .agreeBox .titH03{margin-bottom:20px;} .agreeBox .agreeScroll{overflow-y:scroll;height:327px;} .agreeBox dt{font-size:15px;color:#343434;margin-bottom:15px;} .agreeBox dd{margin-bottom:30px;} .agreeBox p{margin-bottom:10px;line-height:1.4;} .agreeBox li{line-height:1.4;padding-bottom:15px;} .agreeBox .agTylist li{padding-left:18px;} .agreeBox em{color:#d99103;} .agreeLine{padding:15px 0 15px;border-bottom:1px solid #dcdcdc;line-height:20px;} .agreeLine:after{display:block;content:'';height:0;clear:both;} .agreeLine.lineNone{border-bottom:0;} .agreeLine.bt{border-top:1px solid #dcdcdc;} .agreeLine02{position:relative;padding:10px 0 40px;border-bottom:1px solid #dcdcdc;} .agreeLine02 .w2textbox{font-size:15px;line-height:22px;} .agreeLine02 .w2checkbox{position:absolute;right:0;bottom:20px;} /* 개인정보수집이용동의 */ .agreeInfoBox{padding:18px 20px;border:1px solid #b7bbd1;} .agreeInfoBox .boxTop:first-child{padding-top:0;border-bottom:0;} .agreeInfoBox.bdline .boxTop:first-child{border-bottom:1px solid #dcdcdc;} .agreeInfoBox .boxTop.bdline{border-bottom:1px solid #dcdcdc;} .agreeInfoBox .boxTop{padding-top:14px;padding-bottom:10px;border-bottom:1px solid #dcdcdc;} .agreeInfoBox .boxTop:after{content:"";display:block;clear:both;} .agreeInfoBox.topLine .boxTop{padding-bottom:0;margin-top:10px;border-top:1px solid #dcdcdc;border-bottom:0;} .agreeInfoBox.topLine .boxTop:first-child{border-top:0;margin-top:0;} .agreeInfoBox.topLine .boxTop+.boxBot{margin-top:10px;} .agreeInfoBox .boxTop span:first-child{font-size:15px;font-weight:normal;line-height:30px;color:#343434;} .agreeInfoBox .boxTop .btnTyGray01{min-width:71px;} .agreeInfoBox .boxTop.noLine{padding-bottom:0;border-bottom:none;} .agreeInfoBox .boxBot{padding-top:0;line-height:22px;} .agreeInfoBox ul.inBoxGray{margin-top:-1px;} .agreeInfoBox ul.inBoxGray > li{display:table;width:100%;box-sizing:border-box;padding:18px 18px;background:#f9f9f9;margin-top:1px;} .agreeInfoBox ul.inBoxGray > li > div{display:table-cell;width:78%;} .agreeInfoBox ul.inBoxGray > li .w2radio{display:table-cell;color:#343434;text-align:right;} .agreeInfoBox ul.inBoxGray > li.notTbl{display:block;box-sizing:border-box;padding:18px 18px;background:#f9f9f9;margin-top:1px;} .agreeInfoBox ul.inBoxGray > li.notTbl>div{display:table;width:100%;} .agreeInfoBox ul.inBoxGray > li.notTbl>div+div{margin-top:8px;} .agreeInfoBox ul.inBoxGray > li.notTbl>p+div{margin-top:15px;} .agreeInfoBox ul.inBoxGray > li.notTbl>div .colDiv{display:table-cell;width:78%;} .agreeInfoBox ul.inBoxGray > li.notTbl>div .w2radio{display:table-cell;} span.w2textbox + div.w2radio{display:inline-block !important;} .agreeInfoBox ul.inBoxGray > li .w2checkbox{text-align:right;} .agreeInfoBox ul.inBoxGray > li:first-child{margin-top:0;} .agreeInfoBox p.w2textbox + ul.w2group.inBoxGray{margin-top:15px;} .agreeInfoBox + .agreeLine{line-height:22px;padding-top:30px;font-size:15px;color:#343434;} .agreeInfoBox + .agreeLine .checkArea{text-align:right;} .agreeInfoBox + .agreeLine + p{font-size:15px;color:#343434;} .agreeInfoBox + .agreeInfoBox{margin-top:15px;} .titH02 + .agreeInfoBox, .titBox + .agreeInfoBox{margin-top:10px;} .titBox + .agreeLine{padding-bottom:15px;border-top:1px solid #dcdcdc;} .titBox + .agreeLine:after{content:"";display:block;clear:both;} .titBox + .agreeLine p{line-height:24px;} .agreeInfoBox .boxCon{padding:15px 0 15px 0;border-top:1px solid #dcdcdc;} .agreeInfoBox .boxCon:first-child{padding-top:0;border-top:0;} .agreeInfoBox .boxCon span:first-child{font-size:14px;font-weight:normal;line-height:30px;color:#343434;} .agreeInfoBox .boxCon > ul{margin:5px 0 0 0;} .agreeInfoBox .boxCon > ul > li{line-height:22px;} .agreeInfoBox ul.listChkBtn{display:block;} .agreeInfoBox ul.listChkBtn > li > p{color:#666;border-bottom:1px solid #dcdcdc;padding-bottom:11px;margin-bottom:13px;} .agreeInfoBox ul.listChkBtn > li > ul > li > div{display:inline-block;color:#343434;line-height:28px;} /* 레이어팝업_약관보기 */ .detailPop .provisionView{overflow:hidden;} .detailPop .provisionView .selMenu{float:left;position:relative;width:198px;margin-right:10px;padding-bottom:28px;border:1px solid #b6bbd1;} .detailPop .provisionView .selMenu .conList{height:510px;} .detailPop .provisionView .selMenu .conList ul{position:absolute;left:0;top:0;width:100%;} .detailPop .provisionView .selMenu .conList li{position:relative;border-bottom:1px solid #dcdcdc;} .detailPop .provisionView .selMenu .conList li:before{display:none;content:"";position:absolute;right:-8px;top:50%;width:8px;height:14px;margin-top:-7px;background:url(https://image.shinhan.com/rib2017/images/bg/sp_bg.png) no-repeat -47px -100px;} .detailPop .provisionView .selMenu .conList li.on{background-color:#f6faff;} .detailPop .provisionView .selMenu .conList li.now:before{display:block;} .detailPop .provisionView .selMenu .conList li a{display:block;position:relative;min-height:46px;padding:13px 46px 13px 9px;line-height:20px;color:#343434;box-sizing:border-box;} .detailPop .provisionView .selMenu .conList li a .imgCheckbox02{position:absolute;right:10px;top:50%;margin-top:-13px;} .detailPop .provisionView .selMenu .conMove{display:table;position:absolute;left:0;bottom:-1px;z-index:2;width:100%;border-collapse:collapse;background-color:#fff;} .detailPop .provisionView .selMenu .conMove a{display:table-cell;overflow:hidden;position:relative;width:50%;height:28px;border:solid #b6bbd1;border-width:1px 0;line-height:28px;text-indent:-5000em;box-sizing:border-box;} .detailPop .provisionView .selMenu .conMove a:first-child{border-right:1px solid #b6bbd1;} .detailPop .provisionView .selMenu .conMove a:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:8px;margin:-4px 0 0 -7px;background-image:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png);background-repeat:no-repeat;} .detailPop .provisionView .selMenu .conMove a.btnDown:before{background-position:-346px -60px;} .detailPop .provisionView .selMenu .conMove a.btnUp:before{background-position:-365px -60px;} .detailPop .provisionView .selCon{overflow-y:auto;float:left;position:relative;width:708px;height:538px;border:1px solid #dcdcdc;box-sizing:border-box;} .detailPop .provisionView.noMenu .selCon{width:100%;} .detailPop .provisionView .selCon .downInfoBox{display:none;position:absolute;left:0;top:35%;width:100%;margin-top:-75px;text-align:center;} .detailPop .provisionView .selCon .downInfoBox .txt{margin-top:10px;line-height:22px;} .detailPop .provisionView .selCon .downInfoBox .btn{margin-top:10px;} .detailPop .provisionView .selCon .downInfoBox .btn a{margin:0 5px;} .detailPop .provisionView .selCon .conAgreePageBox{position:relative; border-bottom:1px solid #dcdcdc;height:45px;padding-top:15px;} .detailPop .provisionView .selCon .conAgreePageBox .normal_pag{padding-top:0;} .detailPop .provisionView .selCon .conAgreePageBox .btnAgreeList{overflow:hidden;position:absolute;top:15px;right:15px;width:30px;height:30px;margin:0;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -308px -156px;text-indent:-5000em;} /* 상단안내박스 */ .boxInfoArea{position:relative;} .boxInfoArea dt{padding:0 0 10px 0;font-size:18px;font-weight:bold;line-height:28px;color:#555;} .boxInfoArea dd, .boxInfoArea p{line-height:22px;} .boxInfoArea dd p em, .boxInfoArea p em{color:#4a6bca;} .boxInfoArea ul li{position:relative;margin-top:5px;padding:0 13px;line-height:20px;} .boxInfoArea ul li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:1px;background-color:#aaa;} .boxInfoArea ul li em{color:#4a6bca;} .boxInfoArea ul li span{display:inline;position:static;width:auto;height:auto;background:none;} .boxInfoArea a{text-decoration:underline;color:#3579d4;} .boxInfoArea .type01{display:block;position:absolute;right:0;top:5px;width:200px;height:140px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_box_info_image.png) no-repeat;} .boxInfoArea .type01.bg01{height:160px;background-position:5px -5px;} .boxInfoArea .type01.bg02{background-position:10px -165px;} .boxInfoArea .type01.bg03{background-position:10px -320px;} .boxInfoArea .type01.bg04{background-position:0 -500px;top:17px;} .boxInfoArea .type01.bg05{background-position:10px -650px;} .boxInfoArea .type01.bg06{background-position:10px -830px;} .boxInfoArea .type01.bg07{background-position:-200px -5px;} .boxInfoArea .type01.bg08{background-position:-200px -160px;} .boxInfoArea .type01.bg09{background-position:-180px -335px;} .boxInfoArea .type01.bg10{background-position:-190px -500px;} .boxInfoArea .type01.bg11{background-position:-190px -655px;} .boxInfoArea .type01.bg12{background-position:-180px -830px;} .boxInfoArea .type01.bg13{background-position:-390px 0;} .boxInfoArea .type01.bg14{background-position:-390px -175px;} .boxInfoArea .type01.bg15{background-position:-390px -330px;} .boxInfoArea .type01.bg16{background-position:-390px -500px;} .boxInfoArea .type01.bg17{background-position:-390px -660px;} .boxInfoArea .type01.bg18{background-position:-390px -830px;} .boxInfoArea .type01.bg19{background-position:-610px 0;} .boxInfoArea .type01.bg20{background-position:-595px -175px;} .boxInfoArea .type01.bg21{background-position:-610px -340px;} .boxInfoArea .type01.bg22{background-position:-584px -491px;} .boxInfoArea .type01.bg23{background-position:-550px -670px;} .boxInfoArea .type01.bg24{background-position:-595px -830px;} .boxInfoArea .type01.bg25{background-position:-790px -5px;} .boxInfoArea .type01.bg26{background-position:-790px -165px;} .boxInfoArea .type01.bg27{background-position:-810px -335px;} .boxInfoArea .type01.bg28{background-position:-810px -500px;} .boxInfoArea .type01.bg29{background-position:-784px -654px;} .boxInfoArea .type01.bg30{background-position:-798px -805px;} .boxInfoArea .type02{display:block;position:absolute;right:0;top:5px;width:200px;height:140px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_box_info_image02.png) no-repeat;} .boxInfoArea .type02.bg31{background-position:5px 0px;} .boxInfoArea .type02.bg32{background-position:10px -170px;} .boxInfoArea .type02.bg33{background-position:11px -331px;} .boxInfoArea .type02.bg34{background-position:36px -484px;} .boxInfoArea .type02.bg35{background-position:30px -665px;} .boxInfoArea .type02.bg36{background-position:-10px -829px;} .boxInfoArea .type02.bg37{background-position:-199px -4px;} .boxInfoArea .type02.bg38{background-position:-194px -163px;} .boxInfoArea .type02.bg39{background-position:-197px -332px;} .boxInfoArea .type02.bg40{background-position:-165px -485px;} .boxInfoArea .type02.bg41{background-position:-199px -656px;} .boxInfoArea .type02.bg42{background-position:-199px -829px;} .boxInfoArea .type02.bg43{background-position:-389px -4px;} .boxInfoArea .type02.bg44{background-position:-390px -157px;} .boxInfoArea .type02.bg45{background-position:-389px -331px;} .boxInfoArea .type02.bg46{background-position:-372px -498px;} .boxInfoArea .type02.bg47{background-position:-402px -643px;height:133px;} .boxInfoArea .type02.bg48{background-position:-409px -835px;width:180px;} .boxInfoArea .type02.bg49{background-position:-580px 10px;} .boxInfoArea .type02.bg50{background-position:-600px -175px;width:160px;right:10px;} .boxInfoArea .type02.bg51{background-position:-575px -325px;} .boxInfoArea .type02.bg52{background-position:-566px -493px;} .boxInfoArea .type02.bg53{background-position:-580px -670px;} .boxInfoArea .type02.bg54{width:150px;background-position:-560px -835px;} .boxInfoArea .type02.bg55{background-position:-770px -5px;} .boxInfoArea .type02.bg56{background-position:-776px -169px;} .boxInfoArea .type02.bg57{background-position:-760px -326px;} .boxInfoArea .type02.bg58{background-position:-774px -497px;} .boxInfoArea .type02.bg59{background-position:-780px -665px;} .boxInfoArea .type02.bg60{background-position:-780px -825px;} .boxInfoArea .type03{display:block;position:absolute;right:0;top:5px;width:200px;height:140px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_box_info_image03.png) no-repeat;} .boxInfoArea .type03.bg61{background-position:10px -10px;} .boxInfoArea .type03.bg62{background-position:10px -160px;top:10px;} .boxInfoArea .type03.bg63{background-position:10px -330px;} .boxInfoArea .type03.bg64{background-position:10px -490px;} .boxInfoArea .type03.bg65{background-position:10px -650px;} .boxInfoArea .type03.bg66{background-position:21px -805px;} .boxInfoArea .type03.bg67{background-position:-205px -5px;} .boxInfoArea .type03.bg68{background-position:-205px -160px;} .boxInfoArea .type03.bg69{background-position:-185px -320px;} .boxInfoArea .type03.bg70{background-position:-185px -485px;} .boxInfoArea .type03.bg71{background-position:-196px -632px;} .boxInfoArea .type03.bg72{background-position:-198px -802px;} .boxInfoArea .type03.bg73{background-position:-390px -5px;} .boxInfoArea .type03.bg74{background-position:-390px -156px;} .boxInfoArea .type03.bg75{background-position:-400px -322px;} .boxInfoArea .type03.bg76{background-position:-402px -490px;} .boxInfoArea .type03.bg77{background-position:-404px -631px;} .boxInfoArea .type03.bg78{background-position:-380px -802px;} .boxInfoArea .type03.bg79{background-position:-580px -5px;} .boxInfoArea .type03.bg80{background-position:-601px -149px;} .boxInfoArea .type03.bg81{background-position:-580px -322px;} .boxInfoArea .type03.bg82{background-position:-610px -490px;top:25px;width:180px;} .boxInfoArea .type03.bg83{background-position:-595px -648px;} .boxInfoArea .type03.bg84{background-position:-603px -804px;} .boxInfoArea .type03.bg85{background-position:-787px -3px;} .boxInfoArea .type03.bg86{background-position:-787px -149px;} .boxInfoArea .type03.bg87{background-position:-794px -323px;} .boxInfoArea .type03.bg88{background-position:-805px -490px;top:25px;width:180px;} .boxInfoArea .type03.bg89{background-position:-794px -638px;} .boxInfoArea .type03.bg90{background-position:-794px -804px;} .boxInfoArea .type04{display:block;position:absolute;right:0;top:5px;width:200px;height:140px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_box_info_image04.png) no-repeat;} .boxInfoArea .type04.bg91{background-position:5px 2px;} .boxInfoArea .type04.bg92{background-position:10px -160px;} .boxInfoArea .type04.bg93{background-position:10px -330px;} .boxInfoArea .type04.bg94{background-position:10px -495px;} .boxInfoArea .type04.bg95{background-position:6px -666px;} .boxInfoArea .type04.bg96{background-position:6px -837px;} .boxInfoArea .type04.bg97{background-position:-187px -3px;} .boxInfoArea .type04.bg98{background-position:-192px -160px;} .boxInfoArea .type04.bg99{background-position:-192px -322px;} .boxInfoArea .type04.bg100{background-position:-196px -492px;} .boxInfoArea .type04.bg101{background-position:-196px -665px;} .boxInfoArea .type04.bg102{background-position:-188px -838px;margin-right:20px;} .boxInfoArea .type04.bg103{background-position:-381px -9px;} .boxInfoArea .type04.bg104{background-position:-377px -168px;} .boxInfoArea .type04.bg105{background-position:-360px -335px;} .boxInfoArea .type04.bg106{background-position:-380px -490px;} .boxInfoArea .type04.bg107{background-position:-380px -630px;} .boxInfoArea .type04.bg108{background-position:-370px -830px;} .boxInfoArea .type04.bg109{background-position:-560px -3px;} .boxInfoArea .type04.bg110{background-position:-561px -174px;} .boxInfoArea .type04.bg111{background-position:-530px -333px;} .boxInfoArea .type04.bg112{background-position:-536px -498px;} .boxInfoArea .type04.bg113{background-position:-551px -659px;} .boxInfoArea .type04.bg114{background-position:-603px -840px;} .boxInfoArea .typeMpremier{display:block;position:absolute;right:10px;top:5px;width:200px;height:115px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_box_info_mm_premier.png) no-repeat;} .boxInfoArea .typeMpremier.bg01{background-position:0 0;right:20px;width:160px;} .boxInfoArea .typeMpremier.bg02{background-position:0 -160px;} .boxInfoArea .typeMfolio{display:block;position:absolute;right:0;top:10px;width:180px;height:130px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_box_info_mfolio.png) no-repeat;} .boxInfoArea .typeMfolio.bg01{background-position:0 -10px;} .boxInfoArea .typeMission{display:block;position:absolute;right:0;top:10px;width:180px;height:130px;background:url(https://image.shinhan.com/rib2017/images/bg/bg_box_info_mp.png) no-repeat;} .boxInfoArea .typeMission.bg01{background-position:0 0;} .boxInfoArea .typeMission.bg02{background-position:0 -140px;} .boxInfoArea .typeMission.bg03{background-position:0 -280px;} .boxInfoArea .typeMission.bg04{background-position:0 -420px;} /* 정보안내 */ .noteBox:after{content:"";display:block;clear:both;} .noteBox > div{float:left;} .noteBox .left{position:relative;} .noteBox .left:before{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;background-color:#dcdcdc;} .noteBox .left ul{margin-top:-14px;} .noteBox .left li{float:left;position:relative;width:50%;padding-left:13px;margin-top:14px;font-size:15px;box-sizing:border-box;} .noteBox .left li:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#3579d4;} .noteBox .left li em{float:left;color:#424d89;} .noteBox .left li em span{color:#424d89;} .noteBox .left li span{color:#343434;vertical-align:top;} .noteBox .left li p{color:#343434;} .noteBox .left li a{position:relative;} .noteBox .left li .btnPlus{margin-left:9px;vertical-align:top;} .noteBox .right .info{display:table;width:100%;font-size:15px;} .noteBox .right .info .con{display:table-cell;padding-left:50px;vertical-align:middle;} .noteBox .right .info em{position:relative;color:#424d89;} .noteBox .right .info strong{display:block;margin-top:14px;color:#343434;} .noteBox .right .btn a{margin-right:8px;} .noteBox .right .btn a:before, .noteBox .right .btn a:after{width:13px;} .noteBox.type01 .left{width:575px;} .noteBox.type01 .left li em{width:102px;} .noteBox.type02{margin-bottom:-7px;} .noteBox.type02 .left{width:630px;} .noteBox.type02 .left:before{top:-4px;} .noteBox.type02 .left li{width:inherit;margin-right:30px;} .noteBox.type02 .left li em{margin-right:20px;} .noteBox.type02 .left li em, .noteBox.type02 .left li span{width:inherit;} .noteBox.type02 .left li a{top:-4px !important;} .noteBox.type02 .right .info .con{padding-left:20px;} .noteBox.type02 .right .info .con strong{margin:0;} .noteBox.type03{margin-bottom:-7px;} .noteBox.type03 .left:before{display:none;} .noteBox.type03 .left ul{overflow:hidden;} .noteBox.type03 .left li{width:33.33333333333333%;} .noteBox.type03 .left li:after{content:"";position:absolute;left:-45px;top:-4px;width:1px;height:100%;background-color:#dcdcdc;} .noteBox.type03 .left li.last{width:100%;padding-top:2px;} .noteBox.type03 .left li em{margin-right:20px;} .noteBox.type03 .left li.last em{margin-right:32px;} .noteBox.type03 .left li span{font-size:13px;color:#666;} .noteBox.type03 .left li a{top:-4px !important;} .noteBox.type04 .left{float:none;} .noteBox.type04 .left li{width:33.33333333333333%;line-height:30px;} .noteBox.type04 .left li:before{top:13px;} .noteBox.type04 .left li:after{content:"";background:none;} .noteBox.type04 .left li > em{margin-right:25px;} .noteBox.type05 .left{width:100%;} .noteBox.type05 .left:before{display:none;} .noteBox.type05 .left li{width:29%;} .noteBox.type05 .left li em{width:102px;} .noteBox.type05 .left li.etc{width:42%;} .noteBox.type05 .left li.etc em{width:132px;} .noteBox.type05 .left li.etc .btnTyGray01{float:right;top:-2px;} .noteBox .info .topsMoreBtn{display:inline-block;margin:-2px 0 0 8px;width:16px;height:16px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -794px -8px;text-indent:-9999px;} .boxTyBlue .noteBox ul > li .btnTyGray01.small + .btnTyGray01.small, .boxTyGray04 .noteBox{padding-bottom:4px;} .boxTyGray04 .noteBox ul > li .btnTyGray01.small + .btnTyGray01.small{margin-left:5px;} .boxTyGray04 .noteBox .left li:before{background-color:#343434;} .boxTyGray04 .noteBox .left li em{color:#343434;} /* 게시판타입 */ .noticeView{border-bottom:1px solid #b7bbd1;padding-bottom:50px;} .noticeView .w2tb{border-top:2px solid #c2d6ef;border-bottom:1px solid #a8acc2;} .w2tb.tableTyBoard{border-top:2px solid #3579d4;border-bottom:1px solid #dcdcdc;border-right:1px hidden #fff;border-left:1px hidden #fff;margin-top:60px;color:#343434;} .w2tb.tableTyBoard tbody .w2tb_th, .w2tb.tableTyBoard tbody .w2tb_td{height:20px;padding:15px 20px 13px;border:solid #dcdcdc;border-width:1px 0 0 1px;text-align:left;} .w2tb.tableTyBoard tbody .w2tb_th{background-color:#f9f9f9;color:#424d89;} .w2tb.tableTyBoard tbody .w2tb_td{line-height:20px;} .w2tb.tableTyBoard.bdone{border-top:1px solid #dcdcdc;} .w2tb.tableTyBoard.bdone .w2tb_td{color:#777;} .w2tb.tableTyBoard .w2anchor2{color:#343434;} .noticeDetail{padding:28px 26px;} .smBox{padding:50px 0;text-align:center;} /* 오늘 본 상품 & 나의관심상품 */ .txtAlignWrap{margin-top:10px;} .txtAlignWrap:after{content:"";display:block;clear:both;} .txtAlignWrap .left{float:left;} .txtAlignWrap .right{float:right;} .txtAlignWrap .right span + .colorTyGray01{font-weight:bold;} .txtAlignWrap .textDash{margin-top:0;} /* 오늘 본 상품 */ .goodsListWrap{position:fixed;bottom:0;left:0;right:0;z-index:45;width:935px;margin:0 auto;padding-right:45px;background-color:#fff;vertical-align:top;} .goodsListWrap:after{content:"";display:block;clear:both;} .goodsListWrap .btnGoodsListCtrl{position:absolute;top:-22px;left:50%;width:44px;height:22px;margin-left:-22px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -439px -54px;font-size:0;line-height:0;} .goodsListWrap .btnGoodsListCtrl.on{background-position:-486px -54px;} .goodsListWrap .btnCompareBox{position:absolute;top:0;right:0;width:42px;height:42px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -412px -79px;font-size:0;line-height:0;} .goodsListWrap .goodsListArea{float:left;width:52.5%;border-left:1px solid #aaa;border-top:2px solid #d99103;background-color:#fff;box-sizing:border-box;} .goodsListWrap .goodsListArea + .goodsListArea{width:47.5%;border-right:1px solid #aaa;border-left:none;} .goodsListWrap .goodsListArea + .goodsListArea .goodsTitWrap, .goodsListWrap .goodsListArea + .goodsListArea .goodsList{border-left:1px solid #dcdcdc;} .goodsListArea{position:relative;} .goodsListArea .goodsTitWrap{padding:12px 20px 11px;background:#f9f9f9;} .goodsListArea .goodsTitWrap .goodsTit{color:#343434;} .goodsListArea .goodsTitWrap .goodsTit .icoToday, .goodsListArea .goodsTitWrap .goodsTit .icoMyGoods{display:inline-block;width:15px;height:15px;margin-right:10px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -515px -38px;vertical-align:top;} .goodsListArea .goodsTitWrap .goodsTit .icoMyGoods{background-position:-495px -38px;} .goodsListArea .goodsTitWrap .goodsTit .count{display:inline-block;margin-left:5px;padding:2px 7px 1px;border-radius:10px;background:#768392;font-size:12px;color:#fff;line-height:1;text-align:center;vertical-align:top;} .goodsListArea .btnMore{position:absolute;top:10px;right:17px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -946px -30px;} .goodsListArea .btnPrev, .goodsListArea .btnNext{overflow:hidden;position:absolute;top:50px;right:4px;width:20px;height:20px;text-indent:-5000em;} .goodsListArea .btnNext{top:118px;} .goodsListArea .btnPrev:before, .goodsListArea .btnNext:before{content:"";position:absolute;top:5px;left:3px;width:12px;height:6px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat 0 0;} .goodsListArea .btnPrev:before{background-position:-539px -54px;} .goodsListArea .btnNext:before{background-position:-553px -54px;} .goodsListArea .moveCtrl a[disabled]{border:none !important;background-color:#fff !important;} .goodsListArea .moveCtrl a[disabled].btnPrev:before{background-position:-539px -63px;} .goodsListArea .moveCtrl a[disabled].btnNext:before{background-position:-553px -63px;} .goodsListArea .goodsList{overflow:hidden;height:74px;padding:13px 30px 12px 20px;} .goodsListArea .goodsList > ul{overflow:hidden;height:74px;} .goodsListArea .goodsList li{margin-top:7px;} .goodsListArea .goodsList li:first-child{margin-top:0;} .goodsListArea .goodsList li > span{margin-right:10px;} .goodsListArea .goodsList .tit{display:inline-block;overflow:hidden;max-width:350px;text-overflow:ellipsis;white-space:nowrap;} .goodsListArea .goodsList .btnCompare{display:inline-block;width:11px;height:12px;margin-left:4px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -458px -79px;font-size:0;line-height:0;} .goodsListArea .goodsList .loginGrp{position:absolute;left:0;top:75px;width:100%;text-align:center;} .goodsListArea .goodsList .loginGrp p{margin-bottom:10px;font-size:13px;color:#666;} .goodsListArea .goodsList .noData{position:absolute;left:0;top:85px;width:100%;font-size:13px;color:#666;text-align:center;} /* 나의관심 상품 팝업 */ .popGoodsWrap .titH03{margin-top:0;color:#3579d4;} .popGoodsWrap .funcBox{margin-top:20px;} .popGoodsWrap .funcBox .titH03{margin-top:8px;} .bestGoodsWrap{margin-top:7px;border:1px solid #b7bbd1;} .bestGoodsWrap > ul{display:table;width:100%;} .bestGoodsWrap > ul > li{display:table-cell;padding:15px;border-left:1px solid #b7bbd1;} .bestGoodsWrap > ul > li:first-child{border-left:0;} .bestGoodsWrap .tit{display:block;overflow:hidden;width:200px;height:34px;margin-top:10px;color:#343434;line-height:17px;} .bestGoodsWrap .txtWrap{margin-top:10px;} .bestGoodsWrap .txtWrap .interestTxt, .bestGoodsWrap .txtWrap .fontTy24, .bestGoodsWrap .txtWrap .fontTy16{color:#343434;} .bestGoodsWrap .txtWrap .interestTxt, .bestGoodsWrap .txtWrap .interestMonth{font-size:12px;} .myGoodsListWrap{border:1px solid #ccc;border-top:none;} .myGoodsListWrap .tableTyGrid{border-top:1px solid #ccc;} .myGoodsListWrap .tableTyGrid, .myGoodsListWrap .tableTyGrid thead .w2tb_th{border:none;} .myGoodsListWrap > ul > li{display:table;width:100%;padding:15px 0;border-top:1px solid #ccc;} .myGoodsListWrap > ul > li:first-child{border-top:0;} .myGoodsListWrap > ul > li > div{display:table-cell;vertical-align:middle;} .myGoodsListWrap .checkWrap{width:5%;text-align:center;} .myGoodsListWrap .txtWrap .goodsInfoArea:after{content:"";display:block;clear:both;} .myGoodsListWrap .txtWrap .goodsInfoArea > span{margin-right:9px;float:left;} .myGoodsListWrap .txtWrap .goodsInfoArea .icoBoxTySkyBlue, .myGoodsListWrap .txtWrap .goodsInfoArea .infoList{float:left;} .myGoodsListWrap .txtWrap .goodsInfoArea .infoList, .bestGoodsWrap > ul > li > .goodsInfoArea .infoList{overflow:hidden;margin:0;} .bestGoodsWrap > ul > li > .goodsInfoArea .infoList{margin-bottom:-2px;} .myGoodsListWrap .txtWrap .goodsInfoArea .infoList li, .bestGoodsWrap > ul > li > .goodsInfoArea .infoList li{float:left;margin-right:7px;padding-left:8px;background:url(https://image.shinhan.com/rib2017/images/ico/ico_gsm_line.gif) no-repeat 0 6px;font-size:13px;line-height:22px;color:#888;} .myGoodsListWrap .txtWrap .goodsInfoArea .infoList li.bgNone, .bestGoodsWrap > ul > li > .goodsInfoArea .infoList li.bgNone, .myGoodsListWrap .txtWrap .goodsInfoArea .infoList li:first-child, .bestGoodsWrap > ul > li > .goodsInfoArea .infoList li:first-child{margin-left:0;padding-left:0;background:none;} .myGoodsListWrap .txtWrap > a{display:inline-block;margin-top:7px;color:#343434;} .myGoodsListWrap .btnWrap > a{margin-left:5px;} .popGoodsWrap .noData{position:relative;height:190px;padding-top:45px;text-align:center;} .popGoodsWrap .noData .noTxt{position:relative;margin-bottom:15px;padding-top:70px;font-size:16px;color:#3579d4;line-height:1;} .popGoodsWrap .noData p{line-height:1.6;} .popGoodsWrap .noData .noTxt:before{content:"";position:absolute;top:0;left:50%;z-index:21;margin-left:-25px;width:50px;height:50px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -143px;} .popGoodsWrap .noData .txtAlignWrap{position:absolute;left:0;bottom:0;width:100%;padding-top:7px;border-top:1px solid #dcdcdc;} .icoBoxTyRed{border-color:#d86532;color:#d86532;} .ftxtOrg{font-size:13px;color:#d88e32;} .txtOflow .tit{display:inline-block;text-overflow:ellipsis;max-width:100%;white-space:nowrap;} /* 상품 비교함 팝업 */ .goodsCompareList{border:1px solid #b7bbd1;} .goodsCompareList > ul{display:table;width:100%;} .goodsCompareList > ul > li{display:table-cell;width:33.33333333333333%;padding:22px 14px;border-left:1px solid #b7bbd1;} .goodsCompareList > ul > li:first-child{border-left:none;} .goodsCompareList > ul > li .tit{display:inline-block;overflow:hidden;width:230px;text-overflow:ellipsis;white-space:nowrap;} .goodsCompareList > ul > li .btnDel{display:inline-block;width:15px;height:15px;margin-left:5px;background:url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat -458px -94px;font-size:0;line-height:0;vertical-align:top;} /* 상품안내 start */ .productHeaderBox{background:#fbfdff;padding:28px 28px 7px;border:2px solid #80bfde;box-sizing:border-box;} .productHeaderBox .descBox{padding:5px 0 0 0;} .productHeaderBox .descBox:after{content:"";display:block;clear:both;} .productHeaderBox .descBox .leftSide{float:left;width:550px;} .productHeaderBox .descBox .leftSide .icoList > span{margin-right:5px;} .productHeaderBox .descBox .leftSide ul:after{content:"";display:block;clear:both;} .productHeaderBox .descBox .leftSide ul li{position:relative;float:left;padding-left:8px;margin-left:7px;font-size:13px;color:#888;} .productHeaderBox .descBox .leftSide ul li:before{content:"";display:block;position:absolute;top:3px;left:0;width:1px;height:8px;margin-right:8px;background:#dcdcdc;} .productHeaderBox .descBox .leftSide ul li:first-child , .productHeaderBox .descBox .leftSide ul li.blNone{padding-left:0;margin-left:0;} .productHeaderBox .descBox .leftSide ul li:first-child:before , .productHeaderBox .descBox .leftSide ul li.blNone:before{display:none;} .productHeaderBox .descBox .leftSide ul:first-child li{font-size:13px;color:#888;} .productHeaderBox .descBox .leftSide ul.custTimg li{font-size:11px;} .productHeaderBox .descBox .leftSide ul.listDot li:before{display:none;} .productHeaderBox .descBox .leftSide h2{padding:12px 0;font-size:26px;color:#005ba3;} .productHeaderBox .descBox .leftSide h2.wwProd{width:600px;word-wrap:break-word;} .productHeaderBox .descBox .leftSide h2 + div{line-height:26px;font-size:15px;color:#555;} .productHeaderBox .descBox .leftSide .longDesc{padding-bottom:6px;font-size:15px;color:#555;line-height:22px;} .productHeaderBox .descBox .leftSide .blueDesc{padding-bottom:6px;font-size:15px;color:#3579d4;} .productHeaderBox .descBox .leftSide ul li, .productHeaderBox .descBox .leftSide ol li{padding:0 0 7px 7px;font-size:15px;color:#555;} .productHeaderBox .descBox .leftSide ol li{padding-left:0;} .productHeaderBox .descBox .leftSide ul > li > .textDash, .productHeaderBox .descBox .leftSide ul > li > ul > li, .productHeaderBox .descBox .leftSide ol > li > ul > li{font-size:14px;color:#666;} .productHeaderBox .descBox .leftSide p, .productHeaderBox .descBox .leftSide p.textNor{font-size:15px;color:#555;line-height:22px;} .productHeaderBox .descBox .leftSide ul li{text-indent:0;} .productHeaderBox .descBox .leftSide dl{padding:16px 0 21px;} .productHeaderBox .descBox .leftSide dl:after{content:"";display:block;clear:both;} .productHeaderBox .descBox .leftSide dl.dtW65 > dt{width:65px;} .productHeaderBox .descBox .leftSide dl.dtW100 > dt{width:100px;} .productHeaderBox .descBox .leftSide dl.dtW110 > dt{width:110px;} .productHeaderBox .descBox .leftSide dl dt, .productHeaderBox .descBox .leftSide dl dd{margin-top:10px;} .productHeaderBox .descBox .leftSide dl dt:first-child, .productHeaderBox .descBox .leftSide dl dt:first-child + dd{margin-top:0;} .productHeaderBox .descBox .leftSide dl dt{position:relative;clear:both;float:left;width:55px;padding-right:11px;margin-right:10px;color:#666;} .productHeaderBox .descBox .leftSide dl dt:after{content:"";display:block;position:absolute;top:3px;right:0;width:1px;height:8px;background:#dcdcdc;} .productHeaderBox .descBox .leftSide dl dd{overflow:hidden;color:#666;float:left;} .productHeaderBox .descBox .leftSide dl + ul li{font-size:12px;} .productHeaderBox .descBox .leftSide ul.listDot li{float:none;padding:0 0 7px 0px;margin:0;} .productHeaderBox .descBox .leftSide ul.listDot li:after{display:none;} .productHeaderBox .descBox .leftSide.w600{width:600px;} .productHeaderBox .descBox .leftSide.w600>pre{white-space:pre-line;} .productHeaderBox .descBox .leftSide.wHalf{width:50%;} .productHeaderBox .descBox .leftSide .inner ul.listTyDotR li{float:none;margin-left:0 !important;padding-left:0 !important;} .productHeaderBox .descBox .rightSide{float:right;padding-top:155px;margin-right:25px;margin-top:15px;text-align:center;background:url(https://image.shinhan.com/rib2017/images/bg/bg_product_header.png) no-repeat 34px 0;box-sizing:border-box;} .productHeaderBox .descBox .rightSide.bg01{width:143px;height:132px;padding-right:35px;background-position:-243px 0;} .productHeaderBox .descBox .rightSide.bg02{width:170px;background-position:7px 0;} .productHeaderBox .descBox .rightSide.stopSell{width:200px;padding:170px 0px 0 0;background-position:-476px 0;} .productHeaderBox .descBox .rightSide.stopSell p{font-size:15px;font-weight:bold;color:#2c8fce;} .productHeaderBox .descBox .rightSide.chart{margin:0;padding:10px 0 23px;background:none;} .productHeaderBox .descBox .rightSide.chartTyTit{width:242px;background:none;padding-top:0;margin-top:19px;} .productHeaderBox .descBox .rightSide.chartTyTit dl{margin-bottom:10px;} .productHeaderBox .descBox .rightSide.chartTyTit dl dt{font-size:16px;color:#d88e32;font-weight:bold;text-align:left;} .productHeaderBox .descBox .rightSide.chartTyTit dl dd{font-size:14px;color:#666;text-align:left;margin-top:5px;} .productHeaderBox .descBox .rightSide.chartTyTit .chartArea{width:100%;} .productHeaderBox .descBox .rightSide .interstRate{text-align:center;} .productHeaderBox .descBox .rightSide .interstRate > p{position:relative;display:inline-block;font-size:24px;color:#666;} .productHeaderBox .descBox .rightSide .interstRate > p:last-child{position:relative;top:-2px;font-size:15px;} .productHeaderBox .descBox .rightSide .interstRate > p span{padding:0 3px;font-size:24px;color:#d88e32;font-weight:bold;} .productHeaderBox .descBox .rightSide .interstRate > p span:first-child{position:absolute;display:block;top:-12px;left:0;font-size:14px;color:#666;font-weight:normal;} .productHeaderBox .descBox .rightSide .bottomInfo{font-size:13px;color:#888;padding-bottom:23px;} .productHeaderBox .descBox .rightSide .bottomInfo.btnGrp{display:table;width:100%;margin-bottom:10px;} .productHeaderBox .descBox .rightSide .bottomInfo.btnGrp .textLeft{display:table-cell;text-align:left;width:60%;} .productHeaderBox .descBox .rightSide .bottomInfo.btnGrp .btnRight{display:table-cell;text-align:right;width:40%;} .productHeaderBox .infoBox{margin:0 0 15px 0;padding:15px 15px 10px;background:#ecf4f8;} .productHeaderBox .infoBox ul.listTyDotR li{position:relative;margin-top:4px;padding-left:12px;line-height:20px;font-size:14px;font-size:13px;color:#888;} .productHeaderBox .infoBox ul.listTyDotR li:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#555;} .productHeaderBox .infoBox ul.listTyDotR li:first-child{margin-top:0;} .productHeaderBox .btnBox{display:inline-block;width:100%;padding-top:14px;border-top:1px solid #dce3ea;} .productHeaderBox .btnBox .link{float:left;} .productHeaderBox .btnBox .link:after{content:"";display:block;clear:both;} .productHeaderBox .btnBox .link > li{float:left;margin-right:15px;} .productHeaderBox .btnBox .link > li a[class*="ico"]{position:relative;display:block;height:15px;margin:0;background:url(https://image.shinhan.com/rib2017/images/ico/product_icons.gif) no-repeat;font-size:0;} .productHeaderBox .btnBox .link > li a.icoLike{width:17px;background-position:0 0;} .productHeaderBox .btnBox .link > li a.icoLike.on{background-position:0 -20px;} .productHeaderBox .btnBox .link > li a.icoComp{width:16px;background-position:-27px 0;} .productHeaderBox .btnBox .link > li a.icoShare{width:14px;background-position:-53px 0;} .productHeaderBox .btnBox .link > li .tooltipBox{margin:0;} .productHeaderBox .btnBox .btn{float:right;} .productHeaderBox .btnBox .btn a{margin-left:5px;} /* 상품안내 HTML */ .sec{font-size:15px;} .productHeaderBox font, .sec font{color:#666 !important;} .sec .dNo{display:none;} .sec .dNo.person{display:block;} .sec .boxTyGray{margin-top:0;} .sec .guideTxts{line-height:1.6;} .sec .guideTxts+dl{margin-top:32px;} .sec table table th, .sec table table td{border:0;border-width:0;text-align:left;height:0;padding:0;line-height:160%;} .sec td a + a{margin-left:3px;} .sec tbody th{background-color:#f9f9f9;color:#424d89;font-weight:normal;} .sec tbody td.bgBlue{background-color:#f6faff;} .sec tbody td.aL .btnTyGray01.small{margin-right:3px;} .sec th.vat{vertical-align:top;} .sec table.tableTydefault, .sec table.tableTyMulti, .sec .tableTydefault > table, .sec .tableTyMulti > table{border-bottom:1px solid #b7bbd1;border-right:0 hidden #fff;border-left:0 hidden #fff;} .sec div.tableTyInfo{border-bottom:0;} .sec div.tableTyInfo:first-child, .sec div.tableTyInfo:first-child > table{margin-top:0;} .sec div.tableTyInfo + .starTxt{margin-top:10px;} .sec table.tableTyInfo thead tr:first-child th{border-top:0;} .sec table.tableTydefault.ac th, .sec .tableTydefault.ac td{text-align:center;} .sec table.tableTydefault.ar td{text-align:right;} .sec dd strong.titArrow{display:block;position:relative;padding-left:10px;font-weight:normal;font-size:16px;color:#555;margin:20px 0 5px 0;} /* .sec dd strong.titArrow:before{content:"";position:absolute;left:0;top:2px;width:3px;height:14px;background-color:#3579d4;} */ .sec dd strong.titArrow:first-child{margin-top:0;} .sec dd p.w2titbox{display:block;position:relative;padding-left:10px;font-weight:normal;font-size:16px;color:#555;margin:20px 0 5px 0;} .sec dd p.w2titbox:before{content:"";position:absolute;left:0;top:2px;width:3px;height:14px;background-color:#3579d4;} .sec dd p.w2titbox:first-child{margin-top:0;} .sec .listTyDefine{padding-botom:0;} .sec .anw .listTyDefine:first-child dt:first-child{margin-top:0;} .sec .listTyDefine dd{margin-top:20px;} .sec .listTyDefine dd > ul:first-child{margin-top:0;} .sec .listTyDefine dd > ul:first-child li:first-child{padding-top:0;} .sec .listTyDefine dd > ul ul{padding-bottom:0;} .sec .listTyDefine dd > p{ font-size:14px;color:#666;line-height:22px;} .sec .listTyDefine dd > .w2infobox{margin-top:20px !important;} .sec .listTyDefine dd > .w2infobox .inner > dl > dt:first-child{margin-top:0;} .sec .w2list > li{position:relative;padding-left:10px;font-size:14px;line-height:22px;color:#343434;margin-top:5px;} .sec .w2list > li:before{content:"";position:absolute;left:2px;top:8px;width:3px;height:3px;background-color:#555;} .sec .w2list > li:first-child{margin-top:0;} .sec .cynum > li{position:relative;padding-left:18px;} .sec .cynum > li:before{position:absolute;left:0;top:0;background:0;} .sec .cynum > li:nth-child(1):before{content:"①";} .sec .cynum > li:nth-child(2):before{content:"②";} .sec .cynum > li:nth-child(3):before{content:"③";} .sec .cynum > li:nth-child(4):before{content:"④";} .sec .cynum > li:nth-child(5):before{content:"⑤";} .sec .cynum > li:nth-child(6):before{content:"⑥";} .sec .cynum > li:nth-child(7):before{content:"⑦";} .sec .cynum > li:nth-child(8):before{content:"⑧";} .sec .cynum > li:nth-child(9):before{content:"⑨";} .sec .cynum > li:nth-child(10):before{content:"⑩";} .sec .bu > li{position:relative;padding-left:10px;margin:0 0 0 0;font-size:14px;line-height:22px;color:#666;text-indent:0;} .sec .bu > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#555;} .sec .listTyDotR > li{position:relative;padding-left:10px;font-size:14px;line-height:22px;color:#343434;margin-top:5px;} .sec .listTyDotR > li:before{content:"";position:absolute;left:2px;top:8px;width:3px;height:3px;background-color:#555;} .sec .listTyDotR > li:first-child{margin-top:0;} .sec li .listTyDotR > li{color:#666;} .sec .listTyDash > li{position:relative;padding-left:10px;margin:0 0 0 0;font-size:14px;line-height:22px;color:#666;text-indent:0;} .sec .listTyDash > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#555;} .sec .listTyDash > li .b + ul{margin-top:0;padding-bottom:10px;} .sec .listTyDash > li .b + p{text-indent:0;} .sec .listTyCircle > li{padding:0 0 5px 18px;color:#666;font-size:14px;text-indent:-18px;} .sec .listTyCircle > li > p, .sec .listTyCircle > li > ul{padding-left:0;text-indent:0;} .sec .listTyCircle:first-child{padding-bottom:0;} .sec .listTyMarkNum > li{padding:8px 0 0 19px;text-indent:-19px;} .sec .listTyNumber{padding-left:20px;list-style-type:decimal;} .sec .listTyNumber > li{padding:8px 0 0 0;} .sec .listTyDecimal > li{padding-left:16px;text-indent:-16px;} .sec .listTyDecimal > li.over{padding-left:24px;text-indent:-24px;} /* 10이상 숫자 */ .sec .listTyDecimal > li.dash{padding-left:28px;text-indent:-28px;} /* 3-1. 등 중간 - */ .sec .listTyDecimal > li.over.dash{padding-left:36px;text-indent:-36px;} .sec .listTyDecimal > li > p, .listTyDecimal > li > ul, .listTyDecimal > li > div{padding-left:0;text-indent:0;} .sec .listTyHangul li{padding:8px 0 0 19px;text-indent:-19px;} .sec .starTxt{padding:0 0 0 10px;text-indent:-10px;} .sec > .starTxt, .sec+.tableTyBoard.sec > .starTxt:first-child{margin-left:17.5%;} .sec .warningTxt{margin-top:0;padding:0 0 0 15px;text-indent:-15px;} .sec .starTxt:before, .sec .warningTxt:before{display:none!important;} .sec .orderedListBox{padding:0 0 10px 0;} .sec .orderedListBox > li{position:relative;padding:0 0 5px 25px;} .sec .orderedListBox > li:before{content:"";position:absolute;top:10px;left:9px;z-index:3;width:10px;height:12px;margin:-6px 0 0 -5px;background:#70acfd;} .sec .orderedListBox > li:after{content:"";position:absolute;top:10px;left:9px;z-index:2;width:18px;height:18px;margin:-9px 0 0 -9px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -266px;} .sec .orderedListBox em{position:absolute;top:1px;left:0;z-index:10;width:18px;height:18px;text-align:center;color:#fff;line-height:20px;} .sec .orderedListBox p{font-size:14px;line-height:22px;color:#666;} .sec .orderedListBox strong{display:block;color:#343434;} .sec .colorTyblue{color:#3579d4!important;} .sec .colorTyOrg{color:#ff5932!important;} .sec .warningBox{position:relative;font-size:16px;padding-left:25px;color:#343434;} .sec .warningBox:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -10px -10px;} .sec .btnWrapBot{text-align:center;} .sec .btnWrapBot >*{margin:0 3px;} .sec .btnTyBlue01, .sec .btnTyBlue02, .sec .btnTyGray01, .sec .btnTyGray02, .sec .btnTyOrg01, .sec .btnTyOrg02{display:inline-block;padding:0 10px;border:1px solid #3579d4;background-color:#3579d4;color:#fff;min-width:80px;height:40px;border-radius:4px;font-size:15px;line-height:40px;} .sec .btnTyBlue02{border:1px solid #6facfd;background:#6facfd;} .sec .btnTyGray01{border:1px solid #ccc;background:#fff;} .sec .btnTyGray02{border:1px solid #8d9caf;background:#8d9caf;} .sec .btnTyOrg01{padding:0 5px;height:26px;border-radius:4px;font-size:13px;line-height:26px;border:1px solid #d99103;background:#d99103;} .sec .btnTyOrg02{padding:0 5px;height:26px;border-radius:4px;font-size:13px;line-height:26px;border:1px solid #d96d03;background:#d96d03;} .sec .boxTyGray{padding:18px 20px;margin-bottom:20px;background:#f5f5f5;border:1px solid #ccc;} .sec .boxTyWhite{padding:18px 20px;border:1px solid #ccc;} .sec .boxTyBlue{padding:18px 20px;background:#e9f2fd;border:1px solid #b7bbd1;} .sec .boxTyBgsky{padding:18px 20px;background:#f6faff;border:1px solid #b7bbd1;} .sec .w2infobox{padding:18px 20px;border:1px solid #dcdcdc;} .sec .w2infobox dt{width:auto;font-size:15px;color:#343434;} .sec .w2infobox dd{width:auto;padding-bottom:0;font-size:14px;line-height:22px;color:#666;} .sec .w2infobox .inner dd{margin-top:10px;} .sec .w2infobox .inner > dl > dt.b:first-child{margin:0 0 -5px} .sec .w2infobox strong.titArrow + ul.listTyDotR li{margin:0;} .sec .w2infobox strong.titArrow + ul.listTyDotR .listTyCircle{padding-bottom:0;} .sec .w2infobox strong.titArrow + ul.listTyDotR .listTyCircle li{padding-top:0;} .sec .w2infobox ul.listTyDasy > li{padding-left:0;} .sec .w2infobox ul.listTyDasy > li:before{display:none} .sec td img{width:auto!important;max-width:100%;} .sec .goodsInfoList2, .sec dl{display:table;width:100%;text-align:left;} .sec .goodsInfoList2 dt, .sec .goodsInfoList2 dd, .sec dt, .sec dd{display:inline-table;line-height:22px;} .sec .goodsInfoList2 dt, .sec dt{width:17.5%;vertical-align:middle;color:#343434;margin-top:20px;font-size:16px;} .sec .goodsInfoList2 dd, .sec dd{width:80%;margin-bottom:0;vertical-align:top;margin-top:20px;font-size:14px;} .sec dd pre{display:inline-table;line-height:22px;width:100%;white-space:pre-wrap;} .sec dd textarea{border:0;} .sec dd ul:first-child{margin-top:0 !important;} .sec dd ul.listTyDotR + p.ml10{padding-left:10px;position:relative;font-size:14px;} .sec dd ul.listTyDotR + p.ml10:before{content:'';display:block;width:4px;height:1px;background-color:#666;position:absolute;top:8px;left:0;} .sec .ppoint{padding-left:10px;position:relative;font-size:14px;} .sec .ppoint:before{content:"*";position:absolute;left:0;top:0;} .sec table.tableType01{border-top:2px solid #3579d4;margin-top:10px;} .sec table.tableType01, .sec table.tableTyGrid{border-bottom:1px solid #b7bbd1;border-right:0 hidden #fff;border-left:0 hidden #fff;} .sec table.tableType01 th, .sec table.tableTyGrid thead th, .sec table.tableTyGrid thead td{border:solid #dcdcdc;border-width:1px 0 0 1px;} .sec table.tableType01 thead th, .sec table.tableTyGrid thead th{height:50px;padding:0;background-color:#f9f9f9;font-size:15px;color:#424d89;} .sec table.tableType01 tbody th, .sec table.tableType01 tbody td, .sec table.tableTyGrid tbody th, .sec table.tableTyGrid tbody td{border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;height:20px;padding:15px 13px;line-height:22px;} .sec table.tableType01 tbody th, .sec table.tableTyGrid tbody th{border-right:1px solid #dcdcdc;background-color:#f9f9f9;} .sec table.tableTyGrid tfoot th, .sec table.tableTyGrid tfoot td, .sec table.tableTyGrid .fakeTfoot th, .sec table.tableTyGrid .fakeTfoot td{height:30px;padding:15px 13px;border:solid #dcdcdc;border-width:1px 0 0;border-bottom:1px solid #b7bbd1;background-color:#f9f9f9;font-weight:bold;color:#343434;} .sec table.tableTyGrid tfoot th, .sec table.tableTyGrid .fakeTfoot th{font-size:15px;color:#555;text-align:left;} .sec table.tableTyGrid tfoot td, .sec table.tableTyGrid .fakeTfoot td{font-size:20px;color:#424d89;} .sec table.tableTyGrid tfoot td em + span, .sec table.tableTyGrid .fakeTfoot td em + span{margin-left:4px;} .sec .tableType01 td{text-align:left;} .sec table .tal, .sec table .gl{text-align:left;} .sec table .tac, .sec table .gc{text-align:center;} .sec table .tar, .sec table .gr{text-align:right;} .sec .noticeBox3_wp h2 img{display:none;} .sec .noticeBox3_wp h2:after{content:"NOTICE";} .sec .noticeBox3_wp ul{margin:0 6px;padding:18px 14px 0;} .sec .noticeBox3_wp h2:before{content:"";position:absolute;left:0;top:3px;display:block;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;} .sec .noticeBox3 ul li img{display:none;} .sec .noticeBox3 ul li span{display:block;margin:0!important;} .sec .noticeBox3 ul li span:first-child{margin-bottom:5px} .sec .noticeBox3, .sec .boxTyGray{margin-top:40px;padding:18px 20px;border:1px solid #b7bbd1;} .sec .detailPop .boxTyGray{margin-top:20px !important;} .sec .noticeBox3_wp h2, .sec .boxTyGray > dl > dt{position:relative;padding:0 0 14px 29px;border-bottom:1px solid #dcdcdc;font-size:17px;font-weight:bold;line-height:28px;color:#666;} .sec .boxTyGray > dl > dt:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;} .sec .boxTyGray > dl > dd{margin:0 6px;padding:18px 14px 0;} .sec .boxTyGray > dl > dd a{text-decoration:underline;} .sec .noticeBox3 ul li, .sec .boxTyGray > dl > dd > ul > li, .sec .boxTyGray > ul > li{position:relative;margin-top:8px;padding:0 10px;line-height:20px;} .sec .noticeBox3 ul li:before, .sec .boxTyGray > dl > dd > ul > li:before, .sec .boxTyGray > ul > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#666;} .sec .noticeBox3 ul li:first-child, .sec .boxTyGray > dl > dd > ul > li:first-child, .sec .boxTyGray > ul > li:first-child{margin-top:0;} .sec .boxTyGray > dl > dd > ul > li a, .sec .boxTyGray > ul > li a{vertical-align:inherit;} .sec .boxTyGray > dl > dd > ul > li em, .sec .boxTyGray > dl > dd > ul > li em > a, .sec .boxTyGray > ul > li em{color:#3579d4;} .sec .boxTyGray > dl > dd > ul > li ul, .sec .boxTyGray > ul > li ul{margin:5px 2px -2px;} .sec .boxTyGray > dl > dd > ul > li > li, .sec .boxTyGray > ul > li li{position:relative;margin-top:3px;padding-left:9px;line-height:24px;} .sec .boxTyGray > dl > dd > ul > li > li:before, .sec .boxTyGray > ul > li li:before{content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#666;} .sec .boxTyGray table{margin:6px 0 15px;} .sec .boxTyGray > dl > dt > .w2textbox + a{margin-top:-25px;} .sec .boxTyGray p em{color:#4a6bca;} .sec .boxTyGray p em + a{margin-left:10px;} .sec .Full_txt > divLfirst-child{border:radius:0!important;padding:20px;margin:0!important;border:1px solid #ccc;} .sec .files>p+p{margin-top:5px;} .w2group.w2tabcontrol_contents_wrapper .sec:first-child{margin-top:0;} .sec .pdDetailBox .boxTyGray{background-color:#fff;} .sec .pdDetailBox .boxTyGray .boxTit{display:block;position:relative;margin:5px 20px 0;padding-left:10px;font-size:14px;font-weight:normal;line-height:22px;color:#666;} .sec .pdDetailBox .boxTyGray .boxTit:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#555;} .sec .pdDetailBox .boxTyGray .boxTit:first-child{position:relative;margin:0;padding:0 0 14px 29px;border-bottom:1px solid #dcdcdc;font-size:17px;font-weight:bold;line-height:28px;} .sec .pdDetailBox .boxTyGray .boxTit:first-child:before{content:"";top:3px;width:20px;height:20px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;} .sec .pdDetailBox .boxTyGray .listTyDotR{padding:3px 32px 0;} .sec .pdDetailBox .boxTyGray .boxTit:first-child + .listTyDotR{padding-top:17px;} .sec .pdDetailBox .boxTyGray .listTyDotR > li{position:relative;padding-left:10px;font-size:14px;line-height:22px;color:#666;} .sec .pdDetailBox .boxTyGray .listTyDotR > li:before{content:"";position:absolute;left:0;top:8px;width:2px;height:2px;background-color:#555;} /* 골드 실버용 */ .sec.gold dl>dt+dt+dd{display:block;width:100%;box-sizing:border-box;padding-left:18%;} .sec.gold dt+dt{display:block;width:100%;margin-bottom:-20px;padding-top:20px;} .sec .w2infobox dl,.sec .w2infobox dt,.sec .w2infobox dd{display:block;box-sizing:border-box;} .sec .w2infobox dd>ul>li{color:#666;} .sec .w2infobox dd>ul:first-child{padding-top:5px} .sec strong:first-child{margin-top:0;} .sec .tableTydefault{border-bottom:1px solid #b7bbd1;margin-top:10px;border-top:2px solid #3579d4;} .sec .tableTydefault thead th{height:50px;padding:0;border:solid #dcdcdc;border-width:0 0 1px 1px;background-color:#f9f9f9;font-size:15px;color:#424d89;} .sec .tableTydefault thead th:first-child{border-left:0;} .sec .tableTydefault thead tr:first-child .w2tb_th:first-child{border-left:none;} .sec .tableTydefault tbody th, .sec .tableTydefault tbody td{height:20px;padding:15px 13px;border-top:1px solid #ebebeb;} .sec .tableTydefault tbody th{border-right:1px solid #dcdcdc;background-color:#f9f9f9;} .sec .tableTydefault tr:first-child th, .sec .tableTydefault tr:first-child td{border-top:0;} .sec .tableTydefault + .listDash ul.listTyDotR li{position:relative;padding-left:10px;margin:5px 0;font-size:14px;color:#666666;} .sec .tableTydefault + .listDash ul.listTyDotR li:before{content:"";position:absolute;left:0;top:7px;width:4px;height:1px;background-color:#555555;} .sec + .boxTyGray{margin-top:25px;text-align:left;} .sec dd .w2titbox + *, .sec dd .w2titbox + * + *, .sec dd .w2titbox + * + * + *, .sec dd .w2titbox + * + * + * + *, .sec dd .w2titbox + * + * + * + * + *, .sec dd .titArrow + *, .sec dd .titArrow + * + *, .sec dd .titArrow + * + * + *, .sec dd .titArrow + * + * + * + *, .sec dd .titArrow + * + * + * + * + *{margin-left:11px;} .starTxt{padding-left:10px !important;text-indent:-9px !important;color:#3579d4;line-height:1.5;font-size:14px;} .boxTyGray.dtColor > dl > dd > ul > li > p{color:#343434;} /* prod radio */ .rightSide .radioGrp{width:250px;display:block;margin:13px 0 9px 0;box-sizing:border-box;} .rightSide .radioGrp .w2radio .w2radio_item label{width:61px;min-width:60px;height:26px;line-height:26px;color:#343434;margin:0 0 0 -7px;text-align:center;border-color:#cccccc;} .rightSide .radioGrp .w2radio .w2radio_item label:before, .rightSide .radioGrp .w2radio .w2radio_item label:after{width:4px;} .rightSide .radioGrp .w2radio .w2radio_item.on label, .rightSide .radioGrp .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label{border-color:#3579d4;background-color:#3579d4;color:#fff;} .rightSide .radioGrp .w2radio .w2radio_item > .checked{border-color:#3579d4;background-color:#3579d4;color:#fff;} /* IE8 */ /* circle 리스트 ex) ① */ .sec .listTyCircle{margin-top:5px;} .sec .listTyCircle > li:before, .sec ul.listTyDotR ul.listTyCircle > li:before{content:"";position:absolute;left:8px;top:7px;width:0;height:0;background-color:#555;} .sec .listTyCircle .listTyHangul > li{margin-top:0;} .sec .listTyCircle > li > strong.colorTyblue:last-child{display:block;padding-left:0;text-indent:0;} .sec p + ul.listTyCircle{margin-top:5px;} /* 테이블 우측 안내 */ .tableInfoR{margin-bottom:4px;font-size:13px;text-align:right;color:#777;} .sec .tableInfoR{margin:-22px 0 0 0 !important;} /* 가짜라디오 */ .fakeRadio{display:block;margin:13px 0 9px 0;} .fakeRadio:after{content:"";display:block;clear:both;} .fakeRadio li{min-width:61px;width:61px;float:left;margin-right:-1px;border:1px solid #ccc;border-bottom:1px solid #9b9b9b;border-left:0 none;} .fakeRadio li span{display:block;padding:0 9px;border-left:1px solid #f0f0f0;height:26px;line-height:26px;color:#343434;} .fakeRadio li a{display:block;padding:0 9px;border-left:1px solid #f0f0f0;height:26px;line-height:26px;color:#343434;} .fakeRadio li:first-child span, .fakeRadio li:first-child a{border-left:0 none;} .fakeRadio li.on{border:1px solid #3579d4;} .fakeRadio li.on span, .fakeRadio li.on a{background:#3579d4;color:#fff;border-left:1px solid #3579d4;} .fakeRadio li:first-child{border-left:1px solid #ccc;border-radius:3px 0 0 3px;} .fakeRadio li:last-child{border-right:1px solid #ccc;border-radius:0 3px 3px 0;} .productHeaderBox .chartTabBox{overflow:hidden;} .productHeaderBox .chartTabBox .fakeRadio{float:right;margin:0 0 13px;border-right:1px solid #ccc;border-radius:0 3px 0 3px;overflow:hidden;} .productHeaderBox .descBox .rightSide .chartTabBox .fakeRadio li{width:auto;min-width:62px;border-right:0} .productHeaderBox .descBox .rightSide .chartTabBox .fakeRadio li a{padding:0;} .tabletyinfo{clear:both;} .tabletyinfo table{margin-bottom:13px;border-top:2px solid #3579d4;border-bottom:1px solid #b7bbd1;} .tabletyinfo table th, .tabletyinfo table td{padding:10px 20px;border-top:1px solid #dcdcdc;text-align:left;color:#434343;font-weight:normal;} .tabletyinfo table tr th:first-child, .tabletyinfo table tr td:first-child{background:#f9f9f9;color:#424d89;} .tabletyinfo table thead tr:first-child th, .tabletyinfo table thead tr:first-child td{border-top:0 none;} .tabletyinfo.ac{overflow:hidden;} .tabletyinfo.ac > table{margin-left:-1px;} .tabletyinfo.ac thead th{padding:10px 20px;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;text-align:center;color:#434343;font-weight:normal;background:#f9f9f9;color:#424d89;} .tabletyinfo.ac tbody td{padding:10px 20px;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;text-align:center;color:#434343;font-weight:normal;background:#fff!important;color:#434343!important;} .tabProInfoArea .colorTyblue{padding-bottom:7px;font-size:15px;color:#3579d4;} /* 관련자료 박스 */ .relatedBoxWrap .insp{padding-bottom:8px;font-size:13px;color:#d99103;text-align:right;} .relatedBoxWrap .relatedBox{background:#fbfbfb;position:relative;padding:19px 14px 19px 192px;border:1px solid #dcdcdc;} .relatedBoxWrap .relatedBox dt{position:absolute;top:50%;left:19px;margin-top:-8px;font-size:16px;color:#343434;} .relatedBoxWrap .relatedBox dd:after{content:"";display:block;clear:both;} .relatedBoxWrap .relatedBox dd .btnList{float:left;} .relatedBoxWrap .relatedBox dd .btnList:after{content:"";display:block;clear:both;} .relatedBoxWrap .relatedBox dd .btnList li{float:left;margin-right:5px;} .relatedBoxWrap .relatedBox dd .getAdobe{float:right;width:128px;height:20px;padding-left:10px;border:1px solid #ccc;border-bottom:1px solid #a1a1a1;border-radius:1px;text-indent:-1000em;overflow:hidden;font-size:0;} /* 도움이필요하세요 */ .needHelp{padding-top:40px;} .needHelp dt{position:relative;margin-bottom:14px;padding-left:31px;font-size:16px;color:#3579d4;} .needHelp dt:after{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:19px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -318px -10px;} .needHelp dd{position:relative;margin-top:10px;padding-left:10px;} .needHelp dd:after{content:"";display:block;position:absolute;top:5px;left:0;width:2px;height:2px;background:#666;} /* 상품안내팝업 */ .detailPop .productHeaderBox{margin-bottom:30px;} .detailPop .productHeaderBox .descBox{border-bottom:0 none;} .detailPop .productHeaderBox .descBox .leftSide{width:auto;} .detailPop .productHeaderBox .descBox .leftSide .tabProInfoList{padding:16px 0 4px 0} .detailPop .tabProInfoArea .listTyDefine dd, .detailPop .tabProInfoArea .listTyDotR, .detailPop .tabProInfoArea .listTyCircle, .detailPop .tabProInfoArea .listTyDash, .detailPop .tabProInfoArea > div{max-width:710px;} /* 상품안내 end */ /* 스텝안내박스:박스 숫자 리스트 */ .boxOrderList{margin-right:-20px;} .boxOrderList > ol{display:table;width:100%;overflow:hidden;border-spacing:10px 0;margin-left:-10px;margin-right:-10px;} .boxOrderList > ol.item2 > li{width:50%;} .boxOrderList > ol.item3 > li{width:33.3%;} .boxOrderList > ol.item4 > li{width:25%;} .boxOrderList > ol > li{display:table-cell;position:relative;vertical-align:top;padding:24px 28px;box-sizing:border-box;border:1px solid #b7bbd1;} .boxOrderList > ol > li > em{display:block;font-size:45px;color:#555;text-indent:-9999px;width:24px;height:35px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat;} .boxOrderList > ol > li > em.num1{background-position:-165px -294px;} .boxOrderList > ol > li > em.num2{background-position:-194px -294px;} .boxOrderList > ol > li > em.num3{background-position:-223px -294px;} .boxOrderList > ol > li > em.num4{background-position:-252px -294px;} .boxOrderList > ol > li > em.num5{background-position:-281px -294px;} .boxOrderList > ol > li > em.num6{background-position:-310px -294px;} .boxOrderList > ol > li > em.num7{background-position:-339px -294px;} .boxOrderList > ol > li > em.num8{background-position:-368px -294px;} .boxOrderList > ol > li > strong{display:block;margin-top:18px;font-size:16px;font-weight:normal;line-height:22px;color:#3579d4;} .boxOrderList > ol.tit2H > li > strong{height:44px;}/*2줄 타이틀*/ .boxOrderList > ol.dsc2H > li > p.fontTy15{height:44px;}/*2줄 설명*/ .boxOrderList > ol.noLine .listDash{margin-top:8px;padding-top:0;border-top:0 none;} .boxOrderList p, .boxOrderList li{line-height:22px;} .boxOrderList > ol > li > strong + p, .boxOrderList > ol > li > strong + div, .boxOrderList > ol > li > strong + p.fontTy15 + p, .boxOrderList > ol > li > strong + p.fontTy15 + div{margin-top:15px;padding-top:17px;border-top:1px solid #ddd;} .boxOrderList > ol > li > strong + p.fontTy15{margin-top:10px;padding:0;border:0} .boxOrderList > ol > li.empty{border:0;} /* 테이블 스크롤 */ .scrollTbl{position:relative;overflow:hidden;width:980px;height:362px;border-bottom:1px solid #b7bbd1;} .scrollTbl thead{height:50px;} .scrollTbl tbody{position:absolute;left:0;overflow-y:auto;height:300px;width:100%;} .scrollTbl table td, .scrollTbl table th{table-layout:fixed;} .scrollTbl table th.w2tb_th{border-collapse:collapse;} .scrollTbl table td.col1{width:60px;} .scrollTbl table td.col2{width:60px;} .scrollTbl table td.col3{width:155px;} .scrollTbl table td.col4{width:155px;} .scrollTbl table td.col5{width:160px;} .scrollTbl table td.col6{width:180px;} .scrollTbl table td.col7{width:180px;} .scrollTbl table.type2 td{box-sizing:border-box;} .scrollTbl table.type2 td.col1{width:50px;} .scrollTbl table.type2 td.col2{width:50px;} .scrollTbl table.type2 td.col3{width:150px;} .scrollTbl table.type2 td.col4{width:150px;} .scrollTbl table.type2 td.col5{width:150px;} .scrollTbl table.type2 td.col6{width:150px;} .scrollTbl table.type2 td.col7{width:140px;} .scrollTbl table.type2 td.col8{width:140px;} .scrollTbl table.type3 td{box-sizing:border-box;} .scrollTbl table.type3 td.col1{width:50px;} .scrollTbl table.type3 td.col2{width:50px;} .scrollTbl table.type3 td.col3{width:150px;} .scrollTbl table.type3 td.col4{width:210px;} .scrollTbl table.type3 td.col5{width:150px;} .scrollTbl table.type3 td.col6{width:110px;} .scrollTbl table.type3 td.col7{width:130px;} .scrollTbl table.type3 td.col7{width:130px;} .scrollTbl table .w2group{background-color:#fff;} .scrollTbl .w2tb.tableTyGrid tbody .w2tb_td{border-left:none;border-top:none;border-bottom:1px solid #ebebeb;} .scrollTbl .w2tb.tableTyGrid thead .w2tb_th{border-bottom:1px solid #dcdcdc;} .scrollTbl table .w2tb .w2tb_th{background-color:transparent;} .scrollTbl02{overflow-y:scroll;border-top:2px solid #3579d4;border-bottom:1px solid #b7bbd1;} .scrollTbl02 > table{border-top:0 none;border-bottom:0 none;} .scrollTbl02 > .w2tb.tableTyOutput tr:first-child .w2tb_th, .scrollTbl02 > .w2tb.tableTyOutput tr:first-child .w2tb_td{border-top:0 none;} .detailPop .scrollTbl02{margin-top:10px;border-top-color:#c2d6ef;} /* 대출상품상세 sol 마크업*/ .sec .goodsInfoList > li, .dotList > li{position:relative;padding-left:10px;font-size:14px;line-height:22px;color:#343434;margin-top:5px;} .sec .goodsInfoList > li:before, .dotList > li:before{content:"";position:absolute;left:2px;top:8px;width:3px;height:3px;background-color:#555;} .sec .goodsInfoList > li:first-child, .dotList > li:first-child{margin-top:0;} .sec .goodsInfoList > li, .dotList > li{color:#666;} .sec h4.subTit3{display:block;position:relative;padding-left:10px;font-weight:normal;font-size:16px;color:#555;margin:20px 0 5px 0 !important;} .sec h4.subTit3:before{content:"";position:absolute;left:0;top:2px;width:3px;height:14px;background-color:#3579d4;} .sec h4.subTit3:first-child{margin-top:0;} .sec .referTxt{position:relative;padding-left:10px;color:#3579d4;margin-top:5px;} .sec .referTxt:before{content:"*";position:absolute;left:0;top:0;} .sec dd > div > h4.subTit3 +*, .sec dd > div > h4.subTit3 +*+*, .sec dd > div > h4.subTit3 +*+*+*, .sec dd > div > h4.subTit3 +*+*+*+*, .sec dd > div > h4.subTit3 +*+*+*+*+*, .sec dd > div > h4.subTit3 +*+*+*+*+*+*, .sec dd > div > h4.subTit3 +*+*+*+*+*+*+*{margin-left:11px;} /* div.listTypeTable{border-top:2px solid #3579d4;margin-top:5px;} div.listTypeTable > ul{display:table;width:100%;} div.listTypeTable > ul > li{display:table-row;} div.listTypeTable > ul > li > div{display:table-cell;vertical-align:middle;border-bottom:1px solid #dcdcdc;box-sizing:border-box;padding:15px 13px;height:20px;} div.listTypeTable > ul > li > div.leftCol{width:130px;background:#f9f9f9;} div.listTypeTable > ul > li > div.rightCol{width:auto;} */ /* listTypeTable */ .listTypeTable > .txtWrap + ul {margin-top:18px;} .listTypeTable .row {display:table;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;} .listTypeTable.al .row .rightCol > .txt {text-align: left;} .listTypeTable.vtT .leftCol, .listTypeTable.vtT .rightCol {vertical-align:middle;} .listTypeTable .vtB .leftCol, .listTypeTable .vtB .rightCol {vertical-align:bottom !important;} .listTypeTable .row > .topCont, .listTypeTable .row > a {display:table;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;} .listTypeTable .row .leftCol {width:107px;} .listTypeTable.leftColWidth .row .leftCol {width:90px;} .listTypeTable .row .leftCol.type1 { width:120px;} .listTypeTable .row .leftCol.type2 { width:150px;} .listTypeTable .row .leftCol.type3 { width:200px;} .listTypeTable .row .leftCol.type4 {width:60px;} .listTypeTable .row .leftCol.type5 {width:220px;} .listTypeTable .row .leftCol.type6 {width:110px;} .listTypeTable .row .leftCol.typePer { width:60%;} .listTypeTable .row .leftCol.typePer2 {width:70%;} .listTypeTable .row .rightCol {/*text-align:right;*/} .listTypeTable .row .leftCol, .listTypeTable .row .rightCol {display:table-cell; vertical-align:middle;} .listTypeTable .row .leftCol.width150 {width:180px;} .listTypeTable .row .leftCol .tit {color:#777;} .listTypeTable .row .leftCol .tit > .txt {display:block;margin-top:6px;} .listTypeTable .row .rightCol .txt {color:#333;} .listTypeTable .row .rightCol .txt + .txt {margin-top: 5px;} .listTypeTable .row .rightCol .txt.small {font-size:12px;color:#777;} .listTypeTable .row + .row {margin-top:10px;} .listTypeTable .row.bgGray {background-color:#f8f8f8;} .listTypeTable .row.bgGray .tit {color:#333;} .listTypeTable .row > .listTypeTable .row {padding:0;border:none;} .listTypeTable .row > .listTypeTable .row + .row {margin-top:8px;} .listTypeTable .row .dotList {margin-top: 10px;} .innerBox.bgBlue .listTypeTable .row .tit, .innerBox.bgBlue .listTypeTable .row .txt {color:#fff;} .listTypeTable .row .half {display:table-cell; width:50%;} .listTypeTable .row .half.txt {width:70%} .listTypeTable .row .half p + p {margin-top:5px;} .listTypeTable .row .rightCol .dotList, .listTypeTable .row .rightCol .dashList {margin-top:5px;} .listTypeTable .row .rightCol .dotList li + li, .listTypeTable .row .rightCol .dashList li + li {margin-top:5px;} /* .listTypeTable .link {position:relative; padding-right:35px; } .listTypeTable .link:after {display:block; position:absolute; right:15px; top:50%; width:7px; height:13px; margin-top:-7px; background:url('https://image.shinhan.com/rib2017/images/icon_arrow_right.png') no-repeat 0 0px;background-size:100%; content:"";} */ .listTypeTable .link {position:relative; padding-right:18px; } .listTypeTable .link:after {display:block; position:absolute; right:0; top:50%; width:7px; height:13px; margin-top:-7px; background:url('https://image.shinhan.com/rib2017/images/mnew/icon_arrow_right.png') no-repeat 0 0px;background-size:100%; content:"";} .listTypeTable.lineType.full {border-top: none;} .listTypeTable.lineType.full ul > .row{padding: 14px 0;} .listTypeTable.lineType > ul {border-top:1px solid #333;} .listTypeTable.lineType.borderN > ul { border-top:0;} .listTypeTable.lineType .row {padding:11px 8px;border-bottom:1px solid #e9e9e9;} .listTypeTable.lineType .row.full { padding:9px 16px;} .listTypeTable.lineType .row.borderN { border-bottom:0;} .listTypeTable.lineType .row + .row {margin-top:0;} .listTypeTable.lineType .row.lineN {border-bottom:none;} .listTypeTable.lineType .row .row { padding:3px 0;} .listTypeTable .row > .leftCol {vertical-align:top;} .listTypeTable.lineType2 > ul {padding:15px 8px;border-top:1px solid #333;border-bottom:1px solid #e9e9e9;} .listTypeTable.lineType2 > ul + ul {border-top: none;} .listTypeTable.lineType2 .row {padding:0;} .listTypeTable.bottomLineType ul {padding-bottom: 14px;border-bottom: 1px solid #dbdbdb;} .listTypeTable.bottomLineType .row {padding: 0 10px;} .innerBox.bgBlue .listTypeTable.lineType2 > ul {border-top-width:1px;border-top-color:rgba(0,0,0,0.2); border-bottom:0;} .innerBox.bgBlue .listTypeTable.lineType2 .row .tit {color:#e1e9f7;} /* 리스트 상하단 컨텐츠와 라인 중복될 경우 제거 - 오세윤*/ .layerHeader + .layerCon .listTypeTable.lineType > ul:nth-child(1), .contents .topAreaBox + .listTypeTable.lineType > ul:nth-child(1), .titBanner + .contents .listTypeTable.lineType > ul:nth-child(1), .contents > .topAreaBox:nth-child(1) + .listTypeTable.lineType2 > ul, .contents > .listTypeTable.lineType2:nth-child(1) > ul:nth-child(1){border-top:0;} .bg .innerBox > .listTypeTable.lineType2 > ul{border-top:0;border-bottom:0;} /*라인중복 제거 개별적용*/ .listTypeTable.btN > ul{border-top:0 !important;} .listTypeTable.bbN > ul{border-bottom:0 !important;} .listTypeTable.lineType3 > ul {padding:15px 0;border-top:1px solid #333;border-bottom:1px solid #e9e9e9;} .listTypeTable.lineType3 .row {padding:0 10px;} .listTypeTable.lineType3 .row + .row {margin-top:10px;} .listTypeTable.lineType3 + .listTypeTable.lineType3 {margin-top:0;} .listTypeTable.lineType3.borderN > ul {border-top:none;} /* 장소라 2017-12-08 추가 */ .listTypeTable.lineType4 {padding:20px 15px;border-bottom:1px solid #dbdbdb} .listTypeTable.lineType4:last-child {border-bottom:0 none;} .listTypeTable.lineType4 + .lineType4 {margin-top:0;} /* // 장소라 2017-12-08 추가 */ .listTypeTable.linkType .row > a {padding: 22px 16px;} .listTypeTable.productType > ul .row .listTypeTable {margin-top: 15px;} .listTypeTable.productType > ul .row .listTypeTable .row {padding: 0;border-bottom: none;} .listTypeTable.productType .txtPeriod + .tit {margin-top: 7px;font-weight: 500;color: #333;} .listTypeTable.productType.type2 > .listTitleBox.boxTyLabel {margin:0;} .listTypeTable.productType.type2 > ul > .row {padding: 19px 16px;} .listTypeTable.productType.type2 > ul > .row + .row {margin-top: 0;border-top: 1px solid #e9e9e9;} .listTypeTable.productType.type2 .btnWrap {padding: 20px 16px;border-top: 1px solid #e9e9e9;} .listTypeTable > ul .listTypeTable.tblBgGray {margin-top: 15px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #f2f2f2;} .listTypeTable > ul .listTypeTable.tblBgGray > .row {padding: 10px 13px;background-color: #fafafa;} .listTypeTable > ul .listTypeTable.tblBgGray > .row + .row {margin-top: 0;border-top: 1px solid #e9e9e9;} .listTypeTable > ul .listTypeTable.tblBgGray > .row > .listTypeTable .row {padding: 9px 0;} .listTypeTable > ul .listTypeTable.tblBgGray > .row > .listTypeTable .row + .row {margin-top: 0;} .listTypeTable.full { border-top:1px solid #e9e9e9;} .listTypeTable.full .row { position:relative; padding:14px 10px;border-bottom:1px solid #e9e9e9;} .listTypeTable.full > .row > .leftCol { width:100%;} .listTypeTable.full > .row > .rightCol { position:absolute; top:50%; right:0; transform:translateY(-50%);-webkit-transform:translateY(-50%);} .listTypeTable .row .rightCol .priceWrap > .txt {color: #777;} .listTypeTable .row .rightCol .priceWrap > .txt + .txt {margin-top: 5px;} .listTypeTable .row .rightCol .priceWrap > .txt span {font-family: 'shinhan';color: #555;} .listTypeTable .memoText { position:relative; padding-top:7px; padding-left:20px; margin-right:17px; color:#777;} .listTypeTable .memoText:before { content:''; display:block; position:absolute; top:9px; left:0; width:16px; height:14px; background:url('https://image.shinhan.com/rib2017/images/mnew/icon_memo.png') no-repeat; background-size:100%;} .listTypeTable p + .memoText { margin-top:5px; border-top:1px solid #dbdbdb;} /* 풀 버전 */ .listTypeTable.fullCont {} .listTypeTable.fullCont ul { padding:15px 16px;} .sec p.txt{margin-top:5px;} .sec dd > div > .sol +*, .sec dd > div > .sol +*+*, .sec dd > div > .sol +*+*+*, .sec dd > div > .sol +*+*+*+*{margin-left:0 !important;} .sec dd > div > *:first-child, .sec dd > div > .sol + *{margin-top:1px !important;} .sec + .boxTyGray.dtColor dd .tableTyBoard > p:first-child{display:none;} #tab_상품상세_contents_content2_body .listDot > ul > li{padding:0;} #tab_상품상세_contents_content2_body .listDot > ul > li:before{display:none;} #tab_상품상세_contents_content2_body h4.subTit3{font-size:14px;margin:0;padding:0;font-weight:bold;} #tab_상품상세_contents_content2_body h4.subTit3:before{display:none;} #tab_상품상세_contents_content2_body .listDot > ul > li:nth-child(2) > .tblInfo.ar{display:none;} #tab_상품상세_contents_content2_body p.txt{margin-top:5px;} .tblTyDefault{width:100%;table-layout:fixed;/* border-top:2px solid #3579d4; */} .tblTyDefault thead th{padding:15px 13px;height:20px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background:#f9f9f9;text-align:center !important;font-weight:normal;color:#333;} .tblTyDefault tbody td{padding:15px 13px;height:20px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;text-align:center;} /* .tblTyDefault thead tr th:first-child, .tblTyDefault tbody tr td:first-child{border-left:0;} */ .dashList > li{position:relative;padding-left:9px;} .dashList > li:before{content:"-";position:absolute;left:0;top:0;} #tab_상품상세_contents_content2_body .dotList > li{padding-left:10px;} #tab_상품상세_contents_content2_body .dotList > li:before{top:8px;width:3px;height:3px;background:#555;} #tab_상품상세_contents_content2_body .dashList > li{padding-left:10px;} #tab_상품상세_contents_content2_body .dashList > li:before{background:none;height:auto;width:auto;top:0;left:0;} /* BORDER */ .btdc {border-top:1px solid #dcdcdc !important} /* 게시물 show, hide */ .dNo{display:none !important;} .dNo.msh, .msh{display:block !important;} /* ------------------------- * Responsive Web 반응형 (금융인증서 CT03) 2021.08.13 강수연 * ------------------------- */ .any_mobile .reponsiveMobile .con {color:#333;} @media all and (max-width:767px){ .any_mobile .reponsiveMobile .inputCode ul {border:2px solid #c2d6ef;} .any_mobile .reponsiveMobile .inputCode li {padding:5px 15px 15px; } .any_mobile .reponsiveMobile .dscBox .warningTxt .btnTyGray01 {margin:7px 0 0 0;} .any_mobile .reponsiveMobile .dscBox .warningTxt + .btnTyGray01 {margin:7px 0 0 15px;} /* addCheck */ .any_mobile .reponsiveMobile {padding:0 15px;} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput colgroup {display:none;} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput {border-top:none} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .w2tb_th, .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .w2tb_td {display:block; height:auto;} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .w2tb_th {border-top:2px solid #3579d4 !important; border-bottom:dashed 1px #99c4ff; margin-top:20px; padding:15px 0 10px 5px;} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .w2tb_td {padding:10px 0;} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .w2tb_th .w2radio_label {font-size:16px; font-weight:bold;} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .w2tb_th .w2radio_label br {display:none; } .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .con .left {width:auto;} .any_mobile .reponsiveMobile .addCheckArea .tableTyInput .con .right {display:none} .any_mobile .reponsiveMobile .addCheckArea .inputCode .tit {width:100%;} .any_mobile .reponsiveMobile .addCheckArea #grp_ARS #tbx_telNo {width:100% !important; margin:10px 0;} .any_mobile .reponsiveMobile .addCheckArea #grp_본인확인신청 li div {float:none; margin-left:0;} .any_mobile .reponsiveMobile .addCheckArea #grp_certSmartOtp1 .boxTyGray03 {padding:15px 5px;} .any_mobile .reponsiveMobile .addCheckArea #grp_certSmartOtp2 .boxTyGray03 .w2input {width:100% !important; margin:5px 0;} .any_mobile .reponsiveMobile .addCheckArea #grp_certSmartOtp2 .boxTyGray03 .btnTyGray01 {margin-left:0;} /* security */ .any_mobile .reponsiveMobile .securityArea .con {padding-top:0;} .any_mobile .reponsiveMobile .securityArea .con .left {width:auto; display:block;} .any_mobile .reponsiveMobile .securityArea .con .right {display:none;} .any_mobile .reponsiveMobile .securityArea .con .tit span {display:inline-block; font-size:14px;} .any_mobile .reponsiveMobile .securityArea .inputCode li .tit {float:none; padding-right:0;} .any_mobile .reponsiveMobile #grp_smartOtp1 .securityArea .boxTyGray03 {padding:15px 5px} .any_mobile .reponsiveMobile #grp_smartOtp2 .securityArea #ipt_opin {margin:5px 0; width:100% !important;} .any_mobile .reponsiveMobile #grp_smartOtp2 .securityArea #ipt_opin + a {margin-left:0;} }