/***************** 홈 *****************/ /* 레이아웃 */ #header {width: 100%; position: fixed;top:0;z-index: 10; height: 0;} #header_menu {} #main_img {} #main_about {} #main_policy {} #main_organization {} #footer {} #login{ background-color: #ebebec; min-width: 100%; height: 100vh;} /* 공통 */ .contents { margin-left:15%;} .container {width: 1200px;margin: 0 auto; position: relative; } .tit_line hr{border-top: 1px solid #dedede; width: 37.5%; float: left;} .tit_line p {width:24%; float: left;font-size: 40px;color: #0a4287;position: relative;bottom: 18px;} .wrap {padding-top: 70px;width: 100%;overflow:hidden; min-height:100vh; box-sizing:border-box;background-color:#f8f9fa;padding-bottom:70px; } .wrap.add_alarm {padding-top: 110px;} /* 관리 nav */ .management_nav {float: left;position: fixed;left: 0;height: 100%;background-color: #072a54;width: 15%;z-index: 10;} .management_nav a {padding-top: 50px ; margin: 0 auto; width: 136px; font-size: 21px; color: #818181; display: block; transition: 0.3s;} .management_nav a:hover, .management_nav a.active { color: #f1f1f1;} .management_nav a i{ padding-right: 10px;} /* 헤더 #header */ .header {height: 70px; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.04);} .header .header_logo {float: left; padding: 15px;} .header .header_logo img.sd{width : 59px;clip: rect(1000px 1500px 1500px 1500px);} .header .header_logo img.mi{width : 124px;clip: rect(1000px 1500px 1500px 1500px); position:relative;top:3px;} .header .header_menu_btn {display: inline-block; position: absolute;top: 6px; right: 0; color: #0a4287; padding: 9px;} .header .header_menu_btn .ico_menu {font-size: 31px;position: relative; right: 3px; top: -1px;} .header .header_menu_btn .txt_menu {font-size: 28px; } /* 홈 바 */ .bar {display: none;} /* 앱 홈 */ .app_home {padding-bottom:0; } .app_home .app_home_greeting{font-size: 27px; line-height: 46px; padding: 22px 0 6px; width: 85%; margin: 0 auto;} .app_home .wrap_apps{padding-top: 5px;padding-bottom:30px;height: auto; overflow: hidden;min-height: calc(100vh - 75px); width: 50%; margin: 0 auto;background-color:#fff} .app_home .wrap_apps .app_list {width: 33.33%; display: inline-block;box-sizing:border-box;float: left;text-align: center;} .app_home .wrap_apps .app_list .app {display: inline-block; padding: 21px;} .app_home .wrap_apps .app_list .app .dot{position:absolute;color:#0a4287;width:6px;height:6px; background-color:#0a4287; border-radius:50%;} .app_home .wrap_apps .app_list .app span {display: block; white-space: nowrap;} .app_home .wrap_apps .app_list .app .app_ico{font-size:28px;width:75px;height:75px;line-height:75px;background-color:#f1f1f1;border-radius:19px;color:#072a54;margin-bottom:5px;} .app_home .wrap_apps .app_list .app .app_txt{font-size: 14px;color:#595959;} .app_home .wrap_apps .app_sep {display:block;width:87%;margin:18px auto;height:1px;background-color:#e9ecef;overflow:hidden;position:relative;top:11px} .app_home .wrap_apps .app_title {width:87%;margin:0 auto;padding: 20px 0 5px 9px;font-size:16px;font-weight:600;} /* 메인사진 #main_img */ .main {background-color : #fff;} .main_img {position: relative; background-image: url(../img/main_img_2026_SD.jpg);height: 100vh; background-size: cover;} .main_img .img_cover {position: absolute; height: 100%; width: 100%; background-color: #00000066; z-index:1;} .main_img img,.main_img .img_cover .mobile_intro {display: none;} .main_img .intro_cover {position: relative;height: 100%; width: 45%; background-color: #03051c80; z-index:1;} .main_img .intro { position: absolute;display: inline-block; top: 40%; right: 10%;color: #ffffff;} .main_img .intro .intro_name { font-size: 100px;} .main_img .intro .intro_txt { font-size: 35px;} .editMainImg{position:relative;bottom:384px;} /* 인사말 #main_about */ .main_about {overflow:hidden;text-align: center; padding-bottom:75px;} .main_about .container { width: 1200px;} .main_about .about_tit { padding-top: 120px;padding-bottom: 100px;} .main_about .about_img {position: relative; width: 40%;height:510px;float: left; } .main_about .about_img .img_cover { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius: 50%; width: 300px;height: 300px; border: 1px solid #d5d5d5;} .main_about .about_img img {margin-top: 4%; width: 92%;height: 92%;border-radius: 50%; } .main_about .about_txt {width: 56%;padding-left:4%;text-align:left;float: left;} .main_about .about_txt.min {width: 600px;padding-left:0;margin: 0 auto;text-align:center;float:none;} .main_about .about_txt.min img.web_img{display:block;width:inherit;} .main_about .about_txt.min img.mobile_img{display:none;} .main_about .about_txt p.mobile_txt {display: none;} .main_about .about_txt p.web_txt {display: block; font-size: 18px; color: #595959; line-height: 55px;} /* 경영방침 #main_policy */ .main_policy { text-align:center; } .main_policy .policy_tit {height: 55px; padding-bottom: 15px;} .main_policy .policy_intro {font-size: 16px;color:#878787; margin-bottom: 80px;} .main_policy .policy_intro.min{margin-bottom:0px;} .main_policy .policy {} .main_policy .policy aside {height: 130px; } .main_policy .policy aside li {font-size: 16px; float: left;width: 24.99%;height: 60px;line-height: 60px;border-bottom: 1px solid rgb(228, 228, 228); background-color: #ffffff;color: #0a4287;border-radius: 3px;} .main_policy .policy aside li.active {transition: all 0.3s;font-size: 19px;background-color: #072a54;color: #ffffff;} .main_policy .policy aside li:hover:not(.active) {background-color: #f0f0f0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .main_policy .policy aside .mobile_policy_list {display: none;} /* MI */ .main_policy .policy .policy_img_min{height:auto; overflow:hidden;padding-bottom:74px;} .main_policy .policy .policy_img_min img{width:600px;} .main_policy .policy .policy_contents {} .main_policy .policy .policy_contents article {display: none;} .main_policy .policy .policy_contents article.active {display: block; transition: all 0.6s;} .main_policy .policy .policy_contents .policy1 {height: 520px;width: 67%; margin: 0 auto;} .main_policy .policy .policy_contents .policy1 li {display: inline-block; margin-bottom: 10px;width: 100%; height: 100px; color: #595959; font-size: 15px; border: 1px solid #e4e4e4;} .main_policy .policy .policy_contents .policy1 .box1 {color: #000; float: left; width: 20%; height: 102px; line-height: 104px; background-color: #e4e4e4;} .main_policy .policy .policy_contents .policy1 .box1 i {margin-right: 15px; font-size: 30px;color: #9d9d9d; position: relative; top: 5px;} .main_policy .policy .policy_contents .policy1 .box2 {float: left; width: 77%; height: 100px; padding-left: 22px; line-height: 30px;} .main_policy .policy .policy_contents .policy1 .box2 span{ display: block;text-align: left;position: relative;top: 8px;} .main_policy .policy .policy_contents .policy1 .policy1_txt {width: 300px;margin-bottom:20px;text-align: left;} .main_policy .policy .policy_contents .policy1 .policy1_txt span {display: inline-block;color: #072a54; font-size: 25px; padding-bottom: 5px;} .main_policy .policy .policy_contents .policy1 .policy1_txt i {font-size: 15px;padding-right: 10px;position: relative; bottom: 3px;} .main_policy .policy .policy_contents .policy2 {height: 600px;width: 800px; margin: 0 auto;} .main_policy .policy .policy_contents .policy2 img {width: 400px; height: auto;} .main_policy .policy .policy_contents .policy2 .policy2_txt {text-align: left; width: 280px;} .main_policy .policy .policy_contents .policy2 .policy2_txt span {display: inline-block;} .main_policy .policy .policy_contents .policy2 .policy2_txt span:nth-child(1){color: #072a54; font-size: 25px; padding-bottom: 5px;} .main_policy .policy .policy_contents .policy2 .policy2_txt i {font-size: 15px;padding-right: 10px;position: relative; bottom: 3px;} .main_policy .policy .policy_contents .policy2 .policy2_txt span:nth-child(2){ font-size: 17px; color: #878787;} .main_policy .policy .policy_contents .policy3 {} .main_policy .policy .policy_contents .policy4 {height: 420px;width: 800px; margin: 0 auto;} .main_policy .policy .policy_contents .policy4 li {text-align: center; float: left;width: 32%; height: 80px; color: #595959; font-size: 15px;margin-right: 10px;} .main_policy .policy .policy_contents .policy4 .box1 {font-size: 16px; color: #000; line-height: 65px; background-color: #e4e4e4;} .main_policy .policy .policy_contents .policy4 .box2 {font-size: 14px;height: 170px; padding:0 16px; line-height: 30px; border: 1px solid #e4e4e4;} .main_policy .policy .policy_contents .policy4 .box2 span{ display: block;position: relative;top: 10px;} .main_policy .policy .policy_contents .policy4 .policy4_txt {width: 300px;margin-bottom:20px;} .main_policy .policy .policy_contents .policy4 .policy4_txt span {display: inline-block;color: #072a54; font-size: 25px; padding-bottom: 5px;} .main_policy .policy .policy_contents .policy4 .policy4_txt i {font-size: 15px;padding-right: 10px;position: relative; bottom: 3px;} .main_policy .policy .policy_contents .policy5 {height: 680px;width: 630px; margin: 0 auto;} .main_policy .policy .policy_contents .policy5 ul { width: 580px; height: 535px; margin: 0 auto; padding-top: 10px;} .main_policy .policy .policy_contents .policy5 li {text-align: center; float: left;width: 42%; height: 185px; border: 1px solid #e4e4e4;color: #595959; font-size: 15px;margin-bottom:60px;} .main_policy .policy .policy_contents .policy5 li:nth-child(2n) {margin-left:60px;} .main_policy .policy .policy_contents .policy5 .box1 {font-size: 16px; color: #000; line-height: 40px; padding: 17px 0 20px 0;} .main_policy .policy .policy_contents .policy5 .box1 span{border-bottom: 4px solid hsla(213, 57%, 71%, 0.769);padding-bottom: 6px;} .main_policy .policy .policy_contents .policy5 .box2 {font-size: 14px;height: 140px; padding:0 16px; line-height: 30px; } .main_policy .policy .policy_contents .policy5 .box2 span{ display: block;} .main_policy .policy .policy_contents .policy5 .policy5_ico_center{font-size: 170px; color: hsla(213, 57%, 71%, 0.159); position: relative; bottom: 451px; right: 15px;} .main_policy .policy .policy_contents .policy5 .policy5_txt {text-align: left;width: 300px;margin-bottom:20px;} .main_policy .policy .policy_contents .policy5 .policy5_txt span {display: inline-block;color: #072a54; font-size: 25px; padding-bottom: 5px;} .main_policy .policy .policy_contents .policy5 .policy5_txt i {font-size: 15px;padding-right: 10px;position: relative; bottom: 3px;} /* 조직도 #main_organization */ .main_organization {text-align: center;} .main_organization .organization_tit {height: 55px; padding-bottom: 5px;} .main_organization .organization_intro {font-size: 16px;color:#878787; margin-bottom: 80px;} .main_organization .organization_contents {width: 1000px;margin: 0 auto;} .main_organization .organization_contents ul {width: 1000px; /* 사진 임시 제거 */ /* height: 400px; */ height: 235px; } .main_organization .organization_contents ul li{float:left;} .main_organization .organization_contents ul.four li {width: 25%;} .main_organization .organization_contents ul.three li {width: 33.3333%;} .main_organization .organization_contents ul.five li {width: 20%;} .main_organization .organization_contents ul li div{width: 60%; margin: 0 auto;} .main_organization .organization_contents ul li .box1{ /* 사진 임시 제거 */ display:none; background-color: rgb(114, 114, 114); height: 240px;} .main_organization .organization_contents ul li .box2{ line-height: 25px;padding: 18px 0 12px 0; border-bottom: 2px solid #0e3a71;} .main_organization .organization_contents ul li .box2 .name {font-size: 20px; color: #6f6f6f; font-weight: 700; letter-spacing: 9px;} .main_organization .organization_contents ul li .box2 .rank {font-size: 15px; color: #0e3a71; padding-top: 5px;} .main_organization .organization_contents .team_name {font-size: 20px; padding-bottom: 40px; color: #0e3a71;font-weight: 500; } /* 푸터 #footer */ .footer {height: 100px; background-color: #072a54;color:#fff;text-align:center;line-height:100px;font-size:15px;} /***************** 팝업 *****************/ /* The Modal (background) */ .layer { position: fixed; z-index: 10;left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); } /* Modal Content */ .layer .layer_pop {overflow: hidden; position: absolute; top: 50%;margin-top:-281px;left: 50%; transform: translateX(-50%); width: 444px;background-color: #fefefe; border-radius: 9px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);border: 1px solid #fff; padding: 30px 20px; } .layer .layer_pop .pop_form .layer_head {padding: 0 15px;} .layer .layer_pop .pop_form .layer_head .layer_tit { line-height : 50px; font-size:25px;color:#000;text-align:center;} .layer .layer_pop .pop_form .layer_head .btn_close {position: absolute; top:14px; right:15px;font-size:19px;color:#595959; } .layer .layer_pop .pop_form .layer_head .layer_info {text-align:center;font-size:17px;padding-top:10px;color:#369;} .layer .layer_pop .pop_form .layer_body {padding: 0 15px;} .layer .layer_pop .pop_form .layer_body input {display:block;width:100%;padding:10px;box-sizing:border-box;margin:23px 0;border:1px solid#8c8c8c;border-radius:6px;font-size:15px;} .layer .layer_pop .pop_form .layer_foot {padding: 0 15px;text-align: center;} .layer .layer_pop .pop_form .layer_foot .btn_submit {color:#fff;font-size:18px;width:100%;padding:15px;border-radius:6px;background:linear-gradient(90deg,#0b68a2 0,#53bdba 100%);cursor: pointer;} /***************************************/ /***************** 나의 정보 *****************/ #my_page { width: 100%; background-color: #f8f9fa;padding-bottom:47px;} /* background-color: #ebebec; */ .my_head {width: 100%; height: 90px; line-height: 100px; letter-spacing: 2px; overflow: hidden;} .my_head p{ font-size: 25px; color: #8c8c8c; padding-left: 5px;} .my_profile {background-color: #fff; width: 100%; overflow:hidden; border-radius: 4px; border: 1px solid #e9ecef;} .my_profile.cms_detail { height: 650px;} .my_profile .profile_title {font-size: 16px; color: #0a4287; line-height: 60px; display: inline-block; width: 100%;} .my_profile .profile_title p {width: 90%; margin: 0 auto; border-bottom :1px solid #eeeeee; padding-left:30px; font-weight: 800; margin-top:5px;} .my_profile .profile_img {float: left; width: 25%; } .my_profile .profile_img .center {color: #eeeeee; font-size: 110px; position: relative; left: 50%; transform: translateX(-50%); top : 40px;} /* 비밀번호 초기화 */ .my_profile .profile_img .resetPw{color:#6f94c1;font-size:14px;cursor:pointer;display:block;top:64px;} .my_profile .profile_contents{ float: left; width: 75%;} .my_profile .profile_list li {color: #aaa; margin: 30px 0; height:auto; overflow:hidden;} .my_profile .profile_list li label {display: block;height: 30px;font-size: 14px;font-weight:600; padding-left: 5px;} .my_profile .profile_list li input { color: #656565; border-radius: 3px; border: 1px solid #e8e8e8; padding:5px 5px 5px 10px;width: 150px; } .my_profile .profile_list li input::placeholder{color: #9f9f9f; font-size:13px;} /* .my_profile .profile_list li:last-child input{width: 400px; } */ .my_profile .profile_list li .list_set span:not(:nth-child(3)) {float: left;} .my_profile .profile_list li .list_set span{display: inline-block; margin-right: 20px;} .my_profile .profile_list li .list_set .btn_save{width: 100%; margin: 20px 0 40px 0; } .my_profile .profile_list li .list_set .btn_save button {padding: 8px 40px;border-radius: 5px; background-color: #6f94c1; color: #fff;} .my_profile .profile_list li .address{clear:both;} .my_profile .profile_list li .address textarea { color: #656565; border-radius: 3px; border: 1px solid #e8e8e8; padding:5px 5px 5px 10px;width: 528px; } /* 사원추가 */ .my_profile .profile_list li .list_set .addMem_sel{color: #656565;border: 1px solid #e8e8e8;width: 162px;height: 31px;background-color: #fff;} .my_profile .profile_list li.btns{text-align:right;padding-right:71px;} .my_profile .profile_list li.btns button{background-color:#fff;font-weight:700;cursor:pointer;color:#757575;padding:12px;font-size:17px;} .my_profile .profile_list li.btns button.skyblue{color:#7e97bd;} .my_profile .profile_list li.btns button.blue{color:#0a4287;} .my_profile .profile_list .change_pw {font-weight: 700;width: 90%; font-size: 15px; color: #6f94c1; border-top: 1px solid #eeeeee; padding-top: 15px;} .my_profile .profile_list .count{margin-bottom: 15px; font-size: 15px;font-weight: 600; color: #656565;} .pay_slip {margin-top: 20px ; background-color: #fff;border-radius: 4px; border: 1px solid #e9ecef;} .pay_slip .pay_slip_title {font-size: 16px; color: #8a8989;line-height: 60px; display: inline-block; width: 100%; } .pay_slip .pay_slip_title p {margin: 0 auto;width: 90%; font-weight: 800; position: relative;} .pay_slip .pay_slip_title p i { position: absolute; right: 0; top:50%; transform: translateY(-50%); } .pay_slip .pay_slip_title p.red {color:#a01f22;} /***************** 급여명세서 *****************/ #payslip{background-color:#f2f2f2;} /* .payslip_nav{float: left;position: fixed;left: 0;height: 100%;background-color: #072a54;width: 15%;z-index: 10;transition: 0.5s;} */ .payslip_contents {margin-left:15%;} .payslip_contents .payslip_form {background-color:#ffffff; max-width:500px; border-radius: 3px; box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);margin: 0 auto; margin-top: 50px; } .payslip_contents .payslip_form .contents_name{font-size:30px; text-align:center; padding:20px 0 4px 0; font-weight:600; color:#797979;} .payslip_contents .payslip_form .my_info{overflow:hidden;height:auto;border-bottom: solid 1px #d4d4d4;padding:10px 0 ;} .payslip_contents .payslip_form .my_info li{width:50%; float:left;text-align:center;padding:4px 0;font-size:15px;} .payslip_contents .payslip_form .my_info li span{width:32%;text-align:left;display:inline-block;} .payslip_contents .payslip_form .my_info li span:nth-child(1) {color:#072a54;font-weight:500;padding-left:39px;} .payslip_contents .payslip_form .my_info li span:nth-child(2) {color:#6f6f6f;} /* 월보명세서 */ .payslip_contents .payslip_form .monthly {box-sizing:border-box;width:100%;margin:0 auto;height:auto; overflow:hidden;border-bottom: solid 1px #d4d4d4;} .payslip_contents .payslip_form .monthly li{box-sizing:border-box;float:left;width:20%;padding: 5px 0;} .payslip_contents .payslip_form .monthly li:not(:nth-child(5n)) {border-right:1px solid #f8f8f8;} .payslip_contents .payslip_form .monthly li:not(:nth-child(n+31)){border-bottom:1px solid #f8f8f8;} .payslip_contents .payslip_form .monthly p{text-align:center; font-size:14px;} .payslip_contents .payslip_form .monthly p:nth-child(1){display:inline-block;padding: 0 3px;color:#616161;} .payslip_contents .payslip_form .monthly p:nth-child(2){padding:10px 0 7px 0;color:#072a54;font-size:15px;} .payslip_contents .payslip_form .monthly p.red{color:#c10000;} /* 월보명세서 - 월보확인 */ .payslip_contents .payslip_form .signature{height:150px;text-align:center;} .payslip_contents .payslip_form .signature .title{font-size:17px; text-align:center; padding:20px 0 4px 0; color:#797979;} .payslip_contents .payslip_form .signature .title.OK{color:#369;font-weight:bold;} .payslip_contents .payslip_form .signature .title.NG{color:#C10000;} .payslip_contents .payslip_form .signature .btns{margin-top:15px;} .payslip_contents .payslip_form .signature .btns button{font-size:13px;padding:15px; width: 150px;background-color:#ffffff ;border:1px solid #e8e8e8; color:#696969;} .payslip_contents .payslip_form .signature .btns button.OK:hover, .payslip_contents .payslip_form .signature .btns button.OK.active{color:#369;border-color:#369;font-weight:bold;} .payslip_contents .payslip_form .signature .btns button.NG:hover, .payslip_contents .payslip_form .signature .btns button.NG.active{color:#C10000;border-color:#C10000;font-weight:bold;} /* 급여명세서 */ .payslip_contents .payslip_form .pay_deduction{height:auto; overflow:hidden;border-bottom: solid 1px #d4d4d4;width:100%;padding-top:2px;} .payslip_contents .payslip_form .pay_deduction li{width:70%;padding:0 15%;float:left;font-size:15px;color:#6f6f6f;} .payslip_contents .payslip_form .pay_deduction li span:nth-child(1){float:left;} .payslip_contents .payslip_form .pay_deduction li span:nth-child(2){float:right;} .payslip_contents .payslip_form .pay_deduction li.title{padding:10px 9% 5px; font-size:18px; color:#072a54;} .payslip_contents .payslip_form .pay_deduction li.title i{font-size:1px;position:relative;bottom:3px;padding-right:3px;} .payslip_contents .payslip_form .pay_deduction li.last {font-size:17px;background-color:#e8e8e8;padding-top:5px; padding-bottom:2px;} .payslip_contents .payslip_form .pay_deduction li.last.blue{color:#072a54;background-color:#d6d6d6;font-weight:600;} /* 급여명세서 - 급여계산방법 */ .payslip_contents .payslip_form .pay_info{height:auto; overflow:hidden;border-bottom: solid 1px #d4d4d4;width:100%;padding-top:6px;padding-bottom: 15px} .payslip_contents .payslip_form .pay_info li{width:100%;padding:2px 5%;float:left;font-size:15px;color:#6f6f6f;} .payslip_contents .payslip_form .pay_info li.title{padding:10px 4% 5px; font-size:16px; color:#212529;font-weight: 400; text-decoration: underline;} .payslip_contents .payslip_form .pay_info li.title .fa{padding-right: 3px;} .payslip_contents .payslip_form .pay_info p{padding:10px 4% 5px; font-size:18px; color:#072a54;} /* 급여관리 */ #uploadPayslip{background-color:#f8f9fa;} #uploadPayslip .webOnly{display:none;} /* .approval 아래와 같은 형식 */ .uploadPayslip{border: 1px solid #e9ecef; border-radius: 5px; width: 70%; background-color:#fff; margin: 0 auto; margin-top: 50px; overflow: hidden;} #uploadPayslip .uploadPayslip p.uploadPayslip_title {line-height: 50px; font-size: 25px; padding: 21px 0 15px 38px; color: #595959; border-bottom: 1px solid #ececec;} #uploadPayslip .uploadPayslip p.uploadPayslip_title i{padding-right: 10px; color: #0a4287;} .uploadPayslip .payslip_form{height:400px;} .uploadPayslip .payslip_form .upload_btn{width:50%;float:left;box-sizing:border-box;height:400px;text-align:center; line-height:400px;} .uploadPayslip .payslip_form .upload_btn label {cursor: pointer;border: 2px solid #e6e6e6;box-sizing: border-box;display: inline-block;color: #6f94c1;height: 180px;padding: 50px 0; margin: 100px 0; width: 200px;font-size: 35px;line-height: 40px; border-radius: .1em; -webkit-transition: border 0.3s; transition: border 0.3s;} .uploadPayslip .payslip_form .upload_btn label i{width:100%;} .uploadPayslip .payslip_form .upload_btn label:hover { border: 2px solid #6da2c1;} .uploadPayslip .payslip_form .upload_btn label span{font-size:13px;width:100%;} .uploadPayslip .payslip_form .upload_btn input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .uploadPayslip .payslip_form .options{height:100%;float:left;width:50%;border-left:1px solid #ececec;box-sizing:border-box;} .uploadPayslip .payslip_form .options ul{cursor:pointer;margin:60px auto;width:230px;height:280px;} /*.uploadPayslip .payslip_form .options ul li:nth-child(1){height:75px;}*/ .uploadPayslip .payslip_form .options ul li{position:relative;color:#797979;font-weight:600;} .uploadPayslip .payslip_form .options ul li span{box-sizing:border-box;width:50%;float:left;text-align:center;padding:27px 0; background-color:#fff;border-radius:3px;border:1px solid #f2f2f2;} .uploadPayslip .payslip_form .options ul li span.active{background-color:#6f94c1;color:#fff;} .uploadPayslip .payslip_form .options ul li select{font-size:15px;color:#696969;width:100%;height:60px;padding-left:38%; background-color:#fff;border:1px solid #f2f2f2; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .uploadPayslip .payslip_form .options ul li select.month{padding-left:44%;} .uploadPayslip .payslip_form .options ul li i{position:absolute;top:23px;right:18px;} .uploadPayslip .payslip_form .options ul li button{cursor:pointer;width:100%;height:60px;border:1px solid #f2f2f2;color:#6f94c1;font-size:15px;font-weight:600;-webkit-transition: border 0.3s; transition: border 0.3s;} .uploadPayslip .payslip_form .options ul li button:hover{ border: 2px solid #6da2c1;} /* 월보 확인 목록 */ .monthlySignList{ border: 1px solid #e9ecef; border-radius: 5px; width: 70%; background-color:#fff; margin: 0 auto; overflow: hidden;} .monthlySignList .top{ border-bottom: 1px solid #cecece;height:auto;overflow:hidden; } .monthlySignList .top p.list_title{box-sizing:border-box;width:70%;float:left;line-height: 50px; font-size: 25px; padding: 21px 0 15px 38px; color: #595959;} .monthlySignList .top p.list_title i{padding-right: 10px; color: #0a4287;} .monthlySignList .top span.select_year{text-align:center;position:relative;width:30%;float:left;box-sizing:border-box;height:100%;display:block;} .monthlySignList .top span.select_year select{position:absolute;top: 32px; right: 100px;font-size:17px;color:#696969;background-color:#fff; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;} .monthlySignList .top span.select_year i{position:absolute;top:33px;right:66px;z-index:1;font-size:17px;} .monthlySignList .chart{position: relative;width: 100%;height:auto;overflow:hidden;} .monthlySignList .chart .chart_ul{height:auto;overflow:hidden;} .monthlySignList .chart .chart_ul ul{float:left;width:7.14%;} .monthlySignList .chart .chart_ul ul li{padding:4px 0 2px 0;text-align:center;font-size:15px;min-height:23px;color:#6b6b6b;border-bottom:1px solid #f7f7f7;border-right:1px solid #f7f7f7;} .monthlySignList .chart .chart_ul ul li.head{padding: 10px 0;font-size: 16px;} .monthlySignList .chart .chart_ul ul li.NG{color:#C10000;} .monthlySignList .chart .chart_ul ul li.OK{color:#369;} .monthlySignList .chart .chart_ul .ul_month.active{background-color:#7094c121;} .monthlySignList .chart .chart_ul li.active:not(.head){background-color:#7094c121;} /* 고정 기능 */ .pinned-notice { background: linear-gradient(135deg, #f0f4ff 0%, #e8f1ff 100%) !important; position: relative; font-weight: 600 !important; } .pinned-notice td:first-child { position: relative; } .pinned-notice td:first-child::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #0a4287; z-index: 1; } .pinned-notice .title { color: #072a54 !important; font-weight: 600 !important; } .pinned-notice:hover { background: linear-gradient(135deg, #e0ebff 0%, #d4e6ff 100%) !important; transition: all 0.3s ease; } /* 일반 공지 호버 효과 */ .noticeDetail:not(.pinned-notice):hover { background-color: #f5f5f5; transition: all 0.3s ease; } /* 테이블 전체 스타일 개선 */ .table table tr { transition: all 0.3s ease; } .table table td { vertical-align: middle; padding: 12px 8px; } /* 테이블 스크롤 스타일 */ .table { margin-bottom: 0; background-color: #ffffff} .table table { margin-bottom: 0; } .table table thead th { position: sticky; top: 0; z-index: 15; background-color: #fff; border-bottom: 2px solid #dee2e6; } /* 스크롤바 스타일링 */ .table::-webkit-scrollbar { width: 8px; } .table::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .table::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; } /***************** 근태 관리 *****************/ #attendance {} #board {background-color:#f8f9fa;} /* 반려버튼 클릭시 overlay 적용!!!!!!! */ .overlay{ background-color: #3e3e3e;} #attendance.overlay{ background-color: #3e3e3e;} /***************** 근태 신청서 *****************/ .application{border: 1px solid #e9ecef; border-radius: 3px; width: 40%; background-color:#fff; margin: 0 auto; margin-top: 55px;padding-bottom:15px;max-width:600px;} .application ul {width: 90%;height: 100%; padding-top: 14px;margin: 0 auto; padding-left: 10px;} .application ul p {color: #595959; font-size: 22px; font-weight: 700; margin-bottom: 15px;} .application ul li {width: 100%; margin-bottom: 20px;clear:both;height:auto;overflow:hidden;} .application ul li div {width: 100%; } .application ul li>span{display: inline-block; width: 49%; } .application ul li label {display: block; color: #676767; padding:0 0 5px 3px; font-size: 16px;} .application ul li label.disabled {color: #b6b6b6;} .application ul li input[type=text] {font-size:16px; color: #878787; height: 30px; border-radius: 3px; border:1px solid #878787;width:90% ; padding-left: 10px;} .application ul li.datepicker input::placeholder {font-size: 16px; color: #0a4287;} .application ul li .approval_line{box-sizing: border-box;padding: 10px; width: 97%; border:1px solid #878787; border-radius: 3px;} .application ul li .approval_line p {font-size: 16px; color: #878787; font-weight: 400;} .application ul li .approval_line p i { padding-right: 5px;} .application ul li .approval_line p.fail_reason{font-size:13px;color: #6f0505; } .application ul li .approval_line p span {font-size: 13px;color: #072a54;position:relative; bottom:1px} .application ul li .approval_line p span.success { color: #2f6733;font-size: 14px;} .application ul li .approval_line p span.fail, span.need { color: #6f0505;font-size: 14px;} .application ul li .approval_line p span.need { color: #6f0505;font-size: 14px;} .application ul li .approval_line p span i { padding: 0 0 0 5px; } .application ul li select {font-size: 16px;padding-left: 3px; width: 97%;height: 35px; background-color:#fff; border-radius: 3px;border: 1px solid #878787;color: #878787;} .application ul li:not(.approval_detail) select:disabled {color: #b6b6b6;border:1px solid #cbcbcb;} .application ul li textarea {font-size: 16px; color: #656565; border-radius: 3px; border: 1px solid #878787; padding:5px 5px 5px 10px;width: 91%;} .application ul li textarea::placeholder{font-size: 13px; color: #9d9d9d;} .application ul li.selectable label{ color:#0a4287;font-weight: 700;font-size:16px; } .application ul li.selectable select{ border: 1px solid #0a4287; color: #0a4287;} .application ul li.selectable input[type=text]{ border: 1px solid #0a4287; color: #0a4287;} .application ul li .time select{ width: 22%; margin-top: 5px;} .application ul li .outing span {width: 15px; text-align: center;} .application ul li button.app_submit {cursor:pointer;display: inline-block;font-size: 15px; width: 97%; background-color: #072a54; color: #fff; border-radius: 3px; padding: 15px 0;} .application ul li .btns {width: 100%;} .application ul li .btns button {width: 48%;} .application ul li .btns button.return {background-color: #878787;} /* 반려 사유 */ .application.overlay {opacity: 0.3;} .reason_return {display: none; border-radius: 5px; background-color: #fff; width: 300px; height: 300px; position: absolute; top:55%; left: 50%; transform: translate(-50%,-50%);} .reason_return p {letter-spacing: 3px; font-size: 16px; border-radius: 5px 5px 0 0; color: #fff;display: inline-block; text-align: center ;line-height: 50px; width: 100%;background-color:#617388} .reason_return label {display: inline-block; padding: 15px 0 0 15px; color: #676767; font-size: 14px;} .reason_return label i {padding-right: 8px;} .reason_return textarea { width: 90%; margin: 10px 14px 4px 14px; height: 140px;} .reason_return .btns {width: 90%; margin: 0 auto; display: block; text-align: center;} .reason_return button { padding: 10px 46px; margin: 0 4px; background-color: #9d9d9d; color: #fff;border-radius: 5px;} /**********************************************/ /***************** 민원 신청서 *****************/ #civil .application ul li .checkbox .title{display: block; color: #676767; padding:0 0 5px 3px; font-size: 16px;} #civil .application ul li.selectable .checkbox .title{ color:#0a4287;font-weight: 700;font-size:16px; } #civil .application ul li.info{position: relative;bottom: 10px;margin-bottom: 0px;text-align: right;color:#5074a5;right:10px;} #civil .application ul li .checkbox{position: relative;width:100%;} #civil .application ul li .checkbox label{margin-bottom:10px;} #civil .application ul li .checkbox input[type=checkbox] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0} #civil .application ul li .checkbox input[type=checkbox]+.check_text{color:#6a6a6a;font-weight:600;padding-left: 6px; box-sizing: border-box;font-size:15px; width:48%;display: inline-block;position: relative;cusor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #civil .application ul li .checkbox input[type=checkbox]+.check_text:before{content: ' ';display: inline-block;width: 18px;height: 18px;line-height: 18px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: #fafafa;border: 1px solid #cacece;border-radius: 3px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} #civil .application ul li .checkbox input[type=checkbox]+.check_text:active:before, #civil .application ul li .checkbox input[type=checkbox]:checked+.check_text:active:before {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} #civil .application ul li .checkbox input[type=checkbox]:checked +.check_text:before {content: '\2713';color: #314ca2;text-shadow: 1px 1px white;border-color: #adb8c0;font-size:31px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} #civil .application ul li .checkbox_document{float:left;position: relative;width:70%;} #civil .application ul li .checkbox_document input[type=checkbox]+.check_text{padding-bottom:10px;display: block;min-width: 180px;} #civil .application ul li .document_count{width:30%;} #civil .application ul li .document_count input[type=number]{background-color:#fff;margin-bottom:20px;height:21px;width:50px;display:block;border: none; border-bottom: 1px solid #6a6a6a; text-align: center;width:37px;} #civil .application ul li button.app_cancel{cursor:pointer;display: inline-block;font-size: 15px; width: 70px; background-color: #fff; color: #6f0505; border-radius: 3px; padding: 15px 0; float:right; margin-right:20px} /**********************************************/ /***************** 민원 목록 *****************/ #civilList .contents_list .list table td.title{max-width:142px;} /**********************************************/ /* myAttendanceDetail 목록, 삭제 버튼 */ .application ul li.att_btn{height:auto;overflow:hidden;margin-bottom:7px;} .application ul li.att_btn button {float:left;width:50%;padding:8px 0;background-color: #ffffff;color: #878787;position: relative;font-size:16px; font-weight:700;} .application ul li.att_btn button.red{color:#a01f22;} /***************** 결재 현황 + admin 결재하기 *****************/ .contents_list{height:auto; border-radius: 5px; width: 90%; border: 1px solid #e9ecef; background-color:#fff; margin: 0 auto; margin-top: 70px; overflow: hidden;} /*max-width: 1200px;*/ .contents_list p.no_list{text-align: center; border: none;font-size: 15px;color: #777;padding: 68px;} .contents_list .no_list button{display: none;} .contents_list .list {position: relative;width: 80%; float: left;} .contents_list .list_title {line-height: 50px; font-size: 28px; padding: 21px 0 15px 38px; color: #595959; border-bottom: 1px solid #e9ecef; background-color: #ffffff} .contents_list .list_title button{padding: 0;line-height: 1.5;border: 0;margin: 0;outline: 0;float: right;position: relative;right: 8px;top: 8px;font-size: 25px;background-color: #fff;font-weight:600;padding-right:34px;} .contents_list .list_title button span:not(.category){font-weight:600;font-size: 16px;position: relative; bottom:4px;} .contents_list .list_title button span.category{font-size: 22px; color:#6a6a6a;position:relative; bottom:1px;} .contents_list .list_title button i.btn_ico{position:relative; left:4px;bottom:3px;font-size:16px; } .contents_list .list_title .btn_add{color: #0a4287;} .contents_list .list_title .btn_edit{color: #717171;} .contents_list .list_title .btn_edit i.btn_ico{color: #717171;} .contents_list .list_title i{padding-right: 10px; color: #0a4287;} .contents_list .list .table{height:449px;} .contents_list .list table{border-collapse: collapse; width: 100%;} .contents_list .list table th { padding: 10px 0;border-bottom: 1px solid #e9ecef;text-align: center; font-size: 15px; color: #8c8c8c; white-space: nowrap;} .contents_list .list table tr{border-bottom: 1px solid #ececec;} .contents_list .list table tr.admin td:not(.td){display:none;}/* td 하나 더 나오는 현상 때문에 임시 추가 */ .contents_list .list table td { padding: 10px 3px 10px 0px;text-align: center; color: #8c8c8c;min-width:32px;max-width:50px; white-space: nowrap;} .contents_list .list table tr:not(.admin) td.success {color: #072a54;} .contents_list .list table tr:not(.admin) td.fail{color: #6f0505;} .contents_list .list table tr:not(.admin) td.ing{color: #469c25;} .contents_list .list table td.need{color: #6f0505;} .contents_list .list table tr:not(:nth-child(1)):hover {background-color:#f5f5f5;} .contents_list .list table th .mobile{display: none;} .contents_list .filters {overflow:hidden;width: 20%; box-sizing:border-box;height: 531px; float: left; border-left:1px solid #e9ecef; background-color: #f6f6f9;} .contents_list .filters .searchByText{width: 93%; border-radius: 5px;border-style: none;border: 1px solid #d7d7d7;height: 29px; padding-left:10px;} .contents_list .filters .searchByText::placeholder{ color:#b5b5b5;} .contents_list .filters .searchByDate{width: 40%; border-radius: 5px;border-style: none;border: 1px solid #d7d7d7;height: 29px; padding-left:10px;} .contents_list .filters button { color: #fff;background-color: #0a4287;padding: 9px 36px;border-radius: 5px;margin-top: 18px;margin-right: 12px;float: right;} .contents_list .filters p{font-size: 13px; padding:3px 0 0 25px; width:100%;float: left;font-size: 15px; color: #737373; line-height: 39px;border-bottom: 1px solid #e9ecef;position:relative;} .contents_list .filters p i{padding-right: 6px;color: #0a4287;} .contents_list .filters ul {margin-top: 47px;} .contents_list .filters ul li {padding: 20px 20px 0 20px;} .contents_list .filters ul li label{display: block; color: #8c8c8c; padding:0 0 10px 3px;} .contents_list .filters ul li select {box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.112); border: 1px solid #d7d7d7;color: #6a6a6a; padding-left: 3px; width: 97%;height: 35px; background-color:#f6f6f9; border-radius: 3px;} /************ 게시판 목록 ***********/ .board {position:relative;height:auto; border : 1px solid #e9ecef; border-radius: 0 !important; width: 90%; background-color:#f6f6f9; margin: 0 auto; margin-top: 50px; overflow: hidden;} .board p{line-height: 50px; font-size: 28px; padding: 21px 0 15px 38px; color: #595959; border-bottom: 1px solid #ececec; line-height: 65px;position:relative; background-color: #ffffff} .board p i{padding-right: 10px; color: #0a4287;} .board .filters{height: 100%;} .board .filters p{ padding: 21px 0 15px 24px; color: #595959; border-bottom: 1px solid #ececec;line-height: 29px;position:relative; background-color: #f6f6f9;} .board .filters ul{margin-top:65px;} /* 조회 목록 */ .board .viewed_list{position: absolute;z-index: 1;top: 72px;width: 151px;border-radius: 3px;right: 112px;padding-bottom:5px;display: inline-block;border:1px solid #ebebec;background-color: #ffffff;} .board .viewed_list .title{height:30px;line-height:30px;text-align:center;display:block;border-bottom:1px solid #ebebec;font-size:15px;background-color:#8c8c8c;color:#fff;border-radius:3px;} .board .viewed_list .list {max-height:250px; overflow:auto;padding-left:10px;padding-top:5px; } .board .viewed_list .list ul{padding-top:7px;} .board .viewed_list .list ul li{color:#5d5d5d;font-size:15px;} .board .viewed_list .list ul li:not(:nth-child(1)){color:#757575;font-size:14px;padding-left:41px;} .board .viewed_list .list ul li .fa-angle-down {font-size:15px;position:relative;float:right; right:6px;} .contents_list.board th:nth-child(2){text-align: left;padding-left: 30px;} .contents_list.board td:nth-child(2){text-align: left;padding-left: 20px;color: #1f1f1f;} .contents_list.board td {position:relative} .contents_list.board td .dot{position:absolute;top:14px;left:34%;color:#0a4287;width:5px;height:5px; background-color:#0a4287; border-radius:50%;} .contents_list.board tr{height: 65px;} .contents_list.board .list{height: auto; background-color: #ffffff;} .contents_list.board .list table{font-size:15px;} .contents_list.board .list .table{height:716px;} /* .contents_list.board ul {margin-top: 65px;}*/ .contents_list.board p span.category{font-size:23px;position:relative;bottom:1px;} /********* 게시판 상세, 작성 *********/ .board_detail .board_contents {width:100%;} .board_detail .board_contents .top{height: 124px; border-bottom: 1px solid #ececec;line-height: 124px;} .board_detail .board_contents .top .title {width: 85%;font-size: 26px; color: #3e3e3e; text-align: left; box-sizing:border-box; padding-left: 6%;font-weight: 600;float: left;} .board_detail .board_contents .top .title input{width: 77%; height: 52px;font-size: 26px; padding-left: 10px;border-style:none;} .board_detail .board_contents .top .title .info_cate{vertical-align:middle;width: 30%;height: 56px;padding-right:25px;} .board_detail .board_contents .top .title .info_cate select {font-weight: 600;color:#757575;background-color:#fff;width:113px; height:50px;padding:0px 10px; border: 1px solid #c7c7c7;font-size:16px;} /* 문서번호 - 상세 */ .board_detail .board_contents .top .title .doc_num{color:#6a6a6a;vertical-align:middle;width: 22%;height: 56px;padding-right:150px; right:-18%; position:absolute; top:-113px;font-size:19px; } .board_detail.manage .board_contents .top .title .doc_num{right:0;width:200px;} .board_detail.manage .board_contents .top .title .doc_num .hits{float:right; padding-left:5px;} .board_detail.manage .board_contents .top .title .doc_num .hits .fa-user{padding-right:5px; } /* 문서번호 - 작성 */ .board_detail .notice_info {z-index:1;display: inline-block; position: absolute;right: 40px;top: 10px;} .board_detail .notice_info .info{height:29px; margin:26px 0;float:left;padding-left:13px; box-sizing:border-box;} .board_detail .notice_info .info input{font-weight:600; height: 24px; width: 176px; border: none;margin-top: 3px;font-size: 15px; text-align: center;} /* 날짜 */ .board_detail .board_contents .top .date{width:15%;display:inline-block;} .board_detail .board_contents .top .date input{border:none;font-size: 16px; color: #6a6a6a; font-weight: normal;padding-left:30px;} /* 사진 부분 */ .board_detail .board_contents .notice_contents {width:inherit;margin-bottom:34px;} .board_detail .board_contents .txt{position: relative;width: 100%;text-align: center; height:auto; margin-bottom:32px; } .board_detail .board_contents .txt img{max-width: 670px;display:block; margin:0 auto;margin-top: 40px;} .board_detail .board_contents .txt .btn_delete{ position:absolute; top:0;right:16%;font-size:28px; color:#757575;} .board_detail .board_contents .txt .btn_delete:hover {color:#ca2734;transition:0.5s;} .board_detail .board_contents .txt .content {font-size:18px; padding-top: 20px;} .board_detail .board_contents .txt .content input{height: 36px; font-size: 18px; width: 300px;padding-left: 5px;} /* 사진 선택 버튼 */ .board_detail .board_contents .txt .filebox {padding:100px 0 ;} .board_detail .board_contents .txt .filebox label { display: inline-block; padding: 1.5em 1.9em; color: #9e9e9e; font-size: 35px; line-height: normal; vertical-align: middle; background-color: #fff; cursor: pointer; border: 2px solid #9e9e9e; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;} .board_detail .board_contents .txt .filebox label:hover { background-color: #0a4287; color:#fff; border: 2px solid #0a4287;} .board_detail .board_contents .txt .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} /* 수정, 삭제 버튼 */ .board_detail .board_contents .btns{float:right;padding-right:100px;} .board_detail .board_contents .btns button {font-size:26px; background-color:#fff;color:#757575;cursor: pointer; } .board_detail .board_contents .btns i {color:#757575;padding-right:5px;} .board_detail .board_contents .btns .btn_delete i { color:#6f0505;} .board_detail .board_contents .btns .btn_update { margin-right:62px;} /* 목록, 다음글 버튼 */ .board_detail .board_contents .link {width: 100%; margin: 40px 0;padding-top: 40px; border-top: 1px solid #ececec;} .board_detail .board_contents .link.detail {margin : 111px 0 40px 0;} .board_detail .board_contents .link_container {margin: 0 auto;width: 80%;font-size: 18px;color: #6a6a6a;} .board_detail .board_contents .link_container span{cursor: pointer;} .board_detail .board_contents .link_container .next{float: right; } /* 공지 등록 버튼 */ .board_detail .board_contents .link_container .insert{color:#0a4287; font-weight:600;} /* 스위치 */ .input__on-off { display: none; } .label__on-off { overflow: hidden; position: relative; display: inline-block; padding-top:1px;width: 78px; height: 26px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; background-color: #ca2734; color: #fff; font-weight: bold; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .label__on-off > * { vertical-align: middle; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 14px; } .label__on-off .marble { position: absolute; top: 1px; left: 1px; display: block; width: 24px; height: 24px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); } .label__on-off .on { display: none; padding-left: 16px; padding-top:3px;} .label__on-off .off { padding-left: 30px; line-height: 25px; } .input__on-off:checked + .label__on-off { background-color: #2577c3; } .input__on-off:checked + .label__on-off .on { display: inline-block; } .input__on-off:checked + .label__on-off .off { display: none; } .input__on-off:checked + .label__on-off .marble { left: 53px; } /****************************************/ /***************** 캘린더 *****************/ #calendar {max-width: 1000px;margin: 0 auto;background-color:#fff;border : 1px solid #f4f8fb;border-radius:4px;} .calendar {padding: 60px 0 30px 0; } .calendar thead.fc-head {font-size:15px;} .calendar tbody.fc-body { } .calendar thead.fc-head thead { color: #656565;} .calendar .fc th{padding: 10px 0;} .calendar .fc-day-grid-event .fc-content {white-space: nowrap; } .calendar .fc-left h2 { font-size: 35px; color: #5d5d5d;font-weight:300;} .calendar .fc-right button{color: #737373;border:1px solid #f2f2f2;background:none;border-radius: 16px;margin: 3px; height: 33px;width:43px;} .calendar .fc-right button:hover{box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);} .calendar .fc-sun:not(.fc-day-header) {color: #ec2222;} .calendar .fc-sat:not(.fc-day-header) {color: #2323ef;} .calendar .fc-ltr .fc-basic-view .fc-day-number {padding: 4px 11px 0 0;} .calendar .fc-week { height: 120px;} .calendar .fc-day-grid-container { height: 720px !important;} /* 캘린더 - 근태현황 */ .status .status_list{height:auto;overflow:hidden;max-width:1000px; margin:0 auto;background-color:#fff; border: 1px solid #f4f8fb; margin-bottom:20px;} .status .status_list ul li:only-child { width: 100%; } .status .status_list ul li:first-child:nth-last-child(2), .status .status_list ul li:first-child:nth-last-child(2)~li { width: 50%; } .status .status_list ul li:first-child:nth-last-child(3), .status .status_list ul li:first-child:nth-last-child(3)~li { width: 33.33%; } .status .status_list ul li:first-child:nth-last-child(4), .status .status_list ul li:first-child:nth-last-child(4)~li { width: 25%; } .status .status_list ul li:first-child:nth-last-child(5), .status .status_list ul li:first-child:nth-last-child(5)~li { width: 20%; } .status .status_list ul li:first-child:nth-last-child(6), .status .status_list ul li:first-child:nth-last-child(6)~li { width: 16.66%; } .status .status_list ul li:first-child:nth-last-child(7), .status .status_list ul li:first-child:nth-last-child(7)~li { width: 14.28%; } .status .status_list ul li:first-child:nth-last-child(8), .status .status_list ul li:first-child:nth-last-child(8)~li { width: 12.5%; } .status .status_list ul li:first-child:nth-last-child(9), .status .status_list ul li:first-child:nth-last-child(9)~li { width: 11.11%; } .status .status_list ul li:first-child:nth-last-child(10), .status .status_list ul li:first-child:nth-last-child(10)~li { width: 10%; } .status .status_list ul li{float:left;} .status .status_list ul li.first{background-color: #eef3f5;} .status .status_list ul li span{font-size:17px;display:block; text-align:center;vertical-align:middle;} .status .status_list ul li span.team_name{border-bottom:2px solid #eef3f5;color:#369;font-weight:bold;line-height:54px;} .status .status_list ul li span.annual_data{padding:14px;} .status .status_list ul li span.text{font-weight:bold;color:#696969;} /***************** 작업일지 *****************/ .list_work .work_detail.W{background-color: #a7cef733;} .list_work .work_detail{overflow: hidden; box-sizing: border-box;} .list_work .work_detail td span{padding : 3px;border-radius:3px;min-width:53px; cursor:pointer;border: 1px solid #aaaaaa;} .list_work .work_detail td span.out{color:#6a6a6a;} .list_work .work_detail td span.in {color:#0a4287;border: 1px solid #6f94c1;} .list_work .work_detail td .object_no{width: 40px;border:none;background-color:transparent;text-align:center;padding-left:21px;color:#8c8c8c;} .list_work .work_detail td .object_no.edit{width: 50px;border: 1px solid #0a4287;color: #0a4287;} .list_work .filters {height: 727px; } .list_work .pagination{margin-top: 203px;} .list_work .filters.edit {height: 753px; } .list_work .pagination.edit{margin-top: 229px;} .list_work .table .column_delete {color:#a50000;border-style: none;} .list_work .table .column_delete span {border-style: none;} .list_work .table .column_update {color: #0a4287;border-style: none;} .list_work .table .column_update span {border-style: none;} .list_work .table th.sort{cursor: pointer;} /* 대차, 행거 작업 점검 체크 항목 추가 2022.03.12 */ .report_form .application ul p.application_title_mid {font-size: 17px; color: #0a4287; padding-top: 5px;} .report_form .application ul li .checkbox{position: relative;width:100%;padding:3px 0 8px 0; border-left: 2px solid #e2e2e2; margin-bottom: -17px;} .report_form .application ul li .checkbox label{margin-bottom:10px; font-size: 15px; font-weight: 600;} .report_form .application ul li .checkbox input[type=checkbox] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0} .report_form .application ul li .checkbox input[type=checkbox]+.check_text{color:#6a6a6a; box-sizing: border-box;font-size:15px; width:90%;display: block;position: relative;cusor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} /*.report_form .application ul li .checkbox input[type=checkbox]:checked+.check_text{color: #6f94c1;}*/ .report_form .application ul li .checkbox input[type=checkbox]+.check_text.pl10{padding-left: 10px;} .report_form .application ul li .checkbox input[type=checkbox]+.check_text:after{content: ' ';display: inline-block;width: 18px;height: 18px;line-height: 18px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: #fafafa;border: 1px solid #cacece;border-radius: 3px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); float: right;} .report_form .application ul li .checkbox input[type=checkbox]+.check_text:active:after, .report_form .application ul li .checkbox input[type=checkbox]:checked+.check_text:active:after {box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} .report_form .application ul li .checkbox input[type=checkbox]:checked +.check_text:after {content: '\2713';color: #314ca2;text-shadow: 1px 1px white;border-color: #adb8c0;font-size:31px;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);} /* 게시판 */ #communityList {background-color:#f8f9fa;padding-top:0;} .community_list{ max-width : 900px;} .community_list>p{line-height:50px;font-size:23px;padding:21px 38px 0px 38px;color:#212529;position:relative;} .community_list>p i{padding-right: 10px; color: #0a4287;} .community_list>p .right{float: right;} .community_list>p .right span {cursor: pointer; } .community_list>p .right .btn_boss_only i {color:#6a6a6a; padding-right: 16px;} .community_list .article_wrap {padding: 0 40px;} .community_list .article_wrap .community_article{display:block;padding:20px 0;line-height:26px;overflow:auto;} .community_list .article_wrap .community_article .article_link{display: block; text-decoration: none;color: #212529;cursor: pointer;} .community_list .article_wrap .community_article .article_photo{float:left;width:120px;height:120px;overflow:hidden;border-radius:8px;background-color:#f8f9fa;border: 1px solid #e9ecef;} .community_list .article_wrap .community_article .article_photo img{width: 100%;height: 100%;} .community_list .article_wrap .community_article .article_content{margin-left: 140px;padding-top: 8px; position: relative;} .community_list .article_wrap .community_article .article_content .article_title{display:block;font-weight:600;color:#212529;font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .community_list .article_wrap .community_article .article_content .article_desc{font-size:15px;line-height:18px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;} .community_list .article_wrap .community_article .article_content .article_etc_info {font-size:14px;line-height:18px;margin-top:10px;color:#868e96;} .community_list .article_wrap .community_article .article_content .article_etc_info .right_bottom{text-align: right; padding: 7px 8px 0 0;} .community_list .article_wrap .community_article .article_content .article_etc_info .date { float: right; position: relative;top: 5px;right: 9px;} .community_list .article_wrap .community_article .article_content .article_etc_info .date i{ padding-right: 3px;} .community_list .article_wrap .community_article .article_content .article_etc_info .comments_count {padding-left:5px;white-space: nowrap;} .community_list .article_wrap .community_article .article_content .article_etc_info .comments_count i{position: relative; bottom:1px; padding-right:2px;} .community_list .article_wrap .community_article .article_content .article_etc_info .comments_count.up { color: #0a4287; padding-left: 0;} .community_list .article_wrap .community_article .article_content .article_etc_info .comments_count.down { color: #9c0808;padding-left: 0;} .community_list .article_wrap .article_hr{display:block;height:1px;border:0;border-top:1px solid#e9ecef;padding:0;} .community_list .btn_more{display:flex;align-items:center;justify-content:center;height:50px;cursor:pointer;width:100%;color:#868e96;font-size:16px;border-top:1px solid#e9ecef;} .community_list .btn_more .loader{text-indent:-9999em;width:24px;height:24px;border-radius:100%;background:#ff8a3d;background:linear-gradient(to top right,#ff8a3d 25%,rgba(255,255,255,0)70%);position:relative;-webkit-animation:animation 1.4s infinite linear;animation:animation 1.4s infinite linear;transform:translateZ(0);} #communityWrite {background-color:#f8f9fa;padding-bottom:70px;} .community_write {max-width: 900px;min-width: 500px; } .community_write .write_header {text-align: center;line-height:37px;font-size:17px;padding: 20px 38px 17px 38px;color:#212529;border-bottom:1px solid rgba(0, 0, 0, 0.04);} .community_write .write_header .title {font-size:18px;font-weight: 600;padding-left:19px;} .community_write .write_header .save {float: right;} .community_write .write_header .back {float: left;font-size:25px;cursor: pointer;} .community_write .w.community_list .article_wrap .community_article .article_content .article_etc_info .comments_countrite_header .save {float: right;cursor: pointer;} .community_write .write_pic {padding: 17px 30px 17px 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.04);} .community_write .write_pic label {margin-top:8px;margin-right: 15px; float:left;text-align:center; display:inline-block;color:#9e9e9e;padding:14px 19px 12px 19px; font-size:20px;line-height:normal;vertical-align:middle;background-color:#fff;cursor:pointer;border:1px solid#9e9e9e;border-radius:3px;-webkit-transition:background-color 0.2s;transition:background-color 0.2s;} .community_write .write_pic label .count {display:block;font-size: 13px;min-width: 31px;} .community_write .write_pic input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .community_write .write_pic .wrap_pic {padding-top: 8px; overflow-x: auto; overflow-y: hidden;} .community_write .write_pic .wrap_pic .pic_ul {white-space:nowrap; min-height: 71px;} .community_write .write_pic .wrap_pic .pic_ul .pic_li {position: relative; width: 65px; height: 65px; display: inline-block; margin-left: 15px;} .community_write .write_pic .wrap_pic .pic_li .pic {width: 100%; height:100%;} .community_write .write_pic .wrap_pic .pic_li .btn_pic_delete {cursor:pointer;position:absolute;font-size:18px;color:#aaa;bottom:50px;left:57px;} .community_write .write_content {padding: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .community_write .write_content .content_title {border-bottom:1px solid#e4e4e4;padding:0px 11px 20px;box-sizing:border-box;} .community_write .write_content .content_textarea { margin:0px;box-sizing:border-box;padding:20px 11px;} .community_write .write_content .content_title .title {border:none; font-size:20px;width:70%;position: relative; top: 1px; left: 3px;} .community_write .write_content .content_textarea textarea{ font-size:20px;border: none;width:100%;min-height:380px;} .community_write .write_content .content_title .info_cate{vertical-align:middle;height: 56px;padding-right:16px;} .community_write .write_content .content_title .info_cate select {font-weight: 600;color:#757575;background-color:#fff;width:92px; height:50px;padding:0px 10px; border: 1px solid #c7c7c7;font-size:17px} .community_write .write_scope {padding : 30px;text-align:center;} .community_write .write_scope .scope_title{font-size:15px;padding:0 0 15px 8px;font-weight:400;text-align:left;color:#808080;} .community_write .write_scope span{border:1px solid #e6e6e6;text-align:center;margin:0;display:inline-block;width:49%;box-sizing:border-box;overflow:hidden;padding:11px 0;color:#808080;} .community_write .write_scope span.active{border:1px solid #6f94c1; color:#6f94c1;} #communityDetail {background-color:#f8f9fa;padding-bottom:0px;} #communityDetail .contents_list{} .community_detail {max-width: 900px; } .community_detail .detail_header {text-align: center;line-height:37px;font-size:17px;padding: 20px 38px 17px 38px;color:#212529;border-bottom:1px solid rgba(0, 0, 0, 0.04);} .community_detail .detail_header .title {font-size:18px;font-weight: 600;padding-left:19px;} .community_detail .detail_header .back {float: left;font-size:25px;} .community_detail .detail_header .menu {float: right; cursor: pointer;} .community_detail section {width: 90%; margin: 0 auto;} .community_detail .section_images {position:relative; margin-top: 28px;height: 500px;} .community_detail .section_images .swiper-container{width:100%;height:100%;border-radius: 8px;} .community_detail .section_images .swiper-slide {text-align:center;font-size:18px;background:#000;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .community_detail .section_images .swiper-slide img{width: auto; height: 100%;min-width: 200px;} .community_detail .section_images .swiper-pagination-bullet {width: 12px;height: 12px;text-align:center;line-height:20px;font-size:12px;opacity:1;background: rgb(253 253 253 / 20%);} .community_detail .section_images .swiper-pagination-bullet-active {color: #fff; background: #fff} .community_detail .section_profile {} .community_detail .section_profile .wrap_profile {display:block;margin-top:25px;padding-bottom:23px;position:relative;border-bottom:1px solid#e9ecef;} .community_detail .section_profile .wrap_profile .profile_icon {display: inline-block;} .community_detail .section_profile .wrap_profile .profile_icon i{ font-size: 50px; color: #eee;} .community_detail .section_profile .wrap_profile .profile_info {display: inline-block;margin-left: 8px;} .community_detail .section_profile .wrap_profile .profile_info .name{fƒont-size:15px;font-weight:600;line-height:1.5;letter-spacing:-0.6px;color:#212529;} .community_detail .section_description{padding:32px 0;} .community_detail .section_description .description_title {font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-0.6px;} .community_detail .section_description .description_scope {margin-top:4px;font-size:13px;line-height:1.46;letter-spacing:-0.6px;color:#868e96;} .community_detail .section_description .description { margin-bottom: 16px;margin-top: 8px;} .community_detail .section_description .description p{font-size:17px;line-height:1.6;letter-spacing:-0.6px;margin:16px 0;word-break:break-all;} .community_detail .section_description .description_counts{font-size:13px;line-height:1.46;letter-spacing:-0.6px;color:#868e96;} .community_detail .section_description .description_counts .thumbs{} .community_detail .comment_list {border-top: 1px solid rgba(0, 0, 0, 0.04); padding-bottom: 70px;height: auto;} .community_detail .comment_list>p {font-size:17px; padding: 20px 0 15px 0; font-weight: 700;width: 90%; margin: 0 auto;} .community_detail .comment_list .wrap_comment {display:block;padding-bottom:15px;position:relative;width: 90%; margin: 0 auto;} .community_detail .comment_list .wrap_comment .comment_icon {display: inline-block;margin-left: 8px;} .community_detail .comment_list .wrap_comment .comment_icon i {font-size: 40px; color: #eee;} .community_detail .comment_list .wrap_comment .comment_info {display: inline-block; padding-left: 10px;} .community_detail .comment_list .wrap_comment .comment_info .name { font-weight: bold; font-size: 16px; display: inline-block;} .community_detail .comment_list .wrap_comment .comment_info .date { color: #aaa; font-weight: bold; padding-top: 5px; padding-left: 5px; display: inline-block;} .community_detail .comment_list .wrap_comment .comment_info .desc { font-size: 16px;} .community_detail .comment_list .wrap_comment .comment_menu {display: inline-block; float: right;} .community_detail .comment_write {position:fixed;bottom:0;width:100%;max-width:900px;margin:0 auto;border-top:1px solid#e9ecef;z-index:1;background-color:#fff;box-sizing:border-box;padding:14px;padding-bottom:8px;} .community_detail .comment_write .wrap_write {position: relative;} .community_detail .comment_write .wrap_write textarea {width:100%;border:1px solid#e4e4e4;resize: none;padding-left:20px;padding-top:12px;height:45px;box-sizing: border-box; overflow: hidden;border-radius:30px;font-size:15px;} .community_detail .comment_write .wrap_write button {font-size:23px;position:absolute;background:none;color:#d4d4d4;right:24px;top:8px;} .community_detail .modal_container {display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);} .community_detail .modal_container .modal{transition: 0.5s;left: 50%; transform: translateX(-50%);z-index:3;position:fixed; bottom: 0; display:inline-block;width: 50%;max-width: 900px;} .community_detail .modal_container .modal button {cursor:pointer; display: block; width:100%;background-color: #fff;padding: 17px 0; border-bottom: 1px solid #ececec;} .community_detail .modal_container .modal .delete { color: #9c0808; border-top-left-radius: 10px; border-top-right-radius: 10px;} /******************************************/ .login {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);display: inline-block; width: 370px; height: 313px; border-radius: 5px; background-color: #fff; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);} .login img {width: 120px; clip:rect(1000px 1500px 1500px 1500px); position: relative;left: 50%; transform: translateX(-50%); top: 35px;} .login .login_in {text-align: center; position: relative;top: 14%; } .login .login_in input {padding-left: 10px; display: block; margin: 20px auto; height: 30px; width: 200px;border: 1px solid #154f96; border-radius: 3px;} .login .login_in button { color: #fff; background-color: #072a54; padding: 9px 89px; border-radius: 3px; } .login .remember_check { text-align: center; position: relative; top:65px;color: #072a54;} .login .remember_check input { position: relative; } .login .remember_check .r_passwd {margin-left: 5px;} /* 페이징 */ .pagination {width: 100%; text-align: center; padding:20px 0;background-color: #ffffff} .paging {clear:both;overflow:hidden;display:inline-block;} .pagination a { color: #8c8c8c;float: left;padding: 8px 16px;text-decoration: none;} .pagination a.active {background-color: #0a4287;color: white;border-radius: 5px;} .pagination a:hover:not(.active) {background-color: #ddd;border-radius: 5px;} .error_main {margin:100px 0;text-align:center;padding-left:150px;} .error_main .error_img {position:relative;} .error_main .goMain {position: relative; display: inline-block;width: 150px; height: 80px;bottom: 52px;right: 548px;} /* 화면 너비 0 ~ 1200px */ @media (max-width: 1240px) { .container { width: 100%; } } /* 화면 너비 0 ~ 480px */ @media (max-width: 550px) { /***************** 메인 (모바일) *****************/ .wrap { width: 100%; overflow: hidden; padding:45px 0;} .wrap.add_alarm {padding-top: 88px;} .tit_line hr{width: 35%;} .tit_line p {width:28%; font-size: 25px;bottom: 8px;} /* 헤더 #header */ .header {height: 45px;width: 100%;} .header .header_logo {padding: 11px 13px 0 12px;} .header .header_logo img.sd {width: 34px;} .header .header_logo img.mi {width: 80px;} .header .header_menu_btn{top:0;} .header .header_menu_btn .ico_menu {font-size: 20px;} .header .header_menu_btn .txt_menu {display: none;} .alarm{font-size:15px;} /* 홈 바 */ .bar {display:block;background-color:#fff;position:fixed;bottom:0;height:auto;text-align:center;padding:7px 0;width:100%;border-top:1px solid rgba(0,0,0,0.04);z-index: 10;} .bar .bar_app{color: #072a54; font-size: 21px; width: 100px; display: inline-block;} /* 앱 홈 */ .app_home {} .app_home .app_home_greeting {font-size: 22px; line-height: 37px; padding: 6px 0 0;} .app_home .wrap_apps {width:100%;min-height: auto;padding-bottom: 26px;} .app_home .wrap_apps .app_list {} .app_home .wrap_apps .app_list.mobile_hidden{display:none;} .app_home .wrap_apps .app_list .app { padding: 15px;} .app_home .wrap_apps .app_list .app span {} .app_home .wrap_apps .app_list .app .app_ico{font-size:23px;width:51px;height:46px;line-height:46px;} .app_home .wrap_apps .app_list .app .app_txt{font-size: 12px;} .app_home .wrap_apps .app_sep {} .app_home .wrap_apps .app_title {padding:11px 0 0px 9px;} /* 메인사진 #main_img */ #main_img {} .main_img {background-image:none;width: 100vw;height: 400px;} .main_img img {position: relative;width: 100%;height: 530px;display: block;} .main_img img,.main_img .img_cover .mobile_intro {display: block;} .main_img .img_cover {background-color: rgba(0,0,0,0.6);} .main_img .img_cover .mobile_intro {text-align: center; position: absolute;width: 250px; top: 50%;left: 50%;transform: translate(-50%,-50%); color: #ffffff;} .main_img .mobile_intro .intro_name { font-size: 65px;} .main_img .mobile_intro .intro_txt { font-size: 20px;} .main_img .intro_cover {display: none;} /* 인사말 #main_about */ #main_about {margin-top: 100px;} .main_about {padding-bottom:45px;} .main_about .container { width: 100%;} .main_about .about_tit { padding-top: 85px;padding-bottom: 20px;} .main_about .about_img {position: relative; height:510px;} .main_about .about_img {float: none; width: 100%; height: 300px;} .main_about .about_img .img_cover {width: 200px;height: 200px;} .main_about .about_txt {text-align:center; width: 100%; padding: 0;} .main_about .about_txt p.web_txt {display: none;} .main_about .about_txt p.mobile_txt {display: block; font-size: 16px; line-height: 28px;color: #595959;width: 90%; margin: 0 auto;} .main_about .about_txt.min{width:100%;} .main_about .about_txt.min img.web_img{display:none;} .main_about .about_txt.min img.mobile_img{display:block;width:inherit;} /* 경영방침 #main_policy */ .main_policy { text-align:center; } .main_policy .policy_tit {height: 45px; padding-bottom: 0;} .main_policy .policy_intro {font-size: 15px; margin-bottom: 25px;} .main_policy .policy aside { height: 60px; margin-bottom: 20px;} .main_policy .policy aside ul {transition: 0.5s;display: none; overflow: auto; position: absolute; width: 100%;z-index: 1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);} .main_policy .policy aside ul.on {display: block;} .main_policy .policy aside li {font-size: 15px; float: none; width: 100%;} .main_policy .policy aside li.active {font-size: 17px; display: none;} .main_policy .policy aside .mobile_policy_list {display:block;} .main_policy .policy aside .mobile_policy_list button { position: relative;display: block; width: 100%; height: 60px;background-color: #072a54; color: #d5d5d5;font-size: 17px;} .main_policy .policy aside .mobile_policy_list i {display: block; font-size: 22px; position: absolute; right: 30px; top: 18px;} .main_policy .policy aside .mobile_policy_list i.on{display: none;} .main_policy .policy .policy_contents { width: 100%;} .main_policy .policy .policy_contents .policy1 .policy1_txt span {font-size: 20px; } .main_policy .policy .policy_contents .policy1 .policy1_txt i {font-size: 13px;} .main_policy .policy .policy_contents .policy1 {height: 770px;width: 90%;} .main_policy .policy .policy_contents .policy1 li { width: 100%; height: auto;overflow: hidden;} .main_policy .policy .policy_contents .policy1 li:nth-child(3) {height: 230px;} .main_policy .policy .policy_contents .policy1 .box1 {float: none; width: 100%; height: 68px; line-height: 68px; } .main_policy .policy .policy_contents .policy1 .box1 i {font-size: 22px;} .main_policy .policy .policy_contents .policy1 .box2 {font-size: 12px;float: none; width: 100%; height: 123px;padding: 0; line-height: 35px;} .main_policy .policy .policy_contents .policy1 .box2 span{ width: 90%;margin: 0 auto;} .main_policy .policy .policy_contents .policy2 {height: 440px;width: 90%;} .main_policy .policy .policy_contents .policy2 img {width: 280px;} .main_policy .policy .policy_contents .policy2 .policy2_txt { margin-bottom: 30px ;} .main_policy .policy .policy_contents .policy2 .policy2_txt span:nth-child(1) {font-size: 20px; } .main_policy .policy .policy_contents .policy2 .policy2_txt i {font-size: 13px;} .main_policy .policy .policy_contents .policy2 .policy2_txt span:nth-child(2){ font-size: 14px; color: #878787;} .main_policy .policy .policy_contents .policy4 {height: 810px;width: 90%;} .main_policy .policy .policy_contents .policy4 li {float: none;width: 100%; overflow: hidden; height: 240px;margin-bottom: 12px; border: 1px solid #e4e4e4;} .main_policy .policy .policy_contents .policy4 li:nth-child(1) {height: 180px;} .main_policy .policy .policy_contents .policy4 .box1 { line-height: 65px;} .main_policy .policy .policy_contents .policy4 .box2 {font-size: 14px;height: 170px; padding:0 16px; line-height: 30px; border : 0;} .main_policy .policy .policy_contents .policy4 .box2 span{ display: block;position: relative;top: 10px;} .main_policy .policy .policy_contents .policy4 .policy4_txt {width: 240px;margin-bottom:20px;} .main_policy .policy .policy_contents .policy4 .policy4_txt span {font-size: 20px; } .main_policy .policy .policy_contents .policy4 .policy4_txt i {font-size: 13px;} .main_policy .policy .policy_contents .policy5 {height: 550px;width: 90%; position: relative; } .main_policy .policy .policy_contents .policy5 ul { width: 100%; padding: 0;} .main_policy .policy .policy_contents .policy5 li {width: 45%; height: 200px;margin-bottom:20px;} .main_policy .policy .policy_contents .policy5 li:nth-child(2n) {margin-left:20px;} .main_policy .policy .policy_contents .policy5 .box1 {line-height: 20px;} .main_policy .policy .policy_contents .policy5 .box1 span{border-bottom: 3px solid hsla(213, 57%, 71%, 0.769);} .main_policy .policy .policy_contents .policy5 .policy5_ico_center{font-size: 100px; color: hsla(213, 57%, 71%, 0.159); position: absolute; bottom: 50%; right: 50%;transform: translate(50%, 50%);} .main_policy .policy .policy_contents .policy5 .policy5_txt {width: 240px;} .main_policy .policy .policy_contents .policy5 .policy5_txt span {font-size: 20px; } .main_policy .policy .policy_contents .policy5 .policy5_txt i {font-size: 13px;} /* min */ .main_policy .policy .policy_img_min{padding-bottom:0;} .main_policy .policy .policy_img_min img{width:100%;} /* 조직도 #main_organization */ .main_organization {height:1380px;} .main_organization .organization_tit {height: 45px;} .main_organization .organization_intro {font-size: 15px;margin-bottom: 20px;} .main_organization .organization_contents {width: 90%;} .main_organization .organization_contents .team_name {padding-top:54px;} .main_organization .organization_contents ul {width: 100%;margin: 0 auto;height:261px;} .main_organization .organization_contents:not(.min) ul.team{height:355px;} .main_organization .organization_contents.min ul{margin-bottom:50px;} .main_organization .organization_contents ul li { width: 100%;} .main_organization .organization_contents ul.three li, .main_organization .organization_contents ul.four li, .main_organization .organization_contents ul.five li {width: 100%;} .main_organization .organization_contents ul li div{max-width: 165px;} /***************** 나의 정보 (모바일) *****************/ .my_head {display: none;} .my_profile.cms_detail { height: 900px;} .my_profile .profile_img {width: 100%;height: 170px;} .my_profile .profile_contents {width: 100%;} .my_profile .profile_list {text-align: center;} .my_profile .profile_list li {width: 100%;margin: 13px 0;} .my_profile .profile_list li.btns button {margin:28px 30px 0 0; font-size:16pz;} /*.my_profile .profile_list li.btns.update{display:none;}*/ .my_profile .profile_list li label {text-align: left;display: inline-block; width: 59px;} .my_profile .profile_list li .list_set span{width: 100%; margin: 10px 0; } .my_profile .profile_list li .list_set span label {width: 103px; } .my_profile .profile_list li .list_set.team label{width: 70px; text-align: center;} .my_profile .profile_list li .list_set .btn_save button {padding: 8px 120px;} .my_profile .profile_list .change_pw {margin: 0 auto; padding-top: 25px} .my_profile .profile_list li .address label {width :76px;position: relative;bottom: 30px; text-align: center;} .my_profile .profile_list li .address textarea {width: 155px;height: 37px;} /***************** 급여명세서 등록 *****************/ #payslip {margin-top: 55px;padding-top:0;} .payslip_contents {background-color:#f2f2f2; width:100%;height:100%;display:inline-block;margin:0;} .payslip_contents .payslip_form {width:100%;margin:0;max-width:none; } .payslip_contents .payslip_form .contents_name{font-size:25px;} .payslip_contents .payslip_form .my_info li span:nth-child(1) {padding-left:20px;} .uploadPayslip{display:none;} #uploadPayslip .webOnly{display:block;text-align:center; height:500px;line-height:210px;font-size:14px;background-color:#fff;color:#6a6a6a;} #uploadPayslip .webOnly i{padding-right:3px;} /* 월보 확인 관리 */ .monthlySignList{width:100%;} .monthlySignList .top p.list_title{font-size:19px;padding:2px 0 0 16px;background-color: #ffffff} .monthlySignList .top span.select_year select{top:13px; right:37px;} .monthlySignList .top span.select_year i{top:15px;right:15px;} .monthlySignList .chart .chart_ul ul li{font-size:13px;} .monthlySignList .chart .chart_ul ul li.head{font-size:14px;white-space:nowrap;} .monthlySignList .chart .chart_ul .chart_ul_month{display:inline-block;width: calc(100% - 50px);} .monthlySignList .chart .chart_ul .chart_ul_month ul.ul_month{width:8.33%;box-sizing: border-box;} .monthlySignList .chart .chart_ul ul.ul_name{width:50px;} .monthlySignList .chart .chart_ul ul.ul_seq{display:none;} /***************** 근태 관리 (모바일) *****************/ #board{} .contents {margin:0;} .management_nav {overflow: hidden; width: 100%; min-width: 100%; height: 55px; position: relative; padding: 0; background-color: #fff; color: #072a54; z-index:0;}/* */ .management_nav a {transition: none;z-index:0;font-size: 12px; padding: 0 ; width: 25%; line-height: 55px; text-align: center; float: left;box-sizing: border-box;padding-right: 5px;} .management_nav.user a {width: 33.33%;} .management_nav.half a {width: 50%;} .management_nav a i{ padding-right: 3px;} .management_nav a.active{background-color: #fff; color: #072a54; height:100%; font-size:14px;} .wrap {margin:0;} /***************** 근태 관리 - 신청서 (모바일) *****************/ .application {width: 100%;} .application ul p.application_title {display:none;} /***************** 근태 관리 - 결재현황 (모바일) *****************/ .contents_list{width: 100%;margin: 0;} .contents_list .filters { display: none;} .contents_list .list { width: 100%;} .contents_list .list .table{height:auto;} /* .contents .contents_list .list table th:nth-child(1), .contents .contents_list .list table td:nth-child(1), */ /* 모바일 - 결재일, 기간 히든 */ .contents_list .list table .mobileHidden{display: none;} .contents_list .list table td{max-width:none;} .contents_list .list table td.date{padding-right:8px;} .contents_list .list table td.title{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:220px;overflow:hidden;} .contents_list p {padding: 10px 0 10px 15px;font-size: 18px;font-weight: 700;} .contents_list p.list_title {display:none;} .contents_list p.no_list{font-weight:normal;text-align: center; border: none;font-size: 15px;color: #777;padding: 68px;} .contents_list .list table th .mobile{display: block;text-align: center;width: 60px; margin: 0 auto; background-color: #fff; border-radius: 3px; border: 1px solid #d7d7d7; height: 30px; } .contents_list .list table th .mobile+span{display: none;} .contents_list .list_title button{display: none;} /* 게시판 목록 (모바일) 여기 지우면 근태관리 처럼 네비게이션 나옴 */ /* #board:not(.manage) .management_nav {display: none;} */ /* .board{height: 820px;} */ /* 임시로 짧게 */ .contents_list.board{width:100%; margin:0;} .contents_list.board .list .table{height:auto;overflow:hidden;} .contents_list.board p{font-size: 20px;font-weight: 700;padding: 0 0 0 15px; width: 100%; background-color: #fff;} .contents_list.board p i{padding: 0 10px 0 0px;} .contents_list.board p button {display:none;} .contents_list.board p span.category{font-size: 15px; } .contents_list.board td .dot{left:12px;} /*.contents_list.board thead {display: none;}*/ .contents_list.board td:nth-child(2){padding-left: 0;} .contents_list.list table td {padding: 10px 0;} /* 민원목록 */ #civilList .contents_list .list table td.title{max-width:100px;} /* 공지 읽은사람 목록 */ .board .viewed_list{top:105px;right:0;} #boardDetail {background-color:#f8f9fa;padding-bottom:70px;} #boardDetail:not(.manage) .management_nav{display : none;} .board_detail{height: auto;} .board_detail .board_contents .top{line-height: 39px; height: auto;padding-top:9px;} .board_detail .board_contents .top .title {width: 100%;font-size: 21px; text-align: center; padding-left: 0; padding: 0 12px; height: auto;} .board_detail .board_contents .top .title .doc_num{position:static;display:block; height:35px; text-align:right; color:#6a6a6a;margin-top:-9px;font-size:15px;width:100%; } .board_detail.manage .board_contents .top .title .doc_num{padding-right:0;width:auto;right:178px; } .board_detail .board_contents .top .date{width: 100%;text-align: center;display: inline-block;font-size: 14px;} .board_detail .board_contents .top .date input{text-align:center;padding-left:0;} .board_detail .notice_info{ display: inline-block;position: absolute; right: 16px; top: -7px;} .board_detail .board_contents .txt img{width: 95%;margin-top: 20px;} .board_detail .board_contents .btns {display:none;} .board_detail .board_contents .link {width: 100%; margin: 30px 0;padding-top: 30px; border-top: 1px solid #c7c7c7;} .board_detail .board_contents .link_container {margin: 0 auto;width: 80%;font-size: 14px;color: #6a6a6a;} .board_detail .board_contents .link_container .next{float: right;} /* 캘린더(모바일) */ #calendar {border:0;} .calendar {padding-top: 55px; } .calendar .fc-toolbar {padding: 11px 20px 11px 22px} .calendar .fc-left h2 { font-size: 21px; box-sizing: border-box; overflow: hidden; padding-top: 3px;} .calendar .fc-right button {margin: 5px;height: 24px;width: 35px;} .status .status_list ul li:only-child { width: 100%; } .status .status_list ul li, .status .status_list ul li:first-child:nth-last-child(2), .status .status_list ul li:first-child:nth-last-child(2)~li, .status .status_list ul li:first-child:nth-last-child(3), .status .status_list ul li:first-child:nth-last-child(3)~li, .status .status_list ul li:first-child:nth-last-child(4), .status .status_list ul li:first-child:nth-last-child(4)~li, .status .status_list ul li:first-child:nth-last-child(5), .status .status_list ul li:first-child:nth-last-child(5)~li, .status .status_list ul li:first-child:nth-last-child(6), .status .status_list ul li:first-child:nth-last-child(6)~li, .status .status_list ul li:first-child:nth-last-child(7), .status .status_list ul li:first-child:nth-last-child(7)~li, .status .status_list ul li:first-child:nth-last-child(8), .status .status_list ul li:first-child:nth-last-child(8)~li, .status .status_list ul li:first-child:nth-last-child(9), .status .status_list ul li:first-child:nth-last-child(9)~li, .status .status_list ul li:first-child:nth-last-child(10), .status .status_list ul li:first-child:nth-last-child(10)~li {width:100%;} .status .status_list ul li{border-bottom:1px solid #e2e2ea;max-height:40px} .status .status_list ul li span {font-size:15px;line-height:29px; width: 50%;float: left; box-sizing: border-box; border-left: 1px solid #e2e2ea; } .status .status_list ul li span.team_name {border:none;line-height:41px;} .status .status_list ul li span.annual_data{padding:6px;} .status .status_list ul li span.annual_data .br{display:none;} .error_main{padding-left:0px;} .error_main .error_img {width:100%;} .error_main .goMain {width: 76px;height: 56px;bottom: 77px;right: 10px;} /* 작업일지 */ .list_work .list table th {padding: 10px 0px 10px 4px;} .list_work .work_detail td:first-child {width:40px;} /* 게시판 */ #communityList .management_nav {position: fixed;top: 56px;z-index:1;} #communityList .btn_top {display:none;position:fixed;bottom:29px;right:35px;z-index:99;font-size:18px;border:none;outline:none;background-color:#87878763;color:white;cursor:pointer;padding:5px 12px;border-radius:4px;} .community_list>p {margin-top:-1px;padding: 4px 12px 0px 15px;position:fixed;display:block;width:100%;height:auto;box-sizing:border-box;z-index:1;background-color:#fff;border-top: 1px solid rgba(0, 0, 0, 0.04);border-bottom: 1px solid rgba(0, 0, 0, 0.04);} /*.community_list.nav_up{position: absolute; top:0;margin-top: 0;transition: 0.2s;}*/ .community_list{ max-width : 800px;margin-top: 45px;z-index:3;} .community_list .article_wrap.nav_up{padding-top:0;} .community_list .article_wrap {padding: 60px 12px 0 12px;transition: 0.5s; } .community_list .article_wrap .community_article{padding: 10px 0;} .community_list .article_wrap .community_article .article_content{margin-left: 123px;} .community_list .article_wrap .community_article .article_photo{width: 110px; height: 110px;} .community_list .article_wrap .community_article .article_content .article_etc_info {font-size: 13px;margin-top: 5px;} .community_list .article_wrap .community_article .article_content .article_etc_info .right_bottom {padding: 0 8px 0 0;} .community_list .article_wrap .community_article .article_content .article_etc_info .comments_count {padding-left: 0;} .community_list .article_wrap .community_article .article_content .article_etc_info .date {top: 2px;} #communityWrite {padding-bottom: 0;} #communityWrite .management_nav {display:none;} .community_write {max-width: 900px;min-width: 0px;} .community_write .write_header {padding: 9px 14px;} .community_write .write_header .title{font-size: 17px;position: relative; top:1px;} .community_write .write_header .save{font-size: 15px;} .community_write .write_header .back { font-size: 24px; padding-top: 2px;} .community_write .write_pic { padding: 7px 17px;} .community_write .write_pic label {margin-right: 8px;padding: 14px 16px 12px 16px;} .community_write .write_pic .wrap_pic .pic_ul .pic_li{margin-left: 8px;} .community_write .write_content {padding: 10px 19px;} .community_write .write_content .content_title {padding: 12px 2px;} .community_write .write_content .content_title .title {font-size: 17px;color : #595959;max-width: 70%;} .community_write .write_content .content_title .info_cate { padding-right: 5px;} .community_write .write_content .content_title .info_cate select {max-width: 70px;min-width: 56px; height: 40px;font-size: 15px; width: 16%;padding: 0 4px;} .community_write .write_content .content_textarea {} .community_write .write_content .content_textarea textarea {font-size: 17px;color : #595959;} .community_write .write_scope {padding : 15px 15px 35px;} .community_write .write_scope .scope_title {font-size:14px;padding:0 0 7px 8px;} .community_write .write_scope span {padding:4px 0;} #communityDetail {padding-bottom:71px;} #communityDetail .management_nav {display:none;} .community_detail {border: none;} .community_detail .detail_header.down{color:rgb(33,37,41);background-color:rgb(255,255,255);box-shadow:none;border-top:1px solid rgb(224 224 224/40%);border-bottom:1px solid rgba(0,0,0,0.04);} .community_detail .detail_header {color: #ffffff;box-sizing: border-box;overflow: hidden;width: 100%; position: fixed; z-index: 2;padding: 9px 14px;border: none;} .community_detail .detail_header:not(.down).shadow {box-shadow: inset 0 37px 30px -22px #464646;} .community_detail .detail_header .title{display: none;} .community_detail .detail_header .menu{font-size: 20px;color :#000;} .community_detail .detail_header .back { font-size: 30px; padding-top: 2px;} .community_detail section {width: 100%; margin: 0;} .community_detail .section_images {margin-top: 0; height:350px; } .community_detail .section_images .swiper-container{border-radius: 0;} .community_detail .section_images .swiper-slide {} .community_detail .section_images .swiper-slide img{width: auto; height: 100%;} .community_detail .section_images .swiper-pagination-bullet {width: 8px; height: 8px;} .community_detail .section_images .swiper-pagination-bullet-active {} .community_detail .section_profile {} .community_detail .section_profile .wrap_profile {padding-bottom: 0; width: 94%; margin: 0 auto;} .community_detail .section_profile .wrap_profile .profile_icon {} .community_detail .section_profile .wrap_profile .profile_icon i{font-size: 42px;padding-bottom: 13px; margin-top: 14px;} .community_detail .section_profile .wrap_profile .profile_info {} .community_detail .section_profile .wrap_profile .profile_info .name{} .community_detail .section_description {padding: 0; width: auto;} .community_detail .section_description .wrap_description{padding: 18px 0; width: 94%;margin: 0 auto;} .community_detail .section_description .description_title {font-size: 18px;} .community_detail .section_description .description_scope {} .community_detail .section_description p{padding: 0;font-weight: 500;} .community_detail .section_description .description {} .community_detail .section_description .description p{font-size: 16px;} .community_detail .section_description .description_counts{} .community_detail .comment_list { padding-bottom: 40px;height: auto;} .community_detail .comment_list>p { padding: 17px 0 11px 0;} .community_detail .comment_list .wrap_comment {padding-bottom:11px;width: 93%; margin: 0 auto;} .community_detail .comment_list .wrap_comment .comment_icon {} .community_detail .comment_list .wrap_comment .comment_icon i {} .community_detail .comment_list .wrap_comment .comment_info {} .community_detail .comment_list .wrap_comment .comment_info .name { } .community_detail .comment_list .wrap_comment .comment_info .date { } .community_detail .comment_list .wrap_comment .comment_info .desc {padding: 0;font-weight:400;} .community_detail .comment_list .wrap_comment .comment_menu {padding-right: 9px;} .community_detail .comment_write {padding-bottom: 45px;} .community_detail .comment_write .wrap_write {} .community_detail .comment_write .wrap_write textarea {} .community_detail .comment_write .wrap_write button {z-index: 10;} .community_detail .modal_container .modal{width: 100%;} .pagination {padding: 12px 0;} .paging {vertical-align: middle;} }