/****************************************************************************/ /* Create Date : 2011-04-02 */ /* Modify Date : */ /* Version : 1.0 */ /* Description : layout CSS */ /* 수정 및 추가가 있을 경우 알려주시기 바랍니다. */ /****************************************************************************/ @charset "utf-8"; /****************************************************************************/ /* Common Navigation Layer */ /****************************************************************************/ #quick_navigation {display:none;} /****************************************************************************/ /* Main Layer */ /****************************************************************************/ #wrap {width:100%; height:100%; overflow:auto;} /*index page top */ #topInfor {width:100%; height:30px; overflow:hidden; /*border-top:3px solid #d4d3d3; border-bottom:1px solid #d4d3d3;*/} #topInfor .top {width:952px; margin:0 auto; padding-top:3px;} #topInfor .top .top_color {height:3px; width:952px; background:url('/images/gps/cmm/icon/top_color.gif') no-repeat;} #topInfor .top .sysMenu {position:absolute; idth:300px;} #topInfor .top .sysMenu ul {} #topInfor .top .sysMenu li {float:left; width:68px; height:24px; padding-right:3px; background:url('/images/gps/menu/top/top_icon_sys_on.gif') no-repeat;} #topInfor .top .sysMenu li span {float:left; padding-top:4px; padding-left:13px; font-size:12px;} #topInfor .top .account {position:relative; float:right; height:31px;} #topInfor .top .account ul {} #topInfor .top .account li {float:left; padding-right:2px;} #topInfor .top .account li.login {float:left; width:67px; height:24px; background:url('/images/gps/menu/top/top_icon_login_off.gif') no-repeat;} #topInfor .top .account li.login span {float:left; padding-top:4px; padding-left:22px; font-size:11px;} #topInfor .top .account li.logout {float:left; width:67px; height:24px; background:url('/images/gps/menu/top/top_icon_login_on.gif') no-repeat;} #topInfor .top .account li.logout span {float:left; padding-top:4px; padding-left:22px; font-size:11px;} #topInfor .top .account li.name {float:left; padding-top:3px;} #topInfor .top .account li.orgnm {float:left; padding-left:5px; padding-right:10px; padding-top:3px;} /*sub page top */ #subTopInfor {width:100%; height:42px; overflow:hidden; border-top:3px solid #d4d3d3; border-bottom:1px solid #d4d3d3;} #subTopInfor .top {margin:0 auto;} #subTopInfor .top .top_color {margin-left:5px; height:3px; background:url('/images/gps/cmm/icon/top_color.gif') no-repeat;} #subTopInfor .top .sysMenu {position:absolute; margin-left:5px; padding-top:3px; width:300px;} #subTopInfor .top .sysMenu ul {} #subTopInfor .top .sysMenu li {float:left; padding-right:3px;} #subTopInfor .top .prdctnSelect {position:absolute; padding-top:6px; width:500px;} #subTopInfor .top .prdctnSelect ul {} #subTopInfor .top .prdctnSelect li {float:left; padding-left:3px;} #subTopInfor .top .prdctnSelect li.text {font-weight:bold; padding-top:2px;} #subTopInfor .top .account {position:relative; float:right; height:31px; padding-top:3px;} #subTopInfor .top .account ul {} #subTopInfor .top .account li {float:left; padding-right:2px;} #subTopInfor .top .account li.login {float:left; width:67px; height:24px; background:url('/images/gps/menu/top/top_icon_login_off.gif') no-repeat;} #subTopInfor .top .account li.login span {float:left; padding-top:4px; padding-left:22px; font-size:11px;} #subTopInfor .top .account li.logout {float:left; width:67px; height:24px; background:url('/images/gps/menu/top/top_icon_login_on.gif') no-repeat;} #subTopInfor .top .account li.logout span {float:left; padding-top:4px; padding-left:22px; font-size:11px;} #subTopInfor .top .account li.name {float:left; padding-top:3px;} #subTopInfor .top .account li.orgnm {float:left; padding-left:5px; padding-right:10px; padding-top:3px;} #top_contents {width:952px; margin:0 auto; height:37px;} #top_contents .naralogo ul {float:left;} #top_contents .naralogo li {float:left; margin:0;} /* header content layer */ #header {width:100%; height:70px; overflow:hidden;} /* header contents layer */ #header .header_content {height:70px; width:952px; margin:0 auto;} /* content layer */ #container {_display:inline-block; width:100%;} #container:after {display:block; clear:both;content:''} #contents {width:952px; margin:0 auto;} /* contents layer */ #contents .workflow {float:left; width:952px; height:90px; background:url('/images/sps/index/im_01_bgf.gif') no-repeat;} #contents .workflow .surveyTitle {height:23px; padding-top:4px; padding-left:20px; font-size:13px; color:#ffffff; font-weight:bold;} #contents .workflow .workflowContents {float:left; padding-left:5px;} #contents .workflow .workflowContents ul {} #contents .workflow .workflowContents li {float:left; width:100px; height:63px; padding-right:5px;} #contents .workflow .workflowContents li.flow1on {background:url('/images/sps/index/im_01_01_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow1on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow1off {background:url('/images/sps/index/im_01_01_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow1off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow2on {background:url('/images/sps/index/im_01_02_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow2on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow2off {background:url('/images/sps/index/im_01_02_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow2off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow3on {background:url('/images/sps/index/im_01_03_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow3on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow3off {background:url('/images/sps/index/im_01_03_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow3off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow4on {background:url('/images/sps/index/im_01_04_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow4on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow4off {background:url('/images/sps/index/im_01_04_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow4off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow5on {background:url('/images/sps/index/im_01_05_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow5on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow5off {background:url('/images/sps/index/im_01_05_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow5off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow6on {background:url('/images/sps/index/im_01_06_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow6on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow6off {background:url('/images/sps/index/im_01_06_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow6off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow7on {background:url('/images/sps/index/im_01_07_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow7on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow7off {background:url('/images/sps/index/im_01_07_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow7off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow8on {background:url('/images/sps/index/im_01_08_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow8on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow8off {background:url('/images/sps/index/im_01_08_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow8off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.flow9on {background:url('/images/sps/index/im_01_09_on.gif') no-repeat;} #contents .workflow .workflowContents li.flow9on p {padding-top:32px; text-align:center; font-weight:bold; color:#727272;} #contents .workflow .workflowContents li.flow9off {background:url('/images/sps/index/im_01_09_off.gif') no-repeat;} #contents .workflow .workflowContents li.flow9off p {padding-top:32px; text-align:center; color:#d4d4d4;} #contents .workflow .workflowContents li.end {float:right; padding-right:0;} #contents .inner_content01 {float:left; width:952px; height:100px; margin-top:20px; margin-bottom:10px;} #contents .inner_content01 .inside_contents {float:left; width:952px; height:93px; background:url('/images/sps/index/im_list01_bg.gif') no-repeat;} /* #contents .inner_content01 .inside_contents .login_contents {float:left; width:214px; height:117px; background:url('/images/sps/index/im_login_bg.gif') no-repeat;} #contents .inner_content01 .inside_contents .login_contents .login_front {height:117px;} #contents .inner_content01 .inside_contents .login_contents .login_front fieldset {border:none; padding-top:36px; padding-left:10px;} #contents .inner_content01 .inside_contents .login_contents .login_front legend {display:none;} #contents .inner_content01 .inside_contents .login_contents .login_front ul {} #contents .inner_content01 .inside_contents .login_contents .login_front li {float:left; height:25px;} #contents .inner_content01 .inside_contents .login_contents .login_front li.id {} #contents .inner_content01 .inside_contents .login_contents .login_front li.id input.id {width:128px; height:20px; color:#9baeba; font-size:11px;} #contents .inner_content01 .inside_contents .login_contents .login_front li.check {margin-top:2px; padding-left:3px;} #contents .inner_content01 .inside_contents .login_contents .login_front li.check input.check {} #contents .inner_content01 .inside_contents .login_contents .login_front li.text {padding-top:2px; padding-left:3px;} #contents .inner_content01 .inside_contents .login_contents .login_front li.pw {} #contents .inner_content01 .inside_contents .login_contents .login_front li.pw input.pw {width:128px; height:20px; color:#9baeba; font-size:11px;} #contents .inner_content01 .inside_contents .login_contents .login_front li.btn {width:50px; height:22px; margin-left:3px; border:0;} #contents .inner_content01 .inside_contents .login_contents .login_front li.btn input.btn {width:50px; height:22px; border:0;} #contents .inner_content01 .inside_contents .login_contents .login_front .membership {height:30px;} #contents .inner_content01 .inside_contents .login_contents .login_front .membership ul {padding-top:5px;} #contents .inner_content01 .inside_contents .login_contents .login_front .membership li {float:left; padding-left:12px;} #contents .inner_content01 .inside_contents .login_contents .login_front .membership li.first {float:left; padding-left:25px;} #contents .inner_content01 .inside_contents .login_contents .login_after {height:117px;} #contents .inner_content01 .inside_contents .login_contents .login_after .login_info {border:none; padding-top:36px; padding-left:10px;} #contents .inner_content01 .inside_contents .login_contents .login_after .login_info ul {} #contents .inner_content01 .inside_contents .login_contents .login_after .login_info li {height:17px; padding-left:6px; background:url('/images/gps/cmm/icon/arrow_gray01.gif') no-repeat left 5px;} #contents .inner_content01 .inside_contents .login_contents .login_after .membership {} #contents .inner_content01 .inside_contents .login_contents .login_after .membership ul {padding-top:6px;} #contents .inner_content01 .inside_contents .login_contents .login_after .membership li {float:left; padding-left:12px;} #contents .inner_content01 .inside_contents .login_contents .login_after .membership li.first {float:left; padding-left:25px;} */ #contents .inner_content01 .inside_contents .chargeStat {float:left; width:474px; height:50px;} #contents .inner_content01 .inside_contents .chargeStat .chargeStatList {height:73px; margin-top:10px; margin-left:100px; margin-right:20px; overflow:auto;} #contents .inner_content01 .inside_contents .chargeStat .chargeStatList ul {} #contents .inner_content01 .inside_contents .chargeStat .chargeStatList li {background:url('/images/sps/index/im_list_icon01.gif') no-repeat 3px; padding-top:2px; padding-left:14px; border-bottom:1px solid #dbdbdb;} #contents .inner_content01 .inside_contents .statMeta {float:left; width:474px; height:50px;} #contents .inner_content01 .inside_contents .statMeta .metaContents {height:62px; margin-top:15px; margin-left:110px; margin-right:12px; overflow:auto;} /* #contents .inner_content02 {float:left; width:952px; height:296px; margin-top:20px; background:url('/images/sps/index/im_02_bg.gif') repeat-x;} #contents .inner_content02 .main_contents {float:left; height:296px; margin-top:58px;} #contents .inner_content02 .main_contents .planContents {float:left; margin-left:10px; margin-right:34px; width:194px; height:193px;} #contents .inner_content02 .main_contents .planContents ul {} #contents .inner_content02 .main_contents .planContents li {clear:both; background:url('/images/sps/cmm/icon/030.gif') no-repeat 3px; padding-left:23px; border-bottom:1px dotted #d6d6d6; padding-bottom:5px; padding-top:3px;} #contents .inner_content02 .main_contents .profilingContents {float:left; margin-right:35px; width:194px; height:193px;} #contents .inner_content02 .main_contents .profilingContents ul {} #contents .inner_content02 .main_contents .profilingContents li {clear:both; background:url('/images/sps/cmm/icon/023.gif') no-repeat 3px; padding-left:23px; border-bottom:1px dotted #d6d6d6; padding-bottom:5px; padding-top:3px;} #contents .inner_content02 .main_contents .processingContents {float:left; margin-right:35px; width:194px; height:193px;} #contents .inner_content02 .main_contents .processingContents ul {} #contents .inner_content02 .main_contents .processingContents li {clear:both; background:url('/images/sps/cmm/icon/026.gif') no-repeat 3px; padding-left:23px; border-bottom:1px dotted #d6d6d6; padding-bottom:5px; padding-top:3px;} #contents .inner_content02 .main_contents .transferContents {float:left; width:194px; height:193px;} #contents .inner_content02 .main_contents .transferContents ul {} #contents .inner_content02 .main_contents .transferContents li {clear:both; background:url('/images/sps/cmm/icon/014.gif') no-repeat 3px; padding-left:23px; border-bottom:1px dotted #d6d6d6; padding-bottom:5px; padding-top:3px;} */ #contents .inner_content02 {float:left; width:952px;} #contents .inner_content02 .process_contents {width:952px;} #contents .inner_content02 .process_contents ul {} #contents .inner_content02 .process_contents li {float:left; width:100px; height:61px; padding-right:5px; background:url('/images/sps/index/im_02_off.gif') no-repeat;} #contents .inner_content02 .process_contents li p {padding-top:22px; text-align:center; font-weight:bold; color:#727272;} #contents .inner_content02 .process_contents table.processbox {border-collapse:separate; border-spacing:5px;} #contents .inner_content02 .process_contents table.processbox tr {} #contents .inner_content02 .process_contents table.processbox td {width:100px; vertical-align:top;} #contents .inner_content02 .process_contents table.processbox table.process {} #contents .inner_content02 .process_contents table.processbox table.process tr {} #contents .inner_content02 .process_contents table.processbox table.process td {width:100px; height:45px; padding-bottom:5px;} #contents .inner_content02 .process_contents table.processbox table.process td.blank {} #contents .inner_content02 .process_contents table.processbox table.process td.nonactivity {padding-left:7px; padding-right:7px; vertical-align:middle; text-align:center; color:#d4d4d4; background:url('/images/sps/index/im_02_off.gif') no-repeat;} #contents .inner_content02 .process_contents table.processbox table.process td.middleactivity {padding-left:7px; padding-right:7px; vertical-align:middle; text-align:center; color:#707070; background:url('/images/sps/index/im_02_off.gif') no-repeat;} #contents .inner_content02 .process_contents table.processbox table.process td.activity {padding-left:7px; padding-right:7px; vertical-align:middle; text-align:center; font-weight:bold; color:#5a6466; background:url('/images/sps/index/im_02_on.gif') no-repeat;} /* #contents .inner_content03 {float:left; width:952px; height:150px; margin-bottom:50px;} #contents .inner_content03 .inside_contents {} #contents .inner_content03 .inside_contents .qna_contents {float:left; width:240px; height:150px; background:url('/images/sps/index/im_qna_bg.gif') no-repeat} #contents .inner_content03 .inside_contents .qna_contents ul{padding-top:106px;padding-left:18px;} #contents .inner_content03 .inside_contents .qna_contents li{float:left; padding-left:3px;} #contents .inner_content03 .inside_contents .sps_board {position:relative; float:left; margin-left:20px; width:380px; min-height:150px; background:url('/images/sps/index/im_new_bg.gif') no-repeat;} #contents .inner_content03 .inside_contents .sps_board h3 {position:absolute; top:0;} #contents .inner_content03 .inside_contents .sps_board h3.news02 {left:63px;} #contents .inner_content03 .inside_contents .sps_board .sps_notics {overflow:hidden;} #contents .inner_content03 .inside_contents .sps_board .sps_notics a img {float:right; padding-top:9px; padding-right:5px;} #contents .inner_content03 .inside_contents .sps_board .sps_notics ul {position:absolute; top:30px; width:100%;} #contents .inner_content03 .inside_contents .sps_board .sps_notics li {clear:both; overflow:auto; background:url('/images/gps/cmm/icon/dot_gray01.gif') no-repeat 3px 7px; border-bottom:1px dotted #d6d6d6; padding-left:9px;} /**+html #contents .inner_content03 .inside_contents .sps_board li {clear:both; width:100%; overflow:hidden; background:url('/images/gps/cmm/icon/dot_gray01.gif') no-repeat 3px 5px; border-bottom:1px dotted #d6d6d6; border:1px solid blue}*/ /* #contents .inner_content03 .inside_contents .sps_board .sps_notics li a {float:left; color:#555; margin-left:59px;} #contents .inner_content03 .inside_contents .sps_board .sps_notics li a:link, #contents .inner_content03 .inside_contents .sps_board div ul li a:visited, #contents .inner_content03 .inside_contents .sps_board div ul li a:active {color:#555; margin-left:9px;} #contents .inner_content03 .inside_contents .sps_board .sps_notics li a:hover {color:#2271c1; margin-left:9px;} #contents .inner_content03 .inside_contents .sps_board .sps_notics li span {float:right; color:#6079A8; font:normal 11px Arial, sans-serif;} */ /* #contents .inner_content03 .inside_contents .manual_contents {float:left; margin-left:20px; width:240px; height:150px; background:url('/images/sps/index/im_manual_bg.gif') no-repeat;} #contents .inner_content03 .inside_contents .manual_contents ul {padding-top:50px;} #contents .inner_content03 .inside_contents .manual_contents li {float:left; padding-left:1px;} */ #contents .inner_content03 .inside_contents {float:left; width:952px; height:122px; background:url('/images/sps/index/im_list02_bg.gif') no-repeat;} #contents .inner_content03 .inside_contents .menuComment {float:left; width:474px; height:119px;} #contents .inner_content03 .inside_contents .menuComment .menuTitle {height:23px; width:454px; padding-top:5px; padding-left:20px; font-size:12px; color:#000000;} #contents .inner_content03 .inside_contents .menuComment .comment {height:64px; margin-top:12px; margin-left:15px; margin-right:15px; overflow:auto;} #contents .inner_content03 .inside_contents .menuComment .comment ul {} #contents .inner_content03 .inside_contents .menuComment .comment li {overflow:auto; padding-top:5px; padding-left:10px; background:url('/images/gps/cmm/icon/dot_gray01.gif') no-repeat 2px 12px; border-bottom:1px dotted #d6d6d6;} #contents .inner_content03 .inside_contents .menuComment .comment li span {float:right; color:#6079A8; font:normal 11px Arial, sans-serif;} #contents .inner_content03 .inside_contents .newestMenu {float:left; width:474px; height:119px; padding-left:4px;} #contents .inner_content03 .inside_contents .newestMenu .newestTitle {height:23px; width:454px; padding-top:5px; padding-left:20px; font-size:12px; color:#000000;} #contents .inner_content03 .inside_contents .newestMenu .menuContents {height:82px; margin-top:3px; margin-left:5px; margin-right:5px; overflow:auto;} #contents .inner_content03 .inside_contents .newestMenu .menuContents ul {} #contents .inner_content03 .inside_contents .newestMenu .menuContents li {clear:both; background:url('/images/sps/cmm/icon/030.gif') no-repeat 3px; padding-left:23px; border-bottom:1px dotted #d6d6d6; padding-bottom:5px; padding-top:3px;} /********************************************************************************/ /* BSM INdex layer */ /********************************************************************************/ /* BSM index layer */ .bsmIndexContents {clear:both; background:url('/images/sps/sds/bsm/index/001.gif') repeat; height:80px; text-align:center;} #contents .bsmInnerContents {clear:both; float:left; width:950px; height:550px; background:url('/images/sps/sds/bsm/index/010.gif') repeat-y;} #contents .bsmInnerContents .innerLeftContents {width:250px; float:left;} #contents .bsmInnerContents .innerLeftContents .insideContents01 {padding-top:80px; padding-left:25px; width:200px;} #contents .bsmInnerContents .innerLeftContents .insideContents01 ul {} #contents .bsmInnerContents .innerLeftContents .insideContents01 li {white-space:pre-line; text-align:center;} #contents .bsmInnerContents .innerLeftContents .insideContents01 li.title {cursor:pointer;} #contents .bsmInnerContents .innerLeftContents .insideContents01 li.comment {padding-top:10px;} #contents .bsmInnerContents .innerLeftContents .insideContents01 li.img {padding-top:10px; padding-bottom:10px;} #contents .bsmInnerContents .innerLeftContents .insideContents02 {clear:both; width:200px;} #contents .bsmInnerContents .innerLeftContents .insideContents02 {float:left; width:200px; height:119px;} #contents .bsmInnerContents .innerLeftContents .insideContents02 .menuTitle {height:23px; width:200px; padding-top:5px; padding-left:20px; font-size:12px; color:#000000;} #contents .bsmInnerContents .innerLeftContents .insideContents02 .comment {height:100%; width:200px; margin-top:12px; margin-left:15px; margin-right:15px; overflow:auto;} #contents .bsmInnerContents .innerLeftContents .insideContents02 .comment ul {} #contents .bsmInnerContents .innerLeftContents .insideContents02 .comment li {overflow:auto; padding-top:5px; padding-left:10px; background:url('/images/gps/cmm/icon/dot_gray01.gif') no-repeat 2px 12px; border-bottom:1px dotted #d6d6d6;} #contents .bsmInnerContents .innerLeftContents .insideContents02 .comment li span {float:right; color:#6079A8; font:normal 11px Arial, sans-serif; display:none;} #contents .bsmInnerContents .innerCenterContents {width:450px; height:550px; float:left; background:url('/images/sps/sds/bsm/index/007.gif') repeat;} #contents .bsmInnerContents .innerCenterContents .insideContents01 {clear:both; padding-top:80px; width:450px;} #contents .bsmInnerContents .innerCenterContents .insideContents01 ul {} #contents .bsmInnerContents .innerCenterContents .insideContents01 li {text-align:center;} #contents .bsmInnerContents .innerCenterContents .insideContents01 span.img {padding-left:10px; cursor:pointer;} #contents .bsmInnerContents .innerCenterContents .insideContents02 {clear:both; width:450px;} #contents .bsmInnerContents .innerCenterContents .insideContents02 ul {} #contents .bsmInnerContents .innerCenterContents .insideContents02 li {white-space:pre-line; text-align:center;} #contents .bsmInnerContents .innerCenterContents .insideContents02 li.comment {padding-top:10px;} #contents .bsmInnerContents .innerCenterContents .insideContents02 li.img {padding-top:10px; padding-bottom:10px;} #contents .bsmInnerContents .innerCenterContents .insideContents03 {clear:both; width:450px; } #contents .bsmInnerContents .innerCenterContents .insideContents03 table.inner_subject {clear:both; width:370px; margin-left:40px;} #contents .bsmInnerContents .innerCenterContents .insideContents03 table.inner_subject td.page_title {font-weight:bold; text-align:right; } #contents .bsmInnerContents .innerCenterContents .insideContents03 table.inner_content {clear:both; border:1px solid #88AECD; width:370px; } #contents .bsmInnerContents .innerCenterContents .insideContents03 table.inner_content th {background:url('/images/sps/sds/bsm/index/011.gif') repeat; text-align:center; font-size:16px; font-weight:bold; line-height:18px; color:#26282A; } #contents .bsmInnerContents .innerCenterContents .insideContents03 table.inner_content th.subject {padding-top:10px; padding-bottom:10px; padding-left:10px; border:1px solid #88AECD;} #contents .bsmInnerContents .innerCenterContents .insideContents03 table.inner_content td {background-color:#FFFFFF; line-height: 18px; text-align:center; border:1px solid #88AECD;} #contents .bsmInnerContents .innerCenterContents .insideContents03 table.inner_content td.text {font-size: 18px; color: #155181; font-weight: bold; padding-top:10px; padding-bottom:10px; padding-left:10px;} #contents .bsmInnerContents .innerRightContents {width:250px; float:left;} #contents .bsmInnerContents .innerRightContents .insideContents01 {padding-top:80px; padding-left:25px; width:200px;} #contents .bsmInnerContents .innerRightContents .insideContents01 ul {} #contents .bsmInnerContents .innerRightContents .insideContents01 li {white-space:pre-line; text-align:center;} #contents .bsmInnerContents .innerRightContents .insideContents01 li.title {cursor:pointer;} #contents .bsmInnerContents .innerRightContents .insideContents01 li.comment {padding-top:10px;} #contents .bsmInnerContents .innerRightContents .insideContents01 li.img {padding-top:10px; padding-bottom:10px;} #contents .bsmInnerContents .innerRightContents .insideContents02 {clear:both; width:200px;} #contents .bsmInnerContents .innerRightContents .insideContents02 {float:left; width:200px; height:119px;} #contents .bsmInnerContents .innerRightContents .insideContents02 .menuTitle {height:23px; width:200px; padding-top:5px; padding-left:20px; font-size:12px; color:#000000;} #contents .bsmInnerContents .innerRightContents .insideContents02 .comment {height:100%; width:200px; margin-top:12px; margin-left:15px; margin-right:15px; overflow:auto;} #contents .bsmInnerContents .innerRightContents .insideContents02 .comment li {overflow:auto; padding-top:5px; padding-left:10px; background:url('/images/gps/cmm/icon/dot_gray01.gif') no-repeat 2px 12px; border-bottom:1px dotted #d6d6d6;} #contents .bsmInnerContents .innerRightContents .insideContents02 .comment li span {float:right; color:#6079A8; font:normal 11px Arial, sans-serif; display:none;} /********************************************************************************/ /* Footer layer */ /********************************************************************************/ /* index footer layer */ #footer {width:100%; overflow:hidden; background:url('/images/gps/bottom/bottom_bg.gif') repeat-x; overflow:hidden;} /* footer content layer */ #footer .footerContents {position:relative; height:95px; width:950px; margin:0 auto;} #footer .footerContents .footerMenu {float:left; padding-top:5px; height:30px; width:400px;} #footer .footerContents .footerMenu ul {line-height:120%;} #footer .footerContents .footerMenu li {height:16px; float:left; background:url('/images/gps/bottom/bottom_manu_bar.gif') no-repeat 0 6px; padding-top:6px; padding-left:30px;} #footer .footerContents .footerMenu li.first {padding-left:0;} #footer .footerContents .footerMenu li.last {} #footer .footerContents .footerMenu li.copyright {background:0 none; padding-top:30px; padding-left:0;} #footer .footerContents .footerLogo {float:right; padding-top:35px;} #footer .footerContents .footerLogo ul {} #footer .footerContents .footerLogo li {float:left;} /* subpage footer layer */ #subpageFooter {width:100%; overflow:hidden; background:url('/images/gps/bottom/bottom_sps_sub_bg.gif') repeat-x; overflow:hidden;} /* subpagefooter content layer */ #subpageFooter .footerContents {position:relative; height:70px; margin-top:4px; margin-left:5px;} #subpageFooter .footerContents .footerMenu {float:left; width:420px;} #subpageFooter .footerContents .footerMenu ul {} #subpageFooter .footerContents .footerMenu li {float:left; padding-top:6px; padding-right:10px;} #subpageFooter .footerContents .footerMenu li.last {background:0 none;} #subpageFooter .footerContents .footerMenu li.copyright {background:0 none;} #subpageFooter .footerContents .footerLogo {float:right;} #subpageFooter .footerContents .footerLogo ul {} #subpageFooter .footerContents .footerLogo li {float:left; padding-top:6px;} /****************************************************************************/ /* Page Body */ /****************************************************************************/ .contents_area {padding:2px;} .inner_contents {width:100%;} .content_subject {height:25px; border:1px solid #e9e9e9; background-color:#fafafa;} .content_subject h3 {padding:3px 0 0 5px; font-family:Dotum; font-size:12px; font-weight:bold;} .inside_contents {margin-top:2px;} .call_contents {border-right:1px solid #e9e9e9; border-left:1px solid #e9e9e9;} /****************************************************************************/ /* 페이지 Layer */ /****************************************************************************/ .ui-layout-pane {border:0; padding:0; overflow:auto;} .ui-layout-north {clear:both; width:100%; height:70px; overflow:hidden; background:url('/images/sps/cmm/top_im_bg.gif') repeat-x;} .ui-layout-north-meta {clear:both; width:100%; height:36px; overflow:hidden; background:url('/images/sps/cmm/top_im_bg.gif') repeat-x;} /* contents Area */ .ui-layout-content {height:100%;} /* Center Contents Area */ .center_contents_area {height:100%;} /* Center Contents Area Title */ .center_contents_area .page_subject {clear:both; float:left; width:100%; height:30px; background:url('/images/sps/cmm/title_im_bg.gif') repeat-x;} /*.center_contents_area .page_subject {clear:both; float:left; width:100%; height:29px; border:1px solid #d6d6d6; background-color:#f7f7f7;}*/ .center_contents_area .page_subject .page_title {margin-left:5px; clear:both; float:left; padding-top:5px; padding-left:21px; color:#395cac; font-weight:bold; background:url('/images/sps/cmm/icon/icon_01.gif') no-repeat 2px 7px;} /* Center Contents Area Title Text */ .center_contents_area .page_subject .page_title span {padding-left:5px; color:#ffffff; font-weight:bold; font-family:Dotum; font-size:14px;} .center_contents_area .page_subject .frmctl {float:right; padding-top:7px; padding-right:5px;} .center_contents_area .page_subject .frmctl ul.frmclt_btn {clear:both; float:left;} .center_contents_area .page_subject .frmctl ul.frmclt_btn li {float:left; padding-left:2px;} .center_contents_area .page_subject .stblSelctl {float:right; padding-right:5px;padding-top:4px;} .center_contents_area .page_subject .stblSelctl span {clear:both;color:#395cac;font-weight:bold;padding-right:0px;margin-top:0px;text-align:center;} /* Center Contents Area Inner Contents */ .center_contents_area .center_inner_contents {width:100%; padding-bottom:2px;} .center_contents_area .center_inner_contents table.inner_subject {clear:both; float:left; margin-top:3px; width:100%; height:30px; /*background:url('/images/sps/cmm/title_im_bg2.gif') repeat-x; border-left:1px solid #9ba7a7; border-right:1px solid #9ba7a7; background:#e3e7ec; border:1px solid #9ba7a7;*/} .center_contents_area .center_inner_contents table.inner_subject td {} .center_contents_area .center_inner_contents table.inner_subject td.page_title {margin-left:5px; clear:both; float:left; padding-top:6px; padding-left:21px; color:#395cac; font-weight:bold; background:url('/images/sps/cmm/icon/029.gif') no-repeat 1px 7px;} .center_contents_area .center_inner_work_contents {position:relative; overflow:auto;} .ui-layout-south {height:50px; overflow:hidden; background:url('/images/sps/cmm/icon/south_bg.gif') repeat-x;} .ui-login {height:35px; background:url('/images/sps/cmm/login_im_bg.gif') repeat-x; overflow:hidden;} .ui-login ul {height:20px;} .ui-login li {float:left; color:#dbdbdb; font-weight:bold; padding-top:8px; padding-left:10px;} .ui-login li.btn {float:right; padding-top:7px; padding-right:5px;} .ui-layout-west {height:100%; padding:0; overflow:auto;} /* East Contents Area */ .navigation {} .navigation ul {} .navigation li {height:29px; margin-bottom:-3px;} .navigation li.step1F {background:url('/images/sps/menu/left/menu_01.gif') repeat-x; padding-bottom:4px;} .navigation li.step1F a {color:#ffffff; font-weight:bold;} .navigation li.step1F p {padding-left:16px; padding-top:6px; background:url('/images/sps/menu/left/menu_01_icon.png') no-repeat 2px 7px;} .navigation li.step1H {background:url('/images/sps/menu/left/menu_01.gif') repeat-x;} .navigation li.step1H a {color:#ffffff; font-weight:bold;} .navigation li.step1H p {padding-left:16px; padding-top:6px; background:url('/images/sps/menu/left/menu_01_icon.png') no-repeat 2px 7px;} .navigation li.step1FOn {background:url('/images/sps/menu/left/menu_01.gif') repeat-x;} .navigation li.step1FOn a {color:#ffffff; font-weight:bold;} .navigation li.step1FOn p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_01_icon_on.png') no-repeat 2px 7px;} .navigation li.step1HOn {background:url('/images/sps/menu/left/menu_01.gif') repeat-x;} .navigation li.step1HOn a {color:#ffffff; font-weight:bold;} .navigation li.step1HOn p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_01_icon_on.png') no-repeat 2px 7px;} .navigation li.step2F {background:url('/images/sps/menu/left/menu_02.gif') repeat-x;} .navigation li.step2F a {color:#395cac; font-weight:bold;} .navigation li.step2F p {padding-left:26px; padding-top:5px; background:url('/images/sps/menu/left/menu_02_icon.png') no-repeat 12px 6px;} .navigation li.step2H {background:url('/images/sps/menu/left/menu_02.gif') repeat-x;} .navigation li.step2H a {color:#395cac; font-weight:bold;} .navigation li.step2H p {padding-left:26px; padding-top:5px; background:url('/images/sps/menu/left/menu_02_icon.png') no-repeat 12px 6px;} .navigation li.step2FOn {background:url('/images/sps/menu/left/menu_02.gif') repeat-x;} .navigation li.step2FOn a {color:#395cac; font-weight:bold;} .navigation li.step2FOn p {padding-left:26px; padding-top:5px; background:url('/images/sps/menu/left/menu_02_icon_on.png') no-repeat 12px 6px;} .navigation li.step2HOn {background:url('/images/sps/menu/left/menu_02.gif') repeat-x;} .navigation li.step2HOn a {color:#395cac; font-weight:bold;} .navigation li.step2HOn p {padding-left:26px; padding-top:5px; background:url('/images/sps/menu/left/menu_02_icon_on.png') no-repeat 12px 6px;} .navigation li.step3F {border-bottom:1px solid #eaeaea;} .navigation li.step3F a {color:#195f8a;} .navigation li.step3F p {padding-left:32px; padding-top:5px; background:url('/images/sps/menu/left/menu_03_icon.png') no-repeat 20px 7px;} .navigation li.step3H {border-bottom:1px solid #eaeaea;} .navigation li.step3H a {color:#195f8a;} .navigation li.step3H p {padding-left:32px; padding-top:5px; background:url('/images/sps/menu/left/menu_03_icon.png') no-repeat 20px 7px;} .navigation li.step3FOn {border-bottom:1px solid #eaeaea;} .navigation li.step3FOn a {color:#395cac; font-weight:bold;} .navigation li.step3FOn p {padding-left:32px; padding-top:5px; background:url('/images/sps/menu/left/menu_03_icon_on.png') no-repeat 20px 7px;} .navigation li.step3HOn {border-bottom:1px solid #eaeaea;} .navigation li.step3HOn a {color:#395cac; font-weight:bold;} .navigation li.step3HOn p {padding-left:32px; padding-top:5px; background:url('/images/sps/menu/left/menu_03_icon_on.png') no-repeat 20px 7px;} .navigation li.step4F {border-bottom:1px solid #eaeaea;} .navigation li.step4F a {color:#60879d;} .navigation li.step4F p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_04_icon.png') no-repeat 2px 7px;} .navigation li.step4H {border-bottom:1px solid #eaeaea;} .navigation li.step4H a {color:#60879d;} .navigation li.step4H p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_04_icon.png') no-repeat 2px 7px;} .navigation li.step4FOn {border-bottom:1px solid #eaeaea;} .navigation li.step4FOn a {color:#60879d; font-weight:bold;} .navigation li.step4FOn p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_04_icon_on.png') no-repeat 2px 7px;} .navigation li.step4HOn {border-bottom:1px solid #eaeaea;} .navigation li.step4HOn a {color:#60879d; font-weight:bold;} .navigation li.step4HOn p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_04_icon_on.png') no-repeat 2px 7px;} .navigation li.step5F {border-bottom:1px solid #eaeaea;} .navigation li.step5F a {color:#898989;} .navigation li.step5F p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_05_icon.png') no-repeat 2px 7px;} .navigation li.step5H {border-bottom:1px solid #eaeaea;} .navigation li.step5H a {color:#898989;} .navigation li.step5H p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_05_icon.png') no-repeat 2px 7px;} .navigation li.step5FOn {border-bottom:1px solid #eaeaea;} .navigation li.step5FOn a {color:#898989; font-weight:bold;} .navigation li.step5FOn p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_05_icon_on.png') no-repeat 2px 7px;} .navigation li.step5HOn {border-bottom:1px solid #eaeaea;} .navigation li.step5HOn a {color:#898989;} .navigation li.step5HOn p {padding-left:16px; padding-top:5px; background:url('/images/sps/menu/left/menu_05_icon_on.png') no-repeat 2px 7px;} /* .navigation {} .navigation ul {} .navigation li {height:29px;} .navigation li.step1F {background:url('/images/sps/menu/left/menu_01.gif') repeat-x;} .navigation li.step1F a {color:#ffffff; padding-top:3px; font-weight:bold;} .navigation li.step1H {background:url('/images/sps/menu/left/menu_01.gif') repeat-x;} .navigation li.step1H a {color:#ffffff; padding-top:3px; font-weight:bold;} .navigation li.step2F {} .navigation li.step2H {background:url('/images/sps/menu/left/menu_02.gif') repeat-x;} .navigation li.step3F {background:url('/images/sps/menu/left/menu_03.gif') repeat-x;} .navigation li.step3H {background:url('/images/sps/menu/left/menu_03.gif') repeat-x;} .navigation li.step4F {background:url('/images/sps/menu/left/menu_04.gif') repeat-x;} .navigation li.step4H {background:url('/images/sps/menu/left/menu_04.gif') repeat-x;} .navigation li.step5F {background:url('/images/sps/menu/left/menu_05.gif') repeat-x;} .navigation li.step5H {background:url('/images/sps/menu/left/menu_05.gif') repeat-x;} */ .ui-layout-east {width:200px; height:100%; overflow:auto; padding:0; background:url('/images/sps/cmm/icon/044.gif') repeat-y;} /* East Contents Area */ .east_contents_area {padding:0; overflow:hidden; margin-left:4px;} /* East Contents Area Title */ .east_contents_area .page_subject {clear:both; float:left; width:100%; height:29px; background:#5c9ccc url('/images/sps/cmm/icon/043.png') 50% 50% repeat-x;} .east_contents_area .page_subject .page_title {clear:both; float:left; padding-top:5px; padding-left:19px; color:#ffffff; font-weight:bold; background:url('/images/sps/cmm/icon/026.gif') no-repeat 1px 6px;} /* East Contents Area Title Text */ .east_contents_area .page_subject .page_title span {padding-left:5px; color:#ffffff; font-weight:bold; font-family:Dotum; font-size:14px;} /* East Contents Area Inner Contents */ .east_contents_area .east_inner_contents {position:relative; width:100%; padding-bottom:2px;} .east_contents_area .east_inner_work_contents {position:relative; overflow:auto;} .ui-layout-resizer {background:#0c5eaa; border:1px solid #BBB; border-width:0;} .ui-layout-resizer-drag {} .ui-layout-resizer-hover {} .ui-layout-resizer-open-hover, .ui-layout-resizer-dragging {background: #0c5eaa;} .ui-layout-resizer-dragging {border-left:1px solid #BBB; border-right: 1px solid #BBB;} .ui-layout-resizer-dragging-limit {background: #E1A4A4;} .ui-layout-resizer-closed-hover {background: #EBD5AA;} .ui-layout-resizer-sliding {opacity:.10; filter:alpha(opacity=10);} .ui-layout-resizer-sliding-hover {opacity:1.00; filter: alpha(opacity=100);} .ui-layout-resizer-north-sliding-hover {border-bottom-width:1px;} .ui-layout-resizer-south-sliding-hover {border-top-width:1px;} .ui-layout-resizer-west-sliding-hover {border-right-width:1px;} .ui-layout-resizer-east-sliding-hover {border-left-width:1px;} .ui-layout-toggler {border:1px solid #c2d2e9; background-color:#c2d2e9;} .ui-layout-resizer-hover .ui-layout-toggler {opacity:.60; filter: alpha(opacity=60);} .ui-layout-toggler-hover, .ui-layout-resizer-hover .ui-layout-toggler-hover {background-color:#c2d2e9; opacity:1.00; filter: alpha(opacity=100);} .ui-layout-toggler-north, .ui-layout-toggler-south {border-width:0 1px;} .ui-layout-toggler-west, .ui-layout-toggler-east {border-width:1px 0;} .ui-layout-resizer-sliding ui-layout-toggler {display:none;} .ui-layout-toggler .content {color:#666; font-size:12px; font-weight:bold; width:100%; padding-bottom:0.35ex;} /*.bsm_tree {} .bsm_tree .page_subject {clear:both; float:left; width:100%; height:29px; background:#5c9ccc url('/images/sps/cmm/icon/043.png') 50% 50% repeat-x;} .bsm_tree .page_subject .tree_title {clear:both; width:100%; padding-top:5px; padding-left:19px; color:#ffffff; font-weight:bold; background:url('/images/sps/cmm/icon/026.gif') no-repeat 1px 6px;} .bsm_tree .page_subject .tree_contents {width:100%; height:100%; overflow:auto; padding:0;} */ .bsm_tree {clear:both; width:100%;} /*.bsm_tree .page_subject {clear:both; float:left; width:100%; height:30px; background:url('/images/sps/cmm/title_im_bg.gif') repeat-x;} */ .bsm_tree .page_subject {clear:both; float:left; height:30px; background:url('/images/sps/cmm/title_im_bg.gif') repeat-x;} .bsm_tree .page_subject .tree_title {margin-left:5px; clear:both; float:left; padding-top:5px; padding-left:21px; color:#5c9ccc; font-weight:bold; background:url('/images/sps/cmm/icon/icon_01.gif') no-repeat 2px 7px;} .bsm_tree .page_subject .tree_contents {padding-left:5px; color:#ffffff; font-weight:bold; font-family:Dotum; font-size:14px;} /********************************************************************************/ /* 생산왼쪽 트리 */ /********************************************************************************/ ul.gpstree {list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:1px; margin-right:10px;} ul.gpstree li {background-position:0 -176px; padding-left:20px;} span.folder {background:url('/images/sps/tree/folder.gif') no-repeat; padding-left:20px;} span.file {background:url('/images/sps/tree/file.gif') no-repeat; padding-left:18px;} img.icon {padding-left:1px; height:12px;} /******************************************************************************/ /* 생산왼쪽 트리 (집계) */ /******************************************************************************/ ul.gpstree2 {list-style-image:none; list-style-position:outside; margin-right:10px; width:100%;} ul.gpstree li {background-position:0 -176px; padding-left:20px;} span.folder {background: url(/images/gps/adm/tree/folder.gif) no-repeat; padding-left:18px; white-space: nowrap; } span.file {background: url(/images/gps/adm/tree/file.gif) no-repeat; padding-left:18px;} .treeview, .treeview ul {padding:0; margin:0; list-style:none; white-space: nowrap;} .treeview ul {background-color:#ffffff; margin-top:4px;} .expandable-hitarea{background:url(/images/gps/adm/tree/icon_folder_plus.gif) no-repeat;} .collapsable-hitarea{background:url(/images/gps/adm/tree/icon_folder_minus.gif) no-repeat;} .treeview .hitarea {height:16px; width:16px; margin-left:-10px; margin-top:4px; float:left; cursor:pointer;} /* fix for IE6 */ * html .hitarea {display:inline; float:none;} .treeview li { margin: 0; padding: 0px 0pt 2px 10px;} .treeview a.selected {background-color:#eee;} #treecontrol {margin:1em 0; display:none;} /********************************************************************************/ /* Tab Menu */ /********************************************************************************/ .tab {position:relative; width:100%; margin-top:4px; margin-left:5px;} .tab .btnr {position:absolute; right:0; top:0; margin:0;} .tab li {float:left; margin-right:2px; padding:0; background:url('/images/sps/cmm/bg_tab_left.gif') no-repeat;} .tab li img {border:0 none} .tab li p {display:inline-block; _display:inline; padding:0; background:url('/images/sps/cmm/bg_tab_right.gif') no-repeat right top; vertical-align:top;} .tab li p a {display:inline-block; margin:0; padding-top:9px; padding-left:20px; padding-bottom:5px; padding-right:20px; text-decoration:none;} .tab li.on {background:url('/images/sps/cmm/bg_tab_left_on.gif') no-repeat;} .tab li.on p a {background:url('/images/sps/cmm/bg_tab_right_on.gif') no-repeat right top; color:#ffffff; text-decoration:none; font-weight:bold;} .sub {width:100%; height:20px; padding-top:3px;} .sub ul {margin-top:4px; margin-left:5px;} .sub li {float:left; background:url('/images/sps/cmm/icon/menu_bar.gif') no-repeat 0 3px; padding-right:7px; padding-left:7px;} .sub li.on a {color:#4D71A8; font-weight:bold;} .sub li.on a:link {color:#4D71A8; font-weight:bold;} .sub li.on a:hover {color:#4D71A8; font-weight:bold;} .sub li a {*display:block;} .sub li#first {margin:0; background:0 none;} .subtab {position:relative; width:100%; height:30px; background:url('/images/sps/cmm/subtop_im_bg.gif') repeat-x;} .subtab ul {margin-top:4px; margin-left:5px;} .subtab li {float:left; padding-right:7px;} .tab01 {padding:5px 0 0 0;} .tab01 ul {position:relative; margin:0; padding:0; list-style:none; border-bottom:1px solid #e9e9e9; font-family:Dotum; font-size:12px; *zoom:1;} .tab01 ul:after {content:""; display:block; clear:both;} .tab01 li {float:left; margin-bottom:-1px;} .tab01 li a {position:relative; float:left; text-decoration:none; border:1px solid #e9e9e9; border-bottom-color:#e9e9e9; background-color:#fafafa; color:#666;} .tab01 li a:hover {color:#2390ff;} .tab01 li a span {display:inline-block; padding:6px 25px 6px 25px; letter-spacing:-1px; cursor:pointer;} .tab01 li ul {display:none; width:100%; position:absolute; top:40px; left:0; list-style:none; border:0; margin:0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1;} .tab01 li ul:after {content:""; display:block; clear:both;} .tab01 li li {position:relative; left:-1px; padding:0 10px; border-left:1px solid #ddd; overflow:visible;} .tab01 li li a {padding:0; margin:0; border:0 !important; color:#666; font-weight:normal; background-color:transparent; letter-spacing:normal;} .tab01 li.on a {border:1px solid #e9e9e9; border-bottom:1px solid #fff; margin-top:-1px; background-color:transparent; color:#66a3d3;} .tab01 li.on a:hover {color:#2390ff;} .tab01 li.on a span {padding-top:7px; font-weight:bold;} /********************************************************************************/ /* Popup Layer */ /********************************************************************************/ .popup_contents {clear:both; width:100%;} /* Center Contents Area Title */ .popup_contents .page_subject {clear:both; float:left; width:100%; height:30px; background:url('/images/sps/cmm/title_im_bg.gif') repeat-x;} /*.center_contents_area .page_subject {clear:both; float:left; width:100%; height:29px; border:1px solid #d6d6d6; background-color:#f7f7f7;}*/ .popup_contents .page_subject .page_title {margin-left:5px; clear:both; float:left; padding-top:5px; padding-left:21px; color:#5c9ccc; font-weight:bold; background:url('/images/sps/cmm/icon/icon_01.gif') no-repeat 2px 7px;} /* Center Contents Area Title Text */ .popup_contents .page_subject .page_title span {padding-left:5px; color:#ffffff; font-weight:bold; font-family:Dotum; font-size:14px;} .popup_contents .page_subject .frmctl {float:right; padding-top:7px; padding-right:5px;} .popup_contents .page_subject .frmctl ul.frmclt_btn {clear:both; float:left;} .popup_contents .page_subject .frmctl ul.frmclt_btn li {float:left; padding-left:5px;} .popupTabGridArea {clear:both; width:100%;} .innerContents {} .innerContents .buttonarea {height:22px; padding-top:2px; padding-bottom:2px;} .innerContents .insideContents {} /* 팝업에서 사용하는 중간 타이틀 테이블 */ .innerContents .insideContents table.inner_subject {clear:both; float:left; margin-top:3px; width:100%; height:30px; /*background:url('/images/sps/cmm/title_im_bg2.gif') repeat-x; border-left:1px solid #9ba7a7; border-right:1px solid #9ba7a7; background:#e3e7ec; border:1px solid #9ba7a7;*/} .innerContents .insideContents table.inner_subject td {} .innerContents .insideContents table.inner_subject td.page_title {margin-left:5px; clear:both; float:left; padding-top:6px; padding-left:21px; color:#395cac; font-weight:bold; background:url('/images/sps/cmm/icon/029.gif') no-repeat 1px 7px;} /*팝업 위쪽 오른쪽 버튼*/ .popup_contents .trbuttonarea {padding-right:2px;} /*팝업 위쪽 왼쪽 버튼*/ .popup_contents .tlbuttonarea {padding-left:2px;} /*팝업 아래쪽 왼쪽 버튼*/ .popup_contents .brbuttonarea {padding-right:2px;} /*팝업 아래쪽 왼쪽 버튼*/ .popup_contents .blbuttonarea {padding-left:2px;} /********************************************************************************/ /* 컨텐츠서브타이틀 */ /********************************************************************************/ .subFolder {clear:both; background:url(/images/gps/cmm/icon/folder_bg.gif) no-repeat left top; height:27px; margin:10px 0; position:relative;} .subFolder h2 {float:left; font-size:13px; background:url(/images/gps/cmm/icon/folder_icon.gif) no-repeat 7px 2px; padding:0 5px 0 15px; color:#222; font-weight:bold; margin:4px 0 0 0; vertical-align:middle; text-decoration:none;} .subFolder img {float:right; vertical-align:middle; padding:5px 5px 0 0;} table.subFolder01 {width:100%; margin-top:5px; margin-bottom:5px;} table.subFolder01 td {height:27px; background:url(/images/gps/title/subtitle02.gif) repeat-x;} table.subFolder01 td.left {width:17px; background:url(/images/gps/title/subtitle01.gif) no-repeat left;} table.subFolder01 td.titleText {font-size:13px; color:#222222; font-weight:bold;} table.subFolder01 td.btnClose {text-align:right;} table.subFolder01 td.btnClose table.innerTable {float:right; text-align:right;} table.subFolder01 td.btnClose table.innerTable td {padding-left:2px;} table.subFolder01 td.right {width:5px; background:url(/images/gps/title/subtitle03.gif) no-repeat right;} /********************************************************************************/ /* 보고통계서브타이틀 */ /********************************************************************************/ .bsmSubpageTitle {float:left; padding-top:16px; padding-left:25px; padding-right:5px; padding-bottom:15px; background:url('/images/gps/title/subpageTextTtitle01.png') no-repeat 5px;} .bsmSubpageTitle h3 {color:#505050; font-weight:bold; font-family:Dotum; font-size:18px;} #subpagebody_contents {clear:both; position:relative; width:905px; overflow:hidden; margin-bottom:30px; margin-left:5px;}