@charset "UTF-8";

/*==================================================================================
 UI & design consuting - FOR C&C (주)에프오알씨앤씨 - UI Creative Team
www.forcnc.co.kr  / (02)322-0637
==================================================================================*/

/* layout z-index */
.page-header {position:relative; z-index:10;}
.hhsc-gnb {z-index:100;}
.menu-page-set {position:relative; z-index:2;}
.nav-lnb {position:relative; z-index:1;}


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, applet, object, iframe,
fieldset, form, label, legend,
audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%;
	font: inherit;
	vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
} */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
button {
	border:0;
	padding:0;
	margin:0;
	background-color:transparent;
}


/*============================================
common
============================================*/
html {
/*   -ms-overflow-style: -ms-autohiding-scrollbar; */
/** IE에서 암전팝업 오픈시에 스크롤바가 암전팝업 위로 올라오는 현상 개선 skyoon 160129*/
  -ms-overflow-style: auto;
}
body{
	font-size:12px !important;
	line-height: 1.4em;
	font-family:'Malgun Gothic', '맑은 고딕' , arial, dotum, gulim !important;
	color:#000;
	padding:0; margin:0 !important;
	scrollbar-face-color: #E4E4E4;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #CACACA;
}
a {
	font-family:'Malgun Gothic', arial, gulim, dotum;
	color: #000;
	text-decoration:none !important; /* 사내전문가 corev15.css 속성 overwright */
	cursor:pointer;
}
a:focus {outline:none;}
a:hover {text-decoration:none;}
a img, fieldset {border:0;}
button {
	cursor:pointer;
	font-family:'Malgun Gothic', arial, gulim, dotum;
}

/*============================================
Input
============================================*/
input[type=text],
input[type=password],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=emal],
input[type=month],
input[type=number],
input[type=range],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {border:1px solid #e0e0e0;box-sizing:border-box;height:28px;padding-left:5px;vertical-align:middle;outline:none;font-family:'Malgun Gothic', arial, gulim, dotum !important;}

/* Input text Width */
.form-txt-width-full {width:100%;}
.form-txt-width-90 {width:90%;}
.form-txt-width-80 {width:80%;}
.form-txt-width-65 {width:65%;}

select {font:inherit;border-radius:14px !important;height:28px;border:1px solid #e0e0e0;background-color:#f8f8f8;}
legend {visibility:hidden;position:absolute;left:-10000px;}

/* 날짜 선택 */
.date-select {white-space:nowrap;display:inline-block;margin:0;}
.date-select input[type=date] {width:95px;} /* 191009 (주)로즈시스템즈 퍼블, 영문일때 본문 타이틀 상세검색 고정공간 부족으로 수정, asis 100px */
@supports ( -ms-ime-align:auto ){
	/* edge */
	.date-select input[type=date] {width:130px;} /* 엣지 브라우저의 달력 input 박스 사이즈 설정 */
}
@media screen and ( -webkit-min-device-pixel-ratio:0 ){
	/* Chrome */
	.date-select input[type=date] {	width:130px;} /* 크롬 브라우저의 달력 input 박스 사이즈 설정 */
	input[type="date"]::-webkit-calendar-picker-indicator { display: none; } 
}
@-moz-document url-prefix() {
   /* Firefox */
}
.date-select .ico-img {text-indent:-10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/custom_form.png);}
.date-select .ico-date {display:inline-block;width:16px;height:15px;background-position:-50px top;vertical-align:middle;margin-top:3px;margin-left:3px;margin-bottom:5px;}
.date-select .hyphen {margin:0 5px;}
.date-select-multiline .date-select {margin-top:3px;}
.date-select-multiline .date-select:first-child {margin-top:0;}
.date-select input[type=text] {width:40px;}
.veiw-option #calendarArea3Layout .date-select{padding-right:12px;}
.veiw-option #calendarArea3Layout .date-select input[type=date]{width:100px !important;}
.veiw-option #calendarArea3Layout .databox-wrap{float:left;}
.veiw-option #calendarArea3Layout .databox-td{margin-right:6px;}

/*============================================
jquery-ui 관련 CSS
============================================*/
/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget {font-family:'Malgun Gothic', arial, dotum, gulim !important;}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
	display:none;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
	display:none;
	display:none !important;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 3px;
	right: 0;
	top: 0;
	height: 100%;
	border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin-left:-5px;background-color:#f0f0f0;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
	display:none;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
	display:none !important;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
	display:none;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
	display:none;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
	display:none;
}
/* form */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:'Malgun Gothic', arial, dotum, gulim !important;}


/*============================================
Custom Scroll
============================================*/
/* 1. BASIC STYLE */
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

/* 2. VERTICAL SCROLLBAR
y-axis */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px; /* minimum dragger height */
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width: 5px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	text-align: center;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/*

/* 5. TRANSITIONS */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS */
	/* 6.1 THEMES */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0.7; filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)"; }
.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #000; background-color: rgba(0,0,0,0.0);
	filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.1);
	filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.65);
	filter: "alpha(opacity=65)"; -ms-filter: "alpha(opacity=65)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #000; background-color: rgba(0,0,0,0.7);
	filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)";
}

