@charset "utf-8"; /* 컨텐츠별 공통 */ .web_br {display:block; } .web_tab {padding-left:15px; display:inline-block; } .point_sky {color:#477dba; } .point_gray {color:#666; } /* ----------------------- 대표 start ----------------------- */ /* 대표 visual */ .suvMainVS {position:absolute; width:100%; height:322px; background:#528aca; z-index:4; left:0; } .visual_channel {height:322px; background:url(/img/contents_2015/submain_visual/CS240_1p_subMain_bg.jpg) 50% 0 no-repeat #939393; } .visual_insurance {height:320px; background:url(/img/contents_2015/submain_visual/FI0700_subMain_bg.jpg) 50% 0 no-repeat #5991bd; } .visual_invest {height:320px; background:url(/img/contents_2015/submain_visual/visual_invest_bg.jpg) 50% 100% no-repeat #828383; } .visual_fund {height:320px; background:url(/img/contents_2015/submain_visual/fund_bg.jpg) 50% 100% no-repeat #7d6b58; } .visual_ers {height:261px; background:url(/img/contents_2015/submain_visual/ER000_ers_bg.jpg) 50% 100% no-repeat #323230; } .visual_ers2 {height:421px; background:url(/img/contents_2015/submain_visual/ER0002_ers_bg.jpg) 50% 100% no-repeat #1d2d2f; } .visual_ers2_mid {height:240px; background:url(/img/contents_2015/submain_visual/ER0002_ers_bg2.jpg) 50% 100% no-repeat #323230; } .visual_portfolio {height:421px; background:url(/img/contents_2015/submain_visual/portfolio_bg.jpg) 50% 0 no-repeat #ccbebd; } .visual_cma {height:260px; background:url(/img/contents_2015/submain_visual/visual_cma_bg.jpg?v=202306) 50% 0 no-repeat #667e94; } .visual_online {height:260px; background:url(/img/contents_2015/submain_visual/visual_online_bg.jpg) 50% 0 no-repeat #848485;} .visual_giro {height:260px; background:url(/img/contents_2015/submain_visual/visual_giro.jpg) 50% 0 no-repeat #3573b9; } .visual_submainS36 {height:699px; background:url(/img/contents_2015/submain_visual/submain_S0036_bg_n.jpg) 50% 0 no-repeat #605e5b; } .visual_bg_idea_overview_visual { background:url(/img/contents_2015/submain_visual/submain_idea_overview.jpg) #717679 50% 0 no-repeat; height:260px; } .channelC .box-intro, .subMainVisual .box-intro, .vErs .box-intro {position:relative; z-index:5; } .channelC .callCenter_info { margin:30px 0; } .channel_t {width:940px; height:295px; padding-top:27px; } .channel_t h3 {color:#fff; font-size:24px; font-weight:bold; } .channel_t ul.libul02 {margin-top:30px; } .channel_t ul.libul02 li {color:#fff; font-size:18px; letter-spacing:-1px; margin-top:5px; line-height:140%; } .channel_t ul[class*=libul]>li+li{margin-top:15px; } .channel_t ul.libul02 li.font2 {color:#fff; font-size:28px; line-height:140%; } /* 대표 visual 안에 backgroud가 있는 경우 */ .channel_t.grBG {height:233px; } .channel_t.onlBG {height:233px; /* background:url(/img/contents_2015/main/online_vBg.png) 100% 100% no-repeat;*/ } /* 대표 visual 안에 blue box형 */ .vis_box {width:332px; height:321px; margin:20px 0; padding:30px; background:#5182ba; opacity:0.92; filter:alpha(opacity:92); } .vis_box p.v_tit {color:#fff; font-size:24px; font-weight:bold; padding-bottom:20px; letter-spacing:-1px; } .vis_box h3 {color:#fff; font-size:28px; font-weight:normal; line-height:130%; letter-spacing:-1px; } .vis_box ul.libul02 li {color:#fff; } .vis_box ul.libul02 li a {color:#fff; } /* 대표 visual - 버튼 나열 세로형 */ .channelC div.ers2BtnG { } .channelC div.ers2BtnG p {width:100%; margin:0 15px 0 0; } /* 대표 visual - 버튼 나열 가로형 (자산관리/위험대비보험) */ .channelC div.bul {margin-top:30px; } .channelC div.bul a.pbtn {padding-right:20px; background:url(/img/contents_2015/center/bg_channel.png) 100% 62% no-repeat; color:#fff; } .channelC div.bul p {float:left; padding-bottom:10px; margin:0 30px 0px 0; } /* 대표 visual - chick list 형 (자산관리/투자상품안내) */ ul.invest_list {margin-top: 30px; } ul.invest_list li {margin-top: 8px; color: #fff; line-height: 140%; padding-left:30px; background:url(/img/contents_2015/marketing/chck_bul.png) 0 6px no-repeat; } ul.invest_list li.font2 {margin-bottom:28px; padding-left:0; font-size: 28px; background:none; } /* smart trader 대표 */ ul.certC li.cont4 {width:464px; height:198px; float:left; border:1px solid #ddd; } ul.certC li.cont4 + li.cont4 {margin-left:8px; } ul.certC li.cont4 .box {padding:30px 0 0 30px; } ul.certC li.cont4 .box p.txt {font-size:16px; font-weight:normal; } ul.certC li.cont4 .box a.pbtn {font-size:16px; } ul.certC li.cont4 .box.box1 {background:url(/img/contents_2015/center/channel_bg01.jpg) 90% 100% no-repeat; } ul.certC li.cont4 .box.box2 {background:url(/img/contents_2015/center/channel_bg02.jpg) 95% 100% no-repeat; } .channel.section-info {border-bottom:0px dotted #929292; } .section-info.bulList {padding-bottom:40px; border-bottom:1px solid #ddd; margin-bottom:0; } /* 대표 - 온라인 업무 */ #onlineMain .linkWrap {margin-bottom:10px;#zoom:1;} #onlineMain .linkWrap:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} #onlineMain .linkWrap .panel {float:left;width:32.3%; } #onlineMain .linkWrap .panel .tit { padding:30px 30px 8px 30px; font-size:18px; text-align:left; background:none; } #onlineMain .linkWrap .panel + .panel {margin-left:1%} #onlineMain .linkWrap .panel .con {padding:0 30px 30px; } #onlineMain .linkWrap .panel .con ul.libul02 {padding-top:180px; min-height:195px; } #onlineMain .linkWrap .panel .con ul.online_ic01 {background:url(/img/contents_2015/main/online_icon01.jpg) 50% 50px no-repeat; } #onlineMain .linkWrap .panel .con ul.online_ic02 {background:url(/img/contents_2015/main/online_icon02.jpg) 50% 50px no-repeat; } #onlineMain .linkWrap .panel .con ul.online_ic03 {background:url(/img/contents_2015/main/online_icon03.jpg) 50% 50px no-repeat; } #onlineMain .linkWrap .panel .con ul.online_ic04 {background:url(/img/contents_2015/main/online_icon04.jpg) 50% 50px no-repeat; } #onlineMain .linkWrap .panel .con ul.online_ic05 {background:url(/img/contents_2015/main/online_icon05.jpg) 50% 50px no-repeat; } #onlineMain .linkWrap .panel .con ul.online_ic06 {background:url(/img/contents_2015/main/online_icon06.jpg) 50% 50px no-repeat; } /* 대표- 지로 */ #giroMain .box-intro .cont {padding:30px 0 0;} #giroMain .tlink > ul {overflow:hidden; margin-bottom:60px; } #giroMain .tlink > ul > li {float:left;width:49%;margin-bottom:10px;border:1px solid #d2d2d2} #giroMain .tlink > ul > li.link1, #giroMain .tlink > ul > li.link3 {margin-right:1%} #giroMain .tlink > ul > li h3 {display:block; padding:30px 30px 8px 30px; background:none; font-size:18px; text-align:left;} #giroMain .tlink > ul > li .con {position:relative;height:180px;padding:0 30px 30px;} #giroMain .tlink > ul > li .con ul {position: absolute;bottom:30px;left:30px} #giroMain .tlink > ul > li .con ul li {margin-top:10px; } #giroMain .tlink > ul > li.link1 {background:url(/img/contents_2015/main/giroSM_icon01.gif) 90% 85% no-repeat; } #giroMain .tlink > ul > li.link2 {background:url(/img/contents_2015/main/giroSM_icon02.gif) 90% 85% no-repeat; } #giroMain .tlink > ul > li.link3 {background:url(/img/contents_2015/main/giroSM_icon03.gif) 90% 85% no-repeat; } #giroMain .tlink > ul > li.link4 {background:url(/img/contents_2015/main/giroSM_icon04.gif) 90% 85% no-repeat; } /* 펀드 대표 */ .vFund .box-intro {margin-bottom:30px;} .vFund .section-info {margin-top:30px; padding-left:238px; border-bottom:1px solid #ddd; } .vFund .section-info .core_fund a {display:inline-block; width:auto; text-align:left; margin-top:5px; } .vFund .section-info .core_fund .sub_stit.mt0 {margin-bottom:3px;} .vFund .section-info.smFund_bg1 {margin-top:0; background:url(/img/contents_2015/marketing/smFund_bg1.jpg) 0 0 no-repeat; } .vFund .section-info.smFund_bg2 {background:url(/img/contents_2015/marketing/smFund_bg5.jpg) 0 0 no-repeat; } .vFund .section-info.smFund_bg3 {background:url(/img/contents_2015/marketing/smFund_bg3.jpg) 0 0 no-repeat; } .vFund .section-info.smFund_bg4 {background:url(/img/contents_2015/marketing/smFund_bg4.jpg) 0 0 no-repeat; } .sectionGuide.GuideTwo {overflow:hidden; margin:40px 0 70px; } .sectionGuide.GuideTwo ul.libul02 {width:424px; padding-right:30px; float:left; } .sectionGuide.GuideTwo ul.libul02 + ul {padding-right:0; } /* 한화주식투자등급 안내 대표 */ .vErs h2.tit {padding-top:41px; font-size:28px; color:#fff; line-height:130%; font-weight:normal; } .vErs h2.tit strong {letter-spacing:-1px; } .vErs h2.tit strong em {font-weight:bold; color:#ffab00; letter-spacing:-1px; } .vErs .channel_t {height:234px; } .vErs .box-intro {margin-bottom:55px; } .container .banner_pho {padding:32px 20px; background:url(/img/contents_2015/main/ER000_ers_bg2.jpg) 0 0 no-repeat; } .container .banner_pho a {color:#fff; } .container .banner_pho a strong {font-size:18px; color:#fff; } .ERS .ABCDF_img { width:100%; margin:40px 0; overflow:hidden; text-align:center; } /* 한화주식 투자등급 시스템 대표 */ ol.ers2_guide {width:100%; overflow:hidden; margin-top:30px; } ol.ers2_guide li {width:238px; padding:30px; margin-left:0; float:left; border:1px solid #ddd; } ol.ers2_guide li + li { margin-left:20px; } ol.ers2_guide li em.num {width:100%; display:inline-block; font-weight:bold; font-size:24px; } ol.ers2_guide li strong {width:100%; display:block; } .ers2_tit {width:100%; padding:30px 0; text-align:center; font-size:18px; letter-spacing:-1px; } /* Smart CMA 카드 대표 */ .vCma div.box-intro { margin-bottom:40px; } .vCma div.channel_t { height:233px; } .vCma div.CMACard { width:100%; overflow:hidden; } .vCma div.CMACard p { width:50%; margin:0; padding:0; float:left; text-align:center; } .vCma div.CMACard p.Card1 > a {margin-left:180px;} .vCma div.CMACard p.Card3 > a {margin-right:180px;} .vCma .cnBoxMb .channel_t ul.libul02{ margin-top:0; } .smart_card { width:100%; overflow:hidden; } .smart_card p.img { float:left; width:30%; text-align:center; } .smart_card p.txt { float:left; width:67%; padding-left:20px; } .cardArea {width:100%; margin-bottom:50px; overflow:hidden; border-top:1px solid #ddd; } .cardArea dl.CMACard_list {width:100%; padding:40px 0 20px; display:inline-block; border-bottom:1px solid #ddd; } dl.CMACard_list dt {width:235px; float:left; display:block; font-size:24px; } dl.CMACard_list dd {width:700px; float:right; } dl.CMACard_list dd p { } dl.CMACard_list dd ul {width:100%; overflow:hidden; } dl.CMACard_list dd ul li {width:100%; float:left; padding:15px 0 20px; } dl.CMACard_list dd ul li + li {border-top:1px solid #ddd; padding:20px 0; } dl.CMACard_list dd ul li div.card_img {width:120px; float:left; } dl.CMACard_list dd ul li div.card_img img {width:120px; } dl.CMACard_list dd ul li div.card_txt {width:561px; float:right; } dl.CMACard_list dd ul li div.card_txt strong {font-size:18px; } dl.CMACard_list dd ul li div.card_txt p {margin-top:5px; } dl.CMACard_list dd ul li div.rztBottom {width:100%; margin-top:15px; color:#666; float:left; } /* 코어펀드포트폴리오 대표 */ .coreMain_cont .corPf_top {width:100%; overflow:hidden; } .coreMain_cont .corPf_top .corPf_left {width:699px; padding:0; float:left; } .coreMain_cont .corPf_top .corPf_left p {font-size:16px; } .coreMain_cont .corPf_top .corPf_left p.tit {font-size:24px; margin-bottom:10px; } .coreMain_cont .corPf_top .corPf_left p span.point_sky {width:100%; display:inline-block; margin-top:10px; font-size:24px; } .coreMain_cont .corPf_top .corPf_right {width:240px; float:right; } .coreMain_cont .corPfArea {width:100%; margin-top:20px; overflow:hidden; } .coreMain_cont .corPfArea ul.corPfList {border-top:1px solid #ddd; } .coreMain_cont .corPfArea ul.corPfList li {min-height:120px; padding:20px 0 20px 240px; border-bottom:1px solid #ddd; } .coreMain_cont .corPfArea ul.corPfList li.corPf_bg1 {background:url(/img/contents_2015/marketing/corPfList_bg1.jpg) 0 20px no-repeat; } .coreMain_cont .corPfArea ul.corPfList li.corPf_bg2 {background:url(/img/contents_2015/marketing/corPfList_bg2.jpg) 0 20px no-repeat; } .coreMain_cont .corPfArea ul.corPfList li.corPf_bg3 {background:url(/img/contents_2015/marketing/corPfList_bg3.jpg) 0 20px no-repeat; } .coreMain_cont .corPfArea ul.corPfList li strong {width:100%; font-size:18px; display:inline-block; margin-bottom:10px; letter-spacing: -1px; } .coreMain_cont .corPf_mid {width:100%; overflow:hidden; margin:30px 0 20px 0; } .coreMain_cont .corPf_mid p {font-size:18px; } .coreMain_cont .corPf_mid ul.corPf_box2 {width:100%; overflow:hidden; margin-top:20px; } .coreMain_cont .corPf_mid ul.corPf_box2 li {width:417px; padding:20px; margin-left:0; float:left; border:1px solid #ddd; } .coreMain_cont .corPf_mid ul.corPf_box2 li + li { margin-left:20px; } /* ----------------------- 대표 end ----------------------- */ /* 코어펀드 서브메인 */ .corefund_mainWrap {width:100%; padding-bottom:50px; } .coreMain_visual {position:relative; height:365px; background:url(/img/contents/corefund/main_top_visual_01.jpg) no-repeat 0 0; } .coreMain_visual span.tit {width:100px; position:absolute; top:0; left:30px; height:65px; padding:35px 0 0; text-align:center; color:#fff; font-size:18px; font-weight:bold; background:#de690a; } .coreMain_visual span.tit2 {width:100px; position:absolute; top:0; left:30px; height:90px; padding:15px 0 0; text-align:center; color:#fff; font-size:18px; font-weight:bold; background:#de690a; } .coreMain_visual .ment {padding:30px 0 0 30px; color:#fff; } .coreMain_visual .ment strong {display:block;font-size:32px;line-height:38px; padding-bottom:20px; } .coreMain_visual .ment strong > em {font-weight: bold; } .coreMain_visual .ment span {position:absolute;left:37px;bottom:20px;font-size:13px; } .coreMain_visual .ment span.add {position:static; padding:25px 0 0; font-size:16px; } .coreMain_topBox {width:940px; display:inline-block; overflow:hidden; position:relative; border-bottom:1px solid #e8e8e8; } .coreFund_txtBnr {padding:50px 0 0; } .coreFund_txtBnr .visual {height:80px; padding:40px 0 0 30px; font-size:24px; font-weight:bold; color:#fff; background:url(/img/contents_2015/finance/core_main_bnr_bg.jpg ) no-repeat 0 0; } .coreFund_txtBnr .detail_txt {padding:15px 0 0; font-size:16px; } .coreMain_cont {padding:5px 0 0; } .coreMain_cont .cont_1 {width:680px; float:left; } .coreMain_cont .cont_1 .cont_tit {font-size:18px; padding:30px 0 0; } .coreMain_cont .cont_1 .cont_tit strong {font-size:18px; display:block; padding: 10px 0 15px 0; line-height:160%; } .coreMain_cont .cont_1 .cont_tit strong em {color:#de690a; } .coreMain_cont .cont_1 .cont_tit span.small {font-size:18px;} .coreMain_cont .cont_1 ol.fund_guide {padding:0 0 40px 0; } .coreMain_cont .cont_1 ol.fund_guide li {position:relative; padding:35px 0 0 55px; } .coreMain_cont .cont_1 ol.fund_guide li em {width:40px; position:absolute; left:0; height:34px; padding:6px 0 0; text-align:center; background:#ccc; } .coreMain_cont .cont_1 ol.fund_guide li em.num {font-size:24px; font-family:arial; color:#fff; } .coreMain_cont .cont_1 ol.fund_guide li em.chk {background:url(/img/contents/corefund/bul_tit_chk.jpg) no-repeat 0 0; } .coreMain_cont .cont_1 ol.fund_guide li strong {font-size:18px; display:block; padding-bottom:10px; } .coreMain_cont .cont_1 ol.fund_guide li.chk strong{padding-top:6px; } .coreMain_cont .cont_1 ol.fund_guide li.chk strong b{color:#de690a;} .coreMain_cont .cont_1 ol.fund_guide li p {font-size:14px; } .coreMain_cont .cont_2 {width:240px; float:right; height:555px; border-left:1px solid #e8e8e8; } .coreMain_cont .cont_2 .tit {font-size:18px; padding:30px; background:#de690a; color:#fff; } .coreMain_cont .cont_2 .tit p {padding-bottom:40px; } .coreMain_cont .cont_2 .tit p.p10 {padding-bottom:20px; } .coreMain_cont .cont_2 .tit strong {font-weight:bold;} .coreMain_cont .cont_2 ul.menu_list {padding:14px 0 0 30px; } .coreMain_cont .cont_2 ul.menu_list li { border:0; } .coreMain_cont .cont_2 ul.menu_list li + li { border-top:1px solid #eee; } .coreMain_cont .cont_2 ul.menu_list li a {display:block; padding:14px 0 16px; font-size:16px; color:#de690a; background:url(/img/contents/corefund/bul_list_arr.png) no-repeat 185px 50%;} /*코어펀드 서브메인 국내펀드 해외펀드*/ .coreMain_cont ul.coreFund_group_list {width:936px; position:relative; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; margin-top:-1px; } .coreMain_cont ul.coreFund_group_list:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .coreMain_cont ul.coreFund_group_list li.one {width:186px; float:left; height:168px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .coreMain_cont ul.coreFund_group_list li.one span.gubunTit, .coreMain_cont ul.coreFund_group_list li.one a.tit {width:126px; position:relative; display:block; height:108px; padding:30px; font-size:16px;} .coreMain_cont ul.coreFund_group_list li.one span.gubunTit strong, .coreMain_cont ul.coreFund_group_list li.one a.tit strong {width:50px; display:block; text-align:center; padding:10px 0 0; font-size:32px; font-family:arial; font-weight:bold; } .coreMain_cont ul.coreFund_group_list li.one span.gubunTit strong {width:70px; } .coreMain_cont ul.coreFund_group_list li.one a.tit:hover span.disk, .coreMain_cont ul.coreFund_group_list li.one.on a.tit span.disk {display:block; } .coreMain_cont ul.coreFund_group_list li.one span.disk {width:146px; height:128px; display:none; position:absolute; left:0; top:0; padding:20px; color:#fff; } .coreMain_cont ul.coreFund_group_list li.one a.tit span.disk i {width:18px; height:10px; display:none; position:absolute; left:45%; bottom:-1px; z-index:2; background:url(/img/contents/corefund/bul_item_arr.png) no-repeat 0 0; } .coreMain_cont ul.coreFund_group_list li.one.on a.tit span.disk i {display:block;} .coreMain_cont ul.coreFund_group_list li.one a.tit span.disk b {display:block; height:28px; } .coreMain_cont ul.coreFund_group_list li.gray {background:#f4f4f4; } .coreMain_cont ul.coreFund_group_list li.gray span {color:#767676; } .coreMain_cont ul.coreFund_group_list li.green a.tit {color:#92b30c; } .coreMain_cont ul.coreFund_group_list li.skyblue a.tit {color:#1bacb1; } .coreMain_cont ul.coreFund_group_list li.blue a.tit {color:#598cd1 ; } .coreMain_cont ul.coreFund_group_list li.navi a.tit {color:#484ebc; } .coreMain_cont ul.coreFund_group_list li.green span.disk {background:#b1c813; } .coreMain_cont ul.coreFund_group_list li.skyblue span.disk {background:#58c2c6; } .coreMain_cont ul.coreFund_group_list li.blue span.disk {background:#9bbae3; } .coreMain_cont ul.coreFund_group_list li.navi span.disk {background:#5c61cb; } .coreMain_cont ul.coreFund_group_list li.green .itemsLayer {border-top:1px solid #b1c813; } .coreMain_cont ul.coreFund_group_list li.skyblue .itemsLayer {border-top:1px solid #58c2c6; } .coreMain_cont ul.coreFund_group_list li.blue .itemsLayer {border-top:1px solid #9bbae3 ; } .coreMain_cont ul.coreFund_group_list li.navi .itemsLayer {border-top:1px solid #5c61cb; } .coreMain_cont ul.coreFund_group_list li .itemsLayer {width:936px; position:absolute; display:none; left:0; top:168px; background:#fff; z-index:1002; } .coreMain_cont ul.coreFund_group_list li .itemsLayer ul {max-height:445px; overflow-y:auto;} .callCenter_info {width:940px; background:#f4f4f4; margin:30px 0 0px; } #content~.callCenter_info {margin:-50px 0 80px; } .callCenter_info .ment {padding:30px 30px 20px; overflow:hidden; font-size:14px; border-bottom:1px solid #ddd; } .callCenter_info .ment .info {float:left;font-size: 18px;line-height: 22px } .callCenter_info .ment .info em {display:block; font-size:18px; } .callCenter_info .ment .call {width:215px; float:right; padding:2px 0 3px 45px; background:url(/img/contents_2015/finance/tel_icon.gif) no-repeat 0 50%;font-size:14px;font-weight: normal; } .callCenter_info .ment .call strong {display:block; font-size:24px; font-family:arial; } .callCenter_info ul.link {overflow:hidden; padding:20px 30px 30px; } .callCenter_info ul.link li {float:left; padding-right:20px; margin-right:30px; background:url(/img/common/2015/btn_bul.gif) no-repeat 100% 5px; } .callCenter_info ul.link li a {font-size:16px; color:#e46c0b; } /* 선정기준 */ .coreWhy .img {height: 342px;margin-top: 25px;background: url(/img/contents/core/img_coreWhy.jpg) center no-repeat; } .coreWhy div[class^=core_box] {min-height:240px; padding:40px 0; border-bottom:1px solid #e6e6e6;overflow:hidden; } .coreWhy div[class^=core_box] .con {margin-top:25px; font-size:14px; line-height: 20px; } .coreWhy div[class^=core_box] .con > li {width:32%; float:left; } .coreWhy div[class^=core_box] .con > li + li {margin-left:2%; } .coreWhy div[class^=core_box] .con > li > .tit {display:block; font-size:18px; line-height:22px; } .coreWhy .core_box_2 ul.con p.tit {min-height: 85px; } .coreWhy .core_box_3 {background:url(/img/contents/core/bg_coreWhy3.jpg) right 83px no-repeat; } .coreWhy .core_box_3 ul.con p.tit {min-height: 65px; } .coreWhy ul.links {margin:40px 0; overflow:hidden; } .coreWhy ul.links > li {width:458px; float:left; padding-left:0;} .coreWhy ul.links > li + li { padding-left:20px; border-left:1px solid #e6e6e6; } .coreWhy ul.links > li p { padding-bottom:20px; margin-top:7px; line-height:20px; } .coreWhy ul.links > li strong {font-size:18px; } .coreWhy ul.links a.pbtn {background-position:100% 4px; } .coreWhy ul.links + p.txt {padding:36px 0 36px 30px; margin-bottom:10px; background:url(/img/contents_2015/finance/core_FI171_2_bg.jpg) 0 0 no-repeat;color:#fff;font-size:18px;line-height:24px;font-weight:bold;} .coreWhy ul.links + p.txt a { color:#fff; } .core h3.tit {font-weight:normal; } /* 코어펀드 맵 */ .corefund_wrap {} .coreFund_map_tit {overflow:hidden; } .coreFund_map_tit .total {float:left; font-size:18px; padding:10px 0 0; font-weight:bold; } .coreFund_map_tit ul.map_tab {float:right; } .coreFund_map_tit ul.map_tab li {float:left; border:1px solid #ddd; margin-left:-1px; } .coreFund_map_tit ul.map_tab li a {width:127px; height:30px; display:block; padding:8px 0 0; text-decoration:none; text-align:center; font-size:18px; font-weight:bold; color:#aaa; background:#eee; } .coreFund_map_tit ul.map_tab li.on a {color:#e46c0b; background:#fff; } .coreFund_list {padding:20px 0 0; position:relative; z-index:1001; } .coreFund_list ul {width:100%; position:relative; z-index:90; } .coreFund_list ul:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .coreFund_list ul li.item {width:71px; height:200px; float:left; border:1px solid #fff; margin:-1px -1px 0 0; background:#f4f4f4; } .coreFund_list ul li.item:first-child {background: #f4f4f4} .coreFund_list ul li.item:first-child strong {display: block;padding: 10px;} .coreFund_list ul li.item + li { width:61px; background:#e8eccf; } .coreFund_list ul li.item + strong { } .coreFund_list ul li.item + strong li.item {display:block; padding:10px; } .coreFund_list ul li.item a.oneBtn {display:block; height:180px; padding:9px; position:relative; text-decoration:none; } .coreFund_list ul li.item a.oneBtn strong {position:absolute; left:50%; top:45%; margin-left:-20px; width:40px; text-align:center; font-size:18px; font-weight:bold; font-family:arial ; } .coreFund_list ul li.item a.oneBtn i {display:none; position:absolute; left:45%; bottom:-1px; z-index:2; width:18px; height:10px; background:url(/img/contents/corefund/bul_item_arr.png) no-repeat 0 0; } .coreFund_list ul li.item.on a.oneBtn i {display:block; } .coreFund_list ul.tit li {height:30px; height:25px; padding:5px 0 0; color:#fff; text-align:center; } .coreFund_list ul li.item.col_2 {width:123px; } .coreFund_list ul li.item.col_9 {width:557px; } .coreFund_list ul li.item.col_3 {width:185px; } .coreFund_list ul li.item.col_8 {width:495px; } .coreFund_list ul li.item a.oneBtn:hover , .coreFund_list ul li.item.on a.oneBtn {color:#fff !important; } .coreFund_list ul li.item {background:#e8eccf; } .coreFund_list ul li.item a.oneBtn {color:#769702; } .coreFund_list ul li.item.on a.oneBtn, .coreFund_list ul li.item a.oneBtn:hover {background:#769702; } .coreFund_list ul li.item.mint {background:#cfe9ea; } .coreFund_list ul li.mint a.oneBtn {color:#0b969b; } .coreFund_list ul li.mint.on a.oneBtn, .coreFund_list ul li.mint a.oneBtn:hover {background:#0b969b; } .coreFund_list ul li.item.skyblue {background:#cae4f4; } .coreFund_list ul li.skyblue a.oneBtn {color:#4781bd; } .coreFund_list ul li.skyblue.on a.oneBtn, .coreFund_list ul li.item.skyblue a:hover {background:#4781bd; } .coreFund_list ul li.item.blue {background:#e5e5f2; } .coreFund_list ul li.blue a.oneBtn {color:#595ec0; } .coreFund_list ul li.blue.on a.oneBtn, .coreFund_list ul li.blue a.oneBtn:hover {background:#595ec0; } .coreFund_list ul.tit li.item.green {background:#b1c813; } .coreFund_list ul.tit li.mint {background:#1bacb1; } .coreFund_list ul.tit li.skyblue {background:#6da5df; } .coreFund_list ul.tit li.blue {background:#595ec0; } .coreFund_list ul li .itemsLayer {border-top:1px solid #769702; } .coreFund_list ul li .itemsLayer a:hover {background:transparent !important; } .coreFund_list ul li.mint .itemsLayer {border-top:1px solid #0b969b; } .coreFund_list ul li.skyblue .itemsLayer {border-top:1px solid #4781bd ; } .coreFund_list ul li.blue .itemsLayer {border-top:1px solid #595ec0; } .coreFund_list ul li .itemsLayer {top:198px; padding-bottom:60px; } /* 내게맞는코어펀드 */ .corefund_mapping {background:#f8f7f4; border:1px solid #e2e0d1 } .corefund_mapping .itemsLayer {position:relative; top:0; border-top:1px solid #eee; } .corefund_mapping .ques_list {} .corefund_mapping .ques_list ul {overflow:hidden; } .corefund_mapping .ques_list ul li {float:left; } .corefund_mapping .ques_list ul.selectStep {background:#; border-bottom:1px solid #e2e0d1; } .corefund_mapping .ques_list ul.selectStep li {width:77px; padding-right:25px; background:url(/img/contents/corefund/mapping_tit_bul.jpg) no-repeat 100% 0; } .corefund_mapping .ques_list ul.selectStep li.last {padding-right:0; background:none; } .corefund_mapping .ques_list ul.selectStep li span {display:block; height:28px; color:#888; text-align:center; padding:8px 0 0; } .corefund_mapping .ques_list ul.selectStep li.on span {color:#000; } .corefund_mapping .ques_list ul.selectList {overflow:hidden; padding:50px 0 50px 100px; } .corefund_mapping .ques_list ul.selectList li {margin:0 10px;} .corefund_mapping .ques_list ul.selectList li a {display:block; min-height:130px; padding:20px; font-size:16px; line-height:22px; border:1px solid #e2e0d1; width:180px; color:#000; background:#f3f2ec; } .corefund_mapping .ques_list ul.selectList li a.tit_1 {text-align:center; font-size:24px; line-height:160%; padding-top:40px; } .corefund_mapping .ques_list ul.selectList li a:hover {display:block; background:#fff; color:#e46c0b; text-decoration:none; border:1px solid #de690a; } .corefund_mapping .ques_list ul.selectList li strong {width:720px; display:block; text-align:center; padding-bottom:30px; font-size:24px; line-height:140%; color:#000; } .corefund_mapping .ques_list ul.selectList ul.length_1 {padding-left:230px;} .corefund_mapping .ques_list ul.selectList ul.length_4 {width:910px; margin-left:-92px; } .corefund_mapping .ques_list ul.selectList ul.length_4 a {width:165px; } .corefund_mapping .ques_list .mapping_last {position:relative;display:none; padding:40px 0 60px; font-size:24px; font-weight:bold; color:#000; line-height:150%; text-align:center; } .corefund_mapping .ques_list .mapping_last a.pbtn {position:absolute; right:30px; bottom:20px; height:20px; padding-right:12px; background:url(/img/common/2015/btn_bul_wh.png) no-repeat right center; color:#fff !important; font-size:16px; line-height:1em; font-weight: normal} .resultWrap {display:none;} .resultWrap .result_tit {padding:40px 0 20px; font-size:18px; line-height:150%; font-weight:bold; color:#222; } /* 코어펀드 */ /* 코어공통 */ .core .tit {display: block;font-size: 24px;font-weight: bold;color: #222 } .core .txt {font-size: 14px;line-height: 20px} .core .date {font-family: arial;font-size: 12px;} .core .box02 {padding: 10px; text-align: right;} .core .box02 .option {float: left;height: 35px;line-height: 35px;} .core select {height: 33px;line-height: 33px;border: 1px solid #ccc;} .core .callCenter_info {margin: 0} /* 라벨 */ .core .top {text-align: justify;} /* 코어펀드 가이드 */ .core .sectionGuide {margin-top: 25px} .core .box06 {padding: 0;border: 0;background: none;} .core .box06 .topl, .coreList .box06 .topr, .coreList .box06 .btml, .coreList .box06 .btmr {background: none} .sectionGuide .red{color:#000; } /* 분석보고서 */ .core .anal, .core .issue {position: absolute;left: 0; top: 0;width: 70px;height: 80px;text-indent: -999px;overflow: hidden} .core .anal {background: url(/img/contents_2015/core/bu_core_anal.gif) 0 0 no-repeat;} .core .issue {background: url(/img/contents_2015/core/bu_core_issue.gif) 0 0 no-repeat;} .coreAnaly .top_coreAnaly {display: block;} .coreAnaly .top {padding-bottom: 40px;border-bottom: 1px solid #666;overflow: hidden} .coreAnaly .top .head .tit {padding-bottom: 15px;} .coreAnaly .top .head .tit {font-size: 16px;} .coreAnaly .top .head + .con {margin-top: 35px} .coreAnaly .top .con {overflow: hidden} .coreAnaly .top .con .tit {font-size: 14px;margin-bottom: 10px} .coreAnaly .top .con .con {line-height: 1.5em} .coreAnaly .top .con .item {position: relative;float: left;width:100%} .coreAnaly .top .con .item + .item {float: right;} .coreAnaly .top .con .item dt, .coreAnaly .top .con .item dd {padding-left: 70px} .coreAnaly .researchList {margin-bottom: 15px;overflow: hidden} .coreAnaly .researchList > li {position: relative;padding: 30px 0 30px 70px;border-bottom: 1px solid #e6e6e6;} .coreAnaly .researchList .anal, .coreAnaly .researchList .issue {height: 100%;background-position: 0 30px} .coreAnaly .researchList .tit {font-size: 16px} .coreAnaly .researchList .date {display: inline-block;margin-top: 5px;font-size: 14px} .coreAnaly .researchList .txt {margin-top: 15px;} /* 텍스트 */ .core2 h2 > em, .core2 h3 > em, .core2 h4 > em, .core2 strong > em {color:#477dba;} .prfrt_coreList {padding:30px 0 0; position:relative; } .prfrt_coreList ul {border-top:1px solid #ddd;} .prfrt_coreList li .label_1 {position:absolute; left:10px; top:0; } .prfrt_coreList li .label_2 {position:absolute; left:118px; top:0; } .prfrt_coreList li .label_3 {position:absolute; left:250px; top:0; } #prfrt_coreList_10.prfrt_coreList li .label_1 {position:absolute; left:10px; top:0; } #prfrt_coreList_10.prfrt_coreList li .label_2 {position:absolute; left:105px; top:0; } #prfrt_coreList_10.prfrt_coreList li .label_3 {position:absolute; left:200px; top:0; } #prfrt_coreList_10.prfrt_coreList li .label_4 {position:absolute; left:295px; top:0; } #prfrt_coreList_10.prfrt_coreList li .label_5 {position:absolute; left:410px; top:0; } #prfrt_coreList_10.prfrt_coreList li .label_6 {position:absolute; left:484px; top:0; } #prfrt_coreList_10.prfrt_coreList li .label_7 {position:absolute; left:574px; top:0; } .prfrt_coreList .itemsLayer {position:relative; width:100%; top:0; display:block; } /*회사소개 공통*/ .contC { text-align:center; } .contL { text-align:left; } .hanwhaC .contC p.tit { font-size:24px; } .hanwhaC .contC p.txt { font-size:16px; padding-top:10px; } .hanwhaC .contL p.txt { font-size:16px; } .hanwhaC ul.hanwha_title li { font-size:16px; } .hanwhaC ul.hanwha_title li.tit { font-size:24px; font-weight:bold; padding-bottom:15px; } .hanwha_boxL { width:100%; border-bottom:1px solid #ddd; padding:0 0 30px; margin:0 0 30px; } .hanwha_box { width:100%; margin:0 0 30px; } .h_po_blue { color:#477dba; font-size:24px; } .h_po_blueS { color:#477dba; font-size:14px; } .h_po_blueS2 { color:#477dba; font-size:16px; } .hanwhaC .img_border { width:938px; border:1px solid #ddd; padding:40px 0; text-align:center; margin:0 0 40px; } /*회사소개*/ .hanwhaC { width:100%; } .hanwhaC ul.hanwha_line2 { width:100%; display:inline-block; } .hanwhaC ul.hanwha_line2 li { width:450px; float:left; } .hanwhaC ul.hanwha_line2 li.long { width:100%; float:none; } .hanwhaC ul.hanwha_line2 li+li { margin-left:40px; } .hanwhaC ul.hanwha_line2 li.cp600_2p_nBg1 { padding-top:260px; background:url(/img/contents_2015/static/hanwha/cp600_2p_nBg1.gif) 50% 0 no-repeat; } .hanwhaC ul.hanwha_line2 li.cp600_2p_nBg2 { padding-top:260px; background:url(/img/contents_2015/static/hanwha/cp600_2p_nBg2.gif) 50% 0 no-repeat; } /*연혁*/ .hanwh_tab { width:940px; display:inline-block; margin-bottom:80px; } .hanwh_tab li { width:187px; height:55px; float:left; } .hanwh_tab li a { width:186px; height:53px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f4f4f4; display:inline-block; } .hanwh_tab li a.fr { border-left:1px solid #ddd; } .hanwh_tab li a span { padding:12px 0 0 20px; display:inline-block; color:#000; font-size:20px; } .hanwh_tab li a.on, .hanwh_tab li a:hover { width:186px; height:55px; border:0; background-color:#de690a; border-left:1px solid #ddd; } .hanwh_tab li a.on span, .hanwh_tab li a:hover span { color:#fff; text-decoration:none; } .h_year { width:100%; overflow:hidden; }/* 20150910 이인경 수정 */ .h_year + .h_year { padding-top:50px; }/* 20150910 이인경 추가 */ .h_year p.yearTit { margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #000; font-family:Arial; font-size:64px; line-height:100%; }/* 20150910 이인경 수정 */ .h_year .hanwha_boxL { width:100%; display:inline-block; } .h_year h3 { width:75px; float:right; font-size:32px; } .h_year ul { width:865px; float:left; } .h_year ul li span { display:inline-block; margin-right:30px;} /*사회공헌 프로그램*/ ul.hanwha_line2 li dl.hanwha_program { width:100%; } ul.hanwha_line2 li dl.hanwha_program dt { font-size:24px; font-weight:bold; } ul.hanwha_line2 li dl.hanwha_program dd { margin-top:50px; } ul.hanwha_line2 li dl.hanwha_program dd.long { margin-top:20px; } ul.hanwha_line2 li dl.hanwha_program dd p.tit { font-size:18px; padding-bottom:15px; } ul.hanwha_line2 li dl.hanwha_program dd p.tit2 { font-size:16px; padding-bottom:15px; } ul.hanwha_line2 li p.h_program_img { margin-top:53px; } /*복지제도*/ .hanwhaC .hanwha_line2 li div.cont2_box { width:100%; display:inline-block; } .hanwhaC .hanwha_line2 li div.cont2_box ul.cont2 { width:50%; float:left; } .hanwhaC .hanwha_line2 li div.cont2_box ul.cont2 li+li { margin:5px 0 0 0;} /*윤리경영*/ .ethics_box { width:865px; border:8px solid #ddd; padding:32px 30px; } .ethics_box .sub_stit { margin-bottom:10px; } .ethics_box h3 { font-size:24px; text-align:center;} .ethics_box p { font-size:16px; letter-spacing:-0.5px; } .ethics_box ul.ethics_list { margin-top:30px; padding-top:30px; border-top:1px solid #ddd; } .ethics_box ul.ethics_list li { font-size:16px; letter-spacing:-1px; background:url(/img/contents_2015/static/hanwha/bul_ethics_list.gif) 5px 50% no-repeat; padding:0 0 0 12px; } .ethics_box ul.ethics_list li+li { margin-top:15px; } .ethics_cont_wrap {overflow: hidden; display:flex; flex-wrap: nowrap; border:1px solid #ddd;} ul.ethics_cont { min-width:100%; padding:40px 0; display:inline-block; margin-top:5px; } ul.ethics_cont li { width:33%; float:left; text-align:center; padding-top:145px; } ul.ethics_cont li+li { border-left:1px solid #ddd;} ul.ethics_cont li strong { font-size:18px; font-weight:bold; } ul.ethics_cont li p { padding:10px 0 0 0; } ul.ethics_cont li.ethics_cont_bg1 { background:url(/img/contents_2015/static/hanwha/ethics_cont_bg1.jpg) 50% 30px no-repeat; } ul.ethics_cont li.ethics_cont_bg2 { background:url(/img/contents_2015/static/hanwha/ethics_cont_bg2.jpg) 50% 30px no-repeat; } ul.ethics_cont li.ethics_cont_bg3 { background:url(/img/contents_2015/static/hanwha/ethics_cont_bg3.jpg) 50% 30px no-repeat; } ul.ethics_cont.ethics_cont2 { padding:30px 0px; border-left:1px solid #ddd } ul.ethics_cont.ethics_cont2 li { } ul.ethics_cont.ethics_cont2 li+li { border-left:1px solid #ddd; } ul.ethics_cont2 li.ethics_cont_bg1 { background:url(/img/contents_2015/static/hanwha/ethics_cont2_bg1.jpg) 50% 30px no-repeat; } ul.ethics_cont2 li.ethics_cont_bg2 { background:url(/img/contents_2015/static/hanwha/ethics_cont2_bg2.jpg) 50% 30px no-repeat; } ul.ethics_cont2 li.ethics_cont_bg3 { background:url(/img/contents_2015/static/hanwha/ethics_cont2_bg3.jpg) 50% 30px no-repeat; } ul.ethics_cont2 li.ethics_cont_bg4 { background:url(/img/contents_2015/static/hanwha/ethics_cont2_bg4.jpg) 50% 30px no-repeat; } /*금융사고신고센터*/ .hanwha_boxTwo { width:100%; display:inline-block; } .hanwha_boxTwo dl { width:398px; height:170px; float:left; border:1px solid #ddd; padding:25px 30px; } .hanwha_boxTwo dl+dl { margin-left:20px; } .hanwha_boxTwo dl dt { font-size:18px; font-weight:bold; } .hanwha_boxTwo dl dd { margin:20px 0 0 0; } .hanwha_boxTwo dl dd ul { width:100%; display:inline-block; } .hanwha_boxTwo dl dd ul.cont li { width:198px; float:left; } .hanwha_boxTwo dl dd ul.cont li+li { width:197px; border-left:1px solid #ddd; } .hanwha_boxTwo dl dd ul.cont li.bg1 { background:url(/img/contents_2015/static/hanwha/hanwha_boxTwo_bg1.jpg) 50% 0 no-repeat; } .hanwha_boxTwo dl dd ul.cont li.bg2 { background:url(/img/contents_2015/static/hanwha/hanwha_boxTwo_bg2.jpg) 50% 0 no-repeat; } .hanwha_boxTwo dl dd ul.cont li { padding-top:70px; text-align:center; } .hanwha_boxTwo dl dd ul.info li { width:100%; } .hanwha_boxTwo dl dd ul.info li+li { padding-top:10px; } .hanwha_boxTwo dl dd ul.info li strong { display:block; margin:0 0 3px 0; } /*한화인재상*/ ul.hawha_people { width:100%; display:inline-block; margin-top:30px; } ul.hawha_people li { width:283px; float:left; } ul.hawha_people li+li { margin-left:45px; } ul.hawha_people li.cp600_2p_nBg3 { padding-top:220px; background:url(/img/contents_2015/static/hanwha/cp600_2p_nBg3.gif) 50% 40px no-repeat; } ul.hawha_people li.cp600_2p_nBg4 { padding-top:220px; background:url(/img/contents_2015/static/hanwha/cp600_2p_nBg4.gif) 50% 40px no-repeat; } ul.hawha_people li.cp600_2p_nBg5 { padding-top:220px; background:url(/img/contents_2015/static/hanwha/cp600_2p_nBg5.gif) 50% 40px no-repeat; } ul.hawha_people li div.people_1 { margin-top:15px; padding-top:15px; border-top:1px solid #ddd; } ul.hawha_people li div.people_1 p+p { padding-top:8px; } dl.hawha_peopleInfo { width:100%; display:inline-block; } dl.hawha_peopleInfo dt { width:160px; height:160px; float:left; background-color:#477dba; } dl.hawha_peopleInfo dt em { width:140px; display:inline-block; padding:20px 0 0 20px; font-size:20px; font-weight:bold; color:#fff; } dl.hawha_peopleInfo dt span.line2 { display:inline-block; padding:45px 0 0 20px; color:#fff; font-size:16px; } dl.hawha_peopleInfo dt span.line3 { display:inline-block; padding:25px 0 0 20px; color:#fff; font-size:16px; } dl.hawha_peopleInfo dd { width:750px; float:left; margin-left:30px; } dl.hawha_peopleInfo dd ul li { line-height:150%; } dl.hawha_peopleInfo dd ul li strong.tit { display:block; margin:0 0 3px 0; } dl.hawha_peopleInfo dd ul li+li { margin-top:15px; } dl.hawha_peopleInfo dd ul li ul { margin-top:10px; } dl.hawha_peopleInfo dd ul li p { margin-top:10px; padding:0; padding-left: 12px; font-size:14px; } dl.hawha_peopleInfo .diagramList { margin:20px 0 0 0; } dl.hawha_peopleInfo .diagramList li+li { margin-top:0; } dl.hawha_peopleInfo .diagramList li.line2 { margin:20px 0 0 20px ; } dl.hawha_peopleInfo .diagramList li.line2.bgN{ margin:20px 0 0 0; } .test_step_box { width:100%; background:url(/img/contents_2015/static/hanwha/CP430_3_bg1.jpg) 50% 50% no-repeat; } .test_step_box .test_step { width:100%; display:inline-block; } .test_step_box .test_step p { width:338px; border:1px solid #ddd; height:80px; float:left; padding:20px 0 0 20px; background-color:#fff; } .test_step_box .test_step p+p { margin-left:30px; } .test_step_box div.test_step+div { margin-top:30px; } .test_step_box .test_step p strong { display:block; margin:0 0 3px 0; } /*교육제도*/ .hawha_goal_box { width:938px; height:412px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;overflow:hidden; } ul.hawha_goal { width:100%; display:inline-block; } ul.hawha_goal li { width:173px; height:175px; float:left; padding:30px 30px 0 30px; border-bottom:1px solid #ddd;} ul.hawha_goal li+li { width:174px; border-left:1px solid #ddd; } ul.hawha_goal li strong { font-size:18px; display:block; padding:0 0 10px 0; font-weight:normal; } ul.hawha_goal li strong.tit { color:#477dba; font-size:18px; font-weight:normal; background:url(/img/contents_2015/static/hanwha/bul_hawha_goal.gif) 74px 30px no-repeat; } ul.hawha_goal li.line2_r { width:173px; border-left:0px solid #ddd; } /*IR*/ .hws220_p{text-align:right; padding:3px 0 2px 0} .hws230_div{text-align:right; padding:3px 0 2px 0} .hws230{width:100%; height:366px; background:url(/img/contents/hws_img230.jpg) no-repeat center 0; font-size:0; text-indent:-1000000px;} /*press*/ .hws310_01{height:153px;margin-bottom:25px; background:url(/img/contents/2014/hws_img310_01.gif) no-repeat 0 0; } .hws310_01 p{padding:53px 20px 0 183px;} .hws310_02{position:relative;height:37px; margin-bottom:37px;border-bottom:1px solid #e1e1e1;background:url(/img/contents/2014/hws_img310_02.gif) no-repeat 0 0; } .hws310_02 .dw {position:absolute;right:10px;top:0px;} .hws310_02 li{font-size:0; text-indent:-1000000px; } .hws310_02 p{position:relative; left:470px;top:-69px} .hws310_03{margin-bottom:40px;} .hws310_03 dl {float:left;width:240px;} .hws310_03 dt{height:40px; background:url(/img/contents/hws_img310_03_01.gif) no-repeat left top;font-size:0; text-indent:-1000000px;} .hws310_03 dt.dt2{background:url(/img/contents/hws_img310_03_02.gif) no-repeat left top;} .hws310_03 dt.dt3{background:url(/img/contents/hws_img310_03_03.gif) no-repeat left top;} .hws310_03 dd {padding-right:25px} .hws310_03 dl{} .hws_player{float:left;width:305px; height:211px; background:url(/img/contents/hws_playerBG.gif) no-repeat 0 0; padding:7px 0 0 7px} .hws_playerM{height:175px} .hws_playerL{float:left;width:405px; } .hws_playerL dt{height:30px; padding:10px 0 0 0; /*color:#be4820;*/ font-weight:bold} .hws_playerL dd{line-height:16px} .hws_playerL ol{padding:15px 0 0 0} .hws_playerL li{float:left;padding:0 10px 0 0} .hws_playerL .btn{float:left; padding:15px 0 0 0} .hws310_04{clear:both; height:245px} .hws310_04 .clear{clear:both;} /*윤리경영*/ .hws410_01{width:100%; height:270px; background:url(/img/contents/hws_img410_01.gif) no-repeat 0 0; } .hws410_01 strong{font-size:0; text-indent:-1000000px; } .hws410_02{width:100%; height:440px; background:url(/img/contents/hws_img410_02.gif) no-repeat 0 0; } .hws410_02 li{font-size:0; text-indent:-1000000px; } .hws410_03L{float:left; width:360px; height:165px; background:url(/img/contents/hws_img410_03.gif) no-repeat 0 0; padding:10px 0 0 10px} .hws410_03L dt{font-weight:bold; height:35px} .hws410_03R{float:left; width:340px; height:165px; background:url(/img/contents/hws_img410_03.gif) no-repeat 0 0; padding:10px 0 0 10px} .hws410_03R dt{font-weight:bold; height:35px} .hws410_btn{width:100%; margin:15px 0 0 0; text-align:right; clear:both; } .hws410_btn a[target="_blank"]{background:none; padding-right:0; } .hws421{width:100%; height:250px; background:url(/img/contents/hws_img421.gif) no-repeat 0 0; } .hws421 strong{font-size:0; text-indent:-1000000px; height:0px} .hws422{width:100%; height:250px; background:url(/img/contents/hws_img422.gif) no-repeat 0 0; } .hws422 strong{font-size:0; text-indent:-1000000px; height:0px} .hws422_p{padding:0 0 10px 0} /*채용안내 (<- 어디서 사용하고 있는지 확인 안됨)*/ .hws511_padding{padding:0 !important} .hws511_ola, .hws511_olb {margin-left:-10px} .hws511_ola ul li,.hws511_olb ul li{padding:0 !important;margin:0 0 0 13px !important;background:none !important;} .hws511_ola ul li:first-child,.hws511_olb ul li:first-child {margin:0 !important;} .hws511_01{padding:5px 0 10px 157px;} .hws511_02 p{font-size:0; text-indent:-1000000px;} /*브랜드경영*/ .hwsBrand_310{height:704px; background:url(/img/contents/hws_Bimg310.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_320{height:590px; background:url(/img/contents/hws_Bimg320.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_320_2{height:779px; background:url(/img/contents/hws_Bimg321.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_320_3{height:907px; background:url(/img/contents/hws_Bimg321_2.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_320_4{height:907px; background:url(/img/contents/hws_Bimg321_3.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_320_5{height:907px; background:url(/img/contents/hws_Bimg321_4.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_330{height:745px; background:url(/img/contents/hws_Bimg330.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_331_01{padding-top:554px;padding-bottom:27px; background:#f2f2f2 url(/img/contents/hws_Bimg331_01.jpg) no-repeat 0 0;} .hwsBrand_331_01 .innertxt {margin:0 25px;line-height:18px;} .hwsBrand_331_01 .innertxt strong {display:inline-block;margin:30px 0 15px 0;font-size:14px;} .hwsBrand_331_02{height:1515px; background:url(/img/contents/hws_Bimg331_02.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_331_03{height:395px; background:url(/img/contents/hws_Bimg331_03.jpg) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_332Wrap{position:relative;background:url(/img/contents/hws_Bimg322.jpg) no-repeat 0 0; } .hwsBrand_332 {padding-top:557px;} .hwsBrand_332 ol {margin-top:22px;} .hwsBrand_332 ol li {margin-bottom:18px;} .hwsBrand_332 dt {font-weight:bold;} .hwsBrand_332 dd {margin-left:18px;} .hwsBrand_333{height:101px;margin-bottom:20px; background:url(/img/contents/hws_Bimg323.gif) no-repeat 0 0; font-size:0; text-indent:-1000000px; } .hwsBrand_333Table{padding:0 0 20px 0} /* 채용정보 */ .recruit dl[class*="section-info"] {overflow: hidden} .recruit dl[class*="section-info"] > dt {float: left;width: 25%;font-size: 20px;line-height: 1.25em;} .recruit dl[class*="section-info"] > dd {float: right;width: 75%} .recruit dl[class*="section-info"] > dd .tit {display: block;margin-bottom: 5px;font-size: 14px} .recruit .description {overflow: hidden;} .recruit .description dl {float: left;width: 50%;min-height: 160px;margin-top: 20px} .recruit .description dt {/* font-size: 15px; */font-weight: bold; margin-top:20px; } .recruit .description dd {padding: 5px 20px 0 15px;background: url(/img/common/bl_li04.gif) 2px 15px no-repeat;line-height: 20px;color: #666} .cp600 dl .icon {display: block;height: 115px} .cp600 .dl1 .icon {background: url(/img/contents/2015/bg_cp600_01.gif) 0 0 no-repeat;} .cp600 .dl2 .icon {background: url(/img/contents/2015/bg_cp600_02.gif) 0 0 no-repeat;} .cp600 .dl3 .icon {background: url(/img/contents/2015/bg_cp600_03.gif) 0 0 no-repeat;} .cp620_4t.recruit .description dl {float: none;width: 100%;} .cp620_4t.recruit .description dd {padding-right: 0} ul.cp600_2 {width:100%; padding:40px 0 0; } ul.cp600_2 li {width:45%; float:left; padding:230px 0 0; } ul.cp600_2 li strong.tit {display:block; font-size:18px; height:40px; } ul.cp600_2 li.bg_1 {padding-right:50px;} ul.cp600_2 li.bg_1 {background:url(/img/contents/2015/recruit_600_bg_1.gif) no-repeat 50% 0;} ul.cp600_2 li.bg_2 {background:url(/img/contents/2015/recruit_600_bg_2.gif) no-repeat 50% 0;} /* ENGLISH */ .eng_wrap {line-height:17px;} .EN110_01 .item02 {float:right; width:333px; height:406px; font-size:0; text-indent:-1000000px; } /* background:url(/img/contents/eng/EN_img110_01.jpg) no-repeat 0 0; */ .ul_eng01 {margin-top:20px;} .ul_eng01 li.litem{padding-bottom:30px; margin-bottom:30px; background:url(/img/contents/eng/EN_img112_0101_hline.gif) repeat-x 0 bottom;} .eng_history h3.title {float:left; width:150px; padding:0 15px 0 0; font-size:35px; line-height:30px; text-align:center;} .eng_history h3.title .txt {font-size:32px; color:#4b4b4b;} .eng_history ul.libul03 {margin-left:175px;} .eng_history dl.dl01 {overflow:hidden;} .eng_history dl.dl01 .dt01 {float:left; width:80px; font-weight:bold;} .eng_history dl.dl01 .dd01 {margin-left:80px;} .EN115_0101 {position:relative; height:340px; background:url(/img/contents/eng/EN_img115_0101.gif) no-repeat 0 0;} .EN115_0101 .txt01 {position:absolute; top:109px; left:279px; display:inline-block; width:51px; height:18px; text-align:center; line-height:18px; font-weight:bold;} .EN115_0101 .txt02 {position:absolute; top:71px; left:253px; display:inline-block; width:88px; height:18px; text-align:center; line-height:18px; font-weight:bold;} .EN115_0101 .txt03 {position:absolute; top:105px; left:135px; display:inline-block; width:66px; height:18px; text-align:center; line-height:18px; font-weight:bold;} .EN115_0102 {height:120px; padding:30px 30px 30px 30px; background:url(/img/contents/eng/EN_img115_0102.gif) no-repeat 0 0;} .EN115_0102 .tit {width:462px; font-size:16px; /*color:#be4820;*/ font-weight:bold; line-height:20px;} .EN115_0102 .detail {width:360px; margin-top:20px;} .EN115_0201 {background:url(/img/contents/eng/EN_img115_0201.gif) no-repeat 0 0;} .EN115_0301 {background:url(/img/contents/eng/EN_img115_0301.gif) no-repeat 0 0;} .EN115_0103 .img {float:left; width:322px; margin:0 8px 0 0;} .EN115_0103 .detail {float:left; width:390px;} .EN115_0103 .libul03 {margin-top:15px; margin-bottom:15px; margin-left:11px;} .EN115_0103 .libul03 .litem {margin-bottom:10px;} .EN115_0103 .list_ul01 .litem {margin-bottom:3px;} .EN120_01 {height:553px; padding:0 30px 0 30px; background:url(/img/contents/eng/EN_img120_01.gif) no-repeat 0 0; text-align:center;} .EN120_01 dt {padding:60px 0 10px 0; font-size:16px; /*color:#be4820;*/ font-weight:bold; vertical-align:top; } .EN120_01 dd {line-height:20px;} .EN140_01 {height:171px; margin-top:20px; font-size:0; text-indent:-1000000px; background:url(/img/contents/eng/EN_img140_01.gif) no-repeat 50% 0;} .EN140_02 {height:272px; margin-top:30px; font-size:0; text-indent:-1000000px; background:url(/img/contents/eng/EN_img140_02.gif) no-repeat center 0;} /* box01tc */ .box01tc {margin-top:20px; min-height:1%; background:#e7e4e1 url("/img/contents/eng/box/box01_line.gif") repeat-x;} * html .box01tc {height:1%;} .box01cl {min-height:1%; background:url("/img/contents/eng/box/box01_line.gif") repeat-y;} * html .box01cl {height:1%;} .box01cr {min-height:1%; background:url("/img/contents/eng/box/box01_line.gif") repeat-y right;} * html .box01cr {height:1%;} .box01tl {min-height:1%; background:url("/img/contents/eng/box/box01_tl.gif") no-repeat 0 0;} * html .box01tl {height:1%;} .box01tr {min-height:1%; padding:7px 10px 7px 10px; background:url("/img/contents/eng/box/box01_tr.gif") no-repeat right 0;} * html .box01tr {height:1%;} /* box02bc */ .box02bc {min-height:1%; background:#fff url("/img/contents/eng/box/box02_line.gif") repeat-x bottom;} * html .box02bc {height:1%;} .box02cl {min-height:1%; background:url("/img/contents/eng/box/box02_line.gif") repeat-y;} * html .box02cl {height:1%;} .box02cr {min-height:1%; background:url("/img/contents/eng/box/box02_line.gif") repeat-y right;} * html .box02cr {height:1%;} .box02bl {min-height:1%; background:url("/img/contents/eng/box/box02_bl.gif") no-repeat 0 bottom; } * html .box02bl {height:1%;} .box02br {min-height:1%; padding:7px 10px 7px 10px; background:url("/img/contents/eng/box/box02_br.gif") no-repeat right bottom;} * html .box01br {height:1%;} .EN160_01 li {margin:0 0 5px 0;} .EN160_01 dl {background:url(/img/contents/eng/EN_img150_03.gif) repeat-x; } .EN160_01 dl dt {float:left; width:110px; min-height:40px; padding:4px 15px 0 15px; background:url(/img/contents/eng/EN_img150_01.gif) no-repeat 0 0; /*color:#be4820 */ font-weight:bold;} .EN160_01 dl dd {margin-left:140px; min-height:40px; padding:4px 0 0 10px; background:url(/img/contents/eng/EN_img150_02.gif) no-repeat right 0;} .unit {text-align:right; } .EN160_02 .item01 {float:left; width:351px; padding-right:18px} .EN160_02 .item02 {float:left; width:351px;} .EN160_02 dl {margin:0 0 10px 0;} .EN160_02 dl dt {/*color:#be4820; */ font-weight:bold; } /* English */ .en320_01{height: 794px;margin-bottom: 10px;background: url(/img/contents/en320_01.gif) 0 0 no-repeat;} .en610_01 {height: 422px;margin-top:20px;background: url(/img/contents/en610_map.gif) 50% 0 no-repeat;} /* academy */ .ac112 {height:183px;margin-bottom:20px;background: url('/img/academy/ac112.gif') 0 0 no-repeat;} .ac112 .hidden {display:none} ol.ac112_01 {background: url(/img/academy/ac112_01.gif) 0 0 no-repeat;} ol.ac112_01 li {height:106px;position:relative;padding: 0 130px 0 164px;} ol.ac112_01 li a {position: absolute;top:20px;right: 10px; background: none; padding-right: 0;} /* .ac180{height:18px;margin:0 0 20px 0;padding:16px 20px;background: url('/img/academy/txt_lecture.gif') 0 0 no-repeat;} */ em.ic01{padding:2px 16px 2px 0;background: url(/img/common/bg_medal.gif) right 0 no-repeat;font-weight: bold;line-height: 20px;} .tphoto {float:left;width:97px;height:128px;margin:0 20px 0 0;border: 3px solid #e0dedf;background: url(/img/common/bg_photo.gif) 0 0 no-repeat;} .tinfo {float:left;width:597px;} .ac190{position:relative; height:133px;margin:0 0 39px 0;background: url('/img/academy/img_youngacademy.gif') 0 0 no-repeat;} .ac190 a.Grgbtn22{position: absolute; text-decoration:none;} .ac190 a.btn01 {left:326px;top:90px; text-decoration:none;} .ac190 a.btn02 {left:575px;top:90px; text-decoration:none;} ul.ac190_01 {overflow:hidden; } ul.ac190_01 li {position:relative;float: left;width:136px;height: 199px;margin-right:10px;background: url(/img/academy/ac190_01.jpg) 0 0 no-repeat;} ul.ac190_01 li a.Grgbtn22 {position: absolute;top:177px;left:0; } ul.ac190_01 li.c01 {background-position: 0 0 ;} ul.ac190_01 li.c02 {background-position: -146px 0 ;} ul.ac190_01 li.c03 {background-position: -292px 0 ;} ul.ac190_01 li.c04 {background-position: -438px 0 ;} ul.ac190_01 li.c05 {margin-right:0;background-position: -584px 0 ;} .ac190_02 {position:relative; margin:30px 0 0; height:104px;margin-bottom:30px; background: url(/img/academy/ac190_02.gif) 0 0 no-repeat;text-indent: -999999px;} .ac190_02 a {display:inline-block;height:100%;position: absolute;top:0; text-decoration:none; background:none} .ac190_02 .ac01 a {width:230px;left:0;} .ac190_02 .ac02 a {width:197px;left:231px;} .ac190_02 .ac03 a {width:102px;left:438px;} .ac190_02 .ac04 a {width:116px;left:604px;} ul.ac190_03 {overflow:hidden; } ul.ac190_03 + a.btn_more {position:absolute; top:5px; right:0; } ul.ac190_03 li{position:relative;float: left;width:130px;height: 225px;background: url(/img/academy/ac190_03.gif) 0 0 no-repeat;} ul.ac190_03 li a.Grgbtn22 {position: absolute;bottom:20px;left:34px; text-decoration:none;} ul.ac190_03 li.c01{width:139px;padding-left:32px;background-position: 0 0 ;} ul.ac190_03 li.c01 a.Grgbtn22 {left: 68px; } ul.ac190_03 li.c02{background-position: -171px 0 ;} ul.ac190_03 li.c03{background-position: -301px 0 ;} ul.ac190_03 li.c04{background-position: -428px 0 ;} ul.ac190_03 li.c05{width:159px;background-position: -560px 0 ;} .box07.logo a {background:none; } .stockdiary {position:relative;height:199px;margin-bottom:20px;background:url(/img/dream/dp_stockdiary_bg.gif) right 0 no-repeat; font-size:0;margin-top:5px;} .stockdiary .tit {position:absolute;left:0;top:20px;width:247px;height:45px;background:url(/img/dream/dp_stockdiary_tit.gif) 0 0 no-repeat; text-indent:-99999px;} .stockdiary p.txt {position:absolute;left:0;top:77px;width:367px;height:73px;background:url(/img/dream/dp_stockdiary_txt.gif) 0 0 no-repeat; text-indent:-99999px} .stockdiary .pos_btn{position:absolute;left:0;bottom:0;} .stockdiary .pos_btn button{width:170px;height:35px;background:url(/img/dream/dp_stockdiary_write.gif) 0 0 no-repeat; color:transparent; font-size:0} .sdli {float:left;} .sdli li{display:inline-block;float:left;padding:0 10px; width:180px; border-right:1px dashed #e1e1e1;line-height:30px;} .sdli li.li_L{width:250px !important;} .sdli li.last {border:0; } /* -------------------------------------------------------------------------------------------------------- */ /* --------------------------------------- start 상미 ----------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- */ /* 신용거래 */ .ib310 .topBnr {} .ib310 .topBnr ul.visual {overflow:hidden;} .ib310 .topBnr ul.visual li {float:left; width:408px; padding:30px; padding-bottom:150px; color:#fff; background:#e77e29 } .ib310 .topBnr ul.visual li +li {float:right; } .ib310 .topBnr ul.visual li.bg01_1 {background:url(/img/contents_2015/bank/ib310_1_visual_1.jpg) no-repeat 50% 100% #e77e29; } .ib310 .topBnr ul.visual li.bg01_2 {background:url(/img/contents_2015/bank/ib310_1_visual_2.jpg) no-repeat 50% 100% #81b3d8; } .ib310 .topBnr ul.visual li.bg02_1 {background:url(/img/contents_2015/bank/ib310_2_visual_1.jpg) no-repeat 50% 100% #79beb0; } .ib310 .topBnr ul.visual li.bg02_2 {background:url(/img/contents_2015/bank/ib310_2_visual_2.jpg) no-repeat 50% 100% #d17c6c; } .ib310 .topBnr ul.visual li.bg03_1 {width:100%; padding-bottom:180px; background:url(/img/contents_2015/bank/ib310_3_visual_1.jpg) no-repeat 50% 100% #be9579; } .ib310 .topBnr ul.visual li strong {font-size:24px; } .ib310 .topBnr ul.visual li p {font-size:16px; padding:15px 0 0; } .ib310 .topBnr .infoLink {text-align:center; padding:20px 0 0; } .ib310 .topBnr .infoLink p {padding: 0 0 15px; font-size:16px; } .ib310 .topBnr .infoLink a {font-size:18px; line-height:36px; padding:0 15px 3px ;} .ib310 .useTipCont {border-top:1px solid #ddd; margin-top:30px; padding:30px 0 0; } .ib310 .useTipCont strong.tip_tit {font-size:18px; font-weight:bold; } .ib310 .useTipCont ul {overflow:hidden; padding:15px 0; } .ib310 .useTipCont ul li {width:470px; float:left; background:url(/img/contents_2015/bank/ib310_1_diagram_1.jpg) no-repeat 100% 50%; } .ib310 .useTipCont ul li + li {width:440px; padding-left:30px; background:url(/img/contents_2015/bank/ib310_1_diagram_2.jpg) no-repeat 100% 50%; } .ib310 .useTipCont ul li strong {font-size:18px; font-weight:normal; display:block; } .ib310 .useTipCont ul li p {font-size:14px; padding:5px 0 0 10px; background:url(/img/common/2015/bul_li02.gif) no-repeat 0 15px; } .ib310 .useTipCont.bg2 ul li {width:470px; float:left; background:url(/img/contents_2015/bank/ib310_2_diagram_1.jpg) no-repeat 100% 50%; } .ib310 .useTipCont.bg2 ul li + li {width:440px; padding-left:30px; background:url(/img/contents_2015/bank/ib310_2_diagram_2.jpg) no-repeat 100% 50%; } .ib310 .useTipCont.bg3 ul li {width:470px; float:left; background:url(/img/contents_2015/bank/ib310_3_diagram_1.jpg) no-repeat 100% 50%; } .ib310 .useTipCont.bg3 ul li + li {width:440px; padding-left:30px; background:url(/img/contents_2015/bank/ib310_3_diagram_2.jpg) no-repeat 100% 50%; } .ib310 .lineBox_faq {border:1px solid #ddd; margin-top:30px; border-top:1px solid #000; overflow:hidden; } .ib310 .lineBox_faq > li {margin-top:-1px; border-top:1px solid #ddd; } .ib310 .lineBox_faq > li a.tit {display:block; padding:20px 0 0 30px; height:40px; font-size:16px; color:#000; background:url(/img/contents_2015/bank/faq_off.jpg) no-repeat 100% 50%; } .ib310 .lineBox_faq > li a.tit:hover {text-decoration:none; color:#de690a} .ib310 .lineBox_faq > li.on a.tit {font-weight:bold; font-size:18px;background:url(/img/contents_2015/bank/faq_on.jpg) no-repeat 100% 50%; } .ib310 .lineBox_faq > li.on a.tit:hover {color:#000; } .ib310 .lineBox_faq .section01 {padding:0 30px 30px; width:auto; display:none; } .ib310 .lineBox_faq li.on .section01 {display:block; } .ib310 .lineBox_faq li.on .section01 .sub_stit {margin:0; } .ib310 .lineBox_faq li.on .section01 div + .sub_stit {margin-top:30px; } .ib310 .lineBox_faq li.on .section01 .sub_stit.mt30 {margin-top:30px; } .ib310 .lineBox_faq li.on .section01 .sub_stit h3 {font-size:16px; } .ib310 .lineBox_faq li.on .section01 p.stepImg {padding:10px 0 0;} .ib310 .imgList {overflow: hidden;text-align: center; padding:30px 0 0;} .ib310 .imgList ul {overflow:hidden; padding-bottom:30px; border-bottom:1px solid #ddd; } .ib310 .imgList ul li {float: left;width: 33%;height: 60px; padding-top: 60px;background: #fff url(/img/contents_2015/bank/ib310_1_diagram_3.jpg) center 0 no-repeat;} .ib310 .imgList ul .li2 {border-left: 1px solid #ddd; background: #fff url(/img/contents_2015/bank/ib310_1_diagram_4.jpg) center 0 no-repeat;} .ib310 .imgList ul .li3 {border-left: 1px solid #ddd; background: #fff url(/img/contents_2015/bank/ib310_1_diagram_5.jpg) center 0 no-repeat;} /* 서비스 선택제 안내 */ .core2.cs164_1.mob_mt20 .section02 + .section02 { border-top:0px solid #ddd; margin-top:0px; } .cs164_1_top {height:120px; position:relative; z-index:2; } .cs164_1_top p {float:left; width:600px; line-height:25px; } .cs164_1_top div {float:right; margin-top:-55px; width:300px; height:169px; background:#ddd; } .cs164_1 {color: #000} .cs164_1 .section02 {margin-top: 30px; padding-top:30px; border-top:1px solid #ddd; } .cs164_1 .pbtn, .cs164_1 .pbtnBold1 {font-size: 14px} .sub_stit.CS164_1_tc { margin-top:0; } .sub_stit.CS164_1_tc .pbtnBold1.lock { line-height:25px; padding:0 10px; } .sub_stit.CS164_1_tc .pbtnBold1.lock span{ background: url(/img/contents_2015/center/CS164_1p_lock.jpg) 0 60% no-repeat; padding-left:15px;} .cs164_1 .sub_stit { margin-top:0; } .cs164_1 .sub_stit h3 {font-size: 18px;margin-bottom:0px} .cs164_1 .sub_stit h4 {font-size: 18px;} .cs164_1 .caption {margin: 30px 0 10px 0;text-align: center;} .cs164_1 .caption h4 {font-size: 15px;font-weight: normal;} .cs164_1 p + table {margin-top: 10px;} .cs164_1 .boxhover {margin-bottom: 15px;margin-top: 30px; overflow: hidden;} .cs164_1 .floatBox {float: left;width: 48%; height:830px; border: 1px solid #ddd; background: url(/img/contents_2015/center/CS164_1p_bg1.jpg) 95% 30px no-repeat;} .cs164_1 .floatBox+.floatBox {float: right; background: url(/img/contents_2015/center/CS164_1p_bg2.jpg) 95% 30px no-repeat;} .cs164_1 .floatBox .title {margin: 20px; padding-bottom:20px; border-bottom:1px solid #ddd; } .cs164_1 .floatBox .cont {padding: 0px 17px 30px 17px;} .cs164_1 .floatBox .cont p{margin-bottom: 20px;} .cs164_1 .floatBox .title strong {display: block;margin-bottom: 15px;font-size: 20px;color: #000;} .cs164_1 .floatBox .cont strong {display: block;margin-bottom: 15px;font-size:16px;} .cs164_1 .floatBox .cont .bgBox {background: url(/img/contents_2015/center/cs164_img1_2.jpg) no-repeat 10px 13px; padding-top: 6px; height: 308px; border-bottom:1px solid #ddd; margin-bottom:20px;} .cs164_1 .floatBox .cont .bgBox.bg2 {padding-top:0px; background: url(/img/contents_2015/center/cs164_img2_2.jpg) no-repeat 10px 13px; } .cs164_1 .floatBox .cont .bgBox em {font-size: 14px; font-weight:normal; color:#477dba; } .cs164_1 .floatBox .cont .bgBox ul {margin-left: 80px;} .cs164_1 .floatBox .cont .bgBox li {padding: 13px 0px 9px 0px;} .cs164_1 .floatBox .cont .bgBox li + li { margin-top:14px; } .cs164_1 .floatBox .cont .bgBox.bg2 .footnote {padding: 5px 20px 5px 10px; color:#666; } .cs164_1 .floatBox .cont .bgBox.bg2 .footnote span.m_hidden{ display:none; } .cs164_1 .section_bottom {margin-top: 30px;padding-top: 30px;border-top: 1px solid #ddd;} .cs164_1 .section_bottom .tit {display: block;margin-bottom:20px;font-weight: bold;font-size: 18px} .cs164_1 .boxhover + .footnote.m_hidden ul li{ background:none; padding-left:0; color:#666; font-size:13px; line-height:1.6em; } /* -------------------------------------------------------------------------------------------------------- */ /* --------------------------------------- start 유 ----------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- */ /* 공통 */ .core2 .txt_st {} .core2 .txt_st > li { margin-top:0; } .core2 .txt_st > li + li {margin-top:30px; } .core2 .txt_st > li > strong{display:block; padding-bottom:15px; font-size:18px; font-weight:bold; } /* 코어펀드포트폴리오 메인 */ .coreMain_visual.bg2 {position:relative; height:325px; background: #404248 url(/img/contents/2015/coreWrap_top.jpg) no-repeat right 0; } .coreMain_visual.bg2 div.ment {padding:120px 0 0 30px; color:#fff; } .coreMain_cont .cont_3 {width:100%; clear:both; padding-bottom:30px; } .coreMain_cont .cont_3 strong {font-size:18px; display:block; padding: 10px 0 15px 0; line-height:160%; } .coreMain_cont .cont_3 ol li {font-size:18px; line-height:160%; } .cs170 {width:940px; padding:40px 0 0; } .cs170 ul.txt_st > li > strong {padding-bottom: 20px; font-size: 24px; } .cs170 .portfolioBox {height:495px; overflow: hidden; } .cs170 .portfolio {width:263px; padding: 20px;cursor: pointer; border:1px solid #ddd; } .cs170 .portfolio+.portfolio {margin-left: 12px; } .cs170 .portfolio .tit {display:block; margin-bottom: 40px; font-size: 24px; font-weight: bold; text-align: center; } .cs170 .portfolio .tit strong {color:#477dba; } .cs170 .portfolio .graph {text-align: center;} .cs170 .portfolio .desc {height: 140px; } /* 사용하는페이지 인지 확인필요 */ .coreMain_cont .cont_2 ul.menu_list_top {padding:4px 0 10px 30px; border-top:1px solid #eee; } .coreMain_cont .cont_2 ul.menu_list_top li { border:0;} .coreMain_cont .cont_2 ul.menu_list_top li + li { border-top:1px solid #eee; } .coreMain_cont .cont_2 ul.menu_list_top li a {display:block; padding:14px 0 16px; font-size:16px; color:#de690a; background:url(/img/contents/corefund/bul_list_arr.png) no-repeat 185px 50%;} .coreMain_cont .cont_2 ul.movie {padding:10px 0 0; } /*포트폴리오 서비스특징*/ .cs175 .sub_stit h3 {width:940px; margin-bottom: 10px; } .cs175 .process > ul > li {margin-bottom:10px; border: 1px solid #e6e6e6; } .cs175 .process > ul > li.one .head {background: url(/img/common/2015/bul_faqArr_new.png) right 28px no-repeat;} .cs175 .process > ul > li.open .head {background: url(/img/common/2015/bul_faqArr_opened_new.png) right 28px no-repeat;} .cs175 .process > ul > li .head {padding: 20px 0 20px 20px;} .cs175 .process > ul > li .head .title {display:block; margin-bottom: 10px; padding-right:60px; font-size: 18px; line-height: 30px; font-weight: bold; color: #222; } .cs175 .process > ul > li .body {display:none; padding: 30px; border-top: 1px solid #e6e6e6; background: #f7f7f7; text-align: center; } .cs175 .process > ul > li.open .body {display:block; } .cs175 .process dl.titBox {width: 777px; display:inline-block; padding: 20px; margin-bottom: 30px; border: 1px solid #e46c0b; background: #fff; } .cs175 .process dl.titBox dt {width: 270px; float: left; text-align: right; font-size: 22px; color: #e46c0b; font-weight: bold; line-height: 40px; } .cs175 .process dl.titBox dd {float: left; margin-left: 40px; text-align: left; } .cs175 .process dl.titBox dd ul[class*=libul]>li+li{margin-top: 5px;} .core2 ul.step_line3 {width:820px; overflow:hidden; display:inline-block; margin:0; padding:0; text-align: left; } .core2 ul.step_line3 > li {width:240px; float:left; padding-left:0px; background:none; margin:0; } .core2 ul.step_line3 > li + li { padding:0 0px 0 35px; margin-left:15px; background:url(/img/contents/2015/coreWrap_arr.jpg) no-repeat 0 50%; } .core2 ul.step_line3 > li > div.box {width:240px; background:#fff; } .core2 ul.step_line3 > li > div > strong {display:block; font-size:16px; padding:20px 20px 15px 20px; color:#222; border-bottom:1px solid #ddd; } .core2 ul.step_line3 > li > div p.txt {padding:10px 20px 0; font-size:14px; } .core2 ul.step_line3 > li > div ul {padding:15px 20px 0; } .core2 ul.step_line3 > li > div li {padding-left:10px; } .core2 ul.step_line3 +.map_tit {padding:15px 0 0 0; text-align:center; font-weight:bold; } /*포트폴리오 유형*/ .corePortfolio .detail_tit {width:940px; display:inline-block; overflow:hidden; padding:30px 0; border-bottom:1px solid #e6e6e6; } .corePortfolio .detail_tit .tit {width:460px; float:left; } .corePortfolio .detail_tit .tit strong {display:block; font-size:24px; } .corePortfolio .detail_tit .tit p {padding:30px 0 0; } .corePortfolio .detail_tit .graph {width:310px; float:right; padding-right:50px; text-align:center; } .corePortfolio ul.core_type_I_graph {width:940px; display:inline-block; overflow:hidden; } .corePortfolio ul.core_type_I_graph li {width:50%; float:left; padding:30px 0 0; text-align:center; position:relative; } .corePortfolio ul.core_type_I_graph li strong {display:block; height:85px; font-size:16px; } .corePortfolio ul.core_type_I_graph li .bgBox {width:95%; background:#f5f5f5; margin:20px 0 0; padding:15px 0; text-align:left; } .corePortfolio ul.core_type_I_graph li .bgBox p {padding-left:50px; } .corePortfolio .reserv_link {width:940px; position:relative; margin:30px 0 0; background:url(/img/contents_2015/marketing/CS170_2t_bannerBg.jpg) 0 0 no-repeat; } .corePortfolio .reserv_link a { width:880px; height:50px; padding:35px 30px; display:inline-block; font-size:18px; color:#fff; font-weight:bold; text-align:left; line-height:140%; } .corePortfolio .reserv_link a:hover, .corePortfolio .reserv_link a:active { text-decoration:none; } .corePortfolio .reserv_link a.btn_reserv {position:absolute; padding-right:25px; right:20px; bottom:15px;color:#fff; background:url(/img/contents/2015/pbtn_bul.jpg) no-repeat 100% 59%; } /*투자상품*/ .suvMainVS.visual_invest {height: 319px;background: #828383 url(/img/contents_2015/submain_visual/invest_submain_bg.jpg) 50% 0 no-repeat;} .invest_1 {position: relative;width:100%; z-index: 5; padding-bottom: 80px} .invest_1 .box-intro {height: 295px; padding: 0; padding-top: 25px; margin-bottom: 60px; border: 0; color: #fff} .invest_1 .box-intro > h3 {display: block; font-size: 24px; font-weight: bold;} .invest_1 .box-intro > strong {display: block; margin-top: 25px;font-size: 28px; font-weight: normal;} .invest_1 .box-intro > ul {width: 590px;margin-top: 20px;} .invest_1 .box-intro > ul > li {padding-left: 25px; background: url(/img/contents_2015/submain_visual/invest_bul_chk.gif) 0 5px no-repeat; line-height: 25px;} .invest_1 .box-intro > ul > li + li {margin-top: 10px;} .invest_1 .floatBoxWrap .left {position: relative; padding-right: 320px; overflow: hidden; } .invest_1 .floatBoxWrap .left h4 {font-size: 24px;font-weight: normal; margin-bottom: 30px} .invest_1 .floatBoxWrap .left h4 > em {color: #477dba;} .invest_1 .floatBoxWrap .left .section-info {float: left; width: 295px; height: 115px;padding:0;margin: 0; border: 0;} .invest_1 .floatBoxWrap .left .section-info.info2 {position: absolute; right: 0; top: 60px; width:300px; height: 220px; padding-left: 20px;border-left: 1px solid #ddd; background: url(/img/contents_2015/submain_visual/invest_bg_info.jpg) right bottom no-repeat;} .invest_1 .floatBoxWrap .left .section-info dt {font-weight: bold;} .invest_1 .floatBoxWrap .left .section-info dd {padding-top: 5px;line-height: 22px;} .invest_1 .floatBoxWrap .right {overflow: hidden; width: 100%; margin-top: 60px;} .invest_1 .floatBoxWrap .right .panel {position: relative;float: left; width: 193px; height: 160px; padding: 20px; border: 1px solid #ddd; border-left: 0} .invest_1 .floatBoxWrap .right .panel:first-child {border-left: 1px solid #ddd} .invest_1 .floatBoxWrap .right .panel .tit {padding: 0; background: none; text-align: left; font-size: 16px;} .invest_1 .floatBoxWrap .right .panel .con {padding: 5px 0 0 0;} .invest_1 .floatBoxWrap .right .panel .con .pbtn {position: absolute; left: 20px; bottom: 20px;} /*eslDls*/ .section-info .core_fund a {width:930px; text-align:right; } p.comm {font-size:14px; padding:5px 0 0 27px; text-indent:-27px; } /*신탁*/ .FI510_1t .text_indent {padding-left:108px; text-indent:-108px; } /*연금저축계좌*/ .fi191_02 .diagramList li > p {min-height:90px; } /*현금관리 CMA 신용카드*/ .fi242_01 {width:940px; height:169px; margin:10px 0; background: url('/img/contents/2014/fi242_01.gif') 50% 0 no-repeat; } .box13 dl {width:879px; display:inline-block; padding:30px 0 54px 19px;} .box13 dt {width:270px;height:143px; float:left; text-indent:-99999px; } .box13 dd {width:609px; float:left; } .box13 dl strong {display:inline-block;margin-bottom:5px;font-size: 14px;} .box13 dl ul {margin-bottom: 17px;} .box13 .fi242_c01 {background: url('/img/contents/fi242_c01.gif') 0 0 no-repeat;} .box13 .fi242_c01 .titlen{position:absolute; top:-70px; left:-36px; font-size:12px; text-indent:0;visibility:hidden; } .box13 .fi242_c02 {background: url('/img/contents/fi242_c02.gif') 0 0 no-repeat;} .box13 .fi242_c02 .titlen{position:absolute; top:-70px; left:-36px; font-size:12px; text-indent:0;visibility:hidden; } .box13 .fi242_c03 {background: url('/img/contents/fi242_c03.gif') 0 0 no-repeat;} .box13 .fi242_c03 .titlen{position:absolute; top:-70px; left:-36px; font-size:12px; text-indent:0;visibility:hidden; } .box13 .fi242_c04 {background: url('/img/contents/fi242_c04.gif') 0 0 no-repeat;} .box13 .fi242_c04 .titlen{position:absolute; top:-70px; left:-36px; font-size:12px; text-indent:0; } .box13 .fi242_c05 {background: url('/img/contents/fi242_c05.gif') 0 0 no-repeat;} .box13 .fi242_c05 .titlen{position:absolute; top:-70px; left:-36px; font-size:12px; text-indent:0; } .box13 .fi242_c06 {background: url('/img/contents/fi242_c06.gif') 0 0 no-repeat;} .box13 .fi242_c06 .titlen{position:absolute; top:-70px; left:-36px; font-size:12px; text-indent:0; } .box13 .fi243_c01 {background: url('/img/contents/fi243_c01.gif') 0 0 no-repeat; } .box13 .fi243_c02 {background: url('/img/contents/fi243_c02.gif') 0 0 no-repeat; } .SCCard {position:relative; } .SCCard a.pbtn {position:absolute; top:180px; left:118px; } /*투자상품안내*/ .invest_0 {width:100%; } .invest_0 .layout-default dl.section-info {width:100%; display:inline-block; } .invest_0 .layout-default dl.section-info dt {width:90px; float:left; font-size:18px; font-weight:bold; line-height:23px; } .invest_0 .layout-default dl.section-info dd {float:left; width:850px; padding:4px 0 0 0; } .fi121_01 {height:235px;background: url('/img/contents/2014/img_fi121_01.gif') 50% 0 no-repeat;} .fi122_01 {height:270px;background: url('/img/contents/2014/img_fi122_01.gif') 50% 0 no-repeat;} /*랩(wrap)*/ .fi611_1p .img01 {height: 361px; margin-top: 50px; background: url('/img/contents/2015/img_FI611_1.jpg') 50% 0 no-repeat; } /*공인인증서 발급*/ .cert01 {width:940px; } .cert01 dl {width:940px; display:inline-block; padding-bottom:0px; border-top:0px; } .cert01 dl dt {width:240px; float:left; font-size:24px; } .cert01 dl dd {width:700px; float:left; } .cert01 dl + dl { padding-top:40px; border-top:1px solid #dddddd; } ul.certC {width:100%; display:inline-block; }/*margin-top:5px; */ .certC40 {margin-top:40px; } .certC40.line {margin-top:40px; border-top:1px solid #ddd; padding-top:40px; } ul.certC li.cont {width:50%; float:left; padding-bottom:40px; position:relative; } ul.certC li.cont .img {width:100%; text-align:center; padding-top:40px; } ul.certC li p,ul.certC li h3 {font-size:18px; font-weight:bold; } ul.certC li { } ul.certC li a { display:inline-block; margin-top:15px; } ul.certC li a.mtN {margin-top:0; } ul.certC li ul li {width:100%; margin-top:10px; } ul.certC li ul li.line {line-height:150%; } ul.certC li.cont2 {width:33.3%; float:left; margin-bottom:0; padding-bottom:40px; } ul.certC li.cont6 {width:25%; float:left; margin-bottom:0; padding-bottom:40px; } ul.certC li ul {min-height:95px; } ul.certC li ul.short {min-height:60px; } ul.certC li ul.long {min-height:150px; } ul.certC li ul.long2 {min-height:120px; } ul.certC li ul.long3 {min-height:170px; } ul.certC + ul { border-top:1px solid #dddddd; padding-top:40px; } ul.certC.lineNon li.cont2 {border:0; } /* 투자상품 아래 4개글 */ ul.certC li.cont5 {width:25%; float:left; padding-bottom:40px; border-bottom:0px solid #dddddd; margin-bottom:40px; } ul.certC.lineNon li.cont5 {border:0; margin-bottom:0; padding-bottom:0; } ul.certC.lineNon li.cont5 a {margin-top:0; } .cert01 dl.cert_bg1 dt {background:url(/img/contents_2015/center/CS310_1p_bg1.jpg) 30% 100% no-repeat; height:160px; } .cert01 dl.cert_bg2 dt {background:url(/img/contents_2015/center/CS310_1p_bg2.jpg) 30% 100% no-repeat; height:285px; } .cert01 dl.cert_bg3 dt {background:url(/img/contents_2015/center/CS310_1p_bg3.jpg) 30% 100% no-repeat; height:160px; } .cert01 dl.cert_bg1 ul li ul {min-height:95px; } .cert01 dl.cert_bg2 ul li ul {min-height:60px; } .cert01 dl.cert_bg3 ul li ul {min-height:60px; } .certBox {width:940px; height:146px; background-color:#f7f7f7; } .certBox dl {width:880px; padding:30px; display:inline-block; } .certBox dl dt {width:210px; float:left; font-size:18px; } .certBox dl dd {width:670px; float:left; display:inline-block; } .certBox dl dd ul {width:330px; float:left; } .certBox dl dd ul + ul {width:340px; } .certBox dl dd ul li {margin-bottom:6px; } .certBox dl dd ul li a {color:#000; } /*els/dls*/ .certC.els li p.tit {font-size:14px; margin-bottom:30px; } .certC.els li span.img {width:300px; height:200px; background: url(/img/marketing/invest/els2_1_img_1.jpg) left bottom no-repeat; display:inline-block; } .certC.els li + li span.img {background: url(/img/marketing/invest/els2_1_img_1.jpg) right bottom no-repeat;} .certC.els li.cont { padding-bottom:0; } /*id 등록안내*/ ul.certC li.cont3 {width:300px; float:left; margin-left:0px; position:relative; } ul.certC li.cont3 + li.cont3 { margin-left:20px; } ul.certC li.cont3 .box {width:298px; height:298px; border:1px solid #ddd; } ul.certC li.cont3 .box p {padding:205px 0 0 20px; } ul.certC li.cont3 .box p strong {display:block; font-size:16px; font-weight:normal; color:#888888; } ul.certC li.cont3 .box p span {font-size:16px; font-weight:normal; } ul.certC li.cont3 .box p span a {margin-top:0; } ul.ht300 li.cont3 .box {height:374px; } ul.certC li.cont3 .step1 {background:url(/img/contents_2015/center/infoStep1.jpg) 50% 30% no-repeat; } ul.certC li.cont3 .step2 {background:url(/img/contents_2015/center/infoStep2.jpg) 50% 30% no-repeat; } ul.certC li.cont3 .step3 {background:url(/img/contents_2015/center/infoStep3.jpg) 50% 30% no-repeat; } ul.certC li.cont3 u.h84u { display:none; } ul.certC li.cont3 + li.cont3 u.h84u {width:10px; height:28px; display:inline-block; top:130px; left:-16px; position:absolute; background:url(/img/common/2014/diagram_bul.png) no-repeat 0 0; } .section01.sectionGuide {margin-top:20px; } /*소비자보호 강령*/ .ethics {width:940px; } .ethics .box-intro {margin:0; } .ethics ul li {width:940px; height:63px; display:inline-block; padding:20px 0; border-bottom:1px solid #ddd; background:url(/img/contents_2015/static/hanwha/one.jpg) 50px 50% no-repeat; } .ethics ul li p {width:761px; float:left; padding:20px 0 0 60px; font-size:16px; } .ethics ul li p.long {padding:10px 0 0 60px; } .ethics ul li strong.one {width:37px; float:left; overflow:hidden; text-indent:-2000px; display:inline-block; color:#fff; font-size:15px; padding:34px 0 0 74px; font-weight:normal; } /*업무별 상세안내 전환사채청약*/ .tboxp.bg1 {width:100%; min-height:128px; background:url(/img/contents_2015/center/info_bg.jpg) 94% 50% no-repeat; } .tboxp {font-size:16px; } .tboxp p.info {font-size:14px; } .tboxp+.tboxp {margin-top:10px; } .newBtnRWarp { width:100%; text-align:right; margin-bottom:20px; } /*모바일트레이딩 태블릿 */ .CS933_01a{height:295px; background:url(/img/contents_2015/center/channel/CS_img933_0101.jpg) no-repeat center 5px; } .CS933_02a{height:295px; background:url(/img/contents_2015/center/channel/CS_img933_0102.jpg) no-repeat center 5px; } .CS933_01b{height:315px; background:url(/img/contents_2015/center/channel/CS_img933_0201.jpg) no-repeat center 5px; } .CS933_02b{height:360px; background:url(/img/contents_2015/center/channel/CS_img933_0202.jpg) no-repeat center 5px; } .CS933_03b{height:320px; background:url(/img/contents_2015/center/channel/CS_img933_0203.jpg) no-repeat center 5px; } /* 은퇴설계 */ .goodLife.process div.panel { padding-top:0; } .goodLife.process div.panel + div.panel { padding-top:30px; background:url(/img/contents_2015/dream/arrow_dw_btn.gif) 50% 10px no-repeat } .goodLife.process div.panel p.tit {padding: 18px; background: #f4f4f4; border:1px solid #e5e5e5; border-top:0; text-align: left; } .goodLife.process div.panel p.con {padding: 18px; background: #fff; border:1px solid #e5e5e5; border-top:0; text-align: left; } .goodLife.process div.panel p.tit { border-top:1px solid #e5e5e5;font-size: 14px; } .goodLife.process div.panel p.tit > em {width:100%; font-size:14px; color:#888; font-weight: normal; display:inline-block; } .goodLife.process div.panel p.con {letter-spacing:-.2px; } .goodLife.process div.panel p.con span.btnWrap {display: block; } .goodLife.process div.planWrap {margin-bottom:0; border: 0; } .goodLife.process ul.planList {margin-top: 30px; } /*가족 통합등급의 제도예시*/ .CS611_01 ul.diagramList { background:url(/img/common/2014/diagram_bul.png) 50% 50% no-repeat; } .CS611_01 ul.diagramList li { border:0; overflow:hidden; } .CS611_01 ul.diagramList li table { margin:0 0 0 -1px; } /*wrap 주식형 0826추가*/ .wrapBox { width:938px; min-height:244px; border:1px solid #ddd; display:inline-block; background:url(/img/contents_2015/finance/wrapBox_bg.gif) 640px 0 repeat-y; } .wrapBox .left { width:580px; float:left; padding:30px; } .wrapBox .left .list { width:100%; display:inline-block; background:url(/img/contents_2015/finance/left_bg.gif) 0 0 repeat-y; } .wrapBox .left .list dl { float:left; width:145px; } .wrapBox .left .list dl dt { font-size:14px; display:inline-block; padding:0 0 3px 15px; } .wrapBox .left .list dl dd { font-size:18px; font-weight:bold; padding-left:15px; } .wrapBox .left ul.txt { margin:28px 0; } .wrapBox .left ul.txt li { letter-spacing:-1px; } .wrapBox .left ul.txt li+li { padding-top:5px; } .wrapBox .left p.btn { width:100%; } .wrapBox .right { width:238px; min-height:222px; float:left; padding:20px 30px; position:relative; } .wrapBg1 { background:url(/img/contents/fi631_img01.png) 80% 50% no-repeat; } .wrapBg2 { background:url(/img/contents/fi631_img02.png) 80% 50% no-repeat; } .wrapBg3 { background:url(/img/contents/fi631_img03.png) 80% 50% no-repeat; } .wrapBg4 { background:url(/img/contents/fi631_img04.png) 80% 50% no-repeat; } .wrapBg5 { background:url(/img/contents/fi631_img05.png) 80% 50% no-repeat; } .wrapBg5_2 { background:url(/img/contents/fi631_img05.png) 80% 50% no-repeat; height:322px; } .wrapBg6 { background:url(/img/contents/fi631_img06.png) 80% 50% no-repeat; } .wrapBg7 { background:url(/img/contents/fi631_img07.png) 80% 50% no-repeat; height:248px; } .wrapBg8 { background:url(/img/contents/fi631_img08.png) 80% 50% no-repeat; } .wrapBg9 { background:url(/img/contents/fi631_img09.png) 80% 50% no-repeat; height:325px; } .wrapBg9_2 { background:url(/img/contents/fi631_img09_1.png) 80% 50% no-repeat; height:269px; } .wrapBg10 { background:url(/img/contents/fi631_img10.png) 80% 50% no-repeat; } .wrapBox .right .sub_stit { margin:0; } .wrapBox .right .sub_stit h3 { font-size:14px; } .wrapBox .right p.txt { position:absolute; left:30px; bottom:20px; color:#666; } .wrapBox + .section03 table td img {vertical-align: middle;} .wrapBox + .section03 table td img ~ .pbtnBold {margin-top: 5px} ul.wlist { margin-top:10px; } ul.wlist li { color:#555; } ul.wlist li+li { padding-top:10px; } /* 처음이세요? */ .welcome { background:url(/img/contents_2015/marketing/welcome_cont_bg.jpg) 0 0 repeat-y; border-bottom:1px solid #ddd; } .welcome_visual { width:940px; height:420px; margin:0 auto; background:url(/img/contents_2015/submain_visual/welcome_bg.jpg) 0 0 no-repeat; } .welcome_visual ul.cont { height:106px; padding:80px 0 58px 30px; } .welcome_visual ul.cont li { color:#fff; font-size:18px; } .welcome_visual ul.cont li.tit { color:#fff; font-size:40px; } .welcome_visual ul.link { width:880px; padding:0 30px; display:inline-block; } .welcome_visual ul.link li { width:176px; height:176px; float:left; position:relative; } .welcome_visual ul.link li a { width:175px; height:176px; border-right:1px solid #546e7a; display:inline-block; background-color:#37474f; color:#fff;} .welcome_visual ul.link li a span { padding:25px 0 0 25px; display:inline-block; } .welcome_visual ul.link li a span em { display:inline-block; color:#fff; width:100%; } .welcome_visual ul.link li a span em.num { font-size:32px; } .welcome_visual ul.link li a span em.tit { padding:15px 0 10px 0; } .welcome_visual ul.link li.on a { width:176px; height:176px; color:#de690a; background:url(/img/contents_2015/marketing/link_on.jpg) 50% 100% no-repeat #fff; } .welcome_visual ul.link li.on a em { color:#de690a; } .welcome_visual ul.link li img.step1 { position:absolute; top:70px; right:-18px; z-index:5;} .welcome_cont { position:relative; width:880px; min-height: 300px; margin:10px 30px 0 30px; } .welcome_cont p.btn a { position:absolute; } .welcome_cont p.btn a.pLeft { top: 250px; left: -15px; } .welcome_cont p.btn a.pRight { top: 250px; right: -15px; } .welcome_cont .stepTab ul.stepT { overflow: hidden; } .welcome_cont .stepTab ul.stepT > li { float:left; height:77px; } .welcome_cont .stepTab ul.stepT > li a { display: block; padding: 16px 0 0 15px; } .welcome_cont .stepTab ul.stepT > li a:hover { text-decoration:none; } .welcome_cont .stepTab ul.stepT > li a em, .welcome_cont .stepTab ul.stepT > li a span { color:#000; display:block; } .welcome_cont .stepTab ul.stepT > li a em { font-size: 18px; } .welcome_cont .stepTab ul.stepT > li a span { font-weight: bold; } .welcome_cont .stepTab ul.stepT > li.last { background:none; } /* .welcome_cont .stepTab ul.stepT > li.on {background: #de690a} */ .welcome_cont .stepTab ul.stepT > li.on a em, .welcome_cont .stepTab ul.stepT > li.on a span{ color:#fff; } .welcome_cont .stepTab ul.stepT > li.on.last { } .welcome_cont .stepTab .stepRoll { position:relative; margin-top:30px; } .welcome_cont .stepTab .stepRoll ul li {width: 780px; min-height: 470px; margin: 0 auto;} .welcome_cont .stepTab .stepRoll ul li ul li {display: none;} .welcome_cont .stepTab .stepRoll ul li ul li.show {display: block;} .welcome_cont .stepTab .stepRoll ul li img{ border: 1px solid #ddd; } .welcome_cont .welcome_Txt { margin-top:30px; padding: 0 45px;} .welcome_cont .welcome_Txt .btnWrap { margin-top:-25px; } /* cont1 */ .welcome_cont .cont1 { padding: 0px} .welcome_cont .cont1 .menuTabNavi { width: 100%; } .welcome_cont .cont1 .menuTabNavi ul.munuTab_4depth li a { background:none; } .welcome_cont .cont1 .stepBox { height:75px; border:1px solid #ddd; } .welcome_cont .cont1 .stepBox dl { width:25%; height:75px; float:left; background:url(/img/contents_2015/marketing/step_bg2.jpg) 100% 0 no-repeat; } .welcome_cont .cont1 .stepBox dl dt { padding:16px 0 0 14px; display:block; font-weight:bold;} .welcome_cont .cont1 .stepBox dl dd { padding:0 12px 0 14px; font-size:16px; font-weight:normal; display:block; }/* background:url(/img/contents_2015/marketing/stepTxt_bg.jpg) 100% 7px no-repeat; 20150914이인경수정 */ .welcome_cont .cont1 .stepBox dl.last { background:none; } .welcome_cont .cont1 ul.stepInfo { display:inline-block; width: 100%; margin-top:20px; } .welcome_cont .cont1 ul.stepInfo > li { float:left; width:23%; margin-left: 2%; line-height:160%; } .welcome_cont .cont1 ul.stepInfo li p { margin-top: 15px; } .welcome_cont .cont1 ul.stepInfo li p a { display:inline-block; } .welcome_cont .cont1 ul.stepInfo li p a+a { margin-top:8px; } .welcome_cont .cont1 ul.stepInfo li strong { display:block;} .welcome_cont .cont1 .stepRoll { margin-bottom: 30px;} .welcome_cont .cont1 .welcome_Txt { padding: 0; } /* 추가 0205 은영 */ .welcome_cont .cont1 .stepTab .stepT > li { width:25%; } .welcome_cont .cont1 .step_bg1 {background: url(/img/contents_2015/marketing/step4_1.jpg) 0 0 no-repeat;} .welcome_cont .cont1 .step_bg2 {background: url(/img/contents_2015/marketing/step4_2.jpg) 0 0 no-repeat;} .welcome_cont .cont1 .step_bg3 {background: url(/img/contents_2015/marketing/step4_3.jpg) 0 0 no-repeat;} .welcome_cont .cont1 .step_bg4 {background: url(/img/contents_2015/marketing/step4_4.jpg) 0 0 no-repeat;} /*.welcome_cont .cont1 .step_bg5 {background: url(/img/contents_2015/marketing/welcome_3_step5_bg.jpg) 0 0 no-repeat;}*/ /* cont2 */ .welcome_cont .cont2 {} .welcome_cont .cont2 .step_bg1 {background: url(/img/contents_2015/marketing/step3_1.jpg) 0 0 no-repeat;} .welcome_cont .cont2 .step_bg2 {background: url(/img/contents_2015/marketing/step3_2.jpg) 0 0 no-repeat;} .welcome_cont .cont2 .step_bg3 {background: url(/img/contents_2015/marketing/step3_3.jpg) 0 0 no-repeat;} .welcome_cont .cont2 .stepTab .stepT > li { width: 33.3%; background: none;} .welcome_cont .cont2 .stepTab .stepT > li a span { text-indent: -999999px;} /* cont3 */ .welcome_cont .cont3 {} .welcome_cont .cont3 .stepTab {} .welcome_cont .cont3 .step_bg1 {background: url(/img/contents_2015/marketing/welcome_3_step1_bg.jpg) 0 0 no-repeat;} .welcome_cont .cont3 .step_bg2 {background: url(/img/contents_2015/marketing/welcome_3_step2_bg.jpg) 0 0 no-repeat;} .welcome_cont .cont3 .step_bg3 {background: url(/img/contents_2015/marketing/welcome_3_step3_bg.jpg) 0 0 no-repeat;} .welcome_cont .cont3 .step_bg4 {background: url(/img/contents_2015/marketing/welcome_3_step4_bg.jpg) 0 0 no-repeat;} .welcome_cont .cont3 .step_bg5 {background: url(/img/contents_2015/marketing/welcome_3_step5_bg.jpg) 0 0 no-repeat;} .welcome_cont .cont3 .stepTab .stepT > li { width: 20%;} /* cont4 */ .welcome_cont .cont4 {padding-top: 60px;} .welcome_smart {overflow: hidden; min-height: 300px;} .welcome_smart ul.smart li { float: left; width: 225px; padding: 0 0 0 35px;} .welcome_smart ul.smart li.long { width:260px; padding:0 25px; border-left:1px solid #ddd; border-right:1px solid #ddd; } .welcome_smart ul.smart li:first-child {padding-left: 45px;} .welcome_smart ul.smart li dl { width:100%; } .welcome_smart ul.smart li dl dt { font-size:18px; font-weight:bold; } .welcome_smart ul.smart li dl dd { width:100%; } .welcome_smart ul.smart li dl dd p.img { text-align:center; margin:20px 0; } .welcome_smart ul.smart li dl dd a { margin-top:18px; display:inline-block; } /* cont5 */ .welcome_cont .cont5 {} ul.welcome_info { width:100%; padding: 300px 0 40px; text-align:center; background:url(/img/contents_2015/marketing/welcome_5_step5_bg.gif) 50% 100px no-repeat; } ul.welcome_info li.tit { font-size:24px; font-weight:bold; } ul.welcome_info li+li { padding-top:20px; } ul.welcome_info li p { width:100%; display:inline-block; } ul.welcome_info li p a { margin-right:20px; } /* 온라인계좌개설 탭추가 */ .welcome_cont #w1 .roll { width:100%; height:600px; } .welcome_cont #w1 .roll .rolln { width:100%; height:77px; overflow:hidden;} .welcome_cont #w1 .roll .rolln a { width:20%; height:77px; overflow:hidden; display:inline-block; float:left; color:#000; text-decoration:none; } .welcome_cont #w1 .roll .rolln a span { display:block; padding:16px 0 0 15px; color:#000; font-weight:bold; text-decoration:none; } .welcome_cont #w1 .roll .rolln a em { display:block; padding:0 0 0 15px; color:#000; font-size:18px; text-decoration:none; } .welcome_cont #w1 .roll .rolln a.on span, .welcome_cont #w1 .roll .rolln a.on em { color:#fff; } .welcome_cont #w1 .roll .online_step1 { background:url(/img/contents_2015/marketing/welcome_3_step3_bg.jpg) 0 0 no-repeat; } .welcome_cont #w1 .roll .online_step1.on { background:url(/img/contents_2015/marketing/welcome_3_step1_bg.jpg) 0 0 no-repeat; } .welcome_cont #w1 .roll .online_step2 { background:url(/img/contents_2015/marketing/welcome_3_step1_bg.jpg) 25% 0 no-repeat; } .welcome_cont #w1 .roll .online_step3 { background:url(/img/contents_2015/marketing/welcome_3_step1_bg.jpg) 50% 0 no-repeat; } .welcome_cont #w1 .roll .online_step4 { background:url(/img/contents_2015/marketing/welcome_3_step1_bg.jpg) 75% 0 no-repeat; } .welcome_cont #w1 .roll .online_step5 { background:url(/img/contents_2015/marketing/welcome_3_step1_bg.jpg) 100% 0 no-repeat; } .welcome_cont #w1 .roll .online_roll { width:880px; height:550px; position:relative; } .welcome_cont #w1 .roll .online_roll li { width:780px; height:520px; margin:0 auto; position:absolute; top:30px; left:50px; } /* 한화연금 저축계좌 */ .visual_fundInfo { background:url(/img/contents_2015/submain_visual/fundInfo_submain_bg.jpg) 50% 0 no-repeat; height:260px; } .fundInfoT { position:relative; z-index:5; } .fundInfoT ul.cont { width:100%; height:150px; padding:25px 0 85px 0; } .fundInfoT ul.cont li { color:#fff; font-size:28px; } .fundInfoT ul.cont li+li { padding-top:40px; } .fundInfoT ul.cont li h3 { color:#fff; font-size:24px; font-weight:bold; } .fundInfoT .fundInfo { width:100%; margin:60px 0 40px 0; padding:0 0 40px 0; display:inline-block; } .fundInfoT .fundInfo ul {} .fundInfoT .fundInfo ul li { background:url(/img/contents_2015/finance/bul_check.gif) 0 5px no-repeat; font-size:20px; padding:0 0 0 25px; margin:0 0 10px 0; } .fundInfoT .fundInfo p.video { width:280px; height:180px; float:left; background:url(/img/contents_2015/finance/FI196_1_videoBG.jpg) 50% 0 no-repeat; padding:15px 10px 10px 10px; text-align:center; } .fundInfoT .fundInfo p.video span { color:#fff; display:inline-block; padding:0 0 5px 0; } .fundInfoT .fundInfo p.video a { width:100%; height:100%; display:inline-block; } ul.new_tab.FI196_tab li { width:49.4%; height:100px; float:left; } ul.new_tab.FI196_tab li a { height:90px; } ul.diagramList.FI196_list.wid_4 {display:inline-block; } ul.diagramList.FI196_list.wid_4 li {width:202px; } .fundInfoT .info { width:878px; border:1px solid #ddd; padding:30px; } .fundInfoT p.tit { font-size:24px; padding:0 0 10px 0; line-height:30px;} .fundInfoT p.tit2 { font-size:18px; font-weight:bold; padding:30px 0 10px 0; } .fundInfoT .tit2.mt0 { padding:0 0 10px 0; } .fundInfoT p.txt { font-size:14px; padding:0 0 0px 0; } .fundInfoT p.txt2 { padding:40px 0 0 0; } .fundInfoT .info .supCont { font-size:14px; text-align:left; color:#666;} .fundInfoT .info .supCont span { padding-top:10px; font-size:14px; color:#666; display:inline-block; } .fundInfoT .info .supCont.Cont { padding:0px 0 20px; } .fundInfoT .good { width:100%; display:inline-block; } .fundInfoT .good dl { width:100%; display:inline-block; float:left; } .fundInfoT .good dl+dl { margin-top:10px; } .fundInfoT .good dl dt { width:98px; height:98px; border:1px solid #de690a; float:left; } .fundInfoT .good dl dt span { width:100%; display:inline-block; color:#de690a; font-size:16px; text-align:center; padding:38px 0 0 0;} .fundInfoT .good dl dt span.long { padding:24px 0 0 0; } .fundInfoT .good dl dd { width:758px; float:left; padding:0 0 0 20px;} .fundInfoT .good dl dd.txt3 { padding:9px 0 0 20px; } .fundInfoT .good dl dd.txt2 { padding:25px 0 0 20px; } .fundInfoT .good dl dd.txt1 { padding:40px 0 0 20px; } .fundInfoT .good dl dd p { font-size:16px; letter-spacing:-1px; } .fundInfoT .good dl dd p+p { padding-top:6px; } .fundInfoT .info .info_2 { width:100%; display:inline-block; } .fundInfoT .info .info_2 dl { width:373px; min-height:345px; float:left; border:1px solid #ddd; padding:30px; } .fundInfoT .info .info_2 dl+dl { margin-left:8px; } .fundInfoT .info .info_2 dl dt { font-size:18px; font-weight:bold; padding:0 0 15px 0; } .fundInfoT .info .info_2 dl dd ul li+li { padding-top:15px; } .fundInfoT .info .info_2 dl dd ul li p { background:url(/img/contents_2015/finance/bul_txt.gif) 4px 6px no-repeat; padding:0 0 0 12px; margin:4px 0 0 0; } .fundInfoT .info .imgC.imgC2 { margin:40px 0 0 0; } .fundInfoT ul.infoTel { width:100%; height:98px; display:inline-block; } .fundInfoT ul.infoTel li.info_img { margin-bottom:10px; } .fundInfoT ul.infoTel li.Tlist { width:50%; height:98px; float:left; background-color:#f4f4f4;} .fundInfoT ul.infoTel li.Tlist p { width:100%; height:65px; padding:30px 0 0 30px; color:#222; font-size:24px; } .fundInfoT ul.infoTel li.Tlist ul { width:200px; height:76px; padding:12px 0 0 200px; margin:0; background:url(/img/contents_2015/finance/tel_subBg.jpg) 153px 50% no-repeat; } .fundInfoT ul.infoTel li.Tlist ul li { width:100%; display:inline-block; font-size:14px; color:#222; background:none; padding:0; margin:0;} .fundInfoT ul.infoTel li.Tlist ul li.tel { font-size:24px; } .fundInfoT .box-intro.last { border-bottom:0; margin:0; padding:0; } .fundInfoT ul.opinion { width:100%; display:inline-block; } .fundInfoT ul.opinion li { width:293px; height:39px; float:left; padding-top:108px; text-align:center; letter-spacing:-1px;} .fundInfoT ul.opinion li.bg1 { background:url(/img/contents_2015/finance/info4_img1.jpg) 50% 0 no-repeat; } .fundInfoT ul.opinion li.bg2 { width:290px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:url(/img/contents_2015/finance/info4_img2.jpg) 50% 0 no-repeat; } .fundInfoT ul.opinion li.bg3 { background:url(/img/contents_2015/finance/info4_img3.jpg) 50% 0 no-repeat; } .diagramTab_one ul.diagramList { display:inline-block; padding:10px 0 0 0; } .diagramTab_one ul.diagramList li { width:202px; height:90px; background-color:#fff; } .diagramTab_one ul.diagramList li div { background-color:#fff; padding:15px 0 15px 10px; font-size:14px; } .diagramTab_one ul.diagramList li div.box { border:1px solid #ddd; height:60px; margin-bottom:5px;} .diagramTab_one ul.diagramList li div span { display:inline-block; width:100%; color:#888; font-size:14px; } .diagramTab_one ul.diagramList li.lineOne { height:70px; } .diagramTab_one ul.diagramList li.dot { border:1px dashed #bbb; } .diagramTab_one ul.diagramList li.heightAll { height:100%; } .diagramTab_one ul.diagramList li.brNone { border:none; margin-bottom:10px;} /*cma 0916*/ .cma_cont { width:100%; overflow:hidden; } .cma_cont+.cma_cont { padding:0px 0 0 0; margin:40px 0; border-top:1px solid #ddd;} .cma_cont .section03 { width:50%; float:left; } .cma_cont .section03 ul.libul02 li { line-height:160%; } .cma_cont_btn a { padding:0 15px; line-height:25px; } .cma_cont .panel-step li.panel { border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; } .cma_cont .panel-step li.panel .tit { padding:20px; letter-spacing:0; } .cma_cont .panel-step li.panel strong { width:100%; padding:0; font-weight:normal; color:#888; } .cma_cont .panel-step li.panel p { width:100%; padding:0; font-weight:normal; } .cma_cont .panel-step li.panel .con { margin:0; letter-spacing:0; padding:20px; } .cma_cont .panel-step li.panel .arr_down{ background:url(/img/contents_2015/finance/panel_step_arr_down.gif) 0 0 no-repeat; } /* -------------------------------------------------------------------------------------------------------- */ /* --------------------------------------- start 이 ----------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------- */ /* 고객상담 */ .counsel_mob_top {margin-bottom:20px;padding: 10px 15px 15px;background:#f4f4f4;} .counsel_mob_top .sub_stit {margin-top: 0px} #content .cs481.box13 ul.libul02 {overflow:hidden; padding:10px 0 0; } #content .cs481.box13 ul.libul02 li {float:left;display:inline-block; width:448px; margin:5px 0 0;} #content .cs481.box13 ul.libul02 li a:link, #content .cs481.box13 ul.libul02 li a:visited {color:#000; } #content .cs481.box13 ul.libul02 li a.ulr:hover , #content .cs481.box13 ul.libul02 li a.ulr:active, #content .cs481.box13 ul.libul02 li a.ulr.on{color:#de690a; text-decoration:underline;} .realContentWrap .invest_consult_none { width:100%; padding-top:185px; background:url(/img/contents_2015/main/invest_consult_none.gif) 50% 0 no-repeat; text-align:center; font-size:16px; } /*0812은영수정*/ .realContentWrap ul.cs481_01 {width:100%; } .realContentWrap ul.cs481_01 li.box13 { width:209px; float:left; padding:15px 10px; margin-bottom:15px; background:#f2f2f2; border:1px solid #cfcfcf; line-height:1.4em; margin-left:0; } .realContentWrap ul.cs481_01 li.box13 + li.box13 { margin-left:5px; } .realContentWrap ul.cs481_01 li.box13 strong {display:block; height:36px; letter-spacing:-1px } .realContentWrap ul.cs481_01 li.box13 a {margin-top:20px; } .realContentWrap ul.cs481_02 {width:100%; } .realContentWrap ul.cs481_02 li.panel {width:182px; float:left; margin-left:0; } .realContentWrap ul.cs481_02 li.panel p+p {margin-top: 5px} .realContentWrap ul.cs481_02 li.panel + li.panel {margin-left:5px; } .realContentWrap ul.cs481_02 li.panel .tit {display:block;height:54px;line-height:1.4em;text-align:left} .realContentWrap ul.cs481_02 li.panel .con {position:relative;height:310px;line-height:1.4em;letter-spacing:-1px; padding:5px;} .realContentWrap ul.cs481_02 li.panel .con .btn {position:absolute;left:10px;bottom:20px} .realContentWrap ul.cs481_02 li.panel.li4 {letter-spacing:-2px} /* PB상담예약 */ .SmartM_info.CS500_1p_infoBg { background:url(/img/contents_2015/center/CS500_1p_infoBg.gif) 100% 17px no-repeat; } .CS500List { width:100%; overflow:hidden; } .CS500List p { width:290px; float:left; } .CS500List p + p { margin-left:30px; } /* 투자상담 서브메인 */ .counsel_submain {width:940px;} .counsel_submain .visual {width:940px; height:287px; background:url(/img/contents_2015/customer/counsel_bg.jpg) no-repeat 100% 0 ; }/*/img/submain/2014/tuja_visual.jpg*/ .counsel_submain .visual .tit {padding-top:15px; font-size:30px; line-height:38px; } .counsel_submain .visual .txt {padding-top:30px; font-size:16px; } .counsel_submain .counsel_intro {width:940px; } .counsel_submain .counsel_intro .counsel_tit {width:940px; height:80px;overflow:hidden; background:#477dba; } .counsel_submain .counsel_intro .counsel_tit ul {float:left; padding:10px 13px; height:45px; overflow:hidden; } .counsel_submain .counsel_intro .counsel_tit ul li {float:left; padding-right:11px; } .counsel_submain .counsel_intro .counsel_tit a.toggle {width:940px; height:50px; padding:30px 0 0 0; display:inline-block; text-align:center; font-size:24px; color:#fff; background:url(/img/contents_2015/customer/tuja_more_off.gif) no-repeat 97% 50%; } .counsel_submain .counsel_intro .counsel_tit a.toggle.on {background:url(/img/contents_2015/customer/tuja_more_on.gif) no-repeat 97% 50%; } .counsel_submain .counsel_intro .counsel_tit a:hover {text-decoration:none; } .counsel_submain .counsel_intro ul.counsel_list {background:#fff; overflow:hidden; padding:0 0 5px 0px; } .counsel_submain .counsel_intro ul.counsel_list li {position:relative; float:left; width:231px; height:231px; margin:5px 5px 0 0; overflow:hidden; } .counsel_submain .counsel_intro ul.counsel_list li.last { margin:5px 0 0 0; } .counsel_submain .counsel_intro ul.counsel_list li div {position:absolute; top:231px; width:231px; height:231px; padding:20px 14px 0; background:#477dba; color:#fff; opacity:.9; filter:alpha(opacity:90); } .counsel_submain .counsel_intro ul.counsel_list li div p {line-height:1.4em} .counsel_submain .counsel_guide {padding:30px 0 0; } .counsel_submain .counsel_Info {padding:30px 0 0; overflow:hidden; } .counsel_submain .counsel_Info .counsel_call {float:left; width:450px; } .counsel_submain .counsel_Info .counsel_board {float:right; width:450px; } .counsel_submain .counsel_Info strong.tit {font-size:18px; display:block; height:30px; } .counsel_submain .counsel_Info strong.call {font-size:30px; font-weight:normal; } .counsel_submain .counsel_Info .num p {margin-top:-12px} .counsel_submain .counsel_Info .counsel_call p {padding:8px 0 0; } .counsel_submain .counsel_Info a.lnk {display:block; padding:5px 0 0 10px; height:29px; background:url(/img/submain/2014/tuja_bul2.jpg) no-repeat 95% 50% #f1f1f0; } .counsel_submain .counsel_Info div.box {height:155px; } /* 고객지원센터 */ .cs410 .CS410_1p_info {width:940px; min-height:144px; padding:20px 0 0; margin-top:-25px !important; border-bottom:1px solid #ddd; background:url(/img/contents_2015/center/CS410_1p_topBg.gif) 95% 0 no-repeat; } .cs410 .CS410_1p_info p {padding-bottom:11px; } /* 주문투자상담 */ p.ez_ser_txt {padding-bottom:5px; } .CS410_1p_phon {width:940px; overflow:hidden; border:1px solid #ddd; border-right:0; margin: 20px 0 30px 0;} .CS410_1p_phon h4 {padding:29px 0 10px 29px; font-size:18px; font-weight:bold; } .CS410_1p_phon p.ph_tel {padding-left:29px; font-size:32px; font-weight:bold; color:#000; } .CS410_1p_phon ul.phon_LT {width:262px; height:235px; margin:122px auto 0; } .CS410_1p_phon ul.phon_LT li {width:77px; height:67px; padding:5px; float:left; text-align:center; font-size:12px; } .CS410_1p_phon ul.phon_LT li span {width:100%; display:inline-block; font-size:32px; } .CS410_1p_phon .phon_ex_bg {width:469px; height:541px; border-right:1px solid #ddd; float:left; overflow:hidden; background:url(/img/contents_2015/center/phon_ex1.gif) 50% 100% no-repeat; } /* 트레이딩 안내 0806 은영수정*/ .box-trade {width:940px; height:317px; position:relative; margin-bottom:30px; background:url(/img/contents_2015/static/marketing/bg_trade_2.jpg) 0 0 no-repeat;} .box-trade .con {width:270px; height:287px; padding:30px 0 0 30px; position:absolute; left:0px; top:0px; background-color:#5182ba; letter-spacing:-1px; opacity:0.92; } .box-trade .con .tit {font-size:28px; color:#fff; font-weight:normal; } .box-trade .con p.txt{color:#fff; margin-top:22px; font-size:16px; } /* 2014-12-05 */ /* 모바일트레이딩 안내, 투자상품 공통 */ .layout-default {#zoom:1;} .layout-default:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .layout-default .left {float:left;width:670px;}/*width:485px;*/ .layout-default .left .tit {font-size:26px;margin:20px 0;font-weight:normal} .layout-default .left .con {padding-left:10px;} .layout-default .left .con .btn {margin-top:10px} .layout-default .right {float:right;width:247px;}/*width:214px*/ .layout-default .right .panel {margin-top:10px} .layout-default .right .panel .tit {} .layout-default .right .panel .con {letter-spacing:-1px} .layout-default .right .bt5 {padding-top:10px;margin-top:10px;border-top:5px solid #dedede;letter-spacing:-1px;color:#1f1f1f} /* 모바일트레이딩 */ #mti .layout-default .right .video {margin-top:75px;} #mti .layout-default .right .panel .con {padding:15px 20px;} /* 트레이닝 ARS */ .CS260_wrap {overflow:hidden; position:relative; } .CS260_wrap .CS260_ARS {width:100%; overflow:hidden; margin-top:30px; border-bottom:1px solid #ddd; } .CS260_left {float:left; width:470px; height:437px; text-align:center; background: url(/img/contents_2015/center/phon_long.gif) 100% 100% no-repeat; } .CS260_left .CS260_phon {padding:99px 0 0 190px; } .CS260_left .CS260_phon li {float:left; padding:0 5px 5px 0 ;} .CS260_left .CS260_phon > a {margin:0 15px 20px 0; display:inline-block; } .CS260_right {width:431px; float:right; } .CS260_right dt {padding:20px 0; color:#888; } .CS260_right dd {width:100%; } .CS260_right dd ol,.CS260_right dd ul {width:271px; height:258px; } .CS260_right dd strong {font-size:24px; margin-bottom:20px; display:inline-block;} .CS260_right li {padding:0 0 10px 0; color:#000000; } .CS260_btn {position:absolute; bottom:5px; left:508px; } .CS260pop_dl dt {height:34px; padding:11px 0 0 11px; background:url(/img/contents/CS260pop_bg01.gif) no-repeat 0 0} .CS260pop_dl dd {padding:7px 0 9px 12px; background:url(/img/contents/CS260pop_bg02.gif) no-repeat 0 bottom} .CS260pop_dl li {clear:both;padding:0 20px;line-height:20px;overflow:hidden; } .CS260_01a {background:url(/img/contents/CS260pop_a_n1.gif) no-repeat 0 3px; } .CS260_02a {background:url(/img/contents/CS260pop_a_n2.gif) no-repeat 0 3px; } .CS260_03a {background:url(/img/contents/CS260pop_a_n3.gif) no-repeat 0 3px; } .CS260_04a {background:url(/img/contents/CS260pop_a_n4.gif) no-repeat 0 3px; } .CS260_05a {background:url(/img/contents/CS260pop_a_n5.gif) no-repeat 0 3px; } .CS260_06a {background:url(/img/contents/CS260pop_a_n6.gif) no-repeat 0 3px; } .CS260_07a {background:url(/img/contents/CS260pop_a_n7.gif) no-repeat 0 3px; } .CS260_08a {background:url(/img/contents/CS260pop_a_n8.gif) no-repeat 0 3px; } .CS260_09a {background:url(/img/contents/CS260pop_a_n9.gif) no-repeat 0 3px; } .CS260_00a {background:url(/img/contents/CS260pop_a_n0.gif) no-repeat 0 3px; } .CS260_01b {background:url(/img/contents/CS260pop_b_n1.gif) no-repeat 0 3px; } .CS260_02b {background:url(/img/contents/CS260pop_b_n2.gif) no-repeat 0 3px; } .CS260_03b {background:url(/img/contents/CS260pop_b_n3.gif) no-repeat 0 3px; } .CS260_04b {background:url(/img/contents/CS260pop_b_n4.gif) no-repeat 0 3px; } .CS260_05b {background:url(/img/contents/CS260pop_b_n5.gif) no-repeat 0 3px; } .CS260_06b {background:url(/img/contents/CS260pop_b_n6.gif) no-repeat 0 3px; } .CS260_07b {background:url(/img/contents/CS260pop_b_n7.gif) no-repeat 0 3px; } .CS260_00b {background:url(/img/contents/CS260pop_b_n0.gif) no-repeat 0 3px; } .CS260_01c {background:url(/img/contents/CS260pop_c_n1.gif) no-repeat 0 3px; } .CS260_02c {background:url(/img/contents/CS260pop_c_n2.gif) no-repeat 0 3px; } .CS260_03c {background:url(/img/contents/CS260pop_c_n3.gif) no-repeat 0 3px; } .CS260_04c {background:url(/img/contents/CS260pop_c_n4.gif) no-repeat 0 3px; } .CS260_05c {background:url(/img/contents/CS260pop_c_n5.gif) no-repeat 0 3px; } .CS260_00c {background:url(/img/contents/CS260pop_c_n0.gif) no-repeat 0 3px; } .CS260_01d {background:url(/img/contents/CS260pop_d_n1.gif) no-repeat 0 3px; } .CS260_02d {background:url(/img/contents/CS260pop_d_n2.gif) no-repeat 0 3px; } .CS260_03d {background:url(/img/contents/CS260pop_d_n3.gif) no-repeat 0 3px; } .CS260_04d {background:url(/img/contents/CS260pop_d_n4.gif) no-repeat 0 3px; } .CS260_05d {background:url(/img/contents/CS260pop_d_n5.gif) no-repeat 0 3px; } .CS260_00d {background:url(/img/contents/CS260pop_d_n0.gif) no-repeat 0 3px; } .CS260pop_divL1 {float:left;margin:-20px 0 0 140px} .CS260pop_divL1L {float:left; margin:-20px 0 0 180px } .CS260pop_BP {padding:0 0 20px 0} ul.CS270UL dl {width:100%; } ul.CS270UL dl dt {width:100%; padding-bottom:15px; font-size:14px; font-weight:bold; } ul.CS270UL dl dd {width:100%; padding:0 0 5px 0; line-height:16px} ul.CS270UL.CS270_a01 {width:841px; background:url(/img/contents/CS_img270_a01.gif) no-repeat 0 0; padding:0 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_a02 {width:841px; background:url(/img/contents/CS_img270_a02.gif) no-repeat 0 15px; padding:15px 0 40px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_a03 {width:841px; background:url(/img/contents/CS_img270_a04.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_a04 {width:841px; background:url(/img/contents/CS_img270_a04.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_b01 {width:841px; background:url(/img/contents/CS_img270_b01.gif) no-repeat 0 0; padding:0 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_b01 .left {float:left; padding:0 10px 0 0} ul.CS270UL.CS270_b02 {width:841px; background:url(/img/contents/CS_img270_b02.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_b03 {width:841px; background:url(/img/contents/CS_img270_b03.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_b04 {width:841px; height:100px; background:url(/img/contents/CS_img270_b04.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL.CS270_b04 .left {float:left; padding:0 30px 0 0} ul.CS270UL li.CS270_c01 {background:url(/img/contents/CS_img270_c01.gif) no-repeat 0 0; padding:0 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL li.CS270_c01 .left {float:left; padding:0 30px 0 0} ul.CS270UL li.CS270_c02 {background:url(/img/contents/CS_img270_c02.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL li.CS270_c03 {background:url(/img/contents/CS_img270_c03.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL li.CS270_c04 {background:url(/img/contents/CS_img270_c04.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} ul.CS270UL li.CS270_c05 {background:url(/img/contents/CS_img270_c05.gif) no-repeat 0 15px; padding:15px 0 15px 100px; border-bottom:1px solid #dadada;} /* 고객지원 업무안내 */ .CS112_02Positon {position:relative} .CS112_02 {position:absolute; top:0; right:0} .CS112_02 .innerBox a {width:174px; display:inline-block; text-align:center; } /* 은행연계 계좌개설 배너 */ .CS112_1t_infoBg {background:url(/img/contents_2015/center/info/CS112_1t_bg.gif) 95% 35px no-repeat; } .CS112_1t_infoBg p {padding-right:240px; } .bank_banner {width:936px; margin-top:15px; border-top:1px solid #ddd; border-left:1px solid #ddd; display:inline-block; background:#f9f9f9; } .bank_banner p {width:155px; height:59px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; float:left; } .bank_banner p a {display:inline-block; } .bank_banner p a img {width:155px; height:59px; } /* 공인인증서 안내 */ .section-cert {#zoom:1} .section-cert:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .section-cert .article {float:left;width:705px;letter-spacing:-1px} .section-cert .article dl.section-info {padding:10px 0 0} .section-cert .article dl dt,.section-cert .article dl dd{float:left; font-size:14px; margin-bottom:17px} .section-cert .article dl dt {width:22%;clear:left} .section-cert .article dl dd {width:78%; padding-top:0;} .section-cert .aside {float:right;width:213px;padding-bottom:20px;border:1px solid #cfcfcf;} .section-cert .aside .tit {padding:8px 0;background:#f2f2f2;text-align:center;font-weight:bold} .section-cert .aside .con {padding:15px 10px 0;letter-spacing:-1px} .section-cert .aside .con li a {color:#1f1f1f} .section-cert .aside .con li a:hover, .section-cert .aside .con li a:focus {color:#be4820} /*인증서관리*/ .box13N.box-intro.cert {width:900px; } /* 모바일 트레이닝 스마트폰 */ .tabCon .layout-default div.left {width:350px; text-align:center; } .tabCon .layout-default div.right {width:589px; } .tabCon .layout-default.vertical div.left {width:500px; text-align:center; } .tabCon .layout-default.vertical div.right {width:430px; } /* 스마트폰 설치안내 */ .CS931_01a{width:100%; height:355px; background:url(/img/contents_2015/center/channel/CS_img931_0101.gif) no-repeat 50%;} .CS931_02a{width:100%; height:355px; background:url(/img/contents_2015/center/channel/CS_img931_0102.gif) no-repeat 50%;} .CS932_01a{width:100%; height:355px; background:url(/img/contents_2015/center/channel/CS_img931_0103.gif) no-repeat 50%;} .CS932_02a{width:100%; height:355px; background:url(/img/contents_2015/center/channel/CS_img931_0104.gif) no-repeat 50%;} .CS931_imgTit {text-align:center; padding:40px 0 30px; } .CS931_imgTit.line {margin-top:20px; border-top:1px solid #ddd; } .CS931_ol {} .CS931_ol li {border:1px solid #ddd; margin-top:-1px; } .CS931_ol li div {margin:20px;} .CS931_ol li .box10 {display:none} .CS931_ol p.rztBottom {height:55px; padding-left:30px; font-size:18px; border-bottom:1px solid #ddd; } .CS931_ol p.rztBottom strong {display:inline-block; vertical-align:middle; font-size:14px; line-height:105%; margin-right:20px; } .CS931_ol p.rztBottom strong em {display:block; font-size:28px; line-height:105%; font-family:arial; } /* 스마트폰 공인인증서 복사 */ .CS932_01b{width:100%; height:390px; background:url(/img/contents_2015/center/channel/CS_img932_0301.jpg) no-repeat 50%;} .CS932_02b{width:100%; height:390px; background:url(/img/contents_2015/center/channel/CS_img932_0302.jpg) no-repeat 50%;} .CS932_03b{width:100%; height:390px; background:url(/img/contents_2015/center/channel/CS_img932_0303.jpg) no-repeat 50%;} /* HTS(홈트레이딩) */ .htsBox {width:940px; display:inline-block; margin-bottom:40px; background:#477dba } .htsBox div.htsTxt {width:520px; padding:22px 29px; float:left; } .htsBox div.htsT100 {width:881px; } .htsBox div.htsTxt h3 {font-size:16px; color:#fff; font-weight:normal; } .htsBox div.htsTxt h3 em.htsBig {font-size:28px; color:#fff; } .htsBox div.htsTxt p {padding-top:15px; font-size:16px; color:#fff; } .htsBox div.htsTxt a.pbtn {color:#fff; background:url(/img/contents_2015/center/channel/btn_bul_wh.png) 100% 60% no-repeat; } .htsBox div.htsMv { width:345px; height:229px; float:right; text-align:right; line-height:0; background:url(/img/contents_2015/center/channel/hts_movie.jpg) no-repeat 100% 100% #477dba } .htsBox div.htsMv a {display: none;} .htsectionST .section-info {padding-left:237px; border-bottom:1px solid #ddd; } .htsectionST .htIcon1 {background:url(/img/contents_2015/center/channel/hts_icon1.gif) 48px 8px no-repeat; } .htsectionST .htIcon2 {background:url(/img/contents_2015/center/channel/hts_icon2.gif) 48px 8px no-repeat; } .htsectionST .htIcon3 {background:url(/img/contents_2015/center/channel/hts_icon3.gif) 48px 8px no-repeat; border-bottom:0; } /* smart M */ .smartMBox {width:940px; background:url(/img/contents_2015/center/channel/CS250_1_bg.jpg?v=20250409) no-repeat 100% 100% #5AEB94; display:inline-block; margin-bottom:40px; } .smartMBox div.htsTxt {width:580px; padding:22px 29px; float:left; } .smartMBox div.htsT100 {width:881px; } .smartMBox div.htsTxt h3 {font-size:16px; color:#000; font-weight:normal; } .smartMBox div.htsTxt h3 em.htsBig {font-size:28px; color:#000; } .smartMBox div.htsTxt p {padding-top:15px; font-size:16px; color:#000; } .smartMBox div.htsTxt a.pbtn {color:#fff; background:url(/img/contents_2015/center/channel/btn_bul_wh.png) 100% 60% no-repeat; } /* HTS 홈트레이닝 100% 이미지 */ .HTS_100_Img {width:100%; padding:20px 0 30px; text-align:center; } .HTS_100_Img a.img {width:620px; background:none; padding-right:0; position:relative; } .HTS_100_Img a.img span.htsBigImg_btn {width:32px; height:32px; display:inline-block; position:absolute; bottom:20px; right:20px; } .HTS_100_Img img {max-width:620px; } .smartonePlus #img-wrapper {position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.5); /* browsers */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */;z-index:10000000;text-align:center;} .smartonePlus #img-wrapper img {position:relative;top:20%;} .smartonePlus #img-wrapper .btn-close {position:absolute;right:30px;top:30px;width:50px;height:50px;background: url(/img/common/2014/btn_big_close.gif) 0 0 no-repeat;outline:0px} /* WTC(pc) */ .WTS_imgC {width:100%; padding:20px 0 30px; text-align:center; } /* 모바일 트레이딩 이용절차 */ ul.diagramListN {width:100%; display: inline-block; zoom:1; margin:10px 0 20px; } ul.diagramListN.wid_3wt li {width:299px; } ul.diagramListN.wid_3wt li div {min-height:auto; } ul.diagramListN.het_100ht li div {height:62px; min-height:auto } ul.diagramListN.wid_4wt li {width:218px; } ul.diagramListN.wid_5_2wt li {width:172px; } ul.diagramListN.wid_5_2wt li div {min-height:auto; } ul.diagramListN.wid_6wt li {width:140px; } ul.diagramListN.wid_7wt li {width:115px; } ul.diagramListN li + li {padding-left:20px; background:url(/img/common/2014/diagram_bul.png) no-repeat 2% 50%; } ul.diagramListN li {padding-right:0; float:left; text-align: left; } ul.diagramListN li div {padding:20px 10px; min-height:110px; background:#fff; border: 1px solid #ddd; position:relative; color:#000; } ul.diagramListN li div span.step_n {color: #888; display: block; } ul.diagramListN li p {padding-bottom:10px } ul.diagramListN li p.dnBtn {position:absolute; bottom:10px; left:10px; } ul.diagramListN li span.pointB {color:#477dba; } /* 모바일 트레이닝 스마트폰 */ .SmartM_info {width:940px; min-height:202px; margin-bottom:40px; border-bottom:1px solid #eaeaea; background:url(/img/contents_2015/center/channel/SmartM_info_bg.gif) 100% 8px no-repeat; } .SmartM_info.mbBgImg1 {background:url(/img/contents_2015/center/channel/SmartM_info_bg.jpg?v=20250409) 100% 8px no-repeat; } .SmartM_info.mbBgImg2 {background:url(/img/contents_2015/center/channel/SmartM_info_bg2.gif) 100% 10px no-repeat; } .SmartM_info.mbBgImg3 {background:none; } .SmartM_info.mbBgImg4 { background:url(/img/contents_2015/center/channel/SmartM_info_bg3.gif) 100% 75% no-repeat; } .SmartM_info h3 {font-size:28px; font-weight:normal; line-height:140%; } .SmartM_info p {padding-top:25px; font-size:16px; } .SmartM_info p + p {padding-bottom:25px; } .SmartM_info p.pointB {font-size:18px; color:#477dba; } .SmartM_info ul {padding:25px 0; } .SmartM_info ul.libul02 li {padding-left:25px; font-size:16px; background:url(/img/contents_2015/customer/chk_bul.gif) 0 5px no-repeat; } .SmartM_info p strong.superRp{ display:block; padding:0 0 8px 0; } p.iphonBg {width:200px; height:394px; padding-top:7px; margin:0 auto; background:url(/img/contents_2015/center/channel/mbBG.png?v=20250409) 0 0 no-repeat; background-size: 200px 394px;} p.iphonBg img {width:180px; height:380px; border-radius: 18px; } p.iphonBg_2 {width:315px; height:177px; padding: 13px 47px; margin:0 auto; background:url(/img/contents_2015/center/channel/mbBG3.gif) 0 0 no-repeat; } p.iphonBg_2 img {width:315px; height:177px; } p.ipadBg {width:354px; height:266px; padding:19px 38px; background:url(/img/contents_2015/center/channel/mbBG2.gif) 0 0 no-repeat; } p.ipadBg img {width:354px; height:266px; } .tabCon .layout-default.ipadLY .left {width:500px; } .tabCon .layout-default.ipadLY .right {width:439px; } /* 자산관리 Smart CMA */ .SmartCMA_tal {width:100%; margin-top:40px; background:#f4f4f4; overflow:hidden; } .SmartCMA_tal ul {width:880px; overflow:hidden; padding:30px; } .SmartCMA_tal ul li.SCMA_txt {float:left; font-size:18px; } .SmartCMA_tal ul li.SCMA_tal {width:200px; padding-left:46px; float:right; background:url(/img/contents_2015/finance/tel_icon.gif) 0 10px no-repeat; } .SmartCMA_tal ul li.SCMA_tal strong {width:100%; font-size:24px; display:inline-block; } .SmartCMA_tal p {width:100%; padding:15px 30px; border-top:1px solid #ddd; } .SmartM_info.fi271_saveBg {background:url(/img/contents_2015/finance/save_bg_n3.gif) 100% 10px no-repeat; min-height:165px; } .SmartM_info.fi271_saveBg2 {background:url(/img/contents_2015/finance/save_bg_n2.gif) 100% 60% no-repeat; } .SmartM_info.fi271_saveBg3 {background:url(/img/contents_2015/finance/save_bg_n4.jpg) 100% 60% no-repeat; } .SmartM_info.fi271_saveBg4 {background:url(/img/contents_2015/finance/img_FI611_1_1.jpg) 100% 60% no-repeat; } .SmartM_info.fi271_saveBg5 {background:url(/img/contents_2015/customer/cu111_bg.jpg) 100% 60% no-repeat; } .savePointBox {width:100%; padding:35px 0; margin:35px 0; text-align:center; border:1px solid #477dba; } .savePointBox strong {width:100%; padding-bottom:10px; font-size:18px; font-weight:bold; color:#477dba; display:inline-block; } /* 실버프리미엄 */ .SmartM_info.CP500_Bg {padding-bottom:35px;background:url(/img/contents_2015/customer/CP500_Bg.jpg) 100% 0 no-repeat; } .silverList {width:100%; } .silverList dl.svList { min-height:140px; padding:0 0 35px 240px; } .silverList dl.svList.bg1 { background:url(/img/contents_2015/customer/svList-bg1.jpg) 0 0 no-repeat; } .silverList dl.svList.bg2 { background:url(/img/contents_2015/customer/svList-bg2.jpg) 0 30px no-repeat; } .silverList dl.svList.bg3 { background:url(/img/contents_2015/customer/svList-bg3.jpg) 0 30px no-repeat; } .silverList dl.svList.bg4 { background:url(/img/contents_2015/customer/svList-bg4.jpg) 0 30px no-repeat; } .silverList dl.svList.bg5 { background:url(/img/contents_2015/customer/svList-bg5.jpg) 0 30px no-repeat; } .silverList dl.svList + dl.svList { padding-top:35px; border-top:1px solid #ddd; } .silverList dl.svList dt {width:100%; font-weight:bold; color:#000; font-size:18px; } .silverList dl.svList dd {width:100%; } .silverList dl.svList dd p {padding-top:10px; font-size:16px; } .silverList dl.svList dd p.pointB {color:#477dba; font-size:18px; letter-spacing:-1px; } .svPhoto {width:100%; padding:30px 0 200px; overflow:hidden; background:url(/img/contents_2015/customer/CP500_Bg2.jpg) 50% 100% no-repeat; } .svPhoto p {width:100%; padding-bottom:20px; text-align:center; color:#000; font-size:18px; } .svPhoto p.svTit {font-weight:bold; font-size:28px; } /* 자산관리코칭 */ .self_assetBG {background:url(/img/contents_2015/dream/self_asset.jpg) 100% 0 no-repeat; } /* - 유의사항 회색글씨 */ .grayTxt {width:940px; overflow:hidden; margin-left:-10px; } .grayTxt .sub_stit h3 {color:#666; padding-left:10px; } .grayTxt .sub_stit h3.s14 { font-size:14px; } .grayTxt ul {width:460px; padding:0 0 0 10px; float:left; } .grayTxt ul li {color:#666; } .grayTxt .sub_stit + ul[class*=libul]>li {margin-top:0; margin-bottom:15px; } .grayTxt1 {width:940px; overflow:hidden; margin-left:-10px; } .grayTxt1 .sub_stit h3 {color:#666; padding-left:10px; font-size:14px; } .grayTxt1 ul {width:930px; padding:0 0 0 10px; } .grayTxt1 ul li {color:#666; } /* 자산관리 Smart CMA 소개 */ .FI211_1p_numList {width:100%; overflow:hidden; } .FI211_1p_numList ol {width:100%; } .FI211_1p_numList ol li {width:100%; padding:15px 0; border-bottom:1px solid #ddd; display:inline-block; } .FI211_1p_numList ol li strong {width:80px; float:left; display:inline-block; text-align:center; font-size:40px; line-height:100%; } .FI211_1p_numList ol li p {width:850px; float:right; } .FI211_1p_imgN {width:100%; text-align:center; padding-top:40px; } /* 제휴사 및 분쟁조정 */ .klia_info {width:100%; margin-bottom:35px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-top:40px; overflow:hidden; } .klia_info dl {width:25%; float:left; height:84px; padding-bottom:40px; } .klia_info dl dt {width:100%; margin-bottom:5px; } .klia_info dl dd {width:100%; } .klia_info dl dd span {width:100%; display:inline-block; margin-bottom:5px; font-size:18px; } .klia_info dl dd a {display:inline-block; background-position:100% 5px; } .klia_info dl dd a span {font-size:14px; } /* 스마트 월지급식 서비스 - 투자프로세스 */ /* 펀드 */ .fi110_01 {height:144px;background: url('/img/contents/2014/img_fi110_01.gif') 0 0 no-repeat;} .fi121_01 {height:235px;background: url('/img/contents/2014/img_fi121_01.gif') 0 0 no-repeat;} .fi122_01 {height:270px;background: url('/img/contents/2014/img_fi122_01.gif') 0 0 no-repeat;} /* 회사소개 */ .hanwha_tit_bg { position:absolute; background:#666 no-repeat 50% 0; width:100%; height:160px; } .hanwha_bg_H0003, .hanwha_bg_H0004, .hanwha_bg_H0005, .hanwha_bg_H0006, .hanwha_bg_H0010, .hanwha_bg_H0091 { background:url(/img/contents_2015/static/hanwha/tit_bg_H0003.jpg) no-repeat 50% 0 #2e394b; } .hanwha_bg_H0027, .hanwha_bg_H0028, .hanwha_bg_H0029, .hanwha_bg_H0030 { background-image:url(/img/contents_2015/static/hanwha/tit_bg_H0005.jpg) ; } .hanwha_bg_H0032, .hanwha_bg_H0036, .hanwha_bg_H0033 { background-image:url(/img/contents_2015/static/hanwha/tit_bg_H0006.jpg) ; } .hanwha_bg_H0039, .hanwha_bg_H0072, .hanwha_bg_H0078, .hanwha_bg_H0079, .hanwha_bg_H0080 { background-image:url(/img/contents_2015/static/hanwha/tit_bg_H0007.jpg) ; } .hanwha_bg_H0015, .hanwha_bg_H0016, .hanwha_bg_H0017 { background-image:url(/img/contents_2015/static/hanwha/tit_bg_H0015.jpg) ; } .hanwha_bg_H0085, .hanwha_bg_H0086, .hanwha_bg_H0087, .hanwha_bg_H0088, .hanwha_bg_H0031, .hanwha_bg_H0090, .hanwha_bg_H0089, .hanwha_bg_H0009, .hanwha_bg_H0011, .hanwha_bg_H0075, .hanwha_bg_H0076, .hanwha_bg_H0077 {background-image:url(/img/hanwha/esg/bg_esg_header.png) ; /*background-image:url(/img/contents_2015/static/hanwha/tit_bg_H0004.jpg) ; */} /* 회사소개 테이블 오른쪽라인 없애기 위한 영역잡기용 class - 20150910 이인경 */ .table_lineR_hid { width:100%; overflow:hidden; } /* 허들수수료 배너 */ .banner_pho_cs164 {height:120px; margin-top:30px; background:url(/img/contents_2015/center/bnr_bg_cs164.jpg) 0 0 no-repeat; } .banner_pho_cs164 a {display:block; padding:20px 0 0 30px; color:#fff; } .banner_pho_cs164 a strong {font-size:18px; display:block; line-height:26px; padding-bottom:5px; } /* 운영추가 차트교체 */ .wrapBox .chart .tip {border:1px solid #666; background:#eee; padding:5px; } .wrapBox .chart .tip .tip {border:0; padding:0; } .wrapBox .right .remark {position:absolute; right:10px; top:20px; z-index:2; font-size:12px; line-height:17px; } .wrapBox .right .remark em {display:inline-block; width:12px; height:12px; vertical-align:middle; margin-right:2px; } .wrapBox .right .remark em.color_1 {background:#ffbb16} .wrapBox .right .remark em.color_2 {background:#da6914} .wrapBox .right .remark em.color_3 {background:#e1ac1e} .wrapBox .right .remark em.color_4 {background:#ffa4d8} .wrapBox .right .remark em.color_5 {background:#ffbb16} /* 은영2016s */ /* 멀티인컴 20160125 수정*/ .CS171_1t { width:100%; z-index:4; position:relative; } .CS171_1t .visual .cont { margin:0 auto; width:940px; } .CS171_1t .po_bule, .CS171_2t .po_bule { color:#477dba; } .visual_1t { position:relative; background:url(/img/contents_2015/marketing/CS171_1t_visual_Bg.jpg) no-repeat 50% 0 #b0b0b6; height:400px; } .visual_2t { background:url(/img/contents_2015/marketing/CS171_1t_bg_01.jpg) no-repeat 60% 100% #fff; height:1125px; } .visual_3t { background-color:#f6f6f6; height:820px; } .visual_4t { background-color:#fff; height:640px; border-bottom:1px solid #ddd; } .visual_5t { background:url(/img/contents_2015/marketing/CS171_1t_bg_02.jpg) no-repeat 50% 0 #fff; height:231px; } .visual_6t { background-color:#2b343d; height:318px; } .visual_1t .cont { height:600px; } .visual_1t .cont .cont_top { width:100%; padding:30px 0 25px 0; overflow:hidden; } .visual_1t .cont .cont_top p { width:80px; height:80px; text-align:center; background-color:#1976d2; } .visual_1t .cont .cont_top p span { color:#fff; display:inline-block; padding:20px 0 0; font-size:13px; } .visual_1t .cont p.tit { color:#fff; font-size:32px; padding:0 0 25px 0; line-height:120%; } .visual_1t .cont p.txt { color:#fff; font-size:18px; letter-spacing:-1px; } .visual_1t .cont p.txt + p.txt { margin-top:20px; } .visual_1t .cont a.pbtn { color:#fff; background:url(/img/contents_2015/center/bg_channel.png) 100% 62% no-repeat; margin-top:50px; padding-right:20px; font-size:16px;} .visual_2t .cont { height:1125px; } .visual_2t .cont .con { padding-top:60px; } .visual_2t .cont .con li.tit { padding-bottom:35px; font-size:32px; } .visual_2t .cont .con li { font-size:18px; } .visual_2t .cont .con li + li { padding:0 0 30px; } .visual_2t .cont ul.con2 { width:100%; overflow:hidden; margin-bottom:40px; padding-bottom:60px; border-bottom:1px solid #ddd; } .visual_2t .cont ul.con2 li { width:300px; float:left; } .visual_2t .cont ul.con2 li + li { margin-left:20px; } .visual_2t .cont ul.con2 li p.tit { font-size:18px; font-weight:bold; margin:20px 0;} .visual_2t .cont ul.con2 li p.tit + p { font-size:14px; } .visual_3t .cont { height:800px; } .visual_3t p.tit { font-size:24px; padding:70px 0 30px 0; } .visual_3t ul li.txt { font-size:18px; } .visual_3t ul li.txt ul { padding:15px 0 0 0; } .visual_3t ul + p.img, .visual_3t ul + p.img + p.img { margin-top:40px; } .visual_4t .cont { height:760px; } .visual_4t .cont p.tit { padding:60px 0 0px 0; font-size:32px; } .visual_4t .cont p.tit span { font-size:18px; padding:30px 0 0 0; display:inline-block; } .visual_4t .cont p.img { margin-top:40px; text-align:center; } .visual_5t .cont { height:231px; } .visual_5t .cont p.txt { font-size:24px; padding:30px 0; } .visual_5t .cont a.pbtn { font-size:16px; } .visual_6t .cont { height:318px; } .visual_6t .cont p.tit { font-size:18px; color:#fff; padding:60px 0 30px 0; } .visual_6t .cont ul { padding-left:221px; background:url(/img/contents_2015/marketing/CS171_1t_bg_03.jpg) 0 8px no-repeat; } .visual_6t .cont ul li.txt { font-size:18px; color:#fff; padding: 0 0 16px 0 ;} .visual_6t .cont ul li { color:#b4b8bd; } .visual_6t .cont ul li + li + li { margin:23px 0 0 0px; } .visual_6t .cont ul li a.pbtn { background:url(/img/contents_2015/marketing/CS171_1t_bul.gif ) 100% 65% no-repeat; font-size:16px; } .CS171_1t .callCenter_info { width:100%; background-color:#f4f4f4; margin:0; } .CS171_1t .callCenter_info .ment { width:940px; margin:0 auto; } .CS171_1t .callCenter_info .link { width:940px; margin:0 auto; } /* 멀티인컴 서비스특징*/ .CS171_2t .box { width:938px; border:1px solid #ddd; padding-top:30px; } .CS171_2t .box p.tit { font-size:24px; padding:0 0 25px 28px; } .CS171_2t dl { width:100%; border-bottom:1px solid #ddd; margin:0 0 30px; } .CS171_2t dl dt { line-height:160%; padding:0 30px; } .CS171_2t dl dt span { display:block; font-size:18px; font-weight:bold; padding:0 0 10px 0; } .CS171_2t dl dd { padding:0 30px; } .CS171_2t dl dd div { width:100%; margin:40px 0; text-align:center;} .CS171_2t dl.last { border-bottom:0px solid #ddd; margin:0; } .CS171_2t .process > ul > li { margin-bottom:10px; border: 1px solid #e6e6e6; } .CS171_2t .process > ul > li.one .head { background: url(/img/common/2015/bul_faqArr_new.png) right 28px no-repeat;} .CS171_2t .process > ul > li.open .head { background: url(/img/common/2015/bul_faqArr_opened_new.png) right 28px no-repeat; padding: 20px 0 0px 20px;} .CS171_2t .process > ul > li .head { padding: 20px 0 20px 20px;} .CS171_2t .process > ul > li .head .title { display:block; margin-bottom: 10px; padding-right:60px; font-size: 18px; line-height: 30px; font-weight: bold; color: #222; text-decoration:none; } .CS171_2t .process > ul > li .body { display:none; padding:20px; } .CS171_2t .process > ul > li .body p + p { margin-top:20px; } .CS171_2t .process > ul > li .body p.img { margin-top:40px; width:100%; text-align:center; } .CS171_2t .process > ul > li .body span.info{ color:#666; display:block; margin-top:35px; } .CS171_2t .process > ul > li.open .body { display:block; padding:0 20px 20px 20px; } .callCenter_info .callCenter_CS171_2t { padding:10px 0; background:#fff; } /* 온라인 계좌개설 */ .CS110_1t_visual1 { background:url(/img/contents_2015/center/CS110_1t_bg1.png) right 0px no-repeat #fff; border-top:0px solid #ddd;} .CS110_1t {/* position:relative; z-index:4; */} .CS110_1t .box { width:100%; } .CS110_1t .box.bg1 .cont1 .info { width:938px; border:1px solid #ddd; } .CS110_1t .box.bg3 { background:url(/img/contents_2015/center/CS110_1t_bg3.jpg) 50% 0 no-repeat #e7e5de; min-height:320px; } .CS110_1t .box .cont { width:940px; } .CS110_1t .box .cont1 .tit { font-size:40px; } .CS110_1t .box .cont1 ul.txt {/* padding:97px 30px 94px 30px; */ padding:50px 30px 94px 30px; } .CS110_1t .box .cont1 ul.txt li { font-size:24px; } .CS110_1t .box .cont1 ul.txt li + li { font-size:24px; padding-top:20px;}/*160311 수정*/ .CS110_1t .box .cont1 ul.txt li + li { font-size:16px; padding-top:20px;}/*160311 추가*/ .CS110_1t .box .cont1 .btnPrimary { font-size:18px; line-height:43px; } .CS110_1t .box .cont1 .info_box { border-top:1px solid #ddd; width:938px; overflow:hidden; } .CS110_1t .box .cont1 .info_box li { width:409px; float:left; padding:30px; } .CS110_1t .box .cont1 .info_box li + li { width:408px; border-left:1px solid #ddd; } .CS110_1t .box .cont1 .info_box li span { display:inline-block; width:100%; font-size:16px; font-weight:bold; padding:0 0 12px; } .CS110_1t .box .cont1 .info_box li p { padding-top:30px; } .CS110_1t .box .cont1 .info_box li p a + a { margin-left:15px; } .CS110_1t .box .cont1 .online_info { margin:50px 0 0 0; } .CS110_1t .box .cont1 .online_info .info_txt { display:none; } .CS110_1t .box .cont1 .online_info ul { overflow:hidden; width:100%; margin-top:30px; } .CS110_1t .box .cont1 .online_info ul li { width:315px; height:165px; float:left; position:relative;} .CS110_1t .box .cont1 .online_info ul li + li { width:284px; border-left:1px solid #ddd; padding-left:20px;} .CS110_1t .box .cont1 .online_info ul li span { font-size:18px; width:100%; display:inline-block; padding:0 0 15px; } .CS110_1t .box .cont1 .online_info ul li p { position:absolute; bottom:0; left:0;} .CS110_1t .box .cont1 .online_info ul li + li p { left:20px; } .CS110_1t .box .cont.cont1 dl.check { width:880px; overflow:hidden; background:#f4f4f4; padding:30px; margin:50px 0; } .CS110_1t .box .cont.cont1 dl.check dt { width:210px; float:left; font-size:18px; } .CS110_1t .box .cont.cont1 dl.check dt span { display:block; } .CS110_1t .box .cont.cont1 dl.check dd { width:670px; float:left; } .CS110_1t .box .cont.cont1 dl.check dd ul { width:100%; overflow:hidden; } .CS110_1t .box .cont.cont1 dl.check dd ul li strong { display:block; font-size:14px; background:url(/img/contents_2015/center/btn_check.gif) 0 3px no-repeat; padding:0 0 8px 33px;} .CS110_1t .box .cont.cont1 dl.check dd ul li span { padding:0 0 0 33px; display:inline-block; line-height:1.5em; } .CS110_1t .box .cont.cont1 dl.check dd ul li + li { padding-top:25px; } .CS110_1t .sectionGuide p { margin-bottom:15px; font-weight:bold; } .CS110_1t .process > ul > li { margin-bottom:10px; border: 1px solid #e6e6e6; background-color:#fff; } .CS110_1t .process > ul > li.one .head { background: url(/img/common/2015/bul_faqArr_new.png) right 28px no-repeat #fff; } .CS110_1t .process > ul > li.open .head { background: url(/img/common/2015/bul_faqArr_opened_new.png) right 28px no-repeat; padding: 20px 0 0px 30px; } .CS110_1t .process > ul > li .head { padding: 20px 0 20px 30px; } .CS110_1t .process > ul > li .head .title { display:block; margin-bottom:0px; padding-right:60px; } .CS110_1t .process > ul > li .head .title strong { font-size: 18px; line-height: 30px; color: #222; font-weight:normal; } .CS110_1t .process > ul > li .head a:hover { text-decoration:none; } .CS110_1t .process > ul > li .body { display:none; padding:30px; } .CS110_1t .process > ul > li .body p + p { margin-top:20px; } .CS110_1t .process > ul > li .body p.img { margin-top:40px; width:100%; text-align:center; } .CS110_1t .process > ul > li .body span.info { color:#666; display:block; margin-top:35px; } .CS110_1t .process > ul > li.open .body { display:block; padding:20px 30px; background-color:#fff; } .CS110_1t .process > ul > li.open .body ul li { color:#666; } .CS110_1t .process > ul > li.open .body ul.cont1 li + li { margin-top:20px; } .CS110_1t .process > ul > li.open .body ul.cont2 { width:100%; overflow:hidden; } .CS110_1t .process > ul > li.open .body ul.cont2 li { width:292px; float:left; } .CS110_1t .process > ul > li.open .body ul.cont2 li + li { width:291px; border-left:1px solid #ddd; } .CS110_1t .process > ul > li.open .body ul.cont2 li strong { display:block; padding-bottom:20px; } .CS110_1t .process > ul > li.open .body ul.cont2 li span { display:inline-block; } .CS110_1t .process > ul > li.open .body ul.cont2 li + li strong, .CS110_1t .process > ul > li.open .body ul.cont2 li + li span { margin:0 30px; } .CS110_1t .box.bg2 .cont .tit { font-size:24px; padding:0 0 20px 0; } .CS110_1t .box.bg2 .imgR a.btnPrimary { font-size:18px; line-height:43px; } .CS110_1t .CS110_step { width:938px; border:1px solid #ddd; } .CS110_1t .CS110_step li { width:878px; height:100px; padding:30px; } .CS110_1t .CS110_step li + li { border-top:1px solid #ddd;} .CS110_1t .CS110_step li.step1 { background:url(/img/contents_2015/center/CS110_1t_bg2_1.jpg) 677px 100% no-repeat #fff; } .CS110_1t .CS110_step li.step2 { background:url(/img/contents_2015/center/CS110_1t_bg2_2.jpg) 677px 100% no-repeat #fff; } .CS110_1t .CS110_step li.step3 { background:url(/img/contents_2015/center/CS110_1t_bg2_3.jpg) 677px 100% no-repeat #fff; } .CS110_1t .CS110_step li.step4 { background:url(/img/contents_2015/center/CS110_1t_bg2_4.jpg) 677px 100% no-repeat #fff; } .CS110_1t .CS110_step li.step5 { background:url(/img/contents_2015/center/CS110_1t_bg2_5.jpg) 677px 100% no-repeat #fff; } .CS110_1t .CS110_step li.step6 { background:url(/img/contents_2015/center/CS110_1t_bg2_6.jpg) 677px 100% no-repeat #fff; } .CS110_1t .CS110_step li dl { width:880px; overflow:hidden; } .CS110_1t .CS110_step li dl dt { width:56px; height:56px; float:left; background-color:#fff; padding:7px;} .CS110_1t .CS110_step li dl dt span { font-size:14px; color:#000; display:inline-block; text-align:center; width:100%; } .CS110_1t .CS110_step li dl dt em { font-size:36px; color:#000; display:block; text-align:center; width:100%; line-height:100%; } .CS110_1t .CS110_step li dl dd { width:776px; float:left; margin-left:20px; margin-top:-6px; } .CS110_1t .CS110_step li dl dd .tit { padding:0 0 18px 0 !important; } .CS110_1t .CS110_step li dl dd br { display:none; } .CS110_1t dl.faq { margin-top:7px; margin-bottom:10px; } .CS110_1t dl.faq dt { border: 1px solid #e6e6e6; border-bottom:0px solid #e6e6e6; background-color:#fff; padding:0px; } .CS110_1t dl.faq dt a { width:100%; display:block; overflow:hidden; border-bottom:1px solid #e6e6e6; padding:20px 0; font-size: 18px; line-height: 30px; color: #222; } .CS110_1t dl.faq dt a span { padding:0 0 0 30px; display:inline-block; } .CS110_1t dl.faq dt a img { float:right; padding:8px 0 0 0 ; } .CS110_1t dl.faq dt a.on { border-bottom:0px solid #e6e6e6; } .CS110_1t dl.faq dd { display:none; background:#fff; border:1px solid #e6e6e6;border-top:0px solid #e6e6e6; display:block; padding:0 30px 20px 30px; } .CS110_1t dl.faq dd .con { width:878px; overflow:hidden; } .CS110_1t dl.faq dd .con div { width:397px; float:left; } .CS110_1t dl.faq dd .con div + div { width:469px; margin:0 0 0 10px; } .CS110_1t dl.faq dd .con div p { width:395px; height:108px; padding:30px 0; border:1px solid #ddd;background-color:#fdfdfd; text-align:center; } .CS110_1t dl.faq dd .con div + div p { width:471px; } .CS110_1t dl.faq dd .con span { display:inline-block; margin-top:20px; color:#666; line-height:150%; } .CS110_1t dl.faq dd .con span strong { display:block; padding:0 0 10px 0; color:#666; } .CS110_1t dl.faq dd .con + p { color:#666; line-height:150%;} .CS110_1t dl.faq dd .con + p strong { margin-top:30px; display:block; padding:0 0 10px 0; color:#666; } .CS110_1t .box.bg3 p.tit { font-size:18px; } .CS110_1t .box.bg3 p.txt { font-size:24px; padding:20px 0 30px 0; } .CS110_1t .box.bg3 .icon { width:100%; overflow:hidden; } .CS110_1t .box.bg3 .icon a { float:left; background:url(/img/contents_2015/center/icon_1.gif) 0 0 no-repeat; font-size:15px; padding:4px 0 0 29px; height:25px; color:#000; } .CS110_1t .box.bg3 .icon a + a { background:url(/img/contents_2015/center/icon_2.gif) 0 50% no-repeat; padding:4px 0 0 26px; margin-left:30px;} #nftf_wrap .box-intro h2 + h3 { margin-bottom:0; } #nftf_wrap form#step0 .box-intro { padding:0; margin:0; } /* 서비스둘러보기 */ .CS109_1t { width:100%; position:relative; z-index:4; } .CS109_1t_visual { width:100%; height:320px; background:url(/img/contents_2015/center/CS109_1t_visual.jpg) 50% 0 no-repeat;} .CS109_1t_visual .con { padding:30px;} .CS109_1t .con {width:940px; margin:0 auto; } .CS109_1t .con1 p.tit {font-size:24px; line-height:34px; letter-spacing:-1px; } .CS109_1t .con1 p.txt {font-size:18px; margin-top:15px; } .CS109_1t .con1 ul.opini {width:100%; overflow:hidden; margin-top:20px; } .CS109_1t .con1 ul.opini li {line-height:160%;} .CS109_1t2 {width:100%; } .CS109_1t .con2 p.tit {font-size:24px; padding:30px 0 30px 0; text-align:center; line-height:120%; border-bottom:1px solid #ddd; } .CS109_1t .con2 dl {width:100%; border-top:0px solid #ddd; padding:60px 0 0 0; } .CS109_1t .con2 dl + dl + dl {padding:40px 0 0 0; } .CS109_1t .con2 dl dt {font-size:18px; text-align:center; padding:0 0 25px 0; } .CS109_1t .con2 dl dt span {font-size:24px; color:#6c92c3; display:block; padding:0 0 8px 0; } .CS109_1t .con2 dl dd ul.invest {overflow:hidden; width:950px; } .CS109_1t .con2 dl dd ul.invest li {width:468px; float:left; margin-top:4px; margin-right:4px; } .CS109_1t .con2 dl dd ul.invest li + li {} .CS109_1t .con2 dl dd ul.invest li div a {display:block; padding:30px 30px 0 30px; color:#fff; } .CS109_1t .con2 dl dd ul.invest li div a span {font-size:18px; color:#fff; display:block; padding:0 0 10px 0; } .CS109_1t .con2 dl dd ul.invest li.box1 a {height:250px; background:url(/img/contents_2015/center/CS109_1t_bg4.jpg) center 100% no-repeat #fff; } .CS109_1t .con2 dl dd ul.invest li.box2 a {width:408px; height:175px; background-color:#64aea4; } .CS109_1t .con2 dl dd ul.invest li.box3 {clear:both; } .CS109_1t .con2 dl dd ul.invest li.box3 a {height:170px; background-color:#a1beba; } .CS109_1t .con2 dl dd ul.invest li.box4 {margin-top:-70px;} .CS109_1t .con2 dl dd ul.invest li.box4 a {width:408px; height:244px; background:url(/img/contents_2015/center/CS109_1t_bg1_2.png) center 100% no-repeat #7c90ba; } .CS109_1t .con2 dl dd ul.invest li.box5 a {width:408px; height:170px; background:#d47c34; } .CS109_1t .con2 dl dd ul.invest li.box6 a {width:408px; height:170px; background:#b5b0a0; } .CS109_1t .con2 dl dd ul.service {width:100%; overflow:hidden; padding:0 0 40px; border-bottom:1px solid #ddd; } .CS109_1t .con2 dl dd ul.service li {width:309px; float:left; margin-left:-1px; border-left:1px solid #ddd; } .CS109_1t .con2 dl dd ul.service li + li {width:309px; margin-left:4px;} .CS109_1t .con2 dl dd ul.service li div { height:165px; padding:0px 30px 0 20px; } .CS109_1t .con2 dl dd ul.service li div p {font-size:18px; padding:0 0 10px;} .CS109_1t .con2 dl dd ul.service li div span {display:block; } .CS109_1t .con2 dl dd ul.service li div span + span {margin-top:8px; } .CS109_1t .con2 dl dd ul.service2 {overflow:hidden; } .CS109_1t .con2 dl dd ul.service2 li {width:465px; height:145px; float:left; border-left:1px solid #ddd; margin-left:-1px; } .CS109_1t .con2 dl dd ul.service2 li + li {width:450px; margin-left:4px; padding-left:20px; } .CS109_1t .con2 dl dd ul.service2 li div {background:url(/img/contents_2015/center/CS109_1t_bg3_2.png) 92% 64% no-repeat; } .CS109_1t .con2 dl dd ul.service2 li + li div { background:url(/img/contents_2015/center/CS109_1t_bg3.png) 92% 64% no-repeat; } .CS109_1t .con2 dl dd ul.service2 li div p.tit_s {font-size:18px; padding:0 0 10px 0; } .CS109_1t .con2 dl dd ul.service2 li div p.cont {padding-bottom:10px; line-height:24px; } .CS109_1t2 + .con .callCenter_info { margin:4px 0 80px 0; } .CS109_1t2 + .con .callCenter_info .info { width:360px; } .CS109_1t2 + .con .callCenter_info .call { width:374px; padding-left:146px; overflow:hidden; background:none; padding:0;} .CS109_1t2 + .con .callCenter_info .call p { float:left; padding:0px 0 0px 45px; background:url(/img/contents_2015/finance/tel_icon.gif) no-repeat 0 50%; } .CS109_1t2 + .con .callCenter_info .call p + p { padding:0 0 0 30px; background:none; } .CS109_1t2 + .con .callCenter_info ul.link { padding:20px 30px 20px; } .CS109_1t2 + .con .callCenter_info ul.link li + li + li{ float:right; padding-right:0; margin-right:0; background:none; } /* 비대면계좌개설 */ /* 온라인계좌개설 */ #step0 .box-intro h2 { padding:0 0 12px; } .CA000_0p ul.CA000_0p_box { width:100%; overflow:hidden; } .CA000_0p ul.CA000_0p_box + ul.CA000_0p_box{ margin-top:10px; } .CA000_0p ul.CA000_0p_box li.box { width:418px; height:218px; padding:20px 20px 35px 20px; float:left; border-top:1px solid #000; border-left:1px solid #ddd; border-right:1px solid #ddd;border-bottom:1px solid #ddd; } .CA000_0p ul.CA000_0p_box li.box + li.box { margin-left:20px; } .CA000_0p ul.CA000_0p_box + ul.CA000_0p_box li.box {height:220px;}/*160303수정*/ .CA000_0p ul.CA000_0p_box li.box h4 { font-size:18px; font-weight:bold; padding:0 0 12px;} .CA000_0p ul.CA000_0p_box li.box p { line-height:150%; letter-spacing:-1px; padding:0 0 15px 0; height:60px; } .CA000_0p ul.CA000_0p_box li.box ul { width:100%;} .CA000_0p ul.CA000_0p_box li.box ul li { padding:10px 15px; background-color:#f4f4f4; overflow:hidden; width:386px; min-height:25px; border:1px solid #ddd; } .CA000_0p ul.CA000_0p_box li.box ul li + li { margin-top:-1px; } .CA000_0p ul.CA000_0p_box li.box ul li label { line-height:140%; float:left; width:350px; } .CA000_0p ul.CA000_0p_box li.box ul li span { float:left; width:23px;} .CA000_0p ul.CA000_0p_box li.box ul li span input{ margin-top:0px; } .CA000_0p ul.CA000_0p_box li.box li.long { } .CA000_0p ul.CA000_0p_box li.box ul li.isa1 { width:230px;display:inline-block; } .CA000_0p ul.CA000_0p_box li.box ul li.isa2 { width:119px;display:inline-block; } .CA000_0p ul li.box { background:url(/img/contents_2015/marketing/CA000_0p_bg1.gif) 95% 70px no-repeat; } .CA000_0p ul li.box + li { background:url(/img/contents_2015/marketing/CA000_0p_bg2.png) 95% 40px no-repeat; } .CA000_0p ul + ul li.box { background:url(/img/contents_2015/marketing/CA000_0p_bg3.gif) 95% 70px no-repeat; } .CA000_0p ul + ul li.box + li { background:url(/img/contents_2015/marketing/CA000_0p_bg4.gif) 95% 70px no-repeat; } /* step2 */ /* 로그인전 */ .nftf_step span.s2 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_02.jpg?v=2) no-repeat 0 0; } .nftf_step span.s3 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_03.jpg?v=3) no-repeat 0 0; } .nftf_step span.s4 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_04.jpg?v=4) no-repeat 0 0; } .nftf_step span.s5 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_05.jpg?v=1) no-repeat 0 0; } /* 로그인후 */ .nftf_step2 span.s1 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_01_login.jpg?v=1) no-repeat 0 0; } .nftf_step2 span.s2 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_02_login.jpg?v=1) no-repeat 0 0; } .nftf_step2 span.s3 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_03_login.jpg?v=1) no-repeat 0 0; } .nftf_step2 span.s4 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_04_login.jpg?v=1) no-repeat 0 0; } .nftf_step2 span.s5 { display:block; height:80px; background:url(/img/contents_2015/nftf/step_05_login.jpg?v=1) no-repeat 0 0; } .CA000_2p { margin-top:40px; } .CA000_2p .sub_stit { margin-bottom:0; } .CA000_2p .sub_stit h2 { font-size:18px; padding:0 0 12px 0; } .CA000_2p .sub_stit h3 { font-size:16px; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #ddd; } .CA000_2p .agree { margin-top:10px; width:896px; padding:23px 20px 20px 20px; border-top:1px solid #000; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } .CA000_2p .info { width:100%; overflow:hidden; } .CA000_2p .info em { float:left; } .CA000_2p .info span { float:right; } .CA000_2p .agree .section02, .CA000_2p .agree .section02 .sub_stit { margin-top:0; } .CA000_2p .agree .sub_stit h3 { font-size:14px; padding-bottom:12px; margin-bottom:0px; border-bottom:0px solid #ddd; } .CA000_2p .agree .section02 { width:100%; overflow:hidden; } .CA000_2p .agree .section02 h3 { float:left; } .CA000_2p .agree .section02 label { float:right; } .CA000_2p .agree .section02 .box05, .CA000_2p .agree .section02 .box05 .innerBox { padding:0; background:#f8f7f4; margin:0; height:152px; } .CA000_2p .agree .section02 .box05 .innerBox #TBL01, .CA000_2p .agree .section02 .box05 .innerBox #TBL02, .CA000_2p .agree .section02 .box05 .innerBox #TBL03, .CA000_2p .agree .section02 .box05 .innerBox #TBL021{ padding:15px; height:120px !important; border-bottom:1px solid #ddd; } .CA000_2p .agree .section02 .box05 .popWrap label { float:none; } .CA000_2p .agree + .btnWrap { margin-top:10px; } .CA000_2p .agree + .btnWrap span { display:inline-block; text-align:right; width:100%;} p.CA000_2p_txt { margin:0 0 20px 0; font-size:18px; color:#1976d2; } .step02_SMS_agree { width:100%; overflow:hidden; } .step02_SMS_agree p.rchkbox { width:80px; float:left; padding-top:28px;} .step02_SMS_agree p.rchkbox label { font-weight:bold; } .step02_SMS_agree div { float:left; padding-left:50px;} .CA000_3p { } .CA000_3p .box-intro { border-bottom:0px solid #ddd; padding:0; } .CA000_3p .box-intro h2 { font-size:18px; padding:0 0 8px 0; } .CA000_3p .box-intro h2 + p { font-size:16px; padding-bottom:10px; } .CA000_3p .CA000_3p_info { width:100%;} .CA000_3p .CA000_3p_info .section { width:100%; overflow:hidden; } .CA000_3p .CA000_3p_info .section.last { border-top:0px solid #ddd !important; } .CA000_3p .CA000_3p_info .section + .section { padding:20px 0; border-top:1px solid #ddd; } .CA000_3p .CA000_3p_info .section h3 { font-weight:normal; display:inline-block; margin:0 0 12px 0;} .CA000_3p .CA000_3p_info p.title { padding:0 0 5px 0; } .CA000_3p .CA000_3p_info .section .img { display:inline-block; vertical-align:top; padding-top:5px; } .CA000_3p .CA000_3p_info input.reqField + input.reqField{ margin-left:0px; } .CA000_3p .CA000_3p_info .section .pbtnBold { line-height:23px; padding:0 12px; } .CA000_3p .CA000_3p_info .section p.phone { /*float:left; width:590px;*/ } .CA000_3p .CA000_3p_info .section p.phone em{ font-size:14px; color:#477dba; letter-spacing:-1px; } .CA000_3p .CA000_3p_info .section input.bg { margin-right:4px; } .CA000_3p .CA000_3p_info .section input.bg + input.bg{ margin-left:10px; } .CA000_3p .CA000_3p_info .section input.bg + label { width:78px; font-size:14px; padding-right:0; } .CA000_3p input[disabled], .CA000_3p input[readonly] {background: #e6e6e6;} .CA000_3p p.t_ment { width:100%; overflow:hidden;} .CA000_3p p.t_ment span { float:right; display:inline-block; font-size:14px; } .CA000_3p p.t_ment span img { display:inline-block; vertical-align:top; padding-top:3px; } /* 고객기본정보 입력 20160224 */ .CA000_3p .CA000_3p_info table tr th { text-align:left; padding:30px 15px; } .CA000_3p .CA000_3p_info table tr th img { vertical-align:top; padding-top:3px;} .CA000_3p .CA000_3p_info table tr td { border-left:0; padding:30px;} .CA000_3p .CA000_3p_info table tr td .section li { font-size:14px; } .CA000_3p .CA000_3p_info table tr td .section li + li { padding-top:9px; margin-top:9px; border-top:1px solid #ddd; } .CA000_3p .CA000_3p_info table tr td .section li span.name, .CA000_3p .CA000_3p_info table tr td .section li label.name{ display:inline-block; width:130px;} .CA000_3p .CA000_3p_info table tr td .section li span.label_in { display:inline-block; margin-right:10px; } .CA000_3p .CA000_3p_info table tr td .section2 li { float:left; } .CA000_3p .CA000_3p_info table tr td .section2 li + li { padding:0; margin:0 0 0 15px; border:0; } .CA000_3p .CA000_3p_info table tr td .section + .CA000_3p_sel{ padding-top:9px; margin-top:9px; border-top:1px solid #ddd; } .CA000_3p_sel { display:inline-block; overflow:hidden; width:100%; } .CA000_3p_sel li { width:100%; overflow:hidden; font-size:14px !important; } .CA000_3p_sel li + li { padding-top:9px; margin-top:9px; border-top:1px solid #ddd; } .CA000_3p_sel li label { display:inline-block; width:130px; } .CA000_3p_sel li p { width:50%; float:left; font-size:14px; } .CA000_3p_sel li p.phone { width:100%; } .CA000_3p_sel li p select { min-width:180px; } .CA000_3p_sel li p .img { vertical-align:top; padding-top:5px; } .CA000_3p_sel2 li p { width:33.3%; } /* 투자정보확인서 팝업 */ .invest_doc_guide1 { margin:0 20px; border-bottom:0px solid #ddd; } .invest_doc_guide2 { margin:0 20px; padding:20px 0; border-bottom:0px solid #ddd; border-top:1px solid #ddd;} .box-intro.invest_doc_guide2 + .box13{ margin:0 20px 10px; } /* 금융거래 목적 확인서 */ #tradeDoc_pop .box13 { padding:0; border:0px solid #dbddde; } #tradeDoc_pop .box13 #TBL01 .box08 { margin:15px 0 10px 0; } #tradeDoc_pop .box13 #TBL01 .box08 p { padding:0 0 5px; } #tradeDoc_pop .box13 #div_base_info + p { padding:10px 20px; } #tradeDoc_pop .box13 #div_base_info + p span { width:100%; display:inline-block; text-align:center; padding:10px 0 0 0; } #tradeDoc_pop .box13 #div_base_info span.in { display:inline-block; padding-left:15px; } #tradeDoc_pop .box13 + div { border-top:1px solid #ddd; text-align:center; padding-top:19px;} .CA000_4p .sub_stit p.txt { padding:8px 0 0px; font-size:16px; margin-bottom:40px; border-bottom:0px solid #ddd; font-weight:bold; } .CA000_4p_box { height:100px; border-top:1px solid #000; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; padding:15px 0; } .CA000_4p_box ul.CA000_4p_sel { width:100%; overflow:hidden; padding:10px;} .CA000_4p_box ul.CA000_4p_sel li { float:left; margin-left:20px; } .CA000_4p_box ul.CA000_4p_sel li p { padding:0 0 8px; font-size:16px; } .CA000_4p_box ul.CA000_4p_sel li button.pbtnBold{ line-height:23px; padding:0 12px; } .CA000_p_guide { margin-top:40px; } .CA000_p_guide p { font-size:16px; } .CA000_p_guide p + p { font-size:14px; margin-top:15px; } .CA000_p_guide p span.po { color:#de690a; } .CA000_p_guide dl.guide5p { margin-top:40px; } .CA000_p_guide dl.guide5p dt { ont-size:16px; padding:0 0 15px; } .CA000_p_guide dl.guide5p dd ul { width:100%; overflow:hidden; } .CA000_p_guide dl.guide5p dd ul li { float:left; width:180px; } .CA000_p_guide dl.guide5p dd ul li + li{ margin-left:25px; } .CA000_p_guide dl.guide5p dd ul li span { display:block; padding-top:15px; } .CA000_p_guide ul.guide4p { margin-top:12px; width:100%; overflow:hidden; } .CA000_p_guide ul.guide4p li { float:left; width:275px; height:146px; border:1px solid #ddd; padding:20px 16px; } .CA000_p_guide ul.guide4p li + li { margin-left:6px; } .CA000_p_guide ul.guide4p li strong { font-size:24px; font-weight:normal; padding:0 0 3px; display:block; } .CA000_p_guide ul.guide4p li p { font-weight:bold; font-size:14px;} .CA000_p_guide ul.guide4p li p + p { font-weight:normal; } .CA000_p_guide2 { margin-top:20px; } .CA000_p_guide2 .txt { font-size:16px; padding:0 0 15px; } .CA000_p_guide2 ul { width:100%; overflow:hidden; } .CA000_p_guide2 ul li { width:270px; float:left; height:330px; border:1px solid #ddd; padding:20px; } .CA000_p_guide2 ul li p.tit { font-weight:bold; } .CA000_p_guide2 ul li p { font-weight:normal; line-height:150%; } .CA000_p_guide2 ul li p + p { padding:5px 0 0 0; } .CA000_p_guide2 ul li p strong { color:#477dba; } .CA000_p_guide2 ul li + li { width:580px; margin-left:6px; } .CA000_p_guide2 ul li p span { display:inline-block; padding:15px 0; } .CA000_p_guide2 ul li p span em { display:block; /*background:url(/img/common/2015/bul_li02.gif) 5px 10px no-repeat; padding-left:12px;*/ } .CA000_5p .sub_stit p.txt { padding:12px 0 4px 0; } .CA000_5p .CA000_5p_tab p label + label { padding-left:25px; } .CA000_5p .CA000_5p_tab .CA000_5p_box { position:relative; min-height:226px; border-top:1px solid #000; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; margin-top:15px; padding:40px 20px; background-color:#fff; } .CA000_5p .CA000_5p_tab .CA000_5p_box label{ font-size:18px; display:block; padding:0 0 6px; } .CA000_5p .CA000_5p_tab .CA000_5p_box #img_preview { position:absolute; top:40px; right:122px; background:#e4e4e4; width:358px; height:225px; } .CA000_5p .CA000_5p_tab .CA000_5p_box label#RCNC_ENC_CTNS_4{ margin-top:12px; } .CA000_5p .CA000_5p_tab .CA000_5p_box label.upload { margin-top:12px; } .CA000_5p .CA000_5p_tab .CA000_5p_box .f_img_box { width:100%; overflow:hidden; } .CA000_5p .CA000_5p_tab .CA000_5p_box .f_img_box + .f_img_box{ margin-top:10px; } .CA000_5p .CA000_5p_tab .CA000_5p_box .f_img_box p { float:left; } .CA000_5p .CA000_5p_tab .CA000_5p_box .f_img_box img { float:right; } .CA000_5p .CA000_5p_tab .CA000_5p_box .f_img input { display:block; } .CA000_5p .CA000_5p_tab .CA000_5p_box .f_img input + input { margin-top:5px;} .CA000_6p { border-top:1px solid #000; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; padding:0 25px 30px 25px; } .CA000_6p .sub_stit h2 { font-size:32px; font-weight:normal; padding:0 0 35px 0; } .CA000_6p ul.CA000_6p_info { width:100%; overflow:hidden; } .CA000_6p ul.CA000_6p_info li { float:left; width:372px; } .CA000_6p ul.CA000_6p_info li.info_t { width:100%; } .CA000_6p ul.CA000_6p_info li.last { border-left:1px solid #ddd; padding-left:40px; } .CA000_6p ul.CA000_6p_info li p { margin-bottom:6px; color:#000; } .CA000_6p ul.CA000_6p_info li p span { width:95px; display:inline-block; color:#000; } .CA000_6p ul.CA000_6p_info li p.no_po { color:#000; } .CA000_6p ul.CA000_6p_info li p.info_none { color:#666; } .CA000_6p + .txt_done { color:#000; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f4f4f4; padding:30px; } .CA000_6p + .txt_done .clr_msg01 { color:#de690a; } .CA000_6p_step { margin-top:20px; } .CA000_6p_step h3 { font-size:24px; font-weight:normal; padding:20px 0 12px 0; } .CA000_6p_step .step_box { border:1px solid #ddd; padding:25px; } .CA000_6p_step .step_box dl { width:100%; overflow:hidden; } .CA000_6p_step .step_box dl + dl { margin-top:30px; padding-top:30px; border-top:1px solid #ddd; } .CA000_6p_step .step_box dl dt { width:70px; float:left; height:60px; padding:10px 0 0 0; background-color:#de690a; text-align:center; color:#fff; display:inline-block;} .CA000_6p_step .step_box dl dt span { font-size:24px; color:#fff; display:block; line-height:100%; } .CA000_6p_step .step_box dl dd { float:left; width:798px; padding-left:20px; } .CA000_6p_step .step_box dl dd p { font-size:24px; } .CA000_6p_step .step_box dl dd p + p { font-size:14px; padding:8px 0 0 0; } .bnr_online_link { margin-top:40px; } /* 신규계좌개설 신청정보 0218*/ .CA000_6p_step .cont1 { width:100%; } .CA000_6p_step .cont1 .roll { position:relative; } .CA000_6p_step .cont1 .roll .rolln { width:880px; height:77px; margin:0 30px; } .CA000_6p_step .cont1 .roll .rolln li { width:25%; float:left; height:77px; } .CA000_6p_step .cont1 .roll .rolln li a { text-decoration:none; padding:16px 0 0 23px; height:61px; display:block; } .CA000_6p_step .cont1 .roll .rolln li a span { display:inline-block; font-weight:bold; color:#000; } .CA000_6p_step .cont1 .roll .rolln li a em { display:block; color:#000; font-size:14px; } .CA000_6p_step .cont1 .roll .rolln li a.on span, .CA000_6p_step .cont1 .roll .rolln li a.on em { color:#fff; } .CA000_6p_step .cont1 .stepT4 p { padding:0 0 12px; height:40px; } .CA000_6p_step .cont1 .step_bg1 { background:url(/img/contents_2015/marketing/step4_1.jpg) 0 0 no-repeat; } .CA000_6p_step .cont1 .step_bg2 { background:url(/img/contents_2015/marketing/step4_2.jpg) 0 0 no-repeat; } .CA000_6p_step .cont1 .step_bg3 { background:url(/img/contents_2015/marketing/step4_3.jpg) 0 0 no-repeat; } .CA000_6p_step .cont1 .step_bg4 { background:url(/img/contents_2015/marketing/step4_4.jpg) 0 0 no-repeat; } .CA000_6p_step .cont1 .roll p.btn { width:940px; } .CA000_6p_step .cont1 .roll p.btn a { position:absolute; } .CA000_6p_step .cont1 .roll p.btn a.left { left:12px; top:50%; } .CA000_6p_step .cont1 .roll p.btn a.right { right:12px; top:50%; } .CA000_6p_step .cont1 .roll ul.stepT4 { overflow:hidden; width:778px; height:560px; margin:0 auto; } .CA000_6p_step .cont1 .roll ul.stepT4 li { float:left; width:778px; height:560px; position:absolute; top:120px; left:80px; } .CA000_6p_step .cont1 .roll ul.stepT4 li img{ border:1px solid #ddd; } /* 은영2016e*/ /*160219 추가*/ /*ISA*/ .suvMainVS.visual_isa_1 {height: 365px;background: #e3e4df url(/img/contents_2015/submain_visual/isa_1_visual_bg.jpg) 50% 0 no-repeat;} .isa_1 {position: relative;width:100%; z-index:5;} .isa_1 .box-intro {width:540px;height:235px; padding:0; padding-top:130px; margin-bottom:60px; border:0; color:#000;} .isa_1 .box-intro > span {position:absolute;left:0px;top:30px;display:block; width:60px; padding:28px 9px 0 9px; text-align:center; height:52px; color:#fff; background:#bf3333;} .isa_1 .box-intro > h3 {display:block; font-size:31px; font-weight:normal; letter-spacing:-2px; line-height:40px; margin-bottom:0;} .isa_1 .box-intro > strong {display:block; margin-top:0; font-size:31px; font-weight:normal; color:#bf3333; letter-spacing:-2px;line-height:40px;} .isa_1 .box-intro > p {margin-top:20px; font-size:18px; letter-spacing:-1.8px; line-height:26px;} .isa_1 .box-intro .event_txt {width:650px; position:relative; margin-top:60px; padding-top:12px; font-size:18px; border-top:1px solid #cccdc8;} .isa_1 .box-intro .event_txt em {color:#c13331;} .isa_1 .box-intro .event_txt .date_txt {display:block; margin-top:5px; font-size:14px;} .isa_1 .box-intro .event_txt a {display:inline-block; position:absolute; right:0px; top:13px; padding:0 13px; color:#000; font-size:15px; border:1px solid #000;} .submainWrap.page_isa_1 {} .page_isa_1 .tit_area p {margin-bottom:40px;font-size:18px; letter-spacing:-1.6px;} .page_isa_1 .tit_area p strong {display:block; padding-bottom:20px; font-size:32px; font-weight:normal; line-height:40px; letter-spacing:-2px} .page_isa_1 .isa_1_1 {margin-top:20px; font-size: 16px} .page_isa_1 .isa_1_1 h2.tit {font-size:18px;} .page_isa_1 .isa_1_1 h3.tit {font-size:18px; margin-top:30px} .page_isa_1 .isa_1_1 h4.tit {margin-top:10px;} .page_isa_1 .isa_1_1 > p {font-size:18px;} .page_isa_1 .isa_1_1 > p.cont {font-size:16px; margin-top: 10px;} .page_isa_1 .isa_1_1 > p.ex {font-size:14px; margin-top: 10px;color: #666;} .page_isa_1 .isa_1_1 table {text-align: center; border-top:1px solid #ddd;} .page_isa_1 .isa_1_1 table td:FIRST-CHILD {border-left: 0px solid #fff} .page_isa_1 .isa_1_1 .btnArea {margin-top: 50px; font-size: 12px;} .page_isa_1 .isa_1_1 .btnArea a{padding: 10px;border: 1px solid #e5e5e5;border-radius: 5px;} .page_isa_1 .isa_1_1 .img1 {height:189px; background:url(/img/contents_2015/marketing/isa_1_1_2025.png) center 0px no-repeat; background-size:180px auto;} .page_isa_1 .isa_1_1 .img2 {height:194px; background:url(/img/contents_2015/marketing/isa_1_2_2025.png) center 0px no-repeat; background-size:344px auto;} .page_isa_1 .isa_1_1 col:FIRST-CHILD{width:30%} .page_isa_1 .isa_1_2 {padding:60px 0; border-bottom:1px solid #ddd;} .page_isa_1 .isa_1_2 > p {margin-top:10px; font-size:18px; letter-spacing:-1px;} .page_isa_1 .isa_1_2 .img_area {margin-top:50px;} .page_isa_1 .isa_1_3 {padding:60px 0;} .page_isa_1 .isa_1_3 .isa_info_area {margin:0 0 40px; text-align:center;} .page_isa_1 .isa_1_3 .tlabel li {padding-left:10px;text-indent:-10px;} .page_isa_1 .isa_1_4 {width:100%; height:550px;} .page_isa_1 .isa_1_4_bg {position:absolute;left:0px; width:100%; height:550px; background:#f4f4f4; z-index:3;} .page_isa_1 .isa_1_4_cont {position:relative; padding:60px 0; z-index:4;} .page_isa_1 .isa_1_4_2 {padding:60px 0; border-bottom:1px solid #ddd; overflow:hidden;} .page_isa_1 .isa_1_4_2 .cont {float:left;width:505px;} .page_isa_1 .isa_1_4_2 .cont > ul {margin-top:12px;} .page_isa_1 .isa_1_4_2 .cont > ul > li {padding-left:12px; background:url(/img/common/2015/bul_li02.gif) 5px 10px no-repeat;} .page_isa_1 .isa_1_4_2 .cont > ul > li li {padding-left:10px; text-indent:-10px;} .page_isa_1 .isa_1_4_2 .img_area {float:right;} .page_isa_1 .isa_1_5 {padding:60px 0; border-bottom:1px solid #ddd;} .page_isa_1 .isa_1_5 .tbl2 {margin-top:40px;} .page_isa_1 .isa_1_5 .tbl2 tbody td {text-align:left;} .page_isa_1 .isa_1_6 {padding:60px 0;} .page_isa_1 .isa_1_6 .isa_1_6_list {overflow:hidden;} .page_isa_1 .isa_1_6 .isa_1_6_list > li {float:left;width:50%;min-height:50px;} .page_isa_1 .isa_1_6 .isa_1_6_list h5 {font-size:18px; padding-left:23px; font-weight:normal; letter-spacing:-1px; background: url(/img/contents_2015/marketing/icon_isa_h5.png) 0 50% no-repeat;} .page_isa_1 .isa_1_6 .isa_1_6_list > li ul {margin-left:20px;} .page_isa_1 .isa_1_6 .isa_1_6_list.libul >li {margin-top:20px;} .page_isa_1 .isa_1_6 .isa_1_6_list.libul >li+li {margin-top:20px;} .page_isa_1 .isa_1_6 .isa_1_6_list > li > ul > li > span {color:#de690a;} .page_isa_1 .isa_1_7 {width:100%; height:565px;} .page_isa_1 .isa_1_7_bg {position:absolute;left:0px; width:100%; height:565px; background:#f8f8f8; z-index:3;} .page_isa_1 .isa_1_7_cont {position:relative; padding:60px 0; z-index:4;} .page_isa_1 .isa_1_7_cont .isa_column_list {margin-top:25px;} .page_isa_1 .isa_1_7_cont .isa_column_list li {min-height:115px; margin-top:20px; padding-top:20px; border-top:1px solid #e6e6e6; overflow:hidden;} .page_isa_1 .isa_1_7_cont .isa_column_list li:first-child {border-top:0;margin-top:0px; padding-top:0px;} .page_isa_1 .isa_1_7_cont .isa_column_list li > img {display:block; float:left; margin-right:20px; padding-top:5px;} .page_isa_1 .isa_1_7_cont .isa_column_list li > div {} .page_isa_1 .isa_1_7_cont .isa_column_list li h5 {margin-bottom:10px; font-size:18px; font-weight:normal; letter-spacing:-1px;} .page_isa_1 .isa_1_7_cont .isa_column_list li .pbtn {margin-top:20px;} .page_isa_1 .isa_1_9 {padding:50px 0 60px; border-top:1px solid #ddd;} .page_isa_1 .isa_1_9 div {padding:15px 0 0;} .page_isa_1 .isa_1_8 {width:100%; height:168px;} .page_isa_1 .isa_1_8_bg {position:absolute;left:0px; width:100%; height:167px; border-top:1px solid #de690a; background:#f8f8f8; z-index:3;} .page_isa_1 .callCenter_info {position:relative; z-index:4; margin:0px;background:none;} .page_isa_1 .callCenter_info .ment {padding:25px 0;} .page_isa_1 .callCenter_info ul.link {padding:10px 0 30px;} .page_isa_1 .callCenter_info ul.link li {padding-right:10px;} .page_isa_1 .callCenter_info ul.link li a {font-size:14px;} .page_isa_1 .isa_1_2_1 {} .page_isa_1 .isa_1_2_1 h3 {position:relative; padding-bottom:10px; font-size:18px; } .page_isa_1 .isa_1_2_1 h3 span.info {position:absolute; right:0; color:#666; font-size:13px; } .page_isa_1 .isa_1_2_1 h3 span.info em {color:#ddd; } .page_isa_1 .isa_1_2_1 h3.mt35 {margin-top:35px; } .page_isa_1 .isa_1_2_1 dl.isaVisualBox {border:1px solid #ddd; } .page_isa_1 .isa_1_2_1 dl.isaVisualBox +table {margin-top:20px; } .page_isa_1 .isa_1_2_1 dl.isaVisualBox dt {padding:25px 0; text-align:center; border-bottom:1px solid #ddd; background:#f6f6f6; } .page_isa_1 .isa_1_2_1 dl.isaVisualBox dt strong {display:block; font-size:16px; padding-bottom:5px; } .page_isa_1 .isa_1_2_1 dl.isaVisualBox dt span {} .page_isa_1 .isa_1_2_1 dl.isaVisualBox dd {text-align:center; } .page_isa_1 .isa_1_2_1 dl.isaVisualBox dd.padding {padding:60px 0; } .page_isa_1 .isa_1_2_1 .isa_allBox {background:#f6f6f6; border:1px solid #ddd; } .page_isa_1 .isa_1_2_1 .isa_allBox .top {position:relative; border-bottom:1px solid #ddd; } .page_isa_1 .isa_1_2_1 .isa_allBox .top a.pbtnBold {position:absolute; right:30px; bottom:20px; } .page_isa_1 .isa_1_2_1 .isa_allBox .top .redlayer {position:absolute; left:610px; top:60px; padding:10px 15px; background:#c54747; color:#fff; } .page_isa_1 .isa_1_2_1 .isa_allBox .top .redlayer em {position:absolute; left:-8px; top:20px; width:8px; height:16px; background:url(/img/contents_2015/marketing/isa_12_bul2.jpg) no-repeat 0 0; } .page_isa_1 .isa_1_2_1 .isa_allBox .top ul {overflow:hidden; padding:0 30px 20px; } .page_isa_1 .isa_1_2_1 .isa_allBox .top ul li {float:left; width:430px; ; padding:25px 0 0 } .page_isa_1 .isa_1_2_1 .isa_allBox .top ul li strong{display:block; padding:0 0 10px 23px; font-size:18px; background:url(/img/contents_2015/marketing/isa_12_bul.jpg) no-repeat 0 8px; } .page_isa_1 .isa_1_2_1 .isa_allBox .top ul li p {margin-left:23px; padding-left:11px; background:url(/img/contents_2015/marketing/isa_12_dot.jpg) no-repeat 0 9px; } .page_isa_1 .isa_1_2_1 .isa_allBox .bottom {padding:25px 25px 15px; color:#666;} .page_isa_1 .isa_1_2_1 .isa_allBox .bottom ul {} .page_isa_1 .isa_1_2_1 .isa_allBox .bottom ul li {padding:0 0 12px 10px; background:url(/img/contents_2015/marketing/isa_12_dot2.jpg) no-repeat 0 8px;} .page_isa_1 .isa_1_2_2 .modelBox {padding-top:30px; } .page_isa_1 .isa_1_2_2 .modelBox:first-child {padding-top:0px; } .page_isa_1 .isa_1_2_2 .modelBox .titBox {} .page_isa_1 .isa_1_2_2 .modelBox .titBox h3 {font-size:18px; padding-bottom:10px; } .page_isa_1 .isa_1_2_2 .modelBox .titBox p {line-height:24px; padding-bottom:10px; } .page_isa_1 .isa_1_2_2 .modelBox ul {overflow:hidden; } .page_isa_1 .isa_1_2_2 .modelBox ul li {float:left; width:465px; margin-left:4px; border:1px solid #ddd; } .page_isa_1 .isa_1_2_2 .modelBox ul li:first-child {margin-left:0; } .page_isa_1 .isa_1_2_2 .modelBox ul li strong {display:block; font-size:18px; padding:30px 0 20px 30px; } .page_isa_1 .isa_1_2_2 .modelBox ul li div {text-align:center; padding-bottom:25px; } .page_isa_1 .isa_1_2_2 .modelBox ul li div img {} .page_isa_1 .isa_1_2_2 .modelBox ul li div.btn {border-top:1px solid #ddd; padding:30px 0; } .page_isa_1 .isa_1_2_2 .modelBox ul li div.btn img {width:auto; } .page_isa_1 .isa_1_2_2 ul.modelBox_bt {overflow:hidden; padding:34px 0 ; } .page_isa_1 .isa_1_2_2 ul.modelBox_bt li {float:left; width:405px; padding-right:65px; } .page_isa_1 .isa_1_2_2 ul.modelBox_bt li+li {float:right; } .page_isa_1 .isa_1_2_2 ul.modelBox_bt li strong {display:block; font-size:18px; font-weight:normal; } .page_isa_1 .isa_1_2_2 ul.modelBox_bt li p {padding:9px 0 0; color:#666; } .page_bt_guide {padding:10px 0 0; font-size:13px; } /*비과세 해외주식투자전용계좌*/ .suvMainVS.visual_isa_2 {height: 375px;background: #acaeb4 url(/img/contents_2015/submain_visual/isa_2_visual_bg.jpg) 50% 0 no-repeat;} .isa_2 {position: relative;width:100%; z-index:5;} .isa_2 .box-intro {height:235px; padding:0; padding-top:95px; margin-bottom:60px; border:0; color:#000;} .isa_2 .box-intro > span {position:absolute;left:0px;top:30px;font-size:13px; letter-spacing:-1px; display:block; padding:22px 4px 0; text-align:center; height:58px; color:#fff; background:#bf3333;} .isa_2 .box-intro > h3 {display:block; color:#fff; font-size:32px; font-weight:normal; letter-spacing:-3px; line-height:40px;} .isa_2 .box-intro > p {margin-top:20px; color:#fff; font-size:18px; letter-spacing:-1.5px; line-height:24px;} .isa_2 .box-intro > em {color:#fff; } .isa_2 .box-intro .event_txt {width:620px; position:relative; margin-top:30px; padding-top:12px; font-size:18px; border-top:1px solid #cccdc8;} .isa_2 .box-intro .event_txt em {color:#c13331;} .isa_2 .box-intro .event_txt .date_txt {display:block; margin-top:5px; font-size:14px;} .isa_2 .box-intro .event_txt a {display:inline-block; position:absolute; right:0px; top:13px; padding:0 13px; color:#000; font-size:15px; border:1px solid #000;} /*160229추가*/ .isa_2 .box-intro > .btn_area {margin-top:25px;} .isa_2 .box-intro > .btn_area > span {margin-right:10px;} .isa_2 .box-intro > .btn_area .pbtn {color:#fff;font-size:16px; background:url(/img/common/2015/btn_bul_wh.png) 100% 70% no-repeat;} /*160229추가 (e)*/ .submainWrap.page_isa_2 {} .page_isa_2 .tit_area p {margin-bottom:40px;font-size:18px; letter-spacing:-1.6px;} .page_isa_2 .tit_area p strong {display:block; padding-bottom:20px; font-size:32px; font-weight:normal; line-height:40px; letter-spacing:-2px;} .page_isa_2 h4.tit {font-size:18px; letter-spacing:-1px;} .page_isa_2 .img_graph_area {text-align:center;} .page_isa_2 .img_graph_area img {border:1px solid #ddd; border-top:0px;} .page_isa_2 .img_graph_area img:first-child {border-top:1px solid #ddd;} .page_isa_2 .isa_2_1 {padding-bottom:60px; border-bottom:1px solid #ddd;} .page_isa_2 .isa_2_1 > p {margin-top:10px; font-size:18px; letter-spacing:-1px;} .page_isa_2 .isa_2_1 > ul {margin-top:30px; overflow:hidden;} .page_isa_2 .isa_2_1 > ul li {float:left; width:300px; margin-left:20px;} .page_isa_2 .isa_2_1 > ul li:first-child {margin-left:0px;} .page_isa_2 .isa_2_1 > ul li.bg01 {background:url(/img/contents_2015/marketing/isa_2_1_1.jpg) 0 0 no-repeat;} .page_isa_2 .isa_2_1 > ul li.bg02 {background:url(/img/contents_2015/marketing/isa_2_1_2.jpg) 0 0 no-repeat;} .page_isa_2 .isa_2_1 > ul li.bg03 {background:url(/img/contents_2015/marketing/isa_2_1_3.jpg) 0 0 no-repeat;} .page_isa_2 .isa_2_1 > ul li dl {margin-top:175px;} .page_isa_2 .isa_2_1 > ul li dt {margin-bottom:10px; font-size:18px; font-weight:bold; letter-spacing:-1px;} .page_isa_2 .isa_2_2 {padding:60px 0; border-bottom:1px solid #ddd;} .page_isa_2 .isa_2_3 {padding:60px 0; border-bottom:1px solid #ddd;} .page_isa_2 .isa_2_4 {padding:60px 0; border-bottom:1px solid #ddd;} .page_isa_2 .isa_2_4 > p {margin-top:10px; font-size:18px; letter-spacing:-1px;} .page_isa_2 .isa_2_4 .tbl2 {margin-top:15px;} .page_isa_2 .isa_2_4 .tbl2 tbody td {text-align:left;} .page_isa_2 .isa_2_5 {width:100%; height:530px;} .page_isa_2 .isa_2_5 .isa_2_5_bg {position:absolute;left:0px; width:100%; height:530px; background:url(/img/contents_2015/marketing/isa_2_5_1.jpg) 50% bottom no-repeat; z-index:3;}/*160223 수정*/ .page_isa_2 .isa_2_5 .isa_2_5_cont {position:relative; padding:60px 0 26px; z-index:4;} .page_isa_2 .isa_2_5 .tit_area {text-align:center;} .page_isa_2 .isa_2_5 .isa_2_5_list {overflow:hidden;} .page_isa_2 .isa_2_5 .isa_2_5_list > li {float:left;width:254px; min-height:175px; padding:0 30px 0 20px; border-left:1px solid #e6e6e6;} .page_isa_2 .isa_2_5 .isa_2_5_list > li:first-child {padding-left:0px; border-left:0px;} .page_isa_2 .isa_2_5 .isa_2_5_list > li dt {margin-bottom:10px; font-size:18px; font-weight:bold; letter-spacing:-1px;} .page_isa_2 .isa_2_5 .isa_2_5_list > li dd {letter-spacing:-1px;} .page_isa_2 .isa_2_5 .link_area {margin-top:40px;} .page_isa_2 .isa_2_6 {padding:60px 0; border-bottom:1px solid #ddd;} .page_isa_2 .isa_2_6 .isa_2_6_list {overflow:hidden;} .page_isa_2 .isa_2_6 .isa_2_6_list > li {float:left;width:50%;min-height:50px;} .page_isa_2 .isa_2_6 .isa_2_6_list h5 {font-size:18px; padding-left:23px; font-weight:normal; letter-spacing:-1px; background: url(/img/contents_2015/marketing/icon_isa_h5.png) 0 50% no-repeat;} .page_isa_2 .isa_2_6 .isa_2_6_list > li ul {margin-left:20px;} .page_isa_2 .isa_2_6 .isa_2_6_list.libul >li {margin-top:20px;} .page_isa_2 .isa_2_6 .isa_2_6_list.libul >li+li {margin-top:20px;} /*160229 추가*/ .page_isa_2 .isa_2_6 .btn_area {margin-top:40px;text-align:center;} .page_isa_2 .isa_2_6 .btn_area a {} /*160229 추가(e)*/ .page_isa_2 .isa_2_7 {width:100%; height:565px;} .page_isa_2 .isa_2_7_bg {position:absolute;left:0px; width:100%; height:565px; background:#f8f8f8; z-index:3;} .page_isa_2 .isa_2_7_cont {position:relative; padding:60px 0; z-index:4;} .page_isa_2 .isa_2_7_cont .isa_column_list {margin-top:25px;} .page_isa_2 .isa_2_7_cont .isa_column_list li {min-height:115px; margin-top:20px; padding-top:20px; border-top:1px solid #e6e6e6; overflow:hidden;} .page_isa_2 .isa_2_7_cont .isa_column_list li:first-child {border-top:0;margin-top:0px; padding-top:0px;} .page_isa_2 .isa_2_7_cont .isa_column_list li > img {display:block; float:left; margin-right:20px; padding-top:5px;} .page_isa_2 .isa_2_7_cont .isa_column_list li > div {} .page_isa_2 .isa_2_7_cont .isa_column_list li h5 {margin-bottom:10px; font-size:18px; font-weight:normal; letter-spacing:-1px;} .page_isa_2 .isa_2_7_cont .isa_column_list li .pbtn {margin-top:20px;} .page_isa_2 .isa_2_8 {width:100%; height:168px;} .page_isa_2 .isa_2_8_bg {position:absolute;left:0px; width:100%; height:167px; background:#2b343d; z-index:3;} .page_isa_2 .callCenter_info {position:relative; z-index:4; margin:0px;background:none;} .page_isa_2 .callCenter_info .ment {padding:25px 0; border-bottom:1px solid #3f464e;} .page_isa_2 .callCenter_info .ment .info, .page_isa_2 .callCenter_info .ment .info em {color:#fff;} .page_isa_2 .callCenter_info .ment .call, .page_isa_2 .callCenter_info .ment .call strong {color:#fff;} .page_isa_2 .callCenter_info .ment .call {background:url(/img/contents_2015/marketing/isa2_tel_icon.gif) no-repeat 0 50%;} .page_isa_2 .callCenter_info ul.link {padding:10px 0 30px;} .page_isa_2 .callCenter_info ul.link li {padding-right:10px; background:url(/img/contents_2015/marketing/isa_btn_bul.png) no-repeat 100% 5px;} .page_isa_2 .callCenter_info ul.link li a {font-size:14px;} /***160219 신규추가 (e)***/ /*160226 전문가칼럼 배너 추가*/ .expert_column {position:relative; width:100%; margin-top:10px; padding:55px 0 60px; z-index:6; background:#f8f7f3;} .expert_column > div {width:940px; min-height:140px; margin:0 auto;} .expert_column > div dl {margin-left:220px;} .expert_column > div dt {font-size:18px;} .expert_column > div dd {padding-top:10px;} .expert_column.cor > div {background:url(/img/contents_2015/marketing/corColumn_bg1.jpg) no-repeat 0 5px;}/*코어펀드 포트폴리오*/ .expert_column.ers {margin-top:40px;}/*한화주식투자등급 특징활용*/ .expert_column.ers > div {background:url(/img/contents_2015/marketing/ersColumn_bg1.jpg) no-repeat 0 5px;}/*한화주식투자등급 특징활용*/ /***160226 전문가칼럼 배너 추가 (e)***/ /*10229추가(고객센터 삭제)*/ .callCenter_info {display:none;} .isa_2_8 {display:none;} .SmartCMA_tal {display:none;} .invest_0 .certC {margin-bottom:30px;} /*10229추가 (e)*/ /*160315 추가 (수수료안내)*/ .section02 .commission_btn {margin:10px 0 30px;} /*160315 추가 (e)*/ /* isa 가입안내 */ .isa_1_1_wrap {padding-bottom:40px; } .isa_1_1_wrap .isa_topImg {position:relative; height:296px; padding-bottom:60px; border-bottom:1px solid #ddd; background:url(/img/contents_2015/static/marketing/isa_img_1.jpg) no-repeat 50% 0; } .isa_1_1_wrap .isa_topImg a.pbtn {position:absolute; left:655px; top:171px; } .isa_1_1_wrap .isa_topImg2 {position:relative; height:296px; padding-bottom:60px; border-bottom:1px solid #ddd; background:url(/img/contents_2015/static/marketing/isa_img_2.jpg) no-repeat 50% 0; } .isa_1_1_wrap .isa_topImg2 a.pbtn {position:absolute; left:655px; top:171px; } .isa_1_1_wrap .isa_topImg2 a.pbtn.mesu {position:absolute; left:325px; top:241px; width:295px; height:50px; background:#fff; opacity:.01; filter:alpha(opacity:0.1) } .isa_1_1_wrap ul.diagramList {margin-top:0; } .isa_1_1_wrap ul.diagramList.hei_3 li > p.btn {height:auto; min-height:40px; color:#666; margin-top:-30px; } .isa_1_1_wrap .joinChk_info {background:#f4f4f4; padding:35px; overflow:hidden; } .isa_1_1_wrap .joinChk_info .title {float:left; width:205px; font-size:18px; } .isa_1_1_wrap .joinChk_info ul {float:left; width:640px; } .isa_1_1_wrap .joinChk_info ul li {padding-left:30px; margin-top:25px; background:url(/img/contents_2015/static/marketing/icon_chk.jpg) no-repeat 0 2px; } .isa_1_1_wrap .joinChk_info ul li:first-child {margin-top:0; } .isa_1_1_wrap .joinChk_info ul li p {padding:10px 0 0} .isa_1_1_wrap .isa_bnr_wrap {padding:30px 0 0} .isa_comboCont .isa_comboBox {margin-top:30px; padding-bottom:30px; border-bottom:1px solid #ddd; } .isa_comboCont .isa_comboBox.last {border-bottom:0; } .isa_comboCont .isa_comboBox .sub_stit span {display:block; padding:5px 0 0;} .isa_comboCont .isa_comboBox p.comment {color:#477dbb; } .isa_comboCont .isa_comboBox .cont_area {overflow:hidden; } .isa_comboCont .isa_comboBox .cont_area .table_area {float:left;width:540px; margin-right:40px;} .isa_comboCont .isa_comboBox .cont_area .graph_area h3 {font-size:14px; padding-bottom:5px; } .isa_comboCont .isa_comboBox .cont_area .graph_area {float:right; width:350px; } .isa_comboCont .isa_comboBox .cont_area .chartCont {float:left; width:100%; padding:30px 0 0; } .cu155_topbtn {padding:10px 0 0} .cu155_topimg {text-align:center; padding:30px 0 0} /* 안내페이지 기본 스타일 - 인텔리퀀트 */ .infoContentStlye {} .infoContentStlye a.pop {position:absolute; right:0; top:0; } .infoContentStlye .topImg.iqonImg {position:relative; height:295px; padding-bottom:60px; border-bottom:1px solid #ddd; background:url(/img/contents_2015/iqon/p1_topimg.jpg) no-repeat 50% 0; } .infoContentStlye .topImg a.pbtn {position:absolute; left:655px; top:171px; } .infoContentStlye .topImg a.pbtnBold {position:absolute; left:322px; top:242px; width:293px; height:43px; padding:5px 0 0; font-size:18px; text-align:center; border:1px solid #ba3431; color:#ba3431; font-weight:bold; } .infoContentStlye .topImg a.pbtnBold:hover {background:#fff} .infoContentStlye .diagram_info { } .infoContentStlye ul.diagramList {margin-top:0; margin-bottom:0; padding-bottom:40px;} .infoContentStlye ul.diagramList.hei_3 li > p.btn {height:auto; min-height:40px; color:#666; margin-top:-30px; } .infoContentStlye .chk_info {background:#f4f4f4; padding:35px; overflow:hidden; } .infoContentStlye .chk_info .title {float:left; width:205px; font-size:18px; } .infoContentStlye .chk_info ul {float:right; width:640px; } .infoContentStlye .chk_info ul+ul {margin-top:25px; border-top:1px solid #ddd; padding-top:25px;} .infoContentStlye .chk_info ul li {padding-left:30px; margin-top:25px; background:url(/img/contents_2015/static/marketing/icon_chk.jpg) no-repeat 0 2px; } .infoContentStlye .chk_info ul li.half {float:left; width:290px; } .infoContentStlye .chk_info ul li.half.top {margin-top:0; } .infoContentStlye .chk_info ul li:first-child {margin-top:0; } .infoContentStlye .chk_info ul li p {padding:10px 0 0; line-height:24px; } .infoContentStlye .chk_info ul li p span.bar {padding-left:10px; margin-left:10px; color:#666; background:url(/img/common/bg_th_bar.gif) no-repeat 0 50% ; } .infoContentStlye .isa_bnr_wrap {padding:30px 0 0} /* iq on */ .iqonWrap .iq_questionBox {position:relative; padding: 0 293px; text-align:center; margin-top:60px; height:430px; background:url(/img/contents_2015/iqon/p2_input_bg.jpg?0718) no-repeat 0 0; } .iqonWrap .iq_questionBox .que {font-size:24px; padding:30px 0 0; color:#000; font-weight:normal; height:84px; } .iqonWrap .iq_questionBox .input {font-size:18px; color:#de690a; } .iqonWrap .iq_questionBox .input input , .iqonWrap .iq_questionBox .input2 input.numInput { width:220px; padding:0 40px; height:45px; font-size:18px; text-align:center; color:#de690a; border:1px solid #de690a; } .iqonWrap .iq_questionBox .input em , .iqonWrap .iq_questionBox .input2 em {font-size:18px; color:#de690a; margin-left:-40px;} .iqonWrap .iq_questionBox .input2 {margin-top:-35px; color:#000; } .iqonWrap .iq_questionBox .input2 .select { height:35px} .iqonWrap .iq_questionBox .btn {font-size:24px; padding:40px 0 0; } .iqonWrap .iq_questionBox .btn a {display:inline-block; width:118px; height:40px; line-height:35px; font-size:18px; color:#fff; background:#de690a; border:1px solid #cf3403; } .iqonWrap .iq_questionBox .btn a.prev {background:#fff; border:1px solid #000; color:#000; } .iq_questionChice {} .iq_questionChice .tit {height:45px; text-align:center; font-size:24px; padding:65px 0 0; } .iq_questionChice .choceBox {text-align:center; height:230px; } .iq_questionChice .choceBox a {position:relative; display:inline-block; width:154px; text-align:center; border:1px solid #ddd; color:#000; vertical-align:top; } .iq_questionChice .choceBox a em {display:none; position:absolute; left:50%; bottom:-1px; width:18px; height:9px; margin-left:-9px; background:url(/img/contents_2015/iqon/stepBox_link_bul.jpg) no-repeat 0 0; } .iq_questionChice .choceBox span {display:none; } .iq_questionChice .choceBox a:hover, .iq_questionChice .choceBox a.on {color:#fff; text-decoration:none; background-color:#de690a !important; border:1px solid #de690a; } .iq_questionChice .choceBox a:hover em, .iq_questionChice .choceBox a.on em {display:block; } .iq_questionChice .choceBox div {padding:10px 0 0; color:#666; } .iq_questionChice .choceBox.radio01 a {padding-top:110px; height:80px; } .iq_questionChice .choceBox.radio02 a {padding-top:100px; height:70px; } .iq_questionChice .choceBox.radio03 a {padding-top:100px; height:70px; } .iq_questionChice .choceBox.radio04 a {padding-top:100px; height:70px; } .iq_questionChice .choceBox.radio01 a.bg01 {background:url(/img/contents_2015/iqon/stepBox_02_bg_1_off.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01.add_zero a.bg01 {background:url(/img/contents_2015/iqon/stepBox_02_bg_1_1_off.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg02 {background:url(/img/contents_2015/iqon/stepBox_02_bg_2_off.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg03 {background:url(/img/contents_2015/iqon/stepBox_02_bg_3_off.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg04 {background:url(/img/contents_2015/iqon/stepBox_02_bg_4_off.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg05 {background:url(/img/contents_2015/iqon/stepBox_02_bg_5_off.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg01:hover, .iq_questionChice .choceBox.radio01 a.bg01.on {background:url(/img/contents_2015/iqon/stepBox_02_bg_1_on.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01.add_zero a.bg01:hover, .iq_questionChice .choceBox.radio01.add_zero a.bg01.on {background:url(/img/contents_2015/iqon/stepBox_02_bg_1_1_on.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg02:hover, .iq_questionChice .choceBox.radio01 a.bg02.on {background:url(/img/contents_2015/iqon/stepBox_02_bg_2_on.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg03:hover, .iq_questionChice .choceBox.radio01 a.bg03.on {background:url(/img/contents_2015/iqon/stepBox_02_bg_3_on.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg04:hover, .iq_questionChice .choceBox.radio01 a.bg04.on {background:url(/img/contents_2015/iqon/stepBox_02_bg_4_on.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio01 a.bg05:hover, .iq_questionChice .choceBox.radio01 a.bg05.on {background:url(/img/contents_2015/iqon/stepBox_02_bg_5_on.jpg) no-repeat 50% 60px; } .iq_questionChice .choceBox.radio02 a.bg01 {background:url(/img/contents_2015/iqon/stepBox_03_bg_1_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio02 a.bg02 {background:url(/img/contents_2015/iqon/stepBox_03_bg_2_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio02 a.bg03 {background:url(/img/contents_2015/iqon/stepBox_03_bg_3_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio02 a.bg04 {background:url(/img/contents_2015/iqon/stepBox_03_bg_4_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio02 a.bg01:hover, .iq_questionChice .choceBox.radio02 a.bg01.on {background-image:url(/img/contents_2015/iqon/stepBox_03_bg_1_on.jpg) } .iq_questionChice .choceBox.radio02 a.bg02:hover, .iq_questionChice .choceBox.radio02 a.bg02.on {background-image:url(/img/contents_2015/iqon/stepBox_03_bg_2_on.jpg) } .iq_questionChice .choceBox.radio02 a.bg03:hover, .iq_questionChice .choceBox.radio02 a.bg03.on {background-image:url(/img/contents_2015/iqon/stepBox_03_bg_3_on.jpg) } .iq_questionChice .choceBox.radio02 a.bg04:hover, .iq_questionChice .choceBox.radio02 a.bg04.on {background-image:url(/img/contents_2015/iqon/stepBox_03_bg_4_on.jpg) } .iq_questionChice .choceBox.radio03 a.bg01 {background:url(/img/contents_2015/iqon/stepBox_04_bg_1_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio03 a.bg02 {background:url(/img/contents_2015/iqon/stepBox_04_bg_2_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio03 a.bg03 {background:url(/img/contents_2015/iqon/stepBox_04_bg_3_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio03 a.bg01:hover, .iq_questionChice .choceBox.radio03 a.bg01.on {background-image:url(/img/contents_2015/iqon/stepBox_04_bg_1_on.jpg) } .iq_questionChice .choceBox.radio03 a.bg02:hover, .iq_questionChice .choceBox.radio03 a.bg02.on {background-image:url(/img/contents_2015/iqon/stepBox_04_bg_2_on.jpg) } .iq_questionChice .choceBox.radio03 a.bg03:hover, .iq_questionChice .choceBox.radio03 a.bg03.on {background-image:url(/img/contents_2015/iqon/stepBox_04_bg_3_on.jpg) } .iq_questionChice .choceBox.radio04 a.bg01 {background:url(/img/contents_2015/iqon/stepBox_05_bg_1_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio04 a.bg02 {background:url(/img/contents_2015/iqon/stepBox_05_bg_2_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio04 a.bg03 {background:url(/img/contents_2015/iqon/stepBox_05_bg_3_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio04 a.bg04 {background:url(/img/contents_2015/iqon/stepBox_05_bg_4_off.jpg) no-repeat 50% 50px; } .iq_questionChice .choceBox.radio04 a.bg01:hover, .iq_questionChice .choceBox.radio04 a.bg01.on {background-image:url(/img/contents_2015/iqon/stepBox_05_bg_1_on.jpg) } .iq_questionChice .choceBox.radio04 a.bg02:hover, .iq_questionChice .choceBox.radio04 a.bg02.on {background-image:url(/img/contents_2015/iqon/stepBox_05_bg_2_on.jpg) } .iq_questionChice .choceBox.radio04 a.bg03:hover, .iq_questionChice .choceBox.radio04 a.bg03.on {background-image:url(/img/contents_2015/iqon/stepBox_05_bg_3_on.jpg) } .iq_questionChice .choceBox.radio04 a.bg04:hover, .iq_questionChice .choceBox.radio04 a.bg04.on {background-image:url(/img/contents_2015/iqon/stepBox_05_bg_4_on.jpg) } .iq_questionChice .btn {text-align:center; } .iq_questionChice .btn a {display:inline-block; width:118px; height:40px; line-height:35px; font-size:18px; color:#de690a; border:1px solid #de690a; } .iq_questionChice .btn a.prev {color:#000; border:1px solid #000; } .iqon_resultBox .sub_stit {padding-bottom:10px } .iqon_resultBox .sub_stit p { padding:5px 0 0; } .iqon_resultBox table {border-left:1px solid #ddd; border-right:1px solid #ddd; } .iqon_resultBox table th, .iqon_resultBox table td {padding:20px 30px; } .iqon_resultBox table th.resultTop {} .iqon_resultBox table th.resultTop .payment {float:left; } .iqon_resultBox table th.resultTop .payment div {float:left; text-align:left;} .iqon_resultBox table th.resultTop .payment div p {height:30px; line-height:24px} .iqon_resultBox table th.resultTop .payment img {} .iqon_resultBox table th.resultTop .payment input {height:30px; padding-bottom:3px; color:#000; border:1px solid #c8c8c8; vertical-align:top; } .iqon_resultBox table th.resultTop .payment input.pay {width:140px; margin:0 -30px 0 5px; line-height:20px; padding-right:30px; text-align:right; vertical-align:middle } .iqon_resultBox table th.resultTop .payment span.won {margin-right:30px; } .iqon_resultBox table th.resultTop .payment input.type {width:60px; margin:0 -4px; padding-left:0; text-align:center; } .iqon_resultBox table th.resultTop .btn {float:right; /*padding-top:16px;*/ } .iqon_resultBox table th.resultTop .btn .pbtnBold {line-height:33px; } .iqon_resultBox table td.result_txt {} .iqon_resultBox table td.result_txt .result_1 {float:left; } .iqon_resultBox table td.result_txt .result_1 p {padding:3px 0; } .iqon_resultBox table td.result_txt .result_1 strong {display:inline-block; width:95px; } .iqon_resultBox table td.result_txt .result_2 {float:right; text-align:right; } .iqon_resultBox table td.result_txt .result_2 strong.tit {display:block; } .iqon_resultBox table td.result_txt .result_2 span {color:#de690a; } .iqon_resultBox table td.result_txt .result_2 span strong {font-size:24px; } .iqon_resultBox table td.result_txt strong {font-weight:normal; } .iqon_resultBox table td.result_txt em.bar {padding-left:10px; color:#666; background:url(/img/common/bar_ddd.jpg) no-repeat 0 4px; } .iqon_resultBox table td.result_txt em.bar span.color_1 {color:#598cd1} .iqon_resultBox table td.result_txt em.bar span.color_2 {color:#92b30c} .iqon_resultBox table td.result_txt em.bar span.color_3 {color:#de690a} .iqon_resultBox table td .chartGuide, .iqon_portFolio .chartGuide {overflow:hidden; padding-bottom:10px; } .iqon_resultBox table td .chartGuide span, .iqon_portFolio .chartGuide span {display:inline-block; width:12px; height:12px; vertical-align:-2px; } .iqon_resultBox table td .chartGuide span ~ span, .iqon_portFolio .chartGuide span ~ span {margin-left:10px; } .iqon_resultBox table td .chartGuide span.color_1, .iqon_portFolio .chartGuide span.color_1 {background:#598cd1} .iqon_resultBox table td .chartGuide span.color_2, .iqon_portFolio .chartGuide span.color_2 {background:#92b30c} .iqon_resultBox table td .chartGuide span.color_3, .iqon_portFolio .chartGuide span.color_3 {background:#de690a} .iqon_resultBox table td .chartGuide span.color_4, .iqon_portFolio .chartGuide span.color_4 {background:#959595} .iqon_resultBox table td .chartGuide .tit, .iqon_portFolio .chartGuide .tit {float:left; } .iqon_resultBox table td .chartGuide .info, .iqon_portFolio .chartGuide .info {float:right; color:#666; font-size:12PX; } .iqon_resultBox .guideTxt {color:#666; } .iqon_resultBox .btnBox {padding:40px 0 0; text-align:center; } .iqon_resultBox .btnBox a {display:inline-block; padding:0 22px; height:40px; line-height:35px; font-size:18px; color:#fff; border:1px solid #de690a; background:#de690a; } .iqon_resultBox .btnBox a.reset {color:#000; background:#fff; border:1px solid #000; } .visual_submainIqon {height:320px; background:url(/img/contents_2015/iqon/main_visual_bg.jpg) 50% 0 no-repeat #353b42 ; } .subIQon_top {position:relative; height:320px; color:#fff; } .subIQon_top .bulTit {position:absolute; top:30px; left:0; width:80px; height:60px; padding:20px 0 0 0; text-align:center; color:#fff; background:#2eb7d0; } .subIQon_top h3 {color:#fff; padding:30px 0 0 100px; font-weight:normal; font-size:32px; line-height:120%; } .subIQon_top p {padding-top:25px; font-size:18px; line-height:28px; } .subIQon_top p a.pbtn {display:inline-block; padding:0; padding-right:14px; color:#fff; line-height:18px; font-size:16px; background:url(/img/main/201604/visual_bul.png) no-repeat 100% 4px; } .subMainVisual {position:relative; z-index:5; } .iqonSubmain {padding:20px 0 0} .iqonSubmain a.pop {position:absolute; right:0; top:0; } .iqonSubmain .txtImgBox {position:relative; width:100%; display:inline-block; } .iqonSubmain .txtImgBox.bg {position:relative;background:#fafafa; margin-top:1px;} .iqonSubmain .txtImgBox .tit {position:relative;z-index:2;font-size:32px; padding:51px 0 20px;letter-spacing:-1px; } .iqonSubmain .txtImgBox .flBox {float:left; } .iqonSubmain .txtImgBox.bg .img {float:right; padding:50px 85px 50px 0; } .iqonSubmain .txtImgBox p {position:relative;z-index:2;font-size:18px; padding-bottom:45px; line-height:28px; letter-spacing:-1px;} .iqonSubmain .txtImgBox p.bul {padding-bottom:10px; } .iqonSubmain .txtImgBox p a {margin-top:15px; display:inline-block; font-size:15px; line-height:14px; letter-spacing:0;} .iqonSubmain .txtImgBox ul {padding-bottom:40px; } .iqonSubmain .txtImgBox ul li {line-height:24px; font-size:16px; } .iqonSubmain .txtImgBox .img {position:relative;z-index:2;} .iqonSubmain .txtImgBox .img img {vertical-align:top; } .iqonSubmain .txtImgBox .line {position:absolute; bottom:0px; border-bottom:1px solid #ddd; width:2000px; left:50%; margin-left:-1000px;} .iqonSubmain .txtImgBox.bg .line {height:100%; background:#fafafa;} .iqonSubmain .txtBnrBox {overflow:hidden; padding:60px 0 0; color:#fff; } .iqonSubmain .txtBnrBox .box_1 {float:left; width:411px; padding:29px; background:url(/img/contents_2015/iqon/main_bnr_bg_1.jpg) no-repeat 100% 100% #666; } .iqonSubmain .txtBnrBox .box_2 {float:right; width:411px; padding:29px; background:url(/img/contents_2015/iqon/main_bnr_bg_2.jpg) no-repeat 100% 100% #de690a; } .iqonSubmain .txtBnrBox .pbtnBold {border:1px solid #fff; color:#fff; background:none} .iqonSubmain .txtBnrBox strong {font-weight:normal; font-size:18px; } .iqonSubmain .txtBnrBox p {padding:15px 0 0 ; height:85px; } .stepBoxWrap {} .stepBoxWrap ul {overflow:hidden; background:#f4f4f4; } .stepBoxWrap ul li {position:relative; float:left; width:92px; padding-right:2px; height:74px; margin-right:11px; } .stepBoxWrap ul li.fisrt {width:73px; } .stepBoxWrap ul li.s2 {width:106px} .stepBoxWrap ul li.s3 {width:106px} .stepBoxWrap ul li.s4 {width:106px} .stepBoxWrap ul li.s5 {width:95px} .stepBoxWrap ul li.s6 {width:74px} .stepBoxWrap ul li.s7 {width:74px} .stepBoxWrap ul li.s8 {width:106px} .stepBoxWrap ul li.on { height:72px; border:1px solid #de690a; border-right:0; background:#fff; } .stepBoxWrap ul li.last {margin-right:0; } .stepBoxWrap ul li.last.on {padding-right:0; border-right:1px solid #de690a;} .stepBoxWrap ul li span {position:relative; z-index:2; display:block; padding:16px 0 0 15px; color:#666; } .stepBoxWrap ul li strong {position:relative; z-index:2; display:block; padding:1px 0 0 13px; font-weight:normal; white-space:nowrap; } .stepBoxWrap ul li.fisrt span {padding:16px 0 0 5px; } .stepBoxWrap ul li.fisrt strong {padding:1px 0 0 3px; } .stepBoxWrap ul li.on span, .stepBoxWrap ul li.on strong {color:#de690a} .stepBoxWrap ul li em {position:absolute; top:-1px; width:31px; height:74px; right:-10px; background:url(/img/contents_2015/iqon/stepBox_bul_off.jpg) no-repeat 0 0; } .stepBoxWrap ul li.on em {background:url(/img/contents_2015/iqon/stepBox_bul_on.jpg) no-repeat 0 0; } .stepBoxWrap ul li.on em.bg2 {width:32px; right:auto; left:-20px; background:url(/img/contents_2015/iqon/stepBox_bul_on2.jpg) no-repeat 0 0; } .stepBoxWrap ul li.fisrt em.bg2 {display:none} .stepBoxWrap ul li.last em {display:none; } .stepBoxWrap ul li.last em.bg2 {display:block; } .titSet {} .titSet div {font-size:28px; margin-top:20px; } .titSet p {margin-top:5px; } .box-intro.IB6j0_bg {background:url(/img/contents_2015/bank/IB6j0_bg.jpg) 95% 35px no-repeat; } .box-intro.IB6j0_bg p {padding-right:240px; } .IB6j0_bg_cont {} .IB6j0_bg_cont ul.infoBox {padding:5px 0 0; overflow:hidden; } .IB6j0_bg_cont ul.infoBox li {float:left; width:425px; height:95px; padding:30px 20px; border:1px solid #ddd;} .IB6j0_bg_cont ul.infoBox li.bg {width:270px; padding-left:175px; background:url(/img/contents_2015/bank/IB6j0_info_bg.jpg) no-repeat 75px 50%; } .IB6j0_bg_cont ul.infoBox li + li {float:right; } .IB6j0_bg_cont ul.infoBox li strong {font-size:18px; display:block; padding-bottom:10px; } .IB6j0_bg_cont ul.infoBox li p {font-size:16px; padding-left:25px; background:url(/img/contents_2015/bank/IB6j0_info_bul.jpg) no-repeat 0 6px; } .IB6j0_service {} .IB6j0_service .tit {font-size:28px; padding-bottom:10px; } .IB6j0_service .tit ~ .tit {margin-top:35px; } .IB6j0_service p {} .IB6j0_service table ul li {padding-left: 12px; background: url(/img/common/2015/bul_li02.gif) 5px 10px no-repeat;} /* 추천 펀드 */ .suvMainVS.visual_recomm {height: 400px;background: #fff url(/img/contents_2015/marketing/recom_visual.jpg?0731) 50% 0 no-repeat;} .suvMainVS.visual_focus {height: 400px;background: #fff url(/img/contents_2015/marketing/focus_visual.jpg) 50% 0 no-repeat;} .recomm .box-intro.visual {width:940px; height:355px; padding-top:27px; position:relative; z-index:100; border-bottom:0; } .recomm .box-intro.visual h3 {clear:both; color:#fff; padding-top:110px; font-size:32px; font-weight:normal; line-height:40px; } .recomm .box-intro.visual ul.libul02 {margin-top:20px; } .recomm .box-intro.visual ul.libul02 li {color:#fff; font-size:18px; letter-spacing:-1px; margin-top:5px; line-height:24px;; } .recomm .box-intro.visual ul[class*=libul]>li+li {margin-top:15px; } .recomm .section01 {border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px; } .recomm .section01 h3 {font-size:32px; font-weight:normal; padding-bottom:20px; } .recomm .section01 p {font-size:18px; line-height:26px; } .recom_fundList {overflow:hidden; } .recom_fundList .title {font-size:32px; } .recom_fundList ul {width:1000px; overflow:hidden; padding:25px 0 0; } .recom_fundList ul li {float:left; width:224px; padding:30px; height:210px; margin:0 40px 40px 0; border:1px solid #ddd; } .recom_fundList ul li p {font-size:15px; padding-bottom:10px; } .recom_fundList ul li span {font-size:15px; } .recom_fundList ul li strong {display:block; font-size:32px;} .recom_fundList ul li strong em {font-size:16px; } .recom_fundList ul li span.ERN {display:block; } .recom_fundList ul li .btns {padding:10px 0 0; text-align:right; } .recom_fundList ul li .btns a {padding:0 10px; } .recomm .section {display:flex; justify-content:center; padding:25px 0;} .recomm .section.flex-row {flex-direction:row;} .recomm .section.flex-col {flex-direction:column;} .recomm .section .content01 {width:430px; display:flex; flex-direction:column; justify-content:center; align-content:flex-start; margin:0 40px;} .recomm .section .content01 h3 {font-size:35px; padding-bottom:20px;} .recomm .section .content01 p {font-size:16px; color:#202020;} .recomm .section .content02 {display:flex; flex-direction:column; justify-content:center; align-content:flex-start; margin:0;} .recomm .section .content02 h3 {font-size:35px; padding-bottom:20px;} .recomm .section .content02 p {font-size:18px; padding-bottom:20px; color:#666;} .recomm .section .content03 {display:grid; grid-gap:50px; padding:40px; background-color:#f4f4f4; border-radius:40px;} .recomm .section .content03 .item {display:flex; flex-direction:column; justify-content:center; align-content:flex-start;} .recomm .section .content03 .item h6 {font-size:18px; color:#ec6c0e; padding-bottom:8px;} .recomm .section .content03 .item h4 {font-size:28px; padding-bottom:20px;} .recomm .section .content03 .item .list {background-color:#fff; border-radius:30px; padding:40px;} .recomm .section .content03 .item ul {} .recomm .section .content03 .item ul li {list-style-type:disc; margin-left:20px; font-size:16px; color:#666;} .recomm .section .content04 {display:flex; flex-wrap:wrap;} .recomm .section .content04 h3 {font-size:35px; padding-bottom:30px; flex-basis:100%;} .recomm .section .content04 .item {display:grid; grid-auto-flow:column; grid-gap:20px;} /* life plus */ .hwsBrand_360 {text-align:center;} .hwsBrand_360 .visual {width:1580px; margin:0 auto; height:6702px; position:relative;} #hoverBox {overflow:hidden; width:1218px; margin:0 auto; } #hoverBox li {float:left; width:25%; text-align:center; padding-bottom:30px; } #hoverBox li a {display:block; width:265px; box-shadow:5px 5px 15px #ccc; padding:0; background:none;} #hoverBox li div.outer {display:block; text-align:center; width:265px; height:420px; overflow:hidden; position:relative; } #hoverBox li div.outer .inner {position:absolute; top:0;; left:0; } #hoverBox li div img {display:block; } #hoverBox li div img.top {position:relative; } .hoverBoxWrap {width:100%; background:#f0f0f0; } .snsBoxWrap {text-align:center; padding-bottom:80px; } .snsBox {overflow:hidden; width:1218px; margin:0 auto; } .snsBox li {float:left; width:20%; text-align:center; text-align:center; } .snsBox li a {background:none; padding:0; } .q_icon_txt {display: inline-block; margin: 10px 0 5px 0;} /* esg contents */ .CP_800_img_1 { position:relative; width:100%; height:300px; margin-bottom:100px; overflow: hidden; background:url(/img/hanwha/esg/CP_800_img_1.png?v=20240612) no-repeat 0 0; } .CP_800_img_1 li {opacity:0; } .esgManagePlan {} .esgManagePlan h4 {font-size:24px; text-align: center; margin-top:60px; padding-bottom:30px; } .esgManagePlan h4 strong {color:#477dba; } .esgManagePlan h4 + p.txt {text-align: center;} .esgManagePlan ul.planList {border-top:1px solid #ddd; } .esgManagePlan ul.planList li {padding:40px 0 40px 170px; border-bottom:1px solid #ddd; } .esgManagePlan ul.planList li.plan_1_1 {background: url(/img/hanwha/esg/CP_800_ico_1.png) no-repeat 55px 50%;} .esgManagePlan ul.planList li.plan_1_2 {background: url(/img/hanwha/esg/CP_800_ico_2.png) no-repeat 55px 50%;} .esgManagePlan ul.planList li.plan_1_3 {background: url(/img/hanwha/esg/CP_800_ico_3.png) no-repeat 55px 50%;} .esgManagePlan ul.planList li.plan_1_4 {background: url(/img/hanwha/esg/CP_800_ico_4.png) no-repeat 55px 50%;} .esgManagePlan ul.planList li.plan_1_5 {background: url(/img/hanwha/esg/CP_800_ico_5.png) no-repeat 55px 50%;} .esgManagePlan ul.planList2 {} .esgManagePlan ul.planList2 li {padding-top:270px; padding-bottom:30px; } .esgManagePlan ul.planList2 li.plan_2_1 {background:url(/img/hanwha/esg/CP_800_img_2_1.png) no-repeat 0 0; } .esgManagePlan ul.planList2 li.plan_2_2 {background:url(/img/hanwha/esg/CP_800_img_2_2.png) no-repeat 0 0; } .esgManagePlan ul.planList2 li.plan_2_3 {background:url(/img/hanwha/esg/CP_800_img_2_3.png) no-repeat 0 0; } .esgManagePlan .oath {margin-top:30px; padding-top:280px; background:url(/img/hanwha/esg/CP_802_img_2_1.png) no-repeat 0 0; } .esgManagePlan .oath ul {border-top:1px solid #ddd; } .esgManagePlan .bg_cp802_2 {margin-top:30px; height:250px; background:url(/img/hanwha/esg/CP_802_img_2_2.png) no-repeat 0 0; } .CP_800_3p .stockStatus {display:flex; justify-content: space-between;} .CP_800_3p .stockStatus li {width:300px; height:300px; } .CP_800_3p .stockStatus li span {opacity:0; } .CP_800_3p .stockStatus li.bg_1 {background:url(/img/hanwha/esg/CP_801_img_1_1.png) no-repeat 0 0; } .CP_800_3p .stockStatus li.bg_2 {background:url(/img/hanwha/esg/CP_801_img_1_2.png) no-repeat 50% 50%; } .CP_800_3p .stockStatus li.bg_3 {background:url(/img/hanwha/esg/CP_801_img_1_3.png) no-repeat 0 0; } .cp_808_2p {} .cp_808_2p .achievments {padding:40px 0 100px; border-bottom:1px solid #ddd; } .cp_808_2p .achievments ul {display:flex; justify-content: space-between;} .cp_808_2p .achievments ul li {width:220px; text-align: center;} .cp_808_2p .achievments ul li .bgBox {width:220px; height:220px; } .cp_808_2p .achievments ul li .bgBox span { opacity:0; } .cp_808_2p .achievments ul li.bg_1 .bgBox {background:url(/img/hanwha/esg/CP_802_img_1_1.png)} .cp_808_2p .achievments ul li.bg_2 .bgBox {background:url(/img/hanwha/esg/CP_802_img_1_2.png)} .cp_808_2p .achievments ul li.bg_3 .bgBox {background:url(/img/hanwha/esg/CP_802_img_1_3.png)} .cp_808_2p .achievments ul li.bg_4 .bgBox {background:url(/img/hanwha/esg/CP_802_img_1_4.png)} .cp_808_2p .achievments ul li p {padding:10px 0 0; } .cp_808_2p .achievments ul li p strong {font-size:30px; } .cp_808_2p .achievments ul li p strong span {font-size:14px; font-weight: normal; } .cp_808_2p .achievments ul li p strong span sub {font-size:10px; } .cp_808_2p .achievments ul li p em {font-size:14px; color:#fa6000; font-weight: bold; ; } a.pbtnArr {position:relative; display:inline-block; font-size:12px; padding:0 25px 0 15px; background:#fff; border: 1px solid #de690a; color:#000; line-height:33px; white-space: nowrap;} a.pbtnArr::after{content:"";position:absolute; right:10px; width:7px; height:7px; top:13px; border:1px solid #333; border-width:1px 1px 0 0; transform: rotate(45deg); } .CP_804_2 ul.contributionCont {margin-top:20px;} .CP_804_2 ul.contributionCont li {min-height:300px; padding: 0px 490px 40px 0; border-bottom:1px solid #ddd; } .CP_804_2 ul.contributionCont li + li {padding-top: 40px !important; } .CP_804_2 ul.contributionCont li strong {font-size:18px; } .CP_804_2 ul.contributionCont li p {margin-top:10px; line-height:22px; } .CP_804_2 ul.contributionCont li.bg_1_1 {background:url(/img/hanwha/esg/CP_804_2_1.png) no-repeat 100% 0px;} .CP_804_2 ul.contributionCont li.bg_1_2 {background:url(/img/hanwha/esg/CP_804_2_2.png) no-repeat 100% 40px;} .CP_804_2 ul.contributionCont li.bg_2_1 {padding: 0px 0 40px 490px ; background:url(/img/hanwha/esg/CP_804_2_3.png) no-repeat 0 0px;} .CP_804_2 ul.contributionCont li.bg_2_2 {padding: 0px 0 40px 490px ; background:url(/img/hanwha/esg/CP_804_2_4.png) no-repeat 0 40px;} .CP_804_2 ul.contributionCont li.bg_3_1 {background:url(/img/hanwha/esg/CP_804_2_5.png) no-repeat 100% 0px;} .CP_804_2 ul.contributionCont li.bg_3_2 {background:url(/img/hanwha/esg/CP_804_2_6.png) no-repeat 100% 40px;} .cp_805 .ESG_grade {} .cp_805 .ESG_grade .tit {text-align:center; padding-bottom:40px; font-size:18px; } .cp_805 .ESG_grade .tit strong {display:block; padding-bottom:17px; } .cp_805 .ESG_grade ul.gradeList {} .cp_805 .ESG_grade ul.gradeList li {text-align:center; padding:40px 0; border-top:1px solid #ddd; } .cp_805 .ESG_grade ul.gradeList li strong {display:block; font-size:18px; padding-bottom:30px; } .cp_805 .hanwhaReport {} .cp_805 .hanwhaReport .imgBox {padding:30px 0 0; } .cp_805 .hanwhaReport .imgBox p {font-size:16px; padding:30px 0 0; } .cp_805 .hanwhaReport .imgBox .btnBox {padding:20px 0 0; } .cp_805 .hanwhaReport a.pbtnPdf {margin-left:20px; display:inline-block; position:relative; width:190px; text-align: left; height:40px; padding-left:54px; line-height:40px; border:1px solid #e0e0e0; box-sizing: border-box; background:url(/img/hanwha/esg/CP_805_2_pdf.png) no-repeat 20px 50%; } .cp_805 .hanwhaReport a.pbtnPdf::after {content:""; position:absolute; width:14px; height:14px; right:10px; height:40px; background:url(/img/hanwha/esg/CP_805_2_down.png) no-repeat 0 50%; } .cp_805 .hanwhaReport .recent {text-align: center;} .cp_805 .hanwhaReport ul.hanwhaReportList {margin-top:30px; border-top:1px solid #bababa} .cp_805 .hanwhaReport ul.hanwhaReportList li {display:flex; padding:20px 0; justify-content: space-between; border-bottom:1px solid #bababa} .cp_805 .hanwhaReport ul.hanwhaReportList li .tit {} .cp_805 .hanwhaReport ul.hanwhaReportList li .tit em {display:block; font-size:16px; } .cp_805 .hanwhaReport ul.hanwhaReportList li .tit span {display:block; margin-top:5px; font-size:14px; color:#666; } .cp_805 .hanwhaReport ul.hanwhaReportList li .btnBox{margin:auto 0; } ul.diagramList.type_vertical { } ul.diagramList.type_vertical li {width:100%; float:none; box-sizing: border-box; } ul.diagramList.type_vertical li + li {margin-top: 30px; margin-left:0; } ul.diagramList.type_vertical li div u {top:-15px; left:50%; transform: rotate(90deg); }