/* wrapper */
#wrapper { width:100%; min-width:1000px; height:100%; color:#2f3743; font-size:14px; background:url(/static/image/common/bg_body1.gif) repeat-x 0 0 }

/* headerWrap */
#headerWrap { width:100%; height:109px; background:url(/static/image/common/bg_headerWrap.gif) repeat-x 0 25px }
#headerWrap #lnb { overflow:hidden; max-width:1200px; width:100%; height:25px; color:#f5f5f5; background:url(/static/image/common/bg_lnb.gif) repeat-x 0 0 }
#headerWrap #header { max-width:1200px; width:100%; height:109px }
#headerWrap #header #header_inner { position:relative; height:45px; /* margin:0 0 0 20px */ }
#headerWrap #header #gnbWrap { position:relative; top:8px; left:0; float:left; width:100%; padding:0 0 0 0; }

#headerWrap2 { width:100%; height:109px; background:url(/static/image/systemAdmin/common/bg_headerWrap.gif) repeat-x 0 25px }
#headerWrap2 #lnb { overflow:hidden; max-width:1200px; width:100%; height:25px; color:#f5f5f5 /* background:url(/static/image/systemAdmin/common/bg_lnb.gif) repeat-x 0 0 ; */  }
#headerWrap2 #header { max-width:1200px; width:100%; height:109px }
#headerWrap2 #header #header_inner { position:relative; height:45px; /* margin:0 0 0 20px */ }
#headerWrap2 #header #gnbWrap { position:relative; top:8px; left:0; float:left; width:100%; padding:0 0 0 0 }

/* container */
#container { width:100%; padding:0 0 20px 0; background:url(/static/image/snb/bg_snb.gif) repeat-y 0 0; zoom:1 }
#container:after { display:block; clear:both; content:"" }
#container #snb { position:relative; float:left; width:183px; height:100% }
#container #content { min-width:797px; height:100%; margin:0 0 0 183px; }
#container #section { float:left; width:190px; height:100%; padding:14px 0 0 20px; background:url(/static/image/common/bg_content_tp.gif) repeat-x 0 0 }
#container #maincnt { min-width:797px; height:100%; margin:0 0 0 230px; background:url(/static/image/common/bg_content_tp.gif) repeat-x 0 0 }

/* 2011-08-09 cgm : modify - bak */
/* container_monitering */
#container_monitering { position:relative; overflow:hidden; width:100%; color:#acacac; background:url(/static/image/monitering/bg_navi.gif) repeat-x 0 0 #282828 }
#container_monitering #monitering_nosnb { overflow:hidden; width:100%; min-height:700px; height:auto !important; height:700x; padding:14px 20px 0px 20px }
#container_monitering #monitering_board_page { padding:14px 20px 46px 31px }
#container_monitering #snb_monitering { position:relative; float:left; width:193px; min-height:700px; height:700px !important; background:url(/static/image/monitering/bg_snb_monitering.gif) repeat-y 0 0 }
#container_monitering #snb_monitering ul { padding:14px 0 46px 0 }
#container_monitering #snb_monitering li { width:193px; height:34px; line-height:34px; vertical-align:top }
#container_monitering #snb_monitering a { display:block; padding:0 0 0 40px; color:#7a7a7a }
#container_monitering #snb_monitering a:hover,
#container_monitering #snb_monitering a:active,
#container_monitering #snb_monitering a:focus{ color:#ccc; text-decoration:none; background:url(/static/image/monitering/bg_snb_monitering_over.gif) no-repeat 0 0 }
#container_monitering #content_monitering { position:absolute; left:211px; min-width:797px; min-height:797px; height:auto !important; height:797px; min-height:500px; height:auto !important; height:500px; }
#container_monitering #content_monitering h3 { height:40px; padding:22px 0 0 0 }
#navi { position:relative; max-width:1200px; height:43px; background:url(/static/image/monitering/bg_navi.gif) repeat-x 0 0 }
#navi h2 { padding:12px 20px 0 56px; background:url(/static/image/bu/bu_navi_monitering.gif) no-repeat 45px 15px }
#navi p.day { position:absolute; top:14px; left:163px; vertical-align:top; line-height:100% }
#navi p.qna { position:absolute; top:6px; right:20px }
#navi .riskLevel { position:absolute; top:10px; right:40px; overflow:hidden }
#navi .riskLevel li { float:left; padding:0 25px 0 0; vertical-align:top; line-height:100% }


