@charset "utf-8"; /************************************************** 프로그램 ID : html5PlayerFull.css 프로그램 명 : 국가대표 수능강의 EBSi Cascading Style Sheets 작 성 자 : 은대권 최초 작성일 : 2014.11.18 최종 작성일 : 참고 사항 : 1. 독립형태의 html5 플레이어 (일반화면 / 전체화면) 2. 플레이어 layout은 유동성을 갖지만, 자막기능으로 인한 고정 height는 반드시 필요 3. plyer_v3 기반의 플레이어 *****************************************************/ /* reset -------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {font-family: "돋움", Dotum, "굴림" ,Gulim, Arial;} h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;} fieldset, img {border: 0;} abbr,acronym {border: 0;} a:link,a:visited {color: #fff; text-decoration: none;} a:hover,a:active {color: #46c3eb; text-decoration: none;} legend {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;} ol, ul {list-style: none;} li{list-style: none} address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;} * {margin:0;padding:0;} input, select {font-size:12px;vertical-align:middle;} textarea {font-size:12px;resize:none;} /* layout -------------------------------------------------------------------------------*/ html, body {overflow:hidden;height:100%;background-color:#0e121b;} .hiddenItem {overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;visibility:hidden;text-indent:-999px;} .txtC {text-align:center !important;} /* 고정사이즈 */ #html5Player {overflow:hidden;position:relative;height:604px;padding-bottom:21px;color:#fff;} #html5Player #playerHeader {position:absolute;left:0;bottom:-1px;width:100%;height:21px;z-index:10;} #html5Player #playerHeader h1 {display:block;width:100%;padding-top:2px;background-color:#0e121b;text-align:center;} #html5Player .leftConts {position:relative;float:left;width:687px;margin-right:2px;border:1px solid #000;background-color:#1e1f25;z-index:900000;} #html5Player .leftConts #playerMvArea {overflow:hidden;position:relative;height:476px;padding:6px 6px 30px;} #html5Player .leftConts #playerMvArea .mv {width:673px;height:378px;} #html5Player .leftConts #playerControlArea {clear:both;position:relative;overflow:hidden;height:88px;border-top:1px solid #3d3e42;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_playerControl.png') repeat-x left top;} #html5Player .leftConts .applyToggleBtn {position:absolute;right:-3px;top:50%;width:9px;height:67px;margin-top:-33px;} #html5Player .rightConts {float:left;overflow:hidden;width:306px;padding-left:3px;background:#1e1f25 url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_rightConts.png') repeat-y left top;} /* 풀사이즈 */ #html5PlayerFull {overflow:hidden;position:relative;height:100%;padding-bottom:21px;color:#fff;} #html5PlayerFull #playerHeader {position:fixed;left:0;bottom:-1px;width:100%;height:21px;z-index:10;} #html5PlayerFull #playerHeader h1 {display:block;width:100%;padding-top:2px;background-color:#0e121b;text-align:center;} #html5PlayerFull #playerMvArea {overflow:hidden;position:relative;height:476px;padding:6px 6px 30px;background-color:#1e1f25;} #html5PlayerFull #playerMvArea h2 {position:absolute;bottom:0;background-color:#1e1f25;} #html5PlayerFull #playerMvArea .mvArea {height:100%;} #html5PlayerFull #playerControlArea {clear:both;overflow:hidden;position:relative;height:88px;border-top:1px solid #3d3e42;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_playerControl.png') repeat-x left top;} /* free사이즈 */ #html5PlayerFree {overflow:hidden;position:relative;height:100%;padding-bottom:21px;color:#fff;} #html5PlayerFree #playerHeader {position:fixed;left:0;bottom:-1px;width:100%;height:21px;z-index:10;} #html5PlayerFree #playerHeader h1 {display:block;width:100%;padding-top:2px;background-color:#0e121b;text-align:center;} #html5PlayerFree .leftConts {position:relative;height:100%;padding-right:309px;margin-bottom:100px;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;z-index:9;} #html5PlayerFree .rightConts {position:fixed;right:0;top:0;overflow:hidden;width:306px;padding-left:3px;background:#1e1f25 url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_rightConts.png') repeat-y left top;z-index:9;} #html5PlayerFree #playerMvArea {overflow:hidden;position:relative;height:476px;padding:6px 6px 30px;margin-right:2px;border-right:1px solid #000;background-color:#1e1f25;} #html5PlayerFree #playerMvArea h2 {position:absolute;bottom:0;background-color:#1e1f25;} #html5PlayerFree #playerMvArea .mvArea {height:100%;} #html5PlayerFree #playerControlArea {clear:both;overflow:hidden;position:relative;height:88px;margin-right:2px;border-top:1px solid #3d3e42;border-right:1px solid #000;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_playerControl.png') repeat-x left top;} #html5PlayerFree .leftConts .applyToggleBtn {position:absolute;right:309px;top:50%;width:9px;height:67px;margin-top:-67px;z-index:20;} /* AOD */ #html5PlayerAod {overflow:hidden;position:relative;width:355px;padding-bottom:21px;color:#fff;} #html5PlayerAod #playerHeader {position:absolute;left:0;bottom:-1px;width:100%;height:21px;z-index:10;} #html5PlayerAod #playerHeader h1 {display:block;width:355px;padding-top:2px;background-color:#0e121b;text-align:center;} #html5PlayerAod .leftConts {position:relative;width:355px;} #html5PlayerAod .rightConts {overflow:hidden;width:355px;height:518px;background:#1e1f25 url("http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListTop.png") repeat-x left top;} #html5PlayerAod #playerControlArea {clear:both;overflow:hidden;position:relative;height:88px;border-top:1px solid #3d3e42;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_playerControl.png') repeat-x left top;} #html5PlayerAod h2 {display:block;overflow:hidden;padding:0 15px;height:31px;border-bottom:1px solid #353333;background-color:#424245;color:#ececec;font-size:12px;font-weight:bold;line-height:31px;white-space:nowrap;} #html5PlayerAod .typeMini {height:48px !important;} /* 영상 영역 -------------------------------------------------------------------------------*/ #playerMvArea h2 {display:block;overflow:hidden;position:absolute;left:0;bottom:0;width:90%;height:29px;margin:0 -6px;padding:0 30px;border-bottom:1px solid #000;color:#fff;font-size:12px;font-weight:bold;line-height:29px;white-space:nowrap;} #playerMvArea .mvArea {position:relative; overflow:hidden;} #playerMvArea .mvArea .captionOn, #playerMvArea .mvArea .captionOff {} #playerMvArea .mv {overflow:hidden;margin:auto;border:1px solid #3b3939;background-color:#000;text-align:center;} #playerMvArea .mvCaption {background-color:#000;} /* #playerMvArea .mvCaption {overflow:hidden;height:95px;padding:0;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_captionLine.png') repeat-x left bottom;} #playerMvArea .mvCaption .caption {overflow:hidden;padding:15px 20px 0;color:#fff;font-size:12px;text-align:left;} #playerMvArea .mvCaptionFree {overflow:hidden;height:95px;padding:0;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_captionLine.png') repeat-x left bottom;} #playerMvArea .mvCaptionFree .caption {display:block;overflow:hidden;padding:0 20px;color:#fff;text-align:left;} #playerMvArea .fSet12 {height:70px;padding-top:25px !important;line-height:145%;font-size:12px;} #playerMvArea .fSet14 {height:70px;padding-top:15px !important;line-height:165%;font-size:14px;} #playerMvArea .fSet16 {height:80px;padding-top:9px !important;line-height:165%;font-size:16px;} #playerMvArea .fSet18 {height:80px;padding-top:9px !important;line-height:145%;font-size:18px;} #playerMvArea .fSet20 {height:80px;padding-top:9px !important;line-height:130%;font-size:20px;} */ /* 컨트롤 영역 -------------------------------------------------------------------------------*/ /* 공통(진행바) */ #playerControlArea .progressArea {float:left;position:relative;width:100%;z-index:1;} #playerControlArea .progressArea .progress {width:100%;height:10px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_progressBar_blank.png') repeat-x 0 2px;} #playerControlArea .progressArea .progress .barBox {height:10px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_progressBar_ing.png') repeat-x 0 2px;} #playerControlArea .progressArea .bar {display:block;position:absolute;top:0;width:6px;height:10px;margin-left:-3px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_progessCursor.png') no-repeat left top;font-size:0;line-height:0;text-indent:9999px;cursor:pointer;z-index:3;} #playerControlArea .progressAreaM {float:left;position:relative;width:100%;margin:-10px 0 0 0;z-index:2;} #playerControlArea .progressAreaM .repeatMarkS, #playerControlArea .progressAreaM .repeatMarkE {display:block;position:absolute;top:-2px;width:14px;height:29px;margin-left:-7px;font-size:0;line-height:0;text-indent:-999px;cursor:pointer;} #playerControlArea .progressAreaM .repeatMarkS {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/mark_s.gif') no-repeat left top;} #playerControlArea .progressAreaM .repeatMarkE {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/mark_e.gif') no-repeat left top;} #playerControlArea .progressAreaM .repeatMarkSGrp {display:block;position:absolute;left:0;top:0;height:10px;margin-left:-7px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_progressBar_ing_repeat.png') repeat-x 0 2px;font-size:0;line-height:0;text-indent:-999px;z-index:2;} #playerControlArea .progressAreaM .repeatMarkSGrp .loc {float:right;position:relative;} /* 공통(버튼) */ #playerControlArea .playControlGrp .btnPlay, #playerControlArea .playControlGrp .btnPause, #playerControlArea .playControlGrp .btnStop, #playerControlArea .playControlGrp .btnFF, #playerControlArea .playControlGrp .btnRewind, #playerControlArea .playOptionGrp .btnValUp, #playerControlArea .playOptionGrp .btnValDown, #playerControlArea .playOptionGrp .btnListUp, #playerControlArea .playOptionGrp .btnListDown {display:block;float:left;text-indent:-9999px;font-size:0;line-height:0;} #playerControlArea .playControlGrp .btnPlay {width:17px;height:20px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_playPlay.gif') no-repeat left top;} #playerControlArea .playControlGrp .btnPause {width:17px;height:20px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_playPause.gif') no-repeat left top;} #playerControlArea .playControlGrp .btnStop {width:15px;height:17px;margin-top:2px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_playStop.png') no-repeat left top;} #playerControlArea .playControlGrp .btnFF {width:17px;height:17px;margin-top:2px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_playFF.gif') no-repeat left top;} #playerControlArea .playControlGrp .btnRewind {width:17px;height:17px;margin-top:2px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_playRewind.gif') no-repeat left top;} #playerControlArea .playOptionGrp .btnListUp {width:15px;height:15px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_selectDown.png') no-repeat left top;} #playerControlArea .playOptionGrp .btnListDown {width:15px;height:15px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_selectDown.png') no-repeat left tio;} #playerControlArea .playOptionGrp .btnValUp {width:18px;height:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_optionSelR.png') no-repeat left top;} #playerControlArea .playOptionGrp .btnValDown {width:18px;height:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_optionSelL.png') no-repeat left top;} /* 개별(플레이어 컨트롤 영역) */ #playerControlArea .playControlGrp {overflow:hidden;position:absolute;left:0;top:0;width:131px;height:34px;padding:14px 0 0 15px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_controlLine.png') no-repeat left top;} #playerControlArea .playControlGrp a {margin-right:15px;} /* 개별(플레이어 진행바 영역, 볼륨 진행바 영역) */ #playerControlArea .controlArea {padding-left:146px;} #playerControlArea .playProgGrp {float:left;width:74%;height:44px;padding:4px 3% 0;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_controlLine.png') no-repeat left top;} #playerControlArea .playProgGrp .time {display:block;clear:both;height:16px;margin-bottom:-2px;border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;background-color:#111212;} #playerControlArea .playProgGrp .time .nowTime, #playerControlArea .playProgGrp .time .totalTime, #playerControlArea .playProgGrp .time .repeatTimeL, #playerControlArea .playProgGrp .time .repeatTimeR {display:block;float:left;overflow:hidden;height:14px;font-size:11px;text-align:center;line-height:15px;} #playerControlArea .playProgGrp .time .nowTime {width:50px;color:#c1c1c1;} #playerControlArea .playProgGrp .time .totalTime {width:50px;padding-left:10px;color:#646464;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_timeDivi_gray.gif') no-repeat 4px 2px;} #playerControlArea .playProgGrp .time .repeatTimeL {width:52px;color:#34a3cb;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_timeDivi_blueL.gif') no-repeat 0 2px;} #playerControlArea .playProgGrp .time .repeatTimeR {width:52px;color:#34a3cb;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_timeDivi_blueR.gif') no-repeat 0 2px;} #playerControlArea .volumnGrp {position:relative;float:left;width:16%;height:29px;padding:19px 1% 0 3%;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_controlLine.png') no-repeat left top;} *+html #playerControlArea .volumnGrp {padding-left:0;} #playerControlArea .volumnGrp .volOption {position:absolute;left:12px;top:17px;width:17px;height:13px;padding-top:1px;} #playerControlArea .volumnGrp .volOption .btnVol, #playerControlArea .volumnGrp .volOption .btnVolOff {display:block;width:17px;height:14px;font-size:0;line-height:0;text-indent:-9999px;} #playerControlArea .volumnGrp .volOption .btnVol {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_volumn.gif') no-repeat left top;} #playerControlArea .volumnGrp .volOption .btnVolOff {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_mute.gif') no-repeat left top;} #playerControlArea .volumnGrp .volProgArea {overflow:hidden;padding-left:20px;} /* 개별(유저셋기능 영역,추가기능 영역) */ #playerControlArea .controlAreaAdd {clear:both;height:23px;padding:8px 0;border-top:1px solid #000;background-color:#1e1f25;z-index:10;} #playerControlArea .playOptionGrp {height:23px;} #playerControlArea .userSpeedOption {float:left;height:21px;padding:1px 13px;font-size:11px;} #playerControlArea .userSpeedOption .setTit {display:block;float:left;overflow:hidden;width:57px;height:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/optionTit_playSpeed.gif') no-repeat left 50%;text-indent:-999px;} #playerControlArea .userSpeedOption .setListArea {display:block;position:relative;float:left;width:64px;height:15px;padding:2px;border:1px solid #070707;background-color:#111212;z-index:10;} #playerControlArea .userSpeedOption .setListArea .valNum {display:block;float:left;width:49px;height:19px;color:#fff;font-size:11px;text-align:center;line-height:17px;} :root #playerControlArea .userSpeedOption .setListArea .valNum {padding-top:1px \0/IE9;} #playerControlArea .userSpeedOption .setListArea .setNumList {position:absolute;left:-1px;bottom:-1px;overflow-x:hidden;overflow-y:scroll;width:64px;height:72px;padding:2px;border:1px solid #070707;background-color:#111212;z-index:11;} #playerControlArea .userSpeedOption .setListArea .setNumList li {width:60px;height:15px;padding-left:4px;line-height:17px;} #playerControlArea .userMoveOption {float:left;height:21px;padding:1px 13px;border-left:1px solid #0d0e11;font-size:11px;} #playerControlArea .userMoveOption .setTit {display:block;float:left;overflow:hidden;width:57px;height:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/optionTit_playMove.gif') no-repeat left 50%;text-indent:-999px;} /* 초가 BG 일때 #playerControlArea .userMoveOption .valNum {display:block;overflow:hidden;float:left;position:relative;width:38px;height:19px;padding:0;border-top:1px solid #070707;border-bottom:1px solid #070707;background:#111212 url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/txt_second.gif') no-repeat 25px 5px;color:#fff;text-align:center;} #playerControlArea .userMoveOption .valNum input {float:left;width:22px;height:19px;padding:0;border:0;background-color:#111212;color:#fff;font-size:12px;line-height:12px;text-align:right !important;vertical-align:top;letter-spacing:0;} */ #playerControlArea .userMoveOption .valNum {display:block;overflow:hidden;float:left;position:relative;width:38px;height:18px;padding:1px 0 0 0;border-top:1px solid #070707;border-bottom:1px solid #070707;} :root #playerControlArea .userMoveOption .valNum {height:17px \0/IE9;padding:2px 0 0 0 \0/IE9;} #playerControlArea .userMoveOption .valNum input {overflow:hidden;float:left;width:22px;height:18px;padding:0;border:0;background-color:#111212;color:#fff;font-size:12px;line-height:18px;text-align:right;letter-spacing:0;} #playerControlArea .userMoveOption .valNum .txt {display:block;overflow:hidden;float:left;width:14px;height:18px;padding:0 0 0 2px;border:0;background-color:#111212;color:#fff;font-size:11px;line-height:19px;text-align:left;letter-spacing:0;} #playerControlArea .userMoveOption .btnValUp, #playerControlArea .userMoveOption .btnValDown {float:left;} #playerControlArea .functionGrp {float:left;overflow:hidden;height:21px;padding:1px 13px;border-left:1px solid #0d0e11;} #playerControlArea .functionGrp .btnFunction1, #playerControlArea .functionGrp .btnFunction1_on, #playerControlArea .functionGrp .btnFunction2, #playerControlArea .functionGrp .btnFunction2_on, #playerControlArea .functionGrp .btnUse1, #playerControlArea .functionGrp .btnUse2, #playerControlArea .functionGrp .btnUse3 {display:block;float:left;height:21px;margin-right:4px;text-indent:-9999px;font-size:0;line-height:0;} #playerControlArea .functionGrp .btnFunction1 {width:53px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_sectionRepeat.png') no-repeat left top;} #playerControlArea .functionGrp .btnFunction1:hover, #playerControlArea .functionGrp .btnFunction1:Active, #playerControlArea .functionGrp .btnFunction1_on {width:53px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_sectionRepeat_on.png') no-repeat left top;} #playerControlArea .functionGrp .btnFunction2 {width:53px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_caption.png') no-repeat left top;} #playerControlArea .functionGrp .btnFunction2:hover, #playerControlArea .functionGrp .btnFunction2:Active, #playerControlArea .functionGrp .btnFunction2_on {width:53px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_caption_on.png') no-repeat left top;} #playerControlArea .functionGrp .btnUse1 {width:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_fullScreen.png') no-repeat left top;} #playerControlArea .functionGrp .btnUse2 {width:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_setting.png') no-repeat left top;} #playerControlArea .functionGrp .btnUse3 {width:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_usedGuide.png') no-repeat left top;} /* 강좌 리스트 영역 -------------------------------------------------------------------------------*/ /* 영상용 */ #lecListArea {margin-bottom:4px;} #lecListArea .tabArea {clear:both;padding-left:1px;} #lecListArea .tabArea ul {} #lecListArea .tabArea li {float:left;margin-left:-1px;} #lecListArea .tabArea a.tab_lecList01, #lecListArea .tabArea a.tab_lecList02, #lecListArea .tabArea a.tab_lecList03, #lecListArea .tabArea a.tab_lecList04, #lecListArea .tabArea a.tab_lecList06, #lecListArea .tabArea a.tab_playList {display:block;float:left;height:52px;font-size:0;line-height:0;text-indent:-9999px;} #lecListArea .tabArea a.tab_lecList01 {width:78px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts01.png') no-repeat left top;} #lecListArea .tabArea a.tab_lecList02 {width:77px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts02.png') no-repeat left top;} #lecListArea .tabArea a.tab_lecList03 {width:77px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts03.png') no-repeat left top;} #lecListArea .tabArea a.tab_lecList04 {width:77px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts04.png') no-repeat left top;} #lecListArea .tabArea a.tab_lecList06 {width:77px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts06.png') no-repeat left top;} #lecListArea .tabArea a.tab_lecList01:hover, #lecListArea .tabArea a.tab_lecList01:active, #lecListArea .tabArea .on a.tab_lecList01 {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts01_on.gif') no-repeat left top;} #lecListArea .tabArea a.tab_lecList02:hover, #lecListArea .tabArea a.tab_lecList02:active, #lecListArea .tabArea .on a.tab_lecList02 {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts02_on.gif') no-repeat left top;} #lecListArea .tabArea a.tab_lecList03:hover, #lecListArea .tabArea a.tab_lecList03:active, #lecListArea .tabArea .on a.tab_lecList03 {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts03_on.gif') no-repeat left top;} #lecListArea .tabArea a.tab_lecList04:hover, #lecListArea .tabArea a.tab_lecList04:active, #lecListArea .tabArea .on a.tab_lecList04 {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts04_on.gif') no-repeat left top;} #lecListArea .tabArea a.tab_lecList06:hover, #lecListArea .tabArea a.tab_lecList06:active, #lecListArea .tabArea .on a.tab_lecList06 {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts06_on.gif') no-repeat left top;} #lecListArea .tabArea a.tab_playList {width:306px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts05_on.gif') no-repeat left top;} #lecListArea .tabArea a.tab_playList:hover, #lecListArea .tabArea a.tab_playList:active, #lecListArea .tabArea .on a.tab_playList {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/tab_lecConts05_on.gif') no-repeat left top;} #lecListArea .addInfo {clear:both;width:286px;height:62px;padding:4px 0;margin-left:10px;color:#fff;font-size:11px;} #lecListArea .addInfo2 {clear:both;position:relative;width:286px;height:62px;padding:4px 0;margin-left:10px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListTop.png') repeat-x left bottom;color:#fff;font-size:11px;} #lecListArea .addInfo .btn, #lecListArea .addInfo2 .btn {float:right;} #lecListArea .addInfo .infoTxt, #lecListArea .addInfo2 .infoTxt {display:block;overflow:hidden;width:286px;padding-top:2px;line-height:18px;letter-spacing:-1px;} #lecListArea .addInfo .infoTxt .pointTxt, #lecListArea .addInfo2 .infoTxt .pointTxt {font-weight:bold;font-size:12px;letter-spacing:-1px;} #lecListArea .tabArea ul{overflow:hidden; background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_tabmenu.gif') repeat-x 0 0;} #lecListArea .addInfo.srch{height:100px; padding:15px 0 0;} #lecListArea .addInfo.srch div{overflow:hidden; margin-bottom:11px;} #lecListArea .addInfo.srch div input[type=text]{float:left; width:220px; margin-right:5px;} #lecListArea .addInfo.srch div a{float:left;} #lecListArea .addInfo.srch .reftxt{color:#a0eefc; letter-spacing:normal;} #lecListArea .qRegNoti {margin-bottom:10px;color:#a0eefc;letter-spacing:-1px;} #lecListArea .insertContsArea {clear:both;overflow:hidden;height:247px;padding:10px 0;margin:0 10px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListTop.png') repeat-x left bottom;font-size:12px;} #lecListArea .insertContsArea .readmeTxt {padding-top:4px;color:#666;font-size:11px;line-height:14px;} #lecListArea .totalContsArea {clear:both;overflow:hidden;padding:10px 0 0;margin:0 10px;} #lecListArea .totalContsArea .searchArea {overflow:hidden;width:241px;margin:0 auto 10px;} #lecListArea .totalContsArea .searchArea input {float:left;height:15px;margin:0 5px 0 0;line-height:15px;} #lecListArea .totalContsArea .searchArea a {float:left;} #lecListArea .totalContsArea .readmeTxt {color:#666;font-size:12px;line-height:!4px;} #html5Player #lecListArea .totalContsArea .contsScrollArea {overflow-x:hidden;overflow-y:auto;height:296px;padding:5px;font-size:12px;line-height:16px;text-align:left;} #html5PlayerFree #lecListArea .totalContsArea .contsScrollArea {overflow-x:hidden;overflow-y:auto;padding:5px;font-size:12px;line-height:16px;text-align:left;} #lecListArea .btnArea {clear:both;padding:5px 5px 0;} #lecListArea .btnArea .fL {float:left;} #lecListArea .btnArea .fL a {float:left;margin-right:5px;} #lecListArea .btnArea .fR {float:right;} #lecListArea .btnArea .fR a {float:left;margin-left:5px;} #lecListArea .listArea {clear:both;position:relative;overflow-x:hidden;overflow-y:auto;width:286px;margin-left:11px/*;height:374px !important;*/} #lecListArea .readmeArrow {clear:both;width:276px;margin-left:10px;padding:8px 0 6px 9px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/ico_arrR_black.gif') no-repeat 0 12px;color:#999;font-size:12px;font-weight:bold;line-height:16px;letter-spacing:-1px;} #lecListArea .insertListArea {position:relative;overflow:hidden;width:286px;height:76px;margin-left:10px;font-size:12px;} #lecListArea .insertScrollArea {position:relative;overflow-x:hidden;overflow-y:auto;width:286px;height:76px;;margin-left:10px;font-size:12px;} #lecListArea .insertListArea .listNoti, #lecListArea .insertScrollArea .listNoti {padding-top:25px;color:#666;text-align:center;} #lecListArea .insertListArea .listNoti a:hover, #lecListArea .insertListArea .listNoti a:active, #lecListArea .insertScrollArea .listNoti a:hover, #lecListArea .insertScrollArea .listNoti a:active {color:#46c3eb;} #lecListArea .playlistArea {clear:both;position:relative;overflow-x:hidden;overflow-y:auto;width:305px;height:378px;} /* 리스트 템플릿 */ table input,table select {margin-top:-2px;} #lecListArea .lecList_tb, #lecListArea .lecList2_tb, #lecListArea .lecList3_tb, #lecListArea .lecList4_tb {border:0;border-collapse:collapse;table-layout:fixed;empty-cells:show;} #lecListArea .lecList_tb caption, #lecListArea .lecList2_tb caption, #lecListArea .lecList3_tb caption, #lecListArea .lecList4_tb caption {disply:none;font-size:0;line-height:0;} #lecListArea .lecList_tb td {height:30px;padding:1px 0 1px 82px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListLine.png') repeat-x left top;color:#fff;font-size:12px;text-align:left;vertical-align:middle;line-height:14px;} #lecListArea .lecList_tb td a {color:#fff;} #lecListArea .lecList_tb td.on {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListLine_on.png') repeat left top;color:#46c3eb;font-weight:bold;letter-spacing:-1px;} #lecListArea .lecList_tb td.on a {color:#46c3eb;} #lecListArea .lecList_tb td .infoArea {float:left;position:relative;} #lecListArea .lecList_tb td .infoArea .mvInfo {position:absolute;left:-76px;top:50%;margin-top:-1px;overflow:hidden;width:62px;height:14px;padding-left:8px;} #lecListArea .lecList_tb td.on .infoArea .mvInfo {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/ico_arrR_black.gif') no-repeat left 4px;} #lecListArea .lecList_tb td .infoArea .mvInfo .mvTime {float:left;padding-top:1px;} #lecListArea .lecList_tb td .infoArea .mvInfo .mvMemo {float:right;width:19px;height:14px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/ico_memo.gif') no-repeat left top;font-size:0;line-height:0;text-indent:-999px;} #lecListArea .lecList_tb td .playInfoArea {width:270px;margin-left:-76px;padding-left:8px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/ico_arrR_black.gif') no-repeat left 4px;} /* #lecListArea .lecList_tb{margin-bottom:76px;} */ #lecListArea .lecList_tb td{padding:1px 20px 1px 82px;} #lecListArea .lecList_tb td:hover{background:#2d2d32 repeat 0 0;} #lecListArea .lecList_tb td:hover .mvTime, #lecListArea .lecList_tb td:hover a{color:#46c3eb} #lecListArea .lecList2_tb td {height:30px;padding:1px 0 1px 6px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListLine.png') repeat-x left top;color:#fff;font-size:12px;text-align:left;vertical-align:middle;} #lecListArea .lecList2_tb td a {display:block;width:95%;#width:108%;padding-left:10px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/ico_arrR_black.gif') no-repeat left 3px;color:#fff;} #lecListArea .lecList2_tb td.on {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListLine_on.png') repeat left top;color:#46c3eb;font-weight:bold;letter-spacing:-1px;} #lecListArea .lecList2_tb td.on a {color:#46c3eb;} #lecListArea .lecList3_tb td {height:22px;padding:2px 6px 0;border-top:1px solid #999;background-image:none;color:#040404;font-size:12px;text-align:left;vertical-align:middle;line-height:22px;white-space:nowrap;} #lecListArea .lecList3_tb td a {display:block;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;height:22px;color:#999;white-space:nowrap;} #lecListArea .lecList3_tb td a:hover, #lecListArea .lecList3_tb td a:active {color:#46c3eb;} #lecListArea .lecList3_tb td a.btnDel {float:right;margin-top:4px;} #lecListArea .insertListArea .lecList3_tb td a {width:260px;} #lecListArea .insertScrollArea .lecList3_tb td a {width:245px;} #lecListArea .lecList4_tb {border-top:1px solid #999;border-left:1px solid #999;} #lecListArea .lecList4_tb th {height:35px;padding:2px 0 0;border-right:1px solid #999;border-bottom:1px solid #999;letter-spacing:-1px;} #lecListArea .lecList4_tb td {height:22px;padding:2px 0 0;border-right:1px solid #999;border-bottom:1px solid #999;background-image:none;color:#999;font-size:12px;line-height:22px;text-align:center;vertical-align:middle;white-space:nowrap;} #lecListArea .lecList4_tb td a {display:block;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;height:22px;padding-left:6px;color:#999;text-align:left;white-space:nowrap;} #lecListArea .lecList4_tb td a:hover, #lecListArea .lecList4_tb td a:active {color:#46c3eb;} #lecListArea .lecList4_tb td a.btnDel {float:right;margin-top:4px;} #lecListArea .insertListArea .lecList4_tb td a {width:215px;} #lecListArea .insertScrollArea .lecList4_tb td a {width:200px;} #lecListArea .blank_tb {border:0;border-collapse:collapse;table-layout:fixed;empty-cells:show;} #lecListArea .blank_tb caption {disply:none;font-size:0;line-height:0;} #lecListArea .blank_tb th, #lecListArea .blank_tb td {font-size:12px;line-height:14px;text-align:left;} #lecListArea .blank_tb th {padding:5px 5px 3px;#padding:5px 0 3px;color:#fff;} #lecListArea .blank_tb td {padding:5px 5px 3px;color:#999;} #lecListArea .blank_tb td input.insertBorder {height:18px;border:0;border-top:1px solid #787878;line-height:18px;} #lecListArea .blank_tb td textarea.insertBorder {border:0;border-top:1px solid #787878;} #lecListArea .blank_tb td .txtArea {overflow-x:hidden;overflow-y:scroll;height:100px;padding:10px;background-color:#f0f0f0;line-height:16px;word-break:break-all;word-warp:word-break;} /* 수강후기 리스트 아코디언 */ .accordion {width:100%;} .accordion .subject {cursor:pointer;overflow:hidden;width:100%;height:30px;padding:1px 0 1px 8px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListLine.png') repeat-x left top;color:#fff;font-size:12px;text-align:left;} .accordion li.open .subject {overflow:hidden;width:100%;color:#46c3eb;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;background-image:none;background-color:#2d2d32;border-top:1px solid #000;} .accordion li .answer {display:none;overflow:auto;padding:10px 10px 10px;background:#2d2d32;border-top:1px solid #000;font-size:12px;color:#c1c1c1;line-height:18px;} .accordion li.open .answer {display:block;} .noneList {position:absolute;left:0;top:45%;width:100%;text-align:center;color:#fff;font-size:12px;} /* 버튼 */ a.btnDel, a.btnSave, a.btnReWrite, a.btnSearch, a.btnModify {display:block;height:18px !important;font-size:0;line-height:0;text-indent:-999px;} a.btnDel {width:11px !important;height:11px !important;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_del_s.gif') no-repeat 1px 1px;} a.btnSave {width:32px !important;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_save.gif') no-repeat left top;} a.btnReWrite {width:51px !important;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_reWrite.gif') no-repeat left top;} a.btnSearch {width:32px !important;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_search.gif') no-repeat left top;} a.btnModify {width:32px !important;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_modify.gif') no-repeat left top;} a.btnEncyclopedia {display:block;width:50px;height:18px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_encyclopedia.png') no-repeat left top;font-size:0;line-height:0;text-indent:-999px;} a.btnEncyclopedia:hover, a.btnEncyclopedia:active {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_encyclopedia_on.png') no-repeat left top;} a.btnEncyclopedia_on {display:block;width:50px;height:18px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_encyclopedia_on.png') no-repeat left top;font-size:0;line-height:0;text-indent:-999px;} /* 프로모션 영역 -------------------------------------------------------------------------------*/ #adArea {overflow:hidden;width:306px;} #adArea .btnArea {overflow:hidden;width:306px;height:24px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_banBtn.png') no-repeat;} #adArea .btnArea button {float:right;width:80px;height:24px;text-indent:-9999px;cursor:pointer;border:0;background:transparent;} /* AOD 영역 -------------------------------------------------------------------------------*/ /* 개별(플레이어 컨트롤 영역) */ #html5PlayerAod #playerControlArea .playControlGrp {overflow:hidden;position:absolute;left:0;top:0;width:127px;height:34px;padding:14px 0 0 15px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_controlLine.png') no-repeat left top;} #html5PlayerAod #playerControlArea .playControlGrp a {margin-right:15px;} /* 개별(플레이어 진행바 영역, 볼륨 진행바 영역) */ #html5PlayerAod #playerControlArea .controlArea {padding-left:142px;} #html5PlayerAod #playerControlArea .playProgGrp {float:left;width:64%;height:44px;padding:4px 3% 0;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_controlLine.png') no-repeat left top;} #html5PlayerAod #playerControlArea .playProgGrp .time {display:block;clear:both;height:16px;margin-bottom:-2px;border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;background-color:#111212;} #html5PlayerAod #playerControlArea .playProgGrp .time .nowTime, #html5PlayerAod #playerControlArea .playProgGrp .time .totalTime, #html5PlayerAod #playerControlArea .playProgGrp .time .repeatTimeL, #html5PlayerAod #playerControlArea .playProgGrp .time .repeatTimeR {display:block;float:left;overflow:hidden;height:14px;font-size:11px;text-align:center;line-height:15px;} #html5PlayerAod #playerControlArea .playProgGrp .time .nowTime {width:50px;color:#c1c1c1;} #html5PlayerAod #playerControlArea .playProgGrp .time .totalTime {width:50px;padding-left:10px;color:#646464;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_timeDivi_gray.gif') no-repeat 4px 2px;} #html5PlayerAod #playerControlArea .playProgGrp .time .repeatTimeL {width:52px;color:#34a3cb;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_timeDivi_blueL.gif') no-repeat 0 2px;} #html5PlayerAod #playerControlArea .playProgGrp .time .repeatTimeR {width:52px;color:#34a3cb;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_timeDivi_blueR.gif') no-repeat 0 2px;} #html5PlayerAod #playerControlArea .volumnGrp {position:relative;float:left;width:26%;height:29px;padding:19px 1% 0 3%;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_controlLine.png') no-repeat left top;} #html5PlayerAod #playerControlArea .volumnGrp .volOption {position:absolute;left:6px;top:17px;width:17px;height:13px;padding-top:1px;} #html5PlayerAod #playerControlArea .volumnGrp .volOption .btnVol, #html5PlayerAod #playerControlArea .volumnGrp .volOption .btnVolOff {display:block;width:17px;height:14px;font-size:0;line-height:0;text-indent:-9999px;} #html5PlayerAod #playerControlArea .volumnGrp .volOption .btnVol {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_volumn.gif') no-repeat left top;} #html5PlayerAod #playerControlArea .volumnGrp .volOption .btnVolOff {background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_mute.gif') no-repeat left top;} #html5PlayerAod #playerControlArea .volumnGrp .volProgArea {overflow:hidden;padding-left:20px;} *+html #playerControlArea .volumnGrp .volProgArea{padding-left:30px;} #html5PlayerAod #playerControlArea .userSpeedOption {float:left;height:21px;padding:1px 10px;font-size:11px;} #html5PlayerAod #playerControlArea .userSpeedOption .setTit {display:block;float:left;overflow:hidden;width:49px;height:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/optionTit_playSpeed.gif') no-repeat left 50%;text-indent:-999px;} #html5PlayerAod #playerControlArea .userMoveOption {float:left;height:21px;padding:1px 13px;border-left:1px solid #0d0e11;font-size:11px;} #html5PlayerAod #playerControlArea .userMoveOption .setTit {display:block;float:left;overflow:hidden;width:71px;height:21px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/optionTit_playLocMove.gif') no-repeat left 50%;text-indent:-999px;} #html5PlayerAod #playerControlArea .functionGrp {float:left;overflow:hidden;height:21px;padding:1px 0 1px 13px;border-left:1px solid #0d0e11;} #html5PlayerAod .subTitArea {clear:both;height:44px;padding:5px 5px 0;margin-bottom:5px;border-bottom:1px solid #353334;background-color:#575858;font-size:12px;} #html5PlayerAod .subTitArea h3 {display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:337px;height:20px;color:#fff;line-height:20px;white-space:nowrap;} #html5PlayerAod .subTitArea .partTch {display:block;height:20px;color:#ccc;line-height:20px;} #html5PlayerAod .subTitArea_normal {clear:both;height:22px;padding:5px 5px 0;margin-bottom:5px;border-bottom:1px solid #353334;background-color:#575858;font-size:12px;} #html5PlayerAod .subTitArea_normal h3 {display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:337px;height:20px;color:#fff;font-weight:bold;line-height:20px;white-space:nowrap;} #html5PlayerAod #lecListArea {margin-bottom:0;padding-bottom:4px;} #html5PlayerAod #lecListArea .addInfo {clear:both;position:relative;width:345px;height:45px;padding:4px 5px;margin-left:0;color:#fff;font-size:11px;} #html5PlayerAod #lecListArea .addInfo2 {clear:both;position:relative;width:345px;height:45px;padding:4px 5px;margin-left:0;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListTop.png') repeat-x left bottom;color:#fff;font-size:11px;} #html5PlayerAod #lecListArea .addInfo .infoTxt, #html5PlayerAod #lecListArea .addInfo2 .infoTxt {display:block;overflow:hidden;width:345px;padding-top:2px;line-height:18px;} #html5PlayerAod #lecListArea .addInfo .btn, #html5PlayerAod #lecListArea .addInfo2 .btn{position:absolute;right:4px;top:-30px;} #html5PlayerAod #lecListArea .qRegNoti {padding-left:5px;margin-bottom:10px;color:#a0eefc;letter-spacing:-1px;} #html5PlayerAod #lecListArea .readmeArrow {clear:both;width:337px;margin-left:0;padding:8px 0 6px 9px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/ico_arrR_black.gif') no-repeat 0 12px;color:#999;font-size:12px;font-weight:bold;line-height:16px;letter-spacing:-1px;} #html5PlayerAod #lecListArea .listArea_normal {position:relative;overflow-x:hidden;overflow-y:auto;width:355px;height:484px;margin-left:0;} #html5PlayerAod #lecListArea .insertListArea .lecList3_tb td a {width:315px;} #html5PlayerAod #lecListArea .insertScrollArea .lecList3_tb td a {width:300px;} #html5PlayerAod #lecListArea .insertListArea .lecList4_tb td a {width:260px;} #html5PlayerAod #lecListArea .insertScrollArea .lecList4_tb td a {width:245px;} /* 서브타이틀(h3) 있을때 */ /* #html5PlayerAod #lecListArea .listArea {position:relative;overflow-x:hidden;overflow-y:auto;width:355px;height:360px;margin-left:0;} #html5PlayerAod #lecListArea .insertContsArea {clear:both;overflow:hidden;height:180px;padding:10px 0;margin:0;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListTop.png') repeat-x left bottom;font-size:12px;} #html5PlayerAod #lecListArea .insertListArea {position:relative;overflow-x:hidden;overflow-y:auto;width:355px;height:128px;margin-left:0;} #html5PlayerAod #lecListArea .totalContsArea {clear:both;overflow:hidden;height:338px;padding:10px 0;margin:0;} #html5PlayerAod #lecListArea .totalContsArea .contsScrollArea {height:269px;} */ /* 서브타이틀(h3) 없을때(height+50px) */ #html5PlayerAod #lecListArea .listArea {position:relative;overflow-x:hidden;overflow-y:auto;width:355px;height:410px;margin-left:0;} #html5PlayerAod #lecListArea .insertContsArea {clear:both;overflow:hidden;height:220px;padding:10px 0;margin:0;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_lecListTop.png') repeat-x left bottom;font-size:12px;} #html5PlayerAod #lecListArea .insertListArea {position:relative;overflow-x:hidden;overflow-y:auto;width:355px;height:128px;margin-left:0;} #html5PlayerAod #lecListArea .totalContsArea {clear:both;overflow:hidden;height:388px;padding:10px 0;margin:0;} #html5PlayerAod #lecListArea .totalContsArea .contsScrollArea {height:330px;} /* 풀스크린에 오버시 오른쪽 컨텐츠 영역*/ .rightContents {height:100%;} .rightContents #html5PlayerFull {padding-bottom:0;} .rightContents #html5Player {width:auto; position:relative; padding-right:0;} .rightContents #html5PlayerFull .leftConts {width:100%; height:100%;} .rightContents #html5PlayerFull .leftConts #playerMvArea {height:100%;} .rightContents #html5PlayerFull .rightConts {position:absolute; right:0; top:0; height:100%; background-color:#1f2025; float:initial;} .rightContents #html5PlayerFull #playerMvArea {padding:0; height:100%;} .rightContents #lecListArea {height:100%; position:relative;} .rightContents #lecListArea .addInfo {padding:10px; width:267px; height:40px;} .rightContents #lecListArea .listArea {position:absolute; top:60px; bottom:0; left:0; height:auto;} #playerControlArea .progressArea .progress .barBox {z-index:1; position:relative;} #playerControlArea .progressArea .progress .ui-slider-range-repeter {display:none; position:absolute; top:2px; height: 6px; background-repeat:repeat-x; background-image:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/bg_progressBar_ing_repeat.png'); z-index:1;} /* 레이어 */ .layer-continue{position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-210px; z-index:100; width:370px; min-height:135px; padding:20px 25px; text-align:center; background-color:#111212; border-radius:9px;} .layer-continue p{margin-bottom:20px; padding-bottom:18px; font-size:14px; border-bottom:1px solid #2c2d34;} .layer-continue strong{font-size:14px; font-weight:normal; line-height:1.4; color:#46c3eb;} .layer-continue .btns{margin-top:20px;} .layer-continue a{display:inline-block; width:110px; height:45px; text-indent:-9999px; overflow:hidden;} .layer-continue .btn-continue{background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_continue.gif') no-repeat 0 0;} .layer-continue .btn-close-layer{background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_close_layer.gif') no-repeat 0 0;} /* 2017-08-21 :: 비로그인 배너 추가*/ .banGuide {width:306px;height:60px} .banGuide img {width:306px;height:60px} /* 2017-11-16 비로그인 레이어 추가 */ .layerLogin {position:absolute;right:11px;top:50%;width:280px;height:180px;margin-top:-145px;border:1px solid #c51919;background:#fff;z-index:899999;} .layerLogin .btnClose {position:absolute;right:6px;top:6px;display:block;width:18px;height:18px;text-indent:-99999px;background:url('http://image.ebsi.co.kr/ebsi/images/potalUI/player_v4/btn_close_layer.png') no-repeat 50% 50%;} .layerLogin .layerInner {padding:20px 20px 15px;color:#222;font-size:13px;letter-spacing:-1px;text-align:center;line-height:18px;} .layerLogin .layerInner strong {display:block;margin-bottom:5px;} .layerLogin .btnWrap {text-align:center;} .layerLogin .btnWrap a {display:inline-block;width:105px;height:30px;margin:0 3px;border-radius:2px;text-align:center;font-size:12px;letter-spacing:-1px;line-height:30px;background:#787878;} .layerLogin .btnWrap a:hover {color:#fff;} .layerLogin .btnWrap a.btnEm {background:#c51919;} /* 2018-11-26 :: 설정 레이어 */ .layerSetting {position:absolute;top:50%;left:50%;width:390px;height:467px;margin:-234px 0 0 -195px;border:2px solid #2f4577;background-color:#fff;z-index:900001;} .layerSetting .layerInner .tab {overflow:hidden;padding:9px 0;text-align:center;font-size:0;background-color:#2f4577;} .layerSetting .layerInner .tab li {display:inline-block;position:relative;width:101px;} .layerSetting .layerInner .tab li a {display:block;padding:7px 0;box-sizing:border-box;font-size:12px;font-weight:bold;color:#80899e;border:2px solid #80899e;} .layerSetting .layerInner .tab li.active a {background-color:#fff;border-color:#fff;} .layerSetting .layerInner .tab li:after {display:block;position:absolute;content:'';top:2px;right:0;bottom:2px;width:2px;background-color:#2f4577;} .layerSetting .layerInner .tab li + li:after {left:0;} .layerSetting .layerInner .tab li.active:after {display:none;} .layerSetting .layerInner .tabCont {padding:15px 19px;font-size:12px;} .layerSetting .layerInner .cont div, .layerSetting .layerInner .cont dd {overflow:hidden;} .layerSetting .layerInner .cont div + div {margin-top:4px;} .layerSetting .layerInner .cont label {float:left;width:106px;color:#000;line-height:26px;} .layerSetting .layerInner .cont input {float:left;width:228px;padding:5px 8px;border:1px solid #d1d1d1;} .layerSetting .layerInner .cont select {float:left;width:117px;padding:5px 8px 5px 0;border:1px solid #d1d1d1;} .layerSetting .layerInner .cont dl + dl {margin-top:16px;} .layerSetting .layerInner .cont dt {margin:7px 0 10px;font-weight:bold;color:#000;} .layerSetting .layerInner .cont dd label {width:66px;} .layerSetting .btnWrap {position:absolute;bottom:0;left:0;right:0;padding:14px 19px;font-size:0;text-align:right;border-top:1px solid #d5d5d5;background-color:#ededed;} .layerSetting .btnWrap button {display:inline-block;min-width:53px;padding:7px;font-size:11px;font-family:돋움, Dotum;text-align:center;cursor:pointer;border:1px solid #000;background-color:#fff;} .layerSetting .btnWrap button + button {margin-left:5px;}