@charset "utf-8";
/*=================================================================================
* 본 파일은 그룹웨어의 외곽(헤더, 푸터등)부터 공통적으로 사용되는 스타일셋트들을 모아놓았습니다.
=================================================================================*/

/* Login  ========================================================================================== */
div.login-top-space {height:4%;}
div#Login{clear:both;text-align:center;overflow:hidden;position:relative;}
div#Login .logo {margin:0 auto 20px auto; min-width:554px; display:inline-block;}
div#Login input[type="text"], div#Login input[type="password"] {
    font-weight:bold;
    width: 200px;
    border: 2px solid #c7c7c7;
    padding: 4px;
    background-color: #d6d5d5;
    color: #555 !important;
    font-family:gulim;
    font-size:13px;
}
div#Login input[type="text"], textarea:focus {outline:none;}
div#Login input[type="password"], textarea:focus {outline:none;}

div#Login .select_basic {width:100px;}
div#Login .designSelectBoxInner{}
div#Login span.designSelectBox{height:21px;font-weight:bold;color:#666 !important;padding-left:4px;border:1px solid #c4c4c4;background:url(/img/bullet_sprite.gif) no-repeat scroll right -128px transparent;background-color:#f1f1f1;line-height:21px;}

div#Login .login-wrap {min-width:390px;display:inline-block;width:auto;position:relative;background-color:#fff;}

div#Login .line-shadow-bg {position:absolute; top:115px; left:0; background:#fff; height:344px; width:100%;}

div#Login .login-body-shadow {position:absolute;top:70px;background:url(/img/login_shadow_bg.gif) repeat-y left top;width:80px;height:344px;}
div#Login .login-body-shadow.left {left:-80px;background-position:left top;}
div#Login .login-body-shadow.right  {right:-80px;background-position:right top;}

div#Login .login-top-wrap {position:relative;height:65px;background:url(/img/login_top_sp.gif) repeat-x center -66px;}
div#Login .login-top {position:absolute;top:0;background:url(/img/login_top_sp.gif) repeat-x center -66px;height:65px}
div#Login .login-top.left {left:0;background-position:left top;width:45px;}
div#Login .login-top.right  {right:0;background-position:right top;width:45px;}
div#Login .login-top.center {left:50%;margin-left:-130px;background:url(/img/login_top_mark.gif) no-repeat;width:260px;}

div#Login .login-body {position:absolute;bottom:0;top:0;background:url(/img/login_body_sp.gif) repeat-y left top;width:35px}
div#Login .login-body.left {left:0;background-position:left top;}
div#Login .login-body.right  {right:0;background-position:right top;}

div#Login .login-bottom-wrap {position:relative;height:65px;background:url(/img/login_bottom_sp.gif) repeat-x center -66px;}
div#Login .login-bottom {position:absolute;top:0;background:url(/img/login_bottom_sp.gif) repeat-x center -66px;height:65px}
div#Login .login-bottom.left {left:0;background-position:left top;height:65px;width:45px;}
div#Login .login-bottom.right  {right:0;background-position:right top;height:65px;width:45px;}

div#Login .login-img {margin:15px auto 0 auto; padding:0 40px}
div#Login .login-img img{}
div#Login .login-control-wrap {width:230px;margin:20px auto 0 auto;text-align:left}
div#Login .login-control-wrap p{margin-top:5px;margin-left:9px;}
div#Login .login-control-wrap p.login-type-select{margin-top:7px;}
div#Login .login-control-wrap p.login-btn{margin-left:0px;}
div#Login_Footer{clear:both;margin-top:10px;}
div#Login_Footer li{font-size:11px;line-height:15px;text-align:center; min-width:554px; display:inline-block;}
div#Login .pwSearch-btn {
	display:inline-block; 
	overflow:visible; 
	position:relative; 
	line-height:100%; 
	text-decoration:none;
	vertical-align:middle;
	white-space:nowrap;
	}
div#Login .pwSearch-btn a {
	border:1px solid #cecece;
	border-radius:2px;
	padding:5px 70px 2px 70px !important;
	background-color:#f9f9f9;
	color:#222;
	font-family:dotum;
	font-weight: ;
	font-size:11px;
	}

