@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');

/*=================================================================================
* /css/common.css 파일과 layout.css 파일안에서 공통적으로 사용되는 모든것들을 정의합니다.
* /css/common.css는 버튼 및 라인 컬러, 사용될 색감과 폰트등의 기본 정의를 하며,

* /css/layout.css 파일은 큰 외곽부터 본문 내용이 시작되기 전 내용이 포함되고,
  - 테이블 스타일형식이라던가, 기본적으로 많이 사용되는 부분이 정의되고있습니다만,
  - 공통적으로 사용되지 않은 부분에 대해서는 각 메뉴의 폴더안쪽의 css에서 정의되고있습니다.

* 폴더형식의 트리구조라던가 공통적으로 사용될 부분들이 정의되어있습니다.
* 또한, 각 해당 메뉴폴더안의 layout.css 파일은 해당 페이지를 보정 및 위치를 꾸미는 역할을 합니다.
* 2~3페이지 이상에서 사용되는 스타일일 경우 대부분 공통화 되어있습니다.
* 모든 개발이 종료되면 간단한 위치  구문 주석을 제외하고 다른 주석은 모두 삭제하는것이 바람직합니다.
=================================================================================*/

/*=================================================================================
* Default
=================================================================================*/
*{margin:0;padding:0;}

.content-text * li,.appdoc-content-area * li,#memo_content_text * li,.mail-preview-content * li,.by-editor * li
{
	list-style: disc;
}

.content-text ol li,.appdoc-content-area ol li,#memo_content_text ol li,.mail-preview-content ol li,.by-editor ol li
{
	list-style: decimal;
	margin-left: 40px; 
}
.content-text ul li,#appdoc-content-area ul li,#memo_content_text ul li,.mail-preview-content ul li,.by-editor ul li
{
	list-style: disc;
	margin-left: 40px; 
}

.content-text strong,.appdoc-content-area strong,#memo_content_text strong,.mail-preview-content strong,.by-editor strong
{
	font-weight:bold
}

.content-text b,.appdoc-content-area b,#memo_content_text b,.mail-preview-content b,.by-editor b
{
	font-weight:bold
}

html,body{width:100%;height:100%}
html{
overflow-x:auto;
overflow-y:scroll;
font-size:13px; 
font-weight:400;
font-family:'나눔 고딕','Nanum Gothic','NanumGothic','맑은 고딕','Malgun Gothic','굴림','gulim','돋움','dotum','Noto Sans KR','Apple Gothic','Tahoma','Helvetica','Arial',sans-serif;
/* ie scroll bar style */
/*scrollbar-3dlight-color:#f5f5f5;
scrollbar-arrow-color:#909090;
scrollbar-base-color:#f5f5f5;
scrollbar-face-color:#f5f5f5;
scrollbar-track-color:#e0e0e0;
scrollbar-darkshadow-color:#f5f5f5;
scrollbar-highlight-color:#f5f5f5;
scrollbar-shadow-color:#f5f5f5 */
}

/* Chrome, Safari scroll bar style */
/* ::-webkit-scrollbar{width:16px;height:16px}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block;width:16px;height:16px}
::-webkit-scrollbar-track-piece{border:1px solid #d8d8d8}
::-webkit-scrollbar-button:horizontal:decrement{background-image:url(/img/scrollbar_arrow.gif);background-position:-16px 0}
::-webkit-scrollbar-button:horizontal:decrement:hover{background-image:url(/img/scrollbar_arrow.gif);background-position:-16px -32px}
::-webkit-scrollbar-button:horizontal:increment{background-image:url(/img/scrollbar_arrow.gif);background-position:-16px -16px}
::-webkit-scrollbar-button:horizontal:increment:hover{background-image:url(/img/scrollbar_arrow.gif);background-position:-16px -48px}
::-webkit-scrollbar-button:vertical:decrement{background-image:url(/img/scrollbar_arrow.gif);background-position:0 0}
::-webkit-scrollbar-button:vertical:decrement:hover{background-image:url(/img/scrollbar_arrow.gif);background-position:0 -32px}
::-webkit-scrollbar-button:vertical:increment{background-image:url(/img/scrollbar_arrow.gif);background-position:0 -16px}
::-webkit-scrollbar-button:vertical:increment:hover{background-image:url(/img/scrollbar_arrow.gif);background-position:0 -48px}
::-webkit-scrollbar-track{background:#f7f7f7}
::-webkit-scrollbar-thumb{width:50px;height:50px;border:1px solid #d8d8d8;background:#fff} */


/* Quick menu IE용 스크롤 바 */
.quick-content-round ul.inside-content {
	padding:0 7px;
	background:#475478;
	color:#baccff;
	/* ie용 스크롤 바 */
	scrollbar-3dlight-color:#475478;
	scrollbar-arrow-color:#475478;
	scrollbar-base-color:#f7f7f7;
	scrollbar-face-color:#7f91bc;
	scrollbar-track-color:#687ba8;
	scrollbar-darkshadow-color:#475478;
	scrollbar-highlight-color:#7f91bc;
	scrollbar-shadow-color:#7f91bc
	}

