@charset "euc-kr"; body { background:#0c0c0c url(//img.megamd.co.kr/2023/1023_player/bg_body.gif); } body.is_resizing_lms { user-select:none; -webkit-user-select:none; cursor:col-resize; } .wrap_kollus { position:relative; overflow:hidden; width:100%; height:100%; } .wrap_kollus * { box-sizing:border-box; } .wrap_kollus.lms_off #layLms { right:-400px }/*26.03.31*/ /* .wrap_kollus.lms_off #layLms .switch a { background:url(//img.megamd.co.kr/2023/1023_player/icon_switch02.png) 50% 50% no-repeat; } */ /* .wrap_kollus.lms_off .kollus_Container { width:calc(100% - 20px); } */ /* 좌측 전체 */ .kollus_Container { position:relative; /*width:calc(100% - 400px - 20px);*/width:auto; height:100%; transition:width 0.2s ease; } /* 동영상 */ .vodBox { height:calc(100% - 38px); } .vodBox .vodArea { position:relative; height:100%; /*min-height:800px;*/ background:#000; } /* 컨트롤 */ .vodInfo { height:85px; } .vodInfo .vodInfoBox { position:relative; bottom:0; height:100%; background-color:#6a6b6f;} /* 상단 바 */ .title_area { position:absolute; bottom:0; z-index:2; width:100%; height:38px; padding:4px; background:#2d2d32; border:1px solid #19191e; box-shadow:inset 0px 0px 0px 1px #39393d; } .title_area .subj { overflow:hidden; width:100%; height:28px; padding-left:18px; background:#41414b; border:1px solid #19191e; color:#fff; letter-spacing:0.5px; line-height:26px; } /* 우측 패널 */ #layLms { position:absolute; right:0; top:0; z-index:3; width:400px; height:100%; min-height:300px; transition:right 0.2s ease; }/*26.03.31*/ #layLms .switch { position:absolute; left:-20px; width:20px; height:100%;background:rgba(0,0,0,0.25); border-left:1px solid #000; border-right:1px solid #0f0f14; box-shadow:inset 1px 0px 0px 0px #3c3c46;cursor: default; } #layLms .switch::after{content: "";display: none;}/*26.03.31*/ .wrap_kollus.is_resizing #layLms .switch{cursor: col-resize;}/*26.03.31*/ /* .wrap_kollus.is_resizing #layLms .switch::after{content: "↔";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;opacity: 0.9;pointer-events: none;}26.03.31 */ /*26.03.31*/ #layLms .switch a { position:absolute; left:0; top:0; width:18px; height:100%; /*background:url(//img.megamd.co.kr/2023/1023_player/icon_switch01.png) 50% 50% no-repeat;*/ display:block; pointer-events:none;} #layLms .switch:hover { background:rgba(255,255,255,0.25); } #layLms .switch a::before, #layLms .switch a::after{content:"";display:block;position:absolute;top:50%;width:1px;height:14px;background:#0082ff;transform:translateY(-50%);pointer-events:none;} #layLms .switch:hover a::before, #layLms .switch:hover a::after {background:#8c8c8c;} #layLms .switch a::before{left:7px;} #layLms .switch a::after{right:7px;} #layLms .tabtext { padding:10px 11px; color:#fff; } #layLms .cont_right { height:100%; padding:30px 0; } /*26.03.31*/ /* 교수정보 */ #layLms .cont_right .prof_top { position:relative; text-align:center; } #layLms .cont_right .prof_top .tcPhoto { overflow:hidden; width:130px; height:130px; margin:0 auto; border-radius:50%; background:#b9b9c3;} #layLms .cont_right .prof_top .tcPhoto img{ width:140px; margin-top:10px;} #layLms .cont_right .prof_top .icon_home { position:absolute; top:96px; left:191px; overflow:hidden; display:block; width:29px; height:29px; border-radius:50%; background:#0082ff url(//img.megamd.co.kr/2023/1023_player/icon_home.png) no-repeat 50% 50%; text-indent:-9999px; } #layLms .cont_right blockquote { margin:15px 0 0px; border-bottom:1px solid #0f0f14; } #layLms .cont_right blockquote p { color:#fff; } #layLms .cont_right blockquote strong { display:block; height:50px; color:#fff0b4; font-size:17px; font-weight:500; line-height:22px; } #layLms .cont_right .grp_info { padding:15px 20px 0; } #layLms .cont_right .grp_info .lecsubj { overflow:hidden; max-height:78px; margin-bottom:14px; font-size:17px; color:#fff; line-height:26px; } #layLms .cont_right .grp_info table.type01 { width:100%; border-top:1px solid #555; } #layLms .cont_right .grp_info table.type01 tr th, #layLms .cont_right .grp_info table.type01 tr td { font:14px/18px "Pretendard"; color:#fff; border-bottom:1px solid #555; } #layLms .cont_right .grp_info table.type01 tr th { text-align:center; background:#2d2d32; } #layLms .cont_right .grp_info table.type01 tr td { height:37px; padding:6px 6px 6px 12px; text-align:left; } #layLms .cont_right .grp_info table.type01.list tr th { padding-left:10px; text-align:left; } #layLms .cont_right .grp_info table tr td.nothing { height:240px; color:#aaa; text-align:center; } /* 강의목차 */ #layLms .cont_right .grp_info table.type01 tr.this th, #layLms .cont_right .grp_info table.type01 tr.this td { background:#141419; color:#0082ff; } #layLms .cont_right .grp_info table.type01 tr td a { color:#fff; }/* 2023.11.06 추가 */ #layLms .cont_right .grp_info table.type01 tr td a:hover { color:#0082ff; text-decoration:underline; }/* 2023.11.06 추가 */ #layLms .cont_right .grp_info table.type01 label { display:flex; justify-content:flex-start; align-items:center; } #layLms .cont_right .grp_info table.type01 label input[type="checkbox"], #layLms .cont_right .grp_info table.type01 label input[type="radio"] { margin-right:5px; } #layLms .cont_right .grp_info table .icoplay { margin-right:3px; padding-left:2px; } #layLms .cont_right .grp_info table .icoplay img { margin-top:4px; filter:grayscale(100%); } #layLms .cont_right .grp_info table .this .icoplay img { filter:grayscale(0); } /* 26.03.09 */ #layLms .cont_right .grp_info table.type01 td .ico_download {display:inline-block;padding:0 3px;background:#0082FF;border-radius: 2px;font-size:11px;color:#fff;margin:2px 7px 0 0;padding:0 3px;height:15px;line-height:15px;vertical-align:top;} /* //26.03.09 */ /* BEST 수강후기 */ #layLms .cont_right .grp_info .subtitle { font-size:16px; font-weight:500; color:#0082ff; line-height:26px; } #layLms .cont_right .grp_info .reply_area { overflow:hidden; border-bottom:1px solid #555; } #layLms .cont_right .grp_info .reply_area dt { overflow:hidden; border-top:1px solid #555; min-height:38px; padding:0 15px; } #layLms .cont_right .grp_info .reply_area dt a { font:14px/18px "Pretendard"; color:#fff; display:block; width:240px; padding:8px 0 9px; } #layLms .cont_right .grp_info .reply_area dt a:hover { text-decoration:underline; } #layLms .cont_right .grp_info .reply_area dd { display:none; padding:0 15px 15px; } #layLms .cont_right .grp_info .reply_area dd p.reply_con { font:300 13px/18px "Pretendard"; color:#ccc; } #layLms .cont_right .grp_info .reply_area dt.on a { color:#fff0b4; } #layLms .cont_right .grp_info .reply_area dt.on a:hover { text-decoration:none; } #layLms .cont_right .grp_info .reply_area dt.on + dd { display:block; } #layLms .cont_right .grp_mainbtn, #layLms .cont_right .inner_mainbtn { position:fixed; bottom:0; z-index:2; display:flex; justify-content:center; width:380px; height:90px; padding-top:20px; text-align:center; background:#0c0c0c url(//img.megamd.co.kr/2023/1023_player/bg_body.gif); } #layLms .cont_right .inner_mainbtn { margin-left:-20px; display: flex; align-items: center; justify-content: center; width: calc(100% - 20px);} #layLms .cont_right .grp_mainbtn a.mainbtn, #layLms .cont_right .inner_mainbtn a.mainbtn { display:flex; justify-content:center; align-items:center; width:380px; height:44px; border-radius:4px; background:linear-gradient(to bottom, #2695ff, #0775e0); font:500 18px/20px "Pretendard"; color:#fff; }/*26.04.01*/ #layLms .cont_right .grp_topbtn_wrap {display:flex; justify-content:space-between; align-items: center; padding:0 20px 20px; border-bottom:1px solid #0f0f14;} #layLms .cont_right .grp_topbtn { display:flex; justify-content:space-between; width:calc(100% - 32px); } #layLms .cont_right .grp_close_btn {display:block; width: 24px;} #layLms .cont_right .grp_close_btn img {width: 100%;} /*26.04.16 맛보기 영상 css 추가*/ #layLms .cont_right .stn_prof .grp_close_btn {position: absolute; top:0; right:20px;} /*26.04.16 맛보기 영상 css 추가*/ #layLms .cont_right .grp_topbtn a.topbtn { display:flex; justify-content:center; align-items:center; width:100%; height:36px; margin:0 2px; background:#141419; border-radius:4px; border:1px solid #0082ff; font:14px/20px "Pretendard"; color:#0082ff; } #layLms .cont_right .grp_topbtn a.topbtn span { position:relative; display:inline-block; padding-right:10px; } #layLms .cont_right .grp_topbtn a.topbtn span:after { content:''; position:absolute; top:7px; right:2px; width:5px; height:5px; border-top:1px solid #0082ff; border-right:1px solid #0082ff; transform:rotate(45deg); } #layLms .cont_right .grp_topbtn a.topbtn:hover { text-decoration:underline; } /* 강의목차/북마크/인덱스/설정 TAB */ #layLms .cont_right .js_tab_wrap .js_tab_text { width:100%; display:flex; justify-content:flex-start; border-bottom:1px solid #0082ff; margin-bottom:10px; } #layLms .cont_right .js_tab_wrap .js_tab_text li { width:100%; height:34px; } #layLms .cont_right .js_tab_wrap .js_tab_text li a { display:flex; justify-content:center; align-items:center; width:100%; height:34px; background:#141419; font:14px/20px "Pretendard"; color:#aaa; text-align:center; } #layLms .cont_right .js_tab_wrap .js_tab_text li.on a { background:#0082ff; color:#fff; } #layLms .cont_right .js_tab_wrap .js_tab_text li a:hover { color:#fff; } #layLms .cont_right .js_tab_wrap .js_tab_con_type { display:none; } #layLms .cont_right .js_tab_wrap .js_tab_con_type.on { display:block; } #layLms .cont_right .js_tab_wrap .js_tab_text.type2 { display:flex; justify-content:flex-start; border-bottom:1px solid #555; } #layLms .cont_right .js_tab_wrap .js_tab_text.type2 li{ display:flex; height:30px; } /* #layLms .cont_right .js_tab_wrap .js_tab_text.type2 li:first-child { margin-left:20px; } */ #layLms .cont_right .js_tab_wrap .js_tab_text.type2 li a { height:30px; background:none; font:13px/36px "Pretendard"; } #layLms .cont_right .js_tab_wrap .js_tab_text.type2 li.on a{ background:none; color:#0082ff; } #layLms .cont_right .js_tab_wrap .js_tab_text.type2 li a span { position:relative; display:flex; height:30px; padding:0 4px; } #layLms .cont_right .js_tab_wrap .js_tab_text.type2 li.on a span:before{ content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#0082ff; } #layLms .cont_right .js_tab_wrap .js_tab_text.type2 li.on a span:after { content:''; position:absolute; bottom:-10px; left:50%; margin-left:-4px; display:inline-block; border:4px solid transparent; border-top-color:#0082ff; } /* 북마크 */ #layLms .hgt_box { overflow:hidden; } #layLms .book_mark { margin-bottom:24px; } #layLms .book_mark label { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; } #layLms .book_mark label input[type="text"] { width:210px; height:27px; padding-left:10px; background:#777; border:1px solid #777; color:#ddd; } #layLms .book_mark label input[type="text"]::placeholder { color:#ddd; } #layLms .book_mark label.cont input[type="text"] { background:#fff; color:#333; } #layLms .book_mark label.cont input[type="text"]::placeholder { color:#555; } #layLms .book_mark label a.addbtn { display:flex; justify-content:center; align-items:center; width:60px; height:27px; border-radius:4px; background:#eee; font:500 13px/20px "Pretendard"; color:#333; } #layLms .book_mark label.cont a.addbtn { background:#0082ff; color:#fff; } #layLms .cont_right .grp_info .conbox table tr th { background:none; }/* 북마크 TABLE TH */ #layLms .cont_right .grp_info .conbox table tr td { padding:6px 0; } #layLms .cont_right .grp_info .conbox table a.playtime { display:flex; align-items:center; padding-left:12px; } #layLms .cont_right .grp_info .conbox table a.playtime strong { display:flex; flex-direction:column; margin-left:22px; font:300 14px/18px "Pretendard"; color:#fff; } #layLms .cont_right .grp_info .conbox table a.playtime strong i { color:#0082ff; } #layLms .cont_right .grp_info .conbox table a.playtime:hover strong { color:#0082ff; text-decoration:underline; } #layLms .cont_right .grp_info .conbox table a.playtime:hover img { filter:grayscale(0); } #layLms .cont_right .grp_info .conbox table .this a.playtime strong { color:#0082ff; } #layLms .cont_right .grp_info .conbox table td p { display:flex; flex-direction:column; justify-content:center; align-items:center; } #layLms .cont_right .grp_info .conbox table td p a { font:300 12px/16px "Pretendard"; color:#aaa; letter-spacing:1px; text-decoration:underline; } #layLms .cont_right .grp_info .conbox table td p a.del { color:#e61e1e; } #layLms .cont_right .grp_info .conbox table td p a:nth-child(n+2) { margin-top:2px; } /* 설정 */ #layLms .cont_right .grp_info p.stitle { margin-bottom:12px; font:500 16px/24px "Pretendard"; color:#0082ff; letter-spacing:-1px; } #layLms .cont_right .grp_info dl.lstNemo { overflow:hidden; margin-bottom:10px; } #layLms .cont_right .grp_info dl.lstNemo dt { font:14px/20px "Pretendard"; color:#fff; margin-bottom:10px; } #layLms .cont_right .grp_info dl.lstNemo dd { display:inline-flex; justify-content:start; flex-wrap:wrap; width:100%; padding-bottom:10px; margin-bottom:16px; border-bottom:1px solid #555; } #layLms .cont_right .grp_info dl.lstNemo dd label { display:flex; justify-content:start; align-items:center; margin:0 20px 2px 0; cursor:pointer; } #layLms .cont_right .grp_info dl.lstNemo dd label input[type="radio"] { width:15px; margin-right:5px; } #layLms .cont_right .grp_info dl.lstNemo dd label span { color:#ddd; } ul.lstNemo li { position:relative; width:100%; padding-left:8px; margin-bottom:6px; font:400 13px/22px "Pretendard"; color:#ddd; } ul.lstNemo li:before { content:''; position:absolute; top:9px; left:0; display:block; width:3px; height:3px; background:#fafafa; } ul.lstNemo li select { text-indent:4px; height:22px; border:1px solid #aaaaaa; background:#222; color:#ccc; font-size:11px; } ul.lstNemo .transtxt { position:relative; display:inline-block; width:100px; margin-left:10px; vertical-align:middle; } ul.lstNemo .transtxt #result { cursor:pointer; display:block; width:48px; height:22px; margin:0 auto; border:1px solid #aaa; background:#141419; font:400 13px/20px "Pretendard"; color:#ddd; text-align:center; } ul.lstNemo .transtxt a { position:absolute; top:0; width:22px; height:22px; border:1px solid #777; background:#141419; font-size:15px; line-height:20px; color:#777; text-align:center; } ul.lstNemo .transtxt a.plus { right:0; line-height:18px; } ul.lstNemo .transtxt a:hover { border:1px solid #aaa; color:#aaa; } ul.lstNemo .onoffbox { overflow:hidden; position:relative; display:inline-block; width:52px; height:22px; margin-left:10px; background:#777; border-radius:11px; text-indent:-9999px; vertical-align:middle; cursor:pointer; } ul.lstNemo .onoffbox i { position:absolute; top:3px; left:3px; width:16px; height:16px; background:#ddd; border-radius:50%; transition:all .25s ease; } ul.lstNemo .onoffbox.on { background:#0082ff; } ul.lstNemo .onoffbox.on i { left:33px; background:#fff; } #layLms .viewset em { position:relative; vertical-align:top; width:96px; height:6px; margin:7px 0 0 10px; background:url(//img.megamd.co.kr/2023/1023_player/cage.png) repeat; font:0/0 Dotum; display:inline-block; } #layLms .viewset em span { position:absolute; left:0; top:0; width:0; height:6px; background:url(//img.megamd.co.kr/2023/1023_player/cage.png) left bottom repeat; font:0/0 Dotum; display:inline-block; } #layLms .viewset em span i { position:absolute; top:-3px; right:-10px; width:12px; height:12px; background:#fff; border-radius:50%; cursor:pointer; } #layLms .viewset li a.btn_reset { display:inline-block; width:53px; height:21px; margin-left:20px; border:1px solid #aaa; background:#292a2d; font:12px/19px "Pretendard"; color:#fff; text-align:center; } .scroll_p { position:relative; overflow:auto; overflow-x:hidden; } .scroll_p::-webkit-scrollbar { width:10px; height:10px; } .scroll_p::-webkit-scrollbar-button:start:decrement, .scroll_p::-webkit-scrollbar-button:end:increment { display:none; } .scroll_p::-webkit-scrollbar-track { background:#404143; } .scroll_p::-webkit-scrollbar-thumb { height:50px; width:50px; background:#aaa; } .scroll_p { resize:none; scrollbar-face-color:#41414d; scrollbar-track-color:#222328; scrollbar-arrow-color:#222328 !important; scrollbar-3dlight-color:#41414d; scrollbar-highlight-color:#41414d; scrollbar-shadow-color:#41414d; scrollbar-darkshadow-color:#41414d; } /* 25.09.09 추가 */ /* 어드민 */ /* Layout v2016-10-17 */ .mlawyers_vod .head { height:21px; padding:4px 10px; border-bottom:1px solid #0f0f0f; background:#373943; text-align:right; } .mlawyers_vod .tabtext {background:#222;} .mlawyers_vod { position:relative; width:100%; height:100%; background:#0C0C0C; overflow:hidden; } .mlawyers_vod.lms_off #layLms { right:-266px } .mlawyers_vod.lms_off #layLms .switch a { background-position:-11px 0; } .mlawyers_vod.lms_off .vodContainer { width:calc(100% - 12px); } /* 좌측 전체 */ .vodContainer { position:relative; width:calc(100% - 275px - 12px); height:100%; background:#24262a; transition:width 0.2s ease; } .vodContainer .vodBox {height:calc(100% - 32px);} /*26.03.31 추가*/ .resize_line{display:none;position:absolute;top:0;bottom:0;width:2px;background:#0082ff;z-index:10; pointer-events:none;} .wrap_kollus.is_resizing .resize_line{display:block;} /* 우측 패널 */ #layLms.type2 { position:absolute; right:0; top:-1px; width:276px; height:100%; min-height:300px; transition:right 0.2s ease; background:#373943;} #layLms.type2 .switch { position:absolute; left:-12px; width:11px; height:100%; border-right:1px solid #121216; background:#373943; border-left:none;} #layLms.type2 .switch a { position:absolute; left:0; top:50%; width:11px; height:96px; background:url('//img.megamd.co.kr/player/switch.png') no-repeat; margin-top:-48px; display:block; } #layLms.type2 .foot { background:#373943; } /* 미리보기 */ #preview { position:absolute; left:0; top:0; width:100%; height:100%; background:#0c0c0c; cursor:pointer; } #preview .info1 { position:absolute; top:40px; left:50px; color:white; } #preview .info2 { position:absolute; bottom:0; right:30px; color:white; } /* 상단 바 */ .top_area { position:relative; height:32px; background:#373943; color:#d8d8d8;} .top_area .bi { position:absolute; top:5px; left:10px; } .top_area .bi img {vertical-align:middle;} .top_area .btn { position:absolute; top:6px; right:0; } .top_area .btn li { float:left; padding-left:2px; } /* 컨트롤 */ .vodInfo { height:85px; } .vodInfo .vodInfoBox { position:relative; bottom:0; height:100%; background-color:#6a6b6f;} /* 메가엠디 플레이어 스타일 추가 v170830 */ #layLms .tabCont2 .tableStyle1 { border-top:1px solid #24262a; font-size:11px; color:#fff; width:100%; } #layLms .tabCont2 .tableStyle1 th { background:#222; text-align:center; color:#8c8c95; padding:0 0 2px} #layLms .tabCont2 .tableStyle1 td { border-right:1px solid #1d1d20; border-bottom:1px solid #1d1d20; border-top:1px solid #3a3b3f;} #layLms .tabCont2 .tableStyle1 td input { vertical-align:middle; } #layLms .tabCont2 .tableStyle1 input {color:#fff; vertical-align:middle; border:none; height:18px; font-size:11px; vertical-align:middle; } #layLms .tabCont2 .tableStyle1 .tdAlignF { text-align:center; color:#fff} #layLms .tabCont2 .tableStyle1 .tdAlignC { text-align:center; } #layLms .tabCont2 .tableStyle1 .tdAlignL { padding:5px 6px 7px} #layLms .tabCont2 .tableStyle1 .tdAlignL input {width:100% !important;} #layLms .tabCont2 .tableStyle1 td .icoPlay { margin-right:3px;} #layLms .tabCont2 .tableStyle1 td .icoPlay img { vertical-align:middle;} #layLms .tabCont2 .tableStyle1 .myPlay { background:#1a1a1a; color:#93caff;} #layLms .tabCont2 .tableStyle1 .tdHidden { position:relative; height:30px; line-height:30px; overflow:hidden; display:block} #layLms .tabCont2 .tableStyle2 { border-top:1px solid #222; font-size:11px; color:#b3b6b9; width:100%; margin-bottom:13px; margin-bottom:52px;} #layLms .tabCont2 .tableStyle2 th { border-bottom:1px solid #454850; text-align:left; padding-left:15px;} #layLms .tabCont2 .tableStyle2 td { border-bottom:1px solid #454850; padding:5px 0 5px; vertical-align:middle;} #layLms .tabCont2 .tableStyle2 td input { vertical-align:middle} #layLms .tabCont2 .tableStyle2 td select { width:208px; height:22px; padding:1px 0 3px; border:none; background:#4c4f57; color:#fff; vertical-align:middle;} #layLms .tabCont2 .tableStyle2 td .tableInput { width:200px; font-family:Dotum; letter-spacing:-0.5px; font-size:11px; border:none; background:#4c4f57; color:#fff; vertical-align:middle; line-height:18px; padding:0 4px;} #layLms .tabCont2 .tableStyle2 td textarea { margin-bottom:0; vertical-align:top; width:225px; height:135px; background:#4c4f57; border:none; color:#fff; margin-left:15px;} #layLms .tabCont2 .tableStyle2 td label { margin-left:10px; vertical-align:middle} #layLms .tabCont2 .btn_in {position:absolute; left:0; bottom:52px; width:245px; padding:15px 15px 16px 15px; border-top:1px solid #0f0f0f; text-align:right; background:#373943;} #layLms .tabCont2 .write_type1 { width:100%; margin-bottom:7px;} #layLms .tabCont2 .write_type1 a { display:inline-block; height:20px; padding:0 5px; border-radius:1px; background:#757b8a; vertical-align:middle; color:#fff; font-size:11px;} #layLms .tabCont2 .btStyle3 { display:inline-block; border-radius:2px; color:#fff; font-size:11px; padding:0px 3px 1px; background:#757b8a; margin-bottom:1px;} #layLms .tabCont2 .btStyle3:hover { background:#696f80;} #layLms .tabCont2 h3 { color:#31aaf0 !important; line-height:18px; margin:7px 0 5px; font-size:12px;} #layLms .tabCont2 h4 { color:#b3b6b9; line-height:18px; font-size:11px; font-weight:normal;} #layLms .h4Lec { display:block; border-bottom:1px dotted #555964; padding-bottom:10px; margin-bottom:10px;} #layLms .h4Lec a { color:#b3b6b9;} #layLms .h4Lec a:hover { color:#c3c5c8;} /* ai 학습도우미 탭 추가 v26.03.20*/ #layLms .favorite_filter {margin:12px 0; display:flex; justify-content: flex-end;} #layLms .favorite_filter button {display: flex; align-items: center; justify-content: center; width:68px; height:26px ; border-radius: 4px; border: 1px solid #616161; font-size: 12px; color:#AAAAAA; background-color: transparent;} #layLms .favorite_filter button .star_on {display: none;} #layLms .favorite_filter button .star_off {display: block;} #layLms .ai_wrap {display: flex; flex-direction: column; gap:8px;} #layLms .ai_wrap.scroll_p {padding-right: 10px;} #layLms .ai_white_box {padding: 16px 16px 24px ; border-radius: 4px; background: #FFF;} #layLms .ai_con .ai_title1 {margin-top:24px; font-size: 16px; color: #111; font-weight:700;} #tabcon5_2 .ai_con:first-child .ai_title1 {margin-top:0;} #layLms .ai_con .ai_title2 {margin-top: 8px; font-size: 14px; font-weight: 600; color:#333333;} #layLms .ai_con .ai_text {margin-top: 8px; font-size: 14px; color: #555; font-weight: 400; line-height: 1.35;} #layLms .ai_con .ai_text table {width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; table-layout: fixed; border-collapse: collapse;} #layLms .ai_con .ai_text table th {background: #eeeeee; border-top: none;} #layLms .ai_con .ai_text table td:first-child { background: #f8f8f8; } #layLms .ai_con .ai_text table th, #layLms .ai_con .ai_text table td {padding: 10px; word-break: keep-all; text-align: center; color:#111;} #layLms .ai_con .ai_text table td {background: #fff; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;} #layLms .ai_time_wrap {width: 100%; padding: 0 12px; height: 32px; display: flex; justify-content: space-between; align-items: center; border-radius: 250px;border: 1px solid #C9DCFF; background: #E9F1FF; border:none; cursor: pointer;} #layLms .ai_time_wrap .time {display: flex; gap: 4px; align-items: center; } #layLms .ai_time_wrap .time > p {position:relative; color:#3B80FC; font-weight: 600; letter-spacing: -0.14px; font-size: 14px;} #layLms .ai_time_wrap .time:hover > p::after {content:""; display: block; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #3B80FC;} #layLms .ai_time_wrap .favorite {cursor: pointer;} #layLms .ai_time_wrap .favorite .star_on {display: block;} #layLms .ai_time_wrap .favorite .star_off {display: none;} #layLms .ai_time_wrap .favorite.active .star_on {display: none;} #layLms .ai_time_wrap .favorite.active .star_off {display: block;} /*2차 개발 시 필요 v26.03.20*/ .title_area_wrap {position: absolute; width:100%; min-height: 38px; bottom: 0;} .title_area_wrap .cont_area {padding:12px 12px 24px 0; position: absolute; bottom:0; width: 100%; background: rgba(17, 17, 17, 0.80); z-index:3;} .title_area_wrap .lecture_list {height: 238px;} .title_area_wrap .lecture_list li span, .title_area_wrap .lecture_list li p {font-size: 16px; color:#fff;} .title_area_wrap .lecture_list li {padding: 8px 24px; border-bottom: 1px solid #4C4C4C;} .title_area_wrap .lecture_list li > p {display: flex; align-items: center;} .title_area_wrap .lecture_list li:last-child {border-bottom: none;} .title_area_wrap .lecture_list .lec_nm {margin-left: 4px; font-weight: 700; font-size: 16px; color:#fff;} .title_area_wrap .lecture_list .lec_tit {margin-left:20px; font-weight: 600; font-size: 16px; color:#fff;} .title_area_wrap .lecture_list .down_sti {display: inline-block; margin-right:10px; padding:3px 4px; border-radius: 2px; background: #0082FF; font-size: 12px; font-weight: 500; line-height: 1;} .title_area_wrap .btn_wrap {margin: 12px auto 0; display: flex; align-items: center; justify-content: center; gap:10px;} .title_area_wrap .btn_wrap button {display: flex; align-items: center; justify-content: center; width: 100px; height: 36px; border-radius: 4px;font-weight: 700; border:none;} .title_area_wrap .btn_wrap .play_btn {background:#3B80FC; color:#fff;} .title_area_wrap .btn_wrap .close_btn {border-radius: 4px; border: 1px solid #3B80FC; color:#fff; background-color: transparent; color:#3B80FC; box-sizing: border-box;}