/* MAIN */
.mainWrap1 { overflow:hidden; width:100%; height:270px }
#myWoklist { float:left; width:520px }
#mainGuide { float:left; width:415px; padding:0 0 0 25px }

/* MAIN : bbs */
#bbs { position:relative; padding:40px 0 0 0; width:520px; height:182px }
#bbs .maintab { position:absolute; top:0; left:0; overflow:hidden; width:520px; background:url(/static/image/main/bg_tab_gray.gif) repeat-x 0 0 }
#bbs .maintab h4 { top:0; width:100%; height:29px; padding:0; background:none }
#bbs .maintab h4.tabtit1 { left:0 }
#bbs .maintab h4.tabtit2 { left:65px }
#bbs .maintab h4.tabtit3 { left:165px }
#bbs .maintab h4.tabtit4 { left:236px }
#bbs .maintab h4.tabtit5 { left:294px }
#bbs .maintab h4.tabtit6 { left:356px }
#bbs .maintab h4.tabtit7 { left:414px }
#bbs .maintab .main_board1 { padding:28px 0 0 0; width:520px }
#bbs .btn_next { position:absolute; top:10px; right:7px;  font-size:2.0em }
#bbs .btn_next a { color:#0f3c74 }
#bbs .btn_next a:hover,
#bbs .btn_next a:active,
#bbs .btn_next a:focus{ color:#0f3c74; text-decoration:none }

/* MAIN : mainGuide */
#mainGuideWrap { position:relative; margin:0; width:410px; height:210px }
#mainGuideWrap .maintab { position:absolute; top:0; left:7px; overflow:hidden; width:402px; background:url(/static/image/main/bg_mainGuideWrap.gif) repeat-x 0 3px }
#mainGuideWrap .maintab h4 { top:0; width:100%; height:25px; padding:0; background:none }
#mainGuideWrap .maintab h4.tabtit1 { left:0 }
#mainGuideWrap .maintab h4.tabtit2 { left:77px }
#mainGuideWrap .maintab h4.tabtit3 { left:139px }
#mainGuideWrap .maintab .main_board1 { padding:25px 0 0 0; width:520px }
#mainGuideWrap .securityGuide { position:relative; overflow:hidden; width:400px; height:155px; margin:24px 0 0 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc }

