/* reset */ html,body,div,h1,h2,h3,h4,h5,h6,p,span,a,img,fieldset,form,legend,input,button,table,caption,tbody,tfoot,thead,tr,th,td,label,dl,dt,dd,ol,ul,li,iframe,canvas, applet,object,blockquote,embed,output,ruby,summary,time,mark,audio,video,pre,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup, tt,var,b,u,i,center, article,section,header{margin:0; padding:0; border:0; font-family:'돋움', dotum, tahoma; font-size:13px; line-height:1;} ul, li{list-style:none;} a{text-decoration:none;} a:hover, a:active, a:focus{outline-width:0px;} table {border-collapse:collapse; width:100%; border-spacing:0; padding:0;} form legend{height:0; font-size:0; line-height:0; text-indent:-99999px;} img{margin:0; padding:0; border:0; font-size:0; line-height:0;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;} html, body{width:100%; height:100%;} body{background:#fff; color:#333; text-align:center; position:relative; overflow:hidden;} body{overflow:auto;} *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow: none;} /* HTML5 display reset */ article,section,header,footer,menu,nav,hgroup,aside,details,figcaption,figure{display:block;} /* basic */ /* ----- pattern ----- */ .ibx{font-size:0; line-height:0;} .ibx > .ibt{display:inline-block; vertical-align:top;} .ibx > .ibm{display:inline-block; vertical-align:middle;} .ibx > .ibb{display:inline-block; vertical-align:bottom;} .whole > .br{display:block; width:100%; height:100%;} .half, .sideList{font-size:0; line-height:0;} .half > .br, .rightSide > .br, .sideList > .br, .sideTree > .br{display:inline-block; height:100%; vertical-align:top;} .half > .br:first-child, .rightSide > .br:first-child, .contentArea[class*="side"] > div:first-child{margin-right:10px;} .half > .center + .br, .contentArea[class*="side"] > .center + .br{margin-left:10px;} .rightSide > .br{width:calc(100% - 310px);} /* main */ .rightSide > .br:last-child{width:300px;} .half > .br:first-child{width:600px;} /* inside/outsideuser/ */ .half > .center + .br{width:calc(100% - 640px);} .sideTree > .br:not(.center){width:calc(50% - 25px);}/* menuList */ .sideList .br:first-child{width:400px;} /* inner 0701 */ .sideList .center + .br{width:calc(100% - 440px);} .br.center{width:20px; position:relative;} .br.center:before{content:''; background-color: #0051a2; display:block; width:1px; height:calc(100% - 120px); margin:60px auto;} .br.center:after{content:''; background-color: #0051a2; background-image:url(/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png); background-repeat:no-repeat; background-position:-158px -38px; display:block; width:14px; height:14px; margin-top:-7px; margin-left:-7px; border-radius:50%; position:absolute; top:50%; left:50%;} /* ----- form ----- */ input, select, button, textarea{display:inline-block; height:auto; padding:2px 5px; border:1px solid #a0a0a0; border-radius:4px; font-size:13px; line-height:19px; vertical-align:top;} input, select{height:25px;} textarea{line-height:normal; resize:none;} input[type="checkbox"], input[type="radio"]{height:inherit;} .ui-button, .ui-button:hover, .ui-button:focus{font-weight:600;} .checkBtn{font-size:0;} .fileDownBtn{width:calc(50% - 10px); min-height:25px; margin:5px; padding:0; font-size:0; vertical-align:top; position:relative;} .fileDownBtn:only-child{width:calc(100% - 10px);} .fileUploadBtn{width:25px; height:25px; padding:0; font-size:0;} .checkBtn:before, .fileDownBtn:after, .fileUploadBtn:after{content:''; background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; display:inline-block; width:18px; height:18px; vertical-align:middle;} .checkBtn:before{background-position:-6px -186px;} .checkBtn:hover:before, .checkBtn:focus:before{background-position-x:-36px;} .fileDownBtn:after{background-position:-66px -186px; display:block; position:absolute; top:3px; right:3px;} .fileDownBtn:hover:after, .fileDownBtn:focus:after{background-position-x:-96px;} .fileUploadBtn:after{background-position:-126px -186px; margin-top:2px;} .removeBtn{background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; display:inline-block; width:25px; height:25px; vertical-align:middle; background-position:-244px -94px;} .removeBtn:hover, .removeBtn:focus{background-position:-274px -94px;} .fileUploadBtn:hover:after, .fileUploadBtn:focus:after{background-position-x:-156px;} .ui-tooltip{background:rgba(0,0,0,0.75); padding:5px; border-color:rgba(0,0,0,90) !important;} .ui-tooltip-content{color:#fff;} .appendFile .fileDownBtn{width:calc(100% - 38px);} .appendFile .fileDownBtn:only-child{width:100%; margin-right:0;} input[readonly], select[readonly], textarea[readonly]{-ms-user-select:none; -webkit-user-select:none; user-select:none;} input[readonly]:focus, select[readonly]:focus, textarea[readonly]:focus{border-color:#a0a0a0; outline:0; -ms-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} /* basic layout */ /* login */ .loginWrap{background:url("/resources/images/hanwhadefense/bg_login-20220906b3dbd71d20ecc202c1390c64.jpg") no-repeat top left; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/hanwhadefense/bg_login.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/hanwhadefense/bg_login.jpg', sizingMethod='scale')"; width:100%; height:100%; margin:0; padding:0; overflow:auto; position:relative;} /*.loginWrap:after{content:''; background-color:rgba(0,0,0,0.5); display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}*/ .loginWrap .header{background:transparent; min-width:470px; border:0; box-shadow:none;} .loginWrap .header > .left{width:auto;} .loginArea{width:100%; height:100%; min-width:420px; min-height:510px; margin:0; padding:0; position:relative; z-index:5;} .loginBox{ background:rgba(0,0,0,0.45); width:400px; height:500px; margin-top:-250px; margin-left:-200px; padding:0; border:1px solid #333; font-size:0; line-height:0; box-sizing:content-box; box-shadow:0 3px 5px rgba(50,50,50,0.50); position:absolute; top:50%; left:50%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); zoom: 1; } .loginBox h1, .loginBox h2, .loginBox p, .loginBox form{display:block;} .loginBox h1{width:280px; margin:0 auto; padding:60px 0 0; color: #0051a2; font-size:30px; font-weight:900; line-height:40px; text-align:center;} .loginBox h1 + p{width:280px; margin:20px auto; padding:0 0 20px; color:#fff; font-size:12px;} .loginBox h1 + p span{font-weight:600;} .loginBox form{width:280px; margin:0 auto; padding-bottom:0; text-align:left;} .loginBox form ul{margin:10px auto 0;} .loginBox form li{width:100%; border-bottom:1px solid #909090; margin-bottom:10px; font-size:0; line-height:0;} .loginBox form label, .loginBox form input{display:inline-block; height:30px; margin:5px 0; color:#fff; line-height:30px; vertical-align:middle;} .loginBox form label{width:80px; font-weight:600;} .loginBox form input{background:none; width:calc(100% - 100px); border:0; border-radius:0;} input:-internal-autofill-selected{background-color:transparent !important; background-image:none !important; color:#fff !important;} .loginBox form label.icon{background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; width:20px; height:30px; font-size:0;} .loginBox form #userId + label.icon, .loginBox form #userNm + label.icon{background-position:-155px -90px;} .loginBox form #userPw + label.icon{background-position:-215px -90px;} .loginSubmitBtn{background: #0051a2; *background-color:none; *background:url("/resources/images/loginSubmitBtn-fd21492bab363d873231f696e9c57fdf.png") no-repeat 0 0; display:block; width:100%; margin:30px 0; border-color:#0051a2; border-radius:18px; color:#fff; font-size:14px; font-weight:600; line-height:35px;} .loginSubmitBtn:focus{background: #003972;} .loginSubmitBtn:hover{background: #003972;} .loginSubmitBtn:active{background:#003972;} /* ie7 ie8 */ .loginSubmitBtn{*background-color:none; background-color:none \0/IE8; *background:url("/resources/images/loginSubmitBtn-fd21492bab363d873231f696e9c57fdf.png") no-repeat 0 0; background:url("/resources/images/loginSubmitBtn-fd21492bab363d873231f696e9c57fdf.png") no-repeat 0 0 \0/IE8; *height:40px; height:40px \0/IE8; *padding:0; *border:0; border:0 \0/IE8;} .loginSubmitBtn:hover{*background:url("/resources/images/loginSubmitBtn-fd21492bab363d873231f696e9c57fdf.png") no-repeat 0 -40px; background:url("/resources/images/loginSubmitBtn-fd21492bab363d873231f696e9c57fdf.png") no-repeat 0 -40px \0/IE8;} .loginSubmitBtn:active, .loginSubmitBtn:focus{*background:url("/resources/images/loginSubmitBtn-fd21492bab363d873231f696e9c57fdf.png") no-repeat 0 -80px; background:url("/resources/images/loginSubmitBtn-fd21492bab363d873231f696e9c57fdf.png") no-repeat 0 -80px \0/IE8;} .loginBox p.linkBtnArea{width:280px; margin:0 auto; padding:0; border:0; color:#505050; font-size:0; line-height:0; text-align:right;} .loginBox p.linkBtnArea a{display:inline-block; margin:0 5px; padding:3px 5px; border-bottom:1px solid #0051a2; color:#fff; line-height:1; vertical-align:bottom;} .loginBox p.linkBtnArea a:first-child{margin-left:0;} .loginBox p.linkBtnArea a:last-child{margin-right:0;} .inside .loginBox h1 + p{margin:30px auto;} .inside .loginSubmitBtn{margin:50px 0 30px 0;} /* body */ .bodyWrap{width:100%; height:100%; position:relative;} .wrap{width:100%; height:calc(100% - 60px); position:relative; top:60px; left:0;} /* ----- header ----- */ .header{background:/*#fff*/ #272b36; width:100%; /*min-width:1080px;*/ height:60px; padding:10px 20px; border-bottom:1px solid /*#d0d0d0*/ #1a1c23; font-size:0; line-height:0; text-align:left; box-shadow:0 1px 3px rgba(50,50,50,0.3); position:fixed; top:0; left:0; z-index:/*500*/101;} .header > .left, .header > .right{display:inline-block; height:40px; vertical-align:top;} .header > .left{width:290px;} .header h1.logo{display:block; width:100%;; height:40px; margin:0; padding:0; color:/*#222*/ #e0e0e0;} .header h1.logo a, .header h1.logo span{display:inline-block; vertical-align:middle;} .header h1.logo a{background:url("/resources/images/hanwhadefense/logo_top_w_es-ec1f48c883287d6a755681014bef14ab.png") no-repeat left center; width:160px; height:40px; font-size:0;background-size: 160px 40px;} .header h1.logo span{height:13px; margin:3px 0 0 10px; padding:0 0 0 10px; border-left:1px solid /*#222*/ #a0a0a0; font-size:13px; line-height:13px;} .header > .right{width:calc(100% - 290px); height:auto; text-align:right; position:absolute; bottom:10px; right:10px;} .header > .right > button{background-color:transparent; margin:0 5px; padding:0 5px; border:0; border-radius:0; /***/ color:#e0e0e0; font-size:13px; line-height:16px; vertical-align:bottom;} .header .userInfo:before{content:''; display:inline-block; background:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png") no-repeat -157px -97px; width:16px; height:16px; margin-right:3px; border-radius:50%; vertical-align:bottom;} .header .linkBtn{text-decoration:underline;} /* ----- gnb ----- */ .gnb{height:calc(100% - 60px); text-align:left; position:fixed; top:60px; left:0; z-index:101;} .gnbToggleArea{background:#736e6b; width:100%; height:40px; border-top-right-radius:20px; border-bottom-right-radius:20px; position:relative;} .gnbToggleArea span{display:block; width:100%; padding:10px 20px; color:#fff; font-size:13px; font-weight:600; line-height:20px; text-align:center;} .gnbToggleArea button{background-color:transparent; width:40px; height:40px; padding:10px; border:0; position:absolute; top:0; right:0;} .gnbToggleArea button:before{content:''; display:block; background-image:url(/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png); background-repeat:no-repeat; background-position: -5px -5px; width:20px; height:20px;} .gnbDepthArea{background:#fafafa; width:calc(100% - 20px); height:calc(100% - 40px); box-shadow:2px 0 5px rgba(50,50,50,0.3); overflow:hidden; overflow-y:auto;} .gnbDepthArea ul > li{width:100%; margin:0; padding:0; border-bottom:1px solid #e0e0e0; position:relative;} .gnbDepthArea ul:not(.depth3) > li:last-child{border:0;} .gnbDepthArea ul > li > a{display:block; width:100%; margin:0; padding:11px 5px 9px 40px; color:#222; font-weight:normal;} .gnbDepthArea .depth1 > li > a{padding:15px 5px 15px 30px; border:1px solid transparent; position: relative;} .gnbDepthArea .depth1 > li > a span{font-size:13px; font-weight:600;} .gnbDepthArea .depth2 > li > a span{font-size:13px;} .gnbDepthArea .depthToggle, .gnbDepthArea .depthBlank{display:inline-block; background:#909090; width:15px; height:15px; margin-right:5px; border-radius:3px; color:#fff; text-align:center; vertical-align:middle; position:absolute; top:10px; left:20px;} .gnbDepthArea .depthBlank{background:transparent;} .gnbDepthArea .depth1 > li > a .depthToggle, .gnbDepthArea .depth1 > li > a .depthBlank{top:14px; left:10px;} .gnbDepthArea .depthToggle:before, .gnbDepthArea .depthBlank:before{display:block; width:100%; height:100%; font-size:14px; font-weight:600; line-height:16px;} .gnbDepthArea li:not(.open) > a .depthToggle:before{content:'+';} .gnbDepthArea li.open > a .depthToggle:before{content:'-';} .gnbDepthArea .depthBlank:before{content:'-'; color:#333; font-size:13px;} .gnbDepthArea li > ul{display:none;} .gnbDepthArea .depth1 > li.open > a{border-bottom:1px solid #e0e0e0;} .gnbDepthArea li.open > ul{display:block;} .gnbDepthArea li.open > .depth3{background:rgba(50,50,50,0.05);} .gnbDepthArea .depth3 > li{width:calc(100% - 15px); margin-left:15px; border:0;} .gnb.open{width:260px;} .gnb.open .depth1 > li > a{padding:15px 30px;} .gnbDepthArea li:hover > a span:not(.depthToggle){font-weight:600;} .gnb.open li.current > a span:not(.depthToggle):not(.depth1Icon){color:#0051a2; font-weight:600;} .gnb:not(.open){width:80px; } .gnb:not(.open) .gnbToggleArea span{display:none;} .gnb:not(.open) .gnbToggleArea button:before{background-position:-35px -5px;} .gnb:not(.open) .depth1 > li{padding:5px;} .gnb:not(.open) .depth1 > li > a{padding:5px;} .gnb:not(.open) .depth1 > li > a span:not(.depth1Icon){display:none;} .gnb .depth1 li .depth1Icon{display:inline-block; background-image:url("/resources/images/ico_menu-090b8a5a65851b72d48be427082e6109.png"); background-repeat:no-repeat; background-size:360px; width:40px; height:40px; vertical-align:middle;} .gnb.open .depth1 li .depth1Icon{background-repeat:no-repeat; background-size:320px; width:30px; height:30px; position:absolute; top:5px; right:5px;} /* .icoDefault : 기본 .icoOldData : (구)data .icoDistribution : 자료배포(in) .icoDrawing : 도면(out .icoDoc : 문서(out) .icoSw : sw(out) .icoProduction : 생산기술 .icoCr : cr .icoUnregisted : pdm미등록 .icoReceptionData : 자료수신(in) .icoSendData : 자료전송(in) .icoReceptionSendData : 자료송수신 .icoUser : 사용자 .icoOrganizationmanage : 사용자 .icoSystem : 시스템 .icoNotice : 게시판 */ /* gnb open - text + icon */ .gnb.open .icoDefault .depth1Icon{background-position:-1px -32px;} .gnb.open .icoOldData .depth1Icon{background-position:-32px -32px;} .gnb.open .icoDistribution .depth1Icon{background-position:-1px 0;} .gnb.open .icoDrawing .depth1Icon{background-position:-32px 0;} .gnb.open .icoDoc .depth1Icon{background-position:-64px 0;} .gnb.open .icoSw .depth1Icon{background-position:-96px 0;} .gnb.open .icoProduction .depth1Icon{background-position:-128px 0;} .gnb.open .icoCr .depth1Icon{background-position:-160px 0;} .gnb.open .icoUnregisted .depth1Icon{background-position:-192px 0;} .gnb.open .icoReceptionData .depth1Icon{background-position:-224px 0;} .gnb.open .icoSendData .depth1Icon{background-position:-256px 0;} .gnb.open .icoReceptionSendData .depth1Icon{background-position:-288px 0;} .gnb.open .icoUser .depth1Icon, .gnb.open .icoOrganizationmanage .depth1Icon{background-position:-64px -32px;} .gnb.open .icoSystem .depth1Icon{background-position:-128px -32px;} .gnb.open .icoNotice .depth1Icon{background-position:-96px -32px;} /*gnb - only icon */ .gnb:not(.open) .icoDefault .depth1Icon{background-position:2px -33px;} .gnb:not(.open) .icoOldData .depth1Icon{background-position:-33px -33px;} .gnb:not(.open) .icoDistribution .depth1Icon{background-position:2px 0;} .gnb:not(.open) .icoDrawing .depth1Icon{background-position:-33px 0;} .gnb:not(.open) .icoDoc .depth1Icon{background-position:-69px 0;} .gnb:not(.open) .icoSw .depth1Icon{background-position:-106px 0;} .gnb:not(.open) .icoProduction .depth1Icon{background-position:-142px 0;} .gnb:not(.open) .icoCr .depth1Icon{background-position:-177px 0;} .gnb:not(.open) .icoUnregisted .depth1Icon{background-position:-214px 0;} .gnb:not(.open) .icoReceptionData .depth1Icon{background-position:-250px 0;} .gnb:not(.open) .icoSendData .depth1Icon{background-position:-285px 0;} .gnb:not(.open) .icoReceptionSendData .depth1Icon{background-position:-321px 0;} .gnb:not(.open) .icoUser .depth1Icon, .gnb:not(.open) .icoOrganizationmanage .depth1Icon{background-position:-69px -33px;} .gnb:not(.open) .icoSystem .depth1Icon{background-position:-140px -33px;} .gnb:not(.open) .icoNotice .depth1Icon{background-position:-106px -33px;} /* ----- container ----- */ .container{/*background:#f00;*/ width:calc(100% - 80px); min-width:1100px; height:100%; min-height:600px; margin-left:80px; padding:10px 10px 10px 0; font-size:0; line-height:0; position:relative;} .gnb.open + .container{width:calc(100% - 260px); margin-left:260px;} .container > div{/*background:#0ff;*/} /* ----- dashboard ----- */ .imageRollingArea{width:100%; height:calc(100% - 560px); min-height:180px; border:1px solid #fafafa; color:#fff; overflow:hidden; position:relative;} .imageRollingArea p{background:transparent; display:inline-block; font-weight:600; text-align:left; position:absolute; top:60px; left:60px; z-index:10;} .imageRollingArea p span{display:block; font-size:14px; line-height:1.5;} .imageRollingArea p span:first-child{font-size:36px;} .imageRollingArea ul{width:100%; height:100%; text-align:left; position:relative;} .imageRollingArea ul li{display:block; background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:100%; font-size:0; opacity:0; position:absolute; top:0; left:0;} .imageRollingArea ul li.roll1{animation:fadeInOut1 20s ease reverse forwards infinite; background-image:url("/resources/images/hanwhadefense/img_roll1-31497b23db04c792aebf9cdb32777381.png");} .imageRollingArea ul li.roll2{animation:fadeInOut2 20s ease reverse forwards infinite; background-image:url("/resources/images/hanwhadefense/img_roll2-76198431b3567d9986b0f025cf43a2b9.png");} .imageRollingArea ul li.roll3{animation:fadeInOut3 20s ease reverse forwards infinite; background-image:url("/resources/images/hanwhadefense/img_roll3-7fdc755fdd8f7caeb752390106622b92.png");} .imageRollingArea ul li.roll4{animation:fadeInOut4 20s ease reverse forwards infinite; background-image:url("/resources/images/hanwhadefense/img_roll4-81a0afaf5bbe3ef4948c1d0ac791f043.png");} .imageRollingArea ul li.roll5{animation:fadeInOut5 20s ease reverse forwards infinite; background-image:url("/resources/images/hanwhadefense/img_roll5-2dbfe63cb0cd25cc67261094c6eae60f.png");} @keyframes fadeInOut1{0% {opacity:0;} 2% {opacity:1;} 18% {opacity:1;} 22% {opacity:0;}} @keyframes fadeInOut2{18% {opacity:0;} 22% {opacity:1;} 38% {opacity:1;} 42% {opacity:0;}} @keyframes fadeInOut3{38% {opacity:0;} 42% {opacity:1;} 58% {opacity:1;} 62% {opacity:0;}} @keyframes fadeInOut4{58% {opacity:0;} 62% {opacity:1;} 78% {opacity:1;} 82% {opacity:0;}} @keyframes fadeInOut5{78% {opacity:0;} 82% {opacity:1;} 98% {opacity:1;} 100% {opacity:0;}} .imageRollingArea + .br{width:100%; height:/*calc(100% - 200px)*/ 550px; margin-top:20px; font-size:0; line-height:0;} .section1, .section2{width:100%; height:250px; padding-bottom:10px; font-size:0; line-height:0; position:relative;} .section1{height:300px;} .section1 > div, .section2 > div{display:inline-block; width:50%; height:100%; vertical-align:top;} .section1 > div:first-child, .section2 > div:first-child{width:calc(50% - 10px); margin-right:10px;} .section1 .statusArea, .section1 .printDeadlineArea, .section1 .destroyDeadlineArea, .section2 .noticeArea, .section2 .quickMenuArea > ul{border:1px solid #e0e0e0; border-radius:5px;} .section1 h4, .section2 h4{width:100%; height:40px; padding:10px 10px 10px 0; border-bottom:1px solid #e0e0e0; text-align:left; position:relative;} .section1 h4 > span, .section2 h4 > span{display:inline-block; padding:3px 10px; font-weight:600; vertical-align:middle;} .section1 h4 .moreBtn, .section2 h4 .moreBtn{background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; background-position:-120px 0; width:30px; border:0; font-size:0; position:absolute; top:5px; right:5px;} .section1 h4 .moreBtn:hover, .section2 h4 .moreBtn:hover, .section1 h4 .moreBtn:focus, .section2 h4 .moreBtn:focus{background-position:-150px 0;} .section1 h4 + div, .section1 h4 + ul, .section2 h4 + div, .section2 h4 + ul{width:100%; height:calc(100% - 40px); overflow:hidden; position:relative;} .section1 .moreBtn, .section2 .moreBtn{backgroound-color:#fff; height:30px; text-align:center;} .linkBtn{text-decoration:underline;} .section1 .deadlineArea > div h4 + div, .section2 .noticeArea h4 + div{background-color:#eee;} .section1 table, .section2 table{width:100%; height:auto; table-layout:fixed;} .section1 table thead th, .section2 table thead th{background-color:#fafafa; height:36px; border-bottom:1px solid #909090;} .section1 table tbody tr, .section2 table tbody tr{table-layout:fixed;} .section1 table tbody th, .section1 table tbody td, .section2 table tbody th, .section2 table tbody td{background-color:#fff; height:35px; padding:11px 2px; border:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .section1 table tbody tr:nth-child(2n) th, .section1 table tbody tr:nth-child(2n) td, .section2 table tbody tr:nth-child(2n) th, .section2 table tbody tr:nth-child(2n) td{background-color:#fafafa;} .section1 table tbody td:not(.has-pretty-child) a, .section2 table tbody td:not(.has-pretty-child) a{color:#333; font-weight:600; text-decoration:underline; cursor:pointer;} .section2 .noticeArea h4 + div table{/*overflow:hidden; position:absolute; top:0;*/ left:0;} .section2 .noticeArea h4 + div table:last-child{top:300px;} .section2 .noticeArea h4 + div table thead{display:none;} .section2 .noticeArea h4 + div table tbody th, .section2 .noticeArea h4 + div table tbody td{height:33px; padding:7px 2px;} .section2 .noticeArea h4 + div table tbody td img{display:inline-block; width:13px; height:13px; margin:0 2px; vertical-align:middle;} .section2 .noticeArea h4{padding:3px 10px 0 0; font-size:0; line-height:0;} .section2 .noticeArea h4 span{padding:10px 10px 13px; border-radius:5px; border-bottom-left-radius:0; border-bottom-right-radius:0; color:#a0a0a0; cursor:pointer;} .section2 .noticeArea h4 span.sideBorder{width:0; height:15px; margin:0 3px; padding:0; border-radius:0; border-right:1px solid #a0a0a0; cursor:default;} .section2 .noticeArea h4 span.on{color:#333;} .section2 .noticeArea h4 span:not(.sideBorder):hover{background-color:#909090; color:#fff;} .section2 .noticeArea h4 .moreBtn{display:none;} .section2 .noticeArea h4 .moreBtn.on{display:inline-block;} .section1 .statusArea > ul{width:100%; font-size:0; line-height:0;} .section1 .statusArea > ul > li{display:inline-block; width:33.3%; height:100%; border-left:1px solid #e0e0e0; vertical-align:top;} .section1 .statusArea > ul > li:first-child{border-left:0;} .section1 .statusArea > ul > li h5{width:100%; height:110px; padding:5px 10px 5px 20px; font-size:0; line-height:0; text-align:left; position:relative;} .section1 .statusArea > ul > li h5:before{content:''; background-image:url("/resources/images/ico_main-05496c8dc0b90f3b98549100ec62e765.png"); background-repeat:no-repeat; background-position-y:0; display:inline-block; width:100px; height:100px; vertical-align:middle;} .section1 .statusArea > ul > li.acceptance h5:before{background-position-x:0;} .section1 .statusArea > ul > li.approval h5:before{background-position-x:-100px;} .section1 .statusArea > ul > li.reject h5:before{background-position-x:-200px;} .section1 .statusArea > ul > li h5 span{width:calc(100% - 125px); padding:5px 0; line-height:1.25; text-align:center; position:absolute; top:30px; right:10px;} .section1 .statusArea > ul > li h5 span.count{color: #0051a2; font-size:14px; top:53px;} .section1 .statusArea > ul > li > div{display:table; width:100%; height:calc(100% - 110px);} .section1 .statusArea > ul > li ul{display:table-cell; background-color:#fafafa; width:100%; border-top:1px solid #e0e0e0; vertical-align:middle;} /* or vertical-align:top;*/ .section1 .statusArea > ul > li ul > li{display:block; width:100%; padding:5px 10px; font-size:0; line-height:0; text-align:left; vertical-align:middle; position:relative;} .section1 .statusArea > ul > li ul > li:hover{background-color:rgba(0,0,0,0.05);} .section1 .statusArea > ul > li ul > li:before, .section1 .statusArea > ul > li ul > li span, .section1 .statusArea > ul > li ul > li a{display:inline-block; vertical-align:middle;} .section1 .statusArea > ul > li ul > li:before{content:''; background:none; width:6px; height:6px; margin-right:5px; border:2px solid #a0a0a0; border-radius:50%;} .section1 .statusArea > ul > li ul > li span{width:calc(100% - 40px); text-align:left;} .section1 .statusArea > ul > li ul > li a{padding:0 0 0 5px; color:#555; text-align:right; position:absolute; right:10px;} .section1 .statusArea > ul > li.approval ul > li:before{border-color: #0051a2;} .section1 .statusArea > ul > li.approval ul > li a{color: #0051a2;} .section1 .statusCount{font-weight:600;} .approver:not(.purchase) .statusArea > ul > li{width:50%;} .approver:not(.purchase) .section1 .statusArea > ul > li h5{padding:0 20px;} .approver .section1 .statusArea > ul > li h5:before{background-position-x:left; background-position-y:-220px; background-size:400px; width:150px; height:110px;} .approver .section1 .statusArea > ul > li.approval h5:before{background-position-x:-150px;} .approver:not(.purchase) .section1 .statusArea > ul > li h5 span{width:calc(100% - 150px); font-size:14px;} .approver:not(.purchase) .section1 .statusArea > ul > li h5 span.count{font-size:16px;} .approver:not(.purchase) .section1 .statusArea > ul > li ul > li:before{margin-top:0;} .section1 .deadlineArea{height:100%; font-size:0; line-height:0;} .section1 .deadlineArea > div{display:inline-block; width:calc(50% - 5px); height:100%; vertical-align:top;} .section1 .deadlineArea > div:first-child{margin-right:10px;} .outside .section1 .deadlineArea{overflow:hidden;} .outside .section1 .deadlineArea > div{display:block; width:100%; height:100%;} .outside .section1 .deadlineArea > div:first-child{margin-right:0;} .outside .section1 .deadlineArea h4 .moreBtn{display:none;} .section2 .quickMenuArea > ul{width:100%; height:calc(100% - 40px); margin-bottom:10px; padding:10px 0; font-size:0; line-height:0;} .section2 .quickMenuArea > ul li{display:inline-block; width:25%; height:100%; padding:0 10px 40px; border-right:1px solid #e0e0e0; position:relative; vertical-align:top;} .section2 .quickMenuArea > ul li:first-child{border-left:0;} .section2 .quickMenuArea > ul li:before{content:''; display:block; background-image:url("/resources/images/ico_main-05496c8dc0b90f3b98549100ec62e765.png"); background-repeat:no-repeat; background-position-y:-110px; width:80px; height:80px; margin:0 auto;} .section2 .quickMenuArea > ul li.drawing:before{background-position-x:-10px;} .section2 .quickMenuArea > ul li.document:before{background-position-x:-110px;} .section2 .quickMenuArea > ul li.software:before{background-position-x:-210px;} .section2 .quickMenuArea > ul li.production:before{background-position-x:-310px;} .section2 .quickMenuArea li p{margin:10px 0 5px 0; font-size:13px; font-weight:600;} .section2 .quickMenuArea li span{display:inline-block; padding:0 10px 10px; line-height:1.25; vertical-align:top; } .section2 .quickMenuArea li .moreBtn{min-width:90px; margin-left:-45px; position:absolute; bottom:5px; left:50%;} .section2 .installArea{width:100%; height:30px; font-size:0; line-height:0;} .section2 .installArea a{display:inline-block; width:calc(33.3% - 6px); height:30px; margin-right:9px; padding:8px 5px; border:1px solid #a0a0a0; border-radius:4px; color:#333; font-size:13px; font-weight:600; line-height:1; text-align:center; text-decoration:none; vertical-align:top;} .section2 .installArea a:hover, .section2 .installArea a:focus{background:#909090; border-color:#707070; color:#fff;} .section2 .installArea a:active{background:#707070; border-color:#505050; color:#fff;} .section2 .installArea a:last-child{margin-right:0;} .purchase.approver .section1 .statusArea{width:calc(35% - 10px);} .purchase.approver .section1 .statusArea > ul > li.approval:only-child{display:block; width:100%; font-size:0; line-height:0;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child h5{display:inline-block; width:50%; height:100%; padding:40px 0 30px; vertical-align:middle;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child h5:before{display:block; margin:0 auto;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child h5 span{display:block; width:100%; font-size:16px; text-align:center; position:relative; top:auto; right:auto;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child h5 span.count{padding:10px; font-size:18px; font-weight:600;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child > div{display:inline-block; width:50%; height:100%; vertical-align:middle;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child ul{display:block; height:100%; padding:15px 0; border-top:0; border-left:1px solid #e0e0e0;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child ul li{margin:10px 0; padding:10px 20px;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child ul li:before{margin-right:7px;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child ul li a{right:20px;} .purchase.approver .section1 .deadlineArea{width:65%;} /* ----- nav ----- */ .nav{width:100%; height:40px; padding:5px 10px 15px; border-bottom:1px solid #d0d0d0; font-size:0; line-height:0;} .nav .titleBox, .nav .navBox{display:inline-block; width:50%; vertical-align:middle;} .nav .titleBox{text-align:left;} .nav .titleBox:before{content:''; display:inline-block; width:6px; height:6px; margin-right:5px; border:3px solid #0051a2; border-radius:50%; vertical-align:middle;} .nav .titleBox span{display:inline-block; font-size:14px; line-height:20px; vertical-align:middle;} .nav .navBox{font-size:12px; line-height:1; text-align:right;} .nav .navBox span{display:inline-block; margin-left:5px; font-size:13px; line-height:20px; vertical-align:middle;} .nav .navBox span:before{content:''; display:inline-block; background:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png") no-repeat -71px -100px; width:12px; height:12px; vertical-align:middle;} .nav .navBox span:first-child{padding-left:5px;} .nav .navBox span:first-child:before{content:''; background:none; display:inline-block; width:4px; height:4px; margin-top:-3px; margin-right:5px; border:2px solid #a0a0a0; border-radius:50%; vertical-align:middle;} /* ----- listArea ----- */ .listArea .listContainer{height:100%;} .listArea .listTitle{background-color:#fafafa; width:100%; height:40px; padding-left:10px; border-bottom:1px solid #909090; font-weight:600; text-align:left; position:relative;} .listArea .listTitle span{display:inline-block; padding:10px 5px; line-height:20px; vertical-align:middle;} .listArea .listTitle .btnBox{display:inline-block;position:absolute; top:7px; right:5px;} .listArea .listTitle button, .listArea .listTitle button:focus{background-color:#fff; background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; width:24px; height:24px; border-color:#c0c0c0; position:relative;} .listArea .listTitle button[class^="add"], .listArea .listTitle button[class^="add"]:focus{background-position:-184px -64px;} .listArea .listTitle button[class^="mod"], .listArea .listTitle button[class^="mod"]:focus{background-position:-244px -64px;} .listArea .listTitle button[class^="del"], .listArea .listTitle button[class^="del"]:focus{background-position:-245px -94px;} .listArea .listTitle button:hover{background-color:#999; border-color:#777;} .listArea .listTitle button:active{background-color:#707070; border-color:#505050;} .listArea .listTitle button[class^="add"]:hover, .listArea .listTitle button[class^="add"]:active{background-position:-214px -64px;} .listArea .listTitle button[class^="mod"]:hover, .listArea .listTitle button[class^="mod"]:active{background-position:-274px -64px;} .listArea .listTitle button[class^="del"]:hover, .listArea .listTitle button[class^="del"]:active{background-position:-275px -94px;} .listArea .listCount{display:inline-block; font-size:13px; vertical-align:middle;} .listArea ul{height:calc(100% - 40px); overflow:hidden; overflow-y:auto;} .listArea ul li{background-color:#fff; padding:10px 0px; border-bottom:1px solid #d0d0d0; font-size:0; line-height:0; text-align:left; position:relative;} .listArea ul li span{display:inline-block; padding:0 5px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle;} .listArea ul li:hover{background-color:#fff1e6;} .listArea ul li.current, .listArea ul li.current:hover{background-color:#fec59b;} .listArea ul li.current span{font-weight:600;} .sideList .listArea{height:100%;} .sideList .listArea{border:1px solid #d0d0d0; border-radius:3px;} .sideList .listArea{border-top:0;} .sideList .listArea ul{background-color:#fafafa;} .sideList .listArea ul li{min-height:40px; padding:3px 0; cursor:pointer;} .sideList .listArea ul li:hover{background-color:#fff1e6;} .sideList .listArea ul li .listName{width:calc(100% - 30px); padding:7px 5px;} .sideList .listArea ul li:hover .listName{color:#0051a2;} /* .sideList .listArea ul li button.detailBtn{background-color:transparent; background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; background-position:-30px -55px; width:30px; height:40px; margin-top:-20px; margin-right:0; border:0; border-radius:0; font-size:0; text-indent:-99999px; position:absolute; top:50%; right:0;} .sideList .listArea ul li button.detailBtn:hover, .sideList .listArea ul li button.detailBtn:focus, .sideList .listArea ul li button.detailBtn:active{background-color:#fec59b; background-position:-89px 4px;} */ .sideList .listArea{height:calc(100% - 45px); margin-top:45px; border-top:1px solid #d0d0d0;} .sideList .listArea ul li .listName{width:100%;} .half .listArea .listContainer{border:1px solid #d0d0d0; border-radius:3px;} .half .listArea .listTitle span{width:33%; border-left:1px solid #e0e0e0;} .half .listArea .listTitle span:first-child{width:calc(34% - 15px); border:0;} .half .listArea ul li span{width:33%; text-align:center;} .half .listArea ul li span:first-child{width:calc(34% - 15px);} /* ----- sideList / sideTree ----- */ .treeArea .jstree{width:100%; height:100%; text-align:left; overflow:auto;} .sideList .treeArea, .sideList .tabArea{height:100%;} .sideList .treeArea .jstree, .sideList .tabArea .ui-tabs{height:calc(100% - 45px); margin-top:10px; border:1px solid #d0d0d0; border-radius:3px;} .sideList .btnArea .right label{display:inline-block; padding:5px 10px 5px 0; font-weight:600; line-height:15px; vertical-align:top;} .sideList .btnArea .right label + select{width:200px;} .sideList .btnArea .right .select2{margin-right:5px;} .sideTree .treeArea{height:calc(100% - 45px); margin-top:10px; border:1px solid #d0d0d0; overflow:hidden; overflow-y:auto;} .sideTree .btnArea, .sideList .btnArea{width:100%;} .sideTree .btnArea .left, .sideTree .btnArea .right, .sideList .btnArea .left, .sideList .btnArea .right{width:50%; margin-left:0; margin-right:0;} .sideTree .btnArea .left{width:auto;} .sideTree .btnArea .right{width:100%;} .sideTree .btnArea .right, .sideList .btnArea .right{text-align:right;} /* jstree */ .jstree > .jstree-container-ul .jstree-wholerow-hovered{background:#fec59b;} .jstree > .jstree-container-ul .jstree-wholerow-hovered ~ a{font-weight:600;} .jstree > .jstree-container-ul > li > div.jstree-wholerow{background:#fafafa;} .jstree > .jstree-container-ul > li > div.jstree-wholerow-hovered{background:#fec59b;} .jstree > .jstree-container-ul > li > a.jstree-anchor .jstree-icon, .jstree > .jstree-container-ul > li > a.jstree-anchor .jstree-icon:empty{background-position:-262px -5px;} .jstree-container-ul > li.jstree-node.jstree-open{border-bottom:1px solid #eee;} .jstree-container-ul > li:last-child.jstree-node.jstree-open{border-bottom:0;} .jstree-container-ul > li > .jstree-wholerow{border-left-color: #0051a2; border-bottom-color:#ccc;} .jstree-default .jstree-anchor{color:#555;} .jstree-default .jstree-wholerow-hovered ~ a{color:#fff;} .jstree-default .jstree-wholerow-clicked{background:#fff1e6;} .jstree-default .jstree-wholerow-clicked ~ a{color: #0051a2;} .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{background:#75c7d0;} .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{background:#75c7d0;} .jstree-default .jstree-checkbox{background-image:url(/resources/images/ico_theme_ff9421-bd1b651ad037c007257d5de97d1c762c.png); background-position:-5px -4px;} .jstree-default .jstree-checkbox:hover{background-image:url(/resources/images/ico_theme_ff9421-bd1b651ad037c007257d5de97d1c762c.png); background-position:-95px -4px;} .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox{background-image:url(/resources/images/ico_theme_ff9421-bd1b651ad037c007257d5de97d1c762c.png); background-position:-65px -4px;} .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover{background-image:url(/resources/images/ico_theme_ff9421-bd1b651ad037c007257d5de97d1c762c.png); background-position:-155x -4px;} .jstree-default .jstree-anchor > .jstree-undetermined{background-image:url(/resources/images/ico_theme_ff9421-bd1b651ad037c007257d5de97d1c762c.png); background-position:-35px -4px;} .jstree-default .jstree-anchor > .jstree-undetermined:hover{background-image:url(/resources/images/ico_theme_ff9421-bd1b651ad037c007257d5de97d1c762c.png); background-position:-125px -4px;} .jstree-default .jstree-disabled .jstree-wholerow-clicked{background:#efefef;} .tree-checkbox{display:inline-block; background-image:url(/resources/images/ico_theme_ff9421-bd1b651ad037c007257d5de97d1c762c.png); background-repeat:no-repeat; background-position:-5px -4px; width:20px; height:24px; margin:3px 2px; vertical-align:top;} .tree-checkbox:not(.tree-checkbox-on){background-position-x:-5px;} .tree-checkbox:not(.tree-checkbox-on):hover{background-position-x:-95px;} .tree-checkbox.tree-checkbox-on{background-position-x:-65px;} .tree-checkbox.tree-checkbox-on:hover{background-position-x:-155px;} /* .ui-tabs */ .ui-tabs, .ui-tabs .ui-tabs-panel{padding:0;} .sideList .ui-tabs{} .sideList .ui-tabs .ui-tabs-nav{background-color:#736e6b; height:30px; border:0; border-radius:0; font-size:0; line-height:0; text-align:left; white-space:nowrap; position:relative;} .sideList .ui-tabs .ui-tabs-tab{background:#a7a5a4; display:inline-block; min-width:100px; height:28px; margin:2px 1px 0; padding:0; border:1px solid #615b57; border-bottom-color:#808080; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; font-weight:600; line-height:1; text-align:center; cursor:pointer; vertical-align:bottom; top:auto;} .sideList .ui-tabs .ui-tabs-active{background:#fff; border-color:#615b57; color:#555; border-bottom:0;} .sideList .ui-tabs .ui-tabs-tab a{display:block; height:28px; padding:7px 5px; color:#fff; text-decoration:none; float:none; cursor:pointer;} .sideList .ui-tabs .ui-tabs-tab.ui-tabs-active a{color:#555; text-decoration:none;} .sideList .ui-tabs .ui-tabs-panel{height:calc(100% - 30px);} .total, .selected{height:calc(50% - 23px);} .selected{border-top:1px solid #d0d0d0;} .changToolbar{background:#f0f0f0; padding:10px 0 11px; text-align:center;} .changToolbar button, .changToolbar button:focus{background-color:#fff; width:60px; height:25px; margin:0 5px; font-size:0; line-height:0; position:relative;} .changToolbar button:hover{background-color:#999; border-color:#777;} .changToolbar button:active{background-color:#707070; border-color:#505050;} .changToolbar button:before{content:''; background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; display:block; width:25px; height:25px; margin:0 auto;} .changToolbar .addListBtn:before, .changToolbar .addListBtn:focus:before{background-position:-62px -66px;} .changToolbar .delListBtn:before, .changToolbar .delListBtn:focus:before{background-position:-92px -66px;} .changToolbar .addListBtn:hover:before, .changToolbar .addListBtn:active:before{background-position:-182px -6px;} .changToolbar .delListBtn:hover:before, .changToolbar .delListBtn:active:before{background-position:-212px -6px;} .sideList .ui-tabs .sbr form{font-size:0; line-height:0;} .sideList .ui-tabs .sbr .ibx > li{padding:0;} .sideList .ui-tabs .sbr .ibx > li input{width:200px;} .sideList .ui-tabs .sbr .searchBtn{height:25px; margin:0 5px 0 0;} .gridArea.ui-tabs-panel .sbr > label, .gridArea.ui-tabs-panel .sbr > form{display:inline-block; vertical-align:top;} .gridArea.ui-tabs-panel .sbr > label{width:150px; margin-right:10px; padding:6px 10px; border-right:1px solid #aaa; font-weight:600; text-align:left;} .gridArea.ui-tabs-panel .sbr > form{width:calc(100% - 160px);} .sideList .gridArea.ui-tabs-panel .gridContainer{background:none; height:calc(100% - 46px);} .sideList .gridArea.ui-tabs-panel .gridContainer .ui-jqgrid{border-width:0; border-bottom-width:1px; border-radius:0;} .sideList .ui-jqgrid .ui-jqgrid-view, .sideList .ui-jqgrid .ui-jqgrid-bdiv{height:calc(100% - 40px);} .sideList .gridArea.ui-tabs-panel .selected .ui-jqgrid{border-width:0;} .sideList .selected .ui-jqgrid .ui-jqgrid-view{width:100% !important; height:100%;} .sideList .selected .ui-jqgrid .ui-jqgrid-hdiv{width:auto !important;} .sideList .selected .ui-jqgrid .ui-jqgrid-bdiv{width:100% !important; height:calc(100% - 40px) !important;} /* ----- sbr ----- */ .sbr{background:#fafafa; width:100%; padding:10px 0; border-bottom:1px solid #0051a2; font-size:0; line-height:0;} .sbr .ibx{display:inline-block; width:calc(100% - 100px); text-align:left; vertical-align:bottom;} /*.sbr .ibx > li{display:inline-block; min-width:240px; padding:5px 0; font-size:0; line-height:0; vertical-align:top;}*/ /*.sbr .ibx li > label{display:inline-block; width:90px; margin:0 5px 0 15px; padding:2px 0; line-height:21px; vertical-align:top;}*/ .sbr .ibx > li{display:inline-block; min-width:220px; padding:5px 0; font-size:0; line-height:0; vertical-align:top;} .sbr .ibx li > label{display:inline-block; width:auto; min-width:65px; margin:0 10px 0 15px; padding:2px 0; line-height:21px; vertical-align:top; text-align: right;} .sbr .ibx li > input, .sbr .ibx li select, .sbr .ibx li .select2{width:130px;} .sbr .ibx li.has-pretty-child{width:auto; min-width:90px; margin:0 5px 0 15px;} .sbr .ibx li.has-pretty-child + li.has-pretty-child{margin-left:0;} /* .select2 */ .select2-container--default .select2-selection--single .select2-selection__arrow b{background:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png") no-repeat -8px -38px;} .searchSelect.select2-container--default .select2-selection--single .select2-selection__arrow b{background-position:-128px -68px;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{background-position:-38px -38px;} .select2-container { width: 130px !important; min-width: auto !important; max-width: 100% !important; } /* pretty */ .prettycheckbox > a{background-image:url('/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png'); background-repeat:no-repeat; background-position:-5px -126px;} .prettyradio > a{background-image:url('/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png'); background-repeat:no-repeat; background-position:-5px -155px;} .sbr .prettycheckbox label, .dialogBtnSet .left .prettycheckbox label{/*margin:0 5px 0 15px;*/ padding:5px 0; line-height:15px;} .dialogBtnSet .left .prettycheckbox > a{margin-top:1px;} .prettycheckbox.noLabel label{display:none !important;} /* datepicker */ .fromTo{display:inline-block; padding:5px 10px; font-size:13px; line-height:15px; vertical-align:top;} .sbr .fromTo{/*width:90px;*/ margin:0 15px; padding:5px 0;} .input-append, .input-prepend{width:130px; vertical-align:top; position:relative;} .input-append input, .input-prepend input{width:calc(100% - 30px); border-top-right-radius:0; border-bottom-right-radius:0; border-right-width:0;} .ui-datepicker-trigger{background-color:#fff; background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; background-position:-61px -35px; display:inline-block; width:30px; height:25px; border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; font-size:0;} .input-append .add-on, .input-prepend .add-on{display:none;} .ui-datepicker.ui-widget-content{display:none; position:absolute; top:25px; left:0; z-index:101;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background-color:transparent;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{background-color:rgba(50,50,50,0.5); border:0;} .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; background-position-y:-7px;} .ui-datepicker .ui-datepicker-prev .ui-icon{background-position-x:-67px;} .ui-datepicker .ui-datepicker-next .ui-icon{background-position-x:-97px;} .ui-datepicker td a.ui-state-default, .ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled span{border-color:transparent;} .ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-highlight{border-radius:10px;} .ui-datepicker td a.ui-state-active{background:transparent; border-color:#0051a2; color: #0051a2; font-weight:600;} .ui-datepicker td a.ui-state-hover{/*background:#0051a2;*/} /* btnBox */ .sbr .btnBox{display:inline-block; width:100px; text-align:right; vertical-align:bottom;} .sbr .btnBox .searchBtn{background-color:#736e6b; max-width:90px; margin:5px auto; padding:2px 10px; border-color:#615b57; color:#fff; font-size:13px; line-height:19px;} .sbr .btnBox .searchBtn:before{content:''; background:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png") no-repeat -158px -67px; display:inline-block; width:18px; height:18px; line-height:20px; vertical-align:middle;} .sbr .btnBox .searchBtn:hover{background-color:#615b57; border-color:#4f4742;} .sbr .btnBox .searchBtn:focus{background-color:#4f4742; border-color:#4f4742;} .contentArea{/*background:#0f0;*/ min-height:100px;/**/} .sbr + .contentArea{margin-top:10px;} /* dialog sbr */ .ui-dialog.sizeS .sbr .ibx li{display:block; min-width:auto;} .ui-dialog.sizeS .sbr .ibx li:hover{background-color:rgba(50,50,50,0.03);} .ui-dialog.sizeS .sbr .ibx li > label{width:120px; margin:0 5px 0 20px;} .ui-dialog.sizeS .sbr .ibx li > input, .ui-dialog.sizeS .sbr .ibx li select{width:180px;} .ui-dialog .textCaution + .sbr{border-top:1px solid #d0d0d0;} .dialogContent .sbr form{display:inline-block; width:calc(100% - 100px); vertical-align:bottom;} .dialogContent .sbr form .ibx{width:100%;} .dialogContent .sbr form .ibx li{padding:0;} .dialogContent .sbr form:only-child{display:block; width:100%;} .dialogContent .sbr form:only-child .ibx{width:calc(100% - 100px);} /* ----- btnArea ----- */ .btnArea{margin-top:10px; font-size:0; line-height:0;} .btnArea button{margin-right:5px;} .btnArea button:last-child, .btnArea button:only-child{margin-right:0;} .btnArea .left, .btnArea .right{display:inline-block; font-size:0; line-height:0; vertical-align:top;} .btnArea .left{/*width:300px;*/ text-align:left;} .btnArea .left .textCaution{display:inline-block; width:auto; margin:0 10px; padding:6px 0; color: #0051a2; line-height:1; text-align:left; vertical-align:top;} .btnArea .right{/*width:calc(100% - 300px);*/ text-align:right;} /* ----- gridArea ----- */ .gridArea{min-height:100px; /*margin-top:10px;*/ padding-top:10px;} .btnArea + .gridArea{} .gridArea .gridContainer{background:rgba(50,50,50,0.1); height:100%; overflow:hidden;} .ui-jqgrid{width:100%/* !important*/; height:100%/* !important*/;} .gridArea .gridContainer .ui-jqgrid{width:calc(100% - 2px) !important; height:calc(100% - 2px) !important; border:1px solid #d0d0d0; overflow:hidden;} .ui-jqgrid .ui-jqgrid-view{/*width:100% !important; height:calc(100% - 40px) !important; overflow:auto;*/} .ui-jqgrid .ui-jqgrid-hdiv{background:#fafafa; /*width:auto !important;*/ border-color:#909090;} .ui-jqgrid .ui-jqgrid-htable th{border-color:#e0e0e0;} .ui-jqgrid .ui-jqgrid-bdiv{/*width:auto !important; height:100% !important;*/} .ui-jqgrid .ui-jqgrid-bdiv td:not(.has-pretty-child) a{font-weight:600; text-decoration:underline; cursor:pointer;} .ui-jqgrid .ui-jqgrid-bdiv td .gridReply{position:relative; padding-left:35px;} .ui-jqgrid .ui-jqgrid-bdiv td .gridReply:before{content:'Re'; background-color: #0051a2; display:inlne-block; width:18px; height:14px; margin-top:-7px; border-radius:3px; color:#fff; font-weight:600; position:absolute; top:50%; left:15px;} .ui-jqgrid .ui-jqgrid-bdiv td > input[type="text"]{width:100%;} /* pager */ .ui-jqgrid .ui-jqgrid-pager{width:100% !important; height:40px !important;} .ui-jqgrid-pager .select2.select2-container{width:70px !important;} .ui-jqgrid-pager .pageSize{display:inline-block; padding:0 5px; vertical-align:middle;} .customPageMoveBtn, .customPageNumberBtn{display:inline-block; min-width:20px; min-height:25px; vertical-align:middle;} .customPageNumberBtn{padding:2px;} .customPageNumberBtn a{display:block; height:20px; padding:4px 5px; border-bottom:1px solid transparent; line-height:1;} .ui-jqgrid-pager.ui-state-default a strong{color:#f89406;} .ui-jqgrid-pager.ui-state-default a:hover{border-bottom-color:#f89406;} .ui-jqgrid-pager.ui-state-default a:empty:hover{border-bottom-color:#555;} .customPageMoveBtn{width:30px; height:25px; padding:2px; border:1px solid transparent; border-radius:3px;} .customPageMoveBtn:hover{background-color:rgba(50,50,50,0.05);} .customPageMoveBtn .fa{background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; background-position-y:-95px; display:inline-block; width:20px; height:20px; vertical-align:middle;} .customPageMoveBtn .fa-fast-backward{background-position-x:-5px;} .customPageMoveBtn .fa-step-backward{background-position-x:-35px;} .customPageMoveBtn .fa-step-forward{background-position-x:-65px;} .customPageMoveBtn .fa-fast-forward{background-position-x:-95px;} .ui-jqgrid-pager td:last-child{padding-right:5px;} div:not(.loginWrap) .ui-jqgrid th.ui-th-column div:not(.clearfix){height:auto !important; padding:2px; white-space:normal !important;} .ui-jqgrid .ui-th-div.has-pretty-child{margin-top:0;} .ui-jqgrid .clearfix.noLabel{margin:0; padding:0; border:0; font-size:0; line-height:0;} div:not(.loginWrap) .ui-jqgrid tr.ui-row-ltr td{text-align:center;} .ui-jqgrid .incomplete td{color:#f00;} .ui-jqgrid .ui-jqgrid-bdiv tr:nth-child(odd){background-color:#fafafa;} /* grid odd row background color */ .ui-jqgrid .ui-jqgrid-bdiv tr:nth-child(odd).ui-state-hover{background:#fff1e6;} /* grid odd row hover background color */ .ui-jqgrid .ui-jqgrid-bdiv tr:nth-child(odd).ui-state-highlight{background:#fec59b;} /* grid odd row highlight background color */ @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(359deg);} } /* ----- dialog ----- */ .dialog form{width:100%; height:100%;} .ui-dialog.sizeS{width:500px !important;} .ui-dialog.sizeM{width:750px !important;} .ui-dialog.sizeL{width:1000px !important;} .ui-dialog.sizeXL{width:1350px !important;} .dialogContainer{display:none;} .dialogContent{width:100%; height:calc(100% - 40px); padding:10px; border-bottom:1px solid #eee; overflow:auto;} .dialogContent .textCaution{width:100%; padding:0 0 10px; color:#f89406; line-height:25px; text-align:left;} .dialogContent .textCaution button{margin-left:5px;} .dialogContent .section + .textCaution, .dialogContent form + .textCaution{padding:10px 0;} .dialogContent .textCaution:before{content:''; background:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png") no-repeat -96px -36px; display:inline-block; width:20px; height:20px; margin-top:3px; vertical-align:top;} .dialogContent .section{width:100%; padding:10px; border:1px solid #d0d0d0; border-radius:3px; text-align:left;} .dialogContent .section + .section, .dialogContent .sbr + .section, .dialogContent form + .section, .dialogContent .section + form{margin-top:10px;} .dialogContent .textCaution + .section{margin-top:0;} .dialogContent ul.section{font-size:0; line-height:0;} .dialogContent ul.section li{width:100%; padding:5px 0; font-size:0; line-height:0; text-align:left;} .dialogContent ul.section li:hover{background-color:rgba(50,50,50,0.03);} .dialogContent ul.section li label:not(.ui-controlgroup-item){display:inline-block; color:#505050; vertical-align:top;} .dialogContent ul.section li > label:not(.ui-controlgroup-item){padding:6px 10px 0 0; font-weight:600;} .dialogContent ul.section li label:not(.ui-controlgroup-item) + div{display:inline-block; font-size:0; line-height:0; vertical-align:top;} .dialogContent ul.section li:not(.singleFileUpload) label:not(.ui-controlgroup-item) + div:not(.input-append) input[type="text"]:not(.rightBtn), .dialogContent ul.section li label:not(.ui-controlgroup-item) + div input[type="file"], .dialogContent ul.section li label:not(.ui-controlgroup-item) + div input[type="password"], .dialogContent ul.section li label:not(.ui-controlgroup-item) + div .select2.select2-container, .dialogContent ul.section li label:not(.ui-controlgroup-item) + div select, .dialogContent ul.section li label:not(.ui-controlgroup-item) + div textarea{width:100% !important; font-size:13px;} .dialogContent ul.section li label:not(.ui-controlgroup-item) + div input.hasDatepicker{width:calc(100% - 30px) !important;} .singleFileUpload > div input[type="text"]{width:calc(100% - 30px); margin-right:5px;} .dialogContent ul.section li label:not(.ui-controlgroup-item) + div input.rightBtn, .dialogContent ul.section li input.rightBtn{width:calc(100% - 30px) !important; border-right-width:0; border-top-right-radius:0; border-bottom-right-radius:0;} /*.dialogContent ul.section li button.rightBtn{width:30px !important; margin:0; padding:2px; border-top-left-radius:0; border-bottom-left-radius:0;} */ .dialogContent ul.section li button.rightBtn{width:30px !important; height:25px; margin:0; padding:0; border-top-left-radius:0; border-bottom-left-radius:0;} .dialogContent ul.section li label:not(.ui-controlgroup-item) + div > span:not(.select2){display:inline-block; margin:2px 10px 2px 0; padding:0 0 0 10px; line-height:19px; vertical-align:top;} .dialogContent ul.section li label:not(.ui-controlgroup-item) + div > span:not(.select2) + span{border-left:1px solid #a0a0a0;} .ui-dialog:not(.sizeS) ul.section li > label:not(.ui-controlgroup-item){width:150px;} .ui-dialog:not(.sizeS) ul.section li:not(.half):not(.third) > label:not(.ui-controlgroup-item) + div{width:calc(100% - 150px);} .ui-dialog.sizeS ul.section li > label:not(.ui-controlgroup-item){width:160px;} .ui-dialog.sizeS ul.section li > label:not(.ui-controlgroup-item) + div{width:calc(100% - 160px);} .ui-dialog.sizeM ul.section li > label:not(.ui-controlgroup-item){width:150px;} .ui-dialog.sizeM ul.section li:not(.half) > label:not(.ui-controlgroup-item) + div{width:calc(100% - 150px);} .ui-dialog.sizeM ul.section li.half > label:not(.ui-controlgroup-item) + div{width:calc(50% - 160px);} .ui-dialog.sizeM #formAddNotice ul.section li.half .input-append.date, .ui-dialog.sizeM #formNoticePopup ul.section li.half .input-append.date{width:150px;} .ui-dialog.sizeM ul.section li.half > div + label:not(.ui-controlgroup-item){margin-left:20px;} .ui-dialog.sizeL ul.section li > label:not(.ui-controlgroup-item), .ui-dialog.sizeXL ul.section li > label:not(.ui-controlgroup-item){width:150px;} .ui-dialog.sizeL ul.section li:not(.half):not(.third) > label:not(.ui-controlgroup-item) + div, .ui-dialog.sizeXL ul.section li:not(.half):not(.third) > label:not(.ui-controlgroup-item) + div{width:calc(100% - 150px);} .ui-dialog.sizeL ul.section li.half > label:not(.ui-controlgroup-item) + div, .ui-dialog.sizeXL ul.section li.half > label:not(.ui-controlgroup-item) + div{width:calc(50% - 170px);} .ui-dialog.sizeL ul.section li.half > div + label:not(.ui-controlgroup-item), .ui-dialog.sizeXL ul.section li.half > div + label:not(.ui-controlgroup-item), .ui-dialog.sizeL ul.section li.half > div + script + label:not(.ui-controlgroup-item), .ui-dialog.sizeXL ul.section li.half > div + script + label:not(.ui-controlgroup-item){margin-left:40px;} .ui-dialog.sizeL ul.section li.third > label:not(.ui-controlgroup-item), .ui-dialog.sizeXL ul.section li.third > label:not(.ui-controlgroup-item){width:150px;} .ui-dialog.sizeL ul.section li.third > label:not(.ui-controlgroup-item) + div:not(.has-pretty-child), .ui-dialog.sizeXL ul.section li.third > label:not(.ui-controlgroup-item) + div:not(.has-pretty-child){width:calc(33.2% - 160px);} .ui-dialog.sizeL ul.section li.third > div.has-pretty-child:nth-child(4):last-child, .ui-dialog.sizeXL ul.section li.third > div.has-pretty-child:nth-child(4):last-child{width:calc(100% - 465px);} .ui-dialog.sizeL ul.section li.third > div + label:not(.ui-controlgroup-item), .ui-dialog.sizeXL ul.section li.third > div + label:not(.ui-controlgroup-item), .ui-dialog.sizeXL ul.section li.third > div + script + label:not(.ui-controlgroup-item), .ui-dialog.sizeL ul.section li.third > div + div.clearfix, .ui-dialog.sizeXL ul.section li.third > div + div.clearfix{margin-left:15px;} .ui-dialog.sizeM ul.section li:not(.half) > label + div.has-pretty-child > .clearfix.distributionMethod:first-child{width:calc(62% - 150px);} .ui-dialog.sizeL ul.section li:not(.half):not(.third) + li > label + div.has-pretty-child > .clearfix.distributionMethod:first-child, .ui-dialog.sizeXL ul.section li:not(.half):not(.third) + li > label + div.has-pretty-child > .clearfix.distributionMethod:first-child{width:calc(56% - 150px);} .ui-dialog.sizeL ul.section li.half + li > label + div.has-pretty-child > .clearfix.distributionMethod:first-child, .ui-dialog.sizeXL ul.section li.half + li > label + div.has-pretty-child > .clearfix.distributionMethod:first-child{width:calc(56% - 150px);} .ui-dialog.sizeL ul.section li.third + li > label + div.has-pretty-child > .clearfix.distributionMethod:first-child, .ui-dialog.sizeXL ul.section li.third + li > label + div.has-pretty-child > .clearfix.distributionMethod:first-child{width:calc(37% - 150px);} .ui-dialog.sizeM ul.section li.enlargeLabel > label:not(.ui-controlgroup-item){width:200px;} .ui-dialog.sizeM ul.section li.enlargeLabel:not(.half):not(.third) > label:not(.ui-controlgroup-item) + div{width:calc(100% - 200px);} .ui-dialog ul.section li label + div.textOnly, .ui-dialog ul.section li label + div.textAreaOnly{padding:3px 10px 0 0; font-size:13px; line-height:1.5;} .ui-dialog ul.section li div + .textOnly{display:inline-block; padding:3px 10px 0 0; line-height:1.5; vertical-align:top;} .ui-dialog ul.section li.half div + .textOnly, .ui-dialog ul.section .third div + .textOnly{margin-left:20px;} .ui-dialog ul.section li.half div + .textOnly{width:calc(50% - 20px);} .ui-dialog ul.section li.third div + .textOnly{width:calc(33.5% - 20px);} .ui-dialog ul.section li.third div + .textOnly:nth-child(3):last-child{width:calc(68% - 20px);} .ui-dialog ul.section li label + div.textAreaOnly{max-height:100px; overflow:auto;} .textOnly.red{color:#f00;} .ui-dialog ul.section li.distributionCheck .has-pretty-child{display:inline-block; width:auto; vertical-align:middle;} .ui-dialog ul.section li.distributionCheck .has-pretty-child > .clearfix{width:auto;} .ui-dialog ul.section li.distributionCheck div:not(.fileDistributionType) > .has-pretty-child > .clearfix:first-child{min-width:150px;} .ui-dialog ul.section li.distributionCheck .has-pretty-child > .clearfix > label{font-weight:600;} .ui-dialog ul.section li.half.has-pretty-child > .clearfix{width:auto;} .clearfix + .clearfix, .clearfix + script + .clearfix{margin-left:/*20px*/ 15px;} .ui-dialog ul.section li div.fileDownload{max-height:180px; border:1px solid #d0d0d0; font-size:0; line-height:0; overflow-y:auto;} .ui-dialog ul.section li div.fileDownload:empty{height:35px; /*border-width:0;*/} .ui-dialog ul.section li div.fileDownload:hover{background-color:rgba(50,50,50,0.03);} .ui-dialog ul.section li div.fileDownload button span{display:block; width:calc(100% - 50px); margin:0 auto; font-weight:normal; line-height:1.5; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;} /*.sizeXL.ui-dialog ul.section li.half > label:not(.ui-controlgroup-item) + div.fileDownload{width:calc(66.4% - 160px);}*/ .sizeL.ui-dialog ul.section li:not(.half):not(.third) > div.fileDownload button, .sizeXL.ui-dialog ul.section li:not(.half):not(.third) > div.fileDownload button{width:calc(50% - 10px);} .sizeXL.ui-dialog ul.section li.half > label:not(.ui-controlgroup-item) + div.fileDownload button{width:calc(100% - 10px);} .dialogContent .dialogToolbar{width:100%; font-size:0; line-height:0;} .dialogContent .dialogToolbar .left, .dialogContent .dialogToolbar .right{display:inline-block; font-size:0; line-height:0; vertical-align:middle;} .dialogContent .dialogToolbar .left{/*line-height:20px;*/ text-align:left;} .dialogToolbar .gridTitle, .dialogToolbar .sectTitle, .dialogToolbar .listCount, label span.listCount{display:inline-block; padding:7px 0 5px; font-size:13px; line-height:1; vertical-align:middle;} .ui-dialog li p.sectTitle{padding:0 0 10px; border-bottom:1px solid #d0d0d0; font-size:13px;} .ui-dialog li p.sectTitle, .dialogToolbar .sectTitle, .dialogToolbar .gridTitle{/*color:#0051a2;*/ font-weight:600;} .ui-dialog li p.sectTitle:before, .dialogToolbar .sectTitle:before{content:''; display:inline-block; width:4px; height:4px; margin:6px 5px 0 0; border:2px solid #0051a2; border-radius:50%; vertical-align:top;} label span.listCount{padding:0 3px; font-weight:normal; vertical-align:top;} .dialogToolbar .listCount{padding:6px 0 5px;} .dialogToolbar .listCount:before, .dialogToolbar .listCount:after, label span.listCount:before, label span.listCount:after,.listArea .listTitle .listCount:before, .listArea .listTitle .listCount:after{display:inline-block; font-size:13px; vertical-align:middle;} .dialogToolbar .listCount:before, label span.listCount:before, .listArea .listTitle .listCount:before{content:'(';} .dialogToolbar .listCount:after, label span.listCount:after, .listArea .listTitle .listCount:after{content:')';} .dialogToolbar .left .textCaution{display:inline-block; width:auto; padding:0 0 0 5px; font-weight:600; vertical-align:middle;} .dialogToolbar .left .textCaution:before{display:none;} .dialogContent .dialogToolbar .right{text-align:right;} .dialogContent .dialogToolbar .right button{margin-right:5px;} .dialogContent .dialogToolbar .right button:last-child{margin-right:0;} .dialogContent .gridContainer{width:100%;} .dialogContent .dialogToolbar + .gridContainer{margin-top:10px;} .dialogContent .gridContainer .ui-jqgrid{height:230px; min-height:80px; border:1px solid #a0a0a0; /*overflow:auto;*/} .dialogContent .gridContainer .ui-jqgrid .ui-jqgrid-view{height:100%;} .dialogContent .gridContainer .ui-jqgrid .ui-jqgrid-bdiv{max-height:none;} .dialogContent .gridContainer #gbox_gridRequestPopup{height:350px;} .dialogContent .gridContainer #gbox_gridStopDealList{height:260px;} .dialogContent .gridContainer #gbox_gridUserChangePopup{height:310px;} .dialogContent .gridContainer #gbox_gridStopDealList .ui-jqgrid-view, .dialogContent .gridContainer #gbox_gridUserChangePopup .ui-jqgrid-view{height:calc(100% - 40px);} .dialogContainer .dialogBtnSet{width:100%; padding:10px 10px 0; font-size:0; line-height:0;} .dialogContainer .dialogBtnSet .left, .dialogContainer .dialogBtnSet .right{display:inline-block; vertical-align:middle;} .dialogContainer .dialogBtnSet .left{width:180px; line-height:20px; text-align:left;} .dialogContainer .dialogBtnSet .right{width:calc(100% - 180px); text-align:right;} .dialogContainer .bottomBtn{background-color:#736e6b; min-width:80px; margin:0 auto; padding:2px 10px; border-color:#615b57; color:#fff; font-size:13px; line-height:19px;} .dialogContainer .bottomBtn:hover{background-color:#615b57; border-color:#4f4742;} .dialogContainer .bottomBtn:focus{background-color:#4f4742; border-color:#4f4742;} .ui-dialog .ui-dialog-titlebar{background:#736e6b; padding:10px 20px; border-color:#615b57; border-radius:0; color:#fff; text-align:left;} .ui-dialog .ui-dialog-titlebar-close{background:transparent; width:20px; height:20px; padding:0; border:1px solid transparent; font-size:0; line-height:0; right:10px;} .ui-dialog .ui-dialog-titlebar-close.ui-button .ui-icon.ui-icon-closethick{background:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png") no-repeat -125px -35px; width:20px; height:20px;} .ui-dialog[aria-describedby="alertMessage"] .ui-dialog-titlebar, .ui-dialog[aria-describedby="confirmMessage"] .ui-dialog-titlebar{background:#ee5238; border-color:#c3442e;} .ui-dialog[aria-describedby="alertMessage"] .ui-dialog-content, .ui-dialog[aria-describedby="confirmMessage"] .ui-dialog-content{padding:20px 30px; line-height:1.5;} .fileDistributionType{display:inline-block; margin-left:5px; padding:0 5px; border:1px solid #d0d0d0; border-radius:4px; vertical-align:top;} .dialogContent ul.section li .fileDistributionType .clearfix label{line-height:23px;} .dialogContent.noticeVeiw{overflow:hidden;} .noticeVeiw ul.section:last-child{height:calc(100% - 65px); overflow:auto;} .noticeVeiw ul.section:last-child li:first-child{margin-bottom:10px; padding:5px 0 15px; border-bottom:1px solid #d0d0d0; font-weight:600;} #securityUserList + .select2-container .select2-selection--multiple{border:1px solid #aaa; padding:0 0 3px 3px;} #securityUserList + .select2-container .select2-selection--multiple .select2-selection__rendered{padding:0;} #securityUserList + .select2-container .select2-selection--multiple .select2-selection__choice{height:25px; padding:4px 5px; line-height:1;} #securityUserList + .select2-container .select2-selection--multiple .select2-selection__choice__remove{height:16px;} #securityUserList + .select2-container .select2-search--inline{display:none;} #securityUserList + .select2-container .select2-search--inline .select2-search__field{display:none;} .dialogContainer .select2-container--default .select2-results > .select2-results__options{max-height:155px;} .dialogContent .tabSection, .dialogContent .section + .tabSection{margin-top:10px;} .dialogContent .tabBtnArea{background-color:#736e6b; width:100%; height:30px; font-size:0; line-height:0; position:relative;} .dialogContent .tabBtnArea button{background-color:#615b57; background-image:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png"); background-repeat:no-repeat; background-position-y:-60px; width:25px; height:30px; border:0; border-radius:0; font-size:0; line-height:0; position:absolute; top:0;} .dialogContent .tabBtnArea .prevTabBtn{background-position-x:-3px; border-top-left-radius:3px; border-right:1px solid #4f4742; left:0;} .dialogContent .tabBtnArea .nextTabBtn{background-position-x:-33px; border-top-right-radius:3px; border-left:1px solid #4f4742; right:0;} .dialogContent .tabBtnArea button:hover{background-color:#4f4742; background-position-y:0;} .dialogContent .tabBtnArea .prevTabBtn:hover{background-position-x:-63px;} .dialogContent .tabBtnArea .nextTabBtn:hover{background-position-x:-93px;} .dialogContent .tabArea, .containerTab .tabArea{width:calc(100% - 50px); height:30px; margin-left:25px; text-align:left; overflow:hidden; position:relative;} .containerTab .tabArea{background-color:#736e6b; width:100%; margin-left:0;} .dialogContent .tabArea ul, .containerTab .tabArea ul{width:auto; height:28px; margin-left:0; font-size:0; line-height:0; white-space:nowrap; position:absolute; top:2px; left:0;} .dialogContent .tabArea ul li, .containerTab .tabArea ul li{background:#a7a5a4; display:inline-block; min-width:100px; height:28px; margin:0 1px; padding:7px 5px; border:1px solid #615b57; border-bottom-color:#808080; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; font-weight:600; line-height:1; text-align:center; cursor:pointer; vertical-align:bottom;} .containerTab .tabArea ul li{padding:0;} .dialogContent .tabArea ul li.current, .containerTab .tabArea ul li.current{background:#fff; border-color:#615b57; color:#555; border-bottom:0;} .dialogContent .tabArea ul li:not(.current):hover, .containerTab .tabArea ul li:not(.current):hover{background:rgba(255,255,255,0.85); color:#555; border-color:#a7a5a4;} .dialogContent .tabContentArea{min-height:385px; border:1px solid #a0a0a0; border-top:0; overflow:auto; position:relative;} .dialogContent .tabContentArea > li{display:none; width:calc(100% - 20px); padding-bottom:10px; opacity:0; position:absolute; top:10px; left:10px;} .dialogContent .tabContentArea > li.current{display:block; opacity:1;} .dialogContent .tabContentArea .gridContainer .ui-jqgrid{height:305px;} .containerTab .tabArea ul li a{display:block; height:28px; padding:7px 5px; color:#fff; text-decoration:none;} .containerTab .tabArea ul li:not(.current):hover a, .containerTab .tabArea ul li.current a{color:#555; text-decoration:none;} /* ----- ui-dialog noticeAlert ----- */ .ui-dialog.noticeAlert .ui-dialog-content{padding:0;} .ui-dialog.noticeAlert .ui-dialog-titlebar{background-color:#0051a2 /*#736e6b*/; border:0;} .ui-dialog.noticeAlert .noticeAlertWrap{background:#fff; width:100%; height:calc(100% - 30px); padding:20px;} .ui-dialog.noticeAlert h3.title{background:#736e6b; height:30px; margin:0 auto 5px; padding:10px 5px 0; border-radius:15px 15px; color:#fff;} .ui-dialog.noticeAlert .fileDownload{height:30px; margin-bottom:5px; padding:2px 10px 0; font-size:0; line-height:0; text-align:left;} .ui-dialog.noticeAlert .fileDownload label{display:inline-block; padding:8px 5px 0 0; color:#505050; font-weight:600; line-height:1; cursor:default; vertical-align:middle;} .ui-dialog.noticeAlert .fileDownload button{background-color:transparent; width:auto !important; margin:0; padding:3px 23px 3px 5px; border:0;} .ui-dialog.noticeAlert .fileDownload button span{display:inline-block; vertical-align:middle;} .ui-dialog.noticeAlert .fileDownload button:hover{background-color: #0051a2;} .ui-dialog.noticeAlert .contents{border:1px solid #d0d0d0; border-radius:5px; overflow:auto;} .ui-dialog.noticeAlert .fileDownload + .contents{height:calc(100% - 70px);} .ui-dialog.noticeAlert h3.title + .contents{height:calc(100% - 40px);} .ui-dialog.noticeAlert .preContent{margin-bottom:10px; padding:10px 20px; line-height:1.5; text-align:left; white-space:pre-line; word-break:keep-all;} .ui-dialog.noticeAlert .todayCheckBox{background:#736e6b; width:100%; height:30px; padding:3px 10px 0; text-align:right;} .ui-dialog.noticeAlert .todayCheckBox label{color:#fff;} .ui-dialog.noticeAlert .todayCheckBox label:hover{color: #0051a2;} .noData, .section1 table tbody td.noData, .section2 table tbody td.noData{width:100%; height:20px; margin-top:-10px; text-align:center; position:absolute; top:50%;} .section1 table tbody td.noData, .section2 table tbody td.noData{background-color:transparent; padding:0;} .noData:before{content:''; background:url("/resources/images/ico_common_a0a0a0-6c6998f098b2866ebb87d90fa5baf77a.png") no-repeat -185px -36px; display:inline-block; width:20px; height:20px; margin-right:3px; line-height:1; vertical-align:middle;} /*.ui-jqgrid .loading, .loading_pivot{background-color:transparent; padding:10px; border:5px solid #ee5238; border-radius:50%; font-size:0;}*/ .loading, .ui-jqgrid .loading{background:#fff; width:50px; height:50px; margin: -30px 0 0 -30px; padding:0; border:10px solid #fff; border-right-color:#fec59b; border-top-color:#fec59b; border-radius:100%; font-size:0; -webkit-animation:spin 500ms infinite linear; animation:spin 500ms infinite linear; top:50%; left:50%;} .ui-widget-overlay.pageLoader{background:none; opacity:1; z-index:500;} .ui-widget-overlay.pageLoader .loading{background:transparent; width:100px; height:100px; margin:-50px 0 0 -50px; border-width:15px; border-color:transparent; border-right-color: #0051a2; border-top-color: #0051a2; position:absolute;} /* outside/cr/request/ td color */ td span.tdBlue{color:#007ce6;} /* outside/user/information/ */ .ui-dialog.sizeM ul.section li.half.clearfixCheck.has-pretty-child > .clearfix{width:calc(50% - 10px); margin-left:0; padding-right:20px; vertical-align:top;} .ui-dialog.sizeM ul.section li.half.clearfixCheck.has-pretty-child > .clearfix label{min-width:150px; max-width:calc(100% - 30px); font-weight:600; line-height:1.5; vertical-align:top !important;} .ui-dialog.sizeM ul.section li.half.clearfixCheck.has-pretty-child > .clearfix a{vertical-align:top;} .ui-dialog.sizeM ul.section li.half.clearfixCheck.has-pretty-child > .clearfix + script + .clearfix{margin-left:20px;} .ui-jqgrid tr.jqgrow td[aria-describedby="gridDistributionOldHistoryList_requestPurposeOut"], .ui-jqgrid tr.jqgrow td[aria-describedby="gridOldCrHistoryList_cnResult"]{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* letter spacing */ .outside .header .right button:first-child, .statusArea .statusCount{letter-spacing:1px;} input, select, textarea, .fileDownBtn, .input-append input, .input-prepend input, .ui-jqgrid td, .ui-jqgrid-pager td:last-child, .approver:not(.purchase) .section1 .statusArea > ul > li h5 span.count{letter-spacing:0.5px;} @media screen and (max-width:500px){ .loginBox{margin-left:auto; left:5px;} } @media screen and (max-height:550px){ .loginBox{margin-top:auto; top:5px;} } @media screen and (min-height:900px){ } @media screen and (min-height:860px){ .imageRollingArea{height:calc(100% - 635px);} .imageRollingArea + .br{height:620px;} .section1{height:370px;} .section1 .statusArea > ul > li h5{height:150px; padding:25px 10px 25px 20px;} .section1 .statusArea > ul > li h5 span{top:50px;} .section1 .statusArea > ul > li h5 span.count{font-size:16px; top:73px;} .section1 .statusArea > ul > li > div{height:calc(100% - 150px);} .section1 .statusArea > ul > li ul > li{padding:7px 10px;} .approver:not(.purchase) .section1 .statusArea > ul > li h5:before{width:150px; height:150px;} .approver:not(.purchase) .section1 .statusArea > ul > li.acceptance h5:before, .approver:not(.purchase) .section1 .statusArea > ul > li.request h5:before, .approver:not(.purchase) .section1 .statusArea > ul > li.approval h5:before{background-position-y:bottom} .purchase.approver .section1 .statusArea > ul > li.approval:only-child h5{padding:40px 0 50px;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child h5:before{width:180px; height:160px; background-size:450px; background-position:-160px -230px;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child ul{padding:20px 0;} .purchase.approver .section1 .statusArea > ul > li.approval:only-child ul li{padding:15px 20px;} } @media screen and (min-height:940px){ .imageRollingArea{height:calc(100% - 685px);} .imageRollingArea + .br{height:670px;} .section1 .statusArea > ul > li ul > li{padding-top:9px; padding-bottom:9px;} .section2{height:300px;} .section2 .noticeArea h4 + div table tbody td{height:35px;} .section2 .quickMenuArea > ul{height:100%;} .section2 .quickMenuArea > ul li{padding:10px 10px 50px;} .section2 .quickMenuArea li p{margin:15px 0 10px 0;} .section2 .installArea{height:40px;} .section2 .installArea a{height:38px; padding:12px 5px;} } @media screen and (max-width:500px) and (max-height:550px){ .loginBox{margin-top:auto; margin-left:auto; top:5px; left:5px;} } @media screen and (min-width:1510px){ .sideList > .br:not(.center){width:calc(50% - 25px);}/* roleSide */ .contentArea.half > .br:not(.center){width:calc(50% - 20px);} .contentArea.half > .br:first-child{width:calc(50% - 20px);} .section1 .statusArea > ul > li ul > li{padding-left:15px; padding-right:15px;} .section1 .statusArea > ul > li ul > li a{right:15px;} .approver:not(.purchase) .section1 .statusArea > ul > li h5{padding:0 30px;} .approver:not(.purchase) .section1 .statusArea > ul > li ul > li{padding-left:30px; padding-right:30px;} .approver:not(.purchase) .section1 .statusArea > ul > li ul > li a{right:30px;} } @media screen and (min-width:1770px){ .section1 .statusArea > ul > li ul > li{padding-left:20px; padding-right:20px;} .section1 .statusArea > ul > li ul > li a{right:20px;} .approver:not(.purchase) .section1 .statusArea > ul > li h5{padding:0 50px;} .approver:not(.purchase) .section1 .statusArea > ul > li h5 span{width:calc(100% - 200px); font-size:16px; line-height:1.5;} .approver:not(.purchase) .section1 .statusArea > ul > li h5 span.count{font-size:18px;} .approver:not(.purchase) .section1 .statusArea > ul > li > div{display:block;} .approver:not(.purchase) .section1 .statusArea > ul > li ul{display:block; height:100%; padding:10px 0; font-size:0; line-height:0; text-align:left;} .approver:not(.purchase) .section1 .statusArea > ul > li ul > li{display:inline-block; width:50%; padding:10px; vertical-align:top;} .approver:not(.purchase) .statusArea > ul > li ul > li:nth-child(2n + 1){border-right:1px solid #d0d0d0;} } @media screen and (min-width:1770px) and (min-height:860px){ .approver:not(.purchase) .section1 .statusArea > ul > li ul > li{padding:15px 20px;} }