@charset "utf-8"; #ObjXWC {display:none !important;} /* 영문 - 회사소개 */ #sub_English {background: url('/img/submain/kintro_bdbg.gif') repeat-x; text-align: left; width: 100%; margin-top: 3px;} /* 영문 - 회사소개 */ #fintro { text-align: left; width: 100%; margin-top: 17px;} #fintro .wr {width: 900px; margin: 0 auto;} #fintro .wr .tlctnr {border-bottom: 1px solid #e4e4e4; height: 59px; margin-bottom: 18px;} #fintro .wr .tlctnr .l {float: left; background: url('/img/submain/fintro_tl.gif') top left no-repeat; height: 100%; width: 500px;} #fintro .wr .tlctnr .l h1 {font-size: 0; text-indent:-100000px;} #fintro .wr .tlctnr .l p {font-size: 0; text-indent:-100000px;} #fintro .wr .tlctnr .r {float: right;width: 370px; text-align:right;padding-top: 14px; line-height: 0;} #fintro .wr .tlctnr .r label {display: inline-block; background: url('/img/submain/fintro_stl.gif') -1px 10px no-repeat; width: 66px; height: 33px; vertical-align: top;} #fintro .wr .tlctnr .r label span {visibility: hidden;} #fintro .wr .tlctnr .r input {width: 200px; height: 27px; border: 3px solid #bf4820; background: url('/img/submain/fintro_bt_sch.gif') right 50% no-repeat; vertical-align: top; line-height: 27px;} #fintro .wr .tlctnr .r button {background: url('/img/submain/fintro_btn_sch.gif') right 50% no-repeat; width: 64px; height: 33px; font-size: 0; text-indent: -10000px; vertical-align: top;/* margin-left: 3px; */ *margin-left: 7px;} #fintro .visual {position: relative;width: 100%; height: 345px; margin-bottom: 28px;} #fintro .visual .bg01 {width: 100%; height: 345px; background: url('/img/submain/fintro_visu.png') 50% 8px no-repeat; position: absolute;} #fintro .visual .bg02 {width: 100%; height: 345px; background: url('/img/submain/fintro_visu.png') 50% -329px no-repeat; position: absolute;} #fintro .visual .bg03 {width: 100%; height: 345px; background: url('/img/submain/fintro_visu.png') 50% -666px no-repeat; position: absolute;} #fintro .visual .bg04 {width: 100%; height: 345px; background: url('/img/submain/fintro_visu.png') 50% -1003px no-repeat; position: absolute;} #fintro .visual .box {position:relative;height:345px;} #fintro .visual .boxBG {position:absolute;top:0;left:0;z-index:10;width:100%;height:60px;background:url('/img/submain/kintro_visu_t.png') repeat-x; width: 100%; height: 100%;} #fintro .visual .ctnr { width: 100%; margin: 0 auto;} #fintro .visual .ctnr h2 {position: absolute; width: 225px; height: 53px; z-index: 1;} #fintro .visual .ctnr .tab01 {top: 0; left: 50%; z-index:11;width: 225px; margin-left:-450px;} #fintro .visual .ctnr .tab01 a {position: absolute; width: 225px; height: 53px; background:url('/img/submain/fintro_tab01.png') left 8px no-repeat; text-indent: -10000px; font-size: 0;} #fintro .visual .ctnr .tab01 a:hover, #fintro .visual .visual_ctnr .tab01 a:focus, #fintro .visual .visual_ctnr .tab01 a:active {background:url('/img/submain/fintro_tab01on.png') left top no-repeat;} #fintro .visual .ctnr .tab01 a.sel {background:url('/img/submain/fintro_tab01on.png') left top no-repeat;} #fintro .visual .ctnr .cont01 {font-size: 0; text-indent: -10000px;} #fintro .visual .ctnr .tab02 {top: 0; left:50%;z-index:11;margin-left:-225px;} #fintro .visual .ctnr .tab02 a {position: absolute; width: 225px; height: 53px; background:url('/img/submain/fintro_tab02.png') left 8px no-repeat; text-indent: -10000px; font-size: 0;} #fintro .visual .ctnr .tab02 a:hover, #fintro .visual .visual_ctnr .tab02 a:focus, #fintro .visual .visual_ctnr .tab02 a:active {background:url('/img/submain/fintro_tab02on.png') left top no-repeat;} #fintro .visual .ctnr .tab02 a.sel {background:url('/img/submain/fintro_tab02on.png') left top no-repeat;} #fintro .visual .ctnr .cont02 {font-size: 0; text-indent: -10000px; display: none;} #fintro .visual .ctnr .tab03 {top: 0; left:50%;z-index:11;margin-left:0;} #fintro .visual .ctnr .tab03 a {position: absolute; width: 225px; height: 53px; background:url('/img/submain/fintro_tab03.png') left 8px no-repeat; text-indent: -10000px; font-size: 0;} #fintro .visual .ctnr .tab03 a:hover, #fintro .visual .visual_ctnr .tab03 a:focus, #fintro .visual .visual_ctnr .tab03 a:active {background:url('/img/submain/fintro_tab03on.png') left top no-repeat;} #fintro .visual .ctnr .tab03 a.sel {background:url('/img/submain/fintro_tab03on.png') left top no-repeat;} #fintro .visual .ctnr .cont03 {font-size: 0; text-indent: -10000px; display: none;} #fintro .visual .ctnr .tab04 {top: 0; left:50%;z-index:11;width: 225px; height: 53px;margin-left:225px;} #fintro .visual .ctnr .tab04 a {position: absolute; top:0;left:0;width: 225px; height: 53px; background:url('/img/submain/fintro_tab04.png') left 8px no-repeat; text-indent: -10000px; font-size: 0;} #fintro .visual .ctnr .tab04 a:hover, #fintro .visual .visual_ctnr .tab04 a:focus, #fintro .visual .visual_ctnr .tab04 a:active {background:url('/img/submain/fintro_tab04on.png') left top no-repeat;} #fintro .visual .ctnr .tab04 a.sel {background:url('/img/submain/fintro_tab04on.png') left top no-repeat;} #fintro .visual .ctnr .cont04 {font-size: 0; text-indent: -10000px; display: none;} #fintro .board {width: 900px; height:181px; margin: 0 auto 35px auto; } #fintro .board .l {float: left; width: 365px; } #fintro .board .l h3 {height: 30px; border-bottom: 1px solid #bdbdbd; width: 100%; padding: 0;} #fintro .board .l table { width:100%; border:0px solid #666; margin-top:0;} #fintro .board .l table th, #fintro .board .l table td {border-bottom: 1px solid #ededed; color: #4d4d4d; line-height: 180%; padding:5px 0 0 0; font-weight: normal; font-size:12px; } #fintro .board .l table th {text-align: left; border:0px solid #ededed; border-bottom:1px solid #ededed; background:none; } #fintro .board .l table th.pdl15 {padding-left: 15px !important;} #fintro .board .l table th span.pdl15 {padding-left: 15px !important;} #fintro .board .l table td span.bul_downTable01, #fintro .board .l table td span.bul_upTable01 { background-position:15% 50%; } #fintro .board .l table th.up {color: #ff0000;} #fintro .board .l table th.down {color: #0000ff;} #fintro .board .l table td {text-align: right; padding-right: 0; border:0px solid #ededed;border-bottom:1px solid #ededed;} #fintro .board .l table td span {display: block;} #fintro .board .l table td span.up {font-weight: normal; padding-left: 12px; background:url('/img/common/ico/ico_up02.png') 15px 50% no-repeat; } #fintro .board .l table td span.down {font-weight: normal; padding-left: 12px; background:url('/img/common/ico/ico_down02.png') 15px 50% no-repeat;} #fintro .board .pr20{padding-right:20px !important} #fintro .board .c {float: left; width: 240px; margin-left: 41px;} #fintro .board .c h3 {height: 30px; width: 100%; padding: 0;} #fintro .board .c div {position: relative; background: url('/img/submain/fintro_c_bg.gif') left top no-repeat; height: 146px;} #fintro .board .c div p {font-size: 0; text-indent: -10000px;} #fintro .board .c div a {position: absolute; left: 0; top: 0; width:240px; height:117px; font-size: 0; line-height: 0; text-indent:-1000px;} #fintro .board .r {float: right; width: 217px;} #fintro .board .r h3 {height: 30px; width: 100%; padding: 0;} #fintro .board .r div {background: url('/img/submain/fintro_r_bg.gif') left -1px no-repeat; width: 100%; height: 83px; position: relative;} #fintro .board .r div ul li.link1 a {position: absolute; left: 87px; top: 11px; width: 130px; height: 14px;} #fintro .board .r div ul li.link2 a {position: absolute; left: 87px; top: 29px; width: 130px; height: 14px;} #fintro .board .r div ul li a {font-size: 0; text-indent: -10000px;} #fintro .board .r .ctnr dl {position: relative;} #fintro .board .r .ctnr dl dt {position: absolute; font-size: 0; text-indent: -10000px;} #fintro .board .r .ctnr dl dd a {display: block; height: 100%; font-size: 0; text-indent: -10000px;} #fintro .board .r li {font-size: 0; line-height: 0;} /* //영문 - 회사소개 */ /* 아카데미 */ #sub_academy {background: url('/img/submain/bg_nacademy.jpg') repeat-x top;} #aca {text-align: left; width: 100%;} #aca .wr {width: 900px; margin: 0 auto;padding-top:19px;} #aca .wr .tlctnr {border-bottom: 1px solid #e4e4e4; height: 59px; margin-bottom: 5px;} #aca .wr .tlctnr .l {float: left; background: url('/img/submain/aca_tl.gif') top left no-repeat; height: 100%; width: 400px;} #aca .wr .tlctnr .l h1 {font-size: 0; text-indent:-100000px;} #aca .wr .tlctnr .l p {font-size: 0; text-indent:-100000px;} #aca .wr .tlctnr .r {float: right;width: 440px; text-align:right;padding-top: 14px; line-height: 0;} #aca .wr .tlctnr .r label {display: inline-block; background: url('/img/submain/aca_stl.gif') -1px 10px no-repeat; width: 83px; height: 33px; vertical-align: top;} #aca .wr .tlctnr .r label span {visibility: hidden;} #aca .wr .tlctnr .r span.searchWord {display: inline-block; width: 286px; height: 33px; background: url('/img/submain/aca_search_word_bg.gif') left top no-repeat; vertical-align: middle;} #aca .wr .tlctnr .r span.searchWord input {float:left;width: 240px; height: 33px;padding-left:15px; vertical-align: top; line-height: 32px; border: 0; background: transparent;} #aca .wr .tlctnr .r button {background: url('/img/submain/aca_btn_sch.gif') right 50% no-repeat; width: 56px; height: 33px; font-size: 0; text-indent: -10000px; vertical-align: top; margin-left: 3px; *margin-left: 7px;} #aca .visual {width: 100%; height: 269px; margin: 13px 0 32px 0; *margin: 8px 0 30px 0;} #aca .visual .box {width: 910px; height: 270px; margin: 0 auto; position: relative; background: url('/img/submain/aca_visu_bg.jpg') 0 0 no-repeat;} #aca .visual .box dl {position: relative;} #aca .visual .box dl dt {position: absolute; left: 5px; width: 210px; height: 48px;} #aca .visual .box dl dt a {display: block; width: 100%; height: 100%;} #aca .visual .box dl dd {position: absolute; left: 0; width: 690px; height: 245px;} #aca .visual .box dl dt.tab01 {top: 12px;} #aca .visual .box dl dt.tab01 a {background: url('/img/submain/aca_ntab01.gif') no-repeat; font-size: 0; text-indent: -10000px;} #aca .visual .box dl dt.tab01 a:hover, #aca .visual .box dl dt.tab01 a:focus, #aca .visual .box dl dt.tab01 a:active {background: url('/img/submain/aca_ntab01on.gif') no-repeat;} #aca .visual .box dl dt.tab01 a.sel {background: url('/img/submain/aca_ntab01on.gif') no-repeat;} #aca .visual .box dl dt.tab02 {top: 61px;} #aca .visual .box dl dt.tab02 a {background: url('/img/submain/aca_ntab02.gif') no-repeat; font-size: 0; text-indent: -10000px;} #aca .visual .box dl dt.tab02 a:hover, #aca .visual .box dl dt.tab02 a:focus, #aca .visual .box dl dt.tab02 a:active {background: url('/img/submain/aca_ntab02on.gif') no-repeat;} #aca .visual .box dl dt.tab02 a.sel {background: url('/img/submain/aca_ntab02on.gif') no-repeat;} #aca .visual .box dl dt.tab03 {top: 110px;} #aca .visual .box dl dt.tab03 a {background: url('/img/submain/aca_ntab03.gif') no-repeat; font-size: 0; text-indent: -10000px;} #aca .visual .box dl dt.tab03 a:hover, #aca .visual .box dl dt.tab03 a:focus, #aca .visual .box dl dt.tab03 a:active {background: url('/img/submain/aca_ntab03on.gif') no-repeat;} #aca .visual .box dl dt.tab03 a.sel {background: url('/img/submain/aca_ntab03on.gif') no-repeat;} #aca .visual .box dl dt.tab04 {top: 110px;} #aca .visual .box dl dt.tab04 a {background: url('/img/submain/aca_ntab04.gif') no-repeat; font-size: 0; text-indent: -10000px;} #aca .visual .box dl dt.tab04 a:hover, #aca .visual .box dl dt.tab04 a:focus, #aca .visual .box dl dt.tab04 a:active {background: url('/img/submain/aca_ntab04on.gif') no-repeat;} #aca .visual .box dl dt.tab04 a.sel {background: url('/img/submain/aca_ntab04on.gif') no-repeat;} #aca .visual .box dl dt.tab05 {top: 208px;} #aca .visual .box dl dt.tab05 a {background: url('/img/submain/aca_ntab05.gif') no-repeat; font-size: 0; text-indent: -10000px;} #aca .visual .box dl dt.tab05 a:hover, #aca .visual .box dl dt.tab05 a:focus, #aca .visual .box dl dt.tab05 a:active {background: url('/img/submain/aca_ntab05on.gif') no-repeat;} #aca .visual .box dl dt.tab05 a.sel {background: url('/img/submain/aca_ntab05on.gif') no-repeat;} #aca .visual .box dl dd ul li a {display: block; width: 100%; height: 100%; /* font-size: 0; text-indent: -100000px; */text-align:center;line-height: 26px} #aca .visual .box dl dd.cont01 {position: absolute; top: 12px; left: 215px; background: url('/img/submain/aca_visu01.jpg') no-repeat;} #aca .visual .box dl dd.cont01 h2, #aca .visual .box dl dd.cont01 dl {font-size: 0; text-indent: -10000px;} #aca .visual .box dl dd.cont01 ul li.link1 {position: absolute; left: 38px; top: 202px; width: 59px; height: 27px;} #aca .visual .box dl dd.cont02 {position: absolute; top: 12px; left: 215px; background: url('/img/submain/aca_visu02.jpg') no-repeat; display: none;} #aca .visual .box dl dd.cont02 h2, #aca .visual .box dl dd.cont02 dl {font-size: 0; text-indent: -10000px;} #aca .visual .box dl dd.cont02 ul li.link1 {position: absolute; left: 38px; top: 162px; width: 59px; height: 27px;} #aca .visual .box dl dd.cont03 {position: absolute; top: 12px; left: 215px; background: url('/img/submain/aca_visu03.jpg') no-repeat; display: none;} #aca .visual .box dl dd.cont03 h2, #aca .visual .box dl dd.cont03 dl {font-size: 0; text-indent: -10000px;} #aca .visual .box dl dd.cont03 ul li.link1 {position: absolute; left: 38px; top: 136px; width: 59px; height: 27px;} #aca .visual .box dl dd.cont04 {position: absolute; top: 12px; left: 215px; background: url('/img/submain/aca_visu04.jpg') no-repeat; display: none;} #aca .visual .box dl dd.cont04 h2, #aca .visual .box dl dd.cont04 dl {font-size: 0; text-indent: -10000px;} #aca .visual .box dl dd.cont04 ul li.link1 {position: absolute; left: 38px; top: 158px; width: 59px; height: 27px;} #aca .visual .box dl dd.cont05 {position: absolute; top: 12px; left: 215px; background: url('/img/submain/aca_visu05.jpg') no-repeat; display: none;} #aca .visual .box dl dd.cont05 h2, #aca .visual .box dl dd.cont05 dl {font-size: 0; text-indent: -10000px;} #aca .visual .box dl dd.cont05 ul li.link1 {position: absolute; left: 38px; top: 159px; width: 59px; height: 27px;} #aca .visual .box dl dd.cont06 {position: absolute; top: 12px; left: 215px; background: url('/img/submain/aca_visu06.gif') no-repeat; display: none;} #aca .visual .box dl dd.cont06 h2, #aca .visual .box dl dd.cont06 dl {font-size: 0; text-indent: -10000px;} #aca .visual .box dl dd.cont06 ul li.link1 {position: absolute; left: 38px; top: 159px; width: 59px; height: 27px;} #aca .board {width: 900px; margin: 0 auto 35px auto;} #aca .board .l {} #aca .board .l .fl {float: left; width: 348px; margin: 4px 0 14px;} #aca .board .l .fr {float: left; width: 294px; height: 94px; margin-left:32px; margin-right:10px; background: url('/img/submain/aca_fr.gif') no-repeat; margin-top:13px;margin-bottom: 14px;} #aca .board .l .fr h3 {width: 100%; height: 100%; font-size: 0; text-indent: -100000px;} #aca .board .l .fr h3 a {display: block; width: 100%; height: 100%;} #aca .board .l .fr p {visibility: hidden;} #aca .board .l .sc {clear: both; position: relative; height: 100px; top:0; background: url('/img/submain/aca_sc_bg.gif') no-repeat;} .ie #aca .board .l .sc {top:-3px} #aca .board .l .sc div {font-size: 0; text-indent: -10000px;} #aca .board .l .sc .link1 a {position: absolute; top: 0; left: 0; width:217px;height:87px;} #aca .board .l .sc .link2 a {position: absolute; top: 0; left: 227px; width:217px;height:87px;} #aca .board .l .sc .link3 a {position: absolute; top: 0; left: 454px; width:217px;height:87px;} #aca .board .l .sc .link4 a {position: absolute; top: 0; left: 681px; width:217px;height:87px;} #aca .board .r {float: right; margin-top:-7px; width: 200px;} #aca .board .list li a span {overflow:hidden;display:block;width:280px;white-space:nowrap;text-overflow:ellipsis;} #aca .board .r ul.link li {float:left;display:inline-block;width:122px;height:34px;} #aca .board .r ul.link li a {display:block;display:inline-block;width:122px;height:34px;font-size:0;text-indent:-10000px;} #aca .board .r ul.link li.link1 {margin:0 5px 5px 0;background: url('/img/submain/aca_sc_link1.gif') no-repeat 0 0;} #aca .board .r ul.link li.link2 {margin:0 0 5px 0;background: url('/img/submain/aca_sc_link2.gif') no-repeat 0 0;} #aca .board .r ul.link li.link3 {background: url('/img/submain/aca_sc_link3.gif') no-repeat 0 0;} #aca .board .ACSlider {float:right; width:200px; height:120px; margin-bottom:19px; overflow:hidden;} #aca .board .ACSlider .ACSliderControl ul li {width:241px; height:95px; overflow:hidden;} .ACSlider {position:relative;float:right; width:200px; height:120px; overflow:hidden;} .ACSlider .ACSliderL {float:right; height:15px; margin-top:5px; line-height:10px; overflow:hidden;} .ACSlider .ACSliderL .ACSliderBtnPlay {display:inline-block; overflow:hidden; width:7px;height:7px; background:url(/img/common/ibtn_play.gif) no-repeat 0 0;} .ACSlider .ACSliderL .ACSliderBtnStop {display:inline-block; overflow:hidden; width:7px;height:7px; margin-left:4px; background:url(/img/common/ibtn_push.gif) no-repeat 0 0;} .ACSlider .ACSliderR {position:absolute;top:0;right:20px;height:15px;width:160px;text-align:right;line-height:10px; overflow:hidden;} .ie7 .ACSlider .ACSliderR {right:25px;} .ACSlider .ACSliderR button {display:inline-block; overflow:hidden; display:inline-block;width:8px;height:8px;margin-top:6px;margin-right:2px;background:url(/img/main/visual_page.png) no-repeat 0 0;font-size:0; line-height: 0px; vertical-align: top;} .ACSlider .ACSliderR button.active {width:35px;background:url(/img/main/visual_page_on.png) no-repeat 0 0;} .ACSlider .ACSliderControl {position:relative; width:241px; height:95px; overflow:hidden;} .ACSlider .ACSliderControl ul li {width:227px; height:95px; overflow:hidden;} /* //아카데미 */ /* 투자상담 서브메인 */ .counsel_submain {width:100%; } .counsel_submain .tip {color:#1f1f1f; } /* 상단 spot gray box */ .counsel_linkBox {margin-bottom:30px} .counsel_linkBox .panel {float:left;width:31.3%} .counsel_linkBox .panel + .panel {margin-left:2%} .counsel_linkBox .panel .tit {display:block;} .counsel_linkBox .panel .con {position:relative;height:100px;} .counsel_linkBox .panel .con > a {position:absolute;bottom:15px;left:10px;} .major_quick_link {width:100%; padding:19px 0 0; height:223px; border-top:1px solid #e0e0e0; overflow:hidden; } .major_quick_link a {color:#404040 } .major_quick_link .title {float:left; padding:0 0 0 10px; } .major_quick_link .title ul {padding:10px 0 0 5px;} .major_quick_link .title li {height:20px; } .major_quick_link .items {float:left; padding-left:99px; } .major_quick_link .items ul {padding:10px 0 0 5px;} .major_quick_link .items li {height:20px; } .major_quick_link .items.last {width:120px; } .major_quick_link .items strong {display:block; height:20px; } .bottomTxt {width:100%; line-height:20px; padding-bottom:31px; font-size:12px; } /* 2014 인터넷 뱅킹 */ #bankMain {overflow:hidden; width:900px; margin:0 auto; padding-bottom:100px; } .bankMain_tit {} .bankMain_tit {border-bottom:1px solid #e4e4e4; height:55px; padding:20px 0 0; } .bankMain_tit h3 {float:left; padding-right:15px; font-size:33px; font-weight:normal; } .bankMain_tit p {float:left; padding:8px 0 0; } .bankMain_info {float:left; width:290px; margin-right:50px; padding:35px 0 0; } .bankMain_info .in {position:relative;} .bankMain_info .in .more{position:absolute;right:0;top:0;} .bankMain_link {float:left; width:300px; padding:80px 0 0;} .bankMain_bnr {float:right; width:210px; padding:80px 0 0; } .bankMain_info .welcomeBox {overflow:hidden; height:45px; } .bankMain_info .welcomeBox .cmmt {float:left; line-height:21px; } .bankMain_info .welcomeBox .cmmt strong {color:#bd4910; } .bankMain_info .welcomeBox a {float:right; margin:10px 0 0; padding: 0 5px; line-height: 23px } .bankMain_info table.tbl4 {margin-bottom:0; } .bankMain_info .tbl4 th {background:#f7f0ee; } .bankMain_info h3 {height:25px; margin-top:25px; } .bankMain_info .info_time {} .bankMain_link .in {border:1px solid #cfcfcf; padding-bottom:15px; } .bankMain_link .in.bt {margin-top:12px; } .bankMain_link .in h3 {background:#f8f0ee; padding:10px 0 0 15px; height:25px;} .bankMain_link .in p {padding:10px 15px;} .bankMain_link .in ul {padding:0 15px;} .bankMain_link .in ul li {padding-left:8px; height:20px; background:url(/img/common/2014/bullet_1.jpg) no-repeat 0 8px;} .bankMain_bnr {} .bankMain_bnr ul {margin-top:30px;} .bankMain_bnr ul:first-child {margin-top:0px;} .bankMain_bnr ul li {background:url(/img/submain/2014/sfo_link_bg_dot.jpg) repeat-x 0 100%;} .bankMain_bnr ul li a {padding:10px 0 0; height:28px; display:block; background:url(/img/common/2014/btn_bul.gif) no-repeat 97% 50% ;} /* 투자아이디어 */ .tuja_idea_wrap {} .tuja_idea_wrap .topvisual {width:!00%; height:238px; background:url(/img/research/2015/idea_top_visual.jpg) no-repeat 0 0;color: #fff } .tuja_idea_wrap .topvisual div.ment div {padding:25px 0 0 45px; width:255px; font-size:15px; line-height:160%; } .tuja_idea_wrap .topvisual div.ment strong {display:block; padding:20px 0 0 45px; font-size:29px; letter-spacing:-1px; line-height:160%; } .tuja_idea_wrap .tuja_idea_list {padding:35px 0 0; overflow:hidden; } .tuja_idea_wrap .tuja_idea_list .items {float:left; width:220px; height:285px; margin:0 17px 25px 0; border:1px solid #d2d2d2; } .tuja_idea_wrap .tuja_idea_list .items.last {margin-right:0; } .tuja_idea_wrap .tuja_idea_list .items .tit {height:25px; padding:10px 0 0 13px; font-weight:bold; background:#f8f0ee; } .tuja_idea_wrap .tuja_idea_list .items .idea_cont {padding:13px; height: 198px; overflow: hidden;} .tuja_idea_wrap .tuja_idea_list .items .idea_cont a {line-height:20px; } .tuja_idea_wrap .tuja_idea_list .items .idea_cont p {padding:5px 0 10px; } .tuja_idea_wrap .tuja_idea_list .items .idea_cont div {height:150px; overflow:hidden; } .idea_bt_guide {padding-bottom:40px; } .idea_bt_guide .item {overflow:hidden; padding:30px 0 0; } .idea_bt_guide .item strong.tit {float:left; width:190px; font-weight:bold; font-size:18px; } .idea_bt_guide .item .cont {float:left; width:750px; } .idea_bt_guide .item .cont ul {height:30px; overflow:hidden; } .idea_bt_guide .item .cont ul li {float:left; margin-right:20px;} .idea_bt_guide .item .cont ul.bul li{ font-weight:bold; padding-left:5px; background:url(/img/common/2014/bullet_1.jpg) no-repeat 0px 9px; } .idea_bt_guide .item .cont div {} /* ********************************************************************************/ /* 로그인 - 자산관리 */ /* ********************************************************************************/ .visual_submainFinance { height:699px; background:url(/img/contents_2015/submain_visual/submain_finance_bg.jpg) 50% 0 no-repeat #1f1c13; } .submainFinance_top { overflow:hidden; } .submain_container.finance_subMbg { background:#e0e0da url(/img/contents_2015/submain_visual/submain_finance_newbg.gif) 50% 0 no-repeat; } .submainFinance_top { width:940px; margin-bottom:70px; } .submainFinance_top h3 { color:#fff; font-size:32px; font-weight:normal; } .submainFinance_top ul.libul02 { margin-bottom:33px;; } .submainFinance_top ul.libul02 li { color:#fff; font-size:16px; } .submainFinance_top dl.sm_finance_movie { width:710px; height:450px; float:left; background:#fff; } .submainFinance_top dl.sm_finance_movie dt { margin:30px; color:#000; font-size:32px; } .submainFinance_top dl.sm_finance_movie dd { height:272px; margin:0 30px 30px; position:relative; } .submainFinance_top dl.sm_finance_movie dd p { font-size:18px; } .submainFinance_top dl.sm_finance_movie dd p + a.pbtn { margin-top:80px; } .submainFinance_top dl.sm_finance_movie dd .sm_fc_movieEx{ position:absolute; bottom:0; left:0; } .submainFinance_top .finance_movie { width:100%; overflow:hidden; } .submainFinance_top .finance_movie .sm_fc_movieEx a { float:left; } .submainFinance_top .finance_movie .sm_fc_movieEx a + a { margin-left:10px; } .submainFinance_top .sm_fc_linkG { width:220px; float:right; } .submainFinance_top .sm_fc_linkG dl { overflow:hidden; } .submainFinance_top .sm_fc_linkG dl dt { margin:25px 30px 0 30px; color:#fff; font-size:16px; } .submainFinance_top .sm_fc_linkG dl dd { margin:0 30px; } .submainFinance_top .sm_fc_linkG dl dd a + a { margin-top:10px; } .submainFinance_top .sm_fc_linkG dl.sm_fc_link1 { width:220px; height:220px; margin-bottom:10px; background:url(/img/contents_2015/submain_visual/opacity_de690a_90.png) repeat; } .submainFinance_top .sm_fc_linkG dl.sm_fc_link1 dt { height:115px; } .submainFinance_top .sm_fc_linkG dl.sm_fc_link2 { width:220px; height:220px; background:#fff; } .submainFinance_top .sm_fc_linkG dl.sm_fc_link2 dt { height:148px; color:#000; } .submainFinance_top .sm_fc_linkG dl.sm_fc_link2 dd { color:#000; } .submainFinance_top dl.subMS_fc_right { width:182px; float:right; } .submainFinance_top dl.subMS_fc_right dt { margin:0 0 30px 10px; font-size:18px; color:#000; } .submainFinance_top dl.subMS_fc_right dd { width:100%; } .submainFinance_top dl.subMS_fc_right dd .subMS_fc_right_btnG { width:100%; overflow:hidden; } .subMS_fc_right_btnG a { width:50px; height:50px; padding:15px; display:inline-block; float:left; background:#fff; color:#000; margin:10px 0 0 10px; font-size:16px; } .sm_fc_box { width:100%; overflow:hidden; margin-top:10px; float:left; } .sm_fc_box dl { width:306px; height:240px; overflow:hidden; float:left; background:#fff; } .sm_fc_box dl + dl { margin-left:10px; } .sm_fc_box dl dt { margin:25px 30px 0 30px; color:#000; font-size:18px; } .sm_fc_box dl dd { width:246px; height:133px; margin:30px 30px 0; position:relative; } .sm_fc_box dl dd p { font-size:14px; } .sm_fc_box dl dd a.pbtn { position:absolute; bottom:0; left:0; } .sm_fc_box dl dd a + a { margin-top:10px; } .sm_fc_box dl dd.sm_fc_boxBg1 { background:url(/img/contents_2015/finance/sm_finance_icon1.gif) 100% 100% no-repeat; } .sm_fc_box dl dd.sm_fc_boxBg2 { background:url(/img/contents_2015/finance/sm_finance_icon2.gif) 100% 100% no-repeat; } .sm_fc_box dl dd.sm_fc_boxBg3 { background:url(/img/contents_2015/finance/sm_finance_icon3.gif) 100% 100% no-repeat; } .sm_fc_box2 { width:100%; overflow:hidden; margin-top:10px; float:left; } .sm_fc_box2 dl { width:306px; height:240px; overflow:hidden; float:left; background:#efefe9; } .sm_fc_box2 dl + dl { margin-left:10px; } .sm_fc_box2 dl dt { margin:25px 30px 0 30px; color:#000; font-size:18px; } .sm_fc_box2 dl dd { width:246px; height:140px; margin:20px 30px 30px; position:relative; color:#fff; } .sm_fc_box2 dl dd p.txt a { width:100%;height: 45px; color:#000; display:inline-block; overflow: hidden;} .sm_fc_box2 dl dd p.txt a + a { margin-top:10px; padding-top:10px; border-top:1px solid #ddd; } .sm_fc_box2 dl.sm_fc_box_blue { background:#5687bd; } .sm_fc_box2 dl.sm_fc_box_blue dt { height:55px; color:#fff; font-size:18px; } .sm_fc_box2 dl.sm_fc_box_blue dd { height:105px; color:#000; } .sm_fc_box2 dl dd .sm_fc_box2_linkG { position:absolute; bottom:0; left:0; } .sm_fc_box2 dl dd .sm_fc_box2_linkG p a.pbtn + a.pbtn { margin-left:30px; } .submainFinance_top dl dd.whBtn a.pbtn { padding-right: 20px; background: url(/img/contents_2015/center/bg_channel.png) 100% 62% no-repeat; color: #fff; } /* ********************************************************************************/ /* 로그인 - 고객센터 */ /* ********************************************************************************/ .subMainVisual .box-intro .visual_center { color:#fff; margin-bottom:70px; } .submainWrap.page_centerMain { } /* ********************************************************************************/ /* 로그인 - 고객센터 new */ /* ********************************************************************************/ .submain_container.center_subMbg { background: #e0e0da url(/img/contents_2015/submain_visual/submain_center_newbg.gif) 50% 0 no-repeat; } .visual_center { width:100%; overflow:hidden; } .visual_center .vCenter_left { width:719px; float:left; } .visual_center dl { float:left; margin:0 10px 10px 0; } .visual_center dl dt { height:50px; padding:30px 30px 0; color:#000; font-size:18px; } .visual_center dl dd { height:80px; padding:30px 30px; color:#000; } .visual_center .vCenter_left dl.vCenter_box_bgWh { width:349px; height:220px; float:left; background:#fff; opacity:0.9; filter:alpha(opacity:90); } .visual_center .vCenter_left dl.vCenter_box_bgWh dt { width:289px; height:25px; color:#000; font-size:18px; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd { width:289px; height:105px; color:#000; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd ul.counselList { overflow:hidden; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd ul.counselList li { width:100%; height:40px; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd ul.counselList li + li { margin-top:15px; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd ul.counselList li a { width:236px; height:20px; margin-left:10px; color:#000; float:left; overflow:hidden; font-size:14px; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd ul.counselList li span.date { width:236px; margin-left:10px; display:inline-block; color:#666; font-size:14px; float:left; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd ul.counselList li span.answer { width:38px; padding:12px 0; display:inline-block; float:left; text-align:center; border:1px solid #ccc; color:#666; font-size:12px; line-height:120%; } .visual_center .vCenter_left dl.vCenter_box_bgWh dd ul.counselList li span.answer.ok { border:1px solid #477dba; padding:4px 0; color:#477dba; } .visual_center dl.vCenter_box { width:349px; height:220px; float:left; background:#fff; } .visual_center dl.vCenter_box dd { position:relative; } .visual_center dl dd ul.linkG { overflow:hidden; position:absolute; bottom:30px; left:30px; } .visual_center dl dd ul.linkG li + li { margin-top:5px; } .visual_center dl dd ul.linkG.whBtn li a { padding-right:20px; background:url(/img/contents_2015/center/bg_channel.png) 100% 62% no-repeat; color: #fff; } .visual_center ul.subMS_midList2 { width:709px; overflow:hidden; float:left; } .visual_center ul.subMS_midList2 li { width:349px; height:158px; float:left; background:#fff; } .visual_center ul.subMS_midList2 li + li { margin-left:10px; } .visual_center ul.subMS_midList2 li div.subMS_M.subMScenter_bg1 { background:url(/img/contents_2015/center/center_smain_icon1.gif) 92% 64% no-repeat;} .visual_center ul.subMS_midList2 li div.subMS_M.subMScenter_bg2 { background:url(/img/contents_2015/center/center_smain_icon2.gif) 92% 64% no-repeat;} .visual_center ul.subMS_midList2 li div.subMS_M.subMScenter_bg3 { background:url(/img/contents_2015/center/center_smain_icon3.gif) 92% 64% no-repeat;} .visual_center ul.subMS_midList2 li div.subMS_M { padding:30px; } .visual_center ul.subMS_midList2 li div.subMS_M p { margin-bottom:10px; font-size:16px; color:#000; } .visual_center ul.subMS_midList2 li div.subMS_M p.subMS36_M_txt { font-size:14px; } .visual_center ul.subMS_midList2 li div.subMS_M a + a { margin-left:15px; } .visual_center div.vCenter_right { width:221px; float:right; overflow:hidden; } .visual_center div.vCenter_right dl.vCenter_box { width:221px; margin:0 0 10px 0; } .visual_center dl.vCenter_box_long { width:221px; height:388px; margin:0; float:right; background:#de690a; } .visual_center dl.vCenter_box_long dt { width:161px; height:30px; padding:30px 30px 0; font-size:18px; color:#fff; } .visual_center dl.vCenter_box_long dd { width:191px; height:276px; padding:0 0 30px 30px; position:relative; color:#fff; } .visual_center dl.vCenter_box_long dd p.vCenterR_txt { width:100%; margin-top:20px; font-size:14px; } .visual_center .vCenter_bottom { width:100%; overflow:hidden; margin:10px 0 0 0; float:left; } .visual_center .vCenter_bottom dl.vCenter_box { width:465px; height:191px; background:#efefe9; margin:0; } .visual_center .vCenter_bottom dl.vCenter_box + dl.vCenter_box { margin-left:10px; } .visual_center .vCenter_bottom dl.vCenter_box dt { height:35px; } .visual_center .vCenter_bottom dl.vCenter_box dd { padding-top:0; } .visual_center .vCenter_bottom dl.vCenter_box dd p { width:100%; } .visual_center .vCenter_bottom dl.vCenter_box dd p a { width:405px; height:22px; display:inline-block; color:#000; font-size:14px; overflow:hidden; } .visual_center .vCenter_bottom dl.vCenter_box dd p + a { margin-top:5px; } /* ********************************************************************************/ /* 로그인 - 한화주식투자등급 */ /* ********************************************************************************/ .subMainVisual .box-intro .visual_ers_Login {padding:25px 0 0; height:309px; color:#fff; } .subMainVisual .visual_ers_Login { width:100%; overflow:hidden; position:relative; } .subMainVisual .visual_ers_Login .tit { height:auto; } .subMainVisual .visual_ers_Login .tit p.stit { margin-top:0; font-size:24px; font-weight:bold; } .subMainVisual .visual_ers_Login .tit h2 { margin-top:20px; font-size:28px; } .subMainVisual .visual_ers_Login .tit p { margin-top:15px; } .subMainVisual .visual_ers_Login .bul { margin-top:50px; } .subMainVisual .visual_ers_Login .bul p { margin-top:10px; } .subMainVisual .visual_ers_Login .bul p a.pbtn:first-child { width:135px; } .subMainVisual .visual_ers_Login .bul p a { font-size:16px; } .subMainVisual .visual_ers_Login .bul p a + a { margin-left:20px; } .subMainVisual .visual_ers_Login .bul p a.btnMR64 { margin-right:64px; } .subMainVisual .visual_ers_Login .system_movie_btn { width:244px; height:45px; position:absolute; bottom:50px; right:0; } .subMainVisual .visual_ers_Login .system_movie_btn a { padding-right:25px; color:#fff; font-size:16px; background:url(/img/contents_2015/submain_visual/btn_bul_arrowS.png) 100% 100% no-repeat; } .visual_ersLogin_top { width:100%; overflow:hidden; margin-bottom:40px; } .visual_ersLogin_top p { font-size:14px; letter-spacing:-1px; } .visual_ersLogin_top p.topTit { font-size:18px; } .visual_ersLogin_top p + p { margin-top:10px; } .ER001 .ersLogin_boxD { width:100%; overflow:hidden; margin-top:10px; } .ER001 .ersLogin_boxD dl { width:314px; border:1px solid #ddd; float:left; } .ER001 .ersLogin_boxD dl + dl { margin-left:5px; } .ER001 .ersLogin_boxD dl dt { padding:20px 20px 0; font-size:18px; font-weight:bold; letter-spacing:-1px; } .ER001 .ersLogin_boxD dl dd { padding:10px 20px 20px; } .ER001 .ersLogin_boxD dl dd a { margin-top:15px; } .ER001 .ersLogin_boxD dl dd .ersLogin_select { width:1005; margin-top:10px; } .ER001 .rBannerWrap a.ers_rightBan1 { width:240px; display:inline-block; background:url(/img/contents_2015/submain_visual/ers_rightBan1.gif) 100% 100% no-repeat #8fc2c8; } .ER001 .rBannerWrap a.ers_rightBan1 em { display:inline-block; padding:20px 20px 0; color:#fff; font-size:16px; font-weight:bold; letter-spacing:-1px; } .ER001 .rBannerWrap a.ers_rightBan1 span { display:inline-block; padding:10px 20px 28px; color:#fff; font-size:13px; } .ER001 .rBannerWrap a.ers_rightBan2 { width:238px; margin-top:5px; display:inline-block; border:1px solid #eee; background:url(/img/contents_2015/submain_visual/ers_rightBan2.gif) 100% 100% no-repeat #f8f8f8; } .ER001 .rBannerWrap a.ers_rightBan2 em { display:inline-block; padding:20px 20px 0; font-size:16px; color:#5184c9; font-weight:bold; letter-spacing:-1px; } .ER001 .rBannerWrap a.ers_rightBan2 span { display:inline-block; padding:10px 20px 28px; font-size:13px; color:#5184c9; } .ER001 .rBannerWrap a.ers_rightBan3 { width:238px; margin-top:5px; display:inline-block; border:1px solid #eee; background:url(/img/contents_2015/submain_visual/ers_rightBan3.gif) 100% 100% no-repeat #f8f8f8; } .ER001 .rBannerWrap a.ers_rightBan3 em { display:inline-block; padding:20px 20px 0; font-size:16px; color:#777f88; font-weight:bold; letter-spacing:-1px; } .ER001 .rBannerWrap a.ers_rightBan3 span { display:inline-block; padding:10px 20px 28px; font-size:13px; color:#777f88; } .ER001 .rBannerWrap ul.ers_rightBtnG { width:240px; margin-top:30px; padding-bottom:20px; border-bottom:1px solid #ddd; } .ER001 .rBannerWrap ul.ers_rightBtnG li a { width:220px; display:inline-block; padding:10px 0 10px 20px; color:#000; background:url(/img/contents_2015/submain_visual/arrow_bigBk.gif) 95% 14px no-repeat; } .ER001 .rBannerWrap ul.ers_rightBtnG li + li { border-top:1px solid #ddd; } .ER001 .tabContentWrap .twoCol .tbl2 tr span.tb_BigArrow { padding-left:35px; background:url(/img/contents_2015/submain_visual/arrow_table.gif) 10px 50% no-repeat; } /* ********************************************************************************/ /* 로그인 - 코어펀드 */ /* ********************************************************************************/ .subMainVisual .box-intro .visual_coreMain {padding:20px 0 0; height:400px; color:#fff; position:relative; } .subMainVisual .box-intro .visual_coreMain .vis_box { margin:0; } .subMainVisual .box-intro .visual_coreMain .vis_box .bul { margin-top:10px; } .subMainVisual .box-intro .visual_coreMain .vis_box .bul p { width:50%; float:left; margin-top:10px; } .subMainVisual .box-intro .visual_coreMain .vis_box .bul p a { font-size:16px; } .subMainVisual .box-intro .visual_coreMain p.txt { position:absolute; bottom:10px; right:0; } .corefund_mainWrap .coreMain_cont p.coreFund_titBig { width:100%; font-size:24px; text-align:center; } .corefund_mainWrap .coreMain_cont p.coreFund_titBig span.point_green { color:#26a69a; } .corefund_mainWrap .coreMain_cont .coreFund_info { width:100%; overflow:hidden; margin-top:30px; } .corefund_mainWrap .coreMain_cont .coreFund_info dl { width:300px; float:left; padding-top:195px; } .corefund_mainWrap .coreMain_cont .coreFund_info dl + dl { margin-left:20px; } .corefund_mainWrap .coreMain_cont .coreFund_info dl dt { font-size:18px; font-weight:bold; } .corefund_mainWrap .coreMain_cont .coreFund_info dl dd { margin-top:15px; } .corefund_mainWrap .coreMain_cont .coreFund_info dl.coreFund_info_bg1 { background:url(/img/contents_2015/submain_visual/submain_core_cont_bg1.jpg) 0 0 no-repeat; } .corefund_mainWrap .coreMain_cont .coreFund_info dl.coreFund_info_bg2 { background:url(/img/contents_2015/submain_visual/submain_core_cont_bg2.jpg) 0 0 no-repeat; } .corefund_mainWrap .coreMain_cont .coreFund_info dl.coreFund_info_bg3 { background:url(/img/contents_2015/submain_visual/submain_core_cont_bg3.jpg) 0 0 no-repeat; } .corefund_mainLine { width:100%; border-top:1px solid #ddd; position: absolute; z-index: 4; left: 0; } .coreMain_cont .coreFund_group { width:100%; margin-top:30px; display:inline-block; } .coreMain_cont .coreFund_group .corefund_total { width:100%; text-align:center; font-size:24px; margin-bottom:20px; } .coreMain_cont .coreFund_group .corefund_total p.corefund_total_tit { font-size:24px; } .coreMain_cont .coreFund_group .corefund_total p { font-size:16px; } .coreMain_cont .coreFund_group .corefund_total p em.corefund_total_bigTxt { font-size:120px; color:#477dba; line-height:100%; } /*국문 회사소개 0831 S*/ .hMain { width:100%; background:url(/img/contents_2015/main/hanwha_main_bg.jpg) 50% 0px no-repeat; } .hMain .h_visual { width:940px; height:544px; padding:116px 0 0 0 ; overflow:hidden; } .hMain .h_visual ul.cont {height:353px; } .hMain .h_visual ul.cont li { color:#fff; font-size:18px; padding:90px 0 0 0; } .hMain .h_visual ul.cont li.txt { font-size:32px; letter-spacing:-1px; } .hMain .h_visual ul.cont li a.link { color:#fff; font-size:16px; background:url(/img/contents_2015/main/h_linkBg.png) right 5px no-repeat; padding:0 12px 0 0; } .hMain .h_visual .board { width:100%; display:inline-block; margin-top:62px; } .hMain .h_visual .board dl { width:300px; float:left; margin-right:10px; } .hMain .h_visual .board dl dt { color:#fff; } .hMain .h_visual .board dl dd { padding-top:12px; } .hMain .h_visual .board dl dd ul { overflow:hidden; padding:0 0 20px 0;} .hMain .h_visual .board dl dd ul li { width:100%; overflow:hidden; padding:0 0 0px 0; } .hMain .h_visual .board dl dd ul li a { font-size:18px; height:38px; color:#fff; line-height:150%; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .hMain .h_visual .board dl dd ul li span { width:100%; color:#fff; padding:0px 0 0 4px; ;} .hMain .h_visual .board dl dd ul li em { color:#fff; } .hMain .h_link { width:100%; height:490px; padding:80px 0 0 0; } .hMain .h_link p.txt { width:100%; text-align:center; font-size:32px; color:#000; padding-bottom:40px; } .hMain .h_link p.txt span { display:block; width:100%; color:#000; font-size:18px; padding-top:5px; } .hMain .h_link ul { width:100%; display:inline-block; } .hMain .h_link ul li { width:300px: height:300px; float:left; } .hMain .h_link ul li+li { margin-left:20px; } .hMain .h_link ul li a { width:270px; height:260px; padding:40px 0 0 30px; display:inline-block; } .hMain .h_link ul li a span { width:100%; display:inline-block; color:#fff; } .hMain .h_link ul li a span.tit { font-size:18px; padding-bottom:20px; } .hMain .h_link ul li.link1 { background:url(/img/contents_2015/main/hanwha_main_icon1.jpg) 30px 210px no-repeat #e2770e; } .hMain .h_link ul li.link2 { background:url(/img/contents_2015/main/hanwha_main_icon2.jpg) 30px 210px no-repeat #eab38a; } .hMain .h_link ul li.link3 { background:url(/img/contents_2015/main/hanwha_main_icon3.jpg) 30px 210px no-repeat #81b2d8; } .hManVS { position:absolute; width:100%; height:488px; z-index:4; left:0; background:url(/img/contents_2015/main/hanwha_main_bg2.jpg) 50% 0 no-repeat #7aa6d0; } .h_info { width:940px; height:411px; overflow:hidden; margin:74px auto 0; } .h_info .infoBox p.txt { width:100%; text-align:center; color:#fff; font-size:18px; height:316px; } .h_info .infoBox p.txt span { width:100%; display:inline-block; color:#fff; font-size:48px; padding:10px 0; letter-spacing:-3px; } .h_info .infoBox p.txt a { color:#fff; font-size:18px; background:url(/img/contents_2015/main/h_linkBg.png) right 6px no-repeat; padding-right:12px; } .h_info .infoBox { overflow:hidden; position:relative; z-index:5; } .h_info .infoBox ul.infoTel { width:100%; height:98px; display:inline-block; } .h_info .infoBox ul.infoTel li.Tlist { width:50%; height:98px; float:left; background-color:#7aa6d0;} .h_info .infoBox ul.infoTel li.Tlist p { width:100%; height:65px; padding-top:33px; color:#fff; font-size:24px; } .h_info .infoBox ul.infoTel li.Tlist ul { height:76px; padding:22px 0 0 285px; background:url(/img/contents_2015/main/tel_bg.jpg) 240px 50% no-repeat; } .h_info .infoBox ul.infoTel li.Tlist ul li { width:100%; display:inline-block; font-size:14px; color:#fff; background:none; } .h_info .infoBox ul.infoTel li.Tlist ul li.tel{ font-size:24px; } /*국문 회사소개 0831 E*/