.guide1_serviceDesk { float:left; width:47%; margin:12px 0 0 0; padding:0 10px; border-right:1px solid #ccc; background:url(/static/image/main/bg_guide_serviceDesk.gif) no-repeat 85% 35px }
.guide1_serviceDesk h5 { padding:5px 0 6px 5px; border-bottom:1px solid #ccc }
.guide1_serviceDesk p { padding:10px 0 0 5px }
.guide1_serviceDesk ul { overflow:hidden; padding:16px 0 0 3px }
.guide1_serviceDesk li { float:left; padding:0 2px }

.guide2_securityExam { float:left; width:43%; padding:0 0 0 10px; background:url(/static/image/main/bg_guide_securityExam.gif) no-repeat 105px 58px }
.guide2_securityExam h5 { padding:17px 0 5px 5px; border-bottom:1px solid #ccc }
.guide2_securityExam p { padding:10px 0 0 5px }
.guide2_securityExam ul { overflow:hidden; padding:15px 0 0 3px }
.guide2_securityExam li { float:left; padding:0 2px }

/* index */
#mainGuideWrap .RecentNoticeList { }
#mainGuideWrap .RecentNoticeList h5 { height:17px; margin:0 15px 10px; padding:18px 0 0 3px; font-size:11px; color:#555; border-bottom:1px solid #ccc }
#mainGuideWrap .RecentNoticeList ul { padding:0 15px }
#mainGuideWrap .RecentNoticeList li { width:100%; height:24px; border-bottom:1px dotted #eee }
#mainGuideWrap .RecentNoticeList li.lastchild { border:0 none }
#mainGuideWrap .RecentNoticeList li a { float:left; height:18px; padding:6px 0 0 10px; font-size:12px; color:#464646; vertical-align:top; background:url(/static/image/bu/bu_list.gif) no-repeat 4px 11px }
#mainGuideWrap .RecentNoticeList li img.new { display:inline; float:left; margin:7px 0 0 3px }
#mainGuideWrap .RecentNoticeList p { position:absolute; top:20px; right:15px }
#mainGuideWrap .RecentNoticeList p a { padding:3px }

/* MAIN SUB TITLE */
.main_tit_wrap { margin:0 5px 0 15px }
.main_tit { position:relative; width:100%; height:24px; background:url(/static/image/main/line_maintit_dot.gif) repeat-x 0 100% }
.main_tit h4 { position:absolute; padding:0 0 0 10px; background:none }
.main_tit p { position:absolute; top:5px; right:0 }

.main_tit2 { position:relative; width:100%; height:24px; background:none }
.main_tit2 h4 { position:absolute; padding:0 0 0 22px; background:none }
.main_tit2 p { position:absolute; top:5px; right:5px }

/* MAIN : mySecurity */
#mySecurity { width:960px }
#mySecurity .mySecurity_inner { overflow:hidden; width:100%; height:260px }
#mySecurity .mySecurity_inner2 { overflow:hidden; width:100%; height:200px; margin:0 0 30px 0 }

#mySecurity .mySecurity_inner .my_serviceDesk { float:left; width:227px; height:250px; border-bottom:1px solid #ccc }
#mySecurity .mySecurity_inner .my_serviceDesk ul { width:185px }
#mySecurity .mySecurity_inner .my_serviceDesk li { overflow:hidden; width:180px; padding:0 0 15px 40px; vertical-align:top; line-height:15px; background:url(/static/image/ico/ico_main_list.gif) no-repeat 25px 2px }/* 2011-08-31 Modify : background-position:(25px 0) → (25px 2px), park,sb */
#mySecurity .mySecurity_inner .my_serviceDesk li p.txt { float:left; font-size:12px; color:#4f5e9e }
#mySecurity .mySecurity_inner .my_serviceDesk p.num { float:right; padding:0 8px 0 0; font-size:16px; font-weight:bold; color:#4f5e9e; text-decoration:underline }
#mySecurity .mySecurity_inner .my_serviceDesk ul ul { overflow:hidden; padding:10px 0 0 0; border-bottom:1px solid #ccc }
#mySecurity .mySecurity_inner .my_serviceDesk li li { padding:0 0 10px 0; font-size:11px; vertical-align:top; line-height:15px; background:none }
#mySecurity .mySecurity_inner .my_serviceDesk li li.firstchild { padding:10px 0 10px 0; border-top:1px solid #ccc; background:none }
#mySecurity .mySecurity_inner .my_serviceDesk li li p.txt { color:#2f3743; font-size:11px; padding:0 0 0 15px }
#mySecurity .mySecurity_inner .my_serviceDesk li.lastchild { background:none }
#mySecurity .mySecurity_inner .my_serviceDesk li.lastchild p.txt{ font-weight:bold; color:#666 }

#mySecurity .mySecurity_inner .my_securityExam { float:left; width:300px; height:260px; background:url(/static/image/main/bg_mySecurity2.gif) no-repeat 5px 0 }
#mySecurity .mySecurity_inner .my_securityExam h5 { color:#666664; padding:20px 0 0 22px }
#mySecurity .mySecurity_inner .my_securityExam h5 span.num { font-size:16px; font-weight:bold; color:#4f5e9e; text-decoration:underline }
#mySecurity .mySecurity_inner .my_securityExam .maingraph p { float:left; padding:15px 0 0 20px }
#mySecurity .mySecurity_inner .my_securityExam .maingraph ul { float:right; padding:15px 15px 0 0; color:#666; font-size:11px; line-height:1.2 }

#mySecurity .mySecurity_inner .my_risk { float:left; width:430px; height:260px; background:url(/static/image/main/bg_mySecurity3.gif) no-repeat 5px 0 }
#mySecurity .mySecurity_inner .my_risk h5 { color:#666664; padding:20px 0 0 22px }
#mySecurity .mySecurity_inner .my_risk h5 span.num { font-size:16px; font-weight:bold; color:#4f5e9e; text-decoration:underline }
#mySecurity .mySecurity_inner .my_risk .currentRisk { position:relative; width:100%; height:15px; padding:10px 0 0 0; font-size:11px; background:url(/static/image/ico/ico_main_list.gif) no-repeat 22px 10px }
#mySecurity .mySecurity_inner .my_risk .currentRisk p { padding:0 0 0 38px; color:#4f5e9e }
#mySecurity .mySecurity_inner .my_risk .currentRisk select { position:absolute; top:4px; right:5px; width:100px }
#mySecurity .mySecurity_inner .my_risk .bargraph { margin:10px 0 0 20px; width:405px; height:140px }

#mySecurity .mySecurity_inner2 .my_project { float:left; width:222px; height:185px; padding:0 10px 0 0 }
#mySecurity .mySecurity_inner2 .my_securityLevel { float:left; width:290px; height:185px; padding:0 10px 0 0; border-right:1px solid #ccc; border-left:1px solid #ccc }
#mySecurity .mySecurity_inner2 .my_standbyRisk { overflow:hidden; float:left; width:425px; height:185px; padding:0 0 15px 0px }
#mySecurity .mySecurity_inner2 .my_standbyRisk .main_board2 { float:left; width:48% }

/* MAIN : currentSecurity */
#currentSecurity { overflow:hidden; width:960px }
#currentSecurity .term { padding:0 0 0 20px; height:40px }
#currentSecurity .term img { vertical-align:middle }
#currentSecurity .linegraph { overflow:hidden; float:left; margin:0 0 0 20px }
#currentSecurity .linegraph p { float:left }
#currentSecurity .linegraph ul { float:left; padding:7px 0 0 10px; color:#666; font-size:11px; line-height:1.5; text-align:left }
#currentSecurity .main_board2 { float:right; width:405px; padding:16px 0 0 0 }

/* MAIN : main_board1 */
.main_board1 table { position:relative; width:100%; margin:0 0 25px 0; color:#464646; border-top:1px solid #cacaca; border-collapse:collapse; background:#fff }
.main_board1 table th,
.main_board1 table td{ height:26px; text-align:center; font-size:12px; text-align:center; line-height:1.5; vertical-align:top; line-height:26px }
.main_board1 table th { font-size:11px; color:#454545; text-align:center; border-bottom:1px solid #cacaca; background:url(/static/image/main/line_main_board1_bar.gif) no-repeat 100% 0 #fff }
.main_board1 table th.lastchild { background:none }
.main_board1 table th img,
.main_board1 table td img { vertical-align:middle; line-height:100% }
.main_board1 table td { padding:0 0 0 5px }
.main_board1 table a { color:#464646 }

/* MAIN : main_board2 */
.main_board2 table { position:relative; width:100%; border-top:2px solid #676767; border-bottom:1px solid #ccc; /*border-collapse:collapse;*/ background:#fff }
.main_board2 table th { height:22px; padding:1px 0 0; font-size:11px; color:#444; text-align:center; line-height:22px; vertical-align:middle; /*border-top:1px solid #f2f2f2;*/ border-right:1px solid #fff; background:#f2f2f2 }
.main_board2 table td { height:30px; padding:0 5px 0 5px; font-size:12px; color:#2f3743; text-align:center; vertical-align:middle; line-height:1.5; border-bottom:1px solid #eee }
.main_board2 table th.lastchild { border-right:0 none }
.main_board2 table tr.lastchild th,
.main_board2 table tr.lastchild td,
.main_board2 table td.lastchild{ border-bottom:0 none }
.main_board2 table th img,
.main_board2 table td img { vertical-align:middle; line-height:100% }
.main_board2 table td a { color:#2f3743 }
.main_board2 table td.list_title { font-weight:bold; color:#666 }
.main_board2 table td.list_title2 { color:#666 }
.main_board2 table td.tfoot { border-top:1px solid #bccde0; border-bottom:0 none }

.main_board_td24 table td { height:24px }
.main_board_td24 table td.list_title { text-align:left; font-size:11px }
.main_board_td24 table td.tfoot { border-top:1px solid #ccc; border-bottom:0 none }

/* LOCATION */
#container #content .location { overflow:hidden; max-width:1017px; height:45px; background:url(/static/image/common/bg_location.gif) repeat-x 0 0 }
#container #content .location h3 { height:16px; margin:0 0 0 25px; padding:15px 0 0 20px; font-weight:bold; font-size:15px; color:#333333; line-height:14px; vertical-align:top; background:url(/static/image/ico/ico_h3.jpg) no-repeat 1px 15px }
#container #content .location ul { float:right; margin:-16px 0 0 0; }
#container #content .location li { float:left; padding:0 13px; line-height:100%; vertical-align:top; background:url(/static/image/common/line_locationbar.gif) no-repeat 100% 0 }
#container #content .location li.lastchild { padding:0 10px 0 13px; background:0 none }
#container #content .location li img { line-height:100%; vertical-align:top }

/* location*/
.dayCalendar { width:300px; height:50px; margin:10px 10px 0 25px; color:#777 }
.locationTxt { float:left; padding:0 0 0 10px; font-size:11px; color:#666; line-height:1.2 }

/* article */
#container #content .article { position:relative; max-width:982px; min-height:350px; height:auto !important; height:350px; padding:22px 10px 0 25px; line-height:1.3; *zoom:1 }
#container #content .article:after { display:block; clear:both; content:"" }

/* cntSearch */
.cntSearch .on { position:relative; overflow:hidden; width:100%; height:22px; padding:20px 0 0 20px; border-bottom:2px solid #e4e4e4; background:url(/static/image/ico/ico_h4.jpg) no-repeat 5px 25px }

.cntSearch .off { position:relative; /* overflow:hidden; */ height:22px; padding:0 0 0 0; border-bottom:1px solid #e4e4e4; background:url(/static/image/ico/ico_h4.jpg) no-repeat 9px 6px; zoom:1 }
.cntSearch .off:after{ display:block; clear:both; content:"" }
.cntSearch .off2 { position:relative; overflow:hidden; border-bottom:2px solid #e4e4e4 }
.cntSearch .off select { overflow:visible; float:left; width:94px; height:20px; padding:0; margin:0 0 0 21px; font-size:11px; font-family:arial; line-height:14px; vertical-align:top; border:1px solid #ccc }
.cntSearch .off .select2 { overflow:visible; float:left; width:94px; height:20px; padding:0; margin:0 0 0 5px; font-size:11px; font-family:arial; line-height:14px; vertical-align:top; border:1px solid #ccc }

.cntSearch .off input { float:left; width:163px; height:18px; margin:0 5px; padding:0; line-height:18px; vertical-align:top; border:1px solid #ccc }
.cntSearch .off input.button { float:none; width:auto; height:20px; margin:0; padding:0 4px 0 0; line-height:20px; vertical-align:top; border:0 none }
.cntSearch .off p.btn_detail { position:absolute; right:0; bottom:-1px }
.cntSearch .off span { float:left; vertical-align:top }

/* detail table */
.detail { position:relative; overflow:hidden; width:100%; margin:0 0 25px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f9f9f9 }
.detail table { /*float:left;*/ width:100%; font-size:12px; color:#333333; background:#fbfbfb }

.detail table th,
.detail table td{ height:29px;padding:0; line-height:1.2; text-align:left; vertical-align:middle; border-bottom:1px solid #e1e1e1 }
.detail table th { padding-left:20px; color:#333333; }
.detail table th.lastchild,
.detail table td.lastchild{ border-bottom:0 none }
.detail table td img { vertical-align:middle }
.detail table td.detailbtn { padding:0 0 0 28px; text-align:center; background:#f9f9f9 }
.detail table input.assetInput { width:150px; height:18px; padding:0; font-size:12px; line-height:18px; border:1px solid #ccc }

.oneLineSearch table th { padding:0 0 0 5px }

/* detail - search Button */
.detail table td.detailbtn1 { background:url(/static/image/common/bg_search.gif) repeat-y 50% 0 }
.detail table td.detailbtn2 { background:url(/static/image/common/bg_search.gif) repeat-y 50% 0 }
.detail table td.detailbtn1 ul { margin:0 0 0 6px }
.detail table td.detailbtn2 .searchbtn { display:inline-block }
.detail table td.detailbtn2 .resetbtn { display:inline-block }
.detail table td.detailbtn2 .searchbtn { width:55px; height:20px; background: transparent url(/static/image/btn/btn_search3.gif) no-repeat left top }
.detail table td.detailbtn2 .searchbtn:hover { width:55px; height:20px; background: transparent url(/static/image/btn/btn_search3.gif) no-repeat left -20px }
.detail table td.detailbtn2 .searchbtn:active { width:55px; height:20px; background: transparent url(/static/image/btn/btn_search3.gif) no-repeat left -40px }
.detail table td.detailbtn2 .resetbtn { width:55px; height:20px; background: transparent url(/static/image/btn/btn_reset3.gif) no-repeat left top }
.detail table td.detailbtn2 .resetbtn:hover { width:55px; height:20px; background: transparent url(/static/image/btn/btn_reset3.gif) no-repeat left -20px }
.detail table td.detailbtn2 .resetbtn:active { width:55px; height:20px; background: transparent url(/static/image/btn/btn_reset3.gif) no-repeat left -40px }
.search_Btn1 { position:absolute; top:50%; left:-100px; width:88px; height:24px; margin-top:-10px; margin-left:100% }
.search_Btn1 li { float:left; height:24px; line-height:100%; vertical-align:top }
.search_Btn2 { position:absolute; top:50%; left:-71px; width:55px; height:48px; margin-top:-22px; margin-left:100% }
.search_Btn2 li { height:24px; line-height:100%; vertical-align:top }
.search_Btn2 .searchbtn { width:55px; height:20px; background: transparent url(/static/image/btn/btn_search3.gif) no-repeat left top }
.search_Btn2 .searchbtn:hover { width:55px; height:20px; background: transparent url(/static/image/btn/btn_search3.gif) no-repeat left -20px }
.search_Btn2 .searchbtn:active { width:55px; height:20px; background: transparent url(/static/image/btn/btn_search3.gif) no-repeat left -40px }
.search_Btn2 .resetbtn { width:55px; height:20px; background: transparent url(/static/image/btn/btn_reset3.gif) no-repeat left top }
.search_Btn2 .resetbtn:hover { width:55px; height:20px; background: transparent url(/static/image/btn/btn_reset3.gif) no-repeat left -20px }
.search_Btn2 .resetbtn:active { width:55px; height:20px; background: transparent url(/static/image/btn/btn_reset3.gif) no-repeat left -40px }

/* case of button width size 70px - (Ex) monitering */
.search_Btn3 { position:absolute; top:50%; left:-79px; width:70px; height:54px; margin-top:-27px; margin-left:100% }
.search_Btn3 li { height:27px; line-height:100%; vertical-align:top }

/* search */
.common_SearchForm { position:relative; overflow:hidden; width:100%; height:24px; margin:0 }
.common_SearchForm p { float:left; padding:0 0 0 5px }
.common_SearchForm p .textinput2 { float:left }
.common_SearchForm p input { line-height:20px }
.trHover tbody tr:hover { background:#eeefff }

/* infoset */
.infoSet { overflow:hidden; width:100%; margin:0 0 25px; padding:3px 0; border-bottom:2px solid #e4e4e4 }
.infoSet .set { float:left }
.infoSet .date { float:right; padding-top:5px }

/* detailbtn2 */
.detail table td.detailbtn2 { padding:0; vertical-align:middle; text-align:center; border:0 none; border-bottom:1px solid #e1e1e1; }
.detail table td.detailbtn2 li { padding:3px 0 2px }
.detail table td.detailbtn2 a.imgbtn { float:none; text-align:center }
.detail table td.detailbtn2 .searchbtn { display:inline-block }
.detail table td.detailbtn2 .resetbtn { display:inline-block }
.detail table td.detailbtn1 { padding:0; vertical-align:middle; text-align:center; border:0 none }
.detail table td.detailbtn1 ul { overflow:hidden; width:100% }
.detail table td.detailbtn1 li { float:left }
.detail table td.detailbtn1 a.imgbtn { display:block }
.basicInfo { position:relative; height:32px }
.basicInfo2 { height:24px !important }
.menuInfo { position:relative; height:auto; margin-bottom: 20px; font-size:12px; font-weight:bold; padding:0 0 0 12px; color:#32588c; background:url(/static/image/ico/ico_dot.png) no-repeat 5px 50%;}
.menuInfo2 p { position:relative; height:auto; margin-bottom: 2px; font-size:12px; font-weight:bold; padding:0 0 0 12px; color:#32588c; background:url(/static/image/ico/ico_dot.png) no-repeat 5px 50%;}
.menuInfo2 li { position:relative; height:auto; margin-bottom: 2px; font-size:12px; font-weight:bold; padding:0 0 0 12px; color:#32588c; background:url(/static/image/ico/ico_dot.png) no-repeat 5px 28%;}
.infomation_Title { position:relative; width:100%; height:35px }
.infomation_Title .location_left { position:absolute; top:8px; left:0 }
.infomation_Title .location_right { position:absolute; top:8px; right:0 }
.infomation_Title .infomation_title { padding:0 0 0 12px; font-size:11px; font-weight:bold; color:#4f5e9e; background:url(/static/image/bu/bu_list2.gif) no-repeat 5px 4px; }
.infomation_Title .infomation_num { font-size:11px; font-weight:normal; color:#2cb8d7 }
.infomation_Title .infomation_num em { font-weight:bold }

/* btnarea */
.detail .btnarea { position:relative; float:right; display:table; right:0; width:8%; height:100% }
.detail .btnarea .detailbtn { display:table-cell; width:100%; height:100%; vertical-align:middle }
.detail .btnarea .detailbtn span { float:left; width:100%; padding:4px 30%; text-align:center }

/* cntSearch */
.cntSearch2 .on { position:relative; overflow:hidden; width:100%; height:22px; padding:20px 0 0 20px; border-bottom:2px solid #e4e4e4; background:url(/static/image/bu/bu_tit_black.gif) no-repeat 5px 25px }
.cntSearch2 .off { position:relative; overflow:hidden; height:22px; padding:0 0 0 0; border-bottom:2px solid #212121; background:url(/static/image/bu/bu_tit_black.gif) no-repeat 9px 6px }
.cntSearch2 .off2 { position:relative; overflow:hidden; border-bottom:2px solid #212121 }
.cntSearch2 .off select { overflow:visible; float:left; width:94px; height:20px; padding:0; margin:0 0 0 21px; font-size:11px; font-family:arial; color:#acacac; line-height:14px; vertical-align:top; border:1px solid #494949; background:#282828 }
.cntSearch2 .off input { float:left; width:163px; height:18px; margin:0 5px; padding:0; line-height:18px; vertical-align:top; border:1px solid #494949; background:#282828 }
.cntSearch2 .off p.btn_detail { position:absolute; right:0; bottom:-1px }
.cntSearch2 .off span { float:left; vertical-align:top }

/* detail table2 */
.detail2 { position:relative; overflow:hidden; width:100%; margin:0 0 25px 0; border-top:1px solid #333; border-bottom:1px solid #333; background:#f9f9f9 }
.detail2 table { float:left; width:100%; font-size:11px; color:#464646; background:#282828 }
.detail2 table th,
.detail2 table td{ height:29px; padding:0 0 0 5px; line-height:1.2; text-align:left; vertical-align:middle; border-bottom:1px solid #333 }
.detail2 table th { padding:0; color:#858585; text-indent:20px; background:#212121 }
.detail2 table th.lastchild,
.detail2 table td.lastchild{ border-bottom:0 none }
.detail2 table td img { vertical-align:middle }

.detail2 table td.detailbtn1_dark { padding:0; vertical-align:middle; text-align:center; border:0 none; background:#262626 }
.detail2 table td.detailbtn1_dark ul { padding:0 0 0 5px }
.detail2 table td.detailbtn1_dark li { float:left }
.detail2 table td.detailbtn1_dark a.imgbtn { display:block }
.detail2 table td.detailbtn1_dark a.search_dark { width:40px; background-image:url(/static/image/btn/btn_search_dark2.gif) }
.detail2 table td.detailbtn1_dark a.reset_dark { width:40px; background-image:url(/static/image/btn/btn_reset_dark2.gif) }
.detail2 table td.detailbtn2_dark { padding:0; vertical-align:middle; text-align:center; border:0 none; background:#262626 }
.detail2 table td.detailbtn2_dark li { padding:3px 0 2px 0 }
.detail2 table td.detailbtn2_dark a.imgbtn { float:none; text-align:center }
.detail2 table td.detailbtn2_dark .search_dark { display:inline-block }
.detail2 table td.detailbtn2_dark .reset_dark { display:inline-block }

.detail2 .risklevel_safe { font-size:12px; color:#11a758 }
.detail2 .risklevel_alert { font-size:12px; color:#ff750d }
.detail2 .risklevel_care { font-size:12px; color:#f9d200 }

/* basic_table */
.basic_table table { position:relative; width:100%; margin:0 0 25px 0; color:#464646; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-collapse:collapse; background:#fff }
.basic_table table th,
.basic_table table td{ height:21px; text-align:left; padding:4px 0 4px 7px; font-size:12px; line-height:18px; vertical-align:middle; border-bottom:1px solid #e1e1e1 }
.basic_table table th { padding-left:7px; font-size:12px; color:#333333; background:#f4f4f4 }
.basic_table table th img,
.basic_table table td img { vertical-align:middle; line-height:100% }
.basic_table table tr.lastchild th,
.basic_table table tr.lastchild td,
.basic_table table th.lastchild,
.basic_table table td.lastchild{ border-bottom:0 none }
.basic_table table a { color:#464646 }

.basic_table table td.searchIco a,
.basic_table table td.calIco a { float:left }
.basic_table table td.searchIco img,
.basic_table table td.calIco img { vertical-align:top; line-height:100% }
.basic_table table select { width:85%; font-size:11px; border:1px solid #ccc }
.basic_table table td span.txt_won { display:block; padding:3px 0 0 0 }
.basic_table table td span.txt { float:left; padding-right: 5px; }
.basic_table table input.assetInput { float:left; width:84%; height:18px; padding:0; font-size:12px; line-height:18px; border:1px solid #ccc }
.basic_table table input.assetInput2 { float:left; width:84%; height:18px; padding:0; font-size:12px; line-height:18px; border:1px solid #ccc }
.basic_table table textarea { width:98% }
#add { width:60%; margin:0 6px 0 0 }

/* basic_table2 */
.basic_table2 table {  position:relative; width:100%; color:#464646; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-collapse:collapse }
.basic_table2 table th,
.basic_table2 table td{ height:21px; text-align:left; padding:4px 0 4px 8px; line-height:21px; vertical-align:middle; border-bottom:1px solid #e1e1e1 }
.basic_table2 table th { font-size:11px; color:#0f3c74; background:url(/static/image/board/line_white.gif) repeat-y 100% 0 #f3f3f3 }

.basic_table2 table tr.lastchild th,
.basic_table2 table tr.lastchild td,
.basic_table2 table th.lastchild,
.basic_table2 table td.lastchild{ border-bottom:0 none }
.basic_table2 table td { font-size:12px; padding:5px 5px 5px 7px }
.basic_table2 table td img { vertical-align:middle }
.basic_table2 table td input.textinput { float:left; height:18px; line-height:18px; border:1px solid #ccc }
.basic_table2 table td.list { padding:0 0 0 20px; background:url(/static/image/bu/bu_list.gif) no-repeat 9px 50% }

.basic_table2 table td.searchIco a,
.basic_table2 table td.calIco a { float:left; padding:0 }
.basic_table2 table td.searchIco img,
.basic_table2 table td.calIco img { vertical-align:top; line-height:100% }
.basic_table2 table input.textinput { width:110px; height:16px; padding:0; line-height:16px; border:1px solid #ccc }
.basic_table2 table label,
.basic_table2 table p span,
.basic_table2 table p { float:left }
.basic_table2 table label.label,
.basic_table2 table input.radio{ float:none }/* add : gm */
.basic_table2 .vtop { vertical-align:top; line-height:100% }
.basic_table2 .bg_table_f0 { background:url(/static/image/board/line_white.gif) repeat-y 100% 0 #f0f0f0 }
.basic_table2 .bg_table_f6 { background:url(/static/image/board/line_white.gif) repeat-y 100% 0 #f6f6f6 }
.basic_table2 .align_center { margin:0; padding:0; text-align:center }
.basic_table2 a { color:#444 }

/* basic_inner_table*/
.basic_inner_table { width:auto; min-height:40px; height:auto !important; height:40px; padding:6px 6px 6px 0; margin:0; zoom:1 }
.basic_inner_table:after { display:block; clear:both; content:"" }
.basic_inner_table table { width:100%; margin:0; border:1px solid #ccc; border-bottom:0 none; border-collapse:collapse }
.basic_inner_table table thead th { height:21px; padding-top:4px; padding-bottom:4px; text-align:center; line-height:15px; border-bottom:1px solid #ccc; background:url(/static/image/board/line_maintenance.gif) no-repeat 100% 50% #f8f8f8 }
.basic_inner_table table thead th.lastchild { background:#f8f8f8; border-bottom:1px solid #ccc }
.basic_inner_table table td { height:24px; padding:0 0 0 5px; vertical-align:middle; border-bottom:1px solid #ccc }
.basic_inner_table table th.innerCheck,
.basic_inner_table table td.innerCheck { margin:0; padding:0; text-align:center }
.basic_inner_table table td.calIco input { width:110px }
.basic_inner_table table td #innerCnt { width:99% }
.basic_inner_table ul { float:right; margin:5px 0 0 0 }
.basic_inner_table li { float:left; padding:0 0 0 5px }
.basic_inner_table .align_left { text-align:left }
.basic_inner_table select.searchform { width:130px; margin:2px 0; vertical-align:middle }
.basic_inner_table textarea.txtcnt { width:99%; margin:5px 0 }

/* basic_inner_table2 */
.basic_inner_table2 { margin:0 50px 0 15px }
.basic_inner_table2 table { width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse }
.basic_inner_table2 table td { padding:8px; line-height:1.5; border-right:1px solid #ccc; border-bottom:1px solid #ccc }

/* basic_inner_table3 (psh 0518) */
.basic_table3 table { position:relative; width:100%; line-height:1.5; border-collapse:collapse }
.basic_table3 table th { border-right:1px dotted #ccc; vertical-align:top; line-height:100% }
.basic_table3 table td { padding:0 10px }
.basic_table3 table .align_right { text-align:right; padding:0 10px 0 0 }

/* basic_inner_table_horizontal */
.basic_table table td.basic_inner_table_horizontal { padding:0 }
.basic_inner_table_horizontal { width:auto; min-height:40px; height:auto !important; height:40px; padding:0; margin:0; zoom:1 }
.basic_inner_table_horizontal:after { display:block; clear:both; content:"" }
.basic_inner_table_horizontal table { width:100%; margin:0; border:0px solid #e1e1e1; border-bottom:0 none; background:none !important }
.board .basic_inner_table_horizontal table { background:none }
.basic_inner_table_horizontal table th { height:29px; padding:0 7px; font-weight:normal; text-align:left; border-bottom:1px solid #e1e1e1; background:#f8f8f8 }
.basic_inner_table_horizontal table td { height:29px; padding:0 7px; text-align:left; border-bottom:1px solid #e1e1e1 }
.basic_inner_table_horizontal table tr.lastchild th,
.basic_inner_table_horizontal table tr.lastchild td,
.basic_inner_table_horizontal table th.lastchild,
.basic_inner_table_horizontal table td.lastchild { border-bottom:0 none }

/* monitering_table */
.monitering_table { margin:0 8px }
.monitering_table table {  position:relative; width:100%; color:#464646; border-collapse:collapse }
.monitering_table table th,
.monitering_table table td{ height:29px; text-align:left; line-height:15px; vertical-align:middle; border-bottom:1px solid #333 }
.monitering_table table th { font-size:11px; color:#858585; text-align:center; border-right:1px solid #313131; border-top:1px solid #333; background:#212121 }
.monitering_table table th.lastchild { border-right:0 none }
.monitering_table table td { font-size:12px; color:#acacac; padding:0 15px 0 10px }
.monitering_table table td.firstchild { font-size:12px; color:#acacac; padding:0 15px 0 10px; border-top:1px solid #333 }
.monitering_table table td.bggray { padding:0; text-align:center; background:#3f3f3f }
.monitering_table table td img { vertical-align:middle }
.td50 table th { height:52px; font-size:11px; color:#858585; text-align:center }
.td50 table td { height:52px; font-size:12px; color:#acacac; padding:0 15px 0 10px }
.num70 table td { height:29px; font-size:12px; color:#707070; padding:0 8px 0 10px }
.num70 table td.num70_tit { color:#acacac }

/* monitering_calendar_table */
.monitering_calendar_table { margin:0 8px }
.monitering_calendar_table table { position:relative; width:100%; color:#464646; border-collapse:collapse }
.monitering_calendar_table table th,
.monitering_calendar_table table td{ height:29px; text-align:left; line-height:15px; vertical-align:middle; border-bottom:1px solid #333 }
.monitering_calendar_table table th { font-size:11px; color:#858585; text-align:center; border-right:1px solid #313131; border-top:1px solid #333 }
.monitering_calendar_table table th.lastchild { border-right:0 none }
.monitering_calendar_table table th.sunday { color:#e3052d }
.monitering_calendar_table table td { height:85px; font-size:11px; color:#acacac; padding:5px 10px 0 10px; vertical-align:top }

/* h */
h4 { padding:9px 0 7px 16px; font-weight:bold; color:#333333; vertical-align:top; background:url(/static/image/ico/ico_h4.jpg) no-repeat 5px 55%; zoom:1 }
.heading { padding:9px 0 7px 16px; font-weight:bold; color:#4f5e9e; vertical-align:top; background:url(/static/image/ico/ico_h4.jpg) no-repeat 5px 50% }
.h4info { padding:0 0 0 15px; font-size:11px; color:#2cb8d7 }
h5 { padding:6px 0 6px 4px; font-weight:bold; color:#3b5998 }
.h_nobg { padding: 6px 0 6px 4px; background:none }
.list { padding:0 0 0 20px; background:url(/static/image/bu/bu_list.gif) no-repeat 9px 6px }
.infotxt{ font-size:11px; color:#666; line-height:1.5 }
.tit_skyblue { padding:0 0 0 18px; color:#93cad6; background:none; background:url(/static/image/bu/bu_tit_skyblue.gif) no-repeat 5px 50% }
.triangle { font-size:11px; color:#666; padding:0 0 0 8px; background:url(/static/image/bu/bu_triangle.gif) no-repeat 0 50% }

/* text */
.point_skyblue { color:#2cb8d7 }
.point_red { color:#e3052d }
.point_blue { color:#0550e3 }
.point_gray { color:#aaa }
.point_white { color:#fff }
.f11 { font-size:11px }
.f12 { font-size:12px }
.bold { font-weight:bold }
.ac { color:#acacac }

/* tit ( psh: 0516)*/
.titbar { position:relative; margin:0; border:1px solid #ddd; background:url(/static/image/content/bg_titbar.jpg) repeat-x 0 0 }
.titbar h3,
.titbar h4.bgnone { padding:9px 0 9px 16px; font-weight:bold; color:#505f9f; vertical-align:top; background:none }
.titbar ul.btn_titbar { display:inline; position:absolute; top:11px; right:12px; line-height:100%; vertical-align:top; zoom:1 }
.titbar ul.btn_titbar:after { display:block; clear:both; content:"" }
.titbar .btn_titbar li { float:left; padding:0 0 0 7px; line-height:100%; vertical-align:top }
.titbar p.btn_titbar { position:absolute; top:5px; right:15px }
.titbar p.txt_titbar { position:absolute; top:10px; right:15px; font-size:11px; color:#444; line-height:1.2; white-space:nowrap }			/* 2011-09-01 ADD, cgm */
.titbar .titbar_h { padding:6px 0 5px 11px; color:#505f9f; background:none }
.titbar .titbar_h span { color:#0073ae }
.opentit { height:13px; padding:0 0 0 37px; font-weight:bold; background:url(/static/image/bu/bu_open.gif) no-repeat 16px 0 }
.open { position:relative; width:100% }
.open ul { position:absolute; top:3px; right:0; overflow:hidden; vertical-align:top; line-height:100% }
.open li { float:left; vertical-align:top; line-height:100% }
.open li.h4info { float:left; padding:7px 5px 0 0; color:#2cb8d7; font-size:11px; vertical-align:top; line-height:100% }
.open li img { padding:7px 2px 0 }
.titbar p.more { position:absolute; top:10px; right:12px; vertical-align:top; line-height:100% }
.titbar p.more img { padding:2px; vertical-align:top; line-height:100% }
.openWrap { position:relative; width:100%; border-top:1px solid #ccc; border-bottom:2px solid #ccc; background:#f5f5f5 }
.openWrap h4 { padding-left:10px; color:#666; background-image:none }
.openWrap ul { position:absolute; top:3px; right:5px; overflow:hidden; vertical-align:top; line-height:100% }
.openWrap li { float:left; vertical-align:top; line-height:100% }
.openWrap li.h4info { float:left; padding:7px 5px 0 0; color:#2cb8d7; font-size:11px; vertical-align:top; line-height:100% }
.openWrap li img { padding:7px 2px 0 }

/* itAsset0101.html Button */
.btnlistsave { overflow:hidden; width:100%; margin:-18px 0 0 0 }
.btnlistsave p.btnlist { float:left; padding:0 0 0 7px }
.btnlistsave p.btnsave { float:right; padding:0 6px 0 0 }

/* margin */
p.mt28 { padding:28px 0 0 0 }

/* cntGraph */
.cntGraph { height:183px; background:url(/static/image/content/bg_cntGraph.gif) no-repeat 0 100% }
.cntGraphTp { position:relative; height:7px; border-top:1px solid #74a9bd; border-left:1px solid #74a9bd }
.cntGraphTp div p { position:absolute; top:-1px; right:0 }
.cntGraphBt { position:relative; height:7px; margin:0 0 10px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc }
.cntGraphBt div p { position:absolute; top:0; right:0 }
.cntGraph2 { overflow:hidden; width:776px; height:260px; padding:40px 0 0 0; text-align:center }
.cntGraph3 { overflow:hidden; width:776px; height:300px }
.cntGraph3 .graphArea1_40x60 { float:left; width:40%; height:300px; background:url(/static/image/content/bg_graphArea.gif) repeat-y 100% 0 }
.cntGraph3 .graphArea2_40x60 { float:left; width:60%; height:300px }
.cntGraph3 .graphArea1_50x50 { float:left; width:50%; height:300px; background:url(/static/image/content/bg_graphArea.gif) repeat-y 100% 0 }
.cntGraph3 .graphArea2_50x50 { float:left; width:50%; height:300px }
.cntGraph3 .graphArea1_60x40 { float:left; width:60%; height:300px; background:url(/static/image/content/bg_graphArea.gif) repeat-y 100% 0 }
.cntGraph3 .graphArea2_60x40 { float:left; width:40%; height:300px }
.cntGraph3 p { padding:15px 0 0 0; display:block; text-align:center }
.cntGraph4 { overflow:hidden; width:776px; height:285px; text-align:center }

/* cntgraph */
.cntgraph_tp { overflow:hidden; height:34px; background:url(/static/image/content/bg_cntgraph_tp.gif) no-repeat 0 0 }
.cntgraph_md { overflow:hidden; width:777px; height:auto; text-align:center; background:url(/static/image/content/bg_cntgraph_md.gif) repeat-y 0 0 }
.cntgraph_bt { overflow:hidden; height:37px; background:url(/static/image/content/bg_cntgraph_bt.gif) no-repeat 0 0 }

/* cntgraph_tab */
.cntgraph { }
.cntgraph_tp_tab { overflow:hidden; height:21px; margin-left:1px }
.cntgraph_md_tab { position:relative; width:777px; margin:-11px 0 0; text-align:center; background:url(/static/image/content/bg_cntgraph_md_tab.gif) repeat-y -1px 0 }

/* tab_tp */
.tab_tp ul { overflow:hidden; zoom:1; margin-left:1px; padding:0 0 0 4px; background:url(/static/image/common/bg_compositionInfo.gif) repeat-x 0 0 }
.tab_tp li { float:left; padding:0 2px 0 0; font-weight:bold }

/* cntgraph_md_tab */
.cntgraph_md_tab .inner { overflow:hidden; padding:15px 8px 22px; background:url(/static/image/content/bg_cntgraph_bt_tab.gif) no-repeat -1px 100%; zoom:1 }
.cntgraph_md_tab .inner:after { display:block; clear:both; content:"" }
.cntgraph_md_tab .inner .grapharea { min-height:222px; height:auto !important; height:222px }
.cntgraph_md_tab .inner table.table_graph { width:100%; height:auto; border:0 none; background:none }
.cntgraph_md_tab .inner table.table_graph td { height:auto; text-align:center; vertical-align:middle; border:0 none; background:none }

/* cntgraph_tp_notab */
.cntgraph_tp_notab { overflow:hidden; height:23px; background:url(/static/image/content/bg_cntgraph_tp_tab.gif) no-repeat -1px 100% }
.cntgraph_md_notab { position:relative; overflow:hidden; width:777px; text-align:center; background:url(/static/image/content/bg_cntgraph_md_notab.gif) repeat-y -1px 0 }
.cntgraph_md_notab .innerwrap { background:url(/static/image/content/bg_cntgraph_notab_top.gif) no-repeat -1px 0 }
.cntgraph_md_notab .inner { min-height:122px; height:auto !important; height:122px; padding:30px 8px; background:url(/static/image/content/bg_cntgraph_tp_notab.gif) no-repeat -1px 100%; zoom:1 }
.cntgraph_md_notab .inner:after { display:block; clear:both; content:"" }
.cntgraph_md_notab .inner .grapharea { min-height:122px; height:auto !important; height:122px }
.cntgraph_md_notab .inner table.table_graph { width:100%; height:auto; border:0 none; background:none }
.cntgraph_md_notab .inner table.table_graph td { height:auto; text-align:center; vertical-align:middle; border:0 none; background:none }

/* tree */
.tree { position:relative; width:100%; margin:0 0 15px; padding:0 0 0; background:#fff; zoom:1 }
.tree:after { display:block; clear:both; content:"" }
.tree_2nd { min-height:620px; height:620px }
.tree_pop1 { min-height:460px; height:460px }
.tree_pop2 { min-height:620px; height:620px }
.treearea { position:absolute; top:0; left:0; /*min-height:353px; height:auto !important; height:353px;*/ width:279px; background:url(/static/image/content/bg_treeform_y.gif) repeat-y 0 0 }/* If you use an inline style to .treeform_md on, css give less than the value specified in the height error. */
.treeBoardArea { position:relative; top:0; left:0; margin:0 0 0 289px }
.treeBoardArea2 { position:relative; top:0; left:0; margin:0 10px 0 295px; padding:0 0 0 5px }
.treeBoardArea3 { margin:0 150px 0 295px }
/* treeBoardArea_right : 110708 _ LeeSangHyuk - modify  */
.treeBoardArea_right { position:absolute; top:0; right:0; width:135px }
.treeBoardArea_right .inAndOut { position:relative; float:left; width:24px; height:417px; background:url(/static/image/content/bg_inAndOut.gif) no-repeat 0 0; border-bottom:1px solid #ccc }
.treeBoardArea_right .inAndOut ul { position:absolute; top:50%; left:0; width:17px; height:76px; margin-top:-38px }
.treeBoardArea_right .inAndOut li { padding:0 0 6px 5px }
.treeBoardArea_right .section { float:left }
.treeBoardArea_right .section .users { width:97px; height:410px; padding:3px; border:1px solid #ccc; background:#fff }
.treeBoardArea_right .section .users select { height:410px; width:96px; padding:10px 12px 0; background:#eee; }

/* 2011-07-22 Add : ESP - Choi,GyungMin */
.r_w200px .treearea { left:auto; right:0; width:200px }
.r_w200px .treeBoardArea { margin-left:0; margin-right:210px }
.l_w200px .treearea { width:200px }
.l_w200px .treeBoardArea { margin-left:210px }
.r_w205px .treearea { left:auto; right:0; width:205px }
.r_w205px .treeBoardArea { margin-left:0; margin-right:215px }
.l_w205px .treearea { width:205px }
.l_w205px .treeBoardArea { margin-left:215px }

.r_w210px .treearea { left:auto; right:0; width:210px }
.r_w210px .treeBoardArea { margin-left:0; margin-right:220px }
.l_w210px .treearea { width:210px }
.l_w210px .treeBoardArea { margin-left:220px }
.r_w215px .treearea { left:auto; right:0; width:215px }
.r_w215px .treeBoardArea { margin-left:0; margin-right:225px }
.l_w215px .treearea { width:215px }
.l_w215px .treeBoardArea { margin-left:225px }

.r_w220px .treearea { left:auto; right:0; width:220px }
.r_w220px .treeBoardArea { margin-left:0; margin-right:230px }
.l_w220px .treearea { width:220px }
.l_w220px .treeBoardArea { margin-left:230px }
.r_w225px .treearea { left:auto; right:0; width:225px }
.r_w225px .treeBoardArea { margin-left:0; margin-right:235px }
.l_w225px .treearea { width:225px }
.l_w225px .treeBoardArea { margin-left:235px }

.r_w230px .treearea { left:auto; right:0; width:230px }
.r_w230px .treeBoardArea { margin-left:0; margin-right:240px }
.l_w230px .treearea { width:230px }
.l_w230px .treeBoardArea { margin-left:240px }
.r_w235px .treearea { left:auto; right:0; width:235px }
.r_w235px .treeBoardArea { margin-left:0; margin-right:245px }
.l_w235px .treearea { width:235px }
.l_w235px .treeBoardArea { margin-left:245px }

.r_w240px .treearea { left:auto; right:0; width:240px }
.r_w240px .treeBoardArea { margin-left:0; margin-right:250px }
.l_w240px .treearea { width:240px }
.l_w240px .treeBoardArea { margin-left:250px }
.r_w245px .treearea { left:auto; right:0; width:245px }
.r_w245px .treeBoardArea { margin-left:0; margin-right:255px }
.l_w245px .treearea { width:245px }
.l_w245px .treeBoardArea { margin-left:255px }

.r_w250px .treearea { left:auto; right:0; width:250px }
.r_w250px .treeBoardArea { margin-left:0; margin-right:260px }
.l_w250px .treearea { width:250px }
.l_w250px .treeBoardArea { margin-left:260px }
.r_w255px .treearea { left:auto; right:0; width:255px }
.r_w255px .treeBoardArea { margin-left:0; margin-right:265px }
.l_w255px .treearea { width:255px }
.l_w255px .treeBoardArea { margin-left:265px }

.r_w260px .treearea { left:auto; right:0; width:260px }
.r_w260px .treeBoardArea { margin-left:0; margin-right:270px }
.l_w260px .treearea { width:260px }
.l_w260px .treeBoardArea { margin-left:270px }
.r_w265px .treearea { left:auto; right:0; width:265px }
.r_w265px .treeBoardArea { margin-left:0; margin-right:275px }
.l_w265px .treearea { width:265px }
.l_w265px .treeBoardArea { margin-left:275px }

.r_w270px .treearea { left:auto; right:0; width:270px }
.r_w270px .treeBoardArea { margin-left:0; margin-right:280px }
.l_w270px .treearea { width:270px }
.l_w270px .treeBoardArea { margin-left:280px }
.r_w275px .treearea { left:auto; right:0; width:275px }
.r_w275px .treeBoardArea { margin-left:0; margin-right:285px }
.l_w275px .treearea { width:275px }
.l_w275px .treeBoardArea { margin-left:285px }

.r_w280px .treearea { left:auto; right:0; width:280px }
.r_w280px .treeBoardArea { margin-left:0; margin-right:290px }
.l_w280px .treearea { width:280px }
.l_w280px .treeBoardArea { margin-left:290px }
.r_w285px .treearea { left:auto; right:0; width:285px }
.r_w285px .treeBoardArea { margin-left:0; margin-right:295px }
.l_w285px .treearea { width:285px }
.l_w285px .treeBoardArea { margin-left:295px }

.r_w290px .treearea { left:auto; right:0; width:290px }
.r_w290px .treeBoardArea { margin-left:0; margin-right:300px }
.l_w290px .treearea { width:290px }
.l_w290px .treeBoardArea { margin-left:300px }
.r_w295px .treearea { left:auto; right:0; width:295px }
.r_w295px .treeBoardArea { margin-left:0; margin-right:305px }
.l_w295px .treearea { width:295px }
.l_w295px .treeBoardArea { margin-left:305px }

.r_w300px .treearea { left:auto; right:0; width:300px }
.r_w300px .treeBoardArea { margin-left:0; margin-right:310px }
.l_w300px .treearea { width:300px }
.l_w300px .treeBoardArea { margin-left:310px }
.r_w305px .treearea { left:auto; right:0; width:305px }
.r_w305px .treeBoardArea { margin-left:0; margin-right:315px }
.l_w305px .treearea { width:305px }
.l_w305px .treeBoardArea { margin-left:315px }

.r_w310px .treearea { left:auto; right:0; width:310px }
.r_w310px .treeBoardArea { margin-left:0; margin-right:320px }
.l_w310px .treearea { width:310px }
.l_w310px .treeBoardArea { margin-left:320px }
.r_w314px .treearea { left:auto; right:0; width:314px }
.r_w314px .treeBoardArea { margin-left:0; margin-right:324px }
.l_w314px .treearea { width:314px }
.l_w314px .treeBoardArea { margin-left:324px }
.r_w315px .treearea { left:auto; right:0; width:315px }
.r_w315px .treeBoardArea { margin-left:0; margin-right:325px }
.l_w315px .treearea { width:315px }
.l_w315px .treeBoardArea { margin-left:325px }

.r_w320px .treearea { left:auto; right:0; width:320px }
.r_w320px .treeBoardArea { margin-left:0; margin-right:330px }
.l_w320px .treearea { width:320px }
.l_w320px .treeBoardArea { margin-left:330px }
.r_w325px .treearea { left:auto; right:0; width:325px }
.r_w325px .treeBoardArea { margin-left:0; margin-right:335px }
.l_w325px .treearea { width:325px }
.l_w325px .treeBoardArea { margin-left:335px }

.r_w330px .treearea { left:auto; right:0; width:330px }
.r_w330px .treeBoardArea { margin-left:0; margin-right:340px }
.l_w330px .treearea { width:330px }
.l_w330px .treeBoardArea { margin-left:340px }
.r_w335px .treearea { left:auto; right:0; width:335px }
.r_w335px .treeBoardArea { margin-left:0; margin-right:345px }
.l_w335px .treearea { width:335px }
.l_w335px .treeBoardArea { margin-left:345px }

.r_w340px .treearea { left:auto; right:0; width:340px }
.r_w340px .treeBoardArea { margin-left:0; margin-right:350px }
.l_w340px .treearea { width:340px }
.l_w340px .treeBoardArea { margin-left:350px }
.r_w345px .treearea { left:auto; right:0; width:345px }
.r_w345px .treeBoardArea { margin-left:0; margin-right:355px }
.l_w345px .treearea { width:345px }
.l_w345px .treeBoardArea { margin-left:355px }

.r_w350px .treearea { left:auto; right:0; width:350px }
.r_w350px .treeBoardArea { margin-left:0; margin-right:360px }
.l_w350px .treearea { width:350px }
.l_w350px .treeBoardArea { margin-left:360px }
.r_w355px .treearea { left:auto; right:0; width:355px }
.r_w355px .treeBoardArea { margin-left:0; margin-right:365px }
.l_w355px .treearea { width:355px }
.l_w355px .treeBoardArea { margin-left:365px }

.r_w360px .treearea { left:auto; right:0; width:360px }
.r_w360px .treeBoardArea { margin-left:0; margin-right:370px }
.l_w360px .treearea { width:360px }
.l_w360px .treeBoardArea { margin-left:370px }
.r_w365px .treearea { left:auto; right:0; width:365px }
.r_w365px .treeBoardArea { margin-left:0; margin-right:375px }
.l_w365px .treearea { width:365px }
.l_w365px .treeBoardArea { margin-left:375px }

.r_w370px .treearea { left:auto; right:0; width:370px }
.r_w370px .treeBoardArea { margin-left:0; margin-right:380px }
.l_w370px .treearea { width:370px }
.l_w370px .treeBoardArea { margin-left:380px }
.r_w375px .treearea { left:auto; right:0; width:375px }
.r_w375px .treeBoardArea { margin-left:0; margin-right:385px }
.l_w375px .treearea { width:375px }
.l_w375px .treeBoardArea { margin-left:385px }

.r_w380px .treearea { left:auto; right:0; width:380px }
.r_w380px .treeBoardArea { margin-left:0; margin-right:390px }
.l_w380px .treearea { width:380px }
.l_w380px .treeBoardArea { margin-left:390px }
.r_w385px .treearea { left:auto; right:0; width:385px }
.r_w385px .treeBoardArea { margin-left:0; margin-right:395px }
.l_w385px .treearea { width:385px }
.l_w385px .treeBoardArea { margin-left:395px }

.r_w390px .treearea { left:auto; right:0; width:390px }
.r_w390px .treeBoardArea { margin-left:0; margin-right:400px }
.l_w390px .treearea { width:390px }
.l_w390px .treeBoardArea { margin-left:400px }
.r_w395px .treearea { left:auto; right:0; width:395px }
.r_w395px .treeBoardArea { margin-left:0; margin-right:405px }
.l_w395px .treearea { width:395px }
.l_w395px .treeBoardArea { margin-left:405px }

.r_w400px .treearea { left:auto; right:0; width:400px }
.r_w400px .treeBoardArea { margin-left:0; margin-right:410px }
.l_w400px .treearea { width:400px }
.l_w400px .treeBoardArea { margin-left:410px }
.r_w405px .treearea { left:auto; right:0; width:405px }
.r_w405px .treeBoardArea { margin-left:0; margin-right:415px }
.l_w405px .treearea { width:405px }
.l_w405px .treeBoardArea { margin-left:415px }

.r_w410px .treearea { left:auto; right:0; width:410px }
.r_w410px .treeBoardArea { margin-left:0; margin-right:420px }
.l_w410px .treearea { width:410px }
.l_w410px .treeBoardArea { margin-left:420px }
.r_w415px .treearea { left:auto; right:0; width:415px }
.r_w415px .treeBoardArea { margin-left:0; margin-right:425px }
.l_w415px .treearea { width:415px }
.l_w415px .treeBoardArea { margin-left:425px }

.r_w420px .treearea { left:auto; right:0; width:420px }
.r_w420px .treeBoardArea { margin-left:0; margin-right:430px }
.l_w420px .treearea { width:420px }
.l_w420px .treeBoardArea { margin-left:430px }
.r_w425px .treearea { left:auto; right:0; width:425px }
.r_w425px .treeBoardArea { margin-left:0; margin-right:435px }
.l_w425px .treearea { width:425px }
.l_w425px .treeBoardArea { margin-left:435px }

.r_w430px .treearea { left:auto; right:0; width:430px }
.r_w430px .treeBoardArea { margin-left:0; margin-right:440px }
.l_w430px .treearea { width:430px }
.l_w430px .treeBoardArea { margin-left:440px }
.r_w435px .treearea { left:auto; right:0; width:435px }
.r_w435px .treeBoardArea { margin-left:0; margin-right:445px }
.l_w435px .treearea { width:435px }
.l_w435px .treeBoardArea { margin-left:445px }

.r_w440px .treearea { left:auto; right:0; width:440px }
.r_w440px .treeBoardArea { margin-left:0; margin-right:450px }
.l_w440px .treearea { width:440px }
.l_w440px .treeBoardArea { margin-left:450px }
.r_w445px .treearea { left:auto; right:0; width:445px }
.r_w445px .treeBoardArea { margin-left:0; margin-right:455px }
.l_w445px .treearea { width:445px }
.l_w445px .treeBoardArea { margin-left:455px }

.r_w450px .treearea { left:auto; right:0; width:450px }
.r_w450px .treeBoardArea { margin-left:0; margin-right:460px }
.l_w450px .treearea { width:450px }
.l_w450px .treeBoardArea { margin-left:460px }
.r_w455px .treearea { left:auto; right:0; width:455px }
.r_w455px .treeBoardArea { margin-left:0; margin-right:465px }
.l_w455px .treearea { width:455px }
.l_w455px .treeBoardArea { margin-left:465px }

.r_w460px .treearea { left:auto; right:0; width:460px }
.r_w460px .treeBoardArea { margin-left:0; margin-right:470px }
.l_w460px .treearea { width:460px }
.l_w460px .treeBoardArea { margin-left:470px }
.r_w465px .treearea { left:auto; right:0; width:465px }
.r_w465px .treeBoardArea { margin-left:0; margin-right:475px }
.l_w465px .treearea { width:465px }
.l_w465px .treeBoardArea { margin-left:475px }

.r_w470px .treearea { left:auto; right:0; width:470px }
.r_w470px .treeBoardArea { margin-left:0; margin-right:480px }
.l_w470px .treearea { width:470px }
.l_w470px .treeBoardArea { margin-left:480px }
.r_w475px .treearea { left:auto; right:0; width:475px }
.r_w475px .treeBoardArea { margin-left:0; margin-right:485px }
.l_w475px .treearea { width:475px }
.l_w475px .treeBoardArea { margin-left:485px }

.r_w480px .treearea { left:auto; right:0; width:480px }
.r_w480px .treeBoardArea { margin-left:0; margin-right:490px }
.l_w480px .treearea { width:480px }
.l_w480px .treeBoardArea { margin-left:490px }
.r_w485px .treearea { left:auto; right:0; width:485px }
.r_w485px .treeBoardArea { margin-left:0; margin-right:495px }
.l_w485px .treearea { width:485px }
.l_w485px .treeBoardArea { margin-left:495px }

.r_w490px .treearea { left:auto; right:0; width:490px }
.r_w490px .treeBoardArea { margin-left:0; margin-right:500px }
.l_w490px .treearea { width:490px }
.l_w490px .treeBoardArea { margin-left:500px }
.r_w495px .treearea { left:auto; right:0; width:495px }
.r_w495px .treeBoardArea { margin-left:0; margin-right:505px }
.l_w495px .treearea { width:495px }
.l_w495px .treeBoardArea { margin-left:505px }

.r_w500px .treearea { left:auto; right:0; width:500px }
.r_w500px .treeBoardArea { margin-left:0; margin-right:510px }
.l_w500px .treearea { width:500px }
.l_w500px .treeBoardArea { margin-left:510px }
.r_w505px .treearea { left:auto; right:0; width:505px }
.r_w505px .treeBoardArea { margin-left:0; margin-right:515px }
.l_w505px .treearea { width:505px }
.l_w505px .treeBoardArea { margin-left:515px }

.r_w510px .treearea { left:auto; right:0; width:510px }
.r_w510px .treeBoardArea { margin-left:0; margin-right:520px }
.l_w510px .treearea { width:510px }
.l_w510px .treeBoardArea { margin-left:520px }
.r_w515px .treearea { left:auto; right:0; width:515px }
.r_w515px .treeBoardArea { margin-left:0; margin-right:525px }
.l_w515px .treearea { width:515px }
.l_w515px .treeBoardArea { margin-left:525px }

.r_w520px .treearea { left:auto; right:0; width:520px }
.r_w520px .treeBoardArea { margin-left:0; margin-right:530px }
.l_w520px .treearea { width:520px }
.l_w520px .treeBoardArea { margin-left:530px }
.r_w525px .treearea { left:auto; right:0; width:525px }
.r_w525px .treeBoardArea { margin-left:0; margin-right:535px }
.l_w525px .treearea { width:525px }
.l_w525px .treeBoardArea { margin-left:535px }

.r_w530px .treearea { left:auto; right:0; width:530px }
.r_w530px .treeBoardArea { margin-left:0; margin-right:540px }
.l_w530px .treearea { width:530px }
.l_w530px .treeBoardArea { margin-left:540px }
.r_w535px .treearea { left:auto; right:0; width:535px }
.r_w535px .treeBoardArea { margin-left:0; margin-right:545px }
.l_w535px .treearea { width:535px }
.l_w535px .treeBoardArea { margin-left:545px }

.r_w540px .treearea { left:auto; right:0; width:540px }
.r_w540px .treeBoardArea { margin-left:0; margin-right:550px }
.l_w540px .treearea { width:540px }
.l_w540px .treeBoardArea { margin-left:550px }
.r_w545px .treearea { left:auto; right:0; width:545px }
.r_w545px .treeBoardArea { margin-left:0; margin-right:555px }
.l_w545px .treearea { width:545px }
.l_w545px .treeBoardArea { margin-left:555px }

.r_w550px .treearea { left:auto; right:0; width:550px }
.r_w550px .treeBoardArea { margin-left:0; margin-right:560px }
.l_w550px .treearea { width:550px }
.l_w550px .treeBoardArea { margin-left:560px }
.r_w555px .treearea { left:auto; right:0; width:555px }
.r_w555px .treeBoardArea { margin-left:0; margin-right:565px }
.l_w555px .treearea { width:555px }
.l_w555px .treeBoardArea { margin-left:565px }

.r_w560px .treearea { left:auto; right:0; width:560px }
.r_w560px .treeBoardArea { margin-left:0; margin-right:570px }
.l_w560px .treearea { width:560px }
.l_w560px .treeBoardArea { margin-left:570px }
.r_w565px .treearea { left:auto; right:0; width:565px }
.r_w565px .treeBoardArea { margin-left:0; margin-right:575px }
.l_w565px .treearea { width:565px }
.l_w565px .treeBoardArea { margin-left:575px }

.r_w570px .treearea { left:auto; right:0; width:570px }
.r_w570px .treeBoardArea { margin-left:0; margin-right:580px }
.l_w570px .treearea { width:570px }
.l_w570px .treeBoardArea { margin-left:580px }
.r_w575px .treearea { left:auto; right:0; width:575px }
.r_w575px .treeBoardArea { margin-left:0; margin-right:585px }
.l_w575px .treearea { width:575px }
.l_w575px .treeBoardArea { margin-left:585px }

.r_w580px .treearea { left:auto; right:0; width:580px }
.r_w580px .treeBoardArea { margin-left:0; margin-right:590px }
.l_w580px .treearea { width:580px }
.l_w580px .treeBoardArea { margin-left:590px }
.r_w585px .treearea { left:auto; right:0; width:585px }
.r_w585px .treeBoardArea { margin-left:0; margin-right:595px }
.l_w585px .treearea { width:585px }
.l_w585px .treeBoardArea { margin-left:595px }

.r_w590px .treearea { left:auto; right:0; width:590px }
.r_w590px .treeBoardArea { margin-left:0; margin-right:600px }
.l_w590px .treearea { width:590px }
.l_w590px .treeBoardArea { margin-left:600px }
.r_w595px .treearea { left:auto; right:0; width:595px }
.r_w595px .treeBoardArea { margin-left:0; margin-right:605px }
.l_w595px .treearea { width:595px }
.l_w595px .treeBoardArea { margin-left:605px }
.r_w600px .treearea { left:auto; right:0; width:600px }
.r_w600px .treeBoardArea { margin-left:0; margin-right:610px }
.l_w600px .treearea { width:600px }
.l_w600px .treeBoardArea { margin-left:610px }

.h250px, 
.h250px .treearea{ height:250px }
.h250px .treeform_md { height:195px }
.h255px, 
.h255px .treearea{ height:255px }
.h255px .treeform_md { height:201px }

.h260px, 
.h260px .treearea{ height:260px }
.h260px .treeform_md { height:205px }
.h265px, 
.h265px .treearea{ height:265px }
.h265px .treeform_md { height:211px }

.h270px, 
.h270px .treearea{ height:270px }
.h270px .treeform_md { height:215px }
.h275px, 
.h275px .treearea{ height:275px }
.h275px .treeform_md { height:221px }

.h280px, 
.h280px .treearea{ height:280px }
.h280px .treeform_md { height:225px }
.h285px, 
.h285px .treearea{ height:285px }
.h285px .treeform_md { height:231px }

.h290px, 
.h290px .treearea{ height:290px }
.h290px .treeform_md { height:235px }
.h295px, 
.h295px .treearea{ height:295px }
.h295px .treeform_md { height:241px }

.h300px, 
.h300px .treearea{ height:300px }
.h300px .treeform_md { height:245px }
.h305px, 
.h305px .treearea{ height:305px }
.h305px .treeform_md { height:251px }

.h310px, 
.h310px .treearea{ height:310px }
.h310px .treeform_md { height:255px }
.h315px, 
.h315px .treearea{ height:315px }
.h315px .treeform_md { height:261px }

.h320px, 
.h320px .treearea{ height:320px }
.h320px .treeform_md { height:265px }
.h325px, 
.h325px .treearea{ height:325px }
.h325px .treeform_md { height:271px }

.h330px, 
.h330px .treearea{ height:330px }
.h330px .treeform_md { height:275px }
.h335px, 
.h335px .treearea{ height:335px }
.h335px .treeform_md { height:281px }

.h340px, 
.h340px .treearea{ height:340px }
.h340px .treeform_md { height:285px }
.h345px, 
.h345px .treearea{ height:345px }
.h345px .treeform_md { height:291px }

.h350px, 
.h350px .treearea{ height:350px }
.h350px .treeform_md { height:295px }
.h355px, 
.h355px .treearea{ height:355px }
.h355px .treeform_md { height:301px }

.h360px, 
.h360px .treearea{ height:360px }
.h360px .treeform_md { height:305px }
.h365px, 
.h365px .treearea{ height:365px }
.h365px .treeform_md { height:311px }

.h370px, 
.h370px .treearea{ height:370px }
.h370px .treeform_md { height:315px }
.h375px, 
.h375px .treearea{ height:375px }
.h375px .treeform_md { height:321px }

.h380px, 
.h380px .treearea{ height:380px }
.h380px .treeform_md { height:325px }
.h385px, 
.h385px .treearea{ height:385px }
.h385px .treeform_md { height:331px }

.h390px, 
.h390px .treearea{ height:390px }
.h390px .treeform_md { height:335px }
.h395px, 
.h395px .treearea{ height:395px }
.h395px .treeform_md { height:341px }

.h400px, 
.h400px .treearea{ height:400px }
.h400px .treeform_md { height:345px }
.h405px, 
.h405px .treearea{ height:405px }
.h405px .treeform_md { height:351px }

.h410px, 
.h410px .treearea{ height:410px }
.h410px .treeform_md { height:355px }
.h415px, 
.h415px .treearea{ height:415px }
.h415px .treeform_md { height:361px }

.h420px, 
.h420px .treearea{ height:420px }
.h420px .treeform_md { height:365px }
.h425px, 
.h425px .treearea{ height:425px }
.h425px .treeform_md { height:371px }

.h430px, 
.h430px .treearea{ height:430px }
.h430px .treeform_md { height:375px }
.h435px, 
.h435px .treearea{ height:435px }
.h435px .treeform_md { height:381px }

.h440px, 
.h440px .treearea{ height:440px }
.h440px .treeform_md { height:385px }
.h445px, 
.h445px .treearea{ height:445px }
.h445px .treeform_md { height:391px }

.h450px, 
.h450px .treearea{ height:450px }
.h450px .treeform_md { height:395px }
.h455px, 
.h455px .treearea{ height:455px }
.h455px .treeform_md { height:401px }

.h460px, 
.h460px .treearea{ height:460px }
.h460px .treeform_md { height:405px }
.h465px, 
.h465px .treearea{ height:465px }
.h465px .treeform_md { height:411px }

.h470px, 
.h470px .treearea{ height:470px }
.h470px .treeform_md { height:415px }
.h475px, 
.h475px .treearea{ height:475px }
.h475px .treeform_md { height:421px }

.h480px, 
.h480px .treearea{ height:480px }
.h480px .treeform_md { height:425px }
.h485px, 
.h485px .treearea{ height:485px }
.h485px .treeform_md { height:431px }

.h490px, 
.h490px .treearea{ height:490px }
.h490px .treeform_md { height:435px }
.h495px, 
.h495px .treearea{ height:495px }
.h495px .treeform_md { height:441px }

.h500px, 
.h500px .treearea{ height:500px }
.h500px .treeform_md { height:445px }
.h505px, 
.h505px .treearea{ height:505px }
.h505px .treeform_md { height:451px }

.h510px, 
.h510px .treearea{ height:510px }
.h510px .treeform_md { height:455px }
.h515px, 
.h515px .treearea{ height:515px }
.h515px .treeform_md { height:461px }

.h520px, 
.h520px .treearea{ height:520px }
.h520px .treeform_md { height:465px }
.h525px, 
.h525px .treearea{ height:525px }
.h525px .treeform_md { height:471px }

.h530px, 
.h530px .treearea{ height:530px }
.h530px .treeform_md { height:475px }
.h535px, 
.h535px .treearea{ height:535px }
.h535px .treeform_md { height:481px }

.h540px, 
.h540px .treearea{ height:540px }
.h540px .treeform_md { height:485px }
.h545px, 
.h545px .treearea{ height:545px }
.h545px .treeform_md { height:491px }

.h550px, 
.h550px .treearea{ height:550px }
.h550px .treeform_md { height:495px }
.h555px, 
.h555px .treearea{ height:555px }
.h555px .treeform_md { height:501px }

.h560px, 
.h560px .treearea{ height:560px }
.h560px .treeform_md { height:505px }
.h565px, 
.h565px .treearea{ height:565px }
.h565px .treeform_md { height:511px }

.h570px, 
.h570px .treearea{ height:570px }
.h570px .treeform_md { height:515px }
.h575px, 
.h575px .treearea{ height:575px }
.h575px .treeform_md { height:521px }

.h580px, 
.h580px .treearea{ height:580px }
.h580px .treeform_md { height:525px }
.h585px, 
.h585px .treearea{ height:585px }
.h585px .treeform_md { height:531px }

.h590px, 
.h590px .treearea{ height:590px }
.h590px .treeform_md { height:535px }
.h595px, 
.h595px .treearea{ height:595px }
.h595px .treeform_md { height:541px }

.h600px, 
.h600px .treearea{ height:600px }
.h600px .treeform_md { height:545px }
.h605px, 
.h605px .treearea{ height:605px }
.h605px .treeform_md { height:551px }

.h610px, 
.h610px .treearea{ height:610px }
.h610px .treeform_md { height:555px }
.h615px, 
.h615px .treearea{ height:615px }
.h615px .treeform_md { height:561px }

.h620px, 
.h620px .treearea{ height:620px }
.h620px .treeform_md { height:565px }
.h625px, 
.h625px .treearea{ height:625px }
.h625px .treeform_md { height:571px }

.h630px, 
.h630px .treearea{ height:630px }
.h630px .treeform_md { height:575px }
.h635px, 
.h635px .treearea{ height:635px }
.h635px .treeform_md { height:581px }

.h640px, 
.h640px .treearea{ height:640px }
.h640px .treeform_md { height:585px }
.h645px, 
.h645px .treearea{ height:645px }
.h645px .treeform_md { height:591px }

.h650px, 
.h650px .treearea{ height:650px }
.h650px .treeform_md { height:595px }
.h655px, 
.h655px .treearea{ height:655px }
.h655px .treeform_md { height:601px }

.h660px, 
.h660px .treearea{ height:660px }
.h660px .treeform_md { height:605px }
.h665px, 
.h665px .treearea{ height:665px }
.h665px .treeform_md { height:611px }

.h670px, 
.h670px .treearea{ height:670px }
.h670px .treeform_md { height:615px }
.h675px, 
.h675px .treearea{ height:675px }
.h675px .treeform_md { height:621px }

.h680px, 
.h680px .treearea{ height:680px }
.h680px .treeform_md { height:625px }
.h685px, 
.h685px .treearea{ height:685px }
.h685px .treeform_md { height:631px }

.h690px, 
.h690px .treearea{ height:690px }
.h690px .treeform_md { height:635px }
.h695px, 
.h695px .treearea{ height:695px }
.h695px .treeform_md { height:641px }

.h700px, 
.h700px .treearea{ height:700px }
.h700px .treeform_md { height:645px }

/* tree bg */
.r_w200px .treeform_tp, .l_w200px .treeform_tp, .r_w205px .treeform_tp, .l_w205px .treeform_tp, .r_w210px .treeform_tp, .l_w210px .treeform_tp, .r_w215px .treeform_tp, .l_w215px .treeform_tp, .r_w220px .treeform_tp, .l_w220px .treeform_tp, .r_w225px .treeform_tp, .l_w225px .treeform_tp, .r_w230px .treeform_tp, .l_w230px .treeform_tp, .r_w235px .treeform_tp, .l_w235px .treeform_tp, .r_w240px .treeform_tp, .l_w240px .treeform_tp, .r_w245px .treeform_tp, .l_w245px .treeform_tp, .r_w250px .treeform_tp, .l_w250px .treeform_tp, .r_w255px .treeform_tp, .l_w255px .treeform_tp, .r_w260px .treeform_tp, .l_w260px .treeform_tp, .r_w265px .treeform_tp, .l_w265px .treeform_tp, .r_w270px .treeform_tp, .l_w270px .treeform_tp, .r_w275px .treeform_tp, .l_w275px .treeform_tp, .r_w280px .treeform_tp, .l_w280px .treeform_tp, .r_w285px .treeform_tp, .l_w285px .treeform_tp, .r_w290px .treeform_tp, .l_w290px .treeform_tp, .r_w295px .treeform_tp, .l_w295px .treeform_tp, .r_w300px .treeform_tp, .l_w300px .treeform_tp, .r_w305px .treeform_tp, .l_w305px .treeform_tp, .r_w310px .treeform_tp, .l_w310px .treeform_tp, .r_w314px .treeform_tp, .l_w314px .treeform_tp, .r_w315px .treeform_tp, .l_w315px .treeform_tp, .r_w320px .treeform_tp, .l_w320px .treeform_tp, .r_w325px .treeform_tp, .l_w325px .treeform_tp, .r_w330px .treeform_tp, .l_w330px .treeform_tp, .r_w335px .treeform_tp, .l_w335px .treeform_tp, .r_w340px .treeform_tp, .l_w340px .treeform_tp, .r_w345px .treeform_tp, .l_w345px .treeform_tp, .r_w350px .treeform_tp, .l_w350px .treeform_tp, .r_w355px .treeform_tp, .l_w355px .treeform_tp, .r_w360px .treeform_tp, .l_w360px .treeform_tp, .r_w365px .treeform_tp, .l_w365px .treeform_tp, .r_w370px .treeform_tp, .l_w370px .treeform_tp, .r_w375px .treeform_tp, .l_w375px .treeform_tp, .r_w380px .treeform_tp, .l_w380px .treeform_tp, .r_w385px .treeform_tp, .l_w385px .treeform_tp, .r_w390px .treeform_tp, .l_w390px .treeform_tp, .r_w395px .treeform_tp, .l_w395px .treeform_tp, .r_w400px .treeform_tp, .l_w400px .treeform_tp, .r_w405px .treeform_tp, .l_w405px .treeform_tp, .r_w410px .treeform_tp, .l_w410px .treeform_tp, .r_w415px .treeform_tp, .l_w415px .treeform_tp, .r_w420px .treeform_tp, .l_w420px .treeform_tp, .r_w425px .treeform_tp, .l_w425px .treeform_tp, .r_w430px .treeform_tp, .l_w430px .treeform_tp, .r_w435px .treeform_tp, .l_w435px .treeform_tp, .r_w440px .treeform_tp, .l_w440px .treeform_tp, .r_w445px .treeform_tp, .l_w445px .treeform_tp, .r_w450px .treeform_tp, .l_w450px .treeform_tp, .r_w455px .treeform_tp, .l_w455px .treeform_tp, .r_w460px .treeform_tp, .l_w460px .treeform_tp, .r_w465px .treeform_tp, .l_w465px .treeform_tp, .r_w470px .treeform_tp, .l_w470px .treeform_tp, .r_w475px .treeform_tp, .l_w475px .treeform_tp, .r_w480px .treeform_tp, .l_w480px .treeform_tp, .r_w485px .treeform_tp, .l_w485px .treeform_tp, .r_w490px .treeform_tp, .l_w490px .treeform_tp, .r_w495px .treeform_tp, .l_w495px .treeform_tp, .r_w500px .treeform_tp, .l_w500px .treeform_tp, .r_w505px .treeform_tp, .l_w505px .treeform_tp, .r_w510px .treeform_tp, .l_w510px .treeform_tp, .r_w515px .treeform_tp, .l_w515px .treeform_tp, .r_w520px .treeform_tp, .l_w520px .treeform_tp, .r_w525px .treeform_tp, .l_w525px .treeform_tp, .r_w530px .treeform_tp, .l_w530px .treeform_tp, .r_w535px .treeform_tp, .l_w535px .treeform_tp, .r_w540px .treeform_tp, .l_w540px .treeform_tp, .r_w545px .treeform_tp, .l_w545px .treeform_tp, .r_w550px .treeform_tp, .l_w550px .treeform_tp, .r_w555px .treeform_tp, .l_w555px .treeform_tp, .r_w560px .treeform_tp, .l_w560px .treeform_tp, .r_w565px .treeform_tp, .l_w565px .treeform_tp, .r_w570px .treeform_tp, .l_w570px .treeform_tp, .r_w575px .treeform_tp, .l_w575px .treeform_tp, .r_w580px .treeform_tp, .l_w580px .treeform_tp, .r_w585px .treeform_tp, .l_w585px .treeform_tp, .r_w590px .treeform_tp, .l_w590px .treeform_tp, .r_w595px .treeform_tp, .l_w595px .treeform_tp, .r_w600px .treeform_tp, .l_w600px .treeform_tp{ background:url(/static/image/content/bg_treeform_x.gif) repeat-x 0 0 }
.r_w200px .treeform_bt, .l_w200px .treeform_bt, .r_w205px .treeform_bt, .l_w205px .treeform_bt, .r_w210px .treeform_bt, .l_w210px .treeform_bt, .r_w215px .treeform_bt, .l_w215px .treeform_bt, .r_w220px .treeform_bt, .l_w220px .treeform_bt, .r_w225px .treeform_bt, .l_w225px .treeform_bt, .r_w230px .treeform_bt, .l_w230px .treeform_bt, .r_w235px .treeform_bt, .l_w235px .treeform_bt, .r_w240px .treeform_bt, .l_w240px .treeform_bt, .r_w245px .treeform_bt, .l_w245px .treeform_bt, .r_w250px .treeform_bt, .l_w250px .treeform_bt, .r_w255px .treeform_bt, .l_w255px .treeform_bt, .r_w260px .treeform_bt, .l_w260px .treeform_bt, .r_w265px .treeform_bt, .l_w265px .treeform_bt, .r_w270px .treeform_bt, .l_w270px .treeform_bt, .r_w275px .treeform_bt, .l_w275px .treeform_bt, .r_w280px .treeform_bt, .l_w280px .treeform_bt, .r_w285px .treeform_bt, .l_w285px .treeform_bt, .r_w290px .treeform_bt, .l_w290px .treeform_bt, .r_w295px .treeform_bt, .l_w295px .treeform_bt, .r_w300px .treeform_bt, .l_w300px .treeform_bt, .r_w305px .treeform_bt, .l_w305px .treeform_bt, .r_w310px .treeform_bt, .l_w310px .treeform_bt, .r_w314px .treeform_bt, .l_w314px .treeform_bt, .r_w315px .treeform_bt, .l_w315px .treeform_bt, .r_w320px .treeform_bt, .l_w320px .treeform_bt, .r_w325px .treeform_bt, .l_w325px .treeform_bt, .r_w330px .treeform_bt, .l_w330px .treeform_bt, .r_w335px .treeform_bt, .l_w335px .treeform_bt, .r_w340px .treeform_bt, .l_w340px .treeform_bt, .r_w345px .treeform_bt, .l_w345px .treeform_bt, .r_w350px .treeform_bt, .l_w350px .treeform_bt, .r_w355px .treeform_bt, .l_w355px .treeform_bt, .r_w360px .treeform_bt, .l_w360px .treeform_bt, .r_w365px .treeform_bt, .l_w365px .treeform_bt, .r_w370px .treeform_bt, .l_w370px .treeform_bt, .r_w375px .treeform_bt, .l_w375px .treeform_bt, .r_w380px .treeform_bt, .l_w380px .treeform_bt, .r_w385px .treeform_bt, .l_w385px .treeform_bt, .r_w390px .treeform_bt, .l_w390px .treeform_bt, .r_w395px .treeform_bt, .l_w395px .treeform_bt, .r_w400px .treeform_bt, .l_w400px .treeform_bt, .r_w405px .treeform_bt, .l_w405px .treeform_bt, .r_w410px .treeform_bt, .l_w410px .treeform_bt, .r_w415px .treeform_bt, .l_w415px .treeform_bt, .r_w420px .treeform_bt, .l_w420px .treeform_bt, .r_w425px .treeform_bt, .l_w425px .treeform_bt, .r_w430px .treeform_bt, .l_w430px .treeform_bt, .r_w435px .treeform_bt, .l_w435px .treeform_bt, .r_w440px .treeform_bt, .l_w440px .treeform_bt, .r_w445px .treeform_bt, .l_w445px .treeform_bt, .r_w450px .treeform_bt, .l_w450px .treeform_bt, .r_w455px .treeform_bt, .l_w455px .treeform_bt, .r_w460px .treeform_bt, .l_w460px .treeform_bt, .r_w465px .treeform_bt, .l_w465px .treeform_bt, .r_w470px .treeform_bt, .l_w470px .treeform_bt, .r_w475px .treeform_bt, .l_w475px .treeform_bt, .r_w480px .treeform_bt, .l_w480px .treeform_bt, .r_w485px .treeform_bt, .l_w485px .treeform_bt, .r_w490px .treeform_bt, .l_w490px .treeform_bt, .r_w495px .treeform_bt, .l_w495px .treeform_bt, .r_w500px .treeform_bt, .l_w500px .treeform_bt, .r_w505px .treeform_bt, .l_w505px .treeform_bt, .r_w510px .treeform_bt, .l_w510px .treeform_bt, .r_w515px .treeform_bt, .l_w515px .treeform_bt, .r_w520px .treeform_bt, .l_w520px .treeform_bt, .r_w525px .treeform_bt, .l_w525px .treeform_bt, .r_w530px .treeform_bt, .l_w530px .treeform_bt, .r_w535px .treeform_bt, .l_w535px .treeform_bt, .r_w540px .treeform_bt, .l_w540px .treeform_bt, .r_w545px .treeform_bt, .l_w545px .treeform_bt, .r_w550px .treeform_bt, .l_w550px .treeform_bt, .r_w555px .treeform_bt, .l_w555px .treeform_bt, .r_w560px .treeform_bt, .l_w560px .treeform_bt, .r_w565px .treeform_bt, .l_w565px .treeform_bt, .r_w570px .treeform_bt, .l_w570px .treeform_bt, .r_w575px .treeform_bt, .l_w575px .treeform_bt, .r_w580px .treeform_bt, .l_w580px .treeform_bt, .r_w585px .treeform_bt, .l_w585px .treeform_bt, .r_w590px .treeform_bt, .l_w590px .treeform_bt, .r_w595px .treeform_bt, .l_w595px .treeform_bt, .r_w600px .treeform_bt, .l_w600px .treeform_bt{ background:url(/static/image/content/bg_treeform_x.gif) repeat-x 0 100% }

/* department */
.department { overflow:hidden; width:250px; height:28px; padding:5px 0 0 5px; background:#fff }
.department h4 { float:left; margin:-5px 0 0 0 }
.department label { font-size:12px }
.department input.textinput { float:left; margin:0 3px }

/* treeform */
.treeform { position:relative; width:100%; background:url(/static/image/content/bg_treeform_md.gif) repeat-y 100% 0 }
.treeform_tp { overflow:hidden; height:41px; background:url(/static/image/content/bg_treeform_tp.gif) repeat-x 0 0 }
.treeform_tp p { padding:7px 0 0 33px; font-weight:bold; color:#fff; vertical-align:top }
.treeform_mdW { background:url(/static/image/content/bg_treeform_y.gif) repeat-y 0 0 }
.treeform_md { overflow-x:hidden; overflow-y:auto; margin:0 10px; height:298px }
.treeform_bt { overflow:hidden; height:14px; background:url(/static/image/content/bg_treeform_bt.gif) repeat-x 0 100% }
.treeform2W { width:275px; height:140px; background:#fff }
.treeform2 { width:273px; height:130px; margin:0 0 10px 2px; border:1px solid #74a9bd; background:#fff }
.tree .btn { overflow:hidden; width:100%; padding:9px 0 0 0 }
.tree .btn ul { float:right }
.tree .btn li { float:left; margin:0 0 0 2px }
.treeIW { position:relative; width:100% }
.treeTL{ position:absolute; top:0; left:0; z-index:10; width:25px; height:41px; background:url(/static/image/content/bg_treeform_round.gif) no-repeat 0 0 }
.treeTR{ position:absolute; top:0; left:-13px; z-index:10; width:13px; height:41px; margin-left:100%; background:url(/static/image/content/bg_treeform_round.gif) no-repeat 100% 0 }
.treeBL{ position:absolute; bottom:0; left:0; z-index:10; width:13px; height:14px; background:url(/static/image/content/bg_treeform_round.gif) no-repeat 0 100% }
.treeBR{ position:absolute; bottom:0; left:-13px; z-index:10; width:13px; height:14px; margin-left:100%; background:url(/static/image/content/bg_treeform_round.gif) no-repeat 100% 100% }

/*.treeBoardArea2 */
.treeBoardArea2 .approval { overflow:hidden; width:100%; padding:20px 0; text-align:center; display:inline-block }
.treeBoardArea2 .approval li { display:inline; padding:0 10px 0 0; text-align:center }
.treeBoard table { position:relative; width:100%; color:#464646; border-top:1px solid #aaa; border-bottom:1px solid #ccc; border-collapse:collapse }
.treeBoard table th,
.treeBoard table td{ height:29px; text-align:left; padding:4px 0; line-height:15px; vertical-align:middle; border-bottom:1px solid #e1e1e1 }
.treeBoard table th { font-size:11px; color:#0f3c74; padding:0 5px; text-align:center; background:#f4f4f4 }
.treeBoard table tr.lastchild th,
.treeBoard table tr.lastchild td,
.treeBoard table th.lastchild,
.treeBoard table td.lastchild{ border-bottom:0 none }
.treeBoard table td { font-size:12px; padding:3px 3px 3px 5px; background:#fff }
.treeBoard table td img { vertical-align:middle }
.treeBoard table td li a { }
.treeBoard table td input.textinput { height:18px; border:1px solid #ccc }
.treeBoard table td input.fl { float:left }
.treeBoard table td div { position:relative; width:100%; height:20px; margin:0 -2px 0 0; padding:0 0 0 2px; line-height:1.0; zoom:1 }
.treeBoard table td div:after { display:block; clear:both; content:"" }
.treeBoard table td label { font-size:12px }
.treeBoard table td div label,
.treeBoard table td div p { position:absolute; top:4px; left:0 }
.treeBoard table td #treename { width:100%; padding:0 }
.treeBoard table td #treecode { position:absolute; top:0; right:0; margin:0 0 0 10px; padding:0 }
.treeBoard table td #treeCnt { width:100%; padding:0 }
.treeBoard table td ul { float:right }
.treeBoard table td li { float:left }
.treeBoard input.textinput { width:110px; height:16px; border:1px solid #ccc }

/* stepguide(securityExam/00.html) */
.stepguide{ vertical-align:top; line-height:100%; background:url(/static/image/content/stepguide_bg.gif) no-repeat 50px 235px }
.stepguide .first { overflow:hidden; width:100%; height:270px; padding:26px 0 0 0 }
.stepguide .second { overflow:hidden; width:670px; padding:26px 0 0 117px }
.stepguide .first .stepbox { float:left; width:126px; padding-left:52px; text-align:center; background:url(/static/image/content/arrow_bg.gif) no-repeat 8px 57px }
.stepguide .second .stepbox { height:auto; float:left; width:126px; padding-top:20px; padding-right:53px; text-align:center; background:url(/static/image/content/arrow_bg2.gif) no-repeat 131px 77px; }
.stepguide .second .arrow_bg3{ padding-right:85px; background:url(/static/image/content/arrow_bg3.gif) no-repeat 131px 81px }

.stepguide .first p.start{ width:64px; float:left; padding-top:36px }
.stepguide .first p.stepback { padding:71px 0 0 5px }
.stepguide .first p.stepdown { float:right; padding:49px 90px 0 0 }
.stepguide .first .end { padding:36px 0 0 30px; background:url(/static/image/content/arrow_bg2.gif) no-repeat 5px 57px }
.stepguide .first .na { margin:0 0 0 -4px }

.stepguide .second p{ float:right; padding:0 10px }
.stepguide .second p.step { float:right; padding:36px 12px 0 12px }
.stepguide .second p.stepback { margin:0 -30px 0 0; padding:71px 0 0 5px }
.stepguide .second p.serviceopen { float:right; padding:0 49px 0 0 }
.stepguide .second .end{ width:64px; height:64px; float:left; padding-top:55px }

.stepguide .stepbox p.progress { float:none; padding:0 0 2px 0; text-align:left }
.stepguide .stepbox .stepbox_bg_top{ width:122px; overflow:hidden; height:9px; background:url(/static/image/content/stepbox_top.gif) no-repeat }
.stepguide .stepbox .stepbox_bg_mid{ width:122px; background:url(/static/image/content/stepbox_mid.gif) repeat-y }
.stepguide .stepbox .stepguideBt{ overflow:hidden; width:122px; height:12px; background:url(/static/image/content/stepbox_btm.gif) no-repeat }
.stepguide .stepbox p.tit { float:none; margin:0 12px 0 12px; padding:0 0 7px 0; font-weight:bold; color:#418fb5; border-bottom:1px dotted #b0b0b0 }
.stepguide .stepbox p.tit2 { float:none; margin:0 12px 0 12px; padding:14px 0 0 0; font-weight:bold; color:#418fb5 }

.stepguide .stepbox ul { padding:9px 0 12px 0; color:#999 }
.stepguide .stepbox ul li { line-height:17px }
.stepguide .stepbox ul li a { display:inline-block;  color:#444 }
.stepguide .stepbox ul li a:hover,
.stepguide .stepbox ul li a:active,
.stepguide .stepbox ul li a:focus{ width:122px; color:#fff; text-decoration:none; background:#b9b9b9 }

/* bgnone */
.bgnone { background:none }
.bg_none { background:none !important }

/* weakpoint */
.weakpoint { position:relative; height:25px; margin:1px 0 ; font-size:11px;vertical-align:middle; line-height:23px; background:url(/static/image/bu/bg_weakpoint.gif) repeat-x 0 0; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa }
.weakpoint p { position:absolute; padding:0 6px 0 21px; color:#0f3c74; line-height:middle; background:url(/static/image/bu/bu_weakpoint.gif) no-repeat 8px 50% }
.weakpoint strong { }
.weakpoint p.exception { position:absolute; top:0; right:0; margin:3px 9px 0 0; padding:4px; font-weight:bold; color:#93cad6; vertical-align:top; line-height:100%; background:#444 }
.weakpoint p.exception span.num { font-weight:bold; color:#fff }
.weakpoint ul { overflow:hidden; padding:0 0 0 130px }
.weakpoint li { float:left; padding:0 6px }

/* box */
.box { border:1px solid #ccc }
.box a { color:#2f3743 }
.box .inner { padding:0 5px 0 3px }

/* dotted_box */
.dotted_box { width:auto; height:auto; border:1px dotted #b0b0b0; background:#fff }
.dotted_box .inner { margin:1px; padding:6px 5px 4px; background:#f5f5f5 }
.dotted_box ul { }
.dotted_box li { min-height:25px; line-height:25px }
.dotted_box li * { vertical-align:middle }

/* totalCheckCondition */
.totalCheckCondition { height:20px; padding:12px 0 0 12px; background:url(/static/image/bu/bu_list.gif) no-repeat 5px 18px }

/* round_box */
.round_box_tp { position:relative; width:100%; height:9px; border-top:1px solid #ccc }
.round_box_tp .tp_left { position:absolute; top:-1px; left:0 }
.round_box_tp .tp_right { position:absolute; top:-1px; left:-8px; margin-left:100% }
.round_box_bt { position:relative; width:100%; height:9px; border-bottom:1px solid #ccc }
.round_box_bt .tp_left { position:absolute; top:0; left:0 }
.round_box_bt .tp_right { position:absolute; top:0; left:-8px; margin-left:100% }

/* straight_box */
.straight_box_tp { height:auto; margin:0 3px 0 0; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc }
.straight_box_md { height:auto; margin:0 3px 0 0; border-right:1px solid #ccc; border-left:1px solid #ccc; zoom:1 }
.straight_box_md:after { display:block; clear:both; content:"" }
.straight_box_bt { height:auto; margin:0 3px 0 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc }
.straight_box { padding:13px 0; border-top:1px solid #aaa; border-bottom:1px solid #ccc }
.straight_box_md .sectionWrap { overflow:hidden; width:98%; padding:8px 0 8px 2%; margin:0 0 0 }
.straight_box_md .section { float:left; width:48%; margin-right:1% }
.innerbar { min-height:30px; height:auto !important; height:30px; margin:0 7px; padding:0 0 0 8px; line-height:30px; background:#f4f4f4 }
p.service_important { display:block; padding:17px 16px 17px 0; font-weight:bold; color:#4593b7; text-align:right }

/* round box */
.view_box{ margin-bottom:12px; border:1px solid #ccc }
.view_box .guide{ position:relative;width:100% }
.view_box .tl{ display:block;position:absolute;top:-1px;left:-1px;width:5px;height:5px;background:url(/static/image/content/bg_a3_rndbox.gif) no-repeat;font-size:0 }
.view_box .tr{ display:block;position:absolute;top:-1px;left:-4px;width:5px;height:5px;margin-left:100%;background:url(/static/image/content/bg_a3_rndbox.gif) 100% 0 no-repeat;font-size:0 }
.view_box .lb{ display:block;position:absolute;top:-4px;left:-1px;width:5px;height:5px;background:url(/static/image/content/bg_a3_rndbox.gif) 0 100% no-repeat;font-size:0 }
.view_box .rb{ display:block;position:absolute;top:-4px;left:-4px;width:5px;height:5px;margin-left:100%;background:url(/static/image/content/bg_a3_rndbox.gif) 100% 100% no-repeat;font-size:0 }
.view_box .cont{ position:relative; min-height:20px; height:auto !important; height:20px; margin:9px 7px; padding:12px 70px 7px 15px; line-height:1.5; background:#f4f4f4 }
.view_box_btn { position:absolute; top:50%; right:24px; height:20px; margin-top:-10px }

/* question radio select */
.question { min-height:19px; height:auto !important; height:19px; margin:0 7px; padding:0 0 0 8px; line-height:19px; background:#f4f4f4 }
.survey_refer { min-height:19px; height:auto !important; height:19px; margin:-5px 7px 10px; padding:0 0 0 8px; font-size:11px; color:#4f5e9e; line-height:19px }
.radio_list { height:26px; padding:10px 0 0 15px; zoom:1 }
.radio_list:after { display:block; clear:both; content:"" }
.radio_list li { float:left; vertical-align:middle; line-height:100% }
.radio_list li img,
.radio_list li span{ vertical-align:middle; line-height:100% }
.radio_list .labels { display:inline; float:left; font-size:12px; vertical-align:middle; line-height:100% }

.radio_list2 { padding:10px 0 0 15px }
.radio_list2 li { width:100%; min-height:20px; height:auto !important; height:20px; zoom:1 }
.radio_list2 li:after { display:block; clear:both; content:"" }
.radio_list2 .labels { font-size:12px }
.radio_list2 li .subSelect { clear:both; width:100%; margin:0 0 5px }

.radio_list3 { overflow:hidden; width:100% }
.radio_list3 div { float:left; width:28% }

.radio_list_pn { overflow:hidden }
.radio_list_pn li { float:left; vertical-align:middle; line-height:100% }

/* check select */
.check_list { overflow:hidden; width:512px; padding:5px 0 }
.check_list li { float:left; width:33% }
.check_list2 { padding:5px 0 0 0; line-height:1.5 }
.check_list3 li { width:100% }

/* btnarea */
.btnarea { overflow:hidden; width:100%; padding:15px 0 0 0 }
.btnarea p.left { padding:0 0 0 4px }
.btnarea p.right { float:right; padding:0 4px 0 0 }
.btnarea ul.left { padding:0 0 0 4px }
.btnarea ul.right { float:right; padding:0 2px 0 0 }
.btnarea ul.left li,
.btnarea ul.right li{ float:left; padding:0 3px 0 0 }

/* emptyarea */
.emptyarea { margin:0 5px 0 0; height:200px; background:#93cad6 }
.emptyarea p { padding:90px 0 0 0; text-align:center }

/* projectstep */
.projectstep { overflow:hidden; width:100%; height:100px; margin:0 0 30px 0 }
.projectstep li { float:left; width:160px; height:auto; background:url(/static/image/ico/ico_nextproject.gif) no-repeat 100% 30px }
.projectstep li.lastchild { background:0 none }
.projectstep { float:left; display:block; height:100px; text-indent:-9999px }

.projectstep .type { width:124px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat left top }
.projectstep .type_current,
.projectstep .type:hover { width:124px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat left -100px }

.projectstep .info { width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -124px 0 }
.projectstep .info_current,
.projectstep .info:hover { width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -124px -100px }

.projectstep .private { width:123px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -250px top }
.projectstep .private_current,
.projectstep .private:hover { width:123px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -250px -100px }

.projectstep .analysis { width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -373px top }
.projectstep .analysis_current,
.projectstep .analysis:hover { width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -373px -100px }

.projectstep .securitycheck { width:130px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -500px top }
.projectstep .securitycheck_current,
.projectstep .securitycheck:hover { width:130px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -500px -100px }

.projectstep .infra { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -620px top }
.projectstep .infra_current,
.projectstep .infra:hover { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -620px -100px }

.projectstep .srtype { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -740px top }
.projectstep .srtype_current,
.projectstep .srtype:hover { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -740px -100px }

.projectstep .srinfo { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -863px top }
.projectstep .srinfo_current,
.projectstep .srinfo:hover { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -863px -100px }

.projectstep .assetinfo { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -1000px top }
.projectstep .assetinfo_current,
.projectstep .assetinfo:hover { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -1000px -100px }

/* projectstep_form ::: securityExam - Regist to Self Test of Process Step Images ::: Choi,MinYoung, add */
.projectstep_form { overflow:hidden; width:100%; height:100px; margin:0 0 30px 0 }
.projectstep_form li { float:left; width:160px; height:auto; background:url(/static/image/ico/ico_nextproject.gif) no-repeat 100% 30px }
.projectstep_form li.lastchild { background:0 none }
.projectstep_form { float:left; display:block; height:100px; text-indent:-9999px }

.projectstep_form .type { width:124px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat left top }
.projectstep_form .type_current{ width:124px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat left -100px }

.projectstep_form .info { width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -124px 0 }
.projectstep_form .info_current{ width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -124px -100px }

.projectstep_form .private { width:123px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -250px top }
.projectstep_form .private_current{ width:123px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -250px -100px }

.projectstep_form .analysis { width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -373px top }
.projectstep_form .analysis_current{ width:126px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -373px -100px }

.projectstep_form .securitycheck { width:130px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -500px top }
.projectstep_form .securitycheck_current{ width:130px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -500px -100px }

.projectstep_form .infra { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -620px top }
.projectstep_form .infra_current{ width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -620px -100px }

.projectstep_form .srtype { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -740px top }
.projectstep_form .srtype_current{ width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -740px -100px }

.projectstep_form .srinfo { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -863px top }
.projectstep_form .srinfo_current{ width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -863px -100px }

.projectstep_form .assetinfo { width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -1000px top }
.projectstep_form .assetinfo_current{ width:113px; background: transparent url(/static/image/content/img_projectstep1.gif) no-repeat -1000px -100px }

/* application */
.application { width:773px; height:800px; margin:0 0 0 0px; }
.application .applicationCnt1 { height:35px; background: transparent url(/static/image/content/line_application.gif) no-repeat 12px 100% }
.application .applicationCnt1 p { padding:0px 0 0 24px }
.application .applicationCnt2 { height:auto; }
.application .applicationCnt2 p.txt { margin:0; padding:10px 0 0 26px }
.application .applicationCnt2 ul.btnarea { overflow:hidden; padding:44px 0 0 203px }
.application .applicationCnt2 ul.btnarea li { display:block; float:left; padding:0 36px 0 0; text-align:center }
.application .applicationCnt2 ul.btnarea li p { padding:0 0 3px 0 }

/* exam */
.exam { overflow:hidden; width:100%; line-height:1.5 }
.exam ul.left { float:left }
.exam ul.right { float:right }
.exam li { float:left }
.exam p.left { float:left }
.exam p.right { float:right }

/* width100 */
.width100 { width:100%; height:18px }

/* crisis010103_2 */
.crisis010103_2 p{ font-weight:bold }

/* crisis020101 */
.crisis020101{ line-height:18px }
.crisis020101 em{ font-weight:bold; }
.crisis020101 strong{ font-weight:bold; color:red }

/* compliance */
.selectByStep { padding:5px 10px; border-bottom:2px solid #f2f2f2 }
.selectByStep ol { overflow:hidden; width:100% }
.selectByStep li { float:left; width:165px; padding:0 5px 0 0 }
.selectByStep li select { width:100% }
.section_compliance { width:100%; margin-bottom:25px }

/* emailQuestion */
#emailQuestion { overflow:hidden; width:652px; margin:0 auto }
#emailQuestion #emailConfirm_header { overflow:hidden; width:100%; height:95px; padding:69px 76px 0; background:url(/static/image/login/bg_emailquestion_header.gif) no-repeat 0 0 }
#emailQuestion #emailConfirm_header h1 { margin-bottom:23px }
#emailQuestion #emailConfirm_header p { width:500px; padding:0 0 0 25px; font-size:14px; font-weight:bold; color:#fff; line-height:14px; vertical-align:top; background:url(/static/image/bu/bu_sendmail.gif) no-repeat 7px 2px }
#emailQuestion #emailConfirm_content { min-height:275px; height:auto !important; height:275px; padding:32px 116px 0; color:#2f3743; background:url(/static/image/login/bg_emailquestion_content.gif) no-repeat 0 100% }
#emailQuestion .section { line-height:1.5 }
#emailQuestion .section h2 { padding:17px 3px 0; font-weight:bold; color:#4f5e9e; border-top:1px dotted #d4d4d4 }
#emailQuestion .section h2.firstchild { padding:0 3px 0; border-top:0 none }
#emailQuestion .section p { padding:7px 0 10px 16px }
#emailQuestion .emailConfirm_foot { padding:35px 35px 55px }
#emailQuestion .emailConfirm_foot p { text-align:center }
#emailQuestion .emailConfirm_foot p.gopage { margin:0 0 37px }

/* systemAdmin - SEND MAIL */
#mail_bg_top{ overflow:hidden; width:650px; height:119px; background:url(/static/image/systemAdmin/mail_bg_top.gif) no-repeat 0 0 }
#mail_bg_top h1{ padding:46px 0 0 110px }
#mail_bg_top h2{ padding:23px 0 0 94px }
#mail_bg_mid{ width:650px; background:url(/static/image/systemAdmin/mail_bg_mid.gif) repeat-y 0 0 }
#mail_bg_mid p.info{ padding:36px 0 30px 89px; line-height:20px }
#mail_bg_mid p.info2{ padding:0 0 30px 89px; }
#mail_bg_mid p.id{ padding:0 0 30px 89px; line-height:20px }
#mail_bg_btm{ width:650px; height:247px; background:url(/static/image/systemAdmin/mail_bg_btm.gif) no-repeat }
#mail_bg_btm2{ width:650px; height:247px; background:url(/static/image/systemAdmin/mail_bg_btm2.gif) no-repeat }
#mail_bg_btm2 p{ padding-top:199px; text-align:center }
#mail_bg_btm h3{ padding:0 0 0 89px }
#mail_bg_btm .mail_content{ padding:34px 0 0 115px }
#mail_bg_btm p{ padding:44px 0 0 184px }
#mail_bg_btm .mail_content p{ padding:0 0 11px 0 }

.systemAdmin29{ padding-top:15px; border-bottom:solid 1px #ccc }
.systemAdmin29 dl{ padding-bottom:26px; background:url(/static/image/systemAdmin/box_bg.gif) no-repeat }
.systemAdmin29 dt{ padding:10px 0 0 45px; background:url(/static/image/bu/bu_weakpoint2.gif) no-repeat 33px 13px; font-weight:bold }
.systemAdmin29 dd{ padding:22px 0 0 45px; line-height:1.5; background:url(/static/image/systemAdmin/arrow.gif) no-repeat 15px 14px }

.down_top { position:relative }
.down_tit { padding-bottom:15px; background:url(/static/image/systemAdmin/down_underbar.gif) repeat-x 0 27px }
.down_search { position:absolute; top:0; right:0; width:60px !important; margin-top:0 !important }

/* opentable */
.opentabletit { background:url(/static/image/content/bg_opentabletit.gif) repeat-x 0 0 }
.opentable { min-height:150px; height:auto !important; height:150px; padding:0 0 0 50px; background:url(/static/image/content/bg_opentable.gif) no-repeat 20px 0 }
.opentable p { float:none !important; padding:0 0 7px 0 }
.opentable ul { zoom:1 }
.opentable ul:after { display:block; clear:both; content:"" }
.opentable li { position:relative; padding:3px 0; line-height:1.5; vertical-align:middle }
.opentable li li { position:relative; width:450px; min-height:15px; height:auto !important; height:15px; padding:3px 30px 3px 20px; line-height:1.5; vertical-align:middle }
.opentable .add { position:absolute; top:2px; left:500px }
.opentable .modify { position:absolute; top:2px; left:500px }
.opentable .delete { position:absolute; top:2px; left:536px }
.opentable .analysis { position:absolute; top:2px; left:500px }

/* flowchart */
.flowchart { width:800px }
.flowchart table td { vertical-align:top; line-height:100% }

/* MONITERING : OVERALL PRESENT */
#container_monitering #monitering_nosnb .overallPresent { position:relative; overflow:hidden; width:946px; padding:0 0 16px 0 }
#container_monitering #monitering_nosnb .overallPresent h3 { float:left; padding:0 20px 0 10px }
#container_monitering #monitering_nosnb .overallPresent p.day { padding:18px 0 0 0 }
#container_monitering #monitering_nosnb .overallPresent ul.pagenum { position:absolute; top:20px; right:7px }
#container_monitering #monitering_nosnb .overallPresent ul.pagenum li { float:left; padding:0 5px; font-size:11px; vertical-align:top; line-height:100% }
#container_monitering #monitering_nosnb .overallPresent ul.pagenum li img { vertical-align:top; line-height:100%; padding:2px; vertical-align:top; line-height:100% }

.moniteringboxS_set { overflow:hidden; padding:5px 0 0 10px }
.moniteringboxS { float:left; padding:0 9px 0 0 }
h4.monitering { margin:0; padding:8px 0 0 13px; color:#d0d2d7; background:none; vertical-align:top; line-height:100% }
p.more_monitering { position:absolute; top:10px; right:8px }

/* overallPresent graph */
.overallPresent_graph { position:relative; height:172px }
.overallPresent_graph p { height:140px }
.circleGraph { display:inline; padding:20px 10px 0 0 }
.circleGraph li { height:15px; margin:0; padding:0; font-size:11px; line-height:15px; vertical-align:top }
.circleGraph li img { vertical-align:top; line-height:50% }
.graphinfo { position:relative; height:12px; overflow:hidden; text-align:center; display:block }
.graphinfo li { padding:0; font-size:11px; display:inline; text-align:center; vertical-align:top; line-height:100% }
.graphinfo li img { vertical-align:top; line-height:100% }

/* overallPresent_calendar */
.overallPresent_calendar { overflow:hidden; padding:14px 0 0 0; text-align:center; display:block }
.overallPresent_calendar li { display:inline; vertical-align:top; line-height:100% }
.overallPresent_calendar li.day { padding:0 20px; font-weight:bold; color:#ddd; display:inline }
.overallPresent_calendar li img { padding:2px }

/* MONITERING : OVERALL BIG BOX*/
.moniteringbox_tp { overflow:hidden; width:946px; height:4px; background:url(/static/image/monitering/bg_moniteringbox_tp.gif) no-repeat 0 0 }
.moniteringbox_tit { overflow:hidden; width:946px; height:33px; background:url(/static/image/monitering/bg_moniteringbox_tit.gif) no-repeat 0 0 }
.moniteringbox_md { width:946px; height:auto; background:url(/static/image/monitering/bg_moniteringbox_md.gif) repeat-y 0 0 }
.moniteringbox_bt { overflow:hidden; width:946px; height:5px; background:url(/static/image/monitering/bg_moniteringbox_bt.gif) no-repeat 0 0 }

/* MONITERING : OVERALL SMALL BOX*/
.moniteringboxS_tp { position:relative; overflow:hidden; width:302px; height:28px; background:url(/static/image/monitering/bg_moniteringboxS_tp.gif) no-repeat 0 0 }
.moniteringboxS_md { position:relative; width:302px; height:172px; background:url(/static/image/monitering/bg_moniteringboxS_md.gif) repeat-y 0 0 }
.moniteringboxS_bt { overflow:hidden; width:302px; height:7px; background:url(/static/image/monitering/bg_moniteringboxS_bt.gif) no-repeat 0 0 }

/* case */
.case{ width:726px; height:330px; background:url(/static/image/infoSecurity/case_bg.gif) no-repeat 0 0 }
.case p{ padding:37px 0 0 410px }
.case ul{ padding:31px 0 0 408px }
.case .case_quick1{ float:left; width:147px; height:91px; padding:0; background:url(/static/image/infoSecurity/case_quick1_bg.gif) no-repeat }
.case .case_quick1 a { display:block; height:91px }
.case .case_quick1 a img { padding:24px 0 0 73px }
.case .case_quick2{ float:left; width:147px; height:91px; margin-left:6px; background:url(/static/image/infoSecurity/case_quick2_bg.gif) no-repeat }
.case .case_quick2 a { display:block; height:91px }
.case .case_quick2 a img { padding:24px 0 0 73px }

.case_list{ position:relative; overflow:hidden; width:100%; background:url(/static/image/infoSecurity/case_top_line.gif) repeat-x 0 7px; border-bottom:solid 1px #ccc }
.case_list .list1{ position:absolute; top:0; left:-16px; width:195px; height:200px; background:url(/static/image/infoSecurity/case_list_bg1.jpg) no-repeat 50% 97% }
.case_list ul{ position:relative; padding:14px 5px 0 190px }
.case_list ul li{ overflow:hidden; padding:5px 0; font-weight:bold; color:#333; border-bottom:dashed 1px #ccc }
.case_list ul li img{ padding-right:15px; vertical-align:middle }
.case_list ul li span { position:absolute; right:0 }
.case_list .borderNo{ border:none }

.case_list2{ position:relative; overflow:hidden; width:100%; margin-top:20px; background:url(/static/image/infoSecurity/case_top_line.gif) repeat-x 0 7px; border-bottom:solid 1px #ccc }
.case_list2 .list1{ position:absolute; top:0; left:0px; width:160px; height:183px; padding-left:0; background:url(/static/image/infoSecurity/case_list_bg2.jpg) no-repeat 30px 100px }
.case_list2 ul{ position:relative; padding:10px 0 0 185px }
.case_list2 ul li{ overflow:hidden; padding:5px 0 0 0; color:#333; border-bottom:dashed 1px #ccc }
.case_list2 ul li img{ padding:0 15px 0 5px; vertical-align:middle }
.case_list2 ul li span{ position:absolute; right:0 }
.case_list2 ul li p{ margin:5px 0 0 0; padding:5px 0; background:#f5f5f5; border-top:dashed 1px #ccc }
.case_list2 .borderNo{ border:none }

.case_guide1{ position:relative; }
.case_guide2{ position:absolute; left:500px; top:-5px; z-index:1; height:64px; width:238px; padding:0; background:url(/static/image/infoSecurity/case_guide2_bg.gif) no-repeat 0 0 }
.guide_tit{ height:23px; padding-top:14px }
.guide_h4{ width:777px; height:46px; padding:21px 0 0 30px; background:url(/static/image/infoSecurity/guide_title_bg.gif) no-repeat; }
.case_guide1 ul{ position:relative; padding:4px 0 21px 0 }
.case_guide1 li{ width:776px; height:30px; padding:10px 0 6px 12px; vertical-align:top; line-height:100%; background:url(/static/image/infoSecurity/guide_list_bg.gif) no-repeat 5px 0 }
.case_guide1 li a{ font-weight:bold; color:#fff; letter-spacing:-1px; vertical-align:top; line-height:100% }
.case_guide1 li a:hover{ text-decoration:none }
.case_guide1 li span{ position:absolute; left:230px; vertical-align:top; line-height:100% }

.notice1{ position:relative; }
.notice{ position:absolute; right:20px; top:15px; z-index:1; height:89px; width:192px; padding:0; background:url(/static/image/infoSecurity/notice_bg.jpg) no-repeat 100% 0; }
.notice2{ position:relative; }
.notice3{ position:absolute; right:20px; top:0; z-index:1; height:67px; width:192px; padding:0; background:url(/static/image/infoSecurity/notice_bg.jpg) no-repeat 100% 0; }
.notice_tit{ height:15px; padding:13px 0 17px 0 }

.qna2{ height:79px; padding:0 0 0 180px; background:url(/static/image/infoSecurity/QnA_bg.gif) no-repeat 45px 0; }
.qna2 li{ padding:0 0 7px 7px; vertical-align:top; line-height:100%; font-size:75%; background:url(/static/image/infoSecurity/bu2.gif) no-repeat 0 5px }
.qna2 .faq_view{ padding-left:10px; background:none }

/* infoSecurity : FAQW */
.faqW { position:relative; width:100%; border-bottom:solid 1px #ccc }
.faqW .f_q { position:relative; width:100%; height:79px; padding:0; border-top:1px dotted #ccc }
.faqW .f_q .faq_btn { position:absolute; top:0; left:-78px; width:79px; height:23px; margin-left:100%; background:url(/static/image/infoSecurity/btn_tit_10pointprogram.gif) no-repeat 0 0 }
.faqW .show .f_q .faq_btn { background-position:0 100% }
.faqW .f_q a { display:block; height:79px; text-indent:-9999em; background:url(/static/image/infoSecurity/bg_tit_10pointprogram.gif) no-repeat 0 0 }
.faqW .a1 { background-position:0 0; border:none }
.faqW .a1 a:hover,
.faqW .show .a1 a { border:0 none; background-position:-1450px 0 }
.faqW .a2 a { background-position:0 -80px }
.faqW .a2 a:hover,
.faqW .show .a2 a { background-position:-1450px -80px }
.faqW .a3 a { background-position:0 -160px }
.faqW .a3 a:hover,
.faqW .show .a3 a { background-position:-1450px -160px }
.faqW .a4 a { background-position:0 -240px }
.faqW .a4 a:hover,
.faqW .show .a4 a { background-position:-1450px -240px }
.faqW .a5 a { background-position:0 -320px }
.faqW .a5 a:hover,
.faqW .show .a5 a { background-position:-1450px -320px }
.faqW .a6 a { background-position:0 -400px }
.faqW .a6 a:hover,
.faqW .show .a6 a { background-position:-1450px -400px }
.faqW .a7 a { background-position:0 -480px }
.faqW .a7 a:hover,
.faqW .show .a7 a { background-position:-1450px -480px }
.faqW .a8 a { background-position:0 -560px }
.faqW .a8 a:hover,
.faqW .show .a8 a { background-position:-1450px -560px }
.faqW .a9 a { background-position:0 -640px }
.faqW .a9 a:hover,
.faqW .show .a9 a { background-position:-1450px -640px }
.faqW .a10 a { background-position:0 -720px }
.faqW .a10 a:hover,
.faqW .show .a10 a { background-position:-1450px -720px }

.faqW .f_a { width:100%; margin:0 0 20px; border:none; background:url(/static/image/infoSecurity/bg_txt_10pointprogram.jpg) no-repeat 105px 0; zoom:1 }
.faqW #a1 .f_a { height:220px; background-position:105px 0 }
.faqW #a2 .f_a { height:234px; background-position:105px -230px }
.faqW #a3 .f_a { height:775px; background-position:105px -480px }
.faqW #a4 .f_a { height:200px; background-position:105px -1270px }
.faqW #a5 .f_a { height:363px; background-position:105px -1480px }
.faqW #a6 .f_a { height:281px; background-position:105px -1860px }
.faqW #a7 .f_a { height:179px; background-position:105px -2160px }
.faqW #a8 .f_a { height:300px; background-position:105px -2350px }
.faqW #a9 .f_a { height:238px; background-position:105px -2660px }
.faqW #a10 .f_a { height:270px; background-position:105px -2910px }

.infosecurity1 { position:absolute; right:0; top:-5px; z-index:1; height:65px; width:353px; background:url(/static/image/infoSecurity/Security_tit_bg.gif) no-repeat 0 0 }
.security { height:23px; padding-top:17px; background:url(/static/image/systemAdmin/down_underbar.gif) repeat-x 0 38px }

/* faq */
.faq { position:relative }
.faq1 { position:absolute; right:20px; top:-5px; z-index:1; width:192px; height:86px; padding:0; background:url(/static/image/infoSecurity/faq_bg.jpg) no-repeat 100% 10px }
.faq_tit { height:15px; padding:12px 0 13px 0 }
.faq dl { border-top:solid 2px #aaa; border-bottom:solid 1px #aaa }
.faq dl dt { height:30px; padding:3px 0 0; border-top:dashed 1px #ccc }
.faq dl dt a { display:block; color:#444; text-decoration:none }
.faq dl dd { width:100%; padding:3px 0 5px 0; margin:5px 0; color:#333; line-height:1.5 }
.faq dl dt img { padding-right:15px; vertical-align:middle }
.faq dl .first { margin-top:5px; border:0 none }
.faq dl .last { border:none }
.faq dl dd { line-height:1.5; background:url(/static/image/infoSecurity/answer.gif) no-repeat 13px 0 }
.faq dl dd p { padding:0 0 15px 73px; line-height:18px }

/* dataroom */
.dataroom1{ position:relative; }
.dataroom{ position:absolute; right:20px; top:-5px; z-index:1; height:89px; width:251px; padding:0; background:url(/static/image/infoSecurity/dataroom_bg.jpg) no-repeat 100% 0 }
.dataroom_tit{ height:15px; padding:12px 0 13px 0 }

/* btn_downList */
ul.btn_downList li { margin:0 0 2px; vertical-align:top }
/* icon */
.checkedIcon { padding:3px 4px 4px 3px; vertical-align:middle }

/* serviceDesk */
.choiceRadio { margin:0 0 15px; border-top:1px solid #ccc }
.choiceRadio ul{ overflow:hidden; width:100%; padding:4px 0; border-bottom:1px solid #ccc; background:#fbfbfb }
.choiceRadio li { float:left; padding: 0 12px }
.choiceRadio li .radioInput { display:inline-block; float:left; width:12px; height:12px; margin:5px 3px 0 0; padding:0 }
.choiceRadio li span { float:left; }

/* chart_radio */
.chart_radio { position:relative }
.chart_radio ul { position:absolute; top:10px; right:0; overflow:hidden; width:195px }
.chart_radio ul li { overflow:hidden; float:left }
.chart_radio2 { position:absolute; top:12px; right:5px; width:195px;zoom:1 }
.chart_radio2:after{ content:"";display:block;clear:both }
.chart_radio2 li { float:left;zoom:1 }
.chart_radio2 li:after{ content:"";display:block;clear:both }

/* gauge_chart */
.gauge_chart { overflow:hidden; padding:30px 0 0 0 }
.gauge_chart li { float:left; width:45%; height:80px; vertical-align:middle }
.gauge_chart li img { vertical-align:middle; padding:0 5px }

/* gauge_chart */
.gauge_chart table { width:100%; border-collapse:collapse }
.gauge_chart table th { padding:0 10px 30px 10px; text-align:right; vertical-align:middle }
.cntgraph_md_notab .inner .gauge_chart table.gage td { padding:0 20px 30px 0; text-align:left; vertical-align:middle }
.cntgraph_md_notab .inner .gauge_chart table.gage td img { vertical-align:middle }
.cntgraph_md_notab .inner .gauge_chart table.gage td strong { padding:0 5px; vertical-align:middle }

/* cntgraph_350 */
.graphW { overflow:hidden; width:782px }
.graphW .graphBox { position:relative; overflow:hidden; width:100%; text-align:center; background-repeat:repeat-y; background-position:0 0 }
.graphW .graphBox .inner { min-height:222px; height:auto !important; height:222px; padding:30px 8px; background-repeat:no-repeat; background-position:0 100%; zoom:1 }
.graphW .graphBox .inner:after { display:block; clear:both; content:"" }
.graphW .innerwrap { background-repeat:no-repeat; background-position:0 0 }
.graphW .inner .grapharea { min-height:222px; height:auto !important; height:222px }
.graphW .inner table.table_graph { width:100%; height:auto; border:0 none; background:none }
.graphW .inner table.table_graph td { height:auto; text-align:center; vertical-align:middle; border:0 none; background:none }

.cntgraph_200 { float:left; width:200px }
.cntgraph_200 .graphBox { background-image:url(/static/image/content/bg_cntgraph_200mid.gif) }
.cntgraph_200 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_200top.gif) }
.cntgraph_200 .inner { background-image:url(/static/image/content/bg_cntgraph_200btm.gif) }
.cntgraph_210 { float:left; width:210px }
.cntgraph_210 .graphBox { background-image:url(/static/image/content/bg_cntgraph_210mid.gif) }
.cntgraph_210 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_210top.gif) }
.cntgraph_210 .inner { background-image:url(/static/image/content/bg_cntgraph_210btm.gif) }
.cntgraph_220 { float:left; width:220px }
.cntgraph_220 .graphBox { background-image:url(/static/image/content/bg_cntgraph_220mid.gif) }
.cntgraph_220 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_220top.gif) }
.cntgraph_220 .inner { background-image:url(/static/image/content/bg_cntgraph_220btm.gif) }
.cntgraph_230 { float:left; width:230px }
.cntgraph_230 .graphBox { background-image:url(/static/image/content/bg_cntgraph_230mid.gif) }
.cntgraph_230 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_230top.gif) }
.cntgraph_230 .inner { background-image:url(/static/image/content/bg_cntgraph_230btm.gif) }
.cntgraph_240 { float:left; width:240px }
.cntgraph_240 .graphBox { background-image:url(/static/image/content/bg_cntgraph_240mid.gif) }
.cntgraph_240 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_240top.gif) }
.cntgraph_240 .inner { background-image:url(/static/image/content/bg_cntgraph_240btm.gif) }
.cntgraph_250 { float:left; width:250px }
.cntgraph_250 .graphBox { background-image:url(/static/image/content/bg_cntgraph_250mid.gif) }
.cntgraph_250 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_250top.gif) }
.cntgraph_250 .inner { background-image:url(/static/image/content/bg_cntgraph_250btm.gif) }
.cntgraph_260 { float:left; width:260px }
.cntgraph_260 .graphBox { background-image:url(/static/image/content/bg_cntgraph_260mid.gif) }
.cntgraph_260 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_260top.gif) }
.cntgraph_260 .inner { background-image:url(/static/image/content/bg_cntgraph_260btm.gif) }
.cntgraph_270 { float:left; width:270px }
.cntgraph_270 .graphBox { background-image:url(/static/image/content/bg_cntgraph_270mid.gif) }
.cntgraph_270 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_270top.gif) }
.cntgraph_270 .inner { background-image:url(/static/image/content/bg_cntgraph_270btm.gif) }
.cntgraph_280 { float:left; width:280px }
.cntgraph_280 .graphBox { background-image:url(/static/image/content/bg_cntgraph_280mid.gif) }
.cntgraph_280 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_280top.gif) }
.cntgraph_280 .inner { background-image:url(/static/image/content/bg_cntgraph_280btm.gif) }
.cntgraph_290 { float:left; width:290px }
.cntgraph_290 .graphBox { background-image:url(/static/image/content/bg_cntgraph_290mid.gif) }
.cntgraph_290 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_290top.gif) }
.cntgraph_290 .inner { background-image:url(/static/image/content/bg_cntgraph_290btm.gif) }
.cntgraph_300 { float:left; width:300px }
.cntgraph_300 .graphBox { background-image:url(/static/image/content/bg_cntgraph_300mid.gif) }
.cntgraph_300 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_300top.gif) }
.cntgraph_300 .inner { background-image:url(/static/image/content/bg_cntgraph_300btm.gif) }
.cntgraph_310 { float:left; width:310px }
.cntgraph_310 .graphBox { background-image:url(/static/image/content/bg_cntgraph_310mid.gif) }
.cntgraph_310 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_310top.gif) }
.cntgraph_310 .inner { background-image:url(/static/image/content/bg_cntgraph_310btm.gif) }
.cntgraph_320 { float:left; width:320px }
.cntgraph_320 .graphBox { background-image:url(/static/image/content/bg_cntgraph_320mid.gif) }
.cntgraph_320 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_320top.gif) }
.cntgraph_320 .inner { background-image:url(/static/image/content/bg_cntgraph_320btm.gif) }
.cntgraph_330 { float:left; width:330px }
.cntgraph_330 .graphBox { background-image:url(/static/image/content/bg_cntgraph_330mid.gif) }
.cntgraph_330 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_330top.gif) }
.cntgraph_330 .inner { background-image:url(/static/image/content/bg_cntgraph_330btm.gif) }
.cntgraph_340 { float:left; width:340px }
.cntgraph_340 .graphBox { background-image:url(/static/image/content/bg_cntgraph_340mid.gif) }
.cntgraph_340 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_340top.gif) }
.cntgraph_340 .inner { background-image:url(/static/image/content/bg_cntgraph_340btm.gif) }
.cntgraph_350 { float:left; width:350px }
.cntgraph_350 .graphBox { background-image:url(/static/image/content/bg_cntgraph_350mid.gif) }
.cntgraph_350 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_350top.gif) }
.cntgraph_350 .inner { background-image:url(/static/image/content/bg_cntgraph_350btm.gif) }
.cntgraph_360 { float:left; width:360px }
.cntgraph_360 .graphBox { background-image:url(/static/image/content/bg_cntgraph_360mid.gif) }
.cntgraph_360 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_360top.gif) }
.cntgraph_360 .inner { background-image:url(/static/image/content/bg_cntgraph_360btm.gif) }
.cntgraph_370 { float:left; width:370px }
.cntgraph_370 .graphBox { background-image:url(/static/image/content/bg_cntgraph_370mid.gif) }
.cntgraph_370 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_370top.gif) }
.cntgraph_370 .inner { background-image:url(/static/image/content/bg_cntgraph_370btm.gif) }
.cntgraph_380 { float:left; width:380px }
.cntgraph_380 .graphBox { background-image:url(/static/image/content/bg_cntgraph_380mid.gif) }
.cntgraph_380 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_380top.gif) }
.cntgraph_380 .inner { background-image:url(/static/image/content/bg_cntgraph_380btm.gif) }
.cntgraph_390 { float:left; width:390px }
.cntgraph_390 .graphBox { background-image:url(/static/image/content/bg_cntgraph_390mid.gif) }
.cntgraph_390 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_390top.gif) }
.cntgraph_390 .inner { background-image:url(/static/image/content/bg_cntgraph_390btm.gif) }
.cntgraph_400 { float:left; width:400px }
.cntgraph_400 .graphBox { background-image:url(/static/image/content/bg_cntgraph_400mid.gif) }
.cntgraph_400 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_400top.gif) }
.cntgraph_400 .inner { background-image:url(/static/image/content/bg_cntgraph_400btm.gif) }
.cntgraph_410 { float:left; width:410px }
.cntgraph_410 .graphBox { background-image:url(/static/image/content/bg_cntgraph_410mid.gif) }
.cntgraph_410 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_410top.gif) }
.cntgraph_410 .inner { background-image:url(/static/image/content/bg_cntgraph_410btm.gif) }
.cntgraph_420 { float:left; width:420px }
.cntgraph_420 .graphBox { background-image:url(/static/image/content/bg_cntgraph_420mid.gif) }
.cntgraph_420 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_420top.gif) }
.cntgraph_420 .inner { background-image:url(/static/image/content/bg_cntgraph_420btm.gif) }
.cntgraph_430 { float:left; width:430px }
.cntgraph_430 .graphBox { background-image:url(/static/image/content/bg_cntgraph_430mid.gif) }
.cntgraph_430 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_430top.gif) }
.cntgraph_430 .inner { background-image:url(/static/image/content/bg_cntgraph_430btm.gif) }
.cntgraph_440 { float:left; width:440px }
.cntgraph_440 .graphBox { background-image:url(/static/image/content/bg_cntgraph_440mid.gif) }
.cntgraph_440 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_440top.gif) }
.cntgraph_440 .inner { background-image:url(/static/image/content/bg_cntgraph_440btm.gif) }
.cntgraph_450 { float:left; width:450px }
.cntgraph_450 .graphBox { background-image:url(/static/image/content/bg_cntgraph_450mid.gif) }
.cntgraph_450 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_450top.gif) }
.cntgraph_450 .inner { background-image:url(/static/image/content/bg_cntgraph_450btm.gif) }
.cntgraph_460 { float:left; width:460px }
.cntgraph_460 .graphBox { background-image:url(/static/image/content/bg_cntgraph_460mid.gif) }
.cntgraph_460 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_460top.gif) }
.cntgraph_460 .inner { background-image:url(/static/image/content/bg_cntgraph_460btm.gif) }
.cntgraph_470 { float:left; width:470px }
.cntgraph_470 .graphBox { background-image:url(/static/image/content/bg_cntgraph_470mid.gif) }
.cntgraph_470 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_470top.gif) }
.cntgraph_470 .inner { background-image:url(/static/image/content/bg_cntgraph_470btm.gif) }
.cntgraph_480 { float:left; width:480px }
.cntgraph_480 .graphBox { background-image:url(/static/image/content/bg_cntgraph_480mid.gif) }
.cntgraph_480 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_480top.gif) }
.cntgraph_480 .inner { background-image:url(/static/image/content/bg_cntgraph_480btm.gif) }
.cntgraph_490 { float:left; width:490px }
.cntgraph_490 .graphBox { background-image:url(/static/image/content/bg_cntgraph_490mid.gif) }
.cntgraph_490 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_490top.gif) }
.cntgraph_490 .inner { background-image:url(/static/image/content/bg_cntgraph_490btm.gif) }
.cntgraph_500 { float:left; width:500px }
.cntgraph_500 .graphBox { background-image:url(/static/image/content/bg_cntgraph_500mid.gif) }
.cntgraph_500 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_500top.gif) }
.cntgraph_500 .inner { background-image:url(/static/image/content/bg_cntgraph_500btm.gif) }
.cntgraph_510 { float:left; width:510px }
.cntgraph_510 .graphBox { background-image:url(/static/image/content/bg_cntgraph_510mid.gif) }
.cntgraph_510 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_510top.gif) }
.cntgraph_510 .inner { background-image:url(/static/image/content/bg_cntgraph_510btm.gif) }
.cntgraph_520 { float:left; width:520px }
.cntgraph_520 .graphBox { background-image:url(/static/image/content/bg_cntgraph_520mid.gif) }
.cntgraph_520 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_520top.gif) }
.cntgraph_520 .inner { background-image:url(/static/image/content/bg_cntgraph_520btm.gif) }
.cntgraph_530 { float:left; width:530px }
.cntgraph_530 .graphBox { background-image:url(/static/image/content/bg_cntgraph_530mid.gif) }
.cntgraph_530 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_530top.gif) }
.cntgraph_530 .inner { background-image:url(/static/image/content/bg_cntgraph_530btm.gif) }
.cntgraph_540 { float:left; width:540px }
.cntgraph_540 .graphBox { background-image:url(/static/image/content/bg_cntgraph_540mid.gif) }
.cntgraph_540 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_540top.gif) }
.cntgraph_540 .inner { background-image:url(/static/image/content/bg_cntgraph_540btm.gif) }
.cntgraph_550 { float:left; width:550px }
.cntgraph_550 .graphBox { background-image:url(/static/image/content/bg_cntgraph_550mid.gif) }
.cntgraph_550 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_550top.gif) }
.cntgraph_550 .inner { background-image:url(/static/image/content/bg_cntgraph_550btm.gif) }
.cntgraph_560 { float:left; width:560px }
.cntgraph_560 .graphBox { background-image:url(/static/image/content/bg_cntgraph_560mid.gif) }
.cntgraph_560 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_560top.gif) }
.cntgraph_560 .inner { background-image:url(/static/image/content/bg_cntgraph_560btm.gif) }
.cntgraph_570 { float:left; width:570px }
.cntgraph_570 .graphBox { background-image:url(/static/image/content/bg_cntgraph_570mid.gif) }
.cntgraph_570 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_570top.gif) }
.cntgraph_570 .inner { background-image:url(/static/image/content/bg_cntgraph_570btm.gif) }
.cntgraph_580 { float:left; width:580px }
.cntgraph_580 .graphBox { background-image:url(/static/image/content/bg_cntgraph_580mid.gif) }
.cntgraph_580 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_580top.gif) }
.cntgraph_580 .inner { background-image:url(/static/image/content/bg_cntgraph_580btm.gif) }
.cntgraph_590 { float:left; width:590px }
.cntgraph_590 .graphBox { background-image:url(/static/image/content/bg_cntgraph_590mid.gif) }
.cntgraph_590 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_590top.gif) }
.cntgraph_590 .inner { background-image:url(/static/image/content/bg_cntgraph_590btm.gif) }
.cntgraph_600 { float:left; width:600px }
.cntgraph_600 .graphBox { background-image:url(/static/image/content/bg_cntgraph_600mid.gif) }
.cntgraph_600 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_600top.gif) }
.cntgraph_600 .inner { background-image:url(/static/image/content/bg_cntgraph_600btm.gif) }
.cntgraph_610 { float:left; width:610px }
.cntgraph_610 .graphBox { background-image:url(/static/image/content/bg_cntgraph_610mid.gif) }
.cntgraph_610 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_610top.gif) }
.cntgraph_610 .inner { background-image:url(/static/image/content/bg_cntgraph_610btm.gif) }
.cntgraph_620 { float:left; width:620px }
.cntgraph_620 .graphBox { background-image:url(/static/image/content/bg_cntgraph_620mid.gif) }
.cntgraph_620 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_620top.gif) }
.cntgraph_620 .inner { background-image:url(/static/image/content/bg_cntgraph_620btm.gif) }
.cntgraph_630 { float:left; width:630px }
.cntgraph_630 .graphBox { background-image:url(/static/image/content/bg_cntgraph_630mid.gif) }
.cntgraph_630 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_630top.gif) }
.cntgraph_630 .inner { background-image:url(/static/image/content/bg_cntgraph_630btm.gif) }
.cntgraph_640 { float:left; width:640px }
.cntgraph_640 .graphBox { background-image:url(/static/image/content/bg_cntgraph_640mid.gif) }
.cntgraph_640 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_640top.gif) }
.cntgraph_640 .inner { background-image:url(/static/image/content/bg_cntgraph_640btm.gif) }
.cntgraph_650 { float:left; width:650px }
.cntgraph_650 .graphBox { background-image:url(/static/image/content/bg_cntgraph_650mid.gif) }
.cntgraph_650 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_650top.gif) }
.cntgraph_650 .inner { background-image:url(/static/image/content/bg_cntgraph_650btm.gif) }
.cntgraph_660 { float:left; width:660px }
.cntgraph_660 .graphBox { background-image:url(/static/image/content/bg_cntgraph_660mid.gif) }
.cntgraph_660 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_660top.gif) }
.cntgraph_660 .inner { background-image:url(/static/image/content/bg_cntgraph_660btm.gif) }
.cntgraph_670 { float:left; width:670px }
.cntgraph_670 .graphBox { background-image:url(/static/image/content/bg_cntgraph_670mid.gif) }
.cntgraph_670 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_670top.gif) }
.cntgraph_670 .inner { background-image:url(/static/image/content/bg_cntgraph_670btm.gif) }
.cntgraph_680 { float:left; width:680px }
.cntgraph_680 .graphBox { background-image:url(/static/image/content/bg_cntgraph_680mid.gif) }
.cntgraph_680 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_680top.gif) }
.cntgraph_680 .inner { background-image:url(/static/image/content/bg_cntgraph_680btm.gif) }
.cntgraph_690 { float:left; width:690px }
.cntgraph_690 .graphBox { background-image:url(/static/image/content/bg_cntgraph_690mid.gif) }
.cntgraph_690 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_690top.gif) }
.cntgraph_690 .inner { background-image:url(/static/image/content/bg_cntgraph_690btm.gif) }
.cntgraph_700 { float:left; width:700px }
.cntgraph_700 .graphBox { background-image:url(/static/image/content/bg_cntgraph_700mid.gif) }
.cntgraph_700 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_700top.gif) }
.cntgraph_700 .inner { background-image:url(/static/image/content/bg_cntgraph_700btm.gif) }
.cntgraph_710 { float:left; width:710px }
.cntgraph_710 .graphBox { background-image:url(/static/image/content/bg_cntgraph_710mid.gif) }
.cntgraph_710 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_710top.gif) }
.cntgraph_710 .inner { background-image:url(/static/image/content/bg_cntgraph_710btm.gif) }
.cntgraph_720 { float:left; width:720px }
.cntgraph_720 .graphBox { background-image:url(/static/image/content/bg_cntgraph_720mid.gif) }
.cntgraph_720 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_720top.gif) }
.cntgraph_720 .inner { background-image:url(/static/image/content/bg_cntgraph_720btm.gif) }
.cntgraph_730 { float:left; width:730px }
.cntgraph_730 .graphBox { background-image:url(/static/image/content/bg_cntgraph_730mid.gif) }
.cntgraph_730 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_730top.gif) }
.cntgraph_730 .inner { background-image:url(/static/image/content/bg_cntgraph_730btm.gif) }
.cntgraph_740 { float:left; width:740px }
.cntgraph_740 .graphBox { background-image:url(/static/image/content/bg_cntgraph_740mid.gif) }
.cntgraph_740 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_740top.gif) }
.cntgraph_740 .inner { background-image:url(/static/image/content/bg_cntgraph_740btm.gif) }
.cntgraph_750 { float:left; width:750px }
.cntgraph_750 .graphBox { background-image:url(/static/image/content/bg_cntgraph_750mid.gif) }
.cntgraph_750 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_750top.gif) }
.cntgraph_750 .inner { background-image:url(/static/image/content/bg_cntgraph_750btm.gif) }
.cntgraph_760 { float:left; width:760px }
.cntgraph_760 .graphBox { background-image:url(/static/image/content/bg_cntgraph_760mid.gif) }
.cntgraph_760 .innerwrap { background-image:url(/static/image/content/bg_cntgraph_760top.gif) }
.cntgraph_760 .inner { background-image:url(/static/image/content/bg_cntgraph_760btm.gif) }


/* My Page */
.mypage { margin:-10px 0 10px 0; height:101px; background:#74a9bd }
.mypage ul { overflow:hidden; width:100%; background:url(/static/image/content/bg_mypage.gif) repeat-x 0 100% }
.mypage li { float:left; text-align:center; width:94px; height:101px; vertical-align:top; line-height:100% }
.mypage li a { color:#555; font-weight:bold; font-size:11px; vertical-align:top; line-height:100% }
.mypage li.menu1 { background:url(/static/image/content/img_mypage.gif) no-repeat 0 100% }
.mypage li.menu2 { background:url(/static/image/content/img_mypage.gif) no-repeat -94px 100% }
.mypage li.menu3 { background:url(/static/image/content/img_mypage.gif) no-repeat -188px 100% }
.mypage li.menu4 { width:100px; background:url(/static/image/content/img_mypage.gif) no-repeat -278px 100% }
.mypage li.menu5 { background:url(/static/image/content/img_mypage.gif) no-repeat -376px 100% }
.mypage li.menu6 { background:url(/static/image/content/img_mypage.gif) no-repeat -470px 100% }
.mypage li.menu7 { background:url(/static/image/content/img_mypage.gif) no-repeat -564px 100% }
.mypage li.menu8 { background:url(/static/image/content/img_mypage.gif) no-repeat -658px 100% }
.mypage li.menu9 { background:url(/static/image/content/img_mypage.gif) no-repeat -752px 100% }
.mypage li.menu10 { width:100px; background:url(/static/image/content/img_mypage.gif) no-repeat -842px 100% }
.mypage .num { padding:5px 0 0 0; font-size:11px; color:#fff; vertical-align:top; line-height:100% }
.mypage .menu { padding:65px 0 0 0; vertical-align:top; line-height:100% }

/* securityCenter : state_table */
.securityCenter1 { position:relative; overflow:hidden; width:100%; height:255px }
.securityCenter1 .state_table { float:left; width:460px; height:100% }
.securityCenter1 .state_table .main_board2 { margin:0 5px }
.securityCenter1 .state_table p.grade { text-align:right; padding:0 5px 5px 0; font-size:11px; color:#666 }
.securityCenter1 .state_table p.grade span.num { font-weight:bold; color:#4a4b9d }

.securityCenter1 .state_graph { position:absolute; left:495px; width:460px; height:100% }
.securityCenter1 .state_graph .linegraph { position:relative; width:448px; height:184px; margin:0 0 0 7px }
.securityCenter1 .state_graph .linegraph #nTabA01,
.securityCenter1 .state_graph .linegraph #nTabA02,
.securityCenter1 .state_graph .linegraph #nTabA03,
.securityCenter1 .state_graph .linegraph #nTabA04{ height:164px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc }
.securityCenter1 .state_graph .linegraph #nTabA01 ul { position:absolute; top:42px; right:10px }
.securityCenter1 .state_graph .linegraph #nTabA01 li { font-size:11px; color:#666; line-height:1.5 }

.securityCenter2 { overflow:hidden; width:100%; height:250px }
.securityCenter2 .top5_event { float:left; width:305px }
.securityCenter2 .top5_ip { float:left; width:305px; margin:0 0 0 20px }
.securityCenter2 .top5_ip .pag ul,
.securityCenter2 .top5_port .pag ul{ overflow:hidden; width:100% }
.securityCenter2 .top5_port .pag li,
.securityCenter2 .top5_ip .pag li { float:left; padding:0 1px 0 0 }
.securityCenter2 .top5_port .main_board2,
.securityCenter2 .top5_ip .main_board2 { margin:-1px 0 0 0 }
.securityCenter2 .top5_ip #nTab2A01,
.securityCenter2 .top5_ip #nTab2A02,
.securityCenter2 .top5_port #nTab3A01,
.securityCenter2 .top5_port #nTab3A02{ height:164px }
.securityCenter2 .top5_port { float:left; width:305px; margin:0 0 0 20px }
#mainGuideWrap { position:relative; margin:0; width:410px; height:210px }

/* securityCenter */
.securityCenter { overflow:hidden; width:100%; margin:-12px 0 0 0 }
.securityCenter .board { float:left; width:28%; padding:15px 18px 0 0 }
.securityCenter .report_upload { float:left; width:530px }
.securityCenter .report_upload .report_top { position:relative; overflow:hidden; width:100%; height:45px }
.securityCenter .report_upload .report_top h4 { float:left; margin:15px 0 0 0 }
.securityCenter .report_upload .report_top div { position:absolute; right:0 }
.securityCenter .report_upload .report_top p { padding:0 0 8px 0 }
.securityCenter .report_upload .report_top ul { position:absolute; right:0; overflow:hidden }
.securityCenter .report_upload .report_top li { float:left; padding:0 2px }

/* selectApplicationType */
.selectApplicationType { position:relative; overflow:hidden; width:780px; height:63px; margin:0 0 13px; background:url(/static/image/content/bg_selectApplicationType.gif) no-repeat 0 0 }
.selectApplicationType p { margin-top:25px; margin-left:14px }
.selectApplicationType ul { position:absolute; top:13px; left:351px; zoom:1 }
.selectApplicationType ul:after { display:block; clear:both; content:"" }
.selectApplicationType li { float:left; vertical-align:middle }
.selectApplicationType li img,
.selectApplicationType li input { vertical-align:middle }
.selectApplicationType.s_step2 { height:53px; background-position:0 100% }
.selectApplicationType.s_step2 p { margin-top:19px }
.selectApplicationType.s_step2 ul { top:7px }

/* securityDesk */
.signature { position:relative; min-height:24px; height:auto !important; height:24px; padding:8px 150px 7px 22px; line-height:1.3; border:1px solid #ccc; background:#f4f4f4 }
.sign_agree { position:absolute; top:50%; right:0; width:100px; height:24px; margin-top:-10px }
.sign_agree input,
.sign_agree label { line-height:100%; vertical-align:middle }
.outer_tip { width:100%; margin:0 0 10px; padding:8px 0 0; text-align:right; color:#6ca2d1 }
.inner_tip { clear:both; margin:0 0 3px; padding:3px 0 0; color:#6ca2d1 }
.request_list_tit { padding: 6px 0 6px 4px; font-size:11px; letter-spacing:0px; background:none }
.request_list { margin:0 0 20px; padding:6px 8px 1px; border:1px solid #ccc; background:#fff; zoom:1 }
.request_list:after { display:block; clear:both; content:"" }
.request_list li { min-height:14px; height:auto !important; height:14px; margin:0 0 5px; padding:3px 5px 2px 12px; line-height:14px; vertical-align:top; background:url(/static/image/bu/bu_list.gif) no-repeat 5px 8px #f4f4f4; zoom:1 }
.request_list li:after { display:block; clear:both; content:"" }
.sd_request_list { float:left; padding-right:20px }
.sd_r_btn { float:left }
.sd_r_btn2 { float:right }
.sd_text { float:left; padding:0 5px; line-height:20px }

/* monitering : mutiple */
#applicationList { width:336px; height:340px; border:1px solid #ccc }
#inspectionList { width:336px; height:340px; border:1px solid #ccc }

/* MONITERING : OVERALL PRESENT */
#container_monitering #monitering_nosnb .overallPresent { position:relative; overflow:hidden; width:946px; padding:0 0 16px 0 }
#container_monitering #monitering_nosnb .overallPresent h3 { float:left; padding:0 20px 0 10px }
#container_monitering #monitering_nosnb .overallPresent p.day { padding:18px 0 0 0 }
#container_monitering #monitering_nosnb .overallPresent ul.pagenum { position:absolute; top:20px; right:7px }
#container_monitering #monitering_nosnb .overallPresent ul.pagenum li { float:left; padding:0 5px; font-size:11px; vertical-align:top; line-height:100% }
#container_monitering #monitering_nosnb .overallPresent ul.pagenum li img { vertical-align:top; line-height:100%; padding:2px; vertical-align:top; line-height:100% }

/* OPEN */
.open_window { position:relative }
.open_window p { position:absolute; top:28px; left:0 }

/* MONITERING : map left box */
.monitering_map_tp { overflow:hidden; width:114px; height:4px; background:url(/static/image/monitering/bg_monitering_map_tp.gif) no-repeat 0 0 }
.monitering_map_md { width:114px; height:500px; background:url(/static/image/monitering/bg_monitering_map_md.gif) repeat-y 0 0 }
.monitering_map_bt { overflow:hidden; width:114px; height:5px; background:url(/static/image/monitering/bg_monitering_map_bt.gif) no-repeat 0 0 }

/* MONITERING : kri left box */
.kri_left { overflow:hidden; float:left; width:210px; height:100%; padding:0 0 0 8px }
.kri_left_tp { overflow:hidden; width:204px; height:33px; background:url(/static/image/monitering/bg_kri_left_tp.gif) no-repeat 0 0 }
.kri_left_md { width:204px; height:548px; background:url(/static/image/monitering/bg_kri_left_md.gif) repeat-y 0 0 }
.kri_left_bt { overflow:hidden; width:204px; height:5px; background:url(/static/image/monitering/bg_kri_left_bt.gif) no-repeat 0 0 }
.kri_left_tp h3 { text-align:center }
.kri_left2 { float:left; width:210px; height:100%; padding:0 0 0 8px; }

/* MONITERING KRI LEFT*/
.refresh { padding:20px 10px 3px 0; font-size:11px; text-align:right; vertical-align:top; line-height:100% }
.refresh a { color:#d0b836; text-decoration:underline }
.kriCategorize { overflow:hidden; width:200px; height:30px; margin:0 0 0 2px; background:#212121 }
.kriCategorize p { float:left; padding:9px 0 0 12px }
.kriCategorize select.selectKri { float:left; width:146px; height:18px; margin:6px 0 0 7px; font-size:11px; color:#d2d2d2; border:1px solid #666; background:#212121 }
.dashboard { height:234px; padding:39px 0 0 0; text-align:center }
.riskDispersion { position:relative; overflow:hidden; width:200px; height:30px; margin:0 0 0 2px; color:#93cad6; background:#212121 }
.riskDispersion h4.tit_skyblue { float:left; padding:10px 0 0 25px; color:#93cad6; vertical-align:top; line-height:100%; background:none }
.riskDispersion p { float:right; color:#93cad6; padding:10px 10px 0 0; vertical-align:top; line-height:100% }
.riskDispersion_img { margin:14px 0 0 22px; color:#93cad6; text-align:center }
.riskDispersion_img ul { overflow:hidden; width:100%; color:#93cad6; text-align:center }
.riskDispersion_img ul li { float:left; width:78px; padding:0 0 8px 0 }
.riskDispersion_img ul li img { padding:10px 0 15px 0 }
.riskDispersion_img li.br { border-right:1px dotted #4d4d4d }
.riskDispersion_img li.bb { border-bottom:1px dotted #4d4d4d }

.riskDispersion2 { }
.riskDispersion2 li { width:111px; height:115px; vertical-align:top; line-height:100%; border-top:1px dotted #4d4d4d }
.riskDispersion2 li img { padding:29px 0 14px 0 }

/* MONITERING : KRI CNT BOX*/
.kri_cnt_wrap { position:absolute; left:235px; width:744px }
.kri_cnt_wrap2 { float:left; width:744px }
.kri_cnt { overflow:hidden; width:744px; height:100% }
.kri_cnt_tp { position:relative; overflow:hidden; width:744px; height:33px; background:url(/static/image/monitering/bg_kri_cnt_tp.gif) no-repeat 0 0 }
.kri_cnt_md { overflow:hidden; width:744px; height:auto; background:url(/static/image/monitering/bg_kri_cnt_md.gif) repeat-y 0 0 }
.kri_cnt_bt { overflow:hidden; width:744px; height:7px; background:url(/static/image/monitering/bg_kri_cnt_bt.gif) no-repeat 0 0 }

.kri_cnt_tp h3 img { padding:0 0 0 10px }
.kri_cnt_tp ul.pagenum { position:absolute; top:18px; right:7px }
.kri_cnt_tp ul.pagenum li { float:left; padding:0 5px; font-size:11px; vertical-align:top; line-height:100% }
.kri_cnt_tp ul.pagenum li img { vertical-align:top; line-height:100%; padding:2px; vertical-align:top; line-height:100% }
.kri_cnt_tp p.open_kri,
.kri_cnt_tp p.close_kri { position:absolute; top:18px; right:20px }
.kri_cnt_tp p.on_kri,
.kri_cnt_tp p.off_kri { position:absolute; top:18px; right:20px }

/* MONITERING : KRI INNER BOX */
.kri_inner { overflow:hidden; float:left; width:358px; padding:5px 0 0 9px; color:#d0d2d7; text-align:center }
.kri_inner h4.tit_silver { float:left; padding:8px 0 0 13px; font-weight:normal; color:#d0d2d7; background:none }
.kri_inner p.day { float:right; padding:8px 10px 0 0; vertical-align:top; line-height:100% }
.kri_inner div.ex { display:inline-block; width:336px; height:17px; padding:5px 0 0 0; font-size:11px; text-align:center; color:#d2d2d2; background:#212121; border:1px solid #313235 }
.kri_inner div.ex p { text-align:left; padding:0 0 0 10px; vertical-align:top; line-height:100% }

.kri_inner_tp { position:relative; overflow:hidden; width:358px; height:28px; vertical-align:top; line-height:100%; background:url(/static/image/monitering/bg_kri_inner_tp.gif) no-repeat 0 0 }
.kri_inner_md { overflow:hidden;width:358px; height:208px; background:url(/static/image/monitering/bg_kri_inner_md.gif) repeat-y 0 0 }
.kri_inner_bt { overflow:hidden; overflow:hidden;width:358px; height:4px; background:url(/static/image/monitering/bg_kri_inner_bt.gif) no-repeat 0 0 }

/* MONITERING : LOGVIEW */
.logview { position:relative; overflow:hidden; color:#d0d2d7; text-align:center }
.logview_tp1 { position:relative; width:100%; height:4px; background:url(/static/image/monitering/bg_logview_tp1.gif) repeat-x 0 0 }
.logview_tp2 { position:relative; overflow:hidden; width:100%; height:28px; vertical-align:top; line-height:100%; background:#4b4d5a }
.logview_md { position:relative; overflow:hidden; width:100%; height:auto; text-align:left }
.logview_bt { position:relative; width:100%; height:6px; background:url(/static/image/monitering/bg_logview_bt.gif) repeat-x 0 100% }
.logview_bt2 { position:relative; overflow:hidden; width:100%; height:6px; background:url(/static/image/monitering/bg_logview_bt.gif) repeat-x 0 100% #212121 }

.logview_tp1 .tp_left { display:block; position:absolute; top:0; left:0; width:4px; height:4px; font-size:0%; background:url(/static/image/monitering/bg_logview_tp1_left.gif) no-repeat 0 0 }
.logview_tp1 .tp_right { display:block; position:absolute; top:0; right:0; width:5px; height:4px; margin-left:100%; font-size:0%; background:url(/static/image/monitering/bg_logview_tp1_right.gif) no-repeat 0 0 }
.logview_tp2 .tp_left { display:block; position:absolute; top:0; left:0; width:4px; height:4px; font-size:0%; background:url(/static/image/monitering/bg_logview_tp2_left.gif) no-repeat 0 0 }
.logview_tp2 .tp_right { display:block; position:absolute; top:0; right:0; width:5px; height:28px; margin-left:100%; font-size:0%; background:url(/static/image/monitering/bg_logview_tp2_right.gif) no-repeat 0 0 }
.logview_md .md_left { display:block; position:absolute; top:0; left:0; width:1px; height:700px; font-size:0%; background:url(/static/image/monitering/bg_logview_md_left.gif) repeat-y 0 0 }
.logview_md .md_right { display:block; position:absolute; top:0; right:0; width:2px; height:700px; font-size:0%; margin-left:100%; background:url(/static/image/monitering/bg_logview_md_right.gif) repeat-y 0 0 }
.logview_bt .bt_left { display:block; position:absolute; top:0; left:0; width:5px; height:6px; font-size:0%; background:url(/static/image/monitering/bg_logview_bt_left.gif) no-repeat 0 0 }
.logview_bt .bt_right { display:block; position:absolute; top:0; right:0; width:5px; height:6px; font-size:0%; margin-left:100%; background:url(/static/image/monitering/bg_logview_bt_right.gif) no-repeat 0 0 }

.logview_bt2 .bt_left { display:block; position:absolute; top:0; left:0; width:5px; height:6px; font-size:0%; background:url(/static/image/monitering/bg_logview_bt_left2.gif) no-repeat 0 0 }
.logview_bt2 .bt_right { display:block; position:absolute; top:0; right:0; width:5px; height:6px; font-size:0%; margin-left:100%; background:url(/static/image/monitering/bg_logview_bt_right2.gif) no-repeat 100% 0 }

.logview_md ul { display:block; overflow:hidden; width:100% }
.logview_md li { float:left; padding:0 5px 0 0 }
.logview_md li.firstchild,
.logview_md li.lastchild { padding:5px 10px 0 10px }
.logview .btn_logview { width:138px; height:40px; text-align:center; background:transparent url(/static/image/btn/btn_logview.gif) no-repeat left top }
.logview .btn_logview:hover { width:138px; height:40px; text-align:center; background:transparent url(/static/image/btn/btn_logview.gif) no-repeat left -40px }
.logview .btn_logview:active { width:138px; height:40px; text-align:center; background:transparent url(/static/image/btn/btn_logview.gif) no-repeat left -80px }
.logview .btn_logview a { display:block; padding:15px 0 0 0; font-weight:bold; color:#acacac }
.logview .btn_logview a:hover,
.logview .btn_logview a:active,
.logview .btn_logview a:focus{ font-weight:bold; text-decoration:none; color:#93cad6 }

.logview_tp2 h3,
.logview_tp2 h4 { float:left; padding:8px 0 0 24px; font-weight:bold; color:#d2d2d2; background:url(/static/image/bu/bu_tit_gray.gif) no-repeat 12px 11px }
.logview_tp2 h4.h_nobg { padding:8px 0 0 20px; background:none }
.logview_tp2 p { float:right; padding:5px 21px 0 0 }
.logview_tp2 ul { overflow:hidden; float:right; padding:5px 15px 0 0 }
.logview_tp2 li { float:left; padding:0 1px }
.logview_tp2 p.term_num { float:left; margin:5px 0 0 13px; padding:3px; font-size:11px; color:#d2d2d2; vertical-align:top; line-height:100%; background:#e3052d }
.logview_md .align_top { width:1px; word-spacing:20px; color:#93cad6; line-height:14px }
.logview_md .graphtit { position:absolute; left:30px }
.line_gray { padding:15px 0 0 0; width:953px; border-top:1px solid #4b4d5a }

/* MONITERING : KRI SEARCH*/
.kriSearch { position:relative; overflow:hidden; width:947px; height:83px; font-size:11px; background:url(/static/image/monitering/bg_kriSearch.gif) no-repeat 7px 0 }
.kriSearch_tp { padding:8px 0 0 49px; vertical-align:top; line-height:100%; zoom:1 }
.kriSearch_tp:after { display:block; clear:both; content:"" }
.kriSearch_tp ul .kri_search { position:absolute; top:7px; right:50px }
.kriSearch_tp ul #kriSearch { width:722px; height:17px; margin:0 0 0 8px; border:1px solid #666 }
.kriSearch_tp p { float:left }
.kriSearch_tp p.kriSearch_txtinput { padding:0 5px 0 0 }
.kriSearch_tp p.kriSearch_txtinput label { float:left; padding:5px 12px 0 0 }
.kriSearch_tp p.kriSearch_txtinput input { float:left; width:720px; height:18px; color:#fff; line-height:18px; border:1px solid #666 }
.kriSearch_tp p.kri_search_btn,
.kriSearch_tp p.kri_search_btn input{ float:left }
.kriSearch_bt { overflow:hidden; width:820px; padding:15px 0 0 40px;  white-space:nowrap }
.kriSearch_bt li { float:left; padding:0 6px 0 6px; vertical-align:top; line-height:100%; white-space:nowrap }
.btn_page { position:absolute; top:45px; right:53px; overflow:hidden }
.btn_page li { float:left; padding:0 2px }

/* MONITERING : KRI tit box*/
.tit_box { overflow:hidden; width:100% }
.tit_box h3 { float:left; padding:0 0 7px 14px; font-size:14px; font-weight:bold; color:#d0d2d7 }
.tit_box h3 img { vertical-align:middle; padding:0 15px 0 0 }
.tit_box p { float:left; padding:17px 0 0 15px; vertical-align:middle }

/* MONITERING : TAB_monitering */
.tab_monitering { position:relative; overflow:hidden; width:765px; height:33px; padding:20px 0 0 0 }
.tab_monitering li { float:left }

.tab_project a { text-indent:-1000em; display:block; width:147px; height:33px; background:url(/static/image/monitering/tab_project.gif) no-repeat 0 -33px }
.tab_project_current a,
.tab_project a:hover,
.tab_project a:active,
.tab_project a:focus{ background:url(/static/image/monitering/tab_project.gif) no-repeat 0 0 }

.tab_sr a { text-indent:-1000em; display:block; width:117px; height:33px; background:url(/static/image/monitering/tab_sr.gif) no-repeat 0 -33px }
.tab_sr_current a,
.tab_sr a:hover,
.tab_sr a:active,
.tab_sr a:focus{ background:url(/static/image/monitering/tab_sr.gif) no-repeat 0 0 }

/* MONITERING : Manage View */
.manage_view { position:relative; width:777px }
.manage_view_tp { overflow:hidden; height:4px; background:url(/static/image/monitering/bg_manage_view_tp.gif) no-repeat 0 0 }
.manage_view_md { position:relative; overflow:hidden; width:764px; height:auto; background:url(/static/image/monitering/bg_manage_view_md.gif) repeat-y 0 0 }
.manage_view_bt { overflow:hidden; height:5px; background:url(/static/image/monitering/bg_manage_view_bt.gif) no-repeat 0 0 }

.info_gray { width:750px; margin:0 7px }
.info_gray_tp { overflow:hidden; height:4px; background:url(/static/image/monitering/bg_info_gray_tp.gif) no-repeat 0 0 }
.info_gray_md { height:100%; background:url(/static/image/monitering/bg_info_gray_md.gif) repeat-y 0 0 }
.info_gray_md p { color:#d0d2d7; padding:2px 19px 0 19px; line-height:1.4 }
.info_gray_bt { overflow:hidden; height:6px; background:url(/static/image/monitering/bg_info_gray_bt.gif) no-repeat 0 0 }

.view_day { position:relative; height:28px }
.view_day ul { position:absolute; top:3px; right:5px; overflow:hidden }
.view_day li { float:left; padding:0 3px }

.btn_manage_view .prev { position:absolute; top:180px; left:-15px }
.btn_manage_view .next { position:absolute; top:180px; left:765px }

/* MONITERING : RISK MAP */
.riskDistribution { float:left; width:114px; font-size:11px; color:#93cad6; text-align:center }
.riskDistribution_tp { overflow:hidden; height:33px; background:url(/static/image/monitering/bg_riskDistribution_tp.gif) no-repeat 0 0 }
.riskDistribution_md { overflow:hidden; height:498px; background:url(/static/image/monitering/bg_riskDistribution_md.gif) repeat-y 0 0 }
.riskDistribution_bt { overflow:hidden; height:5px; background:url(/static/image/monitering/bg_riskDistribution_bt.gif) no-repeat 0 0 }

/* MONITERING : RISK SCOPE */
.riskScope { display:inline; position:absolute; left:0; width:825px; padding:0 0 0 140px; text-align:center }
.riskScope_tp { overflow:hidden; height:33px; background:url(/static/image/monitering/bg_riskScope_tp.gif) no-repeat 0 0 }
.riskScope_md { position:relative; overflow:hidden; height:100%; background:url(/static/image/monitering/bg_riskScope_md.gif) repeat-y 0 0 }
.riskScope_bt { overflow:hidden; height:6px; background:url(/static/image/monitering/bg_riskScope_bt.gif) no-repeat 0 0 }

/* MONITERING : RISK SCOPE INDEX */
.riskScope_index { float:left; padding:38px 0 0 10px }
.riskScope_index li { display:inline; width:166px; height:111px; background:url(/static/image/monitering/bg_riskScope_index.gif) no-repeat 0 0 }
.riskScope_index li a {  padding:10px 0 0 0 }
.riskScope_index li a:hover,
.riskScope_index li a:active,
.riskScope_index li a:focus{ text-decoration:none }
.riskScope_index li p { position:absolute;top:-9999px;left:-9999px; color:#282828;width:0; height:0 }
.riskScope_index li p:hover,
.riskScope_index li p:active,
.riskScope_index li p:focus{ text-decoration:none }

.riskScope_index li.high a { display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_high.gif) no-repeat 0 0 }
.riskScope_index li.high a:hover,
.riskScope_index li.high a:active,
.riskScope_index li.high a:focus{ display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_high_over.gif) no-repeat 0 0 }

.riskScope_index li.alert a { display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_alert.gif) no-repeat 0 0 }
.riskScope_index li.alert a:hover,
.riskScope_index li.alert a:active,
.riskScope_index li.alert a:focus{ display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_alert_over.gif) no-repeat 0 0 }

.riskScope_index li.care a { display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_care.gif) no-repeat 0 0 }
.riskScope_index li.care a:hover,
.riskScope_index li.care a:active,
.riskScope_index li.care a:focus{ display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_care_over.gif) no-repeat 0 0 }

.riskScope_index li.safe a { display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_safe.gif) no-repeat 0 0 }
.riskScope_index li.safe a:hover,
.riskScope_index li.safe a:active,
.riskScope_index li.safe a:focus{ display:block; width:166px; height:105px; background:url(/static/image/monitering/bg_index_safe_over.gif) no-repeat 0 0 }

/* MONITERING : RISK SCOPE CNT */
.riskScope_cnt { position:absolute; top:5px; right:15px; width:639px; height:489px; background:url(/static/image/monitering/bg_securityrisk.gif) no-repeat 0 0 }
.riskScope_cnt h4.tit_silver { padding:10px 0 0 37px; font-weight:bold; color:#d0d2d7; background:none }

.scrollbarW { width:635px; padding:0px 0 10px 0 }
.scrollbarW .viewport { position:relative; top:0; left:1px; overflow:hidden; width:610px }
.scrollbarW .viewport.h_type1 { height:170px }
.scrollbarW .viewport.h_type2 { height:250px }
.scrollbarW .overview { position:absolute; left:0; top:0; padding:0; margin:0; list-style:none }
.scrollbarW .scrollbar{ background:url(/static/image/monitering/bg-scrollbar-track-y.gif) no-repeat 0 0; position:relative; background-position:0 0; float:right; width:15px; z-index:2 }
.scrollbarW .track { background:url(/static/image/monitering/bg-scrollbar-trackend-y.v) no-repeat 0 100%; height:100%; width:15px; position:relative; padding: 0 1px }
.scrollbarW .thumb { background:url(/static/image/monitering/bg-scrollbar-thumb-y.gif) no-repeat 0 100%; height:20px; width:15px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:-2px }
.scrollbarW .thumb .end { background:url(/static/image/monitering/bg-scrollbar-thumb-y.gif) no-repeat 0 0; overflow:hidden; height:5px; width:25px }
.scrollbarW .disable { display:none }

.scrollbarW .overview .scroll_page1 { width:100% }
.scrollbarW .overview .scroll_page1 div { padding:8px 0 0 35px; text-align:left }
.scrollbarW .overview .scroll_page1 p { padding:5px 0; vertical-align:middle; line-height:100%; font-size:100% }
.scrollbarW .overview .scroll_page1 p img { height:30px; padding:0 20px 0 0; vertical-align:middle; line-height:100%; font-size:100% }
.scrollbarW .overview .scroll_page1 p a { color:#acacac; vertical-align:top; line-height:100% }
.scrollbarW .overview .scroll_page1 p a:hover,
.scrollbarW .overview .scroll_page1 p a:active,
.scrollbarW .overview .scroll_page1 p a:focus{ font-weight:bold; color:#d0b836; text-decoration:none }

.scrollbarW .overview .scroll_page2 { position:relative; left:0; width:600px; height:100% }
.scrollbarW .overview .scroll_page2 h5 { display:inline-block; width:510px; margin:0 0 0 30px; padding:8px 0 8px 50px; font-size:11px; color:#acacac; text-align:left; border:1px solid #4b4d5a }
.scrollbarW .overview .scroll_page2 li { display:inline-block; overflow:hidden; width:500px; padding:10px 3px 5px 40px; margin:0; text-align:left; vertical-align:top; line-height:1.5 }
.scrollbarW .overview .scroll_page2 li a { color:#acacac }

/* ERROR */
#error { position:relative; width:100%; min-height:768px; height:auto !important; height:768px }
#error .error_cnt_wrap { display:block; width:100%; height:100% }
#error .error_cnt_wrap .bt { position:absolute; top:0; width:100%; height:100%; border-top:5px solid #32458d }
#error .error_cnt_wrap .br { position:absolute; right:0; height:100%; border-right:5px solid #32458d }
#error .error_cnt_wrap .bb { position:absolute; bottom:0; width:100%; height:100%; border-bottom:5px solid #32458d; zoom:1 }
#error .error_cnt_wrap .bl { position:absolute; left:0; height:100%; border-left:5px solid #32458d }
#error .error_cnt_wrap .error_cnt { position:absolute; top:50%; left:50%; display:inline-block; text-align:center; width:454px; height:250px; margin:-125px 0 0 -227px; background:url(/static/image/content/ico_error.gif) no-repeat 50% 37px }
#error .error_cnt_wrap .error_cnt p.txt { padding:125px 0 0 0 }
#error .error_cnt_wrap .error_cnt p.okbtn { width:39px; display:inline-block; padding:78px 0 10px 0; text-align:center }


/* Arrow Icon : 2011-08-18, Developer - ?, add */
.arrow1 { 
	background-image: url('/static/image/ico/arrow4.gif');
	background-repeat: no-repeat;
	padding-left:8px;
}

/* 2011-08-24 Add : For Compliance Popup- wspark */
.treeBoardCplArea3 { margin:0 200px 0 295px }
.treeBoardCplArea_right { position:absolute; top:0; right:0; width:185px }
.treeBoardCplArea_right .inAndOut { position:relative; float:left; width:24px; height:417px; background:url(/static/image/content/bg_inAndOut.gif) no-repeat 0 0; border-bottom:1px solid #ccc }
.treeBoardCplArea_right .inAndOut ul { position:absolute; top:50%; left:0; width:17px; height:76px; margin-top:-38px }
.treeBoardCplArea_right .inAndOut li { padding:0 0 6px 5px }
.treeBoardCplArea_right .section { float:left }
.treeBoardCplArea_right .section .cpls { width:147px; height:410px; padding:3px; border:1px solid #ccc; background:#fff }
.treeBoardCplArea_right .section .cpls select { height:410px; width:146px; padding:10px 12px 0; background:#eee; }

/* 2011-08-29 Add : get by privacy.go.kr css source [ for infoSecurity 24.notice ] - BJH */
#sch_dt{ 
	background-color:	#fff;
	position:			absolute;
	margin-top:			-1px;
	top:				-53px;
	left:				133px;
	width:				270px;
	z-index:    		10000;
	display:		    none;
}

#sch_dt ul { position:absolute; top:0; left:0; z-index:10; width:270px; border:1px solid #ccc; background:#fff }

#sch_dt li{ 
	padding:			3px 5px;
	float:				none !important;
	text-align:			left !important;
	font-size:			11px;
}

#sch_dt input{ 
	width:	70px;
	height:16px;
	line-height:16px;
	margin:0 2px;
}

#searchDt{ 
	margin:0 0 0 21px;
	padding:0 4px;
	font-size:11px;
	background-image: url(/static/image/content/img_sel_allow.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.cntSearch .off #sch_dt span { display:block; float:none }
.cntSearch .off #sch_dt input { float:none }
.hands { cursor:pointer }

/* securityLevelList */
.securityLevelList { padding:12px 0 }
.securityLevelList li { vertical-align:top; border-bottom:1px solid #eee }
.securityLevelList li a { display:block; height:27px; padding:0 8px; color:#777; line-height:27px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#fff }
.securityLevelList li a:hover,
.securityLevelList li a:active,
.securityLevelList li a:focus,
.securityLevelList li.now a{ font-weight:bold; color:#4f5e9e; text-decoration:none; letter-spacing:-1px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(/static/image/bu/bu_securitylevellist_arrow.gif) no-repeat 95% 50% #f7f7f7 }

/* OTHERS */
body.errorpage { background:#bfc6c9 !important }
.others_Error { position:absolute; top:50%; left:50% }
.others_Error .oe_top { height:41px; background:url(/static/image/content/bg_others_error_rx.gif) repeat-x 0 0 }
.others_Error .oe_btm { height:26px; background:url(/static/image/content/bg_others_error_rx.gif) repeat-x 0 100% }
.others_Error .oe_rr { position:relative; width:100% }
.others_Error .oe_rr span { display:block; position:absolute; z-index:10; overflow:hidden; font-size:0; line-height:0; background:url(/static/image/content/bg_others_error_rr.gif) no-repeat 0 0 }
.others_Error .oe_top span { width:26px; height:41px }
.others_Error .oe_btm span { width:26px; height:26px }
.others_Error .oe_rr .rrTL { top:0; left:0; background-position:0 0 }
.others_Error .oe_rr .rrTR { top:0; left:-26px; margin-left:100%; background-position:-26px 0 }
.others_Error .oe_rr .rrBL { top:0; left:0; background-position:0 -41px }
.others_Error .oe_rr .rrBR { top:0; left:-26px; margin-left:100%; background-position:-26px -41px }
.others_Error .oe_contentWrapper { padding-left:26px; background:url(/static/image/content/bg_others_error_cl.gif) repeat-y 0 0 }
.others_Error .oe_contentWrap { padding-right:26px; background:url(/static/image/content/bg_others_error_cr.gif) repeat-y 100% 0 }
.others_Error .oe_content { width:100%; height:169px; background:#fff }
.others_Error .oe_content .section { height:151px; padding:18px 0 0 144px; line-height:1.5; background:url(/static/image/content/bg_others_error.jpg) no-repeat 0 0 #fff }
.others_Error .oe_content h1 { height:55px; padding:0 0 0 1px }
.others_Error .oe_content p { font-weight:bold; font-size:11px; color:#666; line-height:18px }
.others_Error .oe_content p.errorCondition { padding:17px 0 0; font-size:12px; color:#5da1ba }

/* CRISIS */
.crisis_OverallBulletin { width:944px; margin:0 0 20px; padding:0 7px 0 9px; line-height:1.5 }
.crisis_Detail { overflow:hidden; width:944px; margin:0 7px 0 9px; padding:11px 0 0; line-height:1.5; border-top:2px solid #676767 }
.crisis_Detail .sectionL { float:left; width:525px }
.crisis_Detail .sectionR { float:right; width:400px }
.crisis_Detail .crisis_Section { position:relative; margin:0 0 12px }
.crisis_Level { position:relative; width:523px; margin:0 0 12px; border:1px solid #e7e7e7; zoom:1 }
.crisis_Level:after { display:block; clear:both; content:"" }
.crisis_OverallBulletin .detail { margin:0 }

/* main_board2 */
.crisis_OverallBulletin .main_board2 table td,
.crisis_Detail .main_board2 table td{ height:24px; padding:0 5px 0 5px; font-size:12px/* if font-family is Malgun Gothic, font-size 11px, or not 12px */; color:#2f3743; text-align:center; vertical-align:middle; color:#2f3743; line-height:1.5; border-bottom:1px solid #eee }

/* crisis_CurrentLevel */
.crisis_Level .crisis_CurrentLevel { position:absolute; top:-1px; left:-1px; width:155px; height:137px }
.crisis_Level .crisis_CurrentLevel dl { width:100% }
.crisis_Level .crisis_CurrentLevel dl dt { height:30px }
.crisis_Level .crisis_CurrentLevel dl dd { font-weight:bold; font-size:11px; color:#666; text-align:center; vertical-align:top }
.crisis_Level .crisis_CurrentLevel dl dd.siren { height:71px; padding:14px 0 0 }
.crisis_Level .crisis_CurrentContent { min-height:136px; height:auto !important; height:136px; margin:0 0 0 154px; border-left:1px solid #e7e7e7; background:#f8f8f8 }
.crisis_Level .crisis_CurrentContent .innerSection { width:342px; padding:18px 0 0 13px; color:#2f3743 }
.crisis_Level .crisis_CurrentContent h5 { height:14px; margin:0 0 5px; padding:0; vertical-align:top; border-bottom:2px solid #676767 }
.crisis_Level .crisis_CurrentContent .crisis_Name { height:38px; font-weight:bold; font-size:14px }
.crisis_Level .crisis_CurrentContent .crisis_Article { font-size:11px }

/* crisis_Condition */
.crisis_Detail ol.crisis_Condition { overflow:hidden; width:100%; height:128px; padding:15px 0 0; background:url(/static/image/crisis/bg_total_progress.jpg) repeat-x 0 15px }
.crisis_Detail ol.crisis_Condition li { float:left; width:88px; padding:0 21px 0 0; text-align:center }
.crisis_Detail ol.crisis_Condition li.lastchild { padding:0 }
.crisis_Detail ol.crisis_Condition p { font-size:11px }
.crisis_Detail ol.crisis_Condition .process { height:33px; padding:5px 0 0; font-weight:bold; font-size:12px }
.crisis_Detail ol.crisis_Condition .process span.done { color:#aedcff }
.crisis_Detail ol.crisis_Condition .process span.doing { color:#dadada }
.crisis_Detail ol.crisis_Condition .naming { height:37px }

/* more */
.crisis_Detail .more { position:absolute; top:6px; right:6px; width:36px; height:7px }
.crisis_Detail .more a { display:block; padding:6px 0; }

/* partition *//* add : 2011-09-19 cgm */
.partition .partition_tit { background-color:#fff; background-position:5px 13px }
.partition .treearea { background:url(/static/image/content/bg_partition_line.gif) repeat-y 0 0 }
.partition .treeform { background:url(/static/image/content/bg_partition_right.gif) repeat-y 100% 0 }
.partition .treeform_tp { height:4px; background:url(/static/image/content/bg_partition_line.gif) repeat-x 0 0 }
.partition .treeform_mdW { background:url(/static/image/content/bg_partition_line.gif) repeat-y 0 0 }
.partition .treeform_md { margin:12px 10px; /*height:298px*/ }
.partition .treeform_bt { height:6px; background:url(/static/image/content/bg_partition_btm.gif) repeat-x 0 0 }
.partition .treeTL{ position:absolute; top:0; left:0; z-index:10; width:4px; height:4px; font-size:0; background:url(/static/image/content/bg_partition_rr.gif) no-repeat 0 0 }
.partition .treeTR{ position:absolute; top:0; left:-6px; z-index:10; width:6px; height:4px; margin-left:100%; font-size:0; background:url(/static/image/content/bg_partition_rr.gif) no-repeat 100% 0 }
.partition .treeBL{ position:absolute; bottom:0; left:0; z-index:10; width:4px; height:6px; padding-bottom:2px; font-size:0; background:url(/static/image/content/bg_partition_rr.gif) no-repeat 0 -4px #fff }
.partition .treeBR{ position:absolute; bottom:0; left:-6px; z-index:10; width:6px; height:6px; margin-left:100%; padding-bottom:2px; font-size:0; background:url(/static/image/content/bg_partition_rr.gif) no-repeat 100% -4px #fff }

/* 2011-09-30 : add : downcenter : changed button location */
.down_top2 { position:relative; padding:0 0 5px; border-bottom:2px solid #aaa }
.down_l2 { overflow:hidden; width:100% }
.down_r2 { position:absolute; top:0; right:0 }
.down_l2 select.choice { float:left; width:60px; margin:0 5px 0 0 }
.down_l2 p.txtimg { float:left; padding:3px 0 0 }

/* 2011-10-11 : add : byeonjh */
.systemAdmin29 table { table-layout:auto }
.systemAdmin29 .lefttxt,
.systemAdmin29 .left{ text-align:left }

/* 관리체계 */
.rules_area { width:100%;height:100%;overflow:hidden;box-sizing:border-box; }
.rules_area .rules { float:left;width:30%;/* height:350px; */height:520px;border:1px solid #dfdfdf;padding:10px;box-sizing:border-box;overflow:auto; }
.rules_area .rules_data { float:right;width:69%;/* height:350px; */height:520px;border:4px solid #ebedf3;box-sizing:border-box;overflow:auto;padding:15px; }
.rules_area .rules_data h3, .rules_area .rules_data_tbl h3 { font-size:16px;color:#ff308c; padding:7px 0 8px; }
.rules_area .rules_data p { font-size:16px;border-bottom:1px solid #dfdfdf; /* margin-top:15px;padding-bottom:10px; */ margin-top:5px; padding:10px 0; font-weight:bold; }
.rules_area .rules_data dt { font-size:15px;font-weight:bold;padding:15px; }
.rules_area .rules_data dd { font-size:13px;padding-left:20px;line-height:1.6em;color:#3c3c3c; }

.rules_area .rules_data h3:focus, 
.rules_area .rules_data_tbl h3:focus,
.rules_area .rules_data p:focus,
.rules_area .rules_data dt:focus { outline-style:none; border-radius:2px; box-shadow:inset 0 0 1px #999; background-color:rgba(190, 235, 255, 0.6); }

.rules_area .rules ul li { font-size:14px;vertical-align:top;padding-top:2px;margin-bottom:7px; }
.rules_area .rules ul li.tree_01, .rules_area .rules ul li.tree_02, .rules_area .rules ul li.tree_03 { background:url("../images/intg_tree_bg.gif") repeat-y 0 0;background-size:23px; }
.rules_area .rules ul li span.plus { width:23px;height:23px;background:url("../images/icon_plus.png") no-repeat 5px 5px #00bff3;background-size:45px 57px;display:inline-block;margin-right:10px;margin-top:-3px;vertical-align:top; }
.rules_area .rules ul li span.mus { width:23px;height:23px;background:url("../images/icon_plus.png") no-repeat 5px -20px #00bff3;background-size:45px 57px;display:inline-block;margin-right:10px;margin-top:-3px;vertical-align:top; }
.rules_area .rules ul li ul { padding:8px 8px 0 31px; }
.rules_area .rules ul li strong { font-size:15px;font-weight:bold; }

table.tbl_base { width:100%;position:relative;border-top:1px solid #efefef; }
table.tbl_base thead th { height:36px;background:#798096;color:#fff;font-weight:bold;font-size:15px;border-right:1px solid #9ca0b0;text-align:center;vertical-align: middle; }
table.tbl_base thead th:last-child { border-right:0; }
table.tbl_base tbody tr td { position:relative;border-right:1px solid #efefef;border-bottom:1px solid #efefef;text-align:left;padding:10px;color:#3c3c3c;font-size:12px; }
table.tbl_base tbody tr:nth-child(even) { background-color:#f8f8ff; }

/* 2016 - 12- 14 */
.separation { position:relative; width:100%; margin:0 0 15px; padding:0 0 0; background:#fff; zoom:1 }
.separation:after { display:block; clear:both; content:"" }
.separationArea1 { position:absolute; top:0; left:0; width:50%; }
.separationArea2 { position:relative; top:0; left:0; margin:0 0 0 50% }