#chart{ width:100%; text-align:left; position:relative; font-size:12px; overflow:hidden; font-family:µ¸¿ò,dotum; } #chart img{ display:block; } #chart h3{ padding:0;margin:0; position:absolute; top:0; left:0; } #log_analysis{ margin-bottom:18px; } #log_top{ max-height:24px; height:39px; background:#E1EDFF url(../../images/template02/bg_log_top.gif) no-repeat 12px 13px; border-top:1px solid #C5DAF8; border-bottom:1px solid #C5DAF8; font-weight:bold; position:relative; padding:13px 0 0 35px; text-indent:-5000px; } #log_tcenter p{ display:none; } #log_tcenter input,#buttons input{ border:0; cursor:pointer; } #log_tcenter input{ width:75px; height:22px; background:url(../../images/template02/btn_select1.gif) no-repeat; position:absolute; right:17px; top:8px; text-indent:-5000px; } #log_middle{ background:#F3F8FF; } #log_middle ul{ padding:12px 0px; overflow:hidden; width:auto !important; width:100%; } #log_middle li{ width:48%; float:left; } #log_middle li input{ margin-left:10px; } #buttons{ width:100%; clear:left; max-height:26px; height:33px; background:#E1EDFF; border-bottom:1px solid #C5DAF8; text-align:center; position:relative; padding-top:6px; } #btn_confirm,#btn_cancel{ width:45px; height:21px; overflow:hidden; text-indent:-5000px !important; text-indent:0; line-height:5; } #btn_confirm{ background:url(../../images/template02/btn_confirm.gif) no-repeat; } #btn_cancel{ background:url(../../images/template02/btn_cancel.gif) no-repeat; } #btn_close{ width:37px; height:13px; background:url(../../images/template02/btn_close1.gif) no-repeat; text-indent:-5000px; position:absolute; right:14px; top:9px; } .chart_buttons{ text-align:right; height:18px; } .btn_up,.btn_down,.btn_delete{ border:0; cursor:pointer; vertical-align:middle; text-indent:-5000px; } .btn_up,.btn_down{ width:12px; height:12px; } .btn_up{ background:url(../../images/template02/btn_up.gif) no-repeat; } .btn_down{ background:url(../../images/template02/btn_down.gif) no-repeat; } .btn_delete{ width:31px; height:18px; background:url(../../images/template02/btn_delete.gif) no-repeat; } .chart_more,.chart03 .date,.chart01 .date{ position:absolute; } .date{ color:#285FED; font-size:11px; } .chart01 .date{ right:14px; top:11px; } .chart02 .date{ text-align:right; margin:0 4px 18px 4px; border-bottom:1px solid #DDDADA; padding-bottom:13px; } .chart03 .date{ bottom:2px; left:25%; margin-left:-25px; } .chart02 .chart_more{ top:5px; left:5px; } .chart03 .chart_more{ left:25%; margin-left:-28px; bottom:23px; } #visit .chart_main span{ display:none; } .chart01{ width:100%; position:relative; } .chart02,.chart03{ float:left; display:inline; margin-top:30px; max-width:47%; width:49%; text-align:left; position:relative; overflow:hidden; padding:0 1%; } .chart_main span{ display:none; } #chart .chart_main li img{ display:inline; } #chart .chart_main li span{ display:inline; } /*** ¶ó¿îµå:start ***/ .chart_top{ margin-top:5px; } .chart_tleft,.chart_tright,.chart_bleft,.chart_bright{ width:5px; height:5px; overflow:hidden; } .chart_tleft,.chart_bleft{ float:left; margin-right:0 !important; margin-right:-3px; } .chart_tright,.chart_bright{ float:right; margin-left:0 !important; margin-left:-3px; } .chart_tleft{ background:url(../../images/template02/gray_tleft.gif) no-repeat; } .chart_tright{ background:url(../../images/template02/gray_tright.gif) no-repeat; } .chart_bleft{ background:url(../../images/template02/gray_bleft.gif) no-repeat; } .chart_bright{ background:url(../../images/template02/gray_bright.gif) no-repeat; } .chart_tcenter,.chart_bcenter{ height:5px; overflow:hidden; } .chart_tcenter{ background:url(../../images/template02/gray_tcenter.gif) repeat-x; } .chart_bcenter{ background:url(../../images/template02/gray_bcenter.gif) repeat-x; } .chart_middle{ width:auto !important; width:100%; padding:0 2px 0 2px; background:#F9F9F9; border-left:1px solid #E6E5E5; border-right:1px solid #E6E5E5; } .chart_main{ width:100%; padding-top:7px; overflow:hidden; position:relative; } /*** ¶ó¿îµå:end ***/ /*** chart01_round:start ***/ .chart01 .chart_tleft,.chart01 .chart_tright,.chart01 .chart_bleft,.chart01 .chart_bright{ width:12px; height:12px; overflow:hidden; } .chart01 .chart_tleft{ background:url(../../images/template02/white_tleft.gif) no-repeat; } .chart01 .chart_tright{ background:url(../../images/template02/white_tright.gif) no-repeat; } .chart01 .chart_bleft{ background:url(../../images/template02/white_bleft.gif) no-repeat; } .chart01 .chart_bright{ background:url(../../images/template02/white_bright.gif) no-repeat; } .chart01 .chart_tcenter,.chart01 .chart_bcenter{ height:12px; } .chart01 .chart_tcenter{ background:url(../../images/template02/white_tcenter.gif) repeat-x; } .chart01 .chart_bcenter{ background:url(../../images/template02/white_bcenter.gif) repeat-x; } .chart01 .chart_middle{ background:white url(../../images/template02/white_middle.gif) repeat-y; padding:0 0 0 0; border:none; } .chart01 .chart_main{ background:url(../../images/template02/white_middle.gif) repeat-y right top; padding:28px 0 0 0; } #chart_ico{ position:absolute; bottom:7px; right:14px; background:url(../../images/template02/chart_ico.gif) no-repeat; width:309px; height:11px; overflow:hidden; } #chart_ico li{ display:none; } .chart01 .chart_more{ position:absolute; top:7px; left:43px; } .chart_more li{ float:left; display:inline; margin-right:5px; } /*** chart01_round:end ***/ .chart02,.chart01,.chart_left{ text-align:center; } .chart02 img,.chart01 img{ margin:0 auto; } /*** chart03:start ***/ .chart_left,.chart_right{ float:left; width:49%; display:inline; overflow:hidden; } .chart_right li{ padding-bottom:6px; margin-top:2px; background:url(../../images/template02/bg_line1.gif) repeat-x bottom; color:#444; } .chart_right li img{ vertical-align:middle; margin-right:7px; } .chart_left img{ margin:18px auto 0 auto; } /*** chart03:end ***/ .chart_clear{ clear:both; }