/*============================================
drag design
============================================*/
.drag-control-bar{width:5px;height:100%;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;display:inline-block;float:left;margin-left:-5px;cursor:col-resize;background-color:#f0f0f0;}
.lay-full-content .drag-control-bar{display:none;}

/*============================================
Layout
============================================*/
/*html, body, .lay-wrap {height:100%;}*/
.lay-wrap {width:auto;min-width:1160px;}
.lay-default-popup{min-width:550px !important;}
/* 영역 구분 */
.lay-container {margin:0 auto;}
.lay-container-wrap {margin:0 20px;}
.lay-container-wrap .no-border{margin:0 20px; border-left:0px solid #e0e0e0;} /* 2016.12.22 : kim jin ho - 한화케미칼 워크플레이스 게시판 */
.lay-gnb {}
.lay-snb {width:240px;height:100%;float:left;/* padding:0 19px;*/border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-sizing:border-box;background-color:#f5f5f5;}
.lay-snb .snb-content{padding:0 19px;}
.lay-content {margin-left:240px;position:relative;height:100%;border-right:1px solid #e0e0e0;}
.lay-content::after {content:'';display:block;clear:both;}
.lay-drag-content .lay-col1 {overflow-x:auto;width:370px;min-width:370px !important;box-sizing:border-box;float:left;padding-right:5px;background-color:#fff} /* 2017-08-30 : 상세보기 레이어 수정 */
.lay-drag-content .lay-col2 {left:370px;top:0;min-width:540px;box-sizing:border-box;padding-left:20px;padding-right:20px;position:absolute;right:0;}
.lay-drag-content.lay-col2::before {content:'';display:block;width:100%;}
/* Layout Static형
 * .lay-static-content : 1단형
 * .lay-static-content-type2 : 우측 고정형
 * .lay-static-content-type3 : 좌측 고정형(사내전문가)
*/
.lay-static-content {padding-right:338px;background:url(/neo/img/ncp/theme/common/lay_bg_static_col2.png) right top repeat-y;min-width:551px;}
.lay-static-content::after {content:'';display:block;clear:both;}
.lay-static-content .lay-col1,
.lay-static-content-type2 .lay-col1 {position:relative;box-sizing:border-box;float:left;width:100%;height:100%;border-right:1px solid #e0e0e0;}
.lay-static-content .lay-col2 {position:relative;left:338px;float:left;width:338px;height:100%;margin-left:-338px;box-sizing:border-box;}
.lay-static-content-type2 .lay-col2 {position:relative;left:488px;float:left;width:488px;height:100%;margin-left:-488px;box-sizing:border-box;}
.lay-static-content-type2 {padding-right:488px;}
.lay-static-content-type2 .header-option-bar {margin:0 20px;width:448px;border-bottom:1px solid #e0e0e0;}
.lay-static-content-type2 .lay-col2 .lay-contents-area {border-top:none;}
.lay-static-content-type2 .lay-col2 .article-action {font-size:12px;font-weight:bold;color:#424242;}
.lay-static-content-type2 .lay-col2 .article-action .info-point {font-size:12px;color:#ff3d00;}
.lay-static-content-type3 .lay-col1 {width:400px;box-sizing:border-box;float:left;border-right:1px solid #e0e0e0;}
.lay-static-content-type3 .lay-col2 {left:400px;top:0;min-width:540px;box-sizing:border-box;padding-left:20px;padding-right:20px;position:absolute;right:0;}
.lay-static-content-type3 .lay-col2 .lay-contents-area {padding-top:20px;}

/* Layout Full형 */
.lay-full-content .lay-col1 {border-right:1px solid #e0e0e0;}
/* Layout Main형 */
.lay-main-content {margin-left:0;border-right-width:0;}

/* page header */
#contentSet .page-header {border-bottom:1px solid #e0e0e0;}
.page-header {padding:26px 0 0;}
.page-header-box {display:table;width:100%;}
.page-header .page-header-left {display:table-cell; padding-left:20px;}
.page-header .page-title {font-size:18px;color:#23201f;line-height:1.33em;font-weight:normal;display:table-cell;padding-bottom:14px;vertical-align:bottom;}
/* .page-header .page-title span{font-size:14px;color:#FF8200;vertical-align:2px;margin-left:10px;} */
.page-header .page-title span{font-size:14px;color:#FF8200;vertical-align:2px;margin:0 10px; /* 2016-10-26 by naomi */}
.page-header .page-title .info-point {color:#fe630f;padding-right:5px;}
.page-header .page-header-right {text-align:right;white-space:nowrap;padding-right:20px;padding-bottom:10px;position:relative;display:table-cell;vertical-align:top;}
.page-header .page-header-right .page-header-btn-area,
.page-header .page-header-right .page-header-search-area {display:inline-block;}
.page-header .page-header-right .databox-wrap {vertical-align:top;}
.page-header .page-header-right .page-header-search-area {}
.page-header .page-header-right .page-header-search-area .select-box {padding-right:10px;display:inline-block;}
.page-header .page-header-box-twoline{display:table;width:100%;}

/* 폭이 좁을때 */
.page-header.narrow {padding-left:20px;padding-right:20px;}
.page-header.narrow .page-header-box {display:block;}
.page-header.narrow .page-header-left {padding-left:0;}
.page-header.narrow .page-header-right {display:block;padding-right:0;}
.page-header.narrow .page-header-btn-area {position:absolute;right:0;top:-38px;z-index:2;}
.page-header.narrow .page-header-search-area {text-align:right;position:relative;z-index:1;}
.page-header .page-header-search-area .search-title {text-align:right;padding:5px 3px;display:inline-block;}
/* Contents영역 */
.lay-contents-area {border-top:0}
.lay-static-content .lay-contents-area {border-top:none;}
.lay-contents-area.lay-contents-margin {margin:0 20px;}
.lay-contents-area.lay-contents-padding {padding:0 20px;}
.lay-contents-area .info-description {padding:10px 0;}
.lay-contents-area .info-description button {margin-bottom:5px;}
.lay-contents-area .date-select {margin:0;padding-right:30px;}

/* View Option */
.veiw-option {padding:5px 20px;}
.view-option-right {text-align:right;white-space:nowrap;float:right;}
.view-option-left {float:left;}
.view-option-center {text-align:center;}
.veiw-option::after {content:'';display:block;line-height:0;clear:both;}
/* View Option - 폭이 좁을때 */
.narrow .veiw-option {display:table;width:100%;padding:0;}
.narrow .view-option-right,
.narrow .view-option-left {padding:5px 20px;float:none;}
.narrow .view-option-right::after,
.narrow .view-option-left::after {content:'';display:block;line-height:0;clear:both;}
.narrow .view-option-left {border-top:1px solid #e0e0e0;}
.narrow .view-option-left .active-area {float:right;}
.narrow .view-option-left .input-password {width:56px;}
.view-option-left .allcheck {float:left;padding-top:6px;padding-right:15px;}
/* View Option - 문서 양식 검색 */
.databox-wrap {display:inline-block;}
.databox-th,
.databox-td {display:inline-block;vertical-align:middle;}
.databox-th {padding-right:3px;}
.databox-td + .databox-th {padding-left:5px;}
.databox-td .form-select .custom-select-rectangle {width:200px;}
.databox-wrap .jqTransformSelectWrapper {vertical-align:top; z-index:1 !important;}
.narrow .databox-wrap {display:table;}
.narrow .view-option-right .databox-wrap {float:right;}
.narrow .databox-th,
.narrow .databox-td {display:table-cell;vertical-align:middle;}
.narrow .databox-th {text-align:right;padding:0 3px;}

/* Side Navigation 영역 */
/* Header */
.depth1-header {padding:23px 0 11px;}
.depth1-menu-title {color:#fe630f;font-size:30px;line-height:1.1em;font-weight:normal;margin:0;min-height:36px;}
/* 페이지 메뉴 */
.menu-page-set {padding-bottom:14px;}
.menu-page-set .anchor-ico {display:inline-block;}
.menu-page-set .anchor-ico .ico-img {text-indent:-10000px;overflow:hidden;display:block;width:28px;height:28px;border-radius:50%;background-image:url(/neo/img/ncp/theme/common/lay_snb.png);background-color:#bab5b2;}
.menu-page-set .active .ico-img {background-color:#7f756f;}
.menu-page-set .ico-home {background-position:0 -100px;}
.menu-page-set .ico-favorite {background-position:-50px -100px;}
.menu-page-set .ico-setting {background-position:-100px -100px;}

.menu-page-set .btn-layer-layerbox {top:30px;left:-64px;}
.menu-page-set .btn-layer .bu-pointer-bwn {background:url(/neo/img/ncp/theme/common/bu_layer_pointer_bwn.png) 72px bottom no-repeat;}
.menu-page-set .layer-anchor {width:168px;}
.menu-page-set .setting-layer-title {color:#fff;height:35px;border:1px solid #635a55;background-color:#7f756f;line-height:35px;padding-left:15px;margin-top:-1px;}
.menu-page-set .info-description {padding:15px;}

/* Local Navigation */
.nav-lnb {border-top:1px solid #d2d4d9;margin-bottom:13px;}
.nav-lnb ul {padding-left:0;margin:0;list-style:none;}
.nav-lnb .nav-anchor {position:relative;display:block;}
.nav-lnb-root > .nav-item > .nav-anchor {font-size:14px;line-height:1.33em;color:#131313;font-weight:bold;border-bottom:1px solid #d2d4d9;padding:10px 30px 10px 0;}
.nav-lnb-root > .nav-item > .nav-anchor:hover,
.nav-lnb-root > .nav-item.active > .nav-anchor {color:#fe630f;}
.nav-lnb-root > .nav-item > .nav-anchor:active {background:none;}
.nav-lnb-root {}

/* Local Navigation */
.nav-lnb-sub {display:none;padding:10px 0;}
.nav-lnb-sub.active {display:block;}
.nav-lnb-sub .nav-anchor {font-size:12px;color:#3a3c3f;line-height:1.33em;padding:2px 17px 6px;}
.nav-lnb-sub .nav-anchor:hover,
.nav-lnb-sub .nav-anchor.active {font-weight:bold;color:#131313;}
.nav-lnb-sub .nav-anchor .data-txt {margin-right:15px;display:inline-block;}
.nav-lnb-sub .nav-item .data-num {display:inline-block;position:absolute;font-weight:bold;right:10px;top:6px;}
.nav-lnb-sub .on {padding-left:15px;}
#companyBoardListArea .nav-item .nav-anchor.active{color:#131313;border-radius:4px;background-color:transparent;}
#companyBoardListArea .nav-item .nav-anchor{color:#131313;border-radius:4px;background-color:transparent;}
#groupBoardListArea .nav-item .nav-anchor.active{color:#131313;border-radius:4px;background-color:transparent;}
#groupBoardListArea .nav-item .nav-anchor{color:#131313;border-radius:4px;background-color:transparent;}
#affiliateBoardListArea .nav-item .nav-anchor.active{color:#131313;border-radius:4px;background-color:transparent;}
#affiliateBoardListArea .nav-item .nav-anchor{color:#131313;border-radius:4px;background-color:transparent;}
#globalBoardListArea .nav-item .nav-anchor.active{color:#131313;border-radius:4px;background-color:transparent;}
#globalBoardListArea .nav-item .nav-anchor{color:#131313;border-radius:4px;background-color:transparent;}
#transferBoardListArea .nav-item .nav-anchor.active{color:#131313;border-radius:4px;background-color:transparent;}
#transferBoardListArea .nav-item .nav-anchor{color:#131313;border-radius:4px;background-color:transparent;}
#relationCompanyBoardListArea .nav-item .nav-anchor.active{color:#131313;border-radius:4px;background-color:transparent;}
#relationCompanyBoardListArea .nav-item .nav-anchor{color:#131313;border-radius:4px;background-color:transparent;}
.nav-lnb-sub table{margin-top:-1px;}

/* Local Navigation - 3Depth */
.nav-lnb-sub .nav-item .nav-anchor.active{color:#131313;background-color:#transparent;}
.nav-lnb-sub .nav-item .nav-lnb-sub{margin-left:14px;}
.nav-lnb-sub .nav-item .nav-lnb-sub .nav-item .nav-anchor.active{font-weight:bold;background-color:transparent;color:#fe630f;}
.nav-lnb-sub .nav-item .nav-lnb-sub .nav-item .nav-anchor:hover{background-color:transparent;color:#fe630f;}
.nav-lnb-sub .nav-item .nav-lnb-sub .nav-anchor{line-height:1em;}

/* Local Navigation - make, delete */
.nav-lnb-sub-addedlink p {margin:0;}
.nav-lnb-sub-addedlink .nav-menu-addedlink {display:block;position:relative;}
.nav-lnb-sub-addedlink .ico-anchor {display:inline-block;position:absolute;right:10px;top:3px;}
.nav-lnb-sub-addedlink .nav-menu-addedlink:hover .nav-anchor,
.nav-lnb-sub-addedlink .nav-menu-addedlink.active {color:#FFF; background-color:#7f756f;}
/* LNB Icon */
.nav-lnb .ico-img {text-indent:-10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/lay_snb.png);}
.nav-lnb .ico-folding {display:inline-block;width:9px;height:5px;background-position:0 -50px;vertical-align:bottom;position:absolute;right:10px;bottom:16px;}
.nav-lnb-sub .ico-folding {display:inline-block;width:9px;height:5px;background-position:0 -50px;vertical-align:bottom;position:absolute;right:10px;bottom:16px;}
.nav-lnb-sub .ico-folding-right {display:inline-block;width:5px;height:9px;background-position:-25px -50px;vertical-align:bottom;position:absolute;left:6px;bottom:9px;}
.nav-lnb .ico-unfolding {display:inline-block;width:9px;height:5px;background-position:-50px -50px;vertical-align:bottom;position:absolute;right:10px;bottom:15px;}
.nav-lnb .ico-menuFolding {display:inline-block;width:8px;height:8px;background-position:-150px 0;vertical-align:bottom;position:absolute;right:9px;bottom:9px;}
.nav-lnb .ico-menuUnfolding {display:inline-block;width:9px;height:2px;background-position:-200px 0;vertical-align:bottom;position:absolute;right:10px;bottom:12px;}
.nav-lnb .ico-new {display:inline-block;width:13px;height:12px;background-position:0 -150px;vertical-align:middle;margin-left:5px;margin-bottom:3px;}
.nav-lnb .ico-master {display:inline-block;width:13px;height:12px;background-position:-100px -150px;vertical-align:middle;margin-left:3px;}
.nav-lnb .ico-lock {display:inline-block;width:13px;height:12px;background-position:-150px -150px;vertical-align:middle;margin-left:5px;}
.nav-lnb .ico-private {display:inline-block;width:13px;height:12px;background-position:-150px -150px;vertical-align:middle;margin-left:5px;}
.nav-lnb-sub-addedlink .nav-menu-addedlink:hover .ico-private {display:inline-block;width:13px;height:12px;background-position:-200px -150px;vertical-align:middle;margin-left:5px;}
.nav-lnb-sub-addedlink .nav-menu-addedlink:hover .ico-delete {display:inline-block;width:10px;height:10px;background-position:-200px -50px;vertical-align:middle;}
.nav-lnb-sub-addedlink .ico-delete {display:inline-block;width:0;height:0;background-position:-200px -50px;vertical-align:middle;}
.sub-function .ico-add {display:inline-block;width:12px;height:12px;background-position:-100px -50px;vertical-align:middle;position:absolute;right:7px;top:8px;}
.sub-function .ico-img {text-indent:-10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/lay_snb.png);}
.sub-function .ico-plus {display:inline-block;width:13px;height:12px;background-position:-100px -50px;vertical-align:middle;margin-left:5px;float:right;margin-top:3px;}
.sub-function .ico-search {display:inline-block;width:12px;height:13px;background-position:-150px -50px;vertical-align:middle;float:right;}
.webpart-content-list-thumbnail .ico-img {text-indent:-10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/lay_snb.png);}
.webpart-content-list-thumbnail .ico-private {display:inline-block;width:13px;height:12px;background-position:-150px -150px;vertical-align:middle;margin-left:15px;}
.nodata-icotype .ico-img {text-indent:-10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/lay_snb.png);}
.nodata-icotype .ico-blog-make {display:inline-block;width:40px;height:40px;background-position:-200px -100px;margin-bottom:8px;}
.nodata-icotype .ico-blog-favorite {display:inline-block;width:40px;height:40px;background-position:-250px -100px;margin-bottom:8px;}
/* 데이터 없을시 */
.nodata-icotype {background-color:#fff;border: 1px solid #dedede;margin-top:15px;text-align:center;padding:18px 0;}
.nodata-icotype p {margin:0;color:#817f80;font-size:12px;}
.nodata-icotype b {color:#fe630f;font-size:12;font-weight:normal;}
/* 보조기능 */
.sub-function {margin-bottom:20px;}
.sub-function-item {color:#3a3c3f;font-size:12px;line-height:1.33em;font-weight:bold;display:block;border:1px solid #e0e0e0;background-color:#FFF;margin-bottom:5px;position:relative;}
.sub-function-item input.sub-function-search {border-style:none;color:#3a3c3f;font-size:12px;line-height:1.33em;font-weight:normal;padding-left:7px;}
.sub-function-item input.sub-function-search::-webkit-input-placeholder {color:#3a3c3f;}
.sub-function-item .sub-function-add {font-weight:normal;padding:6px 11px 7px;display:block;position:relative;}
.sub-function-item .temporary-save {display:block;padding:6px 11px 7px;}
.sub-function-item .data-num {color:#fe630f;margin-left:4px;}
.sub-function-item .group-create, .sub-function-item .group-search {font-weight:normal;display:block;padding:6px 11px 7px;}
/* banner-manualnguide */
.banner-type-descript {color:#000 !important;font-size:12px;text-align:center;margin-bottom:25px;display:block;text-decoration:none !important;}
.banner-type-descript .pic {margin-bottom:7px;text-decoration:none;}
.banner-type-descript .ban-title {display:block;font-size:14px;color:#fe630f;font-weight:bold;margin-bottom:4px;text-decoration:none !important;}
/* snb banner */
.snb-content .banner {display:table;overflow:hidden;}

.banner-manualnguide {text-indent:-10000px;overflow:hidden;display:block;width:200px;height:50px;background:url(/neo/img/ncp/theme/common/lay_snb.png) left -200px;}
.banner-meetingroombooking {text-indent:-10000px;overflow:hidden;display:block;width:200px;height:109px;background:url(/neo/img/ncp/theme/common/lay_snb.png) left -270px;margin-bottom:10px;}
/* Footer */
.lay-footer {padding-top:33px;padding-bottom:30px;padding-left:19px;}
.lay-footer p {margin:0;}
.lay-footer .footer-logo {text-indent:-10000px;overflow:hidden;width:78px;height:22px;margin-bottom:6px;background:url(/neo/img/ncp/theme/common/lay_snb.png) left top;}
.lay-footer .copyright {font-size:10px;color:#acacac;line-height:1.33em;font-family:'arial bold';}

/* Contents 영역 */
.lay-drag-content {}
.lay-scroll-area {overflow:auto;}
.lay-col1 .lay-scroll-area {border-top: 1px solid #e0e0e0;margin-top:-1px;}
.lay-col2 .lay-scroll-area {border-top: 1px solid #e0e0e0;margin-top:-1px;}
.lay-popup .lay-scroll-area {border-top: 1px solid #e0e0e0;margin-top:-1px;}
._lay-scroll-area {border-top: 1px solid #e0e0e0;margin-top:-1px;}
.contents-top-noti {display:table;width:100%;border-top:1px solid #e0e0e0;background-color:#f2f2f2;}
.contents-top-noti-center {color:#252424;font-size:13px;text-align:center;padding:15px;}
.contents-btn-wrap{text-align:center;padding:15px 0;}

/* etc */
.snb-webpart {height:20px !important;display:none;} /* 20151022 추후 삭제 요망 */


/*============================================
Modal Window
============================================*/
.modalwindow {position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;}
.modalwindow-bg {/*position:absolute;*/top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5)}
.pop-modalwindow {/*position:absolute;*/top:50%;left:50%;background-color:#FFF;}
.pop-modalwindow-header {display:table;width:100%;height:60px;background-color:#3a3633;display:none;}
.pop-modalwindow-title {color:#FFF;font-size:18px;line-height:1.4em;font-family:'Malgun Gothic', arial, dotum, gulim;padding-left:25px;display:table-cell;vertical-align:middle;}
.pop-modalwindow-header-option {text-align:right;display:table-cell;vertical-align:middle;padding-right:20px;}
.pop-modalwindow-header-option .ico-anchor {display:inline-block;vertical-align:middle;margin-left:15px;}
.pop-modalwindow-header-option button {vertical-align:1px;}
.pop-modalwindow-scroll {overflow:auto;}
.pop-modalwindow-contents-margin {margin:0 25px 0px; margin-bottom:0;}
.pop-modalwindow-contents-padding {padding:25px 0;}
.pop-modalwindow-btn-area {text-align:center;padding:15px 0;}
.pop-modalwindow-header .ico-close {font-size:0;display:inline-block;width:24px;height:24px;text-indent:-10000px;overflow:hidden;background:url(/neo/img/ncp/theme/common/popup_close.png)no-repeat left 0;}

/* 안전팝업 헤더 dialog (수정 20151215) */
.ui-dialog .ui-dialog-title {color:#FFF;font-size:18px;line-height:1.4em;font-family:'Malgun Gothic', arial, dotum, gulim;padding-left:25px;display:table-cell;vertical-align:middle;}
.ui-dialog .ui-dialog-titlebar {padding:13px 0 !important;background-color:#3a3633 !important;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {font-size:0;margin-right:15px;display:inline-block !important;width:24px !important;height:24px !important;text-indent:-10000px !important;overflow:hidden !important;background:url(/neo/img/ncp/theme/common/popup_close.png)no-repeat left 0 !important;}
.ui-dialog .ui-dialog-titlebar .ui-state-hover {right:0px !important;}
.ui-dialog .ui-dialog-titlebar .ui-state-focus {right:0px !important; outline:0;}/*2016.01.06 최순봉 - X 버튼에 마우스 오버시 버튼의 X좌표 위치가 일치하지 않고 크롬에서 FOCUS 시 나타나는 이미지 테두리를 감추기 위해 추가*/

/* Contents Layout */
.pop-modalwindow .pop-lay-content {display:table;width:100%;}
.pop-modalwindow .pop-lay-col1,
.pop-modalwindow .pop-lay-col2 {display:table-cell;vertical-align:top;box-sizing:border-box;}
.pop-modalwindow .pop-lay-col1 {position:relative;background-color:#FFF;}
.pop-modalwindow .pop-lay-col2 {width:46%;border-left:1px solid #e0e0e0;background-color:#f2f2f2;}
.pop-modalwindow .popup-content {margin:0 20px;}

/* Notice Box */
.modalwindow-top-noti {display:table;width:100%;height:40px;border-bottom:1px solid #e0e0e0;background-color:#f2f2f2;}
.modalwindow-top-noti-left,
.modalwindow-top-noti-right {display:table-cell;vertical-align:middle;}
.modalwindow-top-noti-left {padding-left:20px;}
.modalwindow-top-noti .modalwindow-noti-title {display:inline-block;margin:0 10px 0 0;color:#8f8f8f;}
.modalwindow-top-noti-right {text-align:right;padding-right:20px;vertical-align:middle;}
.modalwindow-top-noti-center {color:#252424;font-size:13px;text-align:center;padding:15px;}
.modalwindow-top-noti .user-data {display:inline-block;margin:0;}

.pop-notice-top {padding:15px;text-align:center;color:#252424;font-size:13px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;}

.modalwindow-top-noti-type1 {display:table; width:100%;}
.modalwindow-top-noti-type1-center {font-size:12px; text-align:center; font-weight:bold; padding:15px;}

/* Pop header option bar */
.pop-header-option-bar {background-color:#f2f2f2;vertical-align:middle;display:table;width:100%;}
.pop-header-option-right {padding:10px 10px;}
.pop-header-option-bar .btn-s.btn-primary {color:#FFF;background-color:#7f756f;}
.pop-header-option-right {text-align:right;}

/* pop-lay-col1 좌측 너비 고정 컨텐츠 20151104 추가 */
#postEditor {width:597px;}

/* 최근 게시글 팝업 Layout */
.epDialogDIV .lay-wrap {width:980px;min-width:auto;}

/* 새창 게시글 팝업 Layout */
#layNewWinPop .lay-wrap {width:100%;min-width:auto;}
#layNewWinPop .detailview-article {padding:20px 0;}
#layNewWinPop .header-option-bar {border-bottom:1px solid #e0e0e0;}
#layNewWinPop .detailview-article > div {padding:0 20px 20px;}
#layNewWinPop .detailview-article .pop-lay-col2 {padding:0;}


/*============================================
Open Window
============================================*/
.pop-openwindow-header {display:table;width:100%;height:60px;background-color:#3a3633;}
.pop-openwindow-title {color:#FFF;font-size:18px;line-height:1.4em;padding-left:25px;display:table-cell;vertical-align:middle;}
.pop-openwindow-scroll {overflow:auto;}
.pop-openwindow-contents-margin {margin:0 25px 0px;}
.pop-openwindow-header .ico-close {font-size:0;display:inline-block;width:24px;height:24px;text-indent:-10000px;overflow:hidden;background:url(/neo/img/ncp/theme/common/popup_close.png)no-repeat left 0;}

/* Notice Box */
.openwindow-top-noti {display:table;width:100%;border-bottom:1px solid #e0e0e0;}
.openwindow-top-noti-left,
.openwindow-top-noti-right {padding:5px 0px;}
.openwindow-top-noti-left {padding-left:20px;float:left;}
.openwindow-top-noti-left .custom-select-rectangle {vertical-align:middle;}
.openwindow-top-noti .openwindow-noti-title {display:inline-block;margin:0 10px 0 0;color:#8f8f8f;}
.openwindow-top-noti-right {text-align:right;padding-right:20px;float:right;}

/* 전자결재 인쇄 */
.print-option {border-collapse:collapse;width:100%;}
.print-option th {font-weight:normal;border-right:1px solid #e0e0e0;background-color:#f2f2f2;}
.print-contents{width:680px; margin:0 auto;}
.pop-openwindow-print .division-body {padding:25px 20px 0;}
.pop-openwindow-print .approver-wrap {text-align:right;}
.pop-openwindow .noprint{margin:0; padding:0;}
#print_first_page{width:680px; margin:0 auto;}

/*============================================
Open Insert
============================================*/
.pop-insert {position:absolute;top:50%;left:50%;box-shadow:1px 2px 8px #777777;border-radius:5px;background-color:#FFF;}
.pop-insert-header {width:100%;height:2px;text-align:center;padding-top:135px;}
.pop-insert-header.bg-grey {border-radius:5px;height:142px;background-color:#f3f3f3;}
.pop-insert-header-option {text-align:right;display:table-cell;vertical-align:middle;padding-right:20px;}
.pop-insert-header .list-description {padding-bottom:10px;display:block;line-height:1.55em;}
.pop-insert-header-option .ico-anchor {display:inline-block;vertical-align:middle;margin-left:15px;}
.pop-insert .pop-bg-box {height:10px;background-color:#f3f3f3;}
.pop-insert .pop-insert-contents {padding:40px 40px 0 40px;}
.pop-insert .insert-qna-title {font-size:17px;font-weight:bold;display:block;text-align:center;color:#262626;}
.pop-insert .insert-qna-area {list-style:none;margin:25px 0 30px 0;padding:0 0 0 0;}
.pop-insert .insert-qna-area .insert-qna-list {display:table;width:100%;margin-bottom:7px;}
.pop-insert .insert-qna-list .insert-question {display:table-cell;vertical-align:middle;}
.pop-insert .insert-question .ico-dot-type1 {display:inline-block;margin-right:8px;margin-top:-5px;width:5px;height:5px;position:absolute;left:0;top:12px;vertical-align:middle;background-color:#ff5722;}
.pop-insert .insert-question .ico-dot-type2 {display:inline-block;margin-right:8px;margin-top:-5px;width:5px;height:5px;position:absolute;left:0;top:12px;vertical-align:middle;background-color:#448aff;}
.pop-insert .insert-question .txt-highlight {color:#ff5722;}
.pop-insert .insert-qna-list .insert-answer {text-align:right;display:table-cell;vertical-align:top;}
.pop-insert .insert-answer .input-txt {width:240px;border-color:#f2f2f2;border-radius:1px;padding:0 7px;background-color:#f3f3f3;}
.pop-insert .list-qna-anchor {font-size:15px;display:inline-block;padding-right:15px;line-height:1.4em;position:relative;padding-left:12px;color:#616161;}
.pop-insert .list-qna-anchor b {color:#212121;}
.pop-insert .pop-insert-description {font-size:15px;color:#373737;}
.pop-insert-btn-area {text-align:center;padding-top:10px;}
.pop-insert .insert-paging {font-size:12px;color:#8d6e63;display:block;padding-top:5px;}
.pop-insert .insert-info-box {border:1px solid #e0e0e0;margin-bottom:15px;padding:15px 30px 15px 20px;margin-top:20px;height:120px;overflow:auto;}
.pop-insert .insert-check-box {text-align:center;margin-bottom:60px}
.pop-insert .pop-info-notice {text-align:center;margin-bottom:13px}
.pop-insert .pop-info-notice .info-notice {font-size:12px;color:#616161;}
/* button */
.pop-insert .btn-next {font-size:15px;font-weight:bold;color:#fff;width:150px;height:38px;border-radius:4px;background-color:#8d6e63;}
.pop-insert .btn-prev {font-size:15px;font-weight:bold;color:#fff;width:150px;height:38px;margin-right:5px;border-radius:4px;background-color:#a48b82;}
.pop-insert .btn-add {font-size:12px;color:#fff;vertical-align:top;width:47px;height:28px;background-color:#448aff;}
/* icon */
.pop-insert .ico-img {display:inline-block;width:162px;height:162px;left:50%;margin-left:-81px;top:-54px;text-indent:-10000px;position:absolute;background:url(/neo/img/ncp/theme/common/ico_insert.png) no-repeat;}
.pop-insert .ico-welcome {background-position:left top;}
.pop-insert .ico-input {background-position:-175px top;}
.pop-insert .ico-intelligence {background-position:left -200px;}
/* etc */
.pop-insert .pop-insert-title {text-indent:-10000px;display:inline-block;width:178px;height:35px;padding-bottom:16px;background:url(/neo/img/ncp/theme/common/insert_title_txt.png) no-repeat;}
.pop-insert .pop-insert-title2 {text-indent:-10000px;display:inline-block;width:208px;height:35px;padding-bottom:16px;background:url(/neo/img/ncp/theme/common/insert_title_txt2.png) no-repeat;}
.pop-insert .pop-insert-title3 {text-indent:-10000px;display:inline-block;width:404px;height:35px;padding-bottom:16px;background:url(/neo/img/ncp/theme/common/insert_title_txt3.png) no-repeat;}
.pop-insert .display-block {display:block !important;text-align:left !important;}
.pop-insert .insert-answer.display-block {padding-left:11px;}
.pop-insert .insert-question.display-block {margin-bottom:7px;}


/*============================================
Open Guide
============================================*/
/* Guide type1 */
.pop-guide-type1 {width:480px;position:absolute;margin-left:-240px;left:50%;top:50px;box-shadow:1px 2px 8px #777777;border-radius:5px;background-color:#FFF;}
.pop-guide-type1 .pop-guide-header {width:100%;height:310px;text-align:center;border-radius:5px 5px 0 0;overflow:hidden;background-color:#ee5533;}
.pop-guide-type1 .btn-skip {font-size:12px;border-radius:50px;font-weight:bold;box-shadow:1px 1px 7px #777777;padding:14px 9px 13px;color: #fff;position:absolute;right:-43px;top:-41px;background-color:#adabab;}
.pop-guide-type1 .pop-guide-ban-area {padding-top:22px;}
.pop-guide-type1 .pop-guide-btn-area {text-align:center;padding:11px 0 9px;}
.pop-guide-type1 .pop-guide-btn-area .btn-box {display:inline-block;width:140px;height:152px;margin:0 4px;}
.pop-guide-type1 .btn-arrow-r {border-radius:50%;box-shadow:1px 1px 7px #777777;padding:11px 11px 10px 11px;color:#ee5533;position: absolute;right:-77px;top:220px;background-color:#fff;}
.pop-guide-type1 .ico-guide-arrow-r {display:inline-block;width:19px;height:19px;text-indent:-10000px;background-repeat:no-repeat;background-image:url(/neo/img/ncp/theme/guide/guide_arrow_r.png);}
.pop-guide-type1 .btn-arrow-l {border-radius:50%;box-shadow:1px 1px 7px #777777;padding:11px 11px 10px 11px;color:#ee5533;position: absolute;left:-77px;top:220px;background-color:#fff;}
.pop-guide-type1 .ico-guide-arrow-l {display:inline-block;width:19px;height:19px;text-indent:-10000px;background-repeat:no-repeat;background-image:url(/neo/img/ncp/theme/guide/guide_arrow_l.png);}
.pop-guide-type1 .guide-tip {display:inline-block;position:absolute;right:-188px;top:152px;}

/* Guide type2 */
.pop-guide-type2 {width:382px;margin-left:140px;left:50%;padding-top:60px;}
.pop-guide-type2 .pop-guide-header {width:370px;height:370px;padding:6px;text-align:center;border-radius:5px 5px 0 0;overflow:hidden;}
.pop-guide-type2 .pop-guide-ban-area {border-radius:50%;box-shadow:1px 1px 7px #777777;height:370px;width:370px;text-align:center;left:250px;}
.pop-guide-type2 .pop-guide-btn-area {text-align:center;padding:11px 0 9px;}
.pop-guide-type2 .btn-type1 {font-size:13px;font-weight:bold;color:#fff;padding:10px 22px 11px;min-width:160px;height:40px;border-radius:30px;margin:0 2px;box-shadow:1px 1px 7px #777777;background-color:#2b495f;}
.pop-guide-type2 .btn-close {border-radius:50%;box-shadow:1px 1px 7px #777777;padding:13px 14px;color:#ee5533;position: absolute;right:-108px;top:60px;background-color:#fff;}
.pop-guide-type2 .ico-close {display:inline-block;width:15px;height:15px;text-indent:-10000px;background-repeat:no-repeat;background-image:url(/neo/img/ncp/theme/guide/guide_close.png);}
.pop-guide-type2 .btn-arrow-r {border-radius:50%;box-shadow:1px 1px 7px #777777;padding:11px 11px 10px 11px;color:#ee5533;position: absolute;right:-220px;top:270px;background-color:#fff;}
.pop-guide-type2 .ico-guide-arrow-r {display:inline-block;width:19px;height:19px;text-indent:-10000px;background-repeat:no-repeat;background-image:url(/neo/img/ncp/theme/guide/guide_arrow_r.png);}
.pop-guide-type2 .btn-arrow-l {border-radius:50%;box-shadow:1px 1px 7px #777777;padding:11px 11px 10px 11px;color:#ee5533;position: absolute;left:107px;top:270px;background-color:#fff;}
.pop-guide-type2 .ico-guide-arrow-l {display:inline-block;width:19px;height:19px;text-indent:-10000px;background-repeat:no-repeat;background-image:url(/neo/img/ncp/theme/guide/guide_arrow_l.png);}



/*============================================
정보박스 및 설명문구
============================================*/
/* 작성가이드 */
.info-guidebox {border:1px solid #e0e0e0;}
.info-guidebox-header {text-align:center;padding:6px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;}

/* 설명문구 */
.info-description {font-size:12px;color:#252424;line-height:1.33em;font-family:'Malgun Gothic', arial, gulim, dotum;padding:10px;padding-left:15px;line-height:1.5em;}
.info-description ul,
.info-description li {margin:0;padding-left:0;list-style:none;}
.info-description-underline {border-bottom:1px solid #e0e0e0;}
.info-description-bold {text-align:center; font-weight:bold; margin:10px 0 10px 0;}
.info-description .info-point {color:#fe630f;padding-right:5px;}

.info-description-depth1 .info-item {text-indent:-13px;margin-left:13px;}
.info-description-depth1 .info-paragraph {text-indent:0;margin:15px 0 5px;}
.info-description-btn-area {padding:10px 0;}

.info-caution {color:#fe630f;margin:0;padding:5px 0;}


/*============================================
게시판 등 키워드 검색
============================================*/
/* 라운드 타입 */
.search-keyword {text-align:left;white-space:nowrap;display:inline-block;height:28px;border-radius:14px;border:1px solid #e0e0e0;box-sizing:border-box;vertical-align:top;background-color:#f8f8f8;}
.search-keyword.form-search .form-keyword{width:200px;}
.search-keyword .form-keyword {font-size:12px;color:#8d8e90;line-height:28px;padding:0 9px 0 9px;border-width:0;box-sizing:border-box;vertical-align:top;background:none;width:90px;}
.search-keyword .form-keyword:focus {outline:none;}
.search-keyword .btn-search {text-indent:-10000px; overflow:hidden;width:35px;height:26px;border-radius:0 13px 13px 0;border-width:0;vertical-align:top;cursor:pointer;background:transparent url(/neo/img/ncp/theme/common/custom_form.png) left top;}
.search-keyword .btn-search:focus {outline:none;}

/* 박스 타입 */
.search-keyword-rectangle {text-align:left;white-space:nowrap;display:inline-block;height:28px;box-sizing:border-box;vertical-align:top;background-color:#FFF;}
.search-keyword-rectangle .form-keyword {font-size:12px;color:#8d8e90;line-height:28px;padding:0 9px 0 9px;border:1px solid #e0e0e0;box-sizing:border-box;vertical-align:top;background:none;width:90px;margin-right:-5px;}
.search-keyword-rectangle .form-keyword:focus {outline:none;}
.search-keyword-rectangle .btn-search {font-size:12px;color:#FFF;height:28px;box-sizing:border-box;padding:0 10px;background-color:#bfbab7;}
.search-keyword-rectangle .btn-search:focus {outline:none;}

/* Layout */
.page-center-right {width:76px;}


/*============================================
Button
============================================*/
/* 버튼 영역 - 페이지 컨트롤 버튼 영역 */
.pege-control-button {text-align:center;padding-top:15px;border-top: 1px solid #e0e0e0;}

/*  */
.ico-admin{display:inline-block;text-indent:-10000px;vertical-align:-3px;}
.ico-admin.btn-setting{width:20px;height:20px;background-image:url(/neo/img/ncp/theme/common/ico-admin-setting.png);background-repeat:no-repeat;}

/*  */
.btn-m {font-family:'Malgun Gothic', arial, dotum, gulim !important;font-size:12px;text-indent:0;min-width:76px;height:28px;border-radius:14px;box-sizing:border-box;padding:0 10px;}
.lay-viewer .btn-m {min-width:70px;}
.btn-m.btn-default {color:#FFF;background-color:#bfbab7;}
.btn-m.btn-primary {color:#FFF;background-color:#7f756f;}
.btn-m.btn-attention {color:#FFF;background-color:#fe630f;}
.btn-m.btn-secret {font-size:11px;line-height:1.3em;color:#fe630f;height:24px;border:1px solid #fe630f;}

.btn-r{font-size:12px;text-indent:0;width:28px;height:28px;border-radius:50%;box-sizing:border-box;padding:0 10px;font-family:'Malgun Gothic', arial, dotum, gulim !important;}
.btn-r.btn-follow{color:#FFF;background-color:#fe630f;}
.btn-r.btn-unfollow{color:#FFF;background-color:#bfbab7;}

/*  */
.btn-s{font-family:'Malgun Gothic', arial, dotum, gulim !important;font-size:12px;text-indent:0;height:28px;box-sizing:border-box;border-radius:3px;padding:0 10px;}
.btn-s.btn-default {color:#FFF;background-color:#bfbab7;}
.btn-s.btn-primary {color:#FFF;background-color:#fe630f;}
.btn-s.btn-attention {color:#FFF;background-color:#fe630f;}

/* Employee Service Article 버튼 */
.btn-article {font-size:12px;text-indent:0;min-width:76px;height:28px;border-radius:14px;box-sizing:border-box;padding:0 10px;margin:6px 0;}
.btn-article.btn-default {color:#FFF;background-color:#bfbab7;}
.btn-article.btn-primary {color:#FFF;background-color:#7f756f;}
.btn-article.btn-attention {color:#FFF;background-color:#fe630f;}

/* & 게시판 Follow / Unfollow */
.page-title-option{display:inherit;padding-left:5px;padding-top:3px;}
.btn-article-add{width:21px;height:21px;vertical-align:-4px;box-sizing:border-box;border-radius:50%;display:inline-block;background-image:url(/neo/img/ncp/theme/common/ico-boardFollow.png);background-repeat:no-repeat;}
.btn-article-add.btn-follow{background-position:left top;background-color:#f8f8f8;border:1px solid #bebdbd;}
.btn-article-add.btn-unfollow{background-position:-30px top;background-color:#fa7723;}

/* snb 버튼 */
.snb-content .menu-page-button {margin-bottom:12px;}
.snb-content .btn-m.btn-attention {width:200px;text-indent:0;height:32px;border-radius:16px;}

/* 기타 버튼 */
.btn-etc {font-size:12px;text-indent: 0;height: 28px;box-sizing:border-box;}
.btn-object-add {color:#fff;text-align:left;padding:3px 5px;width:100%;background-color:#7F756A;}
.btn-object-delete {color:#fff;text-align:right;padding:3px 5px;width:100%;background-color:#bfbab7;}
.btn-etc .ico-img {display:inline-block;margin-top:3px;background:url(/neo/img/ncp/theme/common/ico_arr.png);}
.btn-etc .ico-arr-right {width:5px;height:9px;float:right;background-position:-8px top;}
.btn-etc .ico-arr-left {width:5px;height:9px;float:left;background-position:left top;}
.btn-prev {font-size:12px;color:#fff;height:20px;padding:2px 12px;background-color:#bfbab7;}
.btn-prev-close {height:20px;width:20px;vertical-align:top;padding-bottom:2px;background-color:#bfbab7;}
.ico-prev-close {width:8px;height:7px;display:inline-block;background:url(/neo/img/ncp/theme/common/ico_close.png);}
.approver-ico-area .ico-img {display:inline-block;background:url(/neo/img/ncp/theme/common/ico_arr.png);}
.approver-ico-area .ico-arr-bottom {width:9px;height:5px;vertical-align:top;background-position:0 -12px;}
.approver-ico-area .ico-arr-top {width:9px;height:5px;background-position:0 -20px;}
.info-email-area button {vertical-align:bottom;}

/*============================================
Presence Info
============================================*/
.presence-status {text-indent:-10000px;display:inline-block;overflow:hidden;width:9px;height:9px;border:2px solid #fff;border-radius:50%;    vertical-align:middle;background-color:#ccc;}
.presence-status.presence-online {background-color:#6ec30a;}
.presence-status.presence-busy {background-color:#ff5722;}
.presence-status.presence-berightback,
.presence-status.presence-offwork,
.presence-status.presence-appearaway {background-color:#fcb749;}
.presence-status.presence-donotdisturb {background:url(/neo/img/ncp/theme/common/ico_presence.png) no-repeat;}

/* 사진 Presence Info */
.presence-pic {position:relative;display:inline-block;width:40px;}
.presence-pic .presence-img {display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;}
.presence-pic .presence-img img {width:40px;}
.presence-pic .presence-status {position:absolute;right:-2px;bottom:-2px;}

/* member-info */
.user-data .presence-status {margin-right:3px;border-width:0;}
.user-data .data-user {font-weight:bold;}


/*============================================
첨부파일
============================================*/
/* Type1 */
.attached-file-list-type1{color:#767676;font-size:12px;padding-left:0;margin:0;list-style:none;}
.attached-file-list-type1 .attach-item{margin:5px 0;}
.attached-file-list-type1 .attach-item .anchor-txt{color:#8c8c8c;}

/* Type2 */
.attached-file-list-type2{padding:0;margin:0;list-style:none;display:inline-block;}
.attached-file-list-type2 .attach-item{display:inline-block;margin-right:14px;}
.attached-file-list-type2 .attach-item:last-child{margin-right:0;}
/*.attached-file-list-type2 .attach-item:first-child{margin-top:0;}*/
.attached-file-list-type2 .attach-item * {}
.attached-file-list-type2 .anchor-txt{color:#8f8f8f;margin-left:5px;padding-right:8px;background:url(/neo/img/ncp/theme/board/attach_bar.png) no-repeat right 3px;}
.attached-file-list-type2 .anchor-txt:hover{text-decoration:underline;}
.attached-file-list-type2 .anchor-txt:last-child{background-image:none;}
.attach-btn-area{display:inline-block;float:right;margin-top:1px !important;}
.attach-btn-area .btn-s.btn-default{font-size:11px;padding:1px 6px 3px;height:24px;margin-top:1px;}

/* Type3 */
.attached-file-list-type3 {padding:0;margin:0;list-style:none;height:50px;overflow-y:scroll;}


/*============================================
Tab
============================================*/
/* Fixed Tab */
.nav-tab-fixed {width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid #e0e0e0;}
.nav-tab-fixed .tab-fixed-item {display:inline-block;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;width:50%;list-style:none;box-sizing:border-box;margin-right:-4px;margin-bottom:-2px;}
.nav-tab-fixed .tab-fixed-item:first-child {border-left:none;}
.nav-tab-fixed .tab-anchor {color:#474747;vertical-align:middle;white-space:normal;font-size:13px;display:block;text-align:center;height:100%;padding:11px 15px 12px;cursor:pointer;}
.nav-tab-fixed .tab-anchor:hover,
.nav-tab-fixed .active .tab-anchor{color:#fb6c07;border-bottom:3px solid #fe630f;height:14px;margin-bottom:1px}

/* Left Align Tab */
.nav-tab-leftalign {border-bottom:1px solid #e0e0e0;list-style:none;margin:0;padding:0;}
.nav-tab-leftalign .tab-leftalign-item{display:inline-block;margin-left:-6px;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;min-width:130px;list-style:none;overflow:inherit !important;}
.nav-tab-leftalign .tab-leftalign-item:first-child {border-left:1px solid #e0e0e0;margin-left: 0px;}
/* .nav-tab-leftalign .tab-anchor {color:#474747;vertical-align:middle;white-space:normal;font-size:13px;display:block;text-align:center;height:100%;padding:11px 15px 12px;cursor:pointer;} 2016.12.20 : kim jin ho - 한화케미칼 게시판 옵션 수정*/
.nav-tab-leftalign .tab-anchor {color:#474747;vertical-align:middle;white-space:normal;font-size:13px;display:block;text-align:center;padding:11px 15px 12px;cursor:pointer;}
.nav-tab-leftalign .tab-anchor:hover,
.nav-tab-leftalign .active .tab-anchor {color:#fb6c07;border-bottom:3px solid #fe630f;height:14px;margin-bottom:-1px;}

/* Fixed Tab - 한화케미칼 워크플레이스 게시판 관리자 */
.nav-tab-fixed-hcc {border-bottom:1px solid #e0e0e0;list-style:none;margin:0;padding:0;}
.nav-tab-fixed-hcc .tab-fixed-hcc-item {display:inline-block;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;width:130px;list-style:none;box-sizing:border-box;margin-right:-4px;margin-bottom:-2px;}
.nav-tab-fixed-hcc .tab-fixed-hcc-item:first-child {border-left:1px solid #e0e0e0;margin-left: 0px;}
.nav-tab-fixed-hcc .tab-anchor {color:#474747;vertical-align:middle;white-space:normal;font-size:13px;display:block;text-align:center;padding:11px 15px 12px;cursor:pointer;}
.nav-tab-fixed-hcc .tab-anchor:hover,
.nav-tab-fixed-hcc .active .tab-anchor {color:#fb6c07;border-bottom:3px solid #fe630f;height:14px;margin-bottom:-1px;}


.tab-contents-area .list-default .list-default-head {border-top:none;}
.tab-contents-area .tab-top-btn {padding:5px 0;margin-top:-10px;}

/*============================================
Control
============================================*/
/* Button URL List */
.control-btnlink-set {margin:0;padding-left:0;list-style:none;}
.btnlink-item {list-style:none;padding:2px 3px;}
.btnlink-item input[type=url] {width:400px;}

/* 조직도 */
.control-member-select {display:table;width:100%;}
.control-member-selected-box {height:24px;border:1px solid #e0e0e0;background-color:#FFF;}
.control-member-selected-box,
.control-member-btn-area {display:table-cell;vertical-align:top;}
.control-member-btn-area {padding-left:3px;width:10%;}
.control-ember-select-list {padding:2px 12px 0 12px;list-style:none;margin:0;}
.control-ember-select-list .member-select-item {font-size:12px;color:#424242;line-height:16px;font-weight:bold;white-space:nowrap;list-style:none;display:inline-block;height:23px;border-radius:13px;padding:3px 3px 3px 10px;margin:0px 3px 4px 0px;box-sizing:border-box;background-color:#e0e0e0;float:left;}
.control-member-select .ico-img {text-indent:-10000px;overflow:hidden;vertical-align:top;display:inline-block;background-image:url(/neo/img/ncp/theme/common/control-ico.png);}
.control-member-select .ico-delete {margin-left:15px;width:17px;height:17px;border-radius:50%;background-position:left top;background-color:#ababab;}

/* 자격증 */
.license .control-member-select {display:table;width:100%;margin-top:5px;}
.license .control-member-selected-box {height:24px;border:1px solid #e0e0e0;background-color:#FFF;display:table-cell;vertical-align:top;}
.license .control-ember-select-list {padding:2px 12px 0 12px;list-style:none;margin:0;}
.license .control-ember-select-list .member-select-item {font-size:12px;color:#424242;line-height:16px;font-weight:bold;white-space:nowrap;list-style:none;display:inline-block;height:23px;border-radius:13px;padding:3px 3px 3px 10px;margin:0px 3px 4px 0px;box-sizing:border-box;background-color:#e0e0e0;float:left;}
.license .control-member-select .ico-img {text-indent:-10000px;overflow:hidden;vertical-align:top;display:inline-block;background-image:url(/neo/img/ncp/theme/common/control-ico.png);}
.license .control-member-select .ico-delete {margin-left:15px;width:17px;height:17px;border-radius:50%;background-position:left top;background-color:#ababab;}

/* 해외연수 경험*/
.overseas-study .control-member-select {display:table;width:100%;margin-top:5px;}
.overseas-study .control-member-selected-box {height:24px;border:1px solid #e0e0e0;background-color:#FFF;display:table-cell;vertical-align:top;}
.overseas-study .control-ember-select-list {padding:2px 12px 0 12px;list-style:none;margin:0;}
.overseas-study .control-ember-select-list .member-select-item {font-size:12px;color:#424242;line-height:16px;font-weight:bold;white-space:nowrap;list-style:none;display:inline-block;height:23px;border-radius:13px;padding:3px 3px 3px 10px;margin:0px 3px 4px 0px;box-sizing:border-box;background-color:#e0e0e0;float:left;}
.overseas-study .control-member-select .ico-img {text-indent:-10000px;overflow:hidden;vertical-align:top;display:inline-block;background-image:url(/neo/img/ncp/theme/common/control-ico.png);}
.overseas-study .control-member-select .ico-delete {margin-left:15px;width:17px;height:17px;border-radius:50%;background-position:left top;background-color:#ababab;}


/*============================================
확장자 아이콘
============================================*/
.ico-ext {display:inline-block;width:16px;height:16px;vertical-align:middle;background:url(/neo/img/ncp/theme/common/ico_ext.png) no-repeat;}
.ico-unknown {background-position:left top;}
.ico-xls {background-position:-90px -50px;}
.ico-xlsx {background-position:-30px top;}
.ico-ppt {background-position:-60px top;}
.ico-pptx {background-position:-90px top;}
.ico-doc {background-position:-120px top;}
.ico-docx {background-position:-150px top;}
.ico-ap {background-position:-180px top;}
.ico-avi {background-position:-210px top;}
.ico-bmp {background-position:-240px top;}
.ico-exe {background-position:-270px top;}
.ico-gif {background-position:-300px top;}
.ico-gul {background-position:-330px top;}
.ico-htm {background-position:-360px top;}
.ico-html {background-position:-360px top;}
.ico-hwp {background-position:left -50px;}
.ico-jpg {background-position:-30px -50px;}
.ico-log {background-position:-60px -50px;}
.ico-mht {background-position:-360px top;}
.ico-mp3 {background-position:-120px -50px;}
.ico-pdf {background-position:-150px -50px;}
.ico-png {background-position:-180px -50px;}
.ico-tif {background-position:-210px -50px;}
.ico-tiff {background-position:-240px -50px;}
.ico-txt {background-position:-60px -50px;}
.ico-unknown-bk {background-position:-90px -50px;}
.ico-vcf {background-position:-270px -50px;}
.ico-wav {background-position:-300px -50px;}
.ico-xml {background-position:-330px -50px;}
.ico-zip {background-position:-360px -50px;}


/*============================================
Select js
============================================*/
.jqTransformHidden {display:none !important;}

/* 공통 */
/*.custom-select {width:55px;}*/
.jqTransformSelectWrapper  {text-align:left;display:inline-block;}
.jqTransformSelectWrapper ul {padding-left:0;margin:0;list-style:none;}
.jqTransformSelectLayer a {white-space:normal;display:block;}
.jqTransformSelectAnchor {white-space:nowrap;}
.jqTransformSelectAnchor > span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Select Round */
select.custom-select-round {color:#999;padding-left:5px;}
div.custom-select-round {display:inline-block;vertical-align:top;position:relative;}
div.custom-select-round .jqTransformSelectAnchor {color:#999;font-size:12px;line-height:1.33em;padding:6px 23px 5px 13px;max-width:100%;height:28px;border-radius:14px;display:inline-block;border:1px solid #e0e0e0;box-sizing:border-box;background-color:#f8f8f8;}
.custom-select-round .jqTransformSelectAnchor:hover {background:#f1f1f1;}
.custom-select-round a.jqTransformSelectOpen {display:block;position:absolute;top:0;right:0;width:23px;height:28px;background:url(/neo/img/ncp/theme/common/custom_form.png) right -100px;}
.custom-select-round .jqTransformSelectLayer,
.custom-select-round iframe {position:absolute;top:27px;left:0px;list-style:none;border:1px solid #e0e0e0;display:none;margin:0px;padding:0px;max-height:400px;overflow:auto;overflow-y:auto;z-index:10;border-radius:14px;background-color:#FFF;}
.custom-select-round .jqTransformSelectLayer a {display:block;padding:7px 14px;text-decoration:none;color:#989899;background-color:#FFF;font-size:12px;border-top:1px solid #e0e0e0;}
.custom-select-round .jqTransformSelectLayer li:first-child a {border-top-width:0;}
.custom-select-round .jqTransformSelectLayer a.selected {background:#f1f1f1;}

/* Select Transparent */
select.custom-select-transparent {color:#999;border-width:0;padding-left:5px;background-color:transparent;}
div.custom-select-transparent {display:inline-block;vertical-align:top;position:relative;}
.custom-select-transparent .jqTransformSelectAnchor {color:#999;font-size:12px;line-height:1.33em;padding:6px 23px 5px 13px;max-width:100%;height:26px;border-radius:14px;display:inline-block;box-sizing:border-box;}
.custom-select-transparent a.jqTransformSelectOpen {display:block;position:absolute;top:0;right:0;width:23px;height:26px;background:url(/neo/img/ncp/theme/common/custom_form.png) right -100px;}
.custom-select-transparent .jqTransformSelectLayer,
.custom-select-transparent iframe {position:absolute;top:26px;left:0px;list-style:none;border:1px solid #e0e0e0;display:none;margin:0px;padding:0px;max-height:150px;overflow:auto;overflow-y:auto;z-index:10;border-radius:14px;background-color:#FFF;}
.custom-select-transparent .jqTransformSelectLayer a {display:block;padding:7px 14px;text-decoration:none;color:#989899;background-color:#FFF;font-size:12px;border-top:1px solid #e0e0e0;}
.custom-select-transparent .jqTransformSelectLayer li:first-child a {border-top-width:0;}
.custom-select-transparent .jqTransformSelectLayer a.selected {background:#f1f1f1;}

/* Select Rectangle */
select.custom-select-rectangle {color:#999;padding-left:5px;border-radius:0 !important;}
div.custom-select-rectangle {display:inline-block;vertical-align:top;position:relative;}
div.custom-select-rectangle .jqTransformSelectAnchor {color:#999;font-size:12px;line-height:1.33em;padding:6px 23px 5px 13px;max-width:100%;height:28px;display:inline-block;border:1px solid #e0e0e0;box-sizing:border-box;background-color:#FFF;}
/*.custom-select-rectangle .jqTransformSelectAnchor:hover {background:#f1f1f1;}*/
.custom-select-rectangle a.jqTransformSelectOpen {display:block;position:absolute;top:0;right:0;width:23px;height:28px;background:url(/neo/img/ncp/theme/common/custom_form.png) right -100px;}
.custom-select-rectangle .jqTransformSelectLayer,
.custom-select-rectangle iframe {position:absolute;top:27px;left:0px;list-style:none;border:1px solid #a6a6a6;display:none;margin:0px;padding:0px;max-height:400px;overflow:auto;overflow-y:auto;z-index:10;background-color:#FFF;}
.custom-select-rectangle .jqTransformSelectLayer a {font-size:12px;display:block;padding:7px 14px;text-decoration:none;color:#989899;background-color:#FFF;word-break:break-all;}
.custom-select-rectangle .jqTransformSelectLayer li:first-child a {border-top-width:0;}
.custom-select-rectangle .jqTransformSelectLayer a.selected {background:#f1f1f1;}


/*============================================
Object Box
============================================*/
/* object box Type1 */
.object-box {margin:0 25px;padding:14px 0;border-top:1px solid #e5e5e5;}
.object-box .object-box-title {font-family:'Malgun Gothic', arial, dotum, gulim;color:#353535;font-size:14px;font-weight:bold;margin-bottom:10px;}

/* object box Type2 */
.object-box-type2 {padding-top:25px;}
.boardposition-select .object-box-type2 {padding:0;padding-bottom:10px;}
.object-box-type2 .object-box-title {font-size:15px;font-weight:bold;color:#1c1c1c;margin-bottom:8px;}
.object-box-type2 .object-box-empty {position:relative;width:100%;height:450px;border:1px solid #e0e0e0;margin-bottom:25px;background:#f2f2f2;}
.object-box-type2 .object-box-item {position:absolute;top:50%;left:50%;margin-top:-80px;margin-left:-115px;text-align:center;}
.object-box-type2 .object-box-img {text-align:center;}
.object-box-type2 .object-box-desc {color:#999999;text-align:center;}

/* object box - treemenu */
.docbox-select {margin:0 20px;}
.docbox-select-treemenu {position:relative;height:260px;border:1px solid #e0e0e0;background:#f2f2f2;}
.docbox-select-treemenu .treemenu-area {margin:5px;height:250px;overflow:auto;}
.boardposition-select {margin:0 20px;}
.boardposition-select-treemenu {position:relative;height:300px;border:1px solid #e0e0e0;background:#f2f2f2;}
.boardposition-select-treemenu .treemenu-area {margin:5px;height:290px;overflow:auto;}
.formkind-select-treemenu {position:relative;height:260px;border:1px solid #e0e0e0;background:#f2f2f2;}
.formkind-select-treemenu .treemenu-area {margin:5px;height:236px;overflow:auto;}

.board-select {position:relative;height:260px;border:1px solid #e0e0e0;background:#f2f2f2;}

/* object box - attachment */
.formkind-select {margin:20px 20px 0 20px;}
.formkind-select-attachform {border:1px solid #e0e0e0;padding:10px;margin-top:10px;background:#f2f2f2;}
.formkind-select-title {margin:0;padding:0;padding-bottom:5px;font-family:"Malgun Gothic", arial, dotum, gulim;}

/* object box - etc */
.agmt-box {padding-top:25px; text-align:center;}
.agmt-box .form-txtarea {border:1px solid #e0e0e0; box-sizing:border-box; vertical-align:top; outline:none; height:100px;}
.agmt-select {text-align:center; margin-left:20px; padding-top:20px; padding-bottom:10px;}
.agmt-select label {padding:0 20px 0 2px;}
.list-box-title {font-family:'Malgun Gothic', arial, dotum, gulim;color:#353535;font-size:14px;font-weight:bold;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;}
.list-default-box {padding-top:20px;}

/*============================================
레이어 버튼
============================================*/
.btn-layer {display:inline-block;position:relative;min-width:74px;}
.btn-layer ul {padding-left:0;margin:0;list-style:none;}
.btn-layer .btn-layer-anchor {font-size:12px;line-height:1.33em;padding:6px 13px 5px 13px;max-width:100%;min-width:84px;height:28px;border-radius:14px;display:inline-block;box-sizing:border-box;}
.btn-layer .btn-layer-default,
.btn-layer.active .btn-layer-active {display:block;}
.btn-layer.active .btn-layer-default,
.btn-layer .btn-layer-active {display:none;}
.btn-layer .btn-layer-layerbox {text-align:left;position:absolute;display:none;}
.btn-layer .btn-layer-layerbox .date-select input[type=date] {width:100px} /* 2017-08-30 : 전자결재 상세검색 레이어 수정 */
.btn-layer .bu-pointer {position:relative;z-index:11;display:block;height:11px;background:url(/neo/img/ncp/theme/common/bu_layer_pointer.png) center bottom no-repeat;}
.btn-layer .bu-pointer-bwn {position:relative;z-index:11;display:block;height:11px;background:url(/neo/img/ncp/theme/common/bu_layer_pointer_bwn.png) center bottom no-repeat;}
.btn-layer .ico-img {background-image:url(/neo/img/ncp/theme/common/custom_form.png)}
.btn-layer .ico-order {text-indent:-10000px;overflow:hidden;display:inline-block;width:11px;height:11px;margin-left:5px;background-position:-80px top;}
.btn-layer .selected .ico-order {background-position:-110px top;}

/* 더보기 */
.btn-layer-more .btn-layer-anchor {color:#999;border:1px solid #e0e0e0;background-color:#f8f8f8;}
.btn-layer-more.active .btn-layer-anchor {border-color:#a6a6a6;}
.btn-layer-more .btn-layer-default {margin-right:17px;}
.btn-layer-more .btn-layer-active {color:#7c7b7b;text-align:center;}
.btn-layer-more .btn-layer-selector {display:block;position:absolute;top:0;right:0;width:23px;height:28px;background:url(/neo/img/ncp/theme/common/custom_form.png) right -50px;}
.btn-layer-more .btn-layer-layerbox {top:27px;right:0;width:150px;z-index:100;}
.btn-layer-more .bu-pointer {background-position:105px bottom;}
/* 더보기 리스트 */
.btn-layer-more .layer-list {border:1px solid #a6a6a6;margin:-1px 0 0;padding:0px;max-height:400px;overflow:auto;overflow-y:auto;z-index:10;background-color:#FFF;}
.btn-layer-more .layer-anchor {color:#4f4f4f;font-size:12px;display:block;padding:7px;text-decoration:none;background-color:#FFF;}
.btn-layer-more .layer-anchor.selected {font-weight:bold;background:#f1f1f1;}

/* 기밀 */
.btn-layer-secret .btn-layer-anchor {color:#fe630f;border:1px solid #fe630f;text-align:center;}
.btn-layer-secret.active .btn-layer-anchor {border-color:#a6a6a6;}
.btn-layer-secret .btn-layer-active {color:#7c7b7b;text-align:center;}
.btn-layer-secret .btn-layer-selector {display:block;position:absolute;top:0;right:0;width:23px;height:28px;background:url(/neo/img/ncp/theme/common/custom_form.png) right -50px;}
.btn-layer-secret .btn-layer-layerbox {top:27px;right:-92px;width:320px;}
.btn-layer-secret .bu-pointer-bwn {background-position:182px bottom;}
/* 기밀 리스트 */
.btn-layer-secret .layer-list {border:1px solid #a6a6a6;margin:-1px 0 0;padding:0px;max-height:150px;overflow:auto;overflow-y:auto;z-index:10;background-color:#FFF;}
.btn-layer-secret .layer-anchor {color:#4f4f4f;font-size:12px;display:block;padding:11px;text-decoration:none;background-color:#FFF;}
.btn-layer-secret .layer-anchor.selected {color:#fff;background:#7f756f;}

/* 상세검색 */
.btn-layer-detailsearch {}
.btn-layer-detailsearch .btn-layer-anchor {color:#FFF;border:1px solid #7f756f;background-color:#7f756f;}
.btn-layer-detailsearch.active .btn-layer-anchor {border-color:#a6a6a6;background-color:#f8f8f8;}
.btn-layer-detailsearch .btn-layer-default {text-align:center;}
.btn-layer-detailsearch .btn-layer-active {color:#7c7b7b;text-align:center;}
/* 2017-08-31 : 전자결재 상세검색 레이어 수정 */
.btn-layer-detailsearch .btn-layer-layerbox {top:28px;right:-250px;width:360px;}
.narrow .btn-layer-detailsearch .btn-layer-layerbox {right:-18px}
.btn-layer-detailsearch .bu-pointer {background-position:64px bottom;}
.narrow .btn-layer-detailsearch .bu-pointer {background-position:295px bottom;}
/* //2017-08-31 : 전자결재 상세검색 레이어 수정 */
.btn-layer-detailsearch .layer-box {border:1px solid #a6a6a6;margin:-1px 0 0;padding:15px;box-sizing:border-box;background-color:#fff;z-index:100;}
.btn-layer-detailsearch .custom-select-rectangle,
.btn-layer-detailsearch .jqTransformSelectLayer,
.btn-layer-detailsearch .jqTransformSelectAnchor {width:100% !important;}
/* 상세검색 내용 */
.btn-layer-detailsearch .table-search {width:100%;}
.btn-layer-detailsearch .table-th {color:#1d1a1a;font-size:12px;font-weight:normal;white-space:nowrap;padding:8px 20px 8px 0;vertical-align:middle;} /* 2017-08-30 : 상세보기 레이어 수정 */
.btn-layer-detailsearch .table-search input[type=text] {width:100%;}
.btn-layer-detailsearch .table-search .btn-m {width:100%;}

/* 전문가 상세검색 */
.lay-static-content-type2 .btn-layer-detailsearch .btn-layer-layerbox {right:-20px;width:411px;}
.lay-static-content-type2 .btn-layer-detailsearch .bu-pointer {background-position:348px bottom;}
.btn-layer-detailsearch .btn-layer-anchor {color:#FFF;border:1px solid #fe630f;background-color:#fe630f;}
.btn-layer-detailsearch .table-td-title .custom-select-rectangle,
.btn-layer-detailsearch .table-td-title .jqTransformSelectLayer,
.btn-layer-detailsearch .table-td-title .jqTransformSelectAnchor {width:90.4% !important;}
.btn-layer-detailsearch .table-td-title .custom-select-rectangle a.jqTransformSelectOpen {right:12px;}
.btn-layer-detailsearch .table-td {height:27px;padding-right:3px;}
.btn-layer-detailsearch .table-td .td-title{font-size:12px;color:#999999;vertical-align:middle;display:inline-block;padding-top:6px;}
.btn-layer-detailsearch .table-td .btn-m.btn-primary {margin-top:8px;}
.btn-layer-detailsearch .table-td .jqTransformSelectAnchor {color:#1d1a1a;}
.btn-layer-detailsearch .table-td .allcheck {padding-right:10px;}
.btn-layer-detailsearch .table-search-top {border-bottom:1px solid #e0e0e0;padding-bottom:12px;margin-bottom:12px;}
.btn-layer-detailsearch .table-search-top .table-th {width:48px;}
.btn-layer-detailsearch .table-search-top .form-keyword {width: 113px;}



/* ============================================
	2016.12.28 : kim jin ho
	한화케미칼
	워크플레이스 게시판 게시판 선택
============================================ */
.btn-layer-snsbbs .btn-layer-anchor {color:#999;border:1px solid #e0e0e0;background-color:#f8f8f8;width:130px;}
.btn-layer-snsbbs .active .btn-layer-anchor {border-color:#a6a6a6;}
.btn-layer-snsbbs .btn-layer-default {margin-right:17px;}
.btn-layer-snsbbs .btn-layer-active {color:#7c7b7b;text-align:center;}
.btn-layer-snsbbs .btn-layer-selector {display:block;position:absolute;top:0;right:0;width:23px;height:28px;background:url(/neo/img/ncp/theme/common/custom_form.png) right -100px;}
.btn-layer-snsbbs .btn-layer-layerbox {top:27px;right:0;width:150px;z-index:100;}
.btn-layer-snsbbs .bu-pointer {background-position:105px bottom;}
/* 워크플레이스 게시판 게시판 더보기 리스트 */
.btn-layer-snsbbs .layer-list {border:1px solid #a6a6a6;margin:-1px 0 0;padding:0px;max-height:400px;overflow:auto;overflow-y:auto;z-index:10;background-color:#FFF;}
.btn-layer-snsbbs .layer-anchor {color:#4f4f4f;font-size:12px;display:block;padding:7px;text-decoration:none;background-color:#FFF;}
.btn-layer-snsbbs .layer-anchor.selected {font-weight:bold;background:#f1f1f1;}





/* 설명 레이어 (마우스오버) */
.description-layer {display:inline-block;position:relative;}
.doc-rating {font-size:12px;line-height:1.33em;color:#fe630f;text-align:center;border:1px solid #fe630f;padding:6px 13px 5px 13px;height:28px;min-width:81px;border-radius:14px;display:inline-block;box-sizing:border-box;}
.description-layer-box {width:300px;position:absolute;left:-150px;display:none;}
.description-layer:hover .description-layer-box {display:block;}
.description-layer .bu-pointer {position:relative;z-index:11;margin-bottom:-1px;display:block;height:11px;background:url(/neo/img/ncp/theme/common/bu_layer_pointer_bwn.png) 185px bottom no-repeat;}
.description-layer-title {font-size:12px;color:#fff;padding:11px;background-color:#7f756f;border:1px solid #635a55;border-bottom-width:0;}
.description-layer-txt {font-size:12px;color:#4f4f4f;line-height:1.3em;border:1px solid #a6a6a6;border-top-width:0;padding:11px;background-color:#FFF;}

/* 전문가 상세검색 추가페이지 */
.empservice-expert .object-box-type2 {padding:20px;}
.empservice-expert .object-box-type2 .btn-search {margin-left:0;border:none;min-width:0;}
.empservice-expert .object-box-type2 .td-title {font-size:12px;color:#999999;vertical-align:middle;display:inline-block;padding-top:6px;}
.empservice-expert .object-box-type2 .datatable-data .jqTransformSelectAnchor {color:#1d1a1a;}
.empservice-expert button {margin-left:0;}
.empservice-expert .contents-btn-wrap button {padding:0 25px;}
.empsvc-empty-area {text-align:center;margin-top:100px;}
.empsvc-empty-area .ico-pop {display:inline-block;vertical-align:middle;background:url(/neo/img/ncp/theme/common/ico_pop.png);text-indent:-10000px;}
.empsvc-empty-area .ico-info {width:80px;height:80px;background-position:left top;}
.empsvc-empty-area .description {color:#999999;font-size:12px;padding-top:10px;}

/* 환경설정 */
.btn-layer-setting {}
.setting-layer {position:absolute;}
/* 환경설정 리스트 */
.btn-layer-setting .layer-list {border:1px solid #a6a6a6;margin:-1px 0 0;padding:0px;max-height:230px;overflow:auto;overflow-y:auto;z-index:10;padding:5px 0;background-color:#FFF;}
.btn-layer-setting .layer-anchor {color:#4f4f4f;font-size:12px;display:block;padding:7px 15px;text-decoration:none;background-color:#FFF;}
.btn-layer-setting .layer-anchor.selected,
.btn-layer-setting .layer-anchor:hover {font-weight:bold;background:#f1f1f1;}

/* ? */
.search-doc .form-keyword {width:96px;}
.search-doc .btn-s {margin-left:-6px;}


/*============================================
멤버 정보
============================================*/
.member-info,
.member-info li {list-style:none;margin:0;padding-left:0;}
.member-info p {margin:0;}
.member-info-item {width:auto;display:inline-block;vertical-align:top;margin-right:-4px !important;}
.member-info-data {vertical-align:middle;padding:4px 0;}
.member-info-data .presence-pic {float:left;margin-top:4px;}
.member-info-data .member-data .data-detail {white-space:nowrap;}
.member-info-data .member-data {margin-left:53px;}
.member-info-data .member-data .data-user {font-size:13px;color:#212121;line-height:1.33em;font-weight:bold;display:block;margin-bottom:3px;}
.member-info-data .member-data .data-belong {font-size:13px;color:#212121;line-height:1.33em;display:block;margin-bottom:2px;}
.member-info-data .member-data .data-tel {font-size:12px;color:#8f8f8f;display:block;}

/*============================================
Q&A
============================================*/
.qna-list {padding:5px 0;margin: 0;}
.qna-list .qna-q {position:relative;margin:0;padding-bottom:9px;cursor:pointer;}
.qna-list .qna-a {position:relative;margin:0;padding:9px 15px 10px 35px;background-color:#E8E8E8;margin-bottom:10px;}
.qna-list .qna-question {margin-left:28px;font-weight:bold;line-height:1.5em;font-size:13px;}
.qna-list .qna-answer {margin-left:27px;line-height:1.5em;font-size:13px}
.qna-list .ico-q {font-size:13px;font-weight:bold;color:#fff;border-radius:4px;padding:2px 6px 3px;display:inline-block;background-color:#f66a01;position:absolute;left:0;top:0;}
.qna-list .ico-a {font-size:13px;font-weight:bold;color:#fff;border-radius:4px;padding:2px 6px 3px;display:inline-block;background-color:#7f756f;position:absolute;left:28px;top:10px;}

/* 작성 */
.qna-list-write {margin:0;}
.qna-list-write .qna-q,
.qna-list-write .qna-a {position:relative;margin:0;padding:2px 0 3px;}
.qna-list-write .qna-a {padding-bottom:10px;}
.qna-list-write .qna-question,
.qna-list-write .qna-answer {margin-left:0;display:table;width:100%;}
.qna-list-write .data-title,
.qna-list-write .data-write-area {display:table-cell;vertical-align:top;}
.qna-list-write .data-title {padding:2px 5px 3px 27px;width:60px;}
.qna-list-write .data-write-area {width:100%;}
.qna-list-write input[type=text],
.qna-list-write textarea {font-size:12px;font-family:'Malgun Gothic', arial, gulim, dotum !important;box-sizing:border-box;width:100%;border:1px solid #e0e0e0 !important;}
.qna-list-write textarea {height:47px;}
.qna-list-write .ico-q {font-size:13px;font-weight:bold;color:#fff;border-radius:4px;padding:2px 6px 3px;display:inline-block;background-color:#f66a01;position:absolute;left:0;top:2px;}
.qna-list-write .ico-a {font-size:13px;font-weight:bold;color:#fff;border-radius:4px;padding:2px 6px 3px;display:inline-block;background-color:#7f756f;position:absolute;left:0;top:2px;}


/*============================================
Webpart
============================================*/
.lay-col2 .webpart {padding:0 20px;}
/* Webpart Common */
.webpart {margin:25px 0;}
.webpart ul,
.webpart li {list-style:none;margin:0;padding-left:0;}
.webpart p {margin:0;}
/* 2017-06-22 : 포틀릿 상하단 공통 여백 수정 */
.webpart-header {border-bottom:1px solid #dedede;display:table;width:100%;margin-bottom:0;}
/* //2017-06-22 : 포틀릿 상하단 공통 여백 수정 */
.webpart-header .webpart-left,
.webpart-header .webpart-right {display:table-cell;vertical-align:bottom;height:39px;}
.webpart-header .webpart-right {text-align:right;}
.webpart-header .webpart-title {color:#1f1f1f;font-size:13px;font-weight:bold;display:inline-block;padding-bottom:10px;}
.webpart-header .webpart-title .sub-data {font-size:12px;color:#aaa;font-weight:normal;margin-left:5px;}
.webpart-header .ico-anchor {display:inline-block;}
.webpart-header .ico-img {text-indent:10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/lay_snb.png);}
.webpart-header .ico-more {display:block;width:18px;height:18px;background-position: -50px -150px;}
/* 2017-09-19 : 메일목록 새로고침 아이콘 추가 */
.webpart-header .ico-mail {display:block;position:relative;top:2px;width:18px;height:22px;margin-right:8px;background-position:-260px -389px;white-space:nowrap}
/* //2017-09-19 : 메일목록 새로고침 아이콘 추가 */

/* Webpart - 단순 바로가기 링크 */
.webpart-content-anchor .webpart-item {font-size:13px;color:#313131;line-height:1.33em;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.webpart-content-anchor .webpart-name-area {display:inline-block;width:200px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3em;}
.webpart-content-anchor .webpart-btn-area {display:inline-block;float:right;height:20px;margin-top:-2px;}
.webpart-content-anchor .webpart-name-area .item-anchor {font-size:inherit;color:inherit;line-height:inherit;}
.webpart-content-anchor .btn-anchor {color:#fff;font-size:11px;line-height:1.33em;border-radius:15px;padding:1px 9px 3px;background-color:#6f96b4;}
.webpart-content-anchor .btn-setting {color:#fff;font-size:11px;line-height:1.33em;border-radius:15px;padding:1px 9px 3px;background-color:#7f756f;}
.webpart-content-anchor .btn-anchor:hover {background-color:#fe630f;}

/* Webpart - 기본 리스트 */
.webpart-content-list-default .webpart-item {font-size:13px;color:#313131;line-height:1.33em;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.webpart-content-list-default .item-anchor {color:inherit;line-height:inherit;font-size:12px;width:223px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;}
.webpart-content-list-default .data-date {font-size:12px;color:#7B7B7B;display:inline-block;line-height:inherit;vertical-align:top;}

/* Webpart - 다중 리스트 */
.webpart-content-list-multiline .webpart-item {font-size:13px;color:#313131;line-height:1.33em;padding:4px 0;}
.webpart-content-list-multiline .item-anchor {color:inherit;line-height:inherit;font-size:12px;display:inline-block;}
.webpart-content-list-multiline .data-date {font-size:12px;color:#aaaaaa;display:inline-block;line-height:inherit;vertical-align:top;}
.webpart-content-list-multiline .data-mytodo {font-size:12px;color:#fe630f;display:inline-block;margin-right:3px;}
.webpart-content-list-multiline .data-towork {font-size:12px;color:#2278c0;display:inline-block;margin-right:3px;}
.webpart-content-list-multiline .data-sendwork {font-size:12px;color:#639101;display:inline-block;margin-right:3px;}
.webpart-content-list-multiline .data-title {height:34px;overflow:hidden;line-height:1.25em;display:inline-block;}

/* Webpart - 해시태그 */
.webpart-content-list-hash .webpart-item {font-size:13px;color:#313131;line-height:1.33em;padding:4px 3px;width:45%;display:inline-block;vertical-align:top;}
.webpart-content-list-hash .item-anchor {color:inherit;line-height:inherit;font-size:12px;display:inline-block;}


/*============================================
Employee Service Map
============================================*/
.empservice-map,
.empservice-map p,
.empservice-map ul,
.empservice-map li {margin:0;padding-left:0; list-style:none;}
.empservice-map {padding:6px 17px 5px 25px;}
.empservice-map > .empservice-item {border:1px solid #e0e0e0;width:48%;height:275px;margin-bottom:8px;margin-right:3px;display:inline-block;vertical-align:top;}

/* Service Map 미디어쿼리 */
@media only screen and (min-width: 1410px) and (max-width: 1655px){
	.empservice-map > .empservice-item {width:32%;}
}
@media only screen and (min-width: 1655px) and (max-width: 1900px){
	.empservice-map > .empservice-item {width:24.1%;}
}
@media only screen and (min-width: 1900px) and (max-width: 2145px){
	.empservice-map > .empservice-item {width:19.3%;}
}
@media only screen and (min-width: 2145px) and (max-width: 2390px){
	.empservice-map > .empservice-item {width:16%;}
}
@media only screen and (min-width: 2390px) and (max-width: 3635px){
	.empservice-map > .empservice-item {width:13.75%;}
}

.empservice-map > .empservice-item > .empservice-content {padding:3px 0 3px 10px;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8;}
.empservice-map .empservice-item .item-title-wrap {padding-left:38px;height:36px;}
.empservice-item .empservice-sub {margin-top:12px;margin-bottom:10px;height:210px;overflow:auto;}
.empservice-sub .empservice-item {position:relative;padding:1px 20px 3px 50px;}
.empservice-sub .empservice-item:hover {background-color:#efefef;}
.empservice-sub .empservice-item:hover .ico-setting {background-position:0 -100px;}
.empservice-sub .empservice-content {display:table;width:100%;}
.empservice-name-area,
.empservice-btn-area {display:table-cell;padding:4px 0;}
.empservice-btn-area {white-space:nowrap;text-align:right;vertical-align:top;}
.empservice-sub .item-anchor {font-size:13px;color:#313131;line-height:1.33em;margin-right:15px;display:inline-block;}
.empservice-sub .item-anchor:hover {color:#fe630f;}
.empservice-sub .item-anchor:active {background-color:transparent;}
.empservice-sub .btn-anchor {color:#fff;font-size:11px;line-height:1.33em;border-radius:15px;padding:1px 9px 3px;background-color:#6f96b4;}
.empservice-sub .btn-anchor:hover {background-color:#fe630f;}
.empservice-map .item-title {font-size:17px;line-height:1.9em;display:block;margin-bottom:1px;}
.empservice-map .item-description {font-size:12px;color:#8e8e8e;}

/* Icon */
.empservice-map .ico-img {display:inline-block;overflow:hidden;vertical-align:middle;background:url('/neo/img/ncp/theme/common/ico_empsvcmap.png') no-repeat;}
.empservice-content .ico-img {float:left;width:35px;height:35px;}
.empservice-map .ico-setting {position:absolute;left:25px;top:9px;width:12px;height:12px;background-position:-50px -100px;}
.empservice-map .ico-human {background-position:left top;}
.empservice-map .ico-system {background-position:-50px top;}
.empservice-map .ico-operation {background-position:-100px top;}
.empservice-map .ico-trip {background-position:-150px top;}
.empservice-map .ico-etcsystem {background-position:left -50px;}
.empservice-map .ico-expense {background-position:-50px -50px;}
.empservice-map .ico-equipment {background-position:-100px -50px;}
.empservice-map .ico-welfare {background-position:-150px -50px;}
.empservice-map .ico-more {width:18px;height:4px;float:right;margin-top:6px;background-position:-200px -50px;}
/*new icon 법무 회계 교육 20170203 */
.empservice-map .ico-education {background-position:-99px -91px;}
.empservice-map .ico-law {background-position:-151px -91px;}
.empservice-map .ico-accounting {background-position:-195px -91px;}
/* 2017-08-04 : 지원업무 아이콘 추가 */
.empservice-map .ico-compliance {background-position:-100px -92px}
.empservice-map .ico-it {background-position:left -150px}
/* //2017-08-04 : 지원업무 아이콘 추가 */

/* Employee Service 팝업 상세화면 */
.pop-modalwindow-contents{position:relative;clear:both;}

/* 2017-04-10 : 이철근 추가 */
.pop-modalwindow-contents .pop_table-box {padding:30px 20px}
/* 2017-06-22 : 더보기 팝업 기준일자 좌측정렬 */
.pop-modalwindow-contents .pop_table-box .unit {display:block;margin-bottom:10px;height:11px;font-size:12px;color:#252424;text-align:left;line-height:11px;vertical-align:top}
/* //2017-06-22 : 더보기 팝업 기준일자 좌측정렬 */
.pop-modalwindow-contents .pop_table-box tbody .data-total {background-color:#edeef0}
/* 2017-06-16 : 이철근 추가 */
.pop-modalwindow-contents .pop_table-box.pop-scroll {padding-right:0}
.pop-modalwindow-contents .pop_table-box.pop-scroll .mCustomScrollBox {padding-right:20px}
.pop-modalwindow-contents .pop_table-box.pop-scroll .unit {padding-right:20px}
.pop-modalwindow-contents .pop_table-box .list-default {margin:0}
/* //2017-06-16 : 이철근 추가 */
.pop-modalwindow-contents .pop_table-box .list-default-head {font-weight:normal}
.pop-modalwindow-contents .pop_table-box .list-default-head,
.pop-modalwindow-contents .pop_table-box .list-default-data {text-align:center;border-left:1px solid #e0e0e0}
.pop-modalwindow-contents .pop_table-box thead tr th {text-align:center !important}
.pop-modalwindow-contents .pop_table-box tbody tr th:first-child,
.pop-modalwindow-contents .pop_table-box tbody tr td:first-child {text-align:left}
.pop-modalwindow-contents .pop_table-box tbody .list-default-head {background-color:#f5f6f6}
.pop-modalwindow-contents .pop_table-box tbody .data-total {background-color:#edeef0}
.pop-modalwindow-contents .pop_table-box .list-default-data.data-number,
.pop-modalwindow-contents .pop_table-box .list-default-head.data-number {text-align:right !important}
.pop-modalwindow-contents .pop_table-box .list-default-head.align-center,
.pop-modalwindow-contents .pop_table-box .list-default-data.align-center {text-align:center !important}
/* //2017-04-10 : 이철근 추가 */

.detailview-empservice {margin:25px 25px 0;display:inline-block;}
.detailview-empservice .detailview-article {padding-bottom:20px;}
.pop-lay-col1 .detailview-btn-area{position:absolute;bottom:0px;width:100%;text-align:center;background:#F7F6F6;}
.pop-lay-col2 .object-box{border-top:none;padding-bottom:8px;}
.pop-lay-col2 .object-box .object-box-title{border-bottom:1px solid #e5e5e5;padding-bottom:12px;}
.pop-lay-col2 .object-box .download-list .attach-item{margin-bottom:10px;}
.pop-lay-col2 .object-box .download-list .attach-item .file-name{font-size:12px;display:block;margin-left:18px;margin-top:-18px;}
.pop-lay-col2 .object-box .download-list .attach-item .anchor-txt{font-size:12px;margin-left:18px;}
.pop-lay-col2 .object-box .download-list .attach-item .anchor-txt + .anchor-txt{margin-left:0;}
.pop-lay-col2 .tab-area {margin-left:-1px;}
.pop-lay-col2 .tab-area .veiw-option {padding:10px 20px;border-bottom:1px solid #e0e0e0;}
.pop-lay-col2 .nav-tab-fixed {background-color:#fff;}
.pop-lay-col2 .tab-contents-area .actual-data-area {height:500px;margin-left:1px;background-color:#fff;}

/* Employee Service 팝업 프로세스 입력 */
.hr-process .pop-header-option-bar {border-bottom:1px solid #e0e0e0;}
.hr-process .pop-header-option-left {float:left;padding:10px 20px;}
.hr-process .pop-header-option-right {text-align:inherit;float:right;}
.hr-process .ico-img {text-indent:-10000px;display:inline-block;overflow:hidden;cursor:pointer;vertical-align:middle;background-image:url(/neo/img/ncp/theme/common/ico_empsvc_edit.png);}
.hr-process .process-edit-set .ico-img{text-indent:-10000px;display:inline-block;width:30px;height:30px;border-radius:3px;overflow:hidden;cursor:pointer;vertical-align:middle;background-image:url(/neo/img/ncp/theme/common/ico_empsvc_edit.png);}
.hr-process .process-edit-set .ico-img:hover,
.hr-process .process-edit-set .active .ico-img{background-color:#cbc9c9;box-shadow:1px 1px #f5f5f5, 1px 1px 1px #b6b5b5 inset;}
.hr-process .ico-basicbox{background-position:left top;}
.hr-process .ico-multibox{background-position:-30px top;}
.hr-process .ico-arrow{background-position:-60px top;}
.hr-process .ico-num-down{width:21px;height:21px;background-position:-90px top;}
.hr-process .ico-num-up{width:21px;height:21px;background-position:-120px top;}
.hr-process .ico-edit-basicbox{background-position:left -30px;}
.hr-process .ico-edit-multibox{background-position:-30px -30px;}
.hr-process .ico-edit-del{background-position:-60px -30px;}
.hr-process .ico-edit-color{background-position:-90px -30px;}
.hr-process .ico-edit-step{background-position:-120px -30px;}

.hr-process .info-description {font-size:13px;padding:20px 10px 10px 10px;}
.hr-process-editor {background-color:#fff;border:1px solid #e0e0e0;height:400px;position:relative;margin-bottom:0;overflow:auto;}
.process-edit-set{display:inline-block;}
.step-option {display:inline-block;padding-left:40px;}
.step-option .form_txt {color:#999;text-align:center;padding-left:0;width:70px;margin:0 4px;}

/* Employee Service 프로세스 작성 팁 */
.empsvc-guidebox .ico-img{text-indent:-10000px;display:inline-block;width:22px;height:22px;border-radius:3px;overflow:hidden;cursor:pointer;vertical-align:middle;background-image:url(/neo/img/ncp/theme/common/ico_empsvc_edit.png);}
.empsvc-guidebox .ico-process {background-position:-150px top;}
.empsvc-guidebox .ico-title {background-position:-150px -30px;}
.empsvc-guidebox .ico-indent {background-position:right top;}
.empsvc-guidebox .info-list {padding:2px 0;}
.empsvc-guidebox .info-list .list-title {font-weight:bold;margin-left:7px;margin-right:10px;}
.empsvc-guidebox .info-item {padding-left:3px;padding-top:5px;}


/*============================================
Employee Expert
============================================*/
.empservice-expert,
.empservice-expert p,
.empservice-expert ul,
.empservice-expert li {margin:0;padding-left:0;list-style:none;}
.empservice-expert {margin-top:-1px;}
.empservice-expert > .empservice-expert-item > .empservice-expert-content {}
.empservice-expert > .empservice-expert-item.active {}
.empservice-expert > .empservice-expert-item {border-bottom:1px solid #e0e0e0;padding:12px 20px;}
.empservice-expert .empservice-expert-item .item-title-wrap {padding-left:30px;}
.empservice-expert-item .empservice-expert-sub {padding-left:15px;margin-top:10px;}
.empservice-expert .empservice-expert-sub {display:none;}
.empservice-expert .active .empservice-expert-sub {display:block;}
.empservice-expert-sub .empservice-expert-item {width:50%;display:inline-block;box-sizing:border-box;margin-left:-4px;padding:0 20px;vertical-align:top;}
.empservice-expert-sub .empservice-expert-content {display:table;width:100%;}
.empservice-name-area,
.empservice-data-area {display:table-cell;padding:4px 0;}
.empservice-data-area {white-space:nowrap;text-align:right;}
.empservice-expert .empservice-expert-sub .item-anchor {font-size:13px;color:#313131;line-height:1.33em;}
.empservice-expert .empservice-expert-sub .item-anchor:hover {color:#fe630f;}
.empservice-expert .empservice-expert-sub .btn-anchor {color:#fff;font-size:11px;line-height:1.33em;border-radius:15px;padding:1px 9px 3px;background-color:#bab5b2;}
.empservice-expert .empservice-expert-sub .data-num {font-size:13px;font-weight:bold;color:#313131;line-height:1.33em;}
.empservice-expert .item-title {font-size:18px;font-weight:bold;line-height:1.3em;display:block;margin-bottom:1px;position:relative;}
.empservice-expert .item-description {font-size:12px;color:#8e8e8e;}
/* Icon */
.empservice-expert .ico-img {display:inline-block;overflow:hidden;vertical-align:middle;background:url('/neo/img/ncp/theme/common/ico_empsvcexpert.png') no-repeat;}
.empservice-expert-content .ico-img {float:left;width:24px;height:24px;}
.empservice-expert .ico-folding {width:10px;height:6px;background-position:-220px top;position:absolute;right:0;bottom:8px;}
.empservice-expert .active .ico-folding {width:10px;height:6px;background-position:-200px top;position:absolute;right:0;bottom:8px;}
.empservice-expert .ico-setting {background-position:left top;}
.empservice-expert .ico-setting-type2 {background-position:-50px -100px;}
.empservice-expert .ico-research {background-position:-50px top;}
.empservice-expert .ico-business {background-position:-100px top;}
.empservice-expert .ico-it {background-position:-150px top;}
.empservice-expert .ico-special {background-position:left -50px;}
.empservice-expert .ico-major {background-position:-50px -50px;}
.empservice-expert .ico-license {background-position:-100px -50px;}
.empservice-expert .ico-language {background-position:-150px -50px;}
.empservice-expert .ico-hobby {background-position:-200px -50px;}
.empservice-expert .ico-quality {background-position:left -100px;}
.empservice-expert .ico-middleware {background-position:-100px -100px;}
.empservice-expert .ico-infra {background-position:left -150px;}
.empservice-expert .ico-infra-type2 {background-position:-50px -150px;}
.empservice-expert .ico-infra-type3 {background-position:-100px -150px;}
.empservice-expert .ico-archi {background-position:-150px -100px;}
.empservice-expert .ico-archi-type2 {background-position:-200px -100px;}
.empservice-expert .ico-web {background-position:-150px -150px;}
.empservice-expert .ico-web-type2 {background-position:-200px -150px;}
.empservice-expert .ico-web-type3 {background-position:left -200px;}
.empservice-expert .ico-resource {background-position:-50px -200px;}
.empservice-expert .ico-resource-type2 {background-position:-100px -200px;}
.empservice-expert .ico-resource-type3 {background-position:-150px -200px;}
.empservice-expert .ico-mobile {background-position:-200px -200px;}
.empservice-expert .ico-place {background-position:left -250px;}
.empservice-expert .ico-place-type2 {background-position:-50px -250px;}
.empservice-expert .ico-place-type3 {background-position:-100px -250px;}
.empservice-expert .ico-place-type4 {background-position:-150px -250px;}
.empservice-expert .ico-place-type5 {background-position:-200px -250px;}
.empservice-expert .ico-place-type6 {background-position:left -300px;}
.empservice-expert .ico-place-type7 {background-position:-50px -300px;}

/* 직무조회 */
.empservice-expert-userinfo,
.empservice-expert-userinfo p,
.empservice-expert-userinfo ul,
.empservice-expert-userinfo li {margin:0;padding-left:0;list-style:none;}
.empservice-expert-userinfo {margin-left:-12px;border-top:1px solid #e0e0e0;}
.empservice-expert-userinfo .empservice-userinfo-item {display:inline-block;width:50%;box-sizing:border-box;padding-top:18px;margin-right:-4px;}
.empservice-expert-userinfo .empservice-userinfo-item {padding-left:12px;}
.empservice-expert-userinfo .userinfo-item-wrap {padding-bottom:15px;border-bottom:1px solid #e0e0e0;}
.empservice-expert-userinfo .presence-pic {float:left;width:46px;height:46px;padding-right:15px;}
.empservice-expert-userinfo .presence-pic .presence-img {width:46px;height:46px;}
.empservice-expert-userinfo .userinfo-data {margin-left:60px;}
.empservice-expert-userinfo .presence-img img {width:46px;height:46px;}
.empservice-expert-userinfo .presence-pic .presence-status {right: 12px;}
.empservice-expert-userinfo .data-user {font-size:13px;font-weight:bold;display:inline-block;color:#1c1c1c;padding-bottom:3px;}
.empservice-expert-userinfo .data-belong,
.empservice-expert-userinfo .author-txt span {font-size:13px;display:inline-block;color:#999999;padding-bottom:3px;}
.empservice-expert-userinfo .author-belong,
.empservice-expert-userinfo .author-txt {font-size:13px;color:#999999;}
.empservice-expert-userinfo .author-txt .data-value {font-size:13px;display:inline-block;color:#a07d66;padding-bottom:3px;}
/* 검색 영역 */
.expert-option-bottom {padding:5px 20px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;}
.expert-option-bottom .search-keyword-rectangle .form-keyword {width:150px;}
.expert-option-bottom .databox-wrap {display:table;width:100%;}
.expert-option-bottom .databox-th, .expert-option-bottom .databox-td {display:table-cell;}
.expert-option-bottom .databox-th {padding-right:15px;}
.expert-option-bottom .text-align-right {text-align:right;}


/*============================================
결재 요소
============================================*/
/* 관련문서 첨부 */
.lay-treesearch-type1 {display:table;}
.lay-treesearch-type1 .pop-lay-col1 {width:280px;padding:20px;background:#f2f2f2;}
.lay-treesearch-type1 .pop-lay-col1 .btn-attention {width:240px;text-indent:0;height:32px;border-radius:16px;}
.lay-treesearch-type1 .treesearch-treemenu {color:#999999;text-align:center;height:486px;border:1px solid #e0e0e0;width:100%;overflow:auto;background:#fff;}
.lay-treesearch-type1 .menu-page-button {margin-bottom:12px;}
.lay-treesearch-type1 .treesearch-title {font-size:14px;font-weight:bold;padding-bottom:5px;}
.lay-treesearch-type1 .treemenu-area {text-align:left;}
.lay-treesearch-type1 .pop-lay-col2 {padding:20px;padding-bottom:0;width:760px;background-color:#ffffff;}
.lay-treesearch-type1 .page-header {padding:0;}
.lay-treesearch-type1 .page-header-box {}
.lay-treesearch-type1 .page-header-left {padding-left:0;}
.lay-treesearch-type1 .page-header-right {padding-right:0;}
.lay-treesearch-type1 .veiw-option {padding:5px 0;border-top:1px solid #e0e0e0;}

/* 게시판 인보드 팝업 */
.lay-treesearch-type2 {display:table;}
.lay-treesearch-type2 .pop-lay-col1 {width:280px;padding:20px;background:#f2f2f2;}
.lay-treesearch-type2 .pop-lay-col1 .btn-attention {width:240px;text-indent:0;height:32px;border-radius:16px;}
.lay-treesearch-type2 .treesearch-treemenu {color:#999999;text-align:center;height:486px;border:1px solid #e0e0e0;width:100%;overflow:auto;background:#fff;}
.lay-treesearch-type2 .menu-page-button {margin-bottom:12px;}
.lay-treesearch-type2 .treesearch-title {font-size:14px;font-weight:bold;padding-bottom:5px;}
.lay-treesearch-type2 .treemenu-area {text-align:left;}
.lay-treesearch-type2 .pop-lay-col2 {padding-bottom:0;width:760px;background-color:#ffffff;}
.lay-treesearch-type2 .pop-lay-col2 .header-option-left {padding-left:20px;}
.lay-treesearch-type2 .pop-lay-col2 .header-option-right {padding-right:20px;}
.lay-treesearch-type2 .pop-lay-col2 .header-option-bar {border-bottom:1px solid #e0e0e0;background-color:#f2f2f2;}

/* 결재자 지정 */
.lay-item-move {padding:20px 20px 0 20px;}
.lay-item-move .tab-blank {height:41px;}/* 좌측 탭의 높이와 동일하게 적용 */
.lay-item-move-box {display:table;table-layout:fixed;width:100%;}
.lay-item-move-left,
.lay-item-move-btn,
.lay-item-move-right {display:table-cell;vertical-align:bottom;}
.lay-item-move .nav-tab-fixed .tab-fixed-item:last-child {border-right:1px solid #e0e0e0;}
.lay-item-move .nav-tab-fixed .tab-fixed-item:first-child {border-left-width:1px;}
.lay-item-move-left .tab-contents-area,
.lay-item-move-right .tab-contents-area {position:relative;height:490px;padding:10px;border:1px solid #e0e0e0;border-top:none;background:#f2f2f2;}
.lay-item-move-left .tab-contents-area.organ-type2 {height: 360px;}
.lay-item-move-right .flowmap-area {padding-top:43px;}
.lay-item-move-right .flowmap-area .approver-wrap {text-align:center;}
.lay-item-move-right .flowmap-area .approver-ico-area {text-align:center;height:5px;padding:5px 0 8px;}
.lay-item-move .veiw-option {padding:0;padding-bottom:10px;}
.lay-item-move-left .view-option-left {float:none;padding:2px 0;}
.lay-item-move .treemenu-area {color:#999999;border:1px solid #e0e0e0;position:relative;height:190px;overflow:auto;margin-bottom:10px;background:#ffffff;}
.tab-contents-area.organ-type2 .treemenu-area {height:325px;margin-top:5px;}
/*
.lay-item-move .treemenu-area p {position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-50px;}
*/
.lay-item-move .member-list-box {height:490px;overflow:auto;border:1px solid #e0e0e0;border-top:none;background:#ffffff;}
.lay-item-move .organization .member-list-box {height:189px;}
.lay-item-move-right .member-list-box {height:213px;}
.lay-item-move .move-list-box {height:212px;overflow:auto;border:1px solid #e0e0e0;border-top:none;background:#ffffff;}
.lay-item-move-btn {text-align:center;width:100px;box-sizing:border-box;padding:0 10px;}
.lay-item-move-btn .btn-etc {margin:3px 0;}
.lay-item-move .organization-option-bottom {padding:5px 0 10px;}
.lay-item-move .member-num {font-weight:bold;padding:5px 0;}
.lay-item-move .align-left {text-align:left;}
.lay-item-move .list-title {padding:10px 0 5px;}
/* 버튼 영역 */
.item-move-btn-single {margin-bottom:250px;}
.item-move-btn-singlegroup {margin-bottom:250px;}
.item-move-btn-group2 .item-move-group {padding-top:110px;padding-bottom:70px;}
.item-move-btn-group3 .item-move-group {padding-top:50px;padding-bottom:50px;}
/* 조직도 요소별 폭 */
.lay-organization {width:450px;}
/* 선택대상영역 높이 - full */
.lay-selection-full {border-width:0;}
.lay-selection-full .member-list-box {height:510px;}
/* 선택대상영역 높이 - 3단 */
.lay-selection-row3 {border-width:0;}
.lay-selection-row3 .member-list-box {height:154px;}
.lay-selection-row3 .member-list-box:nth-child(2) {margin:23px 0;}


/*============================================
시스템링크
============================================*/
/* 시스템링크 설정 */
.lay-systemlink {padding:0 20px 0 20px;}
.lay-systemlink .lay-item-move-left {border:1px solid #e0e0e0;background-color:#f2f2f2;padding:10px;}
.lay-systemlink .systemlink-treemenu {background-color:#f2f2f2;}
.lay-systemlink .menu-select {margin-bottom:15px;}
.lay-systemlink .menu-select-wrap{margin-bottom:5px;}
.lay-systemlink .treemenu-area {background-color:#fff;border:1px solid #e0e0e0;height:330px;position:relative;margin-bottom:0;overflow:auto;}
.lay-systemlink .lay-item-move-right {border:1px solid #e0e0e0;background-color:#f2f2f2;overflow:auto;padding:10px;}
.lay-systemlink .systemlink-setting {height:375px;overflow:auto;}

.setting-menu-list {padding:0;margin:0;list-style:none;}
.setting-menu-list .setting-menu-item {position:relative;padding:6px 15px 8px 12px;}
.setting-menu-list .setting-menu-tit {font-size:12px;color:#8d8e90;line-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.setting-menu-list .setting-menu-edit {display:none;position:absolute;top:5px;right:20px;}
.setting-menu-list .setting-menu-item:hover .setting-menu-tit {color:#ee5533;}
.setting-menu-list .setting-menu-item:hover .setting-menu-edit {display:block;}

.setting-menu-list .ico-img {text-indent:-10000px;display:inline-block;overflow:hidden;width:20px;height:20px;border-radius:10px;cursor:pointer;background-color:#bfbfbf;background-image:url(/neo/img/ncp/theme/common/systemlink_set_ico.png);}
.setting-menu-list .ico-down{background-position:left top;}
.setting-menu-list .ico-up {background-position:-30px top;}
.setting-menu-list .ico-delete {background-position:-60px top}

/* 시스템 등록 */
.datatable-multiple .systemlink-setting {height:110px;border:1px solid #e0e0e0;overflow:auto;}
.datatable-multiple .setting-menu-list .setting-menu-item {padding:5px 15px 8px 12px;}
.datatable-multiple .setting-menu-list .setting-menu-edit {top:3px;}

.datatable-multiple select#branchTypeSel {border-radius:0 !important;}
.datatable-multiple select#alarmTargetSelect {border-radius:0 !important;}
.datatable-multiple select#managerSelect {border-radius:0 !important;}


/*============================================
SNS 팔로우 설정
============================================*/
.lay-snsfollow {margin:20px 20px 0;}
.lay-snsfollow .pop-lay-col1,
.lay-snsfollow .pop-lay-col2 {display:inline-block;}
.lay-snsfollow .snsfollow-setting {border:1px solid #e0e0e0;}
.lay-snsfollow .list-title {font-weight:bold;padding:13px 20px;background-color:#f2f2f2;}
.lay-snsfollow .list-title .all-check {font-weight:normal;float:right;}
.lay-snsfollow .list-title .all-check input {margin-right:5px;}
.lay-snsfollow .pop-lay-col1 {margin-right:13px;width:200px;}
.lay-snsfollow .pop-lay-col2 {background:none;width:467px;border:none;}
.lay-snsfollow .snsfollow-list {overflow:auto;height:320px;list-style:none;padding:0px;margin:0;}
.snsfollow-list .item-anchor {display:block;padding:8px 20px;}
.snsfollow-list .item-anchor:hover,
.snsfollow-list .item-anchor.active {color:#fff;background:#7f756f;}
.snsfollow-list .follow-anchor {color:#fff;float:right;padding:3px 10px 4px;margin-top:-3px;border-radius:5px;background:#bfbab7;}
.pop-lay-col2 .snsfollow-item {padding:8px 20px;}
.pop-lay-col2 .snsfollow-item:hover,
.pop-lay-col2 .snsfollow-item.active {background:#f0efef;}
.pop-lay-col2 .snsfollow-item .follow-anchor:hover,
.pop-lay-col2 .snsfollow-item .follow-anchor.active {background:#fe630f;}


/*============================================
공유하기
============================================*/
.social-sharing {padding:20px 20px 0 20px;}
.social-sharing .nav-tab-fixed .tab-fixed-item:last-child {border-right:1px solid #e0e0e0;}
.social-sharing .nav-tab-fixed .tab-fixed-item:first-child {border-left-width:1px;}
.social-sharing .tab-contents-area {margin-top:15px;}
.social-sharing .member-list-box {height:212px;overflow:auto;border:1px solid #e0e0e0;border-top:none;background:#ffffff;}
.social-sharing .list-default-s .list-default-head {border-top:1px solid #e0e0e0;}
.social-sharing .align-left {text-align:left;}


/*============================================
환경설정 - 나의정보
============================================*/
.myinfo-img {width:116px;height:158px;background:url(/neo/img/ncp/theme/common/img_none.png);}
.myinfo-col1 {position:absolute;width:116px;margin-top:25px;}
.myinfo-col1 > p {margin:0;padding:0;}
.myinfo-col1 .info-description {text-align:center;color:#909090;padding-top:10px;}
.myinfo-col2 {margin-left:136px;}
.myinfo-col2 .myinfo-tbl2 {padding-top:20px;}
.myinfo-tbl2 .tab-area {padding-top:15px;}
.myinfo-tbl2 .my-belong::before {color:#e0e0e0;content:">";padding:0 5px;}
.myinfo-tbl2 .my-belong:first-child::before {content:"";padding:0;}
.myinfo-col2 .ico-mail {display:inline-block;width:15px;height:10px;background:url(/neo/img/ncp/theme/common/ico_mail.png);}


/*============================================
전체시스템
============================================*/
.allsystem,
.allsystem p,
.allsystem ul,
.allsystem li {margin:0;padding-left:0; list-style:none;}
.allsystem .allsystem-map {border-bottom:1px solid #e0e0e0;padding:25px 0;margin:0 25px;}
.allsystem-map > .allsystem-item {border-right:1px solid #e0e0e0;
 width:16.7%;display:inline-block;padding:0 20px;margin-right:-4px;vertical-align:top;}
.allsystem-map li:first-child {padding-left:0;}
.allsystem-map li:last-child {padding-right:0;border-right:none;}
.allsystem-map .allsystem-title {font-size:15px;font-weight:bold;}
.allsystem-map .allsystem-item .item-title-wrap {padding-left:45px;}
.allsystem-item .allsystem-sub {margin-top:10px;margin-bottom:20px;}
.allsystem-sub .allsystem-content {display:table;width:100%;}
.allsystem-name-area,
.allsystem-btn-area {display:table-cell;padding:4px 0;}
.allsystem-btn-area {white-space:nowrap;text-align:right;}
.allsystem-sub .item-anchor {font-size:13px;color:#313131;line-height:1.33em;}
.allsystem-sub .item-anchor:hover {color:#fe630f;font-weight:bold;}
.allsystem-sub .item-anchor:active {background-color:#fff;}
.allsystem-map .ico-img {text-indent:10000px;display:inline-block;overflow:hidden;background-image:url(/neo/img/ncp/theme/board/list_cardview.png);}
.allsystem-map .ico-favorite {width:0;height:0;}
.allsystem-sub .allsystem-item:hover .ico-favorite {width:10px;height:10px;background-position:-62px -20px;}
.allsystem-sub .allsystem-item .anchor-ico.active .ico-favorite{width:10px;height:10px;background-position:-62px -2px;}


/*============================================
Paginate
============================================*/
#paging{font-family:'Malgun Gothic', arial, dotum, gulim !important;text-align:center;padding:12px 0;background-color:#FFF;}
/* #paging .pagText{display:inline-block !important;width:27px !important;height:27px !important;margin:0 3px;padding:0;border-radius:5px;cursor:pointer;text-indent:-10000px;overflow:hidden;background-color:#c8c8c8;} */
#paging .pagText{display:inline-block !important;width:27px !important;height:27px !important;margin:0 3px;padding:0;border-radius:5px;cursor:pointer;text-indent:-10000px;vertical-align:top;background-color:#c8c8c8; /* 2016-10-26 by naomi */}
#paging .anchor-ico:hover {}
#paging > div{display:block;vertical-align:top;min-width:171px;height:27px;}
#paging .num {font-size:12px;color:#424345;font-weight:bold;line-height:27px !important;display:inline-block;min-width:18px !important;height:27px;padding:0 3px;border-radius:5px;box-sizing:border-box;cursor:pointer;vertical-align:10px;padding:0 10px !important;}
#paging .num:hover {color:#fd6503;}
#paging a.ov{color:#FFF !important;min-width:27px;background-color:#fd6503;}
#paging .vbar01, #paging .vbar02{display:none;}
#listPageInfoArea{font-size:11px !important;color:#A9A7A7 !important;position:absolute !important;right:10px !important;top:-5px !important;}

/* Icon */
#paging .prev01{width:27px;height:27px !important;display:block;margin:0 1px;background:url(/neo/img/ncp/theme/board/nav_paging.png) left top !important;}
#paging .prev02{width:27px;height:27px !important;display:block;margin:0;background:url(/neo/img/ncp/theme/board/nav_paging.png) -30px top !important;}
#paging .next02{width:27px;height:27px !important;display:block;margin:0 -1px;background:url(/neo/img/ncp/theme/board/nav_paging.png) left -30px !important;}
#paging .next01{width:27px;height:27px !important;display:block;margin:0;background:url(/neo/img/ncp/theme/board/nav_paging.png) -30px -30px !important;}


/*============================================
개발지원 : 트리메뉴 관련
============================================*/
.selectedNode{}
.selectedNode{font-weight:bold;color:#ee5533;}
.selectedNode span img{vertical-align:-4px;margin-right:2px;}
.selectedNode nobr img{vertical-align:-1px;margin-left:6px;}
#bbsCompanyBoardTree span img{vertical-align:-4px;margin-right:2px;}
#bbsCompanyBoardTree nobr img{vertical-align:-1px;margin-left:6px;}
#bbsGroupBoardTree span img{vertical-align:-4px;margin-right:2px;}
#bbsGroupBoardTree nobr img{vertical-align:-1px;margin-left:6px;}
#bbsAffiliateBoardTree span img{vertical-align:-4px;margin-right:2px;}
#bbsAffiliateBoardTree nobr img{vertical-align:-1px;margin-left:6px;}
#bbsGlobalBoardTree span img{vertical-align:-4px;margin-right:2px;}
#bbsGlobalBoardTree nobr img{vertical-align:-1px;margin-left:6px;}
#bbsTransferBoardTree span img{vertical-align:-4px;margin-right:2px;}
#bbsTransferBoardTree nobr img{vertical-align:-1px;margin-left:6px;}
#bbsRelationCompanyBoardTree span img{vertical-align:-4px;margin-right:2px;}
#bbsRelationCompanyBoardTree nobr img{vertical-align:-1px;margin-left:6px;}


/*============================================
Mail
============================================*/
/* 환경설정 */
.graph-area {background-color:#f5f5f5;width:100%;height:250px;margin-bottom:15px}
.mail-setting-wrap {margin-bottom:30px;}
.mail-setting-wrap .mail-setting-title {font-size:15px;font-weight:bold;color:#1c1c1c;margin-bottom:15px;}
.mail-setting-wrap .header-option-bar {margin-bottom:10px;margin-top:-1px;}
.mail-setting-wrap .header-option-right {padding:15px 10px;background-color:#f2f2f2;vertical-align:middle;height:0;}
.mail-setting-wrap .btn-s.btn-primary {color:#FFF;background-color:#7f756f;}

/* popup 편지쓰기 */
.modalwindow .mail-setting-wrap {margin-bottom:0;}
.upload-area {width:100%;height:100px;}
.mail-write-area {margin-top:20px;}
.mail-write-area textarea {font-family:inherit !important;padding:10px;height:300px;border:1px solid #e0e0e0;background-color:#fff;box-sizing:border-box;}
.mail-setting-wrap .send-option-area {margin-bottom:10px;}
.mail-setting-wrap .send-option-area .send-option {margin-right:7px;}
.mail-setting-wrap .anchor-ico{background-color:#bfbab7;padding:0px 3px;vertical-align:middle;}
.mail-setting-wrap input[type=radio] {margin-left:9px;}

/* icon */
.ico-img-mail {background:url('/neo/img/ncp/theme/common/ico_img_mail.png') no-repeat;text-indent:10000px;display:inline-block;overflow:hidden;vertical-align:middle;}
.ico-plus {background-position:left -50px;width:10px;height:13px;}
.ico-minus {background-position:-30px -50px;width:10px;height:13px;}
.ico-mail-important {width:14px;height:14px;background-position:-30px top;margin-right:3px;}
.ico-sub-list {margin:0 5px 0 10px;width:9px;height:9px;background-position:left top;vertical-align:top;}
.ico-clock {width:14px;height:14px;background-position:-60px top;margin-right:3px;}


/*=============================================
test (approval_set_listview_pop.html)
=============================================*/
.listview-select {margin:7px;}
.listview-select .list-title {display:inline-block;min-width:100px;}
.listview-select .list-select {display:inline-block;width:54px;}


/* 게시판 디폴트화면 */
.empty-data-area {text-align:center;margin-top:100px;}
.empty-data-area .ico-empty-data {display:inline-block;vertical-align:middle;width:80px;height:80px;background:url(/neo/img/ncp/theme/common/ico_empty_data.png);text-indent:-10000px;}
.empty-data-area .description {color:#3a3c3f;font-size:12px;padding-top:15px;}


/* MAIN GUIDE POPUP */
#popupSub > div{transform:none !important;width:auto !important; height:auto !important;}


/*============================================
2016-10-07 ㈜에이디앤스타일
최순봉 - 나의협업지수 추가
============================================*/
.lay-collabo{}
.lay-collabo .lay-contents-area{border:0;}

/* pop.css */
.pop-browser.pop-collabo .pop-browser-contents {padding:0;text-align: left;}

/* 나의 협업지수 검색 */
.collabo-top {position:relative;/*padding:30px 20px 10px;background-color:#f1f1f1;*/}
.collabo-search-area .search-box {height:32px;padding:8px 20px;border-bottom:1px solid #e0e0e0;background-color:#f1f1f1;}
.collabo-search-area .search-box [type="search"] {box-sizing:border-box;width:320px;height:34px;padding:0 60px 0 15px;margin:0 auto;border:1px solid #e0e0e0;border-radius:17px;background-color:#fff;}
.collabo-search-area .search-box .search-box-left{float:left;white-space: nowrap;}
.collabo-search-area .search-box .search-box-right{float: right;text-align: right;}
.collabo-search-area .search-box .date-txt{margin:0 5px;}
.collabo-search-area .date-select-multiline, .collabo-search-area .date-multiline-btn{display:inline-block;}
.collabo-search-area .date-multiline-btn{margin-left:10px;}
.collabo-search-area .databox-th, .collabo-search-area .databox-td {display: inline-block;vertical-align: top;}
.collabo-search-area .search-keyword-rectangle{background:none;margin-left:-5px;}
.collabo-search-area .search-keyword-rectangle .btn-search{margin-left:5px;}
.date-multiline-btn .search-keyword-rectangle{display: inline-block;vertical-align: middle;background:none;border-left:1px solid #e0e0e0}
.date-multiline-btn .search-keyword-rectangle .btn-s{float:left;border-box;border-radius:0;padding:0 10px}
.date-multiline-btn .search-keyword-rectangle .btn-s{color:#3a3c3f;background-color:#fff;border-width:1px 1px 1px 0;border-color:#e0e0e0;border-style:solid}
.date-multiline-btn .search-keyword-rectangle .btn-s:active, .date-multiline-btn .search-keyword-rectangle .btn-s.active{background:#7F756A;color:#fff;}

/* 나의 협업지수 그래프 */
.graph-box-type {overflow:hidden;padding:25px 0 20px;background:#fff;}
.graph-box-type.graph-box-color{background:#ededed;}
.graph-box-type .graph-inner-area {position:relative;background:none}
.graph-box-type .graph-left{float:left;width:40%;}
.graph-box-type .graph-right{float: right;width:60%;text-align:left;}
.graph-box-type .graph-title{margin-bottom:10px;font-size:14px;color:#252424;line-height:48px;}
.graph-box-type .graph-title span.info-point{margin-left:10px;font-size:40px;line-height:0}

/* 나의 협업지수 상세 */
.pop-header {position:relative; z-index:10;}
.pop-header {padding:12px 0 0;}
.pop-header-box {display:table;width:100%;}
.pop-header .pop-header-left {display:table-cell; padding-left:20px;}
.pop-header .con-title {display:inline-block;font-size:14px;color:#23201f;line-height:1.33em;font-weight:bold;padding:0;margin:3px 0 0 0;}
.pop-header .con-title .info-point {color:#fe630f;padding-right:5px;}
.pop-header span.data-date {display:inline-block;margin-left:28px;font-size:12px;}
.pop-header .pop-header-right {text-align:right;white-space:nowrap;padding-right:20px;padding-bottom:10px;position:relative;display:table-cell;vertical-align:top;}
.pop-header .pop-header-right .pop-header-area,
.pop-header .pop-header-right .pop-header-area {display:inline-block;}
.pop-header .pop-header-right .databox-wrap {vertical-align:top;}
.pop-header .pop-header-right .pop-header-search-area {}
.pop-header .pop-header-right .pop-header-search-area .select-box {padding-right:10px;display:inline-block;}
.pop-header .pop-header-box-twoline{display:table;width:100%;}

/* board.css */
.list-have-table .list-default-head{border:1px solid #d9d9d9;}
.list-have-table td, .list-have-table th{border:1px solid #d9d9d9;}
.list-have-table .list-pad-lr {padding: 9px 15px;vertical-align: top;}
.list-have-table tr:hover td:first-child {background-color:#fff;}
.list-have-table .list-title{text-align:center;}
.list-have-table .list-default-foot{font-weight:normal;padding:10px 0px;background-color:#f2f2f2;border:1px solid #d9d9d9;border-bottom:0}
.list-multiple .list-default-head{border:1px solid #d9d9d9;}
.list-multiple td, .list-multiple th{border:1px solid #d9d9d9;}
.list-multiple .list-pad-lr {padding: 9px 15px;vertical-align: top;text-align:center;}
.list-multiple tr:hover{background-color:#fff;}

/*
 * 2016.12.28 최순봉
 * 협업지수  tab-area 신규추가
 */
.wrap-total-score .tab-area {margin-top: 20px}
.wrap-total-score .txt-descrip:before {content: "";display:inline-block;width:10px;height:6px;position: absolute;top: 24px;left: 134px;background: url(/neo/img/ncp/theme/sns/stat/bl-traiangle.gif) no-repeat;}
.wrap-total-score .txt-descrip {position: relative;border-radius: 15px;display:inline-block;padding:0 19px;height:24px;background: #777f82;color: #fff;line-height: 23px;text-align: center;}
.wrap-total-score .nav-tab-leftalign .tab-leftalign-item {height:40px;background-color: #f5f5f5}
.wrap-total-score .nav-tab-leftalign .tab-leftalign-item.active {background: #fff }
.wrap-total-score .tab-contents-area {margin-top:17px;border-top: solid 1px #69696a }
.wrap-total-score .tab-contents-area .search-box-left .search-box-left-txt {margin: 8px 0 0 5px}
.wrap-total-score .nav-tab-leftalign .tab-anchor {padding: 11px 65px 12px !important }
.wrap-total-score .nav-tab-leftalign .tab-anchor {height: 15px}
.wrap-total-score .nav-tab-leftalign .tab-leftalign-item {margin-left: -5px}

/*============================================
2016-10-14 ㈜에이디앤스타일
최순봉 - 워크플레이스 경진대회 Poll
============================================*/
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

/* pop.css */
.pop-browser .pop-browser-contents.poll-main{padding:0;}
.pop-browser .pop-browser-contents.poll-sub{padding:0;}
.pop-browser .pop-browser-contents.poll-result{padding:0;}
.poll-layer .pop-modalwindow-btn-area{padding-bottom:0;text-align:center;}
.pop-browser.poll-layer .pop-browser-contents .btn-area{margin:0 !important;text-align:center;}
.poll-layer .close-area {display:inline-block;width:12px;height:12px;position:absolute;top:15px;right:15px;}
.poll-layer .close-area .pop-btn-close {background-position:-550px top;}

/* poll main */
.poll-main-workplace{padding:20px 30px 32px;border-bottom:1px solid #e6e4e4;background:url(/neo/img/ncp/theme/sns/event/poll/bg_poll.gif) repeat 0 0;}
.poll-main-workplace .btn-area{padding:20px 0 0;margin:0;text-align:center;}
.poll-main-workplace .btn-m{height:32px;padding: 0 30px;border-radius: 16px;}
.pollpart-contents .btn-m {height:40px;line-height:40px;padding: 0 30px;font-size:16px; border-radius:20px;}

/* poll 투표하기 */
.poll-workplace .poll-top-info{padding:50px 40px 30px;background:url(/neo/img/ncp/theme/sns/event/poll/bg_poll.gif) repeat 0 0;}
.poll-workplace .pollpart-contents{padding:30px 40px 30px;background:url(/neo/img/ncp/theme/sns/event/poll/bg_poll2.gif) repeat 0 0;}
.pollpart-header {width:100%;margin-bottom:5px;}
.pollpart-header .pollpart-header-tit {margin:0 0 10px;text-align:center;background:url(/neo/img/ncp/theme/sns/event/poll/bg_content-header.png) repeat-x 0 0;}
.pollpart-header .pollpart-header-tit span {padding:0 20px;background:url(/neo/img/ncp/theme/sns/event/poll/bg_poll2.gif) repeat 0 0;}
.pollpart-header .pollpart-header-cont {display: block;font-size:13px;color:#23201f;text-align:right;}
.pollpart-header .pollpart-header-cont span{font-weight:normal;}
.pollpart-content-list{position:relative;margin:6px 0 10px -25px;padding:0;}
.pollpart-content-list li{display:inline-block;width:180px;margin-left:25px;list-style:none;padding-top:0;vertical-align:top;}
.pollpart-pic {display:block;position:relative;width: 180px;height:180px;text-align:right;}
.pollpart-pic a {display:block;}
.pollpart-pic img {font-size: 0;vertical-align: top;}
.pollpart-pic .mask {display:block;position: absolute;top:0;left:0;width:180px;height:180px;cursor:pointer;background-color: #000; background-color: rgba(0,0,0,0.6);filter: "alpha(opacity=60)"; -ms-filter: "alpha(opacity=60)"; }
.pollpart-pic .num {display:block;position: absolute;top:10px;left:10px;color:#fff;font-size:20px;padding:0 0 5px;border-bottom:1px solid #fff;}
.pollpart-pic .ico_more_view {display: block;position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-25px;width:50px;height:50px;z-index: 10;text-indent:-5000em;font-size:0;background: url(/neo/img/ncp/theme/sns/event/poll/ico_more_view.png) 0 0 no-repeat;} /* 2016-10-21*/
.pollpart-info{overflow:hidden;position:relative;clear:both;margin-top:-50px;margin-bottom:20px;width:180px;;zoom:1;text-align:center;letter-spacing:-1px;}
.pollpart-info dt{line-height:14px;height:30px;color:#ee5533;font-weight:normal;color:#fff;font-size:13px;word-wrap:break-word; line-height:1.2} /* 2016-10-21*/
.pollpart-info dd{overflow:hidden;padding:0;margin:0;color:#535252;font-size:12px;word-wrap:break-word}
.pollpart-info .desc{padding-top:30px;} /* 2016-10-21*/
.pollpart-info .chk{margin-top:5px;font-family:arial;font-size:11px;line-height:11px;color:#6f6f6f}
.pollpart-info .chk .input_chk {width: 17px;height: 17px;margin-top: 1px;}

/* poll 투표결과 */
.poll-result .poll-top-info{padding:50px 40px 40px;}
.poll-result .pollpart-contents{padding-bottom:28px;}
.poll-result .pollpart-header{overflow:hidden;margin-bottom:10px;text-align:center;}
.poll-result .pollpart-header .pollpart-header-tit {float:left;margin:0;background:none;}
.poll-result .pollpart-header .pollpart-header-tit span{padding:0;}
.poll-result .pollpart-pic{overflow:hidden;height:120px;}
.poll-result .pollpart-pic img {margin-top:-60px;}
.poll-result .pollpart-pic .mask{height:120px;}
.poll-result .pollpart-pic .ico_more_view {width:40px;height:40px;margin-top:-26px;margin-left:-20px;background-size:cover;} /* 2016-10-21 */
.poll-result .pollpart-info{position:relative;margin-top:-38px;margin-bottom:22px;} /* 2016-10-21 */
.poll-result .pollpart-info dt{line-height:1;} /* 추가 2016-10-21*/
.poll-result .pollpart-info .proc{padding-top:10px;} /* 추가 2016-10-21*/
.wrap_bar_graph, .wrap_bar_graph .bar_percent {display:block;overflow:hidden;height:10px;text-indent:-999em;background:url(/neo/img/ncp/theme/sns/event/poll/bg_percent.png) no-repeat ;}
.wrap_bar_graph{width:180px;margin:12px 0 5px;background-position:0 0;}
.wrap_bar_graph .bar_percent {background-position:0 -50px;}
.pollpart-bar-graph .num_vote {color:#23201f;font:13px verdana, tahoma,sans-serif;}
.pollpart-bar-graph .num_vote em {margin-right:2px;font-size:14px;font-weight:bold;font-style:normal;}
.poll-result .pollpart-content-list li.rank_3 .pollpart-bar-graph em.num_vote {}


/*============================================
2016-11-10 ㈜에이디앤스타일
최순봉 - 대용량 파일 첨부
============================================*/
/* pop.css */
.pop-fileupload .pop-browser-header.narrow .pop-title{line-height:1 !important;}
.pop-fileupload .pop-browser-contents{padding:0 !important;}
.pop-fileupload .pop-alert-contents{padding:35px 45px 0;}
.pop-browser.pop-fileupload .pop-browser-contents .description{margin-bottom:34px;}
.pop-fileupload .pop-browser-contents .description-img {margin-bottom:0;}

/* board.css */
.pop-fileupload .list-default .align-left{padding-left:10px;}
.pop-fileupload .list-default .align-right{padding-right:10px;text-align:right}
.pop-fileupload .btn-s.btn-primary {color:#FFF;background-color:#7f756f;}
.pop-fileupload .datatable-multiple .datatable-head{text-align:center;font-weight:bold;}
.pop-fileupload .datatable-multiple .datatable-data{padding:34px 10px;}
.list-default .list-default-data.no-data {padding:30px 0px;}

/* 대용량 파일 팝업 공통 */
.pop-contents-margin {position:relative;margin:20px 20px 0px;text-align:left;}
.pop-contents-inner-margin{position:relative;margin:30px 20px 0px;text-align:left;}
.pop-fileupload .info-description{margin:0;padding:0;text-align:left;font-size:13px;}
.pop-fileupload .pop-btn-area {text-align: center;padding: 15px 0;}
.pop-fileupload .info{position:relative;padding:20px 20px;text-align:left;}
.pop-fileupload .info .tit{margin-bottom:10px;font-size:18px;}
.pop-fileupload .info .tit span{display:block;margin-top:5px;font-size:13px}
.pop-fileupload .info .last-date{position:absolute;right:0;top:6px;}
.pop-fileupload .info .all-view{position:absolute;right:0;top:6px;}
.pop-contents-margin .info{padding:0;text-align:left;}
.pop-contents-margin .info .tit{margin-bottom:15px;}
.pop-fileupload .upload-date{color:#999;}
.pop-fileupload .upload-status.standby{color:#999;}
.pop-fileupload .upload-status.error{color:#252424;padding-right:18px;vertical-align: middle;background:url(/neo/img/ncp/theme/finder/massFile/ico_error.png) no-repeat 100% 50%;}
.pop-fileupload .upload-status.error em{font-style:normal;color:#ee5533;}
.pop-fileupload .upload-status.transmit{color:#2278c0;}
.pop-fileupload .upload-status.complete{color:#252424;}
.pop-fileupload .status-anchor {padding:3px 8px 5px;margin-left:10px;border-radius:5px;background:#bfbab7;font-size:11px;color:#fff;}
.pop-fileupload .object-box-type2{margin:0;padding:0;}
.pop-fileupload .list-default .list-default-head{border-top: 1px solid #69696a;}

/* 아이콘 */
.fileupload-ico-img {display:inline-block;text-indent:-10000px;overflow:hidden;vertical-align:middle;}
.fileupload-ico-folder {width:40px;height:27px;padding:0;margin-right:10px;background:url(/neo/img/ncp/theme/finder/massFile/ico_folder.png) no-repeat 0 0;}
.fileupload-ico-error {width:14px;height:14px;padding:0;margin-right:10px;background:url(/neo/img/ncp/theme/finder/massFile/ico_error.png) no-repeat 0 0;}

/* 탭영역 */
.pop-fileupload .tab-leftalign-item:nth-child(2){border-left: 1px solid #e0e0e0;}
.pop-fileupload .tab-anchor{min-width:190px;}
.pop-fileupload .tab-anchor {background-color:#f5f5f5}
.pop-fileupload .tab-anchor:hover, .pop-fileupload .active .tab-anchor{background-color:#fff}
.pop-fileupload .tab-area .tab-top-btn{position:absolute;right:0;top:5px;}
.pop-fileupload .tab-all-btn{padding:20px 0 10px}
.pop-fileupload .btn-s, .pop-fileupload .btn-m{padding:0 25px;}

/* progress */
.file-status {padding:25px 140px 25px;font-size:12px;color:#252424;line-height:1.33em;font-family:'Malgun Gothic', arial, gulim, dotum;line-height:1.5em;border: 1px solid #e0e0e0;border-top: none;background: #f2f2f2;}
.file-status ul,.file-status li {margin:0;padding-left:0;list-style:none;}
.file-status li:nth-child(2){padding:20px 0 10px;}
.progress-wrap{position:relative;padding:0 46px 0 120px;text-align:left;}
.file-status.allView {padding:25px 178px 45px;}
.file-status.allView .progress-wrap{padding:0 46px 0 58px;}
.file-status.allView .prog-tit {top:12px;}
.file-status.allView .prog-status{text-align:center;}
.prog-tit, .prog-count{position:absolute;top:18px}
.prog-tit{left:0;}
.prog-count{width:28px;right:0;text-align:left;font-weight:bold;}
.prog-status{margin:0 0 5px;color:#535252;}
.prog-info{margin:5px 0 0;text-align:center;color:#999;}
.prog-info .num{color:#ee5533;}
.sr-only{display:inline-block;font-size:0;text-indent:-5000em;}
@keyframes progress-bar-stripes { from { background-position: -40px 0 } to { background-position: 0 0 } }
.progress { overflow: hidden;height:14px;margin-bottom:0;background-color:#cfd8df;border-radius:12px;-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.3);box-shadow:inset 0 2px 2px rgba(0,0,0,.3) }
.progress-bar { float: left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#4b87cc;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease }
.progress-striped .progress-bar {background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px; }
.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite }
.progress-wrap.prenst .progress-bar{background-color:#50afc9;}


/*============================================
경제 지표 2016-11-21 ㈜에이디앤스타일
김선관 수정
============================================*/
/* 관리자 */
.pop-browser.pop-indicator .pop-browser-contents{padding:0 !important; text-align:left}
.pop-indicator .pop-contents-margin{padding:0 10px;}
.pop-indicator .object-box-type2{padding-top:0px;}
.pop-indicator .datatable-multiple .datatable-head strong{}
.pop-indicator .datatable-multiple .datatable-data span{color:#999;margin-left:10px;}
.pop-indicator .datatable-multiple input{width:82px;}
.pop-indicator .pop-btn-area{padding: 12px 0;text-align: center;}
.indicator-top-noti {padding:15px 0 17px;border-bottom:1px solid #e0e0e0;background-color:#f2f2f2;text-align:center;}
.indicator-top-noti .date_area, .indicator-top-noti .date-select{display:inline-block;vertical-align:middle;}
.indicator-top-noti .date-select .ico-date{padding:0;margin:0;}
.indicator-top-noti .date_area {position: relative;margin: 0 auto;padding:0 22px;}
.indicator-top-noti .btn_prev, .indicator-top-noti .btn_next{position: absolute;width:18px;height:18px;top:-1px;border: 1px solid transparent;background:url(/neo/img/ncp/theme/common/custom_form.png) no-repeat ;}
.indicator-top-noti .btn_prev {left: 0;background-position: -5px -256px;}
.indicator-top-noti .btn_next {right:0;background-position: -54px -256px;}
.indicator-top-noti .date_area .date{overflow: hidden;font-weight: bold;font-family: tahoma,sans-serif;font-size:20px;color: #222;}
.indicator-top-noti .btn_prev:hover, .indicator-top-noti .btn_next:hover {border: 1px solid #e4e4e4;background-color: #fafafa;}

/*=============================================
홈 화면설정 popup (main_person_change_pop-a.html,main_person_change_pop-b.html)
20161122 김선관
=============================================*/
/* 홈 화면 컨텐츠 변경  popup-a*/
.pop-modalbody-main-person-chang-pop-a .left,
.pop-modalbody-main-person-chang-pop-a .right {float: left;}
.pop-modalbody-main-person-chang-pop-a .left {width: 449px;height:355px;background: #fff;border: solid 1px #e0e0e0;border-right: 0}
.pop-modalbody-main-person-chang-pop-a .left .main-content {margin:38px auto 0;width: 285px;height: 280px;background: #ccc}
.pop-modalbody-main-person-chang-pop-a .right .inner {position:relative;width:418px;margin: 55px auto 0}
.pop-modalbody-main-person-chang-pop-a .right .inner .tit {position: absolute;left: 0;top: -42px;font-size: 14px;font-weight: bold}
.pop-modalbody-main-person-chang-pop-a .right {width: 448px;height:355px;background: #f2f2f2;border: solid 1px #e0e0e0;}
.pop-modalbody-main-person-chang-pop-a .list-con {background: #fff}
.pop-modalbody-main-person-chang-pop-a .list-con li .label-txt {position: relative;top: -3px;padding-left: 3px;font-weight: bold}
.pop-modalbody-main-person-chang-pop-a .pop-con {background: #fff}
.pop-modalbody-main-person-chang-pop-a .pop-con:after{content: "";display:block;clear:both}
.pop-modalbody-main-person-chang-pop-a .list-con {width:305px;height:278px;padding: 0;border:solid 1px #e2e2e2 ;}
.pop-modalbody-main-person-chang-pop-a .list-con li {padding: 5px 5px 5px 10px;list-style: none;background: #fff;border-bottom: solid 1px #e2e2e2}
.pop-modalbody-main-person-chang-pop-a .list-con li.selected {background: #f2f2f2}
.pop-modalbody-main-person-chang-pop-a .btn-m.btn-set {background: #7f756f;color: #fff}
.pop-modalbody-main-person-chang-pop-a .al-c {text-align: center;}
/* 홈 화면 컨텐츠 변경  popup-b*/
.pop-modalbody-main-person-chang-pop-b .left,
.pop-modalbody-main-person-chang-pop-b .right {float: left;}
.pop-modalbody-main-person-chang-pop-b .left {position:relative;width: 320px;height:355px;background: #fff;border: solid 1px #e0e0e0;border-right: 0}

.pop-modalbody-main-person-chang-pop-b.b-type .left {width: 697px;}
.pop-modalbody-main-person-chang-pop-b.b-type .left .portlet.inner {width: 675px;}

.pop-modalbody-main-person-chang-pop-b.b-type .right .inner {position:relative;width:250px;margin: 55px auto 0}
.pop-modalbody-main-person-chang-pop-b.a-type .right .inner {position:relative;width:250px;margin: 55px auto 0}

.pop-modalbody-main-person-chang-pop-b .left .portlet.inner .pop-modalwindow-btn-area .btn-set {background: #7f756f}
.pop-modalbody-main-person-chang-pop-b .left .portlet.inner {position: relative;margin: 55px auto 0;width: 327px;height: 285px;background: transparent;border:solid 1px #e1e1e1;overflow: auto}
.pop-modalbody-main-person-chang-pop-b .left .set {position: absolute;top: 8px;right: 14px;}/*20161129*/
.pop-modalbody-main-person-chang-pop-b .right .inner {position:relative;width:418px;margin: 55px auto 0}
.pop-modalbody-main-person-chang-pop-b .right .inner .tit {position: absolute;left: 0;top: -42px;font-size: 14px;font-weight: bold}
.pop-modalbody-main-person-chang-pop-b .right {width: 300px;height:355px;background: #f2f2f2;border: solid 1px #e0e0e0;}
.pop-modalbody-main-person-chang-pop-b .list-con {background: #fff}
.pop-modalbody-main-person-chang-pop-b .list-con li .label-txt {position: relative;top: -3px;padding-left: 3px;font-weight: bold}
.pop-modalbody-main-person-chang-pop-b .pop-con {background: #fff}
.pop-modalbody-main-person-chang-pop-b .pop-con:after{content: "";display:block;clear:both}
.pop-modalbody-main-person-chang-pop-b .list-con {width:305px;height:278px;padding: 0;border:solid 1px #e2e2e2 ;}
.pop-modalbody-main-person-chang-pop-b .list-con li {padding: 5px 5px 5px 10px;list-style: none;background: #fff;border-bottom: solid 1px #e2e2e2}
.pop-modalbody-main-person-chang-pop-b .list-con li.selected {background: #f2f2f2}
.pop-modalbody-main-person-chang-pop-b .btn-m.btn-set {background: #7f756f;color: #fff}
.pop-modalbody-main-person-chang-pop-b .al-c {text-align: center;}
.pop-modalbody-main-person-chang-pop-b .work-place .ico-info {margin: 35px auto 0;display:block;width: 80px;height: 80px;background: url(/neo/img/ncp/theme/common/ico-info.png) no-repeat 0 0;text-indent:9000em;}

/*=============================================
test (main.html) 메인 박스 스타일 추가 by ksk 20161212
=============================================*/

.hhsc-logo {
    text-indent: -10000px;
    display: block;
    width: 170px;
    height: 35px;
    cursor: pointer;
    background: url(/neo/img/ncp/theme/common/new-logo.png) no-repeat;
}
.lay-footer-area .footer-logo {
    text-indent: -10000px;
    display: inline-block;
    vertical-align: top;
    margin-right: 14px;
    overflow: hidden;
    width: 78px;
    height: 25px;
    background: url(/neo/img/ncp/theme/new-logo.png) 0 -34px
}

/* 메인화면 메뉴 레이어  라인생성  ksk 20161228*/
.hhsc-connector-menu-layer {border-top:solid 2px #737171}

/* pop board sel scroll 20161219 */
.pop-scroll-board-sel .un-styled {list-style: none;margin:0;padding: 0;padding-left: 18px}
.pop-scroll-board-sel {margin: 20px 20px 0 20px;border: solid 1px #e0e0e0;-ms-overflow-style: scrollbar;}
.pop-scroll-board-sel .spr-img{text-indent:10000px;display:inline-block;overflow:hidden;background-image:url(/neo/img/icon/spr-img.png);}
.pop-scroll-board-sel .list-menu li .list-sub-menu {padding-top:9px;padding-bottom: 0}
.pop-scroll-board-sel .list-menu li .list-sub-menu > li:last-child {padding-bottom: 0}
.pop-scroll-board-sel .list-menu {padding-bottom: 9px}
.pop-scroll-board-sel .list-menu li {padding: 5px 0}
.pop-scroll-board-sel .list-menu li a:hover,
.pop-scroll-board-sel .tit a:hover{color:#fa7723;}
.pop-scroll-board-sel .list-menu li .m {padding-left: 15px;position: relative;}
.pop-scroll-board-sel .list-menu li:first-child {padding-top: 0}
.pop-scroll-board-sel .tit:first-child {border-top: 0}
.pop-scroll-board-sel .tit {position:relative;margin:0;border-top: solid 1px #e0e0e0;padding: 9px 0 9px 0}
.pop-scroll-board-sel .spr-img.ico-list-dp01-small {display:inline-block;width: 13px;height: 12px ;background-position: -115px -396px; margin-right: 5px;position: relative;top: 2px}
.pop-scroll-board-sel .spr-img.ico-list-de02-small {position: absolute;left: 0;top: 3px;width: 11px;height: 13px ;background-position: -150px -396px; }
.pop-scroll-board-sel .pop-scroll-board-sel-margin {margin: 0 12px 0}

/* 20161229*/
.el-right {padding-right:0 !important;margin-right:0 !important}


/* 2017.06.14 갤러리아 임직원서비스, 임직원교육 카테고리 아이콘 추가 */
.ico-empservice {float: left;display:inline-block;overflow:hidden;vertical-align:middle;width:35px;height:35px;background: url('/neo/img/ncp/theme/common/ico_empservice.png') no-repeat 50% 50%;}
.ico-empedu {float: left;display:inline-block;overflow:hidden;vertical-align:middle;width:35px;height:35px;background: url('/neo/img/ncp/theme/common/ico_empedu.png') no-repeat 50% 50%;}



/* 2017-05-18 : 갤러리아 시스템 바로가기 설정 팝업 */
.pop-modalwindow-contents .lay-item-time .txt-desc {margin:0;line-height:20px}
.pop-modalwindow-contents .lay-item-time .txt-desc em {font-style:normal;color:#fe630f}
.pop-modalwindow-contents .lay-item-time .lay-item-move-box {margin-top:10px}
.pop-modalwindow-contents .lay-item-time .lay-item-move-left,
.pop-modalwindow-contents .lay-item-time .lay-item-move-right {padding:10px;vertical-align:top}
.pop-modalwindow-contents .lay-item-time .lay-item-move-btn {vertical-align:middle}
.pop-modalwindow-contents .lay-item-time .lay-item-move-left,
.pop-modalwindow-contents .lay-item-time .lay-item-move-right {border:1px solid #e0e0e0;background-color:#f2f2f2}
.pop-modalwindow-contents .lay-item-time .treemenu-title {display:block;margin-bottom:10px;font-size:15px;color:#000000}
.pop-modalwindow-contents .lay-item-time .treemenu-area {height:224px;padding:10px 0}
.pop-modalwindow-contents .lay-item-time .treemenu-area ul {overflow:auto;height:100%}
.pop-modalwindow-contents .lay-item-time .treemenu-area ul {margin:0;padding:0}
.pop-modalwindow-contents .lay-item-time .treemenu-area li {display:block;margin:0;list-style:none}
.pop-modalwindow-contents .lay-item-time .treemenu-area li a {display:block;height:32px;padding-left:15px;font-size:12px;color:#252424;line-height:32px;
	-webkit-transition: background-color .1s ease-in-out;
	-moz-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
}
.pop-modalwindow-contents .lay-item-time .treemenu-area li.active a {background-color:#7f756f;color:#ffffff}
.pop-modalwindow-contents .lay-item-time .treemenu-area li.disable a {color:#a9a9a9;cursor:default}
.pop-modalwindow-contents .lay-item-time .setting-menu-edit {display:block;position:relative;top:0;left:0}
.pop-modalwindow-contents .lay-item-time .datatable-multiple input[type="radio"] {margin-top:0}
.pop-modalwindow-contents .lay-item-time .row-table select {display:inline-block}
.pop-modalwindow-contents .lay-item-time .row-table input {display:inline-block;width:339px;margin-left:2px}
.pop-modalwindow-contents .lay-item-time .txt-warning {margin:10px 0 5px 0;font-size:12px;color:#fa7723}
.setting-menu-list .ico-plus {background-position:-90px top;}
.setting-menu-list .ico-minus {background-position:-120px top}