/* 공통 ================================================================================== */ .gtable_900 {width:900px;margin:0 auto;} .gbox_help .btns {position:absolute;right: 25px; top: 20px;z-index:3;} .pptype_number {background-color:#1e67d5;color:#ffffff;width:33px;height:33px;line-height:33px;text-align:center;border:0;border-radius:100%;} .lexam_number {background-color:#999999;color:#ffffff;width:100%;text-align:center;border:0;line-height:34px;} .lther_number {background-color:#999999;color:#ffffff;width:27px;height:27px;line-height:27px;text-align:center;border:1px solid #999999; border-radius:100%;} .program_hcol1 {width:25%;} .program_gcol1 {width:20%;} #program_typegroup_add_txt {color:#ff0000;padding-left:10px;} .program_typelist_add_txts {color:#ffffff;padding-left:10px;} .program_typefile_box {margin-bottom:10px;} .program_typefile_box .ahref_btns {border:2px solid rgb(0,0,0,0.1);border-radius:5px;background:var(--color1);color:#fff;font-size:0.8em;padding:2px 5px;} .program_typegroup_sort {margin:5px 0px;border:2px dashed #000;height:200px;} .program_typelist_sort {margin:5px 0px;border:2px dashed #000;height:100px;} .program_date {font-size:1.1em; font-weight:500; letter-spacing:-0.75px; line-height:1.4;} .program_date i {color:var(--color1); margin-right:7px; font-size:1.2em;} .program_topline {border-top:1px solid #ddd;} .program_magamline {text-decoration: line-through;opacity:.7;} #program_membermod_box, #program_membermileage_box, #program_memberpoint_box {display:none;position:absolute;z-index:2;background:#fff;} .program_membermod_fade, .program_membermileage_fade, .program_memberpoint_fade {position:absolute; top:0%; left:0%; width:100%; height:100%; background:transparent; z-index:1000 !important;} .program_class_finish {padding:1px 5px 1px 3px; line-height:21px; color:#fff; background:var(--color1); text-align:center; font-size:0.85em; vertical-align:top;} #pmember_watchbox {display:none;width:500px;z-index:2000;background:#fff; border: 2px solid #c5c5c5; border-radius: 3px; overflow: hidden; margin: 0 0 20px 0; padding: 10px;} #pmember_watchfade {position:absolute; top:0%; left:0%; width:100%; height:100%; background:transparent; z-index:1000 !important;} .program_viewbox {position:relative;} .program_viewbox .cont {border-bottom:1px solid #dfdfdf;padding-bottom:40px;margin-bottom:40px;} .program_datetit {text-align:center;padding-left:20px;user-select:none;} .program_datetit p {display:inline-block;background: #fff; width:32px; height:32px; line-height:27px; border-radius:100%; background:#e2e2e2; margin-left:-1px; cursor:pointer;vertical-align:middle;} .program_datetit .prevbtn {display:inline-block;margin-top:11px; margin-left:6px; border:solid #898989; border-width:0 2px 2px 0; padding:3px; transform:rotate(135deg);} .program_datetit .nextbtn {display:inline-block;margin-top:11px; margin-left:-3px; border:solid #898989; border-width:2px 2px 0 0; padding:3px; transform:rotate(45deg);} .program_datetit p:hover {border-color:#333;} .program_datetit select {margin: 0 2px;} .program_datetit p.not {border:1px solid #eee;} .program_datetit p.not .prevbtn {border:solid #eee; border-width:0 2px 2px 0;} .program_datetit p.not .nextbtn {border:solid #eee; border-width:2px 2px 0 0;} @media screen and (max-width: 1024px) { /* 가로 스크롤바 */ .gtable_resp {display:block; width:calc(100vw - 30px) !important; overflow-x:auto; padding:5px 0px; -webkit-overflow-scrolling: touch; } .gtable_resp .gtable {min-width:1000px !important;} .gtable_resp::-webkit-scrollbar {height: 8px;} .gtable_resp::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;} .gtable_resp::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;} .gtable_resp::-webkit-scrollbar-thumb:hover {background: #555;} } /* 관리자 출석리스트 날짜 스크롤 ================================================================================== */ .gtable_wrap {display: flex;width: 100%;} .gtable_wrap .fixed_gtable {flex-shrink: 0;background: white;z-index: 2;} .gtable_wrap .fixed_gtable .gtable {width: 100%;} .gtable_wrap .fixed_gtable .gtable thead th {width: auto;} .gtable_wrap .fixed_gtable .gtable thead tr th:last-child {border-right: 1px solid #5d636c;} .gtable_wrap .fixed_gtable .gtable tbody tr td:last-child {border-right: 1px solid #d9d9d9;} .gtable_wrap .scroll_gtable {flex: 1;overflow-x: auto;overflow-y: hidden;} .gtable_wrap .scroll_gtable .gtable {width: auto;min-width: 100%;} .gtable_wrap .scroll_gtable .gtable thead th {width: 100px;min-width: 100px;white-space: nowrap;} .gtable_wrap .scroll_gtable .gtable tbody td {width: 100px;min-width: 100px;} .gtable_wrap .scroll_gtable::-webkit-scrollbar {height: 8px;} .gtable_wrap .scroll_gtable::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;} .gtable_wrap .scroll_gtable::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;} .gtable_wrap .scroll_gtable::-webkit-scrollbar-thumb:hover {background: #555;} .gtable_scrollinfo {display:none;position: absolute;top: 25px;background: rgba(0, 0, 0, 0.7);color: white;padding: 3px 10px;border-radius: 4px 4px 0 0;font-size: 0.9em;z-index: 3;} .main_cont_box01 {position:relative;} /* 개인정보 동의 ================================================================================== */ .program_agree_box {position:relative;} .program_agree_box .box {position:relative;border:1px solid #dfdfdf; background:#fff;} .program_agree_box .textarea_form {border-color:#fff; font-size:0.9em;padding:25px; height:230px;} .program_agree_box .bottom {position:relative;background:#f4f5f7; text-align:center; font-size:0.9em; padding:15px; color:#000;} .program_agree_box .bottom input[type="checkbox"] {display: none;} /* 체크박스 이미지 설정 */ .program_agree_box .bottom input[type="checkbox"] + label {position: relative;padding-left:45px; cursor: pointer;display: inline-block;} .program_agree_box .bottom input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top:-4px;border:1px solid #ddd; width: 30px; height: 30px; border-radius:50px; background: url('../img/checkbox.png') no-repeat #fff; background-size: contain;} .program_agree_box .bottom input[type="checkbox"]:checked + label:before {background: url('../img/checkbox_on.png') no-repeat var(--color1); border-color:var(--color1); background-size: contain;} @media screen and (max-width:1100px) { .program_agree_box .textarea_form {padding:25px; height:210px;} .program_agree_box .bottom {padding:20px 0;} } @media screen and (max-width:600px) { .program_agree_box .textarea_form {padding:20px;} .program_agree_box .bottom input[type="checkbox"] + label {padding-left:37px;} .program_agree_box .bottom input[type="checkbox"] + label:before {top:-2px;width:28px; height: 28px;} } /* 관리자 - 접수항목설정 ================================================================================== */ .program_typegroup_boxs, .program_typegroup_boxs_no {border: 1px solid #c5c5c5; background: #fff; border-radius: 3px; overflow: hidden; margin: 0 0 20px 0;} .program_typegroup_top {padding:15px;background:#cdcfd4;} .program_typegroup_top td {font-weight:500;font-size:1.1em;} .program_typegroup_top td input {border-color:#fff;} .program_typelist_boxs input {margin:2px 0px;} .program_typelist_boxs ul {position:relative;display: table;width:100%;} .program_typelist_boxs li {position:relative; display: table-cell; border-left:1px solid #d7d2cb;} .program_typelist_boxs li:first-child {border-left:0;} .program_ptlist_textarea {width:96%;min-height:30px;background-color:#ffffff;padding:5px;border:1px solid #bbb;overflow-x:hidden;} /* 마이페이지 - 서치박스 ================================================================================== */ .program_searchbox {position:relative;width:100%;padding: 30px;border:1px solid #ddd;margin-bottom:40px; display: flex; flex-direction: column; align-items:center; } .program_searchbox_top {display:flex;gap:30px;} .program_searchbox .img {position:relative; width:100px;height:100px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjg2NjVFQjc1QzAxMTFFRDgzQ0E5REVCQTA0QTQyMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg2NjVFQjg1QzAxMTFFRDgzQ0E5REVCQTA0QTQyMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODY2NUVCNTVDMDExMUVEODNDQTlERUJBMDRBNDIzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCODY2NUVCNjVDMDExMUVEODNDQTlERUJBMDRBNDIzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk1Wu9EAAApxSURBVHja7JsJXI1Z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') no-repeat center 50% #f5f5f5; border-radius:50%;} .program_searchbox_top .txt {flex:2; display: flex; flex-direction: column; justify-content:center; line-height:1.3;} .program_searchbox_top .txt p {position:relative; color:#222;font-size:1.4em;font-weight:700; padding:0 0 10px 0;} .program_searchbox_cont {position:relative; background:#f4f4f4; margin-top:20px;padding:25px; width:100%;} .program_searchbox_box {position:relative; text-align:center;} .program_searchbox_box div {position:relative; display:inline;} .program_searchbox_box input[type=text], .program_searchbox_box input[type=password] {border:1px solid #ccc; line-height:38px;padding:0 8px;width:35%;margin:0 2px;} .program_searchbox_box .btns {display:inline-block; border:0;background:#0a1432; line-height:40px;padding:0 20px;color:#fff; border-radius:2px;} .program_searchbox_box input::placeholder {color:#bbb; font-size:0.9em;} .program_searchbox_box i {position:absolute; right:15px; top:-5px; width:20px;height:40px;line-height:40px;font-size:0.8em; z-index:1;} .program_searchbox_nolist {width:100%; padding:215px 0 80px 0;text-align:center; margin:20px auto;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAABuCAYAAAD1TPu3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RDNCMEYwRUE5NTlFRDExQThGRDhFNDE3MDYxMTIzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2N0EyREMwMDY1NkIxMUVEOUY0Njk4ODU1MjA4NjAwRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2N0EyREJGRjY1NkIxMUVEOUY0Njk4ODU1MjA4NjAwRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlDRUI2MjdGQTA2NEVEMTE4NTZBRTRBQTU4OUM3RjZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREM0IwRjBFQTk1OUVEMTFBOEZEOEU0MTcwNjExMjNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Wz+I8QAAEpRJREFUeNrsnXdwFVUbxk9MICEECFLCR0eKioKAoqioWEYdexuxt7H3sfc/HNvYex17G3svY5mxjUoRAZUmKIpAQugQevnOb3POcvbcvTdt9+Zucp6Zndvvtmff/r6bJyyUlZW1kA//k0snuRTLJV845Bo2yWW1XBbKZX5FRcWabK04zyJLd/nQx5EkceSZI5fZkjib415ZvkGW/vKht1y2cucgUeCiL5VLm5KSksqqqqpYV7aVIVm6uWOfaHSQS9/Y2alslhEhamitXMqVrnTILRRynSsb0wQqaZxUTaviWnGBMnBtslTKZapc8SZ3bnIT8kL/V0mU7tZHPeQyPU6V1ClEsjiy5DiUgTtTLsuVZNH2TMe4bRhbrJU7siSGNDzMt7zdFsrMiI0wtjpyNkuyEHa+WsbqJTk0SVfbEcah8eEI4+AI4+AI4+AI4+AI4+AI4+DgCOPgCOPgCOPgCOPgCOPgCOPg4Ajj4Ajj4Ajj4Ajj0JRQ4A5BtCgrK+OYFqullahuCclXCxco9dIb1ULB/Sq9VFRUbHSEafoEgQR0HrZXj23q+Veb5X+tkI9L5bKEx2y0vjrCZI8obeVDF1HdphNFlT51uG3V0lMu6+Q6FojqLo6VjjDJJAkPtKT2Uic2TlD5T5Nad7lepM6/kjiLHWGSQxZUDp2GJRm9iK22EoMGDRLbbrut6Nu3r+jdu7do3bq1KCkpEcXFxWLVqlVixYoVgqb52bNni5kzZ4rp06eL33//XWzenFYDoepK5TbQtDZLEmeZI0zuEqVQEaVzuu907txZHH300WKfffYRw4cPF23a1N2MWbp0qRg7dqz47rvvxHvvvScWLVoU9jWk2lC5TeWKOOuzfTxoxh9lvTdNbki5o4pHFnTQABEyLycvL08cccQR4sQTTxR77bWXyM+PbqTO+vXrxTfffCNee+018dlnn6X9mqjuod4glyHWZ+PjsnscYdJ7PgOUUZuickaPHi0uuugi0a9fv9Dfo3amTp3qqZxZs2aJJUuWeCqI91FLqKett95abLPNNt6C+mrVqlXof02ZMkU89thj4p133km3uZUitT/eESaLZMHYHBTmHu+6667irrvuEgMHDkz5HcT48MMPPZUybtw4sWHDhlqvs7Cw0FNle++9tzjyyCNFr169Ur4zYcIEce2114rffvutNn/pCJMlsnCZDxbVATcfRUVF4rbbbhMnnXSSJ2FM1YG98eKLL4pffvklsu0YMWKEOPPMM8Whhx4qCgq2mJmQ8LnnnhO33nprTYR0hMkSWbAFCs33BwwYIJ555hlPbWhs3LhRvP766+LBBx8U//33X2zbhLq64oorxDHHHBMg6qRJk8S5554r/vnnH0eYRlRDQ23JcvDBB4vHH3/csztM1XDdddeJyZMnZ/xP1Er//v1Ft27dRMeOHb3/QFoglbBlFi5c6JHtzz//FHPmzMn4X7vttpu48847A6pw2bJl4uyzzxbff/992E8mynO41BEmHrLkK7IE4iuon3vuucf3fpAqDz/8sPfepk2bQuMv2CG41kOGDBFt29Y+rodRPHHiRM8zgpBh8Ri24+abbxbnnXee56FplXjxxReLDz74wP460mVCHHN+HGHKygbaMZZTTjnFI4Y+MZzQc845R/zwww8pv8e+wdbAWMXzaSgqKys9uwh3GkLYOOigg8Sjjz7qx3ogMh7b+++/b391njyPMxxhoiVLV+U++zjssMPEU0895UuW+fPnixNOOMGLxto48MADxemnny7atWsX+bYRuMPA/fbbb1M+22mnnTwbShMUYkHykO9OkedygSNMdEbucGHUBO2www7i448/9mMic+fO9YJzPJrAJrnyyiu9FEDcQEXdf//9XiTYNog/+ugj0aFDB+/18uXLPenz999/m1/DlRorz+e6qLanORdQ9Tf3n3zP008/7ZMFNYRksckybNgwz5bJBlnM9UFmE3/99ZcXZSYvBbCZ8OZatAgkzvHJ+0W5PfklJSW9rfcWVlVVrWzi0oXIaCA69tBDD4k999wzIOJxX03st99+4pprrkkblY0LrI+gHt6U6cYzFHHatGniqKOO8uwtclqlpaXi66+/Nn/eWp7jZfKcrnGEqR9ZsGQHCSPxOmrUKM8D0SCaa4fiDzjgAHH55ZdHmjOqC3DJR44c6cVeTDccSYPhjeut7RtsmXnz5pk/Z6z8vCjGyjdHlURCsUi/QITffvvt/oc//vijeOSRRwI/wF3GfdVeU2MB1x3baccddwy8T4xGS0O+A+HNQB9SRkQ0v7dZEUZJl57mewS/qFsB69at84JyJhDznCQzRN+Y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') no-repeat center 70px;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:1.8em; color:#888; letter-spacing:-3px;} @media screen and (max-width: 1300px) { .program_searchbox_box input[type=text], .program_searchbox_box input[type=password] {width:calc(50% - 60px);} } @media screen and (max-width: 800px) { .program_searchbox {padding:20px; margin-bottom:30px;} .program_searchbox_top {gap:20px;} .program_searchbox .img {width:90px;height:90px; background-size:60% auto;} .program_searchbox_top .txt p {font-size:1.3em;} .program_searchbox_cont {padding:20px;} .program_searchbox_box input[type=text], .program_searchbox_box input[type=password] {width:calc(50% - 50px);margin:0;} .program_searchbox_box i {right:10px;} .program_searchbox_box .btns {padding:0 13px;} } @media screen and (max-width: 600px) { .program_searchbox .img {width:80px;height:80px; background-size:65% auto;} .program_searchbox_box div {display:block;} .program_searchbox_box input[type=text], .program_searchbox_box input[type=password] {width:100%;margin:0 0 5px 0;} .program_searchbox_box i {top:0;} .program_searchbox_box .btns {padding:3px 0 ; width:100%; margin:5px 0 0 0 ;} } /* 마이페이지 - 강좌신청리스트 ==================================================================================== */ .program_myclasslistbox {position:relative; display: flex; flex-direction: column;gap:30px;} .program_myclasslistbox li {position:relative;border:1px solid #e5e5e5;display: flex; flex-flow:wrap;justify-content: space-between; gap:0;} .program_myclasslistbox .tag {position:absolute; top:0; left:0; background:#7e7e7e; width:80px; height: 36px; font-size:0.85em; text-align: center; line-height: 36px;color:#fff; z-index:2;} .program_myclasslistbox .ing {background:#ff5544;} .program_myclasslistbox .end {background:#39bcd0;} .program_myclasslistbox .end {background:#39bcd0;} .program_myclasslistbox:hover .layer {display:block;} .program_myclasslistbox figure {position:relative; width:240px; height:165px;vertical-align:top;} .program_myclasslistbox figure img {width:100%; height:100%;object-fit:cover;} .program_myclasslistbox .info {position:relative; flex:2;overflow:hidden;padding:20px 0 20px 30px;} .program_myclasslistbox .apply_yes {position:absolute;padding:7px 0px;width:80px;text-align:center;background:#39bcd0;color:#fff;} .program_myclasslistbox .apply_no {position:absolute;padding:7px 0px;width:80px;text-align:center;background:#f36a5a;color:#fff;} .program_myclasslistbox .tit {position:relative;padding:0 0 13px 0; line-height:140%; font-size:1.25em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; font-weight:600;} .program_myclasslistbox dl {position:relative; overflow:hidden;width:calc(100% - 170px);display: flex;} .program_myclasslistbox dl dt {position:relative; width:110px; color:#888;text-indent:15px; font-size:0.9em;} .program_myclasslistbox dl dt:after {position:absolute;content:'';top:11px;left:3px; width:3px;height:3px; background:#999; border-radius:3px;} .program_myclasslistbox dl dd {position:relative; flex:2; color:#888;font-size:0.9em;} .program_myclasslistbox dl dd:after {position:absolute;content:'';top:5px;left:-15px; width:1px;height:17px; background:#e0e0e0;} .program_myclasslistbox .btn_box {position:absolute; right:30px;top:30px; display: flex; flex-direction: column;gap:5px;} .program_myclasslistbox .btn01 {display:inline-block;text-align:center; width:150px; margin:0 2px; line-height:50px;color:#fff; border-radius:3px; background:#be1824; border:1px solid #be1824; cursor:pointer; vertical-align:top; transition:all 0.5s ease;} .program_myclasslistbox .btn02 {display:inline-block;text-align:center; width:150px; margin:0 2px; line-height:50px;color:#555; border-radius:3px; background:#fff; border:1px solid #b3b3b3; cursor:pointer; vertical-align:top; transition:all 0.5s ease;} .program_myclasslistbox .graph strong {font-weight:500; color:#ff5544; font-size:0.9em;} .program_myclasslistbox .graphbg {float:left; width:calc(100% - 130px);margin:9px 5px 0px 0px;height:10px; line-height:10px; background:#e5e5e5; border-radius:10px; overflow:hidden;} .program_myclasslistbox .graphbg img {height:10px;vertical-align:top;} .program_myclasslistbox .graphbg span {position:relative;display:inline-block;top:-1px; height:10px;background:#ff9648;} @media screen and (max-width: 1024px) { .program_myclasslistbox {position:relative; display: flex; flex-flow:wrap;justify-content: space-between; flex-direction: row;gap:40px 0;} .program_myclasslistbox li {width:48.5%;display: flex; flex-direction: column;} .program_myclasslistbox figure {width:100%; height:250px;} .program_myclasslistbox .info {padding: 20px;} .program_myclasslistbox .op_list_btm {padding: 35px 0 0 0;} .program_myclasslistbox .tit {position:absolute;padding:0 0 10px 0; font-size:1.2em;width:90%;} .program_myclasslistbox dl {width:100%;} .program_myclasslistbox dl dt {width:95px;} .program_myclasslistbox dl dd:after {left:-12px;} .program_myclasslistbox .btn_box {position:relative;padding:20px 0 0 0;text-align:center; right:initial;top:initial; display: block;} .program_myclasslistbox .btn01, .program_myclasslistbox .btn02 {font-size:0.9em; width:calc(50% - 10px);line-height:40px;} .program_myclasslistbox .graphbg {width:calc(100% - 80px);} .program_myclasslistbox .info {padding:20px;} } @media screen and (max-width: 800px) { .program_myclasslistbox li {width:100%;} .program_myclasslistbox .tit {font-size:1.1em;} .program_myclasslistbox .info {padding:15px 15px 20px 15px;} } /* 온라인 강의 뷰페이지 ================================================================================== */ .class_view_wrap {position:relative; display:flex; gap:50px; margin:0 0 50px 0;} .class_view_wrap .img {width:480px;height:300px; overflow:hidden; border-radius:20px; box-shadow:0 0 15px 1px rgba(0,0,0,0.07);} .class_view_wrap .img img {width:100%;height:100%;object-fit:cover;} .class_view_wrap .inner {flex:2; border-top:1px solid #333; border-bottom:1px solid #ddd; padding:30px 0;} .class_view_wrap .inner .tit {font-family:'Paperlogy'; font-size:1.6em; color:#000; letter-spacing:0; line-height:1.3; padding:0 0 20px 0;} .class_view_wrap .inner .tit strong {padding:12px 0 0 15px; font-weight:500;} .class_view_wrap .inner .tit .state_not {display:none;} .class_view_wrap .inner dl {position:relative;display:flex;font-size:0.95em; padding:5px 0 ; } .class_view_wrap .inner dt {font-family:'Paperlogy'; position:relative;width:120px;letter-spacing:0; color:#000; font-weight:500; padding:0 0 0 12px;} .class_view_wrap .inner dd {flex:2;} .class_view_wrap .inner dt:before {position:absolute; content:''; display:block; left:0; top:11px; width:3px; height:3px; background:#999;} .class_view_wrap .inner dt:after {position:absolute; content:''; display:block; right:20px; top:5px; width:1px; height:17px; border-right:1px dotted #bbb;} .class_view_wrap .file li {font-size:0.9em;color:#000;} .class_view_wrap .fpilsu {font-size:0.9em;color:#000 !important;} @media screen and (max-width:1024px) { .class_view_wrap {flex-flow:wrap; flex-direction: column; gap:20px;margin:0 0 40px 0;} .class_view_wrap .img {max-width:400px;width:100%;height:240px;margin:auto;} .class_view_wrap .inner {padding:15px 10px;} .class_view_wrap .inner .tit {font-size:1.2em;padding: 0 0 10px 0;} .class_view_wrap .inner .tit strong {padding:12px 0 0 10px;} .class_view_wrap .inner dl {font-size:0.9em;padding:2px 0;} .class_view_wrap .inner dt {width:90px; padding-left:10px;} .class_view_wrap .inner dt:after {right:13px;} .class_view_wrap .mydash {padding:15px 5px;} .class_view_wrap .mydash dl {padding:0 15px;font-size:0.9em;} } /* 마이페이지 강의 뷰페이지 - 상단 박스 ================================================================================== */ .mypage_view_wrap {position:relative; padding:35px;background:#232530; display: grid; grid-template-columns:480px auto 200px; gap:50px; margin:0 0 50px 0;transition:all 0.4s ease;} .mypage_view_wrap .img {height:300px;background:#fff;overflow:hidden;transition:all 0.4s ease;} .mypage_view_wrap .img img {width:100%;height:100%;object-fit:cover;} .mypage_view_wrap .inner .tit {position:relative; font-size:1.5em; font-weight:600; color:#fff; letter-spacing:-1px;line-height:1.3;padding:0 0 30px 0;} .mypage_view_wrap .inner .tit strong {display:block;padding:10px 0 0 0;} .mypage_view_wrap .inner dl {position:relative;display:flex; font-size:0.95em; padding:4px 0; color:rgb(255,255,255,0.5);} .mypage_view_wrap .inner dt {position:relative;width:110px;letter-spacing:-1px;} .mypage_view_wrap .inner dd {flex:2;} .mypage_view_wrap .inner dt:after {position:absolute; content:''; display:block; right:20px; top:6px; width:1px; height:15px; background:rgb(255,255,255,0.3);} .mypage_view_wrap .mydash {position:relative; padding:0 25px;background:rgb(255,255,255,0.13); display: flex;flex-direction: column; transition:all 0.4s ease;} .mypage_view_wrap .mydash dl {padding:18px 0;border-top:1px dashed rgb(255,255,255,0.2);} .mypage_view_wrap .mydash dl:first-child {border-top:0px;} .mypage_view_wrap .mydash dl dt {color:#fff; font-weight:500; padding:0 0 7px 0; letter-spacing:-1px;} .mypage_view_wrap .mydash dl dd {color:#aaa;} .mypage_view_wrap .mydash dl dd span {font-weight:600; color:#ffaa25;} .mypage_view_wrap .mydash dl dd span b {font-size:1.8em;} .mypage_view_wrap .file li {font-size:0.9em;color:#fff;} .mypage_view_wrap .fpilsu {font-size:0.9em;color:#fff !important;} @media screen and (max-width:1430px) { .mypage_view_wrap {grid-template-columns:450px auto;gap:30px 50px;} .mypage_view_wrap .img {grid-column: 1 / 2; grid-row: 1 / 3;} .mypage_view_wrap .mydash {padding:20px 0; display: grid; grid-template-columns: repeat(3, 1fr);} .mypage_view_wrap .mydash dl {padding:0 25px;border-right:1px dashed rgb(255,255,255,0.2); border-top:0;} .mypage_view_wrap .mydash dl:first-child {border-left:0px;} .mypage_view_wrap .mydash dl:last-child {border-right:0px;} } @media screen and (max-width:1024px) { .mypage_view_wrap {padding:30px; grid-template-columns: repeat(1, 1fr);gap:20px;margin:0 0 30px 0;} .mypage_view_wrap .img {max-width:400px;width:100%;height:240px;margin:auto;} .mypage_view_wrap .inner .tit {font-size:1.3em;padding:0 0 20px 0;} .mypage_view_wrap .inner dl {font-size:0.9em;padding:2px 0;} .mypage_view_wrap .inner dt {width:80px;} .mypage_view_wrap .inner dt:after {right:13px;} } @media screen and (max-width:600px) { .mypage_view_wrap {padding:20px;} .mypage_view_wrap .inner .tit {font-size:1.2em;} .mypage_view_wrap .mydash {padding:15px 5px;} .mypage_view_wrap .mydash dl {padding:0 15px;font-size:0.9em;} } /* 마이페이지 - 강좌시청 ================================================================================== */ .program_myclassviewbox {position:relative; overflow:hidden;border-bottom:1px solid #ddd; transition:all 0.3s ease;} .program_myclassviewbox:after {position:absolute;content:''; right:450px;top:0;width:1px ;height:100%;background:#e9e9e9; transition:all 0.3s ease;} .program_myclassviewbox .video_main {position:relative; float:left;width:calc(100% - 450px);padding:0 30px 0 0; transition:all 0.3s ease;} .program_myclassviewbox .video_wrap {position:relative;} .program_myclassviewbox .video_wrap .cont {position: relative;height: 0;overflow: hidden; padding-bottom: 56.25%; /* 16:9 비율에 맞게 조정 */} /* 유튜브 동영상 부분*/ .program_myclassviewbox .video_wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .program_myclassviewbox .video_wrap .cont.no_cont {background:#000;} .program_myclassviewbox .video_wrap .cont .no_list {position:absolute; top:50%; left:50%;transform:translate(-50%, -50%);color:#fff;text-align:left;} .program_myclassviewbox .video_main .infobox {padding:30px 30px 35px 30px; background:#222;} .program_myclassviewbox .video_main .infobox .subject {font-size:1.35em;font-weight:700;color:#fff; letter-spacing:-1px;} .program_myclassviewbox .video_main .infobox .txt {position: relative;padding: 15px 0 0 0;} .program_myclassviewbox .video_main .infobox .txt li {position: relative;padding:2px 0 ;font-size:0.9em; color:#aaa; letter-spacing:-1px; display: grid; grid-template-columns: 100px auto;} .program_myclassviewbox .video_main .infobox .txt li .txt01 {position: relative; padding:0 0 0 12px;} .program_myclassviewbox .video_main .infobox .txt li .txt01:before {position:absolute;content:''; top:12px; left:2px;width:2px; height:2px; background:#aaa;} .program_myclassviewbox .video_main .infobox .txt li .txt01:after {position:absolute;content:''; top:6px; right:15px;width:1px; height:15px; background:rgb(255,255,255,0.3);} .program_myclassviewbox .video_main .infobox .script {padding: 15px 0 0 0;font-size:0.9em; color:#aaa; border-top:1px dashed rgb(255,255,255,0.2); margin:15px 0 0 0;} /* 마이페이지 - 강좌시청 - 리뷰 ===== */ .program_myclassviewbox .video_reviewbox {position:relative; float:left;width:calc(100% - 450px);padding:40px 30px 0 0; transition:all 0.3s ease;} .program_myclassviewbox .video_reviewbox .tit {position:relative;font-size:1.15em;color:#333;font-weight:600;padding:0 0 25px 0;} .program_myclassviewbox .video_reviewbox .tit span {font-size:1rem;color:#999;} .program_myclassviewbox .video_reviewbox .tit .more {position:absolute;top:0;right:0;font-size:0.9rem;padding:0 30px 0 0; color:#999; letter-spacing:-1px; cursor:pointer;} .program_myclassviewbox .video_reviewbox .tit .more:after {content:''; position:absolute; top:7px; right:10px; width:7px;height:7px;border:solid #999; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(135deg); -webkit-transform: rotate(135deg);} .program_myclassviewbox .video_reviewbox .tit .more.on:after {transform: rotate(315deg); -webkit-transform: rotate(315deg);top:10px;} .program_myclassviewbox .video_reviewbox .write_box {position:relative;border:1px solid #ddd; padding:5px; border-radius:30px;} .program_myclassviewbox .video_reviewbox .write_box:before {position:absolute;content:'+';top:6px;left:6px;width:34px;height:34px;line-height:34px; font-size:1.2em;font-weight:500; text-align:center ; color:#aaa; background:#eee; border-radius:30px;} .program_myclassviewbox .video_reviewbox .write_box input[type="text"] {margin:0 0 0 50px; width:calc(100% - 105px);border:0 solid #ddd;line-height:36px;} .program_myclassviewbox .video_reviewbox .write_box input::placeholder{color:#aaa;} .program_myclassviewbox .video_reviewbox .write_box .btn_search {width: 34px;height: 34px;cursor: pointer;background:url('../img/mypage_review_icon01.png') no-repeat center 50% ; border: none;text-indent: -9999px;} .program_myclassviewbox .video_reviewbox .list_box {position:relative;padding:10px 0;} .program_myclassviewbox .video_reviewbox .list_box li {position:relative;padding:20px 0; border-bottom:1px dashed #ddd; display: grid; grid-template-columns:70px auto;} /* .program_myclassviewbox .video_reviewbox .list_box li:last-child {border-bottom:0;} */ .program_myclassviewbox .video_reviewbox .list_box li .img {width:55px;height:55px; background:url('../img/mypage_review_icon02.png') no-repeat center 50% #e5e5e5;border-radius:50px;} .program_myclassviewbox .video_reviewbox .list_box li .name {color:#222;font-size:0.95em;padding:5px 0 0 0;font-weight:600; letter-spacing:-1px;line-height:1.5;} .program_myclassviewbox .video_reviewbox .list_box li .name span {display:block; font-size:0.9em;color:#aaa;letter-spacing:0;} .program_myclassviewbox .video_reviewbox .list_box li .cont {padding:10px 0 0 5px; grid-column: 1 / 3; grid-row: 2 / 3;} .program_myclassviewbox .video_reviewbox .list_box li.nolist {border-top:none;border-bottom: 1px dashed #ddd;color:inherit;grid-template-columns:auto;padding:50px 0px;} .program_myclassviewbox .video_list {position: relative; padding:0 0 30px 30px; width:450px; float:right; transition:all 0.3s ease;} .program_myclassviewbox .video_list .video_list_tab {padding:0 0 25px 0; letter-spacing:-1px;} .program_myclassviewbox .video_list .video_list_tab span {display:inline-block;padding:0 0 5px 0;font-size:1.15em; font-weight:700;color:#333; border-bottom:3px solid #333;} .program_myclassviewbox .video_list .video_list_tab span b {font-weight:normal;font-size:0.95rem; color:#999;} .program_myclassviewbox .video_list ul {position: relative; height:100%; overflow:hidden;overflow-y:auto; display: flex; flex-direction: column; gap:10px;} .program_myclassviewbox .video_list li {position: relative;} .program_myclassviewbox .video_list li .box {position: relative;padding:12px 15px 5px 15px;border:1px solid #e9e9e9;} .program_myclassviewbox .video_list li.on .box .layer {display:block;} .program_myclassviewbox .video_list .layer {position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkI1M0MzMjY2NDhEMTFFRDk3MTVCRkQ0QjdCOEI5MkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkI1M0MzMjc2NDhEMTFFRDk3MTVCRkQ0QjdCOEI5MkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjUzQzMyNDY0OEQxMUVEOTcxNUJGRDRCN0I4QjkyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQjUzQzMyNTY0OEQxMUVEOTcxNUJGRDRCN0I4QjkyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puv/IXkAAAKiSURBVHja1JnPSltBFMbvvRiJES2tC0GycBFqwIXUFukfCiI+gC8giG0JFLfukidwZyi0pZtCE7Av0I0IQou0tC5aXNiVCxeGKi0pwYXW6zdyBg6HazJz/6Q3H/wWSWbOfMzce+bMxPV93wmhDHgE5sE0mACjYJB+b4EG2Ae7YBN8AmfWIymDFhRAFRz79jqmvgWbMU0bjoEaOPej65xijZmM7RoscQmsgSE5+eAb2AJ74AA06bdhMA4mwRy4C1zR/y9YBa/CLnEW1ANm4AiUQd5iqfLU5yggXp3GslriG2BbBDoFFTBg+dxyBijGqYi9TWMaGcwGmPsBihGMSYoUU5rMmhiUy/oB5GI0p8lRbLncbQ2WAsz1J2BO0x9gsnSdQfXaN8Wy5hI0x2eSL3eTpyDesCZeiGIXzPFnkr84NWmwIJJwpUPAPvAWvAdTMZmsiGRe4AarIs91SiUPRbD169KEZQriebKqDWbE3lo2CLYQkHAbYBm4EUyWxd6dUV/Osi8vDHeIhTZ77Q64E9JgnjxozXpUMmmpvfXQiab74Ct4AW5Z9j0kD1rzHtVzWltOPFJxn4Of4Bl9NhX3MO1Rsam158SrEfAa7IB7hn24hwmPKmGtAycZzYAv4GVA2SbFPYz2sTLdYfVcEnKptlTHhSdt2nEPg57TfWVtH+YW+zycsLl3YKVDG+6h5dHpS2s8IWPfwWOwCH53aMs9NDw6GmpNxmzsD82YSmUfDftwD/senVu15mIypg5Ub8BtStj/LPpyD7tJbHWfwUycW5068Z+wVLAUctZ+gafgAeW8MFpix9OTK28xlVuq/82kyq0oBetGtwrW1Jf8PXFoSv2xsycO7j1x9ZH6y6NUXb/19AVmKq6AU3+JbrLE//VviEsBBgCi1RpMDSCs6QAAAABJRU5ErkJggg==') no-repeat 50% 50%; z-index:1;width:100%; height:100%; transition:0.5s; text-align:center;border:4px solid #ff5544;} .program_myclassviewbox .video_list figure {position:relative;width: 120px; height:100px;line-height:86px; background:#000;float:left;} .program_myclassviewbox .video_list figure img {width: 100%; height:100%; object-fit: cover;} .program_myclassviewbox .video_list .cont {position: relative;} .program_myclassviewbox .video_list .cont .tit {position: relative;color:#333;font-size:0.9em;padding:0 0 5px 0; letter-spacing:-1px; font-weight:700; line-height:1.3;} .program_myclassviewbox .video_list .cont p {position: relative;color:#888;font-size:0.85em; line-height:1.4;} .program_myclassviewbox .video_list .state {position: absolute;bottom:0;right:0;} .program_myclassviewbox .video_list .graph {position: relative; color:#ff9648;font-size:0.72em;} .program_myclassviewbox .video_list .graph div {position: relative;display:inline-block;width:calc(100% - 40px);margin:10px 10px 0px 0px;height:4px; line-height:0; background:#e5e5e5; vertical-align:top;} .program_myclassviewbox .video_list .graph div span {position: relative; top:-1px;display:inline-block;height:4px;background:#ff9648;} .program_myclassviewbox .video_list li .box:hover .tit {color:#be1824;} .program_myclassviewbox .video_list li .box:hover {border:1px solid #777;} .program_myclassviewbox .video_list li.on .box {background:#fff9e6; border:1px solid #be1824;} .program_myclassviewbox .video_list li.on .box .tit {color:#be1824;} .program_myclassviewbox .video_list .play {position:relative; display:inline-block;height:24px;min-width:55px; line-height:24px;padding:0 5px; color:#fff; background:#39bcd0; text-align:center; font-size:0.85em; border-radius:2px; margin-right:5px;letter-spacing:-1px;} .program_myclassviewbox .video_list .ing {position:relative; display:inline-block;height:24px; min-width:55px;line-height:24px; padding:0 5px ;color:#fff; background:#ff5544; text-align:center; font-size:0.85em;border-radius:2px; margin-right:5px; letter-spacing:-1px;} .program_myclassviewbox .video_list .wait {position:relative; display:inline-block;height:24px; min-width:55px;line-height:24px; padding:0 5px ;color:#fff; background:#aaa; text-align:center; font-size:0.85em;border-radius:2px; margin-right:5px;letter-spacing:-1px;} .program_myclassviewbox .video_list .end {position:relative; display:inline-block;height:24px; min-width:55px;line-height:24px; padding:0 5px ;color:#fff; background:#aaa; text-align:center; font-size:0.85em;border-radius:2px; margin-right:5px;letter-spacing:-1px;} .program_myclassviewbox .video_list .timeover {opacity:0.5;background-color:#efefef;} @media screen and (max-width:1200px) { .program_myclassviewbox:after {right:35%;} .program_myclassviewbox .video_main {width:calc(100% - 35%);padding:0 20px 0 0;} .program_myclassviewbox .video_reviewbox {width:calc(100% - 35%);padding:30px 20px 0 0;} .program_myclassviewbox .video_list {padding:0 0 30px 20px; width:35%;} .program_myclassviewbox .video_main .infobox .subject {font-size:1.3em; line-height:1.3;} } @media screen and (max-width:1024px) { .program_myclassviewbox {display: grid; grid-template-columns:1fr; gap:30px;} .program_myclassviewbox:after {display:none;} .program_myclassviewbox .video_main {width:100%;float:none;padding:0;} .program_myclassviewbox .video_reviewbox {width:100%;float:none;padding: 0;} .program_myclassviewbox .video_list {width:100%; float:none;padding:0 0 10px 0;} .program_myclassviewbox .video_list ul {height:425px;border:1px solid #e9e9e9; gap:0;} .program_myclassviewbox .video_list li .box {border:0;border-bottom:1px solid #e9e9e9;} .program_myclassviewbox .video_list li .box:hover {border:0;border-bottom:1px solid #e9e9e9;} .program_myclassviewbox .video_list li.on .box {border:0;border-bottom:1px solid #e9e9e9;} .program_myclassviewbox .video_list li:last-child .box {border-bottom:0;} .program_myclassviewbox .video_main .infobox {padding:30px 25px ;} .program_myclassviewbox .video_main .infobox .subject {font-size:1.2em;} .program_myclassviewbox .video_main .infobox .txt li {font-size:0.85em; display: grid; grid-template-columns: 85px auto;} .program_myclassviewbox .video_main .infobox .txt li .txt01:after{right:10px;} .program_myclassviewbox .video_list .graph div span {top:0;} } /* 리스트 상단 정렬 버튼 ================================================================================== */ .ginfo_box .program_sort_wrap li {position:relative; display:inline-block; cursor:pointer; text-align:center; white-space:nowrap; vertical-align:middle; padding:0 12px; height:32px; line-height:28px; border:1px solid #c1c1c1; background:#fff; color:#959595; font-size:0.9em;} .ginfo_box .program_sort_wrap li.on, .ginfo_box .program_sort_wrap li:hover {color:var(--color2); font-weight:500; border-color:var(--color2);} @media screen and (max-width:1024px) { .program_sort_wrap {text-align:right;} .ginfo_box .program_sort_wrap li {height:28px; line-height:26px; padding:0 10px;} .ginfo_box .program_sort_wrap li i {font-size:12px; vertical-align:middle;} } /* 관리자 날짜설정 ================================================================================== */ .pcalendar_adminyear {position:relative;text-align:center; color:#000; height:40px;margin:10px 0;display: flex;justify-content: center;align-items: flex-end;} .pcalendar_adminyear span {font-size:2.8em; font-weight:700; transition:all 0.3s ease;} .pcalendar_adminyear select {border:0; cursor:pointer; font-size:2.2em; font-weight:500;} .pcalendar_adminyear select option {text-align:center; font-size: 1.1rem;} .pcalendar_adminyear .arrow {position:absolute;top:-3px;left:0;width:100%;z-index:1;} .pcalendar_adminyear .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;} .pcalendar_adminyear .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;} .pcalendar_adminyear .arrow a:hover {opacity:1;} .pcalendar_adminyear .arrow .prev {left:calc(50% - 175px);} .pcalendar_adminyear .arrow .prev.week {left:calc(50% - 245px);} .pcalendar_adminyear .arrow .prev span {transform: rotate(-135deg); left:16px;} .pcalendar_adminyear .arrow .next {right:calc(50% - 175px);} .pcalendar_adminyear .arrow .next.week {right:calc(50% - 245px);} .pcalendar_adminyear .arrow .next span {transform: rotate(45deg); right:16px;} .pcalendar_adminfuture {position:absolute;z-index:2;} .pcalendar_admintable .day_wrap {position:relative; width:100%; border-bottom:1px dashed rgb(0,0,0,0.1); height:40px;background:#fafafa; display:flex; align-items: center; justify-content: space-between;} .pcalendar_admintable .day_wrap .date_day {position:relative; display:inline-block; margin:5px 6px;text-align:center; cursor:pointer; width:20px; height:28px; line-height:30px;font-size:0.9em;font-weight:700; color:#434a54; letter-spacing:0.5px; border-radius:50px;} /* 달력 리스트 날짜 */ .pcalendar_admintable .day_wrap .date_holiday {position:absolute; top:12px; left:30px; font-size:0.9em; color:#f22626; line-height:1.4; margin-right: 22px;} /* 달력 리스트 휴일 설명 */ .pcalendar_admintable .day_wrap .daybtn {position:absolute;right:8px; top:6px; width:30px;height:30px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxQTQwNEE5MkU5QkJFRTExQkJFMEQzNDRCOTIzQTZBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjc5NjAyOUJFNDMxMUVFOTcyQUY5ODk4NDU0ODRBQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjc5NjAyOEJFNDMxMUVFOTcyQUY5ODk4NDU0ODRBQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk3MDgwQkI2RjVCQkVFMTFCQkUwRDM0NEI5MjNBNkE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFBNDA0QTkyRTlCQkVFMTFCQkUwRDM0NEI5MjNBNkE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mVlcvQAAA7NJREFUeNrsmltIlEEUgGdFBSO6QEGQKZRkkUZJ7IKVlNQatVoPFtVD9VS59hD00luXhyAIgoIMqYeColADt5sarYtZsEWGGF2ksNSe7KEMvOy6bufImRj+Zq////f/5hw4nX9mzsh8nTlzU0c0GmUzSTLYDBMFrIAVsAJWwApYAStgBWyWZKbb0eFwmDaoiqrDhWDaQMex2Oqr74vlm+pdwJHu5cEsYIAtABMAXUxVn0E3AfSgEcC2mtISWJRlWAdtuf9VDmthvZUudnDrWsOhbTGlCaQTNJ/Dbncun2pr6HjLbjx5w10/gZbC9B6atlMaYNeA6eKwRz3OP7Aou8uKxEjjLPBDn4XTckpTZJ+BTgHsKl3JPK7Cv/wQunrjKl4s0gOdYTEs5uxsXvfoZS8b+jki9T/kLpFBz5sWwBSdx7QYoQzgP6GJCKu51BwX2rkiV4Tea3tggvXTgFHOwCKUB/YdFsZCEzGhA9197NXHb7z4HbTV1sAS2PMAe5q+i+NBN794zy40dvJVGWHL453ALAemfNPCnuTt8D2pha697GPDI+Ms+GGQXWt5zV3R7wj499h2HwbYuXQ2dspgNb4ZBD21XOdkZ7FwJMImIpOiG0Z4PfyMXtvtwxLYK7FghUivBv2C5dFQmMMOg56iCC+gVbrAVlNaAnsV9FiifgAdAlMjVCGkG+rPgq2lOjyCttgGGGBngXmogfXCoKNJ9C0Hc4+KY6D7oF+Qyr/oPwAl+5/dh5OAfYB5RlX1KcJi3xyc0aAe6Oentv1gblKgMI93WL5oCbCbqeo26AEYdEQnbBWYRtAsYVvqsfQBQCesi/J9TgJYXLzKoK3b0tsSDArz6a4BsGG8R8SBdXNYyy4PBIuD8lBVkw7YaujXRm3bJLBBSx8ABNhKarpPgw4lAVsCpl0D65Pkc0xYK6b0uTRhi+nwnwgW83mn3sgaCbyB7PMUYf10Ypqk6e+Ls1IHjFprjADOI9uuA/YOta2LtS3ZApjyd5F4iU/iZfKpBvaW4HKCYENmwBpx0sLzLN+Q+5OADfD3KwksSh3ofNCLZsAaAZwnfPcnAcsf2L0SWLw0dIDpMPNCozeHlwjfAynA1ln1eJhpEPAPvNUA3FKKer5gK+wCawRwGVl8vhkX8lkmx62G1QUM0dyCpx/x8KVxGaW8xpeLBoC9zmwgeiLcRGtAmL6DBIj6Vfz9j51ED3AXvTLuMWsLMUMc6q9pFbACVsAKWAErYAWsgBWwAlbAClgivwUYABko1ywGeZ97AAAAAElFTkSuQmCC') no-repeat center 50%;background-size:auto 100% ; border:1px solid #b1b1b1; border-radius:50%; opacity:0.55;} .pcalendar_admintable .day_wrap .daybtn:hover {opacity:1; background-color:#fff;} .pcalendar_admintable .cont_wrap {padding:3px 7px; min-height:50px; display: flex; justify-content: center; align-items: center;} .pcalendar_admintable .cont_wrap li {border:1px solid #aaa;background:#fff;letter-spacing:0;font-size:0.95em; padding:8px 15px;border-radius:5px;cursor:pointer;display: flex;flex-flow:wrap;justify-content: space-between;margin-bottom:2px;} .pcalendar_admintable .cont_wrap li:last-child {margin-bottom:0;} .pcalendar_admintable .cont_wrap li.bg01 {border-color:#abddb9; color:#11b78e;background:#f6fcf8;} .pcalendar_admintable .cont_wrap li.bg02 {border-color:#a9c5dd; color:#0f87ec; background:#f4f7fb;} .pcalendar_admintable .cont_wrap li.bg03 {border-color:#d1b6e3; color:#ab59df; background:#f9f5fb;} .pcalendar_admintable .cont_wrap li.bg_h {border-color:#dddddd; color:#cccccc; background:#eeeeee;} .pcalendar_admintable .cont_wrap li .libtn {position:absolute;right:8px; top:6px; width:30px;height:30px; background:#ffff;background-size:auto 100% ; border:1px solid #b1b1b1; border-radius:50%; opacity:0.55;} .pcalendar_admintable .cont_wrap .pattset_datebox {background: #f3f4f6; width:80px;height:30px; border-radius: 5px; cursor: pointer; font-size:0.95em; position: relative;border: 2px solid transparent;display: flex; align-items: center;justify-content: center;} .pcalendar_admintable .cont_wrap .pattset_datebox.color30 {background: #10b981; color:#ffffff;} .pcalendar_admintable .cont_wrap .pattset_datebox.color20 {background: #ef4444; color:#ffffff;} .pcalendar_legend {display: flex;gap: 16px;margin-top: 10px;flex-wrap: wrap;} .pcalendar_legenditem {display: flex;align-items: flex-end;gap: 8px;font-size: 0.9em;height:22px;} .pcalendar_legendcolor {width: 16px;height: 16px;border-radius: 4px;margin-top: 2px} .pcalendar_legendcolor.color30 {background: #10b981;} .pcalendar_legendcolor.color20 {background: #ef4444;} .pcalendar_legendcolor.color0 {background: #f3f4f6; border: 1px solid #d1d5db;} .pcalendar_admintable .today, .pcalendar_admintable .today .date_day {background:#fdf9f2 !important;} .pcalendar_admintable .today .day_wrap {background:#fdf9f2;} /* 오늘 표시*/ .pcalendar_admintable tbody td {padding:0 !important;vertical-align:top;} .pcalendar_admintable tbody td:first-child .date_day {color:#f22626;} /* 일요일 빨간글씨 */ .pcalendar_admintable tbody td:last-child .date_day {color:#2a77e9;} /* 토욜일 파란글씨*/ .pcalendar_admintable .redday {color:#f64a1b !important;} .pcalendar_admintable .blueday {color:#397fe7 !important;} /* 관리자 출석스케쥴 상세설정 레이어 ================================================================================== */ #pattset_datewrap {display:none;} #pattset_fade {position:fixed;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.2;z-index:100000 !important;} #pattset_layer {position:fixed;max-width:600px;width:100%;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;z-index:100001 !important;} #pattset_layer .top {display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #333;color: #fff;} #pattset_layer .top .tit {font-size: 1.2em;font-weight: 500;} #pattset_layer .top .btn_close {position:relative;float:right;width:20px;height:20px;cursor:pointer;} #pattset_layer .top .btn_close:before, #pattset_layer .top .btn_close:after {position:absolute;left:calc(50% - 1px);content:'';height:20px;width:2px;background:#fff;} #pattset_layer .top .btn_close:before {transform:rotate(45deg);} #pattset_layer .top .btn_close:after {transform:rotate(-45deg);} #pattset_layer .top .btns {position:absolute;right:50px;} #pattset_layer .top .btns div {display:inline-block;background:rgba(256,256,256,.05);margin-right: 10px;border-radius: 5px;} #pattset_layer .top .btns button {padding: 5px 15px; border:1px solid rgb(255,255,255,.13);color: #eeeeee;border-radius: 5px;cursor: pointer;} #pattset_layer .top .btns button i {margin-right:6px;} #pattset_layer .content {padding:20px;}