4226 lines
371 KiB
Plaintext
4226 lines
371 KiB
Plaintext
@charset "utf-8";
|
|
|
|
:root {
|
|
/*primary*/
|
|
--color-primary700:#1F524B;
|
|
|
|
/*secondary*/
|
|
--color-secondary700:#554b2f;
|
|
--color-secondary700:#554b2f;
|
|
--color-secondary600:#655D4A;
|
|
--color-secondary500:#827960;
|
|
--color-secondary400:#9C9279;
|
|
|
|
/*accent*/
|
|
--color-accent500:#d05c26;
|
|
|
|
/*gray*/
|
|
--color-gray900:#212121;
|
|
--color-gray800:#424242;
|
|
--color-gray700:#616161;
|
|
--color-gray600:#757575;
|
|
--color-gray500:#9e9e9e;
|
|
--color-gray400:#bdbdbd;
|
|
--color-gray300:#e0e0e0;
|
|
--color-gray200:#eee;
|
|
--color-gray100:#f5f5f5;
|
|
--color-gray50:#fafafa;
|
|
|
|
/*공정컬러*/
|
|
--color-yellow:#E7AF43;
|
|
--color-green:#25993E;
|
|
--color-skyblue:#4F93B0;
|
|
--color-navy:#153063;
|
|
--color-wine:#8C2E44;
|
|
--alpha-yellow:rgba(220, 172, 78, 0.15);
|
|
--alpha-green:rgba(37, 153, 62, 0.15);
|
|
--alpha-skyblue:rgba(79, 147, 176, 0.15);
|
|
--alpha-navy:rgba(21, 48, 99, 0.15);
|
|
--alpha-wine:rgba(140, 46, 68, 0.15);
|
|
|
|
/* gradient */
|
|
--gradient-primary:linear-gradient(180deg, rgba(44,104,95,1) 0%, rgba(52,127,114,1) 92%, rgba(19,64,57,1) 100%);
|
|
--gradient-primary-h:linear-gradient(180deg, rgba(32,90,81,1) 0%, rgba(35,99,88,1) 94%, rgba(13,47,41,1) 100%);
|
|
--gradient-secondary:linear-gradient(180deg, rgba(121,105,80,1) 0%, rgba(126,102,65,1) 94%, rgba(90,73,46,1) 100%);
|
|
--gradient-secondary-h:linear-gradient(180deg, rgba(101,86,62,1) 0%, rgba(105,84,51,1) 94%, rgba(64,51,30,1) 100%);
|
|
--gradient-gray10:linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 97%, rgba(235,235,235,1) 100%);
|
|
--gradient-accent:linear-gradient(180deg, rgba(255,109,27,1) 0%, rgba(189,68,0,1) 93%, rgba(168,60,0,1) 100%);
|
|
--gradient-dir1:linear-gradient(180deg, #D5A240 0%, #D39722 84.90%, #C0881D 100%);
|
|
--gradient-dir2:linear-gradient(180deg, rgba(37,153,62,1) 0%, rgba(31,148,56,1) 88%, rgba(29,125,50,1) 100%);
|
|
--gradient-dir3:linear-gradient(180deg, rgba(54,87,149,1) 0%, rgba(49,81,142,1) 92%, rgba(21,48,99,1) 100%);
|
|
--gradient-dir4:linear-gradient(180deg, rgba(174,59,86,1) 0%, rgba(152,48,72,1) 92%, rgba(126,78,156,1) 100%);
|
|
|
|
/*상행하행*/
|
|
--color-up:#8CB657;
|
|
--color-down:#BE98D5;
|
|
|
|
/* 부재요청,반출 */
|
|
--color-asmt-request:#870f49;
|
|
--color-asmt-takeout:#0D0C59;
|
|
/* DELETE */
|
|
--color-deleteR: #CE0000;
|
|
|
|
/* 필터 : 컬러가 #000일때 */
|
|
--filter-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(295deg) brightness(105%) contrast(101%);
|
|
--filter-gray400: invert(92%) sepia(0%) saturate(379%) hue-rotate(142deg) brightness(86%) contrast(85%);
|
|
--filter-gray500: invert(92%) sepia(0%) saturate(0%) hue-rotate(166deg) brightness(69%) contrast(88%);
|
|
--filter-accent500: invert(36%) sepia(41%) saturate(3180%) hue-rotate(4deg) brightness(94%) contrast(101%);
|
|
|
|
/* box-shadow */
|
|
--boxshadow-default: 0px 2px 2px rgba(0, 0, 0, .1);
|
|
--boxshadow-default2: 0px 3px 4px rgba(0, 0, 0, .3);
|
|
}
|
|
|
|
/*icons*/
|
|
i[class^="ico_"]::after {display:inline-block; content:''; vertical-align:text-top;}
|
|
.ico_dir1, .ico_dir2 {display:inline-block; margin-right:4px; width:20px; height:100%; vertical-align:bottom;}
|
|
.ico_dir1 {background:url(../images/ico_dir1.svg) no-repeat center 8px, linear-gradient(180deg, rgba(146,208,68,1) 0%, rgba(156,206,93,1) 92%, rgba(135,181,77,1) 100%); background-size:8px;}
|
|
.ico_dir2 {background:url(../images/ico_dir2.svg) no-repeat center calc(100% - 8px), linear-gradient(180deg, rgba(178,126,210,1) 0%, rgba(149,99,180,1) 92%, rgba(126,78,156,1) 100%); background-size:8px;}
|
|
.ico_refresh::after {width:20px; height:20px; background:url(../images/ico_refresh.svg) no-repeat center / 20px;}
|
|
.ico_refresh.on::after {animation: refresh 0.5s linear forwards;}
|
|
@keyframes refresh {
|
|
100% {transform: rotate(360deg);}
|
|
}
|
|
.ico_article::after {width:14px; height:14px; background:url(../images/ico_article.svg) no-repeat center 2px / 14px;}
|
|
.ico_content_paste::after {width:14px; height:17px; background:url(../images/ico_content_paste.svg) no-repeat center 1px / 14px;}
|
|
.ico_call::after {width:14px; height:14px; background:url(../images/ico_call.svg) no-repeat center 3px / 12px;}
|
|
.ico_article_w::after,
|
|
.ico_people_w::after,
|
|
.ico_build_circle::after {width:16px; height:16px; margin-right:6px;}
|
|
.ico_article_w::after {background:url(../images/ico_article_w.svg) no-repeat center 1px/ 16px;}
|
|
.ico_people_w::after {background:url(../images/ico_people_w.svg) no-repeat center 1px/ 16px;}
|
|
.ico_build_circle::after {background:url(../images/ico_build_circle.svg) no-repeat center 1px/ 16px;}
|
|
.work_conts .ico_remark {margin-right: 6px;}
|
|
.work_conts .ico_remark::after {width:16px; height:16px; background:url(../images/icon_remark.svg) no-repeat center 1px/ 16px; color:#1e1e1e;}
|
|
.ico_wt1 {background-position:-3px 3px; background-image:url(../images/ico_wt1.svg);}
|
|
.ico_wt2 {background-position:5px 3px; background-image:url(../images/ico_wt2.svg)}
|
|
|
|
[class*="_hidden"] {display:none;}
|
|
.flt_r {float:right;}
|
|
.hidden {display:none;}
|
|
::-webkit-scrollbar {width:12px; height:8px; background:rgba(0, 0, 0, 0.1);}
|
|
::-webkit-scrollbar-thumb {border-radius:100px; background:rgba(0,0,0,0.2);}
|
|
::-webkit-scrollbar-thumb:hover {background:#888;}
|
|
|
|
.y_scroll {overflow-y:scroll; overflow-x: hidden;}
|
|
.wrapper {height:inherit;}
|
|
|
|
/* login */
|
|
#login {height:100vh; background:#f5f3ef url(../images/login_bg_full.png) center no-repeat; background-size:cover;}
|
|
.login_in {position:relative; width: 100%; height:calc(100vh - 220px); padding-top:100px; max-width:1440px; margin:0 auto;
|
|
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;
|
|
-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /* 수직 정렬 */
|
|
-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; /* 수평 정렬 */ }
|
|
.login_top_box {position:absolute; top:0; left:0; width:132px; height:60px; background:var(--color-primary700); padding-top:70px; text-align:center; box-shadow:1px 4px 4px rgba(0, 0, 0, 0.2);}
|
|
.login_top_box img {width:65%;}
|
|
.login_form {position:relative; display:flex; justify-content: space-between; width:916px; _background:url(../images/login_ico_bg.png) top right no-repeat; background-size:200px;}
|
|
.login_form::before {animation: fadeInLeft 3s; animation-iteration-count:infinite; content:''; display:block; position:absolute; top:8%; left:-220px; width:200px; height:200px; background:url(../images/object01.png) no-repeat; background-size:100%;}
|
|
.login_form::after {animation: fadeInLeft2 3s; animation-iteration-count:infinite; content:''; display:block; position:absolute; top:10%; left:-167px; width:150px; height:150px; background:url(../images/object02.png) no-repeat; background-size:100%;}
|
|
.login_form .login_tit {z-index:50; line-height:75px;}
|
|
.login_form .login_tit p {color:#21463d; letter-spacing:-1.5px;}
|
|
.login_form .login_tit p img {vertical-align:top;}
|
|
.login_form .login_tit p:nth-child(1) {position:relative; }
|
|
.login_form .login_tit p:nth-child(1)::after {content:''; display:block; animation: shake-bottom 5s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both; position:absolute; top:-30px; left:148px; width:30px; height:35px; background:url(../images/wifi.svg) center no-repeat; background-size:cover;}
|
|
.login_form .login_tit p:last-child {line-height:48px; font-size:54px; font-weight:200; color:#B2AA96;}
|
|
.login_form .form_box {width:346px; margin-top:8px;}
|
|
.login_form input {width:calc(100% - 22px); height:50px; padding:0 10px; border:1px solid #ccc7bc; color:#3d3321; background:#fff; font-size:14px; font-weight: bold; border-radius:4px 4px 0 0;}
|
|
.login_form input[type="password"] {margin-top:-1px; border-radius:0 0 4px 4px;}
|
|
.login_form input::placeholder {font-size:14px; color:#c4bdb1; font-weight:bold; letter-spacing:-1.5px;}
|
|
.login_link {display:flex; flex:1; justify-content:flex-start; margin:10px 0 20px; color:#fff;}
|
|
.login_link a {flex-basis:100px; color:#999; line-height:20px; font-size:14px; transition: 0.5s;}
|
|
.login_link a:hover {color:#fff;}
|
|
.login_form > button {height:65px; font-size:18px; font-weight:bold; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);}
|
|
.btn_login {position:relative; width:100%; height:70px; margin-top:12px; background:linear-gradient(180deg, rgba(44,104,95,1) 0%, rgba(52,127,114,1) 92%, rgba(19,64,57,1) 100%); font-size:20px; font-weight:600; border:1px solid rgba(0, 0, 0, .6); border-radius:4px; color:#fff;}
|
|
.btn_login:hover {background:linear-gradient(180deg, rgba(32,90,81,1) 0%, rgba(35,99,88,1) 94%, rgba(13,47,41,1) 100%); }
|
|
.btn_join {width:calc(100% - 200px); text-align:right; background:none; color:#fff;}
|
|
|
|
@keyframes shake-bottom {
|
|
0%,
|
|
100% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
-webkit-transform-origin: 50% 100%;
|
|
transform-origin: 50% 100%;
|
|
}
|
|
10% {
|
|
-webkit-transform: rotate(2deg);
|
|
transform: rotate(2deg);
|
|
}
|
|
20%,
|
|
40%,
|
|
60% {
|
|
-webkit-transform: rotate(-4deg);
|
|
transform: rotate(-4deg);
|
|
}
|
|
30%,
|
|
50%,
|
|
70% {
|
|
-webkit-transform: rotate(4deg);
|
|
transform: rotate(4deg);
|
|
}
|
|
80% {
|
|
-webkit-transform: rotate(-2deg);
|
|
transform: rotate(-2deg);
|
|
}
|
|
90% {
|
|
-webkit-transform: rotate(2deg);
|
|
transform: rotate(2deg);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes fadeInLeft {
|
|
0% {
|
|
top: 0;
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
50% {
|
|
top: 0;
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
100% {
|
|
top: 0;
|
|
transform: translateZ(0);
|
|
}
|
|
}
|
|
|
|
@keyframes fadeInLeft2 {
|
|
0% {
|
|
top: 0;
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
50% {
|
|
top: -5px;
|
|
transform: translateZ(0);
|
|
}
|
|
|
|
100% {
|
|
top: 0;
|
|
transform: translateZ(0);
|
|
}
|
|
}
|
|
|
|
.line {min-width:480px; max-width:2000px; width:calc(100% - 23%); height: 1px; background-color:rgba(255, 255, 255, .3); position:absolute; top:calc(50% + 33px); right:0%; overflow: hidden;}
|
|
.line::after {content: ""; display: block; position: absolute; height: 100%; width: 8rem; top: 50%; right: -8rem; transform: translate(0, -50%); background: linear-gradient(to right,rgba(160, 145, 105, 15), transparent);}
|
|
.line::after {-webkit-animation: drop 3s ease-in-out infinite; animation: drop 3s ease-in-out infinite;}
|
|
@-webkit-keyframes drop {
|
|
0% {left: 0%;}
|
|
100% {left: 110%;}
|
|
}
|
|
|
|
@keyframes drop {
|
|
0% {left: -50%;}
|
|
100% {left: 110%;}
|
|
}
|
|
|
|
/*header*/
|
|
.header {display:flex; align-items:stretch; position:fixed; z-index:1000; width:100%; height:53px; background: url(../images/logo_bg.png) no-repeat left top / 164px 53px, linear-gradient(180deg, #342E1D 0%, #342E1D 92%, rgba(52, 46, 29, 0) 92%, rgba(52, 46, 29, 0) 100%);}
|
|
.header .h_1 {width:332px; height:53px; background: url(../images/logo_w.png) no-repeat 46px center / 67px 27px; font-weight:300; font-size: 16px; color: #DEDACE;}
|
|
.header .ci {display: flex; align-items: center; width:162px; height:49px; padding-left:164px; color: #DEDACE;}
|
|
.header .ci b {font-weight: 700;}
|
|
.header .ci span {margin-top:1px; font-weight:300;}
|
|
.header .h_2 {display:flow-root; overflow:hidden; display:flex; justify-content:center; align-items:center; width:calc(100% - 664px); text-align:center; height:49px; padding-left:20px; padding-right:20px; font-weight:700; font-size:16px; text-overflow:ellipsis; color:#fff; box-sizing:border-box; transition:all .3s;}
|
|
.header .a_home_project {float:left; display:inline-block; flex-shrink:0; width:40px; height:40px; border-radius:2px; background:url(../images/icon_home.png) no-repeat center / 20px; cursor:pointer;}
|
|
.header .a_home_project:hover {background-color:rgba(255,255,255,0.3);}
|
|
.header .a_project_list {float:left; text-align:left; display:inline-block; padding:8px; border-radius:2px; margin:auto 0; overflow:hidden; text-overflow:ellipsis; color:#fff; white-space:nowrap;}
|
|
.header .a_project_list:hover {background-color:rgba(255,255,255,0.3);}
|
|
.header .project_item {display:inline-block; flex-shrink:0; height:24px; margin:auto 0; margin-right:8px; padding:0 8px; text-align:center; border-radius:2px; background-color:#fff; font-weight:700; font-size:13px; line-height:24px; color:#342E1D; white-space:nowrap;}
|
|
|
|
@media (max-width:1440px) {
|
|
.header .h_2 {justify-content:left;}
|
|
.header .project_tit {overflow:hidden; width:calc(100% - 148px);}
|
|
}
|
|
.account_wrap {width:332px; height:49px; line-height:49px; color:#C7C2B4;}
|
|
.account_wrap a {cursor:pointer; color:#C7C2B4;}
|
|
.account_wrap span {font-weight: 700; font-size:12px;}
|
|
.account_wrap .member_company {position:relative; padding-left:20px;}
|
|
.account_wrap .member_company::before {display:block; content: ''; position: absolute; top:1px; left:0; width:16px; height:16px; background: url(../images/icon_user.png) no-repeat center / 16px;}
|
|
.account_wrap .member_name {position:relative; margin-left:17px;}
|
|
.account_wrap .member_name::before{display:block; content:''; position:absolute; top:5px; left:-9px; width:1px; height:10px; background-color: #C7C2B4;}
|
|
.agent_badge {width:fit-content; height: 15px; margin:0 24px 0 8px; padding:1px 4px 2px; border-radius: 2px; background-color: #D05C26; font-weight:700; font-size: 9px; line-height:15px; color:#fff; vertical-align:middle;}
|
|
.member_logout {height:32px; padding-left:8px; padding-right:8px; border-radius:2px; font-size: 11px; color:#C7C2B4;}
|
|
.member_logout:hover {background-color:#C7C2B4; font-weight:600; color:#342E1D;}
|
|
|
|
.wrapper > [class^="main"]{position: relative; height:calc(100% - 49px); padding-top:49px;}
|
|
|
|
/* 사업리스트 */
|
|
.main_project {height:calc(100vh - 500px); overflow-y:auto;}
|
|
.project_top {position:relative; display:flex; justify-content:center;}
|
|
.btn_registration {position:absolute; top:50%; right:4%; height:50px; line-height:50px; transform:translateY(-50%); font-size:16px; padding:0 36px; color:#fff; font-weight:500; background:linear-gradient(180deg, rgba(255,118,41,1) 0%, rgba(236,85,0,1) 93%, rgba(189,68,0,1) 100%); box-shadow:var(--boxshadow-default2); border:1px solid rgba(0, 0, 0, .1); border-radius:2px;}
|
|
.btn_registration:hover {background:linear-gradient(180deg, rgba(255,109,27,1) 0%, rgba(189,68,0,1) 93%, rgba(168,60,0,1) 100%);}
|
|
.project_srch_wrap {display:flex; align-items:center; margin:2.5% 0; padding:0 0 0 30px; height:50px; width:50%; border-radius:30px; border:1px solid var(--color-primary700); box-shadow:0 0 4px rgba(0, 0, 0, .3);}
|
|
.project_srch_wrap span {display:inline-block; width:100px; font-size:14px; color:var(--color-gray500);}
|
|
.project_srch_wrap select {width:120px; margin-right:20px; height:40px; line-height:40px; font-weight:600; border:0;}
|
|
.project_srch_wrap input {border:0; width:100%; height:50px; padding:0 12px; font-size:16px; color:var(--color-gray900); font-weight:600; }
|
|
.project_srch_wrap input::placeholder {font-size:16px;}
|
|
.btn_project_srch {width:210px; height:50px; padding-left:34px; background:url(../images/btn_srch_bg.svg) center right no-repeat; border:0; color:#fff; font-size:18px; font-weight:500; border-radius:0 99px 99px 0; box-shadow:none;}
|
|
.btn_project_srch img {width:16px; height:16px; margin:0 6px 2px 0; filter:var(--filter-white);}
|
|
.project_list_wrap {min-height:calc(100vh - 290px);}
|
|
.project_list {display:flex; flex-wrap:wrap;}
|
|
.project_list > li {position:relative; width:calc(33.333% - 18px); margin:0 24px 24px 0; background:var(--gradient-gray10); border-radius:8px; border:1px solid rgba(0, 0, 0, .05); box-sizing:border-box; transition: .3s;}
|
|
.project_list > li a {display:block; padding:6%;}
|
|
.project_list > li:nth-child(3n) {margin-right:0;}
|
|
.project_list > li:hover {background:#fff; box-shadow:0 0 4px rgba(0, 0, 0, .3);}
|
|
|
|
.project_list > li.ongoing {border-top:3px solid var(--color-accent500);}
|
|
.project_list > li.ongoing .project_list_top em {color:var(--color-accent500);}
|
|
.project_list > li.finish {border-top:3px solid var(--color-gray400);}
|
|
.project_list > li.finish .project_list_top em {color:var(--color-gray400);}
|
|
.project_list h2 {margin-top:16px; color:var(--color-secondary700);}
|
|
.project_list h2::before {content:''; display:inline-block; background:url(../images/icon_bul.svg) no-repeat; width:14px; height:20px; margin-right:8px;}
|
|
.project_list_top {position:relative;}
|
|
.project_list_top .project_date {position:absolute; top:0; right:0; font-size:16px; color:#999;}
|
|
.project_list_top .project_date span:first-child {display:inline-block; margin-right:8px; font-weight:600;}
|
|
.project_sub_title {margin-top:4px; font-size:18px; font-weight:500;}
|
|
.project_detail_list {margin-top:4%; font-size:14px;}
|
|
.project_detail_list li {display:flow-root; margin-top:2px;}
|
|
.project_detail_list span {float:left; display:inline-block; width:76px; height:22px; color:#b4b4b4; font-weight:500; text-align:justify; margin-right:12px;}
|
|
.project_detail_list span::after {content:''; display:inline-block; width:100%;}
|
|
.project_detail_list li p {float:left;}
|
|
.project_botton_wrap {display:flex; gap:4px; margin-top:24px;}
|
|
.project_botton_wrap button {height:40px; color:#fff; font-size:16px; font-weight:500; border-radius:2px; border:1px solid rgba(0, 0, 0, .3); box-shadow:0px 1px 4px rgba(0, 0, 0, .5);}
|
|
.project_botton_wrap .btn_projrect_edit {width:100%; background:var(--gradient-secondary);}
|
|
.project_botton_wrap .btn_projrect_edit:hover {width:100%; background:var(--gradient-secondary-h);}
|
|
.project_botton_wrap .btn_projrect_admin {width:100%; background:var(--gradient-primary);}
|
|
.project_botton_wrap .btn_projrect_admin:hover {background:var(--gradient-primary-h);}
|
|
.project_botton_wrap button img, .btn_registration img {width:12px; height:12px; margin:0 8px 2px 0; filter:var(--filter-white);}
|
|
|
|
.btn_atd_file {flex-shrink:0; border: 1px solid rgba(0, 0, 0, 0.2); background:linear-gradient(180deg, #DBD0BC 0%, #C1B6A1 100%); color:#615236; text-indent:12px;}
|
|
.btn_atd_file::before {display:inline-block; content:''; width:12px; height:18px; margin-right:4px; transform:translateY(3px); background:url(../images/ico_attachment.svg) no-repeat center / 18px;}
|
|
.btn_atd_file:hover {background:linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 100%), linear-gradient(180deg, #DBD0BC 0%, #C1B6A1 100%);}
|
|
|
|
/* 조달현황 > 부재요청조회 */
|
|
.procurement_list {display:flex; gap:2px; height:440px; justify-content:space-around; flex-flow:column wrap; align-content:flex-start;}
|
|
.procurement_list li {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#EDEDED; height:215px; min-width:60%; min-width:30px; margin-right:4px;}
|
|
.procurement_list li .girdermap {background:#EDEDED;}
|
|
.procurement_list li p {height:26px; line-height:26px;}
|
|
|
|
.procurement .btn_save_excel {height:32px; padding:0 8px 0 32px; font-weight:500; font-size:13px; border:1px solid rgba(0, 0, 0, 0.30); border-radius:2px; box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.25); margin-left:20px; padding-left:32px; background:url(../images/ico_excel.svg) no-repeat 6px center, linear-gradient(180deg, #3C8277 0%, #397D73 80%, #216056 100%); color: #fff;}
|
|
.procurement .btn_save_excel:hover {background:url(../images/ico_excel.svg) no-repeat 6px center, linear-gradient(180deg, #38746B 0%, #38746B 80%, #1B4B44 100%);}
|
|
|
|
.procurement h4 {font-size:18px;}
|
|
.procurement .table_wrap .asmt_wrap {width:65%;}
|
|
.procurement .table_wrap .asmt_wrap h4 span::after {content:'\00B7'; display:inline-block; width:10px; text-align:center;}
|
|
.procurement .table_wrap .equipment_wrap {width:35%;}
|
|
.procurement .tb_container {margin-top:15px;}
|
|
.procurement .table_wrap {margin-top:30px; gap:24px;}
|
|
.procurement .table_wrap .tb_wrap {text-align:center; height:182px;}
|
|
.procurement .table_wrap .tb_wrap tr {cursor:default;}
|
|
.procurement .table_wrap .tb_wrap td {border-right:1px solid #ddd;}
|
|
.procurement .table_wrap .tb_wrap td div {display:flex; justify-content: center; align-items: center;}
|
|
.procurement .table_wrap .tb_wrap td div span {display:inline-block; padding:2px 8px; margin-right:20px; background:var(--color-asmt-takeout); color:#fff; font-size:12px; font-weight:500; border-radius:12px;}
|
|
.procurement .table_wrap .tb_container {position:relative; padding-top:50px; border-bottom:1px solid #ddd;}
|
|
.procurement .table_wrap .tb_fixed_header {position:absolute; top:0; left:0; right:0; height:50px; background:linear-gradient(180deg, rgba(243,241,241,1) 0%, rgba(221,221,221,1) 93%, rgba(201,201,201,1) 100%); border-top:2px solid #222; box-shadow:var(--boxshadow-default); text-align: center;}
|
|
.procurement .table_wrap .tb1 .tb_fixed div {position:absolute; top:1px; line-height:50px; display:inline-block; transform:translate(-50%); margin-left:-1px; font-size:15px; font-weight:600; color:#222; border-right:1px solid rgba(0, 0, 0 ,.2);}
|
|
.procurement .table_wrap h5 {}
|
|
.procurement .asmt .asmt_request div {width:30%; padding-left:7%; box-sizing:border-box;}
|
|
.procurement .asmt .asmt_takeout div {width:30%; padding-left:7%; box-sizing:border-box;}
|
|
.procurement .asmt .asmt_takeout.checked div {width:30%; padding-left:7%; box-sizing:border-box; border-right:none !important;}
|
|
.procurement .asmt .tb_fixed div::before {content:''; display:inline-block; width:16px; height:16px; margin-right:5px; border-radius:2px;}
|
|
.procurement .asmt .asmt_request div::before {background:var(--color-asmt-request);}
|
|
.procurement .asmt .asmt_takeout div::before {background:var(--color-asmt-takeout);}
|
|
.procurement .asmt .asmt_takeout.checked div::before {position:relative; background:#fff url(../images/ico_checked.svg) center no-repeat; background-size:70%; box-shadow:0 0 0 2px var(--color-asmt-takeout) inset;}
|
|
|
|
/* 기자재 반입 */
|
|
.equipment_wrap {width:35%;}
|
|
.equipment_wrap h4 {display:flex; justify-content:space-between;}
|
|
.equipment_wrap h4 .btn_register, .asmt_takeout.checked div .btn_register {margin-right:0;}
|
|
.tb_fixed .btn_register {margin-top:9px !important;}
|
|
.btn_register {display:inline-block; height:32px; margin-right:10px; padding:0 10px; line-height:32px; background:linear-gradient(180deg, #38746B 0%, #38746B 80%, #1B4B44 100%); color:#fff; font-weight:500; font-size:14px; border-radius:2px; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25); cursor:pointer;}
|
|
.btn_register:hover {color:#fff;}
|
|
.btn_register::after {display:none;}
|
|
.tb_container.equipment .tb_fixed div {border-right:none !important;}
|
|
.tb_container.equipment tr:hover td a {background:rgba(45,119,108,.2);}
|
|
.equipment_wrap .tb_container {margin-top:8px;}
|
|
.pop_equipment {display:flex; justify-content:space-between; align-items:center; margin:0 2%; padding:4px 0; line-height:20px; box-sizing:border-box;}
|
|
.pop_equipment p:first-child {letter-spacing:0.5px;}
|
|
.pop_equipment .file::before {display:inline-block; content:''; width:16px; height:16px; vertical-align:middle; background:url(../images/ico_file.svg) center no-repeat;}
|
|
.pop_equipment p:nth-child(1) {width:27%; text-align:right;}
|
|
.pop_equipment p:nth-child(2) {width:24%; text-align:center;}
|
|
.pop_equipment p:nth-child(3) {width:15%; text-align:center;}
|
|
.pop_equipment p:nth-child(4) {width:16%; text-align:center;}
|
|
.pop_equipment p:nth-child(5) {width:18%; text-align:center;}
|
|
.btn_asmt_popup {display:inline-block; padding:4px 20px; border-radius:2px; letter-spacing:0.5px;}
|
|
.btn_asmt_popup:hover {background:rgba(45,119,108,.2);}
|
|
.btn_asmt_popup::after, .pop_equipment p:first-child::after {content:''; display:inline-block; vertical-align:middle; width:16px; height:16px; margin-left:10px; background:url(../images/ico_pop.svg) center no-repeat;}
|
|
.btn_excel_view {display:inline-block; width:20px; height:20px; padding:4px; background:url(../images/ico_excel_f.svg) center no-repeat;}
|
|
.btn_excel_view:hover {background:rgba(45,119,108,.2) url(../images/ico_excel_f.svg) center no-repeat;}
|
|
.pop_equipment.view td {height:36px;}
|
|
.procurement .asmt div a {_margin:0 10px 0 0; float:right;}
|
|
.popup_wrap.asmt .popup_tit {display:flex; align-items:center; position:relative;}
|
|
.popup_wrap.asmt .popup_tit::before {content:''; display:inline-block; width:20px; height:20px; margin-right:8px; border-radius:4px;}
|
|
.popup_wrap.asmt.request .popup_tit::before {background:var(--color-asmt-request);}
|
|
.popup_wrap.asmt.takeout .popup_tit::before {background:var(--color-asmt-takeout);}
|
|
.popup_wrap.asmt.checked .popup_tit::before {background:#fff; box-shadow:0 0 0 3px var(--color-asmt-takeout) inset; }
|
|
.popup_wrap.asmt.checked .popup_tit::after {content:'\2713'; display:block; position:absolute; top:2px; left:5px; color:var(--color-accent500); font-size:14px; font-weight:bold;}
|
|
.popup_wrap.asmt .popup_content {border-top:1px solid #666;}
|
|
.popup_wrap .popup_content.input .asmt_request_list li {border:1px solid #9F9F9F;}
|
|
.popup_wrap .popup_content.input .girdermap td:not(.none) {cursor:pointer;}
|
|
|
|
.popup_content_in {overflow-y:auto;}
|
|
.pop_top_wrap {display:flex; align-items: center; justify-content:space-between; margin-bottom:20px; padding:0 40px; border-bottom:1px solid #ddd; min-height:110px;}
|
|
.pop_srch {display:flex; align-items:flex-start; gap:60px; padding:20px 0;}
|
|
.pop_srch li div {display:flex;}
|
|
.pop_srch li div p {font-weight:600;}
|
|
.pop_srch li span {min-width:50px; font-weight:500; color:#888; margin-right:20px;}
|
|
.pop_srch li select, .pop_srch li input {font-size:16px; font-weight:600; border:1px solid #ededed; padding:2px 12px;}
|
|
.pop_srch li div:nth-child(2) {margin-top:4px;}
|
|
.pop_count_wrap {display:flex; gap:12px; text-align:center;}
|
|
.pop_count_wrap li {width:170px;}
|
|
.pop_count_wrap li .pop_count {display:flex; justify-content:center; color:#888; font-size:16px; }
|
|
.pop_count_wrap li .pop_count em {display:inline-block; margin-right:4px; font-size:20px; font-weight:700;}
|
|
.pop_count_wrap li .pop_count .plus::before {content:'+'; display:inline-block; margin:0 10px; width:16px; height:16px; line-height:16px; border-radius:20px; color:#fff;}
|
|
.pop_count_wrap span {display:block; width:100%; margin-bottom:4px; padding:4px 0; border-radius:4px; color:#fff; font-weight:600;}
|
|
|
|
.sub_in.procurement.asmt > div:first-child {display:flex; justify-content:space-between; align-items:center; padding:10px 0;}
|
|
.legend_wrap {display:flex;}
|
|
.procurement_list_wrap {overflow-x:auto;}
|
|
|
|
.procurement.asmt.request .pop_count_wrap span,
|
|
.procurement.asmt.request .pop_count_wrap li .pop_count .plus::before {background:var(--color-asmt-request);}
|
|
.procurement.asmt.request .pop_count_wrap li .pop_count .plus {color:var(--color-asmt-request);}
|
|
.procurement.asmt.takeout .pop_count_wrap span,
|
|
.procurement.asmt.takeout .pop_count_wrap li .pop_count .plus::before {background:var(--color-asmt-takeout);}
|
|
.procurement.asmt.takeout .pop_count_wrap li .pop_count .plus {color:var(--color-asmt-takeout);}
|
|
.procurement.asmt.checked .pop_count_wrap span {background:var(--color-asmt-takeout); position: relative;}
|
|
.procurement.asmt.checked .pop_count_wrap li .pop_count .plus::before {background:var(--color-asmt-takeout);}
|
|
.procurement.asmt.checked .pop_count_wrap li .pop_count .plus {color:var(--color-asmt-takeout);}
|
|
.procurement.asmt.checked .pop_count_wrap span::before {content:''; display:inline-block; position:absolute; top:5px; left:5px; width:20px; height:20px; margin-right:8px; border-radius:4px; background:#fff; box-shadow:0, 0, 0, 3px var(--color-asmt-takeout) inset;}
|
|
.procurement.asmt.checked .pop_count_wrap span::after {content:'\2713'; display:inline-block; position:absolute; top:4px; left:10px; color:var(--color-accent500); font-size:14px; font-weight:bold;}
|
|
/* 조달현황 > 부재요청조회 > 범례 */
|
|
.procurement .legend {display:flex; align-items:center; font-size:11px; color:#000; background:#fff; border-radius:2px;}
|
|
.procurement .legend span {position:relative; display:inline-block; display:flex; align-items:center; margin-left:16px;}
|
|
.procurement .legend span::before {content:''; display:inline-block; width:16px; height:16px; margin-right:6px; background:#ddd; border-radius:2px;}
|
|
.procurement .legend span.asmt_request::before {background:var(--color-asmt-request);}
|
|
.procurement .legend span.asmt_takeout::before {background:var(--color-asmt-takeout);}
|
|
.procurement .legend span.asmt_takeout.checked {position:relative;}
|
|
.procurement .legend span.asmt_takeout.checked::before {background:#fff; box-shadow: 0 0 0 2px var(--color-asmt-takeout) inset; }
|
|
.procurement .legend span.asmt_takeout.checked::after {content:'\2713'; display:block; position:absolute; top:0; left:5px; color:var(--color-accent500); font-weight:bold;}
|
|
|
|
.btn_reset {display:block; margin-left:10px; width:24px; height:24px; background:#eee url(../images/icon_reset.svg) center no-repeat; border:1px solid rgba(0, 0, 0, .2); border-radius:2px; cursor:pointer;}
|
|
|
|
.popup_wrap.asmt {}
|
|
.procurement .asmt_request_list {display:flex; gap:2px;}
|
|
.procurement .asmt_request_list li {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#ededed; height:225px; _width:60%; margin-right:4px; border-radius:4px;}
|
|
.procurement.asmt .girdermap td.none {background:#ededed;}
|
|
.procurement.asmt .girdermap td.jweb {padding:0 6px;}
|
|
.procurement.asmt .girdermap td.nodule {height:74px; padding:10px 0 0;}
|
|
.procurement.asmt .girdermap td.endblock {min-width:55px; }
|
|
.procurement.asmt .girdermap td.asmt2 i {display:none;}
|
|
|
|
/* border 추가 */
|
|
.procurement.asmt .girdermap td.jweb b {display:none; position:absolute; top:-4px; left:-2px; width:calc(100% + 3px); height:calc(100% + 8px); border-top:5px solid rgba(208,50,0,1); background-color:rgba(0, 0, 0, .0); border-bottom:5px solid rgba(208,50,0,1); box-sizing: border-box; z-index:1000;}
|
|
.procurement.asmt .girdermap td.jweb b::before {top:-5px; left:-16px; width:16px; height:calc(100% + 10px); border:5px solid rgba(208,50,0,1); border-right:none; z-index:1000; background-color:rgba(0, 0, 0, .0); box-sizing:border-box;}
|
|
.procurement.asmt .girdermap td.jweb b::after {top:-5px; right:-16px; width:16px; height:calc(100% + 10px); border:5px solid rgba(208,50,0,1); border-left:none; background-color:rgba(0, 0, 0, .0); box-sizing:border-box; z-index:1000; }
|
|
.procurement.asmt .girdermap td.nodule b {display:none; position:absolute; top:-1px; left:-4px; z-index:10; width:calc(100% - 2px); height:calc(100% - 8px); background-color:rgba(0, 0, 0, .0); border:5px solid rgba(208,50,0,1);}
|
|
.procurement.asmt .girdermap td.endblock b {display:none; position:absolute; top:-1px; left:-4px; z-index:10; width:calc(100% - 2px); height:calc(100% + 2px); border:5px solid rgba(208,50,0,1); border-top:none; border-bottom:none; background-color:rgba(0, 0, 0, .0); z-index:1000;}
|
|
.procurement.asmt .girdermap td.endblock b::before {content:''; display:block; position:absolute; top:-4px; left:-5px; content:''; display:inline-block; width:100%; height:4px; background:rgba(0, 0, 0, .0); border:5px solid rgba(208,50,0,1); border-bottom:0; z-index:1000;}
|
|
.procurement.asmt .girdermap td.endblock b::after {content:''; display:block; position:absolute; bottom:-4px; left:-5px; content:''; display:inline-block; width:100%; height:4px; background:rgba(0, 0, 0, .0); border:5px solid rgba(208,50,0,1); border-top:0; z-index:1000;}
|
|
|
|
.procurement.asmt.request .girdermap td:hover:not(.asmt1, .asmt2) b,
|
|
.procurement.asmt.request .girdermap td:not(.asmt1, .asmt2) b.on {display:block;}
|
|
.procurement.asmt.takeout .girdermap td.asmt1:not(.asmt2):hover b, .procurement.asmt.takeout .girdermap td.asmt1 b.on {display:block;}
|
|
.procurement.asmt.checked .girdermap td.asmt2:not(.checked):hover b, .procurement.asmt.checked .girdermap td.asmt2 b.on {display:block;}
|
|
|
|
.procurement.asmt .girdermap td.asmt1.on {animation:asmt1 .6s ease-in-out infinite alternate;}
|
|
.procurement.asmt .girdermap td.asmt1.on::before, .procurement.asmt .girdermap td.asmt1.on:after {animation:asmt1 .6s ease-in-out infinite alternate;}
|
|
.procurement.asmt .girdermap td.asmt2.on {animation:asmt2 .6s ease-in-out infinite alternate;}
|
|
.procurement.asmt .girdermap td.asmt2.on::before, .procurement.asmt .girdermap td.asmt2.on:after {animation:asmt2 .6s ease-in-out infinite alternate;}
|
|
.procurement.asmt .girdermap td.asmt2.checked.on > i {animation:asmt3 .6s ease-in-out infinite alternate;}
|
|
.procurement.asmt .girdermap td.asmt2.checked.on,
|
|
.procurement.asmt .girdermap td.asmt2.checked.on::before,
|
|
.procurement.asmt .girdermap td.asmt2.checked.on::after {animation:none; background:var(--color-asmt-takeout);}
|
|
.procurement.asmt .girdermap td.asmt2.checked.on {}
|
|
/* 거더별 진행률 > 모식도 상세 */
|
|
/* 깜빡이는 애니메이션 */
|
|
@keyframes asmt1{
|
|
0% {background:#DA93B5; color:var(--color-asmt-request);}
|
|
100% {background:1; color:#fff;}
|
|
}
|
|
@keyframes asmt2{
|
|
0% {background:#7271AB; color:var(--color-asmt-takeout);}
|
|
100% {background:1; color:#fff;}
|
|
}
|
|
@keyframes asmt3{
|
|
0% {opacity:.2;}
|
|
100% {opacity:1;}
|
|
}
|
|
|
|
/* 반입확인 */
|
|
.procurement.asmt.girdermap td.asmt2.checked {position:relative;}
|
|
.procurement.asmt .girdermap td.asmt2.checked i {position:absolute; border-radius:2px; display:inline-block; width:16px; height:16px; background:#fff;}
|
|
.procurement.asmt .girdermap td.asmt2.checked i::before {content:'\2713'; display:block; color:var(--color-accent500); text-align:center; padding-top:2px;}
|
|
.procurement.asmt .girdermap td.jweb.asmt2.checked {text-align:left; padding:0 0 0 12px;}
|
|
.procurement.asmt .girdermap td.jweb.asmt2.checked i {top:6.5px; left:-10px;}
|
|
.procurement.asmt .girdermap td.nodule.asmt2.checked {padding:5px 0 0 0;}
|
|
.procurement.asmt .girdermap td.nodule.asmt2.checked i {top:12px; left:50%; transform:translateX(-50%);}
|
|
.procurement.asmt .girdermap td.endblock.asmt2.checked i {top:calc(50% - 26px); left:50%; transform:translate(-50%, -50%);}
|
|
|
|
/* 기자재등록 pop */
|
|
.equipment .date {border: none;}
|
|
.equipment .date_box {border: 1px solid var(--color-gray300); position: relative; border-radius: 2px; width: 100%;}
|
|
.equipment .date_box label {position: absolute; top: 0; right: 0; width: 36px; height: 36px; background-color: var(--color-gray100); background-image: url(../images/ico_calendar.svg); background-position: center; background-repeat: no-repeat; background-size: 16px;}
|
|
.equipment .date_box input[type="date"] {position: relative;}
|
|
.equipment .date_box input[type="date"]::-webkit-clear-button,
|
|
.equipment .date_box input[type="date"]::-webkit-inner-spin-button {display: none;}
|
|
.equipment .date_box input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: transparent; color: transparent;}
|
|
.equipment .date_box input[type="date"]::before {content: attr(data-placeholder); width: 100%;}
|
|
.equipment .date_box input[type="date"]:valid::before {display: none;}
|
|
.equipment .date_box input[data-placeholder]::before {color: var(--color-gray500);}
|
|
.equipment .date span {margin: 0 12px;}
|
|
|
|
|
|
/* 부재현황 pop */
|
|
.popup_wrap.view_data, .popup_wrap.asmt {position:absolute; top:calc(50% + 20px); left: 50%; width:calc(100% - 80px); _height:calc(100% - 120px);transform:translate(-50%, -50%); }
|
|
.popup_wrap.view_data .popup_content {border-top:1px solid #666; height:calc(100% - 30px); overflow-y:auto;}
|
|
.popup_wrap.view_data .popup_content > div {position:relative; overflow-x:auto;}
|
|
|
|
.popup_content div .asmt_request_list.dir1 {margin-bottom:30px;}
|
|
.h5_wrap {display:flex; justify-content:space-between; position:sticky; top:0px; left:0; height:30px; line-height:30px;}
|
|
.h5_wrap h5 {display:flex; align-items:center;}
|
|
.h5_wrap h5 i {margin-right:10px;}
|
|
.view_data_list {display:flex; gap:2px; height:336px; justify-content:space-around; flex-flow:column wrap; align-content:flex-start;}
|
|
.view_data_list li {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#EDEDED; height:164px; min-width:60%; min-width:30px; margin-right:4px;}
|
|
.view_data_list li p, .procurement .asmt_request_list li p, .procurement_list li p {position:absolute; top:0; left:0; width:26px; text-align:center; font-size:13px; border-bottom-right-radius:2px; font-weight:600; z-index:10;}
|
|
.view_data_list.dir1 li p, .procurement .asmt_request_list.dir1 li p, .procurement_list.dir1 li p {background:linear-gradient(180deg, rgba(146,208,68,1) 0%, rgba(156,206,93,1) 92%, rgba(135,181,77,1) 100%)}
|
|
.view_data_list.dir2 li p, .procurement .asmt_request_list.dir2 li p, .procurement_list.dir2 li p {background:linear-gradient(180deg, rgba(178,126,210,1) 0%, rgba(149,99,180,1) 92%, rgba(126,78,156,1) 100%)}
|
|
|
|
.h5_wrap {margin:15px 0 12px;font-size:18px;}
|
|
.popup_wrap.view_data .girdermap, .popup_wrap.view_data .girdermap .none, .popup_wrap.asmt .girdermap {background:#EDEDED;}
|
|
.popup_wrap.view_data .girdermap .nodule, .procurement.asmt .nodule {height:52px}
|
|
.popup_wrap.view_data .girdermap td, .procurement.asmt .girdermap td {line-height:10px; font-size:12px; font-weight:700; color:#fff;}
|
|
.popup_wrap.view_data .girdermap td span, .procurement.asmt .girdermap td span {display:block; margin-top:2px; font-size:9px; font-weight:500;}
|
|
.popup_wrap.view_data .girdermap td.nodule, .procurement.asmt td.nodule,
|
|
.popup_wrap.view_data .girdermap td.endblock, .procurement.asmt td.endblock {min-width:34px;}
|
|
.popup_wrap.view_data .girdermap td.nodule span, .procurement.asmt td.nodule span {letter-spacing:-1px;}
|
|
.popup_wrap.view_data .girdermap td.jweb::before, .procurement.asmt td.jweb::before {left:-17px; width:17px;}
|
|
.popup_wrap.view_data .girdermap td.jweb::after, .procurement.asmt td.jweb::after {right:-17px; width:17px;}
|
|
|
|
@media screen and (min-width:2160px){ /* 4k 150%로 볼 경우 */
|
|
.view_data_list {height:510px;}
|
|
.view_data_list li {height:250px;}
|
|
.popup_wrap.view_data .girdermap .nodule {height:80px}
|
|
|
|
.asmt_request_list li {height:400px; width:60%; margin-right:4px;}
|
|
.asmt_request_list li p {width:40px; height:40px; line-height:40px; font-size:16px;}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*팝업*/
|
|
.dim {z-index:999; position:absolute; top:0; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
|
|
.popup_wrap {z-index:1000; position:absolute; top:50%; left:50%; height:fit-content; border:1px solid #000; border-radius:8px; background-color:#fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
|
|
.popup_wrap.item_report {top:unset; left:unset; right:20px; bottom:218px; width:364px; transform:translateX(150%);}
|
|
.item_report.rightin {animation: pop_rightin 0.3s ease-in forwards;}
|
|
.item_report.rightout {animation: pop_rightout 0.3s ease-in forwards;}
|
|
@keyframes pop_rightin {
|
|
100% {transform: translateX(0);}
|
|
}
|
|
@keyframes pop_rightout {
|
|
0% { transform: translateX(0); }
|
|
100% { transform: translateX(150%); }
|
|
}
|
|
.popup_in {width:calc(100% - 40px); height:calc(100% - 40px); margin: 20px auto;}
|
|
.popup_tit {height:22px; margin-bottom:10px; font-weight:700; font-size:22px; line-height:1; letter-spacing: -0.03em; user-select:none;}
|
|
.btn_close {position:absolute; top:20px; right:20px; width:18px; height:18px; background:url(../images/ico_clear.svg) no-repeat center / 18px;}
|
|
.btn_close:hover {background-image:url(../images/ico_clear_on.svg);}
|
|
.popup_wrap hgroup {display:flex; flex-wrap:wrap; justify-content:space-between}
|
|
.popup_wrap hgroup .item_quantity {padding-left:20px; font-weight:400; font-size:12px; letter-spacing:-0.05em; color:var(--color-gray500);}
|
|
.popup_wrap hgroup .item_quantity em::before {display:inline-block; content:''; width:1px; height:13px; transform:translate(-10px, -1px); background:var(--color-gray400); }
|
|
.popup_wrap hgroup .item_quantity {padding-right:2px; font-weight:600; font-size:18px; color:#EF6A1F;}
|
|
.popup_wrap .item_name {width:100%; height:24px; font-weight:500; font-size:14px; color:#E47643;}
|
|
.popup_wrap .item_name span:nth-child(n+2) {padding-left:2px; padding-right:2px;}
|
|
.popup_wrap .item_name span:nth-child(n+2)::before {display:inline-block; content:'-'; padding-right:2px; font-size:14px;}
|
|
.popup_content {margin-top:12px;}
|
|
|
|
.popup_in .btn_wrap {display:flex; justify-content:flex-end;}
|
|
|
|
/* 팝업: 하단버튼 */
|
|
.popup_wt_wrap .foot { display: flex; gap: 10px; justify-content: center; text-align: center; }
|
|
.popup_wt_wrap .btn_edit { width: 160px; height: 50px; margin-top: 20px; font-weight: 600; font-size: 16px; border-radius: 2px; box-shadow: 0px 2px 2px rgb(0 0 0 / 25%); }
|
|
.popup_wt_wrap .btn_edit.btn_regist { border: 1px solid rgba(0, 0, 0, 0.3); background: linear-gradient(180deg, #3C8277 0%, #236157 100%); color: #fff; }
|
|
.popup_wt_wrap .btn_edit.btn_regist:hover { background:linear-gradient(180deg, #347167 0%, #1c4e46 100%); }
|
|
.popup_wt_wrap .btn_edit.btn_cancel { border: 1px solid rgba(0, 0, 0, 0.4); background:linear-gradient(180deg, #F0F0F0 0%, #E1E0DE 100%); color: var(--color-gray800); }
|
|
.popup_wt_wrap .btn_edit.btn_cancel:hover { background:linear-gradient(180deg, #eee 0%, #ccc 100%); }
|
|
|
|
/* 버튼 */
|
|
.popup_wrap .btn_edit {border: 1px solid rgba(0, 0, 0, 0.3); background:linear-gradient(180deg, #2D776C 0%, #1F554D 100%); color:#fff;}
|
|
.popup_wrap .btn_edit:hover {background: linear-gradient(180deg, #347167 0%, #1c4e46 100%);}
|
|
.popup_wrap .btn_confirm {height:50px; margin-top:20px; padding-left:32px; padding-right:32px; border-radius:2px; background:linear-gradient(180deg, #2D776C 0%, #1F554D 100%); color:#fff; font-weight:700; font-size:16px; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25);}
|
|
.popup_wrap .btn_confirm:hover {background: linear-gradient(180deg, #347167 0%, #1c4e46 100%);}
|
|
.popup_wrap .btn_full {width:100%; height:50px; margin-top:20px; font-weight:600; font-size:16px; border-radius:2px; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25);}
|
|
.popup_wrap .btn_eye {width:24px; height:24px; background: url(../images/ico_eye.svg) no-repeat center / 24px;}
|
|
.popup_wrap .btn_eye.on {width:24px; height:24px; background: url(../images/ico_eye_on.svg) no-repeat center / 24px;}
|
|
.edit_user_info td .btn_eye {width:36px; height:36px;}
|
|
|
|
/* 사업등록 */
|
|
.ipt_box.spot .map {
|
|
display: none;
|
|
}
|
|
|
|
.ipt_box.spot .map.show .map_bg.show {
|
|
display:block;
|
|
}
|
|
/* 사업등록 - 공통 */
|
|
.popup_wrap.regist {width:520px; transform: translate(-50%, -50%);position: absolute; top: 50%; left: 50%;}
|
|
.popup_wrap.regist * {box-sizing: border-box;}
|
|
.regist .tbl_wrap {display: flex; width: 100%; gap: 4%; border-bottom: 1px solid var(--color-gray200);}
|
|
.regist .tbl_wrap input {text-align:left;}
|
|
.regist form {border-top:1px solid var(--color-gray900);}
|
|
.regist tr {border-bottom:1px solid var(--color-gray200);}
|
|
.regist td {padding-top:8px; padding-bottom:8px; font-weight:500; font-size:14px; letter-spacing:-0.5px;}
|
|
.popup_wrap.regist table tbody tr:last-child td {border: none;}
|
|
.regist input {width:100%; height:36px; padding-left:8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size:14px; outline: none;}
|
|
.regist input::placeholder {font-size: 14px; color:var(--color-gray500)}
|
|
.popup_wrap.regist input:focus, .popup_wrap.regist textarea:focus {border: 1px solid var(--color-accent500);}
|
|
.regist .ipt_box {display:flex; align-items: center; border:1px solid var(--color-gray300); background-color: #fff; border-radius:2px; position: relative; width: 100%;}
|
|
.regist .ipt_box input {border-radius:2px; border:0; font-size: 14px;}
|
|
.regist .tip_n {font-size: 11px; color: var(--color-gray500);}
|
|
.regist span.require {font-size: 11px; margin-left: 4px; color: var(--color-accent500);}
|
|
.regist span.option {font-size: 11px; margin-left: 4px; color: var(--color-gray500);}
|
|
.regist tr:last-of-type {border: none;}
|
|
.regist .upload {display: flex; flex-direction: column; gap: 4px; justify-content: center;}
|
|
.regist .upload span {width: 80px; color:var(--color-gray700); letter-spacing: -0.5px;}
|
|
.regist .upload.bim span {width: 150px;}
|
|
|
|
/* 사업등록 - 파일첨부btn, 파일삭제btn */
|
|
.regist .file {border: none; font-size: 14px;}
|
|
.regist .file input {border:1px solid var(--color-gray300);}
|
|
.regist .btn_atd_file {width: fit-content; width: 36px; height: 36px; padding-right: 12px; margin-left: 8px; border-radius: 2px; line-height:36px; box-shadow:0px 2px 2px rgb(0 0 0 / 20%); font-size: 12px;}
|
|
.regist .btn_delete {position: absolute; top: 50%; right: 50px; transform: translate(0, -50%); width: 18px; height: 18px; border-radius:2px; background:url(../images/ico_delete.svg) no-repeat center / 10px; font-size: 12px;}
|
|
.regist .btn_delete:hover {background-color: #FBDBDB;}
|
|
|
|
/* 사업등록 - 2. 사업명 */
|
|
.regist .regist_business {all:unset; width: 100%; resize: none; border: 1px solid var(--color-gray300); border-radius: 2px; height:50px; padding:4px 8px; box-sizing: border-box; display: block;}
|
|
|
|
/* 사업등록 - 3.위치 */
|
|
.regist .spot {border: none;}
|
|
.regist .spot input {border:1px solid var(--color-gray300);}
|
|
.regist .spot > button {width: fit-content; height: 36px; white-space: nowrap; font-size: 12px; letter-spacing: -0.05rem; color: var(--color-secondary500); font-weight: 500; background: linear-gradient(180deg, #FFFFFF 0%, rgba(224, 224, 224, 0.76) 100%); border: 1px solid var(--color-gray600); border-radius: 2px; padding: 0 10px; margin-left: 8px; box-shadow: 0 2px 2px #00000022; display: flex; justify-content: center; align-items: center; gap: 4px;}
|
|
.regist .spot > button:hover {background: linear-gradient(180deg, #E8E8E8 0%, #CDCDCD 100%);}
|
|
.regist .map {overflow:flow-root; position: absolute; top: 36px; right: 0; width:calc(100% + 28%); background-color: #fff; z-index: 100; border: 1px solid #000; border-radius: 2px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 16px; display: flex; flex-direction: column; align-items: center;}
|
|
.regist .spot > button.on {background: linear-gradient(180deg, #84735A 0%, #6A5739 100%); color: #fff;}
|
|
.regist .spot > button.on img {width: 14px;}
|
|
.regist .map_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000033; z-index: 50; display: none;}
|
|
.regist .map hgroup {display: flex; justify-content: space-between; align-items: center; width: 100%;}
|
|
.regist .map > div {margin-top: 8px; border-top: 1px solid #000; padding-bottom: 16px; border-bottom: 1px solid var(--color-gray300); width: 100%;}
|
|
.regist .map .img_map {width: 100%; height:176px; overflow: hidden;}
|
|
.regist .map .img_map img {width:100%;}
|
|
.regist .map div > p {font-weight: 500; margin: 12px 0; font-size:12px; color:var(--color-accent500);}
|
|
.regist .map .info_map {width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--color-gray500); font-weight: 500; line-height: 12px;}
|
|
.regist .map .info_map div {width: 32%; _padding-left: 8px;}
|
|
.regist .map .info_map span:last-child {all: unset; display: block; width: 100%; border: none; margin-top: 12px; height: fit-content; font-size: 16px; font-weight: 700; color: var(--color-primary700);}
|
|
.regist .map > button {float:right; background: linear-gradient(180deg, #3C8277 0%, #236157 100%); width:fit-content; height: 30px; color: #fff; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.3); margin-top: 16px; display: flex; justify-content: center; align-items: center; gap: 4px; padding: 0 16px;}
|
|
|
|
/* 사업등록 - 4. 기간 */
|
|
.regist .date {border: none;}
|
|
.regist .date_box {border: 1px solid var(--color-gray300); position: relative; border-radius: 2px; width: 100%;}
|
|
.regist .date_box label {position: absolute; top: 0; right: 0; width: 36px; height: 36px; background-color: var(--color-gray100); background-image: url(../images/ico_calendar.svg); background-position: center; background-repeat: no-repeat; background-size: 16px;}
|
|
.regist .date_box input[type="date"] {position: relative;}
|
|
.regist .date_box input[type="date"]::-webkit-clear-button,
|
|
.regist .date_box input[type="date"]::-webkit-inner-spin-button {display: none;}
|
|
.regist .date_box input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: transparent; color: transparent;}
|
|
.regist .date_box input[type="date"]::before {content: attr(data-placeholder); width: 100%;}
|
|
.regist .date_box input[type="date"]:valid::before {display: none;}
|
|
.regist .date_box input[data-placeholder]::before {color: var(--color-gray500);}
|
|
.regist .date span {margin: 0 12px;}
|
|
|
|
/* 사업등록 - 5. 원도급사/발주처 */
|
|
.regist .company {border: none; display: flex; justify-content: space-between; align-items: center;}
|
|
.regist .company .regist_contract:focus {border: initial;}
|
|
.regist .company span {margin: 0 12px;}
|
|
.regist .company button.btn_find {width: 36px; height: 100%; position: absolute; background-color: var(--color-gray100); top: 0; right: 0; background-image: url(../images/ico_search.svg); background-repeat: no-repeat; background-position: center; background-size: 14px;}
|
|
.regist .company .find_box {position: absolute; top: 37px; left: 0; z-index: 100; width: 100%; height: 100px; background-color: #fff; z-index: 100; border: 1px solid #000; border-radius: 2px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 4px; font-size: 13px; overflow-y: scroll; display: none;}
|
|
.regist .company .find_box ul li {width: 100%; height: 30px;}
|
|
.regist .company .find_box ul li a {width: 100%; height: 100%; display: flex; align-items: center; padding-left: 8px;}
|
|
.regist .company .find_box ul li:hover {background-color: var(--color-gray100);}
|
|
|
|
/* 사업등록 - 6. 프리펩 */
|
|
.regist .prefeb_wrap {width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px;}
|
|
.regist .prefeb_wrap .item_prefeb {width:calc(50% - 2px); font-size: 14px; text-align: left;}
|
|
.regist .prefeb_wrap .item_prefeb input[type="checkbox"] + label {gap: 6px; border:1px solid var(--color-gray300); width: 100%; height: 36px; background-color: var(--color-gray100); padding: 0 12px; border-radius: 2px; justify-content: flex-start;}
|
|
.regist .prefeb_wrap .item_prefeb input[type="checkbox"]:checked + label {background-color: var(--color-secondary500); border: 1px solid var(--color-secondary700); color: #fff;}
|
|
.regist .prefeb_wrap .item_prefeb input[type="checkbox"]:checked + label:before {color:var(--color-secondary700); background: #fff;}
|
|
|
|
/* 사업등록 - 7. 종평면도 */
|
|
.regist .radio_tap ul {display:flex; width:100%; gap:40px;}
|
|
.regist .radio_tap label {vertical-align: middle; font-size: 14px; padding-left: 4px; cursor:pointer;}
|
|
.regist .radio_tap input[type="radio"] {appearance: none; width: 14px; height: 14px; border-radius: 100%; border: max(2px, 0.1rem) solid var(--color--gray300); background-color: var(--color-gray300); padding: 0;}
|
|
.regist .radio_tap input[type="radio"]:checked {border: 0.25rem solid var(--color-secondary500); background-color: #fff;}
|
|
.regist .radio_tap input[type="radio"]:checked + label {color: var(--color-secondary500); font-weight: 700;}
|
|
.regist .radio_tap input[type="radio"]:disabled + label {opacity:0.2;}
|
|
|
|
/* 사업등록 - 8. 오른쪽 테이블 */
|
|
.regist .tit {border: none;}
|
|
.regist .tit div {font-weight: 700; font-size: 14px; padding: 8px 12px; border-bottom: 1px solid var(--color-gray300); background-color: #F9EBEB;}
|
|
.regist .tit.sec div {background-color: var(--color-gray100)}
|
|
.regist .tit .important {font-size: 12px; font-weight: 500; color: var(--color-deleteR); margin-left: 30px; position: relative;}
|
|
.regist .tit .important::after {position: absolute; content: ""; top: 50%; left: -18px; width: 14px; height: 14px; background: url(../images/ico_important.svg) no-repeat center; transform: translate(0, -45%); background-size: cover;}
|
|
|
|
|
|
/* 사업등록 - foot */
|
|
.regist .foot {position:relative; display:flex; justify-content:flex-end; align-items:flex-end;}
|
|
.regist .foot div {position:absolute; left:0; display:flex; gap:4px;}
|
|
.regist .foot div button {width:100px; height:40px; color:#fff; font-size:14px; font-weight:500; border-radius:2px; box-shadow:var(--boxshadow-default); border:1px solid rgba(0, 0, 0, .3);}
|
|
.regist .foot .btn_remove {background:linear-gradient(180deg, rgba(212,0,0,1) 0%, rgba(215,0,0,1) 90%, rgba(178,0,0,1) 100%);}
|
|
.regist .foot .btn_finish {background:linear-gradient(180deg, rgba(79,74,74,1) 0%, rgba(92,88,88,1) 90%, rgba(54,50,50,1) 100%);}
|
|
.regist .foot button {width: 160px; float: right;}
|
|
|
|
/* 사업수정 - div.foot 스타일 */
|
|
.regist .modify input {position: absolute; visibility: hidden;}
|
|
.regist .modify label {width: 30%; background-color: var(--color-gray100); border-radius: 2px; border: 1px solid var(--color-gray300); height: 50px; position: relative; display: flex; cursor: pointer;}
|
|
.regist .modify button {background: linear-gradient(180deg, rgba(160, 148, 113, 0.8) 0%, rgba(141, 132, 103, 0.8) 100%); color: #fff; border: 1px solid #00000077; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
|
|
.regist .modify button:hover {background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(160, 148, 113, 0.8) 0%, rgba(141, 132, 103, 0.8) 100%); }
|
|
|
|
|
|
/* 작업현황 */
|
|
.main2 {_display:flex;}
|
|
.main2.process {overflow-y:auto;}
|
|
.main2.process .main_in {display:flex; justify-content:space-between; width:94%; margin:0 auto; _height:inherit; padding:calc(30px - 8px) 0 30px;}
|
|
.main_in {display:flex; justify-content:space-between; width:94%; _height:calc(100% - 30px); margin:0 auto; padding:calc(30px - 8px) 0 30px;}
|
|
.main_left {width:500px; box-sizing:border-box; letter-spacing:-0.05em;}
|
|
.main_left_in {height:100%}
|
|
.main2 .h_4 {display:flow-root; margin:22px 0 12px; font-weight:700; font-size:19px; letter-spacing:-0.05em; user-select:none;}
|
|
.sub_in {width:94%; margin:0 auto; margin-top:24px;}
|
|
|
|
|
|
/* 메인 결재, 기안, 참조, 업무연락 */
|
|
.work_check {display:flex; margin-top:8px; gap:8px;}
|
|
.work_check > a {flex:1; display:block; height:65px; padding:10px 15px; border-radius:2px; border:1px solid #ddd; border-top:2px solid #222; background:linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(248,248,248,1) 92%, rgba(229,229,229,1) 100%); font-weight: 400; font-size: 14px; box-shadow:0px 2px 2px rgba(0, 0, 0, .1); box-sizing:border-box; transition:all .3s;}
|
|
/* .work_check > a:hover {border-color:var(--color-accent500); background-color:#e2e2e2; background-image:url(../images/ico_arrowr_acnt.svg); color:var(--color-accent500);} */
|
|
.work_check > a:hover > .check_num {color:var(--color-accent500);}
|
|
.work_check > a.new .check_tit::after {display: inline-block; content:''; width:14px; height:14px; margin-left:4px; background:url(../images/ico_new.svg) no-repeat center / cover;}
|
|
.work_check > a > span {display:block;}
|
|
.work_check > a > .check_num {font-weight:700; font-size: 20px; color:#1f1f1f; text-align:right;}
|
|
.work_check > a > .check_num::after {display:inline-block; content:'건'; font-weight: 400; font-size: 16px; text-align:left;}
|
|
|
|
/* checkbox 디자인
|
|
.checkbox_container input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
|
|
.checkbox_container input[type="checkbox"] + label {display:flex;align-items:center; justify-content:center; position:relative; height:100%; cursor:pointer; user-select: none;}
|
|
.checkbox_container input[type="checkbox"] + label:before {content:''; display: inline-block; cursor:pointer; width:14px; height:14px; font-weight:300; font-size:11px; line-height:14px; text-align:center; vertical-align: middle; border-radius:2px; border:1px solid #BDBDBD; background:#fff; box-sizing: border-box;}
|
|
.checkbox_container input[type="checkbox"]:checked + label:before {content: '\2714'; color:#fff; border:0; background:#d85413; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);}*/
|
|
|
|
|
|
/*버튼*/
|
|
.btn_view_more {float:right; margin-top:7px; font-weight:500; font-size:12px; color:var(--color-gray600); letter-spacing:-0.05em; cursor:pointer;}
|
|
.btn_view_more::after {display:inline-block; content:''; width:12px; height:12px; margin-left:4px; background:url(../images/ico_arrowr_black.svg) no-repeat center 3px / 6px; opacity:0.5;}
|
|
.btn_view_more:hover {color:var(--color-gray800);}
|
|
.btn_view_more:hover::after {background-image:url(../images/ico_arrowr_black.svg); opacity:0.8;}
|
|
.box_btn_pn button {width:26px; height:26px; border-radius:1px; background-color:#e9e9e9;}
|
|
.box_btn_pn button:hover,
|
|
.box_btn_pn button:hover::after {background-color:var(--color-gray300); opacity:1;}
|
|
.box_btn_pn .btn_prv {margin-right:2px;}
|
|
.box_btn_pn .btn_prv::after,
|
|
.box_btn_pn .btn_next::after {display:inline-block; content:'';width:24px; height:24px; opacity:0.5;}
|
|
.box_btn_pn .btn_prv::after {background: url(../images/ico_arrowl.svg) no-repeat center 7px / 8px;}
|
|
.box_btn_pn .btn_next::after {background: url(../images/ico_arrowr.svg) no-repeat center 7px / 8px;}
|
|
.btn_util {height:24px; padding:0 8px; border:1px solid #606060; border-radius:2px;background: linear-gradient(0deg, rgba(224, 224, 224, 0.76) 0%, rgba(217, 217, 217, 0) 112.5%); font-weight:400; font-size:12px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.25);}
|
|
.btn_util:hover {background: linear-gradient(180deg, #E8E8E8 0%, #CDCDCD 100%);}
|
|
|
|
/*작업사항*/
|
|
.main_right {width:calc(100% - 500px - 40px);}
|
|
/* .main_right_in {width:calc(100% - 24px); margin-left:24px;} */
|
|
|
|
.top_control_wrap {display:flex; justify-content:space-between; align-items:center; padding-top:30px; width:94%; margin:0 auto;}
|
|
.top_control_wrap h3, .weather h3 {font-size:26px; font-weight:700;}
|
|
.top_control_wrap h3 button {width:24px; height:24px;}
|
|
|
|
|
|
/* control bar */
|
|
.control_bar {position:relative; display:flex; justify-content:center; align-items:center; width:calc(100% - 400px); height:42px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); border-radius:6px;}
|
|
.control_bar.normal {background:linear-gradient(180deg, rgba(98,98,98,1) 0%, rgba(113,113,113,1) 94%, rgba(52,52,52,1) 100%);}
|
|
.control_bar.normal li.on a {color:#000;}
|
|
.control_bar.factory {background:linear-gradient(180deg, rgba(40,98,84,1) 0%, rgba(40,114,96,1) 78%, rgba(29,82,69,1) 100%);}
|
|
.control_bar.factory li.on a {color:#245D4F;}
|
|
.control_bar.field {background:linear-gradient(180deg, rgba(104,86,60,1) 0%, rgba(107,90,63,1) 93%, rgba(80,66,45,1) 100%);}
|
|
.control_bar.field li.on a {color:#411F00;}
|
|
|
|
.control_bar.up {background:linear-gradient(180deg, rgba(109,163,41,1) 0%, rgba(115,178,36,1) 93%, rgba(102,158,31,1) 100%);}
|
|
.control_bar.up i, .control_bar.down i {width:16px; height:30px; margin:0 10px 7px 0;}
|
|
.control_bar li a i {position:absolute; top:10px; left:10px; height:30px; border-radius:1px; background:#C9DDB1 url(../images/ico_dir2.svg) no-repeat center calc(100% - 8px);}
|
|
.control_bar.up li.on a {color:#6BA621; padding-left:45px}
|
|
.control_bar.up li.on a i {position:absolute; top:10px; left:10px; height:26px; border-radius:1px; background:url(../images/ico_dir1.svg) no-repeat center 8px, linear-gradient(180deg, rgba(146,208,68,1) 0%, rgba(156,206,93,1) 92%, rgba(135,181,77,1) 100%);}
|
|
|
|
.control_bar.down {background:linear-gradient(180deg, rgb(168 107 205) 0%, rgb(153 97 187) 93%, rgb(57 28 75) 100%);}
|
|
.control_bar.down li.on a {color:#955AB9;}
|
|
.control_bar.down li.on a i {position:absolute; top:10px; left:10px; height:30px; border-radius:1px; background:url(../images/ico_dir2.svg) no-repeat center calc(100% - 8px), linear-gradient(180deg, rgba(178,126,210,1) 0%, rgba(149,99,180,1) 92%, rgba(126,78,156,1) 100%);}
|
|
.control_bar.down li > a > i {background:#D8C4E4 url(../images/ico_dir1.svg) no-repeat center 8px;}
|
|
.control_bar.up .control_date, .control_bar.down .control_date {text-shadow:0px 0px 2px rgba(0, 0, 0, .4);}
|
|
|
|
.ico_dir1_1 {background:url(../images/ico_dir1.svg) no-repeat center 8px, linear-gradient(180deg, rgba(146,208,68,1) 0%, rgba(156,206,93,1) 92%, rgba(135,181,77,1) 100%); background-size:8px;}
|
|
.ico_dir2_1 {background:url(../images/ico_dir2.svg) no-repeat center calc(100% - 8px), linear-gradient(180deg, rgba(178,126,210,1) 0%, rgba(149,99,180,1) 92%, rgba(126,78,156,1) 100%); background-size:8px;}
|
|
|
|
|
|
.control_bar .control_tab {position:absolute; top:-2px; left:12px; display:flex; justify-content:flex-start;}
|
|
.control_bar .control_tab li {position:relative; height:46px; line-height:46px;}
|
|
.control_bar .control_tab li.on::before {content:''; display:inline-block; position:absolute; top:2px; left:50%; transform:translateX(-50%); width:40px; height:2px; background:#FA552E; border-radius:0 0 2px 2px;}
|
|
.control_bar .control_tab li a {display:block; height:46px; line-height:46px; padding:0 40px; color:rgba(255, 255, 255, .6); font-size:20px; font-weight:400;}
|
|
.control_bar .control_tab li.on a,
|
|
.control_bar .control_tab li.on span {line-height:46px; font-weight:600; border:2px solid #232525; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 85%, rgba(221,221,221,1) 100%); border-radius:6px; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);}
|
|
/* .control_bar .control_tab li:hover a {font-weight:500; color:rgba(255, 255, 255, .8);} */
|
|
.control_bar .control_tab li.on span {display: block; padding-left: 20px; padding-right: 20px; font-size: 20px;}
|
|
|
|
.control_bar.normal .control_date select {padding:0 12px; font-size:22px; color:#fff; font-weight:700; border:1px solid rgba(0, 0, 0, 0);}
|
|
.control_bar.normal .control_date select option {color:#222;}
|
|
|
|
.control_bar .control_date, .main_right_in .tit .control_date {display:flex; justify-content:center; align-items:center; color:#fff; font-weight:600; font-size:20px;}
|
|
.control_bar .control_date button {width:28px; height:28px; }
|
|
.control_calendar {display:inline-block; margin:0 0 0 8px; background:rgba(255, 255, 255, .2); border:1px solid rgba(0, 0, 0, .0); border-radius:2px;}
|
|
.control_calendar::before {content:''; display:inline-block; width:26px; height:26px; background:url(../images/icon_calendar_w.svg) center no-repeat;}
|
|
.control_calendar:hover {background:rgba(0, 0, 0, .1); border:1px solid rgba(0, 0, 0, .2);}
|
|
.control_date .btn_prev {margin-right:20px; opacity:.6;}
|
|
.control_date .btn_next {margin-left:20px; opacity:.6;}
|
|
.control_date .btn_prev::before {content:'\2039'; display:inline-block; font-size:28px; color:#fff; line-height:20px;}
|
|
.control_date .btn_next::before {content:'\203A'; display:inline-block; font-size:28px; color:#fff; line-height:20px;}
|
|
.control_date .btn_prev:hover, .control_date .btn_next:hover {background:rgba(0, 0, 0, .2); opacity:1;}
|
|
|
|
.btn_view_data {position:relative; width:75px; height:62px; line-height:62px; text-align:center; border-radius:2px; background:linear-gradient(180deg, rgba(255,118,41,1) 0%, rgba(236,85,0,1) 93%, rgba(189,68,0,1) 100%); border:1px solid #9F3900; font-weight:600; font-size:13px; color:#fff; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); box-sizing: border-box;}
|
|
.btn_view_data::after {content:''; position:absolute; top:4px; right:4px; display:inline-block; width:16px; height:16px; background:url(../images/icon_popup.svg) center no-repeat; background-size:16px; }
|
|
.btn_view_data:hover {background:linear-gradient(180deg, rgba(255,109,27,1) 0%, rgba(189,68,0,1) 93%, rgba(168,60,0,1) 100%);}
|
|
|
|
/* top 메뉴이동 */
|
|
.h3_wrap {position:relative;}
|
|
.top_menu {display:flex; align-items:center;}
|
|
.top_menu::after {content:''; display:inline-block; width:40px; height:40px; background:url(../images/icon_arr.svg) no-repeat; background-size:cover; margin:0 0 0 8px; transform:rotate(0deg); transition:.2s; }
|
|
.h3_wrap.on .top_menu::after {transform:rotate(180deg);}
|
|
.menu_wrap {display:none; opacity: 0; transition:.3s; position:absolute; top:50px; left:-10px; padding:10px; background:#fff; border-radius:10px; border:2px solid var(--color-primary700); box-shadow:var(--boxshadow-default2); z-index:100;}
|
|
.h3_wrap.on .menu_wrap {display:block; opacity: 1;}
|
|
.menu_list {}
|
|
.menu_list li.on a, .menu_list li:hover a {color:var(--color-primary700); background:#DCF6F0; font-weight:600; border-radius:4px;}
|
|
.menu_list li {font-size:18px; font-weight:500;}
|
|
.menu_list li a {display:block; padding:6px 20px; color:#999;}
|
|
|
|
.main2 h4 {font-size:18px;}
|
|
.h_4 .count {display:inline-block; padding:0 6px; margin-left:8px; background:var(--color-gray500); color:#fff; font-size:12px; font-weight:300; border-radius:20px;}
|
|
.h_4 .count em {display:inline-block; margin-right:2px; font-weight:700; letter-spacing:0;}
|
|
|
|
.main_right .btn_wrap {margin-top:35px;}
|
|
.main_right_in {}
|
|
.main_right_in .work_contents .h_4 {margin-top:0;}
|
|
.main_right_in .work_contents .work_contents_in {position:relative; display:flex; justify-content:space-between; width:100%; height:380px; background:linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 97%, rgba(235,235,235,1) 100%); border-radius:4px; border-bottom:1px solid var(--color-gray300);}
|
|
/* .main_right_in .work_contents .work_contents_in::after {content:'JOB CARD'; display:inline-block; position:absolute; top:48px; left:40px; width:100%; height:100px; font-size:56px; font-weight:800; letter-spacing:-1px; opacity:.1; z-index:1;} */
|
|
|
|
/* 공사상태 */
|
|
.project_situation {}
|
|
.project_situation_in {position:relative; width:100%; height:230px; border:2px solid #222; background:linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(248,248,248,1) 97%, rgba(230,230,230,1) 100%); border-radius:4px; box-shadow:0px 2px 2px rgba(0, 0, 0, .2);}
|
|
.project_situation_in::before {content:''; display:block; width:100%; height:100%; background:url(../images/situation_line.svg) 30px 30px no-repeat; background-size:90%; }
|
|
.project_situation_in div {font-size:12px; display:flex;}
|
|
/* 공사상태 > 점 */
|
|
.project_situation_in div p {position:relative; text-align:center;}
|
|
.project_situation_in div p::before {content:''; display:inline-block; position:absolute; top:-18px; left:50%; transition:translateX(-50%); width:5px; height:5px; background:#222; border-radius:10px;}
|
|
/* .situation_box div p::after {content:''; display:inline-block; position:absolute; top:-21px; left:calc(50% - 3px); transition:translateX(-50%); width:7px; height:7px; border:2px solid rgba(0, 0, 0, .2); border-radius:10px; } */
|
|
.project_situation_in div p.on {color:#FA552E; font-weight:600; font-size:13px;}
|
|
.project_situation_in div p.on::before, .project_situation_in div p.on::after {content:''; display:inline-block; position:absolute; transition:translateX(-50%); border-radius:20px;}
|
|
.project_situation_in div p.on::before {top:-19px; left:calc(50% - 1px); width:7px; height:7px; background:#FA552E;}
|
|
.project_situation_in div p.on::after {top:-26px; left:calc(50% - 8px); width:15px; height:15px; border:2px solid #FA552E; opacity:0; animation: 1s expand infinite;}
|
|
/* 공사상태 > 위치 */
|
|
.project_situation_in .step1 {position:absolute; top:100px; left:10px;}
|
|
.project_situation_in .step1 p:first-child {margin-right:20px;}
|
|
.project_situation_in .step2_1 {width:330px; position:absolute; top:46px; left:100px;}
|
|
.project_situation_in .step2_1 p {width:25%;}
|
|
.project_situation_in .step2_2 {width:380px; position:absolute; top:121px; left:110px;}
|
|
.project_situation_in .step2_2 p {width:16.6%;}
|
|
.project_situation_in .step2_2_1 {width:375px; position:absolute; top:195px; left:145px;}
|
|
.project_situation_in .step2_2_1 p {width:33.3%;}
|
|
|
|
|
|
/* .situation_box div p::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: inherit; height: inherit; border: 16px solid #fff34e; border-radius: 50%; opacity: 0; animation: 2s expand cubic-bezier(0.2, 0, 0, 1) infinite; }
|
|
.situation_box div p::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: inherit; height: inherit; border: 18px solid #fff454; border-radius: 50%; opacity: 0; animation: 2s expand cubic-bezier(0.2, 0, 0, 1) infinite; animation-delay: 1.2s; } */
|
|
@keyframes expand {
|
|
1% {width:15px; height:15px; opacity:1; }
|
|
100% {width:20px; height:20px; opacity:0;}
|
|
}
|
|
|
|
|
|
.main_right_in .work_contents .work_contents_in .work_contents_detail {background:url(../images/jobcard.svg) 10px 7px no-repeat;}
|
|
|
|
.work_contents_in .work_contents_list {width:320px; overflow-y:scroll; border-top:2px solid #111;}
|
|
.work_contents_in .work_contents_detail {position:relative; width:calc(100% - 320px); height:380px; overflow-y:auto; _border-top:3px solid orange; box-sizing: border-box;}
|
|
.date_select {display:flex; justify-content:space-between; opacity:.3; border-bottom:1px solid #ddd; margin:30px; padding-bottom:12px;}
|
|
.date_select .date {font-weight:500;}
|
|
.date_select.today {opacity:1;}
|
|
.date_select.today .checkbox_container input, .date_select.today .btn_wt_atd_file, .date_select.today .file_add_list .btn_delete {display:block;}
|
|
.date_select .checkbox_container input, .date_select .btn_wt_atd_file, .date_select .file_add_list .btn_delete {display:none;}
|
|
.date_select.today select {border:1px solid #ddd; background:#fff; }
|
|
.date_select select {border:none; background:none; font-size:16px; font-weight:600; padding:10px; height:46px; border-radius:4px; z-index:100;}
|
|
.work_checklist {width:calc(100% - 300px);}
|
|
.work_checklist > ul > li {position:relative; padding:8px; font-size:15px; border-bottom:1px solid #ddd;}
|
|
.work_checklist > ul > li > div {display:flex; justify-content:space-between; align-items:center;}
|
|
.work_checklist > ul > li > div > p {height:32px; line-height:32px;}
|
|
.work_checklist li:last-child {border-bottom:0;}
|
|
.work_checklist li button {display:inline-block; width:32px; height:32px; border-radius:2px; font-weight:500; font-size:12px; line-height:28px; text-align:center; letter-spacing:-0.05em; box-sizing:border-box;}
|
|
.btn_wt_atd_file {width:30px; height:30px; border:1px solid rgba(0, 0, 0, 0.2); background:linear-gradient(180deg, #DBD0BC 0%, #C1B6A1 100%); color: #615236; border-radius:2px; box-shadow:var(--boxshadow-default);}
|
|
.btn_wt_atd_file::before {display: inline-block; content: ''; width:30px; height:30px; background:url(../images/ico_attachment.svg) center no-repeat;}
|
|
|
|
/* .work_checklist li .item_prefeb {width: 32%; font-size: 14px; text-align: left;}
|
|
.work_checklist li .item_prefeb input[type="checkbox"] + label {gap: 6px; border:1px solid var(--color-gray300); width: 100%; height: 36px; background-color: var(--color-gray100); padding: 0 12px; border-radius: 2px; justify-content: flex-start;}
|
|
.work_checklist li .item_prefeb input[type="checkbox"]:checked + label {background-color: var(--color-secondary500); border: 1px solid var(--color-secondary700); color: #fff;}
|
|
.work_checklist li .item_prefeb input[type="checkbox"]:checked + label:before {color:var(--color-secondary700); background: #fff;} */
|
|
|
|
.file_add_list {overflow-y:auto; width:100%; height:90px; margin-top:4px; padding:0 4px; background:#fff; border-radius:4px; border:1px solid #DFDFDF; box-sizing: border-box;}
|
|
.file_add_list li {display:flex; justify-content:space-between; align-items:center; padding:0 4px;}
|
|
.file_add_list li a {display:inline-block; padding:6px 8px; font-size:12px; border-bottom:0;}
|
|
.file_add_list li a:hover {font-weight:500;}
|
|
.file_add_list li .btn_delete {width:24px; height:24px; border-radius: 2px; background:url(../images/ico_delete.svg) no-repeat center / 10px; }
|
|
.file_add_list li .btn_delete:hover {background:url(../images/ico_delete.svg) no-repeat center / 10px,#FBDBDB; }
|
|
|
|
.file_add_list li:nth-child(even) {background:#EAF4F3;}
|
|
|
|
/* 작업사항 > 현장 */
|
|
.work_contents_in.field .work_contents_list li {position:relative; height:46px; line-height:46px; color:#222; background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.1); font-size:16px; font-weight:500; cursor:pointer;}
|
|
.work_contents_in.field .work_contents_list li i {margin-right:10px;}
|
|
.work_contents_in.field .work_contents_list li span {display:inline-block; margin-right:4px;}
|
|
.work_contents_in.field .prc3.on {color:#fff; background:linear-gradient(180deg, rgba(54,87,149,1) 0%, rgba(49,81,142,1) 92%, rgba(21,48,99,1) 100%);}
|
|
.work_contents_in.field .prc4.on {color:#fff; background:linear-gradient(180deg, rgba(174,59,86,1) 0%, rgba(152,48,72,1) 92%, rgba(126,78,156,1) 100%);}
|
|
.work_contents_in.field .on::after {content:''; position:absolute; top:calc(50% - 17px); right:0; display:inline-block; width:34px; height:34px; background:url(../images/ico_arrowr_w.svg) center no-repeat;}
|
|
.work_contents_in.field .on::before, .work_contents_in.field .work_contents_list li:hover::before {content:''; position:absolute; top:-1px; left:0; width:100%; height:calc(100% + 2px); display:block; border:4px solid #FA552E; border-radius:4px; box-shadow:var(--boxshadow-default); box-sizing:border-box; z-index:10;}
|
|
.work_contents {position:relative;}
|
|
.work_contents .work_contents_detail::before {content:''; display:block; position:sticky; top:0; left:0; width:100%; height:6px; border-radius:0 0 4px 4px; box-shadow:var(--boxshadow-default2); z-index:100;}
|
|
.work_contents .work_contents_detail.prc1::before {background:linear-gradient(180deg, #D5A240 0%, #D39722 84.90%, #C0881D 100%);}
|
|
.work_contents .work_contents_detail.prc2::before {background:linear-gradient(180deg, rgba(37,153,62,1) 0%, rgba(31,148,56,1) 88%, rgba(29,125,50,1) 100%);}
|
|
.work_contents .work_contents_detail.prc3::before {background:linear-gradient(180deg, rgba(54,87,149,1) 0%, rgba(49,81,142,1) 92%, rgba(21,48,99,1) 100%);}
|
|
.work_contents .work_contents_detail.prc4::before {background:linear-gradient(180deg, rgba(174,59,86,1) 0%, rgba(152,48,72,1) 70%, rgba(126,78,156,1) 100%);}
|
|
|
|
/* depth1 */
|
|
.work_depth1 > li {position:relative; border-top:1px solid rgba(0, 0, 0, .05);}
|
|
.work_depth1 > li:first-child {border-top:0;}
|
|
.work_depth1 > li > a {position:relative; display:block; height:46px; padding:0 20px; line-height:46px; color:#111; font-weight:500; box-shadow:var(--boxshadow-default2); z-index:2;}
|
|
.work_depth1 > li > a::after {content:''; display:inline-block; position:absolute; top:50%; right:16px; width:24px; height:24px; transform:translateY(-50%); background:url(../images/icon_arr.svg) center no-repeat;}
|
|
.work_depth1 > li > a span {position:absolute; top:50%; right:54px; transform:translateY(-50%); display:inline-block; height:18px; padding:0 8px; line-height:18px; font-size:10px; color:#fff; border-radius:20px;}
|
|
.work_depth1 > li > a span em {font-size:12px; font-weight:700;}
|
|
.work_depth1 > li .work_depth2 {display:none}
|
|
/* depth1 li.on, hover 일때 */
|
|
.main_right_in .work_depth1 li.on > .work_depth2 {display:block;}
|
|
.main_right_in .work_depth1 li.on > a { background:linear-gradient(180deg, #D5A240 0%, #D39722 84.90%, #C0881D 100%); color:#fff; font-weight:700;}
|
|
.main_right_in .work_depth1 li.on > a > span {border-radius:20px;}
|
|
.main_right_in .work_depth1 li.on::after, .main_right_in .work_depth1 > li:hover::after {content:''; display:inline-block; position:absolute; top:-2px; left:0; width:100%; height:calc(100% + 4px); border:4px solid #FA552E; box-sizing: border-box; cursor:pointer; border-radius:4px; z-index:100;}
|
|
.main_right_in .work_depth1 li.on > a::after {top:12px; right:16px; width:24px; height:24px; background:url(../images/icon_arr_w.svg) center no-repeat; transform:rotate(180deg);}
|
|
.main_right_in .work_depth1 li.on:first-child::after {top:0px; height:100%;}
|
|
|
|
/* depth1 공정별 컬러 */
|
|
.work_depth1 > li.prc1 {background:linear-gradient(180deg, rgba(255,234,196,1) 0%, rgba(250,226,178,1) 93%, rgba(243,211,149,1) 100%);}
|
|
.work_depth1 > li.prc1 > a span {background:#D5A240;}
|
|
.work_depth1 > li.prc1.on > a span {background:#fff; color:#D5A240;}
|
|
.work_depth1 > li.prc2 {background:linear-gradient(180deg, rgba(206,255,218,1) 0%, rgba(177,250,195,1) 88%, rgba(135,237,160,1) 100%);}
|
|
.work_depth1 > li.prc2.on > a {background:linear-gradient(180deg, rgba(37,153,62,1) 0%, rgba(31,148,56,1) 88%, rgba(29,125,50,1) 100%);}
|
|
.work_depth1 > li.prc2 > a span {background:#25993E;}
|
|
.work_depth1 > li.prc2.on > a span {color:#25993E; background:#fff;}
|
|
|
|
/* .work_depth1 > li.prc2 {background:linear-gradient(180deg, rgba(37,153,62,1) 0%, rgba(31,148,56,1) 88%, rgba(29,125,50,1) 100%);} */
|
|
|
|
/* depth1 부재별 이미지 */
|
|
.work_depth1 > li::before {content:''; display:inline-block; position:absolute; top:0; left:6px; width:40px; height:40px; opacity:0.1;}
|
|
.work_depth1 > li.jweb::before {background:url(../images/ico_jweb.svg) left center no-repeat;}
|
|
.work_depth1 > li.nodule::before {background:url(../images/ico_nodule.svg) left center no-repeat;}
|
|
.work_depth1 > li.endblock::before {background:url(../images/ico_endblock.svg) left center no-repeat;}
|
|
|
|
/* depth2 */
|
|
.work_depth2 li {padding:0 0 0 16px; background:#fff url(../images/line_depth2.svg) 8px center no-repeat; border-bottom:1px solid rgba(0, 0, 0, .1);}
|
|
.work_depth2 li:last-child {border-bottom:0; height:46px; line-height:46px;}
|
|
.work_depth2 li a {display:inline-block; width:100%; background:#fff; font-weight:500; color:#111; height:46px; line-height:46px;}
|
|
.work_depth2 li a span {display:inline-block; margin-right:5px;}
|
|
|
|
|
|
|
|
/* 공정계획 table */
|
|
.work_plan_wrap {}
|
|
.work_plan_wrap > .tb_container {position:relative; padding-top:34px; border-top:2px solid #222; border-bottom:1px solid #ddd;}
|
|
.work_plan_wrap > .tb_container > .tb_fixed_header {display:flow-root; position:absolute; top:0; left:0; right:0; height:34px; background:linear-gradient(180deg, rgba(243,241,241,1) 0%, rgba(221,221,221,1) 93%, rgba(201,201,201,1) 100%); box-shadow:var(--boxshadow-default2);}
|
|
.work_plan_wrap > .tb_container > .tb_fixed_header span {float:left; width:calc(20% - 2px); height:34px; }
|
|
.work_plan_wrap > .tb_container > .tb_fixed_header span:nth-child(2) {width:calc(40% - 5px); background:linear-gradient(180deg, #D5A240 0%, #D39722 84.90%, #C0881D 100%);}
|
|
.work_plan_wrap > .tb_container > .tb_fixed_header span:nth-child(3) {width:calc(40% + 7px); background:linear-gradient(180deg, rgba(37,153,62,1) 0%, rgba(31,148,56,1) 88%, rgba(29,125,50,1) 100%);}
|
|
.work_plan_wrap > .tb_container > .tb_wrap {height:320px; overflow-x:hidden; overflow-y:auto;}
|
|
.work_plan_wrap > .tb_container > .tb_wrap.factory .tb_fixed th:nth-child(2), .work_plan_wrap > .tb_container > .tb_wrap.factory .tb_fixed th:nth-child(3) {color:#fff;}
|
|
.work_plan_wrap > .tb_container .tb_plan thead {margin: 0; height: 0;}
|
|
.work_plan_wrap > .tb_container .tb_plan .tb_fixed div {position: absolute; top: 1px; line-height: 34px; width: inherit; display: inline-block; transform: translate(-50%);}
|
|
.work_plan_wrap > .tb_container .tb_plan thead th {font-weight:700; font-size:12px; color:var(--color-gray700);}
|
|
.work_plan_wrap > .tb_container .tb_plan tr {border-bottom:1px solid rgba(0, 0, 0, .15);}
|
|
.work_plan_wrap > .tb_container .tb_plan tr:last-child {border-bottom:0;}
|
|
.work_plan_wrap > .tb_container .tb_plan td:first-child {text-align:center;}
|
|
.work_plan_wrap > .tb_container .tb_plan td:first-child span {font-size:12px;}
|
|
.work_plan_wrap > .tb_container > .tb_wrap td {padding:0 12px; text-align:left;}
|
|
|
|
.btn_tb_full {width:100%; height:30px; line-height:30px; border:1px solid rgba(0, 0, 0, 0.2); background:linear-gradient(180deg, rgba(218,207,187,1) 0%, rgba(199,189,166,1) 95%, rgba(171,160,136,1) 100%); color: #615236; border-radius: 1px;}
|
|
.btn_tb_full::after {content:'+'; display:inline-block; line-height:24px; margin-top:2px; font-size:16px; margin-left:10px;}
|
|
.work_plan_wrap .prc1 {background:linear-gradient(180deg, rgba(249,244,236,1) 0%, rgba(255,234,194,1) 91%, rgba(255,215,139,1) 100%);}
|
|
.work_plan_wrap .prc2 {background:linear-gradient(180deg, rgba(206,255,218,1) 0%, rgba(177,250,195,1) 88%, rgba(135,237,160,1) 100%);}
|
|
|
|
/* 공정계획 > .tb_wrap tr hover */
|
|
.tb_plan tbody tr {position:relative;}
|
|
.tb_plan tr.on::after, .tb_wrap .tb_plan tr:hover::after {content:''; display:inline-block; position:absolute; top:0px; left:0px; width:100%; height:calc(100% + 4px); border:4px solid #FA552E; cursor:pointer; box-shadow:var(--boxshadow-default); box-sizing: border-box; border-radius:4px; z-index:100;}
|
|
|
|
/* 공정계획 > .work_plan_list */
|
|
.work_plan_list {padding:10px; font-size:16px;}
|
|
.work_plan_list li {position:relative; padding:4px 0; font-weight:500; box-sizing:border-box;}
|
|
.work_plan_list li::before {content:''; display:inline-block; position:absolute; top:-0px; left:-15px; width:28px; height:28px; opacity:0.15;}
|
|
.work_plan_list li .count {position:absolute; top:50%; right:0px; transform:translateY(-50%); display:inline-block; height:18px; padding:0 8px; line-height:18px; font-size:10px; color:#fff; border-radius:20px;}
|
|
.work_plan_list li .count em {font-size:12px; font-weight:700;}
|
|
|
|
/* 공정계획 > .work_plan_list 공정별 count color */
|
|
.prc1 .work_plan_list li .count {background:#D5A240; color:#fff;}
|
|
.prc2 .work_plan_list li .count {background:#25993E; color:#fff;}
|
|
|
|
/* 공정계획 > .work_plan_list 부재별 이미지 */
|
|
.work_plan_list li.jweb::before {background:url(../images/ico_jweb.svg) center no-repeat; background-size:22px;}
|
|
.work_plan_list li.nodule::before {background:url(../images/ico_nodule.svg) center no-repeat; background-size:22px;}
|
|
.work_plan_list li.endblock::before {background:url(../images/ico_endblock.svg) center no-repeat; background-size:22px;}
|
|
|
|
/* 공정계획 > 현장 */
|
|
.tb_wrap.field .work_plan_list .ico_dir1, .tb_wrap.field .work_plan_list .ico_dir2 {width:16px;}
|
|
.tb_wrap.field .work_plan_list li {background:#fff;}
|
|
.tb_wrap.field .work_plan_list span {display:inline-block; margin-right:5px;}
|
|
.tb_wrap.field .work_plan_list li.prc1 .ing {background:#153063;}
|
|
.tb_wrap.field .work_plan_list li.prc2 .ing {background:#8C2E44;}
|
|
|
|
/* 진행중 */
|
|
.ing {position:absolute; top:50%; right:0px; transform:translateY(-50%); display:inline-block; height:18px; padding:0 8px; line-height:18px; font-size:10px; color:#fff; border-radius:20px;}
|
|
/* .ing::before {content:''; display:inline-block; width:6px; height:6px; margin-top:3px; border:3px solid #fff; border-radius:50%;} */
|
|
@keyframes spin {
|
|
100% {transform:rotate(360deg);}
|
|
}
|
|
.ing::before {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
border-top: 2px solid #FFF;
|
|
border-right: 2px solid transparent;
|
|
box-sizing: border-box;
|
|
animation: rotation 1s linear infinite;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.work_checklist .checkbox_container {width:calc(100% - 10px); box-sizing:border-box;}
|
|
.work_checklist li .item_prefeb input[type="checkbox"] + label {gap: 6px; border:1px solid var(--color-gray300); width: 100%; height: 36px; background-color: var(--color-gray100); padding: 0 12px; border-radius: 2px; justify-content: flex-start;}
|
|
.work_checklist li .item_prefeb input[type="checkbox"]:checked + label {background-color: var(--color-secondary500); border: 1px solid var(--color-secondary700); color: #fff;}
|
|
.work_checklist li .item_prefeb input[type="checkbox"]:checked + label:before {color:var(--color-secondary700); background: #fff;}
|
|
|
|
|
|
/* jobcard checkbox */
|
|
.work_checklist > ul > .checkbox_container {}
|
|
.work_checklist > ul > .checkbox_container input[type="checkbox"] {overflow:visible; clip:auto; position:absolute; right:0; margin:0; width:24px; height:24px;}
|
|
.work_checklist > ul > .checkbox_container input[type="checkbox"]:checked {background:var(--color-primary700);}
|
|
.work_checklist > ul > .checkbox_container input[type="checkbox"]:checked + p {color:#222;}
|
|
.work_checklist > ul > .checkbox_container input[type="checkbox"] + p {color:#FF3838; cursor:pointer;}
|
|
|
|
|
|
.tip_text {margin-top:4px; color:#898989; text-align:right; font-size:12px;}
|
|
.work_checklist .none {color:#FF3838;}
|
|
|
|
|
|
.table_wrap {display:flex; margin-top:10px; gap:24px;}
|
|
.table_wrap > div {width:30%;}
|
|
.table_wrap > div:nth-child(1) {width:186px}
|
|
.table_wrap > div:nth-child(2) {width:calc(40% - 210px);}
|
|
|
|
.table_wrap .tb_container {position:relative; padding-top:34px; border-bottom:1px solid #ddd;}
|
|
.table_wrap .tb_fixed_header {position:absolute; top:0; left:0; right:0; height:34px; background:linear-gradient(180deg, rgba(243,241,241,1) 0%, rgba(221,221,221,1) 93%, rgba(201,201,201,1) 100%); border-top:2px solid #222; box-shadow:var(--boxshadow-default); text-align: center;}
|
|
.table_wrap .tb_wrap {height:180px; overflow-x:hidden; overflow-y:auto;}
|
|
.table_wrap .tb1 {width:100%;}
|
|
.table_wrap .tb1.view td {padding:0 16px;}
|
|
|
|
.tb_wrap .today {display:inline-block; width:36px; text-align:center; color:#fff; border-radius:2px; font-size:10px; background:var(--color-accent500);}
|
|
.main_right .btn_wrap {display:flex; justify-content:flex-end; _margin-top:25px;}
|
|
.btn_wrap.view {opacity:.3;}
|
|
.btn_wrap.view button {cursor:default;}
|
|
.btn_wrap button + button {margin-left:10px;}
|
|
.btn_wrap .btn_edit {font-size:16px; font-weight:600; padding:10px 20px; border-radius:2px; box-shadow:var(--boxshadow-default2); }
|
|
.btn_wrap .btn_cancel {font-size:16px; font-weight:600; padding:10px 20px; border-radius:2px; box-shadow:var(--boxshadow-default2); border:1px solid rgba(0, 0, 0, .1); background:linear-gradient(180deg, rgba(222,222,222,1) 0%, rgba(193,193,193,1) 95%, rgba(152,152,152,1) 100%); color:var(--color-gray800);}
|
|
|
|
/* .table_wrap .tb1 * {text-align: center; box-sizing: border-box;}
|
|
.table_wrap .tb1 * a {color: inherit;} */
|
|
.table_wrap .tb1 thead {margin: 0; height: 0;}
|
|
.table_wrap .tb1 .tb_fixed div {position: absolute; top: 1px; line-height: 34px; _width: inherit; display: inline-block; transform: translate(-50%);}
|
|
.table_wrap .tb1 td {text-align:left; padding:0 12px;}
|
|
.table_wrap .tb1 td.t_r {text-align:right;}
|
|
.table_wrap .tb1 .btn_delete {width:24px; height:24px; border-radius: 2px; background:url(../images/ico_delete.svg) no-repeat center / 10px; }
|
|
.table_wrap .tb1 .btn_delete:hover {background:url(../images/ico_delete.svg) no-repeat center / 10px,#FBDBDB; }
|
|
|
|
/* 안전관리 */
|
|
.tb_wrap.safety tr {cursor:default;}
|
|
.tb_wrap.safety td {padding:11.5px 0;}
|
|
.tb_wrap.safety td .safety_tit {display:flow-root; height:30px; line-height:30px;}
|
|
.tb_wrap.safety td .safety_list {width:100%; margin-top:5px; padding:0px 2px 0 6px; height:26px; background:#f2f2f2; line-height:26px; font-size:13px; font-weight:400; border:1px solid #ddd; box-sizing: border-box; border-radius:2px;}
|
|
.tb_wrap.safety td.none .safety_list {background:#FFF0F0;}
|
|
.tb_wrap.safety td.none .safety_tit {color:#FF3838;}
|
|
.tb_wrap.safety td .safety_list .file_txt {display:inline-block; width:calc(130px); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;}
|
|
.tb_wrap.safety td .safety_list .btn_delete {float:right;}
|
|
|
|
/* 인력현황 */
|
|
.tb_wrap.worker td {padding:0 8px 0 0;}
|
|
.tb_wrap.worker td .count {display:inline-block; width:20px; text-align:center; color:#ddd; text-align:left; font-size:12px;}
|
|
.tb_wrap.worker .worker_check {overflow:hidden;}
|
|
.tb_wrap.worker .worker_check select {width:35%; margin-right:10px;}
|
|
.tb_wrap.worker .worker_check .btn_delete {float:right;}
|
|
.tb_wrap.worker .btn_tb_full {box-shadow:var(--boxshadow-default); margin:6px 0; font-weight:500;}
|
|
|
|
.tb1 thead {height:34px; background:linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%); border-top:2px solid #000; box-shadow:var(--boxshadow-default2);}
|
|
.tb1 thead th {font-weight:700; font-size:12px; color:var(--color-gray700);}
|
|
.tb1 tbody tr {border-bottom:1px solid #eee; cursor: pointer;}
|
|
.tb1 tbody tr:last-child {border-bottom:0;}
|
|
.tb1 tbody td {height:36px; font-weight:500; font-size:14px; letter-spacing:-0.03em; color:var(--color-gray800);}
|
|
|
|
.btn_edit {border:1px solid rgba(0, 0, 0, 0.3); background:linear-gradient(180deg, #2D776C 0%, #1F554D 100%); color:#fff;}
|
|
.btn_edit:hover {background: linear-gradient(180deg, #347167 0%, #1c4e46 100%);}
|
|
|
|
/* 공정현황 > 작업현황 */
|
|
.process_left {width:320px; box-sizing:border-box; letter-spacing:-0.05em; }
|
|
.process_left_in {height:100%;}
|
|
.process_left_in .h_4 {margin-top:0;}
|
|
.process_left_in .work_contents_list .work_depth1 > li:hover::after,
|
|
.process_left_in .work_contents_list .work_depth1 > li.on::after {border:none; _cursor:default;}
|
|
.process_left_in .work_contents_list .work_depth2 {display:none;}
|
|
.process_left_in .work_contents_list .work_depth2 li {box-sizing:border-box;}
|
|
|
|
.work_contents_list2 {width:320px; overflow-y:scroll; border-top:2px solid #111; height:100%; background:#F4F4F4;}
|
|
.work_contents_list2 li a {padding:0; color:#222; background:#fff; box-shadow:none;}
|
|
.work_contents_list2 li a i {margin-right:8px;}
|
|
.work_contents_list2 li a span {color:#222; font-size:18px; height:46px; line-height:46px; right:0; padding:0 2px; position:relative;}
|
|
.work_contents_list2 li.on a span {color:#fff; font-weight:500;}
|
|
|
|
.work_contents_list2 .work_depth1 > li > a:hover::before {top:2px; left:4px; width:calc(100% - 8px); height:calc(100% - 4px); z-index:1000; box-sizing:border-box;}
|
|
.work_contents_list2 .work_depth1 > li.prc4.on a {background:var(--color-navy);}
|
|
.work_contents_list2 .work_depth1 > li.prc5.on a {background:var(--color-wine);}
|
|
/* depth1 */
|
|
.work_contents_list2 .work_depth1 > li {position:relative; border-top:1px solid rgba(0, 0, 0, .05);}
|
|
.work_contents_list2 .work_depth1 > li:first-child {border-top:0;}
|
|
.work_contents_list2 .work_depth1 > li > a {position:relative; display:block; height:46px; line-height:46px; color:#111; font-weight:500; z-index:2;}
|
|
.work_contents_list2 .work_depth1 > li > a::after {content:''; display:inline-block; position:absolute; top:50%; right:16px; width:24px; height:24px; background-image:none; transform:translateY(-50%);}
|
|
/* depth1 li.on, hover 일때 */
|
|
.work_contents_list2 .work_depth1 li.on > a {color:#fff; font-weight:700;}
|
|
.work_contents_list2 .work_depth1 li.on::after, .work_contents_list2 .work_depth1 > li:hover::after {content:''; display:inline-block; position:absolute; top:-2px; left:0; width:100%; height:calc(100% + 4px); border:4px solid #FA552E; box-sizing: border-box; cursor:pointer; border-radius:4px; z-index:100;}
|
|
.work_contents_list2 .work_depth1 li.on > a::after {top:12px; right:16px; width:24px; height:24px; background:url(../images/icon_arr_w.svg) center no-repeat; transform:rotate(270deg);}
|
|
.work_contents_list2 .work_depth1 li.on:first-child::after {top:0px; height:calc(100% + 2px);}
|
|
|
|
|
|
|
|
/* 공정현황 > 작업현황 depth2 li.on, hover 일때 */
|
|
.prc1:has(.work_depth2 li.on) > a {background:linear-gradient(180deg, #D5A240 0%, #D39722 84.90%, #C0881D 100%); color:#fff; font-weight:700; _cursor:default;}
|
|
.prc1:has(.work_depth2 li.on) > a::after {top:12px; right:16px; width:24px; height:24px; background:url(../images/icon_arr_w.svg) center no-repeat; transform:rotate(180deg);}
|
|
.prc1:has(.work_depth2 li.on) > a:hover::before {display:none;}
|
|
.prc1:has(.work_depth2 li.on) .count {background:#fff; color:var(--color-yellow);}
|
|
.prc2:has(.work_depth2 li.on) > a {background:linear-gradient(180deg, #25993E 0%, #1F9438 84.90%, #1D7D32 100%); color:#fff; font-weight:700; _cursor:default;}
|
|
.prc2:has(.work_depth2 li.on) > a::after {top:12px; right:16px; width:24px; height:24px; background:url(../images/icon_arr_w.svg) center no-repeat; transform:rotate(180deg);}
|
|
.prc2:has(.work_depth2 li.on) > a:hover::before {display:none;}
|
|
.prc2:has(.work_depth2 li.on) .count {background:#fff; color:var(--color-green);}
|
|
|
|
.process_left_in .work_contents_in {height:calc(100% - 5%); margin-top:15px;}
|
|
.process_left_in .work_contents_list {height:100%; background:#F4F4F4;}
|
|
.process_left_in .work_contents_list > ul > li > a {position:relative; cursor:pointer;}
|
|
.process_left_in .work_contents_list > ul > li > a:hover::before {content:''; display:block; position:absolute; top:4px; left:4px; width:calc(100% - 8px); height:calc(100% - 4px); outline:4px solid #FA552E; z-index:100;}
|
|
|
|
.process_left_in .work_contents_list .work_depth2:has(li.on a) {display:block;}
|
|
.process_left_in .work_contents_list .work_depth2 li {position:relative; width:100%; height:100%; background-color:#eee;}
|
|
.process_left_in .work_contents_list .work_depth2 li.on a::before, .process_left_in .work_contents_list .work_depth2 li:hover a::before {content:''; display:inline-block; position:absolute; top:0px; left:15px; width:calc(100% - 15px); height:calc(100% + 2px); border:4px solid #FA552E; box-sizing:border-box; cursor:pointer; border-radius:4px; z-index:10;}
|
|
.process_left_in .work_contents_list .work_depth2 li.on > a::after {top:12px; right:16px; width:24px; height:24px; background:url(../images/icon_arr_w.svg) center no-repeat; transform:rotate(180deg);}
|
|
.process_left_in .work_contents_list .work_depth2 li span:last-child {display:inline-block; margin-left:6px; padding:0 10px; height:20px; line-height:20px; background:#ddd; border-radius:20px; font-size:13px; letter-spacing:0.5px;}
|
|
.process_left_in .work_contents_list .work_depth1 .prc1 .work_depth2 li.on a span:last-child {background:var(--color-yellow); color:#fff;}
|
|
.process_left_in .work_contents_list .work_depth1 .prc2 .work_depth2 li.on a span:last-child {background:var(--color-green); color:#fff;}
|
|
/* .process_left_in .work_contents_list .work_depth2 li.on:first-child::after {top:0px; height:100%;} */
|
|
|
|
.process_right_in > div {display:flex; justify-content:space-between;}
|
|
.process_right_in .girdermap td {color:#fff;}
|
|
.process_right_in .girdermap .endblock {border:1px solid #fff;}
|
|
.process_right_in .girdermap .endblock::before {border:1px solid #fff; border-bottom:none;}
|
|
.process_right_in .girdermap .endblock::after {border:1px solid #fff; border-top:none;}
|
|
.process_right_in .girdermap .nodule {border:1px solid #fff;}
|
|
.process_right_in .girdermap .nodule::before {border:1px solid #fff;}
|
|
.process_right_in .girdermap .nodule::after {border:1px solid #fff;}
|
|
.process_right_in .girdermap .jweb {border-top:1px solid #fff; border-bottom:1px solid #fff;}
|
|
.process_right_in .girdermap .jweb::before {border-left:1px solid #fff;}
|
|
.process_right_in .girdermap .jweb::after {border-right:1px solid #fff;}
|
|
|
|
/* 공정현황 > 세부공정진행율 */
|
|
.process_right {width:calc(100% - 320px - 30px); margin-top:10px;}
|
|
.process_right > h5 {margin-bottom:7px; font-size:18px; font-weight:400; letter-spacing:-0.5px;}
|
|
.process_right .process_right_in {padding:30px; background:linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(241,241,241,1) 97%, rgba(235,235,235,1) 100%);}
|
|
/* 공정현황 > 세부공정진행율 > 부재생산 prc1 */
|
|
.process_right.prc1 .process_right_in {border-top:2px solid #D5A240;}
|
|
.process_right.prc1 .project_girder_list .prc {background:#F1E8D1;}
|
|
.process_right.prc1 .project_girder_list .prc::before {background:linear-gradient(180deg, #DCAC4E 0%, #C68D1E 100%);}
|
|
.process_right.prc1 td.work, .process_right.prc1 td.work::before, .process_right.prc1 td.work::after {background:var(--color-yellow); color:#fff; font-weight: 600;}
|
|
/* 공정현황 > 세부공정진행율 > 부재생산 prc2 */
|
|
.process_right.prc2 .process_right_in {border-top:2px solid #1D7D32;}
|
|
.process_right.prc2 .project_girder_list .prc {background:#E9FAD4}
|
|
.process_right.prc2 .project_girder_list .prc::before {background:#1D7D32;}
|
|
.process_right.prc2 td.work, .process_right.prc2 td.work::before, .process_right.prc2 td.work::after {background:#1D7D32; color:#fff; font-weight: 600;}
|
|
/* 공정현황 > 세부공정진행율 > 부재생산 prc4 */
|
|
.process_right.prc4 .process_right_in {border-top:2px solid var(--color-navy);}
|
|
.process_right.prc4 .project_girder_list .prc {background:#D8DEE8}
|
|
.process_right.prc4 .project_girder_list .prc::before {background:var(--color-navy);}
|
|
.process_right.prc4 td.work, .process_right.prc4 td.work::before, .process_right.prc4 td.work::after {background:#1D7D32; color:#fff; font-weight: 600;}
|
|
/* 공정현황 > 세부공정진행율 > 부재생산 prc5 */
|
|
.process_right.prc5 .process_right_in {border-top:2px solid var(--color-wine);}
|
|
.process_right.prc5 .project_girder_list .prc {background:#F5EAED}
|
|
.process_right.prc5 .project_girder_list .prc::before {background:var(--color-wine);}
|
|
.process_right.prc5 td.work, .process_right.prc5 td.work::before, .process_right.prc5 td.work::after {background:#1D7D32; color:#fff; font-weight: 600;}
|
|
|
|
/* .project_girder_list_wrap.prc2 .project_girder_list .prc {background:#F1FFE0;}
|
|
.project_girder_list_wrap.prc2 .project_girder_list .prc::before {background:linear-gradient(180deg, #25993E 0%, #1D7D32 100%);}
|
|
.process_right.dir2 td.work, .process_right.dir2 td.work::before, .process_right.dir2 td.work::after {background:#1D7D32; color:#fff; font-weight: 600;} */
|
|
|
|
/* .process_right.dir2 .process_right_in {border-top:2px solid #7E4E9C;}
|
|
.process_right.dir2 .project_girder_list .prc {background:#F1E8D1;}
|
|
.process_right.dir2 .project_girder_list .prc::before {background:linear-gradient(180deg, #DCAC4E 0%, #C68D1E 100%);}
|
|
.process_right.dir2 td.work, .process_right.dir2 td.work::before, .process_right.dir2 td.work::after {background:var(--color-yellow); color:#fff; font-weight: 600;} */
|
|
.process_detail_wrap {width:calc(100% - 280px - 40px);}
|
|
|
|
/* 공정현황 > 파주 .prc1 선택 */
|
|
.process_right .process_detail.dir1.on {margin-bottom:30px; opacity:1; background:url(../images/line_depth.svg) 5px 10px no-repeat;}
|
|
.process_right .process_detail.dir1.on .girdermap_wrap {display:block; padding-bottom:10px;}
|
|
.process_right .process_detail.dir2.on {margin-top:40px; opacity:1; background:url(../images/line_depth.svg) 5px 10px no-repeat;}
|
|
.process_right .process_detail.dir2.on .girdermap_wrap {display:block; padding-bottom:0px;}
|
|
/* .process_right.prc2 .process_detail.dir1 {margin-bottom:40px;} */
|
|
/* .process_right.prc2 .process_detail.dir2 {opacity:1; background:url(../images/line_depth.svg) 5px 10px no-repeat;}
|
|
.process_right.prc2 .process_detail.dir2 .girdermap_wrap {display:block;} */
|
|
|
|
/* 공정현황 > 현장의 거더맵 (전체선택) */
|
|
.process_right.prc4 .girdermap td:not(.none), .process_right.prc4 .girdermap td::before, .process_right.prc4 .girdermap td::after {background:var(--color-navy);}
|
|
.process_right.prc5 .girdermap td:not(.none), .process_right.prc5 .girdermap td::before, .process_right.prc5 .girdermap td::after {background:var(--color-wine);}
|
|
|
|
.process_detail {opacity:.3;}
|
|
.process_right .process_detail.dir2 {_margin-top:30px;}
|
|
.process_detail:nth-child(2) > .girdermap_wrap {padding-bottom:0;}
|
|
.process_detail > .title {font-weight:600;}
|
|
.process_detail > .title > i {margin-right:8px; width:16px;}
|
|
.process_detail > .girdermap_wrap {display:none; position:relative; margin-top:10px; margin-left:20px;}
|
|
.process_detail > .girdermap_wrap p {position:absolute; top:0; left:0; width:24px; height:24px; line-height:24px; font-size:12px; text-align:center; font-weight:600; border-radius:0 0 2px 0; z-index:100;}
|
|
.process_detail.dir1 > .girdermap_wrap p {background:linear-gradient(180deg, rgba(146,208,68,1) 0%, rgba(156,206,93,1) 92%, rgba(135,181,77,1) 100%);}
|
|
.process_detail.dir2 > .girdermap_wrap p {background:#9563B4;}
|
|
.process_detail > .girdermap_wrap > .girdermap {padding:20px 30px;}
|
|
.process_right.prc1 .girdermap .prc, .process_right.prc1 .girdermap .prc::before,
|
|
.process_right.prc1 .girdermap .prc::after {background:var(--color-yellow); animation:blink .6s ease-in-out infinite alternate; font-weight:600;}
|
|
.process_right.prc2 .girdermap .prc, .process_right.prc2 .girdermap .prc::before,
|
|
.process_right.prc2 .girdermap .prc::after {background:var(--color-green); animation:blink .6s ease-in-out infinite alternate;}
|
|
.process_right.prc4 .girdermap .prc, .process_right.prc4 .girdermap .prc::before,
|
|
.process_right.prc4 .girdermap .prc::after {background:var(--color-navy); animation:blink .6s ease-in-out infinite alternate;}
|
|
.process_right.prc5 .girdermap .prc, .process_right.prc5 .girdermap .prc::before,
|
|
.process_right.prc5 .girdermap .prc::after {background:var(--color-wine); animation:blink .6s ease-in-out infinite alternate;}
|
|
|
|
@keyframes blink {
|
|
0% {background:#ccc;}
|
|
100% {background:1;}
|
|
}
|
|
|
|
/* 생산현황 그래프 */
|
|
.project_process_wrap {width:260px; margin:-10px 0 0 0; background:rgba(255, 255, 255, .5); border:1px solid rgba(0, 0, 0, .1);}
|
|
.project_process_wrap > p {height:47px; line-height:47px; color:#fff; font-weight:600; border-radius:4px; outline:4px solid #FA552E; overflow:hidden;}
|
|
.process_right.prc1 .project_process_wrap > p {background:linear-gradient(180deg, #D5A240 0%, #D39722 84.90%, #C0881D 100%);}
|
|
.process_right.prc2 .project_process_wrap > p {background:var(--color-green);}
|
|
.process_right.prc4 .project_process_wrap > p {background:var(--color-navy);}
|
|
.process_right.prc5 .project_process_wrap > p {background:var(--color-wine);}
|
|
.project_process_wrap > p > i {margin-right:10px;}
|
|
.project_process_all {position:relative; box-sizing:border-box;}
|
|
.project_process_all .title {padding:20px; font-size:16px; font-weight:600;}
|
|
.project_process_all .title span {float:right; margin-top:5px; font-size:12px; color:#999;}
|
|
.project_process_all .chart02 {position:relative; margin:0px auto 0; width:110px; height:110px; font-weight:800; border-radius:50%; font-size:32px; color:var(--color-accent500); text-align:center; outline:6px solid #ddd;}
|
|
.project_process_all .chart02 [class^="chart_value"] {width:100%; height:100%; margin:0 auto; border-radius:50%; box-sizing:border-box;}
|
|
.chart02 .percent {display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:50%; font-size:28px; transform:translate(-50%, -50%); width:65px; height:65px; border-radius:50%; background-color:#fff;
|
|
box-sizing:border-box; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);}
|
|
|
|
.process_right.prc1 .chart_value {background:conic-gradient(var(--color-yellow) 0%, var(--color-yellow) 92%, rgb(217, 217, 217) 92%, rgb(217, 217, 217) 100%);}
|
|
.process_right.prc2 .chart_value {background:conic-gradient(var(--color-green) 0%, var(--color-green) 92%, rgb(217, 217, 217) 92%, rgb(217, 217, 217) 100%);}
|
|
.process_right.prc4 .chart_value {background:conic-gradient(var(--color-navy) 0%, var(--color-navy) 92%, rgb(217, 217, 217) 92%, rgb(217, 217, 217) 100%);}
|
|
.process_right.prc5 .chart_value {background:conic-gradient(var(--color-wine) 0%, var(--color-wine) 92%, rgb(217, 217, 217) 92%, rgb(217, 217, 217) 100%);}
|
|
|
|
/* 공정현황 > 생산현황 그래프 */
|
|
.graph_wrap {height:180px; padding:0 20px 6px;}
|
|
.graph_wrap ul {display:flex; justify-content:center; align-items:flex-end; width:100%; padding:0 10px; height:calc(100% - 70px); gap:6px; border-bottom:1px solid #999; box-sizing:border-box;}
|
|
.graph_wrap ul li {width:32%; height:1px; max-height:80px !important; padding:0 5%; position:relative; border-radius:2px 2px 0 0;}
|
|
.process_right.prc1 .graph_wrap ul li {background:var(--color-yellow);}
|
|
.process_right.prc2 .graph_wrap ul li {background:var(--color-green);}
|
|
.process_right.prc4 .graph_wrap ul li {background:var(--color-navy);}
|
|
.process_right.prc5 .graph_wrap ul li {background:var(--color-wine);}
|
|
.graph_wrap ul li > span {position:absolute; top:-28px; left:50%; transform:translate(-50%, 0%); text-align:center; width:100%; font-weight:700; font-size:16px;}
|
|
.graph_wrap ul li .count {position:absolute; display:flex; flex-direction:column; align-items:center; width:100%; height:50px; bottom:-60px; left:50%; transform:translateX(-50%); line-height:13px; font-size:12px; font-weight:600; text-align:Center;}
|
|
.graph_wrap ul li .count > span {display:block; height:30px; display:flex; align-items:center;}
|
|
.graph_wrap ul li .count p {margin-top:5px; padding:2px 6px; border-radius:10px; background:#95928E; color:#fff;}
|
|
|
|
.process_right .img_wrap {margin:36px 0 0;}
|
|
.process_right .img_wrap .img_list {margin-top:15px; width:100%; overflow-x:auto;}
|
|
.process_right .img_wrap .img_list ul {display:flex; gap:8px; height:200px;}
|
|
.process_right .img_wrap .img_list li {position:relative; width:500px;}
|
|
.process_right .img_wrap .img_list li img {width:auto; height:100%;}
|
|
.process_right .img_wrap .img_list li span {position:absolute; top:0; left:0; display:flex; width:100%; z-index:100; padding:5px; color:#fff;
|
|
background:linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%); font-size:14px; font-weight:500;}
|
|
.process_right .img_wrap .img_list li span b {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:68%; margin-left:8px; font-weight:500;}
|
|
|
|
.project_process_wrap .process {padding:0 20px; margin-top:40px;}
|
|
.project_process_wrap .process ul {display:flex;}
|
|
.project_process_wrap .process ul li {position:relative; flex:1; text-align:center; font-size:12px; padding:0 10px; letter-spacing:-0.5px}
|
|
.project_process_wrap .process ul li.on {color:var(--color-accent500); font-weight:600;}
|
|
.project_process_wrap .process ul li.on span {color:#fff; background:var(--color-accent500);}
|
|
.project_process_wrap .process ul li.on::after {top:-24px; left:50%; width:10px; height:10px; background:var(--color-accent500);}
|
|
.project_process_wrap .process ul li::before {content:''; display:block; position:absolute; top:-20px; left:0; width:100%; height:2px; background:#000;}
|
|
.project_process_wrap .process ul li::after {content:''; display:block; position:absolute; top:-22px; left:50%; width:6px; height:6px; background:#000; transform: translateX(-50%); border-radius:10px;}
|
|
.project_process_wrap .process ul li p {display:flex; align-items:center; justify-content: center; height:60px; line-height:15px;}
|
|
.project_process_wrap .process ul li span {display:block; font-weight:600; font-size:14px; width:22px; height:22px; line-height:22px; margin:0 auto; background:#eee; border-radius:50px;}
|
|
|
|
/* 오메하기싫은거ㅜㅜㅜㅜ */
|
|
.work_process_wrap {display:flex; gap:24px; margin-top:20px; justify-content:space-between;}
|
|
.work_process_wrap .img_wrap {width:calc(100% - 804px); margin-top:0; }
|
|
.work_process_wrap .object_info {width:780px;}
|
|
.work_process_wrap .object_info .object_info_in {border:1px solid #ddd; background:#fff; padding:20px;}
|
|
.work_process_wrap .object_info .process .line_1::after {top:14px; height:7px;}
|
|
.work_process_wrap .object_info .process li.dis {margin:0; border:none;}
|
|
.work_process_wrap .object_info .process li.dis ol + ol, .bbbbb .object_info .process > li:last-child li:nth-last-child(-n+2) {margin-top:16px;}
|
|
.work_process_wrap .object_info .process .line_2_2::before {top:-22px;}
|
|
.work_process_wrap .object_info .process p {font-size:13px; height:38px;}
|
|
.work_process_wrap .object_info .process li ol {gap:10px;}
|
|
.work_process_wrap .object_info .process li:has( > p ) {flex:0 0 130px; text-align:center;}
|
|
.work_process_wrap .object_info .process > li:last-child li:nth-last-child(-n+2) {margin-top:0px;}
|
|
.work_process_wrap .object_info .process > li:last-child {display:block;}
|
|
.work_process_wrap .object_info .process .prc5 .line_2_2::before {width:480px; height:30px; background-size:cover;}
|
|
.work_process_wrap .object_info .process .prc4 .line_1::after {right:-560px;}
|
|
.work_process_wrap .object_info .process .prc4 .line_2_2::before {display:none;}
|
|
.work_process_wrap .object_info .process :nth-child(1 of .cmn) .line_1::after {background-size:cover; right:-430px; width:430px;}
|
|
.work_process_wrap .object_info .process :nth-child(1 of .cmn) :nth-child(1 of .line_2_2)::before {top:-18px; width:495px; height:32px; background-image:url(../images/line6_1.svg);}
|
|
.work_process_wrap .object_info .process :nth-child(1 of .cmn) .line_1::after {background-image: url(../images/line1_1.svg);}
|
|
.work_process_wrap .object_info .process .prc4 .line_1::after {background-size:cover; right:-430px; width:430px; background-image: url(../images/line3_1.svg);}
|
|
.work_process_wrap .object_info .process .prc4 li.on p {background:linear-gradient(180deg, #365795 0%, #31518E 84.90%, #153063 100%); color: #fff;}
|
|
.work_process_wrap .object_info .process .prc5 li.on p {background:linear-gradient(180deg, #AE3B56 0%, #983048 82.29%, #7E253A 100%); color: #fff;}
|
|
|
|
/* 거더별 진행률 */
|
|
.project_girder_list_wrap {overflow-x:auto; margin:15px 0 0 20px; padding-bottom:2px; padding-left:2px;}
|
|
.project_girder_list {display:flex; gap:0 5px; height:80px; justify-content:space-around; flex-flow:column wrap; align-content:flex-start;}
|
|
.project_girder_list li {position:relative; display:flex; flex-direction:column; width:calc(16.666666% - 8px); min-width:30px; height:36px; user-select:none; border-radius:0 4px 4px 0; border:1px solid rgba(0, 0, 0, .2); _box-shadow:0px 2px 2px rgba(0, 0, 0, 0.18);}
|
|
.project_girder_list li p {display:flow-root; position:absolute; top:0; left:0; background:rgba(255 ,255, 255, .3); width:100%; height:20px; line-height:20px; font-weight:600;}
|
|
.project_girder_list a {position:relative; width:100%; height:100%; border-radius:0 2px 2px 0; font-size:12px; color:#000; text-align:center; cursor:default; box-sizing:border-box; border-radius:0 4px 4px 0; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);}
|
|
/* .project_girder_list a:hover {outline:2px solid var(--color-accent500);} */
|
|
.project_girder_list a::before {z-index:0; display:block; content:''; position:absolute; top:0; left:0; height:36px; transform-origin:0% 0%; animation:transform 1s ease-in-out 1 forwards;}
|
|
.project_girder_list .girder_name {float:left; margin-left:4px;}
|
|
.project_girder_list .girder_percent {float:right; text-align:right; margin-right:4px;}
|
|
.project_girder_list .on {outline:4px solid var(--color-accent500); box-shadow:0 0px 12px 1px rgb(110 47 23 / 40%);}
|
|
.project_girder_list li.on::before {content:''; display:block; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:4px solid #FA552E; border-radius:0 4px 4px 0; overflow:hidden; z-index:1000;}
|
|
/* .project_girder_list li.blink a::after {content:''; display:inline-block; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(250, 62, 14, .5); animation:blink .8s ease-in-out infinite alternate;} */
|
|
|
|
.girder_detail_wrap {_display:grid; _grid-template-columns: repeat(2, 1fr); _grid-gap:24px; _grid-auto-rows:minmax(40%, auto); _height:100%; }
|
|
.girder_detail_wrap > div {display:flow-root; width:100%; margin-bottom:12px;}
|
|
.girder_detail_wrap > div .girder_state h5 {text-align:left;}
|
|
.girder_detail_wrap > div .girder_state:first-child {width:calc(50% - 12px); float:left;}
|
|
.girder_detail_wrap > div .girder_state:last-child {width:calc(50% - 12px); float:right;}
|
|
.girder_detail_wrap .girder_state_wrap {width:100%;}
|
|
.girdermap_wrap {grid-column: 1 / span 2; padding-bottom:30px;}
|
|
.girdermap_dir {display:flow-root;}
|
|
.girdermap_dir i {float:left; border-radius:0;}
|
|
.girdermap_dir1 {float:left; width:calc(50% - 12px); height:34px; line-height:34px; text-align:center; font-weight:500; background:#799B4D; color:#fff; font-size:13px;}
|
|
.girdermap_dir2 {float:right; width:calc(50% - 12px); height:34px; line-height:34px; text-align:center; font-weight:500; background:#8A5AA8; color:#fff; font-size:13px;}
|
|
.girdermap_dir em {font-size:16px; margin-left:4px;}
|
|
.girdermap_detail {position:relative;}
|
|
.girdermap_detail .btn_prev {left:0; border-radius:0 2px 2px 0;}
|
|
.girdermap_detail .btn_next {right:0; border-radius:2px 0 0 2px;}
|
|
.girdermap_detail .btn_prev::before {content:'\2039'; display:inline-block; font-size:24px; color:#fff;}
|
|
.girdermap_detail .btn_next::before {content:'\203A'; display:inline-block; font-size:24px; color:#fff;}
|
|
.girdermap_detail button {position:absolute; top:10px; display:inline-block; width:24px; height:calc(100% - 20px); background:#bbb; box-shadow:0px 2px 2px rgba(0, 0, 0, .1);}
|
|
.girdermap_detail button:hover {background:#aaa;}
|
|
/* 모식도 */
|
|
.girdermap {width:100%; padding:16px 30px; background:#fff; box-sizing:border-box;}
|
|
.girdermap.cursor td {cursor:pointer;}
|
|
.girdermap table {font-size:11px; width:unset; white-space:nowrap; margin:0 auto;}
|
|
.girdermap table td {text-align: center; table-layout:fixed; background:#ccc;}
|
|
.girdermap .endblock {position:relative; width:60px; background:#ccc; font-weight:600; font-size:14px; border:1px solid #EDEDED;}
|
|
.girdermap .endblock::before {content:''; display:block; position:absolute; top:-4px; left:-1px; content:''; display:inline-block; width:100%; height:4px; background:#ccc; border:1px solid #EDEDED; border-bottom:0;}
|
|
.girdermap .endblock::after {content:''; display:block; position:absolute; bottom:-4px; left:-1px; content:''; display:inline-block; width:100%; height:4px; background:#ccc; border:1px solid #EDEDED; border-top:0;}
|
|
.girdermap .nodule {position:relative; z-index:10; width:24px; height:70px; border:1px solid #EDEDED;}
|
|
.girdermap .nodule::before {position:absolute; top:-35px; left:-1px; content:''; display:inline-block; width:100%; height:4px; background:#ddd; border:1px solid #EDEDED;}
|
|
.girdermap .nodule::after {position:absolute; bottom:-35px; left:-1px; content:''; display:inline-block; width:100%; height:4px; background:#ddd; border:1px solid #EDEDED;}
|
|
.girdermap .jweb {position:relative; width:56px; background:#ccc; border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED;}
|
|
.girdermap .jweb::before, .girdermap .jweb b::before {position:absolute; top:0px; left:-12px; content:''; display:inline-block; width:12px; height:100%; background:#ccc; border-left:1px solid #EDEDED;}
|
|
.girdermap .jweb::after, .girdermap .jweb b::after {position:absolute; top:0px; right:-12px; content:''; display:inline-block; width:12px; height:100%; background:#ccc; border-right:1px solid #EDEDED;}
|
|
.girdermap .none {height:30px; background-color:#fff;}
|
|
/* 모식도 > blink */
|
|
.girdermap .endblock .blink {position:absolute; top:-4px; left:0px; width:100%; height:calc(100% + 8px); z-index:10; background:rgba(250, 62, 14, .5); animation:blink .8s ease-in-out infinite alternate;}
|
|
.girdermap .jweb .blink {position:absolute; top:0; left:-12px; width:calc(100% + 24px); height:100%; z-index:10; background:rgba(250, 62, 14, .5); animation:blink .8s ease-in-out infinite alternate;}
|
|
.girdermap .nodule .blink {position:absolute; top:0; left:0px; width:100%; height:100%; z-index:10; background:rgba(250, 62, 14, .5); animation:blink .8s ease-in-out infinite alternate;}
|
|
.girdermap .nodule .blink::before {content:''; display:block; position:absolute; top:-35px; left:-1px; width:calc(100% + 2px); height:6px; background:rgba(250, 62, 14, .5); animation:blink .8s ease-in-out infinite alternate;}
|
|
.girdermap .nodule .blink::after {content:''; display:block; position:absolute; bottom:-35px; left:-1px; width:calc(100% + 2px); height:6px; background:rgba(250, 62, 14, .5); animation:blink .8s ease-in-out infinite alternate;}
|
|
/* 모식도 > 공정별 컬러 적용 */
|
|
.girdermap .prc1, .girdermap .prc1::before, .girdermap .prc1::after {background:var(--color-yellow); color:#fff; font-weight:600;}
|
|
.girdermap .prc1:hover, .girdermap .prc1:hover::before, .girdermap .prc1:hover::after {background:#CC9834;}
|
|
.girdermap .prc2, .girdermap .prc2::before, .girdermap .prc2::after {background:var(--color-green); color:#fff; font-weight:600;}
|
|
.girdermap .prc2:hover, .girdermap .prc2:hover::before, .girdermap .prc2:hover::after {background:#1C8031;}
|
|
.girdermap .prc3, .girdermap .prc3::before, .girdermap .prc3::after {background:var(--color-skyblue); color:#fff; font-weight:600;}
|
|
.girdermap .prc3:hover, .girdermap .prc3:hover::before, .girdermap .prc3:hover::after {background:#3F7F9B;}
|
|
.girdermap .prc4, .girdermap .prc4::before, .girdermap .prc4::after {background:var(--color-navy); color:#fff; font-weight:600;}
|
|
.girdermap .prc4:hover, .girdermap .prc4:hover::before, .girdermap .prc4:hover::after {background:#0D1D3D;}
|
|
.girdermap .prc5, .girdermap .prc5::before, .girdermap .prc5::after {background:var(--color-wine); color:#fff; font-weight:600;}
|
|
.girdermap .prc5:hover, .girdermap .prc5:hover::before, .girdermap .prc5:hover::after {background:#6C2032;}
|
|
|
|
.girdermap .asmt1, .girdermap .asmt1::before, .girdermap .asmt1::after {background:var(--color-asmt-request); color:#fff; font-weight:600;}
|
|
.girdermap .asmt2, .girdermap .asmt2::before, .girdermap .asmt2::after {background:var(--color-asmt-takeout); color:#fff; font-weight:600;}
|
|
|
|
|
|
/* .project_process_all {position:relative; box-sizing:border-box;}
|
|
.project_process_all .chart02 {position:relative; margin:20px auto; width:120px; height:120px; padding:10px; font-weight:800; border-radius:50%; font-size:32px; color:var(--color-accent500); text-align:center; background:#ddd;}
|
|
.project_process_all .chart02::after {display:block; content:'%'; position: absolute; top:-40px; right:2px; font-weight:600; font-size:12px; color:var(--color-gray600);}
|
|
.project_process_all .chart02 [class^="chart_value"] {width:100%; height:100%; margin:0 auto; border-radius: 50%; box-sizing: border-box;}
|
|
.chart02 .percent {display:flex; align-items: center; justify-content:center; position:absolute; left:50%; top:50%; font-size:28px; transform:translate(-50%, -50%); width:80px; height:80px; border-radius:50%; background-color:#fff;
|
|
box-sizing:border-box; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);} */
|
|
|
|
.process_state .chart {position:relative; margin-top:2px; padding-top:8px; border-top:1px solid var(--color-gray300); font-weight: 500; font-size:20px; text-align:center;}
|
|
.process_state .chart::after {display:block; content:'%'; position: absolute; top:4px; right:2px; font-weight:600; font-size:12px; color:var(--color-gray600);}
|
|
.process_state .chart [class^="chart_value"] {width:70px; height: 70px; margin:0 auto; border-radius: 50%; box-sizing: border-box;}
|
|
.chart_value {background:repeating-conic-gradient(from 0deg, var(--color-yellow) 0deg calc(3.6deg * 100),#d9d9d9 calc(3.6deg * 100) calc(3.6deg * 100));}
|
|
.chart_value2 {background:repeating-conic-gradient(from 0deg, var(--color-green) 0deg calc(3.6deg * 93),#d9d9d9 calc(3.6deg * 93) calc(3.6deg * 100));}
|
|
.chart_value3 {background:repeating-conic-gradient(from 0deg, var(--color-skyblue) 0deg calc(3.6deg * 15),#d9d9d9 calc(3.6deg * 15) calc(3.6deg * 100));}
|
|
.chart_value4 {background:repeating-conic-gradient(from 0deg, var(--color-navy) 0deg calc(3.6deg * 72),#d9d9d9 calc(3.6deg * 72) calc(3.6deg * 100));}
|
|
.chart_value5 {background:repeating-conic-gradient(from 0deg, var(--color-wine) 0deg calc(3.6deg * 44),#d9d9d9 calc(3.6deg * 44) calc(3.6deg * 100));}
|
|
.process_state .percent {position:absolute; left:50%; top:50%; transform:translate(-22px,-18px); width:44px; height:44px; border-radius:50%; background-color:#fff; line-height:44px; box-sizing:border-box;}
|
|
|
|
/* process */
|
|
|
|
|
|
/* 내문서 */
|
|
.my_documents {display: flex; overflow: hidden; height: calc(100% - 49px); padding-top: 49px;}
|
|
.lnb {width:14%; min-width:190px; background-color:#C7BEAD; box-sizing:border-box;}
|
|
.member_info_list {letter-spacing:-0.05em;}
|
|
.member_info_box {width:57.2%; min-width:154px; margin:40px auto 0;}
|
|
.lnb .member_comapny {font-weight:700; font-size:12px; color:var(--color-gray700);}
|
|
.lnb .member_name {display:inline; font-weight:700; font-size:20px; color:var(--color-gray900);}
|
|
.lnb .member_name::before {display: inline-block; content:''; transform:translateY(2px); width:20px; height:20px; margin-right:4px; border-radius:50%; background:var(--color-gray800) url(../images/icon_user.png) no-repeat center / 12px;}
|
|
.lnb .member_position {display:inline; font-weight:700; font-size: 16px; color:var(--color-gray800);}
|
|
.lnb .member_email {margin-top:16px; font-weight:500; font-size:12px; line-height:20px;}
|
|
.lnb .member_email::before,
|
|
.lnb .member_phone::before,
|
|
.lnb .connect_tiem::before {display: inline-block; content: ''; transform:translateY(3px); width: 16px; height:16px; margin-right:8px; border-radius:50%;}
|
|
.lnb .member_phone {font-weight:500; font-size:12px; line-height:20px;}
|
|
.lnb .member_email::before {background:url(../images/ico_mail.svg) no-repeat 2px / 12px, rgba(255, 255, 255, 0.7);}
|
|
.lnb .member_phone::before {background:url(../images/ico_phone.svg) no-repeat center / 10px, rgba(255, 255, 255, 0.7);}
|
|
.lnb .connect_tiem {margin-top:16px; padding-top:16px; padding-bottom:16px; border-top:1px dashed rgba(0, 0, 0, 0.3); font-weight:500; font-size:13px; color: var(--color-gray800);}
|
|
.lnb .connect_tiem::before {background:url(../images/ico_access_time.svg) no-repeat center / 12px, rgba(255, 255, 255, 0.7);}
|
|
.member_info_box .btn_box {display:flex; flex-flow: row wrap; justify-content:space-evenly; margin-bottom:20px;}
|
|
.member_info_box .btn_box button {padding-left:6px; padding-right:6px;}
|
|
.member_info_box .btn_edit_info {width:100%; height:34px; border:1px solid rgba(0,0,0,0.6); background:linear-gradient(180deg, #F5EDDE 0%, #DCD5C8 14.06%, #CFC9BF 90.10%, #A59678 100%); border-radius:2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); font-weight:500; font-size: 13px; color:var(--color-gray800); }
|
|
.member_info_box .btn_edit_info:hover {background: linear-gradient(180deg, #E4E2DD 0%, #C8C2B5 15%, #BCB7AC 90%, #6B655A 100%); color:var(--color-gray900);}
|
|
.btn_quit_member,
|
|
.btn_mng_member {height:30px; font-weight:500; line-height:30px; color:var(--color-gray800);}
|
|
.btn_mng_member::before {display: inline-block; content: ''; width: 1px; height:14px; background-color:var(--color-gray600); transform:translate(-10px, 2px);}
|
|
.btn_quit_member:hover,
|
|
.btn_mng_member:hover {color:#006C5D;}
|
|
|
|
.document_list_wrap {overflow-y:auto; height:calc(100vh - 347px); border-top:8px solid #9F998A;}
|
|
.document_list_wrap .btn_write {display:block; width:57.2%; height:34px; margin-top:20px; margin-left:auto; margin-right: auto; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
|
|
.document_list_wrap .btn_write::before {display: none;}
|
|
.document_list {display:flex;flex-direction:column; width:57.2%; margin-top:12px; margin-left:auto; margin-right: auto; box-sizing:border-box; transition: all .3s;}
|
|
.document_list li {overflow:hidden; position:relative; flex-basis:120px;; flex-grow:1; flex-shrink:0; border-radius:4px; background:linear-gradient(180deg, #FFFFFF 0%, #F3F3F3 95%, #c5c5c5 100%); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); letter-spacing:-0.05em; box-sizing:border-box; transition:all .3s;}
|
|
.document_list li:hover {outline:1px solid #006C5D;}
|
|
.document_list li:nth-child(n+2) {margin-top:12px;}
|
|
.document_list li.on {outline:2px solid #006C5D; box-shadow: 0px 0px 18px 2px rgba(0, 108, 93, 0.1), 0px 4px 10px -2px rgba(0, 0, 0, 0.1);}
|
|
.document_list li.on::before {float:left; transform:translate(-1px, 10px); content:''; width:4px; height:50px; border-radius:0 2px 2px 0; background-color:#006C5D;}
|
|
.document_list li a {display:block; height:100%; padding:16px 14px; box-sizing:border-box;}
|
|
.document_list li.new .item_tit::after {display:inline-block; content:''; width:12px; height:12px; margin-left:4px; background:url(../images/ico_new.svg) no-repeat center / 100%;}
|
|
.document_list li i {display:block; width:26px; height:26px;}
|
|
.document_list .list_item1 i {background: url(../images/ico_task.svg) no-repeat center / 26px;}
|
|
.document_list .list_item2 i {background: url(../images/ico_difference.svg) no-repeat center / 26px;}
|
|
.document_list .list_item3 i {background: url(../images/ico_insert_comment.svg) no-repeat center / 26px;}
|
|
.document_list .list_item4 i {background: url(../images/ico_upload_file.svg) no-repeat center / 26px;}
|
|
.document_list li .item_tit {font-weight:500; font-size:15px; color:var(--color-gray800);}
|
|
.document_list li .item_quantity {overflow:hidden; position: absolute; right:16px; bottom:14px; display:block; height:30px; margin-top:16px; font-weight:500; font-size:14px; text-align:right; color:var(--color-gray600);}
|
|
.document_list li .item_quantity::after {display:inline-block; content:''; width:12px; height:12px; margin-left:2px; background:url(../images/ico_arrowr.svg) no-repeat right center / 6px 10px; opacity:0.7;}
|
|
.document_list li .item_quantity em {margin-right:2px; font-weight:500; font-size:32px; line-height:1; color:var(--color-gray900);}
|
|
.my_documents .content {overflow-y:auto; width:86%; padding-right:3%; box-sizing:border-box;}
|
|
.my_documents .content_mode_view {background-color:#F0F0F0;}
|
|
.my_documents .content_in {margin-left:40px;}
|
|
/*.content .h_4 {display:inline-block;margin-top:36px;margin-bottom:16px;font-weight:700;font-size:22px;letter-spacing:-0.05em;} */
|
|
.tbl_top .h_4 {display:inline-block; margin-bottom:16px;}
|
|
.content .h_4 {display:inline-block; margin-bottom:16px; font-size:22px;}
|
|
.my_documents .h_4 {margin-top:36px;}
|
|
|
|
.content .sel_document_type {width: max-content; height:32px; margin-top:-10px; padding-left:0; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: none;}
|
|
.content .sel_document_type.on {border-color:#E47643;}
|
|
.content .sel_document_type .opt_selected {display: block; overflow: hidden; position: relative; height: 28px; padding-left: 6px; padding-right: 20px; border-radius: 2px; background-color: #fff; font-weight: 500; font-size: 14px; line-height: 28px; letter-spacing: -0.03em; box-sizing: border-box;}
|
|
.content .sel_document_type .opt_list,
|
|
.content .sel_document_type .opt_list ul {height: unset;}
|
|
.content .sel_document_type + .btn_box {margin-left: auto;}
|
|
.content_mode_view .tbl_wrap {background:#fff;}
|
|
.content .tbl_top {_display:flex; width:100%; _margin-top:12px;}
|
|
|
|
.tb_list {padding-bottom:30px;}
|
|
.tbl_top {display:flow-root;}
|
|
h3 + .tbl_top .btn_box {_margin-top:28px;}
|
|
.tbl_top button {display:inline-block; height:24px; padding-left:8px; padding-right:8px; border-radius:2px; border-style:solid; border-width:1px; font-weight:500; font-size:13px; line-height:22px; letter-spacing:-0.05em; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2); transition:all .3s;}
|
|
.tbl_top .flt_r {margin-top: 40px;}
|
|
.tbl_top .btn_cancel {border-color:rgba(158, 158, 158, 0.7); background:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%); color:var(--color-gray500);}
|
|
.tbl_top .btn_cancel:hover {background:linear-gradient(180deg, #FFFFFF 0%, #ddd 100%); color:var(--color-gray600);}
|
|
.tbl_top .btn_delete,
|
|
.tbl_top .btn_delete_item {border-color:var(--color-deleteR); background:linear-gradient(00deg, #efefef 0%, #fff 100%); color:var(--color-deleteR);}
|
|
.tbl_top .btn_delete:hover,
|
|
.tbl_top .btn_delete_item:hover {background:linear-gradient(0deg, #d5d5d5 0%, #fafafa 100%);}
|
|
.tbl_top .btn_delete:disabled {opacity:0.25; pointer-events:none;}
|
|
.tbl_top .btn_add {border-color: rgba(0, 0, 0, 0.3);background: linear-gradient(0deg,#286B61 0%, #2D776C 100%); color:#fff;}
|
|
.tbl_top .btn_add:hover {background:linear-gradient(180deg, #347167 0%, #1c4e46 100%);}
|
|
.tbl_top .btn_initial {border-color:rgba(97, 97, 97, 0.7); background: linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%); color: #616161;}
|
|
.tbl_top .btn_initial::before {display:inline-block; content:''; width:10px; height:10px; margin-right:2px; background:url(../images/ico_autorenew.svg) no-repeat center / 12px;}
|
|
.tbl_top .btn_initial:hover {background:linear-gradient(180deg, #FFFFFF 0%, #ddd 100%); color:var(--color-gray600);}
|
|
.btn_resend {border:1px solid rgba(0, 0, 0, 0.2); border-radius:2px; background:url(../images/ico_upload_file_w.svg) no-repeat 6px center, linear-gradient(180deg, rgba(160, 148, 113, 0.8) 0%, rgba(141, 132, 103, 0.8) 100%); font-weight:500; color:#fff; text-indent:14px;}
|
|
.btn_resend:hover {background:url(../images/ico_upload_file_w.svg) no-repeat 6px center, linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(160, 148, 113, 0.8) 0%, rgba(141, 132, 103, 0.8) 100%);}
|
|
.btn_resend::before {display: inline-block; content:''; background: url(../images/ico_upload_file_w.svg) no-repeat 6px center;}
|
|
.tbl_bottom .btn_resend {padding-left:36px; padding-right:40px;}
|
|
.btn_write {border:1px solid rgba(0, 0, 0, 0.2); border-radius:2px; background:linear-gradient(180deg, #2D776C 0%, #1F554D 100%); font-weight:500; color:#fff;}
|
|
.btn_write::before {display:inline-block; content:''; width:14px; height:14px; margin-right:4px; transform:translateY(2px); background:url(../images/ico_create_w.svg) no-repeat center / 14px;}
|
|
.btn_write:hover {background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, #2D776C 0%, #1F554D 100%);}
|
|
.tbl_top button + .btn_write {margin-left:16px;}
|
|
.tbl_top button + .btn_write::before {display:inline-block; content: ''; transform: translate(-38px, -1px); width:1px; height:20px; background-color: var(--color-gray300); vertical-align:middle;}
|
|
.tbl_top .btn_pass {height: 28px; margin-top:40px; border-color:#606060; background: linear-gradient(180deg, #FFFFFF 0%, rgba(224, 224, 224, 0.76) 100%); color: #7C6A46;}
|
|
.tbl_top .btn_pass:hover {background:linear-gradient(180deg, rgba(250, 250, 250, 1) 0%, rgba(210, 210, 210, 1) 100%);}
|
|
|
|
.tb1 thead {height:34px; background:linear-gradient(180deg, #E4E4E4 0%, #EAEAEA 85%, #DDD 100%); border-top:2px solid #000; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);}
|
|
.my_documents .tb1 {border-bottom: 1px solid #eee;}
|
|
.my_documents .tb1 tbody tr:hover {background-color:rgba(45, 119, 108, 0.05);}
|
|
.my_documents .tb1 tbody td {text-align:center; }
|
|
.my_documents .tb1 tbody td {height:64px;}
|
|
.my_documents .tb1 tbody td:nth-child(n+2) {border-left:1px solid #eee;}
|
|
.my_documents .tb1 .new td,
|
|
.my_documents .tb1 .new a {font-weight:700;}
|
|
.my_documents .tb1 .new .tit::after {display:inline-block; content:''; transform: translateY(2px); width:14px; height:14px; margin-left:4px; background: url(../images/ico_new.svg) no-repeat center / 14px;}
|
|
.my_documents .tb1 .tit {padding-left:1.5%; padding-right:1.5%; text-align:left; }
|
|
.tb1 .tit span {overflow:hidden; display: inline-block; width:calc(100% - 18px); max-width:720px; text-overflow:ellipsis; white-space:nowrap;}
|
|
.tb1 [class*="sig"] .tit::before {display:inline-block; content:''; width:40px; height:22px; margin-right:8px; border-radius:2px; font-weight:600; font-size:12px; line-height:22px; text-align:center;}
|
|
.tb1 .sig_reject .tit::before {content:'반려'; background-color:rgba(235, 73, 73, 0.2); color:#EB4949;}
|
|
.tb1 .sig_ongoing .tit::before {content:'진행중'; background-color:rgba(239, 106, 31, 0.2); color: #EF6A1F;}
|
|
.tb1 .sig_done .tit::before {content:'완료'; background: #D4E9E6; color: #286b62;}
|
|
.tb1 .date {color:var(--color-gray700);}
|
|
.file_container {padding-left:1.5%; padding-right:1.5%;}
|
|
.file_container .btn_file {display:block; height:100%; text-align:center;}
|
|
.tb1 .btn_file {width:100%; max-width:200px; font-weight:400; text-align:left; color:var(--color-gray700);}
|
|
.tb1 .btn_file:hover {color: var(--color-gray800);}
|
|
.tb1 .btn_file .txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
|
|
.tb1 .btn_file::before{display:inline-block; content:''; width:inherit; height:inherit;background:url(../images/ico_file.svg) no-repeat center / 16px 16px;}
|
|
.atd_file_list .file_tit::before {display:inline-block; content:''; transform: translateY(4px); min-width:18px; height:18px;background:url(../images/ico_file.svg) no-repeat center / 16px 16px;}
|
|
.tb1 .btn_file .file_extension {flex-shrink:0;}
|
|
.tb1 .btn_file .shorten {flex-shrink:0; margin-left:4px; color:var(--color-gray500);}
|
|
|
|
[class*="file"].ico_pdf::before {background-image:url(../images/ico_pdf.svg);}
|
|
[class*="file"].ico_hwp::before {background-image:url(../images/ico_hwp.svg);}
|
|
[class*="file"].ico_ppt::before {background-image:url(../images/ico_ppt.svg); background-size: 20px 20px;}
|
|
[class*="file"].ico_xls::before {background-image:url(../images/ico_xls.svg); background-size: 20px 20px;}
|
|
[class*="file"].ico_word::before {background-image:url(../images/ico_word.svg); background-size: 20px 20px;}
|
|
|
|
/* checkbox 디자인 */
|
|
.checkbox_container input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
|
|
.checkbox_container input[type="checkbox"] + label {display:flex;align-items:center; justify-content:center; position:relative; height:100%; cursor:pointer; user-select: none;}
|
|
.checkbox_container input[type="checkbox"] + label:before {content:''; display: inline-block; cursor:pointer; width:14px; height:14px; font-weight:300; font-size:11px; line-height:14px; text-align:center; vertical-align: middle; border-radius:2px; border:1px solid #BDBDBD; background:#fff; box-sizing: border-box;}
|
|
.checkbox_container input[type="checkbox"]:checked + label:before {content: '\2714'; color:#fff; border:0; background:#d85413; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);}
|
|
|
|
/* paging */
|
|
.paging_wrap {text-align:center; margin-top:20px; margin-bottom:30px;}
|
|
.paging {display: flex; justify-content: center;}
|
|
.paging li {display:inline-block; width:40px; border-radius:2px;}
|
|
.paging .paging_prev,
|
|
.paging .paging_next {background: rgba(0, 108, 93, 0.15);}
|
|
.paging .paging_prev:not(.disabled):hover,
|
|
.paging .paging_next:not(.disabled):hover {background: rgba(0, 108, 93, 0.25);}
|
|
.paging .paging_prev:not(.disabled):hover a,
|
|
.paging .paging_next:not(.disabled):hover a {opacity:0.8;}
|
|
.paging .paging_prev a {background:url(../images/ico_arrowl.svg) no-repeat center / 8px; opacity:0.6;}
|
|
.paging li.disabled a {opacity:0.2; cursor:default;}
|
|
.paging li.disabled {background: rgba(217, 217, 217, 0.3);}
|
|
.paging .paging_next a {background:url(../images/ico_arrowr.svg) no-repeat center / 8px; opacity:0.6;}
|
|
.paging li a {display:block; height:40px; line-height:40px; border-radius:2px; font-weight:500; font-size:14px; color:var(--color-gray500);}
|
|
.paging li.on a,
|
|
.paging li:hover a {font-weight:600; color:#2b6c5c; transition:all .5s;}
|
|
|
|
/*기안문서 작성*/
|
|
.tb_mode_write {border-top:2px solid var(--color-gray900); border-bottom:1px solid #757575;}
|
|
.tb_mode_write > tbody > tr:nth-last-child(n+2) {border-bottom:1px solid var(--color-gray200);}
|
|
.tb_mode_write .item_tit,
|
|
.tb_mode_view .item_tit {min-width:80px; font-weight:700; font-size:16px; text-align:left; color:#1F1F1F; text-indent:1px; letter-spacing:-0.05em;}
|
|
.tb_mode_write .item_content {padding-top:10px; padding-bottom:10px; box-sizing:border-box;}
|
|
.tb_mode_write td input,
|
|
.tb_mode_write textarea {width:100%; border-radius:2px; font-size:14px; color:var(--color-gray900); box-sizing:border-box; caret-color:var(--color-accent500);outline:none;}
|
|
.tb_mode_write input:focus,
|
|
.tb_mode_write .content_txt:focus {border-color:#E47643;}
|
|
.tb_mode_write input::placeholder,
|
|
.tb_mode_write textarea::placeholder {font-weight:400; font-size:16px; color:var(--color-gray500);}
|
|
.tb_mode_write .tit_input {height:36px; padding-left:10px; padding-right:10px; border:1px solid var(--color-gray300); font-weight:500; font-size:16px; line-height:34px;}
|
|
.tb_mode_write textarea {resize: none;}
|
|
.tb_mode_write .content_txt {height:320px; padding:10px; border:1px solid var(--color-gray300); }
|
|
|
|
/*기안문서 작성-파일첨부*/
|
|
.atd_file_wrap {display:flex; justify-content:space-between;}
|
|
.atd_file_wrap .atd_file_box {overflow-x:hidden; overflow-y:auto; border:1px solid var(--color-gray300);}
|
|
.writers_file .atd_file_box {width:calc(100% - 206px);}
|
|
.atd_file_wrap .atd_file_box.scroll_vertical {height:106px;}
|
|
.atd_file_list {table-layout:fixed; background:#fff; font-size:14px;}
|
|
.atd_file_list tr:hover {background: rgba(226, 244, 241, 0.6);}
|
|
.atd_file_list td {height:30px; line-height:30px;}
|
|
.atd_file_list .file_size {width:10%;}
|
|
.atd_file_list .file_tit {display:flex;}
|
|
.writers_file .file_tit {padding-left:10px;}
|
|
.atd_file_list .file_tit span {display:inline-block;}
|
|
.atd_file_list .file_tit .txt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:bottom;}
|
|
.atd_file_list .file_tit .file_extension {flex-shrink:0; width:80px;}
|
|
.atd_file_list .file_size {font-size:12px; color:#9e9e9e;}
|
|
.atd_file_list .btn_container {width:5%; text-align:center;}
|
|
.atd_file_list .btn_delete {width:24px; min-width:24px; height:24px; border-radius:2px; background:url(../images/ico_delete.svg) no-repeat center / 10px;}
|
|
.atd_file_list .btn_delete:hover {background:url(../images/ico_delete.svg) no-repeat center / 10px,#FBDBDB;;}
|
|
.atd_file_info {padding-top:22px; font-weight:500; text-align:right; color:var(--color-accent500); letter-spacing:-0.05em;}
|
|
.atd_file_info p {color:var(--color-gray600);}
|
|
.atd_file_info p em {color:var(--color-accent500);}
|
|
.atd_file_info p em::after {display: inline-block; content:'/'; margin-left:2px; margin-right:2px; color:var(--color-gray600);}
|
|
.atd_file_info button {display:inline-block; height:30px; margin-top:10px; padding-right:10px; border-radius: 2px; font-weight:500; font-size:13px; line-height:30px; text-align:left; letter-spacing:-0.05em; box-sizing:border-box; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%);}
|
|
.atd_file_info button + button {margin-left:10px;}
|
|
.atd_file_info .btn_delete_all {border: 1px solid var(--color-deleteR); background:linear-gradient(180deg, #FFF 0%, #FEFEFE 12%, #F6F6F6 88%, #C0C0C0 100%); color:var(--color-deleteR); text-indent:14px;}
|
|
.atd_file_info .btn_delete_all::before {display:inline-block; content:''; width:10px; height:10px; margin-right:4px; background: url(../images/ico_delete.svg) no-repeat center / 10px;}
|
|
.atd_file_info .btn_delete_all:hover {background:linear-gradient(180deg, #FFF 0%, #EDEDED 12%, #EDEDED 88%, #B5B5B5 100%);}
|
|
.btn_atd_file {flex-shrink:0; border: 1px solid rgba(0, 0, 0, 0.4); background:linear-gradient(180deg, #E2D7C2 0%, #CBBC9F 12%, #CBBC9F 88%, #998C74 100%); color:#615236; text-indent:12px;}
|
|
.btn_atd_file::before {display:inline-block; content:''; width:12px; height:18px; margin-right:4px; transform:translateY(3px); background:url(../images/ico_attachment.svg) no-repeat center / 18px;}
|
|
.btn_atd_file:hover {background: linear-gradient(180deg, #DAD0BD 0%, #BBAD93 12%, #BBAD93 88%, #8E836D 100%);}
|
|
|
|
/* 기안문서 작성 - 결재라인 */
|
|
.tb_mode_write .check_line {display:flex; justify-content:space-between; }
|
|
.tb_mode_write .check_line_in {width:calc(100% - 98px); overflow-x: auto; overflow-y: hidden;}
|
|
.tb_mode_view .check_line_in {margin-top:10px; padding-bottom:10px;}
|
|
.check_line_list {display:flex; flex-wrap: nowrap;}
|
|
.check_line_list > li {display:flex; float:left; position:relative; flex-direction:column; flex-wrap:wrap; flex-basis:170px; flex-shrink: 0; align-content: space-between; height:80px; border-radius:2px; border: 1px solid rgba(0, 0, 0, 0.05); background-color:#f5f5f5; box-sizing:border-box;}
|
|
.check_line_list > li + li::before {display:inline-block; content:''; position:absolute; left:-20px; top:calc(50% - 8px); width:0; height:0; border-top:8px solid transparent; border-left:8px solid rgba(127, 100, 59, 0.5); border-bottom:8px solid transparent; }
|
|
.docu2 .check_line_list > li + li::before {display: none;}
|
|
.check_line_list > li + li {margin-left:30px;}
|
|
.check_line_list > li + li:last-child::after {display: none;}
|
|
.docu1 .check_line_list > li + li {margin-left:30px;}
|
|
.docu2 .check_line_list > li + li {margin-left:10px;}
|
|
.check_line_wrap .item_tit span:first-child::after {display: inline-block; content: '/'; width: 10px; text-align: center;}
|
|
.docu1 .check_line_wrap .item_tit span:first-child::after,
|
|
.docu1 .check_line_wrap .item_tit span:last-child {display: none;}
|
|
.docu2 .check_line_wrap .item_tit span:first-child {display: none;}
|
|
|
|
|
|
/* 기안문서 작성 - 결재라인 셀렉트박스 */
|
|
.check_line_list button {display:block;}
|
|
|
|
/* selectbox */
|
|
.sel_option {position:relative; width:calc(100% - 44px); margin-top:8px; margin-left:10px; text-align: left;}
|
|
.popup_content td .sel_option {width:100%; margin-top:0; margin-left:0; font-size:16px; text-align:center;}
|
|
.sel_option::after {display:inline-block; content:''; position:absolute; top:6px; right:6px; width:16px; height:16px; transform:rotate(90deg); background:url(../images/ico_arrowr.svg) no-repeat 6px center; opacity:0.5;}
|
|
.sel_option.on::after {transform:rotate(270deg) translateX(-2px); background:url(../images/ico_arrowr_acnt.svg) no-repeat 6px center / 8px; opacity:1;}
|
|
.opt_list,
|
|
.autocomplete_list {display:none; z-index:10; position: absolute; min-width:120px; width:max-content; height:220px; padding:12px 8px; border-radius:2px; border: 1.4px solid #606060; background: #fff; font-weight:500; font-size: 13px; color:var(--color-gray600); box-shadow:var(--boxshadow-default);}
|
|
.popup_content td .opt_list {height:150px; width:inherit; font-size:16px;}
|
|
.member_input_box input:focus .autocomplete_list,
|
|
.sel_option.on .opt_list {display: block;}
|
|
.opt_list ul {overflow-y:auto; height:196px;}
|
|
.popup_content td .opt_list ul {height:120px;}
|
|
.opt_list ul li {line-height:30px;}
|
|
.opt_list ul li.on,
|
|
.opt_list ul li:hover {background: rgba(226, 244, 241, 0.7); font-weight:600; color: #1F524B;;}
|
|
.opt_list ul li b {margin-right:4px;}
|
|
.check_line_list .btn_delete {width:24px; height:80px;}
|
|
.check_line_list .btn_delete::before {position:absolute; transform:translate(-1px,0); display:block; content:''; width:1px; height:80px; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.02) 100%);}
|
|
.check_line_list .btn_delete::after {display:block; content:''; width:24px; height:80px; background:url(../images/ico_clear.svg) no-repeat center / 12px; opacity:0.5;}
|
|
.check_line_list .btn_delete:hover::after { background:url(../images/ico_clear_on.svg) no-repeat center / 12px; opacity:1;}
|
|
.check_line_list .opt_selected,
|
|
.check_line_list select {display:block; overflow:hidden; position:relative; height:28px; padding-left:6px; padding-right:20px; border-radius:2px; border:1px solid rgba(0, 0, 0, 0.2); background-color:#fff; font-weight: 500; font-size:14px; line-height:28px; letter-spacing:-0.03em; text-overflow: ellipsis; white-space:nowrap; box-sizing: border-box;}
|
|
.check_line_list select {width: calc(100% - 44px); margin-left: 10px; margin-top: 8px;}
|
|
.check_line_list .sel_option.on .opt_selected {border-color: #E47643;}
|
|
.btn_add_line,
|
|
.btn_add_reference {display:inline-block; flex-shrink: 0; width:88px; height:30px; border-radius:2px; border: 1px solid rgba(0, 0, 0, 0.4); background:linear-gradient(180deg, #E2D7C2 0%, #CBBC9F 12.50%, #CBBC9F 86.98%, #998C74 100%); color:#615236; font-weight:500; font-size:13px; letter-spacing:-0.05em; box-sizing:border-box; box-shadow:0px 2px 2px rgb(0 0 0 / 20%); }
|
|
.btn_add_line:hover,
|
|
.btn_add_reference:hover {background:linear-gradient(180deg, #DAD0BD 0%, #BBAD93 12.50%, #BBAD93 86.98%, #8E836D 100%);}
|
|
.btn_add_line::after {display: inline-block; content: '추가'; margin-left: 4px;}
|
|
.docu1 .btn_add_line::after {content: '결재자 추가';}
|
|
.docu2 .btn_add_line::after {content: '수신자 추가';}
|
|
|
|
|
|
/* 기안문서 작성-참조 */
|
|
.reference_member {display:flex; justify-content:space-between; width:100%;}
|
|
.reference_member_list {display:flex; flex-wrap:wrap;}
|
|
.reference_member_list .list_item {position:relative; height:24px; margin-right:8px; margin-bottom:6px; padding-left:12px; padding-right:6px; border-radius:30px; border:1px solid rgba(0, 0, 0, 0.2); background:linear-gradient(180deg, #F5F5F5 0%, #EBEBEB 100%); font-weight:500; font-size:13px; line-height:24px; color:var(--color-gray600); letter-spacing:-0.03em; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); user-select: none}
|
|
.reference_member_list .list_item b {margin-right:4px; font-weight:700; color:var(--color-gray700);}
|
|
.reference_member_list .member_input {width:100px; height:26px; padding-left:10px; padding-right:10px; border-radius:26px; border:1px dashed rgba(0, 0, 0, 0.2);}
|
|
.reference_member_list .btn_delete {margin-left:8px;}
|
|
.reference_member_list .btn_delete::before {position:absolute; transform:translate(-1px,0); display:block; content:''; width:1px; height:24px; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.02) 100%);}
|
|
.reference_member_list .btn_delete::after {display:inline-block; content:''; width:22px; height:22px; transform:translateY(1px); background:url(../images/ico_clear.svg) no-repeat center / 10px; opacity:0.5;}
|
|
.reference_member_list .btn_delete:hover::after { background:url(../images/ico_clear_on.svg) no-repeat center / 10px; opacity:1;}
|
|
.member_input_box {position:relative;}
|
|
|
|
/* 기안문서 작성-의견 */
|
|
.opinion_wrap {display:flex; flex-direction: column; justify-content: space-between; _margin-top:10px; border-radius:2px; box-sizing:border-box;}
|
|
.opinion_wrap .opinion_write {display:flow-root; padding:20px; border: 1px solid var(--color-gray300);}
|
|
.opinion_wrap .writer_name {font-weight:700;}
|
|
.opinion_wrap textarea {width:100%; margin-top:6px; resize: none;}
|
|
.opinion_wrap textarea:focus {border:0; outline: none;}
|
|
.opinion_wrap .btn_atd_file {height:30px; padding-right:10px; border-radius:2px; line-height:30px; box-shadow:0px 2px 2px rgb(0 0 0 / 20%); box-sizing:border-box;}
|
|
|
|
.tbl_bottom {margin-top:20px; padding-bottom:30px; text-align:center;}
|
|
.tbl_bottom button {display:inline-block; height:42px; border-radius:2px; font-weight:600; font-size:16px; _line-height:40px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);}
|
|
.tbl_bottom button + button {margin-left:7px;}
|
|
.tbl_bottom .btn_delete {padding-left:40px; padding-right:40px; border: 1px solid rgba(0,0,0, 0.6); background: linear-gradient(180deg, #FF6868 0%, #DE0000 12.50%, #DE0000 84.90%, #930000 100%); color:#fff;}
|
|
|
|
.tbl_bottom .btn_delete:hover {background:linear-gradient(180deg, #D90A0A 0%, #C30606 12.50%, #C30606 84.90%, #770303 100%);}
|
|
.tbl_bottom .btn_cancel,
|
|
.tbl_bottom .btn_edit {padding-left:24px; padding-right:24px; border:1px solid rgba(0, 0, 0, 0.4); background:linear-gradient(180deg, #E9E9E9 0%, #B8B8B8 12%, #B8B8B8 88%, #939393 100%); color:#fff;}
|
|
.tbl_bottom .btn_cancel:hover,
|
|
.tbl_bottom .btn_edit:hover {background:linear-gradient(180deg, #E0E0E0 0%, #A3A3A3 12%, #A3A3A3 88%, #818181 100%);}
|
|
.tbl_bottom .btn_submit {padding-left:30px; padding-right:30px; border:1px solid rgba(0, 0, 0, 0.2); background: linear-gradient(180deg, #2F9A8A 0%, #247367 11.98%, #206A5F 85.42%, #1B4E46 100%); color:#fff;}
|
|
.tbl_bottom .btn_submit:hover{background:linear-gradient(180deg, #208172 0%, #1B534B 11.98%, #1B534B 85.42%, #14332E 100%);}
|
|
.tbl_bottom .btn_resubmit {padding-left:28px; padding-right:30px; border:1px solid rgba(0, 0, 0, 0.2); background: linear-gradient(180deg, rgba(160, 148, 113, 0.8) 0%, rgba(141, 132, 103, 0.8) 100%); color:#fff;}
|
|
.tbl_bottom .btn_resubmit:hover{background:linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 100%), linear-gradient(180deg, rgba(160, 148, 113, 0.8) 0%, rgba(141, 132, 103, 0.8) 100%);}
|
|
.tbl_bottom .btn_generate {padding-left:24px; padding-right:20px; border:1px solid rgba(0, 0, 0, 0.2); background:linear-gradient(180deg, #2D776C 0%, #1F554D 100%); color:#fff;}
|
|
.tbl_bottom .btn_generate:hover {background: linear-gradient(180deg, #347167 0%, #1c4e46 100%);}
|
|
.tbl_bottom .btn_resubmit::before {display:inline-block; content:''; transform:translateY(1px); width:14px; height:14px; margin-right:4px; background:url(../images/ico_upload_file_w.svg) no-repeat center / 18px}
|
|
.tbl_bottom .btn_box button {padding-left:8px; padding-right:8px; border: 1px solid #2D776C; background: linear-gradient(180deg, #FFF 0%, #FEFEFE 14.58%, #FEFEFE 90.10%, #C0C0C0 100%); color: #2D776C;}
|
|
.tbl_bottom .btn_prev::before {display:inline-block; content: ''; width:16px; height: 16px; transform:rotate(90deg); background: url(../images/ico_arrow_prim.svg) no-repeat center;}
|
|
.tbl_bottom .btn_next::after {display:inline-block; content: ''; width:16px; height: 16px; transform:rotate(-90deg) translateX(-2px); background: url(../images/ico_arrow_prim.svg) no-repeat center;}
|
|
.tbl_bottom .btn_box .btn_list {padding-left:16px; padding-right:16px;}
|
|
.tbl_bottom .btn_box button:hover {background: linear-gradient(180deg, #FFF 0%, #EDEDED 14.58%, #EDEDED 90.10%, #C0C0C0 100%);}
|
|
.opinion_wrap .atd_file_wrap .atd_file_box {width:50%; border:0;}
|
|
|
|
/* 기안문서 열람 */
|
|
.content_mode_view .tbl_wrap {overflow:hidden; padding:10px 20px; border:1px solid var(--color-gray300);}
|
|
.content_mode_view .tbl_wrap + .tbl_wrap {margin-top:20px;}
|
|
.content_mode_view .content_header {height:40px; padding-top:6px; padding-bottom:12px; border-bottom: 1px solid var(--color-gray300); text-align: left;}
|
|
.content_mode_view .content_header .check_line_result {display:block; width:fit-content; margin-top:4px; padding-left:4px; padding-right:4px;}
|
|
.content_mode_view .content_header .tit {display:inline-block; font-weight:500; font-size:28px; color:#1f1f1f;}
|
|
.tb_mode_view .item_content {display:flex; padding-top:10px; padding-bottom:10px;}
|
|
.tb_mode_view .writer_info {margin-top:13px; letter-spacing: -0.03em;}
|
|
.tb_mode_view .writer_info .member_comapny {font-weight: 500; color: var(--color-gray600);}
|
|
.tb_mode_view .writer_info .member_name {margin-left: 10px; color: var(--color-gray900);}
|
|
.tb_mode_view .writer_info .member_name::before {display: inline-block; content: ''; width: 1px; height: 12px; margin-right: 10px; background-color: #D9D9D9;}
|
|
.tb_mode_view .writer_info .member_position {color: var(--color-gray600);}
|
|
.tb_mode_view .writer_info .write_date {margin-left:10px; font-weight: 500; color: var(--color-gray600);}
|
|
.tb_mode_view .content_txt {width:100%; height:400px; margin-top:10px; border:0; background:#fff; font-size:14px; line-height:1.5; resize:none;}
|
|
.tb_mode_view .content_txt:focus {border:0; outline:none;}
|
|
.tb_mode_view .atd_file_list .btn_download {width:20px; height:20px; border-radius:2px; border:1px solid #2D776C; background:#fff url(../images/ico_download.svg) no-repeat center / 16px 16px;}
|
|
.tb_mode_view .atd_file_list .btn_download:hover {background:url(../images/ico_download.svg) no-repeat center / 16px 16px, linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.05) 100%);}
|
|
.btn_down_all {padding-left:10px; border:1px solid #2D776C; background:linear-gradient(180deg, #FFF 0%, #fefefe 12%, #F6F6F6 88%, #C0C0C0 100%); color: #2D776C;}
|
|
.btn_down_all::before {display:inline-block; content: ''; transform:translateY(2px); width: 14px; height:14px; margin-right:4px; background:url(../images/ico_download.svg) no-repeat center /14px 14px;}
|
|
.btn_down_all:hover {background:linear-gradient(180deg, #FFF 0%, #EDEDED 12%, #EDEDED 88%, #B5B5B5 100%);}
|
|
.reference_member_wrap .tb_mode_view .item_tit {min-width:80px; font-weight:500; font-size:16px; color:var(--color-gray700); word-break:break-word; }
|
|
.reference_member_wrap .tb_mode_view .item_tit em::after {display: inline-block; content:''; width: 1px; height: 14px; margin-left:8px; background-color:var(--color-gray400);}
|
|
.reference_member_wrap .tb_mode_view .item_tit em {margin-left:8px; font-weight:700; color:#2D776C;; }
|
|
.tb_mode_view .reference_member_list {overflow:hidden; width: calc(100% - 50px); height:30px; padding-top:3px; box-sizing: border-box;}
|
|
.tb_mode_view .reference_member_list .list_item {padding-right:12px;}
|
|
.tb_mode_view .reference_member_list.on {overflow:visible; height:unset;}
|
|
.tb_mode_view .reference_member_list.on .list_item {margin-bottom:6px;}
|
|
.reference_member_list + .btn_fold {flex-shrink:0; width:30px; height:30px; border-radius:2px; border: 1px solid rgba(0, 0, 0, 0.2); background: linear-gradient(180deg, #FFF 0%, #fefefe 12%, #fefefe 88%, #ddd 100%); color: #2D776C; box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);}
|
|
.reference_member_wrap .btn_fold::after {display:block; content: ''; width:30px; height:30px; background:url(../images/ico_arrow_prim.svg) no-repeat 8px center;}
|
|
.reference_member_list.on + .btn_fold::after {transform:scaleY(-1) translateY(2px);}
|
|
.reference_member_wrap .btn_fold.on::after {transform:scaleY(-1) translateY(1px);}
|
|
.reference_member_wrap .btn_fold:hover {background: linear-gradient(180deg, #FEFEFE 0%, #F2F2F2 12%, #F2F2F2 88%, #C8C8C8 100%);}
|
|
.tb_mode_view .check_line {display:unset;}
|
|
.tb_mode_view .check_line_list {overflow-x:auto; width:100%; padding-bottom:10px;}
|
|
.tb_mode_view .check_line_list li {flex-wrap:nowrap; flex-shrink:0; flex-basis:128px; height:100px; padding:10px; background-color:#fafafa;}
|
|
.tb_mode_view .check_line_list li[disabled] span, .tb_mode_view .check_line_list li + li[disabled]::before {opacity:0.4;}
|
|
.check_line_result {height:24px; font-weight:700; font-size:13px; line-height:24px; text-align:center;}
|
|
[class*="result_"] {margin-top:14px; border-radius:2px;}
|
|
.result_approval {background-color:rgba(45, 119, 108, 0.2); color: #2D776C;}
|
|
.result_reject {background: rgba(235, 73, 73, 0.2); color:#EB4949;}
|
|
.result_ongoing {background: rgba(239, 106, 31, 0.2); color:#E9661D;}
|
|
.tb_mode_view .opt_selected {height:unset; padding:0; border:0; background:transparent; line-height:unset;}
|
|
.tb_mode_view .opt_company {font-size:13px; color:var(--color-gray600);}
|
|
.tb_mode_view .opt_member {color:var(--color-gray600);}
|
|
.tb_mode_view .opt_member b {margin-right:4px; font-weight:600; font-size: 15px; color:var(--color-gray900);}
|
|
.tb_mode_view .check_line_list .btn_box {display:flex; margin-top:4px; padding:4px; border-radius:2px; background-color:#ebebeb; box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);}
|
|
.tb_mode_view .check_line_list .btn_box button {width: 50%; font-weight:500; line-height:22px; border-radius:2px;}
|
|
.tb_mode_view .check_line_list .btn_box .btn_approval {color:#006C5D;}
|
|
.tb_mode_view .check_line_list .btn_box .btn_approval.on {background:linear-gradient(180deg, #2F9A8A 0%, #247367 11.98%, #206A5F 85.42%, #1B4E46 100%);
|
|
}
|
|
.tb_mode_view .check_line_list .btn_box .btn_reject { color: #EB4949;}
|
|
.tb_mode_view .check_line_list .btn_box .btn_reject.on {background: linear-gradient(180deg, #F94141 0%, #D82B2B 14.58%, #D82B2B 88.02%, #AB0A0A 100%);}
|
|
.tb_mode_view .check_line_list .btn_box .on {border: 1px solid rgba(0, 0, 0, 0.2); font-weight:700; color:#fff; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}
|
|
.opinion_wrap .opinion_view {position:relative; margin-bottom:10px; font-size:13px;}
|
|
.opinion_wrap .opinion_view ul {position:relative; width:fit-content; margin-left:16px; padding:10px 30px 10px 16px; border-radius:4px; background: rgba(150, 187, 181, 0.15);}
|
|
.opinion_wrap .opinion_view ul::before {display:block; content:''; position:absolute; left:-19px; width:7px; transform: translateY(8px); height:7px; border-radius:50%; outline: 3px solid rgba(45, 119, 108, 0.5); background: #2D776C;}
|
|
.opinion_wrap .opinion_view ul + ul {margin-top:10px;}
|
|
.opinion_wrap .opinion_view .txt {margin-top:4px; font-weight:400; color:var(--color-gray700);}
|
|
.opinion_wrap .opinion_view .btn_container {position:absolute; top:10px; right:10px; width:14px; height:14px; cursor: pointer;}
|
|
.opinion_wrap .btn_delete {width:14px; height:14px; background:url(../images/ico_clear.svg) no-repeat center / 12px;}
|
|
.opinion_wrap .btn_delete:hover {background:url(../images/ico_clear_on.svg) no-repeat center / 12px;}
|
|
.opinion_view::before {display: block; content:''; position:absolute; top:0; left:0; width: 1px; height:100%; border-left:1px dashed var(--color-gray400);}
|
|
.opinion_view .writer {width:fit-content; font-weight:700; color:var(--color-gray700);}
|
|
.opinion_view .writer b {margin-left:4px; font-size:15px; color:var(--color-gray900);}
|
|
.opinion_view .date {font-weight:500; color:var(--color-gray500);}
|
|
.opinion_view .date::before {display:inline-block; content: ''; width:1px; height:12px; margin-left:8px; margin-right:8px; background-color:var(--color-gray400);}
|
|
.opinion_write .btn_opinion_submit {float:right;}
|
|
.btn_opinion_submit {padding-left:10px; padding-right:10px; border-radius: 2px; border:1px solid rgba(0, 0, 0, 0.4); background:linear-gradient(180deg, #E2D7C2 0%, #CBBC9F 12.50%, #CBBC9F 86.98%, #998C74 100%); font-weight:500; line-height:30px; color: #615236; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); box-sizing: border-box;}
|
|
.btn_opinion_submit:hover {background:linear-gradient(180deg, #DAD0BD 0%, #BBAD93 12.50%, #BBAD93 86.98%, #8E836D 100%);}
|
|
.content_mode_view .member_task_wrap {border-color:#2D776C;}
|
|
.member_task_wrap tr + tr {border-top:1px solid var(--color-gray300);}
|
|
|
|
/* 팝업 */
|
|
.dim {z-index:999; position:absolute; top:0; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
|
|
.popup_wrap {z-index:19; position:absolute; top:50%; left:50%; height:fit-content; border:1px solid #000; border-radius:8px; background-color:#fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
|
|
.popup_wrap.item_report {top:unset; left:unset; right:20px; bottom:218px; width:364px; transform:translateX(150%);}
|
|
.item_report.rightin {animation: pop_rightin 0.3s ease-in forwards;}
|
|
.item_report.rightout {animation: pop_rightout 0.3s ease-in forwards;}
|
|
@keyframes pop_rightin {
|
|
100% {transform: translateX(0);}
|
|
}
|
|
@keyframes pop_rightout {
|
|
0% { transform: translateX(0); }
|
|
100% { transform: translateX(150%); }
|
|
}
|
|
.popup_in {width:calc(100% - 40px); height:calc(100% - 40px); margin: 20px auto;}
|
|
.popup_tit {height:22px; margin-bottom:10px; font-weight:700; font-size:22px; line-height:1; letter-spacing: -0.03em; user-select:none;}
|
|
.btn_close {position:absolute; top:20px; right:20px; width:18px; height:18px; background:url(../images/ico_clear.svg) no-repeat center / 18px;}
|
|
.btn_close:hover {background-image:url(../images/ico_clear_on.svg);}
|
|
.popup_wrap hgroup {display:flex; flex-wrap:wrap; justify-content:space-between}
|
|
.popup_wrap hgroup .item_quantity {padding-left:20px; font-weight:400; font-size:12px; letter-spacing:-0.05em; color:var(--color-gray500);}
|
|
.popup_wrap hgroup .item_quantity em::before {display:inline-block; content:''; width:1px; height:13px; transform:translate(-10px, -1px); background:var(--color-gray400); }
|
|
.popup_wrap hgroup .item_quantity {padding-right:2px; font-weight:600; font-size:18px; color:#EF6A1F;}
|
|
.popup_wrap .item_name {width:100%; height:24px; font-weight:500; font-size:14px; color:#E47643;}
|
|
.popup_wrap .item_name span:nth-child(n+2) {padding-left:2px; padding-right:2px;}
|
|
.popup_wrap .item_name span:nth-child(n+2)::before {display:inline-block; content:'-'; padding-right:2px; font-size:14px;}
|
|
.popup_content {margin-top:12px;}
|
|
|
|
.process_view {display:flex;}
|
|
.process_view li {width:54px; height:55px; padding-top:6px; border-style:solid; border-width:1px 1px 1px 0px; border-color:#d9d9d9; box-sizing:border-box;}
|
|
.process_view li:first-child {border-left-width:1px;}
|
|
.process_view li.on {border:0; filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.3));}
|
|
.process_view li.on::after {display:block; content:''; width:0; height:0; border-top:7px solid transparent; border-left:6.4px solid; border-bottom: 7px solid transparent; transform:translate(54px, -22px);}
|
|
.process_view .process1.on {z-index:6; border-radius:2px 0 0 2px; background-color:var(--color-yellow);}
|
|
.process_view .process1.on::after{border-left-color:var(--color-yellow);}
|
|
.process_view .process2.on {z-index:5; background-color:var(--color-green);}
|
|
.process_view .process2.on::after{border-left-color:var(--color-green);}
|
|
.process_view .process3.on {z-index:4; background-color:var(--color-skyblue);}
|
|
.process_view .process3.on::after{border-left-color:var(--color-skyblue);}
|
|
.process_view .process4.on {z-index:3; background-color:var(--color-skyblue);}
|
|
.process_view .process4.on::after{border-left-color:var(--color-skyblue);}
|
|
.process_view .process5.on {z-index:2; background-color:var(--color-navy);}
|
|
.process_view .process5.on::after{border-left-color:var(--color-navy);}
|
|
.process_view .process6.on {z-index:1; border-radius:0 2px 2px 0; background-color:var(--color-wine);}
|
|
.process_view .process6.on::after {display: none;}
|
|
.process_view li.on span {color:#fff;}
|
|
.process_view li span {display:block; text-align:center;}
|
|
.process_view .tit {font-weight:500; font-size:16px; line-height:24px; color:#1f1f1f;}
|
|
.process_view .date_done {font-weight:300; font-size:11px; line-height:14px; letter-spacing:-0.06em; color:var(--color-gray600);}
|
|
.popup_wrap .img_slider {margin-top:12px;}
|
|
.item_info_wrap { margin-top:16px;}
|
|
.popup_wrap .h_5 {margin-bottom:12px; font-weight:600; font-size:16px; letter-spacing:-0.05em; color:var(--color-gray800);}
|
|
.item_outline {table-layout:fixed;}
|
|
.item_outline tr:nth-child(3) {border-top:12px solid #fff;}
|
|
.item_outline th {padding-left:6px; border-left:1px solid #E3E3E3; font-weight:500; font-size:12px; line-height:14px; text-align:left; color:var(--color-gray500);}
|
|
.item_outline td {padding-left:6px; padding-top:4px; border-left:1px solid #E3E3E3; border-bottom:0!important; font-weight:600; font-size:16px; line-height:16px; letter-spacing:-0.05em; color:#197567;}
|
|
.item_outline td small {padding-left:2px; font-weight:400; font-size:12px; color:var(--color-gray600)}
|
|
|
|
/* 팝업 : 개인정보변경 */
|
|
.popup_wrap.edit_user_info {display: none; width:444px; transform: translate(-50%, -50%);}
|
|
.edit_user_info form {border-top:1px solid var(--color-gray900);}
|
|
.edit_user_info tr {border-bottom:1px solid var(--color-gray200);}
|
|
.edit_user_info th {width:23%; padding-top:5px; padding-bottom:5px; font-weight:500; font-size:14px; text-align:left;box-sizing: border-box}
|
|
.edit_user_info td {width:78%; padding-top:5px; padding-bottom:5px; box-sizing: border-box;}
|
|
.edit_user_info td .ipt_box {display:flex; border:1px solid var(--color-gray300);}
|
|
.edit_user_info td input {width:100%; height:36px; padding-left:8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size:14px; box-sizing: border-box; outline: none;}
|
|
.edit_user_info td .ipt_box input {flex-basis:calc(100% - 36px); border-color:transparent;}
|
|
.edit_user_info td input::placeholder {font-weight:400; font-size:14px; color:var(--color-gray600);}
|
|
.edit_user_info input[type=text][readonly] {background:#fff; border:0; font-weight:600; font-size:14px; color:var(--color-gray900); outline:none;}
|
|
.edit_user_info input:focus {border-color: #E47643;}
|
|
.edit_user_info .tip_n {padding-top:4px; font-size:12px; text-align: right; font-weight:500; color:#D05C26;}
|
|
.edit_user_info .user_login_time {margin-top:5px; background-color:#eee;}
|
|
.edit_user_info .user_login_time th, .user_login_time td {height:36px; font-size:13px;}
|
|
.edit_user_info .user_login_time th {padding-left:8px; color:var(--color-gray600);}
|
|
.edit_user_info .user_login_time td {font-weight:500; color:var(--color-gray700);}
|
|
|
|
/* 버튼 */
|
|
.popup_wrap .btn_edit {border: 1px solid rgba(0, 0, 0, 0.3); background:linear-gradient(180deg, #359385 0%, #227266 12.50%, #227266 86.46%, #12443D 100%); color:#fff;}
|
|
.popup_wrap .btn_edit:hover {background:linear-gradient(180deg, #359385 0%, #1F5A51 12.50%, #1F5A51 86.46%, #0F312C 100%);}
|
|
.popup_wrap .btn_confirm {height:50px; margin-top:20px; padding-left:32px; padding-right:32px; border-radius:2px; background:linear-gradient(180deg, #2D776C 0%, #1F554D 100%); color:#fff; font-weight:700; font-size:16px; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25);}
|
|
.popup_wrap .btn_confirm:hover {background: linear-gradient(180deg, #347167 0%, #1c4e46 100%);}
|
|
.popup_wrap .btn_full {width:100%; height:50px; margin-top:20px; font-weight:600; font-size:16px; border-radius:2px; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25);}
|
|
.popup_wrap .btn_eye {width:24px; height:24px; background: url(../images/ico_eye.svg) no-repeat center / 24px;}
|
|
.popup_wrap .btn_eye.on {background: url(../images/ico_eye_on.svg) no-repeat center / 24px;}
|
|
.edit_user_info td .btn_eye {width:36px; height:36px;}
|
|
|
|
/* 팝업 : 문서삭제 */
|
|
.popup_wrap.confirm_action {display: none; transform:translate(-100px, -90px); width:300px; text-align:center;}
|
|
.btn_close + .popup_content .confirm_txt {padding-top:40px;}
|
|
.popup_wrap .confirm_txt {padding-bottom:20px; font-weight:500; line-height:1.5; color:var(--color-gray900);}
|
|
.confirm_txt em {color:var(--color-deleteR);}
|
|
.popup_wrap .full_bottom {margin-top:20px;}
|
|
.full_bottom button {height:40px; border-radius:2px; border: 1px solid rgba(0, 0, 0, 0.4); font-weight: 700; font-size: 14px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);}
|
|
.confirm_action .btn_cancel {width:calc((100% - 10px) * 0.35); background:linear-gradient(180deg, #fff 0%, #eee 15%, #eee 88%, #ccc 100%); color:var(--color-gray800);}
|
|
.confirm_action .btn_cancel:hover {background:linear-gradient(180deg, #eee 0%, #ddd 15%, #ddd 88%, #aaa 100%);}
|
|
.confirm_action .btn_delete {width:calc((100% - 11px) * 0.65); margin-left:7px; background:linear-gradient(180deg, #FF6868 0%, #DE0000 12.50%, #DE0000 84.90%, #930000 100%); color:#fff;}
|
|
.confirm_action .btn_delete:hover {background:linear-gradient(180deg, #d90a0a 0%, #c30606 12%, #c30606 88%, #770303 100%);}
|
|
/* main_1.html : 메인 화면 */
|
|
.main {display: flex; flex-direction: column;}
|
|
.bim_view {position:relative; flex-basis:calc(100% - 198px); flex-grow:1;}
|
|
.bim_view_in {height:100%; background: #8cc7de url(../images/bim_view_all.png) no-repeat center / 100%;}
|
|
.bim_view_in.all {background: #8cc7de url(../images/bim_view_all.png) no-repeat center / 100%;}
|
|
.bim_view_in.girder {background: #8cc7de url(../images/view_girder_2.png) no-repeat center / 100%;}
|
|
.bim_view_in.part {background: #8cc7de url(../images/view_part.jpg) no-repeat center / 100%;}
|
|
.bim_view_in.twod {background: #8cc7de url(../images/view_2d_2.png) no-repeat center / 100%;}
|
|
|
|
@media (max-width: 1020px) {
|
|
.wrapper, .header {
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
/* main_1.html : 전체, 거더, 부재, 2d view 버튼 */
|
|
.view_plan_control {display:flex; align-items:center; justify-content:space-evenly; position:absolute; top:24px; left:3%; width:294px; height:68px; border-radius:3px; background-color: #E9E9E9; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);}
|
|
.view_plan_control a {width:calc((100% - 20px) / 4); height:60px; border-radius: 2px; box-sizing: border-box;}
|
|
.view_plan_control a:hover {outline:1px solid var(--color-accent500);}
|
|
.view_plan_control a:hover span {background-color:rgba(208, 50, 0, 0.20); font-weight: 600; color: var(--color-accent500);}
|
|
.view_plan_control .on,
|
|
.view_plan_control .on:hover {font-weight:600; outline: 3px solid var(--color-accent500);}
|
|
.view_plan_control .all {background: url(../images/view_total.png) no-repeat center top / 100%;}
|
|
.view_plan_control .twod {background: url(../images/view_2d.png) no-repeat center top / 100%;}
|
|
.view_plan_control .girder {background:url(../images/view_girder.png) no-repeat center top / 100%;}
|
|
.view_plan_control .part {background:url(../images/view_part.png) no-repeat center top / 100%;}
|
|
.view_plan_control span {display:block; width:100%; height:24px; margin-top:36px; background-color:#fff; font-weight:500; font-size:13px; line-height: 24px; text-align:center; color:var(--color-gray600); letter-spacing: -0.5px;}
|
|
.view_plan_control .on span {font-weight:600; color:var(--color-accent500);}
|
|
|
|
/* main_1.html : 타임라인 */
|
|
.timeline_bar_wrap {display: flex; height: 30px; border-top: 2px solid rgba(0, 0, 0, .8); border-bottom: 2px solid rgba(0, 0, 0, .8); box-sizing: border-box; background: linear-gradient(180deg, #EDEDED 0%, #EDEDED 85%, #A0A0A0 100%); letter-spacing: -0.03em;}
|
|
|
|
.timeline_bar_wrap > .btn_box {display: flex; background: linear-gradient(180deg, #FFF 0%, #F3F3F3 85%, #B2B2B2 100%);}
|
|
.timeline_bar_wrap > .btn_box button {width: 26px; height: 26px; border-right: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);}
|
|
.timeline_bar_wrap > .btn_box button::after {display: block; content: ''; width: 26px; height: 26px; background: url(../images/ico_arrow_prim.svg) no-repeat center;}
|
|
.timeline_bar_wrap > .btn_box .btn_left::after {transform: rotate(90deg) translateX(-1px);}
|
|
.timeline_bar_wrap > .btn_box .btn_right::after {transform: rotate(270deg) translateX(-1px);}
|
|
.timeline_bar_wrap > .btn_box button:hover {background: linear-gradient(180deg, #EDEDED 0%, #EDEDED 85%, #A0A0A0 100%);}
|
|
|
|
.timeline_bar_wrap .timeline {position: relative; width: calc(100% - 52px); box-sizing: border-box;}
|
|
.timeline_bar_wrap .timeline ul {display: flex; position: absolute;}
|
|
.timeline_bar_wrap .timeline .year::before,
|
|
.timeline_bar_wrap .timeline .month::before {display: block; content: ''; position: absolute; width: 1px; height: 5px; background-color: rgba(0, 0, 0, .4);}
|
|
.timeline_bar_wrap .timeline .year,
|
|
.timeline_bar_wrap .timeline .month {position: absolute;width: 40px; height: 26px; line-height: 32px; font-weight: 600; font-size: 13px; color: rgba(0, 0, 0, .65); user-select: none;}
|
|
.timeline_bar_wrap .timeline .year + .month {left:44px}
|
|
.timeline_bar_wrap .timeline .year + .month::before {display: none;}
|
|
.timeline_bar_wrap .timeline .year {margin-right: 4px;}
|
|
.timeline_bar_wrap .timeline .year::after,
|
|
.timeline_bar_wrap .timeline .month::after {display: inline-block; font-weight: 600; font-size: 11px; color: rgba(0,0,0,0.55);}
|
|
.timeline_bar_wrap .timeline .year::after {content: '년';}
|
|
.timeline_bar_wrap .timeline .month::after{content: '월';}
|
|
.timeline_bar_wrap .timeline .tip {position: absolute; height: 15px; transform: translate(21px, 8px); padding-left: 6px; padding-right: 6px; line-height: 14px; font-weight: 500; font-size: 10px; text-align: center; white-space: nowrap; border: 1px solid rgba(0,0,0,0.6); border-radius: 16px; box-sizing: border-box; opacity: 0.7;}
|
|
.timeline_bar_wrap .timeline .timeline_point {width: 100%; height: 26px; padding-left: 28px; background-color:rgba(24,108,97,0.2); box-sizing: border-box;}
|
|
.timeline_bar_wrap .timeline .timeline_point li {position: relative; flex: 0 0 4.5px;}
|
|
.timeline_bar_wrap .timeline .timeline_point li.on a {background-color: #04A089;}
|
|
.timeline_bar_wrap .timeline .timeline_point li.active a {background-color: #2D776C; mix-blend-mode: multiply;}
|
|
.timeline_bar_wrap .timeline .timeline_point li:first-child.active a::before {display: block; content: ''; position: absolute; left: -28px; width: 28px; height: 26px; background-color: #2D776C;}
|
|
.timeline_bar_wrap .timeline .timeline_point li a {display: block; position: absolute; width:100%; height: 26px;}
|
|
.timeline_bar_wrap .timeline .timeline_point li a:hover {background-color:#04A089; opacity: 0.7; mix-blend-mode: color-burn;}
|
|
.timeline_bar_wrap .timeline .timeline_point li.today a {background-color:rgb(239 106 31 / 80%);}
|
|
.timeline_bar_wrap .timeline .timeline_point li.today.off a {background-color: rgba(239, 106, 31, 0.7);}
|
|
|
|
.timeline_bar_wrap .timeline .today_mark {position: absolute; top: -24px; transform: translateX(-50%); height: 20px; padding-left: 4px; padding-right: 4px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, .1); background-color: #EF6A1F; font-size: 11px; color: #fff; white-space: nowrap;}
|
|
.timeline_bar_wrap .timeline .today_mark.off {opacity: 0.7;}
|
|
.timeline_bar_wrap .timeline .today_mark .date {font-size: 14px;}
|
|
|
|
.timeline_bar_wrap .timeline .flt_btn {display: none; z-index: 1; position: absolute; top:-24px; transform: translateX(calc(-50% + 2px)); width: 60px; border-radius:4px 0 4px 4px; border:2px solid rgba(0, 0, 0, .6); background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1)80%, rgba(201, 199, 199, 1) 100%); font-weight: 600; color: #245F56; box-sizing: border-box;}
|
|
.timeline_bar_wrap .timeline .on .flt_btn {display: block;}
|
|
.timeline_bar_wrap .timeline .flt_btn p {display: flex; justify-content: center; align-items: center;}
|
|
.timeline_bar_wrap .timeline .flt_btn .date { font-size: 14px;}
|
|
.timeline_bar_wrap .timeline .flt_btn .day {font-size: 11px;}
|
|
.timeline_bar_wrap .timeline .flt_btn .btn_box::after {position: absolute; content: ''; transform: translateY(1px); width:4px; height: 20px; background-color: #04A089; }
|
|
.timeline_bar_wrap .timeline .flt_btn .btn_box button {display: block; width: 50%; height: 22px; border-top: 2px solid rgba(0,0,0,0.8); }
|
|
.timeline_bar_wrap .timeline .flt_btn .btn_box button::after {display: block; content: ''; width:100%; height: 20px; background: url(../images/ico_arrow3.png) no-repeat center;}
|
|
.timeline_bar_wrap .timeline .flt_btn .btn_box button:hover {background: linear-gradient(180deg, #ddd 0%, #ddd 70%, #A0A0A0 100%);}
|
|
.timeline_bar_wrap .timeline .flt_btn .btn_box button.btn_right::after {transform: scaleX(-1);}
|
|
.timeline_bar_wrap .timeline .flt_btn .btn_cancel {position: absolute; top: -2px; right:-16px; width: 16px; height: 16px; border-radius: 0 1px 1px 0; background:url(../images/ico_close_w.svg) no-repeat center / 8.5px, linear-gradient(180deg, #5B5B5B, #333333); }
|
|
.timeline_bar_wrap .timeline .flt_btn .btn_cancel:hover {background:url(../images/ico_close_w.svg) no-repeat center / 8.5px, var(--color-deleteR);}
|
|
|
|
/* main_1.html : 하단 */
|
|
.bim_view_panel {display:flex; overflow:hidden; height:198px; background: linear-gradient(180deg, #FAFAFA 0%, #FAFAFA 92.19%, #C0C0C0 100%); }
|
|
.bim_view_panel * {box-sizing: border-box;}
|
|
|
|
/* 사업기간, 날씨 */
|
|
@keyframes view_detail {/* 우측 창 보기 화살표 */
|
|
100% {transform:translate(3px, -3px);}
|
|
}
|
|
|
|
.bim_view_panel .basic_info {flex:0 1 400px;}
|
|
.btn_view_detail {overflow:hidden; position:relative; display:block; padding:16px 20px;}
|
|
.btn_view_detail:hover::before {display:block; content:''; position:absolute; top:0; right:0; width:16px; height:16px; background-color:rgba(239, 106, 31, 0.15);}
|
|
.btn_view_detail::after {display:block; content:''; position:absolute; top:6px; right:6px; width:8px; height:8px; background:url(../images/ico_arrow2.svg) no-repeat center / 8px;}
|
|
.btn_view_detail.on::after {background:url(../images/ico_arrow2_on.svg) no-repeat center / 8px;}
|
|
.btn_view_detail:hover::after {background:url(../images/ico_arrow2_on.svg) no-repeat center / 8px; animation: view_detail 0.2s ease-in-out forwards;}
|
|
.btn_view_detail::after {display:block; content:''; position:absolute; top:6px; right:6px; width:8px; height:8px; background:url(../images/ico_arrow2.svg) no-repeat center / 8px;}
|
|
|
|
@keyframes date_gone {
|
|
0% {width:0;}
|
|
100% {width: 60%;}
|
|
}
|
|
.period_wrap {_width: 348px; height: 50px; padding:10px; border-radius: 4px; background-color: rgba(45,119,108,0.1); border: 1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
|
|
.period_wrap .bar_graph {overflow:hidden; position:relative; height:10px; background:url(../images/dage_left.png);}
|
|
.period_wrap .bar_graph .date_gone::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 60%; height:24px; transform-origin: 0% 0%; background: url(../images/date_gone.png); animation: date_gone 1s ease-in-out 1 forwards;}
|
|
|
|
.period_wrap .period_btm {display: flex; justify-content: space-between;}
|
|
.period_wrap .period_btm span {font-size: 11px; font-weight: 500; color: rgba(0, 0, 0, .7);}
|
|
.period_wrap .period_btm b {font-weight:600; font-size:16px; letter-spacing: -0.05em;}
|
|
.period_wrap .period_btm .date_gone {color: #2D776C;}
|
|
.period_wrap .period_btm .date_gone::after {display: inline-block; content: '일'; margin-right:4px; margin-left: 2px; font-size: 11px; color: rgba(0, 0, 0, 0.7); }
|
|
.period_wrap .period_btm .date_left {color: #ef6a1f; margin-left: 4px;}
|
|
.period_wrap .period_btm .date_total::before {display:inline-block; content:'/'; width:8px; margin-left: 2px; margin-right: 2px; text-align:center;}
|
|
.period_wrap .period_btm .date_total::after {content:'일'; margin-left: 2px; font-weight: 500; font-size: 11px; color: rgba(0, 0, 0, .7);}
|
|
|
|
.wheater_wrap {min-width: 300px; margin-top: 10px; text-align: center; letter-spacing: -0.03em;}
|
|
.wheater_wrap .tab_menu {display:flex; height:24px; line-height:24px; box-sizing:border-box;}
|
|
.wheater_wrap .tab_menu button {width:50%; border-bottom:1px solid rgba(0, 0, 0, 0.18); background-color:#f0f0f0; font-size:11px; color:var(--color-gray700); letter-spacing:-0.04em; transition:all .3s;}
|
|
.wheater_wrap .tab_menu button.on {border-bottom-color:#1B6C61; background-color:#D8EDE8;}
|
|
.wheater_wrap .tab_menu em {margin-right:4px; font-weight:700; font-size:14px; color:var(--color-gray800);}
|
|
.wheater_wrap .tab_menu button.on em {color:#1B6C61;}
|
|
|
|
.wheater_wrap dl {display:flex;}
|
|
.wheater_wrap dl:last-child {padding-top: 10px; border-top: 1px solid rgba(0,0,0,.15);}
|
|
.wheater_wrap dl .row_header {flex:0 0 90px; font-weight: 500; font-size:12px; color:var(--color-gray700);}
|
|
.wheater_wrap dl [class*="ico_"] {background-size:40px; background-repeat:no-repeat;}
|
|
.row_header em {display:inline-block; width:100%; margin-bottom: 3px; font-size:17px; line-height:20px; color:var(--color-gray900); text-align:left; white-space:nowrap;}
|
|
.row_header .sub_text {overflow:hidden; display:inline-block; width:100%; text-overflow:ellipsis; text-align:left; white-space:nowrap;}
|
|
.wheater_wrap .row_contents {display:flex; width: 100%;}
|
|
.g_cell + .g_cell {margin-left:24px;}
|
|
.wheater_wrap dl:first-child > .row_contents {padding-bottom:10px;}
|
|
.cell {display:flex; line-height:20px;}
|
|
.cell span {display:inline-block; text-align:left; white-space:nowrap;}
|
|
.lowest {color:#499DFF;}
|
|
.highest {color:#d05c26;}
|
|
.cell_tit {margin-right: 6px; font-size:11px; color:var(--color-gray700); font-weight: 500;}
|
|
.cell_value {font-weight:500; font-size:14px;}
|
|
.cell_value small {font-size:11px;}
|
|
|
|
|
|
/* main_1.html 공정현황 */
|
|
.process_state {flex:0 0 868px; padding-bottom:20px;}
|
|
.process_state .process_list {display:flex; padding-left: 20px; padding-right: 20px; background: url(../images/process_bg.svg) no-repeat;}
|
|
.main_bim .process_state .process_list > li {position:relative; width:20%; background: url(../images/main_line.svg) no-repeat right;}
|
|
.process_state .process_list li:last-child {background: none;}
|
|
.process_state a {display:block; position:relative; height:180px; padding-top: 10px;letter-spacing: -0.03em; cursor: default;}
|
|
.process_state a.on {outline: 2px solid #d05c26; box-shadow: 0 0px 12px 1px rgb(110 47 23 / 40%); transition: all .2s;}
|
|
.process_state .process1 {color:var(--color-yellow); }
|
|
.process_state .process2 {color:var(--color-green);}
|
|
.process_state .process3 {color:var(--color-skyblue);}
|
|
.process_state .process4 {color:var(--color-navy);}
|
|
.process_state .process5 {color:var(--color-wine);}
|
|
.process_state dl {position:relative; padding-top: 18px; padding-right: 20px; padding-left: 5px;}
|
|
.process_state dt {margin-top: 5px; font-weight: 600; font-size:18px; text-align: center; color:rgba(0, 0, 0, .9);}
|
|
.process_state .process_value {display:block; margin-top:2px; font-weight:500; font-size:11.5px; text-align: center; letter-spacing:-0.07em;}
|
|
.process_state .process_value span[class^="num_goal"] {margin-left:4px; color:rgba(0, 0, 0, .6);}
|
|
.process_state .process_value span[class^="num_goal"]::before {display:inline-block; content: '/'; transform:translateX(-2px);}
|
|
.process_state .g_num {display:flex; flex-direction:row; justify-content:space-between; font-weight:600;}
|
|
.process_state .g_num li {width: 50%;}
|
|
.process_state .g_num li + li {padding-left:2px;}
|
|
.process_state .g_num span {display:inline-block;}
|
|
.process_state .g_num .num_done4 {margin-left:4px;}
|
|
|
|
.bim_view_panel .process_state .chart {margin-top: 0; border-top:0; padding-top: 0;}
|
|
.bim_view_panel .process_state .chart::after {transform:translateY(-20px);}
|
|
.bim_view_panel .process_state .chart [class^="chart_value"] {width:88px; height: 88px; outline: 3px solid rgba(170,170,170,0.6);}
|
|
.bim_view_panel .process_state .percent {transform:translate(-28px,-28px); width:56px; height:56px; line-height:56px; box-shadow: 0px 0px 6px rgba(0,0,0,0.25);}
|
|
|
|
/* main_1.html 상/하행 거더별 보기 */
|
|
.girder_state_wrap {width:34%; padding:24px 20px 20px 20px;}
|
|
.girder_state_wrap .girder_state > li:first-child {margin-bottom: 15px; height: 71px;}
|
|
.girder_state_wrap .girder_state > li {display: flex;}
|
|
.bim_view_panel .girder_state .h_5 {float: left; min-width: 80px; width: 15%; height: 26px; padding-top: 3px; font-weight:500; font-size: 16px; color:var(--color-gray900); letter-spacing: -0.03em;}
|
|
.bim_view_panel .ico_dir1, .bim_view_panel .ico_dir2 {width: 12px; border-radius: 2px;}
|
|
.main .girder_list_wrap {overflow-x:auto; width: 100%; padding-top: 3px; padding-bottom: 6px; padding-left:3px;}
|
|
.main .girder_list {display: flex; gap: 2px; _width: 200px; height: 54px; justify-content:space-around; flex-flow:column wrap; align-content:flex-start;}
|
|
.main .girder_list li {display:flex; flex-direction:column; width:calc(16.666666% - 6px); min-width:30px; margin-right: 4px; user-select:none; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18);}
|
|
.main .girder_list a {display:block; overflow:hidden; position:relative; width:100%; height:24px; border-radius:0 2px 2px 0; border-width:1px; border-style:solid; border-color:rgba(0, 0, 0, 0.35); background:linear-gradient(0deg, rgba(0,0,0,0.35), rgba(0,0,0,0.1)); font-size:14px; color:#fff; text-align:center; text-shadow: 0px 0px 3px #000; cursor:default;}
|
|
.main .girder_list a[class*="prc"]:hover {outline:3px solid var(--color-accent500); cursor:pointer;}
|
|
.main .girder_list a::before {display:block; content:''; position:absolute; top:0; left:0; height:24px; transform-origin:0% 0%; animation:transform 1s ease-in-out 1 forwards;}
|
|
@keyframes transform {from {transform:scaleX(0)}
|
|
to {transform:scaleX(1)}}
|
|
.main .girder_list .girder_name {z-index:10; position:absolute; top:0; left:0; width:100%; height:24px; font-weight: 500; line-height:24px;}
|
|
.main .girder_list .on {outline: 3px solid var(--color-accent500); box-shadow:0 0px 12px 1px rgb(110 47 23 / 40%);}
|
|
.main .prc1, .main .prc1::before {background:linear-gradient(180deg, #DCAC4E 0%, #C68D1E 100%);}
|
|
.main .prc2, .main .prc2::before {background: linear-gradient(180deg, #25993E 0%, #266634 100%);}
|
|
.main .prc3, .main .prc3::before {background: linear-gradient(180deg, #3684A6 0%, #22627D 100%);}
|
|
.main .prc4, .main .prc4::before {background: linear-gradient(180deg, #1C5182 0%, #18315F 100%);}
|
|
.main .prc5, .main .prc5::before {background: linear-gradient(180deg, #9A384F 0%, #6A2132 100%);}
|
|
.main1 .prc1 {border-color:#B1893A; background: linear-gradient(180deg, #F2DA99 0%, #D1BA7B 100%);}
|
|
.main1 .prc2 {border-color:#135221; background: linear-gradient(180deg, #90D19E 0%, #74B081 100%);}
|
|
.main1 .prc3 {border-color:#1A5067; background: linear-gradient(180deg, #52A3C6 0%, #327F9F 100%);}
|
|
.main1 .prc4 {border-color:#383838; background: linear-gradient(180deg, #9BA6BB 0%, #778092 100%);}
|
|
.main1 .prc5 {border-color:#471E28; background: linear-gradient(180deg, #CBA0AA 0%, #8F626D 100%);}
|
|
|
|
/* 데이터 연결 후 필요없어질 부분 */
|
|
[data-value="10"]::before {width:10%;}
|
|
[data-value="20"]::before {width:20%;}
|
|
[data-value="30"]::before {width:30%;}
|
|
[data-value="40"]::before {width:40%;}
|
|
[data-value="50"]::before {width:50%;}
|
|
[data-value="60"]::before {width:60%;}
|
|
[data-value="70"]::before {width:70%;}
|
|
[data-value="80"]::before {width:80%;}
|
|
[data-value="90"]::before {width:90%;}
|
|
[data-value="100"]::before {width:100%;}
|
|
/* //데이터 연결 후 필요없어질 부분 */
|
|
|
|
.view_parts_control {width:88px; height:166px; padding:6px; border-radius:4px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 26.76%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(237, 170, 41, 0.1), rgba(237, 170, 41, 0.1)), #9C9279; box-shadow:inset 2px 2px 6px 1px rgba(0, 0, 0, 0.15); box-sizing:border-box;}
|
|
.view_parts_control ul {height:100%;}
|
|
.view_parts_control li {overflow:hidden; display:flex; justify-content:space-between; align-items: stretch; height:33.3333%; border-radius:2px; }
|
|
.view_parts_control li.on {font-weight:500; filter:drop-shadow(0px 4px 8px rgba(0,0,0,0.4));}
|
|
.view_parts_control li:hover {background-color:#827960;}
|
|
.view_parts_control .view_endblock a {background:url(../images/icon_endblock_w.png) no-repeat center 10px / 20px;}
|
|
.view_parts_control .view_endblock.on a {background:url(../images/icon_endblock_w.png) no-repeat center 10px, linear-gradient(131.16deg, #1F524B 9.13%, #14403A 63.45%);}
|
|
.view_parts_control .view_nodule a {border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); background:url(../images/icon_nodule_w.png) no-repeat center 10px / 20px;}
|
|
.view_parts_control .view_nodule.on a {background:url(../images/icon_nodule_w.png) no-repeat center 10px, linear-gradient(131.16deg, #1F524B 9.13%, #14403A 63.45%);}
|
|
.view_parts_control .view_jweb a {background:url(../images/icon_jweb_w.png) no-repeat center 10px / 20px;}
|
|
.view_parts_control .view_jweb.on a{border:1px solid rgba(0,0,0,0.2); background:url(../images/icon_jweb_w.png) no-repeat center 10px / 20px, linear-gradient(131.16deg, #1F524B 9.13%, #14403A 63.45%);}
|
|
.view_parts_control li.on a {width:calc(100% - 20px);}
|
|
.view_parts_control a {display:block; width:100%; padding-top:28px; border-top-left-radius:2px; border-bottom-left-radius:2px; font-weight:500; font-size:11px; color:#fff; text-align:center; letter-spacing:-0.04em; word-break:break-all; line-height:1; box-sizing:border-box; transition:all .3s;}
|
|
.view_parts_control a span {display:block; overflow:hidden; _white-space:nowrap; text-overflow:ellipsis; word-break:break-word;}
|
|
.view_parts_control .btn_close {display:none; width:20px; height:100%;border-top-right-radius: 2px; border-bottom-right-radius: 2px; background:url(../images/ico_close_w.svg) no-repeat center / 10px, linear-gradient(0deg, #af0000 0%, #CE0000 100%);}
|
|
.view_parts_control .btn_close:hover {background:url(../images/ico_close_w.svg) no-repeat center / 10px, linear-gradient(0deg, #820000 0%, #af0000 100%);}
|
|
.view_parts_control li.on .btn_close {display:block; position:unset; border: 1px solid rgba(0,0,0,0.1);}
|
|
|
|
/* 날씨현황 */
|
|
/* icons - 날씨 */
|
|
i[class^="ico_wt"] {position: relative;}
|
|
i[class^="ico_wt"]::after {position:absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: contain; background-repeat: no-repeat;}
|
|
.ico_wt_sunny::after {background-image: url(../images/ico_wt_sunny.svg);}
|
|
.ico_wt_cloud::after {background-image: url(../images/ico_wt_cloud.svg);}
|
|
.ico_wt_rain::after {background-image: url(../images/ico_wt_rain.svg);}
|
|
.ico_wt_snow::after {background-image: url(../images/ico_wt_snow.svg);}
|
|
.ico_wt_light::after {background-image: url(../images/ico_wt_light.svg);}
|
|
|
|
/* 날씨현황 - 공통 */
|
|
.weather {box-sizing: border-box; position: relative; padding-top: 49px; height: 100% !important;}
|
|
.weather * {box-sizing: border-box;}
|
|
.weather .main_in {min-width:94%; height:100%; padding:40px 0 0;}
|
|
.weather .main_in .h3_wrap {display:inline-block; margin-bottom: 16px;}
|
|
/* .weather .main_in .h3_wrap .top_menu::after, .object_info .h3_wrap .top_menu::after, .project_info .h3_wrap .top_menu::after {display:none;} */
|
|
.weather .main_left {_background-color: rgba(246, 246, 246, 0.623264); border-radius: 4px; _padding: 24px; min-width: 36.6%; height: 100%;}
|
|
.weather .main_left_in {width: 100%; height: calc(100% - 60px); padding: 24px; display: flex; flex-direction: column; border-radius: 4px; background-color: rgba(246, 246, 246, 0.623264);}
|
|
.weather .main_left_in .h_4 {margin-top: 0;}
|
|
.weather .main_right {width: 63.4%; height: 100%; padding-left: 24px;}
|
|
.weather .main_right_in {display: flex; flex-direction: column; width: 100%; height: 100%; margin: 0px;}
|
|
.weather .project_title {width: fit-content; background-color: #00B4FF;}
|
|
.weather .temp_low {color:#499DFF;}
|
|
.weather .temp_high {color: #D05C26}
|
|
.weather .sat {color:#2B9DA5;}
|
|
.weather .sun {color:#F86868;}
|
|
.weather .item_tit {color: var(--color-gray500); position: relative;}
|
|
.weather .item_tit::after {position: absolute; width: 100%; height: 70%; content: ""; top: 16%; left: -1rem;filter: var(--filter-gray400); background-repeat: no-repeat; background-size: contain; background-position: 0 50%;}
|
|
.weather .item_tit.rainfall::after {background-image: url(../images/ico_wt_rainfall.svg);}
|
|
.weather .item_tit.humidity::after {background-image: url(../images/ico_wt_humidity.svg);}
|
|
.weather .item_tit.windd::after {background-image: url(../images/ico_wt_windd.svg);}
|
|
.weather .item_tit.winds::after {background-image: url(../images/ico_wt_winds.svg);}
|
|
|
|
|
|
/* 날씨현황 - 왼) 과거날씨 */
|
|
.weather .calendar_tit {width: 100%; min-height: 28px; position: relative; margin-top: 20px; margin-bottom: 16px;}
|
|
.weather .calendar_tit .month {font-size: 20px; font-weight: 500; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
|
|
.weather .calendar_tit .btn_wrap {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
|
|
.weather .calendar_tit .btn_wrap [class^="btn_"] {width: 40px; height: 26px; background: linear-gradient(180deg, #B1B1B1 0%, #535353 100%); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); border-radius: 2px; color: #fff;}
|
|
.weather .calendar_tit .btn_wrap .btn_factory.on {background: linear-gradient(180deg, #286B61 0%, #0C342D 100%);}
|
|
.weather .calendar_tit .btn_wrap .btn_place.on {background: linear-gradient(180deg, #76642B 0%, #453B1B 100%);}
|
|
.weather .calendar_tit .box_btn_pn {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
|
|
.weather .tb_container {padding-top: 32px; position: relative; height: calc(100% - 93px);}
|
|
.weather .tb_fixed_header {position: absolute; top: 0; left: 0; right:0; height: 32px; background-color: #fff; border-top: 1px solid #B8B8b8; box-shadow: 0px 2px 4px rgb(0 0 0 / 16%); text-align: center; }
|
|
.weather .tb_wrap {height:100%; overflow-x: hidden; overflow-y: auto;}
|
|
.weather .tb_calendar {width: 100%; table-layout: fixed; height: 100%;}
|
|
.weather .tb_calendar * {box-sizing: border-box;}
|
|
.weather .tb_calendar thead {margin: 0; height: 0; font-size: 12px; color: var(--color-gray700);}
|
|
.weather .tb_calendar tbody tr td:first-of-type {color: #F86868;}
|
|
.weather .tb_calendar tbody tr td:last-of-type {color: #2B9DA5;}
|
|
.weather .tb_calendar .tb_fixed div {position: absolute; top: 1px; line-height: 32px; width: inherit; display: inline-block; transform: translate(-50%);}
|
|
.weather .tb_calendar tbody tr td {width: 100%; position: relative; padding-top: 24px; vertical-align: middle; border-bottom: 1px solid var(--color-gray300);}
|
|
.weather .tb_calendar tbody tr td:hover {background-color:rgba(45, 119, 108, 0.05);}
|
|
.weather .tb_calendar tbody tr td > span {position: absolute; top: 8px; left: 8px; font-size: 12px;}
|
|
.weather .tb_calendar .today {display: table-cell; background-color: #DCEFEA; color: var(--color-primary700); font-weight: 700;}
|
|
.weather .tb_calendar .next {opacity: 0.4;}
|
|
.weather .tb_calendar .past_foc {box-shadow: inset 0px 0px 0px 2px var(--color-accent500); position: relative;}
|
|
.weather .tb_calendar .past_foc::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 5px #00000044;}
|
|
|
|
/* 날씨현황 - 왼) 과거날씨 날짜별 콘텐츠 */
|
|
.weather .past_info {height: 100%; min-height: 100px; cursor: pointer; font-size: 12px; font-weight: 500; line-height: 1rem; color: #000; padding-left: 10px;}
|
|
.weather .past_info a {display: flex; flex-direction: column; justify-content: center; gap: 8px; height: 100%;}
|
|
.weather .past_info .ico_wt_sunny {display: block; width: 24px; height: 24px; margin-bottom: 2px;}
|
|
.weather .past_info .temp_low {position: relative; margin-right: 8px;}
|
|
.weather .past_info .temp_low::after {position: absolute; top: 0; left: 100%; height: 100%; content: "/"; color: var(--color-gray500); margin-left: 4px;}
|
|
.weather .past_info .item_tit {font-size: 10px; margin-left: 14px;}
|
|
.weather .past_info .item_tit::after {left: -14px;}
|
|
.weather .past_info .item_sub > span {font-size: 10px; margin-left: 2px;}
|
|
|
|
|
|
/* 날씨현황 - 오) 오늘날씨 */
|
|
.weather .tit {position:relative; display:flex; justify-content:center; background:linear-gradient(180deg, rgba(98,98,98,1) 0%, rgba(113,113,113,1) 94%, rgba(52,52,52,1) 100%); align-items:center; width:100%; border-radius:4px; color:#fff; height:46px; padding:0 32px; margin:0 auto;}
|
|
.weather .tit .h_4 {margin: 0;}
|
|
.weather .tit .date {display: flex; align-items: center;}
|
|
.weather .tit .date div {margin-left: 20px;}
|
|
.weather .tit .date div > [class^="btn_"] {all:unset; width: 22px; height: 22px; background-color:#ffffff55; border-radius: 1px; cursor: pointer; position: relative; margin-top: 4px;}
|
|
.weather .tit .date div > [class^="btn_"]::after {display:inline-block; content:'';width:100%; height:100%; opacity:0.5;}
|
|
.weather .tit .date div > [class^="btn_"]:hover::after {background-color:var(--color-gray300); opacity:1;}
|
|
.weather .tit .date .btn_prev::after {background: url(../images/ico_arrowl.svg) no-repeat center 6px / 7px;}
|
|
.weather .tit .date .btn_next::after {background: url(../images/ico_arrowr.svg) no-repeat center 6px / 7px;}
|
|
/* .weather .tit::after {position:absolute; content:""; top:0; right:0; bottom:0; left:0; background: var(--color-primary700); border-radius: 0 0 8px 8px; transform:perspective(0.2em) rotateX(-0.3deg) translateY(-0.01em); z-index: -1;} */
|
|
.weather .contents_wrap {display: flex; gap: 36px; width: 100%; height: calc(100% - 40px); padding-top: 16px;}
|
|
.weather .contents_wrap > div {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
|
|
.weather .contents_wrap > div + div::after {display: block; content: ''; position: absolute; width: 1px; height: calc(100% - 166px); transform: translateX(-17px); border-left: 1px dashed var(--color-gray300);}
|
|
.weather .contents_wrap > div.line {width: 1px; border-left: 1px dashed var(--color-gray300);}
|
|
.weather .contents_wrap .h_4 {margin: 0;}
|
|
.weather .contents_wrap .h_4 span {margin-left: 8px; font-size: 16px; color: var(--color-gray700); font-weight: 500;}
|
|
.weather .today_now {height: 350px; min-height: 350px; margin-bottom: 8px;}
|
|
.weather .temp_wrap {width: 100%; display: flex; justify-content: center; align-items: center; gap: 16px; font-size: 28px; font-weight: 700; margin-top: 8px;}
|
|
.weather .temp_wrap.past {font-size: 38px;}
|
|
.weather .temp_wrap i[class^="ico_wt"] {display: block; width: 160px; height: 160px;}
|
|
.weather .temp_wrap.past i[class^="ico_wt"] {display: block; width: 140px; height: 160px;}
|
|
.weather .temp_wrap .temp_now {font-size: 72px; font-weight: 700; line-height: 5rem; display: block; }
|
|
.weather .temp_wrap .temp_low {position: relative; margin-right: 16px;}
|
|
.weather .temp_wrap .temp_low::after {position: absolute; top: 0; right: -16px; width: fit-content; height: 100%; content: "/"; color: var(--color-gray300); font-weight: 300;}
|
|
.weather .item_wrap {width: 100%; height: 72px; background-color: #f6f6f6; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; padding: 12px 32px; margin-top: 12px; font-weight: 500; font-size: 12px;}
|
|
.weather .item_wrap .line {width: 1px; height: 100%; border-left: 1px solid var(--color-gray300);}
|
|
.weather .item_wrap .item_tit {margin-left: 14px;}
|
|
.weather .item_wrap .item_sub {font-size: 20px; margin-right: 2px;}
|
|
.weather .special {display: flex; align-items: stretch; width: 100%; position: relative; margin-top: 8px; font-size: 12px;}
|
|
.weather .special::after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-accent500); opacity: 0.1; border-radius: 4px; z-index: -1;}
|
|
.weather .special span {line-height: 26px;}
|
|
.weather .special span:first-child {background-color: var(--color-accent500); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 4px 0 0 4px; width: 80px; text-align: center; margin-right: 8px;}
|
|
|
|
.weather .week_wrap {width: 100%; height: 100%; display: flex; flex-direction: column; overflow-y: auto;}
|
|
.weather .week_wrap .tb_wrap {display: flex; width: 100%; height: 100%; overflow-y: auto;}
|
|
.weather .week_wrap table {height: 100%; min-height: 300px;}
|
|
.weather .week_wrap table td {border: 1px solid var(--color-gray300); font-size: 10px; font-weight: 500; border-left: none; border-right: none; text-align: center;}
|
|
.weather .week_wrap .h_4 {padding-bottom: 16px; height: fit-content;}
|
|
.weather .week_wrap .s18 {font-size: 16px; margin-right: 2px;}
|
|
.weather .week_wrap .date span {display: inline-block; width: 38px; text-align: start; font-weight: 500; font-weight: 500; font-size: 14px;}
|
|
.weather .week_wrap .date span:first-of-type {text-align: center; color: var(--color-gray500); font-size: inherit;}
|
|
.weather .week_wrap .temp {display: flex; align-items: center; justify-content: center; position: relative; height: 100%;}
|
|
.weather .week_wrap .temp::after {position: absolute; content: ""; top: 0; left: 0; width: 10px; height: 100%; background: linear-gradient(90deg, #EFEFEF 1.44%, rgba(255, 255, 255, 0) 101.44%);}
|
|
.weather .week_wrap .temp_low {position: relative; width: 40px; text-align: right; margin: 0 16px 0 8px;}
|
|
.weather .week_wrap .temp_low::after {position: absolute; top: 0; right: -10px; width: fit-content; height: 100%; content: "/"; color: var(--color-gray300); }
|
|
.weather .week_wrap i[class^="ico_wt"] {display:inline-block; width: 32px; height: 32px;}
|
|
.weather .week_wrap .item_tit {margin-right: 4px; margin-left: 8px;}
|
|
.weather .week_wrap .item_tit::after {left: -0.8rem;}
|
|
|
|
/* 위치안내 */
|
|
.map_container {display:flex; height:calc(100vh - 165px); flex-direction:column; gap:8px;}
|
|
.map_guide {position:relative; width:100%; height:50%; min-height:280px; border:1px solid #E0E0E0; border-radius: 2px;}
|
|
.map_guide .map_info_wrap .map_info_detail {position:relative; display:flex; flex-flow:row wrap; margin:auto;}
|
|
.map_guide .map_info_wrap .map_info_detail .info_number {width:calc(50% - 10px);}
|
|
.map_guide .map_info_wrap .map_info_detail .info_fax {position:relative; width:calc(50% - 10px); padding-left:20px;}
|
|
.map_guide .map_info_wrap .map_info_detail .info_fax::before {position:absolute; content: ""; display: inline-block; left:0; width:1px; height:49.5px; background-color: rgba(255, 255, 255, .5);}
|
|
.map_guide .map_area {background:#f9f9f9; width:100%; height:100%;}
|
|
.map_guide .map_title_wrap {position:absolute; top:10px; left:10px; overflow:hidden; display:flex; height:40px; line-height:40px; border-radius:4px; }
|
|
.map_guide .map_title_wrap .map_title {background:#092722; color:#fff; width:80px; font-weight:500; text-align:center; font-size:18px;}
|
|
.map_guide .map_title_wrap .map_sub_title {padding:0 12px; background-color: #E0E0E0; text-align:center; font-size:15px;}
|
|
.map_guide .map_info_wrap {position:absolute; top:10px; right:10px; color: #fff; width:360px; border-radius:4px; padding:20px;}
|
|
.map_guide .info_detail_title {font-size:13px; font-weight:600; margin-bottom:8px;}
|
|
.map_guide .info_detail_title::before {content:''; display:inline-block; width:14px; height:16px; margin-bottom:-2px; margin-right:3px;}
|
|
.map_guide .map_info_wrap .map_info_detail span {float: left; display: inline-block; width: 62px; height: 22px; color: #fff; text-align: justify; margin-right: 9px;}
|
|
.map_guide .map_info_wrap .map_info_detail span::after {content:''; display:inline-block; width:100%;}
|
|
.map_guide .map_info_wrap .map_info_detail .info_adress {display: flow-root; margin-top:2px; padding-bottom:20px; width:100%;}
|
|
.map_guide .map_info_wrap .map_info_detail .info_adress div {display:flow-root;}
|
|
.map_guide .map_info_wrap .map_info_detail .info_adress div span {float:left;}
|
|
.map_guide .map_info_wrap .map_info_detail .info_adress div em {display:inline-block; width:calc(100% - 71px); font-weight:bold; float:left;}
|
|
|
|
/* 위치안내 > 공장 */
|
|
.map_guide.factory .map_title {background:#092722;}
|
|
.map_guide.factory .map_info_wrap {background-color: rgba( 12, 52, 45, 0.8 );}
|
|
.map_guide.factory .info_detail_title {color:#7BB9AD;}
|
|
.map_guide.factory .info_adress .info_detail_title::before {background:url(../images/ico_addr_green.svg);}
|
|
.map_guide.factory .info_number .info_detail_title::before {background:url(../images/ico_telno_green.svg);}
|
|
.map_guide.factory .info_fax .info_detail_title::before {background:url(../images/ico_fax_green.svg)}
|
|
|
|
/* 위치안내 > 현장 */
|
|
.map_guide.field .map_title {background-color: #3E3823;}
|
|
.map_guide.field .map_info_wrap {background-color: rgba( 69, 59, 27, 0.8 );}
|
|
.map_guide.field .map_info_detail .info_adress {display: flow-root; margin-top: 2px; padding-bottom: 20px;}
|
|
.map_guide.field .info_detail_title {color: #C8BB91; font-size: 13px; font-weight: 600; margin-bottom: 8px;}
|
|
.map_guide.field .info_adress .info_detail_title::before {background: url(../images/ico_addr_brown.svg)}
|
|
.map_guide.field .info_number .info_detail_title::before {background: url(../images/ico_telno_brown.svg)}
|
|
.map_guide.field .info_fax .info_detail_title::before {background: url(../images/ico_fax_brown.svg)}
|
|
|
|
/* 인력/장비현황 */
|
|
.status_h4_wrap {display:flex; justify-content:space-between;}
|
|
/* 범례 */
|
|
.legend {display:flex; align-items:center; font-size:11px; color:#000; background:#fff; border-radius:2px;}
|
|
.legend span {position:relative; display:inline-block; display:flex; align-items:center; margin-left:16px;}
|
|
.legend span::before {content:''; display:inline-block; width:16px; height:10px; background:#ddd; margin-right:10px;}
|
|
.legend .blink::after {content:''; display:inline-block; position:absolute; top:2px; left:0; width:16px; height:12px; background:rgba(250, 62, 14, .5); animation:blink .8s ease-in-out infinite alternate;}
|
|
|
|
.worker_content {margin:30px 0 40px;}
|
|
|
|
/* 인력/장비현황 - 공통 */
|
|
.status {overflow: auto; height: 100% !important;}
|
|
.status, .status * {box-sizing: border-box;}
|
|
.status section:last-child {margin-top: 40px;}
|
|
.status .main_in {min-width: 94%; padding: 30px 0; display: flex;}
|
|
.status .h_3 {font-size: 22px; font-weight: 700;}
|
|
.status .h_4 {margin-bottom:0;}
|
|
.status .btn_wrap button {width: 40px; height: 26px; background: linear-gradient(180deg, #B1B1B1 0%, #535353 100%); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); border-radius: 2px; color: #fff;}
|
|
.status .btn_wrap button.on {background: linear-gradient(180deg, #286B61 0%, #0C342D 100%);}
|
|
.status .tit {text-align: center; position: relative; margin-bottom: 32px;}
|
|
.status .tit .btn_wrap {position: absolute; left: 0;}
|
|
.status .tit .btn_wrap button {font-size: 16px; width: 88px; height: 32px;}
|
|
.status .tbl_top {display: flex; justify-content: space-between; align-items: center; margin-bottom:10px;}
|
|
.status .tbl_top .legend {border-radius: 2px; _border: 1px solid var(--color-gray300);}
|
|
.status .tbl_top .legend span::before {border-radius: 2px; border: 1px solid #00000022;}
|
|
.status .chart_wrap {display:flex; flex-direction:column; width:100%; height:420px; background:#fff; border-radius:4px;}
|
|
.status .chart_wrap .chart_tit {width: 100%; height: 28px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; color: var(--color-gray600); border: none; font-size: 12px;}
|
|
.status .chart_wrap .chart_tit .month {display: flex; gap: 24px; justify-content: center; align-items: center;}
|
|
.status .chart_wrap .chart_tit .date_selected {margin-left: 0;}
|
|
|
|
.status .chart_tit {display:inline-block; margin-left:8px; font-weight:400; font-size:12px; color:var(--color-gray500);}
|
|
|
|
|
|
/* 인력/장비현황 - 일별차트 */
|
|
.status .chart_wrap .tb_calendar {table-layout:fixed; height:100%; width:100%;}
|
|
.status .chart_wrap .tb_calendar thead {margin:0; height:32px; font-size:12px; background:linear-gradient(180deg, rgba(243,241,241,1) 0%, rgba(221,221,221,1) 93%, rgba(201,201,201,1) 100%); color:var(--color-gray700); background-color:#fff; border-top:2px solid #222; box-shadow:var(--boxshadow-default);}
|
|
.status .chart_wrap .tb_calendar thead .sun,
|
|
.status .chart_wrap .tb_calendar tbody tr td:first-of-type {color: #F86868;}
|
|
.status .chart_wrap .tb_calendar thead .sat,
|
|
.status .chart_wrap .tb_calendar tbody tr td:last-of-type {color: #2B9DA5;}
|
|
.status .chart_wrap .tb_calendar tbody tr td {position: relative; vertical-align: middle; border-bottom: 1px solid var(--color-gray300);}
|
|
.status .chart_wrap .tb_calendar tbody tr td:hover {background-color:rgba(45, 119, 108, 0.05);}
|
|
.status .chart_wrap .tb_calendar tbody tr td > span {position: absolute; top: 8px; left: 8px; font-size: 12px;}
|
|
.status .chart_wrap .tb_calendar .today {background-color: #DCEFEA; color: var(--color-primary700); font-weight: 700;}
|
|
.status .chart_wrap .tb_calendar .next {opacity: 0.4;}
|
|
.status .chart_wrap .tb_calendar .process_wrap {margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 4px; cursor: pointer; width: 100%; height: 24px;}
|
|
.status .chart_wrap .tb_calendar .process_box {width: 24px; height: 24px; font-size: 11px; display: flex; justify-content: center; align-items: center; font-weight: 700; border-radius: 2px; border: 1px solid #00000022; color: #fff;}
|
|
|
|
/* 인력/장비현황 - 월별차트 */
|
|
.status .chart_wrap .bar_wrap {position:relative; width:100%; height:100%; padding-left:32px;}
|
|
.status .chart_wrap .bar_wrap .y_title {position:absolute; top:0; left:0; display:flex; flex-direction:column; justify-content:space-around; width:100%; height:calc(100% - 27px); font-size:12px; color:var(--color-gray500);}
|
|
.status .chart_wrap .bar_wrap .y_title span {width: 100%; height: 48px; position: relative; vertical-align: middle;}
|
|
.status .chart_wrap .bar_wrap .y_title span:last-child {height: 36px; border: none;}
|
|
.status .chart_wrap .bar_wrap .y_title span::after {position: absolute; content: ""; top: 8px; left: 32px; width: calc(100% - 32px); height: 1px; background-color: var(--color-gray300);}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap {position: absolute; top: 0; right: 0; width: calc(100% - 32px); height:100%; overflow-x: auto; overflow-y: hidden; padding: 0;}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap > div {width: calc(300px * 8); height: 100%; display: flex;} /*process_wrap의 갯수만큼 곱하기*/
|
|
.status .chart_wrap .bar_wrap .monthly_wrap .process_wrap {width: 300px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap .process_wrap .x_title {display:flex; justify-content:center; align-items:center; width:100%; height:60px; font-weight:500; font-size:12px; text-align:center; box-shadow: 0px -2px 4px rgb(0 0 0 / 10%); background-color:#fff; color:var(--color-gray700);}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap .process_wrap .x_title em {display:inline-block; padding:0 4px; font-size:20px; color:#222;}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap .process_wrap .x_title > span {margin-left:4px; font-size:12px; font-weight:500; color:#999;}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap .process_wrap ul {flex-grow: 1; order: -1; display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 100%; gap: 4px;}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap .process_wrap ul li {width: 24px; height: 1px; position: relative; border-radius: 2px; border: 1px solid #00000022;}
|
|
.status .chart_wrap .bar_wrap .monthly_wrap .process_wrap ul li > span {position: absolute; top: -28px; left: 50%; transform: translate(-50%, 0%); text-align: center; width: 100%; font-weight: 700; font-size: 16px;}
|
|
|
|
button[hidden] {display:none;}
|
|
|
|
/* 인력/장비현황 - 공정별 컬러 */
|
|
.legend span.yellow::before, .status .process_wrap .yellow {background:var(--gradient-dir1); box-shadow:var(--boxshadow-default2);}
|
|
.legend span.green::before, .status .process_wrap .green {background:var(--gradient-dir2); box-shadow:var(--boxshadow-default2);}
|
|
.legend span.skyblue::before, .status .process_wrap .skyblue {background:var(--color-skyblue); box-shadow:var(--boxshadow-default2);}
|
|
.legend span.gray::before, .status .process_wrap .gray {background:var(--color-gray600); box-shadow:var(--boxshadow-default2);}
|
|
.legend span.navy::before, .status .process_wrap .navy {background:var(--gradient-dir3); box-shadow:var(--boxshadow-default2);}
|
|
.legend span.wine::before, .status .process_wrap .wine {background:var(--gradient-dir4); box-shadow:var(--boxshadow-default2);}
|
|
.status .process_wrap .disabled {opacity: 0.2;}
|
|
|
|
/* 인력/장비현황 - 리스트 */
|
|
.status .tb_list thead th {position:relative; background:linear-gradient(180deg, rgba(243,241,241,1) 0%, rgba(221,221,221,1) 93%, rgba(201,201,201,1) 100%); border-top:2px solid #222; box-shadow:var(--boxshadow-default2); text-align: center; font-size: 12px; height: 32px;}
|
|
.status .tb_list tbody tr {border-bottom: 1px solid var(--color-gray300); height: 64px;}
|
|
.status .tb_list tbody td {position:relative; text-align: center; font-size: 14px;}
|
|
.status .tb_list .checkbox_container input[type="checkbox"]:checked + label::before {background:var(--color-deleteR);}
|
|
.status .tb_list .checkbox_container.confirm input[type="checkbox"]:checked + label::before {background:linear-gradient(180deg, #827960 0%, #453E2D 100%); cursor: default;}
|
|
.status .tb_list .checkbox_container.confirm input[type="checkbox"]:disabled+ label::before {background:var(--color-gray300); border: none; cursor: default;}
|
|
.status .tb_list .tb_delete {background-color: var(--color-gray100);}
|
|
.status .tb_list .address {text-align: left; padding: 0 16px;}
|
|
.status .tb_list .sort {position: relative; width: 8px; height: 12px; transform: translate(0, -1px); margin-left: 8px;}
|
|
.status .tb_list .sort::after,
|
|
.status .tb_list .sort::before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/ico_tb_sort_arrow2.svg) no-repeat 100% 100%; background-size: 100%; filter: var(--filter-gray400);}
|
|
.status .tb_list .sort::before {transform: rotateX(180deg);}
|
|
.status .tb_list .sort.down::after,
|
|
.status .tb_list .sort.up::before {filter: var(--filter-accent500);}
|
|
.status .tb_list .ico_attachment::before {display:inline-block; content:''; width:18px; height:18px; background:url(../images/ico_attachment.svg) no-repeat center / 18px; vertical-align: middle;}
|
|
.status .tb_list .count {font-size: 14px; font-weight: 500; margin-left: 2px; color: var(--color-gray500); vertical-align: middle;}
|
|
|
|
/* 팝업: 개별인력투입현황, 개별장비투입현황 */
|
|
/* .worker_indiv_state { width:600px; }
|
|
.worker_indiv_state .wt_popup_in { width:544px; }
|
|
.worker_indiv_state form { border-top: 1px solid var(--color-gray900); }
|
|
.worker_indiv_state th { color:var(--color-gray700); width:140px; padding-top:5px; padding-bottom:5px; font-weight:400; font-size:14px; text-align:left; line-height: 15px; text-indent: 10px; }
|
|
.worker_indiv_state tr { border-bottom:1px solid var(--color-gray200); }
|
|
.worker_indiv_state td { font-size:14px; font-weight:500; color:#000; padding:10px 0; display:flex; align-items:center; }
|
|
.worker_indiv_state td:nth-child(3) { color:#F86868; }
|
|
.wt_popup_in td.item_content { padding:10px 0; width:394px; }
|
|
.worker_indiv_state span.small { font-size: 12px; }
|
|
.worker_indiv_state button.btn_modify { display: inline-block; width: 36px; height: 36px; border-radius: 2px; line-height: 30px; text-align: center; letter-spacing: -0.05em; box-sizing: border-box; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); flex-shrink: 0; border: 1px solid #958e83; background: linear-gradient(180deg, #efeae0 0%, #dad5cc 100%); }
|
|
.worker_indiv_state button.btn_modify:hover { background: linear-gradient(180deg, #ded7c8 0%, #c6bcab 100%); }
|
|
.worker_indiv_state button.btn_modify:before { display: inline-block; content: ''; width: 15px; height: 15px; background: url(../images/ico_modify.svg) no-repeat; vertical-align: -2px; } */
|
|
|
|
/* 팝업: 체크박스 */
|
|
/* .popup_wt_wrap input[type="checkbox"] { display: none; }
|
|
.popup_wt_wrap input[type="checkbox"] + label { display: inline-block; width: 14px; height: 14px; border:1px solid #d4d4d4; border-radius: 2px; background-color: #fff; position: relative; }
|
|
.popup_wt_wrap input[id="check1"]:checked + label::after { content:'✔'; color: var(--color-secondary700); font-size: 11px; font-weight: 700; width: 14px; height: 14px; text-align: center; position: absolute; top:-12px; }
|
|
.popup_wt_wrap input[id="check2"]:checked + label::after { content:'✔'; color: var(--color-secondary700); font-size: 11px; font-weight: 700; width: 14px; height: 14px; text-align: center; position: absolute; top:-12px; }
|
|
.popup_wt_wrap input[id="check3"]:checked + label::after { content:'✔'; color: var(--color-secondary700); font-size: 11px; font-weight: 700; width: 14px; height: 14px; text-align: center; position: absolute; top:-12px; }
|
|
.check_wrap { width:100%; height:36px; display: flex; justify-content: space-between; align-items: center; gap:7px; }
|
|
.check_wrap span { font-size:14px; color:#fff; } */
|
|
/* .worker_check { display:flex; gap:6px; align-items:center; width:100%; height:36px; line-height: 36px; border: 1px solid #D4D4D4; background:#efefef; padding-left:8px; border-radius:2px; font-weight:500; font-size:14px; outline:none; cursor:pointer; }
|
|
.worker_check span { color:#000; }
|
|
.worker_check.on { display:flex; gap:6px; align-items:center; width:100%; height:36px; line-height: 36px; border: 1px solid var(--color-secondary700); background:var(--color-secondary500); padding-left:8px; border-radius:2px; font-weight:500; font-size:14px; outline:none; cursor:pointer; }
|
|
.worker_check.on span { color:#fff; }
|
|
.worker_check input[type="checkbox"] { width:14px; height:14px; } */
|
|
|
|
/* 팝업: 테이블 */
|
|
.popup_wt_wrap { z-index:1000; position:absolute; top:50%; left:50%; border:1px solid #000; border-radius:8px; background-color:#fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); transform: translate(-50%, -50%); }
|
|
.popup_wt_wrap .wt_popup_in { position:relative; margin:28px; }
|
|
.popup_wt_wrap hgroup {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; line-height:20px; }
|
|
.popup_wt_wrap hgroup span {height:20px; font-weight:500; font-size:16px; letter-spacing:-0.03em; }
|
|
.popup_wt_wrap hgroup span:before {content:""; display:inline-block; width:1px; height:20px; background-color:#ccc; vertical-align:-4px; margin:0 12px; }
|
|
.popup_wt_wrap hgroup p {margin-left:8px; padding:0 6px; font-size:12px; font-weight:400; letter-spacing:-0.03em; text-align:center; color:#fff; background-color:var(--color-gray500); border-radius:22px;}
|
|
.popup_wt_wrap hgroup p em {display:inline-block; padding:0 3px;}
|
|
.popup_wt_wrap hgroup .wt_btn_close { width:18px; height:18px; background:url(../images/ico_clear.svg) no-repeat center / 18px; position: absolute; right: 0; }
|
|
.popup_wt_wrap hgroup .wt_btn_close:hover { background-image:url(../images/ico_clear_on.svg); }
|
|
.popup_wt_wrap hgroup .wt_popup_tit { height:20px; font-weight:700; font-size:22px; letter-spacing: -0.03em; }
|
|
.popup_wt_wrap .popup_content { margin-top:16px; margin-bottom: 20px; }
|
|
.popup_wt_wrap .popup_content .tb_container { position: relative; }
|
|
/* .popup_wt_wrap .popup_content thead {height: 34px; background-color:#f5f5f5; _border-top:2px solid #2F2F2F; box-shadow: 0px 2px 4px rgb(0 0 0 / 16%); text-align: center; } */
|
|
.popup_wt_wrap .popup_content .tb_wrap { overflow-x: hidden; overflow-y: auto; }
|
|
.popup_wt_wrap .popup_content .tb1 { width: 100%; }
|
|
.popup_wt_wrap .popup_content .tb1 * { text-align: center; box-sizing: border-box; }
|
|
.popup_wt_wrap .popup_content .tb1 * a { color: inherit; }
|
|
.popup_wt_wrap .popup_content .tb1 thead {background:linear-gradient(180deg, rgba(243,241,241,1) 0%, rgba(221,221,221,1) 93%, rgba(201,201,201,1) 100%); box-shadow:var(--boxshadow-default);}
|
|
.popup_wt_wrap .popup_content .tb1 thead th { font-weight:500; font-size:13px; color:var(--color-gray700); }
|
|
.popup_wt_wrap .popup_content .tb1 .sort { position:relative; width:8px; height:12px; transform:translate(0, -1px); margin-left:8px; }
|
|
.popup_wt_wrap .popup_content .tb1 .sort::after,
|
|
.popup_wt_wrap .popup_content .tb1 .sort::before { position:absolute; content:""; top: 0; left: 0; width:100%; height:100%; background:url(../images/ico_tb_sort_arrow2.svg) no-repeat 100% 100%; background-size: 100%; filter: var(--filter-gray400) }
|
|
.popup_wt_wrap .popup_content .tb1 .sort::before { transform: rotateX(180deg); }
|
|
.popup_wt_wrap .popup_content .tb1 tbody tr { border-bottom:1px solid #eee; cursor:default;}
|
|
.popup_wt_wrap .popup_content .tb1 tbody tr:hover { _background-color:rgba(226, 244, 241, 0.6); background:none;}
|
|
.popup_wt_wrap .popup_content .tb1 tbody td { padding:6px; height:42px; font-weight:500; font-size:14px; text-align:center; letter-spacing:-0.03em; color:#000; border-left:1px solid #eee; }
|
|
.popup_wt_wrap .popup_content .tb1 tbody td:first-child { border-left:none; }
|
|
|
|
/* 팝업: 인력투입현황, 장비투입현황 */
|
|
.popup_wt_wrap.worker_state { width:776px;}
|
|
.popup_wt_wrap.tool_state { width:776px; height:auto; }
|
|
.popup_wt_wrap.tool_state .wt_popup_in { _margin-bottom: 100px }
|
|
|
|
/* 팝업: 신규작업자등록, 등록작업자수정 */
|
|
.worker_regist { width:600px;}
|
|
.worker_regist .wt_popup_in { width:544px; }
|
|
.worker_regist form {border-top:2px solid var(--color-gray900); }
|
|
.worker_regist th { width:140px; padding-top:5px; padding-bottom:5px; font-weight:500; font-size:14px; text-align:left; line-height: 15px; }
|
|
.worker_regist tr { border-bottom:1px solid var(--color-gray200); }
|
|
.worker_regist td {display:flex; align-items:center; position:relative; padding:6px 0; }
|
|
.worker_regist tr.address td {display:block; padding-top:10px; padding-bottom:5px; }
|
|
.worker_regist tr.address td div {position:relative; display:flex; margin-bottom:4px;}
|
|
.worker_regist tr.address td div:first-child input {padding:0 44px 0 8px}
|
|
.worker_regist tr.address td div .btn_find {top:1px;}
|
|
.worker_regist input.regist_name {width:100%; height:36px; padding-left:8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size:14px; cursor:pointer; box-sizing:border-box;}
|
|
.worker_regist input.regist_name::placeholder { font-size:14px; font-weight:400; }
|
|
.worker_regist span.small {font-size:12px; color:var(--color-gray600); font-weight:400;}
|
|
.nationality_wrap { display:flex; width:100%; gap:20px; justify-content:center; align-items:center; }
|
|
.dash { width:10px; text-align:center; padding:0 10px; }
|
|
.worker_regist input.regist_name:focus, .worker_regist textarea:focus { border-color: var(--color-accent500); }
|
|
.worker_regist button.btn_find {width:34px; height:34px; position:absolute; right:1px; background: url(../images/ico_search.svg) no-repeat center / 14px var(--color-gray100); }
|
|
|
|
/* 팝업: 신규장비등록, 등록장비수정 */
|
|
.tool_regist { width:600px; }
|
|
.tool_regist .wt_popup_in { width:544px; }
|
|
.tool_regist form { border-top: 1px solid var(--color-gray900); }
|
|
.tool_regist th { width:140px; padding-top:5px; padding-bottom:5px; font-weight:500; font-size:14px; text-align:left; line-height: 15px; }
|
|
.tool_regist tr { border-bottom:1px solid var(--color-gray200); }
|
|
.tool_regist td { position:relative; padding-top:10px; padding-bottom:10px; display:flex; align-items:center; padding:6px 0;}
|
|
.tool_regist tr.address td {display:block; padding-top:10px; padding-bottom:5px; }
|
|
.tool_regist tr.address td div {position:relative; display:flex; margin-bottom:4px;}
|
|
.tool_regist tr.address td div:first-child input {padding:0 44px 0 8px}
|
|
.tool_regist tr.address td div .btn_find {top:1px;}
|
|
.tool_regist input.regist_name { width:100%; height:36px; padding-left:8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size:14px; box-sizing:border-box; cursor:pointer; }
|
|
.tool_regist input.regist_name::placeholder { font-size:14px; font-weight:400; }
|
|
.tool_regist span.small { font-size: 12px; }
|
|
.dash { width:10px; text-align:center; padding:0 10px; }
|
|
.tool_regist input.regist_name:focus, .tool_regist textarea:focus { border-color: var(--color-accent500); }
|
|
.tool_regist button.btn_find {width:34px; height:34px; position:absolute; right:1px; background: url(../images/ico_search.svg) no-repeat center / 14px var(--color-gray100); }
|
|
|
|
/* 팝업: 파일첨부 */
|
|
.popup_wt_wrap .wt_atd_file_wrap { width: 100%; }
|
|
.popup_wt_wrap .wt_atd_file_wrap .wt_atd_file_box { overflow-x: hidden; overflow-y: auto; border: 1px solid var(--color-gray300); border-radius: 2px; }
|
|
.popup_wt_wrap .wt_atd_file_wrap .wt_atd_file_box.scroll_vertical { height: 90px; background-color: #fff; }
|
|
.popup_wt_wrap .wt_atd_file_list { table-layout: fixed; background: #fff; font-size: 14px; }
|
|
.popup_wt_wrap .wt_atd_file_list tr { border: none; }
|
|
.popup_wt_wrap .wt_atd_file_list tr:hover { background: rgba(226, 244, 241, 0.6); }
|
|
.popup_wt_wrap .wt_atd_file_list tr { display:flex; justify-content: space-between; padding:0 10px; background-color: #fff; height: 30px; }
|
|
.popup_wt_wrap .wt_atd_file_list .wt_file_tit { display: flex; }
|
|
.popup_wt_wrap .wt_atd_file_list .wt_file_tit span {display: inline-block; }
|
|
.popup_wt_wrap .wt_atd_file_list .wt_file_tit .txt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:bottom; font-weight:400; }
|
|
.popup_wt_wrap .wt_atd_file_list .wt_file_tit .file_extension {flex-shrink:0; width:80px; font-weight:400;}
|
|
.popup_wt_wrap .wt_atd_file_list .file_size { font-size: 12px; color: #9e9e9e; }
|
|
.popup_wt_wrap .wt_atd_file_list .btn_container { text-align: center; }
|
|
.popup_wt_wrap .wt_atd_file_list .btn_delete { width: 24px; height: 24px; border-radius: 2px; background: url(../images/ico_delete.svg) no-repeat center / 10px; }
|
|
.popup_wt_wrap .wt_atd_file_list .btn_delete:hover { background: url(../images/ico_delete.svg) no-repeat center / 10px,#FBDBDB; }
|
|
.popup_wt_wrap .wt_atd_file_list .btn_download {width: 20px; height: 20px; border-radius: 2px; border: 1px solid #2D776C; background: #fff url(../images/ico_download.svg) no-repeat center / 16px 16px; }
|
|
.popup_wt_wrap .wt_atd_file_list .btn_download:hover {background: url(../images/ico_download.svg) no-repeat center / 16px 16px, linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.05) 100%); }
|
|
.popup_wt_wrap .wt_atd_file_info {display:flex; justify-content:space-between; align-items:flex-start; font-weight: 500; text-align: right; color: var(--color-accent500); letter-spacing: -0.05em; margin-top: 10px; }
|
|
.popup_wt_wrap .wt_atd_file_info p { color: var(--color-gray600); font-size: 12px; font-weight: 400; }
|
|
.popup_wt_wrap .wt_atd_file_info p em { color: var(--color-accent500); }
|
|
.popup_wt_wrap .btn_wrap { display: flex; align-items: center; }
|
|
.popup_wt_wrap .wt_atd_file_info button { display: inline-block; width: 36px; height: 36px; border-radius: 2px; font-weight: 500; font-size: 12px; line-height: 30px; text-align: center; letter-spacing: -0.05em; box-sizing: border-box; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); }
|
|
.popup_wt_wrap .wt_atd_file_info button + button { margin-left: 10px; }
|
|
.popup_wt_wrap .wt_atd_file_info .btn_delete_all,
|
|
.popup_wt_wrap .wt_atd_file_info .btn_download_all {width: 70px; border:1px solid #606060; background:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%); color: #7C6A46; }
|
|
.popup_wt_wrap .wt_atd_file_info .btn_delete_all:hover,
|
|
.popup_wt_wrap .wt_atd_file_info .btn_download_all:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 100%); }
|
|
.popup_wt_wrap .btn_wt_atd_file { flex-shrink: 0; border: 1px solid rgba(0, 0, 0, 0.2); background: linear-gradient(180deg, #DBD0BC 0%, #C1B6A1 100%); color: #615236; text-indent: 12px; }
|
|
.popup_wt_wrap .btn_wt_atd_file::before { display: inline-block; content: ''; width: 30px; height: 18px; background: url(../images/ico_attachment.svg) no-repeat; background-position: -3px 2px; vertical-align: top; vertical-align: -3px; }
|
|
.popup_wt_wrap .btn_wt_atd_file:hover { background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 100%), linear-gradient(180deg, #DBD0BC 0%, #C1B6A1 100%); }
|
|
.worker_indiv_state .wt_atd_file_info p { margin-right: 10px; }
|
|
.tool_indiv_state .wt_atd_file_info p { margin-right: 10px; }
|
|
|
|
/* 팝업: 국적선택(input-radio) */
|
|
.nationality_wrap { display:flex; width:100%; gap:30px; justify-content:flex-start; align-items:center; margin-left:32px; }
|
|
.nationality_wrap label { vertical-align: middle; font-size: 14px; padding-left: 4px; }
|
|
.nationality_wrap input[type="radio"] { appearance: none; width: 14px; height: 14px; border-radius: 100%; border: max(2px, 0.1rem) solid var(--color--gray300); background-color: var(--color-gray300); padding: 0; }
|
|
.nationality_wrap input[type="radio"]:checked { border: 0.25rem solid var(--color-secondary500); background-color: #fff; }
|
|
.nationality_wrap input[type="radio"]:checked + label { font-weight: 700; color: var(--color-secondary500); }
|
|
.nationality_wrap input[type="radio"]#local:checked { border: 0.25rem solid var(--color-secondary500); }
|
|
.nationality_wrap input[type="radio"]#local:checked + label { color: var(--color-secondary500); }
|
|
.nationality_wrap input[type="radio"]#foreigner:checked { border: 0.25rem solid var(--color-gray600); }
|
|
.nationality_wrap input[type="radio"]#foreigner:checked + label { color: var(--color-gray600); }
|
|
|
|
/* 팝업: 개별인력투입현황, 개별장비투입현황 */
|
|
.worker_indiv_state { width:600px; }
|
|
.worker_indiv_state .wt_popup_in { width:544px; }
|
|
.worker_indiv_state form { border-top: 1px solid var(--color-gray900); }
|
|
.worker_indiv_state th { color:var(--color-gray700); width:140px; padding-top:5px; padding-bottom:5px; font-weight:400; font-size:14px; text-align:left; line-height: 15px; text-indent: 10px; }
|
|
.worker_indiv_state tr { border-bottom:1px solid var(--color-gray200); }
|
|
.worker_indiv_state td { font-size:14px; font-weight:500; color:#000; padding:10px 0; display:flex; align-items:center; }
|
|
.worker_indiv_state td:nth-child(3) { color:#F86868; }
|
|
.wt_popup_in td.item_content { padding:10px 0; width:394px; }
|
|
.worker_indiv_state span.small { font-size: 12px; }
|
|
.worker_indiv_state button.btn_modify { display: inline-block; width: 36px; height: 36px; border-radius: 2px; line-height: 30px; text-align: center; letter-spacing: -0.05em; box-sizing: border-box; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); flex-shrink: 0; border: 1px solid #958e83; background: linear-gradient(180deg, #efeae0 0%, #dad5cc 100%); }
|
|
.worker_indiv_state button.btn_modify:hover { background: linear-gradient(180deg, #ded7c8 0%, #c6bcab 100%); }
|
|
.worker_indiv_state button.btn_modify:before { display: inline-block; content: ''; width: 15px; height: 15px; background: url(../images/ico_modify.svg) no-repeat; vertical-align: -2px; }
|
|
|
|
/* 팝업: 체크박스 */
|
|
.popup_wt_wrap input[type="checkbox"] { display: none; }
|
|
.popup_wt_wrap input[type="checkbox"] + label { display: inline-block; width: 14px; height: 14px; border:1px solid #d4d4d4; border-radius: 2px; background-color: #fff; position: relative; }
|
|
.popup_wt_wrap input[id="check1"]:checked + label::after { content:'✔'; color: var(--color-secondary700); font-size: 11px; font-weight: 700; width: 14px; height: 14px; text-align: center; position: absolute; top:-12px; }
|
|
.popup_wt_wrap input[id="check2"]:checked + label::after { content:'✔'; color: var(--color-secondary700); font-size: 11px; font-weight: 700; width: 14px; height: 14px; text-align: center; position: absolute; top:-12px; }
|
|
.popup_wt_wrap input[id="check3"]:checked + label::after { content:'✔'; color: var(--color-secondary700); font-size: 11px; font-weight: 700; width: 14px; height: 14px; text-align: center; position: absolute; top:-12px; }
|
|
.check_wrap { width:100%; height:36px; display: flex; justify-content: space-between; align-items: center; gap:7px; }
|
|
.check_wrap span { font-size:14px; color:#fff; }
|
|
|
|
.tbl_wrap .worker_check { display:flex; gap:6px; align-items:center; width:100%; height:36px; line-height: 36px; border: 1px solid #D4D4D4; background:#efefef; padding-left:8px; border-radius:2px; font-weight:500; font-size:14px; outline:none; cursor:pointer; }
|
|
.tbl_wrap .worker_check span { color:#000; }
|
|
.tbl_wrap .worker_check.on { display:flex; gap:6px; align-items:center; width:100%; height:36px; line-height: 36px; border: 1px solid var(--color-secondary700); background:var(--color-secondary500); padding-left:8px; border-radius:2px; font-weight:500; font-size:14px; outline:none; cursor:pointer; }
|
|
.tbl_wrap .worker_check.on span { color:#fff; }
|
|
.tbl_wrap .worker_check input[type="checkbox"] { width:14px; height:14px; }
|
|
|
|
/* 팝업: select-option */
|
|
.list_wrap { width:100%; position: relative; }
|
|
.list_wrap select { vertical-align: middle; width: 100%; height: 36px; border-radius: 2px; border: 1px solid var(--color-gray300); font-weight: 500; font-size: 14px; outline: none; cursor: pointer; padding: 6px;}
|
|
.list_wrap .half_select_wrap { display: flex; justify-content: space-between; gap:10px; margin-top:4px; }
|
|
.list_wrap .half_select_list { vertical-align: middle; width: 100%; height: 36px; border-radius: 2px; border: 1px solid var(--color-gray300); font-weight: 500; font-size: 14px; outline: none; padding: 6px; cursor: pointer; }
|
|
.list_wrap option { background: #fff;}
|
|
.popup_subtit { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--color-gray500); }
|
|
.popup_subtit p { font-size: 16px; font-weight: 700; }
|
|
.worker_indiv_state tbody.table_bg { background-color: var(--color-gray100); }
|
|
.worker_indiv_state .table_bg th { font-size: 13px; }
|
|
.worktime_wrap {margin-left:140px; _margin-top:10px; _margin-bottom: 40px; _float: right; }
|
|
|
|
.popup_subtit_worktime{display:flex; justify-content:space-between; align-items:flex-end; padding-top:26px; margin-bottom:10px;}
|
|
.popup_subtit_worktime p {width:240px; font-size: 16px; font-weight:700; padding-bottom:8px;}
|
|
.popup_subtit_worktime span {display:inline-block; width:150px; font-size: 13px; text-align:right; font-weight:400; color:var(--color-gray500); }
|
|
.popup_subtit_worktime .list_wrap select {width: 120px;}
|
|
|
|
table.worktime { background-color: none; }
|
|
table.worktime th { width:140px; font-size: 16px; font-weight: 700; color:#000; }
|
|
table.worktime th { width:140px; font-size: 16px; font-weight: 700; color:#000; }
|
|
table.worktime tr { border: none; }
|
|
table.worktime p { font-size: 13px; font-weight: 400; color:var(--color-gray600); position: absolute; right:0; margin-top: 18px; }
|
|
table.worktime_dt { width:404px; text-align: center; border-top: 1px solid var(--color-gray500); border-collapse: separate; }
|
|
table.worktime_dt td { display: table-cell; font-size: 20px; text-indent: 0; border-bottom: 1px solid var(--color-gray200); }
|
|
table.worktime_dt td:nth-child(n+2) { border-left:1px solid var(--color-gray200); }
|
|
table.worktime_dt thead tr { height: 35px; }
|
|
table.worktime_dt tbody tr { height: 60px; }
|
|
table.worktime_dt th { border:1px solid var(--color-gray200); text-align: center; font-weight: 500; text-indent: 0; }
|
|
table.worktime_dt .accent { color:#F86868; }
|
|
table.worktime_dt thead { background-color: var(--color-gray100); box-shadow: 0px 2px 4px rgb(0 0 0 / 16%); }
|
|
td.check_bg { width: 394px; }
|
|
|
|
.tool_indiv_state { width:600px;}
|
|
.tool_indiv_state .wt_popup_in { width:544px; }
|
|
.tool_indiv_state form { border-top: 1px solid var(--color-gray900); }
|
|
.tool_indiv_state th { color:var(--color-gray700); width:140px; padding-top:5px; padding-bottom:5px; font-weight:400; font-size:14px; text-align:left; line-height: 15px; text-indent: 10px; }
|
|
.tool_indiv_state tr { border-bottom:1px solid var(--color-gray200); }
|
|
.tool_indiv_state td { font-size:14px; font-weight:500; color:#000; padding:10px 0; display:flex; align-items:center; }
|
|
.tool_indiv_state td:nth-child(3) { color:#F86868; }
|
|
.tool_indiv_state span.small { font-size: 12px; }
|
|
.tool_indiv_state button.btn_modify { display: inline-block; width: 36px; height: 36px; border-radius: 2px; line-height: 30px; text-align: center; letter-spacing: -0.05em; box-sizing: border-box; box-shadow: 0px 2px 2px rgb(0 0 0 / 20%); flex-shrink: 0; border: 1px solid #958e83; background: linear-gradient(180deg, #efeae0 0%, #dad5cc 100%); }
|
|
.tool_indiv_state button.btn_modify:hover { background: linear-gradient(180deg, #ded7c8 0%, #c6bcab 100%); }
|
|
.tool_indiv_state button.btn_modify:before { display: inline-block; content: ''; width: 15px; height: 15px; background: url(../images/ico_modify.svg) no-repeat; vertical-align: -2px; }
|
|
.popup_subtit p { font-size: 16px; font-weight: 700; }
|
|
.tool_indiv_state tbody.table_bg { background-color: var(--color-gray100); }
|
|
.tool_indiv_state .table_bg th { font-size: 13px; }
|
|
.worker_regist td.item_content,
|
|
.tool_regist td.item_content,
|
|
.worker_modify td.item_content,
|
|
.worker_modify td.item_content { width: 100%; }
|
|
|
|
/* 팝업: pagination */
|
|
.popup_wt_wrap .wt_paging_wrap {margin-top:15px;}
|
|
.popup_wt_wrap .paging { display: flex; justify-content: center; }
|
|
.popup_wt_wrap .paging li { display:inline-block; width:32px; border-radius:2px; }
|
|
.popup_wt_wrap .paging .wt_paging_prev { border-radius: 20px; margin:0 5px; }
|
|
.popup_wt_wrap .paging .wt_paging_next { border-radius: 20px; margin:0 5px; }
|
|
.popup_wt_wrap .paging .wt_paging_prev:not(.disabled):hover a,
|
|
.popup_wt_wrap .paging .wt_paging_next:not(.disabled):hover a { opacity:1; }
|
|
.popup_wt_wrap .paging .wt_paging_prev:not(.disabled):hover,
|
|
.popup_wt_wrap .paging .wt_paging_next:not(.disabled):hover { background:rgba(226, 244, 241, 0.6); }
|
|
.popup_wt_wrap .paging .wt_paging_prev a { background:url(../images/ico_arrowl.svg) no-repeat center / 6px; opacity:0.6; }
|
|
.popup_wt_wrap .paging .wt_paging_next a { background:url(../images/ico_arrowr.svg) no-repeat center / 6px; opacity:0.6; }
|
|
.popup_wt_wrap .paging li a { display:block; height:32px; line-height:32px; border-radius:2px; font-weight:500; font-size:14px; color:var(--color-gray500); text-align:center;}
|
|
.popup_wt_wrap .paging li.on a,
|
|
.popup_wt_wrap .paging li:hover a {font-weight:700; color:#2b6c5c; }
|
|
|
|
/* 팝업: 하단버튼 */
|
|
.popup_wt_wrap .foot {display:flex; gap:10px; justify-content:flex-end; text-align:center; }
|
|
.popup_wt_wrap .btn_edit {width:140px; height:50px; margin-top:20px; font-weight:600; font-size:16px; border-radius:2px; box-shadow:var(--boxshadow-default2); }
|
|
.popup_wt_wrap .btn_edit.btn_regist {border: 1px solid rgba(0, 0, 0, 0.3); background:var(--gradient-primary); color: #fff; }
|
|
.popup_wt_wrap .btn_edit.btn_regist:hover { background:var(--gradient-primary-h);}
|
|
.popup_wt_wrap .btn_edit.btn_cancel { border: 1px solid rgba(0, 0, 0, 0.4); background:linear-gradient(180deg, #F0F0F0 0%, #E1E0DE 100%); color: var(--color-gray800); }
|
|
.popup_wt_wrap .btn_edit.btn_cancel:hover { background:linear-gradient(180deg, #eee 0%, #ccc 100%); }
|
|
|
|
/* 자재관리 */
|
|
.itemmng * {box-sizing: border-box; letter-spacing: -0.05em;}
|
|
.itemmng .main_in {align-items: flex-start;}
|
|
.itemmng .control_bar {margin: 0 auto;}
|
|
.itemmng_conts {width: 100%;}
|
|
.itemmng_conts .tb_top_wrap {display: flex; align-items:center;}
|
|
.itemmng_conts.column2 .tb_top_wrap .h_4 {width: 36%; margin-right: 40px;}
|
|
.itemmng_conts .tb_top_wrap .tb_date {margin-top: 12px; font-size: 17px;}
|
|
.itemmng_conts .tb_top_wrap .tb_date b:nth-child(n+2) {margin-left: 4px;}
|
|
.itemmng_conts .tb_top_wrap .tb_date small {font-size: 14px; margin-left: 4px;}
|
|
.itemmng_conts .tb_top_wrap .btn_box {margin-left: auto;}
|
|
.tb_top_wrap .h_4 ul {display: flex; gap: 20px; align-items:center; justify-content: flex-start;}
|
|
.tb_top_wrap .h_4 ul li + li {position: relative;}
|
|
.tb_top_wrap .h_4 ul li + li::before {display: inline-block; content: ''; position: absolute; transform: translate(-10px, 16px); width: 1px; height: 12px; background-color: var(--color-gray400);}
|
|
.tb_top_wrap .h_4 ul li a {display: block; position: relative; height: 40px; line-height: 40px; font-weight: 500; color: var(--color-gray400);}
|
|
.tb_top_wrap .h_4 ul li.on a {line-height: 38px; font-weight: 700; color: var(--color-primary700);}
|
|
.tb_top_wrap .h_4 ul li.on a::before {content: ''; position: absolute; top:0; width: 100%; height: 2px; border-radius: 0 0 1px 1px; background-color: #FA552E;}
|
|
.tb_top_wrap .btn_box button {height: 32px; padding-left: 8px; padding-right: 8px; font-weight: 500; font-size: 13px; border: 1px solid rgba(0, 0, 0, 0.30); border-radius: 2px; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);}
|
|
.tb_top_wrap .btn_box button + button {margin-left: 6px;}
|
|
.tb_top_wrap .btn_box .btn_regist {background: linear-gradient(180deg, #DBD0BC 0%, #C4B9A4 84.90%, #958B77 100%); color: #615236; }
|
|
.tb_top_wrap .btn_box .btn_regist:hover {background: linear-gradient(180deg, #C0B59E 0%, #C0B59E 84.90%, #85775E 100%);}
|
|
.tb_top_wrap .btn_box .btn_save_excel {padding-left: 32px; background:url(../images/ico_excel.svg) no-repeat 6px center, linear-gradient(180deg, #3C8277 0%, #397D73 80%, #216056 100%); color: #fff;}
|
|
.tb_top_wrap .btn_box .btn_save_excel:hover {background:url(../images/ico_excel.svg) no-repeat 6px center, linear-gradient(180deg, #38746B 0%, #38746B 80%, #1B4B44 100%);}
|
|
|
|
.itemmng .itemmng_conts.column2 {display: grid; grid-template-columns: 36% calc(64% - 40px); grid-template-rows: auto; column-gap:40px;}
|
|
.itemmng .itemmng_conts.column2 .tb_top_wrap {grid-column: 1; grid-column-start:1; grid-column-end:3;}
|
|
.itemmng_left {grid-column: 1; height: calc(100vh - 270px);}
|
|
.itemmng_right {grid-column: 2; height: calc(100vh - 270px);}
|
|
|
|
/* 자재관리 테이블 공통 */
|
|
.itemmng_conts .tb_container {position: relative; padding-top: 34px; border-bottom: 1px solid #ddd;}
|
|
.itemmng_conts .tb_fixed_header {position: absolute; top:0; left:0; right:0; height: 34px; border-top: 2px solid #222; background: linear-gradient(180deg, #E4E4E4 0%, #EAEAEA 86.98%, #DDD 100%); box-shadow: var(--boxshadow-default);}
|
|
.itemmng_conts .tb_wrap {width: inherit; height: calc(100vh - 304px); overflow-x: hidden; overflow-y: auto;}
|
|
.itemmng_conts .tb_wrap thead {background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%); }
|
|
.itemmng_conts .tb_wrap thead th {font-weight: 700; font-size: 15px; color:var(--color-gray700);}
|
|
.itemmng_conts .tb_wrap thead th div {position: absolute; top:2px; line-height: 32px; width: inherit; display: inline-block; transform:translate(-50%); white-space: nowrap;}
|
|
.itemmng tbody td {font-weight: 500;}
|
|
|
|
.itemmng_left .tb_wrap {padding-top: 2px;}
|
|
.itemmng_left tbody tr {position: relative; background-color:rgba(221, 220, 220, 0.2);}
|
|
.itemmng_left tbody tr:has(div[class*="prc"]):hover {cursor: pointer;}
|
|
.itemmng_left tbody tr:has(div[class*="prc"])::after {display: block; z-index: 2; width: calc(100% - 8px); position: absolute; left: 4px; top: 4px; outline: 4px solid rgba(208,50,0,0.8);}
|
|
.itemmng_left td {border-bottom: 1px solid rgba(0, 0, 0, .2);}
|
|
.itemmng_left tr:has([rowspan="2"]) + tr td:first-child,
|
|
.itemmng_left td + td {border-left: 1px solid rgba(0, 0, 0, .2);}
|
|
.itemmng_left tr:has(div[class^="prc"]) td {background:linear-gradient(#fff 0%, #fff 95%, rgba(234,234,234,1) 100%);}
|
|
.itemmng_left .date {color: var(--color-gray600); line-height: 32px;}
|
|
.itemmng_left.field1 td div {line-height: 34px;}
|
|
.itemmng_left tr:has(div[class^="prc"]) .date {color: #1f1f1f;}
|
|
.itemmng_left td:nth-last-child(-n+3) {text-align: center;}
|
|
.itemmng_left .date.saturday {color:#2B9DA5!important;}
|
|
.itemmng_left .date.holiday {color: #F86868;}
|
|
.itemmng_left .date small {margin-left: 2px; font-size: 12px;}
|
|
|
|
.itemmng_left tr td:has(div + div)::after {display: block; content: ''; position: absolute; top:50%; width: 85%; height: 1px; background-color: rgba(0, 0, 0, .1);}
|
|
|
|
.itemmng .today_mark {display: block; width: 32px; height: 20px; margin: 0 auto; line-height: 20px; border-radius: 2px; background-color: #B5AE44; text-align: center; font-weight: 500; font-size: 11px; color: #fff;}
|
|
.itemmng_left tr.tdy td,
|
|
.itemmng_left tr:has(div[class*="prc"]) td:has(.today_mark) ~ td {background: linear-gradient(180deg, #fdfdf5 0%, #fdfdf5 95%, #dfdfc9 100%)!important;}
|
|
|
|
.itemmng .expiry_date {vertical-align: top; color:#FF2E00;}
|
|
.itemmng .expiry_date span {background-color: rgba(252,46,0,0.05);}
|
|
.itemmng .expiry_date b {margin-right: 4px;}
|
|
|
|
|
|
|
|
/* 자재관리/자재현황 */
|
|
.itemmng_left.factory1 tbody tr::after {height: 135px;}
|
|
.itemmng_left.field1 tbody tr.on::after,
|
|
.itemmng_left.field1 tbody tr:hover::after,
|
|
.itemmng_left.factory1 tbody tr.on::after,
|
|
.itemmng_left.factory1 tbody tr:hover::after {content: '';}
|
|
.itemmng_left.field1 tbody tr.on + tr:has(div[class*="prc"])::after {display: none;}
|
|
.itemmng_left.factory1 tbody tr:has(td[rowspan="2"]) + tr:has(:not(.date))::after {height: 270px; top:-135px;}
|
|
.itemmng_left.factory1 tbody tr:has(td[rowspan="2"])::after {height: 270px;}
|
|
|
|
|
|
|
|
|
|
.itemmng_left.factory1 td {border-bottom-color: var(--color-gray500);}
|
|
.itemmng_left.factory1 td.date {text-align: center;}
|
|
|
|
.itemmng_left.factory1 td .tit {height: 32px; line-height: 32px; text-align: center; font-weight: 700; color: #fff;}
|
|
.itemmng_left.factory1 .prc1 .tit {background: linear-gradient(180deg, #D5A240 0%, #D8A648 80%, #C29131 100%);}
|
|
.itemmng_left.factory1 .prc2 .tit {background: linear-gradient(180deg, #25993E 0%, #25973E 80%, #1C7B31 100%);}
|
|
|
|
.itemmng_left .work_plan_list {height: 106px; padding: 8px 8px 8px 22px; font-weight: 500; font-size: 15px;}
|
|
.itemmng_left .prc1 .work_plan_list {background: linear-gradient(180deg, #F9F4EC 0%, #FFF3DB 89.06%, #FFE7BA 100%);}
|
|
.itemmng_left .prc2 .work_plan_list {background: linear-gradient(180deg, #E9F5EC 0%, #EAF5ED 90.10%, #c1ddc7 100%);}
|
|
.itemmng_left .work_plan_list li {display: flex; justify-content: space-between; align-items: center;}
|
|
.itemmng_left .work_plan_list li span {display: inline-block; height: 16px; padding-left: 6px; padding-right: 6px; line-height: 16px; font-size: 12px; text-align: center; border-radius: 20px; color: #fff;}
|
|
.itemmng_left .prc1 .work_plan_list li span {background-color: var(--color-yellow);}
|
|
.itemmng_left .prc2 .work_plan_list li span {background-color: var(--color-green);}
|
|
.itemmng_left .prc4 .work_plan_list li span {background-color: var(--color-navy);}
|
|
.itemmng_left .prc5 .work_plan_list li span {background-color: var(--color-wine);}
|
|
.itemmng_left .work_plan_list li span small {margin-left: 2px;}
|
|
|
|
.itemmng_left td:nth-last-child(-n+3) {font-size: 15px;}
|
|
.itemmng_left.factory1 tr:has(td div) td:nth-last-child(-n+3) {line-height: 138px;}
|
|
.itemmng_left.field1 td:nth-last-child(-n+3) {line-height: 34px;}
|
|
|
|
.itemmng_left td.satisfied {font-weight: 700; color: #1C5E4E;}
|
|
.itemmng_left td.satisfied::before {display: inline-block; content: ''; transform: translateY(2px); width: 14px; height: 14px; margin-right: 2px; border-radius: 50%; background: #1C5E4E url(../images/ico_chk.svg) no-repeat center / 8px; font-weight: 500; font-size: 10px; line-height: 16px; color: #fff;}
|
|
.itemmng_left td.shortage {font-weight: 700;color:#FF2E00; background-color: rgba(252,46,0,0.05);}
|
|
.itemmng_left tr:has(div[class^="prc"]) td.shortage {background: rgba(252,46,0,0.05);}
|
|
.itemmng_left td.shortage::before {display: inline-block; content: ''; width: 17px; height:17px; transform: translateY(2px); margin-right: 3px; background: url(../images/ico_notice.svg) no-repeat center / 17px;}
|
|
.itemmng_left td.stored {color: #1C5E4E;}
|
|
|
|
|
|
/*자재관리/오른쪽 테이블*/
|
|
.itemmng_right tr {background-color:rgba(221, 220, 220, 0.2);}
|
|
.itemmng_right td {border-bottom: 1px solid rgba(0, 0, 0, .1); font-size: 14px; color: #444; letter-spacing: -0.05em; text-align: center; line-height: 34px;}
|
|
.itemmng_right tr td:nth-last-child(-n+7) {background-color: #fff;}
|
|
.itemmng_right td + td,
|
|
.itemmng_right td:nth-last-child(7),
|
|
.itemmng_right td:nth-last-child(8) {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.itemmng_right td:nth-last-child(-n+7) {color: #666;}
|
|
.itemmng_right .on td:nth-last-child(-n+7) {color: #222;}
|
|
.itemmng_right td.none{background:rgba(0, 0, 0, .05)!important;}
|
|
|
|
.itemmng_right .on.shortage td:nth-last-child(-n+8) {font-weight:700; color:#FF2E00; background-color: rgba(252,46,0,0.05);}
|
|
.itemmng_right .on.shortage td.none {background-color: rgba(217, 200, 196, 0.45);}
|
|
.itemmng_right .shortage .col2::before {display: inline-block; content: ''; width: 17px; height:17px; transform: translateY(2px); margin-right: 3px; background: url(../images/ico_notice.svg) no-repeat center / 17px;}
|
|
|
|
.itemmng_right .on {position: relative;}
|
|
.itemmng_right .on:nth-last-child(2):after {display:block; content: ''; width: 100%; position: absolute; left:0; bottom: 0; height: 1px; background-color: red;}
|
|
.itemmng_right .on .col1 {color: #fff;}
|
|
.itemmng_right .on .col1.prc1 {background: linear-gradient(180deg, #D5A240 0%, #D8A648 90%, #C29131 100%);}
|
|
.itemmng_right .on .col1.prc2 {background:linear-gradient(180deg, #25993E 0%, #25973E 90%, #1C7B31 100%);}
|
|
.itemmng_right .on .col1.prc4 {background: linear-gradient(180deg, #365795 0%, #31518E 90%, #153063 100%);}
|
|
.itemmng_right .on .col1::before {display:block; content: ''; position: absolute; top: 0; width: 5px; border-radius: 0 2px 2px 0; background-color: #EC5501;}
|
|
.itemmng_right .on .col1::after {display:block; content:''; width:calc(100% - 4px); position:absolute; top:0; left:2px; background:transparent; box-shadow: 0 -4px 4px rgba(0, 0, 0, .1), 0 4px 4px rgba(0, 0, 0, .1);}
|
|
|
|
.itemmng_right .on .col1::before,
|
|
.itemmng_right .on .col1::after {height: 34px;}
|
|
.itemmng_right .on .col1[rowspan="2"]::before,
|
|
.itemmng_right .on .col1[rowspan="2"]::after {height: calc((34px * 2) + 1px);}
|
|
.itemmng_right .on .col1[rowspan="4"]::before,
|
|
.itemmng_right .on .col1[rowspan="4"]::after {height: calc((34px * 4) + 3px);}
|
|
.itemmng_right .on .col1[rowspan="6"]::before,
|
|
.itemmng_right .on .col1[rowspan="6"]::after {height: calc((34px * 6) + 5px);}
|
|
.itemmng_right .on td:nth-last-child(-n+7) {background-color: #fff;}
|
|
.itemmng_right .on td:nth-last-child(8) {background-color: #f8f8f8;}
|
|
.itemmng_right .on td.required {color:#EC5501;}
|
|
.itemmng_right .on.shortage td:nth-last-child(-n+7) {color: #FF2E00;}
|
|
|
|
/* 자재관리/현장/자재현황 */
|
|
.itemmng_left.field1 .date {text-align: left; padding-left: 20px;}
|
|
.itemmng_left.field1 .today_mark {display: inline-block; margin-left: 8px; transform: translateY(-1px);}
|
|
.itemmng_left.field1 td:nth-child(2) {height: 34px; line-height: 34px; font-size: 15px;}
|
|
.itemmng_left.field1 tr:has([class*="prc"]) td {background: linear-gradient(180deg, #fff 0%, #fafafa 80%, #e3e3e3 100%);}
|
|
.itemmng_left.field1 td:nth-last-child(-n+3) div {height: 34px; line-height: 34px;}
|
|
.itemmng_left.field1 .on td:nth-child(2) > div {color:#fff}
|
|
.itemmng_left.field1 .on td .prc1 {background: linear-gradient(180deg, #D5A240 0%, #D8A648 82.29%, #C29131 100%);color: #fff;}
|
|
.itemmng_left.field1 .on td .prc2 {background: linear-gradient(180deg, #25993E 0%, #25973E 85.42%, #1C7B31 100%);color: #fff;}
|
|
.itemmng_left.field1 .on td .prc4 {background:linear-gradient(180deg, #365795 0%, #31518E 90%, #153063 100%); color: #fff;}
|
|
.itemmng_left.field1 .on td .prc5 {background:linear-gradient(180deg, #AE3B56 0%, #983048 82.29%, #7E253A 100%);color: #fff;}
|
|
.itemmng_left.field1 tr::after {height: 30px; z-index: 2;}
|
|
.itemmng_left.field1 tr:has(td[rowspan="2"])::after,
|
|
.itemmng_left.field1 tr:has(td[rowspan="2"]) + tr:has(:not(.date))::after {height: 64px;}
|
|
.itemmng_left.field1 tr:has(td[rowspan="2"]) + tr:has(:not(.date))::after {top:-32px}
|
|
|
|
/* 자재관리/공장/입고현황 */
|
|
.itemmng_conts.column1 .tb_top_wrap {justify-content: space-between;}
|
|
.itemmng_conts.column1 .tb_top_wrap .btn_box {margin-left: unset;}
|
|
.itemmng_conts .tb_top_wrap .select_box select {width: 120px; height: 32px; font-size: 16px; border: 1px solid var(--color-primary700); border-radius: 2px; text-align: center; font-weight: 700; color: var(--color-primary700); line-height: 32px; cursor: pointer;}
|
|
|
|
.itemmng_conts.column1 .tb_wrap table {table-layout: fixed;}
|
|
.itemmng_conts.column1 td {padding-left: 8px; padding-right: 8px; height: 32px; border-bottom: 1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); text-align: center; -line-height: 32px; font-size: 14px;}
|
|
.itemmng_conts.column1 .factory2 td:nth-last-child(-n + 6),
|
|
.itemmng_conts.column1 .field3 td {background-color: #fff;}
|
|
.itemmng_conts.column1 .col1 {border-left-width: 0;}
|
|
.itemmng_conts.column1 .col1,
|
|
.itemmng_conts.column1 .col2 {background-color: rgba(221, 220, 220, 0.2)}
|
|
|
|
.itemmng_conts.column1 .atd_file {padding-left:0; padding-right:0;}
|
|
.itemmng_conts.column1 .atd_file .view_file {color: var(--color-gray600);}
|
|
.itemmng_conts.column1 .atd_file .view_file::before {display: inline-block; content: '';position: absolute; transform: translate(-20px, 0); width: 20px; height: 20px; background: url(../images/ico_file.svg) no-repeat center / 18px;}
|
|
.itemmng_conts .atd_file li {display: flex; justify-content: space-between; align-items: center; padding-left: 8px; padding-right: 8px; color:var(--color-gray600);}
|
|
.itemmng_conts .atd_file li:hover {background-color: rgba(0, 0, 0, .05); color: var(--color-gray800);}
|
|
.itemmng_conts .atd_file li .tit_file {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
|
|
.itemmng_conts .btn_download {flex:0 0 20px; width: 20px; height: 20px; margin-left: 8px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, .2); background: url(../images/ico_download.svg) no-repeat center / 18px;}
|
|
.itemmng_conts .btn_download:hover {background-color: rgb(0 108 93 / 40%);}
|
|
|
|
.itemmng_conts.column1 th:has(.today_mark) div,
|
|
.itemmng_conts.column1 .tdy {background-color: rgba(181, 174, 68, 0.1)!important;}
|
|
.itemmng_conts.column1 .today_mark {display: inline-block; margin-left: 4px;}
|
|
|
|
/* 자재관리/현장/월별사용계획 */
|
|
.field3 {background-color: #fafafa; overflow:hidden;}
|
|
.field3 .tb_container {width: 100%; padding-left: 500px; padding-top:0; border-top: 2px solid #000;}
|
|
.field3 .tb_fixed_header {width: 100%; height: 66px;}
|
|
.field3 .tb_fixed_tbody {width:500px; height:100%;}
|
|
|
|
.field3 .tb_container table {table-layout: fixed;}
|
|
.field3 .tb_wrap table .tb_fixed {width: 0px; height:inherit;}
|
|
.field3 .tb_wrap table thead th {height: 32px;}
|
|
.field3 .tb_wrap table thead th + th {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.field3 .tb_wrap table thead tr:nth-child(2) th {border-top: 1px solid rgba(0, 0, 0, .1);}
|
|
.field3 .tb_wrap table thead th[colspan="2"] {width: 160px;}
|
|
.field3 .tb_wrap table thead tr:first-child th + th div {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.field3 .tb_wrap table thead tr:first-child th div {border-bottom: 1px solid rgba(0, 0, 0, .1);}
|
|
.field3 .tb_wrap table thead .tdy div {background-color: rgba(181, 174, 68, 0.15);}
|
|
.field3 .tb_wrap table thead .tb_fixed .title_x {top:0; line-height: 64px; height: 64px; transform:translateY(0); background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%);}
|
|
.field3 .tb_wrap table thead tr:nth-child(2) div {top: 34px; border-left: 1px solid rgba(0,0,0,0.1);}
|
|
.field3 .tb_wrap table thead tr:nth-child(2) div span {display: block; width:80px;}
|
|
.field3 .tb_container .tb_wrap {width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; }
|
|
.field3 .tb_container .tb_wrap tbody .tb_fixed {height: 32px;}
|
|
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] {position: absolute; width: 500px; left:0px; display: flex; transform:translate(0px, calc(-50% + 2px)); font-weight: 500; color: var(--color-gray900);}
|
|
.field3 .tb_wrap tbody .tb_fixed .title_x {height: 32px; font-size: 14px;}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="2"] .title_x{height: calc((32px * 2) + 1px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="3"] .title_x{height: calc((32px * 3) + 2px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="4"] .title_x{height: calc(32px * 4);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="5"] .title_x{height: calc((32px * 5) + 4px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="6"] .title_x{height: calc((32px * 6) + 5px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="7"] .title_x{height: calc((32px * 7) + 6px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="8"] .title_x{height: calc((32px * 8) + 7px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="9"] .title_x{height: calc((932px * 9) + 8px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="10"] .title_x{height: calc((32px * 10) + 9px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="11"] .title_x{height: calc((32px * 11) + 10px) ;}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="12"] .title_x{height: calc((32px * 12) + 11px);}
|
|
.field3 .tb_wrap tbody .tb_fixed[rowspan="13"] .title_x{height: calc(32px * 13);}
|
|
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction:column; transform: translateY(-1px);}
|
|
.field3 .tb_wrap tbody .tb_fixed [class*="title_"] > span {border-bottom: 1px solid rgba(0,0,0,0.1);}
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span + span {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span + span:last-child {border-right: 1px solid rgba(0, 0, 0, .1);}
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span span {display: flex;justify-content:center; align-items: center; width: 100%; height: 32px;}
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span:last-child span:nth-child(-n+7){transform: translateY(-1px);}
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span span + span {border-top:1px solid rgba(0,0,0,0.1)}
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span .row_merge2 {height: calc((32px * 2) + 1px);}
|
|
.field3 .tb_wrap .tb_fixed [class*="title_"] > span .row_merge6 {height: calc(32px * 7);}
|
|
|
|
/* if 가로스크롤 동작 */
|
|
.field3 .scroll_x.tb_container {overflow-y:hidden; padding-top: 0;}
|
|
.field3 .scroll_x.tb_container .tb_wrap {height: calc(100vh - 320px);}
|
|
.field3 .scroll_x .tb_wrap thead th div {position: unset; transform: translate(-1px, 2px);}
|
|
|
|
/* if 세로스크롤 동작 */
|
|
.field3 .tb_container.scroll_y {overflow: hidden; padding-left: 0;}
|
|
.field3 .scroll_y .tb_wrap tbody .tb_fixed [class*="title_"] {position: unset;}
|
|
.field3 .scroll_y .tb_wrap table .tb_fixed {width: 500px;}
|
|
.field3 .scroll_y .tb_wrap .tb_fixed [class*="title_"] {transform: translate(0);}
|
|
|
|
/* 팝업 : 입고현황등록 */
|
|
.item_regist {width:380px; margin-top:-300px; margin-left:-190px; box-sizing: border-box;}
|
|
.item_regist .btn_close {right: 28px;}
|
|
.item_regist .popup_content {margin-top: 6px;}
|
|
.item_regist .popup_in {width:calc(100% - 56px);}
|
|
.item_regist form {border-top:2px solid var(--color-gray900); }
|
|
.item_regist .tbl_wrap > table > tbody > tr { border-bottom:1px solid var(--color-gray200); }
|
|
.item_regist th {width: 80px; padding-top:5px; padding-bottom:5px; font-weight:500; font-size:14px; text-align:left; line-height: 15px; }
|
|
.item_regist .tbl_wrap > table > tbody > tr > td {padding-top:5px; padding-bottom:5px; }
|
|
.item_regist td {font-size: 14px; font-weight: 500;}
|
|
select {width: 100%; height: 36px; padding-left:8px; padding-right:8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size: 14px; cursor: pointer;}
|
|
.item_regist td select option {color: #1f1f1f;}
|
|
.item_regist td input {width:100%; height:36px; padding-left:8px; padding-right: 8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size:14px; box-sizing:border-box;}
|
|
.item_regist span.small {font-size:12px; color:var(--color-gray600); font-weight:400;}
|
|
.item_regist td select:focus,
|
|
.item_regist input:focus,
|
|
.item_regist textarea:focus { border-color: var(--color-accent500); }
|
|
.item_regist .tbl_wrap > table > tbody > tr > td.item_content {padding-bottom: 16px;}
|
|
.item_regist .atd_file_wrap {display: unset;}
|
|
.item_regist .atd_file_wrap .atd_file_box {height: 80px; overflow-y: auto;}
|
|
.item_regist .atd_file_wrap table {table-layout: unset;}
|
|
.item_regist .atd_file_wrap td.file_tit {display: unset; padding-left: 8px;}
|
|
.item_regist .atd_file_wrap td.file_tit::before {display: none;}
|
|
.item_regist .atd_file_info {display: flex; justify-content: space-between; align-content: flex-start; padding-top: 6px; font-size: 13px;}
|
|
.item_regist .atd_file_info b {color: var(--color-accent500);}
|
|
.item_regist .btn_atd_file {height: 40px; margin-top: 0;}
|
|
.item_regist .btn_container button {transform: translateY(-1px);}
|
|
.item_regist .btn_delete {margin-right: 8px;}
|
|
.item_regist .btn_regist {width: 50%; height:50px; margin-left: 50%; margin-top: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.30); background: linear-gradient(180deg, #3C8277 0%, #3B7F75 85.42%, #1D554D 100%); font-weight: 700; font-size: 16px; color: #FFF; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.item_regist .btn_regist:hover {background: linear-gradient(180deg, #39776E 0%, #39776E 85.42%, #194A43 100%);}
|
|
|
|
.item_regist.view .tbl_wrap > table {background-color: #f9f9f9;}
|
|
.item_regist.view th {padding-left:8px; color: var(--color-gray600);}
|
|
.item_regist.view .tbl_wrap > table > tbody > tr > td {padding-right: 8px;}
|
|
.item_regist.view td select {padding:0; border-color:transparent; -webkit-appearance:none; appearance:none;}
|
|
.item_regist.view td select:disabled {opacity: 1; color: #1f1f1f; cursor: default;}
|
|
.item_regist.view td select:disabled option {color: #1f1f1f;}
|
|
.item_regist.view td input:disabled {padding: 0; border-color:transparent; color: #1f1f1f; cursor: default;}
|
|
.item_regist.view .tbl_wrap > table > tbody > tr:nth-child(4) td,
|
|
.item_regist.view .tbl_wrap > table > tbody > tr:nth-child(5) td {height: 36px;}
|
|
|
|
.item_regist.view td .btn_download {width: 20px; height: 20px; margin-right: 8px; border-radius: 2px; border:1px solid #2D776C; background:#fff url(../images/ico_download.svg) no-repeat center / 16px 16px;}
|
|
.item_regist.view td .btn_download:hover
|
|
{background:url(../images/ico_download.svg) no-repeat center / 16px 16px, linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%,rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0.2) 100%);}
|
|
.item_regist.view td .btn_download_all {width: 70px; height: 40px; margin-top: 0; padding-right: 0; text-align: center; border:1px solid #606060; background:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%); color: #7C6A46; }
|
|
.item_regist.view td .btn_download_all:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 100%); }
|
|
|
|
|
|
/* 품질관리 */
|
|
|
|
/* 팝업 : 품질관리 첨부파일 */
|
|
.popup_wrap.view_file {width:400px; margin-top:-210px; margin-left:-200px; }
|
|
.popup_wrap.view_file .popup_content {border-top: 2px solid var(--color-gray900); border-bottom: 1px solid var(--color-gray400);}
|
|
.popup_wrap.view_file .tbl_wrap > table {background-color: #f9f9f9;}
|
|
.popup_wrap.view_file .tbl_wrap > table > tbody > tr {border-bottom: 1px solid var(--color-gray200);}
|
|
.popup_wrap.view_file th {padding-top:5px; padding-left: 8px; padding-bottom: 5px; font-weight: 500; font-size: 14px; text-align: left; line-height: 15px; color: var(--color-gray600);}
|
|
.popup_wrap.view_file .tbl_wrap > table > tbody > tr > th {width: 80px;}
|
|
.popup_wrap.view_file .tbl_wrap > table > tbody > tr > td {padding-top: 5px; padding-right: 8px; padding-bottom: 5px; height: 36px; font-size: 14px; font-weight: 500;}
|
|
.popup_wrap.view_file .atd_file_wrap {display: unset;}
|
|
.popup_wrap.view_file .atd_file_wrap .atd_file_box {height:120px;}
|
|
.popup_wrap.view_file .atd_file_wrap .atd_file_list .file_tit {display: block; overflow: hidden; padding-left: 8px; color: var(--color-gray800); text-overflow: ellipsis; white-space: nowrap;}
|
|
.popup_wrap.view_file .atd_file_wrap .atd_file_list .btn_container {width: 28px;}
|
|
.popup_wrap.view_file .atd_file_wrap .atd_file_list .btn_download {width: 20px; height: 20px; margin-right: 8px; border-radius: 2px; border:1px solid #2D776C; background: #fff url(../images/ico_download.svg) no-repeat center / 16px 16px;}
|
|
.popup_wrap.view_file .atd_file_wrap .atd_file_list .btn_download:hover {background:url(../images/ico_download.svg) no-repeat center / 16px 16px, linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%,rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0.2) 100%);}
|
|
.popup_wrap.view_file .atd_file_info {display: flex; justify-content: space-between; padding-top:6px; font-size: 13px;}
|
|
.popup_wrap.view_file .atd_file_info b {color: var(--color-accent500);}
|
|
.popup_wrap.view_file .atd_file_info button {margin-top: 0; padding-left: 10px; ;}
|
|
.popup_wrap.view_file .atd_file_info .btn_download_all {height: 40px; margin-top: 0; text-align: center; border:1px solid #606060; background:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%); color: #7C6A46;}
|
|
.popup_wrap.view_file .atd_file_info .btn_download_all:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 100%); }
|
|
[class*="file"]::before {margin-right: 4px;}
|
|
[class*="file"].ico_img::before {background-image: url(../images/ico_img.svg);}
|
|
[class*="file"].ico_excel::before {background-color: #177E3D; background-image: url(../images/ico_excel.svg);}
|
|
|
|
/* 품질관리 */
|
|
.quality.quality {overflow-x: auto; overflow-y: hidden;}
|
|
.quality .main_in {height: unset; flex-direction: column;}
|
|
.quality * {box-sizing: border-box;}
|
|
.quality .control_bar {margin: auto;}
|
|
|
|
.quality .main_in .tb_top_wrap {display: flex; column-gap: 40px;}
|
|
.quality .main_in .tb_top_wrap .h_4 {flex:0 0 350px;}
|
|
.quality .main_in .tb_top_wrap .tb_wrap_tit {flex:1 0 600px; margin:22px 0 12px;}
|
|
.quality .main_in .tb_top_wrap .tb_wrap_tit i {display: inline-block; width:16px; height:28px; margin-right: 8px; border-radius: 3px;}
|
|
.quality .main_in .tb_top_wrap .img_wrap_tit {flex: 0 1 20%; margin:22px 0 12px;}
|
|
.quality .main_in .tb_top_wrap .img_wrap_tit span {display: inline-block; margin-left: 4px; padding-left: 8px; padding-right: 8px; border-radius: 10px; font-size: 13px; background-color: rgba(0, 0, 0, .4); color: #fff;}
|
|
|
|
|
|
.quality .select_wrap {height:calc(100vh - 260px); background:linear-gradient(180deg, #EFEFEF 0%, #F3F3F3 92.71%, #D7D7D7 100%)}
|
|
.quality .quality_conts {display: flex; align-content: flex-start; column-gap:40px; width: 100%;}
|
|
.quality .quality_conts .tb_top_wrap {flex: 1 1 100%; width: 100%;}
|
|
|
|
/* 품질관리 좌측 작업사항 */
|
|
.quality .select_wrap {flex: 0 0 350px; border-top: 2px solid #111;}
|
|
.quality .select_wrap > ul > li + li {border-top: 1px solid rgba(0, 0, 0, .2);}
|
|
.quality .select_wrap .select_tit {position: relative; height: 46px; padding-left: 16px; border-bottom: 1px solid rgba(0, 0, 0, .2); font-weight: 700; font-size: 17px; line-height: 45px; color: var(--color-gray900); cursor: pointer;}
|
|
.quality .select_wrap .select_tit::after {display: block; position: absolute; top:8px; right: 16px; transform: rotate(90deg) translateX(3px); content: ''; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-image: url(../images/ico_arrowr.svg);}
|
|
.quality .select_wrap .on .select_tit {box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25); color: #fff;}
|
|
.quality .select_wrap .on .select_tit::after {background-image: url(../images/ico_arrowl_w.svg); transform:rotate(90deg);}
|
|
.quality .select_wrap .prc1 .select_tit {background: linear-gradient(0deg, #F3D395 0%, #FEE7B9 12%, #F8EAD0 100%); }
|
|
.quality .select_wrap .prc1.on .select_tit {background: linear-gradient(0deg, #C29131 0%, #D8A648 12%, #D5A240 100%);}
|
|
.quality .select_wrap .prc2 .select_tit {background:linear-gradient(0deg, #86db9b 0%, #C9FBD5 12%, #CEFFDA 100%);}
|
|
.quality .select_wrap .prc2.on .select_tit {background: linear-gradient(0deg, #1C7B31 0%, #25973E 12%, #25993E 100%);}
|
|
.quality .select_wrap .prc4 .select_tit {background: linear-gradient(0deg, #B1B8C2 0%, #D8DEE8 12%, #D8DEE8 100%);}
|
|
.quality .select_wrap .prc4.on .select_tit {background: linear-gradient(0deg, #153063 0%, #31518E 12%, #365795 100%);}
|
|
.quality .select_wrap .prc5 .select_tit {background: linear-gradient(0deg, #D3C4C4 0%, #F1E1E1 12%, #F1E1E1 100%);}
|
|
.quality .select_wrap .prc5.on .select_tit {background: linear-gradient(0deg, #7E253A 0%, #983048 12%, #AE3B56 100%);}
|
|
.quality .select_wrap .select_conts {padding-left: 20px; display: none;}
|
|
.quality .select_wrap li.on .select_conts {display: block;}
|
|
|
|
.quality .select_wrap .g_girder .top { position: relative; padding:0 16px 10px 0; border-radius: 4px 0 0 4px; background: #fff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10); clear: both;}
|
|
.quality .select_wrap .g_girder .top::before {display: block; content: ''; position: absolute; left:-10px; bottom:54px; width: 9px; height: 52px; border-bottom-left-radius: 4px; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa;}
|
|
.quality .select_wrap .g_girder:has(li:nth-child(13)) .top::before {height:60px;}
|
|
.quality .select_wrap .g_girder + .g_girder .top::before {height:338px;}
|
|
.quality .select_wrap .prc4 .g_girder + .g_girder .top::before {height:430px;}
|
|
.quality .select_wrap .prc5 .g_girder + .g_girder .top::before {height:246px;}
|
|
.quality .select_wrap .g_girder + .g_girder .top:has(li.on)::before {height:160px;}
|
|
|
|
.quality .select_wrap .g_girder .top:has(.ico_dir1) {border-top: 1px solid var(--color-up); border-bottom: 1px solid var(--color-up);}
|
|
.quality .select_wrap .g_girder .top:has(.ico_dir2) {border-top: 1px solid var(--color-down); border-bottom: 1px solid var(--color-down);}
|
|
.quality .select_wrap .g_girder .top i {float: left; margin-right: 16px; width: 16px; height: 108px;}
|
|
.quality .select_wrap .g_girder .top:has(li:nth-child(13)) i {height: 114px;}
|
|
.quality .select_wrap .g_girder .tit {display: flex; justify-content: space-between; flex-direction: row; padding-top: 10px; font-weight: 600; font-size: 15px; color: var(--color-gray800);}
|
|
|
|
.quality .select_wrap .g_girder .girder_frame {width: 282px; margin-left: 32px; overflow: hidden;}
|
|
.quality .select_wrap .g_girder .girder_list {display: flex; flex-flow: column wrap; justify-content:flex-start; align-content: flex-start; gap:6px 7px; overflow-x: auto; overflow-y: hidden; width: 282px;; height: 65px; _margin-top: 4px; padding-top: 4px; padding-left: 4px; padding-bottom: 4px;}
|
|
.quality .select_wrap .g_girder:has(li:nth-child(13)) .girder_list {height:72px;}
|
|
.quality .select_wrap .g_girder .girder_list li {display: flex; flex-direction: column; min-width: 40px; text-align: center; font-weight: 500; font-size: 14px;}
|
|
.quality .select_wrap .g_girder .girder_list li a {height: 24px; border-radius: 0 2px 2px 0; border:1px solid rgba(0, 0, 0, .2); color: #fff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); letter-spacing: -0.05em; line-height: 22px; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6)}
|
|
.quality .select_wrap .g_girder:has(.ico_dir1) .girder_list li a {background: linear-gradient(0deg, #87B54D 0%, #9CCE5D 12%, #92D044 100%);}
|
|
.quality .select_wrap .g_girder:has(.ico_dir2) .girder_list li a {background: linear-gradient(0deg, #7E4E9C 0%, #9563B4 12%, #B27ED2 100%);}
|
|
.quality .select_wrap .g_girder .girder_list li.on a,
|
|
.quality .select_wrap .g_girder .girder_list li:hover a {box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 0px 4px #FF4C00;}
|
|
|
|
.quality .select_wrap .g_girder .parts {width: calc(100% - 16px); margin-left: 16px; display: none;}
|
|
.quality .select_wrap .g_girder .parts:has(p.on) {position: relative; outline: 4px solid #FF4C00;}
|
|
.quality .select_wrap .g_girder .parts:has(p.on)::after {display: block; content: ''; z-index: 2; position: absolute; left: -4px; bottom: -4px; width:calc(100% + 8px); height: 4px; background-color: #FF4C00;}
|
|
.quality .select_wrap .g_girder .top:has(li.on) + .parts {display: block;}
|
|
.quality .select_wrap .g_girder .parts p {position: relative; cursor: pointer;}
|
|
.quality .select_wrap .g_girder .parts p::before {display: block; content: ''; position: absolute; left:-10px; bottom:20px; width: 9px; height: 19px; border-bottom-left-radius: 4px; border-left: 1px solid #aaa; border-bottom: 1px solid rgba(0,0,0,0.3);}
|
|
.quality .select_wrap .g_girder .parts p a {position: relative; display: block; height: 40px; border-bottom:1px solid rgba(0, 0, 0, .2) ; line-height: 38px; padding-left: 16px; font-weight: 600; font-size: 16px; color: #fff; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); box-shadow: inset 0 2px 2px rgba(0,0,0,0.2); }
|
|
.quality .select_wrap .g_girder .parts:has(.ico_dir1) p a {background: linear-gradient(0deg, #87B54D 0%, #9CCE5D 12.50%, #92D044 100%);}
|
|
.quality .select_wrap .g_girder .parts:has(.ico_dir2) p a {background: linear-gradient(0deg, #7E4E9C 0%, #9563B4 12%, #B27ED2 100%);}
|
|
.quality .select_wrap .g_girder .parts p a::after {display: block; position: absolute; top:6px; right: 16px; content: ''; width: 24px; height: 24px; background: url(../images/ico_arrowl_w.svg) no-repeat center; transform:rotate(90deg);}
|
|
|
|
.quality .select_wrap .g_girder .parts li {position: relative;}
|
|
.quality .select_wrap .g_girder .parts li:hover,
|
|
.quality .select_wrap .g_girder .parts li.on {box-shadow: 0px 0px 0px 4px #FF4C00; z-index: 2;}
|
|
.quality .select_wrap .g_girder .parts li a {display: block; position: relative; height:46px; line-height: 45px; font-size: 15px; font-weight: 700; color: var(--color-gray800); letter-spacing: -0.05em;}
|
|
.quality .select_wrap .prc1 .g_girder .parts li a {background:linear-gradient(0deg, #F3D395 0%, #FEE7B9 12%, #F8EAD0 100%);}
|
|
.quality .select_wrap .prc2 .g_girder .parts li a {background:linear-gradient(0deg, #86db9b 0%, #C9FBD5 12%, #CEFFDA 100%);}
|
|
.quality .select_wrap .prc4 .g_girder .parts li a {background:linear-gradient(0deg, #B1B8C2 0%, #D8DEE8 12%, #D8DEE8 100%);}
|
|
.quality .select_wrap .prc5 .g_girder .parts li a {background:linear-gradient(0deg, #D3C4C4 0%, #F1E1E1 12%, #F1E1E1 100%);}
|
|
.quality .select_wrap .g_girder .parts li.on a,
|
|
.quality .select_wrap .g_girder .parts p.on ~ ul li a {color: #fff;}
|
|
.quality .select_wrap .prc1 .g_girder .parts li.on a,
|
|
.quality .select_wrap .prc1 .g_girder .parts p.on ~ ul li a {background:linear-gradient(0deg, #C29131 0%, #D8A648 12%, #D5A240 100%);}
|
|
.quality .select_wrap .prc2 .g_girder .parts li.on a,
|
|
.quality .select_wrap .prc2 .g_girder .parts p.on ~ ul li a {background:linear-gradient(0deg, #1C7B31 0%, #25973E 12%, #25993E 100%);}
|
|
.quality .select_wrap .prc4 .g_girder .parts li.on a,
|
|
.quality .select_wrap .prc4 .g_girder .parts p.on ~ ul li a {background: linear-gradient(0deg, #153063 0%, #31518E 12%, #365795 100%);}
|
|
.quality .select_wrap .prc5 .g_girder .parts li.on a,
|
|
.quality .select_wrap .prc5 .g_girder .parts p.on ~ ul li a {background: linear-gradient(0deg, #7E253A 0%, #983048 12%, #AE3B56 100%);}
|
|
.quality .select_wrap .g_girder .parts li a::before {display: inline-block; content: ''; position: absolute; left:24px; top:4px; width:28px; height: 28px; background-position: center; background-repeat: no-repeat; background-size: 28px;}
|
|
.quality .select_wrap .g_girder .parts li a.jweb::before {background-image: url(../images/icon_jweb.svg);}
|
|
.quality .select_wrap .g_girder .parts li a.nodule::before {background-image: url(../images/icon_nodule.svg);}
|
|
.quality .select_wrap .g_girder .parts li a.endblock::before {background-image: url(../images/icon_endblock.svg);}
|
|
.quality .select_wrap .g_girder .parts li a::after {display: block; position: absolute; top:10px; right: 16px; content: ''; width: 24px; height: 24px; background-repeat:no-repeat; background-position: center; background-image: url(../images/ico_arrowr.svg); opacity: 0.4;}
|
|
.quality .select_wrap .g_girder .parts p.on + ul li a::after,
|
|
.quality .select_wrap .g_girder .parts li.on a::after {background-image:url(../images/ico_arrowr_w.svg); opacity: 1;}
|
|
.quality .select_wrap .g_girder .parts li a i { margin-right: 16px;}
|
|
|
|
/* 품질관리/테이블 */
|
|
.quality .quality_tb_wrap {flex: 1 0 600px;}
|
|
.quality .quality_tb_wrap * {letter-spacing: -0.03em;}
|
|
.quality .quality_tb_wrap .tb_container {position: relative; padding-top: 34px; border-bottom: 1px solid #ddd;}
|
|
.quality .quality_tb_wrap .tb_fixed_header {position: absolute; top: 0; left: 0; right: 0; height: 34px; border-top: 2px solid #222; background: linear-gradient(180deg, #E4E4E4 0%, #EAEAEA 86.98%, #DDD 100%); box-shadow: var(--boxshadow-default);}
|
|
.quality .quality_tb_wrap .tb_wrap {width: inherit; height: calc(100vh - 296px); overflow-x: hidden; overflow-y: auto;}
|
|
.quality .quality_tb_wrap .tb_wrap table {_table-layout: fixed;}
|
|
.quality .quality_tb_wrap .tb_wrap thead {background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%);}
|
|
.quality .quality_tb_wrap .tb_wrap thead th {font-weight: 700; font-size: 15px; color: var(--color-gray700);}
|
|
.quality .quality_tb_wrap .tb_wrap thead th div {position: absolute; top: 2px; line-height: 32px; width: inherit; display: inline-block; transform: translate(-50%); white-space: nowrap;}
|
|
.quality .quality_tb_wrap .tb_wrap tbody tr.on,
|
|
.quality .quality_tb_wrap .tb_wrap tbody tr:hover {background: #EAF4F3;}
|
|
.quality .quality_tb_wrap .tb_wrap td {height: 32px; padding-left: 8px; padding-right: 8px; border-bottom: 1px solid rgba(0, 0, 0, .1); text-align: center; font-size: 14px; font-weight: 500; color: var(--color-gray800);}
|
|
.quality .quality_tb_wrap .tb_wrap tbody tr.on * {font-weight: 600; color: var(--color-gray900);}
|
|
.quality .quality_tb_wrap .tb_wrap td + td {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.quality .quality_tb_wrap .tb_wrap td.tit {text-align: left;}
|
|
.quality .quality_tb_wrap .tb_wrap td .file_tit {color: var(--color-gray700); line-height: 32px;}
|
|
.quality .quality_tb_wrap .tb_wrap td .file_tit::before {display: inline-block; content: ''; width: 20px;height: 20px; transform: translateY(4px); background: url(../images/ico_attachment.svg) no-repeat center;}
|
|
|
|
/* 품질관리/우측 이미지 영역 */
|
|
.quality .img_wrap {flex:0 1 20%; min-width: 230px}
|
|
.quality .img_wrap ul {height:calc(100vh - 260px); overflow-x: hidden; overflow-y: auto;}
|
|
.quality .img_wrap ul:has(li+li+li) {padding-right: 10px;}
|
|
.quality .img_wrap li {position: relative; width: 100%;}
|
|
.quality .img_wrap li + li {margin-top: 10px;}
|
|
.quality .img_wrap li img {width: 100%;}
|
|
.quality .img_wrap span {display: flex; position: absolute; width: 100%; height: 48px; padding-left: 16px; line-height: 48px; color: #fff; background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%); font-size: 14px;}
|
|
.quality .img_wrap span b {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%; margin-left: 8px; font-weight: 500;}
|
|
|
|
/* 사업정보 */
|
|
.project_info * {box-sizing: border-box; letter-spacing: -0.03em;}
|
|
.project_info .control_bar {margin: auto;}
|
|
|
|
.project_info .main_in {column-gap: 40px;}
|
|
.project_info .girder_prefab {flex: 1 1 35%; }
|
|
.project_info .h_4 {margin-top: 0;}
|
|
.project_info .tb_wrap {border-top: 2px solid var(--color-gray900); border-bottom: 1px solid var(--color-gray300);}
|
|
.project_info .tb_wrap.girder {padding-left: 16px; padding-right: 16px; background-color: #f9f9f9;}
|
|
.project_info .tb_wrap.girder tr + tr {border-top: 1px solid rgba(0,0,0,0.1);}
|
|
.project_info .tb_wrap.girder th {font-weight: 500; font-size: 13px; color: var(--color-gray700); text-align: left;}
|
|
.project_info .tb_wrap.girder td {padding-top: 8px; padding-bottom: 8px; font-weight: 600; font-size: 14px; color: var(--color-gray800);}
|
|
.project_info .tb_wrap.girder td p {margin-bottom: 8px; color: var(--color-gray600);}
|
|
.project_info .tb_wrap.girder td p i {width:12px; border-radius: 2px;}
|
|
.project_info .tb_wrap.girder td p i.ico_dir1 {background-position: center 25%;}
|
|
.project_info .tb_wrap.girder td p i.ico_dir2 {background-position: center 75%;}
|
|
.project_info .tb_wrap.girder td p em {margin-left: 4px; color: var(--color-gray800);}
|
|
|
|
.project_info :nth-child(2 of .tb_top_wrap) {margin-top: 40px}
|
|
.project_info .tb_wrap.prefab thead {background: linear-gradient(0deg, #D0D0D0 0%, #ECECEC 12%, #F3F1F1 100%);}
|
|
.project_info .tb_wrap.prefab tr + tr {border-top: 1px solid rgba(0, 0, 0, .2);}
|
|
.project_info .tb_wrap.prefab th + th,
|
|
.project_info .tb_wrap.prefab tr + tr th:first-child,
|
|
.project_info .tb_wrap.prefab td + td {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.project_info .tb_wrap.prefab th {padding-top: 4px; padding-bottom: 4px; font-size: 13px; color:var(--color-gray700);}
|
|
.project_info .tb_wrap.prefab td {padding-top: 6px; padding-bottom: 6px; text-align: center; font-weight: 500; font-size: 14px; color: var(--color-gray800);}
|
|
|
|
.project_info .video_wrap {margin-top: 20px; height: 280px; border-radius: 4px;}
|
|
.project_info .video_wrap video {width:100%; height: 280px; background-color: #000;}
|
|
|
|
.project_info .factory_field {flex: 1 1 70%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; column-gap:20px; height: calc(100vh - 170px);}
|
|
.project_info .factory_field .tb_top_wrap {width: 100%;}
|
|
.project_info .factory_field dl {display: block; position: relative; width: calc(50% - 10px); height: calc(100% - 40px);}
|
|
.project_info .factory_field dl dt {width: 100%; height:100%; background: url(../images/map_bg2.png);}
|
|
.project_info .factory_field .factory {border-top: 2px solid #3B5B55;}
|
|
.project_info .factory_field .field {border-top: 2px solid #2B2618;}
|
|
.project_info .factory_field dl dd {position: absolute; bottom: 0; width: 100%; padding-top:24px; padding-bottom: 24px;}
|
|
.project_info .factory_field .factory dd {background-color: rgba(25,74,65,0.8);}
|
|
.project_info .factory_field .field dd {background-color: rgba(43,38,24,0.8);}
|
|
|
|
.project_info .factory_field tr:first-child th:first-child {font-weight: 500; font-size: 18px; color: #fff; text-align: center;}
|
|
.project_info .factory_field th {vertical-align: top;text-align: left;}
|
|
.project_info .factory_field td {height:30px; font-weight: 500; font-size: 15px; color: #fff; text-align: left;}
|
|
.project_info .factory_field td span {display: inline-block; transform: translateY(-1px); width: 60px; font-weight: 400; font-size: 13px; letter-spacing: 2px;}
|
|
.project_info .factory_field .factory td span {color: #B4E3D8;}
|
|
.project_info .factory_field .field td span {color: #C8BB91;}
|
|
.project_info .factory_field tr:has(.address) + tr td span {letter-spacing: 16px;}
|
|
|
|
.project_info .factory_field .factory th {font-weight: 500; font-size: 13px; color: #B4E3D8;}
|
|
.project_info .factory_field .field th {font-weight: 500; font-size: 13px; color: #C8BB91;}
|
|
|
|
.project_info .factory_field .factory .address::before,
|
|
.project_info .factory_field .factory .tel::before,
|
|
.project_info .factory_field .factory .fax::before,
|
|
.project_info .factory_field .field .address::before,
|
|
.project_info .factory_field .field .tel::before,
|
|
.project_info .factory_field .field .fax::before {display: inline-block; content: ''; transform: translateY(4px); width: 20px; height: 20px; margin-right: 4px; background-position: center; background-size: 16px; background-repeat: no-repeat;}
|
|
.project_info .factory_field .factory .address::before {background-image: url(../images/ico_addr_green.svg);}
|
|
.project_info .factory_field .factory .tel::before {background-image: url(../images/ico_telno_green.svg);}
|
|
.project_info .factory_field .factory .fax::before {background-image: url(../images/ico_fax_green.svg);}
|
|
.project_info .factory_field .field .address::before {background-image: url(../images/ico_addr_brown.svg);}
|
|
.project_info .factory_field .field .tel::before {background-image: url(../images/ico_telno_brown.svg);}
|
|
.project_info .factory_field .field .fax::before {background-image: url(../images/ico_fax_brown.svg);}
|
|
|
|
/**/
|
|
|
|
|
|
/* 객체 정보 */
|
|
.object_info {overflow-y: auto;}
|
|
.object_info * {box-sizing: border-box;}
|
|
.object_info .control_bar {margin: auto;}
|
|
|
|
.object_info .main_in {flex-direction: row; flex-wrap: wrap; align-content: flex-start; min-width: 1420px; height: unset;}
|
|
.object_info .top {display:flex; width:100%; column-gap: 40px; align-items: flex-start; padding-bottom: 20px;}
|
|
.object_info .top > div {flex:1 1 50%;}
|
|
|
|
.object_info .tb_wrap {border-top: 2px solid var(--color-gray900); border-bottom: 1px solid rgba(0, 0, 0, .2);}
|
|
.object_info thead {background: linear-gradient(0deg, #D0D0D0 0%, #ECECEC 12%, #F3F1F1 100%);}
|
|
.object_info th {padding-top: 5px; padding-bottom: 5px; font-size: 15px; color: var(--color-gray700);}
|
|
.object_info th + th,
|
|
.object_info td + td {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.object_info td {padding-top: 8px; padding-bottom: 8px; text-align: center; font-weight: 500; font-size: 14px; color: var(--color-gray800);}
|
|
|
|
.object_info .process_wrap {flex:0 0 75%; min-width: 1000px;}
|
|
.object_info .process_wrap > div {position: relative; min-height: 583px; padding: 20px 20px; border-top: 2px solid var(--color-gray900); background: linear-gradient(180deg, #F9F9F9 0%, #F3F3F3 97.17%, #D7D7D7 100%);}
|
|
.object_info .process_wrap span.desc {position: absolute; left:0; font-size: 14px; font-weight: 500; color: var(--color-gray500); letter-spacing: -0.7px;}
|
|
.object_info .process_wrap div > span.desc {left:30px;}
|
|
.object_info .process_wrap .dis span.desc {left:12px;}
|
|
|
|
.object_info .process li {position: relative;}
|
|
.object_info .process li:has( > p ) {z-index: 3; flex:0 0 160px; height:44px;}
|
|
.object_info .process li:has( >.btn_box ) {padding-top: 63px;}
|
|
|
|
.object_info .process > li ol li:has(p>.date) {height:70px;}
|
|
.object_info .process > li ol li:has(p + .btn_box) {height:108px; -outline: 2px solid red;}
|
|
|
|
.object_info .process li ol {display: flex; column-gap: 30px; row-gap: 0; justify-content:center; flex-wrap:wrap; align-content: flex-start;}
|
|
.object_info .process li.dis {margin-top:35px; margin-bottom: 35px; padding:12px; border-radius: 4px; border:1px dashed rgba(0, 0, 0, 0.40); background: #fff;}
|
|
.object_info .process li.dis .prc5,
|
|
.object_info .process .cmn_3 {margin-top:48px;}
|
|
|
|
.object_info .process .line_1::after,
|
|
.object_info .process .line_2::after,
|
|
.object_info .process .line_2_2::before {display: block; content: ''; position: absolute; background-repeat: no-repeat;}
|
|
|
|
.object_info .process .line_1::after {top:17px; height:10px;}
|
|
.object_info .process .line_2::after {left:calc(50% - 5px); bottom:-65px; width:10px; height: 65px; background-position: right top; opacity: 0;}
|
|
|
|
/**/
|
|
.object_info .process > li ol li.line_1:has(p>.date) ~ .line_2::after {opacity: 1; height: 26px; bottom: -26px;}
|
|
.object_info .process > li ol li.line_1:has(p + .btn_box) ~ .line_2::after {height: 64px; bottom:-64px;}
|
|
.object_info .process > li ol li.line_1:has(p + .btn_box) ~ .line_2:has(.date)::after {height: 38px; bottom:-38px;}
|
|
.object_info .process > li ol li.line_1:has(p + .btn_box) ~ .line_2:has(.btn_box)::after {opacity: 0; display: none;}
|
|
|
|
|
|
.object_info .process .line_2_2::before {top:-48px; left:calc(50% - 5px); height: 48px; background-position: left bottom;}
|
|
|
|
.object_info .process .cmn_1 .line_1::after {right:-220px; width:220px; background-image:url(../images/line1.svg);}
|
|
.object_info .process .prc4 .line_1::after {right:-600px; width:600px; background-image: url(../images/line3.svg);}
|
|
.object_info .process .prc5 .line_1::after {right:-410px; width:410px; background-image: url(../images/line5.svg);}
|
|
.object_info .process .cmn_2 .line_1::after {right:-220px; width:220px; background-image: url(../images/line7.svg);}
|
|
.object_info .process .cmn_3 .line_1::after {right:-30px; width:30px; background-image:url(../images/line9.svg)}
|
|
|
|
.object_info .process .cmn_1 .line_2::after {background-image: url(../images/line2.svg);}
|
|
.object_info .process .prc4 .line_2::after {background-image: url(../images/line4.svg);}
|
|
.object_info .process .prc5 .line_2::after {background-image: url(../images/line6.svg);}
|
|
.object_info .process .cmn_2 .line_2::after {background-image: url(../images/line8.svg);}
|
|
|
|
.object_info .process .prc4 .line_2_2::before {width:580px; background-image: url(../images/line2.svg);}
|
|
.object_info .process .prc5 .line_2_2::before {width:675px; background-image: url(../images/line4.svg);}
|
|
.object_info .process .cmn_2 :nth-child(1 of .line_2_2)::before {width:485px; background-image:url(../images/line6.svg);}
|
|
.object_info .process .cmn_3 .line_2_2::before {width:295px; background-image:url(../images/line8.svg);}
|
|
|
|
.object_info .process li p {z-index: 1; position: absolute; top:0; width: 100%; height:44px; padding:8px 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.80); background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 83.85%, #D0D0D0 100%); font-weight: 700; font-size: 18px; color: var(--color-gray900); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); letter-spacing: -0.05em;}
|
|
.object_info .process li p .date {display: block; margin-top: 8px; font-size: 13px; letter-spacing: -0.05em;}
|
|
.object_info .process li p:has(.date) {height: 70px;}
|
|
|
|
.object_info .process .prc4 li p {background: linear-gradient(180deg, #D8DEE8 0%, #D8DEE8 89.06%, #B1B8C2 100%); color: var(--color-navy);}
|
|
.object_info .process .prc5 li p {background:linear-gradient(180deg, #F1E1E1 0%, #F1E1E1 89.06%, #D3C4C4 100%); color: var(--color-wine);}
|
|
.object_info .process .prc4 li:has(.on) p {background:linear-gradient(180deg, #365795 0%, #31518E 84.90%, #153063 100%); color: #fff;}
|
|
.object_info .process .prc5 li:has(.on) p {background:linear-gradient(180deg, #AE3B56 0%, #983048 82.29%, #7E253A 100%); color: #fff;}
|
|
.object_info .process li .prc4 .btn_box button {color: var(--color-navy);}
|
|
.object_info .process li .prc5 .btn_box button {color: var(--color-wine);}
|
|
|
|
.object_info .process li .btn_box {display: flex; position: relative; padding-top: 6px; border-radius: 0 0 4px 4px; border: 1px solid rgba(0, 0, 0, 0.40);; background:linear-gradient(180deg, #FFF 0%, #F3F3F3 84.44%, #E0E0E0 100%, #E0E0E0 100%); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
|
|
.object_info .process li .btn_box::before {display: block; content: ''; position: absolute; left: 50%; width: 1px; height: 38px; background-color: rgba(0, 0, 0, .2);}
|
|
.object_info .process li .btn_box button {width: 50%; height: 38px; padding-left: 14px; font-weight: 700; font-size: 14px; text-align: center; color:#1f1f1f;}
|
|
.object_info .process .btn_box button:hover,
|
|
.object_info .process .btn_box button.on {border: 4px solid #FF4C00;}
|
|
|
|
.object_info .process li .btn_box button.view_img {background: url(../images/ico_img_grey.svg) no-repeat 22px center / 16px;}
|
|
.object_info .process li .btn_box button.view_img:hover {background-position: 18px center;}
|
|
.object_info .process li .btn_box button.view_quality {background: url(../images/ico_popup.svg) no-repeat 22px center / 16px;}
|
|
.object_info .process li .btn_box button.view_quality:hover {background-position: 18px center;}
|
|
.object_info .process li .btn_box button.on {background-position: 18px center;}
|
|
|
|
.object_info .process li .btn_box button.none {color:rgba(0, 0, 0, .4); cursor: default;}
|
|
.object_info .process li .btn_box button.none:hover {border: unset;}
|
|
.object_info .process li .btn_box button.view_img.none {background: rgba(0,0,0,0.08) url(../images/ico_img_grey2.svg) no-repeat 22px center / 16px;}
|
|
.object_info .process li .btn_box button.view_quality.none {background: rgba(0,0,0,0.08) url(../images/ico_popup2.svg) no-repeat 22px center / 16px;}
|
|
|
|
|
|
.object_info .process li .tit {font-weight: 600; font-size: 18px; color: var(--color-gray800);}
|
|
|
|
.object_info .img_wrap {flex:0 1 calc(25% - 40px);}
|
|
|
|
.object_info .img_wrap .img_wrap_tit {margin: 22px 0 12px;}
|
|
.object_info .img_wrap .img_wrap_tit span {display: inline-block; margin-left: 4px; padding-left: 8px; padding-right: 8px; border-radius: 10px; font-size: 13px; background-color: rgba(0, 0, 0, .4); color: #fff;}
|
|
|
|
.object_info .img_wrap ul {overflow-x: hidden; overflow-y: auto;}
|
|
.object_info .img_wrap li {position: relative; width: 100%;}
|
|
.object_info .img_wrap li + li {margin-top: 10px;}
|
|
.object_info .img_wrap li img {width: 100%;}
|
|
.object_info .img_wrap li span {display: flex; position: absolute; width: 100%; height: 48px; padding-left: 16px; line-height: 48px; color: #fff; background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%); font-size: 14px;}
|
|
.object_info .img_wrap li span b {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%; margin-left: 8px; font-weight: 500;}
|
|
|
|
.popup_wrap.view_file.quality .tbl_wrap > table > tbody > tr > td {padding-left: 8px;}
|
|
/* 범지연 */
|
|
.asmt_info * {box-sizing: border-box; }
|
|
.asmt_info .control_bar {margin-right: 166px;}
|
|
|
|
/* 공정별현황 */
|
|
.asmt_info .process li {position: relative;}
|
|
.asmt_info .process li:has( > p ) {flex:0 0 160px; padding-top: 44px;}
|
|
.asmt_info .process li:has( >.btn_box ) {padding-top: 64px;}
|
|
.asmt_info .process li ol li:not(:has(>.btn_box)) {height: 44px;}
|
|
.asmt_info .process li ol {display: flex; column-gap: 30px; row-gap: 0; justify-content:center; flex-wrap:wrap; align-content: flex-start;}
|
|
.asmt_info .process li.dis_process_wrap {margin-top:35px; margin-bottom: 35px; padding:12px; border-radius: 4px; border:1px dashed rgba(0, 0, 0, 0.40); background: #fff;}
|
|
.asmt_info .process li.dis_process_wrap ol + ol,
|
|
.asmt_info .process > li:last-child li:nth-last-child(-n+2) {margin-top:48px;}
|
|
.asmt_info .process > li:last-child {display: flex; justify-content: center; margin-bottom: 50px;}
|
|
.asmt_info .process > li:last-child ol {flex: 0 0 540px; height: 150px;}
|
|
.asmt_info .process li[class*="line_"]::before {display: block; content: ''; position: absolute; background-repeat: no-repeat; overflow: hidden;}
|
|
.asmt_info .process li.line_1::before {height: 10px; top:17px;}
|
|
.asmt_info .process li p {z-index: 2; position: absolute; top:0; width: 100%; padding:8px 12px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.80); background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 83.85%, #D0D0D0 100%); font-weight: 700; font-size: 18px; color: var(--color-gray900); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); letter-spacing: -0.05em;}
|
|
.asmt_info .process li p .date {display: block; margin-top: 8px; font-size: 13px; letter-spacing: -0.05em;}
|
|
.asmt_info .process li .btn_box {display: flex; position: relative; padding-top: 6px; border-radius: 0 0 4px 4px; border: 1px solid rgba(0, 0, 0, 0.40);; background:linear-gradient(180deg, #FFF 0%, #F3F3F3 84.44%, #E0E0E0 100%, #E0E0E0 100%); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
|
|
.asmt_info .process li .btn_box::before {display: block; content: ''; position: absolute; left: 50%; width: 1px; height: 38px; background-color: rgba(0, 0, 0, .1);}
|
|
.asmt_info .process li .btn_box button {width: 50%; height: 38px; padding-left: 14px; font-weight: 700; font-size: 14px; text-align: center; color:#1f1f1f;}
|
|
.asmt_info .process li .btn_box button:hover,
|
|
.asmt_info .process li .btn_box button.on {border: 4px solid #FF4C00;}
|
|
.asmt_info .process li .btn_box button.view_img {background: url(../images/ico_img_grey.svg) no-repeat 22px center / 16px;}
|
|
.asmt_info .process li .btn_box button.view_img:hover {background-position: 18px center;}
|
|
.asmt_info .process li .btn_box button.view_quality {background: url(../images/ico_popup.svg) no-repeat 22px center / 16px;}
|
|
.asmt_info .process li .btn_box button.view_quality:hover {background-position: 18px center;}
|
|
.asmt_info .process li .btn_box button.on {background-position: 18px center;}
|
|
|
|
.asmt_info .process_wrap {width:calc(100% - 500px - 24px); display:flex; flex-direction:column;}
|
|
.asmt_info .process_wrap > div {padding: 20px 20px; height:340px; border-top: 2px solid var(--color-gray900); background: linear-gradient(180deg, #F9F9F9 0%, #F3F3F3 97.17%, #D7D7D7 100%);}
|
|
|
|
.asmt_info .process.asmt li p .date {display: block; margin-top: 8px; font-size: 13px; letter-spacing: -0.05em;}
|
|
.asmt_info .process.asmt li .rebr_green {background: linear-gradient(180deg, #CEFFDA 0%, #C9FBD5 83.85%, #BDFFCE 100%); color: #1A8B33; }
|
|
.asmt_info .process.asmt li .asmt_yellow { background: linear-gradient(180deg, #D5A240 0%, #D8A648 83.85%, #C29131 100%);color: #fff;}
|
|
.asmt_info .process.asmt li .asmt_blue { background: linear-gradient(180deg, #DAE7ED 0%, #BED1DA 83.85%, #91A7B0 100%);color: #3A7F9D;}
|
|
.asmt_info .process.asmt .line_1 .btn_box button {color:#1A8B33 ;}
|
|
.asmt_info .process.asmt .line_2 .btn_box button {color:#CB9121 ;}
|
|
.asmt_info .process.asmt .line_3 .btn_box button {color:#3A7F9D ;}
|
|
|
|
.asmt_info .process.asmt li.dis_process_wrap ol + ol, .asmt_info .process > li:last-child li:nth-last-child(-n+2){margin-top: 8%;}
|
|
.asmt_info .process.asmt .cmn_process_wrap li {margin-top: 8%;}
|
|
.asmt_info .process.asmt .cmn_process_wrap li.line_2::before {display: none;}
|
|
.asmt_info .process.asmt .cmn_process_wrap li.line_4 {margin-top: 114px;}
|
|
|
|
/* 라인 */
|
|
.asmt_info .process.asmt li ol {display: flex;}
|
|
.asmt_info .process.asmt > li:last-child ol {flex: 0 0 1000px; height: 216px;}
|
|
.asmt_info .process.asmt li.line_1::before {height: 10px;top: 51px;}
|
|
.asmt_info .process.asmt li:nth-child(1 of .cmn_process_wrap) li:first-child::before {right:-426px; width: 500px; background-image:url(../images/line_asmt.svg);}
|
|
|
|
/* 공정별사진 */
|
|
.asmt_info .img_wrap .img_wrap_tit {margin: 22px 0 12px;}
|
|
.asmt_info .img_wrap .img_wrap_tit span {display: inline-block; margin-left: 4px; padding-left: 8px; padding-right: 8px; border-radius: 10px; font-size: 13px; background-color: rgba(0, 0, 0, .4); color: #fff;}
|
|
.asmt_info .img_wrap ul {height:calc(100vh - 380px); overflow-x: hidden; overflow-y: auto;}
|
|
.asmt_info .img_wrap ul:has(li+li+li) {padding-right: 10px;}
|
|
.asmt_info .img_wrap li {position: relative; width: 100%;}
|
|
.asmt_info .img_wrap li + li {margin-top: 10px;}
|
|
.asmt_info .img_wrap li img {width: 100%;}
|
|
.asmt_info .img_wrap li span {display: flex; position: absolute; width: 100%; height: 48px; padding-left: 16px; line-height: 48px; color: #fff; background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%); font-size: 14px;}
|
|
.asmt_info .img_wrap li span b {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%; margin-left: 8px; font-weight: 500;}
|
|
.popup_wrap.view_file.quality .tbl_wrap > table > tbody > tr > td {padding-left: 8px;}
|
|
|
|
.img_wrap.pro {width:500px;}
|
|
.img_wrap.pro ul {height: 340px; overflow-y:auto;}
|
|
|
|
/* --------------------------- */
|
|
.wrapper.asmt {overflow-y: scroll;}
|
|
.asmt_info {padding:20px 0 ; height: 00vh; box-sizing:border-box; }
|
|
.asmt_info .main_in {display: flex; justify-content:space-between; flex-wrap: wrap; width: 94%; height:calc(100% - 20px); margin:0 auto;}
|
|
|
|
/* 철근정보 */
|
|
.asmt_info .rebr_info {position:relative; width:500px; margin-left:24px; display:flex; flex-direction:column; justify-content:center; gap:15px; padding:20px 25px; justify-content:space-evenly; background-color: #F9F9F9 ; border: solid 1px rgb(0 0 0 / 5%); border-radius: 4px; }
|
|
.asmt_info .rebr_info h4{ display: flex; flex-direction: row; justify-content: space-between; margin-top:12px;}
|
|
.asmt_info .rebr_info h4 div { display: flex;}
|
|
.asmt_info .rebr_info h4 div p {padding-right:10px ;}
|
|
.asmt_info .rebr_info h4 div span{ position: relative; font-size: 18px; color: #646464; font-weight: 500; padding-left: 10px;}
|
|
.asmt_info .rebr_info h4 div span::before{ display: inline-block;content: '';position: absolute;top: 0%;left: 0%;transform: translate(50%, 65%); width: 1px;height: 12px;background-color: var(--color-gray400); }
|
|
.asmt_info .rebr_info h4 .title {font-size:16px; font-weight:600; color:#fff; padding:2px 10px; border-radius:50px;}
|
|
.rebr_info.prc1 h4 .title {background-color:var(--color-yellow);}
|
|
.rebr_info.prc2 h4 .title {background-color:var(--color-green);}
|
|
|
|
.asmt_info .rebr_info .img_wrap {height:100%; padding:6% 0; display:flex; align-items: center;justify-content:center; background-color:#F4FBFF; border:1px solid rgb(0 0 0 / 5%); }
|
|
.asmt_info .rebr_info .img_wrap img {width:100%;}
|
|
.asmt_info .rebr_info .txt_wrap ul {display: flex; flex-direction:row ; flex-wrap: wrap; justify-content: space-between; }
|
|
.asmt_info .rebr_info .txt_wrap ul li{ width: 50%; font-size:16px; line-height: 35px; color: #8E8E8E; }
|
|
.asmt_info .rebr_info .txt_wrap ul li span{ color: #8E8E8E; padding-right: 20px; font-weight: 500; }
|
|
.asmt_info .rebr_info .txt_wrap ul li em{ color: #000;}
|
|
|
|
|
|
/* 거더 이미지, 거더 */
|
|
.asmt_info .map_wrap {position:relative; overflow:hidden; width:calc(100% - 500px - 24px); height:560px; background-color:#F2F6FA; border:solid 1px rgb(0 0 0 / 10%); border-radius:4px;}
|
|
.girder_content_in {position:absolute; top:10px; left:30px;}
|
|
.asmt_info .map_wrap .girder_img img {width:100%;}
|
|
|
|
.asmt_info .girder_info { position: relative; height:520px; }
|
|
.asmt_info .girder_info .girder_img { position: absolute; content: ''; width: 680px; height:457px; background: url(../images/img_girder.svg) no-repeat center ; top: 50%;left: 50%;transform: translate(-40%, -47%);}
|
|
|
|
.asmt_info .girdermap {position:absolute; display:flex; justify-content:center; align-items:center; _gap:46px; padding:10px; width:433px; background-color:#fff; border-radius:4px; border:solid 1px rgb(0 0 0 / 10%); font-size: 16px; top:4%;left: 2%;}
|
|
.asmt_info .girdermap .btn_green {display:none; width:16px; height: 76px ; top: 0%;left: 0%; background: linear-gradient(180deg, rgba(156,210,88,1) 50%, rgba(114,166,19,1) 100% ); border-radius: 1px;}
|
|
.asmt_info .girdermap .btn_green::before {display: inline-block; content: ''; width: 16px; height:16px; transform: translateY(0px); background: url(../images/ico_arrow_double.svg) no-repeat center ;}
|
|
|
|
.asmt_info .girder_detail { position: absolute; width: 190px; height: 250px; background-color: #fff; border-radius: 4px; border: solid 1px rgb(0 0 0 / 10%); font-size: 16px; padding: 16px 20px; top: 22%;left:2%;}
|
|
.asmt_info .girder_detail .detail_title {padding-bottom:13px; display:flex; justify-content:space-around; align-items:center; margin-bottom:7px; border-bottom:1px solid rgb(0 0 0 / 10%); font-size:20px; font-weight:600; }
|
|
.asmt_info .girder_detail .detail_title .title {display:inline-block; font-size:16px; font-weight:600; color:#fff; padding:0 10px; border-radius:50px;}
|
|
.asmt_info .girder_detail tbody {font-size: 16px; line-height: 17px; margin-top: 10px; }
|
|
.asmt_info .girder_detail tbody th { color: rgb(0 0 0 / 40%); width: 72px; height: 20px; text-align: left; }
|
|
.asmt_info .girder_detail tbody td {text-align: left; padding-top: 8px; padding-bottom: 8px; font-weight: 500; font-size: 14px; color: var(--color-gray800);}
|
|
.asmt_info .girder_info.prc1 .detail_title .title {background:var(--color-yellow);}
|
|
.asmt_info .girder_info.prc2 .detail_title .title {background:var(--color-green);}
|
|
|
|
.asmt_info .tb_girdermap table {_width:318px; white-space:nowrap; margin:0 auto;}
|
|
.asmt_info .tb_girdermap table td {background:#A3A3A3;}
|
|
.asmt_info .tb_girdermap .endblock {position:relative; width:25px;height:50px; background:#A3A3A3; border-left:1px solid rgba(255, 255, 255, 1); border-right:1px solid rgba(255, 255, 255, 1);}
|
|
.asmt_info .tb_girdermap .endblock::before {content:''; display:block; position:absolute; top:-3px; left:-1px; content:''; display:inline-block; width:calc(100% + 0px); height:3px; background:#A3A3A3; border-left:1px solid rgba(255, 255, 255, 1);}
|
|
.asmt_info .tb_girdermap .endblock::after {content:''; display:block; position:absolute; bottom:-3px; left:0px; content:''; display:inline-block; width:calc(100% + 0px); height:3px; background:#A3A3A3; border-right:1px solid rgba(255, 255, 255, 1);}
|
|
.asmt_info .tb_girdermap .nodule {position:relative; z-index:10; width:18px; height:35px; _border:1px solid rgba(0, 0, 0, .4);}
|
|
.asmt_info .tb_girdermap .nodule::before {position:absolute; top:-14px; left:0px; content:''; display:inline-block; width:100%; height:2px; background:#A3A3A3; _border:1px solid rgba(0, 0, 0, .2);}
|
|
.asmt_info .tb_girdermap .nodule::after {position:absolute; bottom:-14px; left:0px; content:''; display:inline-block; width:100%; height:2px; background:#A3A3A3; _border:1px solid rgba(0, 0, 0, .2);}
|
|
.asmt_info .tb_girdermap .jweb {position:relative;width:8px; height:12px; background:#A3A3A3; border-top:1px solid rgba(255, 255, 255, 1); border-bottom:1px solid rgba(255, 255, 255, 1);}
|
|
.asmt_info .tb_girdermap .jweb::before {position:absolute; top:0px; left:-10px; content:''; display:inline-block; width:10px; height:100%; background:#A3A3A3; border-left:1px solid rgba(255, 255, 255, 1);}
|
|
.asmt_info .tb_girdermap .jweb::after {position:absolute; top:0px; right:-10px; content:''; display:inline-block; width:10px; height:100%; background:#A3A3A3; border-right:1px solid rgba(255, 255, 255, 1);}
|
|
.asmt_info .tb_girdermap .none {height:9px; background-color:#fff;}
|
|
|
|
.asmt_info .girdermap p {position:absolute; top:0; left:0; width:20px; height:20px; line-height:20px; color:#fff; background:var(--color-up); font-weight:600; font-size:12px; border-radius:0 0 2px 0; text-align:center;}
|
|
.asmt_info .girdermap p.up { background:var(--color-up);}
|
|
.asmt_info .girdermap p.down {background:var(--color-down);}
|
|
|
|
|
|
/* 호버 */
|
|
.asmt_info .tb_girdermap td span {display:none; position:absolute; top:-30px; left:50%; min-width:30px; padding:0 6px; height:22px; line-height:22px; transform:translateX(-50%); border-radius:2px; text-align:center; color:#fff; font-weight:600; font-size:12px; z-index:100;}
|
|
.asmt_info .tb_girdermap td span::after {content:''; display:block; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); width:0; height:0; border-bottom:4px solid transparent; border-top:4px solid var(--color-green); border-left:4px solid transparent; border-right:4px solid transparent;}
|
|
.asmt_info .tb_girdermap td.nodule span {top:auto; bottom:-30px;}
|
|
.asmt_info .tb_girdermap td.nodule span::after {top:-8px; border-bottom:4px solid var(--color-green); border-top:4px solid transparent !important;}
|
|
.asmt_info .tb_girdermap td:hover span, .asmt_info .tb_girdermap td.on span {display:block;}
|
|
.asmt_info .tb_girdermap td {color:#757575;}
|
|
/*prc1*/
|
|
.asmt_info .girder_info.prc1 td span {background:var(--color-yellow);}
|
|
.asmt_info .girder_info.prc1 td span::after {border-top:4px solid var(--color-yellow);}
|
|
.asmt_info .girder_info.prc1 td:not(.none):hover, .asmt_info .girder_info.prc1 td:not(.none):hover::after, .asmt_info .girder_info.prc1 td:not(.none):hover::before,
|
|
.asmt_info .girder_info.prc1 td.on, .asmt_info .girder_info.prc1 td.on::after, .asmt_info .girder_info.prc1 td.on::before {background:var(--color-yellow);}
|
|
/*prc2*/
|
|
.asmt_info .girder_info.prc2 .tb_girdermap td span {background:var(--color-green);}
|
|
.asmt_info .girder_info.prc2 .tb_girdermap td span::after {border-top:4px solid var(--color-green);}
|
|
.asmt_info .girder_info.prc2 .tb_girdermap td:not(.none):hover, .asmt_info .girder_info.prc2 .tb_girdermap td:not(.none):hover::after, .asmt_info .girder_info.prc2 .tb_girdermap td:not(.none):hover::before,
|
|
.asmt_info .girder_info.prc2 .tb_girdermap td.on, .asmt_info .girder_info.prc2 .tb_girdermap td.on::after, .asmt_info .girder_info.prc2 .tb_girdermap td.on::before {background:var(--color-green);}
|
|
|
|
/* 회원관리 범지연 */
|
|
/* member_management1-1 */
|
|
.tbl_top .member_mngmnt{margin: 0 10px; font-size: 16px; color: #757575; font-weight: bold;}
|
|
.tbl_top .member_mngmnt em{font-size:20px; color:#E75300; padding: 0 2px; }
|
|
|
|
.content.member_management .content_in {height:auto;}
|
|
.content.member_management .tb_container {position:relative; padding-top:34px; border-bottom: 1px solid #ddd;}
|
|
.content.member_management .tb_container .tb_fixed_header {position: absolute; top: 0;left: 0;right: 0;height: 34px;background: linear-gradient(180deg, rgba(243,241,241,1) 0%, rgba(221,221,221,1) 93%, rgba(201,201,201,1) 100%);border-top: 2px solid #222;box-shadow: var(--boxshadow-default);text-align: center;}
|
|
.content.member_management .tb_container .tb_wrap {height: 697px;overflow-x: hidden;overflow-y: auto;}
|
|
.content.member_management .tb_container .tb_wrap .tb1 {width: 100%; border-spacing: 0; border-collapse: collapse;}
|
|
.content.member_management .tb_container .tb_wrap .tb1 thead {margin:0;height:0; background: #F5F5F5; border-top: 1px solid #B8B8B8; box-shadow: var(--boxshadow-default2);}
|
|
.content.member_management .tb_container .tb_wrap .tb1 thead .tb_fixed th {font-weight: 700; font-size: 12px; color: var(--color-gray700);}
|
|
.content.member_management .tb_container .tb_wrap .tb1 thead .tb_fixed th div {position: absolute;top: 1px;line-height: 34px;width: inherit;display: inline-block;transform: translate(-50%);}
|
|
|
|
.content.member_management .tb1 tbody td {height: 57.5px;}
|
|
.content.member_management .tb1 tbody tr:last-child { border-bottom: 1px solid #eee;}
|
|
|
|
|
|
/* 회원관리 - 탈퇴예정 */
|
|
.member_management .tb1 tr.delete td {background-color: #0000000C; cursor:default;}
|
|
.member_management .tb1 tr.delete td:not(:last-child) {opacity: 0.5; cursor: default;}
|
|
.member_management .tb1 tr.delete .delete_undo a {color: var(--color-gray700);font-weight: 700;}
|
|
.member_management .tb1 tr.delete .delete_member.delete_undo a::before {background: url(../images/ico_undo.svg) no-repeat 0% 50%; left: -19px;}
|
|
|
|
/* 회원등록 */
|
|
.member_management .tb1 tr td {cursor:default;}
|
|
.member_management .tb1 tr.member_new input, .member_management .tb1 tr.member_new select {background-color:#eee !important;}
|
|
.member_management .tb1 tr.member_new .text_message a {padding:8px 12px; background:linear-gradient(180deg, #C0B59E 0%, #C0B59E 84.90%, #85775E 100%); color:#615236; border-radius:2px; box-shadow:var(--boxshadow-default);}
|
|
.member_management .tb1 tr.member_new .text_message a::before {content:''; display:inline-block; width:14px; height:12px; margin-right:6px; background:url(../images/ico_message.svg) no-repeat center;}
|
|
.member_management .tb1 tr.member_new .text_message::before {display:none;}
|
|
|
|
/* 버튼 */
|
|
.content.member_management .btn_correction {display:flex;justify-content: flex-end; margin: 24px 0; gap: 10px;}
|
|
.content.member_management .btn_correction_green { width:120px; height:48px; font-size: 14px; background-color: #2D776C; font-weight: 600;padding: 10px 20px;border-radius: 2px;box-shadow: var(--boxshadow-default2);border: 1px solid rgba(0, 0, 0, .1); color:#fff;}
|
|
.content.member_management .btn_correction_green::before {content: ''; display: inline-block; transform: translateY(3px); width:18px; height:16px; background:url(../images/ico_pencil.svg) no-repeat center / 16px; margin-right: 4px; }
|
|
.content.member_management .btn_correction_gray { width:120px; height:48px; font-size: 14px;font-weight: 600; padding: 10px 20px;border-radius: 2px;box-shadow: var(--boxshadow-default2);border: 1px solid rgba(0, 0, 0, .4); background: linear-gradient(180deg, #F0F0F0, #E1E0DE);color: var(--color-gray800);}
|
|
.content.member_management .btn_correction_gray::before {content: ''; display: inline-block; transform: translateY(3px); width:18px; height:16px; background:url(../images/ico_delete2.svg) no-repeat center / 16px; margin-right: 4px; }
|
|
|
|
/* 아이디 비번 전송 */
|
|
.content.member_management td {font-weight:500;}
|
|
.content.member_management .member_id, .content.member_management .member_pw { color: #2D776C;}
|
|
|
|
.content.member_management .text_message::before{display: inline-block; content: '';transform: translateY(1px);width:14px; height:12px; margin-right:4px; background:url(../images/ico_message.svg) no-repeat center ;}
|
|
.content.member_management .delete_member a{color:#CE0000;}
|
|
.content.member_management .delete_member a::before{display:inline-block; content:''; transform:translateY(0px); width:14px;height:11px; margin-right:4px; background:url(../images/ico_delete_red.svg) no-repeat center ;}
|
|
|
|
/* member_management1-2 */
|
|
.content.member_management td {padding: 0px 10px;}
|
|
.content.member_management input{height: 37px; border: 1px solid #d4d4d4; border-radius: 2px; text-align: center; color:#A3A3A3;}
|
|
.content.member_management input::placeholder {color:#000; }
|
|
.content.member_management input::-webkit-input-placeholder {color:#000;}
|
|
.content.member_management input:-ms-input-placeholder {color:#000;}
|
|
.content.member_management input:focus::placeholder{color:transparent; }
|
|
.content.member_management input:focus{border-color:#D03200; outline: none; }
|
|
.content.member_management .tb_container .tb_wrap .tb1 .name {width: 72px;}
|
|
.content.member_management .tb_container .tb_wrap .tb1 .company {width: 94px;}
|
|
.content.member_management .tb_container .tb_wrap .tb1 .rank {width: 76px;}
|
|
.content.member_management .tb_container .tb_wrap .tb1 .email {width: 211px}
|
|
.content.member_management .tb_container .tb_wrap .tb1 .phone { width: 158px;}
|
|
|
|
.content.member_management .tb_container .tb_wrap .tb1 .department,
|
|
.content.member_management .tb_container .tb_wrap .tb1 .position { width: 120px; height: 39px; font-weight:500; border: 1px solid #d4d4d4; border-radius: 2px; padding: 0px 10px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(../images/ico_arrow_drop2.svg)no-repeat 90% 50%/15px auto; }
|
|
.content.member_management .tb_container .tb_wrap .tb1 .department,
|
|
.content.member_management .tb_container .tb_wrap .tb1 .position::-ms-expand{display:none;/*for IE10,11*/}
|
|
|
|
/* 회원추가버튼 */
|
|
.content.member_management .tb_container .btn_add_member {font-size: 14px; font-weight: 600; width:100%; height:44px; line-height:30px; border:1px solid rgba(0, 0, 0, 0.2); background:linear-gradient(180deg, rgba(218,207,187,1) 0%, rgba(199,189,166,1) 95%, rgba(171,160,136,1) 100%); color: #615236; border-radius: 1px; box-shadow: var(--boxshadow-default); margin: 6px 0; font-weight: 500;}
|
|
.content.member_management .tb_container .btn_add_member::after {content:'+'; display:inline-block; line-height:24px; margin-top:2px; font-size:16px; margin-left:10px;}
|
|
|
|
|
|
/* 회원추가 */
|
|
/* .content.member_management .new_member_info {display: none;}
|
|
.content.member_management .new_member_info td:nth-child(n+2):not(:last-child) {color:#A3A3A3;}
|
|
.content.member_management .new_member_info input {background-color: #ECECEC;}
|
|
.content.member_management .new_member_info input::placeholder {background-color:#ECECEC; color:#A3A3A3 ;}
|
|
.content.member_management .new_member_info input:focus::placeholder{color:transparent; background-color: #fff;}
|
|
.content.member_management .new_member_info input:focus{border-color:#D03200; outline: none; background-color: #fff;}
|
|
.content.member_management .tb_container .tb_wrap .tb1 .select_box select { color:#A3A3A3 ; background: url(../images/ico_arrow_drop2_gray.svg) no-repeat 90% 50%/15px auto, #ECECEC;} */
|
|
|
|
.btn_send_message{font-size: 14px;font-weight: 600;width: 94px;height: 30px;border: 1px solid rgba(0, 0, 0, 0.3);background: linear-gradient(180deg, #DBD0BC 100%, #DBCFB7 100%);color: #534C39;border-radius: 1px;box-shadow: var(--boxshadow-default);margin: 6px 0;font-weight: 500;}
|
|
.btn_send_message::before {display: inline-block;content: '';transform: translateY(1px);width: 14px;height: 12px;margin-right: 4px;background: url(../images/ico_mail_brown.svg) no-repeat center;}
|
|
|
|
/* 팝업: 문자메세지1 */
|
|
.popup_wt_wrap.pop_message {width:375px;}
|
|
.popup_wt_wrap.pop_message .btn_send_wrap {display: flex; justify-content: flex-end; text-align: center;}
|
|
|
|
.popup_content.message1 .message_wrap .message_wrap_phone {position:relative; display: block; width: 289px; height: 430px; padding:0 15px; background: url(../images/bg_phone.svg) no-repeat center ; border-bottom: 1px solid var(--color-gray500);}
|
|
.popup_content.message1 {margin-top:28px; margin-bottom:20px;}
|
|
.popup_content.message1 .message_wrap .message_text {position: absolute; font-size: 14px; font-weight:500; max-height:320px; overflow-y: auto; padding: 0 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 202px; text-align: left; margin-top:29px; }
|
|
.popup_content.message1 .message_wrap .message_text .link {color:#006DEC;}
|
|
.popup_content.message1 .btn_send { color: #fff; font-size: 16px; font-weight:bold; width: 125px; height: 50px; border: 1px solid rgb(0 0 0 / 30%) ; border-radius: 2px; background:linear-gradient(180deg,#3C8277 100%, #236157 100% ); box-shadow: var(--boxshadow-default2); margin-top: 20px;}
|
|
.popup_content.message1 .btn_send::before {display: inline-block; content: '';transform: translateY(2px); width:17px; height:14px; margin-right: 8px; background: url(../images/icon_mail.svg) no-repeat center; }
|
|
|
|
/* 팝업: 문자메세지2 */
|
|
.popup_content.message2 {border-top:2px solid var(--color-gray900);}
|
|
.popup_content.message2 .tbl_contnet_wrap {background-color:#f5f5f5; font-size:16px;}
|
|
.popup_content.message2 .tbl_contnet_wrap .tbl_wrap {border-bottom: 1px solid var(--color-gray200); padding:20px; font-weight:500;}
|
|
.popup_content.message2 .tbl_contnet_wrap .tbl_wrap table {height:225px;}
|
|
|
|
.popup_content.message2 .tbl_wrap table tbody tr th {color: gray; width: 54px; font-weight: 400; text-align:justify; line-height:0;}
|
|
.popup_content.message2 .tbl_wrap table tbody tr th:after {content:"";display: inline-block;width: 100%;}
|
|
.popup_content.message2 .tbl_wrap table tbody tr th::before {content:"";display: inline-block;width: 100%;}
|
|
.popup_content.message2 .tbl_wrap table tbody tr td {padding-left:10px;}
|
|
.popup_content.message2 .tbl_wrap table tbody tr .colon { padding-right:5px; width:5px; color:gray;}
|
|
|
|
.popup_content.message2 .send_conplete {display:flex; flex-direction:column; justify-content: center; align-items: center; padding: 25px 0 ; border-bottom: 1px solid #cfcfcf; font-size: 20px; }
|
|
.popup_content.message2 .send_conplete .icon_check {display: inline-block; content: '';transform: translateY(2px); width:59px; height:59px; margin-right: 8px; background: url(../images/ico_check.svg) no-repeat center; margin-bottom: 16px;}
|
|
.popup_content.message2 .btn_send_wrap .btn_send_complete {color: #fff; font-size: 16px; font-weight:bold; width: 125px; height: 50px; border: 1px solid rgb(0 0 0 / 30%) ; border-radius: 2px; background:linear-gradient(180deg,#3C8277 100%, #236157 100% ); box-shadow: var(--boxshadow-default2); margin-top: 20px;}
|
|
|
|
.asmt_info .tb_girdermap.prc1 td.nodule span::after {border-bottom:4px solid var(--color-yellow);}
|
|
.asmt_info .tb_girdermap.prc2 td.nodule span::after {border-bottom:4px solid var(--color-green);}
|
|
|
|
/* 팝업 : 공정계획 초기화, 일정 중복 안내 */
|
|
.popup_wrap[class*="guide_"] .popup_content {text-align: center;}
|
|
.popup_wrap[class*="guide_"] { width: 440px; margin-left: -220px; margin-top: -220px;}
|
|
.popup_wrap[class*="guide_"] .popup_content {padding-top: 40px; padding-bottom: 30px; border-top: 1px solid #2F2F2F; user-select: none;}
|
|
.popup_wrap[class*="guide_"] .popup_content .txt {padding-top: 80px; margin-bottom: 20px; background-repeat: no-repeat; background-position: center top; font-weight: 700; font-size: 24px;color: #333;}
|
|
.popup_wrap[class*="guide_"] .popup_content .txt em {color: var(--color-accent500);}
|
|
|
|
.popup_wrap[class*="guide_"] .guide_list {display: inline-table; padding-top: 10px; padding-right: 32px; padding-bottom: 10px; padding-left: 32px; margin-bottom: 10px; border-radius: 4px; background: #f6f6f6; font-weight: 500; font-size: 18px; line-height: 2; text-align: left; color: var(--color-gray700);}
|
|
.popup_wrap[class*="guide_"] .guide_list li::before {display: inline-block; content: '\2713'; width: 10px; height: 10px; margin-right:12px;}
|
|
.popup_wrap[class*="guide_"].factory .guide_list {display: none;}
|
|
|
|
.popup_wrap[class*="guide_"] button + button {margin-left: 6px;}
|
|
.popup_wrap[class*="guide_"] .btn_cancel {margin-top: 20px; padding-left: 32px; padding-right: 32px; height: 50px; border-radius: 2px; border: 1px solid rgba(0,0,0,0.25); background: linear-gradient(180deg, #E3E3E3 0%, #E3E3E3 84%, #B9B9B9 100%); font-weight: 700; font-size: 16px; color: var(--color-gray800); box-shadow:0px 2px 2px rgba(0, 0, 0, 0.25);}
|
|
.popup_wrap[class*="guide_"] .btn_cancel:hover{background:linear-gradient(180deg, #DCDCDC 0%, #DCDCDC 84%, #9D9D9D 100%);}
|
|
|
|
.popup_wrap.guide_initialize .popup_content .txt {background-image: url(../images/ico_initialize.svg);}
|
|
.popup_wrap.guide_schedule .popup_content .txt {background-image: url(../images/ico_edit_off.svg);}
|
|
|
|
/* 팝업 : 공정계획 인력추가 상세투입계획 */
|
|
.popup_wrap[class*="insert_item"] {width: 940px; margin-top: -200px; margin-left: -470px; box-sizing: border-box;}
|
|
|
|
.popup_wrap[class*="insert_item"] .tbl_top {display: block; height: 24px; margin-bottom: 10px;}
|
|
|
|
.popup_wrap[class*="insert_item"] .btn_box {float: right;}
|
|
.popup_wrap[class*="insert_item"] .btn_box button + button {margin-left: 4px;}
|
|
|
|
.popup_wrap table {table-layout: fixed;}
|
|
.popup_wrap thead {border-top: 2px solid rgba(0, 0, 0, .8); background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 91.67%, #D0D0D0 100%);}
|
|
.popup_wrap[class*="insert_item"] thead th {height: 32px; font-weight: 500; font-size: 15px;}
|
|
.popup_wrap[class*="insert_item"] thead th + th {border-left: 1px solid rgba(0, 0, 0, .2);}
|
|
.popup_wrap[class*="insert_item"] td {text-align: center; font-size: 15px;}
|
|
.popup_wrap[class*="insert_item"] td[colspan="5"] {height: 40px; background-color: #f9f9f9; color: var(--color-gray600);}
|
|
|
|
.popup_wrap[class*="insert_item"] td * {font-size: 15px; }
|
|
.popup_wrap[class*="insert_item"] td + td {border-left: 1px solid rgba(0, 0, 0, .15);}
|
|
/* .popup_wrap table tbody tr:last-child td {border-bottom: 1px solid rgba(0, 0, 0, .4);}
|
|
.popup_wrap td input {width: 100%;text-align: center;}
|
|
.popup_wrap td select {text-align: center;}
|
|
.popup_wrap td:has(input + input) input {width: 45%;}
|
|
.popup_wrap td input + input {margin-left: 10px;}
|
|
.popup_wrap td input + input::before {display: inline-block; content: '~'; width: 15px;}
|
|
.popup_wrap td input:focus {border: 0;}
|
|
.popup_wrap .btn_done {padding-left: 24px; padding-right: 24px; border: 1px solid rgba(0, 0, 0, .2); font-weight: 700; color: #fff; background: linear-gradient(180deg, #3C8277 0%, #358074 84.90%, #236157 100%);}
|
|
.popup_wrap .btn_done:hover {background: linear-gradient(180deg, #236157 0%, #236157 84.90%, #0D4239 100%);}*/
|
|
|
|
/* 공정계획 */
|
|
.control_bar:not(:has(.control_date)) {margin: auto;}
|
|
|
|
.progress_schedule td .checkbox_container,
|
|
.progress_schedule th .checkbox_container {display:none; position:absolute; top:calc(50% - 7px); left:12%;}
|
|
.progress_schedule .addition.on td .checkbox_container {display: inline-block;}
|
|
|
|
.progress_schedule * {box-sizing: border-box;}
|
|
.progress_schedule .main_in {align-items: flex-start; padding-top:50px;}
|
|
.progress_schedule_conts, .progress_table {width: 100%;}
|
|
|
|
.progress_schedule thead {background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%);}
|
|
.progress_schedule .content_tit {margin-bottom:48px;}
|
|
.progress_schedule .tbl_top {display:flex; justify-content: space-between; height:32px; margin-bottom:8px;}
|
|
.progress_schedule .h_3 {display:inline-block; font-weight:700; font-size:20px; letter-spacing:-0.05em; user-select:none;}
|
|
.progress_schedule .h_4 {margin-top:0; margin-bottom: 8px; height: 32px;}
|
|
.progress_schedule .h_5 {font-size:16px;}
|
|
|
|
.set_basic_info {display:flex; flex-direction:column; flex-wrap:wrap; align-content:flex-start; height: 530px; justify-content: flex-start;}
|
|
.set_basic_info > div {width: calc(50% - 20px);}
|
|
|
|
.set_period_wrap {display: flex; flex-direction: column; flex-wrap: wrap; height: 160px;}
|
|
.set_period_wrap .label {display: block; font-weight: 600; font-size: 16px; color: var(--color-gray800);}
|
|
.set_period_wrap ul {display: flex; height: 116px; padding:20px; border-radius: 2px; border-top: 2px solid rgba(0, 0, 0, 0.80); background:linear-gradient(180deg, #F3F1F1 0%, #ECECEC 91.67%, #D0D0D0 100%);}
|
|
.set_period_wrap ul li input {width: 100%; height: 40px; margin-top: 10px; padding:12px; border-radius: 2px; border:1px solid rgba(0, 0, 0, .2); background: #fff; font-weight: 600; font-size: 16px; color: var(--color-gray900);}
|
|
.set_period_wrap ul:nth-of-type(1) {width: calc(35% - 20px); margin-right: 20px;}
|
|
.set_period_wrap ul:nth-of-type(1) li {width: 100%;}
|
|
.set_period_wrap ul:last-child {width: 65%; column-gap: 20px;}
|
|
.set_period_wrap ul:last-child li {flex: 1 1 50%;}
|
|
|
|
/* 공정계획 - 가설 우선 순위 */
|
|
.set_priority_wrap {display:flex; flex-direction:column; -height:264px; margin-top:50px;}
|
|
.set_priority_wrap > div {height: 130px;}
|
|
.set_priority_wrap > div + div {margin-top:20px;}
|
|
|
|
.set_priority_wrap .tit {height:22px; font-weight:700;}
|
|
.set_priority_wrap .dir1 .tit {color:var(--color-up);}
|
|
.set_priority_wrap .dir2 .tit {color:var(--color-down);}
|
|
.set_priority_wrap [class*="ico_"]::before {margin-right:8px;}
|
|
.set_priority_wrap i {width: 12px; height: 22px; border-radius: 2px;}
|
|
|
|
.set_priority_wrap ul {flex: 1 1 100%; overflow-x: auto; overflow-y:hidden; display:flex; flex-flow:column wrap; justify-content:space-between; flex-grow:0; flex-shrink:1; flex-basis:calc(100% - 104px); align-content:flex-start; align-items:flex-start; height:96px; margin-top: 10px; padding-bottom:4px;}
|
|
.set_priority_wrap li {flex:0 1 40px; min-width:102px; margin-right:8px;}
|
|
.set_priority_wrap .dir1 li,
|
|
.set_priority_wrap .dir2 li {width:calc(16.666666% - 8px);}
|
|
.set_priority_wrap .btn_girder {display:flow-root; width:100%; padding-left:10px; padding-right:10px; border-radius:2px; border:1px solid #595959; font-weight:400; font-size:18px; line-height:38px; text-align:left; color:#595959;}
|
|
.set_priority_wrap .dir1 .btn_girder:not(.on):hover {border:3px solid var(--color-up); color:var(--color-up);}
|
|
.set_priority_wrap .dir2 .btn_girder:not(.on):hover {border:3px solid var(--color-down); color:var(--color-down);}
|
|
.set_priority_wrap .btn_girder:not(.on):hover {padding-left:7px; font-weight:700; line-height:34px;}
|
|
.set_priority_wrap .dir1 button.on {border-color:var(--color-up); background-color:var(--color-up);}
|
|
.set_priority_wrap .dir2 button.on {border-color:var(--color-down); background-color:var(--color-down);}
|
|
.set_priority_wrap button.on {font-weight:700; color:#fff;}
|
|
.set_priority_wrap :disabled {border:1px solid #ddd; background-color:#F6F6F6; color:#ccc; pointer-events:none;}
|
|
.set_priority_wrap.on :disabled {pointer-events:all;}
|
|
.set_priority_wrap.on .dir1 button:not(button.on) {border-color:var(--color-up); background-color:#fff; font-weight:700; color:var(--color-up);}
|
|
.set_priority_wrap.on .dir2 button:not(button.on) {border-color:var(--color-down); background-color:#fff; font-weight:700; color:var(--color-down);}
|
|
.set_priority_wrap .priority {display:none; float: right;}
|
|
.set_priority_wrap.on .priority {display:block;}
|
|
.set_priority_wrap.on :hidden {display:block;}
|
|
|
|
/* 공정계획 - 공휴일 */
|
|
.set_holiday_wrap {display: flex; flex-flow: column wrap; align-items: flex-start; align-content: flex-start; justify-content:flex-start; height: 100%; margin-left: 40px;}
|
|
.set_holiday_wrap :nth-child(1 of hgroup) {width:calc(60% - 20px); margin-bottom:8px;}
|
|
.set_holiday_wrap > :nth-child(1 of .tbl_wrap) {height: 490px;}
|
|
|
|
.set_holiday_wrap > .tbl_wrap table {border-bottom: 1px solid rgba(0, 0, 0, .4);}
|
|
.set_holiday_wrap .tb_container .tbl_wrap {height: 434px; overflow-x: hidden; overflow-y: auto; border-bottom: 1px solid rgba(0, 0, 0, .4);}
|
|
.set_holiday_wrap > :nth-child(1 of .tbl_wrap) {width:calc(60% - 20px); margin-right:20px;}
|
|
.set_holiday_wrap > :nth-child(2 of hgroup) {width:40%;}
|
|
|
|
.progress_schedule .set_holiday_wrap .tb_container {position: relative; overflow: hidden; width:40%; height:unset; margin:unset; padding-top: 56px; padding-left: unset; border:unset;}
|
|
.set_holiday_wrap .tb_fixed_container {position: absolute; top:0; left:0; right:0; height: 56px; border-top: 2px solid rgba(0, 0, 0, .8); background:linear-gradient(180deg, #E4E4E4 0%, #EAEAEA 86.98%, #DDD 100%); box-shadow:var(--boxshadow-default);}
|
|
|
|
.set_holiday_wrap > .tbl_wrap thead {border-top: 2px solid rgba(0, 0, 0, .8); background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 91.67%, #D0D0D0 100%); user-select: none;}
|
|
.set_holiday_wrap > .tbl_wrap thead tr + tr {border-top: 1px solid rgba(0, 0, 0, .15);}
|
|
.set_holiday_wrap > .tbl_wrap thead th + th {border-left: 1px solid rgba(0, 0, 0, .15);}
|
|
.set_holiday_wrap > .tbl_wrap thead th {height: 28px;}
|
|
.set_holiday_wrap .tbl_wrap thead th {font-size: 15px; color: var(--color-gray800); user-select: none;}
|
|
.set_holiday_wrap > .tbl_wrap thead th:nth-child(3),
|
|
.set_holiday_wrap td:nth-child(3) {border-left:3px double rgba(0, 0, 0, .15);}
|
|
|
|
.set_holiday_wrap .tb_container th div {position: absolute; line-height: 28px; width: inherit; display: inline-block; transform: translate(-50%); white-space: nowrap;}
|
|
.set_holiday_wrap .tb_container tr:first-child th div {top:2px; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.15);}
|
|
.set_holiday_wrap .tb_container tr:nth-child(2) th div {top:30px;}
|
|
.set_holiday_wrap .tb_container tr:nth-child(2)::after {display: block; content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-1px); width: 1px; height: 27px; background-color: rgba(0, 0, 0, .1); }
|
|
.set_holiday_wrap .tb_container:has(tr:nth-child(16)) tr:nth-child(2)::after {transform: translateX(-7px);}
|
|
|
|
.set_holiday_wrap tbody tr {border-bottom: 1px solid rgba(0, 0, 0, .1);}
|
|
.set_holiday_wrap tbody tr:last-child {border-bottom: 1px solid rgba(0,0,0,0.4);}
|
|
.set_holiday_wrap td {height: 36px; font-weight: 500; font-size: 15px; color: var(--color-gray800); white-space: nowrap;}
|
|
.set_holiday_wrap td.day:not(:has(input)),
|
|
.set_holiday_wrap td.day input {text-indent: 10px;}
|
|
.set_holiday_wrap > :nth-child(1 of .tbl_wrap) td {background-color:#f9f9f9;}
|
|
.set_holiday_wrap td + td {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.set_holiday_wrap td:nth-child(odd) {font-weight: 600;}
|
|
.set_holiday_wrap td:nth-child(even),
|
|
.set_holiday_wrap td:nth-child(even) input {text-align: center;}
|
|
|
|
.set_holiday_wrap td.day input[type="text"],
|
|
.set_holiday_wrap td.date input {width: 100%; height: 100%; font-weight: 500; font-size: 15px;}
|
|
.set_holiday_wrap td.day input[type="checkbox"] ~ input[type="text"]{width: calc(100% - 32px);}
|
|
|
|
.set_holiday_wrap tr.none {display: none;}
|
|
.set_holiday_wrap tr.none td {background-color: #f9f9f9; text-align: center; padding: 20px 0; font-weight: 500;}
|
|
.set_holiday_wrap tbody:not(:has(.day,.date)) tr.none {display:table-row;}
|
|
|
|
/* 휴일설정 활성화 */
|
|
.set_holiday_wrap input:read-only {cursor: default;}
|
|
|
|
.set_holiday_wrap .addition {-background-color: rgba(0, 0, 0, .05);}
|
|
.set_holiday_wrap input[type="checkbox"] {display: none;}
|
|
.set_holiday_wrap input[type="checkbox"] + label {display: inline-block; width: 16px; height: 16px; margin-left: 4px; border-radius: 1px; border: 1px solid rgba(0, 0, 0, .4); position: relative; cursor: pointer; user-select: none;}
|
|
.set_holiday_wrap input[type="checkbox"]:checked + label::after {content:'✔'; font-size:13px; width: 14px; height: 16px; line-height: 14px; text-align: center; position: absolute; left:0; top:0; }
|
|
.set_holiday_wrap input[type="checkbox"]:checked + label {border-color: #D03200;}
|
|
.set_holiday_wrap td:has(input[type="checkbox"]:checked) {}
|
|
|
|
/* 예정공정표 */
|
|
hgroup:has(.btn_realtime) {display:flex; justify-content: ; align-items: center; margin-bottom: 12px;}
|
|
hgroup:has(.btn_realtime) h4.h_4 {line-height: 32px; margin-bottom: 0; }
|
|
|
|
.btn_realtime,
|
|
.work_tb {margin-left: auto; padding-left: 12px; padding-right: 12px; height: 32px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, .2); background: linear-gradient(180deg, #DBD0BC 0%, #C4B9A4 84.90%, #958B77 100%); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); font-weight: 600; font-size: 13px; color: #40342B;}
|
|
.btn_realtime:disabled {opacity: 0.5; cursor: default;}
|
|
.btn_realtime:hover,
|
|
.work_tb:hover { background: linear-gradient(180deg, #C2B9A6 0%, #C2B9A6 84.90%, #847A67 100%);}
|
|
|
|
/* 예정공정표 - 캘린더 테이블 */
|
|
.progress_schedule .tb_container {width:100%; height: 100%; margin: 0 auto; position: relative; padding-left: 240px; border-top: 2px solid rgba(0, 0, 0, .8);}
|
|
.progress_schedule .tb_fixed_bg {width: 240px; height: 100%; position: absolute; top: 0; left: 0; background-color:#fff; box-shadow: 7px -4px 7px rgba(0, 0, 0, 0.1);}
|
|
|
|
.progress_schedule .tb_wrap {width: 100%; overflow-x: auto;}
|
|
.progress_schedule .tb_wrap table {width: fit-content;}
|
|
|
|
.progress_schedule .tb_wrap table th {font-size: 13px; color: var(--color-gray700); user-select: none;}
|
|
.progress_schedule .tb_wrap table th.saturday {color: #70a6b7;}
|
|
.progress_schedule .tb_wrap table th.holiday {background-color: rgba(0,0,0,0.06); color: #F86868;}
|
|
.progress_schedule .tb_wrap table .tb_fixed {width: 0px; height:inherit;}
|
|
|
|
.progress_schedule .tb_wrap table thead tr:last-child .tb_fixed ~ th span {display: block; width: 50px;}
|
|
|
|
.progress_schedule .tb_wrap thead tr:first-child th {height: 32px; text-align: left; text-indent: 10px;}
|
|
.progress_schedule .tb_wrap thead tr:first-child th + th {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.progress_schedule .tb_wrap thead tr:last-child {border-top: 1px solid rgba(0, 0, 0, .1);}
|
|
.progress_schedule .tb_wrap thead tr:last-child th {height: 52px;}
|
|
.progress_schedule .tb_wrap thead tr:last-child th + th {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
|
|
.progress_schedule .tb_wrap .tb_fixed [class*="title_"] {position: absolute; width: 240px; left:0px; display: flex; transform: translate(0, calc(-50% + 1px));}
|
|
.progress_schedule .tb_wrap .tb_fixed [class*="title_"] > span {border-bottom: 1px solid rgba(0, 0, 0, .1); width:33.333%; -height: 100%; display: flex; justify-content: center; align-items: center;}
|
|
|
|
.progress_schedule .tb_wrap .tb_fixed .title_y span {border-left: 1px solid rgba(0,0,0,0.1);}
|
|
.progress_schedule .tb_wrap .tb_fixed .title_y span[class*="dir"] {color: #fff;}
|
|
.progress_schedule .tb_wrap .tb_fixed .title_y span.dir0 {background-color: #7F7F7F;}
|
|
.progress_schedule .tb_wrap .tb_fixed .title_y span.dir1 {position: absolute; left:0; background-color: #8CB657;}
|
|
.progress_schedule .tb_wrap .tb_fixed .title_y span.dir2 {position: absolute; left:0; background-color: #B081CD;}
|
|
.progress_schedule .tb_wrap .tb_fixed .title_y span.dir1 + span,
|
|
.progress_schedule .tb_wrap .tb_fixed .title_y span.dir2 + span {position: absolute; left: 80px;}
|
|
|
|
.progress_schedule .tb_wrap thead tr:last-child .tb_fixed [class*="title_"],
|
|
.progress_schedule .tb_wrap tbody .tb_fixed [class*="title_"] {justify-content: flex-end;}
|
|
|
|
.progress_schedule .tb_wrap thead tr:first-child .title_x > span {width: 100%; height: 32px; background:#F3F1F1;}
|
|
.progress_schedule .tb_wrap thead tr:nth-child(2) .title_x > span {height: 52px; background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%);}
|
|
.progress_schedule .tb_wrap thead tr:nth-child(2) .title_x > span + span {border-left: 1px solid rgba(0,0,0,0.1);}
|
|
|
|
.progress_schedule .tb_wrap tr:first-child .title_y span,
|
|
.progress_schedule .tb_wrap tbody th .title_y span {height: 42px;}
|
|
|
|
.progress_schedule .tb_wrap tbody th .title_y span.dir1,
|
|
.progress_schedule .tb_wrap tbody th .title_y span.dir1 + span,
|
|
.progress_schedule .tb_wrap tbody th .title_y span.dir2,
|
|
.progress_schedule .tb_wrap tbody th .title_y span.dir2 + span {height: calc(42px * 3);}
|
|
|
|
.progress_schedule .tb_wrap tbody tr:first-child,
|
|
.progress_schedule .tb_wrap tbody tr + tr {border-top: 1px solid rgba(0, 0, 0, .1);}
|
|
.progress_schedule .tb_wrap tbody td {height: 42px; position: relative;}
|
|
.progress_schedule .tb_wrap tbody :nth-child(1 of td),
|
|
.progress_schedule .tb_wrap tbody td + td {border-left: 1px solid rgba(0, 0, 0, .1); }
|
|
.progress_schedule .tb_wrap tbody td.holiday {background-color:rgba(246,246,246,0.6); z-index: 2;}
|
|
|
|
.progress_schedule .tb_wrap td div[class*="unit"] {display:flex; justify-content:space-between; z-index:1; position:absolute; top:calc(50% - 12px); left:0; height:22px; padding-left:4px; border-radius:2px; border:1px solid rgba(0, 0, 0, .25); font-weight:500; font-size:12px; line-height:22px; color:#fff; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); box-sizing: border-box; user-select: none;}
|
|
.progress_schedule .tb_wrap td div[class*="unit"] .unit_tit {display:inline-block; overflow:hidden; position:relative; white-space:nowrap;}
|
|
.progress_schedule .tb_wrap td div[class*="unit"][data-value="1"] {width: calc(100% - 8px)!important;}
|
|
.progress_schedule .tb_wrap td div[class*="unit"][data-value="1"] .unit_tit {width:100%;}
|
|
.progress_schedule .tb_wrap div[data-value="2"] .unit_tit {width:50px;text-overflow:ellipsis;}
|
|
.progress_schedule .tb_wrap .unit_sum {float:right; padding-left:4px; padding-right:4px; background:rgba(0,0,0,0.3); line-height:20px; text-align:center;}
|
|
|
|
.progress_schedule .tb_wrap tbody tr:hover span:last-child,
|
|
.progress_schedule .tb_wrap tbody tr:hover td {background-color: rgba(0, 0, 0, .06);}
|
|
|
|
.progress_schedule .tbl_bottom {display: flex; justify-content: right;}
|
|
.progress_schedule .tbl_bottom .btn_reset {color: var(--color-gray700); border-color: rgba(0, 0, 0, .4);}
|
|
.progress_schedule .tbl_bottom .btn_done {background:linear-gradient(180deg, #3C8277 0%, #358074 84.90%, #236157 100%); color: #fff;}
|
|
.progress_schedule .tbl_bottom .btn_done:hover {background: linear-gradient(180deg, #236157 0%, #236157 84.90%, #0D4239 100%);}
|
|
|
|
|
|
/* 예정공정표 - 캘린더 테이블 */
|
|
/* 투입 인력 설정 - 현장 단위공정 컬러 */
|
|
.unit_basic {background:#C89664;}/*기초*/
|
|
.unit_assembly {background:#006450;}/*런처조립*/
|
|
.unit_trial {background:#FF3C3C;}/*시운전*/
|
|
.unit_field_assembly {background:#2400FF;}/*지조립*/
|
|
.unit_item_assembly {background:#FF9600;}/*부재조립*/
|
|
.unit_rebarmold_assembly {background: #153063;}/*철근, 거푸집조립*/
|
|
.unit_cast {background: #F00073;}/*타설*/
|
|
.unit_cure {background: #00C8B4;}/*양생*/
|
|
.unit_tensile {background:#FF64C8;}/*인장, 그라우팅*/
|
|
.unit_build {background:#8C2E44;}/*가설*/
|
|
.unit_support {background:#97CC00;}/*전방서포트*/
|
|
.unit_crossbeam {background:#966400;}/*전후방서포트*/
|
|
.unit_predeck {background:#B450FF;}/*가로보*/
|
|
.unit_release {background:#AAA;}/*런처해제*/
|
|
.unit_clear {background:#00B4FF;}/*부지정리*/
|
|
.unit_mesh {background: #DCAC4E;}/*철근망*/
|
|
.unit_produce {background: #13CA3B;}/*부재생산*/
|
|
.unit_stack {background: #555555;}/*적치*/
|
|
.unit_delivery {background: #4F93B0;}/*조달*/
|
|
td.unit_mesh {background: rgb(220 172 78 / 10%); color:#DCAC4E;}
|
|
td.unit_produce {background: rgb(19 202 59 / 10%); color:#13CA3B;}
|
|
td.unit_stack{background: rgb(85 85 85 / 10%); color:#555;}
|
|
td.unit_delivery{background: rgb(79 147 176 / 10%); color:#4F93B0;}
|
|
|
|
.unit_pc10 {background: #1F4590;}
|
|
.unit_pc9 {background: #798C92;}
|
|
.unit_pc8 {background: #F44B12;}
|
|
.unit_pc7 {background: #26ABBD;}
|
|
.unit_pc6 {background: #5A5A5B;}
|
|
.unit_pc5 {background: #A7734E;}
|
|
.unit_pc4 {background: #A3B605;}
|
|
.unit_pc3 {background: #F30C7D;}
|
|
.unit_pc2 {background: #D8AB56;}
|
|
.unit_pc1 {background: #0081C8;}
|
|
|
|
.unit_pj1 {background: #5F0F40;}
|
|
.unit_pj2 {background: #0F4C5C;}
|
|
.unit_pj3 {background: #CB4721;}
|
|
.unit_pj4 {background: #616C15;}
|
|
.unit_pj5 {background: #DC8C10;}
|
|
.unit_pj6 {background: #666CB6;}
|
|
.unit_pj7 {background: #AC6F37;}
|
|
.unit_pj8 {background: #949D3A;}
|
|
.unit_pj9 {background: #8B9395;}
|
|
.unit_pj10 {background: #029B89;}
|
|
|
|
.realtime hgroup button {margin-top: 22px;}
|
|
.realtime hgroup button.btn_realtime {margin-left: auto;}
|
|
|
|
.realtime hgroup button.btn_add {border-radius: 2px;border: 1px solid rgba(0, 0, 0, 0.30); background: linear-gradient(180deg, #3C8277 0%, #236157 100%);
|
|
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); color: #fff; height: 32px; padding-left: 8px; padding-right: 8px;}
|
|
.realtime hgroup button.btn_delete {border-radius: 2px; height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid #CE0000; color:#CE0000; background: linear-gradient(180deg, #FFF 0%, #FFF 75%, #D4D4D4 100%);
|
|
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
|
|
.realtime .tb_container {width:inherit; height: 100%; margin: 0 auto; position: relative; padding-left: 270px; border-top: 2px solid rgba(0, 0, 0, .8);}
|
|
.realtime .tb_container + .tb_container {margin-top: 40px;}
|
|
.realtime .tb_fixed_bg {width: 270px; height: 100%; position: absolute; top: 0; left: 0; background-color:#fff; box-shadow: 7px -4px 7px rgba(0, 0, 0, 0.1);}
|
|
|
|
.realtime .tb_wrap {width: 100%; overflow-x: auto;}
|
|
.realtime .tb_wrap table {width: fit-content;}
|
|
|
|
.realtime .tb_wrap table th {font-size: 13px; color: var(--color-gray700); user-select: none;}
|
|
.realtime .tb_wrap table th.saturday {color: #70a6b7;}
|
|
.realtime .tb_wrap table th.holiday {background-color: rgba(0,0,0,0.05); color: #F86868;}
|
|
.realtime .tb_wrap table .tb_fixed {width: 0px; height:inherit;}
|
|
|
|
.realtime .tb_wrap table thead tr:last-child th span {display: block; width: 49px;}
|
|
|
|
.realtime .tb_wrap thead {background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%);}
|
|
.realtime .tb_wrap thead tr:first-child th {height: 32px; text-align: left;}
|
|
.realtime .tb_wrap thead tr:first-child .tb_fixed ~ th { text-indent: 10px;}
|
|
.realtime .tb_wrap thead tr:first-child th + th,
|
|
.realtime .tb_wrap thead tr:first-child .tb_fixed span + span,
|
|
.realtime .tb_wrap thead tr:last-child th:first-child {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.realtime .tb_wrap thead tr:last-child {border-top: 1px solid rgba(0, 0, 0, .1);}
|
|
.realtime .tb_wrap thead tr:last-child th {height: 52px;}
|
|
.realtime .tb_wrap thead tr:last-child th + th {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
|
|
.realtime .tb_wrap .tb_fixed [class*="title_"] {position: absolute; width: 270px; left:0px; display: flex; transform: translate(0, calc(-50% + 1px));}
|
|
.realtime .tb_wrap .tb_fixed [class*="title_"] > span {border-bottom: 1px solid rgba(0, 0, 0, .1); display: flex; justify-content: center; align-items: center; letter-spacing: -0.05em;}
|
|
.realtime .tb_wrap thead tr:nth-child(2) .tb_fixed [class*="title_"] > span:nth-last-child(-n+2) {width: 25%;}
|
|
|
|
.realtime .tb_wrap .tb_fixed [class*="title_"] > .jweb,
|
|
.realtime .tb_wrap .tb_fixed [class*="title_"] > .nodule,
|
|
.realtime .tb_wrap .tb_fixed [class*="title_"] > .endb {width: 88px;}
|
|
.realtime .tb_wrap thead tr:nth-child(2) .tb_fixed [class*="title_"] > span:first-child {width: 75%;}
|
|
|
|
.realtime .tb_wrap tr:nth-child(2) .tb_fixed [class*="title_"] > span + span {border-left: 1px solid rgba(0, 0, 0, .1);}
|
|
.realtime .tb_wrap tbody .title_y span:nth-last-child(-n+2) {width: 60px; border-left: 1px solid rgba(0,0,0,0.1)!important;}
|
|
|
|
.realtime .ico_dir1,
|
|
.realtime .ico_dir2 {flex:0 0 7px;}
|
|
.realtime .ico_dir1 {background-position-y: 3px;}
|
|
.realtime .ico_dir2 {background-position-y: calc(100% - 3px);}
|
|
|
|
|
|
.realtime .tb_wrap .tb_fixed .title_y span.prc1 {position: absolute; left:0; background:linear-gradient(180deg, #F8EAD0 0%, #FEE7B9 89.06%, #F3D395 100%);}
|
|
.realtime .tb_wrap .tb_fixed .title_y span.prc2 {position: absolute; left:0; background:linear-gradient(180deg, #CEFFDA 0%, #C9FBD5 90.63%, #98F4AF 100%, #BDFFCE 100%);}
|
|
.realtime .tb_wrap .tb_fixed .title_y span.prc1 + span,
|
|
.realtime .tb_wrap .tb_fixed .title_y span.prc2 + span {position: absolute; left: 80px;}
|
|
|
|
.realtime .tb_wrap thead tr:last-child .tb_fixed [class*="title_"],
|
|
.realtime .tb_wrap tbody .tb_fixed [class*="title_"] {justify-content: flex-end;}
|
|
|
|
.realtime .tb_wrap thead tr .title_x > span { width: 100%; height: 88px; line-height: 90px; text-align: center; background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%); border-top: 1.5px solid rgba(0, 0, 0, .8);}
|
|
.realtime .tb_wrap thead .tb_fixed .title_x > span:first-child {flex:0 0 209px}
|
|
.realtime .tb_wrap thead tr:nth-child(2) .title_x > span {height: 52px;}
|
|
|
|
.realtime .tb_wrap tbody th .title_y span:nth-last-child(-n+2) {height: 40px; line-height: 40px;}
|
|
|
|
.realtime .tb_wrap tbody th .title_y .tit {flex:0 0 60px; height: calc((40px * 7) + 6px);}
|
|
|
|
.realtime .tb_wrap tbody tr:first-child,
|
|
.realtime .tb_wrap tbody tr + tr {border-top: 1px solid rgba(0, 0, 0, .1);}
|
|
.realtime .tb_wrap tbody td {height: 40px; position: relative;}
|
|
.realtime .tb_wrap tbody :nth-child(1 of td),
|
|
.realtime .tb_wrap tbody td + td {border-left: 1px solid rgba(0, 0, 0, .1); }
|
|
.realtime .tb_wrap tbody td.holiday {background-color:rgba(246,246,246,0.6); z-index: 2;}
|
|
|
|
.realtime .tb_wrap td div[class*="unit"] {display:flex; justify-content:flex-start; z-index:1; position:absolute; top:calc(50% - 11px); left:0; height:22px; border-radius:2px; border:1px solid rgba(0, 0, 0, .25); font-weight:500; font-size:11px; line-height:22px; color:#fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); box-sizing: border-box; user-select: none;}
|
|
.realtime .tb_wrap td div[class*="unit"] .unit_tit {display:inline-block; overflow:hidden; position:relative; white-space:nowrap; line-height: 20px;}
|
|
.realtime .tb_wrap td div[class*="unit"][data-value="1"] {width: calc(100% - 4px)!important;}
|
|
.realtime .tb_wrap td div[class*="unit"][data-value="1"] .unit_tit {width:100%;}
|
|
.realtime .tb_wrap .unit_sum {float:right; padding-left:4px; padding-right:4px; background:rgba(0,0,0,0.3); line-height:20px; text-align:center;}
|
|
|
|
.realtime .tb_wrap tbody tr:hover span:last-child,
|
|
.realtime .tb_wrap tbody tr:hover > td {background-color: rgba(0, 0, 0, .06); -outline: 1px solid red; }
|
|
.realtime .tb_wrap tbody.prc1 tr:hover th span:nth-last-child(-n + 2) {background: linear-gradient(180deg, #FFE0A5 0%, #FFE0A5 89.06%, #E4BE73 100%);}
|
|
.realtime .tb_wrap tbody.prc2 tr:hover th span:nth-last-child(-n + 2) {background: linear-gradient(180deg, #92FFAD 0%, #92FFAD 90.63%, #6EE48C 100%);}
|
|
|
|
.realtime .tbl_bottom {display: flex; justify-content: right;}
|
|
.realtime .tbl_bottom .btn_reset {color: var(--color-gray700); border-color: rgba(0, 0, 0, .4);}
|
|
.realtime .tbl_bottom .btn_done {background:linear-gradient(180deg, #3C8277 0%, #358074 84.90%, #236157 100%); color: #fff;}
|
|
.realtime .tbl_bottom .btn_done:hover {background: linear-gradient(180deg, #236157 0%, #236157 84.90%, #0D4239 100%);}
|
|
|
|
.realtime .btn_excel {height: 32px; margin-left: 8px;}
|
|
.realtime .btn_excel,
|
|
.realtime .btn_save {border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.30); background: url(../images/ico_excel.svg) no-repeat 6px center, linear-gradient(180deg, #38746B 0%, #38746B 80%, #1B4B44 100%); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); color: #fff; padding-left: 32px; padding-right: 12px;}
|
|
.realtime .btn_excel:hover {background: url(../images/ico_excel.svg) no-repeat 6px center, linear-gradient(180deg, #236157 0%, #236157 84.90%, #0D4239 100%)}
|
|
.realtime small {opacity: 0.6; margin-left: 4px;}
|
|
|
|
|
|
.realtime .prc1 thead tr:nth-child(2) .title_x span,
|
|
.realtime .prc1 .title_y span {background: linear-gradient(180deg, #F8EAD0 0%, #FEE7B9 89.06%, #F3D395 100%);}
|
|
.realtime .prc2 thead tr:nth-child(2) .title_x span,
|
|
.realtime .prc2 .title_y span {background: linear-gradient(180deg, #CEFFDA 0%, #C9FBD5 90.63%, #98F4AF 100%, #BDFFCE 100%);}
|
|
.realtime .prc1 .title_y span.tit {background: linear-gradient(180deg, #D5A240 0%, #D8A648 82.29%, #C29131 100%);}
|
|
.realtime .prc2 .title_y span.tit {background: linear-gradient(180deg, #25993E 0%, #25973E 85.42%, #1C7B31 100%);}
|
|
|
|
.realtime [class*="prc"] .title_y .tit {z-index: -1; width: 60px; color: #fff; font-size: 13px;}
|
|
.realtime [class*="prc"] .title_y .tit,
|
|
.realtime [class*="prc"] .title_y span.jweb,
|
|
.realtime [class*="prc"] .title_y span.nodule,
|
|
.realtime [class*="prc"] .title_y span.endb {z-index: -1; position: absolute; left:60px;}
|
|
.realtime [class*="prc"] .title_y .tit {left:0; }
|
|
|
|
.realtime [class*="prc"] .title_y span.jweb {height: calc((40px * 4) + 3px);}
|
|
.realtime [class*="prc"] .title_y span.nodule {height: calc((40px * 2) + 1px);}
|
|
.realtime [class*="prc"] .title_y span.endb {height: calc((40px * 1) - 1px);}
|
|
|
|
.realtime [class*="prc"] .title_y span.jweb::before,
|
|
.realtime [class*="prc"] .title_y span.nodule::before,
|
|
.realtime [class*="prc"] .title_y span.endb::before {display: inline-block; content: ''; width: 28px; height: 28px; position: absolute; left:5px; opacity: 0.15; transform: translateY(-2px);}
|
|
.realtime [class*="prc"] .title_y span.jweb::before {left:8px; background: url(../images/ico_jweb.svg) no-repeat center / 24px;}
|
|
.realtime [class*="prc"] .title_y span.nodule::before {background: url(../images/ico_nodule.svg) no-repeat center / 24px;}
|
|
.realtime [class*="prc"] .title_y span.endb::before {background: url(../images/ico_endblock.svg) no-repeat center / 24px;}
|
|
|
|
.realtime .btn_reset {padding-left: 16px; padding-right: 16px; border: 1px solid rgba(0, 0, 0, .4); background: linear-gradient(180deg, #FFF 0%, #FDFDFD 83.85%, #D3D3D3 100%);}
|
|
.realtime .btn_reset:hover { background: linear-gradient(180deg, #f0f0f0 0%, #f0f0f0 83.85%, #C3C3C3 100%);}
|
|
|
|
.wrapper > [class^="main"].realtime.pop {padding-top: 0;}
|
|
hgroup:has(.h_3) {margin-bottom: 12px;}
|
|
|
|
|
|
/* 범지연 */
|
|
/* control bar */
|
|
.control_bar {position:relative; display:flex; justify-content:center; align-items:center; width:calc(100% - 400px); height:46px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); border-radius:6px;}
|
|
.control_bar.normal {background:linear-gradient(180deg, rgba(98,98,98,1) 0%, rgba(113,113,113,1) 94%, rgba(52,52,52,1) 100%);}
|
|
.control_bar.normal li.on a {color:#000;}
|
|
.control_bar.safety li.on a {color:#245D4F;}
|
|
.control_bar.safety {background:linear-gradient(180deg, rgba(160,160,160,1) 0%, rgba(146,146,146,1) 78%, rgba(106,106,106,1) 100%);}
|
|
.control_bar.safety li.on a {color:#245D4F;}
|
|
.control_bar .control_tab li a {display:block; height:46px; line-height:46px; padding:0 17px; color:rgba(255, 255, 255, .6); font-size:20px; font-weight:400;}
|
|
.control_bar.field {background:linear-gradient(180deg, rgba(104,86,60,1) 0%, rgba(107,90,63,1) 93%, rgba(80,66,45,1) 100%);}
|
|
.control_bar.field li.on a {color:#411F00;}
|
|
.control_bar .control_tab {position:absolute; top:-2px; left:12px; display:flex; justify-content:flex-start;}
|
|
.control_bar .control_tab li {position:relative; height:46px; line-height:46px;}
|
|
.control_bar .control_tab li.on::before {content:''; display:inline-block; position:absolute; top:2px; left:50%; transform:translateX(-50%); width:107px; height:2px; background:#FA552E; border-radius:0 0 2px 2px;}
|
|
.control_bar .control_tab li a {display:block; height:49px; line-height:46px; padding:0 17px; color:rgba(255, 255, 255, .6); font-size:20px; font-weight:400;}
|
|
.control_bar .control_tab li.on a {line-height:46px; font-weight:600; border:2px solid #232525; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 85%, rgba(221,221,221,1) 100%); border-radius:6px; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);}
|
|
.control_bar.normal .control_date select {padding:0 12px; font-size:22px; color:#fff; font-weight:700; border:1px solid rgba(0, 0, 0, 0);}
|
|
.control_bar.normal .control_date select option {color:#222;}
|
|
.control_bar .control_date, .main_right_in .tit .control_date {display:flex; justify-content:center; align-items:center; color:#fff; font-weight:600; font-size:20px;}
|
|
.control_bar .control_date button {width:28px; height:28px; }
|
|
.control_bar.schedule .control_tab li.on::before {content:''; display:inline-block; position:absolute; top:2px; left:50%; transform:translateX(-50%); width:183px; height:2px; background:#FA552E; border-radius:0 0 2px 2px;}
|
|
|
|
.control_calendar {display:inline-block; margin:0 0 0 8px; background:rgba(255, 255, 255, .2); border:1px solid rgba(0, 0, 0, .0); border-radius:2px;}
|
|
.control_calendar::before {content:''; display:inline-block; width:26px; height:26px; background:url(../images/icon_calendar_w.svg) center no-repeat;}
|
|
.control_calendar:hover {background:rgba(0, 0, 0, .1); border:1px solid rgba(0, 0, 0, .2);}
|
|
.control_date .btn_prev {margin-right:20px; opacity:.6;}
|
|
.control_date .btn_next {margin-left:20px; opacity:.6;}
|
|
.control_date .btn_prev::before {content:'\2039'; display:inline-block; font-size:28px; color:#fff; line-height:20px;}
|
|
.control_date .btn_next::before {content:'\203A'; display:inline-block; font-size:28px; color:#fff; line-height:20px;}
|
|
.control_date .btn_prev:hover, .control_date .btn_next:hover {background:rgba(0, 0, 0, .2); opacity:1;}
|
|
|
|
/*--- 일일 안전교육 --- */
|
|
/* 일별 이수현황 */
|
|
.safety * {box-sizing: border-box; letter-spacing: -0.05em;}
|
|
.safety_left .control_bar {margin: 0 auto;}
|
|
.safety_left {width:49%;}
|
|
.safety_left .tb_top_wrap h4 ul{ display: flex; justify-content: space-between;}
|
|
.safety_left .tb_top_wrap .h_4 ul li + li::before {display:none;}
|
|
.safety_left .tb_top_wrap .delete_file { display: block; width: 90px; height:32px; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(212,212,212,1) 100%); color:#CE0000; border: 1px solid #CE0000; border-radius:2px; font-weight: 600; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
|
|
.safety .main_left_in {width: 100%; height: calc(100% - 60px); padding: 24px; display: flex; flex-direction: column; background-color: rgba(246, 246, 246, 0.623264); border-top: 2px solid #000;}
|
|
.safety .main_left_in .h_4 {margin-top: 0;}
|
|
.safety .btn_wrap button + button {margin-left:7px;}
|
|
|
|
/* 캘린더 */
|
|
.safety .calendar_tit {width: 100%; min-height: 28px; position: relative; margin-top: 20px; margin-bottom: 16px;}
|
|
.safety .calendar_tit .month {font-size: 20px; font-weight: 500; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
|
|
.safety .calendar_tit .btn_wrap {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
|
|
.safety .calendar_tit .btn_wrap [class^="btn_"] {width: 40px; height: 26px; background: linear-gradient(180deg, #B1B1B1 0%, #535353 100%); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); border-radius: 2px; color: #fff;}
|
|
.safety .calendar_tit .btn_wrap .btn_factory.on {background: linear-gradient(180deg, #286B61 0%, #0C342D 100%);}
|
|
.safety .calendar_tit .btn_wrap .btn_place.on {background: linear-gradient(180deg, #76642B 0%, #453B1B 100%);}
|
|
.safety .calendar_tit .box_btn_pn {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
|
|
.safety .tb_container {padding-top: 32px; position: relative; height: calc(100% - 93px);}
|
|
/* .safety .tb_wrap {height:100%; overflow-x: hidden; overflow-y: auto;} */
|
|
.safety .tb_calendar {width: 100%; table-layout: fixed; height: 100%;}
|
|
.safety .tb_calendar * {box-sizing: border-box;}
|
|
.safety .tb_calendar thead {margin: 0; height: 0; font-size: 12px; color: var(--color-gray700);}
|
|
.safety .tb_calendar tbody tr td:first-of-type {color: #F86868;}
|
|
.safety .tb_calendar tbody tr td:last-of-type {color: #2B9DA5;}
|
|
.safety .tb_calendar .tb_fixed div {position: absolute; top: 1px; line-height: 32px; width: inherit; display: inline-block; transform: translate(-50%);}
|
|
.safety .tb_calendar tbody tr td {width: 100%; position: relative; padding-top: 24px; vertical-align: middle; border-bottom: 1px solid var(--color-gray300);}
|
|
.safety .tb_calendar tbody tr td:hover {background-color:rgba(45, 119, 108, 0.05);}
|
|
.safety .tb_calendar tbody tr td > span {position: absolute; top: 8px; left: 8px; font-size: 12px;}
|
|
.safety .tb_calendar .today {display: table-cell; background-color: #DCEFEA; color: var(--color-primary700); font-weight: 700;}
|
|
.safety .tb_calendar .next {opacity: 0.4;}
|
|
|
|
.safety .daily_progress {height: 100%; min-height: 80px; cursor: pointer; font-size: 12px; font-weight: 500; line-height: 1rem; color: #000; padding-left:7px;}
|
|
.safety .daily_progress a {display: flex; flex-direction: column; justify-content: center; gap: 8px;}
|
|
.safety .daily_progress .item_tit {font-size: 10px; margin-left: 14px;}
|
|
.safety .daily_progress .item_tit::after {left: -14px;}
|
|
.safety .daily_progress .item_sub > span {font-size: 10px; margin-left: 2px;}
|
|
|
|
.safety .daily_progress .complete {display:inline-block; padding:11px 0; color:#236A60; font-weight: 600; font-size: 14px;}
|
|
.safety .daily_progress .ico_jpg {display: block; width: 18px; height: 18px; background-image: url(../images/ico_jpg.svg); padding-top: 8px;}
|
|
.safety .daily_progress .ico_pdf {display: block; width: 18px; height: 18px; background-image: url(../images/ico_pdf2.svg); padding-top: 8px;}
|
|
.safety .today_mark::after {content:"오늘"; width: 31px; height: 21px;border-radius:2px ; font-weight: 600; font-size: 12px; background-color:#B5AE44; color: #fff; padding: 3px 5px; margin-left:7px;}
|
|
.safety .tb_calendar td {border-right: 1px solid #D2D2D2; }
|
|
.safety .tb_calendar td:last-child{ border-right: none;}
|
|
.safety .tb_calendar tbody td span {font-weight: 500;}
|
|
.safety .tb_calendar .completion {background:#fff; _background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(212,212,212,1) 100%);}
|
|
.safety .tb_calendar .today_gr {background:rgba(181,174,68, 0.1);_background:linear-gradient(180deg, rgba(181,174,68, 0.1) 60% , rgba(245,245,239,1) 90%, rgba(212,212,212,1) 100%) ;}
|
|
.safety .tb_fixed_header { position: absolute; top: 0; left: 0; right:0; height: 32px; background-color: #fff; border-top: 1px solid #B8B8b8; box-shadow: 0px 2px 4px rgb(0 0 0 / 16%); text-align: center; }
|
|
.safety .daily_progress.day_off { padding:11px 0; padding-left:7px; color:#5B5B5B; font-weight: 600; font-size: 14px;}
|
|
|
|
/* 파일뷰어 */
|
|
.safety_right {width:49%;}
|
|
.safety .main_right_in {width: 100%; height: 100%; display: flex; flex-direction: column; border-top: 2px solid #000; margin-top: 65px;}
|
|
.safety .main_right_in .btn{ display: flex; justify-content: flex-end ; gap:5px; padding: 10px;}
|
|
.safety .main_right_in .btn_download { width: 29px; height: 29px; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 78%, rgba(224,224,224,1) 100%); border: 1px solid #2D776C ; border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety .main_right_in .btn_download::before{ content: ''; display: inline-block;width: 26px;height: 26px;background: url(../images/ico_download_gr.svg) center no-repeat;}
|
|
.safety .main_right_in .btn_print { width: 28px; height: 28px; background:linear-gradient(180deg, rgba(57,146,132,1) 0%, rgba(57,146,132,1) 78%, rgba(40,107,97,1) 100%); border: 1px solid rgba( 0, 0, 0, 0.5 ); border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety .main_right_in .btn_print::before{ content: ''; display: inline-block;width: 26px;height: 26px;background: url(../images/ico_print.svg) center no-repeat;}
|
|
.safety .main_right_in .file_container { position: relative; width: 100%; height: calc(100vh - 301px); background-color: rgba(246, 246, 246, 0.623264); border: 1px solid #CCCCCC ; border-radius: 2px;}
|
|
.safety .main_right_in .no_file { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 220px; height: 114px; border: 2px dotted #B0B0B0; border-radius: 4px;}
|
|
.safety .main_right_in .no_file p{ width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 20px; }
|
|
.safety .main_right_in .no_file .ico_empty{display: block; width: 36px; height: 36px;background: url(../images/ico_empty.svg) center no-repeat;}
|
|
.safety .main_right_in .no_file span {display: block;color: rgba( 0, 0, 0, 0.5 ); font-size: 15px; font-weight:600; padding-top:10px;}
|
|
|
|
.safety_right {width:49%;}
|
|
.safety .pdf_viewer {width: 100%; height: calc(100% - 60px); display: flex; flex-direction: column; border-top: 2px solid #000; margin-top: 65px; height: 712px;}
|
|
.safety .pdf_viewer .file_name {width: 100%; display: flex; justify-content: space-between; align-items: center; }
|
|
.safety .pdf_viewer .file_name p{ font-size: 15px; font-weight: 600; padding-left: 10px; display: flex; align-items: center; }
|
|
.safety .pdf_viewer .file_name p::before{content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_pdf2.svg) no-repeat center; padding-right: 10px;}
|
|
.safety .pdf_viewer .file_name .btn{ display: flex; justify-content: flex-end ; gap:5px; padding: 10px;}
|
|
.safety .pdf_viewer .file_name .btn_download { width: 28px; height: 28px; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 78%, rgba(224,224,224,1) 100%); border: 1px solid #2D776C ; border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety .pdf_viewer .file_name .btn_download::before{ content: ''; display: inline-block;width: 26px;height: 26px;background: url(../images/ico_download_gr.svg) center no-repeat;}
|
|
.safety .pdf_viewer .file_name .btn_print { width: 28px; height: 28px; background:linear-gradient(180deg, rgba(57,146,132,1) 0%, rgba(57,146,132,1) 78%, rgba(40,107,97,1) 100%); border: 1px solid rgba( 0, 0, 0, 0.5 ); border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety .pdf_viewer .file_name .btn_print::before{ content: ''; display: inline-block;width: 26px;height: 26px;background: url(../images/ico_print.svg) center no-repeat;}
|
|
.safety .pdf_viewer .file_container { position: relative; width: 100%;height: calc(100% - 47px); background-color: #818181; overflow-y: auto; }
|
|
.safety .pdf_viewer .file_container img { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); }
|
|
|
|
|
|
/*--- 안전관리 계획/안전점검 --- */
|
|
.safety_left.schedule {width: 30%;}
|
|
.safety_left.schedule .tb_container {position: relative; padding-top: 34px; border-bottom: 1px solid #ddd;}
|
|
.safety_left.schedule .tb_fixed_header {position: absolute; top:0; left:0; right:0; height: 34px; border-top: 2px solid #222; background: linear-gradient(180deg, #E4E4E4 0%, #EAEAEA 86.98%, #DDD 100%); box-shadow: var(--boxshadow-default);}
|
|
.safety_left.schedule .tb_wrap {width: inherit; overflow-x: hidden; overflow-y: auto; padding-top: 2px; height: calc(100vh - 287px);}
|
|
.safety_left.schedule .tb_wrap thead {background: linear-gradient(180deg, #F3F1F1 0%, #ECECEC 90%, #D0D0D0 100%); }
|
|
.safety_left.schedule .tb_wrap thead th {font-weight: 700; font-size: 15px; color:var(--color-gray700);}
|
|
.safety_left.schedule .tb_wrap thead th div {position: absolute; top:2px; line-height: 32px; width: inherit; display: inline-block; transform:translate(-50%); white-space: nowrap;}
|
|
.safety_left.schedule tbody td {font-weight: 500;}
|
|
|
|
.safety_left.schedule tbody tr {position: relative; background-color:rgba(221, 220, 220, 0.2);}
|
|
.safety_left.schedule tbody tr:has(div[class*="prc"]):hover {cursor: pointer;}
|
|
.safety_left.schedule td {border-bottom: 1px solid rgba(0, 0, 0, .2);}
|
|
.safety_left.schedule tr:has([rowspan="2"]) + tr td:first-child,
|
|
.safety_left.schedule td + td {border-left: 1px solid rgba(0, 0, 0, .2);}
|
|
.safety_left.schedule .date {color: var(--color-gray600); line-height: 32px;}
|
|
.safety_left.schedule.field1 td div {line-height: 34px;}
|
|
.safety_left.schedule td:nth-last-child(-n+3) {text-align: center;}
|
|
.safety_left.schedule .date.saturday {color:#2B9DA5!important;}
|
|
.safety_left.schedule .date.holiday {color: #F86868;}
|
|
.safety_left.schedule .date .small {margin-left: 2px; font-size: 12px;}
|
|
|
|
.safety_left.schedule .attfl::before { content:''; display:inline-block;width: 18px;height: 18px; background: url(../images/ico_excel2.svg) no-repeat center ; margin-top: 4px;}
|
|
|
|
.main_in.schedule_in {justify-content: flex-start; gap: 31px; }
|
|
.safety_left.schedule .h_4{margin-bottom: 10px;}
|
|
.safety_left.schedule .prcss_in { display: flex; align-items: center; }
|
|
|
|
.safety_left.schedule .date.tday{padding-left: 33px;}
|
|
.safety_left.schedule .date.tday::after {content:"오늘"; width: 31px; height: 21px;border-radius:2px ; font-weight: 600; font-size: 12px; background-color:#B5AE44; color: #fff; padding: 1px 4px; margin-left:2px;}
|
|
.safety_left.schedule .day_gr { background-color: rgba( 181, 174, 68, 0.3 );}
|
|
|
|
.safety_left.schedule .day_gr td:nth-child(2), .safety_left.schedule .day_purple td:nth-child(2) {background:linear-gradient(#fff 0%, #fff 85%, rgba(234,234,234,1) 100%);}
|
|
.safety_left.schedule .day_gr, .safety_left.schedule .day_purple {background-color: #fff;}
|
|
.safety_left.schedule .day_gr.tday_gr { background-color:rgba( 181, 174, 68, 0.08 ) ;}
|
|
.safety_left.schedule .day_gr.tday_gr td:nth-child(2) { background:linear-gradient(rgba( 181, 174, 68, 0.08 ) 0%, rgba( 181, 174, 68, 0.08 ) 85%, rgba(234,234,234,1) 100%); color: #535353;}
|
|
|
|
.safety_left.schedule tbody tr {height: 40px;}
|
|
.safety_left.schedule .day_gr.plus td:nth-child(1) {background:linear-gradient(#fff 0%, #fff 85%, rgba(234,234,234,1) 100%);}
|
|
.safety_left.schedule .day_gr.plus td:nth-child(2) {background:none;}
|
|
.safety_left.schedule .ico_dir1,.safety_left.schedule .ico_dir2 { height: 40px;}
|
|
|
|
.safety_left.schedule .day_none {background-color:#F1F1F1; }
|
|
.safety_left.schedule .day_none .date {color:#888888 ;}
|
|
.safety_left.schedule .date {color:#1f1f1f;}
|
|
.safety_left.schedule .date.blue { color:#2B9DA5 ;}
|
|
.safety_left.schedule .date.red { color:#F86868 ;}
|
|
|
|
.safety_right.file {width: 55%; margin-left: 16px;}
|
|
.safety_right.file .main_right_in {margin-top: 0; height: 719px;}
|
|
.safety_right.file .h_4 {font-weight: 500;}
|
|
.safety_right.file .h_4 .date_wrap {display: flex; align-items: center;}
|
|
.safety_right.file .h_4 .date_wrap .date {margin-right: 15px;}
|
|
.safety_right.file .no_file .ico_empty{display: block; width: 36px; height: 36px;background: url(../images/ico_no_sim.svg) center no-repeat;}
|
|
|
|
.safety_right.file .file_name {width: 100%; display: flex; justify-content: space-between; align-items: center; }
|
|
.safety_right.file .file_name p{ font-size: 15px; font-weight: 600; padding-left: 10px; display: flex; align-items: center; }
|
|
.safety_right.file .file_name p::before{content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_excel2.svg) no-repeat center; padding-right: 10px;}
|
|
.safety_right.file .file_name .btn{ display: flex; justify-content: flex-end ; gap:5px; padding: 10px;}
|
|
.safety_right.file .file_name .btn_download { width: 28px; height: 28px; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 78%, rgba(224,224,224,1) 100%); border: 1px solid #2D776C ; border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety_right.file .file_name .btn_download::before{ content: ''; display: inline-block;width: 26px;height: 26px;background: url(../images/ico_download_gr.svg) center no-repeat;}
|
|
.safety_right.file .file_name .btn_print { width: 28px; height: 28px; background:linear-gradient(180deg, rgba(57,146,132,1) 0%, rgba(57,146,132,1) 78%, rgba(40,107,97,1) 100%); border: 1px solid rgba( 0, 0, 0, 0.5 ); border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety_right.file .file_name .btn_print::before{ content: ''; display: inline-block;width: 26px;height: 26px;background: url(../images/ico_print.svg) center no-repeat;}
|
|
|
|
.safety_right_detail { width:20%; height: calc(100vh - 249px); background-color: rgba(246, 246, 246, 0.623264); border-top: 2px solid #000; margin-top: 60px;}
|
|
.safety_right_detail ul {width: 100%; padding: 15px;}
|
|
.safety_right_detail ul li {display: flex;padding: 12px 0; border-bottom: 1px solid rgba( 0, 0, 0, 0.1 ) ; font-weight: 500;}
|
|
.safety_right_detail ul li:last-child {border-bottom: none;}
|
|
.safety_right_detail ul li p {width: 40%; font-size: 13px; color: #535353;}
|
|
.safety_right_detail ul li span { width: 60%; font-size: 14px; color: #1F1F1F;}
|
|
|
|
.safety_left.schedule .checkbox2 { padding: 0 10px;}
|
|
.safety_left.schedule .checkbox_in {height: 30px; width: 78px; background-color: #EFEFEF;border: 1px solid rgba( 0, 0, 0, 0.1 );display: flex;justify-content: flex-start;align-items: center;gap: 9px;padding-left: 8px;align-content: flex-start;}
|
|
|
|
/*--- 기타안전관리 ---*/
|
|
.sfmt_list {width: 100%;}
|
|
.sfmt_list .tb_top_wrap .h_4 ul li + li::before { display:none;}
|
|
.sfmt_list .btn_rgst { display: block; width: 49px; height:32px; border: 1px solid rgba(0, 0, 0, 0.3); background: linear-gradient(180deg, #3C8277 0%, #236157 100%); color: #fff; border-radius:2px; font-weight: 600; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.sfmt_list .delete_file { display: inline-block; width: 90px; height:32px; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(212,212,212,1) 100%); color:#CE0000; border: 1px solid #CE0000; border-radius:2px; font-weight: 600; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
|
|
.sfmt_list .tb_top_wrap .h_4 {display: flex; justify-content: space-between; gap: 20px;}
|
|
.sfmt_list .tb_top_wrap .h_4 .btn_wrap {display:flex; gap: 2px;}
|
|
|
|
.sfmt_list .tb_container {position: relative; padding-top: 34px;border-bottom: 1px solid #ddd;}
|
|
.sfmt_list .tb_fixed_header {position: absolute;top: 0;left: 0;right: 0;height: 34px;border-top: 1px solid #B8B8B8;background: linear-gradient(180deg, #E4E4E4 0%, #EAEAEA 86.98%, #DDD 100%);box-shadow: var(--boxshadow-default);}
|
|
.sfmt_list .tb_wrap thead th div {position: absolute;top: 2px;line-height: 32px;width: inherit;display: inline-block;transform: translate(-50%);white-space: nowrap; color: #595959;}
|
|
|
|
.sfmt_list .tb_wrap{ width: inherit; height: calc(100vh - 304px);overflow-x: hidden;overflow-y: auto;}
|
|
.sfmt_list .tb_wrap tbody tr {text-align: center;}
|
|
.sfmt_list .tb_wrap tbody tr:hover {background-color: #EAF4F3;}
|
|
.sfmt_list .tb_wrap tbody tr td {font-weight: 500; padding-left: 8px;padding-right: 8px;border-bottom: 1px solid #EEEEEE;border-left: 1px solid #EEEEEE;text-align: center;line-height: 32px;font-size: 14px; }
|
|
.sfmt_list .tb_wrap tbody tr td:nth-child(2){ text-align: left; padding-left: 20px;}
|
|
.sfmt_list .tb_wrap tbody tr td:first-child { border-left: none;}
|
|
|
|
.safety .check .attfl.excl::before { content:''; display: block;width: 18px;height: 18px; background: url(../images/ico_excel2.svg) no-repeat center ;margin-left: 135px; }
|
|
.safety .check .attfl.pdf::before { content:''; display: block;width: 18px;height: 18px; background: url(../images/ico_pdf2.svg) no-repeat center ;margin-left: 135px; }
|
|
.safety .check .attfl.jpg::before { content:''; display: block;width: 18px;height: 18px; background: url(../images/ico_jpg.svg) no-repeat center ;margin-left: 135px; }
|
|
.safety .check .attfl.hangeul::before { content:''; display: block;width: 18px;height: 18px; background: url(../images/ico_hangeul.svg) no-repeat center ;margin-left: 135px; }
|
|
|
|
.safety_left.schedule .check {margin-left:20px;}
|
|
.sfmt_list .check {margin-left:99px;}
|
|
.sfmt_list .check .attfl.excl::before {margin-left: 0;}
|
|
.sfmt_list .check .attfl.pdf::before {margin-left: 0;}
|
|
.sfmt_list .check .attfl.jpg::before {margin-left: 0;}
|
|
.sfmt_list .check .attfl.hangeul::before {margin-left: 0;}
|
|
|
|
.safety .attfl.excl::before { content:''; display: block; height: 18px; background: url(../images/ico_excel2.svg) no-repeat center ;}
|
|
.safety .attfl.pdf::before { content:''; display: block;height: 18px; background: url(../images/ico_pdf2.svg) no-repeat center ;}
|
|
.safety .attfl.jpg::before { content:''; display: block;height: 18px; background: url(../images/ico_jpg.svg) no-repeat center ;}
|
|
.safety .attfl.hangeul::before { content:''; display: block;height: 18px; background: url(../images/ico_hangeul.svg) no-repeat center ;}
|
|
|
|
.sfmt_list .tb_top_wrap .delete_no {width: 43px; height:32px; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(212,212,212,1) 100%); color:#272727; font-weight: 600; border: 1px solid rgba( 158, 158, 158, 0.7 ); border-radius:2px; font-weight: 500; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
|
|
.sfmt_list .tb_top_wrap .delete_yes {width: 112px; height:32px; background-color: #D03200; color:#fff; border: 1px solid rgba( 0, 0, 0, 0.3 ); border-radius:2px; font-weight: 600; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
|
|
|
|
.sfmt_list .checkbox_in {width: 60px; height: 28px;border-radius: 2px; background-color:#EFEFEF ; border: 1px solid rgba( 0, 0, 0, 0.1 ); display: flex; justify-content: flex-start; align-items: center; margin-left: 11px;}
|
|
.sfmt_list .checkbox_in input{margin-left: 10px;}
|
|
.sfmt_list .checkbox_in .attfl{margin-left: 8px;}
|
|
.sfmt_list .tb_wrap tbody .attfl::before {margin-left: 0;}
|
|
|
|
/*--- 팝업 : 입고현황등록 ---*/
|
|
.sfmt_regist {width:500px; margin-top:-300px; margin-left:-190px; box-sizing: border-box;}
|
|
.sfmt_regist .btn_close {right: 28px;}
|
|
.sfmt_regist .popup_content {margin-top: 6px;}
|
|
.sfmt_regist .popup_in {width:calc(100% - 56px);}
|
|
.sfmt_regist form {border-top:2px solid var(--color-gray900); }
|
|
.sfmt_regist .tbl_wrap > table > tbody > tr { border-bottom:1px solid var(--color-gray200); }
|
|
.sfmt_regist th {width: 80px; padding-top:5px; padding-bottom:5px; font-weight:500; font-size:14px; text-align:left; line-height: 15px; }
|
|
.sfmt_regist .tbl_wrap > table > tbody > tr > td {padding-top:5px; padding-bottom:5px; }
|
|
.sfmt_regist td {font-size: 14px; font-weight: 500;}
|
|
.sfmt_regist select {width: 100%; height: 36px; padding-left:8px; padding-right:8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size: 14px; cursor: pointer;}
|
|
.sfmt_regist td select option {color: #1f1f1f;}
|
|
.sfmt_regist td input {width:100%; height:36px; padding-left:8px; padding-right: 8px; border-radius:2px; border:1px solid var(--color-gray300); font-weight:500; font-size:14px; box-sizing:border-box;}
|
|
.sfmt_regist span.small {font-size:12px; color:var(--color-gray600); font-weight:400;}
|
|
.sfmt_regist td select:focus,
|
|
.sfmt_regist input:focus,
|
|
.sfmt_regist textarea:focus { border-color: var(--color-accent500); }
|
|
.sfmt_regist .tbl_wrap > table > tbody > tr > td.sfmt_content {padding-bottom: 16px;}
|
|
.sfmt_regist .atd_file_wrap {display: unset;}
|
|
.sfmt_regist .atd_file_wrap .atd_file_box {height: 30px; }
|
|
.sfmt_regist .atd_file_wrap table {table-layout: unset;}
|
|
.sfmt_regist .atd_file_wrap td.file_tit {display: unset; padding-left: 8px;}
|
|
.sfmt_regist .atd_file_wrap td.file_tit::before {display: none;}
|
|
.sfmt_regist .atd_file_info {display: flex;justify-content: flex-end;padding-top: 11px;font-size: 13px;flex-wrap: wrap;}
|
|
.sfmt_regist .atd_file_info b {color: var(--color-accent500);}
|
|
.sfmt_regist .btn_atd_file {height: 40px; margin-top: 0;}
|
|
.sfmt_regist .btn_container button {transform: translateY(-1px);}
|
|
.sfmt_regist .btn_delete {margin-right: 8px;}
|
|
.sfmt_regist .btn_regist {width: 40%; height:50px; margin-left: 60%; margin-top: 20px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.30); background: linear-gradient(180deg, #3C8277 0%, #3B7F75 85.42%, #1D554D 100%); font-weight: 700; font-size: 16px; color: #FFF; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.sfmt_regist .btn_regist:hover {background: linear-gradient(180deg, #39776E 0%, #39776E 85.42%, #194A43 100%);}
|
|
|
|
.sfmt_regist.view .tbl_wrap > table {background-color: #f5f5f5;}
|
|
.sfmt_regist.view th {padding-left:8px; color: var(--color-gray600);}
|
|
.sfmt_regist.view .tbl_wrap > table > tbody > tr > td {padding-right: 8px;}
|
|
.sfmt_regist.view td select {padding:0; border-color:transparent; -webkit-appearance:none; appearance:none;}
|
|
.sfmt_regist.view td select:disabled {opacity: 1; color: #1f1f1f; cursor: default;}
|
|
.sfmt_regist.view td select:disabled option {color: #1f1f1f;}
|
|
.sfmt_regist.view td input:disabled {padding: 0; border-color:transparent; color: #1f1f1f; cursor: default;}
|
|
.sfmt_regist.view tr:nth-child(4) td,
|
|
.sfmt_regist.view tr:nth-child(5) td {height: 36px;}
|
|
.sfmt_regist.view .atd_file_wrap .atd_file_box {}
|
|
.sfmt_regist.view td .btn_download {width: 20px; height: 20px; margin-right: 8px; border-radius: 2px; border:1px solid #2D776C; background:#fff url(../images/ico_download.svg) no-repeat center / 16px 16px;}
|
|
.sfmt_regist.view td .btn_download:hover
|
|
{background:url(../images/ico_download.svg) no-repeat center / 16px 16px, linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%,rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0.2) 100%) }
|
|
.sfmt_regist.view td .btn_download_all {width: 70px; height: 40px; margin-top: 0; padding-right: 0; text-align: center; border:1px solid #606060; background:linear-gradient(180deg, #FFFFFF 0%, #EFEFEF 100%); color: #7C6A46; }
|
|
.sfmt_regist.view td .btn_download_all:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 100%); }
|
|
|
|
.sfmt_regist .content td input {height: 172px ; padding-bottom: 128px;}
|
|
|
|
.safety_left.schedule.content1 .tb_container table tr td::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border:4px solid transparent; z-index: 1; transition: border-color 0.1s; }
|
|
.safety_left.schedule.content1 .tb_container table tr td:hover::before {border-color: #FA552E;}
|
|
|
|
/* 호버 */
|
|
.selected {border: 4px solid #FA552E; border-radius: 2px;}
|
|
/* .safety_left.content1 .main_left_in .tb_calendar .completion::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border:2px solid transparent; transition: border-color 0.1s;}
|
|
.safety_left.content1 .main_left_in .tb_calendar .completion:hover::before { border-color: #FA552E;} */
|
|
|
|
/* 주간공정스케쥴표 tr에 테두리 추가 */
|
|
/* .safety_left.schedule.content1 .tb_container table tbody tr{position:relative;}
|
|
.safety_left.schedule.content1 .tb_container table tbody tr::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border:4px solid transparent; transition: border-color 0.1s; }
|
|
.safety_left.schedule.content1 .tb_container table tbody tr:hover::before {border-color: #FA552E;} */
|
|
|
|
/* 수정 */
|
|
.att_file { display: flex; justify-content: center; }
|
|
.att_file { height: 30px; width:60px ; margin: 5px 0; background-color:#EFEFEF ; border: 1px solid rgba( 0, 0, 0, 0.1 ); border-radius: 2px; display: flex; justify-content: center; align-items: center; gap: 6px; }
|
|
/* .sfmt_list .tb_wrap .att_file .on .attfl.excl::before { margin-left: 0px;} */
|
|
|
|
.safety_left .h_4 { display:flex; justify-content: space-between;}
|
|
|
|
.main_right.file {width: 100%; height: calc(100% - 60px);}
|
|
|
|
/* 체크박스 */
|
|
.safety .check{display: flex; width:58px; height:30px; border:1px solid rgba( 0, 0, 0, 0.2 ); border-radius: 3px; background-color:#EFEFEF ; align-items: center; justify-content: space-evenly; position: relative; z-index: 2;}
|
|
.safety .ico_jpg {padding: 0;}
|
|
.safety .complete {padding-bottom: 0;}
|
|
.safety input[type="checkbox"] {display: none;}
|
|
.safety input[type="checkbox"] + label {display: inline-block;width: 14px;height: 14px; border-radius: 1px;border: 1px solid rgba(0, 0, 0, .4);position: relative;cursor: pointer;user-select: none; background-color:#fff;}
|
|
.safety input[type="checkbox"]:checked + label::after {content: '✔';font-size: 13px;width: 11px;height: 15px;line-height: 11px;text-align: center;position: absolute;left: 0;top: 0;}
|
|
.safety input[type="checkbox"]:checked + label {border-color: #D03200;}
|
|
|
|
/* 버튼 disabled / hover */
|
|
.safety .btn_download { width: 28px; height: 28px; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 78%, rgba(224,224,224,1) 100%); border: 1px solid #2D776C ; border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety .btn_download::before{ content: ''; display: inline-block; width:26px; height:26px; background: url(../images/ico_download_gr.svg) center no-repeat;}
|
|
.safety .btn_download:disabled { opacity:0.5; cursor: default;}
|
|
.safety .btn_download:hover { background: url(../images/ico_download_gr.svg) no-repeat center, linear-gradient(180deg, #F2F2F2 0%, #F2F2F2 80%, #CDCDCD 100%);}
|
|
|
|
.safety .btn_print { width: 28px; height: 28px; background:linear-gradient(180deg, rgba(57,146,132,1) 0%, rgba(57,146,132,1) 78%, rgba(40,107,97,1) 100%); border: 1px solid rgba( 0, 0, 0, 0.5 ); border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
|
|
.safety .btn_print::before{ content: ''; display: inline-block;width: 26px;height: 26px;background: url(../images/ico_print.svg) center no-repeat;}
|
|
.safety .btn_print:disabled{ opacity:0.5; cursor: default;}
|
|
.safety .btn_print:hover{ background: url(../images/ico_print.svg) no-repeat center, linear-gradient(180deg, #38746B 0%, #38746B 80%, #1B4B44 100%);}
|
|
|
|
|
|
/* 아라 */
|
|
.safety .tb_container {z-index: 2;}
|
|
.safety_left .tb_top_wrap button[hidden] {display: none;}
|
|
.safety_left .tb_top_wrap button + button {margin-left: 4px;}
|
|
.safety_left .tb_top_wrap .delete_no {height:32px; padding-left: 10px; font-weight: 600; padding-right: 10px; border-radius: 2px; border:1px solid rgba( 0, 0, 0, 0.2 ); background:linear-gradient(180deg, #FFF 0%, #EFEFEF 100%); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);}
|
|
.safety_left .tb_top_wrap .delete_yes {height:32px; padding-left: 10px; font-weight: 600; padding-right: 10px; border-radius: 2px; border:1px solid rgba( 0, 0, 0, 0.2 ); background: #D03200; color: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);}
|
|
|
|
.safety .tb_calendar .on::after,
|
|
.safety .tb_calendar tbody tr td:has(a):hover::after {z-index:1; display: block; content: ''; width: calc(100% - 6px); height: calc(100% - 6px); position: absolute; top:-1px; left:-1px; border: 4px solid red;}
|
|
.safety .tb_calendar tbody tr td {height: 105px; position: relative;}
|
|
.safety .tb_calendar tbody tr td:not(:has(a)):hover {background-color: unset; cursor: default;}
|
|
.safety_left .completion .check {display: flex; width:58px; height:30px; border:1px solid rgba( 0, 0, 0, 0.2 ); border-radius: 3px; background-color:#EFEFEF ; align-items: center; justify-content: space-evenly;}
|
|
|
|
.safety .daily_progress a {gap:0;}
|
|
|
|
.safety_left h4:has(.delete_yes[hidden]) + div .completion .check {justify-content: left; border:none; background: none;}
|
|
h4:has(.delete_yes[hidden]) + div .check input,
|
|
h4:has(.delete_yes[hidden]) + div .check label {display: none;}
|
|
|
|
.safety_left.schedule .tb_wrap table {table-layout: fixed;}
|
|
.safety_left.schedule.content1 .tb_container table tbody tr {position: relative;}
|
|
|
|
.safety_left.schedule.content1 .tb_container table tr:has(td .prcss_in):hover::after {z-index:1; display: block; content: ""; position: absolute; left:0; width:calc(100% - 8px); border:4px solid #FA552E;}
|
|
.safety_left.schedule.content1 .tb_container table tr::after {height: calc(100% - 8px);}
|
|
.safety_left.schedule.content1 .tb_container table tr.row2::after {height:73px;}
|
|
|
|
.safety_left.schedule.content1 .tb_container table tr:has(td .prcss_in):hover .checkbox_in {position: absolute; top:6px; z-index: 3;}
|
|
|
|
.safety_left:has(td:not(:has(.complet)).on) ~ .safety_right button {opacity: 0.5;}
|
|
|
|
/* ----------------------------------- */
|
|
/* .completion.on::after {z-index: -1; display: block; content: ''; width: calc(100% - 6px); height: calc(100% - 6px); position: absolute; top:-1px; left:-1px; border: 4px solid red;} */
|
|
/* .safety_left.schedule.content1 .tb_container .day_gr.on::after {z-index:1; display: block; content: ""; position: absolute; left:0; width:calc(100% - 8px); border:4px solid #FA552E;} */
|
|
.sfmt_list button[hidden] {display: none;}
|
|
.safety_left.schedule .on::after{z-index:1; display: block; content: ""; position: absolute; left:0; width:calc(100% - 8px); border:4px solid #FA552E;}
|