@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,table,th,td,input,select,button,iframe,form{margin:0;padding:0;font-size:13px;font-family:'Malgun Gothic', '맑은 고딕', Tahoma, Arial, sans-serif;color:#666;line-height:1.5;letter-spacing:-0.5px;word-break:break-all;-ms-word-break:break-all}
dl,ul,ol,li{list-style:none}
table{border-collapse:collapse;border-spacing:0;border:0}
textarea{border:1px solid #e0e0e0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
input[type=text],input[type=password],select{min-height:24px;border:1px solid #e0e0e0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
input[type=checkbox],input[type=radio]{border:0 none;background:transparent;vertical-align:middle}
table input[type=text],table input[type=password],table select,table textarea{/*width:100%;*/padding:0 5px;font-size:13px}
table select{padding:1px 2px 4px}
table caption{line-height:0;overflow:hidden;text-index:-999999px}
table td{padding:0;font-size:13px}
hr{display:none}
fieldset,img,iframe{border:none}
iframe{margin-bottom:-4px} /* html5 frameborder size */
fieldset{padding:0.35em 0.75em 0.625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
input::-ms-clear{display:none}
::-webkit-input-placeholder{color:inherit;opacity:0.5}
a{background-color:transparent;color:#404040;text-decoration:none;-webkit-text-decoration-skip:objects;cursor:pointer}
a:hover, a:focus{color:#333;font-weight:700;text-decoration:none}
button{border:0 none;background-color:transparent;cursor:pointer}
button::-moz-focus-inner,button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
button, html [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button}
svg:not(:root){overflow:hidden}
pre{font-family:monospace, monospace;font-size:1em}
small{font-size:80%}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
body{margin:10px}

/*------------------------------------------------------------------------------------------------------------------------
   Color - Common
------------------------------------------------------------------------------------------------------------------------*/
/* 푸른 계열 */
.clr-softBlue{background-color:#5da2d8}
.clr-skyBlue{background-color:#63c2de}
.clr-lightBlue{background-color:#248ad9} /* 결재 or 승인 */
.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-grayishBlue{background-color:#4c546b} 

/* 연두 계열 */ 
.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)}
.clr-dark{background-color:#535353} 

/*------------------------------------------------------------------------------------------------------------------------
   Tree
------------------------------------------------------------------------------------------------------------------------*/
/* Tree - Control */
.LNBWrap .legend{position:relative;padding:6px}
.LNBWrap .legend .treeAll{display:inline-block;padding:4px 7px;color:#f8f8f8;font-weight:700;font-size:10px;font-family:'NanumGothic';background-color:#b2b2b2}
.LNBWrap .legend .LNBhidden{display:inline-block;position:absolute;top:6px;right:27px;width:20px;height:16px;border:1px solid #d9d9d9;background:url(../../TypeA/Image/bullet.png) no-repeat 2px -1082px;overflow:hidden;text-indent:-999999px}
.LNBWrap .legend .LNBhidden:hover{background-color:#b2b2b2;background-position:-118px -1082px}
.LNBWrap .legend .layoutMove{position:absolute;top:6px;right:6px;width:20px;height:16px;border:1px solid #d9d9d9;background:url(../../TypeA/Image/bullet.png) no-repeat 1px -1142px;cursor:w-resize;z-index:9}
.LNBWrap .legend .layoutMove:hover{background-color:#b2b2b2;background-position:-118px -1142px}

/* Tree - Tab */
.LNBWrap .tabList>li{display:inline-block;float:left;border-left:1px solid #005496;background-color:#197bc7;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.LNBWrap .tabList{height:50px}
.LNBWrap .tabList>li:first-child{border-left:none}
.LNBWrap .tabList>li>a{display:inline-block;width:100%;padding:18px 10px;color:#fff;font-weight:400;font-size:10px;font-family:'NanumGothic';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;opacity:0.9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.LNBWrap .tabList>li>a.active{background-color:#005496;font-weight:700;opacity:1}

/* Tree - Search */
.LNBWrap .content .searchBox{height:32px;margin:6px;border:1px solid #dbdbdb}
.LNBWrap .content .searchBox .searchTxt{width:calc(100% - 32px);padding:0 10px;border:none;color:#666;font-size:13px;line-height:32px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.LNBWrap .content .searchBox .btn-search{display:inline-block;float:right;width:32px;height:32px;background:url(../../Common/Image/icon-search-bk.svg) no-repeat -1px 0;background-size:31px;text-indent:-999999px;opacity:0.5}
.LNBWrap .content .searchBox .btn-search:hover{opacity:0.7}

/* Tree - Expand */
.LNBWrap .content .treeExpand{margin:0 6px;text-align:right}
.LNBWrap .content .treeExpand a{display:inline-block;margin-left:1px;width:21px;height:13px;text-indent:-999999px;overflow:hidden}
.LNBWrap .content .treeExpand a.btn-open{background:#d9d9d9 url(../../Common/Image/bullet-arrow-top-fill.svg) no-repeat 0 -1px}
.LNBWrap .content .treeExpand a.btn-fold{background:#d9d9d9 url(../../Common/Image/bullet-arrow-bottom-fill.svg) no-repeat 0 -1px}
.LNBWrap .content .treeExpand a:hover{background-color:#bfbfbf}

/*------------------------------------------------------------------------------------------------------------------------
   Alarm : Alert Popup
------------------------------------------------------------------------------------------------------------------------*/
/*.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}                                 
@media (min-width:992px){.container{width:970px}}                                 
@media (min-width:1200px){.container{width:1170px}}       */                          

.col-md{width:33%;position:fixed;top:-30px;right:20px}
.col-dialog{width:25%;margin:auto}
/*.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}    */
                             
/* Button */
/*.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}*/
/*.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}*/

/*------------------------------------------------------------------------------------------------------------------------
   Cabinet - Total
------------------------------------------------------------------------------------------------------------------------*/
/*layout*/
.cabinetWarp{background-color:#fff;padding:30px}

.cb-title{line-height:24px;padding:5px 0 5px 15px;font-weight:700;font-size:14px;color:#222}
.cb-normalName, .cb-normalName a{color:#48688f;font-weight:700}
.cb-normalName a:hover{color:#48688f;text-decoration:underline}
.cb-normalTime{font-size:11px;color:#a5a5a5}
.btn-lg.disabled, .btn-md.disabled, .btn-sm.disabled, .btn-xs.disabled{color:rgba(0,0,0,0.3) !important;background-color:rgba(0,0,0,0.1) !important;cursor:default !important}
.basicList td.alignLeft,.basicListDetail td.alignLeft{text-align:left;padding-left:12px}
td.alignRight{text-align:right}
.listBtn{float:left;margin-bottom:10px}
.listBtn button{margin:0}
.listBtnNoBtmMgn{text-align:right;margin-top:5px}

.btn-sm.btn-thumbnail{position:relative;top:-1px;margin-right:10px;padding:1px 6px 3px;background-color:rgba(255,255,255,1)}
.btn-sm.btn-thumbnail:hover{background-color:rgba(0,0,0,0.25);color:#fff}

/*------------------------------------------------------------------------------------------------------------------------
   Cabinet - Search
------------------------------------------------------------------------------------------------------------------------*/
.searchWrap{padding:5px 0;margin-bottom:8px;border:1px solid #ddd;background:#f6f6f6;overflow:hidden}
.searchForm{padding:5px 25px 5px 15px}
.searchForm table{width:100%;text-align:center}
.searchForm table td{height:35px;text-align:left;vertical-align:middle}
.searchForm table th{position:relative;top:-2px;text-align:right;padding:0 5px;min-width:30px;color:#666;font-weight:700;font-size:12px;white-space:nowrap}
.searchForm table input[type=text]{width:100%;padding:1px 5px 3px;border:1px solid #ddd;line-height:20px;color:#333;letter-spacing:0}
.searchForm table input.dtpicker-control {width:calc(100% - 25px)}
.searchForm .btnWrap{text-align:center;margin-right:15px;min-width:60px}
.searchForm .attribute{display:inline;position:relative;top:0;left:0}
.searchForm .attribute>li{display:inline-block}
.searchForm .attribute>li input[type=text]{font-size:12px}
.searchForm .attribute.datesearch>li input[type=text]{width:84px;font-size:12px}
.searchForm .attribute.datesearch>li a{vertical-align:middle}
.searchForm .attribute li.schPeriod{width:25px !important;text-align:center !important}
.searchForm .btnSearch{text-align:right;padding:0 7px}
.searchForm .userAttribute li{float:left}
.searchList{table-layout:fixed}
.searchList tr{height:34px}

.layout3Left{float:left;width:49%}
.layout3Right{float:right;width:49%}
.layout4Left{float:left;width:64%}
.layout4Right{float:right;width:34%}
.layout5Left{float:left;width:30%}
.layout5Right{float:right;width:68%}

/*------------------------------------------------------------------------------------------------------------------------
   Cabinet - List Table
------------------------------------------------------------------------------------------------------------------------*/
.basicList{width:100%;border-top:2px solid #b4bfc8;border-left:none}
.basicList tr:hover{background-color:#f2f7f9}
.basicList th{padding-bottom:2px;height:30px;border-bottom:1px solid #e8e8e8;background:#f9f9f9 url(../../Common/Image/Cabinet/listBar.gif) no-repeat 0 50%;font-size:12px;word-break:keep-all}
.basicList th:first-child{background:#f9f9f9;min-width:30px}

.basicList td{text-align:center;min-width:30px;height:30px;padding:0 5px;border-bottom:1px solid #e8e8e8;border-right:none}
.basicList td a:hover{font-weight:700;text-decoration:none}

/*-------------------------------------------------------
   Cabinet - View, Write, Modify Table :Common Item
--------------------------------------------------------*/
.basicListDetail .active, .SpreadSheetTable .active{color:#c36}
.basicList .active{color:#404040}
.basicList .selected, .basicListDetail .selected, .SpreadSheetTable .selected{font-weight:700;color:#c36}
.basicList th a, .basicListDetail th a{color:#687b95;text-decoration:none}
.basicList th a:hover{border-bottom:1px solid #687b95}
.basicList th .sortImg{padding-left:5px;vertical-align:middle}
.basicListDetail td.title, .spreadSheetTable td.title{font-weight:700}
.basicListDetail td.contents, .spreadSheetTable td.contents{text-align:left;padding:15px 3px 15px 0;text-align:left;line-height:18px;border-right:0;border-bottom:1px solid #d4d4d4}
.basicListDetail td.viewContents, .spreadSheetTable td.viewContents{text-align:left;padding:15px;line-height:18px;border-right:0;border-bottom:1px solid #d4d4d4}
.basicList input[type=text].hasDatepicker, .basicListDetail input[type=text].hasDatepicker{width:100px}

/*-------------------------------------------------------
   Cabinet - View, Write, Modify Table
--------------------------------------------------------*/
.basicListDetail{width:100%;margin-bottom:10px;border-top:1px solid #dddfe3;border-left:1px solid #ebedf2;table-layout:fixed}
.basicListDetail thead td{border:0;padding:0}
.basicListDetail ul{margin:5px 0}
.basicListDetail li img{margin-top:-1px}
.basicListDetail th{width:20%;padding:0 10px 2px;color:#687b95;background:#f2f7f9;border-bottom:1px solid #dddfe3;border-right:1px solid #ebedf2;font-size:13px;word-break:keep-all}
.basicListDetail colgroup+tbody th {width:auto}
.basicListDetail th a{text-decoration:none}
.basicListDetail th a:hover{text-decoration:underline}
.basicListDetail td{padding:3px 10px;color:#545454;line-height:18px;height:30px;border-bottom:1px solid #dddfe3;border-right:1px solid #ebedf2;background-color:#fff;font-size:12px}
.basicListDetail table{border:1px solid #fff}
.basicListDetail table td{height:30px;border:1px solid #fff}

.basicListDetail table.basicList{border-top:1px solid #dddfe3;border-left:1px solid #ebedf2}
.basicListDetail table.basicList th{background:#f2f7f9}
.basicListDetail table.basicList td{border-left:1px solid #ebedf2;border-bottom:1px solid #dddfe3;border-right:1px solid #ebedf2}
.basicListDetail table.basicListDetail{border-top:1px solid #dddfe3;border-left:1px solid #ebedf2}
.basicListDetail table.basicListDetail td{border-left:1px solid #ebedf2;border-bottom:1px solid #dddfe3;border-right:1px solid #ebedf2}

.basicListDetail td.title{font-weight:700}
.basicListDetail td.contents{text-align:left;padding:15px 3px 15px 0;text-align:left;line-height:18px;border-right:0;border-bottom:1px solid #d4d4d4}
.basicListDetail td.viewContents{text-align:left;padding:15px;line-height:18px;border-right:0;border-bottom:1px solid #d4d4d4}
.basicListDetail input[type=text], .basicListDetail textarea{width:100%;padding:2px 5px 4px;border:1px solid #ccc;font-size:13px;vertical-align:middle}
.basicListDetail select{width:100%;min-height:18px;border:1px solid #ccc;margin:4px 0;padding:2px 2px 4px;font-size:13px}
.basicListDetail input[type=checkbox], .basicListDetail input[type=radio]{position:relative;width:20px;border:0 none;background:transparent;margin:4px 0}
.basicListDetail input[type=password]{width:100%;min-height:23px;border:1px solid #ccc;margin:4px 0}

.basicListDetail a.attach-total-download {float:right;height:30px;padding:5px 15px;box-sizing:border-box;margin-right:-11px;margin-bottom:-4px;background-color:#8ba9bf;border-top-left-radius:6px;color:#fff}
.basicListDetail a.attach-total-download:hover{background-color:#7b9bb3}
.basicListDetail a.attach-total-download:before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;background-image:url(/Resource/Common/Image/FileIcon/iconTotalDownload.png);background-repeat:no-repeat;vertical-align:middle}
/*------------------------------------------------------------
   Cabinet - 텍스트 박스와 버튼을 한 줄에 100%로 표시하기 
-------------------------------------------------------------*/
.inputBtnWrap{position:relative;width:100%;height:25px}
.inputL{position:relative;left:0;width:calc(100% - 40px);float:left}
.inputL-btn2{position:relative;left:0;width:calc(100% - 80px);float:left}
.inputL input{width:100% !important;position:relative;z-index:5}
.inputBtnWrap select{background:#f4f4f4;padding:3px;cursor:pointer}
.inputBtnWrap option.optionCancel{background:#669;color:#fff}
.btnR{position:relative;z-index:3;top:0;text-align:right}
.btnR .btn-md{position:relative;top:-1px}
.inputBtnWrap .btnR{top:1px}
.inputBtnWrap .left7{position:relative;width:66%;display:inline-block}
.inputBtnWrap .right3{position:absolute;width:26%;display:inline-block;right:2px;top:0}
.inputBtnWrap .left5{position:relative;width:46%;height:23px;display:inline-block}
.inputBtnWrap .right5{position:absolute;width:46%;display:inline-block;right:2px;top:0}

/*------------------------------------------------------------
   Cabinet - Speadsheet 
-------------------------------------------------------------*/
.spreadSheet.btnWrap{display:inline-block;margin:5px 0}
.spreadSheet.btnWrap button{margin-right:5px;font-size:11px;letter-spacing:-1px}
.spreadSheet.btnWrap button:hover{background-color:rgba(0,0,0,0.1);color:#36384d}
.btn-sheetDown:before, .btn-sheetUp:before, .btn-sheetDelete:before{content:"";background:url(../../Common/Image/Cabinet/btnSheetDown.gif) no-repeat 0px 4px;padding-left:14px}
.btn-sheetUp:before{background-image:url(../../Common/Image/Cabinet/btnSheetUp.gif)}
.btn-sheetDelete:before{background-image:url(../../Common/Image/Cabinet/btnSheetDelete.gif);background-position:2px 8px}

/*------------------------------------------------------------
   Cabinet - Opinion
-------------------------------------------------------------*/
.opinionWrap{width:100%;position:relative;margin-bottom:10px}
.opinionWrap .ch-title{line-height:24px;font-weight:700;text-decoration:underline;margin-top:20px;text-indent:5px}
.opinionWrap .ch-title span:first-child{cursor:pointer;display:inline-block}
.opinionWrap .opn-blet{display:inline-block;position:relative;top:5px;width:15px;height:15px;background-repeat:no-repeat;background-position:0 -2px;cursor:pointer;opacity:0.3;background-size:110%}
.opinionWrap .opn-blet.b-show{background-image:url(../../Common/Image/Svg/bullet-arrow-bottom-fill-bk.svg)}
.opinionWrap .opn-blet.b-hide{background-image:url(../../Common/Image/Svg/bullet-arrow-top-fill-bk.svg)}
.opinionWrap .ch-title b{color:#69f;text-decoration:underline}
b.opinionNumNone{color:#bbb;text-decoration:underline}
.opinion{border-bottom:1px solid #e9e9e9;margin-top:10px;padding:0 16px 10px;position:relative;top:0;left:0}
.opinion .myPhoto, .opinionMyPhoto{display:inline-block;float:left;width:36px;height:36px;margin-bottom:10px;border:1px solid #eee;border-radius:50%;overflow:hidden}
.opinion .myPhoto img, .opinionMyPhoto img{width:36px;height:36px}
.opinion>ul{display:inline-block;position:relative;margin:9px 0 0 10px;width:calc(100% - 50px)}
.opinion li{display:inline;padding-left:5px}
.opinion span a{font-size:11px;color:#F66;padding-left:10px}
.opinion p.explain{margin:7px 0 0 53px;line-height:18px;color:#666;min-height:14px}
.opinion b{font-weight:400;color:#888;display:inline-block;padding:5px 0}
ul.opinionFile{display:inline-block;position:relative;left:39px;padding-bottom:3px}
.opinionFile li, .opinionFile li a{font-size:11px;color:#888;padding-right:5px;line-height:20px}
.opinion .line, .opinionAnonymity .line{display:inline-block;position:relative;top:3px;width:1px;height:12px;padding-left:8px;background:url(../../Common/Image/Cabinet/listBar.gif) no-repeat 100% 50%}
.opinionAnonymity{position:relative;top:0;left:0;margin-top:6px;padding:0 10px 5px;border-bottom:1px solid #e9e9e9}
.opinionAnonymity>ul{display:inline-block;margin-left:3px;padding-bottom:9px}
.opinionAnonymity li{display:inline}
.opinionAnonymity li.linkWrap span a{padding-left:5px;font-size:11px;color:#F66}
.normalName a{color:#48688f;font-weight:700}
.normalTime{font-size:11px;color:#a5a5a5}

/*------------------------------------------------------------
   Cabinet - Opinion :Sympathy
-------------------------------------------------------------*/
.opinionSympathyWrap{position:absolute;display:inline-block;top:10px;right:15px;height:30px;border-radius:5px;border:1px solid #d3d9de;overflow:hidden}
.sympathy, .sympathyDisabled{display:inline-block;position:relative;top:0;left:0;width:30px;height:30px;background:url() no-repeat 50% 6px;text-indent:-999999px;overflow:hidden}
.sympathy{background-image:url(../../Common/Image/Cabinet/iconSympathy.png);cursor:pointer}
.sympathyDisabled{background-image:url(../../Common/Image/Cabinet/iconSympathyDisabled.png)}
.sympathyNum{display:inline-block;background-color:#eee}
.sympathyNum span{display:inline-block;padding:0 6px;max-width:40px;min-width:20px;border-left:1px solid #d3d9de;text-align:center;line-height:30px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
.sympathyNum span.numZero{color:#bfbfbf !important}
.sympathy:hover{background-image:url(../../Common/Image/Cabinet/iconSympathyOver.png)}
.sympathyNum:hover{color:#F60;text-decoration:underline}
.sympathyNum span.numZero:hover{text-decoration:underline}

/*------------------------------------------------------------
   Cabinet - Opinion :Input Box
-------------------------------------------------------------*/
.opinionWrite, .opinionWriteAO{display:table;width:100%;min-height:35px;padding:5px;border:1px solid #e1e1e1;background:#f8f8f8;position:relative;top:0;right:0;box-sizing:border-box}
.opinionWrite textarea, .opinionWriteAO textarea, .opinionWrite input[type=text]{border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#fff;position:relative;top:0;height:51px;width:100%}
.opinionWriteAO textarea{height:102px}
.opinionWrite input[type=text]{height:22px}
.opinionWrite input[type=checkbox]{position:relative;margin:0 4px}
.opinionWrite button, .opinionWriteAO button{width:78px;font-weight:700;position:relative;top:-2px;float:right;margin:0 5px 0 8px;background-color:#fff;color:#404040}
.opinionWrite button.btn-lg, .opinionWriteAO button.btn-lg{padding:16px 20px 17px}
.opinionWrite button:disabled, .opinionWriteAO button:disabled{color:#a0a0a0;cursor:default}
.opinionWrite button.btn-sm, .opinionWriteAO button.btn-sm{background-color:#fff;margin-bottom:3px}
.opinionWriteAO button.btn-sm:last-child{margin-bottom:0}
.opinionWriteAO button.btn-sm:hover{background-color:rgba(0,0,0,0.05)}
.btn-sm.btn-agree, .btn-sm.btn-agree:hover{color:#ed1d3a}
.btn-sm.btn-opposite, .btn-sm.btn-opposite:hover{color:#3e83ff}
.btn-sm.btn-abstention{color:#777}
.btn-agree:before, .btn-opposite:before, .btn-abstention:before{content:"";background:url(../../Common/Image/Cabinet/iconAgree.gif) no-repeat 0 3px;padding-left:15px}
.btn-agree:before{background-image:url(../../Common/Image/Cabinet/iconAgree.gif)}
.btn-opposite:before{background-image:url(../../Common/Image/Cabinet/iconOpposite.gif)}
.btn-abstention:before{background-image:url(../../Common/Image/Cabinet/iconAbstention.gif)}
.opinion .txt-agree, .opinion .txt-opposite, .opinion .txt-abstention, .opinion .txt-opinionText{margin-left:5px;padding:2px 10px 3px 23px;font-size:11px;display:inline-block;border:1px solid #dedede;border-radius:3px;background:#fafafa url(../../Common/Image/Cabinet/iconAgree.gif) no-repeat 8px 50%}
.opinion .txt-agree{background-image:url(../../Common/Image/Cabinet/iconAgree.gif)}
.opinion .txt-opposite{background-image:url(../../Common/Image/Cabinet/iconOpposite.gif)}
.opinion .txt-abstention{background-image:url(../../Common/Image/Cabinet/iconAbstention.gif)}
.opinion .txt-opinionText{background-image:url(../../Common/Image/Cabinet/iconMyOpinion.gif)}
.opinionWrap button.btn-more {display:block;padding:10px 10em;line-height:1;background-color:#fff;margin:15px auto;font-weight:400;font-size:12px;color:#707070}
.opinionWrap button.btn-sm.btn-more:before{content: "";display:inline-block;width:9px;height:9px;background: url(../Image/Portlet/type-iconSet.png) no-repeat -60px -148px;margin-right:7px;opacity:.8}
.opinionWrap button.btn-more:hover {background-color:rgba(0,0,0,0.02);color:#404040;font-weight:700}

/* 20190528 by.park */
.opinionWrite .opinionSection, .opinionWriteAO .opinionSection{display:table;width:100%}
.opinionWrite .opinionSection.margin5, .opinionWriteAO .opinionSection.margin5{margin-bottom:5px}
.opinionWrite .textareaWrap, .opinionWriteAO .textareaWrap{display:table-cell;width:calc(100% - 90px);vertical-align:middle}
.opinionWrite .btnWrap, .opinionWriteAO .btnWrap{display:table-cell;width:90px;text-align:center;vertical-align:middle}
.opinionWrite .opinionCaption, .opinionWriteAO .opinionCaption{display:table-header-group}
.opinionWrite .opinionCaption input[type=checkbox], .opinionWriteAO .opinionCaption input[type=checkbox]{vertical-align:middle}
.opinionWrite .opinionSection .btnWrap .btn-sm, .opinionWriteAO .opinionSection .btnWrap .btn-sm{margin-bottom:0}
.opinionWrite .opinionSection .btnWrap .btn-sm:nth-child(2){margin-top:3px}

/*------------------------------------------------------------------------------------------------------------------------
   Cabinet - Evaluation Details
------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
   Approval - Common (심사내역/심사설정/파일관리)
-------------------------------------------------------------*/
.approvalHistoryWrap, .approvalSetupWrap, .fileManagerWrap{width:100%;padding:15px 0;position:relative}
.approvalHistory, .approvalSetup, .fileManager{width:100%;text-align:center;border-top:1px solid #8b9daa}
.approvalHistory th, .approvalSetup th, .fileManager th{background:#f9f9f9 url(../../Common/Image/Cabinet/listBar.gif) no-repeat 0 50%;border-bottom:1px solid #dedede;font-weight:700;font-size:12px;color:#687b95;padding:5px 0}
.approvalHistory th:first-child, .approvalSetup th:first-child, .fileManager th:first-child{background:#f9f9f9}
.approvalHistory td, .approvalSetup td, .fileManager td{padding:5px 10px;border-bottom:1px solid #dedede;background:#fff url(../../Common/Image/Cabinet/listBar.gif) no-repeat 0 50%}
.approvalHistory td:first-child, .approvalSetup td:first-child, .fileManager td:first-child{background:#fff}
.approvalOk{font-weight:700;color:#369}
.approvalReturn{font-weight:700;color:#444}
.approvalHistory.cb-title{line-height:24px;padding:10px 15px;border-bottom:1px solid #829ed4;border-top:0;font-weight:700;font-size:14px;color:#222;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/*------------------------------------------------------------
   Cabinet - User Evaluation Result
-------------------------------------------------------------*/
.evaluationWrap{width:100%;padding:20px 0}
.evaluationResultWrap{position:relative;margin:5px 0 10px 0}
.evaluationResultWrap .cb-title{display:inline;padding:0 10px 0 15px;font-weight:700;color:#333}
.evaluationResultWrap .num{display:inline-block;padding-right:10px;font-size:16px;font-weight:700;color:#36c}
.evaluationResultWrap .detail{display:inline-block;position:relative;top:-2px;margin-left:-5px;color:#666;font-size:11px;letter-spacing:-1px}
.evaluationResultWrap .detail li{display:inline;position:relative;padding:0 8px 0 4px;background:url(../../Common/Image/Cabinet/btnVline.gif) no-repeat 100% -2px}
.evaluationResultWrap .detail li:last-child{background:none}
.evaluationResultWrap .detail b{position:relative;top:1px;color:#69c;padding:0 6px}
.evaluationResultWrap .result0, .evaluationResultWrap .result1, .evaluationResultWrap .result2, .evaluationResultWrap .result3, .evaluationResultWrap .result4{background:url(../../Common/Image/Cabinet/evaluationStar.png) no-repeat 0 -80px;width:61px;height:15px;display:inline-block;position:relative;top:2px}
.evaluationResultWrap .result1{background-position:0 -60px}
.evaluationResultWrap .result2{background-position:0 -40px}
.evaluationResultWrap .result3{background-position:0 -20px}
.evaluationResultWrap .result4{background-position:0 0} 

/* 20190529 by.park */
.evaluationWrite{display:table;width:100%}
.evaluationWrite>div{display:table-cell;vertical-align:middle}
.evaluationWrite .btnWrap{width:90px;text-align:center}

.evaluationWrap .result0, .evaluationWrap .result1, .evaluationWrap .result2, .evaluationWrap .result3, .evaluationWrap .result4{background:url(../../Common/Image/Cabinet/evaluationStar.png) no-repeat 0 -80px;width:61px;height:15px;display:inline-block;position:relative;top:2px}
.evaluationWrap .result1{background-position:0 -60px}
.evaluationWrap .result2{background-position:0 -40px}
.evaluationWrap .result3{background-position:0 -20px}
.evaluationWrap .result4{background-position:0 0}

/*------------------------------------------------------------
   Cabinet - User Evaluation : Star (별점주기)
-------------------------------------------------------------*/
.evaluationWrap .starWrap{display:block;position:relative;text-align:center;z-index:1}
.evaluationWrap .starWrap p{font-size:11px;color:#9298ac;font-weight:700;letter-spacing:-1px;margin-top:3px;margin-left:15px}
.evaluationStar{position:relative;background:url(../../Common/Image/Cabinet/evaluationStar.png) no-repeat 0 -80px;width:115px;height:20px;overflow:hidden}
.evaluationStar ul{position:absolute;left:0;top:0;height:20px;z-index:5}
.evaluationStar li{display:inline-block;cursor:pointer}
.evaluationStar li a{display:block;height:100%;text-indent:-999999px}
.evaluationStar span{position:absolute;color:#999;left:70px;top:-3px;display:inline-block}

.evaluationStar li.step1, .evaluationStar li.step2, .evaluationStar li.step3, .evaluationStar li.step4{height:15px;display:inline-block;position:absolute;left:0;top:0}
.evaluationStar li.step1{width:16px;z-index:5}
.evaluationStar li.step2{width:31px;z-index:4}
.evaluationStar li.step3{width:46px;z-index:3}
.evaluationStar li.step4{width:61px;z-index:2}

.evaluationStar li.step1:hover, .evaluationStar li.step2:hover, .evaluationStar li.step3:hover, .evaluationStar li.step4:hover{background:url(../../Common/Image/Cabinet/evaluationStar.png) no-repeat 0 -60px}
.evaluationStar li.step1:hover{background-position:0 -60px}
.evaluationStar li.step2:hover{background-position:0 -40px}
.evaluationStar li.step3:hover{background-position:0 -20px}
.evaluationStar li.step4:hover{background-position:0 0}

.evaluationStar li.step1.click, .evaluationStar li.step2.click, .evaluationStar li.step3.click, .evaluationStar li.step4.click{display:inline-block;position:absolute;left:0;top:0;height:15px;padding:0;background:url(../../Common/Image/Cabinet/evaluationStar.png) no-repeat}
.evaluationStar li.step1.click{width:16px;background-position:0 -60px;z-index:5}
.evaluationStar li.step2.click{width:31px;background-position:0 -40px;z-index:4}
.evaluationStar li.step3.click{width:46px;background-position:0 -20px;z-index:3}
.evaluationStar li.step4.click{width:61px;background-position:0 0;z-index:2}

/*-----------------------------------------------------------------
   Cabinet - User Evaluation : Star (별점주기) : 평가만 존재 시
------------------------------------------------------------------*/
.evaluationWrap .whiteWrap{width:170px;height:22px;border:1px solid #ebebeb;margin:0 5px;padding:5px 9px 5px 0;float:left;background:#fff;overflow:hidden}
.evaluationWrap .starWrap button{position:absolute;top:-4px;right:0;width:auto;height:23px;margin:0 auto;cursor:pointer;z-index:10}
.evaluationWrap .starWrap button:hover{background-color:rgba(0,0,0,0.05)}
.evaluationStarWrap{position:relative;width:150px;margin:0 15px 20px}
.evaluationStarWrap button.evaluationStarBtn:disabled{color:#a0a0a0;cursor:default}
div.evaluationQ{display:inline-block;padding-right:9px;font-size:11px;font-weight:700;line-height:32px;letter-spacing:-1px;color:#9298ac}

.evaluationStarWrap div.evaluationQ{padding-right:0;padding-left:13px;line-height:15px}
.evaluationWrap .cb-left{float:right}
.opinionWrite .starWrap{margin-top:4px;margin-left:10px}
.opinionWrite .evaluationStarWrap .starWrap{margin-top:-5px}
.opinionAnonymity .opinionWrite button{width:auto}
.evaluationWrap .starWrap button:hover, .opinionWrite button:hover{color:#404040;background-color:rgba(0,0,0,0.05)}

/* 20190529 by.park */
.evaluationRight{position:absolute;top:7px;right:5px}

.opinionAnonymity .evaluationStarWrap{margin-bottom:0}
.opinionAnonymity .opinionWrite .btn-sm.btn-save{position:absolute;top:4px;right:10px}

/*------------------------------------------------------------
   Cabinet - Approval Setup
-------------------------------------------------------------*/
.approvalSetupWrap .btnArea, .approvalHistoryWrap .btnArea{position:absolute;top:19px;right:0;text-align:right;height:23px}
.approvalSetupWrap .btnArea select, .approvalHistoryWrap .btnArea select, .fileManagerWrap .btnArea select{margin-top:1px;width:150px;margin-right:5px}
.approvalSetup li{display:inline;padding:0 5px}

/*------------------------------------------------------------
   Cabinet - File Manager
-------------------------------------------------------------*/
.fileManagerWrap .btnArea{position:absolute;top:0px;right:0;text-align:right;height:23px}
.fileManager li{display:inline;padding:0 5px}

/*------------------------------------------------------------
   Cabinet - Preview / Next Article
-------------------------------------------------------------*/
.quickArticleWrap{width:100%;padding:15px 0}
.quickArticle{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:10px 0;color:#666}
.quickArticle p{line-height:16px}
.quickArticle .line{overflow:hidden;width:100%;height:1px;border-bottom:1px solid #e5e5e5;margin:8px 0}
.quickArticle .pre{background:url(../../Common/Image/Cabinet/iconArticlePre.gif) no-repeat 15px 50%;padding-left:30px}
.quickArticle .next{background:url(../../Common/Image/Cabinet/iconArticleNext.gif) no-repeat 15px 50%;padding-left:30px}
.quickArticle span{background:url(../../Common/Image/Cabinet/listBar.gif) no-repeat 15px 50%;padding:0 35px}

/*------------------------------------------------------------
   Cabinet - Security, GroupEditor
-------------------------------------------------------------*/
.cabinetSecurityWrap, .cabinetGroupEditorWrap{width:100%;padding:15px 0}
.cabinetSecurity, .cabinetGroupEditor{position:relative;padding:10px 20px;border:1px solid #e1e1e1;background:#f8f8f8;overflow:hidden;border-radius:4px}
.cabinetSecurity .titleArea, .cabinetGroupEditor .titleArea{display:inline-block;float:left;width:170px;margin:3px 10px 0 0}
.cabinetSecurity .titleArea span,.cabinetGroupEditor .titleArea span{padding-right:5px;color:#333;font-weight:700;line-height:20px}
.cabinetSecurity .listArea, .cabinetGroupEditor .listArea{display:inline-block;position:relative;width:calc(100% - 185px);overflow:hidden;z-index:9;overflow:hidden;height:24px;background:#fff;border:1px solid #e0e0e0;line-height:24px}
.cabinetSecurity .listArea li, .cabinetGroupEditor .listArea li{display:inline;line-height:22px;margin:0 5px}
.cabinetSecurity .style2{position:relative;left:0;margin:10px 0 0;min-height:23px}
.cabinetSecurity .style2 button{position:relative;left:114px;top:0}
.cabinetSecurity .style2 select{position:absolute;left:180px;top:0}

/*------------------------------------------------------------
   Cabinet - Associated Editor
-------------------------------------------------------------*/
.cabinetContentsWrap{width:100%;padding:15px 0;position:relative}
.cabinetContentsWrap .contentsBtn{position:absolute;top:25px;right:20px;z-index:10}
.cabinetContentsWrap .cabinetContents{border:1px solid #e1e1e1;background:#f8f8f8;overflow:hidden;padding:10px 20px;border-radius:3px;margin-bottom:-5px}
.cabinetContents .titleArea{display:inline-block;float:left;width:110px;background:url(../../Common/Image/Cabinet/listBar.gif) no-repeat 100% 50%;margin-left:10px}
.cabinetContents .titleArea span{color:#333;font-weight:700;line-height:15px}
.cabinetContents .listArea{display:inline-block;width:calc(100% - 240px);margin-left:20px;overflow:hidden;z-index:9}
.cabinetContents .listLine{display:inline-block;width:100%;margin:7px 0;height:1px;background:#e9e9e9}
.cabinetContents .listArea li{line-height:15px;padding-bottom:3px}
.cabinetContents .listArea li:before{content:"";background:url(../../Common/Image/Svg/bullet-circle.svg) no-repeat 0 7px;background-size:5px;padding-left:8px;opacity:0.5}

/*------------------------------------------------------------
   Cabinet - User Title
-------------------------------------------------------------*/
.userTitleWrap{position:relative;height:40px;background:url(../../TypeA/Image/Portlet/bar_black.gif) no-repeat left bottom;overflow:hidden}
.userTitleWrap>h2{display:inline-block;width:80%;padding:8px 0;font-weight:400;font-size:19px;font-family:'NanumGothic';color:#222}
.userTitleWrap .breadcrumbs{position:absolute;top:0;right:0;margin:10px 0;padding-left:12px}
.userTitleWrap .breadcrumbs li{float:left;font-size:11px;color:#999}
.userTitleWrap .breadcrumbs li:before{content:"";padding-left:18px;background:url(../../Common/Image/Svg/bullet-arrow-right-bk.svg) no-repeat 3px 3px;background-size:12px;opacity:0.3}
.userTitleWrap .breadcrumbs li:first-child:before{background:none}
.userTitleWrap .breadcrumbs .place{font-weight:700;color:#666}

/*------------------------------------------------------------
   Cabinet - Gallery List
-------------------------------------------------------------*/
.galleryListWrap{width:100%;border-top:2px solid #dddfe3;border-bottom:1px solid #dddfe3;margin:10px 0}
.galleryList{width:100%;margin:10px 0}
.galleryList td{vertical-align:top;text-align:center}
.gallery-itm th a:hover, .gallery-itm td a:hover{text-decoration:underline}
.galleryPhoto{position:relative;background:#eee;border:1px solid #e2e2e2}
.galleryCheck{position:absolute;top:0;left:5px;z-index:50;text-align:left}
.galleryNoImg{position:relative;z-index:10;vertical-align:middle;text-align:center;background:url(../../TypeA/Image/Cabinet/icon-noImage.png) no-repeat 50% 50%;width:130px;height:130px;cursor:pointer}

/*------------------------------------------------------------
   Cabinet - Address List
-------------------------------------------------------------*/
.mainaddresspage .galleryList>tbody>tr>td{margin:10px 0}
.mainaddresspage .gallery-itm td:last-child{padding:2px 6px}

/*------------------------------------------------------------
   Cabinet - New Gallery List
-------------------------------------------------------------*/
.imageGallery.galleryListWrap{border-top:2px solid #b4bfc8;border-bottom:1px solid #e8e8e8}
.imageGallery .galleryList td span.notify{text-align:center}
.imageGallery .gallery-itm{display:inline-block;height:230px;padding:15px;margin:10px 0;background:#fff;border:1px solid #e2e2e2 !important;border-radius:2px}
.imageGallery .gallery-itm table{margin-top:15px}
.imageGallery .gallery-itm>tbody>tr:first-child{display:block;overflow:hidden}
.imageGallery .gallery-itm>tbody>tr:first-child td{display:block;margin:0 auto}
.imageGallery .gallery-itm>tbody>tr:last-child{display:block;position:relative}
.imageGallery .gallery-itm table tr:last-child td{font-size:12px;color:#999}
.imageGallery .galleryPhoto{border:none}
.imgt256{height:121px !important}
.imgt256 img{width:256px}
.imgt128{height:60px !important}
.imgt128 img{width:128px}
.imgt64{height:30px !important}
.imgt64 img{width:64px}
.imageGallery .galleryPhoto img{position:relative;top:50%;left:50%;transform:translate(-50%, -50%)}

/*------------------------------------------------------------
   Cabinet - Discuss
-------------------------------------------------------------*/
.cabinetVoteGraphWrap{width:100%;height:20px;position:relative;top:0;left:0;overflow:hidden}
.cabinetVoteAgreeSection{width:68px;font-size:11px;font-weight:bold;color:#ff8232;position:absolute;top:0;left:0}
.cabinetVoteAgreeSection span{font-weight:normal;color:#ff8232;padding-left:5px}
.cabinetVoteDisagreeSection{width:68px;font-size:11px;font-weight:bold;color:#4d94d4;text-align:right;position:absolute;top:0;right:0}
.cabinetVoteDisagreeSection span{font-weight:normal;color:#4d94d4;padding-right:5px}

.cabinetVoteGraphSection{min-width:150px;position:relative;margin:3px 70px 0;text-align:center}
.cabinetVoteGraphBar{width:4px;height:12px;display:inline-block;background:url(../../Common/Image/Cabinet/voteBar.gif) no-repeat;float:left;position:relative;z-index:10;margin-left:-4px;margin-top:-2px}

.cabinetVoteAgree{display:inline-block;background:url(../../Common/Image/Cabinet/voteAgreeBg.gif) repeat-x;height:10px;float:left;position:relative;top:0;left:0;z-index:9}
.cabinetVoteAgreeFirst{display:inline-block;width:3px;height:10px;background:url(../../Common/Image/Cabinet/voteAgreeFirst.gif) no-repeat;float:left;position:absolute;top:0;left:0;z-index:10}
.cabinetVoteAgreeEnd{display:inline-block;width:3px;height:10px;background:url(../../Common/Image/Cabinet/voteAgreeEnd.gif) no-repeat;float:left;position:absolute;top:0;right:0;z-index:10}

.cabinetVoteDisagree{display:inline-block;background:url(../../Common/Image/Cabinet/voteDisagreeBg.gif) repeat-x;height:10px;float:right;position:absolute;top:0;right:0;z-index:9}
.cabinetVoteDisagreeFirst{display:inline-block;width:3px;height:10px;background:url(../../Common/Image/Cabinet/voteDisagreeFirst.gif) no-repeat;float:right;position:absolute;top:0;left:0;z-index:10}
.cabinetVoteDisagreeEnd{display:inline-block;width:3px;height:10px;background:url(../../Common/Image/Cabinet/voteDisagreeEnd.gif) no-repeat;float:right;position:absolute;top:0;right:0;z-index:10}

.cabinetVoteNone{height:10px;width:100%;display:inline-block;background:url(../../Common/Image/Cabinet/voteNoneBg.gif) repeat-x;position:relative}
.cabinetVoteNoneFirst{width:3px;height:10px;display:inline-block;background:url(../../Common/Image/Cabinet/voteNoneFirst.gif) no-repeat;position:absolute;top:0;left:0}
.cabinetVoteNoneEnd{width:3px;height:10px;display:inline-block;background:url(../../Common/Image/Cabinet/voteNoneEnd.gif) no-repeat;position:absolute;top:0;right:0}

.cabinetVoteAgreeAll{height:10px;width:100%;display:inline-block;background:url(../../Common/Image/Cabinet/voteAgreeBg.gif) repeat-x;position:relative}
.cabinetVoteDisgreeAll{height:10px;width:100%;display:inline-block;background:url(../../Common/Image/Cabinet/voteDisagreeBg.gif) repeat-x;position:relative}

/*------------------------------------------------------------
   Cabinet - Visual Sorting
-------------------------------------------------------------*/
.visualSortWrap{width:100%;position:relative;top:0;margin:0 auto;overflow:hidden}
.visualSortWrap li{display:table-cell;position:relative;width:1%;height:35px;border-bottom:10px solid #ebf0f3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.visualSortWrap li>a{display:block;padding:0 0 6px;color:#969dac;font-size:12px;text-align:center;font-weight:700}
.visualSortWrap li>a:hover{color:#036}
.visualSortWrap li>a:after{content:"";display:block;position:absolute;top:25px;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);width:23px;height:15px;background:url(../../Common/Image/Cabinet/approvalPointer.gif) no-repeat center 0}
.visualSortWrap li.active{border-bottom-color:#74a8da}
.visualSortWrap li.active>a{color:#036;font-size:13px}
.visualSortWrap li.active>a:after{top:22px;background-image:url(../../Common/Image/Cabinet/approvalActPointer.png)}

/*------------------------------------------------------------------------------------------------------------------------
   Cabinet - QnA
------------------------------------------------------------------------------------------------------------------------*/
.qnaWrap{padding-bottom:15px;position:relative;*zoom:1}
.qnaWrap>.title{line-height:24px;padding:5px 15px;font-weight:700;font-size:14px;color:#222}
.qna-container{position:relative;min-height:120px;margin:0 5px;border:1px solid #dedede;background:url(../../Common/Image/Cabinet/answerBg.png) repeat-x;overflow:hidden}
.qna-container.appoint{border:1px solid #92aacc}
.qnaTitleTotal{line-height:20px;padding-left:15px;color:#666;background:url(../../Common/Image/dot.gif) no-repeat 8px 45%;margin-top:15px}
.qna-container .qna-ico{display:inline-block;position:absolute;top:0;left:0;width:65px;height:80px;background:url(../../Common/Image/Cabinet/iconAnswers.png) no-repeat;z-index:50}
.qna-ico.i-answer{background-position:-72px -3px}
.qna-ico.i-answerChoose{background-position:-2px -3px}
.qna-ico.i-appoint{background-position:-72px -87px}
.qna-ico.i-appointChoose{background-position:-2px -87px}
.qna-ico.i-expert{background-position:-72px -171px}
.qna-ico.i-expertChoose{background-position:-2px -171px}
.qna-container .qna-ico span{display:block;position:relative;top:65px;padding-left:14px;font-size:12px;text-align:center;word-break:keep-all;line-height:14px;font-weight:700}
.qna-ico.i-answer span, .qna-ico.i-answerChoose span{color:#669933}
.qna-ico.i-appoint span, .qna-ico.i-appointChoose span{color:#3366cc}
.qna-ico.i-expert span, .qna-ico.i-expertChoose span{color:#cc3333}
.qna-container .qna{position:relative;margin-left:70px}
.qna-container .qna .answer{margin:15px;min-width:400px}
.qna-container .qna .answer table{width:100%}
.qna-container .qna .answer table tr:first-child{border-bottom:1px solid #ededed}
.qna-container .qna .answer table tr:first-child>td{padding:5px 0 15px}
.qna-container .qna .answer table tr:first-child>td>a{padding:15px 0;font-weight:700;font-size:15px}

/*------------------------------------------------------------
   Cabinet - QnA Button
-------------------------------------------------------------*/
.qna .chooseBtnArea{position:absolute;top:0;float:right;right:10px;height:45px;text-align:right;overflow:hidden;z-index:5}
.qna .chooseBtnArea .btn-lg{margin-right:5px;padding-left:10px}
.qna .chooseBtnArea .btn-lg{background:#fff url(../../Common/Image/Cabinet/qna-arrow.gif) no-repeat 80%;color:rgba(0,0,0,0.3)}
.qna .chooseBtnArea .btn-lg:hover{background-color:rgba(0,0,0,0.1);color:#36384d}
.qna .chooseBtnArea a{display:inline-block;position:relative;top:2px;width:30px;height:36px;line-height:36px;color:#ff7e00;font-size:16px;font-weight:700;text-align:center}
.qna .chooseBtnArea a:hover{text-decoration:underline}
.qna .chooseBtnArea b{color:#9298a1}
.qna .opinionArea{position:relative;margin:15px}
.qna .opinionArea div.opinion{position:relative;border-bottom:1px dotted #ccc !important;margin:15px 0;padding-bottom:5px}

/*------------------------------------------------------------
   Cabinet - QnA :View More Answers
-------------------------------------------------------------*/
.qnaOriginalWrap .cb-title, .qnaAnswerDetail{background:url(../../Common/Image/Cabinet/iconOriginalQ.png) no-repeat 3px 4px;padding:0 0 3px 35px;color:#222;line-height:24px;margin:15px 0 5px 5px;font-weight:700;font-size:14px}
.qnaAnswerDetail{background-image:url(../../Common/Image/Cabinet/iconAnswerDetail.png)}
.qnaOriginal{border:1px solid #8baec4;background:#fbfcfd;padding:10px 10px 0}

/*------------------------------------------------------------
   Cabinet - Wiki
-------------------------------------------------------------*/
.wikiTreeWrap{position:relative;margin-right:15px;border:1px solid #dadada;padding:14px;background:#f8f8f8;overflow:hidden}
.wikiTreeWrap .btnArea{float:right;margin-bottom:10px}
.wikiTreeWrap .btnArea li, .wikiCreateRoot .inputArea li{display:inline}
.wikiTree{border:1px solid #dedede;margin:15px 0 0;background:#fff;padding:6px;clear:both}
.wikiCreateRootWrap{width:100%;clear:both}
.wikiCreateRoot{border:1px solid #e1e1e1;background:#f8f8f8;padding:12px;overflow:hidden}
.wikiCreateRoot span{width:20%;color:#333;clear:both;line-height:22px;font-weight:700}
.wikiCreateRoot .inputArea{color:#555;width:80%;float:right}
.wikiCreateRoot .inputArea input{width:200px}
.wikiCompareWrap{width:100%;clear:both;overflow:hidden}
.wikiCompareWrap li{width:50%;float:left}
.wikiCompareHeader{position:relative;height:30px;overflow:hidden}
.wikiCompareHeader span{display:inline-block;margin:8px 0 0 10px}
.wikiCompareHeader select{position:absolute;top:5px;right:10px}
.wikiCompareArea, .wikiCompareArea2{margin:5px;border:1px solid #1473bc;min-height:300px}
.wikiCompareArea .titleArea,.wikiCompareArea2 .titleArea{padding:5px 5px 8px;background-color:#1473bc;color:#fff;font-weight:700}
.wikiCompareArea .contentArea, .wikiCompareArea2 .contentArea{margin:5px}
.wikiCompareArea2{border-color:#5da2d8}
.wikiCompareArea2 .titleArea{background-color:#5da2d8}

/*------------------------------------------------------------
   Cabinet - View Progress 
-------------------------------------------------------------*/
.viewProgress, .listProgress, .viewProgress span, .listProgress span{background:url(../../Common/Image/Cabinet/progress.png) no-repeat 0 0;height:19px;display:inline-block}
.viewProgress{width:89px}
.listProgress{width:44px}
.viewProgress span{background-position:0 -29px;float:left}
.listProgress span{background-position:0 -58px;float:left}
.viewProgress span.percent10, .listProgress span.percent20{width:9px}
.viewProgress span.percent20, .listProgress span.percent40{width:18px}
.viewProgress span.percent30, .listProgress span.percent60{width:27px}
.viewProgress span.percent40, .listProgress span.percent80{width:36px}
.listProgress span.percent100{width:44px}
.viewProgress span.percent50{width:45px}
.viewProgress span.percent60{width:54px}
.viewProgress span.percent70{width:63px}
.viewProgress span.percent80{width:72px}
.viewProgress span.percent90{width:81px}
.viewProgress span.percent100{width:89px}

/*------------------------------------------------------------
   Cabinet - Tag (Keyword)
-------------------------------------------------------------*/
.cabinetTag{display:inline-block;float:left;padding-left:23px;margin-top:4px;background:url(../../Common/Image/Cabinet/iconTag.gif) no-repeat 0 5px}
.cabinetTag a{padding:0 5px;font-size:12px;color:#6e7894}

/*------------------------------------------------------------
   Cabinet - Sorting
-------------------------------------------------------------*/
.cabinetSortWrap{position:relative;width:100%;margin:3px 0 8px;overflow:hidden;z-index:10}
.cabinetSorting{display:inline-block;float:right;position:relative}
.cabinetSorting ul{padding-right:1px}
.cabinetSorting li{display:inline-block;height:24px;border:1px solid #b3b7c0;border-left:0;float:left}
.cabinetSorting li:first-child{border-left:1px solid #b3b7c0}
.cabinetSorting a{display:block;padding:3px 10px 5px 28px;background:#f7f7f9 url() no-repeat 8px 5px;color:#868c98;font-size:11px}
li.tab-home a{background-image:url(../../Common/Image/Cabinet/sortIconHome.gif)}
li.tab-temp a{background-image:url(../../Common/Image/Cabinet/sortIconTempSave.gif)}
li.tab-myArticle a{background-image:url(../../Common/Image/Cabinet/sortIconMyArticle.gif)}
li.tab-pastArticle a{background-image:url(../../Common/Image/Cabinet/sortIconPastArticle.gif)}
li.tab-wastebasket a{background-image:url(../../Common/Image/Cabinet/sortIconWastebasket.gif)}
.cabinetSorting li.active a{background:rgba(255,255,255,1) url(../../Common/Image/Cabinet/sortIconHomeOn.gif) no-repeat 8px 5px;color:#3b424a !important;font-weight:700}
li.tab-home.active a{background-image:url(../../Common/Image/Cabinet/sortIconHomeOn.gif)}
li.tab-temp.active a{background-image:url(../../Common/Image/Cabinet/sortIconTempSaveOn.gif)}
li.tab-myArticle.active a{background-image:url(../../Common/Image/Cabinet/sortIconMyArticleOn.gif)}
li.tab-article.active a{background-image:url(../../Common/Image/Cabinet/sortIconPastArticleOn.gif)}
li.tab-wastebasket.active a{background-image:url(../../Common/Image/Cabinet/sortIconWastebasketOn.gif)}
.cabinetSorting a:hover{color:#3d414d;background-color:rgba(255,255,255,1)}

/*------------------------------------------------------------
   Cabinet - Slave
-------------------------------------------------------------*/
.slaveTitleWrap, .slaveBtnWrap{position:relative;min-height:23px;padding:7px 0;margin-top:2px;border:1px solid #b3bdd0;border-top:2px solid #6587d1;font-weight:700}
.slaveBtnWrap{background:#f7f7f7;border-width:2px 0 0 0;padding-left:10px}
.slaveTitleWrap .cb-title, .slaveTitleWrap .cb-titleHide{display:inline-block;position:relative;top:2px;padding:0 5px;margin-left:8px;line-height:18px;margin-right:5px}
.slaveTitleHide{color:#999}
.slaveTitleWrap .btn-sm, .slaveBtnWrap .btn-sm{position:relative;margin-right:3px}
.slaveTitleWrap .btn-sm:hover, .slaveBtnWrap .btn-sm:hover{background-color:#fff;color:#06C}
.btn-slave:before, .btn-slaveList:before, .btn-slaveHide:before{content:"";display:inline-block;position:relative;top:3px;width:15px;height:12px;margin-right:2px;background:url(../../Common/Image/Cabinet/slaveBtnIcon.gif) no-repeat 0 0}
.btn-slave:before{background-position:0 0}
.btn-slaveList:before{background-position:-19px 0}
.btn-slaveHide:before{background-position:-38px 0}
.slaveContainer{margin-top:2px;border:1px solid #b3bdd0;padding:10px 10px 20px}

/*------------------------------------------------------------
   Cabinet - Intro
-------------------------------------------------------------*/
.cabinetIntroWrap{margin:-8px -3px;overflow:hidden}
.cabinetIntro{float:left;width:calc(33.333% - 6px);height:170px;padding:20px;margin:3px;border:1px solid #dde2e7;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer}
.cabinetIntro:hover{border:1px solid #447aa4}
.cabinetIntro .header{margin-bottom:10px;height:42px;width:100%;position:relative;top:0;left:0;overflow:hidden}
.cabinetIntro .header .intro-ico{display:inline-block;width:40px;height:40px;border-radius:50%;-moz-barder-radius:50%;-webkit-barder-radius:50%;background:#a5c8e3 url(../../TypeA/Image/Portlet/iconSet.png) no-repeat 0 0} 
.cabinetIntro .header .intro-ico.i-cabinet{background-position:-20px -1380px}
.cabinetIntro .header .intro-ico.i-link{background-position:-80px -1380px}
.cabinetIntro .header .intro-ico.i-folder{background-position:-140px -1380px}
.cabinetIntro .header>a{display:inline-block;width:calc(100% - 50px);padding-left:10px;margin:10px 0;font-weight:400;font-size:15px;font-family:'NanumGothic';text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#404040}
.cabinetIntro .header>a:hover{font-weight:700}
.cabinetIntro .list{display:block;width:100%;padding:2px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cabinetIntro .list:before{content:"";padding-left:20px;background:url(../../Common/Image/Svg/bullet-circle.svg) no-repeat 7px;background-size:6px;opacity:0.3}
.cabinetIntro .list.i-folder:before{background:url(../../Common/Image/Tree/IconCabinetMapFolderClosed.gif) no-repeat 3px;opacity:1}
.cabinetIntro .list.i-cabinet:before{background:url(../../Common/Image/Tree/IconCabinetMapCabinet.gif) no-repeat 4px 3px;opacity:1}
.cabinetIntro .list.i-link:before{background:url(../../Common/Image/Tree/IconCabinetMapLink.gif) no-repeat 3px 4px;opacity:1}
.cabinetIntro .list.refresh{text-align:center;font-size:12px;color:#999}
.cabinetIntro .list.refresh:before{padding:0;background:none}
.cabinetIntroWrap .btn-wideMore{width:calc(100% - 6px);margin:10px 3px;padding:10px 0;border:1px solid #dde2e7;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#fff;color:#999}
.cabinetIntroWrap .btn-wideMore:hover{background-color:#f3f3f3;color:#222}

/*------------------------------------------------------------
   Cabinet - Etc
-------------------------------------------------------------*/
.cabinetNoticeIcon{background:url(../../Common/Image/iconNotice.png) no-repeat 10px 6px}
.notify, .notifyRed{display:inline-block;width:100%;padding:0 !important;font-size:13px;color:#999;text-align:left}
.notifyRed{color:#F66}
.notify:hover{cursor:default;font-weight:400}
.list-blet.b-sortImg{padding:5px}
.hcHiddenText{position:absolute !important;width:0px !important;height:0px !important;padding:0px !important;margin:0px !important;overflow:hidden !important;}
.guide{margin-right:8px;padding:7px 0 5px 18px;background:url(../../Common/Image/iconGuide.gif) no-repeat 0 50%;font-size:11px;color:#444;display:inline-block;letter-spacing:-0.5px;line-height:16px}
/*tr.invisibleBlock {visibility:collapse;}
tr.invisibleBlock td, tr.invisibleBlock th{height:0}*/
.title-new .title::before{display:inline-block;overflow:hidden;position:relative;top:3px;width:15px;height:15px;margin-right:5px;font-size:0;text-indent:-999999px;color:transparent;background:url(../../Common/Image/iconNew.png) no-repeat 0 0;content:'최신글'}		

/*------------------------------------------------------------
   Cabinet - Help, Alarm Message
-------------------------------------------------------------*/
.direction,.directionRed{margin-right:8px;padding:7px 0 5px 18px;background:url() no-repeat 0 9px;font-size:12px;color:#444;display:inline-block;letter-spacing:-0.5px;line-height:16px}
.direction{background-image:url(../../Common/Image/iconDirection.gif)}
.direction{background-image:url(../../Common/Image/iconDirectionRed.gif);color:#c00}
.essentialitm{font-weight:400;color:#F00;padding-left:3px}
.icoLoading{background:url(../../Common/Image/iconLoading.gif) no-repeat 50% 0;width:100%;height:32px;display:inline-block;margin:0 auto;text-align:center}

/*------------------------------------------------------------
   Icon :New, Recommend Icon
-------------------------------------------------------------*/
.list-ico{display:inline-block;position:relative;top:2px;width:15px;height:15px;padding-left:5px;background-repeat:no-repeat;background-position:50% 100%}
.i-notice{background-image:url(../../Common/Image/iconNotice.gif)}
.i-recommend{background-image:url(../../Common/Image/iconRecommend.gif)}
.i-new{background-image:url(../../Common/Image/iconNew.gif)}

/*------------------------------------------------------------
   Cabinet - Common :Padding Setting
-------------------------------------------------------------*/
.pad5{height:5px;width:100%;display:inline-block}
.pad10{height:10px;width:100%;display:inline-block}
.pad14{height:14px;width:100%;display:inline-block}
.pad16{height:16px;width:100%;display:inline-block}


/*------------------------------------------------------------
   Cabinet - Default Pager
-------------------------------------------------------------*/
.tBottomArea, .usertBottomArea{position:relative;height:20px;margin:15px 0}
.totalNum{position:absolute;top:-1px;width:15%;min-width:150px;padding-left:10px;color:#666;font-size:12px;text-align:left;font-weight:700;line-height:20px;}
.totalNum select{width:90px;padding:0 3px 2px;margin-left:5px;background:#fff url(../../Common/Image/Svg/bullet-arrow-bottom-fill-bk.svg) no-repeat 99% 50%;background-size:18px;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.totalNum select::-ms-expand{display:none}
.usertBottomArea .totalNum select{margin-left:0}
.pager, .userPager{position:relative;top:1px;width:60%;height:20px;margin:0 auto;text-align:center;z-index:5}
.pager ul{height:20px}
.pager li, .userPager li{display:inline-block;height:20px;margin:0 1px;text-align:center;vertical-align:top}
.pager a, .userPager a{display:inline-block;min-width:8px;height:18px;padding:0 4px;border:1px solid transparent;text-decoration:none;color:#888;font-weight:700;font-size:11px;line-height:18px;vertical-align:top}
.pager a:hover, .userPager a:hover{text-decoration:underline;color:#36384d}
.pager li .pagerSel{border:1px solid #909aa1;color:#36384d}
.pager li .pagerSel:hover, .userPager li .pagerSel:hover{text-decoration:none}
.pager li .arrowPreEnd, .pager li .arrowPrev, .pager li .arrowNext, .pager li .arrowNextEnd, .userPager li .arrowPrev, .userPager li .arrowNext{width:10px;height:18px;margin:0 2px;border:1px solid #ddd;background:url(../../Common/Image/Admin/pager-btn-arrow.png) -3px -2px;text-indent:-999999px}
.pager li .arrowPreEnd:hover{background-position:-3px -27px}
.pager li .arrowPrev{background-position:-53px -2px}
.pager li .arrowPrev:hover{background-position:-53px -27px} 
.pager li .arrowNext{background-position:-103px -2px}
.pager li .arrowNext:hover{background-position:-103px -27px}
.pager li .arrowNextEnd{background-position:-153px -2px}
.pager li .arrowNextEnd:hover{background-position:-153px -27px}
.goto .inputGoto{width:30px;height:24px;min-height:20px;line-height:24px;font-weight:700;text-align:center;font-size:11px;vertical-align:middle}
.goto{position:absolute;top:-6px;right:5px;text-align:right;color:#999;font-size:11px}
.goto fieldset{padding:0}
.goto li{display:inline-block;font-size:11px;letter-spacing:0.5px}
.goto li .arrow{display:inline-block;height:16px}
.goto li .btn-sm{margin:5px;background-color:#fff}
.goto li .btn-sm:hover{background-color:rgba(0,0,0,0.05)}


/*------------------------------------------------------------
   Cabinet - New Pager
-------------------------------------------------------------*/
.usertBottomArea{height:24px}
.userPager{top:-1px;height:24px}
.userPager ul{height:24px}
.userPager a{min-width:14px;height:22px;font-size:13px;line-height:1.5}
.userPager a:hover{color:#0d74c4}
.userPager li .pagerSel:hover{border:1px solid #0d74c4;color:#0d74c4}
.userPager li{height:24px;margin:0 2px}
.userPager li .pagerSel{border:1px solid #0d74c4;color:#0d74c4}
.userPager li .arrowPrev, .userPager li .arrowNext{width:16px;height:22px;background-position:-50px -50px}
.userPager li .arrowPrev:hover{background-position:-50px -75px} 
.userPager li .arrowNext{background-position:-100px -50px}
.userPager li .arrowNext:hover{background-position:-100px -75px}


/*------------------------------------------------------------
   Survey Results Table
-------------------------------------------------------------*/
.consultResult{width:100%;border-bottom:1px solid #e8e8e8}
.consultResult th, .consultResult th a{color:#333;font-weight:700;padding:15px 15px 10px;text-align:left}
.consultResult td{padding:0 10px 3px}
.consultResult td:first-child{padding-left:40px;/*background:url(../../Common/Image/Svg/bullet-circle.svg) no-repeat center top;background-size:7px;*/}
.consultResult tr:last-child td{padding-bottom:10px}
.consultResult .titleNum{background:#36c;padding:1px 5px 2px;color:#fff;font-family:'Tahoma';display:inline-block;margin-right:6px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;line-height:16px} 

.pollButtonWrap{margin:0 5px;display:inline-block}
.pollButton{display:inline-block;position:relative;top:0;height:19px;background:url(/Resource/Common/Image/Portlet/stateBg.png) no-repeat 0 0;line-height:16px}
span.pollButton{margin-right:5px;background-position:left 0;top:-1px}
.pollButton b{height:24px;display:inline-block;position:relative;top:0;background:url(/Resource/Common/Image/Portlet/stateBg.png) no-repeat 0 0;font-size:11px;font-weight:normal;left:2px;background-position:right 0;letter-spacing:-1px;padding:2px 8px 0 4px}
.pollButtonQuestionType{color:#999}
.pollButtonRequireInput{color:#c00}

.questionButtonWrap{margin:0 5px;display:inline-block}
.questionButton{display:inline-block;position:relative;top:0;height:24px;background:url(/Resource/Common/Image/Btn/btn.png) no-repeat 0 0;line-height:18px}
span.questionButton{margin-right:5px;background-position:left 0;top:-1px}
.questionButton b{height:24px;display:inline-block;position:relative;top:0;background:url(/Resource/Common/Image/Btn/btn.png) no-repeat 0 0;font-size:11px;font-weight:normal;left:2px;background-position:right 0;letter-spacing:-1px;padding:2px 6px 0 4px}

/*------------------------------------------------------------
   Progress Bar
-------------------------------------------------------------*/
.consultResult .progress{width:106px;height:9px;background-color:#ebf0f3;border:1px solid #d1d4db;text-align:left}
.consultResult .progress .bar{height:9px;background-color:#74a8da}

/*------------------------------------------------------------
   Up / Down Small Button
-------------------------------------------------------------*/
.btnArrowUp, .btnArrowDown{padding:0 8px 0 18px;background:url(../../Common/Image/Btn/btnArrowUp.gif) no-repeat 0 2px;font-size:11px;font-weight:400;color:#666;letter-spacing:-1px;cursor:pointer}
.btnArrowDown{background-image:url(../../Common/Image/Btn/btnArrowDown.gif)}

/*------------------------------------------------------------------------------------------------------------------------
   Cabinet - TabMenu
------------------------------------------------------------------------------------------------------------------------*/
.disabled a{cursor:default !important}

/*------------------------------------------------------------
   Tab 1 :Default
-------------------------------------------------------------*/
.tabWrap{width:100%;margin-bottom:10px}
.tabWrap > li{position:relative;display:table-cell;width:1%;background-color:#eee;border-left:1px solid #fff}
.tabWrap > li:first-child{border-left:none}
.tabWrap > li > a{position:relative;display:block;padding:8px 3px 7px;color:#404040;font-family:'NanumGothic';text-align:center}
.tabWrap > li > a:hover, .tabWrap > li > a:focus{font-weight:700;font-family:'NanumGothic';background-color:#b4bfc8;color:#fff}
.tabWrap > li.active > a, .tabWrap > li.active > a:hover,.tabWrap > li.active > a:focus{font-weight:700;background-color:#b4bfc8;color:#fff}
.tabWrap .disabled a, .tabWrap .disabled a:hover, .tabWrap .disabled a:focus{background-color:#d7dde2;color:#7b858d;font-weight:700}

/*------------------------------------------------------------
   Tab 2 :Right Alignment Gradation Tab
-------------------------------------------------------------*/
.tab2Title{position:relative;top:-9px;left:0;font-weight:700;display:inline-block;background:url(../../Common/Image/titleIconSub3.png) no-repeat 0 7px;padding-left:15px;padding-right:8px;color:#555;line-height:25px}
.tab2Wrap{height:26px;margin-bottom:10px;overflow:hidden;text-align:right;width:100%}
.tab2{display:inline-block;position:relative;height:26px;line-height:22px;white-space:nowrap;padding-left:1px}
.tab2 span{display:inline-block;border:1px solid #c8cbd2;border-left:none;height:24px;float:left}
.tab2 span:first-child{border-left:1px solid #c8cbd2}
.tab2 a{padding:0 15px 2px;line-height:22px;color:#666}
.tab2 a:hover{color:#000;text-decoration:none}
.tab2 span.active a{display:block;background-color:#dde4ea;color:#fff;font-weight:700;color:#36c !important}
.tab2Wrap .disabled a, .tab2Wrap .disabled a:hover{color:#bdbdbd;font-weight:400}

/*------------------------------------------------------------
   Tab 3 :Vertical
-------------------------------------------------------------*/
.tab3{min-width:100px;width:100%;min-height:200px;margin-right:3px;border:1px solid #ccc;background:#fafafa}
.tab3 a:hover{color:#1d5f93}
.tab3 li{display:block;padding:5px 3px 5px 0;padding-left:14px;border-bottom:1px solid #e5e5e5;background:url(../../Common/Image/tab3Dot.gif) no-repeat 6px 12px;line-height:18px;vertical-align:top}
.tab3 li.active{padding:5px 0;padding-left:14px;background:#4c87b5 url(../../Common/Image/tab3ActiveDot.gif) no-repeat 6px 12px !important;line-height:18px;font-weight:700;color:#fff}
.tab3 li.active a{color:#fff}
.tab3 li.active a:hover{color:#fff}
.tab3 .disabled a, .tab3 .disabled a:hover{color:#bdbdbd;font-weight:400}

/*------------------------------------------------------------
   Tab 4
-------------------------------------------------------------*/
.tab4Wrap{width:100%;height:34px;margin-bottom:15px;border-bottom:1px solid #1e5f92}
.tab4{display:inline-block;background-color:#ffffff;height:34px;line-height:34px}
.tab4 span{float:left;font-size:14px}
.tab4 span:first-child{}
.tab4 a{margin-left:1px;padding:0 15px;color:#666}
.tab4 a:hover{color:#1d5f93}
.tab4 span.active{border:1px solid #1d5f93 !important;margin-left:0px;background-color:#fff;border-bottom:none !important;line-height:33px;padding-bottom:1px}
.tab4 span.active a{font-weight:700;color:#1d5f93}
.tab4Wrap .disabled a, .tab4Wrap .disabled a:hover{font-weight:400;color:#bdbdbd}

/*------------------------------------------------------------
   Tab 5 :Vertical
-------------------------------------------------------------*/
.tab5{width:100%;min-width:80px;min-height:320px;margin-right:3px;border:1px solid #ccc;background:#fafafa}
.tab5 a:hover{color:#369}
.tab5 li{display:block;padding:5px 3px 5px 0;padding-left:14px;border-bottom:1px solid #e5e5e5;background:url(../../Common/Image/tab3Dot.gif) no-repeat 6px 12px;line-height:18px;vertical-align:top}
.tab5 li.active{padding:5px 0;padding-left:14px;background:#369 url(../../Common/Image/tab3ActiveDot.gif) no-repeat 6px 12px !important;line-height:18px;font-weight:700;color:#fff}
.tab5 li.active a{color:#fff}
.tab5 li.active a:hover{color:#fff}
.tab5 .disabled a, .tab5 .disabled a:hover{font-weight:400;color:#bdbdbd}

/*------------------------------------------------------------
   Tab 6 :Small Toggle
-------------------------------------------------------------*/
.tab6Wrap{height:22px;margin-bottom:10px;overflow:hidden;position:relative;left:0;top:0}
.tab6{display:inline-block;position:relative;height:22px;line-height:20px;white-space:nowrap}
.tab6 span{display:inline-block;height:22px;float:left;background:url(../../Common/Image/tabBg.png) repeat-x 0 -284px;padding-left:2px}
.tab6 a{display:inline-block;padding:0 12px;background:url(../../Common/Image/tabBg.png) repeat-x right -284px;color:#828181 !important;font-size:11px;font-weight:700;margin-left:-1px}
.tab6 a:hover{color:#06c !important;text-decoration:none}
.tab6 span.active{background:url(../../Common/Image/tabBg.png) no-repeat left -316px}
.tab6 span.active a{background-position:right -316px;font-weight:700;color:#fff !important;left:1px;font-size:11px}
.tab6Wrap .disabled a, .tab6Wrap .disabled a:hover{color:#bdbdbd !important}

/* 개발파트 관리 중인 부분  - 이전스타일 임시로 옮김 - */
/* 레이아웃 */
.layout1Left{width:215px;float:left;left:10px}
.layout1Right{margin-left:233px}
.layout2Left{width:230px;float:left;left:10px;clear:both}
.layout2Right{margin-left:240px}
.layoutAll{float:left;width:100%}
.layout6Left{width:170px;float:left;left:10px;clear:both}
.layout6Right{margin-left:195px}
.layout5Left{width:270px;float:left;left:10px;clear:both}
.layout7Left{width:145px;float:left;left:10px;clear:both}
.layout7Right{margin-left:165px}

/* 좌측 메뉴 및 트리 영역 */
.treeWrap,.leftNavWrap{min-width:180px;border:1px solid #e8e8e8;height:calc(100% - 2px);overflow:hidden;clear:both}
.treeButton,.leftNavButton{width:100%;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #ccc;background:#f7f7f7;overflow:hidden}
.treeButton ul,.leftNavButton ul{margin:6px}
.treeButton li,.leftNavButton li{display:inline;float:left}
.treeButton li.moveBtn,.leftNavButton li.moveBtn{float:right}
.treeButton li.moveBtn a{font-size:12px;letter-spacing:-.5px}
.treeArea{float:left;min-height:368px;background:#fafafa}
.treeContents,.leftNavContents{clear:both;width:90%;margin:10px auto 10px}
.treeWrap .treeContents{width:95%;/*height:calc(100vh - 160px) !important;*/margin:0 auto 10px}
.treeWrap .treeContents li input{margin:4px 4px 4px 10px}
.treeWrap .treeContents li a{vertical-align:top}

/* 관리자_좌측 메뉴 및 트리 영역 */
.leftNavContents li{width:100%;padding:0;box-sizing:border-box}
.leftNavContents span{margin-top:3px}
.leftNavContents li.listDot{margin:3px 0;padding-left:15px;background:url(../../Common/Image/leftNavDot.gif) no-repeat 6px 46%}
.leftNavContents li.listDot.dont a{color:#36C}
.leftNavContents li.listDotActive a{display:block;padding-left:15px;padding-top:3px;padding-bottom:6px;background:#517ea4 url(../../Common/Image/leftNavDotActive.gif) no-repeat 6px 46%;font-weight:700;color:#fff}
.leftNavTitle{color:#333;font-weight:700;padding-left:6px;padding-top:2px}

/* 타이틀 */
.titleWrap{width:auto;margin:6px 5px;overflow:hidden}
.titleGuide{width:100%;margin-bottom:8px;overflow:hidden;font-size:11px;color:#7f7f87}
.titleMain{float:left;height:22px;padding-left:20px;background:url(../../Common/Image/titleIcon.png) no-repeat -3px 0;font-size:13px;font-weight:700;color:#036;box-sizing:border-box}
.titleLocation{float:right;padding-left:18px;padding-right:5px;margin-top:7px;font-size:11px;color:#aaa}
.titleLine{border-bottom:1px solid #e9e9e9;clear:both;padding-top:4px}
.globalTitle, .globalTitle a{color:#333;padding-bottom:5px;font-weight:700}
.globalContents, .globalContents a{font-size:11px;color:#666;line-height:16px}

/* 소제목 */
.titleSub{margin-bottom:5px;margin-top:8px;padding-left:18px;background:url(../../Common/Image/titleIconSub.png) no-repeat 5px 2px;font-weight:700;line-height:17px;color:#333;clear:both}
.titleSub2{margin-bottom:5px;margin-top:8px;padding-left:21px;background:url(../../Common/Image/titleIconSub.png) no-repeat 5px 5px;font-weight:700;color:#333}
.titleSub3{margin-top:5px;margin-bottom:3px;padding-left:20px;background:url(../../Common/Image/titleIconSub3.png) no-repeat 5px 0;font-weight:700;line-height:16px;color:#333}
.smallTitle{background:url(../../Common/Image/Admin/dot.gif) no-repeat 0 49%;display:inline-block;color:#666;font-size:11px;letter-spacing:-1px;padding-left:6px;margin:5px 0}

.approvalprocesshistorypage .titleSub{padding-left:0px;margin-bottom:7px;margin-top:30px;background:none;font-size:15px}
.approvalprocesshistorypage .titleSub::before{content:"";display:inline-block;width:23px;height:23px;padding:0;margin-top:-2px;margin-right:2px;background:url(../../Common/Image/Popup/lp-title-bullet.png) no-repeat 3px 2px;border-radius:50%;vertical-align:middle}

/* 버튼정렬 */
.btnWrap{width:100%;display:inline-block}
.btnWrapView{width:100%;display:inline-block}
.btnWrapList{width:100%;display:inline-block}
.btnWrapInput{width:100%;display:inline-block}
.btnWrapModify{width:100%;display:inline-block}
.btnWrapLeft{float:left}
.btnWrapRight{float:right}
.btnWrapCenter{text-align:center}

.grid:after{content:" ";display:block;clear:both}

/* 사용자상세 */
.userDetailLeft{width:137px;float:left;left:10px;clear:both}
.userDetailRight{margin-left:170px}
.userDetailWrap{float:left;width:142px;overflow:hidden;clear:both}
.userDetailPhoto{width:100%;margin-bottom:20px}
.userDetailSign{width:100%;margin-bottom:20px}
.userDetailEtc{clear:both}

/* 팝업 */
.layerPopupWrap{width:100%;overflow:hidden;border-radius:5px;box-shadow:0px 2px 6px #555}
.popupTop{height:41px;background:url(../../Common/Image/Popup/popupTitleAllBg.png) repeat-x;white-space:nowrap;position:relative;top:0;left:0}
.popupTitle{height:32px;position:relative;font-weight:700;color:#f0f0f0;background:url(../../Common/Image/Popup/popupTitleBg.png) no-repeat;padding:9px 0 0 28px;min-width:200px;display:inline-block}
.popupTopClose{height:41px;width:61px;position:absolute;top:0;right:0;background:url(../../Common/Image/Popup/popupTitleBg.png) no-repeat 0 -41px ;cursor:pointer;display:inline-block;float:right}
.popupWrapper{background:#fff !important;overflow:hidden;margin:0 14px}
.popupContaniner{padding:8px;clear:both}
.popupList{float:left;width:49%}
.popupSel{float:right;width:49%}
.popupSelTitle{float:left;width:100%;margin-bottom:12px;font-weight:700}
.popupSelTitle li{display:inline}
.popupSelTitle span{display:inline-block;float:right}
.popupFoot{float:left;width:100%;margin:0;padding:10px 0;border-top:1px solid #e1e3e7;text-align:center}

/* 팝업 계정선택하단 */
.selectSection{overflow:hidden;width:100%;height:35px}
.selectTitle{float:left;padding:5px 0;background:#369;color:#fff;font-weight:700;width:28%;text-align:center}
.selectList{padding-top:3px;background:#f5f5f5;line-height:22px;min-height:24px;border:1px solid #ccc}
.selectList li{display:inline;padding:0 12px 0 10px;background:url(../../Common/Image/Popup/popupLine.gif) no-repeat 0 50%}
.selectList li:first-child{background:none}
.selectList li.selectListEnd{padding:0 14px;background:#f5f5f5}
.selectListDelete{display:inline-block;width:10px;height:10px;margin-left:10px;margin-left:-22px;margin-bottom:2px;padding-left:10px;cursor:pointer;background:url(../../Common/Image/iconXBlue.gif) no-repeat 0 100%;position:relative}
.selectList .selectListEnd input{position:relative;top:-2px;width:182px;background-color:transparent;border-style:none;text-align:center;font-weight:700}

/* 이미지의 1px테두리 - 관리자, 사용자 화면 */
.imgBorder{margin-bottom:5px;border:1px solid #eee;text-align:center}
.userDetailPhoto .imgBorder img{width:120px;height:120px;padding-top:4px}

/* 패턴 이미지로 본문 가리는 현상 막기 위해 임시로 추가 */
.mainContent{position:relative}

/*------------------------------------------------------------------------------------------------------------------------
   Space Default Page
------------------------------------------------------------------------------------------------------------------------*/
.workspacedefaultpage .naviWrap h1.logo a, .teamspacedefaultpage .naviWrap h1.logo a{display:inline-block;width:152px;height:23px}
.workspacedefaultpage, .teamspacedefaultpage{margin:0 auto 30px;background-color:#ddd}
.workspacedefaultpage::before, .teamspacedefaultpage::before{opacity:.15 !important}
.workspacedefaultpage .wrap, .teamspacedefaultpage .wrap{position:relative;max-width:1200px;margin:0 auto}
.workspacedefaultpage .tm1Menu>li>a, .teamspacedefaultpage .tm1Menu>li>a{overflow:hidden;display:block;font-weight:700;font-size:18px;font-family:'NanumGothic';white-space:nowrap;text-overflow:ellipsis}
.space-itm{display:inline-block;position:relative}
.space-itm li{display:inline-block;padding:0px 0px 1px 10px;margin:0 5px;border-left:1px solid #ccc;font-size:11px;line-height:19px;vertical-align:middle}
.space-itm li:first-child{border:none}

/*------------------------------------------------------------
   Space Location
-------------------------------------------------------------*/
.spaceLocation{display:inline-block;position:relative;top:0px;left:140px;height:48px}
.spaceLocation span{display:inline-block;margin-top:-6px;margin-left:10px;margin-right:10px;font-size:15px;vertical-align:middle}
.spaceLocation a{display:inline-block;padding-right:20px;background:url(../../Common/Image/Svg/bullet-arrow-right-gray.svg) no-repeat 100% 11px;font-weight:700}
span.locationWorkspace{margin-top:-5px}

/* 박스스타일1 */
.boxStyle{border:1px solid #dedede;width:100%}
.boxStyleTitle{line-height:28px;background:#f8f8f8;padding-left:10px;font-weight:700;margin-bottom:10px}
.boxStyleContent{ padding:10px}
.boxStyleContent td{border-top:1px solid #dedede}

/* 라인 */
.lineE{width:100%;height:1px;margin:6px 0;border-top:1px solid #eee;overflow:hidden}

/* 최대화 페이지 */
.maximizedPageWrap{position:relative;top:3px;padding:30px;margin:3px 3px 10px 3px;background-color:#fff;overflow:auto}
.popupmaximizepage .portalFrame{padding:10px 20px;margin:3px 3px 10px 3px;background-color:#fff}

/* 캐비닛_심사내역 */
.approvalHistoryWrap{width:100%;padding:20px 0}
.approvalHistoryTitle{line-height:24px;padding-left:15px;font-weight:700;color:#333;border-bottom:1px solid #829ed4}
.approvalHistory{width:100%;text-align:center;border-top:1px solid #dedede}
.approvalHistory th{background:#f9f9f9 url(../../Common/Image/Cabinet/listBar.gif) no-repeat 0 50%;border-bottom:1px solid #dedede;font-weight:700;color:#687b95;font-size:11px;padding:5px 0}
.approvalHistory th:first-child{background:#f9f9f9}
.approvalHistory td{padding:5px 10px;border-bottom:1px solid #dedede;background:#fff url(../../Common/Image/Cabinet/listBar.gif) no-repeat 0 50%}
.approvalHistory td:first-child{background:#fff}
.approvalOk{font-weight:700;color:#369}
.approvalReturn{font-weight:700}

/* 포틀릿_웹진형1 */
.thumbnailStyle{padding:15px 0 0 15px}
.thumbnailPhoto{background:url(../../Common/Image/portletStyle1Bg.gif) no-repeat 0 0;width:60px;height:66px;position:relative;top:0;left:0;padding:7px 7px 0 7px}
.thumbnailContents{position:relative;top:-70px;left:0;margin-left:80px;overflow:hidden}
.thumbnailContents span{font-weight:700;display:inline-block}
.thumbnailContents span a{color:#484f5f}
.thumbnailContents p{padding-top:6px;color:#6a6a6a;min-height:48px}
.thumbnailContents p a{font-size:11px;padding-top:6px;color:#6a6a6a}
.thumbnailContents p a:hover{text-decoration:underline}

/* 포틀릿스타일_웹진형2 */
.thumbnailStyle2{position:relative;top:0;clear:both}
.thumbnail2Photo{width:59px;height:44px;position:relative;top:0;left:0;padding:5px 7px 0 5px;border:1px solid #d3d3d3}
.thumbnail2Photo img{width:59px;height:37px}
.thumbnail2Contents{position:relative;top:-48px;left:0;margin-left:84px;min-height:44px;clear:both}
.thumbnail2Contents span{font-weight:700;margin-right:10px}
.thumbnail2Contents span a{color:#484f5f;overflow:hidden;text-overflow:ellipsis;height:15px;white-space:nowrap;display:block}
.thumbnail2Contents p{padding-top:6px;color:#6a6a6a}
.thumbnail2Contents p a{font-size:11px;padding-top:6px;color:#6a6a6a}
.thumbnail2Contents p a:hover{text-decoration:underline}
.thumbnail2Contents ul{padding-top:12px;padding-bottom:3px}
.thumbnail2Contents li{display:inline;margin-right:10px;padding-top:5px;padding-bottom:3px;color:#555}
.thumbnail2Contentsline{overflow:hidden;width:100%;height:1px;border-top:1px solid #eee;margin-top:-35px;padding-bottom:6px}
.thumbnail2ContentsLastLine{overflow:hidden;width:100%;height:1px;margin-top:-42px}

/* 캐비닛_스프레드시트 */
.cabinetSpreadSheet{display:inline-block;margin:5px 0}
.cabinetSpreadSheet button{background:url(../../Common/Image/Cabinet/sheetBtnBg.gif) repeat-x 0 100%;border:1px solid #bfbfbf;color:#333;line-height:20px;text-align:center;padding:1px 5px 0;margin-right:5px;border-radius:2px;cursor:pointer;font-size:11px;letter-spacing:-1px;position:relative;z-index:1}
.cabinetSpreadSheet button img{margin-right:4px;top:-1px;vertical-align:middle;display:inline-block}

/* 캐비닛_스프레드시트 테이블 */
.SpreadSheetTable{width:100%;margin-bottom:10px}
.SpreadSheetTable th{padding:6px 0 3px;color:#444;background:#f4f4f4;border:1px solid #dedede!important;border-top-color:#393}
.SpreadSheetTable th:first-child{width:20px}
.SpreadSheetTable ul{margin:5px 0}
.SpreadSheetTable li img{margin-top:-1px}
.SpreadSheetTable .active{color:#c36}
.SpreadSheetTable .selected{font-weight:700;color:#c36}
.SpreadSheetTable td{padding:2px 7px 2px 6px;color:#545454;line-height:18px;border:1px solid #dedede!important}
.SpreadSheetTable td a{font-weight:400;color:#545454}
.SpreadSheetTable td a:hover{color:#222;text-decoration:underline}
td.SpreadSheetTableTitle{font-weight:700}
td.SpreadSheetTableContents{text-align:left;padding:15px 3px 15px 0;text-align:left;line-height:18px;border-right:0;border-bottom:1px solid #d4d4d4}
td.userBasicViewContents{text-align:left;padding:15px;line-height:18px;border-right:0;border-bottom:1px solid #d4d4d4}
.SpreadSheetTable table{border-top:1px solid #c5cede;border-left:1px solid #c5cede;border-right:1px solid #adbcd7;border-bottom:1px solid #adbcd7}

.SpreadSheetTable input[type=text],.SpreadSheetTable textarea{width:100%;min-height:20px;border:1px solid #ccc}
.SpreadSheetTable select{width:100%;min-height:18px;border:1px solid #ccc;margin:4px 0}
.SpreadSheetTable input[type=checkbox]{background:transparent;margin:0}
.SpreadSheetTable input[type=radio]{background:transparent;margin:0}
.SpreadSheetTable input[type=password]{width:100%;min-height:20px;border:1px solid #ccc;margin:4px 0}
.SpreadSheetTable input[type=text], .spreadSheetTable input[type=password], .spreadSheetTable select, .spreadSheetTable textarea{margin:5px 0}
.SpreadSheetTable .ui-datepicker-trigger{margin:0}

/* 캐비닛_스프레드시트 리스트 */
.SpreadSheetList{width:100%}
.SpreadSheetList th{padding:6px 0 3px;border:1px solid #dedede;color:#444;background:#f4f4f4}
.SpreadSheetList th:first-child{background:#f8f8f8;min-width:30px}
.SpreadSheetList th a{color:#687b95;text-decoration:none}
.SpreadSheetList th a:hover{text-decoration:underline}
.SpreadSheetList td{padding:2px 7px 2px 6px;color:#545454;line-height:18px;min-width:30px;text-align:center;border:1px solid #dedede}
.SpreadSheetList td a{font-weight:400;color:#414141}
.SpreadSheetList td a:hover{color:#222}

/* 캐비닛_스프레드시트 분류영역 */
.SpreadSheetSelect{height:36px;border:1px solid #d2d2cf;background:#f8f5e3;color:#333;font-weight:700;border-radius:4px;margin-bottom:8px}
.SpreadSheetSelect li{display:inline-block;height:24px;padding:6px 8px 6px 16px;background:url(../../Common/Image/Cabinet/ssBar.gif) no-repeat 0 50%}
.SpreadSheetSelect li:first-child{background:none}
.SpreadSheetSelect select{padding:0 0 3px;margin-left:5px;border:1px solid #aaa;font-size:13px}

.SpreadSheetGroup{padding:5px 10px;line-height:16px}
.SpreadSheetGroup select{margin-left:10px}

/* 첨부파일 목록 */
.attach-list-group li{height:21px;padding:3px 5px;margin-right:15px;border-top:1px dotted #ccc}
.attach-list-group li:nth-of-type(1){border:none}

/* 캐비닛_팝업(ex.키워드선택) */
table.cabinetPopupList{width:100%}
.cabinetPopupList th{padding:5px 0 4px 0;text-align:center;background:#e7ecf4;border-top:1px solid #bec3cd;border-bottom:1px solid #bec3cd;border-left:1px solid #fff;font-size:11px}
.cabinetPopupList th:first-child{border-left:0}
.cabinetPopupList td{border-left:1px solid #eee;border-bottom:1px solid #eee;padding:3px 15px;text-align:left;line-height:18px}
.cabinetPopupList td:first-child{border-left:1px solid #fff}

/* 캐비닛_팝업_분류(ex.컨텐츠맵) */
.cabinetPopupCategory{border:1px solid #dedede;padding:10px;position:relative;margin-bottom:8px}
.cabinetPopupCategoryTree{position:relative;top:0;left:0;min-height:220px}
.cabinetPopupCategorySearch{width:100%;height:28px;margin:0 30px 0 10px;position:relative}
.cabinetPopupCategorySearch input{position:absolute;bottom:0;left:-8px;width:99%;height:24px;background:#f5f5f5;border:1px solid #d9d9d9;line-height:24px}

/* 패스워드 변경화면 */
.passwordWrite{width:100%;margin-bottom:10px}
.passwordWrite th{width:35%;padding:5px 4px 5px 12px;border-left:0;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;background:#f7f7f7;font-weight:400;text-align:left}
.passwordWrite td{padding:5px 24px 5px 20px;border-left:0;border-right:0;border-bottom:1px solid #e6e6e6}
.passwordWrite input[type=text],.basicWrite textarea{width:100%;min-height:20px;border:1px solid #ccc}
.passwordWrite input[type=password]{width:100%;min-height:20px;border:1px solid #ccc}

/* 라디오 버튼 리스트 간격 조정 */
.basicList .bzRRadio input{margin:5px}

/* 관리자 트리 접기 펴기 검색*/
.adminTreeControlWrap{position:relative;top:-14px;width:238px;padding:5px;background:#f9f9f9;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden}
.adminTreeControlSmallWrap{position:relative;width:198px;padding:5px;background:#f9f9f9;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden}
.adminTreeControlArea{float:left;height:18px;padding-left:2px}
.adminTreeControlArea>input{margin:0 1px}
.adminTreeControlArea li{padding-right:1px;display:inline}
.adminTreeBtnArea{float:right;margin-top:2px;margin-right:3px}
.adminTreeBtnArea a{display:inline-block;margin-left:1px;width:21px;height:13px;text-indent:-999999%;overflow:hidden}
.adminTreeBtnArea a.btn-unfold{background:rgba(0,0,0,.2) url(../../Common/Image/Svg/bullet-arrow-top-fill.svg) no-repeat 0 -1px}
.adminTreeBtnArea a.btn-fold{background:rgba(0,0,0,.2) url(../../Common/Image/Svg/bullet-arrow-bottom-fill.svg) no-repeat 0 -1px}

/* 윈도우팝업헤더 */
.winPopupHeader{height:40px;background:url(../../Common/Image/Popup/popupTitleBg.png) repeat;clear:both;width:100%;position:relative;top:-10px;left:-10px;z-index:10;padding-right:20px;line-height:36px}
.winPopupHeader span{display:inline-block;height:40px;padding-left:10px;font-weight:700;color:#fff}
.winPopupHeader span::before{content:"";display:inline-block;width:19px;height:19px;margin:-2px 7px 0 0;background:#fff url(../../Common/Image/Popup/lp-title-bullet.png) no-repeat 1px 0px;border-radius:50%;vertical-align:middle}

/* popup-tail */
.popup-cont{margin-bottom:50px}/*윈도우 팝업 컨텐츠*/
.popup-tail{overflow:hidden;position:fixed;width:100%;bottom:0;margin-left:-10px;padding:8px 10px;background-color:#778088;color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.popup-tail .close-btn{float:right;color:#fff}
.popup-tail input[type=checkbox]{margin-right:5px;vertical-align:middle}
.popup-tail select{margin-right:5px;width:40px;min-height:20px;border:0;padding:0 0 3px 3px;background:#fff url(../../Common/Image/Svg/bullet-arrow-bottom-fill-bk.svg) no-repeat 99% 50%;background-size:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.popup-tail select::-ms-expand{display:none}

/*----------------------------------------------------------------------------------------------------------------------
   Approval Groupwear
------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------
   Common
-------------------------------------------*/
/* Division --------------------------*/
.half,.third,.quarter,.fifth,.sixth,.seventh,.eighth,.ninth{float:left;color:#404040;text-align:center}
.half{width:50%}
.third{width:33.33333%}
.quarter{width:25%}
.fifth{width:20%}
.sixth{width:16.66666%}
.seventh{width:14.286%}
.eighth{width:12.5%}
.ninth{width:11.11111%}

/*------------------------------------------
   Bullet
-------------------------------------------*/
.editor-title, .editor-ico, .comm-blet{display:inline-block;background-image:url(../../Common/Image/Approval/comm-iconSet.png);background-repeat:no-repeat;vertical-align:middle;text-indent:-999999px}

/*----------------------------------------------------------------------------------------------------------------------
   Form Editor
------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------
   Common
-------------------------------------------*/
/* Editor Header */
.editor .header{position:relative;height:36px;background:url(../../Common/Image/Approval/editor-header-bg.png) repeat-x;box-shadow:0 3px 6px rgba(0,0,0,.2);z-index:1}
.editor .header span.comm-blet{width:15px;height:15px;background-position:0 -300px}
.editor .header h2{padding:9px 20px}
.b-close{position:absolute;top:3px;right:7px}
.b-close{width:32px;height:32px;padding:0.786em;background-position:-50px -290px}
.b-close:hover{background-position:-50px -320px}

/* Editor Input */
.editor textarea, .editor input[type="text"]{border:1px solid #eaeaea;color:#404040}
.editor input[type="text"]{background-color:#f6f6f6;padding:2px 5px 3px;font-size:14px}
.editor input[type="password"]{background-color:#fff;padding:2px 5px 3px;font-size:14px}
.editor ::-webkit-input-placeholder{color:rgba(0,0,0,.3)}/* 크롬 */
.editor ::-moz-placeholder{color:rgba(0,0,0,.3);opacity:1}/* 파이어폭스 */
.editor ::-moz-placeholder{color:rgba(0,0,0,.3);opacity:1}/* 파이어폭스 */
.editor ::-ms-input-placeholder{color:rgba(0,0,0,.3;opacity:1)}/* 인터넷 익스플로러 */
.editor ::placeholder{color:rgba(0,0,0,.3);opacity:1}

/* Bullet */
.b-fold{background-position:-117px -296px}
.b-unfold{background-position:-117px -325px}
.b-add{background-position:-355px -294px}
.b-add:hover{background-position:-355px -324px}
.b-delete{background-position:-414px -294px}
.b-delete:hover{background-position:-414px -324px}
.b-disc{width:10px;height:13px;background-position:-246px -300px}

/* Button */
.editor-content .btn-lg.save{padding:7px 30px 9px;background-color:#286aa2;margin-top:8px;margin-right:20px;letter-spacing:0px}
.editor-content .btn-lg.save:hover{background-color:#0e5ea4}

/*------------------------------------------
   Editor Content - Items
-------------------------------------------*/
.editor{width:1200px}
.editor-container{overflow:hidden}
.editor-container>div{float:left;height:calc(100vh)} /* header 36px 제거 */
.editor-itm{width:260px;background-color:#0e417a}
.editor-itm>div{clear:both;padding:15px 0}
.editor-itm>div:first-child{padding-top:20px}
.editor-itm h3{display:block;height:17px;margin:6px 20px;text-indent:-999999px;color:transparent;cursor:pointer;}
.editor-itm span{float:right;width:18px;height:17px;/* margin-right:37px;*/}
.editor-itm ul{padding:10px 18px 15px;overflow:hidden}
.editor-itm li{padding:6px 0}
.editor-itm li a{width:68px;height:72px;transition:.5s ease}

/* Editor - Item Title */
.automatic-itm{overflow:hidden}
.automatic-itm h3{background-position:-720px 4px;}
.default-itm{border-top:1px solid #022977;overflow:hidden}
.default-itm h3{background-position:-720px -36px;}
.editor-itm h3.editor-ico:hover, .editor-itm h3.editor-ico.active{background-color:transparent}
.sheet-itm h3{background-position:-720px -76px}

/* Editor - Item Icon */
.editor-ico:hover, .editor-ico.active{border-radius:10px;background-color:#016eb3}
/* Automatic Item */
.i-drafter, .i-drafter.active{background-position:0 0}
.i-draftDept, .i-draftDept.active{background-position:-90px 0}
.i-draftDay, .i-draftDay.active{background-position:-180px 0}
.i-drafterEmail, .i-drafterEmail.active{background-position:-270px 0}
.i-drafterPosition, .i-drafterPosition.active{background-position:-360px 0}
.i-drafterEpIdNumber, .i-drafterEpIdNumber.active{background-position:-450px 0}
.i-drafterMobile, .i-drafterMobile.active{background-position:-540px 0}
.i-drafterPhoneNumer, .i-drafterPhoneNumer.active{background-position:-630px 0}
.i-approvalCompletDate, .i-approvalCompletDate.active{background-position:0 -72px}
.i-docNumber, .i-docNumber.active{background-position:-90px -72px}
.i-preservedTime, .i-preservedTime.active{background-position:-180px -72px}
.i-openStatus, .i-openStatus.active{background-position:-270px -72px}
.i-referrer, .i-referrer.active{background-position:-360px -72px}
.i-recipient, .i-recipient.active{background-position:-450px -72px}

/* Default Item */
.i-title, .i-title.active{background-position:0 -144px}
.i-content, .i-content.active{background-position:-90px -144px}
.i-approvalLine, .i-approvalLine.active{background-position:-180px -144px}
.i-text, .i-text.active{background-position:-270px -144px}
.i-mutiText, .i-mutiText.active{background-position:-360px -144px}
.i-edit, .i-edit.active{background-position:-450px -144px}
.i-number, .i-number.active{background-position:-540px -144px}
.i-currency, .i-currency.active{background-position:-630px -144px}
.i-radioBtn, .i-radioBtn.active{background-position:-720px -144px}
.i-dropBox, .i-dropBox.active{background-position:0 -216px}
.i-checkBox, .i-checkBox.active{background-position:-90px -216px}
.i-date, .i-date.active{background-position:-180px -216px}
.i-time, .i-time.active{background-position:-270px -216px}
.i-period, .i-period.active{background-position:-360px -216px}
.i-userSelect, .i-userSelect.active{background-position:-450px -216px}
.i-deptSelect, .i-deptSelect.active{background-position:-540px -216px}
.i-attachedFile, .i-attachedFile.active{background-position:-630px -216px}
.i-referDoc, .i-referDoc.active{background-position:-720px -216px}
.i-spreadSheet, .i-spreadSheet.active{background-position:-810px -144px}

/*------------------------------------------
  Editor Content - Detail Range
-------------------------------------------*/
.editor-content-detail{float:right !important;width:240px;padding:25px;box-sizing:border-box;background-color:#d9e8f7}
.editor-content-detail>div, .itm-detail>div{margin-bottom:15px}
.editor-content-detail h4{height:30px;color:#404040;line-height:1.75em;font-size:13px;vertical-align:middle}
.editor-content-detail .itm-header h4{font-size:15px}
.itm-header p{height:80px;padding:5px 0;line-height:1.5em;font-size:12px}
.itm-detail li{width:190px;height:45px;padding:9px 10px;margin-bottom:10px;background-color:#fff;box-sizing:border-box;border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.2)}
.itm-detail li:hover{box-shadow:0 0 3px rgba(0,0,0,.5)}
.itm-detail input{width:110px;height:18px;padding:1px 5px 4px;margin-right:5px}
.itm-detail input.checkBox{width:13px;height:13px;margin:8px 5px 5px 0;vertical-align:middle}
.itm-detail input.checkBox~label{line-height:18px;vertical-align:middle}
.itm-detail li a{width:24px;height:27px}
.itm-detail>div>ul span{vertical-align:middle}
.itm-detail>p{padding:18px 0;border-top:1px dotted #a3bdd8}
.itm-detail .btn-md{padding:0.588em 1.5em 0.747em;margin:0 2px;border:none;background-color:#99a4ad;line-height:1.2em;font-size:12px}
.itm-detail .btn-md:hover{border:none}
.itm-detail .add{width:100%;padding:0.5em 6.18em 0.786em;background-color:#3178b7;line-height:1.2em}
.itm-detail .add .comm-blet{width:10px;height:10px;background-position:-300px -300px}
.itm-detail .add:hover{background-color:#0e5ea4}
.itm-detail .confirm{background-color:#5484af}
.itm-detail .confirm:hover{background-color:#4076a5}
.itm-detail .cancel, .itm-detail .cancel:hover{color:#fff}
.itm-detail .sub-set .scrollbarwrap{max-height:301px}

/*------------------------------------------
   Editor Content - Form
-------------------------------------------*/
.editor-content{width:700px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.edit-form{clear:both;padding:15px 0;overflow:hidden}
.edit-form h3{padding-bottom:10px;padding-left:3px;color:#333}
.edit-form h3 span{display:inline-block;width:6px;height:16px;border-radius:6px;background-color:#0e417a;margin-right:8px;vertical-align:middle}
.edit-form table{float:left;border-collapse:collapse;border-spacing:0;border:1px solid #aeaeae}
.edit-form table.second{float:right}
.edit-form th, .edit-form td{border:1px solid #aeaeae}
.edit-form td.sign{height:68px}
.edit-form td>input{float:left;width:100%}
.edit-form td input.contract{width:calc(100% - 30px)}
.edit-form td input.radioButton{height:auto;vertical-align:middle;margin:0 5px}
.edit-form td.textBox{padding:15px 20px 30px !important}
.edit-form select{height:24px;background-position:172px -38px}
.edit-form td span{padding:0 10px}
.edit-form .first th{width:32.4%;}
.edit-form .second th{width:12%;background-color:#f6f6f6}
.edit-form.row2 th{width:16%;letter-spacing:-0.5px}
.edit-form.row2 td{width:34%;padding:4px 6px}

/*----------------------------------------------------------------------------------------------------------------------
   LayerContainer : Popup
------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------
   Common
-------------------------------------------*/
/*.layerContainer{width:700px}*/
.layerContainer .header{position:relative;height:36px;/*background:url(../../Common/Image/Approval/editor-header-bg.png) repeat-x;*/background-color:#1f4d90;box-shadow:0 3px 6px rgba(0,0,0,.2);z-index:1}
.layerContainer .header h2{padding:9px 20px;color:#fff}
.layerContainer .header span.comm-blet{width:15px;height:11px;background-position:0 -328px;vertical-align:initial}
.layerContainer .header .btn-close{position:absolute;top:3px;right:5px}
.layerContainer .ct-container{background-color:#fff;box-sizing:border-box}
.layerContainer .ct-container{/*padding:30px 20px;*/}
.layerContainer .ct-container .tabMenu-group+button{float:right;margin:-1px 25px 20px;border-radius:0 0 3px 3px}
.layerContainer th, .layerContainer td{border:1px solid #ccc}
.layerContainer .content{padding:40px 25px}
.layerContainer .content .title{margin-bottom:50px;color:#333;text-align:center}
.layerContainer .content th, .layerContainer .content td{height:34px;padding:4px 8px;text-align:center;color:#404040;line-height:23px;font-size:13px}
.textBox{background-color:#fff}

/* Button */
.btn{display:inline-block;border-radius:3px;color:#fff;text-align:center;vertical-align:middle} /*수정필요*/
.btn.c-btn-lg{padding:0.473em 1.917em 0.6em}

.c-btn-sm-wt, .c-btn-md-wt{background-color:#fff;border:1px solid  rgba(0,0,0,.2);color:#666}
.c-btn-sm-wt{padding:0.12em 0.64em 0.38em;border-radius:2px}
.c-btn-md-wt{padding:0.38em 1.836em 0.54em}
.c-btn-sm-wt:hover, .c-btn-md-wt:hover{border:1px solid rgba(0,0,0,.4)}

.c-btn-md, .c-btn-lg{background-color:#888}
.c-btn-md{padding:0.38em 1.836em 0.54em;border:1px solid  rgba(0,0,0,.15)}
.c-btn-lg{padding:0.645em 1.857em 0.714em}
.c-btn-md:hover, .c-btn-lg:hover{background-color:#666}

/* Rounded Button */
.rect-round-sm, .rect-round-md{border:1px solid rgba(0,0,0,.2);border-radius:100px;background-color:#fff;box-sizing:border-box}
.rect-round-sm{height:29px;padding:0.429em 0.94em;line-height:1.4em}
.rect-round-md{height:32px;padding:0.464em 1em;line-height:1.4em}
.rect-round-sm:hover, .rect-round-md:hover{background-color:#0066cc;color:#fff}

/*------------------------------------------
   TabMenu - Group : 메뉴들
-------------------------------------------*/
.tabMenu-group{padding:15px 12px 15px 22px;background-color:#f4f4f4;border-bottom:1px solid rgba(0,0,0,.1)}
.ct-tabMenu-group{overflow:hidden;position:relative;margin:15px 5px}
.tabMenu-group>ul{overflow:hidden;position:relative}
.menu-itm a{float:left;margin-right:4px}
/*.menu-itm a::after{content:"";height:14px;padding-left:8px;margin-left:6px;background:url(../../Common/Image/Svg/bullet-arrow-right-bk.svg) no-repeat -3px -1px;background-size:cover}
.menu-itm a.active::after{content:"";height:14px;padding-left:8px;margin-left:6px;background:url(../../Common/Image/Svg/bullet-arrow-right-wt.svg) no-repeat -3px -1px;background-size:cover}*/
.menu-itm>.active{background:#0066cc;color:#fff}
.menu-itm .replace{float:right}
.menu-itm .hold{float:right;background:#aeaeae;color:#fff}
.ico-more-btn{position:absolute;top:8px;right:-5px;width:24px;height:24px;margin:0 0 0 2px;background-position:-110px -368px;border-radius:0;opacity:.5;vertical-align:middle}
.ico-more-btn:hover, .ico-more-btn.active{opacity:1}

.tabMenu-group .menu-itm>.active{background:#248ad9}
.tabMenu-group .menu-itm>.active:hover{background:#1f4d90}
.tabMenu-group .menu-itm a{margin:2px 3px}
.tabMenu-group .rect-round-md{border-radius:3px}
.tabMenu-group .rect-round-md:hover, .tabMenu-group .rect-round-md:hover{background-color:#1f4d90;color:#fff}

/* Additional Menu */
.additional-mnu-rgn ul{position:absolute;right:5px;z-index:10}
.additional-mnu-rgn ul{height:auto;padding:15px 10px 15px 20px;box-shadow:0 0 15px rgba(0,0,0,.3);border-radius:5px;border:1px solid rgba(0,0,0,.2);background:#fff}
.additional-mnu-rgn ul:before,.additional-mnu-rgn ul:after{bottom:100%;left:80%;border:solid transparent;content:" ";height: 0;width:0;position:absolute;pointer-events:none}
.additional-mnu-rgn ul:before{border-color:rgba(0, 0, 0, 0);border-bottom-color:rgba(0,0,0,.2);border-width:8px;margin-left:-6px}
.additional-mnu-rgn ul:after{border-color:rgba(0, 0, 0, 0);border-bottom-color:#fff;border-width:7px;margin-left:-5px}
.additional-mnu-rgn ul li{padding:0.429em 0}
.additional-mnu-rgn ul li a{position:relative;height:24px;margin:0;border:none;font-weight:400;font-size:13px;float:none}
.additional-mnu-rgn ul li a.rect-round-md:hover, .additional-mnu-rgn ul li a.active{background-color:transparent;color:#333;font-weight:700}
.additional-mnu-rgn ul li a::before{content:"";position:absolute;left:0;top:11px;width:2px;height:2px;border:1px solid #0066cc;background-color:#0066cc;border-radius:10px}

/*----------------------------------------------------------------------------------------------------------------------
   Approval : 결재화면 - 기안정보펼쳐보기
------------------------------------------------------------------------------------------------------------------------*/
/* Item Button */ 
.itm-btn{border-radius:3px;color:#fff;text-align:center;vertical-align:middle}
.itm-btn.unfold, .itm-btn.fold{padding:0.302em 1em 0.364em;background-color:#aeaeae}
.itm-btn.unfold:hover, .itm-btn.unfold.active, .itm-btn.fold:hover, .itm-btn.fold.active{background-color:#888;font-weight:700}
.itm-btn.fold.active{position:absolute;top:-1px;right:24px;border-radius:0 0 3px 3px}
.itm-btn span.comm-blet{width:15px;height:15px;margin-left:2px}
.itm-btn.unfold .comm-blet/*.b-unfold-sm*/{background-position:-185px -295px}
.itm-btn.fold .comm-blet/*.b-fold-sm*/{background-position:-185px -326px}
.itm-btn.c-btn-sm-wt, .itm-btn.c-btn-md-wt{color:#666}
.itm-btn.c-btn-md, .itm-btn.c-btn-md-wt{padding:0.36em 1.836em 0.487em}
.itm-btn.c-btn-lg{padding:0.616em 1.857em 0.6em;letter-spacing:0px}

.info-unfold{position:relative;padding:0 26px;margin:0 auto;box-sizing:border-box}
.info-unfold>div{margin-bottom:30px}
.info-unfold>.fold+div{width:100%;padding:28px 25px 25px;margin-left:-25px;margin-bottom:20px;background-color:#eaeaea}
.info-unfold table{width:100%;border:10px solid #fbfbfb !important;/*margin-bottom:12px;*/background-color:#fbfbfb;box-shadow:0 0 1px rgba(0,0,0,.6)}
.info-unfold table.last{margin-bottom:0}
.info-unfold th, .info-unfold td{padding:5px 8px;border:none;font-size:13px;text-align:left}
.info-unfold th{text-align:right;font-weight:700}
.info-unfold .alignL, .approval .alignL{text-align:left}
.info-unfold .alignL span{margin-left:10px;vertical-align:middle}
.info-unfold td select{width:120px;background-position:100px -358px}
.info-unfold .attach select, .info-unfold .attach ul{padding:5px;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);background:#fff}
.info-unfold .attach select{width:394px;height:100px}
.info-unfold .attach select option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.info-unfold .attach th{padding:12px 8px;vertical-align:top}
.info-unfold .attach ul{width:508px;min-height:28px;padding:2px 0px 6px}
.info-unfold .attach td .c-btn-md-wt{margin:5px 2px}
.info-unfold .attach ul li{overflow:hidden;padding:2px 8px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.info-unfold .c-btn-md-wt:hover{background:rgba(255,255,255,1);
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}

/*----------------------------------------------------------------------------------------------------------------------
   Popup - Approval 
------------------------------------------------------------------------------------------------------------------------*/
.addToMyRouteBox, .selectFromList{overflow:hidden;padding:10px 15px;background-color: rgba(0,0,0,.05)}
.addToMyRouteBox .btnWrapRight, .selectFromList .btnWrapRight{margin-top:10px}
.inputRow span{margin-right:10px}
.inputRow input{padding:2px 6px 4px;background-color:#fff;border:1px solid rgba(0,0,0,.2)}
.addToMyRouteBox .inputRow{float:left;width:50%}
.selectFromList table{width:100%;background-color:#fff}
.selectFromList table th, .selectFromList table td{font-size:13px;text-align:center}
.selectFromList table th{padding:4px 0;background-color:rgba(0,0,0,.1)}

/*------------------------------------------
   Popup - Common
-------------------------------------------*/
.routerSetup{user-select:none}
.routerSetup .alignR{margin:0 15px}
.routerSetup .alignR>button{margin:10px 0 10px 1px}
.routerSetup>div{background-color:#fff}
.routerSetup .header{height:38px;padding:9px 15px 9px 17px;box-sizing:border-box;background-color:#2567b4;color:#fff}
.routerSetup .ct-container{padding:10px 15px;box-sizing:border-box}
.routerSetup .content{padding:0}
.routerSetup th, .routerSetup td{display:table-cell;width:auto;border:1px solid #ccc}
.routerSetup td{height:40px;padding:4px;box-sizing:border-box;text-align:center;color:#404040}
.layerContainer select, .routerSetup select{width:100%;height:28px;padding:0 8px 2px;border:1px solid rgba(0,0,0,.15);background:#fff url(../../Common/Image/Approval/comm-iconSet.png) no-repeat;color:#404040;font-size:13px;-webkit-appearance:none}
.approval-path, .drafter-select{padding:15px}
.approval-path>p{margin-bottom:20px}
.approval-path>div{margin-bottom:20px}
.approval-path th, .drafter-select th{height:30px;background-color:rgba(0,0,0,.05);line-height:1.25em;font-size:13px;color:#666;font-weight:400}
.btn-group{clear:both;padding:25px 0 15px;margin:0 15px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,.08);text-align:center}
.btn-group button{margin:0 3px}

/*----------------------------------------------------------------------------------------------------------------------
   Popup - Approval : 결재화면
------------------------------------------------------------------------------------------------------------------------*/
.routerSetup div.popup-approval{width:500px;height:310px}
.routerSetup .popup-approval .approval{padding:0;overflow:hidden}
.approval.ct-container .content{height:184px;padding:30px;box-sizing:border-box;background-color:#f6f6f6}
.approval.ct-container table, .approval.ct-container th, .approval.ct-container td{border:none}
.approval.ct-container th, .approval.ct-container td{height:34px;padding:4px 8px;text-align:center;color:#404040;line-height:23px;font-size:13px}
.approval.ct-container th{padding-top:10px;vertical-align:top}
.approval.ct-container textarea, .approval.ct-container input[type="text"]{padding:5px;border:1px solid rgba(0,0,0,.15);color:#404040}
.approval.ct-container textarea{width:320px;height:80px}
.approval.ct-container input{height:30px;margin-right:10px}
.itm-btn.c-btn-md.return{background-color:rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.15);color:#404040}
.itm-btn.c-btn-md.return:hover{background-color:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.3)}
.ct-container.noPadding .btn-group{margin:0 0 30px}

.plupload_content div{font-size:12px}
.plupload_file_action{margin-top:2px}
.plupload_button{padding:1px 8px 3px 20px}

/*----------------------------------------------------------------------------------------------------------------------
   Popup - Approval Path : 결재선 선택
------------------------------------------------------------------------------------------------------------------------*/
.approval-path>div{margin-bottom:20px}
.approval-path select, .approval-path input{width:100%;height:29px;font-size:14px;border-color:rgba(0,0,0,.3)}
.approval-path select{background-position:115px -358px}
.approval-path .referrer h4{background-color:#839cc1}
.approval-path .reader h4{background-color:#62a6be}
.approval-path .receiver h4{background-color:#70b8a5}
.approval-path h4 span {width:18px;height:18px}
.approval-path .b-fold, .approval-path .b-unfold{float:right;margin-top:1px}
.approval-path .itm.dept{overflow:inherit;text-indent:inherit}

/*------------------------------------------
   Name-Group & Dept-Group Popup
-------------------------------------------*/
.approval-path .content .itm.name, .approval-path .content .itm.dept{position:relative}
.name-group, .dept-group{position:absolute;left:5px;top:39px;width:280px;padding:18px 15px;margin-bottom:30px;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:1}
.dept-group{width:135px}
.name-group li, .dept-group li{padding:0 8px;line-height:1.75em;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.name-group li.active{border:1px solid #c3d8e2;padding:0px 7px;font-weight:700;line-height:1.60em;background-color:#eaf4f9}

/*------------------------------------------
   Etc - Btn
-------------------------------------------*/
.etc-btn a{width:24px;height:24px}
.etc-btn .b-down{background-position:-473px -295px}
.etc-btn .b-down:hover{background-position:-473px -325px}
.etc-btn .b-up{background-position:-533px -295px}
.etc-btn .b-up:hover{background-position:-533px -325px}
.etc-btn .b-delete{background-position:-414px -296px}
.etc-btn .b-delete:hover{background-position:-414px -326px}
.etc-btn .b-search{background-position:-597px -295px}
.etc-btn .b-search:hover{background-position:-597px -325px}

/*----------------------------------------------------------------------------------------------------------------------
   Popup - Drafter Select : 기안자 선택
------------------------------------------------------------------------------------------------------------------------*/
.drafter-select .tabWrap li{background-color:rgba(0,0,0,.3)}
.drafter-select .tabWrap li a{padding:0.7em 2.2em 0.738em;color:#fff;font-weight:700;font-size:1.071em;font-family:'NanumGothic', sans-serif}
.drafter-select .tabWrap li.active a, .drafter-select .tabWrap li a:hover, .drafter-select .tabWrap li.active a:focus{background-color:#666}
.drafter-select>p{overflow:hidden}
.drafter-select>p .half{width:calc(50% - 1px);height:50px;margin-left:2px;background-color:rgba(0,0,0,.3);border-bottom-left-radius:0;border-bottom-right-radius:0}
.drafter-select>p .half:first-child{margin-left:0}
.drafter-select>p>button.active, .drafter-select>p>button:hover{background-color:#666;font-weight:700;font-family:'NanumGothic'}
.drafter-select>div{float:left;width:calc(50% - 2px)}
.drafter-select .header{height:39px;padding:0;color:#fff}
.drafter-select .header span{display:inline-block;width:44px;height:38px;vertical-align:middle;background:url(../../Common/Image/Approval/comm-iconSet.png) no-repeat}
.drafter-select .content table th{border:none}
.drafter-select .content>div{margin-top:-1px}
.drafter-select .content table tr:first-child>td{border-top:none}
.drafter-select .content>div td{max-width:60px;height:30px;font-size:13px;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.selected-dept{margin-left:4px}
.selected-user .header{background-color:#4a7ead}
.selected-user .header span{background-position:-767px -292px}
.selected-dept .header{background-color:#5ea0d4}
.selected-dept .header span{background-position:-831px -291px}
.drafter-select table tr.active, .drafter-select table tr:hover{cursor:pointer}
.drafter-select table tr:first-child:hover{background-color:inherit;cursor:default}
.selected-user table tr.active, .selected-user table tr:hover{background-color:#e4edf5}
.selected-dept table tr.active, .selected-dept table tr:hover{background-color:#e4f2f4}
.drafter-select div.btn-group{width:100%;margin:20px auto 0}

/*------------------------------------------
   Option-Group : Select
-------------------------------------------*/
.option-group{position:relative;width:100%;height:91px;padding:25px 10px;margin-bottom:20px;background-color:#f6f6f6;box-sizing:border-box}
.option-group .half{width:calc(50% - 20px);margin:0 10px}
.option-itm{float:left}
.option-itm select::-ms-expand{display:none}
.option-itm select{width:100%;height:40px;padding:5px 12px 6px;border:none;background:rgba(0,0,0,0.1) url(../../Common/Image/Svg/blet-arr-btm-fl-bk-md.svg) no-repeat 99% 51%;background-size:26px;box-sizing:border-box;font-size:15px;text-align:left;font-size:15px;color:#404040;-webkit-appearance:none}
.option-itm select option{padding:5px;height:30px;line-height:30px}

/*------------------------------------------
   Option-Group : Search
-------------------------------------------*/
.option-group .search{display:inline-block;float:right;position:relative}
.option-group .searchTxt{position:relative;width:100%;height:40px;padding:5px 40px 6px 12px;background-color:#fff;border:1px solid rgba(0,0,0,.3);color:#404040;font-size:15px}
.option-group .search>.btn-search{display:inline-block;position:absolute;top:0px;right:0;width:40px;height:40px;margin:0;border:none;background:url(../../Common/Image/Approval/comm-iconSet.png) no-repeat -650px -289px;overflow:hidden;text-indent:-999999px;z-index:10}

/*----------------------------------------------------------------------------------------------------------------------
   Approval - Container : 결재함
------------------------------------------------------------------------------------------------------------------------*/
.approval-page{height:100vh;background-color:#deedfc;background-repeat:no-repeat;background-image:#d4e2f0;/* Old browsers */
background-image:-moz-linear-gradient(top, #96a6c1 0%, #deedfc 62%, #cfe1fa 81%, #deedfc 100%);/* FF3.6-15 */
background-image:-webkit-linear-gradient(top, #96a6c1 0%,#deedfc 62%,#cfe1fa 81%,#deedfc 100%);/* Chrome10-25,Safari5.1-6 */
background-image:linear-gradient(to bottom, #96a6c1 0%,#deedfc 62%,#cfe1fa 81%,#deedfc 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#96a6c1', endColorstr='#deedfc',GradientType=0 );/* IE6-9 */}
.approval-wrap{overflow:hidden;position:relative;padding:10px;height:100%;margin:0 auto}
.approval-wrap>div{float:left;box-shadow:0 0 10px rgba(0,0,0,.15)}

/*------------------------------------------
   Approval LnbWrap
-------------------------------------------*/
/* Common */
.approval-lnbWrap{position:relative;width:240px;background-color:#f6f6f6;box-sizing:border-box;overflow:hidden}
.approval-lnbWrap>p, .approval-lnbWrap>div{position:relative;padding:15px 25px;box-sizing:border-box}
.approval-lnbWrap>p{padding:20px 25px 19px;background-color:#2072d0;border-bottom:1px solid rgba(255,255,255,.2)}
.approval-lnbWrap>p .itm-btn{width:190px;height:50px;background:url(../../Common/Image/Approval/img-btn.png) no-repeat 0 0;color:#fff} 
.approval-lnbWrap>p .itm-btn:hover{background-position:0 -50px}
.approval-lnbWrap>p .comm-blet.i-draft{width:18px;height:18px;margin-right:10px;background-position:0px -420px}  
.todo-box h3, .personal-box h3, .dept-box h3, .storage-box h3{position:relative;padding:3px 0}
.approval-lnbWrap h3 a, .personal-box li a, .sub-section li a, .sub-section a.deptName{display:inline-block;color:#fff;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.approval-lnbWrap h3::before, .personal-box li::before, .personal-box .pb-itm li span, .dept-box h3::before, .storage-box h3::before, .sub-section ul li::before, .storage-box h3::before, .approval-content>h3::before, .approvalPersonalSetting a::before, .approvalPersonalSetting a::after, .docstorageboxlistpage h3::before{height:22px;content:"";background:url(../../Common/Image/Approval/comm-iconSet.png) no-repeat;vertical-align:middle}
.todo-box h3::before, .personal-box h3::before{padding:3px 0px}

.itm-group{position:relative;height:80px;padding:10px 0px 0 !important;margin:0 -10px;box-sizing:border-box}
.itm-ico3, .itm-ico4{overflow:hidden}
.itm-ico3 li, .itm-ico4 li{float:left;position:relative;height:auto;padding:1px 3px;border-left:1px solid rgba(0,0,0,.1)}
.itm-ico2 li{width:calc(50% - 11px)}
.itm-ico3 li{width:calc(33.333% - 7px)}
.itm-ico4 li{width:calc(25% - 7px)}
.itm-ico3 li:first-child, .personal-box .itm-ico3 li:first-child, .personal-box .itm-ico4 li:first-child{border:0}
.itm-ico3 li a, .itm-ico4 li a{color:#fff}
.itm-ico3 li span, .itm-ico4 li span{display:block !important;margin:0 auto;text-align:center;letter-spacing:-0.5px}
.itm-ico3 li span:first-child{width:40px;height:48px}
.itm-ico4 li span:first-child{width:40px;height:45px}
.itm-ico3 li span:nth-child(2){font-size:12px}
.itm-ico3 .badge, .itm-ico4 .badge{position:absolute;top:0;right:19px;height:13px;min-width:7px;padding:2px 5px;background-color:#0066cc;color:#fff;line-height:1.25;letter-spacing:0}
.itm-ico4 .badge{right:6px;padding:1px 4px;}

/* TODO */
.todo-box{height:140px;background-color:#eff4fb}
.todo-box h3::before{/*background-position:-114px -419px;*/background:none}
.todo-box h3 a{color:#00356a}
.todo-box .itm-ico3 li span:nth-child(2){margin-top:-4px;color:#666}
.wait-box{background-position:-414px -414px}
.proxy-check-box{background-position:-474px -414px}
.hold-box{background-position:-536px -414px}

/* 개인함 */
.personal-box{height:310px;background-color:#2072d0}
.personal-box h3::before{/*background-position:-234px -420px;*/background:none}
.request-box{background-position:-413px -473px}
.complete-doc-box{background-position:-472px -473px}
.refer-read-box{background-position:-532px -473px}
.public-view-box{background-position:-592px -473px}
.personal-box .itm-group{height:90px}
.personal-box .itm-ico3 li, .personal-box .itm-ico4 li{border-left:1px solid rgba(255,255,255,.15)}
.personal-box .itm-ico3 li a, .personal-box .itm-ico4 li a{width:100%}
.personal-box .itm-ico3 li span:nth-child(2){white-space:normal;line-height:1.25;word-break:break-word}
.personal-box .pb-itm{padding:5px 0 2px;box-sizing:border-box;overflow:hidden}
.personal-box .pb-itm li{height:32px;padding:2px 0 2px 8px;border-top:1px dotted rgba(255,255,255,.4);line-height:1.75}
.personal-box .pb-itm li a{width:calc(100% - 26px);line-height:30px}
.personal-box .pb-itm li::before{padding-left:26px;background-position:-300px -421px;vertical-align:middle}
.personal-box .pb-itm li span{float:right;height:30px;padding-left:20px;background-position:-343px -470px;opacity:0.5}
.personal-box .pb-itm li a:hover span, .personal-box .pb-itm li a.active span{opacity:1}
.personal-box .itm-ico3 .badge, .personal-box .itm-ico4 .badge{background-color:#f1d272;box-shadow:0 0 2px rgba(0,0,0,.5);color:#00347f}
.personal-box .itm-ico3 .badge:hover, .personal-box .itm-ico4 .badge:hover{color:#333;box-shadow:0 0 2px rgba(0,0,0,1)}

/* 문서함 옵션 */
.approval-lnbWrap .sub-section{height:240px;padding:20px 25px;background-color:#efefef}
.sub-section button{display:inline-block;/*float:left;*/padding:0.105em 0.64em 0.26em;margin-left:8px;margin-top:3px}
.sub-section a.deptName,.sub-section h3 a{padding:1px 0;color:#404040}
.sub-section a.deptName, .dept-box h3 a{width:75%;vertical-align:top}
.sub-section>div ul{clear:both;padding-left:40px}
.sub-section>div ul li{padding:1px 0}
.sub-section>div ul li::before{padding-left:12px}
.sub-section>div ul li a{width:90%;color:#666}
.sub-section>div ul li a:hover{color:#404040}

/* 부서 선택 */
.deptChange select, .docSelectForm select{width:100%;height:32px;padding:5px 12px;border-color:#ddd;background:#fff url(../../Common/Image/Svg/blet-arr-btm-fl-bk-md.svg) no-repeat 99% 52%;background-size:26px;font-weight:700;font-size:14px;font-family:'NanumGothic', sans-serif;color:#404040;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.deptChange select::-ms-expand, .docSelectForm select::-ms-expand{display:none}
.deptChange>button{padding:5px 8px 7px;margin-left:3px;margin-top:-2px;margin-right:0;vertical-align:middle}

/* 부서함 */
.sub-section h3::before{padding:3px 0px 3px 27px;margin-left:10px;vertical-align:middle}
.dept-box .deptDocBox{padding-top:10px}
.dept-box{max-height:170px;margin-top:10px}
.dept-box h3::before{background-position:-663px -419px}
.dept-box ul li::before, .storage-box>div ul li::before{background-position:-780px -420px}

/* 결재개인설정 */
.approval-lnbWrap>div.approvalPersonalSetting{height:70px;bottom:0px;width:100%;padding:0;box-sizing:border-box}
.approvalPersonalSetting a{display:block;padding:14px 25px 15px;border-top:1px solid rgba(0,0,0,.1);background-color:#fff;font-size:15px;font-weight:700;color:#666;text-align:left;line-height:30px}
.approvalPersonalSetting a::before{display:inline-block;width:40px;height:40px;margin-right:15px;background-color:#a0c0ea;background-position:-859px -410px;border-radius:50%}
.approvalPersonalSetting a::after{display:inline-block;position:absolute;top:24px;right:19px;width:22px;background-position:-343px -421px;opacity:0.7}
.approvalPersonalSetting a:hover{color:#333}
.approvalPersonalSetting a:hover::before{background-color:#82b0ec}
.approvalPersonalSetting a:hover::after{opacity:1}

/* 보관함 */
.storage-box h3{float:left;width:75%}
.storage-box h3::before{background-position:-707px -420px}
.storage-box h3 a{width:60%}
.storage-box button{display:inline-block;float:right;padding:0.102em 0.64em 0.264em;margin-top:4px;margin-right:0}
.storage-box>div{clear:both}
.storage-box .mCSB_outside + .mCSB_scrollTools{right:-26px} /* 스크롤 */

/*------------------------------------------
   결재 설정 - Popup
-------------------------------------------*/
.list-type-comm .inputBtnWrap{height:auto}
.list-type-comm .inputBtnWrap>div{float:left;width:calc(33.333333% - 60px);padding:10px 0 5px;margin-left:15px}
.list-type-comm .inputBtnWrap>div:first-child{height:25px;margin-left:23px}
.list-type-comm .inputBtnWrap>div:last-child{min-width:260px}
.list-type-comm .inputBtnWrap div.right5{position:initial}
.list-type-comm.basicListDetail td{padding:10px;height:auto}
.list-type-comm tr:first-child>td>.btn-sm{padding:2px 16px 4px}
.list-type-comm .dateSelectForm{clear:both;padding:5px 0;margin-left:13px}
.basicListDetail .dateSelectForm input[type=text].dtpicker-control{width:99px;margin-left:10px}

/*------------------------------------------
   개인 결재선 설정 - Popup
-------------------------------------------*/
.approvalpersonalconfigpage .searchForm .btnSearch{text-align:left}
.approvalpersonalconfigpage .tBottomArea~div>button.btn-md{margin-top:5px}

/*------------------------------------------
   Selected Content Title Image : Header
-------------------------------------------*/
.approval-contentWrap{position:relative;width:940px;min-height:850px;background-color:#fff}
.title-img{position:relative;height:90px;background:#257fe9 url(../../Common/Image/Approval/title-img.png) no-repeat 20px -6px}
.title-img>span{position:absolute;top:50%;left:35px;width:40%;transform:translateY(-50%);-ms-transform:translateY(-50%);color:#fff}
.title-img>span.dsc{overflow:hidden;left:45%;width:38%;transform:translateY(-45%);-ms-transform:translateY(-45%);text-overflow:ellipsis;white-space:nowrap}
.approval-content{padding:20px 25px 24px}
.approval-content>h3, .docstorageboxlistpage h3{height:42px;border-bottom:1px solid #589ff0;color:#165abc;margin-bottom:15px}
.approval-content>h3::before, .docstorageboxlistpage h3::before{padding-left:25px;margin-left:5px;background-position:0px -477px}

/*------------------------------------------
   결재(참조/열람함) - 읽음, 않읽음
-------------------------------------------*/
.approvalDocTitle{display:block;position:relative;padding-left:20px;vertical-align: middle}
.approvalDocTitle.not-read{font-weight:700}
.approvalDocTitle.not-read .ico-read{background-position:-660px -480px}
.comm-blet.ico-read{position:absolute;top:50%;left:0;width:14px;height:16px;padding-right:5px;background-position:-720px -480px;transform:translate(0, -50%);-webkit-transform: translate(0, -50%)}

/*------------------------------------------
   결재 이력/변경이력 테이블
-------------------------------------------*/
.approvalHistoryList{width:100%;border-left:none;border-top:none}
.approvalHistoryList th{height:34px;border-bottom:none;background-color:#bbc3ca}
.approvalHistoryList th, .approvalHistoryList td{border-left:none;border-right:none}
.approvalHistoryList th:first-child{background-color:#bbc3ca}
.approvalHistoryList td{height:36px;padding:2px 5px 4px;font-size:13px;line-height:1.25;text-align:center}
.approvalHistoryList td.ctgr{color:#2072d0;font-weight:700}
.approvalHistoryList th, .approvalHistoryList th a{color:#fff}
.approvalHistoryList th a:hover{border-bottom:none}

/*------------------------------------------
   Cabinet - Default Pager
-------------------------------------------*/
.approval-content .tBottomArea, .usertBottomArea{margin:20px 0}

/*----------------------------------------------------------------------------------------------------------------------
   Calendar - Popup 
------------------------------------------------------------------------------------------------------------------------*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:7px;width:18px;height:18px;opacity:0.5}
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{top:3px;width:7px;height:12px;margin:0;background-repeat:no-repeat;background-position:-6px -3px}
.ui-datepicker .ui-datepicker-prev{left:0}
.ui-datepicker .ui-datepicker-next{right:0}
.ui-widget-header .ui-state-hover.ui-datepicker-prev-hover, .ui-widget-header .ui-state-hover.ui-datepicker-next-hover{border:0;background:transparent;opacity:1}
.ui-widget-header .ui-datepicker-prev .ui-icon{left:5px;background-image:url(../../Common/Image/Svg/bullet-arrow-left-bk.svg)}
.ui-widget-header .ui-datepicker-next .ui-icon{left:6px;background-image:url(../../Common/Image/Svg/bullet-arrow-right-bk.svg)}
.ui-datepicker .ui-datepicker-title{margin:0 1.5em;font-size:11px;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{margin:1px 3px;font-size:11px}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month{width:50px;margin-left:10px}
.ui-datepicker th{padding:0;padding-bottom:2px;border:1px solid #d2d2d2;border-left:0;border-right:0;font-weight:400;font-size:11px;color:#828282}
.ui-datepicker td{padding:2px 0 0}
.ui-datepicker td span, .ui-datepicker td a{text-align:center}
.ui-datepicker .ui-datepicker-buttonpane{overflow:hidden;padding:0 6px;margin:0 -10px;background-color:#efefef}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane button, .ui-datepicker .ui-datepicker-buttonpane button{height:21px;margin:5px 2px;padding:0 5px;border:1px solid #c5c5c5;border-radius:0;font-size:11px;background-color:#fff;color:#4d4d4d;opacity:1}

.ui-widget.ui-widget-content{width:182px;padding:0 10px;border-radius:0}
.ui-widget-header{border:0;background:transparent}
.ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{width:26px;height:20px;padding:0;border:0;font-weight:700;font-size:11px;line-height:1.78em;background:transparent}
.ui-datepicker-calendar tbody .ui-state-hover{border:1px solid #d0d0d0 !important;width:24px;height:18px;line-height:1.68em}
.ui-widget-content .ui-state-active{background-color:rgb(95, 164, 206);color:#fff}

.ui-state-default.ui-state-highlight, .ui-widget-content .ui-state-default.ui-state-highlight{background-color:#cee1ec;color:#415f71}
.ui-datepicker-current.ui-priority-secondary{font-weight:400;color:#999}
.ui-datepicker-current.ui-priority-secondary.ui-state-hover{font-weight:700;color:#555}
.ui-datepicker-close.ui-priority-primary{border:1px solid #c5c5c5;background-color:#fff}
.ui-datepicker-close.ui-priority-primary.ui-state-hover{border-color:#ababab;color:#222}

/*------------------------------------------
   Schedule - Expand
-------------------------------------------*/
.fc-wrap{min-height:700px}
.fc-content{font-size:11px;text-overflow:ellipsis}
.fc-content span{float:left;padding-top:2px;vertical-align:middle;box-sizing:border-box}
.fc-content span.fc-time{width:27%}
.fc-content span.fc-title{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
.fc-content span.fc-time+.fc-title{width:72%}

.scheduleTitle{background:url(../../Common/Image/iconCalendar.gif) no-repeat 3px 0;padding-left:23px;font-weight:700;padding-bottom:4px;border-bottom:1px solid #e7e7e7;margin-bottom:8px;line-height:18px;height:18px;clear:both}
.scheduleContainer{position:relative;display:inline-block;width:100%;clear:both}
.scheduleContainer ul{padding:3px 0}
.scheduleContainer li{display:inline-block;font-size:11px;vertical-align:top}
.scheduleTime{float:left;width:48px;position:relative;top:0;left:0;background:url(../../Common/Image/dot2.gif) no-repeat 3px 40%;padding-left:8px !important;color:#a4a4a4}
li.scheduleContents{color:#696969;top:0;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;margin-right:50px}
.scheduleName{position:absolute;top:3px;right:0;width:50px;color:#a4a4a4;text-align:right;margin-right:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.scheduleImportant{background:url(../../Common/Image/iconCalenderImportant.png) no-repeat 0 50%;padding-left:14px !important;color:#da3a34}
.scheduleLeftArea{float:left;width:212px}
.scheduleRightArea{margin-left:232px}
.scheduleLeftArea .ui-datepicker{width:190px}
.scheduleLeftArea .ui-datepicker .ui-datepicker-header{padding:10px 0;border:none;background:transparent}
.scheduleLeftArea .ui-datepicker .ui-datepicker-title{font-size:14px}
.scheduleLeftArea .ui-datepicker .ui-datepicker-prev .ui-icon, .scheduleLeftArea .ui-datepicker .ui-datepicker-next .ui-icon{top:10px}
.scheduleLeftArea .ui-datepicker td{padding:2px 0}
.scheduleRightArea .dsc{margin:8px 5px 25px;font-size:11px;color:#959595}
.scheduleRightArea .fc-first.fc-last th{padding:1px 0 3px;font-size:12px}
.scheduleRightArea .fc-event-title, .scheduleRightArea .fc-event-time{font-size:11px;vertical-align:top}
.scheduleRightArea .scheduleColorBox{display:block;float:left;width:15px;height:15px;position:relative;top:3px;margin-right:10px}
.scheduleRightArea .fc button{height:28px;padding:0 1em 0.2em;font-size:12px}
.scheduleRightArea .fc-toolbar{height:32px}
.scheduleRightArea .fc-state-default{background:#fff;text-shadow:none;box-shadow:none;border-color:#ccc #bbb #aaa}
.scheduleRightArea .fc-state-default.fc-corner-left{border-top-left-radius:2px;   border-bottom-left-radius:2px}
.scheduleRightArea .fc-state-default.fc-corner-right{border-top-right-radius:2px;  border-bottom-right-radius:2px}
.scheduleRightArea .fc-state-hover{border-color:#999}
.scheduleRightArea .fc-state-active{border-color:#666;background:#7e7e7e;color:#fff}
.scheduleRightArea .fc-state-disabled{border-radius:0;background-color:#fafafa;color:#868686}.scheduleRightArea .fc-day-grid-event{padding:0 1px 4px}

/* Schedule Bar 
.scheduleBar {height:28px;line-height:28px;white-space:nowrap;display:inline-block;font-size:11px;width:100%;text-align:center;cursor:pointer;position:relative}
.scheduleBar li {display:inline-block;background:url(../../Common/Image/dateBg.png) no-repeat;width:33%}
.scheduleBar li a{color:#949494}
.scheduleBar li a:hover{ text-decoration:underline;color:#333}
.scheduleBar li.scheduleBarMiddle{ border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;height:26px;background-position:50% 0;margin-left:-4px;position:relative;z-index:10}
.scheduleBar li.scheduleBarEnd{background-position:100% 0;right:0;margin-left:-4px}
.scheduleBar li.ActiveFirst {background-position:left -76px;color:#fff;margin-right:-4px}
.scheduleBar li.ActiveFirst a{color:#fff}
.scheduleBar li.ActiveFirst b{color:#ffce00}
.scheduleBar li.ActiveMiddle { background:#969696;height:26px;color:#fff;margin-left:-4px;margin-right:-4px;padding:0 2px}
.scheduleBar li.ActiveMiddle a{color:#fff}
.scheduleBar li.ActiveMiddle b{color:#ffce00}
.scheduleBar li.ActiveEnd {background-position:right -76px;color:#fff;margin-left:-4px}
.scheduleBar li.ActiveEnd a{color:#fff}
.scheduleBar li.ActiveEnd b{color:#ffce00} */

/* Schedule Category */
.scheduleCategoryWrap {margin-top:20px}
.scheduleCategoryWrap ul:first-child{border-bottom:1px dotted #ccc}
.scheduleCategoryWrap li{clear:both;height:20px;padding:2px 5px}
.scheduleCategoryWrap li:hover{background-color:rgb(246, 246, 246)}
.scheduleCategoryWrap li div {float:left;display:inline-block;position:relative;top:0px;font-size:12px}
.scheduleCategoryWrap li div.header {width:auto;height:auto;margin-bottom:10px;font-weight:700}
.scheduleCategoryWrap li div.colorSelector{width:15px;height:15px;top:3px;margin-right:7px}
.scheduleCategoryWrap li div.setting {float:right;width:16px;height:16px;top:2px;background:url(../../Common/Image/iconSetting.gif) no-repeat 50% 50%;cursor:pointer}
.scheduleCategoryWrap li div.setting:hover {background-color:#c7c7c7}
.scheduleCategoryWrap .checked {background:url(../../Common/Image/Portlet/iconScheduleCheck.gif) no-repeat 50% 50%}
.scheduleEtc {border-top:1px solid #ddd;padding:8px 0;line-height:22px;margin:12px 5px 0}
.scheduleEtc li:hover{background-color:rgb(246, 246, 246)}
.scheduleComm{background:url(../../Common/Image/Portlet/iconComm.gif) no-repeat 0 3px;padding-left:15px;display:inline-block;margin-left:7px}
.scheduleOther{background:url(../../Common/Image/Portlet/iconDatePerson.gif) no-repeat 0 3px;padding-left:15px;display:inline-block;margin-left:7px}

/*----------------------------------------------------------------------------------------------------------------------
   Mainresource - Expand
------------------------------------------------------------------------------------------------------------------------*/
.mainresourcepage .searchWrap + table th span{margin:0 2px}
.mainresourcepage .searchWrap + table th span:nth-child(odd){display:inline-block;width:12px;height:12px;vertical-align:middle}
.fc-toolbar.fc-header-toolbar{margin:1em 0}
.fc-center h2{font-size:18px}

/*----------------------------------------------------------------------------------------------------------------------
   부서보관함
------------------------------------------------------------------------------------------------------------------------*/
.deptstorageboxpage{padding:5px 10px 5px}
.storageboxsetting{overflow:hidden;margin:0;background-color:#f6f6f6;box-sizing:border-box}
.storageboxsetting>div{height:100px;font-size:15px;font-weight:700;color:#404040;box-sizing:border-box}
.storageboxsetting a.comm-blet.b-setting{width:16px;height:16px;margin-left:5px;margin-top:-2px;background: url(../../Common/Image/iconSetting.gif) no-repeat 50% 50%}
.storageboxsetting a.comm-blet.b-setting:hover{background-color:#666}
.storageboxsetting a.comm-blet.b-delete{width:6px;height:6px;padding:4px;background-position:-56px -367px;opacity:0.5}
.storageboxsetting a.comm-blet.b-delete:hover{opacity:1}
.storageboxsetting ul{overflow-y:auto;float:right;max-height:60px;padding:4px 2px 0;margin-top:-5px;margin-left:10px}
.storageboxsetting ul li{float:left;padding:2px 6px 4px 10px;margin:0 2px 4px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:12px;color:#666}
.storageboxsetting ul li:hover{border:1px solid #999;font-weight:700;cursor:pointer}
.docstoragetree{width:100%;height:calc(100vh - 60px)}
.docstoragetreedept{width:100%;height:calc(100vh - 145px);margin-top:15px}

#ApprovalDocReceiver{float:left;display:inline-block;width:320px;padding:25px 10px 16px 20px;background-color:#f1f1f1}
#ApprovalDocReceiver ul{width:120px}
#ApprovalDocReceiver ul li{float:right;font-weight:700}
#ApprovalDocReceiver ul li span{display:inline-block;overflow:hidden;max-width:60px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}

#ApprovalDocManager{float:left;display:inline-block;width:280px;padding:25px 10px 16px 20px;background-color:#f1f1f1;border-left:1px dotted #ccc}
#ApprovalDocManager ul{width:120px}
#ApprovalDocManager ul li{float:right;font-weight:700}
#ApprovalDocManager ul li span{display:inline-block;overflow:hidden;max-width:60px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}

#DocMapUserShare{float:left;display:inline-block;width:calc(100% - 630px);padding:25px 10px 16px 35px;border-left:1px dotted #ccc}
#DocMapUserShare ul{width:90%}

.deptstorageboxmodifypage .basicListDetail th{width:auto}
.docstorageboxmanagepage .docstoragetreedept iframe{margin-top:-8px}
.docstorageboxmanagemodifypage .basicListDetail th{width:30%}

/*----------------------------------------------------------------------------------------------------------------------
   문서함
------------------------------------------------------------------------------------------------------------------------*/
.docstoragebox.titleWrap{height:80px;margin:0;background-color:#c4e5ff}
.docstoragebox .title-img{width:100%;height:80px;background-color:#2680e9;background-image:url(../Image/Approval/title-img-docBox.png);background-position:100% 0}
.docStorageBox-cnt{overflow:hidden;padding:30px 20px 30px 30px;}
.docStorageBox-cnt>div{float:left}
.docStorageBox-cnt .lt-cnt{width:248px}
.docStorageBox-cnt .lt-cnt .treeWrap {height:calc(100% - 60px)}
.docStorageBox-cnt .docSelectForm{border:1px solid #dce2e4;border-bottom:none;background:#ecf3f6}
.docStorageBox-cnt .docSelectForm select{width:224px;padding:5px 10px 7px;margin:12px 0 12px 12px;border-color:#c7d0d4;font-size:14px;font-family:'NanumGothic', sans-serif;color:#404040}
.docSelectForm>button{padding:5px 8px 7px;margin-left:3px;margin-top:-2px;margin-right:0;vertical-align:middle}
.docSelectForm .btn-group{padding-top:15px;margin:0;border-top:1px dotted rgba(0,0,0,.1)}
.docStorageBox-cnt .treeWrap ul.fancytree-container{padding:15px 5px}
.docStorageBox-cnt .rt-cnt{margin-left:20px;width:calc(100% - 270px)}
.docStorageBox-cnt .rt-cnt iframe{width:100%;height:100%}
.docstorageboxlistpage h3{margin:15px 0}

/* 보존연한 지난 문서 보기 */
.docSelectForm .checkbox-wrap label{display:block;margin:10px 13px 0}
.docSelectForm .checkbox-wrap input[type=checkbox]{margin-right:5px}

/* 결재이력 부서재기안 */
.approvalprocesshistorypage table p{width:fit-content;padding:0 5px 2px;margin:3px auto 1px;border:1px solid rgba(0,0,0,.2);border-radius:2px;font-size:11px}
.deptRedraft, .deptRedraft p{color:#1f4d90;font-weight:700;cursor:pointer}
.deptRedraft p{border:1px solid #a3b5ce}

/*----------------------------------------------------------------------------------------------------------------------
   Attendance - Expand
------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------
   Toolbar
-------------------------------------------*/
.ab-toolbar{height:28px;margin:1em 0}
.ab-toolbar>div{float:left;width:33.29%}
.ab-left{margin-left:1px}
.ab-center h2{margin:0;text-align:center}
.ab-right{text-align:right}
.ab-toolbar button{position:relative;height:28px;padding:0 1em 0.2em;border:1px solid;background-color:#fff;text-shadow:none;box-shadow:none;border-color:#ccc #bbb #aaa;font-size:12px;cursor:pointer}
.ab-btn-group{display:inline-block}
.ab-btn-group>*{margin:0 0 0 -1px}
.ab-btn-group>:first-child{border-top-left-radius:2px;border-bottom-left-radius:3px}
.ab-btn-group>:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}
.ab-btn-group span{display:inline-block;position:relative;top:-2px;height:1em;margin:0 .2em;line-height:1em;font-size:1em;text-align:center;overflow:hidden;font-family:'Courier New', Courier, monospace;vertical-align:middle;opacity:.6}
.ab-btn-group span::after{font-weight:700;font-size:200%;top:-7%}
.ab-btn-group span.ico-prev::after{content:"\2039"}
.ab-btn-group span.ico-next::after{content:"\203A"}
.ab-btn-group button:hover{border-color:#999;z-index:1}
.ab-btn-group button:hover span{opacity:1}
.ab-btn-group button.state-active{border-color:#666;background:#7e7e7e;color:#fff}
.ab-btn-group button.state-disabled, .ab-btn-group button.state-disabled:hover{background-color:#f2f2f2;color:#999}
.ab-btn-group button.state-disabled:hover{border-color:#ccc #bbb #aaa;cursor:default}

/*------------------------------------------
   Month & Day List
-------------------------------------------*/
.deptUserSummaryWrap .monthList{overflow-x:scroll;padding-bottom:1em}
.monthList, .dayList{clear:both;width:100%;margin-bottom:1em;border-top:2px solid #b4bfc8;border-left:none}
.monthList th, .dayList th{padding-bottom:2px;height:30px;border-bottom:1px solid #e8e8e8;background:#f9f9f9 url(../../Common/Image/Cabinet/listBar.gif) no-repeat 0 50%;font-size:12px;word-break:keep-all}
.monthList th{min-width:54px}
.monthList th:first-child, .dayList th:first-child{background:#f9f9f9;min-width:30px}
.monthList td, .dayList td{text-align:center;min-width:54px;height:49px;border-bottom:1px solid #e8e8e8;border-right:none}
.monthList tr.state-selected{background-color:#f2f7f9}
.monthList th.state-selected{background-color:#e3ebf2}
.monthList th.atd-sun, .monthList td.atd-sun{color:#e24b4e}
.monthList th.atd-sat, .monthList td.atd-sat{color:#0d74c4}

/*----------------------------------------------------------------------------------------------------------------------
   Today - Banner
------------------------------------------------------------------------------------------------------------------------*/
.today-banner{display:block;overflow:hidden;height:60px;margin-bottom:20px;margin-left:-1px}
.today-banner li{display:inline-block;overflow:hidden;float:left;position:relative;z-index:1;width:calc(20% - 1px);margin-left:1px;height:90px;background-color:#bacdd8;transform:translateY(-16%);cursor:pointer}
.today-banner li .ico{position:absolute;top:-7px;left:-7px;width:104px;height:104px;border-radius:50%;background-color:rgba(255,255,255,0.2);background-image: url(../../Common/Image/today-iconSet.png)}
.today-banner .ico.i-schedule{background-position:0px -2px}
.today-banner .ico.i-mail{background-position:2px -105px}
.today-banner .ico.i-approval{background-position:2px -210px}
.today-banner .ico.i-verify{background-position:4px -312px}
.today-banner .ico.i-todo{background-position:2px -417px}
.today-banner .ico.i-bookmark{background-position:0 -624px}
.today-banner .ico.i-feedback{background-position:0 -520px}

.today-banner li a.fontSize-lg{overflow:hidden;position:absolute;z-index:2;top:34px;left:78px;width:60px;text-overflow:ellipsis;white-space:nowrap}
.today-banner li a.badgeWrap{position:absolute;top:30px;right:13px;width:40%;text-align:right}
.today-banner li a.badgeWrap .badge-trans{overflow:hidden;position:relative;top:-2px;max-width:62px;margin-right:8px;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-align:right;vertical-align:middle}
.today-banner li:nth-child(1):hover, .today-banner li.active:nth-child(1){background-color:#f8cb00}
.today-banner li:nth-child(2):hover, .today-banner li.active:nth-child(2){background-color:#ff9d60}
.today-banner li:nth-child(3):hover, .today-banner li.active:nth-child(3){background-color:#6ab7ff}
.today-banner li:nth-child(4):hover, .today-banner li.active:nth-child(4){background-color:#86ce26}
.today-banner li:nth-child(5):hover, .today-banner li.active:nth-child(5){background-color:#63c2de}

/*----------------------------------------------------------------------------------------------------------------------
   Page Style
------------------------------------------------------------------------------------------------------------------------*/
body.approvalformmapconfigformmovepage {margin:20px}
.approvalformmapconfigformmovepage .treeWrap{padding:10px}
.approvalformmapconfigformmovepage .ui-fancytree.fancytree-container.fancytree-plain {padding:0;height:calc(100vh - 111px)}
body.reldoclistpage {margin:0}