@charset("euc-kr"); /*********************************************** descript _ Welcron Stylesheet publisher _ Ahreum Park (hobread@hobread.com) date _ 2008. 06 ************************************************/ @import "company.css"; /* 웰크론소개 Style */ @import "business.css"; /* 사업영역 Style */ @import "member.css"; /* 멤버쉽 Style */ @import "cyberPR.css"; /* 사이버PR Style */ @import "help.css"; /* 고객센터 Style */ @import "recruit.css"; /* 입사지원 Style */ @import "invest.css"; /* 투자정보 Style */ @import "rnd.css"; /* RND센터 Style */ /* common */ * {margin:0;padding:0;font-family:돋움,verdana} body {width:100%;height:100%;font-size:0.75em;_font-size:12px;font-family:돋움,verdana;color:#969696;background:#fff} hr, d_none {display:none;} a, img, fieldset {border:0px;} .block{display:block;} .inline { display:inline} em {font-style:normal;} ul,li,dl,dd,dt {list-style:none; margin:0px; padding:0px} h1, h2, h3, h4, h5, h6 {font-size:100%} .f_l {float:left} .f_r {float:right} .c_b {clear:both} .t_l {text-align:left} .t_c {text-align:center} .t_r {text-align:right} .v_middle {vertical-align:middle} .v_top {vertical-align:top} .v_bottom {vertical-align:bottom} .m_l_10 {margin-left:10px;} .m_l_15 {margin-left:15px} .m_l_20 {margin-left:20px;} .m_l_30 {margin-left:30px;} .m_r_10 {margin-right:10px;} .m_r_20 {margin-right:20px;} .m_t_5 {margin-top:5px} .m_t_10 {margin-top:10px;} .m_t_15 {margin-top:15px} .m_t_20 {margin-top:20px;} .m_t_25 { margin-top:25px} .m_t_30 {margin-top:30px;} .m_t_50 { margin-top:50px} .m_b_10 {margin-bottom:10px;} .m_b_20 {margin-bottom:20px;} .p_t_10 {padding-top:10px;} .p_t_20 {padding-top:20px;} .p_r_10 { padding-right:10px;} div.c_b_0 {line-height:0px} .pointer {cursor:pointer} .d_none {display:none} .red { color:#ff424f} .black { color:#000} .sky { color:#71a4be} .l_s_1 { letter-spacing:-1px} .l_h_16 { line-height:16px} /*a:hover 컬러*/ a {color:#696969;text-decoration:none;} /*a:hover 컬러*/ a:hover {color:#1fb23e;text-decoration:none;} /* Input style */ input, select { vertical-align:middle;} input.text { padding:2px;font-family:돋움; font-size:100%;height:13px;background:#efefef;border:1px solid #d4d4d4;color:#777} input.text1{ padding:2px;font-family:돋움; font-size:100%;height:13px;background:#fff;border:1px solid #c0c0c0;color:#777;} textarea.text1 { padding:2px;font-family:돋움; font-size:100%;height:13px;background:#fff;border:1px solid #c0c0c0;color:#777; line-height:17px;} input.file { background:#fff;border:1px solid #c0c0c0;color:#777} /*valign middle*/ div.v_align { display:table-cell;width:100px;vertical-align:middle;} * html div.v_align { display:inline;zoom:1;} /* IE 6 */ *:first-child+html div.v_align { display:inline;zoom:1;} /* IE 7 */ /* Layout */ body.sub_A { background:#fff url(/images/bg_subA_x.gif) repeat-x} body.sub_B { background:#fff url(/images/bg_subB_x.gif) repeat-x} body.sub_C { background:#fff url(/images/bg_subC_x.gif) repeat-x} body.sub_D { background:#fff url(/images/bg_subD_x.gif) repeat-x} body.sub_E { background:#fff url(/images/bg_subE_x.gif) repeat-x} body.sub_F { background:#fff url(/images/bg_subF_x.gif) repeat-x} body.sub_G { background:#fff url(/images/bg_subG_x.gif) repeat-x} body.sub_H { background:#fff url(/images/bg_subH_x.gif) repeat-x} body.sub_I { background:#fff url(/images/bg_subH_x.gif) repeat-x} #wrap_A { width:1000px; height:100%; background:url(/images/bg_subA.jpg) no-repeat top left} #wrap_B { width:1000px; height:100%; background:url(/images/bg_subB.jpg) no-repeat top left} #wrap_C { width:1000px; height:100%; background:url(/images/bg_subC.jpg) no-repeat top left} #wrap_D { width:1000px; height:100%; background:url(/images/bg_subD.jpg) no-repeat top left} #wrap_E { width:1000px; height:100%; background:url(/images/bg_subE.jpg) no-repeat top left} #wrap_F { width:1000px; height:100%; background:url(/images/bg_subF.jpg) no-repeat top left} #wrap_G { width:1000px; height:100%; background:url(/images/bg_subG.jpg) no-repeat top left} #wrap_H { width:1000px; height:100%; background:url(/images/bg_subH.jpg) no-repeat top left} #wrap_I { width:1000px; height:100%; background:url(/images/bg_subH.jpg) no-repeat top left} #top { padding-left:20px; width:980px; height:242px; vertical-align:top} /*작업 완료 후 디스플레이 감출 것*/ #top #top_menu { display:none} /***************************************/ #wrap_contents { width:1000px; margin-top:-86px;} #wrap_contents #side_menu { float:left; padding-left:20px; width:197px; height:200px;} #wrap_contents #sub_contents { float:left; width:756px; _height:470px; min-height:470px; padding-bottom:40px; background:url(/images/bg_content.gif) no-repeat bottom left; color:#696969} #sub_contents h3 {margin:45px 23px 0px 23px; height:39px; background:url(/images/bg_title.gif) repeat-x bottom} #sub_contents #path {margin:10px 33px; height:10px; text-align:right} #sub_contents #path a { color:#696969} #sub_contents #path a:hover { color:#1fb23e} #sub_contents #content { margin-top:66px; width:690px; padding:0px 33px; background:url(/images/bg_content_y.gif) no-repeat 0px 310px} #wrap_contents #sub_bottom { clear:both; position:relative; padding-left:217px; height:100px; } #footer { height:100px; background:url(/images/bg_footer.gif) no-repeat 0px 18px;} #footer p { text-align:right; padding:20px 30px 0px 0px} #footer address { margin:6px 0px 0px 145px; font-style:normal; color:#8d8d8d; font-size:95%; letter-spacing:-1px;} #footer address a { color:#8d8d8d} #footer address a:hover { color:#555} #footer select { background:#91bc39; color:#fff} /*table*/ #content table.list_01 { width:100%;border:none; border-collapse:collapse; border-spacing:0px; border-bottom:2px solid #beddc0; color:#777; font-size:95%} #content table.list_01 th {border:none; border-collapse:collapse; border-spacing:0px; padding-top:4px; height:26px; _height:22px; background:url(/images/bg_list_title.gif) no-repeat top right} #content table.list_01 th img { margin-top:-2px; vertical-align:middle} #content table.list_01 th.first-child { width:60px; background:url(/images/bg_list_left.gif) no-repeat top left} #content table.list_01 th.last-child { background:url(/images/bg_list_right.gif) no-repeat top right} #content table.list_01 td {border:none; border-collapse:collapse; border-spacing:0px; padding-top:6px; height:20px; line-height:20px; text-align:center; border-bottom:1px solid #beddc0} #content table.list_01 th.t_l, #content table.list_01 td.t_l { text-align:left; text-indent:20px;} #content table.list_01 td.content { padding:25px; text-align:left} #content #paging { clear:both; height:20px; margin-top:35px; text-align:center} #content #paging * { vertical-align:middle} #content #paging a { padding:2px 0px;} #content #paging span a { display:inline-block; padding:1px 2px 1px 6px; background:url(/images/bar_01.gif) no-repeat 0px 2px; color:#000; text-align:center} #content #paging span a.first_child, #content #paging span a.img { background:none} #content #search { margin-top:20px; border:1px solid #d7d7d7; text-align:center; padding:6px 0px 8px 0px;} #content #search select { min-width:50px;} #content #search * { vertical-align:middle} #content #search2 { position:relative; margin-top:-24px; height:26px; text-align:right;} #content #search2 select { min-width:50px;} #content #search2 * { vertical-align:middle} #list_btn { margin-top:10px;} #list_btn * { vertical-align:middle} #content table.write_01 { width:100%;border:none; border-collapse:collapse; border-spacing:0px; border-top:2px solid #beddc0; border-bottom:2px solid #beddc0; color:#777; font-size:95%} #content table.write_01 th {border:none; border-collapse:collapse; border-spacing:0px; padding-top:10px; height:20px; _height:18px; background:url(/images/bg_view.gif) no-repeat bottom right; border-bottom:1px solid #beddc0; vertical-align:top} #content table.write_01 td {border:none; border-collapse:collapse; border-spacing:0px; padding:5px 7px; height:20px; line-height:20px; border-bottom:1px solid #beddc0} /*tab*/ #content ul#sub_tab { height:26px; background:url(/images/bg_tab.gif) repeat-x bottom} #content ul#sub_tab li { float:left; height:26px;} /*cyberPR*/ #content ul#sub_tab li.tab_01 a { float:left; display:block; width:76px; height:26px; background:url(/images/cyberpr/tab_press_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_02 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/cyberpr/tab_press_02.gif) no-repeat top left; text-indent:-9999px;} /*company-ceo*/ #content ul#sub_tab li.tab_c_01 a { float:left; display:block; width:76px; height:26px; background:url(/images/company/tab_c_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_c_02 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/company/tab_c_02.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_c_03 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/company/tab_c_03.gif) no-repeat top left; text-indent:-9999px;} /*company-introduce*/ #content ul#sub_tab li.tab_i_01 a { float:left; display:block; width:76px; height:26px; background:url(/images/company/tab_i_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_i_02 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/company/tab_i_02.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_i_03 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/company/tab_i_03.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_i_04 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/company/tab_i_04.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_i_05 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/company/tab_i_05.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_i_06 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/company/tab_i_06.gif) no-repeat top left; text-indent:-9999px;} /*invest-status*/ #content ul#sub_tab li.tab_d_01 a { float:left; display:block; width:98px; height:26px; background:url(/images/invest/tab_d_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_d_02 a { float:left; display:block; margin-left:1px; width:97px; height:26px; background:url(/images/invest/tab_d_02.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_d_03 a { float:left; display:block; margin-left:1px; width:82px; height:26px; background:url(/images/invest/tab_d_03.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_d_04 a { float:left; display:block; margin-left:1px; width:92px; height:26px; background:url(/images/invest/tab_d_04.gif) no-repeat top left; text-indent:-9999px;} /*help-faq*/ #content ul#sub_tab li.tab_h_01 a { float:left; display:block; width:76px; height:26px; background:url(/images/help/tab_h_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_h_02 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/help/tab_h_02.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_h_03 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/help/tab_h_03.gif) no-repeat top left; text-indent:-9999px;} /*invest-financial*/ #content ul#sub_tab li.tab_f_01 a { float:left; display:block; width:76px; height:26px; background:url(/images/invest/tab_f_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_f_02 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/invest/tab_f_02.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_f_03 a { float:left; display:block; width:76px; height:26px; background:url(/images/invest/tab_f_03.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_f_04 a { float:left; display:block; margin-left:1px; width:76px; height:26px; background:url(/images/invest/tab_f_04.gif) no-repeat top left; text-indent:-9999px;} /*invest-stocks*/ #content ul#sub_tab li.tab_s_01 a { float:left; display:block; width:100px; height:26px; background:url(/images/invest/tab_s_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_s_02 a { float:left; display:block; margin-left:0px; width:100px; height:26px; background:url(/images/invest/tab_s_02.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_s_03 a { float:left; display:block; margin-left:0px; width:98px; height:26px; background:url(/images/invest/tab_s_03.gif) no-repeat top left; text-indent:-9999px;} /*business*/ #content ul#sub_tab li.tab_bu_01 a { float:left; display:block; width:118px; height:26px; background:url(/images/business/tab_bu_01.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_bu_02 a { float:left; display:block; margin-left:1px; width:118px; height:26px; background:url(/images/business/tab_bu_02.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_bu_11 a { float:left; display:block; width:127px; height:26px; background:url(/images/business/tab_bu_11.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_bu_12 a { float:left; display:block; margin-left:1px; width:128px; height:26px; background:url(/images/business/tab_bu_12.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_bu_21 a { float:left; display:block; width:104px; height:26px; background:url(/images/business/tab_bu_21.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_bu_22 a { float:left; display:block; margin-left:1px; width:104px; height:26px; background:url(/images/business/tab_bu_22.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_bu_31 a { float:left; display:block; width:108px; height:26px; background:url(/images/business/tab_bu_31.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li.tab_bu_32 a { float:left; display:block; margin-left:1px; width:109px; height:26px; background:url(/images/business/tab_bu_32.gif) no-repeat top left; text-indent:-9999px;} #content ul#sub_tab li a:hover, #content ul#sub_tab li a.on { background-position:bottom left} /*Main*/ body.main { background:#fff url(/images/bg_main_x.gif) repeat-x;} #wrap_main { background:url(/images/bg_main.jpg) no-repeat top left;} #layer_notice { position:absolute; top:540px; left:42px; width:216px;} #layer_notice dl.tab {padding-left:6px; height:21px; border-bottom:1px solid #c9cac9} #layer_notice dl.tab dt { float:left} #layer_notice dl.tab dt.tab_m_01 a { display:block; width:76px; height:21px; background:url(/images/btn_m_01.gif) no-repeat top left; text-indent:-9999px;} #layer_notice dl.tab dt.tab_m_02 a { display:block; width:94px; height:21px; background:url(/images/btn_m_02.gif) no-repeat top left; text-indent:-9999px;} #layer_notice dl.tab dt.tab_m_03 a { display:block; width:40px; height:19px; background:url(/images/btn_more.gif) no-repeat top left; text-indent:-9999px;} /*#layer_notice dl.tab dt.tab_m_03 a { display:block; width:64px; height:21px; background:url(/images/btn_m_03.gif) no-repeat top left; text-indent:-9999px;}*/ #layer_notice dl.tab dt a:hover, #layer_notice dl.tab dt a.on { background-position:bottom} #layer_notice ul { clear:left; font-size:95%; letter-spacing:-1px;} #layer_notice ul li { padding-left:17px; padding-top:7px; height:20px; border-bottom:1px solid #c9cac9; background:url(/images/bull_02.gif) no-repeat 8px 10px;} #layer_notice ul li span.f_r { font-family:tahoma} #main_search { position:absolute; top:558px; left:790px; width:150px; height:22px;} #main_search select { width:148px; background:d0d9ca; border:1px solid #d0d9ca} #main_footer { width:1000px; height:78px; background:url(/images/bg_main_footer.gif) no-repeat top left} #main_footer address { padding:45px 0px 0px 170px; font-style:normal; color:#8d8d8d; font-size:95%; letter-spacing:-1px; } #main_footer address a { color:#8d8d8d} #main_footer address a:hover { color:#555} #main_footer select { position:absolute; left:818px; margin-top:-14px; z-index:10; background:#91bc39; color:#fff} span.calendar {position:relative;} span.calendar .r_text { padding:2px 5px 1px 2px; border:1px solid #c0c0c0; color:#209fba; background:#fff; font-size:95%;height:12px} span.calendar .calendar-btn {cursor:pointer;} span.calendar .calendar-layer {display:none; position:absolute; top:20px; left:0;} span.calendar .calendar-frame {width:169px; height:175px; border:1px solid #999;}