/* 공통 ================================================================================== */ .gtable_resp {display: block;width: 100%;overflow-x: auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch;} .gtable_resp .gtable {min-width:1000px;} .gtable_900 {width:900px;margin:0 auto;} .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_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 #497ecd;border-radius:5px;background:#4986e3;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:#306bc5; margin-right:7px; font-size:1.2em;} .program_topline {border-top:1px solid #ddd;} .program_magamline {text-decoration: line-through;opacity:.7;} #program_win_title {padding:12px 15px 12px 20px;background:#2d3844;letter-spacing:0; overflow:hidden;display:flex;justify-content: space-between; } #program_win_title .tit {position:relative; font-size:1.5em; font-weight:500;color:#fff;display: flex; flex-direction: column; justify-content:center; } #program_win_title .close {position:relative; cursor:pointer;color:#fff; background:#e52150;width:46px;height:46px; border-radius:50%; opacity:1 !important;transition:all 0.3s ease;} #program_win_title .close:before, #program_win_title .close:after {position:absolute;top:9px;left:calc(50% - 2px);content:'';height:26px;width:4px;background-color:#fff;} #program_win_title .close:before {transform:rotate(45deg);} #program_win_title .close:after {transform:rotate(-45deg);} #program_win_title .close:hover {transform: scale(1.1);} #program_membermod_box, #program_membermileage_box {display:none;position:absolute;z-index:2;background:#fff;} .program_membermod_fade, .program_membermileage_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:#0075ff; 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_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:20px; 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 #006edd; border-color:#006edd; 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:25px 30px;border:1px solid #ddd;margin-bottom:40px; border-top:2px solid #444;} .program_searchbox_img {position:relative; float:left;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_cont {position:relative; padding:15px 0 0 130px;} .program_searchbox_tit {position:relative; color:#222;font-size:1.5em;font-weight:500;letter-spacing:-1.5px; padding:0 0 20px 0;} .program_searchbox_txt01 {position:relative; padding:0 0 25px 0;} .program_searchbox_box {position:relative; background:#f4f4f4;padding:20px; 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; letter-spacing:-1px;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_img {display:none;} .program_searchbox_cont {padding:0;} .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_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;} .class_view_wrap .img img {width:100%;height:100%;object-fit:cover; } .class_view_wrap .inner {flex:2; border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:20px 0; } .class_view_wrap .inner .tit {position:relative; font-size:1.55em; font-weight:600; color:#000; letter-spacing:-1px;line-height:1.3;padding:0 0 25px 0;} .class_view_wrap .inner .tit strong {display:block;padding:10px 0 0 0;} .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 ; color:#000;} .class_view_wrap .inner dt {position:relative;width:110px;letter-spacing:-1px; padding:0 0 0 15px;} .class_view_wrap .inner dd {flex:2;} .class_view_wrap .inner dt:before {position:absolute; content:''; display:block; left:3px; 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; background:rgb(0,0,0,0.15);} .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:20px 10px; } .class_view_wrap .inner .tit { font-size:1.3em;padding: 0 0 20px 0; } .class_view_wrap .inner dl {font-size:0.9em;padding:3px 0;} .class_view_wrap .inner dt {width:80px;} .class_view_wrap .inner dt:after { right:13px; } } @media screen and (max-width:600px) { .class_view_wrap { padding:20px;} .class_view_wrap .inner .tit { font-size:1.2em; } .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 { } .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 { } .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; } }