/* CSS Document */ /*##################################################################################################################*/ /*##### 기본 태그 정의##############################################################################################*/ /*##################################################################################################################*/ form, div, p, span, ul, li, dl, dt, dd, textarea, h1, h2, h3 {margin:0px;padding:0px;} ul {list-style:none;} img {border:0px;} h1, h2, h3 {font-size:12px;} /*##################################################################################################################*/ /*##### 단락 스타일 ###############################################################################################*/ /*##################################################################################################################*/ img.visual {margin-bottom:20px;} h2 {margin-bottom:6px;line-height:15px;} /* 페이지 텍스트 타이틀 1depth */ h2 img {margin-bottom:2px;} h3 {font-weight:normal;margin-bottom:4px;} /* 페이지 텍스트 타이틀 2depth */ /*##### 여백블럭 스타일 ###############################################################################################*/ div.h_space10 {width:1px;height:10px; line-height:0px;font-size:1px;} div.p_p_space {width:1px;height:16px; line-height:0px;font-size:1px;} /* 첫번째 단락과 첫번째 단락 사이 간격 */ div.p1_p1_space {width:1px;height:12px; line-height:0px;font-size:1px;} /* 첫번째 단락 (타이틀만 있는 경우)과 첫번째 단락 사이 간격 */ div.p3_p1_space {width:1px;height:16px; line-height:0px;font-size:1px;} /* 세번째 단락과 첫번째 단락 사이 간격 */ div.p3_p2_space {width:1px;height:9px; line-height:0px;font-size:1px;} /* 세번째 단락과 두번째 단락 사이 간격 */ div.p2_p1_space {width:1px;height:11px; line-height:0px;font-size:1px;} /* 세번째 단락과 첫번째 단락 사이 간격 */ div.p2_t_space {width:1px;height:2px; line-height:0px;font-size:1px;} /* 두번째 단락과 테이블,이미지 사이 간격 */ div.p3_t_space {width:1px;height:6px; line-height:0px;font-size:1px;} /* 세번째 단락과 테이블,이미지 사이 간격 */ div.t_p1_space {width:1px;height:20px; line-height:0px;font-size:1px;} /* 테이블,이미지와 첫번째 단락 사이 간격 */ div.t_p2_space {width:1px;height:18px; line-height:0px;font-size:1px;} /* 테이블,이미지와 두번째 단락 사이 간격 */ div.t_p3_space {width:1px;height:8px; line-height:0px;font-size:1px;} /* 테이블,이미지와 세번째단락 사이 간격 */ div.t_t_space {width:1px;height:20px; line-height:0px;font-size:1px;} /* 테이블,이미지과 테이블,이미지 사이 간격 */ div.c_t_space {width:1px;height:2px; line-height:0px;font-size:1px;} /* 블릿없는 컨텐츠 단락과 테이블,이미지 사이 간격 */ /*##### 이미지파일 여백 스타일 ###################################################################################*/ img.btnMargin {margin-bottom:2px;margin-left:6px;margin-right:6px;} img.imgMarginB2 {margin-bottom:2px;} img.imgMarginB8 {margin-top:8px;margin-bottom:8px;} img.imgMarginB4 {margin-top:4px;margin-bottom:4px;} img.imgMarginB7 {margin-top:4px;margin-bottom:7px;} img.imgMarginT4 {margin-top:4px;} img.imgMarginL3 {margin-bottom:2px;margin-left:3px;} /*##### 버튼 블럭 스타일 ##########################################################################################*/ div#btn img, div#t_btn img, div#b_btn img, table#b_btn img, div#sch_btn img {cursor:pointer;} div#btn {text-align:left; margin-top:5px;} div#t_btn {text-align:right; margin-bottom:5px;} div#b_btn {text-align:right; margin-top:5px;} div#c_btn {text-align:center; margin-top:5px;} table#b_btn {margin-top:5px;} table#t_btn {margin-bottom:5px;} div#sch_btn {height:35px;border-bottom:3px solid #C4C5CA;text-align:right;padding-top:7px;padding-right:8px;} /*##### 이미지 입력폼 테이블 ######################################################################################*/ table#form td.top {background:url('../img/box_edge01.gif') top left no-repeat;text-align:right;} table#form td.mid_bd {width:100%;border-left:3px solid #E1E1E1;border-right:3px solid #E1E1E1;background-color:#ffffff;} table#form td.bottom {background:url('../img/box_edge03.gif') top left no-repeat;text-align:right;} table#form ul {margin-left:32px;margin-top:8px;} table#form ul li {background:url('../img/bu_square01.gif') 0 5px no-repeat;padding-left:14px;} /*##### 히스토리 스타일 #########################################################################################*/ div#historyArea {width:100%; height:26px;background:url('../img/historyBG.gif');} ul#history {text-align:left;font-family:'Dotum';} ul#history li { height:26px;display:inline;background:url('../img/bu_history.gif') 0 10px no-repeat; letter-spacing:-1px;color:#999999;font-size:11px; padding-right:5px;padding-left:9px;padding-top:7px; } ul#history li.home {background:url('') 0 0px no-repeat;} ul#history a, ul#history a:hover {color:#999999;} /*##### 타이틀 스타일 #########################################################################################*/ div#titleArea {width:100%; height:36px;background:url('../img/titleBG.gif');} h1#title {background:url('../img/bu_title.gif') 5px 15px no-repeat;padding-top:15px;padding-left:20px;font-family:'굴림'; font-size:14px;font-weight:bold;color:#444444;letter-spacing:-1;} /*컨텐트 이미지 타이틀*/ h1.ptitle {background:url('../img/bu_ptitle.gif') 0 0 no-repeat;margin-left:1px;padding-left:18px;} /*팝업 이미지 타이틀*/ h1.ptitle img {margin-bottom:10px;} img.visual {margin-bottom:20px;} p.tit_contents {padding-left:17px;margin-bottom:4px;} /* 페이지 텍스트 타이틀 1depth 하단 텍스트 */ p.stit_contents {padding-left:19px;margin-bottom:4px;} /* 페이지 텍스트 타이틀 2depth 하단 텍스트 */ /*##### 컨텐츠 위치 #############################################################################################*/ div.contents {width:649px;padding-left:0px;padding-top:14px;} /*##################################################################################################################*/ /*##### 테이블 스타일 ##############################################################################################*/ /*##################################################################################################################*/ table {border-collapse:collapse; word-break:break-all;} th, td {font-size:12px; font-family:Dotum,DotumChe; color:#616263; line-height:17px; font-weight:normal;} td span {line-height:15px;} td strong {color:#3E3E3E;} td span.f11 {font-size:11px;letter-spacing:-1px;line-height:15px;} td span.red {color:#DE2722;} td span.blue {color:#3C7FCB;} td span.pink {color:#EF097C;} td span.purple {color:#EF097C;} td span.up {color:#DE2722;background:url('../img/bu_up.gif') 0 2px no-repeat;padding-left:13px;} td span.down {color:#3C7FCB;background:url('../img/bu_down.gif') 0 2px no-repeat;padding-left:13px;} span.t_text {width:100%;text-align:right;font-size:11px;padding-bottom:3px;color:#965c10;} td dt { /* 테이블 내 리스트항목 */ color:#616263;background:url('/../img/bu_bu02.gif') 0 7px no-repeat;padding-left:9px;} td dt.input {background:url('../img/bu_bu02.gif') 0 9px no-repeat;} td dt.title {margin-top:4px;} td dd {color:#616263;background:url('../img/bu_bu03.gif') 5px 7px no-repeat;padding-left:12px;} td dt strong, td dd strong {color:#616263;} td ul.slist li { /* 테이블 내 리스트항목(텍스트11Pixel) */ background:url('../img/bu_bu02.gif') 0 5px no-repeat;padding-left:9px;font-size:11px;letter-spacing:-1px;line-height:15px;} /*##################################################################################################################*/ /*##### 테이블 정의 ###############################################################################################*/ /*##################################################################################################################*/ div#fztable {border-top:1px solid #AE7A21;background-color:#ffffff; scrollbar-face-color:#E6E6E6; scrollbar-shadow-color:#A8A8A8; scrollbar-highlight-color:#A8A8A8; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#F3F3F3; scrollbar-arrow-color:#3E4F7D; } div#fztable table th, div#fztable table td {padding-top:5px;padding-bottom:2px;} div#fztable table thead th {background-color:#EFE3CC;color:#925c38;padding-top:4px;} div#fztable table tbody th {background-color:#EFE3CC;color:#925c38;} div#fztable table tbody th.l {text-align:left;padding-left:8px;/*padding-right:20px;*/} div#fztable table tbody th.sub1 {background-color:#F1F1F1;color:#616263;} div#fztable table tbody th.sub2 {background-color:#F8F8F8;color:#616263;} div#fztable table tbody th.sub2_l {background-color:#F8F8F8;color:#616263;text-align:left;padding-left:10px;} div#fztable table tbody td {background-color:#ffffff;text-align:left;padding-left:10px;padding-right:10px;} div#fztable table tbody td.c {text-align:center;padding-left:0px;padding-right:0px;} div#fztable table tbody td.r {text-align:right;padding-right:8px;padding-left:0px;} div#fztable table tbody td.input {text-align:left;padding-left:10px;padding-top:6px;padding-bottom:6px;} div#fztable table tbody td.input_c {text-align:center;padding:6px 0;} div#fztable table tbody td.btn {text-align:center;padding:3px 0;} div#fztable table tbody td.contents {padding:13px 10px 11px 10px;} div#fztable table tbody tr.cell2 td {background-color:#F4F2EE;} div#fztable table td table td {text-align:left;padding:0px;background-color:#ffffff;} div#fztable table span.star {height:1px;font-size:11px;background:url('../img/bu_star.gif') 0 2px no-repeat;padding-left:13px;margin-left:3px;} div#fztable table strong {color:#965c10;font-weight:normal;} div#fztable table.list {border-bottom:2px solid #AE7A21;} div#fztable table.list th, div#fztable table.list td {padding-top:5px;padding-bottom:2px;} div#fztable table.list thead th {padding-left:8px;padding-right:7px;background:#F4F2EE url('../img/table_bar.gif') 0 6px no-repeat;} div#fztable table.list thead th.fst {padding-left:12px;padding-right:11px;background:#F4F2EE url('../img/trans.gif') 0 6px no-repeat;} div#fztable table.list td {background-color:#fffff;text-align:center;padding-left:0px;padding-right:0px;} div#fztable table.list td.l {text-align:left;padding-left:10px;padding-right:10px;} div#fztable table.list td.l_re {text-align:left;padding-left:28px;padding-right:10px;background:url('../img/bu_re.gif') 10px 7px no-repeat;} div#fztable table.list td.re_text {text-align:left;padding:13px 30px 11px 30px;} div#fztable table.list td.btn {padding-top:3px;padding-bottom:3px;} div#fztable table.list td a {color:#626262;} div#fztable table.list a:hover {color:#1F1F1F;text-decoration:none;} div#fztable table.list tr.notice td {background-color:#FCFCFC;color:#925c38;} div#fztable table.list tr.notice td a, div#fztable table.list tr.notice td a:hover {color:#925c38;} div#fztable table.list img.new {margin-bottom:3px;} div#fztable table.list strong {color:#965c10;} .table_dot {height:10px; padding-left:5px; padding-right:5px; background:url('../img/bg_dot_w.gif');} /*##################################################################################################################*/ /*##### 폼박스 스타일 ###########################################################################################*/ /*##################################################################################################################*/ input.box_01 {height:18px; background-color:#ffffff; font-family:Dotum,DotumChe; font-size:11px; color:#616263; border:1px solid #A8A8A8; padding-top:3px;padding-left:6px;} input.box_01_right {text-align:right; height:18px; background-color:#ffffff; font-family:Dotum,DotumChe; font-size:11px; color:#616263; border:1px solid #A8A8A8; padding-top:3px;padding-right:6px;} select.box_01 {height:18px; background-color:#ffffff; font-family:Dotum,DotumChe; font-size:11px; color:#616263; padding-top:3px;padding-left:6px;} label {color:#616263; cursor:default;} textarea.box_01 { overflow:auto;background-color:#FFFFFF;font-size:11px; font-family:Dotum,DotumChe;line-height:17px; border:1px solid #A8A8A8;margin-top:6px;margin-bottom:6px;padding:5px; scrollbar-face-color:#E6E6E6; scrollbar-shadow-color:#A8A8A8; scrollbar-highlight-color:#A8A8A8; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#F3F3F3; scrollbar-arrow-color:#3E4F7D; } div#sc_box01, textarea.sc_box01 { overflow-y:auto;background-color:#FFFFFF;font-size:11px; font-family:Dotum,DotumChe;line-height:17px; border:1px solid #A5A9A8;padding:0px;text-align:left; scrollbar-face-color:#E6E6E6; scrollbar-shadow-color:#A8A8A8; scrollbar-highlight-color:#A8A8A8; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#F3F3F3; scrollbar-arrow-color:#3E4F7D; } div#sc_box01 a, div#sc_box01 a:hover {color:#515151;} div#sc_box01 p.dic_tit {color:#875c24;background-color:#f5f2ee;padding:5px 12px 3px 12px;font-size:12px;} div#sc_box01 p.dic_cons {padding:8px 12px 6px 12px;} /*##################################################################################################################*/ /*##### 검색박스 테이블 스타일 #####################################################################################*/ /*##################################################################################################################*/ div#search {border-top:3px solid #C4C5C8;border-bottom:3px solid #C3C4C8;background-color:#FFFFFF;padding-top:1px;padding-bottom:1px;margin-bottom:10px;} div#search div.inner {background-color:#F7F7F8;padding:4px 20px 4px 20px;} div#search div.result {border-top:1px solid #C4C5C9;background-color:#ffffff;padding:4px 20px 3px 20px;} div#search table td {padding-top:3px;padding-bottom:3px} div#search table td.right {text-align:right;} div#search table td table td {padding:0px;padding-right:4px;background-color:transparent;} div#search table td.span {padding-top:3px;} /*##################################################################################################################*/ /*##### 탭메뉴 스타일 #############################################################################################*/ /*##################################################################################################################*/ div#tab {height:27px; margin-bottom:20px;background:url('../img/tabBG.gif');} div#tab ul {/*border-bottom:2px solid #CBCBCB;padding-left:9px;*/} div#tab li {width:0px;display:inline;padding-right:0px;} /*##################################################################################################################*/ /*##### 가이드 스타일 #############################################################################################*/ /*##################################################################################################################*/ /* 상단 가이드 팁 스타일 */ table.titleguide {margin-bottom:20px;} table.titleguide td.top {height:5px;background:url('../img/titleguide_top.gif') 0 0 no-repeat;text-align:right;} table.titleguide td.middeline {background:#FFF url('../img/titleguide_bg_l.gif') top left repeat-y;padding-left:15px;} table.titleguide td.middeline div {background:url('../img/titleguide_bg_r.gif') top right repeat-y;padding-top:3px;padding-bottom:1px;} table.titleguide td.middeline dl {background:url('../img/titleguide_bg_r.gif') top right repeat-y;padding-top:3px;padding-bottom:1px;} table.titleguide td.middeline dt, table.titleguide td.middeline dd {color:#888;} table.titleguide td.middeline dt {background:url('../img/bu_titleguide.gif') 0 5px no-repeat;padding-left:10px;padding-right:10px;} table.titleguide td.middeline dt img {margin-left:2px;margin-bottom:2px;} table.titleguide td.middeline dd {background:url('../img/bu_guide02.gif') 0 5px no-repeat;padding-left:10px;padding-right:10px;margin-left:7px;} table.titleguide td.middeline p.t {margin-top:4px;margin-bottom:1px;color:#888;} table.titleguide td.middeline strong {color:#888;} table.titleguide td.bottom {height:5px;background:url('../img/titleguide_bottom.gif') 0 0 no-repeat;text-align:right;} table.titleguide a:link, table.titleguide a:visited, table.titleguide a:active, table.titleguide a:hover {text-decoration:underline;} /* 하단 가이드 텍스트(타이틀 글자수 4자 이상) */ div#guide {border:1px solid #EAEAEA;background:#F7F7F8;padding:5px 10px 3px 5px;margin-top:20px;} div#guide span.title {height:16px;background:#ACACAC url('../img/bu_guide_l.gif') top left no-repeat;padding-left:18px;margin-bottom:5px;} div#guide span.title strong { height:16px;font-size:11px;color:#fff;letter-spacing:-1px;line-height:14px; background:#ACACAC url('../img/bu_guide_r.gif') top right no-repeat;padding-top:2px;padding-right:18px;} div#guide dl {margin-top:1px;margin-left:9px;} div#guide dt, div#guide dd {font-size:11px;color:#888;letter-spacing:-1px;} div#guide dt {background:#F7F7F8 url('../img/bu_guide01.gif') 0 5px no-repeat;padding-left:8px;} div#guide dt.no_bu {background:#F7F7F8 url('../img/trans.gif') 0 5px no-repeat;padding-left:0px;} div#guide dd {background:#F7F7F8 url('../img/bu_guide02.gif') 0 5px no-repeat;padding-left:8px;margin-left:7px;} div#guide img.hspace {margin-top:5px;margin-bottom:7px;} div#guide a:link, div#guide a:visited, div#guide a:avtive, div#guide a:hover {text-decoration:underline;} /* Comment 스타일 */ div#box_comm {border:2px solid #EFE3CC;margin-bottom:20px;background-color:#ffffff;} div#box_comm ul {margin-left:15px;margin-right:15px;margin-top:10px;margin-bottom:10px;} div#box_comm li {background:url('../img/bu_boxmn_off.gif') 5px 3px no-repeat; padding-left:12px; vertical-align:top;line-height:15px;font-size:11px;} div#box_comm li.tit {width:100%;background:url('../img/bu_boxmn_tit.gif') 0px 2px no-repeat;padding-left:9px;font-weight:bold; line-height:20px;font-size:12px;} div#box_comm li a {background:url('../img/bu_boxmn_off.gif') 5px 3px no-repeat;padding-left:12px;color:#626262;} div#box_comm li a:hover, div#box_menu li a.active {background:url('/../img/bu_boxmn_on.gif') 5px 3px no-repeat;color:#414141;text-decoration:underline;} /* Box형 메뉴 스타일 */ div#box_menu {border:2px solid #EFE3CC;margin-bottom:20px;background-color:#ffffff;} div#box_menu ul {margin-left:15px;margin-top:5px;margin-bottom:11px;} div#box_menu li {display:inline;width:300px;padding-top:8px;vertical-align:top;} div#box_menu li.tit {width:100%;background:url('../img/bu_boxmn_tit.gif') 0 10px no-repeat;padding-left:9px;font-weight:bold;} div#box_menu li a {background:url('../img/bu_boxmn_off.gif') 0 2px no-repeat;padding-left:9px;color:#626262;} div#box_menu li a:hover, div#box_menu li a.active {background:url('/../img/bu_boxmn_on.gif') 0 2px no-repeat;color:#414141;text-decoration:underline;} /*##################################################################################################################*/ /*##### 펀드 #######################################################################################################*/ /*##################################################################################################################*/ h2.fund {color:#333333;background:url('../img/bu_depth01.gif') 6px 1px no-repeat;padding-left:21px; font-family:'굴림';} h3.fund {color:#444444;/*background:url('../img/bu_depth02.gif') 0 3px no-repeat;padding-left:14px;*/margin-left:6px;} h3.fund_btn {color:#875c24;background:url('../img/bu_depth02.gif') 0 6px no-repeat;padding-left:14px;margin-left:6px;} ul.fund_depth3 li {text-align:left;font-size:12px;color:#555555;background:url('../img/bu_depth03.gif') 0 2px no-repeat;padding-left:10px;margin-left:12px;margin-bottom:4px;} ul.fund_depth4 li {text-align:left;font-size:12px;color:#666666;background:url('../img/bu_depth04.gif') 3px 5px no-repeat;padding-left:13px;margin-left:13px;margin-bottom:2px;} span.fund_star {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;margin-bottom:7px;margin-top:2px;} ul.fund_star {margin-bottom:6px;margin-top:2px;} ul.fund_star li {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;} /*##################################################################################################################*/ /*##### 헬로우 펀드 ###############################################################################################*/ /*##################################################################################################################*/ h2.hellow {color:#333333;background:url('../img/bu_depth01.gif') 6px 1px no-repeat;padding-left:21px; font-family:'굴림';} h3.hellow {color:#444444;/*background:url('../img/bu_depth02.gif') 0 3px no-repeat;padding-left:14px;*/margin-left:6px;} h3.hellow_btn {color:#875c24;background:url('../img/bu_depth02.gif') 0 6px no-repeat;padding-left:14px;margin-left:6px;} ul.hellow_depth3 li {text-align:left;font-size:12px;color:#555555;background:url('../img/bu_depth03.gif') 0 2px no-repeat;padding-left:10px;margin-left:12px;margin-bottom:4px;} ul.hellow_depth4 li {text-align:left;font-size:12px;color:#666666;background:url('../img/bu_depth04.gif') 3px 5px no-repeat;padding-left:13px;margin-left:13px;margin-bottom:2px;} span.hellow_star {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;margin-bottom:7px;margin-top:2px;} ul.hellow_star {margin-bottom:6px;margin-top:2px;} ul.hellow_star li {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;} /*##################################################################################################################*/ /*##### 상품 가이드 ###############################################################################################*/ /*##################################################################################################################*/ h2.fundtype {color:#444444;background:url('../img/bu_depth01.gif') 6px 1px no-repeat;padding-left:21px; font-family:'굴림';} h3.fundtype {color:#333333;background:url('../img/bu_depth02.gif') 0 3px no-repeat;padding-left:14px;margin-left:6px;} h3.fundtype_btn {color:#875c24;background:url('../img/bu_depth02.gif') 0 6px no-repeat;padding-left:14px;margin-left:6px;} ul.fundtype_depth3 li {text-align:left;font-size:12px;color:#444444;background:url('../img/bu_depth03.gif') 0 2px no-repeat;padding-left:10px;margin-left:12px;margin-bottom:4px;} ul.fundtype_depth4 li {text-align:left;font-size:12px;color:#555555;background:url('../img/bu_depth04.gif') 3px 5px no-repeat;padding-left:13px;margin-left:13px;margin-bottom:2px;} span.fundtype_star {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;margin-bottom:7px;margin-top:2px;} ul.fundtype_star {margin-bottom:6px;margin-top:2px;} ul.fundtype_star li {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;} div#hellow_index1 {/*background:url('../img/hellow_step1.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#hellow_index2 {/*background:url('../img/hellow_step2.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#hellow_index3 {/*background:url('../img/hellow_step3.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#fundtype_index1 {/*background:url('../img/fund_type1.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#fundtype_index2 {/*background:url('../img/fund_type2.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#fundtype_index3 {/*background:url('../img/fund_type3.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#fundtype_index4 {/*background:url('../img/fund_type4.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#fundtype_index5 {/*background:url('../img/fund_type5.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} div#fundtype_index6 {/*background:url('../img/fund_type6.gif') 0 2px no-repeat;*/text-align:right; padding-bottom:3px;} /*##################################################################################################################*/ /*##### 펀드 FAQ ##################################################################################################*/ /*##################################################################################################################*/ h2.FAQ {color:#1E5266;background:url('../imgbu_depth01.gif') 0 0 no-repeat;padding-left:18px;} div.on {border-top:5px solid #D3D3D3;border-left:5px solid #D3D3D3;border-right:5px solid #D3D3D3;background:#EBEFF8 url('../img/bu_q.gif') 16px 14px no-repeat;padding:9px 10px 5px 49px;margin-top:10px;} div.on a:link, div.on a:visited, div.on a:avtive, div.on a:hover {color:#43639E;font-weight:bold;} div.off {border-bottom:1px solid #B5C5DD;background:#FFFFFF url('../imgbu_q.gif') 16px 7px no-repeat;padding:7px 10px 4px 49px;} div.off a:link, div.off a:visited, div.off a:avtive, div.off a:hover {color:#7E7E7E;} div.answer {/* 답변 */ border-bottom:5px solid #D3D3D3;border-left:5px solid #D3D3D3;border-right:5px solid #D3D3D3; background:#FFFFFF url('../img/bu_a.gif') 16px 15px no-repeat;padding:14px 10px 18px 49px;margin-bottom:13px;} div.answer strong {color:#43639E;font-weight:normal;} /*##################################################################################################################*/ /*##### 펀드용어 사전 ##############################################################################################*/ /*##################################################################################################################*/ h2.dic {color:#1E5266;background:url('../img/bu_depth01.gif') 0 0 no-repeat;padding-left:18px;} ul.dic li {display:inline;width:21px;padding-bottom:2px;} div#dic_box01, textarea.dic_box01 { overflow-y:auto;background-color:#FFFFFF;font-size:11px; font-family:Dotum,DotumChe;line-height:17px; border:1px solid #A5A9A8;padding:0px;text-align:left; scrollbar-face-color:#E6E6E6; scrollbar-shadow-color:#A8A8A8; scrollbar-highlight-color:#A8A8A8; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#F3F3F3; scrollbar-arrow-color:#3E4F7D; } div#dic_box01 a, div#dic_box01 a:hover {color:#515151;} div#dic_box01 p.dic_tit {color:#875c24;background-color:#f5f2ee;padding:5px 12px 3px 12px;font-size:12px;} div#dic_box01 p.dic_cons {padding:8px 12px 6px 12px;} /*##################################################################################################################*/ /*##### 투자 설계 ##################################################################################################*/ /*##################################################################################################################*/ h2.investplan {color:#444444;background:url('../img/bu_depth01.gif') 6px 1px no-repeat;padding-left:21px; font-family:'굴림';} h3.investplan {color:#333333;background:url('../img/bu_depth02.gif') 0 3px no-repeat;padding-left:14px;margin-left:6px;} h3.investplan_btn {color:#875c24;background:url('../img/bu_depth02.gif') 0 6px no-repeat;padding-left:14px;margin-left:6px;} ul.investplan_depth3 li {text-align:left;font-size:12px;color:#444444;background:url('../img/bu_depth03.gif') 0 2px no-repeat;padding-left:10px;margin-left:12px;margin-bottom:4px;} ul.investplan_depth4 li {text-align:left;font-size:12px;color:#555555;background:url('../img/bu_depth04.gif') 3px 5px no-repeat;padding-left:13px;margin-left:13px;margin-bottom:2px;} span.investplan_star {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;margin-bottom:7px;margin-top:2px;} ul.investplan_star {margin-bottom:6px;margin-top:2px;} ul.investplan_star li {width:100%;height:1px;background:url('../img/bu_star.gif') 10px 3px no-repeat;padding-left:24px;} /* 스텝 이미지 스타일 */ div#step {text-align:right;} /* 스텝 텍스트 스타일 */ ul#step {margin-bottom:20px;text-align:right;} ul#step li {display:inline;height:36px;padding-left:40px;font-size:12px;line-height:14px;} ul#step li.step1_on {background:url('../img/step_on_01.gif') top left no-repeat;padding-left:30px;} ul#step li.step2_on {background:url('../img/step_on_02.gif') top left no-repeat;} ul#step li.step3_on {background:url('../img/step_on_03.gif') top left no-repeat;} ul#step li.step4_on {background:url('../img/step_on_04.gif') top left no-repeat;} ul#step li.step5_on {background:url('../img/step_on_05.gif') top left no-repeat;} ul#step li.step6_on {background:url('../img/step_on_06.gif') top left no-repeat;} ul#step li.step7_on {background:url('../img/step_on_07.gif') top left no-repeat;} ul#step li.step1_off {background:url('../img/step_off_01.gif') top left no-repeat;padding-left:30px;} ul#step li.step2_off {background:url('../img/step_off_02.gif') top left no-repeat;} ul#step li.step3_off {background:url('../img/step_off_03.gif') top left no-repeat;} ul#step li.step4_off {background:url('../img/step_off_04.gif') top left no-repeat;} ul#step li.step5_off {background:url('../img/step_off_05.gif') top left no-repeat;} ul#step li.step6_off {background:url('../img/step_off_06.gif') top left no-repeat;} ul#step li.step7_off {background:url('../img/step_off_07.gif') top left no-repeat;} ul#step strong {font-weight:bold;height:36px;padding-right:12px;padding-top:6px;} ul#step li.step1_on strong, ul#step li.step2_on strong, ul#step li.step3_on strong, ul#step li.step4_on strong, ul#step li.step5_on strong, ul#step li.step6_on strong, ul#step li.step7_on strong { background:url('../img/step_edge_on.gif') top right no-repeat;color:#081D58; } ul#step li.step1_off strong, ul#step li.step2_off strong, ul#step li.step3_off strong, ul#step li.step4_off strong, ul#step li.step5_off strong, ul#step li.step6_off strong, ul#step li.step7_off strong { background:url('../img/step_edge_off.gif') top right no-repeat;color:#979797;} /*##################################################################################################################*/ /*##### 메인 페이지 ###############################################################################################*/ /*##################################################################################################################*/ div#Maintitle {width:100%; height:36px;background:url('../img/titleBG.gif');margin-bottom:10px;} h1#title {background:url('../img/bu_title.gif') 5px 15px no-repeat;padding-top:15px;padding-left:20px;font-family:'굴림'; font-size:14px;font-weight:bold;color:#444444;letter-spacing:-1;} /*컨텐트 이미지 타이틀*/ div#Maintab {height:27px; margin-bottom:0px;background:url('../img/tabBG.gif');} div#Maintab ul {/*border-bottom:2px solid #CBCBCB;padding-left:9px;*/} div#Maintab li {width:0px;display:inline;padding-right:0px;} div#Mainsearch {border-top:3px solid #C4C5C8;border-bottom:3px solid #C3C4C8;background-color:#FFFFFF;padding-top:1px;padding-bottom:1px;margin-bottom:10px;} div#Mainsearch div.inner {background-color:#F7F7F8;padding:4px 5px 4px 5px;} div#Mainsearch div.result {border-top:1px solid #C4C5C9;background-color:#ffffff;padding:4px 5px 3px 5px;} div#Mainsearch table td {padding-top:3px;padding-bottom:3px} div#Mainsearch table td.right {text-align:right;} div#Mainsearch table td table td {padding:0px;padding-right:4px;background-color:transparent;} div#Mainsearch table td.span {padding-top:3px;} /*##### 한경 CSS #####*/ /* base elements */ body, td {font-size:12px; color:#333333;} body {margin:0px; } td {padding:0px;} img {border:none;} p {margin-bottom:0px;} .dm {font-family:'돋움';} .g {font-family:'굴림';} .bt {font-family:'바탕';} .b {font-weight:bold;} .u {text-decoration:underline;} a {text-decoration:none; color:#333333;} a:hover {text-decoration:underline; color:#333333;} a:visited {} * /* input elements */ input {font-size:12px;} textarea {font-size:12px;} input.txt {padding-top:3px; height:18px;} select {font-size:12px; height:20px;}