@charset "utf-8";

/* common */
.required, textarea.required {background-image: url(../images/common/require.png) !important;background-repeat: no-repeat !important;background-position: right top !important;}
.positionRe {position:relative;}
/* page-loading */
#page-loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: table;background: rgba(0,0,0,.4);z-index: 99999;text-align: center;}
#page-loading i{color:#52e48d;vertical-align: middle;text-align: center;display: table-cell;font-size: 60px;}


/*Bootstrap Calendar*/
.datepicker {border-radius: 0;padding: 0;}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {/* padding: 8px;display: list-item; */}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {background: #fff;color: #333;   border-radius: 0;}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {border-radius: 0px;}
.datepicker-days table thead tr:nth-child(3n+0) {text-transform: uppercase;font-weight: 300 !important;font-size: 12px;color:#808080;}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {padding: 6px 7px;font-size:12px;}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {border-radius: 0;}
.datepicker td, .datepicker th {border-radius: 50%;padding: 0 12px;}
.datepicker th {background:#fff;border-radius: 0px;}
.datepicker th.dow {font-size:11px;}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {background: #fff;color: #555;border-radius: 0;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {background-image: none;}
.datepicker .prev, .datepicker .next {color:#555;transition: 0.3s;width: 37px;height: 37px;font-size: 18px;color:#999}
.datepicker .prev:hover, .datepicker .next:hover {background: transparent;color:#555;font-size: 20px;}
.datepicker .datepicker-switch {font-size: 18px;font-weight: 400;transition: 0.3s;color:#006dcc;}
.datepicker .datepicker-switch:hover {color:#555;background: transparent;}
.datepicker table tr td span {border-radius: 2px;margin: 3%;width: 27%;}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {  background-color: #333;  background-image: none;}
.datepicker table tr td.old, .datepicker table tr td.new {color:#bbb;}
.dropdown-menu {/* border: 1px solid rgba(0,0,0,.1); */box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.datepicker-dropdown.datepicker-orient-top:before {border-top: 7px solid rgba(0,0,0,.1);}


/* new 퍼블리싱 */
.detailConWrap {width:1280px;margin:0 auto;-webkit-transition: right .4s ease-in-out;-o-transition:right .4s ease-in-out;transition:right .4s ease-in-out;}
.detailPopConWrap {width:100%;margin:0 auto;}
.detailConWrapNoBanner {position:relative;margin:0 20px;}
.viewExpand {margin:0 20px;width:auto;}
.viewExpand .sideBannerWrap {display:none;}
.viewExpand .btn-viewExpand {}
.container {min-height:730px;}
.subContentWrap {margin:0;padding:0;margin-bottom:0px;position:relative;}
.treeCommonBlank .modal-dialog {width:100%!important;}

.sub-container {background:#f9f9f9;padding:0;position:relative;min-height:10px;-webkit-transition: right .4s ease-in-out;-o-transition:right .4s ease-in-out;transition:right .4s ease-in-out;}
.sub_nav_wrap {margin:0 auto;padding:20px 0;width:1280px;}
.sch_focus .nav_wrap {display: none !important}
.sub_nav {}
.sub_nav .scroll_wrap {text-align: center;}
.sub_nav .nav_list {}
.sub_nav .nav_list::after,
.sub_nav .nav_list::before {}
.sub_nav .nav_item {display:inline-block;width:124px;}
.sub_nav .nav_item a {color:#999;}
.sub_nav .td {display:block;float:left;overflow:hidden;font-size:12px;margin: 0 0 10px 0;padding: 0 4px;color:#999;}
.sub_nav .nav_a::after {content: "";display: block;position: relative;top: 13px;}
.sub_nav .nav_on a {color:#333;}
.sub_nav .nav_a em.ellipsis {float:none;display:inline-block;}
.subGnbToggle {text-indent:-9999px;background:#ddd;z-index:10;border-radius:4px;width:42px;height:8px;position:absolute;left:50%;bottom:-4px;margin:0 0 0 -21px;}

/* 서브 메뉴 아이콘 default */
.sub_nav .nav_a span {display: block;height: 52px;width:52px;margin:0 auto;margin-bottom:5px;background:url(../images/common/business_set_52.png) no-repeat;}
.sub_nav .nav_a .subGnb01 {background-position:0 0;}
.sub_nav .nav_a .subGnb02 {background-position:-52px 0;}
.sub_nav .nav_a .subGnb03 {background-position:-104px 0;}
.sub_nav .nav_a .subGnb04 {background-position:-156px 0;}
.sub_nav .nav_a .subGnb05 {background-position:-208px 0;}
.sub_nav .nav_a .subGnb06 {background-position: 0 -52px;}
.sub_nav .nav_a .subGnb07 {background-position:-52px -52px;}
.sub_nav .nav_a .subGnb08 {background-position:-104px -52px;}
.sub_nav .nav_a .subGnb09 {background-position:-156px -52px;}

/* 서브 메뉴 아이콘 on */
.sub_nav .nav_on span {display: block;height: 52px;width:52px;margin:0 auto;margin-bottom:5px;background:url(../images/common/business_on_set_52.png) no-repeat;}
.sub_nav .nav_on .subGnb01 {background-position:0 0;}
.sub_nav .nav_on .subGnb02 {background-position:-52px 0;}
.sub_nav .nav_on .subGnb03 {background-position:-104px 0;}
.sub_nav .nav_on .subGnb04 {background-position:-156px 0;}
.sub_nav .nav_on .subGnb05 {background-position:-208px 0;}
.sub_nav .nav_on .subGnb06 {background-position: 0 -52px;}
.sub_nav .nav_on .subGnb07 {background-position:-52px -52px;}
.sub_nav .nav_on .subGnb08 {background-position:-104px -52px;}
.sub_nav .nav_on .subGnb09 {background-position:-156px -52px;}


/* sub content */
.subContentListWrap {position:relative;border-top:2px solid #1b3964;padding-bottom:20px;}
.listWrap {background:#fff;}
.subContentListWrap .col-md-2 .searchType {border-bottom:1px solid #eee;background:#fff;}
.subContentListWrap .col-md-2 .searchType a {float:left;width:50%;text-align:center;padding:10px 0;}
.subContentListWrap .col-md-2 .searchType a.active {border-bottom:2px solid #000;font-weight:700;color:#000;}
.subContentListWrap .col-md-2 .treeHeader {border-bottom:1px solid #eee;background:#fff;padding:10px 0;}
.subContentListWrap .col-md-2 .treeHeader span {font-size:14px;font-weight:700;letter-spacing:-1px;}
.subContentListWrap .col-md-2 .searchBox{padding:10px 0;border-bottom:1px solid #eee;}
.subContentRegWrap .col-md-2 .treeHeader {border-bottom:1px solid #eee;background:#fff;padding:15px;}
.subContentRegWrap .col-md-2 .treeHeader span {font-size:14px;font-weight:700;letter-spacing:-1px;}
.subContentWrap #btn-SideCat {display:none;}
.listWrap.auto {height:auto!important;}

/* tree */
.treeWrap {}
.treeWrap .treeHeader {border-bottom:1px solid #eee;background:#fff;padding:10px 15px;}
.treeWrap .treeHeader span {font-size:14px;font-weight:700;letter-spacing:-1px;}
.treeWrap .treeBody {overflow:hidden;overflow-x:auto;}


.listWrapL .searchResultWrap {padding:10px 0;}
.listWrapL .searchResultWrap .searchResulRow {background:#fff;}
.listWrapL .searchResultWrap .searchResulRow h3 {font-size:12px;font-weight:700;border-bottom:1px solid #1b3964;margin:0 ;}
.listWrapL .searchResultWrap .searchResulRow h3 span {float:left;color:#fff;background:#1b3964;padding:5px;}
.listWrapL .searchResultWrap .searchResulRow ul {margin:0 0 10px 0;}
.listWrapL .searchResultWrap .searchResulRow ul li {width:50%;float:left;border-bottom:1px solid #eee;}
.listWrapL .searchResultWrap .searchResulRow ul li a{display:block;padding:5px;}
.listWrapL .searchResultWrap .searchResulRow ul li a.active {background:#ff7600;color:#fff;font-weight:700;}
.listWrapR {float:right;width:1080px;border-left:0px solid #ddd;padding-left:10px;box-sizing:border-box;background:#fff;}


.subSearchWrap {padding:10px 0;}
.subSearchWrap .itemCount {font-size:12px!important;color:#999!important;border-left:0px solid #ddd;}
.subSearchWrap .itemCount i {font-weight:700;color:#ff7800;font-style:normal;}
.subSearchWrapDetail {position:relative;padding:10px;margin-bottom:10px;background:#f9f9f9;border:1px solid #eee;}
.subContentWrap .subSearchWrapDetail .f_left,
.subContentWrap .subSearchWrapDetail .f_right {/* float:none; */}
.subSearchWrapDetail .inlineBlock {display:inline-block;position:relative;}
.subContentWrap .subSearchWrapDetail .inlineBlock .btn-search2 {margin-left:-1px;border:1px solid #dadada!important;color:#ff7800;background:#fff;line-height:18px;}
.subContentWrap .subSearchWrapDetail .inlineBlock .btn-detailSearch {margin-left:-1px;border:1px solid #dadada!important;color:#ff7800;background:#fff;line-height:18px;}
.subSearchWrapDetail .inlineBlock .selectTitle {font-weight:700;color:#1b3964;line-height:32px;display:inline-block;padding:0 5px 0 10px;}
.subSearchWrapDetail .inlineBlock.mobileOn {display:none;}
.subSearchWrapDetail .btn-group .btn-sm {padding:5px 8px;}
.subSearchWrapDetail .btn-sm.orgType {border:1px solid #ddd;background:#fff;border-radius:2px;min-width:120px;text-align:left;}
.subSearchWrapDetail .btn-sm.orgType .caret {position:absolute;right:5px;top:12px;}
.subSearchWrapDetail .showTooltip .orgType {background:#fff;text-align:left;border:1px solid #dadada;border-radius:2px;height:32px;color:#444;box-sizing:border-box;line-height:32px;padding: 0 30px 0 10px;background: #fff url(../images/common/bg_arrow_b.png) no-repeat right center;background-size: 18px 4px;}
.subSearchWrapDetail .searchResultListWrap .typeN {display:inline-block;padding:5px 8px;background:#efefef;border-radius:16px;margin-right:4px;margin-bottom: 0;}
.selectTitle {font-weight:700;color:#1b3964;line-height:32px;display:inline-block;padding:0 10px;}
.subContentWrap .subContentTitle {padding:20px 0;font-size:22px;color:#1b3964;border-bottom:1px solid #eee;position:relative;}
.subContentWrap .subContentTitle .f_left em.infoText {font-size:12px;color:#999;margin-left:5px;}
.subContentWrap .subContentTitle .f_right span {font-weight:700;display:inline-block;font-size:16px;border-bottom:1px solid #1b3964;margin-left:10px;padding:2px;position:relative;overflow:hidden;}
.subContentWrap .subContentTitle .f_right span i {font-style:normal;}
.subContentWrap .subContentTitle .f_right span em {display:none;}
.subContentWrap .subContentTitle .f_right span.active {color:#ff7800;border-bottom:1px solid #ff7800;}
.subContentWrap .subContentTitle .f_right span.active i {display:inline-block;font-style:normal;color:#fff;background:#ff7800;text-align:center;width:20px;height:20px;line-height:20px;border-radius:2px;}
.subContentWrap .subContentTitle .f_right span.active em {display:inline-block;font-weight:700;}
.subContentWrap .subContentTitle .f_right span.infoTitle {font-size:12px;border-bottom:0;display:inline;}
.subContentWrap .subContentTitle:after {content:'';display:block;clear:both;}
.subContentWrap .subContentListType  {position:relative;min-height:35px;}
.subContentWrap .subContentListType .f_left, .subContentWrap .subContentListType .f_right {height:auto;}
.subContentWrap .subContentListType .f_right a {display:inline-block;padding:8px 10px;border:0px solid #ff7600;border-bottom:0;}
.subContentWrap .subContentListType .f_right a.active {background:#1b3964;color:#fff;}
.subContentWrap .subContentList {margin:0;padding:0;}
.subContentWrap .subContentList li {border:1px solid #eee;float:left;width:50%;box-sizing:border-box;margin:0 -1px -1px 0;}
.subContentWrap .subContentList .ContentListItem {padding:0 0 10px 150px;}
.subContentWrap .subContentList .ContentListItem dl {padding-top:20px;}
.subContentWrap .subContentList .ContentListItem dl dt {font-size:16px;font-weight:700;color:#1b3964;padding:5px 0;position:relative;padding-right:10px;}
.subContentWrap .subContentList .ContentListItem dl dt span {position:relative;display:inline-block;background:#fff;z-index:1;padding-right:10px;}
.subContentWrap .subContentList .ContentListItem dl dt a {color:#1b3964;}
.subContentWrap .subContentList .ContentListItem dl dt a:hover {text-decoration:underline;}
.subContentWrap .subContentList .ContentListItem dl dd {line-height:22px;position:relative;padding-right:10px;}
.subContentWrap .subContentList .ContentListItem dl dd strong {color:#385f97;display:inline-block;min-width:80px;}
.subContentWrap .subContentList .ContentListItem dl dd.btn-s-area {padding:10px 10px 0 0;border-top:0px solid #eee;text-align:right;}
.subContentWrap .subContentList .ContentListItem dl dt.list-title:after {content:'';display:block;position:absolute;left:0;top:50%;width:90%;box-sizing:border-box;padding:0 10px 0;border-top:1px dashed #ddd;}
.subContentWrap .subContentList .ContentListItem dl dd p {position:relative;display:inline-block;background:#fff;z-index:1;padding-right:10px;}
.subContentWrap .subContentList .ContentListItem dl dd.interestArea:after {content:'';display:block;position:absolute;left:0;top:50%;width:90%;box-sizing:border-box;padding:0 10px 0;border-top:1px dashed #ddd;}
.subContentWrap .subContentList .ContentListItem dl .btn-s {position:relative;width:24px;z-index:1;}
.subContentWrap .subContentList .ContentListItem dl .pull-right {padding:0;}
.subContentWrap .subContentList li .dropdown-menu li {float:none;width:100%;border:0;}
.subContentWrap .subContentList li:first-child .typeThumReg {box-sizing:border-box;min-height:220px;line-height:220px;background:none;text-align:center;padding:0;}
.subContentWrap .subContentList li:last-child .typeThumReg {box-sizing:border-box;min-height:220px;line-height:220px;background:none;text-align:center;padding:0;}
.subContentWrap .subContentList:after {content:"";display:block;clear:both;}
.subContentWrap .transferCompleteMsg {background:url(../images/common/transferCompleteMsgIcon.png) no-repeat center 0;margin-top:40px;padding-bottom:40px;min-height:100px;text-align:center;}
.subContentWrap .transferCompleteMsg .CompleteCopy {padding:10px 0;padding-top:80px;font-weight:700;font-size:16px;color:#ff7800;}
.subContentWrap:after {content:"";display:block;clear:both;}
.subContentListWrap:after {content:"";display:block;clear:both;}

.subContentWrap .fundtList .ContentListItem {background:url(../images/common/fund_list_icon.png) no-repeat 20px center;}
.subContentWrap .bankList .ContentListItem {background:url(../images/common/bank_list_icon.png) no-repeat 20px center;}
.subContentWrap .certiList .ContentListItem {min-height:160px;background:url(../images/common/certifi_list_icon.png) no-repeat 20px center;}

/* 검색 자동 완성 */
.autoSearch {position:relative;}
.autoSearchWrap {display:none;z-index:100;position:absolute;top:31px;left:0;width:100%;background:#fff;border:1px solid #ddd;}
.autoSearchWrap .autoSearchArea {padding: 0;min-height: 150px;max-height: 150px;overflow:hidden;overflow-y:auto;}
.autoSearchWrap .autoSearchArea ul {margin:0;padding:0;}
.autoSearchWrap .autoSearchArea ul a {display:block;padding:6px 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.autoSearchWrap .autoSearchArea ul a:hover {background:#f9f9f9;}
.autoSearchWrap .autoSearchArea .experson em {color: #898989;margin-left: 3px;margin-right: 3px;font-size: 11px;letter-spacing: -0.6px;}
.autoSearchWrap .autoSearchArea .experson em.atcmp_com {color:#597ac4;}



/* 서브 페이지 title - H3 */
.subSectionTitle {font-size:14px;background:#f4f9ff;font-weight:700;padding:15px 10px;border-top:2px solid #1b3964;}
.subSectionTitle .f_left {line-height:32px;}
.subSectionTitle span {padding:5px 0;color:#1b3964;font-size:14px;}
.subSectionTitle .itemCount {font-size:12px!important;color:#999!important;margin-left:10px;border-left:1px solid #ddd;padding-left:10px;}
.subSectionTitle .itemCount i {font-weight:700;color:#ff7800;font-style:normal;}
.subSectionTitle .card-tools {float:right;}
.subSectionTitle span.dateTxt {margin-left:10px;color:#999;font-size:12px;font-weight:300;}
.subSectionTitle .f_right {font-size:12px;font-weight:300;}

.subSectionTitle2 {font-size:14px;background:#fff;font-weight:700;padding:15px 10px;}
.subSectionTitle2 .f_left {line-height:32px;}
.subSectionTitle2 span {padding:5px 0;color:#1b3964;font-size:16px;}
.subSectionTitle2 .itemCount {font-size:12px!important;color:#999!important;margin-left:10px;border-left:1px solid #ddd;padding-left:10px;}
.subSectionTitle2 .itemCount i {font-weight:700;color:#ff7800;font-style:normal;}
.subSectionTitle2 .card-tools {float:right;}
.panel {box-shadow:none;border-radius:0;}
.panel .table {}
.panel h4 .btn-xs {box-sizing:border-box;padding:0;width:32px;color:#333;background:#eee;line-height:32px;}
.panel .row {margin:0;}
.regInfo {padding:0px 0;line-height:32px;}
.regInfo .col-md-2,
.regInfo .col-md-3,
.regInfo .col-md-4 {padding-left:0;}
.regInfo strong {min-width:80px;color:#000;display:inline-block;padding:0 0 0 10px;background:#f9f9f9;line-height:32px;}
.panel > .sectionTitledepth {border-bottom:1px solid #ddd;}

/* 서브 페이지 title second - H4 */
.subSectionTitleSecond {background:transparent;font-size:12px;font-weight:700;line-height:35px;padding:0;border-radius:0 0 0 0;}
.subSectionTitleSecond .f_left {padding:8px 8px 8px 24px;background:transparent;position:relative;}
.subSectionTitleSecond .f_left span {color:#1b3964;font-size:14px;}
.subSectionTitleSecond .f_left:after {content:'\f054';font-family:FontAwesome;display:block;position:absolute;top:10px;left:10px;color:#1b3964;}
.subSectionTitleSecond .itemCount {font-size:12px!important;color:#999!important;margin-left:10px;border-left:1px solid #ddd;padding-left:10px;}
.subSectionTitleSecond .itemCount i {font-weight:700;color:#ff7800;font-style:normal;}
.subSectionTitleSecond .f_right {font-weight:300;padding:8px;}
.sectionTitledepth {padding:8px;}
.sectionTitledepth .sectionTitleTxt {font-size:14px;font-weight:500;}

.moreBtn {background:transparent;}
.moreBtn button {/* border-radius:50%; */}
.moreBtn > .dropdown-menu {right:0;left:auto;}

.subSection-tool > ul{}
.subSection-tool > ul > li{display:block;float:left;position:relative;}


.btn-tool {background:#f4f4f4;width:32px;height:32px;line-height:32px;text-align:center;color:#333;}
.btn-tool:hover {background:#f9f9f9;color:#333;}

.subContentListWrap .totalPrice {background:#f8f8f8;border-bottom:1px solid #ddd;padding:20px;font-weight:700;color:#1b3964;font-size:16px;}
.collapsed-list {background:#fff;}
.collapsed-list .collapseBody {display:none;}
.collapsed-list .btn-tool {background:#fff;color:#333;}
.collapsed-list .subSectionTitle {border-bottom:1px solid #ddd;}

.table {table-layout:fixed;}
.table tfoot tr td {color:#1b3964;padding:10px 8px;font-weight:700;font-size:12px;background:#f8f8f8;}
.table td.num {text-align:right;}
.table td.num .cDown {color:#ea0601;}
.table td.detailType01 {background:#edc7de;cursor:pointer;position:relative;}
.table td.detailType02 {background:#c7eded;cursor:pointer;position:relative;}
.table td.detailType03 {background:#e9edc7;cursor:pointer;position:relative;}
.table td.detailType01:hover:after,
.table td.detailType02:hover:after,
.table td.detailType03:hover:after {content:'\f08e';position:absolute;top:10px;left:10px;font-family:FontAwesome;}
.table td i.unit {font-style:normal;font-size:11px;margin-left:2px;}
.table td em.class {font-style:normal;font-size:11px;margin-left:2px;background:#85cc8b;color:#fff;border-radius:2px;padding:0 2px;font-weight:300;}
.table .txtRight {text-align:right;}
.table tbody tr th {background:#f0f6ff;}
.table tbody tr td a:hover {text-decoration:underline;}
.table span.titleKor {color:#000;font-weight:700;}
.table tr.level {background:#f9f9f9;}
.table tr.level td {background:#f9f9f9!important;}
.table em.depth00{position:relative;padding-left:15px;box-sizing:border-box;color:#000;}
.table em.depth00:after {content:'\f07b';font-family:FontAwesome;position:absolute;left:0;top:-4px;font-size:12px;}
.table em.depth01{position:relative;padding-left:25px;box-sizing:border-box;color:#000;}
.table em.depth02{position:relative;padding-left:35px;box-sizing:border-box;color:#000;}
.table em.depth01:after{content:'\f016';font-family:FontAwesome;position:absolute;left:10px;top:-4px;}
.table em.depth02:after {content:'\f016';font-family:FontAwesome;position:absolute;left:20px;top:-4px;}
.table em.roleType {color:#fff;background:#902928;padding:2px 4px;border-radius:4px;width:18px;margin-left:4px;font-size:10px;}
.table th .ellipsis,
.table td .ellipsis {max-width:100%!important;}
.table td.td-subject .ripple {margin-left: 2px;vertical-align: middle;font-size:11px;color:#fc4953;font-weight: bold;}
.table td.td-subject a, .table td.td-subject .list_title {display:block;}
.table-summary {border:1px solid #3579d4;margin-bottom:10px;font-size:14px;}
.table-summary th,
.table-summary td {text-indent:15px;font-weight:700;color:#000;line-height:52px!important;border-bottom:1px solid #3579d4!important;}
.table-verti > tbody > tr > th {background:#f9f9f9;font-size:14px;}
.table-verti > tbody > tr > th,
.table-verti > tbody > tr > td {padding:15px;}
.table .orgComLogo {display:inline-block;border:1px solid #eee;padding:2px;width:80px;min-height:32px;}
.table .orgComLogo img {width:100%;}
.table .teamLeader {font-weight:700;color:#a94442}
.table .bdR0 {border-right:0;}
.table span.attendanceBox {font-weight:700;cursor:pointer;display:block;text-decoration:underline;}
.table span.cal_saturday {color:#307eb7}
.table span.cal_sunday {color:#f26969}
.table tr.calBefore td {background:#f7f9fa;color:#999;}
.table tr.calToday td {background:#e7f1fc;color:#000;font-weight:700;}
.table tr.calToday td:first-child {border-left:2px solid #1077e6;}
.table > tbody > tr > td a:hover {text-decoration:underline;}
.table .td-mobile td {background:#fcfcfc;color:#999;padding:5px !important;border-top:0px;}
.table .td-mobile td span.colB {display:inline-block;padding:0 4px;}
.table tbody tr.bg-default {background:#f9f9f9;}
.table tbody tr.bg-default td {color:#999;}
.table tr.txtIndent td:first-child strong {font-weight:400;padding-left:16px;display:inline-block;}
.table tr.txtIndent .columVerTh {position:relative;}
.table tr.txtIndent .columVerTh button {line-height:20px;border-radius:2px;}
.table tr.question {}
.table tr.answer td {background:#f4f4f4;}


.table span.cal_discretionDay {color:#366bae;font-weight:700;}
.tFoot {padding:5px;background:#fff;line-height:30px;height:42px;}
.tFoot .pull-right em{color:#ff7800;font-weight:700;}
.tFoot:after {content:'';display:block;clear:both;}
.settingWrap {display:none;}
.settingOpen .settingWrap {display:block;}
.fixTableWrap {height:480px;}


/* table th type2 */
.table-th > thead > tr > th {line-height:normal;}
.table-thRow > thead > tr > th {line-height:normal;padding-top:5px ;padding-bottom:5px ;vertical-align: middle;box-sizing:border-box;border-bottom:2px solid #ddd;border-right:1px solid #ddd;}
.table-thRow > tbody > tr > td {line-height:normal;vertical-align: middle;box-sizing:border-box;}
.table-thRow > thead > tr > th:last-child {border-right:0;}
.table-thRow > thead > tr > th.thBd {border-bottom:1px solid #ddd;}
.table-thRow > tbody > tr > td {word-break:break-all;}
.table-thRow > tbody > tr > td:last-child {border-right:0!important;}
.table-thRow > tbody > tr > td.state_att {font-size:11px;padding:8px 4px;}

.table-th2 > thead > tr > th {line-height:normal;}
.table-thRow2 > thead > tr > th {line-height:normal;vertical-align: middle;box-sizing:border-box;border-bottom:2px solid #ddd;border-right:1px solid #ddd;}
.table-thRow2 > tbody > tr > td {line-height:normal;vertical-align: middle;box-sizing:border-box;}
.table-thRow2 > thead > tr > th:last-child {border-right:0;}
.table-thRow2 > thead > tr > th.thBd {border-bottom:1px solid #ddd;}
.table-thRow2 > tbody > tr > td {word-break:break-all;}
.table-thRow2 > tbody > tr > td:last-child {border-right:0!important;}
.table-thRow2 > tbody > tr > td.state_att {font-size:11px;padding:8px 4px;}
.table-hover tbody tr td {line-height:35px;}
.table-hover tbody tr td > .txt-cell {line-height:normal;}
.table-hover tbody tr td > .keep-all {word-break:keep-all;}
.table-hover tbody .hover {display:none;transition:all .3s;}
.table-hover tbody tr:hover .hover {display:inline-block;}

.th-bg > thead > tr > th {background:#f4f4f4;}

/* table head 고정 */
.table-freeze > thead > tr > th {position:sticky;top:-1px;background:#fff;}
.table-freeze > thead > tr > th:before {content:"";position:absolute;top:0;right:-1px;background:#ddd;width:1px;height:100%;}
.table-freeze > thead > tr > th:after {content:"";position:absolute;bottom:-1px;left:0;background:#ddd;width:100%;height:1px;}
.table-freeze > thead > tr > th:last-child:before {content:"";position:absolute;top:0;right:0px;background:#ddd;width:0px;height:100%;}


.card-body .btn-tools {padding:10px 0;transition:all .3s;}
.btn-tools.sticky {position: sticky;top:0;background:#fff;z-index:10;}

.rowWrap {}
.rowWrap .innerMsg {margin-bottom:10px;border-bottom:2px solid #3579d4;font-weight:700;padding:0 0 10px 0;}
.rowWrap .rowInline strong.text-danger {font-size:14px;}

.noData {text-align:center;position:relative;padding:20px 0;}
.noData:before {content:'\f05a';padding-right:5px;font-family: FontAwesome;color:#fba65a;font-size:1.5em;}

.subSearchResult {padding:20px 10px;font-weight:700;font-size:12px;}
.subSearchResult span {color:#000;margin-right:20px;}
.collapsedBox {padding:0 0 10px 0;}
.collapsedBox .subContentInfo {border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:20px;padding-left:180px;min-height:100px;font-size:13px;}
.collapsedBox .subContentInfo h4 {font-weight:700;color:#1b3964;font-size:16px;padding-bottom:10px;line-height:40px;}
.collapsedBox .subContentInfo ul {margin:0;padding:0;}
.collapsedBox .subContentInfo ul li {line-height:24px;font-weight:700;color:#333;}
.collapsedBox .subContentInfo ul li strong {display:inline-block;min-width:180px;font-weight:300;color:#999;}
.collapsedBox:nth-of-type(odd) .subSectionTitle {background:#e7f0fb;}

.collapsedBox .subContentInfo dl dt {color:#1b3964;font-size:16px;padding-bottom:10px;line-height:40px;}
.collapsedBox .subContentInfo dl dd {line-height:30px;font-weight:700;color:#333;}
.collapsedBox .subContentInfo dl dd span {display:inline-block;min-width:180px;font-weight:300;color:#999;}
.collapsedBox .account_inquiry {background:#f4f9ff url(../images/common/bank_list_icon.png) no-repeat 40px center;}
.collapsedBox .account_transfer {min-height:130px;background:#f4f9ff url(../images/common/bank_list_icon.png) no-repeat 40px center;}
.collapsedBox .infoList {margin:0;padding:0;}
.collapsedBox .infoList li {padding:5px 0 5px 18px;position:relative;word-break:keep-all;line-height:20px;}
.collapsedBox .infoList li:after {content:'-';position:absolute;top:5px;left:0;font-weight:700;font-size:14px;}
.collapsedBox .infoList li i {font-style:normal;color:#0b62d6;}
.txtInfo {padding:20px;}


.table td span.cOut{color:#d44835;font-weight:700;}
.table td span.cIn{color:#3579d4;font-weight:700;}
.btnPageZone {text-align:right;}

.subContentRegWrap {padding:0;border-top:2px solid #333;}
.subContentRegWrap .regCopy,
.subContentListWrap .regCopy {font-weight:700;color:#000;text-align:right;border-bottom:0px solid #eee;padding:10px 0;margin-bottom:0;}
.subContentRegWrap .f_left {width:48%;}
.subContentRegWrap .f_right {width:48%;}
.checkPoint {font-weight:700;color:#ff3d00;}

/* side banner */
.sideBannerWrap {position:relative;top:60px;left:-115px;}
.sideBannerWrap .sideBannerInner {margin:0;padding:0;width:100px;position:absolute;}
.sideBannerWrap .sideBannerInner ul {margin:0;padding:0;}
.sideBannerWrap .sideBannerInner ul li {}
.sideBannerWrap .sideBannerInner ul li a {position:relative;margin:0 0 10px;display:block;background:#f9f9f9;border:0px solid #eee;box-sizing:border-box;height:100px;text-align:center;}
.sideBannerWrap .sideBannerInner ul li a span.icon {display:block;font-size:36px;padding:30px 0 10px 0;}
.sideBannerWrap .sideBannerInner ul li a em.countNum {position:absolute;top:20px;right:12px;background:#c13c3c;color:#fff;font-size:11px;padding:3px 8px;border-radius:50%;font-weight:700;}
.sideBannerWrap .sideBannerInner ul li:nth-child(1) a {background:#85c4cc;color:#fff;}
.detailConWrapNoBanner .sideBannerWrap {display:none;}

.flexWrap {display:flex;justify-content:flex-start;}
.flexWrap .items {align-items:flex-end;}

/* side approve */
.approveStatusWrap {position: relative;top: 74px;left: -115px;}
.approveStatusWrap .approveStatus {position:absolute;top:0;width:100px;}
.approveStatusWrap .approveStatus.fixed {position:fixed;top:10px;background:#fff;z-index:10;}
@media (max-width: 767px) {
    .approveStatusWrap {position:sticky;top:auto;left:auto;z-index:1;}
    .approveStatusWrap .approveStatus {width:100%;position:initial;padding: 10px;}
    .approveStatusWrap .approveStatus ul li {float:left;width:33.33%;padding-right:10px;}
    .approveStatusWrap .approveStatus ul li:nth-child(3n) {padding-right:0;}
    .approveStatusWrap .approveStatus.fixed {position:initial;top:0px;background:#fff;z-index:10;}
    .approveStatusWrap .approveStatus:after {content:'';display:block;clear:both;}
}

/* side certificate */
.certificateStatusWrap {position: relative;top: 74px;left: -115px;}
.certificateStatusWrap .certificateStatus {position:absolute;top:0;width:100px;}
.certificateStatusWrap .certificateStatus.fixed {position:fixed;top:10px;background:#fff;z-index:10;}
@media (max-width: 767px) {
    .certificateStatusWrap {position:sticky;top:auto;left:auto;z-index:1;}
    .certificateStatusWrap .certificateStatus {width:100%;position:initial;padding: 10px;}
    .certificateStatusWrap .certificateStatus ul li {float:left;width:33.33%;padding-right:10px;}
    .certificateStatusWrap .certificateStatus ul li:nth-child(3n) {padding-right:0;}
    .certificateStatusWrap .certificateStatus.fixed {position:initial;top:0px;background:#fff;z-index:10;}
    .certificateStatusWrap .certificateStatus:after {content:'';display:block;clear:both;}
}

/* layPop */
.layerPopContainer {position:fixed;top:0;left:0;bottom:0;right:0;display:none;z-index:1001;}
.layerPop {overflow:hidden auto;-webkit-overflow-scrolling: touch;outline: none !important;-webkit-backface-visibility: hidden;z-index:10000;width:100%;height:100%;left:0;top:0;bottom:0;margin:0;position:fixed;}
.layerPop .layerPopWrap {text-align: center; position: absolute;width: 100%; height: 100%;left: 0;top: 0;padding: 0;box-sizing: border-box;}
.layerPop .layerPopWrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.layerPop .layerPopWrap .layerPopContent {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;border-top: 4px solid #9e0b0f;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.layerPop .layerPopWrap .layerPopContent .contentInner {/* width:500px; *//* min-height:550px; */margin: 0 auto;padding:0;position: relative;background: #fff;}
.layerPop .layerPopWrap .layerPopContent .btn-layPopClose:hover {}
.layerPop .layerPopWrap .layerPopContent h3 {font-size:16px;font-weight:700;color:#ff7600;padding:20px 30px;}
.layerPop .layerPopWrap .contentHeader {border-top:0px solid #eee;border-bottom:0px solid #eee;background:#f4f4f4 url(../images/common/fund_list_icon.png) no-repeat 30px center;padding:10px 0 10px 160px;}
.layerPop .layerPopWrap .contentHeader dl {padding-top:0px;}
.layerPop .layerPopWrap .contentHeader dl dt {font-size:16px;font-weight:700;color:#1b3964;padding:5px 0;position:relative;padding-right:10px;}
.layerPop .layerPopWrap .contentHeader dl dt span {position:relative;padding-right:10px;display:inline-block;z-index:1;}
.layerPop .layerPopWrap .contentHeader dl dd {line-height:20px;position:relative;padding-right:10px;}
.layerPop .layerPopWrap .contentHeader dl dd strong {color:#385f97;display:inline-block;min-width:60px;}
.layerPop .layerPopWrap .layerPopContent .layerPopContentBox {padding:0 20px;}
.layerPop .layerPopWrap .layerPopContent .layerPopContentBox .inner {min-height:420px;}
.layerPop .layerPopWrap .layerPopContent .pop-btn-area {padding:20px 0 30px  0;text-align:center;}


.layerPopContent .contentInner {margin: 0 auto;padding:0;position: relative;background: #fff;}
.layerPopContent .contentHeader {border-top:0px solid #eee;border-bottom:0px solid #eee;background:#f4f4f4 url(../images/common/fund_list_icon.png) no-repeat 30px center;padding:10px 0 10px 160px;}
.layerPopContent .contentHeader dl {padding-top:0px;}
.layerPopContent .contentHeader dl dt {font-size:16px;font-weight:700;color:#1b3964;padding:5px 0;position:relative;padding-right:10px;}
.layerPopContent .contentHeader dl dt span {position:relative;padding-right:10px;display:inline-block;z-index:1;}
.layerPopContent .contentHeader dl dd {line-height:20px;position:relative;padding-right:10px;}
.layerPopContent .contentHeader dl dd strong {color:#385f97;display:inline-block;min-width:80px;}
.layerPopContent .transferMsg {text-align:center;padding:0 0 20px;font-size:14px;font-weight:400;color:#1b3964;background:#fff;border-bottom:1px solid #eee;}
.layerPopContent .transferMsgImg {height:100px;padding:20px 0;background:url(../images/common/transferMsgicon.png) no-repeat center center;}
.layerPopContent .layerPopContentBox .layerPopContentInner {padding:20px 0;}
.layerPopContent .layerPopContentBox .layerPopContentInner p {padding:10px 15px;font-size:14px;word-break:keep-all;position:relative;}
.layerPopContent .layerPopContentBox .layerPopContentInner p:after {content:'-';position:absolute;left:0;top:5px;font-size:16px;}
.layerPopContent .layerPopContentBox .layerPopContentInner ul {border:0px solid #ddd;margin:0;padding:10px 20px;list-style:decimal;overflow:hidden;overflow-y:auto;height:auto;}
.layerPop .layerPopWrap .layerPopContent .layerPopContentBox .layerPopContentInner ul li {padding:4px 0;color:#000;}
.layerPopContent .layerPopContentBox .layerPopContentInner ul li {line-height:24px;font-size:14px;}
.layerPopContent .layerPopContentBox .layerPopContentInner ul li strong {font-weight:700;color:#000;margin-right:10px;}
.modal-header {border-top:0px solid #9e0b0f;background:#1b3964;}
.modal-title {font-size:14px;font-weight:700;color:#fff;}
.modal-body .col-md-6 {}

/* div table */
.contentTable {display:table;width:100%;}
.contentTable .contentTableRow {display:table-row;}
.contentTable .contentTableCell {display:table-cell;font-size:12px;padding:5px;position:relative;vertical-align:middle;}
.contentTable .contentTableCell strong {color:#000;font-size:12px;display:inline-block;line-height:32px;}
.contentTable .contentTableCell:first-child {padding-right:8px;text-align:right;width:120px;vertical-align: top;}
.contentTable .contentTableCell:nth-child(3) {padding-right:8px;text-align:right;width:120px;vertical-align: top;}
.contentTable .contentTableCell .inlineBlock {display:inline-block;}
.contentTable .contentTableCell .btn-xs {box-sizing:border-box;padding:0;width:32px;color:#333;background:#eee;line-height:32px;}
.contentTable .contentTableCell .explainTxt {padding:5px 0;color:#9e0b0f;}
.contentTable .contentTableCell.thCell {border-bottom:1px solid #eee;}
.contentTable .contentTableCell.tdCell {border-bottom:1px solid #eee;}
.contentTable .contentTableCell .w85p {width:85%;}
.contentTable .contentTableCell .w60p {width:60%;}
.contentTable .contentTableCell .w40p {width:40%;}
.contentTable .contentTableCell .w32p {width:35%;}
.contentTable .contentTableCell .w25p {width:25%!important;}
.contentTable .contentTableCell .w20p {width:20%;}
.contentTable .contentTableCell .w10p {width:10%;}
.contentTable .contentTableCell .cellInnerT {display:table;width:100%;}
.contentTable .contentTableCell .cellInner {display:table-row;}
.contentTable .contentTableCell .cellInnerThead {}
.contentTable .contentTableCell .cellInnerThead .inputWrap {font-weight:700;}
.contentTable .contentTableCell .cellInner .inputWrap {position:relative;display:table-cell;box-sizing:border-box;padding:0 5px 0 0;line-height:32px;}
.contentTable .contentTableCell .cellInner .inputWrap:last-child {padding-right:0px;width:32px;}
.contentTable .contentTableCell .inputWrap .inputFile {opacity:0;position:absolute;left:0;top:0;width:32px;height:32px;cursor:pointer;}
.contentTable .contentTableCell .cellInner .cellInnerCell {position:relative;display:table-cell;box-sizing:border-box;}
.contentTable .contentTableCell .cellInner .cellInnerCell .cellBox {margin-top:5px;border-top:0px dashed #ddd;padding:5px 0;}
.contentTable .contentTableThCell {line-height:32px;border-bottom:0px solid #eee;color:#000;background:transparent;width:140px;display:table-cell;font-size:12px;padding:5px;padding-right:15px;text-align:right;position:relative;vertical-align:top;}
.contentTable .contentTableTdCell {line-height:32px;border-bottom:1px solid #eee;display:table-cell;font-size:12px;padding:5px;position:relative;vertical-align:top;}
/* .contentTable .contentTableThCell strong {padding-right:10px;border-right:1px solid #999;} */
.contentTable .contentTableRow .thisWeek {background:#fefee9;}
.contentTable .inputWrap {line-height:32px;}
.contentTable .inputWrap .spaceBar {color:#ddd;}
.contentTable .contentTableThCell .cellTitle {color:#000;font-size:13px;font-weight:700;}
.contentTable .contentTableTdCell .rowInline {display:inline;}
.contentTable .contentTableTdCell .inner img {max-width: 100%;width: auto!important;height: auto!important;}
.contentTable .contentTableRow .vt {vertical-align:top!important;}
.contentTable .contentTableRow .vm {vertical-align:middle!important;}
.contentTable .contentTableRow .vb {vertical-align:bottom!important;}
.contentTable .contentTableRow .allType {padding-right:5px;width:100%;}
.contentTable .inputWrap .input-group {display:inline-block;}
.contentTable .contentTableThCell i {vertical-align: middle;color:#5f6368;}
.contentTable .contentTableThCell strong {color:#5f6368;}
.contentTable .contentTableThCell .checkPoint {display:none;}
.contentTable .contentTableTdCell table {width:100%!important;}
.contentTable .contentTableTdCell .inner .alert {margin-top:5px;margin-bottom:0;}
.officeDocWrap .contentTable .contentTableThCell {line-height:32px;border-bottom:0px solid #eee;color:#000;background:transparent;width:140px;display:table-cell;font-size:12px;padding:0px;padding-right:15px;text-align:right;position:relative;vertical-align:top;}
.overseas {display:none;}

.contentTable2 {display:table;width:100%;}
.contentTable2 .contentTableRow {display:table-row;}
.contentTable2 .contentTableThCell {line-height:36px;border-bottom:0px solid #eee;color:#000;/* color:#5f6368; */background:transparent;width:120px;display:table-cell;font-size:12px;padding:5px;padding-right:15px;position:relative;vertical-align:top;}
.contentTable2 .contentTableTdCell {line-height:36px;border-bottom:0px solid #eee;display:table-cell;font-size:12px;padding:5px;position:relative;vertical-align:top;}
.contentTable2 .contentTableTdCell .n_inputType_l,
.contentTable2 .contentTableTdCell .n_selectType_l {border-bottom:0;}
.contentTable2 .inputWrap .input-group {display:inline-block;}
.contentTable2 .contentTableThCell strong {font-weight:300;font-size:14px;margin-left:5px;font-size:13px;}
.contentTable2 .contentTableThCell i {vertical-align: middle;margin-right:0px;margin-top:5px;}
.contentTable2 .contentTableThCell .checkPoint {display:none;}
.contentTable2 .contentTableTdCell .inputWrap.title {font-size:22px;line-height:28px;}

.contentTable4 {display:table;width:100%;}
.contentTable4 .contentTableRow {display:table-row;}
.contentTable4 .contentTableThCell {line-height:24px;height:24px;text-align:right;width:180px;border-bottom:0px solid #eee;color:#5f6368;background:transparent;display:table-cell;font-size:12px;padding:2px;padding-right:15px;position:relative;vertical-align:top;}
.contentTable4 .contentTableTdCell {line-height:24px;height:24px;width:150px;border-bottom:1px solid #eee;display:table-cell;font-size:12px;padding:2px;padding-left:10px;position:relative;vertical-align:top;}
.contentTable4 .contentTableTdCell .n_inputType_l,
.contentTable4 .contentTableTdCell .n_selectType_l {border-bottom:0;}
.contentTable4 .inputWrap .input-group {display:inline-block;}
.contentTable4 .contentTableThCell strong {color:#000;}
.contentTable4 .contentTableThCell i {vertical-align: middle;margin-right:0px;margin-top:5px;}
.contentTable4 .contentTableThCell .checkPoint {display:none;}
.contentTable4 .contentTableTdCell .inputWrap.title {font-size:22px;line-height:28px;}
.contentTable4 .contentTableRow:last-child .contentTableThCell,
.contentTable4 .contentTableRow:last-child .contentTableTdCell{border-bottom:0;}
.contentTable4 .contentTableTdCell.purposeCost {background:#f4fcfa;color:#0f8466;}
.contentTable4 .contentTableTdCell.realCost {background:#f9f9eb;color:#67670f;font-weight:600;}
.contentTable4 .contentTableRow.contentHeader .contentTableTdCell.purposeCost {background:#a7e6d6;color:#0f8466;border-radius: 4px 4px 0 0;}
.contentTable4 .contentTableRow.contentHeader .contentTableTdCell.realCost {background:#d6d690;color:#67670f;border-radius: 4px 4px 0 0;font-weight:600;}

/* div table type3 */
.divTContaner {min-height:180px;}
.divTWrap {padding:0;margin:0;}
.divTWrap .agreeDivTWrap {background:#f3fafd;border:0px solid #ddd;position:relative;padding-left:42px;}
.divT,
.divTFoot {display:table;width:100%;}
.divT .divTRow,
.divTFoot .divTRow {display:table-row;}
.divT .divTHead .divTCell {display:table-cell;color:#000;font-weight:600;border-bottom:1px solid #ddd;padding:5px 5px;}
.divT .divTBody .divTCell,
.divTFoot .divTCell {display:table-cell;padding:5px 5px;line-height: 1.8em;vertical-align: middle;border-bottom:1px solid #eee;}
.divT .divTCell.num {width:70px;}
.divT .divTCell.type {width:120px;}
.divT .divTCell.approve_user {width:auto;}
.divT .divTCell.agree_user {width:auto;}
.divT .divTCell.agree {width:250px;}
.divT .divTCell.explain {width:auto;position:relative;}
.divT .divTCell.price {width:180px;}
.divT .divTCell.control {width:50px;}
.divT .divTCell.control button.btn-xs {background:#eee;border-radius:50%;}
.divT .divTCell.control button.btn-xs:hover {background:#ddd;color:#000;}
.divT .divTBody.question {cursor:pointer;position:relative;}
.divT .divTBody.question .label {position:absolute;left:5px;top:12px;font-size: 12px;}
.divT .divTBody.question .questionBox {padding:5px;padding-left:32px;}
.divT .divTBody.question.closed {font-weight:600;color:#000;}
.divT .divTBody.question.closed .fa {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.divT .divTBody.answer {background:#f9f9f9;}
.divT .divTBody .answerBox {padding:8px 0 8px 32px; ;position:relative;}
.divT .divTBody .answerBox .label {position:absolute;left:0;top:10px;font-size: 12px;}
.divT .divTFoot .divTCell {background:#f4f4f4;color:#000;}
.divT .divTFoot .divTCell.sumTitle {width:80px;font-weight:600;background:#f4f4f4;}
.divT .divTFoot .divTCell.totalSum {width:auto;position:relative;padding:0 38px 0 0;background:#f4f4f4;font-weight:600;}
/* .divTFoot .divTCell.totalSum:after {position:relative;padding-left:5px;content:'원';} */
.divTWrap .agreeDivTWrap:after {content:'\f161';font-family:FontAwesome;color:#1b3964;position:absolute;height:100%;background:transparent;padding:10px;left:0px;top:0px;font-size:20px;}
.divT .mTitle {display:none;}


/* div table2 */
.breakout {max-width: 100%;border-radius: 0 0 4px 4px;position: relative; /* display:flex; */overflow: hidden;}
.breakout .right-gradient {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: box-shadow 250ms;pointer-events: none}
.breakout .right-gradient.scrolling {/* box-shadow: inset -120px 0 100px -70px #fff */}
.breakout .breakout-scroller {overflow: hidden;overflow-x: scroll;padding-left: 150px;display: flex;width: 100%;   flex-direction: column}
.breakout .breakout-scroller.graph {padding-left:0;}
.breakout .breakout-table {display: flex}
.breakout .column {display: flex;flex-direction: column;justify-content: flex-start;position: relative; width:100%;}
.breakout .column.titles {font-weight: 400;pointer-events: none;position: absolute;z-index: 2;top: 0;left: 0;background-color: #fff;transition: box-shadow 250ms;width: 150px;-webkit-backface-visibility: hidden;}
.breakout .column.titles.scrolling {box-shadow: 5px 0 10px rgba(41, 41, 64, .1)}
.breakout .column.titles .cell {width: 150px}
.breakout .column:hover:not(.titles) .cell,
.breakout .column.active .cell {background-color: rgba(255, 156, 103, .1)}
.breakout .column:hover:not(.titles) .head,
.breakout .column.active .head {background-color: #ff9c67;border-color: #ff9c67;color: #fff}
.breakout .column:hover:not(.titles) .foot,
.breakout .column.active .foot { background-color: rgba(255, 156, 103, .2)}
.breakout .cell {white-space: nowrap;padding:8px;line-height: 1.8em;border-bottom: 1px solid rgba(41, 41, 64, .1); min-width: 120px;cursor: pointer;background-position: 80% center}
.breakout .cell:nth-last-child(2) {/* border-bottom: none */}
.breakout .cell:nth-of-type(even) {  background-color: #f9f9f9;}
.breakout .cell:hover:not(.gray):not(.head) {text-decoration: underline}
.breakout .head {background-color: #fff;border-top: 1px solid #ddd;border-bottom: 2px solid #ddd;padding: 10px 8px;color: #000;text-transform: uppercase;font-weight: 600;cursor: default;position: relative;   line-height: 1.8;}
.breakout .foot {font-weight: 600;background-color: #fcfcff;position: relative;overflow: hidden;text-overflow: ellipsis}
.breakout .red {color: #e84c85;font-weight: 600}
.breakout .green {color: #12c457;font-weight: 600}
.breakout .gray {color:#555;cursor: default;text-align: right;}
.breakout .black {font-weight: 600;color: #33334f;}
.breakout .graph .column:hover .head,
.breakout .graph .column:hover .cell {background-color: #f4f4f4;border-color: #ddd;color: #000;text-decoration:none;}
.breakout .graph .cell {width:180px;}
.breakout .graph .body {height:190px;background:#fff;}
.breakout .noData-table {display:block!important;}
.breakout .noData-table .head {width:100%!important;}
.breakout .noData-table .column:hover:not(.titles) .cell,
.breakout .noData-table .column.active .cell {background-color:#f9f9f9;}
.breakout .noData-table .column:hover:not(.titles) .head,
.breakout .noData-table .column.active .head {background-color: #fff;border-color: #ddd;color:#000;}
.breakout .noData {width:100%!important;vertical-align:middle;padding:20px 0;text-align:center;}


/* 팀원주간업무현황 */
.weekReport .contentTableRow .contentTableTdCell {border-bottom:1px solid #ddd;}
.weekReport .contentTableRow .contentTableTdCell:nth-child(1){width:15%;}
.weekReport .contentTableRow .contentTableTdCell:nth-child(2){width:35%;}
.weekReport .contentTableRow .contentTableTdCell:nth-child(3){width:35%;}
.weekReport .contentTableRow .contentTableTdCell:nth-child(4){width:15%;}
.weekReport .weekReportContent {position:relative;}
.weekReport .weekReportContent .label {position:absolute;top:5px;left:5px;}
.weekReport .weekReportContent .btn {position:absolute;top:5px;left:5px;}
.weekReport .weekReportContent .weekReportContentList {padding-top:25px;}
.weekReport .weekReportContent .weekReportContentList ul {}
.weekReport .weekReportContent .weekReportContentList ul li i {color:#e07123;}
.weekReport .weekReportContent .weekReportContentList ul li {display:block;min-height:24px;}
.weekReport .weekReportContent .weekReportContentList ul .contentsHover {display:block;padding:3px 5px;width:150px;max-width:90%;word-wrap: normal !important;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.weekReport .tHead .contentTableThCell {font-weight:700;border-bottom:1px solid #ddd;}
.weekReport .tHead .contentTableTdCell {font-weight:700;border-bottom:2px solid #ddd;border-top:1px solid #ddd;color:#000;}
#detailArea .contentTable .contentTableThCell,
#editArea .contentTable .contentTableThCell {width:120px;}

/* 파일 첨부 */
.addFileInput {opacity:0;width:0;height:0;}
.addComList {margin:0;padding:0;}
.addComList li {max-width: 120px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;float: left;background: #f4f4f4;border-radius: 16px;color: #555;box-sizing: border-box;padding: 8px 32px 8px 8px;margin: 0 4px 4px 0;}
.addComList li em {font-size:11px;color: #999;}
.addComList li a {position: absolute;right: 6px;top: 6px;width: 20px;height: 20px;background: #6a6a6a;line-height: 20px;color: #fff;text-align: center;border-radius: 50%;}

.addComList:after {content:"";display:block;clear:both;}
.addRelComList {margin:0;padding:0;}
.addRelComList li {text-overflow: ellipsis;overflow:hidden;white-space:nowrap;position:relative;border:1px solid #ddd;background:#f9f9f9;box-sizing:border-box;padding:4px 18px 4px 4px;margin:0 4px 4px 0;}
.addRelComList li em {font-size:11px;color: #999;}
.addRelComList li a {position:absolute;right:0;width:16px;height:16px;line-height:16px;text-align:center;}
.addRelComList:after {content:"";display:block;clear:both;}

.addListWrap {padding:0 0 0 0;border-top:0px solid #eee;}
.addListWrap .addList li {max-width: 120px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;float: left;background: #f4f4f4;border-radius: 16px;color: #555;box-sizing: border-box;padding: 8px 32px 8px 8px;margin: 0 4px 4px 0;}
.addListWrap .addList li em {font-size:11px;color: #999;}
.addListWrap .addList li a {position: absolute;right: 6px;top: 6px;width: 20px;height: 20px;background: #6a6a6a;line-height: 20px;color: #fff;text-align: center;border-radius: 50%;}
.addListWrap .appStep li:after {position:absolute;right: 6px;top: 6px;content:'\f105';font-family:FontAwesome;font-weight:700;border-radius: 50%;color:#6a6a6a;width: 20px;height:20px;line-height:20px;text-align:center;}
.addListWrap .appStep li:last-child,
.addListWrap .appStep li:last-child:hover {padding-right:8px;}
.addListWrap .addList li:last-child:after,
.addListWrap .appStep li:last-child:after {content:'';width: 0;height:0;}
.addListWrap .appStep li {max-width: 100%;}
.addListWrap .addList:after {content:"";display:block;clear:both;}
.addFileInfoWrap span.num {margin:0 3px 0 1px;font-weight: 400;}
.addFileInfoWrap span.num em {font-weight:700;color:#00ba2e;}
.addFileInfoWrap .btn-addFileAllSave {text-decoration:underline;}
.viewInfoWrap {width:200px;border-radius:2px;}
.viewInfoWrap h3 {font-size:12px;font-weight:700;padding:10px;border-bottom:1px dashed #ddd;}
.viewInfoWrap ul {padding:10px;}
.viewInfoWrap ul li {padding:5px;font-size:12px;}

/* tab menu */
.tab_box{margin-top:10px;}
.tab_box ul{padding:0px;margin:0px;border-bottom:1px solid #dbdee1;list-style:none}
.tab_box ul li{float:left;height:42px;line-height:42px;border-top:1px solid #dbdee1;border-right:1px solid #dbdee1;background:#f6f6f6;text-align:center}
.tab_box ul li:first-child{margin-left:0px;border-left:1px solid #dbdee1}
.tab_box ul li.active{height:42px;line-height:42px;border-top:2px solid #000;}
.tab_box ul li a{padding:0 15px;color:#7e7e7e;display:block;font-size:12px;font-weight:300;text-decoration:none}
.tab_box ul.fixed li a{display:block;width:100px;padding:0}
.tab_box ul li.active a{color:#333;height:41px;position:relative;font-weight:700;background:#fff}
.tab_box ul li.active a:after{position:absolute;z-index:99;bottom:0;left:0;content:'';width:100%;height:2px;background:transparent}
.tab_box ul:after {content:'';display:block;clear:both;}
.tab-content .panel {border:0;}
.tab_box.tab-sm ul li {height: 28px;line-height: 28px;}
.tab_box.tab-sm ul li.active {height: 28px;line-height: 28px;}
.tab_box.tab-sm ul li.active a {height: 28px;}

.tab_box2 {border-bottom:1px solid #ddd;background:#f9f9f9;padding:0 10px;}
.tab_box2 ul {padding:0px;margin:0px;}
.tab_box2 ul li {width:50%;float:left;}
.tab_box2 ul li a{display:block;padding:10px;text-align:center;}
.tab_box2 ul:after {content:"";display:block;clear:both;}
.tab_box2 ul li.active a {font-weight:700;border-bottom:2px solid #1b3964;color:#1b3964;}
.h-tabBox {margin:0;padding:0;}
.h-tabBox li {display:block;}
.h-tabBox li a {display:block;padding:10px;position:relative;}
.h-tabBox li a:hover {text-decoration:underline;background:#f1f9f7;border-radius:4px;}
.h-tabBox li.current a {font-weight:700;background:#21b384;border-radius:4px;color:#fff;}
.h-tabBox li.current a:after {content:'\f054';font-family:FontAwesome;position:absolute;right:5px;}

.tab_round_box{padding:0;}
.tab_round_box ul{padding:0px;margin:0px;list-style:none}
.tab_round_box ul li{float:left;margin-right:5px;background:#f6f6f6;border:1px solid #ddd;text-align:center;border-radius:20px;}
.tab_round_box ul li:first-child{}
.tab_round_box ul li.active{background:#fff;border:1px solid #1b3964;}
.tab_round_box ul li a{padding:10px 20px;color:#7e7e7e;display:block;font-size:12px;font-weight:500;text-decoration:none}
.tab_round_box ul li.active a{color:#333;position:relative;font-weight:700;}
.tab_round_box ul:after {content:'';display:block;clear:both;}



.userWrap {padding:8px;border:1px solid #ddd;float:left;width:50%;box-sizing:border-box;margin:0 0 0 -1px;}
.ellipsis{ float: left;max-width: 80%;text-overflow: ellipsis;/* letter-spacing: -1px; */overflow: hidden;white-space: nowrap;}
.ellipsis2 {max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.addFileWrap {margin:0;padding:0;line-height:normal;}
.addFileWrap .addFileList {margin:0;padding:0;}
.addFileWrap .addFileList li {border:1px solid #ddd;background:#fff;padding:8px;margin:-1px 0 0 0;position:relative;}
.addFileWrap .addFileList li a {display:inline-block;}
.addFileWrap .addFileList li:after {content:'';display:block;clear:both;}
.addFileWrap .addFileList li:first-child {margin-top:8px;}
.addFileWrap .thumType {margin:0 -15px 0 0;padding:0;}
.addFileWrap .thumType li {float:left;margin:0 0 0 0;margin-top:8px;border:0px solid #ddd;padding:0px;}
.addFileWrap .thumType .thumTypeWrap {position:relative;margin:0 15px 7px 0;padding:0px;border:0px solid #ddd;}
.addFileWrap .thumType li .thumTypeWrap a {display:block;overflow:hidden;height:150px;border:1px solid #ddd;border-bottom:0;}
.addFileWrap .thumType li a img {width:100%;}
.addFileWrap .thumType li .btn-del {color:#000;background:rgba(255,255,255,.4);position:absolute;right:1px;top:1px;width:20px;height:20px;line-height:20px;text-align:center;}
.addFileWrap .thumType:after {content:'';display:block;clear:both;}
.addFileWrap .btn-file-add {display:inline-block;padding:5px 10px;border-radius:2px;}
.dropFileArea {cursor:pointer;position:relative;}
.dropFileArea i {font-size:20px;}

.addFileWrap .addFileBtn {padding:10px 0;}

/* button */
.btn-area {padding:20px 0;border-top:0px solid #eee;text-align:right;}
.btn-area2 {padding:50px 0;border-top:0px solid #eee;text-align:right;}
.btn-small-default {padding:7px 10px 6px 10px;/* font-size:12px;background: #e6eaef;border: 1px solid #b1bfd4; */}
.btn-icon {font-size:14px;padding:5px 10px;border:1px solid #ddd;background:#fff;line-height:20px;}
.btn-icon em {font-size:11px;}
.btn-txt {font-size:12px;padding:5px 8px;border:1px solid #ddd;background:#fff;line-height:20px;}
.btn-help{font-size:14px;padding:4px;border:1px solid #f9f9f9;background:#f9f9f9;line-height:16px;}
.btn-default {}
.btn-s {width:20px;height:20px;line-height:20px;font-size:18px;color:#ff7800;background:#fff;}
.btn-big-create {font-size:26px;background:#ff7600;color:#fff;border:1px solid #ff7600;padding:20px 30px}
.btn-create {min-width:80px;background:#ff7600;color:#fff;border:1px solid #ff7600;}
.btn-create:hover {background:#ff9600;color:#fff;border:1px solid #ff7600;}
.btn-more {font-size:26px;background:#eee;color:#bbb;border:1px solid #eee;padding:20px 30px}
.btn-del {width:20px;height:20px;line-height:20px;text-align:center;display:block;}
.btn-modify {border:1px solid #ff7800;color:#fff;background:#ff7800;}
.btn-modify:hover, .btn-modify:focus {border:1px solid #ff7800;color:#fff;background:#ff7800;}
.btn-delete {border:1px solid #9e0b0f;color:#fff;background:#9e0b0f;}
.btn-delete:hover, .btn-delete:focus {border:1px solid #9e0b0f;color:#fff;background:#9e0b0f;}
.btn-search {min-width: 32px;height:32px;text-indent: -9999px;position: relative;border: 1px solid #dadada;background: #fff;margin-left:-6px;}
.btn-search:after {position:absolute;content:"\f002";left:0;top:0;font-size:14px;width:32px;height:32px;line-height:32px;display:block;color:#ff7800;font-family:FontAwesome;text-indent:0;}
.btn span.badge {background:#999;}
.btn-round {background:transparent;font-size:14px;color:#000;}
.btn-round:hover {background:#eee;}

.n_select_b {border: #dadada solid 1px;height: 32px;color: #858585;box-sizing: border-box;line-height: 1.45;/* -webkit-appearance: none; */-webkit-border-radius: 0;}
.n_input_b {height:32px;border-radius:2px;border: #dadada solid 1px; background: #fcfdfe;box-sizing: border-box;padding: 4px 0;padding-left:4px;color: #444;-webkit-appearance: none;-webkit-border-radius: 0;}
.input_focus:focus {width:200px;transition: 0.5s;}
.inDisabled {background:#f4f4f4!important;}
.inputWrap {position:relative;line-height:32px;}
.inputWrap .n_selectType_l {-webkit-border-radius: 0;outline:0;-webkit-transition: right .3s ease-in-out;-o-transition: right .3s ease-in-out;transition: right .3s ease-in-out;border:0;border-bottom: #e8e8e9 solid 1px;box-sizing: border-box;padding: 8px 0;padding-left:4px;color: #444;}
.inputWrap .n_selectType_l:focus {background:#f1f3f4;}
.inputWrap .n_selectType_l ~ .border {position: absolute;bottom: 0;left: 0; width: 0;height: 2px;background-color: #1077e6;}
.inputWrap .n_selectType_l:focus ~ .border {  width: 100%;  transition: 0.3s;}

.inputWrap .n_inputType_l {-webkit-appearance: none;-webkit-border-radius: 0;outline:0;-webkit-transition: right .3s ease-in-out;-o-transition: right .3s ease-in-out;transition: right .3s ease-in-out;border-bottom: #e8e8e9 solid 1px;box-sizing: border-box;padding: 8px 0;padding-left:4px;color: #444;}
.inputWrap .n_inputType_l:focus {background:#f1f3f4;}
.inputWrap .n_inputType_l ~ .border {position: absolute;bottom: 0;left: 0; width: 0;height: 2px;background-color: #1077e6;}
.inputWrap .n_inputType_l:focus ~ .border {  width: 100%;  transition: 0.3s;}
.inputWrap .n_inputType_l[readonly] {background:#f4f4f4!important; color: #999;}
.inputWrap .n_inputType_l[disabled] {background:#f4f4f4!important; color: #999;}


/* 회사검색 자동완성 */
.inputWrap .companyNameList {box-sizing:border-box;border-radius:0 0 3px 3px;border:0px solid #dadada;box-shadow: 0 1px 15px rgba(0,0,0,.2);z-index:100;display:none;position:absolute;background:#fff;top:33px;left:0;width:100%;height:150px;overflow:hidden;overflow-y:auto;}
.inputWrap .companyNameList ul li {padding:8px 10px;border-bottom:0px solid #dadada;}
.inputWrap .companyNameList ul li span.mark {font-weight:700;color:#000;text-decoration:underline;padding:0;background:transparent;}
.inputWrap .companyNameList ul li button.btn-sm {padding:0 4px;}
.inputWrap .companyNameList ul li:hover {background:#f9f9f9;}/* background:#f9f4d4; */
.inputWrap .companyNameList ul li:last-child {border-bottom:0;}
.inputWrap .companyNameList ul li:after {content:"";display:block;clear:both;}
.inputWrap .personNameList {box-sizing:border-box;border:1px solid #dadada;z-index:100;display:none;position:absolute;background:#fffdeb;top:33px;left:0;width:100%;height:170px;overflow:hidden;overflow-y:auto;}
.inputWrap .personNameList ul li {padding:8px 10px;border-bottom:0px solid #dadada;}
.inputWrap .personNameList ul li span.mark {font-weight:700;color:#000;}
.inputWrap .personNameList ul li button.btn-sm {padding:0 4px;}
.inputWrap .personNameList ul li:hover {background:#f9f4d4;}
.inputWrap .personNameList ul li:last-child {border-bottom:0;}
.inputWrap .personNameList ul li:after {content:"";display:block;clear:both;}
.datepickerWrap {position:relative;}

/* 말풍선 */
/*클릭 도움말*/
.showTooltip { position:relative; }
.showTooltip .tooltip_box {display:none;text-align:left;border-radius:4px;background:#fff; border:#888 solid 0px;box-shadow: 0 1px 10px rgba(0,0,0,.125), 0 1px 15px rgba(0,0,0,.2); z-index:2; position:absolute; font-weight:normal; }
.showTooltip h3.title { color:#3456b1; font-weight:bold; text-align:left;padding:10px 10px 0 10px;font-size:12px;}
.showTooltip h3.titleLine { border-bottom:#939fad solid 2px; color:#3456b1; margin-bottom:12px; padding-bottom:7px; }
.showTooltip .intext { display:block; color:#737373;}
.showTooltip .intext .itemList {padding:3px 0;}
.showTooltip .intext .itemList:hover {background:#f9f9f9;}
.showTooltip .intext .itemList.on {background:#f9f9f9;}
.showTooltip .p_title { color:#3456b1; font-weight:bold; margin-bottom:10px; text-align:left; }
.showTooltip #joinMemberList { padding:0px; left:65px; top:24px; width:450px;z-index:1000;} /* 참여자수신확인목록 */
.showTooltip #joinReferList { padding:0px; left:65px; top:24px; width:450px;z-index:1000;}
.showTooltip .wrap_autoscroll { overflow-y:auto; overflow-x:hidden; max-height:200px; padding:10px; }
.showTooltip .wrap_autoscroll2 { overflow-y:auto; overflow-x:hidden; max-height:220px; padding:10px; }
.showTooltip .wrap_autoscroll ul li {padding:0 0;}
.showTooltip .wrap_autoscroll ul li .statusLabel {color:#fff;display:block;}
.showTooltip .wrap_autoscroll ul.selectUserType li {padding:4px 0;}



/* table */

#fixTable {width: 100%;}
.new_tb_list {width:100%;border-collapse: separate;}
.new_tb_list thead th {vertical-align: bottom;padding:10px 8px;color: #000;border-bottom:2px solid #eee;line-height:26px;}
.new_tb_list tbody td {border-bottom:1px solid #eee;vertical-align: middle;padding:8px;line-height:26px;color: #000;}
.new_tb_list tfoot td {background:#f2f4f7;box-sizing:border-box;font-size:12px;padding: 8px 4px;color: #6d6c74;letter-spacing: -0.5px;line-height: 16px;cursor: pointer;border-right: 0;border-top: 0;border: #eee solid 1px;text-align: left;}
.new_tb_list tbody td:first-child {}
.new_tb_list tfoot td:first-child {font-weight:700;color:#000;}
.new_tb_list .textOverflow {float: left;max-width: 80%;text-overflow: ellipsis;letter-spacing: -1px;overflow: hidden;white-space: nowrap;}

.new_tb2_list {width:100%;}
.new_tb2_list thead th {box-sizing:border-box;padding: 4px 4px; font-size:12px;background: #f9f9f9;font-weight: bold;line-height: 16px;border-right: 0;border-bottom: #eee solid 1px;border-right: #d6dfe6 solid 1px;border-left: #d6dfe6 solid 1px;border-top: #d6dfe6 solid 1px; color: #000;text-align: left;}
.new_tb2_list tbody td {box-sizing:border-box;font-size:12px;padding: 8px 4px;color: #6d6c74;letter-spacing: -0.5px;line-height: 16px;cursor: pointer;border-right: 0;border-top: 0;border-bottom: #eee solid 1px;text-align: left;}
.new_tb2_list tfoot td {background:#f2f4f7;box-sizing:border-box;font-size:12px;padding: 8px 4px;color: #6d6c74;letter-spacing: -0.5px;line-height: 16px;cursor: pointer;border-right: 0;border-top: 0;border: #eee solid 1px;text-align: left;}
.new_tb2_list tbody td:first-child {}
.new_tb2_list tfoot td:first-child {font-weight:700;color:#000;}
.new_tb2_list .textOverflow {float: left;max-width: 80%;text-overflow: ellipsis;letter-spacing: -1px;overflow: hidden;white-space: nowrap;}

/* left asider */
.aside-left-container, .control-snb-bg {top: 0;left: -200px;width: 200px;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.aside-left-container {position: absolute;top: 120px;bottom:0;z-index:11;}
.aside-left-container .aside-left-inner {padding-top:0;background: #222d32;padding-bottom:40px;overflow-y:auto;}
.aside-left-container .aside-left-inner .aside-left-row {}
.aside-left-orgList {max-height:400px;overflow:hidden;overflow-y:auto;}


.control-snb-bg {position: fixed;z-index: 1000; bottom: 0;background:#222d32;z-index:9;transform: translateX(-100%);transition: .3s ease-in-out;}
.aside-left-container{background:#222d32;width:200px; position:absolute;padding:0;padding-bottom:40px;z-index:999;transform: translateX(-100%);transition: .3s ease-in-out;}
.aside-left-container .Snb_title { color:#fff; font-size:20px;background:#1a2226; letter-spacing:-0.08em; font-weight:bold;margin-bottom:0px; border-bottom:#999 solid 0px;padding:30px 0 20px 20px; }
.aside-left-container .Snb_List li {position:relative;}
.aside-left-container .Snb_List li a {position:relative;letter-spacing:-0.05em; vertical-align:middle;; color:#808080; padding:8px 0 8px 20px; display:block; }
.aside-left-container .Snb_List>li>a {padding:12px 5px 12px 15px;;font-size:12px;color:#b8c7ce;background:#1e282c;position:relative;}
.aside-left-container .Snb_List li.current a {border-bottom:0; background:#1e282c; color:#fff;font-weight:700;}
.aside-left-container .Snb_List li.current>a:after {content: "\f107";font-family: FontAwesome;position: absolute;top: 16px;right: 12px;line-height: 10px;}
.aside-left-container .Snb_List li.current .Snb_de_List { display:block; }
.aside-left-container .Snb_List li.open_mn a {border-bottom:0;color:#b8c7ce; font-weight:300;}
.aside-left-container .Snb_List li.open_mn>a:after {content: "\f107";font-family: FontAwesome;position: absolute;top: 16px;right: 12px;line-height: 10px;}
.aside-left-container .Snb_List li.close_mn a {color:#b8c7ce; font-weight:300;}
.aside-left-container .Snb_List li.close_mn a:after {content: "\f106";font-family: FontAwesome;position: absolute;top: 16px;right: 12px;line-height: 10px;}
.aside-left-container .Snb_List li.current_single>a {position:relative; background:#2c3b41; color:#fff;font-weight:700;}
.aside-left-container .Snb_List li.current_single>a:after {content: "\f105";font-family: FontAwesome;position: absolute;top: 16px;right: 12px;line-height: 10px;}
.aside-left-container .Snb_List .Snb_de_List {padding:0;}
.aside-left-container .Snb_List .Snb_de_List li a {background:#2c3b41;color:#b8c7ce;display:block; font-weight:normal;position:relative;padding-left:34px;}
.aside-left-container .Snb_List .Snb_de_List li a:after {content: "\f10c";font-family: FontAwesome;position: absolute;top: 12px;left: 18px;line-height: 10px;}
.aside-left-container .Snb_List .Snb_de_List li a.current {position:relative;color:#fff;font-weight:700;}
.aside-left-container .Snb_List .Snb_de_List li a.current:after {content: "\f10c";font-family: FontAwesome;color:#fff;position: absolute;top: 12px;right: 18px;line-height: 10px;}
.aside-left-container .Snb_List .Snb_de_List li a {border-bottom:0;}
.aside-left-container .Snb_List .Snb_de_List li .btn-bookMark {position:absolute;right:5px;top:5px;color:#ddd;}
.aside-left-container .Snb_List .Snb_de_List li .btn-bookMark.on {color:#ff7800;}
.aside-left-container  .menuRipple {background:#ff7981;color:#fff!important;font-size:10px!important;vertical-align: inherit;line-height:16px;padding:0 4px;border-radius:2px;font-weight:300!important;}
.aside-left-container:before {content: " ";display: block;position: fixed;top: 0;bottom:0;z-index: -1;}
#container #IB_Snb .Snb_List li a:hover {color:#fff;}

.control-sub-open .aside-left-container{transform: translateX(100%);}
.control-sub-open .control-snb-bg {transform: translateX(100%);}
/* :not .aside-left-container {height: inherit;min-height: 100%;position: absolute;top: 120px;}
.control-sub-open .sub-container,
.control-sub-open .detailConWrap {margin-left:210px;}*/



/* right asider */

.aside-right-container{position: absolute;z-index:11;display:none;}
.aside-right-container {background:#222d32;top: 0;right:-230px;width: 230px;-webkit-transition: right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out;}
.aside-right-container .aside-right-inner {padding:0;color:#fff;background: #222d32;}
.aside-right-container .aside-right-tabs a {border-radius:0;}
.aside-right-container:before {content: " ";display: block;position: fixed;top: 0;z-index: -1;}
.nav-tabs.nav-justified > li {display: table-cell;width:1%;}
.nav-tabs.nav-justified > li > a {border-radius:0!important;border:0!important;}
.nav-tabs.nav-justified > li > a.active, .nav-tabs.nav-justified > li > a.hover {background:#444!important;}
.nav-tabs.aside-right-tabs>li>a, .nav-tabs.aside-right-tabs>li>a:hover, .nav-tabs.aside-right-tabs>li.active>a:focus  {background: #181f23;color: #b8c7ce;}
.nav-tabs.aside-right-tabs>li.active>a, .nav-tabs.aside-right-tabs>li.active>a:hover, .nav-tabs.aside-right-tabs>li.active>a:focus {background: #222d32;color: #fff;}
.aside-right-container .tab-content .aside-right-heading{font-weight: 400;font-size: 14px;padding: 10px;padding-left:20px;border-bottom:1px solid #444;margin-bottom: 10px;}
.aside-right-container .tab-content ul {margin:0;padding:0;}
.aside-right-container .tab-content ul li {color:#ddd;padding:8px 0 8px 20px;}
.aside-right-container .tab-content ul li label {display:inline-block;margin-left:5px;}
.aside-right-container .tab-content ul li a {display:block;color:#ddd;}
.aside-right-container .tab-content ul li:hover {background:#1c2529;}
.aside-right-orgList {max-height:400px;overflow:hidden;overflow-y:auto;}
.control-sidebar-bg { display:none;right:-230px;position: fixed;z-index: 1000; top: 0;bottom: 0;background:#222d32;z-index:9;width: 230px;-webkit-transition: right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out;}
.aside-right-inner .tab-content {display:block;padding:0;}
.control-sidebar-slide-open .aside-right-container,
.control-sidebar-slide-open .control-sidebar-bg,
.control-sidebar-slide-open .aside-right-container:before {}
.control-sidebar-slide-open .control-sidebar,
.control-sidebar-slide-open .aside-right-container+.control-sidebar-bg {right:0;display:block;}


.nav>li>a {font-size:16px;}
.nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background:#fff;}
.dropdown {background:transparent;}
.dropdown-menu {left:auto;}
.dropdown-menu>li>a {font-size:12px;color:#1b3964;padding:8px 20px;}
.dropdown ul.dropdown-menu {	border:0;border-radius:4px;box-shadow:none;margin-top:-1px;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);box-shadow: 0 2px 10px rgba(0,0,0,0.3);}
.dropdown ul.dropdown-menu:before {}
.dropdown ul.dropdown-menu:after {}
.right-nav>li>a>.label {position: absolute;top: 12px;right: 8px;text-align: center;font-size: 9px;padding: 2px 3px;line-height: .9;}
.badge-danger, .badge  {background:#dc3545;}
/* .navbar-nav>.user-menu>.dropdown-menu {width: 200px;} */
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {height: 175px;padding: 10px;text-align: center;}
.navbar-nav>.user-menu>.dropdown-menu>li a.btn-logout {/* background:#eee; */}
.user-menu .dropdown-toggle {padding:13px 8px;}
.user-menu .photo_aspect {background:#fff url(../images/common/bg_pf_noimg.png) no-repeat 0px 0px;background-size:30px 30px;}
.user-menu .photo_aspect img {max-width:100%;height:auto;}
.user-menu .dropdown-toggle .Profile_txt {font-size:12px;}
.navbar-nav>.relative-menu>.dropdown-menu {width: 200px;}
.right-nav {float: right;}
.main-header .top-logo {-webkit-transition: width .3s ease-in-out;-o-transition: width .3s ease-in-out;transition: width .3s ease-in-out;display: block;float: left;height: 56px;font-size: 20px;line-height: 56px;text-align: center;width: 200px;padding: 0;font-weight: 300;overflow: hidden;}
.main-header .top-logo a {display:block;height:56px;background:url(/images/login_logo.png) no-repeat center center;background-size:134px 38px;}
.main-header .navbar-custom-menu, .main-header .navbar-right { float: right;}
.main-header .navbar { -webkit-transition: margin-left .3s ease-in-out; -o-transition: margin-left .3s ease-in-out; transition: margin-left .3s ease-in-out; margin-right: 20px;margin-bottom: 0; margin-left: 200px; border: none; min-height: 56px;border-radius: 0;}
.topLeft {float:left;}
.main-header .sidebar-toggle {font-size:20px;display:none;color:#1b3964;float: left;background-color: transparent;background-image: none;padding: 13px 15px;font-family: fontAwesome;}
.main-header .sidebar-toggle:before {content: "\f0c9";}

.dropdown-menu.bg-info {max-width:350px;min-width:350px;}
.dropdown-menu > .dropdown-inner {padding:5px 0;}
.dropdown-menu > .dropdown-inner>.dropdown-items {padding:5px 8px;font-size:12px;color:#000;}
.dropdown-menu > .dropdown-inner>.dropdown-items .items-title {font-weight:500;min-width:68px;padding-right:5px;position:relative;}
.dropdown-menu > .dropdown-inner>.dropdown-items .items-title:after {content:":";position:absolute;right:6px;top:1px;width:2px;color:#888;}

/* 썸네일 card */
.cardWrap {margin-bottom:20px;}
.cardWrap .cardHeader {}
.cardWrap .cardBody {}
.cardWrap .cardFooter {background:#f8f9fa;padding:10px;}

/* 사용자 등록 */
.userProfileImgWrap {width:182px;margin:0 auto;margin-bottom:20px;position:relative;}
.userProfileImg {width:100%;height:182px;overflow:hidden;border:1px solid #ddd;border-radius:50%;}
.userProfileImg img {width:100%;}
.btn-addUserImg {position:absolute;left:50%;bottom:-21px;border-radius:50%;margin:0 0 0 -21px;width:42px;height:42px;line-height:42px;font-size:18px;border:1px solid #ddd;background:#fff;}
.userFileSetWrap {}
.userFileSetWrap .userFileSetCell {background:#f9f9f9;position:relative;border-radius:4px;border:1px solid #ddd;margin-bottom:20px;}
.userFileSetWrap ul {}
.userFileSetWrap ul li {/* width:20%;float:left;padding:0 0 20px 20px;box-sizing:border-box; */}
.userFileSetWrap ul li dl {}
.userFileSetWrap ul li dl dt {font-size:12px;padding:.75rem;color:#1b3964;border-bottom:0px solid #ddd;}
.userFileSetWrap ul li dl dd {padding:.75rem;text-align:center;}
.d-flex, .info-box, .info-box .info-box-icon {display: -ms-flexbox!important;    display: flex!important;}
.align-items-stretch {-ms-flex-align: stretch!important;align-items: stretch!important;}

/* 사용자 리스트 */
.userMgmtList {margin-left:-10px;}
.userMgmtList>li {padding-top:10px;}
#h_Profile_sBox { position:relative;}
.Profile_box { background:#fff;font-weight:normal;border:1px solid #ddd;border-radius:4px;}
.Profile_box .intext {display: block;padding:12px 15px 16px 103px;}
.Profile_box .com_person_name { background:#f8f9fa;border-bottom:1px solid #eee;padding:12px 15px 12px 102px; position:relative; border-top-left-radius:5px; border-top-right-radius:5px; }
.Profile_box .com_person_name .comname { color:#1b3964; margin-bottom:10px; }
.Profile_box .com_person_name em.class {font-style: normal;font-size: 11px;margin-left: 2px;background: #85cc8b;color: #fff;border-radius: 2px;padding: 0 2px;font-weight: 300; }
.Profile_box .com_person_name .per_name strong { color:#000;font-size:13px;}
.Profile_box .com_person_name .per_name span { color:#a8afbc; font-size:11px; margin-left:4px; }
.Profile_box .com_person_name .m_b_propic {background:#eee url(../images/common/bg_pf_noimg.png) no-repeat center center;background-size:69px 69px;/*  background-size:contain; */ width:69px; height:69px; display:inline-block; line-height:69px; position:absolute; left:15px; top:30px; border:#fff solid 3px; border-radius:50%; }
.Profile_box .com_person_name .m_b_propic img {max-width:100%;vertical-align:top;}
.Profile_box .dot_list_st02 { margin-bottom:7px; }
.Profile_box .dot_list_st02 li {line-height:16px; color:#333;padding-bottom:5px; }
.Profile_box .dot_list_st02 li span {min-width:50px;color:#999;display:inline-block;}
.Profile_box .btn_memo {width:102px; height:23px; display:inline-block; }
.Profile_box .btn_memo em {display:none;}

/* 사용자정보 툴팁 */
.profile_tooltip {width:360px;box-shadow:0 1px 15px rgba(0,0,0,0.125);position:relative;}
.profile_tooltip:before {border: solid transparent;border-bottom-color:#607d8b;content: ' ';height: 0;pointer-events:none;position:absolute;left:9px;top:-5px;width:0;}
.profile_tooltip:after {border: solid transparent;border-bottom-color:#dcefff;content: ' ';height:0;pointer-events:none;position:absolute;left:10px;top:-5px;width:0;}
.profile_tooltip:before {border-width: 6px;margin-top: -6px;}
.profile_tooltip:after {border-width: 5px;margin-top: -5px;}
.profile_tooltip .tooltipClosebtn {position:absolute;right:10px;top:10px;color:#555;z-index:1;}
.profile_tooltip .tooltipClosebtn:hover {color:#000;}
.profile_tooltip .com_person_name {background:#dcefff!important;}


/* 경영지원 근태관리 */
.attendanceStatusWrap {margin:0;padding:0;}
.attendanceStatusWrap dl {margin:0;padding:0;}
.attendanceStatusWrap dt {font-size:14px;padding:10px;border-bottom:1px solid rgba(0,0,0,.1);}
.attendanceStatusWrap .bg-info,
.attendanceStatusWrap .bg-primary,
.attendanceStatusWrap .bg-success,
.attendanceStatusWrap .bg-danger {border-radius:4px;}
.attendanceStatusWrap .bg-info dt {color:#24607d;}
.attendanceStatusWrap .bg-success dt {color:#268826;}
.attendanceStatusWrap .bg-danger dt {color:#a94442;}
.attendanceStatusWrap dt span.StatusCount {display:inline-block;padding-left:8px;border-left:1px solid rgba(0,0,0,.3);margin-left:10px;}
.attendanceStatusWrap dd {padding:10px;}
.attendanceStatusWrap dd span.stateType {display:inline-block;padding:0 10px 0 0;border-right:1px solid rgba(0,0,0,.1);}
.attendanceStatusWrap dd span strong {/* color:#000; */}

/* tree 직원별 */
.staffWrap {padding:10px;}
.staffWrap ul {}
.staffWrap ul li {padding-bottom:15px!important;}


.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-bottom:1px solid #ddd;padding:13px}
.bo_v_nb li:first-child {border-top:1px solid #ddd}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li> i {font-size:14px;color:#b3b3b3;margin-right:10px;}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}


/* 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;outline:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 10px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:block;width:15px;height:24px;position:relative;font-size:1.8em;color:#999;}
.cmt_btn span.cmt_more:after {content:"\f107";font-family:FontAwesome;text-align:center;}
.cmt_btn_op span.cmt_more:after {content:"\f106";font-family:FontAwesome;text-align:center;}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .cmType {float:left;margin-right:20px}
#bo_vc article .pf_img img {border-radius:50%;width:30px;height:30px;background:#eee;}
#bo_vc article .cm_wrap {float:left;width:90%}
#bo_vc article .cm_wrap .cm_list {border-top:1px solid #eee;padding-top:10px;}
#bo_vc article .cm_wrap .cm_list:first-child {border:0;padding-top:0;}
#bo_vc header {position:relative;width:100%}
#bo_vc header span {margin-right:5px;}
#bo_vc header span.sv_wrap {color:#000;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#bo_vc .cmt_contents span.replyUserN {color:#3a8afd;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

#app_vc {}
#app_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#app_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#app_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#app_vc article .profile_img img {border-radius:50%}
#app_vc article .pf_img {float:left;margin-right:10px}
#app_vc article .cmType {float:left;margin-right:20px}
#app_vc article .pf_img img {border-radius:50%;width:30px;height:30px}
#app_vc article .cm_wrap {float:left;width:90%}
#app_vc article .cm_wrap .cm_list {border-top:1px solid #eee;padding-top:10px;}
#app_vc article .cm_wrap .cm_list:first-child {border:0;padding-top:0;}
#app_vc header {position:relative;width:100%}
#app_vc header span {margin-right:5px;}
#app_vc header span.sv_wrap {color:#000;}
#app_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#app_vc header .profile_img {display:none}
#app_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#app_vc .member, #app_vc .guest, #app_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#app_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#app_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#app_vc p a {text-decoration:underline}
#app_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#app_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#app_vc .bo_vl_opt {position:absolute;top:0;right:0}


.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:80px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}
.btn_b01 {font-size:1.4em;color:#999;}
.btn_b01:hover {color:#333;}
.bo_v_tit {font-size:18px;padding:10px 0 20px 0;}
.bo_v_tit strong {font-size:18px;color:#000;word-break: break-all;margin: 20px 0 0;display:block;}
.bo_v_info {}
.bo_v_info .addFileList {margin-bottom:10px!important;}
.bo_v_info .colB {margin-right:10px;font-weight:700;line-height: 18px;vertical-align: middle;display: inline-block;}
.bo_v_info span.num {margin: 0 3px 0 1px;font-weight:400;}
.bo_v_info span.num em {font-weight:700;color:#00ba2e;}
.bo_v_info .ifDate {font-weight:300;}
.bo_v_file {}
.bo_v_con {padding:20px;}
.bo_v_con img {max-width: 100%;width: auto!important;height: auto!important;}


/* 전자결재 서식 썸네일 */
.docAllWrap {margin:0;padding:0;}
.docAllWrap .inlineBlock {display:inline-block;}
.docAllWrap .docAllHeader .alert-info .f_right button.on {color:#ff7800;}
button.btn-bookMark {font-size:14px;}
button.btn-bookMark.on {color:#ff7800;}
.officeDocWrap {padding:20px 0 0 0;}
.docSampleList .cardWrap {box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0 solid rgba(0,0,0,.125);border-radius: .25rem;}
.docSampleList .cardWrap .card-title {line-height:30px;float: left;font-size: 1.1em;font-weight: 700;margin: 0;}
.docSampleList .cardWrap .cardHeader {background-color: transparent;border-bottom: 1px solid rgba(0,0,0,.125);padding: .75rem 1.25rem;position: relative;border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
.docSampleList .cardWrap .cardHeader>.card-tools {float: right;margin-right: -.625rem;}
.docSampleList .cardWrap .cardHeader>.card-tools button {color:#ccc;}
.docSampleList .cardWrap .cardHeader>.card-tools button:hover {color:#333;}
.docSampleList .cardWrap .cardHeader>.card-tools button.on {color:#ff7800;}
.docSampleList .cardWrap .cardBody {overflow-x: hidden;padding: 8px;position: relative;-ms-flex:1 1 auto;flex:1 1 auto;}
.docSampleList .cardWrap .cardBody .docSampleImg {min-height:250px;background:url(../images/approve/sampleDoc.svg) no-repeat center center;}
.docSampleList .cardWrap .cardFooter {display:none;}
.docSampleList .cardWrap:hover {box-shadow: 0 0 1px rgba(0,0,0,.250), 0 1px 3px rgba(0,0,0,.4);}
.docSampleList .cardWrap:hover .card-title {color:#000;text-decoration:underline;}

.docViewWrap {width:1000px;margin:0 auto;border-radius:4px;padding: 75px 20px 0;position: relative;border:1px solid #333;border-top:double #333;}
.docViewWrap .doc_codenum {color: #7a7f85;font-size: 11px;position: absolute;left: 20px;top: 20px;}
.docViewWrap .print_h3title {font-size: 30px;letter-spacing: 0;text-align: center;line-height: 1.4;margin-bottom: 50px;}
.docViewWrap .doc_des_st {text-align: center;margin: 32px 0 95px;color: #3b4354;font-weight: bold;font-size: 15px;}
.docViewWrap .doc_des_st2 {text-align: center;margin: 32px 0 20px;color: #3b4354;font-weight: bold;font-size: 15px;}
.docViewWrap .docBottomCopy {border-top: #c6c6c6 solid 1px;text-align: center;color: #919096;padding: 9px 0 11px;letter-spacing: 0.1em;}
.docViewWrap .doc_read_check {position: absolute;right: 20px;top: 20px;}
.docViewWrap .printAreaLine {border-top:1px dotted #999;margin:10px 0;}
.docViewWrap .doc_singnlogo { padding:70px 30px 120px; color:#3b4354; text-align:right; }
.docViewWrap .doc_singnlogo .conaddress { font-size:15px; margin-bottom:18px; }
.docViewWrap .doc_singnlogo .comname { font-size:17px; margin-bottom:10px; margin-top:60px; font-weight:bold; }
.docViewWrap .doc_singnlogo .ceo { font-size:19px; margin:0 15px 0 20px; font-weight:bold; color:#202020; }
.docViewWrap .doc_singnlogo .sign_here { font-size:15px; }

#popWrapper .detailPopConWrap .container {padding:0 10px;}
#popWrapper .docViewWrap {width:100%;}
.signBoxWrap {margin-bottom: 48px;}
.signBoxWrap ul {margin:0;padding:0;}
.signBoxWrap ul li {float:left;width:90px;text-align:center;box-sizing:border-box;font-size:11px;margin:0 5px 5px 0;}
.signBoxWrap ul li dl {border:1px solid #ddd;border-radius:2px;}
.signBoxWrap ul li dt {background:#f9f9f9;font-weight:700;padding:5px 0;border-bottom:1px solid #ddd;position:relative;}
.signBoxWrap ul li dd {border-bottom:1px solid #ddd;padding:4px 0;}
.signBoxWrap ul li dd.sign_here {padding:15px 0;min-height:70px;}
.signBoxWrap ul li:last-child {margin-right:0;}
.signBoxWrap ul li:first-child dt {background:#eee;}
.signBoxWrap ul li dd:last-child {border-bottom:0;}
.signBoxWrap:after {content:"";display:block;clear:both;}
.userListWrap {overflow:hidden;overflow-y:auto;height:300px;}
.userListWrap ul {}
.userListWrap ul li {display:block;padding:10px;border-top:1px solid #ddd;}

/*결재라인요약*/
.docAappline { float:none; *zoom:1;  border-right:#ddd solid 0px; border-left:#ddd solid 0px; border-bottom:#ddd solid 0px; padding:10px;padding-top:0; }
.docAappline:after { content:""; display:block; clear:both; height:0; }
.appStepList { float:none; *zoom:1; }
.appStepList:after { content:""; display:block; clear:both; height:0; }
.appStepList li { float:left; margin-right:5px;height:16px;line-height:16px;padding-right:15px; color:#84888d; font-size:11px;position:relative;}
.appStepList li .current { font-weight:normal; color:#387cc8; margin-right:0px; text-decoration:underline; }
.appStepList li .state { color:#8a8e93; margin-left:3px; }
.appStepList li:after {position: absolute;right: 0;top:0;content: '\f105';font-family: FontAwesome;font-weight: 700;color: #000;width: 16px;height: 16px;line-height: 16px;text-align: center;}
.appStepList li:last-child { background:none; margin-right:0; padding-right:0px; }
.appStepList li:last-child:after {content:'';width: 0;height:0;}


/* 일정관리 */
.fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content {padding: 5px;margin-left: -1px;}
#contextMenu {position: absolute;display: none;z-index: 2;}
#contextMenu .dropdown-menu {border: none;min-width:120px;border-radius:4px;}
#contextMenu .dropdown-menu a {padding:8px 15px;}
#contextMenu .dropdown-menu li:last-child {border-top:1px solid #ddd;}
.fc-button {background: #f8f9fa;background-image: none;border-bottom-color: #ddd;border-color: #ddd;color: #495057;}
.fc-widget-header {background: #fafafa;}
#calendar .fc-toolbar h2 {font-size:24px;font-weight: 300;color: #000;}
.fc-toolbar .fc-right {}
.info-box {box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);border-radius: .25rem;display: -ms-flexbox;display: flex;margin-bottom: 0.5rem;min-height: 36px;padding:5px 8px;position: relative;}
.info-box .info-box-icon {border-radius: .25rem;-ms-flex-align: center;align-items: center;display: -ms-flexbox;display: flex;font-size: 1.6rem;-ms-flex-pack: center;   justify-content: center;text-align: center;width: 20px;}
.info-box .info-box-content {-ms-flex: 1;flex: 1;padding-left:10px;}
.info-box .info-box-text, .info-box .progress-description {font-weight:300;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-box .info-box-number {display:block;color:#af1e1e;font-weight:700;font-size:14px;}
.info-box.bg-warning:hover {background:#fdf3bd;}
.statusWrap {}
.statusWrap span.stateItem {display: inline-block;padding: 0 10px 0 0;border-right: 1px solid rgba(0,0,0,.1);}
.statusWrap span.stateItem:last-child {padding:0;border-right:0;}
.statusWrap .Type01 {color:#8361cb ;}
.statusWrap .Type02 {color:#e46442;}
.statusWrap .Type03 {color:#2a71db;}
.statusWrap .Type04 {color:#38c1d3;}
.statusWrap .Type05 {color:#41ca65;}
.statusWrap .Type06 {color:#dbb22a;}
.statusWrap .Type07 {color:#c6cf35;}
.statusWrap .Type08 {color:#b44eb7;}
.statusWrap .Type09 {color:#828282;}
.statusWrap .Type10 {color:#5994c4;}
.statusWrap .statusList {margin:0;padding:0;margin-top:0px;}
.statusWrap .statusList li {float:left;padding-top:5px;min-width:125px;}
.statusWrap .statusList:after {content:"";display:block;clear:both;}
.fc-widget-content .fc-event {border:0!important;font-size:11px;}
.fc-widget-content .fc-type01 {background:#8361cb;}
.fc-widget-content .fc-type02 {background:#e46442;}
.fc-widget-content .fc-type03 {background:#2a71db;}
.fc-widget-content .fc-type04 {background:#38c1d3;}
.fc-widget-content .fc-type05 {background:#41ca65;}
.fc-widget-content .fc-type06 {background:#dbb22a;}
.fc-widget-content .fc-type07 {background:#c6cf35;}
.fc-widget-content .fc-type08 {background:#b44eb7;}
.fc-widget-content .fc-type09 {background:#828282;}
.fc-widget-content .fc-type10 {background:#5994c4;}
.fc-widget-content .fc-type-start {background:#337ab7;}
.fc-widget-content .fc-type-end {background:#777;}
.input-groupWrap {position:relative;display:inline-block;}

/* 업무일지 */
.statusWrap {}
.statusWrap .stateItem {display: inline-block;padding: 0 10px 0 0;border-right: 0px solid rgba(0,0,0,.1);}
.statusWrap .Type01 {color:#8361cb ;}
.statusWrap .Type02 {color:#e46442;}
.statusWrap .Type03 {color:#2a71db;}
.statusWrap .Type04 {color:#38c1d3;}
.statusWrap .Type05 {color:#41ca65;}
.statusWrap .Type06 {color:#dbb22a;}
.statusWrap .Type07 {color:#c6cf35;}
.statusWrap .Type08 {color:#b44eb7;}
.statusWrap .Type09 {color:#828282;}
.statusWrap .Type10 {color:#5994c4;}
.statusWrap .stateItem strong {color:#2a71db;}
.workWrap {padding:0;border-radius:4px;}
.workItem {border-radius:4px;border:1px solid #eee;background:#fff;padding:5px 8px;margin:0 0 5px 0;position:relative;padding: .5rem;/* box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); */}
.workItem dl dt {color:#000;padding:0 0 5px 0;line-height:24px;font-weight:400;}
.workItem dl dt .edit-tool {display:none;}
.workItem dl dt p {display:inline;}
.workItem .comCount {color:#ff7800;}
.workItem dl:hover .edit-tool {display:block;}
.workItem:hover {cursor:pointer;}
.workItem:hover .ellipsis {text-decoration:underline;}

.workTeamWrap {padding:0;border-radius:4px;}
.workTeamItem {border-radius:4px;border:1px solid #eee;border-left:4px solid #eef6ff;background:#eef6ff;padding:5px 8px;margin:0 0 5px 0;position:relative;padding: .5rem;/* box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); */}
.workTeamItem dl dt {color:#000;padding:0 0 5px 0;line-height:24px;font-weight:400;}
.workTeamItem dl dt .edit-tool {display:none;}
.workTeamItem .comCount {color:#ff7800;}
.workTeamItem dl:hover .edit-tool {display:block;}
.workTeamItem:hover {cursor:pointer;}
.workTeamItem:hover .ellipsis {text-decoration:underline;}

.workShareWrap {padding:0;border-radius:4px;}
.workShareItem {border-radius:4px;border:1px solid #eee;background:#fff;padding:5px 8px;margin:0 0 5px 0;position:relative;padding: .5rem;/* box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); */}
.workShareItem dl dt {color:#000;padding:0 0 5px 0;line-height:24px;font-weight:400;}
.workShareItem dl dt .edit-tool {display:none;}
.workShareItem .comCount {color:#ff7800;}
.workShareItem dl:hover .edit-tool {display:block;}
.workShareItem:hover {cursor:pointer;}
.workShareItem:hover .ellipsis {text-decoration:underline;}

/* 팀업무 */
.workItemContainer {border:0px solid #ddd;background:#fff;padding:0px;position:relative;}
.workItemContainer .workTeamItem {padding:10px;}
.workItemContainer div.teamWorkDate {position:absolute;left:0;top:10px;width:50px;height:50px;line-height:50px;font-weight:700;font-size:14px;text-align:center;color:#000;border-radius:50%;background:#eee;}
.workItemContainer div.teamWorkDate.active {background:#8fd0ff;color:#105998;}
.workItemContainer dl {position:relative;}
.workItemContainer dl dt {color:#000;margin:0 0 0 0;line-height:24px;font-weight:400;}
.workItemContainer dl dt .edit-tool {display:none;}
.workItemContainer dl dt:hover .edit-tool {display:block;}
.workItemContainer dl dd {padding-bottom:2px;}
.workItemContainer dl dd:last-child {padding-bottom:0;}
.workItemContainer {background:#fff;}
.workItemContainer .workTeamItem:hover {background:#e5effd;border-left:4px solid #87baf9;}
.workItemContainer .workTeamItem.active {background:#deedff!important;border-left:4px solid #87baf9;}
.workItemContainer .workTeamItem:last-child {}


.card-body .workListWrap li {border-bottom:1px solid #eee;}
.card-body .workListWrap li:last-child {border-bottom:0;}
.card-body .workList {background:transparent;padding:8px;margin:0 0 5px 0;}

.personalType {border-left:4px solid #ddd;background:#fff;}
.teamType {border-left:4px solid #87baf9;background:#eef6ff;}
.scheduleType {border-left:4px solid #666;background:#fff;}
.shareType {border-left:4px solid #ddd;background:#fff;}
.memoType {border-left:4px solid #fbcd56;background:#fff;}
.memoType .memoIcon {color:#fece07;}
.workTeamItem.noRead,
.workItem.noRead {background:#fff9eb/* rgba(0,0,0,.125) */;}

.nav-tabs >li> a {font-size:12px;}
.nav-tabs > li.active > a{color: #000;font-weight:700;}
.nav-tabs >li> a .badge {}


.scheduleType .scheduleIcon {color:#666;}
.card {position: relative;	display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;border-radius: .25rem;border:1px solid #ededed;margin-bottom: 4px;}
.card .card-header {background-color: transparent;border-bottom: 0px solid rgba(0,0,0,.125);padding: .75rem 1.25rem;position: relative;border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
.card .card-title {float: left;font-size: 14px;font-weight: 400;margin: 0;}
.card .card-title .itemCount {font-size:12px!important;color:#999!important;margin-left:10px;border-left:1px solid #ddd;padding-left:10px;}
.card .card-title .itemCount i {font-weight:700;font-style:normal;}
.card .card-header>.card-tools {float: right;margin-right: -.625rem;}
.card .card-header>.card-tools .btn-group-xs > .btn {height:20px;font-size:11px;}
/* .card .card-body {background:#fff;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem;min-height:120px;} KJS */
.card .card-body .subSectionTitleSecond {border-bottom:0;line-height: 20px;padding:0 0 0 0;}
.card .card-body .card-inner {min-height:120px;}
.card .card-body .teamUserReg {padding:10px 0 0 0;background:#fff;border:0px solid #bfcada;border-radius:0px;}
.card .btn-tool, .card .btn-searchToggle, .card .btn-bars {background:transparent;color: #999;font-size:14px;height:20px;width:20px;line-height:20px;}
.card .btn-tool:hover, .card .btn-searchToggle:hover,  .card .btn-bars:hover {color: #bd0000;background:none;}
.card .card-body::after, .card .card-footer::after, .card .card-header::after {display: block;clear: both;content: "";}
.card.collapsed-card .card-body,
.card.collapsed-card .card-footer {display:none;}
.card.today, .card.noRead {background:#e7f0fb;border-top: 2px solid #1b3964;}
.card.memoFixed {background:#e7f0fb;border-top: 2px solid #1b3964;}
.card.contentOn {background:#eee;}
.card.today .card-body, .card.noRead .card-body, .card.memoFixed .card-body, .card.contentOn .card-body {background:#f9f9f9/* #f4f6f9 */;}
.card.today .card-title, .card.noRead .card-title, .card.contentOn .card-title {color:#000;font-size:14px;font-weight:700;/* background: #8fd0ff;color: #105998;padding:4px 10px;border-radius:16px; */}
.card .card-title.df_saturday {color:#1d5eb7;}
.card .card-title.df_sunday {color:#f26969;}
.card .card-title.NoRead {color:#f26969;font-weight:700;}
.card .card-header.contView {border-bottom:1px solid #ddd;color:#000;}
.card .card-body.contView {background:#fff;}
.card .card-footer {padding:20px;border-top:1px solid #eee;}
.trainingList .training {background:#f9f9f9;}
.trainingList .training a {font-size:14px;color:#666;font-weight:300;}
.trainingList .training.active {background:#f9f9f9;}
.trainingList .training.active a {font-size:14px;text-decoration:underline;color:#337ab7;font-weight:600;}
.trainingList .section-header {background:#f4f4f4;}
.trainingList .training.active.complete {background:#f2dede;border-color:#f0d7d7;}
.trainingList .card-header .card-title {font-size:16px;color:#000;}
.trainingList .training.disabled {background:#ddd;cursor:not-allowed;}
.trainingList .training.disabled a, .trainingList .training.disabled button {cursor:not-allowed;}
.sop-file-list {}
.sop-file-list .add-file {display:block;padding:10px;border:1px solid #c8defa;background:#f4f9fe;color:#114f9f;position:relative;border-radius:3px;}
.sop-file-list .add-file i {position:absolute;right:10px;top:15px;}
.sop-file-list .add-file:hover {background:#e8f2ff;color:#042d62;}
.boxShadow {/* box-shadow: 0 1px 6px rgba(0,0,0,.125); */}
.dashSection {border-radius:2px;}
.dashSection .card-body{background:#fff;}
.dashSection .card-body .graphAreaWrap {min-height:300px;background:#f9f9f9;}
.dashSection .chartColWrap {padding:10px 0;}
.dashSection .chartColWrap .chartCol {display:inline-block;padding:0 10px;font-weight:600;}
.dashSection .chartColWrap .chartCol span {color:#000;}
.dashSection .chartColWrap .chartCol:nth-child(1) {color:rgba(124, 181, 236,1);}
.dashSection .chartColWrap .chartCol:nth-child(2) {color:rgba(67, 67, 72,1);}
.dashSection .chartColWrap .chartCol:nth-child(3) {color:rgba(144, 237, 125, 1);}
.dashSection .chartColWrap .chartCol:nth-child(4) {color:rgba(247, 163, 92, 1);}


/* 업무메모 */
.communiBox {float:none; *zoom:1; margin-left:10px;margin-top:10px; position:relative;}
.communiBox:first-child { margin-top:0px; }
.communiBox:last-child { margin-bottom:20px; }
.communiBox:after { content:""; display:block; clear:both; height:0; }
.communiBox span.useProfileSpan {position:absolute;top:8px;left:0;}
.communiBox .pic { background:url(../images/common/bg_pf_noimg.png) no-repeat center center;background-size:30px 30px; width:30px; height:30px; border-radius:50%;display:inline-block; }
.communiBox .pic img { width:30px; height:30px; border-radius:50%; }
.communiBox .conBox { margin-left:36px; /* margin-top:-47px;  */padding-right:10px; }
.communiBox .conBox li { float:left; clear:both; margin-bottom:10px; }
.communiBox .nametime { vertical-align:middle; margin-top:5px; padding-left:3px; margin-bottom:3px!important; }
.communiBox .nametime strong { vertical-align:middle; font-weight:bold; color:#262b33;  letter-spacing:-0.5px; }
.communiBox .nametime span { font-weight:normal; color:#979fac; font-size:11px; vertical-align:middle; margin-left:5px; }
.communiBox .nametime span:first-child { margin-left:0px; }
.communiBox .nametime strong + .communiBox .nametime span { margin-left:10px; }
.communiBox .nametime .count_unconfirmed {color:#e95c1e;letter-spacing:-1px;}
.communiBox .nametime .count { color:#e95c1e; font-weight:bold; position:relative;margin-left:0;cursor:pointer;}
.communiBox .nametime .count .count_list {display:none;position:absolute;top:13px;left:2px;border:1px solid #174583;z-index:10;min-width:180px;padding:5px;background:#f1f7ff;border-radius:0 4px 4px 4px;margin-bottom:10px;}
.communiBox .nametime .count .count_list i  {color:#194e98;max-height:250px;overflow:hidden;overflow-y:auto;display:block;font-style:normal;line-height:150%;}
.communiBox .bubble {box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);float:left;color:#000; background:#fff; border:#cacdd0 solid 0px; border-radius:3px; padding:6px 8px 7px; line-height:16px; position:relative; text-align:left; word-break:break-all; }
.communiBox .bubble.replayItem .originItem {color:#999;font-size:11px;}
.communiBox .bubble .reUserName em {color:#999;font-size:11px;}
.communiBox .bubble:before {border: solid transparent;border-right-color: #ddd;content: ' ';height: 0;pointer-events: none;position: absolute;right: 100%;top: 12px;width: 0;}
.communiBox .bubble:after {border: solid transparent;border-right-color: #fff;content: ' ';height: 0;pointer-events: none;position: absolute;right: 100%;top: 11px;width: 0;}
.communiBox .bubble:before {border-width: 6px;margin-top: -6px;}
.communiBox .bubble:after {border-width: 5px;margin-top: -5px;}
.communiBox .nametime .count:hover .count_list {display:block;}

/* 대화창 오른쪽 */
.communiBoxRignt { float:none; *zoom:1; margin-top:0px;margin-right:15px; }
.communiBoxRignt:first-child { margin-top:0px; }
.communiBoxRignt:last-child { margin-bottom:20px; }
.communiBoxRignt:after { content:""; display:block; clear:both; height:0; }
.communiBoxRignt .conBox { padding-left:10px; margin-right:10px; }
.communiBoxRignt .conBox li { float:right; clear:both; margin-bottom:10px;max-width:92%;}
.communiBoxRignt .nametime { vertical-align:middle; margin-top:5px; padding-right:3px; margin-bottom:3px!important; }
.communiBoxRignt .nametime span { font-weight:normal; color:#979fac; font-size:11px; vertical-align:middle; margin-left:10px; }
.communiBoxRignt .nametime .count_unconfirmed {color:#e95c1e;letter-spacing:-1px;}
.communiBoxRignt .nametime .count { color:#e95c1e; font-weight:bold; position:relative;margin-left:4px;cursor:pointer;}
.communiBoxRignt .nametime .count .count_list {display:none;position:absolute;top:13px;right:0px;border:1px solid #174583;z-index:10;min-width:180px;padding:5px;background:#f1f7ff;border-radius:4px 0px 4px 4px;}
.communiBoxRignt .nametime .count .count_list i {color:#194e98;max-height:250px;overflow:hidden;overflow-y:auto;display:block;font-style:normal;line-height:150%;}
.communiBoxRignt .bubble { box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);float:right; background:#fff68f; border:#ced0aa solid 0px; border-radius:3px; padding:6px 8px 7px; line-height:16px; position:relative; word-break:break-all; text-align:left;}
.communiBoxRignt .bubble.replayItem .originItem {color:#999;font-size:11px;}
.communiBoxRignt .bubble .reUserName em {color:#999;font-size:11px;}
.communiBoxRignt .bubble:before {border: solid transparent;border-left-color: #ddd;content: ' ';height: 0;pointer-events: none;position: absolute;left: 100%;top: 12px;width: 0;}
.communiBoxRignt .bubble:after {border: solid transparent;border-left-color: #fff68f;content: ' ';height: 0;pointer-events: none;position: absolute;left: 100%;top: 11px;width: 0;}
.communiBoxRignt .bubble:before {border-width: 6px;margin-top: -6px;}
.communiBoxRignt .bubble:after {border-width: 5px;margin-top: -5px;}
.communiBoxRignt .bubble .btnzone { display:block;width:100%; text-align:right; margin-top:10px; }
.communiBoxRignt .bubble .btnzone a { display:inline-block; margin-left:5px; vertical-align:middle; height:18px; border:#cfcfcf solid 1px; border-radius:2px;}
.communiBoxRignt .bubble:hover .btnzone { display:block; }
.communiBoxRignt .nametime .count:hover .count_list {display:block;}
.communiBoxRignt .conBox.select_modify .btnzone { display:block; }
.communi_inputBox .btnzone { position:absolute; right:15px; top:6px; display:block; }
.communi_inputBox .btnzone a { display:inline-block; margin-left:5px; vertical-align:middle; height:18px; border:#cfcfcf solid 1px; border-radius:2px;}
.workMemoBody .memoAddFileWrap {box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);margin:0 10px 0 47px;background:#fff;border-radius:3px;padding:8px;margin-bottom:20px;/* box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); */}
.workMemoBody .memoAddFileWrapRight {margin:0 25px 0 40%;border:1px solid #ddd;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:3px;padding:15px;margin-bottom:20px;}
.workMemoBody .AddFileTitle {padding:0 0 10px 0;}
.workMemoBody .memoAddFileList {margin:0;padding:0;}
.workMemoBody .memoAddFileList li a {background:url(../images/work/download_icon.png) no-repeat 5px center;color:#000;display:block;border-radius:2px;margin:0 0 4px 0;padding:5px 5px 5px 22px;word-break:break-all;}
.workMemoBody .memoAddFileList li a:hover {text-decoration:underline;background:url(../images/work/download_icon.png) no-repeat 5px center;}
.workMemoBody .memoAddFileList li a.aTagimgView {background:#f9f9f9;padding:5px;border-radius:0px;margin:0;}
.workMemoBody .memoAddFileList li a.aTagimgView:hover {background:#f2f5fc;padding:5px;border-radius:0px;margin:0;}
.workMemoBody .memoAddFileWrap:after {content:"";display:block;clear:both;}
.workMemoBody .meetingSpDate {color:#f56060;font-weight:bold;padding:15px;}
.workMemoBody .meetingUserFlag {margin:10px 0;background:#e6e8ec;color:#666;text-align:center;font-size:11px;padding:10px 25px;}
.workMemoBody .memoAddFileList .memoBoxContentImg {width:60%;height:auto;}
.flow_date {position:relative;text-align:center; vertical-align:middle;padding:20px 0;margin:0 15px; }
.flow_date span {position:relative;background:#eee;padding:5px 15px;border-radius:10px;color:#7d8187; z-index:1;font-size:11px; letter-spacing:-0.1px; }
.flow_date:after {content:'';background:#ddd;width:100%;height:1px;position:absolute;left:0;top:50%;}
.flow_filedown { text-align:center; color:#262b33; margin-top:20px; }
.flow_filedown:last-child { margin-bottom:20px; }
.flow_filedown + .flow_filedown { margin-top:5px; }
.flow_filedown { margin-top:5px; }
.flow_filedown { margin-bottom:67px; }
.flow_filedown a { font-weight:bold; text-decoration:underline; color:#4d78d2; }
.card-tools .dropdown-menu {right:0;}
.workMemoWrap {margin:0;padding:0;}
.workMemoHeader {background:#d7e1f1;padding:0;border-bottom:0px solid #b5bfd0;}
.workMemoHeader .workTeamSubTitle {font-size: 16px;padding: 0 0 8px 10px;background: #fff;color: #000;border-bottom: 1px solid #bfcada;}
.workMemoHeader .inner {padding:5px 8px;border-bottom:1px solid #bfcada;}
.workMemoHeader .inner2 {padding:8px 10px;border-bottom:1px solid #bfcada;min-height:40px;}
.workMemoHeader .workTitle {background:#e7edf7;color:#000;}
.workMemoHeader .workMemoHeaderTitle {color:#000;font-weight:700;min-width:50px;display:inline-block;}
.workMemoBody {position:relative;padding:10px 0;background:#f9f9f9;}
.communi_inputBoxWrap {padding:10px 0 0 0;}
.communi_inputBox {padding:0 10px;background:#fff;position:relative; }
.communi_inputBox .communi_inputBox {position:relative;position: relative; background: #fff;left:0;bottom: 0;width: 100%;border-top:1px solid #9ea6b5;}
.communi_inputBox .btn_inputBox_toggle {border-radius:2px 2px 0 0;position:absolute;top:-24px;left:10px;margin:0;border:1px solid #9ea6b5;border-bottom:1px solid #fff;;padding:2px 25px;background:#fff;}
.communi_inputBox .btn_inputBox_toggle:hover {color:#000;}
.communi_inputBox .txtArea { padding:0;position:relative;margin-top:5px;}
.communi_inputBox .txtArea .txtArea_b {overflow-y:auto; border-radius:2px;border:1px solid #ddd;height:100px; width:100%; padding:5px 72px 5px 5px; box-sizing:border-box; }
.communi_inputBox .txtArea .txtArea_b:focus { outline:none; }
.communi_inputBox .btn_send { position:absolute; top:0;right:0;height:100%;line-height:180px;background:#f4f4f4;color:#333; border:#ddd solid 1px; border-top-right-radius:2px; border-bottom-right-radius:2px; width:72px; display:block;  box-sizing:border-box; z-index:100000; text-align:center; }
.communi_inputBox .btn_send em { line-height:93px; vertical-align:middle; text-align:center; }
.communi_inputBox .btn_send:hover {background:#eee;border:1px solid #ccc;}
.workMemoFoot {z-index:100;border-top: 1px solid #9ea6b5;background:#fff;padding:0;position: fixed;left: 0;bottom: 0;width: 100%;}
.workMemoFoot .modal-footer {border-top:0;}
.workMemoFoot.fixed {position:fixed;bottom:62px;left:0;width:100%;}
.workMemoFoot.fixed .communi_inputBox {padding:10px;}
.modal .datepicker{z-index:1151 !important;}
.poFixed {position:fixed;left:0;top:0;width:100%;z-index:100;}

/* 연관검색어 */
.detailPopConWrap .relationSearchWrap {}
.detailPopConWrap .relationSearchInner {background:#f9f9f9;}
.detailPopConWrap .relationSearchWrap h3 {*zoom: 1;background: #798cd1;vertical-align: middle;padding: 7px 15px 8px;position:relative;color:#fff;}
.detailPopConWrap .relationSearchWrap h3 span {color:#fff;font-weight:bold;}
.detailPopConWrap .relationSearchWrap h3 a {width:37px;height:37px;line-height:37px;text-align:center;font-size: 16px;position:absolute;right:0;top:0;color:#fff;}
.detailPopConWrap .relationSearchWrap .searchCount {padding:10px;background:#eee;}
.detailPopConWrap .relationSearchWrap .relationSearchList {border-top:1px solid #ddd;overflow:hidden;overflow-y:auto;position:relative;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul {margin:0;padding:0;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li {margin:0;padding:0;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li a {display:block;border-bottom:1px solid #eee;padding:10px 0 10px 50px;max-height: 54px;overflow: hidden;position:relative;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li:hover a {background:#f9f9f9;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li:hover a:after {content:"";display:block;position:absolute;left:0;top:0;width:2px;background:#f56060;height:100%;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li a .label {position:absolute;left:10px;top:12px;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li a .date {font-weight:700;color:#000;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li a em.searchPoint {color:#090382;text-decoration:underline;font-weight:bold;}
.detailPopConWrap .relationSearchWrap .relationSearchList ul li:last-child a {border-bottom:0;}
.detailPopConWrap .relationSearchWrap .contant_list_more {background:#fff;border-top:1px solid #ddd;text-align:center;height:30px;line-height:30px;}
.detailPopConWrap .relationSearchWrap .contant_list_more button {width:100%;display:block;background:#fff;text-align:center;height:30px;line-height:30px;}
.detailPopConWrap .relationSearchWrap .contant_list_more button:hover {background:#f3f8ff;}
.opened {display:block;}
.opened .modal-dialog {width:1200px;}
.opened .workMemoWrap {float:left;width:50%;}
.opened .workMemoFoot {width:50%;}
.opened .relationSearchWrap {float:right;width:50%;display:block;position: fixed;display: block;top: 0;right: 0;bottom: 0;}

/* input-group */
.input-group-wrap {position: relative;display: table;border-collapse: separate;}
.input-group-wrap button {padding:0 6px;line-height:30px;}

/* 팝업 */
.popContainer {margin:0;padding:0;}
.popContainer .popHeader h1{font-size:14px;color:#fff}
.popContainer .popBody {padding:15px;padding-bottom:65px;}
.popContainer .popBody .popBodyInner .sectionTitle {font-size:14px;color:#000;font-weight:600;line-height:24px;vertical-align:top;}
.popContainer .popFoot {padding:15px;border-top:1px solid #ddd;background:#fff;position:fixed;bottom:0;left:0;width:100%;}

/* 약관 */
.ruleListZone.w2 ul li { float:left; display:inline-block; min-width:430px; margin-bottom:8px; }
.ruleListZone { border-bottom:#e4e4e4 solid 1px; padding:10px 0 20px 0;}
.ruleListZone a:hover  { text-decoration:underline; }
.ruleListZone ul { float:none; *zoom:1; }
.ruleListZone ul:after { content:""; display:block; clear:both; height:0; }
.ruleListZone ul li { margin-bottom:4px; }
.ruleListZone ul li a {display:block;padding:8px;background:#f9f9f9;}
.ruleListZone ul li a:hover {background:#f4f4f4;text-decoration:none;}
.ruleListZone ul li span { color:#202020;display:inline-block;min-width:45px;}
.ruleListZone ul li strong { color:#4066b9; margin-left:8px;}
.ruleWrap { padding:10px 0;  }
.ruleWrap .r_title { font-weight:bold; font-size:14px; color:#202020; padding-top:40px; }
.ruleWrap .r_m_title { font-weight:bold; font-size:12px; color:#274980; margin-top:10px; }
.ruleWrap .r_s_title { font-weight:normal; font-size:12px; color:#274980; margin-top:6px; }
.ruleWrap .r_s_title + .rp_txt { margin-top:4px; }
.ruleWrap .r_s_title + .r_list { margin-top:4px; }
.ruleWrap .rp_txt { margin-top:12px; color:#555; line-height:1.6; }
.ruleWrap .rp_txt2 { margin-top:6px; color:#555; line-height:1.6; }
.ruleWrap .r_list { margin-top:12px; }
.ruleWrap > .r_list > li { color:#555; line-height:1.8;position:relative;padding-left:16px;word-break:keep-all;}
.ruleWrap > .r_list > li > span {position:absolute;left:0;top:0;}
.ruleWrap .r_list > li > .r_list { margin-left:0; margin-top:6px; margin-bottom:16px; }
.ruleWrap .r_list > li > .rp_txt { margin-left:16px; margin-top:6px; margin-bottom:16px; }
.ruleWrap .r_list > li > .rp_txt2 {margin-left:16px; margin-top:6px; margin-bottom:16px; }
.ruleWrap .r_list > li > .r_list li {padding-left:20px;color:#888;line-height:1.8;word-break:keep-all;position:relative;}
.ruleWrap .r_list > li > .r_list li span {position:absolute;left:0;top:0;}
.ruleWrap .r_list.dark li { color:#555!important; }
.ruleWrap .dle15 { margin-left:17px;}
.ruleWrap .dle15 .rp_txt { margin-top:4px; }
.ruleWrap .dle15 .r_list { margin-top:4px; }

/* 마이페이지 > 근태현황 전체보기 */
.calandar_cubeBox {margin-bottom:10px;}
.calandar_cubeBox dt { text-align:center; padding:10px 0; background:#f1f1f1; border:#cfcfcf solid 1px; border-top-right-radius:5px; border-top-left-radius:5px; vertical-align:middle; border-bottom:#dadada solid 1px; }
.calandar_cubeBox dt strong { font-size:17px; color:#101010; vertical-align:middle; }
.calandar_cubeBox dt span { font-size:13px; color:#9d9c9c; font-weight:600; vertical-align:middle; margin-left:8px; letter-spacing:0; }
.calandar_cubeBox dd { border-bottom-right-radius:5px; border-bottom-left-radius:5px; border:#cfcfcf 1px solid; border-top:none; }
.calandar_cube_tb { width:100%; table-layout:fixed; border-collapse:inherit; padding-bottom:10px; }
.calandar_cube_tb thead th { border-top:#dedede solid 1px; text-align:left; padding:7px 0px 7px 15px; background:#f6f6f6; color:#202020; border-right:#dedede solid 1px; }
.calandar_cube_tb thead td { border-top:#dedede solid 1px; padding:7px 15px 7px 15px; }
.calandar_cube_tb thead tr:first-child th, .calandar_cube_tb thead tr:first-child td { border-top:none; }
.calandar_cube_tb thead .lt_st01 { letter-spacing:0.1em; }
.calandar_cube_tb thead .lt_st02 { letter-spacing:-0.07em; }
.calandar_cube_tb thead td span { vertical-align:middle; }
.calandar_cube_tb thead td em { vertical-align:middle; font-size:11px; margin-left:4px; }
.calandar_cube_tb thead .lt_des01 { color:#797979; }
.calandar_cube_tb thead .lt_des02 { color:#eb2b2b; }
.calandar_cube_tb tbody td { padding:10px 15px 10px 15px; border-top:#cfcfcf dashed 1px; vertical-align:top; }
.calandar_cube_tb tbody .no_list { background:url(../images/mypage/bg_calendar_ing.gif) no-repeat center center; height:100px; }
.calandar_cube_tb tbody .no_list.finish { background:none; color:#a9a9a9; vertical-align:middle; text-align:center; }

.calandar_cube_tb .cubeBoxList {overflow:hidden;overflow-y:auto;height:160px;margin-top:3px; }
.calandar_cube_tb .cubeBoxList ul {list-style:disc;padding-left:15px;}
.calandar_cube_tb .cubeBoxList li {  float:none; *zoom:1; width:inherit; margin-bottom:4px;}
.calandar_cube_tb .cubeBoxList li:after { content:""; display:block; clear:both; height:0;  }
.calandar_cube_tb .cubeBoxList li span { vertical-align:middle; }
.calandar_cube_tb .cubeBoxList li .issue_date { color:#555; }
.calandar_cube_tb .cubeBoxList li .st_wrong { color:#ed4646;border-radius:2px; padding:0 3px; display:inline-block; background:#fce4dd; border:#eb947a solid 1px; margin:0 8px 0 12px; font-size:11px; }
.calandar_cube_tb .cubeBoxList li .st_normal { color:#656565;border-radius:2px; padding:0 3px; display:inline-block; background:#f1f1f1; border:#b1b1b1 solid 1px; margin:0 8px 0 12px; font-size:11px; }
.calandar_cube_tb .cubeBoxList li .issue_des { color:#999; text-align:left; }


/* 배너 */
#wrapper .slider {margin: 0;margin-bottom:5px;}
#wrapper .slick-slide {margin: 0px;}
#wrapper .slick-slide img {width: 100%;}
#wrapper .slick-prev:before,
#wrapper .slick-next:before {color:#333;}
#wrapper .slick-slide { transition: all ease-in-out .3s;opacity: .2;}
#wrapper .slick-active {opacity: .5;}
#wrapper .slick-current {opacity: 1;}
#wrapper .vertical .slick-prev, #wrapper .vertical .slick-next {display:none!important;top:auto;left:50%;}
#wrapper .vertical .slick-prev {top:10px;}
#wrapper .slick-dots {bottom:5px;}
#wrapper .slick-dots li {width:5px;height:2px;margin:0 2px;}
#wrapper .slick-dots li button {width:5px;height:2px;padding:0 2px;}
#wrapper .slick-dots li button:before {width:5px;height:2px;background:#000;content:'';}
#wrapper .slick-dots li.slick-active button:before {opacity: 1;}
.ceoMsgWrap {padding:0 20px;}
.ceoMsgWrap .ceoMsg {min-height:300px;}
.ceoMsgWrap .contentView {width:300px;}
.ceoMsgWrap .msgTitle {font-size:14px;padding:0 0 20px 0;font-weight:700;}

/* 사이드 환율정보 */
.exchangeInfo {border:1px solid #ddd;padding:0;border-radius:0px;cursor:pointer;}
.exchangeInfo ul {}
.exchangeInfo ul li {padding:8px 8px 15px 8px;background:#fff;border-bottom:0px solid #ddd;}
.exchangeInfo ul li:last-child {border:0;}
.exchangeInfo li dt {color:#000;text-align:left;font-weight:700;padding-bottom:5px;border-bottom:1px solid #eee;letter-spacing:-1px;}
.exchangeInfo li dt strong {font-size:11px;font-weight:400;color:#888;}
.exchangeInfo li dd {text-align:left;font-size:13px;color:#ff4b11;font-weight:700;padding-top:8px;}
.exchangeInfo li dd span:before {content:"\f159";font-family:FontAwesome;font-weight:400;font-size:10px;}

/* serverError */
.serverError {margin:0 auto;width:980px;margin-top:110px;}
.serverError .errorMsgIcon {margin:0 auto;width:80px;height:77px;background:url(/images/common/errorMsgIcon.png) no-repeat 0 0;}
.serverError .emailMsgIcon {margin:0 auto;width:80px;height:77px;background:url(/images/common/emailMsgIcon.png) no-repeat 0 0;}
.serverError p {font-size:15px;line-height:1.6em;}
.serverError p.tbx_title1 {font-size:28px;padding:20px 0;color:#000;}
.serverError p.tbx_title2 {font-size:16px;}
.serverError p.tbx_title1 em {color:#3579d4 !important;}
.serverError p strong {color:#3579d4;}
.fc-day-header {text-transform: uppercase;font-size:12px;color: #505363; padding: 8px 0px !important;text-decoration: none;}

/* approve modal */
.approve .col-md-6 {min-width:800px;}

/* 팀업무 신규 */
.workWrap {position:relative;}
.workTeamList li {padding-bottom:0px;position:relative;}
.workTeamList li:last-child {padding-bottom:0;}
.workTeamListWrap {padding-bottom:150px;transform: translateX(0);transition: transform 250ms ease-in-out;will-change: transform;}
.workTimeWrap {z-index:1000;background:#fff;height:100%;right:0;top:0;position:relative;-ms-transform: translateX(0);transform: translateX(0);transition: transform 250ms ease-in-out;}
.viewContentWrap {padding:10px;background:#f4f6f9;border-radius:4px;}
.viewContentWrap .workTeamTitle{padding-bottom:10px;white-space: nowrap;font-weight: 500;cursor: text;max-width: 100%;-ms-flex-align: center;align-items: center;}
.viewContentWrap .workTeamTitle .ds-text-component {font-size: 24px;}
.workTimeWrap .teamUserReg {padding:10px 0;background:transparent;border-bottom:0px solid #ddd;}
.workTimeWrap .teamUserReg.userRegInput {padding:10px;background:#e4edf9;}
.slide-container .workMemoWrap {position:relative;top:0;box-sizing: border-box;/* height: 100vh;overflow: hidden;transform: translateZ(0);vertical-align: top; */white-space: normal;overscroll-behavior: contain;}
.slide-container .workMemoWrap .workMemoBody{-webkit-overflow-scrolling: touch;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;position: sticky;top:0;box-sizing: border-box;height: 100vh;overflow-x: hidden;overflow-y: scroll;}
.card .card-footer .teamUserReg {padding:10px;/* padding-top: 0; */border-top: 1px solid #ddd;/* border-radius:4px; */}
.slide-container .workMemoWrap .workTeamTitle {font-size:20px;font-weight:300;background:#f4f4f4;padding:15px 20px;color:#000;border-bottom:1px solid #ddd;}
.slide-container .feedBackFormWrap {position:relative;margin:0;}
.slide-container .feedBackForm {z-index:10;width:100%;background:#fff;padding:0;border:0px solid #cde0f3;}
.slide-container.open {-ms-transform: none;transform: none;}
#slide-container .modal-dialog{margin:0;}
.team-content-wrapper {box-sizing: content-box;}
.team-content-header {background:#fff;}
.team-content-header .content-cell .itemTitle {font-size:16px;color:#000;font-weight:400;padding-left:32px;}
.team-content-items,
.team-content-footer {display:table;width:100%;}
.team-content-body {background:#fff;}
.team-content-body .content-cell {border-bottom:1px solid #f6f6f6;}
.team-content-items .content-row,
.team-content-footer .content-row {display:table-row;}
.team-content-items .content-cell,
.team-content-footer .content-cell {position:relative;display:table-cell;padding:4px;}
.team-content-footer .content-cell.add-cell {padding:4px 0;}
.team-content-header .content-cell {border-top:0px solid #ddd;border-bottom:1px solid #ddd;font-weight:700;color:#000;}
.team-content-body.active {background:#e5f4ff;}
.team-content-body.active .name-cell{border-left:0px solid #337ab7;background:#e5f4ff;}
.statusTypeWrap {position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;}
.statusTypeWrap .statusDefault {line-height:40px;cursor:pointer;width:100%;height:100%;height:40px;background:#ccc;}
.statusTypeWrap .statusIng {background:rgb(0, 200, 117);color:#fff;}
.statusTypeWrap .statusFin {background:rgb(196, 196, 196);color:#fff;}
.statusTypeWrap .statusDefer {background:rgb(87, 155, 252);color:#fff;}
.statusTypeWrap .statusCancel {background:rgb(226, 68, 92);color:#fff;}
.statusType ul {margin:10px;}
.statusType ul li {padding:0 0 5px 0;}
.statusType ul li a {cursor:pointer;display:block;padding:8px;text-align:center;font-size:12px;border-radius:2px;}
.statusType ul li:last-child {padding:0;}
.statusType.dropdown-menu {left: 50%;margin: 0 0 0 -60px;min-width: 120px;border:0;}

.pulse-menu-component {background:transparent;cursor:pointer;position:absolute;left:0;top:0;width:30px;height:100%;}
.team-content-body .pulse-menu-component {/* display:none; */}
.ds-menu-button-container {padding: 10px 6px;}
.pulse-menu-component .ds-menu-button {background:#337ab7;color:#fff;line-height:40px;text-align:center;line-height:18px;}
.name-cell:hover .pulse-menu-component {display:block;;}
.workTimeWrap .communiBox .bubble {padding:15px;line-height:20px;width:100%;}
.workTimeWrap .communiBoxRignt .bubble {width:100%;max-width: 92%;}

.team-content-header .name-cell-text {font-size: 16px;height:30px;padding-left: 25px;}
.team-content-header .name-cell-text.is-editing .ds-editable-component {height:30px;}
.team-content-header .name-cell-component .edit-icon {display:none; -ms-flex: 0 0 24px;flex: 0 0 24px;text-align: center;line-height: 28px;color: #bbb;-ms-flex-order: 1;order: 1;}
.team-content-header .name-cell-component .edit-icon:hover {color: #000;background-color: #e0e0e0; }
.team-content-header .name-cell-component .edit-icon:hover.light-name-cell-component {background-color: transparent; }
.team-content-header .name-cell-component .edit-icon:hover ~ .name-cell-light-text,
.team-content-header .name-cell-component .edit-icon:hover ~ .ds-editable-component {border: 1px dashed #ccc; }
.team-content-header .name-cell-component .realCost-icon {display:none; -ms-flex: 0 0 24px;flex: 0 0 24px;text-align: center;line-height: 28px;color: #bbb;-ms-flex-order: 1;order: 1;}
.team-content-header .name-cell-component .ds-editable-input {display:none;}
.team-content-header .name-cell-component .ds-editable-input .input_b {height:30px;font-size:16px;}

.ds-text-component {width: 100%;height: 100%;overflow-x: hidden;overflow-y: hidden;text-overflow: ellipsis;white-space: nowrap;border: 1px solid transparent;padding: 0 2px; }
.ds-text-component.suggesting {cursor: text;border: 1px dashed #c5c7d0; }
.name-cell-component:hover {cursor: pointer; }
.name-cell-component {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 0 0 0 0;height: 100%;text-align: left; }
.name-cell-component.floating {background-color: rgba(250, 250, 250, 0.95);box-shadow: 2px 0px 8px -6px; }
.name-cell-component:hover {cursor: pointer; }
.name-cell-component:hover .name-cell-text:not(.is-editing) {color: #1F76C2; }
.name-cell-component:hover .edit-icon,
.name-cell-component:hover .realCost-icon {display: block; }
.name-cell-component .edit-icon {display:none; -ms-flex: 0 0 24px;flex: 0 0 24px;text-align: center;line-height: 24px;color: #bbb;-ms-flex-order: 1;order: 1;}
.name-cell-component .realCost-icon {display:none; -ms-flex: 0 0 24px;flex: 0 0 24px;text-align: center;line-height: 24px;color: #bbb;-ms-flex-order: 1;order: 1;}
.name-cell-component .edit-icon:hover,
.name-cell-component  .realCost-icon:hover {color: #000;background-color: #e0e0e0; }
.name-cell-component .edit-icon:hover.light-name-cell-component {background-color: transparent; }
.name-cell-component .edit-icon:hover ~ .name-cell-light-text,
.name-cell-component .edit-icon:hover ~ .ds-editable-component {border: 1px dashed #ccc; }
.name-cell-component .ds-editable-input {display:none;}
.name-cell-component .ds-editable-input .input_b {height:30px;}
.is-editing .ds-editable-component {width:100%!important;}
.is-editing .ds-text-component {display:none;}
.is-editing .ds-editable-input {display:block!important;}
.is-editing .edit-icon {display:none!important;}
.name-cell-text {display: -ms-flexbox;display: flex;-ms-flex: 1; flex: 1;-ms-flex-align: center;align-items: center;min-width: 0;height: 24px;padding-left: 22px;line-height: 24px;text-decoration: none;color: #333333;font-weight: 400;font-size: 13px; }
.name-cell-text .ds-editable-component { border: 1px dashed transparent;}
.name-cell-text .ds-editable-component .ds-text-component {border-top: none;border-bottom: none; }
.name-cell-text.is-editing .ds-editable-component {border-top: none;border-bottom: none; }
.name-cell-text.is-editing .ds-editable-component .ds-editable-input {line-height: 25px; }
.name-cell-light-text {border: 1px solid transparent;display: inline-block !important;height: 24px;overflow: hidden;padding: 0 3px !important;text-overflow: ellipsis;white-space: nowrap; }
.conversation-indicator-component {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;padding: 0 4px; }
.conversation-indicator-component .conversation-indicator-icon {min-width: 24px;height: 24px;line-height: 28px;position: relative; }
.conversation-indicator-component .conversation-indicator-icon .icon-v2-chat-without-update {font-size: 24px;color: #c5c7d0;transition: color 200ms ease; }
.conversation-indicator-component .conversation-indicator-icon .icon-v2-chat-without-update:hover {color: #009AFF; }
.conversation-indicator-component .conversation-indicator-icon.recently-updated .icon-v2-chat-with-update {color: #337ab7; }
.conversation-indicator-component .conversation-indicator-icon.recently-updated .updates-count {background: #ff9800; }
.conversation-indicator-component .conversation-indicator-icon .icon-v2-chat-with-update {font-size: 24px;color: #c5c7d0; }
.conversation-indicator-component .conversation-indicator-icon .updates-count {position: absolute;color: #ffffff;left: 12px;top: 16px;line-height: 9px;font-size: 10px;font-weight: 400;background: #c5c7d0;border-radius: 10px;text-align: center;padding: 2px 4px; }
.icon-v2-chat-with-update:before {content: "\f27b";font-family:FontAwesome;}

.add-pulse-component {position: relative;padding-left:50px; padding:5px 0;}
.add-pulse-component .add-pulse-button {top: 0;right: 0px;bottom: 0;opacity: .7;transition: opacity 0.1s ease;color: #fff;background: #337ab7;border-color: #337ab7;padding: 6px 12px;}
.add-pulse-component .add-pulse-button:hover {background: #0188E1; opacity:1;}
.m-close {display:none;}
.flyout-wrap {display:none;}
.content-cell:not(.name-cell) {width:100px;}

/* main */
#main_body .container {min-height:auto;}
.contentWrap {box-sizing:border-box;padding:0 0 0 0;margin: 0 -1% 0 0;}
.contentWrap #orgType .orgType {min-width:120px;text-align:left;padding-right:18px;background-color:#fff;}
.contentWrap #orgType .orgType .caret {position:absolute;right:5px;top:12px;}
.contentWrap #orgType .dropdown-menu>li>a {padding:5px 15px;}
.contentWrap #orgType .dropdown-menu>li>a.active {background:#286090!important;color:#fff;}
.contentWrap .infoBoxWrap {}
.contentWrap .infoBoxWrap .infoBox {margin-bottom:10px;position:relative;}
.contentWrap .infoBoxWrap .infoBox .card {border:0;position:relative;margin-bottom:0;background:#fff;box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);}
.contentWrap .infoBoxWrap .infoBox .card .card-header {padding:10px;height:40px;}
.contentWrap .infoBoxWrap .infoBox .card .card-header>.card-tools {margin-right:0;}
.contentWrap .infoBoxWrap .infoBox .card .card-title {font-weight:500;letter-spacing: -1px;font-size:13px;color:#000;}
.contentWrap .infoBoxWrap .infoBox .card .card-title select {height:24px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body {padding:0px;margin:0 10px;padding-top:0;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .card-body-inner {height: calc(50vh - 150px);min-height:320px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .card-body-inner2 {height: calc(50vh - 180px);min-height:290px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .unit {font-size:11px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .graphAreaWrap {height: calc(50vh - 150px);min-height:320px;background:#fff;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .graphAreaWrap2 {height: calc(50vh - 180px);min-height:290px;background:#fff;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .listWrap {overflow:auto;-webkit-overflow-scrolling: touch;/* height: calc(50vh - 150px);min-height:320px; */}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList {}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList li {padding:4px 0;border-bottom:1px solid #f1f1f1;cursor:pointer;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList dl {margin:2px 4px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList dl dt {color:#000;font-weight:400;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList dl dd {padding:4px 0 0 0;font-size:11px;color:#999}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList .itemListBox {padding:5px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList .itemListBox .partName {font-size:11px;color:#999;letter-spacing:-0.05em;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList li:first-child {border-top:1px solid #f1f1f1;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList li:hover {background:#f4f4f4;border-radius:4px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .itemList li.noReadType {background:#fff9eb;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .chartColWrap .chartCol {display:inline-block;font-size:11px;padding:5px 0;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .chartColWrap .chartCol:nth-child(1) .fa {color:rgba(124, 181, 236,1);}
.contentWrap .infoBoxWrap .infoBox .card .card-body .chartColWrap .chartCol:nth-child(2) .fa {color:rgba(67, 67, 72,1);}
.contentWrap .infoBoxWrap .infoBox .card .card-body .chartColWrap .chartCol:nth-child(3) .fa {color:rgba(144, 237, 125,1);}
.contentWrap .infoBoxWrap .infoBox .card .card-body .chartColWrap .chartCol:nth-child(4) .fa {color:rgba(247, 163, 92,1);}
.contentWrap .infoBoxWrap .infoBox .card .card-footer {min-height:20px;}
.contentWrap .connectedSortable> li {float:left;margin-bottom:20px;margin-right:1%;}
.contentWrap .infoBoxWrap > li .card {margin:0;}
.contentWrap .infoBoxWrap .ui-state-default {border:0;background:transparent;}
.contentWrap .infoBoxWrap .sort-highlight {position:relative;margin-bottom: 10px; border-radius:5px;border:#bbbec2 dashed 0px; box-sizing:border-box; background:#fcf8e3; text-align:center; }
.contentWrap .infoBoxWrap > li.mod1 {width:24%;}
.contentWrap .infoBoxWrap > li.mod2 {width:49%;}
.contentWrap .infoBoxWrap .sort-highlight:after  {position:absolute;width:100%;height:40px;left:0;top:0;padding:20px;margin:0;text-align:left;content:"\f047모듈을 이동시키세요.";font-family:FontAwesome;font-size:16px;color:#ff7800; }
.contentWrap .infoBoxWrap .main-table > thead > tr > th,
.contentWrap .infoBoxWrap .main-table > tbody > tr > td {padding:4px;font-size:11px;}
.contentWrap .infoBoxWrap .main-table > thead > tr > th {min-width:80px;}
.contentWrap .infoBoxWrap .text-red {color:#ff0000;}

/* main small tabs */
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list {padding:0;margin:0 0 6px 0;min-height:24px;border-bottom:0px solid #eee;position:relative;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list ul {padding:0;margin:0;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list ul li {float:left;height:24px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list ul li a {position:relative;display:block;font-size:11px ;background:#f1f1f1;padding:0 8px;color:#999;margin:0;border-bottom:0px solid #eee;border-left:0;height:24px;line-height:24px;margin-bottom:-1px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list ul li a:hover {background:#ddd;color:#000;font-weight:normal;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list ul li a.active {color:#fff;font-weight:bold!important;background:#337ab7!important;/*border-color:#337ab7;  border-bottom:1px solid #eee; */border-radius:0px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list ul li a .label {position:absolute;right:-2px;top:-8px;font-size:6px;z-index:1;border-radius:50%;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .main-tabs-list ul li:first-child a {border-left:0px solid #ddd;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .icon-new02 {position:relative;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .icon-new02:after {z-index:1;content:url(../images/main/round_new_icon.png); display:block;position: absolute; right: -3px;top: -8px;width: 11px;height: 11px;}
.contentWrap .infoBoxWrap .infoBox .card .card-body .tabs_list:after {content:"";display:block;clear:both;}

/* 통합검색 */
.searchContainer {max-width:800px;position: relative;min-height: 680px;padding: 20px 20px 60px 0;overflow: hidden;}
.orgListTitle {/* background:url(../images/common/menu/bu_snb_on.gif) no-repeat left center; */line-height:20px;padding:5px 0px 6px 20px;color:#eee;}
.orgListTitle .f_left {font-weight:700;color:#eee;}
.orgList {border-top:1px solid #1a2226;}
.orgList li {padding:5px 10px 5px 20px;border-bottom:0px solid #eee;color:#ccc;}
.orgList li label {display:block;}
.UnifiedSearchWrap {width:100%;padding:0 0 10px 0;}
.UnifiedSearchWrap .row {padding:0;margin:0;}
.UnifiedSearchWrap .cell {float:left;height:40px;line-height:40px;}
.UnifiedSearchWrap .cell .combineSearchInput {width:300px;border:1px solid #ddd;border-right:0;font-size:14px;padding:8px;border-radius:2px 0 0 2px;}
.UnifiedSearchWrap .cell .btn_combineSearch {height:36px;border:1px solid #ff6600;background:#ff6600;color:#fff;line-height:36px;font-size:16px;padding:0 15px;border-radius:0 2px 2px 0;}
.UnifiedSearchWrap .select_comp_d {box-sizing:border-box;position: relative; float: left;margin:4px 0 0 5px;}
.UnifiedSearchWrap .select_comp_d .btn_selected {width:36px;height: 36px;box-sizing:border-box;border:1px solid #ddd;border-radius:2px;background:url(../images/common/func_fieldsfilter_16_ena.png) no-repeat center center;cursor:pointer;}
.UnifiedSearchWrap .select_comp_d .btn_selected .inner {position:relative;display: block;text-indent:-99999px;}
.UnifiedSearchWrap .select_comp_d .fa { position: absolute; top: 8px; right: 0px;}
.UnifiedSearchWrap .select_comp_d .btn_flex .ico_arr {width: 8px;height: 5px;margin: 8px 0 0 4px;}
.UnifiedSearchWrap .select_comp_d .btn_selected:hover {background:#f4f4f4 url(../images/common/func_fieldsfilter_16_ena.png) no-repeat center center;cursor:pointer;}
.UnifiedSearchWrap .layer_opt { left: 0px;margin-top: 0;display:none;position: absolute; z-index: 100; min-width: 180px; padding: 11px 0 7px; border: 0px solid #dedede; border-radius: 4px;box-shadow: 0 1px 15px 0 rgba(0,0,0,0.125);background-color: #fff;}
.UnifiedSearchWrap .layer_opt .tit_item {display: block;overflow: hidden;padding: 0 17px;line-height: 29px;color: #333;clear: both;}
.UnifiedSearchWrap .layer_opt .on .tit_item {font-weight: bold;color: #406fd4;}
.UnifiedSearchWrap .layer_opt .tit_item:after {display: block;overflow: hidden;height: 0;clear: both;content: '';}
.UnifiedSearchWrap .layer_opt .box_sub {padding: 0 17px 14px;}
.UnifiedSearchWrap .layer_opt .box_date {position: relative;margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;}
.UnifiedSearchWrap .layer_opt .box_sub .btn_confirm {display: block;width: 100%;height: 33px;line-height: 33px;text-align: center;border: 1px solid #ededed;border-radius: 2px;background-color: #fbfbfb;box-shadow: 0 1px 1px 0 #f2f2f2;color: #000;}
.UnifiedSearchWrap .layer_opt .box_date .tit_other {display: block;padding: 10px 0 7px;font-weight: normal;}
.UnifiedSearchWrap .layer_opt .box_date .item_date {position: relative;display:block;}
.UnifiedSearchWrap .layer_opt .box_date .item_date img {position:absolute;right:5px;top:5px;cursor:pointer;}
.UnifiedSearchWrap .layer_opt .box_sub .input_b {display: block;width: 100%;padding: 7px 24px 6px 9px;margin-bottom: 6px;border: 1px solid #cdcdcd;color: #999;}
.UnifiedSearchWrap .layer_opt .box_date .btn_date {position: absolute;top: 4px;right: 4px;padding: 4px;}
.UnifiedSearchWrap .layer_opt.view {display:block;}
.searchOpt {border-bottom:1px solid #eee;}
.searchOpt .catList li {float:left;padding:10px;position:relative;cursor:pointer;color:#5f6368;}
.searchOpt .catList li.active {color:#3054a1;font-weight:700;}
.searchOpt .catList li.active:after {content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:#3054a1;}
.searchResultWrap {margin:0;padding:0;}
.searchResultWrap .searchResultList {padding:0;margin:0;}
.searchResultWrap .searchResultList li {margin:0 0 26px 0;}
.searchResultWrap .searchResultList li dl {margin:0;padding:0;}
.searchResultWrap .searchResultList li dl dt {line-height: 1.7;}
.searchResultWrap .searchResultList li dl dt a {color:#1a0dab;display:block;font-size:16px;}
.searchResultWrap .searchResultList li dl dd {color:#999;line-height: 1.7;}
.searchResultWrap .searchResultList li dl dd.ResultType {color:#000;font-size:12px;}
.searchResultWrap .searchResultList li dl dd.ResultContents {}
.searchResultWrap .searchResultList li dl dt a:hover {text-decoration:underline;}


.mobileOn {display:none!important;}

/* 설정 */
.alarmSettingWrap .alarmSettingHeader {min-height:auto;padding:0;}
.alarmSettingWrap .location_sub {height:56px;border-bottom:1px solid #eee;border-top:1px solid #eee; position:relative; box-sizing:border-box; }
.alarmSettingWrap .btn_back { position:absolute; top:16px; left:7px;width:24px; height:24px; }
.alarmSettingWrap .title_sub { text-align:center; font-size:16px; line-height:56px; white-space:nowrap; }
.alarmSettingWrap .settingList li {color:#000;background:#fff;position:relative; padding:15px; font-size:15px; white-space:nowrap; border-bottom:1px solid #eee; }
.alarmSettingWrap .settingList .btn_logout a { position:absolute; right:15px; top:10px; background-color:#fff; padding:3px 10px; color:#fff; font-size:12px; }
.alarmSettingWrap .settingList .btn_toggle input[type="checkbox"] + label span { margin:0; position:absolute; right:15px; top:13px; display:inline-block;width: 53px;height: 27px;background:url("../images/common/sp_alarm.png") no-repeat 0 0; background-size:106px 27px;background-position: 0px 0px; cursor:pointer; }
.alarmSettingWrap .settingList .btn_toggle input[type="checkbox"]:checked + label span { background-position:-54px 0px; }
.alarmSettingWrap .settingList .link_area { padding:0; }
.alarmSettingWrap .settingList .link_area a {display:block; padding:15px;color:#000;}
.alarmSettingWrap .settingList .link_area a:after { content: "\f054"; width:14px; height:8px; color:#dedede;position:absolute; top:19px; right:12px;font-family:FontAwesome;}
.alarmSettingWrap .settingList .text_ver { position:absolute; top:13px; right:15px; color:#666; font-size:13px; }

/* 고객등록 */
.addCameraPictureWrap .addfileFix {position:fixed;bottom:10px;right:20px;z-index:100;}
.addCameraPictureWrap .cameraPicture {width: 52px;height: 52px;opacity:0;position:absolute;left:0;top:0;cursor:pointer;border-radius:2px;}
.addCameraPictureWrap .btn-camera {width:52px;height:52px;border-radius:50%;background:#337ab7;color:#fff;text-align:center;}
.listContentWrap{margin:0;padding:0;}
.listContentWrap .listSearchWrap {padding-bottom:10px;border-bottom:1px solid #ddd;font-size:14px;}
.listContentWrap .listSearchWrap .countNum {float:left;}
.listContentWrap .listSearchWrap .searchArea {float:right;}
.listContentWrap .listSearchWrap .searchArea button.btn_search {width:23px;height:23px;line-height:23px;text-align:center;}
.listContentWrap .listSearchWrap .countNum {color:#000;font-weight:700;}
.listContentWrap ul li {border-bottom:1px solid #f4f4f4;}
.listContentWrap ul li a {display:block;position:relative;padding:10px 0;}
.listContentWrap ul li .userInfo dt {color:#000;font-size:16px;font-weight:700;}
.listContentWrap ul li .userInfo dd {color:#999;font-size:12px;line-height:20px;min-height:20px;padding-right:95px; }
.listContentWrap ul li .userInfo .regDate {color:#ddd;font-size:16px;font-weight:700;padding:0 0 0 0;}
.listContentWrap ul li .userCardImg {border:1px solid #eee;background-color:#f9f9f9;background-repeat: no-repeat;background-size:auto 100%;position:absolute;right:0;top:50%;margin-top:-34px;width:90px;height:68px;overflow:hidden;}
.listContentWrap ul li .userCardImg img {max-width:100%;height:auto;}
.userDetailInfoWrap {margin:0;padding:0;}
.userDetailInfoWrap h3 {padding:10px 0;font-size:18px;}
.userDetailInfoWrap h3 button.btn-back {width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;}
.userDetailInfoWrap .userDetailInfoImgWrap {position:relative;width:100%;	height: 0;overflow: hidden;}
.userDetailInfoWrap .userDetailInfoImgWrap.defaultType {padding-bottom: 75%;}
.userDetailInfoWrap .userDetailInfoImgWrap.secondType {padding-bottom: 56.26%}
.userDetailInfoWrap .userDetailInfoImg {position: absolute;top:0;left:0;width:100%;height: 100%;background: #f4f4f4;}
.userDetailInfoWrap .userDetailInfoImg img {max-width:100%;height:auto;}
.userDetailInfoWrap dl dt {padding:0 0 10px 0;font-size:16px;font-weight:600;color:#000;}
.userDetailInfoWrap dl dd {position:relative;font-size:14px;color:#000;padding:5px 0;font-weight:300;}
.userDetailInfoWrap dl dd {padding-left:120px;}
.userDetailInfoWrap dl dd strong {position:absolute;left:0;line-height:24px;top:5px;font-weight:300;font-size:14px;color:#999;width:120px;}
.userDetailInfoWrap .userDetailInfoHeader {padding:20px 0 0 0;border-bottom:0px solid #eee;}
.userDetailInfoWrap .userDetailInfoHeader dl dt {padding:0 0 20px 0;font-size:20px;}
.userDetailInfoWrap .userDetailInfoBody {padding:0 0;}
.userDetailInfoWrap .userDetailInfoBody dd a {display:block;color:#000;}
.userDetailInfoWrap .userDetailInfoBody dd em {position:absolute;top:4px;right:0;color:#000;}
.userDetailInfoWrap dl dd .conInfo {line-height:24px;min-height:24px;}
.userDetailInfoWrap dl dt .userName {font-size:20px;color:#000;font-weight:600;}
.userDetailInfoWrap dl dd .userInfo {font-size:14px;color:#000;}



.cardInfoWrap {margin:0;padding:0;}
.cardInfoWrap .setCompanyClass {margin:10px 0 0 0;padding:0;}
.cardInfoWrap  .setCustomerClass {margin:10px 0 0 0;padding:0;}
.cardInfoWrap .row {position:relative;padding:10px;}
.cardInfoWrap .row .packing_content {float:right;width:70%;line-height:32px;font-size:14px;}
.cardInfoWrap .row .packing_content #cCpnNm {float: left;max-width: 75%;text-overflow: ellipsis;letter-spacing: -1px;overflow: hidden;white-space: nowrap;}
.cardInfoWrap .row .p_withelin_btn {float:right;display:inline-block;line-height:32px;font-size:14px;text-align:center;min-width:20px;margin-left:8px;}
.cardInfoWrap .row>label {font-size:14px;width:30%;font-weight:700;color:#333;float:left;padding:10px 0;}
.cardInfoWrap .setClassTitle {padding:0;border-bottom:1px solid #ddd;padding:10px 0;}
.cardInfoWrap .setClassTitle span {font-size:14px;font-weight:700;color:#333;}
.addfileWrap {position:relative;padding-bottom:10px;}
.cardInfoWrap .previewArea {position:relative;width:100%;height:0;overflow:hidden;background:#f9f9f9;padding-bottom: 75%;}
.cardInfoWrap .previewArea img {z-inded:2;position: absolute;top:0;left:0;width:100%;height: 100%;background: #f4f4f4;}
.cardInfoWrap .inputWrap {position: relative;}
.cardInfo .btnZoneBox a {float:left;width:50%;margin:0;box-sizing:border-box;border-radius:2px 0 0 2px;padding:10px 0;font-size:14px;}
.cardInfo .btnZoneBox a:last-child {border-radius:0 2px 2px 0;}
.cardInfo .btnZoneBox:after {content:'';display:block;clear:both;}
.cardInfoWrap .row:after {content:'';display:block;clear:both;}

/* 목표원가 등록 */
.popBody .popContentTitle .f_left {padding-bottom: 10px;font-size: 16px;color: #000;font-weight: 600;}
.popBody .costStateWrap {margin-bottom:10px;}

/* qna */
.trainningWrap .card-footer {padding:20px;border-top:1px solid #ddd;}
.trainQnaList {margin-left:20px;}
.trainQnaList li.qnaItem {border-bottom:1px solid #eee;margin-bottom:20px;}
.trainQnaList .qnaItem h3 {font-size:14px;color:#000;padding:0 0 10px;}
.trainQnaList .qnaItem h3 .qnaNum {font-weight:600;display:inline-block;padding:2px 5px;margin-right:5px;background:#000;color:#fff;}
.trainQnaList li.qnaItem:last-child {border-bottom:0;margin-bottom:0;}
.trainQnaList .answerWrap {}
.trainQnaList .answerWrap > ul > li {padding:8px 0;}

/* EDMS  */
.addUserListInfo {margin:0;padding:0;}
.addUserListInfo li {text-align:left;background:#fff;border:1px solid #ddd;margin-bottom:5px;padding:5px;}
.flexBox {display:flex;justify-content: flex-start;position:relative;}
.flexBox .items {padding:0 4px;position:relative;}
.flexBox .items .n_selectType_l {padding-right:25px;}
.flexBox .items .w130 {width:80px;}
.flexBox .btn-del {position: absolute;right:2px;top: 6px;width: 20px;height: 20px;background: #6a6a6a;line-height: 20px;color: #fff;text-align: center;border-radius: 50%;}
.flexBox .userInfo {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:120px;}
.selectUserWrap {margin:0;padding:0;}
.selectUserWrap .selectUserInner {border:1px solid #ddd;height:400px;overflow:hidden;overflow-y:auto;}
.selectUserWrap .selectUserList {margin:0;padding:0;}
.selectUserWrap .selectUserList li {padding:5px 10px;border-bottom:1px solid #eee;}
.selectUserWrap .selectUserList .selectUserItemBox {position:relative;}
.selectUserWrap .selectUserList .selectUserItemBox .label {position:absolute;padding:4px;right:0;top:0;}
.selectUserWrap .selectUserList li:last-child {border-bottom:0;}
.selectUserWrap .selectUserList li:hover {background:#f9f9f9;color:#000;}
.addUserListWrap {margin:0;padding:0;}
.addUserListWrap .addUserListInner {border: 1px solid #ddd;height: 400px;overflow: hidden;overflow-y: auto;}
.addUserListWrap li {padding: 5px 10px;border-bottom: 1px solid #eee;}
.addUserListWrap li .btn-del:hover {background:#ddd;color:#000;border-radius:50%;}
.addUserListWrap li:hover {background:#f9f9f9;color:#000;}

.app-item-container {box-sizing: content-box;height:260px;padding-left:10px;overflow-y:auto;max-height: calc(-65px + 100vh);}
.app-item-container .app-item {display: inline-block;height: 84px;padding: 6px;position: relative;transition: transform .2s cubic-bezier(.333,0,0,1);vertical-align: top;width: 98px;}
.app-item-container .app-item a {text-align:center;display:block;width:94px;min-height:80px;text-align:center;transition:.3s all;}
.app-item-container .app-item .app-icon {padding:20px 0 10px 0;}
.app-item-container .app-item .app-txt {font-size:14px;padding:0 0 10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:'Noto Sans KR',sans-serif;}
.app-item-container .app-item:nth-child(1) .app-icon {color:#6346cf;}
.app-item-container .app-item:nth-child(2) .app-icon {color:#3163ca;}
.app-item-container .app-item:nth-child(3) .app-icon {color:#5980ff;}
.app-item-container .app-item:nth-child(4) .app-icon {color:#94d91d;}
.app-item-container .app-item:nth-child(5) .app-icon {color:#df5858;}
.app-item-container .app-item:nth-child(6) .app-icon {color:#5886e9;}
.app-item-container .app-item a:hover{background:#e8f0fe;border-radius:5px;position:absolute;}
.app-item-container .app-item a:hover .app-icon{/* color:#1070ed; */}
.app-item-container .app-item a:hover .app-txt {color:#000;}
.app-item-container .app-item a:hover .app-txt {text-overflow:inherit;white-space:inherit;overflow:inherit;}

.location {color:#999;}
.location .active {color:#000;font-weight:500;text-decora}

.card.data-card {transition:all .3s;border: 1px solid #e4e4e4;}
.card.data-card > .card-body {background:transparent;}
.card.data-card .card-footer {padding:10px;}
.card.data-card .card-footer .d-flex {min-height:24px;}
.card.data-card .card-footer .dataName {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.card.data-card:hover {background:#fff;box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);}
.card.data-card:hover .card-footer .dropdown button {color:#067ee5!important;transition:all .3s;}
.card.data-card .itemsInfo .status-ready {color:#e7a10f;}
.card.data-card .itemsInfo .status-ready + .dropdown-menu {background:#fff9ed;}
.card.data-card .itemsInfo .status-ready + .dropdown-menu .status-txt {background-color:#e7a10f;color: #fff;border-radius: 4px;padding: 2px 4px;}
.card.data-card .itemsInfo .status-ing {color:#1a8ad6;}
.card.data-card .itemsInfo .status-ing + .dropdown-menu {background:#eef8ff;}
.card.data-card .itemsInfo .status-ing + .dropdown-menu .status-txt {background-color:#1a8ad6;color: #fff;border-radius: 4px;padding: 2px 4px;}
.card.data-card .itemsInfo .status-success {color:#1fb50d;}
.card.data-card .itemsInfo .status-success + .dropdown-menu {background:#f6fff8;}
.card.data-card .itemsInfo .status-success + .dropdown-menu .status-txt {background-color:#1fb40d;color: #fff;border-radius: 4px;padding: 2px 4px;}
.card.data-card .itemsInfo .status-fail {color:#c04d1c;}
.card.data-card .itemsInfo .status-fail + .dropdown-menu {background:#fff6f6;}
.card.data-card .itemsInfo .status-fail + .dropdown-menu .status-txt {background-color: #a94442;color: #fff;border-radius: 4px;padding: 2px 4px;}
.modal-body .btn-sample {border:1px solid #ececec;}
.modal-body .btn-sample:hover {background:#f9f9f9;}
.modal-body .checkCopy {color:#ac4646;background:#ffeded;padding:5px 10px;border-radius:4px;font-size:12px;}
.uploadWrap {margin:0;padding:0;}
.uploadWrap label.selectFile {transition:all 0.3s;background:#f7f9f9;color:#999;height:220px;border:1px dashed #eee;border-radius:4px;}
.uploadWrap label.selectFile .fn16 {font-size:16px;}
.uploadWrap label.selectFile .fn14 {font-size:14px;}
.uploadWrap .sourceNm {color:#000;font-size:16px;padding:0 0 5px 0;}
.uploadWrap .sourceFileNm {font-weight:300;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.uploadWrap label.selectFile:hover {background:#f2f8ff;color:#234d87;border:1px dashed #a8bedd;}
.sourceFileWrap {border:1px solid #ececec;padding:10px;border-radius:4px;transition:all .3s;}
.sourceFileWrap .sourceFileNm {color:#000;font-size:13px;}
.sourceFileWrap .sourceFileSize {color:#bbb;font-size:10px;}
.sourceFileWrap:hover {background:#f9f9f9;}

.dataInfoWrap {border-top:1px solid #ddd;padding:10px 0;}
.dataInfoWrap .contentTable .contentTableCell:first-child {width:200px;padding-right: 20px;}
.table-container {overflow:auto;border-top: 1px solid #ddd;}
.table-container .table {table-layout:auto;border-top:0;;}
.table-container .table tr th, .table-container .table tr td {white-space:nowrap;overflow: hidden;text-overflow:ellipsis;max-width:400px;}
.table-container .table tr th {background:#e8eef6;position: sticky;top:0;z-index:2;border-bottom:0;}
.table-container .table tr th:before {content:"";position:absolute;right:0px;top:0;width:1px;height:100%;background:#ddd;}
.table-container .table tr th:after {content:"";position:absolute;left:-1px;right:-1px;bottom:0px;width:100%;height:1px;background:#999;}
.table-container .table tr th:last-child {border-right:0;}
.table-container .table tr th:last-child:before {content:"";position:absolute;right:0px;top:0;width:0px;height:100%;background:#ddd;}
.table-container .table tr th.fix,
.table-container .table tr td.fix {right:-1px;position: sticky;top: 0;}
.table-container .table tr td.fix {background:#fff;}
.table-container .table tr th.fix:before {content:"";position:absolute;left:0px;top:0;width:1px;height:100%;background:#ddd;}
.table-container .table tr td.fix:before {content:"";position:absolute;left:0px;top:0;width:1px;height:100%;background:#ddd;}
.table-container.table-lg {width:628px;}


.column-setting {padding:5px;min-width:120px;background:#fff;box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);margin-bottom:10px;border-radius:4px;}
.column-setting .column-title {padding-bottom:5px;border-bottom:2px solid #1b3964;}
.column-setting .opt-wrap {padding:0 0 0 5px;}
.column-setting .opt-wrap ul {margin-top:5px;}
.column-setting .opt-wrap ul li {padding:4px 0;font-weight:300;}
.column-setting .opt-wrap ul li:last-child {}
.column-setting .opt-wrap ul:nth-child(2) {margin-top:10px;padding-top:5px;border-top:1px solid #ddd;}

.learningList {border-top:1px solid #ddd;padding:10px;margin-top:10px;}
.learningList ul {margin:0;padding:0;}
.learningList ul li {border-bottom:1px solid #eee;}
.learningList ul li a {display:block;padding:8px}
.learningList ul li a span.mdi {padding: 5px;border-radius: 50%;border:1px solid #1c8ae8;color:#1c8ae8;display: inline-flex;}
.learningList ul li a:hover {background:#f9f9f9;color:#000;font-weight:500;}
.learningList ul li:last-child {border-bottom:0;}

.runningIcon {padding: 5px;border-radius: 25px;display: flex;width: 80px;height: 80px;justify-content: center;align-items: center;}
.runningIcon.type01 {color: #1c8ae8;background:#edf7ff;}
.runningIcon.type02 {color: #9466c8;background:#f7efff;}
.runningIcon.type03 {color: #7fae4a;background:#e7f4d8;}
.runningIcon.type04 {color: #c6a26f;background:#faf0e3;}

.eduDataWrap {max-height:450px;min-height:450px;overflow-y:auto;}
.eduDataWrap .eduDataList {margin:0;padding:0;list-style:none;}
.eduDataWrap .eduDataList li {cursor:pointer;line-height: inherit;margin-right:10px;border-radius: 0.25rem;border: 1px solid #ededed;margin-bottom:10px;box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);
   transition: all .3s;}
.eduDataWrap .eduDataList.type5n li {width:calc((100% - 40px) / 5);}
.eduDataWrap .eduDataList.type5n li:nth-child(5n) {margin-right:0;}
.eduDataWrap .eduDataList.type3n li {width:calc((100% - 20px) / 3);}
.eduDataWrap .eduDataList.type3n li:nth-child(3n) {margin-right:0;}
.eduDataWrap .eduDataList li .dataIcon {padding:20px;}
.eduDataWrap .eduDataList li .dataName {padding:10px 0;}
.eduDataWrap .eduDataList li:hover {background:#f0f6ff;}
.eduDataWrap .eduDataList li.active {background:#d7e5fa;}


.modal-title .subTitle {font-size:12px;font-weight:300;}
.popContentWrap {background:transparent;position:relative;border:0px solid #e5e5e5;}
.popContentWrap .contentDetail {margin:0 0 0 99px;border-left:1px solid #e5e5e5;padding:20px;background:#fff;min-height:600px;max-height:600px;overflow-y:auto;}
.popContentWrap .contentTab {position:absolute;top:0;left:0;width:100px;}
.contentTab ul.tabsVer {margin:0;padding:0;border:1px solid #e5e5e5;border-top:0;border-left:0;}
.contentTab ul.tabsVer li {list-style:none;}
.contentTab ul.tabsVer li a {display:block;padding:15px 0 15px 15px;border-top:1px solid #ddd;color:#3b4354;margin-top:-1px;background:#f4f4f4;}
.contentTab ul.tabsVer li a:hover {background:#f9f9f9;border-top:1px solid #e5e5e5;border-bottom:0px solid #ddd;border-right:0px solid #b9c1ce;}
.contentTab ul.tabsVer li a.current {background:#fff;font-weight:600;border-top:1px solid #ddd;border-bottom:0px solid #ddd;border-left:2px solid #b73f33;margin-right:-1px;border-right:0;color:#000;}
.contentTab ul.tabsVer2 {margin:0;padding:0;border:1px solid #e5e5e5;border-top:0;border-left:0;}
.contentTab ul.tabsVer2 li {list-style:none;}
.contentTab ul.tabsVer2 li a {display:block;padding:15px 0 15px 15px;border-top:1px solid #ddd;color:#3b4354;margin-top:-1px;background:#f4f4f4;}
.contentTab ul.tabsVer2 li a:hover {background:#f9f9f9;border-top:1px solid #e5e5e5;border-bottom:0px solid #ddd;border-right:0px solid #b9c1ce;}
.contentTab ul.tabsVer2 li a.current {background:#fff;font-weight:600;border-top:1px solid #ddd;border-bottom:0px solid #ddd;border-left:2px solid #b73f33;margin-right:-1px;border-right:0;color:#000;}
.tabsContent, .tabsContent2 {display:none;}
.popContentWrap .varList li {background:#eff5fe;color:#1b3964;padding:4px;border:1px solid #cfdbec;border-radius:5px;margin-top:4px;}
.popContentWrap .varList li:first-child {margin-top:0;}
.qualityList li {padding:15px 0;border-bottom:1px solid #ddd;}
.qualityList li .labelName {font-size:14px;color:#000;padding:10px 0;border-bottom:1px solid #ddd;font-weight:bold;}
.qualityList li:first-child {padding-top:0;}

.predictionList {padding:0;margin-top:-4px}
.predictionList li {background:#eff5fe;color:#1b3964;padding:4px;border:1px solid #cfdbec;float:left;border-radius:5px;margin-top:4px;margin-right:5px;}

.labelProgress {width:60%;margin:0 auto;padding-top:5px;}
.labelProgress .progressBarTitle,
.labelProgress .progressBarBox span {font-size:11px}
.labelProgress .progressBar01 {background:linear-gradient(to right, #fff 0%, rgb(51, 122, 183) 100%);height:10px;}
.labelProgress .progressBar02 {background:linear-gradient(to right, #fff 0%, rgb(220, 53, 69) 100%);height:10px;}

#progress { position: fixed;z-index: 900001;display: none;left: 50%;top: 50%;width: 400px;padding:10px;height: auto;text-align: center;margin-left: -200px;}
#progress .progressTitle {text-align:left;padding-bottom:5px;}
#progress #bar {color:#fff;text-align:right;padding: 0 10px;line-height: 30px;font-size: 14px;border-radius: 4px;}
.pBardimbg {position: fixed;z-index: 900000;background:rgba(0,0,0,.4);display: none;left: 0;top: 0;right:0;bottom:0;height: 100%;}
#orderType .orderType {min-width:120px;text-align:left;padding-right:18px;background-color:#fff;}
#orderType .orderType .caret {position:absolute;right:5px;top:12px;}
#orderType .dropdown-menu>li {float:none;height:auto;line-height:normal;border:0;background:transparent;text-align:left;}
#orderType .dropdown-menu>li.divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
#orderType .dropdown-menu>li>a {font-size: 12px;color: #1b3964;padding: 8px 20px;}
#orderType .dropdown-menu>li>a.active {background:#286090!important;color:#fff;}

/* 머신러닝 icon */
.userMgmtList .module-icon {display:inline-block;width:100px;height:100px;}
.userMgmtList .module-icon.mat-icon {background:url(/images/ai/mat_icon.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.mat-edu {background:url(/images/ai/mat_edu.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.mat-learning {background:url(/images/ai/mat_learning.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.mat-optima {background:url(/images/ai/mat_optima.svg) no-repeat 0 0;background-size:100% 100%;}

.userMgmtList .module-icon.ga-excel {background:url(/images/ai/ga_excel.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.ga-table {background:url(/images/ai/ga_table.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.ga-edu {background:url(/images/ai/ga_edu.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.ga-learning {background:url(/images/ai/ga_learning.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.ga-optima {background:url(/images/ai/ga_optima.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.ga-prediction {background:url(/images/ai/ga_prediction.svg) no-repeat 0 0;background-size:100% 100%;}
.userMgmtList .module-icon.ga-predictionResult {background:url(/images/ai/ga_predictionResult.svg) no-repeat 0 0;background-size:100% 100%;}


.gnb_menu {font-size: 0;text-align: left;}
.gnb_menu .gnb_menu_list {display: inline-block;}
.gnb_menu .gnb_menu_item {display: block;position: relative;padding: 29px 0 30px;font-size: 14px;color: #333;}
.gnb_menu .gnb_dropMenu_wrap {display: none;position: absolute;left: 0;right: 0;top: 38px;z-index: 999;min-width: 1100px;height: 300px;background-color: #fff;font-size: 0;text-align: left;box-shadow:0 0 15px rgba(0,0,0,.125);}
.gnb_menu .gnb_dropMenu_wrap:after {	content:"";position:absolute;top:0;left:0;right:0;height:4px;width:100%;background-color:#9e0b0f;}
.gnb_menu .gnb_dropMenu_wrap > li {position: relative;display: inline-block;vertical-align: top;width: 207px;height: 300px;padding: 28px 0 0;-webkit-transition: all .3s;transition: all .3s;}
.gnb_menu .gnb_dropMenu_wrap > li:before,
.gnb_menu .gnb_dropMenu_wrap > li:last-child:after {content: '';display: block;position: absolute;left: 0;top: 0;width: 1px;height: 100%;background-color: #eee;}
.gnb_menu .gnb_dropMenu_wrap > li:last-child:after {left: auto;right: 0;}
.gnb_menu .gnb_dropMenu_wrap > li:hover {background-color: #f9f9f9;}
.gnb_menu .gnb_dropMenu_wrap > li:hover:before,
.gnb_menu .gnb_dropMenu_wrap > li:hover + li:before,
.gnb_menu .gnb_dropMenu_wrap > li:last-child:hover:after {display: none;}
.gnb_menu .gnb_dropMenu > li {margin: 0 0 7px;font-size: 14px;text-align: left;}
.gnb_menu .gnb_dropMenu_wrap > li .depth_blank {margin: 0 0 7px;font-size: 14px;text-align: left;margin-bottom: 14px;}
.gnb_menu .gnb_dropMenu_wrap > li .depth_blank .gnb_dropMenu_item {display: block;padding: 0 0 0 28px;color: #000;line-height: 1.2;}
.gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item {display: block;padding: 0 0 0 28px;color: #000;line-height: 1.2;}
.gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item .depth {position: relative;display: inline-block;font-size: 13px;opacity: .8;filter: alpha(opacity=80);}
.gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item span:before {content: '';display: block;position: absolute;left: 0;bottom: 0px;width: 100%;height: 1px;background-color: #000;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(0);transform: scaleX(0);transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
.gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item:hover span:before,
.gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item:focus span:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item strong span {position: relative;}
.gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item:hover .depth, .gnb_menu .gnb_dropMenu_wrap .gnb_dropMenu_item:focus .depth {opacity: 1;filter: alpha(opacity=100);}

/* 목표색상과의 델타E 차이 도움말 */
.differenceInfoWrap {position:relative;display:inline-block;}
.differenceInfoWrap .differenceInfoTooltip {position:absolute;left:0;top:28px;width:400px;z-index:10;transition:all .3s;display:none;}
.differenceInfoWrap .differenceInfoTooltip .text-info {display:inline-block;cursor:pointer;}
.differenceInfoWrap .differenceInfoTooltip .differenceInfoCard {box-shadow:0 0 20px rgba(0,0,0,.125);overflow:hidden;}
.differenceInfoWrap .differenceInfoTooltip .differenceInfoCard .card-header {border-bottom:1px solid #ddd;}
.differenceInfoWrap .differenceInfoTooltip .differenceInfoCard .card-title {font-size:14px;color:#000;font-weight:600;border-border:1px solid #ddd;}
.differenceInfoWrap:hover .differenceInfoTooltip {display:block;}



@media all and (max-width:767px) {
	.gnb_menu .gnb_menu_list {display:block;}
	.gnb_menu .gnb_menu_list>.gnb_menu_item::after {position:absolute;top:18px;right:10px;font-size:16px;font-family: FontAwesome;content: "\f105";color:#999;}
}

@media all and (max-width:475px) {
    .showTooltip #joinMemberList, .showTooltip #joinReferList {width:96%;margin:0 2%;left:0;}
    /* .table-responsive {position:relative;}
    .table-responsive:before {position:absolute;left:20px;top:48px;z-index:2;width:56px;text-align:center;height:34px;border:0px dotted #ddd;background:url(/images/common/icon_touch.png) no-repeat center center;background-size:52px 30px;content:'';animation:touch 1s infinite alternate;} kjs */
    @keyframes touch {
        from {opacity:0;}
        to {opacity:1;}
    }
    #treeCommonPop .table-responsive:before {background:none;}
    .table-container.table-lg {width:100%;}
}

@media (min-width: 768px) {
	.table-container.table-lg {width:320px;}
}

@media (min-width: 992px) {
	.table-container.table-lg {width:628px;}
}


@media all and (max-width:767px) {
    /* html, body {font-size:14px;} */
    /* 모바일   */
    .detailConWrap {min-width:100%;width:100%;margin:0;}
    .detailConWrapNoBanner {min-width:100%;width:100%;margin:0;}
    .sideBannerWrap {top:0;left:0;padding:0 10px;}
    .sideBannerWrap .sideBannerInner {width:100%;margin-top:10px;position: static;}
    .sideBannerWrap .sideBannerInner li {width:100%;}
    .sideBannerWrap .sideBannerInner ul li a {margin:0;height:auto;}
    .sideBannerWrap .sideBannerInner ul li a span.icon {display:inline-block;margin-right:10px;padding:10px 0;font-size:22px;}
    .sideBannerWrap .sideBannerInner ul li a em.countNum {right:auto;top:50%;margin-top:-12px;margin-left:5px;}
    .sideBannerWrap .sideBannerInner:after {content:'';display:block;clear:both;}
    #wrapper {min-width:100%;}
    .sub_nav_wrap {display:block!important;}
    .main-header {/* position:fixed; */width: 100%;}
    .main-header .topGnb {padding-left:0;text-align:center;}
    .main-header .topGnb li {float:none;display:inline-block;}
    .main-header .top-logo {width: 100%; float: none;border-bottom:1px solid #eee;}
    .main-header .top-logo a {display:block;margin:0 auto;width:150px;height:56px;background:url(/images/login_logo.png) no-repeat center center;background-size:134px 38px;}
    .main-header .navbar {width: 100%; float: none;border-bottom:2px solid #1b3964;}
    .main-header .sidebar-toggle {display:block;}
    .main-header .navbar {margin-left:0;padding-right:10px;}
    .main-header .navbar .email-menu {display:none;}
    .main-header .navbar .topLeft {}
    .main-header .topSearchGroup {margin-left:0;}
    .main-header .topSearch_input {width:100px;}
    .main-header .navbar-custom-menu {float: right;}
    .main-header .Profile_txt {display:none;}
    .navbar-custom-menu>.navbar-nav {float: right;}
    .navbar-custom-menu>.navbar-nav>li {position: static;}
    .navbar-custom-menu .navbar-nav>li {float: left;}
    .navbar-custom-menu .navbar-nav {margin:0;}
    .navbar-custom-menu .navbar-nav>li>a {padding:0 10px;height:56px;line-height: 56px;}
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {position: absolute;right: 5%;left: auto;border: 1px solid #ddd;background: #fff;}
    .navbar-custom-menu>.navbar-nav>li.user-menu {position:relative;}
    .menuContainer {display:none;}
    .menuContainer .menuWrap .btn-sub-bar {display:none;}
    .aside-right-container,
    .control-sidebar-slide-open .aside-right-container {}
    .control-sidebar-slide-open .nav-tabs.nav-justified > li {display: table-cell;width: 1%;}
    .control-sub-open .aside-left-container, .control-sub-open .control-snb-bg {display:none;}


    .sidebar-open {overflow:hidden;height:100%;position:relative;}
    .sidebar-open .menuContainer {display:block;position:fixed;top:0;right:0;left:0;width:100%;height:100%;z-index:9999;transform:translate(0);-webkit-transform:translate(0);transition:all 0.2s;-webkit-transition:all 0.2s ease-in-out 0s;}
    .sidebar-open .menuContainer .side-menu-header {display:block;position:absolute;top:0;left:0;right:0;z-index:90;transform:translateZ(0);background:#fff;border-bottom:.5px solid #f0f0f0;}
    .sidebar-open .menuContainer .userInfoWrap {position:relative;display:block!important;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu {padding:0 0 0 0;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li {display:inline-block;text-align:center;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li .m-user-menu-inner {padding:0 10px;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li .m-user-menu-inner a {background:#f3f7fb;position:relative;display:block;width:42px;height:42px;line-height:56px;margin:0 auto;border-radius:12px;color:#fff;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li:nth-child(1) .m-user-menu-inner a {color:#00aef0;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li:nth-child(2) .m-user-menu-inner a {color:#5897e6;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li:nth-child(3) .m-user-menu-inner a {color:#62e0d6;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li:nth-child(4) .m-user-menu-inner a {color:#7d00f0;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li:nth-child(5) .m-user-menu-inner a {color:#9196b1;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li .m-user-menu-inner a span.badge {position:absolute;right:-5px;top:-5px;font-size:11px;}
    .sidebar-open .menuContainer .userInfoWrap .m-user-menu ul li .m-user-menu-inner span.infoTxt { display:block;padding:2px 0 0 0;}
    .sidebar-open .menuContainer .userinfo_profile {display: block;padding: 15px 0 10px;letter-spacing: -.5px;}
    .sidebar-open .menuContainer .userinfo_profile .user_info {padding-top:0;font-size:16px;padding-left:12px;line-height: 1.8;}
    .sidebar-open .menuContainer .userinfo_profile .user_info span {display:block;}
    .sidebar-open .menuContainer .userinfo_profile .user_pfimg{width: 50px;height: 50px;position: relative;margin:0;background-image: url(../images/common/bg_pf_noimg.png);-webkit-background-size: 50px 50px;background-size: 50px 50px;-webkit-border-radius: 25px;border-radius: 25px;}
    .sidebar-open .menuContainer .userinfo_profile .user_pfimg .user_thumb {border-radius:50%;overflow:hidden;display:block;}
    .sidebar-open .menuContainer .userinfo_profile .user_pfimg .user_thumb .photo_aspect {display:block;}
    .sidebar-open .menuContainer .userinfo_profile .user_pfimg img {max-width:100%;}
    .sidebar-open .menuContainer .userinfo_profile .user_info .user_nick {color:#000;font-size:18px;font-weight:300;}
    .sidebar-open .menuContainer .userinfo_profile .user_info .user_org {color:#999;font-size:12px;}
    .sidebar-open .menuContainer .userinfo_profile .user_info .user_part {color:#999;font-size: 12px;}
    .sidebar-open .menuContainer .userinfo_profile {display:flex;display:-webkit-flex;width:100%;height:80px;padding:18px 15px 0 20px;box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#fff;z-index:100;}
    .sidebar-open .menuContainer .btn_list{white-space: nowrap;overflow:hidden;overflow-x:auto;height:auto;margin:0;padding:12px 0;text-align:center;font-size:11px;box-sizing:border-box;border-bottom:.5px solid #f0f0f0;}
    .sidebar-open .menuContainer .side-menu-wrap {position:relative;height:100%;padding-top:80px;box-sizing:border-box;background:#fff;}
    .sidebar-open .menuContainer .menuWrap {width:100%;overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch;}
    .sidebar-open .menuContainer .menuWrap .sidebar-footer {padding: 20px 16px 20px;box-sizing:border-box;text-align:center;}
    .sidebar-open .menuContainer .menuWrap>ul {margin-top:0;margin-left:0;}
    .sidebar-open .menuContainer .menuWrap>ul>li:hover {background:none;}
    .sidebar-open .menuContainer .menuWrap>ul>li a {font-size:14px;color:#555;/* color:#151515; */}
    .sidebar-open .menuContainer .menuWrap>ul>li>a {font-weight:500;line-height:26px;height:26px;padding-top:10px;padding-bottom:10px;padding-left:20px;background:#fff;border-bottom:.5px solid #f0f0f0;box-sizing: content-box;}
    .sidebar-open .menuContainer .side-menu-close {/* z-index: 1002;background:#fff;height:42px;position:relative;width:100%;border-bottom:1px solid #eee; */}
    .sidebar-open .menuContainer .side-close {display:block;position:absolute;right:0;top:0;width:42px;height:42px;line-height:48px;color:#555;font-size:20px;text-align:center;z-index: 1002;}
    .sidebar-open .menuContainer .side-setting {display:block;position:absolute;right:42px;top:0;width:42px;height:42px;line-height:48px;color:#555;font-size:20px;text-align:center;z-index: 1002;}
    .sidebar-open .menuContainer .menuWrap>ul>li {float:none;}
    .sidebar-open .menuContainer .menuWrap>ul>li>a.on {background:#e8e8e8;color:#151515;font-weight:600;}
    .sidebar-open .menuContainer .menuWrap>ul>li.menu-dropdown-icon>a::after {position:absolute;top:18px;right:10px;font-size:16px;content: "\f106";color:#999;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap {min-width:auto;height: auto;border-bottom: 1px solid #ddd;display:none;position:initial;padding:0;border-top:0;box-shadow:none;background:#fff;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li {display:block;width:100%;min-height:20px;padding:0;height:auto;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li .depth_blank {margin-bottom:0;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li .depth_blank a {border-bottom:1px solid #f8f8f8;line-height:18px;padding:10px 0 10px 20px;color:#151515;font-weight: 700;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li>.gnb_dropMenu {background:#f8f8f8;margin-left:0;float:none;margin:0;border-bottom:1px solid #f8f8f8;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li>.gnb_dropMenu>li {float:left;width:50%;margin-bottom:0;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li>.gnb_dropMenu>li a {color:#444;padding:12px 0 12px 20px;letter-spacing:-0.05em;border-bottom:0px;border-top:0;font-size:14px;position: relative;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li>.gnb_dropMenu>li a:after {content:"\f105";font-family: FontAwesome;position: absolute;top: 10px;right: 8px;line-height: 10px;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap li>.gnb_dropMenu:after {content:"";display:block;clear:both;}
    .sidebar-open .menuContainer .menuWrap>ul>li>.gnb_dropMenu_wrap:after {content:'';height: 0;width: 100%;background-color:transpartent;}
    .sidebar-open .menuContainer .menuWrap>ul>li.menu-dropdown-icon>a.on::after {content: "\f107";color:#000;}
    .sidebar-open .menuContainer .dropDown li a span {display:none;}

    /* sub icon menu */
    .sub-container {}
    .sub_nav_wrap {width:100%;margin:0;padding:0;overflow: hidden;position: relative;height: 52px;z-index: 10}
    .sch_focus .nav_wrap {display: none !important}
    .subGnbToggle {display:none;}
    .sub_nav {position: relative;height: 50px;background:#1b3964;border: 1px solid rgba(0, 0, 0, .08);border-width: 1px 0;z-index: 20}
    .sub_nav .scroll_wrap {width:100%;position: relative;    transform: translateZ(0);overflow: hidden;overflow-x:auto; -webkit-overflow-scrolling: touch;}
    .sub_nav .nav_list {display: -webkit-inline-flex;display: inline-flex;overflow: visible;min-width: 100%;height: 51px;padding: 0 7px 0 8px;text-align: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top}
    .sub_nav .nav_list::after,
    .sub_nav .nav_list::before {content: "";display: block;overflow: hidden;width: 1px;margin-left: -1px}
    .sub_nav .nav_item {position: relative;width:auto;}
    .sub_nav .nav_a {color:#999;display: inline-block;position: relative;width:auto;height: 51px;font-size:14px;margin: 0 4px 0 3px;padding: 0 4px;line-height: 51px;color:#fff;vertical-align: top}
    .sub_nav .nav_on .nav_a::after {content: "";display:block;position:absolute;top:48px;left:0;width:100%;height:4px;background:#ff7800;}
    .sub_nav .nav_a span {display:none;}
    .sub_nav .nav_a::after {content: "";display: block;position: relative;top: 13px;}
    .subContentWrap {width:100%;box-sizing:border-box;padding:0 10px;}
    .subSearchWrap {padding:10px 0;}
    .sub_nav .nav_item em.ellipsis {float:none;display:block;max-width:100%;color:#fff;}
    .sub_nav .nav_on a {color:#000;}



    /* 검색 */
    .subContentWrap .subSearchWrap {border-bottom:0px solid #eee;margin-bottom:10px;}
    .subContentWrap .subSearchWrapDetail {border:0;padding:0;background:#fff;}
    .subContentWrap .subSearchWrapDetail .f_left,
    .subContentWrap .subSearchWrapDetail .f_right {float:none;}
    .subContentWrap .subSearchWrapDetail .inlineBlock {display:flex;padding:5px 0;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .w120 {width:48%;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .spaceBar {display:inline-block;width:4%;margin:0;text-align:center;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .w180,
    .subContentWrap .subSearchWrapDetail .inlineBlock span.m100 {width:100%;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .spaceBar {display:none;}
    .subContentWrap .subSearchWrapDetail .inlineBlock select {width:100%!important ;}
    .subContentWrap .subSearchWrapDetail .inlineBlock button {border-radius:0;border-left:0;box-sizing:border-box;margin:0 0 0 0;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .btn-search {font-weight:700;width:100%;padding:6px 0;min-width:100%;text-indent:0;position:relative;border:1px solid #afbfd6!important;background:#d2ddec;margin-left:0;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .btn-search2 {margin-left:-1px;border:1px solid #dadada!important;color:#ff7800;background:#fff;line-height:18px;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .btn-detailSearch {margin-left:-1px;border:1px solid #dadada!important;color:#ff7800;background:#fff;line-height:18px;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .btn-search:after {position:inherit;content:"";left:0;top:0;font-size:14px;width:0;height:0;line-height:0;display:block;color:#ff7800;text-indent:0;}
    .subContentWrap .subSearchWrapDetail .inlineBlock .w400 {width:280px;}
    .subContentWrap .subSearchWrapDetail .inlineBlock button:first-child {border-left:0px solid #b1bfd4;}
    .subContentWrap .subSearchWrapDetail .inlineBlock:after {content:"";display:block;clear:both;}
    .subContentWrap .subSearchWrapDetail .mobileOn {display:block;}
    .subContentWrap .subSearchWrapDetail input {}
    .subContentWrap .subContentList li {float:none;width:100%;margin:0;margin-bottom:10px;}
    .subContentWrap .subContentList .ContentListItem {background:#fff;padding-left:10px;border-radius:2px;}
    .subContentWrap .subContentTitle .f_left span:nth-child(1) {font-size:16px;}
    .subContentRegWrap .f_left,
    .subContentRegWrap .f_right {width:100%;}
    .subContentInfo {background:#f8f8f8!important;padding:20px!important;}
    .subContentRegWrap .regCopy,
    .subContentListWrap .regCopy {font-size:14px;}
    .subSearchWrapDetail .f_left {float:none;}
    .subSearchWrapDetail .autoSearch {display:flex;padding-right: 30px;position:relative;}
    .subSearchWrapDetail .autoSearch .input_b { width:100%;}
    .subSearchWrapDetail .autoSearch .btnAutoSearch {position:absolute;right:0;top:0;}
    .popSearch .inlineBlock {display:block;}
    .popSearch .mW100 {width:100%!important;}
    .listWrapL {width:100%;float:none;}
    .listWrapR {width:100%;float:none;padding:0;border:0;}
    #fixTable {width:1000px!important;}
    .respond {display:none;}
    .btn-print {display:none;}
    .btn-viewExpand {display:none;}
    .subSearchWrapDetail .inlineBlock .selectTitle {display:block;padding:0 0 5px 0;line-height:20px;}
    .addFileWrap .alert > p + p {margin-top:0;}
    .statusWrap .statusList li {float:left;padding-top:5px;min-width:33%;}
    .searchContainer {padding-right:0;}
    .subSearchWrapDetail .btn-sm.orgType {border:1px solid #ddd!important;background:#fff;border-radius:2px;width:100%!important;text-align:left;}
    .subSearchWrapDetail .btn-sm.orgType .caret {position:absolute;right:5px;top:12px;}
    .subSearchWrapDetail .showTooltip {width:100%;}
    .subSearchWrapDetail .showTooltip .tooltip_box {width:100%;}
    .subSearchWrapDetail .showTooltip .orgType {background:#fff;text-align:left;border:1px solid #dadada;border-radius:2px;height:32px;color:#444;box-sizing:border-box;line-height:32px;padding: 0 30px 0 10px;background: #fff url(../images/common/bg_arrow_b.png) no-repeat right center;background-size: 18px 4px;}
    .subSearchWrapDetail .searchResultListWrap {white-space: nowrap;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling: touch;display:block!important;transform: translateZ(0);}



    /* 모달팝업 검색 */
    .subSearchWrapDetail .inlineBlock {display:flex;padding:0;}
    .subSearchWrapDetail .inlineBlock .input_b,
    .subSearchWrapDetail .inlineBlock .select_b {width:100%!important;}


    /* 사내게시판 트리 컨트롤 */
    .subContentWrap #btn-SideCat {display:inline-block;}
    .subContentListWrap,
    .subContentRegWrap {position:relative;}
    .subContentLeft {display:none;position:absolute;left:0;top:0;z-index:100;width:100%;background:#fff;box-shadow: 0 2px 10px rgba(0,0,0,0.3);}
    .bo_v_info .pull-right {display:none;}
    .docAllWrap .inlineBlock,
    .contentTable .contentTableTdCell .rowInline{display:block;padding:5px 0;}
    .contentTable .contentTableTdCell .inlineBlock {display:flex;}
    .contentTable .contentTableTdCell .inlineBlock .mgr5 {display:block;width:100%;}
    .contentTable .contentTableTdCell .inlineBlock .select_b,
    .contentTable .contentTableTdCell .inlineBlock .input_b,
    .contentTable .contentTableTdCell .inlineBlock span.m100 {width:100%;}
    .contentTable .contentTableTdCell .inlineBlock .spaceBar {display:none;}
    .contentTable .contentTableTdCell .inlineBlock button.btn-xs {background:#eee;border-radius:50%;}
    .contentTable .contentTableTdCell .inlineBlock button.btn-xs:hover {background:#ddd;color:#000;}
    .contentTable .contentTableTdCell .inlineBlock button#btnOpenAppvLine {display:inline-block!important;}
    .docViewWrap {width:100%;}

    /* 업무메모 */
    .workMemoHeader #joinMemberEntryList,
    .workMemoHeader #joinMemberRefEntryList {display:none;}



    /* 테이블 */
    .table {table-layout:auto;}
    .table td input.w100,
    .table td select.w100 {min-width:120px;}
    .table > thead > tr > th {min-width:auto;}
    .contentTable,
    .officeDocWrap .contentTable {display:block;}
    .contentTable .contentTableRow {display:block;}
    .contentTable .contentTableCell {display:block;padding:0;}
    .contentTable .contentTableRow .contentTableCell:first-child,
    .contentTable .contentTableRow .contentTableCell:nth-child(3){width:auto;padding:10px 0px;text-align: left;font-size:14px;}
    .contentTable .contentTableCell .cellInner .inputWrap {padding:0;padding-left:1px;}
    .contentTable .contentTableCell .inputWrap .mBlock {display: block!important;position:relative;}
    .contentTable .contentTableCell .inputWrap .mBlock.pdr82 {padding-right:82px;}
    .contentTable .contentTableCell .inputWrap .mBlock .input-group:nth-child(1) {width:100%;}
    .contentTable .contentTableCell .inputWrap .mBlock .input-group:nth-child(1) input {width:100%;}
    .contentTable .contentTableCell .inputWrap .mBlock .input-group:nth-child(2) {position:absolute;right:0;top:0;}
    .contentTable .contentTableCell .spaceBar {display:none;}
    .contentTable .contentTableCell strong {font-size:13px;line-height:18px;}
    .contentTable .contentTableThCell,
    .contentTable .contentTableTdCell,
    .officeDocWrap .contentTable .contentTableThCell,
    .officeDocWrap .contentTable .contentTableThCell {display:block;padding:0;line-height:20px;}
    .contentTable .contentTableThCell strong {font-size:13px;line-height:18px;}
    .contentTable .contentTableThCell {width:auto;padding:8px 0;text-align: left;font-size:14px;border-bottom:1px solid #eee;}
    .contentTable .contentTableThCell {background:#fff;border-bottom:0;}
    .contentTable .contentTableThCell .cellTitle {font-size:14px;}
    .contentTable .contentTableTdCell {padding:5px 0;border-bottom: 1px solid #eee;}
    .layerPopContent .contentHeader {padding:10px;background:#f4f4f4 ;}
    .contentTable .contentTableCell.thCell {border-bottom:1px solid #eee;}
    .contentTable .contentTableCell .inputWrap {line-height:32px;padding:0px 0;}
    .contentTable.vh .contentTableThCell {display:none;}
    .contentTable2 .contentTableThCell {width:36px;}
    .contentTable2 .contentTableThCell strong {display:none;}

    .officeDocWrap .contentTable .contentTableRow {display:block;}
    .officeDocWrap .contentTable .contentTableCell {display:block;padding:0;}
    .officeDocWrap .contentTable .contentTableRow .contentTableCell:first-child,
    .officeDocWrap .contentTable .contentTableRow .contentTableCell:nth-child(3){width:auto;padding:10px 0px;text-align: left;font-size:14px;}
    .officeDocWrap .contentTable .contentTableCell .cellInner .inputWrap {padding:0;padding-left:1px;}
    .officeDocWrap .contentTable .contentTableCell .inputWrap .mBlock {display: block!important;position:relative;}
    .officeDocWrap .contentTable .contentTableCell .inputWrap .mBlock.pdr82 {padding-right:82px;}
    .officeDocWrap .contentTable .contentTableCell .inputWrap .mBlock .input-group:nth-child(1) {width:100%;}
    .officeDocWrap .contentTable .contentTableCell .inputWrap .mBlock .input-group:nth-child(1) input {width:100%;}
    .officeDocWrap .contentTable .contentTableCell .inputWrap .mBlock .input-group:nth-child(2) {position:absolute;right:0;top:0;}
    .officeDocWrap .contentTable .contentTableCell .spaceBar {display:none;}
    .officeDocWrap .contentTable .contentTableCell strong {font-size:13px;line-height:18px;}
    .officeDocWrap .contentTable .contentTableThCell,
    .officeDocWrap .contentTable .contentTableTdCell {display:block;padding:0;line-height:20px;}
    .officeDocWrap .contentTable .contentTableThCell strong {font-size:13px;line-height:18px;}
    .officeDocWrap .contentTable .contentTableThCell {width:auto;padding:8px 0;text-align: left;font-size:14px;border-bottom:1px solid #eee;}
    .officeDocWrap .contentTable .contentTableThCell {background:#fff;border-bottom:0;}
    .officeDocWrap .contentTable .contentTableThCell .cellTitle {font-size:14px;}
    .officeDocWrap .contentTable .contentTableTdCell {padding:5px 0;border-bottom: 1px solid #eee;}

    .divTWrap {padding:0;margin:0;}
    .divTWrap .agreeDivTWrap {border-radius:2px;}
    .divT {display:block;width:100%;}
    .divT.divTBodyWrap {padding-top:4px;}
    .divT .divTRow {display:block;}
    .divT .divTHead .divTCell {display:block;color:#000;font-weight:600;border-bottom:1px solid #ddd;padding:4px;}
    .divT .divTBody .divTCell {display:flex;line-height: 1.8em;padding: 0 0 4px 0;vertical-align: middle;border-bottom:0px solid #ddd;}
    .divT .divTCell.num,
    .divT .divTCell.type,
    .divT .divTCell.approve_user,
    .divT .divTCell.agree_user,
    .divT .divTCell.agree,
    .divT .divTCell.explain,
    .divT .divTCell.price,
    .divT .divTCell.control {width:auto;}
    .divT .divTHead .divTCell.control {text-align:right;}
    .divT .divTBody.divTRow {position:relative;border-bottom:1px solid #eee;padding-right: 30px;}
    .divT .divTBody .divTCell.control {position:absolute;right:0;top:0;}
    .divT .divTBody.question {position:relative;padding-right:0;}
    .divT .divTBody.question .explain {display:block!important;}
    .divT .divTBody.question .label {top:8px;}
    .divT .divTBody.answer .divTCell {display:block!important;}
    .divT .divTBody .answerBox .label {left:5px;}

    .divT .mTitle {min-width:65px;display:inline-block;font-weight:600;color:#000;}
    .divT .divTFoot .divTCell.sumTitle {width:80px;}
    .divT .divTFoot .divTCell.totalSum {width:auto;}
    .divT .divTFoot .divTCell {background:#f4f4f4;display:block;width:100%!important;padding:5px!important;}
    .divT .divTFoot.totalSum .divTCell {background:#e6e9ee;}
    .divT .divTCell.approve_user .spanAppvLineDisplayNm,
    .divT .divTCell.agree_user .spanAppvLineDisplayNm {position:relative;padding-left:35px;min-height:32px;}
    .divT .divTCell.approve_user .spanAppvLineDisplayNm button,
    .divT .divTCell.agree_user .spanAppvLineDisplayNm button {position:absolute;left:0;top:0;}
    .panel-default {border:0;}

    /* 고객등록 */
    .userDetailInfoWrap dl dt {padding:0 0 10px 0;font-size:16px;font-weight:600;color:#000;}
    .userDetailInfoWrap dl dd {position:relative;font-size:14px;color:#000;padding:5px 0;font-weight:300;}
    .userDetailInfoWrap dl dd {padding-left:0;}
    .userDetailInfoWrap dl dd strong {display:block;position:inherit;left:0;line-height:20px;top:0px;font-weight:300;font-size:14px;color:#999;width:100%;}
    .userDetailInfoWrap .userDetailInfoHeader {padding:20px 0 0 0;border-bottom:0px solid #eee;}
    .userDetailInfoWrap .userDetailInfoHeader dl dt {padding:0 0 20px 0;font-size:20px;}
    .userDetailInfoWrap .userDetailInfoBody {padding:0 0;}
    .userDetailInfoWrap .userDetailInfoBody dd a {display:block;color:#000;}
    .userDetailInfoWrap .userDetailInfoBody dd em {position:absolute;top:4px;right:0;color:#000;}
    .userDetailInfoWrap dl dd .conInfo {line-height:24px;min-height:24px;}
    .userDetailInfoWrap dl dt .userName {font-size:20px;color:#000;font-weight:600;}
    .userDetailInfoWrap dl dd .userInfo {font-size:14px;color:#000;}

    /* 팀원주간업무현황 */
    .weekReport {display:block;}
    .weekReport .tHead .contentTableTdCell {border:0;}
    .weekReport .contentTableRow {display:block;border:1px solid #ddd;margin-bottom:10px;border-radius:2px;/* box-shadow: 0 1px 15px rgba(0,0,0,.2); */}
    .weekReport .contentTableRow .contentTableTdCell {display:block;width:100%!important;padding-left:10px;border-bottom:1px solid #ddd;}
    .weekReport .contentTableRow .contentTableTdCell:nth-child(1) {background:#e7f1fc;width:100%;font-weight:700;color:#000;font-size:0.75rem;}
    .weekReport .contentTableRow .contentTableTdCell:nth-child(4) {width:100%;border-bottom:0;}
    .weekReport .weekReportContent {min-height:24px;}
    .weekReport .weekReportContent .label, .weekReport .weekReportContent .btn {position:relative;top:0;left:0;}
    .weekReport .weekReportContent .weekReportContentList {padding-top:0;}
    .weekReport .weekReportContent .weekReportContentList ul a {width:auto;}
    .layerPopContentBox .contentTable .contentTableCell {display:table-cell;}
    .layerPopContentBox .contentTable .contentTableRow .contentTableCell:first-child {width:20%;padding:5px 0;text-align: left;font-size:12px;}
    .layerPopContentBox .layerPop .layerPopWrap .layerPopContent .layerPopContentBox {padding:0 20px;}

    .layerPop .layerPopWrap {padding-left: 6px;padding-right: 6px;}
    .layerPop .layerPopWrap .layerPopContent {width:100%;}
    .layerPop .layerPopWrap .layerPopContent .contentInner {width:100%;}
    .layerPop .layerPopWrap:before {display:inline;}


    .modal-dialog {margin:0;width:100%;}
    .modal-content {border:0;border-radius:0;box-shadow:none;}
    .modal-body {}
    .approve .col-md-6 {min-width:100%;}

    input, textarea {-webkit-appearance: none;}
    .subSection-tool .tooltip_box {position:fixed;right:0!important;top:0;width:100%;z-index:100;}
    .subSection-tool .tooltip_box .wrap_autoscroll {height: calc(100vh - 95px)!important;}
    .showTooltip h3.title {font-size:1.07em;}

    /* 댓글 */
    #commentCommonArea .cmtWrap {padding:0 10px;}

    /* 롤링배너 */
    .sideBannerRolling {display:none!important;}
    .exchangeInfo {display:none;}

    .serverError {width:100%;}
    .serverError p.tbx_title1 {font-size:24px;}
    .serverError p.tbx_title2 {font-size:14px;}

    .mobileOut {display:none!important;}
    .mobileOn {display:block!important;}
    .mobileSearcgWrap .btn-group {display:flex;overflow:hidden;overflow-x:auto;white-space: nowrap;-webkit-overflow-scrolling: touch;-webkit-transition: all .3s ease-out 0s;}
    .m-close {display:block;}
    .workTeamListWrap,
    .workWrap {padding:0;margin:0;}
    .teamWork .card-body {padding:0px!important;}
    .workItemContainer {border-radius:0;border:0;border-top:0px solid #ddd;}
    .content-cell:not(.name-cell) {width:80px;}
    .viewContentWrap {-webkit-overflow-scrolling: touch;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;position: fixed;top: 0;left: 0;width: 100%;height: 100%!important;background: #fff;z-index: 1000;-ms-transform: translateX(100%);transform: translateX(100%);transition: transform 250ms ease-in-out;will-change: transform;}
    .viewContentWrap.open {-ms-transform: none;transform: none;overflow-y:auto;}
    .team-content-container {margin-top:0;position:relative;-webkit-overflow-scrolling: touch;-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;width: 100%;margin-bottom: 5px;-ms-overflow-style: -ms-autohiding-scrollbar;border: 0px solid #ddd;overflow-x: auto;padding:0;}
    .team-content-items {/* min-width:600px; */}
    .name-cell-component .edit-icon {display:block!important;}
    .workTeamItem dl dt .edit-tool {display:block;}
    .flyout-wrap {display:block;}
    .card.teamWork {border:0;}
    .card .card-header {padding-left:10px;}
    .card .card-title {font-size:14px;}
    .card .card-title .itemCount {margin-left:4px;padding-left:4px;display:none;}
    .card.today .card-title, .card.noRead .card-title, .card.contentOn .card-title {font-weight:300;}
    /* .card .card-body {padding:0;background:#fff!important;} KJS */
    .card .card-body .workTeamItem,
    .card .card-body .workItem,
    .modal-body .workTeamItem,
    .modal-body .workItem {border-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;border-right:0;border-left-width:2px;border-radius:0;}
    .modal-body .workItem dl dt,
    .card .card-body dl dt {font-size:14px;font-weight:300;}
    .modal-body .workItem dl dd,
    .card .card-body dl dd {color:#666;}
    .card .card-body dl dd strong {font-weight:300;}
    .modal-open .modal {padding-left:0!important;}
    #treeCommonPop .treeWrap .treeBody {height: calc(50vh - 20px)!important;}
    #treeCommonPop .col-md-8 .table-responsive {height:auto!important;min-height:auto!important;/* height:calc(50vh - 20px)!important;min-height:calc(50vh - 20px)!important; */}
    #treeCommonPop .col-md-8 .table-responsive:after {content:'';}
    .subSearchWrapDetail.popSearch {margin-bottom:0;padding:0;padding-bottom:10px;background:#fff;border:0;}
    .subSearchWrapDetail.popSearch .inlineBlock {padding-bottom:5px;}
    .subSearchWrapDetail.popSearch .inlineBlock .select_b {width:100%!important;}
    .subSearchWrapDetail.popSearch .inlineBlock:last-child {padding-bottom:0px;}

    #treeCommonPop .treeWrap .treeHeader {padding:0;padding-bottom:10px;}
    .workMemoFoot .txtArea_b{min-height:100px!important;}
    .workMemoFoot .communi_inputBox .btn_send {line-height:100px;}


    .btn-primary.percent, .btn-primary.price {position:relative;font-size:14px;}
    .btn-primary.percent em, .btn-primary.price em {display:none;}
    .btn-primary.percent:after {content:"\f295";display:block;font-family:FontAwesome;}
    .btn-primary.price:after {content:"\f159";display:block;font-family:FontAwesome;}


    .subSectionTitle .f_left span {font-size:13px;letter-spacing:-1px;}

    /* 전자결재 서식 썸네일 */
    .docSampleList .cardWrap .cardHeader {padding:10px;}
    .docSampleList .cardWrap .cardBody .docSampleImg {min-height:150px;background-size:100% auto;}

    /* 다음지도 */
    #daumPostLayerPop {width:100%!important;left:0!important;height:100%!important;top:0!important;}

    /* 메인 */
    .contentWrap {margin:0 0;padding:0;}
    .contentWrap .infoBox .card {box-shadow:none;border-radius:0;}
    .contentWrap .connectedSortable > li {float:none;margin:0 0 8px 0;}
    .contentWrap .infoBoxWrap > li.mod1,
    .contentWrap .infoBoxWrap > li.mod2 {width:100%;}
    .contentWrap .infoBoxWrap .infoBox .card .card-body {height:auto;}
    .contentWrap .infoBoxWrap .infoBox .card .card-body .card-body-inner {height: 100%;overflow:visible;overflow-y:visible;}
    .contentWrap .infoBoxWrap .infoBox .card .card-body .graphAreaWrap {overflow: visible!important;height: 100%;}

    /* 모바일 탭 */
    .tab_boxWrap {overflow:hidden;height:53px;}
    .tab_box {overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling: touch;    width: 100%;}
    .tab_box ul {white-space: nowrap;display: flex;border-bottom:0px solid #dbdee1;}
    .tab_box ul li.active {border-top:1px solid #000;height: 42px;line-height: 42px;}

    /* 모바일 tree */
    .sideCat-open {overflow:hidden;height:100%;position:relative;}
    #collapseSideCat {-webkit-transform:translateX(-100%);transform:translateX(-100%);padding:0;-webkit-transition: background-color .3s;transition: background-color .3s;display: block;position: fixed;top: 0;left: 0;width: 100%;bottom: 0;z-index: 1000;background: rgba(0,0,0,.8);-webkit-transition: left .3s ease-in-out;-o-transition: left .3s ease-in-out;transition: left .3s ease-in-out;}
    .open#collapseSideCat {-webkit-transform:translateX(0);transform:translateX(0);}
    .open#collapseSideCat .panel {border:0;position: absolute;left: 0;right: 0;bottom: 0;height: 100%;margin: 0;}
    .open#collapseSideCat .panel .searchResultWrap {overflow: auto;position: absolute;height: auto;width: 100%;bottom: 0;-webkit-overflow-scrolling: touch;}
    .open#collapseSideCat .panel .treeHeader {padding:0 10px 10px 10px;box-sizing:border-box;}

    .attendanceStatusWrap [class^='col-md-'] {margin-bottom:5px;}
    .addFileWrap .btn-file-add input {display:none;}
    .table-container.table-lg {width:100%;}

}



@media screen and (min-width: 769px) and (max-width: 1279px){
    /* pad   */
    .contentWrap .infoBoxWrap > li.mod1 {width:32.3%;}
    .contentWrap .infoBoxWrap > li.mod2{width:65.7%;}
}


@media screen and (min-width: 1001px) and (max-width: 1690px) {
    .contentWrap .infoBoxWrap > li.mod1 {width:32.3%;}
    .contentWrap .infoBoxWrap > li.mod2{width:65.7%;}
    .mobileOn {display:none;}
}

@media screen and (min-width: 1280px) and (max-width: 1690px) {
    .contentWrap .infoBoxWrap > li.mod1 {width:32.3%;}
    .contentWrap .infoBoxWrap > li.mod2{width:65.7%;}
    .mobileOn {display:none;}
}

@media screen and (min-width: 1691px) {


}