@charset "utf-8"; /**************************************************************************************** 로그인 ******************************************************************************************/ /* 2014.11.03 bluewebd 여백조정 .login-guide{margin:-48px 0 58px;padding:25px 0 28px 30px;background-color:#eef4fc;zoom:1} */ .login-guide{margin:-28px 0 58px;padding:25px 0 28px 30px;background-color:#eef4fc;zoom:1} .login-guide:after{content:'';display:block;clear:both} /* .login-guide p{margin-bottom:10px;font-size:15px;font-weight:700} */ .login-guide p{margin-bottom:10px;font-size:18px;font-weight:700} .login-guide p strong{font-weight:700} /* 2014.09.01 bluewebd 고객의 요건으로 폰트사이즈 키움 .login-guide ul{font-size:13px} .login-guide li{margin-top:2px;padding-left:18px;background-position:0 2px;background-repeat:no-repeat} .login-guide li.members{background-image:url(/images/common/ico/bu_members3.png)} .login-guide li.non-members{background-image:url(/images/common/ico/bu_members4.png)} */ .login-guide ul{font-size:16px} .login-guide li{margin-top:2px;padding-left:18px;background-position:0 7px;background-repeat:no-repeat} .login-guide li.members{background-image:url(/images/common/ico/bu_members3.png)} .login-guide li.non-members{background-image:url(/images/common/ico/bu_members4.png)} /* 2014.11.03 bluewebd 여백조정 .login-box{display:table;width:952px;margin-top:-48px;border:4px solid #d3d5d8;background-color:#fff;font-size:14px} */ .login-box{display:table;width:952px;margin-top:-28px;border:4px solid #d3d5d8;background-color:#fff;font-size:14px} .login-box.maru {width:714px;} .login-box .row{display:table-row} /* .login-box .row>div{display:table-cell;width:438px;padding:35px 18px 35px;vertical-align:top} */ /* .login-box .row > .certify {display:table-cell;width:438px;padding:35px 18px 35px;vertical-align:top; margin:0 auto;} */ .login-box .row .certify, .login-box .row .login {position:relative; display:table-cell; width:438px; height:470px; padding:35px 18px 0px; vertical-align:top;} .login-box.maru .row .certify, .login-box.maru .row .login {padding:35px 18px} .login-box .row .certify a.btn.idmLogin, .login-box .row .login a.btn.idmLogin{position:absolute; bottom:35px; left:50%; margin-left:-218px;} .login-box .row>div.promotion{width:474px;height:390px;padding:0;position:relative;overflow:hidden} .login-box .row>div.promotion img{position:absolute;bottom:0;left:0} .login-box .row>div.promotion ul{position:absolute;top:220px;left:30px} .login-box .row>div.promotion li{width:170px;height:53px;padding:17px 0 0 10px;background-color:#393b4c;color:#aeb4bb;font-size:13px} .login-box .row>div.promotion li:first-child{height:70px;padding:0} .login-box .row>div.promotion li:first-child a{display:block;width:170px;height:70px;padding-left:10px;background:#354464 url(/images/main/bu_go.gif) no-repeat 156px center;color:#fff;font-size:16px;font-weight:700;line-height:69px;text-decoration:none} .login-box .row>div.promotion li b{display:block;color:#fff;letter-spacing:0} body.msie7 .login-box .row>div{float:left} .login-box .login{display:table-cell;width:438px;padding:35px 18px 35px;vertical-align:top; border-left:4px solid #d3d5d8} /* .login-box .tbl-login{padding:18px 20px;border:1px solid #e0e1e3;background-color:#fafbfc} */ .login-box .tbl-login{padding:18px 0 18px 20px;border:1px solid #e0e1e3;background-color:#fafbfc} .login-box .guide-desc{margin-top:25px;padding-top:30px;background:url(/images/common/bg_dot2.gif) repeat-x left top;zoom:1} .login-box .guide-desc:after{content:'';display:block;clear:both} .login-box .guide-desc ul.desc{float:left;width:55%;margin-top:-5px} .login-box .guide-desc ul.desc li{margin-top:0} .login-box .guide-desc span.btn-area{display:block;clear:none;float:right;width:136px;padding:0} .login-box .guide-desc span.btn-area a.btn3{width:137px;margin-bottom:2px;padding:0} .login-box .cancel{margin-top:15px;padding-top:80px;text-align:center;color:#2768c3;font-size:16px;background:url(/images/login/bg_cancel.gif) no-repeat center top} .login-box .cancel strong{display:block;margin-bottom:15px;font-weight:bold;font-size:20px;color:#000} .login-box .cancel strong em{font-weight:bold} .login-box h2{color:#2768c3;font-size:20px !important} .login-box p.message3{text-align:left;font-size:14px} .login-box p.desc{margin-bottom:18px} .login-box p.desc a.btn3{position:static;height:24px;margin:8px 0 0;font-size:12px;line-height:24px} .login-box p.tbl-comment{margin-bottom:10px} .login-box p.tbl-comment a.btn3{position:static;height:24px;margin:8px 0 0;font-size:12px;line-height:24px} .login-box a.btn{width:436px;height:68px;padding:0;background-image:none;text-align:center;font-size:20px;font-weight:700;line-height:68px} .login-box a.btn3.go{width:100%;height:48px;margin-top:47px;padding:0;background-image:none;text-align:center;font-size:16px;line-height:48px} .login-box a.btn3.go em{color:#000;padding-right:27px;background:url(/images/common/btn/bg_bul3.png) no-repeat right -621px} .login-box fieldset{height:40px;padding-top:15px;text-align:center} .login-box fieldset .select-box{height:26px} .login-box fieldset .select-box .wrap div{height:26px !important} .login-box fieldset .select-box .wrap, .login-box fieldset .select-box .list{text-align:left} .login-box fieldset .select-box .wrap div span{height:24px;line-height:24px} .login-box fieldset .select-box .wrap div a.selecter{width:24px;height:24px;background-position:-5px -3px} .login-box fieldset .select-box .list{top:27px} .login-box ul.tab-type{height:40px;margin-bottom:24px;background:none} .login-box ul.tab-type+form{margin-top:60px} .login-box ul.tab-type li a{display:block; height:38px; padding:0 25px; border-width:1px;border-color:#a0a3aa; border-top:1px solid #a0a3aa; border-right:1px solid #a0a3aa; background-color:#fafbfc;line-height:38px} /* .login-box ul.tab-type li:first-child {border-left:1px solid #a0a3aa;} */ .login-box ul.tab-type li:first-child a {padding:0 24px;} .login-box ul.tab-type li a {padding:0 24px !important;} /* to-be 탭 간격 수정으로 로그인 탭만 좌우 여백 유지 추가 */ /* .login-box ul.tab-type li:last-child{border-color:#a0a3aa} */ .login-box ul.tab-type li.on a{border-bottom-width:0;background-color:#fff;color:#ac0069} .login-box th, .login-box td{height:40px} .login-box th{padding-right:20px;text-align:left;font-weight:normal} body.chrome .login-box th{padding-right:15px;} .login-box td label{margin-right:20px} .login-box td input[type=text], .login-box td input[type=password]{width:110px;margin-right:10px; *width:90px;} body.chrome .login-box td input[type=text], body.chrome .login-box td input[type=password] {width:40%;} .login-box div.btn-area{min-height:52px} .login-box div.btn-area .fl, .login-box div.btn-area .fr{position:static} .login-box div.btn-area fieldset{height:24px;padding-top:0;text-align:left} .login-box div.btn-area .select-box .wrap div a.selecter{right:1px} .login-box div.btn-area a.btn3{height:26px;font-size:12px;line-height:26px} .login-box div.tab-details{border-width:0;padding:0;margin-bottom:0} .login-box hr{height:30px !important} /* 삼성증권 기본로그인화면*/ .memberLogin .login-box .row .certify, .memberLogin .login-box .row .login{height:auto; padding-bottom:20px;}/* 2014.09.15 bluewebd 하단 패딩추가*/ .login-box2{display:table;width:100%;margin-top:10px;border:1px solid #a0a3aa;font-size:14px} .login-box2 .row{display:table-row} .login-box2 .row>div{display:table-cell;padding:30px 20px} body.msie7 .login-box2 .row>div{float:left;height:333px} .login-box2 .account{width:229px} .login-box2 .account span.btn-area a.btn3{width:49%;padding:0} .login-box2 .id{width:378px;border-left:1px solid #e0e1e3} .login-box2 .id span.btn-area a.btn3{width:49%;padding:0} .login-box2 .associate{width:229px;border-left:1px solid #a0a3aa} .login-box2 .associate span.btn-area a.btn3{width:100%;padding:0} .login-box2 h4{margin-top:-5px !important;color:#2768c3} .login-box2 h4+p.desc{height:57px} .login-box2 span.btn-area{display:block;padding:0} .login-box2 p.desc a.btn3{height:24px;font-size:12px;line-height:24px} .login-box2 ul.btn-list{height:96px;border:1px solid #e0e1e3;border-left-width:0;background-color:#fafbfc} .login-box2 ul.btn-list li{float:left;width:118px;height:76px;padding:20px 3px 0;text-align:center;border-left:1px solid #e0e1e3;font-size:13px} /* 허도경 수정 - 퇴직연금 계좌버튼 삭제로 인한 크지 조정 */ .login-box2.chk ul.btn-list li{width:181px;} .login-box2 ul.btn-list li a.btn3{height:24px;width:116px;margin-top:19px;padding:0;font-size:12px;line-height:24px} .login-box2 ul.btn-list li:first-child{height:86px;padding-top:10px} .login-box2 ul.btn-list li:first-child a.btn3{margin-top:9px} .login-comment{padding:20px;background-color:#f5f6f8} .login-comment li {margin-top:10px;} .login-comment li:first-child {margin-top:0;} .login-comment li:nth-child(2) b {display:inline-block;} .login-comment li:nth-child(2) b + a.btn3 {margin-left:10px;} .login-comment li:nth-child(2) a.btn3 {margin-top:0px;} .login-comment li.nth_2 b {display:inline-block;} .login-comment li.nth_2 b + a.btn3 {margin-left:10px;} .login-comment li.nth_2 a.btn3 {margin-top:0px;} .login-comment b{display:block;height:18px;padding-left:24px;background:url(/images/common/ico/ic_notice3.gif) no-repeat 0 0;font-size:14px;line-height:17px} .login-comment a.btn3{height:24px;margin:8px -2px 0 0;background-color:#fff;font-size:12px;font-weight:normal;line-height:24px} .contents-box2.login{margin-top:40px;padding:30px;font-size:14px} .contents-box2.login dt{color:#2768c3;font-size:16px;font-weight:700} .contents-box2.login dd a.btn3{margin-top:8px} .column-box2{display:table;width:100%;border:1px solid #e0e1e3} .column-box2 .row{display:table-row} .column-box2 dl{display:table-cell;width:49.9%;padding:20px 0;border-left:1px solid #e0e1e3} body.msie7 .column-box2 .row dl{float:left} .column-box2 dl:first-child{border-left:none} .column-box2 dl dt{padding:0 20px;margin-bottom:15px} .column-box2 dl dd{padding:0 20px} .column-box2.cell-3 dl{width:33.3%} .column-box2.cell-3 dl dt{height:68px} .column-box2.cell-3.pReissueSign dl dt{height:108px} .column-box2.cell-2.pReissueSign, .column-box2.onlySrch {border-top:none;} .column-box2.onlySrch .onlySrchDesc {padding:20px;} .column-box2.onlySrch .onlySrchDesc2 {padding:20px; border-top:1px solid #e0e1e3} .message .logout{background-image:url(/images/login/bg_logout.gif)} ul.banner-list li.rec{background:#636d7b url(/images/login/bg_banner_rec_m.png) no-repeat 100% 40px} ul.banner-list li.rec a{display:block;height:90px;padding:30px 100px 30px 25px;margin-right:1px} ul.banner-list li.rec a:hover{text-decoration:none} ul.banner-list li a{display:block} ul.banner-list li dt{font-size:22px;color:#fff} ul.banner-list li dt strong{font-weight:bold;color:#fff} ul.banner-list li dd{margin:15px 50px 0 0;font-size:14px;color:#fff} ul.banner-list.cell-2:after{content:'';display:block;clear:both} body.msie7 ul.banner-list.cell-2{zoom:1} ul.banner-list.cell-2 li{width:50%;float:left} ul.banner-list.cell-2 li.rec{background-position:right bottom} ul.banner-list.cell-2 li.rec a{height:125px} ul.banner-list.cell-2 li a img{max-width:100%; height:185px;} .login-ref{background:#2768c3;color:#fff;overflow:hidden;padding:21px 0 22px} .login-ref dt{background:url(/images/login/ico_access.gif) no-repeat 0 90%;float:left;padding:10px 0 0 25px;margin:0 7%} .login-ref strong{font-weight:bold;color:#fff} .login-ref dd{overflow:hidden} .login-ref dd small{color:#fff} .win-close{height:35px;padding:0 20px;border-top:1px solid #e0e1e3;background-color:#edeef0;font-size:12px;line-height:30px;text-align:right;overflow:hidden} .win-close label{margin-right:10px} .win-close a.btn3{height:20px;font-size:12px;line-height:20px} .chat-alim{margin-top:20px;padding:20px;border:2px solid #e0e1e3;background:url(/images/common/bg_pb.gif) no-repeat 27px 27px} .chat-alim p{margin-left:65px;padding:14px 20px 19px;border-radius:2px;-webkit-border-radius:2px;background:#dceaff;position:relative} .chat-alim p strong{font-weight:700} .chat-alim p small{color:#000;letter-spacing:0} .chat-alim span.arrow{position:absolute;top:26px;left:-5px;display:block;width:5px;height:9px;background:url(/images/common/ico/bu_arrow18.gif) no-repeat} .counsel-pop{zoom:1} .counsel-pop:after{content:'';display:block;clear:both} .counsel-pop.call strong{display:block;font-size:22px} .counsel-pop.call a.btn3{width:223px;margin:28px -3px 0 0} .counsel-pop.call a.btn3 small{color:#000} .counsel-pop.chat p{float:left} .counsel-pop.chat span.btn-area{display:block;clear:none;float:right;min-height:36px} #popWrap.login{width:960px} #popWrap.login .login-box{width:852px;margin:0} #popWrap.login .login-box .row>div{width:406px;padding:0px 18px 20px} body.msie7 #popWrap.login .login-box .row>div{width:388px} #popWrap.login .login-box .guide-desc ul.desc{width:50%} #popWrap.login .login-box ul.tab-type li a{padding:0 19px} #popWrap.login .login-box td input[type=text], #popWrap.login .login-box td input[type=password]{width:123px} #popWrap.login .login-box a.btn{width:386px} #popWrap.login .login-comment{padding:0 10px} p.desc-num{padding-left:25px;margin:0 0 10px} ul+p.desc-num{margin-top:30px} p.desc-num em{display:inline-block;width:20px;height:20px;margin:3px 7px 0 -25px;background-color:#ac0069;font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:20px} ul.login-btn-list{margin-top:20px} ul.login-btn-list li{margin-top:1px;padding:10px;border:1px solid #e0e1e3;zoom:1} ul.login-btn-list li:first-child{margin-top:0} ul.login-btn-list li:after{content:'';display:block;clear:both} ul.login-btn-list li b{display:block;float:left;height:36px;line-height:35px} ul.login-btn-list li a{float:right} dl.setup-error-guide{padding-top:24px;border-top:1px solid #e0e1e3} dl.setup-error-guide dt{margin-bottom:9px;color:#2768c3;font-weight:700} dl.setup-error-guide dd{margin-bottom:30px;font-size:14px} dl.setup-error-guide dd dl{margin-top:20px;padding:20px;border:1px solid #e0e1e3;background-color:#fafbfc} dl.setup-error-guide dd dt{margin:0;padding-left:8px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 9px;color:#000;font-weight:normal} dl.setup-error-guide dd dd{margin:20px 0;text-align:center} dl.setup-error-guide p.txt_desc, dl.setup-error-guide ul.txt_desc {margin:20px 0 10px;} dl.setup-error-guide dd .txt_desc.nomarg {margin-top:0 !important;} dl.setup-error-guide p.txt_desc, dl.setup-error-guide ul.txt_desc li {padding-left:8px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 9px;} dl.setup-error-guide .contents-box2.marg {margin-top:10px;} ul.tab-useguide{margin-left:-1px;zoom:1} ul.tab-useguide:after{content:'';display:block;clear:both} ul.tab-useguide li{float:left;width:266px;margin:0 0 1px 1px} ul.tab-useguide li a{display:block;height:34px;padding:0 20px;border:1px solid #e0e1e3;background:#fff url(/images/common/bg_check4.gif) no-repeat 236px center;color:#000;font-size:14px;line-height:34px;text-decoration:none} ul.tab-useguide li a:hover, ul.tab-useguide li.on a{border-color:#1d4e92;background-color:#2768c3;background-image:url(/images/common/bg_check3.gif);color:#fff} /**************************************************************************************** 07.고객센터 ******************************************************************************************/ .overview-top{width:100%;margin-top:20px;padding:22px 0 28px;background-color:#dce1e6;zoom:1} .overview-top:after{content:'';display:block;clear:both} .overview-top .inner, .overview-top .steps{clear:both;width:960px;margin:0 auto} .overview-top h1{margin:0 auto 7px !important;border:0 !important;color:#ac0069;font-size:22px !important} .overview-top p.desc{float:left;width:88%;margin-bottom:0} .overview-top span.btn-area{clear:none;display:block;float:right;width:10%;min-height:50px;margin-top:-40px} .overview-top span.btn-area a{display:block;float:right;width:50px;height:50px;background:url(/images/common/ico/bu_updown8.gif) no-repeat;text-indent:-9999px} .overview-top span.btn-area a.up{background-position:0 0} .overview-top span.btn-area a.up:hover{background-position:0 -50px} .overview-top span.btn-area a.down{background-position:-50px 0} .overview-top span.btn-area a.down:hover{background-position:-50px -50px} .overview-top .steps p{padding:22px 0 10px} .overview-top ul{margin-top:0;zoom:1} .overview-top ul:after{content:'';display:block;clear:both} .overview-top li{float:left;width:15%;padding:0 3.5% 0 2.75%;background:url(/images/common/ico/bu_step.gif) no-repeat right 82px;font-size:14px} .overview-top li dt{height:179px;margin-bottom:15px} .overview-top li dt a{display:block;width:auto;height:179px;border-right:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa;background-color:#fff;background-repeat:no-repeat;background-position:center 0;text-indent:-9999px} .overview-top li.on dt a, .overview-top li dt a:hover{border-right:1px solid #3e4652;border-bottom:1px solid #3e4652;background-color:#636d7b;background-position:center -180px} .overview-top li.on dt a.default, .overview-top li dt a.default:hover{border-right:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa;background-color:#fff;background-position:center 0} .overview-top li:first-child{padding-left:0} .overview-top li:last-child{padding-right:0} .overview-top li.last{padding-right:0} .overview-top li:nth-child(1) dt a{background-image:url(/images/customer/step_overview1.gif)} .overview-top li:nth-child(2) dt a{background-image:url(/images/customer/step_overview2.gif)} .overview-top li:nth-child(3) dt a{background-image:url(/images/customer/step_overview3.gif)} .overview-top li:nth-child(4) dt a{background-image:url(/images/customer/step_overview4.gif)} .overview-top li:nth-child(5) dt a{background-image:url(/images/customer/step_overview5.gif)} .overview-top li.nth_1 dt a{background-image:url(/images/customer/step_overview1.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-top li.nth_2 dt a{background-image:url(/images/customer/step_overview2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-top li.nth_3 dt a{background-image:url(/images/customer/step_overview3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-top li.nth_4 dt a{background-image:url(/images/customer/step_overview4.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-top li.nth_5 dt a{background-image:url(/images/customer/step_overview5.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-top li dd{color:#000} .overview-top li dd strong{color:#000} .bank-inout-step h5{margin:46px 0 8px;color:#2768c3;font-size:16px;font-weight:normal} .bank-inout-step ul.tbl-comment{padding-bottom:48px;border-bottom:1px solid #e0e1e3} .bank-inout-step+.guide{margin-top:-1px} .overview-list{display:table;border:1px solid #a0a3aa;border-left-width:0;zoom:1} .overview-list:after{content:'';display:block;clear:both} .overview-list .row{display:table-row} .overview-list dl{display:table-cell;width:33.2%;border-left:1px solid #a0a3aa;background-repeat:no-repeat;background-position:center 160px} .overview-list dt{margin:32px 30px 11px;color:#2768c3;font-size:22px;font-weight:700;letter-spacing:-1.25px} .overview-list dt a{float:right;margin-top:7px;font-size:14px;font-weight:normal;letter-spacing:-1px;text-decoration:underline} .overview-list dd{clear:both;margin:0 30px 30px;position:relative} .overview-list.account dl{width:50%;background-repeat:no-repeat;background-position:right 30px} .overview-list.account dl.branch{background-image:url(/images/customer/bg_account.gif)} .overview-list.account dl.bank{background-image:url(/images/customer/bg_account2.gif)} .overview-list.account dt{height:31px} .overview-list.account dt a.btn4.branch{float:none;margin:0;text-decoration:none} .overview-list.account dd p{height:75px} .overview-list.account a.btn3.big{width:417px;text-align:center;padding:0;background-position:271px 2px} .overview-list.counsel dd{height:200px} .overview-list.counsel dd fieldset, .overview-list.counsel dd ul, .overview-list.counsel dd .btn-area{position:absolute;bottom:0;left:0;min-height:36px;padding:0} .overview-list.counsel dd fieldset{width:100%;text-align:center} .overview-list.counsel dd fieldset input[type=text]{width:158px;margin-right:-3px} body.msie7 .overview-list.counsel dd fieldset input[type=text]{width:158px} .overview-list.counsel dd .btn-area{width:100%;text-align:left} .overview-list.counsel dd a.btn3{width:70px;padding-left:7px;padding-right:7px;margin-right:-3px;text-align:center} .overview-list.counsel dd ul{width:100%;text-align:center} .overview-list.counsel dd li{display:inline-block;height:36px;padding:0 11px 0 15px;background:url(/images/common/ico/bu_bar.gif) no-repeat 0 11px;color:#000;font-size:22px;line-height:36px} .overview-list.counsel dd li:first-child{background:none} .overview-list.counsel dl:nth-child(1){background-image:url(/images/customer/img_counsel2.gif)} .overview-list.counsel dl:nth-child(2){background-image:url(/images/customer/img_counsel3.gif)} .overview-list.counsel dl:nth-child(3){background-image:url(/images/customer/img_counsel.gif)} .overview-list.counsel dl.nth_1{background-image:url(/images/customer/img_counsel2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.counsel dl.nth_2{background-image:url(/images/customer/img_counsel3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.counsel dl.nth_3{background-image:url(/images/customer/img_counsel.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.center dd{height:250px} .overview-list.center dd fieldset, .overview-list.center dd p, .overview-list.center dd .btn-area{position:absolute;bottom:0;left:0;min-height:78px;padding:0} .overview-list.center dd p{text-align:center;font-size:18px} .overview-list.center dd p small{margin-top:16px} .overview-list.center dd .btn-area a.btn3{width:243px} .overview-list.center dd .btn-area a.btn3 span{padding:0 20px 0 0;background:url(/images/common/ico/bu_popup.gif) no-repeat right 12px} .overview-list.center dd .btn-area small{margin-top:6px} .overview-list.mobile dd{height:200px} .overview-list.mobile dd .btn-area{position:absolute;bottom:0;left:0;width:100%;min-height:36px;padding:0;text-align:left} .overview-list.mobile dd a.btn3{width:90px;margin-right:-3px} .overview-list.mobile dl:nth-child(1){background-image:url(/images/customer/bg_mobile.gif)} .overview-list.mobile dl:nth-child(2){background-image:url(/images/customer/bg_mobile2.gif)} .overview-list.mobile dl:nth-child(3){background-image:url(/images/customer/bg_mobile3.gif)} .overview-list.mobile dl:nth-child(3) dd a.btn3{width:220px} .overview-list.mobile dl.nth_1{background-image:url(/images/customer/bg_mobile.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.mobile dl.nth_2{background-image:url(/images/customer/bg_mobile2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.mobile dl.nth_3{background-image:url(/images/customer/bg_mobile3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.mobile dl.nth_3 dd a.btn3{width:220px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.custom dd{height:160px;letter-spacing:-1.5px} .overview-list.custom dl{background-position:center 190px} .overview-list.custom dl:nth-child(1){background-image:url(/images/bizBank/bg_custom.gif)} .overview-list.custom dl:nth-child(2){background-image:url(/images/bizBank/bg_custom2.gif)} .overview-list.custom dl:nth-child(3){background-image:url(/images/bizBank/bg_custom3.gif)} .overview-list.custom dl.nth_1{background-image:url(/images/bizBank/bg_custom.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.custom dl.nth_2{background-image:url(/images/bizBank/bg_custom2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.custom dl.nth_3{background-image:url(/images/bizBank/bg_custom3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.pension dd{height:180px} .overview-list.pension dl{background-position:center 210px} .overview-list.pension dl:nth-child(1){background-image:url(/images/pension/bg_pension1.gif)} .overview-list.pension dl:nth-child(2){background-image:url(/images/pension/bg_pension2.gif)} .overview-list.pension dl:nth-child(3){background-image:url(/images/pension/bg_pension3.gif)} .overview-list.pension dl.nth_1{background-image:url(/images/pension/bg_pension1.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.pension dl.nth_2{background-image:url(/images/pension/bg_pension2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .overview-list.pension dl.nth_3{background-image:url(/images/pension/bg_pension3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ body.msie7 .overview-list dt a{margin-top:-20px} body.msie7 .overview-list dl{float:left} /* 문의/제안/상담 */ .counsel-guide{zoom:1} .counsel-guide:after{content:'';display:block;clear:both} .counsel-guide small, .counsel-guide span, .counsel-guide strong, .counsel-guide em{display:block} .counsel-guide p{float:left;width:449px;height:210px;padding:40px 20px;background-color:#627691;color:#fff} .counsel-guide p em, .counsel-guide p small, .counsel-guide p span, .counsel-guide p span strong{color:#fff} .counsel-guide p em{font-size:20px} .counsel-guide p small{margin-top:44px} .counsel-guide p span{text-align:right;margin-top:30px;padding-right:60px;background:url(/images/customer/img_counsel4.gif) no-repeat right} .counsel-guide p span strong{margin-top:-8px;font-size:27px;font-weight:normal;letter-spacing:-.5px} .counsel-guide dl{float:right;width:431px;height:210px;padding:40px 20px;background-color:#eef4fc} .counsel-guide dt{margin-bottom:13px;color:#2768c3;font-weight:700} .counsel-guide dd small{margin-top:58px} .counsel-guide dd span.btn-area{display:block;padding-top:30px;margin-right:-3px;text-align:left} .counsel-guide dd span.btn-area a{margin-right:-3px} .faq-menu-list{margin-bottom:40px;zoom:1;position:relative} .faq-menu-list:after{content:'';display:block;clear:both} .faq-menu-list div{float:left;width:20%;height:353px;margin-left:-1px;border-left:1px solid #fff;background-color:#f3f6fa;font-size:14px} .faq-menu-list dl{margin:25px 0 -2px 30px}f .faq-menu-list dt{margin-bottom:14px;color:#2768c3;font-weight:700} .faq-menu-list dd{margin-bottom:3px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 11px} .faq-menu-list dd a{color:#000} .faq-menu-list a.btn3{position:absolute;bottom:0;right:0;width:191px;padding:0;text-align:center;background-image:none} .civil-guide{margin-bottom:40px;padding:40px;background-color:#636d7b;zoom:1} .civil-guide:after{content:'';display:block;clear:both} .civil-guide h2{float:left;width:15%;padding-left:9%;height:57px;font-size:20px !important;margin:-13px 0 -10px !important;background:url(/images/customer/img_civil.gif) no-repeat;color:#fff;line-height:57px} .civil-guide ul{float:left;width:60%;padding-top:25px;vertical-align:top;color:#fff} .civil-guide li{margin-bottom:5px;padding-left:10px;background:url(/images/common/ico/bu_desc2.gif) no-repeat 0 10px;font-size:14px} .civil-guide li:first-child{margin-top:-20px} .civil-guide a.btn2{float:right} /* 계좌개설 */ ul.bank-list{border-top:0 !important;zoom:1} ul.bank-list:after{content:'';display:block;clear:both} ul.bank-list li{float:left;width:20%;height:57px;text-align:center;position:relative} ul.bank-list li a{display:block;border-right:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3} ul.bank-list li.on a, ul.bank-list li a:hover{position:absolute;top:-1px;left:-1px;width:191px;border:1px solid #2768c3;z-index:10} ul.bank-list li img{vertical-align:top} ul.bank-list li:nth-child(1), ul.bank-list li:nth-child(2), ul.bank-list li:nth-child(3), ul.bank-list li:nth-child(4), ul.bank-list li:nth-child(5){border-top:1px solid #e0e1e3} ul.bank-list li.nth_1, ul.bank-list li.nth_2, ul.bank-list li.nth_3, ul.bank-list li.nth_4, ul.bank-list li.nth_5{border-top:1px solid #e0e1e3} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.bank-list li:nth-child(5n+1) a{border-left:1px solid #e0e1e3} ul.bank-list li:nth-child(5n+1).on a, ul.bank-list li:nth-child(5n+1) a:hover{left:0;width:190px;border-color:#2768c3} ul.bank-list li.5n_1 a{border-left:1px solid #e0e1e3} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.bank-list li.5n_1.on a, ul.bank-list li.5n_1 a:hover{left:0;width:190px;border-color:#2768c3} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .happy-wrap{margin-top:40px;padding:40px;border:1px solid #e0e1e3;zoom:1} .happy-wrap:after{content:'';display:block;clear:both} .happy-wrap h3{float:left;width:16%;margin:0 !important;padding:0 2% 0 3% !important;background:url(/images/common/ico/bu_guide3.gif) no-repeat !important} .happy-wrap h3 em{display:block;font-weight:700} .happy-wrap .desc{float:left;width:72%;margin:0 !important} .happy-wrap .desc ul{margin-top:14px} .happy-wrap .desc li{font-size:14px} /* 업무안내 */ .search-map{margin:20px 0 40px} .search-map ul{overflow:hidden;border:1px solid #e0e1e3} .search-map ul li{float:left;width:49.9%;padding:40px 0;text-align:center;border-left:1px solid #e0e1e3} .search-map ul li:first-child{border-left-width:0} .search-map ul li strong{display:block;margin:0 0 0 40px;font-size:15px;color:#2768c3;text-align:left} .search-map ul li div.map{position:relative;margin:auto;width:398px;height:300px} .search-map ul li div.map span{position:absolute;display:block;line-height:12px;font-size:12px;padding:3px;color:#ddd} .search-map ul li div.map a{position:absolute;display:block;line-height:12px;font-size:12px;padding:3px} .search-map ul li div.map a:hover, .search-map ul li div.map a.focus{background-color:#445566;color:#fff;line-height:15px;font-size:15px;text-decoration:none;z-index:10} .search-map ul.cell-3 li{width:33%} .search-map fieldset.branchSearch{display:block;padding:20px 0 20px 40px;border:1px solid #a0a3aa;margin-top:-1px} .search-map fieldset.branchSearch input[type=text]{width:577px;margin-left:29px} .map-area{width:700px;height:400px;margin-bottom:40px} .tab-details .map img{margin-top:0} div.page-desc+div.family-center{margin-top:-41px} div.family-center{overflow:hidden;height:290px;padding-right:480px;background-color:#627691;color:#fff} div.family-center .fl{width:100%;margin-right:-480px} div.family-center .fl dt{margin:40px 0 10px;font-size:20px} div.family-center .fl dt, div.family-center .fl dd{padding:0 0 0 40px} div.family-center .fl dt strong{color:#fff;font-weight:700} div.family-center .fl dd small{color:#fff} div.family-center .fl .num{display:block;float:right;width:120px;padding:0 55px 0 0;margin:80px 40px 0 0;background:url(/images/customer/bg_familycenter_num.png) no-repeat 100% 50%;font-size:24px;font-weight:normal;line-height:1} div.family-center .fr{overflow:hidden;position:relative;left:480px;width:400px;height:250px;padding:40px 40px 0 40px;background-color:#eef4fc;color:#000} div.family-center .fr small{display:block;margin-top:20px} div.family-center .fr dl dt{font-weight:700} div.family-center .fr dl dd{margin-top:15px} div.family-center .fr dl dd small{display:block;margin-top:3px;color:#000} div.ars-info{padding:0 480px 80px 0;background:url(/images/customer/bg_arsgroup.gif) repeat-y 100% 0;zoom:1} div.ars-info:after{display:block;clear:both;content:''} div.ars-info .fl{width:100%;margin-right:-480px} div.ars-info .familycenter{overflow:hidden;padding:35px 0 35px 30px;background-color:#eef4fc} div.ars-info .familycenter em{display:block;float:left;padding-right:65px;margin-right:33px;background:url(/images/customer/bg_familycenter_num2.png) no-repeat 100% 50%;font-size:22px} div.ars-info .familycenter small{display:block} div.ars-info .ars-desc dt{margin:25px 0 15px;font-weight:700} div.ars-info .ars-desc dd{font-size:14px;color:#71727b} div.ars-info .ars-desc dd strong{display:block;font-size:16px} div.dial-group{overflow:hidden;position:relative;left:480px;width:440px;float:right;width:360px;padding:38px 40px;background-color:#edf0f6} div.dial-group .tbl-comment{margin-bottom:20px} .dial li{float:left;width:118px;height:138px;margin:0 1px 1px 0;border-right:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa;background:#fafbfc url(/images/customer/bg_ars_num.png) no-repeat;font-size:14px;text-align:center} .dial li.num2{background-position:-120px 0} .dial li.num3{background-position:-240px 0} .dial li.num4{background-position:-360px 0} .dial li.num5{background-position:-480px 0} .dial li.num6{background-position:-600px 0} .dial li.num7{background-position:-720px 0} .dial li.num8{height:48px;padding-top:90px;background-position:-840px 0} /* 지점안내 */ .dial li.num9{background-position:-960px 0} .dial li.star{background-position:-1080px 0} .dial li.num0{background-position:-1200px 0} .dial li.sharp{background-position:-1320px 0} .dial li.on,.dial li:hover{background-color:#2768c3;border-color:#173c72} .dial li.num1.on,.dial li.num1:hover{background-position:0 -140px} .dial li.num2.on,.dial li.num2:hover{background-position:-120px -140px} .dial li.num3.on,.dial li.num3:hover{background-position:-240px -140px} .dial li.num4.on,.dial li.num4:hover{background-position:-360px -140px} .dial li.num5.on,.dial li.num5:hover{background-position:-480px -140px} .dial li.num6.on,.dial li.num6:hover{background-position:-600px -140px} .dial li.num7.on,.dial li.num7:hover{background-position:-720px -140px} .dial li.num0.on,.dial li.num0:hover{background-color:#ac0069;background-position:-1200px -140px;border-color:#710049} .dial li.num8.on,.dial li.num9.on,.dial li.star.on,.dial li.sharp.on, .dial li.num8:hover,.dial li.num9:hover,.dial li.star:hover,.dial li.sharp:hover{background-color:#fafbfc;border-color:#a0a3aa} .dial li a{display:block;height:48px;padding-top:90px;text-decoration:none;color:#000} .dial li.on a,.dial li:hover a{color:#fff} ul.department{height:56px;margin-top:40px;border:1px solid #e0e1e3;border-left-width:0} ul.department li{float:left;width:19.8%;height:56px;border-left:1px solid #e0e1e3;text-align:center} dl.popcom-guide{font-size:14px;letter-spacing:0} dl.popcom-guide dt{padding-top:30px;margin:30px 0 15px;border-top:1px solid #e0e1e3;color:#2768c3} dl.popcom-guide dd .ex{display:block;margin-top:15px;text-align:center} ul.event-list{border-top:4px solid #686970;border-bottom:1px solid #686970} ul.event-list li{overflow:hidden;padding:30px 0;border-top:1px solid #e0e1e3} ul.event-list li:first-child{border-top:0} ul.event-list li .thumb{float:left;width:480px;height:124px;margin-right:38px} ul.event-list li .cont{overflow:hidden;margin-top:7px} ul.event-list li .cont dt a{font-size:18px;font-weight:700;color:#2768c3;text-decoration:none} ul.event-list li .cont dt a:hover{text-decoration:underline} ul.event-list li .cont dd.txt{overflow:hidden;height:48px;margin-top:5px} ul.event-list li .cont dd.period{margin-top:12px;color:#686970} ul.giftcard-list{overflow:hidden} ul.giftcard-list li{float:left;width:19%;margin-left:10px;text-align:center;font-size:14px} ul.giftcard-list li:first-child{margin-left:0} ul.giftcard-list li img{display:block;max-width:100%;margin-bottom:7px;border:1px solid #d1d1d6} ul.box-list{overflow:hidden;width:100%;border:1px solid #e0e1e3;border-left-width:0;border-bottom-width:0} ul.box-list li{float:left;width:20%;height:75px;padding:10px 0 15px;margin-right:-1px;border-left:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;background-color:#fff;text-align:center;font-size:14px} ul.box-list li small{display:block;font-size:12px;color:#000} ul.box-list li.blank{background-color:#fafbfc} ul.bank-list{border-top:1px solid #e0e1e3;zoom:1} ul.bank-listafter{content:'';display:block;clear:both} ul.bank-list li{float:left;width:20%;height:57px;text-align:center;position:relative} ul.bank-list li a{display:block;border-right:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3} ul.bank-list li.on a, ul.bank-list li a:hover{position:absolute;top:-1px;left:-1px;width:191px;border:1px solid #2768c3;z-index:10} ul.bank-list li img{vertical-align:top} ul.bank-list li:nth-child(5n+1) a{border-left:1px solid #e0e1e3} ul.bank-list li:nth-child(5n+1).on a, ul.bank-list li:nth-child(5n+1) a:hover{left:0;width:190px;border-color:#2768c3} ul.bank-list li.5n_1 a{border-left:1px solid #e0e1e3} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.bank-list li.5n_1.on a, ul.bank-list li.5n_1 a:hover{left:0;width:190px;border-color:#2768c3} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.security-list{margin-left:-1px;zoom:1} ul.security-list:after{content:'';display:block;clear:both} ul.security-list li{float:left;width:50%;margin-top:1px;position:relative} body.msie7 ul.security-list li{width:49%} ul.security-list dl{height:110px;margin-left:1px;padding:40px;border-right:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa;background-color:#fafbfc;background-position:93% 30px;background-repeat:no-repeat} ul.security-list dl dt{height:36px;color:#2768c3;font-size:18px;font-weight:700} ul.security-list dl dd{height:74px;position:relative} ul.security-list dl dd a{position:absolute;bottom:-19px;left:50%;margin-left:-42px} ul.security-list dl dd ul{margin-top:14px;font-size:14px} ul.security-list dl dd ul li{float:none;width:auto;height:auto;margin:0 0 5px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 11px;position:static} ul.security-list dl.on, ul.security-list dl:hover{border-color:#184282;background-color:#2768c3;color:#fff} ul.security-list dl.on dt, ul.security-list dl:hover dt, ul.security-list dl.on a, ul.security-list dl:hover a{color:#fff !important} ul.security-list a.on, ul.security-list a.off{display:inline-block;width:70px !important;height:19px !important;padding:0 15px 0 0;background-image:url(/images/common/ico/bu_updown3.gif);color:#000 !important;font-size:14px !important;line-height:normal !important;text-indent:0 !important} ul.security-list a.on{background-position:right 8px} ul.security-list a.off{background-position:right -42px} ul.security-list dl:hover dd a{background-image:url(/images/common/ico/bu_updown4.gif);background-position:right -42px} ul.security-list dl.on dd a{background-image:url(/images/common/ico/bu_updown3.gif);background-position:right 8px} ul.security-list .details{position:absolute;top:196px;left:1px;width:878px;padding:40px;border:1px solid #686970;background-color:#fff;color:#000;font-size:14px;z-index:10} ul.security-list .details h3{margin:-6px 0 18px !important;padding:0 !important;background:none !important;font-size:16px !important} ul.security-list .details dl{height:auto;margin:0;padding:0;border-width:0;background:none !important} ul.security-list .details dl:hover dt{color:#ac0069 !important} ul.security-list .details dt{height:auto;margin-bottom:8px;color:#ac0069;font-size:14px;font-weight:normal} ul.security-list .details dd, ul.security-list .details li{float:none;width:auto;height:auto;margin-top:5px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 11px;color:#000;position:static} ul.security-list .details dd+dt{margin-top:20px} ul.security-list .details dd a{position:static;margin:0} ul.security-list .details dd small{display:block} ul.security-list .details img+dl{margin-top:28px} ul.security-list .details img{margin-top:23px} ul.security-list li:nth-child(even) .details{left:-479px} ul.security-list li.even .details{left:-479px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.security-list li.security1 dl{background-image:url(/images/customer/bg_security_off.gif)} ul.security-list li.security1 dl:hover, ul.security-list li.security1 dl.on{background-image:url(/images/customer/bg_security_on.gif)} ul.security-list li.security2 dl{background-image:url(/images/customer/bg_security2_off.gif)} ul.security-list li.security2 dl:hover, ul.security-list li.security2 dl.on{background-image:url(/images/customer/bg_security2_on.gif)} ul.security-list li.security3 dl{background-image:url(/images/customer/bg_security3_off.gif)} ul.security-list li.security3 dl:hover, ul.security-list li.security3 dl.on{background-image:url(/images/customer/bg_security3_on.gif)} ul.security-list li.security4 dl{background-image:url(/images/customer/bg_security4_off.gif)} ul.security-list li.security4 dl:hover, ul.security-list li.security4 dl.on{background-image:url(/images/customer/bg_security4_on.gif)} ul.security-list li.security5 dl{background-image:url(/images/customer/bg_security5_off.gif)} ul.security-list li.security5 dl:hover, ul.security-list li.security5 dl.on{background-image:url(/images/customer/bg_security5_on.gif)} ul.security-list li.security6 dl{background-image:url(/images/customer/bg_security6_off.gif)} ul.security-list li.security6 dl:hover, ul.security-list li.security6 dl.on{background-image:url(/images/customer/bg_security6_on.gif)} ul.screenshot-list{border-top:1px solid #e0e1e3} ul.screenshot-list>li{padding:0 40px 40px 64px;border:1px solid #e0e1e3;border-top-width:0;background-color:#fafbfc;text-align:center;position:relative} ul.screenshot-list>li span{position:absolute;top:-1px;left:-1px;display:block;width:52px;height:52px;border:1px solid #e0e1e3;background-color:#fff;text-align:center;color:#2768c3;font-weight:700;line-height:52px} ul.screenshot-list>li p{height:38px;padding-top:14px;margin-bottom:20px;text-align:left;position:relative} ul.screenshot-list>li.single{padding-bottom:0} ul.screenshot-list>li.single span{height:100%} ul.screenshot-list2{overflow:hidden;font-size:14px;text-align:left} ul.screenshot-list2 li{float:left;width:24.6%;padding-left:13%} ul.screenshot-list2 li:first-child{padding-left:0} ul.screenshot-list2 li img{display:block;margin-bottom:20px} ul.screenshot-list2 li dl dt{margin-bottom:5px;font-weight:700} .hts-web ul{zoom:1} .hts-web ul:after{content:'';display:block;clear:both} .hts-web li{float:left;width:33%;text-align:center} .useguide-player{padding:30px 30px 30px 140px;border:1px solid #e0e1e3;background:url(/images/customer/bg_movie.gif) no-repeat 28px 31px} .useguide-player dt{margin-bottom:12px;font-size:18px;font-weight:700;color:#2768c3} .useguide-player dd p{margin-bottom:18px;color:#000} .useguide-player.down{background-image:url(/images/login/bg_down.gif)} .useguide-player.down2{background-image:url(/images/login/bg_down2.gif)} /* 공인인증 OTP */ .message p.certificate{background:url(/images/common/ico/bu_certificate.gif) no-repeat 81px 8px} .sms-identify{margin-top:5px} fieldset.identify{margin:10px 0} fieldset.identify.sms{margin:10px 0 0} fieldset.identify.sms ul.small{margin-top:8px} fieldset.identify.sms ul.small li{color:#000} fieldset.identify.sms2{margin:0} fieldset.identify.sms2 ul.radio-list.cell-2{display:inline-block;width:61%;vertical-align:middle} ul.tab-type.otp li{width:50%} ul.tab-type.otp li a{height:54px;padding:0;border:0;padding:0;border:1px solid #686970;border-left-width:0;background:#fff;color:#000;line-height:54px} ul.tab-type.otp li a strong{color:#000;font-weight:700} ul.tab-type.otp li.on a{background:#686970;color:#fff} ul.tab-type.otp li.on a strong{color:#fff} table.box-link{width:100%} table.box-link.cell-1{width:50%} table.box-link.cell-1 td{width:100%} table.box-link.cell-2 td{width:50%} table.box-link.cell-3 td{width:33.33%} table.box-link td{vertical-align:top;border-top:1px solid #fff;border-right:1px solid #a0a3aa;border-left:1px solid #fff;border-bottom:1px solid #a0a3aa;background-color:#fafbfc;background-position:92% 30px;background-repeat:no-repeat} table.box-link td a{display:block;padding:34px 40px 28px 35px;font-size:14px} table.box-link td a strong{display:block;margin-bottom:13px;color:#2768c3;font-size:18px;font-weight:700} table.box-link td a strong small{color:#2768c3;font-size:16px;font-weight:normal} table.box-link td a ul{margin-top:3px} table.box-link td a li{margin-top:5px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 9px} table.box-link td a li strong{display:inline;font-size:14px;font-weight:normal} table.box-link td a em.block{display:block;margin-bottom:13px} table.box-link td a.go{display:inline-block;margin:12px 35px 0;padding-right:10px;background:url(/images/common/ico/bu_go_on.gif) no-repeat right 7px;font-size:14px} table.box-link tr:first-child td{border-top-width:0} table.box-link td:first-child{border-left-width:0} table.box-link td:hover{border-right-color:#404650;border-bottom-color:#404650;background-color:#2768c3;color:#fff} table.box-link td:hover a{text-decoration:none} table.box-link td:hover a, table.box-link td:hover strong, table.box-link td:hover small, table.box-link td:hover em{color:#fff} table.box-link td:hover a li{background-image:url(/images/common/ico/bu_desc2.gif)} table.box-link td:hover a.go{background-image:url(/images/common/ico/bu_go_off.gif);color:#fff} table.box-link td.blank, stable.box-link td.blank:hover{border-width:0;background-color:transparent} table.box-link td.useguide{vertical-align:middle;text-align:center} table.box-link td.useguide a{display:inline-block;width:100%;height:157px;padding:0;background:url(/images/customer/bg_useguide_off.gif) no-repeat 248px 73px;color:#ac0069;font-size:18px;line-height:157px} table.box-link td.useguide:hover a{color:#fff;background-image:url(/images/customer/bg_useguide_on.gif)} table.box-link td.issue{background-image:url(/images/customer/bg_issue_off.gif)} table.box-link td.issue a{height:139px} table.box-link td.issue:hover{background-image:url(/images/customer/bg_issue_on.gif)} table.box-link td.issue2{background-image:url(/images/customer/bg_issue_off.gif)} table.box-link td.issue2 a{height:152px} table.box-link td.issue2:hover{background-image:url(/images/customer/bg_issue_on.gif)} table.box-link td.other{background-image:url(/images/customer/bg_other_off.gif)} table.box-link td.other:hover{background-image:url(/images/customer/bg_other_on.gif)} table.box-link td.renew{background-image:url(/images/customer/bg_renew_off.gif)} table.box-link td.renew:hover{background-image:url(/images/customer/bg_renew_on.gif)} table.box-link td.renew a{height:152px} table.box-link td.device{background-image:url(/images/customer/bg_device_off.gif)} table.box-link td.device:hover{background-image:url(/images/customer/bg_device_on.gif)} table.box-link td.manage{background-image:url(/images/customer/bg_manage_off.gif)} table.box-link td.manage:hover{background-image:url(/images/customer/bg_manage_on.gif)} table.box-link td.reissue{background-image:url(/images/customer/bg_reissue_off.gif)} table.box-link td.reissue:hover{background-image:url(/images/customer/bg_reissue_on.gif)} table.box-link td.init{background-image:url(/images/customer/bg_init_off.gif)} table.box-link td.init:hover{background-image:url(/images/customer/bg_init_on.gif)} table.box-link td.smartphone{background-image:url(/images/customer/bg_smartphone_off.gif)} table.box-link td.smartphone:hover{background-image:url(/images/customer/bg_smartphone_on.gif)} table.box-link td.retire{background-image:url(/images/customer/bg_retire_off.gif)} table.box-link td.retire:hover{background-image:url(/images/customer/bg_retire_on.gif)} table.box-link td.tablet{background-image:url(/images/customer/bg_tablet_off.gif)} table.box-link td.tablet:hover{background-image:url(/images/customer/bg_tablet_on.gif)} table.box-link td.out{background-image:url(/images/customer/bg_out_off.gif)} table.box-link td.out:hover{background-image:url(/images/customer/bg_out_on.gif)} table.box-link td.get{background-image:url(/images/customer/bg_get_off.gif)} table.box-link td.get:hover{background-image:url(/images/customer/bg_get_on.gif)} table.box-link td.resave{background-image:url(/images/customer/bg_resave_off.gif)} table.box-link td.resave:hover{background-image:url(/images/customer/bg_resave_on.gif)} table.box-link td.todevice{background-image:url(/images/customer/bg_todevice_off.gif)} table.box-link td.todevice a{height:95px} table.box-link td.todevice:hover{background-image:url(/images/customer/bg_todevice_on.gif)} table.box-link td.backup{background-image:url(/images/customer/bg_backup_off.gif)} table.box-link td.backup:hover{background-image:url(/images/customer/bg_backup_on.gif)} table.box-link td.restore{background-image:url(/images/customer/bg_restore_off.gif)} table.box-link td.restore a{height:95px} table.box-link td.restore:hover{background-image:url(/images/customer/bg_restore_on.gif)} table.box-link td.changepw{background-image:url(/images/customer/bg_changepw_off.gif)} table.box-link td.changepw:hover{background-image:url(/images/customer/bg_changepw_on.gif)} /* 2014.11.24 bluewebd ADD */ table.box-link td.changepw > a {padding-bottom:0;} table.box-link td.changepw a+.tbl-comment {margin:10px 40px 28px 35px;} table.box-link td.changepw a+.tbl-comment > a{display:inline-block; color:#ac0069; text-decoration:underline; padding:0;} table.box-link td.change{background-image:url(/images/customer/bg_change_off.gif)} table.box-link td.change:hover{background-image:url(/images/customer/bg_change_on.gif)} table.box-link td.discard{background-image:url(/images/customer/bg_discard_off.gif)} table.box-link td.discard:hover{background-image:url(/images/customer/bg_discard_on.gif)} table.box-link td.delSetting1{background-image:url(/images/customer/bg_discard2_off.gif)} table.box-link td.delSetting1:hover{background-image:url(/images/customer/bg_discard2_on.gif)} /* 2014.10.22 bluewebd ADD */ table.box-link td.discard2{background-image:url(/images/customer/bg_delsetting1_off.gif)} table.box-link td.discard2:hover{background-image:url(/images/customer/bg_delsetting1_on.gif)} /* 2014.11.28 bluewebd ADD */ table.box-link td.discard3{background-image:url(/images/customer/bg_delsetting1_off.gif)} table.box-link td.discard3:hover{background-image:url(/images/customer/bg_delsetting1_on.gif)} table.box-link td.delSetting2{background-image:url(/images/customer/bg_delsetting2_off.gif)} table.box-link td.delSetting2:hover{background-image:url(/images/customer/bg_delsetting2_on.gif)} table.box-link td.otpOther{background-image:url(/images/customer/bg_otpOther_off.gif)} table.box-link td.otpOther:hover{background-image:url(/images/customer/bg_otpOther_on.gif)} table.box-link td.otpOur{background-image:url(/images/customer/bg_otpOur_off.gif)} table.box-link td.otpOur:hover{background-image:url(/images/customer/bg_otpOur_on.gif)} table.box-link td.trouble{background-image:url(/images/customer/bg_trouble_off.gif)} table.box-link td.trouble:hover{background-image:url(/images/customer/bg_trouble_on.gif)} table.box-link td.otpIssue{background-image:url(/images/customer/bg_otpIssue_off.gif)} table.box-link td.otpIssue:hover{background-image:url(/images/customer/bg_otpIssue_on.gif)} table.box-link td.corp{background-image:url(/images/customer/bg_corp_off.gif)} table.box-link td.corp:hover{background-image:url(/images/customer/bg_corp_on.gif)} table.box-link td.homeTrading{background-image:url(/images/customer/bg_homeTrading_off.gif)} table.box-link td.homeTrading:hover{background-image:url(/images/customer/bg_homeTrading_on.gif)} table.box-link td.webTrading{background-image:url(/images/customer/bg_webTrading_off.gif)} table.box-link td.webTrading:hover{background-image:url(/images/customer/bg_webTrading_on.gif)} table.box-link td.mobileTrading{background-image:url(/images/customer/bg_mobileTrading_off.gif)} table.box-link td.mobileTrading:hover{background-image:url(/images/customer/bg_mobileTrading_on.gif)} table.box-link td.ars{background-image:url(/images/customer/bg_ars_off.gif)} table.box-link td.ars:hover{background-image:url(/images/customer/bg_ars_on.gif)} table.box-link td.compare{vertical-align:middle;text-align:center} table.box-link td.compare a{display:inline-block;padding-right:25px;background:url(/images/customer/bg_compare_off.gif) no-repeat right 6px;color:#ac0069;font-size:18px} table.box-link td.compare:hover a{color:#fff;background-image:url(/images/customer/bg_compare_on.gif)} table.box-link td.branchId{background-image:url(/images/customer/bg_branchId_off.gif)} table.box-link td.branchId:hover{background-image:url(/images/customer/bg_branchId_on.gif)} table.box-link td.inquiryId{background-image:url(/images/customer/bg_inquiryId_off.gif)} table.box-link td.inquiryId:hover{background-image:url(/images/customer/bg_inquiryId_on.gif)} table.box-link td.bankId{background-image:url(/images/customer/bg_bankId_off.gif)} table.box-link td.bankId:hover{background-image:url(/images/customer/bg_bankId_on.gif)} table.box-link td.bulkId{background-image:url(/images/customer/bg_bulkId_off.gif)} table.box-link td.bulkId:hover{background-image:url(/images/customer/bg_bulkId_on.gif)} table.box-link td.retireId{background-image:url(/images/customer/bg_retireId_off.gif)} table.box-link td.retireId:hover{background-image:url(/images/customer/bg_retireId_on.gif)} table.box-link td.banking{background-image:url(/images/customer/bg_banking_off.gif)} table.box-link td.banking a{height:216px} table.box-link td.banking > .tbl-comment{margin-left:35px;margin-top:-115px;padding-right:40px;} table.box-link td.banking > .tbl-comment > a{height:inherit !important;padding:0 !important;display:inline !important;text-decoration:underline} table.box-link td.banking > .tbl-comment > a:hover{text-decoration:underline} table.box-link td.banking:hover{background-image:url(/images/customer/bg_banking_on.gif)} table.box-link td.addCerti > .desc{margin-top:-30px;margin-bottom:20px;} table.box-link td.addCerti > .tbl-comment{margin-top:-45px;} table.box-link td.addCerti > .desc, table.box-link td.addCerti > .tbl-comment{margin-left:35px;padding-right:40px;font-size:14px;} table.box-link td.addCerti:hover .desc li{background-image:url(/images/common/ico/bu_desc2.gif)} table.box-link td.addCerti{background-image:url(/images/customer/bg_addCerti_off.gif)} table.box-link td.addCerti:hover{background-image:url(/images/customer/bg_addCerti_on.gif)} table.box-link td.incomplete{background-image:url(/images/customer/bg_incomplete_off.gif)} table.box-link td.incomplete:hover{background-image:url(/images/customer/bg_incomplete_on.gif)} table.box-link td.withdraw{background-image:url(/images/customer/bg_withdraw_off.gif)} table.box-link td.withdraw:hover{background-image:url(/images/customer/bg_withdraw_on.gif)} table.box-link td.myManager{background-image:url(/images/customer/bg_myManager_off.gif)} table.box-link td.myManager:hover{background-image:url(/images/customer/bg_myManager_on.gif)} table.box-link td.trueCare{background-image:url(/images/customer/bg_trueCare_off.gif)} table.box-link td.trueCare:hover{background-image:url(/images/customer/bg_trueCare_on.gif)} table.box-link td.hts{background-image:url(/images/customer/bg_hts1_off.gif)} table.box-link td.hts:hover{background-image:url(/images/customer/bg_hts1_on.gif)} table.box-link td.hts2{background-image:url(/images/customer/bg_hts2_off.gif)} table.box-link td.hts2:hover{background-image:url(/images/customer/bg_hts2_on.gif)} table.box-link td.hts3{background-image:url(/images/customer/bg_hts3_off.gif)} table.box-link td.hts3:hover{background-image:url(/images/customer/bg_hts3_on.gif)} table.box-link td.hts4{background-image:url(/images/customer/bg_hts4_off.gif)} table.box-link td.hts4:hover{background-image:url(/images/customer/bg_hts4_on.gif)} table.box-link td.hts5{background-image:url(/images/customer/bg_hts5_off.gif)} table.box-link td.hts5:hover{background-image:url(/images/customer/bg_hts5_on.gif)} table.box-link td.vod{background-image:url(/images/customer/bg_hts5_off.gif)} table.box-link td.vod:hover{background-image:url(/images/customer/bg_hts5_on.gif)} div.certificate-field{margin-bottom:40px;padding:21px 0 21px 100px;background:#636d7b url(/images/customer/bg_certificate_field.gif) no-repeat 40px 25px} div.certificate-field label{padding-right:30px;color:#fff;font-weight:700} ul.module-down{overflow:hidden;border:1px solid #e0e1e3} ul.module-down li{float:left;width:50%} ul.module-down li:first-child{border-right:1px solid #e0e1e3;margin-right:-1px} ul.module-down li p{padding:38px} ul.module-down li p span.btn{display:block;margin-top:15px} ul.device-info{overflow:hidden;border:1px solid #e0e1e3} ul.device-info li{float:left;width:50%;padding:30px 0;text-align:center} ul.device-info li:first-child{border-right:1px solid #e0e1e3;margin-right:-1px} .mPOP-details{padding:40px;border:1px solid #e0e1e3;background-color:#fafbfc;zoom:1} .mPOP-details:after{display:block;clear:both;content:''} .mPOP-details img{float:left;margin-right:65px} .mPOP-details img.flexible{float:none;max-width:100%;margin:0} .mPOP-details ul, .mPOP-details dl, .mPOP-details ol{float:left;width:40%} .mPOP-details dl.auto{width:auto} .mPOP-details dt{margin-bottom:5px} .mPOP-details dd{margin-bottom:15px;font-size:14px} .mPOP-details dd img{float:none;margin:0} .mPOP-details ol li{margin-top:5px;padding-left:0;background:none} .mPOP-details ol li:first-child{margin-top:0} .mPOP-details ol.desc li{list-style:none;margin-left:0} .mPOP-details.pop{padding:20px} .mPOP-details.pop img{float:left;margin:0} .mPOP-details.pop dl{float:right;width:308px} .mPOP-details.pop dt, .mPOP-details.pop dt strong{font-weight:700} .mPOP-details.pop dd{font-size:14px} .mPOP-details.pop dd a.btn3{margin-top:6px;background-color:#fff} .mPOP-details.security{background-color:#fff} .mPOP-details2{zoom:1} .mPOP-details2:after{display:block;clear:both;content:''} .mPOP-details2 h4{margin-bottom:14px !important;border-bottom-width:0 !important} .mPOP-details2 img{max-width:100%} .mPOP-details2>div{float:left;width:50%} .mPOP-details2>div div{height:480px;padding:40px;text-align:center;border:1px solid #e0e1e3} .mPOP-details2>div.fr div{border-left-width:0} .mPOP-details2>div div ul, .mPOP-details2>div div ol, .mPOP-details2>div div p{margin-top:5px;text-align:left} .mPOP-details2>div div ol li{padding-left:0;background:none} .mPOP-details2>div div li{margin-top:10px} .mPOP-details2>div div li:first-child{margin-top:0} ul.mPOP-security{border:1px solid #e0e1e3;background-color:#fafbfc;zoom:1} ul.mPOP-security:after{display:block;clear:both;content:''} ul.mPOP-security li{float:left;width:50%;margin-left:-1px;border-left:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;background-color:#fff} ul.mPOP-security li:nth-child(7){border-right:1px solid #e0e1e3;border-bottom-width:0} ul.mPOP-security li.nth_7{border-right:1px solid #e0e1e3;border-bottom-width:0} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.mPOP-security li p.desc{margin:0;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 10px;font-size:14px} ul.mPOP-security li p.desc{margin-top:8px} ul.mPOP-security li p.desc+p.desc{margin:0} ul.mPOP-security li dl{height:125px;margin:33px 40px 44px;padding-left:98px;background-repeat:no-repeat;background-position:0 7px} ul.mPOP-security li dt{color:#2768c3;font-size:18px;font-weight:700} ul.mPOP-security li:nth-child(1) dl{background-image:url(/images/customer/bg_security.gif)} ul.mPOP-security li:nth-child(2) dl{background-image:url(/images/customer/bg_security2.gif)} ul.mPOP-security li:nth-child(3) dl{background-image:url(/images/customer/bg_security3.gif)} ul.mPOP-security li:nth-child(4) dl{background-image:url(/images/customer/bg_security4.gif)} ul.mPOP-security li:nth-child(5) dl{background-image:url(/images/customer/bg_security5.gif)} ul.mPOP-security li:nth-child(6) dl{background-image:url(/images/customer/bg_security6.gif)} ul.mPOP-security li:nth-child(7) dl{background-image:url(/images/customer/bg_security7.gif)} ul.mPOP-security li.nth_1 dl{background-image:url(/images/customer/bg_security.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.mPOP-security li.nth_2 dl{background-image:url(/images/customer/bg_security2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.mPOP-security li.nth_3 dl{background-image:url(/images/customer/bg_security3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.mPOP-security li.nth_4 dl{background-image:url(/images/customer/bg_security4.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.mPOP-security li.nth_5 dl{background-image:url(/images/customer/bg_security5.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.mPOP-security li.nth_6 dl{background-image:url(/images/customer/bg_security6.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.mPOP-security li.nth_7 dl{background-image:url(/images/customer/bg_security7.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .renew-block{background-color:#eef4fc;zoom:1} .renew-block:after{content:'';display:block;clear:both} .renew-block dl{float:left;width:398px;padding:40px;border:1px solid #e0e1e3;background-color:#fff} .renew-block dt{margin-bottom:13px;color:#2768c3;font-size:18px;font-weight:700} .renew-block dd{font-size:14px} .renew-block dd em{display:block;margin-bottom:13px} .renew-block dd a.btn{width:100%;margin-top:38px;padding:0;text-align:center;background-image:none} .renew-block dd a.btn span{padding:0 42px 0 20px;background:url(/images/common/btn/bg_bul.png) no-repeat right -195px} .renew-block dd a.btn:hover{color:#fff} .renew-block ul{float:left;width:400px;margin:32px 40px} /* ID등록 */ .secret-code{border-top:4px solid #686970;border-bottom:1px solid #686970;zoom:1} .secret-code:after{display:block;clear:both;content:''} .secret-code span.cardImg{display:block;float:left;width:45%;padding:20px 0;text-align:center} .secret-code table{float:left;width:55%} .secret-code th, .secret-code td{vertical-align:top;text-align:left;padding:20px;padding-right:0;border-top:1px solid #e0e1e3;font-weight:normal} .secret-code td>p{margin-bottom:9px} .secret-code tr:first-child th, .secret-code tr:first-child td{border-top:0;padding-top:40px} .secret-code img{vertical-align:middle;margin-right:-2px} .secret-code input[type=password]{width:91px;border-color:#2768c3} .secret-code input[type=password]+p{margin-top:9px} .secret-code li{margin-bottom:1px} .secret-code li img{margin-bottom:2px} .secret-code li strong{display:inline-block;width:36px;height:36px;line-height:36px;margin:0 6px 2px 0;vertical-align:middle;text-align:center;background-color:#2768c3;color:#fff} .secret-code li input[type=password]{width:53px;margin-bottom:2px;margin-right:-2px} .secret-code li input[type=password].single{width:91px} .secret-code.pw-old li input[type=password]{width:120px} .secret-code table.tbl-type2{width:100%;border:0 !important} .secret-code table.tbl-type2 tr:first-child th, .secret-code table.tbl-type2 tr:first-child td{border-top-width:0;padding:20px} .secret-code.pop tr:first-child th, .secret-code.pop tr:first-child td{padding:10px 18px !important} .secret-code2{border:1px solid #e0e1e3;zoom:1} .secret-code2:after{display:block;clear:both;content:''} .secret-code2 table{float:right;width:80%;height:100%;border-left:1px solid #e0e1e3;background-color:#fff} .secret-code2 th, .secret-code2 td{padding-left:30px;text-align:left;font-weight:normal} .secret-code2 td{padding-right:30px} .secret-code2 li{margin-top:6px} .secret-code2 li strong{display:inline-block;width:36px;height:36px;text-align:center;background-color:#2768c3;color:#fff;line-height:36px} .secret-code2 ul.desc li{margin-top:0;font-size:14px} .secret-code2 img{vertical-align:middle;margin-right:-2px} .secret-code2 input[type=password]{width:91px;border-color:#2768c3} .secret-code2.secret{height:132px;background:#fafbfc url(/images/finance/bg_secret.gif) no-repeat 60px 50px} .secret-code2.secret.new{background-image:url(/images/finance/bg_secret2.gif)} .secret-code2.secret th{width:136px} .secret-code2.otp{height:170px;background:#fafbfc url(/images/finance/bg_otp.gif) no-repeat 60px 65px} .secret-code2.otp th{width:80px} .secret-code2.otp tr:first-child th, .secret-code2.otp tr:first-child td{padding-top:25px} .secret-code2.otp input[type=password]{width:133px} .secret-code2.otp2{height:170px;background:#fafbfc url(/images/finance/bg_otp.gif) no-repeat 60px 65px} .secret-code2.otp2 th{width:75px} .secret-code2.otp2.e th{width:163px} .secret-code2.otp2 th, .secret-code2.otp2 td{padding-bottom:25px} .secret-code2.otp2 tr:first-child th, .secret-code2.otp2 tr:first-child td{padding-top:25px;padding-bottom:0} .secret-code2.otp2 input[type=password]{width:133px} /* 모바일트레이딩 */ .tip-mPOP{display:block;height:75px;border:1px solid #e0e1e3;background:#eef4fc url(/images/customer/img_mPOP.gif) no-repeat 19px 9px} .tip-mPOP a{display:block;height:75px;margin-right:39px;padding-left:96px;background:url(/images/common/ico/bu_go4.gif) no-repeat right 34px;color:#000;line-height:75px} .tip-mPOP a:hover{text-decoration:none} .tip-mPOP em, .tip-mPOP strong{font-weight:700} ol.decimal{border-top:1px solid #e0e1e3} ol.decimal li{list-style-type:none;height:52px;margin:0;border:1px solid #e0e1e3;border-top-width:0;background-color:#fafbfc;line-height:52px} ol.decimal li b{display:block;float:left;width:52px;height:52px;margin-right:15px;border-right:1px solid #e0e1e3;background-color:#fff;text-align:center;color:#2768c3} .certify-box{margin-top:26px;padding:24px 40px 18px;background-color:#627691;color:#fff;font-size:14px;zoom:1} .certify-box:after{display:block;clear:both;content:''} .certify-box h4{margin-top:0 !important} .certify-box p.desc{width:60%} .certify-box a.btn{float:right;margin-top:-64px} ul.mpop-life-list{margin-top:-41px;border-top:1px solid #e0e1e3;border-left:1px solid #e0e1e3;zoom:1} ul.mpop-life-list:after{display:block;clear:both;content:''} ul.mpop-life-list li{float:left;width:50%} body.msie7 ul.mpop-life-list li{width:49.99%} ul.mpop-life-list dl{height:488px;padding:0 40px;border:1px solid #e0e1e3;border-top-width:0;border-left-width:0} ul.mpop-life-list dt{padding:32px 0 7px;color:#ac0069;font-size:22px;font-weight:700} ul.mpop-life-list dd{text-align:center} ul.mpop-life-list dd p{height:80px;text-align:left; letter-spacing:-0.1em;} dl.my-pb{margin-top:-41px;border:1px solid #e0e1e3} dl.my-pb dt{padding:34px 40px 11px;color:#ac0069;font-size:18px;font-weight:700} dl.my-pb dd{padding:0 40px} dl.my-pb dd+dt{border-top:1px solid #e0e1e3} dl.my-pb dd p.c{margin:38px 0 -5px} /*고객힐링 서비스*/ .apply-guide{border:1px solid #e0e1e3;zoom:1} .apply-guide:after{content:'';display:block;clear:both} .apply-guide div{float:left;width:45.83%;padding:40px 0 40px 4.17%;zoom:1} .apply-guide div:after{content:'';display:block;clear:both} .apply-guide div.fr{float:left;width:44.83%;border-left:1px solid #e0e1e3} .apply-guide h4{float:left;min-height:50px;margin:0 !important;border:0 !important;font-size:16px} .apply-guide h4 a{padding-right:14px;background:url(/images/common/ico/bu_go4.gif) no-repeat right 7px;color:#000;font-size:14px;font-weight:normal;text-decoration:none} .apply-guide h4 strong{font-weight:700} .apply-guide p{float:left} .apply-guide p small{display:block;font-size:16px;line-height:1.42} .apply-guide .fl h4{width:37.36%;padding-left:9.24%;background:url(/images/common/ico/bu_guide.gif) no-repeat 0 4px} .apply-guide .fl p{width:48.44%} .apply-guide .fl p{width:50.44%} .apply-guide .fr h4{width:35.36%;padding-left:11.24%;background:url(/images/common/ico/bu_guide2.gif) no-repeat 0 4px} .apply-guide .fr p{width:48.44%} .myManager-qna{padding:40px;background-color:#2768c3;color:#fff;zoom:1} .myManager-qna:after{display:block;clear:both;content:''} .myManager-qna p, .myManager-qna dl, .myManager-qna dt, .myManager-qna dd{float:left} .myManager-qna p{width:27%;padding-left:8%;background:url(/images/customer/bu_myManager.png) no-repeat;font-size:22px} .myManager-qna p strong, .myManager-qna dl strong{color:#fff;font-weight:700} .myManager-qna dl{width:64%;font-size:14px} .myManager-qna dt{width:34%;padding:0 6% 0 9%;background:url(/images/customer/bu_q.png) no-repeat} .myManager-qna dd{width:35%;padding-left:9%;background:url(/images/customer/bu_a.png) no-repeat} /*pop Honors Club*/ #wrap.honorsClub .btn-common{display:none !important} #wrap.honorsClub #contents h1{margin:0 !important;border-width:0 !important} #wrap.honorsClub #contents h3{background-image:url(/images/common/ico/bu_h3_honors.png)} #wrap.honorsClub #contents a.btn{border-color:#500822;background-color:#5b0b28;background-image:url(/images/common/btn/bg_bul_honors.png)} #wrap.honorsClub #contents ul.desc li{background-image:url(/images/common/ico/bu_desc13.gif)} #wrap.honorsClub #contents div.page-desc{margin:0 0 40px !important;padding:0;border-bottom-width:0;background-repeat:no-repeat;background-position:0 center} #wrap.honorsClub #contents div.page-desc h2, #wrap.honorsClub #contents div.page-desc h2 small{color:#ce9e56} #wrap.honorsClub #contents div.page-desc p{color:#fff} .honorsClub-benefit dl dd > a.btn.big {margin-top:10px;} /* 2014.08.19 bluewebd honorsCulture ADD */ #wrap.honorsClub #contents div.page-desc .logDesc {margin:50px 60px 0px;} #wrap.honorsClub #contents div.page-desc small.eng{letter-spacing:-1px} #wrap.honorsClub #contents div.page-desc .inner{position:absolute;top:0;left:0;width:720px; background:url(/images/customer/bg_honorsclub2.png) no-repeat;z-index:2;/* height:184px;*/} #wrap.honorsClub #contents div.page-desc .inner_1{position:absolute;top:0;left:0;width:720px; background:url(/images/customer/bg_honorsclub2_1.png) no-repeat;z-index:2;/* height:184px;*/} #wrap.honorsClub #contents div.page-desc .inner .descCon {position:absolute; top:50%; left:50px; height:155px; margin-top:-77.5px;} #wrap.honorsClub #contents div.page-desc .inner_1 .descCon_1 {position:absolute; top:35%; left:50px; height:155px; margin-top:-77.5px;} #wrap.honorsClub #contents div.page-desc.honorsClubMembership .inner strong {position:absolute;left:60px;top:82px;font-size:30px;font-weight:bold;color:#ce9e56;} #wrap.honorsClub #contents div.page-desc.honorsClubMembership .inner span {position:absolute;left:60px;top:134px;font-size:20px;color:#ce9e56;} #wrap.honorsClub #contents div.page-desc.honorsClubMembership .inner_1 strong {position:absolute;left:60px;top:82px;font-size:30px;font-weight:bold;color:#ce9e56;} #wrap.honorsClub #contents div.page-desc.honorsClubMembership .inner_1 span {position:absolute;left:60px;top:134px;font-size:20px;color:#ce9e56;} /* 2014.08.19 bluewebd honorsCulture ADD */ .page-desc.honorsCulture.HCbenefit p:first-child{margin-bottom:18px} .page-desc.honorsCulture.HCbenefit p em{color:#ce9e56;font-weight:700} #wrap.honorsClub #contents div.page-desc.honorsCultureLoin.hcLoginMod .inner{height:257px} div.page-desc.honorsClub{height:257px;background-image:url(/images/customer/img_honors.jpg)} /* 2014.08.29 bluewebd honorClub ADD */ #wrap.honorsClub #contents div.page-desc.honorsClub.bSiz .inner {height:257px;} #wrap.honorsClub #contents div.page-desc.honorsClub.bSiz_ .inner {height:380px;} #wrap.honorsClub #contents div.page-desc.honorsClub.bSiz .inner .descCon {} div.page-desc.honorsClub .inner{height:202px} div.page-desc.honorsClub .inner_1{height:380px} div.page-desc.honorsClubMembership{height:184px;background-image:url(/images/customer/img_honors.jpg)} div.page-desc.honorsClubMembership .inner{height:129px} div.page-desc.honorsCulture{height:184px;background-image:url(/images/customer/img_honors2.jpg)} div.page-desc.honorsCulture .inner{height:129px} div.page-desc.honorsCulture .inner h2{margin-top:-20px !important} div.page-desc.honorsCultureLoin{height:257px;padding-bottom:25px !important} div.page-desc.honorsCultureLoin .inner{height:202px} div.page-desc.honorsCultureLoin .inner ul.steps{height:36px} div.page-desc.honorsCultureLoin .inner ul.steps li{float:left;padding:0 10px 0 19px;background:url(/images/common/ico/bu_arrow19.gif) no-repeat 0 center} div.page-desc.honorsCultureLoin .inner ul.steps li:first-child{padding-left:0;background:none} div.page-desc.honorsCultureLoin .inner ul.steps b{display:block;width:107px;height:36px;text-align:center;background-color:#e0e1e3;color:#5b0a27 !important;font-size:14px;line-height:35px} div.page-desc.honorsCultureLoin .slider{position:absolute;top:0;right:0;width:960px;height:257px;overflow:hidden} div.page-desc.honorsCultureLoin .slider li{float:left;padding:0;margin:0;background:none;text-align:right} div.page-desc.honorsCultureLoin .slider-controller{position:absolute;bottom:0;right:0;display:block} div.page-desc.honorsCultureLoin .slider-controller a{display:block;float:left;width:15px;height:15px;margin-left:6px;overflow:hidden;background-repeat:no-repeat;background-image:url(/images/customer/bu_controller.png);text-indent:-9999px;position:relative} div.page-desc.honorsCultureLoin .slider-controller a:hover, div.page-desc.honorsCultureLoin .slider-controller a.on{background-position:-15px 0} div.page-desc.honorsCultureLoin .slider-controller a.pause, div.page-desc .slider-controller a.pause:hover{width:13px;background-position:-30px 0} div.page-desc.honorsCultureLoin .slider-controller a.play, div.page-desc .slider-controller a.play:hover{width:12px;background-position:-43px 0} /* 2014.08.29 bluewebd honorClub IMG MOD */ div.page-desc.honorsClub.hcVSImg01 {background-image:url(/images/customer/img_honors1_1.jpg)} div.page-desc.honorsClub.hcVSImg01_1 {background-image:url(/images/customer/img_honors1_1_1.jpg)} div.page-desc.honorsClubMembership.hcVSImg01 {background-image:url(/images/customer/img_honors2_1.jpg)} div.page-desc.honorsClubMembership.hcVSImg02 {background-image:url(/images/customer/img_honors2_2.jpg)} div.page-desc.honorsCulture.hcVSImg01 {background-image:url(/images/customer/img_honors3_1.jpg)} /* div.page-desc.honorsCultureLoin.hcVSImg01 {background-image:url(/images/customer/img_honors3_2.jpg)}*/ div.page-desc.hcVSImg01, div.page-desc.hcVSImg02 {height:257px;} div.page-desc.hcVSImg01 > .inner, div.page-desc.hcVSImg02 > .inner{height:257px;} div.page-desc.hcVSImg01_1 {height:380px;} div.page-desc.hcVSImg01_1 > .inner{height:380px;} #wrap.honorsClub .login-box h2{color:#5b0a27 !important} #wrap.honorsClub .login-box h2 small{color:#c60876} #wrap.honorsClub .login-box td input[type=text], #wrap.honorsClub .login-box td input[type=password]{width:108px;margin-right:0} #wrap.honorsClub .login-box td input[type=password].disabled{width:88px} #wrap.honorsClub .login-box td input[type=text].single{width:14px} #wrap.honorsClub .login-box td .select-box{height:36px;margin-bottom:4px} #wrap.honorsClub .login-box td .select-box .wrap div{height:34px !important} #wrap.honorsClub .login-box td .select-box .wrap div span{height:34px;line-height:33px} #wrap.honorsClub .login-box td .select-box .wrap div a.selecter{width:34px;height:34px;background-position:0 0} #wrap.honorsClub .login-box td a.btn{width:auto;height:34px;padding:0 10px;font-size: 14px;line-height:33px;font-weight:normal} #wrap.honorsClub .login-box td fieldset.phoneNumber{height:auto;padding:0;text-align:left} #wrap.honorsClub .login-box td fieldset.phoneNumber input[type=text]{width:67px} #wrap.honorsClub .login-box td fieldset.phoneNumber a.btn{margin-top:4px} #wrap.honorsClub .login-box .certify td input[type=text], #wrap.honorsClub .login-box .certify td input[type=password]{width:154px} /* #wrap.honorsClub .login-box .certify a.btn{margin-top:145px} #wrap.honorsClub .login-box .login a.btn{margin-top:10px} */ /* 2014.10.21 bluewebd TH Vertical-align */ #wrap.honorsClub .login-box th.vaT {vertical-align:top;} #wrap.honorsClub .login-box th.vaT .txtVat {display:inline-block; margin-top:7px;} .honorsClub-overview{margin-bottom:20px;padding:50px;border:1px solid #c3c7d1;background:url(/images/customer/bg_honorsclub.jpg) no-repeat right bottom} .honorsClub-overview h1{padding:0 !important} .honorsClub-overview p{margin:35px 0 15px} .honorsClub-overview p em{color:#5b0b28; font-size:22px; font-weight:bold;} ul.honors-btn-list{height:50px} ul.honors-btn-list li{float:left;width:319px;margin-left:1px} ul.honors-btn-list li:first-child{margin-left:0} ul.honors-btn-list li a{display:block;height:50px;background-color:#5b0b28;text-align:center;color:#fff;line-height:49px} ul.honors-btn-list li b{padding-right:15px;background:url(/images/common/ico/bu_go20.gif) no-repeat right 8px;font-weight:normal} dl.honorsCulture-cs{margin-top:20px;padding:24px 60px 18px 40px;border:1px solid #e0e1e3;background-color:#fafbfc;zoom:1} dl.honorsCulture-cs:after{content:'';display:block;clear:both} dl.honorsCulture-cs dt{float:left;width:264px;color:#5b0a27;font-size:18px;font-weight:700} dl.honorsCulture-cs dt em{display:block;color:#c60876;font-size:32px;font-weight:700} dl.honorsCulture-cs dd{float:left;width:594px} dl.honorsCulture-cs dd p{margin-bottom:8px} dl.honorsCulture-cs dd p.line{padding-bottom:17px;border-bottom:1px solid #e0e1e3} dl.honorsCulture-cs dd ul.desc li{margin-top:8px;font-size:14px;background-position:0 9px} dl.honorsCulture-cs dd ul.cs-info{margin:30px 0 10px;zoom:1} dl.honorsCulture-cs dd ul.cs-info:after{content:'';display:block;clear:both} dl.honorsCulture-cs dd ul.cs-info li{float:left;margin-left:30px;padding-left:30px;border-left:1px solid #e0e1e3;font-size:14px} dl.honorsCulture-cs dd ul.cs-info li:first-child{margin:0;padding:0;border-left-width:0} dl.honorsCulture-cs dd ul.cs-info li b{display:block;font-size:16px} dl.honorsCulture-cs dd ul.cs-info li b em{font-weight:700} .honorsCulture-guide{padding:20px 60px 35px;border:4px solid #d3d5d8} .honorsCulture-guide h3{float:left;padding-left:0!important;margin:16px 0 38px 0 !important;background:none !important;color:#5b0a27} .honorsCulture-guide span.btn-area{display:block;clear:none;float:right} .honorsCulture-guide dl.honorsCulture-cs{clear:both;margin-top:0} .honorsCulture-guide dl.honorsCulture-cs dt{width:264px} .honorsCulture-guide dl.honorsCulture-cs dd{width:466px} .contents-box.honorsClub{padding:0} .contents-box.honorsClub dl{width:398.5px;padding:40px} .contents-box.honorsClub dt{margin-bottom:12px;color:#500822;font-size:18px;font-weight:700} .contents-box.honorsClub_ dt{margin-bottom:12px;color:#500822;font-size:18px;font-weight:700} .contents-box.honorsClub dd{font-size:16px} .contents-box.honorsClub dd a.btn{margin-top:19px} .contents-box.honorsClub dl.fr{border-left:1px solid #e0e1e3} .contents-box.honorsClub dl.fl dd a.btn{margin-top:41px} .honorsClub-benefit{display:table;width:958px;border:1px solid #a0a3aa;border-top-width:0} .honorsClub-benefit .row{display:table-row} /* 2014.08.29 bluewebd 서비스혜택 관련 박스라인 조정을 위해 height 고정 .honorsClub-benefit .row>div{display:table-cell;width:478.5px} */ .honorsClub-benefit .row>div{display:table-cell;width:478.5px;} /* 2014.10.23 bluewebd safari 브라우저 조정 */ body.safari .honorsClub-benefit .row>div{display:table-cell;width:477.5px;} .honorsClub-benefit .row:first-child > div.fr{min-height:380px;} .honorsClub-benefit .row>div.fr{border-left:1px solid #a0a3aa} .honorsClub-benefit h3{height:50px;margin:0 !important;padding:0 !important;background:#635a54 url(none) !important;text-align:center;color:#f3e5b6;line-height:49px} .honorsClub-benefit dl{margin:24px 30px 28px} .honorsClub-benefit dl+dl{padding-top:24px;border-top:1px solid #e0e1e3} .honorsClub-benefit dt{margin-bottom:9px;color:#5b0a27;font-weight:700} .honorsClub-benefit dt b{margin-left:6px;padding-left:10px;background:url(/images/common/ico/bu_bar4.gif) no-repeat 0 4px} .honorsClub-benefit dd{font-size:14px} .honorsClub-benefit dd p{margin-bottom:10px} .honorsClub-benefit dd li{margin-top:4px;background-position:0 9px} body.msie7 .honorsClub-benefit .row>div{display:block;float:left;min-height:275px} .honorsCulture-benefit{padding:40px;border:1px solid #a0a3aa} .honorsCulture-benefit p{margin-bottom:23px} .honorsCulture-benefit p em{color:#5b0a27;font-weight:700} /* 2014.08.19 bluewebd Modify .honorsCulture-benefit span{display:block;margin-top:58px;padding:40px;text-align:center;border:2px solid #ababab;background-color:#fafbfc} */ .honorsCulture-benefit span{display:block; padding:40px;text-align:center;border:2px solid #ababab;background-color:#fafbfc} .honorsCulture-benefit dl{border:1px solid #e0e1e3} .honorsCulture-benefit dt{padding:30px 0 7px 93px;border-top:1px solid #e0e1e3;background-position:50px 30px;background-repeat:no-repeat;color:#5b0a27;font-size:18px;font-weight:700} .honorsCulture-benefit dt:first-child{border-top-width:0} .honorsCulture-benefit dt.no1{background-image:url(/images/customer/img_honors_num1.gif)} .honorsCulture-benefit dt.no2{background-image:url(/images/customer/img_honors_num2.gif)} .honorsCulture-benefit dt.no3{background-image:url(/images/customer/img_honors_num3.gif)} .honorsCulture-benefit dt.no4{background-image:url(/images/customer/img_honors_num4.gif)} .honorsCulture-benefit dd{padding:0 0 38px 93px} .honorsCulture-benefit dd li{margin-top:9px;padding-left:8px;background:url(/images/common/ico/bu_desc13.gif) no-repeat 0 9px;color:#ac0069;font-size:14px} /*추가 멤버십 신규*/ .honorsClub-benefit_1{display:table;width:958px;border:1px solid #a0a3aa;border-top-width:0} .honorsClub-benefit_1 .row_1>div{width:478px;} /* 2014.10.23 bluewebd safari 브라우저 조정 */ body.safari .honorsClub-benefit_1 .row_1>div{width:478px;} .honorsClub-benefit_1 .row_1:first-child > div.fr{min-height:380px;} .honorsClub-benefit_1 .row_1 > div.fr{height:590px;} .honorsClub-benefit_1 .row_2>div{width:478px;} body.safari .honorsClub-benefit_1 .row_2>div{width:478px;} .honorsClub-benefit_1 .row_2:first-child > div.fr{min-height:380px;} .honorsClub-benefit_1 .row_2 > div.fr{height:350px;} .honorsClub-benefit_1 .row_1>div.fr{border-left:1px solid #a0a3aa} .honorsClub-benefit_1 .row_2>div.fr{border-left:1px solid #a0a3aa} .honorsClub-benefit_1 h3{height:50px;margin:0 !important;padding:0 !important;background:#635a54 url(none) !important;text-align:center;color:#f3e5b6;line-height:49px} .honorsClub-benefit_1 dl{margin:24px 30px 28px} .honorsClub-benefit_1 dl+dl{padding-top:24px;border-top:1px solid #e0e1e3} .honorsClub-benefit_1 dt{margin-bottom:9px;color:#5b0a27;font-weight:700} .honorsClub-benefit_1 dt b{margin-left:6px;padding-left:10px;background:url(/images/common/ico/bu_bar4.gif) no-repeat 0 4px} .honorsClub-benefit_1 dd{font-size:14px} .honorsClub-benefit_1 dd p{margin-bottom:10px} .honorsClub-benefit_1 dd li{margin-top:4px;background-position:0 9px} body.msie7 .honorsClub-benefit_1 .row_1>div{display:block;float:left;min-height:275px} .honorsCulture-benefit_1{padding:40px;border:1px solid #a0a3aa} .honorsCulture-benefit_1 p{margin-bottom:23px} .honorsCulture-benefit_1 p em{color:#5b0a27;font-weight:700} /* 2014.08.19 bluewebd Modify .honorsCulture-benefit_1 span{display:block;margin-top:58px;padding:40px;text-align:center;border:2px solid #ababab;background-color:#fafbfc} */ .honorsCulture-benefit_1 span{display:block; padding:40px;text-align:center;border:2px solid #ababab;background-color:#fafbfc} .honorsCulture-benefit_1 dl{border:1px solid #e0e1e3} .honorsCulture-benefit_1 dt{padding:30px 0 7px 93px;border-top:1px solid #e0e1e3;background-position:50px 30px;background-repeat:no-repeat;color:#5b0a27;font-size:18px;font-weight:700} .honorsCulture-benefit_1 dt:first-child{border-top-width:0} .honorsCulture-benefit_1 dt.no1{background-image:url(/images/customer/img_honors_num1.gif)} .honorsCulture-benefit_1 dt.no2{background-image:url(/images/customer/img_honors_num2.gif)} .honorsCulture-benefit_1 dt.no3{background-image:url(/images/customer/img_honors_num3.gif)} .honorsCulture-benefit_1 dt.no4{background-image:url(/images/customer/img_honors_num4.gif)} .honorsCulture-benefit_1 dd{padding:0 0 38px 93px} .honorsCulture-benefit_1 dd li{margin-top:9px;padding-left:8px;background:url(/images/common/ico/bu_desc13.gif) no-repeat 0 9px;color:#ac0069;font-size:14px} /*시스템활용가이드*/ .system-link-list ul{margin:-10px 0 0 -10px;zoom:1} .system-link-list ul:after{display:block;clear:both;content:''} .system-link-list li{float:left;margin:10px 0 0 10px;font-size:14px} .system-link-list li a{display:block;width:271px;padding:0 20px;border:1px solid #a0a3aa;background:url(/images/common/ico/bu_go4.gif) no-repeat 285px center;color:#000} .system-link-list li a:hover{border-color:#2768c3;text-decoration:none} .system-link-list ul.dts li a{height:60px;line-height:60px} .system-link-list ul.dts li.double a{height:50px;padding-top:10px;line-height:normal} .system-link-list ul.hts li{width:271px;height:84px;padding:15px 20px;border:1px solid #a0a3aa;line-height:1.3;position:relative} .system-link-list ul.hts li:hover{border-color:#2768c3} .system-link-list ul.hts li a{display:inline-block;width:24px;height:20px;padding:0;border-width:0;background-image:url(/images/common/btn/bg_icon7.gif);overflow:hidden;text-indent:-9999px} .system-link-list ul.hts li a.ebook{background-position:0 0} .system-link-list ul.hts li a.vod{background-position:-24px 0} .system-link-list ul.hts li a.board{background-position:-48px 0} .system-link-list ul.hts li small{position:absolute;top:16px;right:19px} .system-link-list ul.hts li span.btn-area{position:absolute;bottom:10px;left:22px;min-height:20px} .system-link-list ul.hts li span.btn-area a{margin-right:5px} .system-link-list ul.mpop li a{height:43px;line-height:43px} .system-link-list ul.homepage li a{height:50px;padding-top:10px;line-height:normal} .system-link-list ul.homepage li small{display:block;margin-bottom:4px} .midas-tool{margin-top:40px;padding:40px;border:1px solid #e0e1e3;background-color:#fafbfc} .midas-tool h3{height:56px;margin:-41px -41px 20px !important;padding:0 40px !important;background:#627691 !important;color:#fff;line-height:56px;font-weight:normal} .midas-tool div.add-ex{float:left;width:402px} .midas-tool dl{margin-bottom:28px;zoom:1} .midas-tool dl:after{display:block;clear:both;content:''} .midas-tool dt{float:left;width:100px;font-weight:700} .midas-tool dd{float:left;width:302px} .midas-tool dd a.btn3{margin-top:-4px;background-color:#fff} .midas-tool dd small{display:block;margin-top:6px;color:#000} .midas-tool img{float:right;margin-bottom:30px} .midas-tool p.desc{margin-bottom:40px} .midas-tool a.tool-guide{clear:both;display:block;padding:23px 30px 28px 140px;border:1px solid #e0e1e3;background:#fff url(/images/customer/bu_guide.gif) no-repeat 58px center;color:#000} body.msie7 .midas-tool a.tool-guide{margin-top:-30px} .midas-tool a.tool-guide:hover{border-color:#2768c3;text-decoration:none} .midas-tool a.tool-guide span{display:block;padding-right:30px;background:url(/images/common/ico/bu_go13.gif) no-repeat 698px center} .midas-tool a.tool-guide strong{display:block;margin-bottom:3px} .midas-tool a.tool-guide em, .midas-tool a.tool-guide strong{font-weight:700} /**************************************************************************************** 08.퇴직연금 ******************************************************************************************/ /* 퇴직연금 알아보기 */ .contents-box2.scheme{border-color:#a0a3aa;border-bottom-width:0;text-align:center} .pension-scheme{display:table;width:100%} .pension-scheme .row{display:table-row} .pension-scheme dl{display:table-cell;width:29%;padding:40px 0 37px;border:1px solid #a0a3aa;border-left-width:0} body.msie7 .pension-scheme dl{float:left;width:319px;height:206px} body.msie7 .pension-scheme dl:first-child{width:318px} .pension-scheme dl:first-child{border-left-width:1px} .pension-scheme dt, .pension-scheme dd{margin:0 40px} .pension-scheme dt{padding-left:40px;background-repeat:no-repeat;background-position:left top;font-weight:700} .pension-scheme dd{margin-top:12px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 12px} .pension-scheme dl:nth-child(1) dt{background-image:url(/images/pension/bg_scheme.gif)} .pension-scheme dl:nth-child(2) dt{background-image:url(/images/pension/bg_scheme2.gif)} .pension-scheme dl:nth-child(3) dt{background-image:url(/images/pension/bg_scheme3.gif)} .pension-scheme dl.nth_1 dt{background-image:url(/images/pension/bg_scheme.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .pension-scheme dl.nth_2 dt{background-image:url(/images/pension/bg_scheme2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .pension-scheme dl.nth_3 dt{background-image:url(/images/pension/bg_scheme3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .retire-process{zoom:1} .retire-process:after{display:block;clear:both;content:''} .retire-process h3{float:left;width:360px;height:249px;margin:0 !important;padding:0 !important;font-size:16px !important} .retire-process h3.tit1{background:url(/images/pension/bg_process.gif) no-repeat !important} .retire-process h3.tit2{background:url(/images/pension/bg_process2.gif) no-repeat !important} .retire-process h3.tit3{background:url(/images/pension/bg_process3.gif) no-repeat !important} .retire-process h3 strong{display:block;width:240px;margin-top:90px;text-align:center;font-weight:700} .retire-process .details{float:left;width:600px} .retire-process .details dl{font-size:14px;padding-bottom:49px;background:url(/images/common/ico/bu_step2.gif) no-repeat 40px 120px;zoom:1} .retire-process .details dl.last{padding-bottom:0;background:none} .retire-process .details dl:after{display:block;clear:both;content:''} .retire-process .details dt{float:left;width:100px;height:60px;padding-top:40px;text-align:center;color:#fff;font-weight:700} .retire-process .details dt.color-type{background-color:#6c7686} .retire-process .details dt.color-type+dd ul{margin-top:10px !important} .retire-process .details dt.color-type2{background-color:#627691} .retire-process .details dt.color-type2+dd ul{margin-top:10px !important} .retire-process .details dt.color-type3{background-color:#5475a3} .retire-process .details dt.color-type4{background-color:#486fa5;height:70px;padding-top:30px} .retire-process .details dt.color-type4+dd ul{margin-top:10px !important} .retire-process .details dt.color-type5{background-color:#366ab3;height:70px;padding-top:30px} .retire-process .details dt.color-type6{background-color:#1e4d92;height:70px;padding-top:30px} .retire-process .details dd{float:left;width:479px;height:98px;padding-left:20px;border:1px solid #e0e1e3;border-left-width:0;background-color:#fafbfc} .retire-process .details dd ul{float:left;margin:23px 20px 0 0} .retire-process .details dd li{margin-top:5px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 10px} pre.format{padding:15px 0;margin-top:10px;border:1px solid #e0e1e3;background-color:#fafbfc;font-size:16px;font-family:'맑은 고딕','Malgun Gothic','돋음',Dotum,AppleGothic,Arial,Helvetica,sans-serif;line-height:1.6;text-align:center} pre.format img{vertical-align:middle} pre.format em.tit{margin-right:52px} ul.blocks{overflow:hidden;color:#fff} ul.blocks li{position:relative;float:left;width:50%;height:178px;background-color:#4f78b2} ul.blocks li+li{background-color:#4b4c51} ul.blocks li dl{padding:40px 40px 0 117px} ul.blocks li dl dt{margin-bottom:15px;font-size:18px} ul.blocks li dl.compare1{background:url(/images/pension/bg_compare1.gif) no-repeat 40px 40px} ul.blocks li dl.compare2{background:url(/images/pension/bg_compare2.gif) no-repeat 40px 40px} ul.blocks li p{padding:40px;font-size:18px;font-weight:700} ul.blocks li p strong{display:block;font-size:44px;color:#fff;font-weight:700;line-height:1.1} ul.blocks li p small{position:absolute;right:40px;bottom:40px;color:#fff;font-weight:normal} .taxation-irp{border:1px solid #e0e1e3;text-align:center;background:url(/images/pension/bg_irp2.gif) no-repeat 267px 262px;zoom:1} .taxation-irp:after{content:'';display:block;clear:both} .taxation-irp dl{float:left;padding:40px 27.5px} .taxation-irp dl.irp1{width:240px} .taxation-irp dl.irp2{width:240px} .taxation-irp dl.irp3{width:313px} .taxation-irp>dl dd strong{display:block;width:240px;height:60px;margin:80px auto 20px auto;background:#5475a3;color:#fff;font-weight:700;line-height:60px} .taxation-irp>dl dd strong+strong{margin-top:0 !important} .taxation-irp dt{width:240px;height:49px;padding-top:17px;margin:0 auto 23px auto;background:url(/images/pension/bg_irp.gif) no-repeat;color:#2768c3;font-weight:700} .taxation-irp dd dl{width:155px;padding:0} .taxation-irp dd dl+dl{float:right} .taxation-irp dd strong, .taxation-irp dd img, .taxation-irp dd dl{margin-top:80px} .taxation-irp dd dt{width:155px;height:46px;text-align:center;padding:0;margin:0;background:#636d7b;color:#fff;line-height:46px} .taxation-irp dd dd{height:129px;padding:10px;text-align:left;border:1px solid #a0a3aa;border-top-width:0;font-size:14px} .taxation-irp dd dd+dd{height:47px;padding:0;text-align:center;line-height:47px;font-size:16px} .taxation-irp dd dd+dd em{font-weight:700} .column-box dl.principle{background-image:url(/images/pension/bg_principle.gif)} .column-box dl.principle2{background-image:url(/images/pension/bg_principle2.gif)} .column-box dl.taxation1{background:url(/images/pension/bg_taxation1.gif) no-repeat 41px 40px} .column-box dl.taxation2{background:url(/images/pension/bg_taxation2.gif) no-repeat 41px 40px} .column-box dl.taxation3{background:url(/images/pension/bg_taxation3.gif) no-repeat 41px 39px} .column-box dl.whypop1{background:url(/images/pension/bg_whypop1.gif) no-repeat 40px 40px} .column-box dl.whypop2{background:url(/images/pension/bg_whypop2.gif) no-repeat 41px 40px} .column-box dl.whypop3{background:url(/images/pension/bg_whypop3.gif) no-repeat 41px 39px} .column-box.cell-2 > .row > dl > dt > a{float:right;} /* 20140924 퇴직연금 더보기 버튼 정렬 진수 */ .column-box.cell-2 > .row > dl > dt:after {display:block; content:""; clear:both;} /* 20140924 퇴직연금 더보기 버튼 정렬 진수 */ .strategy{overflow:hidden;width:100%;border:1px solid #e0e1e3;border-bottom-width:0} .strategy>li{float:left;width:50%;height:195px;margin-left:-1px;border-left:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;background-color:#fafbfc} .strategy>li+li{background-color:#eef4fc} .strategy>li+li+li+li{background-color:#fafbfc} .strategy>li dl{padding:40px} .strategy>li dl dt{margin-bottom:15px;font-size:18px;font-weight:700} .strategy>li dl dt strong{font-weight:inherit} .strategy>li dl dd ul li{margin-top:3px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 11px;font-size:14px} .pension-center{overflow:hidden} .pension-center .fl{width:50%;height:263px;background-color:#636d7b;color:#fff} .pension-center .fl dt{padding:40px 40px 25px 40px;font-size:18px} .pension-center .fl dd{position:relative;padding:0 40px 55px 40px} .pension-center .fl dd span.num{display:block;position:absolute;right:40px;bottom:33px;padding-right:65px;background:url(/images/pension/bg_center_num.gif) no-repeat 100% 2px;letter-spacing:-2px} .pension-center .fl dd span.num strong{display:block;color:#fff;font-size:24px;letter-spacing:0} .pension-center .fl dd ul{margin-top:15px} .pension-center .fl dd ul li{margin-top:1px;padding-left:10px;background:url(/images/common/ico/bu_desc2.gif) no-repeat 0 11px;color:#edeef0;font-size:14px} .pension-center .fl dd div{margin-top:15px;min-height:57px} .pension-center .fr{width:50%} .pension-center .fr td{height:130px;padding:0 40px;border-right:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa} .pension-center .fr td.for1{background:#fafbfc url(/images/pension/bg_for1.gif) no-repeat 90% 30px} .pension-center .fr td.for2{border-top:1px solid #fff;background:#fafbfc url(/images/pension/bg_for2.gif) no-repeat 90% 30px} .pension-center .fr td.for3{background:#fafbfc url(/images/pension/bg_for3.gif) no-repeat 90% 40px;vertical-align:top;height:222px;padding-top:40px} .pension-center .fr td.for3 dl{width:85%} .pension-center .fr td a:hover{text-decoration:none} .pension-center .fr td a dl dt{margin-bottom:15px;font-size:18px} body.msie7 .pension-center .fr td.for2{height:131px} .award-list{margin-top:40px} .award-list p.award{padding:37px 0;background-color:#edf0f6;text-align:center} .award-list p.award span{display:inline-block;padding-left:65px;background:url(/images/pension/bg_trophy.gif) no-repeat 0 50%;text-align:left;font-size:22px;font-weight:700} .award-list p.award span strong{font-weight:inherit} .award-list p.award span em{display:block;margin-top:3px;font-size:16px} .award-list ul li{overflow:hidden;padding:40px;border:1px solid #e0e1e3;border-top-width:0} .award-list ul li span.logo{float:left;width:140px;margin-right:45px} .award-list ul li dl{padding-left:200px} .award-list ul li dl dt{margin-bottom:25px;color:#2768c3;font-size:18px;font-weight:700} .award-list ul li dl dt small{display:block;color:#4f78b2;font-size:16px;font-weight:normal} .scheme-diagram{margin-top:28px !important;padding:40px;border:1px solid #e0e1e3;background-color:#fafbfc} .scheme-diagram dl{background:url(/images/pension/bg_effect3.gif) no-repeat center 60px;zoom:1} .scheme-diagram dl:after{content:'';display:block;clear:both} .scheme-diagram dt strong{display:block;width:276px;height:56px;margin:0 auto;text-align:center;border:2px solid #1e4d92;color:#36537c;background-color:#fff;font-weight:700;line-height:56px} .scheme-diagram dd{float:left;width:280px;height:60px;margin:59px 0 0 19px;text-align:center;color:#fff;font-size:14px;font-weight:700;line-height:60px} .scheme-diagram dt+dd{background-color:#6c7686;margin-left:0} .scheme-diagram dt+dd+dd{background-color:#627691} .scheme-diagram dt+dd+dd+dd{background-color:#5475a3} .scheme-diagram dl.effect3 dd a{display:block;color:#fff;font-size:16px} .scheme-diagram dl.effect3 dd{background-color:#6c7686} .scheme-diagram dl.effect3 dd a:hover{text-decoration:none} .message p.check{background-image:url(/images/common/ico/bu_pension_check.gif);background-position:81px 20px} .message p.nothing{background-image:url(/images/common/ico/bu_pension_nothing.gif);background-position:81px 14px} div.page-desc+.column-box{margin-top:-41px} .column-box+.column-box{margin-top:-1px} .column-box.cell-1{width:50%} .column-box.cell-1 dt, .column-box.cell-1 dd{margin-left:120px} .column-box dl.corp1{background-image:url(/images/pension/bg_corp1.gif)} .column-box dl.corp2{background-image:url(/images/pension/bg_corp2.gif)} .column-box dl.corp3{background-image:url(/images/pension/bg_corp3.gif)} .column-box dl.corp4{background-image:url(/images/pension/bg_corp4.gif)} .column-box dl.corp5{background-image:url(/images/pension/bg_corp5.gif)} .column-box dl.corp6{background-image:url(/images/pension/bg_corp6.gif)} .column-box dl.corp7{background-image:url(/images/pension/bg_corp7.gif)} .column-box dl.corp8{background-image:url(/images/pension/bg_corp8.gif)} .column-box dl.indi1{background-image:url(/images/pension/bg_indi1.gif)} .column-box dl.indi2{background-image:url(/images/pension/bg_indi2.gif)} .column-box dl.indi3{background-image:url(/images/pension/bg_indi3.gif)} .column-box dl.indi4{background-image:url(/images/pension/bg_indi4.gif)} .column-box dl.indi5{background-image:url(/images/pension/bg_indi5.gif)} .column-box dl.indi6{background-image:url(/images/pension/bg_indi6.gif)} .column-box dl.indi7{background-image:url(/images/pension/bg_indi7.gif)} .support-service{margin-top:40px} .support-service td{padding:40px 80px 40px 40px;background:#627691 url(/images/pension/bg_service.gif) no-repeat 93% 83%;color:#fff} .support-service td dl dt{margin-bottom:12px;font-size:20px;font-weight:700} .support-service td dl dd small{display:block;margin-top:14px;color:#fff} .support-service td.apply{padding:40px;background-color:#eef4fc;background-image:none} .support-service td.apply div.full{margin-top:25px} .support-service td.apply div.full a{width:100%;padding:0;background-position:92% -49px;text-align:center} .support-service td.apply dl{overflow:hidden} .support-service td.apply dl dt{float:left;width:75px;height:40px;margin-right:25px;background-color:#2768c3;text-align:center;line-height:40px;font-size:12px} .support-service td.apply dl+dl{margin-top:25px} .support-service td.apply dl+dl dt{background-color:#ac0069} .support-service td.apply dl dd{padding-left:100px;color:#000} .support-service td.apply dl dd .btn-area{text-align:left} dl.invest-principle{padding:40px;background-color:#4f78b2;zoom:1} dl.invest-principle.longtime_money {margin-bottom:35px;}/* 20140924 퇴직연금투자원칙 여백조정 진수 */ dl.invest-principle:after{content:'';display:block;clear:both} dl.invest-principle dt{margin:-8px 0 18px;text-align:center;color:#fff;font-size:22px;font-weight:700} dl.invest-principle dd{float:left;width:232px;height:157px;padding:30px;border:1px solid #686970;border-left-width:0;background-color:#fff;background-repeat:no-repeat;background-position:center 70px;color:#ac0069;font-size:18px;font-weight:700} dl.invest-principle dd a{float:right;margin:4px 0 0 0;background-position:right 8px;color:#2768c3;font-weight:normal} dl.invest-principle dd.principle1{background-image:url(/images/pension/bg_principle3.gif);border-left:1px solid #686970} dl.invest-principle dd.principle2{background-image:url(/images/pension/bg_principle4.gif)} dl.invest-principle dd.principle3{background-image:url(/images/pension/bg_principle5.gif)} /* 퇴직연금 투자가이드 */ table.graph{width:100%;border:1px solid #e0e1e3} table.graph th, table.graph td{padding:20px 0;border-top:1px solid #e0e1e3;background-color:#fafbfc;text-align:left} table.graph tr:first-child th, table.graph tr:first-child td{border-top-width:0} table.graph th{width:18.42%;padding:28px 0 20px 40px;vertical-align:top;font-weight:normal} table.graph td{width:42.16%} table.graph td:first-child{padding-left:40px} table.graph td+td{width:19.42%;padding-left:40px} table.graph td input[type=text]{width:99px;text-align:right;color:#ac0069} table.graph td.type input[type=text]{width:15% !important;text-align:center} table.graph td .base{position:relative} table.graph td .base em{color:#000} table.graph td .base em.start{display:block;position:absolute;top:8px;left:0} table.graph td .base em.end{display:block;position:absolute;top:8px;right:0} table.graph td .graph{position:relative} table.graph td .graph span.bar{position:absolute;top:-4px;left:0;display:block;width:100%;height:8px;border:1px solid #fff;background-color:#e0e1e3} table.graph td .graph span.graph{position:absolute;top:-4px;left:0;display:block;height:8px;border:1px solid #fff;background:url(/images/pension/bg_graph.gif) repeat-x} table.graph td .graph span.point{position:absolute;top:-5px;width:15px;height:16px;margin-left:2px;background:url(/images/pension/bg_point.gif) no-repeat;text-indent:-9999px} table.graph td .radioGroup{height:36px;margin:2px 0 -2px} table.graph td .radioGroup label{margin-right:20px} table.graph td .radio{margin-top:-2px} table.graph td .select-box{margin-top:-3px} table.graph td span.notice{margin-left:10px} table.graph td fieldset.radioGroup{margin:0 0 -10px 5px} table.graph .lay-help{margin-top:-3px} table.graph .lay-help dl.retire dd th, table.graph .lay-help dl.retire dd td{width:auto} table.graph .lay-help dl.retire dd th{vertical-align:middle} /* 퇴직연금 투자가이드 - 퇴직연금계산기 */ /* 2014.11.10 bluewebd ADD */ body.retireCont4 {} body.retireCont4 .column-2.slRetireOP input {width:50%;} body.retireCont4 .column-2.slRetireOP .fl {width:46.5%;} body.retireCont4 .column-2.slRetireOP .fr {width:50.5%;} /* 퇴직연금상품 */ .pension-fund{padding:30px;background-color:#e0e6ef;font-size:14px;zoom:1} .pension-fund:after{content:'';display:block;clear:both} .pension-fund .fl{width:82%} .pension-fund .fr{width:15%} .pension-fund .fr .chart.chart_fund{width:170px;height:150px;} /* 20140924 퇴직연금 그래프 넓이 변경 */ .pension-fund h3{margin-top:0 !important;padding-left:0 !important;background:none !important;font-size:14px !important;font-weight:normal} .pension-fund ul.tab-type{margin-bottom:0} .pension-fund ul.fund-list{height:180px;margin-top:0 !important;border:1px solid #a0a3aa} .pension-fund ul.fund-list li{float:left;width:25%;height:180px;background-color:#fff} .pension-fund ul.fund-list li strong{display:block;height:140px;padding:20px;border-left:1px solid #a0a3aa;color:#000;font-weight:700;position:relative} .pension-fund ul.fund-list li strong span{position:absolute;bottom:20px;left:20px} .pension-fund ul.fund-list li:first-child strong{border-left-width:0} .pension-fund .chart{height:128px;border:1px solid #e0e1e3;background-color:#fff} .message p.bond{background-image:url(/images/pension/bg_bond_ready.gif);background-position:81px 14px} .message p.etcPrd{background-image:url(/images/pension/bg_etc.gif);background-position:81px 14px} .els-guide{margin-top:40px;padding:24px 40px 30px;background-color:#627691;zoom:1} .els-guide:after{content:'';display:block;clear:both} .els-guide b{color:#fff} .els-guide b.fr{height:47px;margin-top:20px;padding-right:60px;background:url(/images/customer/bg_counsel4.gif) no-repeat right;font-size:24px;line-height:43px} .els-guide small{display:block;margin-top:14px;color:#fff;font-size:16px;letter-spacing:-.5px} /* 가입자교육 */ body.document .container{width:960px;height:100%;margin:0 auto;background:url(/images/common/bg_doc.gif) no-repeat;font-size:12px;line-height:1.42;letter-spacing:0;font-family:'돋음',Dotum,AppleGothic,Arial,Helvetica,sans-serif} body.document .container .contents{width:750px;padding:70px 105px;background:url(/images/common/bg_doc2.gif) no-repeat} body.document .container .contents h1{border-width:0;margin:50px 0 25px;text-align:center;color:#0b16f0;font-size:35px} body.document .container .contents h2{margin-top:50px;padding-left:13px;font-size:15px;background:url(/images/pension/bu_doc_h2.gif) no-repeat left} body.document .container .contents p.ok{margin-top:20px;text-align:center;font-weight:bold} body.document .container .contents small{color:#000;font-size:11px} body.document .container .contents table.tbl-doc{width:100%;border:1px solid #aaa;border-right:0} body.document .container .contents table.tbl-doc th{padding:8px 7px 5px;border-top:1px solid #aaa;border-right:1px solid #aaa;color:#2d2d2d;text-align:center;background-color:#f0f3f8} body.document .container .contents table.tbl-doc td{padding:8px 7px 5px;border-top:1px solid #aaa;border-right:1px solid #aaa;text-align:left} body.document .container .contents table.tbl-doc tr:first-child th, body.document .container .contents table.tbl-doc tr:first-child td{border-top:none} body.document .container .contents table.tbl-doc thead th{border-top:1px solid #aaa !important;border-bottom:1px solid #aaa} body.document .container .contents table.tbl-doc td label{margin-right:7px} body.document .container .contents div.confirm{overflow:hidden;margin-top:46px} body.document .container .contents div.confirm h2{position:relative;margin-top:30px} body.document .container .contents div.confirm h2 span.stamp{position:absolute;left:550px;top:0} body.document .container .contents div.confirm p{margin-bottom:10px;text-align:center;font-size:12px} body.document .container .contents div.confirm p strong{margin-top:35px;display:block;font-size:28px;font-weight:bold;color:#000;letter-spacing:10px} body.document .container .contents div.confirm span.logo{float:right;margin-top:30px} ul.online-step{overflow:hidden} ul.online-step li{float:left;width:280px;padding-left:60px;background:url(/images/common/ico/bu_step.gif) no-repeat 24px 95px} ul.online-step li dl dt{height:36px;background-color:#4f78b2;color:#fff;line-height:36px;text-align:center;font-size:14px} ul.online-step li dl dd{height:140px;padding:25px 15px 0;border:1px solid #e0e1e3;background-color:#fafbfc;font-size:14px} ul.online-step li dl dd strong{display:block;padding-bottom:25px;font-weight:700;text-align:center;font-size:16px} ul.online-step.type2 li{width:355px;padding-left:40px;background-position:15px 125px} ul.online-step.type2 li+li+li{width:170px} ul.online-step.type2 li dl dd{height:195px} ul.online-step.type2 li dl dd p{float:left;width:46%} ul.online-step.type2 li dl dd p strong{letter-spacing:-2px} ul.online-step.type2 li dl dd p+p{padding-left:10px;margin-left:14px;border-left:1px solid #e0e1e3} ul.online-step li:first-child{padding-left:0} /* 나의퇴직연금 */ .invest-rate{width:510px;height:36px} .invest-rate .graph{float:left;width:228px;height:36px;position:relative} .invest-rate .graph span.bar{position:absolute;top:-2px;left:0;display:block;width:100%;height:8px;border:1px solid #fff;background-color:#e0e1e3} .invest-rate .graph span.graph{position:absolute;top:-2px;left:0;display:block;height:8px;border:1px solid #fff;background:url(/images/pension/bg_graph.gif) repeat-x} .invest-rate .graph span.point{position:absolute;top:-3px;width:15px;height:16px;margin-left:2px;background:url(/images/pension/bg_point.gif) no-repeat;text-indent:-9999px} .invest-rate .graph p.base{position:absolute;bottom:0;left:0;width:228px} .invest-rate .graph p.base em{color:#000;font-size:14px} .invest-rate .graph p.base em.start{float:left} .invest-rate .graph p.base em.end{float:right} .invest-rate .btn{float:right} .invest-rate .btn input[type=text]{width:24px;text-align:right} a.btn-contents{display:block;padding:23px 30px 28px 30px;border-right:1px solid #9da0a8;border-bottom:1px solid #9da0a8;background-color:#fafbfc} a.btn-contents dl{padding-left:120px;background-repeat:no-repeat;background-position:left center} a.btn-contents dl.online{background-image:url(/images/pension/bg_class.png)} a.btn-contents dl.retire{background-image:url(/images/pension/bg_class2.png)} a.btn-contents dt{margin-bottom:12px;color:#2768c3;font-size:18px;font-weight:700} a.btn-contents dd{margin-top:6px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 11px;color:#000} a.btn-contents:hover{border-color:#184282;background-color:#2768c3;text-decoration:none} a.btn-contents:hover dt, a.btn-contents:hover dd, a.btn-contents:hover dd em{color:#fff} a.btn-contents:hover dd{background-image:url(/images/common/ico/bu_desc2.gif)} span.fnt_skyblue {font-size:14px; color:#4f78b2;} .status-graph{float:left;width:477px;height:24px;padding:1px;background:url(/images/pension/bg_status.gif) no-repeat;} .status-graph em{display:block;height:22px;background-color:#95bdf4;color:#000;text-indent:487px} .status_count{float:left;margin-left:10px;} ul.step-type.pop li{padding:0 20px 0 10px; background-position:right 62px; font-size:14px} ul.step-type.pop li span{width:116px;height:86px} .pension-calendar{position:relative} .pension-calendar p{height:48px;margin-bottom:20px;border:1px solid #575966;background-color:#636d7b;text-align:center;color:#fff;font-size:22px;line-height:48px} .pension-calendar table.calendar{width:100%} .pension-calendar table.calendar th, .pension-calendar table.calendar td{width:14.28%;vertical-align:top;font-weight:normal} .pension-calendar table.calendar th:first-child, .pension-calendar table.calendar td:first-child, .pension-calendar table.calendar th:last-child, .pension-calendar table.calendar td:last-child, .pension-calendar table.calendar th.last, .pension-calendar table.calendar td.last {color:#2768c3} .pension-calendar table.calendar thead th{height:34px;line-height:34px} .pension-calendar table.calendar tbody td{height:144px;padding:8px;text-align:right;border-top-width:0;border-left-width:0;border-bottom:1px solid #e0e1e3;border-right:1px solid #e0e1e3} .pension-calendar table.calendar tbody td:first-child{border-left:1px solid #e0e1e3} .pension-calendar table.calendar tbody tr:first-child td{border-top:1px solid #e0e1e3} .pension-calendar table.calendar tbody td.today{color:#ac0069} .pension-calendar table.calendar tbody td.today small{color:#ac0069} .pension-calendar table.calendar tbody td.blank{background-color:#fafbfc} .pension-calendar ul{text-align:left} .pension-calendar li{margin-top:5px;padding-left:8px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 9px;font-size:14px} .pension-calendar span.btn-list a.prev, .pension-calendar span.btn-list a.next{position:absolute;top:0;width:auto;height:48px;padding:0 20px;border:1px solid #575966;background-color:#636d7b;background-image:url(/images/common/ico/bu_list5.gif);background-repeat:no-repeat;color:#fff;line-height:48px;text-indent:0} .pension-calendar span.btn-list a.prev:hover, .pension-calendar span.btn-list a.next:hover{border:1px solid #1d4e92;background-color:#2768c3;text-decoration:none} .pension-calendar span.btn-list a.prev{left:0;padding-left:36px;background-position:left 0} .pension-calendar span.btn-list a.next{right:0;padding-right:36px;background-position:right -48px} .pension-calendar .details{height:526px;border:1px solid #e0e1e3} .pension-calendar .details dl{float:left;width:169px;height:526px;border-right:1px solid #e0e1e3;overflow-y:auto;overflow-x:hidden} .pension-calendar .details dt, .pension-calendar .details dd{border-top:1px solid #e0e1e3} .pension-calendar .details dt:first-child{border-top-width:0} .pension-calendar .details dt{height:56px;padding-left:20px;line-height:56px;font-weight:700} .pension-calendar .details dd{padding:10px 20px 20px;background-color:#fafbfc} .pension-calendar .details dd li{margin-top:3px;padding:0;background:none;font-size:16px} .pension-calendar .details dd li a{color:#000} .pension-calendar .details dd li.on a, .pension-calendar .details dd li a:hover{color:#2768c3} .pension-calendar .details .contents{float:left;width:708px;height:446px;padding:40px;overflow-y:auto;overflow-x:hidden} .pension-calendar .details .contents h3{margin-top:0 !important} /* 퇴직연금 > 나의 퇴직연금 (기업고객/개인고객) > HOME */ table.tbl-type.homeTable.rows tbody th{padding-left:3px; padding-right:3px; text-align:center;} table.tbl-type.homeTable tbody td.r{padding-right:5px;} /**************************************************************************************** 통합검색 ******************************************************************************************/ .container-search #container{width:960px;margin:0 auto;background:url(/images/common/bg_line.gif) repeat-y} .container-search #local-nav{float:left;width:160px;margin-top:20px} .container-search #local-nav li{height:50px;padding-left:20px;line-height:50px} .container-search #local-nav li a{color:#000} .container-search #local-nav li.on{background:#2768c3 url(/images/common/ico/bu_go6.gif) no-repeat 132px 20px} .container-search #local-nav li.on a{color:#fff} .container-search #contents{float:right;width:770px;margin:0;padding:28px 0 60px 30px} .container-search #contents h2.finance+.board-paging{border-top:4px solid #686970;padding:10px 0;margin:0} .container-search #contents h2.finance+.board-paging+.btn-more a.go{margin-top:-57px} /*2014.10.27 bluewebd MOD .container-search #contents p.no-list{clear:both;border-top:4px solid #2768c3;text-align:center}*/ .container-search #contents p.no-list{clear:both; text-align:center} .container-search #contents p.no-list b{display:block;margin:54px 0 51px;font-size:18px;font-weight:700} .container-search #contents p.no-list b em{font-weight:700} .container-search #footer dl.related-menu{display:none} .container-search .btn-area a.more{display:inline-block;width:478px;height:35px;margin:0 auto;text-align:center;border:1px solid #a0a3aa;background-color:#fafbfc;color:#000;line-height:35px} .container-search .btn-area a.more span{padding-right:19px;background:url(/images/common/ico/bu_updown2.gif) no-repeat right -41px} .container-search .btn-area a.more:hover{border-color:#575966;background-color:#636d7b;color:#fff;text-decoration:none} .container-search .btn-area a.more:hover span{background-image:url(/images/common/ico/bu_updown4.gif)} .search-top{height:116px;margin-top:20px;background-color:#606270} .search-top .ranking{display:inline-block;width:160px;vertical-align:top;margin-right:30px;position:relative} .search-top .ranking a{display:inline-block;margin:40px 0 0 10px} .search-top .ranking ul{width:160px;height:36px;background-color:#444550;overflow:hidden;position:absolute;top:0;left:0} .search-top .ranking li{height:36px;padding:0 10px;background-color:#444550;color:#fff;line-height:36px} .search-top .ranking li p{float:left} .search-top .ranking li p a{display:inline;margin:0;color:#fff} .search-top .ranking li p a:hover{text-decoration:none} .search-top .ranking li p em{display:inline-block;width:16px;height:16px;margin-bottom:1px;vertical-align:middle;text-align:center;background-color:#fff;color:#000;font-size:12px;line-height:16px} .search-top .ranking li span{float:right;color:#fff !important} .search-top .ranking li span.up{background:url(/images/common/ico/bu_up3.gif) no-repeat 0 16px} .search-top .ranking li span.down{background:url(/images/common/ico/bu_down3.gif) no-repeat 0 17px} .search-top fieldset{width:960px;padding-top:40px;margin:0 auto;font-size:14px;position:relative;z-index:11} .search-top input[type=text]{width:328px;margin-right:-5px} .search-top label{color:#fff;margin-left:15px} .search-top .list{position:absolute;top:75px;left:193px;width:348px;height:150px;border:1px solid #686970;background-color:#fff;overflow-y:auto;overflow-x:hidden} body.msie7 .search-top .list{top:76px;left:190px} body.msie8 .search-top .list, body.chrome .search-top .list{left:194px} .search-top .list li{height:30px;padding:0 10px;border-width:0;text-align:left;font-size:14px;line-height:30px} .search-top .list li a{color:#000;text-decoration:none} .search-top .list li:hover{background-color:#eef4fc} .search-top .list li:hover a{color:#2768c3;font-weight:700} .search-top .list li:hover a strong{font-weight:700} dl.search-word{padding:20px 0;border-top:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3} dl.search-word:after{content:'';display:block;clear:both} body.msie7 dl.search-word{zoom:1} dl.search-word dt{float:left;padding:4px 10px;color:#2768c3;text-align:center;font-size:12px;background-color:#f5f6f7} dl.search-word dd{margin-left:96px} dl.search-word dd a{display:block;float:left;margin-right:15px;font-size:14px;color:#000} body.msie7 dl.search-word dd a{display:inline;float:none} .search-result{border-top:4px solid #2768c3;border-bottom:1px solid #686970;zoom:1} .search-result dl.search-word{border-top-width:0;border-bottom-color:#686970} .search-result:after{content:'';display:block;clear:both} .search-result>div{float:left} .search-result .stocks{width:306px;padding-top:25px} .search-result .news{width:255px;margin-left:20px} .search-result .items{width:148px;height:330px;margin-left:20px;padding:0 10px;border-left:1px solid #e0e1e3;background-color:#fafbfc} .search-result .hgroup h2+.btn-area{margin-top:5px} .search-result h2{font-size:20px !important} .search-result h2 em{display:block;font-size:14px !important;font-weight:normal;color:#000} .search-result h2 em b{font-size:20px !important;font-weight:700} .search-result h2 em span.up{padding-left:13px;background-position:0 6px} .search-result h2 em.up, .search-result h2 em.up span.up{color:#d60031} .search-result h2 em.down, .search-result h2 em.down span.down{color:#0039b5} .search-result h3{margin-top:38px !important;padding-left:0 !important;background:none !important;font-size:16px !important;font-weight:normal} .search-result ul.news-list{padding:5px 0 4px;border-top:2px solid #686970} .search-result ul.news-list li{height:28px;font-size:14px;line-height:28px} body.msie7 .search-result ul.news-list li{margin-bottom:-4px} .search-result ul.news-list li a{display:block;float:left;width:170px;height:28px;color:#000;overflow:hidden} .search-result ul.news-list li a:hover{text-decoration:underline} .search-result ul.news-list li em{float:right;color:#000} .search-result ul.items-list{padding:10px 0 13px 10px;border-top:1px solid #a0a3aa} .search-result ul.items-list li{height:28px;font-size:14px;line-height:28px} .search-result ul.items-list li a.up, .search-result ul.items-list li a.down, .search-result ul.items-list li a.up2, .search-result ul.items-list li a.down2, .search-result ul.items-list li a.noChange{padding-left:20px;color:#000 !important} .search-result ul.items-list li a.up{background:url(/images/common/ico/bu_up.png) no-repeat left 5px} .search-result ul.items-list li a.down{background:url(/images/common/ico/bu_down.png) no-repeat left 6px} .search-result ul.items-list li a.up2{background:url(/images/common/ico/bu_up2.gif) no-repeat left 5px} .search-result ul.items-list li a.down2{background:url(/images/common/ico/bu_down2.gif) no-repeat left 6px} .search-result ul.items-list li a.noChange{background:url(/images/common/ico/bu_noChange.gif) no-repeat 2px 10px} .search-result ul.tab-list{height:32px;margin:4px 0 10px} .search-result ul.tab-list li{float:left} .search-result ul.tab-list li a{display:block;width:60px;height:30px;border:1px solid #a0a3aa;border-right-width:0;text-align:center;color:#000;font-size:14px;line-height:30px} .search-result ul.tab-list li:last-child a, .search-result ul.tab-list li.last a {border-right:1px solid #a0a3aa} .search-result ul.tab-list li.on a{border-color:#686970;background-color:#686970;color:#fff} .search-result ul.tab-list li.on+li a{border-left-color:#686970} .search-result ul.tab-list li a:hover{text-decoration:none} .search-result table.tbl-type2{margin-top:6px;border-top-width:2px} .search-result table.tbl-type2 th, .search-result table.tbl-type2 td{height:22px;padding:0;font-size:14px;line-height:22px} .search-result table.tbl-type2 th{padding-left:10px;background-color:#fff} .search-result table.tbl-type2 td{padding-right:10px;border-left-width:0;text-align:right} .search-result .btn-area{min-height:36px;padding-top:0} .search-result .btn-area a.btn3{width:125px;height:28px;margin-bottom:1px;padding:0;line-height:28px} ul.result-list{border-top:4px solid #686970;border-bottom:1px solid #686970} ul.result-list li:after{content:'';display:block;clear:both} body.msie7 ul.result-list li{zoom:1} ul.result-list li{border-top:1px solid #b8bcc5;padding:20px} ul.result-list li:first-child{border-top:none} ul.result-list li a{color:#000} ul.result-list li a:hover{text-decoration:underline} ul.result-list li dl dt .date{padding-right:20px} ul.result-list li dl dd{margin:5px 0 15px;font-size:14px} ul.result-list li dl dd.path{margin:0;color:#71727b} ul.result-list li dl dd.path a.fnt_silv {color:#71727b;} /* 20140924 통합검색 경로 폰트 수정 진수 */ ul.result-list li div.video{float:left} ul.result-list li div.video img{width:159px;height:89px;border:1px solid #a0a3aa} ul.result-list li div.video+dl{margin-left:180px} /* ul.goods-list{zoom:1} ul.goods-list:after{content:'';display:block;clear:both} ul.goods-list li{float:left;width:151.25px;padding:20px;border:1px solid #a0a3aa;border-top-width:0;border-left-width:0} ul.goods-list li:nth-child(1), ul.goods-list li:nth-child(2), ul.goods-list li:nth-child(3), ul.goods-list li:nth-child(4){border-top:1px solid #a0a3aa} ul.goods-list li:nth-child(4n+1){border-left:1px solid #a0a3aa} ul.goods-list li p.benefit span{display:inline-block;height:19px;vertical-align:middle;margin-right:-3px;font-size:12px;padding:0 5px} ul.goods-list li p.benefit span.type1{background-color:#6c7686;color:#fff} ul.goods-list li p.benefit span.type2{height:17px;border:1px solid #a0a3aa;color:#ac0069} ul.goods-list li p.title{height:68px;margin:4px 0 24px;font-weight:700} ul.goods-list li p.title a{color:#000} ul.goods-list li p.title a:hover{text-decoration:underline} ul.goods-list li p.title small{display:block;color:#000} ul.goods-list li p.title strong{font-weight:700} ul.goods-list li p.rate{text-align:center} ul.goods-list li p.rate small{color:#000} ul.goods-list li p.rate strong, ul.goods-list li p.rate em{font-size:30px;font-weight:700} ul.goods-list li p.rate strong{color:#0039b5} ul.goods-list li p.rate em{color:#d60031} ul.goods-list li span.btn-area{display:block;min-height:36px;padding-top:12px} */ ul.goods-list{border-top:1px solid #a0a3aa;border-left:1px solid #a0a3aa;} .finance .recommend .goods-list, ul.goods-list.recomm {border:0;} /* 2014.10.28 bluewebd 추천상품 관련 수정 */ ul.goods-list:after{content:'';display:block;clear:both} ul.goods-list li{float:left;width:151px;padding:20px;border-right:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa;} /*ul.goods-list li:nth-child(1), ul.goods-list li:nth-child(2), ul.goods-list li:nth-child(3), ul.goods-list li:nth-child(4){border-top:1px solid #a0a3aa} ul.goods-list li:nth-child(4n+1){border-left:1px solid #a0a3aa}*/ ul.goods-list li p.benefit span{display:inline-block;height:19px;vertical-align:middle;margin-right:-3px;font-size:12px;padding:0 5px} ul.goods-list li p.benefit span.type1{background-color:#6c7686;color:#fff} ul.goods-list li p.benefit span.type2{height:17px;border:1px solid #a0a3aa;color:#ac0069} ul.goods-list li p.title{height:68px;margin:4px 0 24px;font-weight:700} ul.goods-list li p.title a{color:#000} ul.goods-list li p.title a:hover{text-decoration:underline} ul.goods-list li p.title small{display:block;color:#000} ul.goods-list li p.title strong{font-weight:700} ul.goods-list li p.rate{text-align:center} ul.goods-list li p.rate small{color:#000} ul.goods-list li p.rate strong, ul.goods-list li p.rate em{font-size:30px;font-weight:700} ul.goods-list li p.rate strong{color:#0039b5} ul.goods-list li p.rate em{color:#d60031} ul.goods-list li span.btn-area{display:block;min-height:36px;padding-top:12px} /* 리서치탐색기 */ .research-box{display:table;border:1px solid #e0e1e3} .research-box .row{display:table-row} .research-box .row>div{display:table-cell;padding:0 20px 20px} /* 2014.09.29 bluewebd size MOD .research-box .sidebar{width:199px}*/ .research-box .sidebar{width:179px} .research-box .sidebar a{color:#000} .research-box .sidebar dl{padding-top:10px} .research-box .sidebar dt{padding-left:24px;background:url(/images/common/ico/ic_forder.gif) no-repeat left 3px} .research-box .sidebar dd ul{margin-top:5px} .research-box .sidebar dd ul li{padding-left:57px;line-height:25px;background:url(/images/common/ico/ic_subf.gif) no-repeat 24px 6px;font-size:14px} .research-box .sidebar dd ul li img{vertical-align:middle;padding-left:5px} /* 2014.09.29 bluewebd size MOD .research-box .contents{width:568px;border-left:1px solid #e0e1e3}*/ .research-box .contents{width:588px;border-left:1px solid #e0e1e3} .research-box .contents input[type=text]{width:224px;margin:0 -4px 0 -3px} /* 2014.08.28 bluewebd 파이어폭스 화면 UI 맞춤 */ body.firefox .research-box .contents .search.rscrhBox input[type=text]{width:224px; height:36px; line-height:32px; padding-bottom:0; margin:0;} .research-box .contents h2{padding-left:24px !important;background:url(/images/common/ico/ic_forder.gif) no-repeat left 8px !important} .research-box .contents .board-paging{height:auto;margin-bottom:10px;padding:15px 20px 38px;background-color:#eef4fc} .research-box .contents .board-paging p{padding:0;background:none;font-size:14px;font-weight:normal;letter-spacing:0;line-height:normal} .research-box .contents .board-paging p em, .research-box .contents .board-paging p strong{font-weight:normal} body.msie7 .research-box .row{zoom:1} body.msie7 .research-box .row:after{content:'';display:block;clear:both} body.msie7 .research-box .row>div{float:left} body.msie7 .research-box .sidebar{width:199px} body.msie7 .research-box .contents{width:488px} /* 2014.09.29 bluewebd size MOD ADD*/ #rsrchContents table.tbl-type.board tbody th, #rsrchContents table.tbl-type.board tbody td {font-size:14px;} #rsrchContents table.tbl-type.board tbody td.l {padding-right:0;} /**************************************************************************************** 오픈API ******************************************************************************************/ #share{width:530px;padding:10px} #share h1{font-size:26px;margin-bottom:8px} #share h3{margin-top:34px;margin-bottom:9px;padding:0 0 1px 23px;background:url(/images/common/ico/bu_h3.png) no-repeat 0 6px;font-size:18px} #share h4{margin-bottom:9px;font-size:14px} #share .hgroup h4+small.unit{margin-top:4px} #share .tbl-comment{font-size:12px;background-position:0 2px} #share .desc{font-size:14px} #share .desc li{background-position:0 9px} #share table.tbl-type, #share table.tbl-type2{border-top-width:2px} #share table.tbl-type th, #share table.tbl-type td, #share table.tbl-type2 th, #share table.tbl-type2 td{padding:8px 10px 9px} #share th{font-size:12px} #share td{font-size:11px} #share td ul.desc{margin:0} #share td ul.desc li{margin:0;padding-left:6px;background:url(/images/common/ico/bu_desc10.gif) no-repeat 0 8px;font-size:11px} #share .recommend{margin:-4px} #share .recommend ul.goods-list li{float:left;width:241px;margin:4px 0 0 0;padding:10px;background-repeat:no-repeat;background-position:right bottom} #share .recommend ul.goods-list li small em{font-size:12px} #share .recommend ul.goods-list li p a{font-size:14px} #share .recommend ul.goods-list li p b{margin-bottom:9px;font-size:16px} #share .recommend ul.goods-list li a.btn2{margin-right:-1px} #share .recommend ul.goods-list li span.pin{height:30px;font-size:12px;line-height:30px} #share .recommend ul.goods-list li:nth-child(odd){margin-right:4px} #share .recommend ul.goods-list li:nth-child(1){background-image:url(/images/share/bg_recomm.gif)} #share .recommend ul.goods-list li:nth-child(2){background-image:url(/images/share/bg_recomm2.gif)} #share .recommend ul.goods-list li:nth-child(3){background-image:url(/images/share/bg_recomm3.gif)} #share .recommend ul.goods-list li:nth-child(3) p b{margin-bottom:27px} #share .recommend ul.goods-list li:nth-child(4){background-image:url(/images/share/bg_recomm4.gif)} #share .recommend ul.goods-list li:nth-child(5){background-image:url(/images/share/bg_recomm5.gif)} #share .recommend ul.goods-list li:nth-child(6){background-image:url(/images/share/bg_recomm6.gif)} #share .recommend ul.goods-list li:nth-child(6) p b{margin-bottom:29px} #share .recommend ul.goods-list li:nth-child(7){background-image:url(/images/share/bg_recomm7.gif)} #share .recommend ul.goods-list li:nth-child(8){background-image:url(/images/share/bg_recomm8.gif)} #share .recommend ul.goods-list li:nth-child(8) p b{margin-bottom:52px} #share .recommend ul.goods-list li:nth-child(9){background-image:url(/images/share/bg_recomm9.gif)} #share .recommend ul.goods-list li:nth-child(9) p b{margin-bottom:12px} #share .recommend ul.goods-list li:nth-child(10){background-image:url(/images/share/bg_recomm10.gif)} #share .recommend ul.goods-list li:nth-child(11){background-image:url(/images/share/bg_recomm11.gif)} #share .recommend ul.goods-list li:nth-child(12){background-image:url(/images/share/bg_recomm12.gif)} #share .recommend ul.goods-list li:nth-child(12) p b{margin-bottom:15px} #share .recommend ul.goods-list li.nth_odd{margin-right:4px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_1{background-image:url(/images/share/bg_recomm.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_2{background-image:url(/images/share/bg_recomm2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_3{background-image:url(/images/share/bg_recomm3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_3 p b{margin-bottom:27px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_4{background-image:url(/images/share/bg_recomm4.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_5{background-image:url(/images/share/bg_recomm5.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_6{background-image:url(/images/share/bg_recomm6.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_6 p b{margin-bottom:29px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_7{background-image:url(/images/share/bg_recomm7.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_8{background-image:url(/images/share/bg_recomm8.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_8 p b{margin-bottom:52px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_9{background-image:url(/images/share/bg_recomm9.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_9 p b{margin-bottom:12px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_10{background-image:url(/images/share/bg_recomm10.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_11{background-image:url(/images/share/bg_recomm11.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_12{background-image:url(/images/share/bg_recomm12.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .recommend ul.goods-list li.nth_12 p b{margin-bottom:15px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share .contents-box{padding:10px 10px 30px} #share .contents-box h2{margin:0 0 8px;padding:0;background:none;color:#2768c3;font-size:14px} #share .contents-box.wrap .fr td p{height:62px} #share .counsel p.desc{margin-top:10px} #share .counsel p.message3{padding:20px;text-align:left;zoom:1} #share .counsel p.message3:after{content:'';display:block;clear:both} #share .counsel p.message3 span{display:block;float:left;font-size:20px;font-weight:700} #share .counsel p.message3 span small{margin:0;font-size:13px;font-weight:normal} #share .counsel p.message3 em{display:block;float:right;padding-right:38px;background:url(/images/share/bg_counsel.gif) no-repeat right 12px;font-size:34px;font-weight:700} #share .counsel ul{height:163px;margin-top:6px;padding:20px 0;border:1px solid #a0a3aa} #share .counsel li{float:left;width:223px;height:163px;padding:0 20px;border-left:1px solid #e0e1e3} #share .counsel li:first-child{border-left-width:0} #share .counsel li em{font-size:13px} #share .counsel li strong{display:block;margin:-4px 0 -1px;font-size:18px;font-weight:700} #share .counsel li small{display:block;margin-bottom:8px;color:#000} #share .counsel li a.btn3{width:174px;height:44px;margin-top:1px;font-weight:700;line-height:44px} #share .counsel li a.btn3.pop{background-position:right -534px} #share .counsel li a.btn3.go{background-position:right -1px} #share .fund-details-top{padding:10px} #share .fund-details-top .hgroup h2{font-size:18px} #share .fund-details-top .details-box{padding-top:10px;padding-bottom:10px} #share .fund-details-top .details-box .fl{width:189px} #share .fund-details-top .details-box .fr{width:258px;padding-left:20px;border-left:1px solid #e0e1e3} #share .fund-details-top .details-box dl.price dt, #share .fund-details-top .details-box dl.rate dt{font-size:14px} #share .fund-details-top .details-box dl.price{margin-bottom:15px} #share .fund-details-top .details-box dl.price dd{font-size:16px} #share .fund-details-top .details-box dl.rate dd li{width:129px;height:auto;margin-top:5px;padding:0;background:none;font-size:12px} #share .fund-details-top .details-box dl.rate dd li strong, #share .fund-details-top .details-box dl.rate dd li em{float:right;margin:-1px 20px 0 0;font-size:16px} #share .fund-details-top .details-box dl.rate dd li span{display:inline-block;height:18px;padding:0 5px;border-radius:2px;-webkit-border-radius:2px;background-color:#8cb2e8;color:#fff;line-height:18px} #share .fund-details-top .details-box dl.grade dt{margin-top:-2px} #share .fund-details-top .details-box2 td a.pdf2{padding-bottom:3px;background-position:right 0;font-size:11px} body.chrome #share .fund-details-top .details-box2 td a.pdf2{padding-top:2px;padding-bottom:2px} #share .fund-details-top .details-box.bond .fl{width:203px} #share .fund-details-top .details-box.bond .fr{width:233px} #share .fund-details-top .details-box.bond li{clear:both;padding:7px 0} #share .fund-details-top .details-box.bond dt, #share .fund-details-top .details-box.bond dd{float:left} #share .fund-details-top .details-box.bond dt{width:83px;font-size:14px} #share .fund-details-top .details-box.bond dd{margin-top:-5px;font-size:20px;font-weight:700} #share .fund-details-top .details-box.bond dd em, #share .fund-details-top .details-box.bond dd strong{font-weight:700} #share .column-2.wrap .fl table.row-1 th, #share .column-2.wrap .fl table.row-1 td{height:192px} #share .column-2.wrap .fl table.row-2 th, #share .column-2.wrap .fl table.row-2 td{height:87px} #share .column-2.wrap .fl table.row-3 th, #share .column-2.wrap .fl table.row-3 td{height:52px} #share .column-2.wrap .fl table.row-4 th, #share .column-2.wrap .fl table.row-4 td{height:34px} #share .column-2.wrap .fl table.row-5 th, #share .column-2.wrap .fl table.row-5 td{height:24px} #share .column-2.wrap .fl table.row-6 th, #share .column-2.wrap .fl table.row-6 td{height:17px} #share .column-2.wrap .fr th.m{height:87px} #share ul.mall-list{border-bottom:1px solid #a0a3aa;border-left:1px solid #a0a3aa;zoom:1} #share ul.mall-list:after{content:'';display:block;clear:both} #share ul.mall-list li{float:left;width:223px;padding:20px;border-top:1px solid #a0a3aa;border-right:1px solid #a0a3aa;background-repeat:no-repeat;background-position:center 92px;position:relative} #share ul.mall-list li strong{display:block;margin-bottom:5px;font-size:13px} #share ul.mall-list li b{display:block;font-size:15px;line-height:1.25;letter-spacing:-1.5px} #share ul.mall-list li b em{font-weight:700} #share ul.mall-list li small{display:block;margin-top:6px;color:#000;font-size:12px} #share ul.mall-list li span.btn-area{position:absolute;bottom:20px;right:30px;display:block;min-height:32px;padding-top:0} #share ul.mall-list li span.btn-area a.btn3, #share ul.mall-list li span.btn-area a.btn4{width:64px;height:30px;text-align:left;font-size:12px;line-height:30px} #share ul.mall-list li span.btn-area a.btn3.go{margin-bottom:1px;background-position:right -619px} #share ul.mall-list li span.btn-area a.btn4.go{margin:0 -4px 1px 0;background-position:right -261px} #share ul.mall-list li:nth-child(1), #share ul.mall-list li:nth-child(2){height:210px} #share ul.mall-list li:nth-child(3), #share ul.mall-list li:nth-child(4){height:243px} #share ul.mall-list li:nth-child(4) span.btn-area{bottom:53px} #share ul.mall-list li:nth-child(5), #share ul.mall-list li:nth-child(6){height:210px} #share ul.mall-list li:nth-child(7), #share ul.mall-list li:nth-child(8){height:270px} #share ul.mall-list li:nth-child(1){background-image:url(/images/share/bg_mall.gif)} #share ul.mall-list li:nth-child(2){background-image:url(/images/share/bg_mall2.gif)} #share ul.mall-list li:nth-child(3){background-image:url(/images/share/bg_mall3.gif)} #share ul.mall-list li:nth-child(4){background-image:url(/images/share/bg_mall4.gif)} #share ul.mall-list li:nth-child(5){background-image:url(/images/share/bg_mall5.gif)} #share ul.mall-list li:nth-child(6){background-image:url(/images/share/bg_mall6.gif)} #share ul.mall-list li:nth-child(7){background-image:url(/images/share/bg_mall7.gif);background-position:center 144px} #share ul.mall-list li.nth_1, #share ul.mall-list li.nth_2{height:210px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_3, #share ul.mall-list li.nth_4{height:243px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_4 span.btn-area{bottom:53px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_5, #share ul.mall-list li.nth_6{height:210px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_7, #share ul.mall-list li.nth_8{height:270px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_1{background-image:url(/images/share/bg_mall.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_2{background-image:url(/images/share/bg_mall2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_3{background-image:url(/images/share/bg_mall3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_4{background-image:url(/images/share/bg_mall4.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_5{background-image:url(/images/share/bg_mall5.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_6{background-image:url(/images/share/bg_mall6.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.nth_7{background-image:url(/images/share/bg_mall7.gif);background-position:center 144px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share ul.mall-list li.blank{background-color:#fafbfc} #share ul.transfer-step li a.step{padding-left:20px;font-size:14px} #share .step-details{width:508px;margin:-10px;padding:10px} #share table.calculator th, #share table.calculator td{height:auto;vertical-align:top} #share table.calculator th{width:120px;padding-left:10px} #share table.calculator th b{padding-left:26px;font-size:14px;background-position:0 center} #share table.calculator td{width:80px;padding:30px 0 0 0} #share table.calculator td .notice{display:block;margin:0;font-size:12px} #share table.calculator td.graph{width:296px} #share table.calculator div.graph{width:286px;height:30px;margin-top:-7px} #share table.calculator div.graph span.graph{top:15px;height:15px} #share table.calculator div.graph span.point{top:13px;width:19px;height:19px;background:url(/images/share/bg_point.png) no-repeat} #share table.calculator input[type=text]{height:26px;width:46px;padding:0 5px 0 0;font-size:18px;line-height:26px} #share table.calculator a.btn3{height:26px;margin-right:-2px;line-height:26px} #share table.calculator tr.age div.graph{background-image:url(/images/share/bg_graph_bar.gif)} #share table.calculator tr.age2 div.graph{background-image:url(/images/share/bg_graph_bar2.gif)} #share table.calculator tr.rate div.graph{background-image:url(/images/share/bg_graph_bar3.gif)} #share table.calculator tr:nth-child(1) th b{background-image:url(/images/share/bg_num1.gif)} #share table.calculator tr:nth-child(2) th b{background-image:url(/images/share/bg_num2.gif)} #share table.calculator tr:nth-child(3) th b{background-image:url(/images/share/bg_num3.gif)} #share table.calculator tr:nth-child(4) th b{background-image:url(/images/share/bg_num4.gif)} #share table.calculator tr:nth-child(5) th b{background-image:url(/images/share/bg_num5.gif)} #share table.calculator tr.nth_1 th b{background-image:url(/images/share/bg_num1.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share table.calculator tr.nth_2 th b{background-image:url(/images/share/bg_num2.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share table.calculator tr.nth_3 th b{background-image:url(/images/share/bg_num3.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share table.calculator tr.nth_4 th b{background-image:url(/images/share/bg_num4.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share table.calculator tr.nth_5 th b{background-image:url(/images/share/bg_num5.gif)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #share fieldset.calculator input[type=text]{width:28px;height:26px;font-size:16px;line-height:26px} #share fieldset.calculator input[type=text].s2{width:64px;font-size:12px} #share fieldset.calculator div.contents-box{padding:16px 10px 10px;font-size:16px} #share fieldset.calculator div.contents-box p{margin-top:10px;font-size:12px;background-image:url(none)} #share fieldset.calculator div.contents-box p strong{font-size:16px} #share fieldset.calculator div.contents-box p.type3{font-size:16px} #share fieldset.calculator div.contents-box p.type3 input[type=text]{width:65px} #share fieldset.calculator div.diagram{width:508px;height:244px;margin-bottom:10px;font-size:12px} #share fieldset.calculator div.diagram span.age1, #share fieldset.calculator div.diagram span.age2, #share fieldset.calculator div.diagram span.age3{top:95px} #share fieldset.calculator div.diagram span.age1{left:-7px} #share fieldset.calculator div.diagram span.age2{left:267px} #share fieldset.calculator div.diagram span.age3{right:0} #share fieldset.calculator div.diagram span.price1, #share fieldset.calculator div.diagram span.price2{bottom:5px} #share fieldset.calculator div.diagram span.price1{left:10px} #share fieldset.calculator div.diagram span.price1 input[type=text]{margin-top:0} #share fieldset.calculator div.diagram span.price1 b, #share fieldset.calculator div.diagram span.price1 strong{font-size:16px} #share fieldset.calculator div.diagram span.price1 b{padding-left:26px;background:url(/images/share/bg_plus.gif) no-repeat 0 0} #share fieldset.calculator div.diagram span.price2{font-size:16px} #share fieldset.calculator div.diagram span.price2 input[type=text]{margin:0 5px 0 0} #share fieldset.calculator div.diagram.saving{background:url(/images/share/bg_diagram.gif) no-repeat} #share fieldset.calculator div.diagram.pension{background:url(/images/share/bg_diagram2.gif) no-repeat} #share fieldset.calculator div.diagram.pension span.age2{left:160px} #share fieldset.calculator div.diagram.pension span.price1, #share fieldset.calculator div.diagram.pension span.price2{bottom:15px} #share fieldset.calculator div.diagram.pension span.price2{right:71px} #share fieldset.calculator div.diagram2{width:508px;height:213px;margin-bottom:0;background:url(/images/share/bg_diagram3.gif) no-repeat;font-size:12px} #share fieldset.calculator div.diagram2 .fl{width:169px;padding-top:27px} #share fieldset.calculator div.diagram2 p{width:153px;padding-top:125px} #share fieldset.calculator div.diagram2 p input[type=text]{width:70px} #share fieldset.calculator div.diagram2 strong{font-size:16px} #share fieldset.calculator div.diagram2 .fr{width:189px;padding-top:14px} #share fieldset.calculator div.diagram2 .fr strong+input[type=text]{width:60px} #share span.btn-pension{display:block;margin-top:40px} #share span.btn-pension a.btn3{width:216px;height:42px;padding-top:6px;margin-right:-3px;font-size:12px;line-height:normal} #share span.btn-pension a.btn3.go{background-position:right -610px} #share span.btn-pension a.btn3 em{display:block;font-size:14px} .lay-copy{width:453px;padding:40px;margin-left:-226.5px;border:1px solid #686970;background-color:#fff;position:relative;z-index:1000} .lay-copy.fund {width:700px;padding:40px;margin-left:-390px; margin-top:-225px;} .lay-copy.fund .btn_close {display:inline-block; width:40px; height:40px; position:absolute; top:0; right:0;} .lay-copy a.close5{position:absolute;top:17px;right:11px} .lay-copy h1{font-size:14px !important;padding:0;margin:0;border-bottom-width:0} .lay-copy h1.url{background:url(/images/share/bg_url.gif) no-repeat 65px 6px} .lay-copy h1.html{background:url(/images/share/bg_html.gif) no-repeat 79px 6px} .lay-copy input[type=text]{width:432px} .lay-copy textarea{width:432px;height:220px;padding:10px} /**************************************************************************************** 도움말 ******************************************************************************************/ #popWrap.help{width:960px} #popWrap.help #popHeader h1{float:left;margin-right:30px} #popWrap.help #popHeader ul{float:left;padding-left:21px;background:url(/images/common/ico/bu_bar3.gif) no-repeat 0 22px} #popWrap.help #popHeader li{float:left} #popWrap.help #popHeader li a{display:block;height:50px;padding:0 10px;color:#fff;font-size:14px;line-height:54px} #popWrap.help #popHeader li a:hover{text-decoration:none} #popWrap.help #popHeader li.on a{height:46px;border-bottom:4px solid #8cb2e8} #popWrap.help #popContents h3{color:#2768c3;font-weight:700} #popWrap.help #popContents p.desc{margin-top:34px} #popWrap.help #popContents h2+p.desc, #popWrap.help #popContents h3+p.desc{margin-top:0} #popWrap.help ul.details{padding:18px 40px 23px;border:1px solid #e0e1e3;border-top-width:0;background-color:#fafbfc} #popWrap.help ul.details li{padding:6px 0 6px 30px;background-repeat:no-repeat;background-position:0 8px} #popWrap.help ul.details li:nth-child(1){background-image:url(/images/common/ico/bu_num_s1.png)} #popWrap.help ul.details li:nth-child(2){background-image:url(/images/common/ico/bu_num_s2.png)} #popWrap.help ul.details li:nth-child(3){background-image:url(/images/common/ico/bu_num_s3.png)} #popWrap.help ul.details li:nth-child(4){background-image:url(/images/common/ico/bu_num_s4.png)} #popWrap.help ul.details li:nth-child(5){background-image:url(/images/common/ico/bu_num_s5.png)} #popWrap.help ul.details li:nth-child(6){background-image:url(/images/common/ico/bu_num_s6.png)} #popWrap.help ul.details li:nth-child(7){background-image:url(/images/common/ico/bu_num_s7.png)} #popWrap.help ul.details li:nth-child(8){background-image:url(/images/common/ico/bu_num_s8.png)} #popWrap.help ul.details li:nth-child(9){background-image:url(/images/common/ico/bu_num_s9.png)} #popWrap.help ul.details li:nth-child(10){background-image:url(/images/common/ico/bu_num_s10.png)} #popWrap.help ul.details li.nth_1{background-image:url(/images/common/ico/bu_num_s1.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_2{background-image:url(/images/common/ico/bu_num_s2.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_3{background-image:url(/images/common/ico/bu_num_s3.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_4{background-image:url(/images/common/ico/bu_num_s4.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_5{background-image:url(/images/common/ico/bu_num_s5.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_6{background-image:url(/images/common/ico/bu_num_s6.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_7{background-image:url(/images/common/ico/bu_num_s7.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_8{background-image:url(/images/common/ico/bu_num_s8.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_9{background-image:url(/images/common/ico/bu_num_s9.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details li.nth_10{background-image:url(/images/common/ico/bu_num_s10.png)} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ #popWrap.help ul.details em{position:absolute;top:0;left:0;width:0 !important;height:0 !important;padding:0 !important;margin:0;overflow:hidden;font-size:0 !important;line-height:0 !important} #popWrap.help ul.details img{margin:8px 0 0 -30px} /**************************************************************************************** 사이트맵 ******************************************************************************************/ .sitemap-wrap{position:relative} .sitemap-wrap:after{content:'';display:block;clear:both} body.msie7 .sitemap-wrap{zoom:1} .sitemap-wrap .floating-menu{width:158px;float:left} .sitemap-wrap .floating-menu li{border:1px solid #575966;border-bottom:none;background-color:#636d7b} .sitemap-wrap .floating-menu li.on{border-color:#19427b;background:#2768c3 url(/images/common/ico/bu_go15.png) no-repeat 92% 18px} .sitemap-wrap .floating-menu li.on+li{border-top-color:#19427b} .sitemap-wrap .floating-menu li:last-child.on, .sitemap-wrap .floating-menu li.last.on{border-bottom:1px solid #19427b} .sitemap-wrap .floating-menu li a{display:block;height:52px;padding:0 15px;line-height:52px;color:#fff} .sitemap-wrap .floating-menu li a:hover{text-decoration:none} .sitemap-wrap .category-menu{display:table;border:1px solid #a0a3aa;border-left:none} body.msie7 .sitemap-wrap .category-menu{display:block;float:left;} .sitemap-wrap .category-menu .group{display:table-cell;width:199px;border-left:1px solid #a0a3aa} body.msie7 .sitemap-wrap .category-menu .group{display:block;float:left;height:1800px} .sitemap-wrap .category-menu dl dt.tit{background-color:#e5ebf4} .sitemap-wrap .category-menu dl dt.tit a.clip{padding-left:0;background:none} .sitemap-wrap .category-menu dl dt.tit a.clip strong{display:inline-block;padding-right:15px;background:url(/images/common/ico/bu_clip.png) no-repeat right 13px} .sitemap-wrap .category-menu dl a.clip{padding-left:13px;background:url(/images/common/ico/bu_clip.png) no-repeat 0 14px} .sitemap-wrap .category-menu dl dt a{display:block;height:36px;line-height:34px;text-align:center;border-top:1px solid #e0e1e3} .sitemap-wrap .category-menu dl dt a strong{display:inline-block;font-weight:bold;color:#000} .sitemap-wrap .category-menu dl dd{margin:0 8px;border-top:1px solid #e0e1e3} .sitemap-wrap .category-menu dl dt+dd{border-top:none} .sitemap-wrap .category-menu dl dd a{display:block;padding:10px 0 10px 12px;color:#000;font-size:14px} .sitemap-wrap .category-menu dl dd a:hover{color:#2768C3;text-decoration:none} .sitemap-wrap .category-menu dl dd dl{margin:0 0 6px} .sitemap-wrap .category-menu dl dd dl dt a{margin-bottom:-6px;padding:10px 0 10px 8px;height:auto;border-top:none;line-height:normal;text-align:left;background-color:#fff} .sitemap-wrap .category-menu dl dd dl dd{border:none;margin:0 4px} .sitemap-wrap .category-menu dl dd dl dd a{padding:3px 0 3px 13px;background:url(/images/common/ico/bu_desc.gif) no-repeat 6px 11px} .sitemap-wrap .category-menu dl dd dl dd a.clip{background:url(/images/common/ico/bu_clip.png) no-repeat 0 7px} .sitemap-wrap .category-menu dl dd dl dd dl{margin:0;border-top:none} .sitemap-wrap .category-menu dl dd dl dd dl dt.clip a{background:url(/images/common/ico/bu_clip.png) no-repeat 0 7px} .sitemap-wrap .category-menu dl dd dl dd dl ul{margin-top:7px} .sitemap-wrap .category-menu dl dd dl dd dl ul li a{padding-left:14px;background:url(/images/common/ico/bu_go17.gif) no-repeat 7px 11px} body.msie7 .sitemap-wrap .category-menu dl dd dl dd dl ul li a{background-position:7px 13px} .sitemap-wrap .category-menu dl dd dl dd dl ul li a.clip{background:url(/images/common/ico/bu_clip.png) no-repeat 0 7px} body.msie7 .sitemap-wrap .category-menu dl dd dl dd dl ul li a.clip{background-position:0px 9px} /**************************************************************************************** 공통버튼 ******************************************************************************************/ /* 2014.11.03 bluewebd 여백조정 .btn-top{position:absolute;top:60px;right:69px} */ .btn-top{position:absolute;top:40px;right:0px} .btn-top a.help3, .btn-top a.print, .btn-top a.printSet, .btn-top a.xls, .btn-common a.dic{display:inline-block;height:16px;margin-left:8px;vertical-align:middle;background-image:url(/images/common/btn/bg_icon8.gif);background-repeat:no-repeat;text-indent:-9999px} .btn-top a.help3{width:52px;background-position:0 0} .btn-top a.print{width:41px;background-position:-52px 0} .btn-top a.printSet{width:61px;background-position:-93px 0} .btn-top a.xls{width:39px;background-position:-154px 0} .btn-top .lay-view{margin-top:-4px} .btn-top .lay-view .details.inquiry{top:23px;width:216px} /**************************************************************************************** 페이지 비주얼이미지 ******************************************************************************************/ /*마이팝*/ div.page-desc.express{background-image:url(/images/common/bg_visual_express.gif)} div.page-desc.pb-center{background:url(/images/mypop/bg_pb_center.gif) no-repeat right 40px} /*인터넷뱅킹*/ div.page-desc.investor{background-image:url(/images/common/bg_visual_investor.gif)} div.page-desc.grade{background-image:url(/images/common/bg_visual_grade.gif)} div.page-desc.chg-address{background-image:url(/images/common/bg_visual_chgAddress.gif)} div.page-desc.biz-loan{background-image:url(/images/common/bg_visual_bizLoan.gif)} div.page-desc.biz-loan2{background-image:url(/images/common/bg_visual_bizLoan2.gif)} div.page-desc.biz-loan3{background-image:url(/images/common/bg_visual_bizLoan3.gif)} /*금융상품*/ div.page-desc.fund{background-image:url(/images/common/bg_visual_fund.gif)} div.page-desc.fundcare{background-image:url(/images/common/bg_visual_fundcare.gif)} div.page-desc.fund-goal{background-image:url(/images/common/bg_visual_fundGoal.gif);background-position:right bottom} div.page-desc.fund-portfolio{background-image:url(/images/common/bg_visual_fundPortfolio.gif);border-width:0;border-bottom:1px solid #e0e1e3} div.page-desc.deduction{background-image:url(/images/common/bg_visual_deduction.gif);background-position:right bottom} div.page-desc.infomation{background-image:url(/images/common/bg_visual_infomation.gif);margin-top:55px;} div.page-desc.nestegg{background-image:url(/images/common/bg_visual_nestegg.gif);background-position:right bottom} div.page-desc.bond{background-image:url(/images/common/bg_visual_bond.gif)} div.page-desc.bond-overseas{background-image:url(/images/common/bg_visual_bondOverseas.gif)} div.page-desc.bond-abstb{background-image:url(/images/common/bg_visual_bondAbstb.gif)} div.page-desc.cma{background-image:url(/images/common/bg_visual_cma.gif)} div.page-desc.evaluation{background-image:url(/images/common/bg_visual_evaluation.gif); margin-top:-20px;} div.page-desc.insurance{background-image:url(/images/common/bg_visual_insurance.gif)} div.page-desc.trust{background-image:url(/images/common/bg_visual_trust.gif)} div.page-desc.retirement{background-image:url(/images/common/bg_visual_retirement.gif)} div.page-desc.irp{background-image:url(/images/common/bg_visual_irp.gif)} div.page-desc.goldenegg{background-image:url(/images/common/bg_visual_goldenegg.gif)} div.page-desc.wrap{background-image:url(/images/common/bg_visual_wrap.gif)} div.page-desc.uma{background-image:url(/images/common/bg_visual_uma.gif)} div.page-desc.asset {background:url(/images/common/bg_visual_asset.jpg) no-repeat right 50px; padding:52px 0 10px; border-bottom:0;} div.page-desc.mirroring{background-image:url(/images/common/bg_visual_mirroring.gif)} div.page-desc.saving{background-image:url(/images/common/bg_visual_saving.gif)} div.page-desc.saving-bond{background-image:url(/images/common/bg_visual_savingBond.gif)} div.page-desc.saving-membership{background-image:url(/images/common/bg_visual_savingMembership.gif)} div.page-desc.saving-eft{background-image:url(/images/common/bg_visual_savingEft.gif)} div.page-desc.saving-stock{background-image:url(/images/common/bg_visual_savingStock.gif)} div.page-desc.saving-fund{background-image:url(/images/common/bg_visual_savingFund.gif)} div.page-desc.payment{background-image:url(/images/common/bg_visual_payment.gif)} div.page-desc.market3325{background-image:url(/images/common/bg_visual_market3325.gif)} div.page-desc.coupon_service{background-image:url(/images/common/bg_visual_fundservice.gif)} div.page-desc.market3325 h2{margin-bottom:18px !important} div.page-desc.market3325 h2 em{display:inline-block;margin-top:-9px;vertical-align:middle;font-size:34px} div.page-desc.model{background-image:url(/images/common/bg_visual_modelPortfolio.gif);margin-top:-20px;} div.page-desc.model small{color:#2768c3;} /*투자정보*/ div.page-desc.aic{background-image:url(/images/common/bg_visual_aic.gif)} div.page-desc.stock-star{background-image:url(/images/common/bg_visual_stockStar.gif)} div.page-desc.bookcafe{background-image:url(/images/common/bg_visual_bookcafe.gif)} div.page-desc.audiobook{background-image:url(/images/common/bg_visual_audiobook.gif)} div.page-desc.master{background-image:url(/images/common/bg_visual_master.gif)} div.page-desc.invest-intro{background-image:url(/images/common/bg_visual_investIntro.gif)} div.page-desc.top10{background-image:url(/images/common/bg_visual_top10.gif)} div.page-desc.korea30{background-image:url(/images/common/bg_visual_korea30.gif)} /*20150113 추가*/ /*팝에듀*/ div.page-desc.staff{background-image:url(/images/common/bg_seminar.gif)} div.page-desc.popClass{background-image:url(/images/common/bg_visual_popClass.gif)} div.page-desc.popClass-movie{background-image:url(/images/common/bg_visual_popClassMovie.gif)} div.page-desc.e-class{background-image:url(/images/common/bg_visual_eClass.gif)} div.page-desc.university{background-image:url(/images/common/bg_visual_university.gif)} div.page-desc.faq{background-image:url(/images/common/bg_visual_faq.gif)} div.page-desc.yrclub{background-image:url(/images/common/bg_visual_yrclub.gif)} /*고객센터*/ div.page-desc.counsel{background-image:url(/images/common/bg_visual_counsel.gif)} div.page-desc.smartTablet{background-image:url(/images/common/bg_visual_smartTablet.gif)} div.page-desc.otp{background-image:url(/images/common/bg_visual_otp.gif)} div.page-desc.mobile-trading{background-image:url(/images/common/bg_visual_mobileTrading.gif)} /* 2014.08.22 bluewebd cont IMG add */ div.page-desc.mobile-trading.mPopPb {background-image:url(/images/common/bg_visual_mobileTrading_pb.gif)} div.page-desc.mobile-trading.mPopLife {background-image:url(/images/common/bg_visual_mobileTrading_mpoplife.gif)} div.page-desc.mobile-trading.mPopSCSvc {background-image:url(/images/common/bg_visual_mobileTrading_securityservice.gif)} div.page-desc.mpop{background-image:url(/images/common/bg_visual_mpop.gif)} div.page-desc.mpop.tab2{background-image:url(/images/common/bg_visual_mpop_1-2.gif)} div.page-desc.mpop.tab3{background-image:url(/images/common/bg_visual_mpop_1-1.gif)} div.page-desc.mpop.tab4{background-image:url(/images/common/bg_visual_mpop_1-3.gif)} div.page-desc.mpop2{background-image:url(/images/common/bg_visual_mpop2.gif)} div.page-desc.mypb{background-image:url(/images/common/bg_visual_mypb.gif)} div.page-desc.dwld{background-image:url(/images/common/bg_visual_dwld.gif)} div.page-desc.dwld.type2 a.big{margin-top:0;} div.page-desc.dwld.type2 .desc{margin-bottom:30px;} div.page-desc.giftcard{background-image:url(/images/common/bg_visual_giftcard.gif)} div.page-desc.protection{background-image:url(/images/common/bg_visual_protection.gif)} div.page-desc.security{background-image:url(/images/common/bg_visual_security.gif)} div.page-desc.work-guide{background-image:url(/images/common/bg_visual_workGuide.gif)} div.page-desc.familycenter{background-image:url(/images/common/bg_visual_familycenter.gif)} div.page-desc.healing{background-image:url(/images/common/bg_visual_healing.gif)} div.page-desc.myManager{background-image:url(/images/common/bg_visual_myManager.gif)} div.page-desc.trueCare{background-image:url(/images/common/bg_visual_trueCare.gif)} div.page-desc.incomplete{background-image:url(/images/common/bg_visual_incomplete.gif)} div.page-desc.withdraw{background-image:url(/images/common/bg_visual_withdraw.gif)} div.page-desc.fraud{background-image:url(/images/common/bg_visual_fraud.gif)} div.page-desc.mypb{background-image:url(/images/common/bg_visual_mypb.gif)} div.page-desc.system{background-image:url(/images/common/bg_visual_system.gif)} div.page-desc.etn{background-image:url(/images/common/bg_visual_etn.gif)} /*퇴직연금*/ div.page-desc.whypop{background-image:url(/images/common/bg_visual_whypop.gif)} div.page-desc.whypop2{background-image:url(/images/common/bg_visual_whypop2.gif)} div.page-desc.pension-online{background-image:url(/images/common/bg_visual_pensionOnline.gif)} /*기업뱅킹*/ div.page-desc.corp-transfer{background-image:url(/images/common/bg_visual_corpTransfer.gif)} /*로그인*/ div.page-desc.login-install{background-image:url(/images/common/bg_visual_loginInstall.gif)} /* 고객센터 골프 무료부킹 서비스 안내 */ div.page-desc.golf{background-image:url(/images/common/bg_visual_golf.gif)} div.page-desc.golf .desc{margin-bottom:30px;} div.page-desc.adress_change{background-image:url(/images/common/bg_visual_addresschange.jpg)} /*트레이딩*/ div.page-desc.ETF10{background-image:url(/images/common/bg_visual_etf10.gif)} div.page-desc.reserch{background-image:url(/images/common/bg_visual_reserch.gif)} /* 2014-12-02 공지사항 이벤트 */ .open_event{width:960px;margin:auto;overflow:hidden;} .open_event .open_top{margin-bottom:45px;} .open_event .open_text{display:block;margin-top:45px;margin-bottom:45px;text-align:center;} .open_event .open_text strong{font-size:24px;color:#000;font-weight:bold;} .open_event .open_text strong span{color:#683b9f;} .open_event .open_text p {display:block;margin-top:10px;font-size:15px; font-weight:bold;} .open_event .open_text.type02 strong span{color:#a234a1;} .open_event .open_text.type03 strong span{color:#3178a5;} .open_event .open_text.type04 strong span{color:#647d22;} .open_event .open_text.type05 strong span{color:#ac0069;} .open_event .open_text.type05 span{color:#ac0069;} .open_event .slide_box{position:relative;z-index:10;overflow:hidden;width:916px;padding-bottom:60px;border-bottom:1px dotted #d5d5d5} .open_event .slide_box .slides_container{position:relative;z-index:10;margin-top:48px;width:916px;height:600px;} .open_event .slide_box .slides_container div{position:relative} .open_event .slide_box .prev, .open_event .slide_box .next {position:absolute;top:47%;z-index:100;display:inline-block;background:url(/images/common/event/btn_ctrl.png) no-repeat; width:49px;height:49px} .open_event .slide_box .prev{left:35px; background-position: 0 0;} .open_event .slide_box .next{right:20px; background-position:-151px 0} /* .open_event .slide_box.type02 .pagination li a:hover{background-position:0 -44px;} .open_event .slide_box.type02 .pagination li.current a{background-position:0 -44px;} .open_event .slide_box.type03 .pagination li a:hover{background-position:0 -66px;} .open_event .slide_box.type03 .pagination li.current a{background-position:0 -66px;} .open_event .slide_box.type04 .pagination li a:hover{background-position:0 -88px;} .open_event .slide_box.type04 .pagination li.current a{background-position:0 -88px;} .open_event .slide_box.type04{border-bottom:none;} */ .open_event .slide_box .pagination{position:absolute;left:0;top:0px;width:100%;text-align:center;} .open_event .slide_box .pagination li{display:inline-block;margin-right:4px;} .open_event .slide_box .pagination li a{display:inline-block; text-indent:-9999px; height:18px; background-repeat:no-repeat;} .open_event .slide_box.type01 .pagination li a {width:60px; background-image:url(/images/common/event/btn_slide01.png)} .open_event .slide_box.type01 .pagination li.nth_1 a{background-position:-64px 0;} .open_event .slide_box.type01 .pagination li.nth_2 a{background-position:-128px 0;} .open_event .slide_box.type01 .pagination li.nth_3 a{background-position:-192px 0} .open_event .slide_box.type01 .pagination li.nth_4 a{background-position:-256px 0} .open_event .slide_box.type01 .pagination li.nth_5 a{background-position:-320px 0} .open_event .slide_box.type01 .pagination li.nth_6 a{background-position:-384px 0} .open_event .slide_box.type01 .pagination li.nth_7 a{background-position:-448px 0} .open_event .slide_box.type01 .pagination li a:hover, .open_event .slide_box.type01 .pagination li.current a{background-position:0 0;} .open_event .slide_box.type02 .pagination li a {width:100px; background-image:url(/images/common/event/btn_slide02.png)} .open_event .slide_box.type02 .pagination li.nth_1 a{background-position:-104px 0;} .open_event .slide_box.type02 .pagination li.nth_2 a{background-position:-208px 0;} .open_event .slide_box.type02 .pagination li.nth_3 a{background-position:-312px 0} .open_event .slide_box.type02 .pagination li.nth_4 a{background-position:-416px 0} .open_event .slide_box.type02 .pagination li.nth_5 a{background-position:-520px 0} .open_event .slide_box.type02 .pagination li.nth_6 a{background-position:-624px 0} .open_event .slide_box.type02 .pagination li a:hover, .open_event .slide_box.type02 .pagination li.current a{background-position:0 0;} .open_event .slide_box.type03 .pagination li a {width:70px; background-image:url(/images/common/event/btn_slide03.png)} .open_event .slide_box.type03 .pagination li.nth_1 a{background-position:-74px 0;} .open_event .slide_box.type03 .pagination li.nth_2 a{background-position:-148px 0;} .open_event .slide_box.type03 .pagination li.nth_3 a{background-position:-222px 0} .open_event .slide_box.type03 .pagination li.nth_4 a{background-position:-296px 0} .open_event .slide_box.type03 .pagination li.nth_5 a{background-position:-370px 0} .open_event .slide_box.type03 .pagination li.nth_6 a{background-position:-444px 0} .open_event .slide_box.type03 .pagination li.nth_7 a{background-position:-518px 0} .open_event .slide_box.type03 .pagination li a:hover, .open_event .slide_box.type03 .pagination li.current a{background-position:0 0;} .open_event .slide_box.type04 .pagination li a {width:120px; background-image:url(/images/common/event/btn_slide04.png)} .open_event .slide_box.type04 .pagination li.nth_1 a{background-position:-124px 0;} .open_event .slide_box.type04 .pagination li.nth_2 a{background-position:-248px 0;} .open_event .slide_box.type04 .pagination li.nth_3 a{background-position:-372px 0} .open_event .slide_box.type04 .pagination li.nth_4 a{background-position:-496px 0} .open_event .slide_box.type04 .pagination li.nth_5 a{background-position:-620px 0} .open_event .slide_box.type04 .pagination li a:hover, .open_event .slide_box.type04 .pagination li.current a{background-position:0 0;} .open_event .slide_box.type05 .pagination li a {width:120px; background-image:url(/images/common/event/btn_slide05.png)} .open_event .slide_box.type05 .pagination li.nth_1 a{background-position:-124px 0;} .open_event .slide_box.type05 .pagination li.nth_2 a{background-position:-248px 0;} .open_event .slide_box.type05 .pagination li.nth_3 a{background-position:-372px 0} .open_event .slide_box.type05 .pagination li.nth_4 a{background-position:-496px 0} .open_event .slide_box.type05 .pagination li a:hover, .open_event .slide_box.type05 .pagination li.current a{background-position:0 0;} .open_event .open_bt{margin-top:30px;margin-left:15px;font-size:0;} /*e-학습*/ ul.vod-list{width:50%;margin-bottom:40px;border:1px solid #a0a3aa;border-top-width:0} ul.vod-list li{height:77px;padding:49px 40px 0;border-top:1px solid #a0a3aa;font-weight:700} ul.vod-list li a{color:#000} ul.vod-list li a.btn3{float:right;margin-top:-4px;font-weight:normal} ul.vod-list li em{display:inline-block;width:20px;height:20px;vertical-align:middle;text-align:center;margin-right:10px;border:1px solid #000;color:#000;line-height:20px} ul.vod-list li.on{height:84px;margin:0 -1px -1px;border-top-color:#2768c3;background-color:#2768c3;color:#fff;position:relative;z-index:1} ul.vod-list li.on a{color:#fff} ul.vod-list li.on a.btn3{border-color:#2768c3;color:#000} ul.vod-list li.on em{border-color:#fff;color:#fff} ul.vod-list li.on .details{position:absolute;top:-1px;left:100%;width:397px;height:560px;padding:40px;border:1px solid #a0a3aa;border-left-width:0;color:#000} ul.vod-list li.on .details .play{width:100%} ul.vod-list li.on .details .play img{max-width:100%} ul.vod-list li:nth-child(2).on .details{top:-128px} ul.vod-list li:nth-child(3).on .details{top:-255px} ul.vod-list li:nth-child(4).on .details{top:-382px} ul.vod-list li:nth-child(5).on .details{top:-509px} ul.vod-list li.nth_2.on .details{top:-128px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.vod-list li.nth_3.on .details{top:-255px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.vod-list li.nth_4.on .details{top:-382px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.vod-list li.nth_5.on .details{top:-509px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.vod-list li:last-child.on, ul.vod-list li.last.on{margin-bottom:-1px} body.msie7 ul.vod-list li a.btn3{margin-top:-30px} body.msie7 ul.vod-list li.on .details{height:576px} body.msie7 ul.vod-list li:nth-child(2).on .details{top:-132px} body.msie7 ul.vod-list li:nth-child(3).on .details{top:-263px} body.msie7 ul.vod-list li:nth-child(4).on .details{top:-394px} body.msie7 ul.vod-list li:nth-child(5).on .details{top:-525px} body.msie7 ul.vod-list li.nth_2.on .details{top:-132px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ body.msie7 ul.vod-list li.nth_3.on .details{top:-263px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ body.msie7 ul.vod-list li.nth_4.on .details{top:-394px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ body.msie7 ul.vod-list li.nth_5.on .details{top:-525px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.e-class-btn{height:77px} ul.e-class-btn li{float:left;height:75px;margin-left:3px;border:1px solid #a0a3aa;background-color:#fafbfc;background-image:url(/images/popedu/bg_popedu.png);background-repeat:no-repeat} ul.e-class-btn li:first-child{margin-left:0} ul.e-class-btn li:hover{border-color:#2768c3} ul.e-class-btn li a{display:block;width:316px;height:75px;padding:0 0 0 0;border-width:0;background-color:#fafbfc;color:#2768c3;font-size:18px;font-weight:700;line-height:75px;background:url(/images/common/ico/bu_go24.gif) no-repeat right center} ul.e-class-btn li:nth-child(1){background-position:0 0} ul.e-class-btn li:nth-child(1) a{width:227px;padding-left:89px} ul.e-class-btn li:nth-child(2) a{width:221px;padding-left:95px} ul.e-class-btn li:nth-child(2){background-position:0 -75px} ul.e-class-btn li:nth-child(3) a{width:216px;padding-left:100px} ul.e-class-btn li:nth-child(3){background-position:0 -150px} ul.e-class-btn li.nth_1{background-position:0 0} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.e-class-btn li.nth_1 a{width:227px;padding-left:89px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.e-class-btn li.nth_2 a{width:221px;padding-left:95px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.e-class-btn li.nth_2{background-position:0 -75px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.e-class-btn li.nth_3 a{width:216px;padding-left:100px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.e-class-btn li.nth_3{background-position:0 -150px} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.summary-list.vod li{min-height:135px;padding:30px;zoom:1} ul.summary-list.vod li:after{content:'';display:block;clear:both} ul.summary-list.vod li .checkbox{float:left;margin:60px 20px 0 0} ul.summary-list.vod li span.vod-cover{float:left;display:block;width:178px;height:133px;margin-right:40px;border:1px solid #a0a3aa} ul.summary-list.vod li span.vod-cover img.cover{position:static;width:178px;height:133px;border-width:0} ul.summary-list.vod li span.player{display:block;position:relative} ul.summary-list.vod li span.player a{position:absolute;top:0;left:0;display:block;width:178px;height:133px;text-align:center} ul.summary-list.vod li span.player a img{vertical-align:middle;margin-top:38px} ul.summary-list.vod li span.player em{position:absolute;top:111px;right:-1px;display:block;width:45px;height:23px;text-align:center;background-color:#4f78b2;color:#fff;font-size:14px;line-height:23px} ul.summary-list.vod li .details{float:left;width:670px} ul.summary-list.vod li .details div.btn-area{padding-top:20px} ul.summary-list.vod li .checkbox+span.vod-cover+.details{width:634px} .contents-box2.manager .dept2, .contents-box2.manager .dept3 {padding-left: 10px;} .contents-box2.manager .dept1 {color:#2768c3; font-weight:bold;} .contents-box2.manager .dept2 {background: url(/images/common/ico/bu_desc5.gif) no-repeat 0 10px;} .contents-box2.manager .dept3 {background: url(/images/common/ico/bu_desc.gif) no-repeat 0 8px;} .page-desc.selection_charge {background-image:url(/images/common/bg_visual_customerGuide.gif)} .page-desc.selection_charge .tit {margin-top:20px;} .page-desc.selection_charge .page-desc {margin-bottom:10px;} .page-desc.selection_charge .page-desc li {font-size:14px;} div.page-desc.selection_charge a.big {margin-top:25px;} .img_box.selection_charge {margin-top:-41px; background:#fff;} ul.tab-type.selection_charge {margin:40px 0 0 0;} .charge_desc_area {} .charge_desc_area .charge_desc {display:none} .charge_desc_area .charge_desc.on {display:block;} .charge_desc_area .charge_desc .tit {margin-top:40px; font-weight:bold; color:#2768c3;} .charge_desc_area .charge_desc .sub_desc {margin:10px 0;} .charge_desc_area .charge_desc .tbl-type th {font-weight:bold; text-align:center;} .charge_desc_area .charge_desc .tbl-type td {text-align:left;} .charge_desc_area .charge_desc .desc li {margin-bottom: 3px; padding-left: 16px; font-size:14px; background: url(/images/common/bg_check2.gif) no-repeat 0 8px;} .tbl-type.fund .title span.new {border-color:#ac0069; background-color:#ac0069; height:17px; padding:0 4px; font-size:12px; color:#fff;} /* 2014.12.23 Mypop 추가 */ .tbl-layout.myAccount2 {font-size:14px;} .tbl-scroll.myAccount2 .tbl-type tbody td, .tbl-layout.tfoot.myAccount2 tr td {font-size:14px !important; padding:12px 6px;} .tbl-scroll.myAccount2 .tbl-type tbody td a.btn3{padding:0 8px; font-size:12px;} .tbl-scroll.myAccount2 .tbl-type .i_txt {position:relative;} .tbl-scroll.myAccount2 .tbl-type .i_txt input {width:110px;} .tbl-scroll.myAccount2 .tbl-type .i_txt label {position:absolute; top:12px; left:17px; font-size:12px; color:#686970;} /**************************************************************************************** 2015.03.12 - homepage.css 내용 etc.css로 이동 (IE line 버그현상) ******************************************************************************************/ /*북카페*/ .bookcafe-top>div{float:left;width:50%;height:286px;margin-bottom:40px} .bookcafe-top .fl{background-color:#636d7b;color:#fff;position:relative} .bookcafe-top .fl h2{height:46px;margin:0 0 0 30px !important;padding:14px 0 0 35px;background:url(/images/common/ico/ic_new2.png) no-repeat;color:#fff} .bookcafe-top .fl img.cover{position:absolute;top:60px;left:30px;width:132px;height:194px;border:1px solid #8b94a1} .bookcafe-top .fl dl{margin:4px 30px 0 182px;font-size:14px} .bookcafe-top .fl dt{font-size:18px} .bookcafe-top .fl dt a{color:#fff} .bookcafe-top .fl dt small{display:block;margin-top:4px;color:#fff} .bookcafe-top .fl dd{margin-top:24px} .bookcafe-top .fr{background-color:#edf0f6;font-size:14px;position:relative} .bookcafe-top .fr ul{margin:60px 30px 15px;zoom:1} .bookcafe-top .fr ul:after{content:'';display:block;clear:both} .bookcafe-top .fr li{float:left;width:45%;margin-bottom:15px;padding-right:5%} .bookcafe-top .fr li img.cover{float:left;width:60px;height:88px;margin-right:20px;border:1px solid #a3a6ad} .bookcafe-top .fr li a{color:#000} .bookcafe-top .fr li small{display:inline;color:#4f78b2} .bookcafe-top .fr a.go{position:absolute;top:20px;right:30px} .column-2.bookcafe{margin-bottom:40px} .column-2.bookcafe>div{position:relative} .column-2.bookcafe>div h2{font-size:18px !important;margin-top:0 !important;margin-bottom:12px;padding:0 0 1px 23px;background:url(/images/common/ico/bu_h3.png) no-repeat 0 2px} .column-2.bookcafe>div a.go{position:absolute;top:-3px;font-size:14px} .column-2.bookcafe div.fl a.go{right:30px} .column-2.bookcafe div.fr{width:48% !important;border-left:1px solid #e0e1e3} .column-2.bookcafe div.fr h2, .column-2.bookcafe div.fr .book-seminar{margin-left:30px} .column-2.bookcafe div.fr a.go{right:0} ul.audio-list{zoom:1} ul.audio-list:after{content:'';display:block;clear:both} ul.audio-list li{float:left;width:45%;padding-right:5%} ul.audio-list li img.cover{float:left;width:78px;height:115px;margin-right:20px;border:1px solid #e2e3e4} ul.audio-list li a{color:#000} ul.audio-list li small{display:inline;color:#4f78b2} .book-seminar{padding-left:112px;position:relative;zoom:1} .book-seminar:after{content:'';display:block;clear:both} .book-seminar img.cover{position:absolute;top:0;left:0;width:92px;height:117px} .book-seminar p{margin:4px 0 13px;font-size:14px} .book-column{height:211px;margin-bottom:40px;position:relative} .book-column h2{font-size:18px !important;margin-top:0 !important;margin-bottom:12px;padding:0 0 1px 23px;background:url(/images/common/ico/bu_h3.png) no-repeat 0 2px} .book-column ul{border:1px solid #e0e1e3} .book-column li a{display:block;width:218px;height:52px;padding-left:20px;border-top:1px solid #e0e1e3;border-right:1px solid #e0e1e3;background-color:#fafbfc;color:#000;line-height:52px} .book-column li a:hover{text-decoration:none} .book-column li:first-child a{border-top-width:0} .book-column li.on{position:relative;z-index:1} .book-column li.on a{width:220px;height:54px;margin:0 -1px;border-width:0;background-color:#2768c3;color:#fff} .book-column li.on:first-child{height:54px;margin-top:-1px} .book-column li.on:last-child, .book-column li.on.last{height:53px;margin-bottom:-1px} .book-column li.on+li{border-top-width:0} .book-column li.on .details{position:absolute;top:21px;left:280px;width:659px;height:171px;color:#000;font-size:14px} .book-column li+li.on .details{top:-32px} .book-column li+li+li.on .details{top:-85px} .book-column li+li+li+li.on .details{top:-138px} .book-column li.on .details img.cover{float:left;width:119px;height:169px;margin-right:20px;border:1px solid #e3e4e6} .book-column li.on .details a{display:inline;margin:0;padding:0;border-width:0;background-color:transparent;line-height:1.42} .book-column li.on .details strong.tit{display:block;margin:0 0 16px;font-size:16px} .book-column li.on .details strong.tit a{color:#2768c3} .book-column li.on .details strong.tit a:hover{text-decoration:underline} .book-column a.go{position:absolute;top:0;right:0;font-size:14px} .book-details{height:215px;padding:30px;margin-bottom:40px;border:1px solid #a0a3aa} .book-details img.cover{float:left;width:148px;height:213px;margin-right:40px;border:1px solid #a0a3aa} .book-details dl{float:left;width:708px} .book-details dt h2{margin:2px 0 15px;padding:10px 120px 17px 0;border-bottom:1px solid #e0e1e3;color:#2768c3;letter-spacing:-1px} .book-details dd{height:170px;position:relative;font-size:14px} .book-details dd th{text-align:left;padding-right:20px;color:#2768c3;font-weight:normal} .book-details dd span.btn-area{position:absolute;bottom:0;right:0} .book-details dd span.btn-area a{margin-left:-3px} .book-details2{padding:40px 20px;border-top:4px solid #686970;border-bottom:1px solid #686970} .book-details2 strong{color:#000;font-weight:700} ul.relation-booklist{border-top:4px solid #686970;border-bottom:1px solid #686970} ul.relation-booklist li{padding:14px 20px 12px;border-top:1px solid #e0e1e3;zoom:1} ul.relation-booklist li:after{content:'';display:block;clear:both} ul.relation-booklist li:first-child{border-top-width:0} ul.relation-booklist li p{float:left} ul.relation-booklist li small{display:block;margin-top:2px;color:#2768c3} ul.relation-booklist li span.btn-area{clear:none;float:right;padding:6px 0 0} ul.relation-booklist li span.btn-area a{margin-left:-3px} .quiz-top{padding:26px 30px 28px 287px;background:#edf0f6 url(/images/invest/bg_quiz.gif) no-repeat 50px 50px} .quiz-top dt{margin-bottom:16px} .quiz-top h2{padding:0 !important;margin:0 !important;color:#2768c3;font-size:20px !important} .quiz-top h2 small{display:block;margin-bottom:4px;color:#000;font-weight:normal} .quiz-top h2 em{font-weight:700} .quiz-top dd{font-size:14px} .quiz-top dd th{text-align:left;padding-right:20px;color:#2768c3;font-weight:normal} .quiz-detail{display:table;width:100%;border:1px solid #e0e1e3} .quiz-detail .row{display:table-row} .quiz-detail dl{display:table-cell;width:58%;padding:34px 0 36px;vertical-align:top} .quiz-detail dt{margin:0 40px;color:#2768c3} .quiz-detail dd{margin:10px 40px 0} .quiz-detail dl+dl{width:43.8%;padding:40px 0 36px;border-left:1px solid #e0e1e3} .quiz-detail dl+dl dt{float:left;margin:0 20px 0 40px} .quiz-detail dl+dl dd{float:left;margin:0 40px 0 0} .quiz-detail dl+dl dd p{padding:14px 10px 19px;border-top:2px solid #ccd0d7;border-bottom:1px solid #ccd0d7} .quiz-detail dl+dl dd strong{display:block} .quiz-detail dl+dl dd span.btn-area{display:block;min-height:36px;text-align:left;padding-top:43px} .quiz-detail dl+dl dd span.btn-area a{margin-right:-4px} .quiz-detail .radio{margin-top:4px} .quiz-detail img.cover{width:110px;height:158px;border:1px solid #a0a3aa} body.msie7 .quiz-detail .row{zoom:1} body.msie7 .quiz-detail .row:after{content:'';display:block;clear:both} body.msie7 .quiz-detail dl{float:left} body.msie7 .quiz-detail dl+dl{width:41.5%} body.msie7 .quiz-detail dl+dl dd{position:relative} body.msie7 .quiz-detail dl+dl dd span.btn-area{position:absolute;top:81px;left:0} /**************************************************************************************** 06.POPEDU ******************************************************************************************/ #contents.popedu table.calendar td{padding:0;border-left-width:0;border-right:1px solid #e0e1e3} #contents.popedu table.calendar td:first-child{border-left:1px solid #e0e1e3} #contents.popedu table.calendar td ul.popedu li{padding:20px;border-top:1px solid #e0e1e3} #contents.popedu table.calendar td ul.popedu li:first-child{border-top-width:0} #contents.popedu table.calendar td ul.popedu li span.not{display:inline-block;height:18px;padding:0 5px 2px;margin-top:9px;border:1px solid #850051;color:#995c71;font-size:12px;line-height:18px} #contents.popedu table.calendar td ul.popedu li a{color:#2768c3} #contents.popedu table.calendar td ul.popedu li a.btn3{height:18px;padding:0 5px 2px;margin-top:9px;border:1px solid #1d4e92;background-color:#2768c3;color:#fff;font-size:12px;line-height:18px} #contents.popedu table.calendar td ul.popedu li span.btn2{display:inline-block;height:18px;padding:0 5px 2px;margin-top:9px;border:1px solid #850051;background-color:#b30066;background-image:none;color:#fff;font-size:12px;line-height:18px} /*POP 투자교실*/ /* h3.popClass{height:54px;margin:-41px 0 0 !important;padding:0 40px 0 0!important;background:#5b6370 !important;color:#fff;font-size:16px !important;line-height:54px !important;position:relative} */ h3.popClass{height:54px; margin:-41px 0 0;padding:0 40px 0 0!important;background:#5b6370 !important;color:#fff;font-size:16px !important;line-height:54px !important;position:relative} h3.popClass strong{display:block;float:left;width:240px;height:54px;margin-right:30px;text-align:center;background-color:#2768c3} h3.popClass strong em{padding-right:26px;background:url(/images/common/ico/bu_week.gif) no-repeat right 4px;color:#fff;font-weight:700} /* 2014.09.11 bluewebd add */ .ico_withFriend {display:inline-block; background:url(/images/icon/icon_withFriend.gif) no-repeat 0 50%; padding-left:20px; margin-left:5px; margin-top:9px; height:18px; line-height:18px; vertical-align:middle; font-size:12px;} /* 2014.08.20 bluewebd POP EDU add CMT */ .popedu.popeduSchedule .page-desc {border:none; margin-bottom:0;} #contents .popClassCmt h3.popClass {margin:0} #contents .popClassCmt span.cmtMsg {display:inline-block; margin-bottom:10px; font-size:14px;} /*지점세미나*/ ul.map-list{border-top:4px solid #686970;border-bottom:1px solid #686970} ul.map-list li{padding:30px 0;border-top:1px solid #e0e1e3;zoom:1} ul.map-list li:after{content:'';display:block;clear:both} ul.map-list li:first-child{border-top-width:0} ul.map-list li .map{float:left;width:468px;height:291px;margin-right:30px;border:1px solid #e0e1e3} ul.map-list li .map img {height:100%;} ul.map-list li dl{float:left;width:450px;padding-top:4px} ul.map-list li dt{margin-bottom:22px;font-weight:700} ul.map-list li dd dl{width:100%;padding:0;} ul.map-list li dd dt{margin-bottom:12px;padding-left:10px;background:url(/images/common/ico/bu_desc.gif) no-repeat 0 11px;color:#2768c3;font-weight:normal} ul.map-list li dd dd{margin-bottom:22px;font-size:14px} ul.map-list li dd li{margin-top:3px;padding:0 0 0 10px;background:url(/images/common/ico/bu_desc5.gif) no-repeat 0 11px;border-width:0} /*Young Rich Club*/ .hgroup.yrclub-overview{height:115px;margin-bottom:40px;background-color:#5b6370} .hgroup.yrclub-overview h3{float:left;width:200px;height:80px;padding:35px 0 0 40px !important;margin:0 20px 0 0 !important;background:#2768c3 !important;color:#fff} .hgroup.yrclub-overview ul.desc{float:left;margin-top:13px;color:#fff} .hgroup.yrclub-overview ul.desc li{background-image:url(/images/common/ico/bu_desc4.gif)} .hgroup.yrclub-overview ul.desc li strong{color:#fff;font-weight:700} .hgroup.yrclub-membership{height:298px;margin-bottom:40px;border:1px solid #e0e1e3;background-color:#fafbfc;position:relative;zoom:1} .hgroup.yrclub-membership:after{content:'';display:block;clear:both} .hgroup.yrclub-membership h2{position:absolute;top:-1px;left:-1px;width:240px;height:300px;padding:0 !important;margin:0 !important;background:#636d7b !important} .hgroup.yrclub-membership h2 strong{display:block;text-align:center;margin-top:100px;padding-top:78px;background:url(/images/popedu/bg_h2_yrclub.gif) no-repeat center top;color:#fff;font-size:16px} .hgroup.yrclub-membership ul.desc{margin:35px 0 28px 280px !important} ul.yrclub-benefit{border:1px solid #a0a3aa} ul.yrclub-benefit li{padding:39px 40px 33px;border-top:1px solid #a0a3aa;position:relative;zoom:1} ul.yrclub-benefit li:after{content:'';display:block;clear:both} ul.yrclub-benefit li:first-child{border-top-width:0} ul.yrclub-benefit li span{position:absolute;top:0;left:0;display:block;width:28px;height:28px;text-align:center;line-height:28px;border-right:1px solid #a0a3aa;border-bottom:1px solid #a0a3aa;color:#2768c3} ul.yrclub-benefit li h4{margin:0 !important;border-width:0 !important;font-size:18px !important} ul.yrclub-benefit li h4 strong{font-weight:700} ul.yrclub-benefit li h4+p.desc{margin-top:20px} ul.yrclub-benefit li a.btn3.fr{margin-top:-11px} ul.yrclub-benefit li ul{border-width:0} ul.yrclub-benefit li li{padding:0;border-width:0} ul.yrclub-benefit li ul.column-2{border:1px solid #a0a3aa;background-color:#fafbfc} ul.yrclub-benefit li ul.column-2 li{width:49.93%} ul.yrclub-benefit li ul.column-2 li+li{border-left:1px solid #a0a3aa;background-color:#eef4fc} ul.yrclub-benefit li ul.column-2 li p{margin:20px} ul.yrclub-benefit li ul.column-2 li strong{display:block} ul.yrclub-benefit li ul.desc li{padding-left:9px;margin-top:5px;font-size:14px} .yrclub-event{width:960px;margin:0 auto;border:1px solid #e0e1e3;background-color:#f2f3f4;zoom:1} .yrclub-event:after{content:'';display:block;clear:both} .yrclub-event img.cover{float:left;border-right:1px solid #e0e1e3} .yrclub-event .details{float:left;width:399px;padding:0 40px} /* 20140922 빈공간 삭제 진수 */ .yrclub-event h2{margin:65px 0 40px !important;color:#3f4146;font-size:30px !important} .yrclub-event h2 small{display:block;margin-bottom:14px;color:#3f4146;font-size:16px} .yrclub-event h2 em{font-weight:700} .yrclub-event th, .yrclub-event td{text-align:left;vertical-align:top;padding-bottom:9px;font-size:14px} .yrclub-event th{width:72px;color:#ac0069} .yrclub-event td strong.block{display:inline-block;width:137px} .yrclub-event div.btn-area{margin-top:30px;text-align:left} .yrclub-event p.r{margin-top:30px} .yrclub-event p.r img{margin-left:20px} .my-rich table{width:100%} .my-rich th, .my-rich td{height:54px;text-align:left;padding-left:40px;color:#fff;line-height:54px} .my-rich th{width:200px;background-color:#2768c3} .my-rich td{background-color:#5b6370} .my-rich .details{border:1px solid #a0a3aa;border-top-width:0;zoom:1} .my-rich .details:after{content:'';display:block;clear:both} .my-rich .details p{padding:34px 0 10px;font-weight:700} .my-rich .details p em{font-weight:700} .my-rich .details strong{font-size:14px} .my-rich .details small.monetary{display:inline-block;height:36px;margin-right:10px;vertical-align:middle;color:#000;line-height:36px} .my-rich .details p.grade{float:left;width:240px;height:254px;margin-right:40px;padding:0;font-weight:normal} /* 2014.10.01 bluewebd My Young Rich > MY 가입정보 클로버 단계이미지 부분 수정 .my-rich .details p.grade em{display:block;text-align:center;margin-top:56px;padding-top:120px;color:#000;background-repeat:no-repeat;background-position:center top;font-weight:normal}*/ /*.my-rich .details p.grade em{display:block;width:100%;text-indent:0;text-align:center;margin-top:56px;padding-top:120px;color:#000;background-repeat:no-repeat;background-position:center top;font-weight:normal}*/ /* 2014.10.02 bluewebd ADD */ .my-rich .details p.grade em{display:block; background:url(/images/popedu/bg_grade.png) 0 0 no-repeat; width:100%;font-weight:normal;text-indent:0;text-align:center;margin-top:56px;padding-top:120px;color:#000;} .my-rich .details p.grade em.grade1{background-position:50% 0;} .my-rich .details p.grade em.grade2{background-position:50% -300px;} .my-rich .details p.grade em.grade3{background-position:50% -600px;} .my-rich .details p.grade em strong{margin-bottom:-30px; font-size:16px} .my-rich-calendar{border:1px solid #e0e1e3;position:relative;zoom:1} .my-rich-calendar:after{content:'';display:block;clear:both} .my-rich-calendar p.month{position:absolute;top:0;left:0;width:539px;height:58px;text-align:center;background-color:#edf0f6;line-height:58px} .my-rich-calendar table.calendar{float:left;width:539px;margin:58px 0 -1px;border-width:0} .my-rich-calendar table.calendar .sun, .my-rich-calendar table.calendar .sun a, .my-rich-calendar table.calendar .sun a em{color:#ac0069} .my-rich-calendar table.calendar .sat, .my-rich-calendar table.calendar .sat a, .my-rich-calendar table.calendar .sat a em{color:#4f78b2} .my-rich-calendar table.calendar th{border-bottom:1px solid #e0e1e3} .my-rich-calendar table.calendar td{width:14.28%;height:79px;padding:0;border:0 !important;border-left:1px solid #e0e1e3 !important;border-bottom:1px solid #e0e1e3 !important;background:url(/images/common/bg_clock.png) no-repeat 85% 50px;font-size:16px} .my-rich-calendar table.calendar td:first-child{border-left-width:0 !important} .my-rich-calendar table.calendar td a{display:block;height:59px;padding:10px;text-align:right} .my-rich-calendar table.calendar td a.visit, .my-rich-calendar table.calendar td a:hover{text-decoration:none} .my-rich-calendar table.calendar td a:hover{background:#fafbfc url(/images/common/bg_clock.png) no-repeat 85% 50px} .my-rich-calendar table.calendar td a.visit{background:#fafbfc url(/images/common/bg_check.png) no-repeat 85% 50px} .my-rich-calendar table.calendar td a em{color:#000} .my-rich-calendar table.calendar td a.today{position:relative} .my-rich-calendar table.calendar td a.today em{position:absolute;top:-1px;left:-1px;display:block;width:56px;height:59px;padding:10px;border:1px solid #2768c3;color:#4f78b2} .my-rich-calendar .sticker{float:left;width:338px;height:433px;padding:40px;border-left:1px solid #e0e1e3} .my-rich-calendar .sticker em{display:block;margin-bottom:12px} .my-rich-calendar .sticker .count{width:285px;height:242px;padding-top:90px;margin:25px auto 0;text-align:center;background:url(/images/popedu/bg_sticker.gif) no-repeat;font-size:14px} .my-rich-calendar .sticker .count em{display:inline} .my-rich-calendar .sticker .count span.grade{display:block;background:url(/images/popedu/bg_grade_s.png) 0 0 no-repeat;width:74px;height:54px;margin:22px auto 15px;text-align:right;border-bottom:1px solid #2768c3;background-repeat:no-repeat;background-position:left top} /* 2014.10.02 bluewebd ADD */ .my-rich-calendar .sticker .count span.grade.step1{background-position:0 0;} .my-rich-calendar .sticker .count span.grade.step2{background-position:0 -70px;} .my-rich-calendar .sticker .count span.grade.step3{background-position:0 -140px; width:84px;} .my-rich-calendar .sticker .count span.grade strong{display:inline-block;height:15px;padding:1px 2px 0;margin:37px 0 -1px;text-align:center;border:1px solid #2768c3;font-size:11px;line-height:16px;font-family:Dotum,AppleGothic,Arial,Helvetica,sans-serif} /*대학생 멤버십*/ .hgroup.university-overview{height:124px;margin-bottom:40px;background-color:#5b6370} .hgroup.university-overview h3{float:left;width:200px;height:90px;padding:34px 0 0 40px !important;margin:0 20px 0 0 !important;background:#2768c3 !important;color:#fff} .hgroup.university-overview ul.desc{float:left;margin-top:13px;color:#fff} .hgroup.university-overview ul.desc li{background-image:url(/images/common/ico/bu_desc4.gif)} .hgroup.university-overview ul.desc li strong{color:#fff;font-weight:700} .hgroup.university-overview+.btn-area{margin-top:-40px} ul.university-benefit{border:1px solid #a0a3aa;zoom:1} ul.university-benefit:after{content:'';display:block;clear:both} ul.university-benefit li{float:left;width:50%;position:relative} ul.university-benefit li span{position:absolute;top:-1px;left:-1px;display:block;width:28px;height:28px;text-align:center;border:1px solid #a0a3aa;color:#2768c3;font-size:14px;line-height:28px} ul.university-benefit li dl{padding:35px 40px 38px;border-bottom:1px solid #a0a3aa;border-right:1px solid #a0a3aa} ul.university-benefit li dt{margin-bottom:9px;color:#2768c3;letter-spacing:0;font-weight:700} ul.university-benefit li dt a.go{float:right;font-weight:normal} body.msie7 ul.university-benefit li dt a.go{margin-top:-23px} ul.university-benefit li:nth-child(2) dl, ul.university-benefit li:nth-child(4) dl{border-right-width:0} ul.university-benefit li:nth-child(5) dl{border-bottom-width:0} ul.university-benefit li.nth_2 dl, ul.university-benefit li:nth-child(4) dl{border-right-width:0} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.university-benefit li.nth_5 dl{border-bottom-width:0} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.university-benefit2{border:1px solid #a0a3aa;zoom:1} ul.university-benefit2:after{content:'';display:block;clear:both} ul.university-benefit2 li{float:left;width:100%;position:relative} ul.university-benefit2 li span{position:absolute;top:-1px;left:-1px;display:block;width:28px;height:28px;text-align:center;border:1px solid #a0a3aa;color:#2768c3;font-size:14px;line-height:28px} ul.university-benefit2 li dl{padding:35px 40px 38px;border-bottom:1px solid #a0a3aa;} ul.university-benefit2 li dt{margin-bottom:9px;color:#2768c3;letter-spacing:0;font-weight:700} ul.university-benefit2 li dt a.go{float:right;font-weight:normal} body.msie7 ul.university-benefit2 li dt a.go{margin-top:-23px} ul.university-benefit2 li:nth-child(2) dl, ul.university-benefit2 li:nth-child(4) dl{border-right-width:0} ul.university-benefit2 li:nth-child(3) dl{border-bottom-width:0} ul.university-benefit2 li.nth_2 dl, ul.university-benefit2 li:nth-child(4) dl{border-right-width:0} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ ul.university-benefit2 li.nth_5 dl{border-bottom-width:0} /* 2014-11-07 IE7 ~ IE8 CSS3 대응 */ .university-event{width:auto;margin:0 auto;border:1px solid #e0e1e3;background-color:#f2f3f4;zoom:1} .university-event:after{content:'';display:block;clear:both} .university-event img.cover{float:left;border-right:1px solid #e0e1e3} .university-event .details{float:right;width:455px;padding:0 25px} .university-event h2{margin:10px 0 20px !important;color:#3f4146;font-size:30px !important} .university-event h2 small{display:block;margin-bottom:14px;color:#3f4146;font-size:12px} .university-event h2 em{font-weight:600} .university-event th, .university-event td{text-align:left;vertical-align:top;padding-bottom:9px;font-size:13px} .university-event th{width:72px;color:#ac0069} .university-event td strong.block{display:inline-block;width:77px} .university-event div.btn-area{margin-top:30px;text-align:center} .university-event p.r{margin-top:30px} .university-event p.r img{margin-left:20px} .university-event p{margin:0 0 20px !important;} .university-event p strong{font-size:14px} /*모의투자*/ .column-2.simulsted{border:1px solid #a0a3aa} .column-2.simulsted>div{width:42%;padding:40px 3%} .column-2.simulsted>div.fr{border-left:1px solid #a0a3aa} .column-2.simulsted h2{color:#2768c3} .column-2.simulsted p{height:96px;padding-left:40px;background-color:#eef4fc;font-size:14px;line-height:96px} .column-2.simulsted p em{font-weight:700} .column-2.simulsted table{width:100%;background-color:#eef4fc} .column-2.simulsted th, .column-2.simulsted td{text-align:left} .column-2.simulsted th{width:100px;height:96px;padding-left:40px;font-weight:normal;line-height:96px} .column-2.simulsted td input[type=text]{width:206px} /*해외주식모의투자*/ .column-3.simulsted{border:1px solid #a0a3aa} .column-3.simulsted>div{width:42%;padding:40px 3%} .column-3.simulsted>div.fl{border-right:1px solid #a0a3aa} .column-3.simulsted h2{color:#2768c3} .column-3.simulsted p{height:96px;padding-left:40px;background-color:#eef4fc;font-size:14px;line-height:96px} .column-3.simulsted p em{font-weight:700} .column-3.simulsted table{width:100%;background-color:#eef4fc} .column-3.simulsted th, .column-3.simulsted td{text-align:left} .column-3.simulsted th{width:100px;height:56px;padding-left:40px;font-weight:normal;line-height:56px} .column-3.simulsted td input[type=text]{width:206px} /* 태블릿 수정 관련 2014-11-07 LYJ */ body.safari .fund-details-top .details-box2 td a.pdf2{line-height:1.5em;padding-bottom:1px;} /* 2015.03.12 신규페이지 추가 q-sheet */ .desc.asset {margin-top:-20px; font-size:14px;} .point_dot {padding-left: 10px; background: url(/images/common/ico/bu_desc.gif) no-repeat 0 11px; font-size:14px;} .checkboxGroup.asset label, .radioGroup.asset label {margin-right:15px;} .message3.type2.asset, .message3.type2.asset2 {background:#fff; text-align:left; border:1px solid #ccc;} .message3.type2.asset .desc.asset, .message3.type2.asset2 .desc.asset {margin-top:15px; font-size:14px;} .message3.type2.asset {padding:20px 40px;} .message3.type2.asset2 {padding:20px 80px; background-repeat:no-repeat; background-position:right 50px;} .message3.type2.asset2.num1 {background-image:url(/images/invest/bg_portfolio_invest1.jpg);} .message3.type2.asset2.num2 {background-image:url(/images/invest/bg_portfolio_invest2.jpg);} .message3.type2.asset2.num3 {background-image:url(/images/invest/bg_portfolio_invest3.jpg);} .message3.type2.asset2.num4 {background-image:url(/images/invest/bg_portfolio_invest4.jpg);} .message3.type2.asset2.num5 {background-image:url(/images/invest/bg_portfolio_invest5.jpg);} .message3.type2.asset2 .num {height:32px; margin-left:-40px; font-size:18px !important; font-weight:bold; padding-left:40px; background-repeat:no-repeat; background-position:0 0;} .message3.type2.asset2.num1 .num{background-image:url(/images/invest/bg_portfolio_num1.jpg);} .message3.type2.asset2.num2 .num{background-image:url(/images/invest/bg_portfolio_num2.jpg);} .message3.type2.asset2.num3 .num{background-image:url(/images/invest/bg_portfolio_num2.jpg);} .message3.type2.asset2.num4 .num{background-image:url(/images/invest/bg_portfolio_num3.jpg);} .message3.type2.asset2.num5 .num {background-image:url(/images/invest/bg_portfolio_num4.jpg);} .message3.type2.asset2.num2 .desc-wrap {width:680px; overflow:hidden;} .message3.type2.asset2.num2 .desc-wrap .retire {float:left; width:285px;} .message3.type2.asset2.num2 .desc-wrap .leisure {float:right; width:355px;} .message3.type2.asset2.num3 .desc.asset.type1 {width:690px; overflow:hidden;} .message3.type2.asset2.num3 .desc.asset.type1 li {float:left; width:315px;} .tbl-type.asset th {background-color:#fafbfc;} .btn_add_wrap {position:relative; margin-bottom:15px;} .btn_add_wrap .btn-area {position:absolute; top:-10px; right:0;} .invest-chk-wrap {margin-bottom:20px;} .invest-chk-wrap .radio {position:relative; width:76px; height:40px; background-image:url(/images/finance/bg_check4.png); background-position:0 0; background-repeat:no-repeat; margin-left:50px;} .invest-chk-wrap .radio.checked {background-position: -152px 0;} .invest-chk-wrap .desc label {cursor: pointer; display:block} .invest-chk-wrap .desc li span {display: inline-block; padding-left: 40px;} table.plans-type.invest-chk .invest-chk-wrap ul.desc li {background: url(/images/common/ico/bu_desc.gif) no-repeat 40px 11px;} .tab_content_area>li {display:none;} .tab_content_area>li.on {display:block;} .portfolio-asset1 .i_txt1 {width:62%;} .portfolio-asset2 .i_txt1 {width:70%;} .portfolio-asset2 .i_txt2 {width:57%;} .portfolio-asset3 .i_txt1 {width:63%;} .portfolio-asset3 .i_txt2 {width:83%;} .blind-content {position:absolute; left:-1000%; width:1px; height:0; font-size:0; line-height:0;} .vidio-play-area {width:840px; padding:40px 60px; margin:0 auto; background:#f5f5f5; overflow:hidden;} .vidio-play-area .fr {padding:50px;} .vidio-play-area .fr p {font-size:18px;} .vidio-play-area .btn4.go {margin-top:18px; padding: 4px 30px 4px 15px;; font-weight: bold; margin-top: 20px; background-position: right -137px;} .vidio-play-area span, .vidio-play-area em {font-weight:bold;} .layer_pop_content {display:none; position:absolute; width:660px; left:50%; top:50%; margin-left:-330px; margin-top:-300px; background:#fff; z-index:10000;} .layer_pop_content.on {display:block;} .layer_mask {display:none; position:absolute; top:0; bottom:0; left:0; right:t0; z-index:9000; background:#000; opacity:0.6; filter:alpha(opacity=60); } .layer_mask span {text-indent:-9999px;} .tbl-type.rows.portfolio th {text-align:center; font-size:14px;} .tbl-type.rows.portfolio tbody th span {color:#999;} .mypop-banner-area {margin-top:20px; background:#2768c3 url(/images/mypop/img_mypop_banner.png) no-repeat right 23px; padding:35px 40px;} .mypop-banner-area p {color:#fff;} .mypop-banner-area p span {font-weight:bold; font-size:20px;} .mypop-banner-area a {text-decoration:none;} .online-portfolio-wrap {background:#e4ebf5; padding:40px 70px; text-align:center;} .online-portfolio-service {} .online-portfolio-desc {padding-left:75px; margin-bottom:40px; text-align:left; background: url(/images/finance/ico_online-portfolio.gif) no-repeat 0 4px;} .online-portfolio-desc em {font-weight:bold;} .online-portfolio-content {} table.plans-type.invest-chk.thead tr:first-child th {background:none;} .layer_pop_content .popContents .achievement {border-top:3px solid #9cb2db; text-align:left; padding:50px 0 50px 220px;} .layer_pop_content .popHeader {height: 50px;color: #fff;font-size: 18px;font-weight: normal;line-height: 50px;} .layer_pop_content .popHeader, .layer_pop_content .popHeader h1 {background:#5b6370; font-size: 16px;padding: 0px 13px;font-weight: normal;} .layer_pop_content .popContents {padding:50px;} .layer_pop_content.type1 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_08.gif) no-repeat 50px center;} .layer_pop_content.type2 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_06.gif) no-repeat 50px center;} .layer_pop_content.type3 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_03.gif) no-repeat 50px center;} .layer_pop_content.type4 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_05.gif) no-repeat 50px center;} .layer_pop_content.type5 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_07.gif) no-repeat 50px center;} .layer_pop_content.type6 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_02.gif) no-repeat 50px center;} .layer_pop_content.type7 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_04.gif) no-repeat 50px center;} .layer_pop_content.type8 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_09.gif) no-repeat 50px center;} .layer_pop_content.type9 .popContents .achievement {background:#f0f5fb url(/images/finance/bg_pop_01.gif) no-repeat 50px center;} .layer_pop_content .popFooter .close {display: inline-block;vertical-align: middle;position: absolute;text-indent: -9999px;top: 0;right: 0;width: 50px !important;height: 50px !important; background:url(/images/finance/ico_layer_close.gif) no-repeat center center;} /* 추가인증 레이어 */ .layer_pop_content2 {display:none; position:absolute; width:900px; left:25%; top:10%; background:#fff; z-index:10000;} .layer_pop_content2.on {display:block;} .layer_pop_content2 .popContents .achievement {border-top:3px solid #9cb2db; text-align:left; padding:50px 0 50px 220px;} .layer_pop_content2 .popHeader {height: 50px;color: #fff;font-size: 18px;font-weight: normal;line-height: 50px;} .layer_pop_content2 .popHeader, .layer_pop_content2 .popHeader h1 {background:#5b6370; font-size: 16px;padding: 0px 13px;font-weight: normal;} .layer_pop_content2 .popContents {padding:50px;} .layer_pop_content2 .popFooter .close {display: inline-block;vertical-align: middle;position: absolute;text-indent: -9999px;top: 0;right: 0;width: 50px !important;height: 50px !important; background:url(/images/finance/ico_layer_close.gif) no-repeat center center;} /* 추가인증 레이어 */ /* 2Question 레이어 */ .layer_pop_content3 {display:none; position:absolute; width:660px; left:30%; top:10%; background:#fff; z-index:10000;} .layer_pop_content3.on {display:block;} .layer_pop_content3 .popContents .achievement {border-top:3px solid #9cb2db; text-align:left; padding:50px 0 50px 220px;} .layer_pop_content3 .popHeader {height: 50px;color: #fff;font-size: 18px;font-weight: normal;line-height: 50px;} .layer_pop_content3 .popHeader, .layer_pop_content3 .popHeader h1 {background:#5b6370; font-size: 16px;padding: 0px 13px;font-weight: normal;} .layer_pop_content3 .popContents {padding:50px;} .layer_pop_content3 .popFooter .close {display: inline-block;vertical-align: middle;position: absolute;text-indent: -9999px;top: 0;right: 0;width: 50px !important;height: 50px !important; background:url(/images/finance/ico_layer_close.gif) no-repeat center center;} /* 2Question 레이어 */ .plans-type.invest-chk .chking {overflow:hidden;} .plans-type.invest-chk .chking li {float:left; width:33.3%;} .plans-type.invest-chk .chking li:first-child {width:33.4%;} .plans-type.invest-chk .chking a {padding: 81px 0 14px; border-top: 1px solid #fafbfc;border-right: 1px solid #a0a3aa;border-bottom: 1px solid #a0a3aa;border-left: 1px solid #fafbfc;background-color: #fafbfc;color: #333;background-repeat: no-repeat;font-weight: bold;display: block;text-align: center; text-decoration:none; opacity:0.5; filter:alpha(opacity=50);} .plans-type.invest-chk .chking a.check {color:#2c2e32; opacity:1; filter:alpha(opacity=100); color:#fff; background-color:#2768c3;} .plans-type.invest-chk .chking a.recomm1 {background-image: url(/images/finance/bg_recomm1.png); background-position: center 14px;} .plans-type.invest-chk .chking a.recomm2 {background-image: url(/images/finance/bg_recomm2.png); background-position: center 14px;} .plans-type.invest-chk .chking a.recomm3 {background-image: url(/images/finance/bg_recomm3.png); background-position: center 14px;} .plans-type.invest-chk .chking a.recomm1 {background-image: url(/images/finance/bg_recomm1_out.png); background-position: center 14px;} .plans-type.invest-chk .chking a.recomm2 {background-image: url(/images/finance/bg_recomm2_out.png); background-position: center 14px;} .plans-type.invest-chk .chking a.recomm3 {background-image: url(/images/finance/bg_recomm3_out.png); background-position: center 14px;} .plans-type.invest-chk .chking a.check {/* border: 2px solid #2258a5; */ text-decoration: none;} .plans-type.invest-chk .checking_list>li {display:none;} .plans-type.invest-chk .checking_list>li>div {background:#fafbfc; padding:25px 20px; text-align:left;} .plans-type.invest-chk .checking_list>li>div label {margin-right:20px;} .plans-type.invest-chk .checking_list>li.on {display:block;} .plans-type.invest-chk .checking_list>li span.arrow {position: absolute;top: 169px;display: inline-block;background: url(/images/finance/bg_mdInvest_act.png) 50% 0px no-repeat; width: 23px;margin-left: -12px;} .plans-type.invest-chk .checking_list>li.list1 span.arrow {left:350px;} .plans-type.invest-chk .checking_list>li.list2 span.arrow {left:570px;} .plans-type.invest-chk .checking_list>li.list3 span.arrow {left:790px;} .plans-type.invest-chk .checking_list>li .radio {margin-top:-14px;} .plans-type.invest-chk .checking_list>li.list2 .radio {margin-top:5px;} .plans-type.invest-chk .checking_list>li.list3 .radio {margin-top:5px;} .plans-type.invest-chk .checking_list>li .mdInvestico {display:inline-block; padding-left:50px; height:35px; font-size:14px; line-height:1.2;} .plans-type.invest-chk .checking_list>li .mdInvestico.mdIco1-1 {background:url(/images/finance/bg_recomm1_chk1.png) 8px 1px no-repeat;} .plans-type.invest-chk .checking_list>li .mdInvestico.mdIco1-2 {background:url(/images/finance/bg_recomm1_chk2.png) 8px 8px no-repeat;} .plans-type.invest-chk .checking_list>li .mdInvestico.mdIco2-1 {background:url(/images/finance/bg_recomm2_chk1.png) 8px 1px no-repeat;} .plans-type.invest-chk .checking_list>li .mdInvestico.mdIco3-1 {background:url(/images/finance/bg_recomm3_chk1.png) 8px 1px no-repeat;} .plans-type.invest-chk .checking_list>li .mdInvestico.mdIco3-2 {background:url(/images/finance/bg_recomm3_chk4.png) 6px 1px no-repeat;} .plans-type.invest-chk .checking_list>li .mdInvestico.mdIco3-3 {background:url(/images/finance/bg_recomm3_chk2.png) 8px 1px no-repeat;} .plans-type.invest-chk .checking_list>li .mdInvestico.mdIco3-4 {background:url(/images/finance/bg_recomm3_chk3.png) 8px 1px no-repeat;} .portfolio-paper {position:relative; padding:80px 0 40px; text-align:center; margin:40px 0; border:1px solid #a0a3aa;} .portfolio-paper .paper {position:absolute;left:-1px; top:-1px; text-indent:-9999px; display:block; width:60px; height:60px; background:url(/images/finance/bg_paper2.gif) no-repeat 0 0;} .portfolio-paper .btn3.big {position:absolute; top:10px; right:10px;} .portfolio-paper p {margin-bottom:30px;} .portfolio-paper .portfolio-paper-title {font-size:20px;} .portfolio-paper strong, em {font-weight:bold;} /* radio 체크 */ #layer_content.radio {display:inline-block; width:16px; height:16px; margin-right:5px; vertical-align:middle; background-image:url(/images/finance/bu_selecter.png); background-repeat:no-repeat} #layer_content.radio {background-position:0 0;} #layer_content.radio.focus {background-position:-16px 0;} #layer_content.radio.checked {background-position:-32px 0;} /* 레이어 팝업 */ #layer {width:720px; margin-top: -400px} #layer #layer_header {position:relative; padding:15px 30px; background-color:#5b6370; font-size:17px; color:#fff; letter-spacing:-1px; font-weight:bold;} #layer #layer_header .close {position:absolute; width:50px; height:49px; top:0; right:0;} #layer #layer_content {padding:40px 50px;} #layer .layer_guide {padding:50px 50px 50px 210px; border-top:3px solid #9db1db; background:#f0f5fc url(/images/finance/bg_layer_guide.jpg) no-repeat 50px center; color:#000; line-height:19px; font-size:16px;} #layer .layer_guide p {font-weight:bold;} #layer .layer_guide .sub_desc {font-size:14px; margin-top:10px; font-weight:normal !important; letter-spacing:-1px;} #layer .step_area {margin:30px 0 20px; padding-left:137px; padding-bottom:25px; border-bottom:2px solid #eaeaea; background:url(/images/finance/bg_invest_step.jpg) no-repeat 0 ;} #layer .step_area .i_txt1, #layer .step_area .i_txt2 {border:1px solid #a0a3aa; height:30px; font-size:16px; vertical-align:middle;} #layer .step_area .i_txt1 {width:63px; padding-right:5px; text-align:right; font-weight:bold;} #layer .step_area .i_txt2 {width:25px; text-align:center; font-weight:bold;} #layer .step_area .i_txt3 {border:1px solid #a0a3aa; height:30px; font-size:16px; vertical-align:middle;} #layer .step_area .i_txt3 {margin-left: 16px; width:25px; text-align:center; font-weight:bold;} #layer .step_area input.i_txt1.type1 {color:#767676 !important; font-weight:normal;} #layer .step_area input.i_txt1.type2 {color:#2768c3 !important;} #layer .step_area input.i_txt1.type3 {font-size:20px; color:#ac0069 !important;} #layer .step_area input.i_txt1.type4 {margin-left: 30px; font-size:20px; color:#ac0069 !important;} #layer .step_area dt {margin:25px 0 7px; font-size:16px; color:#2c2e32;} #layer .step_area dt.step3 {margin-top:40px;} #layer .step_area dt span {font-weight:bold; vertical-align:top} #layer .step_area dt:first-child {margin-top:0;} #layer .step_area dd {position:relative; padding:30px 15px 10px; border:3px solid #c9cdd6; color:#000; font-size:16px; letter-spacing:-1px;} #layer .step_area dd.step2 {position:relative; border:3px solid #b3ccf1;} #layer .step_area dd .result {display:inline-block; text-indent:200%; overflow:hidden; white-space:nowrap; padding-bottom:14px; margin:0 4px; width:16px; height:7px; background:url(/images/finance/result.gif) no-repeat 0 12px;} #layer .step_area dd label {position:absolute; top:7px; left:15px; color:#494949; font-weight:bold; font-size:13px;} #layer .step_area dd label.type1 {left:157px;} #layer .btn_area {text-align:center;}