.leccom003-container { border: 1px solid #ebebeb; vertical-align: top;  }
.leccom003-list { position: relative; margin-bottom: 30px; }
.leccom003-list-conts { border: 1px solid #ebebeb; }
.leccom003-thumb-link { display: block; text-decoration: none; color: #222222; font-size: 0.9em; }
.leccom003-thumb-img { border: 0;  width: 100%; height: 100%; }
.leccom003-thumb-noimg { display: flex; justify-content: center; align-items: center; color: #bbbbbb;  text-align: center; vertical-align: middle; background-color: #ebebeb; text-decoration: none; word-break: keep-all; word-wrap: break-word; }
.leccom003-thumb-noimg:hover { background-color: #dcdcdc; }
.leccom003-infos { padding: 20px; vertical-align: middle; }
.leccom003-info { padding: 2px 0; }
.leccom003-info-unit { color : #b1b1b1; word-break: keep-all; word-wrap: break-word; font-size:0.7em; }
.leccom003-icons { font-size: 0; }
.leccom003-icon { padding-right:4px; vertical-align: middle;  }
.leccom003-icon-index { border-radius: 3px; padding: 2px 5px 1px 5px; font-size: 11px; color: #ffffff; }
.leccom003-icon-completed { background-color: #0060ff; }
.leccom003-icon-incomplete { background-color: #1bb506; }
.leccom003-icon-newest { background-color: #ff3b3b; }
.leccom003-lecname {  color: #222222; font-size: 1em; font-weight: 500; text-decoration: none; line-height: 130%; word-break: keep-all; word-wrap: break-word; }

.leccom003-get { display: table; margin-top: 20px; width: 100%; border-top: 1px solid #ebebeb; }
.leccom003-get-box {  display: table-cell; padding: 10px 5px; vertical-align: middle;  }
.leccom003-get-label { font-size: 0.9em; margin-right: 2px !important; vertical-align: middle; cursor: pointer; }
.leccom003-get-unit { display: inline-block; text-align: center; position: relative; }
.leccom003-get-unit + .leccom003-get-unit { margin-left: 10px; }
.leccom003-checkbox { display: inline-block; box-sizing: border-box; width: 1em; min-width: 15px; height: 1em; min-height: 15px; margin: -3px 5px 0 0; border-width: 2px; border-style: solid; text-align: center; vertical-align: middle; }
.leccom003-checkbox:after { display: block; content: "\f00c"; font-family: 'FontAwesome'; padding-top: 2px; font-size: 0.6em; color: #fff; vertical-align: middle; }
.leccom003-sample { border:1px solid #ccc; border-radius: 2px; font-size: 0.7em; text-decoration: none; cursor: pointer; padding: 0px 3px 1px 3px; vertical-align: middle; font-weight: 400; }
.leccom003-sample:before { content:"\f03d"; padding-right: 5px; font-family: FontAwesome; font-size: 1em;  }
.leccom003-sample:hover { border-color: #333; background-color: #333; color:#fff; }

.leccom003-btns > .leccom003-col { width: 49%; }
.leccom003-btns > .leccom003-col-gap { padding: 0; width: 2%; }
.leccom003-btn { display: inline-block; width:100%; height: 42px; line-height: 42px; vertical-align: middle; text-align: center; background-color: #b1b1b1; color: #ffffff; font-size: 0.8em; cursor: pointer; }
.leccom003-btn:hover { background-color: #333; }
.leccom003-btn-buy:after { content: "\2023"; padding-left: 7px; }

.leccom003-price { text-align: right; vertical-align: middle; }
.leccom003-prc-sbj { display: none; }
.leccom003-prc-val { vertical-align: middle; }
.leccom003-prc-normal { font-weight: bold; }
.leccom003-prc-old { color: #939393; font-size: 0.8em; font-weight: 400; letter-spacing: -1px; text-decoration: line-through;  }
.leccom003-prc-arr:after { content: "\2192"; padding: 0 5px; color: #939393; text-decoration: none; }


/* 공통 영역 */
.leccom003-cols { box-sizing: border-box; display: table; width: 100%; border-collapse: collapse; }
.leccom003-col { display: table-cell; vertical-align: middle; }

/* 수강 불가능 강좌 */
.leccom003-unava { filter: grayscale; -webkit-filter: grayscale(100%); }
.leccom003-unava:before { content:" "; position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; background: rgba(255, 255, 255, 0.6); text-align: center; z-index: 11; }    

/* 옵션 출력 or 히든 */
.leccom003-icon-off,
.leccom003-thumbs-off { display: none; }

/* 목록 페이지 */
.leccom003-paging-container { width: 100%; margin: 10px 0; }
.leccom003-pagings { vertical-align: middle; text-align: center; margin-top: 10px; border-top: 1px dashed #ebebeb; padding: 20px 0; }
.leccom003-page { display: inline-block; font-size: 14px; }
.leccom003-page-icon:after { font-size: 1em; color: #b6b6b6; font-family:'FontAwesome'; }
.leccom003-page-backward:after { content:"\f0d9\f0d9"; }
.leccom003-page-prev:after { content:"\f0d9"; }
.leccom003-page-next:after { content:"\f0da"; }
.leccom003-page-forward:after { content:"\f0da\f0da"; }
.leccom003-page-icon { text-decoration: none; display: inline-block; text-align: center; color: #a5a5a5; padding: 0 3px; font-size: 0.85em; }
.leccom003-page-not { color: #dfdfdf; }
.leccom003-page-number { text-decoration: none; color: #a5a5a5; font-weight: normal; padding: 0 7px; }
.leccom003-page-current > a { font-weight: bold; text-decoration: underline; }

/* 목록 공통 버튼 */
.leccom003-list-btns { vertical-align: middle; text-align: right; }
.leccom003-list-btn { display: inline-block; border: 1px solid #a5a5a5; color: #000000; padding: 3px 15px; min-width: 90px; box-sizing: border-box; text-align: center; cursor: pointer; border-radius: 3px; }
.leccom003-list-btn:hover { background-color: #515151; border-color: #515151; color: #fff; }
.leccom003-list-payment { color: #ffffff; }