/* container_monitering 
#container_monitering { position:relative; overflow:hidden; width:100%; color:#acacac; background-color:#282828 }
.y_Snb { background:url(/static/image/monitering/bg_snb_monitering.gif) repeat-y 0 0 #282828 }
#container_monitering #monitering_nosnb { overflow:hidden; width:100%; min-height:700px; height:auto !important; height:700x; padding:14px 20px 0px 20px }
#container_monitering #monitering_board_page { padding:14px 20px 46px 31px }
#container_monitering #snb_monitering { position:relative; float:left; width:193px; min-height:700px; height:700px !important; background:url(/static/image/monitering/bg_snb_monitering.gif) repeat-y 0 0 }
#container_monitering #snb_monitering ul { padding:14px 0 46px 0 }
#container_monitering #snb_monitering li { width:193px; height:34px; line-height:34px; vertical-align:top }
#container_monitering #snb_monitering a { display:block; padding:0 0 0 40px; color:#7a7a7a }
#container_monitering #snb_monitering a:hover,
#container_monitering #snb_monitering a:active,
#container_monitering #snb_monitering a:focus{ color:#ccc; text-decoration:none; background:url(/static/image/monitering/bg_snb_monitering_over.gif) no-repeat 0 0 }
#container_monitering #content_monitering { position:absolute; left:211px; min-width:797px; min-height:797px; height:auto !important; height:797px; min-height:500px; height:auto !important; height:500px; }
#container_monitering #content_monitering h3 { padding:22px 0 0 0 }
*/
/* NAVI 
#naviW { width:100%; background:url(/static/image/monitering/bg_navi.gif) repeat-x 0 0 }
#navi { position:relative; max-width:1200px; height:43px; background:url(/static/image/monitering/bg_navi.gif) repeat-x 0 0 }
#navi h2 { padding:12px 20px 0 56px; background:url(/static/image/bu/bu_navi_monitering.gif) no-repeat 45px 15px }
#navi p.day { position:absolute; top:14px; left:163px; vertical-align:top; line-height:100% }
#navi p.qna { position:absolute; top:6px; right:20px }
#navi .riskLevel { position:absolute; top:10px; right:40px; overflow:hidden }
#navi .riskLevel li { float:left; padding:0 25px 0 0; vertical-align:top; line-height:100% }
*/

