html, body {margin:0px;} body, th, td { font-family:Dotum,DotumChe; font-size:12px; color:#676767; line-height:18px; letter-spacing:-1px; } #topGNB {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bg_top.gif') repeat-x;} #midWrap {width:894px;} #contents {width:650px; margin-left:25px; padding-bottom:30px;} /* 푸터 */ #footer td {height:48px;border-top:3px solid #23AD67; background-color:#005837;} #footer td ul {margin-top:8px; margin-bottom:2px;} #footer td li {display:inline;} #footer .right img {margin-top:10px;margin-bottom:6px;} #footer .right img.email {margin-left:4px; cursor:pointer;} /* 스카이 스크랩퍼 */ #floatBanner {} #floatBanner ul {margin-top:4px;} #floatBanner img.mgt4 {margin-top:4px;} #floatBanner img.fung_img {width:65px; height:65px; margin-top:3px;} #floatBanner .sc_box_01 {width:83px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/floatBanner/today_bg.gif') bottom left no-repeat; padding-bottom:4px;} #floatBanner .sc_box_02 {width:83px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/floatBanner/today_bg_02.gif') bottom left no-repeat; padding-bottom:4px;} #floatBanner ul.today_fund {margin-top:-3px; margin-bottom:6px;} #floatBanner ul.today_fund li {width:70px; height:84px; font-size:11px; text-align:left; line-height:14px; padding-left:4px; padding-top:8px;} #floatBanner ul.today_fund li.none {padding-top:18px; text-align:center;} /* 레프트메뉴 스타일 시작 */ #leftmenu {width:188px; margin-left:26px; padding-top:12px; padding-bottom:30px; text-align:center;} /* 레프트 메뉴 로그인 */ .login_bt {margin-bottom:10px; text-align:left; padding-left:15px; } .login_bt img.bt {margin-bottom:4px;} .logout_hello {width:195px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bg_hello.gif') bottom left no-repeat; padding-bottom:5px; padding-top:1px;} .logout_hello img {margin-bottom:2px; margin-left:2px;} /* 레프트메뉴 */ /*#leftmenu .menubox {text-align:left; padding-left:17px; padding-right:17px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/box_menu_bg.gif') repeat-y;}*/ #leftmenu .menubox {text-align:left; padding-left:17px; padding-right:17px;} #leftmenu .menubox ul {padding-top:8px; margin-bottom:-3px;} #leftmenu .menubox li {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bu_menu_off.gif') 0 2px no-repeat; padding-left:20px; padding-bottom:2px;} #leftmenu .menubox li.on {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bu_menu_on.gif') 0 2px no-repeat; font-weight:bold;} #leftmenu .menubox a:link, #leftmenu .menubox a:visited {color:#676767; text-decoration:none;} #leftmenu .menubox a.active, #leftmenu .menubox a:hover {color:#00925F; text-decoration:none;} #leftmenu .menubox li.on a:link, #leftmenu .menubox li.on a:visited, #leftmenu .menubox li.on a:active, #leftmenu .menubox li.on a:hover {color:#00925F; text-decoration:none;} #leftmenu .menubox ul.sub {width:155px; padding-top:9px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bg_submenu_t.gif') top left no-repeat; margin-left:-20px; margin-bottom:6px; margin-top:2px;} #leftmenu .menubox ul.sub li {background:url(none); padding-left:20px; padding-top:2px; line-height:14px;} #leftmenu .menubox ul.sub li.end_bar {height:6px; font-size:0px; line-height:0px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bg_submenu_b.gif') bottom left no-repeat;} #leftmenu .menubox ul.sub li a:link, #leftmenu .menubox ul.sub li a:visited {color:#676767; text-decoration:none; font-weight:normal;} #leftmenu .menubox ul.sub li a:active, #leftmenu .menubox ul.sub li a:hover {color:#00925F;} #leftmenu .menubox ul.sub li.on a:link, #leftmenu .menubox ul.sub li.on a:visited, #leftmenu .menubox ul.sub li.on a:active, #leftmenu .menubox ul.sub li.on a:hover {color:#00925F; text-decoration:none; font-weight:bold;} /* //레프트메뉴 */ #leftmenu .menubox_etc {width:185px; text-align:left; padding-left:16px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/etc_menu_bg.gif') repeat-y;} #leftmenu .menubox_etc ul {width:140px; padding-top:10px;} #leftmenu .menubox_etc li {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bu_menu_off.gif') 0 6px no-repeat; padding-left:21px; padding-bottom:1px; padding-top:4px; border-bottom:1px solid #E2EADF;} #leftmenu .menubox_etc li.on {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bu_menu_on.gif') 0 6px no-repeat; font-weight:bold;} #leftmenu .menubox_etc a:link, #leftmenu .menubox_etc a:visited {color:#676767; text-decoration:none;} #leftmenu .menubox_etc a.active, #leftmenu .menubox_etc a:hover {color:#00925F; text-decoration:none;} #leftmenu .menubox_etc li.on a:link, #leftmenu .menubox_etc li.on a:visited, #leftmenu .menubox_etc li.on a:active, #leftmenu .menubox_etc li.on a:hover {color:#00925F; text-decoration:none;} #leftmenu .menubox_etc ul.sub {margin-left:-21px; padding-top:5px;} #leftmenu .menubox_etc ul.sub li {background:url(none); padding:0px; padding-left:21px; padding-bottom:2px; padding-top:1px; border-bottom-width:0px; font-size:11px; line-height:15px;} #leftmenu .menubox_etc ul.sub li.end_bar {height:0px; font-size:0px; line-height:0px;} #leftmenu .menubox_etc ul.sub li a:link, #leftmenu .menubox_etc ul.sub li a:visited {color:#676767; text-decoration:none; font-weight:normal;} #leftmenu .menu etc ul.sub li a:active, #leftmenu .menubox_etc ul.sub li a:hover {color:#00925F;} #leftmenu .menubox_etc ul.sub li.on a:link, #leftmenu .menubox_etc ul.sub li.on a:visited, #leftmenu .menubox_etc ul.sub li.on a:active, #leftmenu .menubox_etc ul.sub li.on a:hover {color:#00925F; text-decoration:none; font-weight:bold;} /* 레프트메뉴 - 모의투자 */ #leftmenu .menubox_vts {text-align:left; padding-left:16px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/vts_menu_bg.gif') repeat-y;} #leftmenu .menubox_vts ul {padding-top:8px; margin-bottom:-3px;} #leftmenu .menubox_vts li {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/vts_menu_off.gif') 0 2px no-repeat; padding-left:20px; padding-bottom:2px;} #leftmenu .menubox_vts li.on {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/vts_menu_on.gif') 0 2px no-repeat; font-weight:bold;} #leftmenu .menubox_vts a:link, #leftmenu .menubox_vts a:visited {color:#676767; text-decoration:none;} #leftmenu .menubox_vts a.active, #leftmenu .menubox_vts a:hover {color:#008789; text-decoration:none;} #leftmenu .menubox_vts li.on a:link, #leftmenu .menubox_vts li.on a:visited, #leftmenu .menubox_vts li.on a:active, #leftmenu .menubox_vts li.on a:hover {color:#008789; text-decoration:none;} #leftmenu .menubox_vts ul.sub {padding-top:9px; margin-left:-20px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bg_submenu_t.gif') top left no-repeat; margin-top:2px; margin-bottom:6px;} #leftmenu .menubox_vts ul.sub li {background:url(none); padding-left:20px; padding-top:2px; line-height:14px;} #leftmenu .menubox_vts ul.sub li.end_bar {height:6px; font-size:0px; line-height:0px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/menu/bg_submenu_b.gif') bottom left no-repeat;} #leftmenu .menubox_vts ul.sub li a:link, #leftmenu .menubox_vts ul.sub li a:visited {color:#676767; text-decoration:none; font-weight:normal;} #leftmenu .menubox_vts ul.sub li a:active, #leftmenu .menubox_vts ul.sub li a:hover {color:#008789;} #leftmenu .menubox_vts ul.sub li.on a:link, #leftmenu .menubox_vts ul.sub li.on a:visited, #leftmenu .menubox_vts ul.sub li.on a:active, #leftmenu .menubox_vts ul.sub li.on a:hover {color:#008789; text-decoration:none; font-weight:bold;} /* //레프트메뉴 - 모의투자 */ /*독립메뉴*/ .left_sel {margin-top:6px; margin-bottom:10px;} .left_sel img {cursor:pointer;} /*배너*/ .left_banner {margin-bottom:20px;} /*링크메뉴*/ .left_link {width:180px; border-left:1px solid #DADADA; border-right:1px solid #DADADA; background-color:#ffffff;} .left_link td {width:78px;} .left_link img {margin-top:5px; margin-bottom:5px; cursor:pointer;} /*페이지공통*/ .left_common {margin-top:8px;} /* 레프트메뉴 스타일 끝 */ /* ###### POPUP Style ######################################################################################## */ body.popup #p_top {height:50px; background-color:#018C5D;} body.popup #offsetTable {} body.popup #p_middle { border:1px solid #303739; border-top-width:0px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/popup/bg_body.gif') bottom right no-repeat; vertical-align:top; } body.popup #p_contents { padding:20px 40px 30px 16px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/popup/bg_body_line.gif') top right repeat-x; } body.popup #p_middle .p_indent {padding-left:40px;} body.popup #p_footer {height:30px;background-color:#303739;} body.popup #p_footer .pclose {cursor:pointer; margin-right:15px; margin-top:11px;} body.popup #ptitle { float:left; padding-top:18px; padding-left:16px; } body.popup #ptitle strong { height:32px; border-left:1px solid #4EAF8E; color:#fff; font-weight:bold; font-size:14px; margin-left:11px; padding-left:12px; } body.popup #plogo { float:right; padding-right:15px; } /* #################################################################################################### */ .left {float:left;} .right {float:right;} .clear {clear:both; line-height:0px; font-size:0px; width:0px; height:0px;} .al { text-align:left;} .ac { text-align:center;} .ar { text-align:right;} .at { vertical-align:top; } .am { vertical-align:middle; } .ab { vertical-align:bottom; } form, td, div, p, span, ul, li, dl, dt, dd, textarea, h1, h2, h3, h4 { /* 기본태그 마진,패딩 설정값 */ margin:0px; padding:0px; word-break:keep-all; } select { font-family:Dotum,DotumChe; font-size:11px; color:#676767; line-height:12px; background-color:#ffffff; padding-top:4px; padding-left:2px; } ul {list-style:none;} /* 리스트 태그 블릿 기본 삭제 스타일 */ img {border:0px;} img.btn {margin-bottom:2px; cursor:pointer;} img.tbl_btn {margin-top:1px; cursor:pointer;} /* 버튼이미지 정렬값 */ img.req {margin-right:3px;} /* 테이블 항목 별표 이미지 오른쪽 마진값 */ img.ml10 {margin-left:10px;} /*테이블 항목 별표 이미지 없는 텍스트 왼쪽 마진값 */ img.imgTextL {margin-top:2px; margin-left:6px;} /* 테이블 left정렬 텍스트 이미지 정렬값 */ img.imgTextB {margin-top:7px;margin-bottom:3px;} /* 테이블 bottom정렬 텍스트 이미지 정렬값 */ h1, h2, h3, h4 {font-size:12px;} table {border-collapse:collapse; word-break:break-all;} label {height:12px; margin-bottom:2px; line-height:14px;} select {color:#666;} /* Input Box */ input.box_01 { height:19px; border:1px solid #C1B8BC; background-color:#ffffff; font-family:Dotum,DotumChe; font-size:11px; color:#666; line-height:12px; padding-top:4px; padding-left:2px; } /* Input Box */ input.box_02 { height:19px; border:1px solid #C1B8BC; background-color:#ffffff; font-family:Dotum,DotumChe; font-size:11px; color:#ff6600; font-weight: bold; line-height:12px; padding-top:4px; padding-left:2px; } /* Text Color */ .fc_gray01 {color:#C1B8BC;} .fc_gray02 {color:#424242;} .fc_red {color:#FF6600;} .fc_blue {color:#009CED;} .fc_green {color:#019966;} .fc_creon {color:#bd405d;} .f11 {font-size:11px;} .letter {letter-spacing:0px;} .line15 {line-height:15px;} a:link {color:#01B380; text-decoration:underline;} a:visited {color:#01B380; text-decoration:underline;} a:active {color:#01B380; text-decoration:underline;} a:hover {color:#01B380; text-decoration:underline;} /* Line */ .line_dot01 {height:1px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/dot_line01.gif') repeat-x; font-size:0px; line-height:0px; clear:both;} .line_ECE {height:1px; background-color:#ECECEC; font-size:0px; line-height:0px; clear:both;} /* Space */ .sp5 {height:5px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp7 {height:7px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp8 {height:8px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp10 {height:10px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp12 {height:12px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp13 {height:13px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp15 {height:15px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp17 {height:17px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp18 {height:18px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp20 {height:20px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp25 {height:25px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp30 {height:30px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp35 {height:35px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp40 {height:40px; width:1px; line-height:0px; font-size:0px; clear:both;} .sp50 {height:50px; width:1px; line-height:0px; font-size:0px; clear:both;} .line_EAE {height:1px; background-color:#EAEBEB; line-height:0px; font-size:0px; clear:both;} /* ###### Depth Style ######################################################################################## */ /* 라인맵 */ #navigaion {float:right; margin-right:-3px; margin-top:4px; margin-bottom:1px;} #navigaion li { display:inline; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_navi.gif') 0 3px no-repeat; line-height:12px; padding-left:10px; padding-right:7px; } #navigaion li.home {font-family:Verdana; font-size:9px; background:url(none); padding-left:0px;} #navigaion a {font-size:11px; color:#676767; text-decoration:none;} #title { /*타이틀 스타일*/ font-size:16px; color:#000; font-weight:bold; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_title.gif') 0 0 no-repeat; padding-left:14px; } #title_help {height:32px; text-align:right;} #title_help img {margin-top:9px;} /* top 타이틀 */ .topttl_txt { font-size:16px; color:#3e4040; font-weight:bold; background: #dfdfdf; padding:4px 5px 2px 5px; margin-bottom:15px; } /* 1뎁스 스타일 */ h1 { font-size:14px; color:#3e4040; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth01.gif') 0 0 no-repeat; padding-left:23px; margin-bottom:11px; } h1.table {margin-bottom:13px;} /* 2뎁스 스타일 */ h2 { color: color:#676767; ; font-weight:normal; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth02.gif') 24px 3px no-repeat; padding-left:40px; margin-bottom:5px; } h2.nobu {padding-left:23px; background:url(none); color:#676767; margin-bottom:0px;} h2.bold {color:#676767; font-weight:bold;} h2.normal, span.normal {color:#676767;} h2.num {padding-left:23px; background:url(none); color:#676767; } h2.num img {margin-bottom:3px;} h2.table {margin-bottom:7px;} h2.h2_cmmt { font-size:11px; color:#999; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 24px 4px no-repeat; padding-left:35px; margin-bottom:0px; margin-top:4px; } h2.h2_cmmt2 { font-size:11px; color:#999; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 40px 4px no-repeat; padding-left:50px; margin-bottom:0px; margin-top:0px; } h2.h2_notice { font-size:11px; color:#999; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_notice.gif') 24px 1px no-repeat; padding-left:41px; margin-bottom:0px; margin-top:0px; margin-bottom:1px; } h2.h2_no { font-size:11px; color:#676767; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth02.gif') 24px 3px no-repeat; padding-left:40px; margin-bottom:0px; margin-top:0px; margin-bottom:5px; } /* 3뎁스 스타일 */ h3 { font-weight:normal; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth03.gif') 29px 5px no-repeat; padding-left:40px; } h3.nobu {background:url(none);} h3.num {background:url(none);} h3.table {margin-bottom:7px;} h3.h3_cmmt { font-size:11px; color:#999; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 29px 4px no-repeat; padding-left:40px; margin-bottom:0px; margin-top:0px; margin-bottom:1px; } h3.h3_notice { font-size:11px; color:#999; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_notice.gif') 29px 1px no-repeat; padding-left:46px; margin-bottom:0px; margin-top:0px; margin-bottom:1px; } /* 4뎁스 스타일 */ h4 { color:#999; font-weight:normal; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth04.gif') 41px 6px no-repeat; padding-left:49px; } h4.left { color:#999; font-weight:normal; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth04.gif') 56px 6px no-repeat; padding-left:64px; } h4.nobu {background:url(none); padding-left:39px;} h4.table {margin-bottom:7px;} h4.h4_cmmt { font-size:11px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 41px 4px no-repeat; padding-left:51px; margin-bottom:0px; margin-top:0px; margin-bottom:1px; } h4.h4_notice { font-size:11px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_notice.gif') 41px 1px no-repeat; padding-left:57px; margin-bottom:0px; margin-top:0px; margin-bottom:1px; } .width_con {width:650px;} .indent_con {margin-left:24px;} /* 2depth 이하 들여쓰기 */ .visual_mg30 {margin-bottom:30px;} .visual_mg15 {margin-bottom:13px;} /* 상단 스텝 */ .step {text-align:right;margin-bottom:15px;} /* 상단 가이드 텍스트 */ .title_guide {margin-bottom:30px;} /* 하단 코멘트 텍스트 */ .bottom_comment {margin-top:25px;} /* 상단 코멘트 */ .t_comment01 {float:right; font-size:11px; margin-bottom:10px;} .t_comment02 {float:left; font-size:11px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req03.gif') 0 4px no-repeat; padding-left:10px; margin-bottom:10px;} .t_comment03 {float:right; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_arrow01.gif') 0 4px no-repeat; padding-left:20px; margin-bottom:10px;} /*검색결과*/ .t_comment04 {float:left; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_arrow02.gif') 0 0 no-repeat; padding-left:24px; padding-top:1px; margin-bottom:10px;} .t_notice {font-size:11px; padding-left:19px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_notice.gif') 0 1px no-repeat; margin-bottom:10px;} /* 하단 코멘트 */ #comment {margin-top:10px;} #comment li {padding-left:10px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 0 4px no-repeat; font-size:11px; color:#999; line-height:17px;} #comment li.notice {padding-left:19px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_notice.gif') 0 0 no-repeat;} /* 탭 메뉴 */ #tab_basic {margin-bottom:15px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bg_tab.gif') repeat-x;} /* ###### BBS Style ######################################################################################### */ /* BBS Sorting */ .bbs_sorting {margin-bottom:10px;} .bbs_sorting li {display:inline; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bar01.gif') 0 0 no-repeat; padding-left:10px; padding-right:4px;} .bbs_sorting li.fst {background:url(none); padding-left:0px;} .bbs_sorting a:link, .bbs_sorting a:visited {color:#676767; text-decoration:none;} .bbs_sorting a:active, .bbs_sorting a:hover {color:#019966; text-decoration:underline;} .bbs_sorting strong {color:#019966; text-decoration:underline;} /* BBS List */ .bbs_list {border-bottom:2px solid #589F8E;} .bbs_list th {font-size:11px; border:1px solid #019966; padding-top:5px; padding-bottom:5px;} .bbs_list td {border-top:1px solid #DADED8; text-align:center; padding-top:5px; padding-bottom:2px;} .bbs_list td.nolist {height:70px; text-align:center; background-color:#F6F9F6;} .bbs_list td.btn {padding-top:3px;} .bbs_list td.l {text-align:left; padding-left:13px;} .bbs_list tr.cell2 td {background-color:#F5F6F4;} .bbs_list img.bullet {margin-bottom:2px; margin-left:4px;} .bbs_list img.reply {margin-bottom:2px; margin-right:4px;} .bbs_list a:link, .bbs_list a:visited {color:#676767; text-decoration:none;} .bbs_list a:active, .bbs_list a:hover {color:#019966; text-decoration:underline;} .bbs_list td table th, .bbs_list td table td {border-width:0px; padding:0px;} /* Paging */ .pading {text-align:center; font-family:Verdana; font-size:11px; margin-top:10px; margin-bottom:11px;} .pading a:link, .pading a:visited {color:#676767; text-decoration:none; margin-left:2px; margin-right:2px;} .pading a:active, .pading a:hover {color:#019966; text-decoration:underline;} .pading img.l_btn {margin-left:-2px; margin-right:-5px; margin-top:2px;} .pading img.r_btn {margin-left:-5px; margin-right:-2px; margin-top:2px;} .pading strong {color:#019966; text-decoration:underline; margin-left:2px; margin-right:2px;} /* Search */ .search {background-color:#F6F9F6; text-align:left; padding-top:12px; padding-left:15px; padding-bottom:11px; margin-bottom:15px;} .search img.tlt {margin-right:10px;} .search input, .search select {margin-left:6px;} .search input.sch_btn {margin-top:1px;} .search .ex {height:1px;margin-bottom:2px; margin-left:6px;} .search .ex img {margin-bottom:2px;} .search img.imgArrow {margin-right:6px;} .search img.imgText {margin-right:4px;} .bbs_search {background-color:#F6F9F6; text-align:center; padding-top:12px; padding-bottom:11px; margin-top:10px;} /* BBS 하단 검색 */ /* BBS View */ .bbs_view th, .bbs_view td {background-color:#F6F9F6; border-bottom:1px solid #DCE5D8; text-align:left;} .bbs_view th img {margin-top:1px;} .bbs_view td {padding-top:5px; padding-bottom:2px; padding-left:12px;} .bbs_view tr.tlt th, .bbs_view tr.tlt td {border:1px solid #589F8E; background-color:#ffffff;} .bbs_view tr.tlt td {color:#207C3B; padding-top:3px; padding-bottom:0px;} .bbs_view img.fst_tlt {margin-left:23px;} .bbs_view img.bullet {margin-bottom:2px;margin-right:4px;} .bbs_view a:link, .bbs_view a:visited {color:#676767; text-decoration:none;} .bbs_view a:active, .bbs_view a:hover {color:#019966; text-decoration:underline;} .bbs_view td table th, .bbs_view td table td {border-width:0px; padding:0px;} .bbs_contents p {margin:18px 24px 25px 24px;} /* 이전글/다음글 */ .bbs_tbl_listing {border-bottom:2px solid #589F8E;} .bbs_tbl_listing th, .bbs_tbl_listing td {border-top:1px solid #DCE5D8; background-color:#F5F6F4;} .bbs_tbl_listing th {width:80px;} .bbs_tbl_listing td {padding-top:3px; padding-left:12px; font-size:12px;} .bbs_tbl_listing a:link {color:#676767; text-decoration:none;} .bbs_tbl_listing a:visited {color:#676767; text-decoration:none;} .bbs_tbl_listing a:active {color:#019966; text-decoration:underline;} .bbs_tbl_listing a:hover {color:#019966; text-decoration:underline;} .bbs_tbl_listing .time {font-size:11px; letter-spacing:0px;} /* BBS Write */ .bbs_write {border-top:1px solid #589F8E; border-bottom:2px solid #589F8E;} .bbs_write tr.cell2 {background-color:#F5F6F4;} .bbs_write th, .bbs_write td {border-top:1px solid #DCE5D8; text-align:left;} .bbs_write th {padding-left:15px;} .bbs_write td {padding-top:2px; padding-bottom:2px; font-size:12px;} .bbs_write td.radio {padding-top:3px;} .bbs_write td table th, .bbs_write td table td {border-width:0px; padding:0px;} /* 버튼 */ #btn_basic_L {text-align:left; padding-top:12px; padding-left:12px;} #btn_basic_R {text-align:right; padding-top:12px; padding-right:11px;} #btn_basic_C {text-align:center; padding-top:12px;} #btn_t_tbl {text-align:right; padding-bottom:11px;} #btn_paging {} #btn_paging #btn_basic_R {margin-top:-40px; margin-bottom:11px;} /* ###### TABLE Style ######################################################################################### */ /* 세로형 테이블 */ .tbl_con {margin-left:23px;} .tbl_con thead th {border:1px solid #86bca7; font-size:11px; color:#569a85; padding-top:2px; padding-left:5px; padding-right:5px;} .tbl_con thead th.sub {border:1px solid #86bca7; color:#84b8a1;} .tbl_con thead th span.th_cmmt {font-size:11px; font-weight:normal; color:#676767;} .tbl_con tbody th, .tbl_con tbody td {padding-top:5px; padding-bottom:1px;} .tbl_con tbody th {border:1px solid #dde5d9; background-color:#f4f7f2; font-weight:normal;} .tbl_con tbody td {border:1px solid #dde5d9; text-align:left; padding-left:10px; font-size:12px;} .tbl_con tbody td.c {text-align:center; padding-left:5px; padding-right:5px;} .tbl_con tbody td.r {text-align:right; padding-left:0px; padding-right:10px;} .tbl_con tbody td.btn {text-align:center; padding-left:0px; padding-top:1px; padding-bottom:1px;} .tbl_con tbody td.btn img {cursor:pointer;} .tbl_con tbody th.input, .tbl_con tbody td.input {padding-top:1px; padding-bottom:1px;} .tbl_con tbody tr.cell2 td {background-color:#f8f9f7;} .tbl_con tbody td table td {border-width:0px; padding:0px;} .tbl_con tbody td table.inner_tbl {width:90%; margin-bottom:8px; margin-top:5px;} .tbl_con tbody td table.inner_tbl th {border:1px solid #86bca7; font-size:11px; color:#569a85; font-weight:bold; padding-left:3px; padding-right:3px;} .tbl_con tbody td table.inner_tbl td {border:1px solid #dde5d9; font-size:11px; background-color:#fff; padding-left:6px;} .tbl_con tbody td table.inner_tbl td.c {padding-left:3px; padding-right:3px;} .sc_tbl { width:626px; height:101px; border-right:1px solid #DDE5D9; border-bottom:1px solid #DDE5D9; margin-left:23px; overflow-y:auto; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #CCCCCC; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #CCCCCC; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #118E6F; } .sc_tbl .tbl_con {margin-left:0px;} .sc_tbl .tbl_con tbody td.c {padding-left:5px; padding-right:5px;} .sc_tbl .tbl_con tbody tr.fst td {border-top-width:0px;} /* 가로형 테이블 */ .tbl_row {margin-left:23px;} .tbl_row th {border:1px solid #86bca7; color:#569a85; font-size:11px; line-height:15px; padding-top:5px; text-align:left; padding-left:10px;} .tbl_row th.sub {color:#84b8a1;} .tbl_row td {border:1px solid #dde5d9; padding-top:5px; padding-bottom:1px; text-align:left; padding-left:10px; font-size:12px;} .tbl_row td.r {text-align:right; padding-right:10px;} .tbl_row td.input {padding-top:2px; padding-bottom:2px;} .tbl_row td.bd_R {border-right:1px solid #86bca7;} .tbl_row tr.cell2 td {background-color:#f8f9f7;} .tbl_row td table td {border-width:0px; padding:0px;} /* 테이블 내 리스트 */ .tbl_list dt {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth03.gif') 0 5px no-repeat; padding-left:8px;} .tbl_list dt.tbl_cmmt {padding-left:10px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 0 5px no-repeat; font-size:11px; margin:0px;} .tbl_list dd {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth04.gif') 8px 7px no-repeat; padding-left:18px;} .tbl_list dd.tbl_cmmt {padding-left:26px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 16px 5px no-repeat; font-size:11px; margin:0px;} /* 입력 테이블 */ .tbl_submit {margin-left:23px;} .tbl_submit th {border:1px solid #589F8E; text-align:left; padding-left:6px;} .tbl_submit th img {margin-top:2px;} .tbl_submit td {border:1px solid #DDE5D9; padding-left:10px; padding-top:2px; padding-bottom:2px; font-size:12px;} .tbl_submit td.btn {padding-top:1px;} .tbl_submit td.btn img {margin-top:2px;} .tbl_submit td.text {padding-top:5px; padding-bottom:1px;} .tbl_submit td.bd_R {border-right:1px solid #86bca7;} .tbl_submit tr.cell2 td {background-color:#f8f9f7;} .tbl_submit td table td {border-width:0px; padding:0px;} /* ###### ScrollBox Style ######################################################################################### */ div.sc_01 { border:1px solid #C1B8BC; background-color:#ffffff; padding:10px 6px; margin-top:3px; margin-bottom:2px; margin-right:10px; } div.sc_02 { width:650px; border:1px solid #85BC9D; background-color:#ffffff; padding:10px 6px; margin-bottom:2px; margin-right:10px; } div.sc_01 textarea, div.sc_01 div, div.sc_02 textarea, div.sc_02 div { border-width:0px; background-color:#ffffff; padding-right:10px; font-family:Dotum,DotumChe; font-size:12px; color:#676767; line-height:18px; overflow-y:auto; scrollbar-face-color: #D5D5D5; scrollbar-highlight-color: #D5D5D5; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #CBCBCB; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: white; scrollbar-arrow-color: #F5F5F5; } div.sc_01 div h2 {padding-left:17px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth02.gif') 1px 3px no-repeat;} div.sc_01 div h2.num {background:url(none); color:#676767; padding-left:7px;} div.sc_01 div h2.h2_cmmt {padding-left:17px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 6px 4px no-repeat;} div.sc_01 div h3 {padding-left:17px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth03.gif') 6px 5px no-repeat;} div.sc_01 div h4 {padding-left:26px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth04.gif') 18px 6px no-repeat;} /* ###### FAQ Style ######################################################################################### */ #faq_list {width:650px; border-top:1px solid #589F8E; border-bottom:2px solid #589F8E;} #faq1 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num01.gif') 9px 9px no-repeat;} #faq2 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num02.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq3 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num03.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq4 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num04.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq5 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num05.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq6 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num06.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq7 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num07.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq8 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num08.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq9 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num09.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq10 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num10.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq11 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num11.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq12 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num12.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq13 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num13.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq14 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num14.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq15 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num15.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq16 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num16.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq17 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num17.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq18 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num18.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq19 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num19.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq20 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num20.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq21 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num21.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq22 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num22.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq23 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num23.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq24 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num24.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq25 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num25.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq26 {background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num26.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} #faq27 {background:#F6F9F6 url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/faq_num27.gif') 9px 9px no-repeat; border-top:1px solid #DCE5D9;} .faq_Q_off {padding-left:38px; padding-top:6px; padding-bottom:1px; font-size:12px;} .faq_Q_off a:link, .faq_Q_off a:visited {color:#676767; text-decoration:none;} .faq_Q_off a:active, .faq_Q_off a:hover {color:#019966; text-decoration:underline;} .faq_Q_on {padding-left:38px; padding-top:6px; padding-bottom:1px; font-size:12px;} .faq_Q_on a:link, .faq_Q_on a:visited, .faq_Q_on a:active, .faq_Q_on a:hover {color:#019966; text-decoration:underline;} .faq_A { background:#FFFFFF url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_a.gif') 10px 1px no-repeat; padding-left:38px; padding-bottom:10px; padding-right:15px; margin-left:37px; margin-top:4px; font-size:12px; } .faq_A h2 {padding-left:16px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth02.gif') 0 3px no-repeat;} .faq_A h3 {padding-left:16px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth03.gif') 5px 5px no-repeat;} .faq_A h3.nobu {background:url(none)} .faq_A h4 {padding-left:26px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth04.gif') 17px 6px no-repeat;} .faq_A h4.h4_cmmt { font-size:11px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 36px 4px no-repeat; padding-left:46px; margin-bottom:0px; margin-top:0px; margin-bottom:1px; } /* 답변 내 박스 */ .faq_A .textBox {border:1px solid #DADED8; margin-left:17px; margin-top:7px; margin-bottom:10px; padding-bottom:7px;} .faq_A .textBox .tlt {height:1px; background-color:#F4F7F2; padding:5px 10px 2px 10px; font-weight:bold; color:#19A277; margin-bottom:9px;} .faq_A .textBox p {padding-left:12px;margin-bottom:5px;} .faq_A .textBox strong.stlt {margin-left:14px;} .faq_A .textBox h3 {margin-left:7px; margin-right:10px; margin-bottom:3px;} .faq_A .textBox h3.h3_cmmt { background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_req02.gif') 17px 4px no-repeat; padding-left:28px; } .faq_A .textBox h4 {padding-left:23px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth04.gif') 14px 6px no-repeat; margin-right:10px;} /* ###### 달력 Style ######################################################################################### */ .calendar_year {width:159px; height:31px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/calendar/bg_year.gif') no-repeat;} .calendar_year table {width:100%; margin-top:3px;} .calendar_year img {margin-left:5px; margin-right:5px; margin-top:2px; cursor:pointer;} .calendar_year strong {font-size:11px; color:#747474; font-family:Tahoma; letter-spacing:0px;} .calendar_t {height:3px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/calendar/bg_box_t.gif') no-repeat; font-size:0px; line-height:0px;} .calendar_month {width:159px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/calendar/bg_box_m.gif') repeat-y; text-align:center;} .calendar_month table {width:147px; margin-bottom:2px;} .calendar_month th, .calendar_month td {width:21px; text-align:center;} .calendar_month th img {margin-top:4px; margin-bottom:7px;} .calendar_month td {padding-top:3px; padding-bottom:2px;} .calendar_month tr.row1 td {background-color:#eaebe6;} .calendar_month tr.row2 td {background-color:#f6f7f6;} .calendar_month a:link, .calendar_month a:.visited {font-size:10px; color:#676767; font-family:Tahoma; line-height:10px; letter-spacing:0px; text-decoration:none;} .calendar_month a:active, .calendar_month a:hover {color:#676767; text-decoration:underline;} .calendar_month td.sun a:link, .calendar_month td.sun a.visited, .calendar_month td.sun a.active, .calendar_month td.sun a:hover {color:#ff6600;} .calendar_month td.sat a:link, .calendar_month td.sat a.visited, .calendar_month td.sat a.active, .calendar_month td.sat a:hover {color:#2ca8c2;} .calendar_b {height:5px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/calendar/bg_box_b.gif') no-repeat; font-size:0px; line-height:0px;} /* ###### 회사소개 Style ##############################ㄴ#################################################### */ body.ir {background:url(/ctx_kr/sc_common/sg_resource/svc_img/homepage/bg_ir_top.gif) top left repeat-x;} #ir_top {position:relative;} #ir_top .ir_linemap {position:absolute; top:136px; left:0px;} #ir_top .ir_linemap li { display:inline; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_navi.gif') 0 3px no-repeat; line-height:12px; padding-left:10px; padding-right:4px; } #ir_top .ir_linemap li.home {font-family:Verdana; font-size:9px; background:url(none); padding-left:0px;} #ir_top .ir_linemap a {font-size:11px; color:#676767; text-decoration:none;} #ir_top .ir_title {position:absolute; top:206px; left:0px;} #ir_footer {margin-top:40px;} #ir_footer .inner {height:36px; border-top:3px solid #23AD67; background-color:#005837;} #ir_footer .copyright {float:left; padding-top:10px;} #ir_footer .copyright img {margin-left:30px;} #ir_footer .footerNum {float:right; padding-top:9px;} #ir_footer .footerNum img.email {margin-left:4px; cursor:pointer; margin-bottom:1px;} /* Top menu Layer */ .top_gnb_search {position:absolute; top:119px; left:30px;} .top_gnb_search a:link, .top_gnb_search a:visited, .top_gnb_search a:active, .top_gnb_search a:hover {font-size: 11px; padding-left: 4px; color: #B8DBD2;} .top_gnb_search a.blue:link, .top_gnb_search a.blue:visited, .top_gnb_search a.blue:active, .top_gnb_search a.blue:hover {font-size: 11px; padding-left: 4px; color: #C0D7E1;} /* 인기검색어 Input 박스 스타일 */ .searchBox_default {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/gnb/search_input_bg.gif') no-repeat;} .searchBox_null {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/gnb/search_input_bg_null.gif') no-repeat;} .searchBox_default_vts {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/gnb/vts_input_bg.gif') no-repeat;} .searchBox_null_vts {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/gnb/vts_input_bg_null.gif') no-repeat;} /* 티커 */ .ticker {width:100%; height:27px; background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/ticker/bg_ticker.gif') no-repeat; font-size:11px; font-family:Verdana; line-height:12px;color:#444;letter-spacing:0px;} .today {float:left; padding-top:5px; padding-right:6px; padding-left:30px;font-size:11px; font-family:Verdana; line-height:12px;color:#444;letter-spacing:0px;} .kosdaq_tlt{float:left; padding-right:3px; font-size:11px; font-family:Verdana; line-height:12px;color:#000;letter-spacing:0px;} .kosdaq_tlt img {margin-right:3px;} .kosdaq_stock {float:left; padding-top:3px; font-size:11px; font-family:Verdana; line-height:12px;} .kosdaq_stock p {float:left; width:23px; height:17px; padding-top:1px; text-align:center; color:#444;} .kosdaq_stock p.cell1 {background-color:#ED0016; color:#fff;} .kosdaq_stock p.cell2 {background-color:#FF8B5B; color:#fff;} .kosdaq_stock p.cell3 {background-color:#FFFFFF; color:#333;} .kosdaq_stock p.cell4 {background-color:#98A1E8; color:#fff;} .kosdaq_stock p.cell5 {background-color:#1F5092; color:#fff;} .kospi {float:left; padding-top:7px; padding-left:9px; padding-right:9px; letter-spacing:0px; font-size:11px; font-family:Verdana; line-height:12px;color:#444;} .ticker span.kor {font-size:12px; font-family:Dotum,DotumChe;color:#444;letter-spacing:0px;} .ticker .inputBox {float:left; padding-top:0px; position:relative;} .ticker .timer {float:left; padding-top:5px; padding-left:10px;} /* 운용보고서 */ .box01_m {width:568px; background:url('/ctx_kr/sc_fnmall/sg_fund_ria/svc_2102/img/bg_box01_m.gif') repeat-y;} .box01_m ul {padding-top:10px; padding-bottom:5px; padding-left:15px; padding-right:15px;} .box01_m li {background:url('/ctx_kr/sc_common/sg_resource/svc_img/homepage/bu_depth03.gif') 0 5px no-repeat; padding-left:12px;}