/* ================= 관리자 달력 공통 ==================== */ .external_daybold {position:relative;overflow:hidden; border-bottom:1px dashed #ddd; color:#222; background:#f9f9f9;} .external_daybold .day {position:relative;padding:11px 10px; font-size:1.1em; font-weight:600; } .external_daybold .day span {display:inline-block; padding-left:5px; font-size:0.85em; } .external_daybold .daybtn {position:absolute;right:8px; top:6px; width:30px;height:30px; background:url('../img/icon_write.png') no-repeat center 50%;background-size:auto 100% ; border:1px solid #b1b1b1; border-radius:50%; opacity:0.55; } .external_daybold .daybtn:hover {opacity:1; background-color:#fff;} .external_member_wrap {position:relative; min-height:90px;} .external_member_wrap ul {padding:13px 10px; display: flex; flex-direction: column;gap:6px;} .external_member_wrap ul li {border:1px solid #aaa ; background:#fff; letter-spacing:0; padding:7px 15px; border-radius:5px; display: flex; flex-flow:wrap;justify-content: space-between; } .external_member_wrap ul li.bg01 {border-color:#abddb9; color:#11b78e;background:#f6fcf8; } .external_member_wrap ul li.bg02 {border-color:#a9c5dd; color:#0f87ec; background:#f4f7fb; } .external_member_wrap ul li.bg03 {border-color:#d1b6e3; color:#ab59df; background:#f9f5fb; } .external_member_wrap ul li a {display:block;font-weight:500;font-size:1.1em; } .external_member_wrap ul li div {font-weight:bold; } .external_member_wrap ul li span a {color:#fff600;} .external_member_wrap ul li:hover div {text-decoration:underline; } .external_member_wrap ul li span {text-align:right;font-weight:bold;color:#666; letter-spacing:0.5px; } .external_calendar_year {position:relative;text-align:center; color:#000; height:40px;margin:25px 0 ; } .external_calendar_year span { font-size:2.8em; font-family: 'GmarketSansBold'; transition:all 0.3s ease;} .external_calendar_year select {border:0; font-size:2.2em; font-weight:500; font-family: 'GmarketSansBold';} .external_calendar_year select option { text-align:center; font-size: 1.1rem; font-family: 'Noto Sans KR';} /* 드롭다운 목록의 글자 크기 */ .external_calendar_year .arrow {position:absolute;top:-3px;left:0;width:100%;z-index:1;} .external_calendar_year .arrow a {position:absolute;display:block; top:0;width:40px; height:40px; border:1px solid #b5b5b5; cursor:pointer; background:#fff; opacity:0.6; border-radius:50px; transition:all 0.3s ease;} .external_calendar_year .arrow span {position:absolute;top:14px;display:inline-block; width:10px;height:10px;border:solid #333; border-width:2px 2px 0 0; transition:all 0.3s ease;} .external_calendar_year .arrow a:hover {opacity:1;} .external_calendar_year .arrow .prev {left:calc(50% - 175px); } .external_calendar_year .arrow .prev span {transform: rotate(-135deg); left:16px;} .external_calendar_year .arrow .next {right:calc(50% - 175px); } .external_calendar_year .arrow .next span {transform: rotate(45deg); right:16px;} .gtable .selday {background:#fef7c0;} .gtable .selday p {color:#000;} .gtable .notday {background:#fafafa;} .gtable .notday p {color:#ccc;} .gtable .today {background:#fdf9f2 !important;} /* 오늘 표시*/ .gtable .today .date_day {color:#fff; background:#f66000;} .gtable .redday {color:#f64a1b;} .gtable .blueday {color:#397fe7;} .gtable .today .external_daybold {background:#fdf9f2 ;} /* 오늘 표시*/ /* ================= 사용자 달력(관리자꺼 복사) ==================== */ .calendar_list_helpbox {text-align:center;padding:20px 10px ; font-size:0.95em; background:#2157a4;color:#fff; border-radius:15px 15px 0 0;} .calendar_list_helpbox .fred {color:#ffc000 !important;} .calendar_table {border-collapse:collapse; width:100%; table-layout:fixed; background:#fff; border-radius:10px 10px 0 0; overflow:hidden; } .calendar_table thead th { background:#2157a4; border:1px solid #2157a4;color:#fff; font-weight:500;padding:17px 0;line-height:1.05em;font-size:0.9em; letter-spacing:-1px; text-align:center; /* background:#e5e7ea; border:1px solid #d2d2d2;border-top:0; */} .calendar_table tbody td {padding:0 ; letter-spacing:-1px; border:1px solid #dfdfdf; vertical-align:top;} .calendar_table .selday {background:#fef7c0;} .calendar_table .selday p {color:#000;} .calendar_table .notday {background:#fafafa;} .calendar_table .notday p {color:#ccc;} .calendar_table .today {background:#fcf6eb !important;} /* 오늘 표시*/ .calendar_table .today .date_day {color:#fff; background:#f66000;} .calendar_table .redday {color:#f64a1b !important;} .calendar_table .blueday {color:#397fe7 !important;} @media screen and (max-width:1100px) { .calendar_table thead th { padding:14px 0;font-size:0.85em;} .calendar_list_helpbox { font-size:0.9em; letter-spacing:-1px;} } @media screen and (max-width:600px) { .calendar_table thead th { padding:12px 0;font-size:0.8em;} } .external_home_daybold {position:relative; width:100%; border-bottom:1px dashed rgb(0,0,0,0.1); height:40px;background:#fafafa; } .external_home_daybold .date_day {position:relative; display:inline-block; margin:5px 6px;text-align:center; width:28px; height:28px; line-height:30px;font-size:0.75em; color:#434a54; letter-spacing:0.5px; font-family: 'GmarketSansBold'; border-radius:50px; } /* 달력 리스트 날짜 */ .external_home_daybold .date_holiday {position:absolute; top:7px; left:43px; font-size:0.75em; color:#f22626; } /* 달력 리스트 휴일 설명 */ .calendar_table tbody td:first-child .date_day { color:#f22626;} /* 일요일 빨간글씨 */ .calendar_table tbody td:last-child .date_day { color:#2a77e9;} /* 토욜일 파란글씨*/ .calendar_table .today .external_home_daybold {background:#fcf6eb ;} /* 오늘 표시*/ .external_home_member_wrap {padding:3px 7px ; min-height:75px;} .external_home_member_wrap li {position:relative; padding-top:5px;padding-bottom:5px; border-bottom:1px solid #e5e5e5; /*display: flex; flex-flow:wrap;justify-content: space-between; */ } .external_home_member_wrap li:last-child { border-bottom:0; } .external_home_member_wrap .cont_txt {position:relative;padding:0 5px;transition:all 0.3s ease; display: flex; flex-flow:wrap;justify-content: space-between; display:none; } .external_home_member_wrap .cont_txt p { font-size:0.95em;font-weight:600;color:#333; } .external_home_member_wrap .cont_txt span {display:inline-block; color:#888;font-size:0.8em; letter-spacing:0.5px; } .external_home_member_wrap .cont_txt span b {color:#f66000; } .external_home_member_wrap .cont_txt02 {margin-top:5px;} .external_home_member_wrap .cont_txt02 span {position:relative;display: block;color:#888;font-size:0.85em;line-height:1.5; letter-spacing:0.5px;padding-left:20px; } .external_home_member_wrap .cont_txt02 span:before {position:absolute; content:''; left:10px; top:9px; width:3px;height:3px; background:#888; border-radius:50%; } .external_home_member_wrap .cont_txt02 span b {color:#f66000; } .external_home_member_wrap .cont_txt02 span b.ne {color:blue; } .calendar_table .sinbtn01 { text-align:center; background:#aaa; padding:0 7px ; color:#fff;font-size:0.85em; line-height:34px; min-width:50px;letter-spacing:-1px; border-radius:50px; margin-top:8px;transition:all 0.3s ease;} /* 리스트의 검사신청 버튼 */ .calendar_table .sinbtn01.bg01 {background:#19c2c2; } .calendar_table .sinbtn01.bg02 {background:#0f87ec; } .calendar_table .sinbtn01.bg03 {background:#ab59df; } .calendar_table .sinbtn01 span {display:none;transition:all 0.3s ease;} .calendar_table .sinbtn01:hover {background:#000; } .calendar_table .sinbtn02 {display:inline-block;text-align:center; background:#c3c3c3; padding:0 7px ; color:#fff; font-size:0.85em; line-height:34px; min-width:50px; letter-spacing:-1px; border-radius:50px;width:100%; margin-top:8px; transition:all 0.3s ease;} @media screen and (max-width:1100px) { .external_home_daybold { height:38px; } .external_home_daybold .date_day { margin:4px; width:25px; height:25px; line-height:27px; font-size:0.7em; } .external_home_daybold .date_holiday {display:none; } .external_home_member_wrap li { display: block; } .external_home_member_wrap .cont_txt { padding:0 0 3px 3px;} .calendar_table .sinbtn01, .calendar_table .sinbtn02 { display: block; font-size:0.85em; line-height:1.1em; padding: 7px 5px;min-width:initial;width:100%;} } @media screen and (max-width:800px) { .external_home_daybold { height:38px; } .external_home_member_wrap {padding:5px 5px 0 5px; min-height:60px;} .external_home_member_wrap li { border-bottom:0; padding:0 0 5px 0;} .external_home_daybold .date_holiday {display:none; } .external_home_member_wrap .cont_txt {display:none; } .external_home_member_wrap .cont_txt02 span {padding-left:12px; } .external_home_member_wrap .cont_txt02 span:before { left:5px; top:8px; } } @media screen and (max-width:600px) { .external_home_member_wrap { min-height:30px;} .external_home_daybold { border-bottom:0 dashed #e1e1e1; height:initial;background:initial; text-align:center; } .external_home_daybold .date_day { margin:4px 0 0 0; width:23px; height:23px; line-height:25px; font-size:0.6em; } .calendar_table .sinbtn01, .calendar_table .sinbtn02 { font-size:0.8em; padding: 5px; border-radius:5px; margin-top:5px;} .external_home_member_wrap .cont_txt02 span {font-size:0.75em; letter-spacing:0; } .external_home_member_wrap .cont_txt02 {display:block; line-height:1.4; } .external_home_member_wrap .cont_txt02 span {padding-left:0; } .external_home_member_wrap .cont_txt02 span:before {display:none; } } @media screen and (max-width:500px) { .external_home_member_wrap .cont_txt02 span {font-size:0.7em; } } .external_home_calendar_year {position:relative;text-align:center;color:#000; height:40px;margin:0 0 20px 0; transition:all 0.3s ease;} .external_home_calendar_year span { font-size:1.9em;font-family: 'GmarketSansBold'; transition:all 0.3s ease;} .external_home_calendar_year .arrow {position:absolute;top:-9px;left:0;width:100%;z-index:1;} .external_home_calendar_year .arrow a {position:absolute;display:block; top:0;width:40px; height:40px; border:1px solid #b5b5b5; cursor:pointer; background:#fff; opacity:0.6; border-radius:50px; transition:all 0.3s ease;} .external_home_calendar_year .arrow span {position:absolute;top:14px;display:inline-block; width:10px;height:10px;border:solid #333; border-width:2px 2px 0 0; transition:all 0.3s ease;} .external_home_calendar_year .arrow a:hover {opacity:1;} .external_home_calendar_year .arrow .prev {left:calc(50% - 135px); } .external_home_calendar_year .arrow .prev span {transform: rotate(-135deg); left:16px;} .external_home_calendar_year .arrow .next {right:calc(50% - 135px); } .external_home_calendar_year .arrow .next span {transform: rotate(45deg); right:16px;} @media screen and (max-width:1100px) { .external_home_calendar_year { margin: 15px 0 10px 0; } .external_home_calendar_year span { font-size:1.8em; } .external_home_calendar_year .arrow a { top:2px;width:36px; height:36px; } .external_home_calendar_year .arrow .prev {left:calc(50% - 115px); } .external_home_calendar_year .arrow .next {right:calc(50% - 115px); } .external_home_calendar_year .arrow span { top:12px;} .external_home_calendar_year .arrow .prev span { left:14px;} .external_home_calendar_year .arrow .next span { right:14px;} } @media screen and (max-width:600px) { .external_home_calendar_year span { font-size:1.5em; } .external_home_calendar_year .arrow { top:-8px;} .external_home_calendar_year .arrow .prev {left:calc(50% - 100px); } .external_home_calendar_year .arrow .next {right:calc(50% - 100px); } } /* =================== 마이페이지 뷰페이지 상단 ==================== */ .mypage_view_wrap {position:relative; background:#fff; border:6px solid #cedef4; border-radius:20px; margin:0 0 40px 0; } .mypage_view_wrap .inner { padding:25px 50px ; } .mypage_view_wrap .inner .tit {position:relative; font-size:1.7em;font-weight:700; color:#09459a; letter-spacing:-1px;line-height:1.3;padding:0 0 15px 0;} .mypage_view_wrap .inner .tit strong {display:inline-block;font-weight:700 !important; padding:0 0 0 15px;} .mypage_view_wrap .inner .tit .date {font-size:0.75em; color:#666; } .mypage_view_wrap .inner .tit .state_not {display:none;} .mypage_view_wrap .inner dl {position:relative;display:flex;font-size:0.95em; padding:5px 0 ; color:#000;} .mypage_view_wrap .inner dt {position:relative;width:110px;letter-spacing:-1px; padding:0 0 0 15px;} .mypage_view_wrap .inner dd {flex:2;} .mypage_view_wrap .inner dt:before {position:absolute; content:''; display:block; left:3px; top:11px; width:3px; height:3px; background:#333;} .mypage_view_wrap .inner dt:after {position:absolute; content:''; display:block; right:20px; top:5px; width:1px; height:17px; background:rgb(0,0,0,0.1);} .mypage_view_wrap .file li {font-size:0.9em;color:#000;} .mypage_view_wrap .fpilsu {font-size:0.9em;color:#000 !important;} @media screen and (max-width:1100px) { .mypage_view_wrap { margin:0 0 30px 0;} .mypage_view_wrap .img {max-width:400px;width:100%;height:240px;margin:auto; } .mypage_view_wrap .inner { padding:20px ; } .mypage_view_wrap .inner .tit { font-size:1.4em;padding: 0 0 10px 0; } .mypage_view_wrap .inner dl {font-size:0.9em;padding:3px 0;} .mypage_view_wrap .inner dt {width:95px;} .mypage_view_wrap .inner dt:after { right:13px; } } @media screen and (max-width:800px) { .mypage_view_wrap { border-width:4px; border-radius:15px; } } @media screen and (max-width:600px) { .mypage_view_wrap .inner .tit { font-size:1.3em; } .mypage_view_wrap .mydash { padding:15px 5px ;} .mypage_view_wrap .mydash dl {padding:0 15px;font-size:0.9em; } } /* 동희화면 ================================================================================== */ .erequest_agree_box .box {position:relative;border:1px solid #dfdfdf; background:#fff;} .erequest_agree_box .textarea_form {border-color:#fff; font-size:0.9em;padding:35px; height:230px;} .erequest_agree_box .bottom {position:relative;background:#f4f5f7; text-align:center; font-size:0.9em; padding:25px; color:#000; } .erequest_agree_box .bottom input[type="checkbox"] { display: none; } /* 체크박스 이미지 설정 */ .erequest_agree_box .bottom input[type="checkbox"] + label {position: relative;padding-left:45px; cursor: pointer;display: inline-block; } .erequest_agree_box .bottom input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top:-4px;border:1px solid #ddd; border-radius:50%; width: 34px; height: 34px; background: url('../img/checkbox.png') no-repeat #fff; background-size: contain; } .erequest_agree_box .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:1100px) { .erequest_agree_box .textarea_form { padding:25px; height:210px;} .erequest_agree_box .bottom { padding:20px 0; } } @media screen and (max-width:600px) { .erequest_agree_box .textarea_form { padding:20px; } .erequest_agree_box .bottom input[type="checkbox"] + label { padding-left:37px; } .erequest_agree_box .bottom input[type="checkbox"] + label:before { top:-2px;width:28px; height: 28px;} } /* 신청리스트 - 상태일괄변경 */ #external_membermod_box, #external_membermileage_box {display:none;position:absolute;z-index:2;background:#fff;} .external_membermod_fade, .external_membermileage_fade {position:absolute; top:0%; left:0%; width:100%; height:100%; background:transparent; z-index:1000 !important; } /* 마이페이지 신청취소 */ .external_cancel_wrap {display:none;}