/* monitering : DARK Background - 2011-08-09 */
body.darkBody { background-color:#282828 }
/* path */
#pathW { width:100%; background:url(/static/image/monitering/bg_navi.gif) repeat-x 0 0 }
#path { position:relative; max-width:1200px; height:43px; background:url(/static/image/monitering/bg_navi.gif) repeat-x 0 0 }
#path h2 { float:left; padding:12px 50px 0 56px; background:url(/static/image/bu/bu_navi_monitering.gif) no-repeat 45px 15px }
#path p.day { float:left; padding:15px 0 0 0; color:#b1b1b1; vertical-align:top; line-height:100% }
#path p.qna { position:absolute; top:9px; right:15px }
#path .riskLevel { position:absolute; top:13px; right:40px; overflow:hidden }
#path .riskLevel li { float:left; padding:0 25px 0 0; vertical-align:top; line-height:100% }
/* contain_Moniter */
#contain_Monitor{ position:relative; max-width:1200px; min-width:1000px; min-height:550px; height:auto !important; height:550px; padding:0 0 30px; color:#acacac; background-color:#282828; zoom:1 }
#contain_Monitor:after { display:block; clear:both; content:"" }
.y_Snb { background:url(/static/image/monitering/bg_snb_monitering.gif) repeat-y 0 0 #282828 }/* 2011-08-09 cgm : add */
/* Moniter : snb */
#contain_Monitor #snb { position:relative; float:left; width:213px; min-height:500px; height:auto !important; height:500px; background:url(/static/image/monitering/bg_snb_monitering.gif) repeat-y 0 0 }
#contain_Monitor #snb ul { padding:14px 0 46px 0 }
#contain_Monitor #snb li { width:193px; height:34px; line-height:34px; vertical-align:top }
#contain_Monitor #snb a { display:block; height:34px; padding:0 0 0 40px; color:#7a7a7a }
#contain_Monitor #snb li.now a,
#contain_Monitor #snb a:hover,
#contain_Monitor #snb a:active,
#contain_Monitor #snb a:focus{ color:#ccc; text-decoration:none; background:url(/static/image/monitering/bg_snb_monitering_over.gif) no-repeat 0 0 }
/* Moniter : content */
#contain_Monitor #content { overflow:hidden; zoom:1 }
#contain_Monitor #content:after { display:block; clear:both; content:"" }
.y_Snb #content { min-width:777px; height:100%; margin:0 0 0 213px; padding:22px 0 0 0 }
.n_Snb #content { min-width:980px; max-width:1200px; margin:0; padding:14px 20px 0 31px }
#contain_Monitor #content .location { height:40px }

/* container_noleft */
#container_noleft { overflow:hidden; width:100%; background:url(/static/image/common/bg_location.png) repeat-x 0 0 }
#container_main { padding:20px 0 47px 20px; background:url(/static/image/main/bg_main.gif) repeat-x 0 0; zoom:1 }
#container_main:after { display:block; clear:both; content:"" }
#container_noleft #content { max-width:1200px; background:url(/static/image/common/bg_content_tp.gif) repeat-x 0 0 }
#container_noleft #content .location,
#container_noleft #content .location_securityCenter { position:relative; overflow:hidden; height:45px; padding:0 0 22px 0; background:url(/static/image/common/bg_location.png) repeat-x 0 0 }
#container_noleft #content .location h3 { height:16px; margin:0 0 0 25px; padding:17px 0 0 15px; font-weight:bold; font-size:14px; color:#4f5e9e; line-height:14px; vertical-align:top; background:url(/static/image/ico/ico_h3.jpg) no-repeat 1px 15px }
#container_noleft #content .location ul { float:right; margin:-16px 0 0 0 }
#container_noleft #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_noleft #content .location li.lastchild { padding:0 10px 0 13px; background:0 none }
#container_noleft #content .location li img { line-height:100%; vertical-align:top }
#container_noleft #content .article { margin:0 10px 50px 20px }

/* MAIN_CONTAINER */
#main_container { overflow:hidden; width:100%; min-height:500px; height:100% }
#main_container #snb { position:relative; float:left; width:183px; min-height:100% }
#main_container #content { min-width:797px; height:100%; margin:0 0 0 183px; background:url(/static/image/common/bg_content_tp.gif) repeat-x 0 0 }
#main_container #section { float:left; width:190px; height:100%; padding:14px 0 0 20px; background:url(/static/image/common/bg_content_tp.gif) repeat-x 0 0 }
#main_container #maincnt { min-width:797px; height:100%; margin:0 0 0 230px; background:url(/static/image/common/bg_content_tp.gif) repeat-x 0 0 }


/* LNB */
#lnb p { padding:5px 0 0 35px; font-size:12px; /* vertical-align:middle; line-height:1.2 */ }
#lnb p strong { padding:0 15px 0 0 }
#lnb ul { float:right; height:12px; margin:-11px 0 0 0 }
#lnb li { float:left; padding:0 0 0 17px; font-size:12px;/*  vertical-align:top; line-height:1.2 */ }
#lnb li.connect { color:#ffffff; font-weight:bold; background:url(/static/image/common/user_icon.png) no-repeat; }
#lnb li a { vertical-align:top; line-height:100%; color:#f5f5f5 }
#lnb li.private a { font-weight:bold; color:#93cad6 }
#lnb li.lastchild { padding:0 6px 0 17px }

/* LNB */
#lnb2 p { padding:8px 0 0 35px; font-size:11px; vertical-align:top; line-height:100% }
#lnb2 p strong { padding:0 15px 0 0 }
#lnb2 ul { float:right; height:12px; margin:-11px 0 0 0 }
#lnb2 li { float:left; padding:0 0 0 17px; font-size:11px; vertical-align:top; line-height:100% }
#lnb2 li.connect { color:#ccc; }
#lnb2 li a { vertical-align:top; line-height:100%; color:#f5f5f5 }
#lnb2 li.private a { font-weight:bold; color:#93cad6 }
#lnb2 li.lastchild { padding:0 6px 0 17px }

/* HEADER_INNER */
#header_inner h1 /* { padding:10px 0 0 14px } */
#header_inner div.mainSearch { position:absolute; top:15px; right:6px; overflow:hidden; width:auto }
#header_inner div.mainSearch p { float:left }
#header_inner div.mainSearch p img { vertical-align:top; line-height:100% }
#header_inner div.mainSearch p.fullmenu { padding:0 0 0 6px }
#header_inner div.mainSearch input { float:left; width:159px; height:15px; margin:0 0 0 3px; vertical-align:top; line-height:15px; border:1px solid #585858 }
#header_inner div.mainSearch input.mainSearchButton { width:auto; height:auto; margin:0; line-height:100%; border-left:0 none }
#header_inner div.mainSearch #mainSearch { margin:0 0 0 5px }
#header_inner div.mainSearch p.mainSearch img { margin:2px 0 0 0 }
#header_inner div.mainSearch select { width:76px; line-height:14px; font-family:dotum; font-size:11px; color:#586b83; vertical-align:middle; border:1px solid #586b83 }

/* HEADER_INNER 異붽�*/
/* #header_inner div.serviceAdmin { position:absolute; top:15px; right:500px; overflow:hidden; width:auto }
#header_inner div.serviceBtn { position:absolute; top:14px; right:480px; overflow:hidden; width:auto } */
#header_inner div.serviceMenu { position:absolute; top:29px; right:17px; width:auto }


/* GNB : 1depth */
#gnb { padding-left:34px; }
#gnb li { float:left; width:auto; height:41px }
#gnb li a { display:block; float:left; padding:0 10px 12px 10px }

/* GNB : 2depth */
#gnb li ul { display:none; position:absolute; top:20px; left:0; z-index:10; height:23px; width:100% }
#gnb li ul li { float:left; padding:0; font-size:12px; letter-spacing:0; vertical-align:top; line-height:100%; color:#333 }
#gnb li ul li a { display:block; height:21px; padding:16px 14px 0 5px; color:#333; font-weight:bold; vertical-align:top; line-height:1.2; white-space:nowrap }
#gnb li ul li.currentPage a { color:#009999; }
#gnb li ul li a:hover,
#gnb li ul li a:active,
#gnb li ul li a:focus { color:#009999; text-decoration:none; background:none }
#gnb li ul li a.currentDepth { color:#009999; text-decoration:none; background:none }
#gnb li ul li a img { display:block; padding:15px 0 7px; margin:0; vertical-align:top; line-height:100% }

#gnb li #submenu_1 { left:50px; width:auto !important }
#gnb li #submenu_2 { left:150px; width:auto !important }
#gnb li #submenu_3 { left:245px; width:auto !important }
#gnb li #submenu_4 { left:320px; width:auto !important }
#gnb li #submenu_5 { left:390px; width:auto !important }
#gnb li #submenu_6 { left:455px; width:auto !important }
#gnb li #submenu_7 { left:28px; width:auto !important }
#gnb li #submenu_8 { left:195px; width:auto !important }
#gnb li #submenu_9 { left:430px; width:auto !important }
#gnb li #submenu_10 { left:490px; width:auto !important }
#gnb li #submenu_11 { left:450px; width:auto !important }


/* SNB : 3depth */
#container #snb ul { padding:0 0 1px; background:url(/static/image/snb/bg_snb_menu_bt.gif) no-repeat 0 100% }
#container #snb ul ul { padding:0; background:url(/static/image/snb/bg_snb_menu_bt.gif) no-repeat 0 100% }
#container #snb li { width:183px; height:31px; background:url(/static/image/snb/bg_snb_menu.gif) no-repeat 0 0 }
#container #snb li.snbmenu1 { background:url(/static/image/snb/bg_snb_menu1.gif) no-repeat 0 0 }
#container #snb li.snbmenu2 { height:31px; background:url(/static/image/snb/bg_snb_menu2.gif) no-repeat 0 0 }
#container #snb li.depth4open { height:auto; background:url(/static/image/snb/bg_snb_menu.gif) no-repeat 0 0 }
#container #snb li div { overflow:hidden; display:block; height:21px; padding:8px 0 0 30px; color:#ffffff; font-weight:bold; font-size:13px; line-height:100%; vertical-align:top }
/* #container #snb li a { overflow:hidden; display:block; height:21px; padding:10px 0 0 20px; color:#333333; font-weight:bold; font-size:12px; line-height:100%; vertical-align:top } */
#container #snb li a:hover,
#container #snb li a:active,
#container #snb li a:focus,
#container #snb li a.over,
#container #snb li.depth3bg a{overflow:hidden; color:#003a70; text-decoration: underline; line-height:100%; vertical-align:top; background:url(/static/image/snb/bg_snb_menu_over.gif) no-repeat 0 0 }
#container #snb li.depth3bg { background:url(/static/image/snb/bg_snb_menu_over.gif) no-repeat 0 0 }

/* SNB : 4depth */
#container #snb li ul.sub li { overflow:visible; height:auto; line-height:100%; vertical-align:top; background:url(/static/image/snb/snb_sub_bt.gif) no-repeat 0 -1px #fff }
#container #snb li ul.sub li a { overflow:visible; display:block; min-height:11px; height:auto !important; height:11px; padding:6px 7px 6px 40px; font-weight:normal; font-size:12px; vertical-align:top; line-height:1.3; background:url(/static/image/snb/snb_sub.gif) no-repeat 0 -2px #fff }
#container #snb li ul.sub li a:hover,
#container #snb li ul.sub li a:active,
#container #snb li ul.sub li a:focus{overflow:visible; min-height:11px; height:auto !important; height:11px; padding:6px 7px 6px 40px; font-weight:bold;  color:#444; letter-spacing:-1px; line-height:1.3; text-decoration:none; vertical-align:top; background:url(/static/image/snb/snb_sub.gif) no-repeat 0 -2px }
#container #snb li ul li.firstchild a { overflow:visible; display:block; padding-top:10px; font-size:12px; vertical-align:top; line-height:1.3; background:url(/static/image/snb/snb_sub_tp.gif) no-repeat 0 0 #fff }
#container #snb li ul li.firstchild a:hover,
#container #snb li ul li.firstchild a:active,
#container #snb li ul li.firstchild a:focus{ overflow:visible; padding-top:10px; font-weight:bold; vertical-align:top; line-height:1.3; background:url(/static/image/snb/snb_sub_tp.gif) no-repeat 0 0 #fff }
#container #snb li ul.sub a.currentdepth4 { font-weight:bold; letter-spacing:-1px; color:#444 }

/* SNB : 5depth */
#container #snb li ul.sub ul li a { overflow:visible; display:block; min-height:11px; height:auto !important; height:11px; padding:3px 7px 3px 48px; font-weight:normal; font-size:11px; vertical-align:top; line-height:1.3; background:url(/static/image/snb/snb_sub5.gif) no-repeat 0 -2px #fff }
#container #snb li ul.sub ul li a:hover,
#container #snb li ul.sub ul li a:active,
#container #snb li ul.sub ul li a:focus{ overflow:visible; min-height:11px; height:auto !important; height:11px; padding:3px 7px 3px 48px; font-weight:bold;  color:#444; letter-spacing:-1px; line-height:1.3; text-decoration:none; vertical-align:top; background:url(/static/image/snb/snb_sub5.gif) no-repeat 0 -2px }

/* FOOTER */
#footer { overflow:hidden; width:100%; height:50px; border-top:1px solid #cccfd3; }
#footer p.copyright { padding:15px 0 0 30px }
#footer .fnb { position:relative; overflow:hidden; max-width:1200px; width:100%; height:25px; margin:-15px 0 0 0 }
#footer .fnb ul { overflow:hidden; position:absolute; top:5px; right:160px; vertical-align:middle }
#footer .fnb ul li { float:left; padding:0 10px; font-size:11px; color:#999; line-height:1.2; background:url(/static/image/common/line_v_fnb.gif) no-repeat 100% 50% }
#footer .fnb ul li.lastchild { background:none }
#footer .fnb p { position:absolute; right:6px }
#footer .fnb select { width:150px; font-size:11px; font-family:dotum; border:1px solid #d4d0c8 }

/* FOOTER_MONITERING */
#footer_monitering { overflow:hidden; width:100%; height:50px; border-top:1px solid #1e1e1e; background:#282828 }
#footer_monitering p.copyright { padding:15px 0 0 30px }
#footer_monitering .fnb { position:relative; overflow:hidden; max-width:1200px; width:100%; height:25px; margin:-15px 0 0 0 }
#footer_monitering .fnb ul { overflow:hidden; position:absolute; top:5px; right:160px; vertical-align:middle }
#footer_monitering .fnb ul li { float:left; padding:0 10px; font-size:11px; color:#999; line-height:1.2; background:url(/static/image/common/line_v_fnb.gif) no-repeat 100% 50% }
#footer_monitering .fnb ul li.lastchild { background:none }
#footer_monitering .fnb p { position:absolute; right:6px }
#footer_monitering .fnb select { width:150px; font-size:11px; font-family:dotum; color:#747474; border:1px solid #666; background:#282828 }

/* SIDE PANEL */
#sidePanel{position:absolute; top:198px; left:-250px; z-index:5000; width:250px; background:#408eb4 }
#sidePanel .sideIframe { position:absolute; background:transparent; filter:alpha(opacity=0) }
.sidePanel_Cotainer { position:relative; padding:7px 7px 7px 0 }
.sidePanel_Content { width:213px; min-height:446px; height:auto !important; height:446px; padding:20px 15px; background:#fff }
#openCloseWrap { position:absolute; top:0; right:-19px; width:19px; height:67px }


.modal {display:none;width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:20000;}
.modal-loading.progress {position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);opacity:0.7;text-align:center;}
.modal-loading.progress p {margin-top:25px;font-size:18px;color:#fff;text-align:center;}
.modal-loading.progress span {display:block;text-align:center;}
/* .modal-backdrop {background:#fff;opacity:0.7} */
.modal-backdrop {left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;position:absolute;background-color:rgb(0, 0, 0);opacity:0.6;}