@charset "utf-8";
.doc-cnt35 {margin-bottom:var(--space-35);}
.doc-cnt50 {margin-bottom:var(--space-50);}
.doc-cnt100 {margin-bottom:var(--space-100);}

.s-tit {margin-bottom:var(--space-70);}
.s-tit.ty2 {margin-bottom:var(--space-35);}
.s-tit.center {text-align:center;}
.s-tit .title {font-size:var(--font-size-32); letter-spacing:-.03em; color:#242424; font-weight:700; line-height:1.5em;}
.s-tit p {margin-top:var(--space-30); font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em;}

.about {max-width:900px; margin:var(--space-100) auto 0;}
.about dl {padding:var(--space-30) 0; align-items:center; border-bottom:1px solid #ddd; display:flex;}
.about dl:first-child {padding-top:0;}
.about dt {width:450px; padding-left:var(--space-100); font-size:var(--font-size-22); font-weight:600; color:#242424;}
.about dd {flex:1; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.6em;}

.about-wrap {max-width:780px; padding:0 30px; margin:0 auto;}
.about-txt {color:#000;}
.about-txt .txt1 {font-weight:700; font-size:var(--font-size-24); letter-spacing:-.03em; line-height:1.25em;}
.about-txt .txt2 {margin-top:5px; font-size:var(--font-size-18); letter-spacing:-.05em; line-height:1.56em;}
.about-flex {gap:var(--space-30); display:flex; align-items:center;}
.about-cnt1 {margin-bottom:var(--space-100);}
.about-cnt1 .img {order:2;}
.about-cnt1 .col {flex:1;}
.about-cnt1 .logo {margin-bottom:15px;}
.about-cnt2 {margin:var(--space-60) 0 var(--space-130);}
.about-cnt2 .item:nth-child(even) {margin-top:15px;}
.about-cnt2 .item:nth-child(even) .img {order:1;}
.about-cnt2 .cnt {flex:1;}
.about-cnt2 .imgs {margin-top:5px;}

.curriculum .title {margin-bottom:var(--space-40); align-items:center; display:flex;}
.curriculum .title span {line-height:40px; padding:0 20px; text-align:center; color:#fff; font-weight:600; border-radius:30px; display:inline-block; background-color:#242424;}
.curriculum .title span.c1 {background-color:var(--color-primary);}
.curriculum .title p {padding-left:20px; flex:1;}

.sub-tab {margin-bottom:var(--space-60); border-bottom:1px solid #ddd; text-align:center;}
.sub-tab ul {gap:0 var(--space-30); justify-content:center; display:flex;}
.sub-tab li a {padding-bottom:20px; position:relative; font-size:var(--font-size-18); font-weight:600; display:block; color:#999;}
.sub-tab li:hover a,
.sub-tab li.active a {color:#242424;}
.sub-tab li.active a:after {position:absolute; content:''; bottom:-1px; left:0; right:0; background-color:#242424; height:2px;}

.sub-tab.ty2 {margin-bottom:var(--space-100);}

.sub-tab2 {margin-bottom:var(--space-60);}
.sub-tab2 ul {gap:0 10px; justify-content:center; display:flex;}
.sub-tab2 li a {padding:0 15px; line-height:40px; background-color:#f4f4f4; font-weight:500; display:block; border-radius:5px;}
.sub-tab2 li.active a {color:#fff; background-color:var(--color-primary);}

.sub-tab2 ul.wide a {min-width:140px; text-align:center;}

.rad-btn {border-radius:7px; font-weight:600; min-width:80px; line-height:36px; text-align:center;}
.rad-btn.bk {background-color:#000; color:#fff;}
.rad-btn.gray {background-color:#b2b2b2; color:#fff;}

.my-course .item {margin-bottom:var(--space-20); padding:var(--space-35) var(--space-30); border-radius:10px; border:1px solid #ddd;}
.my-course .item:last-child {margin-bottom:0;}
.my-course .title {margin-bottom:var(--space-30); display:flex; align-items: center;}
.my-course .title h2 {font-size:var(--font-size-24); flex:1; letter-spacing:-.03em; line-height:1.3em; font-weight:600; color:#242424;}

.my-course .info {font-weight:700; color: #242424s;}
.my-course .info .date {padding-left:15px; font-weight: 500;}

.my-course .table {border-top:1px solid #242424;}
.my-course .table table {border-collapse:collapse; width:100%; text-align:center;}
.my-course .table table thead th {font-weight:500; color:#242424;}
.my-course .table table thead th,
.my-course .table table tbody td {height:55px; border-bottom:1px solid #ddd;}
.my-course .table .pf {margin-top:var(--space-25); color:#242424;}

.inq-form .input {height:60px; border-radius:5px;}

.my-suggestion .form {margin-bottom:var(--space-60);}
.my-suggestion .item {margin-bottom:var(--space-25);}
.my-suggestion .item:last-child {margin-bottom:0;}
.my-suggestion .item p {margin-bottom:5px; font-weight:500;}
.my-suggestion .agree {text-align:center;}
.my-suggestion .agree p {margin-bottom:var(--space-30); font-size:var(--font-size-18); font-weight:600; color:#242424;}
.my-suggestion .buttons {margin:0;}

.lecture .top {margin-bottom:var(--space-30);}
.lecture .top select {border-radius:5px;}
.lecture .title {margin-bottom:var(--space-30); font-size:var(--font-size-20); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.4em;}
.lecture .table {margin-bottom:var(--space-60); text-align:center;}
.lecture .table table {border-collapse:collapse; width:100%;}
.lecture .table table thead th {font-weight:500; color:#fff; background-color:#2a2a2a;}
.lecture .table table tbody th {font-weight:500; color:#242424;}
.lecture .table table th, .lecture .table table td {height:62px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.lecture .table table th:last-child, .lecture .table table td:last-child {border-right:0;}
.lecture .table .checkbox label:before {margin:0; width:28px; height:28px; border-radius:100%;}
.lecture .table .checkbox input:checked + label:before {background-image:url('/academy/images/bbs/checkbox_wh.png'); background-color:#242424; border-color:#242424;}
.lecture .table .checkbox input + label:before {background-position:50% 50%; background-image:url('/academy/images/bbs/checkbox_gray.png'); background-repeat:no-repeat;}
.lecture .buttons {margin:0;}

.my-task {display:flex; text-align:center;}
.my-task .wrap {border-top:1px solid #ddd; width:33.3333%;}
.my-task dl {display:flex;}
.my-task dt {width:100px; background-color:#f4f4f4; color:#242424; font-weight:500;}
.my-task dd {flex:1;}
.my-task dt, .my-task dd {height:60px; border-bottom:1px solid #ddd; align-items:center; justify-content:center; display:flex;}
.my-task dd a {min-width:100px; padding:3px 10px; font-size:var(--font-size-15); border:1px solid #ddd; border-radius:20px;}
.my-task dd a:hover {background-color:#242424; border-color:#242424; color:#fff;}

.photo-upload-btn {display:inline-block; padding:9px 18px; background:#fff; border:1px solid #ddd; border-radius:6px; color:#686868; font-weight:500; line-height:1.3em;}
.photo-upload-btn svg {width:18px; height:auto; margin:-.2em 5px 0 0; vertical-align:middle;}

.photo-upload-preview {display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-top:10px;}
.photo-upload-preview li {position:relative;}
.photo-upload-preview li:before {content:''; display:block; padding-bottom:100%;}
.photo-upload-preview li img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:6px; object-fit:cover;}
.photo-upload-preview li button {display:flex; align-items:center; justify-content:center; position:absolute; top:-5px; right:-5px; width:20px; height:20px; border:0; border-radius:100%; background:rgba(0,0,0,.7);}
.photo-upload-preview li button svg {width:8px; height:auto;}

.pop-wrap {padding:40px;}
.pop-wrap .pop-head {margin-bottom:var(--space-30); border-bottom:1px solid #242424;}
.pop-wrap .pop-head h2 {padding-bottom:15px; line-height:1.2em; font-size:var(--font-size-24); font-weight:600; color:#242424;}

.modal a.close-modal {width:20px; height:20px; top:40px; right:25px; background-image:url(../images/bbs/pop_close.png);}

.pop-task .bot {margin-top:var(--space-50);}
.pop-task .bot .tit {font-size:var(--font-size-18); margin-bottom:var(--space-15); line-height:1.3em; font-weight:600; color:#242424;}
.pop-task .bot .input {border-radius:10px;}
.pop-task .bot .btn-pack {width:100%; margin:0; border-radius:5px;}

/* 강의실 전체 추가작업 */
.lec-tit {font-size:var(--font-size-20); margin-bottom:var(--space-30); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}

.lec-table {text-align:center;}
.lec-table table {border-collapse:collapse; width:100%;}
.lec-table thead th {border-right:1px solid #ddd; background-color:#2a2a2a; color:#fff; font-weight:500;}

.lec-table tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:500; color:#242424;}
.lec-table thead th,
.lec-table tbody td {padding:10px; height:64px; letter-spacing:-.03em; line-height:1.5em;}
.lec-table thead th:last-child,
.lec-table tbody td:last-child {border-right:0;}
.lec-table tbody td.progress {color:var(--color-primary);}
.lec-table tbody td.progress.done {color:#242424;}

.doc-btn a {font-size:var(--font-size-15); padding:5px var(--space-15); min-width:70px; display:inline-block; border:1px solid #ddd; border-radius:30px; text-align:center;}
.doc-btn a:hover {color:#fff; background-color:#2c2c2c; border-color:#2c2c2c;}
.doc-btn button {font-size:var(--font-size-15); padding:5px var(--space-15); min-width:70px; display:inline-block; border:1px solid #ddd; background-color: #fff; border-radius:30px; text-align:center;}
.doc-btn.chk button:hover {color:#fff; background-color:#2c2c2c; border-color:#2c2c2c;}
.doc-btn.done button {background-color: #f2f2f2;}

.fancybox-skin {background-color:unset !important;}

.popup-wrap {padding:var(--space-80) var(--space-30);}
.popup-head {margin-bottom:10px;}
.popup-head h2 {line-height:1.2em; font-size:var(--font-size-20); font-weight:700; color:#242424;}
.popup-head.name {padding-bottom:var(--space-15); margin-bottom:var(--space-15); border-bottom:1px solid #242424;}
.popup-head.name h2 {font-weight:400;}
.popup-head.name .bar {width:1px; height:15px; background-color:#ddd; display:inline-block; margin:0 10px;}
.popup-wrap .buttons {margin:var(--space-60) 0 0;}

.lecture-memo span {display:flex; justify-content:center; align-items:center;}
.lecture-memo i {width:15px; height:13px; margin-left:8px; opacity:0; background-image:url('../images/sub/lecture-memo-ico.jpg'); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; display:block;}
.lecture-memo .memo i {opacity:1;}

.lecture-mod {display:flex; justify-content:center; align-items:center;}
.lecture-mod i {width:18px; height:18px; display:inline-block; background-image:url('../images/sub/lecture-mod-ico.jpg'); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}

.instr-search {margin-bottom:var(--space-25); align-items:center; flex-wrap:wrap; display:flex; gap:7px; justify-content:center;}
.instr-search p {margin-right:var(--space-15); font-weight:600; color:#242424;}
.instr-search .itm {flex:1; max-width:140px;}
.instr-search .input {border-radius:5px; width:100%;}
.instr-search .btn-pack.medium {border-radius:5px; padding:0 var(--space-30); font-weight:600; letter-spacing:-.02em;}
.instr-search .btn-pack i {width:14px; height:14px; margin:-3px 3px 0 0; vertical-align:middle; display:inline-block; background-image:url('../images/sub/instr-search-ico.png'); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}

.pop-instr-manage .search {gap:0 var(--space-20); margin-bottom:var(--space-15); display:flex;}
.pop-instr-manage textarea {width:100%; height:145px;}
.pop-instr-manage .input {border-radius:7px;}
.pop-instr-manage .buttons {margin:var(--space-25) 0 0;}

.lec-table .radiobox {margin:0;}
.lec-table .radiobox label {display:flex; align-items:center; justify-content:center;}
.lec-table .radiobox label:before {width:22px; height:22px; border:2px solid #ccc; margin:0; background-position:50% 50%; background-repeat:no-repeat;}
.lec-table .radiobox input + label:before {background-color:#fff; background-image:url(../images/sub/lec-unchk.png);}
.lec-table .radiobox input:checked + label:before {background-color:#2a2a2a; background-image:url(../images/sub/lec-chk.png); border-color:#2a2a2a;}

.score .input {text-align:center; border-radius:6px; width:100%;}

.buttons.m60-0 {margin:var(--space-60) 0 0;}