/* 공통 ================================================================================== */ .gtable_scroll_wrap {width:100%;overflow:auto;} .gtable_900 {width:900px;margin:0 auto;} .program_list01 {position:relative; list-style:none; padding:3px 0 3px 12px; line-height:1.2;} .program_list01:after {position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; background:#666666;} .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_graybox {border:1px solid #dfdfdf; padding:15px; margin-bottom:5px; background-color:#f7f7f7; } .program_graybox2 {padding:15px; background-color:#f7f7f7; } .program_privacy {border:1px solid #ddd; padding:15px; background:#fff; } .program_privacy .textarea_form {border-color:#fff; padding:0; font-size:0.95em;} .program_privacy .bottom {background:#f9f9f9; padding:10px 15px; margin-top:10px;} #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_exelbox {border:2px solid #f78d30;background:#fff;width:250px;z-index:20;} .program_exelbox_title {background:#f78d30;padding:5px 10px;color:#fff;font-weight:bold;} .program_exelbox_content {padding:5px 10px;} .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_dl dt {float:left;} .program_dl dt img {max-width:80px; max-height:60px;} .program_dl dd {padding-left:90px;} #program_win_title {padding:20px;background:#2d3844;letter-spacing:0; overflow:hidden;} #program_win_title .tit {float:left;font-size:1.5em;line-height:30px; font-weight:700;color:#fff;} #program_win_title .close {position:relative;float:right;width:30px;height:30px;cursor:pointer;} #program_win_title .close:before, #program_win_title .close:after {position:absolute;left:calc(50% - 1px);content:'';height:30px;width:2px;background-color:#fff;} #program_win_title .close:before {transform:rotate(45deg);} #program_win_title .close:after {transform:rotate(-45deg);} #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;} .program_formbox .notibox {overflow:hidden; margin-bottom:30px; padding-bottom:20px; border-bottom:1px dotted #ccc;} .program_formbox .notibox dt {font-family: 'GmarketSansMedium'; float:left; color:#333; font-size:1.1em;} .program_formbox .notibox dt i {color:#f8a519; margin-right:10px;} .program_formbox .notibox dd {padding-left:200px;} .program_formbox .notibox .sub_list01:first-child {padding-top:0;} .program_agree_box {margin-top:30px;} .program_agree_box h5 {margin-bottom:10px;} .program_agree_box .box {border:1px solid #eaeaea; padding:20px; background:#fff;} .program_agree_box .textarea_form {border-color:#fff; font-size:0.9em; padding:0; height:150px;} .program_agree_box .bottom {background:#f5f5f5; text-align:center; font-size:0.9em; padding:10px; margin-top:20px;} @media screen and (max-width:1024px) { .program_formbox .notibox dt {float:none; margin-bottom:10px;} .program_formbox .notibox dd {padding:0;} .program_agree_box {margin-top:20px;} } /* 관리자 - 접수항목설정 ================================================================================== */ .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_typegroup_body select {height:22px; } .program_typegroup_body {padding:8px 0; } .program_typelist_boxs input {margin:2px 0px;} .program_ptlist_tit {float:left; padding:5px 0 0 0; color:#526cbc; } .program_ptlist_btn { position:absolute; right:12px;top:9px;z-index:1; } .program_ptlist_table td {border-bottom:1px solid #fff;} .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_subject {position:relative; background:#f2eee8; padding:13px;} .program_ptlist_subject .tit {color:#666;font-size:1.15em;font-weight:500; float:left; padding:0 20px 0 0;} .program_ptlist_subject .tit span {color:#111;font-size:1.1em;font-weight:500;} .program_ptlist_subject .txt span {padding:0 15px;} .program_ptlist_title {position:relative; width:100%;font-size:1.05em;letter-spacing:-1px;color:#444; background:#faf9f6; padding:8px 0;text-align:center;font-weight:500; border-top:1px solid #d7d2cb;border-bottom:1px solid #d7d2cb;} .program_ptlist_cont {position:relative; padding:3px 10px; } .program_ptlist_textarea {width:96%;min-height:30px;background-color:#ffffff;padding:5px;border:1px solid #bbb;overflow-x:hidden;} /* 설문조사 form ================================================================================== */ .program_admin_poll_top {position:relative; overflow:hidden;padding: 12px 10px;background:#5b8ad6;border-radius:4px ; margin:0 0 15px 0;} .program_admin_poll_top .tit {display:inline-block;float:left;color:#fff;font-weight:500;font-size:1.1em;width:110px;padding:10px 0 0 0;text-align:center;} .program_admin_poll_top .cont {display:inline-block;float:left;width:calc(100% - 110px);} .program_admin_poll_top .cont input {border-color:#fff;} .program_admin_poll_qbox {position:relative; overflow:hidden;padding:5px;border :1px solid #a3b0d6;margin:8px 0;border-radius:5px;} .program_admin_poll_qbox .qline {position:relative; overflow:hidden;background:#eaeef9;padding:10px 5px; } .program_admin_poll_qbox .qline .no {float:left;width:60px; text-align:center;} .program_admin_poll_qbox .qline .tit {float:left;width:100px; padding:0 0 0 10px; line-height:30px;font-weight:400;} .program_admin_poll_qbox .qline .input {float:left; width:80%;} .program_admin_poll_qbox .qline .btn_area {float:right; padding:3px 10px 0 0; text-align:right;} .program_admin_poll_qbox .qline02 {position:relative; overflow:hidden;background:#fff;padding:10px 5px; border-bottom:1px dashed #a3b0d6; } .program_admin_poll_qbox .tit02 {float:left;width:100px;padding:0 0 0 10px; line-height:28px;margin:0 0 0 60px;font-weight:400;} .program_admin_poll_qbox .input02 {float:left; width:calc(100% - 160px);} .program_admin_poll_qbox .abox {position:relative; overflow:hidden;background:#fff;padding:10px 5px;} .program_admin_poll_qbox .abox ul {position:relative; } .program_admin_poll_qbox .abox ul li {position:relative; overflow:hidden;padding:8px 0; } .program_admin_poll_qbox .abox ul li .no {float:left;width:50px;margin:1px 0 0 0;} .program_admin_poll_qbox .abox ul li .cont {float:left;width:calc(100% - 160px);} .program_admin_poll_qbox .abox ul li .btn {float:right;padding:0 10px 0 0;} /* 설문조사 view ================================================================================== */ .program_admin_poll_view_tbox01 {display:inline-block;background:#26abe3;border:1px solid #1999cf;color:#fff;line-height:27px;width:55px;text-align:center;margin:0 10px 0 0;} .program_admin_poll_view_tbox02 {display:inline-block;background:#3fc5ca;border:1px solid #38b8bd; color:#fff;line-height:27px;width:55px;text-align:center;margin:0 10px 0 0;} .program_admin_poll_view01 {position:relative;} .program_admin_poll_view01 dl {position:relative; overflow:hidden;padding:5px 15px; } .program_admin_poll_view01 dl dt {float:left;width:50px;margin:1px 0 0 0;} .program_admin_poll_view01 dl dd {float:left;width:calc(100% - 50px); } /* 접수리스트 서치박스 ================================================================================== */ .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('../img/online_img01.png') 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:#f3f4f7;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 #bfc7d2; line-height:34px;padding:0 8px;width:33%;margin:0 2px;} .program_searchbox_box .btn {display:inline-block; letter-spacing:-1px;border:0;background:#01315c; line-height:36px;padding:0 20px;color:#fff; border-radius:2px;} .program_searchbox_box input::placeholder { color:#bbb; font-size:0.9em;} .program_searchbox_box i { font-size:0.9em; color:#bfc7d2; } .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: 820px) { .program_searchbox {padding:20px} .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 .btn { padding:0 13px; } } @media screen and (max-width: 820px) { .program_searchbox_box input[type=text], .program_searchbox_box input[type=password] { width:100%;margin:0 0 5px 0; } .program_searchbox_box .btn { padding:3px 0 ; width:100%; margin:5px 0 0 0 ; } } /* 만족도조사 ================================================================================== */ .program_poll_box {position:relative;border:1px solid #ddd;padding:20px 20px 30px 20px;background:#f9f9f9; margin-bottom:40px;} .program_poll_box .tit2 {background:#2056ac; text-align:center; color:#fff; font-size:1.4em; letter-spacing:-2px; font-weight:500; padding:20px 10px; line-height:1.2;} .program_poll_box .int_box {padding:5px; margin-bottom:20px; line-height:1.4;} .program_poll_box .qbox { border:1px solid #e5e5e5; background:#fff; margin:0 0 20px 0;} .program_poll_box .required_icon {display:inline-block;line-height:15px;padding:2px 5px;color:#fff;background:#ff6600;border:1px solid #ff6600; font-size:0.85em;border-radius:3px;} .program_poll_box .required_icon:focus {background: #ff6600;} .program_poll_box .item {position:relative; padding:20px; border-bottom:1px dashed #e0e0e0;} .program_poll_box .item:last-child {border:0;} .program_poll_box .tit {padding:0 0 10px 0; overflow:hidden; font-size:1em;color:#333;} .program_poll_box .no {display:inline-block; width:35px;height:35px;line-height:30px;font-size:0.9em;color:#fff;background:#1475dc;text-align:center; padding:2px 0;margin-right:10px; border-radius:30px;} .program_poll_box .notice {color:#3a65e0;font-weight:500;padding:5px 8px; } .program_poll_box .help {padding:0 0 10px 10px; color:#fa7c00;} .program_poll_box .awrap {padding:15px; overflow:hidden; background:#f4f5f7; border-radius:3px;} .program_poll_box .awrap li {padding:6px 0;} .program_poll_box .awrap li input {vertical-align:-2px; padding:0px 10px; line-height:21px; max-width:150px;} @media screen and (max-width:1024px) { .program_poll_box { padding:15px 15px 30px 15px; } .program_poll_box .tit2 {font-size:1.2em; padding:15px 10px;} .program_poll_box .item { padding:20px 15px; } .program_poll_box .awrap {padding:10px;} } /* 마이페이지 - 프로그램신청리스트 ================================================================================== */ .program_sinlistbox { position:relative; padding:30px; margin-bottom:20px; border:3px solid #ddd;} .program_sinlistbox:hover {border-color: #1476dd; } .program_sinlistbox .tit {position:relative;color:#333; font-weight:600; font-size:1.4em;padding:0 0 20px 0; letter-spacing:-1px; border-bottom:1px solid #d5d5d5; text-indent:70px;} .program_sinlistbox .cont {position:relative;padding:15px 0 0 0 ;} .program_sinlistbox .cont dl {position:relative;overflow:hidden;margin:7px 0 0 0; display:flex;} .program_sinlistbox .cont dl dt {position:relative; width:100px; padding:0 0 0 15px; letter-spacing:-1px; } .program_sinlistbox .cont dl dt:before {position:absolute; content:''; top:10px; left:3px; width:3px; height:3px; background:#999;} .program_sinlistbox .cont dl dt:after {position:absolute;content:'';top:4px;right:0; width:1px;height:18px; background:#ccc; z-index:1;} .program_sinlistbox .cont dl dd {position:relative;padding:0 0 0 15px; } .program_sinlistbox .cont dl dd b {color:#1475dc;} .program_sinlistbox .btn {position:absolute;display:block; right:30px;top:15px; letter-spacing:-1px;line-height:43px;padding:0 12px 0 15px; font-size:1.05em; border-radius:3px; z-index:1;transition:all 0.25s ease;} .program_sinlistbox .btn i {margin:0 5px 0 5px;transition:all 0.25s ease;} .program_sinlistbox .btn:hover i {margin:0 0 0 10px; transition:all 0.25s ease;} .program_sinlistbox .btn01 {color:#fff;background:#01315c;border:1px solid #002444;cursor:pointer;} .program_sinlistbox .btn02 {color:#989da4;background:#fff;border:1px solid #aaa;} .program_sinlistbox em {position:absolute;display:block; left:30px;top:26px;line-height:30px;font-style:normal;color:#989da4;border:1px solid #aaa;letter-spacing:-1px;padding:0 10px;font-size:0.9em;border-radius:2px; z-index:1;} .program_sinlistbox .ing {border-color:#ed8b39;color:#ed8b39;} .program_sinlistbox .acc {border-color:#1475dc;color:#1475dc;} .program_sinlistbox .end, .program_sinlistbox .wait {border-color:#7ba900;color:#7ba900;} @media screen and (max-width: 768px) { .program_sinlistbox { padding:20px; } .program_sinlistbox .tit {font-size:1.3em;padding:0 0 15px 0; text-indent:60px;} .program_sinlistbox .cont {position:relative;padding:12px 0 0 0 ;} .program_sinlistbox dl {margin:0 0 5px 0;} .program_sinlistbox dl dt {width:60px;line-height:22px;font-size:0.9em;} .program_sinlistbox dl dd {padding:0 0 0 80px;line-height:22px;font-size:0.9em;} .program_sinlistbox .btn {top:10px;right:20px; line-height:36px;padding:0 10px;font-size:0.95em;} .program_sinlistbox em { left:20px;top:17px; font-size:0.85em;padding:0 8px;line-height:26px;} } @media screen and (max-width: 600px) { .program_sinlistbox .tit {font-size:1.3em;padding:30px 0 15px 0; text-indent:0;} .program_sinlistbox em {left:20px;top:14px;line-height:24px; } } /* 마이페이지 - 강좌신청리스트 ==================================================================================== */ .program_mylistbox {position:relative; display: flex; flex-direction: column;gap:30px;} .program_mylistbox li {position:relative;border:1px solid #ddd;display: flex; flex-flow:wrap;justify-content: space-between; gap:0;} .program_mylistbox .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_mylistbox .ing {background:#ff5544;} .program_mylistbox .end {background:#39bcd0;} /* .program_mylistbox .layer { position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../img/btn_more.png") no-repeat 50% 50%; z-index:1;width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;} */ .program_mylistbox:hover .layer {display:block;} .program_mylistbox figure {position:relative; width:180px; height:180px;vertical-align:top;} .program_mylistbox figure img {width:100%; height:100%; } .program_mylistbox .info {position:relative; flex:2;padding:20px 0 20px 30px;} .program_mylistbox .apply_yes {position:absolute;padding:7px 0px;width:80px;text-align:center;background:#39bcd0;color:#fff;} .program_mylistbox .apply_no {position:absolute;padding:7px 0px;width:80px;text-align:center;background:#f36a5a;color:#fff;} .program_mylistbox .tit {position:relative;padding:0 0 13px 0; line-height:140%; font-size:1.3em; letter-spacing:-1.0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-weight:600; } .program_mylistbox dl {position:relative; overflow:hidden;width:calc(100% - 170px);display: flex; } .program_mylistbox dl dt {position:relative; width:110px; color:#888;text-indent:15px; font-size:0.9em; } .program_mylistbox dl dt:after {position:absolute;content:'';top:11px;left:3px; width:3px;height:3px; background:#999; border-radius:3px; } .program_mylistbox dl dd {position:relative; flex:2; color:#888;font-size:0.9em;} .program_mylistbox dl dd:after {position:absolute;content:'';top:5px;left:-15px; width:1px;height:17px; background:#e0e0e0; } .program_mylistbox .btn_box {position:absolute; right:30px;top:30px; display: flex; flex-direction: column;gap:10px;} .program_mylistbox .btn01 { display:inline-block;text-align:center; width:150px; margin:0 2px; line-height:50px;color:#fff; border-radius:3px; background:#1476dd; border:1px solid #1476dd; cursor:pointer; vertical-align:top; transition:all 0.5s ease;} .program_mylistbox .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_mylistbox .graph strong {font-weight:500; color:#ff5544; font-size:0.9em;} .program_mylistbox .graphbg {float:left; width:70%;margin:7px 5px 0px 0px;height:13px;line-height:13px;background:url("../img/graph02.gif") repeat-x 0 0px #eee; border-radius:10px; overflow:hidden;} .program_mylistbox .graphbg img {height:13px;vertical-align:top;} @media screen and (max-width: 800px) { .program_mylistbox {position:relative; display: flex; flex-flow:wrap;justify-content: space-between; flex-direction: row;gap:25px 0;} .program_mylistbox li {width:48.5%;display: flex; flex-direction: column;} .program_mylistbox figure { width:100%; height:350px; } .program_mylistbox .info { padding:20px;} .program_mylistbox .tit {padding:0 0 10px 0; font-size:1.2em;} .program_mylistbox dl { width:100%;} .program_mylistbox dl dt { width:95px;} .program_mylistbox dl dd:after { left:-12px; } .program_mylistbox .btn_box {position:relative;padding:20px 0 0 0; right:initial;top:initial; display: block; } .program_mylistbox .btn01, .program_mylistbox .btn02 { font-size:0.9em; width:47%;line-height:40px; } .program_mylistbox .graphbg { width:50%;} .program_mylistbox .info {padding:20px;} } @media screen and (max-width: 600px) { .program_mylistbox li {width:100%; } } /* 마이페이지 - 뷰 상단 ================================================================================== */ .program_view_info {position:relative; padding:30px; border:0 solid #1475dc; background:#22305c; margin-bottom:40px;} .program_view_info .tit {position:relative; padding:23px 0 15px 0; font-size:1.6em; font-weight:600; color:#fff; letter-spacing:-1px; } .program_view_info .txt {padding:0 ; } .program_view_info .txt p {position:relative; color:#fff; } .program_view_info .txt p span {position:relative;display:inline-block; padding:0 35px 0 0;} .program_view_info .txt p span:after {content:''; position:absolute; top:6px; right:13px;width:1px; height:15px;background:#fff; opacity:0.4;} .program_view_info em {position:absolute;top:-20px;left:-35px;padding:0 30px 0 35px; line-height:30px; font-style:normal; font-size:15px;color:#fff; border-radius:0; } .program_view_info em:after {content:''; position:absolute; top:0; right:0;width:0px;height:0px; border-right: 10px solid #22305c; border-top: 15px solid transparent; border-bottom: 15px solid transparent;} .program_view_info .ing {background:#09a9db;} .program_view_info .acc {background:#ed8b39;} .program_view_info .end, .program_view_info .wait {background:#848b95;} /* 마이페이지 - 강좌시청 ================================================================================== */ .program_class_box {position:relative; box-sizing:border-box; } .program_class_box .video_main {border:1px solid #ddd; } .program_class_box .video_main.no_video {pointer-events:none;} .program_class_box .video_wrap {position:relative;width:100%; margin:0 auto; } .program_class_box .video_wrap .cont {position: relative; width: 100%; height: 420px; padding-top:50%;} .program_class_box .video_wrap .cont.no_cont {background:#000;} .program_class_box .video_wrap .cont .no_list {position:absolute; top:50%; left:50%;transform:translate(-50%, -50%);color:#fff;text-align:left;} .program_class_box .video_wrap .cont iframe {margin: 0; padding: 0;width: 100%; height: 100%; position: absolute;top: 0; left: 0; } .program_class_box .video_list {position: relative;width:100%;padding:30px 0 0 0; display:flex;flex-wrap: wrap; gap:20px 2%;} .program_class_box .video_list li { position: relative;width:49%;border:1px solid #dfdfdf;background-color:#fff;} .program_class_box .video_list li.on .layer {display:block;} .program_class_box .video_list .layer {position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../img/btn_play.png") no-repeat 50% 50%; z-index:1;width:100%; height:100%; transition:0.5s; text-align:center;border:4px solid #1475dc;} .program_class_box .video_list figure {position:relative;width: 120px; height:100px;line-height:86px; background:#000;float:left;} .program_class_box .video_list figure img {width: 100%; height:100%; object-fit: cover;} .program_class_box .video_list .cont {position: relative;padding:0 10px 10px 135px;} .program_class_box .video_list .cont .tit {position: relative;color:#333;padding:10px 0 5px 0; letter-spacing:-1px; font-weight:500; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; margin-bottom:3px;} .program_class_box .video_list .cont p {position: relative;color:#9a9a9a; font-size:0.85em; line-height:1.4;padding:1px 0 1px 12px;} .program_class_box .video_list .cont p:after {position:absolute; content:''; display:block; left:3px; top:10px; width:2px; height:2px; background:#9a9a9a;} .program_class_box .video_list li:hover, .program_class_box .video_list li.on {background-color:#f7f7f7; } .program_class_box .video_list li.on dl dt {color:#1475dc;} .program_class_box .video_list .play {z-index:1; position:relative; height:25px; line-height:25px;padding:2px 7px 3px 7px; color:#fff; background:#7ba900; text-align:center; font-size:0.85em; border-radius:2px; margin-right:5px;} .program_class_box .video_list .ing {z-index:1; position:relative; height:25px; line-height:25px; padding:2px 7px 3px 7px;color:#fff; background:#1475dc; text-align:center; font-size:0.85em;border-radius:2px; margin-right:5px;} .program_class_box .video_list .close {pointer-events:none;opacity:40%; } .program_class_nobox {padding:100px 0 135px 0; text-align:center; font-weight:600; border-bottom:1px solid #ccc;} .pclass_player_btns {display:inline-block;margin:5px 5px 5px 0px; background: #f24b10; color: #fff; min-width: 80px; height: 30px; line-height: 30px; text-align: center; cursor: pointer;} @media screen and (max-width:1024px) { .program_class_box {height:100%;} .program_class_box .video_main { width:100%; height:100%;} .program_class_box .video_wrap .cont {height:100%;} } @media screen and (max-width:820px) { .program_class_box .video_list { gap:15px;} .program_class_box .video_list li { width:100%; } } /* 자료제출 리스트 ================================================================================== */ .program_datalist_wrap {border-top:1px solid #44465c; margin-bottom:20px;} .program_datalist_wrap h4 {text-align:left !important;} .program_datalist_wrap li {position:relative; display:table; table-layout:fixed; text-align:center; width:100%; border-bottom:1px solid #dfdfdf;} .program_datalist_wrap li:hover {background:#f4f5f8;} .program_datalist_wrap li p {position:relative; display:table-cell; vertical-align:middle; padding:0 10px;} .program_datalist_wrap .head {text-align:center; background:#f9f9f9; line-height:56px;} .program_datalist_wrap .head:hover {background:#f9f9f9;} .program_datalist_wrap .head p {font-family: 'GmarketSansMedium'; color:#111; text-align:center;} .program_datalist_wrap .wrap {padding:15px 0;} .program_datalist_wrap .wrap a {display:table-row;} .program_datalist_wrap .wrap p {color:#888;} .program_datalist_wrap .tit {text-align:left; padding:0 20px;} .program_datalist_wrap .btn {width:12%;} .program_datalist_wrap .wrap .btn em {position:relative; display: inline-block; text-align:center; font-style:normal; vertical-align:middle; min-width:65px; padding:0 3px; line-height:26px; border:1px solid rgba(0,0,0,0.1); font-size:0.9em; color:#fff;} .program_datalist_wrap .wrap .btn .acc {background:#2a89e1;} /* 파란색 : 접수완료 */ .program_datalist_wrap .wrap .btn .return {background:#e77987;} /* 적색 : 반려 */ .program_datalist_wrap .wrap .tit {color:#333; font-weight:500; font-size:1.1em; letter-spacing:-1px;} .program_datalist_wrap .tit em {display:block; font-style:normal; font-size:16px; letter-spacing:-0.75px; color:#888;} .program_datalist_wrap .date {width:20%;} .program_datalist_wrap .stit {display:none;} .program_datalist_wrap .sub_list02 {padding:1px 0 1px 12px;} .program_datalist_wrap li.nolist {padding:20px;} @media screen and (max-width:1024px) { .program_datalist_wrap .head {display:none;} .program_datalist_wrap li p {display:block; padding:0; text-align:left;} .program_datalist_wrap .wrap {padding:15px 10px;} .program_datalist_wrap .btn {position:absolute; right:10px; top:15px; width:auto;} .program_datalist_wrap .tit, .program_datalist_wrap .date {width:100%;font-size:0.9em;line-height:1.4;} .program_datalist_wrap .tit {padding:0px 85px 0px 0px;} .program_datalist_wrap .stit {display:inline-block; margin-right:3px;} }