@charset "utf-8";


/* ////////////////////////////////  서브메인  //////////////////////////////   */
/* 서브메인 */
.productWrap .motionArea { background: -webkit-linear-gradient(top, #fbf8fb 0%, #fbf8fb 80%, #eee8ed 100%);background: -moz-linear-gradient(top, #fbf8fb 0%, #fbf8fb 80%, #eee8ed 100%);}
.motionArea .inner.alone {position: relative;height: 450px;padding: 25px; color: #111;box-sizing: border-box;display:block;}
.motionArea .inner .imgArea {z-index:0;  display: block; position: absolute;right: 0; bottom: 25px; width: 160px;}
.motionArea .inner .imgArea img { display: block;width: 100%;height: auto;}
.mainTxtWrap .tit { font-weight: 700; font-size: 35px;}
.mainTxtWrap .tit em{ font-weight: 700; font-size: 35px;}
.mainTxtWrap .txt {margin: 10px 0 30px;font-weight: 500;font-size: 15px;}

.wfm_product_gnb{z-index:1;position:absolute;top:45px;left:0;right:0;height:35px !important;}
.tabTy01.goods_gnb{position:relative;height:35px !important;margin-bottom:0px !important;border-bottom:0;background:rgba(0,0,0,0.6);}
.tabTy01.goods_gnb li a{height:35px !important;padding:9px 0px 9px;background:transparent !important;}
.tabTy01.goods_gnb li a span{letter-spacing:-1px;font-size:14px !important;color:#fff;}
.tabTy01.goods_gnb li.on a{color:#fff;}
.tabTy01.goods_gnb li.on:after{background:#fff;}

/* 상세페이지 탑 메뉴 */
.motionArea .aLinkGrp {overflow:hidden;margin-bottom: 10px;}
.motionArea .aLinkGrp .aLink{font-size: 12px;color:#777;border: 1px solid #777;padding:3px;margin:0 1px;line-height: 12px;text-decoration:none !important;}
/* .motionArea .aLinkGrp .aLink:first-child {padding-left: 0;border-left:none;}
.motionArea .aLinkGrp .aLink:last-child {padding-right: 0;border-right:none;} */

.callProduct .conTop .imgBox .refer{margin-top:10px;color:#fbc85d;}
.callProduct .conTop .imgBox .dotList > li{font-size:13px;line-height:18px;color:#fff;text-align:left;}
.callProduct .conTop .imgBox .dotList > li:before{background-color:#fff;}
.callProduct .conTop .imgBox .dotList >  li + li{margin-top:5px;}
.callProduct .moreBtn + .conBtm{display:none;}
.callProduct .stockBox{height:130px;margin:0 -23px;background-color:#41346e;color:#fff;}
.callProduct .stockBox a{display:inline-block;color:#fff;}
.callProduct .stockBox .list ul{display:table;width:100%;padding:19px 0 8px;table-layout:fixed;}
.callProduct .stockBox .list li{display:table-cell;padding-bottom:7px;text-align:center;}
.callProduct .stockBox .list li .unit{display:inline-block;padding:2px 7px;border:1px solid #675d8b;border-radius:10px;font-size:12px;}
.callProduct .stockBox .list li .point{margin-top:6px;}
.callProduct .stockBox .list li .state{margin-top:2px;}
.callProduct .stockBox .list li .state:before{content:'';display:inline-block;width:5px;height:2px;margin:-2px 3px 0 0;border-radius:3px;background-color:#b1afbf;vertical-align:middle;}
.callProduct .stockBox .list li .point strong{font-size:17px;font-weight:500;}
.callProduct .stockBox .list li .state{font-size:12px;color:#b1afbf;}
.callProduct .stockBox .list li .state span{margin:-2px 1px 0 0;}
.callProduct .stockBox .list li .state.up:before,
.callProduct .stockBox .list li .state.down:before{display:none;}
.callProduct .stockBox .list li .state.up{color:#ff6666;}
.callProduct .stockBox .list li .state.up .iconTyStockDown{display:none;}
.callProduct .stockBox .list li .state.down{color:#7da7d9;}
.callProduct .stockBox .list li .state.down .iconTyStockUp{display:none;}
.callProduct .stockBox .list li .iconTyStockDown,
.callProduct .stockBox .list li .iconTyStockUp{background-image:url(https://image.shinhan.com/rib2017/images/pr/icon_stock.png);}
.callProduct .stockBox .list .txt{font-size:11px;text-align:center;opacity:0.5;}

.callProduct .listBox li{border-bottom:1px solid #cecece;background-color:#fff;}
.callProduct .listBox li > a{display:table;position:relative;width:100%;padding:18px 23px;background-color:#f7f6fa;box-sizing:border-box;}
.callProduct .listBox li > a > div{display:table-cell;}
.callProduct .listBox li .info {height:73px;}
.callProduct .listBox li .info .tit{font-size:18px;font-weight:500;}
.callProduct .listBox li .info .txt{margin-top:10px;line-height:18px;color:#555;}
.callProduct .listBox li .info .txt + .tit{margin-top:5px;}
.callProduct .listBox li .data{width:90px;padding-bottom:2px;text-align:right;white-space:nowrap;vertical-align:bottom;}
.callProduct .listBox li .data .value1{position:absolute;right:25px;top:16px;font-size:20px;}
.callProduct .listBox li .data .value2{margin-top:2px;font-size:14px;}
.callProduct .listBox li .data .value3{margin-top:6px;padding-right:8px;font-size:12px;color:#777;}
.callProduct .listBox li .data .value1,
.callProduct .listBox li .data .value1 span,
.callProduct .listBox li .data .value1 em{font-weight:500;}
.callProduct .listBox li .data.etc{position:relative;width:97px;padding-left:11px;text-align:left;}
.callProduct .listBox li .data.etc .value1{right:auto;left:11px;top:0;}
.callProduct .listBox li .data.etc .value1 span{font-size:14px;letter-spacing:-1px}
.callProduct .listBox li .data.etc .value1 em{margin-left:-2px}
.callProduct.menu5 .listBox ul{display:table;width:100%;vertical-align:top;}
.callProduct.menu5 .listBox li{display:inline-table;width:50%;box-sizing:border-box;}
.callProduct.menu5 .listBox li:nth-child(even){border-left:1px solid #cecece;}
.callProduct.menu5 .listBox li > a{padding-right:0;}
.callProduct.menu5 .listBox li .info {height:auto;}
.callProduct .listLink{position:relative;padding-top:116px;}
.callProduct .listLink dl{min-height:439px;padding:0 148px 0 23px;}
.callProduct .listLink dt{font-size:18px;font-weight:500;white-space:nowrap;}
.callProduct .listLink dd{padding-bottom:40px;}
.callProduct .listLink dd ul{padding-top:16px;}
.callProduct .listLink dd li{margin-top:9px;border-bottom:1px solid #d7d3cd;}
.callProduct .listLink dd li:first-child{margin-top:0;}
.callProduct .listLink dd li a{display:block;position:relative;padding:10px 30px 10px 0;color:#555;}
.callProduct .listLink dd li a:before{content:'';position:absolute;right:0;top:50%;width:8px;height:14px;margin-top:-7px;background:url(https://image.shinhan.com/rib2017/images/pr/bg_link_arrow.png) no-repeat 0 0;background-size:100% auto;}
.callProduct .listLink dd li a h2{font-size:14px;}
.callProduct .listLink dd.txt{margin-top:16px;padding-bottom:10px;font-size:15px;font-weight:500;color:#555;white-space:nowrap;}
.callProduct .listLink .banner img{width:100%;vertical-align:top;}

.callProduct.menu0 .imgBox{height:auto;padding:3px 0 0;overflow:auto;}
.callProduct.menu0 .imgBox:first-child{padding:81px 0 0;}
.callProduct.menu0 .imgBox .img2{position:static;}
.callProduct.menu0 .imgBox .con{padding:0;}
.callProduct.menu0 .imgBox .con .btnGroup{bottom:40px;}
.callProduct.menu1 .imgBox{background-color:#0370c3;}
.callProduct.menu1 .imgBox .txt1{color:#ffbd70;}
.callProduct.menu1 .imgBox .img2{top:200px;width:150px;}
.callProduct.menu1 .listBox li > a{background-color:#f2f8fc;}
.callProduct.menu1 .listBox li .data .value1,
.callProduct.menu1 .listBox li .data .value2{color:#0966ad;}
.callProduct.menu2 .imgBox{background-color:#1989b2;}
.callProduct.menu2 .imgBox .img2{top:250px;width:167px;}
.callProduct.menu2 .imgBox .txt1{color:#ffeb99;}
.callProduct.menu2 .listBox li > a{background-color:#f3f9fb;}
.callProduct.menu2 .listBox li .data .value1,
.callProduct.menu2 .listBox li .data .value2{color:#0a83af;}
.callProduct.menu3 .imgBox{background-color:#009e95;}
.callProduct.menu3 .imgBox .img2{bottom:0;width:127px;}
.callProduct.menu3 .imgBox .txt1{color:#ffeb99;}
.callProduct.menu3 .listBox li > a{background-color:#f2fafa;}
.callProduct.menu3 .listBox li .data .value1,
.callProduct.menu3 .listBox li .data .value2{color:#009089;}
.callProduct.menu4 .imgBox{background-color:#bd5591;}
.callProduct.menu4 .imgBox .img2{top:182px;width:268px;}
.callProduct.menu4 .imgBox .txt1{color:#ffeb99;}
.callProduct.menu4 .listBox li > a{background-color:#fdfafc;}
.callProduct.menu4 .listBox li .data .value1,
.callProduct.menu4 .listBox li .data .value2{color:#bd5591;}
.callProduct.menu5 .inner{background-color:#079759;}
.callProduct.menu5 .imgBox .img2{top:195px;width:136px;}
.callProduct.menu5 .imgBox .txt1{color:#ffeb99;}
.callProduct.menu5 .listBox li > a{background-color:#f7fcfa;}
.callProduct.menu5 .listBox li .data .value1,
.callProduct.menu5 .listBox li .data .value2{color:#079759;}
.callProduct.menu5 .conTop .imgBox a span{font-weight:700;}
.callProduct.menu6 .imgBox{background-color:#6654a4;}
.callProduct.menu6 .imgBox .con{padding-top:70px;}
.callProduct.menu6 .imgBox .txt1{color:#ffeb99;}
.callProduct.menu6 .imgBox .img2{top:157px;width:167px;}/*top:285px;*/
.callProduct.menu6 .listBox li > a{background-color:#f7f6fa;}
.callProduct.menu6 .listBox li .data .value1,
.callProduct.menu6 .listBox li .data .value2{color:#6654a4;}
.callProduct.menu7 .imgBox{background-color:#cb806c;}
.callProduct.menu7 .imgBox .img2{top:265px;width:165px;}
.callProduct.menu7 .imgBox .txt1{color:#ffeb99;}
.callProduct.menu7 .listBox li > a{background-color:#f3f9fb;}
.callProduct.menu7 .listBox li .data .value1,
.callProduct.menu7 .listBox li .data .value2{color:#cb806c;}
.callProduct.menu8 .imgBox{background-color:#457aba;}
.callProduct.menu8 .imgBox .img2{top:380px;width:141px;}
.callProduct.menu8 .imgBox .txt1{color:#ffeb99;}
.callProduct.menu8 .listBox li > a{background-color:#f3f9fb;}
.callProduct.menu8 .listBox li .data .value1,
.callProduct.menu8 .listBox li .data .value2{color:#457aba;}
.callProduct.menu9 .imgBox{background-color:#928578;}
.callProduct.menu9 .imgBox .img2{top:280px;width:117px;}
.callProduct.menu9 .imgBox .txt1{color:#ffefd1;}
.callProduct.menu9 .listBox li > a{background-color:#f9f9f8;}
.callProduct.menu9 .listBox li .data .value1,
.callProduct.menu9 .listBox li .data .value2{color:#928578;}
.callProduct.menu10 .img2{position:absolute;right:0;top:296px;width:137px;}
.callProduct.menu10 .img2 img{width:100%;}
.callProduct.menu10 .listLink dt{font-size:37px;}
.callProduct.menu10 .conBtm{background-color:#f8f3eb;}
.callProduct.menu11 .imgBox{background-color:#757add;}
.callProduct.menu11 .imgBox .img2{top:334px;width:122px;}
.callProduct.menu11 .btn .txt {display:block;font-size:17px;}
.callProduct.menu11 .btn .txt span {font-size:13px;opacity:0.6;}
.callProduct.menu11 .viewBtn.lineN {margin-bottom:-16px;}
.callProduct.menu11 .viewBtn.lineN:before{display:none}
.callProduct.menu13 .imgBox{background-color:#f8f3eb;}
.callProduct.menu13 .imgBox .img2{bottom:50px;width:140px;}
.callProduct.menu13 .imgBox .txt1{color:#333;}
.callProduct.menu13 .con{color:#333;}
.callProduct.menu13 .listBox li > a{background-color:#333;}
.callProduct.menu13 .listBox li .data .value1,
.callProduct.menu13 .listBox li .data .value2{color:#333;}
.callProduct.menu7 .inner,
.callProduct.menu8 .inner{/* position:absolute;left:0;right:0;top:0;height:100%; */}
.callProduct.menu4 .btnGroup,
.callProduct.menu6 .btnGroup{bottom:93px !important;}
.callProduct.menu6 .btnGroup{bottom:20px !important;}
.callProduct.menu5 .btnGroup{bottom: 58px !important;}
.callProduct.menu7 .btnGroup{position:static !important;margin-top:74px;}
.callProduct.menu8 .btnGroup{position:static !important;margin-top:26px;}
.callProduct.menu4 .btnGroup .viewBtn,
.callProduct.menu5 .btnGroup .viewBtn,
.callProduct.menu11 .btnGroup .viewBtn{width:200px;}
.callProduct.menu11 .btnGroup .viewBtn.metc {width:220px;padding: 10px 0;}
.callProduct.menu4 .btnGroup .viewBtn:after,
.callProduct.menu5 .btnGroup .viewBtn:after{margin-top:-12px;}
.callProduct.menu5 .btnGroup .viewBtn.oddType:after{margin-top: -7px;} 
.callProduct.menu5 .icoPrdTxt {position: absolute; bottom: 30px; left: 20px; right:20px; opacity:0.8}

/* .innerBox 레이아웃 */
.innerBox{padding:22px;}
.innerBox iframe{display:none;}
.innerBox .txtGrp{background:#0370c3;padding:22px;box-sizing:border-box;}
.img2{position:absolute;right:0;width:170px;bottom:105px}
.img2 img{width:100%;}
.con{padding-top:72px;color:#fff;}
.con .tit{display:block;position:relative;z-index:2;font-size:30px;}
.con .tit span{display:block;font-weight:normal;font-size:37px;}
.con .txt1{margin-top:19px;font-size:14px;font-weight:500;line-height:18px;}
.con .txt2{padding-top:5px;line-height:18px;font-size:14px;}
.con .txt2 span{display:block;margin-top:5px;font-size:14px;line-height:18px;opacity:0.8;}
.con .txt2 + .txt1{margin-top:13px;}
.con .btnGroup{position:absolute;left:23px;bottom:60px;}
.con .btnGroup .btn + .btn{margin-top:14px;}
.con .tit + .btnGroup .btn + .btn{margin-top:12px;}
.con .btnSearch{position:absolute;left:0;right:0;bottom:0;background-color:#068850;}
.con .btnSearch a{display:block;position:relative;height:62px;padding:0 23px;font-size:15px;font-weight:500;line-height:62px;color:#ffeb99;box-sizing:border-box;}
.con .btnSearch a:before{content:'';display:inline-block;width:16px;height:16px;margin:-2px 10px 0 0;background:url(https://image.shinhan.com/rib2017/images/pr/icon_search_button.png) no-repeat 0 0;background-size:100% auto;vertical-align:middle;}
.con .btnLink{display:flex;-webkit-display:flex;position:absolute;left:0;bottom:23px;width:100%;padding-left:23px;box-sizing:border-box;}
.con .btnLink .btn{flex-grow:1;-webkit-flex-grow:1;}
.con .btnLink .btn a{display:inline-block;padding:5px;font-size:13px;color:#fff;}
.con .btnLink span{display:inline-block;width:20px;margin:-2px 7px 0 0;background:url(https://image.shinhan.com/rib2017/images/pr/icon_sub_main_exchange.png) no-repeat;background-size:100% auto;vertical-align:middle;}
.con .btnLink span.icon01{height:20px;background-position:0 0;}
.con .btnLink span.icon02{height:21px;background-position:0 -24px;} 


/* 자세히보기 바로가기 링크 */
.callProduct .btnGroup .btn{font-size:13px !important;}
.callProduct .btnGroup .btn .viewBtn {font-size:15px !important;}

.viewBtn{display:inline-block;position:relative;width:160px;font-size:15px;line-height:46px;color:#fff;vertical-align:top;}
.viewBtn:before,
.viewBtn:after{content:'';position:absolute;}
.viewBtn:before{left:0;bottom:0;width:100%;height:1px;background-color:#fff;opacity:0.2;}
.viewBtn:after{right:0;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;}
.viewBtn span{display:block;margin-bottom:-9px;font-size:13px;opacity:0.6;}
.viewBtn.cblack{color:#333;}
.viewBtn.cblack:before{background-color:#333;}
.viewBtn.cblack:after{background-image:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow2.png);}
.viewBtn.mnu{line-height: 37px;}
.viewBtn.metc.mnu{line-height: 22px;letter-spacing: -.05em;font-size:14px;padding: 10px 11px 10px 0;color:#333;width: 205px;}
.viewBtn.metc{display:inline-block;position:relative;width:160px;font-size:17px;line-height:46px;color:#333;vertical-align:top;}
.viewBtn.metc:before,
.viewBtn.metc:after{content:'';position:absolute;}
.viewBtn.metc:before{left:0;bottom:0;width:100%;height:1px;background-color:#d1cdc6;opacity:0.2;}
/* .viewBtn:after{right:0;top:50%;width:8px;height:14px;margin-top:-7px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow2.png) no-repeat 0 0;background-size:100% auto;}
 */
/* 메인 리스트 */
.mall_mainList{display:table;width:100%;box-sizing:border-box;padding:18px 16px;overflow: hidden;background: #fbf8fb;border-bottom: 1px solid #dbdbdb;}
.mall_mainList .titleGrp{display:table-cell;vertical-align:top;width: auto;}
.mall_mainList .titleGrp .title{font-weight: bold;color: #333333;font-size: 18px;margin-bottom: 15px;}
.mall_mainList .titleGrp .txt{color: #555555;font-size:13px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;    line-height: 17px;}
.mall_mainList .contGrp{display:table-cell;width:115px;padding-left:10px;}
.mall_mainList .contGrp .highValue{margin:30px 0 15px 0;float:left;}
.mall_mainList .contGrp .highValue span{    margin-top: 5px;margin-right:5px;font-weight:bold;color: #333333;font-size:12px;text-align: right;}
.mall_mainList .contGrp .highValue em{font-weight:bold;color: #3775c8;font-size:18px;text-align: right;}
.mall_mainList .contGrp .lowValue{margin-bottom: 1px;float:left;}
.mall_mainList .contGrp .lowValue span{margin-right:5px;color: #333333;font-size:12px;text-align: right;}
.mall_mainList .contGrp .lowValue em{color: #333333;font-size:12px;text-align: right;}
/* .mall_mainList .contGrp .title{color: #1150c5;font-size:18px;margin-bottom: 10px;text-align: right;}
.mall_mainList .contGrp .text01{color: #1150c5;font-size:15px;margin-bottom: 5px;text-align: right;} */
.mall_mainList .contGrp .text02{float:left !important;color: #777777;font-size:12px;text-align: right;}
.mall_mainList .aLinkGrp{margin-bottom:10px;}
.mall_mainList .aLinkGrp .aLink{padding:2px;border:1px solid #555555;color:#555555;margin-right:5px;display: inline-block;text-decoration:none !important;}
.mall_mainList .aLinkGrp .aLink.danger01{color:#c40e0e;border:1px solid #c40e0e;}
.mall_mainList .aLinkGrp .aLink.danger02{color:#f13e51;border:1px solid #f13e51;}
.mall_mainList .aLinkGrp .aLink.danger03{color:#ec7014;border:1px solid #ec7014;}
.mall_mainList .aLinkGrp .aLink.danger04{color:#c48600;border:1px solid #c48600;}
.mall_mainList .aLinkGrp .aLink.danger05{color:#03a0a2;border:1px solid #03a0a2;}
.mall_mainList .aLinkGrp .aLink.danger06{color:#3387ce;border:1px solid #3387ce;}

/* 링크리스트 */
.mall_mainList_alink{padding: 18px 20px 23px 20px;;overflow: hidden;background: #fbf8fb;border-bottom: 1px solid #dbdbdb;}
.titleGrp{}
.aLinkGrp{margin-bottom:10px;}
.aLinkGrp .aLink{padding:2px;border:1px solid #555555;color:#555555;margin-right:5px;font-size:10px;display: inline-block;}
.aLinkGrp .aLink.danger01{color:#c40e0e;border:1px solid #c40e0e;}
.aLinkGrp .aLink.danger02{color:#c40e0e;border:1px solid #c40e0e;}
.aLinkGrp .aLink.danger03{color:#c40e0e;border:1px solid #c40e0e;}
.aLinkGrp .aLink.danger04{color:#c40e0e;border:1px solid #c40e0e;}
.aLinkGrp .aLink.danger05{color:#c40e0e;border:1px solid #c40e0e;}
.aLinkGrp .aLink.danger06{color:#c40e0e;border:1px solid #c40e0e;}
.aLinkGrp .aLink.link {border:1px solid #3387ce; background:#39A4FF; color:#fff;}
.aLinkGrp .aLink.gray,
.aLinkGrp .aLink.off {color:#aaa;border:1px solid #aaa;}
.aLinkGrp .aLink.on,
.aLinkGrp .aLink.blue {color:#3387ce;border:1px solid #3387ce;}
.aLinkGrp .aLink.red {color:#f13e51;border:1px solid #f13e51;}

.titleGrp .title{font-weight: bold;color: #333333;font-size: 18px;margin-bottom: 15px;}
.titleGrp .txt{color: #555555;font-size:14px;}

/* 링크리스트 */
.mall_mainList_plus .sfontGrp,
.mall_mainList_minus .sfontGrp,
.mall_mainList_zero .sfontGrp {display:table-row;}
.sfontGrp .item {color:#666; font-size:11px; border-right:1px solid #d0d0d0; padding: 1px 5px 1px 0; height:11px; line-height:11px; margin-top:5px; margin-right:5px; display:inline-block;}
.sfontGrp .item:last-child {border-right:none; padding-right:0; margin-right:0;}

/* 플러스리스트 */
.mall_mainList_plus{display:table;width:100%;box-sizing:border-box;padding:18px 16px;overflow: hidden;background: #fbf8fb;border-bottom: 1px solid #dbdbdb;}
.mall_mainList_plus .titleGrp .aLinkGrp{margin-bottom:10px;}
.mall_mainList_plus .titleGrp .aLinkGrp .aLink{padding:2px;border:1px solid #555555;color:#555555;margin-right:5px;display: inline-block;}
.mall_mainList_plus .titleGrp .aLinkGrp .aLink.danger01{color:#c40e0e;border:1px solid #c40e0e;}
.mall_mainList_plus .titleGrp .aLinkGrp .aLink.danger02{color:#f13e51;border:1px solid #f13e51;}
.mall_mainList_plus .titleGrp .aLinkGrp .aLink.danger03{color:#ec7014;border:1px solid #ec7014;}
.mall_mainList_plus .titleGrp .aLinkGrp .aLink.danger04{color:#c48600;border:1px solid #c48600;}
.mall_mainList_plus .titleGrp .aLinkGrp .aLink.danger05{color:#03a0a2;border:1px solid #03a0a2;}
.mall_mainList_plus .titleGrp .aLinkGrp .aLink.danger06{color:#3387ce;border:1px solid #3387ce;}
.mall_mainList_plus .titleGrp{display:table-cell;vertical-align:top;width: auto;}
.mall_mainList_plus .titleGrp .title{font-weight: bold;color: #333333;font-size: 18px;margin-bottom: 15px;}
.mall_mainList_plus .titleGrp .txt{color: #555555;font-size:14px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;    line-height: 18px;}
.mall_mainList_plus .contGrp{display:table-cell;width:60px;padding-left:10px;vertical-align: bottom;}
.mall_mainList_plus .contGrp .highValue{margin-bottom: 5px;}
.mall_mainList_plus .contGrp .highValue span{    margin-top: 5px;margin-right:5px;font-weight:bold;color: #eb3d4f;font-size:12px;text-align: right;}
.mall_mainList_plus .contGrp .highValue em{float:left !important;font-weight:bold;color: #eb3d4f;font-size:18px;text-align: right;}

/* 마이너스리스트 */
.mall_mainList_minus{display:table;width:100%;box-sizing:border-box;padding:18px 16px;overflow: hidden;background: #fbf8fb;border-bottom: 1px solid #dbdbdb;}
.mall_mainList_minus .titleGrp .aLinkGrp{margin-bottom:10px;}
.mall_mainList_minus .titleGrp .aLinkGrp .aLink{padding:2px;;border:1px solid #555555;color:#555555;margin-right:5px;display: inline-block;}
.mall_mainList_minus .titleGrp .aLinkGrp .aLink.danger01{color:#c40e0e;border:1px solid #c40e0e;}
.mall_mainList_minus .titleGrp .aLinkGrp .aLink.danger02{color:#f13e51;border:1px solid #f13e51;}
.mall_mainList_minus .titleGrp .aLinkGrp .aLink.danger03{color:#ec7014;border:1px solid #ec7014;}
.mall_mainList_minus .titleGrp .aLinkGrp .aLink.danger04{color:#c48600;border:1px solid #c48600;}
.mall_mainList_minus .titleGrp .aLinkGrp .aLink.danger05{color:#03a0a2;border:1px solid #03a0a2;}
.mall_mainList_minus .titleGrp .aLinkGrp .aLink.danger06{color:#3387ce;border:1px solid #3387ce;}
.mall_mainList_minus .titleGrp{display:table-cell;vertical-align:top;width: auto;}
.mall_mainList_minus .titleGrp .title{font-weight: bold;color: #333333;font-size: 18px;margin-bottom: 15px;}
.mall_mainList_minus .titleGrp .txt{color: #555555;font-size:13px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;    line-height: 18px;}
.mall_mainList_minus .contGrp{display:table-cell;width:60px;padding-left:10px;vertical-align: bottom;}
.mall_mainList_minus .contGrp .highValue{margin-bottom: 5px;}
.mall_mainList_minus .contGrp .highValue span{    margin-top: 5px;margin-right:5px;font-weight:bold;color: #005DF9;font-size:12px;text-align: right;}
.mall_mainList_minus .contGrp .highValue em{float:left !important;font-weight:bold;color: #005DF9;font-size:18px;text-align: right;}

/* 제로 리스트 */
.mall_mainList_zero{display:table;width:100%;box-sizing:border-box;padding:18px 16px;overflow: hidden;background: #fbf8fb;border-bottom: 1px solid #dbdbdb;}
.mall_mainList_zero .titleGrp .aLinkGrp{margin-bottom:10px;}
.mall_mainList_zero .titleGrp .aLinkGrp .aLink{padding:2px;border:1px solid #555555;color:#555555;margin-right:5px;display: inline-block;}
.mall_mainList_zero .titleGrp .aLinkGrp .aLink.danger01{color:#c40e0e;border:1px solid #c40e0e;}
.mall_mainList_zero .titleGrp .aLinkGrp .aLink.danger02{color:#f13e51;border:1px solid #f13e51;}
.mall_mainList_zero .titleGrp .aLinkGrp .aLink.danger03{color:#ec7014;border:1px solid #ec7014;}
.mall_mainList_zero .titleGrp .aLinkGrp .aLink.danger04{color:#c48600;border:1px solid #c48600;}
.mall_mainList_zero .titleGrp .aLinkGrp .aLink.danger05{color:#03a0a2;border:1px solid #03a0a2;}
.mall_mainList_zero .titleGrp .aLinkGrp .aLink.danger06{color:#3387ce;border:1px solid #3387ce;}
.mall_mainList_zero .titleGrp{display:table-cell;vertical-align:top;width: auto;}
.mall_mainList_zero .titleGrp .title{font-weight: bold;color: #333333;font-size: 18px;margin-bottom: 15px;}
.mall_mainList_zero .titleGrp .txt{color: #555555;font-size:13px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;    line-height: 18px;}
.mall_mainList_zero .contGrp{display:table-cell;width:60px;padding-left:10px;vertical-align: bottom;}
.mall_mainList_zero .contGrp .highValue{margin-bottom: 5px;}
.mall_mainList_zero .contGrp .highValue span{    margin-top: 5px;margin-right:5px;font-weight:bold;color: #333333;font-size:12px;text-align: right;}
.mall_mainList_zero .contGrp .highValue em{float:left !important;font-weight:bold;color: #333333;font-size:18px;text-align: right;}


/* 메인리스트더보기버튼 */
.mall_more{color: #1150c5 !important;font-size:18px;padding:18px;display: block;text-align: center;line-height: 18px;font-weight: bold;}


/* ////////////////////////////////  서브디테일  //////////////////////////////  */

/* 그리드 반응형  addClass릉 이용하여 사이즈 제어 가능 */
.any_mobile .responsiveTbl.w2grid.gridTyDefault {border-top: 1px solid #eaeaea; border-bottom-width:0; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.any_mobile .responsiveTbl.w2grid .gridHeaderTableDefault td, 
.any_mobile .responsiveTbl.w2grid .gridHeaderTableDefault th {border:0 !important;border-bottom:1px solid #eaeaea !important;border-left:1px solid #eaeaea !important;box-sizing:border-box}
.any_mobile .responsiveTbl.w2grid .gridHeaderTableDefault th {border-bottom:1px solid #eaeaea !important;}
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab.w2grid.gridTyDefault .gridBodyDefault {}
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab.w2grid.gridTyDefault .gridBodyDefault em {display:inline-block; font-size:13px; line-height: 110%; padding-top: 7px;}
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab.gridTyDefault {border-bottom-width:1px !important; border-left:0; border-right:0;}
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab thead.gridHeaderTableDefault {position: relative; left:0; top:0;}
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab thead {position: absolute; left: -100px; top:-50px; overflow:hidden;}
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab tr:last-child td {border-right:1px solid #eaeaea !important}  
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab tr th:last-child, 	
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab tr td:last-child  {border-bottom-width:0 !important;}  
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab tr th:before, 	
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab tr td:before {content:""; display:inline-block; width:0; height:40px; vertical-align:middle;}  	
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab tr th, 	
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab tr td {vertical-align:middle; padding:0px;}
.any_mobile .responsiveTbl.w2grid.w2grid_adaptive_crosstab th {width:80px !important;}	
	
.any_mobile .item1.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr {display:inline-block; width:100%}
.any_mobile .item2.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr {display:inline-block; width:50%}
.any_mobile .item3.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr {display:inline-block; width:33.3333%; min-width:85px;}
.any_mobile .item4.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr {display:inline-block; width:25%; min-width:55px;}
.any_mobile .item1.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr td,
.any_mobile .item2.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr td,
.any_mobile .item3.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr td,
.any_mobile .item4.responsiveTbl.w2grid.w2grid_adaptive_crosstab tbody tr td  {width:100% !important;}
.any_mobile .item4.responsiveTbl.w2grid.w2grid_adaptive_crosstab.w2grid.gridTyDefault .gridBodyDefault em {font-size:13px;}
.any_mobile .item4.responsiveTbl.w2grid.w2grid_adaptive_crosstab th {width:65px !important}
    		
/* 서브디테일 -최저.최대,최대한도 노출 시*/
.productWrap .motionArea.rateCol3 {}
.productWrap .motionArea.rateCol3 .inner .imgArea {bottom:10px;}
.productWrap .motionArea.rateCol3 .dubbleRate .rateWrap:last-child {margin-right:0;}
.productWrap .motionArea.rateCol3 .dubbleRate .rateWrap .txtRate {font-size:20px; letter-spacing:-0.04em;}
.productWrap .motionArea.rateCol3 .dubbleRate .rateWrap .txtRate span {font-size: 12px;}

/* 서브디테일 */
.goodsInfoWrap {z-index:1;position:relative;margin-top: 20px;}
.productWrap .dubbleRate .rateWrap {display: inline-block;position: relative; padding-top: 0; margin-right: 6px; vertical-align: top;}
.productWrap .dubbleRate:last-child .rateWrap {margin-right:0;}
.productWrap .motionArea .goodsInfoWrap .txtBubble {color: #fff;}
.productWrap .dubbleRate .rateWrap .txtBubble:after {width: 6px;height: 5px;background: url(https://image.shinhan.com/rib2017/images/pr07/bg_bubble.png) no-repeat 0 0;background-size: 6px 5px;}
.goodsInfoWrap .txtBubble {display: inline-block; position: relative;padding: 4px 7px; border-radius: 10px;background: #3e1b34; font-weight: 400;font-size: 13px; color: #4dd3ff; opacity: 1;}
.productWrap .dubbleRate .rateWrap .txtRate { margin-top: 5px; font-size: 24px;color: #bd5591; letter-spacing:-0.05em}
.goodsInfoWrap .txtRate { margin-top: 5px; }
.goodsInfoWrap .txtRate em{ font-size:27px;color:#bd5591; }
.goodsInfoWrap .txtRate strong{ font-size:27px;color:#bd5591; }
.goodsInfoWrap .txt { margin-top: 5px;margin-bottom: 0;font-weight: 700; font-size: 13px; transform: matrix(1, 0, 0, 1, 0, 0);  -webkit-transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; color: #777;}

.goodsInfoList {margin-top: 30px;width: 60%;}
.goodsInfoList li {position:relative;padding-left:9px;margin-top:8px;font-size:14px; color:#555;line-height:18px;}
.goodsInfoList li:first-child {margin-top:0;}
.goodsInfoList li:before {content:"";position:absolute;top:6px;left:0;width:3px;height:3px;border-radius:50%;background:#555;}

.goodsInfoList {margin-top: 30px;width: 60%;}   
.goodsInfoList p {position:relative;margin-top:8px;font-size:14px; color:#555;}
.goodsInfoList p:first-child {margin-top:0;}

.motionArea .goodsInfo {padding-right:93px; margin-top:30px; font-size:14px;}
.motionArea .goodsInfo dt {color:#777; font-size:13px;}
.motionArea .goodsInfo dd + dt {margin-top:10px;}
.motionArea .goodsInfo dd {margin:7px 0 0; color:#555; font-size:14px; line-height:1.5;}
.motionArea .goodsInfo .txt {font-size:14px; font-weight:400;}

.productWrap .motionArea .w2anchor2.btnTyBlue03.medium.btn100per{position:relative;}

.innerBox {position: relative;margin-bottom: 6px;padding: 20px 16px;background: #fff;/* border-bottom: 1px solid #ddd; */}
.innerBox.line:after,
.innerBox:after { content:''; display:block; position:absolute; bottom:-6px; left:0; right:0; height:6px; background:#f2f2f2;}


.mall_count{overflow: hidden;    padding: 10px 16px;border-bottom: 1px solid #dbdbdb;}
.mall_count .count_txt{float: left;}
.mall_count .count_txt .txt{padding: 14px 5px 14px 0px;float: left;font-size: 14px;font-weight: bold;color: #333333;}
.mall_count .count_txt .txt_num{float: left;padding: 14px 0px;color: #eb3d4f;font-size: 14px;}

.mall_top{overflow:hidden;padding: 10px 16px;border-bottom: 1px solid #dbdbdb;background-color:#f6faff;}
.mall_top .btnTyGray01{padding-right:20px;background:#fff url(https://image.shinhan.com/rib2017/images/mnew/ico_down.png) no-repeat right 10px center;background-size:15% auto;}
.mall_top .btnTyGray01.mall_top_close{background:#fff url(https://image.shinhan.com/rib2017/images/mnew/ico_up.png) no-repeat right 10px center;background-size:15% auto;}


/* 버튼컬러 */
.motionArea .btnType.btnRed {background-color: #db6c6c !important;}
.motionArea .btnType.btnBlue {background-color: #457aba !important;}
.motionArea .btnType.btnBrown {background-color: #928578 !important;}
.motionArea .btnType span {font-size: 15px; font-weight: 700 !important;}

/* 어코디언리스트 */
.contAccordion, .contAccordion.innerBox { padding: 0;}
.innerBox.contAccordion .AccorTitle {position:relative; border-bottom:0;}
.innerBox.contAccordion.on .AccorTitle { border-bottom:1px solid #f2f2f2;} /* 김영훈 2017-12-11 수정 */
.innerBox.contAccordion .AccorCont .listTypeTable .lineType .row .rightCol { padding-left: 10px; text-align: left;}

.contAccordion .AccorTitle a { position:relative; display:table; width:100%;}
.contAccordion .AccorTitle .tit { display:table-cell; min-width:200px; height:50px; padding:4px 16px 0px; vertical-align:middle; color:#333; font-size:15px; font-weight:700;}
.contAccordion .AccorTitle.brdBNone .tit { font-size:14px;} /* 2018.02.21 장영석 */
.contAccordion .AccorTitle .arrow {display:inline-block; width:auto; position:absolute; top:50%; right:16px; margin-top:-4px;}
.contAccordion .AccorTitle .arrow > .iconTy09 {    background: url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_off.png);background-size: 15px 8px; /* background-position:0 -8px; */}
.contAccordion .AccorTitle .arrow > .iconTy10 { background: url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_on.png);background-size: 15px 8px;/*  background-position:0 0px; */}
.contAccordion .AccorTitle .arrow span { display:block;}
.contAccordion .AccorTitle .arrow span + span { display:none;}
.contAccordion.on .AccorTitle .arrow span { display:none;}
.contAccordion.on .AccorTitle .arrow span + span { display:block;}

.contAccordion .AccorCont { display:none; padding:20px 16px 20px;} /* 김영훈 2017-12-11 수정 */
.contAccordion .AccorCont.full { padding-top:0; padding-left:0; padding-right:0;}
.contAccordion .AccorCont [class*=subTit] { margin-top:20px;}
.contAccordion .AccorCont [class*=subTit]:first-child {margin-top: 0;}
.contAccordion .AccorCont > p { margin-bottom:10px;}
.contAccordion .AccorCont > p:last-child { margin-bottom:10px;}
/* .contAccordion .AccorCont  > div.w2textbox { margin-bottom:20px;} */
.contAccordion .AccorCont  p { margin-bottom:10px;line-height:18px;}
.contAccordion img{width:100%;}
.contAccordion stong a img{width:auto;}
.contAccordion p.tsGray02 {color:#777;font-size:12px;}

/* 라이오추가 아코디언 리스트 */
div.accordGrpChk div.innerBox.contAccordion .solSelCheck {position: absolute; left: 6px; top: 19px;}
div.accordGrpChk div.innerBox.contAccordion .solSelCheck .cbTy02 input + label:before {margin-top:-10px;}
div.accordGrpChk div.innerBox.contAccordion .AccorTitle {padding-left:40px;}
div.accordGrpChk div.innerBox.contAccordion .AccorTitle .tit {padding-left:6px;}
div.accordGrpChk div.innerBox.contAccordion .AccorTitle .tit span {display:inline-block; }
div.accordGrpChk div.innerBox.contAccordion .AccorTitle .tit .txt {padding-right:7px;}
div.accordGrpChk div.innerBox.contAccordion .AccorTitle .iconTy112 {padding: 0 4px; height: 16px; line-height: 16px; background: #3387ce;    color: #fff;    font-size: 11px;    font-style: normal;}


/* 라이오추가 아코디언 리스트   check 존재시 inChk,  첫줄 보이는 경우  viewRow */
.baseAccord .contAccordion.on .AccorCont {display:block;}
.baseAccord .contAccordion .AccorTitle a .tit {box-sizing:border-box; padding-right:35px;}
.baseAccord.inChk .contAccordion .AccorTitle a {display:block; cursor:pointer;}
.baseAccord.inChk .contAccordion .AccorTitle a .tit {padding-left:45px;}
.baseAccord.inChk .contAccordion .AccorTitle a .solSelCheck {position:absolute; left:0; top:18px;}
    	
.baseAccord.inChk.viewRow .contAccordion .AccorTitle a .solSelCheck {top:6px;}
    	
.baseAccord.viewRow .contAccordion .AccorCont {display:block; padding-top:5px; padding-bottom:1px;}
.baseAccord.viewRow .contAccordion .AccorCont .txt{display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom:5px; margin-bottom:1px}
.baseAccord.viewRow .contAccordion.on .AccorCont {padding-top:4px;}
.baseAccord.viewRow .contAccordion.on .AccorCont .txt{white-space:normal; padding-bottom:10px;}
.baseAccord.viewRow .contAccordion .AccorTitle a .tit {height:23px;}


/* #tbx_금리기준일자{margin-bottom:0} */





/* ====================
/* subTitle
/* ==================== */
[class*=subTit].mt0 { margin-top:0;}
.contents > *:first-child [class^=subTit]:first-child,
[class^=subTit]:first-child {margin-top: 0;}
.subTit { margin: 20PX 0 11px; font-size:18px; color:#333; font-weight:700;}
.subTit + .subTit2 { margin-top:20px;}
.subTit2 {margin:34px 0 11px; font-size:15px; color:#333; font-weight:700;}

.contents.full .subTit2.type2 {margin:0;}
.subTit2.line {padding-bottom:8px;border-bottom:1px solid #333}
.subTit2.grayBg {padding: 8px 16px; margin: 0 -16px; font-weight: 400; font-size: 13px; background: #f2f2f2;}
.subTit2.grayBg > .infoWrap em + em:before {content:'';display: inline-block;width: 1px;height: 12px;margin: -2px 10px 0 6px;vertical-align: middle;background-color: #909090;}
.subTit2.grayBg + .listTypeTable.lineType2 > ul {padding: 15px 16px;}
.subTit2 > .smallTxt {font-size:13px;color:#555;}
.noSubTit,
.subTit2 + .subTit3 { margin-top:20px;}
.noSubTit .subTit3 {margin-top:0;}
.subTit3 {position:relative;margin:21px 0 10px;font-size:14px;color:#333;font-weight:700;}
.subTit3.grayBg {margin:0;padding:8px 16px;background:#f2f2f2;}

.innerBox [class*=subTit]:first-child { margin-top:0;}

.titBanner {padding: 10px 16px;border-bottom: 1px solid #dbdbdb;font-size: 15px;}
.titBanner h2.subTit {margin:0;}
.innerText { padding:20px 16px 10px;}





/* 어코디언 내 아이콘 이미지 */
.protectBox {margin-top:20px; padding:20px 0; border-top:1px solid #e9e9e9;}
.protectBox .img {width:60px; margin:0 auto 15px;}
.protectBox .img img {width:100%;}
.protectBox .txt {color:#555;} 

.contAccordion .AccorCont a {overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.contAccordion .AccorCont a + a { margin-top:5px;}
.contAccordion .AccorCont .btnType.lineBlack{ margin-bottom:10px;}

/* 아코디언 탭 */
.w2tabcontrol.tabTy02{overflow:hidden;}
.tabTy02 li {width: 49%;border-left: none !important;}
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost{height:auto;}
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_tab_right,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_tab_center,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left,
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background-image:none;}
.w2tabcontrol.tabTy02 .w2tabcontrol_container{position:relative;border:solid #dcdcdc;border-width:1px 0 0;}
.w2tabcontrol.tabTy02 .w2tabcontrol_contents_wrapper{  padding-top: 0;}
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost li a{position:static;width:inherit;height:30px;margin:0;padding:0;font-size:15px;font-weight:normal;line-height:1.2;color:#666;}
.w2tabcontrol.tabTy02 .w2tabcontrol_tabhost li.w2tabcontrol_active a{line-height:1;color:#3579d4;}
.w2tabcontrol.tabTy02 .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;}

.irp .tblTyDefault tbody th {text-align: left;}
.irp .tblTyDefault thead th {text-align: left !important;}
.irp .tblTyDefault tfoot th {text-align: left;}
.irp.tabTy02 {margin-bottom: 15px;}
.tblTyDefault tfoot td,
.irp .tblTyDefault tbody td{padding: 13px 10px 7px;}
.tabTy02 .listDash li {width: 100%;}
.tabTy02 ul.listDash {border-bottom:0;}

.subTit3 { position: relative;margin: 21px 0 5px;font-size: 15px;color: #333;font-weight: 700;}
.subTit4 { position: relative;margin: 5px 0 2px;font-size: 15px;color: #333;font-weight: 700;}
.txtBlack3 {color: #777 !important;}
.circleDecimalList {padding-left: 0;text-indent: 0;}
.circleDecimalList > li .num {display: block; position: absolute; left: 0; top: 0;}
.referTxt {display: block; font-size: 13px;}
.referTxt {padding-left:15px; font-size:13px; text-indent:-15px; line-height:18px; color:#777;}
.referTxt:before {display:inline-block; margin-right:2px; text-indent:0; vertical-align:top; content:"※";}
.starTxt {padding-left:9px; text-indent:-9px;}
.starTxt:before {display:inline-block; position:relative; top:3px; font-size:13px; margin-right:2px; text-indent:0; vertical-align:top; content:"";}
table.tblTyDefault + .referTxt, ul.dotList + .referTxt, ul.dashList + .referTxt, div + .referTxt, ul.circleDecimalList + .referTxt,  p + .referTxt {margin-top:7px;}

/* 테이블 */
.tblInfo .listTypeTable .half + .half {text-align: right;}
.tblInfo .listTypeTable .half .txt {font-size: 13px;color: #777;}
.tblInfo + .tblTyDefault {margin-top: 6px;}
.tblTyDefault {width:100%;margin-top:15px;text-align:center;}
.tblTyDefault.wordBreak th,
.tblTyDefault.wordBreak td {word-break:break-all;}
.tblTyDefault.al th, .tblTyDefault.ar th {text-align:center;}
.tblTyDefault thead th {border:1px solid #eaeaea;}
.tblTyDefault thead th,
.tblTyDefault tfoot th,
.tblTyDefault tbody th {padding:11px 10px; word-break:keep-all; word-break:break-word; background-color:#f9f9f9;border:1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.tblTyDefault tfoot td,
.tblTyDefault tbody td {padding:11px 10px;vertical-align:top;color:#777; word-break:keep-all; word-break:break-word; border:1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.tblTyDefault tbody > tr:first-child th,
.tblTyDefault tbody > tr:first-child td {/* border-top-width:0; */}
.tblTyDefault.rowType tbody > tr:first-child th,
.tblTyDefault.rowType tbody > tr:first-child td {border-top-width:1px;}
.tblTyDefault.rowType tbody th {padding:11px 12px;text-align:left;border:1px solid #eaeaea; word-break:keep-all; word-break:break-word;}
.tblTyDefault.type2 tbody td {vertical-align:middle;}
.tblTyDefault.rowType tbody td {text-align:right; word-break:keep-all; word-break:break-word;}
.tblTyDefault tbody td .referTxt {display: block; font-size: 12px;}
.tblTyDefault tbody td .dotList {margin-top: 10px; font-size: 12px; text-align: left;}
.tblTyDefault tbody td .dotList li {color: #777;}

/* 테이블 혼합형태 추가 */
.tblTyDefault.rowColType tbody > tr:first-child th,
.tblTyDefault.rowColType tbody > tr:first-child td {border-top-width:1px;}
.tblTyDefault.rowColType tbody th {padding:11px 12px;text-align:left;border:1px solid #eaeaea;}
.tblTyDefault.rowColType tbody td {text-align:right;}
.tblTyDefault.rowColType tbody th {background: #fff;font-weight:normal;}


/* 테이블02 */
.tblInfo + .tblTyDefault.newTb {margin-top: 6px;}
.tblTyDefault.newTb {width:100%;margin-top:5px;text-align:center;border-top:0;}
.tblTyDefault.newTb.wordBreak th,
.tblTyDefault.newTb.wordBreak td {word-break:break-all;}
.tblTyDefault.newTb.al th, .tblTyDefault.ar th {text-align:center;}
.tblTyDefault.newTb thead th,
.tblTyDefault.newTb tbody th {padding:5px 10px; word-break:keep-all; word-break:break-word; background-color:#fff;border-bottom: 0;}
.tblTyDefault.newTb tbody td {padding:5px 10px;vertical-align:top;color:#777; word-break:keep-all; word-break:break-word; border:0;border-bottom:0}
.tblTyDefault.newTb tbody > tr:first-child th,
.tblTyDefault.newTb tbody > tr:first-child td{ border-top: 0;}
.tblTyDefault.newTb tbody > tr:last-child th,
.tblTyDefault.newTb tbody > tr:last-child td { border-bottom: 2px solid #eaeaea;}
.tblTyDefault.newTb tbody td .referTxt {display: block; font-size: 12px;}
.tblTyDefault.newTb tbody td .dotList {margin-top: 10px; font-size: 12px; text-align: left;}
.tblTyDefault.newTb tbody td .dotList li {color: #777;}
.tblTyDefault.newTb tfoot th, .tblTyDefault.newTb tfoot td{background-color:#fff;}
.tblTyDefault.newTb tfoot td {border-left:0}

/* 테이블 혼합형태 추가 */
.tblTyDefault.rowColType.newTb tbody > tr:first-child th,
.tblTyDefault.rowColType.newTb tbody > tr:first-child td {border-top-width:1px;}
.tblTyDefault.rowColType.newTb tbody th {padding:11px 12px;text-align:left;border:1px solid #eaeaea;}
.tblTyDefault.rowColType.newTb tbody td {text-align:right;}
.tblTyDefault.rowColType.newTb tbody th {background: #fff;}

/* 테이블 03 */
.tableTydefault{border-top:1px solid #c2c2c2; margin-bottom:10px;}
.tableTydefault th{position:relative;text-align:left;padding:7px;color:#333;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fcfcfc;font-weight:400;vertical-align:middle;letter-spacing:-0.05em;}
.tableTydefault td{text-align:left;padding:7px 11px;color:#333;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;vertical-align:middle;letter-spacing:-0.05em;text-align:center;}
.tableTydefault th:first-child, 
.tableTydefault td:first-child {border-left:none;}
.tableTydefault th .txtTybadge{position:absolute;left:9px;top:8px;}
.tableTydefault th .txtTybadge + em{display:inline-block;padding-left:35px;}

/* 테이블스타일 2단구분 */
.grpTbStyle{display: table;}
.grpTbStyle .grpTbStyleSelL{width: 50px;display: table-cell;}
.grpTbStyle .grpTbStyleSelL .p01{text-align: center;line-height: 41px;margin: 0;}
.grpTbStyle .grpTbStyleSelL .p02{text-align: center;line-height: 43px;margin: 0;}
.grpTbStyle .grpTbStyleSelL .p03{text-align: center;line-height: 42px;margin: 0;}
.grpTbStyle .grpTbStyleSelR{width: auto;display: table-cell;vertical-align:top;}
.bgBlue{background-color: #1150c5;}
/* table align */
.tableTyInfo.ac th, .tableTyInfo.ac td{text-align:center;}
.tableTyInfo.ar td{text-align:right;}
.tableTyInfo.al td{text-align:left !important;}
.tableTydefault.ac th, .tableTydefault.ac td{text-align:center;}
.tableTydefault.ar td{text-align:right;}

.tableTydefault > ul > li{position:relative;margin-top:13px;border-bottom:1px solid #e5e5e5;border-top:1px solid #c2c2c2;}
.tableTydefault > ul > li:first-child{margin-top:0;border-top:0;}
.tableTydefault dl{margin-bottom:-1px;}
.tableTydefault dl:first-child{margin-top:0;border-top:0;}
.tableTydefault dt{width:100%;position:relative;padding:9px;color:#333;border-bottom:1px solid #e5e5e5;background:#fcfcfc;font-weight:normal;vertical-align:middle;letter-spacing:-0.05em;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.tableTydefault dd{display:table;width:100%;border-bottom:1px solid #e5e5e5;}
.tableTydefault dd span{display:table-cell;width:50%;padding:9px 11px;color:#333;vertical-align:middle;letter-spacing:-0.05em;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.tableTydefault dt .txtTybadge{position:absolute;left:9px;top:8px;}
.tableTydefault dt .txtTybadge + em{display:inline-block;padding-left:35px;}

/* 리스트 타이틀박스 */
.listTitleBox .right .iconTy44 { margin-left:5px; margin-top:-6px;color:#333;width:auto;background-size:auto 18px;font-size:13px;padding:4px 0 0 20px;font-weight:700;}
.listTitleBox .listTit {font-size:13px; color:#333; font-weight:700;}
.listTitleBox .listTit + .txt {margin-top:5px;font-size:13px;}
.listTitleBox .listTit > .txt {display: block;margin-top: 6px;}
.listTitleBox .listTit > .txt.errorMsg {color: #eb3d4f;}
.listTitleBox .listTit .btnType3 {font-size:13px; color:#333; font-weight:700;}
.listTypeTable + .listTitleBox { margin-top:30px;}

/* 테이블 펀드 추가 */
/* listTitle */
.listTitleBox { display:table; width:100%; margin-bottom:7px; box-sizing:border-box;padding:0 5px;margin-top:5px;}
.listTitleBox.lineB { padding-bottom:8px; border-bottom:1px solid #e9e9e9;}
.listTypeTb.lineType > ul {border-top:1px solid #333;}
.listTitleBox .left { display:table-cell; vertical-align:middle;}
.listTitleBox .right { display:table-cell; vertical-align:middle; text-align:right;}
.marT10b20  .w2checkbox_item { margin: 0 10px 5px 0px !important;}
.marT10b20 .cbTy02 > div > input + label {padding-left: 30px;}
.listTypeTb.lineType.newOne > ul { padding: 16px 0px 0; border: 1px solid #92ade3;}
.listTypeTb.lineType.newOne > ul li.row {border: none;    padding: 7.5px 13px;}
.listTypeTb.lineType.newOne > ul > li.row:last-child {border: none;    padding: 7.5px 13px 5px;background:#f1f7fd;}
.AccorCont .targetmoney .graph_bar .btn_bar { width: 20px;height: 20px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/sliderthum.png) no-repeat 0 0;background-size:20px 20px;}
.AccorCont .targetmoney .graph { height: 4px; background: #e9e9e9;}
.AccorCont .targetmoney .graph_bar { height: 4px; background: #287bd0;}

/* listTypeTb */
.listTypeTb > .txtWrap + ul {margin-top:18px;}
.listTypeTb .row {display:table;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.listTypeTb.lineType .row {padding:11px 8px;border-bottom:1px solid #e9e9e9;}
.listTypeTb.al .row .rightCol > .txt {text-align: left;}
.listTypeTb.vtT .leftCol, .listTypeTb.vtT .rightCol {vertical-align:middle;}
.listTypeTb .vtB .leftCol, .listTypeTb .vtB .rightCol {vertical-align:bottom !important;}
.listTypeTb .row > .topCont,
.listTypeTb .row > a {display:table;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.listTypeTb .row .leftCol {/* width:100px; */}
.listTypeTb.leftColWidth .row .leftCol {width:107px;}
.listTypeTb .row .rightCol {text-align:right;}
.listTypeTb .row .leftCol,
.listTypeTb .row .rightCol {display:table-cell; vertical-align:middle;}
.listTypeTb .row .leftCol.width100 {width:100px;}
.listTypeTb .row .leftCol.width120 {width:120px;}
.listTypeTb .row .leftCol.width150 {width:150px;}
.listTypeTb .row .leftCol.width210 {width:210px;}
.listTypeTb .row .leftCol .tit {color:#777;}
.listTypeTb .row .leftCol .tit > .txt {display:block;margin-top:6px;}
.listTypeTb .row .rightCol .txt {color:#333;}
.listTypeTb .row .rightCol .txt + .txt {margin-top: 5px;}
.listTypeTb .row .rightCol .txt.small {font-size:12px;color:#777;}
.listTypeTb .row.bgGray {background-color:#f8f8f8;}
.listTypeTb .row.bgGray .tit {color:#333;}
.listTypeTb .row > .listTypeTb .row {padding:0;border:none;}
.listTypeTb .row > .listTypeTb .row + .row {margin-top:8px;}
.listTypeTb .row .dotList {margin-top: 10px;}
.innerBox.bgBlue .listTypeTb .row .tit,
.innerBox.bgBlue .listTypeTb .row .txt {color:#fff;}
.listTypeTb .row .half {display:table-cell; width:50%;}
.listTypeTb .row .half.txt {width:70%}
.listTypeTb .row .half p + p {margin-top:5px;}
.listTypeTb .listTitleBox p{margin-bottom: 0px !important;}
.listTypeTb .row p{margin-bottom: 0px !important;}
.contAccordion .listDot ul li{margin-bottom:0 !important;}

/* 평가등급 */
.listTypeTb .rating {margin-top: 0;display:block; text-align:left;}
.rating, .rating .fillRating {background-size: 90px auto;}
.rightCol .rating {margin-top: 0;}
.rating, .rating .fillRating {background:no-repeat;background-position: 0 0;background-size:92px auto;}
.rating {width: 92px;position: relative;height: 16px;margin-top: 8px;background-image: url('https://image.shinhan.com/rib2017/images/mnew/mall/bg_grade_off.png');}
.rating span{position:absolute;top: 0;left: 0;height: 16px;background: url('https://image.shinhan.com/rib2017/images/mnew/mall/bg_grade_on.png') no-repeat;background-position: 0 0px;background-size: 92px 16px;}
.rating span.on00 {width: 0px;}
.rating span.on01 {width: 19px;}
.rating span.on02 {width: 38px;}
.rating span.on03 {width: 57px;}
.rating span.on04 {width: 76px;}
.rating span.on05 {width: 92px;}

/* 펀드 테이블 */
.tblBeige {width:100%;text-align:center;}
.tblBeige.wordBreak th,
.tblBeige.wordBreak td {word-break:break-all;}
.tblBeige.al th, .tblBeige.ar th {text-align:center;}
.tblBeige thead th {border:1px solid #eaeaea;}
.tblBeige thead th,
.tblBeige tbody th {padding:11px 10px; word-break:keep-all; word-break:break-word; background-color:#fbf6f0;}
.tblBeige tbody td {padding:11px 10px;vertical-align:top;color:#777; word-break:keep-all; word-break:break-word; border:1px solid #eaeaea;vertical-align:middle;}
.tblBeige tbody > tr:first-child th,
.tblBeige tbody > tr:first-child td {border-top-width:0;}
.tblBeige.rowType tbody > tr:first-child th,
.tblBeige.rowType tbody > tr:first-child td {border-top-width:1px;}
.tblBeige.rowType tbody th {padding:11px 12px;text-align:left;border:1px solid #eaeaea; word-break:keep-all; word-break:break-word;}
.tblBeige.type2 tbody td {vertical-align:middle;}
.tblBeige.rowType tbody td {text-align:right; word-break:keep-all; word-break:break-word;}
.tblBeige tbody td .referTxt {display: block; font-size: 12px;}
.tblBeige tbody td .dotList {margin-top: 10px; font-size: 12px; text-align: left;}
.tblBeige tbody td .dotList li {color: #777;}

/* 펀트 라디오버튼 */
.rdoAreaTy2 {display:table; table-layout:fixed; position:relative; width:100%; margin-top:7px;margin:9px 0;}
.rdoAreaTy2 .w2radio {display: flex !important;}
.rdoAreaTy2 .w2checkbox .w2checkbox_item, .rdoAreaTy2 .w2radio .w2radio_item {display: flex;background: #ddd;flex: 1;margin: 0 !important;}
.rdoAreaTy2 input[type="radio"] + label {flex:1;position:relative; display:table-cell; width:100%; height:36px; padding:0; margin-left:2px; border-radius:3px;border-width:0 1px;font-size:13px; text-align:center; color:#333;line-height: 36px;}
.rdoAreaTy2 input[type="radio"] + label:before {display:none;}
.rdoAreaTy2 input[type="radio"]:checked + label {background:#3789dc; color:#fff;}
.rdoAreaTy2 input[type="radio"]:disabled + label {}
.rdoAreaTy2 input[type="radio"]:checked:disabled + label {}
.rdoAreaTy2 input[type="radio"]:checked:checked:disabled + label {color:#fff;}
.formAreaBox input {width: 100%;height: 40px;border: none; box-sizing: border-box;font-size: 15px; color:#333; padding:0 20px 0 0; font-weight:500;}

/* 펀드 상단 비쥬얼영역 */
.motionArea .fundInfoArea {margin-top: 37px;}
.motionArea .fundInfoArea > .infoList {}
.motionArea .fundInfoArea > .infoList:after {display: block;content:'';clear: both;}
.motionArea .fundInfoArea .infoList li {float: left;text-align: center;box-sizing:border-box;margin-top:5px;}
.motionArea .fundInfoArea .infoList li:first-child {margin-top:0;}
.motionArea .fundInfoArea .infoList li.data01 {width: 23%;}
.motionArea .fundInfoArea .infoList li.data01 span {background-repeat:no-repeat;background-position: 50% 0;background-size: 38px auto;}
.motionArea .fundInfoArea .infoList li.data01.case01 span {background-image: url('https://image.shinhan.com/rib2017/images/mnew/mall/bg_fund_case01.png');} /* 주식형 */
.motionArea .fundInfoArea .infoList li.data01.case02 span {background-image: url('https://image.shinhan.com/rib2017/images/mnew/mall/bg_fund_case02.png');} /* 채권형 */
.motionArea .fundInfoArea .infoList li.data01.case03 span {background-image: url('https://image.shinhan.com/rib2017/images/mnew/mall/bg_fund_case03.png');} /* 혼합형 */
.motionArea .fundInfoArea .infoList li.data01.case04 span {background-image: url('https://image.shinhan.com/rib2017/images/mnew/mall/bg_fund_case04.png');} /* MMF */
.motionArea .fundInfoArea .infoList li.data01.case05 span {background-image: url('https://image.shinhan.com/rib2017/images/mnew/mall/bg_fund_case05.png');} /* 주식파생형 */
.motionArea .fundInfoArea .infoList li.data01 span{margin-top: 0;padding-top: 43px;}
.motionArea .fundInfoArea .infoList li.data02 {width: 27.5%;}
.motionArea .fundInfoArea .infoList li.data03 {float: right;width: auto;}
.motionArea .fundInfoArea .infoList li > .grade,
.motionArea .fundInfoArea .infoList li > .yield {font-weight: 700;font-size: 30px;line-height: 1;}
.motionArea .fundInfoArea .infoList li > .yield.plus {color: #eb3d4f;}
.motionArea .fundInfoArea .infoList li > .yield.minus {color: #3789dc;} 
.motionArea .fundInfoArea .infoList li > .yield.zero {color: #333333;} 
.motionArea .fundInfoArea .infoList li > .yield span {font-weight: 700;line-height: 1;}
.motionArea .fundInfoArea .infoList li > span {display: block;margin-top: 7px;color: #555;}
/* .motionArea  em.up {color: #f13e51;}
.motionArea  em.down {color: #3789dc;}
 */
 /* 기준가증감 아이콘 */
.motionArea  em.up { margin-top: 1px;  display: inline-block;margin-left: 12px;width: 16px;height: 11.5px;background: url(https://image.shinhan.com/rib2017/images/mnew/mall/icon_price_up.png) no-repeat;background-size: 16px 11.5px;}
 .motionArea  em.down {     margin-top: 2px;   display: inline-block;margin-left: 12px;width: 16px;height: 11.5px;background: url(https://image.shinhan.com/rib2017/images/mnew/mall/icon_price_down.png) no-repeat;background-size: 16px 11.5px;}

/* 메인상단영역 */
.callProduct {height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch !important;}
.callProduct .conTop .imgBox{position:relative;/* height:555px; */height:465px;padding:0px 22px 0;box-sizing:border-box;overflow:hidden;}
.callProduct .conTop .imgBox.off{background:transparent;}
.callProduct .conBtm{position:relative;}
.callProduct .btnBlack.moreBtn{margin-top:-1px;border-top:1px solid #cecece;background-color:#fff;font-size:13px;color:#555;}

/* 기타 Genarator 메인상단역영 */
.grt_imgbox .con .btnGroup{position:relative;left:0;top: 15px;margin-bottom: 30px;}


/* 디테일화면 서연CSS 추가 */
.goodsSwiper {position:relative;overflow:hidden;width:100%;height:auto;/* height:450px; */min-height:450px;}
.goodsSwiper .inner {font-size:0;}
.goodsSwiper .swipeCon {display:inline-block;position:relative;overflow:hidden;width:100%;height:auto;min-height:450px;/* height:450px; */box-sizing:border-box;vertical-align:top;}
.goodsSwiper .goods01 {padding:25px 27px 20px;}
.goodsSwiper .goods01 > * {white-space: initial;}
.goodsSwiper .goods01 .mainTxtWrap {}
.goodsSwiper .goods01 .mainTxtWrap:before, .mainTxtWrap:after{content:".";display:block;visibility:hidden;font-size:0;line-height:0;}
.mainTxtWrap .tit {font-weight:700;font-size:30px;}
.mainTxtWrap .txt {margin:10px 0 10px;font-weight:500;font-size:15px;    /* overflow: hidden; *//* text-overflow: ellipsis;-webkit-line-clamp: 2; */-webkit-box-orient: vertical;display: -webkit-box;} /* 2018-02-19 css 수정 */
.mainTxtWrap .txt + .btnType3 {margin-bottom: 40px;}
.goodsInfoWrap .txt {margin-top:5px; margin-bottom:0; font-weight:700;font-size:13px;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);opacity:1; color:#777;}
.goodsInfoWrap .prInfoList {width: 60%;}
.goodsInfoWrap .prInfoList > li .listTit { font-size: 14px; color: #777;}
.goodsInfoWrap .prInfoList > li .listTxt {margin-top:5px; font-size:14px; color:#555; line-height: 18px;}
.goodsInfoWrap .prInfoList > li .listTxt.color777 {margin-top:10px; font-size:14px; color:#777;}
.goodsInfoWrap .prInfoList > li + li {margin-top: 20px;}

.goodsSwiper.goodsfund{min-height:300px;}
.goodsSwiper.goodsfund .swipeCon{min-height:300px;}
.goodsSwiper.goodsfund .mainTxtWrap .tit{font-size:20px;}

/* swipe 서브메인 페이징 */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {/* bottom: 80px !important; */}

.txtWrap {position:absolute;z-index:10;width:100%;padding:0 27px;box-sizing:border-box;}
.txtWrap .tit {padding:0;font-weight:700;font-size: 28px;color:#fff;-webkit-transform:translateZ(0); transform:translateZ(0);}
.txtWrap .txtYellow {color:#ffc927;}
.txtWrap .txt {font-weight:300;margin-top:10px;font-size:14px;color:#fff;opacity:1;}
.visualWrap {position:absolute;}


/* Product Detail */

.prdtCont h4 + div > .subTit3{display: block;padding-left: 13px;font-size: 14px !important;font-weight: 700;color: #666 !important;background: url('https://image.shinhan.com/rib2017/images/mnew/ico_arrow_tit.png') no-repeat 2px 4px;background-size: 7px 11px;margin-top:10px !important;}
.prdtCont h4 + div > .subTit3 +*, .prdtCont h4 + div > .subTit3+*+*, .prdtCont h4 + div > .subTit3+*+*+*, .prdtCont h4 + div > .subTit3+*+*+*+*,
.prdtCont h4 + div > .subTit3+*+*+*+*+*,  .prdtCont h4 + div > .subTit3+*+*+*+*+*+*,  .prdtCont h4 + div > .subTit3+*+*+*+*+*+*+*{margin-left:13px;}

.prdtCont{/* padding:20px; */}
.prdtCont:after{content:'';display:block;clear:both;}
.prdtCont .sec h4{display:block;margin:15px 0 0 0px;font-size:15px;line-height:1.5;color:#333;}
.prdtCont .sec strong{display:block;margin:15px 0 0 0px;font-size:14px;line-height:1.5;color:#666;}
.prdtCont .sec:first-child strong{margin-top:15px;}
.prdtCont .sec:after{content:'';display:block;clear:both;}
.prdtCont .sec strong.titArrow + div, .prdtDetailWrap .prdtCont .sec strong.titArrow + div + p,  .prdtDetailWrap .prdtCont .sec strong.titArrow + div + p + p,
.prdtCont .sec strong.titArrow + p, .prdtDetailWrap .prdtCont .sec strong.titArrow + p + p, .prdtDetailWrap .prdtCont .sec strong.titArrow + p + p + p,
.prdtCont .sec strong.titArrow + ul, .prdtDetailWrap .prdtCont .sec strong.titArrow + ul + p, .prdtDetailWrap .prdtCont .sec strong.titArrow + ul + p + p,
.prdtCont .sec strong.titArrow + p + ul{margin-left:13px;}
.prdtCont .sec .w2textbox{word-wrap:break-word;}
.prdtCont .sec h4 + .w2textbox{line-height:18px;margin-top:5px;}

/* 상품구분 swipe 001 쏠편한 입출금통장(저축예금)*/
.goodsWrap01 .goods02 {background:#0d5ec4;}
.goodsWrap01 .goods02 .txtWrap {top:250px;left:0;}
.goodsWrap01 .goods02 .visualWrap{top:63px;left:50%;width:200px;height:150px;margin-left:-100px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product01_02.png) no-repeat !important;background-size:200px 150px !important;} 

.goodsWrap01 .goods03 {background:#e55d42;}
.goodsWrap01 .goods03 .txtWrap {top:40px;left:0;}
.goodsWrap01 .goods03 .visualWrap {width:250px;height:250px;top:132px;right:0;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product01_03.png) no-repeat !important;background-size:250px 250px !important;}

.goodsWrap01 .goods04 {background:#4db6ac !important;transition:all .3s;}
.goodsWrap01 .goods04.on {background:#4db5ab;}
.goodsWrap01 .goods04 .txtWrap {top:300px;left:0;text-align:center;}
.goodsWrap01 .goods04 .visualWrap {top:34px;left:50%;width:200px;height:200px;margin-left:-100px; background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product01_04.png) no-repeat !important;background-size:200px 200px !important;}


/* 상품구분 swipe 02_02 */
/* 선물하는적금 */
.goodsWrap02 .goods02 {background:#057e7d;}
.goodsWrap02 .goods02 .txtWrap {top:43px;left:0;}
.goodsWrap02 .goods02 .visualWrap {bottom:0;left:50%;width:205px;height:240px;margin-left:-102.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product02_02.png) no-repeat 0 0;background-size:205px 240px;}

.goodsWrap02 .goods03 {background:#375f9e;}
.goodsWrap02 .goods03 .txtWrap {top:43px;left:0;}
.goodsWrap02 .goods03 .visualWrap {bottom:40px;left:50%;width:250px;height:205px;margin-left:-125px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product02_03.png) no-repeat 0 0;background-size:250px 205px;}

.goodsWrap02 .goods04 {background:#1d342d }
.goodsWrap02 .goods04 .txtWrap {top:43px;left:0;}
.goodsWrap02 .goods04 .visualWrap {bottom:50px;left:50%;width:200px;height:180px; margin-left:-100px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product02_04.png) no-repeat 0 0;background-size:200px 180px;}

.goodsWrap02 .goods05 {background:#222c39 }
.goodsWrap02 .goods05 .txtWrap {top:270px;left:0;text-align:center;}
.goodsWrap02 .goods05 .visualWrap {top:30px;left:0;width:190px;height:145px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product02_05.png) no-repeat 0 0;background-size:190px 145px;}


/* 상품구분 swipe 04_02 */
/* 신한주거래드림(dream)적금 */
.goodsWrap04 .goods02 {background:#dddddd;}
.goodsWrap04 .goods02 .txtWrap {top:42px;}
.goodsWrap04 .goods02 .visualWrap {width:205px;height:145px;top:215px;left:50%;margin-left:-102px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product04_02.png) no-repeat 0 0;background-size:205px 145px;}

.goodsWrap04 .goods03 {background:#32a666;}
.goodsWrap04 .goods03 .txtWrap {top:42px;text-align:center;}
.goodsWrap04 .goods03 .visualWrap {width:320px;height:180px;top:210px;left:50%; margin-left:-160px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product04_03.png) no-repeat 0 0;background-size:320px 180px;}

.goodsWrap04 .goods04 {background:#2487d8;}
.goodsWrap04 .goods04 .txtWrap {top:260px;}
.goodsWrap04 .goods04 .visualWrap {top:20px;left:50%;width:155px;height:175px;margin-left:-77px; background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product04_04.png) no-repeat 0 0;background-size:155px 175px;}

 
  /* 상품구분 swipe 003 솔편한 정기예금 */
.goodsWrap05 .goods02 {background:#006250;}
.goodsWrap05 .goods02 .txtWrap {top:43px;left:0;}
.goodsWrap05 .goods02 .visualWrap {top:225px;left:50%;width:169.5px;height:154px;margin-left:-84.75px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product05_02.png) no-repeat 0 0;background-size:169.5px 154px; }

.goodsWrap05 .goods03 {background:#512da8;}
.goodsWrap05 .goods03 .txtWrap {top:43px;left:0;text-align:center;}
.goodsWrap05 .goods03 .visualWrap {top:240px;left:0%;width:100%;height:85px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product05_03.png) no-repeat 0 0;background-size:320px 85px;}
.goodsWrap05 .goods03 .visualWrap .txt {font-weight:700;font-size:16px;color:#fff;text-align:center;margin-top:80px;}
.goodsWrap05 .goods03 .visualWrap .txt span {font-size:69px;}

.goodsWrap05 .goods04 {background:#078ea4;}
.goodsWrap05 .goods04 .txtWrap {top:260px;left:0;}
.goodsWrap05 .goods04 .visualWrap {top:21px;left:50%;width:180px;height:175px;margin-left:-90px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product05_04.png) no-repeat 0 0;background-size:180px 175px;}


/* 상품구분 swipe 06_02 */ 
/* 소액간편대출포켓론 */
.goodsWrap06 .goods02 {background:#f06547;}
.goodsWrap06 .goods02 .txtWrap {top:43px;}
.goodsWrap06 .goods02 .visualWrap {bottom:0;left:50%;width:195px;height:220px;margin-left:-97.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product06_02.png) no-repeat 0 0;background-size:195px 220px;}

.goodsWrap06 .goods03 {background:#295297;}
.goodsWrap06 .goods03 .txtWrap {top:43px;}
.goodsWrap06 .goods03 .visualWrap {bottom:75px;left:50%;width:185px;height:150px;margin-left:-92.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product06_03.png) no-repeat 0 0;background-size:185px 150px;}

.goodsWrap06 .goods04 {background:#4d75cc;}
.goodsWrap06 .goods04 .txtWrap {top:43px;}
.goodsWrap06 .goods04 .visualWrap {bottom:75px;left:50%;width:195px;height:170px;margin-left:-97.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product06_04.png) no-repeat 0 0;background-size:195px 170px;}

.goodsWrap06 .goods05 {background:#492c8a;}
.goodsWrap06 .goods05 .txtWrap {top:43px;}
.goodsWrap06 .goods05 .visualWrap {position:absolute;bottom:20px;right:0;width:210px;height:250px;margin-left:-105px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product06_05.png) no-repeat 0 0;background-size:210px 250px;}


/* 상품구분 swipe 07_02 */ 
/* 예금담보대출 */
.goodsWrap07 .goods02 {background:#375f9e;}
.goodsWrap07 .goods02 .txtWrap {top:43px;}
.goodsWrap07 .goods02 .visualWrap {top:220px;left:50%;width:255px;height:145px;margin-left:-127.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product07_02.png) no-repeat 0 0;background-size:255px 145px;}

.goodsWrap07 .goods03 {background:#947758;}
.goodsWrap07 .goods03 .txtWrap {top:43px;}
.goodsWrap07 .goods03 .visualWrap {top:186px;left:50%;width:175px;height:175px;margin-left:-87.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product07_03.png) no-repeat 0 0;background-size:175px 175px;}

.goodsWrap07 .goods04 {background:#298757;}
.goodsWrap07 .goods04 .txtWrap {top:43px;}
.goodsWrap07 .goods04 .visualWrap {bottom:0;right:0;width:205px;height:250px;margin-left:-102.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product07_04.png) no-repeat 0 0;background-size:205px 250px;}



 /* 마이홈플랜 주택청약 종합저축 */
.goodsWrap09 .goods02 {background:#006250;}
.goodsWrap09 .goods02 .txtWrap {top:43px;width:100%;text-align:center;}
.goodsWrap09 .goods02 .visualWrap {top:180px;left:50%;width:250px;height:190px;margin-left:-125px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product09_02.png) no-repeat 0 0;background-size:250px 190px;}

.goodsWrap09 .goods03 {background:#e86d00;}
.goodsWrap09 .goods03 .txtWrap {top:270px;}
.goodsWrap09 .goods03 .visualWrap {top:0;left:50%;width:210px;height:170px;margin-left:-105px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product09_03.png) no-repeat 0 0;background-size:210px 170px;}

.goodsWrap09 .goods04 {background:#1d4495;}
.goodsWrap09 .goods04 .txtWrap {top:43px;}
.goodsWrap09 .goods04 .visualWrap {top:216px;left:0;width:100%;height:130px;/* margin-left:-160px; */background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product09_04.png) no-repeat 0 0;background-size:320px 130px;}



  /* 상품구분 swipe 11_02 */  
 /*  달콤커피정기예금 */
.goodsWrap11 .goods02 {background:#432117;}
.goodsWrap11 .goods02 .txtWrap {top:43px;}
.goodsWrap11 .goods02 .visualWrap {bottom:10px;left:50%;width:235px;height:315px;margin-left:-117.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product11_02.png) no-repeat 0 0;background-size:235px 315px;}

.goodsWrap11 .goods03 {background:#9d2a2f;}
.goodsWrap11 .goods03 .txtWrap {top:43px;}
.goodsWrap11 .goods03 .visualWrap {bottom:30px;left:50%;width:240px;height:232px;margin-left:-120px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product11_03.png) no-repeat 0 0;background-size:240px 232px;}

.goodsWrap11 .goods04 {background:#674533;}
.goodsWrap11 .goods04 .txtWrap {top:43px;}
.goodsWrap11 .goods04 .visualWrap {bottom:0;left:50%;width:170px;height:245px;margin-left:-85px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product11_04.png) no-repeat 0 0;background-size:170px 245px;}

 
    /* 쏠편한 전세대출 */  
.goodsWrap14 .goods02 {background:#3799b2;}
.goodsWrap14 .goods02 .txtWrap {top:43px;text-align:center;}
.goodsWrap14 .goods02 .visualWrap {bottom:58px;left:50%;width:160px;height:160px;margin-left:-80px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product14_02.png) no-repeat 0 0;background-size:160px 160px;}

.goodsWrap14 .goods03 {background:#cc4f3e;}
.goodsWrap14 .goods03 .txtWrap {top:43px;}
.goodsWrap14 .goods03 .visualWrap {bottom:58px;left:50%;width:185px;height:155px;margin-left:-92.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product14_03.png) no-repeat 0 0;background-size:185px 155px;}

.goodsWrap14 .goods04 {background:#2e4871;}
.goodsWrap14 .goods04 .txtWrap {top:43px;}
.goodsWrap14 .goods04 .visualWrap {bottom:0;left:50%;width:250px;height:255px;margin-left:-100px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product14_04.png) no-repeat 0 0;background-size:250px 255px;}

.goodsWrap14 .goods05 {background:#039be5;}
.goodsWrap14 .goods05 .txtWrap {top:43px;}
.goodsWrap14 .goods05 .visualWrap {bottom:60px;left:50%;width:230px;height:185px; margin-left:-115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product14_05.png) no-repeat 0 0;background-size:230px 185px;}

 
 
    /* 신한주택대출(아파트) */ 
.goodsWrap15 .goods02 {background:#379e5b;}
.goodsWrap15 .goods02 .txtWrap {top:43px;}
.goodsWrap15 .goods02 .visualWrap {bottom:80px;left:50%;width:245px;height:175px;margin-left:-122.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product15_02.png) no-repeat 0 0;background-size:245px 175px;}

.goodsWrap15 .goods03 {background:#1870ad;}
.goodsWrap15 .goods03 .txtWrap {top:43px;text-align:center;}
.goodsWrap15 .goods03 .visualWrap {bottom:120px;left:50%;width:230px;height:130px; margin-left:-115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product15_03.png) no-repeat 0 0;background-size:230px 130px;}

.goodsWrap15 .goods04 {background:#5d4a9a;}
.goodsWrap15 .goods04 .txtWrap {top:43px;}
.goodsWrap15 .goods04 .visualWrap {bottom:30px;left:50%;width:235px;height:215px;margin-left:-117.5px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product15_04.png) no-repeat 0 0;background-size:235px 215px;}

 
   /* 상품구분 swipe19_02 */  
/*  XGOLF 정기예금 */
.goodsWrap19 .goods02 {background:#217807;}
.goodsWrap19 .goods02:before{content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(to bottom right, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 100%);}
.goodsWrap19 .goods02 .txtWrap {top:43px;}
.goodsWrap19 .goods02 .visualWrap {bottom:0px;left:50%;width:250px;height:250px;margin-left:-110px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product19_02.png) no-repeat 0 0;background-size:250px 250px;}

.goodsWrap19 .goods03 {background:#859e07;}
.goodsWrap19 .goods03 .txtWrap {top:43px;padding-right:17px;}
.goodsWrap19 .goods03 .visualWrap {bottom:0px;left:50%;width:340px;height:291px;margin-left:-170px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product19_03.png) no-repeat 0 0;background-size:340px 291px;}

.goodsWrap19 .goods04 {background:#1c798f;}
.goodsWrap19 .goods04 .txtWrap {top:43px;padding-right:0;}
.goodsWrap19 .goods04 .txtWrap .txt {padding-right:27px;}
.goodsWrap19 .goods04 .visualWrap {bottom:-90px;left:50%;width:250px;height:319px;margin-left:-125px;background:url(https://image.shinhan.com/rib2017/images/mnew/mall/bg_product19_04.png) no-repeat 0 0;background-size:250px 319px;}

  
.txtColor + .csListWrap {margin-bottom:0;}
.txtColor + .csListWrap:before {display:block; position:absolute; left:-16px; top:-20px; width: calc(100% + 32px); height:1px; background:#ddd; content:"";}
/* .contents.full > .csListWrap {padding:0 16px;} */
.btnGroupBox {display:flex;display: -webkit-flex;flex-direction: row;}
.btnGroupBox.floating { position:fixed;bottom:0;left:0;z-index:10; width:100%; min-height:40px; margin-top:40px; }
.btnGroupBox.floating > * {position:relative;font-size:17px;}
.btnGroupBox > * {-webkit-flex:1;flex:1;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.csListWrap {position:relative; margin:35px 0 0;}
.csListWrap ul {display:flex;display:-webkit-flex;}
.csListWrap ul li {position:relative; flex:1;-webkit-flex:1;}
.csListWrap ul li a {display:block; font-size:13px; color:#777; text-align:center;}
.csListWrap ul li a:before {display:block; width:100%; height:21px; padding-bottom:7px; background-image:url(https://image.shinhan.com/rib2017/images/mnew/icn_cs_center.png); background-repeat:no-repeat; background-size:30px auto; content:"";}
.csListWrap ul li.item01 a:before {background-position:center -5px;}
.csListWrap ul li.item02 a:before {background-position:center -34px;}
.csListWrap ul li.item03 a:before {background-position:center -64px;}
.csListWrap ul li a:after {display:block; position:absolute; bottom:2px; left: 0; right: auto; width:1px; height:100%; background:#e4e4e4; content:"";}
.csListWrap ul li:first-child a:after {display:none;}
.btnGroupBox.floating > .btnType { display:flex;color:#fff;}

/* sns 하단 PC일 경우(오버라이드) */
.txtColor + .csListWrap_pc {margin-bottom:0;position:relative;}
.csListWrap_pc {display:none;position:relative; margin:15px 0 0;background-color:#f8f4ed;padding:15px 16px;}
.csListWrap_pc .imgArea {display: block; position: absolute;right: 10px; top: 43px; width: 80px;}
.csListWrap_pc .imgArea img { display: block;width: 100%;height: auto;}
.csListWrap_pc .subTit {position: relative;margin: 5px 0 7px;font-size: 15px;color: #333;font-weight: 700;}
.csListWrap_pc .subtxt {font-size: 13px;color: #555;line-height:17px;margin-bottom:15px;}
.csListWrap_pc .subTel {font-size: 15px;color: #333;line-height:17px;margin-bottom:3px;letter-spacing: 0.01em;font-weight: 700;}

/* icon */
[class*=iconTy] {display:inline-block;overflow:hidden;max-width:100%;color:transparent;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.iconTy09{width:15px;height:8px;background:url('https://image.shinhan.com/rib2017/images/mnew/icon_toggle_36x24.png') no-repeat 0 0;background-size:100%;}
.iconTy10{width:15px;height:8px;background:url('https://image.shinhan.com/rib2017/images/mnew/icon_toggle_36x24.png') no-repeat 0 -8px;background-size:100%;}

/* prdtItemTy01 02  03 타입별 버튼 색상 */
.productWrap .motionArea.prdtItemTy01 {
	background:-webkit-linear-gradient(top, #f8fcfe 0%, #f8fcfe 80%, #eaf4fb 100%);
	background:-moz-linear-gradient(top, #f8fcfe 0%, #f8fcfe 80%, #eaf4fb 100%);
}

.productWrap .motionArea.prdtItemTy02 {
	background:-webkit-linear-gradient(top, #f3f9fb 0%, #f3f9fb 80%, #e5edf1 100%);
	background:-moz-linear-gradient(top, #f3f9fb 0%, #f3f9fb 80%, #e5edf1 100%);
}

.productWrap .motionArea.prdtItemTy03 {
	background:-webkit-linear-gradient(top, #f2fafa 0%, #f2fafa 80%, #e4f0f0 100%);
	background:-moz-linear-gradient(top, #f2fafa 0%, #f2fafa 80%, #e4f0f0 100%);
}

.productWrap .motionArea.prdtItemTy01 .mainTxtWrap .tit {color:#032a64;}
.productWrap .motionArea.prdtItemTy01 .mainTxtWrap .txt {color:#032a64;}
.productWrap .motionArea.prdtItemTy01 .mainTxtWrap a {color:#032a64;}
.productWrap .motionArea.prdtItemTy01 .btnType {background:#0370c3;margin: 0 auto !important;width: 48.5%;flex: inherit !important; -webkit-flex: inherit !important;}
.productWrap .motionArea.prdtItemTy01 .btnType.whiteLine {background:none; border:1px solid #fff;}
.productWrap .motionArea.prdtItemTy01 .btnType.type2 {border:1px solid #0370c3;background:none;color:#0370c3;}
.productWrap .motionArea.prdtItemTy01 .btnType.type2.whiteLine {border:1px solid #fff;color:#fff;}

.productWrap .motionArea.prdtItemTy02 .mainTxtWrap .tit {color:#0c4154; word-break:normal;}
.productWrap .motionArea.prdtItemTy02 .mainTxtWrap .txt {color:#0c4154;}
.productWrap .motionArea.prdtItemTy02 .goodsInfoWrap .txtBubble {background:#0c4154; color:#f2f8fc;}
.productWrap .motionArea.prdtItemTy02 .goodsInfoWrap .txtBubble:after {width:6px; height:5px; background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bubble02.png) no-repeat 0 0; background-size:6px 5px;}
.productWrap .motionArea.prdtItemTy02 .goodsInfoWrap .txtRate {color:#1989b2;} 
.productWrap .motionArea.prdtItemTy02 .btnType {background:#1989b2; border:none; color:#fff;margin: 0 auto !important;width: 48.5%;flex: inherit !important; -webkit-flex: inherit !important;}
.productWrap .motionArea.prdtItemTy02 .btnType.whiteLine {background:none; border:1px solid #fff;}
.productWrap .motionArea.prdtItemTy02 .btnAreaWrap .btnType.whiteLine {background:#fff;border:none;color:#1989b2;}
.productWrap .motionArea.prdtItemTy02 .btnAreaWrap .btnType.type2 {border:1px solid #1989b2; background:none; color:#1989b2;}
.productWrap .motionArea.prdtItemTy02 .btnAreaWrap .btnType.type2.whiteLine {color:#fff; border:1px solid #fff;}

.productWrap .motionArea.prdtItemTy03 .mainTxtWrap .tit {color:#044f4e;}
.productWrap .motionArea.prdtItemTy03 .mainTxtWrap .txt {color:#044f4e;}
.productWrap .motionArea.prdtItemTy03 .goodsInfoWrap .txtBubble {background:#044f4e; color:#f2f8fc;}
.productWrap .motionArea.prdtItemTy03 .goodsInfoWrap .txtRate {color:#009e95;}
.productWrap .motionArea.prdtItemTy03 .goodsInfoWrap .txtBubble:after {width:6px; height:5px; background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bubble03.png) no-repeat 0 0; background-size:6px 5px;}
.productWrap .motionArea.prdtItemTy03 .btnType {background:#009e95;margin: 0 auto !important;width: 48.5%;flex: inherit !important; -webkit-flex: inherit !important;}
.productWrap .motionArea.prdtItemTy03 .btnType.whiteLine {background:none; border:1px solid #fff;}

/* 버튼 */
[class*=btnType].btnSmall { height: 32px; line-height: 32px; font-size: 13px; text-align: center;}
div + .btnAreaWrap, p + .btnAreaWrap, ul + .btnAreaWrap {margin-top:20px;}
div + .btnAreaWrap2, p + .btnAreaWrap2, ul + .btnAreaWrap2 {margin-top:15px;}
.fullCont .btnAreaWrap {padding:0 16px;}

.btnAreaWrap {display:-webkit-flex; display:flex; position:absolute; left:0; bottom:20px; width:100%; padding:0 27px; text-align:center; box-sizing:border-box;} /* 2018-02-19 css 수정 */
.btnAreaWrap .btnType {position:static; flex:1; -webkit-flex:1; margin:0; vertical-align:middle;color: #ffffff; }
.btnAreaWrap .btnType + .btnType {margin-left:10px;}
.btnAreaWrap .btnType span {display:inline-block;  padding:0;    font-size: 15px;}
/* .btnType.type2 {border:1px solid #499cd4; background:#fff; color:#499cd4;} */
.btnType {/*border:1px solid #499cd4;*/ background:#499cd4; color:#fff;}
.btnType.whiteLine {background:transparent; border: 1px solid #fff; color:#fff;}

 
 /* 일반 버튼들 정의 */
.btnType {display:flex;display: -webkit-flex;flex-direction: row;      height: 50px;  line-height: 50px; text-align:center; color:#fff; font-size:14px; font-weight:700; background:#1150c5;} /* 2018-01-10 김영훈 */
.btnType.line { border:1px solid #1150c5; color:#1150c5; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:43px; background:#fff;}
.btnType.line2 {border:1px solid #aaa; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:43px; background:#fff;}
.btnType.lineBlack {    display: block; border:1px solid #bbb; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:32px; background:#fff;}
.btnType.lineBlack2 { border:1px solid #dbdbdb; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:43px; background:#fff;}
.btnType.lineBlack3 { border:1px solid #aaa; color:#777; -webkit-box-sizing:border-box; box-sizing:border-box; background:#fff;}
.btnType.btnSmall.lineBlack .iconTy80 {width: 9px;height: 9px;margin-left: 4px;}

.btnType.lineWhite {border:1px solid #fff; color:#fff; font-size:13px; -webkit-box-sizing:border-box; box-sizing:border-box; background:transparent;}
.btnType.h30 {height: 30px; line-height: 30px;}
.btnType span { padding:0 14px; -webkit-flex:1;flex:1;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;}
.btnType span .counting {font-size:13px; color:#777;}


.flexNone {margin: 0 auto !important;width: 48.5%;flex: inherit !important; -webkit-flex: inherit !important;}
/* .flexNone:first-child {    margin-right: 10px !important;} */

/* 상세페이지 하단버튼 오버라이드 */
.btnGroupBox .btnType span {font-size:17px; color:#ffffff; line-height: 50px;display:inline-block;}

/* sns버튼 */
.ico_sns{position: absolute;top: 20px;right: 10px;width: 23px;height: 31px;/* z-index: 9999; */background: url(https://image.shinhan.com/rib2017/images/mnew/icon_sns_share.png) no-repeat 0 0;background-size: 11.5px 15.5px;}
.ico_sns.icoWhite	{background: url(https://image.shinhan.com/rib2017/images/mnew/icon_sns_share_white.png) no-repeat 0 0; background-size: 11.5px 15.5px;}
.ico_sns.icoGray	{background: url(https://image.shinhan.com/rib2017/images/mnew/icon_sns_share_gray.png) no-repeat 0 0; background-size: 11.5px 15.5px;}
.ico_sns.icoBlack	{background: url(https://image.shinhan.com/rib2017/images/mnew/icon_sns_share_black.png) no-repeat 0 0; background-size: 11.5px 15.5px;}
.ico_sns.vwType	{top:6vw; right:5vw; width:6vw; height: 10vw; background-size:4vw auto !important;} /* 컨텐츠 단위가 vw일 경우 */

[class*=btnType].icon { position:relative; padding-right:23px;}
[class*=btnType].icon span:after { content:''; display:block; position:absolute; top:50%; right:14px; width:14px;height:14px; margin:-7px 0 0 8px; vertical-align:middle; background:url('https://image.shinhan.com/rib2017/images/icon_square_42x42.png') no-repeat 0 -14px; background-size:14px auto;}
[class*=btnType].btnBlack.icon span:after { background-position:0 0;}
[class*=btnType].line.icon span:after { background-position:0 -42px;}
[class*=btnType].btnBlack {background:#ececec; color:#333;}
[class*=btnType].btnBraun {background: #ab551b;}

/* Active
[class*=btnType]:active {background:#182ba2; color:#fff;}
[class*=btnType].line:active {background:#e5e5e5; color:#1150c5;}
[class*=btnType].line.icon:active span:after { background-position:0 -56px;}
[class*=btnType].lineBlack:active,
[class*=btnType].lineBlack2:active,
[class*=btnType].lineBlack3:active {background:#e5e5e5; color:#333;}
[class*=btnType].lineBlack.icon:active span:after { background-position:0 -56px;}
[class*=btnType].btnBlack:active {background:#959595; color:#333;}
[class*=btnType].btnBlack.icon:active span:after { background-position:0 -14px;}
[class*=btnType].disabled {background:#dbdbdb; color:#333;}
*/
/* Disabled */
[class*=btnType].line.disabled { border-color:#dbdbdb; background:#fff; color:#999;}
[class*=btnType][disabled] {background:#dbdbdb !important; color:#999 !important;}
[class*=btnType].line[disabled]{border-color:#dbdbdb !important; background:#fff !important; color:#bbb !important;}
[class*=btnType].line[disabled] span:after { background-position:0 0 !important;}
[class*=btnType].lineWhite[disabled],
[class*=btnType].lineBlack[disabled],
[class*=btnType].lineBlack2[disabled],
[class*=btnType].lineBlack3[disabled]{border-color:#dbdbdb !important; background:#dbdbdb !important; color:#333 !important;}
[class*=btnType].btnBlack[disabled]{background-color:#e9e9e9 !important;color:#959595 !important;}
[class*=btnType].disabled.icon span:after {background-position:0 -28px;}



/******* title 리스트 type ********************/
.contentsTit {display: block;margin-bottom: 4px;font-size: 15px;font-weight: 700;color: #333;}
.titLine {display:block;font-weight:bold;font-size:14px;color:#666;}  /* 소제목 */
.titArrow {display: block;padding-left: 15px;font-size: 13px;font-weight: 600;color: #333;background: url('https://image.shinhan.com/rib2017/images/mnew/ico_arrow_tit.png') no-repeat 2px 6px;background-size: 7px 12px;margin-top:5px;line-height: 24px;}
.boxTyGray .contentsTit, .boxTyGray .titLine {font-size:13px;}
.titArrow + .listTyCircle {margin-left:13px;}
.titArrowSec {margin:8px 0 0 13px;}
.titArea {position:relative;}
.boxNumTit{position:relative;padding-left:21px;font-size:15px;font-weight:bold;line-height:18px;}
.boxNumTit span{display:block;position:absolute;top:1px;left:0;width:17px;height:17px;background-color:#569df4;font-size:13px;line-height:17px;text-align:center;color:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;}
.boxNumSec{margin:8px 0 0 21px;}
.boxDepthTit {display:block;padding:7px 9px;background:#fafafa;color:#333;}
.listTyDefine strong.titArrow + p{margin-left:13px;}

/* circle  리스트 ex) ① */
.listTyCircle > li {text-indent:-16px;padding-left:16px;margin-top:5px;}
.listTyCircle .listTyHangul > li {margin-top:0;}
.listTyCircle > li > p, .listTyCircle > li > ul {padding-left:0;text-indent:0;margin-top:5px;}
.listTyCircle > li > strong.colorTyblue:last-child {display:block;padding-left:0;text-indent:0;}

/* round dot list*/
.listTyDotR > li {margin-top:7px;padding-left:10px;position:relative;line-height:18px;}
.listTyDotR > li:after {display:block;position:absolute;top:6px;left:1px;z-index:3;width:4px;height:4px;background:#aaa;content:"";border-radius:2px; } 
.listTyDotR > li.colorTyblue:after {background:#437fcf}
.listTyDotR > li.colorTyOrg:after {background:#ff513a}
.listTyDotR > li.colorTyOrg02:after {background:#e72d26}
.listTyDotR > li em{display:block;}

/* 정의형리스트 */
.listTyDefine > dt {margin-top:20px;font-weight:bold;font-size:15px;color:#333;width:100%;line-height:18px;}
.listTyDefine > dt:first-child {margin-top:0;}
.listTyDefine > dd {margin-top:7px;width:100%;}
.listTyDefine > dd > strong:first-child{margin-top:10px;}
.prdt_con1 .listTyDefine{margin:0 13px;}

/* 리스트타입 */
.decimalList {padding-left:20px; text-indent:-20px;}
.decimalList > li {padding:0; margin-top:10px; text-indent:0; list-style:decimal;line-height:18px;}
.decimalList > li:first-child {margin-top:0;}

.circleDecimalList {padding-left:0; text-indent:0;position:relative;margin-bottom:10px;}
.circleDecimalList > li {position:relative; padding-left:18px; margin-top:10px; list-style:none;line-height:18px;}
.circleDecimalList > li:before {display:none;}
.circleDecimalList > li:first-child {margin-top:0;}
.circleDecimalList > li .num {display:block; position:absolute; left:0; top:0;}

.decimalList2 {}
.decimalList2 > li {padding-left:14px; text-indent:-14px;line-height:18px;}

.listTypeBox {padding:0 10px; border:1px solid #e9e9e9; border-top:none;}
.listTypeBox > ul > li {padding-top:13px; padding-bottom:13px; border-top:1px solid #dfeaf0; color:#555;line-height:18px;}
.listTypeBox > ul > li:first-child {border-top:none;}

/* 절차 목록 - 라운드 박스 */
.orderedListBox{padding:0 0 10px 0;}
.orderedListBox > li{position:relative;padding:0 0 5px 25px;line-height:18px;}
.orderedListBox > li:before{content:"";position:absolute;top:10px;left:9px;z-index:3;width:10px;height:12px;margin:-6px 0 0 -5px;background:#70acfd;}
.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;}
.orderedListBox > li > p + div.ml20{margin-left:0 !important;}
.orderedListBox em{position:absolute;top:1px;left:0;z-index:10;width:18px;height:18px;text-align:center;color:#fff;line-height:18px;}
.orderedListBox p{font-size:14px;line-height:22px;color:#666;}
.orderedListBox strong{display:block;color:#343434;}

/* 어코디언 상세페이지 없을시 안내문구 */
.noDetalGrp{}
.noDetalGrp .noDetalGrpImg{width: 48.5px;height: 46px;margin:0 auto;}
.noDetalGrp .noDetalGrpImg img{width: 48.5px;height: 46px;;}
.noDetalGrp .txt01{text-align: center;margin-top:20px;}
.noDetalGrp .txt02{text-align: center;margin-top:15px;}


/* 박스안에 들어가는 리스트 */
.listTyBox {border:1px solid #e5e5e5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }

/*	IRP상세페이지 서연 css추가	*/

/* floating */
.shortPageWrap {position:relative;min-height:100%;}
.shortPageInner,
.fixedpageWrap {padding-bottom:90px;}
/* prItemTy02 : 개인형 퇴직연금 */
.productWrap .motionArea.prItemTy02  {background: -webkit-linear-gradient(top, #fcf9f8 0%, #fcf9f8 80%, #f0ecea 100%);background: -moz-linear-gradient(top, #fcf9f8 0%, #fcf9f8 80%, #f0ecea 100%);}
.productWrap .prItemTy02 .mainTxtWrap .tit,
.productWrap .prItemTy02 .mainTxtWrap .txt {color: #4d332c;}
.productWrap .prItemTy02 .txtBubble {background-color: #4d332c;}
.productWrap .motionArea.prItemTy02 .btnType {color: #fff;background-color: #cb806c;}
/* 기타 텍스트 */
.productWrap .prItemTy02 .mainTxtWrap .tit_etc {font-size:30px;color: #532a2a;font-weight: 700;letter-spacing: -.05em;}
.productWrap .prItemTy02 .mainTxtWrap .txt_etc {margin:10px 0 30px;font-weight:500;font-size:15px;color: #532a2a; overflow: hidden;text-overflow: ellipsis;/* -webkit-line-clamp: 2; */-webkit-box-orient: vertical;display: -webkit-box;}
.etc_con_inner{position: relative;margin-bottom: 6px; padding: 10px 16px 0;}
.etc_con_inner h4.subTit3{position: relative;margin: 0; padding:10px 0 8px;font-size:14px;color:#333;font-weight: 700;}
.etc_con_inner .listDot ul li.tGray01 {color:#555;} 
.etc_con_inner .listDot ul li p.tsGray01 {color:#555;font-size:13px;}
.etc_con_inner .listDot ul li p.tsGray02 {color:#777;font-size:13px;}
/* .etc_con_inner .listDot ul li:last-child:before {background-color:#fff !important;} */
.etc_con_inner .listDot ul li:nth-child(4):before {background-color:#fff !important;}
.etc_con_inner .listDot.bar {padding-bottom:20px ;border-bottom:1px solid #f2f2f2;}
ul li.tGray02 {line-height:18px;font-size:13px;}
ul li.tGray02:before{top: 5px;}


/* 화물자동차 대출진행 step */
.step_area{position: relative;margin-bottom: 20px;}
.step_area:after {position:absolute;left:50%;top:0;width:1px;height:100%;background:#dbdbdb;content:"";}
.step_area ul {position:relative;z-index:3;}
.step_area ul li {padding:15px 17px;margin-top:7px;border:1px solid #dbdbdb;background:#fff;}
.step_area ul li:first-child {margin-top:0;}
.step_area ul li span {display:inline-block;color:#bc7da3;font-weight:700;font-size:13px;vertical-align:middle;}
.step_area ul li em {display:inline-block;padding-left: 23px;margin-left: 17px;vertical-align:middle;font-size: 14px;color:#555;line-height: 18px;background-image:url(https://image.shinhan.com/rib2017/images/mnew/mall/productWrap_step_icon02.png);background-repeat:no-repeat;background-size: 18px auto;}
.step_area ul li.step01 em {background-position:0 0;}
.step_area ul li.step02 em {background-position:0 -52px;}
.step_area ul li.step03 em {background-position:0 -104px;}
.step_area ul li.step04 em {background-position:0 -156px;}
/* 아이콘 text */
.etc_con_inner .info_txt{position:relative;padding-left:23px;font-size:14px;line-height:33px;font-weight: 700;color:#333;}
.etc_con_inner .info_txt:before{content:"";position:absolute;left:0;top:6px;width:17px;height:17px;background:url(https://image.shinhan.com/rib2017/images/mnew/icon_guide_42x42.png) no-repeat; background-size:100% auto}

/* 외환 바로가기 링크 */
 .viewBtn_fe{display:inline-block;position:relative;width:160px;font-size:15px;line-height:29px;color:#fff !important;vertical-align:top;}
 .viewBtn_fe:before,
 .viewBtn_fe:after{content:'';position:absolute;}
 .viewBtn_fe:before{left:0;bottom:-3px;width:100%;height:1px;background-color:#fff;opacity:0.2;}
 .viewBtn_fe:after{right:0;top:50%;width:8px;height:13px;margin-top:-10px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow.png) no-repeat 0 0;background-size:100% auto;}
 .viewBtn_fe span{display:block;margin-bottom:-9px;font-size:13px;opacity:0.6;}
 
 .btnGroup .btn_wrap{padding-bottom: 20px;}
 .btnGroup .btn_wrap .stxt1{font-size:12px;}
 
 /* 박스 */
.boxTyGray_mall{margin-top:20px;padding:18px 20px;border:1px solid #f8f3eb;background: #f8f3eb !important;}
.boxTyGray_mall .boxTit{margin:0 0 10px; font-size:13px;color:#333;font-weight: 600;}
.boxTyGray_mall > ul {position:relative;padding:0 0 14px 29px;border-bottom:1px solid #dcdcdc;font-size:17px;font-weight:bold;line-height:28px;color:#666;}
.boxTyGray_mall > ul: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_mall > ul > li .btnTyGray01.small{top:0;margin-left:10px;}
.boxTyGray_mall > ul > li{position:relative;margin:8px 6px;padding:8px 14px 0;line-height:18px;}
.boxTyGray_mall > ul > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:1px;background-color:#666;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -39px -10px;}
.boxTyGray_mall > ul > li:first-child{margin-top:0;}
.boxTyGray_mall .listDot ul  li{color:#333;line-height:18px;}

.any_mobile  .boxTyGray{padding:14px;}
.any_mobile  .boxTyGray > dl > dt{padding:4px 0 10px 20px;font-size:14px;line-height:1;}
.any_mobile  .boxTyGray > dl > dt:before{width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/easy/ico_box_gray.png) no-repeat 0 0;background-size:100% auto;}
.any_mobile  .boxTyGray > dl > dd{padding:10px 0 0;}
.any_mobile  .boxTyGray > dl > dd > ul > li,
.any_mobile  .boxTyGray > ul > li,
.any_mobile  .boxTyGray > dl > dd > ul > li > li,
.any_mobile  .boxTyGray > ul > li li{font-size:12px;line-height:18px;}
.any_mobile  .boxTyGray03 > strong{font-size:14px;}


.btnFix.flex{display:flex;display:-webkit-flex;z-index:99;}
.btnFix.flex .btnTyGray02{flex:1;}
.btnFix.flex .btnTyBlue02{width:100% !important;}
.btnFix.flex .btnTyGray02 + .btnTyBlue02{flex:1;}


/* 텍스트 */
.blueTxt{margin-top:2px;font-size:13px;color:#005DF9 !important;}

.layPop_cont{padding:20px;}
.layPop_cont p{margin-bottom:10px;}

.marT10b20{margin:10px 0 20px;}
 
 
 /* 금리안내 */
 .w2anchor2.mInfo.btn100per {width: 100%;margin: 0px;}
a[class*="btnTy"].mInfo {min-width: 145px;height: 40px;font-size: 15px;line-height:40px;color:#333}

.book_pageCon { padding-top: 15px;}

.book_slidebox{background:url(https://image.shinhan.com/rib2017/images/mnew/mall/type1_bg_bookslide.gif) no-repeat left top;background-size:100% 100%;padding:0 10px 10px 10px;}
.book_slidebox{margin:0 0px;position:relative;height:150px;margin-top:8px;margin-bottom:15px;}
.book_slidebox .btn_slide li{position:absolute;top:0;width:7px;height:90px;} 
.book_slidebox .btn_slide li a{display:block;text-indent:-9999px;width:7px;height:110px;}
.book_slidebox .btn_slide .left{left:0;}
.book_slidebox .btn_slide .right{right:0;}
.book_slidebox .btn_slide .left a{background:url(https://image.shinhan.com/rib2017/images/mnew/m_arrow_left.png) no-repeat left center;background-size:7px 11px;}
.book_slidebox .btn_slide .right a{background:url(https://image.shinhan.com/rib2017/images/mnew/m_arrow_right.png) no-repeat left center;background-size:7px 11px;}

.book_slidebox .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(https://image.shinhan.com/rib2017/images/mnew/mall/type1_arrow_left.png);background-size:auto 20px; left: -5px;right: auto;}
.book_slidebox .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(https://image.shinhan.com/rib2017/images/mnew/mall/type1_arrow_right.png);background-size:auto 20px;right: -5px; left: auto;}
.book_slidebox .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 5px !important;}
.book_layout .w2tabcontrol.tabTyCon01.tab5 .w2tabcontrol_tabhost li {width: 33.3%;}

.swiper-container-android .swiper-slide:first-child{
/* padding-left: 10%; */
}

.topGrp_titleGrp{overflow:hidden;}

.book_slist{margin:0 15px;height:109px;overflow:hidden;position:relative;padding-top:18px;z-index:25 !important;}
.book_scroll{height:100%;padding:0;width:400%;position:absolute;left:0;top:18px;}
.bslide_area li{float:left;width:25%;}
.bslide_area li div{float:left;position:relative;text-align:center;width:33.33%;}
.bslide_area li div a{display:block;}
.bslide_area li div a em{display:block;height:109px;position:absolute;left:0;top:0;width:100%;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bookimg1.png) no-repeat center top;background-size:74px auto;}
.bslide_area li div span{position:absolute;left:50% !important;margin-left:-42px;}
.bslide_area li div img{width:71px;border-radius:3px;}

.b_new span{background:url(https://image.shinhan.com/rib2017/images/mnew/ribbon_new.png) no-repeat;background-size:40px 50px;text-indent:-9999px;width:40px;height:50px;display:block;position:absolute;margin:-6px 0 0 -5px;z-index:2;}
.b_best span{background:url(https://image.shinhan.com/rib2017/images/mnew/ribbon_best.png) no-repeat;background-size:40px 50px;text-indent:-9999px;width:40px;height:50px;display:block;position:absolute;margin:-6px 0 0 -5px;z-index:2;}
.b_free span{background:url(https://image.shinhan.com/rib2017/images/mnew/ribbon_free.png) no-repeat;background-size:40px 50px;text-indent:-9999px;width:40px;height:50px;display:block;position:absolute;margin:-6px 0 0 -5px;z-index:2;}
.woodbox li{float:left;width:50%;height:19px;}
.woodbox .lt{background:url(https://image.shinhan.com/rib2017/images/mnew/mall/img_bookdai.png) no-repeat left top;background-size:auto 19px;}
.woodbox .rt{background:url(https://image.shinhan.com/rib2017/images/mnew/mall/img_bookdai.png) no-repeat right top;background-size:auto 19px;}
.slide_button{width:56px;margin:0 auto;}
.slide_button li{float:left;margin-left:7px;}
.slide_button li a{display:block;width:7px;height:7px;background:url(https://image.shinhan.com/rib2017/images/mnew/bullset_on.png) no-repeat;background-size:7px;text-indent:-9999px;}
.slide_button li.on a{background:url(https://image.shinhan.com/rib2017/images/mnew/bullset_off.png) no-repeat;background-size:7px;}
.booklist_type{background:#d8dadc;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; -khtml-border-radius: 15px;border:4px solid #fff;margin:10px 11px 6px 11px;padding:2px;box-shadow:0 3px 3px rgba(0,0,0,0.3);}
.typewrap{background:#fafdff;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; -khtml-border-radius: 13px;padding-bottom:8px;}
.typewrap .topbox{padding:8px;}
.tab_button{border:1px solid #3e6ca6;overflow:hidden;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px; -khtml-border-radius: 13px;height:32px;width:100%;}
.tab_button li{float:left;width:33.1%;border-left:1px solid #3e6ca6;}
.tab_button li.fir{border:0;}
.tab_button li a{display:block;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_tabbutton.gif) repeat-x left top;color:#294a7e;font-size:13px;text-align:center;font-weight:bold;height:32px;line-height:32px;background-size:1px 32px;}
.tab_button li.on a{background:#3e6ca6;color:#fff;}

/* .booklist_type{background-color:#fff;background-image:url(https://image.shinhan.com/rib2017/images/book/type2_bg_booklist.gif);border:0;padding:0;background-repeat:repeat-x;background-size:auto 34px;margin-top:25px;
-moz-border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px; -khtml-border-radius:0 0 15px 15px}
 */
.book_infoList li{padding:15px 8px 15px 8px;border-top:1px solid #658ab9;overflow: hidden;}
.book_infoList li:first-child{border-top:0px solid #658ab9;}
/* .book_infoList li.fir{border:0;} */
.cf:before, .cf:after{content:"";display:table;}
.book_infoList .img{float:left;width:30%;position:relative;}
.book_infoList .img img{width:71px;border-radius:3px;}
.book_infoList .info{float:left;width:69%;}
.book_infoList .tit{font-size:15px;color:#045586;font-weight:bold;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%;white-space:nowrap;}
.book_infoList.in .img{width:40%;padding:3px 0 0 3px;}
.book_infoList.in .img em{position:absolute;left:0;top:0;width:100%;height:155px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bookimg2.png) no-repeat left top;background-size:108px 156px;}
.book_infoList.in .img img{/* width:100px; */}
.book_infoList.in .info{width:58%;}
.book_infoList.mp .check{float:left;width:8%;margin-top:39px;}
.book_infoList.mp .img{width:30%;}
.book_infoList.mp .img em{display:block;width:100%;height:112px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bookimg1.png) no-repeat left top;background-size:74px auto;position:absolute;left:0;top:0;z-index:1;}
.book_infoList.mp .info{width:54%;}

.book_infoList li.fir{border:0;}
.book_infoList li a{display:block;position:relative;}
.book_infoList li a em{display:block;width:30%;height:112px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bookimg1.png) no-repeat left top;background-size:74px auto;position:absolute;left:0;top:0;z-index:1;}

/* 서재정보 */
.bulist{margin-left:2px;margin-top:5px;}
.bulist li{padding:0 0 0 8px;background:url(https://image.shinhan.com/rib2017/images/mnew/bullet_s2.png) no-repeat left 6px;background-size:6px;font-size:13px;color:#3766a1;border:0;position:relative;line-height:1.5;}
.bulist.nb{margin-left:0;}
.bulist.nb li{background:0;padding:0;}
.bulist.nm li{color:#5e5e5e;}
.bulist li .bu_tit{position:absolute;left:8px;top:0;}

.infotxt{color:#333;margin-top:10px;/*height:35px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%;*/}
.infotxt.s2{margin-top:5px;}
.infotxt.auto{height:auto;}

.book_infoview{margin:8px 8px 0 8px;padding-bottom:8px;}
.book_infoview h3{border-bottom:1px solid #e3eefb;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bookview_h3.png) no-repeat left top;height:24px;background-size:auto 24px;line-height:24px;font-size:15px;color:#3766a1;font-weight:bold;padding-left:8px;}
.book_infoview h3.w2{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_bookview_h3_w2.png) no-repeat left top;background-size:auto 24px;}
.book_infoview .txt{font-size: 14px;color: #666666;margin-top:10px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 좋아요이미지 */
.likeIt{padding:0 0 0 3px;color:#3766a1;font-size:12px;background-size:auto 11px;margin-top:5px;}
.likeItImg{width:25px; position:relative;top:6px;}

.btn_area{ margin: 5px 0 5px;display: inline-block;width: 100%;text-align: center;}

/* SNS 2016 */
.sns{text-align:right;line-height:0;font-size:0;}
.sns ul{display:inline-block;height:29px;}
.sns li{float:left;width:29px;margin-left:10px;}
.sns li:first-child{margin-left:0;}
.sns a{display:block;}
.sns img{width:29px;}

.sns{/*text-align:right;line-height:0;font-size:0;*/    display: block;}
.sns .box_popsns ul{text-align:center;margin-top:15px;display:block;height:auto;}
.sns .box_popsns li{display:inline-block;width:auto;float:none;}
.sns .box_popsns li a{display:block;background-size:54px auto;width:60px;padding-top:60px;background-repeat:no-repeat;font-size:13px;background-position:center top;}
.sns .box_popsns li a.kakao{background-image:url(https://image.shinhan.com/rib2017/images/m2016/ico_sns_kakao.png);}
.sns .box_popsns li a.fb{background-image:url(https://image.shinhan.com/rib2017/images/m2016/ico_sns_facebook.png);}
.sns .box_popsns li a.tw{background-image:url(https://image.shinhan.com/rib2017/images/m2016/ico_sns_twitter.png);}
.sns .dimmed{position:fixed;left:0;top:0;right:0;bottom:0;margin:0;padding:0;}
.sns .box_popsns .tit{text-align:center;color:#333;font-weight:700;}
.sns .box_popsns .sns_close{position:absolute;right:0;top:0;width:35px;height:35px;background:url(https://image.shinhan.com/rib2017/images/m2016/btn_snsbox_close.png) no-repeat center center;background-size:12px auto;text-indent:-9999px;}

.prdt_con2{}
.prdt_con2 ul{padding: 10px 10px 1px;background: #f8f8f8;margin: 1px 10px 10px}
.prdt_con2 li{margin-bottom:10px}
.prdt_con2 li:last-child{margin:0}
.prdt_con2 .ttl{display:block;margin-bottom:5px;color:#181818;font-weight:bold;font-size:13px}
.prdt_con2 .txt{display:block;padding-right:10px;color:#575757;font-size:13px}
.info{display:block;color:#16557b}


.mtitle{margin:10px 20px 0 20px;}
.mtitle h2{float:left;color:#d1d1d1;font-weight:bold;font-size:13px;/*background:url(https://image.shinhan.com/rib2017/images/common/bu06.png) no-repeat left 4px;background-size:auto 9px;padding-left:11px;*/}
.mtitle .btn_bm1{background:url(https://image.shinhan.com/rib2017/images/mnew/type2_bg_button.png) no-repeat right top;background-size:auto 21px;border:0;color:#fff;padding-right:10px;width:56px;height:21px;margin-right:-15px;text-align:right;
-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; -khtml-border-radius: 0;float:right;}
.mtitle .btn_bm2{float:left;color:#658ab9;background:#fff;font-size:12px;padding:0px 5px 2px 5px;margin:0 0 0 5px;line-height:16px;border:1px solid #93b9d1;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; -khtml-border-radius: 3px;}



a[class*="btnTy"].mInfo {min-width: 145px;height: 40px;font-size: 15px;line-height:40px;color:#333}

/* 내적금 */
.mydeposit{}
.mydeposit .mydeposit_title{padding: 24px 0 24px 20px;background: #f7f7f7;}
.mydeposit .mydeposit_boxTxt {border: 1px solid #dbdbdb;padding:15px;margin-top:20px;}

/* 지식서재 */
.b{font-weight: bold;}
#layerContent .textNor, #layerContent .warningTxt {line-height: 1.5;font-size:14px;}
#layerContent .tableTyInfo {border-top: 2px solid #e9e9e9;}
#layerContent .listTypeTb .row .leftCol {background: #fcfcfc;}
#layerContent .tableTyInfo th{padding: 0 3px 1px;background: #fcfcfc;border-bottom: 1px solid #e5e5e5;color:#333;vertical-align:middle;}

/* 지식서재 탭 폰트 수정 */
.layerCon .tabTy01 li a span{display:inline-block;overflow:hidden;max-width:100%;font-size:15px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}

.bbsViewCon{padding:0 0 20px;}
.bbsViewCon li, .bbsViewCon p{font-weight: normal;}
.contbox{position:relative;}
.contbox hr.line100{position: absolute;top: 55px;;left: 0;width: 100%; height: 4px;background-color: #e9e8e8;padding:0;}
.layerCon .titH01 {font-size: 15px;}
.layerCon .titH02 {font-size: 15px;line-height: 1.5;color:#333;font-weight: 700;margin-bottom:5px;}

.reTit{font-weight:700;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-top:4px;}
.recruit_info{border-top:4px solid #d7d7d7;padding:0 5px 0 5px;}
.recruit_info dt a{display:block;font-size:14px;position:relative;border-bottom:1px solid #ebebeb;padding:10px 0;padding:10px 30px 10px 0;font-weight:400;}
.recruit_info dt a:after{content:"";position:absolute;right:10px;top:50%;width:16px;height:8px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_tit_fold.png) no-repeat;-webkit-transform:rotate(180deg);background-size:100% auto;margin-top:-4px;opacity:0.3;}
.recruit_info dd{border-bottom:1px solid #ddd;padding:10px 0 15px 0;display:none;}
.recruit_info dt.on a:after{-webkit-transform:rotate(0deg);opacity:1;}

/******* list type ********************/
.layerCon ul.listTyCircle:after,.layerCon ul.listTyDash:after, .layerCon ol[class^="listTy"]:after {content: " "; display: block; height: 0px; clear: both; visibility: hidden;}
.layerCon ul.listTyCircle > li ,.layerCon ul.listTyDash > li , .layerCon ol[class^="listTy"] > li {position:relative;line-height:1.2;box-sizing:border-box;}
.layerCon ul.listTyCircle > li:first-child ,.layerCon ul.listTyDash > li:first-child ,ul.cynum > li:first-child , .layerCon ol[class^="listTy"] > li:first-child {margin-top:7px;}

/* circle  리스트 ex) ① */
.layerCon .listTyCircle > li {padding-left:17px;text-indent:-17px;}
.layerCon .listTyCircle .listTyHangul > li {margin-top:0;}
.layerCon .listTyCircle > li > p, .listTyCircle > li > ul {padding-left:0;text-indent:0;}
.layerCon .listTyCircle > li > strong.colorTyblue:last-child {display:block;padding-left:0;text-indent:0;}

/* dash  리스트 ex) - */
.listTyDash > li {position:relative;padding-left:9px;}
.listTyDash > li:after {content:"-";display:block;position:absolute;top:0;left:0;z-index:10;}
.listTyDash > li.arrow:after {content:"";top:7px;width:4px;height:4px;background:url('https://image.shinhan.com/rib2017/images/mnew/ico_list_arrow.png') no-repeat 0 0;background-size:cover;}
.listTyDash > li > p, .listTyDash > li > ul {padding-left:0;text-indent:0;}

/* cynum */
ul.cynum{margin:0;}
ul.cynum > li{display:block;position:relative;line-height:1.5;}
ul.cynum > li:after {display:block;clear:both;position:absolute;top:0;left:0;color:#666;}
ul.cynum > li em{color:#578dd4;}
ul.cynum > li ul > li {position:relative;padding:0 0 0 10px;}
ul.cynum > li ul > li:before {content:"-";display:block;position:absolute;top:0px;left:0;background:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
ul.cynum > li ul.bu{text-align:left}
ul.cynum > li ul.bu li{position:relative;padding:0 0 0 10px;margin:0;}
ul.cynum > li ul.bu li:before {content:"-";display:block;position:absolute;top:0px;left:0;background:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

/* round dot list*/
.listTyDotR > li {/*margin-top:7px;*/padding-left:10px;}
.listTyDotR > li:after {display:block;position:absolute;top:6px;left:1px;z-index:3;width:4px;height:4px;background:#aaa;content:"";border-radius:2px; } 
.listTyDotR > li.colorTyblue:after {background:#437fcf}
.listTyDotR > li.colorTyOrg:after {background:#ff513a}
.listTyDotR > li.colorTyOrg02:after {background:#e72d26}
.listTyDotR > li em{display:block;}

 /* gray box */
.boxTyGray, .boxTyGray > li {border:1px solid #ccc;background:#f9f7f5;font-size:13px;/*-webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px;  */}
.boxTyGray + div.sec{margin-top:10px;}
.boxTyGray .boxTit, .boxTyGray > li .boxTit {font-size:13px;/* font-size:0.92em; */color:#666;}

/* 지식서재 팝업 list */
ol{position:relative;list-style-type:decimal-leading-zero;list-style: none;}
ol.dcm{margin-left:0;list-style-type:decimal;}
ol.dcm > li{margin-left:20px;}
ol.dcm > li:nth-child(9) ~ li{margin-left:27px;}
ol.cynum{margin:0;}
ol.cynum > li{display:block;position:relative;padding:0 0 0 17px;}
ol.cynum > li:after {display:block;clear:both;position:absolute;top:0;left:0;color:#666;}
ol.cynum > li em{color:#578dd4;}
ol.cynum > li ul > li {position:relative;padding:0 0 0 10px;}
ol.cynum > li ul > li:before {content:"-";display:block;position:absolute;top:0px;left:0;background:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

/* 절차 목록 - 라운드 박스 */
.orderedListBox_mnew > li{margin-top:13px;padding:14px 14px 5px;border:1px solid #bbb;margin-bottom:10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;}
.orderedListBox_mnew > li:first-child{margin-top:0;}
.orderedListBox_mnew > li > .num01 > em{display:block;width:19px;height:18px;background-color:#569df4;color:#fff;font-size:13px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;    line-height: 20px;}
.orderedListBox_mnew > li  p {padding-left:27px;margin-top:-17px;}
.orderedListBox_mnew > li p span {padding-left:27px;margin-top:-19px;}
.orderedListBox_mnew > li > p strong{display:block;margin-bottom:6px;font-weight:bold;line-height:19px;}
.orderedListBox_mnew .orderBox {margin:0 -14px;padding:9px 14px 0 14px;border-top:1px solid #bbb;}

/* 지식서재 버튼 */
.layerCon .contbox .btnAreaBot{margin:5px 0 20px;}
.w2anchor2.big_mnew.btn100per{width: 100%;margin: 0px;}
a[class*="btnTy"].big_mnew{min-width:145px;height: 40px;border-radius:2px;font-size: 15px;line-height: 42px;}

.layerCon .starTxt{padding-left:10px !important;text-indent:-9px !important;color:#888;line-height:1.3;}


/* 상품안내 */
.presentInfo { position:relative; height:205px; padding-left:70px; margin:0 0 10px 10px;}
.presentInfo:before { content:''; display:block; position:absolute; top:0; left:0; width:50px; height:205px; background:url(https://sol.shinhan.com/images/pr03/img_process1.png) no-repeat; background-size:100%}
.presentInfo ul { height:74px;}
.presentInfo ul li { margin-top:5px;}
.presentInfo ul:last-child { height:auto; margin-top:16px;}




/*상품메인 new*/
.swipeCon.goods06 {background-size:100% auto; background-repeat:no-repeat; background-position:left bottom; background-color:#f2f9fe; }
.swipeCon.goods06 .mainTxtWrap { position:relative; }
.swipeCon.goods06 .mainTxtWrap .tit { text-align:center; position:0; margin-top:40px;}
.swipeCon.goods06 .mainTxtWrap .txt { text-align:center; margin-top:20px; }
.swipeCon.goods06 .mainTxtWrap .txt span { display:inline-block; font-size:20px; font-weight:normal; border-bottom:1px solid #222; color:#222; }
.swipeCon.goods06 .mainTxtWrap .btnShare { position:absolute; width:40px; height:50px; right:0; top:-40px; }
.swipeCon.goods06 .mainTxtWrap .btnShare span {position: absolute;top: 20px;right: 10px;width: 23px;height: 31px;/* z-index: 9999; */background: url(https://image.shinhan.com/rib2017/images/mnew/icon_sns_share.png) no-repeat 0 0;background-size: 11.5px 15.5px;}
.swipeCon.goods06 .mainTxtWrap .btnShare span { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); }
.swipeCon.goods06 .goodsInfoWrap { margin-top:40px;}
.swipeCon.goods06 .goodsInfoWrap .prInfoList { width:auto; overflow:hidden; margin:07%;}
.swipeCon.goods06 .goodsInfoWrap .prInfoList li { float:left; width:33.33%; margin-top:0 !important; text-align:center}
.swipeCon.goods06 .goodsInfoWrap .prInfoList li img { width:68%; max-width:94px; }
.swipeCon.goods06 .goodsInfoWrap .prInfoList .listTit { margin-top:10px; font-size:13px; }
.swipeCon.goods06 .goodsInfoWrap .prInfoList .listTxt { margin-top:10px; color:#333; font-weight:bold; font-size:14px; }

/************************************************
* @Comment : 상품몰 m신한만 가리게
* @Since : 2018-12-04
* @Auther : JungKwangWon(SDS)
************************************************/
.mShbNo {display:none}

/************************************************
* @Comment : 상품몰 금리 우대 팝업
* @Since : 2019-01-24
* @Auther : Park wook(SDS)
************************************************/
.detailPop .referTxt {padding-left: 15px;font-size: 13px;text-indent: -15px;line-height: 18px;color: #777;}
.detailPop .sec .referTxt:before{display:inline-block;margin-left:0px;text-indent:0;vertical-align:top;content:"※";position:relative;}