@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------
   TypeA-Common 
------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
h1, h2, h3, h4, h5, h6{font-weight:700}
h1, h2, .tm1Menu>li>a, .tm2Menu>li>a{font-weight:700;font-family:'NanumGothic', sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
h1{font-size:30px}
h2, .tm1Menu>li>a{color:#222;font-size:18px}
h3, .tm2Menu>li>a{font-size:15px}
h4{font-size:13px}
h5{font-size:12px}
h6{font-size:10px}
.date, .badge, .time, .small{font-size:.8em}
.date, .badge, .badge-trans, .badge-color, .time, .small, .week-group-date{font-family:'Tahoma', Arial, sans-serif}
.badge-color, .time{letter-spacing:0.5px}
.date, .userName, .dept, .label{color:#999}
.userName.new, .new{color:#404040}
.userName, .position, .dept, .label, .workState, .workStateProgress, .alarm{font-size:11px}
.dept, .label{font-weight:400;padding-top:2px}
.dept{text-indent:11px}
.active{font-weight:700}
.title, .img-md span, .itm-name, .alarm-list-group li a{display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.workSpace .title::before, .alarm-list-group li::before{content:"∙";padding-right:5px;margin-left:-9px} 
.userName, .userName a, .itm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:initial}
.itm-name{display:block;color:#666;text-align:center;font-size:12px}
.notify{padding:25px 0px;text-align:center}
.content .notify{padding:20px 0 !important;color:#777;text-align:center}



/*------------------------------------------
   Portlet - Default 
-------------------------------------------*/
.portlet{position:relative;float:left;margin:3px;overflow:hidden}
.pt-header h2{width:calc(100% - 24px);padding:6px 0 7px;background:url(../../TypeA/Image/Portlet/bar_black.gif) no-repeat left bottom}
.pt-header-wt h2{width:calc(100% - 24px);padding:6px 0 7px;background:url(../../TypeA/Image/Portlet/bar_white.gif) no-repeat left bottom;color:#fff}
.content{padding:25px 0 17px}
.list-group li{position:relative;height:28px}
.list-group li>span{display:inline-block;vertical-align:middle}
.list-group.default li>span:first-child{position:relative}
.list-group .title{width:100%;vertical-align:top}
.list-group .workState, .list-group .workStateProgress{letter-spacing:-0.5px;font-size:0.786em}
.list-group .date{padding:5px 0;letter-spacing:0}
.userName a{padding:4px 0;color:#666}
.userName a:hover{font-weight:400;border-bottom:1px solid #666;padding-bottom:0}

.list-group.default .title{width:calc(100% - 15px);margin-right:15px}
.basicList .title{white-space:normal}

/*------------------------------------------
   Portlet - Default(W300)
-------------------------------------------*/
.w300 .list-group.default li{height:55px}
.w300 .list-group.default li>span:first-child{position:absolute;width:100% !important;margin-top:21px}
.w300 .list-group.default .title{width:100%;padding:4px 0 7px;margin-right:0}

/*------------------------------------------
   Container
-------------------------------------------*/
.pt-container, .container-space{height:100%;padding:25px 30px;box-sizing:border-box;background-color:#fff}
.noPadding, .container-banner{padding:0}
.container-notice{width:594px;height:94px} /* Notice*/
.container-notice .pt-header{float:left;display:inline-block;position:relative;width:90px;padding:30px;background-color:#ffdd69}

/*------------------------------------------------------------------------------------------------------------------------
   Color - Common
------------------------------------------------------------------------------------------------------------------------*/
/* 푸른 계열 */
.clr-softBlue{background-color:#5da2d8}
.clr-skyBlue{background-color:#63c2de}
.clr-lightBlue{background-color:#248ad9} 
.clr-blue{background-color:#0d74c4} 
.clr-strongBlue{background-color:#1d5f93}
.clr-deepBlue{background-color:#192f64} 
.clr-indigo{background-color:#5168a1}
.clr-ultramarine{background-color:#165abc}
.clr-darkBlue{background-color:#000e47}

/* 연두 계열 */ 
.clr-flash{background-color:#69c55e}
.clr-lightGreen{background-color:#65c51f}
.clr-green{background-color:#4fb405}
.clr-grass{background-color:#49a25e} 
.clr-forest{background-color:#2a873c}

/* 주황 계열 */
.clr-gold{background-color:#ffc000}
.clr-amber{background-color:#ffa200} 
.clr-orange{background-color:#ff8a00}
.clr-deepOrange{background-color:#ff6600}

/* 붉은 계열 */
.clr-peach{background-color:#f78d8d}
.clr-warm{background-color:#ff6666} 
.clr-coral{background-color:#f44343}
.clr-rose{background-color:#df2d52} 
.clr-point{background-color:#f33737}

/* 보라 계열 */
.clr-lightPurple{background-color:#a68cd0}
.clr-softViolet{background-color:#5f5fc2}
.clr-violet{background-color:#3939b3}  

/* 파스텔 계열 */
.clr-emerald{background-color:#62cd97}
.clr-turquoise{background-color:#4ebbaa}
.clr-cyan{background-color:#0097be}
.clr-lavender{background-color:#5c92d4}

/* 무채색 계열 */
.clr-silver{background-color:#e3e3e3}
.clr-gray{background-color:#aeaeae}
.clr-basic{background-color:rgba(0,0,0,.3)} /* 보조색. Select Menu 배경색 */
.clr-dark{background-color:#535353}  /* 오늘의 일정 배경색*/


/*------------------------------------------
   TypeA - Main Color 
-------------------------------------------*/
.clr-primary{background-color:#2072d0 !important} /* 메뉴 선택 등 강조 부분 적용 */
.clr-create{background-color:#91ce60} /* 개설하기*/
.clr-clean{background-color:rgba(38,102,200,.8) !important} /* 스크랩북 배경색 */
.clr-light{background-color:#f4f4f4} /* 주소록 배경색 */
.clr-assist{background-color:#eee !important} /* 스페이스 소개,  프로필/나의 스페이스 바로가기 */
.clr-accent{background-color:#ffb400}

/*------------------------------------------
   Space Icon : A~F color pattern
-------------------------------------------*/
.clr-basicA{background:rgba(0,0,0,.3) url(../../TypeA/Image/Portlet/space-img1.jpg) no-repeat center;background-size:100%}
.clr-basicB{background:rgba(0,0,0,.3) url(../../TypeA/Image/Portlet/space-img2.jpg) no-repeat center;background-size:100%}
.clr-basicC{background:rgba(0,0,0,.3) url(../../TypeA/Image/Portlet/space-img3.png) no-repeat center}

/*------------------------------------------
   Timeline - Sort - Color 
-------------------------------------------*/
.clr-dark::before{background-color:#535353} 
.clr-lightBlue::before{background-color:#248ad9}
.clr-blue::before{background-color:#0d74c4}
.clr-lightGreen::before{background-color:#65c51f}
.clr-green::before{background-color:#4fb405}
.clr-gold::before{background-color:#ffc000}
.clr-amber::before{background-color:#ffa200}
.clr-orange::before{background-color:#ff8a00}
.clr-warm::before{background-color:#ff6666}
.clr-coral::before{background-color:#f44343}
.clr-rose::before{background-color:#df2d52}
.clr-softViolet::before{background-color:#5f5fc2}
.clr-violet::before{background-color:#3939b3}

/*------------------------------------------
	Icon Size 
-------------------------------------------*/
.ico-xxs, .ico-xs, .ico-sm, .ico-md, .ico-lg, .ico-xl{display:inline-block;border-radius:50%;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ico-xxs{width:25px;height:25px} /* Number */
.ico-xs{width:32px;height:32px}
.ico-sm{width:40px;height:40px}
.ico-md{width:48px;height:48px}
.ico-lg{width:70px;height:70px}
.ico-xl{width:90px;height:90px}

/*------------------------------------------
   Image-Size
-------------------------------------------*/
.thumb{display:inline-block;overflow:hidden}
.img-xl, .img-xl img, .img-xl.i-user{width:80px;height:80px;border-radius:50%;background-size:80px}
.img-lg, .img-lg img, .img-lg.i-user{width:70px;height:70px;border-radius:50%;background-size:65px}
.img-md, .img-md img, .img-md.i-user{width:48px;height:48px;border-radius:50%;background-size:48px}
.img-sm, .img-sm img, .img-sm.i-user{width:30px;height:30px;border-radius:50%;background-size:30px}

.img-md span{padding-top:15px;color:#fff;text-align:center;font-family:'NanumGothic', sans-serif;font-size:12px}
.image:hover, .image:focus{font-weight:400}

/*------------------------------------------
   User 
-------------------------------------------*/
.i-user{background:#ddd url(../../Common/Image/Svg/icon-person.svg) no-repeat center}

/*------------------------------------------
   Badge
-------------------------------------------*/
.badge, .badge-trans, .alarm >a{display:inline-block;min-width:9px;max-width:31px;border-radius:100px;vertical-align:middle;text-align:center;letter-spacing:0;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.badge{position:absolute;top:0;right:0;background-color:#404040;color:#fff;line-height:1}
.badge-trans{width:100%;background:transparent;color:#404040;font-size:13px}
.pad-sm{padding:3px 4px 4px}
.pad-md{padding:1px 5px}
.pad-lg{padding:.198em .54em .216em .66em}
.badge:hover{color:#fff}
.badge:empty{display:none}

/*------------------------------------------------------------------------------------------------------------------------
   Align
------------------------------------------------------------------------------------------------------------------------*/
.alignC{text-align:center}
.alignL, td.alignL{text-align:left !important}
.alignR{text-align:right}

/*------------------------------------------------------------------------------------------------------------------------
   Multiline Truncation
------------------------------------------------------------------------------------------------------------------------*/
.block-txt{overflow:hidden;position:relative;padding-right:1em;margin-right:-1em;text-align:justify}
.block-txt::before{content:'...';position:absolute;right:0;bottom:0}
.block-txt::after{content:'';position:absolute;right:0;width:1em;height:1em;margin-top:0.2em;background:white}

.txt-line2{max-height:3em}
.txt-line3{max-height:4.6em}
.txt-line6{max-height:3em;padding-right:10px;margin-right:-.5em}

/* TypeA */
/*.notice-cnt .block-txt::after{background:#e5e9f2}*/
.survey-cnt .block-txt::before{bottom:1px}
.survey-cnt .block-txt::after{background:#90c1b2}
.survey-cnt .explain.block-txt::before{right:3px;bottom:0}
.issue-cnt .block-txt::after{background:#b0bab1}
.resource-cnt .block-txt::after{margin-top:0.3em;background:#ebf0f8}
.workSpace-cnt .block-txt::after{margin-top:1.9em;background:#fff}
.w600 .workSpace-cnt .block-txt::before{right:2px;bottom:-1px}
.w600 .workSpace-cnt .block-txt::after{height:2em;margin-top:0.7em}

/*------------------------------------------
   Slide
-------------------------------------------*/
.slide-area .slide, .slide-area .ct-slide{position:absolute;top:41px;width:100%}
.slide-area .slide a, .slide-area .ct-slide a{display:block;width:18px;height:24px;background:url(../../Common/Image/Svg/bullet-arrow-left-bk.svg) no-repeat -3px 0;background-size:24px 24px;opacity:0.3;text-indent:-999999%;overflow:hidden}
.slide-area .slide a:hover, .slide-area .ct-slide a:hover{opacity:0.7}
.slide-area .slide a.prev, .slide-area .ct-slide a.prev{float:left;margin-left:10px}
.slide-area .slide a.next, .slide-area .ct-slide a.next{float:right;background-image:url(../../Common/Image/Svg/bullet-arrow-right-bk.svg);margin-right:10px}
.slide-area .slide-dot-group{width:100%;height:10px;margin-top:6px;text-align:center}
.slide-area .slide-dot-group>a{display:inline-block;width:10px;height:10px;margin:0 3px;background:url(../../Common/Image/Svg/bullet-circle.svg) no-repeat 0 0;opacity:0.25;text-indent:-999999%;cursor:pointer}
.slide-area .slide-dot-group a.selected{opacity:0.7}

/*------------------------------------------
   Button
-------------------------------------------*/
.btn-lg,.btn-md,.btn-sm,.btn-xs{border:1px solid rgba(0,0,0,0.15);margin:0 2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#a6b0b8;color:#fff;font-weight:700;font-size:12px;font-family:'Malgun Gothic';white-space:nowrap}
.btn-lg{padding:8px 20px 10px}
.btn-md{padding:3px 15px 5px}
.btn-sm,.btn-xs{font-size:11px;background-color:rgba(0,0,0,0.05);color:#666}
.btn-sm{padding:2px 6px 4px}
.btn-xs{padding:0 6px 2px}
.btn-lg:hover, .btn-md:hover{border:1px solid rgba(0,0,0,0.1);background-color:#828c94;color:#fff}
.btn-sm:hover,.btn-xs:hover{background-color:rgba(0,0,0,0.1);color:#333}
.btn-rounded{display:inline-block;height:40px;padding:0 20px;border-radius:100px;background:transparent;border:1px solid rgba(0,0,0,.15);font-size:14px;font-weight:400;font-family:'NanumGothic';letter-spacing:-0.5px}

/* 스타일을 줄 파일들 btn-all.html 파일 안에서 확인가능 */
.btn-search{margin:0 10px;background-color:#fff;color:#404040;border:1px solid rgba(0,0,0,0.25)}
.btn-search:hover{border:1px solid rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.3);color:#fff}
.btn-write{}
.btn-delete{}
.btn-print{}
.btn-save{}
.btn-check{}
.btn-plus{}
.btn-link{}
.btn-image{}
.btn-copyEdit{}

.btn-bold{font-weight:700}
.btn-cancel{color:rgba(0,0,0,0.5)}

/*------------------------------------------
   Icon, Blet
-------------------------------------------*/
.ico, .blet, .c-ico, .c-blet{display:inline-block;overflow:hidden;position:relative;font-size:0px;background-image:url(../../TypeA/Image/Portlet/iconSet.png);background-repeat:no-repeat;text-indent:-999999px}
.c-ico, .c-blet{background-image:url(../../TypeA/Image/Portlet/type-iconSet.png)}
[class^="ico q-"]{font-size:13px;text-indent:0;background:none}/* 퀵메뉴관련 */

/*------------------------------------------
   Icon-More & Icon-Setting + Button
-------------------------------------------*/
.ico-more, .ico-setting, .ico-sort, .ico-reset, .blet.b-more, .ico-more-wt{position:absolute;right:23px;top:25px;width:24px;height:24px;margin:8px 0;opacity:.5; text-indent:-999999px}
.ico-more-wt{top:4px;right:-7px;background:url(../../Common/Image/Svg/blet-more-wt.svg) no-repeat center}
.ico-more, .blet.b-more{background:url(../../Common/Image/Svg/bullet-more.svg) no-repeat center}
.ico-setting{background:url(../../TypeA/Image/Portlet/iconSet.png) no-repeat -43px -113px}
.ico-more:hover, .ico-more-wt:hover, .ico-setting:hover{opacity:.8}
.ico-sort{background:url(../../TypeA/Image/Portlet/type-iconSet.png) no-repeat -50px -180px}
.ico-reset{background:url(../../TypeA/Image/Portlet/type-iconSet.png) no-repeat -357px -175px}
.btn.b-more-txt{display:inline-block;padding:4px 12px;margin-top:4px;font-size:10px;font-family:'NanumGothic', sans-serif;border-radius:0;background:rgba(0,0,0,.45);color:#fff}
.ico-restore{position:absolute;top:0;right:0;width:26px;height:24px;background:#000 url(../../Common/Image/Svg/bullet-back-arrow.svg) no-repeat center;background-size:21px;text-indent:-999999%;opacity:.35;overflow:hidden;z-index:10}
.ico-restore:hover{opacity:.5}

/*------------------------------------------------------------------------------------------------------------------------
   Scroll Height
------------------------------------------------------------------------------------------------------------------------*/
.scroll-sm{height:89px}
.scroll-md{height:130px}
.scroll-lg{height:175px}
.scroll-xl{height:435px}

/*------------------------------------------------------------------------------------------------------------------------
   Tab Menu Style
------------------------------------------------------------------------------------------------------------------------*/ 
/*------------------------------------------
   Tab Menu : Common
-------------------------------------------*/
.tabMenu, .tabMenu-task{margin-top:10px;overflow:hidden}
.tabMenu.noMargin, .tabMenu-task.noMargin{margin:0px}
.tabMenu.hasMore.count2 li{width:calc(50% - 24px)}
.tabMenu.hasMore.count3 li{width:calc(33% - 24px)}
.tabMenu li, .tabMenu-task li{position:relative;float:left;text-align:center;cursor:pointer}
.tabMenu li a, .tabMenu-task li a{display:block;font-family:'NanumGothic';text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tabMenu li a:hover, .tabMenu li.active a, .tabMenu-task li a:hover, .tabMenu-task li.active a{font-weight:700}

/*------------------------------------------
   Tab Menu : Default Style
-------------------------------------------*/
.tabMenu li{width:auto;max-width:90px;height:33px;padding:3px 9px;background:transparent;border-bottom:1px solid #222;line-height:33px}
.w600 .tabMenu li{max-width:150px}
.tabMenu li:first-child, .tabMenu li.active:first-child{border-left:none}
.tabMenu li a{color:#222;font-size:18px}
.tabMenu li.active{border:1px solid #222;border-bottom:none}
.tabMenu li.active:last-child{border-right:none}

/*------------------------------------------
   Tab Menu StyleA : WorkState
-------------------------------------------*/
.tabMenu-task li{width:calc(25% - 1px);height:40px;background-color:#eee;border-left:1px solid #fff}
.tabMenu-task.count1 li{width:calc(100% - 1px)}
.tabMenu-task.count2 li{width:calc(50% - 1px)}
.tabMenu-task.count3 li{width:calc(33% - 1px)}
.tabMenu-task.count4 li{width:calc(25% - 1px)}
.tabMenu-task.count5 li{width:calc(20% - 1px)}
.tabMenu-task li a{height:20px;padding:10px 3px;color:#404040;font-size:15px}
.tabMenu-task li .b-more, .tabMenu-task li.active .b-more{display:none;position:absolute;top:0;right:3px;width:24px;height:20px;margin:0}
.tabMenu-task li.active{background-color:#5da2d8}
.tabMenu-task li.active a{width:calc(100% - 25px);color:#fff}
.tabMenu-task li.active .b-more{display:block;opacity:0.7}
.tabMenu-task li.active:hover .b-more{opacity:1}

/*----------------------------------------
   Bullet
 -----------------------------------------*/
.blet-dot{display:inline-block;width:3px;height:3px;border-radius:50%;vertical-align:middle}
.b-default{margin-top:-1px;margin-right:5px;border:1px solid #0d74c4;background:#0d74c4}
.b-new{margin-top:2px;margin-left:-3px;border:1px solid #f54a4a;background:#f54a4a;vertical-align:top;text-indent:-999999%}
.b-new:empty{display:none}

/*------------------------------------------
   DatePicker
-------------------------------------------*/
.ui-datepicker-trigger{margin-left:2px;margin-top:-2px;cursor:pointer;height:15px;vertical-align:middle}
.ui-datepicker-trigger.ui-date{position:absolute;right:8px;top:5px;height:16px;vertical-align:middle}

/*------------------------------------------
   Progress State
-------------------------------------------*/
.workStateProgress{display:inline-block;width:70px;height:19px;padding:1px 0px 0px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.workStateProgress, .workStateProgress:hover, .workStateProgress:focus{color:#fff}

.going, .notReturn, .progress, .goingnormal, .goingdelay, .using{background-color:#5da2d8}
.completing, .end, .return{background-color:#1d5f93}
.reject{background-color:#aaa}
.init{background-color:#e3e3e3}

.going, .notReturn{background-image:url(../Image/Portlet/ing-pattern.png)} /* 진행중 */
.progress{} /* 진행 */
.completing{background-image:url(../Image/Portlet/ing-pattern3.png)} /* 완료중 */
.end{} /* 완료 */
.init{color:#666} /* 대기 */
.init:hover, .init:focus{color:#666}
.reject{} /* 반려 */
.goingnormal{background-image:url(../Image/Portlet/ing-pattern1.png)} /* 진행중(정상) */
.goingdelay{background-image:url(../Image/Portlet/ing-pattern2.png)} /* 진행중(지연) */
.using{}
.return{}

/*------------------------------------------
   Status(중요도)
-------------------------------------------*/
.star, .starNone{display:inline-block;min-width:31px;height:20px;background:url(../../TypeA/Image/Portlet/iconSet.png) no-repeat 0px -892px;vertical-align:middle}
.star3{background-position:0px -915px}
.star2{background-position:0px -937px}
.star1{background-position:0px -959px}

/*------------------------------------------
   Portlet-Select Menu
-------------------------------------------*/
.pt-container select, .shortcut select{width:100%;height:40px;padding:3px 15px;border:none;background:#b2b2b2 url(../../Common/Image/Svg/bullet-arrow-bottom-fill.svg) no-repeat 98% 51%;background-size:26px;font-family:inherit;color:#fff;font-size:0.929em;font-weight:700;letter-spacing:0.5px;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.pt-container select::-ms-expand, .shortcut select::-ms-expand, .ct-container select::-ms-expand{display:none}
.pt-container select option{padding:5px 0;height:30px;line-height:30px}
.shortcut select{width:90%;height:28px;border:1px solid #ddd;background:#fff url(../../Common/Image/Svg/bullet-arrow-bottom-fill-bk.svg) no-repeat 98% 51%;background-size:26px;color:#404040}

/*------------------------------------------
   Portlet-MapTree
-------------------------------------------*/
.mapTreeWrap{width:100%;margin-top:15px}
.mapTreeWrap .dynatree-container{overflow:visible}
.h300 .mapTreeWrap{height:180px}

/*------------------------------------------
   Right Panel
-------------------------------------------*/
.right_panel{top:-4px}

/*------------------------------------------
   LNB - Tree
-------------------------------------------*/
.lnbWrap .spare{position:relative;height:21px;margin:3px 2px}
.lnbWrap .allView{position:relative;height:20px;padding:4px 6px 1px}
.lnbWrap .treeAll{position:relative;top:-1px;padding:4px 8px;color:#fff;font-weight:700;font-size:10px;font-family:'NanumGothic';background-color:rgba(0,0,0,.3)}
.lnbWrap .treeAll:hover{background-color:rgba(0,0,0,.4)}
.lnbWrap .lnbHidden, .lnbShow{position:absolute;top:6px;width:24px;height:19px;border:1px solid rgba(0,0,0,.15);overflow:hidden;text-indent:-999999%}
.lnbWrap .lnbHidden{right:0px;background:url(../../TypeA/Image/Portlet/iconSet.png) no-repeat 3px -1080px}
.lnbWrap .lnbHidden:hover{border:1px solid rgba(0,0,0,.05);background-color:rgba(0,0,0,.3);background-position:-117px -1080px}
.lnbShow{display:inline-block;left:0px;top:30px;height:33px;border:1px solid rgba(0,0,0,.05);border-left:none;background:rgba(0,0,0,.3) url(../../TypeA/Image/Portlet/iconSet.png) no-repeat -117px -1132px}
.lnbShow:hover{border:1px solid rgba(0,0,0,.15);border-left:none;background-color:#fff;background-position:3px -1132px}

/*------------------------------------------
   Tree - Tab
-------------------------------------------*/
.tabMenu-tree{height:40px}
.tabMenu-tree.count1>li{width:100%}
.tabMenu-tree.count2>li{width:50%}
.tabMenu-tree.count3>li{width:33.3%}
.tabMenu-tree>li{display:inline-block;float:left;border-left:1px solid #fff;background-color:#eee;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tabMenu-tree>li:first-child{border-left:none}
.tabMenu-tree>li.active{background-color:#5da2d8}
.tabMenu-tree>li.active a{color:#fff}
.tabMenu-tree>li>a{display:block;width:100%;padding:12px 10px;color:#404040;font-weight:400;font-size:14px;font-family:'NanumGothic';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.tabMenu-tree>li.active a, .tabMenu-tree>li>a:hover, .tabMenu-tree>li>a.active{font-weight:700}
.tabMenu-tree>li.active a.normalTreeTab{cursor:default}

.lnbWrap .tabMenu-tree{height:36px;margin:2px}
.lnbWrap .tabMenu-tree>li>a{padding:10px}

/*------------------------------------------
   Tree - Search
-------------------------------------------*/
.treeWrap .content, .lnbWrap .content{padding:6px;border:1px solid #ddd;margin-top:10px}
.treeWrap .searchBox, .lnbWrap .searchBox{height:30px;margin:3px 2px;border:1px solid #ddd;background-color:transparent}
.maximizedPageWrap .lnbWrap .searchBox{margin:3px 2px 10px}
.treeWrap .btn-search, .lnbWrap .btn-search{border:none}
.treeWrap .searchBox .searchTxt, .lnbWrap .searchBox .searchTxt{width:calc(100% - 32px);padding:0 10px;border:none;color:#666;font-size:13px;line-height:30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.treeWrap .searchBox .btn-search, .lnbWrap .searchBox .btn-search{display:inline-block;float:right;width:30px;height:30px;margin:0;background:url(../../Common/Image/Svg/icon-search-bk.svg) no-repeat 2px 1px;background-size:28px;text-indent:-9999px;opacity:0.5}
.treeWrap .searchBox .btn-search:hover, .lnbWrap .searchBox .btn-search:hover{opacity:0.7}

/*------------------------------------------
   Tree - Expand
-------------------------------------------*/
.treeExpand{display:inline-block;position:relative;float:right;top:11px;right:3px;background-color:transparent;z-index:1}
.treeExpandUser{top:0}
.treeExpand a{display:inline-block;margin-left:1px;width:21px;height:13px;text-indent:-999999%;overflow:hidden}
.treeExpand a.btn-unfold{background:rgba(0,0,0,.2) url(../../Common/Image/Svg/bullet-arrow-top-fill.svg) no-repeat 0 -1px}
.treeExpand a.btn-fold{background:rgba(0,0,0,.2) url(../../Common/Image/Svg/bullet-arrow-bottom-fill.svg) no-repeat 0 -1px}
.treeExpand a:hover{background-color:rgba(0,0,0,.35)}
.treeExpand a.btn-unfold.disabled, .lnbWrap .treeExpand a.btn-fold.disabled{background-color:rgba(0,0,0,.07)}
.treeExpand a.btn-unfold.disabled:hover, .lnbWrap .treeExpand a.btn-fold.disabled:hover{background-color:rgba(0,0,0,.07)}
.lnbWrap .content .treeExpand{top:0;margin:-8px -1px}

/*------------------------------------------
   Portlet-scroll
-------------------------------------------*/
.mCSB_scrollTools{opacity:.7}
.mCSB_outside + .mCSB_scrollTools{right:-32px}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-35px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:rgba(0,0,0,0.2)}
.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:4px}
.lnbWrap .mCSB_outside + .mCSB_scrollTools{right:-3px}


/*스크롤 변경 확인파일*/
/*.mCustomScrollBox{width:calc(100% + 30px)}*/
.mCSB_inside > .mCSB_container{margin-right:30px}

/*------------------------------------------
   Scrapbook Tree : iframe
-------------------------------------------*/
.scrapbookviewtreepage{margin:6px 2px 2px}

/*----------------------------------------------------------------------------------------------------------------------
   Approval - Container : 결재함
------------------------------------------------------------------------------------------------------------------------*/
.approvalinputpage, .approvalapproveviewpage, .approvalviewpage, .approvalboxpage{margin:0}
.approval-wrap{overflow:hidden;width:1194px;padding:0}
.approval-wrap>div{box-shadow:none}
.approval-wrap>div.right_panel{margin-left:28px !important}

/*------------------------------------------
   Approval LnbWrap : Left
-------------------------------------------*/
.approval-lnbWrap{width:272px;margin-bottom:30px}
.approval-lnbWrap>p .itm-btn{width:222px;background-image:url(../../TypeA/Image/Portlet/img-btn.png)}

/* 문서함 */
.etc-box li{width:83px}
.etc-box li span.smaller{line-height:1.2}
.etc-box .badge{left:auto;background-color:#0097be}
#deptView a.deptName{padding-top:4px}

/* 부서함 */
.storage-box button{margin-top:8px}
.storage-box .mCSB_outside + .mCSB_scrollTools{right:-26px}

/*------------------------------------------
   Approval ContentWrap : Right
-------------------------------------------*/
.approval-contentWrap{width:894px}
.approval-contentWrap .title-img{background-position:0px -8px}
.approval-content{box-sizing:border-box}
.approval-content>h3::before{background-position:0px -479px}

/* SearchForm */
.searchForm .attribute>li{width:calc(50% - 13px)}
.searchForm table input[type=text]{height:28px}

/*----------------------------------------------------------------------------------------------------------------------
   LayerContainer : Popup
------------------------------------------------------------------------------------------------------------------------*/
.layerContainer .header h2{font-size:13px;letter-spacing:0}

/*------------------------------------------
   TabMenu - Group : 메뉴들
-------------------------------------------*/
.tabMenu-group .menu-itm a{font-size:13px}

/*----------------------------------------------------------------------------------------------------------------------
   Page Style (제일 하단에 있도록 함)
------------------------------------------------------------------------------------------------------------------------*/
.defaultpage{position:absolute;width:100%;margin:0;background:#000 url(../../Common/Image/Svg/bg.svg) repeat;background-size:100%;min-height:100vh}
.defaultpage::before{content:'';position:absolute;width:100%;height:100%;background:url(../../Common/Image/Svg/bg-pattern.svg) 0 0;background-size:2px 2px;opacity:.3}
.workspacedefaultpage, .teamspacedefaultpage{background-image:url(../../Common/Image/Svg/bg-pattern-trans15.svg);background-repeat:repeat;background-position:0 0;background-size:2px}
.wrap{max-width:1200px;margin:0 auto 100px}
.portalBuilderPage .wrap{width:1200px}
.portalBuilderPage .spacewrap{width:1200px;}

.wrapIframe{max-width:1200px;margin:0 auto 50px} 
.portalIframe{position:relative;margin:0 3px -4px;height:calc(100vh - 215px);width:calc(100% - 6px);background-color:#fff} 
.formeditorpage{margin:0}
.addquestionpage{overflow:auto !important}

.maximizedPageWrap.approvalboxportlet{overflow:hidden;background-color:transparent;padding:0;top:1px} /*결재함*/
.maximizedPageWrap.docstorageboxportlet{width:1194px;padding:0} /*문서함*/
.maximizedPageWrap.approvaltodoportlet{width:1194px;padding:0;background-color:transparent} /*결재함 최대화*/

/* Today 최대화 */
.maximizedPageWrap.todayportlet .approval-wrap{width:auto}
.maximizedPageWrap.todayportlet .approval-contentWrap{width:834px}
.maximizedPageWrap.todayportlet .approval-content{padding:25px 10px 24px}
.maximizedPageWrap.todayportlet .approval-contentWrap .title-img{background-position:-86px -8px}
.maximizedPageWrap.todayportlet .approvalPersonalSetting a{padding:14px 25px 14px;border:1px solid rgba(0,0,0,.1)}
.maximizedPageWrap.todayportlet .approval-lnbWrap{margin-bottom:0}

/*------------------------------------------
   Search Auto Keyword
-------------------------------------------*/
.keyword-group {position:absolute;left:0px;top:41px;width:225px;padding:18px 15px;background-color:#fff;border-radius:2px;box-sizing:border-box;box-shadow:0 0 15px rgba(0,0,0,.2), 0 0 1px rgba(0,0,0,.2);z-index:20}
.keyword-group li, .dept-group li{overflow:hidden;padding:1px 8px 3px;line-height:1.75em;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.keyword-group li.active{padding:1px 8px 3px;font-weight:700;line-height:1.75em;background-color:#eaf4f9}
.b-disc{display:none}