/* 프로그램 LIST ===================================================================================== */ .project_list_top {overflow:hidden; margin-bottom:30px;} .project_list_wrap li {position:relative; display:grid; grid-template-columns:100px auto 160px 160px 140px; color:#797979; text-align:center; line-height:1.4; border-bottom:1px solid #dfdfdf; padding:20px 0;} .project_list_wrap li:hover:not(.head) {background:#fbfbfc;} .project_list_wrap li>div {position:relative; display:grid; place-items:center; padding:0 10px;} .project_list_wrap .head {text-align:center; line-height:56px; padding:0;} .project_list_wrap .head div { font-weight:600;color:#111; padding:0;} .project_list_wrap .tit a { font-weight:600;color:#333; display:block; text-align:left; width:100%; font-size:1.1em;} .project_list_wrap .mobile {display:none;} .project_list_wrap.my {border-top:0;} .project_list_wrap.my li {grid-template-columns:120px auto 200px 200px 100px; padding:12px 0;} .project_list_wrap.my .head {background:#798291; line-height:52px; padding:0;} .project_list_wrap.my .head div {position:relative; color:#fff; } .project_list_wrap.my .head div:after {content:''; position:absolute; top:0; right:0; bottom:0; width:1px; height:1em; margin:auto; background:rgba(256, 256, 256, .3);} .project_list_wrap.my .head div:last-child:after {display:none;} .project_list_wrap.my .tit a {font-family : 'pretendard', sans-serif; font-size:1em; font-weight:600;} /* NoList */ .project_default {padding:80px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;text-align:center;} .project_default i {font-size:5em; cursor:auto; color:#dcdcdc;} .project_default .txt { font-weight:600; font-size:1.5em; color:#333; letter-spacing:-2px; line-height:1.2; margin:20px 0 0 0;} .project_default .txt span {display:block; font-size:18px; color:#797979; line-height:1.6; margin:12px 0 0 0;} .project_scroll {overflow-x: scroll;} .project_scroll table {width: 100%;min-width:1024px;} @media screen and (max-width:1024px) { .project_list_wrap .head, .project_list_wrap .none {display:none;} .project_list_wrap li {display:block; text-align:left; font-size:0.95em; padding:12px 0;} .project_list_wrap .mobile {display:block;} .project_list_wrap .state {height:24px; line-height:26px; width:70px; font-size:13px; margin-right:5px;} .project_list_wrap .sub_list01 {padding:0 0 0 8px; color:#888;} .project_list_wrap .sub_list01:after {top:9px; width:3px; height:3px; background:#798291;} .project_list_wrap.my {border-top:1px solid #5d636c;} .project_default {padding:60px 10px; width:100%;} .project_default i {font-size:3em;} .project_default .txt {font-size:1.2em; margin:10px 0 0 0;} .project_default .txt span {font-size:15px; margin:7px 0 0 0;} } @media screen and (max-width: 768px) { .project_list_wrap .state {display:block; margin-bottom:5px;} } /* 프로그램 VIEW ===================================================================================== */ .project_view_wrap .infos {position:relative; border-top:2px solid #5d636c; margin-bottom:40px; line-height:1.6; overflow:hidden; } .project_view_wrap .infos .tit {font-weight:600; line-height:140%; font-size:1.5em; color:#333; letter-spacing:-1px; padding:40px 30px; text-align:center; border-bottom:1px solid #dfdfe1;} .project_view_wrap .infos em {font-weight:600; font-style:normal; min-width:90px; padding:0 5px; height:34px; line-height: 36px; font-size:16px; margin-right:12px;} .project_view_wrap .infos dl {float:left; width:50%; overflow:hidden; color:#797979; letter-spacing:-0.75px; display:grid; grid-template-columns:180px auto; border-bottom:1px solid #dfdfe1;} .project_view_wrap .infos dl dt {font-weight:600; color:#333; background:#f5f7fa; text-align:center; letter-spacing:-1px; line-height:55px;} .project_view_wrap .infos dl dd {padding:15px 20px; line-height:1.4;} .project_view_wrap .infos dl:nth-child(3) {float:none; width:100%;} .project_view_wrap .cont {padding:0 0 40px 0px;min-height:300px; border-bottom:1px solid #ddd;} .project_view_wrap .cont img {max-width:100%;} .project_view_wrap .files {padding:10px;border-top:1px solid #ddd;overflow:hidden;} .project_view_wrap .files li {font-size:0.95em;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .project_view_wrap .files .tit {float:left;width:140px; padding:5px 0 0 0;} .project_view_wrap .files .tit span {display:inline-block;margin-left:10px;width:120px;font-size:15px;font-weight:500;text-align:center;line-height:40px;border:1px solid #ccc;} .project_view_wrap .files .txt {float:right;width:calc(100% - 140px);line-height:180%;} .project_tbox {border:1px solid #e4e4e4; padding:20px;} .project_privacy {background:#f9f9f9; padding:10px 15px; margin-top:10px; font-size:0.9em;} @media screen and (max-width:1024px) { .project_view_wrap .infos .tit {font-size:1.25em; padding:20px 15px;} .project_view_wrap .infos .tit em {margin:0 5px 3px 0; font-size:14px; height:26px; line-height:26px; min-width:80px; width:80px;} .project_view_wrap .infos dl {float:none; width:100%; grid-template-columns:100px auto; font-size:0.95em;} .project_view_wrap .infos dl dt {line-height:46px; font-size:0.95em;} .project_view_wrap .infos dl dd {padding:12px 10px 10px 10px;} } @media screen and (max-width: 768px) { .project_view_wrap .files li {font-size:12px;} .project_view_wrap .files .tit {display:none;} .project_view_wrap .files .txt {float:none;width:100%;} } /* 동의화면 ================================================================================== */ .project_agreebox {position:relative;border:1px solid #dfdfdf; background:#fff;} .project_agreebox .textarea_form {border-color:#fff; font-size:0.95em;padding:20px; height:230px;} .project_agreebox .bottom { position:relative;background:#f4f5f7; text-align:center; padding:12px; color:#000; } .project_agreebox .bottom input[type="checkbox"] {display: none; } /* 체크박스 이미지 설정 */ .project_agreebox .bottom input[type="checkbox"] + label {position: relative;padding-left:40px; cursor: pointer;display: inline-block; } .project_agreebox .bottom input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top:-1px;border:1px solid #ddd; border-radius:50%; width:30px; height:30px; background: url('../img/checkbox.png') no-repeat #fff; background-size: contain;} .project_agreebox .bottom input[type="checkbox"]:checked + label:before {background: url('../img/checkbox_on.png') no-repeat #3d89f6; border-color:#3d89f6; background-size:contain; } @media screen and (max-width:1024px) { .project_agreebox .textarea_form {height:200px;} .project_agreebox .bottom input[type="checkbox"] + label {padding-left:37px;} .project_agreebox .bottom input[type="checkbox"] + label:before {width:28px; height: 28px;} } /* 공통 *****/ .project_date {font-weight:500; letter-spacing:-0.75px; line-height:1.4;} .project_date i {color:#306bc5; margin-right:7px; font-size:1.2em;} .project_titflex {display: flex;justify-content: space-between;align-items: center;} .tab7 li {width:14.28%;} .tab7 li:last-child {width:14.32%;} .project_profbox {margin:0 0 20px 0; overflow:hidden; text-align:right;} .project_profbox .box {position:relative; display:inline-block; letter-spacing:-0.75px; overflow:hidden;} .project_profbox .box dt {float:left; background:#306bc5; padding:0 15px; margin-right:5px; height:50px; line-height:42px; border-radius:2px;} .project_profbox .box dt a {color:#fff;} .project_profbox .box i {margin-right:7px; color:#fff;} .project_profbox .box dd {float:right; padding:0 0 0 15px; border:2px solid #056db5;} .project_profbox .box * {vertical-align:middle;} .project_profbox .box select {min-width:220px;border-color:#fff; padding:0 40px 0 15px; height:46px; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background:url("../img/acc_arrow.gif") no-repeat 97% 12px;} .project_btn_check {display:inline-block;zoom:1;*display:inline; height:34px; line-height:32px;padding:0 12px;font-size:0.85em;color:#fff;background:#747a81; border-radius:2px;cursor:pointer;} /* 블랙 */ .project_btn_check i {margin-right:10px;} .project_btn_check:hover {background:#333;} .project_report_week th, .project_report_week td {background:#f9f9f9 !important;} @media screen and (max-width:1024px) { .project_profbox {margin:-20px 0 10px 0;} .project_profbox .box dt {font-size:0.95em; height:46px; line-height:40px;} .project_profbox .box select {height:42px; background-position:97% 10px;} } @media screen and (max-width:580px) { .project_profbox {text-align:center;} .project_profbox .box {display:block;} .project_profbox .box dt {float:none; width:100%; margin-bottom:5px; } .project_profbox .box dd {float:none; width:100%; text-align:left;} .project_profbox .box select {min-width:calc(100% - 70px);} } .project_dotline {width:100%;height:1px;border-top:1px dashed #ccc;padding-top:40px;margin-top:40px;} .project_disable_selection { -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer */ -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ -webkit-user-select: none; /* Chrome, Safari, and Opera */ -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ user-select: none; } .project_inlineblock {display:inline-block;padding:0px 10px 3px 0px;} .project_signwrap .signbox {position:relative; background:#ddd;height:80px;line-height:80px;} .project_signwrap .signbox2 {text-align:center;width:300px;position:relative;margin:0 auto;} .project_signwrap canvas {position:absolute;border:2px dotted #ff3300;top:10px;right:10px;} .project_signwrap img {position:absolute;top:10px;right:10px;} .project_signwrap .signbox .ab_m {position:absolute; right:20px; bottom:20px;} @media screen and (max-width:768px) { .project_date {font-size:1em;} .project_inlineblock {width:100%;padding:0px 0px 3px 0px;} } .project_privacy {background:#fff;border: 1px solid #e6e6e6; padding: 15px; } .project_privacy .box {height:100px; overflow-x:hidden; overflow:auto;font-size: 0.9em;} .project_privacy .box2 {height:50px; overflow-x:hidden; overflow:auto;font-size: 0.9em;} .project_privacy .bottom {background:#f9f9f9; padding:10px 15px; margin-top:10px; font-size:0.9em;} .project_Fdownload {display: inline-block;cursor: pointer;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius: 2px;box-shadow: 0 1px 0 #d9d9d9;padding: 0 5px;margin-left:50px;letter-spacing:1px;line-height:20px;color: #444;font-size:0.9rem;border: 1px solid #bbb;background: #fff;border:1px solid #5a6370;background:#646e7d;color:#fff;} .resp_tablebox {display: block;width: 100%;overflow-x: auto; padding-bottom: 10px; -webkit-overflow-scrolling: touch;} .resp_tablebox table {width:1400px !important;} /* 홈페이지 *****/ .project_alert_btn01 {display: inline-block;cursor: pointer;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 2px; box-shadow: 0 1px 0 #d9d9d9; padding: 0 10px; letter-spacing: 1px; line-height: 30px; color: #444; font-size: 0.9rem; border: 1px solid #bbb; background: #fff; border: 1px solid #f1502f; background: #f36a5a; color: #fff; letter-spacing: 0px; line-height: 44px; font-size: 1.3rem; font-weight: 500; min-width: 120px; margin-bottom:20px;} #project_alert_box_ {display:none;text-align: center;} #project_alert_box_ img {max-width:100%;} .project_user_textarea {height:100px;background-color:#ffffff; padding:10px ;border: 1px solid #bbb; overflow-x:hidden;overflow:auto;} .project_notice01 {border-top:1px solid #6e789c;border-bottom:1px solid #f9f9f9;background-color:#f9f9f9;padding:15px 15px;margin:5px 0 20px 0; } .project_notice01_title {font-weight:500; color:#222;font-size:13px;background:url('../image/join_title_icon.png') no-repeat 0 1px;border-bottom:0 solid #ddd;margin:0 0 0 0;padding:0 0 12px 22px;} .project_notice01 ul {padding:0 0 0 0;} .project_notice01 ul li {padding:0 0 4px 0;} .project_notice_btn {display:inline-block;line-height:20px;padding:3px 15px;color:#fff;background: #00b6c6; font-size:13px;border:1px solid #02afbf;border-radius:2px;cursor:pointer;} .project_nolist {padding:100px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd; color:#999;} .project_btn_enable_gn {display:inline-block;line-height:28px;padding:0 10px;font-size:12px;color:#fff;background:#007dc6; border:1px solid #007dc6; font-weight:normal;letter-spacing:0;} /* 녹색 */ .project_btn_enable_gr {display:inline-block;line-height:28px;padding:0 10px;font-size:12px;color:#fff;background:#8998ad; border:1px solid #8998ad; font-weight:normal;letter-spacing:0;} /* 회색 */ .project_btn_enable_b {display:inline-block;line-height:28px;padding:0 10px;font-size:12px;color:#fff;background:#4d596a; border:1px solid #4d596a; font-weight:normal;letter-spacing:0;} /* 블랙 */ .project_btn_enable_or {display:inline-block;line-height:28px;padding:0 10px;font-size:12px;color:#fff;background:#f78d30; border:1px solid #f78d30; font-weight:normal;letter-spacing:0;} /* 오렌지 */ .project_myagree_box {border:1px solid #ddd;padding:20px 10px;} .project_myagree_box img {width:90%;max-width:70px;} .project_placeholders::-webkit-input-placeholder {color:#fe6600; font-size:0.9em;} .project_placeholders::-moz-placeholder {color:#fe6600; font-size:0.9em;} .project_placeholders:-ms-input-placeholder {color:#fe6600; font-size:0.9em;} .project_placeholders:-moz-placeholder {color:#fe6600; font-size:0.9em;} .project_plan_title {color:#444;font-weight:500;margin-bottom:10px;padding-left:5px;} .project_plan_subtitle {color:#666;margin-bottom:5px;} .project_plan_help {font-size:11px;color:#ff3300;} .project_plan_contentbox {margin-bottom:20px;} .project_give_info {} .project_plan_info span {color:#ff6633;font-weight:700;} .project_company_view_box .int_box {border-bottom:1px solid #2056ac; padding:20px 0 40px 0; margin-bottom:40px; line-height:1.4;} .project_report_title {color:#444;font-weight:500;margin-bottom:10px;} .project_report_subtitle {color:#666;margin-bottom:5px;} .project_report_help {font-size:11px;color:#ff3300;} .project_check_icons {height:26px;cursor:pointer;} .project_arrow_icons {height:26px;cursor:pointer;} .project_poll_required_icon {display:inline-block;line-height:15px;padding:0 5px;color:#fff;background:#ff6600;border:1px solid #ff6600; font-size:0.8em;border-radius:3px;} .project_poll_required_icon:focus {background: #ff6600;} .project_poll_view_title {font-weight:600;color:#444;font-size:1.4em;text-align:center;letter-spacing:-1px;margin:40px 0 20px 0px;line-height:25px; } .project_poll_view_box {position:relative;} .project_poll_view_box .wrap {} .project_poll_view_box .tit {background:#2056ac; text-align:center; color:#fff; font-size:1.4em; letter-spacing:-2px; font-weight:500; padding:20px 10px; line-height:1.2;} /* 만족도 조사*/ .project_poll_view_box .int_box {background:#F4F6F8; border:1px solid #e2e3e7; padding:30px; border-radius:30px; margin-bottom:20px; line-height:1.4;} .project_poll_view_tit {overflow:hidden; font-size:1.05em; padding:10px; font-weight:700; color:#333; border-bottom:1px solid #2056ac;} .project_poll_view_no {display:inline-block; color:#2056ac; margin-right:10px; font-weight:700;} .project_poll_notice {color:#3a65e0;font-weight:500;padding:5px 8px; } .project_poll_view_helpbox {padding:0 0 7px 0;color:#fa7c00;} .project_poll_view_awrap {padding:20px 10px; overflow:hidden;} .project_poll_view_awrap li {padding:5px 0;} .project_poll_view_awrap li input {vertical-align:-2px; padding:5px 10px;} .project_program_view_his3_2 dl {margin:0;} .project_program_view_his3_2 dt {float:left;padding:1px;} .project_program_view_his3_2 dd {margin:0 0 0 70px;padding:1px;} .project_program_list_box {overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ddd;} .project_program_list_box div.title {float:left;width:13%;font-weight:500;text-align:center;background:#F3F3F3;} .project_program_list_box div.content {float:left;width:87%;border-left:1px solid #ddd;padding-left:10px;background:#F3F3F3;} .project_program_list_box div.title1 {float:left;width:13%;font-weight:500;text-align:center;border-top:1px solid #ddd;} .project_program_list_box div.content1 {float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .project_program_list_box div.content1_col {float:left;width:87%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .project_program_list_box div.title2 {float:left;width:13%;font-weight:500;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;} .project_program_list_box div.content2 {float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .project_program_view_box {overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ddd;} .project_program_view_box div.title {float:left;width:13%;font-weight:500;text-align:center;background:#F3F3F3;} .project_program_view_box div.content {float:left;width:87%;border-left:1px solid #ddd;padding-left:10px;background:#F3F3F3;} .project_program_view_box div.title0 {float:left;width:13%;font-weight:500;text-align:center;} .project_program_view_box div.content0 {float:left;width:87%;border-left:1px solid #ddd;padding-left:10px;} .project_program_view_box div.title1 {float:left;width:13%;font-weight:500;text-align:center;border-top:1px solid #ddd;} .project_program_view_box div.content1 {float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .project_program_view_box div.content1_col {float:left;width:87%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .project_program_view_box div.title2 {float:left;width:13%;font-weight:500;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;} .project_program_view_box div.content2 {float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .project_program_view_box div.content2_col {float:left;width:100%;border-top:1px solid #ddd;padding:10px 0px 10px 10px;} #project_sin_title {padding:20px;background:#2d3844;letter-spacing:0; overflow:hidden;} #project_sin_title .tit {float:left;font-size:1.5em;line-height:30px; font-weight:700;color:#fff;} #project_sin_title .close {position:relative;float:right;width:30px;height:30px;cursor:pointer;} #project_sin_title .close:before, #project_sin_title .close:after {position:absolute;left:calc(50% - 1px);content:'';height:30px;width:2px;background-color:#fff;} #project_sin_title .close:before {transform:rotate(45deg);} #project_sin_title .close:after {transform:rotate(-45deg);} @media screen and (max-width:1024px) { .project_program_list_box div.title {width:25%;} .project_program_list_box div.content {width:75%;} .project_program_list_box div.title1 {width:25%;} .project_program_list_box div.content1 {width:75%;} .project_program_list_box div.content1_col {width:75%;} .project_program_list_box div.title2 {width:25%;border-left:0px;} .project_program_list_box div.content2 {width:75%;} .project_program_view_box div.title {width:25%;} .project_program_view_box div.content {width:75%;} .project_program_view_box div.title0 {width:25%;} .project_program_view_box div.content0 {width:75%;} .project_program_view_box div.title1 {width:25%;} .project_program_view_box div.content1 {width:75%;} .project_program_view_box div.content1_col {width:75%;} .project_program_view_box div.title2 {width:25%;border-left:0px;} .project_program_view_box div.content2 {width:75%;} .project_poll_view_box .tit {font-size:1.2em; padding:15px 10px;} .project_poll_view_box .int_box {padding:20px; margin-bottom:20px; font-size:0.95em;} .project_poll_view_tit {font-size:1.05em; font-weight:500;} .project_poll_view_no {font-weight:500;} .project_poll_view_awrap {padding:10px;} } @media screen and (max-width:768px) { .project_club_membercolgroup col:nth-child(5), .project_club_membercolgroup col:nth-child(6), .project_club_memberhead th:nth-child(5), .project_club_memberhead th:nth-child(6), .project_club_memberbody td:nth-child(5), .project_club_memberbody td:nth-child(6) { display:none; } .project_list_wrap li {float:none !important; width:100%;} } @media screen and (max-width:580px) { .project_program_list_box div.title {width:28%;background:#fff;} .project_program_list_box div.content {width:72%;background:#fff;} .project_program_list_box div.title1 {width:28%;} .project_program_list_box div.content1 {width:72%;} .project_program_list_box div.content1_col {width:72%;} .project_program_list_box div.title2 {width:28%;} .project_program_list_box div.content2 {width:72%;} .project_program_view_box div.title {width:28%;background:#fff;} .project_program_view_box div.content {width:72%;background:#fff;} .project_program_view_box div.title0 {width:28%;} .project_program_view_box div.content0 {width:72%;} .project_program_view_box div.title1 {width:28%;} .project_program_view_box div.content1 {width:72%;} .project_program_view_box div.content1_col {width:72%;} .project_program_view_box div.title2 {width:28%;} .project_program_view_box div.content2 {width:72%;} } /* 관리자모드 *****/ .pctype_number {background-color:#306bc5;color:#ffffff;width:25px;height:25px;line-height:25px;text-align:center;border:0;border-radius:100%;} .project_exam_number {background-color:#999999;color:#ffffff;width:20px;text-align:center;border:0;} .other_number {background-color:#999999;color:#ffffff;width:23px;height:23px;line-height:23px;text-align:center;border:1px solid #999999; border-radius:100%;} .project_poll_open {border-top:0 solid #d1d1d1;text-align:center;} .extra01 {color:#ff6600;} .extra02 {color:#4a8cf7;} .project_atabmenu01 {background-color:#f2f2f2; height:39px;border-top:3px solid #555; border-left:1px solid #c8cdd2; border-right:1px solid #c8cdd2; border-bottom:1px solid #c8cdd2;} .project_atabmenu01 li {float:left;text-align:center; border-right:1px solid #c8cdd2;margin:0;font-size:13px;} .project_atabmenu01 li a {float:left;line-height:36px;padding:0 20px;font-weight:500; color:#555;margin:0;} .project_atabmenu01 li a:hover { color:#3765d0; } .project_atabmenu01 li a.atab_on {float:left; background-color:#fff;color:#000;} .project_atabmenu01 li a.atab_on:hover { } .project_atabmenu02_box {min-height:30px;padding:10px; background:url("../../../core/image/admin/sub_tabmenu02_bg.gif") repeat-x left bottom;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} .project_atabmenu02 {min-height:25px;overflow:hidden; } .project_atabmenu02 li {float:left;text-align:center; } .project_atabmenu02 li a {float:left;text-align:center; padding:0 15px;border-right:1px solid #d4d4d4;margin:0;color:#777; line-height:18px;margin:4px 0;} .project_atabmenu02 li:last-child a {border-right:none;} .project_atabmenu02 li a.atab02_on {color:#ff6600;font-weight:500; } .project_total_font1 {font-weight:500;color:#4a8cf7;} .project_total_font2 {font-weight:500;color:#009933;} .project_total_font3 {font-weight:500;color:#ff3366;} .project_total_font4 {font-weight:500;color:#000;} .project_schedule_date {text-align:center;margin:10px 0px;} .project_schedule_date span {font-weight:500;font-size:2em;} .project_schedule_date span img {vertical-align:baseline;} #project_scheduleform_toptitle {box-sizing:border-box;background-color: #393939;padding: 3px;height: 32px;width: 100%;text-align: center;color: #ffffff;font-weight: bold;} #project_scheduleform_toptitle .btn01 {float:left;padding: 5px 0 5px 10px;font-weight: bold;font-size: 16px;color: #ffffff;} #project_scheduleform_toptitle .btn02 {float:right;padding: 3px 10px 5px 0;} #project_scheduleform_main_area {margin:15px;} .project_schedule_titlebox {margin-top:5px;padding: 2px;border-top: 1px solid #dddddd;height: 25px;} .project_schedule_bg {margin-top: 1px;background-color: #f5f5f5;border: 1px solid #dddddd;padding: 3px 0;} .project_schedule_bg .title {margin: 0;text-align: center;width: 95%;font-size: 11px;font-weight: bold;color: #999999;} .project_schedule_bg .title2 {margin: 0;text-align: center;width: 95%;font-size: 11px;font-weight: bold;color: #4776c4;} .project_schedule_divs {width: 300px;z-index: 220;border: 3px solid #27589f;background-color: #ffffff;} .project_schedule_divs .title {background-color: #4573b3;margin: 0;text-align: left;padding: 4px 7px 3px 10px;height: 25px;} .project_schedule_divs .title p {margin: 0;color: #ffffff;font-weight: bold;font-size: 15px;letter-spacing: -1px;} .project_schedule_divs .cont {margin: 0;padding: 10px;} .project_schedule_divs .cont dl {margin: 0;border-bottom: 1px solid #eaeaea;} .project_schedule_divs .cont dt {margin: 0;float: left;padding: 3px 0 3px 12px;width: 100px;font-size: 11px;color: #777;letter-spacing: -1px;background: url("../../../core/image/common/icon01.gif") no-repeat 3px 8px;text-align: left;} .project_schedule_divs .cont dd {margin: 0 0 0 70px;padding: 3px 0;text-align: left;font-size: 11px;color: #777;} .tabmenu_wrap li.dev:before { content: ''; position: absolute; top: 4px; left: calc(50% - 3px); width: 6px; height: 6px; background: var(--gwc3); border-radius: 5px; } .project_calendar_year {position:relative;text-align:center; font-size:2.2em;color:#222; padding:8px 0 10px 0;height:50px;margin:10px 0; } .project_calendar_year span {font-weight:500;} .project_calendar_year .arrow {position:absolute;top:0;left:0;width:100%;z-index:1;} .project_calendar_year .arrow a {position:absolute;display:block; width:40px; height:40px; border:1px solid #b5b5b5; cursor:pointer; background:#fff; opacity:0.6;} .project_calendar_year .arrow span {display:inline-block; border:solid #000; border-width:0px 1px 1px 0; padding:6px; } .project_calendar_year .arrow a:hover {opacity:1;} .project_calendar_year .arrow .prev {left:calc(50% - 120px); } .project_calendar_year .arrow .prev span {transform: rotate(135deg); margin:13px 0 0 7px;} .project_calendar_year .arrow .next {right:calc(50% - 120px); } .project_calendar_year .arrow .next span {transform: rotate(-45deg); margin:13px 0 0 -6px;} .project_member_wrap li:first-child {border-top:0;} .project_member_bg {margin-bottom: 2px;background: #edeff3;border: 1px solid #96afd8;padding:6px 4px;position:relative; /* display: flex;justify-content: space-between; */ } .project_member_bg:after {content:""; display:block; clear:both;} .project_member_bg .name {flex:2;color: #4776c4;line-height:30px;font-size:1.05rem;font-weight:500;text-indent:0;cursor:pointer;} .project_member_bg .name:hover {text-decoration:underline;} .project_member_bg.end .name {color: #8f8f8f;} .project_member_bg.end { background: #edeff3;border: 1px solid #dadada; } .project_daybold {position:relative;top:-6px;margin:0 0 5px 0; } .project_daybold span {padding:8px 18px 11px 18px;line-height:45px; font-size:20px;font-weight:600;border:1px dashed #bbb;border-top:0;border-left:0; } .project_member_daybox {padding:7px 5px;border-top:1px solid #efefef; } .project_member_daybox:after {content:""; display:block; clear:both;} .project_member_wrap li:first-child {border-top:0;} .project_member_daybox .stit {padding:2px 0; color:#888; font-size:0.95rem;} .project_member_daybox .stit strong {display:inline-block;font-weight:300;font-size:0.95em;min-width:auto; border:1px solid #ddd;padding:1px 5px 2px 5px;text-align:center;margin-right:7px;letter-spacing:-1px;} /* 정렬버튼 */ .gsearch_box .sort_btn {position:relative; display: inline-block; cursor: pointer; text-align:center; white-space:nowrap; vertical-align:middle; border-radius:2px; padding: 0 14px; line-height:32px; border:1px solid #c5c5c5; background:#fff;color:#959595; font-size:0.9em; } .gsearch_box .sort_btn i {color:#959595; } .gsearch_box .sort_btn.on, .gsearch_box .sort_btn.on i { color:var(--color1);}