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

/* z-index */
.hhsc-gnb-lay-top,
.hhsc-connector-info {position:relative;z-index:2;}
.hhsc-gnb-lay-bottom {z-index:1;}

.hhsc-gnb {height:100px;min-width:1130px;box-sizing:border-box;margin:0 20px;border-bottom:2px solid #737171;position:relative;}
.hhsc-gnb ul {padding-left:0;margin:0;list-style:none;}
.hhsc-gnb p {margin:0;}
.hhsc-gnb {z-index:100;}

/* common */
.hhsc-gnb fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.hhsc-gnb legend {visibility:hidden;position:absolute;left:-10000px;}

a {
	font-family:'Malgun Gothic', '맑은 고딕' , arial, dotum, gulim !important;
	color: #000;
	text-decoration:none;
	cursor:pointer;
}

/*============================================
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;
}

/* 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)"; 
}
/*=================================================
GNB 상단영역
=================================================*/
.hhsc-gnb-lay-top {height:50px;}

/* Logo */
.hhsc-logo-area {float:left;width:170px;height:35px;margin:0;padding-top:14px;}
.hhsc-logo {text-indent:-10000px;display:block;width:170px;height:35px;cursor:pointer;background:url(/neo/img/ncp/theme/common/lay_gnb.png) no-repeat;} 
.hhsc-logo-hanwha {text-indent:-10000px;display:block;width:170px;height:35px;cursor:pointer;background:url(/neo/img/ncp/theme/common/lay_gnb_hanwha.png) no-repeat;}
/* 퀵메뉴 */
.hhsc-nav-util {white-space:nowrap;float:right;padding-top:14px;margin-bottom:25px;}
.hhsc-nav-util-item {display:inline;margin-left:8px;}
.hhsc-nav-util-anchor {font-size:12px;color:#999;line-height:1.4em;text-decoration:none;}
.hhsc-nav-util-anchor:hover {text-decoration:underline;}
.hhsc-util-layer-admin {display:inline;position:relative;}
.hhsc-util-layer-admin .hhsc-bu {display:inline-block;width:9px;height:9px;margin-left:7px;background:url(/neo/img/ncp/theme/common/lay_gnb.png) -200px -150px;}
.hhsc-util-layer-admin.hhsc-active .hhsc-bu {background-position:-250px -150px;}
.hhsc-util-layerbox {position:absolute;right:0;display:none;}

/* 통합검색 */
.hhsc-search-unified {position:absolute;width:460px;top:15px;left:50%;margin-left:-230px;}
.hhsc-search-unified .hhsc-search-radio {display:inline-block;line-height:26px;padding-right:10px}
.hhsc-search-unified .hhsc-search-radio label {display:inline-block;margin-right:3px;vertical-align:middle;}
.hhsc-search-unified .hhsc-search-radio input {margin-right:0;vertical-align:middle}
.hhsc-search-keyword[type=search] {color:#716f6f;font-size:12px;width:290px;height:32px;border:1px solid #e0e0e0;box-sizing:border-box;vertical-align:top;outline:none;padding-left:11px;padding-right:35px;}

/* 자동완성 */
.hhsc-search-autocomplete {position:relative;width:290px;display:none;}
.hhsc-search-autocomplete.hhsc-active {display:block;}
.hhsc-button-autocomplete {position:absolute;top:-32px;right:0;cursor:pointer;}
.hhsc-search-autocomplete-footer {text-align:right;border:1px solid #d8d8d8;border-top-width:0;padding:6px 7px 7px;background-color:#f0efef;}
.hhsc-search-autocomplete-footer .hhsc-search-autocomplete-anchor {font-size:12px;color:#8c8c8c;}

/* 레이어 리스트 */
.hhsc-layer-list {border:1px solid #d8d8d8;border-top-width:0;margin:-1px 0 0;padding:0px;max-height:150px;overflow:auto;overflow-y:auto;z-index:10;background-color:#FFF;}
.hhsc-layer-anchor {color:#4f4f4f;font-size:12px;display:block;padding:7px 13px;text-decoration:none;background-color:#FFF;}
.hhsc-layer-anchor:hover,
.hhsc-layer-anchor.hhsc-selected {font-weight:bold;background:#f1f1f1;}


/*=================================================
GNB 하단영역
=================================================*/
.hhsc-gnb-lay-bottom {height:48px;position:relative;}

/* GNB Menu */
.hhsc-gnb .hhsc-nav-gnb {position:relative;z-index:100;float:left;overflow:hidden;margin-bottom:-2px;}
.hhsc-gnb-item {text-align:left;padding:0 28px 0 0;float:left;margin-left:1px;}
.hhsc-gnb-item:first-child {margin-left:0;}
.hhsc-gnb-anchor {font-size:18px;color:#2d2928;text-decoration:none;line-height:1.4em;display:block;padding:15px 0 12px;height:50px;box-sizing:border-box;border-bottom:4px solid transparent;}
.hhsc-gnb-anchor:visited {color:#2d2928;}
.hhsc-gnb-anchor:active {background:none;}
.hhsc-gnb-anchor:hover,
.hhsc-active .hhsc-gnb-anchor {color:#fa7723;border-bottom-color:#fa7723;padding-bottom:9px;}

/* 접속자 정보 */
.hhsc-gnb-connect-data {float:right;margin-top:4px;}
.hhsc-connector-layerbox {position:absolute;top:29px;width:180px;display:none;}
.hhsc-connector-layerbox .hhsc-layer-list {border:1px solid #a6a6a6;margin-top:-1px;}
.hhsc-connector-layerbox .hhsc-layer-item {}
.hhsc-connector-layerbox .hhsc-layer-item-num {color:#fff;padding:0px 10px;position:absolute;right:13px;border-radius:8px;background-color:#ff5722;}
.hhsc-layer-anchor:hover .hhsc-layer-item-num {font-weight:normal;}
.hhsc-connector-layerbox .hhsc-bu-pointer {position:relative;height:16px;display:block;background:url(/neo/img/ncp/theme/common/bu_layer_pointer.png) bottom no-repeat;}

/* 접속자 Info */
.hhsc-connector-info {float:left;}
.hhsc-connector-pic {position:relative;display:inline-block;width:30px;margin-right:6px;}
.hhsc-connector-pic .hhsc-connector-img {display:block;width:30px;height:30px;border-radius:50%;overflow:hidden;}
.hhsc-connector-pic .hhsc-connector-img img {width:100%;}
.hhsc-connector-data {display:inline-block;vertical-align:top;white-space:nowrap;margin-right:5px;}
.hhsc-data-user {display:inline;}
.hhsc-data-belong {display:block;}
.hhsc-data-user {font-size:12px;color:#313131;font-weight:bold;line-height:1.4em;}
.hhsc-data-belong {font-size:11px;color:#808080;}
.hhsc-connector-info .hhsc-bu {display:inline-block;width:12px;height:12px;margin-left:3px;vertical-align:-2px; background:url(/neo/img/ncp/theme/common/lay_gnb.png) 0 -150px;}
.hhsc-connector-info.hhsc-active .hhsc-bu {background-position:-50px -150px;}
.hhsc-ico-logout {vertical-align:top;}
.hhsc-gnb .hhsc-btn-layer .hhsc-connector-button {display:inline-block;vertical-align:top;}
.hhsc-gnb .hhsc-btn-layer .btn-m.btn-default {font-size:12px;color:#FFF;text-indent:0;box-sizing:border-box;padding:0 10px;min-width:76px;display:inline-block;vertical-align:top;height:30px;margin-left:5px;border-radius:20px;border:0;cursor:pointer;background-color:#ADADAD;}

/* 접속자 맞춤 메뉴 */
.hhsc-connector-menu {float:left;margin-left:20px;}
.hhsc-connector-menu-box {display:inline-block;vertical-align:top;}
.hhsc-connector-menu-anchor {display:inline-block;cursor:pointer;position:relative;}
.hhsc-connector-menu-anchor span:hover {background-color:#7f756f;}
.hhsc-connector-menu-anchor .hhsc-push {color:#FFF;font-size:11px;line-height:15px;text-align:center;display:block;position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;border-radius:15px;box-sizing:border-box;background-color:#ff290d;padding:0 6px;}
.hhsc-bu-layermenu {text-indent:-10000px;overflow:hidden;display:none;width:14px;height:4px;position:absolute;top:42px;left:8px;background:url(/neo/img/ncp/theme/common/lay_gnb.png) -150px -150px;z-index: 200}
.hhsc-connector-menu-box.hhsc-active .hhsc-ico-img {background-color:#7f756f}
.hhsc-connector-menu-box.hhsc-active .hhsc-bu-layermenu {display:block;}
.hhsc-approvallist-item .hhsc-ico-img {text-indent:-10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/lay_gnb.png);}
.hhsc-approvallist-item .hhsc-ico-search {width:26px;height:26px;background-position:-107px -53px;border-radius:50%;display:inline-block;background-color:#7f756f;}

/* 전자결재 세부내용 미리보기 */
.hhsc-approvallist-item .list-callout-content {display:none;height:auto;box-shadow:1px 2px 8px #777777;position:fixed;left:280px;top:281px;;z-index:1000;background-color:#fff;}
.hhsc-approvallist-item .list-callout-content tr {border-top:none;}
.hhsc-approvallist-item .list-callout-content tr:hover, 
.hhsc-approvallist-item .list-callout-content tr.selected {background-color:inherit;}
.hhsc-approvallist-item .list-callout-content .list-callout-top {padding:13px 20px;}
.hhsc-approvallist-item .list-callout-content .list-callout-bottom {padding:0 20px 13px;background-color:#f4f4f4;}
.hhsc-approvallist-item .list-callout-content .list-thumbnail {border: 1px solid #e0e0e0;}
.hhsc-approvallist-item .list-callout-content .list-thumbnail img {width:358px;height:auto;}
.hhsc-approvallist-item .list-callout-content .related-wrap {padding:13px 20px 0;}
.hhsc-approvallist-item .list-callout-content .datatable-related .datatable-th {width:30px;}
.hhsc-approvallist-item .list-callout-content .datatable-related .datatable-td {text-align:left;}
.hhsc-approvallist-item .list-callout-content .datatable-related .data-category {color:#000;font-weight:bold;}
.hhsc-approvallist-item .list-callout-content .datatable-related .presence-user {margin-right:3px;}
.hhsc-approvallist-item .list-callout-content .datatable-related .data-user {color:#000;font-weight:normal;}
.hhsc-approvallist-item .list-callout-content .datatable-related .presence-status {vertical-align:middle;}
.hhsc-approvallist-item .list-callout-content .datatable-related .the-others {color:#999999;}
.hhsc-approvallist-item .callout-agmt-box {padding-top:10px; text-align:left;}
.hhsc-approvallist-item .callout-agmt-box .form-txtarea {font-size:12px;padding:6px 10px;border:1px solid #e0e0e0;box-sizing:border-box;vertical-align:top;outline:none;height:51px;}
.hhsc-approvallist-item .callout-agmt-select {text-align:left;padding-bottom:10px;}
.hhsc-approvallist-item .callout-agmt-select label {padding:0 9px 0 1px;}
.hhsc-approvallist-item .callout-agmt-box .password-keyword {font-size:12px;width:110px;height:25px;line-height:1.1em;}
.hhsc-approvallist-item .callout-btn-area {text-align:center;padding:10px 0 0;}
.hhsc-approvallist-item .callout-btn-area .btn-new-window {font-size:11px;color:#a8a8a8;position:absolute;right:20px;bottom:18px;}


/* 관리자메뉴 */
.hhsc-util-layerbox {position:absolute;width:160px;}
.hhsc-util-layerbox .hhsc-layer-list {border:1px solid #a6a6a6;margin-top:-1px;max-height:none;}
.hhsc-util-layerbox .hhsc-bu-pointer {position:relative;height:14px;display:block;background:url(/neo/img/ncp/theme/common/bu_layer_pointer.png) 120px bottom no-repeat;}

/* 레이어메뉴 레이아웃 */
.hhsc-connector-menu-layer {position:absolute;width:100%;top:48px;left:0;padding:20px 0;border-bottom:1px solid #737171;display:none;background-color:#FFF;}
.hhsc-connector-menu .hhsc-layer-container {display:table;width:100%;}
.hhsc-connector-menu .hhsc-layer-header {width:200px;padding:0 20px;display:table-cell;vertical-align:top;border-right:1px solid #e0e0e0;}
.hhsc-connector-menu .hhsc-layer-title {color:#fe630f;font-size:30px;line-height:1.33em;vertical-align:top;margin-bottom:8px;}
.hhsc-connector-menu .hhsc-layer-description {color:#999;font-size:12px;line-height:1.33em;margin-bottom:15px;}
.hhsc-connector-menu .hhsc-layer-btn-area .hhsc-btn {color:#FFF;font-size:12px;line-height:1.33em;font-weight:bold;text-align:center;display:block;margin-bottom:5px;padding:8px 10px 9px;box-sizing: border-box;height:32px;border-radius:16px;}
.hhsc-connector-menu .hhsc-layer-btn-area .hhsc-btn-attention {background-color:#fe630f;}
.hhsc-connector-menu .hhsc-layer-btn-area .hhsc-btn-default {background-color:#bfbab7;}
.hhsc-connector-menu .hhsc-layer-contents {display:table-cell;}
.hhsc-connector-menu .hhsc-layer-contents .hhsc-layer-contents-scroll {padding:0 20px;}
.hhsc-connector-menu .hhsc-layer-contents-title {font-size:20px;color:#2d2928;line-height:1.33em;padding:10px 0;}
.hhsc-connector-menu .hhsc-layer-aside {display:table-cell;width:500px;border-left:1px solid #e0e0e0;vertical-align:top;}
.hhsc-connector-menu .hhsc-layer-contents-scroll {overflow:auto;}
.hhsc-connector-menu .hhsc-layer-aside .hhsc-systemlink{margin-top:2px;}
/* Quick - Favorite Link */
.hhsc-connector-systemlink .hhsc-layer-contents-scroll {max-height:374px;}
.hhsc-connector-menu .hhsc-favoritelink {margin-left:-15px;}
.hhsc-favoritelink .hhsc-favoritelink-item {display:inline-block;vertical-align:top;position:relative;width:170px;margin:0 15px;}
.hhsc-favoritelink .hhsc-favoritelink-anchor {font-size:12px;color:#2d2928;display:inline-block;padding:4px 0;}
.hhsc-favoritelink .hhsc-ico-anchor {line-height:0;position:absolute;right:0;top:1px;visibility:hidden;}
.hhsc-favoritelink .hhsc-favoritelink-item:hover .hhsc-ico-anchor {visibility:visible;}
.hhsc-favoritelink .hhsc-favoritelink-anchor:hover {color:#fe630f;}
/* Quick - Systemlink */
.hhsc-nav-util-item .hhsc-layer-name{font-size:12px;color:#000;line-height:1.4em;text-decoration:none;}
.hhsc-gnb .hhsc-systemlink {margin-left:15px;margin-top:20px;} /* 2017-09-08 : 시스템 링크 수정 */ 
.hhsc-systemlink-item {display:inline-block;width:128px;min-height:118px;vertical-align:top;text-align:center;}
.hhsc-systemlink-anchor {display:inline-block;margin:0 5px;}
.hhsc-systemlink-ico {width:66px;height:66px;margin:0 auto;}
.hhsc-systemlink-name{font-size:13px;color:#263238;line-height:1.33em;font-weight:bold;text-align:center;margin-top:-6px;}
/* Quick - Social Alarm List */
.hhsc-connector-social .hhsc-layer-contents-scroll {max-height:180px;}
.hhsc-sociallist {}
.hhsc-sociallist-item {width:210px;padding-top:10px;padding-right:20px;display:inline-block;margin-right:-4px;margin-bottom:12px;position:relative;vertical-align:top;}
.hhsc-sociallist .hhsc-user-pic {width:36px;height:36px;border-radius:50%;float:left;overflow:hidden;}
.hhsc-sociallist .hhsc-user-pic img {width:100%;}
.hhsc-social-info .hhsc-user {font-weight:bold;}
.hhsc-sociallist .hhsc-social-info,
.hhsc-sociallist .hhsc-date {margin-left:46px;}
.hhsc-sociallist .hhsc-social-info {color:#4c4c4c;font-size:12px;line-height:1.4em;margin-bottom:5px;}
.hhsc-sociallist .hhsc-date {color:#999;font-size:12px;line-height:1.33em;}
.hhsc-sociallist .hhsc-ico-anchor {position:absolute;top:0;right:20px;display:none;}
.hhsc-sociallist-item:hover .hhsc-ico-anchor {display:block;}
.hhsc-layer-contents-scroll .hhsc-social-more{font-size:12px;line-height:0.98em;font-weight:bold;color:#FFF;text-align: center;width:220px;display:block;margin-bottom:5px;padding:8px 10px 9px;box-sizing:border-box;height:28px;border-radius:4px;background-color:#bfbab7;cursor:pointer;}
.hhsc-layer-contents-scroll .hhsc-social-more:hover{background-color:#b4aeaa;}
.hhsc-layer-contents-scroll .hhsc-social-more a{color:#fff;}
/* Quick - Approval List */
.hhsc-connector-approval .hhsc-layer-contents-scroll {max-height:180px;}
.hhsc-approvallist {}
.hhsc-approvallist-item {width:210px;padding-top:10px;padding-right:20px;display:inline-block;margin-right:-4px;margin-bottom:12px;position:relative;vertical-align:top;}
.hhsc-approvallist .hhsc-approval-index {font-size:12px;line-height:1.33em;margin-bottom:3px;}
.hhsc-approval-will {color:#fe630f;}
.hhsc-approval-progress {color:#03a2e4;}
.hhsc-approval-schedule {color:#fe630f;}
.hhsc-list-title {margin-bottom:6px;}
.hhsc-approvallist .hhsc-list-anchor {font-size:13px;color:#040404;line-height:1.4em;}
.hhsc-approvallist .hhsc-list-data-default {margin-bottom:6px;}
.hhsc-approvallist .hhsc-list-data-attr {color:#999;font-size:12px;line-height:1.33em;}
.hhsc-approvallist .hhsc-data-value {color:#393939;margin-left:3px;}
.hhsc-approvallist .hhsc-data-writer {color:#1c1c1c;font-size:12px;margin-right:10px;margin-bottom:4px;}
.hhsc-approvallist .hhsc-data-doclevel-attr {color:#999;font-size:12px;}
.hhsc-approvallist .hhsc-value-default {color:#1c1c1c;}
.hhsc-approvallist .hhsc-value-important {color:#fe630f;}
.hhsc-approvallist .hhsc-data-delay {font-size:12px;color:#fe2b0f;}
.hhsc-approvallist .hhsc-ico-anchor {position:absolute;top:0;right:20px;display:none;}
.hhsc-approvallist-item:hover .hhsc-ico-anchor {display:block;}

.hhsc-layer-contents-scroll .hhsc-approvallist-more{font-size:12px;line-height:0.98em;font-weight:bold;color:#FFF;text-align: center;width:220px;display:block;margin-bottom:5px;padding:8px 10px 9px;box-sizing:border-box;height:28px;border-radius:4px;background-color:#bfbab7;cursor:pointer;}
.hhsc-layer-contents-scroll .hhsc-approvallist-more:hover{background-color:#b4aeaa;}
.hhsc-layer-contents-scroll .hhsc-approvallist-more a{color:#fff;}

/*=================================================
Icon
=================================================*/
.hhsc-ico-img {text-indent:-10000px;overflow:hidden;background-image:url(/neo/img/ncp/theme/common/lay_gnb.png);}
.hhsc-ico-search {border:0;width:40px;min-width:inherit;height:32px;box-sizing:border-box;cursor:pointer;outline:none; border:0;padding:0;background-color:#fa7723;margin-left:-5px;background-position:-100px -50px;}
.hhsc-ico-folding {display:block;width:35px;height:30px;background-position:0 -50px;}/* 자동완성 버튼 */
.hhsc-ico-approval {display:inline-block;width:30px;height:30px;border-radius:50%;background-position:0px -100px;background-color:#cacccb;}
.hhsc-ico-social {display:inline-block;width:30px;height:30px;border-radius:50%;background-position:-50px -100px;background-color:#cacccb;}
.hhsc-ico-systemlink {display:inline-block;width:30px;height:30px;border-radius:50%;background-position:-100px -100px;background-color:#cacccb;}
.hhsc-ico-delete {display:inline-block;width:20px;height:20px;border-radius:50%;background-position:-100px -150px;background-color:#bfbfbf;}

/* 2017-09-08 : 시스템링크 수정 */
.hhsc-connector-systemlink .hhsc-layer-contents-scroll02 {overflow:auto;padding:0 20px;max-height:460px}
.hhsc-systemlink02 {padding-top:5px}
.hhsc-systemlink-item02 {display:inline-block;width:219px;margin-bottom:0;margin-right:15px;vertical-align:top;}
.hhsc-systemlink-item02 strong {display:block;overflow:hidden;padding:0 0 0 38px;height:30px;font-size:16px;font-weight:bold;color:#263238;background:url(/neo/img/ncp/theme/quickmenu/ico_quickmenu.png) no-repeat 0 0;line-height:30px;white-space:nowrap;text-overflow:ellipsis}
.hhsc-systemlink-item02 .ico-systemlink-01 {background-position:0 0}
.hhsc-systemlink-item02 .ico-systemlink-02 {background-position:0 -30px}
.hhsc-systemlink-item02 .ico-systemlink-03 {background-position:0 -120px}
.hhsc-systemlink-item02 .ico-systemlink-04 {background-position:0 -60px}
.hhsc-systemlink-item02 .ico-systemlink-05 {background-position:0 -90px}
.hhsc-systemlink-item02 .ico-systemlink-06 {background-position:0 -210px}
.hhsc-systemlink-item02 .ico-systemlink-07 {background-position:0 -150px}
/* 20180102 add style */
.hhsc-connector-systemlink .hhsc-layer-contents-scroll02 {max-height:500px}
.hhsc-systemlink-item02 .ico-systemlink-08 {background-position:0 -240px}
.hhsc-systemlink-item02 .ico-systemlink-09 {background-position:0 -180px}
/* //20180102 add style */
.hhsc-systemlink-item02 ul {margin-top:7px !important;min-height:auto !important;margin-bottom:30px}
.hhsc-systemlink-item02 ul li {padding-left:38px !important}
.hhsc-systemlink-item02 ul li.unlimit {background:url(/neo/img/ncp/theme/quickmenu/ico_unlimit.png) no-repeat 7px 50%}
.hhsc-systemlink-item02 ul li a {display:block;overflow:hidden;margin-top:6px;height:20px;font-size:13px;color:#535252;line-height:20px;white-space:nowrap;text-overflow:ellipsis}
.hhsc-systemlink-item02 ul + strong + ul {min-height:auto}

@media screen and (max-width: 1499px) {
	.hhsc-systemlink-item02 {width:228px;}
}

@media screen and (max-width: 1300px) {
	.hhsc-systemlink-item02 {width:202px;}
}
/* //2017-09-08 : 시스템링크 수정 */

/* 메인화면 메뉴 레이어 워크플레이스 라인생성  ksk 20161230*/
.hhsc-connector-menu-layer {border-top:solid 2px #737171;top: 48px}
.hhsc-connector-menu-layer {z-index: 50}