@charset "UTF-8"; /* ------------------------- * COMMON CSS * ------------------------- */ /* INITIALIZE */ html,body,h1,h2,h3,h4,h5,h6,div,span,p,a,strong,em,img,dl,dt,dd,ol,ul,li,form,fieldset,input,textarea,select,label,table,tbody,tfoot,thead,tr,th,td,iframe,button,pre{font-size:14px;} html :focus {outline:1px dotted #000;} /* WEBSQUARE */ .w2anchor a, .w2anchor2{color:#666;} .w2window{left:0 !important;margin:0 auto;} .w2radio .w2radio_label{font-size:14px;color:#333;} .w2checkbox .w2checkbox_label, .w2radio .w2radio_label{font-size:14px;color:#333;} /* 햄버거 메뉴 start - kameo */ #859ab0 .totalMenuMask {background:#000;opacity:0.6;position:fixed;left:0;top:0;height:100%;width:100%;} #totalMenu {width:275px;border-left:1px solid #9a9fa5;position:fixed;right:-277px;top:0;z-index:1000;height:100%;background-color:#fff;} .menuBox01{position:relative;height:75px;padding:15px;border-bottom:2px solid #000;box-sizing:border-box;} .menuBox01 .info{color:#4ca7df;font-size:15px;font-weight: bold;} .menuBox01 .tit_nav{position:absolute;left:15px;bottom:10px;} .menuBox01 .tit_nav span{color:#000;font-size:15px;font-weight:normal; margin-right:5px} .menuBox01 .tit_nav span:last-child{color:#2b70cc} .menuBox01 .btnTotalClose{position:absolute;top:15px !important;right:15px !important;width:16px !important;height:16px !important;background:url(https://image.shinhan.com/rib2017/images/any/btn_close02.png) no-repeat; background-size:100% auto} .menuBox01 .btnTotalClose span, .menuBox01 .btnTotalClose em, .menuBox01 .btnTotalClose strong{display:none;text-indent:-5000em;} .menuBox02{} .menuBox02 li a{display:block;box-sizing:border-box;} .menuBox02 .mainMenu li{position: relative;} .menuBox02 .mainMenu li .main .txt_main{margin-left:5px;font-size:15px;} .menuBox02 .mainMenu li .main{padding:15px;border-bottom:1px solid #c2c7cf;color:#333 !important;font-size:15px;} .menuBox02 .mainMenu li .main > img{width:19px;} .menuBox02 .mainMenu li .main_arrow{position: absolute;display:inline-block;position:absolute;width:49px;height:49px;background:url(https://image.shinhan.com/rib2017/images/any/icon_down.png) no-repeat center center; right:0;top:0; background-size:15px auto } .menuBox02 .mainMenu li .main_arrow.up{background-image:url(https://image.shinhan.com/rib2017/images/any/icon_up.png)} .menuBox02 .mainMenu li .main_arrow.down{background-image:url(https://image.shinhan.com/rib2017/images/any/icon_down.png)} /* .menuBox02 .mainMenu li .main.down:after, .menuBox02 .mainMenu li .main.up:after{content:"";display:inline-block;position:absolute;width:15px;height:15px;right:15px} .menuBox02 .mainMenu li .main.down:after{background:url(https://image.shinhan.com/rib2017/images/any/icon_down.png) no-repeat 0 center;} .menuBox02 .mainMenu li .main.up:after{background:url(https://image.shinhan.com/rib2017/images/any/icon_up.png) no-repeat 0 center;} */ .menuBox02 .subMenu{padding:10px 0;background-color:#e6eaef;} .menuBox02 .subMenu li .sub{padding:10px 40px;color:#666 !important;font-size:12px;} /* .btnAreaBot > .btnTyBlue02:nth-child(2){border-left:1px solid #fff;} */ #totalMenu .btnFix{position:absolute !important;} #totalMenu .minfoBox{height:50px;padding-left:15px;background:#fff;color:#333;text-align:left;} #totalMenu .minfoBox p {font-size:13px;color:#333;line-height:50px;} /* 레이아웃 */ #any_nav{display:none !important;}/* 최종적으로 필요없으면 css와 xml에서 관련항목 삭제 wframe */ .pageCon{padding-top:25px;padding-bottom:16px;} .contbox{padding:0 16px;}/* 서브페이지에서의 좌우여백 */ .contbox:before, .contbox:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .cb:after{content:'';display:block;visibility:hidden;clear:both;height:0;overflow:hidden;} .fix_mb{padding-bottom:90px;}/* 서브페이지에서의 하단 고정버튼 위치값 */ .fix_pb{padding-bottom:90px;}/* 서브페이지에서의 하단 고정버튼 위치값 */ /*#any_contents{margin-bottom:90px}*/ #any_contents .pageTop{margin-bottom:0px;} #any_contents .pageTop h2{font-size:16px;line-height:1;color:#343434;} .contline{border-top:15px solid #f6f8fa;padding-top:20px;margin-top:20px;} .contline2{border-bottom:1px solid #c2c2c2;padding:15px 0;} .contline3{border-top:1px solid #c2c2c2;} .col100{width:100%;} .contgroup{display:block;} .contgroup:before, .contgroup:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .nobg{background:none !important;} /* 레이어팝업_컨텐츠 poptit */ .contPop{position:relative;width:100%;padding-top:45px;/* border-radius:2px; */background-color:#3789dc;} .contPop .layerContainer{width:100%;height:100%;background:#fff;} .contPop .layerContent{padding:0;} .contPop .layerContent .titH01, .contPop .layerContent .poptit{position:absolute;top:12px;left:15px;right:30px;color:#fff;font-size:17px;font-weight:normal;} .contPop .layerContent .scrollbox{overflow-x:hidden;overflow-y:auto;position:absolute;top:45px;left:0px;right:0px;bottom:60px;padding:12px;} .contPop .layerContent .scrollbox.b0{bottom:0;} .contPop .layerContent .scrollbox.nopad{padding:0;} .contPop .layerContent:before, .contPop .layerContent:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .contPop .layerClose{overflow:hidden;position:absolute;right:15px;top:15px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/any/btn_contpop_close.png) no-repeat;text-indent:-5000em; background-size:100% auto} .contPop div[class*="ico"]{width:50px;height:50px;margin:0 auto;background-image:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png);background-repeat:no-repeat;} .contPop .ico{background-position:-10px -143px;} .contPop .msg{margin-top:19px;padding:0 20px;line-height:22px;text-align:center;} .contPop .msg em{color:#3579d4;} .contPop .btnAreaBot{position:absolute;left:15px;right:15px;bottom:15px;margin-top:0px;} .contPop .btnAreaBot a{width:100%;/* border-radius:3px; */color:#fff;margin:0;} .contPop .layerContent.nobtn{} .contPop .layerContent.nobtn .scrollbox{bottom:0;} .contPop .layerContent.nobtn .btnAreaBot{display:none;} .contPop.confirm {padding-top:0;background:#fff;} .contPop.confirm .btnAreaBot {bottom:-1px;left:0;right:0;} .contPop.confirm .btnAreaBot.item2 a{width:50%;border-radius:0 !important;border:0 !important;} .contPop .btnAreaBot.item2 a{width:50%;} .contPop .btnAreaBot.item2 > .btnTyGray02{color:#333 !important;background-color:#e4e4e4;border:0 !important;} .layerNolist{position:absolute;margin:auto;top:50%;left:0;right:0;text-align:center;vertical-align:middle;} /* Layer Popup(개인정보처리방침) */ .addLayerWrap {position:fixed; left: 0;right: 0;top: 0;bottom: 0; background: rgba(0,0,0,0.7); z-index: 6000;} .addLayerWrap .contPop.addLayer {top: 50%; margin-top: -250px; left: 50%; margin-left:-490px;} .contPop.addLayer .addLayerCon .app_content_top td * {font-size:12px;} .contPop.addLayer {width:90%; max-width:980px;height:500px;} .contPop.addLayer .addLayerTit {position: absolute; top: 10px; left: 15px; color: #fff;} .contPop.addLayer .addLayerCon {overflow: auto; position: absolute; top: 45px; bottom: 0; left: 0; right: 0; background:#fff; padding: 15px; } .contPop.addLayer .addLayerCon table td {line-height: 130%; font-size:12px;} .contPop.addLayer .addLayerCon table td strong {color:#3579d4; font-weight:bold; font-size:14px !important; display:inline-block;} .contPop.addLayer .addLayerCon li {margin-top:5px;} .contPop.addLayer .addLayerCon ol > li {padding-left: 18px; text-indent: -18px;} .contPop.addLayer .addLayerCon ul.dot > li{position:relative; padding-left:18px; text-indent:0;} .contPop.addLayer .addLayerCon ul.dot > li:before {content:""; display:block; position:absolute; left:8px; top:8px; width:3px; height:3px; background:#333;} /* 헤더 */ .wfm_header{height:46px;} #any_header{position:relative;} #any_header #any_global h1.logo {display:none;} #any_header #any_global.main {background:transparent} #any_header #any_global .btn_sologuide{display:none;} /* #any_header #any_global.main h1{height:49px;text-align:center} */ #any_header #any_global.main h1{position:absolute;top:13px;left:50%;width:78px;height:21px;margin-left:-38px;background:url(https://image.shinhan.com/rib2017/images/mnew/main/img_logo.png) no-repeat; background-size:100% auto;} #any_header #any_global.main h1 a{display:none;/* display:inline-block;overflow:hidden;height:49px;line-height:49px;vertical-align:top; */} #any_header #any_global.main h1 a img{width:21px;margin:-5px 5px 0 0} #any_header #any_global.main h1 a strong {font-weight:bold;font-size:17px;color:#062347;letter-spacing:-1px;} #any_header #any_global.main h1.logo {display:block} #any_header #any_global.main .btn_sologuide{z-index:1;display:block;position:absolute;top:0;left:0;width:38px;height:44px;font-size:0;line-height:0;background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_solguideopen.png) no-repeat;background-size:100% auto;} #any_global .btnTotalOpen, #totalMenu{display:none;} #any_global{overflow:hidden;height:45px;padding:0 16px;border-bottom:1px solid #dbdbdb;background:#fff;} #any_header #any_global.main .sub {display:none} #any_global .sub{display:block;} #any_global .sub h2 {text-align:center;line-height:45px;font-size:17px;color:#fff;font-weight:normal} #any_global .sub .btnHome {overflow:hidden;position:absolute;left:16px;top:16px;width:22px;height:22px;font-size:0;line-height:0;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_home.png) no-repeat;background-size:100% auto;} #any_global .userInfo{float:right;padding:3px 13px 0 0;line-height:45px;color:#fff;} #any_global .userInfo a{color:#fff;} #any_global .userInfo > div, #any_global .userInfo .btnTime .time{display:inline-block;} #any_global .userInfo > div{position:relative;padding:0 13px;} #any_global .userInfo > div:before{content:"";position:absolute;right:0;top:13px;width:1px;height:15px;background-color:#5e8ec6;} #any_global .userInfo .user strong{margin-right:3px;font-weight:normal;color:#ffcc89;} #any_global .userInfo .btnTime .w2span + .w2textbox{margin-left:2px;} #any_global .userInfo .btnTime a{position:relative;margin-left:3px;} #any_global .userInfo .btnTime a:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#fff;} #any_global .userInfo > a{display:inline-block;overflow:hidden;position:relative;width:19px;margin:-1px 0 0 13px;text-indent:-5000em;} #any_global .userInfo > a:before{content:"";position:absolute;left:0;top:0;width:19px;height:17px;background:url(https://image.shinhan.com/rib2017/images/layout/sp_layout.png) no-repeat -144px -32px;} #any_gnb{height:40px;background-color:#2d71c4;} #any_gnb .navMenu{position:relative;} #any_gnb .navMenu:after{content:"";position:absolute;left:0;bottom:-40px;width:100%;height:40px;background-color:#eee;} #any_gnb .navMenu > ul{overflow:hidden;} /*#any_gnb .navMenu > ul > li{float:left;width:25%;}*/ #any_gnb .navMenu > ul > li{float:left;width:20%;} #any_gnb .navMenu > ul > li > a{display:block;position:relative;font-size:16px;line-height:40px;color:#fff;text-align:center;} #any_gnb .navMenu > ul > li > a:before, #any_gnb .navMenu > ul > li > a:after{content:"";position:absolute;top:11px;width:1px;height:18px;} #any_gnb .navMenu > ul > li > a:before{left:-1px;background-color:#578dd0;} #any_gnb .navMenu > ul > li > a:after{left:0;background-color:#245a9d;} #any_gnb .navMenu > ul > li:first-child > a:before, #any_gnb .navMenu > ul > li:first-child > a:after{display:none;} #any_gnb .navMenu > ul > li.on > a{background-color:#0e478a;color:#fff;} #any_gnb .nav2Dep{display:none;overflow:hidden;position:absolute;z-index:2;/* width:100%; */background-color:#eee;} #any_gnb .grpMenu01 .nav2Dep, #any_gnb .grpMenu02 .nav2Dep {left:0;} #any_gnb .grpMenu03 .nav2Dep {left:0;margin-left:45%;} #any_gnb .grpMenu04 .nav2Dep {left:0;margin-left:50%;} #any_gnb .grpMenu05 .nav2Dep {right:0;} #any_gnb .navMenu > ul > li.on .nav2Dep{display:block;} #any_gnb .nav2Dep ul{overflow:hidden;} #any_gnb .nav2Dep ul > li{float:left;} #any_gnb .nav2Dep ul > li > a{display:block;padding:0 18px;font-size:14px;line-height:40px;box-sizing:border-box;} #any_gnb .nav2Dep ul > li.on > a{font-weight:bold;color:#3679d4;} #any_gnb .nav2Dep ul > li > a em{display:block;} #any_gnb .nav2Dep ul > li > a span{display:none;} #any_gnb .nav2Dep .moveGrp{display:none;} /*#any_nav{display:none;}*/ .htx01{font-weight:normal;font-size:22px;} .htx02{display:inline-block;width:27px;font-size:22px;color:#7295c0;font-weight:bold;font-style:italic;text-align:left;} /************************************************ * @Comment : tong2.0 allmenu * @Since : 2018-06-18 * @Auther : 최수만 ************************************************/ #mnew_allmenu{z-index:1000;position:fixed;top:0;left:0;/* right:0;bottom:0; */width:100%;height:100%;background-color:#fff;-webkit-overflow-scrolling:touch;} #mnew_allmenu .top_infoarea{position:relative;overflow:hidden;width:100%;height:114px;background-color:#1150c5;} #mnew_allmenu .top_infoarea .allmenu_close{position:absolute;top:10px;right:16px;display:block;width:15px;height:15px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_allmenu_close.png) no-repeat;background-size:100% auto;} #mnew_allmenu .top_infoarea .allmenu_home{position:absolute;top:10px;left:16px;display:block;width:21px;height:18px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_allmenu_home.png) no-repeat;background-size:100% auto;} #mnew_allmenu .top_infoarea .photo_info{display:none;position:absolute;top:30px;left:16px;width:36px;height:36px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_allmenu_photo.png) no-repeat;background-size:100% auto;} #mnew_allmenu .top_infoarea .infoarea_wrap{overflow:hidden;position:relative;margin:25px 16px 0 30px;} #mnew_allmenu .top_infoarea .login_name{margin-bottom:6px;text-align:center;} #mnew_allmenu .top_infoarea .login_name span, #mnew_allmenu .top_infoarea .login_name .w2textbox{font-size:15px;color:#fff;} #mnew_allmenu .top_infoarea .login_name span:first-child{font-weight:bold;} #mnew_allmenu .top_infoarea .nologin_comment{/* margin:0 0 14px; */text-align:center;font-size:13px;color:#fff;padding-top:10px;} #mnew_allmenu .top_infoarea .login_datetime{margin-bottom:8px;} #mnew_allmenu .top_infoarea .login_datetime span{color:#fff;font-size:11px;} #mnew_allmenu .top_infoarea .infoarea_wrap .quick_link{display:block;margin-top:15px;} #mnew_allmenu .top_infoarea .infoarea_wrap .quick_link li{float:left;width:33.333%;height:25px;} #mnew_allmenu .top_infoarea .infoarea_wrap .quick_link li a{display:block;width:95%;height:25px;line-height:25px;color:#fff;font-size:12px;text-align:center;border:1px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;} #mnew_allmenu .gnb_area{overflow:hidden;position:absolute;top:114px;left:0;right:0;bottom:35px;padding-left:95px;} #mnew_allmenu .gnb_area .gnb_tabarea{overflow:auto;position:absolute;top:0;left:0;bottom:0;width:75px;border-right:1px solid #dbdbdb;background-color:#f2f2f2;} #mnew_allmenu .gnb_area .gnb_tabarea li{position:relative;width:75px;height:75px;/* box-sizing:border-box;-moz-box-sizing:border-box; */} #mnew_allmenu .gnb_area .gnb_tabarea li:first-child{border-top:1px solid #dbdbdb;} #mnew_allmenu .gnb_area .gnb_tabarea li a{position:absolute;top:0;left:0;right:0;bottom:0;display:block;/* width:75px;height:75px; */line-height:115px;color:#777;font-size:12px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;} #mnew_allmenu .gnb_area .gnb_tabarea li a.on{display:block;color:#3572c3;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#fff;} #mnew_allmenu .gnb_area .gnb_tabarea li:first-child a.on{border-top:none;} #mnew_allmenu .gnb_area .gnb_tabarea li a:before{content:"";display:block;position:absolute;top:13px;left:50%;margin-left:-15px;width:31px;height:29px;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn01:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu01_off.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn02:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu02_off.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn03:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu03_off.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn04:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu04_off.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn05:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu05_off.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn06:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu06_off.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn07:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu07_off.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn01.on:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu01_on.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn02.on:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu02_on.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn03.on:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu03_on.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn04.on:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu04_on.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn05.on:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu05_on.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn06.on:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu06_on.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_tabarea li a.btn07.on:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_allmenu07_on.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_contarea{width:100%;height:100%;} #mnew_allmenu .gnb_area .gnb_contarea > ul{width:100%;height:100%;} #mnew_allmenu .gnb_area .gnb_contarea > ul li{} #mnew_allmenu .gnb_area .gnb_contarea > ul li a, #mnew_allmenu .gnb_area .gnb_contarea > ul li .root{display:block;box-sizing:border-box;-moz-box-sizing:border-box;text-decoration:none !important;} #mnew_allmenu .gnb_area .gnb_contarea > ul li a.on{color:#3775c8 !important;} #mnew_allmenu .gnb_area .gnb_contarea > ul li a.on:before{background-color:#3775c8 !important;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li{} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > .root{/* min-height:45px;height:45px;line-height:45px; */padding:12px 0;color:#333;font-size:16px;border-bottom:1px solid #333;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul{overflow:auto;position:absolute;top:45px;left:95px;right:0px;bottom:0px;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li{} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li > a{position:relative;/* min-height:40px;height:40px;line-height:40px; */padding:11px 25px 11px 0;color:#212121;font-size:14px;border-bottom:1px solid #e9e9e9;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li > a:after{content:"";display:none;position:absolute;top:50%;right:16px;margin-top:-3px;width:8px;height:5px;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_down.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li > a.on:after{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_up.png) no-repeat;background-size:100% auto;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li.sub > a:after{display:block;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li > ul{display:none;padding:10px 0;border-bottom:1px solid #e9e9e9;background-color:#f8f8f8;} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li > ul > li{} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li > ul > li > a{position:relative;/* min-height:25px;height:25px;line-height:25px; */color:#212121;font-size:12px;padding:5px 0 5px 13px;/* border-bottom:1px solid #e9e9e9; */} #mnew_allmenu .gnb_area .gnb_contarea > ul > li > ul > li > ul > li > a:before{content:"";display:block;position:absolute;top:11px;left:5px;width:4px;height:1px;background-color:#212121;} #mnew_allmenu .btm_infoarea{overflow:hidden;display:block;position:absolute;bottom:0px;width:100%;height:35px;border-top:1px solid #dbdbdb;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#fff;} #mnew_allmenu .btm_infoarea li{position:relative;overflow:hidden;display:inline-block;width:33.333%;;height:35px;vertical-align:top;/* border-left:1px solid #dbdbdb;box-sizing:border-box;-moz-box-sizing:border-box; */} #mnew_allmenu .btm_infoarea li a{display:block;overflow:hidden;width:70px;height:35px;margin:0 auto;font-size:0;line-height:0;} #mnew_allmenu .btm_infoarea li a.logo01{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_logo01.png) no-repeat center center;background-size:100% auto;} #mnew_allmenu .btm_infoarea li a.logo02{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_logo02.png) no-repeat center center;background-size:100% auto;} #mnew_allmenu .btm_infoarea li a.logo03{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_logo03.png) no-repeat center center;background-size:100% auto;} /* ------------------------- * TEXT CSS * ------------------------- */ .txt_agree{margin-bottom:20px;text-align:center} .txt_sky{color:#3579d4;} /* text 정렬 */ .tal{text-align:left !important} .tac{text-align:center !important} .tar{text-align:right !important} /* font 강조 */ .fwn{font-weight:normal !important;} .fwb{font-weight:bold !important;} /* font color */ .fc1{color:#e96c29 !important;} .fc2{color:#333 !important;} .fc3{color:#4176bb !important;} .fc4{color:#10abb1 !important;} .fc5{color:#fff !important;} .fc6{color:#ff0000 !important;} .fc7{color:#f13e51 !important;} .fc8{color:#3789dc !important;} .fc333{color:#333 !important;} .fc777{color:#777 !important;} .fc555{color:#555 !important;} /* text-decoration */ .tdu{text-decoration:underline !important} .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* form 정렬 */ .fl{float:left !important} .fr{float:right !important} .nofl{float:none !important;} .dib{display:inline-block !important;} .di{display:inline !important;} .db{display:block !important;} .pr{position: relative !important;} .pa{position: absolute !important;} /* etc */ .letter1 {letter-spacing:-1px;} /* 아이콘 text */ .waring{position:relative;position:relative;padding-left:25px;font-size:14px;line-height:27px;} .waring:before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_waring.png) no-repeat; background-size:100% auto} .tip{position:relative;position:relative;padding-left:25px;font-size:14px;line-height:20px;} .tip.fontTy13{font-size:14px !important;} .tip:before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_tip.png) no-repeat; background-size:100% auto} dl.waring{padding-left:0px;} dl.waring:before{top:2px;} dl.waring dt{border-bottom:none;padding:4px 0 4px 24px !important;font-size:14px !important;color:#000;font-weight:normal;} dl.waring dt:before{display:none;} dl.waring dd{padding-top:5px !important;padding-left:25px !important;margin:0;} .warningTxt{margin-top:5px;font-size:14px;color:#4176bb !important;} .warningTxt.fc1{color: #e96c29 !important;} /* 처리중 상담완료 아이콘 느낌 */ .ico_in_p{display:inline-block;margin-left:10px;background:#ff8941;color:#fff !important;border-radius:10px;height:20px;line-height:20px;width:60px;text-align:center;} .ico_com_p{display:inline-block;margin-left:10px;background:#309bff;color:#fff !important;border-radius:10px;height:20px;line-height:20px;width:60px;text-align:center;} /* font-size */ .fontTy11{font-size:11px !important;} .fontTy12{font-size:12px !important;} .fs11{font-size:11px !important;} .fs12{font-size:12px !important;} .fs13{font-size:13px !important;} .fs14{font-size:14px !important;} .fs15{font-size:15px !important;} .fs16{font-size:16px !important;} .fs17{font-size:17px !important;} .fs18{font-size:18px !important;} .fs19{font-size:19px !important;} .fs20{font-size:20px !important;} .fs21{font-size:21px !important;} .fs22{font-size:22px !important;} .fs23{font-size:23px !important;} .fs24{font-size:24px !important;} .fs25{font-size:25px !important;} .fs26{font-size:26px !important;} .fs30{font-size:30px !important;} /* 텍스트 */ .textNor{font-size:14px;} .ls_1{letter-spacing: -1px} .txt_lh26{line-height:26px;} .imgtxt_sol{display:inline-block;text-indent:-99999px;width:23px;height:15px;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_txt_sol.png)center bottom no-repeat;overflow:hidden;background-size:100%;} .firstnumlist{} .firstnumlist{} .firstnumlist > li{padding-left:16px;} .firstnumlist > li > p{text-indent:-16px;} .roundnum{} .roundnum li{position:relative;padding:1px 0 0 20px;margin-top:5px;} .roundnum li:first-child{margin-top:0px;} .roundnum li:before{content:"";display:block;position:absolute;top:0;left:0;width:13px;height:13px;line-height:13px;border:1px solid #959595;border-radius:10px;text-align:center;font-size:13px;color:#fff;background:#959595;} .roundnum li.num01:before{content:"1";} .roundnum li.num02:before{content:"2";} .roundnum li.num03:before{content:"3";} .roundnum li.num04:before{content:"4";} .roundnum li.num05:before{content:"5";} .roundnum li.num06:before{content:"6";} .roundnum li.num07:before{content:"7";} .roundnum li.num08:before{content:"8";} .roundnum li.num09:before{content:"9";} .roundnum li.num10:before{content:"10";} .roundnum li.icon{padding-left:35px} .roundnum li.num01.icon:before{content:""; background:url(https://image.shinhan.com/rib2017/images/any/icon_round_01.png) no-repeat;width:27px; height:27px; background-size:100% auto; border:0} .roundnum li.num02.icon:before{content:""; background:url(https://image.shinhan.com/rib2017/images/any/icon_round_02.png) no-repeat;width:27px; height:27px; background-size:100% auto; border:0} .roundnum li.num03.icon:before{content:""; background:url(https://image.shinhan.com/rib2017/images/any/icon_round_03.png) no-repeat;width:27px; height:27px; background-size:100% auto; border:0} .ganada > li{position:relative;font-size:14px;line-height:20px;padding-left:20px;margin-top:10px;} .ganada > li:before{content:"";position:absolute;top:0px;left:0px;} .ganada > li > .w2textbox + .w2textbox{font-size:13px;color:#666;} .ganada > li li{line-height:18px;padding-left:18px;margin-top:10px;font-size:13px;color:#666;} .ganada > li.num01:before{content:"가.";} .ganada > li.num02:before{content:"나.";} .ganada > li.num03:before{content:"다.";} .ganada > li.num04:before{content:"라.";} .ganada > li.num05:before{content:"마.";} .ganada > li.num06:before{content:"바.";} .ganada > li.num07:before{content:"사.";} .ganada > li.num08:before{content:"아.";} .ganada > li.num09:before{content:"자.";} .ganada > li.num10:before{content:"차.";} .legend > li{padding-bottom:10px;} .agebar li{float:left;display:inline-block;padding:0 0 10px 0;margin:0;width:28px;min-height:80px;text-align:center;} .agebar li .nomber{display:inline-block;width:100%;min-height:36px;} /* .agebar li:first-child .nomber .c2{margin-bottom:6px;} */ /* .agebar li:last-child .nomber .c2{margin-bottom:3px;} */ .agebar li .nomber .c2{margin-bottom:3px;} .agebar li.two .nomber .c2{margin-bottom:6px;} .agebar li .arrowdown{display:inline-block;width:100%;min-height:24px;} .agebar li .circle_blue{margin:0;display:none;} .agebar li img{width:10px;height:19px;display:none;} .agebar li .lineno{border-top:1px solid #dddddd;height:17px} .agebar li .lineno span{font-size:12px;padding-top:6px;display:inline-block;} .agebar li.on .circle_blue,.agebar li.on .arrowdown img{display:inline-block;} .agebar li.on .circle_blue.c2{background:#fff;} .agebar li.on.two .circle_blue.c2{background:#094289;} /* 체크리스트 */ .checkTylist{} .checkTylist li{padding-left:15px;margin-top:15px;background:url(https://image.shinhan.com/rib2017/images/any/ico_agree_chk.png) no-repeat left 2px;} /* ------------------------- * FORM CSS * ------------------------- */ /* .w2calendar .w2calendar_header select.w2calendar_selectbox_year_native, .w2calendar .w2calendar_header select.w2calendar_selectbox_month_native, */ input[type="text"],input[type="password"],input[type="tel"],input[type="number"], .w2upload .w2upload_input, .w2selectbox_native_select, select {height:44px !important;text-indent:7px;border:1px solid #ccc;/* border-radius:5px */-moz-appearance:none;-webkit-appearance:none;} input.small{height:30px !important} input[type="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="number"]:focus{/*border:1px solid #1150c5;outline:0;*/background: #fff} input[type="tel"].tac{text-indent:0px;} input[type="password"]{-webkit-text-stroke-width:0.2em;letter-spacing:0.4em;font-weight:bold;} textarea {border:1px solid #dbdbdb !important;/* border-radius:5px !important */} textarea:focus, .w2textarea:focus{border-color:#1150c5 !important;} .w2calendar .w2calendar_header select.w2calendar_selectbox_year_native, .w2calendar .w2calendar_header select.w2calendar_selectbox_month_native, select, .w2selectbox_native_select{padding:3px 30px 3px 3px;background:#fff url(https://image.shinhan.com/rib2017/images/any/bg/bg_select.png) no-repeat right center;-webkit-appearance:none;} /* input[type="radio"] + label, input[type="checkbox"] + label{padding-left:23px;line-height:17px;} input[type="radio"] + label:before, input[type="checkbox"] + label:before{width:17px;height:17px;} input[type="radio"] + label:before{background:url(https://image.shinhan.com/rib2017/images/any/bg/bg_input_radio.png) no-repeat 0 0;} input[type="radio"]:hover + label:before{background-position:0 -20px;} input[type="radio"]:checked + label:before{background-position:0 -40px;} input[type="radio"]:disabled + label:before{background-position:0 -60px;} input[type="radio"]:checked:disabled + label:before{background-position:0 -80px;} input[type="checkbox"] + label:before{margin-top:2px;background:url(https://image.shinhan.com/rib2017/images/any/bg/bg_input_checkbox.png) no-repeat 0 0;background-size:16px} input[type="checkbox"]:hover + label:before{background-position:0 -17px;} input[type="checkbox"]:checked + label:before{background-position:0 -35px;} input[type="checkbox"]:disabled + label:before{background-position:0 -52px;} input[type="checkbox"]:checked:disabled + label:before{background-position:0 -70px;} input[type=text]:-ms-input-placeholder{color:#ccc;} input[type=text]::-webkit-input-placeholder{color:#ccc;} input[type=text]::-moz-placeholder{color:#ccc;} input[type=tel]:-ms-input-placeholder{color:#ccc;} input[type=tel]::-webkit-input-placeholder{color:#ccc;} input[type=tel]::-moz-placeholder{color:#ccc;} input.btncal[type=text]{background:#eee url(https://image.shinhan.com/rib2017/images/any/btn_inputcal.png) no-repeat right 10px center !important; background-size:25px auto !important;} */ .cbTy02 > div > input + label{padding-left:25px;line-height:20px;} .cbTy02 > div > input + label:before{width:20px;height:20px;} .cbTy02 > div > input + label:before{margin-top:0px;background:url(https://image.shinhan.com/rib2017/images/any/bg/bg_input_checkbox02.png) no-repeat 0 0;background-size:20px} .cbTy02 > div > input:hover + label:before{background-position:0 0;} .cbTy02 > div > input:checked + label:before{background-position:0 -40px;} .cbTy02 > div > input:disabled + label:before{background-position:0 -60px;} .cbTy02 > div > input:checked:disabled + label:before{background-position:0 -80px;} .cbTy03 > div > input + label{padding-left:25px;line-height:20px;} .cbTy03 > div > input + label:before{width:20px;height:20px;} .cbTy03 > div > input + label:before{margin-top:0px;background:url(https://image.shinhan.com/rib2017/images/any/bg/bg_input_checkbox03.png) no-repeat 0 0;background-size:20px} .cbTy03 > div > input:hover + label:before{background-position:0 0;} .cbTy03 > div > input:checked + label:before{background-position:0 -40px;} .cbTy03 > div > input:disabled + label:before{background-position:0 -60px;} .cbTy03 > div > input:checked:disabled + label:before{background-position:0 -80px;} .cbTy04 > div > input + label{padding-left:25px;line-height:20px;} .cbTy04 > div > input + label:before{width:20px;height:20px;} .cbTy04 > div > input + label:before{margin-top:0px;background:url(https://image.shinhan.com/rib2017/images/any/bg/bg_input_checkbox04.png) no-repeat 0 0;background-size:20px} .cbTy04 > div > input:hover + label:before{background-position:0 0;} .cbTy04 > div > input:checked + label:before{background-position:0 -40px;} .cbTy04 > div > input:disabled + label:before{background-position:0 -60px;} .cbTy04 > div > input:checked:disabled + label:before{background-position:0 -80px;} .cbTy05 > div > input + label{padding-left:25px;line-height:20px;} .cbTy05 > div > input + label:before{width:20px;height:20px;} .cbTy05 > div > input + label:before{margin-top:0px;background:url(https://image.shinhan.com/rib2017/images/any/bg/bg_input_checkbox05.png) no-repeat 0 0;background-size:20px} .cbTy05 > div > input:hover + label:before{background-position:0 0;} .cbTy05 > div > input:checked + label:before{background-position:0 -40px;} .cbTy05 > div > input:disabled + label:before{background-position:0 -60px;} .cbTy05 > div > input:checked:disabled + label:before{background-position:0 -80px;} .agree input[type="checkbox"] + label:before{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_input_checkbox_agree.png) no-repeat 0 0;background-size:16px} .agree input[type="checkbox"]{height:16px !important;} .agree input:hover + label:before{background-position:0 -17px !important;} .agree input:checked + label:before{background-position:0px -35px !important;} .agree input:disabled + label:before{background-position:0 -52px !important;} .agree input:checked:disabled + label:before{background-position:0 -70px !important;} .agree.cbTy04 > div > input + label{line-height:16px;} .cbTy04 > div > input:checked + label:before{background-position:0px -40px;} /* span 원 숫자 */ .circle_gray{display:inline-block;width:18px; height:18px;line-height:18px;font-size:12px;color:#fff;background:#dbdbdb;border-radius:9px;text-align:center;margin-right:4px;} .circle_gray.slim{width:15px; height:15px;line-height:15px;} .circle_blue{display:inline-block;width:18px; height:18px;line-height:18px;font-size:12px;color:#fff;background:#094289;border-radius:9px;text-align:center;margin-right:4px;} /* CALENDAR */ .w2inputCalendar_div_input{width:auto !important;height:auto !important;} .w2inputCalendar_divInput{/* width:100px !important; */width:100% !important;height:44px !important;/* padding:0 10px !important; */padding:0 45px 0 0px !important;border-color:#dbdbdb;/* border-radius:5px; */text-align:right;} /* .w2inputCalendar_divInput[readonly] */ .w2inputCalendar_divInput:focus{border:1px solid #1150c5;outline:0;} .w2inputCalendar_div_img{position:absolute;top:7px;right:10px !important;} .w2inputCalendar_button{width:25px;height:25px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_inputcal.png) no-repeat !important; background-size:25px auto !important;} .w2inputCalendar_div{position:relative;width:100%;padding-right:0px;box-sizing:border-box;} .w2inputCalendar_div_input{width:100% !important;padding:0;} .w2inputCalendar_divInput{width:100% !important;} .w2inputCalendar_div_img{position:absolute;right:0;} .w2inputCalendar_img_readOnly{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_inputcal_disabled.png) no-repeat !important; background-size:25px auto !important;} .tformper{display:table;width:100%;} .tformper > input{width:100%;} .tformper .cell{display:table-cell;padding:0 0 0 5px;text-align:center;vertical-align:middle;} .tformper .cell:first-child{padding-left:0px;} .tformper .cell *{vertical-align:middle;} .tformper .cell.vtop{vertical-align:top !important;} .tformper .cell.mid{vertical-align:middle !important;} .tformper .cell.btm{vertical-align:bottom !important;} .tformper > .cell.txt{text-align:center} .tformper > .cell > .w2input{margin:0px !important;/* padding-left:0 !important;padding-right:0 !important; */vertical-align:middle;} .tformper > .cell > .w2selectbox_native, .w2selectbox_native{width:100%;} .tformper > .cell > .ipt, .tformper > .cell > .select, .tformper > .cell > .btn, .tformper > .cell > .txt, .tformper > .cell > .iptcal, .tformper > .cell > .radio, .tformper > .cell > .check{margin:0px !important;vertical-align:middle;} .tformper > .cell > .btn, .tformper > .cell > a{width:100%; text-align: center} .tformper > .cell > .btn, .tformper > .cell > a:active{text-decoration: none !important} .tformper > .cell.w25{width:20px;} .inph30 input[type="text"],.inph30 input[type="number"],.inph30 input[type="tel"], .inph30 .w2selectbox_native_select, .inph30 select{height:30px !important;} .inph30.excompcont .cell{height:30px;} .fc3.w2checkbox .w2checkbox_label,.fc3.w2radio .w2radio_label{color:#1150c5} .formblock .w2radio_item, .formblock .w2checkbox_item{display:block;width:100%;} .formbox{/* display:block; */height:44px;border:1px solid #ddd;/* border-radius:3px; */box-sizing:border-box;-moz-box-sizing:border-box;} .formbox.ast{border:2px solid #777;} .formbox.h60{height:60px;} .formbox .cell{height:44px;vertical-align:middle;} .formbox .cell.per10{width:10%;} .formbox .cell.per20{width:20%;} .formbox .cell.per30{width:30%;} .formbox .cell.per40{width:40%;} .formbox .cell.per50{width:50%;} .formbox .cell.per60{width:60%;} .formbox .cell.per70{width:70%;} .formbox .cell.per80{width:80%;} .formbox .cell.per90{width:90%;} .formbox .cell.per100{width:100%;} .formbox.nobt{border-top:none;} .formbox.nobb{border-bottom:none;} .formbox .cell .w2input, .formbox .cell .w2selectbox_select, .formbox .cell .w2selectbox_native_select{height:34px !important;border:none;white-space:nowrap;} .formbox .cell .w2inputCalendar_divInput{/* width:100px !important; */width:100% !important;height:34px !important;border:none;} .formbox .cell .w2inputCalendar_div_img{top:2px !important;} .formbox .cell .w2inputCalendar_div_img a{width:25px;} .formbox .cell + .cell{padding-right:5px;} .formbox.astbox{border:1px solid #e6b68f;background-color:#f5eae1;} /* .formbox:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} */ .w2checkbox.single, .w2radio.single{display:block;} .w2checkbox.single .w2checkbox_item, .w2radio.single .w2radio_item{display:block;margin-left:0 !important;margin-top:5px !important;} /* ------------------------- * button CSS * ------------------------- */ /* a[class*="btnTy"]{padding:0 25px 10px 25px;} .btnAreaBot a{margin:0;font-size:12px;} .btnTyBlue{border:1px solid #2b70cc;border-radius:4px;background-color:#2b70cc;color:#fff} .btnTyGray{border:1px solid #2b70cc;border-radius:4px;} .btn_lg{height:40px;line-height:40px;} .btn_md{height:32px;line-height:32px;} .btn_sm{height:24px;line-height:24px;} */ /* ------------------------- * TABLET CSS * ------------------------- */ /* 헤더 */ #any_global .userInfo{display:none;} #any_global .btnTotalOpen{display:block;} #any_header a[class*="btnTotal"]{position:absolute;right:0;top:0;z-index:5;width:58px;height:45px;line-height:45px;text-align:center;} #any_header a[class*="btnTotal"] strong{position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px} #any_header a[class*="btnTotal"] em{overflow:hidden;position:absolute;left:50%;top:50%;width:20px;height:25px;margin:-9px 0 0 -7px;line-height:8px;text-align:center;} #any_header a[class*="btnTotal"] em span{display:inline-block;position:relative;width:100%;height:2px;background-color:#fff;vertical-align:top;} #any_header #any_global.main a[class*="btnTotal"] em span {background:#333; } #totalMenu .btnTotalClose > em{overflow:visible !important;} #any_global .btnTotalOpen > em > span, #totalMenu .btnTotalClose > em > span{position:absolute !important;left:0;} #any_global .btnTotalOpen > em > span.slide1, #totalMenu .btnTotalClose > em > span.slide1{top:0;} #any_global .btnTotalOpen > em > span.slide2, #totalMenu .btnTotalClose > em > span.slide2{top:8px;} #any_global .btnTotalOpen > em > span.slide3, #totalMenu .btnTotalClose > em > span.slide3{top:16px;} /*#totalMenu{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:#f1f1f1;}*/ #totalMenu .btnHome{overflow:hidden;position:absolute;left:0;top:0;z-index:5;width:50px;height:51px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_top_home.png) no-repeat center center;background-size:auto 20px;line-height:45px;text-align:center;text-indent:-5000em;} #totalMenu .minfoBox{height:55px;padding-top:31px;background-color:#3a7bd3;color:#fff;text-align:center;} #totalMenu .minfoBox a{font-size:14px;color:#fff;} #totalMenu .btnGrp > span > a, #totalMenu .btnGrp > span > span{position:relative;margin-left:17px;padding-left:14px;} #totalMenu .btnGrp > span > a:after, #totalMenu .btnGrp > span > span:after{content:"";position:absolute;left:0;top:3px;width:1px;height:10px;background-color:#9dbde9;} #totalMenu .btnGrp > span > a:first-child{margin-left:0;padding-left:0;} #totalMenu .btnGrp > span > a:first-child:after{display:none;} #totalMenu .btnGrp > span > a:before{content:"";display:inline-block;margin:-5px 7px 0 0;vertical-align:middle;} #totalMenu .btnGrp .btnTime p span:nth-child(3){margin-left:3px;} #totalMenu .btnGrp .btnTime a{position:relative;margin-left:6px;} #totalMenu .btnGrp .btnTime a:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#fff;} #totalMenu .tabArea ul{display:table;width:100%;border-bottom:2px solid #1964c0;} #totalMenu .tabArea li{display:table-cell;width:50%;} #totalMenu .tabArea li a{display:block;height:38px;background-color:#97a8be;font-size:15px;font-weight:bold;line-height:42px;color:#eee;text-align:center;} #totalMenu .tabArea li.on a{background-color:#1964c0;color:#fff;} #totalMenu .totalTab{position:relative;z-index:2;float:left;width:85px;text-align:center;} #totalMenu .totalTab li a{display:block;position:relative;height:84px;padding-top:49px;background-color:#f1f1f1;font-size:14px;font-weight:bold;color:#777;box-sizing:border-box;} #totalMenu .totalTab li.on a{background-color:#fff;color:#3579d4;} #totalMenu .totalTab li[class*="tab"] a:before{content:"";position:absolute;left:50%;top:23px;} #totalMenu .totalTab li.tab01 a:before{width:19px;height:18px;margin-left:-9px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab05_off.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab01.on a:before{background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab05_on.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab02 a:before{width:17px;height:18px;margin-left:-9px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab01_off.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab02.on a:before{background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab01_on.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab03 a:before{width:15px;height:16px;margin-left:-8px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab02_off.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab03.on a:before{background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab02_on.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab04 a:before{width:18px;height:12px;margin-left:-9px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab03_off.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab04.on a:before{background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab03_on.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab05 a:before{width:18px;height:18px;margin-left:-9px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab04_off.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab05.on a:before{background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab04_on.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab06 a:before{width:18px;height:18px;margin-left:-9px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab06_off.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalTab li.tab06.on a:before{background:url(https://image.shinhan.com/rib2017/images/easy/bg_total_tab06_on.png) no-repeat 0 0;background-size:100% auto;} #totalMenu .totalNav{height:100%;} /*#totalMenu .totalList{overflow:hidden;height:100%;margin-left:84px;padding:0 13px;background:#fff;}*/ #totalMenu .totalList{overflow:hidden;height:100%;background:#fff;} #totalMenu .totalList .inner{position:static;height:auto;padding:0;/* margin-top:-20px; 09-16:강석희 */} #totalMenu .totalList .inner .menu{margin-top:20px;} #totalMenu .totalList dl{margin-top:20px;padding-top:23px;color:#333;} #totalMenu .totalList dl:first-child{margin-top:0;} #totalMenu .totalList dt{padding:0 0 10px 8px;border-bottom:1px solid #999;font-size:15px;font-weight:bold;} #totalMenu .totalList dd li{border-bottom:1px solid #dfdfdf;} #totalMenu .totalList dd li a{display:block;height:39px;padding-left:8px;font-size:13px;font-weight:bold;line-height:39px;color:#333;} .funcBox .line.bgNone.pc, .funcBox .line.bgNone .right.pc{display:block !important;} /* .reciptMT ul > li.list01, */ .reciptMT ul > li.list04, .funcBox .line.bgNone.pc .right .btn a, .funcBox .line.bgNone .right.pc .btn a{display:none !important;} .w2grid_iScrollY{width:3px;} /* ------------------------- * 타이틀 CSS * ------------------------- */ .titBox:after, .titBox:before{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} /* 제목 */ .titH01{font-size:17px;font-weight:normal;color:#000;} .titH02, .titH03{color:#333;font-weight:normal;} .titH02{font-size:14px;line-height:16px;color:#333;margin-top:20px;margin-bottom:2px;font-weight:bold;} .titH03{font-size:14px;color:#666;margin:0;} .titH04{font-size:13px;color:#343434;} .titH02_line{font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-top: 15px; font-size: 15px} /* ------------------------- * 버튼 CSS * ------------------------- */ .w2anchor2.small.btn100per, .w2anchor2.medium.btn100per, .w2anchor2.large.btn100per, .w2anchor2.big.btn100per{width:100%;margin:0px;} .w2anchor2.btn50per{width: calc(50% - 10px)!important;} .large.schbtn{display:inline-block;height:44px;line-height:44px;min-width:40px;font-size:13px;border:1px solid #1150c5 !important; color:#1150c5} a[class*="btnTy"].large:before, a[class*="btnTy"].large:after{width:10px;} a[class*="btnTy"].large{min-width:80px;height:44px;font-size:13px;line-height:42px;/* color:#fff; *//* border-bottom-color:#ccc; */} /* .btnTyGray02.small, .btnTyGray02.medium, .btnTyGray02.large, .btnTyGray02.big{background-color:#5f6f85;border-color:#5f6f85;color:#fff;} */ .btnAreaBot .large{font-size:16px !important} a[class*="btnTy"].medium:before, a[class*="btnTy"].medium:after{width:5px;} a[class*="btnTy"].medium{height:35px;line-height:33px;/* color:#fff; */} a[class*="btnTy"].small{height:30px;line-height:28px;/* color:#fff; */} /* a[class*="btnTy"].big{color:#fff;} */ a[class*="btnTy"]:focus, a[class*="btnTy"]:active {text-decoration:none !important} /* .btnTyGray01.small, .btnTyGray01.medium, .btnTyGray01.large, .btnTyGray01.big{} .btnTyGray02.small, .btnTyGray02.medium, .btnTyGray02.large, .btnTyGray02.big{} .btnTyBlue01.small, .btnTyBlue01.medium, .btnTyBlue01.large, .btnTyBlue01.big{} */ .btnTyGray01{border:1px solid #bbb !important;} .brd_w{border-left:1px solid #fff !important;} .btnActiveBlack {border:1px solid #000 !important;color:#000 !important} /* 하단고정 */ .btnFix{position:fixed;left:0;right:0;bottom:0px;margin-top:0;} .btnFix > .w2anchor2{width:100%;height:50px;line-height:51px;margin-left:0px;margin-right:0px;border-radius:0;color:#fff;font-size:17px;box-sizing:border-box;border:none;} .btnFix > .btnTyGray02, .btnFix > .btnTyGray02.big, .btnFix a[class*="btnTy"].btnTyGray02{color:#333;background-color:#e4e4e4;} .btnFix.item2 > .w2anchor2{width:50%;} .btnFix.item3 > .w2anchor2{width:33.33333%;} /* 캡쳐버튼 */ .imgCapture{position:relative;min-width:52px;height:33px;background:#3579d4;border:1px solid #3579d4;border-radius:3px;} .imgCapture .btn_name{position:absolute;top:0;left:0;right:0px;bottom:0;line-height:33px;font-size:13px;color:#fff;width:100%;text-align:center;} .imgCapture .btn_imgcapture{text-indent:-100%;font-size:0px;outline:none;position:relative;width:100%;height:100%;border:none;background:none;} .btnFix.item2 .imgCapture{width:50%;display:inline-block;} .btnFix .imgCapture{height:50px;border:none;border-radius:0;} .btnFix .imgCapture .btn_name{font-size:16px;line-height:56px;} /* SNS 버튼 */ .btn_sns{display:inline-block;width:35px; height:35px;margin-left:10px;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_btn_sns.png) no-repeat;background-size:100%;overflow:hidden;text-indent:-99999px} .btn_sns_pop{display:inline-block;width:57px;font-size:13px;color:#555; padding-top:47px;margin-left:10px;margin-right:10px;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_btn_sns_pop.png) no-repeat;background-size:42px;overflow:hidden;} .btn_sns.talk{background-position:left top;} .btn_sns.twitter{background-position:center center;} .btn_sns.facebook{background-position:left bottom;} .btn_sns_pop.talk{background-position:center top;} .btn_sns_pop.facebook{background-position:center -133px;} .btn_sns_pop.twitter{background-position:center -66px;} /* 한줄에 두개씩 들어가는 아이콘 버튼 */ .btn_group02pul{position:relative;display:block;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} .btn_group02pul:after{content:'';display:block;clear:both;height:0;visibility:hidden;overflow:hidden;} .btn_group02pul li{float:left;display:inline-block;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;background:#3789dc;} .btn_group02pul li.blddd{border-left:1px solid #dddddd;} .btn_group02pul li.btdb{border-top:1px solid #dbdbdb;} .btn_group02pul li a{display:inline-block;width:100%;height:100px;font-size:14px;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;padding-top:64px;padding-bottom:20px;text-align:center} .btn_group02pul li a.btn_pul01{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pul01.png)center top 20px no-repeat;background-size:37px} .btn_group02pul li a.btn_pul02{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pul02.png)center top 20px no-repeat;background-size:33px} .btn_group02pul li a.btn_pul03{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pul03.png)center top 20px no-repeat;background-size:31px} .btn_group02pul li a.btn_pul04{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pul04.png)center top 20px no-repeat;background-size:37px} /* 한줄에 3개씩 들어가는 아이콘 버튼 */ .btn_group03pul{position:relative;display:block} .btn_group03pul:after{content:'';display:block;clear:both;height:0;visibility:hidden;overflow:hidden;} .btn_group03pul li{float:left;display:inline-block;width:33%;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;text-align:center} .btn_group03pul li.w34pur{width:34%;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;} .btn_group03pul li a{display:inline-block;width:100%;padding-top:37px;font-size:14px;color:#333;} .btn_group03pul li a.btn_pul05{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pul05.png)center top no-repeat;background-size:18px} .btn_group03pul li a.btn_pul06{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pul06.png)center top no-repeat;background-size:27px} .btn_group03pul li a.btn_pul07{background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pul07.png)center top 10px no-repeat;background-size:27px} /* ------------------------- * gridView CSS * ------------------------- */ .w2grid:before, .w2grid:after{display:none;} .gridHeaderTableDefault .w2inputCalendar_div{width:135px !important;height:30px !important;} .gridHeaderTableDefault .w2inputCalendar_div_img>button{min-width:25px !important;border:0 !important;} .w2grid.gridTyDefault{z-index:0;border-top:2px solid #3579d4;border-bottom:1px solid #eee;} .w2grid.gridTyDefault .gridHeaderTDDefault{height:45px !important;padding-top:0;/* border-width:0; */background-color:#f9f9f9;color:#000;font-size:13px;border-color:#eee;} .w2grid.gridTyDefault .gridBodyDefault{height:40px !important;border-top:1px solid #eee;border-left:1px solid #eee;} .w2grid.gridTyDefault .gridBodyDefault a{color:#666} /* ------------------------- * 테이블 CSS * ------------------------- */ .boxTyscrollX{overflow-y:hidden;overflow-x:scroll;} .w2tb.tableTyInfo .w2tb_th,.w2tb.tableTyInfo .w2tb_td,.tableTyInfo th,.tableTyInfo td{border-color:#eee;} .w2tb,table.tableTyInfo,.tableTyInfo > table{border-bottom:1px solid #eee;} /* 슬림 테이블 */ .w2tb.tableTyGrid.slim tbody .w2tb_td{padding:15px 9px} /* ------------------------- * 탭 CSS * ------------------------- */ .tabTy01{overflow:hidden;} .tabTy01 li{min-width:50px !important;} .tabTy02 li{border-left:none !important;} /* div[class*="tabTy"] ul[class*="item"] li{border-left:none !important;} */ .tabTy03 ul{border-left:1px solid #bbbbbb;} .tabTy03 ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;} .tabTy03 ul li{float:left;display:inline-block;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;width:18%;} .tabTy03 ul li.w24per{width:24%;} .tabTy03 ul li.w22per{width:22%;} .tabTy03 ul li a{border:1px solid #bbbbbb;border-left:0;display:inline-block;width:100%;height:100%;font-size:13px;line-height:13px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;} .tabTy03 ul li a span{display:inline-block;padding-top:10px;line-height:1.2} .tabTy03 ul li a span.pt18{padding-top:18px;} .tabTy03 ul li.on a{background:#3789dc;color:#fff;} .tabTy01{height:44px !important;margin-bottom:15px !important; /* border-bottom:1px solid #ccc !important */} .tabTy01 li a{height:44px !important;background:#fff !important;} .tabTy01 li.on{border:0px !important; z-index:0;} .tabTy01 li.on a{/* background:#5f6f85 !important; */ color:#2b70cc !important;} .tabTy01.tab_inner{height:34px !important;overflow:visible;border-bottom:1px solid #2b70cc;} .tabTy01.tab_inner li a{height:34px !important;border:1px solid #d1d9e2;border-left:0;border-bottom:0;} .tabTy01.tab_inner li:first-child a{border-left:1px solid #d1d9e2;} .tabTy01.tab_inner li.on a{height:35px !important;border:1px solid #2b70cc !important;border-bottom:1px solid #fff !important;} .tabTy01.tab_inner li.on:after{display:none;} .tabTy01.tab_inner li.on{z-index:1;margin-left:-1px;padding-right:1px;} .tabTy01.tab_box{height:34px !important;overflow:visible;border-bottom:0;} .tabTy01.tab_box li a{height:34px !important;border:1px solid #d1d9e2;border-left:0;} .tabTy01.tab_box li:first-child a{border-left:1px solid #d1d9e2;} .tabTy01.tab_box li.on{} .tabTy01.tab_box li.on a{color:#fff !important;background-color:#3789dc !important;border:0;} .tabTy01.tab_box li.on:after{display:none;} .tabTy01.tab_box li a span{font-size:15px;} .tabTy01.tab_box.mtline{border-left:1px solid #d1d9e2;height:auto !important;} .tabTy01.tab_box.mtline ul:before,.tabTy01.tab_box.mtline ul:after{content:".";display:block;visibility:hidden;line-height:0;font-size:0;clear:both;} .tabTy01.tab_box.mtline li{margin-bottom:-1px;} .tabTy01.tab_box.mtline li:first-child a{border-left:0;} .tabTy01.tab_box.mtline li a span{font-size:14px;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost{border:1px solid #fff;box-sizing:border-box;overflow:hidden;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li{height:42px;margin-right:0px;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{height:42px;border:0;background-color:#fff;font-size:14px;line-height:42px;color:#000;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{border:0;background-color:#fff;color:#1150c5;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{border:none;border-top:1px solid #d1d9e2;} .w2tabcontrol.tabTyCon01 .w2tabcontrol_contents_wrapper{padding-top:25px;} .w2tabcontrol.tabTyCon01.tab1 .w2tabcontrol_tabhost li{width:100%;} .w2tabcontrol.tabTyCon01.tab2 .w2tabcontrol_tabhost li{width:50%;} .w2tabcontrol.tabTyCon01.tab3 .w2tabcontrol_tabhost li{width:33.3333%;} .w2tabcontrol.tabTyCon01.tab4 .w2tabcontrol_tabhost li{width:25%;} .w2tabcontrol.tabTyCon01.tab5 .w2tabcontrol_tabhost li{width:20%;} .w2tabcontrol.tabTyCon01.tabTyBox .w2tabcontrol_tabhost{border-left:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;} .w2tabcontrol.tabTyCon01.tabTyBox .w2tabcontrol_tabhost li{height:35px;_margin-right:-1px;} .w2tabcontrol.tabTyCon01.tabTyBox .w2tabcontrol_tabhost li a{height:35px;line-height:35px;padding:0 5px;border:1px solid #bbbbbb;border-left:none;} .w2tabcontrol.tabTyCon01.tabTyBox .w2tabcontrol_tabhost li.w2tabcontrol_active a{color:#fff;background-color:#3789dc;} .w2tabcontrol.tabTyCon01.tabTyBox .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{display:none;} .w2tabcontrol.tabTyCon01.nocont .w2tabcontrol_container{display:none;} /* 탭 추가 카드상세용 2018-06-21 정훈 */ .tab_cardd{margin:0 -16px;} .tab_cardd .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost{border:0;} .tab_cardd .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{border:0;border-bottom:1px solid #d1d9e2;font-size:14px;color:#777;box-sizing:border-box;} .tab_cardd .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{background-color:#fff;color:#2b70cc;font-weight:bold;border-bottom:2px solid #2b70cc;} .tab_cardd .w2tabcontrol.tabTyCon01 .w2tabcontrol_contents_wrapper{padding-top:0;} /* 스텝안내박스:박스 숫자 리스트 */ .boxOrderList{margin-right:0px;} .boxOrderList > ol{margin-left:0px;margin-right:0px;} div[class*="tabTy"] ul[class*="item"] li a{padding:0;} .w2tabcontrol.tabTyCon02 .w2tabcontrol_tabhost li{margin-right:0;} .w2tabcontrol.tabTyCon01.item2 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon02.item2 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon03.item2 .w2tabcontrol_tabhost li{width:50%;} .w2tabcontrol.tabTyCon01.item3 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon02.item3 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon03.item3 .w2tabcontrol_tabhost li{width:33.33333333333333%;} .w2tabcontrol.tabTyCon01.item4 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon02.item4 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon03.item4 .w2tabcontrol_tabhost li{width:25%;} .w2tabcontrol.tabTyCon01.item5 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon02.item5 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon03.item5 .w2tabcontrol_tabhost li{width:20%;} .w2tabcontrol.tabTyCon01.item6 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon02.item6 .w2tabcontrol_tabhost li, .w2tabcontrol.tabTyCon03.item6 .w2tabcontrol_tabhost li{width:16.66666666666667%;} /* STEP */ .stepArea.iconStep{display:inline-block;border-top:2px solid #b3bac6;background:#fff;border-bottom:1px solid #dcdcdc;margin-bottom:0;} .stepArea.iconStep li:before{background:#fff;} .stepArea.iconStep > ol > li{position:relative;height:75px;padding:15px 20px;margin-left:0;} .stepArea.iconStep > ol > li > span{position:static;width:auto;height:auto;color:#3579d4;font-size:14px;font-weight:normal;} .stepArea.iconStep > ol > li:before{content:"";position:absolute;top:48px;left:-9px;width:10px;height:17px;background:url(https://image.shinhan.com/rib2017/images/ico/sp_ico.png) no-repeat -317px -35px;} .stepArea.iconStep > ol > li:first-child:before{background:none} .stepArea.iconStep > ol > li.on{border-bottom:2px solid #3579d4;} .stepArea.iconStep > ol > li.on > span{display:inline-block;position:static;border-radius:6px;color:#fff;background:#3579d4;padding:0 6px;} .stepArea.iconStep > ol > li > ul{margin-top:5px;} .stepArea.iconStep > ol > li > ul > li{position:relative;float:none;margin-left:0;padding-left:13px;} .stepArea.iconStep > ol > li > ul > li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:1px;background-color:#aaa;} .stepArea li.on{margin-top:1px;} .stepArea li span{display:inline-block;width:26px;height:23px;text-align:center;font-size:12px !important;padding-top:7px;color:#fff;} .stepArea li.on span{display:inline-block;width:26px;height:24px;text-align:center;font-size:12px !important;padding-top:4px;color:#fff;vertical-align:bottom} .stepArea li span{background:url(https://image.shinhan.com/rib2017/images/mnew/icon_step_off.png) no-repeat center center; background-size:21px auto;} .stepArea li.on span{background:url(https://image.shinhan.com/rib2017/images/mnew/icon_step_on.png) no-repeat center center; background-size:26px auto;} .stepArea li span, .stepArea li.on span + em{font-weight:normal !important;} .stepArea li.on:before, .stepArea li:before{/* background-color:#fff; */ display: none} /*.stepArea li.on:before{width:26px;height:21px;background-color:#fff;background:url(https://image.shinhan.com/rib2017/images/any/icon_step_on.png) no-repeat center center;}*/ /* 상단 스텝 고정 */ .stepArea{position:relative;height:70px;border-bottom:1px solid #dbdbdb;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#fff !important;} .stepArea .step_goodsname{position:absolute;top:15px;left:16px;line-height:20px;padding-right:16px;font-weight:bold;font-size:18px;color:#333;} .stepArea ol{position:absolute;right:0;bottom:5px;} #any_wrap.stepfix #any_header{display:none;} #any_wrap.stepfix .pageCon{padding-top:135px;} #any_wrap.stepfix.normalfix .pageCon{padding-top:105px;} #any_wrap.stepfix .stepArea{margin:0;position:fixed;top:0;left:0;right:0;z-index:1;} .stepArea.normal .step_goodsname{display:none;} .stepArea.normal{height:40px;} /* ------------------------- * 메인 CSS * ------------------------- */ #any_wrap.any_main .pageCon {padding-top:0;} #any_wrap.any_main .pageCon:after{clear:both;display:block;content:""} .any_main {width:100%;height:100%;background:#fff url("https://image.shinhan.com/rib2017/images/any/bg_main.jpg") no-repeat center bottom 50px; background-size:100% auto;} .any_main .mainVisualText {position:absolute;left:15px;top:87px;} .any_main .mainVisualText p img{width:121px;} .any_main .mainVisualText .mtx01{font-size:28px;color:#1f5fb6;} .any_main .mainVisualText .mtx02{font-size:19px;color:#000;margin-top:15px;} .any_main .mainVisualText .mtx03{font-size:15px;color:#666;margin-top:35px;} .any_main .mainVisualText .mtxgroup0 .mtx01{color:#3775c8;} .any_main .mainVisualText .mtxgroup1 .mtx01{color:#f38cc1;} .any_main .mainVisualText .mtxgroup2 .mtx01{color:#4ca7df;} .any_main .mainVisualText .mtxgroup3 .mtx01{color:#e18d46;} .any_main .mainVisualText .mtxgroup4 .mtx01{color:#766fa5;} .any_main .mainNavWrap {width:320px;height:440px;position:relative;float:right;} .any_main .mainNavWrap .mainNavContain{width:100%;height:100%;overflow:hidden;} .any_main .mainNavWrap .mainNavContain .item {overflow:hidden;width:140px;height:140px;border-radius:80px;box-shadow:0 0 15px 0 rgba(23,74,125,0.4);} .any_main .mainNavWrap .mainNavContain .item a {display:block;/* width:80px;height:80px; */} .any_main .mainNavWrap .mainNavContain .item img {width:100%} /*---------- 신한통2.0메인(start) ----------*/ .mnew_main{width:100%;height:100%;} .mnew_main .mainvisual{overflow:hidden;width:100%;height:200px;text-align:center;} .mnew_main .mainvisual img{height:100%;} .mnew_main .mainvisual .btn_mvisual{display:block;width:100%;height:100%;} .mnew_main .mainvisual .swiper-container{/* display:none; */visibility:hidden; width:100%;height:200px;} .mnew_main .mainvisual .swiper-button-prev, .mnew_main .mainvisual .swiper-button-next{width:27px;height:27px;} .mnew_main .mainvisual .swiper-button-prev{background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_mv_left.png) no-repeat; background-size:27px;} .mnew_main .mainvisual .swiper-button-next{background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_mv_right.png) no-repeat; background-size:27px;} .mnew_main .mainvisual .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;opacity:1;background:#999;} .mnew_main .mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;border-radius:10px;background:#1150c5 !important;} .mnew_main .mainvisual .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{width:auto;bottom:30px !important;left:8%;z-index:1;} .mnew_main .maintab{margin:0 16px;clear:both;overflow:hidden;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;box-sizing:border-box;-moz-box-sizing:border-box;} .mnew_main .maintab li{float:left;width:33.333%} .mnew_main .maintab li .btn_mtab{position:relative;display:block;height:35px;font-size:15px;font-weight:bold;color:#2a2a2a;text-align:center;line-height:35px;text-decoration:none !important;/* box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid #dbdbdb;border-right:none; *//* border-bottom:1px solid #1e5d9e; */} /* .mnew_main .maintab li:first-child .btn_mtab{border-left:none;} */ .mnew_main .maintab li .btn_mtab.on{/* border:none;color:#fff;background-color:#1e5d9e; */} .mnew_main .maintab li .btn_mtab.on:before{content:"";display:block;position:absolute;bottom:0;width:100%;height:2px;background-color:#1150c5;} .mnew_main .maintabcont{position:relative;overflow:hidden;padding:20px 16px;/* position:absolute;top:285px;left:0;right:0;bottom:75px;height:170px; */} .mnew_main .maintabcont .mcont{overflow:hidden;position:relative;width:100%;/* height:100%; */} .mnew_main .maintabcont .newnoticeinfo{display:block;position:relative;overflow:hidden;padding-left:55px;margin-top:24px;} .mnew_main .maintabcont .newnoticeinfo_ico{display:block;position:absolute;top:0;left:0;width:45px;height:22px;line-height:22px;margin-right:10px;font-size:13px;color:#fff;text-align:center;background-color:#5fa1e3;} .mnew_main .maintabcont .newnoticeinfo_txt{display:block;width:100%;height:22px;font-size:13px;color:#666;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .mnew_main .maintabcont .mcont.mbank{display:none;} .mnew_main .maintabcont .mcont.mbank li{float:left;width:33.333%; /* height:50%; */ border-right:6px solid #fff;border-bottom:6px solid #fff;box-sizing:border-box;-moz0box-sizing:border-box;} .mnew_main .maintabcont .mcont.mbank li:nth-child(3){border-right: 0;} .mnew_main .maintabcont .mcont.mbank li:nth-child(6){border-right: 0;} .mnew_main .maintabcont .mcont.mbank li:before, .mnew_main .maintabcont .mcont.mbank li:after{content:"";display:block;} .mnew_main .maintabcont .mcont.mbank li a{position:relative;overflow:hidden;display:block; height:65px; /* height:100%; */ padding:10px;/* font-weight:bold; */color:#3d3d3d;font-size:14px;border:1px solid #d0d5e2;text-decoration:none !important;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;/* background:url(https://image.shinhan.com/rib2017/images/mnew/main/bg_maintab_btn.png) no-repeat;background-size:100% 100%; */} .mnew_main .maintabcont .mcont.mbank li a:before{content:"";display:block;position:absolute;bottom:0;right:0;width:35px;height:35px;} .mnew_main .maintabcont .mcont.mbank li a.btn_bank01:before{background:url(https://image.shinhan.com/rib2017/images/mnew/main/ico_mtab_bank01.png) no-repeat;background-size:35px;} .mnew_main .maintabcont .mcont.mbank li a.btn_bank02:before{background:url(https://image.shinhan.com/rib2017/images/mnew/main/ico_mtab_bank02.png) no-repeat;background-size:35px;} .mnew_main .maintabcont .mcont.mbank li a.btn_bank03:before{background:url(https://image.shinhan.com/rib2017/images/mnew/main/ico_mtab_bank03.png) no-repeat;background-size:35px;} .mnew_main .maintabcont .mcont.mbank li a.btn_bank04:before{background:url(https://image.shinhan.com/rib2017/images/mnew/main/ico_mtab_bank04.png) no-repeat;background-size:35px;} .mnew_main .maintabcont .mcont.mbank li a.btn_bank05:before{background:url(https://image.shinhan.com/rib2017/images/mnew/main/ico_mtab_bank05.png) no-repeat;background-size:35px;} .mnew_main .maintabcont .mcont.mbank li a.btn_bank06:before{background:url(https://image.shinhan.com/rib2017/images/mnew/main/ico_mtab_bank06.png) no-repeat;background-size:35px;} /* .mnew_main .maintabcont .mcont.mbank li a:after{content:"";display:block;position:absolute;left:0;bottom:0;height:50%;background-color:#e8edf8;} */ .mnew_main .maintabcont .mcont.mevent{display:none;/* overflow:hidden; *//* margin:0 -10px;width:auto; */} .mnew_main .maintabcont .mcont.mevent .titlearea{clear:both;overflow:hidden;margin-bottom:5px} .mnew_main .maintabcont .mcont.mevent .titlearea .titH02{font-size:13px;color:#333;font-weight:normal;} .mnew_main .maintabcont .mcont.mevent .titlearea .btnmore{font-size:13px;color:#666;} .mnew_main .maintabcont .mcont.mevent .titlearea .btnmore span{color:#333;font-size:15px;float:right;margin-left:3px;} .mnew_main .maintabcont .mcont.mevent .btn_ebanner{display:block;position:relative;width:100%;height:100%;} .mnew_main .maintabcont .mcont.mevent img{position:absolute;left:50%;height:100%;margin-left:-245px;max-width:none !important;} .mnew_main .maintabcont .mcont.mevent .event_date{position:absolute;left:50%;bottom:8px;width:170px;margin-left:-114px;color:#fff;font-size:13px;line-height:1.5;} .mnew_main .maintabcont .mcont.mevent .swiper-container{/* overflow:visible; */width:100%;height:95px;} .mnew_main .maintabcont .mcont.mevent .swiper-button-prev, .mnew_main .maintabcont .mcont.mevent .swiper-button-next{width:27px;height:27px;margin-top:-12px;} .mnew_main .maintabcont .mcont.mevent .swiper-button-prev{background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_event_left.png) no-repeat; background-size:27px;left:5px;} .mnew_main .maintabcont .mcont.mevent .swiper-button-next{background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_event_right.png) no-repeat; background-size:27px;right:5px;} .mnew_main .maintabcont .mcont.mevent .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:5px;height:5px;margin:0 2px;opacity:1;border:1px solid #fff;background:transparent;} .mnew_main .maintabcont .mcont.mevent .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff !important;border:1px solid #fff;} .mnew_main .maintabcont .mcont.mevent .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{width:auto;top:5px;left:auto;right:5px;bottom:auto !important;} .mnew_main .maintabcont .mcont.mevent .swiper-slide {position:relative;overflow:hidden;} .mnew_main .maintabcont .mcont.mevent.useinfo{} .mnew_main .maintabcont .mcont.mevent.useinfo li{border:1px solid #dbdbdb;border-top:0;} .mnew_main .maintabcont .mcont.mevent.useinfo li:first-child{border-top:1px solid #dbdbdb;} .mnew_main .maintabcont .mcont.mevent.useinfo li .btn_useinfo{position:relative;display:block;height:35px;line-height:35px;padding-left:10px;font-size:14px;color:#333;text-decoration:none !important;background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_useinfo_down.png) no-repeat right 13px center;background-size:13px 8px;} .mnew_main .maintabcont .mcont.mevent.useinfo li .btn_useinfo.on{z-index:1;color:#1989b2;background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_useinfo_up.png) no-repeat right 13px center;background-size:13px 8px;} .mnew_main .maintabcont .mcont.mevent.useinfo li .cont_useinfo{position:relative;display:block;padding:45px 85px 20px 10px;color:#555;font-size:13px;text-decoration:none !important;} .mnew_main .maintabcont .mcont.mevent.useinfo li .btn_useinfo.on + .cont_useinfo{z-index:2;margin-top:-35px;} .mnew_main .maintabcont .mcont.mevent.useinfo li.useinfo01 .cont_useinfo{background:url(https://image.shinhan.com/rib2017/images/mnew/main/img_useinfo_kbo.png) no-repeat right 10px top 40px;background-size:50px auto;} .mnew_main .maintabcont .mcont.mevent.useinfo li.useinfo02 .cont_useinfo{background:url(https://image.shinhan.com/rib2017/images/mnew/main/img_useinfo_webgin.png) no-repeat right 10px top 40px;background-size:50px auto;} .mnew_main .maintabcont .mcont.mevent.useinfo li.useinfo03 .cont_useinfo{background:url(https://image.shinhan.com/rib2017/images/mnew/main/img_useinfo_report.png) no-repeat right 10px top 40px;background-size:50px auto;} .mnew_main .maintabcont .mcont.mevent.useinfo li.useinfo04 .cont_useinfo{background:url(https://image.shinhan.com/rib2017/images/mnew/main/img_useinfo_event.png) no-repeat right 10px top 40px;background-size:50px auto;} .mnew_main .maintabcont .mcont.mgoods{display:none;} .mnew_main .maintabcont .mcont.mgoods li{float:left;width:25%; /* height:50%; */ border-right:6px solid #fff;border-bottom:6px solid #fff;box-sizing:border-box;-moz0box-sizing:border-box;} .mnew_main .maintabcont .mcont.mgoods li:nth-child(4){border-right: 0;} .mnew_main .maintabcont .mcont.mgoods li:nth-child(8){border-right: 0;} .mnew_main .maintabcont .mcont.mgoods li:before, .mnew_main .maintabcont .mcont.mbank li:after{content:"";display:block;} .mnew_main .maintabcont .mcont.mgoods li a{position:relative;overflow:hidden;display:block; height:65px; /* height:100%; */ line-height:65px;letter-spacing:-1px;text-align:center;color:#3d3d3d;font-size:14px;border:1px solid #d0d5e2;text-decoration:none !important;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;/* background:url(https://image.shinhan.com/rib2017/images/mnew/main/bg_maintab_btn.png) no-repeat;background-size:100% 100%; */} /* 메인탭 클랙(간편뱅킹) */ .mnew_main.m_bank .mainvisual{background-color:#fff;} .mnew_main.m_bank .maintab{} .mnew_main.m_bank .maintab li .btn_mtab.on{color:#3789dc;} .mnew_main.m_bank .maintab li .btn_mtab.on:before{background-color:#3789dc;} /* .mnew_main.m_bank .maintab li .btn_mtab{border-bottom:1px solid #1e5d9e;} .mnew_main.m_bank .maintab li .btn_mtab.on{background-color:#1e5d9e;} */ .mnew_main.m_bank .maintabcont .mcont.mbank{display:block;} .mnew_main.m_bank .maintabcont .mcont.mevent{display:none !important;/* visibility:hidden !important; */} .mnew_main.m_bank .maintabcont .mcont.mgoods{display:none !important;} .mnew_main.m_bank .maintabcont .mcont.mfo{display:none !important;} .mnew_main.m_bank .mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3789dc !important;} /* .mnew_main.m_bank .mainvisual .swiper-container.swiper_m_bank{display:block;} */ /* 메인탭 클릭(이벤트) */ .mnew_main.m_event .mainvisual{background-color:#fff;} .mnew_main.m_event .maintab{} .mnew_main.m_event .maintab li .btn_mtab.on{color:#1989b2;} .mnew_main.m_event .maintab li .btn_mtab.on:before{background-color:#1989b2;} /* .mnew_main.m_event .maintab li .btn_mtab{border-bottom:1px solid #287bd0;} .mnew_main.m_event .maintab li .btn_mtab.on{background-color:#287bd0;} */ .mnew_main.m_event .maintabcont .mcont.mbank{display:none !important;} .mnew_main.m_event .maintabcont .mcont.mevent{display:block;/* visibility:visible; */} .mnew_main.m_event .maintabcont .mcont.mgoods{display:none !important;} .mnew_main.m_event .maintabcont .mcont.mfo{display:none !important;} /* .mnew_main.m_event .maintabcont .newnoticeinfo{left:10px;right:10px;bottom:30px;} */ .mnew_main.m_event .mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1989b2 !important;} /* .mnew_main.m_event .mainvisual .swiper-container.swiper_m_event{display:block;} */ /* 메인탭 클릭(금융상품) */ .mnew_main.m_goods .mainvisual{background-color:#fff;} .mnew_main.m_goods .maintab{} .mnew_main.m_goods .maintab li .btn_mtab.on{color:#009e95;} .mnew_main.m_goods .maintab li .btn_mtab.on:before{background-color:#009e95;} /* .mnew_main.m_goods .maintab li .btn_mtab{border-bottom:1px solid #3397fd;} .mnew_main.m_goods .maintab li .btn_mtab.on{background-color:#3397fd;} */ .mnew_main.m_goods .maintabcont .mcont.mbank{display:none !important;} .mnew_main.m_goods .maintabcont .mcont.mevent{/* display:block; */display:none !important;} .mnew_main.m_goods .maintabcont .mcont.mgoods{display:block;} .mnew_main.m_goods .maintabcont .mcont.mfo{display:none !important;} .mnew_main.m_goods .mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#009e95 !important;} .mnew_main.m_goods .mainvisual .swiper-container.swiper_m_goods{display:block;} /* 메인 - 엠폴리오 추가 start*/ .mnew_main .solMainTab li { width: 25%; } /* 메인탭 클릭(쏠리치) */ .mnew_main.m_mfo .mainvisual{background-color:#fff;} .mnew_main.m_mfo .maintab{} .mnew_main.m_mfo .maintab li .btn_mtab.on{color:#009e95;} .mnew_main.m_mfo .maintab li .btn_mtab.on:before{background-color:#009e95;} /* .mnew_main.m_mfo .maintab li .btn_mtab{border-bottom:1px solid #3397fd;} .mnew_main.m_mfo .maintab li .btn_mtab.on{background-color:#3397fd;} */ .mnew_main.m_mfo .maintabcont .mcont.mbank{display:none !important;} .mnew_main.m_mfo .maintabcont .mcont.mevent{/* display:block; */display:none !important;} .mnew_main.m_mfo .maintabcont .mcont.mgoods{display:none !important;} .mnew_main.m_mfo .maintabcont .mcont.mfo{display:block;} .mnew_main.m_mfo .mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#009e95 !important;} .mnew_main.m_mfo .mainvisual .swiper-container.swiper_m_mfo{display:block;} .mnew_main.m_mfo .maintabcont .mcont.mfo li { width: 50%; } .mnew_main.m_mfo .maintabcont .mcont.mfo li:nth-child(2n) { border-right: 0; } .mnew_main.m_mfo .maintabcont .mcont.mfo li:nth-child(3n) { border-right: 6px solid #fff; } .mnew_main.m_mfo .maintabcont .mcont.mfo li a { height: 90px; } .mnew_main.m_mfo .maintabcont .mcont.mfo li a.btn_solIvt01:before { background: url("https://devimg3.shinhan.com/rib2017/images/mnew/mfolio/ico_mtab_solIvt01.png") no-repeat 0 0; background-size: 35px; } .mnew_main.m_mfo .maintabcont .mcont.mfo li a.btn_solIvt02:before { background: url("https://devimg3.shinhan.com/rib2017/images/mnew/mfolio/ico_mtab_solIvt02.png") no-repeat 0 0; background-size: 35px; } .mnew_main.m_mfo .maintabcont .mcont.mfo li a.btn_solIvt03:before { background: url("https://devimg3.shinhan.com/rib2017/images/mnew/mfolio/ico_mtab_solIvt03.png") no-repeat 0 0; background-size: 35px; } .mnew_main.m_mfo .maintabcont .mcont.mfo li a.btn_solIvt04:before { background: url("https://devimg3.shinhan.com/rib2017/images/mnew/mfolio/ico_mtab_solIvt04.png") no-repeat 0 0; background-size: 35px; } /* 메인 - 엠폴리오 추가 end*/ /* 라디오버튼 2개 */ .item2.w2radio{width:100%;} .item2.w2radio .w2radio_item{width:50%;margin:0 !important;text-align:center;} .bg_disign.w2radio .w2radio_item{padding-top:85px;} .bg_disign.w2radio .w2radio_item.w2radio_item_0{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_couple_design.png)top center no-repeat;background-size:112px;} .bg_disign.w2radio .w2radio_item.w2radio_item_1{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_single_design.png)top center no-repeat;background-size:64px;} .bg_myspouse.w2radio .w2radio_item{padding-top:85px;} .bg_myspouse.w2radio .w2radio_item.w2radio_item_0{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_single_design.png)top center no-repeat;background-size:64px;} .bg_myspouse.w2radio .w2radio_item.w2radio_item_1{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_sqouse.png)top center no-repeat;background-size:58px;} /* 금융서비스 - 미래설계 - 은퇴진단준비 - s 미래설계 */ .bg_sfd{display:block;min-height:142px;padding:0px 160px 0 16px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_s-futuredesign.png)right bottom no-repeat;background-size:144px;margin-bottom:35px;} .bg_sfd ul li{padding-top:20px;padding-bottom:10px;border-bottom:1px solid #d6d6d6;} .bg_sfd ul li p{font-size:12px;color:#333;padding-bottom:10px;} .bg_sfd ul li a{display:block;font-size:15px;color:#333;font-weight:bold;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow3.png) no-repeat right top 2px;background-size:7px;} .btn_afrc{display:block;padding:15px;background:#f8f3eb url(https://image.shinhan.com/rib2017/images/mnew/bg_afrc.png) center right 15px no-repeat;background-size:46px;font-size:14px;color:#333;font-weight:bold;} .btn_afrc span{display:inline-block;padding-top:12px;font-weight:normal;color:#555;} /* 메인 푸터 */ .mnew_main .m_mnewfooter{/* z-index:2;position:fixed;bottom:0px; */overflow:hidden;display:block !important;width:100%;height:95px;background-color:#434343;} /* .mnew_main .m_mnewfooter:before, .mnew_main .m_mnewfooter:after{content:".";display:block;visibility:hidden;line-height:0;font-size:0;} */ .m_mnewfooter .iconmenu{overflow:hidden;width:259px;height:37px;text-align:center;margin:0 auto;} .m_mnewfooter .iconmenu:before, .m_mnewfooter .iconmenu:after{content:".";display:block;visibility:hidden;line-height:0;font-size:0;} .m_mnewfooter .iconmenu li{overflow:hidden;display:inline-block;float:left;/* margin-left:10px; */} .m_mnewfooter .iconmenu li:first-child{margin-left:0;} .m_mnewfooter .iconmenu li a{display:block;width:37px;height:37px;font-size:0;line-height:0;} .m_mnewfooter .iconmenu li a.mico01{background:url("https://image.shinhan.com/rib2017/images/mnew/main/btn_footer_ico01.png") no-repeat;background-size:37px;} .m_mnewfooter .iconmenu li a.mico02{background:url("https://image.shinhan.com/rib2017/images/mnew/main/btn_footer_ico02.png") no-repeat;background-size:37px;} .m_mnewfooter .iconmenu li a.mico03{background:url("https://image.shinhan.com/rib2017/images/mnew/main/btn_footer_ico03.png") no-repeat;background-size:37px;} .m_mnewfooter .iconmenu li a.mico04{background:url("https://image.shinhan.com/rib2017/images/mnew/main/btn_footer_ico04.png") no-repeat;background-size:37px;} .m_mnewfooter .iconmenu li a.mico05{background:url("https://image.shinhan.com/rib2017/images/mnew/main/btn_footer_ico05.png") no-repeat;background-size:37px;} .m_mnewfooter .iconmenu li a.mico06{background:url("https://image.shinhan.com/rib2017/images/mnew/main/btn_footer_ico06.png") no-repeat;background-size:37px;} .m_mnewfooter .iconmenu li a.mico07{background:url("https://image.shinhan.com/rib2017/images/mnew/main/btn_footer_ico07.png") no-repeat;background-size:37px;} .m_mnewfooter .fmenu{overflow:hidden;text-align:center;height:34px;/* padding-top:5px; */border-top:1px solid #363636;box-sizing:border-box;-moz-box-sizing:border-box;} .m_mnewfooter .fmenu li{position:relative;display:inline-block;padding:8px 5px 7px 5px;} .m_mnewfooter .fmenu li:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-4px;background-color:#5d5d5d;} .m_mnewfooter .fmenu li:first-child:before{display:none;} .m_mnewfooter .fmenu li a{font-size:13px;color:#9c9c9c;} .m_mnewfooter .copyright{text-align:center;height:18px;color:#7a7a7a;font-size:10px;line-height:18px;/* padding-top:5px; */} /*---------- 신한통2.0메인(end) ----------*/ .wfm_popguide{/* z-index:5; */position:fixed;top:20px;left:20px;right:20px;bottom:20px;} .popguide{position:relative;width:100%;height:100%;} .popguide .popguide_close{z-index:2;display:block;position:absolute;top:10px;right:10px;width:18px;height:18px;background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_guidepop_close.png) no-repeat; background-size:18px;} .popguide .swiper-container{width:100%;height:100%;} .popguide .swiper-container img{width:100%;} .popguide .swiper-button-prev, .popguide .swiper-button-next{width:27px;height:27px;} .popguide .swiper-button-prev{left:5px;background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_mv_left.png) no-repeat; background-size:27px;} .popguide .swiper-button-next{right:5px;background:url(https://image.shinhan.com/rib2017/images/mnew/main/btn_mv_right.png) no-repeat; background-size:27px;} .popguide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;opacity:1;background:#bdbdbd;} .popguide .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;border-radius:10px;background:#333 !important;} .popguide .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:10px !important;z-index:1;} .popguide .swiper-slide{position:relative;overflow:hidden;} .popguide .swiper-slide a{display:block;} .popguide .btn_solguidego{z-index:10;position:absolute;bottom:40px;left:50%;margin-left:-100px;width:200px;height:36px;font-size:16px;color:#fff;text-align:center;line-height:34px;border-radius:20px;border:2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#0f46af;} .popguide .btn_openuidego{z-index:10;position:absolute;bottom:40px;left:50%;margin-left:-100px;width:200px;height:38px;font-size:16px;color:#fff;text-align:center;line-height:32px;border:3px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;} /* ------------------------- * 톡상담 CSS * ------------------------- */ .mainTalkCs {z-index:1;width:62px;height:62px;background:#fff;border-radius:62px;position:fixed;left:15px;bottom:25px; box-shadow:0 0 10px 0 rgba(15,81,161,0.6); -webkit-box-shadow:0 0 10px 0 rgba(15,81,161,0.6); -moz-box-shadow:0 0 10px 0 rgba(15,81,161,0.6); opacity:0.7; } .mainTalkCs a {display:block;background:url(https://image.shinhan.com/rib2017/images/any/bg/bg_talk.png) center 10px no-repeat; background-size:29px auto; padding:35px 0 8px 0; color:#0f51a1;font-size:13px; text-align:center;} .talkalert{width:62px;height:65px;margin:0 auto;margin-bottom:10px;background:url(https://image.shinhan.com/rib2017/img2/ico/ico_result_type03.png) center 10px no-repeat;} /* ------------------------- * talk CSS * ------------------------- */ .talk .list li{display:table;position:relative;width:100%;border:1px solid #e4e4e4; margin-top: 7px;} .talk .list li a{display:table-cell;padding:12px 3px; position: relative;} .talk .list .txt01{display:block;margin-left:50px;margin-bottom:6px;color:#000; font-size: 15px} .talk .list .txt02{display:block;margin-left:20px;color:#666;font-size:14px;} .talk .circle{position:absolute;width:25px;height:25px;border-radius:50%;font-size:0px; background:url(https://image.shinhan.com/rib2017/images/any/ico_talk_allow.png) no-repeat center center; background-size:8px auto; right:15px; top:50%; margin-top: -12px} .talk .blue{background-color:#3789dc;} .talk .list li > div{display:table-cell;vertical-align:middle} .talk .list li .first{width:50px;} .talk .list li .last{width:90px;padding-left:10px;} .talk .green{background-color:#10abb1;} .talk .orange{background-color:#e18d46;} .talk .indigo{background-color:#195dae;} .talk .txt_cont{padding:0 10px} .talk .date{margin-bottom:10px;color:#666;} .talk .txt_cmt{font-size:13px;} .talk .btn_done{width:80px;border:1px solid #bbb;border-radius:5px;line-height:37px;font-size:13px;text-align:center;} .talk .box{padding:15px;border:1px solid #eee;border-radius:5px;margin-top:25px;} .talkinfo{position:relative;margin-top:15px;} .talkinfo .mt10{margin-top: 5px !important} .talkinfo .icon_desc{display:inline-block;position:absolute;width:17px;height:17px;margin-right:8px;vertical-align:middle;background:url(https://image.shinhan.com/rib2017/images/any/ico_waring_gray.png) no-repeat; background-size:100% auto} .talkinfo .txt_desc{padding-left:25px;line-height:1.6em;} /* ------------------------- * 핸드폰인증 CSS * ------------------------- */ .auth .tformper{margin-bottom:10px} .auth .cbTy02{margin:15px 0;} .auth_no, .auth_no .cell{position:relative;} .auth_no input{padding-right:60px;} .auth_no a{padding:6px 0;line-height:15px !important} .auth_no .time{position:absolute;color:#888;line-height:44px;right:10px;} /* ------------------------- * 통장신규 CSS .openAcc * ------------------------- */ .hideTh th.w2tb_th, .hideth th.w2tb_th{display:none;} .showTh, .showth{display:table-cell !important;} .txt_label{width:95px;padding-left:10px !important;text-align:left !important;} .txt_ex{position:absolute;top:0;right:0;padding:5px 10px;color:#fff;font-size:13px;background-color:#3775c8;border-top-right-radius:4px;} .txt_done01{font-size:15px;color:#000;margin-bottom:10px;} .txt_done02{font-size:13px;margin-bottom:10px;} .txt_account{margin-top:20px;padding:13px 0;border-top:1px solid #c2c2c2;border-bottom:1px solid #e4e4e4;} .boxTyid{display:inline-block;margin:20px 12px 0 12px;padding:10px 20px;border:1px solid #c3d2e5;border-radius:5px;background-color:transparent;} .box_idcard, .box_license{width:64px;height:64px;margin:auto;border-radius:50%} .box_idcard{background:#ccc url(https://image.shinhan.com/rib2017/images/any/icon_idcard.png) no-repeat center center} .box_license{background:#ccc url(https://image.shinhan.com/rib2017/images/any/icon_license.png) no-repeat center center} .box_idcard + p,.box_idcard + span, .box_license + p,.box_license + span{font-size:12px !important;margin-top:10px;} .step_caution li{position:relative;} .step_caution li:not(:last-child){margin-bottom:25px;} .step_caution .num{display:inline-block;position:absolute;width:16px;height:16px;line-height:17px;border-radius:50%;background-color:#5f6f85;color:#fff;font-size:11px;text-align:center;} .step_caution .num + span{display:inline-block;margin-left:26px;color:#222; font-size: 14px} .step_caution.bc03 .num{background-color:#3775c8;font-size:11px;} .step_caution.bc03 .num + span{font-size:14px;color:333} .info_openAcc p, .info_openAcc span{text-align:center} .ex01{} .ex02{padding:10px 0;color:#000} .ex02 .numBox{font-size:14px;margin:0 4px;padding:3px 8px;border:1px solid #aeaeae;border-radius:3px;background-color:#f4f4f4;} .bluebox.type2.bg_rna{padding-bottom:129px;background:#f8f8f8 url(https://image.shinhan.com/rib2017/images/mnew/bg_rna.png) center bottom 20px no-repeat;} .step_circle{padding:20px 0 30px;} .step_circle dl:after{content:'';display:block;clear:both;} .step_circle dl{padding-top:16px;} .step_circle dl:first-child{padding:0;} .step_circle dt{float:left;width:50px;height:50px;padding:12px 0;display:inline-block;border-radius:50%;background:#123468;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .step_circle dt p{color:#fff;font-size:12px;font-weight:bold;text-align:center;} .step_circle dd{float:left;display:inline-block;padding:6px 0 6px 10px;} .step_circle dd p{font-size:14px;color:#555;font-weight:bold;} .step_circle dd p.b{font-size:15px;color:#333;font-weight:bold;padding-bottom:5px;} .img_idcard{width:100%;} .img_done{display:inline-block;margin-bottom:20px;font-size:0} .img_done:before{display:inline-block;content:"";} .img_done:before{width:72px;height:72px;background:url(https://image.shinhan.com/rib2017/images/any/img_done.png) no-repeat;} /* 통장 신규 수정_추가 (오버라이드) 2018-06-18 정훈 */ .cAccounts .boxTyblue02{} .cAccounts .info_openAcc .fs18, .info_openAcc .fs18 span{font-size:18px !important} .cAccounts .info_openAcc .fs13{font-size:13px !important} .cAccounts .info_openAcc .fs15{font-size:15px !important} .cAccounts .info_openAcc .pb20{margin-left:-20px;margin-right:-20px;border-bottom:10px solid #f2f2f2} .cAccounts .boxTyid{border:2px solid #dddfe9;border-radius:0;} .cAccounts .box_idcard{background:#2b70cc url(https://image.shinhan.com/rib2017/images/any/icon_idcard.png) no-repeat center center} .cAccounts .box_license{background:#2b70cc url(https://image.shinhan.com/rib2017/images/any/icon_license.png) no-repeat center center} /* 은행, 증권 목록 */ #gen_bankList, #gen_stockList{display:inline-block;border-left:1px solid #ccc;} .bank_list{} .bank_list .bt{border-top:1px solid #e3e3e3;} .bank_list .bb{border-bottom:1px solid #e3e3e3;} .bank_list .listarea li{padding:15px 0;border-bottom:1px solid #e3e3e3;} .bank_list .listarea li a{width:auto;} .bank_list .listarea li a.btnTyGray02{background:#5f6f85;} .bank_list .listarea li .cell{vertical-align:middle;} .bank_list .listarea .cardarea img{width:115px;} .bank_tbl a{display:block;padding:15px 0 !important;color:#000;} /*.bank_tbl a:first-child{border-left:1px solid #ccc;}*/ .bank_tbl a{border-right:1px solid #ccc;border-bottom:1px solid #ccc} .bank_box{float:left;width:25%;} .bank_box .name{text-align:center;} .m_pop #grp_bank .bank_box, .m_pop #grp_stock .bank_box {display:table;min-height:45px;} .m_pop #grp_bank.bank_tbl .bank_box a, .m_pop #grp_stock.bank_tbl .bank_box a {display:table-cell;height:31px;vertical-align:middle;padding:5px 0 !important} /* ------------------------- * 약관 CSS * ------------------------- */ .agreeManyCheack{position:relative;} .agreeManyCheack ul li{padding:0 5px 5px 15px !important;} .agreeManyCheack ul li .w2checkbox{text-align:left !important;} .agreeManyCheack ul li span{display:inline-block;width:120px;} .agreeManyCheack .checkAll{padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid #dcdcdc;} .agreeInfoBox .checBoxkList .w2checkbox_item{display:block;margin-left:0;margin-top:5px;} .agreeInfoBox ul.inBoxGray > li .checBoxkList .w2checkbox{text-align:left;} .agreeInfoBox ul.inBoxGray > li{padding:0;} .agreeInfoBox ul.inBoxGray > li > div{width:auto;padding:15px 15px 15px 0;} .agreeInfoBox ul.inBoxGray > li > div:first-child{width:68%;padding-left:15px;} .agreeInfoBox.one .boxTop{padding-bottom:0;border-bottom:0;} .agreeInfoBox.one + .agreeLine{padding-left:20px;} .agreeInfoBox.one + .agreeLine:after{content:'';display:block;clear:both;} .agreeInfoTyBox{background-color:#f9f9f9;padding:18px;margin-top:20px;} /* 약관 팝업 목록 */ .sMobile .detailPop .layerContent{padding:0 !important} .detailPop .provisionView .selMenu{border:0 !important;margin-right:0 !important} /* 약관 팝업의 좌우 버튼 */ .detailPop .provisionView .selMenu a.conMove{display:inline-block;position:absolute;top:50%;left:auto;bottom:auto;width:auto;} .detailPop .provisionView .selMenu a.conMove span{display:none;} .detailPop .provisionView .selMenu a.conMove.btnLeft{left:0;} .detailPop .provisionView .selMenu a.conMove.btnRight{right:20px;} .detailPop .provisionView .selMenu a.conMove:before{content:"";display:inline-block;width:14px;height:14px;margin:0;background:#000 url(https://image.shinhan.com/rib2017/images/btn/sp_btn.png) no-repeat;} .detailPop .provisionView .selMenu a.conMove.btnLeft:before{background-position:-346px -60px;} .detailPop .provisionView .selMenu a.conMove.btnRight:before{background-position:-365px -60px;} /* anyMobile(최수만_20170911) */ .agreeInfoBox.any{border:1px solid #eee;padding:18px 15px 0 15px;} .agreeInfoBox.any.colorbg{background:#f6f8fa;} .agreeInfoBox.any .boxTop{margin:-18px -15px 0 -15px;padding:15px 0;border-bottom:1px solid #eee;background-color:#f1f3f6;} .agreeInfoBox.any .boxTop .w2checkbox_label{font-size:15px;} .agreeInfoBox.any .w2radio .w2radio_item, .agreeInfoBox.any .w2checkbox .w2checkbox_item{margin:0 10px;} .any .w2radio.min .w2radio_item, .agreeInfoBox.any.min .w2checkbox .w2checkbox_item{margin:0 5px !important;} .agreeInfoBox.any .boxBtm{margin:0 -15px 0 -15px;padding:15px 0;border-bottom:1px solid #eee;background:#f1f3f6;} .agreeInfoBox.any .boxCon{border-top:none !important;} .agreeInfoBox.any .boxCon:after{content: ""; display: block; clear: both;} .agreeInfoBox.any .agreelist{margin:0px;} .agreeInfoBox.any .agreelist li{padding:5px 0 5px 0px;font-size:13px;} .agreeInfoBox.any .agreelist li .w2checkbox{margin-top: 4px} .agreeInfoBox.any .agreelist li .w2checkbox .w2checkbox_item{margin: 0} .agreeInfoBox.any .agreelist li:after, .agreeInfoBox.any .agreelist li:before{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .agreeInfoBox.any .agreelist li .w2textbox{width:65%;font-size:14px;line-height:normal;padding:5px;margin-left:3px;} .agreeInfoBox.any .agreelist li .btn_agreeview{font-size:12px;padding:5px;margin-top:3px;} .agreeInfoBox.any .boxTop .btn_agreeview{font-size:12px;padding:5px;margin-right:15px;} .agreeInfoBox.any .agreelist li.lastline, .agreeInfoBox.any .lastline{overflow:hidden;background:none;border-top:1px solid #eee;padding-top:10px;margin-top:5px;} .agreeInfoBox.any .agreelist li .slim .w2checkbox .w2checkbox_item{margin-right:5px;} .agreeInfoBox.any .agreelist li .slim input[type="radio"] + label, .agreeInfoBox.any .agreelist li .slim input[type="checkbox"] + label{padding-left:20px;} .agreeInfoBox.any .agreelist li .cbTy04 > div > input + label:before{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_input_checkbox05.png) no-repeat 0 0;background-size:20px;} .agreeInfoBox.any .agreelist li .cbTy04 > div > input + label{padding-left:25px;line-height:20px;} .agreeInfoBox.any .agreelist li .cbTy04 > div > input + label:before{width:20px;height:20px;} .agreeInfoBox.any .agreelist li .cbTy04 > div > input:hover + label:before{background-position:0 0;} .agreeInfoBox.any .agreelist li .cbTy04 > div > input:checked + label:before{background-position:0 -40px;} .agreeInfoBox.any .agreelist li .cbTy04 > div > input:disabled + label:before{background-position:0 -60px;opacity:0.4;} .agreeInfoBox.any .agreelist li .cbTy04 > div > input:checked:disabled + label:before{background-position:0 -40px;opacity:0.4;} /* 아코디언 박스 CSS */ .accBox .boxTop .tit{padding-left:20px} /* non 아코디언 박스 */ .detailgoodslist li .detail_title{display:block;min-height:46px;font-size:15px;color:#333;font-weight:bold;padding:20px 16px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .detailgoodslist li .detail_title span{display:inline-block;font-size:13px;color:#777;font-weight:normal;} .accbox_wrap .detailgoodslist{} .accbox_wrap .detailgoodslist li .detail_title{display:block;min-height:46px;font-size:15px;color:#333;font-weight:bold;border-bottom:5px solid #f2f2f2;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow3.png) no-repeat right 16px center; background-size:8px auto;padding:20px 50px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .accbox_wrap .detailgoodslist li .detail_title span{display:inline-block;font-size:13px;color:#777;font-weight:normal;} .new_contbox{/*position:absolute;top:74px;left:0;bottom:177px;right:0;*/padding:15px 16px 25px 16px;box-sizing:border-box;-moz-box-sizing:border-box;} .new_contbox_inner{width:100%;height:100%} .new_contbox_inner .boxTyGray{margin-top:0;} .new_contbox_inner .warningTxt{display:block;padding-left:11px !important;text-indent:-11px !important;line-height:1.5;font-size:14px;color:#888;} .new_contbox_inner .warningTxt:before{content:'';display:none;} .new_contbox_inner .colorTyOrg{color:#ff5932 !important;} .new_contbox_inner .referTxt:before{content:"*";position:absolute;left:0;top:0;margin-right:0;} .new_contbox_inner .referTxt {position:relative;padding-left:10px;color:#437fcf;line-height:1.5;text-indent:0;font-size:14px;} .new_contbox_inner .btnTyBlue01{min-width:145px;padding:0 10px;height:50px;line-height:51px;font-size:17px;} .new_bottom{/*position:absolute;left:0;right:0;bottom:0;*/height:177px;box-sizing:border-box;-moz-box-sizing:border-box;margin:0;} .new_bottom .tformper{border-left:0 !important;border-right:0 !important;box-sizing:border-box;-moz-box-sizing:border-box;} .new_bottom.line .cell.w45{width:50px;} .new_bottom .tformper .cell + .cell{padding-right:16px;} .tit_box{position:relative;display:block;padding:20px 16px;background:#f8f8f8;} .tit_box .detail_title4{display:block;font-size:15px;color:#333;font-weight:bold;box-sizing:border-box;-moz-box-sizing:border-box;} .tit_box span.tit_date{display:inline-block;font-size:13px;color:#777;font-weight:normal;line-height:20px;padding-top:12px;} .accdbox .detailgoodslist li .detail_title{display:block;min-height:46px;font-size:15px;color:#333;font-weight:bold;border-bottom:5px solid #f2f2f2;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_off.png) no-repeat right 16px center; background-size:15px auto;padding:20px 50px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .accdbox .detailgoodslist li .detail_title2{display:block;min-height:46px;font-size:15px;color:#333;font-weight:bold;border-bottom:5px solid #f2f2f2;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow3.png) no-repeat right 16px center; background-size:8px auto;padding:20px 50px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .accdbox .detailgoodslist li .detail_title3{display:block;min-height:46px;font-size:15px;color:#333;font-weight:bold;border-bottom:5px solid #f2f2f2;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow3.png) no-repeat right 16px center; background-size:8px auto;padding:20px 50px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;} .accdbox .detailgoodslist li .detail_title3.bgno{background:none;} .accdbox .detailgoodslist li .detail_title3.bb1{border-bottom:1px solid #f2f2f2} .accdbox .detailgoodslist li .detail_title3.bb0{border-bottom:0} .accdbox .detailgoodslist li .detail_title span{display:inline-block;font-size:13px;color:#777;font-weight:normal;} .accdbox .detailgoodslist li .detail_title3 span{display:inline-block;font-size:13px;color:#777;font-weight:normal;line-height:20px;} .accdbox .detailgoodslist li .detail_title3 .box{display:inline-block;padding:0 10px;margin-bottom:10px;border:1px solid #c5c5c5;} .accdbox .detailgoodslist li.on .detail_title{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_on.png) no-repeat right 16px center; background-size:15px auto;border-bottom:1px solid #f2f2f2} .accdbox .detailcont{display:none;border-bottom:5px solid #f2f2f2;padding-bottom:15px;} .accdbox .detailgoodslist li.on .detailcont{display:block;} .accdbox .detailcont:before, .goodsdetail .detailcont:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .accdbox .detailcont .colorbox, .goodsdetail .colorbox{background-color:#f1f3f6;padding:10px;margin-top:10px;} .accdbox .detailcont .detailinfobox{padding:10px 0;border-top:2px dashed #c6c6c6;} .accdbox .detailcont .topdashline{padding-top:5px;border-top:1px dashed #c6c6c6;} .accdbox .detailcont .topdashline:before{top:14px;} .accdbox .detailcont .detailinfobox .cell{height:30px;vertical-align:middle;} .accdbox .detailcont .detailgoods_phone, .goodsdetail .detailgoods_phone{position:relative;padding:5px 0;padding-left:40px;} .accdbox .detailcont .detailgoods_phone .btn_phone, .goodsdetail .detailgoods_phone .btn_phone{position:absolute;left:0px;top:50%;margin-top:-18px;display:block;width:34px;height:34px;font-size:0px;background:url(https://image.shinhan.com/rib2017/images/any/bg_detailgoods_phone.png) no-repeat; background-size:100% auto } .accdbox .detailcont .w2tb.tableTyInfo tbody .w2tb_td, .goodsdetail .detailcont .w2tb.tableTyInfo thead .w2tb_th{padding:5px;font-size:13px;} .accdbox .detailcont .w2tb.tableTyInfo thead .w2tb_th{height:auto;} .accdbox.bt5_gray{border-top:5px solid #f2f2f2;} .accdbox.bt5_gray.bg_gray .detailcont .contbox{padding:0;background-color:#fbf8fb;} .accdbox.bt5_gray.bg_gray .detailcont .contbox li a span{margin-top:10px;} .accdbox.bt5_gray.bg_gray .detailcont .contbox li a span.box{margin-top:0px;} .ico_btn_coll{position:absolute;right:15px;bottom:25px;display:inline-block;width:20px;height:21px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_coll.png) no-repeat;background-size:100%;text-indent:-99999px;} ul.cb li:after{content:'';display:block;clear:both;height:0;visibility:hidden;overflow:hidden;} .bb1_e9{border-bottom:1px solid #e9e9e9} .accdbox .btn_inn{border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} .accdbox .btn_inn li{border-top:1px solid #cbcbcb;position:relative;} .accdbox .btn_inn li .detail_title2{display:block;min-height:46px;line-height:32px;font-size:15px;color:#333;font-weight:bold;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detail_view_arrow3.png) no-repeat right 16px center; background-size:8px auto;padding:20px 50px 20px 70px;box-sizing:border-box;-moz-box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .accdbox .btn_inn li .detail_title2.btn_ctalk:before{content:'';position:absolute;left:15px;top:15px;display:inline-block;width:40px;height:40px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_ctalk.png)no-repeat;background-size:40px;} .accdbox .btn_inn li .detail_title2.btn_cmail:before{content:'';position:absolute;left:15px;top:15px;display:inline-block;width:40px;height:40px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_cmail.png)no-repeat;background-size:40px;} /* 이메일상담내역 리스트,상세 */ .email_noresult{position:relative;padding-top:185px;font-size:14px;text-align:center;font-weight:bold;} .email_noresult:before{content:"";display:block;position:absolute;top:120px;left:50%;margin-left:-24px;width:48px;height:46px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_email_noresult.png)no-repeat;background-size:48px auto;} .email_noresult.fal{padding-top:100px} .email_noresult.fal:before{top:25px} .email_detail{} .email_detail .excompcont.line .tformper{border-left:none;border-right:none;} .email_detail .excompcont.line .tformper:first-child{border-top:none;} .email_detail .excompcont.line .cell{height:30px;} .email_detail .excompcont.line .tformper .tal:first-child{padding-left:16px;} .email_detail .email_cont{padding:20px 16px;border-bottom:1px solid #dbdbdb;} .email_detail .email_answer{padding:20px 16px;border-bottom:1px solid #dbdbdb;background-color:#f8f8f8;} /* 책보기 */ .bookviewer{position:absolute;top:46px;left:0;right:0;bottom:0;} .bookviewer .ifm_bookcont{width:100%;height:100%;} .bookviewer .btn_bookhome{position: absolute;left:0;bottom:0;width:20%;height:40px;background:url(https://image.shinhan.com/rib2017/images/mnew/icon_01_out.png) no-repeat center center;background-size:auto 40px;} /* ------------------------- * 박스 CSS * ------------------------- */ .bluebox{background:#f6f8fa;margin-top:15px;padding:15px;/* border-radius:5px; */} .bluebox:before, .bluebox:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .boxTyWhite{padding:15px;border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;} .boxTyGray{border:1px solid #eee;/* border-radius:5px; */} .boxTyGray02{position:relative;border:1px solid #b2b2b2;border-radius:5px;padding:10px;} .boxTyGray03{border:1px solid #eee;background:#f9f9f9} .boxTyblue02{background-color:#edf1f2;padding:20px;color:#000;} .boxTyblue03{background-color:#f6f8fa;padding:10px 15px;} .bluebox.type2{background:#f8f8f8;padding:20px 16px;border-radius:0;margin:0;} /* ------------------------- * 기타 오버라이드 CSS * ------------------------- */ /* 자산:업데이트 날짜 */ .updateInfoArea{text-align:right;} .updateInfoArea > a{margin-left:10px;} .updateInfoArea .date{display:inline-block;} .updateInfoArea .date em{color:#424d89;} .updateInfoArea .date span{margin-left:5px;} .updateInfoArea .dateText{display:inline-block;padding:8px 8px 5px;background:#f6f9fe;} .updateInfoArea .dateText > a{margin-left:6px;} .updateInfoArea .dateText > span, .updateInfoArea .dateText > em{display:inline-block;vertical-align:middle;} .updateInfoArea .dateText > span{color:#555;} .updateInfoArea .dateText > em{margin-left:5px;color:#424d89;} .updateInfoArea+.assetDigestWrap{margin-top:20px;} .updateInfoArea+.tabTy01{margin-top:10px;} /* 스탭 */ .stepArea{overflow:hidden;line-height:normal;} /* 컨텐츠 스탭 */ .step_wrap{padding:13px 0px;} .step_wrap .pt9bd{padding-top:9px;border-bottom:1px solid #e9e9e9;margin:0 auto;width:80%;} .step_wrap ul{margin-top:-9px;} .step_wrap ul.step4:after{content:'';display:block;clear:both;height:0;visibility:hidden;} .step_wrap ul.step4 li{width:25%;float:left;display:inline-block;text-align:center;} .step_wrap ul.step4 li span{display:inline-block;width:18px;height:18px;line-height:18px;font-size:12px;color:#fff;background:#959595;border-radius:9px;} .step_wrap ul.step4 li.on span{background:#3789dc} .step_wrap ul.step4 li p{padding-top:7px;font-size:12px;color:#959595;} .step_wrap ul.step4 li.on p{color:#3389dc} /* 정보안내 */ .noteBox.type01 .left{width:auto;} .noteBox.type02 .left{width:auto;} /* 안내:문구+버튼 양쪽 정렬시 */ .aFloat{display:block;} .aFloat:after{display:block;content:'';height:0;clear:both;} .aFloat .w2textbox, .aFloat .w2anchor2{line-height:22px;} /* 간편상담신청 */ .cardinput .bordert{border-top:1px solid #e3e3e3} .cardinput .borderb{border-bottom:1px solid #e3e3e3} .cardapply_img{text-align:center;margin-top:20px;} .cardapply_img img{width:40%;max-width:263px;min-width:132px;} /* 카드, 체크카드 목록 */ .cardapplylist{} .tabTy02 li a span{text-align:center;} .cardapplylist .bt{border-top:1px solid #e3e3e3;} .cardapplylist .bb{border-bottom:1px solid #e3e3e3;} .cardapplylist .listarea li{padding:15px 0;border-bottom:1px solid #e3e3e3;} .cardapplylist .listarea li a{width:auto;vertical-align:top;} .cardapplylist .listarea li .cell{vertical-align:middle;} .cardapplylist .listarea .cardarea img{width:115px;} .cardapplylist .listarea .nopdbr li{padding:0 0 0 10px;border-bottom:0;} .listarea.credit_card > li > .tformper .cell.pl10 .fc2.fs15, .listarea.check_card > li > .tformper .cell.pl10 .fc2.fs15{font-weight:bold;} @media all and (max-width:335px){ .cardapplylist a.medium {font-size:12px !important; letter-spacing:-1px;} } /* 환율 환전 */ .extopbtn{display:block;width:auto !important;padding:10px 6px;} .extopbtn.on{border-color:#000;} .exguide{margin-top:20px;} .exguide .cell{padding:0;text-align:center;vertical-align:middle;} .exguide .exbox{display: inline-block;width:85px;height:85px;background:#ece1f5;border:1px solid #ece1f5;border-radius:50px;} .extopbtn .ico_ex{font-size:11px;padding:1px 6px;border:1px solid #d2d2d2;border-radius:14px;} .exch_contbox01{padding:20px 0;background-color:#f5f5f5;} /* 환율 환전 완료 */ .excompcont .cell{height:42px;vertical-align:middle;} .excompcont.line .cell{padding:5px 0;} .excompcont.line .tformper{border:1px solid #ddd;border-top:none;} .excompcont.line .tformper .tal{padding-left:10px;} .excompcont.line .tformper .tar{padding-right:10px;} .excompcont.line .tformper:first-child{border:1px solid #ddd;} .excompcont.line.thbg .tformper .cell:first-child{background-color:#e8f0f9;border-right:1px solid #ddd;} /* 환율조회 */ .excompcont.line.exsearch .cell{height:30px;padding-top:0px;padding-bottom:0px;} .excompcont.line.exsearch .tformper{border-bottom:none;} .excompcont.line.exsearch .snsbtnarea{padding:5px 10px 15px 10px;border-bottom:1px solid #c2c2c2;} .excompcont.line.exsearch .resultmoney{text-align:right;padding:15px 10px 5px 10px;border-bottom:1px solid #eee;} .excompcont.line.exsearch .expendarea{display:none;background:#f6f8fa;border-bottom:1px solid #eee;} .excompcont.line.exsearch .expendarea.on{display:block;} .excompcont.line.exsearch .expendarea .tformper{border-top:none;} .excompcont.line.exsearch .btn_extend{display:block;width:100%;height:24px;background:url(https://image.shinhan.com/rib2017/images/any/btn_exsearch_on.png) no-repeat center center; background-size:13px auto } .excompcont.line.exsearch .btn_extend.on{background:url(https://image.shinhan.com/rib2017/images/any/btn_exsearch_off.png) no-repeat center center; background-size:13px auto} /* topsclub */ .topsclub{} .topsclub .fc3{color:#1150c5 !important;} .topsclub .tabTy01 li a span{font-size:14px;} .topsclub .mytops{} .topsclub .mytops .mytops_namebox{border-top:1px solid #c3c3c3;border-bottom:1px solid #ddd;} .topsclub .mytops .mytops_infobox{border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;} .topsclub .mytops .mytops_namebox + .mytops_infobox{border-top:0;} .topsclub .mytops .mytops_infobox .cell{height:30px;} .topsclub .mytops .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{padding:0;letter-spacing:-1px;} .topsclub .w2tb.tableTyInfo tbody .w2tb_th, .topsclub .w2tb.tableTyInfo tbody .w2tb_td{padding:5px;} .mytops_graph{width:100%;height:25px;background:url(https://image.shinhan.com/rib2017/images/mnew/img_gradechart_normal.gif) no-repeat left center;} .mytops_graph.ty01{background:url(https://image.shinhan.com/rib2017/images/mnew/img_gradechart_classic.gif) no-repeat left center;} .mytops_graph.ty02{background:url(https://image.shinhan.com/rib2017/images/mnew/img_gradechart_best.gif) no-repeat left center;} .mytops_graph.ty03{background:url(https://image.shinhan.com/rib2017/images/mnew/img_gradechart_ace.gif) no-repeat left center;} .mytops_graph.ty04{background:url(https://image.shinhan.com/rib2017/images/mnew/img_gradechart_premier.gif) no-repeat left center;} .mytops_graph{background-size:100% 25px !important;} /* Table Type tformper */ .tbltype.excompcont.line .tformper:first-child{border-top:0px} .tbltype.excompcont.line .tformper.toplineb{border-top:2px solid #3579d4} .tbltype.excompcont.line .tformper .cell:first-child{background:#f9f9f9} /* ------------------------- * swiper CSS * ------------------------- */ .swiperarea{height:100%;} .swiperarea .swiper-container {overflow:hidden;position:absolute;top:92px;left:10px;right:10px;bottom:0px;} .swiperarea .swiper-slide {position:relative;/* display:-webkit-box;display:flex; */} .swiperarea .swiper-slide:after, .swiperarea .swiper-slide:before{display:block;visibility:hidden;clear:both;height:10px;font-size:0;line-height:0;content: '.'} /* ------------------------- * padding, margin, width * ------------------------- */ .p0 {padding: 0px !important;} .pt0 {padding-top: 0px !important;} .pr0 {padding-right: 0px !important;} .pb0 {padding-bottom: 0px !important;} .pl0 {padding-left: 0px !important;} .pt5 {padding-top: 5px !important;} .pr5 {padding-right: 5px !important;} .pb5 {padding-bottom: 5px !important;} .pl5 {padding-left: 5px !important;} .pt10{padding-top:10px !important;} .pr10{padding-right:10px !important;} .pb10{padding-bottom:10px !important;} .pl10{padding-left:10px !important;} .pt15{padding-top:15px !important;} .pr15{padding-right:15px !important;} .pb15{padding-bottom:15px !important;} .pl15{padding-left:15px !important;} .pt20{padding-top:20px !important;} .pr20{padding-right:20px !important;} .pb20{padding-bottom:20px !important;} .pl20{padding-left:20px !important;} .pt25{padding-top:25px !important;} .pr25{padding-right:25px !important;} .pb25{padding-bottom:25px !important;} .pl25{padding-left:25px !important;} .pt30{padding-top:30px !important;} .pr30{padding-right:30px !important;} .pb30{padding-bottom:30px !important;} .pl30{padding-left:30px !important;} .pt35{padding-top:35px !important;} .pr35{padding-right:35px !important;} .pb35{padding-bottom:35px !important;} .pl35{padding-left:35px !important;} .pt40{padding-top:40px !important;} .pr40{padding-right:40px !important;} .pb40{padding-bottom:40px !important;} .pl40{padding-left:40px !important;} .pt45{padding-top:45px !important;} .pr45{padding-right:45px !important;} .pb45{padding-bottom:45px !important;} .pl45{padding-left:45px !important;} .pt50{padding-top:50px !important;} .pr50{padding-right:50px !important;} .pb50{padding-bottom:50px !important;} .pl50{padding-left:50px !important;} .pt55{padding-top:55px !important;} .pr55{padding-right:55px !important;} .pb55{padding-bottom:55px !important;} .pl55{padding-left:55px !important;} .pt60{padding-top:60px !important;} .pr60{padding-right:60px !important;} .pb60{padding-bottom:60px !important;} .pl60{padding-left:60px !important;} .m0 {margin: 0px !important;} .mt0 {margin-top: 0px !important;} .mr0 {margin-right: 0px !important;} .mb0 {margin-bottom: 0px !important;} .ml0 {margin-left: 0px !important;} .mt5 {margin-top: 5px !important;} .mr5 {margin-right: 5px !important;} .mb5 {margin-bottom: 5px !important;} .ml5 {margin-left: 5px !important;} .mt10{margin-top:10px !important;} .mr10{margin-right:10px !important;} .mb10{margin-bottom:10px !important;} .ml10{margin-left:10px !important;} .mt15{margin-top:15px !important;} .mr15{margin-right:15px !important;} .mb15{margin-bottom:15px !important;} .ml15{margin-left:15px !important;} .mt20{margin-top:20px !important;} .mr20{margin-right:20px !important;} .mb20{margin-bottom:20px !important;} .ml20{margin-left:20px !important;} .mt25{margin-top:25px !important;} .mr25{margin-right:25px !important;} .mb25{margin-bottom:25px !important;} .ml25{margin-left:25px !important;} .mt30{margin-top:30px !important;} .mr30{margin-right:30px !important;} .mb30{margin-bottom:30px !important;} .ml30{margin-left:30px !important;} .mt35{margin-top:35px !important;} .mr35{margin-right:35px !important;} .mb35{margin-bottom:35px !important;} .ml35{margin-left:35px !important;} .mt40{margin-top:40px !important;} .mr40{margin-right:40px !important;} .mb40{margin-bottom:40px !important;} .ml40{margin-left:40px !important;} .mt45{margin-top:45px !important;} .mr45{margin-right:45px !important;} .mb45{margin-bottom:45px !important;} .ml45{margin-left:45px !important;} .mt50{margin-top:50px !important;} .mr50{margin-right:50px !important;} .mb50{margin-bottom:50px !important;} .ml50{margin-left:50px !important;} .mt55{margin-top:55px !important;} .mr55{margin-right:55px !important;} .mb55{margin-bottom:55px !important;} .ml55{margin-left:55px !important;} .mt60{margin-top:60px !important;} .mr60{margin-right:60px !important;} .mb60{margin-bottom:60px !important;} .ml60{margin-left:60px !important;} .w10 {width:10px;} .w15 {width:15px;} .w20 {width:20px;} .w25 {width:25px;} .w30 {width:30px;} .w35 {width:35px;} .w40 {width:40px;} .w45 {width:45px;} .w50 {width:50px;} .w55 {width:55px;} .w60 {width:60px;} .w65 {width:65px;} .w70 {width:70px;} .w75 {width:75px;} .w80 {width:80px;} .w85 {width:85px;} .w90 {width:90px;} .w95 {width:95px;} .w100 {width:100px;} .w105 {width:105px;} .w110 {width:110px;} .w115 {width:115px;} .w120 {width:120px;} .w125 {width:125px;} .w130 {width:130px;} .w135 {width:135px;} .w140 {width:140px;} .w145 {width:145px;} .w150 {width:150px;} .w155 {width:155px;} .w160 {width:160px;} .w165 {width:165px;} .w170 {width:170px;} .w175 {width:175px;} .w180 {width:180px;} .w185 {width:185px;} .w190 {width:190px;} .w195 {width:195px;} .w200 {width:200px;} .w205 {width:205px;} .w210 {width:210px;} .w215 {width:215px;} .w220 {width:220px;} .w225 {width:225px;} .w230 {width:230px;} .w235 {width:235px;} .w240 {width:240px;} .w245 {width:245px;} .w250 {width:250px;} .w255 {width:255px;} .w260 {width:260px;} .w265 {width:265px;} .w270 {width:270px;} .w275 {width:275px;} .w280 {width:280px;} .w285 {width:285px;} .w290 {width:290px;} .w295 {width:295px;} .w300 {width:300px;} .w305 {width:305px;} .w100_{width:100%} .w50_{width:50%} .w50per{width:50%} .w85per{width:85%} .h100per{height:100%} /* ------------------------- * any_mobile CSS * ------------------------- */ /* 버튼 */ /* .any_mobile a[class*="btnTy"].large{font-size:12px;} .any_mobile a[class*="btnTy"].big{height:32px;font-size:12px;line-height:32px;padding:0 25px 10px 25px;} .any_mobile .btnAreaBot{margin-top:20px;} .any_mobile .btnAreaBot > span{display:block;padding:0 10px;} .any_mobile .btnAreaBot > span + span{margin-top:10px;} .any_mobile .btnAreaBot > span a{margin:0 5px;} .any_mobile .btnAreaBot > span > a[class*="btnTy"].large, .any_mobile .btnAreaBot > span > a[class*="btnTy"].big{min-width:120px;width:40%;} .any_mobile .detailPop .btnAreaBot a[class*="btnTy"].large, .any_mobile .detailPop .btnAreaBot a[class*="btnTy"].big{min-width:80px;} .any_mobile a[class*="btnTy"].medium:before, .any_mobile a[class*="btnTy"].medium:after{width:0;} .any_mobile a[class*="btnTy"].medium{padding:0 7px;} */ /* 박스 */ .any_mobile .boxTyBlue{padding:14px;margin-bottom:0px;border:1px solid #eee;/* border-radius:5px; */} .any_mobile .boxTyBlue > dl > dt{padding-left:20px;font-size:14px;top:0; } .any_mobile .boxTyBlue > dl > dt:before{width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/easy/ico_box_blue.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .boxTyBlue > dl > dd{margin-top:0px;padding-top:10px;border-top:none;} .any_mobile .boxTyBlue > dl > dd > ul{padding:0;} .any_mobile .boxTyBlue > dl > dd > ul > li, .any_mobile .boxTyBlue > ul > li{margin-top:5px;padding-left:12px;line-height:18px;} .any_mobile .boxTyBlue > dl > dd > ul > li:before, .any_mobile .boxTyBlue > ul > li:before{left:5px;width:2px;height:2px;} .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;} .w2infobox{padding:14px;margin-bottom:0px;border:1px solid #eee;/* border-radius:5px; */} .w2infobox .inner > dl > dt{/* padding-left:20px; */font-size:14px;top:0;font-weight:bold;} .w2infobox .inner > dl > dd{margin-top:0px;padding-top:5px;border-top:none;} .w2infobox .inner > dl > dd > ul{padding:0;} .w2infobox .inner > dl > dd > ul > li, .w2infobox .inner > ul > li{margin-top:5px;padding-left:12px;line-height:18px;} .w2infobox .inner > dl > dd > ul > li:before, .w2infobox .inner > ul > li:before{left:5px;width:2px;height:2px;} /* 결과 */ .any_mobile .resultArea div[class*="ico"]{width:40px;height:40px;} .any_mobile .resultArea div[class*="ico02"]{background:url(https://image.shinhan.com/rib2017/images/easy/ico_result_mobile02.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .resultArea div[class*="ico04"]{background:url(https://image.shinhan.com/rib2017/images/easy/ico_result_mobile04.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .resultArea div[class*="ico05"]{background:url(https://image.shinhan.com/rib2017/images/easy/ico_security_mobile.png) no-repeat 0 0 !important;background-size:auto 100% !important;} .any_mobile .resultArea div.strong, .any_mobile .resultArea strong{font-size:17px;} .any_mobile .resultArea p{margin-top:10px;line-height:18px;} .any_mobile .resultArea .resultFds .fontBig{margin-top:20px;font-size:16px;line-height:20px;} .any_mobile .resultArea .resultFds .fontMid{font-size:13px;line-height:18px;} .any_mobile .resultArea .resultFds .colorTyGray02{font-size:12px;} /* 안내박스 */ .any_mobile .stepTyInfo02{border-top:2px solid #3679d4;border-bottom:1px solid #b7bbd1;} .any_mobile .stepTyInfo02 ol{width:100%;margin:0;} .any_mobile .stepTyInfo02 li{padding:0 15px;} .any_mobile .stepTyInfo02 li:before{left:-6px;top:50%;width:7px;background:url(https://image.shinhan.com/rib2017/images/easy/bg_step_info_arrow.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .stepTyInfo02 li:first-child:before{display:none;} .any_mobile .stepTyInfo02 li > div{height:auto;padding:78px 0 20px;border:none;text-align:center;} .any_mobile .stepTyInfo02 li em{font-size:12px;} .any_mobile .stepTyInfo02 li strong{font-size:14px;} .any_mobile .stepTyInfo02 li span{left:50%;top:20px;width:50px;height:50px;margin-left:-25px;} .any_mobile .stepTyInfo02 li span.ico01{background:url(https://image.shinhan.com/rib2017/images/easy/ico_step_Info01.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .stepTyInfo02 li span.ico02{background:url(https://image.shinhan.com/rib2017/images/easy/ico_step_Info02.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .stepTyInfo02 li span.ico03{background:url(https://image.shinhan.com/rib2017/images/easy/ico_step_Info03.png) no-repeat 0 0;background-size:100% auto;} /* 레이어팝업 */ .any_mobile .w2window{overflow:hidden;/* width:85% !important; *//* border-radius:10px; */}/* width 삭제 (강석희_20170917) */ .any_mobile .layerContainer .alertMsg .msgTit{padding-top:54px;font-size:13px;line-height:20px;} .any_mobile .layerContainer .alertMsg .msgTit:before, .any_mobile .layerContainer .alertMsg .msgTit.chcMark:before{width:40px;height:40px;margin-left:-20px;background:url(https://image.shinhan.com/rib2017/images/easy/ico_alert_msg_mark02.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .layerContainer .alertMsg .msgTit.excMark:before{width:40px;height:40px;margin-left:-20px;background:url(https://image.shinhan.com/rib2017/images/easy/ico_alert_msg_mark01.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .layerContainer .alertMsg .msgTit.secMark:before{width:35px;height:39px;background:url(https://image.shinhan.com/rib2017/images/easy/ico_alert_msg_mark03.png) no-repeat 0 0;background-size:100% auto;} .any_mobile .detailPop .layerContent{padding:16px;} .any_mobile .detailPop .layerCon, .any_mobile .detailPop .screen{width:auto !important;} .any_mobile .detailPop .layerCon > p{line-height:18px;} .any_mobile .detailPop .btnAreaBot a{height:30px;line-height:30px;} .any_mobile .detailPop .btnAreaBot a.large{height:44px;line-height:44px} .any_mobile .detailPop .tabTy01 li a{font-size:13px;} .any_mobile .detailPop .w2tb.tableTyInput .w2tb_th, .any_mobile .detailPop .w2tb.tableTyInput .w2tb_td{height:auto;} /* 레이어팝업_주소찾기 */ .m_pop_header{position:relative;min-height:45px;line-height:45px;background-color:#3789dc;vertical-align:middle;} .m_pop_header h1{padding-left:15px;color:#fff;font-size:17px;font-weight:normal;} .m_pop_header .layerClose{overflow:hidden;position:absolute;right:15px;top:15px;width:14px;height:14px;background:url(https://image.shinhan.com/rib2017/images/any/btn_contpop_close.png) no-repeat; background-size:100% auto; text-indent:-5000em;} .m_pop{padding:15px} .popUse{background-color:#fff; text-align: center;} .popUse .imgBox img{/* max-width:100%; */ height:120px; margin-bottom: 5px} .popUse .tit01{color:#000;font-size:17px;} .popUse .circle{display:inline-block;width:90px;height:90px;margin:15px 0;border-radius:50%;color:#fff;background-color:#d89228;} .popUse .circle img{margin-top:15px;} .popUse .circle span{display:block;margin-top:10px;font-size:19px;} .popUse .info_talk{position:relative;padding:15px 15px 15px 25px; background-color: #fff; text-align: left} .popUse .info_talk img{position:absolute;left:25px;margin:auto;} .popUse .info_talk p{margin-left:60px;} /* 레이어팝업_주소찾기 */ .any_mobile .detailPop .searchAddr input{width:100% !important;} .any_mobile .detailPop .searchAddr a{width:100%;margin:10px 0 0;} .any_mobile .detailPop .chAddr input{width:100% !important;} .any_mobile .detailPop .chAddr a{width:100%;margin:10px 0 0;} .any_mobile .detailPop .detAddr > input{width:100% !important;margin:10px 0 0;} .any_mobile .detailPop .detAddr input:first-child{margin-top:0;} .any_mobile .detailPop .addrDetail input:first-child{width:100% !important;margin-bottom:10px;} .any_mobile .detailPop .addrDetail input + input{margin-left:0 !important;} /* 라디오 그룹 */ .any_mobile .radioGrp .w2radio .w2radio_item label:before, .any_mobile .radioGrp .w2radio .w2radio_item label:after{width:auto;} .any_mobile .radioGrp .w2radio .w2radio_item{margin:0 5px 5px 0 !important;} .any_mobile .radioGrp .w2radio .w2radio_item label{padding:0 10px;} .any_mobile .radioGrp.slim .w2radio .w2radio_item label{padding:0 6px;} .any_mobile .radioGrp .w2radio .w2radio_item input[type="radio"]:checked + .w2radio_label{border-color:#ccc;background-color:#fff;color:#343434;} .any_mobile .radioGrp .w2radio .w2radio_item > .checked{border-color:#768392 !important;background-color:#606972 !important;color:#fff !important;} .any_mobile .radioGrp.twoea{width:100%;} .any_mobile .radioGrp.twoea .w2radio{width:100%;} .any_mobile .radioGrp.twoea .w2radio .w2radio_item{width: calc(50% - 5px)!important;margin:0 0 0 10px !important;} .any_mobile .radioGrp.twoea .w2radio .w2radio_item:first-child{margin:0 !important;} .any_mobile .radioGrp.twoea .w2radio .w2radio_item label{width:100%;font-size:12px;} .any_mobile .radioGrp.item3{width:100%;} .any_mobile .radioGrp.item3 .w2radio{width:100%;} .any_mobile .radioGrp.item3 .w2radio .w2radio_item{width: calc(33.3333% - 7px)!important;margin:0 0 0 10px !important;} .any_mobile .radioGrp.item3 .w2radio .w2radio_item:first-child{margin:0 !important;} .any_mobile .radioGrp.item3 .w2radio .w2radio_item label{width:100%;font-size:12px;} /* 폼 */ .any_mobile .w2checkbox .w2checkbox_item, .any_mobile .w2checkbox .w2checkbox_item + .w2checkbox_item, .any_mobile .w2radio .w2radio_item, .any_mobile .w2radio .w2radio_item + .w2radio_item{margin:0 10px 5px 10px;} .any_mobile .w2checkbox.slim .w2checkbox_item, .any_mobile .w2checkbox.slim .w2checkbox_item + .w2checkbox_item, .any_mobile .w2radio.slim .w2radio_item, .any_mobile .w2radio.slim .w2radio_item + .w2radio_item{margin:0 5px 5px 5px;} .any_mobile .w2radio.right_align .w2radio_item{margin:0 13px 0px 0px;padding-bottom:0px;} .any_mobile .w2radio.right_align.pb0 .w2radio_item{padding-bottom:0px;} .any_mobile .agreeInfoBox ul.inBoxGray > li .w2radio, .any_mobile .agreeInfoBox ul.inBoxGray > li .w2checkbox{text-align:left;} /* 검색박스(인풋+돋보기버튼) */ .searchbox{display:inline-block;position:relative;} .searchbox input[type=text]{padding-right:40px;} .searchbox a{display:inline-block;position:absolute;right:15px;top:13px;width:18px;height:18px;text-indent:-99999px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_search.png)no-repeat;background-size:100%;} /* 테이블 */ .any_mobile .w2tb tbody .w2tb_td .radioGrp{width:100%;} .any_mobile .w2tb tbody .w2tb_td .radioGrp .w2radio{display:table;width:100%;} .any_mobile .w2tb tbody .w2tb_td .radioGrp .w2radio > div{display:table-cell;} .any_mobile .w2tb tbody .w2tb_td .radioGrp .w2radio .w2radio_item{padding-left:10px;} .any_mobile .w2tb tbody .w2tb_td .radioGrp.slim .w2radio .w2radio_item{padding-left:5px;} .any_mobile .w2tb tbody .w2tb_td .radioGrp .w2radio .w2radio_item:first-child{padding-left:0;} .any_mobile .w2tb tbody .w2tb_td .radioGrp .w2radio .w2radio_item label{width:100%;min-width:42px;} .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native{width:100% !important;} .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native + a{margin:10px 0 0;} .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native + input + a{width:100% !important;margin:10px 0 0;} .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native + .w2checkbox + .w2checkbox, .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native + .w2checkbox{display:block;margin:10px 0 0;} .any_mobile .w2tb tbody .w2tb_td > .rowLine .keyboard, .any_mobile .w2tb tbody .w2tb_td > .rowLine .keyboard input{width:95% !important;} .any_mobile .w2tb tbody .w2tb_td > .keyboard, .any_mobile .w2tb tbody .w2tb_td > .keyboard input{width:100% !important;} .any_mobile .w2tb tbody .w2tb_td .keyboard + a, .any_mobile .w2tb tbody .w2tb_td .rowLine + a{margin:10px 0 0;} .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native + .rowLine + a, .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native + .rowLine + a + a, .any_mobile .w2tb tbody .w2tb_td .w2selectbox_native + .rowLine + a + a + a{margin:10px 5px 0 0;} .any_mobile .w2tb tbody .w2tb_td .keyboard + a + a, .any_mobile .w2tb tbody .w2tb_td .keyboard + a + a + a, .any_mobile .w2tb tbody .w2tb_td .rowLine + a + a, .any_mobile .w2tb tbody .w2tb_td .rowLine + a + a + a{margin-top:10px;} .any_mobile .w2tb tbody .w2tb_td .calendar{display:table;width:100%;} .any_mobile .w2tb tbody .w2tb_td .calendar > div{display:table-cell;width:42%;} .any_mobile .w2tb tbody .w2tb_td .calendar > span{display:table-cell;width:6%;margin:0;text-align:center;vertical-align:middle;} /*.any_mobile .w2tb tbody .w2tb_td .w2inputCalendar_div{position:relative;width:100%;padding-right:0px;box-sizing:border-box;} .any_mobile .w2tb tbody .w2tb_td .w2inputCalendar_div_input{width:100% !important;padding:0;} .any_mobile .w2tb tbody .w2tb_td .w2inputCalendar_divInput{width:100% !important;} .any_mobile .w2tb tbody .w2tb_td .w2inputCalendar_div_img{position:absolute;right:0;}*/ .any_mobile .w2tb tbody .w2tb_td > input{width:100% !important;} .any_mobile .w2tb tbody .w2tb_td > input + a{margin:10px 0 0;} .any_mobile .w2tb tbody .w2tb_td .dateSet{display:table;position:relative;width:100%;} .any_mobile .w2tb tbody .w2tb_td .dateSet > span{display:table-cell;width:39%;} .any_mobile .w2tb tbody .w2tb_td .dateSet > span + span{width:41%;padding:0 10px;} .any_mobile .w2tb tbody .w2tb_td .dateSet > span + span a.btnDatePrev{left:10px;} .any_mobile .w2tb tbody .w2tb_td .dateSet > span + span a.btnDateNext{right:10px;} .any_mobile .w2tb tbody .w2tb_td .dateSet > span input{width:100% !important;} .any_mobile .w2tb tbody .w2tb_td .dateSet > a{width:100%;} .any_mobile .w2tb tbody .w2tb_td .dateSet > a[class*="btnTy"].medium{min-width:58px;margin:0;} .any_mobile .w2tb tbody .w2tb_td .dateSet > a[class*="btnTy"].medium:before, .any_mobile .w2tb tbody .w2tb_td .dateSet > a[class*="btnTy"].medium:after{width:0;} .any_mobile .w2tb tbody .w2tb_td .tblTxt, .any_mobile .w2tb tbody .w2tb_td .dscTxt{display:block;position:relative;margin:10px 0 0;width:100%;padding-left:0px;box-sizing:border-box;} .any_mobile .w2tb tbody .w2tb_td .dscTxt:before{content:'';position:absolute;left:0;top:2px;} .any_mobile .w2tb tbody .w2tb_td .grp_zipcode{padding-right:90px;overflow:hidden;} .any_mobile .w2tb tbody .w2tb_td .grp_zipcode input{width:100% !important;float:left;} .any_mobile .w2tb tbody .w2tb_td .grp_zipcode a{margin-right:-90px;float:right;} .any_mobile .w2tb tbody .w2tb_td .telSet .w2selectbox_native{width:40% !important;} .any_mobile .w2tb tbody .w2tb_td .telSet .w2input{width:24% !important;} .any_mobile .w2tb tbody .w2tb_td .iptSet2 input{margin-left:0 !important;width:24% !important;} .any_mobile .w2tb tbody .w2tb_td .telSet .txt, .any_mobile .w2tb tbody .w2tb_td .phoneSet .txt, .any_mobile .w2tb tbody .w2tb_td .iptSet2 .txt{margin:0 !important;width:6% !important;text-align:center;display:inline-block;} .any_mobile .w2tb tbody .w2tb_td .priceBox{display:inline;} .any_mobile .w2tb tbody .w2tb_td .priceBox a{margin:0 5px 5px 0;} .any_mobile .w2tb tbody .w2tb_td .rel.up{width:100% !important;margin:10px 0 0;} .any_mobile .w2tb tbody .w2tb_td .rel.up input{width:100% !important;} .any_mobile .w2tb tbody .w2tb_td input + span.tblTxt{margin-left:0;} .any_mobile .w2tb.tableTySearch{padding:10px 0;} .any_mobile .w2tb.tableTySearch, .any_mobile .w2tb.tableTySearch tbody{display:block;} .any_mobile .w2tb.tableTySearch tbody tr{display:block;overflow:hidden;} .any_mobile .w2tb.tableTySearch tbody .w2tb_th, .any_mobile .w2tb.tableTySearch tbody .w2tb_td{padding:10px 10px 0;width:100%;height:auto;font-size:12px;border:0;box-sizing:border-box;float:left;clear:both;} .any_mobile .w2tb.tableTySearch tbody .w2tb_th{font-size:13px;color:#343434;background-color:#fff;} .any_mobile .w2tb.tableTySearch tbody .w2tb_td{padding-bottom:10px;} .any_mobile .w2tb.tableTySearch tbody .w2tb_td + .w2tb_th{border-left:0;} .any_mobile .w2tb.tableTySearch + .btnAreaBot{margin-bottom:30px;} .any_mobile .w2tb.tableTySearch + .btnAreaBot a{height:32px;line-height:32px;} .any_mobile .w2tb.tableTyInput{padding:10px 0 0 0;border-top:none;border-bottom:none;} .any_mobile .w2tb.tableTyInput, .any_mobile .w2tb.tableTyInput tbody{display:block;} .any_mobile .w2tb.tableTyInput tbody tr{display:block;overflow:hidden;margin-top:7px;} .any_mobile .w2tb.tableTyInput tbody .w2tb_th, .any_mobile .w2tb.tableTyInput tbody .w2tb_td{padding:0px 15px 7px;width:100%;height:auto;color:#666;border:0;box-sizing:border-box;float:left;clear:both;} .any_mobile .w2tb.tableTyInput.slim tbody .w2tb_td{padding:0px 0px 7px;} .any_mobile .w2tb.tableTyInput.slim tbody .w2tb_td .radioGrp.slim .w2radio .w2radio_item label{padding:0 0px;} .any_mobile .w2tb.tableTyInput.slim tbody .w2tb_td input.small{padding:5px 0px 3px;} .any_mobile .w2tb.tableTyInput tbody .w2tb_th{padding-top:10px;font-size:13px;color:#343434;background-color:#fff;} .any_mobile .w2tb.tableTyInput tbody .w2tb_td{padding-bottom:6px;} .any_mobile .w2tb.tableTyInput.nopd tbody .w2tb_th, .any_mobile .w2tb.tableTyInput.nopd tbody .w2tb_td{padding:0 0 7px;} .any_mobile .w2tb.tableTyInput tbody tr.noblock{} .any_mobile .w2tb.tableTyInput tbody tr.noblock .w2tb_th, .any_mobile .w2tb.tableTyInput tbody tr.noblock .w2tb_td{float:left;clear:none;} .any_mobile .w2tb.tableTyInput tbody tr.noblock .w2tb_th{width:30%;padding-top:4px;} .any_mobile .w2tb.tableTyInput tbody tr.noblock .w2tb_td{width:70%;padding-top:2px;} .any_mobile .w2tb.tableTyInput tbody tr .w2tb_th.noth{display:none;} .any_mobile .w2tb.tableTyInput tbody tr.nomargin{margin:0px;} .any_mobile .w2tb.tableTyInput tbody tr.contstart{border-top:15px solid #f6f8fa;margin-top:15px;padding-top:20px;} .any_mobile .w2tb.tableTyInput tbody tr.contend{border-bottom:15px solid #f6f8fa;margin-bottom:15px;} .any_mobile .w2tb.tableTyInput + .stepArea{margin-top:20px;} .any_mobile .w2tb.tableTyOutput .w2tb_th{font-size:13px;} .any_mobile .w2tb.tableTyOutput.result tbody .w2tb_th, .any_mobile .w2tb.tableTyOutput.result tbody .w2tb_td{height:41px;padding:0 14px;} .any_mobile .w2tb.tableTyOutput.result tbody .w2tb_td{font-size:12px;} .any_mobile .w2tb + .w2tb.tableTyOutput.result, .any_mobile .w2grid + .w2tb.tableTyOutput.result{margin-top:20px;} .any_mobile .w2tb.tableTyOutput.result.w2tb_adaptive_crosstab thead .w2tb_th:before{display:none;} .any_mobile .w2tb.tableTyOutput.result.w2tb_adaptive_crosstab tbody .w2tb_td{border-top:1px solid #dcdcdc;} .any_mobile .w2tb.tableTyOutput.result.w2tb_adaptive_crosstab tbody .w2tb_td .w2checkbox .w2checkbox_item{margin:0;} .any_mobile .w2tb.tableTyOutput.result.w2tb_adaptive_crosstab tbody .w2tb_td > input{width:90% !important;} .any_mobile .w2tb.tableTyGrid.result tbody .w2tb_th, .any_mobile .w2tb.tableTyGrid.result tbody .w2tb_td{padding:10px 12px;} .any_mobile .w2tb.tableTyGrid.result tbody .w2tb_th{font-size:13px;} .any_mobile .w2tb.tableTyGrid.result tbody .w2tb_td{font-size:12px;} /* 그리드 */ .any_mobile .funcBox{margin-bottom:12px;font-size:13px;} .any_mobile .funcBox .line:last-child{padding:10px 0;border-top:none !important;background-color:#eee;} .any_mobile .funcBox .line:last-child .left{margin-left:11px;} .any_mobile .funcBox .line:last-child .right{margin-left:11px;} .any_mobile .funcBox .line.bgNone{margin-bottom:10px;padding:0 !important;} .any_mobile .titH02 + .funcBox .line.bgNone{padding-top:10px !important;} .any_mobile .funcBox .left, .any_mobile .funcBox .right{float:none;} .any_mobile .funcBox .left .btn{float:left;} .any_mobile .funcBox .line.bgNone .right{float:right;} .any_mobile .funcBox .line .right .btn{margin-top:-10px;} .any_mobile .funcBox .right{margin-top:10px;text-align:right;} .any_mobile .funcBox .right .txt:first-child{float:left;} .any_mobile .funcBox .right .txt + .txt{float:right;} .any_mobile .funcBox .txt strong{color:#343434;} .any_mobile .funcBox .txt strong:before{background-color:#ccc;} .any_mobile .funcBox .txt > span, .any_mobile .funcBox .txt > em.time{color:#555;} .any_mobile .funcBox .right .txt strong:before{content:"";position:absolute;right:0;top:1px;width:1px;height:14px;padding:0;background-color:#ccc;} .any_mobile .funcBox.lower .right .btn{text-align:center;} .any_mobile .funcBox.lower .right .btn a{display:inline-block !important;} .any_mobile .funcBox.lower .right .btn a.pc{display:none !important;} .any_mobile .w2grid.gridTyDefault .gridBodyDefault.allView button, .any_mobile .w2grid.gridTyDefault .gridBodyDefault.allView a{overflow:hidden;width:20px !important;min-width:auto;height:20px !important;border:none;background:url(https://image.shinhan.com/rib2017/images/easy/btn_all_view_plus.png) no-repeat 0 0;background-size:100% auto;text-indent:-5000em;} .any_mobile .w2grid.gridTyDefault .gridBodyDefault.rowDel button, .any_mobile .w2grid.gridTyDefault .gridBodyDefault.rowDel a{overflow:hidden;width:20px !important;min-width:auto;height:20px !important;border:none;background:url(https://image.shinhan.com/rib2017/images/easy/btn_row_del.png) no-repeat 0 0;background-size:100% auto;text-indent:-5000em;} .any_mobile .funcBox .line:first-child .left .w2selectbox_native{width:120px !important;} .any_mobile .funcBox .line:first-child .right .w2selectbox_native{width:100px !important;} .any_mobile .funcBox .line:first-child .left .w2selectbox_native{margin-bottom:-20px;} .any_mobile .funcBox .line:first-child .left{float:left;} .any_mobile .funcBox .line:first-child .right{float:right;} /* 테이블 & 그리드 강조 */ .any_mobile .emphasisBorder:before, .any_mobile .emphasisBorder:after{top:2px;height:99%;} .any_mobile .emphasisBorder:before{left:113px;} .any_mobile .emphasisBorder tbody{position:relative;border:none !important;} .any_mobile .emphasisBorder tbody td:first-child:after, .any_mobile .emphasisBorder tbody td:last-child:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:#ed341b;} .any_mobile .emphasisBorder tbody td:first-child:after{top:0;} .any_mobile .emphasisBorder tbody td:last-child:after{bottom:0;} /* Table Adaptive Layout */ /** Output Table **/ .any_mobile .w2tb.w2tb_adaptive_layout tbody .w2tb_td{font-size:12px;} .any_mobile .w2tb.w2tb_adaptive_layout tbody .w2tb_td:before{font-size:13px;} /** Default Grid **/ .any_mobile .w2grid.gridTyDefault .gridHeaderTDDefault{height:40px !important;} .any_mobile .w2grid.gridTyDefault .gridBodyDefault{height:40px !important;} .any_mobile .w2grid.w2grid_adaptive_crosstab table.gridHeaderTableDefault, .any_mobile .w2grid.w2grid_adaptive_crosstab .grid_body_row:nth-last-child(1) .gridBodyDefault{border-right:none;} .any_mobile .w2grid.w2grid_adaptive_crosstab table.gridHeaderTableDefault{overflow:hidden;border-top:none;} .any_mobile .w2grid.w2grid_adaptive_crosstab table.gridHeaderTableDefault tbody{overflow-x:scroll;} /* 스탭 */ .any_mobile .stepArea{overflow:hidden;line-height:18px;} .any_mobile .stepArea li{float:left;position:relative;margin-left:7px;} .any_mobile .stepArea li span{font-size:20px;font-weight:bold;} .any_mobile .stepArea li em{position:absolute;top:-5000em;z-index:16;height:16px;padding:0 6px;border:1px solid #aaa;border-radius:2px;background-color:#fff;font-size:14px;line-height:16px;color:#343434;white-space:nowrap;} .any_mobile .stepArea li.on em{display:inline-block;position:relative;top:-3px !important;margin-left:4px;padding:0;border:none;font-size:14px;font-weight:bold;color:#3789dc;} /* 스탭 고객정보 */ .stepArea02{overflow:hidden;height:40px;color:#999;text-align:center;background-color:#edf1f2;border-bottom:1px solid #e2e6e6;} .stepArea02 ol{padding-top:12px;display:inline-block} .stepArea02 li{float:left;position:relative;} .stepArea02 li:not(:first-child){margin-left:10px;} .stepArea02 li span{font-size:14px;vertical-align:top;} /*.stepArea02 li em{position:absolute;top:-5000em;z-index:16;height:16px;padding:0 6px;border:1px solid #aaa;border-radius:2px;background-color:#fff;font-size:14px;line-height:16px;color:#343434;white-space:nowrap;}*/ .stepArea02 li.on span{color:#000;} .stepArea02 li:not(:first-child):before{content:"";display:inline-block;width:5px;height:17px;padding:0 5px;} .stepArea02 li:not(:first-child):before{background:url(https://image.shinhan.com/rib2017/images/any/icon_arrow1.png) no-repeat left 3px;background-size:8px} /* 정보입력 - 목표금액 */ .targetmoney .money{font-size:21px;color:#000;font-weight:bold;} .targetmoney .money.m01{font-size:21px;color:#10abb1;} .targetmoney .txt{font-size:12px;color:#555;} .targetmoney .graph-wrap {position:relative;height:9px;} .targetmoney .graph{height:9px;border:1px solid #e4e8ee;border-radius:10px;background:#e4e8ee;} .targetmoney .graph_bar{height:7px;border:1px solid #e4e8ee;border-radius:10px;background:#727272;} .targetmoney .graph_bar .btn_bar{position:absolute;top:-2px !important;left:0;display:block;margin-top:-5px;width:25px;height:25px;border-radius:14px;font-size:0px;background:#3d90d2;} .targetmoney .tformper{font-size:12px;} .targetmoney .tformper .cell{width:33.333%;} .targetmoney .tformper .cell a{font-size:12px;color:#666;padding:5px;} /* 정보입력 완료 */ .comp_imgarea{} .comp_imgarea img{min-width:100px;max-width:200px;width:25%;} /* 서류제출 안내화면 */ .fupguide{} .fupguide .fuptx01{font-size:19px;color:#000;} .fupguide .fuptx02{margin-top:25px;line-height:24px;} .fupguide .fupguidelist{} .fupguide .fupguidelist li{position:relative;width:25%;float:left;padding-top:65px;color:#000;background-size:36px !important;} .fupguide .fupguidelist li:before{content:"";position:absolute;left:-5px;top:50%;margin-top:-5px;display:block;width:8px;height:8px;border:1px solid #cacfd8;border-radius:8px;background:#cacfd8;} .fupguide .fupguidelist li:first-child:before{display:none;} .fupguide .fupguidelist li.g01{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide01.png) no-repeat center center;} .fupguide .fupguidelist li.g02{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide02.png) no-repeat center center;} .fupguide .fupguidelist li.g03{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide03.png) no-repeat center center;} .fupguide .fupguidelist li.g04{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide04.png) no-repeat center center;} .fupguide1{} .fupguide1 .fuptx01{font-size:19px;color:#fff; padding:26px 0px 5px 0; /* background:url(https://image.shinhan.com/rib2017/images/any/ico_doc_top.png) no-repeat right top; background-size:50px auto; */ display: inline-block;} .fupguide1 .fuptx02{display:inline-block;margin-top:15px;line-height:24px;color:#c0c0c0; font-size: 15px;padding:0 10px 0 30px;background:url(https://image.shinhan.com/rib2017/images/any/ico_doc_top02.png) no-repeat left 26px top;} .fupguide1 .fuptx02 span{color:#fff !important} .fupguide1 .fupguidelist{} .fupguide1 .fupguidelist li{position:relative;width:25%;float:left;padding-top:65px;color:#000;background-size:36px !important;} .fupguide1 .fupguidelist li:before{content:"";position:absolute;left:-2px;top:50%;margin-top:-5px;display:block;width:7px;height:13px;background:url(https://image.shinhan.com/rib2017/images/any/ico_list_arr.png) no-repeat center center; background-size:100% auto } .fupguide1 .fupguidelist li:first-child:before{display:none;} .fupguide1 .fupguidelist li.g01{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide01.png) no-repeat center center;} .fupguide1 .fupguidelist li.g02{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide02.png) no-repeat center center;} .fupguide1 .fupguidelist li.g03{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide03.png) no-repeat center center;} .fupguide1 .fupguidelist li.g04{background:url(https://image.shinhan.com/rib2017/images/any/img_fupguide04.png) no-repeat center center;} .fupguide1 .bg_area{background-color: #686a6d; padding:20px 0 35px 0; text-align: center;} /* 서류제출(대출신청) 목록조회 */ .fuplistarea{position:relative;min-height:64px;margin-top:25px;border-top:1px solid #c2c2c2;border-bottom:1px solid #e4e4e4;} .fuplist{} .fuplist li:first-child{border-top:none;} .fuplist li{padding:10px 0;border-top:1px solid #e4e4e4;} .fuplist li .cell{vertical-align:middle;} .fuplist .fup_date{display: block; margin-left: 0px !important} .fupnoresult{padding-top:110px;background:url(https://image.shinhan.com/rib2017/images/any/bg_icoty01.png) no-repeat center 40px;background-size:67px 52px;} /* 제출서류 자세히보기 */ .fupview{border-top:1px solid #c2c2c2;} .fupview li{border-bottom:1px solid #c2c2c2;padding:15px 0;} .fupview li .viewarea{margin:0 auto;} .fupview li .counter{overflow:hidden;width:60px;height:20px;padding:2px 10px;margin:5px auto;text-align:center;color:#000;box-sizing:border-box;border-radius:10px;background:#ccc;} .fupview li .counter span{padding:3px;} /* .fupview li .imgbox{overflow:hidden;position:relative;width:100%;height:300px;text-align:left;} */ .fupview li .imgbox{overflow:hidden;position:absolute;top:0px;left:0px;right:0px;bottom:30px;width:100%;text-align:left;} .fupview li .imgbox img{height:100%;} .fupview li .imgbox .btn_zoom{position:absolute;right:4px;bottom:4px;display:block;width:25px;height:25px;background:url(https://image.shinhan.com/rib2017/images/any/btn_zoom1.png) no-repeat center center; background-size:100% auto; z-index:2} .fupview li .imgbox .comment{z-index:1;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-50px;width:100px;padding-top:40px;font-size:12px;color:#000;text-align:center;background-size:32px !important;} .fupview li .imgbox .comment.success{background:url(https://image.shinhan.com/rib2017/images/any/ico_trans_success.png) no-repeat center top;} .fupview li .imgbox .comment.fail{background:url(https://image.shinhan.com/rib2017/images/any/ico_trans_fail.png) no-repeat center top;} .fupview li .cell{vertical-align:bottom;} .fupview li .btn_01{position: absolute; right: 0; bottom:95px} .fupview li .btn_02{margin-bottom: 30px} .fupview li .left_cell{position:relative;width:80% !important;height:330px;} .fupview li .right_cell{width:20% !important;} /* 통장개설 */ .main_account{} .main_account .pageCon{padding-top:0;} .main_account .accountArea{} .main_account .boxAccount{padding:25px 15px 15px;color:#fff;font-size:15px;background:#3775c8;text-align:center} .main_account .boxAccount .txt01{font-size:20px !important;margin-bottom:7px;} .main_account .boxAccount .txt02{} .main_account .boxAccount .txt03:before{display:inline-block;content:"";width: 27px;height:34px;margin-right:7px;vertical-align:middle;background:url(https://image.shinhan.com/rib2017/images/any/icon_acc_main.png) no-repeat; background-size:100% auto} .main_account .boxAccount .txt03{margin-top:20px;padding:15px 0;font-size:18px;border-top:1px solid #87acde;} .main_account .boxAccount .circle{content:"";display:inline-block;position:relative;width:55px;height:55px;border-radius:50%;color:#3775c8;background-color:#fff;} .main_account .boxAccount .circle > .step{position:absolute;top:50%;left:0;right:0;padding-top:3px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;letter-spacing:-1.2px;} .main_account .boxAccount .line{display:inline-block;width:20px;height:28px;border-top:2px solid #6998d6;} .main_account .info_box span{line-height:1.3px !important;} .main_account .info_box a{display:block;margin-right:15px;} .main_account .info_box a{background:url(https://image.shinhan.com/rib2017/images/any/icon_down.png) no-repeat 95% center; background-size:15px auto } .main_account .info_box a.on{background:#f1f3f6 url(https://image.shinhan.com/rib2017/images/any/icon_up.png) no-repeat 95% center; background-size:15px auto } .main_account .info_acc .tit{color:#000;margin-bottom:10px;} .main_account .info_acc .tit + p{margin-bottom:15px;} .main_account .info_acc ul li{line-height:13px !important} .main_account .info_acc ul li:not(:last-child){margin-bottom:10px;} .main_account .info_acc ul li:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#a3a3a3;margin:0 4px 4px;} .main_account .info_acc ul li span.list{font-size:13px;color:#666;line-height:10px;} .main_account .condition{padding:20px 15px;} .main_account .condition li:before{content:"";display:inline-block;padding:0 5px 3px 0 ;width:28px;height:28px;vertical-align:middle;/* background:url(https://image.shinhan.com/rib2017/images/any/ico_waring_blue.png) no-repeat; */} .main_account .condition li span{font-size:18px;} .main_account .condition li:not(:last-child){margin-bottom:10px;} .main_account .condition li.accico01:before{background:url(https://image.shinhan.com/rib2017/images/any/ico_acc_mico01.png) no-repeat; background-size:28px auto} .main_account .condition li.accico02:before{background:url(https://image.shinhan.com/rib2017/images/any/ico_acc_mico02.png) no-repeat; background-size:28px auto} .main_account .condition li.accico03:before{background:url(https://image.shinhan.com/rib2017/images/any/ico_acc_mico03.png) no-repeat; background-size:28px auto} /* 통장개설 추가_수정(오버라이드)*/ .main_account .cAccounts .boxAccount{color:#333333;background:#fff} .main_account .cAccounts .boxAccount .txt01.fs24{font-size:20px !important} .main_account .cAccounts .boxAccount .txt01.fs15{font-size:15px !important} .main_account .cAccounts .boxAccount .txt03:before{display:none} .main_account .cAccounts .boxAccount .txt03{font-size:16px;border-top:0px} .main_account .cAccounts .boxAccount .boxCircle{padding-top:30px;background:url(https://image.shinhan.com/rib2017/images/mnew/ca_boxcircle_nom.png)top center no-repeat;} .main_account .cAccounts .boxAccount .circle > .step{color:#333;} .main_account .cAccounts .boxAccount .line{border-top:0;} .main_account .cAccounts .condition{margin-left:-15px;margin-right:-15px;color:#fff;background-color:#2b70cc} .main_account .cAccounts .condition li.accico01:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_acc_mico01.png) left 5px no-repeat; } .main_account .cAccounts .condition li.accico02:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_acc_mico02.png) left 6px no-repeat; } .main_account .cAccounts .condition li.accico03:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_acc_mico03.png) left 6px no-repeat; } /* 통장만들기 상단비쥬얼_서연*/ .main_account .boxAccount_mnew{padding:25px 19px 15px;color:#fff;font-size:15px;background:#3775c8;text-align:center;position:relative;height:395px;} .main_account .boxAccount_mnew .txt01{color: #fff;font-weight: 500;font-size: 18px;line-height: 23px;margin-bottom:8px;} .main_account .boxAccount_mnew .tit{color: #ffd800;font-weight: 600;font-size: 41px;line-height: 41px;} .boxAccount_mnew .imgArea {display: block; position: absolute;right: 0; bottom: 50px; width: 180px;} .boxAccount_mnew .imgArea img {display: block;width: 100%;height: auto;} .boxTxt .bankBookList {width: 60%;margin-top: 15px;} .boxTxt .bankBookList > li.listTit {font-size: 16px; color: #ffbd70;margin-top:12px;} .boxTxt .bankBookList > li.listTxt {margin-top:12px; font-size:14px; color:#fff; line-height: 15px;} .boxTxt .bankBookList li.listTxt.colorOrg {margin-top:1px; font-size:14px; color:#ffbd70;line-height: 21px;} .boxTxt .bankBookList > li + li {margin-top: 20px;} .icon_check_area{margin-top: 10px;} .icon_check_area:first-child {margin-top:5px;} .icon_check_area li{position:relative;} .icon_check_area li:before{content: "";display: inline-block;padding: 0 5px 3px 0;width: 7.5px;height: 7.5px;vertical-align: middle;} .icon_check_area li:first-child:before{background:url(https://image.shinhan.com/rib2017/images/mnew/icon_check.png) no-repeat; background-size:7px auto} /* 통장만들기content_서연 */ .contbox_mnew{padding: 25px 16px 20px;} .contbox_mnew [class*=subTit] {margin-top:20px;} .contbox_mnew [class*=subTit]:first-child {margin: 0 0 5px;} .contbox_mnew > p {margin-bottom:10px;} .contbox_mnew > p:last-child {margin-bottom:10px;} .contbox_mnew p {margin-bottom:10px;line-height:18px;font-size:14px;color:#555;} .marT20B15{margin:20px 0 15px;} .marT20B20{margin:20px 0;} /* listTypeTb */ .listTypeTb.lineType > ul {border-top:1px solid #333;} .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 .leftCol.width135{width:135px;} .contbox_mnew ul li.tGray02{line-height: 19px; font-size: 14px;} .contbox_mnew ul li.tGray02:before{top: 7px;} /* 자세히보기 버튼*/ .contbox_mnew .detailView{position:relative;} .contbox_mnew .btnAreaView{display:-webkit-flex;display:flex;position:absolute;right: 0;top: 0;width: 85px;padding: 0;text-align:center;box-sizing:border-box;margin:0;} .contbox_mnew .btnAreaView .btnView{position:static;flex:1;-webkit-flex:1;margin:0;vertical-align:middle;color: #777;background: transparent;line-height: 23px;} .contbox_mnew .btnAreaView .btnView span {display:inline-block;padding:0;font-size: 14px;} /* 대출메인 */ .main_loan{} .main_loan #any_nav{display:none;} .main_loan .pageCon{padding-top:0;} .main_loan .loanarea{background-color:#4ca7df;} .main_loan .loancont{display:none; background-color:#fff;padding:20px 15px;margin:0 -15px;} .main_loan .loancont .innerbox{display:block;width:auto;border-radius:5px;border:1px solid #aaaaaa;padding:10px;} .main_loan .loancont a:active{text-decoration: none !important} .main_loan .loancont a.fc4{color:#007cc8 !important} .main_loan .loancont .innerbox .boxtit{display:block;font-size:15px;color:#007cc8;letter-spacing:-1px;} .main_loan .loancont .innerbox .textNor{display:block;font-size:13px;margin-top:10px;letter-spacing:-1px;} .main_loan .pageTop{color:#fff;} .main_loan .m_loanlist li{border-top:1px solid #94caec;background:url(https://image.shinhan.com/rib2017/images/any/bg_mloan_listico_off.png) no-repeat right 34px; background-size:25px auto} /* .main_loan .m_loanlist li.type01{padding:0; background-position-y:51px } */ .main_loan .m_loanlist li.on{background:url(https://image.shinhan.com/rib2017/images/any/bg_mloan_listico_on.png) no-repeat right center;} .main_loan .m_loanlist li > a, .main_loan .m_loanlist li > .load_view{display:block;padding:10px 0;color:#fff;} .main_loan .m_loanlist li > a:active{text-decoration:none;} .main_loan .m_loanlist li:first-child{padding:18px 0;border-top:none;background:none;} .main_loan .m_loanlist li .tx01{display:block;padding-left:48px;font-size:20px;} .main_loan .m_loanlist li .tx02{display:block;color:#2d4b83;margin-top:5px;} .main_loan .m_loanlist li.firstarea{color:#fff;background:url(https://image.shinhan.com/rib2017/images/any/bg_mloan_topimg.png) no-repeat right 10px center; background-size:auto 54px } .main_loan .m_loanlist li.firstarea .tong01{font-size:24px;color:#f9fc16;font-style:italic;} .main_loan .m_loanlist li.firstarea .tong02{font-size:24px;color:#8bd3ff;font-style:italic;font-weight:bold;} .main_loan .m_loanlist li.type01 > a{background:url(https://image.shinhan.com/rib2017/images/any/ico_mloan_ico01.png) no-repeat left top 27px; background-size:36px auto; padding:25px 0} /* .main_loan .m_loanlist li.type02 > a{background:url(https://image.shinhan.com/rib2017/images/any/ico_mloan_ico03.png) no-repeat left top; background-size:29px auto;} .main_loan .m_loanlist li.type02:nth-child(2) > a{background:url(https://image.shinhan.com/rib2017/images/any/ico_mloan_ico04.png) no-repeat left top; background-size:27px auto;} */ .main_loan .m_loanlist li.type02 > .load_view{ background:url(https://image.shinhan.com/rib2017/images/any/ico_mloan_ico03.png) no-repeat left 17px; background-size:28px auto;} .main_loan .m_loanlist li.type02.t1 > .load_view{ background:url(https://image.shinhan.com/rib2017/images/any/ico_mloan_ico04.png) no-repeat left 8px; background-size:26px auto;} .main_loan .m_loanlist li.type02 > .load_view .tx01{display:inline-block;padding-left:0px; padding-left:33px} .main_loan .m_loanlist li.type02{background:none;} .main_loan .m_loanlist li > a:active{text-decoration: none !important} .main_loan .contstart{border-top:15px solid #f6f8fa;padding-top:25px;} .main_loan .btn_detailview{display:block;margin-top:30px;color:#000;text-decoration:underline;} .main_loan .m_loanlist li.on .loancont{display:block;} .main_loan .m_loanlist li.on{background:url(https://image.shinhan.com/rib2017/images/any/bg_mloan_listico_on.png) no-repeat right 34px; background-size:25px auto} .main_loan .m_loanlist li .loan_detailbtn{font-size:15px;padding-right:15px;text-align: left !important;color:#fff !important;border:1px solid #fff !important;background:#79c6f6 url(https://image.shinhan.com/rib2017/images/any/ico_mloan_detailbtn.png) no-repeat right 10px center;background-size:7px auto;} .submain_loan{} .submain_loan .pageCon{padding-top:0px;} .submain_loan .loantopbox{position:relative;height:180px;padding:0 16px;color:#fff;text-align:left;background-color:#bd5591;} .submain_loan .loantopbox:before{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .submain_loan .loantopbox:after{content:"";display:block;position:absolute;right:0;bottom:-20px;width:120px;height:140px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_visual03.png) no-repeat; background-size:100% auto;} .submain_loan .loantopbox .fs20 span{font-size:20px;line-height:28px;} .submain_loan .loantopbox .fs20 .italic{font-style:italic;} .submain_loan .exmid{margin-top:5px;text-align:left;} .submain_loan .loan_listbox{margin-top:20px;padding:0 16px;} .submain_loan .loan_listbox .lonbox{margin-top:15px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_loanmain_boxbg.png) repeat-y; background-size:100% auto;} .submain_loan .loan_listbox .lonbox:first-child{margin:0;} .submain_loan .loan_listbox .lonbox .lon_tit{font-size:17px;color:#30172c;font-weight:bold;} .submain_loan .loan_listbox .lonbox .lon_txt{font-size:13px;color:#666;margin-top:7px;} .submain_loan .loan_listbox .lonbox .lon_link{display:inline-block;font-size:13px;color:#c0669d;margin-top:12px;} .submain_loan .loan_listbox .lonbox .lonbox_inner{padding:17px;cursor:pointer;} .submain_loan .loan_listbox .lonbox.lbx01 .lonbox_inner{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_lonbox01.png) no-repeat right bottom; background-size:58px 63px;} .submain_loan .loan_listbox .lonbox.lbx02 .lonbox_inner{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_lonbox02.png) no-repeat right bottom; background-size:58px 63px;} .submain_loan .loan_listbox .lonbox.lbx03 .lonbox_inner{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_lonbox03.png) no-repeat right bottom; background-size:58px 63px;} .submain_loan .loan_listbox .lonbox.lbx04 .lonbox_inner{background:url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_lonbox04.png) no-repeat right bottom; background-size:58px 63px;} /* 예적금 메인 */ .main_saveing{} .main_saveing #any_nav{display:none;} .main_saveing .pageCon{padding-top:0;} .main_saveing .savingarea{background-color:#f38cc1;} .main_saveing .savingcont{display:none; background-color:#fff;padding:20px 15px;margin:0 -15px;} .main_saveing .savingcont .innerbox{display:block;width:auto;border-radius:5px;border:1px solid #aaaaaa;padding:10px;margin-top:10px; } .main_saveing .savingcont .innerbox:active{text-decoration: none !important;} .main_saveing .savingcont .innerbox .boxtit{display:block;font-size:16px;color:#e761a6;} .main_saveing .savingcont .innerbox .textNor{display:block;font-size:14px;margin-top:10px;} .main_saveing .pageTop{color:#fff;} .main_saveing .m_savinglist li{border-top:1px solid #f8bada;background:url(https://image.shinhan.com/rib2017/images/any/bg_msaving_listico_off.png) no-repeat right 20px; background-size:25px auto} .main_saveing .m_savinglist li.type04 {background:url(https://image.shinhan.com/rib2017/images/any/bg_kbo_listico_arrow.png) no-repeat right 20px; background-size:25px auto} .main_saveing .m_savinglist li.on{background:url(https://image.shinhan.com/rib2017/images/any/bg_msaving_listico_on.png) no-repeat right center; background-size:25px auto} .main_saveing .m_savinglist li > a{display:block;padding:10px 0;color:#fff;} .main_saveing .m_savinglist li > a:active{text-decoration:none;} .main_saveing .m_savinglist li:first-child{padding:18px 0;border-top:none;background:none;} .main_saveing .m_savinglist li .tx01{display:block;padding-left:40px;font-size:20px;} .main_saveing .m_savinglist li .tx02{display:block;color:#992b63;margin-top:5px;font-weight:normal !important;} .main_saveing .m_savinglist li.firstarea{color:#fff;} .main_saveing .m_savinglist li.type01 > a{background:url(https://image.shinhan.com/rib2017/images/any/ico_msaving_ico01.png) no-repeat left top 10px; background-size:28px auto} .main_saveing .m_savinglist li.type02 > a{background:url(https://image.shinhan.com/rib2017/images/any/ico_msaving_ico02.png) no-repeat left top 10px; background-size:36px auto} .main_saveing .m_savinglist li.type03 > a{background:url(https://image.shinhan.com/rib2017/images/any/ico_msaving_ico03.png) no-repeat left top 7px; background-size:36px auto} .main_saveing .m_savinglist li.type04 > a{background:url(https://image.shinhan.com/rib2017/images/any/ico_kbo_ico.png) no-repeat 4px 6px; background-size:28px auto} .main_saveing .m_savinglist li > a:active{text-decoration: none !important} .main_saveing .contstart{border-top:15px solid #f6f8fa;padding-top:25px;} .main_saveing .btn_detailview{display:block;margin-top:30px;color:#000;text-decoration:underline;} .main_saveing .m_savinglist li.on .savingcont{display:block;} .main_saveing .m_savinglist li.on{background:url(https://image.shinhan.com/rib2017/images/any/bg_msaving_listico_on.png) no-repeat right 20px; background-size:25px auto} .main_saveing .m_savinglist li.type04.on {background:url(https://image.shinhan.com/rib2017/images/any/bg_kbo_listico_arrow.png) no-repeat right 20px; background-size:25px auto} .submain_saveing{} .submain_saveing .pageCon{padding-top:0px;} .submain_saveing .savingtopbox{position:relative;height:180px;padding:0 16px;color:#fff;text-align:left;background-color:#1989b2;} .submain_saveing .savingtopbox:before{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .submain_saveing .savingtopbox:after{content:"";display:block;position:absolute;right:0;bottom:-10px;width:100px;height:120px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_visual02.png) no-repeat; background-size:100px 120px;} .submain_saveing .exmid{margin-left:16;margin-top:5px;text-align:left;} .submain_saveing .tabTy01 li.on a span{color:#1989b2;font-weight:bold;padding:2px;} .submain_saveing .tabTy01 li.on:after{background-color:#1989b2;} .submain_saveing .saveing_list{box-sizing:border-box;padding:18px 16px;overflow: hidden;background:#fff;border-bottom: 1px solid #dbdbdb;cursor: pointer;} .submain_saveing .saveing_list .saveing_list_grp{display:table;width:100%;} .submain_saveing .saveing_list .titleGrp{display:table-cell;vertical-align:top;width: auto;/* padding-right:5px; */} .submain_saveing .saveing_list .titleGrp .title{font-weight: bold;color: #333333;font-size: 16px;margin-bottom: 12px;padding-right:5px;} .submain_saveing .saveing_list .titleGrp .txt{color: #555555;font-size:13px;padding-right:5px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: 17px;} .submain_saveing .saveing_list .contGrp{display:table-cell;width:105px;padding-left:5px;} .submain_saveing .saveing_list .contGrp .highValue{overflow:hidden;margin-bottom: 12px;padding-left:5px;letter-spacing:-1px;} .submain_saveing .saveing_list .contGrp .highValue span{ margin-top: 5px;margin-right:4px;font-weight:bold;color:#1989b2;font-size:12px;text-align: right;} .submain_saveing .saveing_list .contGrp .highValue em{font-weight:bold;color:#1989b2;font-size:18px;text-align: right;} .submain_saveing .saveing_list .contGrp .lowValue{ margin-bottom: 1px;} .submain_saveing .saveing_list .contGrp .lowValue span{margin-right:5px;color: #333333;font-size:12px;text-align: right;} .submain_saveing .saveing_list .contGrp .lowValue em{color: #333333;font-size:12px;text-align: right;} .submain_saveing .saveing_list .contGrp .text02{color: #777777;font-size:12px;} /* 환전메인 */ .main_exchange .pageCon{padding-top:0px;} .main_exchange .exchtopbox{position:relative;overflow:hidden;height:180px;color:#fff;text-align:left;background-color:#6654a4;background:#6654a4 url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_visual01.png) no-repeat right center; background-size:103px 150px;} .main_exchange .exmid{margin-left:16;margin-top:5px;text-align:left;} .main_exchange .exmain_topbtn{clear:both;margin-top:20px;text-align:center;} .main_exchange .exmain_topbtn a{display:inline-block;_float:left;height:18px;line-height:18px;_margin-left:20px;font-size:13px;color:#fff;} .main_exchange .exmain_topbtn a:first-child{margin-left:0;} .main_exchange .exmain_topbtn a:before{content:"";display:block;float:left;width:18px;height:18px;margin-right:3px;} .main_exchange .exmain_topbtn a.exmain_topbt01{float:left;line-height:19px;} .main_exchange .exmain_topbtn a.exmain_topbt02{line-height:20px;} .main_exchange .exmain_topbtn a.exmain_topbt03{float:right;} .main_exchange .exmain_topbtn a.exmain_topbt01:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_submain_exico01.png) no-repeat;background-size:100% auto;} .main_exchange .exmain_topbtn a.exmain_topbt02:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_submain_exico02.png) no-repeat;background-size:100% auto;} .main_exchange .exmain_topbtn a.exmain_topbt03:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_submain_exico03.png) no-repeat;background-size:100% auto;} /* 환전추가 2018-06-19 정훈 */ .exchange .mainTxtWrap .txt{display:block;} .exchange.gift .inner.alone{background-color:#0c99ac} .exchange.mobile .inner.alone{background-color:#69699f} .exchange.auto .inner.alone{background-color:#5f568b} .exchange .goodsInfoList.fc5 li:before{background:#fff;} .exchange .motionArea .inner .imgArea{width:140px} .exchange.productWrap .motionArea .btnAreaWrap .btnType{border:1px solid #fff;color:#fff;background-color:transparent;height:35px;line-height:35px;font-size:13px;} .exchange .guidance{padding-top:16px;padding-bottom:20px;border-bottom:10px solid #f2f2f2;} .exchange .guidance .titH02{padding-bottom:12px;font-weight:bold} .exchange .btnGroupBox{padding-bottom:20px;} .exchange .btnGroupBox a{margin:0 3px; width:calc(50% - 15px)!important; border:1px solid #2b70cc; background:transparent;height:44px;font-size:15px;line-height:44px;color:#343434;} .exchange .btnGroupBox a.btnTypeblue{background-color:#2b70cc;color:#fff;} .exchange .innerBox.line:after, .exchange .innerBox:after{display:none;} /* 카드메인 */ .main_card .pageCon{padding-top:0px;} .main_card .cardtopbox{height:84px;margin-bottom:25px;padding-top:20px;color:#fff;text-align:center;background-color:#766fa5;} .main_card .cardtopbox .ctx01{padding:7px 0 0 35px;font-size:20px;background:url(https://image.shinhan.com/rib2017/images/any/ico_sm_card_img01.png) no-repeat left center; background-size:32px auto; display: inline-block;} .main_card .cardtopbox .ctx02{margin-top:10px;font-size:15px;} /* 카드상세 */ .sorthline:after{display:block;height:0;clear:both;overflow:hidden;visibility:hidden;} .sorthline li{float:left;display:inline-block;width:33%;text-align:center;padding:0;} .sorthline li span{display:inline-block;width:100%;height:48px;box-sizing:border-box;padding-top:8px;font-size:14px;font-weight:bold;color:#333;} .sorthline li.ctline34{width:34%;} .sorthline li.ctline34 span{width:100%;border-left:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;} .sorthline li.ctline100{width:100%} /* 한도조회 결과 */ /* 기간선택 */ .monthselect .cell{width:25%;padding:0px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} .monthselect .tformper .cell:first-child{border-left:none;} .monthselect .cell .medium{border-radius:0 !important;border:none !important;} .monthselect .tformper.nobline .cell{border-bottom:none;} /* 아무때나 개설계좌 */ .accList li{position:relative;border-bottom:1px solid #e4e4e4;} .accList .infoAcc{display:block;padding:25px 0;} .accList .acc{display:block;margin-bottom:10px;color:#000;font-size:14px;} .accList .num{margin-bottom:10px;font-size:12px;} /* 수령지점조회 */ .pointsearch{} .pointsearch li{border-top:1px solid #eee;padding:4px 0;} .pointsearch li:first-child{border-top:none;} .pointsearch li a{background:url(https://image.shinhan.com/rib2017/images/any/ico_list_arr.png) no-repeat right center;background-size:9px;} .pointsearch li a{display:block;min-height:44px;margin:0 10px;} .pointsearch li a .area{display:block;padding:15px 0 2px 0;} .pointsearch li a .address{display:none;padding:2px 20px 2px 0;} .pointsearch li a.on .area{padding:5px 0 2px 0;} .pointsearch li a.on .address{display:block;} /* 환전신청 내역조회 버튼 */ .excurrent{} .excurrent .medium{height:auto !important;line-height:20px !important;padding:10px 0 !important;} .excurrent .medium .num{font-size:18px !important;color:#000;} .excurrent .medium:before{width:0px !important;} /* 비밀번호 인증 */ .btn_createaccounts{display:inline-block;text-indent:-99999px;width:100%;height:100%;background: url(https://image.shinhan.com/rib2017/images/mnew/btn_createaccounts.png) no-repeat;background-size:100%;} /* 전체 계좌 조회 2018-06-20 (하단 백그라운드컬러 디자인나오면 색상변경) 정훈 */ .fa_select{padding:5px;} .fa_lookup{border-top:6px solid #f2f2f2} .fa_lookup a.pr{display:block;padding:0 15px;} .fa_lookup .titH02{padding:9px 0 9px 10px;font-size:14px;margin-bottom:20px;color:#333} .fa_lookup .titH02.daw{background-color:#e9f4fc;border-left:4px solid #2998e6} .fa_lookup .titH02.dst{background-color:#edf2f8;border-left:4px solid #4f7fb9} .fa_lookup .titH02.lon{background-color:#faf2f6;border-left:4px solid #ca7bab} .fa_lookup .titH02.fnd{background-color:#eaf6f1;border-left:4px solid #2ea672} .fa_lookup .titH02.fcy{background-color:#f3f2f8;border-left:4px solid #8d80ba} .fa_lookup .titH02.irp{background-color:#fbf1f1;border-left:4px solid #db7676} .fa_lookup .titH02.isa{background-color:#f1fbfb;border-left:4px solid #76d7db} .fa_lookup .titH02.led{background-color:#fbf2ef;border-left:4px solid #d87b63} .fa_lookup .titH02.gns{background-color:#f4f2f1;border-left:4px solid #928374} .fa_lookup .titH02.pfo{background-color:#f7f5e5;border-left:4px solid #afa101} .fa_lookup .account_box{padding:15px;border:1px solid #e7e7e7;border-top:0;border-bottom:1px solid #cfcfcf;margin-bottom:10px;box-shadow:0 1px 0 1px #efefef;} .fa_lookup .account_box .title{font-size:15px; font-weight:bold;} .fa_lookup .account_box .title:after{conent:'';clear:both;display:block;visibility:hidden;height:0;} .fa_lookup .account_box .title.liquidityaccount{background:url(https://image.shinhan.com/rib2017/images/any/btn_linkicon_right.png) right center no-repeat;background-size:15px;padding-right:30px;} .fa_lookup .account_box .title .tit03{font-size:14px;color:#333;display:inline;} .fa_lookup .account_box .title .aLink{padding:1px 5px 1px;border:1px solid #3387ce;color:#3387ce;display:inline-block;float:right;font-size:11px;} .fa_lookup .account_box .title .aLink.dueDate{color:#c48600;border:1px solid #c48600;} .fa_lookup .account_box .title .aLink.lowDanger{color:#03a0a2;border:1px solid #03a0a2;} .fa_lookup .account_box .txt{padding-top:10px;color:#777;} .fa_lookup .balance{text-align:right;padding-top:10px;border-top:1px solid #e9e9e9;font-weight:bold;margin-top:5px;} .fa_lookup .balance span{font-size:18px;color:#333;padding-left:5px;} .fa_lookup .balance .tar span{font-size:12px;} .excompcont.bgsky.contbox{background:#e4f0f9;padding:10px 15px;border-bottom:7px solid #f2f2f2;} .excompcont.bgsky.contbox .cell{height:30px;vertical-align:middle;} /* 계좌상세 조회 2018-06-20 정훈 */ .adGroup{padding-top:10px;padding-bottom:10px;background-color:#1150c5;color:#fff;margin-bottom:20px;} .adGroup > p{padding-bottom:10px;} .adGroup > .tar > span{display:inline-block;margin-left:4px;} .periodsearch{padding-bottom:10px;} .periodsearch > span{display:inline-block;margin:0 4px;} .periodsearch > a{display:inline-block;margin-left:4px;} .titleviewresults{padding:20px 0 14px;} .listviewresults{} .listviewresults dt > p{padding:10px 0 10px 15px;background-color:#efefef;color:#333;} .listviewresults dd .viewresults li{padding:18px 15px 20px;border-bottom:1px solid #e9e9e9;} .listviewresults dd .viewresults li > p{padding-top:12px;font-size:15px;color:#333;} .listviewresults dd .viewresults li > div > span{font-size:14px;color:#555;} .listviewresults dd .viewresults li > div > span.time{color:#777} .listviewresults dd .viewresults li > .pa > p{padding-bottom:6px;} .listviewresults dd .viewresults li > .pa > span{font-size:18px;font-weight:bold;} .listviewresults dd .viewresults li > .pa > span.one{font-weight:normal;} .listviewresults dd .viewresults li > .pa.fc3 > span, .listviewresults dd .viewresults li > .pa.fc3 > p{color:#3789dc;} .listviewresults dd .viewresults li > .pa.fc1 > span, .listviewresults dd .viewresults li > .pa.fc1 > p{color:#f13e51;} /* 공통 약관팝업 */ #formList_area{background-color:#edf1f2;} #formList_grp{position:relative;overflow:hidden;height:55px;margin:0 20px;} #formList{height:55px;background-color:#edf1f2;} #formList:after{display:block;content:"";visibility:hidden;clear:both} #formList li{float:left;_width:30%;height:55px;text-align:center;box-sizing:border-box;} #formList li a{display:block;height:100%;padding:0 10px;} #formList li.selected{padding-top:2px;border-bottom:4px solid #3579d4;} #formList_area .btnLeft{top:0 !important;left:0 !important;width:20px;height:55px;background:url(https://image.shinhan.com/rib2017/images/any/btn_linkicon_left.png) no-repeat center center;background-size:10px auto;} #formList_area .btnRight{top:0 !important;right:0 !important;width:20px;height:55px;background:url(https://image.shinhan.com/rib2017/images/any/btn_linkicon_right.png) no-repeat center center;background-size:10px auto;} #formList_area .btnLeft:before, #formList_area .btnRight:before{display:none;} #formList .agreetit{height:43px;padding-top:5px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-box-pack:center;-ms-flex-pack:center;word-wrap:break-word;} /* 상품상세 */ .goodsdetail .visualarea{position:relative;height:140px;} .goodsdetail.detail02 .visualarea{height:109px} .goodsdetail .visualarea .tx01{margin-top:5px;} .goodsdetail .visualarea .tx02{font-size:18px;font-size:18px;margin-top:25px;} /* .goodsdetail .visualarea .tx01{margin-top:25px;} .goodsdetail .visualarea .tx02{font-size:18px;font-size:18px;margin-top:10px;} */ .goodsdetail .visualarea .imgarea{position:absolute;top:0px;right:0px;} .goodsdetail .moneybox{min-height:92px;padding:15px 0;margin:0 -15px;background-color:#f38cc1;} .goodsdetail .moneybox .tformper .cell + .cell{width:50%;border-right:1px solid #f8bada;} .goodsdetail .moneybox .tformper .cell:first-child{border-right:1px solid #f8bada;} .goodsdetail .moneybox .tx01{height:30px;margin-bottom:5px;color:#fff;font-size:13px;background:url(https://image.shinhan.com/rib2017/images/any/ico_detailgoods_arr.png) no-repeat center bottom; background-size:14px auto } .goodsdetail .moneybox .tx02{font-size:15px;color:#fff;} .goodsdetail .moneybox .tx03{font-size:20px;color:#992b63;} .goodsdetail .moneybox .tx04{margin:0 15px;color:#fff;font-size:15px;border-top:1px solid #f8bada;margin-top:15px;padding-top:15px;} .goodsdetail .detailgoodslist{/* margin:0 -16px; */} .goodsdetail .detailgoodslist li .detail_title{display:block;/* width:100%; *//* min-height:46px; */font-size:15px;color:#333;font-weight:bold;/* line-height: 45px; */border-bottom:5px solid #f2f2f2;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_off.png) no-repeat right center; background-size:15px auto;padding:19px 35px 16px 0;} .goodsdetail .detailgoodslist li.on .detail_title{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_on.png) no-repeat right center; background-size:15px auto;border-bottom:1px solid #f2f2f2} .goodsdetail .detailcont{display:none;border-bottom:5px solid #f2f2f2;padding-bottom:15px;} .goodsdetail .detailgoodslist li.on .detailcont{display:block;} .goodsdetail .detailcont:before, .goodsdetail .detailcont:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .goodsdetail .detailcont .colorbox, .goodsdetail .colorbox{background-color:#f1f3f6;padding:10px;margin-top:10px;} .goodsdetail .detailcont .detailinfobox{padding:10px 0;border-top:2px dashed #c6c6c6;} .goodsdetail .detailcont .topdashline{padding-top:5px;border-top:1px dashed #c6c6c6;} .goodsdetail .detailcont .topdashline:before{top:14px;} .goodsdetail .detailcont .detailinfobox .cell{height:30px;vertical-align:middle;} .goodsdetail .detailcont .detailgoods_phone, .goodsdetail .detailgoods_phone{position:relative;padding:5px 0;padding-left:40px;} .goodsdetail .detailcont .detailgoods_phone .btn_phone, .goodsdetail .detailgoods_phone .btn_phone{position:absolute;left:0px;top:50%;margin-top:-18px;display:block;width:34px;height:34px;font-size:0px;background:url(https://image.shinhan.com/rib2017/images/any/bg_detailgoods_phone.png) no-repeat; background-size:100% auto } .goodsdetail .detailcont .w2tb.tableTyInfo tbody .w2tb_td, .goodsdetail .detailcont .w2tb.tableTyInfo thead .w2tb_th{padding:5px;font-size:13px;} .goodsdetail .detailcont .w2tb.tableTyInfo thead .w2tb_th{height:auto;} .detailgoodslist li .detail_title.nowrap{white-space:normal;text-overflow:inherit;} .detailgoodslist .detailcont .data_scrollbox{overflow-x:hidden;overflow:auto;max-height:200px;} /* 카드상세*/ .carddetails .cardapply_img{text-align:center;margin-top:20px;} .carddetails .cardapply_img img{width:60%;max-width:263px;min-width:132px;} .carddetails .detailgoodslist{} .carddetails .detailgoodslist li .detail_title{display:block;/* width:100%; */min-height:46px;font-size:15px;color:#333;font-weight:bold;/* line-height: 25px; */border-bottom:5px solid #f2f2f2;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_off.png) no-repeat right 16px center; background-size:15px auto;padding:19px 35px 16px 16px;box-sizing:border-box;-moz-box-sizing:border-box} .carddetails .detailgoodslist li.on .detail_title{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_detail_titbtn_on.png) no-repeat right 16px center; background-size:15px auto;border-bottom:1px solid #e9e9e9;} .carddetails .detailcont{display:none;border-bottom:6px solid #f2f2f2;padding:0 16px 16px 15px;} .carddetails .detailgoodslist li.on .detailcont{display:block;} .carddetails .detailcont:before, .carddetails .detailcont:after{display:block;visibility:hidden;clear:both;height:0px;font-size:0;line-height:0;content: '.'} .carddetails .detailcont .colorbox, .carddetails .colorbox{background-color:#f1f3f6;padding:10px;margin-top:10px;} .carddetails .detailcont .detailinfobox{padding:10px 0;border-top:2px dashed #c6c6c6;} .carddetails .detailcont .topdashline{padding-top:5px;border-top:1px dashed #c6c6c6;} .carddetails .detailcont .topdashline:before{top:14px;} .carddetails .detailcont .detailinfobox .cell{height:30px;vertical-align:middle;} .carddetails .detailcont .detailgoods_phone, .carddetails .detailgoods_phone{position:relative;padding:5px 0;padding-left:40px;} .carddetails .detailcont .detailgoods_phone .btn_phone, .carddetails .detailgoods_phone .btn_phone{position:absolute;left:0px;top:50%;margin-top:-18px;display:block;width:34px;height:34px;font-size:0px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_detailgoods_phone.png) no-repeat; background-size:100% auto } .carddetails .detailcont .w2tb.tableTyInfo tbody .w2tb_td, .carddetails .detailcont .w2tb.tableTyInfo thead .w2tb_th{padding:5px;font-size:13px;} .carddetails .detailcont .w2tb.tableTyInfo thead .w2tb_th{height:auto;} .carddetails .annualfee_wrap{background:#f8f8f8;padding:8px 0;} .carddetails .annualfee_wrap span{font-size:14px;color:#555;line-height:17px;border-left:1px solid #e9e9e9;padding-left:10px;} .carddetails .annualfee_wrap .annualfee{color:#777;display:inline-block;width:80px;text-align:center;border:0;padding-left:0;} .carddetails .sorthline{padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #dbdbdb;height:48px;display:block;} /* 예적금 상품 - 주택청약종합저축 */ .goodsdetail.detail01 .visualarea .tx02{color:#992b63;} .goodsdetail.detail01 .visualarea .imgarea{top:20px;right:-15px;width:167px;height:113px;background:url(https://image.shinhan.com/rib2017/images/any/bg_goods_detail01.png) no-repeat;background-size:100% auto} .goodsdetail.detail01 .visualarea{height:133px;} /* 예적금 상품 - 두드림 */ .goodsdetail.detail02 .visualarea .tx02{color:#992b63;} .goodsdetail.detail02 .visualarea .imgarea{top:18px;right:0px;width:112px;height:102px;background:url(https://image.shinhan.com/rib2017/images/any/bg_goods_detail02.png) no-repeat;background-size:100% auto;} /* 대출 상품 - 대출상세 */ .goodsdetail.detail03 .visualarea .tx02{color:#4ca7df;} .goodsdetail.detail03 .visualarea .imgarea{top:57px;right:-15px;width:136px;height:110px;background:url(https://image.shinhan.com/rib2017/images/any/bg_goods_detail03.png) no-repeat; background-size:100% auto } .goodsdetail.detail03 .moneybox{background-color: #4ca7df; margin-top: 15px; padding:25px 0 13px} .goodsdetail.detail03 .moneybox .tformper .cell:first-child{border-right:1px solid #55c3c8;} .goodsdetail.detail03 .moneybox .tx_bottom{margin:0 15px; border-top:1px solid #55c3c8; text-align: center; font-size: 15px; margin-top: 13px; padding-top:15px; color:#fff} .goodsdetail.detail03 .moneybox .tx_bottom strong{font-size: 23px; font-weight: normal; text-decoration: underline;} /* 대출 상품 - 신한 포켓론대출 */ .goodsdetail.detail04 .visualarea .tx02{color:#10abb1;} .goodsdetail.detail04 .visualarea .imgarea{top:37px;right:-15px;width:137px;height:108px;background:url(https://image.shinhan.com/rib2017/images/any/bg_goods_detail04.png) no-repeat; background-size:100% auto} .goodsdetail.detail04 .moneybox{background-color: #10abb1;} .goodsdetail.detail04 .moneybox .tformper .cell:first-child{border-right:1px solid #55c3c8;} /* 대출 상품 - S드림 신용대출 */ .goodsdetail.detail05 .visualarea .tx01{font-size:14px;} .goodsdetail.detail05 .visualarea .tx02{color:#10abb1;} .goodsdetail.detail05 .visualarea .imgarea{top:37px;right:-15px;width:137px;height:108px;background:url(https://image.shinhan.com/rib2017/images/any/bg_goods_detail05.png) no-repeat; background-size:100% auto} .goodsdetail.detail05 .moneybox{background-color: #10abb1;} .goodsdetail.detail05 .moneybox .tformper .cell:first-child{border-right:1px solid #55c3c8;} /* 화물자동차 대출 */ .comp_imgarea .ico_comp01{display:block;width:50px;height:51px;margin:0 auto;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_viewresults.png) center center no-repeat;background-size:cover;} .bb2_blue{border-bottom:2px solid #1150c5} .bb1_gray{border-bottom:1px solid #e9e9e9} .warningTxt.fc777{color:#777 !important} .comp_imgarea .fc1.tac{color:#eb1616 !important} .br1_gray{border-right:1px solid #eee !important} .ba1_gray{border:1px solid #e9e9e9;padding:2px;} .bl0{border-left:0;} .br0{border-right:0;} /* 보통사람 */ .normalhuman{overflow:hidden;} .normalhuman .htoparea{height:38px;margin:22px 0;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_normalhuman_topbg.png) right 16px center no-repeat;background-size:81px 52px;} .normalhuman .htoparea span{color:#1150c5;} .normalhuman .htoparea .tx01{font-size:14px;} .normalhuman .htoparea .tx02{font-size:16px;color:#333;font-weight:bold;marign-top:10px;} .list_normal{overflow:hidden;margin:0 -5px 0 -5px;} .list_normal:first-child{margin-top:20px;} .list_normal li{position:relative;float:left;width:50%;margin-bottom:20px;text-align:center;} .list_normal li .imgbox{/* position:absolute;top:0;left:0; */display:block;margin:0 5px;min-height:130px;} .list_normal li .imgbox img{width:100%;} .list_normal li .tit{position:absolute;top:10px;left:5px;right:5px;/* transform:translateX(-50%); */} .list_normal li .tit .tit_inner{display:inline-block;padding:2px 10px;font-size:13px;color:#333;border:1px solid #333;border-radius:10px;} .list_normal li .tx{margin:10px 5px 0 5px;text-align:left;font-size:14px;color:#555555;} .normalh_viewcont{position:relative;padding:0;} .normalh_viewcont .swiper-container{/* position:fixed;top:46px;left:0px;right:0px;bottom:56px; */} .normalh_viewcont .swiper-button-prev, .normalh_viewcont .swiper-button-next{opacity:0.2;} .normalh_viewcont .swiper-slide img{width:100%;} .normalh_viewcont .normalh_btm{height:36px;/* position: fixed;left:0;right:0;bottom: 0;border-top:1px solid #d1d9e2;box-sizing:border-box; */} /* 신한지킴이 */ .shinhanguard .sgtopimg{width:97px;height:80px;margin:20px auto;background:url(https://image.shinhan.com/rib2017/images/mnew/img_shinhanguard.png) no-repeat;background-size:100% auto;} /* app마켓 */ .list_appmarket{overflow:hidden;/* margin:0 -5px 0 -5px; */padding:0 16px;} .list_appmarket li{position:relative;float:left;width:25%;margin-bottom:15px;text-align:center;} .list_appmarket li .imgbox{/* position:absolute;top:0;left:0; */display:block;margin:0 16px;} .list_appmarket li .imgbox img{width:100%;} .list_appmarket li .tx{margin:10px 5px 0 5px;text-align:left;font-size:14px;color:#777;text-align:center;} /* ------------------------- * 팝업 CSS * ------------------------- */ /* layout 재정의 */ .detailPop .layerContent{padding:0 !important;} /* 레이어 팝업에서 정의한 것을 약관 팝업등에 재정의 추후 논의필요 */ .detailPop.size02 .layerCon{width:auto;} /* 지점 찾기 */ .agency li:first-child{border-top:1px solid #c2c2c2;} .agency li{border-bottom:1px solid #c2c2c2;} .agency a{display:block;padding:15px 0;} .agency a dt{margin-bottom:10px;color:#000;} .agency a dd{color:#666;font-size:12px} .agency a dd .adr{height:1.3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .desc_imsyAcc{margin-top:0;padding:25px 15px;line-height:1.5em;} .desc_imsyAcc p,.desc_imsyAcc span{color:#000;font-size:14px;} .imsyAcc{margin-top:25px} .imsyAcc li{position:relative;margin-bottom:10px;border:1px solid #eee;border-radius:5px;} .imsyAcc .infoAcc{display:block;padding:15px;} .imsyAcc .acc{display:block;color:#000;font-size:14px;} .imsyAcc .date{margin-bottom:10px;font-size:12px;} /* .imsyAcc .btn_del{overflow: hidden;position:absolute;width:12px;height:12px;margin:5px;top:5px;right:10px;background:url(https://image.shinhan.com/rib2017/images/any/icon_delete.png) no-repeat;font-size:0;text-indent:-5000em;} */ .imsyAcc .btn_del{overflow: hidden;position:absolute;width:46px;height:100%;top:0; right:0px;background:url(https://image.shinhan.com/rib2017/images/any/ico_trash.png) no-repeat center center;font-size:0;text-indent:-5000em; background-size:16px auto } /* 임시 코드 */ .txt_loan01{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #c2c2c2;} .contline25{border-top:15px solid #f6f8fa;padding-top:25px;margin-top:25px;} /* 메인 및 서브 하단 푸터 */ .any_main .m_anyfooter{display:block;} .m_anyfooter{display:none;z-index:0;position:fixed;bottom:0px;width:100%;} .m_anyfooter .fmenu{text-align:center;} .m_anyfooter .fmenu .ftx{position:relative;color:#041a36;font-size:12px;padding:0 8px 0 5px;height:8px} .m_anyfooter .fmenu .flogo + .ftx:after{content:"";position:absolute;right:0;top:50%; margin-top:-5px; display:block;width:1px;height:8px;background:#a6a6a6; mar} /* .m_anyfooter .fmenu a:first-child{border-right:1px solid #a6a6a6} */ .m_anyfooter .fmenu .ftx:first-child:after{content:"";position:absolute;right:0;top:0px;display:block;width:1px;height:10px;background:#758fa2;} .m_anyfooter .copyright{width:100%;padding:5px 0 10px 0;font-size:12px;text-align:center;color:#727a86;text-align:center;} .fmenu .flogo{height:18px; background:url(https://image.shinhan.com/rib2017/images/any/img_flogo.png) no-repeat center center; background-size:auto 100%; margin-bottom: 5px} .anyfooter{z-index:0;position:fixed;bottom:0px;width:100%;padding:5px 0;border-top:1px solid #eee;background:#fff;} .anyfooter .fmenu{text-align:center;} .anyfooter .fmenu .ftx{position:relative;color:#041a36;font-size:12px;padding:0 8px 0 5px; } .anyfooter .fmenu .ftx:first-child:after{content:"";position:absolute;right:0;top:0px;display:block;width:1px;height:10px;background:#758fa2;} .anyfooter .copyright{width:100%;padding-top:5px;font-size:12px;text-align:center;color:#727a86;text-align:center;} /* 예적금 쿠폰적용 */ .coupon{display:table;width:100%;height:122px;} .coupon .c_name01{color:#fff;} .coupon .c_name02{color:#ffe764;} .coupon .c_list{color:#fff;letter-spacing:-1px;} .coupon .c_list .c_dot{margin-right:2px;padding-left:7px;background:url(https://image.shinhan.com/rib2017/images/any/icon_coupon_dot.png) no-repeat left 4px;} .coupon .c_left{display:table-cell;width:62px;height:122px;vertical-align:middle;background:url(https://image.shinhan.com/rib2017/images/any/bg_coupon_left.png) no-repeat;} .coupon .c_mid{display:table-cell;height:122px;vertical-align:middle;background:url(https://image.shinhan.com/rib2017/images/any/bg_coupon_mid.png) repeat-x;} .coupon .c_right{display:table-cell;width:7px;height:122px;vertical-align:middle;background:url(https://image.shinhan.com/rib2017/images/any/bg_coupon_right.png) no-repeat;} /* 통장개설 - 실명확인 */ .acc_exbox{height:209px;background:url(https://image.shinhan.com/rib2017/images/any/img_acc_exview.png) no-repeat center center;} /* 이미지 뷰어 */ .previewarea{position:relative;width:100%;height:100%;} .previewlist{position:relative;overflow:hidden;width:90%;height:90%;margin:0px auto;} .previewlist li{display:inline-block;height:100%;} .previewlist li .pviewbox{position:relative;height:100%;border:1px solid #fff;border-radius:5px;overflow:hidden;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;} .previewlist li .pviewbox img{height:100%;/*_max-width:230px;*/} .previewcounter{display:block;text-align:center;} .previewcounter li{display:inline-block;width:4px;height:4px;margin:0 2px;border:1px solid #d9d9d9;border-radius:5px;background:#d9d9d9;} .previewcounter li.current{border:1px solid #333;background:#333;} .previewarea .pv_btn{position:absolute;top:50%;margin-top:-30px;width:20px;height:34px;} .previewarea .button_prev{left:5px;background:url(https://image.shinhan.com/rib2017/images/any/btn_linkicon_left.png) no-repeat;} .previewarea .button_next{right:5px;background:url(https://image.shinhan.com/rib2017/images/any/btn_linkicon_right.png) no-repeat;} /* 유용한정보 > 이벤트 */ .event_wrap{} .event_wrap .eventlist{} .event_wrap .eventlist li{margin-top:7px;} .event_wrap .eventlist li:first-child{margin-top:0;} .event_wrap .eventlist li .btn_event{position:relative;overflow:hidden;display:block;width:100%;height:109px;text-decoration:none;margin:0;padding:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;} .event_wrap .eventlist li .btn_event img{position:absolute;left:50%;margin-left:-285px;max-width:none !important;height:100%;} .event_wrap .eventlist li .btn_event .eventPeriod{position:absolute;left:50%;bottom:11px;width:180px;margin-left:-136px;color:#fff;font-size:13px;line-height:1.5;font-weight:bold;letter-spacing:-1px;} .eventview_wrap .eventview_top{position:relative;padding:20px 40px 20px 16px;background:#f8f8f8;border-bottom:1px solid #eee;} .eventview_wrap .eventview_top .tit_tx{font-size:15px;font-weight:bold;color:#333;} .eventview_wrap .eventview_top a.export{background:url(https://image.shinhan.com/rib2017/images/mnew/icon_sns_share.png)no-repeat;width:12px;height:16px;display:inline-block;position:absolute;right:15px;top:18px;background-size:100%;text-indent:-99999px;} .eventview_wrap .eventview_btm{padding:20px 16px 20px 16px;border-top:1px solid #eee;} .eventview_wrap .junbup{/* display:none; */margin:10px 16px 10px !important; padding-left:0 !important;text-align:right;text-indent:0 !important;font-size:11px;word-break: break-all;word-wrap: break-word;color:#888;} .eventview_wrap .event_con{overflow:hidden;vertical-align:middle;min-height:100px;} .eventview_wrap .event_con .btnTyBlue01{min-width:80px;height:auto;font-size:14px;line-height:18px;padding:13px 10px;margin:0 2px;} .eventview_wrap .event_con .btnTyBlue01:before, .eventview_wrap .event_con .btnTyBlue01:after{display:none;} .eventview_wrap .event_con .smartMemo .childfund{padding-right:0;} .eventview_wrap .event_con .smartMemo .childfund .logo_area{position:relative;top:auto;right:auto;} .eventview_wrap .event_con .smartMemo .boxTyBlueline{padding:12px 16px;} .eventview_wrap .event_con .smartMemo .boxTit{margin-top:10px;} .colorTyblue, .colorTyBlue{color:#4176bb !important;} /* pagelist */ .pagelist{text-align:center;} .w2pageList_control_pagePrev.w2pageList_col_prevPage a img, .w2pageList_control_prev.w2pageList_col_prev a img, .w2pageList_control_next.w2pageList_col_next a img, .w2pageList_control_pageNext.w2pageList_col_nextPage a img{display:none;} .w2pageList_control_pagePrev.w2pageList_col_prevPage a{width:27px;height:27px;margin:0 3px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pagelist_first.png) no-repeat;background-size:100% auto;} .w2pageList_control_prev.w2pageList_col_prev a{width:27px;height:27px;margin:0 3px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pagelist_prev.png) no-repeat;background-size:100% auto;} .w2pageList_control_next.w2pageList_col_next a{width:27px;height:27px;margin:0 3px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pagelist_next.png) no-repeat;background-size:100% auto;} .w2pageList_control_pageNext.w2pageList_col_nextPage a{width:27px;height:27px;margin:0 3px;background:url(https://image.shinhan.com/rib2017/images/mnew/btn_pagelist_last.png) no-repeat;background-size:100% auto;} /* ------------------------- * MOBILE CSS * ------------------------- */ @media all and (max-width:759px){ #any_nav{display:none;} #any_gnb{display:none;height:auto;} #any_gnb .navMenu{box-shadow:0 3px 2px #ccc;} #any_gnb .navMenu > ul > li > a{height:45px;font-size:15px;font-weight:bold;line-height:46px;color:#98b2dc;} #any_gnb .navMenu > ul > li > a:before, #any_gnb .navMenu > ul > li > a:after{display:none;} #any_gnb .navMenu > ul > li.on > a{background:none;color:#fff;} #any_gnb .nav2Dep{left:0;width:100%;height:70px;margin:0;padding:0 21px;box-shadow:inset 0 3px 2px #ccc;box-sizing:border-box;} #any_gnb .nav2Dep .swiperWrap{overflow:hidden;width:100%;} #any_gnb .nav2Dep .swiper{display:block;padding:0;white-space:nowrap;width:auto;overflow:visible;} #any_gnb .nav2Dep .swiper > li{display:inline-block;float:none;} #any_gnb .nav2Dep .swiper > li > a{height:70px;padding:15px 5px;font-size:11px;line-height:18px;color:#343434;text-align:center;} #any_gnb .nav2Dep .swiper > li > a em{font-size:14px;line-height:12px;} #any_gnb .nav2Dep .swiper > li > a span{display:block;height:20px;margin-bottom:8px;background-repeat:no-repeat;background-position:center 0;} #any_gnb .nav2Dep .swiper > li > a span img{display:none;} #any_gnb .navMenu > ul > li:nth-child(1) li:nth-child(1) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu04.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(1) li:nth-child(2) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu05.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(2) li:nth-child(1) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu01.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(2) li:nth-child(2) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu02.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(2) li:nth-child(3) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu03.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(2) li:nth-child(4) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu06.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(2) li:nth-child(5) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu07.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(2) li:nth-child(6) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu08.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(3) li:nth-child(1) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu09.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(3) li:nth-child(2) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu10.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(3) li:nth-child(3) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu11.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(3) li:nth-child(4) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu12.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(4) li:nth-child(1) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu13.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(4) li:nth-child(2) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu14.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(4) li:nth-child(3) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu15.png);background-size:auto 100%;} #any_gnb .navMenu > ul > li:nth-child(4) li:nth-child(4) span{background-image:url(https://image.shinhan.com/rib2017/images/easy/ico_gnb_menu16.png);background-size:auto 100%;} #any_gnb .nav2Dep .moveGrp{display:block;} #any_gnb .nav2Dep .moveGrp a{position:absolute;top:0;z-index:2;width:34px;height:100%;text-align:center;opacity:0.2;} #any_gnb .nav2Dep .moveGrp a.on{opacity:1;} #any_gnb .nav2Dep .moveGrp a.btnPrev{left:0;} #any_gnb .nav2Dep .moveGrp a.btnNext{right:0;} #any_gnb .nav2Dep .moveGrp a span{display:inline-block;width:8px;margin-top:27px;} #any_gnb .nav2Dep .moveGrp a span img{width:100%;} #any_gnb .navMenu:after{display:none;} #any_nav{display:block;overflow:hidden;position:relative;border-bottom:1px solid #c2c2c2;box-shadow:0 3px 6px #ccc;} #any_nav span[class*="grd"]{position:absolute;top:0;z-index:10;width:10px;height:100%;} #any_nav .grdPrev{left:0;background:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, rgba(255,255,255,0)));} #any_nav .grdNext{right:0;background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0)), color-stop(100%,#fff));} #any_nav .nav{position:relative;height:38px;white-space:nowrap;} #any_nav .nav > ul{width:auto;} #any_nav .nav > ul > li{display:inline-block;padding:0 2px;box-sizing:border-box;} #any_nav .nav > ul > li a{display:block;position:relative;height:38px;padding:0 10px;font-size:15px;font-weight:bold;line-height:39px;color:#666;} #any_nav .nav > ul > li.on a{color:#437fcf} #any_nav .nav > ul > li.on a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#437fcf;} /* 강석희_20170917 */ .sMobile{min-width: auto} .sMobile .detailPop .searchAddr a{margin-top: 0 !important} .sMobile .detailPop .chAddr a{position: relative;} .sMobile .detailPop .btnAreaBot a{height:50px; line-height:50px} } @media all and (max-width:320px){/* 아이폰4이하 하위 버전 대응용 */ .talk .list li{margin-top: 2px} .talk .list li a{padding: 8px 3px;} .talk .circle{margin-top: -13px} .talk + .btnAreaBot{margin-top: 5px !important} .talk + .btnAreaBot .btnTyGray02{height:30px; line-height: 30px; font-size: 13px !important} .talkinfo{margin-top: 10px} .talkinfo .mt10{margin-top: 5px !important} .talk_txt_area{margin: -5px 0} .popUse .imgbox img{height:100px} .popUse .bluebox{padding-top:10px !important; padding-bottom: 10px !important; margin-top:0 !important } .popUse .info_talk{padding-top: 5px !important; padding-bottom: 5px !important} .any_main .mainNavWrap{margin-top: -10px} } /* 통2.0의 큰화면이상일때 대응 */ @media all and (min-width:320px){ .mnew_main .mainvisual{height:260px !important;} .mnew_main .mainvisual .swiper-container{height:260px !important;} } /* 상품몰 상세 테블릿PC에서 하단고객센터 변경 */ @media all and (min-width:768px){ .fix_mb.mallColPc{padding-bottom: 40px;} .callBox_pc{display:block !important;} .csListWrap_pc{display:block !important;} .callBox{display:none !important;} } /* (강석희_수정) */ .input_addr input{float:right; width:calc(65% - 5px)} .input_addr input:first-child{float:left; width:calc(35% - 5px)} .w2grid.gridTyAddress td a, .w2grid.gridTyAddress .w2grid_input{font-size: 13px} .w2grid.gridTyAddress td{padding:8px 5px} .any_empty{background:url(https://image.shinhan.com/rib2017/images/any/icon_nolist.png) no-repeat 50% 0; background-size:auto 100%; height:34px; margin:35px 0 15px}/* 결과없을때 이미지 */ /* #any_global{background:none;height:47px; border-bottom:1px solid #dbdbdb} */ #any_global.main{border-bottom:0} #any_header a[class*="btnTotal"] em span{background-color:#707070;} #any_global .sub h2{color:#000} .any_mobile .w2window{outline: none;} #detailPop, .detailPop{padding:15px;} #totalMenu .totalList{position: absolute; top: 75px; bottom:50px; width:100%;height:auto !important; overflow-y: auto} .any_mobile .stepArea{margin-top: -25px; background-color:#ebf0ef } .any_mobile .stepArea + .bluebox{margin-top:0px;} .any_mobile .stepArea li.on em{background: none} .stepArea li.on span{line-height: 23px; text-indent:-3px } .stepArea ol{margin-right: 15px} /* a[disabled]{background-color: transparent !important;border: 0 !important} a[class*="btnTy"][disabled]{background:#dbdbdb !important;border:1px solid #e2e2e2 !important;color:#999 !important;} */ .cardapplylist .listarea li .cell{vertical-align: top} .w2popup_window{background-color: transparent !important;} #any_header #any_global.main h1 a strong{font-weight: normal;} .menuBox01{border-bottom:1px solid #777} .any_main .mainVisualText{left:25px; top:97px;} .any_main .mainNavWrap{margin: 22px 0 0 0; background:url(https://image.shinhan.com/rib2017/images/any/bg_main_line.png) no-repeat; background-size:100% auto } #any_wrap.any_main .pageCon{overflow-x:hidden} #any_global .sub h2{font-size: 20px} .goodsdetail.detail03 .moneybox .tformper .cell:first-child{border-right:1px solid #80c1e8;} .goodsdetail.detail03 .moneybox .tx_bottom{border-top:1px solid #80c1e8;} .goodsdetail .changecredit{text-align: center;} .goodsdetail .changecredit .tx02{color:#000 !important;line-height: 25px; margin: 5px 0 5px} .goodsdetail .changecredit .tx02 strong{font-size: inherit;text-decoration: underline;} .goodsdetail .changecredit .tx01{color: #666} .clfix:after{content: "";display: block;clear: both;} .talkalert{width:78px; height:64px; background:url(https://image.shinhan.com/rib2017/images/any/ico_result_talk.png) no-repeat 0 0; background-size:100% auto } .main_saveing .savingcont .innerbox:first-child{margin-top: 0} .w2modalopenedbody .w2popup_window, .w2modalopenedbody .w2modal_popupLayer {/* border-radius:10px; */ overflow: hidden; outline: none;} .popup_html .alertMsg .customer{background: #e1e1e1; padding:10px; margin-top:10px } .popup_html .alertMsg .customer dt{font-size: 15px; margin-bottom: 5px;} .popup_html .alertMsg .customer dl li{margin-bottom: 3px} a.btnTyGray01:active, a.btnTyGray02:active{text-decoration: none !important} .btnAreaBot > .btnTyBlue02:nth-child(2){color:#fff} .imgCapture{background: #2b70cc} .formbox .cell .w2input{border:1px solid #f3f4f8} .formbox .cell .w2input.tar{padding-right:10px} .btnAreaBot > .btnTyBlue02[disabled="disabled"]{background: #dbdbdb !important;color:#959595 !important;} .btnAreaBot > .btnTyGray02[disabled="disabled"]{background: #e9e9e9 !important;color:#959595 !important;} .totalMenuMask{z-index: 10} .waring{line-height:18px; font-size: 14px} .waring:before{top:0px} .extopbtn.blue{border-color:#00aef0} .extopbtn.blue > span{color:#00aef0 !important} .extopbtn.orange{border-color:#f8941d} .extopbtn.orange > span{color:#f8941d !important} .m_loanlist li.type02 > .load_view{cursor: pointer;} .main_saveing .m_savinglist .tong01{font-size:24px;color:#f9fc16;font-style:italic;} .main_saveing .m_savinglist .tong02{font-size:24px;color:#bf4192;font-style:italic;font-weight:bold;} .s_txt{font-size: 10px; margin-top: -5px; vertical-align: middle; display: inline-block;}/* 각주 */ .any_mobile .w2tb.tableTyInput tbody tr{margin-top:0px;} .fs15 .w2radio_label{font-size: 15px} .goodsdetail.detail03 .btnTyGray01.large{font-size: 16px !important} .talk_txt_area{padding-left:70px; background:url(https://image.shinhan.com/rib2017/images/any/ico_talk_oclock.png) no-repeat 14px center; background-size:35px auto; color:#666} .icon_btn_add{vertical-align: middle;display: inline-block; margin-right: 5px; width:17px; height:27px; background:url(https://image.shinhan.com/rib2017/images/any/icon_btn_add.png) no-repeat center center; background-size:100% auto } .light_c{background-color: #4ca7df !important; border-color:#4ca7df !important; color:#fff !important} .mtxgroup{letter-spacing: -1px} .mtxgroup .mtx01{letter-spacing: -2px} .idxCirList .listDash li:before{content:"";top:9px !important;width:5px !important;height:1px !important;background:#666 !important;left:5px } .main_saveing .m_savinglist li.firstarea{text-align: left;background:url(https://image.shinhan.com/rib2017/images/any/icon_saving_top.png) no-repeat right center; background-size:56px auto; } .popUse .info_talk{padding:15px 15px 15px 25px} .popUse .info_talk img{left:25px; width:48px; top:20px} .stepArea.type_01{margin: 0; border-bottom: 1px solid #e1e1e1} .agreeInfoBox.openLayer .boxTop{background:#f6f8fa url(https://image.shinhan.com/rib2017/images/any/icon_acc_plus.png) no-repeat right 15px center; background-size:14px auto; border-bottom: 0} .layerNolist{margin-top: -55px} .layerNolist .w2image{width:61px} .w2window_close a{background:url(https://image.shinhan.com/rib2017/images/any/btn_contpop_close.png) no-repeat; background-size:100% auto } .systemPop .layerClose{background:url(https://image.shinhan.com/rib2017/images/any/btn_close02.png) no-repeat; background-size:100% auto; width:16px; height:16px} /* 비대면안내 및 동의 */ .img_help_box{margin-top: 15px; text-align: center;} .img_help_box > ul{} .img_help_box > ul > li{display: inline-block; width:120px; position: relative;} .img_help_box > ul > li:first-child:after{content: ""; display:block; position: absolute; right: -4px; top:50%; margin-top: -18px; width:7px; height:13px; background:url(https://image.shinhan.com/rib2017/images/any/ico_list_arr.png) no-repeat center center; background-size:auto 100%} .img_help_box > ul > li > span{display: block; background:url(https://image.shinhan.com/rib2017/images/any/icon_help_01.png) no-repeat center center; background-size:auto 100%; height:63px; margin-bottom: 10px} .img_help_box > ul > li:nth-child(2) > span{background-image:url(https://image.shinhan.com/rib2017/images/any/icon_help_02.png)} .systemPop div[class*="ico"]{background:url(https://image.shinhan.com/rib2017/images/any/icon_pop_coution.png) no-repeat center center; background-size:50px auto } .w2calendar .w2calendar_header select.w2calendar_selectbox_year_native, .w2calendar .w2calendar_header select.w2calendar_selectbox_month_native, select, .w2selectbox_native_select{background:#fff url(https://image.shinhan.com/rib2017/images/mnew/icon_down.png) no-repeat right 10px center; background-size:15px auto } /* (강석희_수정) */ .creditguide{border-bottom:15px solid #f6f8fa; padding:10px 0 15px;} .creditguide .cell{padding:0;text-align:center;vertical-align:top; position: relative; } .creditguide .cell .icbox{display: inline-block;width:70px;height:70px;background:url(https://image.shinhan.com/rib2017/images/any/icon_creditguide_01.png) no-repeat; background-size:100% auto; margin-bottom: 10px} .creditguide .cell:after{content: ""; display: block;width:7px; height:13px;position:absolute; right:-4px; top:34px;background:url(https://image.shinhan.com/rib2017/images/any/ico_list_arr.png) no-repeat; background-size:100% auto } .creditguide .cell:last-child:after{display: none} .creditguide .cell:nth-child(2) .icbox{background-image:url(https://image.shinhan.com/rib2017/images/any/icon_creditguide_02.png)} .creditguide .cell:nth-child(3) .icbox{background-image:url(https://image.shinhan.com/rib2017/images/any/icon_creditguide_03.png)} .creditguide_01{padding:15px 0; height:auto !important; text-align: center;} .creditguide_01 .tx02{color:#000 !important; margin-top: 0 !important} .creditguide_01 .tx02 strong{font-size: inherit; text-decoration: underline;} .creditguide_01 .tx01{line-height: 22px} .creditguide_01 .cell{padding:0;text-align:center;vertical-align:top; position: relative; } .creditguide_01 .cell .icbox{display: inline-block;width:55px;height:51px;background:url(https://image.shinhan.com/rib2017/images/any/icon_creditguide_c_01.png) no-repeat center center; background-size:100% auto; margin-bottom: 10px} .creditguide_01 .cell:after{content: ""; display: block;width:21px; height:21px;position:absolute; right:-4px; top:34px;background:url(https://image.shinhan.com/rib2017/images/any/icon_plus.png) no-repeat; background-size:100% auto } .creditguide_01 .cell:last-child:after{display: none} .creditguide_01 .cell:nth-child(2) .icbox{background-image:url(https://image.shinhan.com/rib2017/images/any/icon_creditguide_c_02.png); width:51px} .creditguide_01 .cell:nth-child(3) .icbox{background-image:url(https://image.shinhan.com/rib2017/images/any/icon_creditguide_c_03.png); width:39px} .creditguide_01 .cell p{color:#2a87c8; margin-bottom:5px} .icon_sign_usd{background:url(https://image.shinhan.com/rib2017/images/any/icon_flag_eng.png) no-repeat 3px 0 !important; background-size:15px auto !important;line-height:15px;height:15px;} .icon_sign_jpy{background:url(https://image.shinhan.com/rib2017/images/any/icon_flag_jpy.png) no-repeat 3px 0 !important; background-size:15px auto !important;line-height:15px;height:15px;} .icon_sign_eur{background:url(https://image.shinhan.com/rib2017/images/any/icon_flag_eur.png) no-repeat 3px 0 !important; background-size:15px auto !important;line-height:15px;height:15px;} .talk .circle{margin-top: -13px} /* 달력 팝업 사이즈 조정 */ .w2calendar .w2calendar_header {height:75px;} .w2calendar .w2calendar_footer .w2calendar_go_today {height:44px} .w2calendar .w2calendar_footer .w2calendar_date_cancel_div {top:30px;} .goodsdetail .moneybox .tx03{color:#f9fc16;} .goodsdetail.detail05 .moneybox{background-color: #4ca7df} .goodsdetail.detail05 .visualarea .tx02{color:#4ca7df} .goodsdetail.detail04 .moneybox{background-color: #4ca7df} .goodsdetail.detail04 .visualarea .tx02{color:#4ca7df} .bluebox.ac > p .dot{display: inline-block;width:4px; height:4px; background-color: #b5b5b6; border-radius:50%; vertical-align: middle;margin-top: -3px} .bluebox.ac .ico_help{background:url(https://image.shinhan.com/rib2017/images/any/ico_help.png) no-repeat center center; background-size:auto 100%; height:30px; margin-bottom: 12px} .bluebox.ac{padding:20px 15px} /* 달력 사이즈 조정2 */ .any_mobile .w2calendar{width:262px;height:268px;} .any_mobile .w2calendar .w2calendar_header .w2calendar_selectbox_year_native{width:79px;} .any_mobile .w2calendar .w2calendar_header .w2calendar_selectbox_month_native{width:59px;} .any_mobile .w2calendar .w2calendar_content .w2calendar_col_day{padding:7px 0 7px;} .any_mobile .w2calendar .w2calendar_content .w2calendar_col_day:before{top:10px;} .any_mobile .w2calendar .w2calendar_content .w2calendar_col_date{height:26px !important;} .any_mobile .w2calendar .w2calendar_content .w2calendar_col_date button{width:26px;height:26px;} /* 버튼 재조정 */ a[class*="btnTy"].large.line2:before, a[class*="btnTy"].large.line2:after {width:auto} /* 윗첨자 추가 */ .txtTop{position:relative;top:-3px;font-size:9px;} /* 슬림핏 테이블 */ .w2tb.tableTyInfo.slim tbody .w2tb_td {padding:7px;font-size:12px;} .w2tb.tableTyInfo.slim tbody .w2tb_th{padding:15px 6px;font-size:14px;} .w2tb.tableTyOutput.slim thead .w2tb_th{padding:0px;font-size:14px;} .w2tb.tableTyOutput.slim tbody .w2tb_th{padding:15px 6px;font-size:14px;} .w2tb.tableTyOutput.slim tbody .w2tb_td{padding:7px;font-size:12px;} /* 피벗 테이블 느낌 */ .w2tb.tableTyInfo.pivot .w2tb_th{background:#7a8a9b;color:#fff;} .w2tb.tableTyInfo.pivot .w2tb_th .circle_gray{bakcground:#fff;color:#7a8a9b;} .w2tb.tableTyInfo.pivot .w2tb_td.bgf8{background:#f8f8f8;} /* 개인정보처리방침 */ .policy_mnew{line-height:1.5;} /* 레이어 : 버튼,링크 텍스트 센터 정렬 다중 클래스 사용 */ .policy_mnew .listTySelect.ac a, .policy_mnew .listTySelect.ac button{text-align:center !important;} /* 리스트 안에 100%로 들어가는 박스 listAlignBox */ .policy_mnew .listTyDot > li .listAlignBox {margin-left:-8px;} .policy_mnew .listTyDotR > li .listAlignBox {margin-left:-10px;} /* circle 리스트 ex) ① */ .policy_mnew .listTyCircle > li {padding-left:17px;text-indent:-17px;} .policy_mnew .listTyCircle .listTyHangul > li {margin-top:0;} .policy_mnew .listTyCircle > li > p, .policy_mnew .listTyCircle > li > ul {padding-left:0;text-indent:0;} .policy_mnew .listTyCircle > li > strong.colorTyblue:last-child {display:block;padding-left:0;text-indent:0;} /* dash 리스트 ex) - */ .policy_mnew .listTyDash > li {position:relative;padding-left:9px;} .policy_mnew .listTyDash > li:after {content:"-";display:block;position:absolute;top:0;left:0;z-index:10;} .policy_mnew .listTyDash > li > p, .policy_mnew .listTyDash > li > ul {padding-left:0;text-indent:0;} /* hangul 리스트 ex) 가. */ .policy_mnew .listTyHangul > li {padding-left:20px;text-indent:-20px;} .policy_mnew .listTyHangul > li > p, .listTyHangul > li > ul {padding-left:0;text-indent:0;} /* 괄호 hangul 리스트 ex) (가) */ .policy_mnew .listTyMarkTxt > li {padding-left:26px;text-indent:-26px;} .policy_mnew .listTyMarkTxt > li > p, .listTyMarkTxt > li > ul {padding-left:0;text-indent:0;} /* number 리스트 ex) 1. */ .policy_mnew .listTyNumber > li {margin-left:20px;list-style-type:decimal;} .policy_mnew .listTyNumber > li:nth-child(9) ~ li {margin-left:27px;} .policy_mnew .listTyNumber > li > p, .listTyNumber > li > ul {padding-left:0;text-indent:0;} /* 괄호 number 리스트ex) (1) */ .policy_mnew .listTyMarkNum > li {padding-left:21px;text-indent:-20px;} .policy_mnew .listTyMarkNum > li:nth-child(9) ~ li {padding-left:29px;text-indent:-29px;} .policy_mnew .listTyMarkNum > li > p, .policy_mnew .listTyMarkNum > li > ul {padding-left:0;text-indent:0;} /* 수기 숫자 리스트 ex) 1. ,1-1. 등 */ .policy_mnew .listTyDecimal > li {padding-left:16px;text-indent:-16px;} .policy_mnew .listTyDecimal > li.over {padding-left:24px;text-indent:-24px;} /* 10이상 숫자 */ .policy_mnew .listTyDecimal > li.dash {padding-left:28px;text-indent:-28px;} /* 3-1. 등 중간 - */ .policy_mnew .listTyDecimal > li.over.dash {padding-left:36px;text-indent:-36px;} .policy_mnew .listTyDecimal > li > p, .policy_mnew .listTyDecimal > li > ul, .policy_mnew .listTyDecimal > li > div {padding-left:0;text-indent:0;} /* 정의형리스트 */ .policy_mnew .listTyDefine > dt {margin-top:20px;font-weight:bold;font-size:15px;color:#333;} .policy_mnew .listTyDefine > dt:first-child {margin-top:0;} .policy_mnew .listTyDefine > dd {margin-top:7px;} .policy_mnew .listTyDefine > dd > strong:first-child{margin-top:10px;} .policy_mnew .prdt_con1 .listTyDefine{margin:0 13px;} /* 박스안에 들어가는 리스트 */ .policy_mnew .listTyBox {border:1px solid #e5e5e5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .policy_mnew .listTyBox > li {padding:12px 16px;border-top:1px solid #e5e5e5;} .policy_mnew .listTyBox > li:first-child {border-top:none;} .policy_mnew ol.listTyBox > li {margin-left:35px;padding-left:0;list-style-type:decimal;border-top:0;} .policy_mnew ol.listTyBox > li:nth-child(9) ~ li {margin-left:42px;} .policy_mnew ol.listTyBox > li:after {content:"";display:block;clear:both;position:absolute;left:0;top:0;width:100%;margin-left:-36px;padding-right:36px;height:1px;background:#e5e5e5;} .policy_mnew ol.listTyBox > li:first-child:after {display:none;} .policy_mnew ol.listTyBox > li:nth-child(9) ~ li:after {margin-left:-42px;padding-right:42px;} .policy_mnew .colorTyblue{color:#4176bb !important;} .policy_mnew h4{display:block;font-size:15px;margin-top:20px;} .policy_mnew h3 {display:block;font-size:18px;text-align:center;} /* 조회결과없음 */ .list_noresult{display:none;position:relative;padding:185px 0 10px 0;font-size:14px;text-align:center;font-weight:bold;} .list_noresult:before{content:"";display:block;position:absolute;top:120px;left:50%;margin-left:-24px;width:48px;height:46px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_email_noresult.png)no-repeat;background-size:48px auto;} .list_noresult.mid{padding:105px 0 80px 0;} .list_noresult.mid:before{top:40px;} /************************************************ * @Comment : NaverPay ExChange Page * @Location : rib/any/NP01/*.xml & rib/mnew/MB01/ * @Since : 2017-10-16 * @update : 2018-08 * @Auther : JungKwangWon(SDS) ************************************************/ .any_mobile .nvrPay .stepArea li.on span {background:url(https://image.shinhan.com/rib2017/images/any/naverPay/icon_step_on.png) no-repeat center center;background-size:26px auto;} .any_mobile .nvrPay div.exchtopbox {padding:20px 0;background:#00c73c;text-align:center;} .any_mobile .nvrPay div.exchtopbox p {text-align:center;font-size:20px;color:#fff;line-height:33px;} .any_mobile .nvrPay div.exchtopbox img {width:100px;height:auto;} .any_mobile .nvrPay .exguide .exbox{background:#d6e7fd;border:1px solid #d6e7fd;} .any_mobile .nvrPay .exguide .exbox p:first-child {margin-top:13px;} .any_mobile .nvrPay .w2tb.tableTyInfo tbody .w2tb_th, .w2tb.tableTyInfo tbody .w2tb_td {padding:10px;} .any_mobile .nvrPay .contPop, .contPop.nvrPayPop, .any_mobile.nvrPay .w2window_header {background:#00c73c} .any_mobile .nvrPay .nvrResultBox {border:1px solid #e1e1e1;padding:20px 10px;background:#ebf0ef;} .boxTyNvr {border:1px solid #d9d9d9;padding:20px 10px;background:#fff;} .colorTyNvr {color:#00c73c} .btnTyGreenNvr {background:#00c73c;color:#fff;border:1px solid #00c73c} .any_mobile .nvrPay .stepArea li.on em {color:#00c73c;} .any_mobile .nvrPay .btnAreaBot a.btnTyBlue02, .any_mobile .nvrPay .btnAreaBot div.imgCapture {background:#00c73c;color:#fff;border:1px solid #00c73c} .any_mobile .nvrPay #grp_alertlayer .btnAreaBot a.btnTyBlue01, .any_mobile .nvrPay .addressSet a.btnTyGray02 {background:#00c73c;color:#fff;border:1px solid #00c73c} /************************************************ * @Comment : LGU+ loan * @Location : rib/any/LP01/*.xml * @Since : 2017-11-28 * @Auther : JungKwangWon(SDS) ************************************************/ .any_mobile .lgu div.loanTopBox {height:auto;color:#fff;padding:20px 0;background:#feebef;text-align:center;} .any_mobile .lgu div.loanTopBox p {text-align:center;font-size:18px;color:#5c1233;line-height:27px; } .any_mobile .lgu .colabo {width:142px;height:auto;margin-top:5px;} .any_mobile .lgu .bgGray {background:#fff;padding:12px;} .any_mobile .lgu .bgGray .contbox {background:#f6f8fa;padding:12px;border:1px solid #eee;box-sizing:border-box;} .any_mobile .lgu .loancont .innerbox{display:block;width:auto;border-radius:5px;border:1px solid #ddd;padding:10px;background:#fff;} .any_mobile .lgu .loancont a:active{text-decoration: none !important} .any_mobile .lgu .loancont a.fc4{color:#007cc8 !important} .any_mobile .lgu .loancont .innerbox .boxtit{display:block;font-size:15px;color:#007cc8;letter-spacing:-1px;} .any_mobile .lgu .loancont .innerbox .textNor{display:block;font-size:13px;margin-top:10px;letter-spacing:-1px;} /************************************************ * @Comment : ShinhanBank Survay * @Location : rib/any/MB08/*.xml * @Since : 2018-01-04 * @Auther : JungKwangWon(SDS) ************************************************/ .any_mobile.survay {background:#f2f4f7} .any_mobile.survay.white {background:#fff} .any_mobile.survay #any_header #any_global {padding:10px 0 0 0;position:relative;height:auto;text-align:center;background:#3a7bd3;} .any_mobile.survay #any_header h1 {text-align:left; padding:0 0 0 15px} .any_mobile.survay #any_header h1 > img {height:23px;} .any_mobile.survay #any_header h2 {font-size:18px;color:#fff;text-align:center;font-weight:normal;margin-top:10px;padding:10px 0;background:#2d71c4} .any_mobile.survay #any_container .survayItem {background:#fff;margin:10px;} .any_mobile.survay #any_container .survayItem dt, .any_mobile.survay #any_container .survayItem dd {padding:10px;display:block;border:1px solid #d1d8e4} .any_mobile.survay #any_container .survayItem dt {font-weight:bold;} .any_mobile.survay #any_container .survayItem dd {border-top:0;} .any_mobile.survay #any_container .survayItem dd .w2checkbox .w2checkbox_label, .any_mobile.survay #any_container .survayItem dd .w2radio .w2radio_label {color:#555} .any_mobile.survay #any_container .survayItem dd textarea {color:#555} .any_mobile.survay #any_container .thankBox {margin:15px 0 0 0;padding:0;text-align:center} .any_mobile.survay #any_container p {font-size:15px} .any_mobile.survay #any_container p:last-child {margin-top:5px;} .any_mobile.survay #any_container .resultBox {background:#fff;margin:10px;padding:10px 10px 50px 10px;border:1px solid #d1d8e4;} .any_mobile.survay #any_container .survayTopBnr img {width:100%;height:auto;} /************************************************ * @Comment : 동시프로세스 추가(card+bankAcc Proccess) * @Location : rib/any/ * MB01400RF00.xml * MB01400RF05.xml * MB01400RF06.xml * MB01300RF02.xml * @Since : 2018-01-23 * @Auther : JungKwangWon(SDS) ************************************************/ .inputBlue {border:1px solid #ccc !important;color:#2b70cc;font-size:20px;letter-spacing:10px;} .inputBlue:focus, .inputBlue.on {background:#f2f7ff !important} .inputBlue:-ms-input-placeholder{font-size:14px !important;color:#aaa !important;letter-spacing:0;line-height:30px;} .inputBlue::-webkit-input-placeholder{font-size:14px !important;color:#aaa !important;letter-spacing:0;line-height:30px} .inputBlue::-moz-placeholder{font-size:14px !important;color:#aaa !important;letter-spacing:0;line-height:30px} .authItemChoiceBox {padding:15px 15px 0 15px !important;} .authItemChoiceBox:after {clear:both;display:block;content:""} .authItemChoiceBox .authItemChoice {width:100%;margin:15px auto 0 auto} .authItemChoiceBox .authItemChoice:after {clear:both;display:block;content:"";} .authItemChoiceBox .authItemChoice li {width:47%;height:100px;text-align:center;background:#fff;float:left;border-top:3px solid #a4a4a4;box-sizing:border-box; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); } .authItemChoiceBox .authItemChoice li:last-child {margin-left:6%;} .authItemChoiceBox .authItemChoice li.on {border-top:3px solid #2b70cc;} .authItemChoiceBox .authItemChoice li a {display:block;height:100px;} .authItemChoiceBox .authItemChoice li a img {height:30px;margin-top:10px;} .authItemChoiceBox .authItemChoice li a p {color:#999} .authItemChoiceBox .authItemChoice li.on a p {color:#333} .authItemChoiceBox > p.description {font-size:13px !important;color:#666;} .accAuthBoxRF00 {background:#fff;display:none; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); } .accAuthBoxRF00:first-child {display:block} .subAgreeList li {position:relative;} .subAgreeList .agreeSubView {clear:both;padding-top:5px;} .subAgreeList .agreeSubView .agreeSubViewInner {background:#f9f9f9;border:1px solid #eee;padding:8px 15px;} .subAgreeList .agreeSubView .agreeSubViewInner p {width:100% !important;padding:0 !important;margin:0 !important;line-height:18px !important} .subAgreeList .agreeSubView + .btn_agreeview {position:absolute;top:3px;right:0} .subAgreeList .agreeSubView .boxTyWhite {margin-top:5px;} .subAgreeList .agreeSubView .boxTyWhite .agreeItem:after{clear:both;display:block;content:"";} .subAgreeList .agreeSubView .boxTyWhite .agreeItem {margin-top:10px} .subAgreeList .agreeSubView .boxTyWhite .agreeItem:first-child {margin-top:0} /************************************************ * @Comment : 신한 LGU+ 투게더 적금 * @Location : rib/any/LP/LP01200RM00.xml, LP01200RF01.xml * @Since : 2018-02-19 * @Auther : JungKwangWon(SDS) ************************************************/ .lguTogether.any_mobile {background:#f5e6d5;} .lguTogether.any_mobile .lguTogetherBg {width:100%;height:190px;} .lguTogether.any_mobile #any_header {background:#fff;} .lguTogether.any_mobile .lguTopTxt {width:90%;max-width:264px;} .lguTogether.any_mobile .fix_mb.lguTogetherBody .warningTxt {color:#cf5353 !important} .lguTogether.any_mobile .lguTogetherAgreeBox {margin-top:30px;background:#eee;padding:10px;border:1px solid #e0e0e0;} .lguTogether.any_mobile .lguTogetherAgreeBox .w2checkbox .w2checkbox_label {color:#6b494f !important} /************************************************ * @Comment : KBO 예/적금 * @Location : rib/any/MB02/MB02220RF01.xml * @Since : 2018-03-08 * @Auther : JungKwangWon(SDS) ************************************************/ ul.kboItemList {padding:10px;} ul.kboItemList:after {clear:both;display:block;content:"";} ul.kboItemList > li {float:left;width:50%;margin:0 0 10px} ul.kboItemList > li:nth-child(2n+1){clear:both} ul.kboItemList > li > a {display:block;position:relative;padding:0 5px;} ul.kboItemList > li > a > div { padding:15px;text-align:center;box-sizing:border-box; box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); } ul.kboItemList > li > a img {width:40%;} ul.kboItemList > li > a p {line-height:20px} ul.kboItemList > li > a p > span {display:inline-block} ul.kboItemList > li > a p > span:first-child {margin-right:5px;} ul.kboItemList > li > a p, ul.kboItemList > li > a p span {font-size:15px !important} .goodsdetail.detail02 .visualarea.kbo {height:130px;} .goodsdetail.detail02 .visualarea .imgarea.kboItem{background:none !important} @media all and (max-width:329px){ ul.kboItemList > li > a p, ul.kboItemList > li > a p span {font-size:14px !important} } /************************************************ * @Comment : KBO loan * @Location : rib/any/LP01/*.xml * @Since : 2018-03-20 * @Auther : JungKwangWon(SDS) **********************************************96b9e7**/ .any_mobile .lgu div.loanTopBox.kbo {background:#588dd8 url(https://image.shinhan.com/rib2017/images/any/kbo/kbo_thumb.png) 90% center no-repeat;background-size:17% auto;} .any_mobile .lgu div.loanTopBox.kbo p {text-align:left;padding-left:25px;color:#fff; } .goodsdetail.detail03 .visualarea .imgarea.kbo{top:40px;right:0;width:115px;height:115px;background:url(https://image.shinhan.com/rib2017/images/any/kbo/kbo_thumb.png) no-repeat;background-size:100% auto} @media all and (max-width:329px){ .any_mobile .lgu .loancont .innerbox .boxtit{letter-spacing:-2px} .any_mobile .lgu .loancont .innerbox .textNor{letter-spacing:-2px} } /************************************************ * @Comment : Mobile Branch (SOL Design) * @Location : rib/any/MB08/MB08300RM00.xml * @Since : 2018-03-23 * @Auther : JungKwangWon(SDS) ************************************************/ .any_mobile #any_wrap.mobileBranch #branch_wrap {padding-bottom:50px;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap {width:100%;height:165px;position:relative;background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/bg_top.png) center center no-repeat;background-size:100% auto} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header h1 {padding:15px;position:relative;text-align:center;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header h1 img.logo {width:65px;position:absolute;top:15px;left:15px;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header h1 img.title {width:100px;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb {position:relative;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb img.icon {width:120px;position:absolute;top:-17px;right:3%;z-index:20;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox {width:94%;position:absolute;z-index:10;top:30px;left:3%;background:#fff;padding:15px;text-align:center;box-sizing:border-box; box-shadow:0 5px 10px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);border-radius:5px} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox p:first-child {font-style:italic;font-weight:700;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox p, .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox span {font-size:17px;line-height:1.5em;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox p span {display:inline-block;padding-right:5px} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox p span:liast-child {padding-right:0;} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox a {position:absolute;top:-5px;right:10px;height:20px;padding:15px 28px 15px 0;background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_kakao.png) right center no-repeat;background-size:35% auto} .any_mobile #any_wrap.mobileBranch .mb_header_wrap .mb_header_cb .whiteBox a em {color:#999;line-height:22px;font-size:13px} .any_mobile #any_wrap.mobileBranch .mb_cont_box {width:97%;height:auto;margin:25px 0 0 3%;} .any_mobile #any_wrap.mobileBranch .mb_cont_box:after {clear:both;display:block;content:""} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_title {width:100%;position:relative;padding:33px 0 11px 0} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_title h2 {position:absolute;top:0;left:0;background:#fff;color:#e96928;font-size:19px;padding-right:15px;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_title h2 em {font-size:14px;font-weight:normal;color:#777;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_title .line {width:100%;height:1px;background:#e1bfb6} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain {margin:13px 3% 0 3%} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul {width:100%;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul:after {clear:both;display:block;content:"";} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li {position:relative;width:23.5%;float:left;margin:2% 2% 0 0;background:#f9f8f9 url(https://image.shinhan.com/rib2017/images/any/mobileBranch/bg_recom.png);} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li:nth-child(4n+4) {margin-right:0} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a {font-size:14px;line-height:20px;height:85px;padding:0;display:block;box-shadow:0 3px 5px 0 rgba(85,85,85,0.16), 0 0 0 1px rgba(85,85,85,0.08);text-align:center;background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_recom_num01.png) left top no-repeat;background-size:34% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a:focus, .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a:active {text-decoration:none !important} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li:nth-child(2) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_recom_num02.png) left top no-repeat;background-size:34% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li:nth-child(3) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_recom_num03.png) left top no-repeat;background-size:34% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li:nth-child(4) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_recom_num04.png) left top no-repeat;background-size:34% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a span {font-size:15px;color:#636363;letter-spacing:-1px;height:85px;vertical-align:middle;display:table-cell;width:200px;text-align:center;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a em {width:100%;display:block;height:85px;position:absolute;left:0;top:0;background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_recom_mask.png) right bottom no-repeat;background-size:25% auto;} /* .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li {width:32%;float:left;margin:2% 2% 0 0;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li:nth-child(3n+3) {margin-right:0} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a {;font-size:14px;line-height:20px;height:40px;padding:20px 0;display:block;border:1px solid #dcdfed; border-radius:5px;text-align:center;} .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a span {font-size:15px;color:#666;letter-spacing:-1px;} */ .any_mobile #any_wrap.mobileBranch .mb_cont_box .mb_cont_contain ul.branch_item_list li a em {color:#999} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 {margin-top:40px} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_title h2 {color:#1d8675} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_title .line {background:#90bbb2} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li {width:18.4%;float:left;margin:2% 2% 0 0;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li:nth-child(5n+5) {margin-right:0} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li a {font-size:14px;line-height:20px;padding:100% 0 2px 0;height:auto;display:block;text-align:center;background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_product01.png) center top no-repeat;background-size:85% auto} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li:nth-child(2) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_product02.png) center top no-repeat;background-size:85% auto} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li:nth-child(3) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_product03.png) center top no-repeat;background-size:85% auto} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li:nth-child(4) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_product04.png) center top no-repeat;background-size:85% auto} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li:nth-child(5) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_product05.png) center top no-repeat;background-size:85% auto} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li a span {font-size:14px;color:#959595;letter-spacing:-1px;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type02 .mb_cont_contain ul.product_item_list li a em {color:#999} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 {margin-top:40px} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_title h2 {color:#333333} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_title .line {background:#adadad} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li {width:23.5%;float:left;margin:2% 2% 0 0;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li:nth-child(4n+4) {margin-right:0} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li a {font-size:14px;line-height:20px;padding:100% 0 0 0;height:auto;display:block;text-align:center;background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_sol.png) center top no-repeat;background-size:100% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li:nth-child(2) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_talk.png) center top no-repeat;background-size:100% auto} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li:nth-child(3) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_mycar.png) center top no-repeat;background-size:83% auto} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li:nth-child(4) a {background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_smycar.png) center 15% no-repeat;background-size:100% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li a span {font-size:14px !important;color:#777;letter-spacing:-1px;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.type03 .mb_cont_contain ul.quick_item_list li a em {color:#999} /* .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location {margin:35px 3% 0 3%;width:94%;box-sizing:border-box;border-radius:5px;box-shadow:0 3px 5px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location p {font-size:15px;padding:35px 10px 35px 33%;background:#fff url(https://image.shinhan.com/rib2017https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_location.png) left center no-repeat; background-size:27% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location a {display:block;padding:15px;text-align:center;border-top:1px solid #eee;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location a span {font-size:15px;line-height:24px;} */ .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location {margin-top:40px} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .mb_cont_title {padding-top:11px;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .mb_cont_title h2 {color:#306599} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .mb_cont_title h2 > span {font-size:19px; color:#306599} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .mb_cont_title .line {background:#9cb9d6} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .location_area {padding:30px 10px 35px 33%;background:#fff url(https://image.shinhan.com/rib2017/images/any/mobileBranch/icon_location.png) left center no-repeat; background-size:27% auto;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .location_area p{line-height:21px;font-size:15px;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .location_area a {padding:5px 0;text-align:left;background:none;border:0;} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .location_area a span {font-size:14px;color:#999} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location .location_area a:before {content:"☎ 고객센터";padding-right:3px;font-size:14px;color:#999} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location a {display:block;padding:12px;text-align:center;border:1px solid #d0d0d0;margin-right:3%;background:#fff} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location a:focus {text-decoration:none !important} .any_mobile #any_wrap.mobileBranch .mb_cont_box.branch_location a span {font-size:15px;color:#777} .any_mobile #any_wrap.mobileBranch .lh14 {line-height:14px !important} /************************************************ * @Comment : 직장인 신용대출 * @Location : rib/any/MB03/MB03141RM00.xml & MB03142RM00.xml * @Since : 2018-05-16 * @Auther : JungKwangWon(SDS) ************************************************/ .officeLoan .boxTyGray02 dl dt, .officeLoan .boxTyGray02 dl dd {line-height:20px;} .officeLoan .tableTyInfo tbody th, .officeLoan .tableTyInfo tbody td {padding:5px !important;font-size:13px !important;} .officeLoan .goodsdetail .visualarea {height:165px} .officeLoan .goodsdetail.detail05 .visualarea .imgarea {top:62px} .officeLoan .moneyResultBox {background:#4397cc;margin:0 -15px;padding:15px;} .officeLoan .moneyResultBox p {text-align:center;} .officeLoan .moneyResultBox p.tx01 {color:#fff;font-size:12px;} .officeLoan .moneyResultBox p.tx02 {color:#f9fc54;font-size:20px;} .officeLoan .itemList {overflow:hidden;width:100%;margin-top:5px} .officeLoan .itemList:after {clear:both;display:block;content:"";} .officeLoan .itemList div {position:relative;width:32%;float:left;margin:2% 2% 0 0;background:url(https://image.shinhan.com/rib2017/images/any/mobileBranch/bg_box_line.png) repeat-x;box-shadow:0 3px 5px 0 rgba(173,173,173,0.16), 0 0 0 1px rgba(173,173,173,0.16);} .officeLoan .itemList div:nth-child(3n+3) {margin-right:0} .officeLoan .itemList div a {font-size:13px;color:#636363;letter-spacing:-1px;height:80px;vertical-align:middle;display:table-cell;width:200px;text-align:center;} .officeLoan .itemList div a:focus, .officeLoan .itemList div a:active {text-decoration:none !important} .officeLoan .loanProcess {margin-top:10px} .officeLoan .loanProcess:after {clear:both;display:block;content:"";} .officeLoan .loanProcess li{width:24%;float:left;} .officeLoan .loanProcess li:nth-child(2), .loanProcess li:nth-child(3) {padding-left:14%;background:url(https://image.shinhan.com/rib2017/images/any/icon_loanProcess_arrow.png) 15% 40% no-repeat;background-size:8% auto} .officeLoan .loanProcess li:nth-child(3) {background:url('https://image.shinhan.com/rib2017/images/any/icon_loanProcess_arrow.png') 15% 34% no-repeat;background-size:8% auto} .officeLoan .loanProcess li span {width:100%;font-size:12px;letter-spacing:-2px} .officeLoan .contline.loanProcess {margin:15px -15px 0 -15px; padding:15px;} .officeLoan_mnew .goodsdetail .visualarea{height:190px;} .officeLoan_mnew .goodsdetail .visualarea .w2textbox{color:#3e1b34;font-weight:bold;} .officeLoan_mnew .goodsdetail .visualarea li.w2textbox{position:relative;padding-left:6px;margin-bottom:8px;} .officeLoan_mnew .goodsdetail .visualarea li.w2textbox:before{content:"";display:block;position:absolute;top:6px;left:0px;width:2px;height:2px;background-color:#3e1b34;} .officeLoan_mnew .goodsdetail .visualarea .imgarea{top:auto;right:-16px;bottom:0px;width:110px;height:140px;background:url(https://image.shinhan.com/rib2017/images/mnew/bg_submain_officeLoan.png) no-repeat;background-size:100% auto} .officeLoan_mnew .goodsdetail .moneyinfo{clear:both;overflow:hidden;margin-top:10px;} .officeLoan_mnew .goodsdetail .moneyinfo li{position:relative;float:left;width:33.333%;text-align:center;} .officeLoan_mnew .goodsdetail .moneyinfo li:before{content:"";display:block;position:absolute;top:28px;left:0px;/* bottom:15px; */width:1px;height:22px;background-color:#eee;} .officeLoan_mnew .goodsdetail .moneyinfo li:first-child:before{display:none;} .officeLoan_mnew .goodsdetail .moneyinfo .m_info_tx01{width:50px;height:21px;padding-top:2px;margin:0 auto;font-size:11px;color:#fff;background:url('https://image.shinhan.com/rib2017/images/mnew/bg_moneyinfo_tx.png') no-repeat;background-size:100% auto;} .officeLoan_mnew .goodsdetail .moneyinfo .m_info_tx02{margin-top:5px;color:#bd5591;font-size:18px;font-weight:bold;} .officeLoan_mnew .goodsdetail .moneyinfo .m_info_tx03{margin-top:5px;color:#777;font-size:11px;} .loan_steparea{position:relative;margin-top:10px;} .loan_steparea:before{z-index:0;content:"";position:absolute;top:0;left:30px;display:block;width:1px;height:100%;background-color:#bd5591;} .loan_steparea li{position:relative;min-height:16px;padding:10px;margin-top:6px;border:1px solid #dbdbdb;box-sizing:border-box;-moz-box-sizing:border-box;background-color:#fff;} .loan_steparea li:first-child{margin:0;} .loan_steparea li:before{content:"";position:absolute;display:block;top:10px;left:70px;width:15px;height:17px;} .loan_steparea li.loan_step01:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_loanstep_ico01.png) no-repeat;} .loan_steparea li.loan_step02:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_loanstep_ico02.png) no-repeat;} .loan_steparea li.loan_step03:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_loanstep_ico03.png) no-repeat;} .loan_steparea li .loan_step_tit{display:inline-block;color:#bd5591;font-weight:bold;} .loan_steparea li .loan_step_tx{display:inline-block;margin-left:32px;color:#555;font-size:12px;} .loan_steparea.blue:before{background-color:#3789dc} .loan_steparea.blue li:before{background:url(https://image.shinhan.com/rib2017/images/mnew/ico_loanstep_bluewrap.png) no-repeat;background-size:15px;} .loan_steparea.blue li.loan_step01:before{} .loan_steparea.blue li.loan_step02:before{background-position:left -41px;background-size:14px;} .loan_steparea.blue li.loan_step03:before{background-position:left -90px;} .loan_steparea.blue li.loan_step04:before{background-position:left -136px;} .loan_steparea.blue li.loan_step05:before{background-position:left -179px;} .loan_steparea.blue li.loan_step06:before{background-position:left -226px;} .loan_steparea.blue li .loan_step_tit{color:#3789dc} .officeLoan_mnew .itemList{} .officeLoan_mnew .itemList .innerbox{float:left;width:33.333%;} .officeLoan_mnew .itemList .innerbox a{display:block;margin:0 7px;padding:12px 0;color:#fff;background-color:#bd5591;} .officeLoan_mnew .itemList .innerbox:first-child a{_margin:0;} /************************************************ * @Comment : 회사 검색 * @Location : rib/any/MB00/MB00340RP00.xml * @Since : 2018-05-16 * @Auther : JungKwangWon(SDS) ************************************************/ .companySearch .companyItemList {height:276px;overflow-y:scroll} .companySearch .companyItemList ul li {margin-top:10px;border:1px solid #eee} .companySearch .companyItemList ul li:first-child {margin-top:0;} .companySearch .companyItemList ul li a {display:block;padding:10px;} .companySearch .companyItemList ul li dt {font-size:15px;color:#3579d4;padding:5px;border-bottom:2px solid #eee} .companySearch .companyItemList ul li dt, .companySearch .companyItemList ul li dd {display:block} .companySearch .companyItemList ul li dd {padding:10px 5px;} .companySearch .companyItemList ul li dd p {font-size:13px;color:#666;line-height:21px;} .companySearch .companyItemList ul li dd p:first-child {color:#999} .companySearch .color999 {color:#999} .companySearch .companyItemResult .resultTxt {padding:15px 10px;border:1px solid #eee;text-align:center;} .companySearch .companyItemResult .boxTyGray03 .listDash {margin-top:10px} .companySearch .companyItemResult .boxTyGray03 h2 {color:#3579d4;font-weight:normal; font-size:15px;} .companySearch .companyItemResult .boxTyGray03 li {color:#777;font-size:13px;line-height:21px} /************************************************ * @Comment : 미래설계포유 바로가기 박스 추가 * @Location : rib/mnew/MB01/MB01500RF02.xml * @Since : 2018-08-01 * @Auther : JungKwangWon(SDS) ************************************************/ .miraeBox.boxTyWhite {border:1px solid #bbb;background:url(https://image.shinhan.com/rib2017/images/mnew/ico_mirae_symbol.png) 95% 22% no-repeat; background-size:auto 40%} .miraeBox.boxTyWhite p {width:75%;} /************************************************ * @Comment : 이벤트/새소식 * @Location : admin.. * @Since : 2018-08-09 * @Auther : JungKwangWon(SDS) ************************************************/ .smartMemo .warningTxt{display: block !importat;padding-left:17px !important;text-indent:-17px !important;line-height:1.5;} /************************************************ * @Comment : Mycar 7종 * @Location : rib/mnew/LP01/*.xml * @Since : 2018-08-27 * @Auther : JungKwangWon(SDS) ************************************************/ .any_mobile .lgu div.loanTopBox.logo01 {background:#588dd8 url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo01.png) 90% center no-repeat;background-size:17% auto;} .any_mobile .lgu div.loanTopBox.logo01 p, .any_mobile .lgu div.loanTopBox.logo02 p, .any_mobile .lgu div.loanTopBox.logo08 p {text-align:left;padding-left:25px;color:#fff; } .goodsdetail.detail03 .visualarea .imgarea.logo01{top:40px;right:0;width:115px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo01.png) no-repeat;background-size:100% auto} .any_mobile .lgu div.loanTopBox.logo08 {background:#588dd8 url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo08.png) 90% center no-repeat;background-size:10% auto;} .goodsdetail.detail03 .visualarea .imgarea.logo08{top:10px !important;right:0;width:115px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo08.png) center center no-repeat;background-size:50% auto} .any_mobile .lgu div.loanTopBox.logo02 {background:#588dd8 url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo02.png) center 16% no-repeat;background-size:30% auto;} .goodsdetail.detail03 .visualarea .imgarea.logo02{top:-11px !important;right:0;width:150px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo02.png) center center no-repeat;background-size:100% auto} .any_mobile .lgu div.loanTopBox.logo02 p {padding-top:20px;text-align:center;padding-left:0} .any_mobile .lgu div.loanTopBox.logo03 {background:#30ab75 url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo03.png) 10px -1px no-repeat;background-size:40% auto;} .goodsdetail.detail03 .visualarea .imgarea.logo03{top:-21px !important;right:0;width:150px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo03.png) center center no-repeat;background-size:100% auto} .any_mobile .lgu div.loanTopBox.logo03 p {padding-top:30px;text-align:center;padding-left:0;color:#fff} .any_mobile .lgu div.loanTopBox.logo04 {background:#fff0e1 url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo04.png) center 16% no-repeat;background-size:30% auto;} .goodsdetail.detail03 .visualarea .imgarea.logo04{top:-11px !important;right:-30px;width:150px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo04.png) center center no-repeat;background-size:60% auto} .any_mobile .lgu div.loanTopBox.logo04 p {padding-top:56px;text-align:center;padding-left:0;color:#333} .any_mobile .lgu div.loanTopBox.logo05 {background:#f5ffe9 url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo05.png) center 16% no-repeat;background-size:30% auto;} .goodsdetail.detail03 .visualarea .imgarea.logo05{top:-20px !important;right:0;width:150px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo05.png) center center no-repeat;background-size:80% auto} .any_mobile .lgu div.loanTopBox.logo05 p {padding-top:20px;text-align:center;padding-left:0;color:#333} .any_mobile .lgu div.loanTopBox.logo06 {background:#fff url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo06.png) center 15px no-repeat;background-size:21% auto;} .any_mobile .lgu div.loanTopBox.logo06 p {padding-top:26px;text-align:center;padding-left:25px;color:#4176bb; } .goodsdetail.detail03 .visualarea .imgarea.logo06{top:40px;right:0;width:115px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo06.png) no-repeat;background-size:100% auto} .any_mobile .lgu div.loanTopBox.logo07 {background:#ffe0e4 url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo07.png) 90% center no-repeat;background-size:17% auto;} .any_mobile .lgu div.loanTopBox.logo07 p {text-align:left;padding-left:25px;color:#353535; } .goodsdetail.detail03 .visualarea .imgarea.logo07{top:40px;right:0;width:115px;height:115px;background:url(https://image.shinhan.com/rib2017/images/mnew/mycar/thumb_logo07.png) no-repeat;background-size:100% auto} /************************************************ * @Comment : PWM * @Location : rib/mnew/MB12/MB12800RM00.xml * @Since : 2018-09-04 * @Auther : JungKwangWon(SDS) ************************************************/ .pwm .fixed {position:fixed;top:0;z-index:10;} .pwm .tabTy01{border-bottom: 1px solid #eee !important} .pwm .tabTy01.mb48 {margin-bottom:48px !important} .pwm .border0 {border:0 !important} .pwm img {width:100%;} .pwm .pageCon {padding:0 !important;} .pwm .w2tabcontrol.tabTyCon01 {margin-top:-1px;} .pwm .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabfhost{border:0;} .pwm .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li{height:48px;} .pwm .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li a{border:0 !important;height:48px; line-height:48px;font-size:14px;background:#715b48;color:#b6aca4} .pwm .w2tabcontrol.tabTyCon01 .w2tabcontrol_tabhost li.w2tabcontrol_active a{color:#fff;background:#715b48;} .pwm .w2tabcontrol.tabTyCon01 .w2tabcontrol_container{border:none;border-top:0;} .pwm .w2tabcontrol.tabTyCon01 .w2tabcontrol_contents_wrapper{padding-top:0} .pwm .slide_paging {position:fixed;left:15px;} .pwm .slide_paging ol li, .pwm .slide_paging ol li a {width:9px;height:9px;} .pwm .slide_paging ol li a {display:block;background:url('https://image.shinhan.com/rib2017/images/mnew/pwm/icon_slide_bullet_spr.png') no-repeat;background-size:9px auto; background-position:0 0;} .pwm .slide_paging ol li a.on {background-position:0 -9px;} .pwm .slide_paging ol li {margin-bottom:9px;} .pwm .slide_paging ol li:last-child {margin:0;} .pwm .center_slide_box {margin:10% 0 0 0;position:relative;} .pwm .center_slide_box .swiper-slide p {font-weight:bold;color:#333;text-align:center;padding-top:15px;} .pwm .swiper-button-prev, .pwm .swiper-button-next {width:13px;height:23px;background:url('https://image.shinhan.com/rib2017/images/mnew/pwm/icon_slideBtn.png') no-repeat;background-size:13px auto;} .pwm .swiper-button-next {transform:rotate(180deg);} .pwm h4 img {width:100%;} .pwm .pwmCenterList {padding:30px 16px;} .pwm .pwmCenterList ul li {width:100%;box-sizing:border-box;border:1px solid #b7bbd1;margin-bottom:10px;position:relative;} .pwm .pwmCenterList ul li:last-child {margin:0;} .pwm .pwmCenterList ul li dt {padding:0 15px;font-size:14px;color:#333;font-weight:bold;height:42px;line-height:42px;border-bottom:1px solid #dcdcdc;background:#f9f9f9} .pwm .pwmCenterList ul li dd {padding:19px 16px} .pwm .pwmCenterList ul li dd span, .pwm .pwmCenterList ul li dd a.tel {display:block;color:#666;font-size:14px;line-height:24px;} .pwm .pwmCenterList ul li dd a.tel {display:inline-block;margin-top:5px;} .pwm .pwmCenterList ul li dd a.location {position:absolute;top:11px;right:11px;display:block; } .pwm .pwmCenterList ul li dd a.location img {width:auto;height:19px;} .pwm .pwmCenterMap {position:relative;} .pwm .pwmCenterMap a {position:absolute;width:14%;top:0;left:0;display:block;} .pwm .pwmCenterMap a img {width:100%;} .pwm .pwmCenterMap a.marker01 {top:1%;left:34%} .pwm .pwmCenterMap a.marker02 {top:22%;left:61%} .pwm .pwmCenterMap a.marker03 {top:25%;left:40%} .pwm .pwmCenterMap a.marker04 {top:55%;left:55%} .pwm .pwmCenterMap a.marker05 {top:58%;left:31%} .pwm .pwmCenterMap a span {position:absolute;;display:block;color:#666;font-weight:bold;font-size:16px;top:40%;width:100%;text-align:center;} .pwm .pbLeaderWrap {padding:0 16px 16px 16px;} .pwm .pbLeaderWrap .sbx_center {margin:8% 0 5% 0; width:50%;float:right;} .pwm .pbLeaderWrap .pbLeaderList {margin:0;padding:0;clear:both} .pwm .pbLeaderWrap .pbLeaderBox {border:1px solid #dcdcdc;margin-bottom:15px;} .pwm .pbLeaderWrap .pbLeaderBox:last-child {margin:0;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail {padding:20px 13px 0 13px} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual {overflow:hidden;display:table;height:125px;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell {display:table-cell;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell:first-child {width:77px;padding-right:16px;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell:last-child {vertical-align:top} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell img {border:1px solid #ccc;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell p:nth-child(1) span {font-weight:bold;display:inline-block} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell p:nth-child(1) span:first-child {font-size:15px;margin-right:5px;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell p:nth-child(2) {color:#999;padding:6px 0 10px 0} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail .topVisual .cell p:nth-child(3) {color:#696969;line-height:20px;padding-bottom:10px;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail dl{clear:both;border-top:1px solid #dcdcdc;padding:0 13px;display:none} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail dl dt {padding:20px 0 15px 0;font-weight:bold;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail dl li {color:#696969;line-height:20px;letter-spacing:-1px} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail dl li:before {content:"-";padding-right:5px;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderDetail dl dd {padding-bottom:18px;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderBtn {height:28px;border-top:1px solid #dcdcdc;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderBtn a {display:block;height:28px;line-height:28px;color:#8e8e8e;text-align:center; } .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderBtn a span {display:inline-block;padding-right:15px;background:url(https://image.shinhan.com/rib2017/images/mnew/pwm/icon_arrow_off.png) right center no-repeat; background-size:8px auto;} .pwm .pbLeaderWrap .pbLeaderBox .pbLeaderBtn a span.on {background:url(https://image.shinhan.com/rib2017/images/mnew/pwm/icon_arrow_on.png) right center no-repeat; background-size:8px auto;} @media all and (max-width:370px){ .pwm .pwmCenterMap a span {font-size:13px;} } /************************************************ * @Comment : DAISO-SOL PAY * @Location : rib/mnew/DA/*.xml * @Since : 2018-10-22 * @Auther : JungKwangWon(SDS) ************************************************/ .any_mobile.daisoPay .logo {margin:10px auto 40px auto;width:44%} .any_mobile.daisoPay .logo img {width:100%;} .any_mobile.daisoPay .logo.sub {margin:40px auto 20px auto;} .any_mobile.daisoPay .btnPayQr {display:block;width:60%;margin:0 auto 30px auto;} .any_mobile.daisoPay .btnPayQr img {width:100%;} .any_mobile.daisoPay .mainThumb {width:64%;margin:0 auto} .any_mobile.daisoPay .mainThumb img {width:100%;} .any_mobile.daisoPay .shadowRbox {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:30px 16px;margin:0 16px;border-radius:30px;} .any_mobile.daisoPay .shadowRbox > .textNor {line-height:30px} .any_mobile.daisoPay .bbTyDbdbdb {border-bottom:1px solid #dbdbdb} .any_mobile.daisoPay .btnTyGray02 {background:#e74c3c} .any_mobile.daisoPay .warningTxt {color:#e74c3c !important} .any_mobile.daisoPay .stepArea li.on span {background:url(https://devimg3.shinhan.com/rib2017/images/mnew/daiso/icon_step_on.png) no-repeat center center; background-size:26px auto;} .any_mobile.daisoPay .stepArea li.on em {color:#e74c3c} .any_mobile.daisoPay .cbTy02 > div > input + label:before {background:url(https://devimg3.shinhan.com/rib2017/images/mnew/daiso/bg_input_checkbox02.png) no-repeat 0 0; background-size:20px;} .any_mobile.daisoPay .cbTy02 > div > input:checked + label:before {background-position:0 -40px;} .any_mobile.daisoPay .btnTyBlue02 {background:#e74c3c} .any_mobile.daisoPay .colorTyBlue {color:#e74c3c !important} .any_mobile.daisoPay .lh30 {line-height:30px} .any_mobile.daisoPay .contSolAppDown {margin-top:35px;padding-top:30px;width:100%;height:130px;background:#f9f9f9 url(https://devimg3.shinhan.com/rib2017/images/mnew/mall/bg_mall_product01.png) right 0 no-repeat;background-size:auto 140px;border-top:1px solid #ececec; border-bottom:1px solid #ececec;} .any_mobile.daisoPay .contSolAppDown > p {width:60%;line-height:25px;color:#777;padding-left:16px;} .any_mobile.daisoPay .contSolAppDown > a {margin:16px 16px 0 16px;border:1px solid #d6d6d6 !important;display:block;} .any_mobile.daisoPay .contPinFind {margin-top:35px;padding-top:15px;width:100%;height:95px;background:#f9f9f9;border-top:1px solid #ececec; border-bottom:1px solid #ececec;} .any_mobile.daisoPay .contPinFind > p {width:60%;line-height:25px;color:#777;padding-left:16px;} .any_mobile.daisoPay .contPinFind > a {margin:16px 16px 0 16px;border:1px solid #d6d6d6 !important;display:block;} .any_mobile.daisoPay .tformper {box-sizing:border-box;} .any_mobile.daisoPay ul.payInfoStatsBox li div.boxInner {padding:0 5px;} .any_mobile.daisoPay ul.payInfoStatsBox li div.item {padding:10px 15px 15px 15px;text-align:center;box-sizing:border-box; box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);} .any_mobile.daisoPay ul.payInfoStatsBox li div.item p:first-child {line-height:35px;border-bottom:1px solid #ececec;} .any_mobile.daisoPay ul.payInfoStatsBox li div.item p:last-child {margin:10px 0 0 0;} .any_mobile.daisoPay ul.payInfoStatsBox li div.item em {line-height:36px; font-size:17px;color:#e74c3c;font-weight:bold} .any_mobile.daisoPay ul.payInfoStatsBox li div.item span {display:inline-block;padding-left:5px;font-size:15px;} .any_mobile.daisoPay .btnList {padding:0 16px;margin:10px 0 30px 0;} .any_mobile.daisoPay .btnList:after, .any_mobile.daisoPay .btnList ul:after {clear:both;display:block;content:""} .any_mobile.daisoPay .btnList li {width:50%;text-align:center;float:left;} .any_mobile.daisoPay .btnList li a {display:block;color:#666;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:4%;margin-left:0;background:url(https://devimg3.shinhan.com/rib2017/images/mnew/daiso/icon_main01.png) 85% 80% no-repeat;background-size:auto 50%;padding:10px 15px 35px 15px;text-align:left;} .any_mobile.daisoPay .btnList li:nth-child(2n) a {margin-right:0;margin-left:4%} .any_mobile.daisoPay .btnList li a.item01 {background:url(https://devimg3.shinhan.com/rib2017/images/mnew/daiso/icon_main01.png) 85% 80% no-repeat;background-size:auto 50%;} .any_mobile.daisoPay .btnList li a.item02 {background:url(https://devimg3.shinhan.com/rib2017/images/mnew/daiso/icon_main02.png) 85% 80% no-repeat;background-size:auto 50%;} .any_mobile.daisoPay .btnList li a.item03 {background:url(https://devimg3.shinhan.com/rib2017/images/mnew/daiso/icon_main03.png) 85% 80% no-repeat;background-size:auto 50%;} .any_mobile.daisoPay .btnList li a.item04 {background:url(https://devimg3.shinhan.com/rib2017/images/mnew/daiso/icon_main04.png) 85% 80% no-repeat;background-size:auto 50%;} .any_mobile.daisoPay .qrCountBox {border:1px solid #ececec;border-left:0;border-right:0;padding:15px 0;} .any_mobile.daisoPay .qrCountBox span {color:#777;} .any_mobile.daisoPay .qrCountBox em {font-size:17px;} .any_mobile.daisoPay .qrCodeBox {text-align:center;padding:25px 0 0 0;} .any_mobile.daisoPay .qrCodeBox img {width:144px;height:144px;} .any_mobile.daisoPay .accountInfoBox {padding:15px 10px 15px 10px;background:#fff;border-radius:5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);} .any_mobile.daisoPay .accountInfoBox:after {clear:both;display:block;content:"";} .any_mobile.daisoPay .accountInfoBox p.title {line-height:35px;font-weight:bold;float:left;font-size:15px;} .any_mobile.daisoPay .accountInfoBox .accTop {margin:10px 0 0 0;} .any_mobile.daisoPay .accountInfoBox .accTop p {font-size:13px;line-height:21px;} .any_mobile.daisoPay .accountInfoBox .accTop p.accNumber {font-weight:bold;} .any_mobile.daisoPay .accountInfoBox .accPayInfo {text-align:center;float:right;} .any_mobile.daisoPay .accountInfoBox .accPayInfo em {line-height:36px; font-size:23px;color:#e74c3c;font-weight:bold} .any_mobile.daisoPay .accountInfoBox .accPayInfo span {display:inline-block;padding-left:5px;font-size:15px;} .any_mobile.daisoPay .large.schbtn {border:1px solid #e74c3c !important; color:#e74c3c;box-sizing:border-box} .any_mobile.daisoPay .w2inputCalendar_divInput:focus {border:1px solid #e74c3c} .any_mobile.daisoPay .schInfoBox {background:#e9e9e9;padding:10px 16px 16px 16px;} .any_mobile.daisoPay .schInfoBox:after, .any_mobile.daisoPay .schInfoBox .schInfoTitle:after, .any_mobile.daisoPay .schInfoBox .scInfoCont:after {clear:both;display:block;content:"";} .any_mobile.daisoPay .schInfoBox .schInfoTitle {line-height:35px;border-bottom:1px solid #dbdbdb} .any_mobile.daisoPay .schInfoBox .scInfoCont {padding-top:10px;} .any_mobile.daisoPay .schInfoBox .scInfoCont span {display:inline-block;} .any_mobile.daisoPay .schInfoBox .scInfoCont .left {float:left;} .any_mobile.daisoPay .schInfoBox .scInfoCont .right {float:right;} .any_mobile.daisoPay .schInfoBox .scInfoCont .right .total + span {color:#4176bb} .any_mobile.daisoPay .schInfoBox .scInfoCont .right .total {padding-left:10px;color:#4176bb;font-weight:bold;} .any_mobile.daisoPay .schViewResultTitle {margin-top:15px;background:#e9e9e9;padding:10px} .any_mobile.daisoPay .schViewResult li {border-bottom:1px solid #e9e9e9;padding:18px 15px 20px;} .any_mobile.daisoPay .schViewResult li:after {clear:both;display:block;content:"";} .any_mobile.daisoPay .schViewResult li .left {float:left} .any_mobile.daisoPay .schViewResult li .right {float:right;margin-top:15px;} .any_mobile.daisoPay .schViewResult .c999 {color:#999;} .any_mobile.daisoPay .schViewResult li .right span {display:inline-block;color:#4176bb} .any_mobile.daisoPay .schViewResult li .right span:first-child{font-size:14px;font-weight:bold;} .any_mobile.daisoPay .w2inputCalendar_divInput {font-size:13px !important;padding:0 35px 0 0px !important} .any_mobile.daisoPay .w2inputCalendar_div_img {right:5px !important}