.G3login {background:url('/img/G3login_blueback_side.png') no-repeat 0 0; background-color:#4f4f4f;}
.G3login-rightside {
	position:fixed; 
	display:inline-block; 
	width:0; 
	height:0; 
	border-bottom:700px solid #5d5d5d;
	border-left:700px solid #4f4f4f; 
	right:0; 
	bottom:0;
	}
.G3login-wrap {overflow:hidden; width:1100px; padding:0; border-radius:17px 17px; box-shadow:1px 1px 30px #444; background-color:#fff; position:relative; overflow:hidden; z-index:1000;}
.G3login-1set {float:left; padding:55px 65px 0 65px;}
.G3login-2set {float:left; position:relative; height:600px; width:700px; background:#3c3c3c url('/img/G3login_blueback2.png') no-repeat 0 0px;}
.G3login-4set {float:left;}
.G3login-img {position:absolute; top:65px; left:45px; width:610px; height:355px; background:url('/img/G3login_notebook.png') no-repeat;}
.G3login-img img {position:absolute; left:77px; top:18px;}
.G3login-company {position:absolute; top:405px; left:0; right:0; text-align:center; font-size:12px; font-family:Noto Sans KR; color:#fff;}
.G3login-copyright {position:absolute; top:433px; left:0; right:0; text-align:center; font-family:Noto Sans KR; font-size:11px; letter-spacing:0.5px; color:#fff; opacity:0.4;}
.G3login-textarea {position:absolute; top:453px; left:0; right:0; text-align:center; font-family:Noto Sans KR; font-size:11px; letter-spacing:0.5px; color:#fff; opacity:0.4;}
.G3login-notice {
	position:relaitve; 
	width:247px; 
	margin-top:35px; 
	padding:0; 
	background-color:#fff; 
	border-radius:0px; /*box-shadow:1px 1px 30px #f0f0f0;*/
	border:1px solid #ddd;
	padding:10px 10px 15px;
	border-radius:6px;
	background-color:#f5f5f5;
	}
.G3login-notice li {
	text-align:left; 
	line-height:25px; 
	font-size:13px; 
	font-family:Noto Sans KR; 
	font-weight:300;
	color:#222;
	word-break:break-all;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }
.G3login-notice li span {
	display:inline-block; 
	height:3px; 
	width:3px; 
	background-color:#d1d1d1; 
	border-radius:50px;
	vertical-align:middle;
	margin-right:5px;
	margin-top:-2px;
	}
.G3login-notice-view {
	width:400px;
	background-color:#414141;
	border-radius:0px;
	border:6px solid #515151;
	box-shadow:0px 1px 25px #333;
	padding:15px 25px 20px; 
	}
.G3login-notice-viewtitle {
	position:relative;
	line-height:50px; 
	color:#fff; 
	font-family:Noto Sans KR; 
	font-size:15px; 
	text-align:left;
	border-bottom:1px solid #555;
	padding-right:40px;
	word-break:break-all;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	}
.G3login-notice-viewtitle span {
	display:inline-block; 
	height:5px; 
	width:5px; 
	background-color:#f7a00a; 
	border-radius:50px;
	vertical-align:middle;
	margin-right:8px;
	margin-top:-2px;
	}
.G3login-notice-close {
	position:absolute;
	top:35px;
	right:30px;
	display:inline-block; 
	height:16px; 
	width:16px; 
	background:url('/img/G3login_notice_close.png') no-repeat;
	opacity:0.7;
	}
.G3login-notice-viewarea {
	text-align:left; 
	line-height:1.8; 
	vertical-align:top; 
	height:400px; 
	overflow-y:auto;
	color:#ccc; 
	font-family:Noto Sans KR; 
	font-size:14px; 
	font-weight:300;
	padding:15px 0;
	}
.G3login-title {
	display:inline-block; 
	font-family:Noto Sans KR; 
	font-size:12px; 
	font-weight:600; 
	color:#737373; 
	border-left:0px solid #ddd; 
	margin-left:0px; 
	padding-left:10px;
	}
.G3login-input {margin:0 auto; display:inline-bolck; width:270px;}
.G3login-input-area {background-color:; line-height:36px; height:36px; border-radius:5px; margin-bottom:13px; padding:0 0 0 45px;}
.G3login-idbox {background:#e6e6e6 url(/img/G3_login_id.png) no-repeat 15px 11px; position:relative;}
.G3login-idbox span {position:absolute; right:10px;}
.G3login-pwbox {background:#e6e6e6 url(/img/G3_login_pw.png) no-repeat 15px 11px;}
.G3login-language {
	position:absolute;
	left:0;
	display:inline-block; 
	width:140px; 
	border:1px solid #d1d1d1;
	height:30px;
	line-height:28px;
	border-radius:50px; 
	font-family:Noto Sans KR; 
	font-weight:500; 
	font-size:12px;
	color:#666 !important;
	cursor:pointer;
	}
.G3login-select-hidden {display:none; visibility:hidden;}
.G3login-select-view {
	position:absolute;
	top:33px;
	left:0;
	width:140px;
	border-radius:5px;
	background-color:#444;
	z-index:1000000;
	padding:5px 0;
	}
.G3login-select-view li {line-height:35px; transition: all 0.3s; color:#fff; font-family:Noto Sans KR; font-size:12px;}
.G3login-select-view li:hover {background-color:#666; cursor:pointer;}
.G3login-saveid {
	position:absolute;
	right:0;
	display:inline-block; 
	width:120px; 
	height:30px;
	line-height:28px;
	font-family:Noto Sans KR; 
	font-weight:500; 
	font-size:12px;
	color:#666 !important;
	}
.G3login-btn {
	display:inline-block; 
	background:linear-gradient(92deg,#f46a12,#ffa614);
	/*background-color:#fe8d0a;*/
	width:100%; 
	line-height:30px;
	border-radius:5px; 
	font-family:Noto Sans KR; 
	font-size:11px;
	font-weight:500; 
	color:#fff !important;
	}
.G3login-btn:hover {color:#fff;}
.G3login-more {
	display:inline-block; 
	margin-top:20px;
	background:#fff;
	width:50px; 
	line-height:28px;
	border-radius:3px; 
	font-family:Noto Sans KR; 
	font-size:11px;
	font-weight:500; 
	color:#aaa !important;
	text-align:center;
	border:1px solid #f45d04;
	}
.G3login-bottom {clear:both; padding-top:15px; text-align:center; color:#999;}
.G3login-inputbox {
	padding:0 !important; 
	height:36px !important; 
	width:225px !important;
	border-radius:5px !important; 
	border:none !important; 
	background-color:transparent !important;
	font-size:15px !important;
	font-family:Noto Sans KR !important; 
	font-weight:400 !important;
	}
.G3login-pwsearch {
	display:block;
	border:1px solid #d1d1d1;
	text-align:center;
	color:#888 !important;
	border-radius:5px;
	font-family:Noto Sans KR; 
	font-size:11px;
	padding:6px 0;
	}
.G3login-pwsearch:hover {background-color:#f1f1f1;}

/* alert */
#popup_container{min-width:300px;*width:320px;padding:20px;/* Dialog will be no smaller than this */border:solid 6px #526086;background:#fff;font-family:Arial,sans-serif;font-size:12px;color:#000}
#popup_content{}
div#popup_content .infobox{margin-bottom:15px;padding:10px 15px;border:1px solid #e3e3e3;background:#f8f8f8}
div#popup_content .infobox span.confirmMsg{padding:8px 0 2px 30px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 -289px transparent;line-height:20px;font-weight:bold;text-align:center}
#popup_message{}
#popup_panel{clear:both;position:relative;width:100%;margin:0 auto;text-align:center}

/* ==========================================================================================
	Header, Left, Left - Sub, Footer
   ========================================================================================== */

div#wrap{overflow:hidden;min-width:1152px;_width:100%;height:100%}
div#Header{z-index:10; width:100%; height:52px; background:#ececed; border-bottom:1px solid #cecece;}

.G3-header {
	position:relative; 
	overflow:hidden; 
	width:100%; 
	height:72px; 
	background-color:#333; 
	z-index:1000;
	/*box-shadow:inset 0 0 3px #111;*/
	border-bottom:1px solid #000;
	}
.G3-header-menu {float:left; display:inline-block; width:56px; height:73px; background:url('/img/G3_header_menu.png') no-repeat center; cursor:pointer; }
.G3-header-menu:hover {background-color:#222;}
.G3-header-line {float:left; display:inline-block; width:1px; height:73px; background-color:#222;}
.G3-header-logo {float:left; line-height:68px; height:73px; width:205px; text-align:center; font-family:Noto Sans KR; font-size:20px; font-weight:400; color:#fff; cursor:pointer;  }
.G3-header-logo:hover {background-color:#222;}
.G3-header-logo img {vertical-align:middle;}
.G3-header-qmenu {position:absolute; top:0; right:0; display:inline-block; width:73px; height:73px; background:url('/img/G3_header_qmenu.png') no-repeat center;}
.G3-header-qmenu:hover {background-color:#222;}
.G3-header-rline {position:absolute; top:0; right:74px; display:inline-block; width:1px; height:73px; background-color:#222;}
.G3-header-profile {
	float:right;
	display:inline-block; 
	height:40px; 
	line-height:38px; 
	padding:0 5px; 
	border:1px solid rgba(255, 255, 255, 0.09); 
	border-radius:50px;
	color:#fff;
	font-size:14px;
	margin-right:15px;
	}
.G3-header-pic {display:inline-block; width:33px; height:33px; background:url('/img/G3_header_userpic.png') no-repeat center center; margin-top:-1px; vertical-align:middle;}
.G3-header-pic img {border-radius:50px; height:inherit;}
.G3-header-name {display:inline-block; height:41px; padding:0 20px 0 10px; border-right:1px solid rgba(255, 255, 255, 0.08);}
.G3-header-part {display:inline-block; padding:0 10px 0 10px; color:#888;}
.G3-header-arrow {margin-right:13px; display:inline-block; width:9px; height:8px; background:url('/img/G3_header_arrow.png') no-repeat;}
.G3-header-info {position:absolute; top:16px; right:85px; overflow:hidden;}
.G3-header-bell {
	float:right;
	position:relative;
	display:inline-block; 
	height:40px; 
	width:40px;
	border:1px solid rgba(255, 255, 255, 0.15); 
	border-radius:50px;
	background:url('/img/G3_header_bell.png') no-repeat center center;
	margin-right:7px;
	}
.G3-header-couter {position:absolute; top:2px; right:2px; display:inline-block; width:7px; height:7px; border-radius:50px; background-color:#ec5303;}
.G3-header-logout {
	float:right;
	display:inline-block; 
	height:40px; 
	width:40px;
	border-radius:50px;
	background:url('/img/G3_header_logout.png') no-repeat center center;
	margin-right:0px;
	}
.G3-header-search {
	float:right;
	display:inline-block; 
	height:40px; 
	width:40px;
	border:0px solid rgba(255, 255, 255, 0.15); 
	border-radius:50px;
	background:url('/img/G3_header_search.png') no-repeat center center;
	margin-right:0px;
	}
input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
	 transition:background-color 5000s ease-in-out 0s;
	 -webkit-transition:background-color 9999s ease-out;
     -webkit-box-shadow:0 0 0px 1000px #e6e6e6 inset !important;
     -webkit-text-fill-color:#333 !important;
   }

/* Font */
#Contents .total_nav,.global_menu .department_box,.global_menu .sbox,.global_menu .sbox ul li,.first-category .menu li a{font:500 11px/12px 'Dotum','돋움','Arial','Helvetica','sans-serif'}

/* Header Detail ========================================================================================== */
div#Header .logo a {display:inline-block; position:absolute; left:0; top:0; width:250px; text-align:center; height:72px; line-height:70px;}
div#Header .logo a img {margin-left:0px; vertical-align:middle}
/* div#Header .logo a{display:block;position:absolute;width:120px;height:30px; margin:14px 0 0 30px} */

/* icon set top 
.global_menu {float:right; margin:3px 15px 0 0; display:inline-block;}
.global_menu ul {overflow:hidden;}
.global_menu li{}
.global_menu .department_box{float:left; margin-top:6px;}
.global_menu .department_box span.designSelectBox{display:inline-block;overflow:visible; height:35px; padding-left:8px; border:none; background:url(/img/header_selectboxheadbg.gif) no-repeat;line-height:13.5px !important;vertical-align:middle}

.global_menu .department_box .designSelectBoxInner{height:35px; padding:0px 0px 0; background:url(/img/header_selectboxheadbg.gif) no-repeat center right;font-weight:bold;white-space:nowrap}
:root .global_menu .department_box .designSelectBoxInner{line-height:14px\0/IE9;}
.global_menu .client_name{float:left; margin-top:6px; margin-right:20px; height:35px; font-family:'gulim'; font-size:12px; line-height:35px; letter-spacing:0px; padding:0 23px 0 15px;  background:url(/img/header_clientImg.png) no-repeat top right; }
.global_menu .name{font-weight:bold;color:#395aa4}
.global_menu .sbox{float:left;margin:0 3px 0 4px;padding:3px 10px 2px 17px;border:1px solid #dcdcdc;background:#fff}
.global_menu .sbox ul li{float:left}
.global_menu .iconBox {float:left; position:relative; width:40px; height:38px; background:url(/img/header_img.png) no-repeat center right; }
.global_menu .iconBox a {display:inline-block; width:29px; height:29px; margin-top:9px; background:url(/img/header_img.png) no-repeat;}
.global_menu .iconBox .header-mail {background-position:0 -1px;} 
.global_menu .iconBox .header-mail:hover {background-position:0 -33px;}
.global_menu .iconBox .header-paper {background-position:-29px -1px;} 
.global_menu .iconBox .header-paper:hover {background-position:-29px -33px;}
.global_menu .iconBox .header-news {background-position:-58px -1px;} 
.global_menu .iconBox .header-news:hover {background-position:-58px -33px;}
.global_menu .iconBox .header-adress {background-position:-87px -1px;} 
.global_menu .iconBox .header-adress:hover {background-position:-87px -33px;}
.global_menu .iconBox .header-mypage {background-position:-116px -1px; width:30px !important;} 
.global_menu .iconBox .header-mypage:hover {background-position:-116px -33px;}
.global_menu .iconBox .header-messenger {background-position:-146px 0px; height:30px !important; width:28px !important;}
.global_menu .iconBox .header-messenger:hover {background-position:-146px -32px;}
.global_menu .iconBox .header-memo {background-position:-174px -1px;} 
.global_menu .iconBox .header-memo:hover {background-position:-174px -33px;}
.global_menu .iconBox .header-g1 {background-position:-203px -1px;} 
.global_menu .iconBox .header-g1:hover {background-position:-203px -33px;}
.global_menu .iconBox .header-logout {background-position:-232px -1px;} 
.global_menu .iconBox .header-logout:hover {background-position:-232px -33px;}
.global_menu .iconBox .header-webhard {background-position:-261px -1px;} 
.global_menu .iconBox .header-webhard:hover {background-position:-261px -33px;}
.global_menu .iconBox .count-bar {
	position:absolute; 
	top:3px; 
	right:7px; 
	display:inline-block; 
	width:20px; 
	padding:1px 1px 3px 1px;
	z-index:100px; 
	background:#f06750;
	border-radius:3px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	font-family:malgun gothic;
	text-align:center;
	}
@-moz-document url-prefix() {.global_menu .iconBox .count-bar {padding:0px 1px 4px 1px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.global_menu .iconBox .count-bar {padding:1px 1px 3px 1px;}}
.global_menu .iconBox .count-bar.blue {background:#18bec8; color:#fff !important;}
.global_menu .iconBox .count-bar.green {background:#18c890; color:#fff !important;}
.global_menu .iconBox .count-bar.red {background:#f8ac59; color:#fff !important;}
.global_menu .data{font-weight:bold}
.global_menu .gap{padding:0 10px 0 3px;color:#d3d3d3} */
.side-menu {
	position:relative; 
	display:inline-block; 
	float:right; 
	height:72px; 
	background-color:#f9f9f9; 
	overflow:hidden; 
	margin-right:16px; 
	z-index:100000;
	}
.side-menu li {float:left; display:inline-block; cursor:pointer;  }
.side-menu .side-searchBtn {width:67px; height: 72px; border-left:1px solid #e2e2e2; background: url(/img/header_icon.png) no-repeat 0 10px;}
.side-menu .side-searchBtn:hover {background:url(/img/header_icon.png) no-repeat 0 -42px;}
.side-menu .side-quickBtn {width:65px; height:52px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:url(/img/header_icon.png) no-repeat -67px 0;}
.side-menu .side-quickBtn:hover {background:url(/img/header_icon.png) no-repeat -67px -52px;}

/* 뉴타입 상단 Select Bar */
div#hd-selectBox {
    position:relative;
    display:inline-block;
    height:33px;
    background:#fcfcfc url(/img/select_arrow.png) no-repeat right 13px; /* 화살표 이미지 */
    border:1px solid #d5d5d5;
    border-top-left-radius: 8px; /* iOS 둥근모서리 제거 */
	border-bottom-left-radius: 8px; /* iOS 둥근모서리 제거 */
	}
div#hd-selectBox label {
    position:absolute;
    font-family:'gulim';
    font-size:12px;
    font-weight:bold;
    color: #777;
    top: 11px;
    left: 12px;
    letter-spacing:0px;
	}
div#hd-selectBox select#deptName {
    width: 100%;
    height: 35px;
    min-height:35px;
    line-height:35px;
    padding:0 25px 0 12px;
    font-weight:bold;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
	}
	
/* G3 상단 Select Bar */
div#G3-hd-selectBox {
    position:relative;
    display:inline-block;
    height:38px;
    background:#333 url(/img/G3_header_arrow.png) no-repeat right center; /* 화살표 이미지 */
	}
div#G3-hd-selectBox label {
    position:absolute;
    color: #aaa;
    font-weight:400;
    top:0;
    left:0;
	}
div#G3-hd-selectBox select#deptName {
    width: 100%;
    height: 35px;
    min-height:35px;
    line-height:35px;
    padding:0 25px 0 12px;
    font-weight:bold;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
	}

div#Container{clear:both;position:relative;width:100%;height:95%;}
div#Menu-area{float:left; position:relative; width:262px; height:100%; background-color:#0f0f0f;}
div#Menu-area .manubar-bg{
	display:inline-block; 
	width:56px; 
	height:43px; 
	cursor:pointer; 
	background:#0d0d0d url(/img/new_leftmenu.png) no-repeat 17px -33px;
	border-radius:0 0px 0 0;
	}
div#Menu-area .manubar-sidebg {position:absolute; right:0; width:1px; height:100%; background:#e2e2e2;}

/* first category - 79px  ========================================================================================== */
div#Menu-area{}
.first-category {float:left; position:relative; z-index:10; width:55px; border-right:1px solid #222; height:100%; background:#333; letter-spacing:0px; padding-top:10px;}
.first-category .top_space {height:43px; margin-bottom:12px; position:absolute; width:56px; top:0; left:0; background-color:#1ebae6;}
.first-category ul.menu li {position:relative;}
.first-category ul.menu li a {display:block; padding:9px 0;}
.first-category .menu li a:hover {}
.first-category .menu li p {display:none;}
.first-category .menu li:hover > p {
	position:absolute; 
	left:39px;
	top:7px;
	padding-right:30px;
	z-index:500000000; 
	display:inline-block; 
	height:44px;
	white-space:nowrap;
	cursor:default;
	}
.first-category .menu li:hover > p .right-area {display:inline-block;  vertical-align:top; width:16px; height:44px; background:url(/img/new_leftmenu.png) repeat -100px -83px;}
.first-category .menu li:hover > p .left-area {
	display:inline-block;
	vertical-align:top;
	height:44px;
	line-height:34px;
	padding:0 12px 0 27px; 
	background:url(/img/new_leftmenu.png) repeat 0 -127px;
	font-family:'맑은 고딕';
	font-size:13px;
	font-weight:bold;
	color:#fff;
	word-break:break-all;
	white-space:nowrap;
	}

.first-category .menu li a.active {color:#fff; background:#;}
.first-category .menu li a.active span {opacity:1 !important; }
.first-category .menu li span {display:block; margin:0; }
.first-category .menu li span.textArea {margin-left:-4px}
.first-category .end_line {border-top:1px solid #53607f;padding-bottom:22px;}

/* icon set left
.first-category .menu li span {background:url(/img/new_leftmenu.png) no-repeat left top;}
.first-category .menu li a span {background:url(/img/new_leftmenu.png) no-repeat left top; opacity:0.6;}
.first-category .menu li a span:hover {opacity:1;}

.first-category .menu li span.icon_system {width:28px; height:30px; background-position:-199px 2px; margin-left:14px;}
.first-category .menu li span.icon_mypage {width:28px; height:30px; background-position:-255px 2px; margin-left:15px;}
.first-category .menu li span.icon_addrBook {width:28px; height:30px; background-position:-311px 2px; margin-left:15px;}
.first-category .menu li span.icon_approval {width:28px; height:30px; background-position:-28px 3px; margin-left:15px;}
.first-category .menu li span.icon_schedule {width:28px; height:30px; background-position:-56px 3px; margin-left:15px;}
.first-category .menu li span.icon_business {width:28px; height:30px; background-position:-84px 2px; margin-left:15px;}
.first-category .menu li span.icon_community {width:30px; height:30px; background-position:-141px 3px; margin-left:14px;}
.first-category .menu li span.icon_mail {width:28px; height:30px; background-position:0px 3px; margin-left:15px;}
.first-category .menu li span.icon_document {width:29px; height:30px; background-position:-112px 2px; margin-left:14px;}
.first-category .menu li span.icon_talk {width:28px; height:30px; background-position:-283px 2px; margin-left:14px;}
.first-category .menu li span.icon_link {width:28px; height:30px; background-position:-227px 2px; margin-left:14px;}
.first-category .menu li span.icon_notice {width:28px; height:30px; background-position:-171px 3px; margin-left:14px;}
.first-category .menu li span.icon_ga {width:28px; height:30px; background-position:-252px 3px; margin-left:11px;}


/* .first-category .menu li span.icon_movedata{width:21px;height:21px;background-position:-27px -214px}*/

/* secound category - 188px ==========================================================================================*/
.secound-category {
	position:absolute; 
	top:0; left:56px; 
	bottom:0; 
	width:206px; 
	font-size:13px; 
	letter-spacing:0px; 
	background-color:#fafafa;
	}
.submenu-wrap {overflow:auto;*overflow-x:hidden; position:absolute; top:50px; bottom:0; width:205px; padding-top:5px;}

/*.secound-category .nav{display:inline-block; width:267px; height:27px; margin-bottom:7px; padding-left:7px; background:#f8980b url(/img/basic_sprite.png) no-repeat scroll 0 -235px; line-height:27px; font-weight: bold;color:#fff}
.secound-category .nav a {color:#fff} */

/* blue-title */
.secound-category div.nav {position:relative; display:inline-block; width:205px; height:43px; line-height:40px; margin-bottom:7px; background:url(/img/mainLeft_blue.png) no-repeat scroll 0 0;}

.secound-category div.nav .nav-title {position:absolute; margin-left:19px; font-weight:bold; color:#fff; font-size:15px;}
.secound-category div.nav .nav-title a {color:#fff}
.secound-category div.nav .nav-mail-title {position:absolute; margin-left:19px; font-weight:bold; color:#fff; font-size:15px; }
.secound-category div.nav .nav-mail-title a {color:#fff}
.secound-category div.nav .btn-lock {position:absolute; top:5px; right:5px; display:inline-block; width:24px; height:25px; background:url(/img/mainLeft_blue.png) no-repeat scroll 0 -48px}
.secound-category div.nav .btn-lock:hover {background:url(/img/mainLeft_blue.png) no-repeat scroll -24px -48px}

/* mail-title */
.secound-category div.nav .btn-teamMail {position:absolute; top:5px; right:33px; display:inline-block; width:34px; height:33px; background:url(/img/mainLeft_blue.png) no-repeat scroll 0 -296px}
.secound-category div.nav .btn-teamMail:hover {background:url(/img/mainLeft_blue.png) no-repeat scroll -33px -296px}
.secound-category div.nav .btn-mail {position:absolute; top:5px; right:33px; display:inline-block; width:34px; height:33px; background:url(/img/mainLeft_blue.png) no-repeat scroll -66px -296px}
.secound-category div.nav .btn-mail:hover {background:url(/img/mainLeft_blue.png) no-repeat scroll -99px -296px}
.secound-category div.nav .btn-write {position:absolute; top:5px; right:0px; display:inline-block; width:40px; height:33px; background:url(/img/mainLeft_blue.png) no-repeat scroll -132px -296px}
.secound-category div.nav .btn-write:hover {background:url(/img/mainLeft_blue.png) no-repeat scroll -166px -296px}
.secound-category .btn-mailHome {
	display:inline-block; 
	font-family:dotum; 
	font-size:11px;
	padding:5px 5px 3px;
	background:#f8ac59;
	line-height:1;
	border-radius:2px;
	}
@-moz-document url-prefix() {.secound-category .btn-mailHome {padding:4px 5px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.secound-category .btn-mailHome {padding:4px 5px;}}
.secound-category .btn-mailHome a {color:#fff !important; font-weight:normal !important;}
.secound-category .btn-revView {
	display:inline-block; 
	font-family:dotum; 
	font-size:11px;
	padding:5px 5px 3px;
	background:#23c6c8;
	line-height:1;
	border-radius:2px;
	}
@-moz-document url-prefix() {.secound-category .btn-revView {padding:4px 5px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.secound-category .btn-revView {padding:4px 5px;}}
.secound-category .btn-revView a {color:#fff !important; font-weight:normal !important;}


.secound-category .menu{}
.secound-category .menu li a{display:block; height:30px; padding-left:39px ;background:url(/img/basic_sprite.png) no-repeat; line-height:29px; color:#333;}
.secound-category .menu li a.none{background-position:left -25px}
.secound-category .menu li a.closed{background-position:left -55px}
.secound-category .menu li a.opened{background-position:left -85px}
.secound-category .menu li a.admin-opened {background-position:left -402px}
.secound-category .menu li a.admin-closed {background-position:left -432px;}
.secound-category .menu li a:hover {background-color:#efefef;}
.secound-category .menu li a.active {font-weight:bold; color:#444; background-color:#e4e4e4;}
.secound-category .menu li a.folder {background-position:left -372px}
.secound-category .menu li #sub-menu {padding:10px 0;border-bottom:1px solid #f0f0f0; }
.secound-category .menu li #sub-menu li {background:url(/img/basic_sprite.png) no-repeat scroll -205px -28px transparent;}
.secound-category .menu li #sub-menu li:first-child{background-position:-205px -8px}
.secound-category .menu li #sub-menu li.last-child{background-position:-205px -48px}
.secound-category .menu li #sub-menu li a {height:22px; padding-left:39px; background:none; font-weight:normal; line-height:22px; color:#44525e}
.secound-category .menu li #sub-menu li:hover {background-color:#efefef;}
.secound-category .menu li #sub-menu li a.active {color:#4591d1; font-weight:bold;}
.secound-category .menu li #sub-menu.closed{display:none}
.secound-category .menu li .folder-open {
	position:absolute; 
	right:15px; 
	top:6px; 
	display:inline-block; 
	height:15px; 
	width:17px; 
	background:url(/img/basic_sprite.png) no-repeat -165px -378px;
	cursor:pointer;
	}
.secound-category .menu li .folder-close {
	position:absolute; 
	right:15px; 
	top:6px; 
	display:inline-block; 
	height:15px; 
	width:17px; 
	background:url(/img/basic_sprite.png) no-repeat -194px -378px;
	cursor:pointer;
	}
	
/* 커뮤니티 추가 아이콘 메뉴 */
.secound-category .menu-icon {}
.secound-category .menu-icon li a {display:block; height:29px; padding-left:39px; background:url(/img/basic_sprite_mail.png) no-repeat; line-height:29px; color:#333;}
.secound-category .menu-icon li a.community-write {background-position:left -400px}
.secound-category .menu-icon li a.community-poll {background-position:left -429px}
.secound-category .menu-icon li a:hover {background-color:#efefef; color:#3e4f5d}
.secound-category .menu-icon li a.active {background-color:#efefef; color:#3e4f5d; font-weight:bold;}

/* 전자결제 문서함 4depth 문서함 추가 */
.secound-category .menu li #sub-menu-4depth{}
.secound-category .menu li #sub-menu-4depth li {padding:3px 0 3px 40px; background-position:-205px -70px; cursor:pointer}
.secound-category .menu li #sub-menu-4depth li:first-child{background-position:-205px -70px; padding-top:7px}
.secound-category .menu li #sub-menu-4depth li:last-child{background-position:-205px -70px; padding-bottom:10px !important}
.secound-category .menu li #sub-menu-4depth li a {display:inline-block; padding:0px; line-height:15px; height:13px}
.secound-category .menu li #sub-menu-4depth li a:hover{font-weight:normal}
.secound-category .menu li #sub-menu-4depth li span.box-icon {
	display:inline-block; 
	background:url(/img/icon_folder.gif) no-repeat; 
	padding-left:20px; 
	width:93px; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	}
.secound-category .menu li #sub-menu-4depth li p.set-icon{float:right;width:14px; height:14px; margin-right:5px; background:url(/img/basic_sprite.png) no-repeat;background-position:-214px -117px;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:pointer;text-shadow:none}
.secound-category .menu li #sub-menu-4depth.closed{display:none}
.add-icon{float:right;width:14px; height:14px; margin-right:5px; margin-top:3px; background:url(/img/basic_sprite.png) no-repeat;background-position:-196px -117px;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:pointer;text-shadow:none}
span.menu-folder-opened {padding-right:15px; background:url(/img/bullet_sprite.gif) no-repeat right -383px}
span.menu-folder-closed {padding-right:15px; background:url(/img/bullet_sprite.gif) no-repeat right -369px}

.secound-category .add-folder {display:block; float:right; width:22px; height:16px; padding:0 8px 5px 0; background:url(/img/basic_sprite.png) no-repeat scroll -212px -136px transparent; font:0/0 a;_text-indent:-999999px; text-shadow:none;cursor:pointer}
.secound-category .community-menu {display:inline-block; width:100%; border-bottom:1px solid #efefef;}
.secound-category .community-menu > li {display:inline-block; width:100%}
.secound-category .community-menu li .menu-folder {height:30px; border-top:1px solid #efefef;}
.secound-category .community-menu li .menu-folder:hover {background-color:#efefef}
.secound-category .community-menu li .menu-folder > span {display:inline-block}
.secound-category .community-menu li .menu-folder span.menu-folder-name {
	width:115px; 
	overflow:hidden; 
	word-break:break-all; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	margin-top:4px; 
	padding:4px 0 0 30px; 
	background:url(/img/bullet_sprite.gif) no-repeat transparent;
	color:#3e4f5d;
	cursor:pointer
	}
:root .secound-category .community-menu li .menu-folder span.menu-folder-name {margin-top:5px \0/IE9}
.secound-category .community-menu li .menu-folder.opened {background-color:#efefef;}
.secound-category .community-menu li .menu-folder.opened span.menu-folder-name {background-position:5px -365px; color:#444 !important; font-weight:bold;}
.secound-category .community-menu li .menu-folder.closed span.menu-folder-name {background-position:6px -378px}
.secound-category .community-menu li .menu-folder p {float:right;width:16px;height:16px;margin-top:7px;background:url(/img/basic_sprite.png) no-repeat;background-position:-196px -114px;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:pointer;text-shadow:none}
.secound-category .community-menu li .menu-folder p.add-subfolder {background-position:-196px -117px}
.secound-category .community-menu li .menu-folder p.config-subfolder {display:inlne-block;margin:7px 5px 0 1px;background-position:-214px -117px}

.secound-category .community-menu li #sub-menu{margin:8px 0 12px 0}
.secound-category .community-menu li #sub-menu > li{height:24px; background: url('/img/icon_folder.gif') no-repeat scroll 25px 5px transparent; line-height:24px}
.secound-category .community-menu li #sub-menu li > a {overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; float:left;width:110px; height:24px; margin-left:40px; font-weight:normal; color:#44525e}
:root .secound-category .community-menu li #sub-menu li > a {line-height:26px \0/IE9}
.secound-category .community-menu li #sub-menu li p.brd-config{float:right;width:16px;height:16px;margin:4px 5px 0 1px;background:url(/img/basic_sprite.png) no-repeat scroll -214px -118px transparent;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:poin2012-10-24ter;text-shadow:none;cursor:pointer;}
.secound-category .community-menu .add-subfolder-input{margin:4px 2px 4px 20px}
.secound-category .community-menu .add-subfolder-input span > input{width:65%}
.secound-category li #sub-menu li:hover{background-color:#efefef;}
.secound-category li #sub-menu li.active{}
.secound-category li #sub-menu li.active a{color:#4591d1; font-weight:bold }
.secound-category li #sub-menu.closed{display:none}

/* 외부 서브메뉴  ========================================================================================== */
.secound-category .subMenu-menu {display:inline-block; width:100%; border-bottom:1px solid #efefef;}
.secound-category .subMenu-menu > li {display:inline-block; width:100%}
.secound-category .subMenu-menu li .menu-folder {height:30px; border-top:1px solid #efefef;}
.secound-category .subMenu-menu li .menu-folder:hover {background-color:#efefef}
.secound-category .subMenu-menu li .menu-folder > span {display:inline-block}
.secound-category .subMenu-menu li .menu-folder span.menu-folder-name {
	width:120px; 
	overflow:hidden; 
	word-break:break-all; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	margin-top:4px; 
	padding:4px 0 0 30px; 
	background:url(/img/bullet_sprite.gif) no-repeat transparent;
	color:#3e4f5d;
	cursor:pointer
	}
:root .secound-category .subMenu-menu li .menu-folder span.menu-folder-name {margin-top:5px \0/IE9}
.secound-category .subMenu-menu li .menu-folder.opened {background-color:#efefef;}
.secound-category .subMenu-menu li .menu-folder.opened span.menu-folder-name {background-position:5px -365px; color:#444 !important; font-weight:bold;}
.secound-category .subMenu-menu li .menu-folder.closed span.menu-folder-name {background-position:6px -378px}
.secound-category .subMenu-menu li .menu-folder p {float:right;width:16px;height:16px;margin-top:7px;background:url(/img/basic_sprite.png) no-repeat;background-position:-196px -114px;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:pointer;text-shadow:none}
.secound-category .subMenu-menu li .menu-folder p.add-subfolder {background-position:-196px -117px}
.secound-category .subMenu-menu li .menu-folder p.config-subfolder {display:inlne-block;margin:7px 5px 0 1px;background-position:-214px -117px}

.secound-category .subMenu-menu li #sub-menu{margin:8px 0 12px 0}
.secound-category .subMenu-menu li #sub-menu > li{height:24px; background: url('/img/icon_folder.gif') no-repeat scroll 25px 5px transparent; line-height:24px}
.secound-category .subMenu-menu li #sub-menu li > a {overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; float:left;width:110px; height:24px; margin-left:40px; font-weight:normal; color:#44525e}
:root .secound-category .subMenu-menu li #sub-menu li > a {line-height:26px \0/IE9}
.secound-category .subMenu-menu li #sub-menu li p.brd-config{float:right;width:16px;height:16px;margin:4px 5px 0 1px;background:url(/img/basic_sprite.png) no-repeat scroll -214px -118px transparent;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:poin2012-10-24ter;text-shadow:none;cursor:pointer;}
.secound-category .subMenu-menu .add-subfolder-input{margin:4px 2px 4px 20px}
.secound-category .subMenu-menu .add-subfolder-input span > input{width:65%}

/* 전자메일 서브메뉴  ========================================================================================== */
.secound-category .mailling-menu,.secound-category .mailling-menu .depth2-menu {clear:both}
.secound-category .mailling-menu .depth2-menu {padding:0;}
.secound-category .mailling-menu .depth2-menu.last-child,.secound-category .mailling-menu .depth2-menu:last-child {padding-bottom:10px;border-bottom-width:1px;border-color:#f0f0f0}
.secound-category .mailling-menu .depth2-menu-group {padding-top:10px;}
.secound-category .mailling-menu .depth2-menu-group .depth2-menu #sub-menu.closed{display:none}
.secound-category .mailling-menu .depth2-menu-group.group-closed{display:none}
.secound-category .mailling-menu .depth1-menu:hover,.secound-category .mailling-menu .depth2-menu .menu-folder:hover{background-color:#efefef;}
.secound-category .mailling-menu .depth1-menu.active,.secound-category .mailling-menu .depth2-menu .menu-folder.active{background-color:#efefef; color:#000}
.secound-category .mailling-menu #sub-menu li > input{width:90%}

/* 메뉴별 배경 */
.secound-category .mailling-menu .depth1-menu {clear:both; position:relative; height:29px; padding-left:39px; padding-right:5px; background-image:url(/img/basic_sprite_mail.png);background-repeat:no-repeat; background-position:left -29px; line-height:25px}
.secound-category .mailling-menu .depth1-menu a{*float:left}
.secound-category .mailling-menu #menu_check_team {background-position:left -371px}
.secound-category .mailling-menu #menu_mail_listSPAM_BOX {background-position:left -29px}
.secound-category .mailling-menu #menu_mail_sendMail {background-position:left top}
.secound-category .mailling-menu #menu_mail_listSEND_BOX {background-position:left -118px}
.secound-category .mailling-menu #menu_mail_listSEND_BOX span.button{float:right;margin-top:5px;margin-right:2px}
.secound-category .mailling-menu #menu_mail_listRECV_BOX{background-position:left -147px}
.secound-category .mailling-menu #memo_mail{background-position:left -176px}
.secound-category .mailling-menu #sms_mail{background-position:left -234px}
.secound-category .mailling-menu #menu_mail_user,.secound-category .mailling-menu #menu_mail_admin{background-position:left -292px}
.secound-category .mailling-menu div{}

/* 최하위 메뉴 */
.secound-category .mailling-menu #sub-menu {clear:both}
.secound-category .mailling-menu #sub-menu li {
	clear:both;
	position:relative;
	height:24px;
	padding-left:48px;
	padding-right:5px;
	background-image:url(/img/basic_sprite_mail.png);
	background-repeat:no-repeat;
	background-position:0 -478px;
	line-height:24px
	}
.secound-category .mailling-menu #sub-menu li a {display:inline-block; width:140px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}	
.secound-category .mailling-menu #sub-menu li >a {float:left}
.secound-category .mailling-menu #sub-menu li.active{background-color:transparent}
.secound-category .mailling-menu #sub-menu li:hover{background-color:#f0f0f0}
.secound-category .mailling-menu #sub-menu li.first-child {background-position:0 -458px}
.secound-category .mailling-menu #sub-menu li:first-child {background-position:0 -458px}
.secound-category .mailling-menu #sub-menu li.last-child {background-position:0 -498px}
.secound-category .mailling-menu #sub-menu li:last-child {background-position:0 -498px}
.secound-category .mailling-menu #sub-menu li p {margin:4px 1px 0}

/* 메일함 이름변경 li */
.secound-category .mailling-menu #sub-menu li.mail-box-namechg{position:relative;padding-left:24px;background:none}
.submenu-simple-work{position:absolute;top:20px;left:20px;z-index:999;width:84px;border:1px solid #8ba2d8;background-color:#eff3fe}
.submenu-simple-work ul{padding:5px}
.submenu-simple-work ul:hover{background-color:#d8e4fe;cursor:pointer}

/* 서브메뉴 우측 아이콘 관련 */
.secound-category .mailling-menu p{float:right;position:absolute;top:1px;right:5px;width:16px;height:16px;margin:5px 1px 0;background:url(/img/basic_sprite_mail.png) no-repeat;background-position:-196px -114px;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:pointer;text-shadow:none}
.secound-category .mailling-menu p.add-mail-box,.secound-category .mailling-menu p.add-mail-folder{top:-1px;right:22px;background-position:-207px -79px}
.secound-category .mailling-menu p.add-sub-mail-box,.secound-category .mailling-menu p.add-mail-folder{top:-1px;right:22px;background-position:-207px -79px}
.secound-category .mailling-menu p.add-mail-folder{top:1px}
.secound-category .mailling-menu p.edit-fold-name{top:-1px;background-position:-207px -97px}
.secound-category .mailling-menu p.all-mail-list {background-position:-207px -115px}
.secound-category .mailling-menu p.mail-config{background-position: -207px -98px !important;}
.secound-category .mailling-menu p.mail-empty{background-position:-207px -133px}
.secound-category .mailling-menu .menu-folder{clear:both; position:relative; height:25px; padding-left:48px; padding-right:5px; background-image:url(/img/basic_sprite_mail.png); no-repeat; background-position:0px -350px; line-height:25px; font-weight:normal}
.secound-category .mailling-menu li .menu-folder p{margin:4px 1px 0}
.secound-category .mailling-menu li .menu-folder .menu-folder-name{float:left}
.secound-category .mailling-menu .depth1-menu .folder-arrow{position:absolute;top:2px;right:5px;width:12px;height:12px;background-position:-208px -184px}
.secound-category .mailling-menu .depth1-menu .folder-arrow.opened{background-position:-208px -198px}
.secound-category .mailling-menu .depth2-menu .menu-folder-name *{float:left}
.secound-category .mailling-menu .depth2-menu .menu-folder-name a{display:inline-block;overflow:hidden;max-width:98px;white-space:nowrap}
.secound-category .mailling-menu .depth2-menu .folder-arrow{width:7px;height:7px;margin-left:5px;margin-top:8px;background:url(/img/basic_sprite_mail.png) no-repeat;background-position:-212px -155px;font:0/0 a;color:transparent;_text-indent:-9999px;cursor:pointer;text-shadow:none}
.secound-category .mailling-menu .depth2-menu .folder-arrow.opened{background-position:-212px -167px}

.secound-category .mailling-menu div.active > a{color:#444; font-weight:bold;}
.secound-category .mailling-menu span.mail-num{padding-left:5px; font-size:12px; font-family:gulim; font-weight:bold;color:#fd7134;letter-spacing:0}
.secound-category .mailling-menu a{color:#333;}
.secound-category .mailling-menu .depth1-menu{}
.secound-category .mailling-menu #sub-menu li.active a{font-weight:bold;color:#4591d1;}

/* Footer  ========================================================================================== */
div#Footer{clear:both;position:fixed;bottom:0;z-index:1000;width:100%;min-width:994px;height:22px;text-align:center}
div#Footer ul li{background:url(/img/line_bg.gif) repeat-x 0 -54px;font-size:8px;line-height:22px;color:#a0a0a0}

/* ==========================================================================================
	Table Style
   ========================================================================================== */
/* treetable */
.treeTable tr td {zoom:1;/* IE7 Hack */}
.treeTable tr td a.expander{padding:5px 0 2px;*padding:0;background:url(/img/tabletree_folder_icon.gif) no-repeat scroll -13px -95px transparent}
.treeTable tr.collapsed td a.expander{background-position:-13px -65px}
.treeTable tr.expanded td a.expander{background-position:-13px -95px}
.treeTable .folder-space,.treeTable .folder-icon{padding:4px 10px 2px 45px}
.treeTable .folder-icon{background:url(/img/tabletree_folder_icon.gif) no-repeat scroll -13px -34px transparent}
.treeTable .folder-icon.first-icon{background-position:-13px -5px;padding-left:28px;}
/* tree 문서아이콘 */
.treeTable .folder-space,.treeTable .doc-icon{padding:4px 10px 2px 45px}
.treeTable .doc-icon{background:url(/img/tabletree_folder_icon.gif) no-repeat scroll -13px -125px transparent}
.treeTable .doc-icon.first-icon{background-position:-13px -5px;padding-left:28px;}

/* mail treetable */
.mail_treeTable tr td {zoom:1;/* IE7 Hack */}
.mail_treeTable .folder-space,.mail_treeTable .folder-icon{display:inline-block;padding-left:17px;cursor:pointer}
.mail_treeTable tr td a.expander{background:url(/img/folder_icon_memo.gif) no-repeat scroll 0 -38px transparent}
.mail_treeTable tr.collapsed td a.expander{background-position:0 0}
.mail_treeTable tr.expanded td a.expander{background-position:0 -38px}
.mail_treeTable tr td a.noexpand{display:inline-block;padding:4px 0 2px}
.mail_treeTable tr td .folder-icon{margin-top:-5px;padding-top:5px;background:url(/img/folder_icon_memo.gif) no-repeat scroll 0 -78px transparent}

/*common*/
.table-wrap{overflow:hidden; overflow-y:auto;*display:inline-block;*position:relative}
.table-wrap.scroll{overflow:hidden;overflow-y:scroll;}
table{border-collapse:collapse;border-collapse:collapse;border-spacing:0;width:100%}
table.sort th span{padding-right:22px;background:url(/img/bullet_sprite.gif) no-repeat scroll right -71px transparent;cursor:pointer}
table.sort th span.sort-hover{background-position:right -317px;color:#0574ad}
table.sort th span.sort-hover-asc{background-position:right -317px;color:#0574ad}
table.sort th span.sort-hover-desc{color:#05a5e7;}

table.border-bottom td{border-bottom-width:1px}
th,td{font-size:100%;color:#333}
table th{font:500 11px/12px; text-align:left;color:#777;white-space:nowrap;}
table th input[type=checkbox]{*margin:-3px 0 !important}
table td.align-center{text-align:center}
table td.btn-set{padding:0 0 0 8px;text-align:left}
.right-bdr{border-right-width:1px}
.bottom-bdr{border-bottom-width:1px}
.left-bdr{border-left-width:1px}

table td.td-btn-set{vertical-align:middle;}
table td.small-font {vertical-align:middle;padding:8px}
table td.top-space{height:5px;padding:0 !important;border:none;font-size:1px}
table td.top-space:hover{background-color:#fff}

table .tb-inner{position:relative;line-height:110%; word-break:break-all}
table .tb-inner.padding{padding:5px 0 5px}

/* 테이블 속성값 지우기 */
.table-inherit {}
.table-inherit table {width:inherit}

/* Basic 기본 리스트형식(아래로만 줄이 가있는) 의 테이블 레이아웃입니다. */
table.basic-style{table-layout:fixed}
table.basic-style tr:hover{background-color:#f9f9f9;}
table.blue-over tr:hover{background-color:#e8f1f3 !important;}
table.basic-style th {padding:7px 0 6px 7px;*padding:4px 0 4px 7px; border-width:1px; border-color:#b9cad5; background-color:#f2f8f9; font-size:11px; font-family:dotum; color:#777;}
:root table.basic-style th{/* ie 9 */padding:5px 8px 3px 8px\0/IE9;}
table.basic-style th.color-skin1 {border-color:#b9cad5; background-color:#f2f8f9;}
table.basic-style th.color-skin2 {border-color:#b6cabf; background-color:#f0f6f2;}
table.basic-style td{padding:5px 8px 7px 8px;*padding:3px 8px; white-space:normal; word-break:break-all;}
:root table.basic-style td{/* ie 9 */padding:7px 8px 5px 8px \0/IE9;}
table.basic-style td{border-bottom-width:1px; border-color:#eaeaea;}
table.basic-style td.subject{white-space:normal;word-break:break-all}
table.basic-style td.date{white-space:normal;word-break:break-all}
table.basic-style td.name{white-space:normal;word-break:break-all}
table.basic-style.button td{height:18px;line-height:18px;padding:4px 8px;}
table.basic-style td a.icon-listMail {display:inline-block; height:18px; width:17px; background:url(/img/list_icon.png) no-repeat left 1px; margin-left:5px}
table.basic-style td a.icon-listPaper {display:inline-block; height:18px; width:17px; background:url(/img/list_icon.png) no-repeat right top; margin-left:5px}



/* Basic 블루박스의 테이블 레이아웃입니다. */
table.basic-blue-style{table-layout:fixed}
table.basic-blue-style th{padding:7px; text-align:center; font-weight:bold; color:#203c85; background-color:#e9f3fd}
table.basic-blue-style td{padding:7px; background-color:#fff}
table.basic-blue-style td.button-area{text-align:right}

/* Outline 기본 형식 + 양쪽 라인이 마무리되어있는 형식*/
table.outline-style{border-left-width:1px;border-right-width:1px;border-bottom-width:1px;}
table.outline-style th{padding:5px 0 5px 8px;border-width:1px;background-color:#f9f9f9;background:url(/img/line_bg.gif) repeat-x 0 -79px;}
:root table.outline-style th{/* ie 9 */padding:6px 8px 4px 8px\0/IE9;}
table.outline-style td{padding:5px 3px; border-top-width:1px;border-bottom-width:1px; border-color:#dedede;}
:root table.outline-style td{/* ie 9 */padding:3px 3px \0/IE9;}
table.outline-style .non-volume{border-width:0;background:none;background-color:#f9f9f9}
table.outline-style .title-style {background-color:#f3f3f3; font-size:11px; font-family:'dotum'; text-align:center; color:#888}
table.outline-style .title-area {background-color:#f9f9f9;}
table.outline-style .title-area td {padding-top:15px; padding-bottom:15px;}

/* Outline 기본 형식 + 모든 라인이 닫혀있는 형식*/
table.outline-all-style {border:1px solid #d8d8d8;}
table.outline-all-style td {padding:6px 0 5px 0; border:1px solid #d8d8d8; text-align:center}
:root table.outline-all-style td {padding:7px 0 \0/IE9;}
table.outline-all-style td.title {background-color:#eee; color:#888}

/* Outline 기본 형식 + 모든 라인이 닫혀있는 리스트 스타일*/
table.outline-all-style th {padding:7px 0 6px 7px; background-color:#f6f6f6; font-size:11px; font-family:dotum; border:1px solid #d8d8d8; text-align:center}
table.outline-all-list {border:1px solid #d8d8d8;}

table.outline-all-list td {padding:4px 5px; border:1px solid #d8d8d8; text-align:left; border-top:1px solid #fff !important;}
:root table.outline-all-list td {padding:7px 0 \0/IE9;}

/* Outline 테이블 속성 차단 */
.table-basic {border-collapse:collapse; border-spacing:0 !important;}
.table-basic th{background:none !important;}
.table-basic td{padding:0; border:0}

/* Outline 테이블 속성 차단 : 인쇄물 rowspan 버그 테이블에 삽입 */
.table-none {border:0px !important; border-collapse:separate; border-spacing:1px; background-color:#000 !important}
.table-none th{padding:0px !important; border:0px !important; background:none !important;}
.table-none td{padding:5px !important; border:0px !important;}

/* Outline 테이블 속성 차단 : 인쇄물 rowspan 버그 테이블에 삽입 */
.table-mailVeiw {border:0px !important; border-collapse:separate; border-spacing:1px; background-color:#fff !important}
.table-mailVeiw th{padding:0px !important; border:0px !important; background:none !important;}
.table-mailVeiw td{padding:5px !important; border:0px !important;}


/* Simple 상단에 레이어와 함께 이어질때 사용된 폼입니다.*/
table.simple-style{border-left-width:1px;border-right-width:1px}
table.simple-style.head{border-top-width:1px;}
table.simple-style th{padding:5px 0 5px 8px;background-color:#f9f9f9;}
:root table.simple-style th{/* ie 9 */padding:6px 0 4px 8px\0/IE9;}
table.simple-style td{padding-left:8px;border-top-width:1px;border-bottom-width:1px}


/* Mail list 전자우편 리스트 부분에서 사용된 형식입니다. */
table.mail-normal-style{min-width:500px;table-layout:fixed}
table.mail-normal-style.header{min-width:517px;}
table.mail-normal-style tr:hover{background-color:#f9f9f9;}
table.mail-normal-style th{
	overflow:hidden; 
	border-width:1px; 
	border-color:#b9cad5;
	background-color:#f2f8f9; 
	white-space:nowrap;
	font-size:11px;
	color:#777;
	}
table.mail-normal-style th{padding:7px 0 6px 7px; white-space:nowrap; font-family:dotum;}
table.mail-normal-style td{padding:10px 6px; vertical-align:top; line-height:14px;border-bottom-width:1px; border-color:#e6e6e6; white-space:normal;word-break:break-all}
:root table.mail-normal-style td{/* ie 9 */padding:8px 3px 6px 6px\0/IE9;}
table.mail-normal-style td.date{word-break:normal}
table.mail-normal-style td.size{word-break:normal}
table.mail-normal-style td.paddingfix{padding:3px 6px;}

table.mail-normal-style col.date-size-col-header {width:230px;}
table.mail-normal-style col.date-size-col {width:210px;}
table.mail-normal-style td.checkbox input{*margin-top:-3px;}

/* Mail list 전자우편 리스트 부분에서 사용된 형식입니다. */
table.mail-list-style{min-width:500px;table-layout:fixed}
table.mail-list-style.header{min-width:517px;}
table.mail-list-style tr:hover{background-color:#f1f8ff}
table.mail-list-style th{overflow:hidden;padding:0;border-width:1px;background-color:#f9f9f9;background:url(/img/line_bg.gif) repeat-x 0 -79px;white-space:nowrap}
table.mail-list-style th div{display:inline-block;padding:5px 6px 3px 6px;white-space:nowrap;float:left;}
:root table.mail-list-style th div{/* ie 9 */padding:6px 6px 3px 6px\0/IE9;}
table.mail-list-style th div.name{width:110px}
table.mail-list-style th div.subject{border-left-width:1px;}
table.mail-list-style th div.size{border-left-width:1px}
table.mail-list-style td{padding:7px 6px;*padding:7px 2px;vertical-align:top; line-height:14px;border-bottom-width:1px;white-space:normal}
:root table.mail-list-style td{/* ie 9 */padding:8px 8px 6px 8px\0/IE9;}
table.mail-list-style td div{white-space:normal;word-break:break-all}
table.mail-list-style td div.name-subject-wrap{position:relative}
table.mail-list-style td div.name-subject-wrap div.name{float:left;display:inline-block;left:0;width:110px}
table.mail-list-style td div.name-subject-wrap div.subject{position:relative;margin-left:123px;}
table.mail-list-style td div.date-size-wrap{position:relative;display:block;padding:0;}
table.mail-list-style th div.date{width:110px;}
table.mail-list-style col.date-size-col-header {width:230px;}
table.mail-list-style col.date-size-col {width:210px;}
table.mail-list-style td div.date{position:absolute;top:0;right:88px;width:130px;word-break:normal}
table.mail-list-style td div.size{position:absolute;right:0;top:0;word-break:normal}
table.mail-list-style td.checkbox input{*margin-top:-3px;*margin-left:5px;}

/* Mail list 전자우편 리스트 부분에서 사용된 형식입니다. */
table.big-file-ing{min-width:500px;table-layout:fixed;border-width:1px;}
table.big-file-ing.header{margin-bottom:-1px;}
table.big-file-ing tr:hover{background-color:#f1f8ff}
table.big-file-ing th{overflow:hidden;text-align:center;border-width:1px;background:url(/img/mail_pds_table_bg.gif) repeat-x;background-color:#f9f9f9;white-space:nowrap}
table.big-file-ing th{padding:1px 3px !important;white-space:nowrap;line-height:14px;}
table.big-file-ing td{padding:2px 3px !important;text-align:center;line-height:19px;white-space:normal;border-width:0;}
table.big-file-ing th.subject{text-align:left}
table.big-file-ing td.subject{text-align:left}
.mail-bigpds-wrap {height:82px;overflow:hidden;overflow-y:scroll;}
table.big-file-ing col.date-size-col-header {width:230px;}
table.big-file-ing col.date-size-col {width:210px;}

/*=================================================================================
* 메일 출력 미리보기
=================================================================================*/
.mail-printView {padding:10px; font-size:14px; font-family:'맑은 고딕'; }
.mail-printView .viewTitle {font-size:17px; font-family:'맑은 고딕'; font-weight:bold; border-bottom:2px solid #999; height:26px; margin-bottom:15px}
.mail-printView .mailView-contents { padding:30px 5px; line-height:21px; }

/* 일반 도표 스타일 */
table.chart-style {min-width:500px;table-layout:fixed;}
table.chart-style th {background-color:#fafafa; padding:8px 3px; border-width:1px; text-align:center; font:500 12px/14px 'gulim';}
table.chart-style th .designSelectBox {text-align:left;}
table.chart-style td {padding:4px 3px;border-width:1px;text-align:center;}
table.chart-style td.align-left {text-align:left;}
table.chart-style th .header-title {margin:3px 0 0 8px;}
table.chart-style td p {margin:2px 5px;line-height:13px;}

/* 이미지 업로드 폼 */
.image-file-upload{width:600px; height:55px; padding-top:10px}
.image-file-upload .file_input_div{float:left}
.image-file-upload input[type=text]{width:300px}
.image-file-upload .title-img{float:left;width:120px;height:48px;margin-right:20px;background-color:#e0e0e0;font-weight:bold;line-height:50px;color:#fff;text-align:center; border:1px solid #cecece}
.image-file-upload .del-btn-wrap{float:left;margin-top:0px;}
.image-file-upload .file-upload-info{float:left;width:400px;padding-top:8px;}

/* 제목부분의 상단 정렬을 위해 */
table td.vertical-top {vertical-align:top; padding:9px 6px 9px 6px;}  /* 입력,뷰 페이지 높이값 */
table td.vertical-list {padding:5px 6px 5px 8px} /* 게시판 리스트 높이값 */
table td.num-box {padding-left:10px !important}
table td.vertical-height {vertical-align:top;}
table td.box-space {padding:8px;}

/* ==========================================================================================
	Content common - 컨텐츠 부분에서 사용된 공통스타일 부분들의 집합
   ========================================================================================== */
div#Contents-area{position:absolute;right:0; top:0; left:262px;z-index:1;height:100%;background-color:#fff}

/* Sub-header Navigation Bar Blue*/
div#Contents-nav {height:43px; background: url(/img/sub_title_blue.png); color:#444;}
div#Contents-nav .contents-nav-shadow {height:3px; background-color:#f9f9f9}
div#Contents-nav .info-title {
	float:left; 
	height:40px; 
	line-height:36px; 
	padding:0 0 0 47px; 
	background:url(/img/sub_title_blue.png) no-repeat 0 -43px; 
	font-weight:bold; 
    font-size:16px;
    color:#333;
    margin:0;
    letter-spacing:1.2px;
    }
@-moz-document url-prefix() {div#Contents-nav .info-title {line-height:35px;}} /*FireFox*/

div#Contents-nav .info-detail {float:left; height:40px; line-height:38px; margin-left:10px; font-size:bold; color:#999 }
@-moz-document url-prefix() {div#Contents-nav .info-detail {line-height:36px;}} /*FireFox*/

div#Contents-nav .total-nav {
	float:right; display:inline-block; 
	height:40px; 
	line-height:36px; 
	padding:0 20px 0 45px; 
	font-size:11px; 
	font-family:'dotum','돋움'; 
	color:#999; 
	}
:root div#Contents-nav .total-nav {line-height:35px \0/IE9;}
div#Contents-nav .total-nav a {color:#999}
div#Contents-nav .total-nav span.bold{color:#999;}
div#Contents-nav .total-nav span.white{color:#999 !important}

/* Sub-header Navigation Bar 
div#Contents-nav{height:27px; background:url(/img/title_bar.gif); line-height:23px;color:#000}
div#Contents-nav .contents-nav-shadow{height:3px;background-color:#dbe1e6}
div#Contents-nav .info-title{float:left;padding:0 8px 0 30px;background:url(/img/basic_sprite_mail.png) no-repeat -203px -216px;font-weight:bold}
div#Contents-nav .info-detail{float:left;padding-left:8px;background:url(/img/basic_sprite.png) no-repeat -229px -247px}
div#Contents-nav .total-nav{float:right;padding:0 8px; font-size:11px; color:#999}
div#Contents-nav .total-nav span.bold{color:#989898}
div#Contents-nav .total-nav span.white{color:#989898 !important} */

/* Sub-header Navigation Bar - Mail 
div#Contents-nav.Mailling-nav{height:27px; background:url(/img/title_bar.gif); line-height:23px;color:#000}
div#Contents-nav.Mailling-nav .contents-nav-shadow{height:3px;background-color:#ebebeb}
div#Contents-nav.Mailling-nav .info-title{float:left;padding:0 8px 0 30px;background:url(/img/basic_sprite_mail.png) no-repeat -203px -216px;font-weight:bold}
div#Contents-nav.Mailling-nav .total-nav{float:right;padding:0 8px;font:500 11px/23px 'Dotum','Gulim','Arial','Helvetica','sans-serif';color:#999}
div#Contents-nav.Mailling-nav .info-detail{float:left;padding-left:8px;background:url(/img/basic_sprite.png) no-repeat -229px -247px}
div#Contents-nav.Mailling-nav .total-nav span.bold{color:#989898}*/

/* Contents */
.main-contents-bg {background-color:#efeff0;}
div#Contents {overflow:auto;clear:both;position:relative;height:100%}
div#Contents div#Get_contents_text {padding:12px 15px 25px 15px}
div#Contents div#Get_contents_nospace {padding:0 15px 25px 15px}
div#Contents.splitter-space-fix{overflow:hidden;padding:0 15px}
div#Contents.splitter-space-fix div#Get_contents_text{height:100%;padding:0 !important}
div#Contents.splitter-space-fix div#Get_contents_nospace{height:100%;padding:0 !important}
div#Contents.subhead-space-fix{overflow:auto;padding:0 15px}
div#Contents.subhead-space-fix div#Get_contents_text{padding:0 0 25px}
div#Get_contents_text .innerPane-center{overflow-y:auto;overflow-x:hidden;position:relative;height:100%}
div#Get_contents_text .innerPane-view{display:none;overflow:auto;position:relative;width:100%;height:100%}
div#Get_contents_text .innerPane-center .inner-header{display:inline-block;overflow:hidden;width:100%}
div#Get_contents_text .innerPane-center .inner-content{position:absolute;top:26px;right:0;left:0;bottom:55px}
div#Get_contents_text .innerPane-center .inner-content.scroll{overflow-y:scroll;overflow-x:hidden}
div#Get_contents_text .inner-footer{right:0;left:0;bottom:0;height:55px;border-top-width:1px}
div#Get_contents_text .innerPane-view .inner-header{overflow:hidden;height:22px;padding-left:7px;border-width:1px 0;background-color:#fefed8;font:500 11px/12px 'Dotum','Gulim','Arial','Helvetica','sans-serif';line-height:22px;color:#888;text-align:left}
div#Get_contents_text .innerPane-view .inner-content{overflow-y:auto;overflow-x:auto;position:absolute;top:26px;right:0;left:0;bottom:0}

.Get_contents_tab{padding:0 8px}


/* Poll */
div#Contents div#Get_contents_pollLayer {padding:2px 15px 25px 15px; overflow:hidden}
div#Contents div#Get_contents_pollLayer .pollList {margin-left:300px}
.pollLayer {float:left; width:285px}
.pollLayer dl {border:1px solid #dcdcdc; padding:18px; min-height:300px; background-color:#fafafa}
.pollLayer dt {font-size:15px; font-weight:bold; line-height:1.3; margin-bottom:20px; color:#0a5b99;}
.pollLayer li {line-height:18px;  position:relative; padding-left:20px; margin-bottom:12px; color:#666}
.pollLayer li span {display:inline-block; width:20px; position:absolute; top:1px; left:0px}
.pollLayer dd {border-top:1px dotted #dcdcdc; line-height:30px; color:#666; margin:35px 0 10px 0}
.pollLayer .pollButton {text-align:left}
.pollList-insert {margin:15px 0}
.pollList-insert li {margin-bottom:5px}
.pollList-insert .select-radio {display:inline-block; width:18px; margin-top:3px}
:root .pollList-insert .select-radio {margin-top:4px \0/IE9;}
.pollList-point {}
.pollList-point ul {display:inline-block;}
.pollList-point li {height:20px; text-align:center; position:none !importan}
.pollList-point .radioArea {margin-left:4px}
.pollList-point .labelArea {padding:0 6px; font-weight:bold} 

.pollView {border:1px solid #dcdcdc; padding:20px;}
.pollView dt {font-size:13px; font-weight:bold; line-height:21px; color:#0177b2;}
.pollView dd {line-height:26px; color:#888 }
.pollView .selectArea {line-height:18px; position:relative; padding-left:21px; margin:10px 0}
.pollView .selectArea span {display:inline-block; width:20px; position:absolute; top:1px; left:0}

.graph {outline:1px solid #ddd; height:10px; background-color:#ececec; margin-left:20px}
.graph p {height:10px; background-color:#9de34b;}
.poll-table {border-collapse:collapse; border-spacing:0 !important; margin:6px 0}
.poll-table td {padding:3px 0; border:0; vertical-align:top; line-height:18px}
.poll-table td .poll-icon {display:inline-block; height:12px; width:12px; background:url(/img/bullet_sprite.gif) no-repeat 0 -528px; margin-top:2px}
.poll-textArea {margin:6px 0; line-height:18px}
.icon_radio {display:inline-block; width:14px; height:14px; background:url(/img/icon_radio_check.gif) no-repeat 0 0; margin-top:4px}
.icon_check {display:inline-block; width:14px; height:13px; background:url(/img/icon_radio_check.gif) no-repeat 0 -14px; margin-top:4px}
.poll-view-control {margin:10px 0}
.poll-view-control ul {position:relative;}
.poll-view-control ul li.view-select {position:absolute; top:0px; right:10px;}
.poll-ing {color:#0a5b99; font-size:13px; }
.bgTitle-gray {background-color:#eee; font-weight:bold}
.bg-gray {background-color:#eee;}
.replyArea {text-align:left !important; padding-left:5px !important; line-height:18px }

.mini-pollLayer {}
.mini-pollLayer dl {border:1px solid #dcdcdc; padding:18px;}
.mini-pollLayer dt {font-size:13px; font-weight:bold; line-height:21px; margin-bottom:15px;}
.mini-pollLayer li {line-height:18px; position:relative; padding-left:21px; margin-bottom:10px}
.mini-pollLayer li span {display:inline-block; width:20px; position:absolute; top:1px; left:0}
.mini-pollLayer dd {border-top:1px dotted #dcdcdc; line-height:30px; color:#666; margin:35px 0 10px 0}
.mini-pollLayer .pollButton {text-align:left}

.mini-pollResert {}
.mini-pollResert dl {width:570px; padding:5px 15px; }
.mini-pollResert dt {font-size:13px; font-weight:bold; line-height:21px; margin-bottom:15px;}
.mini-pollResert li {line-height:18px; position:relative; padding-left:0px; margin-bottom:10px}
.mini-pollResert li span {display:inline-block; width:20px; position:absolute; top:1px; left:0}
.mini-pollResert dd {border-top:1px dotted #dcdcdc; line-height:20px; font-size:11px; font-family:'dotum'; color:#666; margin:35px 0 10px 0; padding-top:10px}
.mini-pollResert .pollButton {text-align:left}

/* 글보기 내용란 */
#memo_content_text {padding:15px;line-height:1.5; overflow:hidden;}

#memo_content_text table {width:inherit; border-style:none; border-width:inherit;}
#memo_content_text table th {border-width:inherit; border-color:inherit; border-style:inherit;}
#memo_content_text table tr {border-width:inherit; border-color:inherit; border-style:inherit;}
#memo_content_text table td {border-width:inherit; border-color:inherit; border-style:inherit;}

.appdoc-content-area {padding-left:1px !important; }
.appdoc-content-area table {border-style:none; border-width:inherit;}
.appdoc-content-area table th {border-width:inherit; border-color:inherit; border-style:inherit;}
.appdoc-content-area table tr {border-width:inherit; border-color:inherit; border-style:inherit;}


/* 컨텐츠 상단에 붙는 내용 - header box */
div#header-box {height:32px}
div#header-box .left-box {float:left}
div#header-box .right-box {float:right}

/* 보기페이지 하단(목록 이전ㅣ다음) - board-view-control */
.board-view-control{padding:8px 0}
.board-view-control ul{position:relative}
.board-view-control ul li{float:left}
.board-view-control ul li.view-select{position:absolute;top:0;right:10px}

/* Bottom - Alert Box */
div#Alert_msg_box{display:none;position:fixed;left:50%;bottom:0;z-index:1001;width:580px;margin-left:-290px;border-top:3px solid #d1b883;border-left:3px solid #d1b883;border-right:3px solid #d1b883;background:#fcf7d3}
div#Alert_msg_box ul{padding:7px 16px}
div#Alert_msg_box ul li{float:left}
div#Alert_msg_box ul li.alertmsg{padding-bottom:10px;font-weight:bold;vertical-align:middle}
div#Alert_msg_box ul li.alertmsg img.alertimg{display:inline-block;padding-top:5px;padding-right:5px;vertical-align:middle}
div#Alert_msg_box ul li.alertmsg span{display:inline-block;width:395px;padding-top:5px;vertical-align:middle}
div#Alert_msg_box ul li.alertbutton{float:right;position:absolute;top:50%;right:14px;margin-top:-13px}

/* etc icon */
	span.fav-content-icon{position:absolute;top:-1px;right:0;width:19px;height:13px;background:url(/img/bullet_sprite.gif) no-repeat scroll left -335px transparent;cursor:pointer;}
	span.fav-content-icon.active,span.fav-content-icon:hover,span.fav-content-icon.hover{background-position:left -350px}
	span.fav-content-icon-block{display:inline-block;position:relative;top:2px;width:23px;height:13px;background:url(/img/bullet_sprite.gif) no-repeat scroll left -335px transparent;cursor:pointer;}
	span.fav-content-icon-block.active,span.fav-content-icon-block:hover,span.fav-content-icon-block.hover{background-position:left -350px}

	.file-icon{display:inline-block;float:left;position:relative;top:1px;*top:2px;width:7px;height:12px;margin-left:2px;background:url(/img/bullet_sprite.gif) no-repeat -15px -240px;font:0/0 a;color:transparent;cursor:pointer;text-shadow:none}
	.jump-icon{display:inline-block;position:relative;top:2px;width:11px;height:12px;margin-left:4px;background:url(/img/bullet_sprite.gif) no-repeat -11px -254px;font:0/0 a;color:transparent;cursor:pointer;text-shadow:none}
	.read-icon{display:inline-block;float:left;position:relative;top:-2px;width:21px;height:15px;margin:0 2px; background:url(/img/mail_read.gif) no-repeat 0 0px;font:0/0 a;color:transparent;cursor:pointer;text-shadow:none}
	.read-icon.active{background-position:0 -15px;top:-1px;}
	.read-icon.gray {background-position:0 -30px; top:0px;}
	.read-icon.reply {background-position:0 -60px; top:0px;}
	.read-icon.pass {background-position:0 -45px; top:0px;}
	span.gap{margin:0 5px;font-size:11px;color:#ddd}
	.check-icon{display:inline-block; float:left; position:relative; top:1px;*top:2px;width:11px;height:11px;margin:0 6px 0 0px;background:url(/img/mail_point.gif) no-repeat 0 -11px;font:0/0 a;color:transparent;cursor:pointer;text-shadow:none}
	.check-icon.active{background-position:0 0}
	
/* round tab style -기존파일-
	.round-tab{height:26px;border-bottom-width:1px}
	.round-tab.long-tab{min-width:960px}
	.round-tab li{float:left;width:135px;height:27px;margin-right:2px;background:url(/img/rtab_bg.gif) no-repeat scroll 0 0 transparent;line-height:27px;font-weight:bold;color:#888;text-align:center;cursor:pointer}
	.round-tab #current{background-position:0 -27px;color:#1C3D82}

	.round-tab.sms{height:29px;border-bottom-width:1px}
	.round-tab li{float:left;width:129px;height:30px;margin-right:2px;background:url(/img/rtab_bg_sms.gif) no-repeat scroll 0 0 transparent;line-height:30px;font-weight:bold;color:#888;text-align:center;cursor:pointer}
	.round-tab #current{background-position:0 -30px;color:#1C3D82} */
	
/* round tab new style */
	.round-tab {height:35px; border-bottom:1px solid #3091c0; position:relative; z-index:0;}
	.round-tab.long-tab {min-width:1150px}
	.round-tab li {
		float:left;
		height:34px;
		border-top:1px solid #c2c2c2;
		border-left:1px solid #c2c2c2;
		border-right:1px solid #c2c2c2;
		border-radius:3px 3px 0 0;
		background-color:#fafafa;
		display:inline-block; 
		font-size:13px; 
		z-index:1;
		position:relative;
		line-height:34px;
		text-decoration:none;
		white-space:nowrap;
		cursor:pointer;
		margin-right:-1px;
		}
	.round-tab li span {font-weight:bold; color:#999; padding:0 26px 0 26px;}

/* round tab new style */
	.round-tab {height:35px; border-bottom:1px solid #3091c0; position:relative; z-index:0;}
	.round-tab.long-tab {min-width:1150px}
	.round-tab li {
		float:left;
		height:34px;
		border-top:1px solid #c2c2c2;
		border-left:1px solid #c2c2c2;
		border-right:1px solid #c2c2c2;
		border-radius:3px 3px 0 0;
		background-color:#fafafa;
		display:inline-block; 
		font-size:13px; 
		z-index:1;
		position:relative;
		line-height:34px;
		text-decoration:none;
		white-space:nowrap;
		cursor:pointer;
		margin-right:-1px;
		}
	.round-tab li span {font-weight:bold; color:#999; padding:0 26px 0 26px;}

	.round-tab #current {
		z-index:10;
		height:35px; 
		border-top:1px solid #3091c0;
		border-left:1px solid #3091c0;
		border-right:1px solid #3091c0;
		background-color:#fff;
		}
	.round-tab #current span{background-position:right -31px;color:#076fab;}

	.round-tab.sms{height:29px;border-bottom-width:1px}
	
/* round tab long style */
	.round-tab-long {height:35px; border-bottom:1px solid #3091c0; position:relative; z-index:0;}
	.round-tab-long.long-tab{min-width:960px}
	.round-tab-long li {
		float:left;
		height:34px;
		border-top:1px solid #c2c2c2;
		border-left:1px solid #c2c2c2;
		border-right:1px solid #c2c2c2;
		border-radius:3px 3px 0 0;
		background-color:#fafafa;
		display:inline-block; 
		font-size:13px; 
		z-index:1;
		position:relative;
		line-height:34px;
		text-decoration:none;
		white-space:nowrap;
		cursor:pointer;
		margin-right:-1px;
		}
	.round-tab-long li span {font-weight:bold; color:#999; padding:0 26px 0 26px;}

	.round-tab-long #current {
		z-index:10;
		height:35px; 
		border-top:1px solid #3091c0;
		border-left:1px solid #3091c0;
		border-right:1px solid #3091c0;
		background-color:#fff;
		}
	.round-tab-long #current span{background-position:right -31px;color:#076fab;}
	
	/* 텝메뉴에 우측메뉴가 있는 경우 */
	.round-tab-long ul.right-menu{float:right}
	.round-tab-long ul.right-menu a{float:left;width:21px;height:21px;background:url(/img/imgbtn_sprite.gif) no-repeat}
	.round-tab-long ul.right-menu li{margin:0; background:none;border:0; }
	.round-tab-long ul.right-menu li.reload a{margin-left:4px;background-position:0 -78px}
	.round-tab-long ul.right-menu li.reload a:hover{background-position:0 -104px}
	.round-tab-long ul.right-menu li.print a{margin-left:3px;background-position:-21px -78px}
	.round-tab-long ul.right-menu li.print a:hover{background-position:-21px -104px}
	
	

/* Title Style */
	span.sub-title{padding-left:19px; color:#555; margin-right:3px; background:url(/img/bullet_sprite.gif) no-repeat scroll 2px -487px transparent;font-weight:bold; letter-spacing:0px;white-space:nowrap}
	:root span.sub-title{background:url(/img/bullet_sprite.gif) no-repeat scroll 2px -489px transparent \0/IE9;}
	span.sub-title-text{padding-left:5px; font-weight:bold; letter-spacing:0px; white-space:nowrap}
	span.sub-title-icon{padding-left:17px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 -489px transparent;white-space:nowrap}
	span.sub-title-gray{width:180px;padding-left:20px;background:url(/img/bullet_sprite.gif) no-repeat scroll 3px -489px transparent;white-space:nowrap}
	span.sub-title-blue{display:inline-block;margin-bottom:10px;padding-left:18px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0px -403px transparent; font-weight:bold;color:#526086; letter-spacing:-1px}
	span.sub-title-bigblue{padding-left:17px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 -25px transparent;font-weight:bold;color:#3e68ba}
	

/* list table top graybg and yellow icon */
	.normal-top-box {padding:12px 8px 12px 8px; border-width:0; background-color:#f2f4f5; font-weight:bold; font-size:12px; color:#42677f; position:relative;}
	.normal-top-box.view-page {border-width:1px 1px 0 1px;line-height:13px; border-color:#e3e3e3 !important}
	.normal-top-box .title {padding-left:20px;padding-right:120px;}
	.normal-top-box .fltrt {position:absolute; right:0;width:120px;top:12px;}
	.normal-top-control {padding:14px 10px; border-width:1px 1px 0 1px; margin-top:8px; line-height:13px; border-color:#aabecb; background-color:#e4eef0; font-weight:bold; color:#415ea4; border-radius:5px 5px 0 0;}

/* list table top round title */
	.brdtop-box {
		border-top:1px solid #aabecb;
		border-left:1px solid #aabecb;
		border-right:1px solid #aabecb;
		background-color:#e4eef0;
		border-radius:4px 4px 0 0;
		}
	.brdtop-box.color-skin1 {
		border-top:1px solid #aabecb;
		border-left:1px solid #aabecb;
		border-right:1px solid #aabecb;
		background-color:#e4eef0;
		}
	.brdtop-box.color-skin2 {
		border-top:1px solid #aac0b4;
		border-left:1px solid #aac0b4;
		border-right:1px solid #aac0b4;
		background-color:#edf4ef;
		}
	.brdtop-box p {
		float:left; 
		width:265px; 
		padding-left:21px; 
		margin-top:2px; 
		line-height:15px; 
		font-weight:bold;
		color:#444;
		font-size:14px;
		font-family:malgun gothic;
		background:url(/img/title_iconSet.png) no-repeat scroll 0 -13px transparent;
		}
	:root .brdtop-box p {line-height:17px \0/IE9}
	.brdtop-box p.noicon {padding-left:0;background:none;font-weight:bold}
	.brdtop-box .bt {height:10px; margin-left:11px;}
	.brdtop-box .bt div.lbg{}
	.brdtop-box .bb {height:1px; background:#e7e7e7;}
	.brdtop-box .boxCt {height:32px; padding-left:10px;}
	/* boxCt-long: 게시물 제목 */
	.brdtop-box .boxCt-long{height:23px; padding:0 0 8px 8px; }
	.brdtop-box .boxCt-rtBox{height:32px; padding-left:10px;}
	.brdbottom-box .bt{height:7px;margin-left:11px;background:url(/img/brdbottom-box-bg.gif) no-repeat right bottom}
	.brdbottom-box .bt div.lbg{position:relative;left:-11px;width:11px;height:7px;background:url(/img/brdbottom-box-bg.gif) no-repeat 0 bottom}
	.brdbottom-box .bb{height:1px;background:#e7e7e7;margin-bottom:-1px;}
	.inroundtop-box .bt{height:7px;margin-left:7px;background:url(/img/inroundtop-box-bg.gif) no-repeat right top}
	.inroundtop-box .bt div.lbg{position:relative;left:-7px;width:7px;height:7px;background:url(/img/inroundtop-box-bg.gif) no-repeat 0 0}
	.inroundbottom-box .bt{*position:relative;height:7px;margin-left:7px;background:url(/img/inroundbottom-box-bg.gif) no-repeat right bottom}
	.inroundbottom-box .bt div.lbg{position:relative;left:-7px;width:7px;height:7px;background:url(/img/inroundbottom-box-bg.gif) no-repeat 0 bottom}
	.inround-box-contents{border-left-width:1px;border-right-width:1px}
	.inround-box-contents div.lbg{padding:1px;border-color:#f6f6f6;border-left-width:3px;border-right-width:3px}

/* bottom btn set style */
	p.btn-set{margin:10px 6px;text-align:center}
	.pollLayer-button {overflow:hidden; margin:8px 0 20px 0}

/* Comment */
	.frame-comment-wrap{padding:0 8px}
	.comment-write{padding:4px;border:1px solid #d8d8d8;background-color:#f9f9f9}
	.comment-write table{border-width:0 !important}
	.comment-write table td{padding:0 !important;border-width:0 !important;vertical-align:top}
	.comment-write .comment-input{}
	.comment-write .comment-btn{width:40px;text-align:right}
	.comment-btn a.comment-input-btn{display:block;float:right;width:36px;height:46px;background:url(/img/comment_btn.gif) no-repeat;font:0/0 a;color:transparent;text-indent:-999999px;text-shadow:none}
	.content-input{border:1px solid #c4c4c4}
	.comment-input .comment-area{width:99.3%;max-width:99.3%;height:40px;max-height:150px;margin:0;padding:2px;border:1px solid #c4c4c4}
	.pollComment-area{width:100%;max-width:99.3%;height:50px;max-height:150px;margin:0;padding:2px;border:1px solid #c4c4c4}
	.comment-view{margin-top:10px}
	.comment-writeinfo{clear:both; padding:10px 5px 4px 5px; font:500 11px/12px 'Dotum','돋움','Arial','Helvetica','sans-serif'}
	.comment-writeinfo ul{display:inline-block;width:100%}
	.comment-writeinfo ul li{float:left}
	.comment-writeinfo .date{float:right;color:#888}
	.comment-content{clear:both;padding:10px 10px;border:1px solid #d8d8d8;background-color:#f9f9f9; line-height:160%; color:#666}
	.comment-edit-btn{margin-top:8px}
	.icon-comment {display:inline-block; height:22px; line-height:22px; background:url(/img/icon_comment.gif) no-repeat 0px 5px; padding-left:20px; font-weight:bold; font-size:11px}

/* splitter preview */
	.frameView{min-width:420px;padding-bottom:10px}
	.frameView .btn-set{clear:both;margin:7px auto;text-align:center}
	.frameView table.view-table {table-layout:fixed;}
	.frameView table.view-table td{padding:8px;border-bottom-width:1px;white-space:nowrap}
	.frameView table.view-table td.vertical-top{padding:8px 8px 0;vertical-align:top}
	.frameView table.view-table td.longtext{padding:5px 8px 3px}
	.frameView table.view-table td.longtext ul{line-height:18px}
	.frameView table.view-table td li{float:left;padding-right:4px;vertical-align:top}
	.frameView table.view-table td p.light-blue{float:left;margin-top:2px;padding-right:4px}
	.frameView .content-text{padding:20px;line-height:170%}
	.frameView div#memo_content_text{padding:15px;line-height:170%}
	
/* splitter top btn */
	#preview_contents_top_btn{position:absolute;right:25px;bottom:20px}
	
/* select_Group without checkbox */
	.select_Group{padding-bottom:11px;letter-spacing:0px;margin-right:7px;}
	.select_Group ul{background:none !important}
	.select_Group ul ul{margin:0}
	.select_Group ol.checkall-header {background:none;padding-top:5px;}
	.select_Group ol.checkall-header > a{font-weight:bold;margin-left:13px}
	.select_Group ol.home{position:relative;padding:5px 0 0 0px;background:url(/img/folder_icon.gif) no-repeat scroll -5px 0 transparent;line-height:22px}
	.select_Group ol.home a.active{font-weight:bold;}
	.select_Group li{position:relative;padding:3px 0 0 18px;background:url(/img/folder_icon.gif) no-repeat scroll -5px -30px transparent;line-height:22px;*zoom:1}
	.select_Group li.home{background-position:-5px -30px}
	.select_Group li.last{background-position:-5px -30px}
	.select_Group li.active a{font-weight:bold;}
	.select_Group li.active li a{font-weight:normal;}
	.select_Group a{margin-left:35px;}
	.select_Group .select_GroupToggle{overflow:hidden;position:absolute;top:10px;left:17px;width:11px;height:11px;padding:0;border:0;background:transparent url(/img/bullet_sprite.gif) no-repeat;font-size:0;color:#fff;text-indent:-1004px;*text-indent:0;vertical-align:middle;cursor:pointer}
	.select_Group .select_GroupToggle.minus{background-position:0 -88px}
	.select_Group .select_GroupToggle.plus{background-position:0 -106px}

/* select group with checkbox */
	/* base */
	.select_Group.chkbox{overflow:hidden;overflow-y:auto;position:relative;width:218px;height:298px;margin:0 auto;padding-top:5px;padding-left:7px;letter-spacing:-1px}
	.select_Group.chkbox a{margin:0}
	.select_Group.chkbox ul ul{margin:0}
	.select_Group.chkbox ol.checkall-header{background:none;}
	.select_Group.chkbox ol.checkall-header > a{font-weight:bold;margin-left:2px}
	.select_Group ol.checkall-header span.button a{margin-left:0}
	.select_Group.chkbox ol.home{position:relative; padding:3px 0 0; background-position:3px 1px}
	.select_Group.chkbox ol.home a{margin-left:25px}
	/* folder icon and name */
	.select_Group.chkbox ul li{position:relative;padding:3px 0 0;background-position:3px -29px}
	.select_Group.chkbox ul li a{padding-left:43px;}
	.select_Group.chkbox ul li ul li{background-position:21px -29px}
	.select_Group.chkbox ul li ul li a{padding-left:60px}
	.select_Group.chkbox ul li ul li ul li{background-position:39px -29px}
	.select_Group.chkbox ul li ul li ul li a{padding-left:77px}
	.select_Group.chkbox ul li ul li ul li ul li{background-position:57px -29px}
	.select_Group.chkbox ul li ul li ul li ul li a{padding-left:94px}
	.select_Group.chkbox ul li ul li ul li ul li ul li{background-position:74px -29px}
	.select_Group.chkbox ul li ul li ul li ul li ul li a{padding-left:111px}
	/* +, - button */
	.select_Group.chkbox ul li .select_GroupToggle{left:25px}
	.select_Group.chkbox ul li ul li .select_GroupToggle{left:42px}
	.select_Group.chkbox ul li ul li ul li .select_GroupToggle{left:59px}
	.select_Group.chkbox ul li ul li ul li ul li .select_GroupToggle{left:76px}
	
	
	
	
	
/* select_Group without checkbox */
	.select_Group2 {padding-bottom:11px; letter-spacing:0px; border-bottom:1px  solid #dbe0e6 }
	.select_Group2 ul {background:none !important; margin:6px 0 6px 6px}
	.select_Group2 ul ul {margin:0}
	.select_Group2 ol.checkall-header {background:none;padding-top:5px;}
	.select_Group2 ol.checkall-header > a{font-weight:bold;margin-left:13px}
	.select_Group2 ol.home {position:relative;padding:5px 0 0 0px;background:url(/img/folder_icon.gif) no-repeat scroll -5px 0 transparent;line-height:22px}
	.select_Group2 ol.home a.active {font-weight:bold;}
	.select_Group2 li {position:relative; padding:3px 0 0 18px; background:url(/img/folder_icon.gif) no-repeat scroll -5px -30px transparent; line-height:22px; *zoom:1}
	.select_Group2 li {word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.select_Group2 li.home {background-position:-5px -30px}
	.select_Group2 li.last {background-position:-5px -30px}
	.select_Group2 li.active a {font-weight:bold;}
	.select_Group2 li.active li a {font-weight:normal;}
	.select_Group2 a {margin-left:35px;}
	.select_Group2 a span{margin:0px !important;}
	.select_Group2 a:hover {background-color:#fff !important}
	.select_Group2 a:hover {color:#999; }
	.select_Group2 a.active {font-weight:bold; color:#3a72aa; }
	.select_Group2 .select_GroupToggle {overflow:hidden;position:absolute;top:10px;left:17px;width:11px;height:11px;padding:0;border:0;background:transparent url(/img/bullet_sprite.gif) no-repeat;font-size:0;color:#fff;text-indent:-1004px;*text-indent:0;vertical-align:middle;cursor:pointer}
	.select_Group2 .select_GroupToggle.minus {background-position:0 -88px}
	.select_Group2 .select_GroupToggle.plus {background-position:0 -106px}

/* select group with checkbox */
	/* base */
	.select_Group2.chkbox{overflow:hidden;overflow-y:auto;position:relative;width:218px;height:298px;margin:0 auto;padding-top:5px;padding-left:7px;letter-spacing:0px}
	.select_Group2.chkbox a{margin:0}
	.select_Group2.chkbox ul ul{margin:0}
	.select_Group2.chkbox ol.checkall-header{background:none;}
	.select_Group2.chkbox ol.checkall-header > a{font-weight:bold;margin-left:2px}
	.select_Group2 ol.checkall-header span.button a{margin-left:0}
	.select_Group2.chkbox ol.home{position:relative; padding:3px 0 0; background-position:3px 1px}
	.select_Group2.chkbox ol.home a{margin-left:25px}
	/* folder icon and name */
	.select_Group2.chkbox ul li{position:relative;padding:3px 0 0;background-position:3px -29px}
	.select_Group2.chkbox ul li a{padding-left:43px;}
	.select_Group2.chkbox ul li ul li{background-position:21px -29px}
	.select_Group2.chkbox ul li ul li a{padding-left:60px}
	.select_Group2.chkbox ul li ul li ul li{background-position:39px -29px}
	.select_Group2.chkbox ul li ul li ul li a{padding-left:77px}
	.select_Group2.chkbox ul li ul li ul li ul li{background-position:57px -29px}
	.select_Group2.chkbox ul li ul li ul li ul li a{padding-left:94px}
	.select_Group2.chkbox ul li ul li ul li ul li ul li{background-position:74px -29px}
	.select_Group2.chkbox ul li ul li ul li ul li ul li a{padding-left:111px}
	/* +, - button */
	.select_Group2.chkbox ul li .select_GroupToggle{left:25px}
	.select_Group2.chkbox ul li ul li .select_GroupToggle{left:42px}
	.select_Group2.chkbox ul li ul li ul li .select_GroupToggle{left:59px}
	.select_Group2.chkbox ul li ul li ul li ul li .select_GroupToggle{left:76px}/* select_Group2 without checkbox */
	.select_Group2{padding-bottom:11px;letter-spacing:0px;margin-right:7px;}
	.select_Group2 ul{background:none !important}
	.select_Group2 ul ul{margin:0}
	.select_Group2 ol.checkall-header {background:none;padding-top:5px;}
	.select_Group2 ol.checkall-header > a{font-weight:bold;margin-left:13px}
	.select_Group2 ol.home{position:relative;padding:5px 0 0 0px;background:url(/img/folder_icon.gif) no-repeat scroll -5px 0 transparent;line-height:22px}
	.select_Group2 ol.home a.active{font-weight:bold;}
	.select_Group2 li{position:relative;padding:3px 0 0 18px;background:url(/img/folder_icon.gif) no-repeat scroll -5px -30px transparent;line-height:22px;*zoom:1}
	.select_Group2 li.home{background-position:-5px -30px}
	.select_Group2 li.last{background-position:-5px -30px}
	.select_Group2 li.active a{font-weight:bold;}
	.select_Group2 li.active li a{font-weight:normal;}
	.select_Group2 a{margin-left:35px;}
	.select_Group2 .select_GroupToggle{overflow:hidden;position:absolute;top:10px;left:17px;width:11px;height:11px;padding:0;border:0;background:transparent url(/img/bullet_sprite.gif) no-repeat;font-size:0;color:#fff;text-indent:-1004px;*text-indent:0;vertical-align:middle;cursor:pointer}
	.select_Group2 .select_GroupToggle.minus{background-position:0 -88px}
	.select_Group2 .select_GroupToggle.plus{background-position:0 -106px}

/* select group with checkbox */
	/* base */
	.select_Group2.chkbox{overflow:hidden;overflow-y:auto;position:relative;width:218px;height:298px;margin:0 auto;padding-top:5px;padding-left:7px;letter-spacing:0px}
	.select_Group2.chkbox a{margin:0}
	.select_Group2.chkbox ul ul{margin:0}
	.select_Group2.chkbox ol.checkall-header{background:none;}
	.select_Group2.chkbox ol.checkall-header > a{font-weight:bold;margin-left:2px}
	.select_Group2 ol.checkall-header span.button a{margin-left:0}
	.select_Group2.chkbox ol.home{position:relative; padding:3px 0 0; background-position:3px 1px}
	.select_Group2.chkbox ol.home a{margin-left:25px}
	/* folder icon and name */
	.select_Group2.chkbox ul li{position:relative;padding:3px 0 0;background-position:3px -29px}
	.select_Group2.chkbox ul li a{padding-left:43px;}
	.select_Group2.chkbox ul li ul li{background-position:21px -29px}
	.select_Group2.chkbox ul li ul li a{padding-left:60px}
	.select_Group2.chkbox ul li ul li ul li{background-position:39px -29px}
	.select_Group2.chkbox ul li ul li ul li a{padding-left:77px}
	.select_Group2.chkbox ul li ul li ul li ul li{background-position:57px -29px}
	.select_Group2.chkbox ul li ul li ul li ul li a{padding-left:94px}
	.select_Group2.chkbox ul li ul li ul li ul li ul li{background-position:74px -29px}
	.select_Group2.chkbox ul li ul li ul li ul li ul li a{padding-left:111px}
	/* +, - button */
	.select_Group2.chkbox ul li .select_GroupToggle{left:25px}
	.select_Group2.chkbox ul li ul li .select_GroupToggle{left:42px}
	.select_Group2.chkbox ul li ul li ul li .select_GroupToggle{left:59px}
	.select_Group2.chkbox ul li ul li ul li ul li .select_GroupToggle{left:76px}
	
	
	
	
	
/* select_Company without checkbox */
	.select_Company{overflow:hidden;overflow-y:auto;position:relative;width:211px;height:302px;margin:0 auto;padding:7px;letter-spacing:0px}
	.select_Company ul{background:none !important}
	.select_Company ul ul{margin:0}
	.select_Company ol.checkall-header {background:none;padding-top:5px;}
	.select_Company ol.checkall-header > a{font-weight:bold;margin-left:13px}
	.select_Company ol.home{position:relative;padding:5px 0 0 0px;background:url(/img/folder_icon.gif) no-repeat scroll -5px 0 transparent;line-height:22px}
	.select_Company ol.home a.active{font-weight:bold;}
	.select_Company li{position:relative;padding:3px 0 0 18px;background:url(/img/folder_icon.gif) no-repeat scroll -5px -30px transparent;line-height:22px;*zoom:1;margin-right:-5px;}
	.select_Company li.home{background-position:-5px -30px}
	.select_Company li.last{background-position:-5px -30px}
	.select_Company li.active a{font-weight:bold;}
	.select_Company li.active li a{font-weight:normal;}
	.select_Company a{margin-left:35px;}
	.select_Company .select_GroupToggle{overflow:hidden;position:absolute;top:10px;left:17px;width:11px;height:11px;padding:0;border:0;background:transparent url(/img/bullet_sprite.gif) no-repeat;font-size:0;color:#fff;text-indent:-1004px;*text-indent:0;vertical-align:middle;cursor:pointer}
	.select_Company .select_GroupToggle.minus{background-position:0 -88px}
	.select_Company .select_GroupToggle.plus{background-position:0 -106px}
	
	
	
/* select_Company2 without checkbox */
	.select_Company2{overflow:hidden;overflow-y:hidden;position:relative;width:211px;height:308px;margin:0 auto;padding:7px;letter-spacing:0px}
	.select_Company2 ul{background:none !important}
	.select_Company2 ul ul{margin:0}
	.select_Company2 ol.checkall-header {background:none;padding-top:5px;}
	.select_Company2 ol.checkall-header > a{font-weight:bold;margin-left:13px}
	.select_Company2 ol.home{position:relative;padding:5px 0 0 0px;background:url(/img/folder_icon.gif) no-repeat scroll -5px 0 transparent;line-height:22px}
	.select_Company2 ol.home a.active{font-weight:bold;}
	.select_Company2 li{position:relative;padding:3px 0 0 18px;background:url(/img/folder_icon.gif) no-repeat scroll -5px -30px transparent;line-height:22px;*zoom:1}
	.select_Company2 li.home{background-position:-5px -30px}
	.select_Company2 li.last{background-position:-5px -30px}
	.select_Company2 li.active a{font-weight:bold;}
	.select_Company2 li.active li a{font-weight:normal;}
	.select_Company2 a{margin-left:35px;}
	.select_Company2 .select_GroupToggle{overflow:hidden;position:absolute;top:10px;left:17px;width:11px;height:11px;padding:0;border:0;background:transparent url(/img/bullet_sprite.gif) no-repeat;font-size:0;color:#fff;text-indent:-1004px;*text-indent:0;vertical-align:middle;cursor:pointer}
	.select_Company2 .select_GroupToggle.minus{background-position:0 -88px}
	.select_Company2 .select_GroupToggle.plus{background-position:0 -106px}

/* select_GaCompany without checkbox */
	.select_GaCompany{overflow:hidden;overflow-y:auto;position:relative;width:211px;height:332px;margin:0 auto;padding:7px;letter-spacing:0px}
	.select_GaCompany ul{background:none !important}
	.select_GaCompany ul ul{margin:0}
	.select_GaCompany ol.checkall-header {background:none;padding-top:5px;}
	.select_GaCompany ol.checkall-header > a{font-weight:bold;margin-left:13px}
	.select_GaCompany ol.home{position:relative;padding:5px 0 0 0px;background:url(/img/folder_icon.gif) no-repeat scroll -5px 0 transparent;line-height:22px}
	.select_GaCompany ol.home a.active{font-weight:bold;}
	.select_GaCompany li{position:relative;padding:3px 0 0 18px;background:url(/img/folder_icon.gif) no-repeat scroll -5px -30px transparent;line-height:22px;*zoom:1;margin-right:-5px;}
	.select_GaCompany li.home{background-position:-5px -30px}
	.select_GaCompany li.last{background-position:-5px -30px}
	.select_GaCompany li.active a{font-weight:bold;}
	.select_GaCompany li.active li a{font-weight:normal;}
	.select_GaCompany a{margin-left:35px;}
	.select_GaCompany .select_GroupToggle{overflow:hidden;position:absolute;top:10px;left:17px;width:11px;height:11px;padding:0;border:0;background:transparent url(/img/bullet_sprite.gif) no-repeat;font-size:0;color:#fff;text-indent:-1004px;*text-indent:0;vertical-align:middle;cursor:pointer}
	.select_GaCompany .select_GroupToggle.minus{background-position:0 -88px}
	.select_GaCompany .select_GroupToggle.plus{background-position:0 -106px}

/* table list type layer */
	.table-type-common-list .list-head{height:24px;border-width:1px;background:url(/img/line_bg.gif) repeat-x 0 -79px;font:500 11px/24px 'Dotum','돋움','Arial','Helvetica','sans-serif';color:#777;text-align:left;white-space:nowrap}
	.table-type-common-list .list-head ul li{float:left;text-align:left}
	.table-type-common-list .list-head ul li.name{width:75px;margin-left:30px;border-left-width:1px;border-right-width:1px}
	.table-type-common-list .list-head ul li.onsduty{width:67px;border-right-width:1px}
	.table-type-common-list .list-head ul li.position{width:83px;border-right-width:1px}
	.table-type-common-list .list-head ul li.id{}
	.table-type-common-list .list-head ul li.onsemail{width:150px;}
	.table-type-common-list .list-head ul li span{margin-left:7px;padding-right:22px;background:url(/img/bullet_sprite.gif) no-repeat scroll right -71px transparent; cursor:pointer}
	.table-type-common-list .list-head ul li span.layer-sort-asc {background:url(/img/bullet_sprite.gif) no-repeat scroll right -316px transparent; color:#9F22E7; cursor:pointer}
	.table-type-common-list .list-head ul li span.layer-sort-desc {background:url(/img/bullet_sprite.gif) no-repeat scroll right -71px transparent; color:#9F22E7; cursor:pointer}

	.table-type-common-list div#all_users{overflow-x:hidden;overflow-y:auto;float:left;width:100%;height:315px;padding-top:5px;line-height:17px;color:#666;resize:none}
	.table-type-common-list div#all_users .innertxt-select{display:inherit;}
	.table-type-common-list div#all_users .innertxt-select ul{clear:both; width:100%; display:inline-block; cursor:pointer; border-bottom-width:1px}
	.table-type-common-list div#all_users .innertxt-select ul li{float:left;padding-left:8px;text-align:left; font-size:11px; font-family:'dotum','Arial'; padding-top:2px; padding-bottom:3px}
	#selectedUserInfos {overflow:visible;}
	.table-type-common-list div#all_users .innertxt-select ul li.chkbox{width:23px}
	.table-type-common-list div#all_users .innertxt-select ul li.name{width:68px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.table-type-common-list div#all_users .innertxt-select ul li.onsduty{width:60px}
	.table-type-common-list div#all_users .innertxt-select ul li.position{width:75px}
	.table-type-common-list div#all_users .innertxt-select ul li.onsemail{width:135px}
	.table-type-common-list div#all_users .innertxt-select ul li.id{}


/* ==========================================================================================
	Quick
   ========================================================================================== */
	div#Header .Quick_tab {
		width:65px; 
		height:72px; 
		border-left:1px solid #e2e2e2; 
		border-right:1px solid #e2e2e2; 
		background:url(/img/header_icon.png) no-repeat -67px 10px;
		}
	div#Header .Quick_tab:hover {background:url(/img/header_icon.png) no-repeat -67px -42px;}
	div#Quick_wrap{position:fixed;top:0;left:50%; padding-top:20px;z-index:2000;width:100%;min-width:994px;height:0;margin-left:-50%}
	div#Quick_wrap .Quick{display:none;float:right;position:relative;width:250px;height:220px;margin-top:29px}

	.quick-tabs{overflow:hidden;position:relative;z-index:1001;width:25px;margin:0;padding-top:38px;list-style:none}
	.quick-tabs ul{position:relative;z-index:1000;width:25px;height:118px;background:url(/img/quick_sprite.png) no-repeat 0 0 transparent;color:#777;cursor:pointer; word-break:break-all; }
	.quick-tabs ul.after{margin-top:-10px}
	.quick-tabs ul li{width:5px;padding:17px 0 0 6px;font-weight:bold}
	.quick-tabs a:focus{outline:0}
	.quick-tabs #current{z-index:1002;background:url(/img/quick_sprite.gif) no-repeat -30px 0 transparent;color:#546388}
	.quick-contents-wrap{position:absolute;top:0;left:20px;z-index:1000;width:211px}
	.quick-contents-wrap ul{background:url(/img/quick_bg.gif) repeat-y transparent}
	.quick-contents-wrap ul.box-tab{position:relative;z-index:1002;width:89px;height:22px;margin-left:113px;margin-bottom:-5px;background:url(/img/quick_sprite.png) no-repeat -65px 0 transparent;cursor:pointer}
	.quick-contents-wrap ul.box-top{height:12px;background-position:left top}
	.quick-contents-wrap ul.box-contents{min-height:350px;padding:0 7px;background-position:-211px 0}
	.quick-contents-wrap ul.box-button {height:35px;padding-left:13px;background-position:-211px 0}
	.quick-contents-wrap ul.box-button a.quick-button-companyLine {display:inline-block; height:27px; line-height:27px; width:186px; background:url(/img/quick_button.png) no-repeat; padding-left:10px; font-weight:bold}
	.quick-contents-wrap ul.box-bottom{height:20px;background-position:-422px bottom}

	.quick-content-round{width:186px;margin:0 auto;background-color:#475478}
	.quick-content-round ul{background:url(/img/quick_inside_bg.gif) repeat-y transparent}
	.quick-content-round ul.inside-top{height:8px;background-position:0 0}
	.quick-content-round ul.inside-content{padding:0 7px;b		qqackground:#475478;color:#baccff;}

	.quick-content-round ul.inside-content{overflow-x:hidden;overflow-y:auto;*position:relative;min-height:325px;max-height:456px;background:#475478;color:#baccff}
	.quick-contents-wrap ul.inside-bottom{height:8px;background-position:-186px 0}
	.quick-content-round ul.inside-content .user-monitor-content{min-height:325px;max-height:370px}
	.user-monitor-content ul.content-title{height:21px; border:1px solid #61719d; background:#53628e; line-height:21px; font-weight:bold; color:#fff;}
	:root .user-monitor-content ul.content-title {line-height:23px \0/IE9;}
	.user-monitor-content dl{padding:8px;border-bottom:1px dotted #61719d}
	.user-monitor-content dl.last-child{border-bottom:none}
	.user-monitor-content dl dt.content-sub-title{height:20px;line-height:20px;font-weight:bold;color:#baccff}
	.user-monitor-content dl dt{height:20px;line-height:20px;color:#dfe6fa}

	div#Quick_wrap ul.content-title span.title-text{float:left; margin-left:3px}
	div#Quick_wrap ul.content-title p{float:left; width:21px; height:19px; background:url(/img/quick_sprite.png) no-repeat transparent}
	div#Quick_wrap ul.content-title p.btn-icon-people{background-position:-2px -125px}
	div#Quick_wrap ul.content-title p.btn-icon-bookmark{background-position:-100px -124px}
	div#Quick_wrap ul.content-title p.btn-icon-config{float:right;width:20px;height:19px;background-position:-151px -125px}
	div#Quick_wrap ul.content-title p.btn-icon-config a{display:block;position:relative;width:20px;height:19px;text-indent:-999999px}

	div#Quick_wrap .bookmark-content ul.content-title{height:21px;border:1px solid #61719d;background:#53628e;line-height:21px;font-weight:bold;color:#fff}
	:root div#Quick_wrap .bookmark-content ul.content-title {line-height:23px \0/IE9;}
	div#Quick_wrap .bookmark-content dl{padding:10px 0}
	div#Quick_wrap .bookmark-content dl dt{height:24px;padding-left:23px;background:url(/img/quick_sprite.png) no-repeat -107px -60px transparent;line-height:25px}
	div#Quick_wrap .bookmark-content dl dt a{color:#e5ecff}
	div#Quick_wrap .bookmark-content dl dt:hover{background-color:#6172a1;color:#fff}

	div#Quick_wrap .quick-content-normal{width:186px;margin:0 auto;padding-top:2px}
	div#Quick_wrap .quick-content-normal span.button,.quick-content-normal span.button a{width:153px}
	div#Quick_wrap .quick-content-normal span.button{margin-top:2px}
	div#Quick_wrap .quick-content-normal span.button p{float:left;width:14px;height:14px;background:url(/img/quick_sprite.png) no-repeat transparent}
	div#Quick_wrap .quick-content-normal span.button p.btn-icon-memo{background-position:-30px -128px}
	div#Quick_wrap .quick-content-normal span.button p.btn-icon-mail{background-position:-55px -128px}
	div#Quick_wrap .quick-content-normal span.button p.btn-icon-sms{background-position:-78px -128px}

	div#Quick_wrap .quick-close{position:absolute;left:150px;bottom:4px;z-index:111111;width:35px;height:12px;background:url(/img/quick_sprite.png) no-repeat -65px -65px transparent;cursor:pointer}


/* ==========================================================================================
	smartPop을 제외한 일반 레이어창의 스타일들입니다. smartPop은 /css/layer_pop.css 에서 정리되며, 모든 레이어부분 일반 레이어로 변경중입니다.
   ========================================================================================== */
/* Find Post Num */
	.zipsearch-wrap .zipsearch-head{height:63px;border-width:1px}
	.zipsearch-wrap .zipsearch-head ul{float:left}
	.zipsearch-head ul li{height:25px;line-height:24px}
	.zipsearch-head .search-title{width:96px;height:63px;border-right-width:1px;background-color:#fafafa}
	.zipsearch-head .search-title span{display:inline-block;margin:9px 8px}
	.zipsearch-head .search-content{height:63px;padding:5px 10px}
	.zipsearch-head .search-content #zip_num{margin-left:8px}
	.zipsearch-list-head{clear:both;height:24px;margin-top:10px;border-width:1px;background-color:#fafafa;}
	.zipsearch-list-head ul{float:left;margin-left:8px;font:500 11px/25px 'Dotum','돋움','Arial','Helvetica','sans-serif'}
	.zipsearch-list-head ul.zipnum{width:87px;border-right-width:1px}
	.zipsearch-list{overflow-x:hidden;overflow-y:auto;float:left;clear:both;position:relative;width:100%;height:186px}
	.zipsearch-list ul{height:30px;border-bottom-width:1px;border-left-width:1px;}
	.zipsearch-list ul li{float:left;height:30px;margin-left:8px;line-height:32px;cursor:pointer}
	.zipsearch-list ul li.zipnum{width:87px;}


/* 거래처, 그룹 선택 공통사용 */
	.selectGroupBox{margin:0 auto}
	.selectGroupBox ul{width:225px;margin:0 auto;background:url(/img/pop-roundbg.gif) repeat-y}
	.selectGroupBox ul.round-box-top{height:6px;background-position:0 0}
	.selectGroupBox ul.round-box-contents{height:250px;background-position:-225px 0}
	.selectGroupBox ul.common{height:329px}
	.selectGroupBox ul.round-box-bottom{height:6px;background-position:-450px 0}
	.selectGroupBox .table-wrap{overflow:hidden;overflow-y:auto;width:218px;height:250px}
	.selectGroupBox .table-wrap table{width:100%;margin:0 6px}
	.selectGroupBox .table-wrap table td{height:20px;padding:0 6px;cursor:pointer}
	.selectGroupBox .table-wrap tr:hover{background-color:#f1f8ff}
	.selectGroupBox .table-wrap tr.active{background-color:#f1f8ff}
	.GroupAddBtn{margin:10px 0 0 6px}
	.GroupAddBtn input[type=text]{width:170px}


/* 거래처 선택 레이어인데요, 조금조금 틀린 부분들이 있어서 공통으로 사용될 부분을 제외하고 아래처럼 외곽부분들은 새 페이지마다 잡아줘야 할듯합니다. */

	/* 조직도 전체외곽 */
	.organization-pop-wrap {width:100%;height:515px}
	.organization-pop-wrap .organization{float:left;width:245px;padding-right:9px}
	.organization-pop-wrap .organize-list{float:left;width:395px}
	.organization-pop-wrap .organize-chbtn{float:left;width:50px;padding-left:15px;padding-top:145px}
	.organization-pop-wrap .organize-chbtn span.button{margin-top:5px}
	.organization-pop-wrap .result-list{float:right;width:200px}
	.organization-pop-wrap .round ul.box-top li.title{float:left;margin:7px 16px;padding-top:2px;font-weight:bold;color:#222;letter-spacing:0px}
	.organization-pop-wrap .organize-btn{text-align:right;clear:both;padding-top:7px;padding-right:14px}


	/* 조직도 중 조직도부분 */
	.organization-pop-wrap .organization .round{width:245px; border:1px solid #ccc; height:auto !important;}
	.organization-pop-wrap .organization .round ul{background:url(/img/organi-lbg.gif) repeat-y}
	.organization-pop-wrap .organization .round ul.box-top{height:34px;background-position:0 0; background-color:#f5f5f5 !important; background:none;}
	.organization-pop-wrap .organization .round ul.box-contents{padding:1px;background-position:-245px 0; background:none; overflow:hidden;}
	.organization-pop-wrap .organization .round ul.box-bottom{height:5px;background-position:-490px -25px; background:none;}
	.organization-pop-wrap .organization .organizationHeader{padding:10px 14px}
	.organization-pop-wrap .organization .organizationHeader ul{height:25px;background:none}
	.organization-pop-wrap .organization .organizationHeader ul.show-allmember{letter-spacing:0px}
	.organization-pop-wrap .organization .organizationHeader ul span.sub-title{padding-right:10px}
	.organization-pop-wrap .organization .toggle-btn{position:relative;width:67px;height:11px;margin:0 auto -1px;background:url(/img/organi-folder-togglebtn.gif) no-repeat scroll 0 -11px;cursor:pointer}
	.organization-pop-wrap .organization .folderbox {width:235px; margin:0 auto;}
	.organization-pop-wrap .organization .folderbox ul{width:235px; background:url(/img/organi-selectgroupbg.gif) repeat-y;}
	.organization-pop-wrap .organization .folderbox ul.folderbox-top{height:7px;background-position:0 0;}
	.organization-pop-wrap .organization .folderbox ul.folderbox-contents{height:320px; background-position:-235px 0}
	.organization-pop-wrap .organization .folderbox ul.folderbox-bottom{height:7px;background-position:-470px 0}
	.organization-pop-wrap .organization .folderbox ul.folderbox-contents .select_Group{overflow-x:auto; overflow-y:auto;position:relative;height:310px;width:229px;letter-spacing:0px}

	/* 조직도 중 리스트부분 */
	.organization-pop-wrap .organize-list .round {width:395px; border:1px solid #cccccc;}
	.organization-pop-wrap .organize-list .round ul {background:url(/img/organi-cbg.gif) repeat-y}
	.organization-pop-wrap .organize-list .round ul.box-top {height:34px;background-position:0 0; background-color:#f5f5f5 !important; background:none;}
	.organization-pop-wrap .organize-list .round ul.box-contents {height:443px;padding:10px 15px;background-position:-395px 0; background:none;}
	.organization-pop-wrap .organize-list .round ul.box-contents ul {background:none}
	.organization-pop-wrap .organize-list .round ul.box-bottom {height:7px;background-position:-790px -23px; background:none;}
	.organization-pop-wrap .organize-list .search-check ul {height:29px}
	.organization-pop-wrap .organize-list .search-check input {}
	.organization-pop-wrap .organize-list .search-check ul li {float:left;letter-spacing:0;vertical-align:top;white-space:nowrap}
	.organization-pop-wrap .organize-list .search-check ul li.select-title {padding-right:3px}
	.organization-pop-wrap .organize-list .search-check ul li .select_basic {width:90px}
	.organization-pop-wrap .organize-list .search-check ul li input.search-btn {width:23px;height:23px;margin-left:-2px;*margin-top:-1px;border-width:1px;border-left:none;background:url(/img/bullet_sprite.gif) no-repeat scroll right -158px transparent;*background-position:-1px -159px;cursor:pointer}
	.organization-pop-wrap .organize-list .searchlist-head {overflow:hidden;width:100%;margin:0 auto; height:23px;}
	.organization-pop-wrap .organize-list .searchlist-head .info {padding:5px;color:#888;white-space:nowrap}
	.organization-pop-wrap .organize-list .searchlist-head .view-select span.designSelectBox{color:#888}
	.organization-pop-wrap .organize-list .searchlist-head span.view-select{float:right}
	.organization-pop-wrap .organize-list .table-type-common-list div#all_users .innertxt-select ul li.chkbox input{*margin-top:4px;}
	.organization-pop-wrap .organize-list .table-space {height:8px}
	:root .organization-pop-wrap .organize-list .table-space {height:8px \0/IE9}

	/* 조직도 중 결과부분 */
	.organization-pop-wrap .result-list .round{width:200px; border:1px solid #ccc; height:auto !important;}
	.organization-pop-wrap .result-list .round ul{background:transparent url(/img/organi-rbg-ex.gif) repeat-y}
	.organization-pop-wrap .result-list .round ul.box-top{height:34px;background-position:0 0; background-color:#f5f5f5 !important; background:none;}
	.organization-pop-wrap .result-list .round ul.box-contents{height:465px;padding:0 5px;background-position:-200px 0; background:none;}
	.organization-pop-wrap .result-list .round ul.box-bottom{height:6px;background-position:-400px -23px; background:none;}
	.organization-pop-wrap .result-list .round ul.box-contents #selectedUserInfos{width:190px;height:465px;}

	/* 받는이,쪽지,공유 layer  */
	.email-to-tag {
		display:inline-block;
		margin:1px 3px 3px 0; 
		border-radius:3px; 
		padding:3px 6px 5px; 
		line-height:1; 
		border:1px solid #cbd2e6;
		background-color:#eff3fc;
		}
	.email-to-tag span{display:inline-block;width:9px;height:9px;margin:0 1px;background:url(/img/basic_sprite_mail.png) no-repeat;cursor:pointer}
	.email-to-tag #edit_mail_address{margin-left:5px;background-position:-208px -244px}
	.email-to-tag #del_mail_address{background-position:-220px -244px; margin-left:5px}
	.mail-address-field{overflow:hidden;float:left;position:relative;width:70%;line-height:14px;max-width:600px;border:1px solid #c4c4c4;vertical-align:middle}
	.mail-address-field .input-wrap{display:inline-block}
	
	.email-to-tag2{display:inline-block;margin:1px 1px 0 0;padding:2px 5px 1px;border:1px solid #cbd2e6;background-color:#eff3fc;}
	.email-to-tag2 span{display:inline-block;width:9px;height:9px;margin:0 1px;background:url(/img/basic_sprite_mail.png) no-repeat;cursor:pointer}
	.email-to-tag2 #edit_mail_address{margin-left:5px;background-position:-208px -244px}
	.email-to-tag2 #del_mail_address{background-position:-220px -244px; margin-left:5px}
	.mail-address-field{overflow:hidden;float:left;position:relative;width:70%;line-height:14px;max-width:600px;border:1px solid #c4c4c4;vertical-align:middle}
	.mail-address-field .input-wrap{display:inline-block}
	
	.line-to-tag{display:inline-block;margin:1px 1px 0 0;padding:2px 5px 1px;border:1px solid #d7dff4;background-color:#eff3fc;}
	.line-to-tag span{display:inline-block;width:9px;height:9px;margin:0 1px;background:url(/img/basic_sprite_mail.png) no-repeat;cursor:pointer}
	.line-to-tag #edit_mail_address{margin-left:5px;background-position:-208px -244px}
	.line-to-tag #del_mail_address{background-position:-220px -244px}
	
	/* 기존 첨부 파일 삭제 ui */
	.checkArea {height:20px; text-align:center}
	.attachFile {display:inline-block; padding-left:20px; background:url(/img/imgfile.gif) no-repeat scroll 0 -2px;}
	.attachButton {padding:7px 0}	
	
	/* 사내연락망 레이어 리스트 */
	.companyLine-wrap {padding:8px 0 0 8px}
	.companyLine-title {font-weight: bold; color: #1F3D83; height:21px; border-bottom:1px solid #e7e7e7}
	.companyLine-list {overflow:auto; height:330px}
	.member-memoView {padding:10px 0; line-height:18px}
	.member-img {display:inline-block; height:110px; width:89px; background:url(/img/member_img3.png) no-repeat 0 0; margin:5px 0 0 28px}
	.memo-area {width:96%; max-width:96%; height:40px; max-height:150px; margin:0; padding:2px; border:1px solid #c4c4c4; margin-top:10px}
	

/* 새소식 레이어 */
.newsTitle {font-weight:bold; margin-right:8px;}

.newsLayer {position:absolute;top:50px;right:330px; display:none; border:1px solid #95abc1; background-color:#cfdeea; font-size:12px; font-family:'gulim','돋움','Arial';z-index:1000000000000;}
.newsLayer .newsList {float:left; margin:5px; background-color:#fff}
.newsLayer .newsList ul {padding-top:7px}
.newsLayer .newsList li {height:24px; line-height:24px; background:url(/img/news_img.gif) no-repeat 0 -24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:258px}
.newsLayer .newsList li:hover {background:url(/img/news_img.gif) no-repeat 0 -100px; cursor:pointer}
.newsLayer .newsList li.active {background:url(/img/news_img.gif) no-repeat 0 0; cursor:default}
.newsLayer .newsList li .newsTitle-blue {margin:0 6px 0 12px; color:#538bb7}
.newsLayer .newsList li .countOn {font-weight:bold; color:#e74b6c}
.newsLayer .newsList li .countOff {font-weight:bold; color:#5ba0dc}

.newsLayer .listArea {float:left; margin:5px 5px 5px -4px; background-color:#fff}
.newsLayer .listArea ul {padding:7px 14px 0 14px; width:427px; height:168px}
.newsLayer .listArea tr {height:24px; border-bottom:1px solid #e6eef4 !important;}
.newsLayer .listArea td {border-bottom:1px solid #e6eef4 !important; cursor:pointer}
.newsLayer .listArea .titleData {background:url(/img/news_img.gif) no-repeat 0 -71px; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:280px}
.newsLayer .listArea .titleBlue {margin-right:6px; color:#538bb7}
.newsLayer .listArea .dayData {color:#a5b5c1; text-align:right}

.newsLayer .btnArea {clear:both; height:30px; line-height:38px; text-align:right; background-color:#fff; padding-right:12px}
.newsLayer .more {display:inline-block; width:36px; height:15px; background:url(/img/news_img.gif) no-repeat 0 -48px;}
.newsLayer .close {display:inline-block; width:36px; height:15px; background:url(/img/news_img.gif) no-repeat -36px -48px; }

/* 첨부파일 레이아웃 */
.attach-header {padding-top:2px}
.attach-num {float:right; margin-right:10px; padding-top:3px; font-size:11px; color:#666}
.attach-box {border:1px solid #d7d7d7; padding:4px; overflow-y: scroll; margin-top:6px; height:120px}
.attach-box li {overflow:hidden; border-bottom:1px solid #f3f3f3; background:url(/img/attach_icon.gif) no-repeat 6px 5px; padding:0 0 4px 26px;}
.attach-box li:hover {background-color:#f6f6f6}
.attach-box li .attach-title {display:inline-block; width:85%; padding-top:5px;}
:root .attach-box .attach-title {padding-top:7px \0/IE9} /* IE9 */
.attach-box li .attach-delete {float:right; width:80px; padding:3px 15px 0 0}
:root .attach-box li .attach-delete {padding:4px 15px 0 0 \0/IE9} /* IE9 */
.attach-deleteBtn {margin-left:10px; display:inline-block; height:17px; line-height:19px;}
.attach-listBox {
	overflow-x:hidden; 
	overflow-y:scroll; 
	height:300px; 
	font-size:11px; 
	font-family:'dotum'; 
	border-left:1px solid #ddd; 
	border-right:1px solid #ddd; 
	border-bottom:1px solid #ddd; 
	letter-spacing:0.5px;
	}
.attach-fileName {
	background: transparent url("/img/attach_icon.gif") no-repeat scroll 6px 6px; 
	padding-left:25px !important; 
	word-break:break-all; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
 	}
.attach-loadProgress {display:inline-block; width:70px; height:8px; border:1px solid #bbb; background-color:#fff}
.attach-changeBig {color:#459efa; margin-right:5px;}
	

/* 애러메시지 레이어 */
div#contents .errorArea {padding:0 15px 0 10px}
div#contents .errorimg-blue {height:50px; background:url(/img/notice_img.gif) no-repeat}
div#contents .error-title {display:inline-block; padding:20px 0 0 55px; font-size:16px; color:#7d96b9; font-weight:bold}
div#contents .error-message {padding-left:5px; color:#5b7a9e}
div#contents .error-infoArea {border-top:1px solid #eaeef3; padding:21px 15px 40px 10px; line-height:20px; font-size:12px; font-weight:bold; color:#395473}
div#contents .error-notice {padding-left:10px; font-family:'dotum','Arial'; font-size:11px; color:#9da5ae}
div#contents .errortext{padding:8px}
div#contents .errortext ul{display:inline-block;font-weight:bold}
div#contents .errortext ul li{float:left;width:440px;line-height:16px}
div#contents .errortext ul li.errorTitle{width:57px;color:#f2590f}

/* ==========================================================================================
	G2-웹하드 레이어
   ========================================================================================== */
 .webhard-layer {overflow:hidden; width:960px}
 .webhard-layer .tree-layer {float:left; overflow:hidden; width:250px; border:5px solid #d4d9e0; margin-right:15px}
 .webhard-layer .tree-layer a span {margin-left:48px}
 .webhard-layer .tree-layer a.treeTitle {display:inline-block; width:250px; height:40px; line-height:40px; background:url(/img/webhard_menu_bg.png) no-repeat left -53px}
 .webhard-layer .tree-layer .tree-box {overflow:auto; height:300px; }
 .webhard-layer .list-layer {float:left; width:450px; height:380px; margin-right:20px}
 .webhard-layer .select-view {float:left; overflow:hidden; width:205px; height:400px}
 .webhard-layer .view-title {height:30px; line-height:30px; font-weight:bold;}
 .webhard-layer .layer-list-area {height:290px; overflow-x:hidden; overflow-y:auto; font-size:11px !important; font-family:'dotum' }
 .webhard-layer .list-title {height:30px; overflow:hidden;}
 .webhard-layer .list-title .list-name {display:inline-block; padding-left:24px; height:17px; line-height:17px; background:url(/img/webhard_source_bg.png) no-repeat left -73px; margin:3px 0 0 0px; font-weight:bold}
 :root .webhard-layer .list-title .list-name {line-height:20px \0/IE9;}
 .webhard-layer .webhard-search {display:inline-block; }
 .webhard-layer .webhard-search-input {border:1px solid #9fadbb; color:#a1afb9; width:130px}
 .webhard-layer .webhard-search-btn {display:inline-block; width:27px; height:23px; background:url(/img/webhard_source_bg.png) no-repeat left top; padding:0}
 
 /* ==========================================================================================
	SMS 레이어
   ========================================================================================== */
.smsLayer {width:257px; background:url(/img/sms_back.png) repeat left top; float:left; margin-right:20px} 
.smsLayer-top {width:257px; height:37px; background:url(/img/sms_image.png) no-repeat left top;  }
.smsLayer-bottom {width:257px; height:16px; background:url(/img/sms_image.png) no-repeat left -47px;  }
.phone-screen {position:relative; width:229px; height:329px; background:url(/img/sms_image.png) no-repeat left -63px; margin:0 0 15px 14px; }
.phone-screen p {position:absolute; width:213px;  top:28px; left:10px}
.phone-screen textarea {overflow:auto; letter-spacing:-1px; width:100%; border:0; background-color:#eaedf3; line-height:20px; color:#465575}
.phone-screen .text-count {position:absolute; bottom:38px; right:12px; display:inline-block; color:#6c7b95; font-size:11px}
.phone-screen .smsBtn-sig {
	position:absolute; 
	bottom:0px; 
	left:0px; 
	width:170px; 
	height:30px; 
	line-height:30px; 
	display:inline-block; 
	text-align:left;
	color:#7383a4; 
	font-size:12px; 
	font-family:gulim;
	padding-left:15px;
	}
.phone-screen .smsBtn-reflash {
	position:absolute; 
	bottom:0px; 
	right:0px; 
	width:35px; 
	height:30px; 
	line-height:30px; 
	display:inline-block; 
	text-align:center;
	color:#7383a4; 
	font-size:12px; 
	font-family:gulim;
	}
.sms-title {display:block; font-weight:bold;  line-height:27px; color:#465575; margin:3px 0 1px 20px; font-size:14px;}
.icon-selectLayer {width:217px; margin-left:19px; line-height:18px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  padding:8px 0; }
.icon-selectLayer a {color:#54678e}
.sms-adminHeader {margin:10px 0 12px 0; border:1px solid #d8d8d8; padding:10px; background-color:#f8f8f8}
.sms-adminControlbar {line-height:20px; margin-bottom:8px}
.smsPopup {
	display:inline-block; 
	width:400px; 
	height:300px; 
	background-color:#; 
	position:absolute;
	z-index:1000000000;
	top:0;
	left:0;
	}

.files_input_textbox {float:left; height:20px; width:138px;}
.files_input_div {position:relative; overflow:hidden; display:inline-block;}
.files_input_img_btn {
	margin-left:3px;
	text-align:center; 
	display:inline-block; 
	width:36px; 
	line-height:23px; 
	height:21px; 
	font-family:dotum;
	font-size:11px; 
	background:#eaedf3;
	border:1px solid #aab9d5;
	border-radius:2px;
	}
.files_input_del_btn {
	vertical-align:top;
	text-align:center; 
	display:inline-block; 
	width:24px; 
	line-height:23px; 
	height:21px; 
	font-family:dotum;
	font-size:11px; 
	font-weight:bold;
	color:#777;
	background:#FFF;
	border:1px solid #cecece;
	border-radius:2px;
	}
.exl_input_img_btn {
	text-align:center; 
	display:inline-block; 
	line-height:23px; 
	padding:0 8px;
	height:21px; 
	font-family:gulim;
	font-size:12px; 
	background:#eaedf3;
	border:1px solid #aab9d5;
	border-radius:2px;
	}
.sample_down_img_btn {
	text-align:center; 
	display:inline-block; 
	line-height:23px; 
	padding:0 8px;
	height:21px; 
	font-family:gulim;
	font-size:12px; 
	background:#e3edef;
	border:1px solid #91c0c7;
	border-radius:2px;
	}
.files_input_hidden {font-size:29px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}


 /* ==========================================================================================
	Drag Cursor
   ========================================================================================== */
.dragCursor {display:inline-block; text-align:center; width:57px; height:18px;}
.drag-on {background:url(/img/cursor_img.png) no-repeat} 
.drag-off {background:url(/img/cursor_img_no.png) no-repeat} 
.dragCursor span {display:inline-block; font-size:11px; color:#333; font-weight:bold; font-family:'gulim','Arial'; margin-left:7px; line-height:18px}
:root .dragCursor span {line-height:20px \0/IE9;}

 /* ==========================================================================================
	File Not Found
   ========================================================================================== */
.noFile {width:796px; margin:0 auto; margin-top:30px;}
.noFile-header {height:57px; background:url(/img/noFile_img.png) no-repeat;}
.noFile-header span {display:inline-block; color:#fff; font-family:'gulim','Arial'; font-weight:bold; margin-left:43px; line-height:35px;}
.noFile-content {background:url(/img/noFile_back.png) repeat; font-size:13px; font-weight:bold; font-family:'gulim','Arial'; color:#707b85; line-height:20px; padding:0 30px 40px 55px}
.noFile-footer {height:32px; background:url(/img/noFile_img.png) no-repeat 0 -113px; position:relative;}
.noFile-footer a {display:inline-block; height:32px; width:110px; background:url(/img/noFile_img.png) no-repeat 0 -145px; position:absolute; right:25px;}

.memo-icon {display:inline-block; width:20px; height:21px; background:url(/img/memo_icon.png) no-repeat 0 0; vertical-align:top; margin-left:8px;}
.memo-icon:hover {background:url(/img/memo_icon.png) no-repeat -20px 0px;}

 /* ==========================================================================================
	Password Change
   ========================================================================================== */
.pw-change {width:433px; height:449px; background:url(/img/pwChange.png) no-repeat 0 0; margin:0 auto; margin-top:30px;}
.pw-input {padding-top:200px; padding-left:45px; }
.input-file 
{  
	height:18px;
	width:49px;
	text-align:center;
	border-radius: 3px; 
	border-color:#b6b6b6; 
	font-size:11px; 
	font-family:dotum;
	background:#f4f4f4; 
	color: #333; 
	cursor: pointer; 
} 
.input-file-zero {opacity: 0; position: relative;} 
.button-replace 
{    
	position: absolute; 
	height:18px;
	width:49px;
	line-height:18px;
	text-align:center;
	border-radius: 3px; 
	font-weight:; 
	border:1px solid #b6b6b6; 
	font-size: 11px;
	font-family:dotum;
	background:#f4f4f4; 
	color: #333; 
	cursor: pointer; 
} 
::-webkit-file-upload-button { cursor:pointer; }


 /* ==========================================================================================
	Responsive list(반응형 리스트)
   ========================================================================================== */
.list-table {display:table; width:100%; list-style:none; padding:0;}
.list-tr {display:table-row; width:100%;}
.list-tr:hover {background:#f9f9f9;}
.list-tr div {display:table-cell; line-height:1.5; padding:10px 0 8px; border-bottom:1px solid #e3e3e3; border-right:0px solid #ddd; word-break:break-all;}
.list-tr div input {vertical-align:middle;}
.list-tr div p {display:block; margin-left:8px;}
.list-tr-no {display:block; width:100%;}
.list-tr-no div {display:block; line-height:60px; color:#888; text-align:center; border-bottom:1px solid #e3e3e3;}
.list-tr dd {display:none;} /*2번째 줄 왼쪽 여백 */

@media all and (max-width:1200px){
.list-table {display:block;}
.list-tr {display:block; border-bottom:1px solid #e3e3e3; overflow:hidden; padding:13px 0 15px;}
.list-tr div {display:inline-block; border-bottom:0; float:left; padding:0;}
}

 /* 전자결재 > 기안함 > 부서기안함 */
.list-tr div.a-block-1 {width:30px;}
.list-tr div.a-block-2 {width:50px;}
.list-tr div.a-block-3 {width:60px;}
.list-tr div.a-block-4 {width:auto;}
.list-tr div.a-block-5 {width:120px;}
.list-tr div.a-block-6 {width:120px;}
.list-tr div.a-block-7 {width:90px;}
.list-tr div.a-block-8 {width:90px;}
.list-tr div.a-block-9 {width:90px;}
.list-tr div.a-block-10 {width:140px;}

@media all and (max-width:1200px){
.list-tr div.a-block-1 {width:30px;}
.list-tr div.a-block-2 {width:50px;}
.list-tr div.a-block-3 {width:60px;}
.list-tr div.a-block-4 {width:700px; font-weight:bold; color:#444;}
.list-tr div.a-block-5 {width:auto; color:#888; line-height:1; padding-right:12px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.a-block-6 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.a-block-7 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.a-block-8 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.a-block-9 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.a-block-10 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; margin-top:8px;}
.list-tr dd.a-block {display:inline-block; float:left; width:140px; height:23px;} /*2번째 줄 왼쪽 여백 */
.a-col {width:80px;}
}

 /* 전자결재 > 결재함 > 결재할문서 */
.list-tr div.b-block-1 {width:30px;}
.list-tr div.b-block-2 {width:50px;}
.list-tr div.b-block-3 {width:60px;}
.list-tr div.b-block-4 {width:auto;}
.list-tr div.b-block-5 {width:120px;}
.list-tr div.b-block-6 {width:120px;}
.list-tr div.b-block-7 {width:120px;}
.list-tr div.b-block-8 {width:90px;}
.list-tr div.b-block-9 {width:90px;}
.list-tr div.b-block-10 {width:140px;}

@media all and (max-width:1200px){
.list-tr div.b-block-1 {width:30px;}
.list-tr div.b-block-2 {width:50px;}
.list-tr div.b-block-3 {width:60px;}
.list-tr div.b-block-4 {width:700px; font-weight:bold; color:#444;}
.list-tr div.b-block-5 {width:auto; color:#888; line-height:1; padding-right:12px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.b-block-6 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.b-block-7 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.b-block-8 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.b-block-9 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.b-block-10 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; margin-top:8px;}
.list-tr dd.b-block {display:inline-block; float:left; width:140px; height:23px;} /*2번째 줄 왼쪽 여백 */
.b-col {width:80px;}
}

 /* 전자결재 > 결재함 > 결재진행문서 */
.list-tr div.c-block-1 {width:50px;}
.list-tr div.c-block-2 {width:60px;}
.list-tr div.c-block-3 {width:auto;}
.list-tr div.c-block-4 {width:120px;}
.list-tr div.c-block-5 {width:120px;}
.list-tr div.c-block-6 {width:120px;}
.list-tr div.c-block-7 {width:90px;}
.list-tr div.c-block-8 {width:90px;}
.list-tr div.c-block-9 {width:140px;}
.list-tr div.c-block-10 {width:80px;}

@media all and (max-width:1200px){
.list-tr div.c-block-1 {width:50px;}
.list-tr div.c-block-2 {width:60px;}
.list-tr div.c-block-3 {width:730px; font-weight:bold; color:#444;}
.list-tr div.c-block-4 {width:auto; color:#888; line-height:1; padding-right:12px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.c-block-5 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.c-block-6 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.c-block-7 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.c-block-8 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.c-block-9 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.c-block-10 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; margin-top:5px;}
.list-tr dd.c-block {display:inline-block; float:left; width:110px; height:23px;} /*2번째 줄 왼쪽 여백 */
.c-col {width:80px;}
}

/* 전자결재 > 결재함 > 결재종결문서 */
.list-tr div.d-block-1 {width:30px;}
.list-tr div.d-block-2 {width:50px;}
.list-tr div.d-block-3 {width:60px;}
.list-tr div.d-block-4 {width:auto;}
.list-tr div.d-block-5 {width:120px;}
.list-tr div.d-block-6 {width:120px;}
.list-tr div.d-block-7 {width:120px;}
.list-tr div.d-block-8 {width:90px;}
.list-tr div.d-block-9 {width:90px;}
.list-tr div.d-block-10 {width:90px;}
.list-tr div.d-block-11 {width:140px;}

@media all and (max-width:1200px){
.list-tr div.d-block-1 {width:30px;}
.list-tr div.d-block-2 {width:50px;}
.list-tr div.d-block-3 {width:60px;}
.list-tr div.d-block-4 {width:700px; font-weight:bold; color:#444;}
.list-tr div.d-block-5 {width:auto; color:#888; line-height:1; padding-right:12px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.d-block-6 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.d-block-7 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.d-block-8 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.d-block-9 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.d-block-10 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.d-block-11 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; margin-top:8px;}
.list-tr dd.d-block {display:inline-block; float:left; width:140px; height:23px;} /*2번째 줄 왼쪽 여백 */
.d-col {width:80px;}
}

 /* 전자결재 > 결재함 > 부서결재함 */
.list-tr div.e-block-1 {width:30px;}
.list-tr div.e-block-2 {width:50px;}
.list-tr div.e-block-3 {width:60px;}
.list-tr div.e-block-4 {width:auto;}
.list-tr div.e-block-5 {width:120px;}
.list-tr div.e-block-6 {width:120px;}
.list-tr div.e-block-7 {width:90px;}
.list-tr div.e-block-8 {width:90px;}
.list-tr div.e-block-9 {width:90px;}
.list-tr div.e-block-10 {width:140px;}

@media all and (max-width:1200px){
.list-tr div.e-block-1 {width:30px;}
.list-tr div.e-block-2 {width:50px;}
.list-tr div.e-block-3 {width:60px;}
.list-tr div.e-block-4 {width:700px; font-weight:bold; color:#444;}
.list-tr div.e-block-5 {width:auto; color:#888; line-height:1; padding-right:12px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.e-block-6 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.e-block-7 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.e-block-8 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.e-block-9 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.e-block-10 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; margin-top:8px;}
.list-tr dd.e-block {display:inline-block; float:left; width:140px; height:23px;} /*2번째 줄 왼쪽 여백 */
.e-col {width:80px;}
}

 /* 전자결재 > 수신함 > 개인수신문서 */
.list-tr div.f-block-1 {width:30px;}
.list-tr div.f-block-2 {width:50px;}
.list-tr div.f-block-3 {width:60px;}
.list-tr div.f-block-4 {width:auto;}
.list-tr div.f-block-5 {width:120px;}
.list-tr div.f-block-6 {width:120px;}
.list-tr div.f-block-7 {width:90px;}
.list-tr div.f-block-8 {width:90px;}
.list-tr div.f-block-9 {width:90px;}
.list-tr div.f-block-10 {width:140px;}

@media all and (max-width:1200px){
.list-tr div.f-block-1 {width:30px;}
.list-tr div.f-block-2 {width:50px;}
.list-tr div.f-block-3 {width:60px;}
.list-tr div.f-block-4 {width:700px; font-weight:bold; color:#444;}
.list-tr div.f-block-5 {width:auto; color:#888; line-height:1; padding-right:12px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.f-block-6 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.f-block-7 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.f-block-8 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.f-block-9 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; border-right:1px solid #ddd; margin-top:8px;}
.list-tr div.f-block-10 {width:auto; color:#888; line-height:1; padding:0 12px 0 4px; margin-top:8px;}
.list-tr dd.f-block {display:inline-block; float:left; width:140px; height:23px;} /*2번째 줄 왼쪽 여백 */
.f-col {width:80px;}
}

.schedule-iconA {display:inline-block; height:17px; width:17px; background:url(/img/schedule_icon.gif) no-repeat 0 0;} /* 전체 */ 
.schedule-iconS {display:inline-block; height:17px; width:17px; background:url(/img/schedule_icon.gif) no-repeat -17px 0;} /* 공유 */
.schedule-iconC {display:inline-block; height:17px; width:17px; background:url(/img/schedule_icon.gif) no-repeat -34px 0;} /* 기념일 */

/* ==========================================================================================
	통합검색
   ========================================================================================== */
 
 /* 상단 검색 레이어 */
 .blue-window-layer {
	display:inline-block; 
	float:left;
	border-top:4px solid #2d8ef0;
	border-left:4px solid #2d8ef0;
	border-bottom:4px solid #2d8ef0; 
	border-right:4px solid #2d8ef0; 
	width:250px; 
	height:29px;
	}
.blue-window-layer input {
	height:21px;
	width:175px;
	margin:2px 0 0 3px;
	background-color:transparent;
	font-family:'nanum gothic';
	font-size:13px;
	font-weight:bold;
	border:0;
    }
.blue-window-layer input:focus {border:0 !important;}
.blue-window-layer input::-moz-placeholder {color:#005ebe; font-size:13px;}
.blue-window-layerButton {
	border:none; 
	background:none; 
	float:left; 
	width:40px; 
	height:37px; 
	cursor:pointer;
	background:#2d8ef0 url(/img/search_img.png) no-repeat 12px 11px;
	}
.blue-window-layerSelect {
	position:relative;
	border:none; 
	background:none; 
	width:80px; 
	height:20px; 
	cursor:pointer; 
	font-size:12px;
	font-family:'gulim';
	text-align:left;
	color:#0763c1;
	margin:4px 0 0 5px;
	background:url(/img/search_img.png) no-repeat right top;
	}
.totalSearch-tab {}
.totalSearch-tab ul {display:inline-block; height:24px; border-bottom:1px solid #71b3f5; margin-bottom:12px; }
.totalSearch-tab li {
	display:inline-block; 
	min-width:115px; 
	padding:0 20px;
	height:23px;
	line-height:21px;
	border-top:1px solid #ccc; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #71b3f5; 
	border-radius:6px 6px 0 0;
	background:#f6f6f6; 
	text-align:center;
	color:#858484;
	cursor:pointer;
	margin-right:2px;
	transition:all 0.5s ease;
	}
.totalSearch-tab li.tab-active {
	background:#fff !important; 
	border-top:1px solid #71b3f5; 
	border-left:1px solid #71b3f5; 
	border-right:1px solid #71b3f5; 
	border-bottom:1px solid #fff !important; 
	color:#1a6fc5 !important; 
	font-weight:bold;
	}
.totalSearch-tab li:hover {background:#fff;} 


 /* 검색페이지 */
div.total-search {padding:3px;}
div.total-search fieldset {position:relative;}
div.total-search .blue-window {
	display:inline-block; 
	float:left;
	border-top:4px solid #2d8ef0;
	border-left:4px solid #2d8ef0;
	border-bottom:4px solid #2d8ef0; 
	border-right:4px solid #2d8ef0; 
	width:380px; 
	height:35px;
	}
div.total-search .blue-window input {
	height:21px;
	width:250px;
	margin:4px 0 0 3px;
	background-color:transparent;
	font-family:'nanum gothic';
	font-size:16px;
	font-weight:bold;
	border:0;
    }
input::placeholder {font-family:Noto Sans KR; font-weight:normal; color:#aaa; font-size:13px;}
input::-moz-placeholder {font-family:Noto Sans KR; font-weight:normal; color:#777; font-size:13px;}
div.total-search .blue-button {
	border:none; 
	background:none; 
	float:left; 
	width:40px; 
	height:43px; 
	cursor:pointer;
	background:#2d8ef0 url(/img/search_img.png) no-repeat 12px 13px;
	}
div.total-search .select-button {
	position:relative;
	border:none; 
	background:none; 
	width:90px; 
	height:20px; 
	cursor:pointer; 
	font-size:12px;
	font-family:'gulim';
	text-align:left;
	color:#0763c1;
	margin:8px 0 0 7px;
	background:url(/img/search_img.png) no-repeat right top;
	}
div.total-search ul {display:none;}	
div.total-search ul li {padding:5px 0; color:#fff;}
div.total-search .select-button:hover > ul {
	display:inline-block;
	position:absolute;
	top:27px;
    left:-11px;
	width:76px;
	padding:10px 14px;
	background:#2d8ef0;
	z-index:100000;
	}
div.total-search .search-detail {	
	display:inline-block;
	border:1px solid #dadada;
	height:30px;
	line-height:27px;
	font-size:13px;
	padding:0 15px 0 28px;
	margin-left:10px;
	margin-top:11px;
	color:#444;
	cursor:pointer;
	background:url(/img/search_plus.png) no-repeat 10px 10px;
	}
div.total-search .search-detail-close {	
	display:inline-block;
	border:1px solid #dadada;
	height:30px;
	line-height:27px;
	font-size:13px;
	padding:0 15px 0 28px;
	margin-left:10px;
	margin-top:11px;
	color:#444;
	cursor:pointer;
	background:url(/img/search_close.png) no-repeat 10px 10px;
	}
div.total-search .search-detail:hover {background:#f5f5f5 url(/img/search_plus.png) no-repeat 10px 10px;}
.totalSearch-detail-layer {
	margin:20px 0;
	padding:0;
	background:#fff;
	border-bottom:0px solid #71b3f5;
	}
.totalSearch-detail-layer p {margin-bottom:15px;}
.totalSearch-layer {
	position:absolute;
	top:55px;
	right:95px;
	z-index:100000;
	display:inline-block;
	padding:20px;
	background:#fff;
	border:2px solid #71b3f5;
	border-radius:7px;
	box-shadow:0 0 7px #ddd;
	}
.totalSearch-layer p {margin-bottom:15px;}
.totalSearch-layerBtn {
	display:inline-block; 
	height:27px; 
	line-height:25px; 
	padding:0 15px; 
	background:#fff; 
	color:#444; 
	border:1px solid #d4d4d4;
	border-radius:1.5px;
	}
.totalSearch-layerBtn-blue {
	display:inline-block; 
	height:27px; 
	line-height:25px; 
	padding:0 15px; 
	background:#4198f0; 
	color:#fff !important; 
	font-weight:bold;
	border-radius:1.5px;
	}
.totalSearch-layerSmallBtn {
	display:inline-block; 
	height:23px; 
	line-height:23px; 
	padding:0 15px; 
	background:#4198f0; 
	color:#fff !important; 
	font-weight:bold;
	border-radius:1.5px;
	}
div.total-search .search-check {display:inline-block; margin:16px 0 0 15px; color:#555;}
div.total-search dl {margin-top:20px;}
div.total-search dt {
	position:relative; 
	height:43px; 
	border:1px solid #ececec; 
	background:#f8f8f8; 
	line-height:40px;
	padding-left:18px;
	}
div.total-search dt .search-title {font-size:15px;font-weight:bold;letter-spacing:0.5px;}
div.total-search dt .search-number {font-size:12px; font-weight:bold; color:#999; margin-left:5px;}
div.total-search dt p {
	position:absolute; 
	display:inline-block; 
	right:0; 
	height:43px; 
	padding:0 15px; 
	border-left:1px solid #ececec;
	color:#777;
	cursor:pointer;
	}
div.total-search dt p .day-arrow {font-size:9px; margin-left:20px; color:#b5b5b5;}
div.total-search dd {padding:22px 20px; border-bottom:1px solid #ececec;}
div.total-search dd header {position:relative; margin-bottom:15px;}
div.total-search dd header .search-subTitle {font-size:15px; font-weight:bold; color:#1c79d7; text-decoration:underline; margin-right:15px;}
div.total-search dd header .search-subTitle-name {display:inline-block; position:absolute; right:0;}
div.total-search dd section {font-size:13px; line-height:1.7; color:#444;}
div.total-search dd footer {margin-top:13px;}
div.total-search dd footer .search-attachFile {
	background:url(/img/bullet_sprite.gif) no-repeat -14px -237px;
	padding-left:13px;
	color:#777;
	cursor:pointer;
	}
div.total-search dl .search-btnArea {text-align:right; padding:10px 0;}
div.total-search dl .search-btnAdd {}


/* ==========================================================================================
	Color setting
   ========================================================================================== */
div.color-config {
	position:fixed; 
	bottom:50px;
	z-index:2000000;
	overflow:hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	}
div.color-config-right {right:-220px;}
div.color-config-open {right:0 !important;}

div.color-config dl {position:relative; z-index:2000; transition-duration:0.3s; display:block;}
.button-colorSet {position:fixed; bottom:55px; right:0px; z-index:3000000; cursor:pointer; border:0; width:33px; height:33px; background-color:#3c4953; border-radius:5px 0 0 5px;}
.button-colorSet .icon-spin {
	background:url(/img/color_config.png) no-repeat 0 0; 
	display:inline-block; 
	height:17px; 
	width:17px; 
	margin:1px 0 0 1px;
	}
	
.button-colorSet span.spin-edit {
	display:inline-block;
	background:url(/img/color_config_icon.png) no-repeat 0 0;
	width:15px;
	height:15px;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	transform: translate(0, 0);
	margin-top:2px;
	}
@keyframes fa-spin {
  0% {-webkit-transform:rotate(0deg); transform:rotate(0deg);}
  100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
  }

div.color-config ul {background-color:#3c4953; margin-left:36px; width:160px;}
div.color-config ul.config-title {height:45px; line-height:45px; padding-left:24px;  border-radius:8px 0 0 0; border-bottom:1px solid #46545e; font-size:12px; font-weight:bold; color:#fff;}
div.color-config ul.config-title span {color:#fff; opacity:0.5;}
div.color-config ul.config-list {padding:20px 0 30px 24px; border-radius:0 0 0 8px;}
div.color-config ul.config-list li {position:relative; height:28px; margin-bottom:10px; cursor:pointer;}
div.color-config ul.config-list li p:hover {opacity:2;}
div.color-config ul.config-list li p {position:absolute; top:0; left:0; display:inline-block; height:24px; width:24px; border-radius:2px;}
div.color-config ul.config-list li p.active {background:url(/img/color_config.png) no-repeat -2px -23px !important;}
div.color-config ul.config-list li p.config-default {background-color:#00b8dd !important;}
div.color-config ul.config-list li p.config-blue {background-color:#00dadd !important;}
div.color-config ul.config-list li p.config-green {background-color:#62e101 !important;}
div.color-config ul.config-list li p.config-yellow {background-color:#f5b300 !important;}
div.color-config ul.config-list li p.config-gray {background-color:#999 !important;}
div.color-config ul.config-list li p.config-original {background-color:#ccc  !important;}
div.color-config ul.config-list li span {position:absolute; top:5px; left:40px; display:inline-block; font-weight:bold; font-size:12px; color:#fff; opacity:0.6;}

.insaMain-header {border:1px solid #e4e4e4; border-radius:4px; padding:17px 15px 19px 23px; margin-bottom:30px;}
.insaMain-dt {position:relative; height:38px; line-height:34px; padding-right:200px; word-break:break-all; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.insaMain-dt-title {
	display:inline-block;
	font-family:malgun gothic;
	font-weight:bold;
	font-size:16px; 
	padding-left:38px; 
	color:#1a5898; 
	background:url(/img/insa_timer_icon.png) no-repeat 0 4px; 
	height:36px; 
	line-height:36px; 
	margin-right:15px;
}
.insaMain-point-blue {color:#087fc2; font-weight:bold;}
.insaMain-point-red {color:#f74c10; font-weight:bold;}
.insaMain-title-btn {position:absolute !important; right:0; top:0px;}
.insaMain-title-btn a {padding:10px 12px 12px 50px !important;  background:url(/img/insa_car_icon.png) no-repeat 10px 7px; background-color:#f9f9f9;}
.insaMain-title-btn a span {color:#111; font-family:malgun gothic; font-size:14px;}
.insaMain {position:relative; clear:both; margin-bottom:20px;}
.insaMain-area {position:absolute; left:0; right:292px;}
.insaMain-area table {border-collapse:collapse; border-spacing:0; border:1px solid #cbcbcb; width:100%; font-family:gulim; font-size:12px;}
.insaMain-area th {
	height: 37px;
	color: #666;
	font-weight:bold;
	background: #f5f5f5;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	text-align: center !important;
	}
.insaMain-area td {
	height: 34px;
	color: #444;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #dadada;
	text-align: center;
	}
.insaMain-dt-progress {
	display: block;
	height: 20px;
	line-height: 20px;
	font-family: 맑은 고딕;
	font-size: 15px;
	font-weight: bold;
	background:url(/img/insa_title_icon.png) no-repeat 0 3px; 
	padding-left:21px;
	}
.insaMain-dt-side {position:absolute; right:0;top:0;}
.insaMain-dt-side select {vertical-align:top; margin-right:3px; width:100px;}
.insaMain-request-btn {background:url(/img/insa_add_btn.png) no-repeat 0 0; height:23px; width:28px; display:inline-block;}
.insaMain-tableLine {height:2px; background-color:#10adf2;}
.insaMain-side {position:relative; width:257px; float:right; padding-top:34px;}
.insaMain-side dt {font-size:13px; padding:9px 14px; background-color:#8895ac; border:1px solid #8895ac; color:#fff; border-radius:4px 4px 0 0; font-weight:bold;}
.insaMain-side-box {padding:12px 0 10px 0; color:#222; margin-bottom:20px;}
.insaMain-sideList {padding:4px 7px; word-break:break-all; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.insaMain-sideImg {display:inline-block; width:50px; height:51px; position:absolute; left:15px; top:20px; background:url(/img/insa_check_img.png) no-repeat 0 0;}
.insaMain-sideList-box {width:168px; display:inline-block; position:absolute; right:0;}
.insaMain-sideList-area {position:relative; border-bottom:1px solid #e8ebf0; cursor:pointer;}
.insaMain-sideList-area:hover {color:#0e9dd8;}	
.insaMain-sideList-text {display:inline-block; height:30px; line-height:28px; font-weight:bold; padding-left:5px;}
.insaMain-sideList-count {position:absolute; right:16px; top:3px; font-size:16px; font-weight:bold; color:#eb3219; font-family: 맑은 고딕;}
.insaMain-signBox  {
	display:inline-block; 
	height:20px; 
	line-height:18px; 
	padding:0 6px; 
	border:1px solid #bbb; 
	margin-right:8px; 
	font-weight:800; 
	border-radius:2px; 
	font-size:12px;
	}
.insaMain-side ul {height:28px; border:1px solid #96a3b8; overflow:hidden; background-color:#f2f5f9;}
.insaMain-side li {line-height:28px; width:127px; font-weight:bold; text-align:center; display:inline-block;  color:#674899 !important; font-size:12px; float:left;}
.insaMain-side li:hover {background-color:#d9dee7; cursor:pointer;}
.insaMain-sideCt {color:#7d2cff; margin-left:3px;}
.insaMain-current {background-color:#d9dee7; color:#475470 !important;}
.insaMain-red {color: #f55100;}
.insaMain-green {color: #269a02;} 
.insaMain-pupple {color: #8965d3;} 
.insaMain-blue {color: #0e9dd8;} 
.insaMain-hide-btn {display:inline-block; background:url(/img/insa_nosee_btn.png) no-repeat 0 0; height:14px; width:14px;}
.insaMain-more-btn {display:inline-block; background:url(/img/insa_more_btn.png) no-repeat 0 0; height:19px; width:19px; cursor:pointer;}
.insaMain-close-btn {display:inline-block; background:url(/img/insa_more_close.png) no-repeat 0 0; height:19px; width:19px; cursor:pointer;}

.round-tab-long ul.right-menu li.back a {margin-left:4px;background-position:0 -130px}
.round-tab-long ul.right-menu li.back a:hover {background-position:-21px -130px}
.round-btn-nanum {
	font-weight: bold !important;
	border-radius: 4px !important;
	font-family: nanum gothic !important;
	font-size: 13px !important;
	padding: 7px 14px !important;
	}

.insaMain-dt {height:39px}
.calcon-blue {
	color:#beeaff;
	background-color:#3e80be;
	font-size:11px;
	line-height:18px;
	height:18px;
	display:inline-block;
	padding:0 3px;
	border-radius:3px 0 0 3px;
	margin-right:1px;
	}
@-moz-document url-prefix() {.calcon-blue {line-height:19px;}}
.calcon-green {
	color:#c3f5bc;
	background-color:#5ba15d;
	font-size:11px;
	line-height:18px;
	height:18px;
	display:inline-block;
	padding:0 3px;
	border-radius:3px 0 0 3px;
	margin-right:1px;
	}
@-moz-document url-prefix() {.calcon-green {line-height:19px;}}
.calcon-yellow {
	color:#f1e1a8;
	background-color:#a48c57;
	font-size:11px;
	line-height:18px;
	height:18px;
	display:inline-block;
	padding:0 3px;
	border-radius:3px 0 0 3px;
	margin-right:1px;
	}
@-moz-document url-prefix() {.calcon-yellow {line-height:19px;}}
.calcon-red {
	color:#fae3df;
	background-color:#be8066;
	font-size:11px;
	line-height:18px;
	height:18px;
	display:inline-block;
	padding:0 3px;
	border-radius:3px 0 0 3px;
	margin-right:1px;
	}
@-moz-document url-prefix() {.calcon-red {line-height:19px;}}

div.color-config ul.config-list li p.config-textMenu {background:url(/img/setbar_textmenu.png) no-repeat center center;}
div.color-config ul.config-list li p.config-white {background:url(/img/setbar_white.png) no-repeat center center;}
div.color-config ul.config-list li span {position:absolute; top:5px; left:40px; display:inline-block; font-weight:bold; font-size:12px; color:#fff; opacity:0.6;}

.td-verti {line-height:1.45; vertical-align:top; padding:5px 8px !important;}
.td-userInfo {position:relative}
.textLimit {word-break:break-all; overflow:hidden; text-overflow:ellipsis; height:53px;}
.network-userImg {
	float:left; 
	position:relative; 
	overflow:hidden; 
	display:inline-block; 
	height:38px; 
	width:38px; 
	background:url(/img/network_userImg.png) no-repeat 0 0;
	margin-top:5px;
	}
.network-userImg-mask {
	position:absolute; 
	top:0; 
	left:0; 
	display:inline-block; 
	height:38px; 
	width:38px; 
	z-index:10000; 
	background:url(/img/network_userImg_mask.png) no-repeat 0 0;
	}
.network-userInfo {display:inline-block; width:103px; margin-left:12px;}
.network-icon-listMail {display:inline-block; height:18px; width:17px; background:url(/img/list_icon.png) no-repeat left top;}
.network-icon-listPaper {display:inline-block; height:18px; width:17px; background:url(/img/list_icon.png) no-repeat right top;}

.network-control {line-height:2; padding:3px 0; border-bottom:1px solid #e7e7e7;}
.netTree {}
.netTree td {height:38px; min-width:204px; position:relative;}
.netTree td div {
	position:absolute; 
	top:18px; 
	left:28px; 
	display:inline-block; 
	width:125px; 
	font-weight:bold; 
	word-break:break-all; 
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	}
.netTree td span {
	position:absolute; 
	top:19px; 
	right:8px;
	display:inline-block;
	height:12px;
	line-height:12px;
	background:url(/img/netTree_icon.png) no-repeat 0 0;
	padding-left:15px;
	color:#888;
	}
.netTree-box1 {background:url(/img/netTree_box1.png) no-repeat 0 0;}
.netTree-box2 {background:url(/img/netTree_box2.png) no-repeat 0 0;}
.netTree-line1 {background:url(/img/netTree_line1.png) no-repeat 0 0;}
.netTree-line2 {background:url(/img/netTree_line2.png) no-repeat 0 0;}
.netTree-line3 {background:url(/img/netTree_line3.png) no-repeat 0 0;}

.userCard-textLimit {word-break:break-all; overflow:hidden; text-overflow:ellipsis; height:36px;}
.network-title {font-weight:bold; color: #1F3D83; font-size:16px; height:26px; border-bottom:2px solid #e7e7e7;}
.dpt-outline {display:block; margin-bottom:25px; clear:both; overflow:hidden;}
.dpt-1dep {padding-left:25px;}
.dpt-2dep {padding-left:50px;}
.dpt-3dep {padding-left:75px;}
.dpt-4dep {padding-left:100px;}
.dpt-5dep {padding-left:125px;}
.dpt-6dep {padding-left:150px;}
.dpt-7dep {padding-left:175px;}
.dpt-8dep {padding-left:200px;}
.dpt-title {font-weight:bold; font-size:14px; height:30px;  line-height:30px; clear:both;}
.dpt-title span {font-weight:normal; color:red;}
.userCard {
	overflow:hidden; 
	display:inline-block; 
	border:2px solid #e1e1e1; 
	border-radius:6px; 
	padding:10px 8px; 
	float:left; 
	margin:0 5px 5px 0; 
	background-color:#f5f5f5;
	}
.userCard-userImg {
	float:left; 
	position:relative; 
	overflow:hidden; 
	display:inline-block; 
	height:38px; 
	width:38px; 
	background:url(/img/network_userImg.png) no-repeat 0 0;
	margin-top:0px;
	}
.userCard-dpt-userImg {
	position:relative; 
	overflow:hidden; 
	height:38px; 
	width:38px; 
	background:url(/img/network_userImg.png) no-repeat 0 0;
	margin-left:12px;
	}
.userCard-userImg-mask-gray {
	position:absolute; 
	top:0; 
	left:0; 
	display:inline-block; 
	height:38px; 
	width:38px; 
	z-index:10000; 
	background:url(/img/network_userImg_mask_gray.png) no-repeat 0 0;
	}
.userCard-userInfo {display:inline-block; width:103px; margin-left:12px; line-height:1.5; font-size:12px;}
.userCard-userName {width:60px; text-align:center; line-height:1.5; font-size:11px; padding-top:8px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.network-control {line-height:2; padding:8px 0; border-bottom:1px solid #e7e7e7;}
.icon_pdf_open {
	display:inline-block;
	height:18px;
	width:66px;
	background-color:#000;
	vertical-align:middle;
	margin-left:7px;
	background: url(/img/icon_pdf.png) no-repeat 0 0;
	}
.icon_pdf_close {
	display:inline-block;
	height:18px;
	width:66px;
	background-color:#000;
	vertical-align:middle;
	margin-left:7px;
	background: url(/img/icon_pdf.png) no-repeat 0 -18px;
	}
.icon_img_open {
	display:inline-block;
	height:18px;
	width:77px;
	background-color:#000;
	vertical-align:middle;
	margin-left:7px;
	background: url(/img/icon_pdf.png) no-repeat 0 -36px;
	}
.icon_img_close {
	display:inline-block;
	height:18px;
	width:77px;
	background-color:#000;
	vertical-align:middle;
	margin-left:7px;
	background: url(/img/icon_pdf.png) no-repeat 0 -54px;
	}

.divibox-bar {padding:7px 10px; border:1px solid #d8dde3; margin:3px 0px; background-color:fff; border-radius:3px; width:350px; position:relative;}	
.divibox-icon-del {width:17px; height:17px; display:inline-block; position:absolute; top:6px; right:6px; background:url(/img/divibox_icon_del.png) no-repeat 0 0; cursor:pointer;}
.divibox-icon-modify {width:17px; height:17px; display:inline-block; position:absolute; top:6px; right:25px; background:url(/img/divibox_icon_modify.png) no-repeat 0 0; cursor:pointer;}
.alimbar {display:inline-block; color:#fff; background-color:#0f6cbe; font-size:11px; padding:3px 8px; border-radius: 2px; margin-right: 2px;}

.quickArea {position:fixed; right:20px; top:50px; bottom:50px; width:360px; z-index:100000000000;}
.quickLeft {position:absolute; top:0; left:0; bottom:0; width:58px; background:url(/img/quickArea_leftback.png) top left;}
.quickLeft-m1 {height:52px; cursor:pointer; background:url(/img/quickleft_m1.png) no-repeat; margin-top:1px;}
.quickLeft-m1-on {height:52px; cursor:pointer; background:url(/img/quickleft_m1ov.png) no-repeat; margin-top:1px;}
.quickLeft-m2 {height:52px; cursor:pointer; background:url(/img/quickleft_m2.png) no-repeat; margin-top:1px;}
.quickLeft-m2-on {height:52px; cursor:pointer; background:url(/img/quickleft_m2ov.png) no-repeat; margin-top:1px;}
.quickLeft-m3 {height:52px; cursor:pointer; background:url(/img/quickleft_m3.png) no-repeat; margin-top:1px;}
.quickLeft-m3-on {height:52px; cursor:pointer; background:url(/img/quickleft_m3ov.png) no-repeat; margin-top:1px;}
.quickLeft-m4 {height:52px; cursor:pointer; background:url(/img/quickleft_m4.png) no-repeat; margin-top:1px;}
.quickLeft-m4-on {height:52px; cursor:pointer; background:url(/img/quickleft_m4ov.png) no-repeat; margin-top:1px;}
.quickLeft-m5 {height:52px; cursor:pointer; background:url(/img/quickleft_m5.png) no-repeat; margin-top:1px;}
.quickLeft-m6 {height:52px; cursor:pointer; background:url(/img/quickleft_m6.png) no-repeat; margin-top:1px;}
.quickLeft-m7 {height:52px; cursor:pointer; background:url(/img/quickleft_m7.png) no-repeat; margin-top:1px;}
.quickLeft-m8 {height:52px; cursor:pointer; background:url(/img/quickleft_m8.png) no-repeat; margin-top:1px;}
.quickLeft-m9 {height:52px; cursor:pointer; background:url(/img/quickleft_m9.png) no-repeat; margin-top:1px;}

.quickLeft-top {height:42px; background:url(/img/quickleft_top.png) no-repeat;}
.quickCont {position:absolute; top:0; left:58px; bottom:0; right:0; background-color:#fff;}
.quickCont-top {position:relative; height:42px; background-color:#21242b;}
.quickCont-title {font-size:13px; line-height:42px; margin-left:12px; font-weight:bold; color:#fff;}
.quickCont-top p {position:absolute; font-size:14px; height:42px; display:inline-block !important; right:10px;}
.quickCont-top p span {color:#0f6be8;}

.quickUser-layer {position:absolute; right:10px; top:10px; display:inline-block; border:1px solid #777; width:100px; background-color:#fff; z-index:100000000; padding:8px 0 0;}
.quickUser-layer div {line-height:24px; padding-left:16px; font-size:12px;}
.quickUser-layer div:hover {background-color:#eee; cursor:pointer;}
.quickUser-close {font-weight:bold; border-top:1px solid #eee; margin-top:8px;}

.quickCont-area {position:absolute; top:42px; right:0; left:0; bottom:50px; overflow-y:auto; padding:10px 13px;}
.quickCont-attach {position:absolute; top:160px; right:0; left:0; bottom:50px; overflow-y:auto; padding:10px 13px;}
.quickCont-list {height:38px; line-height:38px; border-bottom:1px solid #f5f5f5; color:#a5a5a5; transition:all 0.2s ease; cursor:pointer;}
.quickCont-list:hover {background-color:#eee;}
.quickCont-board {border:1px solid #eee; border-radius:4px; margin:0 2px 2px 0; text-align:center; padding:20px 0; width:48%; float:left; transition:all 0.2s ease; cursor:pointer;}
.quickCont-board:hover {background-color:#eee;}
.quickCont-boardLine {border-bottom:1px solid #eee; border-right:1px solid #eee; text-align:center; padding:20px 0; width:49%; float:left; transition:all 0.2s ease; cursor:pointer;}
.quickCont-boardLine:hover {background-color:#eee;}
.quickIcon-board-mail {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_mail.png) no-repeat; font-size:13px; font-weight:bold;}
.quickIcon-board-paper {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_paper.png) no-repeat; font-size:13px; font-weight:bold;}
.quickIcon-board-approval {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_approval.png) no-repeat; font-size:13px; font-weight:bold;}
.quickIcon-board-schedule {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_schedule.png) no-repeat; font-size:13px; font-weight:bold;}
.quickIcon-board-business {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_business.png) no-repeat; font-size:13px; font-weight:bold;}
.quickIcon-board-doc {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_doc.png) no-repeat; font-size:13px; font-weight:bold;}
.quickIcon-board-notice {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_notice.png) no-repeat; font-size:13px; font-weight:bold;}
.quickIcon-board-insa {display:inline-block; line-height:25px; padding-left:35px; background:url(/img/quickicon_insa.png) no-repeat; font-size:13px; font-weight:bold;}
.quickCont-set {display:inline-block; height:45px; width:30px; cursor:pointer; background:url(/img/quickicon_set.png) no-repeat 15px 12px;}

.quickClose {position:absolute; bottom:5px; left:0; right:20px; height:25px; text-align:right; color:#777; cursor:pointer;}
.quickIcon-user {display:inline-block; padding-left:28px; line-height:18px; background:url(/img/quickicon_user.png) no-repeat; color:#000;}
.quickIcon-star {display:inline-block; padding-left:28px; line-height:18px; background:url(/img/quickicon_star.png) no-repeat; color:#000;}
.quickArea-textbox {height:45px; border:1px solid #848383;}
.quickIcon-search {display:inline-block; height:45px; width:50px; background:url(/img/quickicon_search.png) no-repeat; }
.quickIcon-download {display:inline-block; height:26px; width:24px; background:url(/img/quickicon_download.png) no-repeat; cursor:pointer;}
.quickIcon-attach {display:inline-block; height:26px; width:24px; margin-left:5px; background:url(/img/quickicon_attach.png) no-repeat; cursor:pointer;}
.quickIcon-favor {display:inline-block; height:26px; width:24px; background:url(/img/quickicon_favor.png) no-repeat; cursor:pointer;}
.quickIcon-paging {position:absolute; top:5px; right:7px; display:inline-block;}
.quickIcon-arrow {display:inline-block; vertical-align:bottom; padding:4px 5px; border:1px solid #ddd; border-radius:2px; cursor:pointer; font-size:11px;}
.quickIcon-searchlist {display:inline-block; height:24px; width:24px; background:url(/img/quickicon_searchlist.png) no-repeat; cursor:pointer; margin-left:5px;}
.quickAttach-control {padding:4px 2px 0px; border-bottom:1px solid #e5e5e5; position:relative; margin-bottom:5px;}  
.quickAttach-search {padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
.quickAttach-box {position:relative; padding:10px 0 5px; height:60px; transition:all 0.2s ease;}
.quickAttach-box:hover {background-color:#eee;}
.checkarea {background-color:#eee;}
.quickAttach-set {position:absolute; right:0; top:0; display:inline-block; height:20px; width:20px; font-size:16px; font-weight:bold; text-align:center; line-height:15px; cursor:pointer; color:#ccc;}
.quickAttach-cont {position:absolute; left:40px; right:0;}
.quickAttach-title {position:relative; font-weight:bold; margin-bottom:5px; font-size:12px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.quickAttach-layer {position:absolute; right:0; top:0; display:inline-block; border:1px solid #777; width:100px; background-color:#fff; z-index:100000000; padding:8px 0 0;}
.quickAttach-layer p {line-height:24px; padding-left:15px; font-size:12px;}
.quickAttach-layer p:hover {background-color:#eee; cursor:pointer;}
.quickAttach-close {font-weight:bold; border-top:1px solid #eee; margin-top:8px;}
.quickAttach-text {font-size:12px; color:#999; line-height:1.5; width:93%;  word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.quickAttach-file {position:absolute; left:0; display:inline-block; width:30px; height:32px;}
.file-ppt {background:url(/img/quickicon_file_ppt.png) no-repeat;}
.file-file {background:url(/img/quickicon_file.png) no-repeat;}
.file-zip {background:url(/img/quickicon_file_zip.png) no-repeat;}
.file-word {background:url(/img/quickicon_file_word.png) no-repeat;}
.file-exel {background:url(/img/quickicon_file_exel.png) no-repeat;}
.file-hwp {background:url(/img/quickicon_file_hwp.png) no-repeat;}
.file-pdf {background:url(/img/quickicon_pdf.png) no-repeat;}
.quickIcon-favor-on {display:inline-block; height:26px; width:24px; background:url(/img/quickicon_favor_check.png) no-repeat; cursor:pointer;}

.quickAttach-box-checked {background-color:#eee;}
.scard-header {position:relative; margin:10px 0; height:85px;text-align:center;}
.scard-header-table {position:absolute; right:0; top:0; overflow:hidden; border:1px solid #ccc;}
.scard-header-th {display:inline-block; float:left; width:70px; font-weight:bold; line-height:26px; background-color:#eee;}
.scard-header-td {display:inline-block; width:150px; line-height:26px; text-align:center;}
.scard-title {line-height:70px; font-size:22px; font-weight:bold;}
.scard-table {border-collapse:collapse; border-spacing:0; width:100%;}
.scard-table th {font-size:12px; height:30px; background-color:#eee; border:1px solid #aaa; text-align:center; color:#444; line-height:1.3;}
.scard-table td {font-size:12px; height:30px; border:1px solid #aaa; text-align:center; color:#000;}
.scard-tableline {background-color:#367def; height:2px;}
.scard-table-count {text-align:right !important; padding-right:10px;}
.scard-cont {overflow:hidden; margin:10px 0; display:table; width:100%;}
.scard-cont-box {float:left; display:table-cell; width:30%; margin:20px 20px 0 0;}
.scard-footer {padding:50px 0; text-align:center; font-size:15px; font-weight:bold;}

.button-refresh {display:inline-block; width:21px; height:21px; background:url(http://ep.nbizware.com/img/imgbtn_sprite.gif) no-repeat 0 -78px; 
vertical-align:top;}
.inve-split-a {display:inline-block; width:30px; height:28px; background:url(../img/inve_split_a.png) no-repeat; float:left;}
.inve-split-aov {background:#eee url(../img/inve_split_a.png) no-repeat !important; }
.inve-split-b {display:inline-block; width:29px; height:28px; background:url(../img/inve_split_b.png) no-repeat; float:left;}
.inve-split-bov {background:#eee url(../img/inve_split_b.png) no-repeat !important;}
.inve-split-c {display:inline-block; width:29px; height:28px; background:url(../img/inve_split_c.png) no-repeat;}
.inve-split-cov {background:#eee url(../img/inve_split_c.png) no-repeat !important;}
.inve-split-width {padding:0 15px;}
.inve-split-widthlist {overflow-y:scroll; height:200px;}
.inve-split-resizebar {height:5px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-color:#fff;}
.inve-split-view {position:relative;background-color:#fff; }
.inve-split-contbar {position:absolute; overflow:hidden; top:170px;width:100%;z-index:10000000000000;}
.inve-split-before {float:left; width:30px; height:50px; margin-left:10px; background:url(../img/inve_split_before.png) no-repeat; opacity:0.7;}
.inve-split-next {float:right; width:30px; height:50px; margin-right:20px; background:url(../img/inve_split_next.png) no-repeat right top; opacity:0.7;}
.inve-split-height {position:relative; padding-left:px; }
.inve-split-heightlist {height:calc(100vh - 215px); width:593px; float:left; position:relative; padding-right:7px;}
.inve-split-resize {width:6px; border-left:1px solid #ccc; position:absolute; right:0; top:0; bottom:0; cursor:e-resize; background-color:#eee;}
.inve-split-heightpaging {position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; border-top:1px solid #ddd; background-color:#fff;}
.inve-split-heightcont {position:absolute; top:10px; left:0; right:0; bottom:0; border-top:1px solid #c5c5c5;}
.inve-split-list {overflow-y:scroll; height:calc(100vh - 350px);}
.inve-split-list li {position:relative; padding:8px 85px 8px 55px; border-bottom:1px solid #e5e5e5;}
.inve-split-list li.select {background-color:#f1f8fc;}
.inve-split-listuser {font-family:'맑은 고딕';margin-bottom:4px; font-size:12px; color:#777; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inve-split-listname {font-family:'맑은 고딕';margin-bottom:3px; line-height:1.5;}
.inve-split-listday {font-family:'맑은 고딕';position:absolute; right:12px; top:5px; width:70px; line-height:1.8; text-align:right; font-size:11px; color:#999;}
.inve-split-listcheck {position:absolute; left:7px; top:8px; display:inline-block; }
.inve-split-listread {position:absolute; left:25px; top:10px; display:inline-block;}
.inve-split-listfavor {position:absolute; left:32px; top:29px; display:inline-block;}
.inve-split-file {top:4px; margin-right:3px;}
.inve-nolist {widht:250px; margin:0 auto; text-align:center;}
.inve-nolist p {display:inline-block; height:100px; width:100px; background:url(../img/inve_listselect.png) no-repeat; margin-bottom:10px; opacity:0.4;}
.inve-dropmenu {position:absolute !important; top:26px; left:0; border:1px solid #bbb; border-radius:5px; padding:5px 0; background-color:#fff; min-width:100px; z-index:1000000000000000000; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.inve-dropmenu li {height:28px; line-height:28px; padding:0 10px; font-size:12px; float: none !important;}
.inve-dropmenu li:hover {background-color:#eee;}
.inve-dropmenu li a {border:0; padding:0 !important; font-family:auto; background:transparent !important; font-size:12px; !important;}
.inve-print {display:inline-block;height: 21px;width: 21px;background: url(/img/imgbtn_sprite.gif) no-repeat -21px -78px;cursor:pointer;}
.inve-iconlist {display:inline-block;height: 21px;width: 21px;background: url(/img/inve_iconlist.png) no-repeat;cursor:pointer;}
.inven-split-contents{padding:10px 43px 150px;}
.inven-split-contents-other{padding:10px 43px 150px;overflow-y: auto; height: 100%;position: absolute;top:0;bottom:0;right: 0;left: 0;}
.app-fileopen {display:inline-block; height:14px; width:14px; vertical-align:middle; margin-right:6px; margin-top:-2px; background:url(/img/app_fileopen.png) no-repeat;}
.movelist {
    position:absolute;
    top: 230px;
    left: auto;
    display: inline-block;
    height: 32px;
    width: 32px;
    background: url('../img/movelist.png') no-repeat center center;
    z-index: 10000000000000;
    margin-left: 8px;
    opacity: 0.7;
}
.splitter-space-fix {border-bottom:1px solid #ccc;} 
.list-tr-select {background-color:#f1f8fc;}

.user-signarea {height:130px; border:1px solid #ccc; margin:5px 0; overflow:auto;}
.user-signimg {position:relative; border:1px solid #ddd; padding:10px; background-color:#f9f9f9; border-radius:3px; margin:10px 0;}
.user-sign-image {padding-left:32px; background: url(/img/usersign_image.png) no-repeat scroll left center;}
.user-sign-delimg {position:absolute; display:inline-block; right:10px; top:6px;}

.mail-capacity {padding:10px; margin:0 10px 10px 10px;  border:1px solid #555; border-radius:4px;}
.mail-capacity-bar {height:7px; background-color:#555; border-radius:50px;}
.mail-capcity-on {height:7px; width:40%; background-color:#4c9aef; border-radius:50px;}
.mail-capacity-score {padding:10px 5px 0px 5px; font-size:11px; color:#999; text-align:center;}

.treedepth-li {background-image:none !important; padding-left:0 !important;}

.treedepth-2dth-open {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_open.png) no-repeat; left:28px; top:3px;}
.treedepth-2dth-close {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_close.png) no-repeat; left:28px; top:3px;}
.treedepth-2dth-none {display:none;} /* 2depth 열고 닫기 버튼 없을때 */

.treedepth-3dth {clear:both; position:relative; padding-left:48px; background: url(/img/depth_dotline.png) no-repeat 0 0;}
.treedepth-3dth-a {width:135px !important; padding-left:18px;}
.treedepth-3dth-open {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_open.png) no-repeat; left:0; top:3px;}
.treedepth-3dth-close {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_close.png) no-repeat; left:0; top:3px;}
.treedepth-3dth-last {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_last.png) no-repeat; left:0; top:3px;}

.treedepth-4dth {clear:both; position:relative; padding-left:15px;}
.treedepth-4dth-a {width:120px !important; padding-left:18px;}
.treedepth-4dth-open {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_open.png) no-repeat; left:0; top:3px;}
.treedepth-4dth-close {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_close.png) no-repeat; left:0; top:3px;}
.treedepth-4dth-last {display:inline-block; position:absolute; width:15px; height:14px; background:url(/img/depth_tree_last.png) no-repeat; left:0; top:3px;}
.layer-depthtree-2dth {padding-left:33px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.layer-depthtree-3dth {padding-left:45px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.layer-depthtree-4dth {padding-left:55px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabKeyPress{margin-left:30px;}
.btn-board-open {
	position:absolute;
	right:8px; 
	top:9px; 
	display:inline-block; 
	height:15px; 
	width:15px; 
	text-align:center; 
	line-height:15px; 
	border:1px solid #ccc; 
	font-weight:bold; 
	background-color:#fff; 
	border-radius:2px;
	font-size:13px;
	}
.btn-board-close {
	position:absolute; 
	right:8px; 
	top:9px; 
	display:inline-block; 
	height:15px; 
	width:15px; 
	text-align:center; 
	line-height:15px; 
	border:1px solid #ccc; 
	font-weight:bold; 
	background-color:#fff; 
	border-radius:2px;
	font-size:20px;
	}
	
.attacheditor-wrap {border:1px solid #ddd; border-radius:7px;}
.attacheditor-header {background-color:#f8f8f8; height:44px; line-height:44px; padding-left:17px; font-size:14px; font-weight:bold;}
.attacheditor-filearea {padding:10px 18px;}
.attacheditor-file {
	list-style:none !important;
	position:relative; 
	height:40px; 
	line-height:40px; 
	border-bottom:1px solid #eee; 
	background:url(/img/attacheditor_icon_file.png) no-repeat 0 10px;
	margin:0 !important;
	padding:0 80px 0 30px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.attacheditor-bigfile {
	list-style:none !important;
	position:relative; 
	height:40px; 
	line-height:40px; 
	border-bottom:1px solid #eee; 
	background:url(/img/attacheditor_icon_bigfile.png) no-repeat 0 10px;
	margin:0 !important;
	padding:0 80px 0 30px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.attacheditor-fileinfo {font-weight:bold; color:#aaa; margin-right:8px;}
.attacheditor-fileday {color:#aaa;}
.attacheditor-side {position:absolute; right:0px; top:9px;}
.attacheditor-viewer {display:inline-block; height:24px; width:24px; cursor:pointer; background:url(/img/attacheditor_btn_viewer.png) no-repeat 0 0; margin-left:20px;}
.attacheditor-download {display:inline-block; height:24px; width:24px; cursor:pointer; background:url(/img/attacheditor_btn_download.png) no-repeat 0 0;  margin-left:20px;}
.attacheditor-bottom {padding:15px; color:#999; font-size:12px; line-height:2;}
.datepick-sbtn {
		display:inline-block; 
		height:20px; 
		line-height:20px; 
		color:#fff; 
		font-size:11px; 
		text-align:center; 
		padding:0px; 
		background-color:#1c53ea; 
		border:1px solid #6187ef;
		margin: 0 3px 3px 0;
		}
.datepick-sbtn-big {background-color:#289fce !important; border-color:#5dcaf5; margin-top:0px; border-radius:0px;}
.icon_direct_open {
	display:inline-block;
	height:18px;
	width:77px;
	background-color:#000;
	vertical-align:middle;
	margin-left:7px;
	background: url(/img/icon_directview.png) no-repeat;
	}