@charset "utf-8"; /**************************** 고객센터 Stylesheet ****************************/ /* 다시쓰기 버튼 간격 */ .btnArea.fnBtn {padding-top:8px;} /* 달력버튼 */ a.calendar {display:inline-block;vertical-align:middle;width:36px;height:36px;background-image:url(/images/common/btn/bg_icon.gif);background-repeat:no-repeat;text-indent:-9999px;} /* 바로상담 버튼 추가*/ .dcGo{background-color:#002c69;border-color:#002c69;height:48px;padding:0 41px 0 28px;border-radius:30px} .dcGo>span{display:inline-block;vertical-align:middle;background:url(/ux/images/customer/ico_dc_call.png) 0 center no-repeat;padding-left:37px;line-height:48px;} /********************* 1:1 투자상담 *********************/ .propertyManagement {display:table;position:relative;width:100%;border:solid #ddd 1px;border-top:solid #747474 1px;} .pm_inquiry {display:block;position:relative;float:left;width:592px;margin:0;padding:30px;background-color:#fafafa;} .pm_inquiry .headpage {display:block;position:relative;height:170px;margin:0;padding:0 260px 0 0;} .pm_inquiry .headpage span.bgArea {position:absolute;right:0;top:0;width:240px;height:140px;} .pm_inquiry .headpage h2 {color:#0977c9;font-size:30px;font-weight:600;} .pm_inquiry .headpage p {color:#444;font-size:14px;} .inquiry_each {display:table;position:relative;width:100%;margin:0;padding:20px 0 0 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 0;} .inquiry_each li {display:table;position:relative;float:left;width:240px;margin:0;padding:0;} .inquiry_each li.ars {width:310px;margin-right:30px;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right 0;} .inquiry_each li h3 {display:block;position:relative;height:60px;padding:0 0 0 50px;color:#444;font-size:24px;font-weight:600;background:url(/ux/images/mypop/ico_mycompb.png) no-repeat;} .inquiry_each li h3 span {display:block;position:relative;color:#0977c9;font-size:13px;font-weight:normal;} .inquiry_each li.chat h3 span {display:block;position:relative;top:12px;color:#444;font-size:18px;font-weight:600;} .inquiry_each li dl {float:left;display:inline-block;position:relative;margin:0 10px 0 0;padding:22px 0 0 0;} .inquiry_each li.chat dl {width:220px;} .inquiry_each li dl dd {position:absolute;left:0;top:0;color:#747474;font-size:13px;} .inquiry_each li.ars h3 {background-position:0 5px;} .inquiry_each li.chat h3 {color:#444;font-size:14px;background-position:0 -95px;} /* 1:1 상담 */ .mypbCenter {display:block;position:relative;margin:0;padding:0;} .mypbCenter .info_withBtn strong {color:#0977c9;font-weight:600;} .mypbCenter .info_withBtn a {color:#444;font-weight:normal;margin-left:10px;} .mypbCenter .info_withBtn+.info_withBtn {margin-top:10px;} .mypbCenter textarea {width:693px;} /* 자산관리컨설팅 분야 */ .pm_consulting {float:right;display:block;position:relative;width:246px;margin:0;padding:30px 30px 6px 30px;} .pm_consulting h3 {color:#222;font-size:18px;font-weight:600;} .pm_consulting p {margin:10px 0 15px 0;color:#444;font-size:14px;} .pm_consulting li {margin-bottom:8px;color:#444;font-size:13px;} .pm_consulting li span {display:inline-block;margin-right:8px;color:#0977c9;} /* 전화상담 신청 */ .helpline_request {margin-top:20px;padding:30px 40px;border-top:solid #ddd 1px;border-bottom:solid #aaa 1px;background:#fafafa;} .helpline_request h3 + .tbl1 {margin-top:15px;} .helpline_request .tbl1 tbody th {background:#EEE;} .helpline_request .tbl1 tbody td {background:#FFF;} .induceLogin {display:block;position:relative;padding:60px 0 30px;} .induceLogin .induce {margin-bottom:20px;text-align:center;color:#222;font-size:18px;} .induceLogin .induce strong {color:#e56c00;font-weight:normal;} .induceLogin .message strong {color:#09779c;} .induceLogin a.btnLarge {display:table;margin:0 auto 50px auto;} .induceLogin .tipArea {background-color:#FFF;} .accountOwn {color:#444;} .accountOwn .induce {padding:25px 0;text-align:center;font-size:16px;} .accountOwn .noti {padding:20px 0;text-align:center;font-size:18px;} .accountOwn .agreementToggle {border-top:none;} .accountOwn .agreementToggle dt .toggle {display:none;} .accountOwn .agreementToggle dd.agreeSet {right:0;} .accountOwn .agreementToggle .bgFFF {background-color:#FFF;} .accountOwn .agreeSet {background-color:#FFF;} .accountLess .noti {padding:15px 0;font-size:14px;} /* 지점PB 상담신청 */ .pbOnline_request, .pbOnline_result {margin-top:35px;} /********************** 삼성증권 시작하기 **********************/ /* 탭메뉴 img 포함*/ ul.tabMenu.img {margin:0 0 30px;} ul.tabMenu.img li {background-color:#fafafa;} ul.tabMenu.img li:first-child a {min-width:170px;} ul.tabMenu.img li a {display:block;height:67px;min-width:170.5px;line-height:66px;padding:0 10px;border-top:1px solid #ddd;border-right:1px solid #ddd;text-align:center;color:#222;font-size:14px;} ul.tabMenu.img li a, ul.tabArea.img li.on a {background:url(/ux/images/customer/bg_img_tab_first.png) no-repeat 0 0;} ul.tabMenu.img li a.one {background-position:0 0;} ul.tabMenu.img li a.two {background-position:-191px 0;} ul.tabMenu.img li a.three {background-position:-383px 0;} ul.tabMenu.img li a.four {background-position:-575px 0;} ul.tabMenu.img li a.five {background-position:-767px 0;} ul.tabMenu.img li.on a.one {background-position:0 -70px;} ul.tabMenu.img li.on a.two {background-position:-191px -70px;} ul.tabMenu.img li.on a.three {background-position:-383px -70px;} ul.tabMenu.img li.on a.four {background-position:-575px -70px;} ul.tabMenu.img li.on a.five {background-position:-767px -70px;} ul.tabMenu.img li em {display:inline-block;vertical-align:middle;line-height:18px;margin:0 0 0 48px;color:#222;font-size:14px !important;} ul.tabMenu.img li.on {border-bottom:none;} ul.tabMenu.img li.on a {height:auto;margin-left:-1px;border-top:2px solid #444;border-left:2px solid #444;border-right:2px solid #444;border-bottom:2px solid #fff;font-weight:bold;background-color:#fff;} ul.tabMenu.img li.on em {color:#0977c9;font-weight:bold;font-size:14px !important;} ul.tabMenu.img li:first-child a {border-left:1px solid #ddd;} ul.tabMenu.img li:first-child.on a {border-left:2px solid #444;} ul.tabMenu.img li.on a {min-width:169px !important;} /* bg */ .h2_tit.fn {font-weight:normal;} .page_info.cs_first .inner .bgArea {background:url(/ux/images/customer/cs_first_picto.png) no-repeat;} /*Tab3 ID등록*/ .overview.account .infoList dd {min-height:38px;} /*Tab4 공인인증서 발급/등록*/ .overview.certify .col {width:250px !important;} .overview.certify .col .header {min-height:90px;padding:0;margin-bottom:15px;} .overview.certify .row.first {height:130px;} .overview.certify .row.last {margin:15px 0 0 !important;} .overview.certify .row.last ul.btnArea {padding:10px 0 0 !important;} .overview.certify .row.last .page_desc {min-height:73px;padding:17px 0 0;} /*모바일개좌개설 안내레이어팝업*/ .mobile_account{overflow:hidden;padding:20px 30px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background:#fafafa} .mobile_account > div{width:310px} .mobile_account .fr{margin-top:50px} .mobile_account .fr dl{float:left} .mobile_account .fr dl dt{margin-bottom:10px} .mobile_account .fr dl dd{color:#444} .mobile_account .fr dl dd + dd{margin-top:7px} .mobile_account .fr dl dd.numList + dd{padding-left:15px} .mobile_account .fr dl dd.numList{padding-left:15px;text-indent:-14px} .mobile_account .pageNum{clear: both;text-align:center;color:#747474;font-size:13px} /********************** 온라인/지점/은행계좌개설 **********************/ /* 계좌개설 안내 */ .detailBox {zoom:1;margin-top:20px;border:1px solid #ddd;border-top:1px solid #747474 !important;} .detailBox.account .head {min-height:352px;background:#fafafa url(/ux/images/customer/bg_first_account.png) no-repeat 192px 20px;} .detailBox.account .infoList {margin:30px 30px 0 0;padding:0 0 0 30px;} .detailBox.account .col.last .infoList {background:url(/ux/images/common/bg_dot_vline2.gif) repeat-y left 30px;} .infoList dt:first-child {margin:0;} .infoList dt {display:block;line-height:15px;margin:30px 0 0;color:#444;font-size:16px;font-weight:bold;} .varietyGoods {display:table;position:relative;width:100%;margin:19px 0 0 0;padding:0 0 10px;border-bottom:solid #ddd 1px;} .varietyGoods .box {display:block;float:left;width:312px;height:191px;margin:0 0 9px 9px;border:1px solid #ddd;} .varietyGoods .box.first {margin-left:0;} .varietyGoods .box.bg {background-color:#fafafa;} .varietyGoods .box dl {display:block;width:254px;padding:19px 29px 0;} .varietyGoods .box dl:after {content:'';display:block;clear:both;} .varietyGoods .box dl dt {line-height:18px;padding-bottom:10px;font-size:18px;font-weight:bold;} .varietyGoods .box dl dd .btn {padding:10px 0 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;} .varietyGoods .box dl dd .btn li {float:left;margin-right:5px;} .varietyGoods .box dl dd .btn li .lay-help {display:block;margin:3px 0 0 20px;} .varietyGoods .box dl dd .btn li.type2 .lay-help {margin-left:15px;} .varietyGoods .box.nodata {border:1px solid #fff;background:url(/ux/images/customer/bg_nodata_online.gif) no-repeat center center;} .varietyGoods:after {content:"";display:block;clear:both;} .varietyGoods > li {display:block;position:relative;float:left;width:50%;height:180px;margin:0;padding:30px 0 25px 0;border-bottom:solid #ddd 1px;background-repeat:no-repeat;background-position:0 25px;} .varietyGoods li .inner {display:block;position:relative;margin:0;padding:0 0 0 100px;} .varietyGoods h3 {margin-top:-3px;margin-bottom:16px;font-size:20px;line-height:18px;} .varietyGoods .info {display:block;position:relative;min-height:65px;margin:0 0 10px 0;padding:0;} .varietyGoods .info li {display:block;position:relative;float:inherit;width:100%;height:inherit;margin:0 0 5px 0;padding:0;border-bottom:none;font-size:14px;clear:both;} .varietyGoods .info li.text_in {margin-left:92px;text-indent:-92px;} .varietyGoods .btn_tray {display:table;position:relative;margin:5px 0 0;padding:0;} .varietyGoods .btn_tray a {display:inline-block;position:relative;margin:0 5px 0 0;padding:0 10px;border:solid #f2b57f 1px;color:#ff8f1c;font-size:14px;} .varietyGoods .tips {display:block;position:relative;margin:10px 0 0 0;padding:0 0 0 10px;color:#747474;font-size:13px;background:url(/ux/images/common/icon_tips_star.png) no-repeat 0 8px;} .varietyGoods.first {border-top:solid #747474 1px;border-bottom:solid #ddd 1px;padding-bottom:6px;margin:25px 0 0 0;} .varietyGoods.first > li {height:195px;border-bottom:none;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;} .varietyGoods.first > li:first-child, .varietyGoods.first > li.case2 {background:none;} .varietyGoods.first > li .inner {padding:0 0 0 90px;background-repeat:no-repeat;background-position:0 3px;} .varietyGoods.first .info {margin:0;} .varietyGoods.first .info li {height:inherit;line-height:21px;margin:0 0 5px;color:#747474;} .varietyGoods.first .info li small {font-size:13px;} .varietyGoods.first .btn_tray a {height:14px;line-height:13px;margin:0;border:none;border-left:1px solid #ddd;} .varietyGoods.first .btn_tray a:first-child {padding-left:0;border-left:none;} .varietyGoods.first .btnArea {margin:0;padding:18px 0 0;text-align:left;} .varietyGoods.first .case1 .inner {background-image:url(/ux/images/customer/variety_first_goods1.gif);} .varietyGoods.first .case2 .inner {background-image:url(/ux/images/customer/variety_first_goods2.gif);} .varietyGoods.first .case3 .inner {background-image:url(/ux/images/customer/variety_first_goods3.gif);} .varietyGoods.first .case4 .inner {background-image:url(/ux/images/customer/variety_first_goods4.gif);} .varietyGoods.first .case5 .inner {height:240px;background-image:url(/ux/images/customer/variety_first_goods5.gif);} .varietyGoods.first .case6 .inner {height:240px;background-image:url(/ux/images/customer/variety_first_goods6.gif);} .varietyGoods.first .case7 .inner {height:240px;background-image:url(/ux/images/customer/variety_first_goods7.gif);} .varietyGoods.first .case8 .inner {height:240px;background-image:url(/ux/images/customer/variety_first_goods8.gif);} .varietyGoods.first .case6 .btnArea {padding:13px 0 0;} .varietyGoods.first .btnArea .ico_tel {display:inline-block;margin:0 0 0 16px;padding:0 0 0 52px;vertical-align:middle;line-height:42px;font-size:24px;font-weight:bold;background:url(/ux/images/customer/ico_tel.gif) no-repeat 0 center;} /* 온라인 계좌개설 */ .stepArea.online {border-top:1px solid #747474;} .stepArea.online ul {display:block;height:155px;border-bottom:1px solid #ddd;background:url(/ux/images/common/bg_stepArea_online.gif) no-repeat 0 0;} .stepArea.online ul li {width:192px;float:left;padding:0;} .stepArea.online ul li.on {height:153px;border-bottom:3px solid #2e83cd;background:url(/ux/images/common/bg_stepArea_online.gif) no-repeat 0 0;} .stepArea.online ul li p {display:block;text-align:center;line-height:20px;padding:95px 0 0 0;color:#747474;font-weight:bold;font-size:14px;} .stepArea.online ul li.on p {color:#222;} .stepArea.online ul li.step1 {background-position:0 -155px;} .stepArea.online ul li.step2 {background-position:-192px -155px;} .stepArea.online ul li.step3 {background-position:-384px -155px;} .stepArea.online ul li.step4 {background-position:-576px -155px;} .stepArea.online ul li.step5 {background-position:-768px -155px;} /**/ .online_content_full {display:block;position:relative;width:100%;height:450px;margin:0;padding:40px 0 0 0;background:#5a96c8;} .online_content_full .inner {display:block;position:relative;width:960px;margin:0 auto;padding:0;} .online_content_full + .content {padding-top:10px !important;} .online_content_full h2 {margin-bottom:20px;font-size:38px;font-weight:600;color:#FFF;} .online_content_full .sentence {margin-bottom:15px;font-size:14px;color:#FFF;} .online_content_full a.creatAccount {display:inline-block;position:relative;width:221px;height:39px;line-height:36px;margin:0;padding:0;text-align:center;color:#fcff00;background:url(/ux/images/customer/bg_creatAccount.png) no-repeat left top;} .online_content_full a.creatAccount:hover {text-decoration:none;} .online_content_full a.creatAccount span {display:block;position:relative;margin:0 15px;padding-right:10px;background:url(/ux/images/customer/ico_creatAccount.png) no-repeat right 50%;} .online_content_full .oa_slider_wrap {display:block;position:absolute;width:323px;height:616px;background:url(/ux/images/customer/oa_slider_bg.png) no-repeat 0 0;right:0;top:0;} .online_content_full .oa_slider_wrap ul {display:block;position:relative;margin:0;padding:87px 25px 0 26px;} .online_content_full .oa_slider_wrap li {display:block;position:absolute;top:87px;left:26px;width:272px;margin:0;padding:0;} .online_content_full .oa_slider_wrap li .pager {display:block;position:absolute;top:164px;width:101px;height:75px;line-height:16px;padding:26px 23px 0 0;text-align:center;color:#FFF;font-size:12px;background:url(/ux/images/customer/oa_slider_pager.png) no-repeat;} .online_content_full .oa_slider_wrap li .pager > span {font-size:14px;} .online_content_full .oa_slider_wrap li .pager.step1 {left:-663px;background-position:0 0;} .online_content_full .oa_slider_wrap li.current .pager.step1 {background-position:-150px 0;} .online_content_full .oa_slider_wrap li .pager.step2 {left:-539px;background-position:0 -150px;} .online_content_full .oa_slider_wrap li.current .pager.step2 {background-position:-150px -150px;} .online_content_full .oa_slider_wrap li .pager.step3 {left:-415px;background-position:0 -300px;} .online_content_full .oa_slider_wrap li.current .pager.step3 {background-position:-150px -300px;} .online_content_full .oa_slider_wrap li .pager.step4 {left:-291px;background-position:0 -450px;} .online_content_full .oa_slider_wrap li.current .pager.step4 {background-position:-150px -450px;} .online_content_full .oa_slider_wrap li .pager.step5 {left:-167px;background-position:0 -600px;} .online_content_full .oa_slider_wrap li.current .pager.step5 {background-position:-150px -600px;} .online_content_full .oa_slider_wrap li dl {display:none;position:relative;margin:0;padding:182px 0 0 0;background:url(/ux/images/customer/oa_slider_picto.png) no-repeat;} .online_content_full .oa_slider_wrap li.current dl {display:block;} .online_content_full .oa_slider_wrap li dt {display:block;position:relative;margin:15px 0 13px 0;padding:50px 0 0 0;text-align:center;color:#444;font-size:20px;font-weight:600;line-height:23px;} .online_content_full .oa_slider_wrap li dt strong {display:block;position:absolute;left:91px;top:0px;width:90px;height:35px;text-align:center;color:#FFF;font-size:16px;line-height:33px;background:url(/ux/images/customer/oa_slider_step.png) no-repeat;} .online_content_full .oa_slider_wrap li dd {display:block;position:relative;text-align:center;color:#444;font-size:14px;} .online_content_full .oa_slider_wrap li dl.step1 {background-position:0 0;} .online_content_full .oa_slider_wrap li dl.step1 strong {background-position:0 0;} .online_content_full .oa_slider_wrap li dl.step2 {background-position:-272px 0;} .online_content_full .oa_slider_wrap li dl.step2 strong {background-position:0 -35px;} .online_content_full .oa_slider_wrap li dl.step3 {background-position:-544px 0;} .online_content_full .oa_slider_wrap li dl.step3 strong {background-position:0 -70px;} .online_content_full .oa_slider_wrap li dl.step4 {background-position:-816px 0;} .online_content_full .oa_slider_wrap li dl.step4 strong {background-position:0 -105px;} .online_content_full .oa_slider_wrap li dl.step5 {background-position:-1088px 0;} .online_content_full .oa_slider_wrap li dl.step5 strong {background-position:0 -140px;} .online_content_full .oa_control {display:block;position:absolute;top:372px;left:-100px;width:18px;height:18px;} .online_content_full .oa_control a {display:block;position:relative;width:18px;height:18px;text-indent:-9999px;font-size:0;background:url(/ux/images/customer/oa_slider_control.png) no-repeat;} .online_content_full .oa_control a.pause {display:none;background-position:0 0;} .online_content_full .oa_control a.play {background-position:0 -25px;} /* 18-02-08 : TD3812 */ .onlineAccount {display:block;position:relative;width:100%;height:600px;margin:0 0 70px;padding:0;background:url(/ux/images/customer/onlineSlider_bg.jpg) no-repeat 50% 0;} .onlineAccount .inner {display:block;position:relative;width:960px;height:600px;margin:0 auto;padding:0;} .onlineAccount + .content {padding-top:10px !important;} .onlineAccount .left{float:left;margin:0;} .onlineAccount .right{float:right;margin:0;} .onlineAccount h2 {display:inline-block;padding-top:80px;margin:0 0 20px 0;font-size:38px;font-weight:600;color:#FFF;} .onlineAccount .stitleText {display:block;margin:0;font-size:18px;color:#FFF;} .onlineAccount h3 {display:inline-block;padding-top:100px;margin:0 0 20px 0;font-size:22px;font-weight:600;color:#FFF;} .onlineAccount .startReady{display:block;} .onlineAccount .startReady li{display:block; padding:0 0 0 73px;min-height:60px; margin:0 0 15px; background:url(/ux/images/customer/bg_ico_startReady.png) no-repeat 0 0; font-size:18px; color:#fff} .onlineAccount .startReady li span{display:block;} .onlineAccount .startReady li.smart{background-position:0 0;line-height:60px;} .onlineAccount .startReady li.jumin{background-position:0 -60px;line-height:20px;} .onlineAccount .startReady li.jumin span{padding:7px 0 0} .onlineAccount .onlineSliderWrap {display:block;position:absolute;width:100%;height:616px;background:url(/ux/images/customer/onlineSlider_bg.png) no-repeat 0 0;} .onlineAccount .onlineSliderWrap ul {display:block;position:relative;margin:0;} .onlineAccount .onlineSliderWrap li:first-child{margin-left:0} .onlineAccount .onlineSliderWrap ul > li {display:block;width:auto;margin:455px 0 0 13px;padding:35px 0 0;float:left;} .onlineAccount .onlineSliderWrap ul > li:first-child{margin-left:177px} .onlineAccount .onlineSliderWrap ul > li .pager {display:block;position:relative;top:0;width:111px;height:111px;line-height:16px;padding:0;text-align:center;color:#0098c6;font-size:14px;background:url(/ux/images/customer/bg_onlineSlider_step.png) no-repeat;} .onlineAccount .onlineSliderWrap ul > li .pager > strong {display:block;font-size:16px;padding:37px 0 0;} .onlineAccount .onlineSliderWrap ul > li.current{background:url(/ux/images/customer/bg_onlineSlider_step.png) no-repeat; background-position:50% -224px;} .onlineAccount .onlineSliderWrap ul > li.current .pager {background-position:0 -111px;} .onlineAccount .onlineSliderWrap ul > li.current .pager, .onlineAccount .onlineSliderWrap ul > li.current .pager > strong {color:#0977c9} .onlineAccount .onlineSliderWrap ul > li .onlineList {display:none;position:absolute;top:30px;left:287px;margin:0;width:386px;height:425px;padding:0;overflow:hidden} .onlineAccount .onlineSliderWrap ul > li.current .onlineList {display:block;} .onlineAccount .onlineSliderWrap ul > li .onlineList ul{width:2000em;overflow:hidden} .onlineAccount .onlineSliderWrap ul > li .onlineList li {display:block;position:relative;width:386px;height:425px;margin:0;padding:0} .onlineAccount .onlineSliderWrap ul > li .onlineList li > strong {display:block;position:absolute;left:0;top:0;width:100%;height:48px;line-height:48px;text-align:center;color:#444;font-size:18px;} .onlineAccount .onlineSliderWrap ul > li.step04 .onlineList li > strong{line-height:28px;} .onlineAccount .onlineSliderWrap ul > li .onlineList li > strong>em{display:block;line-height:14px;font-size:14px} .onlineAccount .onlineSliderWrap .btn_control{display:inline-block;position:absolute;width:34px;height:34px;top:562px;right:122px} .onlineAccount .onlineSliderWrap .btn_control a{display:block;width:34px;height:34px;background:url(/ux/images/customer/bg_onlineSlider_control.png) no-repeat 0 0;} .onlineAccount .onlineSliderWrap .btn_control a.pause{background-position:0 0;} .onlineAccount .onlineSliderWrap .btn_control a.play{background-position:0 -34px;} .onlineAccount .onlineSliderWrap .btn_page{display:block;position:absolute;width:100%;top:424px} .onlineAccount .onlineSliderWrap .btn_page > span{display:block;text-align:center;width:61px;color:#57aec6;font-size:13px;line-height:24px;background:url(/ux/images/customer/bg_onlineSlider_page.png) no-repeat;margin:0 auto} .onlineAccount .onlineSliderWrap .btn_page > a{position:absolute;top:-70px;display:block;width:40px;height:58px;background:url(/ux/images/customer/bg_onlineSlider_arrow.png) no-repeat;} .onlineAccount .onlineSliderWrap .btn_page > a.prev{background-position:0 -58px;left:235px;} .onlineAccount .onlineSliderWrap .btn_page > a.next{right:239px;} .onlineAccount .oa_control {display:block;position:absolute;top:372px;left:-100px;width:18px;height:18px;} .onlineAccount .oa_control a {display:block;position:relative;width:18px;height:18px;text-indent:-9999px;font-size:0;background:url(/ux/images/customer/oa_slider_control.png) no-repeat;} .onlineAccount .oa_control a.pause {display:none;background-position:0 0;} .onlineAccount .oa_control a.play {background-position:0 -25px;} .pageCont.text.online{border-bottom:none;padding:10px 0 0} .pageCont.text.online:after, .pageCont.text.online .col2:after {content:"";display:block;clear:both;} .pageCont.text.online .col2{border-top:1px solid #747474;float:left;width:48%;margin-left:1.5%;padding:10px 0 0 10px} .pageCont.text.online .col2:first-child, .pageCont.text.online .col3:first-child{margin-left:0;} .pageCont.text.online dl dt{display:block;font-size:18px;color:#222;margin:10px 0 0;font-weight:bold;min-height:52px} .pageCont.text.online dl dd{display:block;margin:20px 0 0} .pageCont.text.online dl dd .mpopSends{width:auto;margin:0 0 10px} .pageCont.text.online dl dd .mpopSends fieldset.phonefield input{width:60px !important} .pageCont.text.online .col3{position:relative;border-top:1px solid #747474;float:left;width:31.2%;margin-left:1.5%;padding:10px 0 0 10px;background-image:none} .pageCont.text.online .col3.type2:after{position:absolute;top:210px;right:-25px;background:url(/ux/images/customer/bg_arrowPage.gif) no-repeat;width:18px;height:80px;} .pageCont.text.online .col3 dd .imgArea{text-align:center} .pageCont.text.online .col3 dd .textArea{float:left; margin-left:20px} /**/ .oa_array {display:block;position:relative;width:600px;margin:0 0 60px 0;padding:0;} .oa_array .tbl_desc {display:block;position:relative;margin-bottom:16px;} .oa_array .tbl_desc li {position:relative;} .oa_array a.btnMid {position:absolute;top:8px;left:440px;width:112px;} .mpopSends {display:block;position:relative;width:640px;margin:10px 0 0 0;padding:10px 15px !important;background:#f4f5f7;} .mpopSends fieldset.phonefield label {position:relative;font-weight:600;margin-right:10px;} .mpopSends fieldset.phonefield .select-box {width:85px !important;margin-right:0px !important;} .mpopSends fieldset.phonefield input {width:84px !important;margin-right:0px !important;} /* 기존 width:50px 에서 84px로 변경 */ .mpopSends fieldset.phonefield .btnLarge {position:relative;top:1px;font-size:14px;font-weight:600;} /* 온라인 계좌개설 > step 1 본인인증 팝업 As-is inlnie-style css로 가져옴 */ #divContentArea {position:relative;} #divContentArea .hgroup {margin:-30px 0 20px 0;} #divContentArea .hgroup .tit_desc {color:#0062ab;font-size:16px;} #divContentArea .hgroup p label {font-weight:600;} /* 온라인계좌개설 > 계좌개설방법 */ .detailBox .head .inner {margin:0;padding:26px 30px 30px;} .detailBox.online {border:none !important;background-color:#fff;} .detailBox.online.colgroup3 .col {width:174px !important;min-height:262px;padding:26px 25px 0;margin-left:20px;border:1px solid #ddd;border-top:1px solid #747474 !important;} .detailBox.online.colgroup3 .col.first {width:465px !important;min-height:288px;padding:0;margin-left:0;background-color:#fafafa;} .detailBox.online .head {background:#fafafa url(/ux/images/customer/bg_online_account.png) no-repeat 260px 25px !important;} .detailBox.online .header {margin-bottom:17px;} .detailBox.online .infoList dd {min-height:55px;} .detailBox.online .infoList dd li:first-child {padding-top:2px;} .detailBox.online .col.first .page_desc {min-height:102px;padding:9px 0 0;text-align:left;} .detailBox.online .col.first .page_desc .btn {display:block;padding:12px 0 0;background:none;} .detailBox.online .header {background-color:#fff;} .detailBox.online .header dl dt {color:#222;font-size:20px;font-weight:bold;line-height:19px;} .detailBox.online .header dl dt.type2 {letter-spacing:-2.5px;} .detailBox.online .header dl dd {color:#444;padding:14px 0 0;font-size:14px;letter-spacing:-1.5px;} .detailBox.online .header dl dd.type2 {letter-spacing:-2px;} .detailBox.online .header .btn {padding:15px 0 0;text-align:left;} .detailBox.online .col .btnArea {padding:20px 0 0 !important;text-align:left;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;} .detailBox.online .col .textArea {display:block;padding:8px 0 0;color:#747474;font-size:13px;line-height:20px;} .detailBox.online .col .textArea.line {padding:20px 0 0 !important;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;} /* 온라인계좌개설 신청서작성 기본약관 및 개인정보 취급 동의 cm.sspop.css 에서 가져옴 */ .agreementAll {zoom:1;display:block;position:relative;margin:15px 0 20px 0;} .agreementAll:after {content:'';display:block;clear:both;} .agreementAll p.noti {color:#222;font-size:16px;padding:15px 0 0 10px;border-top:solid #ddd 1px;} .agreementAll dl {display:block;position:relative;margin:20px 0 0 0;padding:13px 0;border-top:solid #747474 1px;border-bottom:solid #747474 1px;background:#f4f5f7;} .agreementAll dt {display:inlin-block;position:absolute;left:10px;color:#444;font-size:16px;} .agreementAll dd {text-align:right;padding-right:75px;} .agreementToggle {zoom:1;display:block;position:relative;margin:0;padding:0;border-top:solid #ddd 1px;} .agreementToggle:after {content:'';display:block;clear:both;} .agreementToggle dl {display:block;position:relative;margin:0;padding:0;} .agreementToggle dt {height:50px;line-height:49px;padding:0 250px 0 10px;font-size:16px;border-bottom:solid #ddd 1px;} .agreementToggle dt .toggle {display:block;position:absolute;width:50px;height:50px;text-indent:-9999px;background-image:url(/ux/images/common/ico_toggle.png);background-repeat:no-repeat;background-position:0 0;right:0;top:0;} .agreementToggle dt .toggle:hover {background-position:0 -50px;} .agreementToggle dt .toggle.on {background-position:0 -100px;} .agreementToggle dt .toggle.on:hover {background-position:0 -150px;} .agreementToggle dd {display:none;position:relative;max-height:200px;margin:0;padding:0;background-color:#fafafa;font-size:14px;border-bottom:solid #ddd 1px;overflow:auto;} body.firefox .agreementToggle dd {height:201px;} .agreementToggle dd.on {display:block;} .agreementToggle dd .inner {padding:0 !important;}/* front_content 에서 상속받아 important 추가 삽입 */ .agreementToggle dd.agreeSet {display:inline-block;position:absolute;height:24px;margin:0;padding:0 10px 0 0;right:50px;top:13px;background:none;overflow:hidden;border-bottom:none;} .agreementToggle dd.agreeSet label {margin-right:15px;} .agreementToggle dd.marketing_agree {display:block !important;position:relative;height:24px;margin:0;padding:15px 10px 15px 0;text-align:right;overflow:hidden;} .agreementToggle dd.marketing_agree label {margin-right:15px;} .agreementToggle dd.marketing_agree label.last {margin-right:0;} .agreementToggle dd.marketing_agree span {padding:0 5px;} .agreementToggle dd.agreeList {position:relative;padding:0px;background:#fff;height:auto !important;max-height:inherit;} .agreementToggle dd.agreeList .list {zoom:1;display:block;position:relative;padding:21px 10px 22px 30px;} .agreementToggle dd.agreeList .list:after {content:'';display:block;clear:both;} .agreementToggle dd.agreeList .list dl {zoom:1;display:block;position:relative;} .agreementToggle dd.agreeList .list dl:after {content:'';display:block;clear:both;} .agreementToggle dd.agreeList .list dt, .agreementToggle dd.agreeList .list dd {display:block !important;float:left;border:0 !important;min-height:27px;height:27px;line-height:26px;padding:0;background:#fff;} .agreementToggle dd.agreeList .list dt {width:713px;font-size:14px;} .agreementToggle dd.agreeList .list dd {width:190px;overflow:hidden;} .agreementToggle dd.agreeList .list dd label {margin-right:15px;} .agreementToggle dd.agreeList .list dd fieldset {vertical-align:top;margin-top:-2px;} .agreementToggle dd.agreeList .inner {height:200px;margin:0;padding:0;font-size:14px;border-top:solid #ddd 1px;background-color:#fafafa;} /* 온라인계좌개설 step2 */ /* mPOP신분증 확인 */ .mpopCertificate {display:block;position:relative;margin:25px 0 0 0;padding:0 0 0 490px;} .mpopCertificate .divis_phone {display:block;position:absolute;width:468px;height:300px;padding:25px 0 30px 0;border-top:solid #747474 1px !important;border:solid #ddd 1px;left:0;top:0;} .mpopCertificate .divis_QR {display:block;position:relative;width:468px;height:300px;padding:25px 0 30px 0;border-top:solid #747474 1px !important;border:solid #ddd 1px;} .mpopCertificate .inner {display:block;position:relative;margin:0;padding:0 30px;} .insertPhoneNum {display:block;position:relative;margin:0;padding:12px 15px;background:#f4f5f7;} .insertPhoneNum label {padding-right:10px;font-weight:600;} .insertPhoneNum .select-box {top:-1px;} .insertPhoneNum input[type="text"] {width:55px;text-align:center;} .insertPhoneNum a.btnLarge {min-width:inherit;top:1px;padding:0 10px;} .qrWrap {display:block;position:relative;margin:0;padding:0 0 0 180px;} .qrWrap .qrCode {display:block;position:absolute;top:0;left:0;width:150px;text-align:center;border:5px solid #ddd;} .qrWrap .qrCode .btnMid {margin-top:5px;} .qrWrap .btnLarge {position:absolute;top:165px;left:27px;} .qrWrap .page_desc3 {padding:0;} .mpopCertificate h3 {margin-bottom:10px;font-size:18px;color:#222;} .mpopCet_message {display:block;position:relative;margin:0;padding:0;font-size:18px;color:#444;text-align:center;} .mpopCet_message span {color:#e56c00;} /* 온라인계좌개설 step2 */ /* mPOP신분증 확인 */ .mpopCertificate {display:block;position:relative;margin:25px 0 0 0;padding:0 0 0 490px;} .mpopCertificate .divis_phone {display:block;position:absolute;width:468px;height:300px;padding:25px 0 30px 0;border-top:solid #747474 1px !important;border:solid #ddd 1px;left:0;top:0;} .mpopCertificate .divis_QR {display:block;position:relative;width:468px;height:300px;padding:25px 0 30px 0;border-top:solid #747474 1px !important;border:solid #ddd 1px;} .mpopCertificate .inner {display:block;position:relative;margin:0;padding:0 30px;} .insertPhoneNum {display:block;position:relative;margin:0;padding:12px 15px;background:#f4f5f7;} .insertPhoneNum label {padding-right:10px;font-weight:600;} .insertPhoneNum .select-box {top:-1px;} .insertPhoneNum input[type="text"] {width:55px;text-align:center;} .insertPhoneNum a.btnLarge {min-width:inherit;top:1px;padding:0 10px;} .qrWrap {display:block;position:relative;margin:0;padding:0 0 0 180px;} .qrWrap .qrCode {display:block;position:absolute;top:0;left:0;width:150px;text-align:center;border:5px solid #ddd;} .qrWrap .qrCode .btnMid {margin-top:5px;} .qrWrap .btnLarge {position:absolute;top:165px;left:27px;} .qrWrap .page_desc3 {padding:0;} .mpopCertificate h3 {margin-bottom:10px;font-size:18px;color:#222;} .mpopCet_message {display:block;position:relative;margin:0;padding:0;font-size:18px;color:#444;text-align:center;} .mpopCet_message span {color:#e56c00;} /* 온라인계좌개설 step4 */ /* 본인확인 방법 선택 */ .selfCertificate {display:block;position:relative;margin:0;padding:0 0 0 469px;} .selfCertificate.temp .divis_phone, .selfCertificate.temp .divis_card {height:100px;} .selfCertificate.temp .divis_phone {padding:160px 0 10px 30px;background:url(/ux/images/customer/divis_no.png) no-repeat 50% 30px;} .selfCertificate.temp .divis_card {padding:160px 0 10px 30px;background:url(/ux/images/customer/divis_yes.png) no-repeat 50% 30px;} .selfCertificate.temp .btnMid {position: relative;left:165px;bottom:0;width:53px;} .selfCertificate .divis_phone {display:block;position:absolute;left:0;top:0;width:439px;height:170px;padding:190px 0 70px 30px;border-top:solid #747474 1px !important;border:solid #ddd 1px;background:url(/ux/images/customer/divis_phone.png) no-repeat 50% 50px;} .selfCertificate .divis_card {display:block;position:relative;width:438px;height:170px;margin-left:19px;padding:190px 0 70px 30px;border-top:solid #747474 1px !important;border:solid #ddd 1px;background:url(/ux/images/customer/divis_card.png) no-repeat 50% 50px;} .selfCertificate h3 {font-size:18px;color:#444;} .selfCertificate .descArea li {line-height:16px;background-position:0 9px;} .selfCertificate .btnMid {position:absolute;left:30px;bottom:40px;} .onlineJoinStatus {display:block;position:relative;margin:0;padding:25px 10px;text-align:center;} .onlineJoinStatus span {display:block;font-size:20px;color:#222;margin-bottom:6px;} .onlineJoinStatus span strong {font-weight:600;color:#222;} /* 실소유자가 아닐때 입력 */ .ownerCheck dt {margin:10px 0 5px;} .ownerCheck dd input[type="text"], .ownerCheck dd input[type="password"] {width:18%;} /* 타금융 계좌소액이체 */ .messageBox .anotherBank_info {margin-top:10px;font-size:14px;font-weight:normal;line-height:inherit;} .messageBox .anotherBank_info .select-box {text-align:left;} .messageBox .anotherBank_info input[type=text] {width:200px;margin-left:5px;} .messageBox .anotherBank_info .bank_btn {display:inline-block;height:38px;margin-right:-2px;border:1px solid #d5d5d5;vertical-align:middle;} .messageBox .anotherBank_info .bank_btn input[type=text] {width:90px;height:36px;padding:0;border-width:0;background:none;} .messageBox .anotherBank_info .bank_btn a.more {display:inline-block;width:39px;height:38px;vertical-align:top;text-indent:-9999px;background:url(/ux/images/common/arrow_select.gif) no-repeat 0 -1px;} /* 은행팝업 */ .lay-view {display:inline-block;position:relative;vertical-align:middle;font-size:14px;z-index:1;} .lay-view .details {position:absolute;top:39px !important;left:0;width:630px;padding:20px;text-align:left;border:1px solid #686970;background-color:#fff;z-index:10;} .lay-view .details.mybond {top:-60px !important;} .lay-view .details.bank {left:-85px !important;padding-top:40px !important;} .lay-view .details.bank.transper {left:-543px !important;} .lay-view .details span.arrow {display:block;position:absolute;top:-7px;left:50%;width:13px;height:7px;text-indent:-9999px;background:url(/images/common/ico/bu_arrow3.gif) no-repeat;} .lay-view .details h5 {margin:20px 0 10px !important;} .lay-view .details h4+h5 {margin-top:0;} .lay-view .details td {padding:10px;} .lay-view .details table.tbl-type a.btn2, .lay-view .details table.tbl-type a.btn3 {margin-top:-2px;margin-bottom:0;} .lay-view .details table.tbl-type2 th, .lay-view .details table.tbl-type2 td {border-top:1px solid #e0e1e3;} .lay-view .details table.tbl-type2 tr:first-child th, .lay-view .details table.tbl-type2 tr:first-child td {border-top-width:0;} .lay-view .details table.tbl-layout.thead {border-bottom-width:0;} .lay-view .details table.tbl-layout.thead.classfund td {font-size:14px;} .lay-view .details table.tbl-layout tr.thead td {border-top:2px solid #686970;border-left-width:0;} .lay-view .details table.tbl-layout td {border-top:1px solid #e0e1e3;} .lay-view .details .tbl-scroll table {border-width:0;} .lay-view .details .tbl-scroll table.tbl-type tbody tr:first-child td {border-top-width:0;} .lay-view .details .tbl-scroll tbody td, .lay-view .details table.tbl-type2 td {border-top:1px solid #e0e1e3 !important;} .lay-view .details .tbl-scroll tbody td a.fl:hover, .lay-view .details .tbl-scroll tbody td a.fr:hover {color:#ac0069;text-decoration:none;} .lay-view .details.inquiry {left:auto;right:-1px;width:300px;text-align:center;} .lay-view .details.inquiry fieldset {height:auto !important;float:none;margin:30px 20px 20px 20px;text-align:left;} .lay-view .details.inquiry label {margin:0 20px;} .lay-view .details.inquiry ul.inquiry-list {height:22px;text-align:left;} .lay-view .details.inquiry ul.inquiry-list li {float:left;width:50%;height:22px;position:relative;} .lay-view .details.inquiry ul.inquiry-list li label {margin:0;padding:0;} .lay-view .details.inquiry ul.inquiry-list li ul {position:absolute;top:35px;left:-10px;width:260px;padding:10px;border-top:1px solid #e0e1e3;} .lay-view .details.inquiry ul.inquiry-list li ul li {float:none;width:210px;margin-bottom:3px;font-size:14px;} .lay-view .details.inquiry ul.inquiry-list li:nth-child(2) ul {left:-115px;} .lay-view .details.inquiry ul.inquiry-list li.nth_2 ul {left:-115px;} .lay-view .details.inquiry table {width:100%;} .lay-view .details.inquiry th, .lay-view .details.inquiry td {text-align:left;font-weight:normal;} .lay-view .details.inquiry th {padding:10px 15px 0 0;} .lay-view .details.inquiry td {padding:10px 0;} .lay-view .details.inquiry td label {margin:0px 20px 0 0;} .lay-view .details.inquiry.m {width:370px;} .lay-view.srchSlc .details.inquiry table {margin-top:-15px;} .lay-view.srchSlc .details.inquiry td {padding:0;} .lay-view.srchSlc .details.inquiry td.srchSlcTit {padding-top:20px;} .lay-view.srchSlc .details.inquiry tr:first-child td.srchSlcTit {padding-top:0px;} .lay-view.srchSlc .details.inquiry td.srchSlcTit strong {font-weight:bold;color:#000;} .lay-view.srchSlc .details.inquiry td label {margin:7px 10px 0px 0;} .lay-view .details.calendar {left:auto;right:0;width:222px;} .lay-view .details.calendar label {display:inline-block;height:36px;margin-right:10px;line-height:36px;vertical-align:middle;} .lay-view .details a.btnBank_close {position: absolute;right: 20px;top: 20px;width:12px;height:11px;background: url(/ux/images/common/ico_close.gif) no-repeat;} .lay-view.transfer-option {z-index:101;} .lay-view.transfer-option a.btn3 {margin:-1px -5px 0 0;} .lay-view.transfer-option .details {top:auto;bottom:38px;left:auto;right:-5px;width:420px;padding-top:40px;} fieldset.anotherBank_info .lay-view .details hr {height:20px !important;border:0;} fieldset.anotherBank_info .lay-view .details h4 {float:left;width:50px;margin-top:8px !important;font-size:14px !important;} fieldset.anotherBank_info .lay-view .details table {float:left;border-bottom:1px solid #a0a3aa;} fieldset.anotherBank_info .lay-view .details td {width:78px;height:34px;padding:0;border-top:1px solid #a0a3aa !important;border-right:1px solid #a0a3aa;border-left-width:0;font-size:14px;line-height:34px;text-align:center;} fieldset.anotherBank_info .lay-view .details td:first-child {border-left:1px solid #a0a3aa;} fieldset.anotherBank_info .lay-view .details td a {display:block;width:78px;height:34px;color:#000;} fieldset.anotherBank_info .lay-view .details td a:hover {color:#fff;text-decoration:none;background-color:#2768c3;} fieldset.anotherBank_info .lay-view .details td.blank {border-top:1px solid #a0a3aa;background-color:#fafbfc;} .lay-view .details.bank {left:-125px !important;padding-top:20px !important;} /* 보안카드 입력 */ .secret_card.otp .otp_txt {display:inline-block;float:left;width:290px;} .secret_card.otp input[type=password], .secret_card.otp ul li input[type=password] {width:168px;margin-left:0;} .secret_card.otp .img_secret_card {display:inline-block;width:296px;height:86px;background:url(/ux/images/common/img_otp_secret.gif) no-repeat;} .secret_card.otp.block .img_secret_card {width:373px;height:86px;margin:50px 0 0;background:url(/ux/images/common/img_error_otp_secret.gif) no-repeat;} .secret_card.otp.block .bul_list {margin-bottom:0;padding:0;} .secret_card.otp.block p.text {padding-top:10px;} .secret_card img {vertical-align: middle;} .secret_card input[type=password] {width:75px;margin-left:13px;} .secret_card .secret_input li {margin-top:10px;} .secret_card .secret_input li:first-child {margin-top:0;} .secret_card .secret_input li strong {color:#c80415;} .secret_card .secret_input li .secret_text {display:inline-block;width:115px;} .secret_card .secret_input li input[type=password] {width:55px;margin-left:0;} .secret_card .img_secret_card {width:291px;height:181px;margin-left:10px;text-indent:-9999px;background:url(/ux/images/common/img_secret_card.gif) no-repeat;} .secret_card.old ul li input[type=password] {width:125px;margin-left:0;} .secret_card.old .img_secret_card {background:url(/ux/images/common/img_old_secret_card.gif) no-repeat;} /* 휴대폰 본인명의 확인 및 추가인증 */ fieldset.agreement3 textarea, fieldset.agreement3 div.textarea {overflow-y:auto;overflow-x:hidden;position:relative;width:94%;height:190px;padding:40px 3%;margin-bottom:20px;border:1px solid #e0e1e3;color:#71727b;font-size:14px;line-height:1.7;background-color:#fafbfc;} fieldset.agreement3 div.textarea:focus {outline:none;border-color:#2768c3;} fieldset.agreement3 textarea+table {margin-top:-17px;} fieldset.agreement3 table+p {margin-top:-1px;} fieldset.agreement3 table.tbl-type2 th, fieldset.agreement3 table.tbl-type2 td {background-color:#fff !important;} fieldset.agreement3 p.message2 {border-color:#2768c3;} /* 온라인계좌개설 모바일 앱 */ .mpopCont1, .mpopCont2 {display:block;} .mpopCont1 .colgroup2.first, .mpopCont2 .colgroup3.first {padding-top:20px;} .mpopCont1 strong, .mpopCont2 strong {display:block;padding:0px;font-size:24px;line-height:28px;font-weight:normal;color:#222;} .mpopCont1 .colgroup2, .mpopCont2 .colgroup3 {display:block;padding:30px 20px 25px;border-bottom:1px solid #ddd;} .mpopCont2 .colgroup3 {padding:30px 0px 25px;} .mpopCont2 .colgroup3 .col{position:relative} .mpopCont1 .title, .mpopCont2 .title {min-height:50px;margin-left:27px;font-size:18px;font-weight:bold;} .mpopCont2 .title {min-height:40px;} .mpopCont1 .title.inherit {min-height:inherit;} .mpopCont1 .title em, .mpopCont2 .title em {position:absolute;top:-5px;left:0;font-size:24px;color:#0977c9;font-weight:bold;} .mpopCont1 .page_desc2, .mpopCont2 .page_desc2 {margin:10px 0 10px 25px;} .mpopCont1 .page_desc2.type1, .mpopCont2 .page_desc2.type1 {min-height:140px;} .mpopCont1 .page_desc2.type2, .mpopCont2 .page_desc2.type2 {min-height:200px;} .mpopCont1 .images {text-align:center;} .mpopCont2 .images {text-align:left;margin-left:25px;} /* 은행계좌개설 */ .bankService_sorting {display:block;position:relative;margin:15px 0 0 0;padding:30px 25px 30px 15px;border-top:solid #aaa 1px;border-bottom:solid #ddd 1px;background-color:#fafafa;} .bankService_sorting ul {display:table;position:relative;} .bankService_sorting li {float:left;width:25%;margin:0;padding:0;} .bankService_sorting .tabDeps2 {width:910px !important;margin-left:10px;} .bankService_sorting .tab {margin:0 auto 30px auto;border:solid #ddd 1px;background-color:#FFF;} .bankService_sorting .tab a {display:block;position:relative;width:158px;height:43px;line-height:41px;margin:0;padding:0;text-align:center;font-size:18px;color:#444;border-right:solid #ddd 1px;} .bankService_sorting .tab a:hover {text-decoration:none;} .bankService_sorting .tab li:last-child a {border-right:none;} .bankService_sorting .tab li.on a {background-color:#747474;color:#FFF;font-weight:600;} .bankService_sorting .sortTarget {width:100%;} .bankService_sorting .sortTarget li {margin-bottom:10px;cursor:pointer;} .bankService_sorting .sortTarget li a {display:block;} .bankService_sorting .sortTarget li a:hover {text-decoration:none;} .bankService_sorting .sortTarget dl {display:block;position:relative;height:154px;margin:0 0 0 10px;padding:72px 2px 2px 2px;border:solid #ddd 1px;text-align:center;font-size:13px;background-color:#FFF;background-repeat:no-repeat;background-position:50% 8px;} .bankService_sorting .sortTarget dt {padding:17px 0 3px 0;color:#444;font-weight:600;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 0;} .bankService_sorting .sortTarget li.on dt {color:#0977c9;} .bankService_sorting .sortTarget dd {color:#747474;min-height:20px;} .bankService_sorting .sortTarget dd.goods {display:table;position:relative;width:125px;margin:0 auto;padding-top:10px;} .bankService_sorting .sortTarget dd.goods span {display:inline-block;position:relative;height:24px;line-height:23px;margin:0 2px 4px 0;padding:0 8px;border:solid #ddd 1px;font-size:14px;} .bankService_sorting .sortTarget dd.goods span.g1 {border-color:#42bdb6;color:#42bdb6;} .bankService_sorting .sortTarget dd.goods span.g2 {border-color:#61a435;color:#61a435;} .bankService_sorting .sortTarget dd.goods span.g3 {border-color:#ff8f1c;color:#ff8f1c;} .bankService_sorting .sortTarget dd.goods span.g4 {border-color:#b884cb;color:#b884cb;} .bankService_sorting .sortTarget li.kb dl {background-image:url(/ux/images/customer/bank/kb.gif);}/* 국민 */ .bankService_sorting .sortTarget li.ibk dl {background-image:url(/ux/images/customer/bank/ibk.gif);}/* 기업 */ .bankService_sorting .sortTarget li.post dl {background-image:url(/ux/images/customer/bank/post.gif);}/* 우체국 */ .bankService_sorting .sortTarget li.sc dl {background-image:url(/ux/images/customer/bank/sc.gif);}/* 스탠다드 */ .bankService_sorting .sortTarget li.kj dl {background-image:url(/ux/images/customer/bank/kj.gif);}/* 광주 */ .bankService_sorting .sortTarget li.kn dl {background-image:url(/ux/images/customer/bank/kn.gif);}/* 경남 */ .bankService_sorting .sortTarget li.keb dl {background-image:url(/ux/images/customer/bank/keb.gif);}/* 외환 */ .bankService_sorting .sortTarget li.wr dl {background-image:url(/ux/images/customer/bank/wr.gif);}/* 우리 */ .bankService_sorting .sortTarget li.sh dl {background-image:url(/ux/images/customer/bank/sh.gif);}/* 신한 */ .bankService_sorting .sortTarget li.hn dl {background-image:url(/ux/images/customer/bank/hn.gif);}/* 하나 */ .bankService_sorting .sortTarget li.dg dl {background-image:url(/ux/images/customer/bank/dg.gif);}/* 대구 */ .bankService_sorting .sortTarget li.pu dl {background-image:url(/ux/images/customer/bank/pu.gif);}/* 부산 */ .bankService_sorting .sortTarget li.nh dl {background-image:url(/ux/images/customer/bank/nh.gif);}/* 농협 */ .bankService_sorting .sortTarget li.city dl {background-image:url(/ux/images/customer/bank/city.gif);}/* 씨티 */ .bankService_sorting .sortTarget li.sm dl {background-image:url(/ux/images/customer/bank/sm.gif);}/* 새마을 */ .bankService_sorting .sortTarget li.kakao dl {background-image:url(/ux/images/customer/bank/kkao.gif);}/* 카카오 */ .bankService_sorting .sortTarget li.kbank dl {background-image:url(/ux/images/customer/bank/kbank.gif);}/* k뱅크 */ .bankService_sorting .sortTarget li.toss dl {background-image:url(/ux/images/customer/bank/toss.gif);}/* k뱅크 */ .bankService_sorting .sortTarget li.on dl {padding:70px 0 0 0;border:solid #3dadec 3px;background-position:50% 6px;} .bankService_sorting .sortTarget li.on dt a {color:#0068b6;text-decoration:underline;} .bankStatement {display:block;position:relative;height:60px;margin:0;padding:0;border-top:solid #aaa 1px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:0;} .bankStatement.case1 {background-image:url(/ux/images/customer/bank/bank_statement1_new.gif);height:83px} .bankStatement.case2 {background-image:url(/ux/images/customer/bank/bank_statement2.gif);} /* 온라인계좌개설 이용가능가이드 */ .online_service {zoom:1;display:block;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;padding:30px 0;} .online_service:after {content:'';display:block;clear:both;} .online_service dt {display:block;float:left;width:239px;} .online_service dt strong {display:inline-block;padding:20px 0 0 30px;font-size:20px;color:#444;font-weight:bold;} .online_service dd {display:block;float:left;width:179px;border-left:1px solid #ddd;background:url(/ux/images/common/bg_online_service.png) no-repeat;} .online_service dd.service1 { background-position:50px 0;} .online_service dd.service2 {background-position:-181px 0;} .online_service dd.service3 {background-position:-363px 0;} .online_service dd.service4 {background-position:-542px 0;} .online_service dd a {display:block;margin-top:57px;text-align:center;font-size:14px;color:#444;} .online_service {zoom:1;display:block;padding:30px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;} .online_service:after {content:'';display:block;clear:both;} .online_service ul li strong {display:inline-block;padding:20px 0 0 30px;font-size:20px;color:#444;font-weight:bold;} .online_service.cell3 li {width:299px;margin:0 0 0 20px;} .online_service li {display:block;float:left;width:239px;border-left:1px solid #ddd;background:url(/ux/images/common/bg_online_service.png) no-repeat;} .online_service li:first-child {border-left:none;} .online_service li.service1 { background-position:30px 0;} .online_service.cell3 li.service2 {background-position:-131px 0;} .online_service.cell3 li.service3 {background-position:-300px 0;} .online_service.cell3 li.service4 {background-position:-490px 0;} .online_service li.service2 {background-position:-161px 0;} .online_service li.service3 {background-position:-333px 0;} .online_service li.service4 {background-position:-510px 0;} .online_service li a {display:block;margin-top:57px;text-align:center;font-size:14px;color:#444;} /* 0714 컨텐츠 수정 */ .online_list:after {content:"";display:block;clear:both;} .online_list li {float:left;width:50%;} .online_list li a {display:block;border-right:1px solid #ccc;font-size:14px;color:#444;} .online_list li a {position:relative;} .online_list li a strong {color:#444 !important;position:absolute;left:40px;top:20px;line-height:1.5;} .online_list li a p {padding-left:150px !important;font-size:15px !important;text-align:left !important;} .online_list li.last a {border-right:none;} .online_list li a strong.list01_link:before {content:"";display:block;width:100%;height:50px;background:url(/ux/images/common/list01_link_img.gif) no-repeat center center;} .online_list li a strong.list02_link:before {content:"";display:block;width:100%;height:50px;background:url(/ux/images/common/list02_link_img.gif) no-repeat center center;} .online_list li.last a p {padding-left:190px !important;} .search_login_txt {padding:25px 0 15px 0;font-size:16px;} .search_login_txt span {color:#00599c;} /********************** ID등록/찾기 **********************/ /* ID등록 */ .exImg {display:block;text-align:left;padding:8px 0 3px 0;} /* 퇴직연금 전용회원 가입 */ .agreeAll.no_bt {border-top:none;} /* 약관 */ fieldset.agreementArea {padding:0;border:0;} fieldset.agreementArea textarea, fieldset.agreementArea div.textarea {overflow-y:auto;overflow-x:hidden;position:relative;width:93.5%;height:140px;padding:30px;border:0;color:#444;font-size:14px;line-height:22px;background-color:#fafafa;} fieldset.agreementArea textarea:focus {overflow-y:auto;overflow-x:hidden;position:relative;width:93.5%;height:140px;padding:30px;outline:1px;border:0;color:#444;font-size:14px;line-height:22px;background-color:#fafafa;} /* step2 개인정보수집이용동의*/ /* step3 정보입력 - 완료 */ .messageComplete {width:650px;margin:30px auto 0;} .messageComplete.type2 .col {height:147px;} .messageComplete .col {width:318px !important;height:169px;margin-left:10px;border:1px solid #ddd;background-color:#fff;box-shadow:0 2px 0px #ededed;-webkit-box-shadow:0 2px 0px #ededed;-moz-box-shadow:0 2px 0px #ededed;} .messageComplete .col:first-child {margin-left:0;} .messageComplete .col .left, .messageComplete .col .right {position:relative;min-height:110px;padding:0;margin:25px 0 0 30px;text-align:left;} .messageComplete .col .left {background:url(/ux/images/customer/bg_messageBox_branch1.gif) no-repeat 200px 5px;} .messageComplete.type2 .col .left, .messageComplete.type2 .col .right {min-height:90px;} .messageComplete .col .left dt , .messageComplete .col .right dt {font-size:16px;color:#222;line-height:22px;} .messageComplete .col dd {position:absolute;eft:0;bottom:0;margin:0;l;} .messageComplete .col .right {background:url(/ux/images/customer/bg_messageBox_branch2.gif) no-repeat 200px 5px;} /* step4 가입완료 */ .messageBox.pension .messageComplete {margin:0 auto;} .messageComplete.pension .col {height:127px;} .messageComplete.pension .col dt {font-size:18px;font-weight:bold;} .messageComplete.pension .col .right {background:url(/ux/images/customer/bg_messageBox_pension.gif) no-repeat 200px 5px;} .messageComplete.pension .col .left, .messageComplete.pension .col .right {min-height:70px;} .messageComplete.colgroup2 .col {zoom:1;float:left;width:49.9%;} .messageComplete.colgroup2 .col:after {content:'';display:block;clear:both;} /********************** 모바일/홈트레이딩안내 **********************/ /* 안내페이지 공통 */ /* 트레이딩안내 사용 박스 */ .direction_wrap {display:block;position:relative;margin:0;padding:0;border-top:solid #747474 1px;} .direction_wrap .direction {display:block;position:relative;margin:0;padding:25px 0 25px 180px;border-bottom:solid #ddd 1px;color:#444;font-size:14px;} .direction_wrap .direction h3.title {display:block;position:absolute;left:0;top:25px;width:160px;font-size:20px;color:#0977c9;font-weight:normal;} .direction_wrap .direction .btn_wrap {margin-bottom:15px;} .direction_wrap .direction .page_desc3 {padding-top:0;} .direction_wrap .direction h3 + table {margin-top:0 !important;} /* famailyCenter */ .famailyCenterwrap {display:table;position:relative;width:100%;margin:20px 0 0 0;padding:0;} .famailyCenterwrap .fC_inforbox {float:left;display:block;width:572px;height:190px;margin:0;padding:20px 30px 0 30px;border:solid #ddd 1px;border-top:solid #747474 1px;} .famailyCenterwrap h3 {font-size:24px;color:#222;font-weight:600;} .fC_inforbox .inquiry_each {padding-top:10px;background:none;} .fC_inforbox .inquiry_each li.ars {width:310px;} .fC_inforbox .inquiry_each li.chat {width:220px;} .fC_inforbox .inquiry_each li.ars h3 {background-position:0 -195px;} .fC_inforbox .inquiry_each li.chat h3 {background-position:0 -295px;} /* 지점 PB */ .famailyCenterwrap .branchPB {float:right;display:block;width:244px;height:190px;margin:0;padding:20px 30px 0 30px;border:solid #ddd 1px;border-top:solid #747474 1px;} .famailyCenterwrap .branchPB p {font-size:14px;color:#222;} .famailyCenterwrap .branchPB p span {color:#0977c9;} .famailyCenterwrap .branchPB .notLogin, .famailyCenterwrap .branchPB .loginSucc {margin-top:15px;} .famailyCenterwrap .branchPB .notUser {margin-top:20px;} .famailyCenterwrap .branchPB .btnLarge {display:block;margin-top:20px;} .famailyCenterwrap .branchPB .loginSucc li {margin-bottom:6px;font-size:14px;color:#444;font-weight:600;} .famailyCenterwrap .branchPB .loginSucc li a {color:#0977c9;text-decoration:underline;font-size:13px;} .famailyCenterwrap .branchPB .loginSucc li span {display:inline-block;position:relative;margin-left:8px;padding-left:8px;border-left:solid #ddd 1px;} /* 트레이딩시스템 안내 */ .intro_trdsysMobile {display:block;position:relative;margin:0 0 20px 0;padding:30px 30px 40px;border:solid #ddd 1px;border-top:solid #747474 1px;background:#fafafa;} .intro_trdsysMobileafter {content:'';display:block;clear:both;} /* .intro_trdsysMobile .mainPart {display:block;position:absolute;width:330px;height:170px;padding:0 260px 0 0;left:30px;top:30px;background:url(/ux/images/customer/trade/intro_trdsysMobile.png) no-repeat right 20px;}*/ .intro_trdsysMobile .mainPart {display:block;position:relative;width:630px;height:170px;padding:0 260px 0 0;background:url(/ux/images/customer/trade/intro_trdsysMobile.png) no-repeat right 20px;} .intro_trdsysMobile .mainPart h2 {margin-bottom:15px;font-size:32px;color:#0977c9;font-weight:600;} .intro_trdsysMobile .setence, .intro_trdsysOther .setence {margin-bottom:15px;font-size:14px;color:#444;} .intro_trdsysMobile .partList {display:block;position:relative;margin:0;height:250px;border-left:1px solid #ddd} .intro_trdsysMobile .partList li {display:table;position:relative;width:250px;height:64px;margin:0;padding:27px 30px;border-bottom:1px dashed #ddd} .intro_trdsysMobile .partList li p {position:relative;color:#222;font-weight:bold;font-size:18px} .intro_trdsysMobile .partList li + li{border:none} .intro_trdsysMobile .partList li.case1{background:url('/ux/images/customer/ico_tradingsystem01.gif') right 40px center no-repeat} .intro_trdsysMobile .partList li.case2{background:url('/ux/images/customer/ico_tradingsystem02.gif') right 40px center no-repeat} .intro_trdsysMobile .partList li a {float:right;position:relative;top:6px;} .intro_trdsysOther {display:table;position:relative;margin:0;padding:0;} .intro_trdsysOther .trdWrap {float:left;display:block;position:relative;width:244px;height:242px;padding:30px;margin-right:20px;border:solid #ddd 1px;border-top:solid #747474 1px;} .intro_trdsysOther .trdARS {float:right;margin-right:0;border:solid #ececec 1px;border-top:solid #ddd 1px;background-color:#fafafa;} .intro_trdsysOther h2 {margin-bottom:15px;font-size:22px;color:#222;font-weight:600;line-height:22px;} .intro_trdsysOther .linkPart {display:block;position:absolute;left:30px;bottom:15px;width:244px;height:100px;padding:12px 0 0 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 0;} .intro_trdsysOther .linkPart a {width:140px;margin-top:8px;} .intro_trdsysOther .linkPart .btnWin10{height:45px;line-height:21px;padding-top:3px;} .intro_trdsysOther .telPart {display:block;position:absolute;left:30px;bottom:30px;width:244px;height:80px;padding:15px 0 0 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 0;} .intro_trdsysOther .telPart dt {padding-left:50px;margin:10px 0;font-size:24px;line-height:24px;color:#444;font-weight:600;background:url(/ux/images/customer/trade/ico_trade_ARS.png) no-repeat 0 0;} .intro_trdsysOther .telPart dt em {display:block;margin-bottom:6px;font-size:13px;line-height:13px;color:#747474;} .intro_trdsysOther .telPart dd {display:block;font-size:13px;color:#747474;} /* 모바일 트레이딩 안내 */ .page_info.cs_trade_head {margin-bottom:20px;border:none;background:#FFF;} .page_info.cs_trade_head span.bgArea {background:url(/ux/images/customer/trade/cs_trade_head.png) no-repeat;} .page_info.cs_trade_head h2 {color:#222 !important;font-weight:normal !important;line-height:40px !important;} .page_info.cs_trade_head h2 strong {font-weight:600;} .page_info.cs_trade_head ul {display:table;margin-top:20px;} .page_info.cs_trade_head ul li {float:left;margin-right:5px;} .page_info.cs_trade_head ul li.anc {margin-right:20px;padding-right:20px;border-right:solid #ddd 1px;} .page_info.cs_trade_head ul li .btnSmall {position:relative;top:4px;} .page_info.cs_trade_head span.bgArea.mpop1 {background-position:0 0;} .page_info.cs_trade_head span.bgArea.mpop2 {background-position:0 -140px;} .page_info.cs_trade_head span.bgArea.mpop3 {background-position:0 -280px;} .page_info.cs_trade_head span.bgArea.mpop4 {background-position:0 -420px;} .page_info.cs_trade_head span.bgArea.mpop5 {background-position:0 -560px;} .page_info.cs_trade_head span.bgArea.hts1 {background-position:0 -700px;} .page_info.cs_trade_head span.bgArea.dts1 {background-position:0 -840px;} .page_info.cs_trade_head span.bgArea.popCom1 {background-position:0 -980px;} .page_info.cs_trade_head span.bgArea.webCom1 {background-position:0 -1120px;} .stepProcess.eachMpop {margin-bottom:20px;border:none !important;} .stepProcess.eachMpop li {min-height:65px !important;padding-bottom:0 !important;} .stepProcess.eachMpop li div {padding-top:0 !important;} .manual_list.mpopService li {height: 640px;} .manual_list.mpopService dd.text {padding-left:20px;} .manual_list.mpopService li.last { height:580px; } /* 주요화면 소개 탭메뉴 */ .introScreen {display:block;position:relative;width:780px;height:332px;background:url(/ux/images/customer/trade/mpop_screenBg.gif) no-repeat right 25px;} .introScreen .screenTab {display:inline;} .introScreen .screenTab li {display:inline-block;position:absolute;} .introScreen .screenTab li a {display:block;position:relative;height:18px;line-height:18px;width:150px;padding:12px 0 16px;color:#747474;background:url(/ux/images/customer/trade/ico_intro_screen.png) no-repeat;} .introScreen .screenTab.asset li a {background:url(/ux/images/customer/trade/ico_intro_screen_asset.png) no-repeat;} .introScreen .screenTab.oversea li a {background:url(/ux/images/customer/trade/ico_intro_screen_oversea.png) no-repeat;} .introScreen .screenTab.annuit li a {background:url(/ux/images/customer/trade/ico_intro_screen_annuit.png) no-repeat;} .introScreen .screenTab.tablet li a {background:url(/ux/images/customer/trade/ico_intro_screen_tablet.png) no-repeat;} .introScreen .screenTab li a:hover {text-decoration:none;color:#0977c9;} .introScreen .screenTab li.imps1 {left:155px;top:88px;} .introScreen .screenTab li.imps1 a {padding-right:70px;text-align:right;background-position:right -50px;} .introScreen .screenTab li.imps1 a:hover, .introScreen .screenTab li.imps1 a.selected {color:#0977c9;background-position:right 0px;} .introScreen .screenTab li.imps2 {right:-20px;top:88px;} .introScreen .screenTab li.imps2 a {padding-left:70px;text-align:left;background-position:left -150px;} .introScreen .screenTab li.imps2 a:hover, .introScreen .screenTab li.imps2 a.selected {color:#0977c9;background-position:left -100px;} .introScreen .screenTab li.imps3 {left:155px;top:170px;} .introScreen .screenTab li.imps3 a {padding-right:70px;text-align:right;background-position:right -250px;} .introScreen .screenTab li.imps3 a:hover, .introScreen .screenTab li.imps3 a.selected {color:#0977c9;background-position:right -200px;} .introScreen .screenTab li.imps4 {right:-20px;top:170px;} .introScreen .screenTab li.imps4 a {padding-left:70px;text-align:left;background-position:left -350px;} .introScreen .screenTab li.imps4 a:hover, .introScreen .screenTab li.imps4 a.selected {color:#0977c9;background-position:left -300px;} .introScreen .screenTab li.imps5 {left:155px;top:250px;} .introScreen .screenTab li.imps5 a {padding-right:70px;text-align:right;background-position:right -450px;} .introScreen .screenTab li.imps5 a:hover, .introScreen .screenTab li.imps5 a.selected {color:#0977c9;background-position:right -400px;} .introScreen .screenTab li.imps6 {right:-20px;top:250px;} .introScreen .screenTab li.imps6 a {padding-left:70px;text-align:left;background-position:left -550px;} .introScreen .screenTab li.imps6 a:hover, .introScreen .screenTab li.imps6 a.selected {color:#0977c9;background-position:left -500px;} .introScreen .screenOutput {display:block;position:absolute;left:492px;top:53px;width:154px;height:270px;} .introScreen .screenOutput p {display:none;} .introScreen .screenOutput p.ops1 {display:block;} .tabletScreen {display:block;position:relative;width:781px;height:237px;background:url(/ux/images/customer/trade/tablet_screenBg.gif) no-repeat right 25px;} .tabletScreen .screenTab {display:inline;} .tabletScreen .screenTab li {display:inline-block;position:absolute;} .tabletScreen .screenTab li a {display:block;position:relative;height:18px;width:100px;padding:12px 0 16px;color:#747474;line-height:18px;background:url(/ux/images/customer/trade/ico_intro_screen_tablet.png) no-repeat;} .tabletScreen .screenTab li a:hover {text-decoration:none;color:#0977c9;} .tabletScreen .screenTab li.imps1 {left:155px;top:88px;} .tabletScreen .screenTab li.imps1 a {padding-right:70px;text-align:right;background-position:right -50px;} .tabletScreen .screenTab li.imps1 a:hover, .tabletScreen .screenTab li.imps1 a.selected {color:#0977c9;background-position:right 0px;} .tabletScreen .screenTab li.imps2 {right:-27px;top:88px;} .tabletScreen .screenTab li.imps2 a {padding-left:70px;text-align:left;background-position:left -150px;} .tabletScreen .screenTab li.imps2 a:hover, .tabletScreen .screenTab li.imps2 a.selected {color:#0977c9;background-position:left -100px;} .tabletScreen .screenTab li.imps3 {left:155px;top:170px;} .tabletScreen .screenTab li.imps3 a {padding-right:70px;text-align:right;background-position:right -250px;} .tabletScreen .screenTab li.imps3 a:hover, .tabletScreen .screenTab li.imps3 a.selected {color:#0977c9;background-position:right -200px;} .tabletScreen .screenTab li.imps4 {right:-27px;top:170px;} .tabletScreen .screenTab li.imps4 a {padding-left:70px;text-align:left;background-position:left -350px;} .tabletScreen .screenTab li.imps4 a:hover, .tabletScreen .screenTab li.imps4 a.selected {color:#0977c9;background-position:left -300px;} .tabletScreen .screenOutput {display:block;position:absolute;left:421px;top:50px;width:302px;height:189px;} .tabletScreen .screenOutput p {display:none;} .tabletScreen .screenOutput p.ops1 {display:block;} .app_download_selector {display:block;position:relative;margin:20px 0 38px 0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;border-left:solid #ddd 1px;} .app_download_selector ul {display:table;position:relative;width:100%;} .app_download_selector ul li {display:table-cell;position:relative;width:25%;border-right:solid #ddd 1px;text-align:center;} .app_download_selector label {display:block;padding:23px 0;color:#444;font-size:16px;} .app_download_selector li.on label {padding:21px 0;border:solid #3dadec 3px;} /* pop Life 소개 */ .manual_list.mpopLife {margin-top:20px;} .manual_list.mpopLife li {height:420px;} .manual_list.mpopLife dd.image {text-align:left;} .manual_list.mpopLife li.last {height:360px;} /* mPOP 자산관리 */ .manual_list.proManagService {margin-top:20px;} .manual_list.proManagService li {height:100px;margin-bottom:0;border-bottom:none;} .manual_list.proManagService li.last {height:80px;} .manual_list.proManagService dt, .manual_list.proManagService dd {color:#444;} /* mPOP 퇴직연금 서비스특징 소개 */ .manual_list.pension {margin-top:20px;} .manual_list.pension li {width:360px;height:90px;padding-left:30px;margin-bottom:0;color:#444;font-size:14px;border-bottom:none;} .manual_list.pension li strong {display:inline-block;position:absolute;left:0;top:0;color:#0977c9;font-size:24px;line-height:24px;font-weight:600;} .manual_list.pension li.last {height:60px;} /* mPOP 태블릿 */ .manual_list.tablet li {width:100%;} .manual_list.tablet li.last {margin-bottom:0;} .manual_list.tablet li dd.text {padding-left:20px;} .manual_list.tablet li .particulars {display:table;position:relative;width:100%;padding:20px 0;margin:0;} .manual_list.tablet li .particulars dl {float:left;display:block;position:relative;width:220px;margin:0 30px 0 20px;padding:125px 0 0 0;} .manual_list.tablet li .particulars dl.h160, .manual_list.tablet li .particulars.h160 dl {padding-top:150px;} .manual_list.tablet li dd .particulars {padding-top:10px;} .manual_list.tablet li .particulars dl.last {margin:0 0 0 20px;} .manual_list.tablet li .particulars dl dt {padding:0;color:#222;font-size:14px;font-weight:600;} .manual_list.tablet li .particulars dl dd {padding:0;color:#444;font-size:13px;} .manual_list.tablet li .particulars dl dd.thumb {display:block;position:absolute;left:0;top:0;width:220px;text-align:center;} .manual_list.tablet li .particulars dl dd span {display:table;position:relative;margin:0 auto;} .manual_list.tablet li .particulars dl dd.thumb img {display:inline;position:relative;text-align:center;vertical-align:bottom;} .manual_list.tablet li .particulars dl dd.thumb a.bigView {position:absolute;right:0;bottom:0;width:26px;height:26px;text-indent:-9999px;background:url(/ux/images/customer/trade/bigView.png) no-repeat 0 0;} /* 홈트레이딩 */ .page_desc3 {zoom:1;display:block;padding:8px 0 0;} .page_desc3 li {padding:1px 0 3px 10px;color:#444;font-size:14px;line-height:22px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 13px;} /* 컨텐츠 넓이 */ .overview.account.colgroup3 .col {width:250px !important;} /* MTS/HTS 다운로드 */ .detailBox.mobile {border:none !important;background-color:#fff;} .detailBox.mobile.colgroup3 .col {width:169px !important;padding:26px 27px 30px;margin-left:20px;border:1px solid #ddd;border-top:1px solid #747474 !important;} .detailBox.mobile.colgroup3 .col.first {width:465px !important;min-height:306px;padding:0;margin-left:0;background-color:#fafafa;} .detailBox.mobile .head {background:#fafafa url(/ux/images/customer/bg_first_account5.png) no-repeat 340px 40px !important;} .detailBox.mobile .header {margin-bottom:17px;} .detailBox.mobile .infoList dd {min-height:55px;} .detailBox.mobile .infoList dd li:first-child {padding-top:2px;} .detailBox.mobile .col.first .page_desc {min-height:194px;padding:9px 0 0;text-align:left;} .detailBox.mobile .col.first .page_desc .btn {display:block;padding:18px 0 0;background:none;} .detailBox.mobile .header {min-height:215px;background-color:#fff;} .detailBox.mobile .header dl dt {color:#222;font-size:20px;font-weight:bold;line-height:19px;} .detailBox.mobile .header dl dd {padding:14px 0 0;color:#444;font-size:14px;letter-spacing:-1.5px;} .detailBox.mobile .header .btn {padding:10px 0 0;text-align:left;} .detailBox.mobile .header .btn li {padding:10px 0 0;} .detailBox.mobile .header .btn li .btnDown{height:40px;line-height:18px;padding-top:3px;} .detailBox.mobile .col .btnArea {padding:20px 0 0 !important;text-align:left;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;} /* 하단 Family Center */ .intro_trdsysOther.row {zoom:1;display:block;} .intro_trdsysOther.row:after {content:'';display:block;clear:both;} .intro_trdsysOther.row .trdARS {display:block;width:100%;float:left;margin-right:0;border:0;background-color:#fafafa;} .intro_trdsysOther.row .telPart {display:block;position:relative;bottom:0;width:auto;height:42px;padding:0;background:none;} .intro_trdsysOther.row .telPart dt {float:left;padding:0 20px 5px 50px;margin:10px 0;border-right:1px solid #ddd;color:#222;font-size:24px;line-height:24px;font-weight:600;background:url(/ux/images/customer/trade/ico_trade_ARS.png) no-repeat 0 0;} .intro_trdsysOther.row .telPart dt em {margin-bottom:2px;} .intro_trdsysOther.row .telPart dd {display:block;float:left;padding:20px 0 0 20px;font-size:14px;color:#444;} .intro_trdsysOther.row .telPart dd strong {color:#e56c00;font-weight:bold;} /********************** HTS 설치 매뉴얼 **********************/ /* 가이드 */ .stepGuide .listCont {padding-top:30px; border-top:1px solid #222;} .stepGuide .listCont {margin-top: 30px;} .stepGuide .listCont > li:last-child {border: 0;} .stepGuide .listCont > li {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;} .stepGuide .listCont > li .number, .stepGuide .listCont > li > strong {display:inline-block; font-size:20px;} .stepGuide .listCont > li .number {color:#0674e1; font-weight:700;} .stepGuide .listCont > li > strong {padding-left:8px;} .stepGuide .listCont > li .listDot {margin-top:6px;} .stepGuide .sortInner {display: flex; flex-wrap: nowrap; margin-top:20px;} .sortInner .imgCont {flex: 0 0 465px; margin-top: 0; margin-right:30px;} .stepGuide .sortInner .imgCont > img {width:100%;} /* 버튼 여러개 정렬(기본 3개 정렬) */ .stepGuide .btnSortBox {margin-top: 30px; padding:30px 18px; text-align: center;} .stepGuide .btnSortBox div[class*="sort"] {display: flex; flex-wrap: wrap;} .stepGuide .btnSortBox div[class*="sort"] > a {display: flex; align-items: center; justify-content: center; flex: 0 1 32%; box-sizing: border-box; margin:6px 6px 0;} .stepGuide .btnSortBox div[class*="sort"] > a:nth-child(4), .stepGuide .btnSortBox div[class*="sort"] > a:nth-child(5), .stepGuide .btnSortBox div[class*="sort"] > a:nth-child(6) {margin-top: 10px;} .stepGuide .btnSortBox div.sort-1 {justify-content: center;} .stepGuide .btnSortBox div.sort-1 > a {flex: 0 1 auto;} /* 체크 리스트 */ .stepGuide .check_desc2 > li {margin-top:8px;} .stepGuide .check_desc2 > li:first-child {margin-top:0;} .stepGuide .check_desc2 > li > strong {font-weight: bold; color: #444;} .stepGuide .check_desc2 > li .dot_list > li {padding:0 0 5px 5px; background: url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;} /* 버튼 */ .stepGuide .btnBox > a {display: inline-block;} .stepGuide .btnBox > .arrow {position: relative; padding: 0 15px;} .stepGuide .btnBox > .arrow::after {content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 8px; border: 1px solid #666; border-width: 1px 1px 0 0; transform: translate3d(0, -2px, 0) rotate(45deg);} .stepGuide .btnBox > .btnBlue.arrow::after {border-color: rgb(26, 10, 10);} .stepGuide .btnBox > .btnBd {padding: 6px 12px; font-size: 14px; border: 1px solid #bbb;} /********************** 업무/상품 안내 **********************/ /* 공통 */ div.discription {display:inline;visibility:hidden;position:absolute;width:0;height:0;color:#FFF;font-size:0;text-indent:-9999px;} .stepProcess {margin-top:12px;} /* 상단 bg img List */ .page_info.cs_finance_head {padding-bottom:28px;border-top-width:1px;} .page_info.cs_finance_head .inner span.bgArea {background:url(/ux/images/customer/cs_fiance_picto.png) no-repeat;} .page_info strong {color:#222;font-weight:600;} .page_info.cs_finance_head .bgArea.fund {background-position:0 0;} .page_info.cs_finance_head .bgArea.pension {background-position:0 -140px !important;} .page_info.cs_finance_head .bgArea.ELS {background-position:0 -280px !important;} .page_info.cs_finance_head .bgArea.ETN {background-position:0 -420px !important;} .page_info.cs_finance_head .bgArea.ETF {background-position:0 -560px !important;} .page_info.cs_finance_head .bgArea.RP {background-position:0 -700px !important;} .page_info.cs_finance_head .bgArea.bond {background-position:0 -840px !important;} .page_info.cs_finance_head .bgArea.wrap {background-position:0 -980px !important;} .page_info.cs_finance_head .bgArea.trust {background-position:0 -1120px !important;} .page_info.cs_finance_head .bgArea.local {background-position:0 -1260px !important;} .page_info.cs_finance_head .bgArea.oversea {background-position:0 -1400px !important;} .page_info.cs_finance_head .bgArea.future {background-position:0 -1540px !important;} /* 컨텐츠페이지 */ /* img 있을 시 */ .pageCont.imgText {display:block;position:relative;padding:27px 0 2px 230px;border-bottom:1px solid #ddd;} .pageCont.imgText span.bgArea {display:block;position:absolute;left:0;top:50%;width:200px;height:100px;margin-top:-50px;text-align:center;} .pageCont.imgText > dl > dt {display:block;position:relative;padding:0 0 6px;color:#222;font-size:18px;font-weight:bold;line-height:18px;} .pageCont.imgText > dl > dd {display:block;position:relative;padding:0 0 27px;font-size:14px;} .pageCont.imgText > dl > dd .page_desc2 dt {padding:0 0 4px;font-size:14px;} /* 텍스트 일 경우 */ .pageCont.text {display:block;padding:0 0 2px;border-bottom:1px solid #ddd;} .pageCont.text .col {zoom:1;padding:27px 0 27px;background-image:url(/ux/images/common/bg_dot_line.gif);background-position:top;background-repeat:repeat-x;} .pageCont.text .col:after {content:'';display:block;clear:both;} .pageCont.text .col:first-child {background-image:none;} .pageCont.text .col > div {float:left;width:50%;} .pageCont.text .col.fullWidth > div {width:100% !important;} .pageCont.text .col > div .stitle {color:#222;font-size:16px;font-weight:normal;line-height:18px;} .pageCont.text .col > div dl {display:block;position:relative;padding-right:20px;} /* .pageCont.text .col3 */ .pageCont.text .col3 {zoom:1;padding:27px 0 27px;background-image:url(/ux/images/common/bg_dot_line.gif);background-position:top;background-repeat:repeat-x;} .pageCont.text .col3:after {content:'';display:block;clear:both;} .pageCont.text .col3:first-child {background-image:none;} .pageCont.text .col3 > div {float:left;width:33.3%;} .pageCont.text .co3l.fullWidth > div {width:100% !important;} .pageCont.text .col3 > div .stitle {color:#222;font-size:16px;font-weight:normal;line-height:18px;} .pageCont.text .col3 > div dl {display:block;position:relative;padding-right:20px;} /* 기본 아이콘 이미지 + 텍스트 리스트 */ .pageCont.text.smallIcon .col > div {position:relative;width:394px;min-height:56px;padding:0 0 0 86px;} .pageCont.text.smallIcon .col div span.bgArea {position:absolute;left:0;top:0;width:56px;height:56px;} /* Tab3 거래방법에서 전반적으로 사용 */ /* 거래채널 Tab */ .channel_article {display:block;position:relative;margin:0 0 40px 0;padding:0 0 30px 0;border-bottom:solid #ddd 1px;} .channel_article dl.tabs {display:none;position:relative;width:100%;} .channel_article dl.tabs.current {display:block;} .channel_article dt {color:#222;font-size:18px;font-weight:600;} .channel_article dd {color:#444;font-size:14px;} .channel_article p.imgWrap {display:block;margin-top:20px;text-align:center;} .channel_article .imageDescription {margin-top:20px;border:none !important;} .channel_article div.tabs.col2 {display:none;position:relative;width:100%;} .channel_article div.tabs.col2.current {display:table;} .channel_article div.tabs.col2 dl {display:table-cell;width:470px;} .channel_article div.tabs.col2 dl:first-child {padding-right:20px;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y 480px top;} /*국내주식거래안내*/ .example_wrap {display:block;position:relative;margin:10px 0 30px;padding:30px;font-size:14px;background:#fafafa;} .example_wrap .title {margin-bottom:10px;padding-left:22px;background:url(/ux/images/common/ico_example.png) no-repeat;} /* 해외주식거래 안내 > 안내 */ .pageCont.text.oversea .col >div.flag {position:relative;width:310px;min-height:83px;padding:0 170px 0 0;} .pageCont.text.oversea .col span.bgArea {position:absolute;right:20px;top:0;width:130px;height:83px;} .pageCont.text.oversea > div.flag dl {padding-right:0 !important;} .pageCont.text.oversea dl dt {margin-bottom:6px;font-size:16px;line-height:16px;} .pageCont.text.oversea dl dd {font-size:14px;} .pageCont.text.oversea dl dd.link {margin-top:10px;} /* 금융상품거래안내 */ /* 금융상품거래안내 > 개인연금거래안내 */ /* table focus_last cm.sspop에서 가져옴 front_content.css 에서 상속받아서 border-left important 사용 */ table.guideTb1 tbody td.focus_last {border-left:solid #0977c9 2px !important;border-right:solid #0977c9 2px;border-bottom:solid #0977c9 2px;color:#222;background:#ecf5fa;} /* 금융상품거래안내 > ELSDLS 거래안내 */ .elsStructure {display:block;position:realtvie;margin:15px 0 40px 0;padding:0;} .elsStructure dl {display:block;position:realtive;margin:0 0 30px 0;padding:0;} .elsStructure dt {display:block;position:relative;margin:0;padding:10px 0;border-top:solid #747474 1px;border-bottom:solid #747474 1px;text-align:center;color:#222;font-size:14px;background-color:#f4f5f7;} .elsStructure dd {padding:10px 0;text-align:center;font-size:14px;color:#444;border-bottom:solid #ddd 1px;} .elsStructure dd .orange {color:#c75414;} .elsStructure dd.insImg {padding:30px 0 20px 0;} .elsStructure dd.insImgFull {padding:0;} .elsStructure dd .tbl_desc {margin-top:10px;text-align:left;} /* 금융상품거래안내 > ETN 거래안내 */ table.guideTb1 tbody td.bgMark {background-color:#fcfae9;} /* 이체지급서비스안내 */ .page_info.cs_transfer_head .inner span.bgArea {background:url(/ux/images/customer/cs_transfer_picto.png) no-repeat;} .h3_tit small {color:#222;font-size:14px;font-weight:normal;} .titArea .btnArea {width:auto;} .feeExemp {display:block;position:relative;margin:0;background:url(/ux/images/customer/guide/feeExemp.png) no-repeat right 0;} .feeExemp p {margin-bottom:17px;} .feeExemp span {display:block;color:#0977c9;font-size:16px;} .feeExemp strong {display:block;position:relative;margin:0;padding:0;color:#444;font-size:28px;font-weight:normal;} .feeExemp.fe365 {margin-bottom:20px;background:url(/ux/images/customer/guide/feeExemp365.png) no-repeat right 0;} /* 이체지급서비스안내 > 입금/출금 */ .define_article {display:table;position:relative;width:100%;margin:0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;} .define_article dl {display:table-cell;position:relative;margin:0;padding:0;} .define_article dl dt {display:block;position:relative;height:20px;margin:0;padding:20px 30px 20px 30px;border-bottom:solid #ddd 1px;color:#222;font-weight:600;font-size:18px;line-height:18px;} .define_article dl dt .btnArea {position:absolute;right:30px;top:15px;margin:0;padding:0;} .define_article dl dt .btnArea a {font-weight:normal;} .define_article dl dt small {color:#444;font-weight:normal;font-size:14px;} .define_article dl dd {display:block;position:relative;margin:0;padding:30px 30px 25px 30px;} .define_article dl + dl {background:url(/ux/images/common/bg_dot_vline2.gif) repeat-y left top;} .define_article .moreView {position:absolute;top:-65px;right:20px;} .define_article.col02 dl {width:50%;} .define_article.col03 dl {width:33.33%;} p.check_desc2 {display:inline-block;position:relative;margin:0;padding:0 0 5px 24px;color:#444;font-size:14px;background:url(/ux/images/common/ico_check_desc2.png) no-repeat 0 3px;} ul.check_desc2 {display:block;position:relative;} ul.check_desc2 li {display:block;position:relative;margin:0;padding:0 0 5px 24px;color:#444;font-size:14px;background:url(/ux/images/common/ico_check_desc2.png) no-repeat 0 3px;} /* 이체지급서비스안내 > 계좌이체 */ .transfer_per {display:block;position:relative;height:60px;margin:0;padding:0 0 0 80px;background:url(/ux/images/customer/guide/transfer_per.png) no-repeat 0 4px;} .transfer_per span {display:block;color:#0977c9;font-size:16px;} .transfer_per strong {display:block;position:relative;margin:0;padding:0;color:#444;font-size:28px;font-weight:normal;}/* font-weight:normal;추가 삽입 */ .transfer_com {display:block;position:relative;height:60px;margin:0;padding:0 0 0 80px;background:url(/ux/images/customer/guide/transfer_com.png) no-repeat 0 4px;} .transfer_com p {display:inline-block;position:relative;margin:0 20px 0 0;padding:0;} .transfer_com p.last {margin-right:0;} .transfer_com span {display:block;color:#0977c9;font-size:16px;} .transfer_com span small {font-size:13px;} .transfer_com strong {display:block;position:relative;margin:0;padding:0;color:#444;font-size:28px;font-weight:normal;}/* font-weight:normal;추가 삽입 */ .transfer_com strong var {display:block; position:absolute; font-size:14px; font-weight:normal; text-align:right; font-style:normal; left:95px; top:33px;} /* 이체지급서비스안내 > 지로납부 */ .h3_tit > .btnText {margin-left:10px;font-weight:normal !important;} /*지점/ARS안내*/ /* 지점안내 */ .boxGrey4 {zoom:1;display:block;padding:10px 0;background:#fafafa;} .boxGrey4:after {content:'';display:block;clear:both;} /* 지점안내 > 시, 군구 지역검색 */ fieldset.location_search {display:table;position:relative;margin:0 auto;padding:0;text-align:center;} fieldset.location_search .select-box, fieldset.location_search .placeholder {display:inline-block;position:relative;text-align:left;} fieldset.location_search .placeholder label {position:absolute;left:11px;top:10px;color:#a1a1a1;font-size:14px;} fieldset.location_search .placeholder input[type="text"] {width:300px;background-color:#FFF;} /* 지점안내 > 하단리스트 */ .branchList_wrap {display:table;position:relative;width:100%;margin:0;padding:0;font-size:14px;} .boxGrey4 + .branchList_wrap {margin-top:30px;} .branchList_wrap .thumbTop {display:block;margin-bottom:10px;color:#444;} .branchList_wrap .thumbTop strong {display:inline-block;position:relative;margin-left:5px;color:#444;font-weight:600;} .branchList_wrap .thumbTop span {display:inline-block;position:relative;margin-left:10px;color:#747474;} .branchList_wrap .thumbTop span mark {color:#0977c9;background:none;} .branchList_wrap .branchList {float:left;display:block;position:relative;width:460px;margin:0;padding:0;} .branchList_wrap .branchList ul {display:block;position:relative;margin-bottom:20px;border-top:solid #747474 1px;} .branchList_wrap .branchList ul li {border-bottom:solid #ddd 1px;} .branchList_wrap .branchList ul li a {display:block;position:relative;padding:12px 30px 12px 15px;background:url(/ux/images/common/bul_arrow10.png) no-repeat right -62px;} .branchList_wrap .branchList ul li a strong {display:block;position:relative;margin:0 0 3px 0;color:#444;font-weight:normal;font-size:14px;} .branchList_wrap .branchList ul li a span {display:block;position:relative;color:#747474;font-size:13px;text-decoration:none;} .branchList_wrap .branchList ul li a:hover, .branchList_wrap .branchList ul li.current a {text-decoration:none;background-position:right 29px;background-color:#fafafa;} .branchList_wrap .branchList ul li a:hover strong, .branchList_wrap .branchList ul li.current a strong {color:#0977c9;text-decoration:underline;} .branchList_wrap .branchDetail {float:right;display:block;position:relative;width:458px;margin:0;padding:0;border:solid #ddd 1px;border-top:solid #747474 1px;} .branchList_wrap .branchDetail .printMap {display:block;border-bottom:solid #ddd 1px;width:458px;height:298px;} .branchList_wrap .branchDetail .printMap img {vertical-align:bottom;} .branchList_wrap .branchDetail dl {display:block;position:relative;margin:0;padding:30px;} .branchList_wrap .branchDetail dt {display:block;position:relative;margin-bottom:10px;padding-right:100px;} .branchList_wrap .branchDetail dt span {display:inline-block;color:#222;font-size:22px;font-weight:600;} .branchList_wrap .branchDetail dt a.btnSmall {position:absolute;right:0;top:6px;background-position:right -34px;} .branchList_wrap .branchDetail dd {display:table;padding:1px 0 3px 10px;color:#444;font-size:14px;line-height:22px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 13px;} .branchList_wrap .branchDetail dd strong {display:block;position:relative;float:left;width:62px;padding-right:6px;text-align:justifycolor:#747474;} .branchList_wrap .branchDetail dd span {display:inline-block;float:left;max-width:320px;word-break:break-all;} /* 지점세미나 목록 추가 19-08-07 */ .branchList_wrap .branchDetail dd.seminar {display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;} .branchList_wrap .branchDetail dd.seminar a {color:#444; font-size:14px; line-height:17px; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:80%;} /* 지점안내 > 지도크게보기 지도영역 */ .branchMapAPI {display:block;overflow:hidden;position:relative;width:680px;height:400px;background:#f6f6f6;} /* ARS 이용안내 */ /* ARS 이용안내 > Family Center*/ .famailyCenter_info {display:block;position:relative;margin:0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background-color:#f4f5f7;} .famailyCenter_info dl {display:table;position:relative;width:100%;height:125px;margin:0;padding:0;background:url(/ux/images/customer/guide/familyCenter_bg.gif) no-repeat 0 0;} .famailyCenter_info dt, .famailyCenter_info dd {display:table-cell;position:relative;width:33.33%;margin-top:0;padding-top:25px;vertical-align:top;} .famailyCenter_info dt {padding-left:118px;background:url(/ux/images/customer/guide/ico_familyCenter.png) no-repeat 30px 50%;} .famailyCenter_info dt span {display:inline-block;height:17px;margin:5px 0 0 0;padding:0;} .famailyCenter_info dt p {display:inline-block;color:#FFF;font-size:30px;font-weight:600;line-height:32px;} .famailyCenter_info dd {padding-left:30px;color:#444;font-size:13px;} .famailyCenter_info dd.vline {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;} .famailyCenter_info dd .orange {margin-bottom:4px;color:#e56c00;font-weight:600;font-size:14px;} .famailyCenter_info dd p {margin-bottom:5px;} .famailyCenter_info dd p.txt_orange {font-weight:bold;} .famailyCenter_info dd .tnum {color:#0977c9;} .famailyCenter_info dd p span {color:#747474;} .famailyCenter_info.ARS dl {height:100px;background:url(/ux/images/customer/guide/arsInfo_bg.gif) no-repeat 0 0;} .famailyCenter_info.ARS dt {width:334px !important;padding-top:20px;} .famailyCenter_info.ARS dd {width:520px;padding-top:40px;} .famailyCenter_info.ARS dt p {font-size:25px;} /* ARS 이용안내 > ARS 번호안내 */ .arsNumber {display:block;position:relative;min-height:675px;margin:30px 0 40px 0;padding:25px 0 25px 440px;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background:url(/ux/images/customer/guide/ars_intro_bg.gif) repeat-y 0 0;} .arsNumber .numberPad {display:block;position:absolute;left:0;top:25px;width:440px;height:675px;background:url(/ux/images/customer/guide/ars_number_pad.png) no-repeat 50% 60px;} .arsNumber .numberPad p {text-align:center;font-size:14px;color:#444;} .arsNumber ul.numberTabList {display:block;margin:0;padding-left:40px;} .arsNumber ul.numberTabList li {display:block;} .arsNumber ul.numberTabList li .numPart {display:none;position:relative;} .arsNumber ul.numberTabList li .pad.num1 + .numPart {display:block;} .arsNumber ul.numberTabList li .pad, .arsNumber ul.numberTabList li .pad_none {display:block;position:absolute;width:99px;height:113px;padding-top:6px;text-align:center;color:#0977c9;font-size:48px;font-weight:bold;background-color:#fff;} .arsNumber ul.numberTabList li .pad.pad0 {color:#ff8f1c;} .arsNumber ul.numberTabList li .pad span, .arsNumber ul.numberTabList li .pad0 span, .arsNumber ul.numberTabList li .pad_none span {display:block;color:#444;font-size:13px;font-weight:normal;} .arsNumber ul.numberTabList li .pad:hover, .arsNumber ul.numberTabList li a.pad.current {color:#FFF;text-decoration:none;background-color:#0977c9;} .arsNumber ul.numberTabList li .pad0:hover, .arsNumber ul.numberTabList li a.pad.pad0.current {background-color:#ff8f1c;} .arsNumber ul.numberTabList li .pad:hover span, .arsNumber ul.numberTabList li a.pad.current span {color:#FFF;} .arsNumber ul.numberTabList li .pad0:hover span, .arsNumber ul.numberTabList li a.pad0.current span {color:#FFF;} .arsNumber ul.numberTabList li a.pad.num1 {left:70px;top:146px;} .arsNumber ul.numberTabList li a.pad.num2 {left:170px;top:146px;} .arsNumber ul.numberTabList li a.pad.num3 {left:270px;top:146px;} .arsNumber ul.numberTabList li a.pad.num4 {left:70px;top:266px;} .arsNumber ul.numberTabList li a.pad.num5 {left:170px;top:266px;} .arsNumber ul.numberTabList li a.pad.num6 {left:270px;top:266px;} .arsNumber ul.numberTabList li a.pad.num7 {left:70px;top:386px;} .arsNumber ul.numberTabList li .pad_none.num8 {left:170px;top:386px;} .arsNumber ul.numberTabList li .pad_none.num9 {left:270px;top:386px;} .arsNumber ul.numberTabList li a.pad0.num0 {left:170px;top:506px;} .arsNumber .usedGuide {display:block;position:relative;padding-left:10px;margin-top:5px;font-size:13px;color:#747474;} .arsNumber .usedGuide li {margin-bottom:4px;} .arsNumber .page_desc3 + .tabDeps2 {margin-top:15px;} .arsNumber .stabPart1 {display:block;margin-top:15px;} .arsNumber .stabPart2 {display:none;margin-top:15px;} .arsOversea {margin-top:10px;font-size:14px;} .arsOversea dt {color:#0977c9;} .arsOversea dd {color:#747474;} .arsOversea + .h3_tit {margin-top:30px;} /* 다운로드센터 */ /* 공통 */ .page_info2 {zoom:1;display:block;position:relative;min-height:140px;} .page_info2 h2 {color:#0977c9;font-size:30px;font-weight:600;letter-spacing:-2px;} .page_info2.cs_download {margin:30px 0 35px 0;} .page_info2.cs_download h2 {margin-bottom:15px;color:#222;} .page_info2.cs_download p {margin-bottom:20px;} .page_info2.cs_download dl {margin-top:-5px;margin-bottom:20px;color:#444;} .page_info2.cs_download dt {font-size:14px;margin-bottom:6px;} .page_info2.cs_download dd {color:#747474;font-size:13px;} .page_info2 span.bgArea {display:block;position:absolute;top:50%;width:240px;height:140px;margin-top:-70px;} .page_info2.rightPic {padding-right:270px;} .page_info2.rightPic span.bgArea {right:0;} /* 공통 - 아이템리스트 */ .itemList {display:block;position:relative;margin:0;padding:0;border-top:solid #747474 1px;} .itemList li {display:block;position:relative;margin:0;padding:30px 0 0 0;border-bottom:solid #ddd 1px;} .itemList li .page_desc3 li {padding:1px 0 3px 10px;} .itemList li li {border-bottom:none;} .itemList li span.bgArea {display:block;overflow:hidden;position:absolute;left:0;top:30px;width:100px;height:100px;text-align:center;} .itemList dl {display:block;position:relative;padding:0 0 30px 130px;} .itemList dt {color:#222;font-size:18px;font-weight:600;margin-bottom:3px;} .itemList dd {color:#444;font-size:14px;} /* 상단 이미지 */ .page_info2.cs_download span.bgArea {background:url(/ux/images/customer/guide/cs_download_picto.png) no-repeat;} .page_info2.cs_download span.bgArea.csd1 {background-position:0 0;} .page_info2.cs_download span.bgArea.csd2 {width:240px;height:152px;margin-top:-76px;background:url(/ux/images/customer/guide/cs_download_form_picto.png) no-repeat;} .page_info2.cs_download span.bgArea.csd3 {background-position:0 -280px;} .page_info2.cs_download span.bgArea.csd4 {background-position:0 -420px;} /* 다운로드센터 > 메신저 */ .usableService {display:block;position:relative;margin:0;padding:30px 0;border-top:solid #ddd 1px;background:#fafafa;} .usableService dl {display:table;position:relative;width:100%;margin:0;padding:0;} .usableService dt {float:left;padding:30px 40px;color:#222;font-size:18px;font-weight:600;} .usableService dd {float:left;width:145px;padding:50px 0 10px 0;border-left:solid #ddd 1px;text-align:center;background:url(/ux/images/customer/download/usableService.png) no-repeat;} .usableService dd:first-child {border-left:none;} .usableService dd.svi1 {border-right:none;background-position:50% 10px;} .usableService dd.svi2 {border-right:none;background-position:50% -122px;} .usableService dd.svi3 {border-right:none;background-position:50% -255px;} .usableService dd.svi4 {border-right:none;background-position:50% -384px;} .usableService dd.svi5 {border-right:none;background-position:50% -515px;} /* 다운로드센터 > 고객보안 서비스 */ .itemList li .expendArea {display:none;position:relative;padding:30px;margin:0;border-top:solid #ddd 1px;background-color:#fafafa;} .itemList li.current > div.expendArea {display:block;} .itemList li .expendArea h3 {margin-bottom:15px;color:#222;font-size:18px;line-height:18px;font-weight:600;} .itemList li .expendArea dl {display:block;position:relative;margin:0;padding:0;} .itemList li .expendArea dt {display:block;position:relative;margin:0 0 6px 0;padding:0;color:#444;font-size:14px;font-weight:bold;} .itemList li .expendArea dd {display:block;position:relative;margin:0 0 8px 0;padding:0;color:#747474;font-size:13px;} .itemList li .expendArea dd + dt {margin-top:12px;} .itemList li .expendArea dd .page_desc3 {padding-top:0;} .itemList li .expendArea dd .page_desc3 li {font-size:13px;} .itemList dd.btnset {margin-top:17px;} .btnMid.exswgray{color:#222 !important;background-color:#ececec !important;border:1px solid #bbb !important;} .btnMid.exswgray:hover{border:1px solid #aaa !important;} .javaVirtual_box{background-color:#fafafa} .javaVirtual_box div{position:relative;display:block;padding:20px;border-top:1px solid #747474;border-bottom:1px solid #ddd} .javaVirtual_box div + div{border-top:0} .javaVirtual_box div .check_desc2{padding-bottom:0px} /********************** 공인인증/OTP **********************/ /* 공인인증서 발급 사전 동의 */ .agreement {padding:27px 0 50px 0;} .certAgreement {padding:27px 0 50px 255px;background:url(/ux/images/customer/certificate/icon_agreement.png) 61px 31px no-repeat;} /* 공인인증서 안내 */ .infoList dt:first-child {margin:0;} .infoList dt {display:block;line-height:15px;margin:30px 0 0;color:#444;font-size:16px;font-weight:bold;} .page_desc3 {zoom:1;display:block;padding:8px 0 0;} .page_desc3 li {padding:1px 0 3px 10px;color:#444;font-size:14px;line-height:22px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 13px;} .popSection .page_desc3 { padding:0;} .titArea .btnArea {width:auto;} .page_info.cs_certificate_head .inner .bgArea {background:url(/ux/images/customer/certificate/cs_certificate_picto.png) no-repeat;} .page_info.cs_certificate_head .inner .bgArea.otp {background-position:0 -140px;} .descArea .btnArea {width:auto;} .overview.certificate.nonebt .col {border-top:0 !important;} .overview.certificate .header {min-height:95px;margin:-26px -27px 17px;padding:0 0 0 27px;background:#fafafa url(/ux/images/customer/certificate/bg_certificate_header2.png) no-repeat 383px 20px;} .overview.certificate .header.first {background:#fafafa url(/ux/images/customer/certificate/bg_certificate_header1.png) no-repeat 383px 20px;} .overview.certificate .header p {display:block;padding:26px 0 0;} .overview.certificate .header p span {display:block;padding:0 0 10px;font-size:14px;color:#444;} .overview.certificate .header p strong {font-size:18px;} .overview.certificate .cell .infoList dd {min-height:52px;} .overview.certificate .cell .btnArea {padding:14px 0 0;} .overview.certificate .row .infoList dd {min-height:105px;} .overview.certificate .row .btnArea {padding:10px 0 0;} .overview {display:table;} .overview .col {display:table-cell;float:left;width:414px !important;margin-left:20px;padding:26px 27px 30px;border:1px solid #ddd;border-top:1px solid #747474 !important;} .overview .col:first-child {margin-left:0;} .overview .h4_tit {color:#222;} .overview .header {display:block;margin-bottom:27px;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 bottom;} .overview .header dl {display:block;padding-bottom:20px;} .overview .header dt, .overview .header p strong {font-size:20px;color:#222;font-weight:bold;line-height:18px;} .overview .header dd {padding:4px 0 0;} .overview .header dd .page_desc {padding:8px 0 0;font-size:14px;color:#444;} .overview .infoList dd {padding:3px 0 0;letter-spacing:-1.5px;} .overview .infoList dd strong {margin-right:3px;color:#5a96c8;font-weight:bold;letter-spacing:0;} .overview .row {display:table-cell;float:left;width:50%;background:url(/ux/images/common/bg_dot_vline2.gif) repeat-y left 0;} .overview .row.first {background:none;} .overview .row.first dl {margin-left:0;} .overview .cell {display:block;width:100%;padding:17px 0 0;margin-top:20px;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;} .overview .cell.first {padding:0;margin-top:0;background:none;} .overview .cell.first dl {margin-left:0;} .overview .cell .h4_tit {color:#0977c9;} .overview .row.last {display:block;width:100%;float:inherit;margin:27px 0 0;padding:0 0 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;} .overview .row.full {width:100%;float:inherit;} .overview .row dl, .overview .row p.btnArea {margin-left:25px;} .overview .row.first p.btnArea {margin-left:0;} .overview .cell .btnArea, .overview .row .btnArea {padding:20px 0 0;text-align:left;} .overview .row ul.btnArea {padding:2px 0 0 !important;} .overview .row ul.btnArea li {padding:10px 0 0;} .overview.certificate .cell .infoList dd .page_desc3, .overview.certificate .row .infoList dd .page_desc3 {padding-top:0;} .certificateService {display:block;position:relative;margin:0;padding:0;} .certificateService .tableRow {display:table;position:relative;width:100%;margin:0;padding:0;} .certificateService .tableRow + .tableRow {padding-top:20px;} .certificateService .tableCell {display:table-cell;position:relative;width:468px;margin:0;padding:0;} .certificateService .tableCell + .tableCell {padding-left:20px;} .certificateService .tableCell .head {display:block;position:relative;margin:0;padding:30px 25px;background-color:#FFF;border:solid #ddd 1px;border-top-color:#747474;border-bottom:none;} .certificateService .tableCell .head h3 {display:block;position:relative;width:325px;margin:0 0 20px 0;padding:0 0 20px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;font-size:18px;font-weight:600;} .certificateService .tableCell .cont {display:block;position:relative;margin:0;padding:25px;border:solid #ddd 1px;background-color:#fafafa;} .certificateService .tableCell .cont li {display:block;position:relative;margin:0;padding:0 0 20px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;} .certificateService .tableCell .cont li + li {margin-top:20px;} .certificateService .tableCell .cont li.last {background:none;padding-bottom:0;} .certificateService .tableCell .cont li p + a.btnMid {margin-top:10px;min-width:120px;text-align:left;} .certificateService .tableCell .cont li p + a.btnMid.long {min-width:160px;} .certificateService .head.chap01 {background:url(/ux/images/customer/certificate_chap01.png) no-repeat 380px 40px;} .certificateService .head.chap02 {background:url(/ux/images/customer/certificate_chap02.png) no-repeat 380px 40px;} .certificateService .head.chap03 {background:url(/ux/images/customer/certificate_chap03.png) no-repeat 380px 40px;} .certificateService .head.chap04 {background:url(/ux/images/customer/certificate_chap04.png) no-repeat 380px 40px;} .certificateService.OTP {display:block;position:relative;} .certificateService.OTP .inner {display:block;position:relative;margin:0;padding:30px 25px;background-color:#FFF;border:solid #ddd 1px;border-top-color:#747474;} .certificateService.OTP .inner h3 {display:block;position:relative;width:325px;margin:0 0 10px 0;padding:0 0 15px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;font-size:18px;font-weight:600;} .certificateService.OTP .inner ul {display:block;position:relative;margin:0;padding:0;border:none;background-color:inherit;} .certificateService.OTP .inner ul li {display:block;position:relative;margin:0;padding:0 0 0 10px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 3px 9px;} .certificateService.OTP .inner ul li + li {margin-top:20px;} .certificateService.OTP .inner ul li p + a.btnMid {margin-top:10px;min-width:120px;text-align:left;} .certificateService .inner.chap01 {background:url(/ux/images/customer/otpOverview01.png) no-repeat 380px 30px;} .certificateService .inner.chap02 {background:url(/ux/images/customer/otpOverview02.png) no-repeat 380px 30px;} .certificateService .inner.chap03 {background:url(/ux/images/customer/otpOverview03.png) no-repeat 380px 30px;} .certificateService .inner.chap04 {background:url(/ux/images/customer/otpOverview04.png) no-repeat 380px 30px;} /* 18-01-08 디자인 변경 */ .certificateService.type2{padding:5px 0 0;margin:0 0 80px} .certificateService.type2 .tableCell{display:block;float:left;margin-left:20px;width:306px;border-top:1px solid #747474;padding:0;} .certificateService.type2 .tableCell:first-child{margin-left:0} .certificateService.type2 .tableCell .head{padding:0; border:0; min-height:210px; background:none;} .certificateService.type2 .tableCell .head h3{width:auto; padding:40px 0 30px; margin:0; background:none; font-size:26px; color:#0977c9} .certificateService.type2 .tableCell .head h3 + .dot_list{margin:0} .certificateService.type2 .tableCell .cont{background:none; border:0; padding:0; margin:0} .certificateService.type2 .txt_font14{line-height:17px; vertical-align:top} .certificateService .tableRow2 {display:block;position:relative;width:100%;margin:0;padding:0;} .certificateService .tableRow2:after {display:block;content:"";clear:both;} .certificateService .tableRow2 .tableCell{width:100%;} .certificateService .tableRow2 .tableCell .head{min-height:125px; } .certificateService .tableRow2 .tableCell.smart{background:url(/ux/images/customer/certificate_smart.png) no-repeat 96% 52px;} .certificateService .tableRow2 .tableCell .head h3{padding:40px 0 10px;} .certificateService .tableRow2 .tableCell .cont h4{display:block; font-size:16px; color:#0977c9; padding:0 0 15px} /*스마트폰/태블릿공인인증서*/ .certificateCopy {zoom:1;display:block;position:relative;border-bottom:1px solid #ddd;background-color:#fafafa;} .certificateCopy > div {position:relative;border-bottom:1px dashed #ddd;} .certificateCopy > div span.arrow {position:absolute;bottom: -15px;left: 55px;width: 30px;height: 30px;background:url('/ux/images/common/ico_arrow_stepExpend.png') no-repeat;} .certificateCopy > div > ul {overflow:hidden;padding-right:30px} .certificateCopy div.last {border-bottom:0px;} .certificateCopy li.htsInfo_title {font-size:22px;color:#222222;width:150px;padding:125px 0 0 30px;float:left;} .certificateCopy li.htsInfo_title:after {display:block;content:"";clear:both;} .certificateCopy li.htsInfo_title strong {font-size:18px;color:#0977c9;display:block;} .certificateCopy .copyTit01_1 li.htsInfo_title {background:url('/ux/images/customer/certificate/title_certificatePC01.gif') no-repeat 30px 35px;} .certificateCopy .copyTit01_2 li.htsInfo_title {background:url('/ux/images/customer/certificate/title_certificatePC02.gif') no-repeat 30px 35px;} .certificateCopy .htsInfo_word{float:right;width:750px;padding:30px 0} .certificateCopy .htsInfo_word + .htsInfo_word{border-top:1px dashed #ddd} .certificateCopy .htsInfo_word.col2 ul{width:350px} .certificateCopy .htsInfo_word.col3 ul{width:225px} .certificateCopy .htsInfo_word > ul{float:left;padding-left:25px} .certificateCopy .htsInfo_word .htsInfo_tit{position:relative;margin-bottom:15px;} .certificateCopy .htsInfo_word .htsInfo_tit > strong{position:absolute;left:-25px;top:-3px;font-size:18px;color:#0977c9;} /* 공인인증서 관리 */ .certManage .h2_tit {margin-bottom:15px;} .boxLink {zoom:1;display:table;overflow:hidden;width:960px;} .boxLink:after {content:'';display:block;clear:both;} .boxLink ul {overflow:hidden;width:970px;} .boxLink ul li {display:table-cell;float:left;width:473px;margin-right:9px;margin-bottom:10px;border:1px solid #ddd;} .boxLink ul li dl {padding:15px 29px;min-height:104px;} .boxLink ul li dl dt {display:block;padding:0 0 3px;font-size:14px;color:#444;font-weight:bold;} .boxLink ul li dl dd {display:block;padding:8px 0 0;font-size:13px;color:#747474;} .boxLink ul li dl dd:first-child {padding:0 0 0;} .boxLink ul li dl dd p {padding:2px 0 5px;} .boxLink ul li dl dd a.btnText {font-size:14px;} /* OTP 안내 */ .detailBox.otp {zoom:1;margin-top:20px;border:1px solid #ddd;border-top:1px solid #747474 !important;} .detailBox.otp .header {background-color:#fafafa;} .detailBox.otp .header p {display:block;padding:29px;} .detailBox.otp .header p span {display:block;padding:0 0 10px;font-size:14px;color:#444;line-height:13px;} .detailBox.otp .header p strong {display:block;font-size:18px;color:#0062ab;font-weight:bold;} .detailBox.otp .header {min-height:219px;background-image:url(/ux/images/customer/certificate/bg_certificate_otp.png);background-repeat:no-repeat;background-position:173px 82px;} .detailBox.otp .col {min-height:197px;} .detailBox.otp .infoList {margin:0 30px 30px 0;padding-left:30px;background:none;} .detailBox.otp .infoList dt {margin:27px 0 0;} .detailBox.otp .infoList dd {padding:3px 0 0;letter-spacing:-1.5px;} .detailBox.otp .infoList dd strong {color:#5a96c8;font-weight:bold;letter-spacing:0;} /* OTP 관리 */ .overview.otp {display:block;width:960px !important;} .overview.otp .col {display:block;width:auto !important;float:inherit;} .overview.otp .row {width:33%;} .overview.otp .cell {display:block;width:100%;padding:0 0 24px;margin:0 0 18px;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 bottom;} .overview.otp .row dl {min-height:154px;} .overview.otp .row .btnArea {padding:12px 0 0;} /* cm.sspop 에서 가져옴 */ .page_desc .btnArea {position:absolute;right:0;bottom:0px;width:auto;} /* OTP 발급/이용방법 안내 */ .overview.otpInfo .header {padding:5px 0 18px;margin-bottom:18px;} .overview.otpInfo .header p {display:block;padding:0 0 0;} .overview.otpInfo .header p span {display:block;padding:0 0 10px;font-size:14px;color:#444;} .overview.otpInfo .header p strong {font-size:18px;} .overview.otpInfo .col {border-top:1px solid #ddd !important;background:#fafafa;} .overview.otpInfo .col {min-height:380px;} .otpIssue {display:block;position:relative;height:153px;margin:0 0 40px 0;padding:30px 460px 30px 30px;background-color:#fafafa;border:solid #ddd 1px;} .otpIssue h3 {display:block;position:relative;margin:0 0 20px 0;padding:0;font-size:18px;font-weight:600;color:#222;} .otpIssue .imageDescription {position:absolute;right:30px;top:30px;} .otpusemanual {display:table;position:relative;width:100%;margin:0 0 40px 0;padding:30px 0;border-bottom:solid #ddd 1px;border-top:solid #747474 1px;} .otpusemanual dl {display:table-cell;position:relative;width:50%;margn:0;padding:0;} .otpusemanual dl + dl {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;} .otpusemanual dt {display:block;position:relative;margin:0 0 20px 0;padding:0 0 0 30px;font-weight:600;} .otpusemanual dd {display:block;position:relative;margin:0;padding:0 0 0 30px;} /* 인증서발급/재발급에서 사용 상단 grayBox */ .grayBox_info {position:relative;margin-bottom:30px;padding:26px 29px 23px 29px;border:1px solid #ddd;background-color:#f4f5f7;} .grayBox_info .btnMid {position:absolute;right:30px;top:50%;margin-top:-15px;} .grayBox_info .btnArea.left{text-align:left;} .grayBox_info .btnArea.left .btnMid{position:static} .more_infoBox.customer ul.dot_list li {font-size:14px;} .more_infoBox.customer ul.row4 {height:81px;} .more_infoBox.customer ul.row5 {height:110px;} .more_infoBox.customer .btnArea.line {border-top:1px dashed #ddd;} .more_infoBox.customer .btnArea {margin-top:20px;padding-top:20px;text-align:left;} /* 개인정보 + 보안카드 입력 나올 시 간격 조정 */ .tbl1 + .h2_tit {margin-top:30px;} /* 공인인증 이용약관 */ .agree_titBox {margin-bottom:10px;} .agree_titBox:after {content:"";display:block;clear:both;} .agree_titBox .title {float:left;font-size:16px;color:#222;} .agree_titBox .agreeBox {float:right;padding:0 !important;background-color:#fff !important;} .termsBox {position:relative;overflow-y:auto;height:98px;margin-bottom:30px;padding:30px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;} .termsBox.mobile {height:130px;margin-bottom:20px;} /* 본인확인절차강화,휴대전화 본인명의 확인 및 추가인증 */ .identBox {padding:20px;background-color:#f4f5f7;} .identBox fieldset.radioGroup {display:block;margin-bottom:15px;} .identBox fieldset.radioGroup label {margin-right:10px !important;margin-left:0;} .identBox fieldset.authentication {display:block;} .identBox fieldset.authentication strong {padding:0 5px 0 15px;} .identBox fieldset.authentication strong.customerNum {padding:0 10px 0 0;} .identBox fieldset.authentication p.dot_list {margin:10px 0 0 0;} .identBox fieldset.phonefield {padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #bbb;} .identBox fieldset.phonefield input + .btnMid.modal {margin-top:5px;margin-left:0;} /* 스마트/태블릿 공인인증서 */ .page_info.smartTablet {background:url(/ux/images/customer/certificate/bg_smartTablet_topHead.png) 740px 20px no-repeat #fafafa;margin-bottom:30px;} .page_info.smartTablet em {display:inline-block;font-size:28px;font-weight:bold;color:#0062ab;} .page_info.smartTablet em img {vertical-align:middle;} .page_info.smartTablet .top_head_desc {font-size:14px;color:#444;} .page_info.smartTablet .btnArea {padding-top:20px;text-align:left;} /* 인증서 갱신 */ .top_head.certificate {position:relative;padding:26px 30px 30px 30px;border:1px solid #ddd;border-top:1px solid #747474;background:url(/ux/images/customer/certificate/bg_renewal_topHead.png) 690px 30px no-repeat;} .top_head.certificate + .boxGrey {margin-top:40px;} .top_head.certificate h2 {font-size:22px;color:#222;font-weight:bold;} .top_head.certificate h2 small {margin-left:10px;font-weight:normal;} .top_head.certificate h3{font-size:18px;color:#111} .top_head.certificate .li_list{} .top_head.certificate .li_list li{line-height:32px} .top_head.certificate .li_list li label{font-size:13px;line-height:24px;} .boxGrey .tipArea ul li .btnArea {padding-top:7px;text-align:left;}/* 알려드립니다. 버튼 있을 시 */ .boxGrey a.btnText2 {color:#5a96c8;text-decoration:underline;}/* 텍스트 안에 버튼 같이 있을 시 */ /* 공인인증서 상세 설명 */ .certifi_descBox {position:relative;border-top:1px solid #747474;} .certifi_descBox + .boxGrey {margin-top:40px;} .certifi_descBox .descHead {position:relative;padding:24px 30px;border-bottom:1px solid #ddd;} .certifi_descBox .descHead .desc {font-size:18px;color:#444;} .certifi_descBox .descHead .btnLarge {position:absolute;right:30px;top:50%;margin-top:-20px;} .certifi_descBox .descImg {border-bottom:1px solid #ddd;} .certifi_descBox .descImg img {vertical-align:top;} /* 인증서 관리 */ .certificateBox {position:relative;margin-bottom:30px;padding:10px 0;border:1px solid #ddd;border-top:1px solid #747474;} .certificateBox + .boxGrey {margin-top:40px;} .certificateBox:after {content:"";display:block;clear:both;} .certificateBox .compareBox {position:relative;margin:0 30px;padding:20px 0;} .certificateBox .compareBox.line:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px dashed #ddd;} .certificateBox .compareBox:after {content:"";display:block;clear:both;} .certificateBox .col {position:relative;float:left;width:419px;padding-left:30px;} .certificateBox .col:first-child {width:449px;padding-left:0;} .certificateBox .col:first-child:after {content:"";display:block;position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px dashed #ddd;} .certificateBox .col h3 {margin-bottom:10px;} .certificateBox .col .desc {font-size:14px;color:#444;} .certificateBox .col .desc.row3 {height:59px;} .certificateBox .col .btnArea {padding-top:15px;width:auto;text-align:left;} .certificateBox .col.bg_icon01 {background: url(/ux/images/customer/certificate/ico_cerificate01.png) 360px 0 no-repeat;} .certificateBox .col.bg_icon02 {background: url(/ux/images/customer/certificate/ico_cerificate02.png) 390px 0 no-repeat;} .certificateBox .col.bg_icon03 {background: url(/ux/images/customer/certificate/ico_cerificate03.png) 360px 0 no-repeat;} .certificateBox .col.bg_icon04 {background: url(/ux/images/customer/certificate/ico_cerificate04.png) 390px 0 no-repeat;} .certificateBox .col.bg_icon05 {background: url(/ux/images/customer/certificate/ico_cerificate05.png) 360px 0 no-repeat;} .certificateBox .col.bg_icon06 {background: url(/ux/images/customer/certificate/ico_cerificate06.png) 390px 0 no-repeat;} .certificateBox .col.bg_icon07 {background: url(/ux/images/customer/certificate/ico_cerificate07.png) 360px 0 no-repeat;} .certificateBox .col.bg_icon08 {background: url(/ux/images/customer/certificate/ico_cerificate08.png) 390px 0 no-repeat;} .certificateBox .col.bg_icon09 {background: url(/ux/images/customer/certificate/ico_cerificate09.png) 360px 0 no-repeat;} .certificateBox .col.bg_icon10 {background: url(/ux/images/customer/certificate/ico_cerificate10.png) 390px 0 no-repeat;} .certificateBox .col.bg_icon11 {background: url(/ux/images/customer/certificate/ico_cerificate11.png) 360px 0 no-repeat;} .certificateBox .col.bg_icon12 {background: url(/ux/images/customer/certificate/ico_cerificate12.png) 390px 0 no-repeat;} .certificateBox .col.bg_icon13 {background: url(/ux/images/customer/certificate/ico_cerificate13.png) 390px 0 no-repeat;} /* 클라우드 인증서 */ .certificateBox.cloud .col.bg_icon01 {background: url(/ux/images/customer/certificate/ico_cloudcate01.png) 360px 0 no-repeat;} .certificateBox.cloud .col.bg_icon02 {background: url(/ux/images/customer/certificate/ico_cloudcate02.png) 390px 0 no-repeat;} .certificateBox.cloud .col.bg_icon03 {background: url(/ux/images/customer/certificate/ico_cloudcate03.png) 360px 0 no-repeat;} .certificateBox.cloud .col.bg_icon04 {background: url(/ux/images/customer/certificate/ico_cloudcate04.png) 390px 0 no-repeat;} .certificateBox.cloud .col.bg_icon05 {background: url(/ux/images/customer/certificate/ico_cloudcate05.png) 360px 0 no-repeat;} .certificateBox.cloud .col.bg_icon06 {background: url(/ux/images/customer/certificate/ico_cloudcate06.png) 360px 0 no-repeat;} .certificateBox.cloud .col.bg_icon07 {background: url(/ux/images/customer/certificate/ico_cerificate06.png) 360px 0 no-repeat;} .certificateBox.cloudInfo .col.bg_icon01 {background: url(/ux/images/customer/certificate/ico_cloudcate_info01.png) 360px 0 no-repeat;} .certificateBox.cloudInfo .col.bg_icon02 {background: url(/ux/images/customer/certificate/ico_cloudcate_info02.png) 360px 0 no-repeat;} .certificateBox.cloud .loginCheck{position:absolute;top:0;right:0} .certificateBox.cloud .loginCheck fieldset.radioGroup{border:2px solid #444;border-radius:2px;} .certificateBox.cloud .loginCheck fieldset.radioGroup label+label{margin-left:0} .certificateBox.cloud .loginCheck fieldset.radioGroup label{position:relative;width:70px;} .certificateBox.cloud .loginCheck fieldset.radioGroup .radio{background:none;width:100%;height:26px;margin:0} .certificateBox.cloud .loginCheck fieldset.radioGroup .radio.checked{background-color:#0977c9} .certificateBox.cloud .loginCheck fieldset.radioGroup .radio.checked+span{color:#fff} .certificateBox.cloud .loginCheck fieldset.radioGroup label span{position:absolute;top:3px;left:20px;width:32px;text-align:center} .agreementBox {position:relative;margin-bottom:30px;padding:10px 0;border:1px solid #ddd;border-top:0px solid #747474;} .agreementBox + .boxGrey {margin-top:0px;} .agreementBox:after {content:"";display:block;clear:both;} .agreementBox .compareBox {position:relative;margin:0 30px;padding:20px 0;} .agreementBox .compareBox.line:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px dashed #ddd;} .agreementBox .compareBox:after {content:"";display:block;clear:both;} .agreementBox .col {position:relative;float:left;width:419px;padding-left:30px;} .agreementBox .col:first-child {width:900px;padding-left:0;} .agreementBox .col:first-child:after {content:"";display:block;position:absolute;right:0;top:0;} .agreementBox .col h3 {margin-bottom:10px;} .agreementBox .col .desc {font-size:14px;color:#444;} .agreementBox .col .desc.row3 {height:59px;} .agreementBox .col .btnArea {padding-top:15px;width:auto;text-align:left;} .agreementBox .col.bg_icon13 {background: url(/ux/images/customer/certificate/ico_cerificate13.png) 840px 0 no-repeat;} /* OTP 벤더 툴팁 */ .lay-help .secret_pw_key {padding:20px 0 10px;border-top:1px solid #747474;} .h2_popotp {display:block;position:relative;margin:0 0 30px 0 !important;padding:0;font-size:28px;font-weight:600;color:#222;text-align:center;} .h2_popotp strong {color:#0063ab;} /********************** 공지/이벤트 **********************/ /* 스탬프 */ /*스탬프 안내 */ .direction_box {display:block;position:relative;margin:0 0 40px 0;padding:0;border-top:solid #747474 1px;} .direction_box .direction {display:block;position:relative;margin:0;padding:25px 0 25px 160px;border-bottom:solid #ddd 1px;color:#444;font-size:14px;} .direction_box .direction h3.title {display:block;position:absolute;left:0;top:25px;width:160px;font-size:20px;color:#222;font-weight:normal;;} .direction_box .direction .btn_wrap {margin-bottom:15px;} .direction_box .direction .page_desc3 {padding-top:0;} .direction_box .direction h3 + table {margin-top:0 !important;} .direction_box .direction .stepProcess {border:none;} .direction_box .direction .stepProcess li .arrow {top:60px;} .direction_box .direction .stepProcess li .wrap {padding-bottom:0;} .direction_box .direction .stepProcess li .wrap .btnArea {padding-top:10px;text-align:left;} .direction_box .direction .stepProcess li .wrap .btnArea .btnLarge {padding-left:45px;font-size:14px;} .direction_box .direction .stepProcess li .wrap .btnArea .btnLarge +.btnLarge {margin:10px 0 0 0;} .direction_box .direction .stepProcess li .wrap .btnArea .online {background:url(/ux/images/common/bg_btnLeft_iconSet.png) 14px 9px no-repeat;} .direction_box .direction .stepProcess li .wrap .btnArea .recommend {background:url(/ux/images/common/bg_btnLeft_iconSet.png) 14px -31px no-repeat;} .direction_box .direction .stepProcess li .wrap .btnArea .trade {background:url(/ux/images/common/bg_btnLeft_iconSet.png) 14px -71px no-repeat;} .direction_box .direction .stepProcess li .wrap .btnArea .stamp {background:url(/ux/images/common/bg_btnLeft_iconSet.png) 14px -111px no-repeat;} .direction_box .direction .stepProcess li .wrap .btnArea.width78 .btnLarge {width:78px;} .direction_box .direction .manual_list li {margin-bottom:0;border:none;} .direction_box .direction .manual_list:after {display:block;content:"";clear:both;} .direction_box .direction .manual_list li .title {margin-bottom:10px;color:#222;font-size:18px;font-weight:bold;} .direction_box .direction .manual_list li .title strong {display:inline-block;width:25px;height:25px;margin-bottom:2px;text-align:center;vertical-align:middle;color:#fff;font-weight:bold;line-height:22px;background:url(/ux/images/common/bg_circle25.png) 0 0 no-repeat;} .direction_box .direction .manual_list li .imgBox {margin-bottom:20px;text-align:center;} .direction_box .direction .manual_list li .dot_list {margin:0 0 0 0;} .direction_box .direction .manual_list li .dot_list:after {display:block;content:"";clear:both;} .direction_box .direction .manual_list li .dot_list li {float:none;width:100%;} .direction_box .direction .manual_list li .dot_list li em {display:block;color:#747474;} /*스탬프현황 */ .myStamp {position:relative;height:462px;border:1px solid #ddd;} .myStamp:after {display:block;content:"";clear:both;} .myStamp .myStamp_box {float:left;width:147px;height:422px;padding:20px 15px 20px 15px;border-right:1px solid #ddd;} .myStamp .myStamp_box .title {margin-bottom:15px;color:#222;font-size:24px;} .myStamp .myStamp_box .title strong {color:#c75414;font-weight:normal;} .myStamp .myStamp_box .stamp_period {margin-top:20px;} .myStamp .myStamp_box .stamp_period .tit_period {margin-bottom:5px;color:#444;font-size:13px;font-weight:bold;text-decoration:underline;} .myStamp .myStamp_box .stamp_period span {color:#747474;font-size:13px;} .btnStamp {margin-top:20px;text-align:center;} .btnStamp a.btnLarge {display:inline-block;width:95px;height:45px;padding-left:35px;color:#fff;line-height:45px;font-size:14px;background:url(/ux/images/common/bg_ico_stempMarket.png) 20px center no-repeat #0977c9;} .stampArea {float:left;width:780px;} .stampList {overflow:hidden;} .stampList li {float:left;width:155px;height:149px;border-left:1px dashed #ddd;border-bottom:1px dashed #ddd;text-align:center;} .stampList li:first-child {border-left:none;} .stampList li.unfirst {border-left:none;} .stampList li.line {border-bottom:none;} .stampList li .stampBox {height:110px;margin-bottom:10px;text-align:center;background:url(/ux/images/common/bg_ico_stemp.png) no-repeat center 20px;} .stampList li span {font-size:12px;color:#747474;} .stampList li.used {background-color:#fafafa;} .stampList li.used .stampBox {background-position:center -340px;} .stampList li.get .stampBox {background-position:center -160px;} .stampCal {position:relative;height:162px;border-top:1px solid #ddd;background-color:#f4f5f7;} .stampCal .bg_cal {display:block;position:absolute;left:50%;top:50%;width:493px;height:24px;margin:-5px 0 0 -246px;background:url(/ux/images/common/bg_calSet.png) 0 0 no-repeat;z-index:1;} .stampCal ul {overflow:hidden;} .stampCal ul li {float:left;position:relative;width:156px;height:162px;text-align:center;} .stampCal ul li.line {width:155px;border-right:1px dashed #ddd;} .stampCal ul li > p {padding:24px 0 15px 0;color:#747474;font-size:13px;} .stampCal ul li > span {display:inline-block;width:60px;height:60px;vertical-align:middle;font-size:30px;font-weight:bold;line-height:55px;background:url(/ux/images/common/bg_stempCal.png) 0 0 no-repeat;} .stampCal ul li em {display:block;position:absolute;z-index:10;width:24px;height:24px;background:url(/ux/images/common/bg_calSet.png) 0 0 no-repeat;} .stampCal ul li em.cal_plus {right:-12px;top:75px;} .stampCal ul li em.cal_minus {right:-12px;top:75px;background-position:0 -86px;} .stampCal ul li em.cal_equals {right:-12px;top:79px;background-position:0 -48px;} .stampCal ul li.get p {color:#087fc1;} .stampCal ul li.get > span {color:#fff;background-position:0 -120px;} .stampCal ul li.total {width:155px;} .stampCal ul li.total p {color:#c75414;} .stampCal ul li.total > span {color:#fff;background-position:0 -240px;} .guideTb1 tbody tr.used th, .guideTb1 tbody tr.used td {color:#0977c9;} .page_info .inner span.bgArea.stampInfo {background:url(/ux/images/finance/cs_fiance_stampInfo.png) 0 0 no-repeat;} /* 스탬프마켓 */ .freebie_box {position:relative;margin-bottom:40px;border-top:1px solid #747474;background-color:#f4f5f7;;} .countBox {overflow:hidden;padding:24px 30px;border-bottom:1px solid #ddd;} .countBox .prodNum {float:left;} .countBox .prodNum > p {display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;} .countBox .prodNum p strong {display:inline-block;margin:0 5px 6px 10px;vertical-align:middle;color:#0977c9;font-size:30px;font-weight:bold;} .countBox .limitTime {float:right;width:300px;margin-top:7px;} .countBox .limitTime dl {position:relative;float:left;padding-right:55px;} .countBox .limitTime dl:after {content:"";display:block;clear:both;position:absolute;left:0;top:-17px;width:1px;height:66px;border-left:1px dashed #ddd;} .countBox .limitTime dl dt {display:inline-block;margin:5px 0 0 15px;padding-left:27px;color:#222;font-size:14px;font-weight:bold;background:url(/ux/images/common/bg_ico_time.png) 0 0 no-repeat;} .countBox .limitTime dl dd {position:absolute;right:0;top:-3px;vertical-align:middle;color:#222;font-size:18px;line-height:1;} .countBox .limitTime dl dd strong {color:#222;font-size:30px;font-weight:bold;} .countBox .limitBox {float:right;text-align:center;} .countBox .limitBox span {display:inline-block;width:20px;height:30px;margin-right:-3px;color:#fff;font-size:18px;font-weight:bold;line-height:28px;background-color:#444;;} .countBox .limitBox span.txt_colon {width:8px;color:#444;background:none;;} .title_desc {padding-bottom:3px;color:#444;font-size:24px;letter-spacing:-1px;} .prod_box {overflow:hidden;padding:30px;} .prod_box > li {position:relative;float:left;width:292px;height:328px;margin:0 9px 20px 0;border:1px solid #ddd;background-color:#fff;} .prod_box > li:nth-child(3n) {margin-right:0;} .prod_box > li.last {margin-right:0;} .prod_box > li .prod_img {padding:19px;} .prod_box > li .prod_img .imgBox {overflow:hidden;width:254px;height:190px;} .prod_box > li .prod_img .imgBox img {width:100%;height:100%;} .prod_box > li .prod_img .prod_tit {height:20px;padding:20px 0 0 0;font-size:14px;color:#222;font-weight:bold;} .prod_box > li .prod_img .prod_tit em {padding-right:5px;color:#747474;font-weight:bold;} .prod_box > li .stampBox {overflow:hidden;padding:10px 19px;border-top:1px solid #ddd;} .prod_box > li .stampBox > li {float:left;width:100px;height:36px;text-align:right;color:#222;font-size:13px;;} .prod_box > li .stampBox > li.useStamp {position:relative;width:93px;padding:0 16px 0 42px;text-align:left;border-right:1px dashed #ddd;background:url(/ux/images/common/bg_ico_stemp_mid.png) 0 0 no-repeat;;} .prod_box > li .stampBox > li.useStamp strong {font-weight:bold;} .prod_box > li .stampBox > li.useStamp strong em {color:#0977c9;} .prod_box > li .stampBox > li .btnMid {width:59px;margin-top:3px;} .myEntryBox {position:absolute;left:20px;top:-4px;width:164px;z-index:1;} .myEntryBox .txt_entry {width:100%;height:35px;background:url(/ux/images/common/bg_myEntryBox.png) 0 0 no-repeat;} .myEntryBox .txt_entry a {display:block;padding:8px 0 0 10px;color:#222;font-size:13px;;} .myEntryBox .txt_entry a strong {color:#0977c9;text-decoration:underline;} .entry_detail {display:none;position:relative;width:158px;max-height:158px;padding-bottom:15px;border:1px solid #7891af;border-top:none;background-color:#fafafa;} .entry_detail.on {display:block;} .entry_detail strong {display:block;padding:10px;color:#444;font-size:13px;font-weight:bold;} .entry_detail > ul {overflow-y:auto;max-height:125px;padding:0 0 0 10px;} .entry_detail > ul li {line-height:25px;} /* 현재 마켓이 없을때 */ .freebie_box.no_data {padding:34px 0 40px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;color:#222;font-size:20px;} /********************** 사이트맵 **********************/ .sitemapArea {margin-top:10px;} .sitemapArea .col:first-child {width:199px;border-left:none;} .sitemapArea .col {float:left;width:200px;padding:10px 19px;border-left:1px solid #efefef;} .sitemapArea .col dl:first-child {padding:20px 0 5px;background:none;} .sitemapArea .col dl {padding:20px 0 12px;background:url(/ux/images/common/bg_dot_line.gif) 0 top repeat-x;} .sitemapArea .col dl dt, .sitemapArea .col dl dt a {padding-bottom:7px;color:#0977c9;font-size:15px;font-weight:bold;line-height:15px;} .sitemapArea .col dl dd {padding:5px 0;font-weight:bold;line-height:15px;} .sitemapArea .col dl dd a {color:#444;font-size:14px;} .sitemapArea .col dl dd a > em {display:inline-block;width:10px;height:13px;padding:0 0 2px;margin:0 0 0 5px;text-indent:-9999px;vertical-align:middle;background:url(/ux/images/common/header/bg_login_on.png) no-repeat 0 0;;} .sitemapArea .col dl dd a > var {display:inline-block;position:relative;width:25px;height:13px;padding:0 0 2px;margin:0 0 0 5px;text-indent:-9999px;vertical-align:middle;background:url(/ux/images/common/header/bg_newmenu.png) no-repeat 0 0;;} .sitemapArea .col dl dl {padding:0 !important;} .sitemapArea .col dl dl dt {padding-bottom:7px;} .sitemapArea .col dl dl dd {font-weight:normal;padding:4px 0 4px 10px;background:url(/ux/images/common/bul_arrow3.gif) 0 13px no-repeat;} .sitemapArea .col dl dd dl dd dt {font-weight:normal;} .sitemapArea .col dl dl dd dd a {color:#747474;font-size:13px;} .sitemapArea .col dl dl dd dd a > em {display:inline-block;width:10px;height:13px;padding:0 0 2px;margin:0 0 0 5px;text-indent:-9999px;vertical-align:middle;background:url(/ux/images/common/header/bg_login_on.png) no-repeat 0 0;} .sitemapArea .col dl dl dd dd a > var {display:inline-block;position:relative;width:25px;height:13px;padding:0 0 2px;margin:0 0 0 5px;text-indent:-9999px;vertical-align:middle;background:url(/ux/images/common/header/bg_newmenu.png) no-repeat 0 0;} /* 정리해야됨 */ .tabArea {zoom:1;} .tabArea:after {content:'';display:block;clear:both;} .boxGrey {zoom:1;display:block;border:1px solid #ddd;} .boxGrey:after {content:'';display:block;clear:both;} .boxGrey2 {zoom:1;display:block;border:1px solid #ddd;} .boxGrey2:after {content:'';display:block;clear:both;} .boxGrey3 {zoom:1;display:block;border-top:solid #747474 1px;border-bottom:1px solid #ddd;background:#fafafa;} .boxGrey3:after {content:'';display:block;clear:both;} .boxGrey4 {zoom:1;display:block;background:#fafafa;padding:10px 0;} .boxGrey4:after {content:'';display:block;clear:both;} /********************* 3차 고객센터 오픈 *********************/ fieldset.email .at {margin-left:5px;} fieldset.email .select-box + input[type=text] {margin-left:6px;} fieldset span.dash {margin:0 5px;} /*가로스크롤테이블*/ .viewMoreBox {position:relative;} .viewMoreBox .scrollRowWrap {overflow:hidden;} .viewMoreBox .headerWrap {padding-top:1px;} table.viewMore, table.viewMore2 {table-layout:fixed;} table .viewMore {display:none;} table.viewMore.active colgroup .viewMore,table.viewMore2.active colgroup .viewMore {display:table-column;} table.viewMore.active th.viewMore,table.viewMore.active td.viewMore,table.viewMore2.active th.viewMore,table.viewMore2.active td.viewMore {display:table-cell;} .scrollRowWrap.wideScroll {overflow-x:auto;} .scrollRowWrap.wideScroll .scrollTable01 {display:block;position:relative;} .scrollRowWrap.wideScroll .scrollTable01.tbl_reportAccidents {width:2047px;} /* 레이어팝업 서브타이틀 */ .cunstomerPtitle {padding-bottom:30px;text-align:center;color:#222;font-size:28px;font-weight:bold;} .cunstomerPtitle.plusMg {padding-top:25px;} .cunstomerPtitle.minusMg {padding-bottom:20px;} .cunstomerPtitle strong {color: #0062ab;} .cunstomerPtitle p.txt {font-size:18px;font-weight:normal;} .cuPtitle22 {font-size:22px !important;} /* 다시쓰기 버튼 간격 */ .btnArea.fnBtn {padding-top:8px;text-align:right;} .comfirmBox strong {color:#e56c00;font-weight:normal;} /* 달력버튼 */ a.calendar {display:inline-block;vertical-align:middle;width:36px;height:36px;background-image:url(/images/common/btn/bg_icon.gif);background-repeat:no-repeat;text-indent:-9999px;} /* 보안카드 입력 */ .secret_card.otp .otp_txt {display:inline-block;float:left;width:290px;} .secret_card.otp input[type=password], .secret_card.otp ul li input[type=password] {width:168px;margin-left:0;} .secret_card.otp .img_secret_card {display:inline-block;width:296px;height:86px;background:url(/ux/images/common/img_otp_secret.gif) no-repeat;} .secret_card.otp.block .img_secret_card {width:373px;height:86px;margin:50px 0 0;background:url(/ux/images/common/img_error_otp_secret.gif) no-repeat;} .secret_card.otp.block .bul_list {margin-bottom:0;padding:0;} .secret_card.otp.block p.text {padding-top:10px;} .secret_card img {vertical-align: middle;} .secret_card input[type=password] {width:75px;margin-left:13px;} .secret_card .secret_input li {margin-top:10px;} .secret_card .secret_input li:first-child {margin-top:0;} .secret_card .secret_input li strong {color:#c80415;} .secret_card .secret_input li .secret_text {display:inline-block;width:120px;} .secret_card .secret_input li input[type=password] {width:55px;margin-left:0;} .secret_card .img_secret_card {width:291px;height:181px;margin-left:10px;text-indent:-9999px;background:url(/ux/images/common/img_secret_card.gif) no-repeat;} .secret_card.old ul li input[type=password] {width:125px;margin-left:0;} .secret_card.old .img_secret_card {background:url(/ux/images/common/img_old_secret_card.gif) no-repeat;} /* table tr 이동 버튼 */ .btn_selectMove {display:inline-block;width:27px;height:25px;background:url(/ux/images/common/btn_selectMove.gif) 0 0 no-repeat;} .btn_selectMove + .btn_selectMove {margin-left:5px;} .btn_selectMove.up {background-position:-27px 0;} .btn_selectMove.up.disabled {background-position:0 0;} .btn_selectMove.down {background-position:-27px -25px;} .btn_selectMove.down.disabled {background-position:0 -25px;} .layer .scrollBody .placeHolder_input.slip label {top:5px;font-size:12px;} /********************** 고객센터>공인인증/OTP **********************/ /*인증서발급/재발급*/ .termsBox.mobile.identificationTerms p {margin-bottom:20px;} .termsBox.mobile.identificationTerms table tbody td {background:#fff;} /*인증서등록/해제*/ .more_infoBox.pop.col2 .col.he140 {min-height:140px;} /********************** 소비자보호광장 **********************/ /* 민원신고센터 */ .complaint_head {margin-bottom:30px;} .complaint_head .inner span.bgArea {background:url(/ux/images/customer/protection/bg_complaint.png) 60% center no-repeat;} .complaint_head .inner .text_desc {line-height:18px;} .complaint_agree h2 {margin-right:8px;} .complaint_agree h2 + span {display:inline-block;padding-top:5px;color:#747474;font-size:13px;} .complaint_agree + .terms_area li {margin-top:5px;border-bottom:0;} .termsCustom {border-top:1px solid #ddd;background-color:#fafafa;} .compliant_report {padding:30px 30px 30px 160px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background:url(/ux/images/customer/protection/bg_complaintCenter.png) 31px center no-repeat;} .compliant_report .dot_list {margin:16px 0;} .complaint_notice {margin-bottom:25px;padding:25px 30px;} .complaint_notice .check_desc2 {margin-top:5px;} .complaint_registEnd {padding:30px 0;text-align:center;font-size:18px;} .more_infoBox.reportPop .col {width:329px;} .more_infoBox.reportPop .col.ico_report01 {background:url(/ux/images/customer/cultureService/ico_reportEnd01.png) 96% 29px no-repeat;} .more_infoBox.reportPop .col.ico_report02 {background:url(/ux/images/customer/cultureService/ico_reportEnd02.png) 96% 29px no-repeat;} .more_infoBox.reportPop.col1 {position:relative;text-align:center;} .more_infoBox.reportPop.col1 .col {display:inline-block;text-align:left;} /*소비자보호 강령*/ .protectAct {padding:50px 0 50px 234px;} .protectAct li {position:relative;padding-left:54px;margin-top:28px;font-size:16px;} .protectAct li:first-child {margin-top:0;} .protectAct li .num {display:inline-block;position:absolute;top:0;left:0;width:54px;font-weight:bold;} .protectAct.sspop {padding-left:50px;} /* 금융소비자보호 헌장 */ .cunstomerCharter{display:block;width:960px;height:922px;background:url(/ux/images/customer/bg_cs_creed.png) 0 0 no-repeat;} .cunstomerCharter .cunstomerTitle{display:block;padding:120px 0 35px;font-size:42px;line-height:43px;color:#0977c9;font-weight:bold;text-align:center;} .cunstomerCharter .cunstomerTitles{display:block;width:690px;margin:0 auto;padding:15px 0;font-size:20px;line-height:34px;color:#0977c9;text-align:center;border-top:1px solid #b5d6ef;border-bottom:1px solid #b5d6ef;} .cunstomerCharter .cunstomerNum{display:block;width:690px;margin:50px auto 0;} .cunstomerCharter .cunstomerNum>li{position:relative;font-size:20px;color:#444;padding-left:48px;padding-bottom:20px;font-weight:bold;} .cunstomerCharter .cunstomerNum>li .num{display:inline-block;position:absolute;top:0;left:0;width:48px;font-size:24px;line-height:24px;color:#3dadec;text-align:center;} /* 소비자보호체계 */ .protect_chkList {padding:30px;} .protect_chkList li {margin-top:12px;} .protect_chkList dl {margin-top:20px;} .protect_chkList dt {margin-top:29px;color:#0977c9;font-weight:bold;} .protect_chkList dt:first-child {margin-top:0;} .csCenter {margin-bottom:40px;padding:47px 30px 47px 160px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background:url(/ux/images/customer/protection/bg_protectSys.png) 31px center no-repeat;} /* 투자상품 자가진단표 */ .self_chkList {display:block;;background-color:#fcfcfc;margin-bottom:40px;padding:10px 35px 30px;border-top:1px solid #747474;border-bottom:1px solid #ddd;} .self_chkList > ul > li {position:relative;padding-left:20px;padding-top:30px;margin-bottom:30px;border-top:1px solid #ddd} .self_chkList > ul > li:first-child{border-top:none} .self_chkList li .num {display:block;position:absolute;top:30px;left:0;text-align:left;color:#3dadec;font-size:20px;font-weight:bold;line-height:28px;} .self_chkList li .question {min-height:28px;margin-bottom:6px;padding-top:2px;color:#444;font-size:18px;} .self_chkList li p.answer, .self_chkList li ul.answer li {padding-left:0px;color:#747474;font-size:14px;} .self_chkList li ul.answer li {margin-top:3px;} .self_chkList li ul.answer li:first-child {margin-top:0px;} /* 소비자보호 우수사례 */ .protect_case {padding:30px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;} .protect_case:after {content:"";display:block;width:0;height:0;clear:both;} .protect_case li {float:left;position:relative;width:33.33%;padding-top:148px;text-align:center;background:url(/ux/images/customer/protection/bg_protectCase01.png) 106px 2px no-repeat;} .protect_case li:first-child + li {background-image:url(/ux/images/customer/protection/bg_protectCase02.png);background-position:109px 0;} .protect_case li:first-child + li + li {background-image:url(/ux/images/customer/protection/bg_protectCase03.png);background-position:85px 30px ;} .protect_case li:after {content:"";position:absolute;top:0;left:0;display:block;width:1px;height:302px;background:url(/ux/images/common/bg_dot_vline.gif) 0 0 repeat-y;} .protect_case li:first-child:after {display:none;} .protect_case li .title {margin-bottom:10px;font-size:18px;font-weight:bold;} /* 휴면계좌조회 */ fieldset.registNum input[type=text] + span {display:inline-block;padding:0 5px;} fieldset.phonefield .select-box, fieldset.phonefield input[type=text] {margin-left:4px;} fieldset.phonefield .select-box:first-child, fieldset.phonefield legend + .select-box {margin-left:0;} .terms_area.noScroll {overflow:hidden;height:100%;} .terms_area + .agreeBox {background:#f4f5f7;} .terms_area + .agreeBox.transferTerms {border-bottom:1px solid #ddd;} .terms_area.phone_agree {height:133px;margin-bottom:20px;} .phone_agree .guideTb1 th, .phone_agree .guideTb1 td {background-color:#fff;} fieldset.agree_infoCollet {float:right;} fieldset.agree_infoCollet.type2 {margin-top:-11px;} .phoneAgree_box {border-top:1px solid #ddd;} .phoneAgree_box .boxGray {position:relative;padding:20px 15px;border-bottom:1px solid #ddd;background-color:#fafafa;} .phoneAgree_box .boxGray label.check {position:absolute;right:15px;top:50%;margin-top:-10px;} /* 구매철회서비스 */ .retract_inquire {margin-bottom:40px;background:url(/ux/images/invest_information/retract_inquire.png) no-repeat 720px 30px #fafafa;} .retract_box p {margin-top:5px;color:#444;} .retract_box p span {color:#0062ab;} /* .retractItem ul {overflow:hidden;background:url('/ux/images/customer/protection/retract_areaArrow.gif') center top no-repeat;} */ .retractItem ul {overflow:hidden;} .retractItem ul li {float:left;} .retractItem ul li:before{content:"";height:8px;display:block;margin-bottom:2px} .retractItem ul li.wid60 {width:576px;color:#0062ab} .retractItem ul li.wid60:before{background-color:#0062ab;} .retractItem ul li.wid40 {width:384px;color:#3dadec} .retractItem ul li.wid40:before{background-color:#3dadec;} .retractBox {margin:0 0 30px;} .retractBox .col {height:161px;} /* 고객만족서비스 */ .sf_inquire {margin-bottom:40px;background:url(/ux/images/invest_information/sf_inquire.png) no-repeat 720px 30px #fafafa;} /* 소비자보호 우수사례 */ .best_caes_head{border-left:1px solid #ddd;border-right:1px solid #ddd;} .best_caes_head .inner{} .best_caes_head .inner span.bgArea{background:url(/ux/images/customer/bg_cs_best_case.png) 40% 0 no-repeat;height:172px} .best_caes_area{display:block;} .best_caes_area:after {content:"";display:block;clear:both;visibility:hidden;} .best_caes_area .best_caes_cont{position:relative;} .best_caes_area .best_caes_cont .best_year{position:relative;margin-top:40px;} .best_caes_area .best_caes_cont .best_year:after{content:""; display:block; width:1px; height:100%; margin:0; position:absolute; left:134px; top:0; background-color:#9dc9e9} .best_caes_area .best_caes_cont .best_year .month{position:relative;} .best_caes_area .best_caes_cont .best_year .month:after {display:block;content:"";clear:both;} .best_caes_area .best_caes_cont .best_year .month .year{position:relative;float:left;font-size:34px;color:#0977c9;line-height:32px;width:109px;text-align:right} .best_caes_area .best_caes_cont .best_year .month .block:first-child{margin-top:0} .best_caes_area .best_caes_cont .best_year .month .block {position:relative;margin-top:40px} .best_caes_area .best_caes_cont .best_year .month .block:after {display:block;content:"";clear:both;} .best_caes_area .best_caes_cont .best_year .month .block:before{content:"";display:block;position:absolute;left:125px;top:0;width:6px;height:6px;border:6px solid #9dc9e9;background-color:#fff;border-radius:20px;z-index:10} .best_caes_area .best_caes_cont .best_year .month .block > div.cont{position:relative;display:inline-block;float:right;width:790px} .best_caes_area .best_caes_cont .best_year .month .block > div.cont:after {display:block;content:"";clear:both;} .best_caes_area .best_caes_cont .best_year .month .block .textBox{display:block;font-size:14px;color:#444} .best_caes_area .best_caes_cont .best_year .month .block .textBox+.lay-help, .best_caes_area .best_caes_cont .best_year .month .block .textBox+.btnLayer,.best_caes_area .best_caes_cont .best_year .month .block .textBox+.btnMid {margin-top:20px} .best_caes_area .best_caes_cont .best_year .month .block .textBox>strong{display:block;margin-bottom:10px;font-size:18px;color:#222;font-weight:bold} .best_caes_area .best_caes_cont .best_year .month .block .btnMid.plus {text-indent:0 !important;width:auto !important;height:26px !important ;vertical-align:middle !important;background:transparent url(/ux/images/common/btn/bg_btn_ico_set.png) no-repeat 0 0 !important;background-position:right -292px !important} .best_caes_area .best_caes_cont .best_year .month .block .btnMid.plus.on{background-position:right -348px !important;border-color:#7891af !important;border-bottom:1px solid #fff !important;z-index:21 } .best_caes_area .best_caes_cont .best_year .month .block .lay-help{margin:0} /* .best_caes_area .best_caes_cont .best_year .month .block .lay-help .layer{position:relative;top:-1px;left:0;width:730px;padding:20px 20px 15px 20px} */ .best_caes_area .best_caes_cont .best_year .month .block .lay-help .layer{top:27px;left:0;width:730px;padding:20px 20px 15px 20px} .best_caes_area .best_caes_cont .best_year .month .block .lay-help .layer:after{display:none} .best_caes_area .best_caes_cont .best_year .month .block .lay-help .layer ul.dot_list{margin-top:0} .best_caes_area .best_caes_cont .best_year .month .block ul.dot_list>li, .best_caes_area .best_caes_cont .best_year .month .block .lay-help .layer ul.dot_list>li{font-size:14px} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer{position:relative} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer:after {display:block;content:"";clear:both;} .best_caes_area .best_caes_cont .best_year .month .block .lay-help .btn04 +.layer{left:-429px} /* .best_caes_area .best_caes_cont .best_year .month .block .btnLayer .btn01{position:absolute;top:-14px;left:0;width:95px !important} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer .btn01.on{top:0;} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer .btn02{position:absolute;top:0;left:160px} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer .btn03{position:absolute;top:0;left:320px} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer .btn04{position:absolute;top:0;left:480px} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer .lay-help{} .best_caes_area .best_caes_cont .best_year .month .block .btnLayer .lay-help .layer{top:27px} */ /********************** 문화교육서비스 **********************/ /* POP Honors Club */ .honorsClub_info:after {content:"";display:block;overflow:hidden;width:0;height:0;clear:both;} .honorsClub_info .fl {width:580px;height:380px;padding-top:150px;padding-bottom:280px;color:#fff;background:url(/ux/images/customer/cultureService/bg_honorsClub_memInfo.jpg) 0 0 no-repeat;} .honorsClub_info .fl p {text-align:center;} .honorsClub_info .fl p .strong {color:#ffd38f;} .honorsClub_info .fr li {width:380px;height:178px;padding-top:25px;text-align:center;background-color:#f0f0f0;} .honorsClub_info .fr li:first-child{height:177px;} .honorsClub_info .fr li:last-child{height:177px;} .honorsClub_info .fr li:first-child + li {background-color:#e6e6e6;} .honorsClub_info .fr li:first-child + li + li {background-color:#dcdcdc;} .honorsClub_info .fr li:first-child + li + li + li{background-color:#f1f5f8;} .honorsClub_info .fr li img + p {margin-top:5px;} .honorsClub_info .fr li img + p+.btnArea{padding-top:20px;} .honors_wrap:after {content:"";display:block;overflow:hidden;width:0;height:0;clear:both;} .honors_wrap .row_odd, .honors_wrap .row_even {height:350px;} .honors_wrap .honors_con {width:50%;height:100%;box-sizing:border-box;padding:30px 25px;} .honors_wrap .row_even .honors_con {margin-left:50%;border-right:1px solid #ddd;} .honors_wrap .row_odd .honors_con {border-left:1px solid #ddd;} .honors_wrap .top .honors_con {border-top:1px solid #ddd;} .honors_wrap .bottom .honors_con {border-bottom:1px solid #ddd;} /* .honors_wrap .life, .honors_wrap .life_h, .honors_wrap .life_mem{height:440px} .honors_wrap .life_P{height:500px} */ .honors_wrap .life_P .honors_con .btnArea .btnMid.middle, .honors_wrap .life_h .honors_con .btnArea .btnMid.middle, .honors_wrap .life_mem .honors_con .btnArea .btnMid.middle{margin-top:55px} .honors_wrap .life .honors_con .btnArea .btnMid.middle{margin-top:80px} .honors_wrap .life .honors_con .btnArea .btnMid.last, .honors_wrap .life_P .honors_con .btnArea .btnMid.last, .honors_wrap .life_h .honors_con .btnArea .btnMid.last, .honors_wrap .life_mem .honors_con .btnArea .btnMid.last{margin-top:75px} .honors_wrap .hotel {background:url(/ux/images/customer/cultureService/bg_dining_P.jpg) 100% 0 no-repeat;} .honors_wrap .dining {background:url(/ux/images/customer/cultureService/bg_dining.jpg) 100% 0 no-repeat;} .honors_wrap .airport {background:url(/ux/images/customer/cultureService/bg_airport.jpg) 0 100% no-repeat;} .honors_wrap .culture {background:url(/ux/images/customer/cultureService/bg_culture.jpg) 0 100% no-repeat;} .honors_wrap .leisure {background:url(/ux/images/customer/cultureService/bg_leisure.jpg) 100% no-repeat;} .honors_wrap .life{background:url(/ux/images/customer/cultureService/bg_life_new.jpg) 0 100% no-repeat;} .honors_wrap .gift {background:url(/ux/images/customer/cultureService/bg_gift.jpg) 100% 0 no-repeat;} .honors_wrap .airport_h {background:url(/ux/images/customer/cultureService/bg_airport_h.jpg) 0 100% no-repeat;} .honors_wrap .hotel_h {background:url(/ux/images/customer/cultureService/bg_hotel_P.jpg) 100% 0 no-repeat;} .honors_wrap .life_h{background:url(/ux/images/customer/cultureService/bg_life_h.jpg) 0 100% no-repeat;} .honors_wrap .life_mem{background:url(/ux/images/customer/cultureService/bg_life_mem.jpg) 0 100% no-repeat;} .honors_wrap .dining_h {background:url(/ux/images/customer/cultureService/bg_h_dining.jpg) 100% 0 no-repeat;} .honors_wrap .hotel_P {background:url(/ux/images/customer/cultureService/bg_p_dining.jpg) 100% 0 no-repeat;} .honors_wrap .dining_P {background:url(/ux/images/customer/cultureService/bg_p_dining2.jpg) 100% 0 no-repeat;} .honors_wrap .airport_P {background:url(/ux/images/customer/cultureService/bg_airport_P_new.jpg) 0 100% no-repeat;} .honors_wrap .culture_P {background:url(/ux/images/customer/cultureService/bg_culture_P.jpg) 100% 0 no-repeat;} .honors_wrap .leisure_P {background:url(/ux/images/customer/cultureService/bg_leisure_P.jpg) 0 100% no-repeat;} .honors_wrap .premiumGift_P {background:url(/ux/images/customer/cultureService/bg_p_gift.jpg) 100% 0 no-repeat;} .honors_wrap .gift_P {background:url(/ux/images/customer/cultureService/bg_p_gift.jpg) 100% 0 no-repeat;} .honors_wrap .life_P{background:url(/ux/images/customer/cultureService/bg_life_P.jpg) 0 100% no-repeat;} .honors_wrap .driver {background:url(/ux/images/customer/cultureService/bg_driver.jpg) 100% 0 no-repeat;} .honors_wrap .life .honors_con, .honors_wrap .life_P .honors_con, .honors_wrap .life_h .honors_con, .honors_wrap .life_mem .honors_con{position:relative} .honors_wrap .life .honors_con .btnArea, .honors_wrap .life_P .honors_con .btnArea, .honors_wrap .life_h .honors_con .btnArea, .honors_wrap .life_mem .honors_con .btnArea{width:auto;position:absolute;right:25px;top:45px;} .honors_wrap .life .honors_con .btnArea{} .honors_wrap .life .honors_con .btnArea .btnMid, .honors_wrap .life_P .honors_con .btnArea .btnMid, .honors_wrap .life_h .honors_con .btnArea .btnMid, .honors_wrap .life_mem .honors_con .btnArea .btnMid{text-align:right} .honors_wrap .PSservice_PS {background:url(/ux/images/customer/cultureService/bg_PSservice_PS.jpg) 100% 0 no-repeat;height:465px;} .honors_wrap .premiumGift_PS {background:url(/ux/images/customer/cultureService/bg_premiumGift_PS.jpg) 0 100% no-repeat;} .honors_wrap .consulting_PS {background:url(/ux/images/customer/cultureService/bg_consulting_PS.jpg) 100% 0 no-repeat;} .honors_wrap .bgposition_l {background-position:0 100% !important} .honors_wrap .bgposition_r {background-position:100% 0 !important} .honors_wrap .honors_con .title {margin-bottom:15px;} .honors_wrap .honors_con li {margin-bottom:9px;font-weight:bold;} .honors_wrap .honors_con li .desc {margin:4px 0 18px 0;font-weight:normal;font-size:13px;} .honors_wrap .honors_con li .desc span {display:block;color:#747474;} .honors_wrap .honors_con li .dot_list {margin:4px 0 18px 0;} .honors_wrap .honors_con li .dot_list li {margin-bottom:5px;font-weight:normal;font-size:13px;} /*CONCIERGE CENTER*/ .concierge {margin:40px 0 13px 0;border:1px solid #ebebeb;color:#444;background-color:#fafafa;} .concierge .title {padding-left:30px;border-bottom:1px solid #ebebeb;font-size:18px;font-weight:bold;line-height:57px;} .concierge_con {padding:20px 30px 40px 30px;} .concierge_con .desc {margin-bottom:25px;} .concierge_con .desc span {display:block;margin-top:5px;color:#747474;font-size:13px;} .concierge_con ul:after {content:"";display:block;overflow:hidden;width:0;height:0;clear:both;} .concierge_con li {float:left;box-sizing:border-box;width:50%;padding-left:62px;background:url(/ux/images/customer/cultureService/bg_cs_center.png) 0 center no-repeat;} .concierge_con dt {color:#222;} .concierge_con dd.number {font-size:24px;font-weight:bold;} .concierge_con dd.number + dd {color:#747474;font-size:13px;} /*Honors Culture*/ .btnMid.honors {color:#222;background-color:#ececee;} .btnMid.honors.modal {padding-right:33px;background:#ececee url(/ux/images/common/btn/ico_modal_black.png) right center no-repeat;} .btnMid.honors.page {background-image:url(/ux/images/customer/cultureService/bg_btn_honorsPage.png);background-position:92% center;} .honorsCulture_info:after {content:"";display:block;width:0;height:0;clear:both;} .honorsCulture_info .fl {width:580px;height:500px;padding-top:160px;padding-bottom:140px;color:#fff;text-align:center;background:url(/ux/images/customer/cultureService/bg_honorsCulture.jpg) 100% 0 no-repeat;} .honorsCulture_info .fl span.strong {color:#ffd38f;} .honorsCulture_info .fr {width:380px;} .honorsCulture_info .fr li {padding:60px 0 53px 0;box-sizing:border-box;} .honorsCulture_info .fr li .dot_list li {padding:0 0 0 10px;} .honorsCulture_info .fr li.discount {height:220px;background:#f0f0f0;} .honorsCulture_info .fr li.discount2 {height:340px;background:#e6e6e6 ;} .honorsCulture_info .fr li.event {height:240px;background:#dcdcdc;} .honorsCulture_info .fr li.magazine {height:280px;background:#d2d2d2;} .honorsCulture_info .fr li dt {margin-bottom:5px;font-size:18px;padding-bottom:10px;} .honorsCulture_info .fr li dt span {padding-left:20px;border-bottom:2px solid #a27f45;color:#a27f45;} .honorsCulture_info .fr li dd {padding-left:20px;} .honorsCulture_info .fr li dd + dd {margin-top:25px;font-size:13px;} .honorsCulture_cs {margin-top:40px;border:1px solid #ebebeb;background-color:#fafafa;} .honorsCulture_cs .title {padding-left:30px;border-bottom:1px solid #ebebeb;font-size:18px;font-weight:bold;line-height:57px;} .honorsCulture_cs .title + div {padding:20px 95px 30px 20px;} .honorsCulture_cs .dot_list {margin-top:0;} .honorsCulture_cs .dot_list li {color:#444;font-size:14px;} .honorsCulture_cs .fr {padding-left:60px;background:url(/ux/images/customer/cultureService/bg_cs_center.png) 0 0 no-repeat;} .honorsCulture_cs .fr p:first-child strong {display:inline-block;margin-bottom:5px;font-size:24px;line-height:24px;} .honorsCulture_cs .fr .time {color:#747474;font-size:13px;} /*Honors Culture 로그인*/ .stepArea.gold {margin-bottom:40px;} .stepArea.gold ul li.on {color:#b4905c;font-weight:bold;} .stepArea.gold.col3 ul {background:url(/ux/images/common/bg_step3_gold.gif) no-repeat;} .stepArea.gold.col3 ul.step2_on {background-position:0 -100px;} .stepArea.gold.col3 ul li {width:320px;} .honorsLogin_wrap {margin-top:30px;border:1px solid #ddd;border-top:none;} .honorsLogin_wrap:after {content:"";display:block;overflow:hidden;width:0;height:0;clear:both;} .honorsLogin_wrap h3 {display:block;padding-left:40px;line-height:56px;border-bottom:1px solid #ddd;background-color:#f4f5f7;} .honorsLogin_wrap h3 span {color:#747474;font-size:16px;font-weight:normal;} .honorsLogin_wrap .fl, .honorsLogin_wrap .fr {position:relative;width:50%;height:575px;box-sizing:border-box;} .honorsLogin_wrap .fl {border-top:4px solid #c29963;border-right:1px solid #ddd;} .honorsLogin_wrap .fr {border-top:4px solid #747474;} .honorsLogin_wrap table.login_con {margin:40px;} .honorsLogin_wrap table.login_con th {padding-top:12px;text-align:left;vertical-align:top;font-weight:normal;} .honorsLogin_wrap table.login_con th, .honorsLogin_wrap table.login_con td {padding-bottom:5px;} .honorsLogin_wrap button.honor_login {position:absolute;bottom:40px;left:50%;width:400px;height:85px;margin-left:-200px;color:#fff;font-size:18px;text-align:center;background-color:#c29963;} .autoLogout {position:relative;padding:40px 0;margin:0 40px;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x;} .autoLogout span {display:inline-block;margin-right:10px;} .honorsLogin_wrap table.login_con .dash {display:inline-block;margin:0 5px;} .honorsLogin_wrap .phonefield .select-box, .honorsLogin_wrap .phonefield input[type=text] {margin:0 0 5px 0;} .honorsLogin_wrap table.login_con .phonefield .dash {margin-left:7px;} .honorsLogin_wrap table.login_con fieldset.phonefield .select-box {width:150px !important;} .honors_agree {padding:15px 0;border-top:1px solid #747474;} .honors_agree p {font-size:16px;} .honors_agree + .guideBox {padding:30px;border-top-color:#ddd;} .btnLarge.gold.modal {color:#fff;background:#e1be88 url(/ux/images/common/btn/bg_btn_ico_set.png) no-repeat right -106px;} .honorsLogin_end {height:510px;box-sizing:border-box;padding-left:580px;text-align:center;background:#eeebe9 url(/ux/images/customer/cultureService/bg_loginEnd.jpg) 0 0 no-repeat;} .honorsLogin_end strong {display:inline-block;margin:70px 0 28px 0;font-size:18px;font-weight:normal;} .honorsLogin_end strong + p {position:relative;padding-bottom:40px;margin-bottom:40px;} .honorsLogin_end strong + p:after {content:"";display:block;position:absolute;bottom:0;left:50%;width:260px;height:1px;margin-left:-130px;border-bottom:1px solid #ddd;} /* 골프부킹 */ .golfBooking {height:660px;padding:45px 0 45px 580px;margin-bottom:40px;background:#ecf5fa url(/ux/images/customer/cultureService/bg_golfService.jpg) 0 0 no-repeat;} .golfBooking_cont {height:235px;text-align:center;} .golfBooking_cont .title {margin-bottom:25px;font-size:22px;} .booking_prcss {height:428px;padding-top:42px;text-align:center;background-color:#deeaf0;} .booking_prcss .title {font-size:18px;margin-bottom:23px;} .booking_prcss li {margin-top:23px;} .booking_prcss li:first-child {margin-top:0;} .booking_prcss li .num {display:block;margin-bottom:8px;color:#0062ab;font-size:18px;} .booking_prcss li .nav {color:#444;font-size:13px;} .page_info.class_head {padding:24px 0 26px 0;border-top-width:1px;} .page_info.class_head .bgArea.classInfo {background:url(/ux/images/customer/cultureService/bg_classInfo.png) 0 0 no-repeat;} .class_week {margin-bottom:15px;} .class_week h2 {float:left;margin-bottom:0;} .class_week h2 + p {float:right;margin:5px 0 0 0;} .golfBookingInfo {height: 240px;padding: 30px;border-top: 1px solid #747474;border-bottom: 1px solid #ddd;background-color: #fafafa;} .golfBookingInfo ul li {font-size:14px;} .golfBookingInfo ul.dot_list {margin:0;} .golfBookingInfo ul.dot_list2 > li {margin:5px 0 0;} /* POP 투자교실 */ .classCal_wrap {position:relative;} .classCal_wrap p.date {padding:18px 0;text-align:center;font-size:18px;} .tbl_classCal {table-layout:fixed;width:100%;border-top:1px solid #ddd;} .tbl_classCal th {height:29px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;color:#222;font-size:12px;background-color:#f4f5f7;} .tbl_classCal th:first-child {border-left:none;} .tbl_classCal th.sun {color:#c75414;} .tbl_classCal th.sat {color:#0977c9;} .tbl_classCal td {/*height:415px;*/border-bottom:1px solid #ddd;border-left:1px solid #ddd;color:#222;font-size:12px;vertical-align:top} .tbl_classCal td:first-child {border-left:none;} .tbl_classCal td.sun>div .date {color:#c75414;} .tbl_classCal td.sat>div .date {color:#0977c9;} .tbl_classCal td > div {position:relative;width:100%;height:100%;padding-top:34px;box-sizing:border-box;} .tbl_classCal td > div .date {position:absolute;left:8px;top:10px;} .tbl_classCal td.empty {background-color:#fafafa;} table.finductList .fnBtn a.btnMid + .btnMid {margin-top: 5px;} .tbl_classCal td.sun.empty>div .date, .tbl_classCal td.sat.empty, .tbl_classCal td.empty>div .date {opacity:0.6;} .tbl_classCal td.classDay {background-color:#ecf5fa;} .tbl_classCal td.classDay div ul {padding:0 5px 0 10px;box-sizing:border-box;} .tbl_classCal td.classDay ul li {padding:0 0 20px 20px;color:#444;background:url(/ux/images/customer/cultureService/ico_monitor.gif) 0 0 no-repeat;} .tbl_classCal td.classDay li .time {margin-bottom:10px;line-height:17px;} .tbl_classCal td.classDay li .subject {margin-bottom:8px;font-size:13px;} .tbl_classCal td.classDay li .map {margin-bottom:10px;} .tbl_classCal td.classDay li .map a {padding-left:13px;color:#7891af;line-height:14px;text-decoration:underline;background:url(/ux/images/customer/cultureService/ico_marker.png) 0 center no-repeat;} .tbl_classCal td.classDay li .closed {color:#c9414d;} .classMap {border-top:1px solid #747474;border-bottom:1px solid #ddd;} .classMap:after {content:"";display:block;overflow:hidden;width:0;height:0;clear:both;} .classMap .fl, .classMap .fr {height:300px;box-sizing:border-box;} .classMap .fl {width:400px;} .classMap .fr {width:450px;padding-top:35px;} .classMap .fr li:first-child {margin-bottom:25px;} .classMap .fr li dt {font-size:18px;font-weight:bold;margin-bottom:15px;} .classMap .fr li .traffic dd {padding-left:35px;margin-bottom:7px;line-height:25px;background:url(/ux/images/customer/cultureService/ico_traffic.gif) no-repeat;} .classMap .fr li .traffic dd.subway {background-position:0 0;} .classMap .fr li .traffic dd.bus {background-position:0 -31px;} .classMap .fr li .traffic dd.car {background-position:0 -64px;} td a.ico_movie, td a.ico_pdf {overflow:hidden;width:21px;height:21px;vertical-align:middle;text-indent:-9999px;background:url(/ux/images/common//btn/ico_movie.gif) 0 0 no-repeat;} td a.ico_pdf {background-image:url(/ux/images/common//btn/ico_pdf.gif);} /*교육신청조회/취소*/ .page_info.class_head h2 {line-height:38px;} /* 교육신청조회/취소 날짜 선택 개선 */ .classCal_wrap .dateBox{display:block;position:relative;width:100%;padding:18px 0;min-height:40px} .classCal_wrap .dateset {display:table;position:absolute;margin:0;padding:0;left:390px;top:18px;} .classCal_wrap .dateset .roads {float:left;display:inline-block;position:relative;margin:0;padding:0 30px;} .classCal_wrap .dateset .roads p {display:block;position:relative;margin:0;padding:0;text-align:center;color:#222;font-size:24px;} .classCal_wrap .dateset .roads button {display:block;overflow:hidden;position:absolute;width:13px;height:20px;text-indent:-9999px;background:url(/ux/images/invest_information/date_control.png) no-repeat;} .classCal_wrap .dateset .roads .prev {background-position:0 0;left:0;top:9px;} .classCal_wrap .dateset .roads .prev.end {background-position:-43px 0;} .classCal_wrap .dateset .roads .next {background-position:-118px 0;right:0;top:9px;} .classCal_wrap .dateset .roads .next.end {background-position:-163px 0;} /* 교육신청하기 레이어 팝업 추가 */ .popSection .picArea {position:relative; display:block; padding:10px 0 10px; overflow:hidden; border-top:1px solid #e4e4e4} .popSection .picArea .thumbArea{display:block; width:97px; height:130px; float:left} .popSection .picArea .thumbArea img{width:90px; height:130px;} .popSection .picArea .thumbArea, .popSection .picArea .contArea{box-sizing:border-box; -webkit-box-sizing:border-box} .popSection .picArea .contArea{display:block; position:relative; padding:0 0 0 15px; width:auto; overflow:hidden} .popSection .picArea .contArea strong + p{margin-bottom:8px} /* 비고객 */ .more_infoBox.eduBox{margin-top:0px;} .more_infoBox.eduBox div.col {width:48.2%;margin-left:20px;border-top:1px solid #ddd;position:relative;padding:0;text-align:center;border-radius:3px} .more_infoBox.eduBox div.col.bg_ico1 {background:url(/ux/images/customer/bg_eduSchedule01.png) center 50px no-repeat;} .more_infoBox.eduBox div.col.bg_ico2 {background:url(/ux/images/customer/bg_eduSchedule02.png) center 50px no-repeat;} .more_infoBox.eduBox div.col a{display:block; overflow:hidden;padding:15px 30px;} .more_infoBox.eduBox div.col .h2_tit {display:block;} .more_infoBox.eduBox div.col .txt_info {padding-top:130px;overflow:hidden;margin-bottom:10px;} /*모의투자안내>이용안내*/ .simulInfo .tabCon > .grayBox {position:relative;} .simulInfo .tabCon > .grayBox ul.check_desc2 {width:690px;float:left;} .simulInfo .tabCon > .grayBox .areaBtn {position:absolute;top:50%;right:30px;height:50px;margin-top:-25px;line-height:50px;} .simulInfo_01 .stepProcess.type2 {margin-bottom:40px;} .simulInfo_01 .stepProcess.type2 li {height:185px;padding:28px 0;box-sizing:border-box;} .simulInfo_01 .stepProcess.type2 li .wrap {padding:70px 0 0 0;} .simulInfo_01 .stepProcess.type2 li .wrap {background:url('/ux/images/customer/cultureService/ico_simulinfo.png') no-repeat;} .simulInfo_01 .stepProcess.type2 li .wrap.ico01 {background-position: 90px 0;} .simulInfo_01 .stepProcess.type2 li .wrap.ico02 {background-position: -140px 0;} .simulInfo_01 .stepProcess.type2 li .wrap.ico03 {background-position: -385px 0;} .simulInfo_01 .stepProcess.type2 li .wrap.ico04 {background-position: -631px 0;} .simulInfo_01 .stepProcess.type2 li .header strong {width:100%;text-align:center;} .simulInfo_01 .stepProcess.type2 li .header p {color:#747474;font-size:13px;} .simulInfo_01 .simul_apply {padding:25px 30px;background:#f3f4f7;} .simulInfo_01 .simul_apply .tbl1 tbody td, .simulInfo_01 .simul_apply .boxGrey {background:#fff;} .simulInfo_01 .simul_apply .boxGray {padding:15px;} .simulInfo_01 .simul_apply .boxGray p {margin-bottom:0px;} .simulJoinScroll {overflow-y:scroll;height:240px;padding:30px;border-top:1px solid #747474;background-color:#fafafa;} .simulJoinScroll > p, .simulJoinScroll > ul {margin-bottom:20px;} .simulJoinScroll > p, .simulJoinScroll > ul > li {line-height:22px;} .simulJoinScroll > ul {padding-left:15px;} .simulJoinScroll + .boxGray {position:relative;padding:20px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#f4f5f7;} .simulJoinScroll + .boxGray p {position:relative;font-size:14px;color:#222;} .simulJoinScroll + .boxGray p label {position:absolute;right:0;top:0;} .simulJoinScroll + .boxGray label.check {position:absolute;right:15px;top:50%;margin-top:-10px;} .simulJoinScroll .txt_desc {padding:0 0 5px 15px;font-size:14px;color:#444;} /*모의투자안내>POP HTS*/ .simulInfo .htsInfo {zoom:1;display:block;position:relative;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;} .simulInfo .htsInfo > div {position:relative;border-bottom:1px dashed #ddd;} .simulInfo .htsInfo > div span.arrow {position:absolute;bottom: -15px;left: 55px;width: 30px;height: 30px;background:url('/ux/images/common/ico_arrow_stepExpend.png') no-repeat;} .simulInfo .htsInfo div.last {border-bottom:0px;} .simulInfo .htsInfo ul {overflow:hidden;} .simulInfo .htsInfo li.htsInfo_title {font-size:22px;color:#222222;width:150px;padding:125px 0 0 30px;float:left;} .simulInfo .htsInfo li.htsInfo_title:after {display:block;content:"";clear:both;} .simulInfo .htsInfo li.htsInfo_title strong {font-size:18px;color:#0977c9;display:block;} .simulInfo .simulInfo_02 .htsInfo .hts01 li.htsInfo_title {background:url('/ux/images/customer/cultureService/simul_prog1.gif') no-repeat 30px 35px;} .simulInfo .simulInfo_02 .htsInfo .hts02 li.htsInfo_title {background:url('/ux/images/customer/cultureService/simul_prog2.gif') no-repeat 30px 35px;} .simulInfo .simulInfo_02 .htsInfo .hts03 li.htsInfo_title {background:url('/ux/images/customer/cultureService/simul_prog3.gif') no-repeat 30px 35px;} .simulInfo .simulInfo_03 .htsInfo .hts01 li.htsInfo_title {background:url('/ux/images/customer/cultureService/simul_prog4.gif') no-repeat 30px 35px;} .simulInfo .simulInfo_03 .htsInfo .hts02 li.htsInfo_title {background:url('/ux/images/customer/cultureService/simul_prog5.gif') no-repeat 30px 35px;} .simulInfo .simulInfo_03 .htsInfo .hts03 li.htsInfo_title {background:url('/ux/images/customer/cultureService/simul_prog6.gif') no-repeat 30px 35px;} .simulInfo .htsInfo li.htsInfo_word {width:750px;float:right;padding:30px 30px 30px 0;} .simulInfo .htsInfo li.htsInfo_word ul {padding-left:25px;} .simulInfo .htsInfo li.htsInfo_word ul li {position:relative;} .simulInfo .htsInfo li.htsInfo_word ul li span {display:block;margin-top:10px;} .simulInfo .htsInfo li.htsInfo_word ul li strong {position:absolute;left:-25px;top:-3px;font-size:18px;color:#0977c9;} /*/////////이미지 영역 확인용박스 시작/////////*/ .simulInfo .simulInfo_02 .htsInfo li.htsInfo_word ul li img {display:block;width:325px;height:184px;background:#888;vertical-align:top;} .simulInfo .simulInfo_03 .htsInfo li.htsInfo_word ul li img {display:block;width:198px;height:270px;background:#888;vertical-align:top;} .simulInfo .simulInfo_03 .htsInfo li.htsInfo_word.imgWid ul li img {width:325px;height:184px;} /*/////////이미지 영역 확인용박스 끝/////////*/ .simulInfo .htsInfo li.htsInfo_word .hts_twoItem li {width:50%;float:left;} .simulInfo .htsInfo li.htsInfo_word .htsInfo_img {display:block;background:#ddd;width: 345px;height:184px;vertical-align:bottom;} .simulInfo .htsInfo li span.arrow {position:absolute;} .simul_IDinsert {display:block;position:relative;margin:0;padding:40px 0;background-color:#fafafa;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;text-aling:center;} .simul_IDinsert p {display:table;position:relative;height:46px;margin:0 auto;padding:0 0 0 75px;font-size:16px;background:url(/ux/images/customer/cultureService/simul_IDinsert.png) no-repeat left top;} .simul_IDinsert p span {color:#c75414;} .simul_findID_end {display:block;position:relative;margin:0;padding:0;} .simul_findID_end h2 {display:block;position:relative;margin:0 0 30px 0;padding:0;font-size:28px;font-weight:600;text-align:center;} .simul_findID_end h2 span {color:#0062ab;} .simul_findID_end .udos {display:table;position:relative;width:100%;margin:0;padding:0;} .simul_findID_end .udos dl {float:left;display:block;position:relative;width:418px;margin:0;padding:30px 25px 80px 25px;border:solid #ddd 1px;border-top-color:#747474;background:url(/ux/images/customer/cultureService/simul_findID_end.png) no-repeat 380px -220px;} .simul_findID_end .udos dl + dl {margin-left:20px;} .simul_findID_end .udos dl:first-child {background-position:380px 30px;} .simul_findID_end .udos dt {display:block;position:relative;margin:0 0 15px 0;padding:0;font-size:18px;color:#222;font-weight:600;} .simul_findID_end .udos dd {display:block;position:relative;margin:0;padding:0;} .simul_findID_end .udos dd.btn {display:block;position:absolute;left:25px;bottom:30px;} /*상시모의투자*/ .titArea .h2_tit_simul {display:block;width:100%;font-size:28px;font-weight:normal;line-height:normal;} .simul_boxGray {width:100%;margin:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background:#fafafa;} /*MY계좌>계좌정보*/ .simul_myInfo01 .simulate_acInfo {margin:0 0 40px 0;} .simul_myInfo01 .simulate_acInfo .tbl1.small th, .simul_myInfo01 .simulate_acInfo .tbl1.small td {padding:6px 15px 7px 15px;} .simulate_acInfo .simul_box.type2 {height:172px;padding-bottom:16px;border-bottom:none;} .simul_myInfo01 .tabDeps3 {border-bottom:0px;float:left;} .simul_boxGray {overflow:hidden;padding:30px 0;} .simul_boxGray dl {display:block;width:99px;float:left;padding:0 30px;border-left:1px dashed #ddd;} .simul_boxGray dl.longBox {width:179px;} .simul_boxGray dl:first-child {border-left:0px;} .simul_boxGray dt {margin-bottom:5px;} .simul_boxGray dd {height:24px;font-size:16px;} .simul_boxGray dd span {display:inline-block;padding-right:3px;vertical-align:bottom;font-size:24px;font-weight:bold;line-height:24px;} .simul_boxGray dd span.ratio_riseIco {color:#c80415;padding-left:25px;background: url('/ux/images/customer/cultureService/ratio_riseIcoB.png') no-repeat left 2px;} .simul_boxGray dd span.ratio_dropIco {color:#0977c9;padding-left:25px;background:url('/ux/images/customer/cultureService/ratio_fallIcoB.png') no-repeat left 2px;} /*MY계좌>역대참가자기록*/ .simul_myInfo02 .simulate_acInfo {margin-top:0px;} .simul_boxGray {overflow:hidden;padding:30px 0;} .simul_boxGray.type2 dl {width:69px;} .simul_boxGray.type2 dl.midBox {width:79px;} .simul_boxGray.type2 dl.longBox {width:140px;border-left:0px;} /* 대학강의/그룹모의투자 */ /*대회안내*/ .simulInfo_01.group .stepProcess.type2 li {height:320px;} .simulInfo_01 .stepProcess.type2 li .wrap.ico05 {background-position: -160px 0;} .simulInfo_01 .stepProcess.type2 li .wrap.ico06 {background-position: -890px 0;} .simulInfo_01 .stepProcess.type2 li .wrap.ico07 {background-position: -1083px 0;} .simulInfo_01 .stepProcess.type2 li .wrap.ico08 {background-position: -1270px 0;} .simulInfo_01 .stepProcess.type2 li .wrap.ico09 {background-position: -651px 0;} .simulInfo_01.group .stepProcess.type2 li p {margin-top:20px;} /*신청*/ fieldset.applyGroup li label {width:156px;} fieldset.applyGroup li span.dash {margin:0 5px;} fieldset.applyGroup .placeHolder_input.disabled {position:relative;} fieldset.applyGroup .placeHolder_input.disabled .dimm {display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:999;background:#fff;opacity:0.5;-ms-filter: "progid:DxImageTransform.Microsoft.Alpha(opacity=50)";} .guideTb1 tbody td .fd_name span {display:block;} /*대회중계>전체현황*/ .simulate_acInfo {margin-top:30px;} .simulate_acInfo:after {content:"";display:block;clear:both;} .simulate_acInfo > li {width:470px;display:block;} .simulate_acInfo table.tbl1 tbody th, .simulate_acInfo table.tbl1 tbody td {min-height:20px;padding:16px 18px;line-height: 20px;} .simulate_acInfo .simul_box {position:relative;width:100%;height:160px;margin:0;padding:20px 0 20px 20px;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;box-sizing:border-box;} .simulate_acInfo .simul_box:after {content:"";display:block;clear:both;} .simulate_acInfo .simul_box ul {position:absolute;top:50%;left:350px;height:54px;margin-top:-27px;} .simulate_acInfo .simul_box ul li {padding-left:15px;margin-bottom:1px;font-size: 12px;background:url(/ux/images/customer/cultureService/icon_simulGraph01.png) 0 center no-repeat;} .simulate_acInfo .simul_box ul li.kosdaq {background-image:url(/ux/images/customer/cultureService/icon_simulGraph02.png);} .simulate_acInfo .simul_box ul li.elw {background-image:url(/ux/images/customer/cultureService/icon_simulGraph03.png);} /*대회중계>수익률*/ .simulRatio fieldset.periodSearch > ul {margin:0;} .simulRatio fieldset.periodSearch > ul li button[type="button"] {width:auto;padding:0 10px;} /*모의투자 ID/PW찾기*/ .findWrap {border:1px solid #ddd;border-top:none;} .findWrap:after {content:"";display:block;width:0;height:0;overflow:hidden;clear:both;} .findWrap .findID, .findWrap .rePW {float:left;width:50%;box-sizing:border-box;} .findWrap .findID {border-right:1px solid #ddd;} .findWrap .title {padding:18px 40px;border-top:4px solid #0977c9;border-bottom:1px solid #ddd;font-size:18px;font-weight:bold;background-color:#f4f5f7;} .findWrap .desc {height:120px;padding:40px;box-sizing:border-box;} .findWrap .btnArea {width:398px;margin:0 40px;padding-bottom:40px;box-sizing:border-box;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x;} .findWrap .btnLarge {height:60px;line-height:58px;font-size:18px;font-weight:bold;} .findWrap .findID .btnLarge {width:400px;box-sizing:border-box;} .findWrap .rePW .title {border-top:4px solid #747474;} .findWrap .rePW label {margin-right:25px;} .findWrap .rePW input[type=text] {width:300px;} .findWrap .rePW .btnLarge {width:192px;box-sizing:border-box;} .findWrap .rePW .btnLarge + .btnLarge {margin-left:5px;} .finID_Result .desc {height:170px;text-align:center;font-size:18px;} .rePW_Result ul {width:50%;box-sizing:border-box;margin:40px 0;padding:0 40px;} .rePW_Result ul.ex_txt {padding-top:10px;} .rePW_Result .title + ul {background:url(/ux/images/common/bg_dot_vline.gif) 100% 0 repeat-y;} .rePW_Result li label {width:95px;} .rePW_Result li label + input[type=text] {width:298px;} /*공지/Q&A*/ .tbl1 tbody tr td.board_cont.type2 div {min-height:50px;} .tbl1.small tr td.board_cont div.reply.type2 {padding:30px;margin:0;} .tbl1.small tr td.board_cont div.reply.type2 .grayBox {margin-top:8px;padding:30px;} textarea {resize:none;} /*Young Rich Club*/ /*my Young Rich Club */ .registInfo {overflow:hidden;height:241px;margin-bottom:40px;} .registInfo .grade {float:left;width:300px;height:100%;padding:20px;box-sizing:border-box;background-color:#0977c9;} .registInfo .grade .name {color:#ff8f1c;} .registInfo .grade dt {margin-bottom:28px;color:#fff;} .registInfo .grade dd {padding-top:115px;text-align:center;color:#fff;font-size:18px;background:url(/ux/images/customer/cultureService/bg_yrichGrade01.gif) center 0 no-repeat;} .registInfo .grade dd.grade2 {background-image:url(/ux/images/customer/cultureService/bg_yrichGrade02.gif);} .registInfo .grade dd.grade3 {background-image:url(/ux/images/customer/cultureService/bg_yrichGrade03.gif);} .registInfo .info_detail {float:left;width:660px;height:100%;box-sizing:border-box;border-top:1px solid #ddd;background-color:#fafafa;} .registInfo .info_detail dl {float:left;height:120px;box-sizing:border-box;padding:20px;border:1px solid #ddd;border-top:none;border-left:none;} .registInfo .info_detail dl.col1 {width:188px;} .registInfo .info_detail dl.col2 {width:470px;} .registInfo .info_detail dt {margin-bottom:20px;} .registInfo .info_detail dd strong {display:block;text-align:center;font-size:20px;font-weight:bold;} .registInfo .info_detail .charge dt + dd {margin-right:15px;color:#e56c00;font-weight:bold;font-size:28px;} .registInfo .info_detail .charge dd {float:left;} .registInfo .info_detail .hopeAsset input[type=text] {border-color:#bbb;background-color:#fff;} .registInfo .info_detail .hopeAsset button {color:#222;border:1px solid #bbb;background-color:#ececec;} .attendChk {overflow:hidden;height:558px;border:1px solid #ddd;} .attendChk .status {overflow:hidden;float:left;width:299px;height:100%;padding:20px;box-sizing:border-box;border-right:1px solid #ddd;background-color:#deeaf0;} .attendChk .status .myStatus dd {height:145px;padding-top:108px;margin-bottom:20px;text-align:center;font-size:18px;background:url(/ux/images/customer/cultureService/bg_attendChk.gif) center 28px no-repeat;} .attendChk .status .myStatus dd strong {display:inline-block;padding:0 5px;vertical-align:middle;color:#e56c00;font-size:40px;} .attendChk .status .title {margin-bottom:13px;font-size:24px;} .attendChk .status .gradeInfo {margin-top:23px;} .attendChk .status .gradeInfo dt {margin-bottom:8px;color:#444;font-size:13px;font-weight:bold;text-decoration:underline;} .attendChk .status .gradeInfo dd {color:#747474;font-size:13px;} .attendChk .attendCal {float:left;width:659px;} .attendChk .attendCal .month {height:55px;line-height:55px;text-align:center;font-size:22px;font-weight:bold;} .attendChk .attendCal .tbl_classCal td {height:100px;} .attendChk .attendCal .tbl_classCal td.empty {background-color:#fff;} .attendChk .attendCal .tbl_classCal td div {height:100px;padding:0;} .attendChk .attendCal .tbl_classCal td div.chkN {background:url(/ux/images/customer/cultureService/bg_yrichCal01.png) center 20px no-repeat;} .attendChk .attendCal .tbl_classCal td div.chkY {background:url(/ux/images/customer/cultureService/bg_yrichCal02.png) center 20px no-repeat;} .attendChk .attendCal .tbl_classCal td a.chk {display:block;position:absolute;top:0;left:0;width:100%;height:100%;} .attendChk .attendCal .tbl_classCal td div.chkY:hover {background-color:#fafafa;} .attendChk .attendCal .tbl_classCal td.today a.chk {top:-1px;left:-1px;border:1px solid #0977c9;} /*소개/혜택*/ .yrichClub_info {overflow:hidden;height:825px;margin-bottom:40px;} .yrichClub_info .fl {width:580px;height:100%;padding-top:430px;box-sizing:border-box;background:url(/ux/images/customer/cultureService/bg_yrichClub_info.jpg) 0 0 no-repeat;} .yrichClub_info .fl p {line-height:1.8em;} .yrichClub_info .fr {width:380px;height:100%;} .yrichClub_info .yrich_desc {height:511px;padding:45px 40px 40px 40px;box-sizing:border-box;text-align:center;background-color:#ecf5fa;} .yrichClub_info .yrich_desc .title {margin-bottom:25px;font-size:22px;} .yrichClub_info .yrich_desc .target {margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #c9d7e3;} .yrichClub_info .yrich_desc .target li {color:#444;font-size:13px;} .yrichClub_info .condition li {margin-top:24px;} .yrichClub_info .condition li .num {display:block;color:#0062ab;font-size:18px;} .yrichClub_info .yrich_bene li {height:157px;padding-top:75px;box-sizing:border-box;text-align:center;font-size:18px;background:#deeaf0 url(/ux/images/customer/cultureService/ico_yrich01.png) center 33px no-repeat;} .yrichClub_info .yrich_bene li + li {background-image:url(/ux/images/customer/cultureService/ico_yrich01.png);background-color:#cfdfe7;} .yrichClub_info .yrich_bene li span {font-size:13px;} .yrc_memberInfo {display:table;position:relative;width:958px;margin:0 0 40px 0;padding:0;border:solid #ddd 1px;background-color:#fafafa;} .yrc_memberInfo dl {display:table-cell;position:relative;width:160px;margin:0;padding:20px;} .yrc_memberInfo dl.benefit {width:556px;} .yrc_memberInfo dl + dl {border-left:solid #ddd 1px;} .yrc_memberInfo dt {display:block;position:relative;margin:0 0 20px 0;padding:0;color:#222;} .yrc_memberInfo dd {display:table;position:relative;width:100%;margin:0;padding:0;} .yrc_memberInfo dd .date {display:table-cell;position:relative;width:100%;font-size:20px;font-weight:600;text-align:center;vertical-align:middle;} .yrc_memberInfo dl.benefit ul.typeY {display:table;position:relative;margin:0;padding:0;} .yrc_memberInfo dl.benefit ul.typeY li {float:left;display:block;position:relative;width:200px;margin:0;padding:4px 0 10px 58px;background:url(/ux/images/customer/cultureService/yrc_benefit.png) no-repeat;font-size:16px;text-align:left;font-weight:normal;} .yrc_memberInfo dl.benefit ul.typeN {display:block;position:relative;margin:0 0 15px 0;padding:0;} .yrc_memberInfo dl.benefit ul.typeN li {display:block;position:relative;margin:0;padding:0;font-size:16px;text-align:left;font-weight:normal;} .yrc_memberInfo dl.benefit ul.typeN li + li {margin-top:10px;} .yrc_memberInfo dl.benefit ul.typeN li span { color:#0062ab;} /*대학생 멤버십*/ .ycreator_info {overflow:hidden;height:865px;margin-bottom:10px;} .ycreator_info .fl, .ycreator_info .fr {height:100%;} .ycreator_info .fl {width:576px;padding-top:412px;background:url(/ux/images/customer/cultureService/bg_yCreator_info.jpg) 0 0 no-repeat;} .ycreator_info .fl p {text-align:center;} .ycreator_info .fl .title {margin-bottom:30px;font-size:22px;} .ycreator_info .fl .desc {line-height:22px;} .ycreator_info .subject {width:384px;} /*.ycreator_info .subject li {position:relative;height:117px;padding:28px 40px;background:#ecf5fa url(/ux/images/customer/cultureService/ico_yCreator01.png) 288px 30x no-repeat;} 20170427 수정*/ .ycreator_info .subject li {position:relative;height:147px;padding:143px 38px;background:#ecf5fa url(/ux/images/customer/cultureService/ico_yCreator01.png) 288px 120px no-repeat;} .ycreator_info .subject li.reliable {background-image:url(/ux/images/customer/cultureService/ico_yCreator02.png);background-color:#deeaf0;} .ycreator_info .subject li.insight {background-image:url(/ux/images/customer/cultureService/ico_yCreator03.png);background-color:#d7e4eb;} .ycreator_info .subject li.proact {background-image:url(/ux/images/customer/cultureService/ico_yCreator04.png);background-color:#cfdfe7;} .ycreator_info .subject li.sophi {background-image:url(/ux/images/customer/cultureService/ico_yCreator05.png);background-color:#c6d9e3;} /*.ycreator_info .subject li a.btnText {position:absolute;right:30px;bottom:20px;color:#7891af;} 20170427 수정*/ .ycreator_info .subject li a.btnText {position:absolute;right:143px;bottom:140px;color:#7891af;} .ycreator_info .subject li dt {margin-bottom:22px;font-size:24px;} .ycreator_process {margin-bottom:40px;} .ycreator_process li {width:470px;height:160px;border:1px solid #ddd;border-top-color:#747474;margin-bottom:18px;} .ycreator_process li .num {display:block;float:left;width:80px;height:100%;line-height:150px;color:#0977c9;font-size:22px;text-align:center;background:#fafafa url(/ux/images/common/bg_dot_vline.gif) right 0 repeat-y;} .ycreator_process li dl {width:318px;/*20170424 추가*/float:left;padding:27px 30px;} .ycreator_process li dt {margin-bottom:10px;font-size:18px;font-weight:bold;} .ycreator_process li dt + dd {margin-top:0;} .ycreator_process li dd {margin-top:5px;padding-left:10px;color:#444;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;} .ycreator_act {margin-bottom:40px;} .ycreator_act .fr {width:49%;} .ycreator_act ul.dot_list {margin-top:0;} /*공모전주제안내*/ .subjectWrap {height:560px;} .subjectWrap:after {content:"";display:block;width:0;height:0;clear:both;} .subjectWrap dl.title, .subjectWrap dl.detail {float:left;height:100%;box-sizing:border-box;} .subjectWrap dl.title {width:288px;padding:40px 30px;color:#fff;background:#2d99bd url(/ux/images/customer/cultureService/ico_big_yCreator01.png) 76% 93% no-repeat ;} .subjectWrap dl.title dt {margin-bottom:10px;font-size:29px;font-weight:bold;} .subjectWrap dl.title dd {font-size:16px;line-height:26px;} .subjectWrap dl.detail {width:672px;padding:38px;background-color:#f4f5f7;} .subjectWrap dl.detail dt, .subjectWrap dl.detail dd {float:left;margin-bottom:25px;} .subjectWrap dl.detail dt {width:56px;font-size:19px;font-weight:bold;clear:left;} .subjectWrap dl.detail dd {width:535px;padding-top:4px;clear:right;} .subjectWrap.reliable dl.title {background-image:url(/ux/images/customer/cultureService/ico_big_yCreator02.png);background-color:#0ea5a5;} .subjectWrap.insight dl.title {background-image:url(/ux/images/customer/cultureService/ico_big_yCreator03.png);background-color:#7655b3;} .subjectWrap.proact dl.title {background-image:url(/ux/images/customer/cultureService/ico_big_yCreator04.png);background-color:#f08014;} .subjectWrap.sophi dl.title {background-image:url(/ux/images/customer/cultureService/ico_big_yCreator05.png);background-color:#b4558c;} /*제안서접수/확인*/ fieldset .bull {display:inline-block;height:40px;line-height:30px;vertical-align:middle;font-size:40px;} fieldset.dueDate .select-box {margin-left:5px;} fieldset.dueDate legend + .select-box {margin-left:0;} /*faq*/ .page_info.faq_head {padding-bottom:30px;border-top-width:1px;} .page_info.faq_head .inner span.bgArea {background:url(/ux/images/customer/cultureService/bg_faqInfo.png) 50% 100% no-repeat;} .expendable span.srchKeyword {color:#5a96c8;} .expendable.yrich .expend {word-break:keep-all;}/*줄바꿈처리*/ /*삼성상품권*/ .voucher_info {height:755px;margin-bottom:35px;color:#fff;} .voucher_info .fl {width:576px;height:100%;padding-top:420px;box-sizing:border-box;background:url(/ux/images/customer/cultureService/bg_voucher_info.jpg) 0 0 no-repeat;} .voucher_info .fl .desc {text-align:center;line-height:24px;} .voucher_info .fr {width:384px;height:100%;} .voucher_info .fr .title {height:260px;padding-top:48px;box-sizing:border-box;text-align:center;font-size:22px;background-color:#63635f;} .voucher_info .fr .title strong {color:#e1be88;} .voucher_info .fr ul {height:496px;padding-top:61px;box-sizing:border-box;background:#6a6a67 url(/ux/images/customer/cultureService/img_voucher.gif) center center no-repeat;} .voucher_info .fr li {height:35px;padding-top:100px;text-align:center;} .voucherList {border-top:1px solid #ddd;border-left:1px solid #ddd} .voucherList:after {content:"";display:block;width:0;height:0;clear:both;} .voucherList li {float:left;width:20%;height:130px;padding-top:20px;box-sizing:border-box;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd} .voucherList li p {margin-top:3px;} .voucherList li p span {display:block;font-size:12px;} /********************** 약관/고객유의사항 **********************/ /* 공통 */ .customerTerm .title, .customerTerm .dep1 > li {margin-bottom:35px;line-height:20px;} .customerTerm ol li {padding-bottom:3px;} .customerTerm .dep1 > li p:first-child, .customerTerm .dep1 > li > ol:first-child {margin-top:35px;} .customerTerm .dep3 {padding-top:3px;} .customerTerm dt {margin-bottom:5px;letter-spacing:5px;} .customerTerm dd + dt {margin-top:38px;} .terms_area .agreement2 .grayBox{border-color:#ddd} /* 정회원약관 */ .customerTerm .give_mgt li {padding-top:30px;padding-bottom:0px;} .customerTerm .give_mgt li:first-child {padding-top:0;} .customerTerm dl+dl {padding-top:30px;} .customerTerm .dep1.give_mgt > li {margin-bottom:0;} .customerTerm img {display:block;margin:0 auto;} .customerTerm img.mgl0 {margin-left:0;} .customerTerm .dep4 {padding-top:3px;} .customerTerm .remove_mgt>li {padding-top:0px !important;} .customerTerm .remove_mgt>li>p {margin-top:0px !important;} .customerTerm .ex_box {margin-top:30px;margin-bottom:30px;padding:6px 8px;border:2px solid #444;} .customerTerm .ex_box > p:first-child {margin-top:0 !important;} .customerTerm .agreement2 .ex_box{margin:0px} .customerTerm .content_arrange > li {margin-top:30px;} .customerTerm .content_arrange > li > p:first-child {margin-top:0 !important;} .customerTerm .del_list_mgb li {margin-bottom:0 !important;} .customerTerm .mutual_sign {margin:30px 0;} .customerTerm .mutual_sign > div {margin-right:100px;} .customerTerm .mutual_sign p {padding-top:5px;} .customerTerm .mutual_sign span {padding-left:90px;} /* 보호금융상품 등록부 */ .protectItem:after {content:"";display:block;width:0;height:0;clear:both;} .protectItem > li {float:left;width:306px;margin:0 0 20px 20px;box-sizing:border-box;border:1px solid #ddd;border-top:1px solid #747474;} .protectItem > li.col1 {margin:0 0 20px 0;} .protectItem > li .title {position:relative;padding:20px;border-bottom:1px solid #ddd;font-size:16px;background-color:#fafafa;} .protectItem > li .dot_list {padding:20px;margin:0;} .protectItem.sspop > li .dot_list {height:242px;} .protectItem > li.line2 .dot_list {height:48px !important;} .protectItem .title .bg {overflow:hidden;position:absolute;top:50%;right:20px;width:120px;height:50px;margin-top:-25px;text-indent:-9999px;background:url(/ux/images/customer/terms/bg_samsung.gif) right center no-repeat;} .protectItem .title .bg.allianz {background-image:url(/ux/images/customer/terms/bg_allianz.gif);} .protectItem .title .bg.dgb {background-image:url(/ux/images/customer/terms/bg_dgb.gif);} .protectItem .title .bg.hn {background-image:url(/ux/images/customer/terms/bg_hn.gif);} .protectItem .title .bg.hana {background-image:url(/ux/images/customer/terms/bg_hana.gif);} .protectItem .title .bg.hanhwa {background-image:url(/ux/images/customer/terms/bg_hanhwa.gif);} .protectItem .title .bg.heungkuk {background-image:url(/ux/images/customer/terms/bg_heungkuk.gif);} .protectItem .title .bg.kyobo {background-image:url(/ux/images/customer/terms/bg_kyobo.gif);} .protectItem .title .bg.mirae {background-image:url(/ux/images/customer/terms/bg_mirae.gif);} .protectItem .title .bg.nh {background-image:url(/ux/images/customer/terms/bg_nh.gif);} .protectItem .title .bg.shinhan {background-image:url(/ux/images/customer/terms/bg_shinhan.gif);} .protectItem .title .bg.shinhanbank {background-image:url(/ux/images/customer/terms/bg_shinhanbank.gif);} .protectItem .title .bg.keb {background-image:url(/ux/images/customer/terms/bg_keb.gif);} .protectItem .title .bg.meritz {background-image:url(/ux/images/customer/terms/bg_meritz.gif);} .protectItem .title .bg.sc {background-image:url(/ux/images/customer/terms/bg_sc.gif);} .protectItem .title .bg.woori {background-image:url(/ux/images/customer/terms/bg_woori.gif);} .protectItem .title .bg.busan {background-image:url(/ux/images/customer/terms/bg_busan.gif);} .protectItem .title .bg.ibk {background-image:url(/ux/images/customer/terms/bg_ibk.gif);} .protectItem .title .bg.kjb {background-image:url(/ux/images/customer/terms/bg_kjb.gif);} .protectItem .title .bg.dongbu {background-image:url(/ux/images/customer/terms/bg_dongbu.gif);} .protectItem .title .bg.ds {background-image:url(/ux/images/customer/terms/bg_ds.gif);} .protectItem .title .bg.eugene {background-image:url(/ux/images/customer/terms/bg_eugene.gif);} .protectItem .title .bg.fr {background-image:url(/ux/images/customer/terms/bg_fr.gif);} .protectItem .title .bg.kiwoom {background-image:url(/ux/images/customer/terms/bg_kiwoom.gif);} .protectItem .title .bg.kiwoomyes {background-image:url(/ux/images/customer/terms/bg_kiwoomyes.gif);} .protectItem .title .bg.moa {background-image:url(/ux/images/customer/terms/bg_moa.gif);} .protectItem .title .bg.ok {background-image:url(/ux/images/customer/terms/bg_ok.gif);} .protectItem .title .bg.pepper {background-image:url(/ux/images/customer/terms/bg_pepper.gif);} .protectItem .title .bg.sbi {background-image:url(/ux/images/customer/terms/bg_sbi.gif);} .protectItem .title .bg.moa {background-image:url(/ux/images/customer/terms/bg_moa.gif);} .protectItem .title .bg.lifeplanet {background-image:url(/ux/images/customer/terms/bg_lifeplanet.gif);} .protectItem .title .bg.kblife {background-image:url(/ux/images/customer/terms/bg_kblife.gif);} .protectItem .title .bg.aia {background-image:url(/ux/images/customer/terms/bg_aia.gif);} .protectItem .title .bg.obs {background-image:url(/ux/images/customer/terms/bg_obs.gif);} .protectItem .title .bg.nhk {background-image:url(/ux/images/customer/terms/bg_nhk.gif);} .protectItem .title .bg.metlife {background-image:url(/ux/images/customer/terms/bg_metlife.gif);} .protectItem .title .bg.kisb {background-image:url(/ux/images/customer/terms/bg_kisb.gif);} .protectItem .title .bg.jtsb {background-image:url(/ux/images/customer/terms/bg_jtsb.gif);} .protectItem .title .bg.ibksb {background-image:url(/ux/images/customer/terms/bg_ibksb.gif);} .protectItem .title .bg.dbbank {background-image:url(/ux/images/customer/terms/bg_dongbu_bank.gif);} .protectItem .title .bg.jtchinae {background-image:url(/ux/images/customer/terms/bg_jtchinae.gif);width:143px} .protectItem .title .bg.smart {background-image:url(/ux/images/customer/terms/bg_smart.gif);} .protectItem .title .bg.kdb {background-image:url(/ux/images/customer/terms/bg_kdb.png);width:138px} .protectItem .title .bg.ksfc {background-image:url(/ux/images/customer/terms/bg_ksfc.png);width:128px} .protectItem .title .bg.daolsb {background-image:url(/ux/images/customer/terms/bg_daolsb.png);width:120px} .protectItem .title .bg.nhb {background-image:url(/ux/images/customer/terms/bg_nhb.png);width:120px} .protectItem .title .bg.dgb {background-image:url(/ux/images/customer/terms/bg_dgb.png);width:112px} .protectItem .title .bg.grsb {background-image:url(/ux/images/customer/terms/bg_grsb.gif);width:128px} .protectItem .title .bg.wooriib {background-image:url(/ux/images/customer/terms/bg_wooriib.png);width:128px} .protectItem .title .bg.wooribank {background-image:url(/ux/images/customer/terms/bg_wooribank.png);width:128px} .protectItem .title .bg.hnbank {background-image:url(/ux/images/customer/terms/bg_hnbank.png);width:128px} .protectItem .title .bg.lotteins {background-image:url(/ux/images/customer/terms/bg_lotteins.png);} .protectItem .title .bg.kbbank {background-image:url(/ux/images/customer/terms/bg_kbbank.png);} .protectItem .title .bg.shsavingbank {background-image:url(/ux/images/customer/terms/bg_shsavingbank.png);background-size: 100%;} .protectItem.bancassurance > li .dot_list {height:67px;} .protectItem.bancassurance > li.type2 .dot_list {height:87px;} .protectItem.bancassurance > li.line4 .dot_list {height:95px;} .protectItem.bancassurance > li.line5 .dot_list {height:115px;} .protectItem.bancassurance > li.line6 .dot_list {height:140px;} .protectItem.bancassurance > li.line7 .dot_list {height:160px;} .protectItem.retire > li .dot_list {height:23px;} .protectItem.retire > li.type2 .dot_list {height:46px;} fieldset.agree_infoCollet:after {content:"";display:block;width:0;height:0;clear:both;} /********************** 상담센터안내 **********************/ /*상담제안안내*/ .page_info.consult_head {padding:25px 0;} .page_info.consult_head .bgArea {background:url(/ux/images/customer/consultCenter/consultCenter_info.png) no-repeat;} .more_infoBox.consultBox, .more_infoBox.consultxtBox {margin-top:0px;} .more_infoBox.consultBox div.col {position:relative;height:180px;padding-top:190px;text-align:center;} .more_infoBox.consultBox div.col.bg_ico1 {background:url(/ux/images/customer/consultCenter/bg_consultCenter01.png) center 50px no-repeat;} .more_infoBox.consultBox div.col.bg_ico2 {background:url(/ux/images/customer/consultCenter/bg_consultCenter02.png) center 50px no-repeat;} .more_infoBox.consultBox div.col.bg_ico3 {background:url(/ux/images/customer/consultCenter/bg_consultCenter03.png) center 50px no-repeat;} .more_infoBox.consultBox div.col .txt_info {overflow:hidden;height:60px;margin-bottom:20px;} .more_infoBox.consultBox div.col .txt_info .txtArea:after {clear:both;content:"";overflow:hidden;} .more_infoBox.consultBox div.col .topLine {margin-top:10px;border-top:1px dashed #ddd;} .more_infoBox.consultBox div.col .consultBtnArea {padding:0 10px;text-align:left;} .more_infoBox.consultBox div.col .numArea {padding-top:20px;font-size:16px;} .more_infoBox.consultBox div.col .numArea strong {font-size:24px;} .more_infoBox.consultBox div.col .numArea span {color:#747474;font-size:13px;} .more_infoBox.consultBox div.col .storeArea {padding-top:35px;} .more_infoBox.consultBox div.col a.btnText {position:absolute;top:15px;right:15px;} .more_infoBox.consultxtBox .col {height:140px;} .more_infoBox.consultxtBox .col.bg_icon4 {background:url(/ux/images/customer/consultCenter/ico_consultCenter01.png) 96% 29px no-repeat;} .more_infoBox.consultxtBox .col.bg_icon5 {background:url(/ux/images/customer/consultCenter/ico_consultCenter02.png) 96% 29px no-repeat;} .more_infoBox.consultxtBox .col.bg_icon6 {background:url(/ux/images/customer/consultCenter/ico_consultCenter04.png) 96% 29px no-repeat;} .more_infoBox.consultxtBox .col.bg_icon7 {background:url(/ux/images/customer/consultCenter/ico_consultCenter05.png) 96% 29px no-repeat;} .more_infoBox.consultxtBox .txt_infoDesc {height:60px;} .more_infoBox.consultxtBox .txt_infoDesc span {color:#747474;font-size:13px;} /*1:1 투자상담*/ .page_info.invest_consult {padding:0;border:1px solid #ddd;border-top:2px solid #747474;background-color:#fff;} .page_info.invest_consult .consultTit {padding:30px 30px 25px;} .page_info.invest_consult .consultTit.fl {width:594px;background-color:#fafafa;} .page_info.invest_consult .consultTit.fr {width:244px;} .page_info.invest_consult .bgArea {background:url(/ux/images/customer/consultCenter/investConsult_info.png) no-repeat;} .page_info.invest_consult .inner {padding-left:0;} .page_info.invest_consult .innerInfo {margin-top:30px;padding-top:20px;border-top:1px dashed #ddd;} .page_info.invest_consult .innerInfo .fl, .page_info.invest_consult .innerInfo .fr {padding:5px 0;} .page_info.invest_consult .innerInfo .fl {width:300px;padding-right:10px;border-right:1px dashed #ddd;} .page_info.invest_consult .innerInfo .fr {width:250px;padding-left:30px;} .page_info.invest_consult .innerInfo .fl dl {float:right;} .page_info.invest_consult .innerInfo .fl dl dt {color:#747474;font-size:13px;} .page_info.invest_consult .innerInfo .fl dl.innerBg {float:left;padding-left:55px;background:url(/ux/images/customer/consultCenter/ico_investConsult.gif) left center no-repeat;} .page_info.invest_consult .innerInfo .fl dl.innerBg dd {color:#444;font-size:22px;font-weight:bold;} .page_info.invest_consult .consultTit.fr ul li {margin-bottom:5px;font-size:13px;} .page_info.invest_consult .consultTit.fr ul li span {color:#5a96c8;} .applicationBox {padding:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;} .applicationBox.type2 {padding:0;} .applicationBox .tbl1 tbody th {background:#ececec;} .applicationBox .tbl1 tbody td, .applicationBox .possess .boxGrey {background:#fff;} .applicationBox .possess {padding-top:30px;} .applicationBox .tbl1 tbody td textarea {width:650px;height:180px;} .applicationBox.type2 .terms_tit {height:50px;line-height:50px;padding:0 30px;font-size:16px;} .applicationBox.type2 .terms_area {max-height:140px;border-top:1px solid #ddd;border-bottom:0;} .applicationBox.type2 .terms_area ul {margin-top:20px;} .applicationBox.type2 .terms_agreeBox {border-top:1px solid #ddd;border-bottom:0;background:#fafafa;} .more_infoBox.consultType.col2 {margin-bottom:0;} .more_infoBox.consultType.col2 .col {width:560px;height:155px;} .more_infoBox.consultType.col2 .col.fr {width:250px;} .more_infoBox.consultType.col2 .col div {float:left;} .more_infoBox.consultType.col2 .col div dl {margin-bottom:10px;padding-left:50px;} .more_infoBox.consultType.col2 .col div dl dd {color:#444;font-weight:bold;} .more_infoBox.consultType.col2 .col div p {margin-bottom:5px;color:#747474;font-size:13px;} .more_infoBox.consultType.col2 .col .telCenter {width:300px;border-right:1px dashed #ddd;} .more_infoBox.consultType.col2 .col .telCenter dl {background:url(/ux/images/customer/consultCenter/ico_family01.gif) left center no-repeat;} .more_infoBox.consultType.col2 .col .telCenter dl dd {font-size:22px;} .more_infoBox.consultType.col2 .col .talkCenter {width:229px;padding-left:30px;} .more_infoBox.consultType.col2 .col .talkCenter dl {background:url(/ux/images/customer/consultCenter/ico_family02.gif) left center no-repeat;} .more_infoBox.consultType.col2 .col .talkCenter dl dd {line-height:49px;font-size:18px;} .more_infoBox.consultType.col2 .col.fr .txt_infoDesc {height:60px;margin-bottom:10px;} .more_infoBox.consultType.col2 .col.fr .txt_infoDesc span {display:block;font-weight:bold;} .more_infoBox.consultType.col2 .col.fr .txt_infoDesc span em {font-weight:normal;} .more_infoBox.consultType.col2 .col .consultLogin {width:100%;height:50px;color:#fff;font-size:16px;font-weight:bold;background-color:#0977c9;} .more_infoBox.consultCom .col {background:url(/ux/images/customer/consultCenter/ico_consultCom01.png) 96% 29px no-repeat;} /* 자주찾는질문 */ .tabMenu li a.consultTab {line-height:24px;} .consultSearch {display:block;position:relative;margin:0 0 20px 0;padding:13px 0;text-align:center;background-color:#f4f5f7;} .consultSearch fieldset {display:table;position:relative;margin:0 auto;padding:0;} .consultSearch input[type="text"] {width:618px;height:38px;} .consultSearch input[type="text"]:focus {height:38px;} .tabAbove.customerFaq a.prev, .tabAbove.customerFaq a.next{width:58px} .tabAbove.customerFaq a.next{background-position:-62px 0} .tabAbove.customerFaq div{width:902px} .tabAbove.customerFaq div li{border-bottom:0px} .tabAbove.customerFaq div li a{width:128px;box-sizing:border-box} .tabAbove.customerFaq div li.on a{width:134px;} #ctabG a{border-left:1px solid #ddd} #ctabG.on a{border-left:2px solid #444} /* 나의상담내역 */ .myqna {margin-bottom:50px;padding:30px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;} .myqna li {position:relative;width:33.33%;box-sizing:border-box;padding:0 30px;} .myqna li:after {content:"";display:block;position:absolute;top:0;left:0;width:1px;height:108px;background:url(/ux/images/common/bg_dot_vline2px.png) 0 0 repeat-y;} .myqna li:first-child:after {display:none;} .myqna dt {font-size:16px;} .myqna dt + dd {margin-bottom:5px;font-weight:bold;font-size:34px;} .myqna dd {text-align:center;} .guideTb1 tbody td.process_ing, .myqna .process_ing dt + dd {color:#c9414d;} .guideTb1 tbody td.process_end, .myqna .process_end dt + dd {color:#007dba;} .tbl1.small tr td.board_cont {padding:0;} .tbl1.small tr td.board_cont > div:first-child {width:900px;padding:30px;} .tbl1.small tr td.board_cont div.reply {margin-left:0;} .tbl1.small tr td.board_cont div.reply .title {margin-bottom:8px;font-size:18px;} .tbl1.small tr td.board_cont div.reply table.tbl1 {margin-bottom:13px;border:1px solid #ddd;border-width:1px 1px 0 1px;} .tbl1.small tr td.board_cont div.reply table th {border-color:#ddd;background-color:#f2f2f2;} .tbl1.small tr td.board_cont div.reply table td {border-color:#ddd;background-color:#fafafa;} .tbl1.small tr td.board_cont div.reply table td.reply_end {color:#0364a7;} .tbl1.small tr td.board_cont div.reply table td.reply_cont {padding:30px;} .tbl1.small tr td.board_cont div.reply p.dot_list {margin-bottom:40px;color:#747474;} .tbl1.small tr td.board_cont div.reply p.dot_list + p a.btnMid.page {border:1px solid #bbb;color:#222;background-color:#ececec;background-position:right -30px !important;} .tbl1.small tr td.board_cont div.reply p.dot_list + p a.btnMid.page:hover {border-color:#56595a;} .myqnaBtn {position:relative;margin-bottom:40px;text-align:center;} .myqnaBtn .btnMid {position:absolute;top:0;right:0;} .myqna_edit .emailfield span.at {display:inline-block;margin:0 4px;} .myqna_edit fieldset .select-box, .myqna_edit .phonefield input[type=text] {margin-right:5px;} .myqna_edit .btnLarge.white.plus {min-width:0;background-position:center -285px !important;} .tbl1 tbody tr td.board_cont.myQna {padding:0px;} .tbl1 tbody tr td.board_cont.myQna div {min-height:50px;padding:30px;} .tbl1 tbody tr td.board_cont.myQna div.reply, .tbl1 tbody tr td.board_cont.myQna div.reply div {padding:0px;} /* 투자권유대행인/퇴직연금모집인 */ .guide_idx .idx_invstSolicitor {width:auto !important;padding-top:0px !important;} .idx_invstSolicitor .idx_info_top {position:relative;width:100%;background-color:#5a96c8;} .idx_invstSolicitor .idx_info_top .idx_section {width:960px;height:294px;margin:0 auto;background:url(/ux/images/customer/invest_solictor/invstSolicitor_bg.gif) 100% 100% no-repeat;} .idx_invstSolicitor .idx_info_top.info1 .idx_section {background:url(/ux/images/customer/invest_solictor/invstSolicitor_bg1.gif) 100% 100% no-repeat;} .idx_invstSolicitor .idx_info_top.info2 .idx_section {background:url(/ux/images/customer/invest_solictor/invstSolicitor_bg2.gif) 100% 100% no-repeat;} .idx_invstSolicitor .idx_info_top.info3 .idx_section {background:url(/ux/images/customer/invest_solictor/invstSolicitor_bg3.gif) 100% 100% no-repeat;} .idx_invstSolicitor .idx_info_top.info4 .idx_section {background:url(/ux/images/customer/invest_solictor/invstSolicitor_bg4.gif) 100% 100% no-repeat;} .idx_invstSolicitor .idx_section {width:960px;margin:0 auto;} .idx_invstSolicitor .idx_info_top p {padding-top:28px;color:#fff;letter-spacing:-1px;} .idx_invstSolicitor .idx_info_top p strong {display:inline-block;padding-bottom:12px;font-size:30px;color:#fff;} .idx_invstSolicitor .idx_info_top p .yellow {color:#f3d461;} .idx_invstSolicitor .guideTb1 thead th {background-color:#fafafa;} .idx_invstSolicitor .solicitor_support {margin:15px 0 28px 0;} .idx_invstSolicitor .solicitor_support dt {margin-bottom:12px;color:#0977c9;font-weight:bold;} .idx_invstSolicitor .solicitor_support dd {margin-top:8px;padding-left:10px;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;} .idx_invstSolicitor .solicitor_support dt + dd {margin-top:0;} .idx_invstSolicitor .guideBox {margin-bottom:15px;padding:30px;} .idx_invstSolicitor .guideBox > dl dt {margin-bottom:10px;font-weight:bold;font-size:16px;} .idx_invstSolicitor .guideBox li dt {float:left;margin-bottom:0;font-weight:normal;font-size:14px;} .idx_invstSolicitor .guideBox li dd {padding-left:65px;} /* 투자권유대행인/퇴직연금모집인 > 삼성증권 전문 투자권유대행인 */ .invest_solictor {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd;} /* 투자권유대행인/퇴직연금모집인 > 청년투자권유대행 서류접수 */ input[type=text] + span.bull {display:inline-block;vertical-align:top;font-size:50px;line-height:28px;letter-spacing:-5px;} /* 투자권유대행인/퇴직연금모집인 > 투자권유대행인 인력조회 */ .guideTb1 + .guideTb1.humanResource {border-top:1px solid #747474;} /********************** 공통팝업 **********************/ /* 로그인에 문제가 있다면 */ #tabDeps1 .tabDeps2.login_problem li a {height:51px;font-size:14px;line-height:24px;} #tabDeps1 .tabDeps2.login_problem li.on a {height:53px;} #tabDeps1 .tabDeps2.login_problem li a.line1 {line-height:50px;} .login_check {margin-bottom:26px;border-top:1px solid #747474;background-color:#fafafa;} .login_check > li {display:block;position:relative;margin:0;padding:18px 18px 20px 44px;border-bottom:1px solid #ddd;color:#444;font-size:14px;background:url(/ux/images/common/ico_check_desc2.png) no-repeat 20px 23px;} .login_check > li > div {overflow:hidden;position:relative;padding:24px 0 10px 0;margin-top:9px;} .login_check > li > div:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x;} .login_check > li > div.trustNet {padding-left:120px;background:url(/ux/images/common/popup/ico_loginProblemTab1_02.png) 0 30px no-repeat;} .login_check > li > div.kdefense {padding:20px 0 20px 120px;background:url(/ux/images/common/popup/ico_loginProblemTab3_01.png) 0 30px no-repeat;} .login_check > li > div.trustNet p, .login_check > li > div.kdefense p {margin-bottom:10px;} .login_check > li > div.trustNet p strong, .login_check > li > div.kdefense p strong {font-size:18px;line-height:34px;} .login_check > li .btnText {padding-right:0;font-size:14px;background:none;} div.login_check {padding:30px 0;} ol.login_check > li {padding-left:20px;background:none;} ol.login_check > li .num {margin-bottom:5px;color:#0977c9;font-size:18px;} /* 공통팝업 > 고객보안 서비스 이용가이드 */ #tabDeps1 .tabDeps2.security_guide li a {height:47px;border-top:none;font-size:14px;line-height:22px;} #tabDeps1 .tabDeps2.security_guide li.on a {height:48px;} #tabDeps1 .tabDeps2.security_guide li a.row1 {border-top:1px solid #ccc;} #tabDeps1 .tabDeps2.security_guide li a.col1 {border-left:1px solid #ccc;} #tabDeps1 .tabDeps2.security_guide li a.line1 {line-height:48px;} ul.txt_essential {padding:0;margin:0;background:none;} ul.txt_essential li {margin-bottom:6px;padding-left:22px;color:#444;font-size:14px;background:url(/ux/images/common/ico_example.png) 0 4px no-repeat;} ol.login_check p.check_desc2 {position:relative;padding:10px 0 10px 22px;margin-top:10px;background-position:0 12px;} ol.login_check p.check_desc2:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x;} .login_check li > div p span {font-size:13px;} ol.login_check ul.check_desc2 {position:relative;padding-top:10px;margin-top:10px;} ol.login_check ul.check_desc2:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x;} ul.login_check > li.taC {background:none;} .login_check > li > div.text {padding:10px 0 0 0;} ol.login_check div.fl, ol.login_check div.fr {position:relative;width:50%;box-sizing:border-box;vertical-align:middle;} ol.login_check div.fl {text-align:left;} ol.login_check div.fr {text-align:right;} ol.login_check div.fl:after {content:"";display:block;position:absolute;top:50%;left: 100%;width:29px;height:40px;margin:-20px 0 0 -15px;background: url(/ux/images/common/popup/ico_loginCheckArrow.gif) 0 0 no-repeat;} ol.login_check .bidirect {padding-top:60px;} ol.login_check .bidirect div.fl {padding-left:20px;} ol.login_check .bidirect div.fl:after {top:140px;margin:0;} ol.login_check .bidirect div.fr {padding:98px 20px 0 0;} ol.login_check .bidirect div.fr:after {content:"";display:block;position:absolute;top:209px;left:0;width:29px;height:40px;margin:0;background: url(/ux/images/common/popup/ico_loginCheckArrow.gif) 0 -69px no-repeat;} ol.login_check .bidirect div.fl .tit, ol.login_check .bidirect div.fr .tit {position:absolute;top:-30px;left:0;width:245px;padding-left:20px;text-align:center;} ol.login_check .bidirect div.fr .tit {width:207px;padding-left:93px;} .upperCase {text-transform:uppercase;} ol.login_check li > div .upperCase {margin-bottom:15px;} ol.login_check li > div span.upperCase {display:inline-block;} /* 공통팝업 > 삼성증권 퇴직연금 전용회원 가입 및 본인인증 안내 */ .retireCertify_pop {letter-spacing:-1.8px;} /* 공통팝업 > IE 파일 다운로드 시 확장자 변경 저장 현상 가이드 */ ul.login_check li.bgN{background:none} .login_check > li .btnText.bgY{padding-right:14px;font-size:13px;background:url(/ux/images/common/btn/bg_btn_ico_set.png) no-repeat right -74px;} .login_check > li .ol_list li{text-indent:-18px} /* 공지이벤트 */ /* 상단 슬라이드 (금융상품>펀드>추천펀드>금융상품뉴스 가져옴) */ .eventList_wrap {padding:30px 0;margin-bottom:10px;background:#fafafa;} .eventList_slide {display:block;position:relative;width:960px;margin:0 auto;} .eventList_slide .thumbList {display:block;position:relative;width:870px;height:282px;margin:0 auto;padding:0;overflow:hidden;} .eventList_slide .controler button {position:absolute;top:50%;width:26px;height:49px;margin-top:-24px;text-indent:-9999px;font-size:0;cursor:pointer;background:url(/ux/images/finance/finNews_slide_controler.gif) no-repeat;} .eventList_slide .controler button.prev {left:0;background-position:0 0;} .eventList_slide .controler button.next {right:0;background-position:-27px 0;} .eventList_slide .slideWrap {display:table;position:absolute;width:870px;height:282px;margin:0 auto;padding:0;overflow:hidden;} .eventList_slide .slideWrap li {display:block;position:relative;float:left;width:202px;height:114px;margin:0 15px;padding:166px 28px 0;border-radius:5px;border:solid #ddd 1px;} .eventList_slide .slideWrap li .thumb {display:block;position:absolute;width:260px;height:146px;margin:0;padding:0;border-radius:5px 5px 0 0;left:-1px;top:-1px;} .eventList_slide .slideWrap li .thumb img {display:block;width:100%;} .eventList_slide .slideWrap li .title {display:block;position:relative;height:25px;margin:0;font-size:16px;color:#222;overflow:hidden;} .eventList_slide .slideWrap li .title .new {display:inline-block;position:relative;width:22px;height:6px;margin:0;padding:0 0 0 5px;text-indent:-9999px;background:url(/ux/images/finance/finNews_new.gif) no-repeat right top;top:10px;} .eventList_slide .slideWrap li .txt {height:48px;color:#444;} .eventList_slide .slideWrap li .date {display:block;position:relative;padding-top:7px;border-top:1px dotted #ddd;color:#747474;font-size:13px;} .eventList_slide .slideWrap li .date span {color:#7891af;} .eventList_slide .slideWrap a.linkWrap:hover {text-decoration:none;} .eventList_slide .slideWrap a.linkWrap:hover .title {text-decoration:underline;} .eventList_slide .pager {display:table;position:relative;margin:30px auto 0;padding:0;} .eventList_slide .pager li {float:left;display:inline-block;position:relative;margin:0 4px;} .eventList_slide .pager li a {display:block;position:relative;width:10px;height:10px;background:url(/ux/images/finance/finNews_slide_pager.gif) no-repeat right top;text-indent:-9999px;font-size:0;} .eventList_slide .pager li.current a {width:25px;background-position:left top;} /* 목록 */ .event_result_num {text-align:center;color:#222;font-size:16px;} .page_function .toggleTab {float:left;margin-right:10px;} .page_function .toggleTab li a {width:73px;height:28px;padding:0;line-height:28px;} /* 이벤트 검색조건 (금융상품>펀드>추천펀드>금융상품뉴스에서 가져옴 finNews_search) */ .eventList_search {display:block;position:relative;margin:0 0 20px 0;padding:10px 0;text-align:center;background-color:#f4f5f7;} .eventList_search input.searchInput {width:460px;background-color:#FFF;} .eventList_search .placeHolder_input {margin-right:5px;} .eventList_search .search_detail {display:none;position:absolute;width:630px;margin:0;padding:50px 20px 20px 20px;background-color:#FFF;border:solid #7891af 1px;right:8px;top:49px;text-align:left;box-shadow:2px 2px 2px #999;z-index:10;} .eventList_search .search_detail .btnLarge.minus {position:absolute;border-color:#7891af !important;border-bottom-color:#FFF !important;right:121px;top:-40px;} .eventList_search .search_detail dl {display:table;position:relative;margin:0;padding:0;border-top:solid #747474 1px;} .eventList_search .search_detail dt {float:left;display:block;position:relative;width:90px;margin:0;padding:9px 15px;background-color:#fafafa;border-bottom:solid #ddd 1px;} .eventList_search .search_detail label {height:40px;line-height:40px;} .eventList_search .search_detail dd {float:left;display:block;position:relative;width:480px;margin:0;padding:9px 15px;border-bottom:solid #ddd 1px;} .eventList_search .periodSearch ul li button[type="button"] {width:47px !important;} .eventList_search .search_detail .layerClose {display:block;position:absolute;width:20px;height:20px;background:url(/ux/images/common/btn/btn_additional_closed.gif) no-repeat 2px 3px;border:none;text-indent:-9999px;font-size:0;top:19px;right:19px;cursor:pointer;} /* 이벤트 목록 */ .event_wrap {position:relative;border-top:1px solid #747474;} .event_wrap ul.event-list.expendable{border-top:none;} .event_wrap:after {display:block;content:"";clear:both;} .event_wrap ul li {position:relative;width:410px;height:110px;padding:43px 30px 30px 520px;border-bottom:1px solid #ddd;} .event_wrap ul li:after {display:block;content:"";clear:both;} .event_wrap ul li a:hover strong {text-decoration:underline;} .event_wrap strong {display:block;margin-bottom:9px;color:#222;font-size:16px;} .event_wrap em {display:block;overflow:hidden;height:42px;margin-bottom:10px;color:#444;font-size:14px;} .event_wrap .period {color:#747474;font-size:14px;} .event_wrap .click_number {position:absolute;right:0;top:43px;color:#747474;font-size:13px;} .event_wrap .img {position:absolute;left:0;top:30px;} td .event_wrap {width:287px;height:123px;padding:36px 30px 0 520px;border:0;} td .event_wrap .img {position:absolute;left:0;top:20px;} div.entDetail table td{border:0px !important} td .event_wrap.quiz {width:100% !important;height:auto !important;padding:10px 20px 10px 0px !important;box-sizing:border-box} .event_view{padding:30px !important} .event_view .stitle {display:block;margin-top:5px;margin-bottom:15px;color:#222;font-size:18px;} /* 당첨자 확인 > 목록 */ .winner_box {padding-top:10px;border-top:1px dashed #ddd;} .winner_box p {padding:5px 8px;color:#e56c00;background:#f4f5f7;} .winner_box p .ico_winner {display:inline-block;width:30px;height:17px;margin-right:6px;text-align:center;vertical-align:middle;color:#fff;font-size:11px;line-height:14px;background:#e56c00;} /* 고객보안서비스 - 전자금융 이용자 정보보호수칙 10가지 */ .page_info.securityGuide_rule {padding:0;padding-top:15px;border-top-width:1px;} .page_info.securityGuide_rule .inner {min-height:130px;} .page_info.securityGuide_rule h2 {margin-bottom:0 !important;font-size:22px;line-height:28px;} .page_info.securityGuide_rule .inner span.bgArea {right:50px;top:15px;width:163px;height:94px;margin-top:0;background:url(/ux/images/customer/modal_securityGuide_rule.png) 0 0 no-repeat} .page_info.securityGuide_rule p span {color:#747474;font-size:12px;} /* 관련기관 로고 */ .relative_organ {display:block;width:100%;padding:10px 0;margin-bottom:40px;border-top:1px solid #747474;border-bottom:1px solid #dee1e5;text-align:center;} .relative_organ img + img {margin-left:8px;} /* 전자금융 이용자 정보보호수칙 10가지 */ .securityGuide_rule_list {} .securityGuide_rule_list dl {border-top:1px solid #dee1e5;} .securityGuide_rule_list dt, .securityGuide_rule_list dd {display:table;position:relative;width:100%;border-bottom:1px solid #dee1e5;} .securityGuide_rule_list dt > span {display:table-cell;width:48px;height:100%;border-right:1px solid #dee1e5;text-align:center;vertical-align:middle;color:#222;font-size:16px;background:#f4f5f7;} .securityGuide_rule_list dt a {display:table-cell;padding:15px 60px 13px 15px;vertical-align:middle;font-size:16px;line-height:22px;} .securityGuide_rule_list dt a .rule_open {display:block;position:absolute;right:0;top:0;width:50px;height:50px;text-indent:-9999px;background:url(/ux/images/common/ico_toggle.png) 95% 0px no-repeat;} .securityGuide_rule_list dt a:hover .rule_open, .securityGuide_rule_list dt a:focus .rule_open {background-position:95% -50px;} .securityGuide_rule_list dt.on a .rule_open {background-position:95% -100px;} .securityGuide_rule_list dt.on a:hover .rule_open, .securityGuide_rule_list dt.on a:focus .rule_open {background-position:95% -150px;} .securityGuide_rule_list dt a:hover, .securityGuide_rule_list dt a:focus, .securityGuide_rule_list dt.on a, .securityGuide_rule_list dt.on a:hover, .securityGuide_rule_list dt.on a:focus {color:#0977c9;} .securityGuide_rule_list dd {background:#fafafa;} .securityGuide_rule_list dd p {padding:17px 20px;} .securityGuide_rule_list dd.hidden p {padding:0;} .securityGuide_rule_list dl {border-top:1px solid #dee1e5;} .securityGuide_rule_list dt.on + dd {display:block;} /********************** 이벤트 **********************/ /*label list : 900px(양 옆 pd30/총 960px) 한 화면 4개 기준*/ div.label_list {width:inherit;} div.label_list label {width:225px;margin-left:0px !important;margin-bottom:15px;} div.label_list label.width2x {width:454px;} div.label_list label.width3x {width:684px;} /********************** NEW_MY현금쿠폰 (2017.2.1) **********************/ .myCashCoupon {position:relative;width:958px;height:786px;margin-bottom:20px;border:1px solid #dfe2e6;} .myCashCoupon .leftContent {border-right:1px solid #dfe2e6;position:absolute;top:0;left:0;background:url('/ux/images/customer/finance/bg_mycashcoupon.gif') no-repeat top left;} .myCashCoupon .leftContent P {position:relative;top:0;left:0;width:577px;height:786px;} .myCashCoupon .btnArea_position {position:absolute;top:290px;left:50px;} .myCashCoupon .rightContent {position:absolute;top:0;left:578px;} .myCashCoupon .rightContent h2 {width:380px;height:82px;} .myCashCoupon .rightContent dl {position:relative;width:380px;height:162px;border-top:1px solid #dfe2e6;} .myCashCoupon .rightContent dl.menuBtn01 {background:url('/ux/images/customer/finance/bg_cashCoupon_01.png') no-repeat left 80%;} .myCashCoupon .rightContent dl.menuBtn02 {background:url('/ux/images/customer/finance/bg_cashCoupon_02.png') no-repeat left 80%;} .myCashCoupon .rightContent dl.menuBtn03 {background:url('/ux/images/customer/finance/bg_cashCoupon_03_1026.png') no-repeat left 80%;height:212px} .myCashCoupon .rightContent dl.menuBtn04 {background:url('/ux/images/customer/finance/bg_cashCoupon_04.png') no-repeat left 80%;height:164px} .myCashCoupon .rightContent dl dt{padding-top:20px;padding-left:70px;padding-bottom:5px;} .myCashCoupon .rightContent dl dt span{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:0 !important;line-height:0 !important;text-indent:-9999px !important;} .myCashCoupon .rightContent dl dt .lay-help {margin:-12px 0 0 8px;} .myCashCoupon .rightContent dl dt .lay-help .layer {width:270px;} .myCashCoupon .rightContent dl dt .lay-help .layer ul.cashInfo {width: 300px; height: 40px;} .myCashCoupon .rightContent dl dt .lay-help .layer ul.cashInfo li{float:left;margin-right:20px;} .myCashCoupon .rightContent dl dt .lay-help .layer ul.cashInfo li.cl {clear:left;} .myCashCoupon .rightContent dl dt .lay-help .layer ul.cashInfo li.mgtm20 {margin-top:-20px;} .myCashCoupon .rightContent dl dt .lay-help .layer ul.cashInfo li.lastChild {padding-left:194px;margin-top:-39px;} .myCashCoupon .rightContent dl dd {padding-left:70px;font-family:"돋움";font-size:12px;letter-spacing:0px;color:#747474;} .myCashCoupon .rightContent dl dd ul.dot_list {margin-top:0px;} .myCashCoupon .rightContent dl dd ul.dot_list li {margin-bottom:3px;font-family:"돋움";font-size:12px;letter-spacing:0px;color:#747474;} .myCashCoupon .rightContent dl dd a {font-family:"맑은 고딕";margin-top:10px;margin-right:5px;} .myCashCoupon .rightContent dl dd+dd a{margin-top:5px;} .inquireCoupon {/*position:relative;*/} .inquireCoupon .topContent {background-color:#f3f3f3;padding:50px 0px 60px 75px;width:885px;height:378px;margin-bottom:35px;} .inquireCoupon .topContent h2{position:absolute;font-weight:bold;font-size:27px;} .inquireCoupon .topContent h2 span {font-size:30px;float:left;margin-right:7px;} .inquireCoupon .topContent .myStar {position:relative;float:left;padding:0 0px 0 35px;width:380px;height:auto;background: url('/ux/images/customer/finance/bg_dot.png') repeat-y top left;margin-left:55px;} .inquireCoupon .topContent .myStar h2{margin-left:10px} .inquireCoupon .topContent .myStar .acquireStar{} .inquireCoupon .topContent .myStar .acquireStar img{position:absolute;margin-top:50px;left:68px} .inquireCoupon .topContent .myStar .acquireStar p{text-align:center;padding-top:355px;} .inquireCoupon .topContent .myStar .btnArea{position:absolute;bottom:-30px;margin-left:-25px;padding:0;} .inquireCoupon .topContent .totalAmount {float:left;width:406px;height:320px;left:431px;padding:0px;/* background: url('/ux/images/customer/finance/bg_dot.png') repeat-y top right; */} .inquireCoupon .topContent .totalAmount .lay-help ul {padding-top:5px;} .inquireCoupon .topContent .totalAmount .lay-help ul li {margin-right:15px;} .inquireCoupon .topContent .totalAmount .detailAmount {width:inherit;height:inherit;padding-top:133px;background:url('/ux/images/customer/finance/bg_cash_detail.png') no-repeat 0px 66px;} .inquireCoupon .topContent .totalAmount .detailAmount dl{} .inquireCoupon .topContent .totalAmount .detailAmount dl dt{margin-left:90px;font-size:16px;line-height:16px;} .inquireCoupon .topContent .totalAmount .detailAmount dl dd.all{text-align:right;font-weight:bold;font-size:32px;letter-spacing:-6px;color:#ff8f1c;margin-top:-43px;padding-right:65px;} .inquireCoupon .topContent .totalAmount .detailAmount dl dd.all span {padding-left:5px;/*font-size:36px;*/letter-spacing:-4px;vertical-align:top;} .inquireCoupon .topContent .totalAmount .detailAmount dl dd.all:after {content:" ";display:block;clear:both;} .inquireCoupon .topContent .totalAmount .detailAmount ul.dot_list {margin-left:100px;margin-top:35px;} .inquireCoupon .topContent .totalAmount .detailAmount ul.dot_list li {margin-bottom:10px;background-position:0px 18px} .inquireCoupon .topContent .totalAmount .detailAmount ul.dot_list li dl{} .inquireCoupon .topContent .totalAmount .detailAmount ul.dot_list li dl dt{padding:0px;margin:0px;text-align:left;margin-right:10px;line-height:34px;float:left;} .inquireCoupon .topContent .totalAmount .detailAmount ul.dot_list li dl dd{font-weight:bold;text-align:right;font-size:22px;padding-right:90px;} .inquireCoupon .topContent .totalAmount .detailAmount ul.dot_list li dl dd span{/* font-weight:600; */font-size:22px;vertical-align:top;} .inquireCoupon .topContent .totalAmount .detailAmount p {text-align:center;padding-top:52px;} /* MY국내주식 */ .inquireCoupon.domestic{} .inquireCoupon.domestic .topContent{height:350px;background:url('/ux/images/customer/bg_myDomesticstockSearch.jpg') no-repeat 0 0;} .inquireCoupon.domestic .topContent .totalAmount .detailAmount{background:url('/ux/images/customer/bg_domestic_detail.png') no-repeat 0 66px;} .inquireCoupon.domestic .cashCouponList .couponDetail ul li div.complate{background:url(/ux/images/customer/completedPayment_reward.png) no-repeat center center;} .inquireCoupon.domestic .cashCouponList .couponDetail, .inquireCoupon.domestic .cashCouponList .couponDetail ul li{height:256px} .inquireCoupon.domestic .cashCouponList .couponDetail ul li div.complate p{padding:59px 0 0 0;line-height:12px;margin:0;color:#9b54c7;text-align:center;} .inquireCoupon.domestic .cashCouponList .couponDetail ul.txt_list {width:100%;bottom:10px;text-align:center;margin:0 !important} .inquireCoupon.domestic .cashCouponList .couponDetail ul.txt_list li {font-size:16px;color:#444;letter-spacing:0px;height:auto;} .inquireCoupon.domestic .cashCouponList .couponDetail ul.txt_list li span{font-size:13px;} .inquireCoupon.domestic .cashCouponList .couponDetail ul li div.have {background:url(/ux/images/customer/bg_havePayment_reward.png) no-repeat center center;} .inquireCoupon.domestic .cashCouponList .couponDetail ul li div.have p{color:#9b54c7} .inquireCoupon.domestic .topContent .totalAmount .detailAmount ul.dot_list{margin-left:80px;margin-top:22px} .inquireCoupon.domestic .topContent .totalAmount .detailAmount ul.dot_list li{margin-bottom:5px;background-position:0 12px} .inquireCoupon.domestic .topContent .totalAmount .detailAmount ul.dot_list li dl dt, .inquireCoupon.domestic .topContent .totalAmount .detailAmount ul.dot_list li dl dd{line-height:26px} .inquireCoupon.domestic .topContent .totalAmount .detailAmount ul.dot_list li dl dd{padding-right:70px} .inquireCoupon.domestic .cashCouponList .couponDetail ul{margin-left:0} .inquireCoupon.domestic .cashCouponList .couponDetail>ul>li{width:192px} .inquireCoupon.domestic .cashCouponList .couponDetail>ul>li:nth-child(5){background:none} /*쿠폰화면리스트*/ .inquireCoupon .cashCouponList {clear:both;} .inquireCoupon .cashCouponList h2{float:left;margin-bottom:10px;} .inquireCoupon .cashCouponList h2:after {content:" ";display:block;clear:both;} .inquireCoupon .cashCouponList p {float:right;margin-bottom:10px;} .inquireCoupon .cashCouponList p:after {content:" ";display:block;clear:both;} .inquireCoupon .cashCouponList .couponDetail.reward, .inquireCoupon .cashCouponList .couponDetail.reward a, .inquireCoupon .cashCouponList .couponDetail.reward>ul>li{height:197px} .inquireCoupon .cashCouponList .couponDetail.reward ul li div{margin-top:5px} .inquireCoupon .cashCouponList .couponDetail {position:relative;clear:both;width:auto;height:256px;overflow:hidden;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-bottom:20px;} .inquireCoupon .cashCouponList .couponDetail a {float:left;width:49px;height:256px;background-color:#f4f5f7 !important;} .inquireCoupon .cashCouponList .couponDetail a.leftArrow{position:absolute;left:0;border-right:1px solid #dddddd;background:url('/ux/images/customer/finance/btn_leftArrow.gif') no-repeat center center;} .inquireCoupon .cashCouponList .couponDetail a.rightArrow{position:absolute;right:0;border-left:1px solid #dddddd;margin-left:-1px;padding-left:1px;background:url('/ux/images/customer/finance/btn_rightArrow.gif') no-repeat center center;} .inquireCoupon .cashCouponList .couponDetail ul{width:4600px;margin-left:50px;} .inquireCoupon .cashCouponList .couponDetail>ul>li {overflow:hidden;position:relative;z-index:-1;float:left;width:172px;height:256px;background:url('/ux/images/customer/finance/bg_dot.png') repeat-y top right;} .inquireCoupon .cashCouponList .couponDetail ul li div {width:172px;height:187px;background:url() no-repeat center center;} .inquireCoupon .cashCouponList .couponDetail ul li div img {display:block;margin:15px auto;} .inquireCoupon .cashCouponList .couponDetail ul li div p {padding-top:87px;font-size:23px;} .inquireCoupon .cashCouponList .couponDetail ul li div p span {vertical-align:top;font-size:23px;} .inquireCoupon .cashCouponList .couponDetail ul li div.show {background:url(/ux/images/customer/finance/bg_basicCashCoupon.png) no-repeat center center;} .inquireCoupon .cashCouponList .couponDetail ul li div.show p {font-weight:600;color:#c0b9ad;text-align:center;width:inherit;letter-spacing:0px;} .inquireCoupon .cashCouponList .couponDetail ul li div.have {background:url(/ux/images/customer/finance/bg_haveCashCoupon.png) no-repeat center center;} .inquireCoupon .cashCouponList .couponDetail ul li div.have p {font-weight:600;text-align:center;width:inherit;color:#2788c8;letter-spacing:0px;} .inquireCoupon .cashCouponList .couponDetail ul li div.complate {background:url(/ux/images/customer/finance/completedPayment_cash.png) no-repeat center center;} .inquireCoupon .cashCouponList .couponDetail ul li div.complate p {letter-spacing:0px;margin-right:32px;float:none;padding-top:122px;font-size:12px !important;color:white;text-align:right;} .inquireCoupon .cashCouponList .couponDetail ul li div.complate p span {font-size:12px !important;} .inquireCoupon .cashCouponList .couponDetail ul.dot_list {margin-left:0 !important;width:130px;position:absolute;bottom:8px;left:20px;} .inquireCoupon .cashCouponList .couponDetail ul.dot_list li {font-size:12px;color:#666666;letter-spacing:0px;} /*보너스 쿠폰 리스트*/ .inquireCoupon .cashCouponList.bonus .couponDetail {height:146px;margin-bottom:40px;} .inquireCoupon .cashCouponList.bonus .couponDetail a {height:146px;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li {height:146px;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div {color:#c0b9ad;width:172px;height:146px;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div p {font-size:22px;padding-top:65px;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div p span {vertical-align:top;font-size:24px;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div.show {color:c0b9ad;background:url(/ux/images/customer/finance/bg_bonus_off.png) no-repeat center center;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div.show p{text-align:center;width:inherit;font-weight:600;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div.have {color:#2788c8;background:url(/ux/images/customer/finance/bg_haveBonus.png) no-repeat center center;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div.have p {text-align:center;width:inherit;font-weight:600;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div.complate {background:url(/ux/images/customer/finance/bonus_completedPayment.png) no-repeat center center;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div.complate p {letter-spacing:0px;margin-right:32px;float:none;padding-top:95px;font-size:12px !important;color:white;text-align:right;} .inquireCoupon .cashCouponList.bonus .couponDetail ul li div.complate p span {font-size:12px !important;} .inquireCoupon .cashCouponList.bonus .couponDetail.reward ul li div{margin-top:0} .inquireCoupon .cashCouponList.bonus .couponDetail.reward ul li div.complate p {letter-spacing:0px;margin:0;float:none;padding:50px 0 0;font-size:12px !important;color:white;text-align:center;} .inquireCoupon .cashCouponList.bonus .couponDetail.reward ul li div.complate p span {font-size:12px !important;} .inquireCoupon .cashCouponList.bonus .couponDetail.reward ul li div.complate strong{display:block;padding:2px 0;text-align:center;font-size:18px !important; color:#3992d4} /*퀴즈이벤트*/ .quizEventList {width:inherit;height:auto;border-top:1px solid black;padding-top:30px} .quizEventList dl {position:relative;height:150px;padding-left:250px;} .quizEventList dt {font-size:30px;} .quizEventList dd img {position:absolute;top:0;left:0;width:200px;height:100px;border:1px solid black;} .correctSelec {padding:20px;display:block;text-align:center;border-bottom:1px solid #ddd} .hint .lay-help > a {float:left;z-index:999;width:55px !important;height:54px !important;background:url("/ux/images/customer/quizevent/btnHint.png") no-repeat top left !important;} .hint .lay-help .layer {width:175px;top:66px;left:-149px;} .hint .lay-help .layer:after {left:180px;} .hint .lay-help .layer strong{color:#0977c9 !important;font-size:15px !important;} /*업무/상품안내>주식/선물옵션거래안내>국내*/ .vocaImg {margin-bottom:5px;} .vocaImg dt {border:1px solid #222;padding:10px 35px;margin-right:10px;float:left;height:24px;} .btn_order li{position:relative;} .btn_order li a {position:absolute;left:130px;top:2px;} .minitbl th, .minitbl td{text-align:center;padding:3px 21px !important;} .type4.stepProcess li .wrap {padding:27px 35px 10px;} .type4.stepProcess li {vertical-align:top;} .type4.stepProcess li .wrap .header > strong {font-size:40px;font-weight:normal;line-height:40px;} .type4.stepProcess li .wrap .header > strong > em {float:right;color:#666;margin-top:-10px;margin-left:5px;font-size:15px;letter-spacing:0px;} .type4.stepProcess li .wrap .header em.tit02 {float:left;display:block;font-size:15px;color:#222;font-weight:bold;margin:-22px 0 0 46px;} .type4.stepProcess li p.btn {padding-left:36px;padding-bottom:30px;letter-spacing:0px;} .type4.stepProcess li p.btn a {vertical-align:top;line-height:18px;} .type4.stepProcess .arrow{top:87px !important;} /*front_content.css에 옮길것.*/ .type3 ol li {position:relative;padding-bottom:7px;background:none !important;padding-left:0px !important;} /********************** NEW_MY해외주식 (2017.7.26) **********************/ .myForeignStock {position:relative;width:958px;height:964px;margin-bottom:20px;border:1px solid #dfe2e6;} .myForeignStock .leftContent {border-right:1px solid #dfe2e6;position:absolute;top:0;left:0;background:url('/ux/images/customer/finance/bg_myforeignstock_0822.jpg') no-repeat top left;} .myForeignStock .leftContent P {position:relative;top:0;left:0;width:577px;height:964px;} .myForeignStock .btnArea_position {position:absolute;top:325px;left:50px;} .myForeignStock .rightContent {position:absolute;top:0;left:578px;} .myForeignStock .rightContent h2 {width:380px;height:82px;} .myForeignStock .rightContent dl {position:relative;width:380px;height:175px;border-top:1px solid #dfe2e6;} .myForeignStock .rightContent dl.menuBtn01 {background:url('/ux/images/customer/finance/bg_cashCoupon_01.png') no-repeat top left;} .myForeignStock .rightContent dl.menuBtn02 {background:url('/ux/images/customer/finance/bg_cashCoupon_02.png') no-repeat top left;} .myForeignStock .rightContent dl.menuBtn03 {background:url('/ux/images/customer/finance/bg_cashCoupon_03.png') no-repeat top left;} .myForeignStock .rightContent dl.menuBtn04 {background:url('/ux/images/customer/finance/bg_cashCoupon_04.png') no-repeat top left;} .myForeignStock .rightContent dl.menuBtn05 {background:url('/ux/images/customer/finance/bg_cashCoupon_05.png') no-repeat top left; height:177px} .myForeignStock .rightContent dl dt{padding-top:20px;padding-left:70px;padding-bottom:5px;} .myForeignStock .rightContent dl dt span{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:0 !important;line-height:0 !important;text-indent:-9999px !important;} .myForeignStock .rightContent dl dt .lay-help {margin:-12px 0 0 8px;} .myForeignStock .rightContent dl dt .lay-help .layer {width:270px;} .myForeignStock .rightContent dl dt .lay-help .layer ul.cashInfo {width: 300px; height: 40px;} .myForeignStock .rightContent dl dt .lay-help .layer ul.cashInfo li{float:left;margin-right:20px;} .myForeignStock .rightContent dl dt .lay-help .layer ul.cashInfo li.cl {clear:left;} .myForeignStock .rightContent dl dt .lay-help .layer ul.cashInfo li.mgtm20 {margin-top:-20px;} .myForeignStock .rightContent dl dt .lay-help .layer ul.cashInfo li.lastChild {padding-left:194px;margin-top:-39px;} .myForeignStock .rightContent dl dd {padding-left:70px;font-family:"돋움";font-size:12px;letter-spacing:0px;color:#747474;} .myForeignStock .rightContent dl dd ul.dot_list {margin-top:0px;} .myForeignStock .rightContent dl dd ul.dot_list li {margin-bottom:3px;font-family:"돋움";font-size:12px;letter-spacing:0px;color:#747474;} .myForeignStock .rightContent dl dd a {font-family:"맑은 고딕";margin-top:10px;margin-right:5px;} /* MY해외주식 조회 추가 */ .event {padding:0;margin:0;top:0;left:0;} .evntbg {position:relative;width:100%;overflow:hidden;} .pcSize {width:900px;margin:0 auto;} .progress{visibility:hidden;width:0px;height:0px;} .progress a {visibility:visible;} .bg_img00 {background:url(/ux/images/customer/finance/evbg00.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img01 {background:url(/ux/images/customer/finance/evbg01.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img02 {background:url(/ux/images/customer/finance/evbg02.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img03 {background:url(/ux/images/customer/finance/evbg03.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img04 {background:url(/ux/images/customer/finance/evbg04.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img05 {background:url(/ux/images/customer/finance/evbg05.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img06 {background:url(/ux/images/customer/finance/evbg06.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img07 {background:url(/ux/images/customer/finance/evbg07.jpg) no-repeat ;background-size:100%;width:100%;} .bg_img08 {background:url(/ux/images/customer/finance/evbg08.jpg) no-repeat ;background-size:100%;width:100%;} .myForeignStockSearch{position:relative; display:block; width:100%; padding:0; margin:0; } .myForeignStockSearch .stepWarp{position:relative; z-index:9; display:block; width:100%; height:1170px; background:url(/ux/images/customer/finance/myforeignstock_step_bg.jpg) no-repeat 0 0;} .myForeignStockSearch .stepWarp.start{background:url(/ux/images/customer/finance/myforeignstock_step_bg_start.jpg) no-repeat 0 0;} .myForeignStockSearch .stepWarp li > a{position:absolute; width:90px; height:30px; display:block; text-indent:-9999px} .myForeignStockSearch .stepWarp li > .flag {position:absolute; top:0px; left:0px; display:none; background:url(/ux/images/customer/finance/ico_flag.png) no-repeat 0 0; width:auto; height:24px; padding:0 0 0 30px;} .myForeignStockSearch .stepWarp li.on .flag, .myForeignStockSearch .stepWarp li.on .layFlag{display:none} .myForeignStockSearch .stepWarp li.ing .flag {display:none} .myForeignStockSearch .stepWarp li.ing .layFlag, .myForeignStockSearch .stepWarp li .layFlag .lay-help.flag{display:block} .myForeignStockSearch .stepWarp li .layFlag{position:absolute; display:none; background:url(/ux/images/customer/finance/myforeignstock_step_flag.png) no-repeat; width:125px; height:125px} .myForeignStockSearch .stepWarp li .layFlag .lay-help.flag {top:19px; left:72px} .myForeignStockSearch .stepWarp li .layFlag .lay-help a.help{background:url(/ux/images/customer/finance/ico_help_flag.png) no-repeat; background-position:0 0; width:28px; height:29px;} .myForeignStockSearch .stepWarp li .layFlag .lay-help a.help.on{background-position:0 -29px;} .myForeignStockSearch .stepWarp li .layFlag .lay-help .layer{background:url(/ux/images/customer/finance/ico_help_flag_bg.png) no-repeat; top:0; left:28px; border:0; padding:0 0 0 4px; width:90px; height:28px; } .myForeignStockSearch .stepWarp li > .flag > strong {font-size:14px important; color:#fff !important; line-height:22px; letter-spacing:0} .myForeignStockSearch .stepWarp li .layFlag .lay-help .layer > strong{font-size:14px !important; color:#fff !important; line-height:26px !important; margin:0; letter-spacing:0} .myForeignStockSearch .stepWarp li .layFlag .lay-help .layer:after, .myForeignStockSearch .stepWarp li .layFlag .lay-help .layer .close{display:none} .myForeignStockSearch .stepWarp li.on, .myForeignStockSearch .stepWarp li.ing{background:url(/ux/images/customer/finance/myforeignstock_step_bg_on.png) no-repeat;} .myForeignStockSearch .stepWarp li.step01 a{top:142px; left:100px} .myForeignStockSearch .stepWarp li.step01{z-index:10; display:block; position:absolute; top:297px; left:115px; width:230px; height:226px;} .myForeignStockSearch .stepWarp li.step01.on, .myForeignStockSearch .stepWarp li.step01.ing{background-position:0 0;} .myForeignStockSearch .stepWarp li.step01 .flag {top:50px; left:42px} .myForeignStockSearch .stepWarp li.step01 .layFlag{top:10px; left:-10px;} .myForeignStockSearch .stepWarp li.step02{position:absolute; top:362px; left:345px; width:198px; height:161px;} .myForeignStockSearch .stepWarp li.step02 a{top:113px; left:55px} .myForeignStockSearch .stepWarp li.step02.on, .myForeignStockSearch .stepWarp li.step02.ing{background-position:0 -246px;} .myForeignStockSearch .stepWarp li.step02 .flag {top:30px; left:77px} .myForeignStockSearch .stepWarp li.step02 .layFlag{top:-50px; left:72px;} .myForeignStockSearch .stepWarp li.step03{position:absolute; top:363px; left:543px; width:230px; height:226px;} .myForeignStockSearch .stepWarp li.step03 a{top:167px; left:90px} .myForeignStockSearch .stepWarp li.step03.on, .myForeignStockSearch .stepWarp li.step03.ing{background-position:0 -427px;} .myForeignStockSearch .stepWarp li.step03 .flag {top:50px; left:20px} .myForeignStockSearch .stepWarp li.step03 .layFlag{top:-26px; left:87px;} .myForeignStockSearch .stepWarp li.step04{position:absolute; top:588px; left:543px; width:230px; height:226px;} .myForeignStockSearch .stepWarp li.step04 a{top:107px; left:68px} .myForeignStockSearch .stepWarp li.step04.on, .myForeignStockSearch .stepWarp li.step04.ing{background-position:0 -672px;} .myForeignStockSearch .stepWarp li.step04 .flag {top:20px; left:84px} .myForeignStockSearch .stepWarp li.step04 .layFlag{top:-39px; left:152px;} .myForeignStockSearch .stepWarp li.step05{position:absolute; top:653px; left:354px; width:189px; height:161px;} .myForeignStockSearch .stepWarp li.step05.on, .myForeignStockSearch .stepWarp li.step05.ing{background-position:0 -918px;} .myForeignStockSearch .stepWarp li.step05 .layFlag .lay-help.flag {left:84px} .myForeignStockSearch .stepWarp li.step05 .flag {top:14px; left:18px} .myForeignStockSearch .stepWarp li.step05 .layFlag{background-position:0 -125px; top:-50px; left:88px;} .myForeignStockSearch .stepWarp li.step06{position:absolute; top:647px; left:124px; width:230px; height:233px;} .myForeignStockSearch .stepWarp li.step06.on, .myForeignStockSearch .stepWarp li.step06.ing{background-position:0 -1100px;} .myForeignStockSearch .stepWarp li.step06 .layFlag .lay-help.flag {left:84px} .myForeignStockSearch .stepWarp li.step06 .flag {top:87px; left:87px} .myForeignStockSearch .stepWarp li.step06 .layFlag{background-position:0 -125px; top:35px; left:-35px;} .myForeignStockSearch .stepWarp li.step07{position:absolute; top:879px; left:124px; width:264px; height:226px;} .myForeignStockSearch .stepWarp li.step07.on, .myForeignStockSearch .stepWarp li.step07.ing{background-position:0 -1352px;} .myForeignStockSearch .stepWarp li.step07 .flag {top:149px; left:95px} .myForeignStockSearch .stepWarp li.step07 .layFlag{top:56px; left:-87px} .myForeignStockSearch .stepWarp li.step08{position:absolute; top:836px; left:354px; width:526px; height:335px;} .myForeignStockSearch .stepWarp li.step08.on, .myForeignStockSearch .stepWarp li.step08.ing{background-position:0 -1598px;} .myForeignStockSearch .stepWarp li.step08 .flag {top:122px; left:13px} /* MY해외주식 리워드 조회 2017-12-27 */ .myForeignStockSearch { /*position:relative;*/} .myForeignStockSearch .topContent {background:url(/ux/images/customer/finance/bg_myForeignStockSearch.jpg) no-repeat 0 0; padding:44px 75px;width:810px;height:368px;margin-bottom:35px;} .myForeignStockSearch .topContent.monthType{background:url(/ux/images/customer/finance/bg_myForeignStockSearch.jpg) no-repeat 0 0;} .myForeignStockSearch .topContent.monthType00{background:url(/ux/images/customer/finance/bg_myForeignStockSearch.jpg) no-repeat 0 0;} .myForeignStockSearch .topContent.monthType01{background:url(/ux/images/customer/finance/bg_myForeignStockSearch01.jpg) no-repeat 0 0;} .myForeignStockSearch .topContent.monthType02{background:url(/ux/images/customer/finance/bg_myForeignStockSearch02.jpg) no-repeat 0 0;} .myForeignStockSearch .topContent.monthType03{background:url(/ux/images/customer/finance/bg_myForeignStockSearch03.jpg) no-repeat 0 0;} .myForeignStockSearch .topContent.monthType04{background:url(/ux/images/customer/finance/bg_myForeignStockSearch04.jpg) no-repeat 0 0;} .myForeignStockSearch .topContent.monthType05{background:url(/ux/images/customer/finance/bg_myForeignStockSearch05.jpg) no-repeat 0 0;} .myForeignStockSearch .topContent h2{font-weight:bold;font-size:27px;} .myForeignStockSearch .topContent h2 span {font-size:30px;float:left;margin-right:7px;} .myForeignStockSearch .topContent .totalAmount {float:left;width:406px;height:380px;left:431px;padding-right:56px;/*background:url('/ux/images/customer/finance/bg_dot.png') repeat-y top right;*/} .myForeignStockSearch .topContent .totalAmount .lay-help ul {padding-top:5px;} .myForeignStockSearch .topContent .totalAmount .lay-help ul li {margin-right:15px;} .myForeignStockSearch .topContent .totalAmount .detailAmount {width:inherit;height:265px;padding-top:85px;background:url('/ux/images/customer/finance/bg_inquiry_detail.png') no-repeat 0px 30px;} .myForeignStockSearch .topContent .totalAmount .detailAmount dl{} .myForeignStockSearch .topContent .totalAmount .detailAmount dl dt{margin-left:90px;font-size:16px;line-height:16px;} .myForeignStockSearch .topContent .totalAmount .detailAmount dl dd.all{text-align:right;font-size:32px;letter-spacing:-6px;color:#ff8f1c;margin-top:-43px;padding-right:95px;} .myForeignStockSearch .topContent .totalAmount .detailAmount dl dd.all span {padding-left:5px;font-weight:600;font-size:36px;letter-spacing:-4px;vertical-align:top;} .myForeignStockSearch .topContent .totalAmount .detailAmount dl dd.all:after {content:" ";display:block;clear:both;} .myForeignStockSearch .topContent .totalAmount .detailAmount ul.dot_list {margin-left:100px;margin-top:35px;} .myForeignStockSearch .topContent .totalAmount .detailAmount ul.dot_list li {margin-bottom:10px;background-position:0px 18px} .myForeignStockSearch .topContent .totalAmount .detailAmount ul.dot_list li dl{} .myForeignStockSearch .topContent .totalAmount .detailAmount ul.dot_list li dl dt{padding:0px;margin:0px;text-align:left;margin-right:10px;line-height:34px;float:left;} .myForeignStockSearch .topContent .totalAmount .detailAmount ul.dot_list li dl dd{text-align:right;font-size:20px;padding-right:90px;} .myForeignStockSearch .topContent .totalAmount .detailAmount ul.dot_list li dl dd span{font-weight:600;font-size:22px;vertical-align:top;} .myForeignStockSearch .topContent .totalAmount .detailAmount p {text-align:center;padding-top:62px;} /*쿠폰화면리스트*/ .myForeignStockSearch .cashCouponList {clear:both;} .myForeignStockSearch .cashCouponList h2{float:left;margin-bottom:10px;} .myForeignStockSearch .cashCouponList h2:after {content:" ";display:block;clear:both;} .myForeignStockSearch .cashCouponList p {float:right;margin-bottom:10px;} .myForeignStockSearch .cashCouponList p:after {content:" ";display:block;clear:both;} .myForeignStockSearch .cashCouponList .couponDetail {position:relative;clear:both;width:auto;height:256px;overflow:hidden;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-bottom:35px;} .myForeignStockSearch .cashCouponList .couponDetail a {float:left;width:49px;height:256px;background-color:#f4f5f7 !important;} .myForeignStockSearch .cashCouponList .couponDetail a.leftArrow{position:absolute;left:0;border-right:1px solid #dddddd;background:url('/ux/images/customer/finance/btn_leftArrow.gif') no-repeat center center;} .myForeignStockSearch .cashCouponList .couponDetail a.rightArrow{position:absolute;right:0;border-left:1px solid #dddddd;margin-left:-1px;padding-left:1px;background:url('/ux/images/customer/finance/btn_rightArrow.gif') no-repeat center center;} .myForeignStockSearch .cashCouponList .couponDetail ul{width:12000px;margin-left:50px;} .myForeignStockSearch .cashCouponList .couponDetail>ul>li {overflow:hidden;position:relative;z-index:-1;float:left;width:172px;height:256px;background:url('/ux/images/customer/finance/bg_dot.png') repeat-y top right;} .myForeignStockSearch .cashCouponList .couponDetail ul li div {width:172px;height:187px;background:url() no-repeat center center;} .myForeignStockSearch .cashCouponList .couponDetail ul li div img {display:block;margin:15px auto;} .myForeignStockSearch .cashCouponList .couponDetail ul li div p {padding-top:87px;font-size:23px;} .myForeignStockSearch .cashCouponList .couponDetail ul li div p span {vertical-align:top;font-size:23px;} .myForeignStockSearch .cashCouponList .couponDetail ul li div.show {background:url('/ux/images/customer/finance/bg_basicCashCoupon.png') no-repeat center center;} .myForeignStockSearch .cashCouponList .couponDetail ul li div.show p {font-weight:600;color:#c0b9ad;text-align:center;width:inherit;letter-spacing:0px;} .myForeignStockSearch .cashCouponList .couponDetail ul li div.have {background:url('/ux/images/customer/finance/bg_haveRewardCoupon.png') no-repeat center center;} .myForeignStockSearch .cashCouponList .couponDetail ul li div.have p {font-weight:600;text-align:center;width:inherit;color:#35cbcb;letter-spacing:0px;} .myForeignStockSearch .cashCouponList .couponDetail ul li div.complate {background:url('/ux/images/customer/finance/completedPayment_cash.png') no-repeat center center;} .myForeignStockSearch .cashCouponList .couponDetail ul li div.complate p {letter-spacing:0px;margin-right:32px;float:none;padding-top:122px;font-size:12px !important;color:white;text-align:right;} .myForeignStockSearch .cashCouponList .couponDetail ul li div.complate p span {font-size:12px !important;} .myForeignStockSearch .cashCouponList .couponDetail ul li .reward_txt{float:none; text-align:center; font-size:13px;} .myForeignStockSearch .cashCouponList .couponDetail ul li .reward_txt span{display:block; margin-top:2px; font-size:16px;} .myForeignStockSearch .cashCouponList .couponDetail ul.dot_list {margin-left:0 !important;width:130px;position:absolute;bottom:8px;left:20px;} .myForeignStockSearch .cashCouponList .couponDetail ul.dot_list li {font-size:12px;color:#666666;letter-spacing:0px;} /*보너스 쿠폰 리스트*/ .myForeignStockSearch .cashCouponList.bonus .couponDetail {height:146px;margin-bottom:40px;} .myForeignStockSearch .cashCouponList.bonus .couponDetail a {height:146px;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li {height:146px;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div {color:#c0b9ad;width:172px;height:146px;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div p {font-size:19px;padding-top:70px;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div p span {vertical-align:top;font-size:19px;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div.show {color:#c0b9ad;background:url('/ux/images/customer/finance/bg_rewardBonus_off.png') no-repeat center center;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div.show p{text-align:center;width:inherit;font-weight:600;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div.have {color:#2788c8;background:url('/ux/images/customer/finance/bg_rewardhaveBonus.png') no-repeat center center;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div.have p {text-align:center;width:inherit;font-weight:600;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div.complate {background:url('/ux/images/customer/finance/bonus_rewardCompletedPayment.png') no-repeat center center;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div.complate p {letter-spacing:0px;margin-right:0;float:none;padding-top:52px;font-size:12px !important;color:#b2b2af;text-align:center;} .myForeignStockSearch .cashCouponList.bonus .couponDetail ul li div.complate p strong {display:block; font-size:19px;} /* //MY해외주식 리워드 조회 2017-12-27 */ /* 소비자보호광장 */ .plaza_head .inner span.bgArea.plazaInfo {background:url(/ux/images/customer/bg_plazaInfo.png) 0 100% no-repeat;} .plaza_head + .cs_plaza{margin:20px 0 20px 0;} .cs_plaza {padding:30px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;} .cs_plaza:after {display:block;content:"";clear:both;} .cs_plaza li {float:left;position:relative;width:25%;padding-top:115px;text-align:center;background:url(/ux/images/common/bg_dot_vline.gif) 0 0 repeat-y;} .cs_plaza li:after {display:block;content:"";position:absolute;top:0px;left:70px;width:100px;height:100px;background:url(/ux/images/customer/bg_ico_plazaInfo.png) center 0 no-repeat;} .cs_plaza li.cont01:after{background-position:0 0;} .cs_plaza li.cont02:after{background-position:0 -110px;} .cs_plaza li.cont03:after{background-position:0 -220px;} .cs_plaza li.cont04:after{background-position:0 -330px;} .cs_plaza li.cont05:after{background-position:0 -440px;} .cs_plaza li.cont06:after{background-position:0 -550px;} .cs_plaza li.cont07:after{background-position:0 -660px;} .cs_plaza li.cont08:after{background-position:0 -770px;} .cs_plaza li.cont09:after{background-position:0 -880px;} .cs_plaza li.cont10:after{background-position:0 -990px;} .cs_plaza li:first-child{background:none} .cs_plaza li .tit {display:inline-block;margin-bottom:10px;font-size:18px;} .cs_plaza li .desc{min-height:65px} .cs_plaza li .desc + span {color:#747474;font-size:13px;} .cs_plaza li .desc + .btns{margin:20px 0 0} .cs_plaza li .btns a{min-width:192px;} .cs_plaza li .btns a.ls2{letter-spacing:-2.5px;} .cs_plaza2 {padding:30px 0;border-top:none;border-bottom:1px solid #ddd;} .cs_plaza2:after {display:block;content:"";clear:both;} .cs_plaza2 li {float:left;display:block;position:relative;width:auto;padding-left:240px;text-align:left;background:url(/ux/images/common/bg_dot_vline.gif) 0 0 repeat-y;} .cs_plaza2 li:after {display:block;content:"";position:absolute;top:0px;left:110px;width:100px;height:100px;background:url(/ux/images/customer/bg_ico_plazaInfo_cs.png) center 0 no-repeat;} .cs_plaza2 li.cont01:after{background-position:0 0;} .cs_plaza2 li:first-child{background:none} .cs_plaza2 li .tit {display:inline-block;margin-bottom:10px;font-size:18px;} .cs_plaza2 li .desc{min-height:35px} .cs_plaza2 li .desc + span {color:#747474;font-size:13px;} .cs_plaza2 li .desc + .btns{margin:10px 0 0} /* 소비자정보 가이드 */ .csGuide_head .inner span.bgArea.csGuideInfo {background:url(/ux/images/customer/bg_csGuideInfo.png) 0 100% no-repeat;} /* more_infoBox */ .more_infoBox.csGuide {} .more_infoBox.csGuide .col{margin-bottom:20px;} .more_infoBox.csGuide .col.bg_icon1{background:url(/ux/images/customer/bg_ico_csGuide_type01.gif) 96% 29px no-repeat} .more_infoBox.csGuide .col.bg_icon2{background:url(/ux/images/customer/bg_ico_csGuide_type02.gif) 96% 29px no-repeat} .more_infoBox.csGuide .col.bg_icon3{background:url(/ux/images/customer/bg_ico_csGuide_type03.gif) 96% 29px no-repeat} .more_infoBox.csGuide .col.bg_icon4{background:url(/ux/images/customer/bg_ico_csGuide_type04.gif) 96% 29px no-repeat} .more_infoBox.csGuide .col.bg_icon5{background:url(/ux/images/customer/bg_ico_csGuide_type05.gif) 96% 29px no-repeat} .more_infoBox.csGuide .col.bg_icon6{background:url(/ux/images/customer/bg_ico_csGuide_type06.gif) 96% 29px no-repeat} .more_infoBox.csGuide .col.bg_icon5 .txt_infoDesc, .more_infoBox.csGuide .col.bg_icon6 .txt_infoDesc{min-height:60px} .more_infoBox.csGuide .col .h3_tit {width:320px; display:block; padding:0 0 15px; background:url(/ux/images/common/bg_dot_line.gif) 0 bottom repeat-x} .minwonProcess {background:#fafafa} .minwonProcess:after {display:block;content:"";clear:both;} .minwonProcess .downStep {overflow:hiddn;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-top:-1px;} .minwonProcess .downStep>li {position:relative;padding-left:240px;min-height:120px;border-bottom:1px dotted #dddddd;padding:20px 40px 30px 240px;} .minwonProcess .downStep>li .stepTitle {display:block;content:"";position:absolute;top:50%;left:80px;width:82px;padding:82px 0 0 0; margin:-50px 0 0;background:url(/ux/images/customer/bg_minwonProcess_step.png) center 0 no-repeat;} .minwonProcess .downStep>li .stepTitle > span{font-weight:normal;display:block;font-size:14px;line-height:14px;color:#222;text-align:center;background:#fafafa;padding:10px 0 0} .minwonProcess .downStep>li.step01 .stepTitle {background-position:0 0;} .minwonProcess .downStep>li.step02 .stepTitle {background-position:0 -92px;} .minwonProcess .downStep>li.step03 .stepTitle {background-position:0 -184px;} .minwonProcess .downStep>li.step04 .stepTitle {background-position:0 -276px;} .minwonProcess .downStep>li.step05 .stepTitle {background-position:0 -368px;} .minwonProcess .downStep>li .arrowD {background:url(/ux/images/pension/arrowD.png) no-repeat 0 0;position:absolute;bottom:-16px;left:50%;margin-left:15px;width:30px;height:30px;z-index:10;} .minwonProcess .downStep>li:last-child{border-bottom:0;} .minwonProcess .downStep .dlTit {letter-spacing:-0.2px;} .minwonProcess .downStep .dlTit strong{font-weight:600; font-size:17px;margin-bottom:5px;color:#333;} .minwonProcess .downStep h3 {position:relative;font-weight:normal;font-size:38px;color:#0062ab;} .minwonProcess .downStep h3 em {position:absolute;top:10px;left:45px;color:#747474;font-size:12px;} .minwonProcess .downStep h3 span {position:absolute;top:24px;left:45px;font-weight:bold;font-size:15px;color:#222;} .minwonProcess .downStep .btnList {font-size:12px;} .minwonProcess .downStep .btnList > li {position:relative; margin-bottom:10px;padding-bottom:15px;border-bottom:1px dotted #dddddd;line-height:24px;} .minwonProcess .downStep .btnList > li p{line-height:18px} .minwonProcess .downStep .btnList > li a {min-width:120px; position:absolute; right:0; top:0; text-align:left;} .minwonProcess .downStep .btnList.dot_list > li {background-position-y:13px} .minwonProcess .downStep .btnList.dot_list > li:last-child{border-bottom:0; padding-bottom:0} .minwonProcess .downStep .btnList .dot_list2{margin:0} .minwonProcess .downStep .btnList .dot_list2 li{line-height:20px; margin:0} /* 시스템 개선 제안 */ .system_upgrade{ padding:0 !important; width:100% !important} .system_upgrade:after {display:block;content:"";clear:both;} .system_upgrade_top{background:url(/ux/images/customer/bg_system_upgrade.jpg) no-repeat center top; width:100%; margin:0 auto; height:460px} .system_upgrade_top .inner{background:url(/ux/images/customer/bg_sub_system_upgrade.jpg) no-repeat center top; width:960px; margin:0 auto; height:460px} .system_upgrade_top .inner > h2{padding:35px 0 0; font-size:30px; line-height:30px; color:#fff;} .system_upgrade_top .inner > .system_info{display:block;} .system_upgrade_top .inner > .system_info dt{padding:30px 0 0; font-size:18px; line-height:18px; color:#f3d461;} .system_upgrade_top .inner > .system_info dd{padding:12px 0 0; font-size:14px; line-height:18px; color:#fff;} .system_upgrade_top .inner > .system_info dd .dot_list li{font-size:14px; color:#fff; padding-left:8px; background:url(/ux/images/customer/lsit_dot.gif) no-repeat 0 10px;} .system_upgrade_cont{width:960px; margin:0 auto;} .system_upgrade_cont .offer_list{display:block; width:100%;} .system_upgrade_cont .offer_list:after {display:block;content:"";clear:both;} .system_upgrade_cont .offer_list li{display:block; float:left; width:33.3%; text-align:center} .system_upgrade_cont .offer_list li > strong{display:block; margin:15px 0 18px} .system_upgrade_cont .offer_list li > dl{display:block; border-top:1px solid #747474; border-left:1px solid #ddd; border-bottom:1px solid #ddd} .system_upgrade_cont .offer_list li:first-child{width:33%} .system_upgrade_cont .offer_list li:first-child > dl{border-left:none} .system_upgrade_cont .offer_list li > dl > dt{display:block; height:39px; line-height:39px; color:#0063ab; border-bottom:1px solid #747474;} .system_upgrade_cont .offer_list li > dl > dd{display:block; height:113px;} .system_upgrade_cont .offer_list li > dl > dd p{padding:17px 0 0 20px; line-height:20px; letter-spacing:-2px; text-align:left} .system_upgrade_cont .offer_list li.last > dl > dd p{padding-left:50px;} .system_upgrade_cont .btnArea+.titArea{margin-top:100px} .file_lst{display:block; overflow:hidden; margin-bottom:5px;} .file_lst:after {display:block;content:"";clear:both;} .file_lst li{display:block; overflow:hidden; margin-bottom:5px;} .file_lst li .nameArea{float:left; width:58%;} .file_lst li .nameArea a{font-size:14px; color:#444; line-height:16px;} .file_lst li .inputArea{float:left; width:28%;} /* 별마켓 추가 */ .page_info.starMarket{border:0; background:url(/ux/images/customer/bg_starMarket.jpg) no-repeat 0 0; padding:47px 0 18px} .page_info.starMarket .inner{min-height:235px; padding-right:0} .page_info.starMarket .inner h2{font-size:26px; line-height:30px; font-weight:normal; color:#444} .page_info.starMarket .inner h2 strong{color:#0062ab;} .page_info.starMarket .inner .text_desc{font-size:18px} .page_info.starMarket .inner .text_desc > span{display:block; padding-left:105px; font-size:14px;} .page_info.starMarket .inner .num{position:absolute; top:-30px; right:100px; font-size:14px; color:#333} .starMarketArea{} .starMarketArea:after {display:block;content:"";clear:both;} .starMarketArea ul{} .starMarketArea ul li{float:left; width:306px; margin:0 0 0 20px} .starMarketArea ul li:first-child, .starMarketArea ul li:nth-child(4){margin:0} .starMarketArea ul li:nth-child(4){margin-left:163px} .starMarketArea ul li:nth-child(4), .starMarketArea ul li:nth-child(5){margin-top:50px} .starMarketArea ul li .number{display:block;text-align:center;font-size:14px;padding-top:5px;} .starMarketArea ul li .imgBox{display:block;width:100%; height:180px;overflow:hidden} .starMarketArea ul li .textInfo{display:block;background-color:#f4f4f4;padding:14px;text-align:center;min-height:160px;} .starMarketArea ul li .textInfo>strong{display:block;font-size:20px;color:#222;line-height:21px;padding:18px 0 0} .starMarketArea ul li .textInfo>p{display:block;font-size:14px;color:#222;line-height:16px;padding:8px 0 0} .starMarketArea ul li .textInfo>p>span{color:#ff6600;font-weight:bold;} .starMarketArea ul li .textInfo .btnArea{display:block;margin:0;padding:20px 0 0;position:relative} .starMarketArea ul li .textInfo .btnArea .btnSmall{padding:0 30px} .starMarketArea ul li .textInfo .btnArea label{position:absolute; display:inline-block; left:50%;margin-left:-54px;width:109px;line-height:23px; font-size:12px; color:#222} .starMarketArea ul li .textInfo .btnArea .radio.checked+label, .starMarketArea ul li .textInfo .btnArea .radio.checked.focus+label{color:#fff} .starMarketArea ul li .textInfo .btnArea .radio{background:#fff;border:1px solid #bbb;height:23px;padding:0;width:109px;text-align:center;} .starMarketArea ul li .textInfo .btnArea .radio.checked{background:#0977c9;border:1px solid #0977c9} .starMarketArea ul li .textInfo .btnArea .radio.checked.focus{border:1px solid #064574;} .starMarketArea ul li.goMarket{padding:150px 0 0;} .starMarketArea ul li.goMarket a{display:block;background:url(/ux/images/customer/bg_starMarket_go.png) no-repeat;width:156px;height:156px;line-height:150px;color:#fff;font-size:22px;text-align:center;font-weight:bold;margin:0 auto} .noData{display:block;background-color:#f4f4f4;padding:14px;text-align:center;min-height:260px;line-height:260px;font-size:16px;color:#333} .marketgrade {display:block;position:relative;width:139px;height:26px;margin:0 auto;padding:0;font-size:0;text-indent:-9999px;background:url(/ux/images/customer/market_star.png) no-repeat;} .marketgrade.star1 {background-position:0 -104px;} .marketgrade.star2 {background-position:0 -78px;} .marketgrade.star3 {background-position:0 -52px;} .marketgrade.star4 {background-position:0 -26px;} .marketgrade.star5 {background-position:0 0;} .btnLarge.gray2, .btnMid.gray2, .btnSmall.gray2 {background-color:#fafafa;border:1px solid #bbb !important;color:#222 !important;} .btnLarge.gray2:hover, .btnMid.gray2:hover, .btnSmall.gray2:hover {border:1px solid #0977c9 !important;} .btnLarge.gray2.page, .btnMid.gray2.page, .btnSmall.gray2.page {background-position:right -33px !important;} /********************** MY국내주식리워드:2018-02-23 **********************/ .myDomesticStock {position:relative;width:958px;height:612px;margin-bottom:20px;border:1px solid #dfe2e6;} .myDomesticStock .leftContent {border-right:1px solid #dfe2e6;position:absolute;top:0;left:0;} .myDomesticStock .leftContent P {position:relative;top:0;left:0;width:577px;height:612px;} .myDomesticStock .btnArea_position {position:absolute;top:325px;left:50px;} .myDomesticStock .rightContent {position:absolute;top:0;left:578px;} .myDomesticStock .rightContent h2 {width:380px;height:82px;} .myDomesticStock .rightContent dl {position:relative;width:380px;height:175px;border-top:1px solid #dfe2e6;} .myDomesticStock .rightContent dl.menuBtn01 {background:url('/ux/images/customer/finance/bg_cashCoupon_01.png') no-repeat top left;} .myDomesticStock .rightContent dl.menuBtn02 {background:url('/ux/images/customer/finance/bg_cashCoupon_02.png') no-repeat top left;} .myDomesticStock .rightContent dl.menuBtn03 {background:url('/ux/images/customer/finance/bg_cashCoupon_03.png') no-repeat top left;} .myDomesticStock .rightContent dl dt{padding-top:20px;padding-left:70px;padding-bottom:5px;} .myDomesticStock .rightContent dl dt span{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:0 !important;line-height:0 !important;text-indent:-9999px !important;} .myDomesticStock .rightContent dl dd {padding-left:70px;font-family:"돋움";font-size:12px;letter-spacing:0px;color:#747474;} .myDomesticStock .rightContent dl dd .desc_txt {margin-bottom:3px;font-family:"돋움";font-size:11px;letter-spacing:0px;color:#747474;margin:10px 0 0 10px;text-indent:-14px} .myDomesticStock .rightContent dl dd a {font-family:"맑은 고딕";margin-top:10px;margin-right:5px;} /********************** 모든국민 자산관리:2018-08-07 **********************/ .allAssetGuide {position:relative;width:958px;height:672px;margin-bottom:20px;border:1px solid #dfe2e6;} .allAssetGuide .leftContent {border-right:1px solid #dfe2e6;position:absolute;top:0;left:0;} .allAssetGuide .leftContent P {position:relative;top:0;left:0;width:577px;height:612px;} .allAssetGuide .btnArea_position {position:absolute;top:265px;left:50px;} .allAssetGuide .rightContent {position:absolute;top:0;left:578px;background-color:#fff} .allAssetGuide .rightContent > li {position:relative;width:380px;height:224px;border-top:1px solid #dfe2e6;background:url('/ux/images/customer/ico_allAsset_set.png') no-repeat 0 0;} .allAssetGuide .rightContent li:first-child{border-top:0} .allAssetGuide .rightContent li.menuBtn01 {background-position:96% 25px !important;} .allAssetGuide .rightContent li.menuBtn02 {background-position:96% -275px !important;height:222px;} .allAssetGuide .rightContent li.menuBtn03 {background-position:96% -575px !important;} .allAssetGuide .rightContent li strong{display:block;padding-left:30px;padding-bottom:13px;padding-top:20px;} .allAssetGuide .rightContent li p {display:block;padding-left:30px;} .allAssetGuide .rightContent li .btns{padding-top:30px;} .allAssetGuide + .boxGrey{margin-top:40px;} /* 지점 세미나 참가 */ .seminar_box_info{display:table;width:100%;margin-bottom:15px} .seminar_box_info dt{display:table-cell;width:20%;font-size:18px;color:#222;line-height:22px;font-weight:bold} .seminar_box_info dd{display:table-cell;width:80%;line-height:22px;} .terms_agreeBox.type2{border-top:1px solid #ddd} .terms_agreeBox.type2 p{top:15px;margin-top:0} .terms_agreeBox.type2 .market_check{clear:both; text-align:right; margin-top:15px} .terms_agreeBox.type2 .market_check label{margin-left:10px} /* 전문투자자 안내 */ .page_info.cs_proinvestor .inner .bgArea {background:url(/ux/images/customer/cs_proinvestor_picto.png) no-repeat;} .colstepBox.cs_proinvestor>li:after, .applyInfoBox>dd .more_infoBox>.col:after{position:absolute;left:50%;top:0;content:"";width:120px;height:120px;background:url(/ux/images/customer/ico_cs_proinvestor.png) no-repeat;margin-left:-60px} .colstepBox.cs_proinvestor>li.step01:after {background-position:0 0} .colstepBox.cs_proinvestor>li.step02:after {background-position:-130px 0} .colstepBox.cs_proinvestor>li.step03:after {background-position:-260px 0} .colstepBox.cs_proinvestor>li.step04:after {background-position:-390px 0} .colstepBox.cs_proinvestor>li.step05:after {background-position:0 -130px} .colstepBox.cs_proinvestor>li.step06:after {background-position:-130px -130px} .colstepBox.cs_proinvestor>li.step07:after {background-position:-260px -130px} .tLineInfo{display:block;border-top:1px solid #ddd;padding:7px 0 0} .tLineInfo:after {content:"";display:block;clear:both;} .tLineInfo>li{padding:0 0 0 20px;font-size:13px;color:#747474;line-height:23px} .applyInfoArea{display:block} .applyInfoArea:after {content:"";display:block;clear:both;} .applyInfoBox{display:table;width:100%;border-top:1px solid #747474;border-bottom:1px solid #ddd} .applyInfoBox>dt{position:relative;display:table-cell;width:380px;vertical-align:middle} .applyInfoBox>dt:after{position:absolute;right:-22px;top:50%;content:"";width:45px;height:45px;background:url(/ux/images/customer/ico_arrow_stepPlus.png) no-repeat;margin-top:-22px;} .applyInfoBox>dt .icoBox{display:block;margin:0 0 0 30px} .applyInfoBox>dt .icoBox .dltitle{display:block;background:url(/ux/images/customer/ico_cs_proinvestor.png) no-repeat;background-position:0 -260px;padding-top:150px;width:140px;} .applyInfoBox>dt .icoBox .dltitle > em{display:inline-block;border-radius:3px;background-color:#c75414;font-size:13px;color:#fff;line-height:23px;height:23px;padding:0 5px} .applyInfoBox>dt .icoBox .dltitle > em+strong{font-size:20px;} .applyInfoBox>dt .icoBox .dltext{display:block;margin-top:10px;font-size:14px;color:#444;} .applyInfoBox>dt .icoBox .dltext span{display:block;margin-top:5px;color:#747474;font-size:13px} .applyInfoBox>dd{background:url(/ux/images/common/bg_dot_vline2.gif) repeat-y left top;display:table-cell;width:580px;} .applyInfoBox>dd .more_infoBox{margin:0 0 0 15px} .applyInfoBox>dd .more_infoBox>.col{position:relative;border:0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;} .applyInfoBox>dd .more_infoBox>.col.first{background:none} .applyInfoBox>dd .more_infoBox>.col{padding:35px 0 25px 170px;min-height:100px} .applyInfoBox>dd .more_infoBox>.col:after{left:85px;top:50%;margin-top:-50px;width:100px;height:100px} .applyInfoBox>dd .more_infoBox>.col.bg_icon1:after{background-position:-260px -260px} .applyInfoBox>dd .more_infoBox>.col.bg_icon2:after{background-position:-390px -260px} .applyInfoBox>dd .more_infoBox>.col.bg_icon3:after{background-position:-520px -260px} .applyInfoBox>dd .more_infoBox>.col .h3_tit{color:#0062ab} .applyInfoBox>dd .more_infoBox>.col .txt_infoDesc{margin-bottom:10px} .applyInfoBox>dd .more_infoBox>.col .txt_infoDesc>span{color:#747474;font-size:13px} .mgl40 {margin-left:40px !important;} .mgr40 {margin-right:40px !important;} .applyInfoProcess {background:#fafafa} .applyInfoProcess:after {display:block;content:"";clear:both;} .applyInfoProcess .downStep {overflow:hidden;border-bottom:1px solid #dddddd;margin-top:-1px;} .applyInfoProcess .downStep>li {position:relative;min-height:100px;border-bottom:1px dotted #dddddd;padding:40px 40px 40px 165px;} .applyInfoProcess .downStep>li .stepTitle {display:block;content:"";position:absolute;top:50%;left:36px;width:99px;height:99px;padding:0; margin:-50px 0 0;background:url(/ux/images/customer/ico_cs_proinvestor.png) center 0 no-repeat;background-position:-520px 0} .applyInfoProcess .downStep>li .stepTitle > span{font-weight:normal;display:block;font-size:16px;line-height:20px;color:#0878ca;text-align:center;padding:30px 0 0} .applyInfoProcess .downStep>li .arrowD {background:url(/ux/images/pension/arrowD.png) no-repeat 0 0;position:absolute;bottom:-16px;left:70px;margin:0;width:30px;height:30px;z-index:10;} .applyInfoProcess .downStep>li:last-child{border-bottom:0;} .applyInfoProcess .downStep .dlTit {display:block;margin-top:25px} .applyInfoProcess .downStep .dlTit strong{font-weight:600;font-size:16px;color:#333;} .applyInfoProcess .downStep h3 {position:relative;font-weight:normal;font-size:38px;color:#0062ab;} .applyInfoProcess .downStep h3 em {position:absolute;top:10px;left:45px;color:#747474;font-size:12px;} .applyInfoProcess .downStep h3 span {position:absolute;top:24px;left:45px;font-weight:bold;font-size:15px;color:#222;} .applyInfoProcess .downStep .btnList.dot_list > li {background-position-y:13px} .applyInfoProcess .downStep .btnList.dot_list > li:last-child{border-bottom:0; padding-bottom:0} .applyInfoProcess .downStep .btnList .dot_list2{margin:0} .applyInfoProcess .downStep .btnList .dot_list2 >li{line-height:20px; margin:0} .guideTb1 td.wbg{background-color:#fff} /* 보이스피싱 신규페이지 */ .voice_phishing_head{border-left:1px solid #ddd;border-right:1px solid #ddd;} .voice_phishing_head .inner{min-height:220px} .voice_phishing_head .inner span.bgArea{background:url(/ux/images/customer/bg_voice_phishing.png) 40% 0 no-repeat;height:172px} .voice_phishing_head .inner .txt_orange{color:#ff7171} .voice_phishing_head .inner ul.dot_list li{font-size:14px} .cs_voice_wrap .stepProcess.type2 li{min-height:85px} .voice_phishing_info{box-sizing:border-box;padding:30px 30px 0;} .voice_phishing_info:after {display:block;content:"";clear:both;} .voice_phishing_info .infoBox{display:block;} .voice_phishing_info .infoBox:after {display:block;content:"";clear:both;} .voice_phishing_info .infoBox>li{float:left;display:table;width:50%;margin-bottom:30px;background:url(/ux/images/customer/bg_ico_voice_phishing.png) 0 0 no-repeat;min-height:100px;vertical-align:middle} .voice_phishing_info .infoBox>li.icon01{background-position-y:0} .voice_phishing_info .infoBox>li.icon02{background-position-y:-110px} .voice_phishing_info .infoBox>li.icon03{background-position-y:-220px} .voice_phishing_info .infoBox>li.icon04{background-position-y:-330px} .voice_phishing_info .infoBox>li.icon05{background-position-y:-440px;} .voice_phishing_info .infoBox>li.icon06{background-position-y:-550px} .voice_phishing_info .infoBox>li.icon07{background:url(/ux/images/customer/bg_ico_voice_phishing07.jpg) 0 0 no-repeat;} .voice_phishing_info .infoBox>li>dl{display:table-cell;padding-left:120px;vertical-align:middle} .voice_phishing_info .infoBox>li>dl>dt{display:table-row;font-size:16px;color:#0977c9} .voice_phishing_info .infoBox>li>dl>dd{display:table-row;font-size:14px;color:#444;padding-top:7px} .voice_phishing_info .infoBox>li>dl>dd:first-chlid{} .checkListBox{display:block;border:1px solid #ddd;border-top-color:#747474;background-color:#fafafa;box-sizing:border-box;padding:30px} .checkListBox .ckList{display:block;} .checkListBox .ckList>dt{display:block;font-size:18px;color:#222;font-weight:bold;padding-bottom:12px} .checkListBox .ckList>dd{display:block;font-size:14px;color:#444;padding-top:8px;line-height:22px;} .checkListBox .ckList>dd>strong{display:block;margin-bottom:5px;color:#222} .checkListBox .ckList>dd:first-chlid{padding-top:0} .suvTxt{line-height:24px;} /* 전문투자자 클럽 */ .picClub_info:after {content:"";display:block;overflow:hidden;clear:both;} .picClub_info .fl {width:606px;height:1035px;color:#fff;background:url(/ux/images/customer/bg_picClub_info.jpg) 0 0 no-repeat;} .picClub_info .fl p {display:block;padding-top:105px;text-align:center;} .picClub_info .fl p .head_tit{display:block;font-size:39px;color:#444;line-height:40px;font-weight:bold;padding-bottom:25px} .picClub_info .fl p .head_text{display:block;font-size:22px;color:#444;line-height:24px;font-weight:bold;padding-bottom:15px} .picClub_info .fl p .head_cont{display:block;font-size:14px;color:#444;line-height:15px;} .picClub_info .fl .body_cont{padding-top:0;padding-bottom:28px;font-size:14px;color:#222;line-height:24px;} .picClub_info .fr li {width:351px;height:312px;text-align:center;background-color:#eff9ff; margin-bottom:2px;} .picClub_info .fr li:last-child{margin-bottom:0} .picClub_info .fr li+li{height:370px;} .picClub_info .fr li+li+li{height:350px;} .picClub_info .fr li strong{display:block;padding-top:45px;color:#0062ab;font-size:22px;text-align:center;margin-bottom:20px} .picClub_info .fr li a strong{color:#0062ab;} .picClub_info .fr li p{display:block;padding-top:135px;color:#0062ab;font-size:22px;text-align:center;background:url(/ux/images/customer/icon_picClub_info.png) center 0 no-repeat;} .picClub_info .fr li p>span{display:block;font-size:18px;color:#222;font-weight:bold;} .picClub_info .fr li p>span>small{display:block;font-size:13px;color:#444;font-weight:normal;padding-bottom:2px} .picClub_info .fr li p.icon01{background-position-y:0} .picClub_info .fr li p.icon02{background-position-y:-240px} .picClub_info .fr li p.icon03{background-position-y:-480px} /* 해외주식 백불이불여일견 이벤트 */ .quizEventUsa{} .quizEventUsa .quizEventHeader {font-size:0;} .quizEventUsa .quizEventBody{vertical-align:top} .quizEventUsa .quizEventBody .imagesArea{font-size:0;padding:0;margin:0} .quizEventUsa .quizEventBody .ul_table, .quizEventUsa .quizEventBody .quizCont01{font-size:0;} .quizEventUsa .quizEventBody .quizCont01 .cont01, .quizEventUsa .quizEventBody .quizCont01 .cont02, .quizEventUsa .quizEventBody .quizCont01 .cont03, .quizEventUsa .quizEventBody .quizCont01 .cont04 , .quizEventUsa .quizEventBody .quizCont01 .cont05, .quizEventUsa .quizEventBody .quizCont01 .cont06, .quizEventUsa .quizEventBody .giftoptionCont01 .cont01{display:block;position:relative} /* .quizEventUsa .quizEventBody .quizCont01 .cont01 .btn01{display:block;position:absolute;top:730px;left:280px;width:390px;height:90px;} */ /* .quizEventUsa .quizEventBody .quizCont01 .cont03 .btn01{display:block;position:absolute;top:640px;left:37px;width:885px;height:115px;} */ .quizEventUsa .quizEventBody .quizCont01 .cont03 .btn01{display:block;position:absolute;top:630px;left:130px;width:700px;height:105px;} /* .quizEventUsa .quizEventBody .quizCont01 .cont06 .btn01{display:block;position:absolute;top:580px;left:37px;width:885px;height:115px;} */ .quizEventUsa .quizEventBody .quizCont01 .cont06 .btn01{display:block;position:absolute;top:640px;left:37px;width:885px;height:115px;} /* 해외투자6차 이벤트 */ .quizEventUsa .quizEventBody .quizCont01.type2 .cont03 .btn01{display:block;position:absolute;top:858px;left:140px;width:680px;height:99px;} .quizEventUsa .quizEventBody .quizCont01.type2 .cont06 .btn01{display:block;position:absolute;top:899px;left:26px;width:910px;height:136px;} /* 해외투자7차 이벤트 */ .quizEventUsa .quizEventBody .quizCont01.type3 .cont03 .btn01{display:block;position:absolute;top:790px;left:170px;width:620px;height:99px;} .quizEventUsa .quizEventBody .quizCont01.type3 .cont06 .btn01{display:block;position:absolute;top:755px;left:40px;width:880px;height:130px;} /* 해외투자8차 이벤트 */ .quizEventUsa .quizEventBody .quizCont01.type3 .cont03 .btnApp{display:block;position:absolute;top:1175px;left:135px;width:690px;height:97px;} .quizEventUsa .quizEventBody .quizCont01.type3 .cont03 .btnModal{display:block;position:absolute;top:1521px;left:100px;width:762px;height:116px;} .quizEventUsa .quizEventTip{background:#424242} .quizEventUsa .quizEventTip .tipArea:first-child {padding-top:20px} .quizEventUsa .quizEventTip .tipArea > p{background:none;padding:0;color:#fff} .quizEventUsa .quizEventTip .tipArea ul {border-top:0;padding-top:0;} .quizEventUsa .quizEventTip .tipArea ul > li{color:#fff;background:url(/ux/images/common/bul_arrow_white.gif) no-repeat 0 13px} .modalEventQna .popSection{padding:0;border:0} .modalEventQna .popSection .closeBtn{top:-50px;right:0;background:url(/ux/images/common/ico_close_white.png) center 0 no-repeat;} /* 수수료이벤트 */ /* .quizEventUsa .quizEventBody .quizCont01 .cont03 .btn_benefit{display:block;position:absolute;top:1048px;left:205px;width:550px;height:92px;} */ .quizEventUsa .quizEventBody .quizCont01 .cont03 .btn_benefit{display:block;position:absolute;top:1600px;left:75px;width:809px;height:135px} /* 선물옵션 이벤트 */ .quizEventUsa .quizEventBody .giftoptionCont01 .cont01, .quizEventUsa .quizEventBody .giftoptionCont01 .cont02, .quizEventUsa .quizEventBody .giftoptionCont01 .cont03 {position:relative;font-size:0;} .quizEventUsa .quizEventBody .giftoptionCont01 .cont01 .btn01{display:block;position:absolute;top:1280px;left:90px;width:380px;height:102px;} .quizEventUsa .quizEventBody .giftoptionCont01 .cont01 .btn02{display:block;position:absolute;top:1280px;left:490px;width:380px;height:102px;} .quizEventUsa .quizEventBody .giftoptionCont01 .cont03 .btn03{display:block;position:absolute;top:835px;left:110px;width:740px;height:100px;} .quizEventUsa .giftoptiontTip{background:#fafafa} .quizEventUsa .giftoptiontTip .tipArea:first-child {padding-top:20px} .quizEventUsa .giftoptiontTip .tipArea > p{background:none;padding:0;color:#666;border-bottom:1px solid #ddd} .quizEventUsa .giftoptiontTip .tipArea ul {border-top:0;} .quizEventUsa .giftoptiontTip .tipArea ul > li{color:#666;padding-left:20px;position:relative;background:none} .quizEventUsa .giftoptiontTip .tipArea ul > li:after {position:absolute;left:0;top:0;display:block;content:"※";color:#666;} /* 금융소비자보호 내부통제기준 신규페이지 */ .control_system_head{border-left:1px solid #ddd;border-right:1px solid #ddd;} .control_system_head .inner{} .control_system_head .inner span.bgArea{background:url(/ux/images/customer/bg_control_system.png) 40% 0 no-repeat;} /* 금융소비자보호기준 신규페이지 */ .consumer_standard_head{border-left:1px solid #ddd;border-right:1px solid #ddd;} .consumer_standard_head .inner{} .consumer_standard_head .inner span.bgArea{background:url(/ux/images/customer/bg_consumer_standard.png) 40% 0 no-repeat;} /* 약관 개편 */ .noticeTerm{display:block;border:1px solid #ddd;padding:20px} .noticeTerm .ul_table>li{line-height:30px} .noticeTerm .ul_table>li~li{background:none;} /* 글로벌 챌린지 이벤트 */ .idx_globalChallenge{width:100% !important;padding-bottom:0 !important; background-color:#f5f5f5} .idx_globalChallenge .content{padding-top:0 !important; padding-bottom:100px !important} .globalChallenge{display:block; position:relative; padding-top:0 !important; font-size:0; vertical-align:top;} .globalChallenge img{} .globalChallenge .btnlink {position:absolute;} .globalChallenge .btnlink.btn01 {top:1252px; left:150px; width:660px; height:90px;} .globalChallenge .btnlink.btn02 {top:1362px; left:150px; width:660px; height:90px;} .globalChallenge .btnlink.btn03 {top:1472px; left:150px; width:660px; height:90px;} .globalChallenge .btnlink.btn04 {top:6657px; left:148px; width:664px; height:90px;} .globalChallenge .btnlink.btn05 {top:8334px; left:148px; width:664px; height:90px;} .idx_globalChallenge .quizEventTip{width:960px;margin:0 auto} .idx_globalChallenge .quizEventTip .tipArea:first-child {padding-top:20px} .idx_globalChallenge .quizEventTip .tipArea {margin-top:30px} .idx_globalChallenge .quizEventTip .tipArea > p{background:none;padding:0;color:#444} .idx_globalChallenge .quizEventTip .tipArea ul {border-top:0;padding-top:0;} .idx_globalChallenge .quizEventTip .tipArea ul > li{color:#888;background:none;font-size:19px;line-height:30px} /* 신청하기 */ #container .content.investCompetition {width:100%; margin:0; padding:0; position:relative} .investCompetition:before {content:''; position:absolute; left:0; top:0; width:100%; height:365px; background-color:#371e03;} .investCompetition .investCompetitionHeader, .investCompetition .investCompetitionBody {position:relative; z-index:1; width:960px; margin:0 auto} .investCompetition .investCompetitionHeader {min-width:960px; width: auto; height:365px; background: url('/ux/images/customer/challenge/img_g6challenge_202409_header.png') no-repeat center center;} .investCompetition .investCompetitionBody { position:relative; padding: 90px 60px 100px; box-sizing: border-box; min-height: 500px; background-color: #fff; border-radius:10px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1); color: #222; letter-spacing: -1px; margin-top:-30px } .investCompetitionBody .topImg01 {position:absolute; top:-50px; right:310px; width:100px; height:80px; background: url('/ux/images/customer/challenge/img_g6challenge_202307_topimg04.png') no-repeat center center; z-index:100;} .investCompetitionBody .topImg02 {position:absolute; top:110px; left:-65px; width:118px; height:130px; background: url('/ux/images/customer/challenge/img_g6challenge_2023_topimg02.png') no-repeat center center; z-index:100;} .investCompetitionBody .topImg03 {position:absolute; top:780px; right:-65px; width:150px; height:195px; background: url('/ux/images/customer/challenge/img_g6challenge_2023_topimg03.png') no-repeat center center; z-index:100;} .investCompetitionBody.confirm .topImg02{top:300px;width:118px; height:118px; background: url('/ux/images/customer/challenge/img_g6challenge_2023_topimg04.png') no-repeat center center; } .investCompetition.confirm .investCompetitionHeader{min-width: 960px; width: auto; height:365px; background: url('/ux/images/customer/challenge/img_g6challenge_202409_confirm.png') no-repeat center center;} .investCompetitionBody.confirm .topImg01{width:100px; height:80px; top:-50px; right:310px; background: url('/ux/images/customer/challenge/img_g6challenge_202307_topimg04.png') no-repeat center center; } .investCompetitionBody.confirm .tableBoxInfo{width:580px;margin:0 auto;} /*폼*/ .investCompetitionBody .applyCon {display: flex; /* display: inline-flex; */ justify-content: space-between; align-items: top;} .investCompetitionBody .applyCon h3 {width:250px; margin-right:10px; font-size:22px;} .investCompetitionBody .applyCon .noti {display: block; position:relative; padding-left: 10px; margin-top: 10px; font-size: 15px; line-height: 16px; color:#747474;} .investCompetitionBody .applyCon .noti:before {position:absolute; content:''; top: 8px; left:0; width: 3px; height: 3px; background-color:#747474; border-radius: 50%; } .investCompetitionBody .applyCon .noti + .noti {margin-top: 15px; } .investCompetitionBody .applyCon .noti.error{color:#c9414d} .investCompetitionBody .applyCon .noti.mgsOk{color:#747474;} .investCompetitionBody .applyCon .noti.error:before, .investCompetitionBody .applyCon .noti.mgsOk:before{display:none} .investCompetitionBody .applyCon input[type=text] {padding: 20px; width: 415px; height: 55px; line-height: 55px; font-size: 16px; color:#444; box-sizing: border-box; border-radius: 5px; border:none; background-color: #f0f0f0;} .investCompetitionBody .applyCon input[type=text]:focus {padding: 20px !important; line-height: 55px !important; border: none; outline: none;} .investCompetitionBody .applyCon input[type=text] + button {margin-left: 8px; width: 135px; height: 55px; border-radius: 5px; background-color:#888; font-size: 18px; color:#fff;} .investCompetitionBody .applyCon .select-box {width:560px !important; box-sizing:border-box; height:55px !important} .investCompetitionBody .applyCon .select-box .wrap div {overflow:hidden; padding: 0 20px; height: 55px !important; line-height: 55px !important; font-size: 16px; color:#666; border-radius: 5px; border:none !important; background:#f0f0f0;} .investCompetitionBody .applyCon .select-box .wrap div a.selecter{width:55px; height: 55px !important; line-height: 55px !important; background:#f0f0f0 url(/ux/images/customer/challenge/icon_select_arrow.png) no-repeat center center;} .investCompetitionBody .applyCon .select-box:focus {line-height: 55px !important; border: none; outline: none;} /*체크박스 커스텀*/ .investCompetitionBody .chkWrap {width: 560px; display: flex; justify-content: space-between; align-items: center;} .investCompetitionBody .applyChk { display:block; position:relative; width:270px; height: 160px; cursor: pointer; font-size: 20px; color:#888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .investCompetitionBody .applyChk.league01 {background: url('/ux/images/customer/challenge/icon_chk_league01.png') no-repeat 90% 95px;} .investCompetitionBody .applyChk.league02 {background: url('/ux/images/customer/challenge/icon_chk_league02.png') no-repeat 90% 95px;} .investCompetitionBody .applyChk.league03 {background: url('/ux/images/customer/challenge/icon_chk_league03.png') no-repeat center 52px;} .investCompetitionBody .applyChk .chkTitle {position: absolute; left:22px; top:22px; font-size: 20px; color:#0561ff; text-align:center; font-weight:600; text-align:left; line-height:32px} .investCompetitionBody .applyChk .checkbox {cursor:inherit; background:none; display: block; position: relative; width: 270px; height: 160px; border: 1px solid #aaa; border-radius: 7px; } .investCompetitionBody .applyChk .checkbox:before { content:''; display: none; position: absolute; width: 30px; height: 30px; top: 14px; right: 18px; background: #aaa url('/ux/images/customer/challenge/icon_checkbox_chk.png') no-repeat center center;; border-radius: 50%;} .investCompetitionBody .applyChk .checkbox.checked{border-color:#0561ff} .investCompetitionBody .applyChk .checkbox.checked:before {background-color: #0561ff;} /* 2024년 실전투자 리그 */ .globalChallenge2024{width:100% !important;} .globalChallenge2024 .tabMenu{width:960px;margin:0 auto;background:none;} .globalChallenge2024 .tabMenu li{border-bottom-color:#fff} .investCompetitionBody.challenge2024 .applyChk { display:block; position:relative; width:100%; height:116px; cursor: pointer; font-size: 20px; color:#888; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .investCompetitionBody.challenge2024 .applyChk.league01 {background: url('/ux/images/customer/challenge/icon_chk_league01.png') no-repeat 90% 95px;} .investCompetitionBody.challenge2024 .applyChk.league02 {background: url('/ux/images/customer/challenge/icon_chk_league02.png') no-repeat 90% 95px;} .investCompetitionBody.challenge2024 .applyChk.league03 {background: url('/ux/images/customer/challenge/icon_chk_league03.png') no-repeat center 52px;} .investCompetitionBody.challenge2024 .applyChk .chkTitle {position: absolute; left:50%; top:50%; width:90px; height:60px; margin-left:-45px;margin-top:-30px;font-size: 20px; color:#0561ff; text-align:center; font-weight:600; line-height:30px; display:flex; justify-content:center; align-items:center} .investCompetitionBody.challenge2024 .applyChk .checkbox {cursor:inherit; background:none; display: block; position: relative; height: 116px; border:2px solid #aaa; border-radius: 7px; } .investCompetitionBody.challenge2024 .applyChk .checkbox:before { content:''; display: none; position: absolute; width: 30px; height: 30px; top: 14px; right: 18px; background: #aaa url('/ux/images/customer/challenge/icon_checkbox_chk.png') no-repeat center center;; border-radius: 50%;} .investCompetitionBody.challenge2024 .applyChk .checkbox.checked{border-color:#0561ff;background-color:#f1f5ff} .investCompetitionBody.challenge2024 .applyChk .checkbox.checked:before {background-color: #0561ff;} .investCompetitionBody.challenge2024 .privacyAgree{padding-bottom:20px} .investCompetitionBody.challenge2024 .privacyAgree+.privacyAgree{margin-top:20px;border-bottom:none} .investCompetitionBody.challenge2024 .applyCon .noti.mgsOk{display:inline-block; color:#0561ff; font-weight:bold; border-bottom:1px solid #0561ff;padding-right:3px;} .investCompetitionBody.challenge2024 .applyCon .noti.error{display:inline-block; font-weight:bold; border-bottom:1px solid #c9414d; padding-right:3px;} /* .investCompetitionBody.challenge2024 .applyCon .noti.mgsOk:before{content:''; display:block; position: absolute; left:0; bottom:-5px; width:100% ;height:8px; background:#eaecfb; border-radius:0;} */ .globalChallenge .inviteReg{} .globalChallenge .inviteReg{position:absolute;top:74.1%;left:10%;width:80.5%;height:2.6%;display:block;text-align:left;} .globalChallenge .inviteReg input{width:66%;height:100%;box-sizing:border-box;font-size:35px;border:none;background:none;display:inline-block;text-indent:30px;padding:0;letter-spacing:-2px} .globalChallenge .inviteReg input:focus{padding:0 !important;border:none} .globalChallenge .inviteReg input[placeholder]{color:#aaa} .globalChallenge .inviteReg input::-webkit-input-placeholder {color:#aaa;}/* Webkit Browser */ .globalChallenge .inviteReg .regBtn{width:31%;height:100%;box-sizing:border-box;display:inline-block;float:right} .globalChallenge .infoBtn{position:absolute;top:79.9%;left:3.4%;width:94%;height:2.8%;display:block;} /*약관동의*/ .investCompetitionBody .accodWrap {margin-top: 145px;} .investCompetitionBody .accodMenu {padding-bottom: 15px; border-bottom: 1px solid #ddd;} .investCompetitionBody .accodWrap .accodBtn {position: relative; width: 100%; font-size: 22px; font-weight: 600; letter-spacing: -1.5px; text-decoration: none; cursor: pointer;} .investCompetitionBody .accodBtn .accodArrow, .investCompetitionBody .accodBtn.active .accodArrow {position: absolute; width:22px; height: 13px; right: 20px; top:50%; margin-top: -6px;} .investCompetitionBody .accodBtn .accodArrow {background:url('/ux/images/customer/challenge/icon_accod_arrow_active.png') no-repeat center center;} .investCompetitionBody .accodBtn.active .accodArrow {background:url('/ux/images/customer/challenge/icon_accod_arrow.png') no-repeat center center; } .investCompetitionBody .accodItem {margin-top: 55px;} .investCompetitionBody .accodConts {display: none; padding: 20px; border: 1px solid #ddd; border-top:none; font-size: 14px; line-height: 1.4em; color:#444;} .investCompetitionBody .agreeWrap {margin:20px auto 0 auto; display:flex; justify-content:center; align-items: center;} .investCompetitionBody .agreeWrap .radioGroup:first-child {margin-right: 75px;} .investCompetitionBody .agreeWrap .radioGroup .radio{width:12px; height:12px; border:9px solid #aaa; border-radius:100%; background:#fff;} .investCompetitionBody .agreeWrap .radioGroup .radio.checked{border:9px solid #0561ff; border-radius: 100%;} .investCompetitionBody .agreeWrap .radioGroup .radio+label{font-size:18px; color:#747474} .investCompetitionBody .agreeWrap [type="radio"]:checked + label, .investCompetitionBody .agreeWrap [type="radio"]:not(:checked) + label {position: relative; padding-left: 38px; cursor: pointer; line-height: 29px; display: inline-block; font-size: 18px; color: #888; } .investCompetitionBody .agreeWrap [type="radio"]:checked + label:before, .investCompetitionBody .agreeWrap [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 12px; height: 12px; border:9px solid #aaa; border-radius: 100%; background: #fff;} .investCompetitionBody .agreeWrap [type="radio"]:checked + label:before {border:9px solid #0561ff; border-radius: 100%;} .investCompetitionBody .privacyAgree {display: flex; /* display: inline-flex; */ justify-content: space-between; align-items: center; margin-top: 90px; padding-bottom: 10px; width:100%; height: 45px; border-bottom: 1px solid #ddd; line-height: 45px;} .investCompetitionBody .privacyAgree h3{font-size:22px;} .investCompetitionBody .privacyAgree button {display: inline-block; font-size:18px; width:95px; height: 45px; line-height: 45px; background-color: #0561ff; color:#fff; border-radius: 4px;} .investCompetitionBody .privacyAgree button.disabled, .privacyAgree button[disabled] {background-color:#888 !important; color:#fff !important; border:none !important;} .investCompetitionBody .privacyAgree button.disabled:hover, .investCompetitionBody .privacyAgree button[disabled]:hover {background-color: #888 !important; color:#fff !important; border:none !important;} /*불공정거래 안내 팝업*/ .investCompetitionBody .btnOpenPop {display: initial; margin-left: 25px; color:#747474; font-size:14px; line-height:17px; border-bottom:1px solid #747474; z-index:999;} .investCompetitionBody .btnOpenPop:hover {text-decoration: none;} /*모달기본 css*/ .investCompetition .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%; overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center} .investCompetition .blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em} .investCompetition .blocker.behind{background-color:transparent} .investCompetition .modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left} .investCompetition .modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('')} .investCompetition .modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px} .investCompetition .modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} .investCompetition .modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} @-webkit-keyframes sk-stretchdelay {0%,40%,100%{-webkit-transform:scaleY(0.5)} 20%{-webkit-transform:scaleY(1.0)} } @keyframes sk-stretchdelay {0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)} 20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)} } /*모달커스텀*/ .modal.fullPopup {padding: 40px !important; margin: 0 auto; width: 90%; max-width: 960px; box-sizing: border-box; border-radius: 0; box-shadow: none; font-size: 21px; line-height:30px; color:#444;} .modal.fullPopup a.close-modal{position:absolute;top:40px;right:40px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('images/icon_modal_close.png')} .noticePopup .title {margin-bottom: 30px; padding-bottom: 20px; font-size: 29px; font-weight:600; color:#00599c; letter-spacing: -2px; line-height:30px; border-bottom:3px solid #444; } .modalCloseBtn {margin: 30px auto 0 auto; display:block; width: 100px; height: 40px; font-size:16px; line-height: 40px; text-decoration: none; color:#fff; text-align:center; vertical-align: middle; background-color: #0977c9;} .modalCloseBtn:hover {text-decoration: none;} .noticePopup {letter-spacing: -1.5px; overflow-y: scroll; height: 750px;} .noticePopup .pointTitle {font-size:21px; color:#0977c9; font-weight:600;} .grayLineBox {padding: 35px; background:#fafafa; border: 1px solid #ddd; font-size: 18px; line-height: 28px; color:#444; } .typeIndent {text-indent: 1em;} .typeDesc {font-size: 16px; line-height: 24px; color:#444;} .typeDesc span {color:#0977c9; font-size: 16px; line-height: 24px;} .bulletList > li {position:relative; padding-left: 20px; font-size: 18px; line-height: 28px;} .bulletList > li:before {position:absolute; content:''; left:0; top: 12px; width: 6px; height: 6px; border-radius: 3px; background:#888; } .bulletList > li > ul > li {position:relative; padding-left: 10px;} .bulletList > li > ul > li:before {position:absolute; content:''; left:0; top: 15px; width: 6px; height: 1px; background:#444;} /* 신청완료 팝업 */ .applyConfirmPopup {padding:0 !important; width:530px; max-width:530px; min-height: 640px; border:none !important; background-color:transparent !important; background: url('/ux/images/customer/challenge/img_g6challenge_202409_popup.png') no-repeat center center; box-sizing: border-box; border-radius: 0; box-shadow: none; text-align:center;} .applyConfirmPopup .closeBtn{position:absolute;top:10px;right:60px;display:block;width:25px;height:25px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('/ux/images/customer/challenge/icon_modal_close2.png')} .applyConfirmPopup .inviteBtn{position:absolute;top:480px;left:100px;display:block;width:325px;height:65px;} .applySuccess {margin:45px auto 0 auto; padding:100px 40px; width: 410px; box-sizing: border-box; color:#222; font-size: 22px; line-height: 30px;} .applySuccess em {display: block; margin-bottom:20px; font-size:27px; font-weight: 600;} .applySuccess .price { margin:15px 0; width: 330px; height: 65px; line-height: 58px; vertical-align: middle; font-size: 27px; color:#0561ff; background-color: #ededed; border-radius: 4px;} .applySuccess .price span {position:relative; font-size: 39px; color:#0561ff; font-weight: 600; top:3px;} .applySuccess .text {display: block; margin-top: 20px; font-size: 16px; line-height: 23px; color:#747474;} .applySuccess .btnLink {position: absolute; bottom: 55px; left: 50%; margin-left: -175px; width: 350px; height: 65px; line-height: 65px; } .applySuccess .btnLink:hover {text-decoration: none;} .applySuccess .btnLink span {position:relative; font-size:22px; color:#fff; font-weight: 600; letter-spacing: -2px; padding-right: 20px;} .applySuccess .btnLink span:before, .applySuccess .btnLink span:after {position:absolute; content:''; right:0px; width: 10px; height: 2px; background:#1b2985; } .applySuccess .btnLink span:before {top: 11px; transform:rotate(45deg);} .applySuccess .btnLink span:after {top: 17px; transform:rotate(-45deg);} /*유의사항*/ .infoWrap {margin-top: 100px;} .infoWrap h3{font-size:22px} .infoWrap ul {margin-top:15px; padding: 25px 20px; border: 1px solid #ddd;} .infoWrap ul li {position:relative; font-size: 14px; color:#444; line-height: 20px; margin-bottom: 7px; padding-left: 15px;} .infoWrap ul li:before {position:absolute; width:10px; height: auto; top:0; left:0; content:'※';} .btnConfirm {margin:60px auto 0 auto; text-align: center;} .btnConfirm a {padding: 25px 90px; font-size: 28px; line-height: 30px; font-weight: 600; background-color:#0561ff; color:#fff; letter-spacing: -2px;} .btnConfirm a:hover {text-decoration: none;} .btnConfirm button {padding: 25px 90px; font-size: 28px; line-height: 30px; font-weight: 600; background-color:#0561ff; color:#fff; letter-spacing: -2px;} .btnWrap {margin: 40px auto 0 auto; text-align:center;} .btnWrap .btnOkay {padding: 15px 40px; background:#0561ff; font-size:22px; font-weight:600; color:#fff; line-height: 22px; text-decoration: none;} .btnWrap .btnOkay:hover{text-decoration: none;} /*아코디언*/ .accodConts {font-size: 14px; color:#444;} .accodConts p {margin-bottom: 7px;} .accodConts ol {margin-left: 15px;} .accodConts ol li {line-height: 20px; margin-bottom: 7px; list-style: decimal;} .accodConts ul li {position:relative; line-height: 20px; margin-bottom: 7px; padding-left: 10px;} .accodConts ul li:before {position:absolute; width:10px; height: auto; top:0; left:0; content:'-';} .accodConts li>ul, .accodConts li>ol {margin-left: 10px; margin-top: 7px;} .accodConts li>ol li {list-style: none;} .inquiryTable {text-align:left; letter-spacing: -1px; } .inquiryTable th, .inquiryTable td {border-bottom:1px solid #dedede; font-size: 20px; line-height: 21px;} .inquiryTable th {width: 225px; padding: 19px 10px 19px 45px; box-sizing: border-box; color:#747474; font-weight: 400;} .inquiryTable td {width: 355px; padding: 19px 0; box-sizing: border-box; color:#222; font-weight: 600;} .inquiryTable caption {display: none;} .idx_globalChallenge .dlbrNoId{display:block;margin-top:20px;padding:20px 0;border-top:1px solid #cecece;font-size:14px;color:#777;letter-spacing:0} /* 개인정보처리방침 */ .page_info.cs_person_head {margin-bottom:20px;} .page_info.cs_person_head span.bgArea {background:url(/ux/images/customer/cs_person_picto.png) no-repeat;} /* 국내해외선물 실전투자대회 */ /* 신청하기 */ .investCompetition.future:before {content:''; position:absolute; left:0; top:0; width:100%; height:360px; background-color:#c4daff;} .investCompetition.future .investCompetitionHeader, .investCompetition.future .investCompetitionBody {position:relative; z-index:1; width:960px; margin:0 auto} .investCompetition.future .investCompetitionHeader {min-width:960px; width: auto; height:359px;} .investCompetition.future .investCompetitionHeader.futureHeader01{background: url('/ux/images/customer/challenge/img_future_overseas_event_header.png') no-repeat center center;} .investCompetition.future .investCompetitionHeader.futureHeader02{background: url('/ux/images/customer/challenge/img_future_event_header.png') no-repeat center center;} .investCompetition.future .investCompetitionHeader.futureHeader03{background: url('/ux/images/customer/challenge/img_future_event_confirm_header.png') no-repeat center center;} .investCompetition.future .investCompetitionBody { position:relative; padding: 0px; box-sizing: border-box; min-height: 500px; background-color: #fff; border-radius:0px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1); color: #222; letter-spacing: -1px; margin-top:-69px } .investCompetition.future .investCompetitionHeader.confirm{min-width: 960px; width: auto; height:360px; background: url('/ux/images/customer/challenge/img_future_event_confirm_header.png') no-repeat center center;} .investCompetition.future.rule, .investCompetition.future.live{padding-bottom:100px !important} .investCompetition.future.rule:before, .investCompetition.future.live:before{display:none} .investCompetition.future.rule .investCompetitionHeader{ height:320px; background: url('/ux/images/customer/challenge/img_future_event_rule_header.png') no-repeat center center;} .investCompetition.future.live .investCompetitionHeader{ height:320px; background: url('/ux/images/customer/challenge/img_future_event_live_header.png') no-repeat center center;} .investCompetition.future .investCompetitionBody .tab_cont{padding:80px 60px 0} .investCompetition.future .investCompetitionBody .topImg01 {position:absolute; top:-350px; left:104px; width:200px; height:200px; background: url('/ux/images/customer/challenge/img_future_event_header_overseas.png') no-repeat center center; z-index:100;} .investCompetition.future .investCompetitionBody .topImg02 {position:absolute; top:26%; left:804px; width:180px; height:160px; background: url('/ux/images/customer/challenge/img_future_overseas_event_topimg01.png') no-repeat center center; z-index:100;} .investCompetition.future .investCompetitionBody .topImg03 {position:absolute; top:86.5%; left:-130px; width:205px; height:205px; background: url('/ux/images/customer/challenge/img_future_event_topimg02.png') no-repeat center center; z-index:100;} /* 참가신청 국내파생 */ .investCompetition.future .investCompetitionBody .futureCont02 .topImg01 {position:absolute; top:-350px; left:104px; width:200px; height:200px; background: url('/ux/images/customer/challenge/img_future_event_header_domestic.png') no-repeat center center; z-index:100;} .investCompetition.future .investCompetitionBody .futureCont02 .topImg02 {position:absolute; top:26%; left:804px; width:180px; height:160px; background: url('/ux/images/customer/challenge/img_future_event_topimg01.png') no-repeat center center; z-index:100;} .investCompetition.future .investCompetitionBody .futureCont03 .topImg02 {position:absolute; top:60px; left:inherit; right:-118px; width:200px; height:230px; background: url('/ux/images/customer/challenge/img_future_event_confirm_img02.png') no-repeat center center; z-index:100;} /* 참가조회 */ .investCompetition.future .investCompetitionBody.confirm .topImg01{top:-110px; left:210px; width:120px; height:180px; background: url('/ux/images/customer/challenge/img_future_event_confirm_img01.png') no-repeat center center; } .investCompetition.future .investCompetitionBody.confirm .topImg02{top:120px; left:804px; width:194px; height:230px; background: url('/ux/images/customer/challenge/img_future_event_confirm_img02.png') no-repeat center center; } .investCompetition.future .investCompetitionBody.confirm{padding-bottom:60px} .investCompetition.future .investCompetitionBody.confirm .tableBoxInfo{width:580px;margin:0 auto;} .investCompetition.future .investCompetitionBody .applyCon{margin-bottom:80px} .investCompetition.future .investCompetitionBody .applyCon h3{position:relative; width:275px; padding-left:40px;margin-right:0;} .investCompetition.future .investCompetitionBody .applyCon h3.num01:before{content:'';position:absolute;top:5px;left:0;background: url('/ux/images/customer/challenge/img_future_event_num01.png') no-repeat 0 0; display:inline-block; width:32px; height:22px } .investCompetition.future .investCompetitionBody .applyCon h3.num02:before{content:'';position:absolute;top:5px;left:0; background: url('/ux/images/customer/challenge/img_future_event_num02.png') no-repeat 0 0; display:inline-block; width:32px; height:22px} .investCompetition.future .investCompetitionBody .applyCon h3.num03:before{content:'';position:absolute;top:5px;left:0; background: url('/ux/images/customer/challenge/img_future_event_num03.png') no-repeat 0 0; display:inline-block; width:32px; height:22px} .investCompetition.future .investCompetitionBody .applyCon input[type=text]{width:377px} .investCompetition.future .investCompetitionBody .applyCon .select-box{width:520px !important} .investCompetition.future .investCompetitionBody .applyCon .btn_text{color:#1a80fd; text-decoration: underline} .investCompetition.future .investCompetitionBody .accodWrap .accodBtn{cursor:default} .investCompetition.future .investCompetitionBody .privacyAgree{border-bottom:none} .investCompetition.future .investCompetitionBody .privacyAgree button{background-color:#1a80fd;width:115px;height:55px;line-height:55px} .investCompetition.future .investCompetitionBody .btnConfirm a{border-radius:5px;font-size:26px;background-color:#132b8b;} .investCompetition.future .investCompetitionBody .btnConfirm.disabled a{background-color:#888;} .investCompetition.future .investCompetitionBody .inquiryTable{margin:0px auto;padding-top:30px} .investCompetition.future .investCompetitionBody .btnWrap .btnOkay {padding:0px 70px; background:#132b8b; height:55px; line-height:55px; border-radius:5px; font-size:20px; font-weight:600; color: #fff; text-decoration: none;} .tabFutureMenu {width:100%;margin:0px;} .tabFutureMenu:after {display:block;content:"";clear:both;} .tabFutureMenu li {display:block;float:left;background-color:#dedede;height:70px;} .tabFutureMenu li a{display:block;padding:25px 0 0;text-align:center;background:#90b9ff;min-height:45px} .tabFutureMenu li:nth-child(1){width:319px;} .tabFutureMenu li:nth-child(2){width:318px; margin-left:2px;} .tabFutureMenu li:nth-child(3){width:319px; margin-left:2px;} .tabFutureMenu li:nth-child(1) a{background:#90b9ff url(/ux/images/customer/challenge/img_tabFuture_menu01.png) center 25px no-repeat;} .tabFutureMenu li:nth-child(2) a{background:#90b9ff url(/ux/images/customer/challenge/img_tabFuture_menu02.png) center 25px no-repeat;} .tabFutureMenu li:nth-child(3){} .tabFutureMenu li:nth-child(3) a{background:#90b9ff url(/ux/images/customer/challenge/img_tabFuture_menu03.png) center 25px no-repeat;} .tabFutureMenu li.on{background-color:#fff} .tabFutureMenu li.on:nth-child(1) a{background:#fff url(/ux/images/customer/challenge/img_tabFuture_menu01_on.png) center 25px no-repeat;} .tabFutureMenu li.on:nth-child(2) a{background:#fff url(/ux/images/customer/challenge/img_tabFuture_menu02_on.png) center 25px no-repeat;} .tabFutureMenu li.on:nth-child(3) a{background:#fff url(/ux/images/customer/challenge/img_tabFuture_menu03_on.png) center 25px no-repeat;} #tabFuture{padding-bottom:140px} #tabFuture .tab_cont{box-sizing:border-box;} #tabFuture .tab_cont:after {display:block;content:"";clear:both;} #tabFuture .tab_cont .tabCon{position:relative;} .investCompetition.future .investCompetitionBody .radioTab {margin:-40px auto 0; display:flex; justify-content:center; align-items: center;} .investCompetition.future .investCompetitionBody .radioTab .radioGroup~.radioGroup{margin-left:40px} /* 실전투자 파생 신청완료 팝업 */ .applyConfirmPopup.future {padding:0 !important; width:760px; max-width:760px; min-height: 740px; border:none !important; background-image:none; background-color:#fff !important; box-sizing: border-box; border-radius: 0; box-shadow: none; text-align:center;} .applyConfirmPopup.future .closeBtn{position:absolute;top:40px;right:40px;display:block;width:22px;height:22px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('/ux/images/customer/challenge/icon_modal_close3.png')} .applyConfirmPopup.future:after{display:block;content:"";position:absolute; left:-40px; bottom:60px; width:197px; height:197px; background: url(/ux/images/customer/challenge/img_future_event_popup_left.png) 0 0 no-repeat; } /* 국내파생 신청완료 케이스 */ .applyConfirmPopup.future.domestic{background: url(/ux/images/customer/challenge/img_future_event_popup_02.png) 0 bottom no-repeat;} .applyConfirmPopup.future.domestic:after{display:none} .applyConfirmPopup.future.domestic .btnArea~.btnArea{padding-top:290px} .applyConfirmPopup.future.domestic .applySuccess em:before{width:241px; height:114px; background: url(/ux/images/customer/challenge/img_future_event_popup_head_domestic.png) 0 0 no-repeat;} .applyConfirmPopup.future .applySuccess {width:100%;padding-top:75px; padding-bottom:35px} .applyConfirmPopup.future .applySuccess em {font-size:28px;color:#222;} .applyConfirmPopup.future .applySuccess em:before{display:block; content:""; margin:0 auto 24px; width:186px; height:86px; background: url(/ux/images/customer/challenge/img_future_event_popup_head.png) 0 0 no-repeat; } .applyConfirmPopup.future .applySuccess em+span{display:block;color:#747474;font-size:16px;line-height:28px} .applyConfirmPopup.future .applySuccess .snsEventBox{position:relative; background-color:#687df7 !important; box-sizing: border-box; border-radius: 6px; padding:40px 55px 35px;} .applyConfirmPopup.future .applySuccess .snsEventBox:before{display:block; content:""; position:absolute; top:-60px; right:30px; width:220px; height:150px; background: url(/ux/images/customer/challenge/img_future_event_popup_01.png) 0 0 no-repeat;} .applyConfirmPopup.future .applySuccess .snsEventBox .text{display:block;font-size:20px;color:#fff;line-height:30px} .applyConfirmPopup.future .applySuccess .snsEventBox .text > strong{} .applyConfirmPopup.future .applySuccess .snsEventBox .text .blue{color:#80f1fd} .applyConfirmPopup.future .applySuccess .snsEventBox .text .yellow{color:#ffe769} .applyConfirmPopup.future .applySuccess .snsEventBox .info_list li{position:relative;padding-left:7px;margin-bottom:5px;font-size:15px;color:#1f3798;line-height:21px} .applyConfirmPopup.future .applySuccess .snsEventBox .info_list li:before{display:block;content:"";position:absolute;top:12px;left:0px;width:3px;height:3px;border-radius:100%; background:#1f3798} .applyConfirmPopup.future .applySuccess .snsEventBox .sns_url_copy{display:flex} .applyConfirmPopup.future .applySuccess .snsEventBox .sns_url_copy input{width:420px;height:38px;border-radius:5px;font-size:16px;color:#aaa; border-color:#fff} .applyConfirmPopup.future .applySuccess .snsEventBox .sns_url_copy .btnCopy{background-color:#ffe769; border-radius:5px;font-size:16px;color:#233abe;width:135px; height:38px;line-height:38px} /* 신규고객일때 */ .applyConfirmPopup.future .applySuccess .snsEventBox .sns_url_copy.new{display:block; text-align:center} .applyConfirmPopup.future .applySuccess .snsEventBox .sns_url_copy.new .btnCopy{width:auto;padding:0 40px} .applyConfirmPopup.future .applySuccess .btnConfirm{margin:0;width:204px;height:55px;border-radius:5px;font-size:20px;color:#fff;background-color:#132b8b;} .applyConfirmPopup.future .investCompetitionBody .agreeWrap.left{justify-content:left;} /* 실전투자대회 안내 화면 링크 */ .globalChallenge.future{padding:0 !important} .globalChallenge.future .btnLinkArea {position:absolute;} .globalChallenge.future .btnLinkArea.btnLink01 {top:2280px; left:80px; width:390px; height:133px;} .globalChallenge.future .btnLinkArea.btnLink02 {top:2280px; left:490px; width:390px; height:133px;} .globalChallenge.future .btnLinkArea.btnLink03 {top:2430px; left:80px; width:798px; height:110px;} .globalChallenge.future .btnLinkArea.btnLink04 {bottom:505px; left:165px; width:630px; height:130px;} .globalChallenge.future .btnLinkArea.btnLink05 {bottom:500px; left:165px; width:625px; height:130px;}/* 공유하기 삭제 */ .globalChallenge.future .btnLinkArea.btnLink06 {bottom:287px; left:123px; width:713px; height:110px;} .globalChallenge.future .event_input .placeHolder_input label {position:absolute;left:36px !important;top:46px;text-indent:-999999px;background: url(/ux/images/customer/challenge/img_future_event_input_text.png) 0 0 no-repeat;width:410px;height:42px} .globalChallenge.future .event_input input{background: #fff;width:476px;border:none;border-radius:10px;height:128px;line-height:128px;font-size:34px;padding-left:36px !important;color:#777d95;font-weight:bold;letter-spacing:-3px} .globalChallenge.future .event_input input[placeholder]{color:#777d95} .globalChallenge.future .event_input input::-webkit-input-placeholder {color:#777d95;}/* Webkit Browser */ .globalChallenge.future .event_input .link{display:inline-block;width:130px;height:128px;margin-left:20px} /* 실전투자대회 대회규정 */ ul.expendable.noimg.type2{border-top:0} ul.expendable.noimg.type2 .title > a{padding-left:20px} ul.expendable.noimg.type2>li{margin-top:20px;border-top:1px solid #ddd} ul.expendable.noimg.type2>li:first-child{margin-top:0;} /* 실전투자대회 대회중계 */ /* 수익률 순위 */ .yield_ranking_box{display:block;} .yield_ranking_box:after {content:" ";display:block;clear:both;} .yield_ranking_box .ranking{position:relative;display:block;float:left;border-radius:10px;width:303px;height:262px;border:1px solid #ddd;margin-left:22px} .yield_ranking_box .ranking:first-child{margin-left:0} .yield_ranking_box .ranking .h3_tit{height:80px;padding-left:96px} .yield_ranking_box .ranking .h3_tit>span{display:block;padding-top:30px;} .yield_ranking_box .ranking .h3_tit:before{display:inline-block;content:"";width:72px;height:80px;left:16px;top:-1px;position:absolute;} .yield_ranking_box .ranking .info_yield{box-sizing:border-box;margin:0 24px} .yield_ranking_box .ranking .info_yield>li{display:flex;justify-content:space-between;line-height:30px} .yield_ranking_box .ranking .info_yield>li .title{color:#747474} .yield_ranking_box .ranking .info_yield>li .price{color:#444;font-size:18px;} .yield_ranking_box .ranking .info_yield>li .drop{color:#0d76e9 !important;} .yield_ranking_box .ranking .info_yield>li .rise{color:#e81a1a !important;} .yield_ranking_box .ranking .total_yield{box-sizing:border-box;padding:0 24px;border-radius:0 0 10px 10px;} .yield_ranking_box .ranking .total_yield{height:67px;margin-top:18px} .yield_ranking_box .ranking .total_yield>li{display:flex;justify-content:space-between;line-height:67px} .yield_ranking_box .ranking .total_yield>li .title{color:#fff} .yield_ranking_box .ranking .total_yield>li .price{color:#fff;font-size:24px;} .yield_ranking_box .ranking.num01 .total_yield{background-color:#ffba38} .yield_ranking_box .ranking.num02 .total_yield{background-color:#70a8f3} .yield_ranking_box .ranking.num03 .total_yield{background-color:#fc8076} .yield_ranking_box .ranking.num01 .h3_tit:before{background: url(/ux/images/customer/challenge/img_future_ranking_num01.png) 0 0 no-repeat;} .yield_ranking_box .ranking.num01 .h3_tit:after{display:inline-block;content:"";width:49px;height:48px;right:21px;top:-24px;position:absolute;background: url(/ux/images/customer/challenge/img_future_ranking_num01_top.png) 0 0 no-repeat;} .yield_ranking_box .ranking.num02 .h3_tit:before{background: url(/ux/images/customer/challenge/img_future_ranking_num02.png) 0 0 no-repeat;} .yield_ranking_box .ranking.num03 .h3_tit:before{background: url(/ux/images/customer/challenge/img_future_ranking_num03.png) 0 0 no-repeat;} .yield_ranking_tb tbody td{padding-top:5px;padding-bottom:6px;} .ico_ranking{text-align:center} .ico_ranking>p{width:28px;height:33px;margin:0 auto;background: url(/ux/images/customer/challenge/ico_future_ranking.png) 0 0 no-repeat;font-size:15px;color:#444;font-weight:bold;text-align:center;line-height:38px;} .future_live_stats_header .h2_tit:before{display:inline-block;content:"";vertical-align:middle;margin-left:-20px;margin-right:12px} .future_live_stats_header.week .h2_tit:before{background: url(/ux/images/customer/challenge/img_future_event_live_img01.png) 0 0 no-repeat;width:65px;height:56px;padding-bottom:15px} .future_live_stats_header.total .h2_tit:before{background: url(/ux/images/customer/challenge/img_future_event_live_img02.png) 0 0 no-repeat;width:47px;height:52px;margin-left:0} .live_stats {} .live_stats:after {content:" ";display:block;clear:both;} .live_stats .statsBox{float:left;box-sizing:border-box;border-radius:2px;width:471px;height:178px;padding:30px 22px} .live_stats .statsBox+.statsBox{margin-left:18px} .live_stats.week .statsBox{background-color:#fffbee} .live_stats.total .statsBox{background-color:#f4fcff} .live_stats .statsBox .stats_head{display:flex;justify-content:space-between;align-items:flex-end} .live_stats .statsBox .stats_head>li>span{color:#747474} .live_stats .statsBox .stats_head>li .title{font-size:18px} .live_stats .statsBox .stats_yield{display:flex;justify-content:space-between;margin-top:40px} .live_stats .statsBox .stats_yield>li{width:33%;border-left:1px dotted #ddd;padding-left:19px} .live_stats .statsBox .stats_yield>li:first-child{border-left:none;padding-left:0} .live_stats .statsBox .stats_yield>li>p{font-size:14px;color:#444} .live_stats .statsBox .stats_yield>li>p>strong{font-size:24px;} .live_stats .statsBox .stats_yield>li>p>span{font-size:16px;} .live_stats .statsBox .stats_yield>li>p.drop{color:#0c78e2 !important} .live_stats .statsBox .stats_yield>li>p.rise{color:#e81a1a !important} .live_stats .statsBox .stats_yield>li>p.balance{color:#444 !important} /* MY 계좌 정보 */ .my_future_stats{display:block;border-radius:8px;background: #6eabfb url(/ux/images/customer/challenge/img_future_event_live_my_img.png) 722px 28px no-repeat;box-sizing:border-box;height:182px;padding:40px} .my_future_stats .head_tit{display:block;color:#fff;font-size:22px;} .my_future_stats .head_tit em{color:#fff285} .my_future_stats .info_text{display:block;margin-top:20px;} .my_future_stats .info_text>li{color:#fff;font-size:15px;line-height:28px} .my_future_stats .info_text>li:before{display:inline-block;content:"";width:3px;height:3px;border-radius:100%;margin-right:6px;background:#fff;vertical-align:middle} .my_future_stats .info_text>li .line{vertical-align:middle;margin:0 4px;color:#9ac4fc;vertical-align:top;font-size:11px} .my_future_stats .info_text>li em{color:#fff285} /*신인왕*/ .my_future_stats.rookie{background: #6eabfb url(/ux/images/customer/challenge/img_future_event_live_rookie_img.png) 716px 0px no-repeat;} /* .tabType_deps.my_future .tabDeps3{border:none} .tabType_deps.my_future .tabDeps3>li{border:none;border-radius:19px;} .tabType_deps.my_future .tabDeps3>li.on{background:#888} .tabType_deps.my_future .tabDeps3>li>a{height:38px;line-height:38px} .tabType_deps.my_future .tabDeps3>li.on>a{font-weight:bold} */ fieldset.radioGroup.my_future label{display:inline-block;position:relative;padding: 0 20px;height:38px;line-height:38px;} fieldset.radioGroup.my_future label+label{margin-left:0} fieldset.radioGroup.my_future .radio{background-image:none; position:absolute; width:100%; height:100%; left:0; top:0; border-radius:19px; background-color:#fff;} fieldset.radioGroup.my_future .radio+span{color:#747474;position:relative;z-index:5} fieldset.radioGroup.my_future .radio.checked{background-color:#888;} fieldset.radioGroup.my_future .radio.checked.focus{} fieldset.radioGroup.my_future .radio.checked+span{color:#fff;} .radioGroup.my_future .tabDeps3>li.on{background:#888} .radioGroup.my_future .tabDeps3>li>a{height:38px;line-height:38px} .radioGroup.my_future .tabDeps3>li.on>a{font-weight:bold} .totalArea p{padding-top:8px;padding-bottom:8px;font-weight:bold} /* 실전투자 공지사항 */ .investCompetition.future.notice .investCompetitionHeader{ height:320px; background: url('/ux/images/customer/challenge/img_future_event_notice_header.png') no-repeat center center;} .investCompetition.future.notice:before{display:none} .futureNoticeBg{position:relative; height:182px; background: url('/ux/images/customer/challenge/img_future_event_notice_bg.png') no-repeat center center;} .futureNoticeBg:before{display:inline-block;content:"";width:100px;height:120px; background: url('/ux/images/customer/challenge/img_future_event_notice_bg_bt.png') no-repeat center center; position:absolute;right:64px;top:160px;} /* 전문투자자 확인증 프린트 관련 추가 24-01-24 */ .spopLogo{display:inline-block;width:95px;height:27px;background: url(/ux/images/customer/logo_sspop.png) no-repeat; -webkit-print-color-adjust: exact !important;} .seal{display:inline-block;width:70px;height:70px;background: url(/common.do?cmd=down&saveKey=pro.investor&fileName=img_seal.jpg) no-repeat; -webkit-print-color-adjust: exact !important; vertical-align:middle} /* 소비자보호 광장 : 보이스피싱 주요 사례 */ .boxGrey.voice_exCase{padding:30px} .voiceHelp{} .voiceHelp .lay-help a.help{vertical-align:initial;} .voiceHelp .lay-help .layer p{line-height:normal} /* welcome 국내주식선물 이벤트 */ .tabWelcomeMenu {width:100%;margin:0px;} .tabWelcomeMenu:after {display:block;content:"";clear:both;} .tabWelcomeMenu li {display:block;float:left;width:480px;height:208px;} .tabWelcomeMenu li a{display:block;padding:0;text-align:center;min-height:208px} .tabWelcomeMenu li:nth-child(1) a{background: url(/ux/images/customer/img_welcome_event_tab01_off.png) 0 0 no-repeat;} .tabWelcomeMenu li:nth-child(2) a{background: url(/ux/images/customer/img_welcome_event_tab02_off.png) 0 0 no-repeat;} .tabWelcomeMenu li.on{} .tabWelcomeMenu li.on:nth-child(1) a{background: url(/ux/images/customer/img_welcome_event_tab01_on.png) 0 0 no-repeat;} .tabWelcomeMenu li.on:nth-child(2) a{background: url(/ux/images/customer/img_welcome_event_tab02_on.png) 0 0 no-repeat;} .manual_list dt .pophtsBadge{display:inline-block;padding:2px 4px;font-size:11px;color:#0379d3;border:1px solid #0379d3;line-height:12px;margin-bottom:4px;vertical-align:bottom} /* 미국주식옵션 입고 이벤트 */ .quizEventBody .quizCont02 .cont01{position:relative} .usaStockapplyArea{position:absolute; top:351px;left:175px;} .usaStockapply {width:610px; height:220px; display: flex; justify-content:space-between; align-items: center;} .usaStockapply .radioGroup {cursor:inherit; display: block; position:relative; width:295px; height:220px; } .usaStockapply .radioGroup:before {display:none;} .usaStockapply .radioGroup input{width:100%;height:100%} .usaStockapply .radioGroup.option01 .radio{background:url('/ux/images/customer/usaStockNew_checkBox_01.png') no-repeat center center;} .usaStockapply .radioGroup.option02 .radio{background:url('/ux/images/customer/usaStockNew_checkBox_02.png') no-repeat center center;} .usaStockapply .radioGroup.option01 .radio.checked{background:url('/ux/images/customer/usaStockNew_checkBox_01_on.png') no-repeat center center;} .usaStockapply .radioGroup.option02 .radio.checked{background:url('/ux/images/customer/usaStockNew_checkBox_02_on.png') no-repeat center center;} .usaStockapply .radioGroup .radio{width:100%;height:100%} .btnUsaStock{position:absolute;left:135px;display:block;width:690px;height:90px} .btnUsaStock.btn01{top:70px;} .btnUsaStock.btn02{top:186px;} .btnUsaStock.btn03{top:302px;} /* 해외옵션 패키지 이벤트 */ .usaStockList{width: calc(100%/2);display: inline-flex;} .usaStockChoiceArea{position: absolute;top: 328px;left: 180px;} .usaStockChoice{width: 600px;height: 240px;display: flex;justify-content: space-between;align-items: center;} .usaStockChoice .radioGroup{cursor: inherit;display: block;position: relative;width: 286px;height: 240px;} .usaStockChoice .radioGroup::before{content: '';display: none;} .usaStockChoice .radioGroup input{width: 100%;height: 100%;} .usaStockChoice .radioGroup.option01 .radio{background: url('/ux/images/customer/usaStock/usaStockOption_checkbox_call.png') no-repeat center center;} .usaStockChoice .radioGroup.option02 .radio{background: url('/ux/images/customer/usaStock/usaStockOption_checkbox_put.png') no-repeat center center;} .usaStockChoice .radioGroup.option01 .radio.checked{background: url('/ux/images/customer/usaStock/usaStockOption_checkbox_call_on.png') no-repeat center center;} .usaStockChoice .radioGroup.option02 .radio.checked{background: url('/ux/images/customer/usaStock/usaStockOption_checkbox_put_on.png') no-repeat center center;} .usaStockChoice .radioGroup .radio{width:100%;height:100%} /* 대체거래소 퀴즈 이벤트 */ .quizViewBox{display:flex;justify-content:space-between;width:100%;box-sizing:border-box;padding:30px 0;margin:0;} .quizViewBox.last{border-bottom:1px solid #ddd;padding-bottom:60px} .quizViewBox .textBox{width:290px} .quizViewBox .textBox .icQna{display:block;width:30px;height:30px;text-align:center;background:url('/ux/images/customer/bg_ico_nxt.png') no-repeat 0 0;font-size:13px;color:#fff;line-height:30px;font-weight:700;} .quizViewBox .textBox .icQna+.titleCont{margin-top:6px;} .quizViewBox .textBox .titleCont{font-size:22px;color:#222;line-height:36px;font-weight:700;} .quizViewBox .textBox + .voteEvent{margin-top:36px} .quizViewBox .quizBox{width:590px} .quizViewBox .quizBox .choiceBox{display:flex;justify-content:space-between;position:relative} .quizViewBox .quizBox .choiceBox li{position:relative;width:calc(50% - 10px);box-sizing:border-box;} .quizViewBox .quizBox .choiceBox li .radio{width:100%;height:50px;background:#f5f5f5 url('/ux/images/customer/ic_check_ex_24_n.png') no-repeat 96% center;border-radius:8px;box-sizing:border-box;border:2px solid #f5f5f5} .quizViewBox .quizBox .choiceBox li .radio.checked{background:#edf6fd url('/ux/images/customer/ic_check_ex_24_0.png') no-repeat 96% center;border:2px solid #2288ee} .quizViewBox .quizBox .choiceBox li .radioGroup input{width:100%;height:100%} .quizViewBox .quizBox .choiceBox li .radio+label{position:absolute;left:16px;top:14px;font-size:16px;color:#444} .quizViewBox .quizBox .choiceBox li .radio.checked+label{color:#2288EE} .quizViewBox .quizContBox{display:block;margin-top:36px;} .quizViewBox .quizContBox .hint{display:block;position:relative;color:#666;padding-left:50px;font-size:14px;line-height:22px} .quizViewBox .quizContBox .hint:before{content:"힌트";display:block;position:absolute;left:0;top:0px;width:41px;height:21px;border-radius:4px;box-sizing:border-box;background:#f5f5f5;font-size:12px;color:#747474;font-weight:400;line-height:21px;text-align:center;} .quizViewBox .oxQuiz .choiceBox li .radio{height:90px;} .quizViewBox .oxQuiz .choiceBox li .radio+label{left:152px;top:34px;} .quizViewBox .oxQuiz .choiceBox li:nth-child(1) .radio{background:#ffe7e7 url('/ux/images/customer/btn_quiz_O_48.png') no-repeat 97px center;border:2px solid #ffe7e7} .quizViewBox .oxQuiz .choiceBox li:nth-child(1) .radio.checked{border:2px solid #E50119} .quizViewBox .oxQuiz .choiceBox li:nth-child(1) .radio+label{color:#E50119} .quizViewBox .oxQuiz .choiceBox li:nth-child(2) .radio{background:#e8f3fe url('/ux/images/customer/btn_quiz_X_48.png') no-repeat 97px center;border:2px solid #e8f3fe} .quizViewBox .oxQuiz .choiceBox li:nth-child(2) .radio.checked{border:2px solid #286EF1} .quizViewBox .oxQuiz .choiceBox li:nth-child(2) .radio+label{color:#286EF1} .nxtArea .btnArea .btnQuiz{height:60px;font-size:18px;padding-left:40px;padding-right:40px;font-weight:700;} .quizViewBox.result .textBox .icQna{position:relative} .quizViewBox.result .textBox .icQna.right:before{content:" ";display:block;position:absolute;left:0px;top:-10px;width:58px;height:58px;background:url(/ux/images/customer/quiz_answer_O.png) 0 0 no-repeat;} .quizViewBox.result .textBox .icQna.wrong:before{content:" ";display:block;position:absolute;left:-4px;top:-10px;width:58px;height:58px;background:url(/ux/images/customer/quiz_answer_X.png) 0 0 no-repeat;} .quizViewBox.result .quizContBox .resultText{position:relative;width:490px;box-sizing:border-box;padding:0px 20px 0px 67px;font-size:16px;color:#444;line-height:50px;font-weight:500;background-color:#f5f5f5;border-radius:8px;height:50px;} .quizViewBox.result .quizContBox .resultText:before{content:" ";display:block;position:absolute;left:16px;top:15px;width:41px;height:21px;background:url(/ux/images/customer/bedge_right.png) 0 0 no-repeat; } .quizViewBox.result .quizContBox .resultText.oxQuiz{display:block;width:490px;margin:0 auto;box-sizing:border-box;border:2px solid #f5f5f5;background:#f5f5f5;border-radius:11px;text-align:center;padding:18px 0;font-size:16px; color:#212121; line-height:27px; font-weight:500; word-break:keep-all;height:90px;} .quizViewBox.result .quizContBox .resultText.oxQuiz:before{left:12px;top:35px} .quizViewBox.result .quizContBox .resultText.oxQuiz>span{display:flex;justify-content:center;align-items:center} .quizViewBox.result .quizContBox .resultText.oxQuiz.ok{background:#ffe7e7;border-color:#ffe7e7;color:#E50119} .quizViewBox.result .quizContBox .resultText.oxQuiz.ok>span:before{content:" ";display:flex;margin:0px 6px 0 0;width:54px; height:54px; background:url('/ux/images/customer/btn_quiz_O_48.png') no-repeat 50% 50%;} .quizViewBox.result .quizContBox .resultText.oxQuiz.no{background:#e8f3fe;border-color:#e8f3fe;color:#286EF1} .quizViewBox.result .quizContBox .resultText.oxQuiz.no>span:before{content:" ";display:flex;margin:0px 6px 0 0;width:54px; height:54px; background:url('/ux/images/customer/btn_quiz_X_48.png') no-repeat 50% 50%;} /* .usaStockapply .radioGroup { cursor: inherit; display: block; position: relative; width: 295px; height: 220px; } .usaStockapply .radioGroup:before { display: none;} .usaStockapply .radioGroup input { width: 100%; height: 100% } .usaStockapply .radioGroup.option01 .radio { background: url('/ux/images/customer/usaStockNew_checkBox_01.png') no-repeat center center; } .usaStockapply .radioGroup.option02 .radio { background: url('/ux/images/customer/usaStockNew_checkBox_02.png') no-repeat center center; } .usaStockapply .radioGroup.option01 .radio.checked { background: url('/ux/images/customer/usaStockNew_checkBox_01_on.png') no-repeat center center; } .usaStockapply .radioGroup.option02 .radio.checked { background: url('/ux/images/customer/usaStockNew_checkBox_02_on.png') no-repeat center center; } .usaStockapply .radioGroup .radio { width: 100%; height: 100% } */