@charset "utf-8"; /**
 * @author https://www.cosmosfarm.com
 */

/* List */
.area_lecture_list { width: 100%; } 
.area_lecture_list .lecture_heading { padding: 80px 0 30px; font-size: 30px; margin: 0; } 
.area_lecture_list .leccontents-table { display: table; width: 100%; border-collapse: collapse; letter-spacing: -0.5px; } 
.area_lecture_list .leccontents-thead { display: table-header-group; } 
.area_lecture_list .leccontents-tr { display: table-row; border-bottom: 1px solid #ddd; } 
.area_lecture_list .leccontents-tr:hover { background-color: #fbfbfb; } 
.area_lecture_list .leccontents-td { display: table-cell; text-align: center; padding: 1.5em 0.5em; vertical-align: middle; font-size: 16px; color:#777; box-sizing: border-box; min-width: 60px; } 
.area_lecture_list .leccontents-icons { font-size: 0; } 
.area_lecture_list .leccontents-icon { padding-right:4px; } 
.area_lecture_list .leccontents-thead > .leccontents-td { background-color: #f8f9fb; font-weight: 500; color: #000; padding: 1em 0.5em; } 
.area_lecture_list .leccontents-apply-checks { position:relative; font-size: 0; } 
.area_lecture_list .checkmark-2 { width: 22px; height: 22px; background-color: #eee; position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; margin: auto; border: 1px solid rgb(221, 221, 221); border-image: initial; border-radius: 3px; } 
.area_lecture_list .leccontents-check-label input[type="checkbox"] { width: 1px; height: 1px; opacity: 0; position: absolute; top: 0px; left: 0px; } 
.area_lecture_list .leccontents-check-label input[type="checkbox"]:checked + .checkmark-2 { background-color: var(--ast-global-color-0);; border-width: 1px; border-style: solid; border-color: var(--ast-global-color-0);; border-image: initial; } 
.area_lecture_list .leccontents-check-label input[type="checkbox"]:checked + .checkmark-2::after { content: ""; display: block; width: 47%; height: 27%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 30% 35% 0px; border-left: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); } 
.area_lecture_list .leccontents-infos { text-align: left; } 
.area_lecture_list .leccontents-lecname { display: block; font-size: 20px; color: #000; font-weight:700; text-decoration: none; word-break: keep-all; word-wrap: break-word; } 
.area_lecture_list .leccontents-prc-sbj { font-size:16px; } 
.area_lecture_list .leccontents-val { font-size:16px; color:#777; } 
.area_lecture_list .leccontents-val em { font-style:normal; font-weight:700; color:var(--ast-global-color-0);; } 
.area_lecture_list .leccontents-prc-sbj:after { content:':'; padding: 0 3px 0 5px; vertical-align: text-top; } 
.area_lecture_list .leccontents-prc-old { color:#a9a9a9; text-decoration: line-through; } 
.area_lecture_list .leccontents-prc-old:after { content: '\2192'; font-weight: 100; padding: 0 5px; } 
.area_lecture_list .leccontents-lecstate { padding: 2px 10px; font-size: 14px; color: var(--ast-global-color-0);; font-weight: normal; border: 1px solid var(--ast-global-color-0);; border-radius:3px; } 
.area_lecture_list .leccontents-lecstate.cant { color: rgb(255, 87, 87); border-color: rgb(255, 87, 87); } 
.area_lecture_list .leccontents-apply { width: 130px; } 
.area_lecture_list .leccontents-btns { width: 130px; } 
.area_lecture_list .leccontents-btn { display: block; width: 100%; max-width:130px; box-sizing: border-box; cursor: pointer; background-color: #333; color: #fff; padding: 0; margin: 0; border:1px solid #333; border-radius: 3px; font-size: 14px; height: 35px; line-height: 35px; } 
.area_lecture_list .leccontents-btn a { text-decoration: none; color: #fff; } 
.area_lecture_list .leccontents-btn.leccontents-cart { margin-bottom:10px; background:#fff; } 
.area_lecture_list .leccontents-btn.leccontents-cart a { text-decoration: none; color:#333; } 
.area_lecture_list .leccontents-btn:hover { background-color: var(--ast-global-color-0);; color: #fff; border-color: var(--ast-global-color-0);; } 
.area_lecture_list .leccontents-btn.leccontents-cart:hover { background-color: #fff; color: var(--ast-global-color-0);; } 
.area_lecture_list .leccontents-sample:after { content:"\f03d"; font-family: FontAwesome; font-size: 1.2em; color: #dfdfdf; } 
.area_lecture_list .leccontents-btn.leccontents-btn-buy { } 
.area_lecture_list .leccontents-cols { box-sizing: border-box; display: table; width: 100%; } 
.area_lecture_list .leccontents-col { padding-right: 40px; display: table-cell; text-align: left; vertical-align: middle; } 
.area_lecture_list .leccontents-thumbs { width:360px; } 
.area_lecture_list .leccontents-thumb-link { display: block; } 
.area_lecture_list .leccontents-thumb-img { width: 100%; height: 100%; border-radius:3px; } 
.area_lecture_list .leccontents-thumb-noimg { color: #bbbbbb; text-align: center; vertical-align: middle; background-color: #ebebeb; text-decoration: none; } 
.area_lecture_list .leccontents-thumb-noimg:hover { background-color: #dcdcdc; } 
.area_lecture_list .leccontents-info { padding: 2px 0; } 

/* 옵션 출력 or 히든 */
.area_lecture_list .leccontents-icon-off,
.area_lecture_list .leccontents-thumbs-off { display: none; } 

/* 목록 페이지 */
.area_lecture_list .leccontents-paging-container { width: 100%; margin: 10px 0; } 
.area_lecture_list .leccontents-pagings { vertical-align: middle; text-align: center; margin-top: 10px; border-top: 1px solid #ddd; padding: 20px 0; } 
.area_lecture_list .leccontents-page { display: inline-block; font-size: 16px; width: 40px; margin: 0px; } 
.area_lecture_list .leccontents-page-icon:after { font-size: 1em; color: #b6b6b6; font-family:'FontAwesome'; } 
.area_lecture_list .leccontents-page-backward:after { content:"\f0d9\f0d9"; } 
.area_lecture_list .leccontents-page-prev:after { content:"\f0d9"; } 
.area_lecture_list .leccontents-page-next:after { content:"\f0da"; } 
.area_lecture_list .leccontents-page-forward:after { content:"\f0da\f0da"; } 
.area_lecture_list .leccontents-page-icon { text-decoration: none; display: inline-block; text-align: center; color: #a5a5a5; padding: 0 3px; font-size: 0.85em; } 
.area_lecture_list .leccontents-page-not { color: #dfdfdf; } 
.area_lecture_list .leccontents-page-number { text-decoration: none; color: #777; font-weight: normal; padding: 0; width: 40px; height: 40px; display: block; line-height: 40px; border-radius: 50%; } 
.area_lecture_list .leccontents-page-current > a { font-weight: bold; color:#fff; background:var(--ast-global-color-0);; } 

/* 목록 공통 버튼 */
.area_lecture_list .leccontents-list-btns { vertical-align: middle; text-align: right; } 
.area_lecture_list .leccontents-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; } 
.area_lecture_list .leccontents-list-btn.leccontents-list-scrap:before { content:"\f004"; font-size: 14px; color: #f44; font-family: 'FontAwesome'; margin-right: 5px; position: relative; top: -2px; } 
.area_lecture_list .leccontents-list-btn:hover { background-color: #515151; border-color: #515151; color: #fff; } 
.area_lecture_list .leccontents-list-btn:hover a { color: #fff; } 
.area_lecture_list .leccontents-list-btn a { text-decoration: none; } 
 
/* Detail */
.lecDetail .lecture_heading { padding: 80px 0 30px; font-size: 30px; margin: 0; } 
.lecDetail { width:100%; } 
.lecDetail h2 { margin-bottom:10px; } 
.lecDetail .lecHeader { display:table; padding: 10px 0; width:100%; border-top: 2px solid #333; border-bottom: 1px solid #ddd; margin-bottom:40px; } 
.lecDetail .lecHeader-col { display:table-cell; vertical-align:middle; } 
.lecDetail .lecHeader-col.lecListBtn { width:50px; padding-left:20px; } 
.lecDetail .lecHeader-col.lecSubject { width:auto; text-align:center; } 
.lecDetail .lecHeader-col.lecNavi { width:80px; } 

.lecHeader-col.lecNavi a { font-size: 30px; color: #333; font-family:'FontAwesome'; margin-left: 20px; text-decoration: none; } 
.lecHeader-col .prevBtn:after { content:"\f0d9"; } 
.lecHeader-col .nextBtn:after { content:"\f0da"; } 

.lecDetail .lecDetail_infoBox { position:relative; margin-bottom:40px; } 
.lecDetail .lecDetail_infoBox .lecImg_thumBox { float:left; width:100%; max-width:460px; height:auto; padding:0 20px; } 
.lecDetail .lecDetail_infoBox .lecImg_thumBox .lecImg_thumnail img { border-radius:3px; } 
.lecDetail .lecDetail_infoBox .lecDetailInfomation { float: left; width: calc(100% - 460px); padding:0 20px; } 
.lecDetail .lecDetail_infoBox .lecDetailInfomation .lecSubject { font:14px dotum; font-weight:bold; letter-spacing:-1px; color:#333; border-bottom:2px solid #666666; line-height:26px; } 
.lecDetail .lecDetail_infoBox .lecDetailInfomation .lecInfoDetail { } 
.lecDetail .lecDetail_infoBox:after { content:""; display:block; clear:both; } 
.lecDetail .lecDetail_summary { } 

.table_lecSummary .leccontents-apply-checks { position:relative; font-size: 0; } 
.table_lecSummary .checkmark-2 { width: 22px; height: 22px; background-color: #eee; position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; margin: auto; border: 1px solid rgb(221, 221, 221); border-image: initial; border-radius: 3px; } 
.table_lecSummary .leccontents-check-label input[type="checkbox"] { width: 1px; height: 1px; opacity: 0; position: absolute; top: 0px; left: 0px; } 
.table_lecSummary .leccontents-check-label input[type="checkbox"]:checked + .checkmark-2 { background-color: var(--ast-global-color-0);; border-width: 1px; border-style: solid; border-color: var(--ast-global-color-0);; border-image: initial; } 
.table_lecSummary .leccontents-check-label input[type="checkbox"]:checked + .checkmark-2::after { content: ""; display: block; width: 47%; height: 27%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 30% 35% 0px; border-left: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); } 

.lecDetail .lecDetail_description { clear:both; float:none; } 
.lecDetail .lecDetail_description .contents-area { margin-bottom:40px; /* border:1px solid #ddd; *//* border-top:2px solid #aaa; */ min-height:250px; } 
.lecDetail .lecDetail_description .contents-area .elementor-section .elementor-container .elementor-column .elementor-widget-wrap { padding: 0; } 
.lecDetail_Title h4 { font-size:24px; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro { width:50%; position:relative; height:146px; margin:10px 0 } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgThumnail { position:absolute; top:0; left:0; width:100px; height:146px; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail { margin-left:110px; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail .subject { font:12px dotum; font-weight:bold; color:#5d5d5d; letter-spacing:-1px; line-height:24px; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail .subject a { color:#5d5d5d; text-decoration:none; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail .subject a:hover { color:#000000; text-decoration:underline; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail .des { font:11px dotum; color:#5f5f5f; letter-spacing:-1px; padding:10px 0 15px 0; line-height:18px; width:600px; height:60px; overflow:hidden; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail .des a { color:#5f5f5f; text-decoration:none; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail .des a:hover { color:#000000; text-decoration:underline; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail ol { } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail ol li { float:left; font:11px dotum; color:#6e6e6e; line-height:18px; } 
.lecDetail .lecDetail_description .lecDetail_bookIntro .lecDetail_imgDetail ol li.bar { font:10px dotum; color:#CCC; line-height:18px; padding:0 5px; } 
.lecDetail .lecDetail_detailList { } 
.lecDetail .lecDetail_detailList .lecDetail_tabMenu { border-bottom:2px solid #515151; height:39px; overflow:hidden } 
.lecDetail .lecDetail_detailList .lecDetail_tabMenu ol { } 
.lecDetail .lecDetail_detailList .lecDetail_tabMenu ol li { float:left; } 
.lecDetail .lecDetail_detailList .lecDetail_boardArea { } 
.lecDetail .lecDetail_detailList .lecDetail_boardArea .lecDetail_curriList_title { position: relative; } 
.lecDetail .lecDetail_detailList .lecDetail_boardArea .des { color:#868686; letter-spacing:-1px; line-height:32px; font-size: 11px; position: absolute; right: 0; top: 0; } 

.table_lecInfoDetail { border-collapse:collapse; margin:0; padding:0; width:100%; table-layout:fixed; border:none; } 
.table_lecInfoDetail th { width:100px; font-size:16px; color:#5d5d5d; font-weight:bold; letter-spacing:-1px; border:none; padding-left:10px; text-align:left; } 
.table_lecInfoDetail td { height:28px; font-size:16px; color:#797979; line-height:28px; border:none; } 
.table_lecInfoDetail td.nonBorder { border:0; } 
.table_lecInfoDetail td.booksArea { width:196px; height:260px; text-align:center; border-bottom:0; padding:0 0 0 12px; } 
.table_lecInfoDetail td.booksArea .thumnailBooks { height:260px; border-left:1px solid #d9d9d9 } 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksTitle { background:url(../img/lecture_skin02/dot_blue.gif) no-repeat 10px 12px; padding-left:20px; font:11px dotum; color:#5d5d5d; font-weight:bold; letter-spacing:-1px; line-height:28px; text-align:left; margin:0 0 10px 0; } 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksText { line-height:22px; } 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksText a { color:#5f5f5f; text-decoration:none } 
.table_lecInfoDetail td.booksArea .thumnailBooks .thumnailBooksText a:hover { color:#000000; text-decoration:underline } 
.table_lecInfoDetail td strong { font-weight:bold; color:var(--ast-global-color-0); } 
.table_lecInfoDetail td strong.cant { color: rgb(255, 87, 87); } 
.txt_lecPrice { color:#939393; font-weight:bold; text-decoration:line-through; margin-left:10px; } 
.txt_discount { color:var(--ast-global-color-0);; font-weight:bold; font-size:20px; letter-spacing:-0.5px; } 

.table_lecSummary { width:100%; border-collapse:collapse; margin:0; padding:0; table-layout:fixed; border-top:2px solid #aaaaaa; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; margin-bottom: 40px; } 
.table_lecSummary th { border-bottom:1px solid #b7b7b7; height:35px; line-height:35px; background:#f6f6f6; text-align:center; line-height:29px; width:80px; position: relative; } 
.table_lecSummary td { border-bottom:1px solid #b7b7b7; } 
.table_lecSummary td.contol { padding:30px 0 25px; text-align:center; } 
.table_lecSummary td .lecOrderContol { display:inline-block; overflow:auto; } 
.table_lecSummary td .lecOrderContol ol { } 
.table_lecSummary td .lecOrderContol ol li { float:left; padding:0 2px; } 
.table_lecSummary td.subject { font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; padding:0 0 0 30px; width:auto; border-bottom:1px solid #b7b7b7; } 
.table_lecSummary td.lec-price { width:150px; text-align:right; font-weight:700; background:#f6f6f6; border-bottom:1px solid #b7b7b7; } 
.table_lecSummary th img { } 
.lecOrderContol .leccontents-list-btns { display: flex; gap: 10px; vertical-align: middle; text-align: right; } 
.lecOrderContol .leccontents-list-btn { display: flex; justify-content: center; align-content: center; border: 1px solid #a5a5a5; color: #000000; min-width: 90px; box-sizing: border-box; text-align: center; cursor: pointer; border-radius: 3px; } 
.lecOrderContol .leccontents-list-btn a { text-decoration: none; } 
.lecOrderContol .leccontents-list-btn.leccontents-list-scrap:before { content:"\f004"; font-size: 14px; color: #f44; font-family: 'FontAwesome'; margin-right: 5px; position: relative; top: -2px; } 
.lecOrderContol .leccontents-list-select { display: inline-block; border: 1px solid #a5a5a5; color: #000; padding: 5px 15px; min-width: 90px; box-sizing: border-box; text-align: center; cursor: pointer; border-radius: 3px; border-color: var(--ast-global-color-0); text-align: left; color: var(--ast-global-color-0); } 
.table_lecSummary .lecOrderContol .leccontents-list-btn.leccontents-list-cart { border-color:var(--ast-global-color-0); } 
.table_lecSummary .lecOrderContol .leccontents-list-btn.leccontents-list-cart a { display: flex; justify-content: center; align-content: center; color:var(--ast-global-color-0); padding: 3px 15px; } 
.table_lecSummary .lecOrderContol .leccontents-list-btn.leccontents-list-payment { border-color:var(--ast-global-color-0);; background-color:var(--ast-global-color-0);; } 
.table_lecSummary .lecOrderContol .leccontents-list-btn.leccontents-list-payment a { display: flex; justify-content: center; align-content: center; color:#fff; padding: 3px 15px; } 
.table_lecSummary .lecOrderContol .leccontents-list-btn:hover { background-color: #515151; border-color: #515151; color: #fff !important; } 
.table_lecSummary .lecOrderContol .leccontents-list-btn:hover a { color: #fff; } 

.table_lecIntro { width:100%; border-collapse:collapse; margin:0; padding:0; table-layout:fixed; } 
.table_lecIntro th { font:16px; color:#5d5d5d; font-weight:bold; letter-spacing:-1px; background:url(../img/lecture_skin02/dot_blue.gif) no-repeat 0 14px; padding:10px 10px 0 10px; } 
.table_lecIntro td { padding:0 10px 5px 10px; font:11px dotum; color:#797979; line-height:28px; border-bottom:1px solid #efefef; } 

.table_skin02_curriList { width:100%; border:0px; border-collapse:collapse; } 
.table_skin02_curriList thead th { font:14px; color:#606060; height:30px; font-weight:bold; letter-spacing:-1px; text-align:center; text-align:center; background:#fff; line-height:34px; border-bottom:1px solid #9a9a9a; border-top:2px solid #9a9a9a; } 
.table_skin02_curriList tbody td { height:40px; border-bottom:1px solid #eeeeee; padding:0 3px; text-align:center; line-height:29px; } 
.table_skin02_curriList tbody td.seq { font:14px; color: #333; font-weight:700; } 
.table_skin02_curriList tbody td.subject { text-align:left; color:#4e4e4e; padding:0 0 0 12px !important; font-size:14px; } 
.table_skin02_curriList tbody td.time { font:14px; color:#4f4f4f; } 