/* Quick menu Chrome, Safari용 스크롤 바 */
.quick-content-round ::-webkit-scrollbar{width:15px;border:none}
.quick-content-round ::-webkit-scrollbar-track-piece{border:0}
.quick-content-round ::-webkit-scrollbar-button:start:decrement{display:block;height:15px;background:url(/img/scrollbar_arrow_quick.gif) 0 0}
.quick-content-round ::-webkit-scrollbar-button:end:increment{display:block;height:15px;background:url(/img/scrollbar_arrow_quick.gif) 0 -15px}
.quick-content-round ::-webkit-scrollbar-track{background:#687ba8}
.quick-content-round ::-webkit-scrollbar-thumb{width:50px;height:50px;border:1px solid #7f91bc;background:#7f91bc}

ul,li,dl,dt{list-style:none}

/* table, layer border color */
div,ul,li,table,table tr,table th,table td,p{border-width:0;border-color:#d0d0d0;border-style:solid; padding:0; margin:0;}

caption,.ui-helper-hidden,.btn-hidden{display:none}
table{border-collapse:collapse;border-collapse:collapse;border-spacing:0;width:100%}

/* =================================================================
* Editor
================================================================= */
.by-editor ul,ol {padding-left:20px; margin:5px}
.by-editor ol li {list-style:decimal;}
.by-editor ul li {list-style:disc;}
.by-editor b {font-weight:bold}

/* =================================================================
* Link
================================================================= */
a:link,a:visited{color:#000;text-decoration:none}
a:active,a:hover{color:#999;text-decoration:none}
label{cursor:pointer}

/* =================================================================
* img
================================================================= */
img{border:0 none;vertical-align:top}
/* 이미지파일 아이콘 */
.imgFile{display:inline-block; padding-left:23px; height:18px; line-height:18px; background:url(/img/imgfile.gif) no-repeat}

/* =================================================================
* Form Box
================================================================= */
form{margin:0;padding:0}
legend{display:none}
fieldset{margin:0;padding:0;border:0 none}
input{font-size:100%; vertical-align:top; }
input[type=text]{height:17px;*margin-top:-1px;padding:2px 4px;border:1px solid #c4c4c4;line-height:164%; font-family:'nanum gothic','malgun gothic','gulim';}
input[type=password]{height:17px;*margin-top:-1px;padding:3px 4px 1px;border:1px solid #c4c4c4;line-height:165%;*line-height:140%}
input[type=text]:focus,input[type=password]:focus{border:1px solid #189efc}
input[type=checkbox] {margin:-2px 3px 0 0; cursor:pointer; vertical-align:middle !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {input[type=checkbox] {margin:-1px 3px 0 0;}}
input[type=radio] {margin:-2px 3px 0 0; cursor:pointer; vertical-align:middle !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {input[type=radio] {margin:-1px 3px 0 0;}}
textarea{margin:3px 0;padding:0;border:1px solid #c4c4c4;font-size:100%;}
textarea.full-width-area{width:98%;max-width:98%;min-width:98%;margin:3px 0;padding:3px}
select{
	border:1px solid #c4c4c4; 
	font-size:100%; 
	vertical-align:middle; 
	background-color:#fff; 
	height:23px; 
	font-size:13px; 
	font-family:'nanum gothic','malgun gothic','gulim';
	}
@-moz-document url-prefix() {select{padding:0;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {select{padding:0;}}

.select_basic{}
.filenamefild{float:left;cursor:text}
.file_input_div{overflow:hidden;display:inline-block;position:relative;width:37px;height:25px}
.file_input_button{position:absolute;top:0px;*top:1px;left:2px;width:37px}
.file_input_hidden{position:absolute;top:0;right:0;font-size:30px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';-khtml-opacity:0;-moz-opacity:0}

.designSelectBoxInner{color:#888;white-space:nowrap}
span.designSelectBox{height:21px;padding-left:4px;border:1px solid #c4c4c4;background:url(/img/bullet_sprite.gif) no-repeat scroll right -128px transparent;background-color:#fff;line-height:19px}

/* multi select box border fix - width,height your fixit!!!! */
.select-border{overflow:hidden;position:relative;border-width:1px;border-color:#c4c4c4}
.select-border select{position:absolute;top:-3px;left:-3px;padding:3px;line-height:25px}

/* =================================================================
* ETC and Font style
================================================================= */
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
#skip{display:none}
.bold{font-weight:bold !important}
.padding0{padding:0 !important; line-height:100%;}
.bold-normal{font-weight:normal !important}
.spaceminus{letter-spacing:0px}
.font11 {font-size:11px; font-family:'dotum','Arial'}
.font12 {font-size:12px; font-family:'gulim','Arial'}

.white{color:#fff !important}
.red{color:#db3838 !important}
.blue{color:#20518e !important}
.light-blue{color:#1875d3 !important}
.dark-blue{color:#c8d5e9 !important}
.gray{color:#999 !important}
.middle-gray{color:#989898 !important}
.dark-gray{color:#666 !important}
.light-gray{color:#cecece !important}
.gray-bg{background-color:#fafafa !important}
.blue-bg{background-color:#f3f5f7 !important}
.green{color:#02a15e !important}
.count-red {
	color:#fd7134;
	font-weight:bold;
	font-size:12px;
	font-family:gulim; 
	margin-left:4px; 
	}
.width150 {width:150px !important}

.fltrt{float:right}
.fltlft{float:left}
.txtct{text-align:center}
.txtrt{text-align:right}

.btn-height {display:inline-block; padding-top:0px}
.text-over {word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 뉴 아이콘 */
.iconNew {display:inline-block; margin-left:7px; width:27px; height:13px; background:url(/img/icon_new.gif) no-repeat; vertical-align:top}

.small-font{font-size:12px;}
.clear{clear:both}
.height3{clear:both;height:3px}
.height4{clear:both;height:4px}
.height5{clear:both;height:5px}
.height6{clear:both;height:6px}
.height7{clear:both;height:7px}
.height8{clear:both;height:8px}
.height10{clear:both;height:10px}
.height12{clear:both;height:12px}
.height15{clear:both;height:15px}
.height20{clear:both;height:20px}
.height25{clear:both;height:25px}
.height30{clear:both;height:30px}
.height50{clear:both;height:50px}
.align-right{text-align:right}

.iconImpt-NORMAL {display:inline-block; width:27px; height:16px; background:url(/img/icon_impt_normal.gif) no-repeat; text-indent:-2000000px}
.iconImpt-press {display:inline-block; width:27px; height:16px; background:url(/img/icon_impt_press.gif) no-repeat; text-indent:-2000000px}
.iconImpt-HIGH {display:inline-block; width:27px; height:16px; background:url(/img/icon_impt_up.gif) no-repeat; text-indent:-2000000px}
.iconImpt-LOW {display:inline-block; width:27px; height:16px; background:url(/img/icon_impt_down.gif) no-repeat; text-indent:-2000000px}

.iconImpt-n-normal {display:inline-block; width:27px; height:16px; background:url(/img/icon_impt_n_normal.gif) no-repeat; text-indent:-2000000px}
.iconImpt-n-impt {display:inline-block; width:27px; height:16px; background:url(/img/icon_impt_n_impt.gif) no-repeat; text-indent:-2000000px}
.iconImpt-n-hard {display:inline-block; width:27px; height:16px; background:url(/img/icon_impt_n_hard.gif) no-repeat; text-indent:-2000000px}

.raido-space{padding-left:5px}
.text-space{padding-left:10px}
.content-space{padding-left:15px}
.gap-space{padding:0 10px; color:#ccc}
.clearBox{min-height:29px;margin:5px 0;padding:0 10px;border:1px solid #e7e7e7}
.innertxt_bg{background:#f1f8ff}
.hide-chkbox{overflow:hidden;position:absolute;width:0}

/* =================================================================
	Button Set
================================================================= */
span.button,span.button a,span.button button,span.button{display:inline-block; overflow:visible; position:relative; line-height:100%; text-decoration:none; vertical-align:middle; white-space:nowrap}
span.button {overflow:visible; zoom:1; cursor:pointer;}

span.button a,span.button button {}
span.button {}
span.button:hover {}
span.button.large {}
span.button.large:hover {}
span.button.arrow {}
span.button.arrow:hover {}
span.button.blue {}
span.button.small {}
span.button.small:hover {}
span.button.mini {height:18px;background-position:left -352px}
span.button.mini:hover {height:18px;background-position:left -376px}
span.button.navchg {height:20px;padding-left:14px;background-position:left -400px}
span.button.navchg:hover {height:20px;background-position:left -430px}

/* Count Bar */
span.countBar-green {display:inline-block; vertical-align:middle; position:relative; overflow:visible; height:18px; line-height:16px; margin-top:-2px; *margin-right:12px;  padding:0; background:url(/img/count_bar.png) no-repeat left top; zoom:1; white-space:nowrap}
:root span.countBar-green {line-height:18px \0/IE9;}
span.countBar-green p {display:inline-block; margin-left:4px; padding:0 7px 0 2px; height:18px; position:relative; background:url(/img/count_bar.png) no-repeat right top;}
span.countBar-green span {color:#fff; font-size:11px; font-weight:bold;}

span.countBar-rGreen {display:inline-block; vertical-align:middle; position:relative; overflow:visible; height:18px; line-height:13px; margin-top:-2px; *margin-right:12px;  padding:0; background:url(/img/count_bar.png) no-repeat left -36px; zoom:1; white-space:nowrap}
:root span.countBar-rGreen {line-height:18px \0/IE9;}
span.countBar-rGreen p {display:inline-block; margin-left:9px; padding:0 10px 0 0px; height:18px; position:relative; background:url(/img/count_bar.png) no-repeat right -36px;}
span.countBar-rGreen span {color:#fff; font-size:10px; font-weight:bold;}

span.countBar-rRed {display:inline-block; vertical-align:middle; position:relative; overflow:visible; height:18px; line-height:16px; margin-top:-2px; *margin-right:12px;  padding:0; background:url(/img/count_bar.png) no-repeat left -18px; zoom:1; white-space:nowrap}
:root span.countBar-rRed {line-height:18px \0/IE9;}
span.countBar-rRed p {display:inline-block; margin-left:8px; padding:0 9px 0 0px; height:18px; position:relative; background:url(/img/count_bar.png) no-repeat right -18px;}
span.countBar-rRed span {color:#fff; font-size:11px; font-weight:bold;}

/* Anchor */
span.button a {
	border:1px solid #cecece; 
	border-radius:2px; 
	background-color:#f9f9f9; 
	color:#222; 
	font-size:12px;
	}
span.button a:hover {background-color:#fff;}
span.button.large a {padding:10px 11px 8px;}
span.button.large a.blue {background-color:#0eadda; border-color:#0eadda; color:#fff !important; font-weight:bold;}
span.button.large a.green {background-color:#02c2a5; border-color:#02c2a5; color:#fff !important; font-weight:bold;}

span.button.arrow a{padding:10px 12px 8px;}
:root span.button.arrow a{/* ie 9 */padding:7px 22px 5px 10px\0/IE9;}
span.button.arrow a:hover{background-position:right -318px}
span.button.blue a{
	padding:5px 10px 3px 9px;
	background-color:#3cb4d7; 
	border-color:#3cb4d7;
	font-size:12px;
	color:#fff
	}
:root span.button.blue a{/* ie 9 */padding:6px 18px 3px 10px\0/IE9;}
span.button.small a {padding:6px 10px 3px 9px !important; font:12px; font-weight:normal; background-color:#fff;}
@-moz-document url-prefix() {span.button.small a {padding:5px 10px 4px 9px !important;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {span.button.small a {padding:5px 10px 4px 9px !important;}}
span.button.small a.blue {background-color:#3cb4d7; border-color:#3cb4d7; color:#fff !important;}
span.button.small a.green {background-color:#23c6c8; border-color:#23c6c8; color:#fff !important;}
span.button.mideum a {padding:5px 10px 3px 9px !important; font:12px; font-weight:normal; background-color:#fff;}
span.button.mini a{padding:4px 6px 3px 4px;background-position:right -352px;font:11px/11px 'Dotum','Arial','Helvetica','sans-serif';color:#777}
:root span.mini a{/* ie 9 */padding:5px 6px 2px 4px\0/IE9;}
span.button.mini a:hover{background-position:right -376px;color:#5c7198}


span.button.navchg a{padding:4px 6px 3px 4px;background-position:right -400px;font:11px/13px 'Dotum','Arial','Helvetica','sans-serif';color:#633c11}
:root span.navchg a{/* ie 9 */padding:5px 6px 2px 4px\0/IE9;}
span.button.navchg a:hover{background-position:right -430px;}

/* Strong */
span.button.strong *{font-weight:bold}

/* Icon */
span.button img{position:relative;margin-top:-2px;vertical-align:middle}
span.button .icon_left{position:relative;left:-3px;margin-top:-3px;margin-right:5px;vertical-align:middle}
span.button .icon_right{position:relative;left:2px;margin-top:0}

.emoticon-btn{width:8px;height:11px}
span.button p{width:5px;height:11px;padding:0 3px;background:url(/img/bullet_sprite.gif) no-repeat; margin-top:0px}
:root span.button p{margin-top:-1px\0/IE9;}
span.button p.edit{padding:1px 1px 1px 3px;background:none;line-height:12px}
@-moz-document url-prefix() {span.button p.edit{padding:0 1px 1px 3px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {span.button p.edit{padding:0 1px 1px 3px;}}
span.button p.del{padding:2px 4px 0 0;background:none}
@-moz-document url-prefix() {span.button p.del{padding:1px 4px 0 0;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {span.button p.del{padding:1px 4px 0 0;}}
span.button p.plus{padding:1px 5px 1px 0;background:none}
@-moz-document url-prefix() {span.button p.plus{padding:0 5px 1px 0;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {span.button p.plus{padding:0 5px 1px 0;}}
span.button p.find{width:7px;padding:1px 0 1px 2px; background-position:0 -271px}
@-moz-document url-prefix() {span.button p.find{width:7px;padding:0 0 1px 2px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {span.button p.find{width:7px;padding:0 0 1px 2px;}}
span.button p.list{background-position:2px -255px}
span.button p.change{background-position:-11px -271px}
span.button p.insert{background-position:1px -463px}
span.button p.group-plus{width:11px; background-position:0px -442px}
span.button p.go{background-position:2px -239px}
span.button p.up{background-position:2px -44px; margin:0 0 1px 0;}
span.button p.down{background-position:2px -57px; margin:0 0 1px 0;}
span.button p.next{background-position:2px -195px}
span.button p.end{background-position:2px -210px}
span.button p.start{background-position:-12px -210px}
span.button p.prev{background-position:2px -224px}
span.ie7-btn{*margin-left:4px}

/* Quick menu btn style */
span.quick_btn,span.quick_btn span,span.quick_btn a{display:inline-block;overflow:hidden;position:relative;width:99%;text-decoration:none;vertical-align:middle;white-space:nowrap}
span.quick_btn span,span.quick_btn{height:34px; line-height:30px; background:url(/img/quick_sprite.png) no-repeat;cursor:pointer}
span.quick_btn{margin-bottom:2px;border:1px solid #727ea0;background-position:left -380px}
span.quick_btn:hover{border:1px solid #7c88aa;background-position:left -414px}
span.quick_btn a{padding-left:48px; font-weight:bold;color:#f8f8f8}
span.quick_btn a:hover{color:#edf2ff}
span.quick_btn span.quick_btn_icon_mail {background-position:2px -148px} /* 메일 */
span.quick_btn span.quick_btn_icon_memo {background-position:2px -186px} /* 쪽지 */
span.quick_btn span.quick_btn_icon_draft {background-position:2px -224px}
span.quick_btn span.quick_btn_icon_commute {background-position:2px -262px}
span.quick_btn span.quick_btn_icon_sms {background-position:2px -300px}
span.quick_btn span.quick_btn_icon_lock {background-position:2px -339px} /* 잠금 */
span.quick_btn span.quick_btn_icon_report {background-position:2px -458px} /* 업무보고서 */
span.quick_btn span.quick_btn_icon_schedule {background-position:2px -495px} /* 일정 */
span.quick_btn span.quick_btn_icon_document {background-position:2px -532px} /* 문서 */
span.quick_btn span.quick_btn_icon_notice {background-position:2px -571px} /* 공지 */
span.quick_btn span.quick_btn_icon_ga {background-position: -339px -1px} /* 인사총무 */

/* Image Button Design */
div#sub-header{margin:0 15px;padding-top:12px;min-height:30px;}
div#sub-header .head-control{min-height:26px;}
div#sub-header .left-set{display:inline-block;float:left}
div#sub-header .right-set{display:inline-block;float:right}
div#sub-header .right-set li{float:left}
div#sub-header .right-set li a{float:left;width:21px;height:21px;background:url(/img/imgbtn_sprite.gif) no-repeat}
div#sub-header .right-set li.normal-list a{background-position:0 0}
div#sub-header .right-set li.normal-list a:hover{background-position:0 -26px}
div#sub-header .right-set li.normal-list a.active{background-position:0 -52px}
div#sub-header .right-set li.split-h-list a{background-position:-21px 0}
div#sub-header .right-set li.split-h-list a:hover{background-position:-21px -26px}
div#sub-header .right-set li.split-h-list a.active{background-position:-21px -52px}
div#sub-header .right-set li.split-v-list a{background-position:-42px 0}
div#sub-header .right-set li.split-v-list a:hover{background-position:-42px -26px}
div#sub-header .right-set li.split-v-list a.active{background-position:-42px -52px}

div#sub-header .right-set li.mail-normal-list a{background-position:0 0}
div#sub-header .right-set li.mail-normal-list a:hover{background-position:0 -26px}
div#sub-header .right-set li.mail-normal-list a.active{background-position:0 -52px}
div#sub-header .right-set li.mail-split-h-list a{background-position:-21px 0}
div#sub-header .right-set li.mail-split-h-list a:hover{background-position:-21px -26px}
div#sub-header .right-set li.mail-split-h-list a.active{background-position:-21px -52px}
div#sub-header .right-set li.mail-split-v-list a{background-position:-42px 0}
div#sub-header .right-set li.mail-split-v-list a:hover{background-position:-42px -26px}
div#sub-header .right-set li.mail-split-v-list a.active{background-position:-42px -52px}

div#sub-header .right-set li.comm-normal-list a{background-position:0 0}
div#sub-header .right-set li.comm-normal-list a:hover{background-position:0 -26px}
div#sub-header .right-set li.comm-normal-list a.active{background-position:0 -52px}
div#sub-header .right-set li.comm-split-h-list a{background-position:-21px 0}
div#sub-header .right-set li.comm-split-h-list a:hover{background-position:-21px -26px}
div#sub-header .right-set li.comm-split-h-list a.active{background-position:-21px -52px}
div#sub-header .right-set li.comm-split-v-list a{background-position:-42px 0}
div#sub-header .right-set li.comm-split-v-list a:hover{background-position:-42px -26px}
div#sub-header .right-set li.comm-split-v-list a.active{background-position:-42px -52px}

div#sub-header .right-set li.reload a{margin-left:4px;background-position:0 -78px}
div#sub-header .right-set li.reload a:hover{background-position:0 -104px}
div#sub-header .right-set li.print a{margin-left:3px;background-position:-21px -78px}
div#sub-header .right-set li.print a:hover{background-position:-21px -104px}

/* =================================================================
	Splitbar
================================================================= */
/* Splitbar styles; these are the default class names and required styles */
.splitter-bar{float:left;width:7px;height:100%}
.splitter-bar.ui-state-highlight{-moz-opacity:.70;filter:alpha(opacity=70);opacity:.70}
.splitter-bar-vertical{width:9px;border-top-width:1px;background:url(/img/vspliter_bg.gif) repeat-y left center;line-height:0;font-size:0}
.splitter-bar-horizontal{height:9px;background:url(/img/hspliter_bg.gif) repeat-x top center;line-height:0;font-size:0}


/* =================================================================
	Layer_pop
================================================================= */
#smartPop_overlay{display:block;overflow:hidden;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1000;background-color:rgba(252,252,252,.75);cursor:wait}
#smartPop{display:none;overflow-x:auto;overflow-y:scroll;position:fixed;top:0;right:0;left:0;bottom:0;z-index:100004}
#smartPop_container{z-index:2;max-width:1300px;min-width:250px;width:720px;height:300px;margin:0 auto;padding:0;background-color:#FFF;background:#fff;-webkit-box-shadow:0 0 1px rgba(0,0,0,.25),0 1px 5px 3px rgba(0,0,0,.05),0 5px 4px -3px rgba(0,0,0,.06)}

#smartPop_content{display:none;overflow:hidden;margin:20px;padding:0;cursor:default}
#smartPop_frame{display:none;width:100%;height:100%}
#smartPop_log{display:none;overflow:auto;position:fixed;top:10px;left:10px;z-index:3;width:200px;height:400px;padding:10px;border:solid 1px #444;background:#fff}
#smartPop_close_wrap{position:absolute}
#smartPop_close{position:absolute;top:10px;right:10px;width:14px;height:13px;background:url(./img/btn_close1.png);cursor:pointer}
#smartPop_loading{position:relative;width:16px;height:16px;margin:10px auto 0;background:url(../img/loading.gif);cursor:wait}

#configPop{display:none;position:absolute;z-index:1000;width:490px}
.configPop_container{display:block;max-width:1300px;min-width:250px;border:6px solid #333;background-color:#FFF;-webkit-box-shadow:0 0 1px rgba(0,0,0,.25),0 1px 5px 3px rgba(0,0,0,.05),0 5px 4px -3px rgba(0,0,0,.06)}
.configPop-get{display:block; padding:15px 20px 25px 20px;}
.configPop-wrap{margin:0 auto}
.configPop_close_wrap{position:relative}
.configPop_close{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/img/btn_close.gif);cursor:pointer}
.configPop-get .title{width:100%;height:23px;margin:0 auto}
.configPop-get .title .title_name{float:left;padding-left:20px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 0 transparent; font-size:15px;line-height:14px;font-weight:bold;letter-spacing:0px}
.configPop-get .title_line{padding-top:23px}
.configPop-get .title_line .darkline{border-bottom:1px solid #d4d4d4}
.configPop-get .title_line .lightline{padding-bottom:12px;border-top:2px solid #f4f4f4}
#configPop .bottom{display:inline-block;clear:both;position:relative;width:100%;padding-top:14px;text-align:center}

#configPop .infobox{margin:0 5px;padding:7px 10px;border-width:1px;background:#f1f1f1; line-height:22px}
#configPop .confirmtext{padding:2px 9px;text-align:center}
#configPop .confirmtext span.confirmMsg{padding:8px 0 2px 30px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 -289px transparent;font-weight:bold;line-height:20px}
#configPop .confirmtext span.subMsg{color:#434343}



#configLayerPop{display:none;position:absolute;z-index:1005;width:490px}
.configLayerPop_container{display:block;max-width:1300px;min-width:250px;border:6px solid #526086;background-color:#FFF;-webkit-box-shadow:0 0 1px rgba(0,0,0,.25),0 1px 5px 3px rgba(0,0,0,.05),0 5px 4px -3px rgba(0,0,0,.06)}
.configLayerPop-get{display:block;padding:20px}
.configLayerPop-wrap{margin:0 auto}
.configLayerPop_close_wrap{position:relative}
.configLayerPop_close{position:absolute;top:0;right:0;width:20px;height:20px;background:url(/img/btn_close.gif);cursor:pointer}
.configLayerPop-get .title{width:100%;height:23px;margin:0 auto}
.configLayerPop-get .title .title_name{float:left;padding-left:15px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 0 transparent; font-size:12px;line-height:14px;font-weight:bold;letter-spacing:0px}
.configLayerPop-get .title_line{padding-top:21px}
.configLayerPop-get .title_line .darkline{border-bottom:1px solid #d4d4d4}
.configLayerPop-get .title_line .lightline{padding-bottom:12px;border-top:2px solid #f4f4f4}
#configLayerPop .bottom{display:inline-block;clear:both;position:relative;width:100%;padding-top:14px;text-align:center}

#configLayerPop .infobox{margin:0 5px;padding:7px 10px;border-width:1px;background:#f1f1f1; line-height:22px}
#configLayerPop .confirmtext{padding:2px 9px;text-align:center}
#configLayerPop .confirmtext span.confirmMsg{padding:8px 0 2px 30px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 -289px transparent;font-weight:bold;line-height:20px}
#configLayerPop .confirmtext span.subMsg{color:#434343}

#configPop2 {
	position:absolute;
	display:none;
	width:490px;
	z-index: 1002;
	}
	.configPop_container2 {border:6px solid rgb(82, 96, 134);background-color:white; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06); max-width:1300px; min-width:250px;display:block;}
	.configPop2-get {padding:15px 20px 40px 20px; display:block;}
	.configPop-wrap2 { margin: 0 auto;}
	.configPop_close_wrap2 {position:relative;}
	.configPop_close2 {position:absolute; width:30px; height:30px; background:url('/img/btn_close.gif'); right:0; top:0; cursor:pointer;	}
		.configPop2-get .title {
			margin: 0 auto;
			width: 100%;
			height: 23px;
			}
		.configPop2-get .title .title_name {
			background: url("/img/bullet_sprite.gif") no-repeat scroll 0 0 transparent;
			float: left;
			padding-left: 15px;
			letter-spacing: 0px;
			font-size: 13px;
			line-height: 14px;
			font-weight: bold;
			}
		.configPop2-get .title_line {
			padding-top: 21px;
			}
			.configPop2-get .title_line .darkline{
				border-bottom: 1px solid #d4d4d4;
				}
			.configPop2-get .title_line .lightline{
				border-top: 2px solid #f4f4f4;
				padding-bottom: 12px;
				}
	#configPop2 .bottom {
		position: relative;
		clear: both;
		width: 100%;
		display:inline-block;
		padding-top: 15px;
		text-align: center;
		}



#configPop2 .infobox {
	background: #f8f8f8;
	border-width: 1px;
	padding: 7px 10px;
	margin:0 5px;
	}
#configPop2 .confirmtext {
	padding: 2px 9px 2px 9px;
	text-align: center;
	}
		#configPop2 .confirmtext span.confirmMsg{
			padding: 8px 0 2px 30px;
			font-weight: bold;
			background: url("/img/bullet_sprite.gif") no-repeat scroll 0 -289px transparent;
			line-height: 20px;
			}
		#configPop2 .confirmtext span.subMsg{
			color:#434343; 
			}
			
/**-- 조직도 용 --**/

#orgPop{
	position:absolute;
	display:none;
	width:490px;
	z-index: 10000;
	}
	.orgPop_container {border: 6px solid #333;background-color:white; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06); max-width:1300px; min-width:250px;display:block;}
	.orgPop-get {padding:10px 15px 30px 15px; display:block;}
	.orgPop-wrap { margin: 0 auto;}
	.orgPop_close_wrap {position:relative;}
	.orgPop_close {position:absolute; width:30px; height:30px; background:url('/img/btn_close.gif'); right:0; top:0; cursor:pointer;	}
		.orgPop-get .title {
			margin: 0 auto;
			width: 100%;
			height: 23px;
			}
		.orgPop-get .title .title_name {
			background: url("/img/bullet_sprite.gif") no-repeat scroll 0 0 transparent;
			float: left;
			padding-left: 20px;
			letter-spacing: 0px;
			font-size: 15px;
			line-height: 13px;
			font-weight: bold;
			color:#444;
			}
		.orgPop-get .title_line {
			padding-top: 21px;
			}
			.orgPop-get .title_line .darkline{
				border-bottom: 1px solid #d4d4d4;
				}
			.orgPop-get .title_line .lightline{
				border-top: 2px solid #f4f4f4;
				padding-bottom: 12px;
				}
	#orgPop .bottom {
		position: relative;
		clear: both;
		width: 100%;
		display:inline-block;
		padding-top: 10px;
		text-align: center;
		}



#orgPop .infobox {
	background: #f8f8f8;
	border-width: 1px;
	padding: 7px 10px;
	margin:0 5px;
	}
#orgPop .confirmtext {
	padding: 2px 9px 2px 9px;
	text-align: center;
	}
#orgPop .confirmtext span.confirmMsg{
	padding: 8px 0 2px 30px;
	font-weight: bold;
	background: url("/img/bullet_sprite.gif") no-repeat scroll 0 -289px transparent;
	line-height: 20px;
	}
#orgPop .confirmtext span.subMsg{
	color:#434343;
	}
	
/**-- 사내연락망 레이어 --**/
#companyPop{
	position:absolute;
	display:none;
	width:490px;
	z-index: 1000;
	}
.companyPop_container {border:6px solid #333;background-color:white; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06); max-width:1300px; min-width:250px;display:block;}
.companyPop-get { padding:15px; display:block;}
.companyPop-wrap { margin: 0 auto;}
.companyPop_close_wrap {position:relative;}
.companyPop_close {position:absolute; width:30px;height:30px; background:url('/img/btn_close.gif'); right:0; top:0; cursor:pointer;	}
.companyPop-get .title {
	margin: 0 auto;
	width: 100%;
	height: 23px;
	}
.companyPop-get .title .title_name {
	background: url("/img/bullet_sprite.gif") no-repeat scroll 0 0 transparent;
	float: left;
	padding-left: 15px;
	letter-spacing: 0px;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color:#526086
	}
.companyPop-get .title_line {
	padding-top: 21px;
	}
.companyPop-get .title_line .darkline{
	border-bottom: 1px solid #d4d4d4;
	}
.companyPop-get .title_line .lightline{
	border-top: 2px solid #f4f4f4;
	padding-bottom: 12px;
	}
#companyPop .bottom {
	position: relative;
	clear: both;
	width: 100%;
	display:inline-block;
	padding-top: 10px;
	text-align: center;
	}
#companyPop .infobox {
	background: #f8f8f8;
	border-width: 1px;
	padding: 7px 10px;
	margin:0 5px;
	}
#companyPop .confirmtext {
	padding: 2px 9px 2px 9px;
	text-align: center;
	}
#companyPop .confirmtext span.confirmMsg{
	padding: 8px 0 2px 30px;
	font-weight: bold;
	background: url("/img/bullet_sprite.gif") no-repeat scroll 0 -289px transparent;
	line-height: 20px;
	}
#companyPop .confirmtext span.subMsg{
	color:#434343;
	}

/**-- 메모 용 --**/

#memoPop{
	position:absolute;
	display:none;
	width:490px;
	z-index: 1000;
	}
	.memoPop_container {border:0px solid #CBCBCB; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06); max-width:1014px; min-width:250px;display:block;}
	.memoPop-get { padding:8px; display:block; background-color:#6f6b63;}
	.memoPop-wrap { margin: 0 auto;}
	.memoPop_close_wrap {position:relative; height:21px; background:url('/img/memo_bar.png') no-repeat 0 0;}
	.memoPop_close_wrap p a {display:inline-block; width:53px; height:21px; background:url('/img/memo_bar.png') no-repeat 0 -21px; margin-left:935px; }
	.memoPop_close_wrap p a:hover {background:url('/img/memo_bar.png') no-repeat -53px -21px;}
	.memoPop_close {position:absolute; width:20px; height:20px; background:url('/img/btn_close.gif'); right:0; top:0; cursor:pointer;	}
		.memoPop-get .title {
			margin: 0 auto;
			width: 100%;
			height: 23px;
			}
		.memoPop-get .title .title_name {
			background: url("/img/bullet_sprite.gif") no-repeat scroll 0 0 transparent;
			float: left;
			padding-left: 15px;
			letter-spacing: 0px;
			font-size: 13px;
			line-height: 13px;
			font-weight: bold;
			color:#526086
			}
		.memoPop-get .title_line {
			padding-top: 21px;
			}
			.memoPop-get .title_line .darkline{
				border-bottom: 1px solid #d4d4d4;
				}
			.memoPop-get .title_line .lightline{
				border-top: 2px solid #f4f4f4;
				padding-bottom: 12px;
				}
	#memoPop .bottom {
		position: relative;
		clear: both;
		width: 100%;
		display:inline-block;
		padding-top: 10px;
		text-align: center;
		}



#memoPop .infobox {
	background: #f8f8f8;
	border-width: 1px;
	padding: 7px 10px;
	margin:0 5px;
	}
#memoPop .confirmtext {
	padding: 2px 9px 2px 9px;
	text-align: center;
	}
#memoPop .confirmtext span.confirmMsg{
	padding: 8px 0 2px 30px;
	font-weight: bold;
	background: url("/img/bullet_sprite.gif") no-repeat scroll 0 -289px transparent;
	line-height: 20px;
	}
#memoPop .confirmtext span.subMsg{
	color:#434343;
	}

/**-- 메모 용 --**/

.memoOnlyLayer {display:none;position:absolute;z-index:1001;width:490px}
.memoOnlyLayer .configPop_container{display:block;max-width:1300px;min-width:250px;border:6px solid #526086;background-color:#FFF;-webkit-box-shadow:0 0 1px rgba(0,0,0,.25),0 1px 5px 3px rgba(0,0,0,.05),0 5px 4px -3px rgba(0,0,0,.06)}
.memoOnlyLayer .configPop-get{display:block;padding:20px}
.memoOnlyLayer .configPop-wrap{margin:0 auto}
.memoOnlyLayer .configPop_close_wrap{position:relative}
.memoOnlyLayer .configPop_close{position:absolute;top:0;right:0;width:20px;height:20px;background:url(/img/btn_close.gif);cursor:pointer}
.memoOnlyLayer .configPop-get .title{width:100%;height:23px;margin:0 auto}
.memoOnlyLayer .configPop-get .title .title_name{float:left;padding-left:15px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 0 transparent; font-size:12px;line-height:14px;font-weight:bold;letter-spacing:0px}
.memoOnlyLayer .configPop-get .title_line{padding-top:21px}
.memoOnlyLayer .configPop-get .title_line .darkline{border-bottom:1px solid #d4d4d4}
.memoOnlyLayer .configPop-get .title_line .lightline{padding-bottom:12px;border-top:2px solid #f4f4f4}
.memoOnlyLayer .bottom{display:inline-block;clear:both;position:relative;width:100%;padding-top:14px;text-align:center}

.memoOnlyLayer .infobox{margin:0 5px;padding:7px 10px;border-width:1px;background:#f1f1f1; line-height:22px}
.memoOnlyLayer .confirmtext{padding:2px 9px;text-align:center}
.memoOnlyLayer .confirmtext span.confirmMsg{padding:8px 0 2px 30px;background:url(/img/bullet_sprite.gif) no-repeat scroll 0 -289px transparent;font-weight:bold;line-height:20px}
.memoOnlyLayer .confirmtext span.subMsg{color:#434343}

/* =================================================================
	Paging Design
================================================================= */

div#Page-list{}
div#Page-list .pagelist{margin:7px;}
div#Page-list .page-updown ul{float:left}
div#Page-list .page-updown ul a{float:left;width:19px;height:19px;background:url(/img/page_sprite.gif) no-repeat}
div#Page-list .page-updown ul.prev a{border-right:1px solid #d7d8d8;background-position:0 0}
div#Page-list .page-updown ul.prev a:hover{border-right:1px sould #b8d3f6;background-position:-39px 0}
div#Page-list .page-updown ul.next a{background-position:-20px 0}
div#Page-list .page-updown ul.next a:hover{margin-left:-1px;border-left:1px solid #b8d3f6;background-position:-59px 0}

div#Page-list .pagelist ul {float:left}
div#Page-list .pagelist ul li {float:left;padding:4px 6px;background:none;font-weight:bold; font-family:gulim; font-size:12px;}
div#Page-list .pagelist ul li.active{color:#f44331; text-decoration:underline;}
div#Page-list .pagelist ul a {float:left; width:27px; height:27px; background-color:#fff; background:url(/img/page_arrow.png) no-repeat 0 0;} 
div#Page-list .pagelist ul a:hover {background-color:#f9f9f9;}
div#Page-list .pagelist ul.first a {background-position:9px -3px; border:1px solid #d8d8d8; border-radius:3px 0 0 3px;}
div#Page-list .pagelist ul.prev a {background-position:9px -40px; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-radius:0 3px 3px 0;}
div#Page-list .pagelist ul.next a{background-position:11px -114px; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-radius:3px 0 0 3px;}
div#Page-list .pagelist ul.last a{background-position:11px -77px; border:1px solid #d8d8d8; border-radius:0 3px 3px 0;}
div#Page-list .pagelist ul.first a.active{}
div#Page-list .pagelist ul.prev a.active{}
div#Page-list .pagelist ul.next a.active{}
div#Page-list .pagelist ul.last a.active{}
div#Page-list .pagelist ul.pagenum{padding:4px 6px 0 6px;}
div#Page-list .pagelist ul.pagenum,div#Page-list .pagelist ul.pagenum li,div#Page-list .pagelist ul.pagenum li a{background:none}
div#Page-list .pagelist ul.pagenum li a {width:100%;height:100%}
div#Page-list .pagelist ul.pagenum li {float:left; }

/* =================================================================
	Datepicker
================================================================= */
.datepick{border:3px solid #3b58a1;background-color:#3b58a1}
.datepick-rtl{direction:rtl}
.datepick-popup{position:absolute;z-index:100005}
.datepick-disable{position:absolute;z-index:100;background-color:#FFF;opacity:0.5;filter:alpha(opacity=50)}
.datepick a{color:#000;text-decoration:none}
.datepick a.datepick-disabled{cursor:auto}
.datepick-ctrl{font-size:11px;}
a.datepick-cmd{height:1.5em;color:#fff}
.datepick-nav{position:relative;left:-2px}
.datepick-nav a{position:absolute;top:6px;left:0px;}
a.datepick-cmd-next{left:33px}
.datepick-cmd-today{float:left;margin-left:65px;padding-top:5px}
.datepick-cmd-close{float:right;width:12px;padding-right:2%;padding-top:5px;text-align:right}
.datepick-rtl .datepick-cmd-current,.datepick-rtl .datepick-cmd-today{float:right}
.datepick-rtl .datepick-cmd-close{float:left;padding-left:2%;padding-right:0;text-align:left}
.datepick-month-row{clear:left}
.datepick-month{width:15em;text-align:center}
.datepick-month table{clear:both;width:100%}
.datepick-month-header{margin-left:52px;height:30px;padding-top:6px;font-weight:bold;color:#fff}
.month-prev,.month-next{float:left;margin-top:-1px}
p.prev-icon,p.next-icon{width:17px;height:17px;margin-right:2px;border:1px solid #6b97e6}
p.prev-icon{margin-left:12px;background:url(/img/bullet_sprite.gif) no-repeat scroll 6px -177px;background-color:#4974c3}
p.next-icon{background:url(/img/bullet_sprite.gif) no-repeat scroll -8px -177px;background-color:#4974c3}
.datepick-month-header select{float:left;height:19px;margin-right:2px;border:1px solid #6b97e6;background-color:#4974c3;*background-color:#fff;font-weight:bold;color:#fff;*color:#405793}
.datepick-month-year{width:58px}
.datepick-month-month{width:53px}
.datepick table th{padding:0;background:#dfe8fb;text-align:center}
.datepick-month thead{height:22px}
.datepick-month th,.datepick-month td{border:none;color:#555}
.datepick-month th,.datepick-month th a{height:22px;background-color:#dfe8fb}
.datepick-month td{height:25px;background-color:#fff}
.datepick-month td.datepick-week *{border:none}
.datepick-month a{display:block;width:100%;padding:.125em 0;text-decoration:none}
.datepick-month span{display:inline-block;width:100%;font-weight:bold;color:#405793}
.datepick-month td .datepick-other-month{color:blue}
.datepick-month td .datepick-weekend{color:#dd2828}
.datepick-month td .datepick-weekend-sat{color:#3470f1}
.datepick-month td .datepick-today{padding:6px 0 3px;background-color:#c8deff}
.datepick-month td .datepick-highlight{padding:6px 0 3px;background-color:#c8deff}
.datepick-month td .datepick-selected{padding:6px 0 3px;background-color:#ffd0d0}
.datepick-status{clear:both;background-color:#b1db87;text-align:center}
.datepick-clear-fix{clear:both}
.datepick-cover{display:none;display /**/:block;position:absolute;top:-1px;left:-1px;z-index:-1;filter:mask()}
.date-picker-text{width:95px;margin-right:0;background:url(/img/bullet_sprite.gif) no-repeat scroll right -158px transparent;line-height:120%;cursor:pointer}

/* =================================================================
	Color Picker
================================================================= */
.miniColors-trigger{display:inline-block;width:58px;height:17px;margin:0 .25em;background:url(/img/basic_sprite.png) no-repeat scroll -172px -174px transparent;vertical-align:middle;outline:none}
.miniColors-selector{position:absolute;z-index:999999;width:175px;height:150px;padding:5px;border:solid 1px #BBB;border-radius:5px;background:#FFF;-moz-box-shadow:0 0 6px rgba(0,0,0,.25);-webkit-box-shadow:0 0 6px rgba(0,0,0,.25);box-shadow:0 0 6px rgba(0,0,0,.25);-moz-border-radius:5px;-webkit-border-radius:5px}
.miniColors-selector.black{border-color:#000;background:#000}
.miniColors-colors{position:absolute;top:5px;left:5px;width:150px;height:150px;background:url(/img/gradient.png) center no-repeat;cursor:crosshair}
.miniColors-hues{position:absolute;top:5px;left:160px;width:20px;height:150px;background:url(/img/rainbow.png) center no-repeat;cursor:crosshair}
.miniColors-colorPicker{position:absolute;width:11px;height:11px;background:url(/img/circle.gif) center no-repeat}
.miniColors-huePicker{position:absolute;left:-3px;width:26px;height:3px;background:url(/img/line.gif) center no-repeat}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: 
                url('/img/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.maxImage{
	
        width: 100%; max-width: 760px; vertical-align: middle;
}

/*
	개발용 클래스
*/
.cLayer
{
}

.tLayer
{
}

.placeholder {color:#888;}

.icon-cancle {display:inline-block; height:14px; width:14px; margin-left:10px; background:url(/img/icon_cancle.png) repeat 0 0; }

.icon-cancle {display:inline-block; height:14px; width:14px; margin-left:10px; background:url(/img/icon_cancle.png) repeat 0 0; }

em {font-weight: bold;}
    .route-area {overflow:hidden; position:relative; background:url(/img/route_back.png) repeat; height:33px;}
	.route-table {display:table; height:33px;}
	.route-tr {display:table-row; }
	.route-td {
		position:relative; 
		display:table-cell;
		padding:0 20px; 
		
		font-family:gulim; 
		font-size:12px; 
		border-right:1px solid #e4e4e4;
		border-bottom:1px solid #e4e4e4;
		}
	.route-td span {display:block; max-width:140px; word-break:break-all; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
	.route-td:hover {background:#f9f9f9; cursor:pointer; border-bottom:1px solid #dadada;}
	.route-td a {color:#555;}
	.route-td:hover > p.route-close {display:inline-block !important;}
	.route-close {display:none; position:absolute; top:0; right:0; height:18px; width:18px; background:url(/img/route_close.png) no-repeat;}
	.route-close:hover {background:url(/img/route_close.png) no-repeat -18px 0;}
	.route-current {background:#fff; border-bottom:1px solid #e4e4e4; font-weight:bold;}
	.route-current:hover {background:#fff; border-bottom:1px solid #dcdcdc;}
	.route-current a {color:#138dba !important;}
	.route-control-left {
		display:inline-block; 
		padding:0 8px; 
		line-height:32px;
		cursor:pointer; 
		border-right:1px solid #e4e4e4;
		border-bottom:1px solid #e4e4e4; 
		background:#f7f7f7;
		}
	.route-control-left:hover {background:#f7f7f7;}
	.route-control-right {
		position:absolute; 
		top:0; 
		right:0; 
		display:inline-block; 
		padding:0 8px; 
		line-height:32px; 
		cursor:pointer; 
		border-left:1px solid #e4e4e4; 
		border-bottom:1px solid #e4e4e4;
		background:#f7f7f7;
		box-shadow:0px 0px 0px #999;
		}
	.route-control-right:hover {background:#f7f7f7;}
	.route-left {display:inline-block; width:6px; height:10px; background:url(/img/route_move.png) no-repeat;}
	.route-right {display:inline-block; width:6px; height:10px; background:url(/img/route_move.png) no-repeat -6px 0;}
.message-num 
{
	color:#fd7134;
	font-weight:bold;
	font-size:12px;
	font-family:gulim; 
	margin-left:4px; 
}

.text-delete {
 cursor:pointer;
 display:inline-block;
 position:relative;
 padding-right:25px;
 height:18px;
 background:url(/img/schedule_icon_del.png) no-repeat right 0;
 }
 
.log-notice {padding:25px 0 5px;}
.log-notice dl {width:315px; border:1px solid #ddd; padding:10px 20px; border-radius:5px; display:inline-block; position:relative; background-color:#f8f8f8;}
.log-notice dt {position:absolute; left:10px; font-weight:bold; color:#333; margin-right:5px; line-height:22px;}
.log-notice ul {margin-left:50px;}
.log-notice li {text-align:left; line-height:22px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.gw-noticelayer {
    position:relative; width:440px;
    height: 370px;
    padding: 20px 25px;
    background-color: #e5e5e5;
    border: 1px solid #999;
    border-radius: 8px;
    color: #bbb;
    font-size: 14px;
    line-height: 1.8;
    }
.gw-notice-close {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 15px;
    background: url(/img/inve_login_layerclose.png) no-repeat 0 0;
    cursor: pointer;
    opacity:0.5;
    }
.gw-noticelayer-title {
    height: 45px;
    line-height: 45px;
    padding-right: 20px;
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
.gw-noticelayer-area {overflow-y:auto; color:#000; height:290px;}