.tab_ty2 > .enCss li button[data-v-6c74e66f] { padding: 0; } .pw-box .enCss > li > dl > dt[data-v-74050808] { width: 120px; } @charset "UTF-8"; /*============================================ MAIN LAYOUT ============================================*/ .mbs-header {height: 128px;} .mbs-header .inner {padding-top: 50px;} .mbs-inner { position: absolute; left: calc(50% - 500px); top: calc(50% - 317px); width:1000px; height:634px; } .mbs-inner > div {height: 100%;} .mbs-left { float: left; width: 50%; padding-top:164px; padding-left:70px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; background-color: #000; } .mbs-left .tit { position: relative; margin-bottom: 58px; font-family: 'LifeplusB'; font-size: 34px; color: #fff; } .mbs-left .tit::before { display: block; content: ''; position: absolute; left: 0; bottom: -26px; width:70px; height: 4px; background-color: #fff; } .mbs-left .txt { font-family: 'LifeplusL'; line-height: 36px; margin-bottom: 90px; font-size: 24px; color: #fff; } .mbs-left ul {} .mbs-left ul > li { float:left; min-width: 97px; height: 60px; line-height: 60px; padding: 0 10px; font-size: 18px; color:#fff; text-align: center; vertical-align: middle; border-radius: 4px; border: solid 1px rgba(255,255,255,.5); } .mbs-left ul > li + li {margin-left: 4px;} .mbs-left ul > li:first-child {line-height: 1; padding-top: 21px;} .mbs-right { position: relative; float: right; width: 50%; padding-top: 87px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-color: #fff; } .mbs-right .tit { position: relative; margin-bottom: 106px; font-family: 'LifeplusB'; font-size: 36px; color: #000; text-align: center; } .mbs-right .tit::before { display: block; content: ''; position: absolute; left: calc(50% - 35px); bottom: -32px; width:70px; height: 4px; background-color: #000; } .mbs025 .mbs-right .tit::before { bottom: -19px; } .mbs-right .tit + .txt {margin-top: -57px} .mbs-right .tit + .txt + fieldset {margin-top: 30px} .mbs-right .txt { line-height: 1.43; font-size: 14px; color: #000; text-align: center; } .mbs-right fieldset {text-align: center;} .mbs-right fieldset .input-box {width: 300px; min-height: 78px; margin:0 auto;} .mbs-right fieldset .input-box + .input-box {} .mbs-right fieldset .input-box .input-txt-del {top: calc(50% - 26px)} .mbs-right fieldset input::-webkit-input-placeholder {color: #e3e3e3 !important;} .mbs-right fieldset input::-moz-placeholder {color: #e3e3e3 !important;} .mbs-right fieldset input::-ms-input-placeholder {color: #e3e3e3 !important;} .mbs-right fieldset input::placeholder {color: #e3e3e3 !important;} .mbs-right fieldset input { height: 50px; padding: 0; font-size: 18px; border: 0 none; border-bottom: 1px solid #e6e6e8 !important; } .mbs-right fieldset input::-webkit-input-placeholder {color: #e3e3e3} .mbs-right fieldset input::-moz-placeholder {color: #e3e3e3} .mbs-right fieldset input::-ms-input-placeholder {color: #e3e3e3} .mbs-right fieldset input::placeholder {color: #e3e3e3} .mbs-right fieldset .btn_login { width: 300px; height: 54px; line-height: 54px; margin: 12px auto 0; font-size: 24px; color: #fff; text-align: center; border-radius: 27px; background-color: #000; } .mbs-right fieldset .ref { width: 300px; margin: 0 auto; padding-top: 16px; font-size: 12px; color:#999; text-align: left; } .resetpw { margin-top: 17px; font-size: 14px; color: #000; text-decoration: underline; } .logo_area { position: absolute; left:0; bottom: 50px; width: 100%; text-align: center; } .logo_area div { display: inline-block; text-indent: -999em; font-size:0; color: transparent; vertical-align: middle; } .lifeplus_logo { width: 96px; height: 25px; margin-right: 30px; background: url(data:image/png;base64,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); } .hw_logo { width: 106px; height: 35px; background: url(data:image/png;base64,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); } .hw-logijn_wrap .hw-footer_wrap {position: absolute; left: 0; bottom: 0} .error-list { line-height: 1.33; text-align: left; } .error-list .normal:first-child {margin-top: 7px} .error-list .normal { text-indent: -10px; padding-left: 10px; color: #999; } .error-list div { margin-top: 8px; font-family: 'LifeplusM'; font-size: 12px; color: #999; } /* 본인확인 */ .mbs003 .modal-content {height: auto;; padding-top: 0; padding-bottom:0} .mbs003 .input-box {width: 300px; min-height: 82px; margin:0 auto;} .mbs003 .input-box + .input-box {} .mbs003 .input-box .input-txt-del {top: calc(50% - 10px)} .mbs003 .input-box input { height: 50px; padding: 0; font-size: 18px; border: 0 none; border-bottom: 1px solid #e6e6e8; } .mbs003 input::-webkit-input-placeholder {color: #e3e3e3} .mbs003 input::-moz-placeholder {color: #e3e3e3} .mbs003 input::-ms-input-placeholder {color: #e3e3e3} .mbs003 input::placeholder {color: #e3e3e3} .mbs003 .setp1 {margin-top: 41px; margin-bottom: 17px} .mbs003 .setp2 {margin-top: 87px; margin-bottom: 53px} .mbs003 .modal-footer { /* bottom: 284px; */ height: auto; padding: 0 30px 0; } .mbs003 .win-fotter-info {margin-top: 30px} .mbs003 .modal-footer .win-fotter-info {text-align: left;} /* 비밀번호 재설정 */ .mbs004 .input-box:first-child {min-height: 151px;} .mbs004 .mbs-right fieldset .btn_login {margin-top: 28px} /* 회원가입 */ .mbs-wrap .hw-footer_wrap { position: absolute; left:calc(50% - (1180px/2)); bottom: 0; width:1180px; padding-left:0; padding-right: 0; border-top: 1px solid #d3d4d6; } .mbs-wrap.mbs009 {height: 1118px;} .mbs-wrap.mbs009 .hw-footer_wrap {bottom: -171px} .mbs009 .mbs-inner {height: 100%; top: 100px;} .mbs009 .mbs-inner > div {height: 913px;} .mbs009 input[type="text"], .mbs009 input[type="number"], .mbs009 input[type="password"], .mbs009 input[type="tel"] {font-family: 'LifeplusB';} .mbs009 .mbs-right fieldset {margin-top: -55px} .mbs009 .mbs-right fieldset .input-box:nth-child(-n + 3), .mbs009 .mbs-right fieldset .input-box:nth-child(6) {min-height: 65px;} .mbs009 .mbs-right fieldset .input-box:nth-child(4) {min-height: 178px;} .mbs009 .mbs-right fieldset .input-box:nth-child(5) {min-height: 72px;} .mbs009 .mbs-right fieldset .input-box:nth-child(7) {min-height: 84px;} .mbs009 .mbs-right fieldset .input-box .time {right: 0;} .mbs009 .mbs-right fieldset input:-moz-read-only {border-bottom: 1px solid #e6e6e8;} .mbs009 .mbs-right fieldset input:read-only {border-bottom: 1px solid #e6e6e8;} .mbs009 .mbs-right fieldset input[type="tel"] { width: 100%; text-align: left; } .mbs009 .mbs-right fieldset input:valid + .btn-primary-small { border-color:#000; background-color: #000; } .mbs009 .mbs-right fieldset input + .btn-primary-small { border-color:#d3d4d6; background-color: #d3d4d6; } .mbs009 .mbs-right fieldset .txtl { width: 300px; margin:0 auto; } .mbs009 .mbs-right fieldset .txtl label { width: 300px; margin:0 auto; font-size: 14px; color: #666; } .mbs009 .mbs-right fieldset .txtl label b {color: #000; text-decoration: underline;} .mbs009 .mbs-right fieldset .btn_login {margin-top: 45px} .mbs009 .scroll-box { display: none; position: absolute; top: 49px; left: 0; width: 300px; padding: 10px 6px 0 0; border: solid 1px #000; background-color: #fff; z-index: 10; } .mbs009 .input-box input:valid + .scroll-box {display: block;} .mbs009 .scroll-box > ul { text-align: left; height: 146px; padding-right: 5px; margin-bottom: 10px; overflow-y: auto; } .mbs009 .scroll-box > ul > li {height: 33px; line-height: 33px;} .mbs009 .scroll-box > ul > li:hover {background-color: #eaecf0;} .mbs009 .scroll-box > ul > li > button { padding-left: 15px; font-size: 14px; color: #666; } .mbs009 .scroll-box > ul > li > button b {color: #000} .mbs009 .scroll-box .add-box { position: relative; width: calc(100% + 6px); height: 33px; padding-left: 15px; font-size: 14px; color: #000; text-align: left; border-top: 1px solid #d3d4d6; } .mbs009 .scroll-box .add-box::after { position: absolute; right: 15px; top: calc(50% - 6px); display: block; content: ''; width: 12px; height: 12px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -445px -109px; } .mbs012a .pw-box {height: 377px;} .mbs012b .pw-box {height: 394px;} .mbs012b .info b {color: #000;} .mbs012b .info .info-tooltip {vertical-align: middle;} .mbs012c .info .tooltip-b .ref li, .mbs012b .info .tooltip-b .ref li { padding-left: 8px; text-indent: -8px; font-size: 12px; color: #999; } .mbs012b .pw-box .list-table > li > dl > dt, .mbs012c .pw-box .list-table > li > dl > dt {width: 114px;} .mbs012b .pw-box .list-table > li > dl > dd, .mbs012c .pw-box .list-table > li > dl > dd {width: calc(100% - 114px);} .mbs012b .pw-box .list-table > li > dl > dd .btn-primary-small, .mbs012c .pw-box .list-table > li > dl > dd .btn-primary-small {margin-left: 4px;} .mbs012b .list-table > li:nth-child(1) > dl > dd form, .mbs012b .list-table > li:nth-child(1) > dl > dd .input-box {display: inline-block;} .mbs012b .list-table > li:nth-child(1) > dl > dd .input-box {width: 97px} .mbs012b .list-table > li:nth-child(4) > dl > dd .input-box .time {top: 6px; right: 13px} .mbs012b .list-table > li:nth-child(4) > dl > dd .input-box input[type="tel"] {text-align: left;} .mbs012b .list-table > li:nth-child(4) > dl > dd .input-box { position: relative; display: inline-block; width: 218px; } .mbs012b .list-table > li:nth-child(4) > dl > dd > div+ div {margin-top: 8px;} .mbs012b .list-table > li > dl > dd input {width: 100%} .mbs014 .pw-box {padding-top: 123px;} /* mbs015 -비밀번호 변경 */ .mbs015 .box { padding: 0 25px;} .mbs015 .box .tit { padding-bottom: 8px; font-size: 14px; color: #666; } .mbs015 .box .input-box + .tit {margin-top: 17px;} /* 로그인화면 (외부시스템) 인증번호 */ .input-box .time { position: absolute; right: 76px; top: 15px; font-size: 12px; color: #000; } .input-box .time span { display: inline-block; margin-left: -3px } .input-box .btn-primary-small {position: absolute; right: 0; top: 10px} .mbs020 .mbs-right .tit + .txt + fieldset {margin-top: 34px} .mbs020 .mbs-right fieldset .btn_login {margin-top: 24px;} .mbs020 .mbs-right fieldset .certification-txt + .btn_login{margin-top:0;} .mbs020 .radio-box {margin-left: 100px; margin-bottom: 16px} .mbs020.mbs025 .radio-box{margin-left:0; text-align:center;} .mbs020 .radio-box label + input + label {margin-left: 32px;} .radio-box {text-align: left;} /* 회원가입 신청 완료 */ .mbs022 .txt1 { padding-top: 75px; font-size: 24px; color: #000; text-align: center; } .mbs022 .txt2 { line-height: 1.67; margin-top: 17px; font-size: 18px; color: #666; text-align: center; } /* mbs023 회원탈퇴 */ .mbs023 .txt1 { padding: 21px 24px 25px; border: solid 1px #d3d4d6; background-color: #fff; } .pw-box .info { padding-bottom: 7px; color: #999; } .pw-box .info > b { color:#000; } .photo-box .photo-edit .info { line-height: 16px; margin-top: 4px; font-size: 12px; color: #999; } .photo-box .photo-edit { position: absolute; left: 40px; top: 240px; width: 116px; text-align: center; } .photo-box .photo img {width: 100%; height: 158px;} .photo-box .photo { position: absolute; left: 40px; top: 70px; width: 116px; height: 158px; border:1px solid #d3d4d6; background: #eff2f7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAIAAABJgmMcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdBNDVBMEJCM0RDMzExRUI4RDJGRDkzN0I4QUZDNDNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdBNDVBMEJDM0RDMzExRUI4RDJGRDkzN0I4QUZDNDNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0E0NUEwQjkzREMzMTFFQjhEMkZEOTM3QjhBRkM0M0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0E0NUEwQkEzREMzMTFFQjhEMkZEOTM3QjhBRkM0M0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz60JQplAAADLUlEQVR42uzc6U8TQRzGcTGmjXShSCkENIrSNHKHSwSRS6PEF/6TvjExvjG+MdF4BRGBcDQcYrk8gIDIUQtp6wufZOJkU8UIEaXk+4RsptuZ39IPM7MbXjRrfWvnGPl7OQ4BoIACSgAFFFACKKCAEkABBRRQAiiggBJAAQWUAAoooARQQAEFlAAKKKAEUEABJYACCigBFFBAASWAAgooARRQQAmggAJKDgr03t07E+Nj9uXS4ied+fOx6g9oesYjo5ubG6adTCb3NHav/Q9PThxc6Zxcf1/vi55bt9PO72xvDw32Ly1+9Hq9ofDFisqa3Sq86X/lOI7+MCrV2HR5anJcowLBwpaWqyezs9UhOj1l1sHZ0gvv3k62tXcXl5w29b+srTq5/rKy8If3823tXe7ruitk0gwtr6jW0b3wTZ4/e6xj17WbtXVNEtHPbhUW5maWl5fU0+P1Pn3yKD8QUFvn5WI1VaS1rfNrLGbntanf0X2jvLxqdHhAgqZaX99Lc13HyTF9Mu+m1HKl3b3wlc+rK7GtzYbG5oJg4bnS85qh0ej0bypoiqmnjmprLpu2MdJADVcRnVTBtPp+f55mqzqY8/od1lZXzHXrGxrVRz0zbMkr+lSV1bVa+Ga2KvF4XEe73Hy+HH22/RXXQA03bVvw5/qmsbG+ruPDB/ftcPUsCGYaqJlWWraTE5Efn9BntjPzmePxmPbHfe/RqWTC7su71XefNzuGSd6pvEx9DtVCs9NQK04Q2gS14hbm57QPhkLh/ZXVQO2hesBSKbOrptXXW3aDNudnZ6M+n5NKpQYHXqeS3zIM1OPx2IVfV99kz3d0XtdRNxndMbTH2W3ul2NNw750t80TwkB/r0rprlVccsa8ZevrrfxA0H3dZCKhVT86MqQt6IDu8llH7KvatNgjkZGiomKzxsfGhnVPv9TcehSeQ/9LNO+kOTMzrXu6nnP1fFpVXfMvf4EsvkyQf44ACigBFFBACaCAAkoABRRQQAmggAJKAAUUUAIooIASQAEFFFACKKCAEkABBZQACiigBFBAAQWUAAoooARQQAElgAIKKAEU0MOd7wIMAEu4QtNWIVyIAAAAAElFTkSuQmCC) no-repeat 50% 50%; overflow:hidden; } .pw-box { position: relative; width: 800px; height: 339px; margin: 50px auto 0; padding: 40px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.01); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.01); background-color: #ffffff; } .pw-box.photo-box {padding: 40px 40px 40px 184px;} .pw-box .list-table > li > dl > dt {width: 88px;} .pw-box .list-table > li > dl > dd {width: calc(100% - 88px);} .pw-box .list-table dd input {width: 102px;} .pw-box + .btn-box {margin-top: 40px;} /* mbs023 다국어 설정 */ .mbs024 .pw-box {height: 316px; padding-top: 66px;} .mbs024 .ref { margin-top: 6px; margin-bottom: 4px; font-size: 12px; color: #999; } .mbs024 .pw-box .list-table > li > dl > dt {width: 104px;} .mbs024 .pw-box .list-table > li > dl > dd {width: calc(100% - 104px);} .mbs024 .box { height: 57px; line-height: 57px; margin-top: 20px; padding-left: 20px; color: #000; border: solid 1px #d3d4d6; } /* 여기부터 삭제 예정 */ .hw-logijn_inner { position: absolute; left: calc(50% - 500px); top: calc(50% - 317px); width:1000px; height:634px; } .hw-logijn_inner > div {height: 100%;} .hw-logijn_left { float: left; width: 50%; padding-top:146px; padding-left:70px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; background-color: #aba192; } .hw-logijn_left .tit { position: relative; margin-bottom: 67px; font-family: 'LifeplusB'; font-size: 34px; color: #fff; } .hw-logijn_left .tit::before { display: block; content: ''; position: absolute; left: 0; bottom: -20px; width:70px; height: 4px; background-color: #fff; } .hw-logijn_left .txt { line-height: 32px; margin-bottom: 116px; font-size: 20px; color: #fff; } .hw-logijn_left ul > li { float:left; width:100px; height: 80px; line-height: 80px; font-size: 18px; color:#fff; text-align: center; border-radius: 4px; border: solid 1px rgba(255,255,255,.5); } .hw-logijn_left ul > li + li {margin-left: 30px;} .hw-logijn_right { float: right; width: 50%; padding-top: 80px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-color: #fff; } .hw-logijn_right .tit { position: relative; margin-bottom: 100px; font-family: 'LifeplusB'; font-size: 36px; color: #000; text-align: center; } .hw-logijn_right .tit::before { display: block; content: ''; position: absolute; left: calc(50% - 35px); bottom: -19px; width:70px; height: 4px; background-color: #3a3b45; } .hw-logijn_right fieldset {text-align: center;} .hw-logijn_right fieldset div + div {margin-top: 50px;} .hw-logijn_right fieldset input { width: 300px; height: 50px; padding: 0; font-size: 18px; border: 0 none; border-bottom: 1px solid #e6e6e8; } .hw-logijn_right fieldset input::-webkit-input-placeholder {color: #d9d9d9} .hw-logijn_right fieldset input::-moz-placeholder {color: #d9d9d9} .hw-logijn_right fieldset input::-ms-input-placeholder {color: #d9d9d9} .hw-logijn_right fieldset input::placeholder {color: #d9d9d9} .hw-logijn_right fieldset button { width: 300px; height: 54px; line-height: 54px; margin: 50px auto 105px; font-size: 24px; color: #fff; text-align: center; border-radius: 27px; background-color: #000; } .logo_area {text-align: center;} .mbs019 .mbs-right .info-txt {margin-top: 18px; font-size: 12px; color: #999;} .logo_area div { display: inline-block; text-indent: -999em; font-size:0; color: transparent; vertical-align: middle; } .lifeplus_logo { width: 96px; height: 25px; margin-right: 30px; background: url(data:image/png;base64,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); } .hw_logo { width: 126px; height: 35px; background: url(data:image/png;base64,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); } .hw-logijn_wrap .hw-footer_wrap {position: absolute; left: 0; bottom: 0} .certification-txt{margin: 27px 0 15px;font-size: 12px; font-weight: 500;color: #999;} .pw-box .enCss > li > dl > dt[data-v-5af2dcc7] { width: 120px; } p.is-empty[data-v-5bdacd20]:nth-child(1)::before { content: attr(data-empty-text); float: left; color: #aaa; pointer-events: none; height: 0; font-style: italic; } .modal-content .textarea[data-v-5bdacd20] { width: 100%; height: 140px; line-height:1.43; font-family: 'LifeplusL'; font-size:14px; color:#000; border:1px solid #acacac; } .ProseMirror > p[data-v-5bdacd20] { padding-left: 2px; padding-right: 2px; } .tagErrorColor[data-v-5bdacd20] { color : #9e9e9e; } .tooltip-b.tl[data-v-5bdacd20]::before, .tooltip-w.tl[data-v-5bdacd20]::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .bds073 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-5bdacd20]::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } p.is-empty[data-v-e3ddc2b4]:nth-child(1)::before { content: attr(data-empty-text); float: left; color: #aaa; pointer-events: none; height: 0; font-style: italic; } .modal-content .textarea[data-v-e3ddc2b4] { width: 100%; height: 140px; line-height:1.43; font-family: 'LifeplusL'; font-size:14px; color:#000; border:1px solid #acacac; } .ProseMirror > p[data-v-e3ddc2b4] { padding-left: 2px; padding-right: 2px; } .tagErrorColor[data-v-e3ddc2b4] { color : #9e9e9e; } .tooltip-b.tl[data-v-e3ddc2b4]::before, .tooltip-w.tl[data-v-e3ddc2b4]::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .bds073 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-e3ddc2b4]::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mas030 .enCss[data-v-2519d7b8] { width: calc(100% - 200px); } .organization_wrap .btn-area .enCss[data-v-aa8af10a]::before { margin-right: 0px; } .input-box input[data-v-058aa47c]:focus::-webkit-input-placeholder{ color:transparent; display: none; } .input-box input[data-v-058aa47c]:focus::-moz-placeholder{ color:transparent; display: none; } .input-box input[data-v-058aa47c]:focus::-ms-input-placeholder{ color:transparent; display: none; } .input-box input[data-v-058aa47c]:focus::placeholder{ color:transparent; display: none; } input[data-v-058aa47c]:focus::-webkit-input-placeholder {color:transparent; } .input-box input[data-v-20e3e0de]:focus::-webkit-input-placeholder{ color:transparent; display: none; } .input-box input[data-v-20e3e0de]:focus::-moz-placeholder{ color:transparent; display: none; } .input-box input[data-v-20e3e0de]:focus::-ms-input-placeholder{ color:transparent; display: none; } .input-box input[data-v-20e3e0de]:focus::placeholder{ color:transparent; display: none; } input[data-v-20e3e0de]:focus::-webkit-input-placeholder {color:transparent; } .prevent-emoticon-layer-scroll { overflow-y: hidden !important; } .disabled[data-v-2a51c9ce]{ pointer-events:none; } .okr-left-dropdown[data-v-6551d12d] { display: inline-block; position: relative; margin: 35px 0 15px; background: #fff; } .okr-left-dropdown button[data-v-6551d12d] { padding: 0; border: 0; background: none; cursor: pointer; text-align: left; } .okr-left-dropdown button span[data-v-6551d12d] { position: relative; display: block; } .okr-left-dropdown .btn[data-v-6551d12d] { width: 100%; height: 30px; border: 1px solid #a3a4a6; } .okr-left-dropdown .btn span[data-v-6551d12d] { display: block; overflow: hidden; width: 100%; height: 30px; padding: 0 30px 0 15px; line-height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; } .okr-left-dropdown .btn span[data-v-6551d12d]:after { content: ""; position: absolute; top: 8px; right: 10px; width: 6px; height: 6px; border: 1.2px solid #000; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .okr-left-dropdown.active .btn span[data-v-6551d12d]:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 12px; } .okr-left-dropdown .list[data-v-6551d12d] { display: none; z-index: 999; position: absolute; top: 29px; right: 0; left: 0; margin: 0; padding: 0 0 10px 0; background: #fff; border: 1px solid #a3a4a6; } .okr-left-dropdown.active .list[data-v-6551d12d] { display: block; overflow: auto; max-height: 200px; } .okr-left-dropdown .list li[data-v-6551d12d] { list-style: none; } .okr-left-dropdown .list li.selected[data-v-6551d12d] { background: #f1f1f1; } .okr-left-dropdown .list button[data-v-6551d12d] { width: 100%; } .okr-left-dropdown .list span[data-v-6551d12d] { display: block; overflow: hidden; width: calc(100% - 30px); padding: 5px 15px; white-space: nowrap; text-overflow: ellipsis; } .txtEllipsis[data-v-f30f994a] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-f30f994a] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-f30f994a]:before, .multi-ellipsis[data-v-f30f994a]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-f30f994a]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-f30f994a]::before, .multi-ellipsis.no-ellipsis[data-v-f30f994a]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-f30f994a] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-f30f994a]::before, .multi-ellipsis[data-v-f30f994a]::after { content: normal; } } .uts004 .nodata[data-v-f30f994a] { height: calc(100% - 17px); } .cate-tit[data-v-f30f994a] { cursor: pointer; } /* 지역스타일 (Vue 객체스타일) */ /* 전역스타일은 사용하지 말아 주세요. (board.css 에 추가 후 퍼블에 요청해주세요) */ .uts004 .scroll[data-v-315fb462] { overflow-y: inherit; } /* 지역스타일 (Vue 객체스타일) */ /* 전역스타일은 사용하지 말아 주세요. (board.css 에 추가 후 퍼블에 요청해주세요) */ /* 지역스타일 (Vue 객체스타일) */ /* 전역스타일은 사용하지 말아 주세요. (board.css 에 추가 후 퍼블에 요청해주세요) */ .uts004.sec .v-menu { margin-left: 0 !important; } .uts004 .scroll[data-v-383ee678] { overflow-y: inherit; } .history .nodata[data-v-ffd22b4a] { width: 96%; } .calendar_box input[data-v-ffd22b4a]{ color:red; background-color: yellow; } .history .nodata[data-v-722cf03e]{ width: 96%; } .mbs-right[data-v-d58f03ea] { padding-right: 385px; } .input-box[data-v-d58f03ea] { margin-top: 50px; } .certification-txt[data-v-d58f03ea]{ padding-top: 100px; } .tab_ty2 > .enCss li button[data-v-f2c1db18] { padding: 0; } .mobile-none-1[data-v-6db9959f] { text-align:center; } .mobile-none-2[data-v-6db9959f]{ text-align: initial; display: inline-block; } .none[data-v-6db9959f] { display: none !important; } @font-face { font-family: 'LIFEPLUS-Medium'; src: local(※); src: url(/static/fonts/LIFEPLUS-Medium.739d274.woff) format('embeded-opentype'); src: url(/static/fonts/LIFEPLUS-Medium.739d274.woff) format('woff'); src: url(/static/fonts/LIFEPLUS-Medium.f41cb65.woff2) format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'LIFEPLUS-Bold'; src: local(※); src: url(/static/fonts/LIFEPLUS-Bold.0d82588.eot) format('embeded-opentype'); src: url(/static/fonts/LIFEPLUS-Bold.b324ef1.woff) format('woff'); src: url(/static/fonts/LIFEPLUS-Bold.35a8a58.woff2) format('woff2'); font-weight: 400; font-style: normal; } /* DEFAULT */ html[data-v-78275da0] { height: 100%; font-size: 10px; } body[data-v-78275da0], h1[data-v-78275da0], h2[data-v-78275da0], h3[data-v-78275da0], h4[data-v-78275da0], h5[data-v-78275da0], h6[data-v-78275da0], fieldset[data-v-78275da0], ul[data-v-78275da0], ol[data-v-78275da0], dl[data-v-78275da0], dt[data-v-78275da0], dd[data-v-78275da0], p[data-v-78275da0], button[data-v-78275da0], figure[data-v-78275da0], xmp[data-v-78275da0] { margin: 0; padding: 0; } body[data-v-78275da0] { font-size: 1.6rem; /* line-height:1.4; */ word-break: keep-all; font-family: 'LIFEPLUS-Medium', 'sans-serif'; color: #000; -webkit-touch-callout: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } legend[data-v-78275da0], caption[data-v-78275da0] { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip: rect(1px 1px 1px 1px); word-break: initial; word-wrap: initial; } a[data-v-78275da0] { text-decoration: none; color: inherit; } a[href^="tel"][data-v-78275da0] { cursor: default; } img[data-v-78275da0] { vertical-align: middle; border: 0 none; } fieldset[data-v-78275da0], button[data-v-78275da0] { background: none; border: 0; } ul[data-v-78275da0]::after, ol[data-v-78275da0]::after { content: ''; display: block; clear: both; } li[data-v-78275da0] { list-style: none; } table[data-v-78275da0] { position: relative; width: 100%; border-spacing: 0; border-collapse: collapse; } iframe[data-v-78275da0] { width: 100%; vertical-align: middle; border: 0 none; } hr[data-v-78275da0] { margin: 1.25em 0; border: 0 none; height: 1px; background: #ccc; } button[data-v-78275da0], input[data-v-78275da0], optgroup[data-v-78275da0], select[data-v-78275da0], textarea[data-v-78275da0] { font: inherit; } button[data-v-78275da0] { cursor: pointer; } h1[data-v-78275da0], h2[data-v-78275da0], h3[data-v-78275da0], h4[data-v-78275da0], h5[data-v-78275da0], h6[data-v-78275da0] { font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; } input[data-v-78275da0], select[data-v-78275da0], textarea[data-v-78275da0] { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: none; } input[data-v-78275da0]::-ms-clear { display: none; } input[type=password][data-v-78275da0]::-ms-reveal { display: none; } b[data-v-78275da0], strong[data-v-78275da0] { font-weight: 700; } em[data-v-78275da0] { font-style: inherit; } *[data-v-78275da0] { -webkit-box-sizing: border-box; box-sizing: border-box; } body[data-v-78275da0] { min-height: 100%; min-height: -webkit-fill-available; min-height: -moz-available; min-height: stretch; } html[data-v-78275da0] { height: -webkit-fill-available; height: -moz-available; height: stretch; } html.font-big[data-v-78275da0] { font-size: 13px; } /* PLACEHOLDER */ input[data-v-78275da0], select[data-v-78275da0], textarea[data-v-78275da0] { outline: none; } [data-v-78275da0]::-webkit-input-placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]::-moz-placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]::-ms-input-placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]::placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]::-webkit-input-placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]::-moz-placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]:-moz-placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]::-ms-input-placeholde { font-size: 1.6rem; color: #999; line-height: 1.4; } [data-v-78275da0]:-ms-input-placeholder { font-size: 1.6rem; color: #999; line-height: 1.4; } /* 말줄임 - 한줄 */ .ellipsis[data-v-78275da0] { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .blur img[data-v-78275da0] { -webkit-filter: blur(6px); -moz-filter: blur(6px); } /* 말줄임 - 멀티 */ .multiline[data-v-78275da0] { position: relative; width: 100%; max-height: 4.2rem; margin: auto; overflow: hidden; text-align: justify; line-height: 1.4; text-overflow: ellipsis; word-break: normal; word-wrap: normal; } .multiline[data-v-78275da0]::before, .multiline[data-v-78275da0]::after { content: '...'; position: absolute; top: 3em; right: 0; line-height: 1; -ms-wrap-flow: start; } /* IE */ .multiline[data-v-78275da0]::after { background: currentColor; color: white; top: auto; } @supports (-webkit-line-clamp: 2) { /* 멀티라인이 2줄일 경우 */ .multiline[data-v-78275da0] { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .multiline[data-v-78275da0]::before, .multiline[data-v-78275da0]::after { content: normal; } } .bot-btn-group.center[data-v-78275da0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0 0; } .bot-btn-group .btn[data-v-78275da0] { padding: 11px; text-align: center; font-size: 1.6rem; border-radius: 8px; } .bot-btn-group .btn.single[data-v-78275da0] { width: 100%; } .bot-btn-group .btn.btn-dark[data-v-78275da0] { color: #fff; background: #000; } /* 앱설치안내 페이지 start */ .appinfo[data-v-78275da0] { text-align: center; padding: 70px 30px; } .appinfo .appinfo-img[data-v-78275da0] { margin: 30px 0 33px; } .appinfo .appinfo-img img[data-v-78275da0] { width: calc(100% - 51.2%); color: #000; } .appinfo h1[data-v-78275da0] { font-family: 'LIFEPLUS-Bold', sans-serif; ; font-size: 30px; } .appinfo h2[data-v-78275da0] { padding-top: 22px; font-size: 20px; color: #000; } .appinfo .appinfo-txt1[data-v-78275da0] { margin-top: 13px; color: #666; font-size: 16px; line-height: 1.46; } .appinfo .appinfo-txt2[data-v-78275da0] { margin-top: 20px; color: #999; font-size: 14px; line-height: 1.43; } /* 앱설치안내 페이지 end */ .selectBoxWidth[data-v-4d1211ac] { width: 120px !important; } .multi-ellipsis[data-v-cfa00f6e] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-cfa00f6e]:before, .multi-ellipsis[data-v-cfa00f6e]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-cfa00f6e]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-cfa00f6e]::before, .multi-ellipsis.no-ellipsis[data-v-cfa00f6e]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-cfa00f6e] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-cfa00f6e]::before, .multi-ellipsis[data-v-cfa00f6e]::after { content: normal; } } .modal-content[data-v-689d4220] { background: #f6f7fa; padding: 35px 0 0 0; height: 560px; } .modal-content .content.comment[data-v-689d4220] { position: absolute; contain: content; width: auto; height: auto; border-color: #d3d4d6; overflow-y: auto; overflow-x: hidden; } .modal-content .content.comment > div[data-v-689d4220] { display: block; position: static; width: 340px; height: 595px; } .modal-content .opinion_search[data-v-689d4220] { position: relative; left: 0; top: -40px; height: 600px; } #project-comment[data-v-05e9db8b] { overflow-y: hidden; } #project-comment .scroll_box.writebox[data-v-05e9db8b] { height: calc(100% - 150px); margin-bottom: 10px; } #project-comment .scroll_box.searchbox[data-v-05e9db8b] { height: calc(100% - 73px); margin-bottom: 50px; } #project-comment .write-form > .opinion-input_ty1[data-v-05e9db8b] { position: absolute; width: calc(100% - 20px); bottom: 20px; } #project-comment .scroll_box.searchbox + .write-form[data-v-05e9db8b] { display: none; } #project-comment .opinion-input_ty1 > div.textarea[data-v-05e9db8b] { border: none; height: auto; } .btn-txt-underline.reply[data-v-05e9db8b] { margin-top: 13px; } .opinion_box .txt[data-v-05e9db8b] { word-break: break-all; } .member-call-box > .scroll > dl[data-v-7fa53795] { padding-left: 0; } .member-call-box > .scroll dd > .member-list > li[data-v-7fa53795] { padding-left: 35px; padding-right: 5px; } .member-call-box > .scroll dd > .member-list > li .img[data-v-7fa53795] { left: 8px; } .memberselector-view[data-v-7fa53795] { left: -10px; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; display: block } .memberlist-selected[data-v-7fa53795] { background: #eaecf0; } .member-call-box[data-v-7fa53795] { left: -10px; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; display: block } .member-call-box > .scroll dd > .member-list > li.member-all > .member-all_txt[data-v-7fa53795] { font-size: 14px; } /* .multi-ellipsis { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } */ /* .multi-ellipsis:before, .multi-ellipsis:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis::before, .multi-ellipsis.no-ellipsis::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis::before, .multi-ellipsis::after { content: normal; } } */ /* .filter-box .cnt_inner > div { height: 266px; } */ .cooperation .tab_ty1 > .tab-menu .inner > ul > li > button + .tooltip-b[data-v-d783785c], .cooperation .tab_ty1 > .tab-menu .inner > ul > li > button + .tooltip-b[data-v-d783785c] { max-width: 500px; } .multi-ellipsis[data-v-1aec2185] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-1aec2185]:before, .multi-ellipsis[data-v-1aec2185]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-1aec2185]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-1aec2185]::before, .multi-ellipsis.no-ellipsis[data-v-1aec2185]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-1aec2185] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-1aec2185]::before, .multi-ellipsis[data-v-1aec2185]::after { content: normal; } } .mouseLeave[data-v-1aec2185]{ background: url(); background-color: #eff2f7; } .ellipsisdot[data-v-1aec2185] { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; box-orient: vertical; -webkit-box-orient: vertical; } .one_menu_width[data-v-8727d8ea]{ width:215px !important; } p.is-empty[data-v-8d598178]:nth-child(1)::before { content: attr(data-empty-text); float: left; color: #aaa; pointer-events: none; height: 0; font-style: italic; } .modal-content .textarea[data-v-8d598178] { width: 100%; height: 140px; line-height:1.43; font-family: 'LifeplusL'; font-size:14px; color:#000; border:1px solid #acacac; } .ProseMirror > p[data-v-8d598178] { padding-left: 2px; padding-right: 2px; } .tagErrorColor[data-v-8d598178] { color : #9e9e9e; } .tooltip-b.tl[data-v-8d598178]::before, .tooltip-w.tl[data-v-8d598178]::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .dts016 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-8d598178]::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .multi-ellipsis[data-v-8f039a9e] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-8f039a9e]:before, .multi-ellipsis[data-v-8f039a9e]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-8f039a9e]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-8f039a9e]::before, .multi-ellipsis.no-ellipsis[data-v-8f039a9e]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-8f039a9e] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-8f039a9e]::before, .multi-ellipsis[data-v-8f039a9e]::after { content: normal; } } .ellipsisdot[data-v-8f039a9e] { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; box-orient: vertical; -webkit-box-orient: vertical; } .member-call-box .scroll ul li.selected[data-v-44c00597] { background: #eaecf0; } .dropdown-list > .member-call-box.search .scroll[data-v-44c00597]{ height: calc(100% - 70px); } .ell-singleline-coop[data-v-7c3f1a6b] { -webkit-line-clamp: 1; } .tooltip-b.tl[data-v-7c3f1a6b]::before, .tooltip-w.tl[data-v-7c3f1a6b]::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .dts005 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-7c3f1a6b]::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @charset "UTF-8"; /*============================================ HwDashBoard ============================================*/ .dashboard {height: 100%;} .dashboard_closed { width: 22px; height: 22px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -352px -367px; } /*============================================ HwDashBoadHeader ============================================*/ .dashboard-header {height: 206px;} .dashboard-header .top {padding-left: 150px; padding-top: 60px;} .dashboard-header .top > div {display: inline-block;} .dashboard-header .top .tit { height: 17px; line-height: 17px; padding: 0 9px; font-size: 11px; color: #fff; border-radius: 8.5px; background-color: #000; } .dashboard-header .top .date {margin-left: 7px;} .dashboard-header .btm {padding-left: 150px; padding-top: 11px;} .dashboard-header .btm dt {font-size: 28px; line-height: 1;} .dashboard-header .btm .select_ty2 dt button {color: #666} .task-header {background-color: #fff;} .task-header .inner {width: 1145px; height:187px; margin: 0 auto; padding-top: 17px} .task-header .utill {text-align: right;} .task-header .utill * {text-align: left;} .task-header .utill * .txtr {text-align: right;} .task-header .utill .v-btn {font-size: 12px; color: #666} .task-header .utill .ico-switch_favorites {margin-left: 8px;} .task-header .utill .okr dt > button { position: relative; padding-left: 17px; } .task-header .utill .okr dt > button::before { position: absolute; left: 0; top: calc(50% - 6px); display: inline-block; content: ''; width: 12px; height: 12px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -66px -407px; } .task-header .dividing_line_ty4.last {margin-left: 13px} .task-header .open_task {padding: 3px 0 9px} .task-header .open_task .average-tooltip {vertical-align: middle;} .task-header .tit-box { position: relative; height: 28px; line-height: 1; } .task-header .tit-box h3 button {font-family: 'LifeplusM'; vertical-align: middle;} .task-wrap .tab-content > section:nth-child(1) .tab_ty2 > .tab-menu li:first-child {margin-left: -140px;} .task-wrap .tab-content > section:nth-child(2) .tab_ty2 > .tab-menu li:first-child {margin-left: 120px;} .task-header .utill > .member .opinion_search.active { position: relative; right:auto; top:auto; bottom: auto; height: 500px; padding-top: 20px; } .task-header .utill > .member .opinion_search.active .scroll_box {height: calc(100% - 58px);} .task-header .utill > .member .opinion_search.active .scroll_box > .opinion-input_ty1:nth-last-child(2) {position: absolute; left: 20px; right: 20px; bottom: 20px;} .task-header .utill > .dropdown.member .v-menu {top: 21px} /*============================================ Planning Half & Execution Half ============================================*/ .dashboard .row {height: 100%} .dashboard_cnt { position: relative; display: table; table-layout: fixed; width: 1180px; min-height: 654px; height: calc(100% - 200px); margin:60px auto; /*height: 100%;*/ } .dashboard_cnt > div { display: table-cell; width: calc(50% - 15px); padding: 44px 25px 40px; background-color: #fff; } .dashboard_cnt > .planning {padding-right: 40px;} .dashboard_cnt > .execution { position: relative; padding-left: 40px; } .dashboard_cnt > .execution::before { display: block; content: ''; position: absolute; left: -15px; top: 0; width: 30px; height: 100%; background-color: #eff2f7; } .dashboard_cnt > div > .top { position: relative; margin-bottom: 18px; } .dashboard_cnt > div > .top .tit {font-family: 'LifeplusB'; font-size: 22px; color: #000;} .dashboard_cnt > div > .top .goto { position: absolute; top: -1px; width: 52px; height: 25px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -140px -261px; } .planning .goto { right: 0; } .dashboard_box_grp .no-data { position: absolute; left:0; top: 0; width: 100%; height: 100%; margin-top: 220px; font-size: 14px; color: #999; text-align: center; } .dashboard_box_grp .add_box { margin-bottom: 16px; border: dashed 1px #cccdce; background-color: #ffffff; } .dashboard_box_grp .add_box button { width: 100%; height: 58px; line-height: 58px; font-size: 14px; text-align: center; } .dashboard_box_grp .add_box button::before { display: inline-block; content: ''; width: 22px; height: 22px; margin-right: 6px; vertical-align: middle; border-radius: 50%; background: #e9e9e9 url(/static/img/sp_common.bec0aeb.png) no-repeat -440px -104px; } .dashboard_box_grp .card_grp { position: relative; margin-bottom: 16px; } .dashboard_box_grp .card_grp.error {margin-bottom: 0;} .dashboard_box_grp .card_grp .clear { position: relative; height: 58px; line-height: 58px; padding: 0 14px 18px; margin-top: 0px; border: solid 1px #d3d4d6; background-color: #ffffff; } .dashboard_box_grp .card_grp.hover_box.active .clear:hover::before { display: inline-block; content: ''; position:absolute; right:-25px; top: -1px; width: 29px; height: 58px; border-top: 1px solid #000; border-bottom: 1px solid #000; z-index: 30; } .dashboard_box_grp .card_grp .clear:hover, .dashboard_box_grp .card_grp .clear:active { border: solid 1px #000000 !important; background-color: #ffffff; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); } .dashboard_box_grp .card_grp.hover_box, .dashboard_box_grp .card_grp.hover_box .hover_inner {width: 100%;} .dashboard_box_grp .card_grp .move {left: -18px;} .dashboard_box_grp .card_grp .clear::before:hover, .dashboard_box_grp .card_grp .clear::before:active {display: block;} .dashboard_box_grp .card_grp .subject { width: 340px; height: 100%; font-size: 14px; color: #000; cursor: pointer; } .planning_open .dashboard_box_grp .card_grp .subject, .execution_open .dashboard_box_grp .card_grp .subject {width: 140px} .planning_open .dashboard_box_grp .card_grp .subject input, .execution_open .dashboard_box_grp .card_grp .subject input {padding-right: 0} .dashboard_box_grp .card_grp .subject.edit.full {width: 100%} .dashboard_box_grp .card_grp .subject .ell-singleline { display: inline-block; max-width: 100%; vertical-align: middle; } .dashboard_box_grp .card_grp .subject .ell-singleline + .num {display: inline-block;} .dashboard_box_grp .card_grp .subject form, .dashboard_box_grp .card_grp .subject.edit .input-box {display: inline-block;} .dashboard_box_grp .card_grp .subject.edit .ell-singleline, .dashboard_box_grp .card_grp .subject.edit .ell-singleline + .num {display: none;} .dashboard_box_grp .card_grp .subject .input-box {display: none;} .dashboard_box_grp .card_grp .subject.edit.full .input-box {width: 100%; line-height: 58px;} .dashboard_box_grp .card_grp .subject.edit.full .input-box .input-txt-del {top: calc(50% - 10px); right: 2px} .dashboard_box_grp .card_grp .clear + .error { line-height: 1; padding: 8px 0 10px; font-size: 12px; text-align: right; } .dashboard_box_grp .card_grp .subject .input-box { line-height: 30px; } .dashboard_box_grp .card_grp .subject input {border:0 none; padding: 0; padding-right: 34px;} .dashboard_box_grp .card_grp .subject input:disabled { color: #000; background-color: transparent; } .planning_open .dashboard_box_grp .card_grp .count, .execution_open .dashboard_box_grp .card_grp .count { position: absolute; right: 20px; top: 0; margin-right: 0; } .dashboard_box_grp .card_grp .count { float: right; margin-right: 25px; } .dashboard_box_grp .card_grp .more_box {float:right;} .dashboard_box_grp .card_grp .more_box dd {top: 44px} .dashboard_box_grp .card_grp .count * { display: inline-block; font-size: 12px; } .dashboard_box_grp .card_grp .count b {color: #000;} .dashboard_box_grp .card_grp .member_count { position: relative; margin-left: 10px; padding-left: 20px; } .dashboard_box_grp .card_grp .btn_link_add { position: absolute; right: 20px; top: calc(50% - 9px); } .dashboard_box_grp .card_grp .member_count::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height: 12px; background-color: #ececec; } /*============================================ Execution Half ============================================*/ .execution .top {text-align: right;} .execution .goto { left: 0; background-position: -64px -261px !important; } /*============================================ PlanningOpen ============================================*/ .planning_open .planing_closed { width: 27px; height: 27px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.1ad25ab.svg) -60px -120px; background-size: 500px 500px; } .planning_open .planning {width: 790px;} .planning_open .execution { position: relative; width: 251px; } .planning_open .execution::before { display: block; content: ''; position: absolute; left: -14px; top: 0; width: 30px; height: 100%; background-color: #eff2f7; } .planning_open .execution > .top .goto {right: 172px;} .planning_open .execution .member_count, .planning_open .execution .board_count > span:first-child {display: none;} .planning_open .planning .dashboard_box_grp {width: 249px; padding-right: 30px;} .execution_open .execution .dashboard_box_grp {/*width: 613px; */padding-left: 613px;} .planning.open .card_grp, .execution.open .card_grp { height: 56px; line-height: 56px; border: 0 none; } .planning.open .card_grp.active .clear, .execution.open .card_grp.active .clear { position: relative; border: solid 1px #d3d4d6; background-color: #f6f7fa; } .planning.open .card_grp.active:after, .execution.open .card_grp.active:after { display: block; content: ''; position: absolute; top: 0px; width: 29px; height: 58px; border: solid 1px #d3d4d6; border-right: 0 none; border-left: 0 none; background-color: #f6f7fa; z-index: 10; } .planning.open .card_grp.active:after {right: -26px;} .execution.open .card_grp.active:after {left: -26px;} .planning.open .output_grp, .execution.open .output_grp { position: absolute; top: 0; width: 613px; height: 100%; padding: 0 30px; border: solid 1px #d3d4d6; background-color: #f6f7fa; } .planning.open .output_grp {left: 269px;} .execution.open .output_grp {right: 268px;} .planning.open .output_grp .dashboard_closed {position: absolute; right: 25px; top: 39px;} .execution.open .output_grp .dashboard_closed {position: absolute; left: 25px; top: 39px;} .planning.open .output_grp .output_tit, .execution.open .output_grp .output_tit { position: relative; margin: 81px 0 11px } .output_grp .output_tit > .tit {font-size: 22px; color: #000;} .output_tit > .clear {margin-top: 20px; line-height: 26px;} .output_tit > .clear .num {font-size: 14px; ;} .output_tit > .clear .num b {color: #000} .output_tit > .clear label { height: 26px; line-height: 26px; color: #666 } .output_tit > .clear .search_ty2 .input-box {width: 308px} .search_ty2 + .filter-box {margin-left: 6px} .output_tit > .clear input[type='checkbox'] + label:before {vertical-align: middle;} .output_tit > .clear input:checked + label {color: #000} .output_tit > .clear label + input + label {margin-left: 12px;} .output_tit > .clear .dividing_line_ty1 {height: 13px; margin: 0 8px 0 12px;} .output_grp .v-data-table__empty-wrapper {border: 0 none} .output_grp .v-data-table__empty-wrapper .nodata { position: absolute; left: 0; top: -1px; width: 100%; height: 378px; padding-top: 129px; text-align: center; background-color: #fff; } .output_grp .v-data-table__empty-wrapper .nodata .txt {font-size: 14px; color:#999;} .output_grp .v-data-table__empty-wrapper .nodata button {margin-top: 38px;} .tb-contents.krs003 {border:0; background-color: transparent;} .tb-contents.krs003 tbody::before, .tb-contents.krs003 tbody::after { width:0; height: 0; background-color: transparent; } .tb-contents.krs003 tr {border:0 none} .tb-contents.krs003 tr:hover::before {width:inherit; height: inherit; border: 0 none;} .tb-contents.krs003 td {padding: 0} .tb-contents.krs003 tr:first-child td .board_card {margin-top: 0} .board_card:hover { -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; } .board_card { position: relative; padding: 12px 20px; margin-top: 20px; border: solid 1px #d3d4d6; background-color: #fff; } .board_card .top .fr { margin-right: 0px; margin-top: 1px } .board_card .info {position: relative;} .board_card .info .tit { padding: 14px 0 10px; font-size: 14px; color: #000; } .board_card .info .btm {font-size: 12px; color: #999} .board_card .info .btm > div, .board_card .info .btm > dl {display: inline-block;} .board_card .info .date {color: #999;} .board_card .info .member { position: relative; margin-left: 10px; padding-left: 10px; color: #666; } .board_card .info .member::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height:12px; background-color: #e6e6e8; } .board_card .ico_grp { position: absolute; right: 25px; top: 59px; color: #000; } .board_card .ico_grp button + button {margin-left: 25px;} .board_card + .board_card {margin-top: 20px} /*============================================ ExecutionOpen ============================================*/ .execution_open .planning { position: relative; width: 284px; } /* history KRS007 */ .history .nodata { display: table; width: 100%; height: 350px; text-align: center; /* background-color: #fff; */ } .history .nodata .inner { display: table-cell; vertical-align: middle; } .history .nodata .txt { line-height: 20px; font-size: 14px; color:#999; } .history .nodata button {margin-top: 38px;} .history .date_wrap { position: relative; overflow: hidden; } .history .date_wrap::before { position: absolute; left: 15px; top: 0; display: block; content: ''; width: 2px; height: 100%; background-color: #d3d4d6; } .history .task_box_day {position: relative; min-height:38px;} .history .task_box_day + .task_box_day {margin-top: 50px;} .history .task_box_day:last-child .task_box_case:last-child .droplayer.tooltipmember .v-menu {top: initial; bottom: 142px;} .history .task_box_day:last-child .task_box_case:last-child .droplayer.tooltipmember .v-menu__content { padding-top: 0; padding-bottom: 7px; -webkit-box-shadow: initial; box-shadow: initial; } .history .task_box_day:last-child .task_box_case:last-child .droplayer.tooltipmember .v-menu .tooltip-b::before { top: initial; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .history .task_box_day .day { position: absolute; left: -5px; top: 0; min-width: 62px; height: 38px; line-height: 28px; padding: 0 28px 0 15px; font-size: 12px; color: #fff; text-align: center; cursor: pointer; border:5px solid #eff2f7; border-radius: 25px; background-color: #adadad; z-index: 10; } .history .task_box_day .day:before{ position: absolute; left: -6px; top: -6px; right: -6px; bottom: -6px; border: 2px solid #eff2f7; border-radius: 25px; content: ''; } .history .task_box_day .task_box_case {display: block;} .history .task_box_day.active .task_box_case {display: none;} .history .task_box_day .day::after { position: absolute; right: 15px; top: 9px; display: block; content: ''; width: 10px; height: 10px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -170px -221px; opacity: 1; -webkit-transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; } .history .task_box_day.active .day::after { right: 12px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .history .task_box_case { position: relative; padding-top: 57px; padding-left: 52px } .history .task_box_case .left { position: absolute; top: 58px; left: 6px; line-height: 20px; padding-left: 25px; font-family: 'LifeplusB'; color: #000; } .history .task_box_case .left::before { position: absolute; left: 0; top: 0; display: block; content: ''; width: 20px; height: 20px; background-color: #eff2f7; } .history .task_box_case .left::after { position: absolute; left: 5px; top: 5px; display: block; content: ''; width: 10px; height: 10px; border: solid 3px #a3a4a5; border-radius: 50%; } .history .task_box_case .right .step_name { margin-top: 12px; font-size: 12px; color: #666; } .history .task_box_case .right > .tit { margin-top: 4px; font-size: 14px; color: #000; cursor: pointer; } .history .task_box_case .right .info > div {display: inline-block;} .history .task_box_case .right .info .tooltip-b .name, .history .task_box_case .right .info .tooltip-b .co, .history .task_box_case .right .info .tooltip-b .tel {width: 100%} .history .task_box_case .right .info .v-btn {font-size: 12px; color: #999;} .history .task_box_case .right .info.btm { margin-top: 5px; color: #999 } .history .task_box_case .right .info { font-size: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .history .task_box_case .right .status.updated {color: #0dbcae;} .history .task_box_case .right .status span { margin-left: 2px; color: #000; } .history .task_box_case .right .status.created {color: #f97723;} .history .task_box_case .right dl { margin-top: 11px; font-size: 12px; } .history .task_box_case .right dl dt {font-size: 12px; color: #000} .history .task_box_case .right dl dt button { position: relative; padding-right: 12px; -webkit-transition: height .2s cubic-bezier(.4,0,.6,1); transition: height .2s cubic-bezier(.4,0,.6,1); } .history .task_box_case .right dl dt button::after { display: block; content: ''; position: absolute; right: 0; top: 5px; width: 8px; height: 8px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -141px -221px; opacity: 0.5; -webkit-transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; -webkit-transform:rotate(180deg); transform:rotate(180deg); } .history .task_box_case .right dl dt.active button:after { opacity: 1; top: 3px; -webkit-transform:rotate(0); transform:rotate(0); } .history .task_box_case .right dl dt b {text-decoration: underline;} .history .task_box_case .right dl dd { display: none; height: 167px; padding: 20px 6px 20px 0; margin-top: 6px; border: solid 1px #d3d4d6; background-color: #ffffff; } .history .task_box_case .right dl .active + dd {display: inline-block;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .history .task_box_case .right dl .active + dd {min-width: 420px;} } .history .task_box_case > .right > dl > dd > ul { height: 100%; padding: 0 6px 0 20px; overflow-y: auto; } .history .task_box_case .right dl dd ul li + li {margin-top: 7px} .history .task_box_case .right > dl > dd > ul > li > div {display: inline-block;} .history .task_box_case .right dl dd ul li .status {width: 58px} .history .task_box_case .right dl dd ul li .tit { width: 143px; color: #000 } .history .task_box_case .right dl dd ul li .name, .history .task_box_case .right dl dd ul li .date {color: #999} .history .task_box_case .right dl dd ul li .date {width: 92px;} .history .task_box_case .right .info > div + div { position: relative; padding-left: 9px; margin-left: 5px !important; } .history .task_box_case .right .info > div + div::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height: 12px; background-color: #d3d4d6; } .history .task_box_day:last-child .task_box_case:last-child::after { position: absolute; left: 33px; top: 80px; display: block; content: ''; width: 6px; height: 100%; background-color: #eff2f7; } .history .task_box_day + .btn_box {margin-top: 30px} /*============================================ 과제 ============================================*/ .task-cnt .inner {width: 1145px; margin: 50px auto 0;} .krs001 .inner {} .step-box {margin-left: 106px;} .step-box > div { position: relative; padding-left: 97px; } .step-box > div + div {margin-top: 20px;} .step1 .box form { position: relative; margin-top: -6px; } .step1 .box form .input-box { display: inline-block; width: calc(100% - 65px); height: 54px;; } .step1 .box form .btn-primary-small {position: absolute; right: 0; top: 0} .step-box .tit { position: absolute; left: 0; top: 0; width: 77px; height: 28px; line-height: 28px; font-size: 14px; color: #fff; text-align: center; border-radius: 14px; background-color: #000; } .step-box .disabled .tit {background-color: #d3d4d6;} .step-box .box { width: 800px; padding-top: 60px; border: solid 1px #000; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); background-color: #fff; } .step-box .disabled .box { border-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .step-box .txt { padding-bottom: 19px; line-height: 26px; font-size: 18px; color: #000; } .step-box .txt + .txt { line-height: 20px; font-size: 14px; color: #666 } .step-box .disabled .txt {color: #bbb;} .step-box .radio-box { margin-top:2px; text-align: center; } .step-box .radio-box label + input + label {margin-left:28px;} .step-box .disabled .radio-box label {color: #bbb} .step-box .disabled .radio-box input + label:before { color: #888; border-color: #e9e9e9; background-color: #e9e9e9; } .step-box .disabled .box .btn-primary-small { border-color: #d3d4d6; background-color: #d3d4d6; } .step-box .step1 .box {padding:35px 110px 16px} .step-box .step2 .box, .step-box .step3 .box { text-align: center; padding-top: 35px; padding-bottom: 39px; } .step-box .step2 .box .txt {padding-bottom: 10px;} .step-box .step2 .box button {margin-top: 13px} /*============================================ ============================================*/ .task-wrap .tab_ty1 { min-width: 1180px; margin-top: -1px; } .task-wrap .tab_ty1 > .tab-menu {padding-top:1px} .task-wrap .tab_ty2 > .tab-menu {background-color: transparent;} /* 칸반 KRS005 */ .KRS005 .tb-list_ty1 {margin-top: 32px} .KRS005 .tb_sort {line-height: 26px;} .KRS005 .tb-header .tb_sort label {height: 26px; line-height: 26px;} .KRS005 .kanban-list-item.no-data .txt {padding-top: 85px} .KRS005 .kanban-list-item .list-bom .linked {font-size: 12px; color: #999;} .KRS005 .kanban-list-item .img {margin-top: 8px} .KRS005 .kanban-list-item .img img {width: 100%} /* 리스트 KRS006 */ .task-list {margin-top: 38px;} .task-list .dashboard_box_grp {background-color: #fff;} .ict.task-list .dashboard_box_grp {background-color: transparent;} .task-list .output_grp .output_tit > .tit {padding-bottom: 22px} .task-list .dashboard_box_grp > .fl {width: 270px; padding: 40px 25px 0;} .task-list .output_grp { float: right; width: 910px; padding: 40px 25px 0; border: 1px solid #d3d4d6; background-color: #f6f7fa; } .task-list .dashboard_box_grp .card_grp .subject {width: 170px} .task-list .dashboard_box_grp .card_grp .droplayer { display: none; position: absolute; right: 10px; top: 0 } .task-list .dashboard_box_grp .card_grp:hover .droplayer {display: block;} .task-list .dashboard_box_grp .card_grp .droplayer .v-menu {left: auto !important; top: 44px !important; right: 0;} .task-list .dashboard_box_grp .card_grp .droplayer .v-menu__content {left: auto !important; top: 0 !important; right: 0; line-height: 33px;} .task-list .card_grp.active .clear { background-color: #f6f7fa; } .task-list .card_grp.active:after { display: block; content: ''; position: absolute; top: 0px; right: -26px; width: 29px; height: 58px; border: solid 1px #d3d4d6; border-right: 0 none; border-left: 0 none; background-color: #f6f7fa; z-index: 10; } .task-list.krs006.ict .output_grp { float:none; width: 100%; } /* 파일모아보기 KRS008 */ .krs008 {margin-top: 38px;} .ins003a .check_result, .krs008 .check_result {background-color: #eff2f7;} .krs008 th:nth-child(1), .krs008 td:nth-child(1) {padding-left: 25px; width: 64px !important; text-align: left;} .krs008 th:nth-child(2), .krs008 td:nth-child(2) {width: calc(100% - 395px - 100px - 100px - 70px);} .krs008 td:nth-child(2) div {width:430px} .krs008 th:nth-child(3), .krs008 td:nth-child(3) {width: 395px;} .krs008 th:nth-child(3) div, .krs008 td:nth-child(3) div {display: inline-block;} .krs008 td:nth-child(3) div {color: #000;} .krs008 td:nth-child(3) div:first-child {max-width: 140px;} .krs008 td:nth-child(3) div + div {max-width: 220px;} .krs008 td:nth-child(3) div {display: inline-block;} .krs008 th:nth-child(3) div + div::before, .krs008 td:nth-child(3) div + div::before { display: inline-block; content: ''; width: 1px; height: 12px; margin: 0 8px 0 4px; vertical-align: middle; background-color: #d3d4d6; } .krs008 th:nth-child(4), .krs008 td:nth-child(4) {width: 100px; text-align: center;} .krs008 th:nth-child(5), .krs008 td:nth-child(5) {width: 100px; text-align: center;} .krs008 td:nth-child(5) .v-btn {font-size: 12px; color: #999;} .krs008 th:nth-child(6), .krs008 td:nth-child(6) {width: 70px; text-align: center;} .krs008 td:nth-child(n+3) {font-size: 12px; color: #999} .krs008 .split-screen { width: 395px !important; max-width: none !important; } /* 파일모아보기 krs009 */ .ins003b .folder_list .depth2 .tooltip-b, .krs009 .folder_list .depth2 .tooltip-b { display: none; position: absolute; left:0; top: 24px; width: 200px; word-break: break-all; z-index: 10; } .ins003b .folder_list .depth2 li, .krs009 .folder_list .depth2 li {position: relative;} .ins003b .folder_list .depth2 li:hover .tooltip-b, .krs009 .folder_list .depth2 li:hover .tooltip-b {display: block;} .krs009 th:nth-child(1), .krs009 td:nth-child(1) {width: 76px !important; padding-left: 25px; text-align: left;} .krs009 th:nth-child(2), .krs009 td:nth-child(2) {width: calc(100% - 76px - 100px - 100px - 70px);} .krs009 td:nth-child(2) {text-align: left !important;} .krs009 td:nth-child(2) div {width:500px} .krs009 th:nth-child(3), .krs009 td:nth-child(3) {width: 100px; text-align: center;} .krs009 th:nth-child(4), .krs009 td:nth-child(4) {width: 100px; text-align: center;} .krs009 td:nth-child(4) .v-btn {font-size: 12px; color: #999;} .krs009 th:nth-child(5), .krs009 td:nth-child(5) {width: 70px; padding-right: 25px; text-align: center;} .krs009 td:nth-child(n+2) {font-size: 12px; color: #999} .other-bg-1 {background-color: #f6f7fa !important;} .ico-master-en[data-v-5b00aac8] { width: 80px !important; } .tooltip-b.tl[data-v-3fbf0c26]::before, .tooltip-w.tl[data-v-3fbf0c26]::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .krs017 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-3fbf0c26]::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .krs028 .btm > .fl > span + .dropdown.enCss[data-v-b636b040] { left: 125px; } .select[data-v-3fd3d237] { border-bottom: 2px solid orange; color: orange; } .task-list .card_grp.active[data-v-6db0af7a]:after,[data-v-6db0af7a] :before{ -webkit-box-sizing: inherit; box-sizing: inherit; } .tb-contents.ins002a td .ell-singleline[data-v-6db0af7a] {width: calc(100% - 85px); max-width: 350px; } .modal-content[data-v-86c546aa] { height: auto; } /* .header { padding: 1em; } .header .close-icon { float: right; cursor: pointer; } .content { padding: 0 1.5em; } .footer { float: center; padding: 1em; margin-top: 15px; } */ .bds065 .tab-content .modal-footer[data-v-5cec767f] { margin-top: 30px; } #modals-container[data-v-5cec767f] .v--modal-overlay .v--modal-box.v--modal { overflow: visible; } .bds065 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-5cec767f] { display: none; position: absolute; left: 0; top: 30px; z-index: 10; word-break: break-all; word-wrap: break-word; } .bds065 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-5cec767f] { top: auto; bottom: 30px; margin-top: 0; /* margin-bottom: 7px; */ width: inherit; } .tooltip-b.tl[data-v-5cec767f]::before, .tooltip-w.tl[data-v-5cec767f]::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .bds065 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-5cec767f]::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .bds065 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > button:hover + .tooltip-b[data-v-5cec767f] { display: inline-block; } .bds065 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit[data-v-5cec767f] { width: 100%; -ms-flex-item-align: center; align-self: center; /* text-overflow: ellipsis; */ white-space: initial; } .dropdown-list-item .tit[data-v-5cec767f] { white-space: initial !important; } .ell-multiline2[data-v-0b454aeb] { word-break: break-all; cursor: pointer; } .nodata[data-v-0b454aeb] { position: relative; margin-top: -191px; } /* .kanban-cnt_ty1 [class*="kanban-col"] { max-height: 631px; } */ /* .kanban-list-wrap { height: 440px; } */ /* .kanban-cnt_ty1 [class*="kanban-col"] { position: relative; } .kanban-list-wrap{ position: absolute; top: 44px; left: 0; right: 0; height: 420px; } .btn_box.txtc{ position: absolute; top: 480px; left: 0; right: 0; } */ .folder_name[data-v-0b454aeb] { display: block; } .tooltip-b[data-v-0b454aeb] { display:none; z-index: 10; word-break: break-all; position: absolute; width: calc(80%); } .ell-singleline[data-v-0b454aeb], .tooltip-b[data-v-0b454aeb] { /* white-space: normal; */ } .tooltip-b.tl.linkedTooltip[data-v-0b454aeb] { left: calc(10%); } .tooltip-b.tl.linkedTooltip[data-v-0b454aeb]::before { left: calc(90%); } .tooltip-b.tl.paperTitle[data-v-0b454aeb] { /* margin-top: -18px; */ } .multi-ellipsis[data-v-0b454aeb] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-0b454aeb]:before, .multi-ellipsis[data-v-0b454aeb]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-0b454aeb]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-0b454aeb]::before, .multi-ellipsis.no-ellipsis[data-v-0b454aeb]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-0b454aeb] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-0b454aeb]::before, .multi-ellipsis[data-v-0b454aeb]::after { content: normal; } } .history .task_box_case .right > .tit[data-v-29de4563] { cursor: auto; } .cursor[data-v-29de4563] { cursor: pointer; } .file-cursor[data-v-75a191a8] { cursor: pointer; } .krs008 td:nth-child(3) div + div[data-v-75a191a8]::before, .krs008 td:nth-child(3) div + div + .tooltip-b[data-v-75a191a8]::before { width: 14px; height: 8px; background-color: rgba(0, 0, 0, 0); } .krs009 .folder_list .depth1 .tooltip-b[data-v-d94e46ae] { display: none; position: absolute; /* left: 0; */ top: 42px; width: 200px; word-break: break-all; z-index: 10; } .krs009 .folder_list .depth2 .tooltip-b[data-v-d94e46ae] { top: 24px; } .krs009 .folder_list .depth1 li button span[data-v-d94e46ae] {position: relative; } /* .krs009 .folder_list .depth1 li button:hover .tooltip-b {display: block;} */ /* .backwards::before, .backwards::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .backwards::before { top: auto; bottom: -8px; transform: rotate(180deg); } */ [class*="todo_wrap"] .enCss[data-v-f86ff1d2] { width: 100px; } .modal-footer[data-v-f86ff1d2] { margin-top: 30px; } .add-mgt[data-v-f86ff1d2] { margin-top: 4px; } .emoticon-wrap[data-v-51c74f46] { z-index: 999; } #modals-container[data-v-17a88b29] .v--modal-overlay .v--modal-box { overflow: visible; } .txtEllipsis[data-v-17a88b29] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-17a88b29] { overflow: hidden; position: relative; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-17a88b29]:before, .multi-ellipsis[data-v-17a88b29]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-17a88b29]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-17a88b29]::before, .multi-ellipsis.no-ellipsis[data-v-17a88b29]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-17a88b29] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-17a88b29]::before, .multi-ellipsis[data-v-17a88b29]::after { content: normal; } } .calendar_box .vdp-datepicker input:disabled { cursor: default; } #modals-container[data-v-a492e34e] .v--modal-overlay .v--modal-box { overflow: visible; } .txtEllipsis[data-v-a492e34e] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-a492e34e] { overflow: hidden; position: relative; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-a492e34e]:before, .multi-ellipsis[data-v-a492e34e]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-a492e34e]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-a492e34e]::before, .multi-ellipsis.no-ellipsis[data-v-a492e34e]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-a492e34e] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-a492e34e]::before, .multi-ellipsis[data-v-a492e34e]::after { content: normal; } } .multi-ellipsis-one[data-v-a492e34e] { overflow: hidden; position: relative; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis-one[data-v-a492e34e]:before, .multi-ellipsis-one[data-v-a492e34e]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis-one[data-v-a492e34e]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis-one.no-ellipsis[data-v-a492e34e]::before, .multi-ellipsis-one.no-ellipsis[data-v-a492e34e]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis-one[data-v-a492e34e] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 1; } .multi-ellipsis-one[data-v-a492e34e]::before, .multi-ellipsis-one[data-v-a492e34e]::after { content: normal; } } .txtEllipsis[data-v-742cfda3] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-742cfda3] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-742cfda3]:before, .multi-ellipsis[data-v-742cfda3]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-742cfda3]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-742cfda3]::before, .multi-ellipsis.no-ellipsis[data-v-742cfda3]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-742cfda3] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-742cfda3]::before, .multi-ellipsis[data-v-742cfda3]::after { content: normal; } } [class*="todo_wrap"] .enCss[data-v-1ba63a34] { width: 100px; } .sharing_wrap .tab_ty1 > .tab-menu .inner > ul > li > button + .tooltip-b[data-v-0446ea74], .cooperation .tab_ty1 > .tab-menu .inner > ul > li > button + .tooltip-b[data-v-0446ea74] { max-width: 500px; } .multi-ellipsis[data-v-4ec4e757] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-4ec4e757]:before, .multi-ellipsis[data-v-4ec4e757]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-4ec4e757]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-4ec4e757]::before, .multi-ellipsis.no-ellipsis[data-v-4ec4e757]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-4ec4e757] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-4ec4e757]::before, .multi-ellipsis[data-v-4ec4e757]::after { content: normal; } } .mouseLeave[data-v-4ec4e757]{ background: url(); background-color: #eff2f7; } .ellipsisdot[data-v-4ec4e757] { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; box-orient: vertical; -webkit-box-orient: vertical; } .multi-ellipsis[data-v-43fb12e0] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-43fb12e0]:before, .multi-ellipsis[data-v-43fb12e0]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-43fb12e0]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-43fb12e0]::before, .multi-ellipsis.no-ellipsis[data-v-43fb12e0]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-43fb12e0] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-43fb12e0]::before, .multi-ellipsis[data-v-43fb12e0]::after { content: normal; } } .ellipsisdot[data-v-43fb12e0] { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; box-orient: vertical; -webkit-box-orient: vertical; } .nodata[data-v-29ff83b4]{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .language .v-menu .v-menu__content[data-v-dd502a40] { width: 295px !important; } .locale .v-menu .v-menu__content[data-v-dd502a40] { width: 690px !important; } .mbs016 .list-table > li div[data-v-dd502a40] { margin-top: 0px; } .droplayer.filter-box .v-menu__content[data-v-dd502a40], .dropdown.right > .v-menu > .v-menu__content[data-v-dd502a40], .droplayer.right > .v-menu > .v-menu__content[data-v-dd502a40] { left: 0px !important; } .dropdown > .v-menu[data-v-dd502a40], .droplayer > .v-menu[data-v-dd502a40] { top: 10px !important; } .timezoneLi[data-v-dd502a40] { padding: 5px !important; } .timezoneList[data-v-dd502a40] { width: 685px !important; } .Langli[data-v-dd502a40] { padding: 5px !important; } .langList[data-v-dd502a40] { width: 300px !important; } .dropdown.ty1 .dropdown-list.timezoneList > dl > dd .scroll > li button:hover + .tooltip-b[data-v-dd502a40] {display: inline-block; } .timezoneList ul > li > button + .tooltip-b[data-v-dd502a40] { display: none; position: absolute; left: 0; top: 0px; z-index: 1; } .timezoneList ul > li > button:hover + .tooltip-b[data-v-dd502a40] { display: block; } @charset "UTF-8"; /*============================================ COMMON ============================================*/ .board_wrap { position: relative; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAr8AAACtCAYAAAC5mBdXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDMxNTYzRDJEREMzMTFFQThBQjdERUJERjkxMEFEM0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDMxNTYzRDFEREMzMTFFQThBQjdERUJERjkxMEFEM0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWZlOTEzYzUtYjVhMC1hNzRjLThkY2YtYzhlMmI4OWYwMThlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTJiNzVlNjMtMWQ0MS0wYTRmLWEzOWQtYjhh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) right 0 no-repeat; } .board-content {height: 100%;} .board-content { height: 100%; position: relative; overflow-x: hidden; } .hidden {display: none !important;} .display-block {display: block !important;} .board_wrap button:focus { outline: none; } .board_wrap input[type="text"]:focus { outline: none; } .board_wrap div[contentEditable="true"]:focus { outline: none; } .guide_line { position: fixed; top: 0px; width: 0px; border: 0; border-left: 1px solid #555; background: none; opacity: 0.04; } .text-center { text-align: center; } img[src='//:0'] { display: none; } /*============================================ 읽기전용을 위한 CSS ============================================*/ .board-content.readonly .dl_layer button::after { display: none !important; } .board-content.readonly .edit_tool { display: none !important; } .board-content.readonly .hover_inner .move, .board-content.readonly .hover_inner .block_handle { display: none !important; } .board-content.readonly .more_box { display: none !important; } .board-content.readonly .hide_readonly { display: none !important; } .board_wrap .board-header {background-color: transparent !important;} /*============================================ LEFT 영역 - decision_making 영역 ============================================*/ .board-left { position: fixed; left: 0; top:0; bottom :0; width: 300px; -webkit-box-shadow: 4px 6.9px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 4px 6.9px 10px 0 rgba(0, 0, 0, 0.2); background-color: #fff; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; z-index: 100; } .board-left.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .board-left.active .left_wrap {height: 100%;} .left-btn_toggle { position: absolute; right: -42px; top: 189px; width: 42px; height: 50px; padding-right: 10px; font-family: 'LifeplusL';font-size: 8px; color: #fff; text-align: center; letter-spacing: -0.8px; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background-color: #373843; } .left-btn_toggle::before { display: block; content: ''; width: 30px; height: 30px; margin: 0 auto; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -30px -140px; } .left-btn_toggle:after {display: block;} .board-left.active .left-btn_toggle::before {background-position: -60px -140px} .board-left .left_wrap > div > li > .tit { margin-bottom: 30px; font-size: 16px; color: #000; } .board-left .info { position: relative; height: 380px; background-color: #373843; } .board-left .info .state dt button {color: #fff} .board-left .decision_making > .tit, .board-left .output > .tit { margin-bottom: 37px; font-family: 'LifeplusB'; font-size: 14px; color: #000; } .board-left .decision_making.no-data .tit, .board-left .output.no-data .tit {text-align: left;} .board-left .decision_making.no-data, .board-left .output.no-data { position: relative; color: #999; text-align: center; } .board-left .decision_making.no-data::before, .board-left .output.no-data::before { position: absolute; left: calc(50% - 32px); top: 97px; display: block; content: ''; width: 64px; height: 64px; margin: 0 auto 15px; border: 1px solid #e6e6e8; border-radius: 50%; background: #fff url(/static/img/sp_common.1ad25ab.svg) no-repeat 0 -194px; background-size: 500px 500px; } .board-left .decision_making.no-data:before {background-position: 0 -194px;} .board-left .output.no-data:before {background-position: -64px -194px;} .board-left .decision_making.no-data .nodata, .board-left .output.no-data .nodata { padding-top: 97px; line-height: 20px; font-size: 14px; } .board-left .output.no-data .nodata.dropdown-file{position: relative; height: calc(100% - 54px); border: 0 none;} .board-left .output.no-data .nodata.dropdown-file:before{ z-index: 10; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; background: rgba( 0, 0, 0, 0.5 ); } .board-left .output.no-data .nodata.dropdown-file:after{display:none;} .board-left .decision_making.no-data .nodata button, .board-left .output.no-data .nodata button {margin-top: 36px;} .board-left .decision_making, .board-left .output {height: calc(50% - 190px); padding: 25px 6px 30px 25px;} .board-left .output {padding-top: 25px} .board-left .output {border-top: 1px solid #d3d4d6} .board-left .decision_making .tit, .board-left .output .tit {position: relative;} .board-left .decision_making > .tit .dl_dropdown dd, .board-left .output > .tit .dl_dropdown dd { position: absolute; right: 0; top: 35px; width: 130px; border: solid 1px #d3d4d6; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #fff; z-index: 10; } .board-left .decision_making > .tit .dl_dropdown ul li:hover, .board-left .output > .tit .dl_dropdown ul li:hover {background-color: #eff2f7;} .board-left .decision_making > .tit .dl_dropdown ul li:hover button, .board-left .output > .tit .dl_dropdown ul li:hover button {color: #000;} .board-left .decision_making > .tit .dl_dropdown ul li button, .board-left .output > .tit .dl_dropdown ul li button { width:100%; line-height: 35px; padding: 0 10px; font-size: 14px; color: #666; font-family: 'LifeplusM'; text-align: left; background-color: transparent; } .board-left .decision_making .file_box_ty1, .board-left .output .file_box_ty1 {position: absolute; right: 0; top: -5px} .board-left .info .data {padding: 186px 25px 0;} .board-left .info .data > .top {margin-bottom: 24px;} .board-left .info .data > .top * {vertical-align: middle;} .board-left .info .data .state + .evaluate-tooltip {margin-left: 3px;} .board-left .info .data .data_tit {font-family: 'LifeplusB'; font-size: 14px; color: #fff;} .board-left .info .data .data_tit_big { margin-top: 14px; line-height: 30px; font-size: 22px; color: #fff; word-break: keep-all; } .board-left .info.no-data .data .data_tit {font-family: 'LifeplusM'; color: #999} .board-left .info.no-data .data .data_tit_big {font-family: 'LifeplusL'; color: #999} .board-left .info .data .part-member-num { position: relative; margin-top: 6px; color: #fff; } .part-member-num {display: inline-block;} .part-member-num.white .droplayer .v-btn {font-size: 12px; color: #fff} .part-member-num .droplayer > .v-btn {font-size: 12px;color: #999} .part-member-num .v-btn .num {text-decoration: underline;} .part-member-num .dropdown-list { width: 333px; height: 192px; padding: 12px 15px; color: #666; } .part-member-num .droplayer.relative .v-menu {top: 24px !important} .part-member-num .dropdown-list > .top { padding-bottom: 6px; font-size: 12px; color: #999; text-align: left; border-bottom: 1px solid #d3d4d6; } .part-member-num .dropdown-list > .scroll {height: 133px; margin-right: -10px} .part-member-num .dropdown-list .members_box { padding-top: 7px; font-size: 14px; } .board-left .decision_making .data .grp .top {position: relative;} .board-left .decision_making .data .grp .top [class*="label-"] {margin-top: 3px; margin-bottom: 13px;} .board-left .decision_making .tit .droplayer, .board-left .output .tit .droplayer {top: -4px} .board-left .decision_making .data .grp .droplayer + .tit { margin-top: 7px; margin-bottom: 1px; cursor: pointer; } .board-left .decision_making .droplayer, .board-left .output .droplayer {position: absolute; right: 0; top: 0} .board-left .decision_making .droplayer .v-menu__content, .board-left .output .droplayer .v-menu__content {left: initial !important; right: 0; top: 0 !important} .board-left .decision_making .droplayer .v-menu, .board-left .output .droplayer .v-menu {left: initial !important; right: 0;} .board-left .decision_making .data .grp .top .btn_etc, .board-left .output .btn_etc { text-indent: -999em; font-size: 0; color: transparent; width: 24px; height: 24px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0px -80px; } .board-left .decision_making .data .grp .top .btn_etc:hover, .board-left .output .btn_etc:hover { border-radius: 50%; background-color: #e9eaec; } .board-left .decision_making .data .grp .top .dl_dropdown dd, .board-left .output .dl_dropdown dd { display: none; position: absolute; right:0; top: 27px; width: 115px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d3d4d6; background-color: #ffffff; z-index: 10; } .board-left .output .dl_dropdown dd {width: 87px;} .board-left .decision_making .data .grp .top .dl_dropdown dd button, .board-left .output .dl_dropdown dd button { line-height: 35px; padding: 0 15px; font-size: 14px; background-color: #fff; } .board-left .decision_making .data .grp .top .dl_dropdown dt.active + dd, .board-left .output .dl_dropdown dt.active + dd {display: block;} .board-left .decision_making .data .grp > .top > .tit {font-size: 14px; color: #000; margin-bottom: 8px;} .board-left .decision_making .data .grp .re, .board-left .decision_making .data .grp .de { display: inline-block; color: #999; } .board-left .decision_making .data .grp .re.active, .board-left .decision_making .data .grp .de.active {color: #000;} .board-left .decision_making .data .grp .de::before { display: inline-block; content: ''; width: 4px; height: 7px; margin-right:4px; margin-left: 4px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -203px -223px; } .board-left .decision_making .data .grp .date_grp {position: relative;} .board-left .decision_making .data .grp .date { position: absolute; right:0; top: 0; font-size: 11px; color: #999; } .board-left .decision_making .data .grp + .grp {margin-top: 21px} .board-left .decision_making .data, .board-left .output .data { height: calc(100% - 46px); padding-right: 5px; overflow-y: auto; } .board-left .output .data .dropdown-file{ position: relative; border: 0 none; } .board-left .output .data .dropdown-file:before{ z-index: 10; position:absolute; left:0;top:0;right:0;bottom:0; content:''; background:rgba( 0, 0, 0, 0.5 ); } .board-left .output .data .dropdown-file:after { display: none;} .board-left .output .data li { position: relative; padding-left: 45px; } .board-left .output .data li + li {margin-top: 30px} .board-left .output .data li button {text-align: left;} .board-left .output .data [class*="ico-file-"] {position: absolute; left: 0; top: calc(50% - 16px);} .board-left .output .data li > .tit { line-height: 1.5; padding-right: 30px; color: #000; cursor: pointer; } .board-left .output .data .date { margin-top: 10px; font-size: 11px; color: #999; } .board-left .output > li > .tit {position: relative;} .board-left .output > li > .tit > li > .dl_dropdown dt button { width: 24px; height: 24px; border-radius: 50%; background-image: url(/static/img/sp_common.1ad25ab.svg); background-repeat: no-repeat; background-position: -98px -38px; background-size: 500px 500px; } .board-left .output > li > .tit > li > .dl_dropdown dt button:hover { background-color: #d3d4d6; } .board-left .output > li > .tit > li > .dl_dropdown dd { position: absolute; right: 0; top: 20px; width: 132px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d3d4d6; background-color: #ffffff; z-index: 10; } .board-left .output > li > .tit > li > .dl_dropdown dd button { font-size: 14px; color: #666; text-align: left; width: 100%; padding: 10px; } .board-left .output > li > .tit > li > .dl_dropdown dd button:hover { color: #000; background-color: #eff2f7; } /*============================================ HEADER 영역 - ============================================*/ .board-header { width: 100%; height: 96px; padding-top: 46px; padding-left: 60px; border-bottom: 0 none !important; z-index: 120; } .board-header.fixed { position: fixed; left: 0; top: 0; border-bottom: 1px solid #d3d4d6 !important; background-color: #fff !important; } .board-header .btn_back { width: 52px; height: 22px; margin-right: 40px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: bottom; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -64px -263px; background-size: 500px 500px; } .board-header .board-menu {vertical-align: bottom;} .board-header .board-menu, .board-header .board-menu li { display: inline-block; position: relative; } .board-header .board-menu li:nth-child(1) { padding-right: 20px; font-family: 'LifeplusB'; font-size: 20px; color: #000; } .board-header .board-menu li:nth-child(1)::after { display: inline-block; content: ''; position: absolute; right: -20px; top: calc(50% - 8px); width: 1px; height: 14px; margin-right: 20px; background-color: #d3d4d6; } .board-header .board-menu li:nth-child(2) button, .board-header .board-menu li:nth-child(3) button { position: relative; padding-left: 25px; font-size: 14px; color: #000; } .board-header .board-menu li:nth-child(2) button::before, .board-header .board-menu li:nth-child(3) button::before { display: inline-block; content: ''; position: absolute; left: 0; top: calc(50% - 10px); width: 20px; height: 20px; margin-right: 5px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -80px 0; } /* .board-header .board-menu li:nth-child(2) button::before {background-position: -80px 0;} */ .board-header .board-menu li:nth-child(2) button::before {background-position: -100px 0;} .board-header .board-menu li + li {margin-left: 20px;} .board_wrap .board-header:after {clear: both; display: block;} .board-header > .left {float: left;} .board-header > .right { float: right; margin-right: 52px; } /* .board-header > .right {position: absolute; right: 52px; top: 46px} */ .board-header .right .board_util { display: inline-block; margin-left: 70px; } .board-header .right .board_util button + button, .board-header .right .board_util button + .dl_layer.more {margin-left: -3px} .link-okr { position: relative; padding-left: 18px; } .link-okr::before { display: inline-block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -108px -92px; } .board-header .right [class*="link"] { margin-left: 13px; font-size: 12px; color: #666; } .board-header .dropdown, .board-header .dl_layer {margin-left: 13px;} .board-header .right button.btn-primary-smaller{position:static;margin-right:-13px;} .dropdown.okr > .v-menu > .v-menu__content {width: 470px; height: 430px; padding: 20px 20px 0;} .dropdown.okr > .v-menu > .v-menu__content > div > .top { padding-bottom: 13px; border-bottom: 1px solid #d3d4d6; } .dropdown.okr > .v-menu > .v-menu__content .dropdown {margin-left: 0} .dropdown.okr > .v-menu > .v-menu__content .btn_link_add { margin-top: 6px; font-size: 14px; color: #000; } .dropdown.okr > .v-menu > .v-menu__content .v-menu {left: 0; right: auto; top: 29px} .dropdown.okr > .v-menu > .v-menu__content .tooltipmember .v-menu {top: 21px} .okr-cnt .scroll > dl:first-child dt, .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:first-child dt { padding-top: 0; border-top: 0 none } .okr-cnt dt, .dropdown.okr > .v-menu > .v-menu__content dt { margin-top: 15px; padding-top: 11px; font-size: 12px; color: #999; border-top: 1px solid #d3d4d6; } .okr-cnt .scroll, .dropdown.okr > .v-menu > .v-menu__content .scroll { height: 360px; margin-right: -15px; padding-right: 10px; overflow-y: auto; } .okr-cnt dd li, .dropdown.okr > .v-menu > .v-menu__content dd li {margin-top: 14px;} .dropdown.okr > .v-menu > .v-menu__content .scroll > ul {padding-top: 4px;} .dropdown.okr > .v-menu > .v-menu__content .scroll > ul > li {margin-top: 14px;} .dropdown.okr > .v-menu > .v-menu__content .scroll > ul > li .tit {margin-top: 7px;} .okr-cnt dd li.nodata, .dropdown.okr > .v-menu > .v-menu__content dd li.nodata {font-size: 14px; color: #999; text-align: center;} .okr-cnt dd li.nodata { display: -webkit-box; display: -ms-flexbox; display: flex; height: 346px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .okr-cnt .clear > .kr, .dropdown.okr > .v-menu > .v-menu__content .clear > .kr {font-size: 11px; color: #f97723} .okr-cnt .clear > .unlink, .dropdown.okr > .v-menu > .v-menu__content .clear > .unlink {font-size: 12px; color: #000; text-decoration:underline} .okr-cnt .clear > .dividing_line_ty3, .dropdown.okr > .v-menu > .v-menu__content .clear > .dividing_line_ty3 {margin-left: 9px} .okr-cnt .clear > .tooltipmember, .dropdown.okr > .v-menu > .v-menu__content .clear > .tooltipmember {margin-left: 15px} .okr-cnt .clear > .tooltipmember .v-btn, .dropdown.okr > .v-menu > .v-menu__content .clear > .tooltipmember .v-btn {font-size: 12px; color: #999;} .okr-cnt .tit, .dropdown.okr > .v-menu > .v-menu__content .tit { line-height: 20px; font-size: 14px; color: #000; } .dropdown.okr > .v-menu > .v-menu__content .top + .nodata { margin-top: 173px; font-size: 14px; color: #999; text-align: center; } .dropdown.okr > .v-menu > .v-menu__content .scroll dd > .nodata { padding: 17px 0 3px; font-size: 14px; color: #999; text-align: center; } .okr-cnt .disabled .kr, .dropdown.okr > .v-menu > .v-menu__content .disabled .kr, .dropdown.okr > .v-menu > .v-menu__content .disabled .tooltipmember .v-btn, .dropdown.okr > .v-menu > .v-menu__content .disabled .tit {color: #999 !important} .okr-cnt .disabled .unlink, .dropdown.okr > .v-menu > .v-menu__content .disabled .unlink {display: none;} .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:last-child .tooltipmember > .v-menu, .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:nth-last-child(2) .tooltipmember > .v-menu {top: auto; bottom: 18px;} .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:last-child .tooltipmember > .v-menu > .v-menu__content, .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:nth-last-child(2) .tooltipmember > .v-menu > .v-menu__content {top: auto !important; bottom: 0} .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:last-child .tooltipmember > .v-menu > .v-menu__content .tooltip-b, .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:nth-last-child(2) .tooltipmember > .v-menu > .v-menu__content .tooltip-b {margin-top: 0; margin-bottom: 8px} .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:last-child .tooltipmember > .v-menu > .v-menu__content .tooltip-b::before, .dropdown.okr > .v-menu > .v-menu__content .scroll > dl:last-child li:nth-last-child(2) .tooltipmember > .v-menu > .v-menu__content .tooltip-b::before { top:auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .board-header .right [class*="link"] + .select_ty2, .select_ty2 + .select_ty2 {margin-left: 17px;} .board-header .more > dd { left: auto; right: 0; min-width:100px; } .icon-txt-pause { position: relative; display: inline-block; padding-left: 17px; font-size: 12px; color: #000; } .icon-txt-pause::before { display: inline-block; content: ''; position: absolute; left:0; top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -132px -92px; } /*============================================ BOARD TAB Layout ============================================*/ .board_wrap > .board-content > .tab-content {height: calc(100% - 190px); padding-top: 93px;} .board-header .tab-content {padding-top: 190px;} [class*="board-tab"] {} [class*="board-tab"] {min-width: 1180px; max-width: 100%; padding: 0 60px 100px; margin: 0 auto;} [class*="board-tab"].board-tab1, [class*="board-tab"].board-tab3 {padding: 0 432px 100px 392px;} [class*="board-tab"].board-tab1.type1 {padding: 0 50px 100px;} @media (max-width: 1280px) { [class*="board-tab"].board-tab1 { padding-left: 152px; } [class*="board-tab"].board-tab3 {padding: 0 72px 0 152px; } [class*="board-tab"].board-tab3 .tb-list_ty1 .tb-contents { min-width: auto; } [class*="board-tab"].board-tab1.type1 {padding-left: 50px;} } .board_layout { position: relative; width: 100%; margin-top: 10px; margin-bottom: 10px; } .board_layout.box-click.nobody .eidtbox-ty1::after { display: none; } /*============================================ BOARD TAB1 ============================================*/ .board_edit_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .board_edit_top .btn_link { font-size: 14px; margin-right: 16px;} /* .board_edit_top .new-ty1 { display: flex; width: calc(100% - 381px); border: 1px solid blue;} .board_edit_top .new-ty1 .btn_link { max-width:(100% - 60px); text-align: left; } .board_edit_top .new-ty1 .dropdown { width: 60px; } .board_edit_top .new-ty1 .dropdown > .v-btn { width: 100%; } */ /* .board_edit_top .new-ty1{ display: flex; max-width: calc(100% - 410px); } */ /* .board_edit_top .new-ty1 .btn_link { display: inline-block; max-width: 100%; } .board_edit_top .new-ty1 .dropdown { display: inline-block; max-width: 120px; } .board_edit_top .new-ty1 .dropdown > .v-btn { width: 100%; } */ .board_edit_top .new-ty1 { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 156px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .board_edit_top .new-ty1 .btn_link { min-width: 50px; max-width: calc(100% - 420px); text-align:left;} .board_edit_top .new-ty1 .dropdown{ } .board_edit_top .new-ty1 .dropdown > .v-btn { width: 100%;} .board_edit_top .new-ty1 .dropdown > .v-btn > .v-btn__content { display: block; width: 100%; min-width: 40px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .board_edit_top .new-ty1 .last_update { min-width: 213px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media screen and (max-width: 1265px) { .board_edit_top .new-ty1 .last_update { min-width: 213px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} } .board_edit_top .dl_layer[class*="select_"] > dt button {font-size: 14px;} .board_edit_top .last_update { display: inline-block; height: 20px; line-height: 20px; margin-left: 50px; padding: 0 10px; color: #999; border-radius: 10px; background-color: #f4f5f7; } #content-editor { padding-top: 20px; padding-bottom: 40px; min-height: 400px; } /*============================================ 의견검색 ============================================*/ .opinion_search.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .opinion_search.top, .comment_area.top {top: 96px} .opinion_search, .comment_area { position: fixed; right: -340px; top: 190px; bottom: 0; width: 340px; padding: 56px 10px 15px; background-color: #f6f7fa; -webkit-transform: translate3d(-340px, 0, 0); transform: translate3d(-340px, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; z-index: 10; } .opinion_search_closed { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -40px -297px; } .opinion_search .info-txt { position: fixed; right: 0; bottom :0; width: 340px; padding: 15px 25px 0; line-height: 20px; /* height: 63px; */ font-size: 14px; color :#999; border-top: 1px solid #e6e6e8; } .opinion_search .opinion-search_area {margin-bottom: 40px;} .opinion_box {position: relative;} .opinion_box .avata {position: absolute; left: 0; top: 0;} .opinion_box .name {padding-top:6px} .opinion_box .name .droplayer .v-menu {top: 21px !important;} .opinion_box .name .droplayer .v-menu__content { left: 0 !important; padding-top: 7px; border: 0 none; background-color: transparent; } .comment_highlight { -webkit-box-shadow: 0px 0px 8px 1px #fffaa0 inset, 0px 0px 10px 10px #fffaa0; box-shadow: 0px 0px 8px 1px #fffaa0 inset, 0px 0px 10px 10px #fffaa0; border-radius: 10px 10px; } /* .opinion_box .name .tooltip-b { position: absolute; left: 0; top: 29px; padding: 10px; font-size: 12px; z-index: 10; } .opinion_box .name .tooltip-b span {display: inline-block;} .opinion_box .name .tooltip-b span + span { position: relative; padding-left: 12px; margin-left: 6px; } .opinion_box .name .tooltip-b span + span::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 5px); width: 1px; height: 9px; background-color: #d4d5d7; } .opinion_box .name:hover .tooltip-b {display: block;} */ .opinion_box .name:first-child {padding-top:0} .opinion_box .name b {font-size: 14px; color: #000;} .opinion_box .date {font-size: 12px; color: #999;} .opinion_box.del > .txt { margin-top: 0; color: #999; text-decoration: line-through; } .opinion_box .txt + button {margin-top: 9px;} .opinion_box .txt { line-height: 1.43; margin-top: 10px; font-size: 14px; color: #000; } /* .opinion_box .txt .mention { display: inline-block; height: 16px; line-height: 16px; padding: 0 3px; margin-right: 3px; font-size: 12px; color: #000; border-radius: 8px; background-color: #dbe8ff; } */ .opinion_box .file {margin-top: 15px;} .opinion_box .file li { line-height: 1.5; } .opinion_box .reply_box {margin-top: 20px} .opinion_box .reply_box dt { position: relative; display: inline-block; padding-right: 20px; } .opinion_box .reply_box dt b {font-family: 'LifeplusB'; color: #000} .opinion_box .reply_box dt.active::after { -webkit-transform: rotate(0); transform: rotate(0); background-position: calc(100% - 1px) -66px; } .opinion_box .reply_box dd {display: block;} .opinion_box .reply_box .opinion_box { position: relative; display: block; padding: 14px 15px; margin-top:15px; border-radius: 4px; border: 1px solid #e3e1e1; background-color: #ffffff; word-break: break-all; } .opinion_box .reply_box .opinion_box.del {} .opinion_box .reply_box .opinion_box.del .txt { margin-top: 0; color: #999; text-decoration: line-through; } .opinion_box .reply_box .opinion_box::before { display: block; content: ''; position: absolute; left: 10px; top: -8px; width: 11px; height: 10px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -325px -5px; } .opinion_box .reply_box .opinion_box .avata {left:10px; top: 10px} .opinion_box .reply_box .opinion_box .name { position: relative; padding-top: 0; padding-right: 60px; } .opinion_box .reply_box .opinion_box .editor_box {right: 10px; top: 15px;} .opinion_box + .opinion_box {margin-top: 50px;} .opinion_box .opinion-input_ty1 {margin-top: 15px;} .opinion_box .btn_box.top {position: absolute;} .opinion_search .opinion_box .opinion-input_ty1 + .btn_box.top, .opinion_box .name > .btn_box.top {top: 0; right: 0;} .opinion_box .reply_box .name > .btn_box.top {top: -6px; right: -6px;} /* .opinion_box .reply_box dd .name > .btn_box.top {top: 11px; right: 11px;} */ .opinion_search .scroll_box {height: calc(100% - 150px); margin-top: -15px; margin-right: -5px; padding: 0 6px 20px 15px;} .opinion_search.comment_area .scroll_box {height: calc(100% - 71px);} /* .opinion_search.top .scroll_box {height: calc(100% - 58px);} */ .opinion_search .scroll_box + .opinion-input_ty1 { position: absolute; bottom: 15px; left: 10px; right: 10px; margin: 0 5px 0 15px; } .opinion_search .scroll_box > li > .opinion_box {padding-right: 6px;} .opinion_search .scroll_box .no-data { margin-top: 50px; line-height: 1.5; font-size: 14px; color: #999; text-align: center; } .opinion_search .scroll_box .no-data:before { display: block; content: ''; width: 64px; height: 64px; margin: 0 auto 13px; border: 1px solid #d3d4d6; border-radius: 50%; background: #fff url(/static/img/sp_common.bec0aeb.png) no-repeat 0 -231px; } .opinion_search .answer_box { position: relative; margin-top: 10px; } .opinion_search .answer_box textarea, .opinion_search .answer_box .textarea { width: 100%; min-height: 70px; padding: 12px 15px; line-height: 20px; font-size: 14px; border: solid 1px #acacac; background-color: #ffffff; resize: none; } .opinion-input_ty1 { position: relative; min-height: 66px; padding: 12px 15px 12px; line-height: 20px; font-size: 14px; border: solid 1px #acacac; background-color: #ffffff; resize: none; } .opinion-input_ty1 + .opinion-input_ty1 {margin-top: 20px;} .opinion-input_ty1 .textarea { min-height: 29px; color: #000; border-color:#d3d4d6; } .opinion-input_ty1 .hover { display: none; text-align: right; } .opinion-input_ty1:hover .hover {display: block;} .opinion-input_ty1 .textarea.placeholder, .opinion_search .answer_box textarea::-webkit-input-placeholder, .opinion_search .answer_box .textarea.placeholder {color: #bbb} .opinion-input_ty1 .textarea.placeholder, .opinion_search .answer_box textarea::-moz-placeholder, .opinion_search .answer_box .textarea.placeholder {color: #bbb} .opinion-input_ty1 .textarea.placeholder, .opinion_search .answer_box textarea::-ms-input-placeholder, .opinion_search .answer_box .textarea.placeholder {color: #bbb} .opinion-input_ty1 .textarea.placeholder, .opinion_search .answer_box textarea::placeholder, .opinion_search .answer_box .textarea.placeholder {color: #bbb} .opinion-input_ty1 .btn_box.top {position: absolute; right: 10px; top: 9px;} .opinion-input_ty1 .member-call-box { position: absolute; right: 10px; bottom: 75px; z-index: 10; } .opinion-input_ty1 .tooltip-w.at {position: absolute;} .tooltip-w.at {width: 177px; height:203px;} .tooltip-w .membersearchlist { height:100%; margin-left: -15px; margin-right: -4px; padding-right: 5px; overflow-y:auto } .tooltip-w .membersearchlist li {padding-left: 15px} .tooltip-w .membersearchlist li:hover {background-color: #eaecf0} .tooltip-w .membersearchlist .name {font-size: 14px; color: #000} .tooltip-w .membersearchlist .mail { display: inline-block; width: 100%; font-size: 12px; color: #999 } .hover_comment.active {display: block;} .hover_comment.active + .comment_area {display: block;} .hover_comment + .comment_area {display: none;} /* .comment_area { position: absolute; right: -246px; top: 45px; width: 290px; z-index: 10; } */ .comment_area .opinion-input_ty1 { border: solid 1px #d3d4d6; border-radius: 4px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #fff; } .comment_area .opinion_box.comment { position: relative; min-height: 66px; padding: 12px 15px 12px; line-height: 20px; font-size: 14px; border: solid 1px #d3d4d6; border-radius: 4px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #fff; } .comment_area .opinion_box.comment .opinion-input_ty1 {border-color: #acacac; border-radius: 0;} .comment_area .opinion_box + .opinion_box {margin-top: 20px;} .comment_area .opinion_box .name {position: relative;} .at_box { position: absolute; width: 190px; padding: 16px 23px; border-radius: 4px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d3d4d6; background-color: #fff; z-index: 11; } .at_box::before { display: block; content: ''; position: absolute; right: 10px; top: -8px; width: 14px; height: 8px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -123px -303px; } .at_box > div + div {margin-top: 20px} .at_box .name {font-family: 'LifeplusB'; font-size: 14px; color: #000} .at_box .mail { font-size: 11px; color: #999; margin-top:5px; } /*============================================ EDIT TITLE ============================================*/ .new_board_tit_box {position: relative;} .new_board_tit_box + .error {margin-top: 8px;} .edit_tit {margin-top: 70px} .edit_tit input.h1 { width:100%; height: 68px; line-height: 68px; padding: 0 0 6px 0; font-size: 70px; color: #000; border:0 none; border-bottom: 1px solid #e6e6e8 } .edit_tit input:-moz-read-only.h1 {border-bottom: 0 none} .edit_tit input:read-only.h1 {border-bottom: 0 none} .edit_tit input::-webkit-input-placeholder {color: #e3e3e3;} .edit_tit input::-moz-placeholder {color: #e3e3e3;} .edit_tit input::-ms-input-placeholder {color: #e3e3e3;} .edit_tit input::placeholder {color: #e3e3e3;} .board-tab1 .calendar_box_grp { margin-bottom: 20px; margin: 30px 0 40px } .board_txt { position: relative; line-height: 24px; font-size: 16px; color: #999; } .board_txt:hover .hover_comment {display: block;} .hover_comment { display: none; position: absolute; right: -6px; top: calc(50% - 20px); width: 58px; line-height:1; } .hover_comment button { position: relative; min-width: 60px; height: 24px; font-size: 12px; color: #000; text-align: center; border-radius: 12px; } .hover_comment button::before { display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 4px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -40px 0; } .hover_comment.active button { color: #fff; background-color: #000; } .hover_comment.active button::before {background-position: -440px 0;} /*============================================ 할일 영역 ============================================*/ .todo_box .hover_inner { padding: 20px 40px 20px 20px; margin-top: 20px; border-radius: 8px; background-color: #eff2f7; } .todo_box .row + .row {margin-top: 7px} .todo_box .todo { float: left; padding-top: 3px; } .todo_box .member { float: right; font-family: 'LifeplusB'; font-size: 14px; color: #000; } .todo_box .member img { width: 24px; height:24px; vertical-align: middle; border-radius: 50%; } /*============================================ 공유 영역 ============================================*/ .share_box {margin-top: 5px;} .share_box .hover_inner { min-height: 106px; padding: 15px 20px 18px 105px; border: solid 1px #e6e6e8; background-color: #ffffff; } .share_box img {position: absolute; left: 16px; top: 16px} .share_box a {color: #f97723 !important; text-decoration: underline !important;} .share_box a + .tit { margin-top: 18px; font-size: 16px; color: #000; } .share_box a + .tit { margin-top: 18px; font-size: 16px; color: #000; position: relative; } .share_box .meta_url { position: relative; top: 5px; } .share_box .meta_description { display: block; } .share_box .meta_image { position: relative; width: 65px; height: 65px; border: 1px solid #ccc; float: left; margin-right: 15px; } .share_box .meta_image > img { position: absolute; margin: auto; width: auto; height: auto; max-width: 63px; max-height: 63px; top: 0; left: 0; bottom: 0; right: 0; } .share_box .more_box {position: absolute; right: 64px; top: 10px;} /*============================================ 공유 영역 ============================================*/ .url_box .hover_inner { padding: 15px 20px 18px 105px; border: solid 1px #e6e6e8; background-color: #ffffff; } .url_box .img { position: absolute; left: 16px; top: 16px; width: 74px; height: 74px; border: 1px solid #d3d4d6; } .url_box .img img {width: 100%; height: 100%;} .url_box a, .url_box .alink {color: #f97723 !important; text-decoration: underline !important;} .url_box .alink {text-decoration: none !important;} .url_box.hover_box .hover_inner {min-height: 106px;} .url_box.tit-only .hover_inner > .tit { margin-top: 26px; cursor: pointer; } .url_box .hover_inner > .tit { margin-top: 19px; font-size: 14px; color: #000; } .url_box .txt {margin-top: 10px;} .url_box .droplayer {position: absolute; right: 64px; top: 10px;} /*============================================ EDIT TYPE ============================================*/ .board_layout.box-click .eidtbox-ty1::after { display: block; content: ''; position: absolute; left: -30px; top: 0; width: 4px; height: 100%; border-radius: 3px; background-color: #3a3a3b; } .board_layout.box-click.another .eidtbox-ty1::after {background-color: #d3d4d6;} .board_layout .editor { display:none; width: 70px; } .board_layout.box-click .editor { display: block; position: absolute; left: -96px; top: 0; width: 58px; padding-top:10px; color: #999; text-align: left; } .board_layout.box-click .editor > div {display: inline-block;} .board_layout.box-click .editor .name { display: inline-block; width:45px; max-height: 40px; color: #000; text-align: right; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .board_layout.box-click.another .editor .name {color: #999} .board_layout.box-click .editor .lock { position: absolute; right: -8px; top: 22px; width: 20px; height: 20px; margin-top: -10px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) -200px -300px; } .board_layout.box-click.nobody > div.editor { visibility: hidden; } .eidtbox-ty1 .h1 {font-size: 26px; color: #000;} .eidtbox-ty1 .txt { margin-top: 30px; font-size: 14px; color: #666; } .eidtbox-ty1 .img_box {clear: both; margin-top: 0;} .eidtbox-ty1 .img_box img {border: 1px solid #e6e6e8} .eidtbox-ty1 .img_box img + img {margin-left: 20px;} .eidtbox-ty1 .img_box .one { position: relative; display: inline-block; cursor: pointer; background: #eee; width: 100%; height: 400px; } .eidtbox-ty1 .img_box .one img { width: auto; max-height: 400px; min-height: 100px; } /* 최대높이 400px 로 임시 설정 */ .eidtbox-ty1 .img_box .one > img.preview { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: auto; height: auto; max-width: 100%; max-height: 400px; margin: auto; opacity: 1; } .eidtbox-ty1 .img_box .one:hover::before { display: block; content: ''; position: absolute; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .eidtbox-ty1 .img_box .one .btn { display: none; position: absolute; right: 10px; top: 10px; z-index: 10; } .eidtbox-ty1 .img_box .one:hover .btn {display: block;} .eidtbox-ty1 .img_box .one .btn .more_box .more {background-position: -64px -453px;} .eidtbox-ty1 .img_box .one .btn .more_box .more:hover, .eidtbox-ty1 .img_box .one .btn .more_box .active .more {background-color: #000;} /*============================================ 첨부파일 ============================================*/ /* .attachfile_box {margin-top: 40px} */ .attachfile_box .tit {font-size: 14px; color: #000;} .attachfile_box .row_box + .row_box {margin-top: 10px;} .attachfile_box .file_row { height: 40px; line-height: 40px; padding-right: 10px; border: solid 1px #d3d4d6; border-radius: 8px; background-color: #f6f7fa; } .attachfile_box .file_name { display: block; float: left; max-width: calc(100% - 90px); margin-left: 20px; line-height: 40px; color: #000; cursor: pointer; } .img_zoom { width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; } .img_zoom {background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0 0;} .img_zoom.active {background-position: -88px -367px;} .attachfile_box .btn {float: right; margin-top: -2px;} .attachfile_box .more_box dd {top: 30px;} .img_zoom + .more_box, .img_zoom + .droplayer {margin-left: 10px;} .attachfile_box .btn.del{margin-top:0;} .attachfile_box .btn.del button > span{display: inline-block;text-indent: -1000em;width: 1px;height: 1px;overflow: hidden;} .hover_box { position: relative; margin-right: -54px; } .hover_box .hover_inner {width: calc(100% - 54px);} .hover_box .move { display: none; position: absolute; left: -20px; top: calc(50% - 10px); width: 20px; height: 20px; cursor: -webkit-grab; cursor: grab; background: url(/static/img/sp_common.1ad25ab.svg) no-repeat -280px -40px; background-size: 500px 500px; } .hover_box > div > .block_handle { display: block; position: absolute; left: -20px; top: 0; width: 20px; z-index: 99; cursor: -webkit-grab; cursor: grab; } .hover_box:hover .move, .hover_box:hover .hover_comment {display: block !important;} .hover_box:hover .hover_comment {top: calc(50% - 20px);} .url_box.hover_box .move, .url_box.hover_box .hover_comment, .share_box.hover_box .move, .share_box.hover_box .hover_comment, [class*="todo_wrap"].hover_box .move, [class*="todo_wrap"].hover_box .hover_comment {top: 10px;} .align_top > .hover_box .move, .align_top > .hover_box .hover_comment {top: 5px;} /*============================================ 관련 보드 연결 ============================================*/ /* .board_link_box {margin-top: 40px;} */ .board_link_box .sel-box { height: 40px; line-height: 40px; padding: 0 20px; border-radius: 8px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: solid 1px #e6e6e8; background-color: #ffffff; } .board_link_box .sel-box .select_ty1 dt {font-size: 14px; color: #000;} .board_link_box .sel-box .select_ty1 dd {top: 34px;} .board_link_box .error {margin-right: 23px;} /*============================================ 검토/의사결정 ============================================*/ .decision_making_box {margin-top: 40px;} .decision_making_box .inner { height: 60px; line-height: 60px; padding: 0 40px 0 20px; border-radius: 8px; background-color: #eff2f7; } .decision_making_box .inner > .move, .decision_making_box .inner > .ico, .decision_making_box .inner > .tit, .decision_making_box .inner > .date, .decision_making_box .inner > .menber {display: inline-block;} .decision_making_box .inner > .move, .decision_making_box .inner > .hover_comment {display: none;} .decision_making_box .ico { height: 17px; line-height: 17px; padding: 0 10px; font-size: 11px; color: #fff; border-radius: 8.5px; background-color: #3a3a3b; } .decision_making_box .tit { margin-left: 9px; font-size: 16px; color: #000; } .decision_making_box .date { position: relative; margin-left: 9px; padding-left: 9px; font-size: 11px; color: #999; } .decision_making_box .date::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 4px); width: 1px; height: 8px; background-color: #999; } .decision_making_box .menber {float: right;} .decision_making_box .menber > div { display: inline-block; font-family: 'LifeplusB'; font-size: 14px; color: #000; } .decision_making_box .menber .request {} .decision_making_box .menber .decision { position: relative; padding-left: 16px; margin-left: 12px; } .decision_making_box .menber .decision::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 3px); width: 4px; height: 7px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -23px -223px; } /*============================================ 편집 본문 ============================================*/ .editor-wrapper.cell-resize{width:100% !important;} .editor-wrapper { font-size: 14px; line-height: 20px; font-family: 'NanumGothic','\B9D1\C740 \ACE0\B515','Malgun Gothic','\B3CB\C6C0',dotum,Helvetica,sans-serif; } .edit_tit input.h1 {font-size:48px; color: #000} .editor-wrapper h2 { font-size: 24px; color: #000; line-height: 100%; margin-bottom: 1.2rem; } .editor-wrapper .ProseMirror:focus { outline: none !important; } .editor-wrapper .ProseMirror > p {margin-top: 0px;} .editor-wrapper h3 { font-size: 18px; color: #000; line-height: 100%; margin-bottom: 0.8rem; } /* .editor-wrapper h2 {font-size: 24px; color: #000} .editor-wrapper h2 + h3 {margin-top: 25px;} .editor-wrapper .ProseMirror > p {margin-top: 15px;} .editor-wrapper .ProseMirror > p + h2, .editor-wrapper .ProseMirror > p + h3 {margin-top: 60px;} .editor-wrapper h3 { margin-bottom: 20px; font-size: 18px; color: #000 } */ .editor-wrapper ul li { position: relative; padding-left: 15px; } .editor-wrapper ul li::before { display: block; content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #333; } .editor-wrapper ol { margin-left: 15px; list-style: decimal; } .editor-wrapper ul > li, .editor-wrapper ol > li {line-height: 1.43;} .editor-wrapper ul > li + li, .editor-wrapper ol > li + li {margin-top: 9px} .editor-wrapper em {font-style: italic;} .editor-wrapper s {} .editor-wrapper u {} .editor-wrapper p {font-weight: normal; font-size: inherit; line-height: inherit; color: inherit;} .has-focus {} .editor-wrapper .block-usage { color: #ccc; position: absolute; } /* .editor-wrapper span.mention { display: inline-block; height: 16px; line-height: 16px; padding: 0 3px; margin-right: 3px; font-size: 12px; color: #000; border-radius: 8px; background-color: #dbe8ff; cursor: pointer; } */ .has-focus {} .content_line .hover_inner { padding: 10px 0; } .content_line hr { margin: 0 0; border: 0; border-top: 1px solid #d3d4d6 } .content_line .hover_comment button::before { display: none; } .hw-tb-color-0 th * {color: inherit;} .hw-tb-color-0 th {background-color: #f6f7fa;} .hw-color-bg-t, .hw-tb-color-t th { background: #d3d4d6; } .content_line hr { margin: 0; border-top: 1px solid #d3d4d6 } .hw-tb-color-0 th * {color: inherit;} .hw-tb-color-0 th {background-color: #f6f7fa;} .tableWrapper table { border: inherit; } .tableWrapper td > p, .tableWrapper th > p { word-break: break-all; } .tableWrapper table th, .tableWrapper table td { height: 38px; padding: 8px 15px; border: 1px solid #d3d4d6; } .tableWrapper table td { color: #000; background-color: #ffff; } .tableWrapper table th:first-child, .tableWrapper table td:first-child {border-left: 0 none;} .tableWrapper table th:last-child, .tableWrapper table td:last-child {border-right: 0 none;} .tableWrapper table th {text-align: center; font-weight: bold;} .tableWrapper table th p {text-align: center;} .tableWrapper .selectedCell {background: #eaecf0 !important; color: #000} .md-theme-default :(input):not(textarea)::-moz-selection { background-color: #000; background-color: var(--md-theme-default-accent-on-background, #000); color: #fff; color: var(--md-theme-default-text-primary-on-accent, #fff); } .md-theme-default :(input):not(textarea)::selection { background-color: #000; background-color: var(--md-theme-default-accent-on-background, #000); color: #fff; color: var(--md-theme-default-text-primary-on-accent, #fff); } .resize-cursor table * {cursor: w-resize;} ::-moz-selection { background-color: #000; background-color: var(--md-theme-default-accent-on-background, #000); color: #fff; color: var(--md-theme-default-text-primary-on-accent, #fff); } ::selection { background-color: #000; background-color: var(--md-theme-default-accent-on-background, #000); color: #fff; color: var(--md-theme-default-text-primary-on-accent, #fff); } /*============================================ 표 수정툴 ============================================*/ .menubar.type1 { z-index: 999;position: absolute; bottom: auto; left: auto; top: 346px; -webkit-transform: none; transform: none; width: 730px; border: 1px solid #dfdfea; border-radius: 0 0 12px 12px ; background: #f6f7fa; -webkit-transition: visibility 0.2s 0.4s, opacity 0.2s 0.4s; transition: visibility 0.2s 0.4s, opacity 0.2s 0.4s; } .menubar { z-index: 999;position: fixed; bottom: -50px; left: calc(50% - 65px);; -webkit-transform: translateX(-50%);; transform: translateX(-50%); width: 730px; border: 1px solid #000; border-radius: 12px 12px 0 0 ; background: #000; -webkit-transition: bottom 0.2s 0.4s, opacity 0.2s 0.4s; transition: bottom 0.2s 0.4s, opacity 0.2s 0.4s; } .edit_widget.active .menubar { bottom: 0;} .edit_widget.active .edit_tool{ bottom: -62px;} .menubar.type1.isFixed{position:fixed;top:95px;} .menubar.type1.is-hidden { display: none; opacity: 0; } .menubar.type1.is-focused { display: inline-block; opacity: 1; -webkit-transition: visibility 0.2s, opacity 0.2s; transition: visibility 0.2s, opacity 0.2s; } .menubar.type1, .menububble { display: inline-block; height: 50px; padding: 0 20px !important; border-radius: 0 0 12px 12px; background-color: #f6f7fa; } .menubar { display: inline-block; height: 50px; padding: 0 20px !important; } .menubar .div { display: inline-block; width: 1px; height: 30px; margin: 0 3px 0 4px; background-color: rgba(163, 163, 163, 0.3); } .menubar-button + .menubar-button {margin-left: 4px;} .menubar-button { display: inline-block !important; width: 40px; height: 50px; color: #acacac; font-family: 'LifeplusM'; font-size: 11px; } .menubar-button:hover {color: #fff;} .type1 .menubar-button:hover {color: #000;} .menubar-button::before { display: block; content: ''; width: 14px; height: 14px; margin: 1px auto 5px; } .tb-add-btn1::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik04Ljk5OSAxMi45OTloLTh2LTEyaDEydjEyaC00em0tMy0uOTk5aDJWOS45OTloLTJWMTJ6TTIgMTJoMi45OTlWOS45OTlIMlYxMnptOS45OTktMTAuMDAxSDJWOWg5Ljk5OVYxLjk5OXptMCA4aC0zVjEyaDNWOS45OTl6TTguOTk5IDZoMXYuOTk5aC0xVjZ6bS0xLTEuMDAxaDFWNmgtMVY0Ljk5OXpNNC45OTkgNlY0Ljk5OWgxVjZoLTF6bS0xIC45OTlWNmgxdi45OTloLTF6bTItMi45OTloMnYuOTk5aC0yVjR6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn1:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik04Ljk5OSAxMi45OTlWMTNIOHYtLjAwMUg2VjEzSDV2LS4wMDFILjk5OXYtMTJoMTJ2MTJoLTR6TTYgMTJoMlY5Ljk5OUg2VjEyem0tNC4wMDEgMEg1VjkuOTk5SDEuOTk5VjEyek0xMiAxLjk5OUgxLjk5OVY5SDEyVjEuOTk5em0wIDhIOC45OTlWMTJIMTJWOS45OTl6TTguOTk5IDZoMXYuOTk5aC0xVjZ6TTggNC45OTloLjk5OVY2SDhWNC45OTl6TTUgNlY0Ljk5OWgxVjZINXptLTEuMDAxLjk5OVY2SDV2Ljk5OUgzLjk5OXpNNiA0aDJ2Ljk5OUg2VjR6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn2::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNNSAxLjk5OUgxLjk5OVY0SDVWMS45OTl6bTMgMEg2VjRoMlYxLjk5OXptNCAwSDlWNGgzVjEuOTk5em0wIDNIMS45OTlWMTJIMTJWNC45OTl6bS03IDNINHYtMWgxdjF6TTYgOUg1VjcuOTk5aDFWOXptMy0xLjAwMVY5SDhWNy45OTloMXptMS0xdjFIOXYtMWgxem0tMiAzSDZWOWgydi45OTl6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn2:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNNSAySDEuOTk5djJINVYyem0zIDBINnYyaDJWMnptNCAwSDl2MmgzVjJ6bTAgM0gxLjk5OXY3SDEyVjV6TTUgNy45OTlINFY3aDF2Ljk5OXptMSAxSDV2LTFoMXYxem0zLTF2MUg4di0xaDF6TTEwIDd2Ljk5OUg5VjdoMXptLTIgM0g2VjguOTk5aDJWMTB6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn3::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTEuOTk5IDEuOTk5SDJWM2g5Ljk5OVYxLjk5OXptMCAyLjAwMUgydjUuOTk5aDkuOTk5VjR6bTAgNi45OTlIMlYxMmg5Ljk5OXYtMS4wMDF6TTUuOTk5IDZoLTFWNC45OTloMVY2em0zLTEuMDAxVjZoLTFWNC45OTloMXptLTEgM2gtMlY2aDJ2MS45OTl6bTEgMS4wMDFoLTFWNy45OTloMVY5em0tNCAwVjcuOTk5aDFWOWgtMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .tb-add-btn3:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTEuOTk5IDJIMnYuOTk5aDkuOTk5VjJ6bTAgMkgydjZoOS45OTlWNHptMCA2Ljk5OUgyVjEyaDkuOTk5di0xLjAwMXptLTYtNWgtMVY1aDF2Ljk5OXptMy0uOTk5di45OTloLTFWNWgxem0tMSAyLjk5OWgtMnYtMmgydjJ6bTEgMWgtMXYtMWgxdjF6bS00IDB2LTFoMXYxaC0xeiIvPgo8L3N2Zz4K) left top no-repeat;} .tb-add-btn4::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0xMyA3Ljk5OXYxaC0uMDAxVjEzaC0xMlYxaDEydjRIMTN2Ljk5OWgtLjAwMXYySDEzem0tNCAxdi03SDEuOTk5VjEySDlWOC45OTl6bTMtN0g5Ljk5OVY1SDEyVjEuOTk5em0wIDRIOS45OTl2MkgxMnYtMnptMCAzSDkuOTk5VjEySDEyVjguOTk5ek02IDV2Ljk5OUg0Ljk5OVY1SDZ6bS45OTktMXYxSDZWNGguOTk5em0tMiAzLjk5OUg0di0yaC45OTl2MnptMS4wMDEgMUg0Ljk5OXYtMUg2djF6TTYuOTk5IDEwSDZWOC45OTloLjk5OVYxMHoiLz4KPC9zdmc+Cg==) left top no-repeat;} .tb-add-btn4:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMyA3Ljk5OXYxaC0uMDAxVjEzaC0xMlYxaDEydjRIMTN2Ljk5OWgtLjAwMXYySDEzem0tNCAxVjJIMS45OTl2MTBIOVY4Ljk5OXpNMTIgMmgtMnYzaDJWMnptMCAzLjk5OWgtMnYyaDJ2LTJ6bTAgM2gtMlYxMmgyVjguOTk5ek02IDV2Ljk5OUg1VjVoMXptMS0xdjFINlY0aDF6TTUgNy45OTlINHYtMmgxdjJ6bTEgMUg1di0xaDF2MXpNNyAxMEg2VjguOTk5aDFWMTB6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn5::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0xIDEyLjk5OXYtNEguOTk5VjhIMVY2SC45OTlWNUgxVi45OTloMTJ2MTJIMXptMy0xMUgxLjk5OVY1SDRWMS45OTl6TTQgNkgxLjk5OXYySDRWNnptMCAyLjk5OUgxLjk5OVYxMkg0VjguOTk5em04LTdINC45OTlWMTJIMTJWMS45OTl6TTcuOTk5IDVIN1YzLjk5OWguOTk5VjV6TTkgNkg3Ljk5OVY1SDl2MXptLjk5OSAySDlWNmguOTk5djJ6bS0yIC45OTlWOEg5di45OTlINy45OTl6bS0uOTk5IDF2LTFoLjk5OXYxSDd6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn5:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xIDEyLjk5OXYtMTJoMTJ2MTJIMXpNNCAySDJ2M2gyVjJ6bTAgMy45OTlIMnYyaDJ2LTJ6bTAgM0gyVjEyaDJWOC45OTl6TTExLjk5OSAyaC03djEwaDdWMnptLTQgM2gtMVY0aDF2MXptMSAuOTk5aC0xVjVoMXYuOTk5em0xIDJoLTF2LTJoMXYyem0tMiAxdi0xaDF2MWgtMXptLTEgMS4wMDFWOC45OTloMVYxMGgtMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .tb-add-btn6::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0uOTk5IDEzVjFoMTJ2MTJoLTEyem0xLTExLjAwMVYxMmgxVjEuOTk5aC0xem04LjAwMSAwSDRWMTJoNlYxLjk5OXptMS45OTkgMGgtMVYxMmgxVjEuOTk5em0tNiA0SDVWNWguOTk5di45OTl6TTkgNXYuOTk5SDcuOTk5VjVIOXpNNy45OTkgNy45OTloLTJ2LTJoMnYyem0xLjAwMSAxSDcuOTk5di0xSDl2MXptLTQgMHYtMWguOTk5djFINXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .tb-add-btn6:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0uOTk5IDEzVjFoMTJ2MTJoLTEyem0xLTExdjEwaDFWMmgtMXpNMTAgMkgzLjk5OXYxMEgxMFYyem0yIDBoLTF2MTBoMVYyek02IDUuOTk5SDVWNWgxdi45OTl6TTkgNXYuOTk5SDhWNWgxek04IDcuOTk5SDZ2LTJoMnYyem0xIDFIOHYtMWgxdjF6bS00IDB2LTFoMXYxSDV6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn7::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0xIDEzVjFoNFYuOTk5aC45OTlWMWgyVi45OTloMVYxSDEzdjEySDF6bTQuOTk5LTFoMlY5Ljk5OWgtMlYxMnptLTQgMEg1VjkuOTk5SDEuOTk5VjEyek01IDEuOTk5SDEuOTk5VjRINVYxLjk5OXptMi45OTkgMGgtMlY0aDJWMS45OTl6bTQuMDAxIDBIOC45OTlWNEgxMlYxLjk5OXptMCAzSDEuOTk5VjlIMTJWNC45OTl6bTAgNUg4Ljk5OVYxMkgxMlY5Ljk5OXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .tb-add-btn7:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXptNC45OTktMWgydi0yaC0ydjJ6TTIgMTJoM3YtMkgydjJ6TTUgMkgydjJoM1Yyem0yLjk5OSAwaC0ydjJoMlYyem00IDBoLTN2MmgzVjJ6bTAgM0gydjMuOTk5aDkuOTk5VjV6bTAgNWgtM3YyaDN2LTJ6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn8::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXptLjk5OS00LjAwMUg1di00SDEuOTk5djR6bTQgMGgydi00aC0ydjR6TTEyIDJIMS45OTl2MS45OTlIMTJWMnptMCAyLjk5OUg4Ljk5OXY0SDEydi00em0wIDVIMS45OTlWMTJIMTJWOS45OTl6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn8:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXptLjk5OS00LjAwMWgzVjVoLTN2My45OTl6bTQuMDAxIDBoMlY1SDZ2My45OTl6TTEyIDJIMS45OTl2MkgxMlYyem0wIDNIOXYzLjk5OWgzVjV6bTAgNUgxLjk5OXYySDEydi0yeiIvPgo8L3N2Zz4K) left top no-repeat;} .tb-add-btn9::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGREVEMzIiIGQ9Ik0xLjk5OSA0Ljk5OUgxMlY5SDEuOTk5VjQuOTk5eiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYWNhY2FjIiBkPSJNMSAxM1YxaDRWLjk5OWguOTk5VjFoMlYuOTk5aDFWMUgxM3YxMkgxem00Ljk5OS0xaDJWOS45OTloLTJWMTJ6bS00IDBINVY5Ljk5OUgxLjk5OVYxMnpNNSAxLjk5OUgxLjk5OVY0SDVWMS45OTl6bTIuOTk5IDBoLTJWNGgyVjEuOTk5em00LjAwMSAwSDguOTk5VjRIMTJWMS45OTl6bTAgM0gxLjk5OVY5SDEyVjQuOTk5em0wIDVIOC45OTlWMTJIMTJWOS45OTl6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn9:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkVBMDAiIGQ9Ik0yIDVoOS45OTl2My45OTlIMlY1eiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNMSAxM1YxaDEydjEySDF6bTUtMWgxLjk5OXYtMkg2djJ6bS00IDBoM3YtMkgydjJ6TTUgMkgydjJoM1Yyem0yLjk5OSAwSDZ2MmgxLjk5OVYyem00IDBoLTN2MmgzVjJ6bTAgM0gydjMuOTk5aDkuOTk5VjV6bTAgNWgtM3YyaDN2LTJ6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn10::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iI2FjYWNhYyIgZD0iTTguNTIyIDEyLjg4Yy42MTIgMCAxLjE2MS0uMDkzIDEuNjQ5LS4yOC40ODctLjE4NyAxLjU2OS0uNDQ1IDEuMjQ5LS43NzQuMzQ2LS4zMjguOS0uNzIyLjc5OS0xLjE4MS4xODctLjQ1OS4yODEtLjk1NS4yODEtMS40ODhhMi45MiAyLjkyIDAgMCAwLS4xNDUtLjkyNiAzLjg0OCAzLjg0OCAwIDAgMC0uMzgyLS44MTYgNC40NjUgNC40NjUgMCAwIDAtLjU0NC0uNzA2Yy0uMjA0LS4yMTUtLjI3OS0uNDA4LS42MjktLjU3OC4wOS4yNzkuMTgxLS4yMTIuOTItLjM2NS0uNTU4LS4xNTMtLjQ3Ni0uMzE1LS40MDItLjQ4NS4wNzQtLjE3LjEzMy0uMzQyLjE3OS0uNTE4LjA0NS0uMTc2LjA3My0uMzQzLjA4NS0uNTAyYTMuNjgyIDMuNjgyIDAgMCAwLS4xNDUtMS4zNDMgMy4xNiAzLjE2IDAgMCAwLS42MTItMS4xMzkgMy4wNDQgMy4wNDQgMCAwIDAtMS4wNTQtLjc5QzkuMzQ2Ljc5MSA4Ljg1Ni42OTEgOC4zMDEuNjkxSDIuNzI1VjEyLjg4aDUuNzk3em0tMy41Ny03LjIyNVYyLjY0Nkg4LjEyYy4xMTggMCAuMzIuMDQzLjQ5NS4xMjguMTc2LjA4NS4zMjMuMTk4Ljk1NS4zNC0uMzk0LjE0Mi0uMzA2LjMtLjI0OS40NzYuMDU2LjE3Ni4wODUuMzQ4LjA4NS41MTggMCAuMTctLjAyOS4zNDktLjA4NS41MzYtLjA1Ny4xODctLjEzOS4zNTQuNDE5LjUwMS0uNzc0LjE0OC0uOTEyLjI3LTEuMDgyLjM2Ni0uMTcuMDk2LS4zNjkuMTQ0LS4wMjguMTQ0SDQuOTUyem0wIDUuMTg1VjcuNTkzaDMuNDUxYy41MzIgMCAuOTU3LjE0OCAxLjI3NS43NTcuMzE3LS4wMi40NzYuMzg4LjQ3Ni45MDkgMCAuNDc2LS4xNjUuODU5LS40OTMgMS4xNDgtLjMyOS4yODktLjc2LjQzMy0xLjI5Mi40MzNINC45NTJ6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn10:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik04LjUyMiAxMi44OGMuNjEyIDAgMS4xNjEtLjA5MyAxLjY0OS0uMjguNDg3LS4xODcgMS41NjktLjQ0NSAxLjI0OS0uNzc0LjM0Ni0uMzI4LjktLjcyMi43OTktMS4xODEuMTg3LS40NTkuMjgxLS45NTUuMjgxLTEuNDg4YTIuOTIgMi45MiAwIDAgMC0uMTQ1LS45MjYgMy44NDggMy44NDggMCAwIDAtLjM4Mi0uODE2IDQuNDY1IDQuNDY1IDAgMCAwLS41NDQtLjcwNmMtLjIwNC0uMjE1LS4yNzktLjQwOC0uNjI5LS41NzguMDkuMjc5LjE4MS0uMjEyLjkyLS4zNjUtLjU1OC0uMTUzLS40NzYtLjMxNS0uNDAyLS40ODUuMDc0LS4xNy4xMzMtLjM0Mi4xNzktLjUxOC4wNDUtLjE3Ni4wNzMtLjM0My4wODUtLjUwMmEzLjY4MiAzLjY4MiAwIDAgMC0uMTQ1LTEuMzQzIDMuMTYgMy4xNiAwIDAgMC0uNjEyLTEuMTM5IDMuMDQ0IDMuMDQ0IDAgMCAwLTEuMDU0LS43OUM5LjM0Ni43OTEgOC44NTYuNjkxIDguMzAxLjY5MUgyLjcyNVYxMi44OGg1Ljc5N3ptLTMuNTctNy4yMjVWMi42NDZIOC4xMmMuMTE4IDAgLjMyLjA0My40OTUuMTI4LjE3Ni4wODUuMzIzLjE5OC45NTUuMzQtLjM5NC4xNDItLjMwNi4zLS4yNDkuNDc2LjA1Ni4xNzYuMDg1LjM0OC4wODUuNTE4IDAgLjE3LS4wMjkuMzQ5LS4wODUuNTM2LS4wNTcuMTg3LS4xMzkuMzU0LjQxOS41MDEtLjc3NC4xNDgtLjkxMi4yNy0xLjA4Mi4zNjYtLjE3LjA5Ni0uMzY5LjE0NC0uMDI4LjE0NEg0Ljk1MnptMCA1LjE4NVY3LjU5M2gzLjQ1MWMuNTMyIDAgLjk1Ny4xNDggMS4yNzUuNzU3LjMxNy0uMDIuNDc2LjM4OC40NzYuOTA5IDAgLjQ3Ni0uMTY1Ljg1OS0uNDkzIDEuMTQ4LS4zMjkuMjg5LS43Ni40MzMtMS4yOTIuNDMzSDQuOTUyeiIvPgo8L3N2Zz4K) left top no-repeat;} .tb-add-btn11::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iI2FjYWNhYyIgZD0iTTEwLjQ5MSA3LjRoMi4wNDRsLjI3NC0xLjU1NGgtMi4wNDRsLjg0NC00LjI2NmgtMS43NUw3LjYxNSAxMy43ODRoMS43NUwxMC40OTEgNy40ek0yLjQ1IDExLjgxYzEuMzk4LTEuODMgMi41MzMtMy4wMTUgMy40MDYtNC4yODUuODcyLTEuMjY5IDEuNDM2LTIuNjI3IDEuNjkxLTQuMDczbC4yNjQtMS40OThIMS44NzZsLS4yNzUgMS41NTRoNC4yMTRjLS4xOTkgMS4xMjktLjY3OCAyLjIzMy0xLjQzNyAzLjMxMS0uNzYgMS4wNzgtMS43NzMgMi4xMzktMy4wNCAzLjU4MWwxLjExMiAxLjQxeiIvPgo8L3N2Zz4K) left top no-repeat;} .tb-add-btn11:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMC40OTEgNy40aDIuMDQ0bC4yNzQtMS41NTRoLTIuMDQ0bC44NDQtNC4yNjZoLTEuNzVMNy42MTUgMTMuNzg0aDEuNzVMMTAuNDkxIDcuNHpNMi40NSAxMS44MmMxLjM5OC0xLjg0IDIuNTMzLTMuMDI1IDMuNDA2LTQuMjk0Ljg3Mi0xLjI3IDEuNDM2LTIuNjI4IDEuNjkxLTQuMDc0bC4yNjQtMS40OThIMS44NzZsLS4yNzUgMS41NTRoNC4yMTRjLS4xOTkgMS4xMjktLjY3OCAyLjIzMy0xLjQzNyAzLjMxMS0uNzYgMS4wNzgtMS43NzMgMi4xMzktMy4wNCAzLjU4MWwxLjExMiAxLjQyeiIvPgo8L3N2Zz4K) left top no-repeat;} .tb-add-btn12::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iI2FjYWNhYyIgZD0iTTEwLjc3MyA3LjRoMi4wNDRWNS44NDZoLTIuMDQ0VjEuNThIOS4yM3YxMi4yMDRoMS41NDNWNy40em0tNy4zOTIgNC40MWMxLjIwNC0xLjgzIDIuMTMtMy4wMTUgMi43NzktNC4yODVhOC44MzIgOC44MzIgMCAwIDAgLjk3My00LjA3M1YxLjk1NEgxLjE5N3YxLjU1NGg0LjIxNGMwIDEuMTI5LS4yODUgMi4yMzMtLjg1NCAzLjMxMS0uNTcgMS4wNzgtMS4zOTYgMi4xMzktMS43NjcgMy41ODFsLjU5MSAxLjQxeiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYWNhY2FjIiBkPSJNLjEgNS45OThoMTMuODk3djFILjF2LTF6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn12:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMC43NzMgNy40aDIuMDQ0VjUuODQ2aC0yLjA0NFYxLjU4SDkuMjN2MTIuMjA0aDEuNTQzVjcuNHptLTcuMzkyIDQuNDJjMS4yMDQtMS44NCAyLjEzLTMuMDI1IDIuNzc5LTQuMjk0YTguODQgOC44NCAwIDAgMCAuOTczLTQuMDc0VjEuOTU0SDEuMTk3djEuNTU0aDQuMjE0YzAgMS4xMjktLjI4NSAyLjIzMy0uODU0IDMuMzExLS41NyAxLjA3OC0xLjM5NiAyLjEzOS0xLjc2NyAzLjU4MWwuNTkxIDEuNDJ6Ii8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0uMSA1Ljk5OGgxMy44OTd2MUguMXYtMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .tb-add-btn13::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iI2FjYWNhYyIgZD0iTTEwLjYxMyA2LjcyM2gxLjg5OFY1LjI4aC0xLjg5OFYuODM0SDguOTg4djExLjgxN2gxLjYyNVY2LjcyM3ptLTYuODY0IDMuNDE5QzQuODY3IDkuMTIgNS43MjcgOC4xOSA2LjMyOSA2Ljg0Yy42MDMtMS4xNzguOTA0LTIuNDM5LjkwNC0zLjI3VjEuNjY2SDEuNzIxdjEuNDQzaDMuOTEzYzAgMS4wNDktLjI2NSAyLjA3NC0uNzkzIDMuMDc1LS41MjkgMS4wMDEtMS4yOTYgMS45ODctMi4zMDEgMi45NTdsMS4yMDkgMS4wMDF6Ii8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0wIDEyLjk5OWgxNFYxNEgwdi0xLjAwMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .tb-add-btn13:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMC42MTMgNi43MjNoMS44OThWNS4yOGgtMS44OThWLjgzNEg4Ljk4OHYxMS44MTdoMS42MjVWNi43MjN6bS02Ljg2NCAzLjQxOUM0Ljg2NyA5LjEyIDUuNzI3IDguMTkgNi4zMjkgNi44NGMuNjAzLTEuMTc4LjkwNC0yLjQzOS45MDQtMy4yN1YxLjY2NkgxLjcyMXYxLjQ0M2gzLjkxM2MwIDEuMDQ5LS4yNjUgMi4wNzQtLjc5MyAzLjA3NS0uNTI5IDEuMDAxLTEuMjk2IDEuOTg3LTIuMzAxIDIuOTU3bDEuMjA5IDEuMDAxek0wIDEzaDEzLjk5OXYuOTk5SDBWMTN6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .tb-add-btn14::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNhY2FjYWMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTIgMkgxLjk5OXYxMEgxMlYyek01IDQuOTk5SDR2LTFoMXYxek01Ljk5OSA2SDVWNC45OTloLjk5OVY2em0zLTEuMDAxVjZoLTFWNC45OTloMXptMS4wMDEtMXYxSDguOTk5di0xSDEwek03Ljk5OSA4aC0yVjZoMnYyem0xIC45OTloLTFWOGgxdi45OTl6bTEuMDAxIDFIOC45OTl2LTFIMTB2MXptLTUtMVY4aC45OTl2Ljk5OUg1em0tMSAxdi0xaDF2MUg0eiIvPgo8L3N2Zz4K) left top no-repeat;} .tb-add-btn14:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTIgMkgxLjk5OXYxMEgxMlYyek00Ljk5OSA1aC0xVjRoMXYxem0xIC45OTloLTFWNWgxdi45OTl6TTkgNXYuOTk5SDcuOTk5VjVIOXptMS0xdjFIOVY0aDF6TTcuOTk5IDcuOTk5aC0ydi0yaDJ2MnptMS4wMDEgMUg3Ljk5OXYtMUg5djF6TTEwIDEwSDlWOC45OTloMVYxMHpNNC45OTkgOC45OTl2LTFoMXYxaC0xem0tMSAxLjAwMVY4Ljk5OWgxVjEwaC0xeiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn1::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik04Ljk5OSAxMi45OTloLTh2LTEyaDEydjEyaC00em0tMy0uOTk5aDJWOS45OTloLTJWMTJ6TTIgMTJoMi45OTlWOS45OTlIMlYxMnptOS45OTktMTAuMDAxSDJWOWg5Ljk5OVYxLjk5OXptMCA4aC0zVjEyaDNWOS45OTl6TTguOTk5IDZoMXYuOTk5aC0xVjZ6bS0xLTEuMDAxaDFWNmgtMVY0Ljk5OXpNNC45OTkgNlY0Ljk5OWgxVjZoLTF6bS0xIC45OTlWNmgxdi45OTloLTF6bTItMi45OTloMnYuOTk5aC0yVjR6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn1:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik04Ljk5OSAxMi45OTlWMTNoLTF2LS4wMDFoLTJWMTNoLTF2LS4wMDFoLTR2LTEyaDEydjEyaC00em0tMy0uOTk5aDJ2LTJoLTJ2MnpNMiAxMmgyLjk5OXYtMkgydjJ6bTkuOTk5LTEwSDJ2Ni45OTloOS45OTlWMnptMCA4aC0zdjJoM3YtMnptLTMtNC4wMDFoMVY3aC0xVjUuOTk5em0tMS0uOTk5aDF2Ljk5OWgtMVY1em0tMyAuOTk5VjVoMXYuOTk5aC0xek0zLjk5OSA3VjUuOTk5aDFWN2gtMXptMi0zaDJ2MWgtMlY0eiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn2::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNNSAxLjk5OUgxLjk5OVY0SDVWMS45OTl6bTMgMEg2VjRoMlYxLjk5OXptNCAwSDlWNGgzVjEuOTk5em0wIDNIMS45OTlWMTJIMTJWNC45OTl6bS03IDNINHYtMWgxdjF6TTYgOUg1VjcuOTk5aDFWOXptMy0xLjAwMVY5SDhWNy45OTloMXptMS0xdjFIOXYtMWgxem0tMiAzSDZWOWgydi45OTl6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn2:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNNSAySDEuOTk5djJINVYyem0zIDBINnYyaDJWMnptNCAwSDl2MmgzVjJ6bTAgM0gxLjk5OXY3SDEyVjV6TTUgNy45OTlINFY3aDF2Ljk5OXptMSAxSDV2LTFoMXYxem0zLTF2MUg4di0xaDF6TTEwIDd2Ljk5OUg5VjdoMXptLTIgM0g2VjguOTk5aDJWMTB6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn3::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTEuOTk5IDEuOTk5SDJWM2g5Ljk5OVYxLjk5OXptMCAyLjAwMUgydjUuOTk5aDkuOTk5VjR6bTAgNi45OTlIMlYxMmg5Ljk5OXYtMS4wMDF6TTUuOTk5IDZoLTFWNC45OTloMVY2em0zLTEuMDAxVjZoLTFWNC45OTloMXptLTEgM2gtMlY2aDJ2MS45OTl6bTEgMS4wMDFoLTFWNy45OTloMVY5em0tNCAwVjcuOTk5aDFWOWgtMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .type1 .tb-add-btn3:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTEuOTk5IDJIMnYuOTk5aDkuOTk5VjJ6bTAgMkgydjZoOS45OTlWNHptMCA2Ljk5OUgyVjEyaDkuOTk5di0xLjAwMXptLTYtNWgtMVY1aDF2Ljk5OXptMy0uOTk5di45OTloLTFWNWgxem0tMSAyLjk5OWgtMnYtMmgydjJ6bTEgMWgtMXYtMWgxdjF6bS00IDB2LTFoMXYxaC0xeiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn4::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0xMyA3Ljk5OXYxaC0uMDAxVjEzaC0xMlYxaDEydjRIMTN2Ljk5OWgtLjAwMXYySDEzem0tNCAxdi03SDEuOTk5VjEySDlWOC45OTl6bTMtN0g5Ljk5OVY1SDEyVjEuOTk5em0wIDRIOS45OTl2MkgxMnYtMnptMCAzSDkuOTk5VjEySDEyVjguOTk5ek02IDV2Ljk5OUg0Ljk5OVY1SDZ6bS45OTktMXYxSDZWNGguOTk5em0tMiAzLjk5OUg0di0yaC45OTl2MnptMS4wMDEgMUg0Ljk5OXYtMUg2djF6TTYuOTk5IDEwSDZWOC45OTloLjk5OVYxMHoiLz4KPC9zdmc+Cg==) left top no-repeat;} .type1 .tb-add-btn4:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xMyA3Ljk5OXYxaC0uMDAxVjEzaC0xMlYxaDEydjRIMTN2Ljk5OWgtLjAwMXYySDEzem0tNCAxVjJIMS45OTl2MTBIOVY4Ljk5OXpNMTIgMmgtMnYzaDJWMnptMCAzLjk5OWgtMnYyaDJ2LTJ6bTAgM2gtMlYxMmgyVjguOTk5ek02IDV2Ljk5OUg1VjVoMXptMS0xdjFINlY0aDF6TTUgNy45OTlINHYtMmgxdjJ6bTEgMUg1di0xaDF2MXpNNyAxMEg2VjguOTk5aDFWMTB6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn5::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0xIDEyLjk5OXYtNEguOTk5VjhIMVY2SC45OTlWNUgxVi45OTloMTJ2MTJIMXptMy0xMUgxLjk5OVY1SDRWMS45OTl6TTQgNkgxLjk5OXYySDRWNnptMCAyLjk5OUgxLjk5OVYxMkg0VjguOTk5em04LTdINC45OTlWMTJIMTJWMS45OTl6TTcuOTk5IDVIN1YzLjk5OWguOTk5VjV6TTkgNkg3Ljk5OVY1SDl2MXptLjk5OSAySDlWNmguOTk5djJ6bS0yIC45OTlWOEg5di45OTlINy45OTl6bS0uOTk5IDF2LTFoLjk5OXYxSDd6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn5:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xIDEyLjk5OXYtMTJoMTJ2MTJIMXpNNCAySDJ2M2gyVjJ6bTAgMy45OTlIMnYyaDJ2LTJ6bTAgM0gyVjEyaDJWOC45OTl6TTExLjk5OSAyaC03djEwaDdWMnptLTQgM2gtMVY0aDF2MXptMSAuOTk5aC0xVjVoMXYuOTk5em0xIDJoLTF2LTJoMXYyem0tMiAxdi0xaDF2MWgtMXptLTEgMS4wMDFWOC45OTloMVYxMGgtMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .type1 .tb-add-btn6::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0uOTk5IDEzVjFoMTJ2MTJoLTEyem0xLTExLjAwMVYxMmgxVjEuOTk5aC0xem04LjAwMSAwSDRWMTJoNlYxLjk5OXptMS45OTkgMGgtMVYxMmgxVjEuOTk5em0tNiA0SDVWNWguOTk5di45OTl6TTkgNXYuOTk5SDcuOTk5VjVIOXpNNy45OTkgNy45OTloLTJ2LTJoMnYyem0xLjAwMSAxSDcuOTk5di0xSDl2MXptLTQgMHYtMWguOTk5djFINXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .type1 .tb-add-btn6:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0uOTk5IDEzVjFoMTJ2MTJoLTEyem0xLTExdjEwaDFWMmgtMXpNMTAgMkgzLjk5OXYxMEgxMFYyem0yIDBoLTF2MTBoMVYyek02IDUuOTk5SDVWNWgxdi45OTl6TTkgNXYuOTk5SDhWNWgxek04IDcuOTk5SDZ2LTJoMnYyem0xIDFIOHYtMWgxdjF6bS00IDB2LTFoMXYxSDV6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn7::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0xIDEzVjFoNFYuOTk5aC45OTlWMWgyVi45OTloMVYxSDEzdjEySDF6bTQuOTk5LTFoMlY5Ljk5OWgtMlYxMnptLTQgMEg1VjkuOTk5SDEuOTk5VjEyek01IDEuOTk5SDEuOTk5VjRINVYxLjk5OXptMi45OTkgMGgtMlY0aDJWMS45OTl6bTQuMDAxIDBIOC45OTlWNEgxMlYxLjk5OXptMCAzSDEuOTk5VjlIMTJWNC45OTl6bTAgNUg4Ljk5OVYxMkgxMlY5Ljk5OXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .type1 .tb-add-btn7:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXptNC45OTktMWgydi0yaC0ydjJ6TTIgMTJoM3YtMkgydjJ6TTUgMkgydjJoM1Yyem0yLjk5OSAwaC0ydjJoMlYyem00IDBoLTN2MmgzVjJ6bTAgM0gydjMuOTk5aDkuOTk5VjV6bTAgNWgtM3YyaDN2LTJ6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn8::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXptLjk5OS00LjAwMUg1di00SDEuOTk5djR6bTQgMGgydi00aC0ydjR6TTEyIDJIMS45OTl2MS45OTlIMTJWMnptMCAyLjk5OUg4Ljk5OXY0SDEydi00em0wIDVIMS45OTlWMTJIMTJWOS45OTl6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn8:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXptLjk5OS00LjAwMWgzVjVoLTN2My45OTl6bTQuMDAxIDBoMlY1SDZ2My45OTl6TTEyIDJIMS45OTl2MkgxMlYyem0wIDNIOXYzLjk5OWgzVjV6bTAgNUgxLjk5OXYySDEydi0yeiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn9::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGREVEMzIiIGQ9Ik0xLjk5OSA0Ljk5OUgxMlY5SDEuOTk5VjQuOTk5eiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNjY2IiBkPSJNMSAxM1YxaDRWLjk5OWguOTk5VjFoMlYuOTk5aDFWMUgxM3YxMkgxem00Ljk5OS0xaDJWOS45OTloLTJWMTJ6bS00IDBINVY5Ljk5OUgxLjk5OVYxMnpNNSAxLjk5OUgxLjk5OVY0SDVWMS45OTl6bTIuOTk5IDBoLTJWNGgyVjEuOTk5em00LjAwMSAwSDguOTk5VjRIMTJWMS45OTl6bTAgM0gxLjk5OVY5SDEyVjQuOTk5em0wIDVIOC45OTlWMTJIMTJWOS45OTl6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn9:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkVBMDAiIGQ9Ik0yIDVoOS45OTl2My45OTlIMlY1eiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMzMzIiBkPSJNMSAxM1YxaDEydjEySDF6bTUtMWgxLjk5OXYtMkg2djJ6bS00IDBoM3YtMkgydjJ6TTUgMkgydjJoM1Yyem0yLjk5OSAwSDZ2MmgxLjk5OVYyem00IDBoLTN2MmgzVjJ6bTAgM0gydjMuOTk5aDkuOTk5VjV6bTAgNWgtM3YyaDN2LTJ6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn10::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iIzY2NiIgZD0iTTguNTIyIDEyLjg4Yy42MTIgMCAxLjE2MS0uMDkzIDEuNjQ5LS4yOC40ODctLjE4NyAxLjU2OS0uNDQ1IDEuMjQ5LS43NzQuMzQ2LS4zMjguOS0uNzIyLjc5OS0xLjE4MS4xODctLjQ1OS4yODEtLjk1NS4yODEtMS40ODhhMi45MiAyLjkyIDAgMCAwLS4xNDUtLjkyNiAzLjg0OCAzLjg0OCAwIDAgMC0uMzgyLS44MTYgNC40NjUgNC40NjUgMCAwIDAtLjU0NC0uNzA2Yy0uMjA0LS4yMTUtLjI3OS0uNDA4LS42MjktLjU3OC4wOS4yNzkuMTgxLS4yMTIuOTItLjM2NS0uNTU4LS4xNTMtLjQ3Ni0uMzE1LS40MDItLjQ4NS4wNzQtLjE3LjEzMy0uMzQyLjE3OS0uNTE4LjA0NS0uMTc2LjA3My0uMzQzLjA4NS0uNTAyYTMuNjgyIDMuNjgyIDAgMCAwLS4xNDUtMS4zNDMgMy4xNiAzLjE2IDAgMCAwLS42MTItMS4xMzkgMy4wNDQgMy4wNDQgMCAwIDAtMS4wNTQtLjc5QzkuMzQ2Ljc5MSA4Ljg1Ni42OTEgOC4zMDEuNjkxSDIuNzI1VjEyLjg4aDUuNzk3em0tMy41Ny03LjIyNVYyLjY0Nkg4LjEyYy4xMTggMCAuMzIuMDQzLjQ5NS4xMjguMTc2LjA4NS4zMjMuMTk4Ljk1NS4zNC0uMzk0LjE0Mi0uMzA2LjMtLjI0OS40NzYuMDU2LjE3Ni4wODUuMzQ4LjA4NS41MTggMCAuMTctLjAyOS4zNDktLjA4NS41MzYtLjA1Ny4xODctLjEzOS4zNTQuNDE5LjUwMS0uNzc0LjE0OC0uOTEyLjI3LTEuMDgyLjM2Ni0uMTcuMDk2LS4zNjkuMTQ0LS4wMjguMTQ0SDQuOTUyem0wIDUuMTg1VjcuNTkzaDMuNDUxYy41MzIgMCAuOTU3LjE0OCAxLjI3NS43NTcuMzE3LS4wMi40NzYuMzg4LjQ3Ni45MDkgMCAuNDc2LS4xNjUuODU5LS40OTMgMS4xNDgtLjMyOS4yODktLjc2LjQzMy0xLjI5Mi40MzNINC45NTJ6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn10:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik04LjUyMiAxMi44OGMuNjEyIDAgMS4xNjEtLjA5MyAxLjY0OS0uMjguNDg3LS4xODcgMS41NjktLjQ0NSAxLjI0OS0uNzc0LjM0Ni0uMzI4LjktLjcyMi43OTktMS4xODEuMTg3LS40NTkuMjgxLS45NTUuMjgxLTEuNDg4YTIuOTIgMi45MiAwIDAgMC0uMTQ1LS45MjYgMy44NDggMy44NDggMCAwIDAtLjM4Mi0uODE2IDQuNDY1IDQuNDY1IDAgMCAwLS41NDQtLjcwNmMtLjIwNC0uMjE1LS4yNzktLjQwOC0uNjI5LS41NzguMDkuMjc5LjE4MS0uMjEyLjkyLS4zNjUtLjU1OC0uMTUzLS40NzYtLjMxNS0uNDAyLS40ODUuMDc0LS4xNy4xMzMtLjM0Mi4xNzktLjUxOC4wNDUtLjE3Ni4wNzMtLjM0My4wODUtLjUwMmEzLjY4MiAzLjY4MiAwIDAgMC0uMTQ1LTEuMzQzIDMuMTYgMy4xNiAwIDAgMC0uNjEyLTEuMTM5IDMuMDQ0IDMuMDQ0IDAgMCAwLTEuMDU0LS43OUM5LjM0Ni43OTEgOC44NTYuNjkxIDguMzAxLjY5MUgyLjcyNVYxMi44OGg1Ljc5N3ptLTMuNTctNy4yMjVWMi42NDZIOC4xMmMuMTE4IDAgLjMyLjA0My40OTUuMTI4LjE3Ni4wODUuMzIzLjE5OC45NTUuMzQtLjM5NC4xNDItLjMwNi4zLS4yNDkuNDc2LjA1Ni4xNzYuMDg1LjM0OC4wODUuNTE4IDAgLjE3LS4wMjkuMzQ5LS4wODUuNTM2LS4wNTcuMTg3LS4xMzkuMzU0LjQxOS41MDEtLjc3NC4xNDgtLjkxMi4yNy0xLjA4Mi4zNjYtLjE3LjA5Ni0uMzY5LjE0NC0uMDI4LjE0NEg0Ljk1MnptMCA1LjE4NVY3LjU5M2gzLjQ1MWMuNTMyIDAgLjk1Ny4xNDggMS4yNzUuNzU3LjMxNy0uMDIuNDc2LjM4OC40NzYuOTA5IDAgLjQ3Ni0uMTY1Ljg1OS0uNDkzIDEuMTQ4LS4zMjkuMjg5LS43Ni40MzMtMS4yOTIuNDMzSDQuOTUyeiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn11::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iIzY2NiIgZD0iTTEwLjQ5MSA3LjRoMi4wNDRsLjI3NC0xLjU1NGgtMi4wNDRsLjg0NC00LjI2NmgtMS43NUw3LjYxNSAxMy43ODRoMS43NUwxMC40OTEgNy40ek0yLjQ1IDExLjgxYzEuMzk4LTEuODMgMi41MzMtMy4wMTUgMy40MDYtNC4yODUuODcyLTEuMjY5IDEuNDM2LTIuNjI3IDEuNjkxLTQuMDczbC4yNjQtMS40OThIMS44NzZsLS4yNzUgMS41NTRoNC4yMTRjLS4xOTkgMS4xMjktLjY3OCAyLjIzMy0xLjQzNyAzLjMxMS0uNzYgMS4wNzgtMS43NzMgMi4xMzktMy4wNCAzLjU4MWwxLjExMiAxLjQxeiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn11:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xMC40OTEgNy40aDIuMDQ0bC4yNzQtMS41NTRoLTIuMDQ0bC44NDQtNC4yNjZoLTEuNzVMNy42MTUgMTMuNzg0aDEuNzVMMTAuNDkxIDcuNHpNMi40NSAxMS44MmMxLjM5OC0xLjg0IDIuNTMzLTMuMDI1IDMuNDA2LTQuMjk0Ljg3Mi0xLjI3IDEuNDM2LTIuNjI4IDEuNjkxLTQuMDc0bC4yNjQtMS40OThIMS44NzZsLS4yNzUgMS41NTRoNC4yMTRjLS4xOTkgMS4xMjktLjY3OCAyLjIzMy0xLjQzNyAzLjMxMS0uNzYgMS4wNzgtMS43NzMgMi4xMzktMy4wNCAzLjU4MWwxLjExMiAxLjQyeiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn12::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iIzY2NiIgZD0iTTEwLjc3MyA3LjRoMi4wNDRWNS44NDZoLTIuMDQ0VjEuNThIOS4yM3YxMi4yMDRoMS41NDNWNy40em0tNy4zOTIgNC40MWMxLjIwNC0xLjgzIDIuMTMtMy4wMTUgMi43NzktNC4yODVhOC44MzIgOC44MzIgMCAwIDAgLjk3My00LjA3M1YxLjk1NEgxLjE5N3YxLjU1NGg0LjIxNGMwIDEuMTI5LS4yODUgMi4yMzMtLjg1NCAzLjMxMS0uNTcgMS4wNzgtMS4zOTYgMi4xMzktMS43NjcgMy41ODFsLjU5MSAxLjQxeiIvPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNjY2IiBkPSJNLjEgNS45OThoMTMuODk3djFILjF2LTF6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn12:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xMC43NzMgNy40aDIuMDQ0VjUuODQ2aC0yLjA0NFYxLjU4SDkuMjN2MTIuMjA0aDEuNTQzVjcuNHptLTcuMzkyIDQuNDJjMS4yMDQtMS44NCAyLjEzLTMuMDI1IDIuNzc5LTQuMjk0YTguODQgOC44NCAwIDAgMCAuOTczLTQuMDc0VjEuOTU0SDEuMTk3djEuNTU0aDQuMjE0YzAgMS4xMjktLjI4NSAyLjIzMy0uODU0IDMuMzExLS41NyAxLjA3OC0xLjM5NiAyLjEzOS0xLjc2NyAzLjU4MWwuNTkxIDEuNDJ6Ii8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0uMSA1Ljk5OGgxMy44OTd2MUguMXYtMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .type1 .tb-add-btn13::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii45OCIgZmlsbD0iIzY2NiIgZD0iTTEwLjYxMyA2LjcyM2gxLjg5OFY1LjI4aC0xLjg5OFYuODM0SDguOTg4djExLjgxN2gxLjYyNVY2LjcyM3ptLTYuODY0IDMuNDE5QzQuODY3IDkuMTIgNS43MjcgOC4xOSA2LjMyOSA2Ljg0Yy42MDMtMS4xNzguOTA0LTIuNDM5LjkwNC0zLjI3VjEuNjY2SDEuNzIxdjEuNDQzaDMuOTEzYzAgMS4wNDktLjI2NSAyLjA3NC0uNzkzIDMuMDc1LS41MjkgMS4wMDEtMS4yOTYgMS45ODctMi4zMDEgMi45NTdsMS4yMDkgMS4wMDF6Ii8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0wIDEyLjk5OWgxNFYxNEgwdi0xLjAwMXoiLz4KPC9zdmc+Cg==) left top no-repeat;} .type1 .tb-add-btn13:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xMC42MTMgNi43MjNoMS44OThWNS4yOGgtMS44OThWLjgzNEg4Ljk4OHYxMS44MTdoMS42MjVWNi43MjN6bS02Ljg2NCAzLjQxOUM0Ljg2NyA5LjEyIDUuNzI3IDguMTkgNi4zMjkgNi44NGMuNjAzLTEuMTc4LjkwNC0yLjQzOS45MDQtMy4yN1YxLjY2NkgxLjcyMXYxLjQ0M2gzLjkxM2MwIDEuMDQ5LS4yNjUgMi4wNzQtLjc5MyAzLjA3NS0uNTI5IDEuMDAxLTEuMjk2IDEuOTg3LTIuMzAxIDIuOTU3bDEuMjA5IDEuMDAxek0wIDEzaDEzLjk5OXYuOTk5SDBWMTN6Ii8+Cjwvc3ZnPgo=) left top no-repeat;} .type1 .tb-add-btn14::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM2NjYiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTIgMkgxLjk5OXYxMEgxMlYyek01IDQuOTk5SDR2LTFoMXYxek01Ljk5OSA2SDVWNC45OTloLjk5OVY2em0zLTEuMDAxVjZoLTFWNC45OTloMXptMS4wMDEtMXYxSDguOTk5di0xSDEwek03Ljk5OSA4aC0yVjZoMnYyem0xIC45OTloLTFWOGgxdi45OTl6bTEuMDAxIDFIOC45OTl2LTFIMTB2MXptLTUtMVY4aC45OTl2Ljk5OUg1em0tMSAxdi0xaDF2MUg0eiIvPgo8L3N2Zz4K) left top no-repeat;} .type1 .tb-add-btn14:hover::before {background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMiIGQ9Ik0xIDEzVjFoMTJ2MTJIMXpNMTIgMkgxLjk5OXYxMEgxMlYyek00Ljk5OSA1aC0xVjRoMXYxem0xIC45OTloLTFWNWgxdi45OTl6TTkgNXYuOTk5SDcuOTk5VjVIOXptMS0xdjFIOVY0aDF6TTcuOTk5IDcuOTk5aC0ydi0yaDJ2MnptMS4wMDEgMUg3Ljk5OXYtMUg5djF6TTEwIDEwSDlWOC45OTloMVYxMHpNNC45OTkgOC45OTl2LTFoMXYxaC0xem0tMSAxLjAwMVY4Ljk5OWgxVjEwaC0xeiIvPgo8L3N2Zz4K) left top no-repeat;} /* .menubar-button::before { display: block; content: ''; width: 12px; height: 12px; margin: 1px auto 5px; background: url('../img/sp_icon.png') no-repeat 0 -104px; } .tb-add-btn1::before {background-position: 0 -104px;} .tb-add-btn1:hover::before {background-position: 0 -116px;} .tb-add-btn2::before {background-position: -12px -104px;} .tb-add-btn2:hover::before {background-position: -12px -116px;} .tb-add-btn3::before {background-position: -24px -104px;} .tb-add-btn3:hover::before {background-position: -24px -116px;} .tb-add-btn4::before {background-position: -36px -104px;} .tb-add-btn4:hover::before {background-position: -36px -116px;} .tb-add-btn5::before {background-position: -48px -104px;} .tb-add-btn5:hover::before {background-position: -48px -116px;} .tb-add-btn6::before {background-position: -60px -104px;} .tb-add-btn6:hover::before {background-position: -60px -116px;} .tb-add-btn7::before {background-position: -72px -104px;} .tb-add-btn7:hover::before {background-position: -72px -116px;} .tb-add-btn8::before {background-position: -84px -104px;} .tb-add-btn8:hover::before {background-position: -84px -116px;} .tb-add-btn9::before {background-position: -96px -104px;} .tb-add-btn9:hover::before {background-position: -96px -116px;} */ .menububble { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 20; background: #000; border: 1px solid #fff; border-radius: 25px; padding: 0.3rem; margin-bottom: 0.5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; } .menububble.is-active { opacity: 1; visibility: visible; display: table; } .menububble .div { display: inline-block; width: 1px; height: 18px; margin: 0 3px 0 4px; background-color: rgba(163, 163, 163, 0.3); } .menububble-button { position: relative; width: 30px; height: 30px; margin-top:10px; text-indent: -999em; font-size: 0; color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: transparent; border: 0; color: #fff; /* padding: 0.2rem 0.5rem; */ margin-right: 0.2rem; /* border-radius: 3px; */ cursor: pointer; } .menububble-button::before { display: block; content: ''; width: 16px; height: 16px; margin: auto; background: url(/static/img/sp_icon.f67a123.png) no-repeat 0 0; } /* .menububble-button:hover {background-color: hsla(0, 0%, 100%, 0.1);} */ .menububble-button.is-active {background-color: hsla(0, 0%, 100%, 0.2);} .menububble-button.h2::before {background-position: 0 0} .menububble-button.h2:hover::before {background-position: 0 -16px} .menububble-button.h3::before {background-position: -16px 0} .menububble-button.h3:hover::before {background-position: -16px -16px;} .menububble-button.b::before {background-position: -32px 0} .menububble-button.b:hover::before {background-position: -32px -16px;} .menububble-button.i::before {background-position: -48px 0} .menububble-button.i:hover::before {background-position: -48px -16px;} .menububble-button.strikethrough::before {background-position: -64px 0} .menububble-button.strikethrough:hover::before {background-position: -64px -16px;} .menububble-button.underline::before {background-position: -80px 0} .menububble-button.underline:hover::before {background-position: -80px -16px;} .menububble-button.swatches::before {background-position: -96px 0} .menububble-button.swatches:hover::before {background-position: -96px -16px;} .menububble-button.left::before {background-position: -112px 0} .menububble-button.left:hover::before {background-position: -112px -16px;} .menububble-button.center::before {background-position: -128px 0} .menububble-button.center:hover::before {background-position: -128px -16px;} .menububble-button.right::before {background-position: -144px 0} .menububble-button.right:hover::before {background-position: -144px -16px;} .menububble-button.justify::before {background-position: -160px 0} .menububble-button.justify:hover::before {background-position: -160px -16px;} .vue-swatches__container { padding: 0 !important; width: 82px; height: 82px; border: solid 1px #d3d4d6; border-radius: 0 !important; background-color: #fff; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08) !important; box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08) !important; } .vue-swatches__container > div { padding: 0 !important; margin: 0 !important; width: auto !important; } .vue-swatches__container > div > .vue-swatches__swatch { float: left; width: 20px !important; height: 20px !important; border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; overflow: hidden !important; } .vue-swatches__container > button { float: left; width: 20px; height: 20px; border:1px solid transparent } .vue-swatches__container > button:hover, .vue-swatches__container > button.active {border-color: #000} /* .vue-swatches__container .c-ff0000 {background-color: #ff0000;} .vue-swatches__container .c-ff6600 {background-color: #ff6600;} .vue-swatches__container .c-fff000 {background-color: #fff000;} .vue-swatches__container .c-d8ff00 {background-color: #d8ff00;} .vue-swatches__container .c-7eff00 {background-color: #7eff00;} .vue-swatches__container .c-00ff7e {background-color: #00ff7e;} .vue-swatches__container .c-00ffe4 {background-color: #00ffe4;} .vue-swatches__container .c-00ccff {background-color: #00ccff;} .vue-swatches__container .c-0078ff {background-color: #0078ff;} .vue-swatches__container .c-0024ff {background-color: #0024ff;} .vue-swatches__container .c-4800ff {background-color: #4800ff;} .vue-swatches__container .c-732020 {background-color: #732020;} .vue-swatches__container .c-4a3303 {background-color: #4a3303;} .vue-swatches__container .c-5f265c {background-color: #5f265c;} .vue-swatches__container .c-808080 {background-color: #808080;} .vue-swatches__container .c-000000 {background-color: #000000;} */ /*============================================ EDIT TOOL ============================================*/ .edit_tool { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; bottom: 0; left: calc(50% - 65px); width: 536px; height: 62px; padding: 0 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #000; z-index: 11; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: bottom 0.2s 0.4s, opacity 0.2s 0.4s; transition: bottom 0.2s 0.4s, opacity 0.2s 0.4s; } .edit_tool > li { display: inline-block; width: calc(100% / 8); /* width: calc((100% / 8) - 4px); */ color: #fff; text-align: center; } .edit_tool > li .file, .edit_tool > li > button { width: 100%; font-size: 11px; color:#a3a3a3; } .edit_tool > .file:hover, .edit_tool > .file.active, .edit_tool > li > button:hover, .edit_tool > li > button.active {color: #fff;} .edit_tool .file .icon, .edit_tool > li > button::before { display: block; content: ''; width: 30px; height: 30px; margin: 5px auto; background: url(/static/img/sp_icon.f67a123.png) no-repeat 0 -80px; } .edit_tool > li > .img::before {background-position: 0 -32px;} .edit_tool .file .icon, .edit_tool > li > .file::before {background-position: -30px -32px;} .edit_tool > li > .link::before {background-position: -60px -32px;} .edit_tool > li > .table::before {background-position: -90px -32px;} .edit_tool > li > .todo::before {background-position: -120px -32px;} .edit_tool > li > .opinion::before {background-position: -150px -32px;} .edit_tool > li > .bullet::before {background-position: -180px -32px;} .edit_tool > li > .number::before {background-position: -210px -32px;} .edit_tool > li > .division::before {background-position: -240px -32px;} .edit_tool > li > .img:hover::before {background-position: 0 -62px;} .edit_tool > li > .file:hover::before, .edit_tool > li > .file.active::before {background-position: -30px -62px;} .edit_tool > li > .link:hover::before {background-position: -60px -62px;} .edit_tool > li > .table:hover::before {background-position: -90px -62px;} .edit_tool > li > .todo:hover::before {background-position: -120px -62px;} .edit_tool > li > .opinion:hover::before {background-position: -150px -62px;} .edit_tool > li > .bullet:hover::before {background-position: -180px -62px;} .edit_tool > li > .number:hover::before {background-position: -210px -62px;} .edit_tool > li > .division:hover::before {background-position: -240px -62px;} .edit_tool .droplayer.relative .v-menu {top: -59px;} .edit_tool > li {position: relative;} .edit_tool .file.active + ul {display: block;} .edit_tool .file + ul { display: none; position: absolute; left: 0; top: -101px; border: solid 1px #d3d4d6; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; } .edit_tool .file + ul {width: 105px} .edit_tool .file + ul > li > button { width: 100%; padding: 0 10px; height: 35px; line-height: 35px; font-size: 14px; color: #666; text-align: left; } .edit_tool .file + ul > li > button:hover { color: #000; background-color: #eff2f7; } .edit_tool .dl_layer > dd > ul button { padding-right: 0 !important; } .edit_tool .dl_layer button:disabled { color: #333; } .edit_tool li .dl_layer { position: absolute; bottom: 62px; left: -45%; } .edit_tool li .dl_layer > dd { width: 120px; position: relative; top: 0; } .edit_tool li .dl_layer > dd > ul > li { text-align: left; color: #333; } /*============================================ WIDGET ============================================*/ /* 할일 */ [class*="todo_wrap"] {position: relative;} [class*="todo_wrap"] .hover_inner { padding: 13px 20px 7px; border: solid 1px #e6e6e8; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); } [class*="todo_wrap"] .hover_inner:hover {border-color: #000;} [class*="todo_wrap"] .label-fin { width: 49px; padding: 0; text-align: center; } [class*="todo_wrap"] > .hover_inner > div > .team {margin-left: 6px;} [class*="todo_wrap"] .dropdown {margin-left: 6px;} [class*="todo_wrap"] .division { display: inline-block; width: 10px; height: 10px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0 -221px; } [class*="todo_wrap"] > .hover_inner > .top > .right {position: absolute; right: 74px; top: 9px;} [class*="todo_wrap"] .member_grp {margin-top: 16px;} [class*="todo_wrap"] .member-search_box .scroll_box {max-height: 218px} [class*="todo_wrap"] .member-search_box .scroll_box .colleague {border-top:0 none} [class*="todo_wrap"] .member-search_box dt {display: none;} [class*="todo_wrap"] .member-search_box .droplayer .v-menu__content {width: auto} [class*="todo_wrap"] input[type="text"].del {text-decoration: line-through; color:#999 !important; outline: 0 none;} [class*="todo_wrap"] .input-box input[type="text"]:-moz-read-only { outline: none; padding-left: 13px; color: #bbb; border: 1px solid #000; } [class*="todo_wrap"] .input-box input[type="text"]:read-only { outline: none; padding-left: 13px; color: #bbb; border: 1px solid #000; } [class*="todo_wrap"] .write_grp {min-height: 72px; padding-top: 18px;} [class*="todo_wrap"] .calendar_box .vdp-datepicker::before {left: auto; right: 0;} [class*="todo_wrap"] .calendar_box .vdp-datepicker input { width: 92px !important; padding-right: 13px; margin-right: 5px; text-align: right; } [class*="todo_wrap"] .view { margin-top: 14px; line-height: 1.33; font-size: 14px; color: #000; vertical-align: middle; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } [class*="todo_wrap"] .view input[type="text"]:-moz-read-only { width: 598px; padding-left: 0; font-size: 18px; color: #000; border: 0 none } [class*="todo_wrap"] .view input[type="text"]:read-only { width: 598px; padding-left: 0; font-size: 18px; color: #000; border: 0 none } .todo_wrap_view > .hover_inner > .top > .right {top: 13px} [class*="todo_wrap"] .right .date { display: inline-block; font-size: 14px; color: #000; } [class*="todo_wrap"] .right.fr .date { margin-right: 13px; vertical-align: middle; } [class*="todo_wrap"] textarea { height: 66px; resize: none; padding: 12px 13px; border: 1px solid #acacac; } [class*="todo_wrap"] input[type="text"], [class*="todo_wrap"] textarea { font-size: 14px; color: #000; width: 100%; padding-left: 13px; border-color: #acacac; background-color: transparent; } [class*="todo_wrap"] .write {width: calc(100% - 87px);} [class*="todo_wrap"] .top + .ty2{margin-top: -7px} [class*="todo_wrap"] .view + .write_grp .write {padding-top: 10px;} .todo_wrap_write .btn_box {padding-top:48px;} .todo_wrap_write .view + .write_grp .btn_box {padding-top: 18px;} .todo_wrap_view .hover_inner { padding: 17px 20px 17px; background-color: #f6f7fa; } [class*="todo_wrap"] .top label {margin-top: 1px;} [class*="todo_wrap"] .member img { width: 24px; height: 25px; vertical-align: middle; border-radius: 50%; } [class*="todo_wrap"] .member { display: inline-block; line-height: 16px; font-size: 14px; color: #000; } .todo_wrap_view .date + .member {margin-left: 13px} .todo_wrap_view, .member + .more_box, .member + .droplayer {margin-left: 4px} .todo_wrap_view .more_box { display: inline-block; position: relative; } .label-fin + [class*="toggle-"] {margin-left: 6px} .toggle-fin {display: inline-block;} .toggle-fin::before, .toggle-fin::after { display: inline-block; content: ''; font-size: 14px; vertical-align: middle; } .toggle-fin::before { width:12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -108px -104px; } .toggle-fin.active::before {background-position: -108px -116px;} .toggle-fin::after { content: '\BBF8\C644\B8CC'; margin-left: 6px; color: #666; } .toggle-fin.active::after { content: '\C644\B8CC'; color: #000; } .toggle-approval {display: inline-block;} /* .toggle-approval::before, */ .toggle-approval::after { display: inline-block; content: ''; font-size: 14px; vertical-align: middle; } /* .toggle-approval::before { width:12px; height: 12px; background: url('../img/sp_icon.png') no-repeat -108px -104px; } .toggle-approval.active::before {background-position: -108px -116px;} */ .toggle-approval::after { content: '\C2B9\C778 \C804'; /* margin-left: 6px; */ color: #666; } .toggle-approval.active::after {content: '\C2B9\C778';} .toggle-back {display: inline-block;} /* .toggle-back::before, */ .toggle-back::after { display: inline-block; content: ''; font-size: 14px; vertical-align: middle; } /* .toggle-back::before { width:12px; height: 12px; background: url('../img/sp_icon.png') no-repeat -120px -92px; } */ .toggle-back::after { content: '\BC18\B824'; /* margin-left: 6px; */ color: #666; } .status-txt { display: inline-block; margin-left: 6px; color: #666; font-size: 14px; vertical-align: middle; } .dropdown-list > .member-call-box.search { padding-top: 0; padding-bottom: 0; height: 320px; } .dropdown-list > .member-call-box.search .scroll { margin-top: 0; margin-bottom: 0; height: 100%; } .dropdown.ty1 .search_list_normal { bottom: auto; } .dropdown.ty1 .search_list_reverse { top: auto !important; bottom: 30px; } .dropdown.ty1 .search_list_normal .search.bottom > form > div { display: none; } .dropdown.ty1 .search_list_reverse .search.top > form > div { display: none; } .dropdown-list .search > form { margin: 20px 15px; } .dropdown-list .member-call-box .scroll ul li.selected { background: #eaecf0; } /*============================================ board-todo 할일 ============================================*/ .board-tit1 { margin: 80px 0 40px; font-size: 24px; color: #000000; } .bds_032 th:nth-child(1), .bds_032 td:nth-child(1) {width: 80px} .bds_032 th:nth-child(2), .bds_032 td:nth-child(2) {width: 80px} .bds_032 th:nth-child(3), .bds_032 td:nth-child(3) {width: 200px} .bds_032 th:nth-child(4), .bds_032 td:nth-child(4) {width: calc(100% - 570px)} .bds_032 th:nth-child(5), .bds_032 td:nth-child(5) {width: 130px} .bds_032 th:nth-child(6), .bds_032 td:nth-child(6) {width: 80px} /*============================================ 보드 더보기 활동내역 팝업 ============================================*/ [class*="board-tab"] .tb-list_ty1 .tb-contents { min-width: 1110px; border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; } .bds041 {height: 100%;} .modal-content .bds041 {margin-top: -48px !important} .modal-content .bds041 .subject, .modal-content .bds041 .subject .ell-singleline { width: calc(100vw - 325px); } .modal-content .bds_043 .subject, .modal-content .bds_043 .subject .ell-singleline { width: calc(100vw - 600px); } .bds041 .top_info_txt { padding: 20px 0 7px; font-size: 18px; color: #000; } .bds041 .tab-content {height: calc(100% - -45px); padding-top: 0;} .tab_ty1.bds041 .tab-content { width: 100% !important; height: calc(100% + 45px); } .bds041 .tb-contents {min-width:1205px;} .bds041 .blcok img {max-width: 400px;} .bds041 .blcok { height: calc(100% - 32px); margin-top: 40px; margin-right: -25px; padding-right: 25px; overflow-y: scroll; } .bds041 .blcok th:nth-child(1), .bds041 .blcok td:nth-child(1) {padding-left: 25px;} .bds041 .blcok th:nth-child(2), .bds041 .blcok td:nth-child(2) { text-align: center; } .bds041 .blcok th:nth-child(4), .bds041 .blcok td:nth-child(4) { text-align: center; } .bds041 .blcok th:nth-child(3), .bds041 .blcok td:nth-child(3), .bds041 .blcok th:nth-child(5), .bds041 .blcok td:nth-child(5) { padding-right: 25px; } .bds041 .blcok td:nth-child(2), .bds041 .blcok td:nth-child(3), .bds041 .blcok td:nth-child(4), .bds041 .blcok td:nth-child(5) {font-size: 14px; color: #999; vertical-align: top;} .bds041 .blcok td:nth-child(3) button {color: #999;} .bds041 .blcok td:nth-child(5) button {color: #999;} .bds041 .tb-contents.blcok td > div { display: inline-block; padding: 0 6px; font-size: 14px; color: #666; } .bds041 .filter-box.board-list .cnt {width:330px;} .bds041 .tb-contents.days th, .bds041 .tb-contents.days td {text-align: center;} .bds041 .tb-contents.days th:nth-child(1), .bds041 .tb-contents.days td:nth-child(1) {width: 6%} .bds041 .tb-contents.days th:nth-child(2), .bds041 .tb-contents.days td:nth-child(2) {width: 6%} .bds041 .tb-contents.days th:nth-child(3), .bds041 .tb-contents.days td:nth-child(3) {width: 6%} .bds041 .tb-contents.days td:nth-child(4) {text-align: left;} .bds041 .tb-contents.days th:nth-child(5), .bds041 .tb-contents.days td:nth-child(5) {width: 6%} .bds041 .tb-contents.days th:nth-child(6), .bds041 .tb-contents.days td:nth-child(6) {width: 6%} .bds041 .calendar_box_grp .calendar_box:last-child .vdp-datepicker .vdp-datepicker__calendar {right:0} .modal-content .bds041 .dropdown .scroll {height: 190px;} .uts016 .calendar_box .vdp-datepicker .vdp-datepicker__calendar { position: fixed !important; } .uts017 .calendar_box .vdp-datepicker .vdp-datepicker__calendar { position: fixed !important; } /* 활동내역 테이블안의 표 */ .bds041 .blcok td table { position:inherit !important; } .bds041 .blcok td table tr { display: table-row; } .bds041 .blcok td table th, .bds041 .blcok td table td { margin: inherit; padding: 5px !important; height: auto; border: 1px solid #ccc; vertical-align: unset; } .bds071 .dropdown .scroll {height: 190px;} .bds_043 { height: calc(100% - 54px); margin-top: 40px; margin-right: -25px; overflow-y: auto; padding-right: 25px; } .bds_043 td.subject {cursor: default;} .bds_043 .tb-header .txt.fl { line-height: 30px; font-size: 12px; color: #999; } .bds_043 th:nth-child(1), .bds_043 td:nth-child(1) {width: 147px; padding-left: 25px;} .bds_043 th:nth-child(2), .bds_043 td:nth-child(2) {width: 111px} .bds_043 th:nth-child(3), .bds_043 td:nth-child(3) {width: 109px} .bds_043 th:nth-child(4), .bds_043 td:nth-child(4) {width: calc(100% - 147px - 111px - 109px - 115px)} .bds_043 td:nth-child(4) {padding-left: 25px;} .bds_043 th:nth-child(5), .bds_043 td:nth-child(5) {width: 115px; padding-right: 25px;} .bds_043 td:nth-child(5) .member .name.v-btn {font-size: 14px;} .bds_043 .btn_box { position: absolute; left:0; bottom: 30px; width: 100%; text-align: center; } .bds_033 th:nth-child(1), .bds_033 td:nth-child(1) {width:56px !important; text-align: left; padding-left: 25px;} .bds_033 th:nth-child(2), .bds_033 td:nth-child(2) {width:84px; text-align: center; font-size: 12px;} .bds_033 td:nth-child(2) {color: #000} .bds_033 th:nth-child(3), .bds_033 td:nth-child(3) {width:calc(100% - 405px); padding-left: 15px;} /* 56px - 84px - 94px - 104px - 67px */ .bds_033 td:nth-child(3) .ell-singleline {width: 670px;} .bds_033 th:nth-child(4), .bds_033 td:nth-child(4) {width:94px; text-align: center; font-size: 12px; color: #999} .bds_033 th:nth-child(5), .bds_033 td:nth-child(5) {width:104px; text-align: center; font-size: 12px; color: #999} .bds_033 td:nth-child(5) button {font-size: 12px; color: #999;} .bds_033 th:nth-child(6), .bds_033 td:nth-child(6) {width:67px; text-align: center; padding-right: 25px;} .bds_033 td .txt.ell-singleline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bds_033 .ell-singleline.ty1 { display:inline-block; width: calc(100% - 40px) !important; } .tab_ty3 .tab-menu {margin-top: 30px; margin-bottom: 18px;} .tab_ty3 .tab-menu li {display: inline-block;} .tab_ty3 .tab-menu li + li {margin-left: 30px} .tab_ty3 .tab-menu li label {color: #666;} .tab_ty3 .tab-menu li.active label::before { border-color: #000; background: #000 url(/static/img/sp_common.bec0aeb.png) no-repeat -83px -43px; } .bds067 .color > button { float:left; width: 20px; height: 20px;; } .bds067 .list-table li, .bds067 .list-table > li > dl > * { height: 56px; vertical-align: middle; } .bds067 .list-table form {display: inline-block;} .bds067 .list-table .input-box { display: inline-block; margin-left: 6px; } .bds067 .list-table input[type="number"] {width: 100px; margin-right: 28px} .bds067 .list-table label {color: #666;} .bds067 .list-table { margin-top: 33px; border-color: #d3d4d6; } .bds067 .list-table > li > dl > dt { width: 123px; color: #000; } .bds067 .list-table > li > dl > dt + dd { width: calc(100% - 123px); color: #666; } .bds067 .box { height: 164px; padding: 20px 25px; margin-top: 20px; border: solid 1px #d3d4d6; } .bds067 .box > div {font-size: 14px; color: #000;} .bds067 .box table { width: 592px; margin-top: 13px; font-size: 14px; border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6 } .bds067 .box table th + th {border-left: 1px solid #fff;} .bds067 .box table th { height: 38px; color: #fff; text-align: center; border-bottom: 1px solid #d3d4d6; background-color: #727272; } .bds067 .box table td + td {border-left: 1px solid #d3d4d6;} .bds067 .box table td { height: 38px; padding-left: 25px; color: #000; } .bds071 th:nth-child(1), .bds071 td:nth-child(1) {width:71px !important; padding-left: 25px; text-align: left;} .bds071 th:nth-child(2), .bds071 td:nth-child(2) {width: calc(100% - 279px);} td:nth-child(2) [class*='ico-file-'].ell-singleline {width:450px;} td:nth-child(2) [class*='ico-file-'] button.ell-singleline {width:420px; text-align: left;} .bds071 td:nth-child(n + 3) {font-size: 12px; color: #999;} .bds071 th:nth-child(3), .bds071 td:nth-child(3) {width:94px;} .bds071 th:nth-child(4), .bds071 td:nth-child(4) {width:114px; padding-right: 25px;} .bds074 .info-txt.smaller + .scroll-box {margin-top: 10px;} .bds074 .scroll-box + .info-txt {margin-top: 34px;} .bds074 .scroll-box + .info-txt label {color: #666; margin-top: 4px} .bds074 .scroll-box + .info-txt.clear + .scroll-box {margin-top: 6px} .bds074 .scroll-box { padding: 15px 5px 20px 25px; background-color: #f5f6fa; } .bds074 .scroll-box .scroll { height: 100px; padding-right: 6px; overflow-y: auto; } .bds074 .scroll-box .scroll > li {margin-top: 20px;} .bds074 .scroll-box .scroll > li:first-child {margin-top: 10px;} .bds076 .modal-content {padding-top: 28px;} .bds076 .txtr { padding-bottom: 10px; font-size: 12px; color: #999; } .bds076 .txtr em {color: #f97723} .bds076 .box { overflow: auto; height: calc(100% - 38px); padding: 16px 25px 25px 0; background-color: #f6f7fa; } .bds076 .box .row {margin-top: 10px;} .bds076 .box .row:first-child .dropdown.ty2 .v-btn {width: 132px;} .bds076 .box .row > dl > dt, .bds076 .box .row > dl > dd { float: left; min-height: 30px; } .bds076 .box .row > dl > dt { position: relative; width: 124px; padding-left: 25px; padding-top: 5px; font-size: 14px; color: #666 } .bds076 .box .row:nth-child(3) > dl > dt {padding-top: 0} .bds076 .box .row > dl > dt > em { position: absolute; left: 15px; top: 0; color: #f97723 } .bds076 .link-kr .droplayer > .v-menu {top: 20px} .bds076 .link-kr .v-btn .num {text-decoration: underline;} .bds076 .link-kr .dropdown-list {width: 600px; padding: 15px 5px 15px 15px;} .bds076 .link-kr .dropdown-list .scroll {max-height: 74px; overflow-y: auto;} .bds076 .link-kr .dropdown-list .scroll li + li {margin-top: 16px;} .bds076 .link-kr .dropdown-list .scroll li { line-height: 20px; font-size: 14px; color: #000 } .bds076 .box .row > dl > dd {width: calc(100% - 124px);} .bds076 .box .row > dl > dd .part-member-num .droplayer > .v-btn {font-size: 14px; color: #000} .bds076 .box .row > dl > dd .txt {font-size: 14px; color: #000} .bds076 .box .row > dl > dd .txt.disabled {color: #999} .bds076 .box .row > dl > dd .txt.small { line-height: 18px; font-size: 12px; color: #999 } .bds076 .box .row > dl > dd .output { padding:17px 20px 20px; margin-top: 10px; background-color: #fff; } .bds076 .box .row > dl > dd .output .scroll .row:first-child {margin-top: 0} .bds076 .box .row > dl > dd .output .scroll { height: 40px; overflow-y: auto; } .bds076 .box .row > dl > dd .output .scroll .tit, .bds076 .box .row > dl > dd .output .scroll .txt { float:left; font-size: 12px; color: #999; } .bds076 .box .row > dl > dd .output .scroll .tit {width: 80px;} .bds076 .box .row > dl > dd .output .scroll .txt {width: calc(100% - 80px)} .bds076 .box .row > dl > dd .attachfile_box { padding: 20px; padding-right: 6px; margin-top: 10px; border: solid 1px #d3d4d6; background-color: #fff; } .bds076 .box .row > dl > dd .attachfile_box .scroll { height: 90px; padding-right: 5px; overflow-y: auto; } .bds076 .box .row > dl > dd .attachfile_box .file_row .dropdown-list {height: 33px; line-height: 33px;} .bds076 .box .row > dl > dd .attachfile_box .file_row .dropdown-list button {height: 33px; line-height: 33px;} .bds076 .box .row > dl > dd .attachfile_box .file_row + .file_row {margin-top: 10px;} .bds076 .box .row > dl > dd textarea { width: 100%; height: 87px; resize: none; } .bds076 .box .row > dl > dd .attachfile_box .file_row:last-child .v-menu {top:auto; bottom: 35px;} .bds076 .box .row > dl > dd .attachfile_box .file_row:last-child .v-menu__content {top:auto !important; bottom: 0;} .bds086 th:nth-child(1), .bds086 td:nth-child(1) {width:71px !important; padding-left: 25px; text-align: left;} .bds086 th:nth-child(2), .bds086 td:nth-child(2) {width: calc(100% - 71px - 124px - 114px);} .bds086 td:nth-child(2) .ell-singleline {width:420px;} .bds086 td:nth-child(n + 3) {font-size: 12px; color: #999;} .bds086 th:nth-child(3), .bds086 td:nth-child(3) {width:124px;} .bds086 th:nth-child(4), .bds086 td:nth-child(4) {width:114px; padding-right: 25px;} .bds073 .top > div { display: inline-block; /* margin-right: 16px; */ font-size: 14px; } .bds073 .input-box.tit {height: 82px; margin-top: 43px} .bds073 textarea {height: 124px !important; resize: none;} .bds089 .modal-content {padding-top: 25px} .bds089 .big + .small {margin-top: 10px} .bds089 .big + .small .date {color: #000} .bds089 .img-box { width: 100%; height: 100%; margin-top: 28px; border: 1px solid #d3d4d6; background-color: #ececec; } .bds089 .img-box .scroll { height: 100%; overflow: auto; } .bds090 .modal-content { height: 589px; padding: 20px 5px 50px 30px; margin-top: 58px; background-color: #eff2f7; } .bds090 .modal-content .history { height: 569px; padding-right: 6px; padding-bottom: 30px; overflow-y: auto; } /*============================================ 정보공유 ============================================*/ .ifs009 .board-header .board-menu li:nth-child(2) button::before {background-position: -100px 0;} .ifs009 .board_util * {font-size: 12px;} .ifs009 .board_util .ico-switch-txt_like {margin-right: 65px; margin-left: 6px} /* .ifs009 .tab-content {/*min-width: calc(100% - 100px)!important; width: calc(100% - 100px) !important;} */ .ifs009 .edit_tool { left: calc(50% - 224px); width: 448px } .ifs009 .edit_tool > li {width:calc(100% / 6)} .ifs009 [class*="board-tab"] {max-width: 100%;} .ifs009 .opinionsearch-toggle .opinion_search .scroll_box {overflow-x: hidden;} .ifs009 .opinionsearch-toggle dd { width: 340px; } .ifs011 .num {margin-top: 15px} .ifs011 .btn_link_add {margin-top: 8px} .ifs011 .member_grp {width: 1029px; margin-top: 6px} /*============================================ 호출멤버 선택 ============================================*/ #board-members-selector { position: absolute; z-index: 9999; } #board-members-selector div { z-index: 9999; } /* 사용자사진 고정크기 */ .img.user-photo { width: 26px; height: 26px; border-radius: 50%; } .img.user-photo > img { width: 100%; height: 100%; border-radius: 50%; } .editor.textarea .editor__content .ProseMirror {height: 100%;} /*============================================ 담당 개발자님 요청으로 현 위치에서 마지막 라인까지 추가 // 멤버호출태그 ============================================*/ span.mention br { display: none; } span.mention { font-size: 12px; color: #000; border-radius: 8px; background-color: #dbe8ff; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } /*============================================ //검색 하이라이트 (의견 검색시 검색 하이라이팅, 임의 작성 한 것으로 조정 필요) ============================================*/ span.highlight { border-radius: 5px 5px; background: #fff; color: #f00; } /*============================================ // 과제의견영역 ============================================*/ #project-comment .btn_box.txtr { text-align: right !important; } #project-comment div.textarea:focus { outline: none !important; } #project-comment .opinion_box .dropdown > .v-menu .v-menu__content, #project-comment .opinion_box .droplayer > .v-menu .v-menu__content { width: 280px; } #project-comment .scroll_box { height: calc(100% - 61px); overflow-x: hidden; padding-left: 5px; } #project-comment.opinion_search .no-data + br + .opinion-input_ty1 { top: auto; bottom: 15px; width: calc(100% - 30px); position: absolute; } #project-comment.opinion_search .no-data + br + .opinion-input_ty1 { top: auto; bottom: 15px; margin-bottom: 0 !important; width: calc(100% - 30px); position: absolute; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #project-comment .scroll_box > div:last-child { margin-bottom: 15px; } } /*============================================ // 보드 의견 영역 ============================================*/ #board-comment div.progress { text-align: center; } #board-comment .name .droplayer .v-menu__content { width: 260px; border: 0 none; background-color: transparent; } #board-comment .comment_area .message { font-size: 12px; } #board-comment .opinion_box { max-width: 300px; } /*============================================ // 의견 공통 ============================================*/ .opinion_search .block-usage.placeholder { color: #ccc; position: absolute; width: calc(100% - 30px); } /*============================================ // 파일 드래그 업로드 ============================================*/ #file-drop-zone { position: absolute; background: none; z-index: 999; overflow: hidden; } #file-drop-zone > .background { position: absolute; top:0; left:0; width:100%; height:100%; background: #ccc; border-radius: 10px 10px; opacity: 0.1; } #file-drop-zone > .cursor { position: absolute; background: #f90; border-radius: 5px 5px; width: calc(100% - 6px); left: 3px; height: 5px; opacity: 0.5; } #file-drop-zone > .message { position: absolute; font-size: 30px; text-align: center; vertical-align: middle; width: 100%; top: 40%; opacity: 0.5; } /* 이모티콘 관련 */ .btn-emoticon{ width:22px;height:22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='22px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(179, 139, 0)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='rgb(255, 239, 65)' d='M10.499,0.499 C16.22,0.499 20.500,4.977 20.500,10.500 C20.500,16.22 16.22,20.500 10.499,20.500 C4.977,20.500 0.499,16.22 0.499,10.500 C0.499,4.977 4.977,0.499 10.499,0.499 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(179, 139, 0)' d='M6.750,6.999 C7.302,6.999 7.750,7.447 7.750,8.0 C7.750,8.552 7.302,8.999 6.750,8.999 C6.197,8.999 5.749,8.552 5.749,8.0 C5.749,7.447 6.197,6.999 6.750,6.999 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(179, 139, 0)' d='M14.750,6.999 C15.302,6.999 15.750,7.447 15.750,8.0 C15.750,8.552 15.302,8.999 14.750,8.999 C14.197,8.999 13.749,8.552 13.749,8.0 C13.749,7.447 14.197,6.999 14.750,6.999 Z'/%3E%3Cpath fill-rule='evenodd' stroke='rgb(179, 139, 0)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M11.499,9.452 C11.66,9.576 10.684,9.825 10.545,10.167 C10.340,10.672 10.704,11.294 11.499,11.597 '/%3E%3Cpath fill-rule='evenodd' stroke='rgb(179, 139, 0)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M14.499,13.499 C14.499,15.156 12.709,16.500 10.500,16.500 C8.290,16.500 6.500,15.156 6.500,13.499 '/%3E%3C/svg%3E") 0 0 no-repeat; } .btn-emoticon:hover, .btn-emoticon.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='22px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(122, 95, 0)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='rgb(250, 182, 0)' d='M10.499,0.499 C16.22,0.499 20.500,4.977 20.500,10.500 C20.500,16.22 16.22,20.500 10.499,20.500 C4.977,20.500 0.499,16.22 0.499,10.500 C0.499,4.977 4.977,0.499 10.499,0.499 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(122, 95, 0)' d='M6.750,6.999 C7.302,6.999 7.750,7.447 7.750,8.0 C7.750,8.552 7.302,8.999 6.750,8.999 C6.197,8.999 5.749,8.552 5.749,8.0 C5.749,7.447 6.197,6.999 6.750,6.999 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(122, 95, 0)' d='M14.750,6.999 C15.302,6.999 15.750,7.447 15.750,8.0 C15.750,8.552 15.302,8.999 14.750,8.999 C14.197,8.999 13.749,8.552 13.749,8.0 C13.749,7.447 14.197,6.999 14.750,6.999 Z'/%3E%3Cpath fill-rule='evenodd' stroke='rgb(122, 95, 0)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M11.499,9.452 C11.66,9.576 10.684,9.825 10.545,10.167 C10.340,10.672 10.704,11.294 11.499,11.597 '/%3E%3Cpath fill-rule='evenodd' stroke='rgb(122, 95, 0)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M14.499,13.499 C14.499,15.156 12.709,16.500 10.500,16.500 C8.290,16.500 6.500,15.156 6.500,13.499 '/%3E%3C/svg%3E"); } .em-swiper{ display: none; height: 40px;padding:0 40px !important;border-bottom:1px solid #d3d4d6;} .em-swiper .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer;} .em-swiper .swiper-slide button{ width: 30px; height: 30px; } .em-swiper .swiper-slide button:hover{border:1px solid #ebebeb;background:#f4f4f4;} .em-swiper .swiper-button-prev, .em-swiper .swiper-button-next{top:21px;width:30px;height:40px;background-position: 10px 12px;background-color:#fff;background-size: 10px;} _:-ms-fullscreen, :root .em-swiper .swiper-button-prev, _:-ms-fullscreen, :root .em-swiper .swiper-button-next{top: 0;} .em-swiper .swiper-button-prev{left:0;border-right:1px solid #d3d4d6;} .em-swiper .swiper-button-next{right:0;border-left:1px solid #d3d4d6;} .emoticon-wrap{z-index:10; position: fixed; left:-83px; top:148px; width: 374px; height: 426px; padding: 10px 0 20px 0; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: 1px solid #d3d4d6; background-color: #fff; } _:-ms-fullscreen, :root .emoticon-wrap { left:auto; right:92px; top:148px; width: 386px; } .emoticon-wrap.other{height:350px;} /* _:-ms-fullscreen, :root .emoticon-wrap.other {width: 310px;} */ .emoticon-wrap .scroll{ overflow: auto; height: calc(100% - 13px); padding-right: 26px; margin-left: 26px;} .emoticon-wrap-title{ font-size: 11.5px; color: #999;} .emoticon-box{margin-top: 9px;} .emoticon-box ~ .emoticon-box{margin-top: 18px;} .emoticon-title{font-size: 11.5px; color: #000;} .emoticon-list{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 4px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .emoticon-list li{display: -webkit-box;display: -ms-flexbox;display: flex; position:relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom:25px; margin-left: 5px; width: 100px; height: 100px;-webkit-box-sizing: border-box;box-sizing: border-box;} .emoticon-list li p.em-tit{position:absolute;bottom:-30px;left:0;width:100%;font-size:12px;font-weight: normal;text-align: center;} .emoticon-list li:nth-child(n+4){margin-top: 34px;} .emoticon-list li:nth-child(3n+1){margin-left:0;} .emoticon-list li:hover, .emoticon-list li.selected{ border-radius: 5px; -webkit-box-shadow: 0.5px 0.9px 6px 3px rgba(90, 92, 92, 0.07); box-shadow: 0.5px 0.9px 6px 3px rgba(90, 92, 92, 0.07); background-color: #f4f4f4; } .emoticon-list li.selected{border:1px solid #e9e9e9;} .emoticon-list img{ max-width: 100%; } .emoticon-wrap + .btn_box{ margin: -20px -14px 0 0;} .opinion-input_ty1.emoticon{padding-right: 21px;} .emoticon-wrap .scroll + .btn_box { padding: 6px 10px 6px 0; } .reply-emoticon img{max-width:100px;} /* 보드본문블럭 생성자/수정자 */ .contentblock .create-user{ line-height:1.1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; /*z-index: 1;*/ position: absolute; left: calc(100% + 71px); top:0; min-width: 150px; text-align: left; } .contentblock .create-user.cu-type1{left:calc(100% + 67px)} _:-ms-fullscreen, :root .contentblock .create-user { width: 170px; } .contentblock .create-user > span{max-width: 264px; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;cursor:pointer;} .contentblock .create-user > span:before{display:inline-block;vertical-align:-5px;margin-right:5px;width:16px;height:16px;content:'';background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEVHcExmZmZmZmY6O0VmZmZmZmZmZmZMTVNmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmY6O0U6O0XKTsFmAAAAEXRSTlMA+CvSrenXDwaSebwtfi8qqqRW0kcAAAB4SURBVBjTZY9ZEgMhCESBURbHZDL3v2xksZJK+sOSJzY0wNJljMh2QUqtj6k6RzeN+mySL9JOJ9a8OA4/mwFQlw+QTmAP+NIw4Gc03Hc0TgYMZymg+AME68sGxGW6wTLNsQV8bC62prxqsf/VIxyp0g7n3hmf/P4GI70EF3alG5sAAAAASUVORK5CYII=) left top no-repeat;} .contentblock .create-user > span:hover:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEVHcEw6O0U6O0U6O0U6O0U6O0U6O0U6O0U6O0U6O0U6O0U6O0X///9PUFjl5ebMzM48BvFnAAAAC3RSTlMAlSuP+AbXvMgJ1B5cwe4AAABkSURBVAjXY2BgUE5xM2IAgsDdQCDJwMBaDWJsD2Bg3L173+vduwUYtCGMTQzWu8FgM0P27t1vzu7evY3Be/fuO0DGFgQjG8LYBVIMYmwGaQcxNoEMfHMeZCDcCrilIGd4AZ0BAPo9R1Ki7dq3AAAAAElFTkSuQmCC) left top no-repeat;} .contentblock .create-user > span:hover{z-index:10;} .contentblock .create-user > span:hover + [class*="tooltip-"]{display:block; z-index:100;} .contentblock .create-user [class*="tooltip-"]{display:none;position:absolute; left:-9px; top: 20px;max-width:293px;} _:-ms-fullscreen, :root .contentblock .create-user [class*="tooltip-"]{width:100%;} .cu-info { width: 100%; line-height: 18px; } .cu-info-name { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color:#fff; font-weight: normal;} .cu-info-name span:first-of-type:after{display: inline-block; width:1px; height:10px; margin-left: 5px; content: ''; background: #61626f;} .cu-info-name span:last-child{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:5px;} .cu-info ~ .cu-info{ margin-top: 4px; } .cu-info .cu-info-date{display:block;margin-top:0;color:#acacac;font-size:12px; font-weight: normal;} .file-lock { background: url(data:image/png;base64,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) no-repeat 0 0; position: absolute; top: calc(50% - 12px); display: block; height: 24px; } .block-contentfile { right: 106px; width: 92px;} .board-filelist {background-position:center; width: 100%;} .project-filelist {background-position:center; width: 100%;} .board-left .left_wrap > div > .tit > .btn_add[data-v-0d552b60] { position: absolute; right: 0; top: -4px; } .board-left .left_wrap > div > .tit[data-v-0d552b60] { position: relative; } .board-left .left_wrap > div > .tit > .btn_add button[data-v-0d552b60] { width: 24px; height: 24px; border-radius: 50%; background-image: url(/static/img/sp_common.1ad25ab.svg); background-repeat: no-repeat; background-position: -98px -38px; background-size: 500px auto; } .board-left .left_wrap > div > .tit > .btn_add button[data-v-0d552b60]:hover { background-color: #d3d4d6; } .hidden[data-v-0d552b60] { display: none !important; } .txtEllipsis[data-v-0d552b60] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-0d552b60] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-0d552b60]:before, .multi-ellipsis[data-v-0d552b60]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-0d552b60]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-0d552b60]::before, .multi-ellipsis.no-ellipsis[data-v-0d552b60]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-0d552b60] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-0d552b60]::before, .multi-ellipsis[data-v-0d552b60]::after { content: normal; } } .enCss.left-btn_toggle[data-v-0d552b60]::before { height: 19px !important; } .toggle-approval.active[data-v-0d552b60]::after {content: ' '; } .toggle-back[data-v-0d552b60]::after { content: ' '; color: #666; } .toggle-approval[data-v-0d552b60]::after { content: ' '; color: #666; } #modals-container[data-v-43e0e35e] .v--modal-overlay .v--modal-box { overflow: visible; } .ell-singleline[data-v-47dee338] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 200px; } #file-drop-zone > .cursor[data-v-47dee338] { background: #000 !important; } .edit_tool > li.unabled[data-v-47dee338]::before { content: "\3000"; width: 100%; position: absolute; height: 100%; background: #000; opacity: 0.5; } .sortable-chosen[data-v-47dee338] { opacity: 0.5; } .btn_lock[data-v-47dee338]{ width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -120px -40px; position: absolute; left: -20px; top: 12px; } .btn_lock.active[data-v-47dee338]{ width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -120px -60px; position: absolute; left: -20px; top: 12px; } .board_layout.box-click .editor .name[data-v-1b12c0c6] { position: relative; top: -8px; } .board_layout.box-click .editor .lock[data-v-1b12c0c6] { top: 13px; } .align_top > .hover_box .move[data-v-1b12c0c6], .align_top > .hover_box .hover_comment[data-v-1b12c0c6] { top: 0px; } .board_layout.box-click .eidtbox-ty1[data-v-1b12c0c6]::after { height: calc(100% - 5px); top: 2px; } .board_txt.message[data-v-1b12c0c6] { position: absolute; font-size: 14px; } .menububble.is-active[data-v-1b12c0c6] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 370px; } /* .create-user { width: 155px; } */ .v-progress-circular[data-v-7b0fa8c5] { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .v-progress-circular svg[data-v-7b0fa8c5] { width: 100%; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .v-progress-circular--indeterminate svg[data-v-7b0fa8c5] { -webkit-animation: progress-circular-rotate-data-v-7b0fa8c5 1.4s linear infinite; animation: progress-circular-rotate-data-v-7b0fa8c5 1.4s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .v-progress-circular--indeterminate .v-progress-circular__overlay[data-v-7b0fa8c5] { -webkit-animation: progress-circular-dash-data-v-7b0fa8c5 1.4s ease-in-out infinite; animation: progress-circular-dash-data-v-7b0fa8c5 1.4s ease-in-out infinite; stroke-linecap: round; stroke-dasharray: 80, 200; stroke-dashoffset: 0px; } .v-progress-circular__info[data-v-7b0fa8c5] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .v-progress-circular__underlay[data-v-7b0fa8c5] { stroke: rgba(0, 0, 0, 0.1); z-index: 1; } .v-progress-circular__overlay[data-v-7b0fa8c5] { stroke: currentColor; z-index: 2; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } @-webkit-keyframes progress-circular-dash-data-v-7b0fa8c5 { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0px; } 50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15px; } 100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125px; } } @keyframes progress-circular-dash-data-v-7b0fa8c5 { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0px; } 50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15px; } 100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125px; } } @-webkit-keyframes progress-circular-rotate-data-v-7b0fa8c5 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes progress-circular-rotate-data-v-7b0fa8c5 { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .v-treeview-node__toggle--loading[data-v-7b0fa8c5] { -webkit-animation: progress-circular-rotate-data-v-7b0fa8c5 1s linear infinite; animation: progress-circular-rotate-data-v-7b0fa8c5 1s linear infinite; } .one[data-v-3e4bb947] { text-align: center; } .one .v-progress-circular[data-v-3e4bb947] { margin: 150px 0 0 0; } .droplayer.more.large > .v-btn[data-v-3e4bb947] { background-color: rgba(246,247,372,0.5); border-radius: 50%; } .todo_wrap_view .view[data-v-71e57656], .url_box .tit.content[data-v-71e57656] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 30px; display: block; } .url_box .tit.content.has_desc[data-v-71e57656] { margin-top: 10px; } .url_box .meta_description[data-v-71e57656] { margin-top: 10px; } hr[data-v-5728a3f0] { border-top: 1px solid #d3d4d6; } hr.focused[data-v-5728a3f0] { border-top: 1px solid #000; } .todo_wrap_write .loader_wrap[data-v-4f94cb36] { position: relative; margin-right: 10px; top: -8px; } .todo_wrap_write .loader_wrap .loader[data-v-4f94cb36] { margin-right: 10px; } .errorBlock[data-v-4f94cb36] { background-color: rgb(245, 205, 205); } .txtEllipsis[data-v-4f94cb36] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-4f94cb36] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-4f94cb36]:before, .multi-ellipsis[data-v-4f94cb36]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-4f94cb36]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-4f94cb36]::before, .multi-ellipsis.no-ellipsis[data-v-4f94cb36]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-4f94cb36] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-4f94cb36]::before, .multi-ellipsis[data-v-4f94cb36]::after { content: normal; } } .todo_wrap_write .loader_wrap[data-v-75528e6b] { position: relative; margin-right: 10px; top: -8px; } .todo_wrap_write .loader_wrap .loader[data-v-75528e6b] { margin-right: 10px; } .errorBlock[data-v-75528e6b] { background-color: rgb(245, 205, 205); } .txtEllipsis[data-v-75528e6b] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-75528e6b] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-75528e6b]:before, .multi-ellipsis[data-v-75528e6b]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-75528e6b]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-75528e6b]::before, .multi-ellipsis.no-ellipsis[data-v-75528e6b]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-75528e6b] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-75528e6b]::before, .multi-ellipsis[data-v-75528e6b]::after { content: normal; } } [class*="todo_wrap"] .enCss[data-v-75528e6b] { width: 100px; } .header[data-v-4de5720c] { padding: 1em; color: #fff; background-color: #404040; } .header .md-title[data-v-4de5720c] { font-size: 16px; padding-left: 15px; } .header .close-icon[data-v-4de5720c] { float: right; cursor: pointer; } .header .close-icon .md-icon[data-v-4de5720c] { color: #fff; } .content[data-v-4de5720c] { width: 90%; margin: 15px auto; } .content input[data-v-4de5720c] { width: 100%; height: 40px; } .footer[data-v-4de5720c] { width: 90%; margin: 15px auto; margin-top: 30px; text-align: center; } .footer.newFolder[data-v-4de5720c] { text-align: right; } .btn_submit[data-v-4de5720c] { border: none; color: #fff; font-size: 16px; padding: 5px 20px; border-radius: 3px; background-color: #ff6600; } .btn_cancel[data-v-4de5720c] { border: none; color: #fff; font-size: 16px; padding: 5px 20px; border-radius: 3px; background-color: #7f7f7f; } .input-box .input-txt-del[data-v-4f3750ce] { right: 34px; } .message[data-v-4f3750ce] { position: absolute; width: 200px; } .message .error[data-v-4f3750ce] { font-size: 12px; background: #fff; padding: 10px; border: 1px solid #eee; left: -20px; top: 10px; position: relative; } .bds067 .list-table input[type="text"][data-v-4f3750ce] { width: 100px; margin-right: 28px; } div.metadata[data-v-5ea10d0e] { margin: 5px 25px; } div.meta_image[data-v-5ea10d0e] { position: relative; overflow: hidden; width: 62px; height: 62px; border: 1px solid #777; padding: 2px; float: left; margin-right: 15px; } div.meta_image > img[data-v-5ea10d0e] { position: absolute; margin: auto; width: auto; height: auto; max-width: 60px; max-height: 60px; top: 0; left: 0; bottom: 0; right: 0; } div.meta_url[data-v-5ea10d0e] { padding: 5px 0 5px 0; } .modal-footer[data-v-5ea10d0e] { clear: both; } .content[data-v-5ea10d0e] { width: 90%; margin: 15px auto 0 auto; } .content input[data-v-5ea10d0e] { width: 100%; height: 40px; padding: 0 10px 0 10px; border: 1px solid #555; } .message[data-v-5ea10d0e] { margin-left: 27px; color: #f00; } .txtEllipsis[data-v-9a955192] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-9a955192] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-9a955192]:before, .multi-ellipsis[data-v-9a955192]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-9a955192]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-9a955192]::before, .multi-ellipsis.no-ellipsis[data-v-9a955192]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-9a955192] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-9a955192]::before, .multi-ellipsis[data-v-9a955192]::after { content: normal; } } .uts004 .nodata[data-v-9a955192] { height: calc(100% - 17px); } .cate-tit[data-v-9a955192] { cursor: pointer; } .btn-txt-underline.reply[data-v-2d080009] { margin-top: 13px; } .opinion_box .txt[data-v-2d080009] { word-break: break-all; } .name .droplayer .v-menu__content[data-v-0219dadb] { width: 260px; border: 0 none; background-color: transparent; } .opinion_search .info-txt[data-v-0219dadb] { position: relative; } .opinion_search[data-v-0219dadb] { overflow: hidden; } /* .opinion_box.del { display: table; } */ div.txt[data-v-0219dadb] { cursor: pointer; } .opinion_box .txt[data-v-0219dadb] { word-break: break-all; } /* .editor-wrapper { width: } */ .editor-wrapper table tbody[data-v-d0cb592c]::before, .editor-wrapper table tbody[data-v-d0cb592c]::after { display: none !important; } .editor-wrapper table tbody tr[data-v-d0cb592c]:hover::before, .editor-wrapper table tbody tr[data-v-d0cb592c]:hover::after { display: none !important; } .img_box[data-v-d0cb592c] { clear: both; margin-top: 0; } .img_box > .one[data-v-d0cb592c] { position: relative; width: 100%; height: 400px; /* background: #eee; */ text-align: center; } .img_box > .one > img.preview[data-v-d0cb592c] { position: absolute; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 400px; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; } .one .v-progress-circular[data-v-d0cb592c] { margin: 150px 0 0 0; } /* .img_box > .one:hover { opacity: 0.5; } */ /* .board_layout .eidtbox-ty1.todo_wrap_view { margin-top: 0; } */ .modal_todo_wrap[data-v-d0cb592c] { height: 66px !important; resize: none !important; padding: 12px 13px !important; border: 1px solid #acacac !important; font-size: 14px !important; color: #000 !important; width: 100% !important; padding-left: 13px !important; border-color: #acacac !important; background-color: transparent !important; } /* .txt.ell-singleline { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 800px; } */ .txtEllipsis[data-v-d0cb592c] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-d0cb592c] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-d0cb592c]:before, .multi-ellipsis[data-v-d0cb592c]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-d0cb592c]:after { background: currentColor !important; color: #f6f7fa !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-d0cb592c]::before, .multi-ellipsis.no-ellipsis[data-v-d0cb592c]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-d0cb592c] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-d0cb592c]::before, .multi-ellipsis[data-v-d0cb592c]::after { content: normal; } } [class*="todo_wrap"] .enCssDecision[data-v-d0cb592c] { width: 100px; } .tooltip-b.tl[data-v-3d7c5095]::before, .tooltip-w.tl[data-v-3d7c5095]::before { top: auto; bottom: -6px; -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .bds038 .tab-content .dropdown.ty2 .dropdown-list > .scroll > div:nth-child(2) > .tit > .tooltip-b[data-v-3d7c5095]::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* .task_link_box .output .task_box li { position: relative; display: flex; height: 40px; line-height: 40px; padding:0 65px 0 20px; border-radius: 8px; background-color: #f6f7fa; } .task_link_box .output .task_box li .ell-singleline { display: inline-block; } */ .mas030 .enCss[data-v-55883e96] { width: calc(100% - 170px); } .ProjectManagewrap[data-v-3b45691b] { height: 400px; } .member-search_box[data-v-3b45691b] { width: 100% !important; height: 100%; padding-bottom: 30px; } .myName[data-v-3b45691b], .droplayer[data-v-3b45691b] { font-size: 18px; color: #000; } .memberListline[data-v-3b45691b]{ border-top: none; } .tit[data-v-3b45691b] { font-size: 18px; } .tab-menu[data-v-3b45691b] { border-bottom: 1px solid lightgray; padding-bottom: 10px; } .modal-window .tab-content[data-v-3b45691b] { margin-top: 15px; } .ico-creat[data-v-3b45691b] { display: inline-block; width: 40px; height: 17px; line-height: 17px; margin-left: 2px; font-family: 'LifeplusM'; font-size: 11px; color: #fff; text-align: center; border-radius: 8.5px; background-color: black; } .memberList[data-v-3b45691b] { margin-bottom: 8px; } .mail[data-v-3b45691b] { font-size: 15px; } .memberCnt[data-v-3b45691b] { font-size: 15px; margin-bottom: 10px; } .bds076 .dropdown .dropdown-list-item[data-v-d050e674] { border: 0 none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; outline: none; position: relative; text-decoration: none; } .bds076 .box .row:first-child .dropdown.ty2 .v-btn[data-v-d050e674] { width: 155px; } .multi-ellipsis[data-v-b9133b6c] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-b9133b6c]:before, .multi-ellipsis[data-v-b9133b6c]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-b9133b6c]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-b9133b6c]::before, .multi-ellipsis.no-ellipsis[data-v-b9133b6c]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-b9133b6c] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-b9133b6c]::before, .multi-ellipsis[data-v-b9133b6c]::after { content: normal; } } @charset "UTF-8"; /*============================================ PRIVATE ============================================*/ .private_wrap {} .private_wrap .tab_ty1 > .tab-content {min-width: 1180px; width: 1180px; margin: 0 auto} .private_wrap .tab_ty2 > .tab-menu {background-color: #eff2f7;} .mypage-header {height: 119px; border-bottom: 0 none !important;} .mypage-header .inner {padding-top: 50px;} .mypage_cnt {min-width: 1180px; width: 1180px; margin: 0 auto} .tb-contents.ins002a td {height: 109px;} .tb-contents.ins002a td [class*="ico-txt-evaluate-"], .ins016_wrap td [class*="ico-txt-evaluate-"] {margin-bottom: 15px} .tb-contents.ins002a td .member-list, .ins016_wrap td .member-list { display: inline-block; margin-top: 10px } .tb-contents.ins002a td .ell-multiline2 {width: 340px;} .tb-contents.ins002a td .linked {font-size: 12px; color: #999} .tb-contents.ins002a td .linked:not(:empty)::before { display: inline-block; content: ''; width: 1px; height: 12px; margin: 0 8px; vertical-align: middle; background-color: #d3d4d6; } .tb-contents.ins002a td .ell-singleline {width: calc(100% - 100px);} .tb-contents.ins002a td .mail.ell-singleline { width: 100%; } .tb-contents.ins002a td .txt-linked {display: inline-block !important;} .ins002a th:nth-child(1), .ins002a td:nth-child(1) {width: calc(100% - 72px - 78px - 121px - 104px - 70px); padding-left: 25px;} .ins002a th:nth-child(2), .ins002a td:nth-child(2) {width: 72px;} .ins002a th:nth-child(3), .ins002a td:nth-child(3) {width: 78px;} .ins002a th:nth-child(4), .ins002a td:nth-child(4) {width: 121px;} .ins002a th:nth-child(5), .ins002a td:nth-child(5) {width: 104px;} .ins002a td:nth-child(5) .v-btn {font-size: 12px; color: #999;} .ins002a th:nth-child(6), .ins002a td:nth-child(6) {width: 70px; padding-right: 25px;} .kanban_wrap.ins002b {margin-top: 35px;} /* .private_wrap > .tab_ty1 > .tab-content .tab_ty2:nth-child(1) > .tab-menu { padding-left: 433px; text-align: left; } .private_wrap > .tab_ty1 > .tab-content .tab_ty2:nth-child(2) > .tab-menu { padding-left: 636px; text-align: left; } */ .file-wrap .tb-list_ty1 {margin-top: 38px} .file-wrap .tb_sort .dividing_line_ty1 {margin: 0 10px 0 11px} .ins003a th:nth-child(1), .ins003a td:nth-child(1) {width: 56px !important; text-align: center; padding-left: 25px;} .ins003a th:nth-child(2), .ins003a td:nth-child(2) {width: calc(100% - 56px - 298px - 121px - 104px - 70px); padding-left: 15px;} .ins003a td:nth-child(2) .ell-singleline {width: 500px; color: #000} .ins003a td:nth-child(2) [class*='ico-file-'] button.ell-singleline {width: 464px; color: #000} .ins003a th:nth-child(3), .ins003a td:nth-child(3) .ell-singleline {width: 298px;} .ins003a td:nth-child(3) .ell-singleline {width: 298px; font-size: 12px; color: #000;} .ins003a th:nth-child(4), .ins003a td:nth-child(4) {width: 121px; text-align: center; font-size: 12px; color: #999;} .ins003a th:nth-child(5), .ins003a td:nth-child(5) {width: 104px; text-align: center; font-size: 12px; color: #999;} .ins003a td:nth-child(5) .v-btn {font-size: 12px; color: #999;} .ins003a th:nth-child(6), .ins003a td:nth-child(6) {width: 70px; text-align: center; padding-right: 25px;} .ins003b th:nth-child(1), .ins003b td:nth-child(1) {width: 56px !important; text-align: center; padding-left: 25px;} .ins003b th:nth-child(2), .ins003b td:nth-child(2) {width: calc(100% - 56px - 121px - 104px - 70px); padding-left: 15px;} .ins003b td:nth-child(2) .ell-singleline {width: 480px} .ins003b td:nth-child(2) {color: #000} .ins003b th:nth-child(3), .ins003b td:nth-child(3) {width: 121px; text-align: center; font-size: 12px; color: #999;} .ins003b th:nth-child(4), .ins003b td:nth-child(4) {width: 104px; text-align: center; font-size: 12px; color: #999;} .ins003b td:nth-child(4) .v-btn {font-size: 12px; color: #999;} .ins003b th:nth-child(5), .ins003b td:nth-child(5) {width: 70px; text-align: center; padding-right: 25px} .ins009 th:nth-child(1), .ins009 td:nth-child(1) {width: calc(100% - 350px - 70px - 120px - 100px - 80px);} .ins009 td:nth-child(1) {padding-left: 25px; padding-right: 25px;} .ins009 th:nth-child(2), .ins009 td:nth-child(2) {width: 350px} .ins009 th:nth-child(3), .ins009 td:nth-child(3) {width: 70px} .ins009 th:nth-child(4), .ins009 td:nth-child(4) {width: 120px} .ins009 th:nth-child(5), .ins009 td:nth-child(5) {width: 100px} .ins009 th:nth-child(6), .ins009 td:nth-child(6) {width: 80px} .ins009 td [class*="ico-txt-evaluate-"] {margin-bottom: 15px;} .ins009 td .part-member-num {margin-top: 10px;} .ins009 .cnt.board {width: 588px;} .ins012_wrap .tab-content, .ins014_wrap .tab-content, .ins015_wrap .tab-content {padding-top: 50px;} .ins012a th:nth-child(1), .ins012a td:nth-child(1) {width: calc(100% - 82px - 105px - 107px); padding-left: 25px} .ins012a th:nth-child(2), .ins012a td:nth-child(2) {width: 82px; text-align: center;} .ins012a th:nth-child(3), .ins012a td:nth-child(3) {width: 105px; text-align: center;} .ins012a th:nth-child(4), .ins012a td:nth-child(4) {width: 107px; text-align: center; padding-right: 25px;} .ins012a td:nth-child(3) .member-list .txt_user {font-size: 12px;} .ins012a td:nth-child(3), .ins012a td:nth-child(4) {font-size: 12px; color: #999} .ins027 .ico-switch_favorites {margin-right: -3px; margin-top: -2px;} .ins027 .nodata-txt-noicon { width: 100%; height: 350px; padding-top: 122px; line-height: 20px; text-align: center; background-color: #fff; } .ins027 .nodata-txt-noicon .txt { padding-bottom: 40px; font-size: 14px; color: #999; } .ins014a_wrap th:nth-child(1), .ins014a_wrap td:nth-child(1) {width: 102px; padding-left: 25px;} .ins014a_wrap th:nth-child(2), .ins014a_wrap td:nth-child(2) {width: calc(100% - 102px - 146px - 124px - 132px - 85px); padding-left: 30px;} .ins014a_wrap th:nth-child(3), .ins014a_wrap td:nth-child(3) {width: 146px; text-align: center; font-size: 12px; color: #999} .ins014a_wrap th:nth-child(4), .ins014a_wrap td:nth-child(4) {width: 124px; text-align: center; font-size: 12px; color: #999} .ins014a_wrap th:nth-child(5), .ins014a_wrap td:nth-child(5) {width: 132px; text-align: center; font-size: 12px; color: #999} .ins014a_wrap td:nth-child(5) .deadline {color: #ff0000;} .ins014a_wrap th:nth-child(6), .ins014a_wrap td:nth-child(6) {width: 85px; padding-right: 25px; text-align: center; font-size: 12px; color: #999} .ins023_wrap th:nth-child(1), .ins023_wrap td:nth-child(1) {width: 102px; padding-left: 25px;} .ins023_wrap th:nth-child(2), .ins023_wrap td:nth-child(2) {width: calc(100% - 102px - 146px - 124px - 132px - 118px); padding-left: 30px;} .ins023_wrap th:nth-child(3), .ins023_wrap td:nth-child(3) {width: 146px; text-align: center; font-size: 12px; color: #999} .ins023_wrap th:nth-child(4), .ins023_wrap td:nth-child(4) {width: 124px; text-align: center; font-size: 12px; color: #999} .ins023_wrap th:nth-child(5), .ins023_wrap td:nth-child(5) {width: 132px; text-align: center; font-size: 12px; color: #999} .ins023_wrap th:nth-child(6), .ins023_wrap td:nth-child(6) {width: 118px; text-align: center; font-size: 12px; color: #999} .ins023_wrap .tb-contents.del .space, .ins023_wrap .tb-contents.del .space-name, .ins023_wrap .tb-contents.del .board-name, .ins023_wrap .tb-contents.del .subject {text-decoration: line-through; color: #999} .ins023_wrap .tb-contents.del .space, .ins023_wrap .tb-contents.del .space-name {color: #999} .ins023_wrap .tb-contents.del input[type='checkbox']:disabled + label, .ins023_wrap .tb-contents.del .board-name, .ins023_wrap .tb-contents.del .subject {color: #666} .ins023_wrap .tb-contents.del .re-de .division {background-position: -110px -221px;} .ins015a_wrap th:nth-child(1) {padding-right: 20px;} .ins015a_wrap th:nth-child(1), .ins015a_wrap td:nth-child(1) {width: 94px; padding-left: 25px;} .ins015a_wrap th:nth-child(2), .ins015a_wrap td:nth-child(2) {width: calc(100% - 94px - 125px - 110px); padding-left: 20px;} .ins015a_wrap th:nth-child(3), .ins015a_wrap td:nth-child(3) {width: 125px; text-align: center; font-size: 12px; color: #999} .ins015a_wrap th:nth-child(4), .ins015a_wrap td:nth-child(4) {width: 110px; padding-right: 25px; text-align: center; font-size: 12px; color: #999} .ins026_wrap th:nth-child(1) {padding-right: 15px;} .ins026_wrap th:nth-child(1), .ins026_wrap td:nth-child(1) {width: 89px; padding-left:25px;} .ins026_wrap th:nth-child(2), .ins026_wrap td:nth-child(2) {width: calc(100% - 89px - 113px); padding-left: 15px;} .ins026_wrap th:nth-child(3), .ins026_wrap td:nth-child(3) {width: 113px; text-align: center; font-size: 12px; color: #999} .ins026_wrap th:nth-child(4), .ins026_wrap td:nth-child(4) {width: 94px; text-align: center; font-size: 12px; color: #999} .ins026_wrap th:nth-child(5), .ins026_wrap td:nth-child(5) {width: 104px; padding-right: 25px; text-align: center; font-size: 12px; color: #999} .ins026_wrap .label-fin, .ins026_wrap.label-ready, .ins026_wrap .label-return {min-width: 49px;} .ins016_wrap .tb-list_ty1 {width: 1180px; min-width: 1180px; margin: 0 auto; padding-top: 50px;} .ins016_wrap th:nth-child(1) {text-align: left;} .ins016_wrap th:nth-child(1), .ins016_wrap td:nth-child(1) {width: 61px; padding-left: 25px;} .ins016_wrap th:nth-child(2), .ins016_wrap td:nth-child(2) {width: 79px; text-align: center;} .ins016_wrap th:nth-child(3), .ins016_wrap td:nth-child(3) {width: 153px; font-size: 12px;} .ins016_wrap td:nth-child(3) {color: #000} .ins016_wrap td:nth-child(3) .ell-singleline {width: 150px; padding-left: 15px;} .ins016_wrap th:nth-child(4), .ins016_wrap td:nth-child(4) {width: calc(100% - 61px - 79px - 153px - 121px - 104px - 131px);} .ins016_wrap td:nth-child(4) {padding-left: 15px} .ins016_wrap th:nth-child(5), .ins016_wrap td:nth-child(5) {width: 121px; text-align: center; font-size: 12px; color: #999} .ins016_wrap th:nth-child(6), .ins016_wrap td:nth-child(6) {width: 104px; text-align: center; font-size: 12px; color: #999} .ins016_wrap th:nth-child(7), .ins016_wrap td:nth-child(7) {width: 131px; padding-right: 25px; text-align: center; font-size: 12px; color: #999} .ins028 .main_header_outer {background-color: #fff;} .ins028 .main_header_comment {height: 280px;} .ins028 .main_header_comment, .ins028 .division {width: 1180px; margin: 0 auto; padding-top: 90px;} .ins028 .division h3 {font-size: 18px; color: #000;} .ins028 .main_header_comment .tit { margin-top: -4px; font-size: 18px; color: #000 } .ins028 .main_header_comment .tit b { font-size: 36px; } .ins028 .sub_tit_box {margin-bottom: 20px;} .ins028 .division .list-card_square > .swiper-wrapper > .clear {border-radius: 16px;;} .ins028 .list-card_square {width: 1240px;margin-left: -30px; margin-right: -30px; margin-bottom: 54px; padding: 0 30px;} .ins028 .tab-content > section:nth-child(n+2) .list-card_square {width: 1180px!important; margin: 0 auto !important; padding: 0 !important} .ins028 .list-card_square li:nth-child(4n) {margin-right: 0 !important} .ins028 .list-card_square .swiper-wrapper {width: 1180px;} .ins028 .list-card_square .swiper-slide {width: 280px !important; margin-bottom: 0 !important} .ins028 .list-card_square.col-4 > div:nth-child(4n+1) {margin-top: inherit !important} .ins028 .list-card_square .swiper-slide:nth-child(1) {margin-left: 0;} .ins028 .swiper-button-prev { left: 0; top: 22px; height: 100%; background-color: #eff2f7; background-position: 0 50%; } .ins028 .swiper-button-next { right: 0; top: 22px; height: 100%; background-color: #eff2f7; background-position: 0 50% } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ins028 .swiper-button-prev, .ins028 .swiper-button-next {top: 0} } .ins028 .nodata { display: table; width: 100%; height: 170px; margin-bottom: 54px; text-align: center; background-color: #fff; } .ins028 .nodata > div { display: table-cell; vertical-align: middle; } .ins028 .nodata .txt {font-size: 14px; color: #999;} .ins028 .nodata button {margin-top: 36px} .ico-txt_comment[data-v-9da9330c]{ position: relative; line-height: 16px; padding-left: 19px; font-size: 14px; display: block; content: ''; width: 16px; height: 16px; left:19px } .folder_ty1 .folder_nav .folder_list > div:hover > button[data-v-9da9330c]::after { background: none; } .check_result[data-v-9da9330c]{ background-color: #f6f7fa; } .ell-multiline2[data-v-43003d2d] { word-break: break-all; cursor: pointer; } /* .nodata{ position: relative; top: -191px; } .kanban-cnt_ty1 [class*="kanban-col"] + [class*="kanban-col"] { max-height: 631px; } */ .nodata[data-v-43003d2d] { position: relative; margin-top: -191px; } .kanban-cnt_ty1 [class*="kanban-col"][data-v-43003d2d] { max-height: 631px; } .kanban-list-wrap[data-v-43003d2d] { max-height: 442px; } .folder_name[data-v-43003d2d] { display: block; } .tooltip-b[data-v-43003d2d] { display:none; z-index: 10; word-break: break-all; position: absolute; width: calc(80%); } .ell-singleline[data-v-43003d2d], .tooltip-b[data-v-43003d2d] { /* white-space: normal; */ } .tooltip-b.tl.linkedTooltip[data-v-43003d2d] { left: calc(10%); } .tooltip-b.tl.linkedTooltip[data-v-43003d2d]::before { left: calc(90%); } .tooltip-b.tl.paperTitle[data-v-43003d2d] { /* margin-top: -18px; */ } .multi-ellipsis[data-v-43003d2d] { overflow: hidden; position: relative; line-height: 1.44; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-43003d2d]:before, .multi-ellipsis[data-v-43003d2d]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.44em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-43003d2d]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-43003d2d]::before, .multi-ellipsis.no-ellipsis[data-v-43003d2d]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-43003d2d] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-43003d2d]::before, .multi-ellipsis[data-v-43003d2d]::after { content: normal; } } .file-cursor[data-v-36c6e60c] { cursor: pointer; } .ins003a td:nth-child(3) div + div[data-v-36c6e60c]::before, .ins003a td:nth-child(3) div + div + .tooltip-b[data-v-36c6e60c]::before { width: 14px; height: 8px; background-color: rgba(0, 0, 0, 0); } .txtEllipsis[data-v-9e07b034] { position: absolute; left: 0; top: 0; opacity: 0; } .multi-ellipsis[data-v-9e07b034] { overflow: hidden; position: relative; min-height: 23px; max-height: 2.8em; line-height: 1.4; text-align: justify; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; } .multi-ellipsis[data-v-9e07b034]:before, .multi-ellipsis[data-v-9e07b034]:after { content: "..."; line-height: 1; position: absolute; right: 0; top: 1.6em; -ms-wrap-flow: start; } .multi-ellipsis[data-v-9e07b034]:after { background: currentColor !important; color: #fff !important; top: auto; } .multi-ellipsis.no-ellipsis[data-v-9e07b034]::before, .multi-ellipsis.no-ellipsis[data-v-9e07b034]::after { display: none; } @supports (-webkit-line-clamp: 2) { .multi-ellipsis[data-v-9e07b034] { -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2; } .multi-ellipsis[data-v-9e07b034]::before, .multi-ellipsis[data-v-9e07b034]::after { content: normal; } } .vue-moments-ago[data-v-99e76028] { font-size: 12px; } .audit001[data-v-406771cc] { margin-top: 38px; } .audit001[data-v-406771cc] th:nth-child(1), .audit001[data-v-406771cc] td:nth-child(1) { padding-left: 25px; width: calc(100% - 100px - 100px - 100px - 150px - 250px) !important; text-align: left; } .audit001[data-v-406771cc] th:nth-child(2), .audit001[data-v-406771cc] td:nth-child(2) { width: 100px !important; text-align: center; } .audit001[data-v-406771cc] th:nth-child(3), .audit001[data-v-406771cc] td:nth-child(3) { width: 100px !important; text-align: center; } .audit001[data-v-406771cc] th:nth-child(4), .audit001[data-v-406771cc] td:nth-child(4) { width: 100px !important; text-align: center; } .audit001[data-v-406771cc] th:nth-child(5), .audit001[data-v-406771cc] td:nth-child(5) { width: 150px !important; text-align: center; } .audit001[data-v-406771cc] th:nth-child(6), .audit001[data-v-406771cc] td:nth-child(6) { width: 250px !important; text-align: center; } .audit001[data-v-406771cc] th.text-center { text-align: center; } .audit001[data-v-406771cc] input { background-color: transparent; } .audit002[data-v-70ed8263] { margin-top: 38px; } .audit002[data-v-70ed8263] th:nth-child(1), .audit002[data-v-70ed8263] td:nth-child(1) { padding-left: 25px; width: calc(100% - 100px - 100px - 100px - 100px - 150px - 250px) !important; text-align: left; } .audit002[data-v-70ed8263] th:nth-child(2), .audit002[data-v-70ed8263] td:nth-child(2) { width: 100px !important; text-align: center; } .audit002[data-v-70ed8263] th:nth-child(3), .audit002[data-v-70ed8263] td:nth-child(3) { width: 100px !important; text-align: center; } .audit002[data-v-70ed8263] th:nth-child(4), .audit002[data-v-70ed8263] td:nth-child(4) { width: 100px !important; text-align: center; } .audit002[data-v-70ed8263] th:nth-child(5), .audit002[data-v-70ed8263] td:nth-child(5) { width: 100px !important; text-align: center; } .audit002[data-v-70ed8263] th:nth-child(6), .audit002[data-v-70ed8263] td:nth-child(6) { width: 150px !important; text-align: center; } .audit002[data-v-70ed8263] th:nth-child(7), .audit002[data-v-70ed8263] td:nth-child(7) { width: 250px !important; text-align: center; } .audit002[data-v-70ed8263] th.text-center { text-align: center; } .audit002[data-v-70ed8263] input { background-color: transparent; } .audit003[data-v-af151636] { margin-top: 38px; } .audit003[data-v-af151636] th:nth-child(1), .audit003[data-v-af151636] td:nth-child(1) { padding-left: 25px; width: calc(100% - 150px - 150px - 200px - 300px) !important; text-align: center; } .audit003[data-v-af151636] th:nth-child(2), .audit003[data-v-af151636] td:nth-child(2) { width: 150px !important; text-align: center; } .audit003[data-v-af151636] th:nth-child(3), .audit003[data-v-af151636] td:nth-child(3) { width: 150px !important; text-align: center; } .audit003[data-v-af151636] th:nth-child(4), .audit003[data-v-af151636] td:nth-child(4) { width: 200px !important; text-align: center; } .audit003[data-v-af151636] th:nth-child(5), .audit003[data-v-af151636] td:nth-child(5) { width: 300px !important; text-align: center; } .audit003[data-v-af151636] input { background-color: transparent; } .audit004[data-v-c620b740] { margin-top: 38px; } .audit004[data-v-c620b740] th:nth-child(1), .audit004[data-v-c620b740] td:nth-child(1) { padding-left: 25px; width: calc( 100% - 100px - 100px - 100px - 150px - 250px - 70px - 100px ) !important; text-align: left; } .audit004[data-v-c620b740] th:nth-child(2), .audit004[data-v-c620b740] td:nth-child(2) { width: 100px !important; text-align: center; } .audit004[data-v-c620b740] th:nth-child(3), .audit004[data-v-c620b740] td:nth-child(3) { width: 100px !important; text-align: center; } .audit004[data-v-c620b740] th:nth-child(4), .audit004[data-v-c620b740] td:nth-child(4) { width: 100px !important; text-align: center; } .audit004[data-v-c620b740] th:nth-child(5), .audit004[data-v-c620b740] td:nth-child(5) { width: 150px !important; text-align: center; } .audit004[data-v-c620b740] th:nth-child(6), .audit004[data-v-c620b740] td:nth-child(6) { width: 250px !important; text-align: center; } .audit004[data-v-c620b740] th:nth-child(7), .audit004[data-v-c620b740] td:nth-child(7) { width: 70px !important; text-align: center; } .audit004[data-v-c620b740] th:nth-child(8), .audit004[data-v-c620b740] td:nth-child(8) { width: 100px !important; text-align: center; } .audit004[data-v-c620b740] th.text-center { text-align: center; } .audit004[data-v-c620b740] input { background-color: transparent; } .audit003[data-v-eb576224] { margin-top: 38px; } .audit003[data-v-eb576224] th:nth-child(1), .audit003[data-v-eb576224] td:nth-child(1) { text-align: left; width: calc(100% - 260px - 260px - 130px - 130px - 50px) !important; } .audit003[data-v-eb576224] th:nth-child(2), .audit003[data-v-eb576224] td:nth-child(2) { text-align: left; width: 260px !important; } .audit003[data-v-eb576224] th:nth-child(3), .audit003[data-v-eb576224] td:nth-child(3) { text-align: left; width: 260px !important; } .audit003[data-v-eb576224] th:nth-child(4), .audit003[data-v-eb576224] td:nth-child(4) { text-align: center; width: 130px !important; } .audit003[data-v-eb576224] th:nth-child(5), .audit003[data-v-eb576224] td:nth-child(5) { text-align: center; width: 130px !important; } .audit003[data-v-eb576224] th:nth-child(6), .audit003[data-v-eb576224] td:nth-child(6) { text-align: left; width: 100px !important; } .audit003[data-v-eb576224] input { background-color: transparent; } .audit003[data-v-eb576224] th:nth-child(1) > span { margin-left: 30px; } .audit003[data-v-eb576224] th:nth-child(2) > span { margin-left: 30px; } .audit003[data-v-eb576224] th:nth-child(3) > span { margin-left: 30px; } .audit003[data-v-eb576224] th:nth-child(4) > span { margin-left: 30px; } .audit003[data-v-eb576224] th:nth-child(5) > span { margin-left: 30px; } .audit003[data-v-eb576224] th:nth-child(6) > span { margin-left: 40px; } .audit003[data-v-eb576224] td:nth-child(1) > div > span { text-align: left; margin-left: 30px; width: 260px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-eb576224] td:nth-child(2) > div > span { text-align: left; margin-left: 30px; width: 210px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-eb576224] td:nth-child(3) > div > span { text-align: left; margin-left: 30px; width: 210px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-eb576224] td:nth-child(4) > div > span { margin-left: 30px; width: 80px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-eb576224] td:nth-child(5) > div > span { margin-left: 30px; width: 80px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-eb576224] td:nth-child(6) > div > button { margin-left: 22px; } .audit003[data-v-eb576224] tbody::after { background: none; } .uts004.sec .v-menu { margin-left: 0 !important; } .audit001[data-v-41c40240] { margin-top: 38px; } .audit001[data-v-41c40240] td:nth-child(1) > div > .ell-singleline { width: 110px; } .audit001[data-v-41c40240] th:nth-child(1), .audit001[data-v-41c40240] td:nth-child(1) { padding-left: 25px; width: calc(100% - 940px) !important; text-align: left; } .audit001[data-v-41c40240] th:nth-child(2), .audit001[data-v-41c40240] td:nth-child(2) { width: 60px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(3), .audit001[data-v-41c40240] td:nth-child(3) { width: 70px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(4), .audit001[data-v-41c40240] td:nth-child(4) { width: 50px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(5), .audit001[data-v-41c40240] td:nth-child(5) { width: 80px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(6), .audit001[data-v-41c40240] td:nth-child(6) { width: 100px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(7), .audit001[data-v-41c40240] td:nth-child(7) { width: 50px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(8), .audit001[data-v-41c40240] td:nth-child(8) { width: 50px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(9), .audit001[data-v-41c40240] td:nth-child(9) { width: 100px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(10), .audit001[data-v-41c40240] td:nth-child(10) { width: 100px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(11), .audit001[data-v-41c40240] td:nth-child(11) { width: 70px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(12), .audit001[data-v-41c40240] td:nth-child(12) { width: 100px !important; text-align: center; } .audit001[data-v-41c40240] th:nth-child(13), .audit001[data-v-41c40240] td:nth-child(13) { width: 200px !important; text-align: center; } .audit001[data-v-41c40240] th.text-center { text-align: center; } .audit001[data-v-41c40240] input { background-color: transparent; } .spacesize-box[data-v-91393254] { width: 210px; } .spacesize-box input[data-v-91393254] { height: 21px; padding: 0 0 0 5px; line-height: 21px; color: #000; border: 0 none; } .krs019 > ul > li > dl > dt[data-v-91393254] { width: 150px; } .krs019 > ul > li:nth-child(1) > dl > dd[data-v-91393254] { width: 1030px; } .krs019 > ul > li > dl > dd[data-v-91393254] { width: 300px; } .tb-header > .btnDiv[data-v-11fd4df1] { float: right; } .audit001[data-v-11fd4df1] { margin-top: 38px; } .audit001[data-v-11fd4df1] th:nth-child(1), .audit001[data-v-11fd4df1] td:nth-child(1) { padding-left: 25px; width: calc(100% - 550px) !important; text-align: left; } .audit001[data-v-11fd4df1] th:nth-child(2), .audit001[data-v-11fd4df1] td:nth-child(2) { width: 100px !important; text-align: center; } .audit001[data-v-11fd4df1] th:nth-child(3), .audit001[data-v-11fd4df1] td:nth-child(3) { width: 100px !important; text-align: center; } .audit001[data-v-11fd4df1] th:nth-child(4), .audit001[data-v-11fd4df1] td:nth-child(4) { width: 100px !important; text-align: center; } .audit001[data-v-11fd4df1] th:nth-child(5), .audit001[data-v-11fd4df1] td:nth-child(5) { width: 100px !important; text-align: center; } .audit001[data-v-11fd4df1] th:nth-child(6), .audit001[data-v-11fd4df1] td:nth-child(6) { width: 150px !important; text-align: center; } .audit001[data-v-11fd4df1] th.text-center { text-align: center; } .audit001[data-v-11fd4df1] input { background-color: transparent; } .tb-header > .btnDiv[data-v-7576b830] { float: right; } .audit001[data-v-7576b830] { margin-top: 38px; } .audit001[data-v-7576b830] th:nth-child(1), .audit001[data-v-7576b830] td:nth-child(1) { padding-left: 25px; width: calc(100% - 550px) !important; text-align: left; } .audit001[data-v-7576b830] th:nth-child(2), .audit001[data-v-7576b830] td:nth-child(2) { width: 100px !important; text-align: center; } .audit001[data-v-7576b830] th:nth-child(3), .audit001[data-v-7576b830] td:nth-child(3) { width: 100px !important; text-align: center; } .audit001[data-v-7576b830] th:nth-child(4), .audit001[data-v-7576b830] td:nth-child(4) { width: 100px !important; text-align: center; } .audit001[data-v-7576b830] th:nth-child(5), .audit001[data-v-7576b830] td:nth-child(5) { width: 100px !important; text-align: center; } .audit001[data-v-7576b830] th:nth-child(6), .audit001[data-v-7576b830] td:nth-child(6) { width: 150px !important; text-align: center; } .audit001[data-v-7576b830] th.text-center { text-align: center; } .audit001[data-v-7576b830] input { background-color: transparent; } .audit003[data-v-710432a9] { margin-top: 38px; } .audit003[data-v-710432a9] th:nth-child(1), .audit003[data-v-710432a9] td:nth-child(1) { text-align: left; width: 200px !important; } .audit003[data-v-710432a9] th:nth-child(2), .audit003[data-v-710432a9] td:nth-child(2) { text-align: left; width: 200px !important; } .audit003[data-v-710432a9] th:nth-child(3), .audit003[data-v-710432a9] td:nth-child(3) { text-align: left; width: calc(100% - 200px - 200px - 320px - 150px) !important; } .audit003[data-v-710432a9] th:nth-child(4), .audit003[data-v-710432a9] td:nth-child(4) { text-align: left; width: 320px !important; } .audit003[data-v-710432a9] th:nth-child(5), .audit003[data-v-710432a9] td:nth-child(5) { text-align: center; width: 150px !important; } .audit003[data-v-710432a9] input { background-color: transparent; } .audit003[data-v-710432a9] th:nth-child(1) > span { margin-left: 50px; } .audit003[data-v-710432a9] th:nth-child(2) > span { margin-left: 30px; } .audit003[data-v-710432a9] th:nth-child(3) > span { margin-left: 10px; } .audit003[data-v-710432a9] th:nth-child(4) > span { margin-left: 10px; } .audit003[data-v-710432a9] td:nth-child(1) > div > span { text-align: left; margin-left: 50px; width: 150px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-710432a9] td:nth-child(2) > div > span { text-align: left; margin-left: 30px; width: 170px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-710432a9] td:nth-child(3) > div > span { text-align: left; margin-left: 10px; width: 290px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-710432a9] td:nth-child(4) > div > span { margin-left: 10px; width: 310px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .edit-box > input[data-v-26d38e76] { width: 90%; } .edit-box input[data-v-26d38e76] { height: 21px; padding: 0 0 0 5px; line-height: 21px; color: #000; border: 0 none; } .krs019 > ul > li > dl > dt[data-v-26d38e76] { width: 150px; } .krs019 > ul > li:nth-child(1) > dl > dd[data-v-26d38e76] { width: 300px; } .krs019 > ul > li:nth-child(2) > dl > dd[data-v-26d38e76] { width: 300px; } .krs019 > ul > li:nth-child(3) > dl > dd[data-v-26d38e76] { width: 900px; } .krs019 > ul > li:nth-child(4) > dl > dd[data-v-26d38e76] { width: 900px; } .krs019 > ul > li:nth-child(5) > dl > dd[data-v-26d38e76] { width: 900px; } .krs019 > ul > li > dl > dt[data-v-0fd22352] { width: 150px; padding-top: 5px; } .krs019 > ul > li > dl > dd[data-v-0fd22352] { width: 900px; } .krs019 > ul > li > dl > dd > div > input[data-v-0fd22352] { width: 85%; border: 1px solid #E6E6E8; } .krs019 > ul > li > dl > dd > div > div[data-v-0fd22352] { width: 15%; float: right; padding-top: 7px; } .audit003[data-v-307b1cf9] { margin-top: 38px; } .audit003[data-v-307b1cf9] th:nth-child(1), .audit003[data-v-307b1cf9] td:nth-child(1) { text-align: left; width: calc(100% - 260px - 260px - 130px - 130px - 50px) !important; } .audit003[data-v-307b1cf9] th:nth-child(2), .audit003[data-v-307b1cf9] td:nth-child(2) { text-align: left; width: 260px !important; } .audit003[data-v-307b1cf9] th:nth-child(3), .audit003[data-v-307b1cf9] td:nth-child(3) { text-align: left; width: 260px !important; } .audit003[data-v-307b1cf9] th:nth-child(4), .audit003[data-v-307b1cf9] td:nth-child(4) { text-align: center; width: 130px !important; } .audit003[data-v-307b1cf9] th:nth-child(5), .audit003[data-v-307b1cf9] td:nth-child(5) { text-align: center; width: 130px !important; } .audit003[data-v-307b1cf9] th:nth-child(6), .audit003[data-v-307b1cf9] td:nth-child(6) { text-align: left; width: 100px !important; } .audit003[data-v-307b1cf9] input { background-color: transparent; } .audit003[data-v-307b1cf9] th:nth-child(1) > span { margin-left: 30px; } .audit003[data-v-307b1cf9] th:nth-child(2) > span { margin-left: 30px; } .audit003[data-v-307b1cf9] th:nth-child(3) > span { margin-left: 30px; } .audit003[data-v-307b1cf9] th:nth-child(4) > span { margin-left: 30px; } .audit003[data-v-307b1cf9] th:nth-child(5) > span { margin-left: 30px; } .audit003[data-v-307b1cf9] th:nth-child(6) > span { margin-left: 40px; } .audit003[data-v-307b1cf9] td:nth-child(1) > div > span { text-align: left; margin-left: 30px; width: 260px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-307b1cf9] td:nth-child(2) > div > span { text-align: left; margin-left: 30px; width: 210px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-307b1cf9] td:nth-child(3) > div > span { text-align: left; margin-left: 30px; width: 210px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-307b1cf9] td:nth-child(4) > div > span { margin-left: 30px; width: 80px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-307b1cf9] td:nth-child(5) > div > span { margin-left: 30px; width: 80px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-307b1cf9] td:nth-child(6) > div > button { margin-left: 22px; } .audit003[data-v-307b1cf9] tbody::after { background: none; } .edit-box > input[data-v-dfe43ec0] { width: 90%; } .edit-box input[data-v-dfe43ec0] { height: 21px; padding: 0 0 0 5px; line-height: 21px; color: #000; border: 0 none; } .krs019 > ul > li > dl > dt[data-v-dfe43ec0] { width: 150px; } .krs019 > ul > li:nth-child(1) > dl > dd[data-v-dfe43ec0] { width: 900px; } .krs019 > ul > li:nth-child(2) > dl > dd[data-v-dfe43ec0] { width: 900px; } .krs019 > ul > li:nth-child(3) > dl > dd[data-v-dfe43ec0] { width: 900px; } .krs019 > ul > li > dl > dt[data-v-2795413c] { width: 150px; padding-top: 5px; } .krs019 > ul > li > dl > dd[data-v-2795413c] { width: 900px; } .krs019 > ul > li > dl > dd > div > input[data-v-2795413c] { width: 85%; border: 1px solid #E6E6E8; } .krs019 > ul > li > dl > dd > div > div[data-v-2795413c] { width: 15%; float: right; } .audit003[data-v-9256eff6] { margin-top: 38px; } .audit003[data-v-9256eff6] th:nth-child(1), .audit003[data-v-9256eff6] td:nth-child(1) { text-align: left; width: 160px !important; } .audit003[data-v-9256eff6] th:nth-child(2), .audit003[data-v-9256eff6] td:nth-child(2) { text-align: left; width: 375px !important; } .audit003[data-v-9256eff6] th:nth-child(3), .audit003[data-v-9256eff6] td:nth-child(3) { text-align: left; width: 375px !important; } .audit003[data-v-9256eff6] th:nth-child(4), .audit003[data-v-9256eff6] td:nth-child(4) { text-align: center; width: 150px !important; } .audit003[data-v-9256eff6] th:nth-child(5), .audit003[data-v-9256eff6] td:nth-child(5) { text-align: center; width: 120px !important; } .audit003[data-v-9256eff6] input { background-color: transparent; } .audit003[data-v-9256eff6] th:nth-child(1) > span { margin-left: 30px; } .audit003[data-v-9256eff6] th:nth-child(2) > span { margin-left: 30px; } .audit003[data-v-9256eff6] th:nth-child(3) > span { margin-left: 30px; } .audit003[data-v-9256eff6] th:nth-child(4) > span { margin-left: 30px; } .audit003[data-v-9256eff6] th:nth-child(5) > span { margin-left: 40px; } .audit003[data-v-9256eff6] td:nth-child(1) > div > span { text-align: left; margin-left: 30px; width: 130px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-9256eff6] td:nth-child(2) > div > span { text-align: left; margin-left: 30px; width: 345px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-9256eff6] td:nth-child(3) > div > span { text-align: left; margin-left: 30px; width: 345px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-9256eff6] td:nth-child(4) > div > span { margin-left: 30px; width: 120px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-9256eff6] td:nth-child(5) > div > button { margin-left: 37px; } .audit003[data-v-9256eff6] tbody::after { background: none; } .edit-box > input[data-v-0242f1dc] { width: 90%; } .edit-box input[data-v-0242f1dc] { height: 21px; padding: 0 0 0 5px; line-height: 21px; color: #000; border: 0 none; } .krs019 > ul > li > dl > dd[data-v-0242f1dc] { padding: 2px; } .krs019 > ul > li > dl > dt[data-v-0242f1dc] { width: 150px; } .krs019 > ul > li:nth-child(1) > dl > dd[data-v-0242f1dc] { width: 900px; } .krs019 > ul > li:nth-child(2) > dl > dd[data-v-0242f1dc] { width: 900px; } .krs019 > ul > li:nth-child(3) > dl > dd[data-v-0242f1dc] { width: 900px; } .krs019 > ul > li:nth-child(4) > dl > dd[data-v-0242f1dc] { width: 900px; } .krs019 > ul > li > dl > dt[data-v-df17d50e] { width: 150px; padding-top: 5px; } .krs019 > ul > li > dl > dd[data-v-df17d50e] { width: 900px; } .krs019 > ul > li > dl > dd > div > input[data-v-df17d50e] { width: 85%; border: 1px solid #E6E6E8; } .krs019 > ul > li > dl > dd > div > div[data-v-df17d50e] { width: 15%; float: right; padding-top: 7px; } .task-list .card_grp.active[data-v-51989a5f]:after,[data-v-51989a5f] :before{ -webkit-box-sizing: inherit; box-sizing: inherit; } .tab_ty2 > .tab-menu[data-v-51989a5f] { background-color: transparent; } .krs006[data-v-51989a5f] ::after { background: none; visibility: hidden; } .krs006[data-v-51989a5f] ::before { background: none; visibility: hidden; } .krs006[data-v-51989a5f] th:nth-child(1) { width: 100px; text-align: left; } .krs006[data-v-51989a5f] th:nth-child(2) { width: 179px; text-align: left; } .krs006[data-v-51989a5f] td:nth-child(1) { width: 100px; text-align: left; } .krs006[data-v-51989a5f] td:nth-child(2) { width: 179px; text-align: left; } .task-list .card_grp.active[data-v-13247cec]:after,[data-v-13247cec] :before{ -webkit-box-sizing: inherit; box-sizing: inherit; } .krs006[data-v-13247cec] tbody::after { display: none; } .krs006[data-v-13247cec] tbody::before { display: none; } .krs006[data-v-13247cec] th:nth-child(1) { width: 133px; padding-left: 29px; } .krs006[data-v-13247cec] th:nth-child(2) { width: 123px; padding-left: 28px; } .krs006[data-v-13247cec] th:nth-child(3) { width: 110px; } .krs006[data-v-13247cec] th:nth-child(4) { width: 100px; } .krs006[data-v-13247cec] th:nth-child(5) { width: 100px; } .krs006[data-v-13247cec] th:nth-child(6) { width: 133px; } .krs006[data-v-13247cec] th:nth-child(7) { width: 100px; } .krs006[data-v-13247cec] td:nth-child(1) { width: 133px; padding-left: 29px; } .krs006[data-v-13247cec] td:nth-child(2) { width: 123px; padding-left: 29px; } .krs006[data-v-13247cec] td:nth-child(3) { width: 110px; padding-right: 10px; text-align: center; } .krs006[data-v-13247cec] td:nth-child(4) { width: 100px; padding-right: 15px; text-align: center; } .krs006[data-v-13247cec] td:nth-child(5) { width: 100px; padding-right: 15px; text-align: center; } .krs006[data-v-13247cec] td:nth-child(6) { width: 133px; text-align: center; } .krs006[data-v-13247cec] td:nth-child(7) { width: 100px; text-align: center; } .edit-box > input[data-v-fec20cb0] { width: 90%; } .edit-box input[data-v-fec20cb0] { height: 21px; padding: 0 0 0 5px; line-height: 21px; color: #000; border: 0 none; } .krs019 > ul > li > dl > dd[data-v-fec20cb0] { padding: 2px; } .krs019 > ul > li > dl > dt[data-v-fec20cb0] { width: 150px; } .krs019 > ul > li:nth-child(1) > dl > dd[data-v-fec20cb0] { width: 900px; } .krs019 > ul > li:nth-child(2) > dl > dd[data-v-fec20cb0] { width: 900px; } .krs019 > ul > li:nth-child(3) > dl > dd[data-v-fec20cb0] { width: 900px; } .krs019 > ul > li:nth-child(4) > dl > dd[data-v-fec20cb0] { width: 900px; } .krs019 > ul > li > dl > dt[data-v-2d8a3262] { width: 150px; padding-top: 5px; } .krs019 > ul > li > dl > dd[data-v-2d8a3262] { width: 900px; } .krs019 > ul > li > dl > dd > div > input[data-v-2d8a3262] { width: 80%; border: 1px solid #E6E6E8; } .organization-table th[data-v-c059af50] { text-align: left; } /* .organization-table { border-collapse: collapse; text-align: left; } .organization-table td { text-align: left; } */ .audit003[data-v-545a56eb] { margin-top: 38px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .audit003[data-v-545a56eb] th:nth-child(1), .audit003[data-v-545a56eb] td:nth-child(1) { text-align: left; width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(2), .audit003[data-v-545a56eb] td:nth-child(2) { text-align: left; width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(3), .audit003[data-v-545a56eb] td:nth-child(3) { text-align: left; width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(4), .audit003[data-v-545a56eb] td:nth-child(4) { text-align: left; width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(5), .audit003[data-v-545a56eb] td:nth-child(5) { text-align: left; width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(6), .audit003[data-v-545a56eb] td:nth-child(6) { text-align: left; width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(7), .audit003[data-v-545a56eb] td:nth-child(7) { width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(8), .audit003[data-v-545a56eb] td:nth-child(8) { width: 147.38px !important; } .audit003[data-v-545a56eb] th:nth-child(9), .audit003[data-v-545a56eb] td:nth-child(9) { width: 147.38px !important; } .audit003[data-v-545a56eb] input { background-color: transparent; } .audit003[data-v-545a56eb] th:nth-child(1) > span { margin-left: 30px; } .audit003[data-v-545a56eb] th:nth-child(2) > span { margin-left: 10px; } .audit003[data-v-545a56eb] th:nth-child(4) > span { margin-left: 30px; } .audit003[data-v-545a56eb] th:nth-child(5) > span { margin-left: 35px; } .audit003[data-v-545a56eb] th:nth-child(6) > span { margin-left: 30px; } .audit003[data-v-545a56eb] th:nth-child(7) > span { margin-left: 30px; } .audit003[data-v-545a56eb] th:nth-child(8) > span { margin-left: 10px; } .audit003[data-v-545a56eb] th:nth-child(9) > span { margin-left: 10px; } .audit003[data-v-545a56eb] td:nth-child(1) > div > span { text-align: left; margin-left: 30px; width: 117.38px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-545a56eb] td:nth-child(2) > div > span { text-align: left; margin-left: 10px; width: 127.38px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-545a56eb] td:nth-child(3) > div > span { text-align: left; width: 147.38px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-545a56eb] td:nth-child(4) > div > span { margin-left: 30px; width: 117.38px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-545a56eb] td:nth-child(5) > div > span { width: 117.38px; overflow: hidden; display: inline-block; text-overflow: ellipsis; text-align: center; } .audit003[data-v-545a56eb] td:nth-child(6) > div > span { margin-left: 20px; width: 117.38px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .audit003[data-v-545a56eb] td:nth-child(7) > div > span { width: 117.38px; overflow: hidden; text-overflow: ellipsis; text-align: center; margin-left: 30px; } .audit003[data-v-545a56eb] td:nth-child(8) > div > span { width: 117.38px; overflow: hidden; text-overflow: ellipsis; text-align: center; margin-left: 20px; } .audit003[data-v-545a56eb] td:nth-child(9) > div > span { width: 117.38px; overflow: hidden; text-overflow: ellipsis; text-align: center; margin-left: 20px; } .audit003[data-v-545a56eb] tbody::after { background: none; } .audit003[data-v-545a56eb] tbody::before { background: none; } .pagination[data-v-545a56eb] button { width: 32px; } .audit003[data-v-0f0e73ba] { margin-top: 38px; } .audit003[data-v-0f0e73ba] ::before, .audit003[data-v-0f0e73ba] ::after { background: none; visibility: hidden; } .audit003[data-v-0f0e73ba] th:nth-child(1), .audit003[data-v-0f0e73ba] td:nth-child(1) { text-align: left; width: calc(100% - 70px - 75px - 200px - 80px - 150px - 75px - 150px - 65px) !important; word-break: break-all; } .audit003[data-v-0f0e73ba] th:nth-child(2), .audit003[data-v-0f0e73ba] td:nth-child(2) { text-align: center; width: 70px !important; } .audit003[data-v-0f0e73ba] th:nth-child(3), .audit003[data-v-0f0e73ba] td:nth-child(3) { text-align: center; width: 75px !important; } .audit003[data-v-0f0e73ba] th:nth-child(4), .audit003[data-v-0f0e73ba] td:nth-child(4) { text-align: left; width: 200px !important; word-break: break-all; } .audit003[data-v-0f0e73ba] th:nth-child(5), .audit003[data-v-0f0e73ba] td:nth-child(5) { text-align: center; width: 80px !important; } .audit003[data-v-0f0e73ba] th:nth-child(6), .audit003[data-v-0f0e73ba] td:nth-child(6) { text-align: center; width: 150px !important; } .audit003[data-v-0f0e73ba] th:nth-child(7), .audit003[data-v-0f0e73ba] td:nth-child(7) { text-align: center; width: 75px !important; } .audit003[data-v-0f0e73ba] th:nth-child(8), .audit003[data-v-0f0e73ba] td:nth-child(8) { text-align: center; width: 150px !important; } .audit003[data-v-0f0e73ba] th:nth-child(9), .audit003[data-v-0f0e73ba] td:nth-child(9) { text-align: center; width: 65px !important; } .audit003[data-v-0f0e73ba] input { background-color: transparent; } .audit003[data-v-0f0e73ba] th:nth-child(1) > span { margin-left: 123px; } .audit003[data-v-0f0e73ba] th:nth-child(4) > span { margin-left: 82px; } .audit003[data-v-0f0e73ba] td:nth-child(4) > div > span { margin-left: 10px; } .audit003[data-v-0f0e73ba] td:nth-child(6) > div > span { margin-left: 3px; } .audit003[data-v-0f0e73ba] td:nth-child(8) > div > span { margin-left: 3px; } .audit003[data-v-0f0e73ba] td:nth-child(1) > div { padding-left: 13px; } .audit003[data-v-0f0e73ba] td:nth-child(3) > div { padding-left: 5px; } .edit-box > input[data-v-12a6725d] { width: 90%; } .edit-box input[data-v-12a6725d] { height: 21px; padding: 0 0 0 5px; line-height: 21px; color: #000; border: 0 none; } .krs019 > ul > li[data-v-12a6725d] { padding: 13px 0 13px; } .krs019 > ul > li > dl > dt[data-v-12a6725d] { width: 150px; } .krs019 > ul > li > dl > dd[data-v-12a6725d] { width: 60%; } .krs019 > ul > li > dl > dd > div[data-v-12a6725d] { margin-left: 10px; font-size: 15px; } .edit-box > input[data-v-11eb9a4b] { width: 90%; } .edit-box input[data-v-11eb9a4b] { height: 21px; padding: 0 0 0 5px; line-height: 21px; color: #000; border: 0 none; } .krs019 > ul > li[data-v-11eb9a4b] { padding: 13px 0 13px; } .krs019 > ul > li > dl > dt[data-v-11eb9a4b] { width: 150px; } .krs019 > ul > li > dl > dd[data-v-11eb9a4b] { width: 60%; } .krs019 > ul > li > dl > dd > div[data-v-11eb9a4b] { margin-left: 10px; font-size: 15px; } .audit001[data-v-e06a2ebc] { margin-top: 38px; } .tb-monitor-contents[data-v-e06a2ebc] tr { /* display: table-row; */ border-bottom: 1px solid #d9d9d9; } .tb-monitor-contents[data-v-e06a2ebc] tr td div { text-align: center; } .tb-monitor-contents[data-v-e06a2ebc] tr:hover::before { display: none; content: ''; position: absolute; left: 0; top: -1px; width: calc(100%); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .audit001[data-v-e06a2ebc] input { background-color: transparent; } .useAll > div.num[data-v-e06a2ebc] { width: 16%; } .partialUse > div.num[data-v-e06a2ebc] { width: 19%; } .notUse > div.num[data-v-e06a2ebc] { width: 24%; } .tb-monitor-contents[data-v-e06a2ebc] { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-monitor-contents[data-v-e06a2ebc] { border-top: 0 none; border-bottom: 0 none; } .tb-monitor-contents.nodata[data-v-e06a2ebc] { position: relative; height: 406px; } .tb-monitor-contents[data-v-e06a2ebc] td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-monitor-contents.nodata .nodata-txt[data-v-e06a2ebc] { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-monitor-contents.nodata .nodata-txt[data-v-e06a2ebc]::before, .tb-monitor-contents.nodata .nodata-txt[data-v-e06a2ebc]::after { display: block; content: ''; } .tb-monitor-contents.nodata .nodata-txt[data-v-e06a2ebc]::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .tb-monitor-contents[data-v-e06a2ebc] { width: 100%; font-size: 14px; } .tb-monitor-contents[data-v-e06a2ebc] .thead .th, .tb-monitor-contents[data-v-e06a2ebc] thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-monitor-contents[data-v-e06a2ebc] .thead .th, .tb-monitor-contents[data-v-e06a2ebc] thead th {border-bottom: 1px solid #d3d4d6 } .tb-monitor-contents[data-v-e06a2ebc] .tr:first-child, .tb-monitor-contents[data-v-e06a2ebc] tr:first-child {border-top: 0 none; } .tb-monitor-contents[data-v-e06a2ebc] th span.sort.up {background-position: -70px -221px; } .tb-monitor-contents[data-v-e06a2ebc] th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-monitor-contents[data-v-e06a2ebc] tbody > .tr:hover, .tb-monitor-contents[data-v-e06a2ebc] tbody > tr {position: relative; } /* .tb-monitor-contents >>> tbody > .tr:hover::before, .tb-monitor-contents >>> tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } */ .tb-monitor-contents.hover-none tbody > .tr[data-v-e06a2ebc]:hover::before, .tb-monitor-contents.hover-none tbody > tr[data-v-e06a2ebc]:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } /* .tb-monitor-contents >>> .tr, .tb-monitor-contents >>> tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } */ .tb-monitor-contents[data-v-e06a2ebc] table, table.tb-monitor-contents[data-v-e06a2ebc] {position: relative; } .tb-monitor-contents[data-v-e06a2ebc] tbody::before, .tb-monitor-contents[data-v-e06a2ebc] tbody::after { position: absolute; top: 45px; display: block; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-monitor-contents[data-v-e06a2ebc] tbody::before {left:0; } .tb-monitor-contents[data-v-e06a2ebc] tbody::after {right:0 } .tb-monitor-contents[data-v-e06a2ebc] td .member .name.v-btn {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-e06a2ebc] td .droplayer.member > .v-menu {left: auto !important; right: 0; } .tb-monitor-contents[data-v-e06a2ebc] td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-monitor-contents[data-v-e06a2ebc] td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px; } .tb-monitor-contents[data-v-e06a2ebc] .td, .tb-monitor-contents[data-v-e06a2ebc] td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-monitor-contents[data-v-e06a2ebc] tr.disabled td {color: #bbb; } .tb-monitor-contents[data-v-e06a2ebc] .subject {color: #000; cursor: pointer; } .tb-monitor-contents[data-v-e06a2ebc] .subject > .txt + .reason:empty {display: none; } .tb-monitor-contents[data-v-e06a2ebc] .re-de {font-size: 12px; } .tb-monitor-contents[data-v-e06a2ebc] .date {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-e06a2ebc] .re {color: #999 } .tb-monitor-contents[data-v-e06a2ebc] .del * {color: #bbb } .tb-monitor-contents[data-v-e06a2ebc] .del .subject .txt, .tb-monitor-contents[data-v-e06a2ebc] .del .subject .re, .tb-monitor-contents[data-v-e06a2ebc] .del .subject .de {text-decoration: line-through; } .tb-monitor-contents[data-v-e06a2ebc] .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-monitor-contents[data-v-e06a2ebc] .division {background-position: -210px -221px; } .tb-monitor-contents[data-v-e06a2ebc] .del .division {background-position: -60px -221px; } .tb-monitor-contents[data-v-e06a2ebc] .request .request {color: #fd7201 } .tb-monitor-contents[data-v-e06a2ebc] .fin .fin {color: #a2c10b } .tb-monitor-contents[data-v-e06a2ebc] .date.deadline {color: #fF0000 } .tb-monitor-contents[data-v-e06a2ebc] .author {font-size:12px; color:#999; } .tb-monitor-contents[data-v-e06a2ebc] .author .v-btn {font-size:12px; color:#999; } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu, .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu .v-menu__content, .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .ins002a .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu, .ins002a .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px } .ins002a .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .bds041 .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu, .bds041 .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px } .bds041 .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer.tooltipmember > .v-menu, .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important; } .tb-monitor-contents[data-v-e06a2ebc] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-e06a2ebc] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu .tooltip-b, .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-monitor-contents[data-v-e06a2ebc] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-e06a2ebc] tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-e06a2ebc] tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-e06a2ebc] tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0 } .tb-monitor-contents[data-v-e06a2ebc] tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .audit001[data-v-2c4fd3ec] { margin-top: 38px; } .audit001[data-v-2c4fd3ec] td:nth-child(1) > div > .ell-singleline { width: 110px; } .tb-monitor-contents tr[data-v-2c4fd3ec] { /* display: table-row; */ border-bottom: 1px solid #d9d9d9; } .tb-monitor-contents tr td div[data-v-2c4fd3ec] { text-align: center; } .tb-monitor-contents tr[data-v-2c4fd3ec]:hover::before { display: none; content: ''; position: absolute; left: 0; top: -1px; width: calc(100%); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .tb-monitor-contents[data-v-2c4fd3ec] tbody::before, .tb-monitor-contents[data-v-2c4fd3ec] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .audit001[data-v-2c4fd3ec] input { background-color: transparent; } .tb-monitor-contents[data-v-2c4fd3ec] { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-monitor-contents[data-v-2c4fd3ec] { border-top: 0 none; border-bottom: 0 none; } .tb-monitor-contents.nodata[data-v-2c4fd3ec] { position: relative; height: 406px; } .tb-monitor-contents[data-v-2c4fd3ec] td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-monitor-contents.nodata .nodata-txt[data-v-2c4fd3ec] { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-monitor-contents.nodata .nodata-txt[data-v-2c4fd3ec]::before, .tb-monitor-contents.nodata .nodata-txt[data-v-2c4fd3ec]::after { display: block; content: ''; } .tb-monitor-contents.nodata .nodata-txt[data-v-2c4fd3ec]::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .tb-monitor-contents[data-v-2c4fd3ec] { width: 100%; font-size: 12px; } .tb-monitor-contents[data-v-2c4fd3ec] .thead .th, .tb-monitor-contents[data-v-2c4fd3ec] thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-monitor-contents[data-v-2c4fd3ec] .thead .th, .tb-monitor-contents[data-v-2c4fd3ec] thead th {border-bottom: 1px solid #d3d4d6 } .tb-monitor-contents[data-v-2c4fd3ec] .tr:first-child, .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child {border-top: 0 none; } .tb-monitor-contents[data-v-2c4fd3ec] th span.sort.up {background-position: -70px -221px; } .tb-monitor-contents[data-v-2c4fd3ec] th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-monitor-contents[data-v-2c4fd3ec] tbody > .tr:hover, .tb-monitor-contents[data-v-2c4fd3ec] tbody > tr {position: relative; } /* .tb-monitor-contents >>> tbody > .tr:hover::before, .tb-monitor-contents >>> tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } */ .tb-monitor-contents.hover-none tbody > .tr[data-v-2c4fd3ec]:hover::before, .tb-monitor-contents.hover-none tbody > tr[data-v-2c4fd3ec]:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } /* .tb-monitor-contents >>> .tr, .tb-monitor-contents >>> tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } */ .tb-monitor-contents[data-v-2c4fd3ec] table, table.tb-monitor-contents[data-v-2c4fd3ec] {position: relative; } .tb-monitor-contents[data-v-2c4fd3ec] tbody::before, .tb-monitor-contents[data-v-2c4fd3ec] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-monitor-contents[data-v-2c4fd3ec] tbody::before {left:0; } .tb-monitor-contents[data-v-2c4fd3ec] tbody::after {right:0 } .tb-monitor-contents[data-v-2c4fd3ec] td .member .name.v-btn {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-2c4fd3ec] td .droplayer.member > .v-menu {left: auto !important; right: 0; } .tb-monitor-contents[data-v-2c4fd3ec] td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-monitor-contents[data-v-2c4fd3ec] td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px; } .tb-monitor-contents[data-v-2c4fd3ec] .td, .tb-monitor-contents[data-v-2c4fd3ec] td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-monitor-contents[data-v-2c4fd3ec] tr.disabled td {color: #bbb; } .tb-monitor-contents[data-v-2c4fd3ec] .subject {color: #000; cursor: pointer; } .tb-monitor-contents[data-v-2c4fd3ec] .subject > .txt + .reason:empty {display: none; } .tb-monitor-contents[data-v-2c4fd3ec] .re-de {font-size: 12px; } .tb-monitor-contents[data-v-2c4fd3ec] .date {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-2c4fd3ec] .re {color: #999 } .tb-monitor-contents[data-v-2c4fd3ec] .del * {color: #bbb } .tb-monitor-contents[data-v-2c4fd3ec] .del .subject .txt, .tb-monitor-contents[data-v-2c4fd3ec] .del .subject .re, .tb-monitor-contents[data-v-2c4fd3ec] .del .subject .de {text-decoration: line-through; } .tb-monitor-contents[data-v-2c4fd3ec] .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-monitor-contents[data-v-2c4fd3ec] .division {background-position: -210px -221px; } .tb-monitor-contents[data-v-2c4fd3ec] .del .division {background-position: -60px -221px; } .tb-monitor-contents[data-v-2c4fd3ec] .request .request {color: #fd7201 } .tb-monitor-contents[data-v-2c4fd3ec] .fin .fin {color: #a2c10b } .tb-monitor-contents[data-v-2c4fd3ec] .date.deadline {color: #fF0000 } .tb-monitor-contents[data-v-2c4fd3ec] .author {font-size:12px; color:#999; } .tb-monitor-contents[data-v-2c4fd3ec] .author .v-btn {font-size:12px; color:#999; } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu, .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu .v-menu__content, .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .ins002a .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu, .ins002a .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px } .ins002a .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .bds041 .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu, .bds041 .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px } .bds041 .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer.tooltipmember > .v-menu, .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important; } .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu .tooltip-b, .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-monitor-contents[data-v-2c4fd3ec] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-2c4fd3ec] tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0 } .tb-monitor-contents[data-v-2c4fd3ec] tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .modal-window[data-v-00c20794] td:nth-child(1) > div > .ell-singleline { width: 10%; } .tb-monitor-contents[data-v-00c20794] tr { /* display: table-row; */ border-bottom: 1px solid #d9d9d9; } .tb-monitor-contents[data-v-00c20794] tr td { text-align: center; } .tb-monitor-contents[data-v-00c20794] tr:hover::before { display: none; content: ''; position: absolute; left: 0; top: -1px; width: calc(100%); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .tb-monitor-contents[data-v-00c20794] tbody::before, .tb-monitor-contents[data-v-00c20794] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .modal-window[data-v-00c20794] th.text-center { text-align: center; } .modal-window[data-v-00c20794] input { background-color: transparent; } .tb-monitor-contents[data-v-00c20794] { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-monitor-contents[data-v-00c20794] { border-top: 0 none; border-bottom: 0 none; } .tb-monitor-contents.nodata[data-v-00c20794] { position: relative; height: 406px; } .tb-monitor-contents[data-v-00c20794] td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-monitor-contents.nodata .nodata-txt[data-v-00c20794] { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-monitor-contents.nodata .nodata-txt[data-v-00c20794]::before, .tb-monitor-contents.nodata .nodata-txt[data-v-00c20794]::after { display: block; content: ''; } .tb-monitor-contents.nodata .nodata-txt[data-v-00c20794]::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .tb-monitor-contents[data-v-00c20794] { width: 100%; font-size: 14px; } .tb-monitor-contents[data-v-00c20794] .thead .th, .tb-monitor-contents[data-v-00c20794] thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-monitor-contents[data-v-00c20794] .thead .th, .tb-monitor-contents[data-v-00c20794] thead th {border-bottom: 1px solid #d3d4d6 } .tb-monitor-contents[data-v-00c20794] .tr:first-child, .tb-monitor-contents[data-v-00c20794] tr:first-child {border-top: 0 none; } .tb-monitor-contents[data-v-00c20794] th span.sort.up {background-position: -70px -221px; } .tb-monitor-contents[data-v-00c20794] th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-monitor-contents[data-v-00c20794] tbody > .tr:hover, .tb-monitor-contents[data-v-00c20794] tbody > tr {position: relative; } /* .tb-monitor-contents >>> tbody > .tr:hover::before, .tb-monitor-contents >>> tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } */ .tb-monitor-contents.hover-none tbody > .tr[data-v-00c20794]:hover::before, .tb-monitor-contents.hover-none tbody > tr[data-v-00c20794]:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } /* .tb-monitor-contents >>> .tr, .tb-monitor-contents >>> tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } */ .tb-monitor-contents[data-v-00c20794] table, table.tb-monitor-contents[data-v-00c20794] {position: relative; } .tb-monitor-contents[data-v-00c20794] tbody::before, .tb-monitor-contents[data-v-00c20794] tbody::after { position: absolute; top: 45px; display: block; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-monitor-contents[data-v-00c20794] tbody::before {left:-25px; } .tb-monitor-contents[data-v-00c20794] tbody::after {right:-25px; } .tb-monitor-contents[data-v-00c20794] td .member .name.v-btn {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-00c20794] td .droplayer.member > .v-menu {left: auto !important; right: 0; } .tb-monitor-contents[data-v-00c20794] td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-monitor-contents[data-v-00c20794] td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px; } .tb-monitor-contents[data-v-00c20794] .td, .tb-monitor-contents[data-v-00c20794] td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-monitor-contents[data-v-00c20794] tr.disabled td {color: #bbb; } .tb-monitor-contents[data-v-00c20794] .subject {color: #000; cursor: pointer; } .tb-monitor-contents[data-v-00c20794] .subject > .txt + .reason:empty {display: none; } .tb-monitor-contents[data-v-00c20794] .re-de {font-size: 12px; } .tb-monitor-contents[data-v-00c20794] .date {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-00c20794] .re {color: #999 } .tb-monitor-contents[data-v-00c20794] .del * {color: #bbb } .tb-monitor-contents[data-v-00c20794] .del .subject .txt, .tb-monitor-contents[data-v-00c20794] .del .subject .re, .tb-monitor-contents[data-v-00c20794] .del .subject .de {text-decoration: line-through; } .tb-monitor-contents[data-v-00c20794] .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-monitor-contents[data-v-00c20794] .division {background-position: -210px -221px; } .tb-monitor-contents[data-v-00c20794] .del .division {background-position: -60px -221px; } .tb-monitor-contents[data-v-00c20794] .request .request {color: #fd7201 } .tb-monitor-contents[data-v-00c20794] .fin .fin {color: #a2c10b } .tb-monitor-contents[data-v-00c20794] .date.deadline {color: #fF0000 } .tb-monitor-contents[data-v-00c20794] .author {font-size:12px; color:#999; } .tb-monitor-contents[data-v-00c20794] .author .v-btn {font-size:12px; color:#999; } .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu, .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px } .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu .v-menu__content, .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .ins002a .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu, .ins002a .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px } .ins002a .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .bds041 .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu, .bds041 .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px } .bds041 .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer.tooltipmember > .v-menu, .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px } .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-00c20794] tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important; } .tb-monitor-contents[data-v-00c20794] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-00c20794] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0 } .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu .tooltip-b, .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px } .tb-monitor-contents[data-v-00c20794] tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-monitor-contents[data-v-00c20794] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-monitor-contents[data-v-00c20794] tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-00c20794] tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-00c20794] tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-00c20794] tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-00c20794] tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-00c20794] tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-00c20794] tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-00c20794] tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-00c20794] tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0 } .tb-monitor-contents[data-v-00c20794] tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .modal-window[data-v-62d5a09e] tbody::before, .modal-window[data-v-62d5a09e] tbody::after { width: 0px !important; } .tb-monitor-contents[data-v-62d5a09e] tr { /* display: table-row; */ border-bottom: 1px solid #d9d9d9; } .tb-monitor-contents[data-v-62d5a09e] tr td { text-align: center; } .tb-monitor-contents[data-v-62d5a09e] tr:hover::before { display: none; content: ''; position: absolute; left: 0; top: -1px; width: calc(100%); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .tb-monitor-contents[data-v-62d5a09e] tbody::before, .tb-monitor-contents[data-v-62d5a09e] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .modal-window[data-v-62d5a09e] th.text-center { text-align: center; } .modal-window[data-v-62d5a09e] input { background-color: transparent; } .tb-monitor-contents[data-v-62d5a09e] { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-monitor-contents[data-v-62d5a09e] { border-top: 0 none; border-bottom: 0 none; } .tb-monitor-contents.nodata[data-v-62d5a09e] { position: relative; height: 406px; } .tb-monitor-contents[data-v-62d5a09e] td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-monitor-contents.nodata .nodata-txt[data-v-62d5a09e] { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-monitor-contents.nodata .nodata-txt[data-v-62d5a09e]::before, .tb-monitor-contents.nodata .nodata-txt[data-v-62d5a09e]::after { display: block; content: ''; } .tb-monitor-contents.nodata .nodata-txt[data-v-62d5a09e]::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .tb-monitor-contents[data-v-62d5a09e] { width: 100%; font-size: 14px; } .tb-monitor-contents[data-v-62d5a09e] .thead .th, .tb-monitor-contents[data-v-62d5a09e] thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-monitor-contents[data-v-62d5a09e] .thead .th, .tb-monitor-contents[data-v-62d5a09e] thead th {border-bottom: 1px solid #d3d4d6 } .tb-monitor-contents[data-v-62d5a09e] .tr:first-child, .tb-monitor-contents[data-v-62d5a09e] tr:first-child {border-top: 0 none; } .tb-monitor-contents[data-v-62d5a09e] th span.sort.up {background-position: -70px -221px; } .tb-monitor-contents[data-v-62d5a09e] th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-monitor-contents[data-v-62d5a09e] tbody > .tr:hover, .tb-monitor-contents[data-v-62d5a09e] tbody > tr {position: relative; } /* .tb-monitor-contents >>> tbody > .tr:hover::before, .tb-monitor-contents >>> tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } */ .tb-monitor-contents.hover-none tbody > .tr[data-v-62d5a09e]:hover::before, .tb-monitor-contents.hover-none tbody > tr[data-v-62d5a09e]:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } /* .tb-monitor-contents >>> .tr, .tb-monitor-contents >>> tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } */ .tb-monitor-contents[data-v-62d5a09e] table, table.tb-monitor-contents[data-v-62d5a09e] {position: relative; } .tb-monitor-contents[data-v-62d5a09e] tbody::before, .tb-monitor-contents[data-v-62d5a09e] tbody::after { position: absolute; top: 45px; display: block; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-monitor-contents[data-v-62d5a09e] tbody::before {left:0; } .tb-monitor-contents[data-v-62d5a09e] tbody::after {right:0 } .tb-monitor-contents[data-v-62d5a09e] td .member .name.v-btn {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-62d5a09e] td .droplayer.member > .v-menu {left: auto !important; right: 0; } .tb-monitor-contents[data-v-62d5a09e] td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-monitor-contents[data-v-62d5a09e] td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px; } .tb-monitor-contents[data-v-62d5a09e] .td, .tb-monitor-contents[data-v-62d5a09e] td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-monitor-contents[data-v-62d5a09e] tr.disabled td {color: #bbb; } .tb-monitor-contents[data-v-62d5a09e] .subject {color: #000; cursor: pointer; } .tb-monitor-contents[data-v-62d5a09e] .subject > .txt + .reason:empty {display: none; } .tb-monitor-contents[data-v-62d5a09e] .re-de {font-size: 12px; } .tb-monitor-contents[data-v-62d5a09e] .date {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-62d5a09e] .re {color: #999 } .tb-monitor-contents[data-v-62d5a09e] .del * {color: #bbb } .tb-monitor-contents[data-v-62d5a09e] .del .subject .txt, .tb-monitor-contents[data-v-62d5a09e] .del .subject .re, .tb-monitor-contents[data-v-62d5a09e] .del .subject .de {text-decoration: line-through; } .tb-monitor-contents[data-v-62d5a09e] .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-monitor-contents[data-v-62d5a09e] .division {background-position: -210px -221px; } .tb-monitor-contents[data-v-62d5a09e] .del .division {background-position: -60px -221px; } .tb-monitor-contents[data-v-62d5a09e] .request .request {color: #fd7201 } .tb-monitor-contents[data-v-62d5a09e] .fin .fin {color: #a2c10b } .tb-monitor-contents[data-v-62d5a09e] .date.deadline {color: #fF0000 } .tb-monitor-contents[data-v-62d5a09e] .author {font-size:12px; color:#999; } .tb-monitor-contents[data-v-62d5a09e] .author .v-btn {font-size:12px; color:#999; } .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu, .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px } .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu .v-menu__content, .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .ins002a .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu, .ins002a .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px } .ins002a .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .bds041 .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu, .bds041 .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px } .bds041 .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer.tooltipmember > .v-menu, .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px } .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-62d5a09e] tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important; } .tb-monitor-contents[data-v-62d5a09e] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-62d5a09e] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0 } .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu .tooltip-b, .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px } .tb-monitor-contents[data-v-62d5a09e] tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-monitor-contents[data-v-62d5a09e] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-monitor-contents[data-v-62d5a09e] tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-62d5a09e] tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-62d5a09e] tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-62d5a09e] tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-62d5a09e] tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-62d5a09e] tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-62d5a09e] tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-62d5a09e] tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-62d5a09e] tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0 } .tb-monitor-contents[data-v-62d5a09e] tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .tab_ty1 > .tab-menu[data-v-62d5a09e] { border: 0px !important; } .audit001[data-v-d64bd3c2] { margin-top: 38px; } .audit001[data-v-d64bd3c2] td:nth-child(1) > div > .ell-singleline { width: 110px; } .tb-monitor-contents tr[data-v-d64bd3c2] { /* display: table-row; */ border-bottom: 1px solid #d9d9d9; } .tb-monitor-contents tr td div[data-v-d64bd3c2] { text-align: center; } .tb-monitor-contents tr[data-v-d64bd3c2]:hover::before { display: none; content: ''; position: absolute; left: 0; top: -1px; width: calc(100%); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .tb-monitor-contents[data-v-d64bd3c2] tbody::before, .tb-monitor-contents[data-v-d64bd3c2] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .audit001[data-v-d64bd3c2] input { background-color: transparent; } .tb-monitor-contents[data-v-d64bd3c2] { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-monitor-contents[data-v-d64bd3c2] { border-top: 0 none; border-bottom: 0 none; } .tb-monitor-contents.nodata[data-v-d64bd3c2] { position: relative; height: 406px; } .tb-monitor-contents[data-v-d64bd3c2] td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-monitor-contents.nodata .nodata-txt[data-v-d64bd3c2] { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-monitor-contents.nodata .nodata-txt[data-v-d64bd3c2]::before, .tb-monitor-contents.nodata .nodata-txt[data-v-d64bd3c2]::after { display: block; content: ''; } .tb-monitor-contents.nodata .nodata-txt[data-v-d64bd3c2]::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .tb-monitor-contents[data-v-d64bd3c2] { width: 100%; font-size: 12px; } .tb-monitor-contents[data-v-d64bd3c2] .thead .th, .tb-monitor-contents[data-v-d64bd3c2] thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-monitor-contents[data-v-d64bd3c2] .thead .th, .tb-monitor-contents[data-v-d64bd3c2] thead th {border-bottom: 1px solid #d3d4d6 } .tb-monitor-contents[data-v-d64bd3c2] .tr:first-child, .tb-monitor-contents[data-v-d64bd3c2] tr:first-child {border-top: 0 none; } .tb-monitor-contents[data-v-d64bd3c2] th span.sort.up {background-position: -70px -221px; } .tb-monitor-contents[data-v-d64bd3c2] th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-monitor-contents[data-v-d64bd3c2] tbody > .tr:hover, .tb-monitor-contents[data-v-d64bd3c2] tbody > tr {position: relative; } /* .tb-monitor-contents >>> tbody > .tr:hover::before, .tb-monitor-contents >>> tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } */ .tb-monitor-contents.hover-none tbody > .tr[data-v-d64bd3c2]:hover::before, .tb-monitor-contents.hover-none tbody > tr[data-v-d64bd3c2]:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } /* .tb-monitor-contents >>> .tr, .tb-monitor-contents >>> tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } */ .tb-monitor-contents[data-v-d64bd3c2] table, table.tb-monitor-contents[data-v-d64bd3c2] {position: relative; } .tb-monitor-contents[data-v-d64bd3c2] tbody::before, .tb-monitor-contents[data-v-d64bd3c2] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-monitor-contents[data-v-d64bd3c2] tbody::before {left:0; } .tb-monitor-contents[data-v-d64bd3c2] tbody::after {right:0 } .tb-monitor-contents[data-v-d64bd3c2] td .member .name.v-btn {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-d64bd3c2] td .droplayer.member > .v-menu {left: auto !important; right: 0; } .tb-monitor-contents[data-v-d64bd3c2] td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-monitor-contents[data-v-d64bd3c2] td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px; } .tb-monitor-contents[data-v-d64bd3c2] .td, .tb-monitor-contents[data-v-d64bd3c2] td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-monitor-contents[data-v-d64bd3c2] tr.disabled td {color: #bbb; } .tb-monitor-contents[data-v-d64bd3c2] .subject {color: #000; cursor: pointer; } .tb-monitor-contents[data-v-d64bd3c2] .subject > .txt + .reason:empty {display: none; } .tb-monitor-contents[data-v-d64bd3c2] .re-de {font-size: 12px; } .tb-monitor-contents[data-v-d64bd3c2] .date {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-d64bd3c2] .re {color: #999 } .tb-monitor-contents[data-v-d64bd3c2] .del * {color: #bbb } .tb-monitor-contents[data-v-d64bd3c2] .del .subject .txt, .tb-monitor-contents[data-v-d64bd3c2] .del .subject .re, .tb-monitor-contents[data-v-d64bd3c2] .del .subject .de {text-decoration: line-through; } .tb-monitor-contents[data-v-d64bd3c2] .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-monitor-contents[data-v-d64bd3c2] .division {background-position: -210px -221px; } .tb-monitor-contents[data-v-d64bd3c2] .del .division {background-position: -60px -221px; } .tb-monitor-contents[data-v-d64bd3c2] .request .request {color: #fd7201 } .tb-monitor-contents[data-v-d64bd3c2] .fin .fin {color: #a2c10b } .tb-monitor-contents[data-v-d64bd3c2] .date.deadline {color: #fF0000 } .tb-monitor-contents[data-v-d64bd3c2] .author {font-size:12px; color:#999; } .tb-monitor-contents[data-v-d64bd3c2] .author .v-btn {font-size:12px; color:#999; } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu, .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu .v-menu__content, .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .ins002a .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu, .ins002a .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px } .ins002a .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .bds041 .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu, .bds041 .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px } .bds041 .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer.tooltipmember > .v-menu, .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important; } .tb-monitor-contents[data-v-d64bd3c2] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-d64bd3c2] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu .tooltip-b, .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-monitor-contents[data-v-d64bd3c2] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-d64bd3c2] tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-d64bd3c2] tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-d64bd3c2] tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0 } .tb-monitor-contents[data-v-d64bd3c2] tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .audit001[data-v-11e88090] { margin-top: 38px; } .audit001[data-v-11e88090] td:nth-child(1) > div > .ell-singleline { width: 110px; } .tb-monitor-contents tr[data-v-11e88090] { /* display: table-row; */ border-bottom: 1px solid #d9d9d9; } .tb-monitor-contents tr td div[data-v-11e88090] { text-align: center; } .tb-monitor-contents tr[data-v-11e88090]:hover::before { display: none; content: ''; position: absolute; left: 0; top: -1px; width: calc(100%); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .tb-monitor-contents[data-v-11e88090] tbody::before, .tb-monitor-contents[data-v-11e88090] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .audit001[data-v-11e88090] input { background-color: transparent; } .tb-monitor-contents[data-v-11e88090] { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-monitor-contents[data-v-11e88090] { border-top: 0 none; border-bottom: 0 none; } .tb-monitor-contents.nodata[data-v-11e88090] { position: relative; height: 406px; } .tb-monitor-contents[data-v-11e88090] td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-monitor-contents.nodata .nodata-txt[data-v-11e88090] { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-monitor-contents.nodata .nodata-txt[data-v-11e88090]::before, .tb-monitor-contents.nodata .nodata-txt[data-v-11e88090]::after { display: block; content: ''; } .tb-monitor-contents.nodata .nodata-txt[data-v-11e88090]::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .tb-monitor-contents[data-v-11e88090] { width: 100%; font-size: 12px; } .tb-monitor-contents[data-v-11e88090] .thead .th, .tb-monitor-contents[data-v-11e88090] thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-monitor-contents[data-v-11e88090] .thead .th, .tb-monitor-contents[data-v-11e88090] thead th {border-bottom: 1px solid #d3d4d6 } .tb-monitor-contents[data-v-11e88090] .tr:first-child, .tb-monitor-contents[data-v-11e88090] tr:first-child {border-top: 0 none; } .tb-monitor-contents[data-v-11e88090] th span.sort.up {background-position: -70px -221px; } .tb-monitor-contents[data-v-11e88090] th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-monitor-contents[data-v-11e88090] tbody > .tr:hover, .tb-monitor-contents[data-v-11e88090] tbody > tr {position: relative; } /* .tb-monitor-contents >>> tbody > .tr:hover::before, .tb-monitor-contents >>> tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } */ .tb-monitor-contents.hover-none tbody > .tr[data-v-11e88090]:hover::before, .tb-monitor-contents.hover-none tbody > tr[data-v-11e88090]:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } /* .tb-monitor-contents >>> .tr, .tb-monitor-contents >>> tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } */ .tb-monitor-contents[data-v-11e88090] table, table.tb-monitor-contents[data-v-11e88090] {position: relative; } .tb-monitor-contents[data-v-11e88090] tbody::before, .tb-monitor-contents[data-v-11e88090] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-monitor-contents[data-v-11e88090] tbody::before {left:0; } .tb-monitor-contents[data-v-11e88090] tbody::after {right:0 } .tb-monitor-contents[data-v-11e88090] td .member .name.v-btn {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-11e88090] td .droplayer.member > .v-menu {left: auto !important; right: 0; } .tb-monitor-contents[data-v-11e88090] td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-monitor-contents[data-v-11e88090] td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px; } .tb-monitor-contents[data-v-11e88090] .td, .tb-monitor-contents[data-v-11e88090] td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-monitor-contents[data-v-11e88090] tr.disabled td {color: #bbb; } .tb-monitor-contents[data-v-11e88090] .subject {color: #000; cursor: pointer; } .tb-monitor-contents[data-v-11e88090] .subject > .txt + .reason:empty {display: none; } .tb-monitor-contents[data-v-11e88090] .re-de {font-size: 12px; } .tb-monitor-contents[data-v-11e88090] .date {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-11e88090] .re {color: #999 } .tb-monitor-contents[data-v-11e88090] .del * {color: #bbb } .tb-monitor-contents[data-v-11e88090] .del .subject .txt, .tb-monitor-contents[data-v-11e88090] .del .subject .re, .tb-monitor-contents[data-v-11e88090] .del .subject .de {text-decoration: line-through; } .tb-monitor-contents[data-v-11e88090] .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-monitor-contents[data-v-11e88090] .division {background-position: -210px -221px; } .tb-monitor-contents[data-v-11e88090] .del .division {background-position: -60px -221px; } .tb-monitor-contents[data-v-11e88090] .request .request {color: #fd7201 } .tb-monitor-contents[data-v-11e88090] .fin .fin {color: #a2c10b } .tb-monitor-contents[data-v-11e88090] .date.deadline {color: #fF0000 } .tb-monitor-contents[data-v-11e88090] .author {font-size:12px; color:#999; } .tb-monitor-contents[data-v-11e88090] .author .v-btn {font-size:12px; color:#999; } .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu, .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px } .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu .v-menu__content, .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .ins002a .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu, .ins002a .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px } .ins002a .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .bds041 .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu, .bds041 .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px } .bds041 .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer.tooltipmember > .v-menu, .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px } .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-11e88090] tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important; } .tb-monitor-contents[data-v-11e88090] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-11e88090] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0 } .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu .tooltip-b, .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px } .tb-monitor-contents[data-v-11e88090] tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-monitor-contents[data-v-11e88090] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-monitor-contents[data-v-11e88090] tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-11e88090] tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-11e88090] tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-11e88090] tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-11e88090] tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-11e88090] tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-11e88090] tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-11e88090] tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-11e88090] tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0 } .tb-monitor-contents[data-v-11e88090] tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .audit001[data-v-1e6ee5db] { margin-top: 38px; } .audit001[data-v-1e6ee5db] td:nth-child(1) > div > .ell-singleline { width: 110px; } .tb-monitor-contents tr[data-v-1e6ee5db] { /* display: table-row; */ border-bottom: 1px solid #d9d9d9; } .tb-monitor-contents tr td div[data-v-1e6ee5db] { text-align: center; } .tb-monitor-contents tr[data-v-1e6ee5db]:hover::before { display: none; content: ''; position: absolute; left: 0; top: -1px; width: calc(100%); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .tb-monitor-contents[data-v-1e6ee5db] tbody::before, .tb-monitor-contents[data-v-1e6ee5db] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .audit001[data-v-1e6ee5db] input { background-color: transparent; } .tb-monitor-contents[data-v-1e6ee5db] { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-monitor-contents[data-v-1e6ee5db] { border-top: 0 none; border-bottom: 0 none; } .tb-monitor-contents.nodata[data-v-1e6ee5db] { position: relative; height: 406px; } .tb-monitor-contents[data-v-1e6ee5db] td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-monitor-contents.nodata .nodata-txt[data-v-1e6ee5db] { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-monitor-contents.nodata .nodata-txt[data-v-1e6ee5db]::before, .tb-monitor-contents.nodata .nodata-txt[data-v-1e6ee5db]::after { display: block; content: ''; } .tb-monitor-contents.nodata .nodata-txt[data-v-1e6ee5db]::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .tb-monitor-contents[data-v-1e6ee5db] { width: 100%; font-size: 12px; } .tb-monitor-contents[data-v-1e6ee5db] .thead .th, .tb-monitor-contents[data-v-1e6ee5db] thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-monitor-contents[data-v-1e6ee5db] .thead .th, .tb-monitor-contents[data-v-1e6ee5db] thead th {border-bottom: 1px solid #d3d4d6 } .tb-monitor-contents[data-v-1e6ee5db] .tr:first-child, .tb-monitor-contents[data-v-1e6ee5db] tr:first-child {border-top: 0 none; } .tb-monitor-contents[data-v-1e6ee5db] th span.sort.up {background-position: -70px -221px; } .tb-monitor-contents[data-v-1e6ee5db] th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-monitor-contents[data-v-1e6ee5db] tbody > .tr:hover, .tb-monitor-contents[data-v-1e6ee5db] tbody > tr {position: relative; } /* .tb-monitor-contents >>> tbody > .tr:hover::before, .tb-monitor-contents >>> tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } */ .tb-monitor-contents.hover-none tbody > .tr[data-v-1e6ee5db]:hover::before, .tb-monitor-contents.hover-none tbody > tr[data-v-1e6ee5db]:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } /* .tb-monitor-contents >>> .tr, .tb-monitor-contents >>> tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } */ .tb-monitor-contents[data-v-1e6ee5db] table, table.tb-monitor-contents[data-v-1e6ee5db] {position: relative; } .tb-monitor-contents[data-v-1e6ee5db] tbody::before, .tb-monitor-contents[data-v-1e6ee5db] tbody::after { position: absolute; top: 45px; display: none; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-monitor-contents[data-v-1e6ee5db] tbody::before {left:0; } .tb-monitor-contents[data-v-1e6ee5db] tbody::after {right:0 } .tb-monitor-contents[data-v-1e6ee5db] td .member .name.v-btn {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-1e6ee5db] td .droplayer.member > .v-menu {left: auto !important; right: 0; } .tb-monitor-contents[data-v-1e6ee5db] td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-monitor-contents[data-v-1e6ee5db] td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px; } .tb-monitor-contents[data-v-1e6ee5db] .td, .tb-monitor-contents[data-v-1e6ee5db] td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-monitor-contents[data-v-1e6ee5db] tr.disabled td {color: #bbb; } .tb-monitor-contents[data-v-1e6ee5db] .subject {color: #000; cursor: pointer; } .tb-monitor-contents[data-v-1e6ee5db] .subject > .txt + .reason:empty {display: none; } .tb-monitor-contents[data-v-1e6ee5db] .re-de {font-size: 12px; } .tb-monitor-contents[data-v-1e6ee5db] .date {font-size: 12px; color: #999; } .tb-monitor-contents[data-v-1e6ee5db] .re {color: #999 } .tb-monitor-contents[data-v-1e6ee5db] .del * {color: #bbb } .tb-monitor-contents[data-v-1e6ee5db] .del .subject .txt, .tb-monitor-contents[data-v-1e6ee5db] .del .subject .re, .tb-monitor-contents[data-v-1e6ee5db] .del .subject .de {text-decoration: line-through; } .tb-monitor-contents[data-v-1e6ee5db] .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-monitor-contents[data-v-1e6ee5db] .division {background-position: -210px -221px; } .tb-monitor-contents[data-v-1e6ee5db] .del .division {background-position: -60px -221px; } .tb-monitor-contents[data-v-1e6ee5db] .request .request {color: #fd7201 } .tb-monitor-contents[data-v-1e6ee5db] .fin .fin {color: #a2c10b } .tb-monitor-contents[data-v-1e6ee5db] .date.deadline {color: #fF0000 } .tb-monitor-contents[data-v-1e6ee5db] .author {font-size:12px; color:#999; } .tb-monitor-contents[data-v-1e6ee5db] .author .v-btn {font-size:12px; color:#999; } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu, .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu .v-menu__content, .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .ins002a .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu, .ins002a .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px } .ins002a .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .bds041 .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu, .bds041 .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px } .bds041 .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer.tooltipmember > .v-menu, .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important; } .tb-monitor-contents[data-v-1e6ee5db] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-monitor-contents[data-v-1e6ee5db] tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu .tooltip-b, .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-monitor-contents[data-v-1e6ee5db] tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-1e6ee5db] tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px } .tb-monitor-contents[data-v-1e6ee5db] tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-monitor-contents[data-v-1e6ee5db] tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0 } .tb-monitor-contents[data-v-1e6ee5db] tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .audit001[data-v-71ae9d51] { margin-top: 38px; } .audit001[data-v-71ae9d51] td:nth-child(1) > div > .ell-singleline { width: 110px; } .audit001[data-v-71ae9d51] th:nth-child(1), .audit001[data-v-71ae9d51] td:nth-child(1) { padding-left: 25px; width: calc(100% - 3500px) !important; text-align: center; } .audit001[data-v-71ae9d51] th:nth-child(2), .audit001[data-v-71ae9d51] td:nth-child(2) { width: 150px !important; text-align: center; } .audit001[data-v-71ae9d51] th:nth-child(3), .audit001[data-v-71ae9d51] td:nth-child(3) { width: 150px !important; text-align: center; } .audit001[data-v-71ae9d51] th:nth-child(4), .audit001[data-v-71ae9d51] td:nth-child(4) { width: 150px !important; text-align: center; } .audit001[data-v-71ae9d51] th:nth-child(5), .audit001[data-v-71ae9d51] td:nth-child(5) { width: 150px !important; text-align: center; } .audit001[data-v-71ae9d51] th:nth-child(6), .audit001[data-v-71ae9d51] td:nth-child(6) { width: 150px !important; text-align: center; } .audit001[data-v-71ae9d51] th:nth-child(7), .audit001[data-v-71ae9d51] td:nth-child(7) { width: 150px !important; text-align: center; } .audit001[data-v-71ae9d51] th.text-center { text-align: center; } .audit001[data-v-71ae9d51] input { background-color: transparent; } .vue-swatches__check__wrapper{position:absolute;width:100%;height:100%}.vue-swatches__check__circle{width:21px;height:21px;border-radius:50%;background-color:rgba(0,0,0,.15)}.vue-swatches__check__path{fill:#fff}.vue-swatches__swatch{position:relative;display:inline-block;font-size:0}.vue-swatches__swatch:focus,.vue-swatches__swatch:hover{opacity:.9;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.75);box-shadow:inset 0 0 2px rgba(0,0,0,.75);outline:none}.vue-swatches__swatch.vue-swatches__swatch--border,.vue-swatches__swatch.vue-swatches__swatch--selected{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.75);box-shadow:inset 0 0 2px rgba(0,0,0,.75)}.vue-swatches__swatch__label{position:absolute;left:0;right:0;color:#666;font-size:10px;font-weight:700;text-align:center}.vue-swatches__swatch .vue-swatches__diagonal__wrapper{position:absolute}fieldset[disabled] .vue-swatches{pointer-events:none}.vue-swatches{position:relative;display:inline-block;outline:none}.vue-swatches__trigger__wrapper{display:inline-block;cursor:pointer}.vue-swatches__trigger.vue-swatches--is-empty{border:2px solid #ccc}.vue-swatches__trigger.vue-swatches--is-disabled{cursor:not-allowed}.vue-swatches__container{-webkit-box-sizing:content-box;box-sizing:content-box}.vue-swatches__container.vue-swatches--inline{font-size:0}.vue-swatches__container:not(.vue-swatches--inline){position:absolute;display:block;overflow:auto;border-radius:5px;-webkit-box-shadow:0 2px 3px rgba(10,10,10,.2),0 0 0 1px rgba(10,10,10,.2);box-shadow:0 2px 3px rgba(10,10,10,.2),0 0 0 1px rgba(10,10,10,.2);z-index:50}.vue-swatches__wrapper{background-color:inherit;-webkit-box-sizing:content-box;box-sizing:content-box}.vue-swatches__row{font-size:0}.vue-swatches__fallback__wrapper{display:table}.vue-swatches__fallback__input--wrapper{display:table-cell;padding-right:10px;width:100%;font-size:14px}.vue-swatches__fallback__input{width:100%;padding-top:6px;padding-bottom:6px;border-radius:5px;border:1px solid #dcdcdc;color:#35495e;background:#fff}.vue-swatches__fallback__button{display:table-cell;padding:6px 15px;border:0;cursor:pointer;font-weight:700;color:#fff;background-color:#3571c8;border-radius:5px}.vue-swatches-show-hide-enter-active,.vue-swatches-show-hide-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vue-swatches-show-hide-enter,.vue-swatches-show-hide-leave-active{opacity:0}.vue-swatches--has-children-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-swatches__diagonal__wrapper{width:100%;height:100%}.vue-swatches__diagonal{width:75%;height:75%;background:linear-gradient(to top right,transparent 0,transparent calc(50% - 2.4px),#de080a 50%,transparent calc(50% + 2.4px),transparent)}@charset "UTF-8"; /* ########## FONTS ########## */ @font-face{ font-family: 'LifeplusB'; font-style: normal; font-weight: normal; src: url(/static/fonts/LIFEPLUS-Bold.0d82588.eot); src: url(/static/fonts/LIFEPLUS-Bold.0d82588.eot?#iefix) format('embedded-opentype'), url(/static/fonts/LIFEPLUS-Bold.b324ef1.woff) format('woff'), url(/static/fonts/LIFEPLUS-Bold.82c20cd.ttf) format('turetype'); /* src: url('./fonts/NanumSquareB.eot'); src: url('./fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('./fonts/NanumSquareB.woff') format('woff'), url('./fonts/NanumSquareB.ttf') format('turetype'); */ } @font-face{ font-family: 'LifeplusM'; font-style: normal; font-weight: normal; src: url(/static/fonts/LIFEPLUS-Medium.94ae6da.eot); src: url(/static/fonts/LIFEPLUS-Medium.94ae6da.eot?#iefix) format('embedded-opentype'), url(/static/fonts/LIFEPLUS-Medium.739d274.woff) format('woff'), url(/static/fonts/LIFEPLUS-Medium.f74884d.ttf) format('turetype'); /* src: url('./fonts/NanumSquareR.eot'); src: url('./fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('./fonts/NanumSquareR.woff') format('woff'), url('./fonts/NanumSquareR.ttf') format('turetype'); */ } @font-face{ font-family: 'LifeplusL'; font-style: normal; font-weight: normal; src: url(/static/fonts/LIFEPLUS-Light.fa4f934.eot); src: url(/static/fonts/LIFEPLUS-Light.fa4f934.eot?#iefix) format('embedded-opentype'), url(/static/fonts/LIFEPLUS-Light.7aa92a3.woff) format('woff'), url(/static/fonts/LIFEPLUS-Light.f4a1d2f.ttf) format('turetype'); /* src: url('./fonts/NanumSquareL.eot'); src: url('./fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), url('./fonts/NanumSquareL.woff') format('woff'), url('./fonts/NanumSquareL.ttf') format('turetype'); */ } @font-face { font-family: 'NanumGothic'; font-weight: normal; font-style: normal; src: url(/static/fonts/NanumGothic.eada48b.eot); src: url(/static/fonts/NanumGothic.eada48b.eot?#iefix) format('embedded-opentype'), url(/static/fonts/NanumGothic.f23a087.woff2) format('woff2'), url(/static/fonts/NanumGothic.f2012b7.woff) format('woff'); }@charset 'UTF-8'; /* ########## RESET ########## */ body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0; } body { position:relative; -webkit-text-size-adjust:none; font-family: 'LifeplusM','ngR','\B9D1\C740 \ACE0\B515','Malgun Gothic','\B3CB\C6C0',dotum,Helvetica,sans-serif; font-size: 12px; color: #666; } header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block;} h1,h2,h3,h4,h5,h6 { font-size: inherit; color: inherit;; font-weight: normal; line-height: inherit } table { width:100%; border-collapse:collapse; } img, fieldset {border:0;} ul,ol {list-style:none;} em,address {font-style:normal;} a {color:inherit;text-decoration:none;} img {vertical-align:top;} mark { font-weight:bold; color:inherit; background:none; } img,video { max-width:100%; height:auto; } video {min-width:100%;} caption, legend, .hide { position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0 } i, em {font-style:normal;} button { margin:0;padding:0; font-family: inherit; color: inherit; font-size: inherit; border:0 none; background:transparent; cursor:pointer } * {-webkit-box-sizing: border-box;box-sizing: border-box;} :lang(ko){ font-family:Apple SD Gothic Neo,-apple-system,BlinkMacSystemFont,Malgun Gothic,Dotum,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,MS PGothic,sans-serif } :lang(en){ font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,Apple SD Gothic Neo,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,MS PGothic,sans-serif } :lang(ja){ font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,MS PGothic,Apple SD Gothic Neo,"\B9D1\C740 \ACE0\B515",Malgun Gothic,Dotum,sans-serif; quotes:"\300C" "\300D" } /*============================================ PLACEHOLDER ============================================*/ ::-webkit-input-placeholder, :-moz-placeholder, /* Firefox 18- */ ::-moz-placeholder, /* Firefox 19+ */ :-ms-input-placeholder, /* IE 10+ */ ::-ms-input-placeholder /* Edge */ { color:#999; } :placeholder-shown { /* Standard one last! */ /* color: red; */ text-overflow: ellipsis; } /*============================================ LAYOUT ============================================*/ html,body { width:100%; height:100%; margin:0; padding:0; } /*============================================ SCROLLBAR IE ============================================*/ * { scrollbar-arrow-color:#9D9992; scrollbar-3dlight-color:#d9d9d9; scrollbar-darkshadow-color:#d9d9d9; scrollbar-face-color:#d9d9d9; scrollbar-hightlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-track-color:#fff; } ::-webkit-scrollbar { width: 5px; height: 5px } ::-webkit-scrollbar-thumb { border-radius: 2.5px; background-color: #d9d9d9; } ::-webkit-scrollbar-track { -webkit-box-shadow: #fff; } /*============================================ default.css ============================================*/ .md-theme-default a:not(.md-button) {color: inherit;} /*============================================ vue-material.min.css ============================================*/ a:not(.md-button):hover {text-decoration: none;} /*============================================ swiper-bund....min.css ============================================*/ /** * Swiper 6.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 15, 2020 */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 16px; height: 28px; line-height: 1; margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); font-size:0; color: transparent; text-indent: -999em;; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW1JREFUeNqc1c8rBGEcx/FnreJCyZ6mnLmPGybi4EdtohxcRBycFEqulPIHaEviKFGc1h7kYPciB/bC2ZGLcuFAvJ/6TE0bu/M8T73a3eaZz+w8z/fbkwnD0HiORdibl5s8AzZQwL390ex4cwa7WMEsTl1DstjHDCZwFV9IG9KCY0QYwW3yYpqQNlygWyGPtRMaheRwiXb04fmvSfV2pwtlzYn+C6gX0oMKXjCkT+MS0osbPGAU740WrTbEPvUaRUzjM83WJUMmtYgHmMdX2gKKQxZwhi2s4seljOOQNZxgx6eRskEQGL37pl6h7BoSF9sh3lTanVh3eaVkxZ5jXCXegSV8u+6O0fYOI6+FbvUJseMOAyq6ohrQOcSOJ/Qj0L/L+YQYNVykOWU1pHOIHa+JBqyoMZ1DjBpwDFU1ZugTYscHplDSGg36hBhV8xyO1Kj52rJ3GSU9vKDFr/oeXts6eyKfwys59uIvvwIMACscQ6wvhNS2AAAAAElFTkSuQmCC) no-repeat 0 0; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWFJREFUeNqk1T8oxGEcx/Hf3SkWBpkubOr2H5M/+bOQQsiIUhYDpSg7kxUDg0VJ/mQhhYGNQgbmK4uJLAzE+1ufq0t3V9/nPvXqN9z16XfPPd/nScRxHJF13GErCkhSz3tsYDGkpELPTbxhB3VYwK+3xLKPdxyhFtP48fycXM7Rg0GVVoaUWG7QgRacoDqkxPKEVtTjUuvkLrFk9Ub2nWs0hpRYXtGlpxVlQkosH+jFg4qaQ0osXxjRQtsadYeUWL4xqdGwsqHcB6l0Ou3d5WfazTYmLzYyySgsy9jD/P9t78kSxjQa7pIEVjGjkkNvSUrTPop+XBSa4lKpwi7aNKC3xY6CYrEBPEYT2vFc6jwpFBu8U9ToLbLebd+gbZ7UIGa9A5hRQf4Auo4CO/6v8Ig+DaDrUOrUgNnWHsan93gc0CJuY1wD57p3JnCAFcx6rov8v9hWfw5r5VxeU1EZ+RNgAED8Q+a+Eti+AAAAAElFTkSuQmCC) no-repeat 0 0; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @charset "UTF-8"; /*============================================ Layout ============================================*/ .overflowhidden {overflow: hidden;} *::before,*::after {-webkit-box-sizing: border-box;box-sizing: border-box;} button {outline: none;} body { background-color: #eff2f7; overflow-x: auto; } .terms #app, .terms #app > div, .terms .hw_wrap {min-width: auto;} #app, #app > div, .hw_wrap {min-width: 1180px; height: 100%;} #app, #app > div, .hw_wrap .out{min-width: 670px; height: 100%;} #app > div.modal-window {min-width: auto} .inner-container {min-width: 1180px; padding-left:250px;} /* header */ .hw_wrap > header { position: fixed; left: 0; top: 0; width: 100%; min-width: 1180px; height: 50px; padding:0 30px 0 14px; border-bottom: 1px solid #e6e6e8; background-color: #fff; z-index: 11; } header:after {clear: both; content: ''; display: block;} header .left_area { float: left; padding-top:10px; } header h1 {display: inline-block;} header h1 span { display: inline-block; vertical-align: middle; } header h1 span:nth-child(1) { width:24px; height:24px; text-indent: -999em; font-size: 0; color: transparent; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFJREFUeNqslU1Ik2EcwP/7cJDfrUlO1siyMhs7iCAO0e1SsOZldFjY1UCa7OZBkChJD526eNgl6aKXoMtYQoQfO3gRRDu0wSSHuai5RNN9tn//5+F9x/u++LolPvAbz56P/+fz/78aUB+XiJuEm3ARt4jLwt4+ESU+ER+Jb0QO/mPYiLdEicAKFIlZ4na1wp8Sf6oQrOQn8biS8OfnEKxkTCpQI5mPEEHxT319PQwODkJLSwtoNBpARNBqtVAsFiESicD29vZZhj4i3ksX7hK/RSucTieGw2FUG0tLS5W8+EFYROF64p242dvbi+l0Wibw6OgIT05OMJvN4uHhIQaDwWpC9UaM0D3iL1s0Go24vLxcFjw9PY0UJq60q6sLrVYrtra2VpuLNHGHWe8htEyT3W6HgYEB7tbMzAxMTEyUY+hyucDv94PBYIC6ujqora3leWG5mJubg83NTWUeWM08ZJOQqNXr9XLLWTj6+vpkFsViMdWc7O7u4vj4+GlefNDRzwvCyDS1t7fD8PAw6HQ6oFDJrMrn81BTUwOJRAJ2dnYgHo/DwcEBmEwmaG5u5h6yta2tLakXTAmkRI0dHR1lS+kw0iVsamrChoYGbGxsRLPZzHNATxgpTHx9aGgI9/b2+J2NjQ20WCzK1wS/pG6Njo6WXc9kMri+vo4rKyu4urqK9P5xcXERyUtZKAKBAJZKJX6np6dHupcEoWnJLkxNTWEymVSN+dramuy8x+PBQqHA9xwOh3TvC3tFX5WNanJyEqjQwOfzAYWFV/Lx8TFQ8oEEwfz8vOy5uN1u0Ov1fM7OSAaTDYFq+0xbWxuvBZvNxi1lOWK1Io5QKMRzJrnzDIQ+n68kfGFhAckLzOVyvKLZXDpSqRRXrOiu10EostlKCqLRqGpOWN/q7+9X3nkl7aY3iAhhVmuPnZ2d0N3dzTsqq2Cxw1Lf4t2V+pX0eJxwCF6Uh+8CvgWMLHFfzdCxCxD+pNJXzUskziE8Rjyo9rt8jXgttNzcGUJzQid4SVw9TZDmDCUGwiq0XKfwnK8IgveFIvpMhInvROE0If8EGAAVgKPc52hmAwAAAABJRU5ErkJggg==) no-repeat 0 0; background-size: 100%; } header h1 span:nth-child(2) { position: relative; line-height: 28px; margin-left: 5px; font-size: 14px; color: #000; font-weight: normal; } .left_area .dropdown.ty2 { margin-left: 7px; vertical-align: middle; } .left_area .dropdown.ty2 .v-menu {width: 240px;} .left_area .dropdown.ty2 .dropdown-list {padding: 10px 0} .right_area { float: right; padding-top: 10px; } .right_area > div, .right_area > ul { display: inline-block; vertical-align: middle; } header .header-search { position: relative; width: 250px; height: 30px; } header .header-search input { width: 100%; height: 30px; line-height: 30px; font-size: 12px; border: 0 none; background-color: #f6f7fa; } /* header .header-search input {padding-left:38px;} */ /* header .header-search input:valid {padding-left:8px;} */ header .header-search input + .input-txt-del { display: none; position: absolute; right: 35px; top: 5px; width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -40px -297px; } header .header-search input:valid{ padding-right: 56px !important; } header .header-search input:valid + .input-txt-del { display: block; } header .header-search .input-box .scroll { display: none; width: 100%; height: 299px; padding: 10px 6px 10px 0; font-size: 12px; border: solid 1px #000000; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; } header .header-search .input-box .scroll li:hover {background-color: #eaecf0;} header .header-search .input-box .scroll ul { height: 100%; padding-right: 5px; overflow-y: auto; } header .header-search .input-box .scroll span { display: inline-block; line-height: 33px; text-align: left; } header .header-search .input-box .scroll span:nth-child(1) { width: 128px; padding-left: 12px; color: #000; } header .header-search .input-box .scroll span:nth-child(2) {color: #999;} header .header-search input:valid + .input-txt-del + .scroll {display: block;} .header-util-text {margin-left: 17px} .header-util-text li {float:left} .header-util-text li button {padding: 0 8px;} .header-util-text li button .ico-new {margin-top: -2px} .right_area .user { position: relative; padding-left:16px; margin-left: 5px; color: #000; } .right_area .user .name {display: inline-block;} /* .right_area .user::before { display: block; content: ''; position: absolute; left:0; top: calc(50% - 5px); width:1px; height: 10px; background-color: #d3d4d6; } */ .right_area .user span { display: inline-block; line-height: 26px; color: #999; vertical-align: middle; } .right_area .user button { width: 52px; height: 22px; margin-left: 5px; font-size: 11px; color: #000; border:1px solid #000; } .right_area > .util {padding-left: 9px} .right_area > .util .info {margin-left: -4px;} .right_area > .util .dl_layer + .dl_layer {margin-left: 0;} .right_area > .util .v-menu {top: 33px;} /* LNB */ .gnb_wrap { position: fixed; left: 0; top:50px; bottom:55px; width: 50px; height: calc(100% - 50px); min-height: calc(100% - 50px); background-color: #fff; z-index: 11; } .gnb_wrap .inner { height: 100%; border-right:1px solid #e6e6e8; } .gnb { width: 100%; padding-top: 17px; padding-bottom: 24px; border-bottom: 1px solid #e6e6e8; background-color: #fff; } .gnb .depth1.side-hover:hover::before { display: block; content: ''; width: 225px; height: 100%; position: absolute; left: 48px; top: 0; border-right:1px solid #e6e6e8; background-color: #fff; } .gnb .depth1.side-hover:hover::after { display: block; content: ''; width: 1px; height: 100%; position: absolute; left: 48px; top: 0; background-color: #e6e6e8; } .gnb .depth1.side-hover:hover > .hover {display: block;} .gnb .depth1.side-hover > .hover> button {position: relative;} .gnb .depth1.side-hover > .hover> button::after { display: inline-block; content: ''; position: absolute; right: -12px; top: calc(50% - 6px); width: 6px; height: 12px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -7px -301px; } .gnb .depth1 > a { display: inline-block; width: 49px; height: 63px; padding-top: 39px; font-size: 11px; color: #000; text-align:center; background: transparent url(/static/img/sp_icon.f67a123.png) no-repeat 0 -128px; } .gnb .depth1 > a:hover {background-color: #f6f7fa;} .gnb .depth1 > .hover > .sel_ty3 { display: block; width: 100%; margin-top: 36px; } .gnb .blank { display: inline-block; width: 10px; height: 10px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -180px -221px; } .gnb .depth1 > .active { position: relative; border-style: solid; border-width: 1px 0; border-color: #e6e6e8 transparent; } .gnb .depth1 > .active:before{ position: absolute; left: 0; top: 0; width: 2px; height: 100%; content: ''; background: #f97723; } .gnb .depth1 > .okr {background-position: -49px -130px;} /* 성과 */ .gnb .depth1 > .okr.sec {background-position: -293px -130px;} /* 성과2 */ .gnb .depth1 > .my {background-position: -98px -130px;} /* 마이페이지 */ .gnb .depth1 > .task {background-position: -147px -130px;} /* 과제공간 */ .gnb .depth1 > .coop {background-position: -196px -130px;} /* 회의*/ .gnb .depth1 > .share {background-position: -245px -130px;} /* 공유 */ .gnb .hover > a:first-child { line-height: 20px; font-size: 12px; color: #666; } .gnb .hover > a:first-child:after { display: inline-block; content: ''; width: 20px; height: 20px; vertical-align: text-bottom; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0 -295px; } .gnb .hover { display: none; position: absolute; left: 49px; top: 0; width: 225px; height: 100%; min-height: 100%; padding: 18px 20px 0; } .gnb .hover .scroll { height: calc(100% - 79px); margin-top: 35px; margin-right: -14px; padding-right: 14px; overflow-y: auto; } .gnb .hover .grp {margin-top: 39px} .gnb .hover .grp button + button, .gnb .hover .grp button + a, .gnb .hover .grp a + a {margin-top: 5px} .gnb .hover .grp button { width: 100%; height: 30px; line-height: 28px; font-size: 12px; border: dashed 1px #cccdce; } .gnb .hover .grp button.add::before { display: inline-block; content: ''; width: 12px; height: 12px; margin-right: 5px; vertical-align: middle; background: url(/static/img/sp_icon.f67a123.png) no-repeat -84px -92px; } .gnb .sel_ty3 {width: 100%;} .gnb .sel_ty3 + .depth2 {margin-top: 10px} .gnb .depth2 {margin-top: 4px} .gnb .grp + .depth2 {margin-top: 23px} .gnb .depth2 > li > button, .gnb .depth2 > li > a > button, .gnb .depth2 > li dt > button { /* line-height: 44px; */ min-height: 44px; padding: 15px 0; font-size: 14px; color: #000; text-align: left; } .gnb .depth2 > li + li {border-top: 1px solid #e6e6e8} .gnb .depth2 > li:last-child {border-bottom: 1px solid #e6e6e8} .gnb .depth2.linenone > li:last-child {border-bottom: 0 none} .gnb .depth2 .toggle dt button { position: relative; width: 100%; text-align: left; } .gnb .depth2 .toggle.none dt button::after {background: none;} .gnb .depth2 .toggle.none dt + dd {border-top: 1px solid #e6e6e8} .gnb .depth2 .toggle dt + dd { padding: 9px 15px 10px; background-color: #f6f7fa; } .gnb .depth2 .toggle .active + dd {display: block;} .gnb .depth2 .toggle dt + dd li + li {margin-top: 1px} .gnb .depth2 .toggle dt + dd li { font-size: 12px; color: #000; padding: 3px 0; } .gnb .depth2 .toggle dt + dd li button { width: 100%; font-size: 12px; color: #000; text-align: left; } .gnb .depth2 .toggle dt + dd li:hover button {text-decoration: underline;} .gnb .depth2 .toggle .nodata { height: 111px; line-height: 1.67; padding-top: 36px; font-size: 12px; color: #999; text-align: center; } .gnb_wrap .btm {position: absolute; left: 0; bottom: 10px;} .gnb_wrap .util { width: 49px; margin-top: 15px; padding-top: 14px; } .gnb_wrap .util button { position: relative; width: 100%; padding: 13px 0; font-size: 12px; color: #666; } .gnb_wrap .util button .ico-new {position: absolute; right: 3px; top: 10px} .gnb_wrap .admin_box {padding-left: 5px;} .gnb_wrap .admin_box li + li {margin-top: 5px} .gnb_wrap .admin_box button { width: 40px; height: 40px; line-height: 1; padding: 11px 5px 12px; font-family: 'LifeplusB'; font-size: 10px; text-align: center; color: #666; border-radius: 2px; background-color: #f6f7fa; } .okr-left-dropdown { display: inline-block; position: relative; width: 100%; background: #fff; } .okr-left-dropdown button {padding: 0; border: 0; background: none; cursor: pointer; text-align: left;} .okr-left-dropdown button span {position: relative; display: block;} .okr-left-dropdown .btn {width: 100%; height: 30px; border: 1px solid #a3a4a6;} .okr-left-dropdown .btn span {display: block; overflow: hidden; width: 100%; height: 30px; padding: 0 30px 0 15px; line-height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; } .okr-left-dropdown .btn span:after {content:""; position: absolute; top: 7px; right: 10px; width: 8px; height: 8px; border: 1px solid #222; border-top: 0; border-right: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 2px;} .okr-left-dropdown.active .btn span:after {-webkit-transform: rotate(135deg);transform: rotate(135deg); top: 12px;} .okr-left-dropdown .list {display: none; z-index: 999; position: absolute; top: 29px; right: 0; left: 0; margin: 0; padding: 0; background: #fff; border: 1px solid #a3a4a6;} .okr-left-dropdown.active .list {display: block; overflow: auto; max-height: 200px; } .okr-left-dropdown .list li {list-style: none;} .okr-left-dropdown .list li.selected { background: #f1f1f1; } .okr-left-dropdown .list button {width: 100%; } .okr-left-dropdown .list span { display: block; overflow: hidden; width: calc(100% - 30px); padding: 5px 15px; white-space: nowrap; text-overflow: ellipsis; } /*============================================ COMMON ============================================*/ .clear:after {clear:both; display:block; content:'';} .fl {float: left;} .fr {float: right;} .txtl {text-align: left;} .txtc {text-align: center;} .txtr {text-align: right;} .error {text-align: right; color: #ff0000} .error.ty1 { width: 334px; margin-top: 4px; font-size: 12px; } .error, .error::-webkit-input-placeholder {font-family: 'LifeplusL'; color: #ff0000} .error, .error::-moz-placeholder {font-family: 'LifeplusL'; color: #ff0000} .error, .error::-ms-input-placeholder {font-family: 'LifeplusL'; color: #ff0000} .error, .error::placeholder {font-family: 'LifeplusL'; color: #ff0000} .error span {color: #999 !important;} input.error + .error {margin-top: 8px;} .modal-content .top + form .input-box { margin-top: 20px; } .input-box {position: relative;} .input-box input {width: 100%} .input-box .input-txt-del { display: none; position: absolute; right: 9px; top: 5px; width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -40px -297px; } .input-box.tit .input-txt-del {background-position: -360px -297px;} .input-box.in .btn-box {position: absolute; right: 11px; top: 5px} .input-box.in .input-txt-del {margin-right: 6px} .input-box.in .input-txt-del, .input-box.in .count { position: relative; right:auto; top: auto; line-height: 20px; vertical-align: middle; } .input-box.in.edit_tit .btn-box {top: auto; right: 0; bottom: 5px} .input-box input:disabled + .input-txt-del {display: none;} .input-box input:valid {padding-right: 36px} .input-box input:valid + .input-txt-del, .input-box input:valid + .btn-box .input-txt-del {display: inline-block;} .input-box div.error { margin-top: 4px; color: #ff0000; font-size: 12px; text-align: right; } .input-box input.error {color: #ff0000} .textarea-box textarea { width: 100%; border: 1px solid #acacac; } b {font-weight: normal;} .dividing_line_ty1 { display: inline-block; width: 1px; height: 14px; margin: 0 16px 0 17px; vertical-align: middle; background-color: #d3d4d6; } .tb-header .tb_sort .dividing_line_ty1 {margin: 0 4px 0 11px} .dividing_line_ty2 { display: inline-block; width: 1px; height: 14px; margin: 0 5px 0 6px; vertical-align: middle; background-color: #d4d5d7; } .dividing_line_ty3 { display: inline-block; width: 1px; height: 12px; margin: 0 5px 0 6px; vertical-align: middle; background-color: #d3d4d6; } .dividing_line_ty4 { display: inline-block; width: 1px; height: 10px; margin: 0 4px; vertical-align: middle; background-color: #d3d4d6; } button:disabled {color: #bbb !important; pointer-events: none;} .w100 {width: 100%} .w100i {width: 100% !important} .txt-linked { display: inline-block; font-size: 12px; color: #999; vertical-align: middle; } /*============================================ 말줄임 ============================================*/ [class*="ell-"] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; } [class*="ell-multiline"] {word-break: keep-all;} .ell-singleline { white-space:nowrap; -webkit-line-clamp: 1; } .ell-multiline2 {-webkit-line-clamp: 2; word-wrap: break-word; word-break: break-all; } .ell-multiline3 {-webkit-line-clamp: 3; word-wrap: break-word; word-break: break-all; } /*============================================ cursor ============================================*/ .cursor-pointer{ cursor: pointer !important;} .cursor-defalut{ cursor: defalut !important;} /*============================================ calendar ============================================*/ .calendar_box_grp {display: inline-block;} .vdp-datepicker {position: relative;} .calendar_box .vdp-datepicker::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat 0 -92px; } /* .calendar_box_grp .calendar_box:last-child .vdp-datepicker > div {padding-left:0} .calendar_box_grp .calendar_box:last-child .vdp-datepicker::before {background: none;} */ .vdp-datepicker > div {padding-left: 18px;} .vdp-datepicker > .vdp-datepicker__calendar {padding-left: 0;} .fr .vdp-datepicker > .vdp-datepicker__calendar {left:auto; right:0} .calendar_box.ico-right {padding-left: 0; padding-right: 20px;} .calendar_box.ico-right::before {left: auto; right: 0;} .calendar_box input {color: #000;} .calendar_box {} /*============================================ MODAL & LayerPop vuejs modal ============================================*/ .v--modal { border-radius: 0; background-color: #fff; } .modal-window { position: relative; height: 100%; padding-bottom: 30px; background: #fff; } .modal-window.alert .modal-window {padding-bottom: 20px;} .modal-header {border-bottom: 0 none !important} .modal-header .tit { padding-left: 30px; padding-top: 30px; font-size: 14px; color: #000; } .modal-window.alert .modal-header .tit { padding-left: 20px; padding-top: 15px; font-size: 12px; } .modal-header .btn_close { position: absolute; top: -1px; right: -1px; width: 50px; height: 36px; text-indent: -999em; font-size: 0; color: transparent; background-color: #000; } .modal-header .btn_close:before { display: block; content: ''; position: absolute; left: calc(50% - 6px); top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_common.1ad25ab.svg) no-repeat -184px -44px; background-size: 500px 500px; } .modal-content {height: calc(100% - 119px); padding: 25px 30px 0;} .modal-content .top .dropdown.new-ty1 { width: 100%; } .modal-content .top .dropdown.new-ty1 > .v-menu { width: 100%; } .modal-content .top .dropdown.new-ty1 > .v-menu .v-menu__content { width: 100%; word-break: break-all; } .modal-window.alert .modal-content {height: calc(100% - 55px); padding: 25px 20px 0;} .modal-content > .tab_ty1:nth-child(1) {margin-top: -20px} .modal-content > .tab_ty1:nth-child(1) > .tab-menu {margin-left: -30px; margin-right: -30px} .modal-content .info-txt.big { line-height: 34px; font-family: 'LifeplusB'; font-size: 28px; color: #000; } .modal-content .info-txt {font-size: 18px; color: #000;} .modal-content .info-txt + .btm {margin-top: 29px} .modal-content .info-txt.small, .modal-content .txt1 {font-size: 14px; color: #666;} .modal-content .txt2 {font-size: 18px; color: #000;} .modal-content .info-txt.small + .input-box, .modal-content .txt1 + .input-box, .modal-content .txt1 + form .input-box {margin-top:20px;} .modal-content .info-txt.smaller {font-size: 12px; color: #999;} .modal-content .input-box.tit input::-webkit-input-placeholder, .new_board_tit_box input[type="text"].h1::-webkit-input-placeholder {color: #e3e3e3 !important;} .modal-content .input-box.tit input::-moz-placeholder, .new_board_tit_box input[type="text"].h1::-moz-placeholder {color: #e3e3e3 !important;} .modal-content .input-box.tit input::-ms-input-placeholder, .new_board_tit_box input[type="text"].h1::-ms-input-placeholder {color: #e3e3e3 !important;} .modal-content .input-box.tit input::placeholder, .new_board_tit_box input[type="text"].h1::placeholder {color: #e3e3e3 !important;} .modal-content .input-box.tit input { height: 42px; padding: 0 0 0 5px; line-height: 42px; font-family: 'LifeplusB'; font-size: 28px; color: #000; border: 0 none; border-bottom: 1px solid #e6e6e8; } .modal-content .scroll-full { /* padding: 10px 6px 10px 12px; */ } .modal-content .scroll-full, .modal-content .scroll .inner { padding-right: 5px; overflow-y: auto; } .modal-content > .scroll { padding: 10px 6px 0 12px; border: solid 1px #d3d4d6; /* border: solid 1px #acacac; */ } .modal-window.uts027 .modal-content > .scroll { border: 0 none; } .modal-content > .scroll .inner { padding-right: 5px; overflow-y: auto; } .modal-content .ref { padding-left: 9px; margin-top: 9px; line-height: 1.33; text-indent: -9px; font-size: 12px; color: #999; } .modal-content .ref li + li {margin-top: 6px} .info-txt + .info-txt.smaller {margin-top: 6px} .info-txt.small {margin-top: 35px;} .modal-window.alert .info-txt.small {margin-top: 0;} /* window popup */ .winpop {min-width: 100% !important} .win-pop { padding: 30px; background-color: #fff; } .win-pop [class*="-header"].win-header {border-bottom: 0 none;} .win-pop .win-header .tit {font-size: 14px; color: #000;} .win-fotter-info { padding: 17px 25px 20px; border: solid 1px #d3d4d6; } .win-fotter-info > dt { padding-bottom: 9px; font-size: 14px; color: #000; } .win-fotter-info > dd > .list > li + li {margin-top: 3px;} .win-fotter-info > dd > .list > li b {color: #000;} .win-fotter-info > dd > .list > li { position: relative; padding-left: 9px; line-height: 1.43; font-size: 14px; color: #666666; } .win-fotter-info > dd > .list > li::before { display: block; content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #666; } .modal-content .txtbox { padding: 0 15px 40px; font-size: 14px; line-height: 1.4; border-bottom: 1px solid #d3d4d6; } .modal-content .subject { line-height: 1.5; font-family: 'LifeplusB'; font-size: 28px; color: #000; border-bottom: 2px solid #e6e6e8; } .modal-content textarea { width: 100%; height: 140px; line-height:1.43; padding:12px 12px; font-family: 'LifeplusL'; font-size:14px; color:#000; border:1px solid #d3d4d6; } .modal-content + .modal-footer { margin-top: 30px; } .modal-footer { width: 100%; height: 40px; text-align: center; } .v--modal-box {} .modal-window.alert .modal-footer {bottom: 20px; height: 30px;} .modal-footer button + button {margin-left: 9px;} .modal-window.alert .modal-footer button { height: 30px; line-height: 30px; font-size: 14px; } .modal-window.alert .modal-footer button + button {margin-left: 8px;} .modal-footer > button { height: 40px; padding: 0 20px; line-height: 40px; font-size: 18px; } .modal-footer .btn_ty1 { color: #fff; border: 1px solid #000; background-color: #000; } .modal-footer .btn_ty2 { color: #000; border: solid 1px #000; background-color: #fff; } .modal-enter-active, .modal-leave-active {-webkit-transition: opacity 0.4s;transition: opacity 0.4s;} .modal-enter-active .modal-window, .modal-leave-active .modal-window {-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, -webkit-transform 0.4s;transition: opacity 0.4s, transform 0.4s;transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;} .modal-leave-active {-webkit-transition: opacity 0.6s ease 0.4s;transition: opacity 0.6s ease 0.4s;} .modal-enter, .modal-leave-to {opacity: 0;} .modal-enter .modal-window, .modal-leave-to .modal-window { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } /* 과제링크내역 */ /* .task_link_box {height: 367px;} */ .subj1 {font-size: 18px; color: #000} .subj2 {font-size: 14px; color: #000} .subj3 {color: #000;} .task_link_box .subj1 + .txt { margin-top: 10px; font-size: 14px; } .task_link_box .task_link_add {padding-top: 29px;} .task_link_box .task_link_add .add_box {margin-top: 17px} .task_link_box .add_box { position: relative; padding: 25px 25px 20px 25px; margin-top: 17px; border: solid 1px #e6e6e8;; } .task_link_box .add_box .btn_box {position: absolute; right: 14px; top: 0;} .task_link_box .dl_layer > dd {top: 36px;} .task_link_box .output .subj3 {padding: 15px 0 10px;} .task_link_box .output .scroll { padding: 15px 6px 15px 0; border: solid 1px #d3d4d6; } .task_link_box .output .task_box { height: 90px; padding-left: 20px; padding-right: 10px; overflow-y: auto; } .task_link_box .output .scroll .nodata { height: 90px; line-height: 90px; font-size: 14px; color: #999; text-align: center; } .task_link_box .output .task_box li { position: relative; height: 40px; line-height: 40px; padding-left: 20px; border-radius: 8px; background-color: #f6f7fa; } .task_link_box .output .task_box li + li {margin-top: 10px} .task_link_box .output .task_box li b {font-size: 14px; color: #000;} .task_link_box .output .task_box li span::before { display: inline-block; content: ''; width: 8px; height: 13px; margin: 0 5px 0 3px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -7px -301px; } .task_link_box .output .task_box li .btn_grp { position: absolute; right: 11px; top: calc(50% - 10px); height: 20px; } .task_link_box .output .task_box li .btn_grp button { height: 20px; line-height: 20px; vertical-align: top; } /* 회의/협의 게시 */ .board_copy {height: 142px;} .board_copy .subj1 {margin-bottom: 35px;} .board_copy .sel_ty3 {width: 100%;} .board_copy .sel_ty3 + .error {margin-top: 8px;} /* 보드복제 */ .board_copy.h_ty1 {height: 244px;} .board_copy .radio_box {margin-bottom: 20px;} .board_copy .radio_box label:last-child {margin-left: 27px;} .board_copy .search_ty1 + .sel_ty3 {margin-top: 15px;} /* 의견모달 */ .modal-window .subject {color: #000} .modal-window .subject::-webkit-input-placeholder {color: #e3e3e3} .modal-window .subject::-moz-placeholder {color: #e3e3e3} .modal-window .subject::-ms-input-placeholder {color: #e3e3e3} .modal-window .subject::placeholder {color: #e3e3e3} .modal-window input.subject, .modal-window input:-moz-read-only { width: 100%; padding: 0; height: 40px; line-height: 40px; border: 0 none; border-bottom: 1px solid #e6e6e8 } .modal-window input.subject, .modal-window input:read-only { width: 100%; padding: 0; height: 40px; line-height: 40px; border: 0 none; border-bottom: 1px solid #e6e6e8 } .modal-window input.subject:-moz-read-only {outline: none; border: 0 none !important} .modal-window input.subject:read-only {outline: none; border: 0 none !important} .modal-window .top_info {padding: 30px 0 20px} .modal-window .top_info .status { display: inline-block; min-width: 39px; height: 17px; line-height: 17px; font-size: 11px; color: #fff; text-align: center; border-radius: 8.5px; background-color: #adadad; } .modal-window .top_info .status.fin {background-color: #060609;} .re-de, .re-de > * {display: inline-block;} .re-de .division { width: 10px; height: 10px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -200px -221px; } .modal-window .textarea {border-color: #acacac;} .modal-window .textarea:hover {border-color: #000;} .modal-window .add_file { padding: 15px 0 0; text-align: right; } .modal-window .add_file input {display: none;} .modal-window .add_file button { position: relative; padding-left: 20px; font-size: 14px; color: #000; } .modal-window .add_file button::before { position: absolute; left: -2px; top: calc(50% - 10px); display: block; content: ''; width: 20px; height: 20px; background: url(/static/img/sp_common.1ad25ab.svg) -240px -40px; background-size: 500px 500px; } .modal-window .board_layout {margin-top: 10px;} .modal-window .board_layout .attachfile_box {margin-top: 0;} .modal-window .board_layout .attachfile_box .row_box {margin-right: 0;} .modal-window .board_layout .attachfile_box .row_box .file_row {width: 100%;} .modal-window textarea:-moz-read-only { height: 95px; padding: 0; border: 0 none; resize: none; } .modal-window textarea:read-only { height: 95px; padding: 0; border: 0 none; resize: none; } .modal-window .comment_box { padding: 13px 10px 10px 20px; margin-top: 25px; border-top: 1px solid #d3d4d6; } .modal-window .comment_box .inner { height: 100%; overflow-y: auto; } .modal-window .comment_box .row { position: relative; padding:7px 0; } .modal-window .comment_box .row > * {display: inline-block;} .modal-window .comment_box .row .name, .modal-window .comment_box .row .txt {font-size: 14px;} .modal-window .comment_box .row .name { font-family: 'LifeplusB'; color: #000; } .modal-window .comment_box .row .date { position: absolute; right: 10px; top: 7px; color: #999; } .modal-window .comment_box .comment_write { position: relative; margin-top: 10px; } .modal-window .comment_box .comment_write textarea {width: calc(100% + 30px); height: 77px; margin-left: -20px; margin-right: -20px;} .modal-window .comment_box .comment_write button { position: absolute; right: 20px; top: calc(50% - 15px); width: 53px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; background-color: #000; } /* viewer */ .modal-window.viewer > .modal-header .tit {padding:0} .modal-window.viewer { width: 100%; height: 100%; padding-bottom: 0; overflow: hidden; } .modal-window.viewer > .modal-header { position: relative; height: 79px; padding: 20px; border-bottom: 1px solid #e6e6e8 !important; } .modal-window.viewer .modal-window .modal-header {padding: 0} .modal-window.viewer .modal-window .modal-window.alert .modal-header { padding-left: 20px; padding-top: 15px; border: 0 none; } .modal-window.viewer .modal-window .modal-content {padding: 22px 20px 0} .modal-window.viewer > .modal-content { position: relative; height: calc(100% - 79px); padding: 0; } .modal-window.viewer .modal-header .left .file_name { margin-top: -4px; font-size: 14px; color: #000; } .modal-window.viewer .modal-header .left .location { margin-top: 6px; color: #999; } .modal-window.viewer .modal-header .util {position: absolute; right: 94px; top: calc(50% - 14px)} .modal-window.viewer .modal-header .util .dl_layer dt button {color: #666;} .btn_eiidt { width: 86px; height: 28px; margin-right: 18px; color: #000; border: solid 1px #000; background-color: #fff; } .btn_eiidt:disabled { color: #d3d4d6; border: solid 1px #d3d4d6; pointer-events: none; } .modal-window.viewer .modal-header .util .dl_layer + .dl_layer {margin-left: 15px; margin-right: 54px;} .modal-window.viewer .modal-header .util .btn-ver {font-size: 12px; color: #666; text-decoration: underline;} .modal-window.viewer .modal-header .util .btn-ver + .ico-txt_opinion {margin-left: 56px} .modal-window.viewer .modal-header .util .btn_lock { width: 20px; height: 20px; margin-left: 10px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -120px -40px; } .modal-window.viewer .modal-header .util .btn_lock.active {background-position: -120px -60px;} .modal-window.viewer .modal-header .util .dl_layer.more {margin-left: -4px;} .modal-window.viewer .modal-header .util .dl_layer.more .etc_more:hover, .modal-window.viewer .modal-header .util .dl_layer.more .active .etc_more { border-radius: 50%; background-color: #e0e0e0; } .modal-window.viewer .modal-header .util .dl_layer.more .etc_more { width: 32px; height: 32px; margin-left: 6px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -64px -421px; } .modal-window.viewer .modal-header .util .dl_layer.more dd {left: auto; right: 0;} .modal-window.viewer .viewer_box { position: absolute; left: 0; top: 0; width:calc(100% - 340px); height: 100%; background-color: #eaecf0; } .unsupported { position: absolute; left: calc(50% - (455px/2)); top: calc(50% - 30px); text-align:center } .unsupported .tit {font-size: 14px; color: #000} .unsupported .txt { line-height: 1.43; padding-top: 10px; font-size: 14px; color: #999; } .unsupported .txt b { display:inline-block; width: 16px; height: 16px; margin: 0 4px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -72px -429px; } .viewer.opinion_search .opinion-search_area {margin: 5px 0 30px;} .viewer.opinion_search .filterbox {margin: 15px 20px;} .viewer.opinion_search .filterbox .select_ty1 {font-size: 14px;} .viewer.opinion_search { top: 80px; padding-left: 10px; padding-right: 10px; } .viewer.opinion_search .opinion_search_closed, .viewer.history .opinion_search_closed { width: 42px; height: 12px; top: 20px; right: auto; left: 20px; background-position: -200px -273px; } .viewer.opinion_search .search_area {margin-bottom: 9px;} .viewer.opinion_search .opinion_box .ver span:first-child, .viewer.history .ver span:first-child { display: inline-block; min-width: 43px; height: 17px; line-height: 17px; margin-top: 6px; padding: 0 5px; color: #fff; text-align: center; border-radius: 8.5px; background-color: #060609; } .viewer.opinion_search .opinion_box .ver > span, .viewer.history .ver > span { display: inline-block; padding: 0 9px; font-size: 11px; } .viewer.opinion_search .opinion_box .ver > span + span, .viewer.history .ver > span + span { padding-left:0; color: #999; } .viewer.opinion_search .opinion_box .ver > .now, .viewer.history .ver > .now {color:#000} .viewer.opinion_search .opinion_box .ver > .update, .viewer.history .ver > .update {color:#0dbcae} .viewer.opinion_search .opinion_box .ver > .created, .viewer.history .ver > .created {color: #f97723;} .viewer.opinion_search .scroll_box {height: calc(100% - 214px); margin-top:15px; padding-right: 15px;} .viewer.opinion_search .scroll_box + .opinion-input_ty1 {margin: 20px 15px 15px;} .viewer.opinion_search .scroll_box > .opinion_box + .opinion_box {margin-top: 20px;} .viewer.opinion_search .scroll_box > .opinion_box { position: relative; min-height: 66px; padding: 12px 15px 12px; line-height: 20px; font-size: 14px; border: solid 1px #d3d4d6; border-radius: 4px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #fff; } .viewer.history .scroll_box + .btn_box {margin-top: 30px;} .viewer.history .scroll_box { height: calc(100% - 90px) ; margin-top:62px; padding-left: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAIAAAARhxgeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFQURDMzRGRjhDRDExRUFBMEY0RDlGNkNGMTJGQzREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFQURDMzUwRjhDRDExRUFBMEY0RDlGNkNGMTJGQzREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REVBREMzNERGOENEMTFFQUEwRjREOUY2Q0YxMkZDNEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REVBREMzNEVGOENEMTFFQUEwRjREOUY2Q0YxMkZDNEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76M1CKAAAAF0lEQVR42mK8cvU6AwMDEwMYkEsBBBgArP8ClDCvPcwAAAAASUVORK5CYII=) repeat-y 44px 10px; } .viewer.history .scroll_box::before { display: block; content: ''; position: absolute; left: 40px; top: 50px; width: 10px; height: 10px; background-color: #f6f7fa; } .viewer.history { position: absolute; right: -340px; top: 0; width: 340px; height: 100%; background-color: #f6f7fa; background-color: #f6f7fa; -webkit-transform: translate3d(-340px, 0, 0); transform: translate3d(-340px, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .viewer.history.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .viewer.history .day + .day {margin-top: 30px;} .viewer.history .box + .box {margin-top: 37px;} .viewer.history .box {margin-left: 56px;} .viewer.history .box .point { position: absolute; left: -36px; top: 0; width: 20px; height: 20px; background-color: #f6f7fa; } .viewer.history .box .point div { width: 10px; height: 10px; margin-top: 8px; border: solid 3px #adadad; border-radius: 50%; } .viewer.history .ver > span {margin-top: 0; margin-bottom: 18px;} .viewer.history .day {} .viewer.history .box + .btn_box { margin-top: 30px; } /* .viewer.history .day::after { position: absolute; left: 0; top: 9px; display: block; content: ''; width: 10px; height: 10px; background: url('../img/sp_common.png') no-repeat -170px -221px; opacity: 1; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; } .viewer.history .day.active::after { position: absolute; right: 12px; top: 9px; transform: rotate(-180deg); opacity: 0.5; } */ .viewer.history .day.active .box {display: none;} .viewer.history .day_tit { position: relative; display: inline-block; min-width: 51px; height: 40px; line-height: 28px; padding: 0 28px 0 15px; margin-left: -6px; margin-top: -6px; color: #fff; cursor: pointer; border: 6px solid #f6f7fa; border-radius: 24px; background-color: #adadad; } .viewer.history .day_tit::after { position: absolute; right: 15px; top: 9px; display: block; content: ''; width: 10px; height: 10px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -170px -221px; opacity: 1; -webkit-transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; } .viewer.history .active .day_tit::after { right: 12px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .viewer.history .box > .tit .ell-singleline { width: calc(100% - 10px); cursor: pointer; } #ViewerVersion.viewer.history .box > .tit {cursor: pointer;} .viewer.history .box > .tit { margin-bottom: 6px; padding-top: 1px; font-size: 14px; color: #000; } .viewer.history .box > .member span {font-size: 12px; color: #999;} .viewer.history .box > .member .droplayer.tooltipmember .v-menu {left: -10px; top: 25px} .viewer.history .day .box > .member .droplayer.tooltipmember .v-menu {top: -118px} .viewer.history .day .box > .member .droplayer.tooltipmember .v-menu .tooltip-b {margin-top: 0; margin-bottom: 8px;} .viewer.history .day .box > .member .droplayer.tooltipmember .v-menu .tooltip-b.tl::before { top:auto; bottom: -8px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .viewer.history .day:first-of-type .box:nth-child(2) > .member .droplayer.tooltipmember .v-menu {top: 25px} .viewer.history .day:first-of-type .box:nth-child(2) > .member .droplayer.tooltipmember .v-menu .tooltip-b {margin-top: 8px; margin-bottom: 0;} .viewer.history .day:first-of-type .box:nth-child(2) > .member .droplayer.tooltipmember .v-menu .tooltip-b.tl::before { top:-8px; bottom: auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* .viewer.history .day:last-child .box:last-child > .member .droplayer.tooltipmember .v-menu {top: -118px} .viewer.history .day:last-child .box:last-child > .member .droplayer.tooltipmember .v-menu .tooltip-b {margin-top: 0; margin-bottom: 8px;} .viewer.history .day:last-child .box:last-child > .member .droplayer.tooltipmember .v-menu .tooltip-b.tl::before { top:auto; bottom: -8px; transform: rotate(-180deg); } #ViewerVersion.viewer.history .day:last-child .box:nth-last-child(2) > .member .droplayer.tooltipmember .v-menu {top: -118px} #ViewerVersion.viewer.history .day:last-child .box:nth-last-child(2) > .member .droplayer.tooltipmember .v-menu .tooltip-b {margin-top: 0; margin-bottom: 8px;} #ViewerVersion.viewer.history .day:last-child .box:nth-last-child(2) > .member .droplayer.tooltipmember .v-menu .tooltip-b.tl::before { top:auto; bottom: -8px; transform: rotate(-180deg); } */ .viewer.history .box > .member .date { position: relative; padding-left: 6px; margin-left: 10px; } .viewer.history .box > .member .date::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height: 12px; background-color: #d3d4d6; } .viewer.history .box > .tit button {font-family: 'LifeplusM'; font-size: 12px; text-decoration: underline;} .viewer.history .box { position: relative; margin-top: 18px; } .viewer.bds063 .viewer_box {width: 100%;} .viewer.bds063 .viewer_box .img {position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .viewer.bds063 .viewer_box .img img {width: 100%;} .add-task_intro {height: 355px} .add-task_intro .info-txt { padding-bottom: 35px; font-size: 18px; color: #000; text-align: center; } .add-task_intro .add-box {text-align: center;} .add-task_intro .add-box > div { display: inline-block; vertical-align: top; } .add-task_intro .add-box > div + div {margin-left: 26px;} .add-task_intro .add-box button { position: relative; width: 260px; height: 156px; padding-top: 52px; font-size: 14px; color: rgba(153, 153, 153, 0.99); border: dashed 1px #d3d4d6; border-radius: 16px; background-color: #f9fafc; } .add-task_intro .add-box .txt { display: none; margin-top: 10px; color: rgba(102, 102, 102, 0.99); text-align: center; } .add-task_intro .add-box .disabled .txt {display: block;} .add-task_intro .add-box .disabled button { pointer-events: none; color: rgba(187, 187, 187, 0.99); border-color: #e6e6e8; background-color: #fafbfc; } .add-task_intro .add-box button::before, .add-task_intro .add-box button::after {display: block; content: '';} .add-task_intro .add-box button::before { position: absolute; left: calc(50% - 25px); top: 40px; width:50px; height: 50px; border-radius: 50%; background-color: #e9e9e9; } .add-task_intro .add-box button::after { position: absolute; left: calc(50% - 8px); top: 57px; width: 16px; height: 16px; background: url(/static/img/sp_common.1ad25ab.svg) no-repeat -342px -42px; background-size: 500px 500px; } .add-task_intro .add-box .disabled button::before {background-color: #f4f4f4;} .add-task_intro .add-box .disabled button::after {background-position: -462px -42px;} /* 의견결정 팝업 */ .uts004 {overflow: hidden;} .uts004 .nodata { display: table; width: 100%; height: 100%; } .uts004 .nodata .txt { display: table-cell; font-size: 14px; color: #999; text-align: center; vertical-align: middle; } .uts004 .modal-content > .tab_ty1:nth-child(1) {margin-top: 0;} .uts004 .modal-content {height: calc(100% - 16px); padding-top: 0; padding-bottom: 30px;} .uts004 .modal-content .modal-content { height: calc(100% - 86px); padding-top: 20px; padding-bottom: 0; } .uts004 #tabsTy3 {height: 100%} .uts004 #tabsTy3 > .tab-content {height: calc(100% - 42px)} .uts004 #tabsTy3 > .tab-content > div {height: calc(100% - 30px)} .uts004 #tabsTy3 > .tab-content > div > div {height: 100%} .uts004 #tabsTy3 > .tab-content .tab_ty2 .tab-content {height: 100%} .uts004 #tabsTy3 > .tab-content .tab_ty2 .tab-content > div {height: 100%} /* .uts004 #tabsTy4 .tab-menu {margin-left: -190px;} .uts004 #tabsTy5 .tab-menu {margin-right: -140px;} */ .uts004 .tb-header {margin-top: 32px;} .uts004 .tb-header .fl span { position: relative; display: inline-block; padding-left: 10px; color: #666; vertical-align: middle; } .uts004 .tb-header .fl span:nth-child(1) {padding-right: 5px;} .uts004 .tb-header .fl span + span:before { position: absolute; left: 0; top: calc(50% - 6px); display: inline-block; content:''; width: 1px; height: 13px; background-color: #d3d4d6; } .uts004 .tb-header .fl .ell-singleline {width:274px} .uts004 .tb-header .fl .btn-refresh {margin-left: 3px} .uts004 .calendar_box_grp .vdp-datepicker > div > input:-moz-read-only { width: 80px !important; font-size:12px;; color: #666 } .uts004 .calendar_box_grp .vdp-datepicker > div > input:read-only { width: 80px !important; font-size:12px;; color: #666 } .uts004 .list_wrap input[type='checkbox'] + label:before { width: 12px; height: 12px; border: 0 none; background-image: url(/static/img/sp_icon.f67a123.png); background-position: -120px -104px; } .uts004 .list_wrap input[type='checkbox']:checked + label:before { background-color: transparent; background-image: url(/static/img/sp_icon.f67a123.png); background-position: -120px -116px; } .uts004 .dropdown.ty1-custom.active > button{ background-color:#000; border: 1px solid #000; color: #fff; } .uts004 .dropdown.ty1-custom.active + div.calendar_box_grp .calendar_box input[type='text']{cursor: default;} .decision-making {height: 100%;} .decision-making .inner:first-child {margin-left: 0} .decision-making .inner { float: left; height: 100%; margin-left: 20px; overflow: hidden; } .decision-making.col-2 .inner {width: calc((50% - 20px / 2)); } .decision-making.col-3 .inner {width: calc((33.3% - (29px * 2) / 3)); } .decision-making .inner .tit .dl_layer {margin-right: 10px;} .decision-making .inner .tit .dl_layer dt {font-size: 14px} .decision-making .inner .tit .dl_layer dd {top: 30px; right:0; left: auto;} .decision-making .inner .tit .dl_layer dd > ul li {padding: 0 15px;} .decision-making .inner .tit .dl_layer dd > ul button { width: 100%; text-align: left; } .decision-making .inner .tit { height: 39px; line-height: 39px; margin-right: 11px; margin-bottom: 40px; margin-left: 20px; font-size: 18px; color: #000; text-align: center; border-radius: 19.5px; background-color: #eff2f7; } .decision-making .inner .tit b {font-family:'LifeplusB';} .decision-making .list_wrap { height: calc(100% - 193px); padding-right: 11px; padding-left: 20px; overflow-y: auto; } .decision-making .list_wrap > div:nth-last-child(2) .tooltipmember > .v-menu {top: auto; bottom: 140px} .decision-making .list_wrap > div:nth-last-child(2) .tooltipmember > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px} .decision-making .list_wrap > div:nth-last-child(2) .tooltipmember > .v-menu .tooltip-b.tl::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .decision-making .list + .list {margin-top: 15px} .decision-making .list:hover {border-color: #000} .decision-making .list .checkbox {position: absolute; left: -21px; top: 0} .decision-making.todo .list {height: 176px;} .decision-making .list.del .task_name span, .decision-making .list.del .board_name, .decision-making .list.del [class*="list-tit-"] {color: #999; text-decoration: line-through;} .decision-making .checkbox .checkbox_grp { margin: -7px 0 12px; } .decision-making .list { position: relative; height: 200px; padding: 11px 25px 20px; border: solid 1px #d3d4d6; background-color: #ffffff; } .decision-making .list .view { position: absolute; right: 0; top : 0; width: 805px; height: 690px; border: solid 1px #000000; background-color: #ffffff; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); } .decision-making .list.nodata {border:0 none} .decision-making .list.nodata .txt { position: relative; padding-top: 173px; font-size: 14px; color: #999; text-align: center; } .decision-making .list.nodata .txt::before, .decision-making .list.nodata .txt::after { display: block; content: ''; position: absolute; } .decision-making .list.nodata .txt::before { left: calc(50% - 32px); top: 90px; width: 64px; height: 64px; border: solid 1px #e6e6e8; border-radius: 50%; background-color: #ffffff; } .decision-making .list.nodata .txt::after { left: calc(50% - 11px); top: 111px; width: 22px; height: 22px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -198px -367px; } .decision-making .task_name { padding-bottom: 21px; color: #999; } .decision-making .task_name span { position: relative; display: inline-block; vertical-align: middle; } .decision-making .task_name span.task-cate { max-width: 50px; } .decision-making .task_name span.task-cate + span { max-width: calc(100% - 70px); } .decision-making .task_name span + span {padding-left: 10px; margin-left: 10px;} .decision-making .task_name span + span::before { position: absolute; left: 0; top: calc(50% - 6px); display: block; content: ''; width: 1px; height: 12px; background-color: #d4d5d7; } .decision-making .list-tit-s {margin-top: 5px;} .decision-making .board_name { margin-top: -4px; padding-bottom: 5px; color: #999; } .decision-making .board_name button { margin-left: 5px; color:#000 } .decision-making .board_name button::after { display: inline-block; content:''; width: 4px; height: 8px; margin-left: 5px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -193px -222px; } .decision-making .board_name button b {font-family: 'LifeplusB'; text-decoration: underline;} .decision-making .btm { position: absolute; left: 27px; bottom: 20px; width: calc(100% - 54px); } .decision-making .re-de > div {display: inline-block;} .decision-making .re-de {font-size: 14px;} .decision-making .re, .decision-making .re .v-btn, .re-de .re .v-btn {color: #999} .decision-making .division { width: 10px; height: 10px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -30px -221px; } .decision-making .de {color: #000} .decision-making.todo .btm {bottom: 18px} .decision-making.todo .btm-last { position: absolute; left: 0; bottom: 0; width: 100%; padding-left: 27px; height: 43px; line-height: 43px; border-top: 1px solid #e6e6e8; } .decision-making-btm { position: absolute; left:0; bottom:0; width: 100%; height: 55px; text-align: right; border-top: 1px solid #d3d4d6; } .decision-making-btm button { position: relative; height: 55px; line-height: 55px; font-size: 14px; color: #000; } .decision-making-btm button::before { position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -144px -405px; } .decision-making-btm.todo button::before {background-position: -176px -405px;} .uts004.sec .modal-content { position: relative; } .uts004.sec .btn-team_work { position: absolute; top: 13px; right: 30px; bottom: auto; } .uts004 .btn_box { padding-top: 17px; text-align: center; } .uts004 .scroll { height: calc(100% - 134px); padding-right: 6px; margin-right: -5px; padding-right:25px; overflow-y: auto; } .uts004.sec .scroll{ height: calc(100% - 50px); } .uts000 .scroll{ height: 100%; padding-right :15px; } /* 팀원 할일 팀원과제목록 uts004_1_tabe */ .uts004_1_table th:nth-child(1), .uts004_1_table td:nth-child(1) {width: calc(100% - 118px - 118px); padding-left: 25px;} .uts004_1_table th:nth-child(2), .uts004_1_table td:nth-child(2) {width:118px !important; padding-left: 25px;} .uts004_1_table th:nth-child(3), .uts004_1_table td:nth-child(3), .uts004.sec .uts004_1_table th:nth-child(2), .uts004.sec .uts004_1_table td:nth-child(2) {width:118px} .uts004.sec .uts004_1_table td div.ellip {width:145px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .uts004_1_table td.text-center {font-size:12px; color:#999} .uts004_1_table td.text-center .de {color:#000} .uts004_1_table.tb-contents td {padding-top: 9px;} .uts004_1_table td > .ell-singleline {width:550px} .mas025 .uts004_1_table td > .ell-singleline {width:840px} .uts004.sec .uts004_1_table th:nth-child(1), .uts004.sec .uts004_1_table td:nth-child(1) { /* width: 70px !important; */ } .uts004.sec .uts004_1_table th:nth-child(2), .uts004.sec .uts004_1_table td:nth-child(2) { /* width: 190px !important; padding-left: 0; */ padding-left: 0; } .uts004.sec .uts004_1_table td:nth-child(2) {text-align: left;} .uts004.sec .uts004_1_table th:nth-child(3), .uts004.sec .uts004_1_table td:nth-child(3) { width: 118px; } .uts000 .uts004_1_table td:nth-child(2) > div.doubleline, .uts004.sec .uts004_1_table td:nth-child(3) > div.doubleline { font-size: 14px; width: 100%; text-align: left; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .uts004.sec .uts004_1_table td:nth-child(3) { font-size: 14px; color: #000; text-align: left; } .uts000 .uts004_1_table th:nth-child(1), .uts000 .uts004_1_table td:nth-child(1) { /* width: 190px !important; */ } .uts000 .uts004_1_table td:nth-child(1) { text-align: left; } .uts000 .uts004_1_table td div.ellip { width: 165px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .uts000 .uts004_1_table td:nth-child(2) { width: 118px } .uts000 .uts004_1_table th:nth-child(3), .uts000 .uts004_1_table td:nth-child(3) { width: 118px; } .uts004.sec .uts004_1_table td:nth-child(4) .v-btn__content > b, .uts000 .uts004_1_table td:nth-child(3) .v-btn__content > b{ font-size: 12px; } /* END: uts004_1_tabe */ .uts004_table th:nth-child(1), .uts004_table td:nth-child(1) {width:76px !important; padding-left: 25px;} .uts004_table th:nth-child(2), .uts004_table td:nth-child(2) {width: calc(100% - 76px - 145px - 133px - 131px - 130px); padding-left: 25px;} .uts004_table th:nth-child(3), .uts004_table td:nth-child(3), .uts004.sec .uts004_table th:nth-child(2), .uts004.sec .uts004_table td:nth-child(2) {width:145px} .uts004.sec .uts004_table td div.ellip {width:145px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .uts004_table td.text-center {font-size:12px; color:#999} .uts004_table td.text-center .de {color:#000} .uts004_table th:nth-child(4), .uts004_table td:nth-child(4) {width:133px} .uts004_table th:nth-child(5), .uts004_table td:nth-child(5) {width:131px} .uts004_table th:nth-child(6), .uts004_table td:nth-child(6) {width:130px; padding-right: 25px;} .uts004_table.new th:nth-child(6), .uts004_table.new td:nth-child(6) {width:131px;padding-right:0;} .uts004_table.new th:nth-child(7), .uts004_table.new td:nth-child(7) {width:130px; padding-right: 25px;} .uts004_table.tb-contents td {padding-top: 9px;} .uts004_table td > .ell-singleline {width:550px} .mas025 .uts004_table td > .ell-singleline {width:840px} .uts004.sec .uts004_table th:nth-child(1), .uts004.sec .uts004_table td:nth-child(1) { width: 70px !important; } .uts004.sec .uts004_table th:nth-child(2), .uts004.sec .uts004_table td:nth-child(2) { width: 190px !important; padding-left: 0; } .uts004.sec .uts004_table td:nth-child(2) {text-align: left;} .uts004.sec .uts004_table th:nth-child(3), .uts004.sec .uts004_table td:nth-child(3) { width: calc(100% - 610px); } .uts000 .uts004_table td:nth-child(2) > div.doubleline, .uts004.sec .uts004_table td:nth-child(3) > div.doubleline { font-size: 14px; width: 100%; text-align: left; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .uts004.sec .uts004_table td:nth-child(3) { font-size: 14px; color: #000; text-align: left; } .uts004.sec .uts004_table th:nth-child(4), .uts004.sec .uts004_table td:nth-child(4) { width: 110px; } .uts004.sec .uts004_table th:nth-child(5), .uts004.sec .uts004_table td:nth-child(5), .uts004.sec .uts004_table th:nth-child(6), .uts004.sec .uts004_table td:nth-child(6) { width: 120px; text-align: center; } .uts004 .btn-team_work { position: absolute; bottom: 0; right: 0; } .uts000 .team-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .uts000 .team-wrap > div { -webkit-box-sizing: border-box; box-sizing: border-box; } .uts000 .team-wrap > div.team-list { position: relative; padding-right: 12px; width: 180px; } .uts000 .team-wrap > div.team-list::after { content:''; display: block; width: 1px; height: 100%; background-color: #e6e6e8; position: absolute; top: 0; right: 0; } .uts000 .team-wrap > div.team-list ul { height: 100%; } .uts000 .team-wrap > div.team-list ul button { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; width: 100%; height: 39px; border-bottom: 1px solid #d3d4d6; } .uts000 .team-wrap > div.team-list ul li.active button, .uts000 .team-wrap > div.team-list ul button:hover { background-color: #f6f7fa; color: #000; } .uts000 .team-wrap > div.team-list ul button > span.name { text-align: left; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .uts000 .team-wrap > div.team-list ul button > span.num { text-align: right; color: #000; } .uts000 .team-wrap > div.team-board { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 30px; } .uts000 .uts004_table th:nth-child(1), .uts000 .uts004_table td:nth-child(1) { width: 190px !important; } .uts000 .uts004_table td:nth-child(1) { text-align: left; } .uts000 .uts004_table td div.ellip { width: 165px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .uts000 .uts004_table td:nth-child(2) { width: calc(100% - 550px); } .uts000 .uts004_table th:nth-child(3), .uts000 .uts004_table td:nth-child(3) { width: 100px; } .uts004.sec .uts004_table td:nth-child(4) .v-btn__content > b, .uts000 .uts004_table td:nth-child(3) .v-btn__content > b{ font-size: 12px; } .uts000 .uts004_table th:nth-child(4), .uts000 .uts004_table td:nth-child(4), .uts000 .uts004_table th:nth-child(5), .uts000 .uts004_table td:nth-child(5) { width: 130px; } .uts004_table .task_name { padding-bottom: 18px; font-size: 12px; color: #999; } .uts004_table .task_name span { position: relative; display: inline-block; } .uts004_table .task_name span + span {padding-left: 10px; margin-left: 10px;} .uts004_table .task_name span + span::before { position: absolute; left: 0; top: calc(50% - 6px); display: block; content: ''; width: 1px; height: 12px; background-color: #d4d5d7; } .uts004_table .task_name .btn_link_add.back.show, .uts004_table .task_name .add.show, .uts004_table .task_name .board_name.show {display: inline-block;} .uts004_table .task_name .add, .uts004_table .task_name .btn_link_add, .uts004_table .task_name .board_name {display: none;} .uts004_table .board_name {font-family: 'LifeplusB'; font-size: 12px; color:#000} .uts004_table .board_name button { margin-left: 15px; font-family: 'LifeplusM'; } .uts004_table .board_name button::after { display: inline-block; content:''; width: 4px; height: 8px; margin-left: 5px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -193px -222px; } .uts004_table .board_name button b {font-family: 'LifeplusB'; text-decoration: underline;} .uts004_table .list-tit-s {margin-top: 3px} .uts004_table .mdi-checkbox-blank-outline::before { width: 12px; height: 12px; border:0 none; background: url(/static/img/sp_icon.f67a123.png) no-repeat -120px -104px; } .uts004_table .mdi-checkbox-marked::before { width: 12px; height: 12px; border:0 none; background: url(/static/img/sp_icon.f67a123.png) no-repeat -120px -116px; } .uts000 .tab-content .tb-header, .uts004.sec .tab-content .tb-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uts000 .tab-content .tb-header > div *, .uts004.sec .tab-content .tb-header > div * { vertical-align: middle; } .uts000 .tab-content .tb-header > div .team-name { display: inline-block; width:130px;} .uts000 .tab-content .tb-header > div .team-name.dropdown .v-btn.ell-singleline { width: 130px; } .uts000 .tab-content .tb-header > div .team-name.not-organ { display: inline-block; width:166px;} .uts000 .tab-content .tb-header > div .team-name.not-organ.dropdown .v-btn.ell-singleline { width: 166px; } .uts000 .tab-content .tb-header > div .team-name ~ label[for="perform1"]{margin-left: 39px;} .uts000 .tab-content .tb-header > div .team-name ~ label[for="changeSelect1"]{margin-left: 39px;} .uts000 .tab-content .tb-header > div .team-name.dropdown .v-menu { margin-left: 0; } .uts000 .tab-content .tb-header > div .team-name .v-menu__content { max-width: 265px; } .uts000 .tab-content .tb-header > div .team-name .v-menu__content .scroll { height: auto; max-height: 300px; } .uts000 .calendar_box_grp, .uts004.sec .calendar_box_grp, .uts000 .tab-content .tb-header > div > label + input + label, .uts004.sec .tab-content .tb-header > div > label + input + label { margin-left: 10px; } .uts000 .v-menu, .uts004.sec .v-menu{ margin-left: -6px; } .uts000 .vue-treeselect { overflow:auto;width:300px;height:430px;white-space:nowrap; } .uts000 .vue-treeselect .vue-treeselect__label { padding-right: 10px; } .okr-link {height: 355px;} .okr-link > .tit { margin-bottom: 35px; font-size: 18px; color: #000; } .okr-link .output { height: 124px; margin-top: 20px; padding: 20px 25px; border: solid 1px #d3d4d6; } .okr-link .nodata { line-height: 124px; text-align: center; } .okr-link .nodata .txt { position: relative; display: inline-block; font-size: 14px; color: #999 } .okr-link .nodata .txt::before, .okr-link .nodata .txt::after { display: block; content: ''; position: absolute; } .okr-link .nodata .txt::before { left: -79px; top: calc(50% - 32px); width: 64px; height: 64px; border: solid 1px #e6e6e8; border-radius: 50%; background-color: #ffffff; } .okr-link .nodata .txt::after { left: -60px; top: calc(50% - 11px); width: 22px; height: 22px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -198px -367px; } .okr-link .dl_layer dd { top: 36px; width: 740px; } .okr-link .dl_layer > dd > ul {height: 190px;} .dl_layer dd > ul li:first-child > b, .dropdown.ty2 .dropdown-list > div:first-child .tit b {margin-top: 0} .dl_layer dd > ul li.active > button {color: #000;} .dl_layer dd > ul > li > b, .dropdown.ty2 .dropdown-list .tit b { display: block; margin-top: 15px; margin-bottom: 10px; font-size: 12px; color: #999; border-bottom: solid 1px #d3d4d6; } .dropdown.ty2 .dropdown-list .tit b {margin: 15px 10px 10px; line-height: 33px} .okr-link .output .kr_name {color: #999} .okr-link .output .tit { padding: 24px 0 10px; font-size: 14px; color: #000 } .okr-link .output .krdate_name {color: #999} .task-add {height: 355px;} .task-add > .tit { margin-bottom: 35px; font-size: 18px; color: #000; } .task-add .input { padding-bottom: 3px; margin-bottom: 20px; border-bottom: solid 1px #d3d4d6; } .task-add .input input { width: 100%; padding: 0; font-size: 28px; color: #000; border: 0 none; } .task-add .date .calendar_box .vdp-datepicker {margin-top: 0} .task-add .date .calendar_box input { height: 15px; line-height: 15px; font-family:'LifeplusM'; font-size: 14px; color: #000; } .task-add .date .calendar_box { display: inline-block; margin-bottom: 0; } .task-add .date .tit { display: inline-block; position: relative; padding-right: 10px; margin-right: 10px; font-size: 14px; } .task-add .date .tit:after { display: block; content: ''; position: absolute; right: 0; top: calc(50% - 6px); width: 1px; height: 12px; background-color: #d3d4d6; } /* mas013 과제추가 */ .mas013 .input-box.tit {height: 64px; margin-top: 30px;} .mas013 .calendar_box_grp .btn-refresh {margin-top: -4px} .mas013 .scroll {margin-top: 30px} .mas013 .scroll .inner { /* height: 103px; */ height: 243px; font-size: 14px; line-height: 1.43; color: #000; } .mas013 .scroll .inner > ol > li ol {padding-left: 13px;} .mas013 .scroll .inner > ol > li li { padding-left: 18px; text-indent: -18px; } .mas013 .agree {margin-top: 15px;} .mas013 .agree label {color: #666} /* mas025 의사결정 */ .mas025 .nodata { display: table; width: 100%; height: 100%; } .mas025 .nodata .txt { display: table-cell; font-size: 14px; color: #999; text-align: center; vertical-align: middle; } .mas025 .modal-content {height: calc(100% - 16px); padding: 9px 10px 0;} .mas025 .link {margin-bottom: 15px; padding-right: 20px} .mas025 .link button {font-size: 14px; color: #000;} .mas025 .link button::before { display: inline-block; content: ''; width: 12px; height: 12px; margin-right: 5px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -146px -407px;; } .mas025 .decision-making .list_wrap {height: calc(100% - 203px);} .mas025 .decision-making .list_wrap .list {height: 201px;} .mas025 .tit.clear {position: relative;} .mas025 .tit.clear .dl_layer {position: absolute; right: 0; top: 0;} .mas025 td:nth-child(1) {font-size: 12px; color: #999 } /* mas030 OKR 연결 추가 */ .mas030 .modal-content {padding-top: 52px;} .mas030 .info-txt {padding-top: 30px; padding-bottom: 30px} .mas030 .info-txt + div { padding: 25px; border: solid 1px #d3d4d6; } .mas030 .info-txt + div > .dropdown:first-child .scroll {height: initial; padding-right: 0; margin:0} .mas030 .okr_linked {width: calc(100% - 145px);} .mas030 .okr_linked .v-btn {width: 100%;} .dropdown.ty2.okr_linked .scroll {height: initial; max-height: 110px;} .bds070 .dropdown.ty2.okr_linked .scroll {max-height: 120px;} .dropdown.ty2.okr_linked .dropdown-list button {text-align: left;} .dropdown.ty2.okr_linked .dropdown-list .tit { margin: 0 15px 11px 15px; font-size: 12px; color: #999; border-bottom: 1px solid #e6e6e8; } .mas030 .okr_linked .no-data { line-height: 30px; padding-left: 15px; font-size: 14px; color: #999; } .mas030 .okr_linked li {padding-left: 15px} .mas030 .okr_linked li + ul li {width: 100%; padding-left: 30px} .mas030 .okr_linked .tit + ul + .tit {margin-top: 17px;} .mas030 .okr_linked li.active {position: relative;} .mas030 .okr_linked li.active button {color: #000;} .mas030 .okr_linked li.active::after { display: block; content: ''; position: absolute; right: 10px; top: calc(50% - 10px); width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -60px -297px; } .mas030 .okr_linked ul li:hover {background-color: #eaecf0} .mas030 .okr_linked ul li button { width: calc(100% - 40px); line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; white-space:nowrap; -webkit-line-clamp: 1; } .mas030 .btn-box .txt { margin-top: 30px; margin-bottom: 30px; font-size: 18px; color: #000; } .mas030 .btn-box {} /* mas031 과제추가 */ .mas031 .modal-content .scroll-full {margin-right: -25px;} .mas031 .modal-content .scroll-full .inner {height: 508px;} .mas031 .info-txt.small {margin-top: 0; margin-bottom: 26px;} .mas031 .info-txt {margin-bottom: 26px;} .mas031 td .ell-singleline {width: inherit; margin:0 auto;} .mas031 th:nth-child(1) {text-align: left;} .mas031 th:nth-child(1), .mas031 td:nth-child(1) {width: 50px !important; padding-left: 25px;} .mas031 th:nth-child(2), .mas031 td:nth-child(2) {width: 86px;} .mas031 td:nth-child(2) {font-size: 14px; color: #000} .mas031 td:nth-child(n + 3) {font-size: 12px; color: #999;} .mas031 td:nth-child(n + 2) {text-align: center;} .mas031 th:nth-child(3), .mas031 td:nth-child(3) {width: 123px;} .mas031 th:nth-child(4), .mas031 td:nth-child(4) {width: 172px} .mas031 th:nth-child(5), .mas031 td:nth-child(5) {width: 142px;} .mas031 th:nth-child(6), .mas031 td:nth-child(6) {width: 167px;} .mas031 td:nth-child(6) > div {width: 142px; padding-right: 12px;} /* organization_wrap 조직도 */ .organization_wrap .modal-content {padding-top: 28px;} .organization_wrap .modal-content .clear > div { float: left; height: 618px; } .organization_wrap .modal-content .clear > div.admin { height: 302px; } .organization_wrap .organization-area { width: 530px; border: solid 1px #d3d4d6; background-color: #f6f7fa; } .organization_wrap .organization-area .tab_ty2 > .tab-menu { height: 61px; padding:15px 0 15px 10px; text-align: left; border-bottom: 1px solid #e6e6e8; } .organization_wrap .organization-area .tab_ty2 > .tab-menu li:first-child {padding-left: 0;} .organization_wrap .organization-area .tab_ty2 > .tab-content { min-width: auto; width: auto; padding: 15px 20px; } .organization_wrap .organization-area .tab_ty2 > .tab-content > div { position: relative; min-height: 526px; } .organization_wrap .search * {vertical-align: top;} .organization_wrap .search .co {margin-bottom: 8px;} .organization_wrap .search .co .sel_ty3:disabled { border-color: #d3d4d6; background-color: #e9e9e9; } .organization_wrap .search {margin-bottom: 15px;} .organization_wrap .search .group {margin-bottom: 8px;} .organization_wrap .search .sel_ty3 { width: 167px; background-color: #fff; } .organization_wrap .search input { width: 167px; margin: 0 5px 0 4px;; border: solid 1px #acacac; background-color: #fff; } .organization_wrap .search button + button {margin-left: 8px;} .treeselect.nodata { height: 187px; padding-top: 90px; font-size: 14px; color: #999; text-align: center; } .treeselect { padding: 20px 6px 20px 20px; border: solid 1px #d3d4d6; background-color: #fff; } .vue-treeselect { height: 145px; padding-right: 5px; overflow-y: auto; } .vue-treeselect__control {display: none;} .vue-treeselect__option-arrow-container {display: inline-block;} .vue-treeselect__list-item + .vue-treeselect__list-item {margin-top: 13px} .vue-treeselect__option + .vue-treeselect__list {margin-top: 13px; margin-left: 22px} .vue-treeselect__option-arrow-placeholder {display: none;} .vue-treeselect__option {position: relative;} .vue-treeselect__option-arrow-container svg { position: absolute; left:0; top: 3px; width: 12px; height: 12px; z-index: 10; } .vue-treeselect__option--highlight:hover > .vue-treeselect__label-container, .vue-treeselect__option--selected > .vue-treeselect__label-container { background: #ececec; padding-right: 5px;} /* yyk .vue-treeselect__option-arrow-container:after { display: inline-block; content: ''; position: absolute; left: 12px; top: 4px; width: 10px; height: 10px; background-color: #fff; } */ .vue-treeselect__option-arrow-container svg path {display: none;} .vue-treeselect__menu { position: relative; max-height: inherit !important; } /* yyk .vue-treeselect__menu::before { display: block; content: ''; position: absolute; left: 5px; top: 17px; width: 1px; height: 100%; background-color: #d3d4d6; } */ .vue-treeselect__menu::before { display: block; content: ''; position: absolute; left: 5px; top: 17px; width: 1px; height: calc(100% - 25px); background-color: #d3d4d6; } .vue-treeselect__menu:after { display: block; content: ''; position: absolute; left: 3px; bottom: -25px; width: 6px; height: 30px; background-color: #fff; } .vue-treeselect__option.vue-treeselect__option--selected {position: relative;} .vue-treeselect__option.vue-treeselect__option--selected::before { display: block; content: ''; position: absolute; left: -17px; top: 11px; width: 17px; height: 1px; background-color: #d3d4d6; } .vue-treeselect__list .vue-treeselect__list { } .vue-treeselect__list-item[class*="vue-treeselect__indent-level-"] {position: relative;} /* yyk .vue-treeselect__list-item[class*="vue-treeselect__indent-level-"]::before { display: block; content: ''; position: absolute; left: 5px; top: 11px; width: 17px; height: 1px; background-color: #d3d4d6; } */ .vue-treeselect__option-arrow-container.yyk:before{ display: none; } .vue-treeselect__menu > .vue-treeselect__list:first-child > .vue-treeselect__indent-level-0:first-child .vue-treeselect__option:before { display: none; } .vue-treeselect__menu > .vue-treeselect__list > .vue-treeselect__indent-level-0:first-of-type .vue-treeselect__option:before { display: block !important; border: solid #d3d4d6; border-width: 0 0 1px 1px; content: ''; position: absolute; left:5px;top:10px; width: 17px; height: 1px; } .vue-treeselect__indent-level-0 > .vue-treeselect__option:before { width: 15px; height: 1px; position: absolute; left:5px;top:8px; background: #d3d4d6; content: ''; } .vue-treeselect__indent-level-0 > .vue-treeselect__list { position: relative; } .vue-treeselect__indent-level-0 > .vue-treeselect__list:before{ width: 1px; height: calc(100% - 30px); position: absolute; left:5px;top:17px; background: #d3d4d6; content: ''; } /* yyk 작업 중*/ [class*='vue-treeselect__indent-level-']:last-of-type{ /* border:1px solid blue; */ } .vue-treeselect__list > .vue-treeselect__list-item:first-child > .vue-treeselect__option > .vue-treeselect__option-arrow-placeholder + .vue-treeselect__label-container:before { display: block; content: ''; position: absolute; left:0;top:10px; width: 17px; height: 1px; background: #d3d4d6; } .vue-treeselect__option .vue-treeselect__option-arrow-container.show:before { display: block; border: solid #d3d4d6; border-width: 0 0 1px 1px; content: ''; position: absolute; left:5px;top:17px; width: 17px; height: 24px; } .vue-treeselect__list-item.show:before{ width: 1px !important; height: calc(100% - 20px) !important; position: absolute; left: 5px !important; top: 15px !important; background: #d3d4d6; content: ''; } .vue-treeselect__indent-level-0 > .vue-treeselect__option > .vue-treeselect__option-arrow-container:before { border-width: 0 0 1px 0; } .vue-treeselect__list-item div[class*='vue-treeselect__indent-level-'] + div[class*='vue-treeselect__indent-level-']:before { display: block; border: solid #d3d4d6; border-width: 0 0 1px 1px; content: ''; position: absolute; left:5px;top:-19px; width: 17px; height: 30px; } .vue-treeselect__list-item div[class*='vue-treeselect__indent-level-'] + div.show[class*='vue-treeselect__indent-level-']:after{ display: block; border: solid #d3d4d6; border-width: 0 0 1px 1px; content: ''; position: absolute; left:5px;top:-20px; width: 1px; height: 30px; background: #d3d4d6; } .vue-treeselect__no-options-tip-text { display: inline-block; margin-top: 30px; font-size: 14px; color: #999; text-align: center; } .vue-treeselect__list-item.vue-treeselect__indent-level-0::before {left: 5px; width: 17px;} .vue-treeselect__list-item.vue-treeselect__indent-level-0:first-child::after { display: block; content: ''; position: absolute; left: 5px; top: 11px; width: 1px; height: 11px; background-color: #d3d4d6; } .vue-treeselect__list-item.vue-treeselect__indent-level-1::before {left: -17px; width: 38px;} .vue-treeselect__list-item.vue-treeselect__indent-level-2::before {left: -38px; width: 50px;} .vue-treeselect__list-item.vue-treeselect__indent-level-3::before {left: -60px; width: 74px;} .vue-treeselect__list-item.vue-treeselect__indent-level-4::before {left: -82px; width: 94px;} .vue-treeselect__list-item.vue-treeselect__indent-level-5::before {left: -104px; width: 116px;} .vue-treeselect__list-item.vue-treeselect__indent-level-6::before {left: -127px; width: 139px;} .vue-treeselect__list-item.vue-treeselect__indent-level-7::before {left: -148px; width: 160px;} .vue-treeselect__list-item.vue-treeselect__indent-level-8::before {left: -170px; width: 182px;} .vue-treeselect__list-item.vue-treeselect__indent-level-9::before {left: -192px; width: 204px;} .vue-treeselect__list-item.vue-treeselect__indent-level-10::before {left: -214px; width: 226px;} .vue-treeselect__option-arrow-container .vue-treeselect__option-arrow {cursor: pointer; background: url(/static/img/sp_icon.f67a123.png) no-repeat -12px -92px;} .vue-treeselect__option-arrow-container .vue-treeselect__option-arrow.vue-treeselect__option-arrow--rotated {background: url(/static/img/sp_icon.f67a123.png) no-repeat -24px -92px;} .vue-treeselect__label-container { display: inline-block; margin-left: 22px; } .vue-treeselect__label-container .vue-treeselect__label { cursor: pointer; } .vue-treeselect__checkbox-container {display: inline-block;} .vue-treeselect__checkbox { display: inline-block; position: relative; width: 16px; min-width: 16px; height: 100%; text-align: center; vertical-align: middle; } .vue-treeselect__check-mark, .vue-treeselect__minus-mark { display: block; position: absolute; left: 1px; top: 1px; background-repeat: no-repeat; opacity: 0; -webkit-transition: 200ms all ease; transition: 200ms all ease; } .vue-treeselect__checkbox-container span { display: inline-block; width: 16px;; height: 16px; } .vue-treeselect__label { line-height: 16px; margin-left: 4px; font-size: 14px; } .vue-treeselect__checkbox { border: 1px solid #acacac; border-radius: 0; background-color: #fff; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked { border-color: #000; background: #000 url(/static/img/sp_common.bec0aeb.png) no-repeat -63px -43px; } .vue-treeselect__checkbox--checked { border-color: #000; background: #000 url(/static/img/sp_common.bec0aeb.png) no-repeat -63px -43px; } .organization_wrap .organization-table-area { height: 213px; margin-top: 8px; overflow-y: auto; } .organization_wrap .organization-table-num { margin-top: 17px; font-size: 14px; color: #666; } .organization_wrap .organization-table-num b {color: #000;} .organization_wrap .organization-table-area .tb-contents {border-bottom: 0 none} .organization_wrap .organization-table-area .tb-contents td[colspan="6"] { height: 155px; padding-left: 0; text-align: center; } .organization_wrap .organization-table-area .tb-contents td {height: 25px;} .organization_wrap .organization-table-area td:nth-child(2) {font-size: 14px; color: #000;} .organization_wrap .organization-table-area td:nth-child(n + 3) {font-size: 12px; color: #999;} .organization_wrap .organization-table-area tr {border-top:0 none} .organization_wrap .organization-table-area tr td {padding: 5px 0; line-height: 1.43;} .organization_wrap .organization-table-area tr:firs-child td {padding: 15px 0 5px} .organization_wrap .organization-table-area th:nth-child(1), .organization_wrap .organization-table-area td:nth-child(1) { width: 56px; padding-left: 25px; text-align: left; } .organization_wrap .organization-table-area th:nth-child(2), .organization_wrap .organization-table-area td:nth-child(2) {width: 80px;} .organization_wrap .organization-table-area td:nth-child(n + 2) {text-align: center;} .organization_wrap .organization-table-area th:nth-child(3), .organization_wrap .organization-table-area td:nth-child(3) {width: 88px;} .organization_wrap .organization-table-area th:nth-child(4), .organization_wrap .organization-table-area td:nth-child(4) {width: 91px;} .organization_wrap .organization-table-area th:nth-child(5), .organization_wrap .organization-table-area td:nth-child(5) {width: 82px;} .organization_wrap .organization-table-area th:nth-child(6), .organization_wrap .organization-table-area td:nth-child(6) {width: 94px; padding-right: 25px;} .organization-area .tab-content > div:last-child .organization-table th:nth-child(1), .organization-area .tab-content > div:last-child .organization-table td:nth-child(1) {width: 56px;} .organization-area .tab-content > div:last-child .organization-table th:nth-child(2), .organization-area .tab-content > div:last-child .organization-table td:nth-child(2) {width: 80px;} .organization-area .tab-content > div:last-child .organization-table td:nth-child(n + 2) {text-align: center;} .organization-area .tab-content > div:last-child .organization-table th:nth-child(3), .organization-area .tab-content > div:last-child .organization-table td:nth-child(3) {width: calc(100% - 56px - 80px - 91px - 82px);} .organization-area .tab-content > div:last-child .organization-table th:nth-child(4), .organization-area .tab-content > div:last-child .organization-table td:nth-child(4) {width: 91px;} .organization-area .tab-content > div:last-child .organization-table th:nth-child(5), .organization-area .tab-content > div:last-child .organization-table td:nth-child(5) {width: 82px; padding-right: 25px;} .organization_wrap .ref { position: absolute; left: -20px; bottom: -96px; height: 72px; line-height: 1.33; margin-top: 21px; } .organization_wrap .btn-area { width: 100px; padding-top: 271px; text-align: center; } .organization_wrap .btn-area button {width: 52px; padding-left: 0; padding-right: 0} .organization_wrap .btn-area button:nth-child(1):after { display: inline-block; content: ''; width: 10px; height: 10px; margin-left: 4px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -150px -221px; } .organization_wrap .btn-area button:nth-child(2) {margin-top: 8px;} .organization_wrap .btn-area button:nth-child(2)::before { display: inline-block; content: ''; width: 10px; height: 10px; margin-right: 3px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -160px -221px; } .organization_wrap .selected-area { width: 360px; border: solid 1px #d3d4d6; } .organization_wrap .selected-area dt { height: 62px; padding: 22px 20px 0; border-bottom: 1px solid #e6e6e8 } .organization_wrap .selected-area dl {height: 100%;} .organization_wrap .selected-area dd {height: calc(100% - 62px); padding: 20px 6px 20px 20px} .organization_wrap .selected-area dd ul li + li {margin-top: 13px;} .organization_wrap .selected-area dd ul { height: 100%; padding-right: 5px;; overflow-y: auto; } .modal-window.krs040 {padding-bottom:0} .krs040 .modal-footer {bottom: 0} .krs040 .modal-content {padding-top: 45px} .krs040 .scroll { height: 325px; padding-right:20px; margin-top: 24px; margin-right: -25px; overflow-y: auto; } .krs040 .tooltipmember .v-menu {left: 20px !important;} .krs040 .fl {width: 316px;} .krs040 .fl .ell-multiline2 {width: 100%;} .krs040 .fl .calendar_box_grp {margin-top: 4px} .krs040 .fl .calendar_box_grp input:-moz-read-only {width: 78px !important} .krs040 .fl .calendar_box_grp input:read-only {width: 78px !important} /* .krs040 .fl .calendar_box_grp .calendar_box + span, .krs040 .fl .calendar_box_grp .calendar_box + span + .calendar_box input:read-only {color:#999} */ .krs040 .fr {width: 348px; margin-top: 14px} .krs040 .fr li { position: relative; float: left; width: 87px; display: inline-block; text-align: center; } .krs040 .fr li + li::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 15px); width: 1px; height: 30px; background-color: #d3d4d6; } .krs040 .fr b, .krs040 .fr span {display: block;} .krs040 .fr b {font-family: 'LifeplusB'; font-size: 22px; color :#000} .krs040 .fr span { margin-top: 5px; font-size: 12px; color: #666; } .krs040 th:nth-child(1), .krs040 td:nth-child(1) {width: calc(100% - 136px - 127px - 143px - 117px); padding-left: 25px;} .krs040 td:nth-child(1) > div:hover + .tooltip-b {display: block;} .krs040 td:nth-child(1) > div + .tooltip-b { display: none; position: absolute; left: 20px; top: 51px; z-index: 10; } .krs040 td:nth-child(1) img { width: 24px; height: 24px; margin-right: 5px; border-radius: 50%; background-color: #999; } .krs040 th:nth-child(2), .krs040 td:nth-child(2) {width: 136px;} .krs040 td:nth-child(n + 2) {font-size:12px; color: #999} .krs040 th:nth-child(3), .krs040 td:nth-child(3) {width: 127px;} .krs040 th:nth-child(4), .krs040 td:nth-child(4) {width: 143px; cursor: pointer;} .krs040 th:nth-child(5), .krs040 td:nth-child(5) {width: 117px; padding-right: 25px;} .krs040 tr:last-child td:nth-child(1) .tooltip-b::before, .krs040 tr:nth-last-child(-1) td:nth-child(1) .tooltip-b::before { top: auto; bottom: -7px; background-position: -423px -6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* krs015 협업멤버 초대 */ .krs015 .modal-content {padding-top: 28px;} .krs015 .tit {font-size: 14px; color: #000;} .krs015 .info-txt.smaller + .tit {margin-top: 25px} .krs015 .tit + .info-txt.small {margin-top: 16px} .krs015 .info-txt + .tit {margin-top: 26px} .krs015 .scroll { margin-top: 20px; padding: 22px 6px 0 25px; border: 1px solid #d3d4d6 } .krs015 .scroll .inner {height: 160px;} .krs015 .scroll .inner li { position: relative; min-height: 50px; } .krs015 .scroll .inner li .btn_link_add { width: 22px; height: 22px; vertical-align: middle; } .krs015 .scroll .inner .error { padding-right: 10px; padding-top:5px; padding-bottom: 5px; text-align: right;; } .krs015 .input-box, .krs015 form {display: inline-block;} .krs015 .input-box:nth-child(2), .krs015 form:nth-child(2) .input-box {width: 160px;} .krs015 .input-box:nth-child(3), .krs015 form:nth-child(3) .input-box {width: 490px; margin-left: 5px;} /* krs017 타과제 보드 링크 */ .krs017 .input-box {width: 100%; min-height: 50px;} .krs017 .info-txt.smaller span { display: inline-block; width: 16px; height: 16px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -72px -429px; } .krs017 .info-txt.smaller span {color: #000;} .krs017 .input-box .error {padding-bottom: 6px} .krs017 .dropdown.ty2 {margin-top: 32px;} .krs017 .dropdown.ty2 + .error {margin-top: 4px; text-align: right;} .krs017 .dropdown.ty2 + .error + form {margin-top: 15px} .krs017 .dropdown.ty2 + form {margin-top: 35px} /* krs019wrap 과제정보관리 */ .krs019 .top { margin-top: 49px; text-align: right; } .krs019 .top * {vertical-align: middle;} .krs019 .top .btn_trash {margin-right: 12px} .krs019 form { position: relative; height: 81px; margin-top: 9px } .krs019 .btn-edit-box {position: absolute; right: 0; top: 7px;} .krs019 .input-box { padding-right:183px; border-bottom: 1px solid #000; } .krs019 .input-box.tit input {border: 0 none;} .krs019 .input-box .input-txt-del {top: 10px; right: 154px} .krs019 .input-box + .error {margin-top: 8px;} .krs019 > ul { border-top: 1px solid #d3d4d6 } .krs019 > ul > li { padding: 19px 0 21px; border-bottom: 1px solid #d3d4d6 } .krs019 > ul > li > dl > dt { position: relative; float: left; width: 127px; padding-left: 25px; font-size: 14px; color: #000; } .krs019 > ul > li > dl > dd * {vertical-align: middle;} .krs019 > ul > li > dl > dd label + input + label {margin-left: 28px;} .krs019 > ul > li > dl > dd { position: relative; float: left; width: calc(100% - 127px); } .krs019 > ul > li > dl > dd button {position: absolute; right: 25px; top: calc(50% - 15px);} .krs019 dt > .info-tooltip {vertical-align: middle;} .krs019 .droplayer.info.tip .v-menu {left:auto; right: -10px} .krs019 .droplayer.info.tip .v-menu .tooltip-b { width: 308px; text-align: left; } .krs019 .droplayer.info.tip .v-menu .tooltip-b.tl::before {left:auto; right: 10px} .krs027, .krs028, .krs029 {margin-top: 54px} .krs027 .tb-header .top .fl, .krs028 .tb-header .top .fl, .krs029 .tb-header .top .fl {position: relative;} .krs027 .tb-header .top .fl .check_result, .krs028 .tb-header .top .fl .check_result, .krs029 .tb-header .top .fl .check_result, .board-tab3 .check_result { line-height: 25px; background-color: #fff; } .krs027 .tb-header .btm, .krs028 .tb-header .btm, .krs029 .tb-header .btm {margin-top: 19px} .krs027 .tb-header .btm .fl span, .krs028 .tb-header .btm .fl span, .krs029 .tb-header .btm .fl span {display: inline-block; margin-right: 4px} .krs027 .tb-header .btm .search_ty1, .krs028 .tb-header .btm .search_ty1, .krs029 .tb-header .btm .search_ty1 { display: inline-block; width: 288px; } .krs027 th:nth-child(1), .krs027 td:nth-child(1) { width: 66px; padding-left: 25px; text-align: left; } .krs027 th:nth-child(2), .krs027 td:nth-child(2) {width: calc(100% - 685px)} .krs027 td:nth-child(2) { position: relative; padding-left: 35px; color: #000; } .krs027 td:nth-child(2) .error {font-size: 12px;} .krs027 td:nth-child(n + 3), .krs027 td .v-btn {font-size: 12px; color: #999;} .krs027 th:nth-child(3), .krs027 td:nth-child(3) {width: 132px} .krs027 th:nth-child(4), .krs027 td:nth-child(4) {width: 124px} .krs027 th:nth-child(5), .krs027 td:nth-child(5) {width: 124px} .krs027 th:nth-child(6), .krs027 td:nth-child(6) {width: 126px} .krs027 th:nth-child(7), .krs027 td:nth-child(7) {width: 113px; padding-right: 25px} .krs027 .eidt-box { width: 100%; background-color: #fff; } .krs027 .input-box {width: calc(100% - 120px)} .krs027 .btn-box {position: absolute; right: 55px; top: 18px;} .krs028 .btn_link_add + .btn_link_add {margin-left: 12px} .krs028 .dividing_line_ty2 {margin: 0 11px 0 10px} .krs028 .btm > .fl {position: relative;} .krs028 .btm > .fl > span + .dropdown {position: absolute; left: 77px; top:0;} .krs028 .btm > .fl > span + .dropdown .v-btn {width: 150px; } .krs028 th:nth-child(1), .krs028 td:nth-child(1) { width: 66px !important; padding-left: 25px; text-align: left; } .krs028 th:nth-child(2), .krs028 td:nth-child(2) {width: 96px} .krs028 td:nth-child(2) { position: relative; color: #000; } .krs028 td:nth-child(2) .error {font-size: 12px;} .krs028 td:nth-child(n + 3) {font-size: 12px; color: #999;} .krs028 th:nth-child(3), .krs028 td:nth-child(3) {width: calc(100% - 886px)} .krs028 td:nth-child(3) {padding-left:15px} .krs028 th:nth-child(4), .krs028 td:nth-child(4) {width: 217px} .krs028 th:nth-child(5), .krs028 td:nth-child(5) {width: 177px} .krs028 th:nth-child(6), .krs028 td:nth-child(6) {width: 156px} .krs028 th:nth-child(7), .krs028 td:nth-child(7) {width: 95px} .krs028 th:nth-child(8), .krs028 td:nth-child(8) {width: 101px} .krs028 td:nth-child(8) button { width: 71px; padding: 0; font-size: 12px; } .krs028 th:nth-child(9), .krs028 td:nth-child(9) {width: 73px; padding-right: 25px} .krs029 th:nth-child(1), .krs029 td:nth-child(1) { width: 66px !important; padding-left: 25px; text-align: left; } .krs029 th:nth-child(2), .krs029 td:nth-child(2) {width: 141px} .krs029 td:nth-child(2) { position: relative; color: #000; } .krs029 td:nth-child(2) .error {font-size: 12px;} .krs029 td:nth-child(n + 3) {font-size: 12px; color: #999;} .krs029 th:nth-child(3), .krs029 td:nth-child(3) {width: calc(100% - 973px)} .krs029 td:nth-child(3) {padding-left:15px} .krs029 th:nth-child(4), .krs029 td:nth-child(4) {width: 204px} .krs029 th:nth-child(5), .krs029 td:nth-child(5) {width: 160px} .krs029 th:nth-child(6), .krs029 td:nth-child(6) {width: 159px} .krs029 th:nth-child(7), .krs029 td:nth-child(7) {width: 125px} .krs029 td:nth-child(7) .v-btn {font-size: 12px;; color: #999;} .bds048 .top .dl_layer, .dts008 .top .dl_layer {width: 100%; margin-top: 40px} .bds048 .top .dl_layer dt, .dts008 .top .dl_layer dt {margin-bottom: 20px;} .bds048 .top .dl_layer dd, .dts008 .top .dl_layer dd { position: relative; left: auto; top: auto; width: 100%; height: 60px; margin-top: 20px; } .bds048 .top .dl_layer dd .input-box, .dts008 .top .dl_layer dd .input-box {width: calc(100% - 66px);} .bds048 .top .dl_layer dd .btn-primary-small, .dts008 .top .dl_layer dd .btn-primary-small {position: absolute; right: 0; top: 0;} .bds048 .btm ul, .dts008 .btm ul {max-height: 87px !important;} .mbs010 .modal-content {padding-top: 30px;} .mbs010 .tab_ty2 {margin-bottom: 10px;} .mbs010 .tab_ty2 > .tab-menu {text-align: left;} .mbs010 .scroll { padding: 10px 6px 10px 12px; margin-top: 38px; border: solid 1px #acacac; } .mbs010 .scroll .inner { height: 298px; line-height: 1.43; font-size: 14px; color: #000; } .mbs010 .tab-content div:nth-child(1) .inner > ul > li:first-child {font-family: 'LifeplusB';} .mbs010 .tab-content div:nth-child(1) .inner > ul:first-child > li:first-child + li {text-indent: 0; padding-left: 0;} .mbs010 .tab-content div:nth-child(1) .inner > ul > li +li {margin-top: 5px;} .mbs010 .tab-content div:nth-child(1) .inner > ul + ul {margin-top: 20px;} .mbs010 .tab-content div:nth-child(1) .inner > ul > li:nth-child(n + 2) {text-indent: -13px; padding-left: 13px;} .mbs010 .tab-content div:nth-child(1) .inner .s_ul {margin-left: 10px;} .mbs010 .tab-content div:nth-child(1) .inner .s_ul .mgl8 {margin-left: 15px;} .mbs010 .tab-content div:nth-child(2) .pdl8 {margin-left: 18px;} .mbs010 .tab-content div:nth-child(2) p + p {margin-top: 20px;} .mbs010 .tab-content div:nth-child(2) ul + ul {margin-top: 20px;} .mbs010 .tab-content div:nth-child(2) .inner > ul > li:nth-child(n + 2) {padding-left: 13px;} .mbs010 .tab-content div:nth-child(2) .s_ul {padding-left: 13px;} .mbs010 .tab-content div:nth-child(2) .s_ul > li {text-indent: -13px; padding-left: 13px} .mbs010 .tab-content div:nth-child(2) table { margin-top: 10px; border: 0 none; border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6 } .mbs010 .tab-content div:nth-child(2) table td, .mbs010 .tab-content div:nth-child(2) table th {border-top: 1px solid #d3d4d6} .mbs010 .tab-content div:nth-child(2) table th, .mbs010 .tab-content div:nth-child(2) table td {height:38px;} .mbs010 .tab-content div:nth-child(2) table td {padding:5px;} .mbs010 .tab-content div:nth-child(2) table th + th, .mbs010 .tab-content div:nth-child(2) table td + td {border-left: 1px solid #d3d4d6} .mbs010 .tab-content div:nth-child(2) table .tac {text-align: center;} .mbs010 .tab-content div:nth-child(2) table th { color: #666; text-align: center; background-color: #f6f7fa; } .mbs010.mbs024 .smaller + .tab_ty2 {margin-top: 30px;} .mbs010.mbs024 .modal-content {height: calc(100% - 79px - 50px)} .mbs024 .modal-footer {height: 85px; padding: 0 30px;} .mbs024 .modal-footer .txtr {margin-top: 29px;} .mbs024 .modal-footer .txtr label {font-size: 14px; color: #666} .mbs024 .modal-footer .txtr button { width: 12px; height: 12px; margin-left: 7px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -44px -301px; } .mbs016 .pw-box {height: 339px; padding-top: 110px;} .mbs016 .list-table > li div { display: inline-block; margin-top: 15px } .mbs016 .pw-box .list-table > li dt {width: 121px;} .mbs016 .pw-box .list-table > li dd {width: 599px; padding: 6px 0} .mbs016 .list-table > li dd .list_dot > li { position: relative; line-height: 20px; padding-left: 9px; font-size: 14px; color: #000; } .mbs016 .list-table > li dd .list_dot > li + li {margin-top: 10px;} .mbs016 .list-table > li dd .list_dot > li::before { display: block; content: ''; position: absolute; left: 0; top : 7px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; } .mbs016 .list-table > li div + div {margin-left: 19px} .mbs016 .list-table > li .switch + span { display: inline-block; margin-left: 3px; color: #666; } /* 호출 */ .uts005 {position: relative;} .uts005 .nodata {font-size: 14px; color: #999; text-align: center; line-height: 350px} .uts005 .btn_box {margin-top: 30px;} .uts005 .re {color: #000;} .uts005 .de {color: #999;} .uts005 .btn-refresh {margin-left: 4px} .uts005 .calendar_box_grp + .clear {margin-top: 11px} .uts005 .scroll { position: absolute; left: 0; right:0; top: 210px; bottom: 0; width: 100%; border: 0 none; background-color: #eff2f7; } .uts005 .scroll .inner {height: calc(100% - 10px); padding-left: 28px; padding-top: 11px; padding-bottom: 26px;} .uts005 .history .task_box_case {padding-left: 51px;} .uts005 .call-txt + .info {margin-top: 13px} .uts005 .info + .tit {margin-top: 3px !important} .uts005 .tit + .btm {margin-top: 20px} .uts005 .task + .btm {margin-top: 13px} .uts005 .btm .comment { display: inline-block; font-size: 14px; color: #000; } .uts005 .at { min-width: 53px; height: 16px; line-height: 16px; padding: 0 5px; font-sizE: 12px; color: #000; text-align:center; border-radius: 8px; background-color: #dbe8ff; } .uts005 .borard_name { font-size: 12px; color: #666; } .uts005 .task span { display: inline-block; color: #666; vertical-align: middle; } .uts005 .task .ell-singleline {width: 200px;} .uts005 .task span + span { position: relative; padding-left: 9px; margin-left: 5px; } .uts005 .task span + span::before { position: absolute; left: 0; top: calc(50% - 6px); display: block; content: ''; width: 1px; height: 12px; background-color: #d3d4d6; } .uts023 dl {padding-top: 15px} .uts023 dt { float:left; width: 117px; font-size: 14px; color: #000; } .uts023 dd { float:left; margin-top: 3px; } .uts023 dd label {color: #666 !important} .uts023 dd label + input + label {margin-left: 28px} .call-txt {font-size: 12px; color: #999;} .call-txt.new { position: relative; font-size: 12px; color: #000; } .call-txt.new::before { position: absolute; left: -6px; top: 2px; display: block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #f97723; } .uts016 .modal-content > .input-box {height: 96px;} .uts016 .input-box textarea { display: block; height: 66px; resize: none;} /* .uts016 .input-box div.error {margin-top: -1px} */ .uts016 .list-table {border-color:#d3d4d6} .uts016 .list-table > li > dl > dt { width: 143px; min-width: 143px; color: #000; } .uts016 .list-table > li {min-height: 63px; padding: 16px 0} .uts016 .list-table dd {width: 100%;} .uts016 form {display: inline-block;} .uts016 .list-table .error { margin-top: 4px; text-align: right; } .uts016 .list-table li:nth-child(1) input {width: 268px;} .uts016 .list-table li:nth-child(2) input {width: 268px;} .uts016 .list-table li:nth-child(2) label { margin-top: 2px; margin-left: 11px; vertical-align: top; } .uts016 .calendar_box {margin-top: -18px} .uts016 .member_grp {margin-top: 8px} .uts016 .board_add_box { width: 572px; height: 83px; margin-top: 16px; border: solid 1px #d3d4d6; } .uts016 .board_add_box .nodata { padding: 10px 0; text-align: left; } .uts016 .board_add_box .nodata .txt { position: relative; display: inline-block; font-size: 14px; color: #999; } .uts016 .board {padding: 10px 20px} .uts016 .error {font-size: 12px;} .uts016 .board .top span { display: inline-block; font-size: 12px; color: #999; } .uts016 .board .btm { margin-top: 13px; font-size: 12px; color: #000; } .uts016 .board .btm .tit {font-family: 'LifeplusB';} .uts016 .board .btm .num {display: inline-block;} .uts016 .board .btm .num b {font-family: 'LifeplusB'; text-decoration: underline;} .uts016 .board .btm button { margin-left: 13px; font-size: 12px; } .uts016 .board .btm > div {display: inline-block;} .uts016 .board .btm > div.tit, .uts017 .board .btm > div.tit { width: 100%; } .uts016.uts017 .list-table li:nth-child(2) input {width: 90px;} .uts017 .re { margin-top: -18px; color: #999; } .uts017 .nodata .txt{ font-size: 14px; color: #999; } .uts017 .board .btm .tit.ell-singleline {cursor: pointer;} .uts018 .btn_link_add {margin: 32px 0 17px;} .uts018 .scroll { height: 270px; padding: 0; border: 0 none; border-top: 1px solid #d3d4d6 } .uts018 .scroll ul { height: 100%; margin-right: -25px; overflow-y: auto; } .uts018 .scroll li { position:relative; min-height: 80px; margin-right: 30px; } .uts018 .scroll li + li {border-top: 1px solid #d3d4d6} .uts018 .scroll .top {padding-top: 8px; padding-bottom: 15px} .uts018 .scroll .top span {font-size: 12px; color: #999;} .uts018 .scroll .tit { width: calc(100% - 70px); font-size: 14px; color: #000;} .uts018 .scroll .tit + button { position:absolute; right: 0; top: calc(50% - 8px); font-size: 12px; color: #000; text-decoration:underline } .uts019 .height {height: 60px;} .uts019 #tabsTy5 {margin-top: -15px} .uts019 #tabsTy5.tab_ty3 .tab-menu {margin-bottom: 15px} .uts019 #tabsTy5 > .tab-content > div { /* height: 202px; */ padding: 25px; border: solid 1px #d3d4d6; } /* .uts019 #tabsTy5 > .tab-content > div:first-child {padding: 38px 25px;} */ .uts019 #tabsTy1.tab_ty3 .tab-menu {margin-top: 0;} /* .uts019 .modal-footer {position: absolute; bottom: 30px; left:calc(50% - 400px)} */ .uts019 #tabsTy5 > div:nth-child(2) form, .uts019 #tabsTy5 > div:nth-child(3) form {height: 60px;} .uts019 #tabsTy5 > div:nth-child(2) form .error, .uts019 #tabsTy5 > div:nth-child(3) form .error {margin-top: 5px;} .uts019 #tabsTy5 > div:nth-child(2) form + .dl_layer, .uts019 #tabsTy5 > div:nth-child(3) form + .dl_layer {margin-top:0} .bds038 .add_box {display: none;} .bds038 .btn_link_add.active + .add_box {display: block;} .bds038 .task_link_add .btn-box {margin-top: 20px} .search_ty1 + .dropdown, form + .dropdown {margin-top: 15px} .bds038 .info-txt.small {margin-top: 5px} .search_ty1 input + button + div, .search_ty1 input:invalid + button + div {display: none;} .search_ty1 input:valid + button + div {display: block;} .search_ty1 input.ico_search + button + div {display: none;} /* ico_search 클래스 있을 경우만 추가 */ .search_ty1 .list li {line-height: 33px; padding-left: 10px;} .search_ty1 .list li.no-data { padding: 8px 0; color: #999; text-align: center; line-height: 20px; } .search_ty1 .list li:hover {background-color: #eaecf0;} .bds038 .search_ty1 .btn_search {top: calc(50% - 10px)} .bds038 .v-menu__content {left: 25px !important; top: 102px !important} .bds048 .v-menu__content {left: 30px !important; top: 185px !important} .bds049 .v-menu__content {left: 30px !important; top: 237px !important} .bds038 .sel_ty3 { width: 100%; } .modal-window .tab-content {padding-top: 0} .bds072 .modal-content {position: relative; padding-top:30px} /* .bds072b .modal-content {height: 485px;} */ .bds072 .modal-content > .top {text-align: right;} .bds072 .modal-content > .top > .date { display: inline-block; margin-right: 13px; font-size: 14px; color: #000; } .droplayer.avatar .avatar, .dropdown.avatar .avatar { display: inline-block; margin-right: 5px; vertical-align: middle; } .droplayer.avatar .v-btn, .dropdown.avatar .v-btn {line-height: 24px;} .droplayer.avatar .v-btn__content { display: inline-block; line-height: 24px; } .bds072 .modal-content > .top > .tooltipmember .dropdown-list {text-align: left;} .bds072 .modal-content > .scroll { margin-top: 17px; padding: 25px; padding-right: 6px; } .bds072 .modal-content > .scroll .inner { max-height: 249px; /* min-height: 210px; */ margin-right: 0; padding-right: 15px; /* padding-bottom: 25px; */ overflow-y: auto; } .bds072 .modal-content > .scroll textarea { height: 87px; padding: 12px 12px; resize: none; border: 1px solid #d3d4d6; } .bds072 .modal-content > .scroll textarea + .character-limit_box {margin-top: -2px;} .bds072 .modal-content > .scroll textarea + .character-limit_box + .txtr {margin-top: 6px;} .bds072 .modal-content > .scroll .attachfile_box {position: relative; min-height: 66px;} .bds072 .modal-content > .scroll .attachfile_box .dropdown-file { min-height: 66px; } .bds072 .modal-content > .scroll .attachfile_box .droplayer.more.large .v-menu {top: 38px; right:10px} .bds072 .modal-content > .scroll .attachfile_box .droplayer.more.large .v-menu .tit {line-height: initial;} .attachfile_box > .dropdown-file, .scroll > .dropdown-file{ position: relative; } .attachfile_box > .dropdown-file:before, .scroll > .dropdown-file:before{ z-index: 10; position:absolute; left:0;top:0;right:0;bottom:0; content:''; background:rgba( 0, 0, 0, 0.5 ); } .attachfile_box > .dropdown-file:after, .scroll > .dropdown-file:after { display: none; } .bds072 .droplayer.attach {position: relative; } .bds072 .droplayer.attach .v-menu {left: auto !important; right: 0; top: 27px !important} .bds072 .attachfile_box {margin-top: 12px;} .bds072 .attachfile_box .file_row + .file_row {margin-top: 10px;} .bds072 .todo_wrap_write { height: 114px; padding: 15px 20px; margin-top: 30px; border:1px solid #d3d4d6; } .bds072 .droplayer.attach.no-attach > .v-menu { top: -72px !important; } .bds072 .tit {cursor: pointer;} .bds072.decis .dropdown.avatar.b .v-menu {top:-327px !important;} .bds072.decis .dropdown.avatar.b .member-call-box, .bds072.decis .dropdown.avatar.b .dropdown-list {height: 300px;} .bds072.decis .dropdown.avatar.b .dropdown-list > .member-call-box.search .scroll{height: calc(100% - 50px);} .bds072b .modal-content > .scroll .inner {min-height: auto} .bds057 .modal-content > .scroll .inner {max-height: 205px;} .bds057 .todo_wrap_write {height: auto;} /* height: 156px; */ .bds057 .write_grp textarea, .bds057b .write_grp textarea {height: 66px; padding:12px 12px; border:1px solid #acacac} .bds057 .write_grp {line-height: 1;} .ifs011 .member_grp .scroll {height:auto; max-height: 159px;} .ifs011 .search_ty3 .list {top: 7px;} .ifs011 .ref { display: inline-block; margin-left: 30px; color: #999999; font-size: 12px; vertical-align: middle; } .search_ty3 + .member_grp {margin-top: 6px;} .ifs014 .input-box, .dts016 .input-box {margin-top: 30px; height: 82px} .ifs014 .modal-content textarea, .dts016 .modal-content textarea {height: 124px} .ifs015 .tab_ty3 .tab-menu {margin-top: 32px} .ifs015 .clear {margin-top: 9px; margin-bottom: 50px;line-height: 1.33;} .ifs015 .clear .ref {margin-top: 0} .ifs015 .ref + .modal-footer {margin-top: 50px} /* s: 2021-02-08 - 신규 추가*/ .modb200 .list-table{margin-top:35px;} .modb200 .list-table > li, .modb200 .list-table > li > dl{min-height:61px;} .modb200 .list-table > li > dl > dt, .modb200 .list-table > li > dl > dd{padding-top:0;height:61px;vertical-align:middle;color:#000;} .modb200 .list-table > li > dl > dt{width:109px;} .modb200 .list-table > li > dl > dd{width: calc(740px - 139px);} /* e: 2021-02-08 - 신규 추가 */ .uts020 .modal-content{padding-top: 0;} .uts020 .modal-footer {margin-top: 30px;} /*============================================ LAYER ============================================*/ .dl_layer + .dl_layer {margin-left: 13px;} .dl_layer {position: relative; display: inline-block;} .dl_layer > dt {position: relative; color: #000;} .dl_layer.right dt.active + dd {left: auto; right: 0} .dl_layer[class*="select_"] > dt button {padding-right: 25px;} .dl_layer[class*="select_"] > dt button::after { display: block; content: ''; position: absolute; right: 0; top: calc(50% - 10px); width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0 -40px; } .dl_layer.select_ty1 > dt button::after {background-position: 0 -40px;} .dl_layer.select_ty1 > dt.active button::after {background-position: 0 -60px;} .dl_layer.select_ty1.small > dt button { padding-right: 17px; color: #666; } .dl_layer.select_ty1.small > dt button b {color: #000;} .dl_layer.select_ty1.small > dt button::after { width: 12px; height: 12px; margin-top: 4px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -36px -92px; } .dl_layer.select_ty1.small > dt.active button::after {background-position: -48px -92px;} .dl_layer[class*="select_"] > dd { border: solid 1px #d3d4d6; background-color: #fff; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); } .dl_layer.list > dd li:hover {background-color: #eaecf0;} .dl_layer.list > dd { -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d3d4d6; background-color: #ffffff; } .select_ty1.noscroll > dd {padding: 0;} .select_ty1.noscroll > dd > ul {height: auto;} [class*="select_"].full {width: 100%;} [class*="select_"].full button {width: 100%;} [class*="select_"].full button {width: 100%; text-align: left;} [class*="select_"].full dd {width: 100% !important;} [class*="select_"].scroll > dd {padding: 10px 6px 0 0;} [class*="select_"].scroll > dd > ul {max-height: 300px; overflow-y: auto; padding-right:5px;} [class*="select_"].scroll > dd > ul > li {line-height: 33px; padding:0 10px 0 15px;} [class*="select_"].scroll > dd > ul > li:last-child {margin-bottom:10px} .dl_layer > dd > ul > li.active {position: relative;} .dl_layer > dd > ul > li.active:after { display: block; content: ''; position: absolute; right: 10px; top: calc(50% - 10px); width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -60px -297px; } .dl_layer.select_ty1 > dd > ul > li:hover {background-color: #eff2f7;} .dl_layer.select_ty2 > dt button::after {background-position: -140px -40px;} .dl_layer.select_ty2 > dt.active button::after {background-position: 0 -60px;} .dl_layer.select_ty3 > dt button.active {color: #000;} .dl_layer.select_ty3 > dt button { width: 100%; height: 30px; line-height: 28px; padding-left: 13px; padding-right: 35px; font-size: 14px; color: #999; text-align: left; border: 1px solid #acacac; background-color: #fff; } .dl_layer.select_ty3 > dt.active button {border-color: #000} .dl_layer.select_ty3 > dt button::after { right: 7px; background-position: -160px -40px; } .dl_layer.select_ty3 > dt.active + dd { top: 29px; border-color: #000; } .dl_layer.select_ty3.disabled > dt button { color: #bbb; border-color: #d3d4d6; background-color: #e9e9e9; } .dl_layer[class*="select_"].disabled > dt button::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjY1NjhFRjMwRDBEMTFFQjk0Q0FCODY4ODg2QTRBRDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjY1NjhFRjIwRDBEMTFFQjk0Q0FCODY4ODg2QTRBRDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkEzNjFGODYwRDBDMTFFQjk2MjE4MDZBNTM4NTQ1RkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkEzNjFGODcwRDBDMTFFQjk2MjE4MDZBNTM4NTQ1RkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6V7bY/AAAAuklEQVR42qzPzwoBURSA8TOzsBYpxUYpWcjK2p+uF7ART+FZKG9g5wncUWJtKyUlycYb2FzfrZMmNjNy6ted29TXuYG1ti4iU4yNMQ/5mCiKChwLTPh/kAQTYgaDtQbiwTyHRR9zSTg+OoLfoIEVoZwGs/6OJo4YJo0GzjkfKPK9QQ17DLBECyd0ePo9VVQ3K2m4iicyOGvwJinmHdVwmWOLCi5oE7xKygnjF92oix16vwS/Nv3XvAQYAKKXQBNULdPKAAAAAElFTkSuQmCC) no-repeat 4px 50%; } .select_ty1.okr_linked > dd {padding: 10px 6px 10px 0;} .select_ty1.okr_linked .inner { height: 279px; padding-right: 5px; overflow-y: auto; } .select_ty1.okr_linked dl + .tit {margin-top: 18px;} .select_ty1.okr_linked .tit { margin-left: 15px; margin-right: 15px; margin-bottom: 11px; font-size: 12px; color: #999; border-bottom: 1px solid #e6e6e8; } .select_ty1.okr_linked dd dt {height: 30px; line-height: 30px; padding-left: 15px;} .select_ty1.okr_linked dd dt.active + dd {display: block;} .select_ty1.okr_linked dd dd {display: none;; font-size: 14px; color: #666;} .select_ty1.okr_linked dd dd > ul > li { position: relative; height: 30px; line-height: 30px; padding-left: 25px } .select_ty1.okr_linked dd dd > ul > li.active::after { display: block; content: ''; position: absolute; right: 27px; top: calc(50% - 10px); width: 20px; height: 20px; background-image: url(/static/img/sp_common.bec0aeb.png); background-repeat: no-repeat; background-position: -60px -297px; } .select_ty1.okr_linked dd dd > ul > li:hover { background-color: #eaecf0; } .select_ty1.okr_linked .ico-o, .select_ty1.okr_linked .ico-kr { padding: 0 5px; margin-right: 6px; font-size: 11px; color: #fff; border-radius: 8.5px; } .select_ty1.okr_linked .ico-o {background-color: #000;} .select_ty1.okr_linked .ico-kr {background-color: #adadad;} .select_ty1.okr_linked .no-data { padding: 6px 0 0; font-size: 14px; color: #999; text-align: center; } .select_ty3.okr_linked > dd {padding: 10px 6px 10px 0;} .select_ty3.okr_linked .inner { height: 279px; padding-right: 5px; overflow-y: auto; } .select_ty3.okr_linked dl + .tit {margin-top: 18px;} .select_ty3.okr_linked .tit { margin-left: 15px; margin-right: 15px; margin-bottom: 11px; font-size: 12px; color: #999; border-bottom: 1px solid #e6e6e8; } .select_ty3.okr_linked dd dt {height: 30px; line-height: 30px; padding-left: 15px;} .select_ty3.okr_linked dd dt.active + dd {display: block;} .select_ty3.okr_linked dd dd {display: none;; font-size: 14px; color: #666;} .select_ty3.okr_linked dd dd > ul > li { position: relative; height: 30px; line-height: 30px; padding-left: 25px } .select_ty3.okr_linked dd dd > ul > li.active::after { display: block; content: ''; position: absolute; right: 27px; top: calc(50% - 10px); width: 20px; height: 20px; background-image: url(/static/img/sp_common.bec0aeb.png); background-repeat: no-repeat; background-position: -60px -297px; } .select_ty3.okr_linked dd dd > ul > li:hover { background-color: #eaecf0; } .select_ty3.okr_linked .ico-o, .select_ty3.okr_linked .ico-kr { margin-right: 6px; font-size: 12px; color: #f97723; } .select_ty3.okr_linked .ico-o {color: #f97723} .select_ty3.okr_linked .ico-kr {color: #f97723} .dl_layer > dd { display: none; position: absolute; left: 0; top: 26px; width: 100%; font-size: 14px; z-index: 11; } .dl_layer > dt.active + dd {display: block;} .dl_dropdown > dd {display: none;} .dl_dropdown > dt.active + dd {display: block;} .dl_layer dd > ul > li {line-height: 33px; padding: 0 10px;} .dl_layer[class*="select_ty"].scroll > dd > ul > li label {line-height: 30px;} .dl_layer[class*="select_ty"].scroll > dd > ul > li input[type='checkbox'] + label:before {vertical-align: middle;} .dl_layer > dd > ul > li button {text-align: left; color: #666} .dl_layer[class*="select_ty"] > dd > ul > li.active button {padding-right: 28px;} .dl_layer[class*="select_ty"] > dd > ul > li.active {position: relative;} .dl_layer[class*="select_ty"] > dd > ul > li.active button {color: #000;} .dl_layer[class*="select_ty"] > dd > ul > li.active:after { display: block; content: ''; position: absolute; right: 10px; top: calc(50% - 10px); width: 20px; height: 20px; background-image: url(/static/img/sp_common.bec0aeb.png); background-repeat: no-repeat; background-position: -60px -297px; } .dl_layer[class*="select_ty"] > dd > ul > li:hover {background-color: #eff2f7;} [class*="select_ty"] + .error, .dropdown + .error {margin-top: 4px; text-align: right;} .dl_layer.more > dd {top: 35px;} .dl_layer.more > dd > ul { border: solid 1px #d3d4d6; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; } .dl_layer.more > dd > ul > li {line-height: 35px; padding: 0 15px;} .dl_layer.more > dd > ul > li.active { position: relative; color: #000 } .dl_layer.more > dd > ul > li.active button {color: #000} .dl_layer.more > dd > ul > li.active:after { display: block; content: ''; position: absolute; right: 10px; top: calc(50% - 10px); width: 20px; height: 20px; background-image: url(/static/img/sp_common.bec0aeb.png); background-repeat: no-repeat; background-position: -60px -297px; } .dl_layer.more > dd > ul > li:hover {background-color: #eff2f7;} .layer_ty1 {} .layer_ty1 > dt { position: relative; height: 35px; line-height: 35px; padding: 0 20px; color: #fff; background-color: #000; } .layer_ty1 > dt button { position: absolute; right: 15px; top: calc(50% - 10px); width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.1ad25ab.svg) no-repeat -180px -40px; background-size: 500px 500px; } .layer_ty1 > dd { padding: 10px 0; border: solid 1px #d3d4d6; -webkit-box-shadow: 1px 1.7px 5px 0 rgba(58, 59, 69, 0.05); box-shadow: 1px 1.7px 5px 0 rgba(58, 59, 69, 0.05); background-color: #ffffff; } .layer_ty1 .col2 {position: relative;} .layer_ty1 .col2::before { display: block; content: ''; position: absolute; left: 50%; top: -10px; width:1px; height: calc(100% + 20px); background-color: #d3d4d6; } .layer_ty1 .col2 li { float: left; width: 50%; } .layer_ty1 .col2 li:nth-child(2n) {float:right} .layer_ty1 .col2 li button { width: 100%; height: 33px; line-height: 33px; padding-left: 20px; font-size: 14px; text-align: left; } .layer_ty1 .col2 li:hover {background-color: #eaecf0;} .accodian {} .accodian + dd {display: none;} .accodian.active + dd {display: block;} .member_search {} .scroll_box { height: 100%; overflow-y: auto; } /*============================================ EDIT TITLE ============================================*/ input, select, textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14px; color:#000; } input[type="text"], input[type="search"], input[type="number"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"] { height:30px; line-height:30px; padding:0 12px; font-family: 'LifeplusM'; border:1px solid #acacac; } input[type="text"]:valid, input[type="search"]:valid, input[type="number"]:valid, input[type="tel"]:valid, input[type="url"]:valid, input[type="email"]:valid, input[type="password"]:valid {border-color:#000;} input[type="text"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: inherit; color:#999;} input[type="text"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="url"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="text"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea::placeholder, textarea:-ms-input-placeholder {font-size: inherit; color:#999;} input::-webkit-input-placeholder {color: #999 !important;} input::-moz-placeholder {color: #999 !important;} input::-ms-input-placeholder {color: #999 !important;} input::placeholder {color: #999 !important;} input:-ms-input-placeholder {color: #999 !important;} input[type="text"]:-moz-read-only, input[type="search"]:-moz-read-only, input[type="number"]:-moz-read-only, input[type="tel"]:-moz-read-only, input[type="url"]:-moz-read-only, input[type="email"]:-moz-read-only, input[type="password"]:-moz-read-only { padding:0; border:0 none; } input[type="text"]:read-only, input[type="search"]:read-only, input[type="number"]:read-only, input[type="tel"]:read-only, input[type="url"]:read-only, input[type="email"]:read-only, input[type="password"]:read-only { padding:0; border:0 none; } input[type="text"]:focus::-webkit-input-placeholder, input[type="text"]:focus::-moz-placeholder { color:transparent; } input.readonly { padding:0; border:0 none; } input[type="text"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type="tel"]:disabled, input[type="url"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled { color: #bbb; border-color: #d3d4d6; background-color:#e9e9e9; } input[type="text"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus {border-color: #000;} input[type="text"].successful, input[type="search"].successful, input[type="number"].successful, input[type="tel"].successful, input[type="url"].successful, input[type="email"].successful, input[type="password"].successful {border-color: #22a2d1;} input[type="text"].error, input[type="search"].error, input[type="number"].error, input[type="tel"].error, input[type="url"].error, input[type="email"].error, input[type="password"].error {border-color: #ff0000;} input[type="tel"], input[name="tel"] { width:110px; text-align:center; } input[type="text"]::-ms-clear, input[type="search"]::-ms-clear, input[type="number"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="url"]::-ms-clear, input[type="email"]::-ms-clear, input[type="email"]::-ms-clear, input[type="email"]::-ms-clear, input[type="password"]::-ms-clear {display: none;} input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {display: none;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* CHECKBOX / RADIO */ input[type='checkbox'], input[type='radio'] { position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; padding:0; border:0; } .droplayer.filter-box input[type='checkbox'], .droplayer.filter-box input[type='radio'] { position: static; left: auto; visibility: hidden; margin: -1px -1px -1px 0; } input[type='checkbox'] + label, input[type='radio'] + label { display:inline-block; height:16px; /*margin-right:20px;*/ line-height:16px; font-size:14px; color:#222; vertical-align:top; cursor:pointer } input[type='checkbox'] + label:empty, input[type='radio'] + label:empty {width: 16px;} input[type='checkbox']:disabled + label, input[type='radio']:disabled + label {color:#bbb;} input[type='checkbox'] + label:before, input[type='radio'] + label:before { display:inline-block; content:''; width:16px; height:16px; margin-right:6px; vertical-align:top; border:1px solid #acacac; background-color:#fff; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } input[type='radio'] + label:before { border-radius:50%;} input[type='checkbox']:checked + label:before { border-color: #000; background-color: #000; background-image:url(/static/img/sp_common.bec0aeb.png); background-repeat:no-repeat; background-position:-63px -43px; } input[type='radio']:checked + label:before { border-color: #000; background-color: #000; background-image:url(/static/img/sp_common.bec0aeb.png); background-repeat:no-repeat; background-position:-83px -43px; } input[type='checkbox']:disabled + label:before, input[type='radio']:disabled + label:before { color:#888; border-color: #e9e9e9; background-color:#e9e9e9; } input[type='checkbox']:disabled + label:before {background-position:-63px -63px;} input[type='radio']:disabled + label:before {background-position:-83px -63px;} input[type='checkbox'] + label.ty2 {font-size: 14px; color: #666;} input[type='checkbox'] + label.ty2:before { width: 12px; height: 12px; vertical-align: middle; border: 0 none; background: url(/static/img/sp_icon.f67a123.png) no-repeat -120px -104px; } input[type='checkbox']:checked + label.ty2:before { background-color: transparent; background-position: -120px -116px; } .radio-wrap { display: inline-block; } .radio-wrap input[type='radio'].custom-radio + label { position: relative; min-width: 32px; height: 29px; line-height: 27px; text-align: center; color: #666; border: 1px solid #d3d4d6; background-color: #fff; z-index: 1; } .tb-header .tb_sort .radio-wrap label + input + label, .radio-wrap label { margin-left: -5px; } .radio-wrap input[type='radio'].custom-radio:first-child + label { border-radius: 4px 0 0 4px; margin-left: 0; } .radio-wrap label:last-child { border-radius: 0 4px 4px 0; } .radio-wrap input[type='radio'].custom-radio:checked + label { border: 1px solid #000; background-color: #000; color: #fff; font-size: 13px; z-index: 2; } input[type='radio'].custom-radio:disabled + label { border: 1px solid #000; background-color: #000; color: #fff; opacity: .3; cursor: initial; } .dropdown.ty1-custom > button{ -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; width: 69px; height: 29px; border: 1px solid #d3d4d6; color: #666; border-radius: 0 4px 4px 0; margin-left: -6px; background-color: #fff; z-index: 2; } .dropdown.ty1-custom > .v-btn:after { display: inline-block; content: ''; position: absolute; right: 0; top: calc(50% - 10px); width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGODJFOEJGMEQwQzExRUI5Rjc0OEU5QzA5MDNGNzIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGODJFOEMwMEQwQzExRUI5Rjc0OEU5QzA5MDNGNzIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY4MkU4QkQwRDBDMTFFQjlGNzQ4RTlDMDkwM0Y3MjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY4MkU4QkUwRDBDMTFFQjlGNzQ4RTlDMDkwM0Y3MjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ypadAAAAArklEQVR42qzPXQoBURjG8XcmuRa5de9CxAp8rUEsYK6thVKzAJsYKWUPIok0RBZx/Keei4mbGXnq1zlvp/N0jhcEQd3MZpjgZd+pYolpGIY7yxAfcwywVkE6FawwxMIyJikdI3lBAxHKOitpbmKPUZ7S5Mt9HNBSUU1rG0edP7OWFrQ+dHGDjoqKOKGHu+WIn9rf0MVZhRcVxpYz/sccq3irwqv9EM85Z//OW4ABAHpMI9D48SmrAAAAAElFTkSuQmCC) no-repeat right 50%; } input[type='radio'].custom-radio + label::before { display: none; } .switch { position: relative; display: inline-block; line-height: 16px; padding-left: 34px; font-size: 14px; color: #666 } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 28px; height: 16px; cursor: pointer; border: 1px solid #acacac; border-radius: 8px; background-color: #fff; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; left: 1px; bottom: 1px; content: ""; width: 12px; height: 12px; border-radius: 50%; background-color: #000; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { border-color: #000; background-color: #000; } input:checked + .slider:before { background-color: #fff; -webkit-transform: translateX(11px); transform: translateX(11px); } input:disabled + .slider { border-color: #acacac; background-color: #e9e9e9; } input:disabled + .slider:before {background-color: #fff;} .switch.disabled {color: #bbb} .file_box_ty1 input {display: none;} .file_box_ty1 button { width: 16px; height: 16px; text-indent: -999em; color: transparent; font-size: 0; background: url(/static/img/sp_common.1ad25ab.svg) no-repeat -102px -42px; background-size: 500px 500px; } textarea { padding: 15px 13px; line-height: 1.43; font-size: 14px; color: #000; font-family: 'LifeplusM'; } select::-ms-expand {display:none} .sel_ty1 { height: 35px; line-height: 35px; padding-left: 13px; padding-right: 31px; font-family: 'LifeplusM'; color:#000; -moz-text-align-last: right; text-align-last: right; border: solid 1px #acacac; border-radius: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAALCAYAAABhwJ3wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFMzUyODg0RTgzOTExRUE4MTNGRTM3QzA2RTYyRTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFMzUyODg1RTgzOTExRUE4MTNGRTM3QzA2RTYyRTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUzNTI4ODJFODM5MTFFQTgxM0ZFMzdDMDZFNjJFN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUzNTI4ODNFODM5MTFFQTgxM0ZFMzdDMDZFNjJFN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5SLU3UAAAAhklEQVR42mL8//8/Az0AEwOdAAuMYWJiAqK4gZgdiN+hqRMC4p9A/PXMmTMU+whkyRcgfgvECkjiilCxL1A1lPkICH4jse8DsRKUfQ+HGrIt+gV1/X0sFjBALf5FrcTwAMkn6Jbcp3aqAxmogsRXptQS9KBDBnehKY0RSwokCzAOuwwLEGAARWId34Mk3D8AAAAASUVORK5CYII=) no-repeat right 50%; } .sel_ty1:focus {border-color: #000;} .sel_ty1:disabled, .sel_ty2:disabled, .sel_ty3:disabled { color: #bbb; border-color: #d3d4d6; background-color: #e9e9e9; } .sel_ty1:disabled {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAALCAYAAABhwJ3wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTYwOTQ0RTYwRDBEMTFFQkI1NzU5ODk4NTVBMzVDMzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTYwOTQ0RTUwRDBEMTFFQkI1NzU5ODk4NTVBMzVDMzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REUzNTI4ODRFODM5MTFFQTgxM0ZFMzdDMDZFNjJFN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REUzNTI4ODVFODM5MTFFQTgxM0ZFMzdDMDZFNjJFN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz71fUhbAAAAhklEQVR42mL8//8/Az0AEwOdAAuMsWfPHhDFDcTsQPwOTZ0QEP8E4q8uLi4U+whkyRcgfgvECkjiilCxL1A1lPkICH4jse8DsRKUfQ+HGrIt+gV1/X0sFjBALf5FrcTwAMkn6Jbcp3aqAxmogsRXptQS9KBDBnehKY0RSwokCzAOuwwLEGAAhSId37ZkgqwAAAAASUVORK5CYII=);} .sel_ty2 { height: 35px; line-height: 35px; padding-right: 21px; font-family: 'LifeplusM'; color:#000; -moz-text-align-last: right; text-align-last: right; border: 0 none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCQTU4OUNFRTgzQTExRUFCMDVDODE2NjUwNUJGM0I5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCQTU4OUNGRTgzQTExRUFCMDVDODE2NjUwNUJGM0I5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0JBNTg5Q0NFODNBMTFFQUIwNUM4MTY2NTA1QkYzQjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0JBNTg5Q0RFODNBMTFFQUIwNUM4MTY2NTA1QkYzQjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/sHEPAAAAgklEQVR42mL8//8/AzmAiYFMwAJjmJiYgChuIGYH4ndo6oSA+CcQfz1z5gyGjSBNX4D4LRArIIkrQsW+QNWg2ggEv5HY94FYCcq+h00NssZfUNPvY9HAADXoF67AeYBkE7qm+4RCFaRABYmvjK4J3anI4C40JBmxhDAYMNI9AQAEGACluB3fuKcIyQAAAABJRU5ErkJggg==) no-repeat right 50%; } .sel_ty2:focus {border-color: #000;} .sel_ty2:disabled {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNEQkRCQzkwRDBEMTFFQkE2Q0E4NkFCOTk0OEM4M0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNEQkRCQzgwRDBEMTFFQkE2Q0E4NkFCOTk0OEM4M0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0JBNTg5Q0VFODNBMTFFQUIwNUM4MTY2NTA1QkYzQjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0JBNTg5Q0ZFODNBMTFFQUIwNUM4MTY2NTA1QkYzQjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5trFbXAAAAgklEQVR42mL8//8/AzmAiYFMwAJj7NmzB0RxAzE7EL9DUycExD+B+KuLiwuGjSBNX4D4LRArIIkrQsW+QNWg2ggEv5HY94FYCcq+h00NssZfUNPvY9HAADXoF67AeYBkE7qm+4RCFaRABYmvjK4J3anI4C40JBmxhDAYMNI9AQAEGADleB3fmkXiQwAAAABJRU5ErkJggg==);} .sel_ty3 { height: 30px; line-height: 30px; padding-left: 13px; padding-right: 29px; font-family: 'LifeplusM'; color:#000; border: solid 1px #acacac; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGODJFOEJGMEQwQzExRUI5Rjc0OEU5QzA5MDNGNzIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGODJFOEMwMEQwQzExRUI5Rjc0OEU5QzA5MDNGNzIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY4MkU4QkQwRDBDMTFFQjlGNzQ4RTlDMDkwM0Y3MjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY4MkU4QkUwRDBDMTFFQjlGNzQ4RTlDMDkwM0Y3MjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ypadAAAAArklEQVR42qzPXQoBURjG8XcmuRa5de9CxAp8rUEsYK6thVKzAJsYKWUPIok0RBZx/Keei4mbGXnq1zlvp/N0jhcEQd3MZpjgZd+pYolpGIY7yxAfcwywVkE6FawwxMIyJikdI3lBAxHKOitpbmKPUZ7S5Mt9HNBSUU1rG0edP7OWFrQ+dHGDjoqKOKGHu+WIn9rf0MVZhRcVxpYz/sccq3irwqv9EM85Z//OW4ABAHpMI9D48SmrAAAAAElFTkSuQmCC) no-repeat right 50%; } .sel_ty3:disabled {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAICAYAAAAWX7TTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjY1NjhFRjMwRDBEMTFFQjk0Q0FCODY4ODg2QTRBRDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjY1NjhFRjIwRDBEMTFFQjk0Q0FCODY4ODg2QTRBRDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkEzNjFGODYwRDBDMTFFQjk2MjE4MDZBNTM4NTQ1RkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkEzNjFGODcwRDBDMTFFQjk2MjE4MDZBNTM4NTQ1RkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6V7bY/AAAAuklEQVR42qzPzwoBURSA8TOzsBYpxUYpWcjK2p+uF7ART+FZKG9g5wncUWJtKyUlycYb2FzfrZMmNjNy6ted29TXuYG1ti4iU4yNMQ/5mCiKChwLTPh/kAQTYgaDtQbiwTyHRR9zSTg+OoLfoIEVoZwGs/6OJo4YJo0GzjkfKPK9QQ17DLBECyd0ePo9VVQ3K2m4iicyOGvwJinmHdVwmWOLCi5oE7xKygnjF92oix16vwS/Nv3XvAQYAKKXQBNULdPKAAAAAElFTkSuQmCC);} .sel_ty3:focus {border-color: #000;} select + select, .sel_ty1 + .sel_ty1 {margin-left: 8px;} /*============================================ BUTTON ============================================*/ .btn_alarm, .btn_bookmark { text-indent: -999em; font-size: 0; color: transparent; width: 22px; height: 22px; vertical-align: middle; border-radius: 50%; background-image: url(/static/img/sp_common.bec0aeb.png); background-repeat: no-repeat; } .btn_alarm:hover, .btn_bookmark:hover {background-color: #d3d4d6;} .btn_alarm {background-position: -19px -39px;} .btn_bookmark {background-position: -39px -39px;} .btn_alarm.active {background-position: -19px -59px;} .btn_bookmark.active {background-position: -39px -59px;} .btn_edit { width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -180px -297px; } .btn_trash {font-size: 14px; color: #000;} .btn_trash::before { display: inline-block; content: ''; width: 12px; height: 12px; margin-right: 6px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) -144px -301px; } .btn-refresh { text-indent: -999em; font-size: 0; color: transparent; width: 12px; height: 12px; margin-left: 1px; vertical-align: middle; background: url(/static/img/sp_icon.f67a123.png) no-repeat -60px -92px; } .ico-at { display: inline-block; height: 16px; line-height: 16px; padding:0 5px; font-size: 12px; color: #000; text-align: center; border-radius: 8px; background-color: #dbe8ff; } [class*="btn-txt-"] + [class*="btn-txt-"] { position: relative; padding-left: 7px; margin-left: 3px; } [class*="btn-txt-"] + [class*="btn-txt-"]::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height: 12px; background-color: #d3d4d6; } .btn-txt-ty2 {color: #000} .btn-txt-underline {position: relative;; color: #000;} .btn-txt-underline:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; padding-bottom: 1px; background-color: #000; } [class*="btn-ico-"] { width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat; } .btn-ico-del {background-position: -40px -297px;} .btn-ico-cut {background-position: -340px -297px;} .btn-ico-del_ty1 {background-position: -140px -297px;} .btn-ico-edit {background-position: -180px -297px;} .btn_add { position: relative; display: inline-block; font-size: 12px; color: #000; } .btn_add::before { display: inline-block; content: ''; width: 10px; height: 10px; margin-right: 4px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -132px -116px; } .btn_link_add { position: relative; padding-left: 22px; font-size: 14px; color: #000; } .btn_link_add::before, .btn_link_add::after { display: block; content: ''; position: absolute; left: 0; } .btn_link_add::before { top: calc(50% - 8px); width: 16px; height: 16px; border-radius: 50%; background-color: #000; } .btn_link_add::after { left:4px; top: calc(50% - 4px); width: 8px; height: 8px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -121px -222px; } .btn_link_add.back {padding-left: 0; padding-right: 22px;} .btn_link_add.back::before {left:auto; right:0} .btn_link_add.back::after {left: auto; right: 4px} .btn_link_add.del::after {background-position: -131px -222px;} .btn_link_add + .btn_link_add {margin-left: 15px} .btn_link_release { text-indent: -999em; font-size: 0; color: transparent; width: 16px; height: 16px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -64px -389px; } /* 더보기 */ .btn_more_box {text-align: center;} [class*="btn-more"] {} [class*="btn-more-ico"] {position: relative;} [class*="btn-more-ico"]::before { position: absolute; left: 0; display: block; content: ''; background: url(/static/img/sp_common.1ad25ab.svg) no-repeat; background-size: 500px 500px; } .btn-more-ico_large { padding-left: 33px; font-size: 24px; color: #000; } .btn-more-ico_large::before { top: calc(50% - 11px); width: 22px; height: 22px; line-height: 22px; background-position: -44px -150px; } .btn-more-ico_medium { padding-left: 24px; font-size: 18px; color: #000; } .btn-more-ico_medium::before { top: calc(50% - 8px); width: 16px; height: 16px; line-height: 16px; background-position: -342px -42px; } .btn-more-ico_small1 { padding-left: 18px; font-size: 14px; color: #000; } .btn-more-ico_small1::before { top: calc(50% - 6px); width: 12px; height: 12px; line-height: 12px; background-position: -324px -44px; } .btn-more-ico_small1.down {padding-left: 0;} .btn-more-ico_small1.down::before { width: 0; height: 0; line-height: 0; background-position: none; } .btn-more-ico_small1.down::after { display: inline-block; content: ''; width: 12px; height: 12px; line-height: 12px; margin-left: 6px; vertical-align: middle; background: url(/static/img/sp_icon.f67a123.png) no-repeat -96px -92px; } .btn-more-ico_small1.down.right::after { margin-left: 3px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .btn-more-ico_small2 { padding-left: 12px; font-size: 12px; color: #000; } .btn-more-ico_small2::before { top: calc(50% - 4px); width: 8px; height: 8px; line-height: 8px; background-position: -306px -46px; } [class*="btn-more-ico"].white {color: #fff} .btn-more-ico_large.white::before {background-position: -44px -172px;} .btn-more-ico_medium.white::before {background-position: -402px -42px;} .btn-more-ico_small1.white::before {background-position: -384px -44px;} .btn-more-ico_small2.white::before {background-position: -366px -46px;} .btn-more-ico_small3 { color: #000; font-size:12px; } .btn-more-ico_small3:after { display: inline-block; content:''; width: 4px; height: 8px; margin-left: 5px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -193px -222px; } .btn-more-ico_small3 .num { border-bottom: 2px solid #bdbdbd; } .uts016.sec .board_add_box{ height: auto; border: 0;} .uts016.sec .board_add_box .board{ padding: 0; } .uts016.sec .board .btm{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px;} .uts016.sec .board .btm .tit{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; font-family: 'LifeplusM'; } .uts016.sec .board .btm .btn-connect_wrap button{ border-bottom: 1px solid #bdbdbd; } .uts016.sec .btn-more-ico_small3 .num { border-bottom: 0; } .uts016.sec .btn-more-ico_small3 .num > b { border-bottom: 2px solid #bdbdbd; } /* */ .btn_setting, .btn_drop_out { width: 16px; height: 16px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -101px -41px; } .btn_setting {background-position: -96px -405px;} .btn_drop_out {background-position: -112px -405px;} /* btn-primary- */ [class*="btn-primary-"] { color: #000; border: 1px solid #000; background-color: #fff; } [class*="btn-primary-"]:hover {background-color: #f0f0f0;} [class*="btn-primary-"]:active {background-color: #e0e0e0;} [class*="btn-primary-"]:disabled { color: #d3d4d6; border-color: #d3d4d6; background-color: #fff; } .black[class*="btn-primary-"] { color: #fff; background-color: #000; } .white[class*="btn-primary-"] { color: #fff; border-color: #fff; background-color: transparent; } .black[class*="btn-primary-"]:hover {background-color: #2e2e2e;} .black[class*="btn-primary-"]:active {background-color: #4d4d4d;} .black[class*="btn-primary-"]:disabled { border-color: #d3d4d6; background-color: #d3d4d6; } .btn-primary-large { height: 54px; padding: 0 25px; font-size: 24px; } .btn-primary-medium { height: 40px; padding: 0 20px; font-size: 18px; } .btn-primary-small { height: 30px; padding: 0 15px; font-size: 14px; } .btn-primary-smaller {height: 28px; padding: 0 10px;} .btn-primary-small + .btn-primary-small {margin-left:8px} .btn-primary-smaller + .btn-primary-smaller {margin-left:4px} .btn-primary-medium + .btn-primary-medium {margin-left: 12px} [class*="btn-txt-"] { position: relative; font-size: 12px; color: #666; } [class*="btn-txt-"].black {color: #000;} [class*="btn-txt-"] + [class*="btn-txt-"] {padding-left: 7px; margin-left: 3px;} [class*="btn-txt-"] + [class*="btn-txt-"]::before { display: block; content: ''; position: absolute; left: 0; top: calc(505 - 6px); width: 1px; height: 12px; background-color: #d3d4d6; } .btn-txt-link::after { display: block; content: ''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background-color: #a0a0a0; } .btn-txt-link { position: relative; display: inline-block; font-size: 12px; color: #000; } .btn-txt-link.disabled {color: #999;pointer-events: none;} .btn-txt-link.disabled::after {background-color: transparent;} /*============================================ Pagination ============================================*/ .pagination {text-align: center;} /* .pagination > button, */ .v-pagination { margin: 25px 0; text-align: center; } .v-pagination li { display: inline-block; height: 22px; line-height: 22px; vertical-align: middle; } .v-pagination li + li {margin-left: 2px} .v-pagination .v-pagination__more { display: inline-block; width: 22px; height: 22px; margin-top: -1px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -1px -81px; } .pagination [class*="btn-"], .v-pagination .v-pagination__navigation .v-icon { display: inline-block; text-indent: -999em; font-size: 0; color: transparent; width: 22px; height: 22px; vertical-align: middle; border: 0 none; border-radius: 50%; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0 0; } .pagination [class*="btn-"].disabled, .v-pagination .v-pagination__navigation--disabled .v-icon { pointer-events: none; } .pagination .btn-prev, .v-pagination .v-pagination__navigation .mdi-chevron-left {background-position: -154px -367px;} .pagination .btn-next, .v-pagination .v-pagination__navigation .mdi-chevron-right {background-position: -176px -367px;} .pagination .btn-prev {margin-right: 15px;} .pagination .btn-next {margin-left: 15px;} .v-pagination li:first-child {margin-right: 15px !important;} .v-pagination li:last-child {margin-left: 15px !important;} .pagination .btn-prev.disabled, .v-pagination .v-pagination__navigation.v-pagination__navigation--disabled .mdi-chevron-left {background-position: -110px -367px;} .pagination .btn-next.disabled, .v-pagination .v-pagination__navigation.v-pagination__navigation--disabled .mdi-chevron-right {background-position: -132px -367px;} .pagination .btn-first { margin-right: 6px; background-position: -176px -367px; } .pagination .btn-first.disabled {background-position: -220px -367px;} .pagination .btn-last { margin-left: 6px; background-position: -286px -367px; } .pagination .btn-last.disabled {background-position: -242px -367px;} .pagination .num, .v-pagination li button { width: 22px; line-height: 22px; margin: 0 2px; font-size: 14px; color: #999; } .pagination .num.active, .v-pagination li button.v-pagination__item--active {color: #000} .filer_area .btn_filter { width: 88px; height: 30px; line-height: 30px; font-size: 14px; color: #666; vertical-align: middle; border-radius: 15px; background-color: #fff; } .filer_area .btn_filter span { display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: 0 5px; font-size: 12px; color: #fff; vertical-align: middle; text-align: center; border-radius: 50%; background-color: #333 } .filer_area .btn_filter::before { display: inline-block; content: ''; width:16px; height: 16px; margin-right:5px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) repeat -128px -405px; } /*============================================ SEARCH ============================================*/ /* 보드 의견검색 */ .opinion-search_area {position: relative;} .opinion-search_area input { width: 100%; height: 48px; line-height: 48px; padding:0 35px 0 15px; font-size: 14px; color: #000; border: 0 none; border-radius: 24px; background-color: #fff; } .opinion-search_area .btn_search { position: absolute; right: 15px; top: 14px; text-indent: -999em; font-size: 0; color: transparent; width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -120px 0; } .opinion-search_area input:invalid + .btn_search {background-position: -120px 0} .opinion-search_area input:invalid + .btn_search + .list {display: none;} .opinion-search_area input:valid + .btn_search {background-position: -40px -297px;} .opinion-search_area input:valid + .btn_search + .list {display: block;} .opinion-search_area .list { display: none; position: absolute; left: 15px; top: 48px; width: 290px; height: 174px; border: solid 1px #000; background-color: #fff; z-index: 10; } .opinion-search_area .scroll {padding: 15px 0} .opinion-search_area .scroll ul { height: 100%; padding-right: 5px; margin-right: 6px; overflow-y: auto; } [class*="select_ty"].scroll > dd > ul {max-height: 89px;} .search_ty1 {position: relative;} .search_ty1 input { width: 100%; height: 30px; line-height: 30px; border: solid 1px #acacac; background-color: #fff; } .search_ty1 .btn_search, .input-box .btn_search { position: absolute; right: 12px; top: 5px; text-indent: -999em; font-size: 0; color: transparent; width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -120px 0; } .search_ty1 input:invalid + .btn_search {background-position: -120px 0;} .search_ty1 input:valid + .btn_search {background-position: -40px -297px;} .search_ty1 input.ico_search + .btn_search {background-position: -120px 0;} /* ico_search 클래스 있을 경우만 추가 */ .search_ty1 .input-txt-del { position: absolute; right: 32px; top: 5px; width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -40px -297px; } .search_ty1 .input-txt-del:last-child { right: 9px; } .search_ty1 .input-txt-del + .btn_search, .search_ty1 input + .btn_search { position: absolute; right: 9px; top: 5px; } .add_box .search_ty1 .list li:hover, .bds065 .search_ty1 .list li:hover {background-color: #eaecf0;} .add_box .search_ty1 .list li button, .bds065 .search_ty1 .list li button { height: 33px; padding-left: 11px; font-size: 14px; color: #666; } .bds065 .tab-content .modal-footer {margin-top: 120px;} [class*="search_ty"] .error {margin-top: 8px;} [class*="search_ty"] .list { position: absolute; left: 0; top: 29px; width: 100%; height: 174px; border: solid 1px #000; background-color: #fff; z-index: 10; } [class*="search_ty"] .nodata { height: 100%; line-height: 1.43; padding-top: 50px; font-size: 14px; text-align: center; color: #999; } [class*="search_ty"] .scroll {padding-top:15px} [class*="search_ty"] .scroll > ul > li:last-child {margin-bottom:15px} [class*="search_ty"] .scroll > ul { height: 100%; padding-right: 5px; margin-right: 6px; overflow-y: auto; } .list .membersearchlist li { position: relative; padding: 13px 15px 9px 45px; line-height: 1; } .list .membersearchlist li:hover {background-color: #eaecf0;} .list .membersearchlist li:hover .add {display: block;} .list .membersearchlist .name, .list .membersearchlist .mail {display: block;} .list .membersearchlist .name { width: calc(100% - 60px); line-height: 15px; font-size: 14px; color: #000; } .list .membersearchlist .name > span {font-family: 'LifeplusM';} .list .membersearchlist .mail { width: calc(100% - 60px); margin-top: 5px; font-size: 12px; color:#999; } .list .membersearchlist .img { position: absolute; left: 15px; top: 13px; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; } .list .membersearchlist .add { display: none; position: absolute; right: 10px; top: calc(50% - 9px); font-size: 12px; color: #000; } .list .membersearchlist .add::before { display: inline-block; content: ''; width:8px; height: 8px; margin-right: 5px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -447px -111px; } .search_ty2 { position: relative; display: inline-block; } .search_ty2 button { width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -120px 0px; } .search_ty2 .input-box { display: none; position: absolute; right: 0; top: 0; width: 308px; } .search_ty2 button.active + .input-box, .search_ty2 button.active + form .input-box {display: block;} .search_ty2 .input-box .input-txt-del { display: block; right: 32px; background-position: -40px -297px; } .search_ty2 .input-box .input-txt-del:last-child { right: 9px; } .search_ty2 .input-box .input-txt-del + .btn_search, .search_ty2 .input-box input + .btn_search { position: absolute; right: 9px; top: 5px; } .search_ty2 .input-box input:valid .input-txt-del {background-position: -40px -297px;} .search_ty3 .list { top: 0; min-width: 268px; } .check_result { position: absolute; left: 0; top: 0; width: 400px; background-color: #eff2f7; } .output_grp .check_result { background-color: #f6f7fa; } .check_result .txt { display: inline-block; font-size: 14px; color: #666; } .check_result .txt b {color: #000} .check_result button { text-indent: -999em; font-size: 0; color: transparent; width: 12px; height: 12px; margin-left: 1px; vertical-align: middle; background: url(/static/img/sp_icon.f67a123.png) no-repeat -60px -92px; } .character-limit_box {margin-top: 4px;} .btn-emoticon + .character-limit_box {margin-top: -14px;} .write_grp .emoticon-wrap { top: -278px; } /* .emoticon-wrap .scroll{ height: calc(100% - 34px); } */ .character-limit_box + .reply-emoticon { position: relative; margin-top: 8px; } .input-box .count {font-size: 12px; color: #999} .character-limit_box .count b, .input-box .count b {color: #000} /* sub header */ [class*="-header"] { border-bottom: 1px solid #e6e6e8; background-color: #fff; } .tb-header[class*="-header"] { border-bottom: 0 none; background-color: transparent; } @media screen and (max-width: 1900px) { .tb-header[class*="-header"].media { width: 1110px; } } @media screen and (max-width: 1507px) { .tb-header[class*="-header"].media { width: calc(100% - -420px); } } @media screen and (max-width: 1265px) { .tb-header[class*="-header"].media { width: 100%; } } [class*="-header"] .inner { position: relative; min-width: 1145px; width: 1145px; margin: 0 auto; } [class*="-header"] h3 {font-family: 'LifeplusB'; font-size: 28px; color: #000} [class*="-header"] h3 span { display: inline-block; line-height: 37px; margin-left: 21px; font-family: 'LifeplusM'; font-size: 14px; color: #666; vertical-align: middle; } [class*="-header"] .btn-primary-small.black.board-add, .mypage-header .btn-primary-small.black, .ifs-header .btn-primary-small.black, .dts-header .btn-primary-small.black, [class*="-header"] .btn-primary-smaller {position: absolute; right: 0; top: 50px} [class*="-header"] .tit-box .btn-primary-small.black.board-add, [class*="-header"] .tit-box .btn-primary-smaller {top: 0} [class*="-header"] .tit-box + .storage {margin-top: 11px} .mypage-header .storage {margin-top: 20px} .task-header .storage .total {width: 100px} .storage > div { display: inline-block; font-size: 12px; vertical-align: middle; } .storage .total { position: relative; width: 150px; height: 4px; background-color: #adadad; } .storage .total .usage { position: absolute; left: 0; top: 0; width: 0; height: 4px; background-color: #000; -webkit-transition:width 1s; transition:width 1s; } .storage .usage-txt { padding-left: 4px; font-family: 'LifeplusB'; color: #000; } .okr-link-box .btn_link_add {margin-bottom: 14px} .okr-link-box { width: 470px; padding: 18px 0 20px 15px; text-align: left; } .okr-link-box .scroll { height: calc(100% - 33px); padding-right: 5px; margin-right: 6px; overflow-y: scroll; } .okr-link-box dl {border-top: 1px solid #d3d4d6} .okr-link-box dd > ul > li {padding: 13px 0 12px;} .okr-link-box dd > ul > li + li {margin-top: -12px} .okr-link-box .row1 {position: relative;} .okr-link-box .row1 .name { display: inline-block; margin-left: 2px; font-size: 12px; color: #999; } .okr-link-box .row1 .btn_link_release {position: absolute; right: 0; top: 3px} .okr-link-box .row2 {margin-top: 8px} .okr-link-box .row2 b {font-size: 14px; color: #000;} .okr-link-box .row2 span { position: relative; display: inline-block; padding-left: 15px; margin-left: 6px; font-size: 12px; color: #666 } .okr-link-box .row2 span::before { display: block; content: ''; position: absolute; left:0; top: calc(50% - 6px); width: 6px; height: 12px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -7px -301px; } /* 조직도/멤버/이메일 검색 */ .member-search_box {width: 305px !important; height: 472px; padding: 20px 15px 15px;} .member-search_box.short {height: 361px;} .member-search_box .v-menu__content {width: 265px !important} .btn-opinion-open.active {display: none;} .btn-opinion-open { display: block; position: fixed; top:210px; right: 47px; width: 28px; height: 24px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -162px -425px; } .preparing-open {} .preparing-open .img {position:absolute; left: calc(50% - (530px / 2)); top: calc(50% - (284px/2))} .ets009 {position:relative} .ets009 .inner { position:absolute; left: calc(50% - (428px/2)); top: calc(50% - (179px/2)); text-align: center } .ets009 .img {margin-bottom: 17px;} .ets009 .tit { padding-bottom: 11px; font-size: 18px; color: #000 } .ets009 .txt { line-height: 25px; font-size: 14px; color: #999; } .ets009 .txt p {line-height: 20px; margin-bottom: 2px;} .ico-txt_see { display: inline-block; } .ico-txt_see::before { display: inline-block; content: ''; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -256px -389px; } /* INTRO */ .mas012 {width: 1087px; margin: 0 auto; padding-top: 42px;} .mas012 > .txt { line-height: 36px; font-size: 24px; color: #666; text-align: center; } .mas012 > .txt b {font-family: 'LifeplusB'; color: #000} .mas012 > .clear:nth-child(2) {margin-top: 35px;} .mas012 > .clear:nth-child(2) > div { position: relative; width: 253px; height: 370px; padding: 30px 15px 20px; background-color: #fff; } .mas012 > .clear:nth-child(2) > div + div {margin-left: 25px} .mas012 > .clear:nth-child(2) > div > .tit {font-size: 18px; color: #000; text-align: center;} .mas012 > .clear:nth-child(2) > div > .txt { line-height: 20px; margin-top: 14px; font-size: 14px; color: #666; text-align: center; } .mas012 > .clear:nth-child(2) > div > .txt b {font-family: 'LifeplusB'; color: #000} .mas012 > .clear:nth-child(2) > div > .img { position: absolute; left:0; top: 151px; width: 100%; height: 80px; } .mas012 > .clear:nth-child(2) > div:nth-child(1) > .img {background: url(data:image/png;base64,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) no-repeat 50% 50%;} .mas012 > .clear:nth-child(2) > div:nth-child(2) > .img {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABQCAYAAAB773kdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACsxJREFUeNrsXX1QFdcVPyBIwYDQAWmLX7FWwZgXvlKLtQ4gtAXTAc1EHZUKThrspFWc6qCMFWwdO35EAnVM0Gqe0emo/aM0ipIGhYooSVExSRVpUKTaivkjgIgICD3n7l1yWffBvsc+fDz2N3PYfbt377793fPOPffccxeXnp4eGAiRkZFqh2egvI6SgPI8igc4Px6j3EQpRvkTyjVlgaqqqgErcbXhxqNR9qB8hrIWJXiEEA78OUP4c9Pzv4viaW0lrjYQXoTyJkoXSj5KFIo3issIEG/+vHv486ejnOS8aIablaTnosSh/BflFZQrQ6lmJaXno3ETLRxqQin08/Gslw981fIoFTeThfNmPN8knKdzVAbweI5wPEdxO6q32sK5M3Excw5wBYxF2Y3yK63P4WKFTX8B5Spv4R+gVA/1bxtJp4fPRiGSfbkQYvj3KUUJFQj35dswuWGQwAyuPIQFeLyQH1cjghoszcK5+jNnPsr8w9Yt73PlfQnlX3rbdOo0R6G88ywIV+AQapofbt/mn6N5YxDhZaTESBadL+TEZwvXrhD2k5QV43VkRsL4x1SVc3K9k+fNi/8l52MU50d3m/5Tvj3mQB2baEaS+X6eYE7y+DaZa3Mob5hq8biaFlu6Ia87TWjsYwp+dCV9Ct9edgCys9HU9HDSiCCz0AD1AkFlfNdXoeVb+C/Cl/cBoLDtcl9l7od4GVcU/OhKutxDdzgA6WZuxws52e8J53wVnaYIWbND+zExSbzOJrLnGn13sMaDcYXhidto08sU5qNMhVDZ06nGBkgWfg3ZwrlkPOcraHGY3FErfwVCY0YPZIb0dBkdBZPQvKQKWkoaf0juUJEU2c7nCrY9ScVj+StvMKVtT+OeUC6WKVSYnrFCB3vIli8/XDU9lZuUZE74Fk7kWmE8IZuctXjOzMs2yYRz/E3NxPC+oEzF86H9DN6gW0Q/3xpY46fLBV0cif1Lly6p/fwnc/Lq9bxXRESEB+9LkvnIdBLXfBkFXAlK0V9/7LSkDxHIDK9EIc3+toby91G2U7gAye8wSLce01GOo5jow7Rp0yAxMRFCQ0MhMDAQfH19oampCRobG+Hq1atQVFQEtbW18rWfoixG4msM0rXjZZDCuN8MCgqCNWvWQExMDLi4WKaA+CwtLYW8vDy4e/cus3YoCUj8xwbpA4NC1pVks6OiomDbtm3g7e2t+eIHDx5AVlYWXLx4kT42U7xK1ni7k46unUMxif69lmLuKBS5Ms2dOxd27doFrq7WO3rd3d2wbt06OHfuHH2k+HsEEt85VC5jOW+0ZynlGhSkh+SNVW9S52eaOHEibN261SbCmT+O19H1VA/iRZQ1w9lPt8k91lKoo6MDjh/9M9snLfXy8hrUTel6qodjPVqNbwwV6T+CZz/ro8muVF6sQG/kK5g+fTrMnj1bl4eneqg+xDiUn40kTdeEjytZxwcJCQm61ivUl2iQrkBt7Q0pahYaqmu94eHhvX6JQbpyKImDHAINfETs3bsXyJOhrbXHCOPHj5d3JziD91Ku5xd9+LCVbWmkKeLw4cPQ1tYGR48etfoYwcfHR94d6wyarutgzctrDNs2Nzf3OZ6SkgKenp6wZMkSq48RWlpaeneNwZHCT389LQXq62+B2WyGmTNn6nbf69evswZBXDNsujK6FRzCttXV+iY8XL7cO7X8iUG6At+fFcW2xcXFutYr1HfK2cMAVneyUbN/iJ2oH9TU1MCFCxd0eXiqh8wL4kuUE86u6VZ3sqNHj4ZFS5ayfQp0kScyGND1VA/HzqqqqnZnDwPMseXLLnz1NZgy5bvQ0NAAmzZtYtFCW0DX0fVUD0hRxrdHWsBLM9zc3OC32b8Dd3d3Fpbdvn07dHZ2WlVHa2srZGRkyGFd8j8XUVjXIL0fTJg4Cb4TFMT2Q0JCWAOQe03TcjTwKS9X7y6ozNmzZ2HZsmVyn0DzpfHilJ2bQa+Fzq+iHG7X1zMbT8N6KS5TC5s3b4a6ujoWS6H4DM0m0SzRnTt3mFuomCOllLsFSPjtPr8kg151/DFfylNatWoV3Lt3D/Lz8+H06dPw5MmTXr+b5kst4H8g5UseQMK7njJfBr3q6OmWBuAHDx5khBNoeB/58izw8PBAbf8CGrEx2toeipeZQVoocJK8FIt9hkGvOjKzNsGevFy04fcgOHgGRMfGwo9/kgA+PmP7Cy2kaVkUYJBuAWFhEXDAfMQ+3pGWQtR68rJGSy1pYdmjAT00HcmlZXxiHh/5oNQ70zwXy+ODr3O2DdhCOpIs5/HJSFcUIeJNXNJByOMDx1hAMLxIR8JtyeOjGe+3QFpqshilhgee5tjpGc7zMMPwJx0J15THFxAQwIQC/kuXLhXz+KihLmDPnmDniYxhl+bnaoFwyuP7iAinPL4jR45ALLpM/SVOsqfH81SOytN1IC3/+xCJ/4WjBbUcinQknPL4aJneWBr+ktZakzhJoPJ0HR8+k80/jsS7G9bcsqZTvp3ueXw8P7DHAcSxbDrl2eFmPe2LeXy2+ODkz8t5fKtXr2b5gckLXmUBJMN76Qt6ycI4tTw+LcNbtYGSnMd348YN+PTKJxAXF/dMHrTpQbvDmpf59MdeeXwVFRWGQVfR9Aj6YymPj8KaNIsSHBwMCxcuVNVutV+EnMd37Zr0IqDWtg7oetI9uC8+yhWe8+prqpT1qpVxRNJZr6fM4yNQhtKGDRtYB0m++NSpU8FkMmm6iZzH18jzBA1Nf3pI/1QeHyE1NZW5gNQpVlZWwsaNG1kWFA2MBrL5ch4fzRsS7KV9jqjVWmw6S7hT5vERVqxYwSZaSdOpcyTzkpmZ2Tthu2/fPti/f7/qTeQ8vjFjxhhqrqLp/0F5gaan/P39+5xISur7soiVK1cyj2THjh1M20tKSthxtdxIvrQP6wxwKC/CUUj/J5FOeXwDJU/SkD8nJ4eZHUJBQQHbpqenP1VWzuMLDplhqLkK6afIfFPe3fLlywe8mAY/u3fvZmbDz8+vl/z4+Pg+5eQ8vg+LTy1C+Yut/v9AY4LhSvoJlPs1NTXjKGdDy0InYYUBg0y+DGUenzOQpivpNIONJOzE3Z2Uf0fRwsGEApR5fCiGQQf1eDq9kCaloaHBRHl4RJotJsBSHp8BlSgjz7ejGZ9mysMjN1H2r7VCLY8PpdOg2wLpnHiaYqPI1H2yyZSXR/l5Ay2VsZTHB9KUnQHZ8+uPSLTjFBag91yx4AnNkc6fP5/FUqgD1ZLHB1KmwLAAf+2g1RCSjVwGnWyEFTQg8bNAervmO0SoQKol9ObxgfSKWANazIuC+C6Ud4VDZt4xtgihg8/48ddAeilkgUG4jZpuoRHSnGWQ4tCki4Qa5A6BeTFgkG6QbsAg3SDdgD6ky2nPRraQgEeP2Bus2Xoke5B+k2/DDaq/Rv0tiZbAwG/ZZXBE0z+UzUsL5ytLSs9T9NBnpJN+puTvbBsaFt5J74nRW9MplkKLKN8A6d/LlIx0wm/erIOikx+wDInomHn/sId5+RykmAq9Q7wo960dh0F6efuIRN0X/4aszHUsBSUh8ZXHM180/VrrtS4RERHW3Ev+N2oUa+/w9w84tvY36yeYXgqLxI7kOWcnur29HW6hdpNJOXniA+jq6oSp35v25eac38f+fNniz60h3Z7rgQw8jfOGnz70cPm/AAMA7K2tquyTiRUAAAAASUVORK5CYII=) no-repeat 50% 50%;} .mas012 > .clear:nth-child(2) > div:nth-child(3) > .img {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABQCAYAAAAujppDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABQ5JREFUeNrsXVtoFFcYnr1v1whCpKUUKqlYc9Nad2t90AchNcYLthQqtqH6ILSVtsYLhEpfKiWgiK2iYsBCUUHwpQ/NkoAxQSqkl1iK1UTRRCqG4lMtTcJms9nx/82/dLpNJjObOXuZfB982d0zZ8/s/t/855ZvEo+u69pMiMViUxVXE3cRG4gVxJAG2MUYcZDYQTxL7Muu0NvbO2Mj3hxOHCSeJP5O3EushIA5g+NWJXHkeJ4hPmO3EX8OAsaJdcTk8uUrehrf31leWVVdEYlE5kETexgdHR253d93/8K5b/+6ceO316noA+IS6d2SVtvx2OxOTxF3e73eR1+dOPW4pmbZUkjhDPpu3bzT9OnuBel0+jmJ88cqutMauVLGvj5xGgI6jOqa2qXHT575W8bJDyXelmBHRJ7E+F5Z8WoPnxBhN0fdujVPafU1o6qq+mWOL8dZ4u24iBv4x3uNOxZCInUwxHeDijGR0zzYcbk76fcHggi3GoyPj481rF8XkolNyOkx8alwEFAtAoFAyBhvp7tToEhhd534v8EYKDyQiXMxE3kyhLAph45MRHcKQEQAIgIQESICEBGAiABEnMPwu/nLdXZfK4rPoXq/2e9WAQyB+4GoKor8IdeiOy1tFMU+cj4ykX+5ycaf7cRa+eJXiZtm0Sbb+1bL8x+JP5nUXev2K0m1iC8Q24gPiQeJv0j580bbQSwW021c1ReIm4lheZ2QczRiYqMmAzm435Fgh7KO3c0S0CpaREA2Kh+WsmYpa5ELJRt6oYNsHN9prHa8C1Y5JrJHdYh4yCDYfyoYBLT6xRpElHri58J6KWtAJjqPd6fJjFwFZJRrk57MB4ayB1JWbvbGBfPDBQ30438SJTk7XUnszQhm7DZzFJCRMdYeMJQdkLIeZKJC0JjoEeF0Q5eaEbCM+CdxvoWmthEnZKa7zXAhhg2vTTE8mtRSE+nZB87n1coiQdO2p6pTapn4KyedYSz0TLO+eo1402Kb5zlWxIC04ZHnw3IMmegwLmqT9911z7A43it1rbSXWVocI16S8neI+4hvSp3tZo2ozIx8ZF2+M7GV+KLMIKcDH1skdc0QldlnSDKPlxXXhc1SFpI6UcN0Hpk4S4zJrkyb7LBw9vwsx1ZJBrLIG6WuGd4WoY6a1OFje6Tu9XzODgsN1XunQyJgJ/EI8ZGQn18RMYcstBMhpmYY985LnQjGROfBd/ccF+aKJuly+03q8LHV2XVy3SGxcjeSGab5YxWlu8RwCP0O1Sk6EYq9OwXmcibi7itkIkQEICIAEQE3LzFsA5bFEhcAlkXAKmBZnEWbsCzmUURYFktcRFgWpxjfYVmEZTHvmQjLogGwLP4LWBYLtU6EZbF014mwLLogE2FZdMGODSyLLshEWBZdkImaBsuia2ansCy6YYnhEGBZLFB3CszlTIRlEZkIEQGICEBEACJCRAAiAhARUC9i5r9N4/8nqkWZPA6rEHFQHlcizkpRK49/WH2DnW23DmLllq1vXd3TtB/ZqAgtX37xsOvKZX7aqSITvyFOtMe/9w8M3EO0FYDiOt7d1fmsNmkGO6tCRDYztaZSKe9nzfvTA/fuIupOCkjxbPrkoxFd17mXa9Wsm8c0TzQatXMuPkGcWOfz+dKbt2xN1b1RH6x4abEWDoehhE0kEgnt/uCA1t4eH2mPt4V0Pc3DW5c26RVK2hFR5f17gHpcwzqx9OF5IsAAcP6znjqo1asAAAAASUVORK5CYII=) no-repeat 50% 50%;} .mas012 > .clear:nth-child(2) > div:nth-child(4) > .img {background: url(data:image/png;base64,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) no-repeat 50% 50%;} .mas012 > .clear:nth-child(2) > div > .ref { position: absolute; left: 15px; top: 248px; width: calc(100% - 30px); line-height: 18px; padding-left: 8px; font-size: 12px; color: #999; text-indent: -8px; } .mas012 > .clear:nth-child(2) > div > .txtc { position: absolute; left: 0; top: 320px; width: 100%; text-align: center; } .mas012 > .clear:nth-child(2) > div > .txtc button {min-width: 95px; } .mas012 .btm {margin-top: 15px;} .mas012 .btm .fl {font-size: 12px; color: #666} .mas012 .btm .fl .txt::before { display: inline-block; content: ''; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -162px -2px; } .mas012 .btm .fl b {font-family: 'LifeplusB'; color: #000} .mas012 .btm .fr label {font-size: 12px; color: #666} .mas012.sec {width: 809px;} /* 고객센터 */ .ets006 .modal-header { padding-top: 26px; text-align: center; } .ets006 .modal-header .tit {font-family: 'LifeplusB'; font-size: 22px; color: #000} .ets006 .modal-header .txt { padding-top: 11px; font-size: 14px; color: #666 } .ets006 .modal-content {padding-top: 23px;} .ets006 .modal-content .clear > div { width: 592px; height: 513px; padding: 24px 25px 25px; border:1px solid #d3d4d6; } .ets006 .modal-content .clear > div h2 {font-family: 'LifeplusB'; font-size: 18px; color: #000} .ets006 .modal-content .clear > div h2 + .tit {margin-top: 21px} .ets006 .modal-content .clear > div .tit { padding-bottom: 13px; font-size: 14px; color: #000; } .ets006 .modal-content .clear .guide-info { width: 100%; margin-bottom: 15px; } .ets006 .modal-content .clear .guide-info li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; font-size: 14px; line-height: 1.43;} .ets006 .modal-content .clear .guide-info li:before { width: 3px; height: 3px; margin-right: 5px; content: ''; background-color: #666;} .ets006 .modal-content .clear > .fl ul > li:nth-child(even) {margin-left: 12px;} .ets006 .modal-content .clear > .fl ul + .tit {margin-top: 14px} .ets006 .modal-content .clear > .fl ul + h2 {margin-top: 27px} .ets006 .modal-content .clear > .fl ul > li { float: left; width: calc(50% - 6px); margin-bottom: 12px; } .ets006 .modal-content .clear > .fl .btn-primary-small { position: relative; width: 264px; } .ets006 .modal-content .clear > .fl .btn-primary-small:after { display: block; content: ''; position: absolute; right: 6px; top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -144px -92px; } .ets006 .modal-content .clear > .fr .tit {padding-bottom: 8px;} .ets006 .modal-content .clear > .fr .txt {font-size: 14px; color: #666;} .ets006 .modal-content .clear > .fr .reader { width: 100%; padding: 16px 28px 20px; margin-top: 12px; background-color: #f6f7fa; } .ets006 .modal-content .clear > .fr .reader li {float:left; width: 40%;} .ets006 .modal-content .clear > .fr .reader input:-moz-read-only{ padding: 0 12px; height: 30px; border: 1px solid #d3d4d6;} .ets006 .modal-content .clear > .fr .reader input:read-only{ padding: 0 12px; height: 30px; border: 1px solid #d3d4d6;} .ets006 .modal-content .clear > .fr .phone input:-moz-read-only{ width:30%; height: 30px; padding: 0 12px; border: 1px solid #000;} .ets006 .modal-content .clear > .fr .phone input:read-only{ width:30%; height: 30px; padding: 0 12px; border: 1px solid #000;} .ets006 .modal-content .clear > .fr .reader li + li {margin-left: 90px;} .ets006 .modal-content .clear > .fr .reader .txt {font-size: 14px; color: #000} .ets006 .modal-content .clear > .fr .reader input { width: 230px; margin-top: 30px; border-color: #d3d4d6; } .ets006 .modal-content .clear > .fr .qr { width: 74px; height: 74px; margin: 10px 0 0 36px; background: url(data:image/png;base64,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) no-repeat 0 0; } .ets006 .modal-content .clear > .fr .reader.new { width: 100%; height: auto; padding: 16px 28px 20px; margin-top: 12px; background-color: #f6f7fa; } .ets006 .modal-content .clear > .fr .reader.new > ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .ets006 .modal-content .clear > .fr .reader.new > ul:after {display: none;} .ets006 .modal-content .clear > .fr .reader.new .txt {font-size: 14px; color: #000} .ets006 .modal-content .clear > .fr .reader.new input { width: 225px; margin-top: 13px; border-color: #d3d4d6; } .ets006 .modal-content .clear > .fr .reader.new .qr { width: 84px; height: 82px; margin: 20px auto 0; } .ets006 .modal-content .clear > .fr .reader.new > ul li { width: auto; } .ets006 .modal-content .clear > .fr .reader.new > ul li:first-child { position: relative; } .ets006 .modal-content .clear > .fr .reader.new > ul li:first-child:after{ position: absolute; right:-17px; top:50%; width: 1px; height: 128px; margin-top: -64px; content: ''; background: #d3d4d6; } .ets006 .modal-content .clear > .fr .reader.new > ul li:first-child .qr { background: url(data:image/png;base64,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) no-repeat 0 0; background-size: 100% 100%; } .ets006 .modal-content .clear > .fr .reader.new li + li { margin-left: 0; } .ets006 .modal-content .clear > .fr .reader.new > ul li .qr { background: url(data:image/png;base64,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) no-repeat 0 0; background-size: 100% 100%; } .ets006 .modal-content .clear > .fr .reader + .tit {margin-top: 27px;} .ets006 .modal-content .clear > .fr .phone {margin-top: 11px;} .ets006 .modal-content .clear .nodata {display: table; text-align: center; width: 100%; height: 100%;} .ets006 .modal-content .clear .nodata > p {display: table-cell; font-size: 14px; color: #999; vertical-align: middle;} .ets006 .modal-content .clear > .fl .nodata {height: 80px;} /*============================================ LOADING - 통합검색에서 사용 ============================================*/ .loading-box .txt { margin-top: 8px; font-size: 14px; color: #999; text-align: center; } .loader_wrap {text-align: center;} .loader { position: relative; display: inline-block; width: 4px; height: 4px; font-size: 3.7px; text-indent: -9999em; border-radius: 50%; -webkit-animation: load5 1.1s infinite ease; animation: load5 1.1s infinite ease; -webkit-transform: translateZ(0); transform: translateZ(0); } .data_entry { position: relative; } .data_entry .hover_inner { min-height: 114px;} .data_entry .loading-box { position: absolute; left: 0; top: 0; width: calc(100% - 55px); min-height: 114px; border-radius: 8px; line-height: 114px; opacity: .5; background: #000; } @-webkit-keyframes load5 { 0%, 100% { -webkit-box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7); box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7); } 12.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5); } 25% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 37.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 50% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 62.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 75% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 87.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000; box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000; } } @keyframes load5 { 0%, 100% { -webkit-box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7); box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7); } 12.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5); } 25% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 37.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 50% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 62.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 75% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2); } 87.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000; box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000; } } .attachfile_box .row_box .loading-box.white { position: absolute; left: 0; top: 0; width: calc(100% - 54px); height: 100%; border-radius: 8px; background-color: rgba(0,0,0, 0.5); } .loading-box.white .loader-txt { display: inline-block; line-height: 40px; margin-left: 15px; font-size: 14px; color: #fff; text-align: center; } .loading-box.white .loader { vertical-align: middle; -webkit-animation: loadWhite 1.1s infinite ease; animation: loadWhite 1.1s infinite ease; } @-webkit-keyframes loadWhite { 0%, 100% { -webkit-box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #000; box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #000; } } @keyframes loadWhite { 0%, 100% { -webkit-box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #000, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #000, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #000, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #000, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #000, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #000, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { -webkit-box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #000; box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #000; } } .modify-highlight { background: #000; color:#fff; } .dropdown-file:after { display: block; margin: 3px 0 0 -15px; content: ''; border-bottom: 2px solid #000; } .dropdown-file-preview { overflow: visible; position: relative; width: 44px; height: 44px; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d3d4d6; background-color: #f6f7fa; } .dropdown-file-preview > span:before { margin-right: 0; } .dropdown-file-preview > span[class*="ico-file-"] { padding-left: 12px; } .dropdown-file-preview > span[class*="ico-file-"].medium { padding-left: 16px; } .dropdown-file-preview > span[class*="ico-file-"].large { padding-left: 22px; } .dropdown-file-preview:before{ z-index: 11; display: inline-block; position: absolute; right: -12px;bottom:-5px; content: ''; border: 5px solid; border-color: transparent transparent transparent #fff; } .dropdown-file-preview:after { z-index: 10; position: absolute; right:-10px; bottom:-7px; width: 38px; height: 16px; padding: 1px 10px 2px 5px; border-radius: 8px; color: #fff; font-size: 11px; content: '\C774\B3D9'; background-color: #000; } .dropdown-file-preview.ico-imgs { background: #f6f7fa; } .dropdown-file-preview.ico-imgs img{ width: 40px; height: 40px; } .todo_wrap_view.dropdown-file:after { margin-top: 7px; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-division { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .task_name.flex .flex-division { width: calc(100% - 120px); } .task_name.flex .flex-division .cate-tit { width: calc(100% - 70px); } .task_name.flex .board_name { margin-top: 0; padding-bottom: 0; } .tag_setting {margin:30px 0 0 0;display: -webkit-box;display: -ms-flexbox;display: flex;} .tag_setting .tag_btn {width: 86px;} .tag_setting .tag_wrap {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-top: -4px;} .tag_pop {margin: 30px 0 0 0;} .tag_pop .tag_wrap {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 20px 0 0 0;padding: 10px 5px 10px 13px;border: 1px solid #d3d4d6;height: 86px;} .tag_wrap .tag_inner {height: 100%;overflow: hidden; overflow-y: auto;} .tag_wrap .tag_inner > div {display: inline-block;margin: 4px 4px 6px 0;padding:0 8px;height: 22px;line-height: 21px;font-size: 12px;color: #000;text-align: center;background-color: #f6f7fa;border: 1px solid #e6e6e8;border-radius: 15px;} .member_grp.tag{margin-top: 20px;height: 86px;padding: 10px 5px 10px 13px;} .member_grp.tag .scroll {height: 100%;} .member_grp.tag > div > div {height: 22px;line-height: 21px;font-size: 12px;color: #000;} .member_grp.tag > div > p.nodata {display: table;width: 100%;height: 100%;} .member_grp.tag > div > p.nodata > span{display:table-cell;text-align: center;vertical-align: middle;font-size: 14px; color: #999;} .tag_sel_wrap {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 10px 0 0 0;padding: 10px 5px 10px 13px;height: 184px;border: 1px solid #acacac;} .tag_sel_wrap .tag_sel {height:100%;overflow: hidden;overflow-y: auto;} .tag_sel_wrap .tag_sel::after {content:'';display: block;clear: both;} .tag_sel_wrap .tag_sel > span {display: inline-block;overflow: hidden;width: 33.33%;margin: 6px 0 6px 0;padding-right: 10px;text-overflow: ellipsis;white-space: nowrap;} .tag_sel_wrap .tag_sel > span > label {display:inline;} .tag_sel_wrap .tag_sel > p.nodata {display: table;width: 100%;height: 100%;} .tag_sel_wrap .tag_sel > p.nodata > span{display:table-cell;text-align: center;vertical-align: middle;font-size: 14px; color: #999;} .board-link { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; top:-65px; padding: 4px 15px 4px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 15px; background-color: #ffffff; } .board-link:after { content: ''; width: 13px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0 -297px; } .board-link a { margin-right: 8px; color: #666; font-size: 14px; } .board-link .droplayer.info { margin-right: 10px; } .board-link .droplayer.info > .v-menu { top: 19px; left: -194px; } .board-link .tip .tooltip-w.tr { width: 225px; color: #666; font-size: 12px; } .board-link.new .tip:after { position:absolute; right: -9px; top: -3px; width: 10px; height: 10px; content: ''; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -50px -221px; } .browswer-check { display: -webkit-box; display: -ms-flexbox; display: flex; width: 310px; height: 26px; margin: 20px auto 0; padding:0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 13px; -webkit-box-shadow: 0px 5px 7px 0 rgba(0, 0, 0, 0.22); box-shadow: 0px 5px 7px 0 rgba(0, 0, 0, 0.22); background-color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .browswer-check:before { content: ''; width: 16px; height: 16px; margin-right: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABCFBMVEVHcEz/yzPtbW/qSk5Wu2/9uzxzx4nRpUUfq0X/yjToKi/pQUj/yjQ1sVP/yjMlrEYvsE8krEfraGntYGLqNTnpQUToLTHoJyvpNDn/yjTzcC7/zzTejIYmrUhOlkYnrEk2rkkkrEnixzf/yjQrrkroLDAwerrqICUnrEcfq0X/yi3/0zToJSnqKS70dDA1fMUlsUoicbkodbjnIS9Pmc/rgYbp2ZaCrtS8x7ieudH3SkwTtkZ2xJLDxUCSwrdMjdD/0EGPyaTmHSxroNbMy69TjMp2ntJlvnP113v2fl4ker7tcnPeLyy3ppH3Iy91bzMzqUrQNi0roj2LbT5Tjs/zyC9Ssjx2t0H/+7EmAAAAI3RSTlMArxBVWh8WBf104WXQpvPxbINJSOCa7YGjlfNrTOLr3tCu0DMvyfEAAADaSURBVBjTLY9XV8JQEISXkuSEJnalCWZzCySm04uCBewN/P//xL05fE87szMPA0Bkj04LhYtcFvYcn3DHtm3nLGekuugoSbjuuXIaXH0551EULYsAeuvVtfk4STY3RE2D/OTnnb+M4njQ7xF1KPufX+PRcxgGq3XXsjJwhZOPJA4ZY959r2uVoIn+99sDU8YwNcoC5dMgYCxY9NNKXqLw7x4973d4S4YJ+oFAgdP5fDojXdFARVBI9HdbSwUAjEOBiFLOSF+mY4wqteQf5U1jP1evdtrXGVNT9z8CIiHMZrFE8wAAAABJRU5ErkJggg==) 0 0; } .browswer-check .txt{ color: #000; font-size: 12px; } .browswer-check .close{ width: 20px; height: 20px; margin-left: 15px; font-size: 0; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -40px -297px; } /* 손보 작업 관련 */ .modal-window.mas_cal > .modal-content{overflow-y: auto;} .calendar-cmn-area .calendar-cmn-box .top-day-txt{display: -webkit-box;display: -ms-flexbox;display: flex;width:100%;} .calendar-cmn-area .calendar-cmn-box .top-day-txt .day{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width:100%;min-width: 137px;padding-bottom: 10px;border-bottom: 1px solid #e1e3e5;font-size: 15px;padding: 5px 0 5px 0; color:#000;border-top: 1px solid #979a9d;} .calendar-cmn-area .calendar-cmn-box {padding:15px 0px 0px 0px} .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;} .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;width: 100%;min-width:137px;min-height:100px;padding: 30px 0px 10px 0px;font-size: 16px;cursor: pointer;border-right: 1px solid #eaedef;border-bottom: 1px solid #eaedef;-webkit-box-sizing: border-box;box-sizing: border-box;color: #000;-webkit-transition: 0.2s background 0s;transition: 0.2s background 0s;} .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day:active{background: #eaeaea;} .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day.pass{color: #ccc;} /* .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day:hover{color:#eaeaea} */ .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day:hover .num{font-weight: 700;} .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day.off{color:#fc4c4e} .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day .num{position: absolute;top:10px;left:10px;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li{position: relative;padding: 0 0 0 36px;font-size: 12px;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li .txt::before{content:"";position: absolute;top:6px;left:0; display: block;width:3px;height: 3px;border-radius: 100%;background: #000;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li .txt{position: relative; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding:0 15px 0 10px} .calendar-cmn-area .calendar-cmn-box .day-detail ul li + li{margin-top: 2px;} .calendar-cmn-area .calendar-cmn-box .bottom-day-box .row .day:last-child{border-right: 0;} .modal-window.mas_cal .list-table > li > dl{display: table; width: 100%;} .modal-window.mas_cal .list-table > li > dl > dd > form > .input-box > input{width: 100%;} .modal-window.mas_cal .vdp-datepicker__calendar{top:-200px;left:0;} .modal-window.mas_cal .calendar_box_grp{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .modal-window.mas_cal .calendar_box_grp .input-box{margin-left: 10px;width: 96px;} .modal-window.mas_cal .calendar_box_grp .vdp-datepicker > div > input:-moz-read-only {width: 120px;height: 30px; line-height: 30px;} .modal-window.mas_cal .calendar_box_grp .vdp-datepicker > div > input:read-only {width: 120px;height: 30px; line-height: 30px;} .modal-window.mas_cal textarea{resize: none;} .modal-window.mas_cal .modal-footer .button-align-cal button {height: 40px; padding: 0 20px; line-height: 40px;font-size: 18px;} .modal-window.mas_cal .modal-footer .button-align-cal {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 30px;} .btn-show-sche{font-weight: 700;color:#000;font-size: 15px;} .calendar-cmn-area .calendar-cmn-tit{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center} .calendar-cmn-area .calendar-cmn-tit .btn-box button{margin:0 10px;color:#504d4d;font-size: 20px;font-weight: 700;} .calendar-cmn-area .calendar-cmn-tit .btn-box button:hover{color:#000} .calendar-cmn-area .calendar-cmn-tit .data-txt{font-weight: 700;font-size: 21px;color: #007aff;margin: 0 0 0 20px;} .calendar-cmn-area .calendar-cmn-box .day-detail{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;} .calendar-cmn-area .calendar-cmn-box .day-detail ul{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li.allday{position: relative;height:16px} .calendar-cmn-area .calendar-cmn-box .day-detail ul li.allday .allday-box{position: absolute;top: 0;left: -1px;right: 0;background: #9dc3e6;padding: 0 0 0 37px;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li.allday .allday-box.ty01{background: #ffbfb2;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li.allday .allday-box::after{content:"";display: block;width:1px;} .calendar-cmn-area .calendar-cmn-box .day .day-detail ul li.allday.start .allday-box{border-left:1px solid #fff;padding: 0 0 0 36px;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li.more .txt::before{display: none;} .calendar-cmn-area .calendar-cmn-box .day-detail ul li.more .txt{color:#2c5afa;font-weight: 700;} .modal-window.mas_cal .cal-tit-txt-box{position: relative; font-size: 18px;color: #383636;font-weight: 700;padding: 0px 0 10px 15px;margin:20px 0 0 0} .modal-window.mas_cal .cal-tit-txt-box::before{content:"";display: block;position: absolute;top:10px;left:0;width:4px;height:4px;border-radius: 100%;background: #000;} .modal-window.mas_cal .vdp-datepicker__calendar {top: -200px;left: 108px;} .modal-window.mas_cal .list-table > li > dl > dt + dd{color: #2d2b2b;} .modal-window.mas_cal .list-table > li > dl > dt{color: #2d2b2b;} .modal-window.mas_cal .list-table > li{padding:5px 0} /* .modal-window.mas_cal .modal-content{height: calc(100% - 80px);} */ .detail-sche-list-box{max-height: 385px;overflow-y: auto;} .detail-sche-list-box .item{cursor: pointer} .detail-sche-list-box .item:hover div, .detail-sche-list-box .item:hover dt{color:#000;font-weight: 700;} .detail-sche-list-box .item:hover .list-table{border-top: 1px solid #000;} .modal-window.mas_cal .dropdown-list .scroll{margin-top:0} .modal-window.mas_cal .dropdown.ty2 .v-btn{width: 638px;} .modal-window.mas_cal .dropdown.ty2 > .v-menu .v-menu__content{min-width: 638px !important} .modal-window.mas_cal .dropdown-list .scroll .dropdown-list-item button{display: block;max-width: 610px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 15px;} .modal-window.mas_cal div.error{margin-top: 4px;color: #ff0000;font-size: 12px;text-align: right;} .modal-window.mas_cal .textarea-box{font-size: 0;} @charset "UTF-8"; /*============================================ COMMON ============================================*/ .list-team, .list-category {font-size: 12px; color: #999;} .btm .list-team {font-size: 14px;} [class*="list-tit-"] {color: #000;} .list-tit-m { line-height: 1.25; font-size: 24px; } .list-tit-s { line-height: 1.44; font-size: 18px; cursor: pointer; } .list-btm > div, .list-date {font-size: 14px; color: #999;} .list-btm > .list-see {font-size: 14px; color: #000;} .list-date.deadline, td .deadline { position: relative; color: #000 } .list-date.deadline::before, td .deadline::before { display: inline-block; content: ''; width: 16px; height: 14px; margin-right: 6px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -240px -390px; } .list-see::before { display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 3px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) repeat -260px 0 } a[class*="list-"] {display: block;} a[class*="list-"]:hover {text-decoration: none;} .list-member {font-size: 14px; color: #999;} .list-member b {font-family: 'LifeplusB';} .list-date.update { display: inline-block; position: relative; font-size: 14px; color: #999; } .list-date.update:after { display: block; content: ''; position: absolute; right: -8px; top: -8px; width: 10px; height: 10px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -50px -221px; } /*============================================ vue-toasted ============================================*/ .toasted-container[class*="bottom-"] {left: 60px;} .toasted.toasted-primary { line-height: 1.2; padding-top: 4px; padding-bottom: 4px; font-size: 14px; color: #fff; font-weight: normal; border-radius: 8px; background-color: rgba(0,0,0,0.5); -webkit-box-shadow: none; box-shadow: none; } .toasted-container .toasted b { display: contents; font-family: 'LifeplusB'; } .toasted-container .toasted p {display: block;} .toasted-container .toasted .action { font-size: .8rem; width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -320px -297px; } /*============================================ CARD ============================================*/ [class*="col-"] > li, [class*="col-"] > div, [class*="col-"] > a {float: left;} [class*="col-"]:after {clear:both; display:block; content:'';} .col-3 > li:first-child, .col-3 > li:nth-child(3n+1), .col-3 > div:first-child, .col-3 > div:nth-child(3n+1), .col-3 > a:first-child, .col-3 > a:nth-child(3n+1) {margin-left: 0 !important;} .col-4 > li:first-child, .col-4 > li:nth-child(4n+1), .col-4 > div:first-child, .col-4 > div:nth-child(4n+1), .col-4 > a:first-child, .col-4 > a:nth-child(4n+1) {margin-left: 0 !important;} .col-5 > li:first-child, .col-5 > li:nth-child(5n+1), .col-5 > div:first-child, .col-5 > div:nth-child(5n+1), .col-5 > a:first-child, .col-5 > a:nth-child(5n+1) {margin-left: 0 !important;} [class*="list-card_"].col-3 > a {width: calc(33.3% - ((24px * 2) / 3)); margin-left:24px; margin-bottom: 24px;} [class*="list-card_"].col-4 > a {width: calc(25% - ((20px * 3) / 4)); margin-left:20px; margin-bottom: 20px;} [class*="list-card_"] {width: 1180px; margin: 0 auto;} [class*="list-card_"] .list-top {min-height: 20px; margin-bottom: 18px;} [class*="list-card_"] .swiper-slide .hover .ico-switch_favorites {display: none;} [class*="list-card_"] .swiper-slide:hover .ico-switch_favorites, [class*="list-card_"] .swiper-slide .hover .ico-switch_favorites.active {display: block;} /* square type */ .list-card_square li, .list-card_square > .clear, .list-card_square > .swiper-wrapper > .clear, .list-card_square > a { position: relative; width: calc(25% - ((20px * 3) / 4)); height: 170px; margin-right: 20px; margin-bottom: 20px; padding: 15px 23px 20px; background-color: #fff; } .list-card_square .list-btm { position: absolute; left:25px; bottom: 20px; width: calc(100% - 50px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-card_square .list-btm > .list-date { text-align: right; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-card_square .list-btm .list-see + .ico-txt_like {margin-left: 14px;} .list-card_square .swiper-slide {border: 1px solid #fff;} .list-card_square .swiper-slide:hover {border:1px solid #000;} /* 정보공유 */ .list-card_square.share .list-group-item {height: 190px; padding-top: 15px} .list-card_square.share .list-team {margin-top: 25px;} .list-card_square.share .list-tit-s {margin-top: 10px;} /* round type */ .list-card_round > li, .list-card_round > div, .list-card_round > a { position: relative; width: calc(33.3% - ((30px * 2) / 3)); height: 182px; margin-left:30px; margin-bottom: 30px; padding:13px 25px 14px; border: solid 1px #fff; border-radius: 15px; background-color: #fff; } .list-card_round > li:hover, .list-card_round > div:hover, .list-card_round > a:hover { border: solid 1px #000000; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); } .list-group-item .ico-switch_favorites {display: none;} .list-group-item:hover .ico-switch_favorites {display: block;} .list-group-item .ico-switch_favorites.active {display: block;} .list-group-item:hover .btn_top.hover {display: block;} .list-card_round.task .list-group-item [class*="ico-txt-evaluate-"] {font-size: 12px; color: #999} .list-card_round .rating {color: #999;} .list-card_round .list-btm { position: absolute; left:25px; bottom: 14px; width:calc(100% - 50px) } .list-card_round [class*="add_"] * {display: none;} .list-card_round [class*="add_"] { border: 1px dashed #cccdce; background-color: #f9fafc; } .list-card_round [class*="add_"]::before, .list-card_round [class*="add_"]::after { display: block; text-align: center; } .list-card_round [class*="add_"]::before { content: ''; width: 50px; height: 50px; margin: 29px auto 12px; border-radius: 50%; background: #e9e9e9 url(/static/img/sp_common.1ad25ab.svg) no-repeat -0 -258px; background-size: 500px 500px; } .list-card_round [class*="add_"]::after { content: '\ACFC\C81C\CD94\AC00'; font-size: 14px; color: rgba(102, 102, 102, 0.99); } .list-card_round .add_space::after {content: '\ACF5\AC04\CD94\AC00';} .list-card_round .add_board::after {content: '\BCF4\B4DC\CD94\AC00';} /* 최근업무 */ .list-card_round.board .list-group-item {height: 242px;} .list-card_round.board [class*="add_"]::before {margin-top: 59px} .list-card_round.board [class*="ico-"] {margin-bottom: 25px} .list-card_round.board .list-top > span { position: relative; color: #999; } .list-card_round.board .list-top > span + span {padding-left: 10px; margin-left: 10px} .list-card_round.board .list-top > span + span::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height: 12px; background-color: #d3d4d6; } .list-card_round.board .list-btm {bottom: 62px} .list-card_round.board .list-btm_last button + button {margin-left: 3px;} .list-card_round.board .list-btm_last { position: absolute; left: 0; bottom: 0; width: 100%; height: 42px; padding: 12px 25px; border-top: 1px solid #e6e6e8; } /* kanban-list-wrap */ .kanban_wrap .btn_box {padding: 20px 0} [class*="kanban-col"] {} .kanban-list-wrap { height: 442px; margin-top: 20px; margin-right: -5px; padding-right: 5px; overflow-y: auto; } .kanban-list-item:last-child {margin-bottom: 0;} .kanban-list-item { position: relative; width: 100%; min-height: 169px; /* min-height: 211px; */margin-bottom: 20px; padding: 12px 25px 17px; border-radius: 16px; border: 1px solid transparent; background-color: #fff; } .kanban-list-item:hover { border-color: #000; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); } .kanban-list-item .list-top + .img {margin-top: 8px;} .kanban-list-item .ico-switch_favorites {display: none;} .kanban-list-item:hover .ico-switch_favorites, .kanban-list-item .ico-switch_favorites.active {display: block;} .kanban-list-item.no-data { display: table; margin-top: 20px; } .kanban-list-item.no-data .txt { display: table-cell; font-size: 14px; color:#999; text-align: center; vertical-align: middle; } .kanban-list-item .folder_name {margin-top: 16px; cursor: pointer;} .kanban-list-item .tit {font-size: 18px; color: #000; line-height: 26px; cursor: pointer;} .kanban-list-item .list-bom .clear { /* padding-bottom: 17px; margin-bottom: 13px; */ /* border-bottom: 1px solid #d3d4d6; */ } .kanban-list-item .list-bom .linked { padding-top: 12px; margin-top: 12px; border-top: 1px solid #d3d4d6; } .kanban-list-item .list-bom { margin-top: 9px; font-size: 14px; color: #999; } .kanban-list-item .list-bom.noline .linked { padding-top: 0; margin-top:0; border-top: 0 none; } /* folder type */ .list-folder li, .list-folder > div, .list-folder > a { width: calc(25% - ((30px * 3) / 4)); height: 215px; padding: 0 25px; margin-left: 30px; border-radius: 20px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTUiIGhlaWdodD0iMjE1Ij4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTI5NSAyMTVIMjBjLTExLjA0NiAwLTIwLTguOTU1LTIwLTIwVjIwQzAgOC45NTQgOC45NTQgMCAyMCAwaDMyYy4yMTcgMCAuNDI4LjAyNS42NDQuMDMybDEzLjEwMy4wNWg0LjlzOC4zMy0xLjI2OSAxNC4yMTEgNS43ODhsMTQuMTEzIDEzLjExNFMxMDQuODg1IDI1IDExNCAyNWgxODFjMTEuMDQ1IDAgMjAgOC45NTQgMjAgMjB2MTUwYzAgMTEuMDQ1LTguOTU1IDIwLTIwIDIweiIvPgo8L3N2Zz4K) no-repeat 0 0; } /* list-make_room */ .list-make_room li, .list-make_room > div, .list-make_room > a { position: relative; width: calc(20% - ((20px * 4) / 5)); height: 200px; margin-left: 20px; margin-bottom:25px; padding: 25px 20px; border-radius: 8px; border: 1px solid #f1f5f7; background-color: #fff; } /*============================================ ICON ============================================*/ [class^='icon_'] { width: 15px; height: 15px; border-radius: 50%; } .icon_exceeded {background-color: #7ba1fe;} .icon_on_track {background-color: #6dcbce;} .icon_at_risk {background-color: #ffd17e;} .icon_off_track {background-color: #ff9599;} [class*="ico-average-"] { position: relative; height: 16px; padding-left: 22px; } [class*="ico-average-"]:empty {padding-left:16px;} [class*="ico-average-"]::before { display: block; content: ''; position: absolute; left:0; top: calc(50% - 8px); width: 16px; height: 16px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -42px -349px; } .ico-average-off_track::before {background-position: -42px -349px;} .ico-average-at_risk::before {background-position: -2px -349px;} .ico-average-on_track::before {background-position: -22px -349px;} .ico-average-exceeded::before {background-position: -62px -349px;} .ico-new { display: inline-block; content: ''; width: 10px; height: 10px; vertical-align: top; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -50px -221px; } /* icon + text */ [class*="ico-txt-"] { display: inline-block; font-size: 14px; } [class*="ico-txt-"]::before { display: inline-block; content: ''; width: 20px; height: 20px; margin-right: 5px; vertical-align: text-bottom; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -101px -41px; } .ico-txt-favorites::before {background-position: -101px -41px;} .ico-txt-favorites.active::before {background-position: -101px -61px;} .ico-txt-filter::before {background-position: -200px -0px;} .ico-txt-filter span { display: inline-block; width: 16px; height: 16px; line-height: 16px; margin-left: 8px; color: #fff; text-align: center; border-radius: 50%; background-color: #000; } [class*="ico-txt-evaluate-"] {position: relative; padding-left: 22px;} [class*="ico-txt-evaluate-"]::before {position: absolute; left:0; top: calc(50% - 10px);} .ico-txt-evaluate-delay::before {background-position: -40px -347px;} /* 보고 필요 */ .ico-txt-evaluate-so::before {background-position: 0 -347px;} /* 이슈 발생 */ .ico-txt-evaluate-good::before {background-position: -20px -347px;} /* 정상 */ .ico-txt-evaluate-exceeded::before {background-position: -60px -347px;} /* 종료 */ .ico-txt-comment::before {background-position: -280px 0;} .ico-txt-share::before {background-position: -180px 0;} .ico-txt-bg-share::before {background-position: -261px -298px;} .ico-txt-file-ppt.large, .ico-txt-file-jpg.large {color: #000;} .ico-txt-file-ppt.large::before {background-position: -80px -20px;} .ico-txt-file-jpg.large::before {background-position: -100px -20px;} [class*="ico-txt-one-file-"].ell-singleline { position: relative; width: 100%; } td [class*="ico-txt-one-file-"].ell-singleline {cursor: pointer;} [class*="ico-txt-one-file-"] {} [class*="ico-txt-one-file-"]::before, [class*="ico-txt-one-file-"]::before { width: 22px; height: 22px; margin-right: 10px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -448px -421px; } [class*="ico-txt-one-file-"]::after { position: absolute; right:0; top:0; width: 30px; line-height: 22px; text-align: right; } .ico-txt-one-file-xlsx::before {background-position: 0 -104px;} .ico-txt-one-file-ppt::before {background-position: -22px -104px;} .ico-txt-one-file-word::before {background-position: -44px -104px;} .member-list {position: relative;} .member-list .txt_user {font-size: 14px; color: #999;} .member-list .ico-txt_user {font-size: 12px; color: #999;} .member-list .txt_user b, .member-list dt b { pointer-events: none; } .member-list .layer-cnt_ty1 {height: 142px;} .member-list dt + .layer-cnt_ty1 {display: none;} .member-list dt.active + .layer-cnt_ty1 { display: block; position: absolute; left: 0; top: 30px; font-size: 14px; } td .layer-cnt_ty1 {text-align: left;} .list-btm div.member-list {font-size: 14px; color: #999;} .member-list.noicon .ico-txt_user {padding-left: 0;} .member-list.noicon .ico-txt_user b {text-decoration: underline;} .member-list.noicon .ico-txt_user::before { width: 0; height: 0; background: none; } .board-num dt button {font-family: 'LifeplusB'; font-size: 12px; color: #999; text-decoration: underline;} .board-num dd {font-family: 'LifeplusM';} .board-num dd li {line-height: 30px;} .board-num dd li > div {display: inline-block;} .board-num dd li > .tit {font-size: 14px; color: #666;} .board-num dd li > .name, .board-num dd li > .date { position: relative; padding-left: 9px; margin-left: 4px; font-size: 12px; color: #999; } .board-num dd li > .name::before, .board-num dd li > .date::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 1px; height: 13px; background-color: #d3d4d6; } .board-num .scroll_inner {height: 104px;} .member_grp { padding: 12px 5px 12px 13px; border: solid 1px #d3d4d6; background-color: #fff; } .member_grp .scroll { height: 61px; padding-right:6px; overflow-y: auto; overflow-x: hidden; } .member_grp .scroll div { position: relative; display: inline-block; height: 23px; line-height: 23px; padding: 0 10px; margin: 4px 4px 6px 0; border: solid 1px #e6e6e8; border-radius: 11px; background-color: #f6f7fa; } .member_grp .scroll > div:hover button {display: block;} .member_grp button { position: absolute; right: -9px; top: -9px; display: none; width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -400px 0; } /* 진행상태 */ .dl_layer.state {position: relative;} .dl_layer.state > dd > ul { border: solid 1px #d3d4d6; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; } .dl_layer.state > dd > ul > li { line-height: 35px; padding: 0 10px; } .dl_layer.state > dd > ul > li:hover {background-color: #eff2f7;} [class*="ico-txt-status-"] { position: relative; padding-left: 17px; } [class*="ico-txt-status-"]::before { position: absolute; left:0; top: calc(50% - 5px); display: block; content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: none; } .ico-txt-status-ready::before {background-color: #adadad;} /* 시작전 */ .ico-txt-status-ongoing::before {background-color: #37b2d3;} /* 진행중 */ .ico-txt-status-suspend::before {background-color: #eca90f;} /* 일시중지 */ .ico-txt-status-completion::before {background-color: #a2c10b;} /* 완료 */ [class*="ico-status-"] { display: inline-block; width: 12px; height: 12px; vertical-align: middle; border-radius: 50%; } .ico-status-ready {background-color: #adadad;} /* 시작전 */ .ico-status-ongoing {background-color: #37b2d3;} /* 진행중 */ .ico-status-suspend {background-color: #eca90f;} /* 일시중지 */ .ico-status-completion {background-color: #a2c10b;} /* 완료 */ [class*="ico-progress-"] { display: inline-block; width: 12px; height: 12px; text-indent: -999em; font-size: 0; color: transparent; border-radius: 50%; } .ico-progress-ready {background-color: #adadad;} /* 시작전 */ .ico-progress-ing {background-color: #37b2d3;} /* 진행중 */ .ico-progress-delay {background-color: #eca90f;} /* 일시중지 */ .ico-progress-completion {background-color: #a2c10b;} /* 진행중 */ [class*="ico-txt-progress-"] {} [class*="ico-txt-progress-"]::before { width: 12px; height: 12px; border-radius: 50%; background-image: none; } .small[class*="ico-txt-progress-"] {font-size: 12px; color: #666;} .small[class*="ico-txt-progress-"]::before { width: 8px; height: 8px; } .ico-txt-progress-ready::before {background-color: #adadad;} /* 시작전 */ .ico-txt-progress-ing::before {background-color: #34a9cc;} /* 진행중 */ .ico-txt-progress-delay::before {background-color: #dda00f;} /* 일시중지 */ .ico-txt-progress-completion::before {background-color: #a2c10b;} /* 진행중 */ /* 평가 */ [class*="ico-evaluate-"] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; border-radius: 50%; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -20px -347px; } .ico-evaluate-delay {background-position: -40px -347px;} /* 일시중지 */ .ico-evaluate-so {background-position: 0 -347px;} /* 양호 */ .ico-evaluate-good {background-position: -20px -347px;} /* 우수 */ .ico-evaluate-exceeded {background-position: -60px -347px} /* */ /* label */ .label-fin, .label-ready, .label-return { display: inline-block; height: 17px; line-height: 17px; padding: 0 5px; font-size: 11px; color: #fff; border-radius: 8.5px; } .label-fin {background-color: #060609;} .label-ready {background-color: #adadad;} .label-return {background-color: #dc0e0e;} /* toggle */ .ico-switch_favorites, .ico-comment, .ico-share, .ico-switch_fin, .ico-switch_alarm, .ico-switch_more, .ico-switch-etc_add { display: inline-block; width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -101px -41px; } .ico-switch_favorites {background-position: -101px -41px;} .ico-switch_more {background-position: -70px -427px;} .active .ico-switch_more { border-radius: 50%; background-color: #e9eaec; } .ico-switch_vip { display: inline-block; width: 39px; height: 17px; font-size: 11px; color: #333; text-align: center; border-radius: 8.5px; border: solid 1px #333; background-color: #fff; } .ico-switch_vip.active { color: #fff; border-color: #f97723; background-color: #f97723; } .ico-okr { display: inline-block; width: 12px; height: 12px; margin-right: 5px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -108px -92px; } /* 더보기 버튼 */ .more_box {position: relative; display: inline-block;} .more_box .more { width: 32px; height: 32px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -64px -421px; } .more_box .active .more, .more_box .more:hover { border-radius: 50%; background-color: #e0e0e0; } .more_box.small .more { width: 24px; height: 24px; background-position: 0px -80px; } .more_box.small dd {top: 29px;} .more_box dd { display: none; position: absolute; right: 0; top: 35px; border: solid 1px #d3d4d6; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); background-color: #ffffff; } .more_box dd ul {line-height: 1;} .more_box dd li:hover button {background-color: #eff2f7;} .more_box dd button { width: 100%; height: 35px; padding-left: 10px; font-size: 14px; text-align: left; } .more_box dt.active + dd { display: block; z-index: 10; } .ico-switch_favorites.small, .ico-comment.small, .ico-share.small, .ico-switch_fin.small, .ico-switch_alarm.small, .ico-switch_more.small, .ico-switch-etc_add.small {width: 16px; height: 16px;} .ico-switch_favorites.small {background-position: 0 -405px;} .ico-switch_favorites.large, .ico-comment.large, .ico-share.large, .ico-switch_fin.large, .ico-switch_alarm.large, .ico-switch_more.large, .ico-switch-etc_add.large {width: 32px; height: 32px;} .ico-switch_favorites.large:hover, .ico-comment.large:hover, .ico-share.large:hover, .ico-switch_fin.large:hover, .ico-switch_alarm.large:hover, .ico-switch_more.large:hover, .ico-switch-etc_add.large:hover, .ico-switch_favorites.large:hover { border-radius: 50%; background-color: #e9eaec; } .ico-switch_favorites.large {background-position: -32px -421px;} .ico-switch_favorites.active {background-position: -101px -61px;} .ico-switch_favorites.large.active {background-position: -32px -453px;} .ico-switch_favorites.small.active {background-position: 0 -389px;} .ico-comment {background-position: -280px 0;} .ico-share {background-position: -180px 0;} .ico-switch_fin.small {background-position: -16px -405px;} .ico-switch_fin.small.active {background-position: -16px -389px;} .ico-switch_alarm.large {background-position: 0 -453px;} .ico-switch_alarm.active {background-position: 0 -421px;} .ico-switch_alarm.large.active {background-position: 0 -421px;} .ico-switch_more.large {background-position: -64px -421px;} .ico-switch-etc_add.large {background-position: -128px -421px;} [class*="ico-switch-txt_"] { position: relative; padding-left: 32px; font-size: 14px; } [class*="ico-switch-txt_"]::before { position: absolute; left: 0; top: calc(50% - 16px); display: block; content: ''; width: 32px; height: 32px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -96px -421px; } .ico-switch-txt_like.large {} .ico-switch-txt_like.large::before {background-position: -96px -421px;} .ico-switch-txt_like.large:hover::before { border-radius: 50%; background-color: #e9eaec; } .ico-switch-txt_like.large.active::before {background-position: -96px -453px;} .ico-txt_like, .ico-txt_comment, .ico-txt_opinion, .ico-txt_share, .ico-txt_user { display: inline-block; position: relative; height: 16px; line-height: 16px; padding-left: 19px; font-size: 14px; color: #000; } .ico-txt_like::before, .ico-txt_comment::before, .ico-txt_opinion::before, .ico-txt_share::before, .ico-txt_view::before, .ico-txt_user::before { position: absolute; left:0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -101px -41px; } .ico-txt_like.heart::before { width: 12px; height: 14px; } .ico-txt_like::before {background-position: -101px -41px;} .ico-txt_comment::before {background-position: -48px -405px;} .ico-txt_opinion::before {background-position: -50px -405px;} .ico-txt_share::before {background-position: -64px -405px;} .ico-txt_user::before {background-position: -160px -405px;} .ico-txt_like.active::before {background-position: -32px -389px;} .ico-txt_like.heart::before {background-position: -45px -389px;} .ico-txt_like.heart.active::before {background-position: -32px -389px;} .ico_attachfile { display: inline-block; width: 16px; height: 16px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -80px -405px; } .ico-txt_view { position: relative; display: inline-block; line-height: 16px; padding-left: 23px; font-size: 12px; color: #666; } .ico-txt_view::before { position: absolute; left:0; top: calc(50% - 10px); display: block; content: ''; width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -260px 0; } /*============================================ 파일 첨부 이미지 ============================================*/ [class*="ico-file-"] { position: relative; line-height: 1.6; padding-left: 18px; } [class*="ico-file-"]::before { position: absolute; left: 0; top: calc(50% - 6px); display: block; content: ''; width: 12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat 0 -252px; } .ico-file-jpg::before {background-position: 0 -252px;} .ico-file-gif::before {background-position: -12px -252px;} .ico-file-png::before {background-position: -24px -252px;} .ico-file-tif::before {background-position: -36px -252px;} .ico-file-tiff::before {background-position: -48px -252px;} .ico-file-bmp::before {background-position: -60px -252px;} .ico-file-img::before {background-position: -72px -252px;} .ico-file-ppt::before {background-position: -84px -252px;} .ico-file-xlsx::before {background-position: -96px -252px;} .ico-file-word::before {background-position: -108px -252px;} .ico-file-google::before {background-position: -120px -252px;} .ico-file-pdf::before {background-position: -132px -252px;} .ico-file-zip::before {background-position: -144px -252px;} .ico-file-etc::before {background-position: -156px -252px;} .ico-file-hwp::before {background-position: -168px -252px;} [class*="ico-file-"].medium {line-height: 16px; padding-left: 20px;} [class*="ico-file-"].medium::before { top: calc(50% - 8px); width: 16px; height: 16px; } .ico-file-jpg.medium::before {background-position: 0 -264px;} .ico-file-gif.medium::before {background-position: -16px -264px;} .ico-file-png.medium::before {background-position: -32px -264px;} .ico-file-tif.medium::before {background-position: -48px -264px;} .ico-file-tiff.medium::before {background-position: -64px -264px;} .ico-file-bmp.medium::before {background-position: -80px -264px;} .ico-file-img.medium::before {background-position: -96px -264px;} .ico-file-ppt.medium::before {background-position: -112px -264px;} .ico-file-xlsx.medium::before {background-position: -128px -264px;} .ico-file-word.medium::before {background-position: -144px -264px;} .ico-file-google.medium::before {background-position: -160px -264px;} .ico-file-pdf.medium::before {background-position: -176px -264px;} .ico-file-zip.medium::before {background-position: -192px -264px;} .ico-file-etc.medium::before {background-position: -208px -264px;} .ico-file-hwp.medium::before {background-position: -224px -264px;} [class*="ico-file-"].large {line-height: 22px; padding-left: 32px;} [class*="ico-file-"].large::before { top: calc(50% - 11px); width: 22px; height: 22px; } .ico-file-jpg.large::before {background-position: 0 -280px;} .ico-file-gif.large::before {background-position: -22px -280px;} .ico-file-png.large::before {background-position: -44px -280px;} .ico-file-tif.large::before {background-position: -66px -280px;} .ico-file-tiff.large::before {background-position: -88px -280px;} .ico-file-bmp.large::before {background-position: -110px -280px;} .ico-file-img.large::before {background-position: -132px -280px;} .ico-file-ppt.large::before {background-position: -154px -280px;} .ico-file-xlsx.large::before {background-position: -176px -280px;} .ico-file-word.large::before {background-position: -198px -280px;} .ico-file-google.large::before {background-position: -220px -280px;} .ico-file-pdf.large::before {background-position: -242px -280px;} .ico-file-zip.large::before {background-position: -264px -280px;} .ico-file-etc.large::before {background-position: -286px -280px;} .ico-file-hwp.large::before {background-position: -308px -280px;} [class*="ico-file-"].bg { border-radius: 50%; background-color: #f6f7fa; } [class*="ico-file-"].bg {width: 24px; height: 24px} [class*="ico-file-"].bg::before {left: calc(50% - 6px)} [class*="ico-file-"].bg.medium {width: 32px; height: 32px} [class*="ico-file-"].bg.medium::before {left: calc(50% - 8px)} [class*="ico-file-"].bg.large {width: 44px; height: 44px} [class*="ico-file-"].bg.large::before {left: calc(50% - 11px)} /* [class*="ico-file-"].large::before {background: none;} [class*="ico-file-"].large { display: inline-block; width: 32px; height: 32px; border-radius: 50%; background: #eff2f7 url('../img/sp_icon.png') no-repeat -448px -421px; } .ico-file-jpg.large {background-position: -448px -453px;} .ico-file-ppt.large {background-position: -448px -421px;} */ [class*="ico-one-file-"]::before {background: none;} [class*="ico-one-file-"] { display: inline-block; width: 22px; height: 22px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -448px -421px; } .ico-one-file-xlsx {background-position: 0 -104px;} .ico-one-file-ppt {background-position: -22px -104px;} .ico-one-file-word {background-position: -44px -104px;} /*============================================ TAB ============================================*/ .tab_ty1 > .tab-menu { height: 57px; text-align: center; border-bottom: 1px solid #e5e6e8; background-color: #fff; } .tab_ty1 > .tab-menu li, .tab_ty1 .tab-menu > div {display: inline-block;} .tab_ty1 > .tab-menu li button, .tab_ty1 .tab-menu div > button { line-height: 57px; font-size: 18px; } .tab_ty1 > .tab-menu li.active button, .tab_ty1 .tab-menu div.active > button { position: relative; font-family: 'LifeplusB'; color: #000; } .tab_ty1 > .tab-menu li.active button::after, .tab_ty1 .tab-menu div.active > button::after { position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 100%; height: 2px; background-color: #000; } .tab_ty1 > .tab-menu li + li, .tab_ty1 .tab-menu div + div {margin-left: 50px;} .swiper-container.tab_ty1 {width: 1180px; margin: 0 auto;} .tab_ty1 .tab-menu .swiper-container div + div {margin-left: 0} .swiper-container.tab_ty1 .tab-menu { width: 100%; text-align: center; } .swiper-container.tab_ty1 .tab-menu > div {width: auto} .tab_ty1 .tab-menu .swiper-button-prev, .tab_ty1 .tab-menu .swiper-button-next { top: calc(50% + 12px); width:8px; height: 16px; } .tab_ty1 .tab-menu .swiper-button-prev.swiper-button-disabled {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKxJREFUeNpiNDY2ZsADNJjwSIJ0zsOlwBGI+4E4iAWLZAAQZwOxHxB/QFeQBJUA4e8gAWQFpUCsA8QhQPwHJghSwAjEHUDMBsQJQPwf2UiQI2cA8WcgLkSXhCkAmfILl19BClKAWAKIu6DWYSgAGVsE8hIQzwFiZnQFMNAGxKeAeCUQc2BTAAIzoQo2ADEvejjAwGqodZuBOJQFh+N3A/EnkEn4YvMkEKcCBBgAn+cc2/PcCzgAAAAASUVORK5CYII=) no-repeat 0 0;} .tab_ty1 .tab-menu .swiper-button-next.swiper-button-disabled {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNpiNDY21mBgYLjBgAMwAfE8IDbGpyAIiPuB2BGbAhYgfgHEfkC8Goj5gXgDugkg8AGqKAGIk7ApAIHvQBwCxPZAXIpNAQj8gZoiBcSdQMzIhMVd/4G4EIg/A/EMJgbc4BfIEyxYJBihxoPkUtBNYAbiOVBfFYGsQ1bAAcQrgfgUELchBxQI8EIDai6URgkHUSDeDMS96JIwEzZA7TuJKy5SgfgaLr8CBBgAiS4dZ4dLKCsAAAAASUVORK5CYII=) no-repeat 0 0;} .tab_ty2 > .tab-menu { height: 27px;; text-align: center; background-color: #fff; } .tab_ty2 > .tab-menu li { position: relative; display: inline-block; padding: 0 6px 0 7px; } .tab_ty2 > .tab-menu li + li::before { position: absolute; left: 0; top: calc(50% - 6px); display: block; content: ''; width: 1px; height: 13px; background-color: #e5e6e8; } .tab_ty2 > .tab-menu li button {font-size: 14px;} .tab_ty2 > .tab-menu li.active button { font-family: 'LifeplusM'; color: #fff; border-radius: 15px; background-color: #666; } .tab_ty2 > .tab-menu li button {height: 30px; line-height: 30px; padding: 0 10px;} .tab_ty1 > .tab-content .tab_ty2 {margin-top: 15px} .main_contents .tab-content {min-width: 1180px; width: 1180px; margin: 0 auto;} .modal-content .tab-content {min-width: auto; width: auto;} .tab_ty2.new{margin-top: -30px;} .tab_ty2.new .tab-menu{ background: transparent;} .tab_ty2.new > .tab-menu li button{color:#fff;} /*============================================ 첨부파일 ============================================*/ .file_grp { position: relative; height: 40px; line-height: 40px; padding-left: 20px; border: solid 1px #e6e6e8; border-radius: 8px; background-color: #eff2f7; } .file_grp .file_name {color: #000} .file_grp .util {position: absolute; right: 10px;} .file_grp [class*="icon_"] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat; } .file_grp .icon_jpg {background-position: 0 -20px;} .file_grp .icon_ppt {background-position: -20px -20px;} /*============================================ TRANSITION ============================================*/ /* slide */ .slide-enter-active { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .slide-leave-active { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .slide-enter-to, .slide-leave { max-height: 100px; overflow: hidden; } .slide-enter, .slide-leave-to { overflow: hidden; max-height: 0; } /* fade */ .fade-enter-active, .fade-leave-active { -webkit-transition: opacity .5s; transition: opacity .5s; } .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { opacity: 0; } /* bounce */ .bounce-enter-active { -webkit-animation: bounce-in .5s; animation: bounce-in .5s; } .bounce-leave-active { -webkit-animation: bounce-in .5s ; animation: bounce-in .5s ; } @-webkit-keyframes bounce-in { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce-in { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bounce-out { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes bounce-out { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(0); transform: scale(0); } } /*============================================ Kanban ============================================*/ .Kanban_wrap {} .kanban_section {width: calc(33% - 13px);} .kanban_tit { position: relative; height: 58px; line-height: 58px; padding: 0 20px; border: solid 1px #e6e6e8; background-color: #ffffff; } .kanban_tit [class*="ico-txt-status-"] {font-family: 'LifeplusB'; font-size: 16px; color: #000;} .kanban_tit [class*="ico-txt-"] {padding-left:20px;} .kanban_tit .num { position: absolute; right:20px; top: 0; font-size: 14px; } .kanban_tit .num b {font-family: 'LifeplusB'; color: #000;} .kanban_section + .kanban_section {margin-left: 20px;} .kanban-item-card { position: relative; height: 195px; margin-top: 10px; padding: 25px 20px; border: solid 1px #e6e6e8; background-color: #ffffff; } .kanban-item-card .place {font-size: 14px; color: #999} .kanban-item-card .ico_grp {position: absolute; right: 20px; top: 25px;} .kanban-item-card .card_tit { margin-top: 23px; line-height: 1.33; font-size: 18px; color: #000 } .kanban-item-card .btm { position: absolute; left:0; bottom: 25px; width: 100%; padding: 0 20px; color: #999 } .kanban-item-card .card_name { float: left; font-size: 14px; } .kanban-item-card .card_date {float: right;} .kanban-item-card .no-data { line-height: 145px; font-size: 14px; color: #999; text-align: center; } /* kanban-cnt_ty1 */ .kanban-cnt_ty1 {} .kanban-cnt_ty1 [class*="kanban-col"] {width: calc(25% - 15px);} .kanban-cnt_ty1 [class*="kanban-col"] + [class*="kanban-col"] {margin-left: 20px;} .knanban-tit { position: relative; height: 44px; line-height: 44px; font-size: 14px; text-align: center; background-color: #fff; } .knanban-tit b {color: #000;} [class*="kanban-col"] .knanban-tit::after { position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 100%; height: 4px; } .kanban-col1 .knanban-tit::after {background-color: #9bcf0f;} .kanban-col2 .knanban-tit::after {background-color: #f6be13;} .kanban-col3 .knanban-tit::after {background-color: #f84032;} .kanban-col4 .knanban-tit::after {background-color: #3883f5;} /* knanban-footer */ .kanban-list-item .ico-txt_comment{margin-top:12px;padding-top:12px;width:100%;height:auto;border-top: 1px solid #d3d4d6;} .kanban-list-item .knanban-foot_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top:12px; padding-top:12px; border-top: 1px solid #d3d4d6;} .kanban-list-item .knanban-foot_wrap > .ico-txt_comment{width:60px;overflow:hidden;margin-top:0;padding-top:0;border:0;} .kanban-list-item .knanban-foot_wrap > .ico-txt_comment::before{top:0;} .kanban-list-item .knanban-foot_wrap > .linked{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; min-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0;border:0;} /*============================================ Tooltip ============================================*/ [class*="tooltip-"] { position: relative; padding: 11px 10px 12px 15px; margin-top: 6px; font-size: 14px; border-radius: 4px; word-wrap: break-word; word-break: break-all; /* box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08); */ } [class*="tooltip-"].member {width: 265px;} [class*="tooltip-"].small { padding: 10px; font-size: 12px; } [class*="tooltip-"] li button {text-align: left;} [class*="tooltip-"] p + ul {margin-top:15px;} [class*="tooltip-"] li + li {margin-top: 5px;} [class*="tooltip-"]::before { position: absolute; display: block; content: ''; width: 14px; height: 8px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -423px -6px; } .tooltip-w { color: #666; word-break: keep-all; border: solid 1px #d3d4d6; background-color: #fff; } .tooltip-w::before {background-position: -325px -5px;} .tooltip-b { color: #fff; word-break: keep-all; background-color: #3a3b45; } .tooltip-b.tl::before, .tooltip-w.tl::before {left: 10px; top: -7px;} .tooltip-b.tr::before, .tooltip-w.tr::before {right: 10px; top: -7px;} .tooltip-b.rt::before, .tooltip-w.rt::before { right: -11px; top: 10px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tooltip-b.bl::before, .tooltip-w.bl::before { left: 10px; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tooltip-b.br::before, .tooltip-w.br::before { right: 10px; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tooltip-b.lb::before, .tooltip-w.lb::before { left: -11px; bottom: 10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .tooltip-b::before {background-position: -423px -5px;} .ico-exmark { display: inline-block; width: 16px; height: 16px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -208px -389px; } .ico-exmark.withe {background-position: -208px -405px;} .evaluate-tooltip { position: relative; display: inline-block; vertical-align: top; } .evaluate-tooltip > dt + dd {display: none;} .evaluate-tooltip > dt.active + dd { display: block; position: absolute; left: -10px; top: 35px; z-index: 10; } .evaluate-tooltip > dt.active + dd [class*="ico-txt-evaluate"] { text-indent: -24px; padding-left: 24px; } .info-tooltip, .average-tooltip { position: relative; display: inline-block; } .info-tooltip dt button { width: 20px; height: 20px; text-indent: -999em; color: transparent; font-size: 0; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -160px 0; } .info-tooltip dt .btn_exclamation {background-position: -208px -389px;} .info-tooltip dt + dd, .average-tooltip dt + dd { display: none; position: absolute; left: -7px; top: 35px; z-index: 10; } .info-tooltip.right dt + dd {left: auto; right: -5px} .info-tooltip dt.active + dd, .average-tooltip dt.active + dd {display: block;} .average-tooltip dt {height:16px} .list-dot {} .list-dot > li { position: relative; padding-left: 8px; line-height: 1.36; } .list-dot > li::before { position: absolute; left: 0; top: 9px; display: block; content: ''; width: 3px; height: 3px; border-radius: 50%; } .list-dot.white > li::before {background-color: #fff;} /*============================================ DATEPICKER - vuejs-datepicker ============================================*/ .calendar_box { display: inline-block; height: 30px; } .calendar_box + span { display: inline-block; width: 12px; height:30px; line-height: 25px; margin-left: -2px; font-size: 14px; color: #000; text-align: center; vertical-align: middle; } .calendar_box + span + .calendar_box { margin-left: 15px; } .calendar_box .vdp-datepicker input[readonly] { width: 80px; padding: 0; color: #000; text-align: left; cursor: pointer; border: 0 none !important; } .calendar_box .vdp-datepicker input:disabled { color: #000; background-color: transparent; } .vdp-datepicker__calendar { width: 280px !important; /* height: 281px; */ padding:0; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border-color: #d3d4d6 !important; } .vdp-datepicker__calendar header { width: 100%; height: 34px; margin-left:0x; line-height: 34px !important; color: #fff; text-align: center; background-color: #000; } .vdp-datepicker__calendar header .prev:not(.disabled):hover, .vdp-datepicker__calendar header .next:not(.disabled):hover, .vdp-datepicker__calendar header .up:not(.disabled):hover {background: #4d4d4d !important;} .vdp-datepicker__calendar header .day__month_btn.up:hover, .vdp-datepicker__calendar header .month__year_btn.up:hover {background-color: #4d4d4d !important;} .vdp-datepicker__calendar header span { float: none !important; width: 100px !important; height: 22px; line-height: 22px; margin: 0 auto; color: #fff; border-radius: 11px; } .vdp-datepicker__calendar header .day__month_btn {width: 76px !important;} .vdp-datepicker__calendar header .month__year_btn {width: 50px !important;} .vdp-datepicker__calendar header .prev, .vdp-datepicker__calendar header .next { width:24px !important; height:24px; margin-top:5px; border-radius:25px; } .vdp-datepicker__calendar header .prev {float: left !important; margin-left:10px;} .vdp-datepicker__calendar header .next {float: right !important; margin-right:10px;} .vdp-datepicker__calendar header .prev:after, .vdp-datepicker__calendar header .next:after { top: 1px !important; border: 0 none !important; } .vdp-datepicker__calendar header .prev:after {left: 0 !important;} .vdp-datepicker__calendar header .next:after {left: 2px !important;} .vdp-datepicker__calendar header span:after { width: 22px; height: 22px; margin-left:0 !important;; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0px -367px; -webkit-transform: inherit !important; transform: inherit !important; } .vdp-datepicker__calendar header .next:after {background-position: -22px -367px;} .vdp-datepicker__calendar header + div {padding: 14px 19px 15px;} .vdp-datepicker__calendar:nth-child(2) .cell.day { width:22px !important; height:22px !important; padding:0 !important; line-height: 21px !important; font-size: 14px; } .vdp-datepicker__calendar:nth-child(2) .cell + .cell, .vdp-datepicker__calendar:nth-child(2) .cell.day.weekend.sat {margin-left: 14px;} .vdp-datepicker__calendar:nth-child(2) .cell.day.weekend, .vdp-datepicker__calendar:nth-child(2) .cell.day-header + .blank {margin-left: 0;} .vdp-datepicker__calendar:nth-child(2) .cell { width: 22px !important; height: 22px !important; line-height: 22px !important; padding: 0 !important; margin-top: 7px; } .vdp-datepicker__calendar:nth-child(2) .cell.day-header { position: relative; text-indent: -999em; font-size: 0; color: transparent; } .vdp-datepicker__calendar:nth-child(2) .cell.day-header { margin-top: 0; font-size: 0 !important } .vdp-datepicker__calendar:nth-child(2) .cell.day-header::before { position: absolute; left: 0; top: 0; display: inline-block; content:''; width: 100%; height: 22px; font-size: 14px; color: #666; } .vdp-datepicker__calendar .cell.day-header:nth-child(1)::before {content: 'Sun'} .vdp-datepicker__calendar .cell.day-header:nth-child(2)::before {content: 'Mon'} .vdp-datepicker__calendar .cell.day-header:nth-child(3)::before {content: 'Tue'} .vdp-datepicker__calendar .cell.day-header:nth-child(4)::before {content: 'Wed'} .vdp-datepicker__calendar .cell.day-header:nth-child(5)::before {content: 'Thu'} .vdp-datepicker__calendar .cell.day-header:nth-child(6)::before {content: 'Fri'} .vdp-datepicker__calendar .cell.day-header:nth-child(7)::before {content: 'Sat'} .vdp-datepicker__calendar .cell.today { color: #fff; border-radius: 50%; background-color: #3a3b45; } .vdp-datepicker__calendar header + .cell.month, .vdp-datepicker__calendar header + .cell.month + .cell.month, .vdp-datepicker__calendar header + .cell.month + .cell.month + .cell.month {margin-top:34px;} .vdp-datepicker__calendar .cell.month, .vdp-datepicker__calendar .cell.year { width: calc(100% / 3); height: 22px !important; line-height: 22px !important; margin-top: 22px; } .vdp-datepicker__calendar .cell.selected { border-radius: 50%; background-color: #d3d4d6 !important; } .vdp-datepicker__calendar .cell.month.selected, .vdp-datepicker__calendar .cell.year.selected {border-radius: 11px;} .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {border-radius: 50%;} .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {border-radius: 11px;} .vdp-datepicker__calendar .cell:not(.blank):not(.disabled):not(.selected).month:hover {color:#fff; border:0; background:#000;} .vdp-datepicker__calendar:nth-child(3), .vdp-datepicker__calendar:nth-child(4) {padding: 10px 10px 25px;} .vdp-datepicker__calendar:nth-child(3) header, .vdp-datepicker__calendar:nth-child(4) header {width: calc(100% + 20px); margin: -10px -10px 0;} /* v-date-picker */ .v-menu {position: absolute; left: 0; top: 50px; z-index: 11;} .v-menu .v-menu__content { width: 280px; border: solid 1px #d3d4d6; background-color: #ffffff; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); } .v-date-picker-header .v-btn.v-btn--flat { position: absolute; top: 0; width: 24px !important; height: 24px; margin-top: 5px; border-radius: 25px; } .v-date-picker-header .v-btn.v-btn--flat::before { display: block; content: ''; width: 22px; height: 22px; margin-left: 0 !important; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0px -367px; -webkit-transform: inherit !important; transform: inherit !important; } .v-date-picker-header .v-btn.v-btn--flat:first-child {left: 0} .v-date-picker-header .v-btn.v-btn--flat:last-child {right: 0} .v-date-picker-header .v-btn.v-btn--flat:first-child::before {background-position: 0px -367px;} .v-date-picker-header .v-btn.v-btn--flat:last-child::before {background-position: -22px -367px;} .v-date-picker-header .v-date-picker-header__value .accent--text { text-align: center; color: #fff } .v-date-picker-header { height: 34px; line-height: 34px; color: #fff; background-color: #000; } .v-btn .mdi-chevron-right { width: 22px; height: 22px; margin-left: 0 !important; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0px -367px; -webkit-transform: inherit !important; transform: inherit !important; } .v-btn .mdi-chevron-left { width: 22px; height: 22px; margin-left: 0 !important; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0px -367px; -webkit-transform: inherit !important; transform: inherit !important; } .v-date-picker-table thead th {width: 22px; height: 22px; line-height: 22px;} .v-date-picker-table tbody .v-btn__content { width: 22px; height: 22px; line-height: 22px; text-align: center; } .v-btn.v-date-picker-table__current.v-btn--outlined { width: 22px; height: 22px; line-height: 22px; color: #fff; border-radius: 50%; border-color: #000; background-color: #000; } .v-btn.v-btn--active.accent { width: 22px; height: 22px; line-height: 22px; border-radius: 50%; border-color:#d3d4d6; background-color: #d3d4d6; } .v-text-field__slot { position: relative; padding-left: 18px; } .v-text-field__slot .v-label { display: inline-block; text-indent: -999em; font-size: 0; color: transparent; } .v-text-field__slot .v-label::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat 0 -92px; } .v-text-field__slot input { height: 12px; line-height: 12px; font-size: 14px;color: #000; border:0 none; } /*============================================ TABLE LIST ============================================*/ th {font-weight: normal;} .tb-header { margin-bottom: 15px; font-size: 14px; color: #000; border-bottom: 0 none; background-color: transparent; } .tb-header .tb_num { position: relative; line-height: 30px; color: #666; } .tb-header .tb_num .num {display: inline-block;} .tb-header .tb_num .num > span {font-size: 12px; color: #999} .tb-header .tb_num .num > span > b {display: inline-block;} .tb-header .tb_num b, .tb-header .tb_sort b {font-family:'LifeplusB'; color: #000;} .tb-header .tb_sort label + input + label {margin-left: 15px;} .tb-header .tb_sort .setting {position: relative;} .tb-header .tb_sort .setting .v-menu {left: auto; right: 0; top: 35px;} .tb-header .tb_sort .setting .v-menu__content {left: auto !important; right: 0; top: 0 !important;} .tb-header .tb_num label, .tb-header .tb_num [class*="ico-txt-"], .tb-header .tb_sort label {height: 30px; line-height: 30px; color: #666} .tb-header .tb_sort .search_ty2 {line-height: 30px;} .tb-header .tb_sort .dl_layer > dt {height: 30px; line-height: 30px;} .tb-header .tb_num [class*="ico-txt-"] {color: #000} .tb-header .tb_num .tooltip-b [class*="ico-txt-"] {color: #fff} .tb-header .tb_num input + label:before, .tb-header .tb_sort input + label:before {vertical-align: middle;} .tb-header .tb_sort .calendar_box_grp {position: relative;} .tb-header .tb_sort .calendar_box_grp .calendar_box + span {margin-top: 3px;} .modal-window .calendar_box_grp .vdp-datepicker > div > input:-moz-read-only {width: 90px;height: 30px; line-height: 30px;} .modal-window .calendar_box_grp .vdp-datepicker > div > input:read-only {width: 90px;height: 30px; line-height: 30px;} .tb-header .tb_sort * {vertical-align: middle;} .tb-header .tb_num .info-tooltip {vertical-align: top;} .tb-header .tb_num [class*="ico-txt-"] {line-height: 30px;} .tb-header .tb_num [class*="ico-txt-"] + [class*="ico-txt-"] {margin-left: 9px;} .tb-header .tb_num [class*="ico-txt-"] + .info-tooltip {margin-left: 10px;} .tb-header .tb_num [class*="ico-txt-"] + .info-tooltip dt button {vertical-align: middle;} .tb-header .tb_sort label + dl, .tb-header .tb_sort label + .dropdown {margin-left: 12px} .tb-header .tb_sort dl + dl {margin-left: 3px} .tb-header .tb_sort .dl_layer + .search_ty1, .tb-header .tb_sort .dl_layer + form, .tb-header .tb_sort .dropdown.ty2 + form { display: inline-block; margin-left: 4px; vertical-align: middle; } .tb-contents { border-top: 1px solid #d3d4d6; border-bottom: 1px solid #d3d4d6; background-color: #fff; } .tb-list_ty1 .tb-contents { border-top: 0 none; border-bottom: 0 none; } .tb-contents.nodata { position: relative; height: 406px; } .tb-contents td > .nodata-txt { padding: 150px 0; font-size: 14px; color: #999; text-align:center } .tb-contents.nodata .nodata-txt { position: absolute; left: calc(50%); top: calc(50% - 47px); height: 94px; padding-top: 79px; font-size:14px; color: #999 } .tb-contents.nodata .nodata-txt::before, .tb-contents.nodata .nodata-txt::after { display: block; content: ''; } .tb-contents.nodata .nodata-txt::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%;; } .tb-contents.nodata .nodata-txt::after { position: absolute; left: calc(50% - 11px); top: 21px; width: 22px; height: 22px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -308px -367px; } .tb-contents { width: 100%; font-size: 14px; } .tb-contents .thead .th, .tb-contents thead th { display: table-cell; height: 44px; padding: 12px 0px; font-size: 12px; color: #999; vertical-align: middle; text-align: center; } .tb-contents .thead .th, .tb-contents thead th {border-bottom: 1px solid #d3d4d6} .tb-contents .tr:first-child, .tb-contents tr:first-child {border-top: 0 none;} .tb-contents th span.sort { display: inline-block; width: 10px; height: 10px; margin-left: 5px; vertical-align: middle; opacity: 1; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -90px -221px; -webkit-transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; } .tb-contents th span.sort.up {background-position: -70px -221px;} .tb-ontents th span.sort.dn { background-position: -70px -221px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tb-contents tbody > .tr:hover, .tb-contents tbody > tr {position: relative;} .tb-contents tbody > .tr:hover::before, .tb-contents tbody > tr:hover::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: calc(100% - 1px); height: calc(100% + 2px); -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000000; z-index: 10; pointer-events: none; } .tb-contents.hover-none tbody > .tr:hover::before, .tb-contents.hover-none tbody > tr:hover::before { display: none; width: 0; height: 0; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } .tb-contents .tr, .tb-contents tr { display: table; width: 100%; border: 1px solid transparent; border-top: 1px solid #d3d4d6; } .tb-contents table, table.tb-contents {position: relative;} .tb-contents tbody::before, .tb-contents tbody::after { position: absolute; top: 45px; display: block; content: ''; width: 25px; height: calc(100% - 45px); background-color: #fff; z-index: 1; } .tb-contents tbody::before {left:0;} .organization-table.no-data tbody::before, .organization-table.no-data tbody::after {display: none;} .organization-table.no-data tbody > tr:hover::before{ display: none;} .organization-table.no-data tbody > tr:hover div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin-top: -1px; } .organization-table.no-data tbody > tr div:before{ position: absolute; left:0;top:-1px;right:0;bottom:0; content: ''; z-index: 10; pointer-events: none; } .organization-table.no-data tbody > tr:hover div:before { content: ''; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.15); border: solid 1px #000; } .tb-contents tbody::after {right:0} .tb-contents td .member .name.v-btn {font-size: 12px; color: #999;} .tb-contents td .droplayer.member > .v-menu {left: auto !important; right: 0;} .tb-contents td .droplayer.member .v-menu__content { left: auto !important; right: 0; border:0 none; -webkit-box-shadow: none; box-shadow: none; } .tb-contents td .droplayer.member .tooltip-b.tl::before {left: auto; right: 10px;} .tb-contents .td, .tb-contents td { display: table-cell; height: 55px; padding: 12px 0px; vertical-align:middle; } .tb-contents tr.disabled td {color: #bbb;} .tb-contents .subject {color: #000; cursor: pointer;} .tb-contents .subject > .txt + .reason:empty {display: none;} .modal-window table .subject { line-height: inherit; font-family: 'LifeplusM'; font-size: 14px; border-bottom: 0 none; } .tb-contents .re-de {font-size: 12px;} .tb-contents .date {font-size: 12px; color: #999;} .tb-contents .re {color: #999} .tb-contents .del * {color: #bbb} .tb-contents .del .subject .txt, .tb-contents .del .subject .re, .tb-contents .del .subject .de {text-decoration: line-through;} .tb-contents .subject .reason { margin-top: 10px; font-size: 12px; text-decoration: none; } .tb-contents .division {background-position: -210px -221px;} .tb-contents .del .division {background-position: -60px -221px;} .tb-contents .request .request {color: #fd7201} .tb-contents .fin .fin {color: #a2c10b} .tb-contents .date.deadline {color: #fF0000} .tb-contents .author {font-size:12px; color:#999;} .tb-contents .author .v-btn {font-size:12px; color:#999;} .tb-contents tr:last-child .droplayer > .v-menu, .tb-contents tr:nth-last-child(2) .droplayer > .v-menu {top: auto; bottom: 30px} .tb-contents tr:last-child .droplayer > .v-menu .v-menu__content, .tb-contents tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0} .ins002a .tb-contents tr:last-child .droplayer > .v-menu, .ins002a .tb-contents tr:nth-last-child(2) .droplayer > .v-menu {bottom: 29px} .ins002a .tb-contents tr:last-child .droplayer > .v-menu .v-menu__content, .ins002a .tb-contents tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content {top: auto !important; bottom: 0} .bds041 .tb-contents tr:last-child .droplayer > .v-menu, .bds041 .tb-contents tr:nth-last-child(2) .droplayer > .v-menu {bottom: 20px} .bds041 .tb-contents tr:last-child .droplayer > .v-menu .v-menu__content, .bds041 .tb-contents tr:nth-last-child(2) .droplayer > .v-menu .v-menu__content{top: auto !important; bottom: 0} .bds041 .tb-contents tr:first-child .droplayer > .v-menu .v-menu__content{bottom: auto;} .tb-contents tr:last-child .droplayer.tooltipmember > .v-menu, .tb-contents tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu {bottom: 17px} .tb-contents tr:last-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-contents tr:nth-last-child(2) .droplayer.tooltipmember > .v-menu .v-menu__content {top: auto !important; bottom: 0} .tb-contents tr:first-child .droplayer.tooltipmember > .v-menu {bottom: auto !important;} .tb-contents tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content, .tb-contents tr:first-child .droplayer.tooltipmember > .v-menu .v-menu__content {bottom: auto !important; bottom: 0} .task_box_day:nth-last-child(2) .task_box_case:last-child .tooltipmember > .v-menu {top: auto; bottom: 134px} .task_box_day:nth-last-child(2) .task_box_case:last-child .tooltipmember > .v-menu .v-menu__content {top: auto !important;} .task_box_day:nth-last-child(2) .task_box_case:last-child .tooltipmember > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px} .task_box_day:nth-last-child(2) .task_box_case:last-child .tooltipmember > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-contents tr:last-child .droplayer > .v-menu .tooltip-b, .tb-contents tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b {margin-top: 0; margin-bottom: 7px} .tb-contents tr:last-child .droplayer > .v-menu .tooltip-b::before, .tb-contents tr:nth-last-child(2) .droplayer > .v-menu .tooltip-b::before { top:auto; bottom: -7px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tb-contents tr:last-child:first-child .droplayer > .v-menu {bottom:auto; top: 20px} .tb-contents tr:last-child:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0} .tb-contents tr:last-child:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0} .tb-contents tr:last-child:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } .tb-contents tr:first-child .droplayer > .v-menu {bottom:auto; top: 20px} .tb-contents tr:first-child .droplayer > .v-menu .v-menu__content {bottom:auto; top: 0} .tb-contents tr:first-child .droplayer > .v-menu .tooltip-b {margin-top: 7px; margin-bottom: 0} .tb-contents tr:first-child .droplayer > .v-menu .tooltip-b::before { top: -7px; bottom: auto; -webkit-transform: rotate(0); transform: rotate(0); } /* */ .v-simple-checkbox { -ms-flex-item-align: center; align-self: center; line-height: normal; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .v-input--selection-controls__ripple { position: absolute; top: calc(50% - 24px); left: -12px; width: 34px; height: 34px; margin: 7px; cursor: pointer; border-radius: 50%; -webkit-transition: inherit; transition: inherit; } .v-input--selection-controls__ripple:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; opacity: .2; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(.2); transform: scale(.2); -webkit-transition: inherit; transition: inherit; } .v-icon.v-icon { position: relative; /* transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; */ } .theme--light.v-icon {color: rgba(0,0,0,.54);} .mdi-minus-box::before, .mdi-checkbox-blank-outline::before, .mdi-checkbox-marked::before { content: ''; width: 16px; height: 16px; margin-right: 8px; vertical-align: top; border: 1px solid #acacac; background-color: #fff; } .mdi-checkbox-marked::before { border-color: #000; background-color: #000; background-image: url(/static/img/sp_common.bec0aeb.png); background-repeat: no-repeat; background-position: -63px -43px; } .mdi-minus-box::before { border-color: #000; background-color: #000; background-image: url(/static/img/sp_common.bec0aeb.png); background-repeat: no-repeat; background-position: -183px -42px; } .mdi:before, .mdi-set { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .v-icon.v-icon:after { background-color: currentColor; border-radius: 50%; content: ""; display: inline-block; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; width: 100%; -webkit-transition: opacity .2s cubic-bezier(.4,0,.6,1); transition: opacity .2s cubic-bezier(.4,0,.6,1); } .v-data-table>.v-data-table__wrapper>table>tbody>tr>td, .v-data-table>.v-data-table__wrapper>table>tbody>tr>th, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td, .v-data-table>.v-data-table__wrapper>table>tfoot>tr>th, .v-data-table>.v-data-table__wrapper>table>thead>tr>td, .v-data-table>.v-data-table__wrapper>table>thead>tr>th { -webkit-transition: height .2s cubic-bezier(.4,0,.6,1); transition: height .2s cubic-bezier(.4,0,.6,1); } .tb-contents tr.v-data-table__empty-wrapper td {width: 100% !important; height: 376px !important; padding: 0} .tb-contents tr.v-data-table__empty-wrapper:hover::before { content: inherit; width:0; height: 0; border-color: transparent; } .v-data-table__wrapper td.text-center {text-align: center;} .v-data-table__wrapper td.text-right {text-align: right;} .v-data-table__empty-wrapper .nodata-txt { position: relative; height: 100%; } .v-data-table__empty-wrapper .nodata-txt .v-alert { position: absolute; left: calc(50% - 63px); top: calc(50% - 47px); padding-top: 79px; font-size:14px; color: #999 } .v-data-table__empty-wrapper .nodata-txt .v-alert::before, .v-data-table__empty-wrapper .nodata-txt .v-alert::after { display: block; content: ''; } .v-data-table__empty-wrapper .nodata-txt .v-alert::before { position: absolute; left: calc(50% - 32px); top:0; width: 64px; height: 64px; border: solid 1px #d3d4d6; border-radius: 50%; } .v-data-table__empty-wrapper .nodata-txt .v-alert::after { position: absolute; left: calc(50% - 11px); top: 21px; width: 22px; height: 22px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -308px -367px; } .v-data-table__empty-wrapper .nodata-txt.todo .v-alert::after {background-position: -308px -367px;} .v-data-table__empty-wrapper .nodata-txt.file .v-alert::after {background-position: -330px -367px;} .v-data-table__empty-wrapper .nodata-txt-noicon {text-align: center} .v-data-table__empty-wrapper .nodata-txt-noicon .v-alert { padding-bottom: 40px; font-size: 14px; color: #999;; } .theme--light.v-icon {color: transparent;} .v-data-table-header {border-bottom: 0 none} .v-data-table__wrapper th.sortable {cursor:pointer;} .v-data-table__wrapper th.sortable i { display:inline-block; width:10px; height:10px; margin-left: 5px; vertical-align:middle; border-bottom: 0 none; opacity: 0; } .v-data-table__wrapper th.sortable i, .v-data-table__wrapper th.sortable.active i { opacity: 1; } .v-data-table__wrapper th.sortable i::after { content:''; display:inline-block; opacity:1; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -90px -221px; } .v-data-table__wrapper th.sortable i::after {background-position: -90px -221px;} .v-data-table__wrapper th.sortable.asc i::after, .v-data-table__wrapper th.sortable.asc i::after {background-position: -70px -221px;} .v-data-table__wrapper th.sortable.desc i::after, .v-data-table__wrapper th.sortable.desc i::after {background-position: -70px -221px;} .v-data-table__wrapper th.sortable.desc i {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);} .split-screen { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 298px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .split-screen p.ell-singleline { min-width: calc(50% - 9px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .split-screen .dividing_line_ty3 { margin-right: 9px; } .split-screen p.ell-singleline:first-child { text-align: right; } /*============================================ TABLE ============================================*/ .tb_ty1 {padding:40px 60px 0;} .tb_ty1 h2 {margin-bottom:47px; font-size:24px; color:#000;} .tb_ty1 .tb_top {display:inline-block; width:100%; margin-bottom:13px; font-size:14px;} .tb_ty1 .tb_top b {font-family:'LifeplusB';} .tb_ty1 .tb_top .fl {padding-top:7px; color:#000;} .tb_ty1 .tb_top .fr .my_file {display:inline-block; position:relative; margin-right:16px;} .tb_ty1 .tb_top .fr .my_file::after {content:''; display:block; position:absolute; top:calc(50% - 8px); right:-10px; width:1px; height:16px; background-color:#d3d4d6;} .tb_ty1 .tb_top .fr .btn-primary-small {margin-left:14px;} /*============================================ FOLDER_TY1 ============================================*/ .folder_ty1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 35px; } .folder_ty1 .folder_nav, .folder_ty1 .folder_cnt { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .folder_ty1 .folder_nav { float: left; width: 270px; padding: 20px 25px 40px; background-color: #fff; } .folder_ty1 .folder_nav .folder_list > div:hover { -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); border: solid 1px #000000; } .folder_ty1 .folder_nav .folder_list > div:hover > button::after { display: block; content: ''; position: absolute; left: -20px; top: calc(50% - 10px); width: 20px; height: 20px; background: url(/static/img/sp_common.1ad25ab.svg) no-repeat -280px -40px; background-size: 500px 500px; } .folder_ty1 .folder_nav .folder_list > div { position: relative; height: 58px; margin-top: 20px; border: solid 1px #d3d4d6; background-color: #ffffff; } .folder_ty1 .folder_nav .folder_list > div.active .more_box, .folder_ty1 .folder_nav .folder_list > div.active .droplayer.more {display: block;} .folder_ty1 .folder_nav .folder_list > div .droplayer.more > .v-menu {left: auto; top: 27px; right: 0} .folder_ty1 .folder_nav .folder_list > div .droplayer.more .v-menu__content {left: auto !important; top: 0 !important; right: 0} .folder_ty1 .folder_nav .folder_list > div.active { margin-right: -26px; border-right: 0 none; background-color: #f6f7fa; } .folder_ty1 .folder_nav .folder_list > .add {border-style: dashed;} .folder_ty1 .folder_nav .folder_list > .add > button { color: rgba(153, 153, 153, 0.99); text-align: center; } .folder_ty1 .folder_nav .folder_list > .add > button::before { display: inline-block; content: ''; position: absolute; left: calc(50% - 52px); top: calc(50% - 11px); width: 22px; height:22px; margin-right: 6px; vertical-align: middle; border-radius: 50%; background: #e9e9e9 url(/static/img/sp_common.bec0aeb.png) no-repeat -440px -104px; } .folder_ty1 .folder_nav .folder_list > div > .droplayer.more, .folder_ty1 .folder_nav .folder_list > div > .more_box { display: none; position: absolute; right: 30px; top: calc(50% - 12px); } .folder_ty1 .folder_nav .folder_list > div > button { width: 100%; height: 58px; line-height: 58px; padding: 0 20px; font-size: 14px; text-align: left; color: #000; } .folder_ty1 .folder_nav .folder_list > div:not(.add) > button .ell-singleline { display: inline-block; max-width:160px; margin-right: 5px; line-height: 58px; vertical-align: middle; } .folder_ty1 .folder_cnt { float: right; width: calc(100% - 270px); padding: 42px 25px 40px; border: solid 1px #d3d4d6; background-color: #f6f7fa; } .folder_ty1 .folder_nav .folder_list .depth1 { margin-top: 20px; font-size: 14px; } .folder_ty1 .folder_nav .folder_list .depth1 > li + li {margin-top: 20px} .folder_ty1 .folder_nav .folder_list .depth1 > li { padding: 18px 20px; position: relative; border: solid 1px #d3d4d6; background-color: #fff; } .folder_ty1 .folder_nav .folder_list .depth1 > li::before { display: block; content: ''; position: absolute; left: 25px; top: 34px; width: 1px; height: calc(100% - 38px - 24px); background-color: #d3d4d6; } .folder_ty1 .folder_nav .folder_list .depth1 > li > button { position: relative; padding-left: 24px; color: #000; } .folder_ty1 .folder_nav .folder_list .depth1 > li > button::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_icon.f67a123.png) no-repeat -12px -92px; } .folder_ty1 .folder_nav .folder_list .depth1 > li.active > button::before, .folder_ty1 .folder_nav .folder_list .depth1 > li.selected > button::before { background-position: -24px -92px; } .folder_ty1 .folder_nav .folder_list .depth1 > li .depth2 {position: relative;} .folder_ty1 .folder_nav .folder_list .depth1 > li .depth2 li { position: relative; margin-top: 15px; margin-left: 24px; } .folder_ty1 .folder_nav .folder_list .depth1 > li .depth2 li::before { display: block; content: ''; position: absolute; left: -19px; top: 50%; width: 8px; height: 1px; background-color: #d3d4d6; } .folder_ty1 .folder_nav .folder_list .depth1 > li .depth2, .folder_ty1 .folder_nav .folder_list .depth1 > li .more_box, .folder_ty1 .folder_nav .folder_list .depth1 > li .more {display: none;} .folder_ty1 .folder_nav .folder_list .depth1 > li.active .depth2, .folder_ty1 .folder_nav .folder_list .depth1 > li.selected .depth2, .folder_ty1 .folder_nav .folder_list .depth1 > li.active .more_box, .folder_ty1 .folder_nav .folder_list .depth1 > li.selected .more_box, .folder_ty1 .folder_nav .folder_list .depth1 > li.selected .more {display: block;} .folder_ty1 .folder_nav .folder_list .depth1 > li.active .more_box, .folder_ty1 .folder_nav .folder_list .depth1 > li.selected .more_box, .folder_ty1 .folder_nav .folder_list .depth1 > li.selected .more {position: absolute; left: 190px; top: 21px;} .folder_ty1 .folder_nav .folder_list .depth1 > li .more > .v-menu {left:auto; right: 0; top: 27px; right: 0} .folder_ty1 .folder_nav .folder_list .depth1 > li .more .v-menu__content {left: auto !important; top: 0 !important; right: 0} .folder_ty1 .folder_nav .folder_list .depth1 > li.active, .folder_ty1 .folder_nav .folder_list .depth1 > li.selected { position: relative; margin-right: -26px; border: solid 1px #d3d4d6; border-right-color: #f6f7fa; background-color: #f6f7fa; } .folder_ty1 .folder_nav .folder_list .depth1 > li > button span, .folder_ty1 .folder_nav .folder_list .depth2 button span { display: inline-block; max-width: 120px; margin-right: 5px; vertical-align: text-bottom; } .folder_ty1 .folder_nav .folder_list .depth1 > li > button, .folder_ty1 .folder_nav .folder_list .depth2 button {text-align:left;} .folder_ty1 .folder_nav .folder_list .depth1 > li > button {width: 100%} .folder_ty1 .folder_nav .folder_list .depth2 button.active {color: #000} .folder_ty1 .folder_cnt .cnt_tit { padding-bottom: 27px; font-size: 22px; color: #000 } .layer-detail_info_view { position: relative; display: inline-block; } .layer-detail_info_view.droplayer.icon > .v-btn {background-position: -24px -80px;} .layer-detail_info_view.droplayer.icon > .v-menu {left: 0; top: 27px} .layer-detail_info_view.droplayer.icon .v-menu__content { left: 0 !important; top: 0 !important; width: 333px; height: 208px; } .layer-cnt_ty1 {width: 333px; padding: 13px 16px 18px;} .layer-cnt_ty1.scroll {padding-right: 5px;} .layer-cnt_ty1.scroll .scroll_inner { line-height: 1.5; padding: 10px 5px 10px 0; margin-top: 6px; color: #666; word-break: keep-all; overflow-y: auto; } .layer-cnt_ty1 .layer-tit { padding-bottom: 5px; font-size: 12px; color: #999; border-bottom: 1px solid #e6e6e8; } .layer-detail_info_view .dropdown-list ul > li.clear:first-child {padding-top: 15px;} .layer-detail_info_view .dropdown-list .clear { padding-top: 11px; font-size: 14px; } .layer-detail_info_view .dropdown-list .fr {} .layer-detail_info_view .dropdown-list .fr b {font-family: 'LifeplusB'; color: #000} .layer-detail_info_view .dropdown-list .info { padding-top: 20px; padding-left: 8px; line-height: 1.33; color: #999; text-indent: -8px; } /*============================================ 협업멤버1 ============================================*/ .member-search_box .search_ty1 .list li {position: relative;} .member-search_box .search_ty1 .list .btn-primary-smaller {top: calc(50% - 14px)} .member-search_box .link_box { position: absolute; left: 15px; top: 50px; width: 270px; padding: 32px 0 8px; border-bottom: 1px solid #d3d4d6; z-index: 1; } .member-search_box.other .link_box { padding-top: 0; } .member-search_box.two.other .scroll_box { height: calc(100% - 35px); } .member-search_box.one.other .scroll_box { margin-top: 30px; height: calc(100% - 35px); } .member-search_box.one.other .link_box { height: 40px; top: 20px; } .member-search_box .link_box .link { position: relative; display: block; width: 100%; padding: 5px 0; font-size: 14px; color: #000; text-align: left; } .member-search_box .link_box .link::before { display: block; content: ''; position: absolute; right: 0; top: calc(50% - 6px); width: 12px; height: 12px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -445px -109px; } .member-search_box.one .scroll_box {margin-top: 69px;} .member-search_box.two .scroll_box {margin-top: 38px;} .member-search_box.one .link_box {height: 69px} .member-search_box.two .link_box { position: static; height: auto; } .member-search_box.two .link_box + .scroll_box { margin-top: 0; } .member-search_box.one .scroll_box {height: calc(100% - 115px);} .member-search_box.two .scroll_box {height: calc(100% - 143px);} .member-search_box .scroll_box {height:100%; max-height: 456px; padding-right: 4px; margin-right: -9px;} .member-search_box form + .scroll_box {height: calc(100% - 46px); margin-top: 11px;} .member-search_box .link_box + .scroll_box .my:first-child dt {padding-top: 11px;} .member-search_box .scroll_box .my:first-child dt {padding-top: 0} .member-search_box .scroll_box .nodata { /* position: absolute; left:0; top: 50%; width: 100%; */ font-size: 14px; text-align: center; color: #999; } .member-search_box .scroll_box .colleague { margin-top: 12px; border-top: 1px solid #d3d4d6; } .member-search_box .scroll_box .colleague:only-child { margin-top: 0; } .member-search_box .scroll_box:only-child .colleague:only-child { margin-top: 0; border-top: 0 none; } .member-search_box .scroll_box:only-child .colleague:only-child > dt { padding-top: 0; } .member-search_box .scroll_box .colleague li.disabled > div, .member-search_box .scroll_box .colleague li.disabled .v-btn {color: #bbb;} .member-search_box .scroll_box > dl > dt { padding: 11px 0 13px; font-size: 12px; color: #999 } .member-search_box .scroll_box .accodian {position: relative;} .member-search_box .scroll_box .accodian button:first-child::after { display: inline-block; content: ''; width: 10px; height: 10px; margin-left: 10px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -140px -221px; opacity: 0.5; -webkit-transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .member-search_box .scroll_box .accodian.active button:first-child::after { opacity: 1; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .member-search_box .scroll_box .accodian .ico-setting {position: absolute; right: 10px; top: calc(50% - 6px)} .ico-setting { text-indent: -999em; color: transparent; font-size: 0; width: 12px; height: 12px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -98px -407px; } .member-search_box .scroll_box > dl > dd > ul > li { position: relative; line-height: inherit; } .member-search_box .scroll_box > dl > dd > ul > li + li {margin-top: 13px} .member-search_box .scroll_box li:nth-child(2) ~ li .v-menu {top: -114px !important;} .member-search_box .scroll_box > dl:last-child li:last-child .droplayer.relative .v-menu__content, .member-search_box .scroll_box > dl:last-child li:nth-last-child(1) .droplayer.relative .v-menu__content {-webkit-box-shadow: none;box-shadow: none;} .member-search_box .scroll_box li:nth-child(2) ~ li .droplayer.relative [class*="tooltip-"] {margin-top:0; margin-bottom: 6px} .member-search_box .scroll_box li:nth-child(2) ~ li .tooltip-b.tl::before { top: inherit; bottom: -6px; -webkit-transform: rotate(180deg); transform: rotate(180deg) } /* .member-search_box .scroll_box > dl:last-child li:last-child .droplayer.relative > .v-menu, .member-search_box .scroll_box > dl:last-child li:nth-last-child(1) .droplayer.relative > .v-menu {top: -114px !important} .member-search_box .scroll_box > dl:last-child li:last-child .droplayer.relative .v-menu__content, .member-search_box .scroll_box > dl:last-child li:nth-last-child(1) .droplayer.relative .v-menu__content {box-shadow: none;} .member-search_box .scroll_box > dl:last-child li:last-child .droplayer.relative [class*="tooltip-"], .member-search_box .scroll_box > dl:last-child li:nth-last-child(1) .droplayer.relative [class*="tooltip-"] {margin-top:0; margin-bottom: 6px} .member-search_box .scroll_box > dl:last-child li:last-child .tooltip-b.tl::before, .member-search_box .scroll_box > dl:last-child li:nth-last-child(1) .tooltip-b.tl::before { top: inherit; bottom: -6px; transform: rotate(180deg) } */ .member-search_box .scroll_box .droplayer .v-btn.name, .member-search_box .scroll_box .my .name {font-size: 14px; color: #000;} .member-search_box .scroll_box > dl > dd > ul > li > .mail { margin-top: 1px; font-size: 12px; color: #999; } .member-search_box .scroll_box > dl > dd .ico-master, .member-search_box .scroll_box > dl > dd .ico-creat { display: inline-block; width: 40px; height: 17px; line-height: 17px; margin-left: 2px; font-family: 'LifeplusM'; font-size: 11px; color: #fff; text-align: center; border-radius: 8.5px; } .member-search_box .scroll_box > dl > dd .ico-master {background-color: #adadad;} .member-search_box .scroll_box > dl > dd .ico-creat { width: 65px; background-color: #000;} .member-search_box .scroll_box > dl > dd .logout { position: absolute; right: 5px; top: calc(50% - 11px); width: 22px; height: 22px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -418px -104px; } .member-search_box .scroll_box > dl > dd .btn-txt-link {position: absolute; right: 5px; top: calc(50% - 14px)} .tooltip-b.member {text-align: left !important;} .tooltip-b.member .row1 {position: relative;} .tooltip-b.member .avatar { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; } .tooltip-b.member .name, .tooltip-b.member .co { overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */ box-orient: vertical; -webkit-box-orient: vertical; white-space:nowrap; -webkit-line-clamp: 1; color: #fff !important } .tooltip-b.member .name { padding-left: 34px; line-height: 24px; font-size: 14px; color: #fff; } .tooltip-b.member .co {margin-top: 5px; line-height: 20px;} /* .tooltip-b.member .co span {display: inline-block; color: #fff} .tooltip-b.member .co span + span::before { display: inline-block; content: ''; width: 1px; height: 8px; margin: 0 8px 6px; vertical-align: bottom; background-color: #d3d4d6; } */ .tooltip-b.member .mail {width: 100%;} /* .tooltip-b.member .mail {width: 247px;} */ .tooltip-b.member .mail, .tooltip-b.member .tel { display: block; line-height: 20px; font-size: 12px; color: #acacac; } .tooltip-b.member .mail {position: relative;} .tooltip-b.member .mail:after { display: block; content: ''; position: absolute; left: 0; bottom: 2px; width:100%; height: 1px; background-color: #d3d4d6; } /* .member-search_box .scroll_box > dl > dd li:hover .tooltip-b { display: block; position: absolute; left:0; top: 32px; z-index: 10; } .member-search_box .scroll_box > dl > dd li:hover > .tooltip-b li > span + span {padding-left: 9px;} .member-search_box .scroll_box > dl > dd li:hover > .tooltip-b li > span + span::before { display: inline-block; content: ''; width: 1px; height: 9px; margin-right: 8px; background-color: #d3d4d6; vertical-align: middle; } */ /*============================================ 필터영역 보드 & 파일 ============================================*/ .filter-box { position: relative; display: inline-block; } .filter-box button:focus {outline: none;} .filter-box .cnt {width: calc(786px - 165px); height: 385px; min-width: 180px;} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.board-list .cnt {width: 698px;} .filter-box.board-list-b .cnt {width: calc(651px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.board-list-d .cnt {width: calc(516px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.board-list-e .cnt {width: calc(435px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.board-list-e.g .cnt {width: calc(345px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.board-list.nofolder .cnt {width: calc(570px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.kanban-list .cnt {width: calc(651px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.file-list .cnt {width: calc(651px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.file-list-b .cnt {width: calc(435px - 165px);} /* 생성/수정자 영역 제거용으로 -165px 추가 */ .filter-box.task-home .cnt {width: calc(405px - 105px);} /* 생성/수정자 영역 제거용으로 -105px 추가 */ .filter-box.task-home-b .cnt {width: calc(285px - 105px);} /* 생성/수정자 영역 제거용으로 -105px 추가 */ .filter-box.task-home-c .cnt {width: 164px;} .filter-box.todo .cnt {width: 720px;} .filter-box.decision .cnt {width: 437px;} .filter-box.decision .cnt-category {width: 221px;} .filter-box.decision .cnt-progress {width: 99px;} .filter-box .cnt_inner > div + div {border-left: 1px solid #d3d4d6} .filter-box .cnt_inner > div { float: left; height: 264px; padding-top: 16px; padding-left: 15px; } .filter-box .cnt_inner .tit { font-size: 12px; color: #000; padding-bottom: 21px; } .filter-box .cnt_inner ul { height: calc(100% - 60px); margin-right: 6px; padding-right: 5px; overflow-y: auto; } .filter-box .cnt_inner ul > li {margin-top: 10px;} .filter-box .cnt_inner ul > li label { display: inline-block; font-size: 14px; color: #666; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .filter-box .cnt_inner ul > li input:checked + label {color: #000} .filter-box .cnt_inner ul > li:first-child {margin-top: 0} .filter-box .cnt_inner ul > li[class*="ico-txt-evaluate-"]::before{left: 29px;} .filter-box .cnt_inner ul > li[class*="ico-txt-evaluate-"] > label{position: relative; padding-left: 0;} .filter-box .cnt_inner ul > li[class*="ico-txt-evaluate-"] > input[type='checkbox'] + label:before {margin-right:25px;} .filter-box .cnt_inner + .info { height: 33px; line-height: 33px; font-size: 12px; color: #999; text-align: center; border-top: 1px solid #d3d4d6; } .filter-box .cnt_inner .nodata { position: relative; display: table; width: 100%; height: 165px; margin-left: -7px; } .filter-box .cnt_inner .nodata .txt { display: table-cell; line-height: 1.43; font-size: 14px; color: #999; text-align: center; vertical-align: middle; } .filter-box .cnt-space {width: 94px;} .filter-box .cnt-folder {width: 216px;} .filter-box .cnt-category {width: 163px;} .filter-box .cnt-option {width: 135px} .filter-box .cnt-evaluation {width: 135px} .filter-box .cnt-progress {width: 135px} .filter-box .cnt-file {width: 135px} .filter-box .cnt-editor {width: 165px} .filter-box .cnt-folder ul > li:first-child {margin-top: 6px} .filter-box .cnt-option li button {width: 100%; text-align: center !important;} .filter-box .cnt-space li button, .filter-box .cnt-category li button, .filter-box .cnt-option li button, .filter-box .cnt-evaluation li button, .filter-box .cnt-progress li button {font-size: 14px;; color: #666; text-align: left;} .filter-box .cnt-category li button { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; white-space:nowrap; -webkit-line-clamp: 1; } .filter-box .cnt-evaluation li.active button, .filter-box .cnt-progress li.active button {text-align: left; padding-left: 10px} .filter-box .cnt-evaluation li.active [class*="ico-"] {padding-left: 32px;} .filter-box .cnt-progress li.active [class*="ico-"] {padding-left: 32px;} .filter-box .cnt-evaluation li.active [class*="ico-"]::before {left: 10px;} .filter-box .cnt-progress li.active [class*="ico-"]::before {left: 10px;} .filter-box .cnt-option ul, .filter-box .cnt-evaluation ul, .filter-box .cnt-progress ul {margin-left: -10px; margin-right: 0} .filter-box .cnt-space ul, .filter-box .cnt-category ul {margin-left: -10px;} .filter-box .cnt-space ul li, .filter-box .cnt-category ul li, .filter-box .cnt-option ul li {padding-right: 10px} .filter-box .cnt-space ul li, .filter-box .cnt-category ul li, .filter-box .cnt-option ul li, .filter-box .cnt-evaluation ul li, .filter-box .cnt-progress ul li {padding-left: 10px;} .filter-box .cnt-space ul li.active, .filter-box .cnt-category ul li.active, .filter-box .cnt-option ul li.active, .filter-box .cnt-evaluation ul li.active, .filter-box .cnt-progress ul li.active {padding-left: 0; padding-right:0} .filter-box .cnt-space li button, .filter-box .cnt-category li button, .filter-box .cnt-option li button, .filter-box .cnt-evaluation li button, .filter-box .cnt-progress li button { width: 100%; height: 28px; border-radius: 14px; } .filter-box .cnt-space ul li button{text-align: center;} .filter-box .cnt-space li.active button, .filter-box .cnt-category li.active button, .filter-box .cnt-option li.active button, .filter-box .cnt-evaluation li.active button, .filter-box .cnt-progress li.active button { color: #fff; padding: 0 10px; background-color: #000; } /*============================================ DROPDOWN ============================================*/ .dropdown, .droplayer { position: relative; display: inline-block; } .dropdown.only, .droplayer.only, .dropdown.only > .v-menu, .droplayer.only > .v-menu, .dropdown.only > .v-menu > .v-menu__content, .droplayer.only > .v-menu > .v-menu__content { width: 100%; } .dropdown.only > .ell-singleline, .droplayer.only > .ell-singleline { max-width: 100%; } .dropdown.only.only-other { max-width: 86%; width: auto; } .dropdown.only.only-other > .v-menu > .v-menu__content { width: auto; max-width: 740px; } .dropdown.only.only-other + .info-dropdown.dropdown .v-menu__content { left: -57px !important; } .dropdown.only.only-other2 { max-width: 40%; width: auto; } .dropdown.only.only-other2 > .v-menu > .v-menu__content { width: auto; max-width: 740px; } .dropdown.only.only-other2 + .info-dropdown.dropdown .v-menu__content { left: -57px !important; } .dropdown.wide, .droplayer.wide {width: 100%} .dropdown.wide > .v-btn, .droplayer.wide > .v-btn {width: 100%} .modal-content .dropdown .scroll, .modal-content .droplayer .scroll {height: 99px;} .dropdown > .v-btn, .droplayer > .v-btn { position: relative; font-size: 14px; color: #000; text-align: left; } .dropdown > .v-btn.disabled, .droplayer > .v-btn.disabled {color: #999} .dropdown > .v-btn:after { display: inline-block; content:''; position: absolute; right: 0; top: calc(50% - 10px); width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0 -40px; } .dropdown.ty1 > .v-btn, .dropdown.ty3 > .v-btn {padding-right: 25px;} .dropdown.ty3 > .v-btn {font-size: 12px; color: #666} .droplayer.icon > .v-btn { width: 24px; height: 24px; text-indent: -999em; font-size: 0; color: transparent; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat 0px -80px; } .droplayer.icon > .v-btn[aria-expanded="true"] { border-radius: 50%; background-color: #e9eaec; } .droplayer.icon.white > .v-btn[aria-expanded="true"] { background-color: #000; } .droplayer.more.large > .v-btn { width: 32px; height: 32px; background-position: -64px -421px; } .droplayer.setting.large > .v-btn { width: 32px; height: 32px; background-image: url(/static/img/sp_icon.f67a123.png); background-position: -64px -302px; } .droplayer.header-info.large > .v-btn { width: 32px; height: 32px; background-image: url(/static/img/sp_icon.f67a123.png); background-position: -96px -302px; } .droplayer.more.large.white > .v-btn { width: 32px; height: 32px; background-position: -64px -453px; } .droplayer.more.plus > .v-btn { width: 32px; height: 32px; background-position: -128px -421px; } .droplayer.organ.large > .v-btn { width: 32px; height: 32px; background-position: -190px -421px; } .droplayer.filter-box > .v-btn { width: 32px; height: 32px; background-image: url(/static/img/sp_icon.f67a123.png); background-position: -32px -302px; } .droplayer.filter-box > .v-btn.sel::after { position: absolute; right: 2px; top: 2px; display: block; content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: #f97723; } .droplayer.filter-box > .v-btn[aria-expanded="true"].sel::after { width: 0; height: 0; background-color: transparent; } .droplayer.filter-box .dropdown-list .dropdown-list_header{ -webkit-box-sizing: border-box; box-sizing: border-box; padding:0 0 0 20px; height: 50px; line-height:50px; border-bottom: 1px solid #d3d4d6; font-size: 14px; } .droplayer.filter-box .dropdown-list .dropdown-list_header > span{ color:#000; } .droplayer.filter-box .dropdown-list .dropdown-list_foot{ height: 70px; line-height: 70px; text-align: center; border-top: 1px solid #d3d4d6; } .droplayer.filter-box .dropdown-list .dropdown-list_foot > button { line-height: 28px; } .droplayer.info > .v-btn { width: 16px; height: 16px; margin-left: 3px; background-position: -224px -389px; } .dropdown > .v-menu, .droplayer > .v-menu {top: 29px;} .droplayer.member > .v-menu {top: 18px;} .droplayer.large > .v-menu {top: 37px;} .droplayer.tooltipmember > .v-menu {top: 21px;} .droplayer.info > .v-menu {top: 23px; left: -5px} .droplayer.filter-box > .v-menu, .droplayer.plus > .v-menu, .droplayer.large > .v-menu {top: 37px;} .dropdown .v-menu__content, .droplayer .v-menu__content {left: 0 !important; top: 0 !important;} .droplayer.filter-box > .v-menu, .dropdown.right > .v-menu, .droplayer.right > .v-menu {left: auto; right: 0;} .droplayer.filter-box .v-menu__content, .dropdown.right > .v-menu > .v-menu__content, .droplayer.right > .v-menu > .v-menu__content {left: auto !important; top: 0 !important; right: 0} .droplayer.tooltipmember .v-menu__content { border: 0 none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .member-search_box .droplayer > .v-menu {top: 37px;} .member-search_box .droplayer .v-menu__content { width: 260px; border: 0 none; background-color: transparent; } .todo_wrap_view .re-de {margin-left: 14px;} .todo_wrap_view .re .member {color: #999} .todo_wrap_view .re-de .droplayer > .v-menu {left: auto; top: 37px; right: 0} .todo_wrap_view .re-de .droplayer .v-menu__content {left: auto !important; top: -8px !important; right: 0; background: transparent; border: 0 none; } .todo_wrap_view .re-de > .v-menu .v-menu__content {border:0 none;} .todo_wrap_view .re-de .tooltip-b.tl::before {left: inherit; right:10px} .dropdown.ty1 > .v-btn:after { right: 0; background-position: 0 -40px; } .dropdown.ty1.small > .v-btn {padding-right: 21px;} .dropdown.ty1.small > .v-btn:after { top: calc(50% - 6px); width: 12px; height: 12px; background-image: url(/static/img/sp_icon.f67a123.png); background-position: -36px -92px; } .dropdown.ty3 > .v-btn:after { right: 0; background-position: -140px -40px; } .dropdown.ty3 > .v-btn[aria-expanded="true"]:after {background-position: 0 -60px;} .dropdown.disabled .v-btn { color: #bbb; pointer-events: none; } .dropdown.ty1.disabled > .v-btn:after {background-position: -140px -60px;} .dropdown.ty3.okr > .v-btn {padding-right: 0} .dropdown.ty3.okr > .v-btn:after { width: 0; height: 0; background: none; } .dropdown + .dropdown {margin-left: 5px;} .droplayer.tooltipmember.right > .v-menu .v-menu__content .tooltip-b::before {left: auto !important; right: 10px} .dropdown.ty2 .v-btn { height: 30px; line-height: 30px; padding-left: 13px; padding-right: 37px; border: 1px solid #acacac; background-color: #fff; } .dropdown.ty2 .v-btn:after { right: 7px; background-position: -160px -40px; } .dropdown.ty2 .v-btn[aria-expanded="true"] {border-color: #000;} .dropdown.ty2 .v-btn:after {font-size: 14px; color: #000;} .dropdown.ty2.disabled .v-btn { border-color: #d3d4d6; background-color: #e9e9e9; } .dropdown.ty2.disabled .v-btn:after {background-position: -160px -60px;} .droplayer.attach .v-btn { position: relative; padding-left: 22px; font-size: 14px; color: #000; } .droplayer.attach .v-btn::before { position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -208px -405px; } .droplayer.list {text-align: left;} .droplayer.list .dropdown-list {width: 541px; padding: 15px 15px;} .droplayer.list .dropdown-list .scroll {height: 100px; margin-top: 6px;} .droplayer.list .dropdown-list .top { padding-bottom: 4px; border-bottom: 1px solid #e6e6e8 } .droplayer.list.right > .v-menu {left: auto; right: 0} .droplayer.list.right .list_box button { display: inline-block; max-width: 365px; font-sizE: 14px; color: #666 } .droplayer.list.right .list_box li {margin-top: 9px;} .dropdown > .v-menu .v-menu__content, .droplayer > .v-menu .v-menu__content { position: absolute; contain: content; width: auto; border-color: #d3d4d6; overflow-y: auto; overflow-x: hidden; will-change: transform; } .droplayer.tip > .v-menu .v-menu__content { border: 0 none; background-color: transparent; } .dropdown.ty2 > .v-menu .v-menu__content { width: 100%; border-color: #000; -webkit-box-shadow: none; box-shadow: none; word-break: break-all; } .dropdown-list { display: block; position: static; /* transition: box-shadow .28s cubic-bezier(.4,0,.2,1); will-change: box-shadow; */ } .dropdown-list .scroll { max-height: 174px; padding-right: 6px; margin-right: 5px; overflow-y: auto; z-index: 10; } .dropdown-list .scroll .dropdown-list-item:last-child {margin-bottom: 10px;} .dropdown-list .dropdown-list-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; outline: none; position: relative; text-decoration: none; } .dropdown-list-item .no-data { width: 100%; margin-bottom: 0; padding: 8px 0 13px; color: #999; font-size: 14px; text-align: center; line-height: 20px; } .dropdown-list-item .tit { width: 100%; -ms-flex-item-align: center; align-self: center; text-overflow: ellipsis; white-space: nowrap; } .dropdown-list-item.division {margin-top: 10px;} .dropdown-list-item.division::before { position: absolute; left: 15px; right: 15px; top:0; display: block; content: ''; width: calc(100% - 30px); height: 1px; background-color: #d3d4d6; } .dropdown-list-item button { width: 100%; padding-left: 15px; padding-right: 53px; line-height: 33px; font-family: 'LifeplusM'; font-size: 14px; color:#666; text-align: left; background-color: #fff; } .dropdown-list-item button.disabled {color: #999} .nosel .dropdown-list-item button {padding-right: 15px;} .dropdown-list-item button:hover {background-color: #eaecf0;} .dropdown-list-item button.active {color: #000;} .dropdown-list-item button.active:after { display: block; content: ''; position: absolute; right: 0; top: calc(50% - 10px); width: 20px; height: 20px; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -60px -297px; } .checkbox .dropdown-list-item input + label {margin-left: 15px;} .checkbox.member-name .dropdown-list-item input + label { height: 30px; text-align: left; } .member-name .dropdown-list-item label { width:130px; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; white-space:nowrap; -webkit-line-clamp: 1; } .droplayer.info .tooltip-b > div:nth-child(2) {padding-top: 11px;} .droplayer.info .tooltip-b .tit {margin: 4px 0} .droplayer.info [class*="tooltip"] .list-dot {margin-left: 24px} .droplayer.info .tooltip-b .list-dot > li::before {background-color: #fff;} .droplayer.info .tooltip-w .list-dot > li::before {background-color: #666;} .ico-incomplete, .ico-complete { display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: middle; background: url(/static/img/sp_icon.f67a123.png) no-repeat -120px -104px;; } .ico-incomplete {background-position: -120px -104px;} .ico-complete {background-position: -120px -116px;} /*============================================ Board 멤버호출패널 ============================================*/ .v-menu__content .dropdown-list > div { border: 0 none; -webkit-box-shadow: none; box-shadow: none; } .member-call-box { width: 300px; height: 417px; padding: 18px 6px 20px 15px; border: solid 1px #d3d4d6; background-color: #fff; -webkit-box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 1px 1.7px 3px 0 rgba(0, 0, 0, 0.08); } .member-call-box > .scroll { height: 100%; max-height: inherit; padding-right: 5px; overflow-y: auto; } .member-call-box .nodata { line-height: 20px; font-size: 14px; color: #999; text-align: center; } .member-call-box .scroll > .nodata { display: table; width: 100%; height: 100%; } .member-call-box .scroll > .nodata .txt { display: table-cell; vertical-align: middle; } .member-call-box dd > .nodata {padding: 8px 0 13px} .member-call-box > .scroll > dl {padding-left: 10px;} .member-call-box > .scroll > dl > dt { padding-bottom: 8px; font-size: 12px; color: #999 } .member-call-box > .scroll dd > .member-list > li { position: relative; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; } .member-call-box > .scroll dd > .member-list > li.member-all { padding-bottom: 19px; } .member-call-box > .scroll dd > .member-list > li.member-all > .member-all_txt { display:block; line-height: 24px; color: #000; } .member-call-box > .scroll dd > .member-list > li .img { position: absolute; left: 0; top: 10px; width: 24px; height: 24px; border-radius: 50%; } .member-call-box > .scroll dd > .member-list > li .name { display: block; margin-top: -2px; font-size: 14px; color: #000; cursor: pointer; } .member-call-box > .scroll dd > .member-list > li .team { display: block; margin-top: 2px; font-size: 12px; color: #999; cursor: pointer; } .member-call-box > .scroll > dl + dl { margin-top: 4px; padding-top: 13px; border-top: 1px solid #d3d4d6 } /* */ .member-call-box.search form {padding-right: 10px;} .member-call-box.search .search_ty1 {width: 100%; margin-top: 2px;} .member-call-box.search .scroll {height: calc(100% - 70px); margin-top: 38px;} /* */ .search_ty1 .member-call-box { position: absolute; left:0; top: 29px; width: 100%; height: 330px; padding-top: 2px; padding-left: 15px; padding-right: 0; border-color: #000; z-index: 11; } .search_ty1 .member-call-box > .scroll dl {padding-left: 0} /*============================================ display ============================================*/ .d-block { display: block !important; } /*============================================ admin hash tag ============================================*/ .admin-hash-wrap > div { height: calc(100vh - 155px) } .admin-hash-wrap .tab_ty1 > .tab-content { height: calc(100% - 72px); min-height: auto; } .admin-hash-wrap .tab_ty1 > .tab-content .tab_ty2 { height: 100%; } .admin-hash-wrap .tab-content .tab-content { height: calc(100% - 26px);} .admin-hash-tag{ display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 23px); margin-top: 23px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .admin-hash-tag .organization-area {width: calc(48% - 10px); height: 100%; } .admin-hash-tag .treeselect { height: 100%; } .admin-hash-tag .selected-area { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(52% - 10px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .admin-hash-tag .vue-treeselect { height: 100%; } .admin-hash-tag .selected-area .info-txt { text-align: right; } .admin-hash-tag .list-table { margin-top: 10px; } .admin-hash-tag .list-table > li { padding: 5px 0; } .admin-hash-tag .input-box input { width: 478px; } .admin-hash-tag .hash-tag-list{ overflow:auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 500px; margin: 20px 0; padding: 0 5px 10px 13px; border: solid 1px #d3d4d6; background-color: #fff;} .admin-hash-tag .hash-tag-list .btn-tag { display: none; position: relative; height: 22px;line-height: 21px;font-size: 12px;color: #000;} .admin-hash-tag .hash-tag-list .btn-tag.active { display: block; } .admin-hash-tag .hash-tag-list li { display: inline-block; height: 23px; line-height: 23px; padding: 0 10px; margin: 4px 4px 6px 0; border: solid 1px #e6e6e8; border-radius: 11px; background-color: #f6f7fa; } .admin-hash-tag .hash-tag-list .btn-tag:hover button {display: block;} .admin-hash-tag .hash-tag-list .btn-tag button { position: absolute; right: -15px; top: -9px; display: none; width: 20px; height: 20px; text-indent: -999em; font-size: 0; color: transparent; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -400px 0; } .admin-hash-tag .hash-tag-list .btn-tag .ipt-tag { height: 21px; } .admin-hash-tag .footer { text-align: center; } /*============================================ ============================================*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .kanban-list-item .tit.ell-multiline2 {height: 52px} .tb-contents .subject.ell-multiline2, .location .ell-multiline2 {height: 40px;} .task .ell-multiline2 {height: 60px;} .project-contents .ell-multiline2 {height: 70px;} .decision-making .ell-multiline2 {height: 80px;} .bds041 .calendar_box .vdp-datepicker input[readonly] {width: 90px} .ins028 .ell-multiline2 {height: 55px;} .sharing_wrap .ellipsisdot {height: 55px;} .division .ellipsisdot {height: 55px;} } .tab_ty2.new > .tab-content {margin-top:16px;} .tb-contents.new tr{display: table-row;} .tb-contents.new tr:hover:after, .tb-contents.new tr:hover:before, .tb-contents.new tbody:before, .tb-contents.new tbody:after{display:none;} .tb-contents.new .subject{padding-left: 20px;} .tb-contents.new .subject.ell-singleline{display:block;} .tb-contents.new [class*="ico-txt-evaluate-"]::before{top:calc(50% - 14px);} .tb-contents.new tr:not(:last-child) td{ border-bottom: 1px solid #d3d4d6;} @charset "UTF-8"; /*============================================ MAIN LAYOUT ============================================*/ .main_wrap {min-height: 100%; padding-top: 50px} .main_container { position: absolute; left: 50px; top: 50px; bottom: 0; width: calc(100% - 50px); height: calc(100% - 103px); /* min-height: calc(100% - 103px); */ /* overflow-y: auto; */ } .main_contents {min-height: calc(100% - 55px);} /*============================================ MAIN HEADER COMMENT ============================================*/ .main_header_comment { position: relative; padding:50px; } .main_header_comment .tit { line-height: 47px; margin-top: 45px; font-family: 'LifeplusL'; font-size: 40px; color: #000; } .main_header_comment .tit b {font-family: 'LifeplusB';} /*============================================ MAIN HEAER COUNT ============================================*/ .main_header_count {position: absolute; right: 0; top: 103px} .main_header_count ul::after {clear: both; content:'';} .main_header_count li { position: relative; float: left; width: 140px; } .main_header_count li * {display: block; text-align: center;} .main_header_count li b { position: relative; line-height: 1; font-family: 'LifeplusB'; font-size: 46px; color: #000; } .main_header_count li b i { position: absolute; right: 20px; top: 0; width: 10px; height: 10px; border-radius: 50%; background-color: #f97723; } .main_header_count li > span { padding-top: 7px; font-size: 14px; color: #666 } .main_header_count li + li::after { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 30px); width: 1px; height: 60px; background-color: #e0e0e0; } /*============================================ MAIN FOOTER ============================================*/ .hw-footer_wrap { width:1180px; padding: 16px 0 14px; margin: 50px auto 0; border-top: 1px solid #d3d4d6 } .hw-footer_wrap h1 { float:left; text-indent: -999em; font-size:0; color: transparent; width: 70px; height: 23px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAXCAYAAAC2/DnWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABTBJREFUeNrcmHlsFVUUh18fpQiIZSuk2mrqK7E0aBG0uDQRgohbWEwBERVRaIwkYoIiaixGG5cUIyaiYgLiHkUDSkSNG0o1bihgq2KItlKLgLRQWWp5bf0d801yczPzrH/23eRLp2/uzNx7lt85MxkVFRWxbozBYrqYJM4ShaK3SIrfRI14SbwvumJpMDL/43yxqBSXi8/Ep+It0S6GivPFZeJ6+ERcJ3anq2EsQpaz6RXCwqo1ZN7Too+4VVSJi8TnolTs6cmGiYf8Nk5sFyeKUeKRCKME429RjREtkvLEyp4eMb5hpojNYpWYKQ78j3t9JO7i2PTo9HQxjKXB6xilqhvXniBySbtgWKS0cFyWDhpjG1wnvhdLUswvRW9OFk1UpDYxgJRqRaCnegYLGyuc4/tFs8hy7t3unK907veE2IVTTxX7xFFn7kAxWnzB2opx+h6cdTsSMdS5xirpDpx6ibgmMMzjIkfM8hYUjEEsKA/DfRmx2X7iYo6Pp6h09vBhzm8L2Mgh8Z04W2zjeeWiAJG3MZtzW8SvpO0G5162+Y3iTFGLMx/CEeUYpop5tVxjhnxWPEdLMtesXiJmMOnjkI0MQHcOi/EYpQ9R1s+ba55r5LiQjfkjC682EWX7RV8Ii+iBREUbHu0l+qeIxLH8HeM5bJo3r4b9jMfQ/THe9EBjFjBxY8SDHmaBi+lVbhE3iEvFMrFe3EzDZyMhGvDMjVQ3d2xjg/Mwhol8vnjXmbMFL9eLOtZoDposLkALw0Ye69srlopsfk9yLzd1/NHFnObAMJM4sStkskXGXLGJxVnIPolAW+jdSbQNYzMFeMAs30Gfc1vIfc2gD4irub8ZcLhzfhYtQIzUfZHnTGa9pc7c9ayrSHyD4UcTYd/imHZ+D8ZX6M5aKCL1N6Cz/0ZCIZP/CtlAESFmaXNHhJeSiGeSlGvAIDFSYCTPSXoRYUbZiZjvJKVyOd8UeI5u2sL7A6LU7vmjc69r2dAgjGyvJZ3iPDr2OI6sR8di9GYmHUP439b9O82prTWR6ZTsRIpyvrcbFe4FDPQg3oo5Imw6ttX5zQR0IX9rMU5nxH2XYIh1VLxSUjGH80ccGp3rbmI9naTsM2IO5zod6ThXrBGnoH/mtBlxSm7Q3IVFzHEekqr8ZmGYN8SEEDHsHSKqC0mRe4mWGGuZ56wp2MRqcYz3tQYEeXGK9Ywj5eeTomWONvrreBMhzsE4VsZXxXkpjPFCONG7cAJako3g9Y1o9OzN+inxKiEcjJmUZ1+/MsRpIVHaTM4HaTQNUexiDcs4bkFvokaCeR/yv+nGH2JESMXNJU07aBcs3UZkkm9WbU5ig2XORobg2SkYqQaP7uD8KBZbjaCV44VsFr6WavOnt6BDLLaadPLTaD5reBvt8EcbDmmJMIwVi19w+sus3fbyvDfPrn9FPEZjOZgisyiTvLyKmwxng4swUj6WvpKHjaEBe4/Q/pnwPMKDzkFkX6OJO8Cbd9iwsnthRBTud/TpYMT1HYhyWLN50OnSy0i/Eq9ku+I9G+O1IfCbM5wPVcV0wEHn2khjtBzrJ/BkQcgmDjPXLbl1lN26nv4S+QM9wkh6j02kwBy8uw8PTURvgk8RORgrMMpu0m9sTzVK1IeqnyCoStvpYd7xPjH0QszyaJaWklolXs+SNh+qfCM9iv5UouJujrcizHdTSaamg1G6883Xxj2UvvswwFZSLJ/W20rv15Tm+liajHg35nRhnDOInmP0IEfpJq+goUobo9j4R4ABANz2Utpo+9GiAAAAAElFTkSuQmCC); } .hw-footer_wrap h1 + div { display: block; float:left; margin-left: 15px; color: #999; height: 23px; line-height: 23px; } .hw-footer_wrap .list_corp {float: right;} .hw-footer_wrap .list_corp li { float: left; position: relative; line-height: 23px; } .hw-footer_wrap .list_corp li a { display: block; padding: 0 10px; font-family: 'LifeplusL'; color: #666 !important; } .hw-footer_wrap .list_corp li + li::before { display: block; content: ''; position: absolute; left: 0; top: calc(50% - 5px); width: 1px; height: 10px; background-color: #d3d4d6; } /*============================================ MAIN HEAER SEARCH ============================================*/ .header_search_wrap { position: relative; min-height: 45px; } .header_search_wrap button { position: absolute; right: 0; width: 45px; height: 45px; text-indent: -999em; font-size: 0; color: transparent; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABeNJREFUeNrUmV1IW0kUxyfXWD9XROq3krbUB6toGxSV+NWiqIsUu/jgU6uLdcEHYQUL++LXuqwWEbZPLkqx0oc+WOpTtQhtBQN+1IDdugq6YoyNSHCxNVb75d3zv+uVSXpj1yTG7IEhuTNz5/zuuWdmzpmrMpvNzF4+f/7MHIldm//q6mrGwMCAdmZmJslisSRsbm7Gv337NnxnZycoICBgOyQkxBIaGmoKDw9fSE1NnS0vLzfExcVN0L278iA+Pj4O9Sm1qXhoJVj7OgyysLCg6+vrKx4dHS0ENDuiADovL2+ksrJyOCEhQa+k4zB4CfprsPINr1+/vtzU1FTx9OnT8r29vTDmogiC8PeVK1cGWlpaHsTGxj5zpNceXmUymRRh5RtwTa9a09raWj04OPj9hw8fYpib5dSpU+aysrK7jY2NveRSRl63EvwBtBIsxGg0Fl2/fr2O3OBbdsxCbvO4v7//jkajeaLEIl8LqOAr+Wvy2RtXr17t8gQwBHqgD3plWBQeHkVQeiL80hP/cPPmzV+tVusF5kGBPuiFfp6H55Tcw75xbGzsBm6k62h2QkKAaz09PT9lZ2ff44HxK9gDw4fr6upunSTwPk80OMBj7wUCX0GvRlNVVVXnaZc4zFX2eTQ8p42l29vbqz016Y4yOcFlY2l5Rq6trV3GOsy8UMAFPpvVA3/a2toqjmPjcIeAC3w27rG0tKR7/vx5OfNiAR84JUtjCbl//36xO2KJ4xTwgRO8aiL31+v1hW6IH1hJSQnT6XQsJSWFvXz5ktG4bGhoCK/XLeDgJN5f2PDwcB7Ri66U5ORkcW5uTvz06ZM4Pj4udnd3i1NTU9I16pOSkkRXdcgFvGqamVoXgxw2PT0tWbWwsBCr0EEbhZuM4m5mMBgYxc0Ibd2xkmjxOnudfWpyCZGCG5GyFtHf31+xD+pfvXol9fP19XXZ0uBVU3qU4OxTnz17luXm5rL09HT28eNHxT6op12NTU5OsnPnzrHFxUWXLA1eATmdswOQr0pr/Ozs7KH95PbExESX3QO8ApJQZweIiIhAVuPQytzmgDiCUXLrMjR4hd3d3SBnByBfZsHBwV+FQTv6kW+7DA1egSbKtrMDzM/PS5auqak5tB/a0Q/9XRWJNzo6esmV2Uz5owih5U6xvbS0VGqnyeiWdVrijY+P/25jY0Pj7JNjklEiyjo7OxmNxd68eYOjAXbx4kVG2TXr6Oj4NzKjukePHmE7dsnStPb/wbKysnrdYYGioiJxeXlZ5AXXeAMZGRni+/fvRdoYHK7n/7WAF2voj+7aYlHCwsKkbRu/fL0M/vDhQ1GtVjs9PngF8jmDO6MxuAcmHH55efHihbQRhYSEMNoZnR4fvEJkZOQEOfeEJ8JLgBcXFzsd9YETvEgCdtPS0kbY/0DACV4p3bp27dowDgO9GRh84JT+IxM4c+aMPjMzc8CbocEHTumwRk5sa2trH9AEMXsjMLjA98W5x+nTp58VFBTc9UZocIHP5oRJlurq6t6oqKjH3gQMHnDZ+LddMGJsbm6+ExgY+Kc3AIMDPOByCA2JiYl50tDQcBunlicJDP3gAM8XK4nSDZcuXbpHr6TlpMChF/rBodSuVrhBisRKSkp+p+B9t6ur69a7d+8ueNIl6uvrb9NGYnMu/VVL8xZvb2+vp7TKI5MTeqDPkYUPDEuvQVpGKJKUiiwqlUqyeFBQ0F8U6Oi3trasJpPpPNV9425YivrM+fn5v5GFf6bocBqxN9VJDPi/vyNKBcGWamxsTIJGEGP/VQDQ8vEqisViudzf319hMBjc9h1Rq9UOUPbzgFzxGVxBLjIs/9kCR2/Sd8TR0dEDUL7IGQZfJ18bjUbdyMhIMWUthfQgR/5iS4ATFHOPUIIwTFmPngeTi2xdvu7gQ5ESNG9tHA/w9XxfLO3r6+sZNIZ2ZWUlidL7BKvVGk8TN5wC/iA/P79tmlgWysRNFEcvUOwwm5OTY0B4icSaB+Gh5Xjb0cP8I8AADUFYzzGIp/AAAAAASUVORK5CYII=) repeat 0 0; } /*============================================ 과제 홈 ============================================*/ .okr_header { width: 100%; height:390px; background-color: #3a3b45; } .okr_header .inner { position: relative; width: 1200px; height: 100%; margin: 0 auto; padding-top: 82px; } .okr_header .txt { line-height: 53px; font-family: 'LifeplusL'; font-size: 36px; color: #fff } .okr_header .txt p {font-family: 'LifeplusM'; font-size: 18px} .okr_header .txt b { position: relative; display: inline-block; line-height: 60px; font-family: 'LifeplusB'; font-size: 48px; color: #f97723; vertical-align: bottom; } .okr_header .txt b::after { display: block; content: ''; position: absolute; left: 0; bottom: -7px; width: 100%; height: 2px; background-color: #f97723; } .okr_header li b {color: #fff;} .okr_header li span {color: #999;} .okr_header li + li::after {background-color: #505361;} .hw_okr_cnt {margin-top: -105px; padding-bottom: 55px} .hw_okr_cnt .setting_box {position: absolute; right: 19px; top: 19px;} .list-card_round + .okr_sub_tit_box, .list-card_square + .okr_sub_tit_box {margin-top: 60px;} .okr_sub_tit_box {width: 1200px; margin: 0 auto 20px;} .okr_sub_tit_box h2 {font-size: 18px; color: #000} /* LIFEPLUS ACADEMY */ .okr .hw-lifeplus_academy_wrap {width: 1200px; margin: 0 auto;} .okr .hw-lifeplus_academy_wrap h1 { margin-bottom: 20px; font-family:'LifeplusM'; font-size: 18px; color: #000; } .okr .hw-lifeplus_academy_wrap .img {position: relative;} .okr .hw-lifeplus_academy_wrap .img::before { display: block; content: ''; position: absolute; left: calc(50% - 23px); top: calc(50% - 23px); width: 47px; height: 47px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBFJREFUeNrUmltIVEEYx8e9WK6XLuRqKdhF90HaMmHF1XRDNgN9EXPJEMyXIEQiSPBRX+zFfAqht9agG/okEiGplXlb3d1CxUTFgs1ckcS83/s+HWVbV3f3nJld+8NPYTln5n/O+Wbmm++cAMJGkYAaOAdEA6eAI4ACWACWgSnABowBfcCE2E4DRJx7GsgA0oEzAs4fBz4BLcAvX5m/ANwGkkRe/I42ARPwChjlZT4MKAQyGZl2dRFNwHPgD0vzV4CHwDHCXzNANWB1d6DUg8bygfvAUeIbYT/X6JPoF2peAtwDbnIKE3cRcQk4CZjphXhlHo1nEf8qloZqrzfmDUAeORyKA9aBAU/MJwAP/BAqBwlDaNB5YZM4HRRKZxWvjSuVSjnnMVBK/e175+8CF4W03t/fnzY0NDQzMjKyxHEWCqEL2p47fx64IbTl8PDwoIaGhpSKiooYjk8gkw7iPeZviY1zuVwuKS8vVzc2NiaEhoZKOYVPvrN5TKy0rHrIzs6OtlgsqWq1WsHhApJoUrhrXs96domNjQ1rb29PKywsVHK4+xmO5q/yCFAIHbnRaNTU1NSopFIpy5uj2zEftfMYuMxxoOLiYlVbW5smMjKS1XSKfiMkQqdGb6XVapVWqzVNp9OFsVq40PxZXy2TcOcVTU1NqaWlpdEMmjsnEbiFE6zAwEBpVVVVQl1dnVqhUEhENBWFJ0f4I1nJy8uL6enp0apUKqH7hK2YD/ZXthUfH3/CZDKl6/V6ITu0EDQvJ35UR0fHZHd395yAU2VoftUfptfW1jYrKysHsrKyvszOzq4LaUIGf+aB42LNLCwsrAYHB8s8OXZ6enq5qKjIDIncbxFdzmFndrpQiatbbG56mjpP5+bmmoeHh8WmzpMYNuO+CpX6+vofGo2mk4FxlA3Nf+dtemVlZaOsrOyrwWDoW1pa2mDU7JjMXW1ErOx2+2JBQUFvc3PzDOOm+9D8T7Jd6GSenJnN5qmcnByLzWZbYdw0+p3YWZ4/s2wZB29tbe1ocnJyNwfjqI+O+fx7sk9VyltBTK+VlJSYYSocxLmcg3Fss2VrlaI/4IzTCaSIGv422zwMyt6urq5ZjsPIRMPmnw34GzF3v7W11Z6YmNjG2Tj6e+24H3RUiZjyhw+E9fsnrkofqFqyXR8/jEJfRscfnM3jI3/MavAyDpdq6m9XrgpDWMzELO/yITL/gs6IxJ151ADNNOMOgfG3zuHizjzKQrYL+/68gHfAUyLgzQie0Ev/q4lv6/XY50vg2UHjz5NiKCZu34BE4puXajirPHIV487y9j3sHeA6+c/ewzoKxwCWmTWE3RvwHrpyDntzIotvD3QC02mckj8QH3974EquvvoIomMEt3yLhMNXH38FGAADMiSaL9OA9wAAAABJRU5ErkJggg==) no-repeat 0 0; } .okr .swiper-container {width: 1200px; height: 100%; padding-bottom: 40px;} .okr .swiper-slide { position: relative; height: 170px; font-size: 18px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: left; -ms-flex-align: left; align-items: left; } .okr .swiper-slide .clear > div {float: left;} .okr .swiper-slide .img {width: 300px; height: 170px; margin-right: 20px;} .okr .swiper-slide img {width: 100%; height: 100%} .okr .swiper-slide .tit { display: block; width: 100%; margin-bottom:17px; line-height: 1.33; font-family:'LifeplusM'; font-size: 18px; color: #000; text-align: left; } .okr .swiper-slide .txt { line-height: 20px; font-size: 14px; color: #999; text-align: left; } .okr .swiper-scrollbar { left: 0 !important; width: 100% !important; height: 4px !important; margin-top:50px; border-radius: 0 !important; background-color: #fff; } .okr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-theme-color); background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top } .swiper-scrollbar-drag { border-radius: 0 !important; background-color: #000 !important; } /*============================================ MAIN 정보공유 / ============================================*/ .sharing_wrap .tab_ty1 > .tab-menu .swiper-container, .cooperation .tab_ty1 > .tab-menu .swiper-container {width: 1180px; margin: 0 auto;} .sharing_wrap .tab_ty1 > .tab-menu .swiper-container .swiper-slide button, .cooperation .tab_ty1 > .tab-menu .swiper-container .swiper-slide button { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; white-space:nowrap; -webkit-line-clamp: 1; } .sharing_wrap .main_header_outer, .cooperation .main_header_outer {background-color: #fff;} .sharing_wrap .main_header_comment, .cooperation .main_header_comment {width: 1180px; margin: 0 auto; padding: 92px 50px 68px} .sharing_wrap .main_header_comment .tit, .cooperation .main_header_comment .tit {margin-top: 0} .sharing_wrap .tab-content, .cooperation .tab-content {width: 1180px; margin: 0 auto;} .sharing_wrap .filer_area, .cooperation .filer_area { margin: 30px 0; text-align: right; vertical-align: middle } .sharing_wrap .sub_tit_box, .cooperation .sub_tit_box {margin-bottom: 20px;} .sharing_wrap h3, .cooperation h3 {font-size: 18px; color: #000;} .sharing_wrap .nodata-txt, .cooperation .nodata-txt { height: 350px; padding-top: 167px; font-size: 14px; color: #999; text-align: center; background-color: #fff; } .nodata-txt.small { height: 170px; padding-top: 75px; font-size: 14px; color: #999; text-align: center; background-color: #fff; } .sharing_wrap .tb-header, .cooperation .tb-header {margin-top: 34px; margin-bottom: 25px;} .cooperation .list-card_square {width: 1240px;margin-left: -30px; margin-right: -30px; margin-bottom: 54px; padding: 0 30px;} .sharing_wrap .list-card_square, .cooperation .list-card_square {width: 1240px;margin-left: -30px; margin-right: -30px; margin-bottom: 54px; padding: 0 30px;} .sharing_wrap .tab-content > section:nth-child(n+2) .list-card_square, .cooperation .tab-content > section:nth-child(n+2) .list-card_square {width: 1180px!important; margin: 0 auto !important; padding: 0 !important} .sharing_wrap .list-card_square li:nth-child(4n), .cooperation .list-card_square li:nth-child(4n) {margin-right: 0 !important} .sharing_wrap .list-card_square .list-top .hover .ico-switch_favorites, .cooperation .list-card_square .list-top .hover .ico-switch_favorites {display: none;} .sharing_wrap .list-card_square .list-top .hover .ico-switch_favorites.active, .cooperation .list-card_square .list-top .hover .ico-switch_favorites.active {display: block;} .sharing_wrap .list-card_square .swiper-slide:hover .hover .ico-switch_favorites, .cooperation .list-card_square .swiper-slide:hover .hover .ico-switch_favorites {display: block;} .sharing_wrap .list-card_square li:hover .hover .ico-switch_favorites, .cooperation .list-card_square li:hover .hover .ico-switch_favorites {display: block;} .sharing_wrap .list-card_square .swiper-wrapper, .cooperation .list-card_square .swiper-wrapper {width: 1180px;} .sharing_wrap .list-card_square .swiper-slide, .cooperation .list-card_square .swiper-slide {width: 280px !important; margin-bottom: 0 !important} .sharing_wrap .list-card_square.col-4 > div:nth-child(4n+1), .cooperation .list-card_square.col-4 > div:nth-child(4n+1) {margin-top: inherit !important} .sharing_wrap .list-card_square .swiper-slide:nth-child(1), .cooperation .list-card_square .swiper-slide:nth-child(1) {margin-left: 0;} .sharing_wrap .swiper-button-prev, .cooperation .swiper-button-prev { left: 0; top: 22px; height: 100%; background-color: #eff2f7; background-position: 0 50%; } .sharing_wrap .tab_ty1 > .tab-menu .swiper-button-prev, .cooperation .tab_ty1 > .tab-menu .swiper-button-prev {background-color:transparent;} .sharing_wrap .tab_ty1 > .tab-menu .inner, .cooperation .tab_ty1 > .tab-menu .inner { position: relative; width: 1180px; margin:0 auto; text-align: left; } .sharing_wrap .tab_ty1 > .tab-menu .inner > ul > li, .cooperation .tab_ty1 > .tab-menu .inner > ul > li {position: relative;} .sharing_wrap .tab_ty1 > .tab-menu .inner > ul > li > button, .cooperation .tab_ty1 > .tab-menu .inner > ul > li > button {max-width: 205px;} .sharing_wrap .tab_ty1 > .tab-menu .inner > ul > li > button + .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > ul > li > button + .tooltip-b { display: none; position: absolute; left: 0; top: 58px; z-index: 1; } .sharing_wrap .tab_ty1 > .tab-menu .inner > ul > li > button:hover + .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > ul > li > button:hover + .tooltip-b { display: block; } .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 {position: absolute; right: 0; top: -2px} .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 > .v-btn, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 > .v-btn {font-size: 14px; color: #000} .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 > .v-menu, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 > .v-menu {top: 46px} .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dt, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dt { padding-left: 15px; padding-top: 18px; padding-bottom: 7px; font-size: 12px; color: #999 } .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd {width: 390px; height: 490px; padding-left: 15px;} .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll {max-height: 100%} .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li { position: relative; display: block; margin-left: 0; } .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li .tooltip-b { display: none; position: absolute; left: 0; top: 30px; z-index: 10; word-break: break-all; word-wrap: break-word; } /* .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:last-child .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:last-child .tooltip-b, .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-last-child(2) .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-last-child(2) .tooltip-b { top: auto; bottom: 30px; margin-top: 0; margin-bottom: 7px; } .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:last-child .tooltip-b::before, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:last-child .tooltip-b::before, .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-last-child(2) .tooltip-b::before, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-last-child(2) .tooltip-b::before { top: auto; bottom: -8px; transform: rotate(180deg); } */ .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b, .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b { top: auto; bottom: 30px; margin-top: 0; margin-bottom: 7px; } .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b::before, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b::before, .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b::before, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li:nth-child(2) ~ li .tooltip-b::before { top: auto; bottom: -8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li button:hover + .tooltip-b, .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd .scroll > li button:hover + .tooltip-b {display: inline-block;} .sharing_wrap .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd button , .cooperation .tab_ty1 > .tab-menu .inner > .dropdown.ty1 .dropdown-list > dl > dd button { width: 100%; line-height: 35px; font-size: 14px; color: #000; text-align: left; } .sharing_wrap .swiper-button-next, .cooperation .swiper-button-next { right: 0; top: 22px; height: 100%; background-color: #eff2f7; background-position: 0 50% } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sharing_wrap .swiper-button-prev, .cooperation .swiper-button-prev, .sharing_wrap .swiper-button-next, .cooperation .swiper-button-next {top: 0;} .sharing_wrap .tab_ty1 .tab-menu .swiper-button-prev, .cooperation .tab_ty1 .tab-menu .swiper-button-prev, .sharing_wrap .tab_ty1 .tab-menu .swiper-button-next, .cooperation .tab_ty1 .tab-menu .swiper-button-next {top: calc(50% - 6px);} } .sharing_wrap .tab_ty1 > .tab-menu .swiper-button-next, .cooperation .tab_ty1 > .tab-menu .swiper-button-next {background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNpiNDY21mBgYLjBgAMwAfE8IDbGpyAIiPuB2BGbAhYgfgHEfkC8Goj5gXgDugkg8AGqKAGIk7ApAIHvQBwCxPZAXIpNAQj8gZoiBcSdQMzIhMVd/4G4EIg/A/EMJgbc4BfIEyxYJBihxoPkUtBNYAbiOVBfFYGsQ1bAAcQrgfgUELchBxQI8EIDai6URgkHUSDeDMS96JIwEzZA7TuJKy5SgfgaLr8CBBgAiS4dZ4dLKCsAAAAASUVORK5CYII=) no-repeat 0 50%;} .sharing_wrap .list-btm > div, .cooperation .list-btm > div {position: relative;} .sharing_wrap .list-btm > div + div, .cooperation .list-btm > div + div {padding-left: 15px; margin-left: 15px} .ifs-header, .dts-header {height: 128px} .ifs-header .inner, .dts-header .inner {padding-top: 45px} .ifs_cnt, .dts_cnt { min-width: 1180px; width: 1180px; margin: 38px auto 0; } .ifs004 th:nth-child(1), .ifs004 td:nth-child(1) {width: calc(100% - 579px); padding-left: 25px;} .ifs004 td:nth-child(1) {font-family: 'LifeplusB'; color: #000;} .ifs004 td:nth-child(n + 2) {font-size: 12px; color: #999;} .ifs004 th:nth-child(2), .ifs004 td:nth-child(2) {width: 120px;} .ifs004 td:nth-child(2) .v-btn {color: #999; text-decoration: underline;} .ifs004 th:nth-child(3), .ifs004 td:nth-child(3) {width: 112px;} .ifs004 td:nth-child(3) {color: #000} .ifs004 th:nth-child(4), .ifs004 td:nth-child(4) {width: 124px;} .ifs004 th:nth-child(5), .ifs004 td:nth-child(5) {width: 125px;} .ifs004 td:nth-child(5) .v-btn {font-size: 12px; color: #999; text-decoration: underline;} .ifs004 td:nth-child(5) > * {text-align: left;} .ifs004 th:nth-child(6), .ifs004 td:nth-child(6) {width: 98px; padding-right: 25px;} .ifs004 td:nth-child(6) {color: #000} .ifs011 .ifs_cnt + .btn_box, .dts012 .dts_cnt + .btn_box { width: 1180px; min-width: 1180px; margin:40px auto; text-align: center; } .ifs011 .ifs_cnt + .btn_box button + button, .dts012 .dts_cnt + .btn_box button + button {margin-left:12px;} .ifs011 .ifs_cnt, .dts012 .dts_cnt { padding: 38px 25px 40px; background-color: #fff; } .ifs011 .ifs_cnt h2, .dts012 .dts_cnt h2 { padding-bottom: 19px; font-size: 18px; color: #000; } .ifs011 .ifs_cnt .list-table:last-child .v-menu, .dts012 .dts_cnt .list-table:last-child .v-menu {top: auto; bottom: 22px;} .ifs011 .ifs_cnt .list-table:last-child .v-menu__content , .dts012 .dts_cnt .list-table:last-child .v-menu__content {top: auto !important; bottom: 0;} .ifs011 .ifs_cnt .list-table:nth-child(2):last-child .v-menu, .dts012 .dts_cnt .list-table:nth-child(2):last-child .v-menu {top: 29px; bottom: auto;} .ifs011 .ifs_cnt .list-table:nth-child(2):last-child .v-menu__content , .dts012 .dts_cnt .list-table:nth-child(2):last-child .v-menu__content {top: 0 !important; bottom: auto;} .list-table + h2 {margin-top: 40px;} .list-table {border-top: 1px solid #333} .list-table > li { display: table; width: 100%; min-height: 38px; padding: 3px 0; border-bottom: 1px solid #d3d4d6; } .list-table > li > dl > dd > form > .input-box > input {width: 460px;} .list-table > li > dl > dt { display: table-cell; width: 101px; padding-left: 20px; padding-top: 5px; font-size: 14px; color: #666; } .list-table > li > dl > dt + dd label {vertical-align: middle;} .list-table > li > dl > dt + dd label + input[type="radio"] + label {margin-left: 28px;} .list-table > li > dl > dt + dd { display: table-cell; width: calc(100% - 101px); height: 31px; font-size: 14px; color: #000; vertical-align: middle; } .ifs012 th:nth-child(1), .ifs012 td:nth-child(1) {width: 164px; padding-left: 25px;} .ifs012 td:nth-child(1) {font-size: 12px;} .ifs012 td:nth-child(1) .ell-singleline {width: 137px;} .ifs012 th:nth-child(2), .ifs012 td:nth-child(2) {width: calc(100% - 695px - 80px);} .ifs012 td:nth-child(2) {color: #000;} .ifs012 td:nth-child(2) .ell-singleline {width: 405px;} .ifs012 td:nth-child(n + 3) {font-size: 12px; color: #999;} .ifs012 th:nth-child(3), .ifs012 td:nth-child(3) {width: 112px;} .ifs012 th:nth-child(4), .ifs012 td:nth-child(4) {width: 124px;} .ifs012 th:nth-child(5), .ifs012 td:nth-child(5) {width: 107px;} .ifs012 th:nth-child(6), .ifs012 td:nth-child(6) {width: 103px;} .ifs012 td:nth-child(6) .v-btn {font-size: 12px; color: #999;} .ifs012 th:nth-child(7), .ifs012 td:nth-child(7) {width: 80px;} .ifs012 th:nth-child(8), .ifs012 td:nth-child(8) {width: 85px; padding-right: 25px;} /* 회의/협의*/ .dts003 th:nth-child(1), .dts003 td:nth-child(1) {width: calc(100% - 507px); padding-left: 25px;} .dts003 td:nth-child(1) .category { width: 580px; font-size: 14px; color: #000; } .dts003 th:nth-child(2), .dts003 td:nth-child(2) {width: 132px} .dts003 td:nth-child(2) .v-btn {font-size: 12px; color: #999; text-decoration: underline;} .dts003 td:nth-child(n + 2) {font-size: 12px; color: #999} .dts003 th:nth-child(3), .dts003 td:nth-child(3) {width: 124px} .dts003 th:nth-child(4), .dts003 td:nth-child(4) {width: 124px} .dts003 th:nth-child(5), .dts003 td:nth-child(5) {width: 127px; padding-right: 25px} .dts003 td:nth-child(5) .v-btn {font-size: 12px; color: #999;} .dts012 .member .btn_link_add { margin-top: 6px; vertical-align: top; } .dts012 .member .num { margin-top: 5px; margin-bottom: 15px; color: #666 } .dts012 .member .num b {color: #000} .dts012 .member .member_grp { width: 1029px; margin-top: 7px; } .dts012 .txtr {margin-top: -28px; margin-bottom: 6px;} .dts012 .txtr > div + div {margin-left: 12px;} .dts012 .scroll-box {width: 100%; padding: 10px 6px 10px 0;} .dts012 .scroll-inner > div {line-height: 30px;} .dts012 .scroll-inner { max-height: 115px; overflow-y: auto; padding-right: 5px; } .dts005 th:nth-child(1), .dts005 td:nth-child(1) {width: 110px; padding-left: 25px;} .dts005 td:nth-child(4), .dts005 td:nth-child(5) {font-size: 12px; color: #999;} .dts005 th:nth-child(2), .dts005 td:nth-child(2) {width: 180px;} .dts005 td:nth-child(2) .ell-singleline {width: 170px; padding-left: 30px;} .dts005 th:nth-child(3), .dts005 td:nth-child(3) {width: 578px;} .dts005 td:nth-child(3) {padding-left: 25px;} .dts005 td:nth-child(3) .ell-singleline { width: 520px; cursor: pointer; } .dts005 th:nth-child(4), .dts005 td:nth-child(4) {width: 94px;} .dts005 td:nth-child(4) .v-btn {font-size: 12px; color: #999;} .dts005 th:nth-child(5), .dts005 td:nth-child(5) {width: 103px;} .dts005 th:nth-child(6), .dts005 td:nth-child(6) {width: 72px;} .dts005 th:nth-child(7), .dts005 td:nth-child(7) {width: 70px; padding-right: 25px;} /* 과제공간 home */ .krs039 {} .task-home-header { height: 360px; padding-top: 98px; background-color: #3a3b45 !important; } .task-home-header .tit-box h3 {font-size: 36px; color: #fff;} .task-home-header .tit-box b {font-family: 'LifeplusB';} .task-home-header .tit-box span { margin-left: 0; font-family: 'LifeplusL'; font-size: inherit !important; color: inherit !important; } .task-home-header .btn-primary-medium {position: absolute; right: 0; top: 2px} .tsak-home-cnt {margin-top: -110px;} .tsak-home-cnt .list-card_round {margin-top: 14px;} .tsak-home-cnt .tb-header {width: 1180px; margin: 0 auto;} .tsak-home-cnt .tb-header .num {font-size: 18px; color: #fff} .tsak-home-cnt .tb-header .evaluate-box span:first-child {margin-left: 0} .tsak-home-cnt .tb-header .evaluate-box span { display: inline-block; margin-left: 10px; } .tsak-home-cnt .tb-header .evaluate-box { display: inline-block; font-size: 15px; color: #fff } .tsak-home-cnt .tb-header .tb_sort label {color: #fff } .tsak-home-cnt .tb-header .tb_sort .filter-box label {color: #666;} .tsak-home-cnt .tb-header .droplayer.filter-box > .v-btn {background-image: url(/static/img/sp_icon.f67a123.png); background-position: 0 -302px;} .tsak-home-cnt .tb-header .droplayer.icon > .v-btn[aria-expanded="true"] {background-color: #2e2e2e;} .tsak-home-cnt .tb-header .dividing_line_ty1 {background-color: #fff;} .tsak-home-cnt .tb-header .search_ty2 button {background-position: -220px 0;} .krs039 .tsak-home-cnt .list-team > div {display: inline-block;} .list-team > .todo {color: #999;} .list-team > .ico-txt_comment { min-height: 16px; margin-left: 5px; vertical-align: middle; } .list-team > .ico-txt_comment .ico-new {margin-left: -4px} .list-team > .link-okr { margin-lefT: 7px; color: #000; } .krs039 .list-card_round + .btn_more_box {margin-top: 4px} .krs039 .tb-header + .nodata, .krs039 .nodata { width: 1180px; height: 350px; margin: 14px auto; text-align: center; background-color: #fff; } .krs039 .nodata .txt { padding-top: 129px; font-size: 14px; color: #999; } .krs039 .nodata button {margin-top: 39px;} .krs039 .v-btn {font-size: 14px; color: #000} /* 허브홈 MAS_010 */ .mas010 {width: 1180px; padding: 0 50px; margin: 0 auto;} .mas010 .mas010-header { line-height: 40px; margin-top: 45px; font-family: 'LifeplusL'; font-size: 30px; color: #000; border-bottom: 0 none; background-color: transparent; } .mas010 .mas010-header b {font-family: 'LifeplusB'; font-size: 18px;} .mas010 .mas010-header .bn-seat {display: inline-block;margin-left: 5px;padding-right: 13px;font-size: 14px;color: #000;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABlJREFUeNpiYCAA/g8ZBUwMJIL/AykBEGAAk6YK+J3WF0EAAAAASUVORK5CYII=) no-repeat 100% 50%;} .mas010 .mas010-header + .section {margin-top: 80px;} .mas010 .nodata.fr { display: table; width: calc(100% - 130px); font-size: 14px; color: #999; text-align: center; background-color: #fff; } .mas010 .nodata.fr > div { display: table-cell; vertical-align: middle; } .mas010 .nodata button {margin-top: 40px;} .mas010 .row1 .nodata.fr {height: 314px;} .mas010 .row2 .nodata.fr {height: 251px;} .mas010 .tab_ty2 > .tab-menu li button {max-width: 150px} .mas010 .section h2 { line-height: 1.44; font-size: 18px; color: #000; } .mas010 .row1 ul { width: calc(100% - 130px); padding: 0 20px; background-color: #fff; } .mas010 .row1 ul > li { position: relative; line-height: 62px; } .mas010 .row1 ul > li + li {border-top: 1px solid #d3d4d6} .mas010 .row1 ul > li .label-fin { position: absolute; left: 0; top: calc(50% - 8px); width: 50px; text-align: center; } .mas010 .row1 ul > li .ell-singleline { display: inline-block; width: 100%; padding-left: 58px; line-height: 17px; cursor: pointer; font-size: 14px; color: #000; vertical-align: middle; } .mas010 .row2 {margin-top: 60px} .mas010 .row2 .tab_ty2 {width: calc(100% - 130px);} .mas010 .row2 .tab_ty2 > .tab-menu { text-align: left; background-color: transparent; } .mas010 .row2 .tab-content {min-width: auto; width: auto;} .mas010 .row2 .tab-content > div > .clear {margin-top: 20px;} .mas010 .row2 .tab-content > div > .clear > .nodata {width: 100%; padding-top: 70px} .mas010 .row2 .tab-content > div > .clear > .nodata, .mas010 .row2 .tab-content > div > .clear > div .nodata { line-height: 20px; margin-top: 50px; font-size: 14px; color: #999; text-align: center; } .mas010 .row2 .tab-content > div > .clear > div { width:calc(50% - 8px); height: 256px; padding: 25px; background-color: #fff; } .mas010 .row2 .tab-content .category_area {float:left} .mas010 .row2 .tab-content .category_area + .category_area {float:right} .mas010 .row2 .tab-content > div > .clear .tit { line-height: 1; padding-bottom: 10px; font-size: 18px; color: #000; border-bottom: 1px solid #e6e6e8; } .mas010 .row2 .tab-content > div > .clear ul {margin-top: 22px;} /* .mas010 .row2 li.clear + li.clear {margin-top: 16px} */ .mas010 .row2 li.clear .fl {cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .mas010 .row2 .category_area ul > li {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .mas010 .row2 .category_area ul > li + li{margin-top: 16px;} .mas010 .row2 .category_area ul > li > div:first-child{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mas010 .row2 .category_area ul > li > div:last-child {padding-left: 10px; } .mas010 .row2 .droplayer.right .v-btn {color: #999} .mas010 .row2 .droplayer.right .v-menu {top: 21px !important; left: auto !important; right: 0} .mas010 .row2 .droplayer.right .v-menu__content {top:0 !important; left: auto !important; right: 0} .mas010 .row2 .btn-addboard {margin-top: 20px;} .btn-addboard { position: relative; width: 100%; height: 43px; padding-left: 42px; font-size: 12px; color: #000; border:1px dashed #d3d4d6 } .btn-addboard::before { position: absolute; left: calc(50% - 21px); top: calc(50% - 8px); display: inline-block; content: ''; width: 16px; height: 16px; vertical-align: middle; background: url(/static/img/sp_common.bec0aeb.png) no-repeat -224px -405px; } @charset "UTF-8"; /*============================================ MAIN LAYOUT ============================================*/ .history_wrap { position: relative; height: calc(100% - 47px); /* heder 47 */ } .history_container { height: 100%; padding-left: 50px; overflow-y: auto; } .history_content {height: 100%;} /*============================================ COMMON ============================================*/ .history_header_wrap { height:84px; background-color: #fff; } .history_header_wrap .my_room_wrap {} .history_header_wrap .info {font-size: 14px;} @charset "UTF-8"; /* 손보 전용 css */ /* .hgisp [class*="tooltip-"].member .mail, .hgisp [class*="tooltip-"].member .tel{ user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } */ .hgisp [class*="ico-evaluate-"] { display: inline-block; width: 16px; height: 16px; vertical-align: middle; border-radius: 50%; } .hgisp [class*="ico-txt-evaluate-"] { position: unset; width: auto; height: 16px; padding-left: 22px; } /* 과제 */ .hgisp .ico-evaluate-delay, .hgisp .ico-txt-evaluate-delay {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAB0klEQVQ4EZVTz0sbURD+ZrPGxtYmKnooPdRcSkmpVM9eRLEHLxZsQSiImEOhh2L/D/XQCv649aQXjyqKFAo9WVoPir0kJz20UBLir8RkpzPPvJe4VsQHu++bb76ZfftmhhBa8z9bUx6X0wz0A/So6s4CvBnhYGG8+2ivypmNrDH17WHs3p3CNBHSwnmWD+0BM80mGnMfXqVQUp9JsLyLaL4YXxWrLxRwnbkRj+aHNIn5Ur4Un7lFsCYdyJcSUwpocaflKQfBjmB37MHkEpoaHmDlV69qMPz4K07OD7GeeW3s6qvCFOnyEVQmJI8LVmdbrAsNkWYnvt+YRMxvd3YVRIjLE34Ab4Agd163js8PEOMOxxTLf3Fa/u3sGqBBWvgRPxLibo28FSrq0aM2ZOzZoYXX7mGNJshY9UHhC0aebFvzyq4+1dStjCf/v2aJjewoPIpiNLWPZOKlYN88ipVTn2pqi9f/W8b+zs9ob+oBc2C0JEX6c/Idm9k3tVjAlNF0olzkrHje1ntvxvQp/Tz3ztRf2vK9VHLr5iCnkFbOTaplEmhPF86ah5gxJ9zFuZ32EqjIMH20c6AeN41WpuOsHQaiF3KqpPDaZRmWy/Y5WAyP8z/gcZnznefdDQAAAABJRU5ErkJggg==) no-repeat 0 0;} /* 대기 */ .hgisp .ico-evaluate-so, .hgisp .ico-txt-evaluate-so {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABzklEQVQ4EY1TzWtTQRD/zW5M8uoHaFJB8KBeWyII0kNBpDTYQy69CB6EHtKD4EHs/1E9aED04E3wH2ilEu2lIIKgrR5bEMRD+lqw0iZP3pvObN8+wkuELOzOx+83sx8zS8iNg/aFCcu0SIRZBq4oTMAOE723cfKyNLv3oz9EsJPBG5eDbvfwCYMWxWO8PycTydYKOuES3UWkmEvAb1E8qlZWxJ7JBQw1mbA21gkbmsTt1K1Wno4arBmJUZcNl51+8OH8pGXzVYzs2MXaG1DpEnqfbysHpZsfwb3fiL7dc3a6xDH4esEmpikXyYIVNGdrIHsmI5vgKrg4ntmpYi2ZZkHuU89eMkW4+wvoC+B/e+Cok08ATvgOHbYrfwU5PYCO5ujp0YueG9z66dX/yjxHE2x7dry/jvLUJ28OSMWU4wcztg0Yq94Rbd6XFzyF8vR32IvzUq+Cm6qrTzHHSQPI0DsaWsbJ1zDnbkBe6YRKBsmfL4i2FvxeKl0ZXQGO2pWW9P2DfnQE/fnYTPjQ1b+8Gz6SgPYIQY6irRzsho/VcAm0p4Ny0CDwC/Gl53bc/BJL0z3z/0DBfA/BfWfpMDDPCX5NJutrE9GqTZJX+e98DLSRlS3izuQ9AAAAAElFTkSuQmCC) no-repeat 0 0;} /* 업무 진행 */ .hgisp .ico-evaluate-good, .hgisp .ico-txt-evaluate-good {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABqUlEQVQ4EZVTzy8DURCe6da+qFPROoiEg5BUIhEXt/oVIRw5iJv24CR18xc4Nk5+HsWBP0AdilsvEiTqWOcihEh41e0z87q7XUsjneTtft83883uztuH4As5OhhTykgC4ASA6rbT93TPoqF2RfbqzmtBh6iRkWYpZBoUJAEh4Og/7goqgLgrpLmGudwH53QDNR8z5YM4ITb2w1CfZEVEzuBxvqSfROZ0A2ZuO649BFDGhwfoza4JG5zhaNrYBGyPQCm5qLm5dwjq6RG+1lc1ty8WojUYJHOCBNfMSeztBwyF7DrinV0A4TaX28CgYSeCNLTJ6iQ8+cciqHCrK6i3V4CXZ5d7wBR+xofeSWjxiI1AyUM0G3H4a4MkFGj1ccJYWILgSoph3ShvpcE6OnDyBX6DjMOgXAawrOpSCqBSqS7GHJzjmlqc/rmNGO0A9VCslRH6Q9PbGBAXl7e0Ezvear+Zc7808ojzm7z+E0VUpqjJmbfJPzirPVSkG/A/LUpilvgONaIPrxs0BNwWUsyxh6vc0+hY9HEGY5kaTZPWY+sFqsxgQO37j/M3hX2YFNG2dykAAAAASUVORK5CYII=) no-repeat 0 0;} /* 결제 진행 */ .hgisp .ico-evaluate-exceeded, .hgisp .ico-txt-evaluate-exceeded {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAACJElEQVQ4EY1TPWhUQRD+Zt/eae68gygREVGJxaEJiEIgClpEoxaCnVhZaFIIKURTCWJQ7CRaaCxylZXYWRnjD3bxBxEhRgtzWlmcKHgvd+cl7+048+7XS4ob2H27M983u/O9WUKbDVz3+yzRKEBHGdhZC39j5uewPP3mSmqhlUL1zYFJ7nLF0m1xCBmm7m/7OhCm/CBx+dMELWssStA3wfG0V37C4KE2wtpbwjNJclKTRCelvNKdjsmakjGc9kqTuqSDN/1+58xHWTeufevMOmxOEc5O/1UMHoyuR95njD+sRPvaFIbs9lp2NCKOBlmDmS0GyXhDHmzrNuhOiqT/m2dAI5aZhqtKNKP5AmNjsrn/U2b8Lq5KACI6ToM3iksCbYE3iR2sKlZAcQUe67c4PWDxU2q1ntQkFVCtCpbDnYwgBHpEm0fvAszOB1F+y6AcgTP7thv09hi8+rKCdFcUE7GrVlejUAbOHYpBsbPzUSxnDdyMJMk8/hBg/w6Dr3mH14ty1Bo2uMuTGzooVk2686khw1lZu8oK8DbncO1UHOcPxyJA66Q+jSlGsWKhA2ej24mQU+K4oN6xIzEM7bYoLbMM9QAJUSkhv/Xl5wB3X1TZQrw3dzU5piLCDxMXpZUz2o0KmFt02LPVYNOGavW/lhgLPxzef6+VJq1cCBKXlFvXBx0+plAY91c9Js1UN33O2mEEcwLEveLXn5GTzwx7nG1/zv8AaznQBt2hkqEAAAAASUVORK5CYII=) no-repeat 0 0;} /* 종료 */ .hgisp .ico-evaluate-delay:before, .hgisp .ico-txt-evaluate-delay:before{display: none;} .hgisp .ico-evaluate-so:before, .hgisp .ico-txt-evaluate-so:before{display: none;} .hgisp .ico-evaluate-good:before, .hgisp .ico-txt-evaluate-good:before{display: none;} .hgisp .ico-evaluate-exceeded:before, .hgisp .ico-txt-evaluate-exceeded:before{display: none;} .hgisp .filter-box .cnt_inner ul > li {background-position: 30px 7px;height: 23px;} .hgisp div.div{display:none;} .hgisp .menububble-button.h2, .hgisp .menububble-button.h3{ width: 40px; } .hgisp .menububble-button.b{ width: 35px; } .hgisp .menububble-button.h2::before{ width: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAQCAYAAAABOs/SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTM0Q0E3ODdDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTM0Q0E3ODZDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+H09/pgAAAURJREFUeNpi/P//P8NAACaGAQIsa9euBdECQGxAQO0DKEYBISEhGArXrFkDCsYDQDlHnBZDaZCl+wlY3AjEDVD2fyRLkB3BSLSPofQFIMblOpCj+rE4AhnEA7ECSUENpT+AgoYEfQ3IQQ30tT25FoM0JaDJ2UNpAXwGAC0FyTuQ6HAUi+vR5C5AQ0KAgBkBUHojOdkJ5FpGNGwIjfeFSGrQgQA0/kEOXECOj/EBe6R0gA7mQy1vBMb1BxxRAaI6gDgNKrQaiNOJsbgQmrIvYLE0AJpfG/DoB1lYDsQVUD7IEWdZoIkqnggHwNTAst1DqGMCCegD+XAPEBsDsRJU7B4LBaUeyJcN2EouNPAeiu8i8cEWLyA1YZABBKEJVgnqgHJaVRIHkNJEGswypAR2j5HGPgWlapBvZwJxKDSYZ4ESGkCAAQAlIlALKwFiogAAAABJRU5ErkJggg==) no-repeat 0 0; } .hgisp .menububble-button.h2:hover::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAQCAYAAAABOs/SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdERkY1ODNDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdERkY1ODJDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gER7NwAAATdJREFUeNrEVbsNwjAQxSgDhA0QEyAxAGEDmCBUWYGS0NEhSip6qOiRyAgsAIIFIBuYd/AiIRNjg4g46eXiu/Pn3p0TpbWu/UPqtT+JkgeyDqHajtiTUurks6h+0JghvucKjLRb0ueFy8Tw797tGVDvAdvphImZYZsY4xhofkL1fWNQkgs1FjZe66NUasR0v9oYE2XS0PB1qUNHmcQf2Q7uolo2Hhs+oT93bQzpU29+2vbSVGyWqCxb4EqEnzSXzz0uKM9LfEsyMmef2A4/BS7EwjfjNjAssS9tmT3boROOR4RIEnDR2OMAMTu6uHZn9sHAMXUNbIEO0KLtGHz9yXtcqdQj7golPXCgScbHSr7DZgnw3qBu0beo6ieRsQz3GkMdpL7QSUF15X8hyRZYMVPp6qnYbwIMALUcEqEzUaIIAAAAAElFTkSuQmCC) no-repeat 0 0; } .hgisp .menububble-button.h3::before{ width: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAQCAYAAAABOs/SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg4RDExNjhDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg4RDExNjdDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YFYxugAAATxJREFUeNpi/P//P8NAACaGAQIsa9euBdECQGxAQO0DKEYBISEhGArXrFkDCsYDQDlHnBZDaZCl+wlY3AjEDVD2fyRLkB3BSLSPofQFIMblOpCj+rE4AhnEA7ECSUENpT+AgoYEfQ3IQQ30tT25FoM0JaDJ2UNpAXwGAC0FyTuQ6HAUi+vR5C5AQ0KAgBkBUHojORaDXMuIJ1jrcfhIABr/IAcuwBEiIKocikFgNRCnsxDhOHukdIAO5kMtbwTG9Qcc+l2AuAOIZ0H5aUC8hxiLC6Ep+wIWSwOg+bWBgBkgS9OBWBBqsRILNFHFE+EAmBpYtnsIdUwgAX17oBhk6W4gfg8KbkqKTJAvDfEEMTIwBuK7ULYJEN9jgSaKBTQsll2QfDoLyj/LQiPLDiClCUEkeiYszhkHqloECDAAptZPTvEEOiIAAAAASUVORK5CYII=) no-repeat 0 0; } .hgisp .menububble-button.h3:hover::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAQCAYAAAABOs/SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjNGNTVFQTBDQTdBMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjNGNTVFOUZDQTdBMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6oP4KwAAATVJREFUeNpi/P//P8NAACaGAQKMIALoawEgZUBA7QNGRsYHxBj6HxKMB4DqHQkpdPhPGDQgG4wNoMnvx2cnC5S+AMS4XAcKiX40sUY0fjwQK5AS1GCLgUHyARQ0OEIDM34YGRvQ1NiTZTFQI0hTApqcPZQWIBBNIHkHXA4nFNQgi+vR5EDB/4GQxUAQAKU3UjXZgxIVNLE4YPMtEL+HYgFciQvILgfid1A8k1iL90MNMsAitx49xaNbDKRdoPyZUAwCocRYbADECVjE5+PKNlgsngllC0LlylmghsYT4YB4aIqGZbuH0HQQiLeEYmTcA6T2gCwF0ruB+D0Qrya7yARlKSA2hGZFQo42BlJ3oVwToJ57NCmHccQxKGGlQbExC43qgAPQaAABQSQalqJnMQ5UtQgQYAA+MDFyaGrefQAAAABJRU5ErkJggg==) no-repeat 0 0; } .hgisp .menububble-button.b::before{ width: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTM0Q0E3OEJDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTM0Q0E3OEFDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+e7hbFQAAAR9JREFUeNq8VdENgjAQFeMAbiAjsIE4gTHwL06gTiCdQEfAf5jBuoEjMEI3wKt5NWdTbImGlxwFety7e72WqOu6yRiYTkbCTF+aptFDSnbz+K/IpP0yz/P3fV3XJoZAPJFlWTlj/i0mXViTJez5IykKrgdJhKuvFTGissdvyXxcSZ2CpAtATKYsotIiUiFEBYL14Uq2QHBNUrE5I6kiCbWkcxepIdpC9xBIiyhlyRbMx0nkWkSzwSIP8R4VbPB89q1Rgcps3CwJeTUHSC6o4yQ6UPk2rNb+DjPrtcM4h0SxtTYnfHf59WSoIOvRMZcYyagaNaS9U2T4QJZtQBLVoCPI0coPtn/av511FnjXiC+nRR9Mkgpt/ko0Gus38RRgAAbZTqG+yODrAAAAAElFTkSuQmCC) no-repeat 0 0; } .hgisp .menububble-button.b:hover::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdERkY1ODdDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdERkY1ODZDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EmN5XgAAASVJREFUeNq8VYsNgjAUtIYB3EBGYANxAuME6gTqBMoEOoJOgm7ACIzQDeo9c8802FKMCS+5FMrru+v1g3HOTcaI6WSkeBMZY6QpAZdAKbl9QNSE1jtLZ+aRtkAVEbQCCn2B3SWL+fEA0TI2ow8Rklpl7wYKLzwxIVGnlHXZQItzwFLMlygIESKbJELilsVicQfmyJPiLYhuHolaamnpLEgq2xuo3fCoO+MPoRwh5fNZODJasQwIcPxmErbuOYM13y+9a0T7NgFCfwb3jm0HWl6h/8E+mzqwssBPQtdrx3bGc5F31ubEcde/bgZRT1uPgc+FWoYc+8v2Lqmwoco2JQLNbegVlEW2ckN7cj07/0aIyN81Vey26IlGz5VcS+qMGes38RJgAEvuw8WjIDm7AAAAAElFTkSuQmCC) no-repeat 0 0; } .hgisp .menububble-button.i::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTNCMjJEMENDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTM0Q0E3OEVDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jF2gcAAAAM9JREFUeNpi/P//P8PatWsZiATlQNwBxJ1AXBEcHMzAhCTxHw+GARcofQ8mADNACY+tZ5HYxrgMSAdiRjRcgWaAIBSDwB50A7ABYzQDjLG4CKcBIC+FAvF7IF6Ny/n4DCiH0p1QQ5DDKRQ5cJlwOD0NqnEWmquQAdglLGiCoECaCWVXINmOHIXK2GIBpnk31AWz8NiONQxc0DSn44iRPej+ZUJThE0zsgvuoUuwIJmsjE0BvihEd8E9PIlKCVsiIpQS8aVKOGAEZWdKAECAAQAdjzZfqC8xqQAAAABJRU5ErkJggg==) no-repeat 0 0; } .hgisp .menububble-button.i:hover::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdERkY1OEJDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdERkY1OEFDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dpRd7QAAANJJREFUeNqUU4ERwiAMBM4FugKOwApdwRV0hK7gCnUEV6gj2BHsCK6A6fn06BNq/btCCcnnScDEGM1eiG8Xv7hibRxtqMg4WsxTMjjMfiPxmP0HJjC1I2SqeqwbVrQcoYJACoKiSFcgNo9k7zkzKbqvYisEPZw7xbauLxPIOnB22AcKfhUEKNQTDmciTvDqESi4r9QkFvWbB/naWjAcT9gbmMBR227W2ovSUl9cIOAwDxL0ELajzNOPO1HsLwo2gnMFo9bzPa8woeFY+89z1vARYABYVDkQ8hU5TQAAAABJRU5ErkJggg==) no-repeat 0 0; } .hgisp .menububble-button.strikethrough::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTNCMjJEMTBDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTNCMjJEMEZDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BpVF+QAAAKBJREFUeNpiXLNmDQOR4D+UZoQJhISEMDABaReoJC6MFzAxUAhYgHgPsrOwOJksFyhB6XvkGmAMpc+Sa4ALHgNggVuOywBBIA6Fslfjsx2UBFiwiJdDDZmFIwwY0WMBV2inQTHe2GGCmgjCFUji6UjijGi2oogjh8F7JM2ziEkDoKSMHAazoInqHikpET0W7pGalCnOC4z///+nyACAAAMAuPckask7uzMAAAAASUVORK5CYII=) no-repeat 0 0; } .hgisp .menububble-button.strikethrough:hover::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg4RDExNjBDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg4RDExNUZDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BDd6SQAAAHhJREFUeNpiYCAS/IcCdHEmoJjLfzyAkMFMDLQC6C7A6QUcmpWgzHvkesEYSp8l1wAXXAYghW85VgOAEoJAKhTKXU0gnLAKdkBtmEkoHYC4jMTENbHRVo7kvzRiUiIKF6QJl2Z86QBX/JNnAFmZidKwY6Q0EgACDACooaw1aZHV9gAAAABJRU5ErkJggg==) no-repeat 0 0; } .hgisp .menububble-button.underline::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTNCMjJEMTRDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTNCMjJEMTNDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+egAJfQAAAKZJREFUeNpiXLNmDQMRwBiIzwDxPSBWhgmGhIQwMEEl/+PAd9EMUkI3mQmHje9xacBmwFkgZkTDrlD5e8QYgMvPFBngAqX3YJGDhY8LLgNA/g6FslcTcgELFrGZUHoWDi8w4vNCB9RpII0VxCQQFjSb06DsdKSoJDoQYU52xRF4BF1wFjmZEguYGCgELESqA3mtE10QlBGJNeA9rlhhgaYqsgFAgAEAHnwklaqs4lAAAAAASUVORK5CYII=) no-repeat 0 0; } .hgisp .menububble-button.underline:hover::before{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmVkYTJiM2ZhYywgMjAyMS8xMS8xNy0xNzoyMzoxOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmYjQ5MzhjNC0zYWMzLTQ0MjMtODYzNS02OGMyY2NiNjUxZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg4RDExNjRDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg4RDExNjNDQTdCMTFFQ0EyNkZCNDkyODk2MTFBQ0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJiZDA1ZjQtZmJkNS00MjI5LTkzYjQtNTU3MTAxMDY4M2E3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjY4M2JhNGYtYzJiZS04NzRkLTgxYjAtMTI4NWVlMDQzOGQxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qJ2IlQAAAI5JREFUeNpiYCAC/P//3/g/BNxFl2NCksQG0DUoYRiAw9L3uDQwkONkZFcS6wJjKH2PkGW4DHCB0nuwuA4GXLAaAJQA+TsUyl1Njv93Q22YiSVM/hPS3AELPCAWJMkAkI3o/iPVAGOozS54ovU/pemC6HRANGAh0lWgBNUJdQ2KBCO53oK7AGQoJQYABBgAHiLIyvnJKvMAAAAASUVORK5CYII=) no-repeat 0 0; } .hgisp .history .task_box_case .right .info{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kanban-col1 .knanban-tit::after {background-color: #f84032;} .kanban-col2 .knanban-tit::after {background-color: #f6be13;} .kanban-col3 .knanban-tit::after {background-color: #9bcf0f;} .kanban-col4 .knanban-tit::after {background-color: #3883f5;}.vld-shown { overflow: hidden; } .vld-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; z-index: 9999; } .vld-overlay.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .vld-overlay.is-full-page { z-index: 9999; position: fixed; } .vld-overlay .vld-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: #fff; opacity: 0.5; } .vld-overlay .vld-icon, .vld-parent { position: relative; } /*# sourceMappingURL=app.14adc7ac778da06551e8c7838a59a384.css.map*/