@charset "UTF-8";
.dhtmlx_message_area{display:none}

/***** 로그인 *****/
::placeholder{color:#959595}
:-ms-input-placeholder{color:#959595}
::-ms-input-placeholder{color:#959595}
#login_wrap{position:relative;width:100%;min-width:320px;min-height:100vh;padding:0 0 78px;background-color:#f7f7f7}
.login_header{position:absolute;top:0;right:0;left:0;height:119px;margin:0 auto;text-align:center;z-index:100}
.login_header .logo{position:relative;width:188px;height:202px;margin:66px auto 0;background:url(../../images/common/login_logo.svg) no-repeat 0 0}
.login_container{position:relative;padding:119px 20px 0;z-index:10}
.login_box{max-width:520px;margin:0 auto;padding:171px 60px 100px;border-radius:20px;background-color:#fff;box-shadow:0 0 35px rgba(0, 0, 0, 0.07)}
.login_box .login_form .row{position:relative;margin-top:10px;border-bottom:1px solid #333}
.login_box .login_form .row:before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;background-repeat:no-repeat;background-position:0 0}
.login_box .login_form .row input{height:54px;padding-left:34px;font-size:16px;border:0;border-radius:0}
.login_box .login_form .row.ico_id:before{background-image:url(../../images/icon/ico_id.svg)}
.login_box .login_form .row.ico_pw:before{background-image:url(../../images/icon/ico_pw.svg)}
.login_box .login_form .btn_login{display:block;width:100%;height:53px;margin-top:25px;line-height:53px;color:#fff;font-size:18px;font-weight:700;text-align:center;border:0;border-radius:30px;background-color:#6666FF}
.login_box .checkbox label{padding-left:29px;font-size:16px}
.login_box .checkbox label:before{width:24px;height:24px}
.login_box .btn_etc{margin-top:17px;text-align:center}
.login_box .btn_etc a{position:relative;padding:0 10px;color:#959595;font-size:16px;line-height:24px}
.login_box .btn_etc a:last-child:after{display:none}
.login_box .btn_etc a:after{content:'';position:absolute;display:inline-block;top:5px;right:0;width:1px;height:14px;background-color:#ccc;vertical-align:top}
.login_footer{position:absolute;bottom:0;left:0;width:100%;padding-bottom:30px}
.login_footer .copyright{margin-top:0;padding:0 15px;line-height:20px;text-align:center}

/***** layout *****/
#wrap{overflow-x:hidden;background-color:#f7f7f7}
.contents{position:relative}
#header{position:relative;height:60px}
#header .contents{display:flex;justify-content:space-between;align-items:center;padding:16px 40px 16px 20px}
#header .logo{width:220px}
#header .user_info{padding:11px 40px;color:#fff;line-height:24px;border-radius:20px 40px 40px 5px;background-color:#333}
#header .user_info > *{margin-right:5px}
#header .user_info > *:last-child{margin-right:0}
#header .user_info .user{padding-left:29px;background:url(/ClientUI/images/icon/ico_id_wh.svg) no-repeat 0 0}
#header .work_time{margin-left:15px;padding:5px 20px;border-radius:40px 20px 5px 40px;background-color:#fff}
#header .work_time p{position:relative;margin-top:5px;margin-right:15px;padding-left:14px;line-height:24px}
#header .work_time p:before{content:'';position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background-color:#333}
#header .work_time p span{font-weight:500}
#header .work_time .btn{margin-right:5px}
#header .work_time .btn:last-child{margin-right:0}
#header .btn_app{width:80px;color:#333;border-color:#eaeaea;background-color:#eaeaea}
#header .btn_app svg{display:inline-block;margin-top:9px;margin-right:2px}
#header .util > li{margin-left:15px}
/*#header .util > li a{display:block;position:relative;padding:11px 0}*/
#header .util > li a{display:block;position:relative}
#header .util > li a:hover svg path,
#header .util > li a:hover svg g{stroke:#333 !important}
/*#header .util > li a.logout{padding-right:11px;padding-left:11px;border-radius:50%;background-color:#fff}*/
/*#header .util > li a.logout:hover{background-color:#6666ff}*/
/*#header .util > li a.logout:hover svg path,*/
/*#header .util > li a.logout:hover svg g{stroke:#fff !important}*/
.btn_toggle_aside{position:absolute;bottom:89px;left:216px;width:48px;height:48px;border-radius:50%;background-color:#959595;box-shadow:4px 4px 15px rgba(0, 0, 0, 0.12);z-index:12;transition:left ease .3s}
.btn_toggle_aside:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(/ClientUI/images/button/aside.svg) no-repeat 50% 50%}
.aside{position:absolute;top:86px;bottom:0;left:0;width:240px;padding:20px 0;z-index:12;transition:width ease .3s}
.aside .mCSB_scrollTools{visibility:hidden;right:auto;left:0;opacity:0}
.aside nav{height:calc(100vh - 126px)}
.aside .nav{padding-bottom:5px;padding-left:20px}
.aside .nav > li{margin-top:10px;white-space:nowrap}
.aside .nav > li:first-child{margin-top:0}
.aside .nav > li > a{display:block;position:relative;padding:12px 20px;font-size:16px}
.aside .nav > li > a:before{content:'';position:absolute;top:0;right:20px;bottom:0;left:0;border-radius:5px 40px 40px 5px;background-color:#eaeaea;transition:all ease .3s}
.aside .nav > li > a:after{content:'';position:absolute;top:21px;right:40px;width:6px;height:6px;border-radius:50%;background-color:#6666ff;transition:all ease .3s}
.aside .nav > li > a span{display:block;position:relative;min-height:24px;transition:padding ease .3s, color ease .3s, font-weight ease .3s}
.aside .nav > li > a span:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background-repeat:no-repeat;background-position:0 0;opacity:0;transition:opacity ease .3s}


.aside .nav > li > a span.ico_dashboard:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13 9V3h8v6zM3 13V3h8v10zm10 8V11h8v10zM3 21v-6h8v6zm2-10h4V5H5zm10 8h4v-6h-4zm0-12h4V5h-4zM5 19h4v-2H5zm4-2'/%3E%3C/svg%3E")}
.aside .nav > li:hover  > a span.ico_dashboard:before,
.aside .nav > li.active  > a span.ico_dashboard:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13 9V3h8v6zM3 13V3h8v10zm10 8V11h8v10zM3 21v-6h8v6zm2-10h4V5H5zm10 8h4v-6h-4zm0-12h4V5h-4zM5 19h4v-2H5zm4-2'/%3E%3C/svg%3E")}
.aside .nav > li > a span.ico_sm:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23767676" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="14" cy="6" r="2"%2F%3E%3Cpath d="M4 6h8m4 0h4"%2F%3E%3Ccircle cx="8" cy="12" r="2"%2F%3E%3Cpath d="M4 12h2m4 0h10"%2F%3E%3Ccircle cx="17" cy="18" r="2"%2F%3E%3Cpath d="M4 18h11m4 0h1"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_sm:before,
.aside .nav > li.active  > a span.ico_sm:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="14" cy="6" r="2"%2F%3E%3Cpath d="M4 6h8m4 0h4"%2F%3E%3Ccircle cx="8" cy="12" r="2"%2F%3E%3Cpath d="M4 12h2m4 0h10"%2F%3E%3Ccircle cx="17" cy="18" r="2"%2F%3E%3Cpath d="M4 18h11m4 0h1"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_system:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209h6M4%205h4M6%205v11a1%201%200%200%200%201%201h5%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%2212%22%20y%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%2212%22%20y%3D%2215%22%20rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_system:before,
.aside .nav > li.active  > a span.ico_system:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209h6M4%205h4M6%205v11a1%201%200%200%200%201%201h5%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%2212%22%20y%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%228%22%20height%3D%224%22%20x%3D%2212%22%20y%3D%2215%22%20rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_estimate:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%2021H6a3%203%200%200%201-3-3v-1h10v2a2%202%200%200%200%204%200V5a2%202%200%201%201%202%202h-2m2-4H8a3%203%200%200%200-3%203v11M9%207h4m-4%204h4%22%2F%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_estimate:before,
.aside .nav > li.active  > a span.ico_estimate:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%2021H6a3%203%200%200%201-3-3v-1h10v2a2%202%200%200%200%204%200V5a2%202%200%201%201%202%202h-2m2-4H8a3%203%200%200%200-3%203v11M9%207h4m-4%204h4%22%2F%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_project:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M9%205H7a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-2%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%224%22%20x%3D%229%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2012h.01M13%2012h2m-6%204h.01M13%2016h2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_project:before,
.aside .nav > li.active  > a span.ico_project:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M9%205H7a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-2%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%224%22%20x%3D%229%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2012h.01M13%2012h2m-6%204h.01M13%2016h2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_assets:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M17%208V5a1%201%200%200%200-1-1H6a2%202%200%200%200%200%204h12a1%201%200%200%201%201%201v3m0%204v3a1%201%200%200%201-1%201H6a2%202%200%200%201-2-2V6%22%2F%3E%3Cpath%20d%3D%22M20%2012v4h-4a2%202%200%200%201%200-4h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_assets:before,
.aside .nav > li.active  > a span.ico_assets:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M17%208V5a1%201%200%200%200-1-1H6a2%202%200%200%200%200%204h12a1%201%200%200%201%201%201v3m0%204v3a1%201%200%200%201-1%201H6a2%202%200%200%201-2-2V6%22%2F%3E%3Cpath%20d%3D%22M20%2012v4h-4a2%202%200%200%201%200-4h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_operation:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M14%203v4a1%201%200%200%200%201%201h4%22%2F%3E%3Cpath%20d%3D%22M17%2021H7a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h7l5%205v11a2%202%200%200%201-2%202zm-8-4v-5m3%205v-1m3%201v-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_operation:before,
.aside .nav > li.active  > a span.ico_operation:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M14%203v4a1%201%200%200%200%201%201h4%22%2F%3E%3Cpath%20d%3D%22M17%2021H7a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h7l5%205v11a2%202%200%200%201-2%202zm-8-4v-5m3%205v-1m3%201v-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_survey:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m12%2015l8.385-8.415a2.1%202.1%200%200%200-2.97-2.97L9%2012v3h3zm4-10l3%203%22%2F%3E%3Cpath%20d%3D%22M9%207.07A7.002%207.002%200%200%200%2010%2021a7.002%207.002%200%200%200%206.929-5.999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_survey:before,
.aside .nav > li.active  > a span.ico_survey:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m12%2015l8.385-8.415a2.1%202.1%200%200%200-2.97-2.97L9%2012v3h3zm4-10l3%203%22%2F%3E%3Cpath%20d%3D%22M9%207.07A7.002%207.002%200%200%200%2010%2021a7.002%207.002%200%200%200%206.929-5.999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_hr:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M3%2021v-2a4%204%200%200%201%204-4h4a4%204%200%200%201%204%204v2m1-17.87a4%204%200%200%201%200%207.75M21%2021v-2a4%204%200%200%200-3-3.85%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_hr:before,
.aside .nav > li.active  > a span.ico_hr:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M3%2021v-2a4%204%200%200%201%204-4h4a4%204%200%200%201%204%204v2m1-17.87a4%204%200%200%201%200%207.75M21%2021v-2a4%204%200%200%200-3-3.85%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_site:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M4%208h16M8%204v4m1.5%206.5L11%2016l3-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_site:before,
.aside .nav > li.active  > a span.ico_site:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M4%208h16M8%204v4m1.5%206.5L11%2016l3-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_monitoring:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2218%22%20height%3D%2212%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%2020h10m-8-4v4m6-4v4m-6-8V8m3%204v-1m3%201v-2m-3%202v-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_monitoring:before,
.aside .nav > li.active  > a span.ico_monitoring:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2218%22%20height%3D%2212%22%20x%3D%223%22%20y%3D%224%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M7%2020h10m-8-4v4m6-4v4m-6-8V8m3%204v-1m3%201v-2m-3%202v-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_my:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M6.168%2018.849A4%204%200%200%201%2010%2016h4a4%204%200%200%201%203.834%202.855%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_my:before,
.aside .nav > li.active  > a span.ico_my:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M6.168%2018.849A4%204%200%200%201%2010%2016h4a4%204%200%200%201%203.834%202.855%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_community:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m3%2020l1.3-3.9A9%208%200%201%201%207.7%2019L3%2020m9-8v.01M8%2012v.01m8-.01v.01%22%2F%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_community:before,
.aside .nav > li.active  > a span.ico_community:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m3%2020l1.3-3.9A9%208%200%201%201%207.7%2019L3%2020m9-8v.01M8%2012v.01m8-.01v.01%22%2F%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_performance:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M9%205H7a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-2%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%224%22%20x%3D%229%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2014h.01M9%2017h.01M12%2016l1%201l3-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_performance:before,
.aside .nav > li.active  > a span.ico_performance:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M9%205H7a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-2%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%224%22%20x%3D%229%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2014h.01M9%2017h.01M12%2016l1%201l3-3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li > a span.ico_paper:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m9%2011l3%203l8-8%22%2F%3E%3Cpath%20d%3D%22M20%2012v6a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li:hover  > a span.ico_paper:before,
.aside .nav > li.active  > a span.ico_paper:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m9%2011l3%203l8-8%22%2F%3E%3Cpath%20d%3D%22M20%2012v6a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.aside .nav > li .depth{display:none;margin-bottom:-5px;padding-top:5px;padding-left:20px}
.aside .nav > li .depth > li{position:relative}
.aside .nav > li .depth > li:before{content:'';position:absolute;top:-5px;right:0;width:5px;height:5px;background:url(/ClientUI/images/common/bg_nav_depth.png) no-repeat 0 0;opacity:0;transition:opacity ease .3s}
.aside .nav > li .depth > li:after{content:'';position:absolute;bottom:-5px;right:0;width:5px;height:5px;background:url(/ClientUI/images/common/bg_nav_depth.png) no-repeat 0 0;opacity:0;transform:rotate(270deg);transition:opacity ease .3s}
.aside .nav > li .depth > li > a{display:block;position:relative;padding:7px 0 5px 34px;border-radius:17px 0 0 17px;transition:all ease .3s}
.aside .nav > li .depth > li > a:before{content:'';position:absolute;top:14px;left:20px;width:5px;height:5px;border-radius:50%;background-color:#333;opacity:0;transition:opacity ease .3s}
.aside .nav > li .depth > li > a:not(:only-child){border-radius:17px 0 0 0}
.aside .nav > li .depth > li > .depth{margin-top:-3px;margin-bottom:0;padding:0 0 4px 34px;border-radius:0 0 0 17px;background-color:#fff}
.aside .nav > li .depth > li > .depth > li > a{padding:3px 5px 2px}
.aside .nav > li .depth > li > .depth > li > a:before{display:none}
.aside .nav > li:hover > a,
.aside .nav > li.active > a{color:#fff;font-weight:500}
.aside .nav > li:hover > a:before,
.aside .nav > li.active > a:before{box-shadow:4px 4px 15px rgba(0, 0, 0, 0.12)}
.aside .nav > li:hover > a:before{background-color:#333}
.aside .nav > li.active > a:before{background-color:#6666ff}
.aside .nav > li:hover > a:after{background-color:#6666ff}
.aside .nav > li.active > a:after{background-color:#fff}
.aside .nav > li:hover > a span,
.aside .nav > li.active > a span{padding-left:34px}
.aside .nav > li:hover > a span:before,
.aside .nav > li.active > a span:before{opacity:1}
.aside .nav > li .depth > li:hover > a,
.aside .nav > li .depth > li.active > a{font-weight:500;background-color:#fff}
.aside .nav > li .depth > li:hover:before,
.aside .nav > li .depth > li.active:before,
.aside .nav > li .depth > li:hover:after,
.aside .nav > li .depth > li.active:after,
.aside .nav > li .depth > li:hover > a:before,
.aside .nav > li .depth > li.active > a:before{opacity:1}
.aside_hide #container{padding-left:75px}
.aside_hide .container_box{min-width:909px}
.aside_hide .aside:not(.hover) + .btn_toggle_aside{left:51px}
.aside_hide .btn_toggle_aside:before{transform:rotate(180deg)}
.aside_hide .aside:not(.hover){width:75px}
.aside_hide .aside:not(.hover) .nav > li > a{width:55px;padding-left:11px;transition:width ease .2s}
.aside_hide .aside:not(.hover) .nav > li > a:before{right:10px}
.aside_hide .aside:not(.hover) .nav > li > a:after{opacity:0}
.aside_hide .aside:not(.hover) .nav > li > a span{padding-left:34px;font-size:0}
.aside_hide .aside:not(.hover) .nav > li > a span:before{opacity:1}
.aside_hide .aside:not(.hover) .nav > li .depth{width:55px}
.aside_hide .aside:not(.hover) .nav > li .depth > li{display:none}
.aside_hide .aside:not(.hover) .nav > li .depth > li span{visibility:hidden;opacity:0}
.aside_hide .aside:not(.hover) .nav > li .depth > li.active{display:block}
.aside_hide .aside:not(.hover) .nav > li > a:hover{padding-left:20px}
.aside_hide .aside:not(.hover) .nav > li.active > a{padding-left:11px}
.aside_hide .aside:not(.hover) .nav > li > a:hover:after{opacity:1}
.aside_hide .aside:not(.hover) .nav > li > a:hover{width:200px}
.aside_hide .aside:not(.hover) .nav > li > a:hover span{font-size:16px}
.aside_hide .aside.hover:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f7f7f7}

/*필터*/
.filter_container{display:none;position:absolute;right:0;top:0;z-index:100;height:100%;width:256px;box-shadow:0 0 30px #00000030;font-family:'Nanum Gothic';background:#fff}
.filter_container.active{display:block}
.filter_container i{cursor:pointer}
.filter_container .checkbox.txt label, .radio.txt label{display:inline-block}
.filter_container .top_cont{width:100%;height:71px;color:#fff;background:#0d2040}
.filter_container .top_cont p{width:100%;padding:24px 20px;font-size:20px}
.filter_container .top_cont p a{color:#fff}
.filter_container .top_cont p i{float:right;font-size:24px}
.filter_container .main_cont{max-height:calc(100% - 71px);overflow-y:auto;padding:25px 20px 20px;color:#666}
.filter_container .main_cont .reset_wrap{}
.filter_container .main_cont .btn_reset{float:right;line-height:20px;font-size:14px}
.filter_container .main_cont .btn_reset i{position:relative;top:3.5px;padding-right:3px;font-size:16px}
.filter_container .cont_box{}
.filter_container .cont_box>li{margin-top:21px}
.filter_container .cont_box>li span{display:block;margin-bottom:9px;font-size:13px}
.filter_container .cont_box>li  input{margin-right:5px}
.filter_container .cont_box>li .filter_date{width:135px;margin-right:0;margin-left:10px}
.filter_container .cont_box>li  .chk_filter{width:14px;height:14px}
.filter_container .cont_box>li p{position:relative;padding-bottom:15px;font-size:16px;color:#333}
.filter_container .cont_box>li p a{position:absolute;left:0;top:0;width:100%;height:100%}
.filter_container .cont_box>li p a i{float:right}
.filter_container .cont_box>li:nth-child(2) span{margin-bottom:5px}
.filter_container .cont_box>li:nth-child(3) p i{position:absolute;right:0;font-size:20px}
.filter_container .cont_box>li .btn_fil_pro i.active{transform:rotate(180deg)}
/*.filter_container .main_cont .simplebar-content-wrapper{padding-right:0 !important}*/

/*dashboard 본문*/
#container{position:relative;padding-right:40px;padding-left:240px;transition:padding ease .3s}
.copyright{padding:46px 0 19px;color:#959595;font-size:12px;line-height:10px;font-weight:300;text-align:right}
.container_box{position:relative;width:100%;height:calc(100vh - 136px);min-height:414px;padding:40px 40px 40px 44px;border-radius:5px 5px 20px 20px;background-color:#fff;-ms-overflow-style:none;scrollbar-width:none}
.container_box::-webkit-scrollbar{display:none}
.container_box.os-host-scrollbar-vertical-hidden {padding:0}
.container_box.os-host-scrollbar-vertical-hidden > .os-padding > .os-viewport > .os-content {padding:35px 40px 40px 40px}
.container_box.os-host-overflow-y > .os-padding > .os-viewport > .os-content > *{padding-right:35px}
.container_box.os-host-overflow-x > .os-padding > .os-viewport > .os-content > *:last-child{padding-bottom:37px}
.container_box > .os-scrollbar-vertical{top:40px !important;right:40px;bottom:40px !important}
.container_box > .os-scrollbar-horizontal{right:40px !important;bottom:40px;left:40px !important}
.container_box.os-host-overflow-y > .os-scrollbar-horizontal{right:70px !important}
.container_box .intro_area{position:fixed;top:86px;right:40px;bottom:50px;left:240px;padding:80px;background-color:#6666ff;border-radius:5px 5px 20px 20px;z-index:11;animation:introFadeOut 6.5s 1 forwards}
.container_box .intro_area strong{display:inline-block;width:529px;height:60px;margin:34px 0 6px;text-indent:-9999px;background:url(../../../ClientUI/images/contents/dashboard_intro_txt.svg) no-repeat 50% 50%}
.container_box .intro_area p{color:#fff;font-size:18px;font-weight:400;font-family:'Spoqa Han Sans Neo';line-height:27px}
.container_box .intro_area p em{font-weight:700}
.container_box .intro_area .loading_circle{position:relative;width:105px;height:105px}
.container_box .intro_area .loading_circle div{opacity:0;position:absolute;top:calc(50% - 13.5px);left:calc(50% - 13.5px);width:27px;height:27px;background:linear-gradient(226.06deg, #ffffff 31.83%, rgba(238, 162, 187, 0.2) 99.32%);border-radius:50%}
.container_box .intro_area .loading_circle div:nth-child(2n){background:linear-gradient(227.96deg, #ffffff 28.19%, rgba(238, 162, 187, 0.3) 100.85%)}
.container_box .intro_area .loading_circle div:nth-child(1){animation:loadingCircle01 4.2s .4s 1}
.container_box .intro_area .loading_circle div:nth-child(2){animation:loadingCircle02 4.2s .4s 1}
.container_box .intro_area .loading_circle div:nth-child(3){animation:loadingCircle03 4.2s .4s 1}
.container_box .intro_area .loading_circle div:nth-child(4){animation:loadingCircle04 4.2s .4s 1}
.container_box .intro_area .loading_circle .loading_pill{opacity:1;top:calc(50% - 20px);left:calc(50% - 20px);background:none}
.container_box .intro_area .loading_circle .loading_pill svg{opacity:0;position:absolute;top:-33px;left:-33px}
.container_box .intro_area .loading_circle .loading_pill svg:nth-child(1){animation:loadingPill01 2s 3.6s 1 cubic-bezier(.25,.9,.45,.75) forwards}
.container_box .intro_area .loading_circle .loading_pill svg:nth-child(2){animation:loadingPill02 2s 3.6s 1 cubic-bezier(.25,.9,.45,.75) forwards}

.container_box_kanban{position:relative;width:100%;min-height:414px;padding:40px 40px 10px 44px;border-radius:5px 5px 20px 20px;background-color:#fff;-ms-overflow-style:none;scrollbar-width:none}
.container_box_kanban > .contensts > .tab_area > .tab_cont > .cont:not(.kanban),
.container_box_kanban .kanban_box {padding-bottom: 30px}
/*@keyframes introFadeOut{
    0%{opacity:1}
    95%{opacity:1}
    100%{opacity:0}
}*/
@keyframes loadingCircle01{
    0%{opacity:0;transform:translate(0) scale(0)}
    10%{opacity:1;transform:translate(-50px, -50px) scale(1)}
    20%{transform:translate(-50px, 50px) scale(1)}
    30%{transform:translate(50px, 50px) scale(1)}
    40%{transform:translate(50px, -50px) scale(1)}
    50%{transform:translate(-7.5px, -7.5px) scale(1)}
    60%{transform:translate(-7.5px, -7.5px) rotate(-120deg) scale(1)}
    70%{opacity:1;transform:rotate3d(1, 1, 0, 90deg) scale(1)}
    100%{opacity:.5;transform:rotate3d(1, 1, 1, 0deg) scale(.125)}
}
@keyframes loadingCircle02{
    0%{opacity:0;transform:translate(0) scale(0)}
    10%{opacity:1;transform:translate(-50px, 50px) scale(1)}
    20%{transform:translate(50px, 50px) scale(1)}
    30%{transform:translate(50px, -50px) scale(1)}
    40%{transform:translate(-50px, -50px) scale(1)}
    50%{transform:translate(-7.5px, 7.5px) scale(1)}
    60%{transform:translate(-7.5px, 7.5px) rotate(120deg) scale(1)}
    70%{opacity:1;transform:rotate3d(-1, 2, 0, 90deg) scale(1)}
    100%{opacity:.5;transform:rotate3d(1, 1, 1, 0deg) scale(.125)}
}
@keyframes loadingCircle03{
    0%{opacity:0;transform:translate(0px) scale(0)}
    10%{opacity:1;transform:translate(50px, 50px) scale(1)}
    20%{transform:translate(50px, -50px) scale(1)}
    30%{transform:translate(-50px, -50px) scale(1)}
    40%{transform:translate(-50px, 50px) scale(1)}
    50%{transform:translate(7.5px, 7.5px) scale(1)}
    60%{transform:translate(7.5px, 7.5px) rotate(-120deg) scale(1)}
    70%{opacity:1;transform:rotate3d(1, 1, 0, -90deg) scale(1)}
    100%{opacity:.5;transform:rotate3d(1, 1, 1, 0deg) scale(.125)}
}
@keyframes loadingCircle04{
    0%{opacity:0;transform:translate(0px) scale(0)}
    10%{opacity:1;transform:translate(50px, -50px) scale(1)}
    20%{transform:translate(-50px, -50px) scale(1)}
    30%{transform:translate(-50px, 50px) scale(1)}
    40%{transform:translate(50px, 50px) scale(1)}
    50%{transform:translate(7.5px, -7.5px) scale(1)}
    60%{transform:translate(7.5px, -7.5px) rotate(120deg) scale(1)}
    70%{opacity:1;transform:rotate3d(-1, 2, 0, -90deg) scale(1)}
    100%{opacity:.5;transform:rotate3d(1, 1, 1, 0deg) scale(.125)}
}
@keyframes loadingPill01{
    0%{opacity:0;transform:scale(0)}
    25%{opacity:1;transform:scale(.2571)}
    50%{opacity:1;transform:scale(.38095) rotate3d(1, 1, 1, -120deg)}
    75%{opacity:1;transform:scale(.7790) rotate3d(1, 1, 1, -240deg)}
    100%{opacity:1;transform:scale(1) rotate3d(1, 1, 1, -360deg)}
}
@keyframes loadingPill02{
    0%{opacity:0;transform:scale(0)}
    25%{opacity:1;transform:scale(.2571)}
    50%{opacity:1;transform:scale(.38095) rotate3d(1, 1, 1, 120deg)}
    75%{opacity:1;transform:scale(.7790) rotate3d(1, 1, 1, 240deg)}
    100%{opacity:1;transform:scale(1) rotate3d(1, 1, 1, 360deg)}
}
.container_box .tab_area .tab_cont .cont .board_list{width:100%;margin-top:20px}
.container_box .tab_area .tab_cont .cont .board_list li{position:relative;margin-bottom:10px;font-size:13px;color:#666}
.container_box .tab_area .tab_cont .cont .board_list li>a{position:relative;z-index:10;display:block;padding:20px;color:#666;border:1px solid #D9D9D9}
.container_box .tab_area .tab_cont .cont .board_list li>a .bg_pro{position:absolute;z-index:13;left:-1px;top:-1px;height:calc(100% + 2px);width:5px}
.container_box .tab_area .tab_cont .cont .board_list li:last-child{margin-bottom:0}
.container_box .tab_area .tab_cont .cont .board_list li a .right_text{float:right}
.container_box .tab_area .tab_cont .cont .board_list li .top_cont{margin-bottom:8px}
.container_box .tab_area .tab_cont .cont .board_list li .top_cont .left_text .alert_text{margin-right:3px}
.container_box .tab_area .tab_cont .cont .board_list li .top_cont .right_text span{margin-left:3px}
.container_box .tab_area .tab_cont .cont .board_list li .top_cont .right_text .pro_div.active, .container_box .tab_area .tab_cont .cont .board_list li .top_cont .right_text .percent{font-weight:900;color:#0d2040}
.container_box .tab_area .tab_cont .cont .board_list li .bottom_cont{line-height:20px}
.container_box .tab_area .tab_cont .cont .board_list li .bottom_cont .left_text{max-width:calc(100% - 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#000}
.container_box .tab_area .tab_cont .cont .board_list li .bottom_cont .left_text .pro_nm{margin-right:3px}
.container_box .tab_area .tab_cont .cont .board_list li .bottom_cont .right_text i{margin-top:2px;margin-right:5px;font-size:16px;vertical-align:top;color:#0c1d3b}
.alert_red{color:#e81010}
.alert_green{color:#17992f}
.alert_blue{color:#336aff}
.pro_div.alert_red{color:#e81010;font-weight:900}
.btn_widget{position:absolute;top:0;right:0}
.widget_layer{display:none;position:absolute;top:0;right:21px;z-index:10}
.widget_layer .btn_close{position:absolute;top:0;right:-21px}
.widget_layer .area{width:239px;padding:20px;border-radius:21px;background-color:#fff;box-shadow:0 0 20px rgba(0, 0, 0, 0.07)}
.widget_layer .widget_list li{margin-top:5px}
.widget_layer .widget_list li:first-child{margin-top:0}
.widget_layer .widget_list li a{display:flex;position:relative;padding:11px 15px;border-radius:21px;background-color:#f7f7f7}
.widget_layer .widget_list li a:after{content:'';position:absolute;top:11px;right:15px;width:20px;height:20px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0;transition:transform ease .5s}
.widget_layer .widget_list li a svg{margin-right:5px}
.widget_layer .widget_list li:hover a:after{transform:rotate(360deg)}
.widget_layer .widget_list li.add a{background-color:#eaeaea}
.widget_layer .widget_list li.add a:after{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.widget_layer.active{display:block}
.dashboard{position:relative;max-width:1360px;margin-right:42px}
.dashboard .item{width:320px;margin-bottom:20px;padding:25px 20px;border-radius:20px;background-color:#fafaff}
.dashboard .item .item_tit{display:block;margin-bottom:10px;padding-left:26px;font-size:16px;font-weight:500;background-repeat:no-repeat;background-position:0 1px}
.dashboard .item .item_tit.bg_notice{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%208a5%205%200%200%201%200%208m2.7-11a9%209%200%200%201%200%2014M6%2015H4a1%201%200%200%201-1-1v-4a1%201%200%200%201%201-1h2l3.5-4.5A.8.8%200%200%201%2011%205v14a.8.8%200%200%201-1.5.5L6%2015%22%2F%3E%3C%2Fsvg%3E')}
.dashboard .item .item_tit.bg_epaper{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m9%2011l3%203l8-8%22%2F%3E%3Cpath%20d%3D%22M20%2012v6a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.dashboard .item .list > li + li{margin-top:9px;padding-top:12px;border-top:1px solid #eaeaea}
.dashboard .item .list > li .tit{display:-webkit-box;overflow:hidden;max-height:42px;font-weight:400;word-break:break-all}
.dashboard .item .list > li .date{margin-top:5px;color:#767676}
.dashboard .item .tbl_list thead th{height:25px;padding:0 5px 5px;background:none}
.dashboard .item .tbl_list tbody td{height:40px;padding:5px}
.dashboard .item_user{transition:background-color ease .4s}
.dashboard .item_user .btn_setting,
.dashboard .item_user .btn_delete{visibility:hidden;position:absolute;top:20px;opacity:0;transition:all ease .3s}
.dashboard .item_user .btn_setting{right:20px}
.dashboard .item_user .btn_delete{right:47px}
.dashboard .item_user .thumbnail{overflow:hidden;width:100px;height:100px;margin:0 auto 15px;border-radius:50%;background-color:#fff}
.dashboard .item_user .user_info{margin-bottom:20px;text-align:center}
.dashboard .item_user .user_info > dt{margin-bottom:4px;font-size:18px;font-weight:500}
.dashboard .item_user .user_info > dd{display:inline-block;padding:0 15px;color:#fff;line-height:32px;vertical-align:top;border-radius:16px;background-color:#66f}
.dashboard .item_user:hover{background-color:#ededff}
.dashboard .item_user:hover .btn_setting,
.dashboard .item_user:hover .btn_delete{visibility:visible;opacity:1}
.work_summary{overflow:hidden;margin:0 -5px;font-size:0;text-align:center}
.work_summary > li{display:inline-block;width:60px;margin:0 5px;padding:15px 0;vertical-align:top;border-radius:30px;background-color:#fff}
.work_summary > li strong{font-size:14px;font-weight:500}
.work_summary > li p{margin-top:2px;font-size:18px;font-weight:700}
.work_summary > li.new{color:#478eff}
.work_summary > li.ing{color:#76ba5d}
.work_summary > li.delay{color:#eb5254}
.sec_work > dt{font-size:16px;font-weight:500;text-align:center}
.sec_work > dt svg{display:block;margin:0 auto 9px}
.sec_work > dd{margin-top:13px}

/***** top tab *****/
.dhxtabbar_base_material div.dhxtabbar_cont{position:static}
.dhxtabbar_base_material div.dhxtabbar_tabs{height:52px;line-height:0;border:0;background-color:#fff}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base{height:33px}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left, .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right{height:33px;margin:0}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab{height:33px;margin-left:0px;color:#0d203f;font-family:'Nanum Gothic';font-weight:700;line-height:33px;text-align:center;background-color:#fff}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab:before{content:'';position:absolute;top:0;right:5px;bottom:0;left:5px;border:2px solid #0d203f;border-radius:20px;box-sizing:border-box}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv{color:#fff;font-weight:400;background-color:#fff}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv:before{border-color:#0d2040;background-color:#0d2040}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text{display:inline-block;height:33px;margin-bottom:0;padding:0;line-height:33px;text-align:left;vertical-align:top;background-color:transparent}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close{padding-right:0}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_close{display:inline-block;position:relative;top:auto;right:auto;width:16px;height:16px;margin:8px 0 0 7px;vertical-align:top;border-radius:50%;background:rgba(13,32,64,.65) url(/ClientUI/images/common/tab_close.png) no-repeat 0 0}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_close{background-color:rgba(255,255,255,.85);background-position:-26px 0}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar{border:0}
.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar > iframe{min-width:1600px}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left, .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right{height:35px;line-height:35px}
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img, .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img{top:50%;margin-top:-8px}

/***** page *****/
.dhx_popup_material{width:340px}
.breadcrumb{padding-bottom:15px;font-size:0}
.breadcrumb > li{display:inline-block;color:#959595;font-size:14px;vertical-align:top}
.breadcrumb > li:before{content:'';display:inline-block;width:14px;height:14px;margin:3px 5px 0;line-height:0;vertical-align:top;background:url(/ClientUI/images/common/arr_breadcrumb.svg) no-repeat 0 0}
.breadcrumb > li:first-child:before{display:none}
.breadcrumb > li:last-child{color:#333;font-weight:500}
.breadcrumb > .prj_name{display:inline-block;padding-bottom:2px;color:#0d203f;font-size:18px;line-height:18px;vertical-align:top}
.breadcrumb > .prj_name > span{display:inline-block;width:14px;height:14px;margin:3px 7px 0 0;vertical-align:top;border-radius:50%}
.search_area{position:relative;margin-bottom:30px;padding-bottom:20px;border-radius:10px;background-color:#f7f7f7}
/*.search_area:before{content:'';position:absolute;top:60px;right:0;left:0;height:1px;background-color:#fff}*/
.search_area .col{/*margin-left:-1px;*/padding:15px 20px 0;/*border-left:1px solid #fff*/}
.search_area .col:first-child{border-left:none}
.search_area .col:after{content:'';display:block;clear:both}
.search_area .col > *{float:left;margin-top:5px;margin-right:10px}
.search_area .col > *:last-child{margin-right:0}
.search_area .col > dt{line-height:42px}
.search_area .col > dd{/*margin-top:0*/}
.search_area .col .checkbox, .search_area .col .radio{margin-top:5px}
.search_area .col .nice-select .current, .search_area .col input, .search_area .col select{height:36px}
.search_area .col > dt, .search_area .col .nice-select .current{line-height:36px}
.search_area .col .nice-select .current:after, .search_area .col .term_form label{width:36px;height:36px}
.search_area .col .btn{height:36px;min-width:36px;min-height:36px;padding:0 6px}
.search_area .col dd > *{/*margin-top:5px;*/margin-right:6px}
.search_area .col dd > *:first-child:not('checkbox, radio'){margin-top:0}
.search_area .col dd > *:last-child{margin-right:0}
.search_area .col .term_form input{border:0}
.search_area .col .term_form label{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4m-4%204h16M8%2015h2v2H8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.search_area .col .term_form label:hover{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4m-4%204h16M8%2015h2v2H8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.search_area .col .nice-select .current:after{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m6%209l6%206l6-6%22%2F%3E%3C%2Fsvg%3E')}
.search_area .col .nice-select .current:hover:after{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m6%209l6%206l6-6%22%2F%3E%3C%2Fsvg%3E')}
.total_num{margin-bottom:15px;padding-left:29px;font-size:16px;background:url(../../images/icon/ico_list.svg) no-repeat 0 0}
.board_top{margin-bottom:15px}
.board_top > div:after{content:'';display:block;clear:both}
.board_top > div > *{float:left;margin-right:10px}
.board_top > div > *:last-child{margin-right:0}
.board_top .sec_tit{margin-top:0;margin-bottom:0}
.board_top .sec_tit + p{margin-top:7px}
.board_top .tip{margin-top:7px;color:#767676}
.board_top .total_num{margin-top:9px;margin-bottom:0}
.sec_tit{display:block;position:relative;margin-top:12px;margin-bottom:15px;padding-left:29px;font-size:20px;font-weight:500;background:url(../../images/icon/ico_detail.svg) no-repeat 0 3px}
.sec + .sec{margin-top:40px}
.breadcrumb + .sec,
.breadcrumb + .board_detail{margin-top:12px}
.breadcrumb + .sec > .sec_tit:first-child,
.breadcrumb + .board_detail > .sec:first-child > .sec_tit:first-child,
.breadcrumb + .board_detail > .clearfix > div > .sec_tit:first-child{margin-top:0}
.sub_sec{position:relative;margin-top:25px}
.board_detail{position:relative}
.board_detail + .board_detail{margin-top:40px}
.board_detail > .clearfix > div{width:calc(50% - 20px)}
/*.board_detail > .clearfix > div:first-child{margin-right:40px}*/
.board_detail > .clearfix > div:first-child{margin-right:40px;max-height:780px;overflow-y:scroll}
.board_detail > .clearfix > div:first-child::-webkit-scrollbar{display:none}
.sec_row{position:relative;margin-top:40px}
.sec_row:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#d9d9d9}
.sec_row > div{width:50%}
.sec_row > .fl{padding-right:30px}
.sec_row > .fr{padding-left:30px}
.mycal_area .fl{width:390px;margin-right:40px}
.mycal_area .fr{width:calc(100% - 430px)}

/*칸반 업무분류 라벨*/
.duty_dv_area{height:31px;overflow:hidden}
.duty_dv_area.active{height:auto}
.duty_dv_area + .task_no_color{margin-top:9px}
.duty_dv_area span{display:inline-block;margin-right:3px;margin-bottom:3px;min-height:28px;padding:0 10px;line-height:28px;font-size:12px;color:#fff;font-weight:500;border-radius:30px;vertical-align:top}
.duty_dv_area span:last-child{margin-right:0}
.duty_dv_area span.task_dev{background-color:#9350e5}
.duty_dv_area span.task_main{background-color:#f5a018}
.duty_dv_area span.task_plan{background-color:#3595d9}
.duty_dv_area span.task_infra{background-color:#21bad9}
.duty_dv_area span.task_design{background-color:#f24949}
.duty_dv_area span.task_pub{background-color:#64b247}
.duty_dv_area span.task_discussion{background-color:#f69ace}
.duty_dv_area span.task_server{background-color:#db4bbb}
.duty_dv_area span.task_inquiry{background-color:#3f5dfb}
.duty_dv_area span.task_db{background-color:#0d8595}

/*캘린더*/
.calendar_inline{position:relative;width:100%;height:293px}
.calendar_inline .dhtmlxcalendar_dhx_terrace{width:100%;padding:20px 24px;font-size:14px;font-family:'Spoqa Han Sans Neo',Malgun Gothic,'맑은고딕';border:1px solid #eaeaea;border-radius:5px}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont{width:100%;margin-bottom:16px;border:0;border-radius:0}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont .dhtmlxcalendar_line .dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr{width:100%;height:24px;line-height:24px}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont .dhtmlxcalendar_line .dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span{font-size:18px;font-weight:500 !important}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont .dhtmlxcalendar_line .dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr .dhtmlxcalendar_month_arrow{width:24px;height:24px;cursor:pointer}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont .dhtmlxcalendar_line .dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr .dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left{left:0;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m15%206l-6%206l6%206%22%2F%3E%3C%2Fsvg%3E');opacity:1}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont .dhtmlxcalendar_line .dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr .dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover{left:0;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m15%206l-6%206l6%206%22%2F%3E%3C%2Fsvg%3E')}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont .dhtmlxcalendar_line .dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr .dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right{right:0;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m9%206l6%206l-6%206%22%2F%3E%3C%2Fsvg%3E');opacity:1}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_month_cont .dhtmlxcalendar_line .dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr .dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover{right:0;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m9%206l6%206l-6%206%22%2F%3E%3C%2Fsvg%3E')}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_line{width:100%;margin-left:0 !important}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_days_cont{width:100%;margin-bottom:5px;padding:0 1px;border:0}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_days_cont .dhtmlxcalendar_line{height:21px;border-bottom:0}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_days_cont .dhtmlxcalendar_line li{width:30px;height:21px;margin-left:20px;line-height:21px}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_days_cont .dhtmlxcalendar_line li:first-child{margin-left:0}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont{width:100%;padding:0 1px 1px;border:0;border-radius:0}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line{height:auto;margin-top:0;margin-bottom:7px}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li{width:30px;height:30px;margin-right:20px;line-height:28px;border:1px solid #fff;border-radius:50%}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li:last-child{margin-right:0}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell{opacity:0}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_hover,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_hover,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_hover{opacity:1;cursor:pointer}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line:last-child li:not(.dhtmlxcalendar_cell_month_date):not(.dhtmlxcalendar_cell_month):not(.dhtmlxcalendar_cell_month_weekend){display:none}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li .dhtmlxcalendar_label{position:relative}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li .dhtmlxcalendar_label.dhtmlxcalendar_label_title{background:none}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li .dhtmlxcalendar_label.dhtmlxcalendar_label_title:after{content:'';position:absolute;bottom:1px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background-color:#66f}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell:hover{border-color:#f7f7f7 !important;background-color:#f7f7f7 !important}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend{color:#fff;font-weight:700;border-color:#66f;background-color:#66f}
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date .dhtmlxcalendar_label.dhtmlxcalendar_label_title:after,
.calendar_inline .dhtmlxcalendar_dhx_terrace .dhtmlxcalendar_dates_cont .dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend .dhtmlxcalendar_label.dhtmlxcalendar_label_title:after{background-color:#fff}
.calendar_inline .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell{color:#eb5254}
/*full calendar default*/
div.dhx_cal_container{margin-top:6px;font-family:'Spoqa Han Sans Neo',Malgun Gothic,'맑은고딕'}
.dhx_cal_container .dhx_cal_navline{height:55px !important}
.dhx_cal_container .dhx_cal_navline div{box-sizing:border-box}
.dhx_cal_container .dhx_cal_navline > div{top:0 !important}
.dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button{right:auto;left:50%;width:30px;height:36px;margin-left:-105px;border:0;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230%22%20height%3D%2230%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m15%206l-6%206l6%206%22%2F%3E%3C%2Fsvg%3E');opacity:1}
.dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button:hover{background-color:#fff;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230%22%20height%3D%2230%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m15%206l-6%206l6%206%22%2F%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_navline .dhx_cal_next_button{right:auto;left:50%;width:30px;height:36px;margin-left:75px;border:0;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230%22%20height%3D%2230%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m9%206l6%206l-6%206%22%2F%3E%3C%2Fsvg%3E');opacity:1}
.dhx_cal_container .dhx_cal_navline .dhx_cal_next_button:hover{background-color:#fff;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230%22%20height%3D%2230%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m9%206l6%206l-6%206%22%2F%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_navline .dhx_cal_today_button{right:auto;left:0;width:66px;height:36px;color:#333;font-weight:400;line-height:34px;border-color:#eaeaea;border-radius:18px}
.dhx_cal_container .dhx_cal_navline .dhx_cal_today_button:hover{background-color:#f7f7f7}
.dhx_cal_container .dhx_cal_navline .dhx_cal_date{padding-top:3px;color:#333;font-size:20px;font-family:'Spoqa Han Sans Neo',Malgun Gothic,'맑은고딕';line-height:1.5}
.dhx_cal_container .dhx_cal_navline .dhx_tab_select{left:76px;width:122px}
.dhx_cal_container .dhx_cal_navline .dhx_tab_select .current{display:block;overflow:hidden;position:relative;top:0;height:36px;padding:0 40px 0 14px;color:#333;font-size:14px;line-height:34px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #eaeaea;border-radius:21px;background-color:#fff;cursor:pointer}
.dhx_cal_container .dhx_cal_navline .dhx_tab_select .current:after{content:'';position:absolute;top:0;right:0;width:36px;height:36px;border-radius:50%;background:#eaeaea url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23767676%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m6%209l6%206l6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;background-size:20px;transition:background-color ease .3s}
.dhx_cal_container .dhx_cal_navline .dhx_tab_select .list{display:none;position:absolute;top:41px;right:0;left:0;padding:8px 0;color:#333;border:1px solid #eaeaea;border-radius:10px;background-color:#fff;box-shadow:4px 4px 10px rgba(0, 0, 0, 0.07);z-index:2;-ms-overflow-style:none;scrollbar-width:none}
.dhx_cal_container .dhx_cal_navline .dhx_tab_select.open .current{box-shadow:4px 4px 10px rgba(0, 0, 0, 0.07)}
.dhx_cal_container .dhx_cal_navline .dhx_tab_select.open .current:after{transform:rotate(180deg)}
.dhx_cal_container .dhx_cal_navline .dhx_tab_select.open .list{display:block}
.dhx_cal_container .dhx_cal_navline .dhx_cal_tab{position:static;width:auto;height:auto;padding:3px 14px;color:#333;font-size:14px;font-weight:400;line-height:1.5;text-align:left;border:0}
.dhx_cal_container .dhx_cal_navline .dhx_cal_tab.active{color:#333;font-weight:700;background:none}
.dhx_cal_container .dhx_cal_navline .dhx_cal_tab:hover{background-color:#f7f7f7}
.dhx_cal_container .dhx_multi_day{height:34px !important;border:1px solid #eaeaea;border-bottom:0 !important;background-color:#f7f7f7}
.dhx_cal_container .dhx_multi_day .dhx_multi_day_icon_small{height:33px !important;border-right-color:#eaeaea;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11.795%2021H5a2%202%200%200%201-2-2V7a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v4%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M15%203v4M7%203v4m-4%204h16m-1%205.496V18l1%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_multi_day .dhx_cal_event_line{top:0 !important;height:33px;font-size:14px;font-weight:400;line-height:33px;border-radius:5px}
.dhx_cal_container .dhx_cal_scale_placeholder{display:none !important}
.dhx_cal_container .dhx_scale_holder_now{background-color:#fff}
.dhx_cal_container .dhx_cal_event_line{font-weight:400;font-family:'Spoqa Han Sans Neo',Malgun Gothic,'맑은고딕';background-color:#66f}
.dhx_cal_container .dhx_cal_data{border:1px solid #eaeaea}
.dhx_cal_container .dhx_cal_data .dhx_scale_holder{border-color:#eaeaea}
.dhx_cal_container .dhx_cal_data .dhx_scale_hour{color:#333;font-size:13px;font-weight:400;border-color:#eaeaea}
.dhx_cal_container .dhx_cal_data .dhx_cal_event,
.dhx_cal_container .dhx_cal_data .dhx_in_move{overflow:hidden;border-radius:5px;background-color:#66f}
.dhx_cal_container .dhx_cal_data .dhx_cal_event > div,
.dhx_cal_container .dhx_cal_data .dhx_in_move > div{padding:0;font-size:14px;line-height:1.5;background-color:transparent}
.dhx_cal_container .dhx_cal_data .dhx_cal_event .dhx_title{height:auto;margin-bottom:-9px;padding:7px 10px 0}
.dhx_cal_container .dhx_cal_data .dhx_cal_event .dhx_body{height:auto;padding:9px 10px 6px}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu{width:36px !important;height:auto !important;margin-left:-14px;border:1px solid #66f;background-color:#fff;box-shadow:none}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .dhx_body{width:auto !important;height:auto !important;padding:9px 7px !important}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .dhx_menu_icon{margin:8px auto 0;background-position:50% 50%}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .dhx_menu_icon:first-child{margin-top:0}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_details{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_details:hover{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_edit{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m12%2015l8.385-8.415a2.1%202.1%200%200%200-2.97-2.97L9%2012v3h3zm4-10l3%203%22%2F%3E%3Cpath%20d%3D%22M9%207.07A7.002%207.002%200%200%200%2010%2021a7.002%207.002%200%200%200%206.929-5.999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_edit:hover{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m12%2015l8.385-8.415a2.1%202.1%200%200%200-2.97-2.97L9%2012v3h3zm4-10l3%203%22%2F%3E%3Cpath%20d%3D%22M9%207.07A7.002%207.002%200%200%200%2010%2021a7.002%207.002%200%200%200%206.929-5.999%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_delete{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%207h16m-10%204v6m4-6v6M5%207l1%2012a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2l1-12M9%207V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v3%22%2F%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_delete:hover{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%207h16m-10%204v6m4-6v6M5%207l1%2012a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2l1-12M9%207V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v3%22%2F%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_save{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m5%2012l5%205L20%207%22%2F%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_save:hover{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m5%2012l5%205L20%207%22%2F%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_cancel{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m10%2010l4%204m0-4l-4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.dhx_cal_container .dhx_cal_data .dhx_cal_select_menu .icon_cancel:hover{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2366f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m10%2010l4%204m0-4l-4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
/* 월간 */
.dhx_scheduler_month .dhx_cal_header{width:calc(100% - 1px) !important;height:30px !important;margin-top:-10px;border:1px solid #eaeaea}
.dhx_scheduler_month .dhx_cal_header .dhx_scale_bar{padding:6px 0;color:#767676;font-weight:400;line-height:1.5;border-left-color:#eaeaea}
.dhx_scheduler_month .dhx_cal_header .dhx_scale_bar:nth-child(6){color:#478eff}
.dhx_scheduler_month .dhx_cal_header .dhx_scale_bar:nth-child(7){color:#eb5254}
.dhx_scheduler_month .dhx_cal_data{left:-1px !important;width:calc(100% - 1px) !important}
.dhx_scheduler_month .dhx_cal_data .dhx_month_head{padding-right:0;font-weight:400;text-align:center;border-right:0;border-left:1px solid #eaeaea}
.dhx_scheduler_month .dhx_cal_data .dhx_month_body{border-right:0;border-bottom-color:#eaeaea;border-left:1px solid #eaeaea}
.dhx_scheduler_month .dhx_cal_data td.dhx_before .dhx_month_head,
.dhx_scheduler_month .dhx_cal_data td.dhx_after .dhx_month_head{color:#ccc}
.dhx_scheduler_month .dhx_cal_data td:nth-last-child(2):not(.dhx_before):not(.dhx_after) .dhx_month_head{color:#478eff}
.dhx_scheduler_month .dhx_cal_data td:last-child:not(.dhx_before):not(.dhx_after) .dhx_month_head{color:#eb5254}
/*.dhx_scheduler_month .dhx_cal_data .dhx_cal_event_line{left:5px !important;width:calc(100% - 10px) !important;padding:0 9px;color:#fff;font-size:13px;border:1px solid #66f;border-radius:13px}*/
.dhx_scheduler_month .dhx_cal_data .dhx_cal_event_line{margin-left:3px;padding:0 9px;color:#fff;font-size:13px;font-weight:400;font-family:'Spoqa Han Sans Neo',Malgun Gothic,'맑은고딕';line-height:1.3;border:1px solid #66f;border-radius:13px;background-color:#66f}
.dhx_scheduler_month .dhx_cal_data .dhx_cal_event_line > div,
.dhx_scheduler_month .dhx_cal_data .dhx_cal_event_clear > div{position:absolute;top:3px;left:6px;width:11px;height:11px;border-radius:50%}
.dhx_scheduler_month .dhx_cal_data .dhx_cal_event_clear{margin-left:3px;padding:0 9px;color:#fff;font-size:13px;font-weight:400;font-family:'Spoqa Han Sans Neo',Malgun Gothic,'맑은고딕';line-height:1.3;border:1px solid #66f;border-radius:13px;background-color:#66f}
.dhx_scheduler_month.timeline .dhx_cal_data .dhx_cal_event_line,
.dhx_scheduler_month.timeline .dhx_cal_data .dhx_cal_event_clear{padding-left:22px;color:#333;border-color:#eaeaea}
/* 주간 */
.dhx_scheduler_week:before{content:'';position:absolute;top:46px;right:0;left:0;height:32px;border:1px solid #eaeaea;border-bottom:0;z-index:5}
.dhx_scheduler_week .dhx_cal_navline .dhx_cal_prev_button{margin-left:-190px}
.dhx_scheduler_week .dhx_cal_navline .dhx_cal_next_button{margin-left:160px}
.dhx_scheduler_week .dhx_cal_header{height:30px !important;margin-top:-10px;margin-left:1px}
.dhx_scheduler_week .dhx_cal_header .dhx_scale_bar{padding:6px 0;color:#767676;font-weight:400;line-height:1.5;border-left-color:#eaeaea}
.dhx_scheduler_week .dhx_cal_header .dhx_scale_bar:nth-last-child(2){color:#478eff}
.dhx_scheduler_week .dhx_cal_header .dhx_scale_bar:last-child{color:#eb5254}
.dhx_scheduler_week .dhx_multi_day{top:78px !important}
.dhx_scheduler_week .dhx_cal_data{border-bottom:0;box-sizing:border-box}
/* 일간 */
.dhx_scheduler_day .dhx_cal_header{display:none}
.dhx_scheduler_day .dhx_multi_day{top:46px !important}
.dhx_scheduler_day .dhx_cal_data{border-bottom:0;box-sizing:border-box}
/* 타임라인 */
.dhx_scheduler_timeline .dhx_timeline_scale_header{height:30px !important;margin-top:-10px;margin-left:1px;padding:5px 0 6px;border-right:1px solid #eaeaea}
.dhx_scheduler_timeline .dhx_cal_header{left:0 !important;width:calc(100% - 2px) !important;height:30px !important;margin-top:-10px;border:1px solid #eaeaea}
.dhx_scheduler_timeline .dhx_cal_header .dhx_scale_bar{padding:5px 0 6px;color:#767676;border-right:1px solid #eaeaea;border-left:0}
.dhx_scheduler_timeline .dhx_cal_header .dhx_scale_bar:last-child{border-right:0}
.dhx_scheduler_timeline .dhx_cal_data{border-bottom:0;box-sizing:border-box}
.dhx_scheduler_timeline .dhx_cal_data .dhx_matrix_scell{color:#333;font-weight:400;font-family:'Spoqa Han Sans Neo',Malgun Gothic,'맑은고딕';border-color:#eaeaea}
.dhx_scheduler_timeline .dhx_cal_data .dhx_timeline_data_cell{border-color:#eaeaea}

/* 200707 오늘의 감사정보 :s */
.graph_row .graph_area{width:calc(33.33% - 26.66px);margin-top:0;margin-left:40px}
.graph_row .graph_area:first-child{margin-left:0}
.graph_area{margin-top:40px;padding:30px 15px;border:3px solid rgba(207, 57, 143, 0.2)}
.graph_area > dt{margin-bottom:10px;color:#cf398f;font-size:20px;font-weight:800;text-align:center}
.graph_area .graph{margin-top:10px}
/* 200707 오늘의 감사정보 :e */

/* 자체감사 수행단계계획보고단계 */
.oneself_step_area{overflow:hidden;padding:14px 15px}
.oneself_step{margin-right:calc((10% - 109px) / 2 * -1);margin-left:calc((10% - 43px) / 2 * -1)}
.oneself_step > li{width:10%;text-align:center}
.oneself_step > li dl dt{position:relative;max-width:119px;margin:0 auto;color:#fff;font-weight:700;line-height:29px;border-radius:15px;background-color:#7695c4}
.oneself_step > li dl dd{margin-top:20px;font-size:0}
.oneself_step > li dl dd a{display:inline-block;position:relative;width:100%;vertical-align:top}
.oneself_step > li dl dd a:before{content:'';position:absolute;top:26px;right:-50%;left:50%;height:1px;background:url(/ClientUI/images/contents/dash_skyblue.png) repeat-x 0 0}
.oneself_step > li dl dd .num{display:block;position:relative;width:53px;height:53px;margin:0 auto 9px;color:#666;font-size:18px;font-weight:700;line-height:47px;border:3px solid #c3cfe5;border-radius:50%;background-color:#fff}
.oneself_step > li dl dd .tit{display:block;color:#666;font-size:15px;font-weight:400;line-height:1}
.oneself_step > li:last-child dl dd a:last-child:before{display:none}
.oneself_step > li:last-child dl dd a:last-child .num{font-size:15px}
.oneself_step > li.step01{width:20%}
.oneself_step > li.step01 dl dt{max-width:calc(100% - (50% - 53px))}
.oneself_step > li.step01 dl dd a{width:50%}
.oneself_step > li.step02{width:60%}
.oneself_step > li.step02 dl dt{max-width:calc(100% - (16.66% - 53px))}
.oneself_step > li.step02 dl dd a{width:16.66%}
.oneself_step > li dl dd .ing .num{font-size:0 !important;text-indent:-999px;border-color:#2e71e6;background:#fff url(/ClientUI/images/icon/create.png) no-repeat 50% 50%}
.oneself_step > li dl dd .ing .tit{color:#2e71e6;font-weight:700}
.oneself_step > li dl dd .end:before{background:#2e71e6}
.oneself_step > li dl dd .end .num{font-size:0 !important;text-indent:-999px;border-color:#2e71e6;background:#2e71e6 url(/ClientUI/images/icon/done.png) no-repeat 50% 50%}
.oneself_step > li dl dd .end .tit{color:#333}

/*일상감사 검토단계*/
.check_step{padding:24px 0}
.check_step > li{width:193px;height:53px;margin-right:74px}
.check_step > li:last-child{margin-right:0}
.check_step > li a{display:block;position:relative;color:#666;font-size:16px;font-weight:700;line-height:47px;text-align:center;border:3px solid #c3cfe5;border-radius:30px;background-color:#fff}
.check_step > li a:before{content:'';position:absolute;top:26px;right:-77px;width:74px;height:1px;background:url(/ClientUI/images/contents/dash_skyblue.png) repeat-x 0 0}
.check_step > li:last-child a:before{display:none}
.check_step > li a span{display:inline-block;vertical-align:top}
.check_step > li a.ing{color:#2e71e5;border-color:#2e71e5}
.check_step > li a.ing span{padding-left:35px;background:url(/ClientUI/images/icon/create.png) no-repeat 0 50%}
.check_step > li a.end{color:#fff;border-color:#2e71e5;background-color:#2e71e5}
.check_step > li a.end:before{background:#2e71e6}
.check_step > li a.end span{padding-left:35px;background:url(/ClientUI/images/icon/done.png) no-repeat 0 50%}

/* 설문문항 */
.answer_list{margin-top:-3px}
.answer_list > li{padding:16px 0 7px;font-size:0;border-bottom:1px solid #eaeaea}
.answer_list > li:first-child{padding-top:0}
.answer_list > li:last-child{padding-bottom:0;border-bottom:0}
.answer_list > li dl dt{display:inline-block;width:50px;color:#333;font-size:14px;line-height:24px;vertical-align:top}
.answer_list > li dl dd{display:inline-block;width:calc(100% - 50px);vertical-align:top}
.answer_list > li dl dd input{margin-top:0}
.survey_result > li .dt{width:100%;padding:10px 20px;line-height:20px;border-top:3px solid #0d2040;background-color:#ccd7e8}
.survey_result > li .dt span{float:right}
.survey_result > li .dd{padding:30px 20px}
.survey_result > li .dd .txt{margin-bottom:20px;line-height:140%}
.survey_result > li .dd .process_bar{font-size:0}
.survey_result > li .dd .process_bar .bar{display:inline-block;width:calc(100% - 80px);vertical-align:top}
.survey_result > li .dd .process_bar .bar p{height:30px;border-radius:5px;background-color:#2e71e6}
.survey_result > li .dd .process_bar .percent{display:inline-block;width:80px;color:#2e71e6;font-size:14px;font-weight:700;line-height:30px;text-align:right;vertical-align:top}
.survey_list{padding-top:10px}
.survey_list > li{margin-top:10px;padding:16px 20px 20px;border-radius:5px;background-color:#f7f7ff}
.survey_list > li .survey > dt{font-size:16px;line-height:1.5}
.survey_list > li .survey > dt .fc_keycolor{font-weight:500}
.survey_list > li .survey > dt .aster{display:inline-block;width:4px;height:4px;margin-top:-1px;font-size:0;vertical-align:middle;border-radius:50%;background-color:#eb5254}
.survey_list > li .survey > dd{margin-top:10px}
.survey_list > li .survey > dd input{height:36px;border:0}
.survey_list > li .survey > dd .txt{margin-right:20px}
.survey_list > li .survey > dd .txt:last-child{margin-right:0}

/* 모니터링 */
/*200713 추가 :s*/
.monitoring_sec + .monitoring_sec{margin-top:90px}
.monitoring_sec > dt{position:relative;height:47px;padding:13px 10px;color:#fff;font-size:17px;line-height:21px;text-align:center;border-radius:10px;background-color:#5c7299}
.monitoring_sec > dt strong{display:block}
.monitoring_sec > dt .btn_more{position:absolute;top:0;right:20px;bottom:0;width:22px;background:url(/ClientUI/images/button/dots_more.png) no-repeat 50% 50%}
.monitoring_sec > dd{padding-top:16px}
.monitoring_sec > dd .tip{margin-bottom:10px;color:#333;font-size:14px;line-height:20px;letter-spacing:0.35px}
.monitoring_sec > dd .total_box{padding:20px;color:#fff;font-size:23px;font-weight:700;line-height:58px;letter-spacing:0.58px;text-align:center;border-radius:15px;background-color:#222426}
.monitoring_sec > dd .total_box .dib{vertical-align:top}
.monitoring_sec > dd .total_box dl{margin-right:76px}
.monitoring_sec > dd .total_box dt{padding-right:7px;font-weight:700}
.monitoring_sec > dd .total_box .ml12{margin-left:12px}
.monitoring_sec > dd .total_box .num_area > *{margin-top:35px;margin-left:5px;line-height:1}
.monitoring_sec > dd .total_box .num{width:50px;height:58px;margin-top:0;font-size:33px;font-weight:800;line-height:58px;letter-spacing:0.83px;border-radius:3px;background-color:#383b40;box-shadow:inset 0px 1px 2px 0 rgba(0, 0, 0, 0.8)}
.monitoring_sec > dd .box{width:calc(25% - 18.75px);margin-left:20px;text-align:center;border-radius:15px;background-color:#ebf0f7}
.monitoring_sec > dd .box:first-child{margin-left:0}
.monitoring_sec > dd .box > dt{padding-top:60px;color:#0d203f;font-size:18px;font-weight:800;line-height:1;letter-spacing:0.45px}
.monitoring_sec > dd .box > dt:after{content:'';display:block;width:112px;height:112px;margin:30px auto 0;border-radius:50%}
.monitoring_sec > dd .box > dd{display:inline-block;margin-top:24px;padding-bottom:56px;vertical-align:top}
.monitoring_sec > dd .box > dd > div{position:relative;padding:3px 0 3px 10px;font-size:0;letter-spacing:0.4px}
.monitoring_sec > dd .box > dd > div:before{content:'';position:absolute;top:12px;left:0;width:3px;height:3px;border-radius:50%;background-color:#333}
.monitoring_sec > dd .box > dd strong{display:inline-block;font-size:16px;font-weight:800;vertical-align:top}
.monitoring_sec > dd .box > dd p{display:inline-block;width:150px;font-size:16px;vertical-align:top;text-align:right}
.monitoring_sec > dd .box.ico01 > dt:after{background:#fff url(/ClientUI/images/icon/ico_area.png) no-repeat 50% 50%}
.monitoring_sec > dd .box.ico02 > dt:after{background:#fff url(/ClientUI/images/icon/ico_time.png) no-repeat 50% 50%}
.monitoring_sec > dd .box.ico03 > dt:after{background:#fff url(/ClientUI/images/icon/ico_account.png) no-repeat 50% 50%}
.monitoring_sec > dd .box.ico04 > dt:after{background:#fff url(/ClientUI/images/icon/ico_type.png) no-repeat 50% 50%}
.monitoring_sec > dd .box_graph{}
.monitoring_sec > dd .box_graph .box{width:calc(17.5% - 13.33px);height:332px;background-color:#e6ebf2}
.monitoring_sec > dd .box_graph .box .people{position:relative;margin-top:44px;padding-top:229px}
.monitoring_sec > dd .box_graph .box .people > dt{font-size:15px;font-weight:700;letter-spacing:0.38px;line-height:1}
.monitoring_sec > dd .box_graph .box .people > dd > *{position:absolute;top:0}
.monitoring_sec > dd .box_graph .box .people .bg{right:0;left:0;height:214px;padding-top:82px;font-size:23px;background:url(/ClientUI/images/contents/bg_people05.png) no-repeat 50% 100%}
.monitoring_sec > dd .box_graph .box .people .bg .num{color:#fff;font-weight:800;line-height:1}
.monitoring_sec > dd .box_graph .box .people.step4 .bg{padding-top:104px;font-size:21px;background:url(/ClientUI/images/contents/bg_people04.png) no-repeat 50% 100%}
.monitoring_sec > dd .box_graph .box .people.step3 .bg{padding-top:122px;font-size:19px;background:url(/ClientUI/images/contents/bg_people03.png) no-repeat 50% 100%}
.monitoring_sec > dd .box_graph .box .people.step2 .bg{padding-top:137px;font-size:17px;background:url(/ClientUI/images/contents/bg_people02.png) no-repeat 50% 100%}
.monitoring_sec > dd .box_graph .box .people.step1 .bg{padding-top:150px;font-size:15px;background:url(/ClientUI/images/contents/bg_people01.png) no-repeat 50% 100%}
.monitoring_sec > dd .box_graph .box .people .percent{left:50%;padding:0 15px;color:#b3821b;font-size:17px;font-weight:800;line-height:31px;letter-spacing:0.43px;border-radius:16px;background-color:#fff;transform:translateX(-50%)}
.monitoring_sec > dd .box_graph .box .people.step4 .percent{top:16px}
.monitoring_sec > dd .box_graph .box .people.step3 .percent{top:31px}
.monitoring_sec > dd .box_graph .box .people.step2 .percent{top:46px}
.monitoring_sec > dd .box_graph .box .people.step1 .percent{top:61px}
.monitoring_sec > dd .box_graph .box.w65p{width:calc(65% - 13.33px);background-color:#f6f6f7}
.monitoring_sec > dd .box_graph .box.bg_yl{background-color:#fdb825}
.monitoring_sec > dd .box_graph .box.bg_yl .people .bg{top:47px;height:166px;padding-top:64px;background:url(/ClientUI/images/contents/bg_people_wh.png) no-repeat 50% 100%}
.monitoring_sec > dd .box_graph .box.bg_yl .people .bg .num{color:#333}
.monitoring_sec > dd .box_graph .box.bg_yl .people.step4 .bg{padding-top:74px;background-size:52px}
.monitoring_sec > dd .box_graph .box.bg_yl .people.step3 .bg{padding-top:83px;background-size:48px}
.monitoring_sec > dd .box_graph .box.bg_yl .people.step2 .bg{padding-top:92px;background-size:42px}
.monitoring_sec > dd .box_graph .box.bg_yl .people.step1 .bg{padding-top:101px;background-size:36px}
/*200713 추가 :e*/


/* FAQ */
.faq{border-top:2px solid #6666ff}
.faq > li{position:relative;min-height:48px;padding:11px 0 11px 10px;line-height:1.8;word-break:break-all;border-bottom:1px solid #eaeaea}
.faq > li dt{position:relative;min-height:25px;padding:0 20px;cursor:pointer}
.faq > li dt:before{content:'Q.';position:absolute;top:0;left:0;font-weight:700}
.faq > li dt:after{content:'';position:absolute;top:2px;right:0;width:22px;height:22px;
    background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ccc%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m6%209l6%206l6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.faq > li dd{display:none;position:relative;min-height:66px;margin:5px 0 4px 20px;padding:10px 63px 8px 33px;color:#fff;border-radius:5px;background-color:#6666ff}
.faq > li dd:before{content:'A.';position:absolute;top:10px;left:15px;font-weight:700}
.faq > li dd .btn_icon{position:absolute;top:15px;right:17px;border-color:#fff}
.faq > li dt:hover:after{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m6%209l6%206l6-6%22%2F%3E%3C%2Fsvg%3E')}
.faq > li.active dt:after{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m6%2015l6-6l6%206%22%2F%3E%3C%2Fsvg%3E')}

/* 프로젝트 현황 */
.prj_lbl{display:inline-block;width:22px;height:22px;border:1px solid #eaeaea;border-radius:50%}
.prj_lbl p{width:100%;height:100%;border:3px solid #fff;border-radius:50%}
.prj_color{display:flex;flex-wrap:wrap;align-items:center}
.prj_color .color{position:relative;margin-right:5px}
.prj_color .color:last-child{margin-right:0}
.prj_color .color input{position:absolute;width:0;height:0;margin:0;padding:0;line-height:1;opacity:0}
.prj_color .color label{display:block;width:22px;height:22px;border:1px solid #eaeaea;border-radius:50%;cursor:pointer;transition:all ease .3s}
.prj_color .color label span{display:block;width:100%;height:100%;font-size:0;border:3px solid #fff;border-radius:50%;transition:all ease .3s}
.prj_color .color :checked ~ label{border-width:2px}
.prj_color .color :checked ~ label span{border:0}
.lbl{position:absolute;top:-1px;left:-1px;padding:6px 20px;color:#fff !important;font-weight:500;border-radius:5px 30px 30px 0}
.lbl.state_color_blue{background-color:#428eff}
.lbl.state_color_red{background-color:#eb5254}
.lbl.state_color_green{background-color:#0db9af}
.lbl.state_color_yellow_green{background-color:#76ba5d}
.lbl.state_color_yellow{background-color:#f7a443}
.lbl.state_color_purple{background-color:#9350e5}
.lbl.state_color_skyblue{background-color:#98b0ec}
.lbl.state_color_grey{background-color:#7883a0}
.lbl.state_color_end{background-color:#90ADAC}

.task_no{position:absolute;top:5px;left:100px;font-weight:500;font-size:14px}
.sm_task_list .task_no{left:auto;right:10px;color:#767676}
.task_no_color{color:#6666ff}
.task_plan .lbl{background-color:#3595d9}
.task_design .lbl{background-color:#f24949}
.task_pub .lbl{background-color:#64b247}
.task_dev .lbl{background-color:#9350e5}
.task_infra .lbl{background-color:#21bad9}
.task_discussion .lbl{background-color:#f69ace}
.task_top .lbl{background-color:#e81010}
.task_middle .lbl{background-color:#336aff}
.task_bottom .lbl{background-color:#17992f}
.task_main .lbl{background-color:#f5a018}
.task_server .lbl{background-color:#db4bbb}
.task_inquiry .lbl{background-color:#3f5dfb}
.task_db .lbl{background-color:#0d8595}
.tooltip_layer{visibility:hidden;position:absolute;padding:9px;color:#767676;font-size:14px;line-height:1.5;text-align:center;border:1px solid #eaeaea;border-radius:5px;background-color:#fff;opacity:0;transition:opacity ease .3s;z-index:10}
.tooltip_layer:before{content:'';position:absolute;top:-7px;left:50%;width:16px;height:7px;background:url(../../images/contents/bg_tooltip_layer.png) no-repeat 0 0;transform:translateX(-50%)}
.tooltip_layer a{display:block}
.tooltip_layer.active{visibility:visible;opacity:1}
/*.tooltip_filter{top:53px;right:0px;width:255px;padding:3px 0 4px;text-align:left}*/
.tooltip_filter{top:53px;right:0px;width:270px;max-height:calc(100% - 120px);padding:3px 0 4px;text-align:left;overflow-y:auto}
.tooltip_filter dl{padding:12px 14px 10px;border-top:1px solid #eaeaea}
.tooltip_filter dl:first-child{border-top:0}
.tooltip_filter dl dt{color:#333;font-weight:500}
.tooltip_filter dl dd > *{margin-top:5px}
.tooltip_filter dl dd .radio{display:block}
.tooltip_filter dl .df{flex-wrap:wrap}
.tooltip_filter dl .df > *:not(.check_area > .checkbox){width:33.33%}
.tooltip_filter dl .df.check_area{flex-wrap:nowrap;flex-direction:column}
/*.tooltip_filter dl .df > *:nth-child(even){margin-right:0}*/
.tooltip_filter:before{left:auto;right:108px}
.tooltip_setting{top:38px;right:12px;width:79px;padding:14px}
.tooltip_setting a{margin-top:10px}
.tooltip_setting a:first-child{margin-top:0}
.tooltip_status{min-width:76px}
.tooltip_status:before{top:auto;bottom:-7px;transform:translateX(-50%) rotate(180deg)}
.tooltip_status a{min-width:56px;margin-top:5px;padding:4px 5px 3px;font-weight:500;text-align:center;border-radius:5px;background-color:#f7f7f7}
.tooltip_status a:first-child{margin-top:0}
/*.tooltip_status .status_defer{color:#959595}
.tooltip_status .status_progress{color:#76ba5d}
.tooltip_status .status_request{color:#478eff}
.tooltip_status .status_complete{color:#333}
.tooltip_status .status_close{color:#959595}
.tooltip_status .status_reopen{color:#eb5254}
.tooltip_status .status_receipt{color:#0dB9af}*/
.tooltip_status .state_color_blue{color:#428eff}
.tooltip_status .state_color_red{color:#eb5254}
.tooltip_status .state_color_green{color:#0db9af}
.tooltip_status .state_color_yellow_green{color:#76ba5d}
.tooltip_status .state_color_yellow{color:#f7a443}
.tooltip_status .state_color_purple{color:#9350e5}
.tooltip_status .state_color_skyblue{color:#98b0ec}
.tooltip_status .state_color_grey{color:#7883a0}
.tooltip_status .state_color_end{color:#90ADAC}
.prj_area .prj_header{margin-bottom:4px}
.prj_area .prj_header.kanban_tit{margin-bottom:15px;margin-right:50px}
.prj_area .prj_header.kanban_tit.integrated{max-width:1790px}
.prj_area .prj_header .prj_name{margin-top:3px;font-size:24px;font-weight:500}
.prj_area .prj_header .prj_color{display:inline-block;width:42px;height:42px;margin-right:10px;padding:9px;vertical-align:top;border:1px solid #eaeaea;border-radius:50%}
.prj_area .prj_header .prj_color p{width:100%;height:100%;border-radius:50%}
.prj_area .prj_header .btn_area{float:right;min-height:auto;padding-top:0}
.prj_area .prj_header .btn_filter.active:hover .tooltip{visibility:hidden;opacity:0}
.prj_area .prj_header .btn_type:before{content:'';display:inline-block;width:22px;height:22px;margin-top:8px;vertical-align:top;background:url(../../images/button/btn_list.svg) no-repeat 0 0}
.prj_area .prj_header .btn_type.card:before{background-image:url(../../images/button/btn_card.svg)}
/*.task_area{position:relative;overflow:hidden;margin:0 -10px;transition:padding ease .3s}*/
.task_area{position:relative;overflow:hidden;margin:0;transition:padding ease .3s}
.task_area .task_list{width:100%;height:calc(100vh - 297px)}
.task_area .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{visibility:hidden;right:-25px;opacity:0}
/*.task_area .task_detail{position:absolute;top:-1px;right:-40%;width:calc(40% - 16px);height:calc(100vh - 297px);transition:right ease .3s;background-color:#fff}*/
.task_area .task_detail{position:absolute;top:-1px;right:-616px;width:600px;height:calc(100vh - 297px);transition:right ease .3s;background-color:#fff}
.task_area .task_detail > div{height: 100%;}
.task_area .percent_bar{font-size:0}
.task_area .percent_bar .bar{display:inline-block;overflow:hidden;width:100px;height:6px;margin-top:8px;margin-right:10px;vertical-align:top;border-radius:3px;background-color:#eaeaea}
.task_area .percent_bar .bar p{height:100%;background:linear-gradient(89.95deg, #8080FF 64.46%, rgba(102, 102, 255, 0) 99.96%)}
.task_area .percent_bar .txt{display:inline-block;font-size:14px;vertical-align:top}
/*.task_area.open{margin-right:0;padding-right:calc(40% - 2px)}*/
.task_area.open{margin-right:0;padding-right:616px}
.task_area.open .task_list li{width:33.33%}
.task_area.open .task_detail{right:0}
.task_list ul{padding-top:10px}
.task_list li{position:relative;width:20%;padding:10px;background-color:#fff}
.task_list li a{display:block;position:relative;padding:19px;border:1px solid #eaeaea;border-radius:5px;background-color:#fff;transition:border-color ease .3s, background-color ease .3s}
.task_list li .percent_bar{position:absolute;top:8px;right:19px;font-size:16px}
.task_list li .percent_bar .bar{display:none}
.task_list li .percent_bar .txt{width:30px;text-align:right}
.task_list.sm_task_list li .percent_bar .txt{min-width:40px}
.task_list li .percent_bar.p100 .txt{width:24px;height:24px;font-size:0;text-indent:-9999px;background:url(../../images/icon/ico_check.svg) no-repeat 0 0}
.task_list li dl{padding-top:28px}
.task_list li dl dt{overflow:hidden;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.task_list li dl dd{margin-top:11px;padding-top:16px;border-top:1px solid #eaeaea}
.task_list li dl dd>div{padding-left:22px;line-height:16px;font-size:14px;background-repeat:no-repeat;background-position:0 0}
.task_list li dl dd>div>span{display:block;margin-right:4px}
.task_list li dl dd>div .txt{font-weight:700}
.task_list li dl dd>div + div{margin-top:10px}
.task_list li dl dd .manager{color:#767676;background-image:url(../../images/icon/ico_manager.svg);background-size:16px}
.task_list li dl dd .date_area{color:#959595;background-image:url(../../images/icon/ico_term.svg);background-size:16px}
.task_list li dl dd .hash_tag{color:#767676;font-weight:500;background-image:url(../../images/icon/ico_hash_tag.svg);background-size:16px}
.task_list li dl dd .date_area.processing_date{background-image:url(../../images/icon/ico_check2.svg)}
.task_list li dl dd .date_area{display:flex;align-items:center}
.task_list li dl dd .date_area p{color:#959595;font-weight:500}
.task_list li dl dd .error{color:#eb2554;background-image:url(../../images/icon/ico_alert.svg)}
.task_list li.complete a{background-color:#f7f7f7}
.task_list li.request a{border-color:#ccc}
.task_list li.complete a dl dt{color:#767676;text-decoration:line-through}
.task_list li dl dd .processing_date p{display:none}
.task_list li.complete dl dd .processing_date .txt{display:block}
.task_list li.complete dl dd .processing_date p{display:block;padding-right:5px}
.task_list li .comment_area{position:absolute;right:20px;bottom:46px;padding-left:20px;color:#767676;font-size:14px;font-weight:500;background-image:url(../../images/icon/ico_comment2.svg)}

.task_list.list li .comment_area{position:static}
.task_list li:hover a,
.task_list li a.active{background-color:#f7f7f7}
.task_list li.task_plan a.active{border-color:#3595d9}
.task_list li.task_design a.active{border-color:#f24949}
.task_list li.task_pub a.active{border-color:#64b247}
.task_list li.task_dev a.active{border-color:#9350e5}
.task_list li.task_infra a.active{border-color:#21bad9}
.task_list li.task_discussion a.active{border-color:#f69ace}
.task_list li.task_main a.active{border-color:#f5a018}
.task_list li.task_top a.active{border-color:#e81010}
.task_list li.task_middle a.active{border-color:#336aff}
.task_list li.task_bottom a.active{border-color:#17992f}
.task_list li.task_server a.active{border-color:#db4bbb}
.task_list li.task_inquiry a.active{border-color:#3f5dfb}
.task_list li.task_db a.active{border-color:#0d8595}
.task_list li.state_color_blue a.active{border-color:#428eff}
.task_list li.state_color_red a.active{border-color:#eb5254}
.task_list li.state_color_green a.active{border-color:#0db9af}
.task_list li.state_color_yellow_green a.active{border-color:#76ba5d}
.task_list li.state_color_yellow a.active{border-color:#f7a443}
.task_list li.state_color_purple a.active{border-color:#9350e5}
.task_list li.state_color_skyblue a.active{border-color:#98b0ec}
.task_list li.state_color_grey a.active{border-color:#7883a0}
.task_list li.state_color_end a.active{border-color:#90ADAC}

.task_list.list ul{padding-top:15px}
.task_list.list li{width:100% !important;padding-top:5px;padding-bottom:0}
.task_list.list li a{padding:12px 12px 12px 185px}
/*.task_list.list li .lbl{top:4px;height:38px;padding:8px 0 9px 14px;background:none}*/
.task_list.list li .lbl{top:4px;height:38px;width:169px}
.task_list.list li .lbl:before{content:'';position:absolute;top:0;bottom:0;left:0;width:6px;border-radius:0 10px 10px 0}
.task_list.list li .percent_bar{top:12px;height:22px;padding-left:27px;background:url(../../images/icon/ico_percent.svg) no-repeat 0 0}
.task_list.list li .percent_bar .bar{display:inline-block;margin-right:5px}
.task_list.list li .percent_bar.p100{padding-right:2px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23eaeaea%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M12%203v9h9%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.task_list.list li .percent_bar.p100 .bar{margin-right:9px}
.task_list.list li .percent_bar.p100 .bar p{display:none}
.task_list.list li dl{display:flex;align-items:center;padding-top:0}
.task_list.list li dl dt{font-size:14px}
.task_list.list li dl dd{display:flex;flex-shrink:0;margin-top:0;margin-left:auto;padding-top:0;border-top:0}
.task_list.list li.task_plan .lbl{color:#3595d9}
.task_list.list li.task_plan .lbl:before{background-color:#3595d9}
.task_list.list li.task_design .lbl{color:#f24949}
.task_list.list li.task_design .lbl:before{background-color:#f24949}
.task_list.list li.task_db .lbl{color:#0d8595}
.task_list.list li.task_db .lbl:before{background-color:#0d8595}
.task_list.list li.task_pub .lbl{color:#64b247}
.task_list.list li.task_pub .lbl:before{background-color:#64b247}
.task_list.list li.task_dev .lbl{color:#9350e5}
.task_list.list li.task_dev .lbl:before{background-color:#9350e5}
.task_list.list li.task_infra .lbl{color:#21bad9}
.task_list.list li.task_infra .lbl:before{background-color:#21bad9}
.task_list.list li.task_discussion .lbl{color:#f69ace}
.task_list.list li.task_discussion .lbl:before{background-color:#f69ace}
.task_list.list li.task_main .lbl{color:#f5a018}
.task_list.list li.task_main .lbl:before{background-color:#f5a018}
.task_list.list li.task_top .lbl{color:#e81010}
.task_list.list li.task_top .lbl:before{background-color:#e81010}
.task_list.list li.task_middle .lbl{color:#336aff}
.task_list.list li.task_middle .lbl:before{background-color:#336aff}
.task_list.list li.task_bottom .lbl{color:#17992f}
.task_list.list li.task_bottom .lbl:before{background-color:#17992f}
.task_list.list li.task_main .lbl{color:#f5a018}
.task_list.list li.task_main .lbl:before{background-color:#f5a018}
.task_list.list li.task_server .lbl{color:#db4bbb}
.task_list.list li.task_server .lbl:before{background-color:#db4bbb}
.task_list.list li.task_inquiry .lbl{color:#3f5dfb}
.task_list.list li.task_inquiry .lbl:before{background-color:#3f5dfb}
.task_list.list  li dl dd>div + div{margin-top:0;margin-left:15px}
.task_detail{position:relative;border:1px solid #eaeaea;border-radius:0 0 5px 5px;background-color:#fff}
.task_detail .mCSB_container{padding-bottom:40px}
.task_detail .btn_setting{position:absolute;top:0;right:42px;padding:5px 0}
.task_detail .btn_task_close{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:0 0 0 5px;background:#eaeaea url(../../images/button/btn_task_close.svg) no-repeat 50% 50%}
.task_detail .post_area{padding:49px 19px 0;border-bottom:1px solid #eaeaea;background-color:#fff;box-shadow:-7px 0 15px rgba(0, 0, 0, 0.05)}
.task_detail .post_area .post_header{display:flex;justify-content:space-between}
.task_detail .post_area .post_header .header_date{margin-left:15px;min-width:145px;color:#767676}
.task_detail .post_area .post_header .task_name{font-size:18px;font-weight:500;word-break:break-all}
.task_detail .post_area .post_header .manager{float:right;padding-left:27px;line-height:22px;background:url(../../images/icon/ico_manager.svg) no-repeat 0 0}
.task_detail .post_area .post_container{margin-top:13px;padding-top:15px;border-top:1px solid #eaeaea}
.task_detail .post_area .post_container .editor{line-height:1.8}
/*.task_detail .post_area .post_container .file_list{padding-top:8px}
.task_detail .post_area .post_container .file_list li{margin-top:5px;margin-right:0;padding:9px;border:1px solid #eaeaea;border-radius:10px}
.task_detail .post_area .post_container .file_list li:before{content:'';position:absolute;top:9px;left:9px;width:20px;height:20px;background:url(../../images/icon/sp_ico_filename.svg) no-repeat 0 0}
.task_detail .post_area .post_container .file_list li a{display:block;position:relative;padding-right:25px;padding-left:27px;color:#333;line-height:20px;background:url(../../images/icon/ico_download.svg) no-repeat 100% 0}
.task_detail .post_area .post_container .file_list li.doc:before,
.task_detail .post_area .post_container .file_list li.docx:before{background-position:-30px 0}
.task_detail .post_area .post_container .file_list li.hwp:before{background-position:-60px 0}
.task_detail .post_area .post_container .file_list li.pdf:before{background-position:-90px 0}
.task_detail .post_area .post_container .file_list li.ppt:before,
.task_detail .post_area .post_container .file_list li.pptx:before{background-position:-120px 0}
.task_detail .post_area .post_container .file_list li.xls:before{background-position:-150px 0}
.task_detail .post_area .post_container .file_list li.zip:before{background-position:-180px 0}
.task_detail .post_area .post_container .hash_tag{margin-bottom:16px;color:#959595;font-weight:500;line-height:1}*/

.task_detail .txt_alert{display:none;color:#eb5254;font-weight:500}
.task_detail .txt_alert.active{display:block}
.task_detail .task_option{margin-top:20px}
.task_detail .task_option > li{display:flex;padding:15px 0;border-top:1px solid #eaeaea}
.task_detail .task_option > li .th{flex-shrink:0;width:102px;padding-left:27px;font-weight:500;line-height:22px;background-repeat:no-repeat;background-position:0 0}
.task_detail .task_option > li .th.worker{background-image:url(../../images/icon/ico_worker.svg)}
.task_detail .task_option > li .th.schedule{background-image:url(../../images/icon/ico_term.svg)}
.task_detail .task_option > li .th.percent{background-image:url(../../images/icon/ico_percent.svg)}
.task_detail .task_option > li .td{display:flex;color:#767676}
.task_detail .task_option > li .td > p{margin-right:7px}
.task_detail .task_option > li .td > p:last-child{margin-right:0}

.task_detail .task_option.system_form > li .th{width:120px}
.task_detail .task_option.system_form > li .th.percent{width:100%}
.task_detail .task_option .form_area{display:flex;align-items:center;margin:5px 0 7px}
.task_detail .task_option .form_area .status{min-width:56px;height:28px;margin-right:10px;padding:4px 5px 3px;font-weight:500;text-align:center;border-radius:5px;background-color:#f7f7f7;cursor:pointer;transition:background ease .3s}
/*.task_detail .task_option .form_area .status.close{color:#959595}
.task_detail .task_option .form_area .status.complete{color:#333}
.task_detail .task_option .form_area .status.progress{color:#76ba5d}
.task_detail .task_option .form_area .status.request{color:#478eff}
.task_detail .task_option .form_area .status.reopen{color:#eb5254}*/
.task_detail .task_option .form_area .status.state_color_blue{color:#428eff}
.task_detail .task_option .form_area .status.state_color_red{color:#eb5254}
.task_detail .task_option .form_area .status.state_color_green{color:#0db9af}
.task_detail .task_option .form_area .status.state_color_yellow_green{color:#76ba5d}
.task_detail .task_option .form_area .status.state_color_yellow{color:#f7a443}
.task_detail .task_option .form_area .status.state_color_purple{color:#9350e5}
.task_detail .task_option .form_area .status.state_color_skyblue{color:#98b0ec}
.task_detail .task_option .form_area .status.state_color_grey{color:#7883a0}
.task_detail .task_option .form_area .status.state_color_end{color:#90ADAC}

.task_detail .subtask_area{padding:29px 19px 0}
.task_detail .subtask_area .subtask_tit{display:block;padding-left:27px;color:#6666ff;font-size:16px;font-weight:500;background:url(../../images/icon/ico_subtask_tit.svg) no-repeat 0 0}
.task_detail .subtask_area .subtask_list{padding-top:10px}
.task_detail .subtask_area .subtask_list li{display:flex;align-items:center;position:relative;margin-top:5px;padding:9px;border:1px solid #f7f7f7;border-radius:5px;background-color:#f7f7f7;transition:all ease .3s}
.task_detail .subtask_area .subtask_list li .status{flex-shrink:0;width:56px;margin-right:10px;padding:4px 0 3px;font-weight:500;text-align:center;border-radius:5px;background-color:#fff;cursor:pointer;transition:background ease .3s}
.task_detail .subtask_area .subtask_list li .status.defer{color:#959595}
.task_detail .subtask_area .subtask_list li .status.progress{color:#76ba5d}
.task_detail .subtask_area .subtask_list li .status.request{color:#478eff}
.task_detail .subtask_area .subtask_list li .subtask_name{width:calc(100% - 218px);height:auto;padding:0;font-weight:400;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:0;background:none}
.task_detail .subtask_area .subtask_list li .subtask_name + .tooltip_layer{top:40px;left:70px}
.task_detail .subtask_area .subtask_list li .subtask_name + .tooltip_layer:before{left:10px;transform:none}
.task_detail .subtask_area .subtask_list li .subtask_name:hover + .tooltip_layer{visibility:visible;opacity:1}
.task_detail .subtask_area .subtask_list li .datepicker{flex-shrink:0;position:relative;width:22px;height:22px;margin-left:auto;padding:0;line-height:1.5;text-align:right;border:0;border-radius:0;background:url(../../images/icon/ico_term.svg) no-repeat 0 0;cursor:pointer}
.task_detail .subtask_area .subtask_list li .datepicker.active{width:90px;background:none}
.task_detail .subtask_area .subtask_list li .datepicker.error{width:115px;padding-left:27px;color:#eb2554;background:url(../../images/icon/ico_alert.svg) no-repeat 0 0}
.task_detail .subtask_area .subtask_list li .btn_worker{flex-shrink:0;position:relative;width:22px;height:22px;margin-left:10px;background:url(../../images/icon/ico_manager.svg) no-repeat 0 0}
.task_detail .subtask_area .subtask_list li .btn_worker .name{display:none}
.task_detail .subtask_area .subtask_list li .btn_worker.active{width:auto;background:none}
.task_detail .subtask_area .subtask_list li .btn_worker.active .name{display:block}
.task_detail .subtask_area .subtask_list li .btn_remove{display:none;flex-shrink:0;width:22px;height:22px;margin-left:15px;background:url(../../images/button/btn_remove.svg) no-repeat 0 0}
.task_detail .subtask_area .subtask_list li .btn_submit{flex-shrink:0;width:22px;height:22px;margin-left:10px;background:url(../../images/button/btn_submit.svg) no-repeat 0 0}
.task_detail .subtask_area .subtask_list li:hover{border-color:#eaeaea;background-color:#fff}
.task_detail .subtask_area .subtask_list li:hover .status,
.task_detail .subtask_area .subtask_list li.focus .status,
.task_detail .subtask_area .subtask_list li.write .status{background-color:#f7f7f7}
.task_detail .subtask_area .subtask_list li:hover .subtask_name{width:calc(100% - 255px)}
.task_detail .subtask_area .subtask_list li:hover .btn_remove{display:block}
.task_detail .subtask_area .subtask_list li.focus{border-color:#6666ff;background-color:#fff}
.task_detail .subtask_area .subtask_list li.focus .subtask_name:hover + .tooltip_layer{visibility:hidden;opacity:0}
.task_detail .subtask_area .subtask_list li.write{display:none;border-color:#6666ff;background-color:#fff}
.task_detail .subtask_area .subtask_list li.write .subtask_name{width:100%}
.task_detail .subtask_area .subtask_list li.write .txt_alert{position:absolute;top:0;bottom:0;left:75px;width:calc(100% - 173px);padding-top:12px;background-color:#fff}
.task_detail .subtask_area .subtask_list li.write.active{display:flex}
.task_detail .subtask_area .btn_subtask_add{display:block;margin-top:5px}
.task_detail .comment_area{margin-top:0;padding:29px 19px 0}
.comment_area{margin-top:40px;}
.comment_area .df{align-items:center;justify-content:space-between}
.comment_area .df .comment_tit{margin-bottom:0}
.comment_area .df > *{margin-right:5px}
.comment_area .comment_tit{display:block;margin-bottom:11px;padding-left:27px;color:#6666ff;font-size:16px;font-weight:500;background:url(../../images/icon/ico_comment.svg) no-repeat 0 0}
.comment_area .comment_form{display:flex;margin-top:15px}
.comment_area .comment_form input{border-color:#6666ff;box-shadow:4px 4px 10px rgba(0, 0, 0, 0.1)}
.comment_area .comment_form .btn{flex-shrink:0;margin-left:10px}
.comment_area .comment_form + .comment_list{margin-top:30px;max-height:555px;overflow-y:scroll}
.comment_area .comment_form + .comment_list::-webkit-scrollbar{display:none}
.comment_area .comment_list > li{margin-top:10px;padding-top:12px;border-top:1px solid #eaeaea}
.comment_area .comment_list > li:first-child{margin-top:0;padding-top:0;border-top:0}
.comment_area .comment_list > li .user_info{display:flex}
.comment_area .comment_list > li .user_info .name{margin-right:10px;font-weight:500}
.comment_area .comment_list > li .user_info .date{margin-right:10px;color:#767676}
.comment_area .comment_list > li .user_info .history{max-width:330px;word-break:keep-all}
.comment_area .comment_list > li .user_info .btns{display:flex;margin-left:auto}
.comment_area .comment_list > li .user_info .btns > *{margin-right:10px}
.comment_area .comment_list > li .user_info .btns > *:last-child{margin-right:0}
.comment_area .comment_list > li .comment{margin-top:2px;word-break:break-all}
.comment_area .comment_list > li .comment_form{display:none;margin-top:5px}
.comment_area .comment_list > li.edit .user_info .btns,
.comment_area .comment_list > li.edit .comment{display:none}
.comment_area .comment_list > li.edit .comment_form{display:flex}

/***** Sortable *****/
.kanban_area{display:flex;min-width:1520px}
.kanban_area.integrated_test{min-width:1820px}
.kanban_area > div{position:relative;min-width:290px;max-width:290px;padding:0 10px;margin:5px 10px 0 0;border-radius:0 5px 5px 5px}
/*.kanban_area > div.test{background-color:#faf4e8}
.kanban_area > div.request{background-color:#478EFF33}
.kanban_area > div.reopen{background-color:#EB52542D}
.kanban_area > div.receipt{background-color:#e8faf9}
.kanban_area > div.process{background-color:#edfae8}
.kanban_area > div.progress{background-color:#76BA5D27}
.kanban_area > div.review{background-color:#f3edff}
.kanban_area > div.complete{background-color:#f2f2f2}
.kanban_area > div.close{background-color:#fafafa}
.kanban_area > div.hold{background-color:#fafafa}*/

.kanban_area > div.state_color_blue{background-color:rgba(71, 142, 255, .2)}
.kanban_area > div.state_color_red{background-color:rgba(235, 82, 84, .2)}
.kanban_area > div.state_color_green{background-color:rgba(13, 185, 175, .2)}
.kanban_area > div.state_color_yellow{background-color:rgba(247, 164, 67, .2)}
.kanban_area > div.state_color_yellow_green{background-color:rgba(118, 186, 93, .2)}
.kanban_area > div.state_color_purple{background-color:rgba(147, 80, 229, .2)}
.kanban_area > div.state_color_skyblue{background-color:rgba(152, 176, 236, .2)}
.kanban_area > div.state_color_grey{background-color:rgba(120, 131, 160, .2)}
.kanban_area > div.state_color_end{background-color:rgba(144, 173, 172, .2)}

.kanban_area > div > .tit{position:absolute;display:block;left:0;top:-5px;width:250px;padding:10px 20px;color:#fff;font-weight:500;font-size:16px;line-height:1.5;border-radius:5px 5px 5px 0}
/*.kanban_area > div.test > .tit{background-color:#f29f0c}
.kanban_area > div.request > .tit{background-color:#478eff}
.kanban_area > div.reopen > .tit{background-color:#eb5254}
.kanban_area > div.receipt > .tit{background-color:#0db9af}
.kanban_area > div.process > .tit{background-color:#76ba5d}
.kanban_area > div.progress > .tit{background-color:#76ba5d}
.kanban_area > div.review > .tit{background-color:#8547ff}
.kanban_area > div.complete > .tit{background-color:#333}
.kanban_area > div.close > .tit{background-color:#959595}
.kanban_area > div.hold > .tit{background-color:#959595}*/

.kanban_area > div.test > .tit{background-color:#f29f0c}
.kanban_area > div.state_color_blue > .tit{background-color:#428eff}
.kanban_area > div.state_color_red > .tit{background-color:#eb5254}
.kanban_area > div.state_color_green > .tit{background-color:#0db9af}
.kanban_area > div.state_color_yellow > .tit{background-color:#f7a443}
.kanban_area > div.state_color_yellow_green > .tit{background-color:#76ba5d}
.kanban_area > div.state_color_purple > .tit{background-color:#9350e5}
.kanban_area > div.state_color_skyblue > .tit{background-color:#98b0ec}
.kanban_area > div.state_color_grey > .tit{background-color:#7883a0}
.kanban_area > div.state_color_end > .tit{background-color:#90ADAC}
.kanban_area > div.hold > .tit{background-color:#959595}
.kanban_area > div > .tit .num{display:inline-block;float:right;font-size:14px;line-height:1.7;color:#fff;vertical-align:top}
/* .kanban_area > div > .tit a{float:right}
.kanban_area > div > .tit a i{color:#fff;font-size:24px} */
.kanban_area > div .btn_add{display:block;position:absolute;top:2px;right:2px;width:35px;height:35px;background-position:50% 50%;background-repeat:no-repeat}
/*.kanban_area > div.test .btn_add{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23f29f0c" stroke-width="2"%3E%3Cpath stroke-linecap="round" d="M12 8v4m0 0v4m0-4h4m-4 0H8"%2F%3E%3Ccircle cx="12" cy="12" r="10"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.request .btn_add{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%2366f" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6"%2F%3E%3C%2Fsvg%3E')}
.kanban_area > div.reopen .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2376ba5d%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.receipt .btn_add{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%230db9af" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6"%2F%3E%3C%2Fsvg%3E')}
.kanban_area > div.process .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2376ba5d%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.review .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238547ff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.progress .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238547ff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.complete .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.close .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.hold .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}*/

.kanban_area > div. .btn_add{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23f29f0c" stroke-width="2"%3E%3Cpath stroke-linecap="round" d="M12 8v4m0 0v4m0-4h4m-4 0H8"%2F%3E%3Ccircle cx="12" cy="12" r="10"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.state_color_blue .btn_add{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%2366f" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6"%2F%3E%3C%2Fsvg%3E')}
.kanban_area > div.state_color_red .btn_add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 256 256'%3E%3Cpath fill='%23eb5254' d='M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m0 192a84 84 0 1 1 84-84a84.09 84.09 0 0 1-84 84m52-84a12 12 0 0 1-12 12h-28v28a12 12 0 0 1-24 0v-28H88a12 12 0 0 1 0-24h28V88a12 12 0 0 1 24 0v28h28a12 12 0 0 1 12 12'/%3E%3C/svg%3E")}
.kanban_area > div.state_color_green .btn_add{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%230db9af" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6"%2F%3E%3C%2Fsvg%3E')}
.kanban_area > div.state_color_yellow_green .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2376ba5d%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.state_color_purple .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238547ff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div.state_color_yellow .btn_add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 256 256'%3E%3Cpath fill='%23f7a443' d='M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m0 192a84 84 0 1 1 84-84a84.09 84.09 0 0 1-84 84m52-84a12 12 0 0 1-12 12h-28v28a12 12 0 0 1-24 0v-28H88a12 12 0 0 1 0-24h28V88a12 12 0 0 1 24 0v28h28a12 12 0 0 1 12 12'/%3E%3C/svg%3E")}
.kanban_area > div.state_color_skyblue .btn_add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 256 256'%3E%3Cpath fill='%236789c2' d='M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m0 192a84 84 0 1 1 84-84a84.09 84.09 0 0 1-84 84m52-84a12 12 0 0 1-12 12h-28v28a12 12 0 0 1-24 0v-28H88a12 12 0 0 1 0-24h28V88a12 12 0 0 1 24 0v28h28a12 12 0 0 1 12 12'/%3E%3C/svg%3E")}
.kanban_area > div.state_color_grey .btn_add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 256 256'%3E%3Cpath fill='%237883a0' d='M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m0 192a84 84 0 1 1 84-84a84.09 84.09 0 0 1-84 84m52-84a12 12 0 0 1-12 12h-28v28a12 12 0 0 1-24 0v-28H88a12 12 0 0 1 0-24h28V88a12 12 0 0 1 24 0v28h28a12 12 0 0 1 12 12'/%3E%3C/svg%3E")}
.kanban_area > div.state_color_end .btn_add{}
.kanban_area > div.hold .btn_add{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23959595%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-3-3v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
/*.kanban_area > div .job_demand{min-height:calc(100vh - 360px);height:100%;padding-top:50px}*/
/*.kanban_area > div .job_demand{-ms-overflow-style:none;margin-top:50px;height:calc(100vh - 366px);overflow-y:auto}*/
.kanban_area > div .job_demand{-ms-overflow-style:none;margin-top:50px;height:calc(100vh - 366px);overflow-y:scroll}
.kanban_area > div .job_demand::-webkit-scrollbar{display:none}
.kanban_area > div .job_demand .job_item{position:relative;margin-bottom:10px;padding:15px 20px;background-color:#fff;border-radius:5px}
.kanban_area > div .job_demand .job_item > a{display:block}
.kanban_area > div .job_demand .job_item .btn_more{display:none;position:absolute;top:13px;right:20px;width:37px;height:32px;border-radius:40px;border:5px solid #fff;background:#eaeaea url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="%23959595" d="M3 9.5a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;z-index:1000}
.kanban_area > div .job_demand .job_item .btn_more.active{display:block}
.kanban_area > div .job_demand .job_item .tit_area{padding-bottom:10px;border-bottom:1px solid #eaeaea}
.kanban_area > div .job_demand .job_item .tit_area .job_tit{font-size:16px;line-height:24px;font-weight:500}
.kanban_area:not(.integrated_test) > div .job_demand .job_item .tit_area .job_tit{display:inline-block;max-width:calc(100% - 22px);vertical-align:top}
.kanban_area > div .job_demand .job_item .tit_area .label{float:right;display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:50% 50%;vertical-align:middle}
.kanban_area > div .job_demand .job_item .tit_area .label.fc_red{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23eb5254%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%208v4m0%204h.01%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div .job_demand .job_item .tit_area .label.fc_green{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2376ba5d%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%208v4m0%204h.01%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div .job_demand .job_item .tit_area .label.fc_skyblue{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2222%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f7a443%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%208v4m0%204h.01%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div .job_demand .job_item .info_area{margin-top:14px}
.kanban_area > div .job_demand .job_item .info_area > dl{margin-bottom:7px}
.kanban_area > div .job_demand .job_item .info_area > dl:last-child{margin-bottom:0}
.kanban_area > div .job_demand .job_item .info_area > dl dt{min-width:80px;color:#959595;font-weight:500}
.kanban_area > div .job_demand .job_item .info_area > dl dt.user.on{color:#6666FF}
.kanban_area > div .job_demand .job_item .info_area > dl dt:before{content:'';display:inline-block;width:22px;height:22px;margin-right:5px;background-repeat:no-repeat;background-position:50% 50%;vertical-align:top}
.kanban_area > div .job_demand .job_item .info_area > dl dt.user.charger_cnt:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23959595" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"%2F%3E%3Ccircle cx="9" cy="7" r="4"%2F%3E%3Cpath d="M22 21v-2a4 4 0 0 0-3-3.87m-3-12a4 4 0 0 1 0 7.75"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.kanban_area > div .job_demand .job_item .info_area > dl dt.user.comment_cnt:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23959595" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 20l-3-3H7a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-2l-3 3M8 9h8m-8 4h6"%2F%3E%3C%2Fsvg%3E')}
.kanban_area > div .job_demand .job_item .info_area > dl dt.file_cnt:before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="m18.1 12.4l-6.2 6.2c-1.7 1.7-4.4 1.7-6 0c-1.7-1.7-1.7-4.4 0-6l8-8c1-.9 2.5-.9 3.5 0c1 1 1 2.6 0 3.5L10.5 15c-.3.3-.8.3-1.1 0c-.3-.3-.3-.8 0-1.1l5.1-5.1c.4-.4.4-1 0-1.4c-.4-.4-1-.4-1.4 0L8 12.6c-1.1 1.1-1.1 2.8 0 3.9c1.1 1 2.8 1 3.9 0l6.9-6.9c1.8-1.8 1.8-4.6 0-6.4c-1.8-1.8-4.6-1.8-6.4 0l-8 8c-1.2 1.2-1.8 2.8-1.8 4.4c0 3.5 2.8 6.2 6.3 6.2c1.7 0 3.2-.7 4.4-1.8l6.2-6.2c.4-.4.4-1 0-1.4s-1-.4-1.4 0z"%2F%3E%3C%2Fsvg%3E')}
.kanban_area > div .job_demand .job_item .info_area > dl dd{min-width:calc(100% - 80px);padding-left:15px}
.kanban_area > div .job_demand .job_item .info_area > dl dd .date{display:inline-block;color:#333;vertical-align:top}

/*dhx tree*/
.dhxtreeview_item_text .dhxtreeview_item_label .btn_all{display:inline-block;margin-top:7px;color:#0d2040;vertical-align:top}
.dhxtreeview_item_text .dhxtreeview_item_label .btn_all i{font-size:17px}

/***** layer popup *****/
.pop_layer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.pop_layer.active{display:block}
.pop_layer .btn_close{position:absolute;top:40px;right:40px;width:22px;height:22px;background:url(../../images/button/pop_close.svg) no-repeat 0 0;z-index:1}
.pop_layer .popup{position:absolute;top:50%;right:0;left:0;width:680px;max-width:calc(100% - 40px);max-height:calc(100% - 60px);margin:auto;padding:37px 40px 40px;border-radius:5px;background-color:#fff;box-shadow:8px 8px 35px rgba(0, 0, 0, 0.13);transform:translateY(-50%)}
.pop_layer .popup.sm{width:560px}
.pop_layer .popup.md{width:840px}
.pop_layer .popup .pop_header{position:relative}
.pop_layer .popup .sec_tit{margin-top:0;padding-right:30px}
.pop_layer .popup .pop_cont{height:100%;margin:0 -40px -40px;-ms-overflow-style:none;scrollbar-width:none}
.pop_layer .popup .pop_cont::-webkit-scrollbar{display:none}
.pop_layer .popup .pop_cont.os-host{padding:0 40px 40px}
.pop_layer .popup .pop_cont.os-host > .os-scrollbar-vertical{right:40px;bottom:40px}
.pop_layer .popup .pop_cont.os-host > .os-scrollbar-horizontal{right:40px;bottom:40px;left:40px;}
.pop_layer .popup .pop_cont.os-host-overflow-y > .os-scrollbar-horizontal{right:70px}
.pop_layer .popup .pop_cont.os-host-overflow-y > .os-padding > .os-viewport > .os-content{padding-right:35px}
.pop_layer .popup .pop_cont.os-host-overflow-x > .os-padding > .os-viewport > .os-content{padding-bottom:37px}
.pop_layer .popup .pop_cont.os-host-scrollbar-horizontal-hidden.os-host-scrollbar-vertical-hidden > .os > .os-viewport > .os-content{padding:0 40px 40px}
.pop_layer .popup .pop_cont table{border-collapse:separate}
.pop_layer .popup .posa.date{top:3px;right:0}
.pop_layer .popup .btn_area{min-height:62px;padding-top:20px}
.pop_layer .popup .subtask_tit{display:block;padding-left:27px;color:#6666ff;font-size:16px;font-weight:500;background:url(../../images/icon/ico_subtask_tit.svg) no-repeat 0 0}
.pop_layer .popup .pop_cont.no_scroll{margin: 0;max-height:calc(100% - 45px);overflow-y:auto}
.user_select{display:inline-block;margin-left:20px;font-size:13px;line-height:22px;vertical-align:top}
.user_select i{margin-right:2px;font-size:16px;line-height:22px;vertical-align:top}

/***** window popup *****/
.pop_window{position:relative;background-color:#fff}
.pop_window .popup{overflow-y:auto;position:relative;height:100%;padding:37px 40px 40px}
.pop_window .popup .sec_tit{margin-top:0;padding-right:30px}
.pop_window .popup .pop_btn_area{min-height:62px;padding-top:20px;text-align:right}
.pop_window .popup .num_list > li{padding-left:16px;text-indent:-16px}
.pop_window .popup .num_list > li *{text-indent:0}
.estimate_popup{width:760px}
.estimate_popup .popup{height:auto}
.estimate_popup .popup .btn_print{position:absolute;top:5px;right:20px}
.estimate_popup .popup .tbl_list tfoot th, .estimate_popup .popup .tbl_list tfoot td{color:#333;font-weight:700;background-color:#f5f8fc}
.estimate_popup .popup .tbl_list tfoot th{border-left:1px solid #d9d9d9}
.estimate_popup .popup .tbl_list tbody td.depth01{padding-left:128px}
.estimate_popup .popup .tbl_list tbody td.depth02{padding-left:148px}
.estimate_popup .popup .tbl_list tbody td.depth03{padding-left:168px}
.estimate_popup .popup .tbl_list tbody td.depth04{padding-left:188px}
.estimate_popup .popup .num_list{padding:13px 10px}

/***** toast message *****/
.toast{position:fixed;top:115px;left:50%;padding:15px 20px;transform:translate(-50%, 10px);border-radius:30px;overflow:hidden;font-size:.9rem;opacity:0;visibility:hidden;transition:opacity .5s, visibility .5s, transform .5s;background:rgba(0, 0, 0, .55);color:#fff;z-index:10000}
.toast.reveal{opacity:1;visibility:visible;transform:translate(-50%, 0)}

.kanban_box.os-host > .os-size-auto-observer{height:auto !important}

.txt_request{color:#478eff}
.txt_reopen{color:#eb5254}
.txt_progress{color:#76ba5d}
.txt_complete{color:#333}
.txt_close{color:#959595}
.txt_receipt{color:#0dB9af}
.txt_inquiry{color:#f7a443}
.txt_re_inquiry{color:#9350e5}

.lbl.txt_request{background-color:#478eff}
.lbl.txt_reopen{background-color:#eb5254}
.lbl.txt_progress{background-color:#76ba5d}
.lbl.txt_complete{background-color:#333}
.lbl.txt_close{background-color:#959595}
.lbl.txt_receipt{background-color:#0dB9af}
.lbl.txt_inquiry{background-color:#f7a443}
.lbl.txt_re_inquiry{background-color:#9350e5}

.task_list.list li .lbl.txt_request{color:#478eff !important}
.task_list.list li .lbl.txt_request:before{background-color:#478eff !important}
.task_list.list li .lbl.txt_reopen{color:#eb5254 !important}
.task_list.list li .lbl.txt_reopen:before{background-color:#eb5254 !important}
.task_list.list li .lbl.txt_progress{color:#76ba5d !important}
.task_list.list li .lbl.txt_progress:before{background-color:#76ba5d !important}
.task_list.list li .lbl.txt_complete{color:#333 !important}
.task_list.list li .lbl.txt_complete:before{background-color:#333 !important}
.task_list.list li .lbl.txt_close{color:#959595 !important}
.task_list.list li .lbl.txt_close:before{background-color:#959595 !important}
.task_list.list li .lbl.txt_receipt{color:#0dB9af !important}
.task_list.list li .lbl.txt_receipt:before{background-color:#0dB9af !important}
.task_list.list li .lbl.txt_inquiry{color:#f7a443 !important}
.task_list.list li .lbl.txt_inquiry:before{background-color:#f7a443 !important}
.task_list.list li .lbl.txt_re_inquiry{color:#9350e5 !important}
.task_list.list li .lbl.txt_re_inquiry:before{background-color:#9350e5 !important}



.term_area{display:flex;align-items:center}
.term_area .area{display:flex;align-items:center;width:99px}
.term_area .swung{display:block;margin:0 8px}
.term_area .area label{display:block;width:20px;height:20px;margin-left:4px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23959595" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath d="M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16"%2F%3E%3Cpath d="M8 15h2v2H8z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.term_area input{border:none;padding:0;color:#767676}

.datepicker_area{display:flex;align-items:center}
.datepicker_area + *{margin-left:20px}
.datepicker_area .term_area{margin:0 10px}
.datepicker_area .term_area .area{position:relative;width:155px}
.datepicker_area .term_area input{border:1px solid #eaeaea;padding:0 50px 0 19px;color:#767676}
.datepicker_area .term_area .area label{position:absolute;right:0;top:0;width:42px;height:42px;border-radius:999px;background:#eaeaea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.25rem' height='1.25rem' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16'/%3E%3Cpath d='M8 15h2v2H8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%}

.state_area{display:flex;flex-wrap:wrap;margin:10px 0 40px}
.state_area>dl{position:relative;display:flex;align-items:center;justify-content:space-between;width:calc(25% - 9px);margin:12px 12px 0 0;height:52px;padding:20px 20px 20px 56px;border:1px solid #eaeaea;border-radius:4px;background-color:#fff !important;overflow:hidden;cursor: pointer}
.state_area>dl:nth-child(4n){margin-right:0}
.state_area>dl dt{display:flex;align-items:center;font-weight:700;color:#767676;line-height:1}
.state_area>dl dt .chip.sm{margin-left:4px}
.state_area>dl dd{collor:#767676;font-weight:500;line-height:1}
.state_area>dl dd>span{color:#333;font-weight:700;font-size:20px;margin-right:2px}
.state_area>dl:before{content:'';position:absolute;left:0;top:0;width:40px;height:52px;background-color:#f7f7f7;background-position:50% 50%;background-repeat:no-repeat;border-right:1px solid #eaeaea;border-radius:4px 0  0 4px}
/*.state_area>dl.state_request:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23478EFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1m6-10.273A11.05 11.05 0 0 0 18.206 3M3 6.727A11.05 11.05 0 0 1 5.792 3'/%3E%3C/svg%3E")}
.state_area>dl.state_re_request:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23EB5254' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 17a3 3 0 0 0 3 3m7.805-13.63l2.783-2.784a2 2 0 1 1 2.829 2.828L17.633 9.2'/%3E%3Cpath d='M16.505 7.495a5.105 5.105 0 0 1 .176 7.035l-.176.184l-1.867 1.867a3.48 3.48 0 0 0-1.013 2.234l-.008.23v.934c0 .327-.13.64-.36.871a.51.51 0 0 1-.652.06l-.07-.06l-9.385-9.384a.51.51 0 0 1 0-.722c.198-.198.456-.322.732-.353l.139-.008h.933c.848 0 1.663-.309 2.297-.864l.168-.157l1.867-1.867l.16-.153a5.105 5.105 0 0 1 7.059.153'/%3E%3C/g%3E%3C/svg%3E")}
.state_area>dl.state_receipt:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230DB9AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 21H6a3 3 0 0 1-3-3v-1h10v2a2 2 0 0 0 4 0V5a2 2 0 1 1 2 2h-2m2-4H8a3 3 0 0 0-3 3v11M9 7h4m-4 4h4'/%3E%3C/svg%3E")}
.state_area>dl.state_progress:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2376BA5D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 9h.01M9 17h.01M12 16l1 1l3-3'/%3E%3C/g%3E%3C/svg%3E")}
.state_area>dl.state_complete:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23959595' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 9l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E")}
.state_area>dl.state_end:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23959595' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E")}
.state_area>dl.state_inquiry:before{background-image:url(../../images/icon/ico_message.svg)}
.state_area>dl.state_re_inquiry:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%239350E5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.02 19.52c-2.341.736-5 .606-7.32-.52L3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c1.649 1.407 2.575 3.253 2.742 5.152M19 22v.01'/%3E%3Cpath d='M19 19a2.003 2.003 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483'/%3E%3C/g%3E%3C/svg%3E")}*/
.state_area>dl.state_color_blue:before{background-color:#428eff}
.state_area>dl.state_color_red:before{background-color:#eb5254}
.state_area>dl.state_color_green:before{background-color:#0db9af}
.state_area>dl.state_color_yellow_green:before{background-color:#76ba5d}
.state_area>dl.state_color_yellow:before{background-color:#f7a443}
.state_area>dl.state_color_purple:before{background-color:#9350e5}
.state_area>dl.state_color_skyblue:before{background-color:#98b0ec}
.state_area>dl.state_color_grey:before{background-color:#7883a0}
.state_area>dl.state_color_end:before{background-color:#90ADAC}

.chip{display:inline-block;min-width:60px;padding:8px 6px;text-align:center;color:#478eff;line-height:1;font-weight:700;font-size:12px;border-radius:999px;background-color:rgba(71, 142, 255, 0.10)}
/*.chip.fill_red{color:#eb5254;background-color:rgba(235, 82, 84, 0.10)}
.chip.fill_blue_green{color:#0db9af;background-color:rgba(13, 185, 175, 0.10)}
.chip.fill_green{color:#76ba5d;background-color:rgba(118, 186, 93, 0.10)}
.chip.fill_grey{color:#767676;background-color:rgba(51, 51, 51, 0.10)}
.chip.fill_grey02{color:#959595;background-color:rgba(149, 149, 149, 0.10)}
.chip.fill_orange{color:#f7a443;background-color:rgba(247, 164, 67, 0.10)}
.chip.fill_purple{color:#9350e5;background-color:rgba(147, 80, 229, 0.10)}*/
.chip.state_color_blue{color:#428eff;background-color:rgba(71, 142, 255, .10)}
.chip.state_color_red{color:#eb5254;background-color:rgba(235, 82, 84, .10)}
.chip.state_color_green{color:#0db9af;background-color:rgba(13, 185, 175, .10)}
.chip.state_color_yellow{color:#f7a443;background-color:rgba(247, 164, 67, .10)}
.chip.state_color_yellow_green{color:#76ba5d;background-color:rgba(118, 186, 93, .10)}
.chip.state_color_purple{color:#9350e5;background-color:rgba(147, 80, 229, .10)}
.chip.state_color_skyblue{color:#98b0ec;background-color:rgba(152, 176, 236, .10)}
.chip.state_color_grey{color:#7883a0;background-color:rgba(120, 131, 160, .10)}
.chip.state_color_end{color:#90ADAC;background-color:rgba(144, 173, 172, .10)}
.chip.sm{min-width:20px;padding:4px 6px;color:#fff;font-size:10px}
.chip.sm.fill_state{background-color:#eb5254}

/*** 처리상태 등록/수정 ***/
.df.register > div{width:calc(50% - 40px)}
.df.register > .state_list{margin-left:40px}
.df.register > .state_list > .df > .btn.btn_icon{width:42px;height:42px}
.df.register > .state_list .tbl_write tbody td{border-right:0}
.df.register > .state_list .tbl_write tbody td > a{cursor:pointer}
.df.register > .state_list .tbl_write tbody td > a > svg{width:16px;height:20px}
.df.register > .state_list .btn_area{display:flex;justify-content:space-between;align-items:center}
.df.register > .state_list .btn_area p{font-size:16px}
.state_color_blue{background-color:#428eff}
.state_color_red{background-color:#eb5254}
.state_color_green{background-color:#0db9af}
.state_color_yellow_green{background-color:#76ba5d}
.state_color_yellow{background-color:#f7a443}
.state_color_purple{background-color:#9350e5}
.state_color_skyblue{background-color:#98b0ec}
.state_color_grey{background-color:#7883a0}
.state_color_end{background-color:#90ADAC}

/*** 담당자선택 팝업***/
.user_list > a{width:calc(25% - 20px)}
.select_user_area{margin-top:20px;width:100% !important}
.select_user_area .tit_area{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.select_user_area .select_list > p{display:inline-block;margin-left:20px;width:calc(25% - 20px)}
.select_user_area .select_list > p > span{width:auto}

/* 컨텐츠 박스 고정 */
.container_box > .os-padding > .os-viewport > .os-content{min-width:1320px}
.container_box_kanban .tab_area .tab_cont .cont:not(.kanban){overflow-x: auto}
.container_box_kanban .tab_area .cont .task_area{min-width:1420px}